@font-face{font-family:yingwen;src:url('../font/yingwen.otf');}/*数字统一字体*/
.wrap{width: 92%;max-width: 1400px;margin: 0 auto;}
.aos-init{opacity: 0;}
.aos-animate{opacity: 1;}
/*头部*/
.top{ position: fixed;top: 0px;width: 100%;left: 0;z-index: 90;}
.top .wrap{max-width: inherit; padding:15px 0;height:40px; position: relative;}
.top .logo{float: left;}
.top .logo img{max-width: 192px;}
.top .nav{position: absolute;top: 54%;left: 56%;width:788px; transform: translate(-50%,-50%);}
.top .nav ul li{display: inline-block; padding:0 12px; float: left;position: relative;}
.top .nav ul li .caidan_2box{position: absolute;left:-100%;top: 100%;padding-top:20px;pointer-events: none;}
.top .nav ul li .caidan_2box li{width:340px; display: block;text-align: center; font-size: 12px; transform: translate3d(0,30px,0);opacity: 0;filter:alpha(opacity=0);visibility: hidden;pointer-events: none;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; margin-bottom: 3px;}
.top .nav ul li .caidan_2box li:nth-of-type(1){transform-delay:.1s;-webkit-transform-delay:.1s;}
.top .nav ul li .caidan_2box li:nth-of-type(2){transform-delay:.2s;-webkit-transform-delay:.2s;}
.top .nav ul li .caidan_2box li:nth-of-type(3){transform-delay:.3s;-webkit-transform-delay:.3s;}
.top .nav ul li .caidan_2box li:nth-of-type(4){transform-delay:.4s;-webkit-transform-delay:.4s;}
.top .nav ul li .caidan_2box li:nth-of-type(5){transform-delay:.5s;-webkit-transform-delay:.5s;}
.top .nav ul li .caidan_2box li:nth-of-type(6){transform-delay:.6s;-webkit-transform-delay:.6s;}
.top .nav ul li .caidan_2box li a{display: block;text-align: center; font-size: 14px; line-height:26px;}
.top .nav ul li:hover .caidan_2box{pointer-events: inherit;}
.top .nav ul li:hover .caidan_2box li{transform: translate3d(0,0,0);opacity: 1;filter:alpha(opacity=100);visibility: visible;pointer-events: inherit;}
.top .nav ul li .caidan_2box li:hover{background:Rgba(0,0,0,0.5); }
.top .nav ul li .caidan_2box li a{ margin-bottom:0;}

.top .nav ul li a{color: #fff;text-transform: uppercase; font-size: 15px;margin-bottom: 4px; display: block;text-align: center;}
.top .nav ul li span{ width: 0rem;height: 1px;display: block;background: #fff;margin: 0 auto;}
.top .nav ul li:hover span{width: 3rem; }
.top .right{float: right;}
.top_hidden{ transform: translateY(-100%);}
.top_oppen{ transform: translateY(0%);background: rgba(0,0,0,0.3);}
.top_oppen_back{background: rgba(0,0,0,0);}
.top_oppen_back2{background: rgba(0,0,0,0.3);}

/*菜单-按钮*/
.top .menu--1{display: none!important;}
.top .menu--1 label {display: block;cursor: pointer;position: absolute;right: 0;top: 0px;z-index: 1000;width:70px;height: 70px;}
.top .menu--1 input{display: none;}
.top .menu--1 path {fill: none;stroke: #ffffff;stroke-width: 3;stroke-linecap: round;stroke-linejoin: round;--length: 24;--offset: -38;stroke-dasharray: var(--length) var(--total-length);stroke-dashoffset: var(--offset);}
.top .menu--1 circle {fill: #fff3;opacity: 0;filter:alpha(opacity=0);}
.top .menu--1 label:hover circle {opacity: 1;filter:alpha(opacity=100);}
.top .menu .cross input:checked+svg .line--1{--length: 22.627416998;}
.top .cross input:checked+svg .line--2{--length: 0;}
.top .menu .back input:checked+svg .line--1,.back input:checked+svg .line--3 {--length: 8.602325267;}
.top .menu--1 {background-color: #3f77e9;}
.top .menu--1 .line--1,.menu--1 .line--3 {--total-length: 126.64183044433594;}
.top .menu--1 .line--2 {--total-length: 70;}
.top .menu--1 input:checked+svg .line--1,
.top .menu--1 input:checked+svg .line--3 {--offset: -93.5;}
.top .menu--1 input:checked+svg .line--2 {--offset: -50;}
body:hover path{transition: all .8s cubic-bezier(.645, .045, .355, 1);}

/*搜索*/
.top .right{ width: 200px;}
.top .right .sousuo{width: 200px;height: 32px;margin-top: 5px; float: left;}
.top .right .sousuo .sousuo_anniu{width: 210px; float: right;}
.top .right .sousuo .sousuo_anniu .search{width: 0px; display: block; float: left; height: 32px; padding:0 10px; margin-right: 10px; border-radius: 16px; background:#fff; color: #333; opacity: 0;filter:alpha(opacity=0);}
.top .right .sousuo .sousuo_anniu .btn{ display: block; float: right; width: 20px;height: 20px; background: url(../images/sousuo.png); margin-top: 5px;cursor:pointer;}
.top .right .sousuo .sousuo_anniu:hover .search{width: 160px; opacity: 1;filter:alpha(opacity=100);	-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.top .right .sousuo .sousuo_anniu:hover .bnt{transform:translateX(-5px);}
.top .right .menu--2{width: 42px;height: 42px; border-radius: 50%;float: right;cursor: pointer;display: none !important;background-size: cover;position: relative;}
.top .right .menu--2 .input{ position: absolute;width: 100%;height: 100%;top: 0;left: 0; display: block;background-image:url(../images/menu_icon.png);background-repeat:  no-repeat;background-position:  center;background-size:70%;}
.top .right .menu--2:hover{background-color:rgba(0,0,0,0.3);}
.top .right .menu--2:hover div{transform:rotateY(180deg);}
.top .right .menu--2 .menu1{background-image:url(../images/menu_icon.png);}
.top .right .menu--2 .menu2{background-image:url(../images/menu_icon1.png);}

/*光标*/
canvas.js-canvas {position: absolute;top: 0;left: 0;padding: 0;margin: 0;z-index: 999; pointer-events: none;mix-blend-mode: difference;}

/*菜单-弹出样式*/
.hback{ width: 0%; height: 100vh;background: rgba(0,0,0,0.9); display: block; position: fixed; top: 0;left: 0;z-index: 0; visibility: hidden;}
.caidan{width:100%;height: 100vh; display: block;position: fixed; top:0%; z-index:80; visibility: hidden;left: -100%;}
.caidan .caidan_nav{ padding: 0%;visibility: visible;height: 100vh; position: relative;}
.caidan .caidan_nav .wrap{ max-width: 1400px;}
.caidan .caidan_nav .wrap{position: absolute;top: 40%;left: 50%;transform: translateX(-50%);}
.caidan .caidan_nav .wrap .menu_list_box_item{width: calc(100%/5);float: left;height:calc(35px + 1vw);  text-align: center;position: relative;opacity:1;filter:alpha(opacity=100);visibility: visible;}
.caidan .caidan_nav .wrap .menu_list_box_item .caidan_1{display: block;height: 100%; font-size:1.2rem;color: #fff;position: absolute;top: 150%;left: 50%;transform: translate(-50%,-50%);opacity:0;filter:alpha(opacity=0);
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;visibility: hidden;}
.caidan .caidan_nav .wrap .menu_list_box_item .caidan_1:before{content: ''; width: 0rem;height: 2px;display: block;background: #fff; position: absolute;bottom: 0rem;left: 50%;transform: translateX(-50%);-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.caidan .caidan_nav .wrap .menu_list_box_item.active .caidan_1:before,.caidan .caidan_nav .wrap .menu_list_box_item .caidan_1:hover:before{ width:3rem;}
.caidan .caidan_bottom{ position: absolute;bottom: -10%; text-align: center; width: 100%; color: #fff;opacity: 1;filter:alpha(opacity=100);}
.caidan .caidan_bottom .coll{display: block; color: #fff; margin-bottom: 20px; opacity: 0.6;filter:alpha(opacity=60);}
.caidan .caidan_bottom .coll a{color: #fff;}
.caidan .caidan_bottom .language a{color: #fff; margin: 0 10px;}
.caidan .caidan_nav .wrap .menu_list_box_item .caidan_2box{ position: absolute;top: 100%; text-align: center; width: 100%; padding-top: 20px; transform: rotateX(-80deg);transform-origin: center top;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;opacity: 0;filter:alpha(opacity=0);visibility: hidden;}
.caidan .caidan_nav .wrap .menu_list_box_item .caidan_2box li{display: block; line-height: 33px; position: relative;}
.caidan .caidan_nav .wrap .menu_list_box_item .caidan_2box li:nth-of-type(1){animation-delay:.0s;-webkit-animation-delay:.0s;}
.caidan .caidan_nav .wrap .menu_list_box_item .caidan_2box li:nth-of-type(2){animation-delay:.2s;-webkit-animation-delay:.2s;}
.caidan .caidan_nav .wrap .menu_list_box_item .caidan_2box li:nth-of-type(3){animation-delay:.4s;-webkit-animation-delay:.4s;}
.caidan .caidan_nav .wrap .menu_list_box_item .caidan_2box li:nth-of-type(4){animation-delay:.6s;-webkit-animation-delay:.6s;}
.caidan .caidan_nav .wrap .menu_list_box_item .caidan_2box li a{color:Rgba(255,255,255,0.6);display: block; font-size:14px;}
.caidan .caidan_nav .wrap .menu_list_box_item .caidan_2box li a:hover{ color:#fff;}
.caidan .caidan_nav .wrap .menu_list_box_item:hover .caidan_2box{transform: rotateX(0);opacity: 1;filter:alpha(opacity=100);visibility: visible;}
.caidan_oppen{visibility: visible;left: 0;}
.caidan_oppen .caidan_nav .wrap .menu_list_box_item{opacity: 1;visibility: visible;}
.caidan_oppen .caidan_nav .wrap .menu_list_box_item .caidan_1{top: 50%;opacity: 1;filter:alpha(opacity=100);visibility: visible;}
.caidan_oppen .caidan_bottom{bottom: 10%;opacity: 1;filter:alpha(opacity=100);}

@media screen and (max-width: 780px){
.caidan .caidan_nav .wrap{transform: translate(-50%,-50%);}
.caidan .caidan_nav .wrap li{width: calc(100%/1);margin-bottom:0.2rem; float: inherit;}
.caidan .caidan_nav .wrap li a{height: inherit;}
.top .nav{display: none;}
} 

/*.index_banner{}
.index_banner .swiper-slide{position: relative; overflow: hidden;}
.index_banner .swiper-slide .text{position: absolute;top: 50%;transform: translateY(-50%); width: 100%; text-align: right;}
.index_banner .swiper-slide .text strong{font-size: calc(18px + 1.5vw); color: #fff;font-family:yingwen;display: block;}
.index_banner .swiper-slide .text p{font-size:20px; color:#fff; opacity: 0.6; filter:alpha(opacity=60);}
.index_banner .swiper-slide {text-align:center; font-size:18px; background: #000; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.index_banner .swiper-slide .text{transform:translateX(200px);opacity:0; filter:alpha(opacity=0); transition:all 0.5s;text-shadow: 0 0 15px Rgba(0,0,0,0.3);}
.index_banner .ani-slide .text{transform:translateX(0);opacity:1; filter:alpha(opacity=100); transition:all 1s;}
.index_banner .swiper-slide img{
-webkit-animation: fangda_ani 9s infinite alternate ease;
animation: fangda_ani 9s infinite alternate ease;
}
@keyframes fangda_ani{0%{transform: scale(1);}100%{transform: scale(1.08);}}
@-webkit-keyframes fangda_ani{0%{transform: scale(1);}100%{transform: scale(1.08);}}
.index_banner .swiper-wrapper{transition-delay:0.3s;}
.index_banner .swiper-slide .w_100{transform:scale(1.15);background: #000; transition:all .7s;}
.index_banner .ani-slide .w_100{transform:scale(1);}

.swi_index_banner .swiper-slide{overflow: hidden;}
.swi_index_banner .swiper-slide img{
-webkit-animation: fangda_ani 9s infinite alternate ease;
animation: fangda_ani 9s infinite alternate ease;
}/*动画参数写在了reset.css
.swi_index_banner .swiper-pagination{ bottom:6%; top: inherit; width: 130px;right: 100px;left: inherit; overflow:visible;}
.swi_index_banner .swiper-pagination-progressbar{background: rgba(255,255,255,0.2);height: 1px;overflow: visible;}
.swi_index_banner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height:3px;background: #fff;display: block;margin-top: -1px;}
.swi_index_banner .swiper-button{background:inherit;}
.swi_index_banner .swiper-button-box{ width: 200px; height: 20px; position: absolute;bottom:5.5%;left: inherit; right:70px; transform: translate(0%,5px);z-index: 10;}
.swi_index_banner .swiper-button-box .re{width: 100%;height: 100%;}
.swi_index_banner .swiper-button-box .swiper-button{margin: 0;top: 0;bottom: 0;width: 20px;height: 20px;} 
.swi_index_banner .swiper-button-box .swiper-button i{color: #fff; font-size: 26px;line-height: 20px; display: block;} 
.swi_index_banner .swiper-button-box .swiper-button-prev{left: 0;}
.swi_index_banner .swiper-button-box .swiper-button-next{right: 0;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{ content:normal;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{ content:normal;}
*/
.banner_mar{ margin-left:10%; color:#fff; /*padding-top:21%; padding-bottom:21%;*/position: relative;}
.banner_mar h1{ font-size:calc(30px + 0.6vw);}
.banner_mar h3{ color:Rgba(255,255,255,0.5); padding-top:10px; font-size:14px;}
.down_box{ position: absolute; width: 28px; height: 58px; bottom:9%; left: 50%;transform:translateX(-50%);cursor:pointer;opacity:0.4;filter:alpha(opacity=40); z-index:100000;}
.donghua1{animation:dh1 .6s ease-in-out 0s infinite alternate}
@keyframes dh1{0%{transform:translate(-50%,-20px)}
100%{transform:translate(-50%,0)}
}
.banner_mar2{width: 92%; max-width: 1400px; margin:0 auto; color:Rgba(255,255,255,0.5); padding-top:15%; padding-bottom:0;position: relative;}
.banner_mar2 h1{ font-size:14px;}
.banner_mar2 h3{ color:Rgba(255,255,255,0.5); padding-top:10px;}
.banner_mar2 a{color:Rgba(255,255,255,0.5);}

.footer_nav{margin-bottom: 20px;}
.footer_nav ul li{ float: left; margin-right: 40px;}
.footer_nav ul li a{ font-size: 14px;}

.apple-banner {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.apple-banner .swiper-container {
  -webkit-transform: translate3d(0px, -0, 0px);
  -moz-transform: translate3d(0px, -0, 0px);
  transform: translate3d(0px, -0, 0px);
  /*margin-top: -40px;*/
  width: 100%;
}
.apple-banner .swiper-wrapper {
}
.apple-banner .swiper-wrapper .swiper-slide img{
 width: 100%; object-fit: cover;transform-origin: center top;
}
.apple-banner .arrow-left {display: none;
  position: absolute;
  left: 0px;
  top: 0;
  width: 15%;
  height: 100%;
  z-index: 999;
}
.apple-banner .arrow-left span {
  margin-top: -32px;
  display: block;
  left: 20px;
  top: 50%;
  position: absolute;
  width: 64px;
  height: 64px;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background: rgba(180, 180, 180, 0.25) url(../images/arrows.png) no-repeat center 17px;
  opacity: 0;filter:alpha(opacity=0);
  -o-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.apple-banner .arrow-left:hover span {
  opacity: .6;filter:alpha(opacity=60);
}
.apple-banner .arrow-right {display: none;
  position: absolute;
  right: 0px;
  top: 0;
  width: 15%;
  height: 100%;
  z-index: 999;
}
.apple-banner .arrow-right span {
  margin-top: -32px;
  display: block;
  right: 20px;
  top: 50%;
  position: absolute;
  width: 64px;
  height: 64px;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background: rgba(180, 180, 180, 0.25) url(../images/arrows.png) no-repeat center -71px;
  opacity: 0;filter:alpha(opacity=0);
  -o-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.apple-banner .arrow-right:hover span {
  opacity: .6;filter:alpha(opacity=60);
}
.apple-banner .pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom: 35px;
  z-index: 99;
  width: 100%;
}
.apple-banner .pagination {
  font-size: 0;
}
.apple-banner .pagination li {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin: 0 10px;
  cursor: pointer;
}
.apple-banner .pagination li span {
  width: 60px;
  height: 3px;
  display: block;
  background: rgba(255, 255, 255, 0.6);
}
.apple-banner .pagination li span i {
  background: #014fa2;
  height: 3px;
  display: block;
  opacity: 0;filter:alpha(opacity=0);
}
.apple-banner .pagination li em {
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  position: relative;
}
.apple-banner .pagination li em:after {
  content: "";
  width: 4px;
  height: 4px;
  background: #ffffff;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  position: absolute;
  margin-left: -2px;
  margin-top: -2px;
}
.apple-banner .pagination li em:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border: 2px solid #fff;
  border-radius: 50%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}
.apple-banner .pagination li:hover em:before,
.apple-banner .pagination li.current em:before {
  transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
}
.apple-banner .pagination .current span i,
.pagination .firstCurrent span i {
  -o-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
  opacity: 1;filter:alpha(opacity=100);
}
.apple-banner .pagination .click span {
  background: #014fa2;
}
.apple-banner .pagination .click span i {
  display: none;
}
.apple-banner .autoplay li span i {
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0;
  -moz-transform-origin: 0;
  -o-transform-origin: 0;
  transform-origin: 0;
  opacity: 1;filter:alpha(opacity=100);
}
.apple-banner .autoplay .firstCurrent span i {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
  -o-transition: all 5s linear;
  -moz-transition: all 5s linear;
  transition: all 5s linear;
}
.apple-banner .autoplay .current span i {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
  -o-transition: all 6.5s linear;
  -moz-transition: all 6.5s linear;
  transition: all 6.5s linear;
}
.apple-banner .autoplay .replace span {
  background: #014fa2;
}
.apple-banner .autoplay .replace span i {
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
}
/*内容样式*/
.apple-banner .swiper-slide .title {
  position: absolute;
  width: 70%;
  text-align: right;
  right:10%;
  top: 51%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  font-family: 'Didot';
  color: #fff;
  line-height: 1;
}
.apple-banner .swiper-slide .title .p1 {
  font-size: calc(18px + 1.5vw); color: #fff;font-family:yingwen;display: block;
  margin-bottom: calc(0.1rem + 1vw);
}
.apple-banner .swiper-slide .title .p2 {
  font-size:20px; color:#fff; opacity: 0.6; filter:alpha(opacity=60);
}


.index_jianjie{padding: calc(40px + 4vw) 0; background: #fff;position: relative; z-index: 0;}
.index_jianjie .title{ margin-bottom: calc(20px + 3vw);}
.index_jianjie .title strong{ font-size: calc(18px + 3vw); font-family: yingwen; color: #6a838b;display: block;}
.index_jianjie .title p{ font-size: 16px; color: #909090;}
.index_jianjie .title p i{width: 60px;height: 1px;display: inline-block;background: #e5e5e5; margin-left: 20px; transform: translateY(-5px);}
.index_jianjie .text{ width: 60%;max-width: 762px; float: right;}
.index_jianjie .text p{margin-bottom: calc(0px + 2vw); font-size: 14px; color: #666666; line-height: 24px;}
.index_jianjie .img{position: relative; overflow: hidden;}
.index_jianjie .img:before{content: ''; width: 0%;height: 100%;display: block; background: #6b848b;position: absolute;left: 25.2%;top: 0;pointer-events: none;-webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;}
.index_jianjie .text:hover .img:before{width: 46%;}
.index_jianjie .img .more{position: absolute;top: 55%; transform: translateY(-50%); left:40%; color: #fff;}
.index_jianjie .img .more i{color: #fff;display: inline-block; font-size: 30px; float: left; transform: translateY(-20%); padding-left: 10px;opacity: 0;}
.index_jianjie .img .more p{color: #fff; line-height: inherit;display: inherit; margin-bottom: 0;float: left;opacity: 0;}
.index_jianjie .img {}
.index_jianjie .text:hover .img .more i{opacity:1; transform: translate(20px,-20%);}
.index_jianjie .text:hover .img .more p{opacity: 1; transform: translateX(10px);}

.Scroll_sea_box{position: relative;overflow: hidden;background: #fff;}
.Scroll_sea_box .wrap{position: relative;}
.Scroll_sea_box .text{position: absolute;top: 50%;transform: translateY(-50%); width: 100%;}
.Scroll_sea_box .text strong{font-size: calc(16px + 1vw);color:#fff; display:block; font-weight: 500;}
.Scroll_sea_box .text p{ font-size:18px;color: #fff; display: block; padding-bottom:15px;}
.Scroll_sea_box .text .title{float: left;position: relative; padding-bottom: calc(10px + 2vw); transition: all 0.5s linear;}
.Scroll_sea_box .text .title:before{content: ''; width: calc(20px + 2vw); height: 1px;display: block;background: rgba(255,255,255,0.5); position: absolute;left: 0;bottom: 0;}
.Scroll_sea_box .text a{display: block;}
.Scroll_sea_box .text span{width: calc(30px + 2vw);height:calc(30px + 2vw);line-height:calc(30px + 2vw);box-sizing: border-box;border: 1px solid rgba(255,255,255,0.2);border-radius: 50%;display: block;text-align: center;position: absolute;top: 50%;transform: translateY(-50%); right: 0;overflow: hidden;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.Scroll_sea_box .text span i{font-size: calc(10px + 1vw);color: #fff; font-weight: 100;position: relative;z-index: 5;display: block;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.Scroll_sea_box .text span i:nth-of-type(2){transform: translate(-100%,-100%);}
.Scroll_sea_box .text span:hover{transform: translateY(-50%) scale(1.3);border: 1px dashed rgba(255,255,255,0.2);}
.Scroll_sea_box .text span:hover i:nth-of-type(1){transform: translateX(80px) scale(0.8);}
.Scroll_sea_box .text span:hover i:nth-of-type(2){transform: translate(0%,-100%) scale(0.5);}
.Scroll_sea_box .Scroll_sea_img{background-attachment: inherit; background: #000;}
.Scroll_sea_box .Scroll_sea_img img{opacity: 0.5;filter:alpha(opacity=50);-webkit-transition: all 1.5s ease;-moz-transition: all 1.5s ease;-ms-transition: all 1.5s ease;-o-transition: all 1.5s ease;transition: all 1.5s ease;}
.Scroll_sea_box:hover .Scroll_sea_img img{opacity:1;filter:alpha(opacity=100); transform: scale(1)!important;}

.case_tit span{width: calc(30px + 2vw);height:calc(30px + 2vw);line-height:calc(30px + 2vw);box-sizing: border-box;border: 1px solid rgba(255,255,255,0.2);border-radius: 50%;display: block;text-align: center;position: absolute;top: 50%;transform: translateY(-50%); right: 0;overflow: hidden;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.case_tit span i{font-size: calc(10px + 1vw);color: #fff; font-weight: 100;position: relative;z-index: 5;display: block;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.case_tit span i:nth-of-type(2){transform: translate(-100%,-100%);}
.case_tit span:hover{transform: translateY(-50%) scale(1.3);border: 1px dashed rgba(255,255,255,0.2);}
.case_tit span:hover i:nth-of-type(1){transform: translateX(80px) scale(0.8);}
.case_tit span:hover i:nth-of-type(2){transform: translate(0%,-100%) scale(0.5);}
.Scroll_sea_box .Scroll_sea_img{background-attachment: inherit; background: #000;}
.Scroll_sea_box .Scroll_sea_img img{opacity: 0.5;filter:alpha(opacity=50);-webkit-transition: all 1.5s ease;-moz-transition: all 1.5s ease;-ms-transition: all 1.5s ease;-o-transition: all 1.5s ease;transition: all 1.5s ease;}
.Scroll_sea_box:hover .Scroll_sea_img img{opacity:1;filter:alpha(opacity=100); transform: scale(1)!important;}

.Showoffice{background: #fff; padding:6vw 0 7vw 0;}
.Showoffice .wrap{width:90%; max-width: 1660px; float: right;}
.Showoffice .title{ margin-bottom:3vw;}
.Showoffice .title strong{ font-size: calc(18px + 2vw); font-family: yingwen; color: #6a838b;display: block;margin-bottom: 1vw;}
.Showoffice .title p{ font-size:14px; color: #909090; display: block;margin-bottom: 2vw;width:75%; position: relative;}
.Showoffice .title p:before{width: 3.5vw;height: 0.5px;display: block;background: #e5e5e5;content: ''; position: absolute;left: 0;top:10px;}
.Showoffice .swi_Showoffice .swiper-slide{ position: relative; width: 60%;}
.Showoffice .swi_Showoffice .swiper-slide img{-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}
.Showoffice .swi_Showoffice .swiper-slide:hover img{transform: scale(1.03);}
.Showoffice .swi_Showoffice .swiper-slide .more{ width: 220px;height: 70px; background: #fff; position: absolute;right: -70px;bottom: 5%;}
.Showoffice .swi_Showoffice .swiper-slide .more:hover .left:before{ }
.Showoffice .swi_Showoffice .swiper-slide .more .left{ height: 70px;line-height: 70px; width:150px;text-align: center;float: left;position: relative;}
.Showoffice .swi_Showoffice .swiper-slide .more .left:before{ position: absolute;content: '';width: 0%; height: 100%; background: #6a838b;left: 0;top: 0;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;z-index: 1;}
.Showoffice .swi_Showoffice .swiper-slide .more:hover .left:before{width: 100%;}
.Showoffice .swi_Showoffice .swiper-slide .more .left p{position: inherit;z-index: 5;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.Showoffice .swi_Showoffice .swiper-slide .more:hover .left p{color: #fff;transform: translateX(10px);}
.Showoffice .swi_Showoffice .swiper-slide .more .right{ height: 70px;line-height: 70px; width:70px;background: #6a838b;float: right; text-align: center; }
.Showoffice .swi_Showoffice .swiper-slide .more .right i{ color: #fff;}
.Showoffice .swi_Showoffice .swiper-slide .img{overflow: hidden;}
.Showoffice .swi_Showoffice .swiper-slide .img img{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.Showoffice .swi_Showoffice .swiper-slide.swiper-slide-next .img{ background: #000;}
.Showoffice .swi_Showoffice .swiper-slide.swiper-slide-next .img img{opacity: 0.5;}

.footer{background: #f4f4f4;padding:2vw 0 2vw 0; position: relative;z-index: 5;}
.footer .left{width:80%; float: left;}
.footer .left ul li{ width: 50%; float: left; font-size:12px; line-height:20px; color:#909090;}
.footer .left ul li a{color:#909090;}
.footer .left ul li a:hover{color:#666;}
.footer .right{ float: right; padding-top:3px}
.footer .right a{width:35px; height:35px; background:#ddd; text-align:center; border-radius:50%; margin:0 5px; display: block; float: left; font-size: 12px; line-height:35px; color:#909090;cursor: pointer;}
.footer .right a i{display: block;font-size: 20px; pointer-events: none;}
.footer .right a:hover{ background:#fff;color:#909090;}

.ny_banner{height: 100vh;width: 100%; overflow: hidden;position:fixed;top: 0;bottom:0;background: #000;}
.ny_banner:before{content: '';width: 100%;height: 100%;position: relative;}
.ny_banner .img{height: 100%;}
.ny_banner img{height: 100%;width: 100%; object-fit: cover;-webkit-animation: fangda_ani 9s infinite alternate ease;
animation: fangda_ani 9s infinite alternate ease;}

.ny_banner .text{position: absolute;top: 40%;text-align: center; width: 100%;text-transform: uppercase;}
.ny_banner .text p{font-size:18px; position: relative; padding:10px 0; color:#ccc;}
.ny_banner .text p:before{content: '';width:3rem;height: 1px;display: block;background: rgba(255,255,255,0.3);position: absolute;bottom:-20px;left:50%;transform:translateX(-50%);}
.ny_banner .text strong{font-size: calc(12px + 1.6vw); color: #fff; font-family: yingwen;display: block;}

.ny_box{background: #fff; padding:0.1vw 0 3vw; position: relative;}
.ny_box .wrap{max-width: 1700px;}

.cpmenu {background:#fff; height:0px; line-height:70px; width:100%;border-bottom: 1px solid rgba(0,0,0,0.1); text-align:center;}
.cpmenu ul{margin:0 auto;}
.cpmenu ul li{display: inline-block; color:#fff;font-size:14px;}
.cpmenu ul li a{ height:70px; line-height:70px; padding: 0 20px;display: block; color:#333; cursor:pointer;}
.cpmenu ul .active a{border-bottom:2px solid #e62129;}
.cpmenu ul li a:hover{border-bottom:2px solid #e62129;}

.product_list_box{ margin-left:10%; box-sizing:border-box; padding:2rem; padding-top:0; padding-bottom:4rem;}
.cpbtlb{ border-bottom:1px solid #f1f1f1; position:relative;margin-left:10%; background:#fff;font-size:14px;}
.cpbtlb dt{ float:left; height:70px; line-height:70px; padding-left:3%;}
.cpbtlb dd{ float:right; width:250px; background:#6a838b; height:70px; line-height:70px; text-align: right; padding-right:3%;  color:#fff;}

.productarticle_box .product_list_box{ margin-top:10px; max-width:100%; margin-left:0;}
.product_list_box .title{ margin-bottom: 2vw; padding-top: 3vw;}
.product_list_box .title .left{float: left;}
.product_list_box .title strong{ font-size: calc(16px + 1vw); font-family: yingwen; text-transform: uppercase; color:#6a838b;font-weight: 500;}
.product_list_box .title p{ padding-left:3rem;position: relative;color: #909090;}
.product_list_box .title p:before{content: ''; display: block;width: 2.5rem; height: 1px; background: #eeeeee;position: absolute;left: 0;top: 10px; }
.product_list_box .product_list_ul li{ text-align: center; width: calc(100% / 4 - 15px); background:#fff; margin-right:15px; margin-bottom:6px; float: left; position: relative;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.product_list_box .product_list_ul li:nth-child(4){ margin-right:0;}
/*.product_list_box .product_list_ul:hover li{opacity: 0.8;filter:alpha(opacity=80);}
.product_list_box .product_list_ul li:hover{opacity: 1;filter:alpha(opacity=100);}*/
.product_list_box .product_list_ul li a{display: block;}
.product_list_box .product_list_ul li span{ padding-bottom:1rem; z-index: 10; width: 100%;display: block;height:19px;overflow: hidden;}
.product_list_box .product_list_ul li:before{ content: ''; width:0%;height:1px;display: block;background:#6b848b;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.product_list_box .product_list_ul li:hover:before{width:100%;height:1px;}
.product_list_box .product_list_ul li .img{ padding:2.3rem;}
.product_list_box .product_list_ul li ul{ height:0; overflow:hidden;}

.sb_zzao{z-index:90!important;width:100%;height:100vh;bottom:0;left:0%;background:rgba(0,0,0,.8);visibility:hidden;opacity: 0;filter:alpha(opacity=0);}
.product_out{position:fixed; width:92%; max-width:860px; background: #fff;right: -100%;bottom: 0;height: 100vh;z-index: 10000;}
.product_out:before{content: '';width: 100%;height: 100%;position: relative;display: block;}
.product_out .erji_product_box{width:83%; height: 80%;position: absolute;display: block;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.product_out .erji_product_box:before{content: '';width: 100%;height: 100%;position: relative;display: block;}
.product_out .erji_product_box .pro_close{width: 40px;height: 40px; line-height: 40px;background: #6b848b; border-radius: 50%; position: absolute;right: -5%;top: -6%; cursor: pointer;z-index: 10;}
.product_out .erji_product_box .pro_close i{display: block;text-align: center; color: #fff; font-size:12px; font-weight:100;}
.product_out .erji_product_box .pro_close:hover{transform-origin:center;transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);}
.product_out .erji_product_box .title{position:absolute; left:0; top: 0;z-index: 5; text-align: center; width: 100%;}
.product_out .erji_product_box .title strong{font-size: 26px; color: #6a838b;color: #333;text-transform: uppercase;font-weight: 500;}
.product_out .erji_product_box .title strong p{font-size: 16px; color: #909090; display: inline-block; font-weight: 200; padding-left: 10px;}
.product_out .erji_product_box ul{position: absolute;width: 100%;height:calc(100% - 40px);margin-top:40px;top: 0;left: 0;z-index: 1; overflow-y: scroll; padding-right:25px; padding-top:22px;}
.product_out .erji_product_box ul li{width: calc(100% / 3 - 6px); margin-right:6px; margin-bottom:6px; float: left; text-align: center; position: relative;}
.product_out .erji_product_box ul li:nth-child(3){ margin-right:0;}
.product_out .erji_product_box ul li span{padding-bottom:1rem;width: 100%;display: block;bottom:5%;left: 0; font-size:14px;}
.product_out .erji_product_box ul li .img img{width: 100%; padding:1rem; box-sizing:border-box;}
.product_out .erji_product_box ul::-webkit-scrollbar {width: 3px;height: 1px;}/*滚动条整体样式*/
.product_out .erji_product_box ul::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #535353;}/*滚动条里面小方块*/
.product_out .erji_product_box ul::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 10px;background: #EDEDED;}/*滚动条里面轨道*/

.cptjt strong{ font-size:18px; padding-left:29px; color:#333;}
.product_info_box{padding:0;background: #fff; position:relative;}
.product_info_box .product_info{background: #fff; padding: 5vw 0;}
.product_info_box .product_info .left{width:45%;float: left;}
.product_info_box .product_info .right{width:calc(40% - 1px); height: 100%; padding-left: 10%; border-left: 1px solid rgba(0,0,0,0.1);float: right;}
.product_info_box .product_info .right .title{ margin-bottom: 20px;}
.product_info_box .product_info .right .title h2{ font-size: calc(10px + 1.5vw); color: #6a838b; display: block;}
.product_info_box .product_info .right .text strong{padding: 18px 23px;background: #f5f5f5;font-weight: bold; color: #666666;display: block; margin-bottom: 20px;}
.product_info_box .product_info .right .text{font-size: 16px;line-height: 28px;color: #666666;}
.product_info_box .product_info .right .swi_product_info_thumbs{}
.product_info_box .product_info .right .swi_product_info_thumbs .swiper-slide{ width: calc(100% / 5); cursor: pointer;}
.product_info_box .product_info .right .swi_product_info_thumbs .swiper-slide img{width: calc(100% - 2px); border: 1px solid rgba(0,0,0,0.1);}
.product_info_box .product_info .right .swi_product_info_thumbs .swiper-slide-thumb-active img{border: 1px solid rgba(0,0,0,0.6);}

.product_details{ padding: calc(20px + 2vw) 0; position:relative;}
.product_details_tabs{margin-bottom: 30px;height: 45px;position: relative;}
.product_details_tabs .product_caidan{width: 100%;height: 45px; position: absolute;left: 0;top: 0;z-index: 2;}
.product_details_tabs ul li{ padding: 12px 20px; border: 1px solid rgba(0,0,0,0.1);background: #fff; float: left; margin-right:10px;text-transform: uppercase; font-size: 14px; cursor: pointer;}
.product_details_tabs ul li.active{background: #6a838b;color: #fff;}
.product_details_swi .swiper-slide {background: #fff;}
.product_caidan.inactive{position:fixed; padding: 10px 0;background: #fff;}

.productarticle_box{ padding: calc(20px + 2vw) 0; position:relative;z-index: 50; padding-top:15px;}
.cpdtdd{ background:#f4f4f4;}
.productarticle_box .left{ width:50%; float: left; border: 1px solid #f4f4f4; box-sizing:border-box;}
.productarticle_box .left img{ max-width:100%;}
.swi_productarticle_img .swiper-pagination{bottom: 5%;}
.cpdtdd .swiper-wrapper{ height:inherit;}
.swi_productarticle_img .swiper-pagination .swiper-pagination-bullet-active{background: #f3414f;}
.productarticle_box .right{ width:50%; float:right; padding:40px; box-sizing:border-box;}
.productarticle_box .right .title{border-bottom: 1px dashed rgba(0,0,0,0.1); padding-bottom: 0.6vw; margin-bottom: 1.4vw;}
.productarticle_box .right .title h1{font-size:24px; font-weight:500; color:#333;}
.productarticle_box .right .text{font-size:15px;line-height:24px; color:#555;}
.productarticle_box .right .text strong{font-size:18px;margin-bottom:4px;color: #333;}
.productarticle_box .right .text{margin-bottom: calc(20px + 1vw);}
.productarticle_box .right .coll strong{ color: #f3414f;font-size:24px;}
.productarticle_box .right .coll{font-size:14px;}

.product_content{ padding:55px; background:#fff; margin-top:10px; font-size:15px;line-height:21px;}
.product_content strong{font-size: 18px; padding-bottom:20px;}
.product_content{ color:#333;}
.product_content img{ margin: 0 auto;}
.xiangguan_product{padding: calc(20px + 1vw) 0 0;}
.xiangguan_product .title{ margin-bottom: 20px; text-align:center;}
.xiangguan_product .title strong{font-size:28px;color: #333;text-align: center;font-weight: 500;}
.xiangguan_product .productlist_box_ul li{margin-bottom: 0;}

.info_jianjie{background: #fff;padding: calc(20px + 4vw) 0; position: relative;}
.info_jianjie .wrap{position: relative;}
.info_jianjie .left{ width: 42%; float: left;}
.info_jianjie .text{ width: 50%;position: absolute;top: 50%; right: 0;transform: translateY(-50%);}
.info_jianjie .text strong{font-size: calc(20px + 1vw); line-height:calc(20px + 1.7vw);  text-transform: uppercase;color: #6a838b;font-family: yingwen; margin-bottom:3vw; display: block;}
.info_jianjie .text p{font-size: 14px; color: #909090;}

.lxwm_text{background: #fff;padding: calc(20px + 3vw) 0; text-align: center; position: relative;}
.lxwm_text .wrap{position: relative;}
.lxwm_text .left{ width: 42%; float: left;}
.lxwm_text .text img{ margin: 0 auto;}
.lxwm_text .text strong{font-size: calc(20px + 1.5vw); color: #6a838b;font-family: yingwen; margin-bottom: 3vw;display: block;}
.lxwm_text .text p{font-size: 14px; color: #909090;line-height: 28px;}

.innovative{position: relative;}
.innovative .img img{min-height: 720px;object-fit: cover;}
.innovative .text{position: absolute;top: 50%;transform: translateY(-50%); width: 100%;}
.innovative .text .left{width: 40%;}
.innovative .text .left strong{font-size: calc(20px + 1.5vw);color: #fff;font-family: yingwen; display: block;margin-bottom: 2vw;}
.innovative .text .left p{font-size:14px;color: rgba(255,255,255,0.5); margin-bottom: 3vw; display: block;}
.innovative .text .left span{font-size: calc(10px + 0.5vw);color: #fff;display: block;margin-bottom: 2vw;font-family: yingwen;}

.info_advantages{padding: calc(20px + 4vw) 0; background: #fff; position: relative;}
.info_advantages .wrap{position: relative;}
.info_advantages_left{width: 38%;position: absolute;float: left; left: 0;top: 0;height: 100vh;}
.info_advantages_left:before{content: '';height: 100%;width:100%;position: relative;}
.info_advantages_left .box{position:absolute; top: 50%;transform: translateY(-50%); width: 90%;max-width: 480px; right: 0;}
.info_advantages_left .box strong{font-size:calc(20px + 1.5vw); color:#6a838b; font-family:yingwen; display:block; margin-bottom:3vw;}
.info_advantages_left .box{font-size:12px; color: #909090; float: right; padding-top:0; line-height:22px;}
.info_advantages .right{ width:50%; float: right;}
.info_advantages .right ul li{margin-bottom: 1vw; overflow: hidden;}
.info_advantages .right ul li img{-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}
.info_advantages .right ul li:hover img{ transform: scale(1.1);}

.fixedabc #info_advantages_left{position: absolute!important;top: inherit!important;bottom: 0!important;}

.Starting .text{position: absolute;top: 50%;transform: translateY(-50%); width: 100%;text-align: center;}
.Starting .text strong{font-size: calc(20px + 1vw); font-weight: 500; color: #fff; font-family: yingwen;display: block;margin-bottom: 1vw;}
.Starting .text span{width: calc(30px + 2vw);height:calc(30px + 2vw);line-height:calc(30px + 2vw);box-sizing: border-box;border: 1px solid rgba(255,255,255,0.2);border-radius: 50%;display: block;text-align: center;margin: 0 auto;overflow: hidden;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.Starting .text span i{font-size: calc(10px + 1vw);color: #fff; font-weight: 100;position: relative;z-index: 5;display: block;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}
.Starting .text span i:nth-of-type(2){transform: translate(-100%,-100%);}
.Starting .text span:hover{transform: scale(1.4);border: 1px dashed rgba(255,255,255,0.2);}
.Starting .text span:hover i{transform: translateX(80px) scale(0.6);}
.Starting .text span:hover i:nth-of-type(2){transform:  translate(0%,-100%) scale(0.6);}

.articlelist_box{background: #fff; padding-top: 3px;}
.articlelist_box .wrap{ padding: calc(20px + 4vw) 0 3vw;}
.articlelist_box ul li{ position: relative; margin-bottom:2vw;}
.articlelist_box ul li a{display: block;}
.articlelist_box ul li .text{ width:45%;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.articlelist_box ul li .img{ width:50%;float: right; max-width: 870px; overflow: hidden;}
.articlelist_box ul li .img img{-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.articlelist_box ul li:hover .img img{ transform: scale(1.2);}
.articlelist_box ul li .text strong{font-size: calc(14px + 0.4vw); color:#333; margin-bottom:3vw; position: relative; font-weight:500;}
.articlelist_box ul li .text strong:before{content: '';width: 0;height: 1px;position: absolute;bottom:-13px;left: 0;background: #6a838b;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.articlelist_box ul li:hover .text strong:before{width:10%;}
.articlelist_box ul li .text span{width:100%; text-align: left;color: #999; display:block; padding-bottom:10px;}
.articlelist_box ul li .text p{width:100%;font-size:14px; color: #909090;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.articlelist_box ul li:nth-of-type(2n) .text{right: 0; left: inherit;}
.articlelist_box ul li:nth-of-type(2n) .img{float: left;}
.articlearticle_box{background: #fff;}
.articlearticle_box .wrap{ padding: calc(20px + 2vw) 0;max-width: 1100px; }
.articlearticle_box .title{ margin-bottom: 30px; padding-bottom:20px; border-bottom: 1px solid #f4f4f4; text-align: center;}
.articlearticle_box .title h1{ font-weight: 500;margin-bottom: 10px;}
.articlearticle_box .title span{ display:inline;margin-right: 20px;font-size: 14px; opacity: 0.5;filter:alpha(opacity=50);}
.articlearticle_box .article_content img{ max-width:100%; display:inline;}
.articlearticle_box .article_content{line-height:24px; color:#666; font-size:16px;}
.articlearticle_box .article_content a{ color:#666;}
.articlearticle_box .article_content a:hover{color:#871326}
.articlearticle_box .article_content span{ display: inline-block;}

.contact_biaodan{ padding: calc(20px + 2vw) 0;background: #fff;position: relative;}
.contact_biaodan .title{ text-align: center; margin-bottom:30px;}
.contact_biaodan .title b{font-size: calc(16px + 1vw); color: #333; font-weight:500; display: block;margin-bottom:5px;}
.contact_biaodan .title p{color: #000;font-size: 12px; opacity: 0.5;filter:alpha(opacity=50);}
#GBookAdd .wenben{ width:calc(100%/3 - 0.8%); float: left; margin-right: 1%; color: #000;}
#GBookAdd .wenben .titles_p{font-size: 14px; margin-bottom: 10px;}
#GBookAdd .wenben .text{ width: calc(100% - 20px); height:58px;line-height:58px; padding: 0 10px; background:#f4f4f4; color: #000;}
#GBookAdd .wenben:nth-of-type(3){margin-right: 0;}
#GBookAdd .neirong{margin-top:12px; margin-bottom:20px;}
#GBookAdd .neirong .cmessage{ width: calc(100% - 22px); padding: 10px; min-height: 150px; background:#f4f4f4;color: #000;}
#GBookAdd .neirong .titles_p{font-size: 14px; margin-bottom: 10px;}
#GBookAdd .submit{ width:200px;height:40px; line-height:40px; display:block; background:#666; color:#fff; margin:0 auto; font-size:16px;}
#GBookAdd .submit:hover{background:#6a838b; cursor:pointer;}
.lxwm_back:before{content: ' ';position: fixed;z-index: 3;top: 0;right: 0; bottom: 0;left: 0;background: url(../images/lxwm_back.png) center 0 no-repeat;background-size: cover;pointer-events:none;}

.swi_scenedisplay .swiper-pagination .swiper-pagination-bullet-active{background: #fff;}
.bennerproduct_mar{padding: 52vh 0 32vh;}

.p5_content_wrap{position: relative;z-index: 5; overflow: hidden;}
.product_out{box-shadow: -10px 0 20px rgba(0,0,0,0.1);}
.productarticle_mar2{z-index: 5; position: relative;}


.bottom_nav{ width: 100%;height: 3rem; position: fixed;bottom: 0; left: 0;z-index: 50; box-shadow: 0 0 5px rgba(0,0,0,0.2); transform: translateY(100%); opacity: 0;filter:alpha(opacity=0);visibility: hidden; display: inherit; background: #fff;display: none;}
.bottom_nav a{ width: calc(100%/3 - 1rem - 1px); float: left; display: block; font-size:1rem;height:3rem;line-height:3rem; text-align: center; background: #6a838b; color:#fff;  border-right: 1px solid rgba(0,0,0,0.1);}
.bottom_nav a i{ margin-right:0.4rem;font-size:1rem; line-height: 3rem; display: inline-block;}
.bottom_nav_active{ transform: translate(0);opacity: 1;filter:alpha(opacity=100);visibility: visible;}
.bottom_nav a.sll_top_ab{ width: calc(3rem - 1px); text-align: center;line-height:3rem; color: #fff; background: #6a838b;}
.bottom_nav a.sll_top_ab i{transform: rotate(-90deg); color: #fff;}
.bottom_nav a.sll_top_ab:hover{background: #6b848b;}
.bottom_nav a.sll_top_ab:hover i{color: #fff;}
.cptjt{ padding-top:40px;}


.pc-vis{display: inherit;}
.phone-vis{display: none;}


@media screen and (max-width: 1380px){
.bennerproduct_mar{padding:45vh 0 31vh;}
}
@media screen and (max-width: 1024px){
.bennerproduct_mar{padding:45vh 0 32vh;}
}
/*----------------------------------------------------------------------------------------ipad样式----------------------------------------------*/
@media screen and (max-width: 1024px){
	.index_jianjie .text{width: 75%;}
	.top .logo img{max-width: 180px;}
	.pageWrapper{position: inherit!important;}
	.case_fixed_img .before{display: none;}
	.case_fixed_img .after{display: none;}
	.case_fixed_img{background-attachment: inherit!important;}
	.Showoffice .swi_Showoffice .swiper-slide .img img{object-fit: cover;}
	.Showoffice .swi_Showoffice .swiper-slide{width: 70%;}
	.caidan .caidan_nav .wrap{top: 50%;}
	.caidan_oppen .caidan_nav .wrap .menu_list_box_item{width: 100%;}
	.caidan .caidan_nav .wrap .menu_list_box_item .caidan_2box{display: none;}
	
	.banner_mar[style^="height: 70vh;"]{height: 20vh!important;}
	.banner_mar[style^="height:70vh;"]{height: 20vh!important;}
	.info_banner{height: 40vh!important;}
	.banner_mar[style^="height: 100vh;"]{height: 40vh!important;}
	.info_jianjie .text strong{font-size: calc(18px + 0.5vw);}
	.innovative .text .left{width: 55%;}
	.innovative .text .left span{font-size: calc(18px + 0.4vw);}
	.info_advantages_left .box strong{font-size: calc(18px + 0.5vw);}
	
	.bennerproduct_mar{padding: 30vh 0 10vh!important;}
	.bennerproduct_mar h1{font-size: 1.6rem;}
	.bennerproduct_mar h3{padding-top: 2px;}
	.productlist_banner img{height: 100vh!important;}
	.product_list_box .product_list_ul li{width: calc(100% / 3 - 15px); margin-right: 15px;}
	.product_list_box .product_list_ul li:nth-of-type(3n){margin-right: 0px;}
	.product_list_box .title{width: 100%;padding-bottom: 1rem; padding-top: 0; margin-bottom: 0; display:none;}
	.ny_box{padding: 1.5rem 0 3rem;}
	.product_list_box .title{ width:92%;margin: 0 auto;display: inherit;}
	
	 /*产品二级栏目*/
	.erji_nav{float: right; margin-top:0.3rem;}
	.erji_nav .menu_b{display: block; color:#999;font-size:12px;}
	.erji_nav .menu_b span i{}
	.erji_nav .menu_b span i:nth-child(1){margin-left: 0;}
	.erji_nav.on{display: none; visibility: hidden; opacity: 0;filter:alpha(opacity=0);}
	.zz_bg_b{visibility: hidden;width: 100%;height: 100%;background: rgba(0,0,0,0.8);opacity: 0;filter:alpha(opacity=0); top: 0;left: 0;}
	.menu_list_b{z-index:9999;display: inherit; visibility:hidden;box-sizing:border-box;padding-top:0rem;background:#fff;transform:translateY(100%); width:100%;bottom: 0;left: 0; height: auto; overflow: hidden;}
	.menu_list_box_b{ height: 100%; overflow-y: scroll;}
	.menu_list_b .menu_list_box_b>li{ width:100%;height:3rem;line-height: 3rem; float: left; display:block;padding:0rem 0; padding-left:1rem; box-sizing:border-box; border-bottom:1px solid #eee;border-right:1px solid #eee;color:#333;font-size:1rem;position: relative;}
	.menu_list_b .menu_list_box_b>li a{ width:100%; display:block;}
	.menu_list_b .menu_list_box_b>li:nth-child(2n){ border-right: 0px;}
	.menu_list_b .menu_list_box_b>li p{display:block; text-align: center; font-size: 14px;padding: 0 1rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.menu_list_b .menu_list_box_b>li.on{background: #999;color: #fff;}
	.menu_list_b .menu_list_box_b>li.on a{color: #fff;}
	.menu_list_b .u_l{display:none;}
	.menu_list_b .right .coll{width:100%; float: left; height: 5rem; background: #6a838b; color: #fff; text-align: center;}
	.menu_list_b .right .coll a{color: #fff;}
	.menu_list_b .right .coll p{padding-top: 1rem; font-size: 0.8rem;}
	.menu_list_b .right .coll b{font-size: 1.4rem; font-weight:500; font-family: shuzifont;}
	.menu_list_b .right .booking{ width: 50%; float: left; height: 5rem; background: #5fba42; position: relative;}
	.menu_list_b .right .booking .text{position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width:9rem;}
	.menu_list_b .right .booking .text i{ float: left; font-size: 2.2rem; margin-right: 0.2rem; margin-top: 0.5rem;}
	.menu_list_b .right .booking a{color: #fff;}
	.menu_list_b .right .booking .text .wen{ float: left;transform: scale(0.8);}
	.menu_list_b .right .booking .text .wen b{ font-size: 1.5rem;}
	.menu_list_b .right .booking .text .wen p{ float: left; font-size: 0.8rem; display: block; text-align:left;}
	.product_out{width: 60%;}
	.product_out .erji_product_box ul li{width:calc(100%/2 - 6px);}
	.product_content img{max-width: 100%;}
	.productarticle_box .left{width: 100%;}
	.productarticle_box .right{width: 100%;}
	.productarticle_box .left img{width: 60%;margin: 0 auto;}
	.productarticle_box .left .swiper-slide{background: #fff;}
}


@media screen and (max-height: 770px){
	.apple-banner .swiper-wrapper .swiper-slide img{height: inherit;}
	.apple-banner .swiper-container{}
	.caidan .caidan_nav .wrap{position: absolute;top: 40%;left: 50%;transform: translateX(-50%);}
	.caidan .caidan_nav .wrap .menu_list_box_item{width: calc(100%/5);float: left;height:calc(35px + 1vw);  text-align: center;position: relative;opacity:1;filter:alpha(opacity=100);visibility: visible;}
	.bottom_nav{display: none;}
}

 @media screen and (max-width: 640px){
	 .top .menu--1{display: inherit!important;}
	 .top .logo{padding-top: 6px;}
	 body{min-width: inherit;}
	 body{padding-bottom: 2.4rem;}
	 .pc-vis{display: none;}
	 .phone-vis{display: inherit;}
	 .sousuo{display: none;}
	 .index_banner{height: 50vh;}
	 .index_banner .swi_index_banner{height: 50vh;}
	 .index_banner .swiper-slide img{height: 50vh;}
	 .index_bannermar{height: 50vh!important;}
	 .index_jianjie{padding: calc(2.5rem + 1vw) 0;}
	 .index_jianjie .title{margin-bottom: calc(10px + 3vw);}
	 .index_jianjie .text{ width: 80%;}
	 .index_jianjie .text p{font-size:0.9rem; line-height:1.3rem; margin-bottom:1rem; word-break:break-all; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden;}
	 .index_jianjie .img:before{width:46%; left:25%;}
	 .index_jianjie .img .more p {opacity:1;filter:alpha(opacity=100);}
	 .index_jianjie .img .more i {opacity:1;filter:alpha(opacity=100);}
	 .index_jianjie .img .more{ top:60%;}
	 .Scroll_sea_box{padding-bottom: 0.2rem;}
	 .Showoffice{padding:10vw 0;}
	 .Showoffice .title p{width:90%; font-size:0.75rem; margin-bottom:1.3rem;}
	 .Showoffice .wrap{ width: 92%;margin: 0 auto;float: inherit;}
	 .Showoffice .swi_Showoffice .swiper-slide{width: 100%;}
	 .Showoffice .swi_Showoffice .swiper-slide-next{cursor: pointer;}
	 .Showoffice .swi_Showoffice .swiper-slide .more{right:1rem; width: 150px;height: 50px;}
	 .Showoffice .swi_Showoffice .swiper-slide .more .left{font-size: 0.75rem;height:50px;line-height: 50px;width: 100px;}
	 .Showoffice .swi_Showoffice .swiper-slide .more .right{width: 50px;height: 50px; line-height: 50px;}
	 .footer{ padding-bottom:5vw;}
	 .footer .right{width: 40%;}
	 .footer .left{width: 60%;}
	 .footer .left ul li{display:none;width: 100%; font-size: 0.75rem;line-height: 20px;height: inherit; transform-origin: left center; margin-top: 0.7rem;}
	 .footer .left ul li:nth-of-type(2){display:inline;}
	 .sll_top{display: none!important;}
	 
	 .ny_banner{height: 20vh!important; overflow:hidden;}
	 .banner_mar{height: 20vh!important; overflow:hidden;}
	 .info_banner{height: 50vh!important;}
	 .banner_mar[style^="height: 100vh;"]{height: 50vh!important;}
	 .product_list_box .product_list_ul{width: calc(96% - 2px);border-right: 1px solid rgba(0,0,0,0.1);border-left: 1px solid rgba(0,0,0,0.1);margin: 0 auto;border-bottom: 1px solid rgba(0,0,0,0.1);border-top: 1px solid rgba(0,0,0,0.1);}
	 .product_list_box .product_list_ul>li{width: calc(50% - 1px)!important;border-bottom: 1px solid rgba(0,0,0,0.1);margin-right: 0!important;margin-bottom: 0; border-right: 1px solid rgba(0,0,0,0.1); padding-bottom: 10px;overflow: hidden;}
	 .product_list_box .product_list_ul>li:nth-of-type(2n){border-right: 1px solid rgba(255,255,255,0);}
	 .product_list_box .product_list_ul li span{bottom: 10px;display: block;height: 20px; overflow: hidden;/*超出部分隐藏*/white-space: nowrap;text-overflow:ellipsis;}
	 .product_list_box .title{width: 100%;padding-bottom: 1rem; padding-top: 0; margin-bottom: 0; display:block;}
	 .ny_box{padding: 1.5rem 0 3rem;}
	 .product_list_box .title{ width:92%;margin: 0 auto;}
	 .product_list_box .title .erji_nav .menu_b{ font-weight:700; color:#333; font-size:1rem;}
	 .product_list_box .wrap{ width: 100%;}
	 .product_out{width:80%;}
	 .product_out .erji_product_box ul li{width:calc(100%/2 - 3px)!important;margin-right: 6px!important;}
	 .product_out .erji_product_box ul li:nth-of-type(2n){margin-right: 0px!important;}
	 
	 .product_out .erji_product_box .pro_close{top: -10%;}
	 .product_out .erji_product_box .title{ text-align:left; padding-left:11%;}
	 .phone_nav {margin-bottom: 0.5rem;}
	 .phone_nav ul li{ width: calc(100% / 3); float: left; padding: 0.6rem 0; text-align: center; font-size: 0.9rem;}
	 .phone_nav ul li.active{ background: #6a838b;}
	 .phone_nav ul li.active a{  color: #fff;}
	 
	 .product_list_box .product_list_ul li .img{ padding:10px;}
	 .product_info_box{padding: 70px 10px 10px;}
	 .product_info_box .product_info .left{width: 100%; margin-bottom: 1rem;}
	 .product_info_box .product_info .right{width: 100%;border: 0;position: relative; padding-top: 6rem; padding-left: 0;}
	 .product_info_box .product_info .right .swi_product_info_thumbs{position: absolute;top: 0;left: 0;}
	 .product_out .erji_product_box .title strong{ font-size:1.5rem;}
	 .product_out .erji_product_box ul li .img img{ padding:0;}
	 .product_out .erji_product_box ul li span{ padding-bottom:0.2rem;}
	 
	 .product_info_box .product_info .right .swi_product_info_thumbs .swiper-slide{ margin-right:9px!important;}
	 .product_info_box .product_info .right .text strong{padding: 10px;font-size: 0.9rem; margin-bottom: 1rem;}
	 .product_info_box .product_info .right .text{font-size: 0.75rem;}
	 .product_details_tabs ul li{width: calc(100% / 3);padding: 1rem 0; text-align: center; margin-right: 0; font-size: 0.75rem;box-sizing: border-box; border-right: 0;}
	 .product_details_tabs ul{border-right: 1px solid rgba(0,0,0,0.1);}
	 .banner_mar2 h1{ font-size:12px;}
	 .productarticle_box .left img{ width:90%;}
	 .caidan .caidan_nav .wrap{top: 50%;transform: translate(-50%,-50%);}
	 .caidan_oppen .caidan_nav .wrap .menu_list_box_item{width: 100%;}
	 .caidan .caidan_nav .wrap .menu_list_box_item .caidan_2box{display: none;}
	 .apple-banner .swiper-slide .title{ display:none;}

	 .info_jianjie {padding:2rem 0;}
	 .info_jianjie .left{width: 100%; margin-bottom: 1rem; float: inherit;}
	 .info_jianjie .text{position: inherit; width: 100%; top: inherit;left: inherit;right: inherit;transform:translate(0);}
	 .info_jianjie .left img{height: 40vh; object-fit: cover; margin-bottom: 2rem;}
	 .info_jianjie .text p{font-size: 0.75rem;}
	 
	 .innovative .text .left{ width: 80%;}
	 .innovative .text .left span{font-size: 1.4rem;}
	 .innovative .text .left img{width: 100%;}
	 .innovative .img img{min-height:500px;}
	 .innovative .text .left p{font-size: 0.75rem; margin-bottom: 2rem;}
	 
	 .info_advantages{padding: calc(20px + 4vw) 0;}
	 .info_advantages_left{width: 100%; position: inherit!important;height: inherit!important; margin-bottom: 2rem;}
	 .info_advantages_left .box{position: inherit;top: inherit;transform: translate(0); width: 100%;}
	 .fixedabc #info_advantages_left{position: inherit!important;}
	 .info_advantages .right{width: 100%;}
	 .info_advantages .wra{width: 92%;margin: 0 auto;}
	 .Starting .img img{ height: 50vh; object-fit: cover;}
	 
	 .articlelist_box .wrap{padding:2rem 0 1rem;}
	 .articlelist_box ul li {margin-bottom:1.5rem;}
	 .articlelist_box ul li .text{width: 100%; position: inherit!important;top: inherit;transform: translate(0);float: inherit;}
	 .articlelist_box ul li .img{width: 100%; float: inherit!important; margin-bottom: 0.6rem;}
	 .articlelist_box ul li .text span{display: none;}
	 .articlelist_box ul li .text p{display: none;}
	 .articlelist_box ul li .text strong{font-size: calc(12px + 2vw);}
	 .articlearticle_box .title{padding-top: 0; margin-bottom: 1rem;}
	 .articlearticle_box .title h1{font-size: 1.3rem;}
	 .articlearticle_box .article_content{font-size:1rem; line-height:1.5rem;}

	 .lxwm_text{ padding: 2rem 0;}
	 .lxwm_text .text span{ display:inline!important;}
	 .lxwm_text .text img{margin:0 auto!important;}
	 .lxwm_text .text p{font-size: 0.75rem;}
	 .BMap_mask{height: 250px!important;}
	 #dituContent{height: 250px!important;}
	 .contact_biaodan .title b{font-size: calc(16px + 1.5vw);}
	 
	 .contact_biaodan .title{margin-bottom: 1rem;}
	 #GBookAdd .wenben .text{}
	 #GBookAdd .wenben{width: 100%; margin-bottom: 0.3rem;}
	 #GBookAdd .neirong{margin-top: 0;}
	 #GBookAdd .submit{ width: 120px;height: 40px;line-height: 40px;}
	 
	 .apple-banner{height: inherit;}
	 .apple-banner .swiper-wrapper{height: inherit;}
	 .apple-banner .swiper-container{height: inherit;}
	 .apple-banner .swiper-wrapper .swiper-slide img{height: inherit;}
	 
	 .index_jianjie .title strong{font-size:calc(18px + 2.5vw);}
	 .index_jianjie .title p{font-size: 0.8rem;}
	 
	 .case_fixed_img .case_tit h3{font-size: 1.5rem!important;}
	 .case_fixed_img .case_tit h4{font-size: 0.9rem!important; width: 70%!important;}
	 .Scroll_sea_box .Scroll_sea_img img{opacity: 0.9;filter: alpha(opacity=90);}
	 .Scroll_sea_box .text strong{font-size: 1rem;}
	 .Scroll_sea_box .wrap{width: 80%;}
	 .Scroll_sea_box .text strong.xinwentext{width: 70%;}
	 
	 .info_jianjie .text strong{font-size: 1.3rem;}
	 .info_jianjie .text p{font-size: 0.9rem;}
	 .innovative .text .left p{font-size: 0.9rem;}
	 
	 .productlist_banner{height: 100vh!important;}
	 .bennerproduct_mar{padding: 30vh 0 10vh!important;}
	 .bennerproduct_mar h1{font-size: 1.6rem;}
	 .bennerproduct_mar h3{padding-top: 2px;}
	 
	 .productlist_banner img{height:60vh!important;}
	 .cpbtlb{margin-left: 0;}
	 .product_list_box{margin-left: 0;}
	 .cpbtlb dt{height: 50px;line-height: 50px; width:100%; background: #6a838b; color:#fff;}
	 .cpbtlb dd{height: 50px;line-height: 50px;display:none;}
	 
	 .productarticle_box .right .text{ padding-top:1rem;}
	 .productarticle_mar2{padding-top:12rem;}
	 .productarticle_box .left{width: 100%;}
	 .productarticle_box .right{width: 100%; padding: 1rem;}
	 .productarticle_box{ padding-top: 10px;}
	 
	 .product_content{padding: 1rem;}
	 .product_content img{max-width: 100%; padding: 0.4rem 0;}
	 
	 .ny_box.product_list_box .cptjt{margin-bottom: 0.5rem;}
	 .product_content_banner{height: 100vh!important;}
	 .product_content_banner .swiper-slide img{ height: 100vh;}
	 
	 .swi_article_hotproduct{}
	 .swi_article_hotproduct .swiper-prapper{ width: inherit;border:0px!important;}
	 .swi_article_hotproduct .swiper-slide{border:0px!important;}
	 .product_list_box .swi_article_hotproduct .product_list_ul>li{border: 0!important;}
	 .product_list_box .swi_article_hotproduct .product_list_ul{width: inherit; border:0px!important;}
	 .productarticle_box .product_list_box{padding-bottom: 1rem;}
	 
	 .articlelist_box ul li .text strong{font-size: 1rem;}	 
	 
	 .pageWrapper{position: inherit!important;}
	 .case_fixed_img .before{display: none;}
	 .case_fixed_img .after{display: none;}
	 .case_fixed_img{background-attachment: inherit!important;}
	 .Showoffice .swi_Showoffice .swiper-slide .img img{object-fit: cover;}
	 .ny_banner .text p{padding: 3px 0;}
	 .info_advantages_left .box strong{font-size:calc(18px + 2.5vw);}
	 .innovative .text .left strong{font-size: calc(18px + 2.5vw);}
	 .ny_banner .text strong{font-size: 14px; font-family: inherit; font-weight: 100;}
	 .ny_banner .text p{font-size: 1.6rem;color: #fff;}
	 .p5_content_wrap{overflow: hidden;}
	 .bottom_nav{ display:block;}
	 

}
@media screen and (max-width: 376px)
.caidan .caidan_nav .wrap {
    top: 40%;
}

	 .sll_top{ width: 40px;height: 40px;background: #6a838b;display: block;text-align: center;line-height: 40px; border-radius: 50%; position: fixed;right:10px;bottom: 30px; box-shadow: 0 0 5px rgba(0,0,0,0.2); cursor: pointer;z-index: 999; transform: translateX(100px);opacity: 0;filter:alpha(opacity=0);}
	.sll_top_b{ transform: translateX(0);opacity: 1;filter:alpha(opacity=100);}
	.sll_top i{ display: block; transform: rotate(90deg); font-size: 10px; color: #fff; font-size: 16px;}