* {

  box-sizing: border-box;

  padding: 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:#0751ad;

}

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','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','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: 1810px;

  width: 90%;

  margin: 0 auto;

}

.wrap:after {

  content: "";

  height: 0;

  display: block;

  clear: both;

}

.wrap2 {

  max-width: 1400px;

  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;

}

.self-svg {

  display: flex;

  align-items: center;

  justify-content: center;

}

.self-svg svg.icon {

  width: var(--size);

  height: var(--size);

  fill: var(--fill);

}

@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;



  text-align: center;



  overflow: hidden;

display: inline-block;

 padding: 0 25px;

 /* min-width: 178px;*/

  font-size: 1.8rem;



  color: #fff;

  /*border:1px solid #fff;*/ border-radius:30px;

  z-index:0;

   -webkit-transition-duration: 0.4s;



  -moz-transition-duration: 0.4s;



  -ms-transition-duration: 0.4s;



  -o-transition-duration: 0.4s;



  transition-duration: 0.4s;

  width:132px;

}

.rbtn:hover{/* border-color:#b72e32;*/ color:#fff; /*text-indent:5px;*/ padding-left:20px; padding-right:20px;}

/*.rbtn:hover::after {



  width: 100%;



}*/

.rbtn:before{ z-index:2; content:""; position:absolute; left:0; top:0; width:100%; height:100%;background: url(../images/i_pic1.png) right 35px center no-repeat;

background-size:8px auto;-webkit-transition-duration: 0.4s;



  -moz-transition-duration: 0.4s;



  -ms-transition-duration: 0.4s;



  -o-transition-duration: 0.4s;



  transition-duration: 0.4s;opacity:0;filter:Alpha(opacity=0);}

.rbtn:hover:before{ background-position:right 22px center;opacity:1.0;filter:Alpha(opacity=100);}

.rbtn input,



.rbtn span {



  width: 100%;



  height: 40px;



  line-height: 40px;



  position: relative;



 

  display: block;

  /*padding-right:20px;*/

  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;

  color:#fff;

}

.rbtn:hover span{ padding-right:20px;}

.rbtn::after {



  content: " ";



  position: absolute;



  top: 0;



  left: 0;



  z-index: -1;



  width:100%;



  height: 100%;



  background: #b72e32;



  -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: 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);*/

 border-bottom:1px solid rgba(255,255,255,0.2);

 

}

.header:hover{ background:#fff;border-bottom:1px solid #e6e6e6; }

.header.top {

  top: -140px;

}



.header .logo{

  float: left;

  overflow: hidden;

  height: 50px;

  margin-top:25px; margin-right:8px;

}

.header .logo img {

  height: 100%;

}

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

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

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

.header:hover .nav > ul > li > a .ico{ background-image:url(../images/top_bg2_on.png);}

.header .search-box {



  /*float: right;



  margin-top: 25px;*/



  /*position: relative;



  margin-left:20px;*/

  position:absolute; right:0; top:0;--dw: 100px; --w: var(--dw);--size: 20%;--sc: #fff; --fill: var(--sc);

}

.header .search-box .self-svg {

  width: var(--w);

  height: var(--w);

  background: transparent;

}

.header .search-box .self-svg svg {

  transition: all 0.3s;

}

.header .search-box .search-btn {

  width: 100px;

  height: 100px;

 /* background: url(../images/search2.png) var(--main-color) no-repeat center;*/

 background:var(--main-color);

  cursor: pointer;transition: all 0.3s;

  background-size:17px auto;

}

.header.small .search-box .search-btn { /*background-image:url(../images/search.png);background-size:17px auto;*//* background-color:#fff;*/}

/*.header.small .search-box{--sc: #333;}*/

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

/*.header.small .search-box:hover{--sc:var(--main-color);}*/

.header:hover .search-box .search-btn { /*background-image:url(../images/search.png);background-size:17px auto;*//*background-color:#fff;*/}

/*.header:hover .search-box{--sc: #333;}*/

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

/*.header .search-box:hover{--sc:var(--main-color);}*/

#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: 50px;



  position: absolute;



  right: 0px;



 /* top: 72px;*/



 top:25px;



  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/close.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 .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 .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;

}

/*电话*/

.top_tels{ float:right; margin-right:35px; padding-left:35px; padding-right:35px; position:relative; border-left:1px solid rgba(255,255,255,0.2); height:100px; line-height:100px;--dw: 17px; --w: var(--dw);--size: 100%;--sc: #e7841f; --fill: var(--sc); }

.top_tels a{ color:#e7841f;font-size:18px; font-weight:bold;}

.top_tels .self-svg {

  width: var(--w);

  height: var(--w);

  background: transparent; display:inline-block; margin-right:10px;

}

.top_tels .self-svg svg {

  transition: all 0.3s;

}

/*语言下拉2*/

.header .language{float: right;position: relative;margin-top:0px; margin-left:38px; }

.header.small .language{ margin-top:0px;}

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

.shiftLeft .header .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{/* width: 73px;*/height: 100px; line-height:100px;background-position:right center; /*background-repeat:no-repeat; cursor: pointer; background-size:11px 7px;*//*transition:all 0.5s; *//*background-image:url(../images/top_bg2.png);*/ color:#fff; font-size:18px;/*padding-left:25px;*/ position:relative; font-family:Arial; font-weight:normal; padding-right:21px;}

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

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

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

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

.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: 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 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 25px;

}

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

.header .nav > ul > li > a {

  height: 100px;

  line-height: 100px;

 /* padding: 0 30px;*/

  display: block;

  font-size:18px;

  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:13px; height:0px; background:url(../images/top_pic1.png) center bottom no-repeat;}

.header:hover .nav > ul > li.on > a:after{  height:6px; margin-left:-6.5px;transition:all 0.3s;}

.header .nav > ul > li#m1:hover > a:after,.header .nav > ul > li#m4:hover > a:after,.header .nav > ul > li#m7:hover > a:after{ display:none;}

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

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

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

.header .nav > ul > li > a .ico{ display:inline-block; vertical-align:middle; background:url(../images/top_bg2.png) no-repeat; background-size:100% 100%; width:8px; height:5px; margin-left:8px;transition:all 0.3s;}

.header:hover .nav > ul > li.on > a .ico{ background-image:url(../images/top_bg2_on2.png);}

.header.small .nav > ul > li > a .ico{ background-image:url(../images/top_bg2_on.png);}

.header.small .nav > ul > li.on > a .ico{ background-image:url(../images/top_bg2_on2.png);}

.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 {

width: 100%;



  position: absolute;



  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;

box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);

height: auto!important;

}

/*.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; text-align:left;

}

/*.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: 20px;

  line-height: 20px;

  text-align: center;

  font-size: 16px;

  white-space: nowrap;

  padding: 0 20px;

  color: #666666;

  margin-bottom:26px;

 /* border-bottom: solid 1px #eee;*/

}

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

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

  color:var(--main-color); 

}

.header .nav .sub li{ display:block; vertical-align:top; text-align:left; padding-top:31px;  text-align:left; overflow:hidden; padding-left:50px; padding-right:50px;}

.header .nav .sub li a{ padding-left:0; padding-right:0; text-align:left;}

/*.header .nav .sub li{height: 194px;}*/

.header .nav .sub li .h3{ font-weight:normal; color:#222222; overflow:hidden; height:41px; font-size:18px; line-height:30px; border-bottom:1px solid #e9e9e9; margin-bottom:13px;}

.header .nav .sub li .h3 a{ color:#222;margin-bottom: 0px;}

/*导航下拉*/

.header .nav .sub .top_a{ overflow:hidden; background:#fff; text-align:left; position:relative; z-index:0;}

.header .nav .sub .top_a:before{ content:""; height:100%; top:0; right:0; width:33%; background:var(--main-color); position:absolute; z-index:-1;}

.header .nav .sub .top_a .left{float:left; width:68.1%; padding-top:50px; overflow:hidden;}

.header .nav .sub .top_a .left .rect-6219{padding-bottom:62.19%;position: relative; display: block; width: 100%; height: 0; /* overflow: hidden; */}

.header .nav .sub .top_a .left .nav_infor{float:left; width:55%;}

.header .nav .sub .top_a .left .nav_infor .t{font-size:20px; color:#333; font-weight:bold; line-height:35px; margin-bottom:15px;} 

.header .nav .sub .top_a .left .nav_infor .t a{ color:#333;}

.header .nav .sub .top_a .left .nav_infor .t.bgs2{ margin-top:20px;}

.header .nav .sub .top_a .left .nav_infor .c{font-size:14px; color:#666; line-height:25px; margin-bottom:17px;}

.header .nav .sub .top_a .left .nav_infor .list dd{float:left; width:25%; font-size:16px; line-height:34px; color:#666;}

.header .nav .sub .top_a .left .nav_infor .list dd a{ color:#666;}

.header .nav .sub .top_a .left .nav_infor .list dd a:hover{color:var(--main-color);}

.header .nav .sub .top_a .left .nav_img{float:right; width:42%; padding-top:10px; padding-right:5%;margin-bottom:80px;}

.header .nav .sub .top_a .left .nav_img img{max-width: 100%;position: absolute;left: 0;  top: 0;  width: 100%; /* height: 100%; */}

.header .nav .sub .top_a .right{width:31.9%; float:left; overflow:hidden; }

.header .nav .sub .top_a .right .r_infor{padding-top:53px; padding-left:16%;}

.header .nav .sub .top_a .right .r_infor dt{font-size:24px;  color:#fff; line-height:35px; margin-bottom:8px; --dw: 28px; --w: var(--dw);--size: 80%;--sc: #fff; --fill: var(--sc);}

.header .nav .sub .top_a .right .r_infor dt .self-svg {width: var(--w);height: var(--w); background: transparent; display:inline-block; vertical-align:top; margin-top:3px; margin-right:3px;}

.header .nav .sub .top_a .right .r_infor dt .self-svg svg {transition: all 0.3s;}

.header .nav .sub .top_a .right .r_infor dd{ color:#fff; line-height:40px; }

.header .nav .sub .top_a .right .r_infor dd a{ color:#e7841f;font-size:36px;font-weight:bold;}

.header .nav .sub .top_a .right .r_infor dd a:hover{color:#e7841f;opacity:0.9;filter:Alpha(opacity=90);}

.header .nav .sub .top_a .right .r_infor dd .weixin{ float:left; max-width:135px; width:44%; margin-right:6%; overflow:hidden; text-align:center; font-size:16px;}

.header .nav .sub .top_a .right .r_infor dd .weixin img{ display:block; width:100%; margin-bottom:2px; margin-top:50px;}

.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(0,0,0,0.1);

}

/*.header.small .logo {

  margin-top: 20px;

  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: 25px;

}*/

/*.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;

}

/*轮显*/

.lzpic1 img{width: 100%; opacity: 0; filter: Alpha(opacity=0);}

.banner img {

  width: 100%;

  display: block;

}

.banner .lzpic1,

.banner .lzpic2 {

  background: none;

}

.banner .lzpic1{ background-repeat:no-repeat; background-position:center center; background-size:cover; height:100%;}

.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;

}

@keyframes banner-down {

  0% {

    margin-top: 0;

  }

  100% {

   transform: translate(0%, 10px);

  }

}

@-o-keyframes banner-down {

  0% {

    margin-top: 0;

  }

  100% {

    transform: translate(0%, 10px);

  }

}

@-moz-keyframes banner-down {

  0% {

    margin-top: 0;

  }

  100% {

    transform: translate(0%, 10px);

  }

}

@-webkit-keyframes banner-down {

  0% {

    margin-top: 0;

  }

  100% {

   transform: translate(0%, 10px);

  }

}

.main .banner {

  position: relative;

}

.main .banner .anim-1{filter:alpha(opacity=0);opacity:0; }

.main .banner .swiper-slide-active .anim-1{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;

	animation-iteration-count:1;

	animation-fill-mode:forwards;

	animation-delay:0.2s;



	-webkit-animation-iteration-count:1;

	-webkit-animation-fill-mode:forwards; 

	-webkit-animation-delay:0.2s;}

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

.main .banner:hover .btn{opacity:1.0;filter:Alpha(opacity=100);}

.main .banner .swiper-other{ position:absolute;bottom: 73px; left:0; z-index:10; width:100%;}

.main .banner .btn {

  position: absolute;

  bottom: 73px;

  right: 0px;

  z-index: 9;

  width:100%;height:0; 

  

}

.main .banner .btn .boxs{ /*width:130px;*/width:122px; float:right; /*overflow:hidden;*/ border:1px solid rgba(255,255,255,0.6);margin-top:-60px; position:relative;}

.main .banner .btn .boxs:after{ content:""; position:absolute; left:50%; width:1px; height:100%; top:0; background:rgba(255,255,255,0.6);}

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

.main .banner .swiper-button-prev,

.main .banner .swiper-button-next,

.main .banner .swiper_button_play {

  width: 60px;

  height: 60px;

 /* margin: 0 0 0 10px;*/ font-size:30px; color:#fff;/*border-radius: 50%;*/

  background: no-repeat center; background-size:auto 18;

  position: static; margin-top:0px;

  

  -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-color:rgba(31,45,61,.11)*/

}

.main .banner .swiper-button-prev {

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

}

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

 /*opacity:0.8;filter:Alpha(opacity=80);*/background-image:url(../images/left_on.png);background-color:rgba(255,255,255,1);

}

.main .banner .swiper-button-next {

  background-image: url(../images/right.png);float: right; 

}

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

 /*opacity:0.8;filter:Alpha(opacity=80);*/ background-image:url(../images/right_on.png);background-color:rgba(255,255,255,1);

}

.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: 90px;

  height: 52px;

  position: absolute;

  left: 50%;

  bottom:73px;

  z-index: 10;

  cursor: pointer;

  margin-left: -45px; font-size:14px; color:rgba(255,255,255,0.4); text-align:center;

}

.main .banner .down span {

  height: 29px;

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

  background-size: auto 100%;

  display: block; 

  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; margin-bottom:12px;

}



.main .banner .swiper-slide {

  position: relative;

}

.main .banner .swiper-slide .table {

  width: 100%;

  position: absolute;

  left: 0;

  top: 0;

  z-index: 2;

  text-align: left;

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

}

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

.main .banner .swiper-slide .table .td i{ display:block; width:64px; height:64px; background:url(../images/video.png) no-repeat; background-size:100% 100%; margin:0 auto; cursor:pointer;}

.main .banner .swiper-slide .txt {

  /*font-size: 5.5rem;*/

  color: #fff;

  width:100%; text-align:left;

}

.main .banner .swiper-slide .txt span{position:relative; display:inline-block; line-height:1.3; vertical-align:middle; overflow:hidden;}

.main .banner .swiper-slide .txt span:after{ content:""; position:absolute; bottom:0; left:0; width:0; height:3px; background:#fff;transition:all 0.5s;}

.main .banner .swiper-slide .txt span:nth-child(3):after{transition-delay:0.4s;}

.main .banner .swiper-slide .txt span:nth-child(5):after{transition-delay:0.9s;}

.main .banner .swiper-slide .txt:hover span:after{ width:100%;}

/*.main .banner .swiper-slide .txt .f72{ font-weight:bold;}*/

.main .banner .swiper-slide .desc {

  /*font-size: 5.5rem;*/

  color: #fff;

  letter-spacing: 1px; font-weight:normal; margin-top:0.5%; text-align:center

}

.main .banner .swiper-slide .rbtn {

  padding: 0 40px;

  min-width: 196px;

  background: #fff;

  display: inline-block;

  font-size: 1.6rem;

  color: #fff;

  margin-top: 3%;

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

  background-size:cover;

}

.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:hover span {

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

  color: #fff;

}

.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;}

.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 .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);}

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

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

/*.sec2 .header:hover .search-box{--sc: #fff;}

.sec2 .header:hover .search-box .search-btn{background: var(--main-color);}*/

.sec2 .header .nav > ul > li > a .ico{background-image: url(../images/top_bg2_on.png);}

.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_bg7.png); color:#333;}

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

/*.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/search.svg);}

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

.sec .header{ height:100px;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.svg);}*/

.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);

	}

}
/* shangqiao */
.fl{float: left;}
.fr{float: right;}
.guanggao-dbbox{width: 240px; min-height:320px; padding-bottom: 10px; background-color:#ededed; position: fixed; z-index: 9999; bottom:0px;right:0px; border-radius:5px 5px 0 0; overflow: hidden;}
.changedw{left: 50%; bottom:50% !important; z-index: 99999; margin-left:-120px; margin-bottom:-160px;}
#nb-show,#nb-gb{display: none;}
.nb-nodeboard-top{background: url("../images/boardTop5.png") no-repeat; height: 36px; line-height: 36px; color: #000;  font-size: 15px; }
.nb-nodeboard-top .fl{margin-left: 8px;}
.nb-nodeboard-top .fr img{vertical-align:middle;}
.nb-nodeboard-text{ zoom: 1; padding: 12px 0; line-height:1.5; border-bottom: 1px solid #d5d5d5; font-size:15px;}
.nb-nodeboard-link{color: #000; font-size: 14px;}
.nb-nodeboard-text p{padding-left:10px; color: #000; font-size: 14px;}
#nb_nodeboard_form{width: 94%; margin: 0 auto; display:block;}
#nb-nodeboard-set-content-js{ width:96%; height:79px;margin:10px auto 0px;padding:4px; resize: none;overflow: hidden;border: 1px solid #d5d5d5;background-color: #fff;text-align: left; font-size: 12px;}
.nb-nodeboard-tips,.nb-nodeboardphone-tips{display:none; color: #f00; font-size: 12px; }
.nb-nodeboard-inputbox{display: flex; height: 30px; width:100%; line-height: 30px;margin:7px auto 0;border: 1px solid #d5d5d5;position: relative;background-color: #fff; overflow:hidden;}
.nb-nodeboard-inputbox input{width:195px; border: none; font-size: 12px;}
.nb-nodeboard-icon { width: 24px;height: 28px;display: inline-block;text-align: center; background-color: #fff; vertical-align: top; border-right: 1px solid #fff; }
.nodeName{background: #fff url(../images/user.png) no-repeat 9px center;}
.nodePhone{background: #fff url(../images/nodephone.png) no-repeat 9px center;}
.nodeyx{background: #fff url(../images/yx.png) no-repeat 9px center;}
.nodedz{background: #fff url(../images/dz.png) no-repeat 9px center;}
.nb-nodeboard-send-btn{border: none; height: 35px;width:30%; line-height: 35px;text-align: center;border-radius: 2px;font-size: 14px;color: #000;cursor: pointer;background-color: #fff; border-color: #333; margin-top:8px;}
.nb-nodeboard-send-btn:hover{background-color: #0751ad;}
/*商务通跳窗*/
.nb-dingwei{display:none;}
.nb-dingwei .container{z-index:9999;position:fixed;top:50%;left:50%; margin-left:-200px; margin-top:-81px;  width: 400px; height: 162px; background: url("../images/inviteColorBack0.png"); }
.nb-fd-close{position: absolute; right:10px; bottom:105px;transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }
.nb-fd-close:hover{cursor: pointer;  transform: rotate(180deg); -webkit-transform: rotate(180deg);-moz-transform: rotate(180deg); -o-transform: rotate(180deg);-ms-transform: rotate(180deg);}
.nb-fd-content{position:absolute; bottom: 0; right:0; color: #fff; width:222px; height:108px;}
.nb-fd-content p{color: #fff; font-size: 16px;}
.anniubox{margin-top:15px;}
.anniubox span{border:#fff solid 1px; color: #fff; height: 34px; line-height: 34px; width: 80px; text-align: center; display: inline-block; border-radius: 5px;}
.anniubox .nb-dk{margin-left: 10px; background-color: #fff; color:  #0751ad;}
/*在线咨询*/
.nb-online-box{position: fixed; right:0px; bottom:45%; z-index: 999999; background-color:  #0751ad; width: 70px; height: 70px; border-radius:6px;  text-align: center; padding: 12px 0;}
.nb-online-box h2{ font-size:16px; color: #fff; text-shadow: 1px 1px 1px #666;}
.nb-online-box p{color: #fff; font-size: 12px; text-shadow: 1px 1px 1px #666;}