* {

  box-sizing: border-box;

  padding: 0;

  margin: 0;

}

*::before,*::after{ padding:0; margin:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

html,

body {

  font-size: 62.5%;

   --main-color:#ee1d23;

}

body,

div,

h1,

h2,

h3,

h4,

h5,

h6,

hr,

p,

blockquote,

dl,

dt,

dd,

ul,

ol,

li,

pre,

form,

fieldset,

legend,

button,

input,

textarea,

th,

td,

a,

img {

  margin: 0;

  padding: 0;

  border: none;

}

body {

  background: #fff;

  font-family: '微软雅黑','Microsoft YaHei','Microsoft YaHei UI','WenQuanYi Micro Hei','PingFang SC','Arial','sans-serif',\5b8b\4f53;;

  font-size: 14px;

  color: #333;

  font-weight: normal;

}

textarea,

input {

  font-family: '微软雅黑','Microsoft YaHei','Microsoft YaHei UI','WenQuanYi Micro Hei','PingFang SC','Arial','sans-serif',\5b8b\4f53;;

  color: #333;

  font-size: 1.4rem;

  padding: 0;

  margin: 0;

  border-radius: 0;

  outline: none;

  -webkit-appearance: none;

  display: block;

}

input[type="checkbox"],

input[type="radio"] {

  appearance: none;

  -moz-appearance: none;

  -webkit-appearance: none;

}

select,

input:focus,

textarea:focus {

  outline: none;

}

textarea {

  overflow: auto;

  resize: none;

}

textarea::-webkit-scrollbar {

  width: 4px;

}

textarea::-webkit-scrollbar-button {

  display: none;

}

textarea::-webkit-scrollbar-thumb {

  background: #dac3b6;

}

select::-ms-expand {

  display: none;

}

article,

aside,

dialog,

header,

section,

nav,

figure,

menu {

  display: block;

}

ol,

ul,

li {

  list-style: none;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-size: 1.4rem;

  color: #333;

  font-weight: normal;

}

a,

a:link,

a:visited,

a:focus,

a:active,

a:hover {

 /* font-family: "Microsoft YaHei", "Arial", arial;*/

  /*color: #333;*/

 /* font-size: 1.4rem;*/

  text-decoration: none;

  outline: none;

  -webkit-tap-highlight-color:transparent;

}

a:hover {

  color: var(--main-color);

}

a {

  -webkit-transition-duration: 0.2s;

  -moz-transition-duration: 0.2s;

  -ms-transition-duration: 0.2s;

  -o-transition-duration: 0.2s;

  transition-duration: 0.2s;

}

video,

iframe,

img {

  max-width: 100%;

}

.wrap {

  max-width: 1400px;

  width: 90%;

  margin: 0 auto;

}

.wrap:after {

  content: "";

  height: 0;

  display: block;

  clear: both;

}

.wrap2 {

  max-width: 1820px;

  width: 90%;

  margin: 0 auto;

}

.wrap2:after {

  content: "";

  height: 0;

  display: block;

  clear: both;

}

.wrap12 {

  max-width: 1400px;

  width: 90%;

  margin: 0 auto;

}

.wrap12:after {

  content: "";

  height: 0;

  display: block;

  clear: both;

}

.lzpic2 {

  display: none;

}

.picc {

  overflow: hidden;

}

.picc img {

  width: 100%;

  display: block;

}

.picc span {

  display: block;

  background: no-repeat center;

  background-size: cover;

  -moz-background-size: cover;

  -webkit-background-size: cover;

  -webkit-transition-duration: 0.8s;

  -moz-transition-duration: 0.8s;

  -ms-transition-duration: 0.8s;

  -o-transition-duration: 0.8s;

  transition-duration: 0.8s;

}

.row:after {

  content: "";

  height: 0;

  display: block;

  clear: both;

}

.col {

  float: left;

}

.col1 {

  width: 8.33333333%;

}

.col2 {

  width: 16.66666667%;

}

.col3 {

  width: 25%;

}

.col4 {

  width: 33.33333333%;

}

.col5 {

  width: 41.66666667%;

}

.col6 {

  width: 50%;

}

.col7 {

  width: 58.33333333%;

}

.col8 {

  width: 66.66666667%;

}

.col9 {

  width: 75%;

}

.col10 {

  width: 83.33333333%;

}

.col11 {

  width: 91.66666667%;

}

.col12 {

  width: 100%;

}

.l {

  float: left;

}

.r {

  float: right;

}

.tal {

  text-align: left;

}

.tar {

  text-align: right;

}

.tac {

  text-align: center;

}

.hide {

  display: none;

}

.table {

  display: table;

  height: 100%;

  width: 100%;

}

.td {

  width: 100%;

  display: table-cell;

  vertical-align: middle;

}

.swiper-pagination-bullet,

.swiper-button-prev,

.swiper-button-next {

  outline: none;

}

.tynodata {

  max-width: 1200px;

  margin: 0 auto;

  overflow: hidden;

  text-align: center;

  margin-top: 13%;

  margin-bottom: 13%;

  background: url(../images/nodata.png) center top no-repeat;

  background-size: auto 169px;

  padding-top: 180px;

}

.tynodata .tytitle {

  color: #555555;

  font-size: 18px;

  overflow: hidden;

  margin-top: 2%;

  line-height: 26px;

}

.tynodata .tydesc {

  color: #999999;

  font-size: 14px;

  overflow: hidden;

  line-height: 24px;

  margin-top: 5px;

}

@media screen and (max-width: 640px) {

  .tynodata {

    background-size: auto 130px;

    padding-top: 140px;

    margin-top: 15%;

    margin-bottom: 15%;

  }

}

.rbtn {

  position: relative;

  display: block; padding: 0 46px 0 0;

  text-align: center;

  /*overflow: hidden;*/ line-height:18px; height:27px;  border-bottom:1px solid #828383; font-size: 1.8rem; color:#666;

}

.rbtn:hover::after {

 transform: rotate(45deg); right:2px; top:5px; background-image:url(../images/i_pic2_on.png);

}

.rbtn:hover{ color:#ee1d23;}

.rbtn:before{ content:""; bottom:-1px; left:0; position:absolute; width:0; height:1px; background:#ee1d23; z-index:1;transition:all 1s;}

.rbtn:hover:before{ width:100%;}

.rbtn input,

.rbtn span {

  width: 100%;

  height: 100%;

  position: relative;

  z-index: 5;

  display: block;

  background: none;

  -webkit-transition-duration: 0.4s;

  -moz-transition-duration: 0.4s;

  -ms-transition-duration: 0.4s;

  -o-transition-duration: 0.4s;

  transition-duration: 0.4s;

}

.rbtn::after {

  content: " ";

  position: absolute;

  top: 5px;

  right: 0;

  z-index: 2;

  width: 9px;

  height: 10px;

 /* background: rgba(255,255,255,0.1);*/

  background:url(../images/i_pic2.png) right top 0 no-repeat;background-size:100% 100%;

  -webkit-transition-duration: 0.4s;

  -moz-transition-duration: 0.4s;

  -ms-transition-duration: 0.4s;

  -o-transition-duration: 0.4s;

  transition-duration: 0.4s;

}

.rbtn.w::after {

  background: #fff;

}

.article {

  line-height: 30px;

  font-size: 1.6rem;

}

.main-filter {

  width: 100%;

  height: 100%;

  position: fixed;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  z-index: 100;

  display: none;

  background: url(../images/mainfilter.png);

}

.wrapper {

  width: 100%;

  position: relative;

  overflow: hidden;

}

.sec2 .wrapper{ padding-top:100px;}

.sec3 .wrapper{ padding-top:107px;}

.sec4 .wrapper{ padding-top:166px;}

@keyframes menubtn-line1 {

  0% {

    width: 18px;

  }

  100% {

    width: 0px;

  }

}

@-o-keyframes menubtn-line1 {

  0% {

    width: 18px;

  }

  100% {

    width: 0px;

  }

}

@-moz-keyframes menubtn-line1 {

  0% {

    width: 18px;

  }

  100% {

    width: 0px;

  }

}

@-webkit-keyframes menubtn-line1 {

  0% {

    width: 18px;

  }

  100% {

    width: 0px;

  }

}

@keyframes menubtn-line2 {

  0% {

    width: 14px;

  }

  50% {

    width: 18px;

  }

  100% {

    width: 0px;

  }

}

@-o-keyframes menubtn-line2 {

  0% {

    width: 14px;

  }

  50% {

    width: 18px;

  }

  100% {

    width: 0px;

  }

}

@-moz-keyframes menubtn-line2 {

  0% {

    width: 14px;

  }

  50% {

    width: 18px;

  }

  100% {

    width: 0px;

  }

}

@-webkit-keyframes menubtn-line2 {

  0% {

    width: 14px;

  }

  50% {

    width: 18px;

  }

  100% {

    width: 0px;

  }

}

.header{

  width: 100%;

  /* height: 116px; */

  height: 100px;

  position:fixed;

  top: 0;

  left: 0;

  z-index:105;

 /* z-index: 90;*/

  /*padding: 0 60px;*/transition:all 0.4s;

  /*background:rgba(0,0,0,0.2);*/

 

 

}

.header:hover{ background:#fff; }

.header.top {

  top: -140px;

}



.header .logo {

  float: left;

  overflow: hidden;

  height: 46px;

  /* margin-top:27px; */ margin-top: 27px; margin-right:58px;

}

.header .logo img {

  height: 100%;

}

.header .logo #logo2{ display:none;}

.header:hover .logo #logo2{ display:block;}

.header:hover .logo #logo1{ display:none;}

.header .search-box {



  float: right;



  /* margin-top: 38px; */

margin-top: 30px;

  position: relative;



  margin-left:20px;

  margin-right: 3px;



}



.header .search-box .search-btn {

  width: 40px;

  height: 40px;

  background: url(../images/search.png) no-repeat center;

  cursor: pointer;/*transition: all 0.3s;*/

  background-size:20px auto;

}

.header.small .search-box .search-btn { background-image:url(../images/search2.png);background-size:20px auto;}

.header.small .search-box:hover .search-btn {background-image:url(../images/search_on.png);background-size:20px auto;}

.header:hover .search-box .search-btn { background-image:url(../images/search2.png);background-size:20px auto;}

.header .search-box:hover .search-btn {background-image:url(../images/search_on.png);background-size:20px auto;}



#showopen .search-box .search-btn{opacity:0;filter:Alpha(opacity=0);}



#showopen .search-box .search-bar{opacity:1.0;filter:Alpha(opacity=100);transform: scale3d(1, 1, 1);}



.header .search-box .search-bar {



  width: 500px;



  height: 70px;



  position: absolute;



  right: -14px;



 /* top: 72px;*/



 top:-5px;



  z-index: 95;



  



 /* padding: 10px;*/



  display: none;



  transform: scale3d(0, 0, 0);



    transform-origin: right center;



    transition: all 0.5s;



    opacity: 0;



    filter: Alpha(opacity=0);



}



.header .search-box .search-bar .search-input{background: var(--main-color); border-radius:6px; width: calc(100% - 57px); width: -webkit-calc(100% - 57px); width: -moz-calc(100% - 57px);}



.header .search-box .search-bar .close {



  width: 50px;



  height: 50px;



  float: right;



  background: url(../images/c10.png) no-repeat center;



  background-size: 20px auto;



  cursor: pointer;



  -webkit-transition-duration: 0.4s;



  -moz-transition-duration: 0.4s;



  -ms-transition-duration: 0.4s;



  -o-transition-duration: 0.4s;



  transition-duration: 0.4s;



}

.header:hover .search-box .search-bar .close { background-image: url(../images/close.png);}

.header .search-box .search-bar .close:hover {



  transform: rotate(180deg);



  -webkit-transform: rotate(180deg);



  -ms-transform: rotate(180deg);



  -o-transform: rotate(180deg);



  -moz-transform: rotate(180deg);



}



.header .search-box .search-bar .btn {



  width: 50px;



  height: 50px;



  float: right; border:0;



  background: url(../images/search2.png) no-repeat center; cursor:pointer;background-size:17px auto;



}



.header .search-box .search-bar .btn input {



  height: 100%;



  background: none;



  cursor: pointer; border:0;



  width: calc(100% - 57px);



    width: -webkit-calc(100% - 57px);



    width: -moz-calc(100% - 57px); outline:none;



}



.header .search-box .search-bar .inpu {



  width: 100%;



  padding: 0 50px 0 10px;



}



.header .search-box .search-bar .inpu input {



  width: 100%;



  height: 50px;



  line-height: 50px;



  padding: 0 10px;



  font-size: 1.6rem;



  background:none;

  color: #fff;



}



.header .search-box .search-bar .inpu input::-webkit-input-placeholder {



  color: #fff;



}



.header .search-box .search-bar .inpu input:-moz-placeholder {



  color: #fff;



}



.header .search-box .search-bar .inpu input::-moz-placeholder {



  color: #fff;



}



.header .search-box .search-bar .inpu input:-ms-input-placeholder {



  color: #fff;



}

.header .header_box#showopen .top_login{ display:none;}

.header .top_login{ color:#fff;font-size: 18px; /* line-height: 116px; */ line-height: 100px; float: right; padding-left: 50px; padding-right: 20px; background: url(../images/top_pic1.png) left 20px center no-repeat; background-size: 21px 21px; position: relative;}

.header .top_login a{ color: #fff;}

/* .header .top_login::after{ content: ""; position: absolute; right: 3px; top: 50%; height: 18px; margin-top: -9px; width: 1px; background: rgba(255,255,255,0.34);} */

.header:hover .top_login{ color: #333; background-image: url(../images/top_pic1_on.png);}

.header:hover .top_login a{ color: #333;}

.header .top_login a:hover{ color: var(--main-color);}

.header.small .top_login{ line-height:100px; color: #333; background-image: url(../images/top_pic1_on.png);}

.header.small .top_login a{ color: #333;}

.header.small .top_login::before{ background: #666;}

.header.small .top_login::after{ background: #666;}
.header:hover .language::before{ background: #666;}

.header .menu-btn {

  width: 40px;

  height: 40px;

  position: relative;

  float: right;

  margin-top: 48px;

  cursor: pointer;

  display:none;

}

.header .menu-btn span {

  width: 18px;

  height: 2px;

  background: #fff;

  position: absolute;

  right: 10px;

  top: 14px;

  z-index: 2;

  -webkit-transition-duration: 0.8s;

  -moz-transition-duration: 0.8s;

  -ms-transition-duration: 0.8s;

  -o-transition-duration: 0.8s;

  transition-duration: 0.8s;

}

.header .menu-btn span.line2 {

  top: 19px;

  width: 14px;

}

.header .menu-btn span.line3 {

  top: 24px;

}

.header .menu-btn:hover span.line1 {

  animation: menubtn-line1 0.8s infinite alternate;

  -o-animation: menubtn-line1 0.8s infinite alternate;

  -moz-animation: menubtn-line1 0.8s infinite alternate;

  -webkit-animation: menubtn-line1 0.8s infinite alternate;

}

.header .menu-btn:hover span.line2 {

  animation: menubtn-line2 1.2s infinite alternate;

  -o-animation: menubtn-line2 1.2s infinite alternate;

  -moz-animation: menubtn-line2 1.2s infinite alternate;

  -webkit-animation: menubtn-line2 1.2s infinite alternate;

}

.header .menu-btn:hover span.line3 {

  animation: menubtn-line1 0.6s infinite alternate;

  -o-animation: menubtn-line1 0.6s infinite alternate;

  -moz-animation: menubtn-line1 0.6s infinite alternate;

  -webkit-animation: menubtn-line1 0.6s infinite alternate;

}

/*语言下拉2*/

.header .language{float: right;position: relative;margin-top:0px; margin-left:19px; }
.header .language::before{ content: ""; position: absolute; left: -19px; top: 50%; height: 18px; margin-top: -9px; width: 1px; background: rgba(255,255,255,0.26);}
.header.small .language{ margin-top:0px;}

.header .header_box#showopen .language{ display:none;}

/*.header .language:after{ content:""; position:absolute; right:0; height:14px; top:50%; margin-top:-7px; width:1px; background:#999999;}*/

.header .language .btn{ display: block;/* width: 73px;*//* height: 116px; line-height:116px; */ height: 100px;line-height: 100px; background-position:right center; background-repeat:no-repeat; cursor: pointer; background-size:31px 22px;/*transition:all 0.5s; */background-image:url(../images/top_bg4_2.png); color:#fff; font-size:18px;/*padding-left:25px;*/ position:relative; font-family:Arial; font-weight:normal; padding-right:31px;}

.header.small .language .btn{ background-image:url(../images/top_bg4_22.png); color:#333;height: 80px; line-height:80px;}

.header:hover .language .btn{background-image:url(../images/top_bg4_22.png); color:#333;}

.header .language:hover .btn{ color: var(--main-color);background-image:url(../images/top_bg4_222.png);}

/*.header .language .btn:after{ content:""; position:absolute; width:18px; height:100%; top:0; left:0; background:url(../images/top_bg3.png) left center no-repeat; background-size:18px 18px;}

.header.small .language .btn:after{ background-image:url(../images/top_bg3_on.png);}

.header:hover .language .btn:after{ background-image:url(../images/top_bg3_on.png);}

.header .language:hover .btn:after{ background-image:url(../images/top_bg3_on2.png);}*/

/*.header .language .btn.cn{ background-image:url(../images/language1.png);}

.header .language .btn.en{ background-image:url(../images/language2.png);}

.header .language .btn.jp{ background-image:url(../images/language3.png);}*/

.header .language .list { position: absolute; /* top: 116px; */ top: 100px; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0); z-index: 5; width: 100px; /*padding-top: 4px; */text-align: center; display: none;}

/*.header.small .language .list { top:80px;}*/

.header .language.two .list { width:230px;}

.header .language ul {background: #fff;border-radius: 0 0 4px 4px; /*padding: 4px 0;*/ position: relative; box-shadow: 0 4px 14px 1px rgba(0, 0, 0, 0.01);}

/*.header .language ul::after {bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #FFFFFF;border-width: 4px; margin-left: -4px;}*/

.header .language li a {height: 40px; line-height: 40px; display: block; font-size: 16px; color: #666; /*font-weight:bold;*/}

.header .language li a:hover {color: #ffffff; background:var(--main-color);}



.header .nav {

  text-align: center;

}

.header .header_box#showopen .nav{opacity:0;filter:Alpha(opacity=0);transform: scale3d(0, 0, 0);}

.header .nav .tit {

  display: none;

}

.header .nav > ul {

  display: inline-block; vertical-align:top;

}

.header .nav > ul > li {

  float: left;

  position: relative;

  /* padding: 0 30px; */

}

/*.header .nav > ul > li:hover{ background:var(--main-color);}*/

.header .nav > ul > li > a {

 /*  height: 116px;

  line-height: 116px; */

  height: 100px;

  line-height: 100px;

 margin: 0 30px;

  display: block;

  font-size:16px;

  color: #fff;

  overflow: hidden;

  -webkit-transition-duration: 0.4s;

  -moz-transition-duration: 0.4s;

  -ms-transition-duration: 0.4s;

  -o-transition-duration: 0.4s;

  transition-duration: 0.4s;

  position:relative;

}

.header:hover .nav > ul > li > a{ color:#333333;}

.header .nav > ul > li#m1{ display:none;}

.header .nav > ul > li#m8{ display:none;}

.header .nav > ul > li > a:after{ content:""; position:absolute; bottom:0; left:50%; right:50%; width:0%; height:2px; background:var(--main-color);background: linear-gradient(90deg, #303577, #ee1d23);}

.header:hover .nav > ul > li.on > a:after{ width:100%; left:0; right:0;transition:all 0.3s;}

.header .nav > ul > li#m2:hover > a:after,.header .nav > ul > li#m3:hover > a:after,.header .nav > ul > li#m5:hover > a:after,.header .nav > ul > li#m6:hover > a:after{ display:none;}

.header.small .nav > ul > li.on > a:after{ width:100%; left:0; right:0;transition:all 0.3s;}

/*.header .nav > ul > li:hover > a{ color:#ee1d23;}*/

.header .nav > ul > li.on > a{ color: #ee1d23;}
.header:hover .nav > ul > li.on > a{ color: #ee1d23;}
.header .nav > ul > li .arrow {

  display: none;

position:absolute; right:0; top:0; background:url(../images/arrow1.png) center center no-repeat; background-size:100% center; width:9px; height:100%;transition:all 0.3s;

}

.header .nav > ul > li.on .arrow{ transform: rotate(180deg);}

/*.header.small .nav > ul > li .arrow { background-image:url(../images/arrow1_on.png);}*/

.header .nav > ul > li:hover a{color: var(--main-color);}

.header .nav .sub {
  min-width: 140px;
  position: absolute;



  /* top: 116px; */

top: 100px;

  left: 50%;



  -webkit-transform: translate(-50%, 0);



  -moz-transform: translate(-50%, 0);



  -ms-transform: translate(-50%, 0);



  -o-transform: translate(-50%, 0);



  transform: translate(-50%, 0);



  z-index: 90;



  display: none;
  padding-top: 4px;
  /* box-shadow: 0 0 5px rgb(0 0 0 / 10%); */



}



/* .header .nav > ul > li#m2{position:static;}

.header .nav > ul > li#m2 .sub{width:100%; left:0;-webkit-transform: translate(-50%, 0);  -moz-transform: translate(0%, 0);-ms-transform: translate(0%, 0);-o-transform: translate(0%, 0); transform: translate(0%, 0);} */









.header .nav .sub ul {

 background: rgba(255,255,255,1.0);

 border-radius: 4px;

 padding: 4px 0;

  position: relative; 

}

.header .nav .sub ul::after {

  bottom: 100%;

  left: 50%;

  border: solid transparent;

  content: " ";

  height: 0;

  width: 0;

  position: absolute;

  pointer-events: none;

  border-color: rgba(136, 183, 213, 0);

  border-bottom-color: #FFFFFF;

  border-width: 4px;

  margin-left: -4px;

}

.header .nav .sub li:last-child a {

  border-bottom: none;

}

.header .nav .sub li a {

  display: block;

  height: 40px;

  line-height: 40px;

  text-align: center;

  font-size: 16px;

  white-space: nowrap;

  padding: 0 20px;

  color: #666666;


 border-bottom: solid 1px #eee;

}

.header .nav > ul > li .sub li a{ color:#666666;}

.header .nav > ul > li .sub li a:hover {

  color: #ee1d23;

}

.header .nav .sub li a{ display: block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 1.4rem;
  white-space: nowrap;
  padding: 0 20px;
  color: #666;
  border-bottom: solid 1px #eee;
}


.header .nav .sub li .boxs2{ height:194px;display: flex; /*align-items: center;*/ justify-content: center;}

.header .search-box,

.header .menu-btn,

.header .logo,

.header .language .btn,

.header{

  -webkit-transition-duration: 0.4s;

  -moz-transition-duration: 0.4s;

  -ms-transition-duration: 0.4s;

  -o-transition-duration: 0.4s;

  transition-duration: 0.4s;

}

.header.small {

 /* background: url(../images/mainfilter.png);*/ background:#fff;

  height: 80px;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); border-bottom:1px solid rgba(255,255,255,0);

}

.header.small .logo {
  margin-top: 17px;

  /* 

  height: 40px; */

}

.header.small .logo #logo2{ display:block;}

.header.small .logo #logo1{ display:none;}

.header.small .menu-btn span{ background:#3e3a39;}

.header.small .menu-btn,

.header.small .search-box {

  margin-top: 20px;

}

/*.header.small .search-box:after{ background:#ccc;}*/

.header.small .nav > ul > li > a {

 height: 80px;

  line-height: 80px; color:#333;

}

.header.small .nav > ul > li.on > a{ color: var(--main-color);}

/*.header.small .nav > ul > li.on:hover > a{ color:#fff;}*/

.header.small .nav .sub {

  top: 80px;

}



.icon-wechat .wechat-qrcode {

  display: none;

  border: 1px solid #eee;

  position: absolute;

  bottom: 40px;

  left: 50%;

  -webkit-transform: translate(-50%, 0);

  -moz-transform: translate(-50%, 0);

  -ms-transform: translate(-50%, 0);

  -o-transform: translate(-50%, 0);

  transform: translate(-50%, 0);

  z-index: 9;

  width: 140px;

  color: #666;

  font-size: 12px;

  text-align: center;

  background-color: #fff;

  transition: all 200ms;

  -webkit-tansition: all 350ms;

  -moz-transition: all 350ms;

}

.icon-wechat .wechat-qrcode.bottom {

  top: 40px;

  left: -84px;

}

.icon-wechat .wechat-qrcode.bottom:after {

  display: none;

}

.icon-wechat .wechat-qrcode h4 {

  font-weight: normal;

  height: 26px;

  line-height: 26px;

  font-size: 12px;

  background-color: #f3f3f3;

  margin: 0;

  padding: 0;

  color: #777777;

}

.icon-wechat .wechat-qrcode .qrcode {

  width: 100px;

  margin: 10px auto;

}

.icon-wechat .wechat-qrcode .qrcode table {

  margin: 0 !important;

}

.icon-wechat .wechat-qrcode .help {

  display: none;

}

.icon-wechat .wechat-qrcode:after {

  content: '';

  position: absolute;

  left: 50%;

  margin-left: -6px;

  bottom: -13px;

  width: 0;

  height: 0;

  border-width: 8px 6px 6px 6px;

  border-style: solid;

  border-color: #fff transparent transparent transparent;

  display: none;

}

.icon-wechat:hover .wechat-qrcode {

  display: block;

}

/*轮显*/

.banner img {

  width: 100%;

  display: block;

}

.banner .lzpic1,

.banner .lzpic2 {

  background: none;

}

.banner.full .lzpic1,

.banner.sm-full .lzpic1,

.banner.full .lzpic2,

.banner.sm-full .lzpic2 {

  background: no-repeat center;

  background-size: cover;

  -moz-background-size: cover;

  -webkit-background-size: cover;

}

.banner.sm-full .lzpic2 img,

.banner.full .lzpic1 img {

  display: none;

}

.main .banner {

  position: relative;

}

/*.main .banner .wrap{ position:relative;}*/

.main .banner .btn {

  position: absolute;

  bottom: 50px;

  right: 0px;

  z-index: 9;

  width:100%;

}

.main .banner .btn .boxs{ /*width:130px;*/width:110px; float:left; /* background:url(../images/i_pic1.png) center center no-repeat; background-size:1px 14px; */}

.main .banner .btn .wrap2{ position:relative;}

.main .banner .swiper-button-prev,

.main .banner .swiper-button-next,

.main .banner .swiper_button_play {

  width: 50px;
  height: 50px;

  margin: 0 0 0 1px;

  background: no-repeat center;

  position: static;
  border-radius: 50%;
  

  -webkit-transition-duration: 0.4s;

  -moz-transition-duration: 0.4s;

  -ms-transition-duration: 0.4s;

  -o-transition-duration: 0.4s;

  transition-duration: 0.4s;

  background-size:7px 13px;

}

.main .banner .swiper-button-prev {

  background-image: url(../images/arrow2.png);float: left; margin-left:0px; border:1px solid rgba(255,255,255,0.4);

}

.main .banner .swiper-button-prev:hover {

 /* opacity:0.8;filter:Alpha(opacity=80); border:1px solid var(--main-color); background-color:var(--main-color); 
 background-image: url(../images/arrow2_on.png);*/

}

.main .banner .swiper-button-next {

  background-image: url(../images/arrow3.png);float: right;border:1px solid rgba(255,255,255,0.4);

}

.main .banner .swiper-button-next:hover {

/* opacity:0.8;filter:Alpha(opacity=80); border:1px solid var(--main-color);  background-color:var(--main-color); */

}

.main .banner .swiper_button_play {

  background-image: url(../images/play.png);float: left; cursor:pointer;

}

.main .banner .swiper_button_play#on{ background-image:url(../images/play.png);}

.main .banner .down {

  width: 26px;

  height: 52px;

  position: absolute;

  left: 50%;

  bottom: 50px;

  z-index: 10;

  cursor: pointer;

  margin-left: -13px;

}

.main .banner .down span {

  height: 42px;

  background: url(../images/banner_down.png) no-repeat 0 center;

  background-size: 100% auto;

  display: block;

}

.main .banner .down:hover span {

  animation: banner-down 0.6s infinite alternate;

  -o-animation: banner-down 0.6s infinite alternate;

  -moz-animation: banner-down 0.6s infinite alternate;

  -webkit-animation: banner-down 0.6s infinite alternate;

}

.main .banner .swiper-slide {

  position: relative;

}

.main .banner .swiper-slide .table {

  width: 100%;

  position: absolute;

  left: 0;

  top: 0;

  z-index: 6;

  text-align: left;

  display: flex; align-items:top; justify-content: left;

}

.main .banner .swiper-slide .table .videos{width:100%; height:100%;object-fit: fill;overflow:hidden; border:0; margin:0; padding:0; position:absolute;top:50%; left:50%;transform:translate(-50%, -50%);}

.video-auto-b.controls .video-play{    opacity: 0; pointer-events: none;}

.video-auto-b .video-play{display: block; position: absolute; left: 0; top: 0; height: 100%;  width: 100%; background: rgba(0, 0, 0, 0.2); transition: all 0.3s;  cursor: pointer; z-index: 3;}

.video-auto-b .video-play .icon{display: block; position: absolute; left: 50%;top: 50%; transform: translate(-50%, -50%) rotate(0deg);  border-radius: 50%; width: 76px;   height: 76px;  background: #ababab;  transition: all 0.8s; opacity: 0.5;}

.video-auto-b .video-play .icon::before{content: "";display: block; position: absolute; left: 50%; top: 50%; transform: translate(-30%, -50%); border-left: 34px solid #ffffff; border-top: 20px solid transparent; border-bottom: 20px solid transparent; transition: all 0.8s;}

.main .banner .swiper-slide .table .imgs{ display: block; margin: 0 auto; width: 628px; z-index: 2; position: absolute; top: 50%;  left: 50%; transform:translate(-50%, -50%);}

.main .banner .swiper-slide .table .td{ display:block;}

.main .banner .swiper-slide .txt {

  /*font-size: 5.5rem;*/

  color: #fff;

  width:100%;/* max-width:628px;*/ position:relative; line-height:1.2; text-align:center; margin-top:10%;

}

.main .banner .swiper-slide .txt:before{position: absolute;left: -50px; top: -35px; line-height: 1;   content: "“"; font-family: Arial;font-size: 113px; color: rgba(255,255,255,0.09); display:none;}

.main .banner .swiper-slide .desc {

  /*font-size: 5.5rem;*/

  color: #fff;

 /* font-weight:lighter; */margin-top:2%;/* max-width:450px; */line-height:1.4; /*margin-bottom:26%;*/text-align:center;

}

.main .banner .swiper-slide .desc em{ font-style:normal; margin-left:1.5%; margin-right:1.5%;}

.main .banner .swiper-slide .rbtn{

 

 /* min-width: 196px;*/

 /* background: #fff;*/

  display: block;

 

  color: #fff;

  margin-top: 3%;

 /* background: url(../images/i_pic1.png) right top 2px no-repeat; background-size:9px 10px;*/ position:absolute; bottom:62px; z-index:10; border-bottom:1px solid #fff;

}

.main .banner .swiper-slide .rbtn:before{ background:#fff;}

.main .banner .swiper-slide .rbtn span {

  height: 54px;

  line-height: 54px;

  padding: 0 26px;

  /*background: url(../images/arrow4.png) no-repeat right 8px center;*/

}

.main .banner .swiper-slide .rbtn:after{ background-image:url(../images/i_pic1.png);}

.main .banner .swiper-slide .rbtn:hover span {

  /*background: url(../images/arrow5.png) no-repeat right center;*/

  color: #fff;

}

.main .banner .swiper-slide .rbtn:hover:after{ background-image:url(../images/i_pic1.png);}

.main .pctitle {

  text-align: center;

}

.main .pctitle .title {

  /*font-size: 3.6rem;*/

}

.main .pctitle .entit {

  opacity: .4;

  margin: 10px 0 22px 0;

}

.main .pctitle .line {

  width: 52px;

  height: 5px;

  background: #eaeaea;

  margin: 0 auto;

}

.main .physician {

  padding: 62px 0;

}











/*内页导航*/

.sec2 .header{  background:#fff;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);border-bottom: 0;}

.sec2 .header .logo #logo2{ display:block;}

.sec2 .header .logo #logo1{ display:none;}

.sec2 .header .nav > ul > li.on > a:after{ width:100%; left:0; right:0;transition:all 0.3s;}

.sec2 .header .language .btn{background-image:url(../images/top_bg2_on.png); color:#333;}

.sec2 .header .language:hover .btn{ color: var(--main-color); background-image:url(../images/top_bg2_on2.png);}
.sec2 .header .language::before{background: #666;}
/*.sec2 .header .language .btn:after{background-image: url(../images/top_bg3_on.png);}

.sec2 .header .language:hover .btn:after{ background-image:url(../images/top_bg3_on2.png);}*/

.sec2 .header .nav > ul > li > a{ color:#333;}

.sec2 .header .nav > ul > li.on > a{color: var(--main-color);}

.sec2 .header .nav > ul > li:hover > a{color: var(--main-color);}

.sec2 .header .search-box .search-btn{background-image: url(../images/search2.png);}
.sec2 .header .search-box .search-bar .close{background-image: url(../images/close.png);}
.sec2 .header .search-box:hover .search-btn{background-image: url(../images/search_on.png);}

.sec2 .header .top_login{ color: #333; background-image: url(../images/top_pic1_on.png);}

.sec2 .header .top_login a{ color: #333;}

.sec2 .header .top_login a:hover{ color:var(--main-color);}

/* .sec2 .header .top_login::before{ background: #666;}

.sec2 .header .top_login::after{ background: #666;} */

.sec .header{ /* height:116px; */height: 80px; background: #fff;}

.sec .header.small{ height:80px;}

/*.sec .header .menu-btn,.sec .header .search-box{ margin-top:22px;}*/

.sec .header .language .btn{ height:24px; line-height:24px;color:#333; /*background-image: url(../images/top_bg3_on.png);*/}

/*.sec .header .search-box .search-btn{background-image: url(../images/search_on.png);}*/

.sec .header .language .list{ top:70px;}

.sec .header .logo #logo2{ display:block;}

.sec .header .logo #logo1{ display:none;}

.sec .header .nav > ul > li.on > a:after{ width:100%; left:0; right:0;transition:all 0.3s;}

.sec .header .nav > ul > li > a{ color:#333333;}

.sec .header .nav > ul > li:hover > a{color:#fff;}

.sec .header .menu-btn span{ background:#3e3a39;}

.sec .header.small .menu-btn,

.sec .header.small .search-box { margin-top:20px;}

/*add by lam*/



@keyframes ani-svg{

	0%{

	  opacity: 0.4;

	  transform: translateY(-20px);

	}

	15%{

	  opacity: 0.65;

	  transform: translateY(-15px);

	}

    25%{

      opacity: 0.8;

	  transform: translateY(-10px);

	}

    50%{

      opacity: 1;

	  transform: translateY(0px);

	}

	65%{

	  opacity: 0.8;

	  transform: translateY(5px);

	}

	75%{

	  opacity: 0.65;

	  transform: translateY(10px);

	}

	100%{

	  opacity: 0.4;

	  transform: translateY(15px);

	}

}

@-webkit-keyframes ani-svg{

	0%{

	  opacity: 0.4;

	  -webkit-transform: translateY(-20px);

	}

	15%{

	  opacity: 0.65;

	  -webkit-transform: translateY(-15px);

	}

    25%{

      opacity: 0.8;

	  -webkit-transform: translateY(-10px);

	}

    50%{

      opacity: 1;

	  -webkit-transform: translateY(0px);

	}

	65%{

	  opacity: 0.8;

	  -webkit-transform: translateY(5px);

	}

	75%{

	  opacity: 0.65;

	  -webkit-transform: translateY(10px);

	}

	100%{

	  opacity: 0.4;

	  -webkit-transform: translateY(15px);

	}

}

@-moz-keyframes ani-svg{

	0%{

	  opacity: 0.4;

	  -moz-transform: translateY(-20px);

	}

	15%{

	  opacity: 0.65;

	  -moz-transform: translateY(-15px);

	}

    25%{

      opacity: 0.8;

	  -moz-transform: translateY(-10px);

	}

    50%{

      opacity: 1;

	  -moz-transform: translateY(0px);

	}

	65%{

	  opacity: 0.8;

	  -moz-transform: translateY(5px);

	}

	75%{

	  opacity: 0.65;

	  -moz-transform: translateY(10px);

	}

	100%{

	  opacity: 0.4;

	  -moz-transform: translateY(15px);

	}

}