@charset "utf-8";

* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

html {
  width: 100%;
  font-weight: normal;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-size: 14px;
  line-height: 1.6;
  background-color: #fff;
  color: #666666;
  font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
}

ul,
ul li,
ol,
li {
  list-style: none outside none;
}

img {
  vertical-align: middle;
  border: none;
}

input,
select,
option,
label,
th,
textarea {
  vertical-align: middle;
  border: none;
  font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
}

a {
  text-decoration: none;
  color: inherit;
}

a:hover {
  text-decoration: none;
}

select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
}

/* htx common start------------------------------------ */
.clear {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.none {
  display: none;
}

.white {
  color: #FFF;
}

.red {
  color: red;
}

.blue {
  color: blue;
}

.gray {
  color: gray;
}

.b {
  font-weight: bold;
}

.new {
  background: url(../images/new.gif) right no-repeat;
  padding-right: 32px;
}




/* qq dialog
   ================================================================================ */
#qq_box {
  padding-left: 26px;
  background: url(../images/qq_box.png) left top no-repeat;
  _background: url(../images/qq_box.png) left top no-repeat;
  width: 98px;
  height: 138px;
  overflow: hidden;
  right: 0px;
}

#qq_box_main {
  width: 98px;
  height: 138px;
  display: block;
  background: url(../images/qq_box_right.png) no-repeat right top;
  float: right;
  visibility: hidden;
  padding-top: 10px;
}

#qq_box_main ul {
  padding-bottom: 5px;
}

#qq_box_main ul li {
  display: block;
  padding: 3px 0px 3px 8px;
}

/* form
   ================================================================================ */
.post_error {
  color: red;
}

.tab_form {
  background: #D4D0C8;
}

.tab_form td {
  background: #FFFFFF;
  padding: 5px;
  color: #3D3D3D;
}

.tab_form td.b {
  background: #EEEEEE;
  font-weight: bold;
}

.tab_form .input_txt {
  border-top: 1px #999999 solid;
  border-left: 1px #999999 solid;
  border-right: 1px #CCCCCC solid;
  border-bottom: 1px #CCCCCC solid;
  background: #FFF;
  width: 70%;
  line-height: 20px;
  padding: 6px;
}

.tab_form .input_txt:hover {
  border: 1px #225197 solid;
  background: #F5F9FD;
}

.tab_list td {
  padding: 14px 0;
  border-bottom: 1px #ccc dotted;
}

.tab_form .btn {
  width: 112px;
  height: 38px;
  font-size: 15px;
  margin-top: 20px;
  background: #225197;
  color: #fff;
  border: none;
  border-radius: 4px;
}

#img_seccode {
  width: 100px;
}

/* disjoin page
   ================================================================================ */
.pagination {
  margin-top: 60px;
}

.pagination em {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  margin-right: 14px;
  font-style: normal;
}

.pagination a,.pagination strong {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  line-height: 32px;
  font-weight: normal;
  color: #343434;
  border-radius: 5px;
  text-align: center;
  width: 32px;
  box-sizing: border-box;
  margin: 0 5px;
  transition: all 0.3s;
}

.pagination a:hover {
  color: #0037B7;
}

.pagination strong {
  background: #0037B7;
  background-image: linear-gradient(to right, #0037B7, #008EFC);
  color: #fff;
}

.pagination a.prev,
.pagination a.next {
  width: 80px;
  font-weight: 300;
}

/*xin*/
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  width: 52px;

  margin: 0 5px;
  border-radius: 3px;
}
.pagination span {
    color: #333;
    font-size: 14px;
    padding: 8px 2px;
    margin: 0 5px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #4fc08d;
  border: 1px solid #4fc08d;
}
.pagination a.page-num-current {
  color: #fff;
  background: #4fc08d;
  border: 1px solid #4fc08d;
}

/* table default style
   ================================================================================ */
table.tab {
  border-collapse: collapse;
  border-spacing: 0;
  word-wrap: break-word;
  word-break: break-all;
  color: #666;
  font-size: 12px;
}

table.tab td,
table.tab th {
  padding: 8px;
  border: 1px solid #DDD;
}

table.tab th {
  text-align: center;
  border-top: 2px solid #BBB;
  background-color: #F7F7F7;
  font-weight: bold;
}

/* tab card
   ================================================================================ */
.tab_card_tit {
  height: 30px;
  overflow: hidden;
  background: #F0F0F0;
  padding-left: 10px;
}

.tab_card_txt {
  padding: 10px 10px;
  border: 1px #C2C2C2 solid;
  line-height: 25px;
}

.tab_card_tit ul li {
  float: left;
  display: block;
  width: 83px;
  height: 25px;
  line-height: 25px;
  margin: 6px 5px 0px 0px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #000002;
}

.tab_card_tit .active {
  background: url(../images/tab_tit_bg.jpg) no-repeat;
}

.tab_card_tit .normal {
  background: url(../images/tab_tit_bg.jpg) -83px 0px no-repeat;
}

.tab_card_tit .active a {
  color: #000002;
}

.tab_card_tit .normal a {
  color: #000002;
}

/* pic player
   ================================================================================ */
#lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  display: none;
}

#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-weight: normal;
}

#lightbox img {
  width: auto;
  height: auto;
}

#lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 10px;
}

.lb-loader {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container>.nav {
  left: 0;
}

.lb-nav a {
  outline: none;
}

.lb-prev,
.lb-next {
  width: 49%;
  height: 100%;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  display: block;
}

.lb-prev {
  left: 0;
  float: left;
}

.lb-next {
  right: 0;
  float: right;
}

.lb-prev:hover {
  background: url(../images/prev.png) left 48% no-repeat;
  cursor: pointer;
}

.lb-next:hover {
  background: url(../images/next.png) right 48% no-repeat;
  cursor: pointer;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 10px;
  color: #bbbbbb;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 11px;
}

.lb-data .lb-close {
  width: 35px;
  float: right;
  padding-bottom: 0.7em;
  outline: none;
}

.lb-data .lb-close:hover {
  cursor: pointer;
}

/* text select
   ========================================================================== */
::-moz-selection,
::selection {
  background: #327012;
  color: white;
}

/* scrollbar
   ========================================================================== */
::-webkit-scrollbar {
  height: 10px;
  width: 10px
}

::-webkit-scrollbar-button {
  height: 0;
  width: 0;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
  display: block;
}

::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement {
  display: none;
}

::-webkit-scrollbar-track:vertical,
::-webkit-scrollbar-track:horizontal,
::-webkit-scrollbar-thumb:vertical,
::-webkit-scrollbar-thumb:horizontal,
::-webkit-scrollbar-track:vertical,
::-webkit-scrollbar-track:horizontal,
::-webkit-scrollbar-thumb:vertical,
::-webkit-scrollbar-thumb:horizontal {
  border-style: solid;
  border-color: transparent;
  border-radius: 10px;
}

::-webkit-scrollbar-track:vertical::-webkit-scrollbar-track:horizontal {
  background-clip: padding-box;
  background-color: #fff;
}

::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07);
  background-clip: padding-box;
  background-color: rgba(0, 0, 0, .2);
  min-height: 28px;
  padding-top: 100;
}

::-webkit-scrollbar-thumb:hover {
  -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .25);
  background-color: rgba(0, 0, 0, .4);
}

::-webkit-scrollbar-thumb:active {
  -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .35);
  background-color: rgba(0, 0, 0, .5);
}

::-webkit-scrollbar-track:vertical,
::-webkit-scrollbar-track:horizontal,
::-webkit-scrollbar-thumb:vertical,
::-webkit-scrollbar-thumb:horizontal {
  border-width: 0;
}

::-webkit-scrollbar-track:hover {
  -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1);
  background-color: rgba(0, 0, 0, .05);
}

::-webkit-scrollbar-track:active {
  -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .14), inset -1px -1px 0 rgba(0, 0, 0, .07);
  background-color: rgba(0, 0, 0, .05);
}

/* htx common end---------------------------------------------------------------------------- */


.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  zoom: 1;
  display: block;
  _height: 1px;
  clear: both;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.container {
  display: block;
  margin: 0 auto;
  width: 1200px;
}

.hidden {
  overflow: hidden;
}

.hide {
  display: none;
}

.header {
  padding-top: 20px;
  padding-bottom: 20px;
  background: #fff;
}

.logo {
  width: 780px;
  /*height:70px; margin-top:65px;*/
}

.logo img {
  display: block;
  width: 100%;
  /* height:80px; */
}

.hrig {
  text-align: right;
}

.hea-btn {
  overflow: hidden;
  border-radius: 0 0 5px 5px;
  overflow: hidden;
  float: right;
}

.hea-btn a {
  background-color: #0047C3;
  display: inline-block;
  width: 68px;
  line-height: 30px;
  height: 30px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  border-radius: 11px;
}

.hea-btn a:hover,
.hea-btn a.active {
  background-color: #0089F7
}

.hea-btn a:before {
  font-size: 16px;
}

.lang {
  line-height: 30px;
  /*margin-top:47px;*/
  color: #505050;
}

.lang a {
  color: #505050;
  font-size: 16px;
  display: inline-block;
  font-weight: bold;
  background-color: #0089F7;
  color: #FFFFFF;
  width: 80px;
  text-align: center;
  border-radius: 11px;
  line-height: 30px;
  height: 30px;
}

.lang span {
  display: inline-block;
  color: #505050;
  margin: 0 10px;
  font-size: 20px;
  font-weight: bold;
}

.lang a:hover {
  background-color: #0047C3
}

.page_mobile_header {
  display: none;
}

@media (max-width: 768px) {
  .container {
    width: 100%;
  }

  .header {
    display: none;
  }

  .page_mobile_header {
    display: block;
    padding: 10px 14px;
    height: 72px;
  }

  .page_mobile_header .logo {
    /*width: 250px;*/
    width: 80%;
  }

  .page_mobile_header .menu-toggler {
    display: block;
    width: 25px;
    height: 25px;
    transition: .8s cubic-bezier(.14, 1, .34, 1);
    float: right;
    margin-top: 12px;
    position: relative;
  }

  .page_mobile_header .menu-toggler .line {
    top: 50%;
    left: 50%;
    width: 100%;
    height: 2px;
    margin-top: -2px;
    position: absolute;
    background: #2F6051;
    -webkit-transform: translate3d(-50%, 0%, 0);
    transform: translate3d(-50%, 0%, 0);
    transition: all .4s;
  }

  .page_mobile_header .menu-toggler .line-1 {
    transform: translate3d(-50%, -6px, 0);
  }

  .page_mobile_header .menu-toggler .line-2 {
    transition: all 300ms linear;
  }

  .page_mobile_header .menu-toggler .line-3 {
    transform: translate3d(-50%, 6px, 0);
  }

  .menu-toggler.close .line-1 {
    transform: rotate(45deg);
  }

  .menu-toggler.close .line-2 {
    display: none;
  }

  .menu-toggler.close .line-3 {
    transform: rotate(-45deg);
  }
}


.to_timing {
  color: #505050;
  font-size: 20px;
  line-height: 30px;
  margin-top: 45px;
}


.to_timing span {
  font-weight: bold;
  font-size: 24px;
  margin: 0 3px;
  color: #0029AB
}

.nav {
  height: 60px;
  text-align: center;
  background-image: linear-gradient(to right, #0037B7, #005BD3, #008EFC);
}

.navlist li {
  float: left;
  width: 12.5%;
  position: relative;
}

.navlist li>a {
  display: block;
  line-height: 60px;
  font-size: 20px;
  color: #ffffff;
}

.navlist li span {
  display: inline-block;
  padding: 0 20px;
  line-height: 40px;
  border-radius: 9px;
}

.navlist li.on span,
.navlist li:hover span {
  color: #0047C3;
  background: #ffffff;
}

.navlist li .sub {
  position: absolute;
  left: 0;
  top: 60px;
  width: 100%;
  background: #ffffff;
  z-index: 10;
  padding: 10px 0;
  border-radius: 0 0 10px 10px;
  display: none;
  box-shadow: 0 0 10px #cccccc;
}

.navlist li .sub a {
  display: block;
  font-size: 15px;
  height: 35px;
  line-height: 35px;
}

.navlist li .sub a:hover {
  background: #0037B7;
  color: #ffffff;
}

@media (max-width: 768px) {
  .nav {
    background-color: #0037B7;
    width: 100%;
    height: calc(100% - 72px);
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 2;
    overflow-y: auto;
    padding: 24px;
    display: none;
  }

  .navlist li {
    float: none;
    display: block;
    width: 100%;
  }

  .navlist li>a {
    text-align: left;
  }

  .navlist li .sub {
    box-shadow: none;
    display: block;
    position: static;
    background: none;
    overflow: hidden;
    padding: 0 0 0 20px;
  }

  .navlist li .sub a {
    float: left;
    color: #fff;
    font-size: 18px;
    margin-right: 30px;
  }
}

.banner .swiper-slide a {
  display: block;
  height: 100%;
}

.banner .swiper-slide img {
  display: block;
  width: 100%;
}


.banner .swiper-pagination {
  bottom: 24px;
  height: 16px;
  line-height: 0;
}

.banner .swiper-pagination .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  opacity: 1;
  background: #ffffff;
  margin: 0 10px;
}

.banner .swiper-pagination .swiper-pagination-bullet-active {
  width: 40px;
  background: #039dd5;
}

@media (max-width: 768px) {
  .banner .swiper-pagination {
    bottom: 6px;
    height: 8px;
  }

  .banner .swiper-pagination .swiper-pagination-bullet {
    height: 8px;
    margin: 0 4px;
  }

  .banner .swiper-pagination .swiper-pagination-bullet-active {
    width: 20px;
  }
}



.btnlist {
  overflow: hidden;
  width: 1200px;
  margin: 0 auto;
}

.btnlist li {
  float: left;
  width: 280px;
  height: 100px;
  margin: 35px 13px;
  border-radius: 12px;
  background-size: 100%;
  background-position: left center;
  background-repeat: no-repeat;
  transition: all .4s;
}

.btnlist li:hover {
  box-shadow: 0 0 20px #dedede;
}

.btnlist li a {
  display: block;
  width: 100%;
  height: 100%
}

.btnlist li .cntit {
  font-size: 22px;
  margin-top: 21px;
}

.btnlist li .entit {
  font-size: 9px;
  text-transform: uppercase;
}

.btnlist li:nth-child(1) {
  margin-left: 0
}

.btnlist li:nth-last-child(1) {
  margin-right: 0
}

@media (max-width: 768px) {
  .btnlist {
    width: 100%;
    text-align: center;
    padding: 20px 0;
  }

  .btnlist li {
    float: none;
    width: 150px;
    display: inline-block;
    vertical-align: middle;
    height: 50px;
    margin: 8px !important;
  }
}


.huibj {
  background: #f3f3f3;
  overflow: hidden;
}

@keyframes slide-in-from-right {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }

  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.slide-in-right {
  animation: slide-in-from-right 1s ease-in-out forwards;
}

@keyframes slide-in-from-left {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }

  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.slide-in-left {
  animation: slide-in-from-left 1s ease-in-out forwards;
}

@keyframes slide-in-from-top {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.slide-in-top {
  animation: slide-in-from-top 1s ease-in-out forwards;
}

@keyframes slide-in-from-bottom {
  0% {
    transform: translateY(-100%);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.slide-in-bottom {
  animation: slide-in-from-bottom 1s ease-in-out forwards;
}

/*.exhlist li:hover{
	color:#ffffff;
	background:#19a2ca;
	background-image: -webkit-linear-gradient(0deg, #19a2ca, #70b595);
}*/
.homenews .homemvideo video,
.homenews .homemvideo iframe {
  width: 100%;
  display: block;
  height: 310px;
}
.homenews .homemvideo img{
  width: 100%;
  display: block;
}

.htit {
  overflow: hidden;
  text-align: center;
  margin: 50px 0;
}

.htit h3 {
  font-size: 42px;
  line-height: 1;
  color: #505050;
}

.htit p {
  font-size: 18px;
  margin-top: 20px;
}

.htit .xian {
  width: 106px;
  height: 5px;
  background-image: linear-gradient(to right, #0037B7, #008EFC);
  margin: 20px auto 0 auto;
}

.htit .more {
  display: block;
  margin: 20px auto 0 auto;
}

.htit .more a {
  height: 46px;
  line-height: 46px;
  padding: 0 25px;
  border-radius: 23px;
  background: #2757e0;
  color: #ffffff;
  font-size: 20px;
  display: inline-block;
}

.htit .more a:hover {
  background: #19a2ca;
  background-image: -webkit-linear-gradient(0deg, #0037B7, #008EFC);
}

@media (max-width: 768px) {
  .btnlist {
    padding: 20px 0;
  }

  .htit h3 {
    font-size: 24px;
  }

  .htit .xian {
    width: 80px;
    height: 3px;
    margin: 12px auto 0 auto;
  }
}

.homenews {
  overflow: hidden;
  padding: 0 30px;
  margin: 30px 0;
  font-size: 16px;
}

.homenews .newsban {
  width: 48.5%;
}

.homenews .newsban .img {
  width: 100%;
  overflow: hidden;
}

.homenews .newsban .img img {
  display: block;
  width: 100%;
}

.homenews .newsban .txt {
  overflow: hidden;
  color: #666666;
  padding: 10px;
}

.homenews .newsban .txt h3 {
  font-size: 20px;
  line-height: 30px;
  height: 30px;
  margin-bottom: 10px;
  color: #19a2ca;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.homenews .newsban .txt p {
  font-size: 14px;
  line-height: 25px;
  height: 50px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.homenews .newsban .swiper-slide:hover .txt {
  background: #19a2ca;
  background-image: -webkit-linear-gradient(0deg, #0037B7, #008EFC);
  color: #ffffff;
}

.homenews .newsban .swiper-slide:hover .txt h3 {
  color: #ffffff;
}

.homenews .newsban .swiper-pagination {
  top: 290px;
  height: 16px;
  line-height: 0;
  text-align: center;
  width: 100%;
}

.homenews .newsban .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  opacity: 1;
  background: #ffffff;
  margin: 0 5px;
}

.homenews .newsban .swiper-pagination .swiper-pagination-bullet-active {
  background: #039dd5;
}

.homenews .homemvideo {
  width: 48.5%;
  background: #000000;
}

.homenews .homemvideo video {
  width: 100%;
  display: block;
}

.hnlist {
  width: 48.5%;
}

.hnlist h3 {
  font-size: 24px;
  color: #0029AB;
  line-height: 30px;
}

.hnlist h3 a {
  float: right;
  font-size: 16px;
  color: #008eff;
}

.hnlist .xian {
  height: 5px;
  background-image: -webkit-linear-gradient(0deg, #0029AB, #008eff);
}

.hnlist img {
  margin-top: 25px;
  margin-bottom: 25px;
}

.hnlist li {
  margin-bottom: 10px;
  color: #666666;
}

.hnlist li a {
  display: block;
  padding: 10px 15px;
  color: #505050;
  font-size: 16px;
}

.hnlist li:hover a {
  color: #0029AB;
}

.hnlist li a h3 {
  width: 70%;
  font-weight: normal;
  color: #505050;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
}

.hnlist li:hover a h3 {
  color: #0029AB;
}

@media (max-width: 768px) {
  .homenews .homemvideo {
    width: 100%;
  }

  .hnlist {
    width: 100%;
    margin-top: 12px;
  }
}

.adv {
  width: 100%;
}

.adv img {
  display: block;
  width: 100%;
}


.brandlist {
  margin: 30px 0;
  overflow: hidden;
}

.brandlist ul {
  white-space: nowrap;
}

.brandlist li {
    width: 235px;
    margin: 5px;
    background: #ffffff;
    height: 118px;
    float: left;
}

.brandlist li img {
  width: 100%;
}

.brand_more {
  overflow: hidden;
  text-align: center;
  margin-bottom: 35px;
}

.brand_more a {
  display: inline-block;
  height: 46px;
  line-height: 46px;
  padding: 0 20px;
  font-size: 18px;
  color: #ffffff;
  background: #008EFC;
  border-radius: 23px;
}

.brand_more a:hover {
  background: #19a2ca;
  background-image: -webkit-linear-gradient(0deg, #0037B7, #008EFC);
}

@media (max-width: 768px) {
  .brandlist ul {
    white-space: normal;
    text-align: center;
  }

  .brandlist li {
    float: none;
    display: inline-block !important;
    width: 42%;
  }
}


.exhsearch li {
  float: left;
  height: 50px;
  box-shadow: 0 0 15px #dcdcdc;
  overflow: hidden;
}

.exhsearch li.es01 {
  width: 340px;
}

.exhsearch li.es01 select {
  width: 100%;
  height: 50px;
  padding: 0 25px;
  font-size: 18px;
  color: #666666;
  background: #ffffff url(../images/san.png) no-repeat right center;
  background-size: auto 100%;
}

.exhsearch li.es02 {
  width: 470px;
  margin-left: 30px;
}

.exhsearch li.es02 input {
  width: 100%;
  height: 50px;
  padding: 0 25px;
  font-size: 18px;
  color: #666666;
}

.exhsearch li.es03 {
  width: 120px;
  margin-left: 30px
}

.exhsearch li.es03 input {
  width: 100%;
  height: 50px;
  font-size: 18px;
  color: #ffffff;
  background: #2757e0;
  cursor: pointer;
}

.exhsearch li.es03 input:hover {
  background: #19a2ca;
  background-image: -webkit-linear-gradient(0deg, #19a2ca, #008EFC);
}

.exhsearch li.es04 {
  width: 180px;
  margin-left: 30px;
}

.exhsearch li.es04 a {
  display: block;
  width: 100%;
  height: 50px;
  font-size: 18px;
  color: #ffffff;
  background: #2757e0;
  line-height: 50px;
  text-align: center;
}

.exhsearch li.es04 a:hover {
  background: #19a2ca;
  background-image: -webkit-linear-gradient(0deg, #19a2ca, #008EFC);
}


.exhmain {
  margin: 35px 0 50px 0;
}

.exhleft {
  width: 340px;
  height: 584px;
  border-radius: 15px;
  box-shadow: 0 0 15px #dcdcdc;
  background-image: linear-gradient(to right, #0037B7, #008EFC);
}

.exhtit {
  line-height: 1;
  padding: 35px;
}

.exhtit h3 {
  font-size: 24px;
  color: #FFFFFF;
}

.exhtit span {
  font-size: 20px;
  text-transform: uppercase;
  color: #FFFFFF;
  display: block;
  margin-top: 10px;
}

.exhnav {
  overflow: hidden;
  height: 470px;
  padding-top: 25px;
  background-color: #F3F3F3;
  border-radius: 15px
}

.exhnav li {
  float: left;
  height: 60px;
  line-height: 60px;
  width: 100%;
  color: #5e5e5e;
  text-align: center;
  margin-top: 20px;
}

.exhnav li a {
  display: block;
  font-size: 20px;
  color: #505050
}

.exhnav li.on a,
.exhnav li:hover a {
  background: #008EFC;
  color: #FFFFFF;
}

.exhright {
  width: 830px;
  box-shadow: 0 0 15px #dcdcdc;
  height: 584px;
}

.exhright .tabtop {
  padding-left: 24px;
  margin-bottom: 26px;
  line-height: 52px;
  font-size: 18px;
  border-radius: 5px;
  overflow: hidden;
  color: #FFFFFF;
  background-image: linear-gradient(to right, #0037B7, #008EFC);
}

.exhlist {
  overflow: hidden;
}

.exhlist li {
  border-bottom: 1px dashed #d1d1d1;
  line-height: 52px;
  font-size: 18px;
  color: #666666;
}

.exhlist li {
  float: left;
  width: 770px;
  overflow: hidden;
  margin: 0 30px 0 30px;
  height: 43px;
  line-height: 43px;
}

.exhlist li span {
  float: left;
}

.exhlist .tabtop .w01,
.exhlist li .w01 {
  width: 80%;
  text-align: left;
  display: inline-block;
}

.exhlist .tabtop .w02,
.exhlist li .w02 {
  width: 20%;
  text-align: center;
  display: inline-block;
}

.exhlist li .dian {
  padding-left: 24px;
  position: relative;
}

.exhlist li .dian:after {
  content: "";
  position: absolute;
  left: 9px;
  top: 50%;
  background: #a8a8a8;
  height: 6px;
  width: 6px;
  margin-top: -3px;
  border-radius: 50%;
}

.exhlist .tabtop {
  height: 70px;
  font-size: 24px;
  color: #FFFFFF;
  font-weight: normal;
  line-height: 70px;
}

.exhlist .tabtop .dian {
  padding-left: 35px;
}

.exhlist li:hover {
  color: #0037B7;
}

.exhlist li:hover .dian:after {
  color: #0037B7
}

.exmore {
  overflow: hidden;
  width: 770px;
  float: left;
  margin-top: 20px;
}

.exmore a {
  width: 100px;
  border-radius: 50px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  background: #008EFC;
  color: #ffffff;
  display: block;
  float: right;
}

.exmore a:hover {
  background: #19a2ca;
  background-image: -webkit-linear-gradient(0deg, #0037B7, #008EFC);
}



.parklist {
  overflow: hidden;
  margin: 30px 0;
}

.parklist li {
  float: left;
  width: 31.33%;
  margin: 1%;
  background: #ffffff;
  padding: 0 15px 15px 15px;
}

.parklist li .txt h3 {
  line-height: 60px;
  text-align: center;
  font-size: 20px;
  border-bottom: 1px solid #d7d7d7;
}

.parklist li.park01 .txt h3 {
  color: #8962a1;
}

.parklist li.park02 .txt h3 {
  color: #109ee6;
}

.parklist li.park03 .txt h3 {
  color: #fe8705;
}

.parklist li .txt p {
  font-size: 16px;
  line-height: 1.6;
  padding: 10px 0;
}

.parklist li .img {
  overflow: hidden;
}

.parklist li .img img {
  width: 100%;
  display: block;
}

.parklist li:hover .txt h3 {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}

.parklist li:hover .txt p {
  color: #ffffff;
}

.parklist li.park01:hover {
  background: #8962a1;
}

.parklist li.park02:hover {
  background: #109ee6;
}

.parklist li.park03:hover {
  background: #fe8705;
}

.scalelist {
  overflow: hidden;
  margin-bottom: 50px;
}

.scalelist li {
  float: left;
  width: 240px;
  /*margin-left: 112px; */
  text-align: center;
}

.scalelist li .ico {
  width: 75px;
  height: 90px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

.scalelist li .ico img {
  display: block;
  width: 100%;
}

.scalelist li .num {
  font-size: 32px;
  color: #666666;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}

.scalelist li .tit {
  font-size: 14px;
  color: #666666;
}

@media (max-width: 768px) {
  .scalelist {
    text-align: center;
  }

  .scalelist li {
    float: none;
    display: inline-block;
    vertical-align: middle;
    width: 40%;
  }
}

.imglist {
  overflow: hidden;
}

.imglist li {
  width: 23.5%;
  margin-right: 2%;
  background: #ffffff;
}

.imglist2 li {
  width: 19.2%;
  margin-right: 1%;
  margin-bottom: 1%;
  float: left;
  background-color: #FFFFFF;
}

.imglist2 li:nth-child(5n) {
  margin-right: 0;
}

.imglist3 ul {
  white-space: nowrap;
}

.imglist3 li {
  width: 280px;
  margin-right: 20px;
  background: #ffffff;
  display: inline-block;
}

.imglist li a {
  display: block;
  width: 100%;
  height: 176px;
  font-size: 0;
}

.imglist li img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.media li a,
.imglist2 li a {
  height: 120px;
  background: #fff;
  position: relative;
}

.media li img,
.imglist2 li img {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto;
  height: auto;
  max-width: 70%;
  max-height: 60%;
  z-index: 1;
  margin: auto;
}

@media (max-width: 768px) {

  .media li img,
  .imglist2 li img {
    max-width: 84%;
  }

  .imglist3 li {
    width: 150px;
    margin-right: 10px;
  }
}

.huibj2 {
  padding-bottom: 50px;
}

.imglist li:hover a {
  background: rgba(0, 0, 0, 0.5);
}




.footer {
      background-image: linear-gradient(to right, #0037B7, #005BD3, #008EFC);
  background-size: cover;
  overflow: hidden;


}

.dbcontent {
  overflow: hidden;
  color: #ffffff;
  font-size: 14px;
  line-height: 28px;
  margin: 60px 0 40px;
}

.dbcontent .dcleft {
  width: 880px;
  float: left;
  background: url("../images/footer_line.png") right center no-repeat
}

.dblist {
  overflow: hidden;
}

.dblist li {
  float: left;
  width: 100%;
  margin-top: 25px;
}

.dblist li.w50 {
  width: 25%;
}

.f_lianxi {
  font-size: 24px;
}

.dcright {
  width: 280px;
  float: right;
  padding-left: 30px;
}

.wechat {
  overflow: hidden;
  padding: 3.5px;
  margin-bottom: 10px;
  width: 140px;
  height: 140px;
  border-radius: 5px;
  background-image: linear-gradient(to bottom, #008EFC, #003DBB);
}

.wechat img {
  display: block;
  width: 133px;
  height: 133px
}

.dcright .dtit {
  width: 140px;
  text-align: center;
  background-color: #003DBB;
  border-radius: 13px
}

.copy {
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  margin-bottom: 10px;
}

.copy a:hover {
  text-decoration: underline;
}

/*首页结束*/
@media (max-width: 768px) {
  .dbcontent {
    padding: 0 16px;
  }

  .dbcontent .dcleft {
    width: 100%;
    float: none;
    background: none;
  }

  .dblist li.w50 {
    width: 100%;
  }

  .dcright {
    width: 280px;
    float: none;
    padding-left: 0;
    margin-top: 30px;
  }
}




.nymain {
  margin-top: 40px;
}

.nyleft {
  width: 23.5%;
}

.column {
  line-height: 1.5;
  padding: 25px 0;
  color: #ffffff;
  text-align: center;
  font-size: 24px;
  background: #039dd5;
  background-image: linear-gradient(to right, #0037B7, #008EFC);
}

.nynav {
  overflow: hidden;
  background: #ffffff;
}

.navty {
  -moz-box-shadow: 0 3px 12px #dbdada;
  -webkit-box-shadow: 0 3px 12px #dbdada;
  box-shadow: 0 3px 12px #dbdada;
  margin-bottom: 65px;
}

.nynav li {
  float: left;
  width: 100%;
  line-height: 60px;
  text-align: center;
  color: #666666;
  font-size: 20px;
}

.nynav li a {
  display: block;
}

.nynav li.on,
.nynav li:hover {
  color: #ffffff;
  background: #0037B7;
}

.nyright {
  width: 73%;
  margin-bottom: 40px;
}

.nytit {
  height: 50px;
  line-height: 50px;
  line-height: 50px;
}

.nytit h3 {
  display: inline-block;
  font-size: 24px;
  background-image: -webkit-linear-gradient(0deg, #0037B7, #008EFC);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.nytit_xian {
  background-image: linear-gradient(to right, #0037B7, #008EFC);
  height: 2px;
  width: 100%;
  display: block;
}


.newslist {
  overflow: hidden;
}

.newslist li {
  float: left;
  width: 100%;
  padding: 30px;
  border-bottom: 1px solid #e7e7e7;
}

.newslist li h2 {
  font-size: 20px;
  color: #333333;
  font-weight: normal;
  line-height: 1;
}

.newslist li h2:hover {
  color: #e54560;
}

.newslist li .info {
  overflow: hidden;
  margin-top: 20px;
}

.newslist li span {
  width: 200px;
  height: 30px;
  float: left;
  font-size: 16px;
  color: #bfc0c1;
  line-height: 30px;
}

.newslist li .more {
  float: left;
  width: 90px;
  height: 30px;
  line-height: 30px;
  background: #039dd5;
  background-image: linear-gradient(to right, #0037B7, #008EFC);
  color: #ffffff;
  text-align: center;
  border-radius: 5px;
  font-size: 16px;
}

.newslist li .more:hover {
  background: #e54560;
}

@media (max-width: 768px) {
  .nyleft {
    display: none;
  }

  .nyright {
    width: 100%;
    padding: 0 20px;
  }
}



.page {
  overflow: hidden;
  text-align: center;
  margin: 40px 0;
}

.page span,
.page a {
  display: inline-block;
  font-size: 14px;
  color: #1b1b1b;
  padding: 10px 15px;
  line-height: 1;
  border: 1px solid #c6c6c6;
  border-radius: 3px;
  margin: 0 5px;
}

.page a:hover,
.page span {
  background: #e54560;
  color: #ffffff;
  border-color: #e54560;
}



.download {
  overflow: hidden;
  margin: 30px;
}

.download li {
  float: left;
  overflow: hidden;
  width: 100%;
  border-bottom: 1px dashed #dcdcdc;
}

.download li span {
  float: left;
  line-height: 60px;
  font-size: 18px;
  position: relative;
  padding-left: 15px;
}

.download li span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #0083de;
}

.download li a {
  float: right;
  width: 100px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  background: #039dd5;
  background-image: linear-gradient(to right, #0037B7, #008EFC);
  border-radius: 4px;
  margin-top: 12px;
}

.download li a:hover {
  background: #e54560;
}




.listimg {
  overflow: hidden;
}

.listimg li {
  float: left;
  width: 100%;
  padding: 30px;
  border-bottom: 1px solid #e7e7e7;
}

.listimg li .img {
  width: 230px;
  float: left;
}

.listimg li .img img {
  display: block;
  width: 100%;
}

.listimg li .txt {
  padding: 10px 0 10px 250px;
}

.listimg li h2 {
  font-size: 20px;
  color: #333333;
  font-weight: normal;
  line-height: 1;
}

.listimg li h2:hover {
  color: #e54560;
}

.listimg li p {
  font-size: 14px;
  line-height: 24px;
  height: 48px;
  margin: 10px 0;
}

.listimg li .info {
  overflow: hidden;
}

.listimg li span {
  width: 200px;
  height: 30px;
  float: left;
  font-size: 16px;
  color: #bfc0c1;
  line-height: 30px;
}

.listimg li .more {
  float: left;
  width: 90px;
  height: 30px;
  line-height: 30px;
  background-image: linear-gradient(to right, #0037B7, #008EFC);
  color: #ffffff;
  text-align: center;
  border-radius: 5px;
  font-size: 16px;
}

.listimg li .more:hover {
  background: #e54560;
}






.enav {
  margin: 40px 0;
}

.enav li {
  width: 200px;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  margin-right: 50px;
  text-align: center;
  background: #039dd5;
  background-image: linear-gradient(to right, #0037B7, #008EFC);
  color: #ffffff;
  float: left;
  box-shadow: 0 0 20px #dcdcdc;
}

.enav li a {
  display: block;
}

.enav li.on,
.enav li:hover {
  background: #e54560;
  color: #ffffff;
}


.exhibition {
  background: #f3f3f3;
  padding: 30px 30px 0 30px;
  margin-bottom: 40px;
  overflow: hidden;
}

.extop {
  overflow: hidden;
  height: 50px;
  line-height: 50px;
}

.extop h2 {
  float: left;
  font-size: 24px;
  background-image: -webkit-linear-gradient(0deg, #0037B7, #008EFC);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-right: 100px;
}

.extop a {
  float: left;
  font-size: 16px;
  color: #7a7a7a;
  margin: 0 18px;
}

.extop a.on,
.extop a:hover {
  color: #e54560;
}


.ex_search {
  float: right;
  width: 330px;
  height: 50px;
  background: #ffffff;
  border-radius: 8px;
  overflow: hidden;
}

.ex_search .es01 {
  float: left;
  height: 50px;
  width: 270px;
  padding-left: 15px;
  font-size: 16px;
  color: #7a7a7a;
}

.ex_search .es02 {
  float: left;
  background: url(../images/search_btn2.png) no-repeat center center;
  height: 50px;
  width: 32px;
  cursor: pointer;
}



.exhibitorlist {
  overflow: hidden;
}

.exhibitorlist li {
  float: left;
  width: 32%;
  margin-right: 2%;
  margin-top: 2%;
  border: 1px solid #d7d7d7;
  padding: 10px;
  background: #ffffff;
}

.exhibitorlist li .img {
  position: relative;
  overflow: hidden;
}

.exhibitorlist li img {
  width: 100%;
  display: block;
}

.exhibitorlist li .imgtxt {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 82px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  padding: 17px 12px 0 12px;
  line-height: 1;
  z-index: 10;
}

.exhibitorlist li .imgtxt h2 {
  font-size: 16px;
  font-weight: normal;
}

.exhibitorlist li .imgtxt p {
  font-size: 14px;
  margin-top: 22px;
}

.exhibitorlist li .txt {
  overflow: hidden;
  line-height: 40px;
  margin-top: 10px;
}

.exhibitorlist li .txt h2 {
  float: left;
  font-weight: normal;
  font-size: 16px;
  color: #1b1b1b;
}

.exhibitorlist li .txt span {
  float: right;
  font-size: 16px;
  color: #666666;
}

.exhibitorlist li:hover {
  background: #039dd5;
  background-image: linear-gradient(to right, #0037B7, #008EFC);
}

.exhibitorlist li:hover .txt h2 {
  color: #ffffff;
}

.exhibitorlist li:hover .txt span {
  color: #ffffff;
}




.showmain {
  padding: 30px 0;
}

.showtop {
  text-align: center;
  margin-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
}

.showtop h1 {
  font-weight: normal;
  font-size: 22px;
  color: #333333;
  margin-bottom: 10px;
  line-height: l;
}

.showtop p {
  font-size: 15px;
  color: #666666;
  line-height: l;
  margin-bottom: 10px;
}

.showtop p span {
  margin: 0 15px;
}


.showtxt {
  font-size: 15px;
  color: #666666;
  line-height: 1.8;
  text-align: justify;
}

.showtxt img {
  max-width: 100%;
  height: auto !important;
}

.showtxt table {
  margin: 0 auto;
}

.nspage {
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  overflow: hidden;
  padding: 10px 0;
  margin-top: 20px;
}

.nspage div {
  width: 100%;
  line-height: 20px;
  padding: 5px 10px;
  color: #666666;
  font-size: 14px;
}

.nspage div a:hover {
  color: #e54560;
}


.exname {
  overflow: hidden;
  margin: 40px 0;
  line-height: 30px;
}

.exname h1 {
  float: left;
  font-size: 24px;
  color: #19a2ca;
  background-image: -webkit-linear-gradient(0deg, #0037B7, #008EFC);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.exname span {
  float: right;
  font-size: 20px;
  color: #666666;
}

.extxt {
  padding: 30px;
  font-size: 18px;
  line-height: 1.6;
  color: #666666;
  text-align: justify;
  text-indent: 2em;
}

.extxt p {
  text-indent: 2em;
}


.extu {
  margin: 30px;
  padding-bottom: 30px;
}

.extu .swiper-slide {
  background: #eeeeee;
  padding: 6px;
  cursor: pointer;
}

.extu .swiper-slide .img {
  overflow: hidden;
}

.extu .swiper-slide img {
  display: block;
  height: 224px;
  margin: 0 auto;
}

.extu .swiper-slide .txt {
  text-align: center;
  font-size: 16px;
  color: #666666;
  line-height: 40px;
}

.extu .swiper-slide:hover {
  background: #0083de;
}

.extu .swiper-slide:hover .txt {
  color: #ffffff;
}

.extu .swiper-pagination {
  bottom: 0;
  height: 8px;
  line-height: 0;
}

.extu .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  opacity: 1;
  background: #0083de;
  margin: 0 6px;
}

.extu .swiper-pagination .swiper-pagination-bullet-active {
  width: 30px;
  background: #e54560;
}

.ex_contct {
  overflow: hidden;
  padding: 30px;
}

.ex_contct .txt {
  overflow: hidden;
  width: 600px;
}

.ex_contct .txt li {
  position: relative;
  float: left;
  line-height: 30px;
  font-size: 16px;
  color: #666666;
  width: 100%;
  padding-left: 15px;
}

.ex_contct .txt li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #0083de;
}

.ex_contct .img {
  width: 160px;
  height: 160px;
}

.ex_contct .img img {
  display: block;
  width: 100%;
  height: 100%;
}


.modal-bg-black {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 3000;
  background-color: #000;
}

/*弹窗*/
.case-modal {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3001;
  font-size: 0;
  text-align: center;
}

.case-modal img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  -webkit-transition: 0.5s 0.3s ease-out;
  -o-transition: 0.5s 0.3s ease-out;
  transition: 0.5s 0.3s ease-out;
}

.case-modal:before {
  display: inline-block;
  content: "";
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.case-modal p {
  position: absolute;
  display: block;
  width: 100%;
  height: 60px;
  text-align: center;
  line-height: 60px;
  font-size: 18px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  bottom: 0;
  left: 0;
  z-index: 1002;
}

.case-modal .btn {
  position: fixed;
  display: block;
  width: 40px;
  height: 60px;
  border-radius: 5px;
  text-align: center;
  line-height: 60px;
  font-size: 40px;
  font-family: "Simsun";
  font-weight: 100;
  color: #fff;
  top: 50%;
  margin-top: -30px;
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1003;
}

.case-modal .btn.prev {
  left: 10px;
}

.case-modal .btn.next {
  right: 10px;
}

.case-modal .close-btn {
  display: block;
  position: fixed;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #333 url(../images/close-white.png) no-repeat center;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
  top: 10px;
  right: 10px;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.case-modal .close-btn:hover {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}





/*注册*/
.regmain {
  width: 620px;
  margin: 70px auto;
}

.regmain .regtit {
  line-height: 1;
  margin-bottom: 40px;
}

.regmain .regtit h3 {
  font-size: 32px;
  background-image: -webkit-linear-gradient(0deg, #0037B7, #008EFC);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-right: 100px;
  display: inline-block;
}


.reglist {
  overflow: hidden;
}

.reglist li {
  float: left;
  width: 100%;
  position: relative;
}

.reglist li.litext {
  height: 62px;
  border: 2px solid #19a2ca;
  border-radius: 7px;
  background: #ffffff;
  margin-bottom: 20px;
  overflow: hidden;
}

.reglist li.litext .input {
  width: 100%;
}

.reglist li.litext .input input {
  height: 60px;
  line-height: 60px;
  padding: 0 25px;
  font-size: 18px;
  color: #666666;
  width: 100%;
}

.reglist li.litext .tips {
  position: absolute;
  right: 15px;
  line-height: 60px;
  top: 0;
  font-size: 14px;
  color: #999999;
}

.reglist li.licode .codeimg {
  position: absolute;
  top: 0;
  right: 0;
  height: 60px;
  cursor: pointer;
}

.reglist li .btna {
  width: 160px;
  font-size: 18px;
  height: 60px;
  position: absolute;
  right: 0;
  top: 0;
  color: #ffffff;
  text-align: center;
  line-height: 60px;
  background: #039dd5;
  background-image: linear-gradient(to right, #0037B7, #008EFC);
}

.reglist li.agreement {
  margin: 20px 0 40px 0;
  line-height: 30px;
  font-size: 16px;
  color: #666666;
  padding-left: 25px;
}

.reglist li.agreement label {
  cursor: pointer;
}

.reglist li.agreement a:hover {
  text-decoration: underline;
  color: #e54560;
}

.reglist li.agreement input {
  display: none;
}

.reglist li.agreement span {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 0;
  border: 2px solid #999999;
  border-radius: 50%;
}

.reglist li.agreement span:after {
  content: "";
  width: 8px;
  height: 8px;
  background: #f6f7fb;
  border-radius: 50%;
  display: block;
  margin: 2px auto;
}

.reglist li.agreement label:hover span,
.reglist li.agreement label input:checked+span {
  border-color: #19a2ca;
}

.reglist li.agreement label:hover span:after,
.reglist li.agreement label input:checked+span:after {
  background: #19a2ca;
}

.reglist li.submit input {
  width: 100%;
  background: #039dd5;
  background-image: linear-gradient(to right, #0037B7, #008EFC);
  color: #ffffff;
  height: 62px;
  border-radius: 7px;
  font-size: 24px;
  cursor: pointer;
}


/*密码找回*/

.loginmain {
  width: 50%;
  border: 1px solid #e5e5e5;
  padding: 30px;
  margin: 70px auto;
}

.lmtit {
  color: #222222;
  font-size: 30px;
  text-align: center;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 35px;
  overflow: hidden;
}

.lmul {
  overflow: hidden;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  line-height: 2;
  overflow: hidden;
  margin-bottom: 35px;
  color: #222222;
}

.lmul li {
  float: left;
  width: 50%;
  cursor: pointer;
}

.lmul li.on {
  background: #039dd5;
  background-image: linear-gradient(to right, #0037B7, #008EFC);
  color: #ffffff;
}

.lminput {
  height: 54px;
  width: 100%;
  margin-bottom: 20px;
}

.lminput input {
  line-height: 52px;
  border: 1px solid #d2d2d2;
  height: 54px;
  width: 100%;
  padding: 0 10px 0 70px;
}

.lmico01 input {
  background: url(../images/lmico01.png) no-repeat left center;
}

.lmico02 input {
  background: url(../images/lmico02.png) no-repeat left center;
}

.lmico03 input {
  background: url(../images/lmico03.png) no-repeat left center;
}

.lmico03 {
  position: relative;
}

.lmico03 a {
  position: absolute;
  right: 1px;
  top: 1px;
  height: 52px;
  line-height: 52px;
  width: 120px;
  background: #039dd5;
  background-image: linear-gradient(to right, #0037B7, #008EFC);
  color: #ffffff;
  text-align: center;
}

.lminfo {
  line-height: 54px;
  font-size: 14px;
  color: #454545;
  overflow: hidden;
}

.lminfo label {
  float: left;
}

.lminfo label input {
  margin-right: 10px;
}

.lminfo a {
  float: right;
}

.lmsubmit {
  overflow: hidden;
}

.lmsubmit input {
  width: 100%;
  height: 54px;
  line-height: 54px;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  display: block;
  cursor: pointer;
  background: #039dd5;
  background-image: linear-gradient(to right, #0037B7, #008EFC);
  margin-top: 20px;
}

.liback {
  text-align: right;
  margin-top: 20px;
  font-size: 16px;
}

.liback a:hover {
  color: #e54560;
}

/*会员中心*/
.meminfo {
  overflow: hidden;
  padding: 25px 8px;
  margin-bottom: 25px;
}

.meminfo .img {
  float: left;
  width: 132px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #dcdcdc;
}

.meminfo .img img {
  display: block;
  width: 100%;
}

.meminfo .txt {
  float: left;
  margin-left: 30px;
  width: 580px;
}

.meminfo .txt h3 {
  font-size: 20px;
  color: #039dd5;
  margin-bottom: 10px;
}

.meminfo .txt p {
  font-size: 16px;
  margin-top: 5px;
  color: #666666;
}

.meminfo .txt .sp01 {
  color: #e54560;
}

.meminfo .txt .sp02 {
  font-size: 14px;
}

.meminfo .operation {
  float: right;
}

.meminfo .operation a {
  font-size: 16px;
  color: #039dd5;
}

.meminfo .operation a:hover {
  text-decoration: underline;
}

.meminput li .input {
  padding-left: 128px;
}

.meminput li .input input {
  height: 50px;
  line-height: 48px;
  padding: 0 20px;
  font-size: 16px;
}

.meminput li.submit input {
  width: 100px;
  height: 40px;
  font-size: 18px;
}

.worksimg li {
  margin-top: 24px;
  width: 195px;
  height: 195px;
  margin-right: 24px;
}

.worksimg li>img {
  height: 195px;
}

.worksimg li .img {
  height: 195px;
}

.worksimg li .img .info p {
  margin-top: 10px;
}


.meminput {
  overflow: hidden;
  padding: 0 10px;
  margin: 40px 0;
}

.meminput li {
  float: left;
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
}

.meminput li .title {
  float: left;
  width: 130px;
  line-height: 50px;
  font-size: 18px;
  color: #039dd5;
}

.meminput li .title span {
  color: #e54560;
}

.meminput li .input {
  width: 100%;
  padding-left: 130px;
}

.meminput li .input input {
  border: 1px solid #d7dddd;
  height: 50px;
  line-height: 48px;
  padding: 0 20px;
  font-size: 16px;
  color: #666666;
  width: 100%;
  border-radius: 10px;
}

.meminput li.submit {
  margin-bottom: 0;
  text-align: right;
}

.meminput li.submit input {
  width: 120px;
  height: 50px;
  color: #ffffff;
  background: #039dd5;
  background-image: linear-gradient(to right, #0037B7, #008EFC);
  border-radius: 5px;
  cursor: pointer;
  font-size: 18px;
}



.regxian {
  border: 1px solid #e5e5e5;
  padding: 30px 0;
  background: #fdfdfd;
  margin-bottom: 40px;
}

.workadd {
  overflow: hidden;
  padding: 0 30px;
}

.workadd>li {
  float: left;
  width: 100%;
  overflow: hidden;
  margin-bottom: 15px;
}

.workadd>li span {
  width: 100px;
  float: left;
  line-height: 40px;
  font-size: 16px;
  text-align: right;
}

.workadd>li .input {
  width: 714px;
  float: left;
}

.workadd>li .input>input {
  line-height: 40px;
  border: 1px solid #e5e5e5;
  padding: 0 15px;
  width: 100%;
  font-size: 16px;
  color: #666666;
}

.workadd>li .input .text {
  line-height: 40px;
  font-size: 16px;
  color: #e54560;
}

.workadd>li .input select {
  line-height: 40px;
  border: 1px solid #e5e5e5;
  padding: 0 15px;
  width: 100%;
  font-size: 16px;
  color: #666666;
  background: #ffffff url(../images/san.png) no-repeat right center;
  background-size: auto 100%;
}

.workadd>li .input textarea {
  line-height: 30px;
  padding: 10px 15px;
  height: 150px;
  border: 1px solid #e5e5e5;
  width: 100%;
  font-size: 16px;
  color: #666666;
}

.workadd>li .txmain {
  float: left;
  width: 550px;
  overflow: hidden;
}

.workadd>li .txmain .img {
  float: left;
  width: 150px;
  height: 150px;
  border: 1px solid #dcdcdc;
}

.workadd>li .txmain .img img {
  display: block;
  width: 100%;
  height: 100%;
}

.workadd>li .txmain a {
  float: left;
  width: 100px;
  height: 34px;
  font-size: 16px;
  text-align: center;
  line-height: 34px;
  margin: 58px 20px;
  border-radius: 5px;
  background: #039dd5;
  background-image: linear-gradient(to right, #0037B7, #008EFC);
  color: #ffffff;
}

.workadd>li .txmain a:hover {
  background: #e54560;
}

.workadd>li .input .tubtn {
  float: left;
  width: 100px;
  height: 34px;
  font-size: 16px;
  text-align: center;
  line-height: 34px;
  display: block;
  border-radius: 5px;
  background: #039dd5;
  background-image: linear-gradient(to right, #0037B7, #008EFC);
  color: #ffffff;
}

.workadd>li .input .tubtn:hover {
  background: #e54560;
}

.workadd .tips {
  float: left;
  color: #999999;
  font-size: 14px;
  line-height: 150px;
}

.workadd .tips2 {
  line-height: 34px;
  margin-left: 20px;
}

.tujilist {
  background: #ffffff;
  margin-top: 20px;
  min-height: 120px;
  padding: 1%;
  overflow: hidden;
  border: 1px solid #e5e5e5;
}

.tujilist li {
  width: 31.33%;
  margin: 1%;
  overflow: hidden;
  position: relative;
  float: left;
}

.tujilist li img {
  width: 100%;
  display: block;
  height: 170px;
}

.tujilist li .w02 {
  display: none;
}

.tujilist li .w03 {
  font-size: 14px;
  border: 1px solid #e5e5e5;
  line-height: 36px;
  padding: 0 10px;
  display: block;
  width: 100%;
}

.tujilist li a {
  position: absolute;
  left: 0;
  top: 0;
  height: 35px;
  line-height: 35px;
  text-align: center;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  color: #ffffff;
}

.regsubmit {
  overflow: hidden;
}

.regsubmit input {
  width: 240px;
  height: 54px;
  line-height: 54px;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  display: block;
  cursor: pointer;
  background: #039dd5;
  background-image: linear-gradient(to right, #0037B7, #008EFC);
  margin: 20px auto;
}

.zwimg {
  padding: 0 30px 30px 30px;
}

.zwimg img {
  width: 100%;
  display: block;
}


.backlist {
  overflow: hidden;
  width: 768px;
  margin: 100px auto;
}

.backlist li {
  width: 260px;
  margin: 0 62px;
  border: 1px solid #dcdcdc;
  float: left;
  overflow: hidden;
  background: #f6f6f6;
}

.backlist li a {
  display: block;
}

.backlist li p {
  display: block;
  height: 80px;
  margin: 30px 0 10px 0;
}

.backlist li p.p01 {
  background: url(../images/back01.png) no-repeat center center;
  background-size: auto 100%;
}

.backlist li p.p02 {
  background: url(../images/back02.png) no-repeat center center;
  background-size: auto 100%;
}

.backlist li span {
  display: block;
  margin-bottom: 10px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
}

.backlist li:hover {
  background: #039dd5;
  background-image: linear-gradient(to right, #0037B7, #008EFC);
  color: #ffffff;
}

.backlist li:hover p.p01 {
  background-image: url(../images/back01s.png);
}

.backlist li:hover p.p02 {
  background-image: url(../images/back02s.png);
}



.tulist {
  overflow: hidden;
  margin-top: 40px;
}

.tulist li {
  float: left;
  width: 32%;
  margin-right: 2%;
}

.tulist li .img {
  border: 1px solid #dcdcdc;
}

.tulist li img {
  display: block;
  width: 100%;
}

.tulist li .title {
  font-size: 14px;
  text-align: center;
  color: #666666;
  margin: 10px;
  height: 40px;
  line-height: 20px;
}






.livevideo {
  width: 100%;
  background: #d8d8d8;
  margin: 30px 0;
}

.livevideo video {
  width: 100%;
  display: block;
}

.livetit {
  line-height: 48px;
  height: 48px;
  color: #ffffff;
  font-size: 20px;
  background: #039dd5;
  background-image: linear-gradient(to right, #0037B7, #008EFC);
  text-align: center;
}

.liveimg {
  overflow: auto;
  width: 100%;
  background: #d8d8d8;
  padding: 1px;
}

.liveimg li {
  width: 25%;
  overflow: hidden;
  float: left;
  padding: 1px;
}

.liveimg li img {
  width: 100%;
  display: block;
}


.overviewtop {
  overflow: hidden;
  background: #f3f3f3;
  padding: 20px;
  margin-top: 50px;
  box-shadow: 0 0 20px #cccccc;
}

.overviewtop a {
  display: block;
  overflow: hidden;
}

.overviewtop .img {
  float: left;
  width: 300px;
}

.overviewtop .img img {
  width: 100%;
  display: block;
}

.overviewtop .txt {
  float: right;
  width: 840px;
}

.overviewtop .txt .title {
  color: #505050;
  font-size: 20px;
  margin-top: 10px;
  font-weight: bold
}

.overviewtop .txt .time {
  font-size: 16px;
  line-height: 2;
  margin: 5px 0;
  color: #505050;
}

.overviewtop .txt .info {
  font-size: 14px;
  line-height: 1.8;
  color: #505050;
}

.overviewtop:hover {
  box-shadow: 0 0 20px #0030B1;
}

/*.overviewtop:hover a{color: #FFFFFF}*/

.overviewlist {
  margin-bottom: 50px;
}

.overviewlist li {
  width: 49%;
  margin-top: 2%;
  margin-right: 2%;
  padding: 15px;
  float: left;
  background: #f3f3f3;
  overflow: hidden;
  box-shadow: 0 0 15px #cccccc;
}

.overviewlist li:nth-child(2n) {
  margin-right: 0;
}

.overviewlist li a {
  display: block;
  overflow: hidden;
}

.overviewlist li .time {
  width: 100px;
  float: left;
  text-align: center;
  padding-top: 24px;
  background: #039dd5;
  background-image: linear-gradient(to bottom, #0090FD, #0030B1);
  color: #ffffff;
  height: 100px;
}

.overviewlist li .time .y {
  font-size: 22px;
  line-height: 30px;
}

.overviewlist li .time .md {
  font-size: 16px;
  line-height: 25px;
}

.overviewlist li .txt {
  width: calc(100% - 100px);
  float: right;
  padding-left: 15px;
}

.overviewlist li .txt h3 {
  color: #0029AB;
  font-size: 18px;
  line-height: 30px;
  height: 30px;
  font-weight: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.overviewlist li .txt p {
  font-size: 14px;
  line-height: 22px;
  margin-top: 5px;
  height: 44px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.overviewlist li:hover {
  box-shadow: 0 0 15px #0030B1;
}

@media (max-width: 768px) {
  .overviewtop {
    width: 90%;
    margin: 0 auto 20px;
    box-shadow: none !important;
  }

  .overviewtop .txt {
    width: 100%;
  }

  .overviewlist {
    width: 90%;
    margin: 0 auto 30px;
  }

  .overviewlist li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}


.lang_list {
  overflow: hidden;
}

.lang_list li {
  float: left;
  width: 50%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  background: #039dd5;
  background-image: linear-gradient(to right, #0037B7, #008EFC);
  color: #ffffff;
}

.lang_list li a {
  display: block;
}

.lang_list li.on,
.lang_list li:hover {
  background: #e54560;
  color: #ffffff;
}









.animated {
  opacity: 0;
}

.navlist li span,
.exlist li a,
.hnlist li,
.hnlist li h3,
.homenews .newsban .swiper-slide .txt,
.homenews .newsban .swiper-slide .txt h3,
.htit .more a,
.exhsearch li.es03 input,
.exhsearch li.es04 a,
.exhlist li .dian:after,
.exhlist li,
.exmore a,
.parklist li,
.parklist li .txt h3,
.parklist li .txt p,
.nynav li,
.newslist li h2,
.newslist li .more,
.nspage a,
.download li a,
.enav li,
.exhibitorlist li,
.page a,
.extop a,
.overviewtop,
.overviewlist li,
.brand_more {
  transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}


.homenews .newsban .img img,
.parklist li .img img {
  -webkit-transition: all .4s ease-in;
  -o-transition: all .4s ease-in;
  -ms-transition: all .4s ease-in;
  -moz-transition: all .4s ease-in;
}

.homenews .newsban .swiper-slide:hover .img img,
.parklist li:hover .img img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}


.delay2 {
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
  -moz-animation-delay: .2s;
  -o-animation-delay: .2s;
  -ms-animation-delay: .2s;
}

.delay3 {
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
  -moz-animation-delay: .4s;
  -o-animation-delay: .4s;
  -ms-animation-delay: .4s;
}

.delay4 {
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
  -moz-animation-delay: .6s;
  -o-animation-delay: .6s;
  -ms-animation-delay: .6s;
}

.delay5 {
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
  -moz-animation-delay: .8s;
  -o-animation-delay: .8s;
  -ms-animation-delay: .8s;
}

.delay6 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  -ms-animation-delay: 1s;
}

.page_sub_review .list {
  margin: 10px -10px;
}

.page_sub_review .list li {
  float: left;
  width: 33.3%;
  padding: 10px;
}

.page_sub_review .list li a {
  display: block;
  width: 100%;
  height: 210px;
  font-size: 0;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0, 0, 0, .14);
}

.page_sub_review .list li a img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .6s;
}

.page_sub_review .list li a:hover img {
  transform: scale(1.1);
}

.page_sub_speakers .list {
  margin: 10px -10px;
}

.page_sub_speakers .list li {
  float: left;
  width: 33.3%;
  padding: 10px;
}

.page_sub_speakers .list li a {
  display: block;
  width: 100%;
}

.page_sub_speakers .list li a .avatar {
  display: block;
  width: 100%;
  height: 240px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: 10px;
}

.page_sub_speakers .list li a h4 {
  font-weight: normal;
  text-align: center;
  font-size: 18px;
  height: 54px;
}


.page_sub_speakers .list li a:hover h4 {
  color: #0037B7;
  font-weight: bold;
}


.page_sub_file_links .list {
  margin: 10px -10px;
}

.page_sub_file_links .list li {
  float: left;
  width: 20%;
  padding: 10px;
}

.page_sub_file_links .list li a {
  display: block;
  width: 100%;
  height: 150px;
  font-size: 0;
  border: 2px solid #e5e5e5;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.page_sub_file_links .list li a img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: auto;
  height: auto;
  max-width: 75%;
  max-height: 75%;
  z-index: 1;
}

.page_sub_news .list li {
  font-size: 0;
  border-bottom: 1px solid #dcdcdc;
  padding: 15px 0;
}

.page_sub_news .list li .msg {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 100px);
  padding-right: 30px;
}

.page_sub_news .list li .msg h4 {
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.page_sub_news .list li .msg span {
  font-size: 14px;
  color: #7b7b7b;
}

.page_sub_news .list li a {
  display: inline-block;
  vertical-align: top;
  width: 100px;
  background: #039dd5;
  background-image: linear-gradient(to right, #0037B7, #008EFC);
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 36px;
  border-radius: 6px;
}

.page_sub_news .list li a:hover {
  background: #a30019;
}

#m_footer_menu{display:none;}
@media (max-width: 768px) {
  .page_sub_review .list li {
    width: 50%;
  }

  .page_sub_review .list li a {
    height: 145px;
  }

  .page_sub_activity .overviewlist {
    margin-top: 20px;
  }

  .page_sub_speakers .list li {
    width: 50%;
  }

  .page_sub_speakers .list li a .avatar {
    height: 180px;
  }

  .page_sub_file_links .list li {
    width: 50%;
  }

  .download {
    margin: 30px 0;
  }

  .download li a {
    float: left;
  }

  .download li a {
    margin-bottom: 12px;
  }

  .download li span {
    width: 100%;
  }

  .page_sub_news .list li .msg {
    width: 100%;
    padding: 0;
    margin-bottom: 14px;
  }

  .page_sub_news .list li .msg h4 {
    white-space: normal;
    font-size: 16px;
    margin-bottom: 10px;
  }
  /*end-biao*/
 .footer .container{display:none;}
#m_footer_menu{display:block;}
.m_footer_menu { background:#0060b0;}
.m_footer_menu { height:3rem;position: fixed; z-index:9090; width:100%; box-sizing: border-box;background:#0060b0; bottom:0; left:0; display:block;}
.m_footer_menu ul li { float:left; width:25%; text-align:center;display: flex;align-items: center;justify-content: center;height: 2.8rem; box-sizing:border-box;}
.m_footer_menu ul li i { margin: 0 auto;width: 1.2rem;height:1.2rem; line-height:1.2rem; display: block; color:#fff; font-size:1.2rem;}
.m_footer_menu ul li span { display:block; font-size:0.8rem; color:#fff; margin-top:.1rem;}

}


/*展位预定新增*/
.Ex_Booth_Booking { padding:40px; box-sizing:border-box; background:#fff;}
.Ex_Booth_Booking .Ex_Booth_Booking_Tit { text-align:center; margin-bottom:60px;}
.Ex_Booth_Booking strong { display:block; font-size:30px; color:#fa4645; font-weight:400; margin-bottom:10px;}
.Ex_Booth_Booking p { line-height:24px; color:#666; font-size:14px;}

.Ex_Booth_Booking dl { display:flex;}
.Ex_Booth_Booking dl:nth-child(1n+2) { margin-top:30px;}
.Ex_Booth_Booking dl dt { width:160px;line-height:24px; font-size:16px; color:#000;}
.Ex_Booth_Booking dl dt i { color:#e00000;}
.Ex_Booth_Booking dl dt span { display:block; font-size:14px; color:#999;line-height:20px; margin-top:4px;}

.Ex_Booth_Booking dl dd { flex:1; display:flex;}
.Ex_Booth_Booking dl dd label { width:50%; font-size:14px; color:#000; display:flex; align-items:center; position:relative;}
.Ex_Booth_Booking dl dd label input { width:16px; height:16px; margin:1px 8px 0 0;}

.Ex_Booth_Booking dl dd.dd_1 input { height:38px; padding:0 10px; width:100%; box-sizing:border-box; border:1px solid #ddd; font-size:14px; color:#999; border-radius:2px;}
.Ex_Booth_Booking dl dd.dd_lx select { height:38px; padding:0 10px; width:100%; box-sizing:border-box; border:1px solid #ddd; font-size:14px; color:#999; border-radius:2px;}
.Ex_Booth_Booking dl dd.dd_lx select option { line-height:36px;}

.Ex_Booth_Booking dl dd.dd_1 textarea { padding:10px; width:100%; box-sizing:border-box; border:1px solid #ddd; font-size:12px; color:#999; line-height:22px; height:180px; border-radius:2px;}
.Ex_Booth_Booking dl dd.dd_2 { display:flex; justify-content:center;}
.Ex_Booth_Booking dl dd.dd_2 input { height:40px; padding:0 25px; font-size:14px; color:#fff; background: #fa4645; border:none; border-radius:4px; cursor:pointer; transition:all .5s;} 
.Ex_Booth_Booking dl dd.dd_2 input:hover { background: #ee2e2c;}