@charset "UTF-8";

html{
  font-size:6.66vw;
}
@media screen and  (min-width:1500px){ /*涓讳綋瀹藉害*/
  html{
  font-size: 100px;
}
}
@media screen and  (max-width:300px){
 html{
   font-size:100px;
 }
}


.w_1920{max-width: 1920px;margin-left: auto;margin-right: auto; position:relative; z-index:6;}
.w_1400{max-width:1400px; margin-right: auto; margin-left: auto; position:relative; z-index:6;}
.w_1016{max-width:1016px; margin-right: auto; margin-left: auto; position:relative; z-index:6;}
.w_width{max-width:1500px; margin-right: auto; margin-left: auto; position:relative; z-index:6;}
.ctext{width:100%; padding-left:1.2rem;padding-right:1.2rem; text-align:justify;}
@media  screen and (max-width: 1024px){
.ctext{padding-left: 15px;padding-right: 15px;}

}

.dowebok{ float:left; width:100%; height:100vh;}
.section{ float:left; width:100%;height:100vh !important; position:relative; z-index:6; overflow:hidden !important; overflow:hidden; line-height: 0;}
.section .bg{ float:left; width:100%; height:100vh !important; object-fit: cover;}
.section .video{ float:left; width:100%; height:100%; position:absolute; left:50%; top:50%;  z-index:3; object-fit:cover; transform:translate(-50%,-50%) scale(1); -ms-transform:translate(-50%,-50%) scale(1); }
.section_last,
.section_last .fp-tableCell{ height:auto !important; overflow:visible !important;}
.section2 .fp-tableCell{ overflow-y: auto;}

@media (max-width: 1024px){
.section{ height: auto !important;/* overflow:visible !important; */}	
.section .fp-tableCell{ height:auto !important; overflow:visible !important;}
.section .bg{ height: auto !important;}

}



@keyframes xiao{
    0%{
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		-webkit-transform: scale(1);
	}
    to{
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
		-webkit-transform: scale(1.1);
	}
}
@-ms-keyframes xiao{
  0%{
  	-moz-transform: scale(1);
  	-ms-transform: scale(1);
  	-o-transform: scale(1);
  	transform: scale(1);
  	-webkit-transform: scale(1);
  }
  to{
  	-moz-transform: scale(1.1);
  	-ms-transform: scale(1.1);
  	-o-transform: scale(1.1);
  	transform: scale(1.1);
  	-webkit-transform: scale(1.1);
  }
}
@-webkit-keyframes xiao{
   0%{
   	-moz-transform: scale(1);
   	-ms-transform: scale(1);
   	-o-transform: scale(1);
   	transform: scale(1);
   	-webkit-transform: scale(1);
   }
   to{
   	-moz-transform: scale(1.1);
   	-ms-transform: scale(1.1);
   	-o-transform: scale(1.1);
   	transform: scale(1.1);
   	-webkit-transform: scale(1.1);
   }
}

.slide_banner{ display: block;  width: 100%; line-height: 0; position: relative; overflow: hidden;}
.slide_banner .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; width:100%;}
.slide_banner .swiper-slide{ flex-shrink: 0; position: relative; transition-property: transform; width:100%;}
.slide_banner .div{ float: left; width: 100%;height:100vh !important; line-height: 0; overflow: hidden; position: relative; display: flex; }
.slide_banner .div a{ float: left; width: 100%; overflow: hidden; position: relative;}
.slide_banner .div .pc{ display:block; width:100%; height:100vh; object-fit: cover;
  -webkit-transition: -webkit-transform 3.5s;
  transition: -webkit-transform 3.5s;
  -o-transition: -o-transform 3.5s;
  -moz-transition: transform 3.5s, -moz-transform 3.5s;
  transition: transform 3.5s;
  transition: transform 3.5s, -webkit-transform 3.5s, -moz-transform 3.5s, -o-transform 3.5s;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transform: scale(1);
   animation:xiao 2s linear;
}
.slide_banner .div .ph{ display:none; width:100%; height:100vh; object-fit: cover;
  /*-webkit-transition: -webkit-transform 3.5s;
  transition: -webkit-transform 3.5s;
  -o-transition: -o-transform 3.5s;
  -moz-transition: transform 3.5s, -moz-transform 3.5s;
  transition: transform 3.5s;
  transition: transform 3.5s, -webkit-transform 3.5s, -moz-transform 3.5s, -o-transform 3.5s;
  -webkit-transition: transform 3.5s;
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transform: scale(1);
  animation:xiao 2s linear;*/
}
.slide_banner .slick-active .pc{
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
/*.slide_banner .slick-active .ph{
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}*/
.slide_banner .div .text{ float: left; position: absolute; left: 0; top:2.6rem; z-index:6; width: 100%;}
.slide_banner .div .bmt0,
.slide_banner .div .bmt6,
.slide_banner .div .bmt16{ text-shadow:0 2px 10px rgba(0,0,0,0.24);}
.slide_banner .div .bmt0{ letter-spacing:0.03rem;}
.slide_banner .div .bmt6{ letter-spacing:0.03rem;}
.slide_banner .slick-track{ display: flex;}
.slide_banner .slick-dots{ float: left; position: absolute; left: 0; bottom:28px; z-index: 6; width: 100%; display:flex; flex-wrap: wrap; justify-content: center;}
.slide_banner .slick-dots li{ width:10px; height:10px; margin: 0 4px; border-radius:10px; background: #fff; border:1px solid #fff; cursor: pointer;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
}
.slide_banner .slick-dots li button{ display:none;}
.slide_banner .slick-dots li.slick-active{ width:30px;}




@media (max-width: 1024px){
.slide_banner .div{ height: auto !important;}	
.slide_banner .div .pc{ display:none;}
.slide_banner .div .ph{ display:block;}
.slide_banner .slick-dots{ bottom:20px;}
.slide_banner .slick-dots li{ width:6px; height:6px; border-radius: 6px; }
.slide_banner .slick-dots li.slick-active{ width:15px;}
.slide_banner .div .bmt0,
.slide_banner .div .bmt6,
.slide_banner .div .bmt16{ text-shadow:0 4px 10px rgba(0,0,0,0.48);}
}
@media (max-width: 767px){
.slide_banner .div .text{ top:4.2rem;}
}

.t_navs{width: 100%;position:fixed; left: 0; top:0; z-index: 20;-webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.t_navs .top {width: 100%;float: left;position: relative; z-index: 20; display:flex; align-items:center; justify-content:space-between; height:0.88rem; padding:0 0.6rem; background: #fff;}
.t_navs .top .logo {line-height: 0;float: left;}
.t_navs .top .logo img {width: auto;height:0.46rem;}
.t_navs .top .logo .show{ display: none;}
.t_navs .top .logo .hide{ display: block;}
.t_navs .top .right {float: right;}
.t_navs .top .search{float: left;width:24px;height:24px;cursor: pointer; background: url(img/_search1.svg) center no-repeat; background-size: 100% 100% !important; margin:1px 0;}
.t_navs .top .lang{float: left; position: relative;margin:0 0.27rem;}
.t_navs .top .lang .ico{float: left;width:26px;height:26px;cursor: pointer; background: url(img/_earth1.svg) center no-repeat; background-size: 100% 100% !important;}
.t_navs .top .lang .down{ display:none; position: absolute; left:50%; top:100%; margin-top:calc(0.44rem - 13px); background: #fff; box-shadow:0 0 6px rgba(0,0,0,0.2); width:80px; transform:translate(-50%,0); -ms-transform:translate(-50%,0); text-align: center; padding:10px 0;}
.t_navs .top .lang .down:after{ display: block; width:10px; height:10px; background: #fff; position: absolute; left:50%; top:0; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); content: '';}
.t_navs .top .lang .down .li{ display: block; width: 100%;}
.t_navs .top .lang .down .li a{ display: block; width: 100%; color: #000; font-size: 16px; line-height:26px; padding:1px 10px;}
.t_navs .top .lang .down .li a:hover{ color: #01b749;}
.t_navs .top .menu {float: left; margin-right:0.46rem;}
.t_navs .top .menu ul {float: left;}
.t_navs .top .menu .nli {float: left; padding:0 0.1rem; margin: 0 0.33rem;}
.t_navs .top .menu .nli span a {display: block;color: #000;position: relative;line-height: 0.88rem;font-size:18px;}
.t_navs .top .menu .nli span a::after {content: "";display: block;width: 0%;height: 2px;background: #01b749;position: absolute;bottom: 0;left: 50%;-oz-transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-o-transition: all 0.5s linear;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);-moz-transform: translateX(-50%);-transform: translateX(-50%);}
.t_navs .top .menu .nli.on span a{color: #01b749;}
.t_navs .top .menu .nli:hover span a{color: #01b749;}
.t_navs .top .menu .nli.on span a::after {width: 100%;}
.t_navs .top .menu .nli:hover span a::after {width: 100%;}
.t_navs .menu-sub{display: none;position: absolute;width:100%;top: 100%;left:0;background: #fff;z-index: 4; border-top:1px solid #f3f3f3;}
.t_navs .menu-sub .ul{width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}
.t_navs .menu-sub .ul .li{ display: flex; flex-wrap: wrap; flex-direction: column; margin:0 1px; padding:0.35rem 0.64rem;}
.t_navs .menu-sub .ul .li .a1{display: block;color: #000;font-size:18px;line-height:28px;}
.t_navs .menu-sub .ul .li:hover{background: #fafafa;}
.t_navs .menu-sub .ul .li:hover .a1{color: #01b74a;}
.t_navs .menu-sub .u2{ display: flex; flex-direction: column; margin-top:4px;}
.t_navs .menu-sub .u2 .l2{ display: flex; flex-wrap: wrap; padding:0.03rem 0;}
.t_navs .menu-sub .u2 .l2 .a2{display: block;color: #79837d;font-size:16px;line-height:26px;}
.t_navs .menu-sub .u2 .l2 .a2:hover{color: #01b74a; text-decoration: underline;}
.t_navs .menu-sub[data-m="2"] .ul{ padding-right:calc(88px + 0.8rem);}
@media screen and (max-width: 1740px) {
.t_navs .menu-sub{ padding-left:0.6rem; padding-right:0.6rem;}	
.t_navs .menu-sub[data-m="2"] .ul{ padding-right:1.9rem;}
}
@media screen and (max-width: 1600px) {
.t_navs .menu-sub[data-m="2"] .ul{ padding-right:2.1rem;}
}
@media screen and (max-width: 1440px) {
.t_navs .menu-sub[data-m="2"] .ul{ padding-right:1.7rem;}
}
@media screen and (max-width: 1360px) {
.t_navs .menu-sub[data-m="2"] .ul{ padding-right:1.8rem;}
}

.t_navs .menuph{ float: right; width:26px; height:26px; cursor: pointer; overflow: hidden;}
.t_navs .menuph .cd-nav-trigger {display: block;width: 26px;height: 26px; position: relative;}
.t_navs .menuph .hamburger,
.t_navs .menuph .hamburger:after,
.t_navs .menuph .hamburger:before {content:"";display:block;width:26px;height:2px;background:#000;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-13px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.t_navs .menuph .hamburger:after {margin-top:-10px;top:0;transition-delay:0.27s;}
.t_navs .menuph .hamburger:before {margin-top:10px;top:0;transition-delay:0.2s;}
.t_navs .menuph .cross:before,
.t_navs .menuph .cross:after {content:"";display:block;width:26px;height:2px;background:#000;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-13px;-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.t_navs .menuph .cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.t_navs .menuph .cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.t_navs .menuph .cross::before,
.t_navs .menuph .cross::after {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.t_navs .menuph.active .hamburger,
.t_navs .menuph.active .hamburger:after,
.t_navs .menuph.active .hamburger:before {-webkit-transform:translateX(70px);transform:translateX(70px);transition-delay:0.12s;}
.t_navs .menuph.active .hamburger:after {transition-delay:0s;}
.t_navs .menuph.active .hamburger:before {transition-delay:0.07s;}
.t_navs .menuph.active .cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);background: #000;}
.t_navs .menuph.active .cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;background: #000;}

.t_navs.active .top{ background: #fff; box-shadow:0 2px 6px rgba(0,0,0,0.2);}

.t_navs1 .top{ background:none;box-shadow:none;}
.t_navs1 .top .logo .show{ display: block;}
.t_navs1 .top .logo .hide{ display: none;}
.t_navs1 .top .menu .nli span a {color: #fff;}
.t_navs1 .top .menu .nli.on span a{color: #fff;}
.t_navs1 .top .menu .nli:hover span a{color: #fff;}
.t_navs1 .top .menu .nli span a::after{ background: #fff;}
.t_navs1 .top .search{ background: url(img/_search.svg) center no-repeat; }
.t_navs1 .top .lang .ico{ background: url(img/_earth.svg) center no-repeat; }
.t_navs1 .menuph .hamburger,
.t_navs1 .menuph .hamburger::after,
.t_navs1 .menuph .hamburger::before{ background: #fff;}
.t_navs1 .menuph .cross::after,
.t_navs1 .menuph .cross::before { background: #fff;}



@media screen and (min-width: 1024px) {
.topbai .top{ background:none;box-shadow:none;}
.topbai .top .logo .show{ display: block;}
.topbai .top .logo .hide{ display: none;}
.topbai .top .menu .nli span a {color: #fff;}
.topbai .top .menu .nli.on span a{color: #fff;}
.topbai .top .menu .nli:hover span a{color: #fff;}
.topbai .top .menu .nli span a::after{ background: #fff;}
.topbai .top .search{ background: url(img/_search.svg) center no-repeat; }
.topbai .top .lang .ico{ background: url(img/_earth.svg) center no-repeat; }
.topbai .menuph .hamburger,
.topbai .menuph .hamburger::after,
.topbai .menuph .hamburger::before{ background: #fff;}
.topbai .menuph .cross::after,
.topbai .menuph .cross::before { background: #fff;}
}


.t_navs2 .top{ background:#fff;box-shadow:0 2px 6px rgba(0,0,0,0.2);}
.t_navs2 .top .logo .show{ display: none;}
.t_navs2 .top .logo .hide{ display: block;}
.t_navs2 .top .menu .nli span a {color: #000;}
.t_navs2 .top .menu .nli.on span a{color: #fff;}
.t_navs2 .top .menu .nli:hover span a{color: #fff;}
.t_navs2 .top .menu .nli span a::after{ background: #fff;}
.t_navs2 .top .search{ background: url(img/_search1.svg) center no-repeat; }
.t_navs2 .top .lang .ico{ background: url(img/_earth1.svg) center no-repeat; }
.t_navs2 .menuph .hamburger,
.t_navs2 .menuph .hamburger::after,
.t_navs2 .menuph .hamburger::before{ background: #000;}
.t_navs2 .menuph .cross::after,
.t_navs2 .menuph .cross::before { background: #000;}

.t_navs3{ position: absolute;}


.t_navs .xialaph { display:none; background: #f6f6f6; position: fixed;left:0;top: 0;float: left;width: 100%; height:100%; z-index:19; padding-top:0.88rem;}
.t_navs .xialaph.act {left: 0;}
.t_navs .xialaph ._bs{width: 100%;}
.t_navs .xialaph .icobox{width:9px;height:9px;position: absolute;right:2px;top: 50%;border-right: 1px solid #01b649;border-top: 1px solid #01b649; display:none;transform: translate(0,-50%) rotate(45deg); -ms-transform: translate(0,-50%) rotate(45deg); }
.t_navs .xialaph .active .icobox{transform: translate(0,-50%) rotate(135deg); -ms-transform: translate(0,-50%) rotate(135deg); }
.t_navs .xialaph .u1 {width: 100%; display: flex; justify-content: center;}
.t_navs .xialaph .l1{width: 19.4%; padding:13.5vh 0.5rem; height:calc(100vh - 0.88rem);}
.t_navs .xialaph .a1box{width: 100%;position: relative;}
.t_navs .xialaph .a1{font-size:24px;color: #01b749;line-height:34px;position: relative;display: block;width: 100%;}
.t_navs .xialaph .u2{width: 100%;padding-top:1.8vh;}
.t_navs .xialaph .l2{width: 100%; padding-top:1.4vh;}
.t_navs .xialaph .a2box{width: 100%;position: relative;}
.t_navs .xialaph .a2{font-size: 16px;color: #61656c;line-height: 26px;position: relative; display: block;width: 100%;}
.t_navs .xialaph .u3{width: 100%;padding:1.5vh 0 1vh 0;}
.t_navs .xialaph .u3 a{font-size:14px;color: #7e7e7e;line-height:24px;display: block; margin-top:0.2vh;}


.t_navs .xialaph .l1:hover{ background:url(img/bg0.jpg) center bottom no-repeat #01b649; background-size:100% auto;}
.t_navs .xialaph .l1:hover .a1{ color: #fff;}
.t_navs .xialaph .l1:hover .a2{ color: #fff;}
.t_navs .xialaph .l1:hover .u3 a{ color: #bbe5cb;}
.t_navs .xialaph .l1:hover .u3 a:hover{ color:#fff;}

@media screen and (max-width: 1700px) {
.t_navs .menu-sub .ul .li{ padding: 0.35rem 0.54rem;}
}
@media screen and (max-width: 1600px) {
.t_navs .menu-sub .ul .li{ padding: 0.35rem 0.44rem;}
.t_navs .xialaph .l1{ padding:12.5vh 0.5rem;}
}
@media screen and (max-width: 1440px) {
.t_navs .top .menu .nli{margin: 0 0.23rem;}
.t_navs .top .menu .nli span a{ font-size:16px;}
.t_navs .menu-sub .ul .li{ padding: 0.35rem 0.34rem;}
.t_navs .menu-sub .ul .li .a1{ font-size:16px; line-height:28px;}
.t_navs .menu-sub .u2 .l2 .a2{font-size:14px;line-height:24px;}
.t_navs .xialaph .l1{ padding:10.5vh 0.4rem;}
}
@media screen and (max-width: 1024px) {
.t_navs .top{ height:52px; padding: 0 15px;}	
.t_navs .top .logo img {height:28px;}
.t_navs .top .lang{margin: 0 14px;}
.t_navs .top .search{ display:none;}
.t_navs .menu {display: none !important;}
.t_navs .xialaph{ padding-top:60px; padding-bottom:60px; overflow-y:auto;}
.t_navs .xialaph .u1{ flex-wrap: wrap;}
.t_navs .xialaph .l1{width:100%; padding:0; height:auto; position: relative;}
.t_navs .xialaph .l1:after{ display: block; content:''; width:100%; position: absolute; left: 0;  bottom:0; border-bottom:1px solid #fff;border-top:1px solid rgba(0,0,0,0.1);}
.t_navs .xialaph .a1box{ padding:12px 0 15px 0;}
.t_navs .xialaph .a1{ font-size:17px; line-height:28px;}
.t_navs .xialaph .u2{display:none; margin-top: -6px; padding:0 15px 15px 15px;}
.t_navs .xialaph .l2{padding:0;}
.t_navs .xialaph .a2box{ padding:3px 0;}
.t_navs .xialaph .u3{display:none; padding:10px 15px;}
.t_navs .xialaph .icobox{ display: block;}
.t_navs .xialaph .u3 a{ margin-top:0; padding:2px 0;}

.t_navs .xialaph .l1:hover{ background:none;}
.t_navs .xialaph .l1:hover .a1{ color: #01b749;}
.t_navs .xialaph .l1:hover .a2{ color: #01b749;}
.t_navs .xialaph .l1:hover .u3 a{ color: #01b749;}


}




.soDown {display: none;float: left;width: 100%;position: fixed;left: 0;top:0.88rem;z-index: 17;background: rgba(255,255,255,0.9);box-shadow: 0 3px 3px rgba(0,0,0,0.15);border-top: 1px solid #f5f5f5;}
._searchs {float: left; width:64%;margin: 40px 18%;}
._searchs input {float: left;height: 40px;border: 0;}
._searchs .but {width: 50px;height: 40px;background: url(img/_search.svg) center no-repeat #2c961e;background-size: 22px auto;}
._searchs .txt {width: -webkit-calc(100% - 50px);width: -moz-calc(100% - 50px);width: calc(100% - 50px);padding: 0 15px;background: #fff;border: 1px solid #2c961e;color: #000;font-size: 14px;}
@media screen and (max-width: 1024px) {
.soDown{ top:52px;}	
._searchs {float: left; width:100%;margin:30px 0;}
}


@keyframes up{
    0%{opacity:1;transform:scale(1); -ms-transform:scale(1);}
	10%{opacity:1;transform:scale(1.1); -ms-transform:scale(1.1);}
	20%{opacity:1;transform:scale(1.2); -ms-transform:scale(1.2);}
	30%{opacity:1;transform:scale(1.3); -ms-transform:scale(1.3);}
	40%{opacity:1;transform:scale(1.4); -ms-transform:scale(1.4);}
	50%{opacity:1;transform:scale(1.5); -ms-transform:scale(1.5);}
	60%{opacity:1;transform:scale(1.6); -ms-transform:scale(1.6);}
	70%{opacity:1;transform:scale(1.7); -ms-transform:scale(1.7);}
	80%{opacity:1;transform:scale(1.8); -ms-transform:scale(1.8);}
	90%{opacity:1;transform:scale(1.9); -ms-transform:scale(1.9);}
    to {opacity:1;transform:scale(2); -ms-transform:scale(2);}
}
@-ms-keyframes up{
    0%{opacity:1;transform:scale(1); -ms-transform:scale(1);}
	10%{opacity:1;transform:scale(1.1); -ms-transform:scale(1.1);}
	20%{opacity:1;transform:scale(1.2); -ms-transform:scale(1.2);}
	30%{opacity:1;transform:scale(1.3); -ms-transform:scale(1.3);}
	40%{opacity:1;transform:scale(1.4); -ms-transform:scale(1.4);}
	50%{opacity:1;transform:scale(1.5); -ms-transform:scale(1.5);}
	60%{opacity:1;transform:scale(1.6); -ms-transform:scale(1.6);}
	70%{opacity:1;transform:scale(1.7); -ms-transform:scale(1.7);}
	80%{opacity:1;transform:scale(1.8); -ms-transform:scale(1.8);}
	90%{opacity:1;transform:scale(1.9); -ms-transform:scale(1.9);}
    to {transform:scale(2); -ms-transform:scale(2);}
}
@-webkit-keyframes up{
    0%{opacity:1;transform:scale(1); -ms-transform:scale(1);}
	10%{opacity:1;transform:scale(1.1); -ms-transform:scale(1.1);}
	20%{opacity:1;transform:scale(1.2); -ms-transform:scale(1.2);}
	30%{opacity:1;transform:scale(1.3); -ms-transform:scale(1.3);}
	40%{opacity:1;transform:scale(1.4); -ms-transform:scale(1.4);}
	50%{opacity:1;transform:scale(1.5); -ms-transform:scale(1.5);}
	60%{opacity:1;transform:scale(1.6); -ms-transform:scale(1.6);}
	70%{opacity:1;transform:scale(1.7); -ms-transform:scale(1.7);}
	80%{opacity:1;transform:scale(1.8); -ms-transform:scale(1.8);}
	90%{opacity:1;transform:scale(1.9); -ms-transform:scale(1.9);}
    to { transform:scale(2); -ms-transform:scale(2);}
}

@keyframes sizeup{
    form{opacity:1;transform:scale(1); -ms-transform:scale(1);}
	10%{opacity:1;transform:scale(1.1); -ms-transform:scale(1.1);}
	20%{opacity:1;transform:scale(1.2); -ms-transform:scale(1.2);}
	30%{opacity:1;transform:scale(1.3); -ms-transform:scale(1.3);}
	40%{opacity:1;transform:scale(1.4); -ms-transform:scale(1.4);}
	50%{opacity:1;transform:scale(1.5); -ms-transform:scale(1.5);}
	60%{opacity:1;transform:scale(1.6); -ms-transform:scale(1.6);}
	70%{opacity:1;transform:scale(1.7); -ms-transform:scale(1.7);}
	80%{opacity:1;transform:scale(1.8); -ms-transform:scale(1.8);}
	90%{opacity:1;transform:scale(1.9); -ms-transform:scale(1.9);}
    to {opacity:1;transform:scale(2); -ms-transform:scale(2);}
}


.mc_a1s4_logo{transform:scale(1); width: 100%; height:100vh;}
.mc_a1s4_sticky{ width: 100%; height:100vh;}
.mc_a1s4{ float: left; width: 100%;}
.a1s4_sticky{ display: block; position:absolute; left: 0; top:0; width:100%; height:100vh; animation:up 10s infinite linear;}
.a1s4_sticky1{ z-index:1; animation-delay:9s;}
.a1s4_sticky2{ z-index:2;}
.a1s4_logo{ display: block; position: relative; z-index:6; width:100%; height:100%;}


/* footer*/
.footer2{ padding:0 0.72rem 0 0.26rem;}
.footer2 .line{ height:1px; background: #9a9a9a;  opacity:0.15;}
.footer3{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding:27px 0.72rem 29px 0.26rem;}
.footer3 .Copyright a{ color: #656565;}
.footer3 .Copyright a:hover{ color: #01b749;}
.footer3 .share{ display: flex;}
.footer3 .share .li{ display: flex; line-height: 0; margin-left:16px; position: relative;}
.footer3 .share .li a{ width:22px; height:22px;}
.footer3 .share .li a img{ width:22px; height:22px;}
.footer3 .share .li a .img1{ display: block;}
.footer3 .share .li a .img2{ display:none;}
.footer3 .share .li:hover a .img1{ display: none;}
.footer3 .share .li:hover a .img2{ display:block;}
.footer3 .share .li .er{ float:left; width:110px; background:#fff; position:absolute; left:50%; bottom:100%; z-index:10; margin-left: -55px; box-shadow:0 0 6px rgba(0,0,0,0.2); margin-bottom:15px;
-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-webkit-transform-origin:50% 80%;
	-moz-transform-origin:50% 80%;
	-ms-transform-origin:50% 80%;
	-o-transform-origin:50% 80%;
	transform-origin:50% 80%;
	-webkit-transform: translateY(0) scale(0);
	-moz-transform: translateY(0) scale(0);
	-ms-transform: translateY(0) scale(0);
	-o-transform: translateY(0) scale(0);
	transform: translateY(0) scale(0)}
.footer3 .share .li .er::after{ display: block; position: absolute; left:50%; top:100%; margin-left:-6px; content: ''; border-left: 6px solid transparent; border-right:6px solid transparent;border-top: 8px solid #fff; }
.footer3 .share .li:hover .er{ opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateY(0) scale(1);
	-moz-transform: translateY(0) scale(1);
	-ms-transform: translateY(0) scale(1);
	-o-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1);}


.footer1{ display:flex; justify-content: space-between; align-items: flex-start; padding:0.94rem 0.72rem 0.52rem 0.26rem;}
.footer1 .left{ width:calc(182px + 3rem); margin-right: 0.22rem;}
.footer1 .logo{ align-items: flex-end;}
.footer1 .logo .a{ line-height:0; margin-right:17px;}
.footer1 .logo .a img{ height:40px;}
.footer1 .logo .c0{ display:flex; font-size:20px; line-height:28px;}
.footer1 .c6{ margin-top:0.34rem;}
.footer1 .nav{display: flex; flex-direction: column;}
.footer1 .nav .tit1{font-size:calc(14px + 0.02rem); line-height:calc(16px + 0.04rem);}
.footer1 .nav .u1{display: flex; flex-direction: column; margin-top:0.11rem;}
.footer1 .nav .tit2{ margin-top:0.1rem; position: relative;font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.04rem);}
.footer1 .nav .tit2:after{ display: flex; content:''; position: absolute; left:0; top:50%; margin-top: -1px; width:0; height:2px; background: #01b74a;}
.footer1 .nav .tit2:hover{ padding-left:16px; color: #01b74a; margin-right:-16px;}
.footer1 .nav .tit2:hover:after{ width:6px;}
.footer1 .nav1{ margin-right: 0.08rem;}
.footer1 .nav2{ margin-right: 0.3rem;}

@media screen and (max-width: 1600px) {
.footer1{ padding:94px 0 52px 0;}
.footer1 .left{ margin-right: 0;}
.footer1 .nav1{ margin-right: 0;}
.footer1 .nav2{ margin-right: 0;}
.footer2{ padding:0;}
.footer3{ padding:27px 0 29px 0;}
}
@media screen and (max-width: 1024px) {
.footer1{ padding:30px 0 25px 0;}
.footer1 .left{ width:100%;}
.footer1 .logo{/* justify-content:center; */}
.footer1 .logo .a{ margin-right:10px;}
.footer1 .logo .a img{ height:28px;}
.footer1 .logo .c0{ font-size:16px; line-height:18px;}
.footer1 .c6{ /* text-align: center; */ margin-top:10px;}
.footer1 .nav{ display:none;}
.footer1 .nav .tit2{margin-top:2px;}
.footer2{ padding:0;}
.footer3{ padding:20px 0 20px 0;justify-content: center;}
.footer3 .left{ width:100%;/* text-align: center; */}
.footer3 .share{ margin-top:10px;}
.footer3 .share .li{ margin:0 6px;}
}

.tpt88{height:100vh; align-content:center; padding-top:0.83rem;}
.h-main1 .img{ line-height:0; margin-top:9px;}

@media screen and (min-height:1080px) {
.h-main1 .img{ line-height:0; margin-top:0.5rem;}
}
@media screen and (max-width:1440px) {
.h-main1 .mt19 br{ display:none;}
}
@media screen and (max-width: 1024px) {
.tpt88{ height: auto; padding-top:60px; padding-bottom:0;}	
.h-main1 .img{ margin-top:20px;}
}

.h-bg1{ position: absolute; right:16.66%; top:0.52rem; z-index: 1; width:4.58rem; line-height:0;}
.h-bg2{ position: absolute; left:-1.1rem; bottom:0.24rem; z-index: 1; width:2.88rem; line-height:0;}
.h-main2 .mt19{ width:54.7%;}
.h-main2 .list{ margin-top: 0.23rem;}
.h-main2 .list .ul{ margin:-0.15rem;}
.h-main2 .list .li{ display: flex; flex-wrap: wrap; width:25%; padding:0.15rem;}
.h-main2 .list .a{ display: flex; flex-wrap: wrap; width:100%; position: relative; overflow: hidden; border-radius:10px;}
.h-main2 .list .a .img{ display: block; width:100%; line-height:0; position: relative; z-index:2; padding-bottom:146.4%;}
.h-main2 .list .a .img img{ position: absolute; left:0; top:0; display: block; width: 100%; height:100%; object-fit: cover;}
.h-main2 .list .a .info{ display: flex; flex-wrap: wrap; width:100%; position: absolute; left:0; top:0; z-index: 6; text-align: center; padding:0.53rem 0.2rem;}
.h-main2 .list .a:hover .img img{ transform: scale(1.1); -ms-transform: scale(1.1);}

@media screen and (min-height:1080px) {
.h-main2 .list{ margin-top:0.48rem;}
}
@media screen and (max-width:1440px) {
.h-main2 .mt19{width:75%;}
}
@media screen and (max-width: 1024px) {
.h-bg1{ right:0; top:0;}	
.h-main2 .mt19{ width:100%;display:none}
.h-main2 .list{ margin-top:20px;}
.h-main2 .list .ul{ margin:-6px;}
.h-main2 .list .li{width:25%; padding:6px;}
.h-main2 .list .a{ border-radius:6px;}
.h-main2 .list .a .info{ padding:20px 12px;}
}
@media screen and (max-width: 767px) {
.h-main2 .list .li{width:50%;}
}


.h-bg5{ position: absolute; right:-2.18rem; top:0.59rem; z-index: 1; width:6.39rem; line-height:0;}
.h-bg4{ position: absolute; left:-0.67rem; bottom:-0.26rem; z-index: 1; width:4.29rem; line-height:0;}
.h-main4 .mt19{ width:54.7%;}
.h-main4 .list{ margin-top: 0.23rem;}
.h-main4 .list .ul{ margin:-0.15rem;}
.h-main4 .list .li{ display: flex; flex-wrap: wrap; width:25%; padding:0.15rem;}
.h-main4 .list .a{ display: flex; flex-wrap: wrap; width:100%; position: relative; overflow: hidden; border-radius:10px;}
.h-main4 .list .a .img{ display: block; width:100%; line-height:0; position: relative; z-index:2; padding-bottom:146.4%; overflow: hidden;}
.h-main4 .list .a .img img{ position: absolute; left:0; top:0; display: block; width: 100%; height:100%; object-fit: cover;}
.h-main4 .list .a .info{ display: flex; flex-wrap: wrap; width:100%; position: absolute; left:0; top:0; z-index: 6; text-align: center; padding:0.53rem 0.2rem;}
.h-main4 .list .a .ico{ width:100%; line-height:0; opacity:0; margin-top:0.6rem;}
.h-main4 .list .a .ico img{ display: block; margin:0 auto; width:0.96rem; height:0.96rem;}
.h-main4 .list .a .fs22{overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;}
.h-main4 .list .a .fs16{ opacity:0; margin-top:0.6rem;}
.h-main4 .list .a .cont{ position: absolute; left:0; bottom:0; z-index:6; display:flex; align-items: center; justify-content: center; color:#fff; font-size:14px; line-height:24px; padding:0.2rem 0.2rem; background: #01b74a; transform:translateY(110%); -ms-transform:translateY(110%);}
.h-main4 .list .a .cont i{ display: flex; width:8px; height:8px; border-top:1px solid #fff; border-right:1px solid #fff; margin-left:10px; transform:rotate(45deg);
  -ms-transform:rotate(45deg);}
.h-main4 .list .a:hover .img{ border-radius:0 0 12px 12px;}
.h-main4 .list .a:hover .img img{ transform: scale(1.1); -ms-transform: scale(1.1);}
.h-main4 .list .a:hover .ico{ opacity:1; margin-top:0.45rem;}
.h-main4 .list .a:hover .fs16{ opacity:1; margin-top:0.37rem;}
.h-main4 .list .a:hover .cont{ transform:translateY(0%); -ms-transform:translateY(0%);}

@media screen and (min-height:1080px) {
.h-main4 .list{ margin-top:0.48rem;}
}
@media screen and (max-width: 1440px) {
.h-main4 .mt19{width:75%;}
.h-main4 .list .a:hover .ico{ opacity:1; margin-top:0.35rem;}
.h-main4 .list .a:hover .fs16{ opacity:1; margin-top:0.27rem;}
}
@media screen and (max-width: 1024px) {
.h-bg5{ right:-1.14rem; top:0;}	
.h-main4 .mt19{ width:100%;display:none}
.h-main4 .list{ margin-top:20px;}
.h-main4 .list .ul{ margin:-6px;}
.h-main4 .list .li{width:25%; padding:6px;}
.h-main4 .list .a{ border-radius:6px;}
.h-main4 .list .a .info{ padding:20px 12px;}
.h-main4 .list .a .ico{ opacity:1; margin-top:12px;}
.h-main4 .list .a .ico img{ width:46px; height:46px;}
.h-main4 .list .a .fs16{ opacity:1; margin-top:12px;}
.h-main4 .list .a .cont{ transform:translateY(0%); -ms-transform:translateY(0%); padding:8px 12px;}
.h-main4 .list .a .cont i{ margin-left:7px;}
.h-main4 .list .a:hover .ico{ opacity:1; margin-top:12px;}
.h-main4 .list .a:hover .fs16{ opacity:1; margin-top:12px;}
}
@media screen and (max-width: 767px) {
.h-main4 .list .li{width:50%;}
}


.h-bg3{ position: absolute; left:-1.6rem; top:2.1rem; z-index: 1; width:3.6rem; line-height:0;}
.h-main3 .slick-list{ overflow: visible;}
.h-main3 .slick-track{display: inline-flex;}
.h-main3 .list{ margin-top: 0.27rem;}
.h-main3 .list .ul{ margin:-0.15rem; width: calc(100% + 0.3rem); display: inline-flex;}
.h-main3 .list .li{ display: flex; flex-wrap: wrap; width:33.33%; padding:0.15rem;}
.h-main3 .list .a{ display: flex; flex-wrap: wrap; width:100%;position: relative;background: #fff;overflow: hidden;border-radius:10px; box-shadow:0 4px 0.5rem 0 #ebedf3;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #ecedf1 80%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #ecedf1 80%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #ecedf1 80%);
  background-image: linear-gradient(top, #ffffff 0%, #ecedf1 80%);
}
.h-main3 .list .a .img{ display: block; width:100%; line-height:0; position: relative; z-index:2; padding-bottom:66.66%; overflow: hidden; }
.h-main3 .list .a .img img{ position: absolute; left:0; top:0; display: block; width: 100%; height:100%; object-fit: cover;}
.h-main3 .list .a .info{ text-align:center; padding:0.68rem 0.95rem 0.4rem 0.95rem;}
.h-main3 .list .a .ico{ width:100%; line-height:0; opacity:0; margin-top:0.6rem;}
.h-main3 .list .a .ico img{ display: block; margin:0 auto; width:0.96rem; height:0.96rem;}
.h-main3 .list .a .c0{overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;}
.h-main3 .list .a .c6{overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2; margin-top:0.18rem;}
.h-main3 .list .a .c8{ display: flex; align-items: center; justify-content: center; margin-top:0.3rem;}
.h-main3 .list .a .c8 i{ display: flex; width:8px; height:8px; border-top:1px solid #737475; border-right:1px solid #737475; margin-left:7px; transform:rotate(45deg);
  -ms-transform:rotate(45deg);}
.h-main3 .list .a:hover .img img{ transform: scale(1.1); -ms-transform: scale(1.1);}
.h-main3 .list .a:hover .c0{ color: #01b749;}
.h-main3 .list .a:hover .c8{ color: #01b749;}
.h-main3 .list .a:hover .c8 i{ border-top:1px solid #01b749; border-right:1px solid #01b749;}

@media screen and (min-height:1080px) {
.h-main3 .list{ margin-top:0.48rem;}
}
@media screen and (max-width: 1600px) {
.h-main3 .list .a .info{ padding:0.48rem 0.75rem 0.4rem 0.75rem;}
.h-main3 .list .a .c6{ margin-top:0.1rem;}
.h-main3 .list .a .c8{ margin-top:0.2rem;}
}
@media screen and (max-width: 1440px) {
.h-main3 .list .a .info{ padding:0.4rem 0.55rem 0.3rem 0.55rem;}
.h-main3 .list .a .c6{ margin-top:0.1rem;}
.h-main3 .list .a .c8{ margin-top:0.15rem;}
}
@media screen and (max-width: 1024px) {
.h-bg3{ left:-0.8rem; top:0;}
.h-main3 .slick-list{ overflow: hidden;}
.h-main3 .list{ margin-top:20px;padding-bottom: 10px;}
.h-main3 .list .ul{ margin:-6px; width: calc(100% + 12px);}
.h-main3 .list .li{ padding:6px;}
.h-main3 .list .a{ border-radius:6px; box-shadow:0 4px 0.25rem 0 #ebedf3;}
.h-main3 .list .a .info{ padding:20px 12px;}
.h-main3 .list .a .c6{ margin-top:6px;}
.h-main3 .list .a .c8{ margin-top:6px;}
}
@media screen and (max-width: 767px) {
.h-main3 .list{ height:calc(6.2rem + 152px);}	
.h-main3 .list .ul{ display: block;}	
.h-main3 .list .li{width:50%; float: left;}
.h-main3 .list .slick-dots{ margin-top:15px;}
}

.swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; width:100%;}
.swiper-slide{ flex-shrink: 0; position: relative; transition-property: transform; width:100%;}

.h-bg7{ position: absolute; left:-3.16rem; top:-0.1rem; z-index: 1; width:6.76rem; line-height:0;}
.h-bg8{ position: absolute; right:3.5rem; bottom:0; z-index: 1; width:3.02rem; line-height:0;}
.h-bg9{ position: absolute; right:-1.3rem; top:-0.3rem; z-index: 1; width:5rem; line-height:0;}
.h-main5 .list{ width:calc(100% + 0.3rem); margin:0.12rem -0.15rem calc(20px + 0.45rem) -0.15rem;}
.h-main5 .list .ul{ display: flex; flex-wrap: wrap; width:100%;}
.h-main5 .list .li{ display: flex; flex-wrap: wrap; width:16.66%; padding:0.15rem;}
.h-main5 .list .a{ display: flex; flex-wrap: wrap; width:100%;position: relative;background: #fff;overflow: hidden; box-shadow:0 0 0.27rem 0 rgba(0,0,0,0.06);}
.h-main5 .list .a .img{ display: block; width:100%; line-height:0; position: relative; z-index:2; padding-bottom:48.23%; overflow: hidden; }
.h-main5 .list .a .img img{ position: absolute; left:0; top:0; display: block; width: 100%; height:100%; object-fit: cover;}
.h-main5 .list .a:hover .img img{ transform: scale(1.1); -ms-transform: scale(1.1);}
.h-main5 .slick-dots{ position: absolute; left:0; bottom:calc(-19px - 0.45rem);}

@media screen and (min-height:1080px) {
.h-main5 .list{ margin-top:0.36rem;}
}
@media screen and (max-width: 1024px) {
.h-main5 .list{ width:calc(100% + 12px); margin:14px -6px 0 -6px;}
.h-main5 .list .li{ padding:6px;}
.h-main5 .slick-dots{ position: absolute; left:0; bottom:calc(-25px - 0.45rem);}
.h-main5 .swiper-slide{ display: block; flex-shrink: 1; transition-property:none;}
}
@media screen and (max-width: 767px) {
.h-main5 .list .li{width:33.33%;}
}




.h-bg10{ position: absolute; left:-2.3rem; top:0.3rem; z-index: 1; width:5.6rem; line-height:0;}
.h-bg11{ position: absolute; right:3.2rem; top:1.2rem; z-index: 1; width:2.26rem; line-height:0;}
.h-bg12{ position: absolute; right:0.41rem; bottom:1.8rem; z-index: 1; width:1.6rem; line-height:0;}
.h-main6{ overflow: hidden;}
.h-main6 .list{ width:132%; margin:0.12rem -16% 0 -16%;}
.h-main6 .list .ul{/* display:block; */ width:100%;}
.h-main6 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; width:100%;}
.h-main6 .swiper-slide{ flex-shrink: 0; position: relative; transition-property: transform; width:100%;}
.h-main6 .list .li{ display: flex; flex-wrap: wrap;align-content: flex-end; width:33.33%; padding:0.15rem;}
.h-main6 .list .a{ display:block; flex-wrap: wrap; width:64.5%;position: relative;background: #fff;overflow: hidden; border-radius:10px; padding:0.2rem 0.2rem 0.26rem 0.2rem; align-items:flex-start;transition:none;
  -moz-transition:none;
  -webkit-transition:none;
  -o-transition:none;}
.h-main6 .list .a .img{ display:block; width:100%; line-height:0; position: relative; z-index:2; padding-bottom:50.84%; overflow: hidden; border-radius:10px; }
.h-main6 .list .a .img img{ position: absolute; left:0; top:0; display: block; width: 100%; height:100%; object-fit: cover;}
.h-main6 .list .a .fs20{ display: flex; align-items:center; margin-top:0.28rem;}
.h-main6 .list .a .time{ white-space: nowrap; margin-right:0.28rem;}
.h-main6 .list .a .time .fs16{ font-weight: normal; margin-left: 0.1rem;}
.h-main6 .list .a .tit{ display: block; width:100%;overflow: hidden;white-space: nowrap; text-overflow:ellipsis; opacity:0;}
.h-main6 .list .a .fs18{ overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2; margin-top:0.1rem; height:calc(44px + 0.16rem);}
.h-main6 .list .a .c8{ display: flex; align-items: center; margin-top:0.25rem;}
.h-main6 .list .a .c8 i{ display: flex; width:8px; height:8px; border-top:1px solid #737475; border-right:1px solid #737475; margin-left:7px; transform:rotate(45deg);
  -ms-transform:rotate(45deg);}
.h-main6 .list .swiper-slide-prev{ justify-content:flex-end;}
.h-main6 .list .swiper-slide-next{ justify-content:flex-start;}

.h-main6 .list .a:hover .img img{ transform: scale(1.1); -ms-transform: scale(1.1);}
.h-main6 .list .a:hover .c0{ color: #01b749;}
.h-main6 .list .a:hover .tit{ opacity:1;}
.h-main6 .list .a:hover .fs18{ color: #555555;}
.h-main6 .list .a:hover .c8{ color: #01b749;}
.h-main6 .list .a:hover .c8 i{ border-top:1px solid #01b749; border-right:1px solid #01b749;}

.h-main6 .list .slick-track{ display: flex; align-items: flex-end;}
.h-main6 .list .slick-current{ width:6.6rem;}
.h-main6 .list .slick-current .a .c0{ color: #01b749;}
.h-main6 .list .slick-current .a .tit{ opacity:1;}
.h-main6 .list .slick-current .a .fs18{ color: #555555;}
.h-main6 .list .slick-current .a .c8{ color: #01b749;}
.h-main6 .list .slick-current .a .c8 i{ border-top:1px solid #01b749; border-right:1px solid #01b749;}

.h-main6 .list .swiper-slide-active .a{ width:100%;}
.h-main6 .list .swiper-slide-active .a .c0{ color: #01b749;}
.h-main6 .list .swiper-slide-active .a .tit{ opacity:1;}
.h-main6 .list .swiper-slide-active .a .fs18{ color: #555555;}
.h-main6 .list .swiper-slide-active .a .c8{ color: #01b749;}
.h-main6 .list .swiper-slide-active .a .c8 i{ border-top:1px solid #01b749; border-right:1px solid #01b749;}

.h-main6 .slick-dots{ margin-top:0.16rem;}
.h-main6 .swiper-pagination{width: 100%; display:flex; flex-wrap: wrap; justify-content: center; width: 100%; z-index: 10; margin-top:0.16rem;}
.h-main6 .swiper-pagination-bullet{ cursor: pointer; display: flex; justify-content: center; align-items: center; width:22px; height:22px; margin:0 2px; border-radius:50%; position: relative;}
.h-main6 .swiper-pagination-bullet:after{ content: ''; display: flex; border-radius:50%; width:10px; height:10px; opacity:0.2; background:none; border:1px solid #000; text-indent:-999px; overflow: hidden; position: absolute; left:50%; top:50%; margin:-5px 0 0 -5px;}
.h-main6 .swiper-pagination-bullet-active{ border: 1px solid #01b74a;}
.h-main6 .swiper-pagination-bullet-active:after{ opacity: 1; background: #01b74a; border:1px solid #01b74a;}

@media screen and (min-height:1080px) {
.h-main6 .list{ margin-top:0.36rem;}
}
@media screen and (max-width:1600px) {
.h-main6 .list .li{ width:3.8rem;}
.h-main6 .list .slick-current{ width:5.5rem;}
.h-main6 .list .a .fs20{ margin-top:0.23rem;}
.h-main6 .list .a .fs18{ margin-top:0.05rem;}
.h-main6 .list .a .c8{ margin-top:0.2rem;}
.h-main6 .slick-dots{ margin-top:0.1rem;}
.h-main6 .swiper-pagination{ margin-top:0.1rem;}
}
@media screen and (max-width: 1480px) {
.h-main6 .list .li{ width:3.62rem;}
.h-main6 .list .a .c8{ margin-top:0.1rem;}
.h-main6 .list .slick-current{ width:5.4rem;}
}
@media screen and (max-width: 1440px) {
.h-main6 .list .li{ width:3.52rem;}
.h-main6 .list .slick-current{ width:5.3rem;}
}
@media screen and (max-width: 1024px) {
#dowebok{ overflow-x:hidden !important;}	
.h-main6{ padding-bottom: 40px;}
.h-main6 .list{ width:132%; margin:14px -16% 0 -16%;}
.h-main6 .list .li{ padding:6px;}
.h-main6 .list .a{ border-radius:6px; padding:10px 10px 15px 10px;}
.h-main6 .list .a .img{ border-radius:6px;}
.h-main6 .list .a .tit{ opacity:1;}
.h-main6 .list .a .time{ display:none;}
.h-main6 .list .a .time .fs16{ font-size:12px;}
.h-main6 .list .a .fs20{ font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem); margin-top:12px;}
.h-main6 .list .a .fs18{ font-size:calc(13px + 0.03rem); line-height:calc(22px + 0.05rem); height:calc(44px + 0.1rem); margin-top:5px;}
.h-main6 .list .a .c8{ margin-top:5px;}
.h-main6 .slick-dots{ margin-top:20px;}
.h-main6 .swiper-pagination{ margin-top:20px;}
.h-main6 .swiper-pagination-bullet{ width:18px; height:18px;}
.parallax{transform: translate3d(0px, 0px, 0px) !important;}
}
@media screen and (max-width: 767px) {
.h-main6 .list{ width:100%; margin:14px 0% 0 0%; padding:0 15%;}	
.h-main6 .list .li{ width:6.52rem;}
.h-main6 .list .slick-current{ width:9.45rem;}
}


.in-banner{ position: relative; line-height:0; overflow: hidden;}
.in-banner .video{ display: block; position: absolute; left:0; top:0; z-index:4; width:100%; height:100%; object-fit: cover; }
.in-bann-text{ position: absolute; left:0; top:45.4%; transform:translateY(-50%); -ms-transform:translateY(-50%);}

@media screen and (max-width: 1440px) {
.in-bann-text .br br{ display:none;}
}
@media screen and (max-width:767px) {
.in-banner-1 .img{ position: absolute; left:0; top:0; z-index:1; width:100%; height:100%; object-fit: cover;}
.in-bann-text-1{ position: relative; top:0; transform:translateY(0%); -ms-transform:translateY(0%); padding-top: 40px; padding-bottom:40px;}
}

.in-banner1{ position: relative; line-height:0; overflow: hidden;}
.in-banner1 .box{ position: absolute; left:0; top:0; z-index:1; width:100%; height:100%;}
.in-banner1 .box .pic{ position: absolute; left:0; top:0; z-index:1; width:100%; height:100%; object-fit: cover;}
.in-banner1 .img{ display: block; margin-top:0.55rem;line-height:0;}
.in-bann-text1{ padding-top:1.9rem;}
.in-bann-text1 .co1{ color: #5d667b;}
.in-bann-text1 .co2{ color: #383837;}
.in-bann-text1 .img1{ display: block;line-height:0; margin-top:0.8rem; padding:0 8.03%;}
.in-bann-text1 .list{ position: absolute; left:0; bottom:9%; padding:0 0 0 0.3rem; height:55%; align-content: center; justify-content:space-between;}
.in-bann-text1 .list .li{ width:35.28%; text-align: center; padding:0.18rem 0;}
.in-bann-text1 .list .li .ico{ line-height:0;}
.in-bann-text1 .list .li .ico img{ width:calc(30px + 0.26rem); height:calc(30px + 0.26rem);}
.in-bann-text1 .list .li .fs30{ display:inline-flex; margin-top:0.1rem;}

.clip{background-image: linear-gradient(to left, #1f4a9d, #3f89d3);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.clip1{background-image: linear-gradient(to left, #73ff7e, #ffffff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.clip2{background-image: linear-gradient(to left, #000000, #565656);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}

@media screen and (max-width:1600px) {
.in-bann-text1 .list{ bottom:4.5%;}
}
@media screen and (max-width:1024px) {
.in-banner1 .img{ margin-top:25px; padding-bottom:calc(70px + 0.65rem);}	
.in-bann-text1 .fs64{font-size: calc(14px + 0.36rem); line-height:calc(22px + 0.38rem);}
.in-bann-text1 .img1{ padding:0;margin-top:25px;}
}
@media screen and (max-width:767px) {	
.in-banner1{ height:17.7rem;}
.in-bann-text1{ padding-top:3.3rem;}
.in-bann-text1 .img1{ padding:0;}
.in-bann-text1 .list{ position: static; bottom:0; height: auto; padding:10px 0 0 0;}
.in-bann-text1 .list .li{ width:25%;}
.in-bann-text1 .list .li .fs30{ font-size:15px; line-height:25px;}
}


.in-banner2{ position: relative; overflow: hidden;}
.in-banner2 .box{ display: block;line-height:0; position: relative; background: #000000;}
.in-banner2 .box .div{ width:100%;}
.in-banner2 .box .div img{ width:100%; opacity:0.64;}
.in-banner2 .box .slick-arrow{ width:63px; height:63px; border:0; border-radius:0;}
.in-banner2 .box .slick-arrow:hover{ background:none; border:0;}
.in-banner2 .box .slick-arrow::after{ width:26px; height:26px;border-top:4px solid #fff; border-right: 4px solid #fff;}
.in-banner2 .box .slick-arrow:hover::after{ opacity:0.6;}
.in-banner2 .box .slick-prev{ left:0.69rem;}
.in-banner2 .box .slick-next{ right:0.69rem;}
.in-bann-text2{ position: absolute; left:0; top:54.21%; transform: translate(0,-50%); -ms-transform: translate(0,-50%); z-index:5;}
.in-bann-text2 .list{ justify-content: center; margin-top:8.21%;}
.in-bann-text2 .list .li{ text-align: center; margin:0 0.6rem;}
.in-bann-text2 .list .li .ico{ line-height:0;}
.in-bann-text2 .list .li .ico img{ width:calc(30px + 0.39rem); height:calc(30px + 0.39rem);}
.in-bann-text2 .list .li .fs30{ margin-top:0.1rem;}
.in-bann-text2 .list .li .fs18{ margin-top:0.05rem;}

@media screen and (max-width:1600px) {
.in-bann-text2{ top:50%;}
.in-bann-text2 .list{ margin-top:6.21%;}
}
@media screen and (max-width:1600px) {
.in-bann-text2{ top:50%;}
.in-bann-text2 .list{ margin-top:5.21%;}
}
@media screen and (max-width:1024px) {	
.in-bann-text2{ padding:0 40px;} 	
.in-bann-text2 .fs64{font-size: calc(14px + 0.36rem); line-height: calc(22px + 0.38rem);}
.in-bann-text2 .list{ margin-top:40px;}
.in-bann-text2 .list .li{ margin:0 8px;}
.in-banner2 .box .slick-arrow{ width:40px; height:40px;}
.in-banner2 .box .slick-arrow::after{ width:18px; height:18px;border-top:2px solid #fff; border-right: 2px solid #fff;}
.in-banner2 .box .slick-prev{ left:0;}
.in-banner2 .box .slick-next{ right:0;}
}
@media screen and (max-width:767px) {	
.in-banner2 .box .div img{ height:17.7rem; object-fit: cover;}
}



.fwzx{ align-items: flex-start;}
.globa{ width:3.48rem; border:1px solid #e7e7e7;}
.globa .title{ background: #fafafa; border-bottom:1px solid #e7e7e7; padding:0.14rem 0.24rem;}
.globa .down{ position: relative;}
.globa .down::after,
.globa .down::before{ display:block; position: absolute; left: 0.22rem;z-index:8; background: #fff;  width:calc(100% - 0.44rem); content:'';}
.globa .down::after{ top:0; height:19px; }
.globa .down::before{ bottom:0; height:23px; }
.globa .box{ position: absolute; left: 0; top:0; z-index: 1; opacity:0;}
.globa .box.on{ position: relative; z-index: 6; opacity: 1;}
.globa .box{ line-height:21px; padding:19px 0.24rem 23px 0.24rem;
overflow:hidden;
 overflow-y:auto;
 scrollbar-width:thin;
 max-height:430px
}
.globa .box::-webkit-scrollbar {
 width:4px
}
.globa .box::-webkit-scrollbar-track{
background-color:#ebebeb;
 border-radius:0
}
.globa .box::-webkit-scrollbar-thumb {
 width:4px;
 height:60px;
 background-color:#434343;
 border-radius:0
}
.globa .box .li{ padding:6px 0 7px 0;}


.Locat{ margin-top:7px; position: relative; width: calc(100% - 33px - 3.48rem);}
.Locat .u1 li{ position:absolute; color: #000000; font-size:15px; line-height: 33px;transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.Locat .u1 li i{ display: block; position: absolute; z-index: 4; transform:translate(-50%,-50%); transform:translate(-50%,-50%); cursor: pointer; display: flex; width: 26px; height: 26px; background:url(img/ico4.png) center no-repeat; background-size:20px 20px !important;}
.Locat .u1 li span{ z-index:5; position: absolute; white-space: nowrap; transform:translate(0,-50%); -ms-transform:translate(0,-50%);}
.Locat .u1 li.on i{ width: 48px; height:48px; background:url(img/ico5.png) center no-repeat; background-size:27px 27px !important;}
.Locat .u2 li{display:none; z-index: 6; position:absolute; float: left;}
.Locat .u2 li .la{ display:block; position: absolute; bottom: 0; width:4.75rem;}
.Locat .u2 li .cont{ display: flex; align-items: center; width:100%; background: rgba(0,0,0,0.83); box-shadow:0 0.07rem 0.46rem 0 rgba(0,0,0,0.07) ; padding:8px 8px;}
.Locat .u2 li .info{ width:100%; padding:2px 2px;}
.Locat .u2 li .img{ line-height:0; min-width: 117px; width:117px; height:117px; margin-right:8px;}
.Locat .u2 li .fs18{ padding-bottom:10px;}
.Locat .u2 li.on{ display: block;}

@media  screen and (max-width:1024px){
.Locat{ width:100%;}	
.Locat .u1 li{ font-size:12px; line-height:20px;}
.Locat .u1 li i{ width: 20px; height:20px; background-size:16px 16px !important;}
.Locat .u1 li.on i{ width: 42px; height:42px; background-size:22px 22px !important;}
.Locat .u2 li.on{ display:none;}

.globa{ width:100%; margin-top:15px;}
.globa .title{ background: #fafafa; border-bottom:1px solid #e7e7e7; padding:8px 15px;}
.globa .down{ position: relative;}
.globa .down::after,
.globa .down::before{ left: 12px; width:calc(100% - 24px);}
.globa .down::after{ height:12px; }
.globa .down::before{ height:12px; }
.globa .box{ padding:12px 15px;max-height:296px}
.globa .box .li{ padding:4px 0;}

}	
@media  screen and (max-width:767px){
.Locat .u1 li:nth-child(5) span{ top:-2px !important; left:auto !important; right:calc(8px + 0.06rem); }
.Locat .u1 li:nth-child(6) span{ top:calc(8px + 0.06rem) !important;left:3px !important;}
.Locat .u2 li{ width:100%; left: 0 !important; top: 0 !important;}
.Locat .u2 li .la{ bottom: 0; width:100%; transform:translate(0,-100%); -ms-transform:translate(0,-100%); margin:-20px; left:0% !important; margin:0;}

}	





.contact{ margin-top:28px;}
.contact ul{ display:flex; flex-wrap: wrap; width:calc(100% + 0.28rem); margin:-0.14rem;}
.contact li{ display:flex; flex-wrap: wrap; align-content:flex-start; width:calc(33.33% - 0.28rem); margin:0.14rem;  background: #fff; text-align: center; padding:0.50rem 0.3rem 32px 0.3rem; position: relative; border-radius:10px;}
.contact li:hover{ box-shadow:0 3px 6px rgba(0,0,0,0.15);}
.contact li .w100{ justify-content:center;}
.contact li .fs20{ font-weight: bold; margin-top:9px;}
.contact li .fs16{ margin-top:5px; color: #79837d;}
.contact li .fs14{ margin-top: 0.26rem; display: flex; justify-content:center; align-items: center;}
.contact li .fs14 img{ width:15px; margin-left:7px;}
.contact li .ico{ line-height: 0; height: 0.56rem;}
.contact li .ico img{ height: 0.56rem;}
.contact li .er{ display: block; line-height:0; box-shadow:0 3px 6px rgba(0,0,0,0.15); width:130px; height:130px; position: absolute; left:50%; bottom:25px; margin-bottom:40px; transform: translate(-50%,0) scale(0); -ms-transform: translate(-50%,0) scale(0); z-index: 10;}
.contact li .er::after{ display: block; content: ''; position: absolute; left:50%; top:100%; transform: translate(-50%,0); -ms-transform: translate(-50%,0);border-left: 6px solid transparent; border-right:6px solid transparent;border-top: 8px solid #fff;  }
.contact li .er img{ width: 100%;}
.contact li:hover .fs14{ color: #01b74a;}
.contact li:hover .er{ transform: translate(-50%,0) scale(1); -ms-transform: translate(-50%,0) scale(1);}


@media  screen and (max-width:1024px){
.contact{ margin-top:15px;}	
.contact ul{ width:calc(100% + 14px); margin:-7px;}
.contact li{ border-radius:6px;padding:20px 10px; width:calc(33.33% - 14px); margin:7px; }
.contact li:last-child .fs14{ display: none;}
.contact li .fs20{ margin-top:5px;}
.contact li .fs16{ margin-top:3px; font-size:14px;}
.contact li .er{ position:static; margin:12px auto 5px auto; width: 110px; height:110px; transform: translate(0%,0) scale(1); -ms-transform: translate(0%,0) scale(1);}
.contact li .er::after{ display:none;}
}
@media  screen and (max-width:767px){
.contact ul{ width:100%; margin:-7px 0;}	
.contact li{ border-radius:6px; width:100%; margin:7px 0; padding:20px 15px; text-align: left;}
.contact li .w100{ justify-content: flex-start;}
.contact li .ico{ width:50px; min-width:50px; height:40px; margin-bottom:-40px;}
.contact li .ico img{ height:40px;}
.contact li .fs14{ padding-left:50px; margin-top:5px;}
.contact li .fs16{ padding-left:50px;}
.contact li .fs20{ padding-left:50px; margin-top:0;}
.contact li .er{ position:static; margin:12px 0 5px 60px;}

}

.contact1{ color: #79837d; margin-top:17px;}

._form{ display: flex; flex-wrap: wrap; justify-content: space-between; background: #fff; border-radius:10px; margin-top:46px; padding:0.44rem 0.6rem 0.69rem 0.6rem;}
._form .m38{ margin-top:0.31rem;}
._form .w31{ width:31.3%;}
._form .w29{ width:29.3%;}
._form .name{ display: block; line-height:28px; padding:6px 0; white-space: nowrap;}
._form .name font{ color: #ff0000; margin-left: 6px;}
._form .text{float: left;width: 100%;background:none;border:1px solid #eeeeee; border-radius:0; color: #000; font-size: calc(14px + 0.02rem); line-height:30px; height:48px; padding:8px 15px;}
._form .textarea{height:170px;}
._form .button{float: left; min-width:214px; width:214px;background:#01b74a; line-height:46px; height:48px; border-radius:0; border: 0;text-align: center; padding-right:48px; position: relative; margin-top:40px;}
._form .button i{ position: absolute; right:0; top:0; background:#00ab45; border-left:1px solid #00ab45; width:48px;height:48px; display: flex; align-items: center; justify-content: center;}
._form .button i img{ width:22px;height:22px;}
._form .button:hover{ background: #00ab45;}
._form .button:hover i{ border-left:1px solid rgba(255,255,255,0.5);}
._form .yanzhengma{ min-width:120px; width:120px; height:48px;border:1px solid #eeeeee; margin-left:10px; object-fit: contain;}
._form .info{ display: flex; flex-wrap: wrap;}
._form .info .li{ display: flex; cursor: pointer; line-height:28px; position: relative; margin:6px 4px 6px 0.36rem; padding-left: 30px;}
._form .info .li::after{ display: block; content: ''; position: absolute; left:0; top:5px; width:20px; height:20px; border:1px solid #e5e5e5;}
._form .info .li.on::after{ background:url(img/ico6.png) center no-repeat #01b74a; background-size:100% 100%;  border:1px solid #01b74a;}

._form ::-webkit-input-placeholder{color:#555555}
._form :-moz-placeholder{color:#555555}
._form ::-moz-placeholder{color:#555555}
._form :-ms-input-placeholder{color:#555555}


@media screen and (max-width:1024px) {
.contact1{ margin-top:15px; font-size:15px;}	
.contact1 br{ display:none;}	
._form{ border-radius:6px; margin-top:25px; padding:20px 15px 30px 15px;}
._form .m38{ margin-top:6px;}
._form .name{ padding:5px 0;}
._form .text{line-height:30px; height:42px; padding:5px 12px;}
._form .button{ min-width:160px; width:160px; line-height:40px; height:42px; padding-right:42px; margin-top:38px;}
._form .button i{ width:42px;height:42px;}
._form .yanzhengma{ min-width:88px; width:88px; height:42px;}
._form .info .li{line-height:28px; margin:5px 0 0 14px; padding-left:22px;}
._form .info .li::after{top:7px; width:16px; height:16px;}
}
@media screen and (max-width:767px) {
._form .w31{ width:100%;}
._form .w29{ width:100%;}
._form .button{ margin-top:15px;}
._form .lab1{ flex-wrap: wrap;}
._form .lab2{ width:100%; display: flex; justify-content: center;}
._form .info{ width:100%;}
._form .info .li{ margin:0 14px 0 0;}
}




.wack1 .pz_fy{ display:flex; justify-content: center; text-align:center;}
.wack1 .pz_fy a { float:left; min-width:38px; height:38px; line-height:36px; border-radius:2px; color:#000000; font-size:14px; margin:0 4px;}
.wack1 .pz_fy a:hover{color:#01b74a;}
.wack1 .pz_fy a.on1{color:#01b74a}
.wack1 .pz_fy a.on{color:#fff; background:#01b74a;}
.wack1 .pz_fy .prev,
.wack1 .pz_fy .next{ margin:0 0.32rem;}
.wack1 .fy_pc{ display:none; justify-content: center; text-align:center; font-size:14px; color:#000000;}
.wack1 .fy_pc a{ padding:4px 25px; color:#fff; background:#01b74a; border-radius:16px; overflow:hidden;}
.wack1 .fy_pc span{ padding:4px 20px 5px 20px; }

@media  screen and (max-width:1024px){	
.wack1 .pz_fy{ display: none;}
.wack1 .fy_pc{ display: flex;}
}


.mbs{ padding:17px 0; color: #79837d; overflow: hidden;white-space: nowrap; text-overflow:ellipsis; }
.mbs a{ color: #79837d;}
.mbs i{ margin:0 6px;}
.mbs .ico{ display: inline-block; vertical-align: top; margin-top:5px; line-height: 0;}
.mbs .ico img{ min-width:16px; width:16px; height:16px;}
.mbs a:hover{ color: #01b74a;}

@media  screen and (max-width:1024px){	
.mbs{ padding:10px 0;}
}


.xw-r{ display: flex; flex-wrap: wrap; align-items: flex-start; width:calc(100% - 243px);}
._newsl .li{ border-bottom:1px solid #ececec; padding:0.6rem 0 0.62rem 0;}
._newsl .li:first-child{ border-top:1px solid #ececec; padding-top:0.52rem;}
._newsl .a{ display: flex; align-items:flex-end;}
._newsl .a .img{ min-width:calc(196px + 1.96rem); width:calc(196px + 1.96rem); height:calc(100px + 1rem); line-height: 0;overflow: hidden;  margin-right:0.36rem; position: relative; border-radius:10px; }
._newsl .a .img img{ position: absolute; left: 0; top:0; display: block; object-fit: cover; width: 100%; height: 100%;}
._newsl .a .tit{ padding-right: 1.5rem; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
._newsl .a .info{ padding-right: 1.5rem; margin-top:0.18rem; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;}
._newsl .a .btn{ align-items: center; margin-top:0.26rem;}
._newsl .a .time{ color: #9fa9af;}
._newsl .a .more{ display: flex; align-items: center; position: relative; border-radius:56px; border:1px solid #01b74a; background:#fff; color: #01b74a; padding:0.12rem 0.45rem; }
._newsl .a .more i{ display: block; transform:rotate(45deg); -ms-transform:rotate(45deg); width:8px; height:8px; border-top:1px solid #01b74a; border-right:1px solid #01b74a; margin-left:10px;}

._newsl .a:hover .img img{ transform:scale(1.1); -ms-transform:scale(1.1);}
._newsl .a:hover .fs22{ color: #01b74a;}
._newsl .a:hover .more{ background:#01b74a; color: #fff;}
._newsl .a:hover .more i{ border-top:1px solid #fff; border-right:1px solid #fff;}


@media  screen and (max-width:1600px){
._newsl .a .tit{ padding-right: 0;}
._newsl .a .info{ padding-right: 0;}
}
@media  screen and (max-width:1024px){
.xw-r{ width:100%;}	
._newsl .li{ padding:20px 0 !important;}	
._newsl .a .img{ border-radius:6px;}
}
@media  screen and (max-width:767px){
._newsl .a{ flex-wrap: wrap;}	
._newsl .a .img{ min-width:100%; width:100%; height:auto;}
._newsl .a .img img{ position: relative;}
._newsl .a .cont{ margin-top: 15px;}
._newsl .a .info{ margin-top:5px;}
._newsl .a .btn{ margin-top: 15px;}
._newsl .a .more{ font-size:12px; padding:4px 20px; }
._newsl .a .more i{ margin-left:5px;}
}

.xw-l{ display: flex; flex-wrap: wrap; align-items: flex-start; width:210px;}
.slide1{}
.slide1 .li{ display: block; width:100%; margin-bottom:0.27rem;}
.slide1 .li a{ display: flex; position: relative; color: #292929; font-size:calc(14px + 0.1rem); line-height:24px; padding:13px 0;}
.slide1 .li a:after{ display: flex; content:''; position: absolute; left:0; top:50%; margin-top: -1px; width:0; height:3px; background: #01b74a;}
.slide1 .li:hover a{ padding-left:40px; color: #01b74a; font-weight: bold;}
.slide1 .li:hover a:after{ width:24px;}
.slide1 .li.on a{ padding-left:40px; color: #01b74a; font-weight: bold;}
.slide1 .li.on a:after{ width:24px;}
@media  screen and (max-width:1024px){
.xw-l{ width:100%;}	
.slide1{ display: flex; flex-wrap: wrap; justify-content:center; margin-top:-5px; border-bottom:1px solid #ececec;}
.slide1 .li{ width: auto; margin:0 12px;}
.slide1 .li a{ padding:0 0 15px 0;}
.slide1 .li a:after{ left:50%; top:auto; bottom:0; height:2px; margin:0 0 0 -12px;}
.slide1 .li:hover a{ padding-left:0;}
.slide1 .li.on a{ padding-left:0;}
}


.xw-year{ display: block; width:60%; margin-bottom:0.52rem; padding:0 10px;}
.xw-year .ul{ display:block; width:100%; text-align: center;}
.xw-year .li{ display: inline-flex; width:20%;}
.xw-year .li a{ display: block; width:100%; position: relative; color: #122b6c; font-size:18px; line-height:24px; padding:13px 0;}
.xw-year .li a:after{ opacity:0; display: flex; content:''; position: absolute; left:50%; bottom:0; margin-left: -3px; width:6px; height:6px; border-radius:6px; background: #01b74a;}
.xw-year .li.on a{ color: #01b74a;}
.xw-year .li.on a:after{ opacity:1;}
.xw-year .slick-arrow{border-radius:0;border:0;}
.xw-year .slick-arrow:hover{ background:none;}
.xw-year .slick-arrow::after{ width:10px; height:10px;border-top: 1px solid #9fa9af; border-right: 1px solid #9fa9af;}
.xw-year .slick-arrow:hover::after{ background:none;border-top: 1px solid #01b74a; border-right: 1px solid #01b74a;}
.xw-year .slick-prev{ left:-22px;}
.xw-year .slick-next{ right:-22px;}

@media  screen and (max-width:1024px){
.xw-year{ width:100%; margin:10px 0;}
.xw-year .li a{ font-size:16px;}
.xw-year .slick-prev{ left:-18px;}
.xw-year .slick-next{ right:-18px;}
}


.bd_weixin_popup{ box-sizing: content-box;}
.nesw1{ display: flex; flex-wrap:wrap; align-items: center; color: #7a7a7a; padding:24px 0 29px 0; border-bottom: 1px solid #e8e8e8; margin-bottom:46px;}
.nesw1 .info{ padding:2px 0;}
.nesw1 .info .p{ margin-right:0.44rem;}
.nesw1 .bdshare{display: flex;align-items: center; padding:2px 0; margin-right:0.4rem;}
.nesw1 .bdshare .fx{ display: flex; align-items: center;}
.nesw1 .bdshare .fx img{width: calc(22px + 0.02rem); margin-right: 6px;}
.nesw1 .bdshare ul{float: left;}
.nesw1 .bdshare li{float: left;margin:0 7px;}
.nesw1 .bdshare li:last-child{ margin-right: 0;}
.nesw1 .bdshare a{float: left;width: calc(22px + 0.02rem) !important;height: calc(22px + 0.02rem) !important; background-size: 100% 100% !important;padding: 0 !important;  margin:0 !important;}
.boxL{ display: flex; flex-wrap: wrap; width:65.85%;}
.boxL .cont{ padding-bottom:50px;}
.boxL ._page{ align-items: center; padding:19px 0; border-top: 1px solid #e5e5e5;}
.boxL ._page .left a{ display:block; padding:5px 0;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:1;}
.boxL ._page .left a:hover{ color: #01b74a;}
.boxL .btn{ float:left; margin-left: 0.4rem;}
.boxL .btn a{ float:left; white-space: nowrap; padding:11px 32px 13px 32px; border-radius:36px; border:1px solid #01b74a; display: flex; align-items: center;background-position:right bottom;}
.boxL .btn a i{ display: block; position: relative; transform:rotate(45deg); -ms-transform:rotate(45deg); width:9px; height:9px;border-bottom:1px solid #01b74a;border-left:1px solid #01b74a; margin-right:15px;}
.boxL .btn a:hover{ color: #fff; border:1px solid #01b74a; background:#01b74a;}
.boxL .btn a:hover i{border-bottom:1px solid #fff;border-left:1px solid #fff;}



@media  screen and (max-width:1024px){	
.nesw1{ padding:10px 0 15px 0; margin-bottom:25px;}	
.boxL{ width:100%;}	
.boxL ._page{ flex-wrap: wrap; padding:20px 0; justify-content: center;}
.boxL ._page .left a{ padding:0;}
.boxL .btn{ margin:15px 0 0 0;}
.boxL .btn a{ padding:4px 25px 6px 25px;}
.boxL .btn a i{ margin-right:5px;}
.boxL .cont{ padding-bottom:20px;}
.boxL .info{ padding:10px 0 18px 0;}
}

.boxR{ display: flex; flex-wrap: wrap; width:28%;}
.boxR .title{ position: relative; display: inline-flex; padding-bottom:3px; border-bottom:2px solid #01b74a;}
._list3 .li{ padding:36px 0 30px 0; border-bottom:1px solid #e8e8e8;}
._list3 .li:last-child{border-bottom:0;}
._list3 .a .img{ line-height:0; overflow: hidden; border-radius:10px;}
._list3 .a .img img{ width:100%;}
._list3 .a .cont{margin-top:28px;}
._list3 .a .tit{overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2; }
._list3 .a .time{ margin-top:12px;}
._list3 .a:hover .img img{ transform:scale(1.1); -ms-transform:scale(1.1);}
._list3 .a:hover .tit{ color: #01b74a;}


@media  screen and (max-width:1024px){
.boxR{ width: 100%;}	
._list3 .ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
._list3 .li{ padding:20px 0 15px 0;}
._list3 .a{ align-items: center; display: flex;}
._list3 .a .img{ border-radius:6px; width:140px; min-width:140px; margin-right:12px;}
._list3 .a .img img{ object-fit: cover;}
._list3 .a .cont{ margin-top:0;}
._list3 .a .tit{font-size:calc(14px + 0.01rem);line-height:calc(22px + 0.01rem);}
._list3 .a .time{ margin-top:0;}
}


@keyframes myfirst
{
0%   { bottom:0.73rem;}
50%  { bottom:0.43rem;}
75%  { bottom:0.43rem;}
100% { bottom:0.73rem;}
}

@-moz-keyframes myfirst
{
0%   { bottom:0.73rem;}
50%  { bottom:0.43rem;}
75%  { bottom:0.43rem;}
100% { bottom:0.73rem;}
}

@-webkit-keyframes myfirst 
{
0%   { bottom:0.73rem;}
50%  { bottom:0.43rem;}
75%  { bottom:0.43rem;}
100% { bottom:0.73rem;}
}

@-o-keyframes myfirst 
{
0%   { bottom:0.73rem;}
50%  { bottom:0.43rem;}
75%  { bottom:0.43rem;}
100% { bottom:0.73rem;}
}

.sy_banner{width: 100%;position: relative; display: block; overflow: hidden; background: #000;}
.sy_banner .img{ width:100%; opacity:0.28;}
.sy_banner .cont{ font-weight: lighter; padding:0.2rem 0.5rem 0 0.5rem;}
.sy_banner .iframe{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index:5;}
.sy_banner .more{width:0.48rem; height:0.48rem; line-height:0; background: #01b74a; border-radius:50%; position: absolute;left: 50%;bottom: 1rem;z-index:8; display: flex; align-items: center; justify-content: center;
transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
-o-transform: translate(-50%,0);
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;
animation:myfirst 1s infinite;
-moz-animation:myfirst 1s infinite; 
-webkit-animation:myfirst 1s infinite; 
-o-animation:myfirst 1s infinite;}
.sy_banner .more img{ width:0.34rem; height:0.34rem;}
.sy_banner .list{ margin-top:1.42rem;}
.sy_banner .list .li{ text-align: center;}
.sy_banner .list .li .num{ font-family:Arial; margin-bottom:0.1rem;}
.sy_banner  .box{ position: absolute; left:0; top:51.6%; z-index: 8; transform: translateY(-50%); -ms-transform: translateY(-50%);}


@media  screen and (max-width:1600px){
.sy_banner .cont{ padding:0.2rem 0 0 0;}
.sy_banner .list{ margin-top:1rem;}
.sy_banner  .box{ top:49%;}
}
@media  screen and (max-width:1600px){
.sy_banner .list{ margin-top:0.6rem;}

}
@media  screen and (max-width:1024px){
.sy_banner .cont{ text-align: left; padding:12px 0 0 0;}	
.sy_banner .more{width:30px; height:30px; margin-bottom:10px; display:none;}
.sy_banner .more img{width:20px; height:20px;}
.sy_banner .img{ position: absolute; left:0; top:0; height:100%; object-fit: cover;}
.sy_banner .list{ margin-top:20px;}
.sy_banner .list .li{ width:50%; margin-top:10px;}
.sy_banner .list .li:nth-child(1),
.sy_banner .list .li:nth-child(2),
.sy_banner .list .li:nth-child(3){ width:33.33%;}
.sy_banner .list .li .num{ margin-bottom: 0;}
.sy_banner  .box{ position:relative; top:0; transform: translateY(0%); -ms-transform: translateY(0%); padding-top:50px; padding-bottom:60px;}
}


.Abox{ position: relative;}
.about-left{ position:fixed; top:0; letf:0; z-index:10;}
.aboutNav{ position: absolute; width:170px; margin-top:3rem;}
.aboutNav .u1{ display: flex; flex-wrap: wrap; flex-direction: column;}
.aboutNav .l1{ display: flex; flex-wrap: wrap; justify-content: flex-end; position: relative;}
.aboutNav .l1 a{ display: flex; flex-wrap: wrap; position: relative; color: #fff; font-size:16px; line-height:34px; padding:5px 16px 5px 0;}
.aboutNav .l1 a::before{display: block; content: ''; position: absolute; right:0; top:50%; margin-top:-3px; width:6px; height:6px; background:#d5d5d5; border-radius:50%;}
.aboutNav .l1 a::after{ display: block; content: ''; position: absolute; right:16px; top:50%; margin-top:12px; width:0; height:1px; background:#01b74a;}
.aboutNav.active .l1 a{color: #000;}
.aboutNav .l1 a.active{ color: #01b74a;}
.aboutNav .l1 a.active::before{ background:#01b74a;}
.aboutNav .l1 a.active::after{ width:calc(100% - 16px);}

@media screen and (max-width:1780px) {
.aboutNav{ width:90px;}
.aboutNav .l1 a{ font-size: 14px; line-height:30px; padding:5px 12px 5px 0;}
.aboutNav .l1 a.active::after{ right:12px; width:calc(100% - 12px);}
}
@media screen and (max-width:1024px) {
.aboutNav{ display:none; width: 100%; top:0 !important; margin-top:0;}
.about-left{ width:100%;}	
.aboutNav{ margin-top:15px;}
.aboutNav.on{ position: fixed; top:0; left: 0; z-index:24; background: #fff; padding: 0 14px; border-top:1px solid rgba(0,0,0,0.1); box-shadow:0 3px 6px rgba(0,0,0,0.1);margin-top:0;}
.aboutNav .u1{ display: flex; width: 100%; flex-wrap:nowrap; justify-content:space-between; flex-direction: row;}
.aboutNav .l1{ width: auto;}
.aboutNav .l1 a{ padding:14px 0;}
.aboutNav .l1 a::after{ right:50%; top:100%; margin-right:-14px;}
.aboutNav .l1 a.active::after{ width:28px;}

}

.about5 .box1{ width:42.85%; margin-top: 0.33rem;}
.about5 .box1 .cont{ color: #79837d; margin-top: 0.33rem;}
.about5 .box2{ width:50.14%; line-height: 0; position: relative; overflow: hidden; box-shadow: 0 0.05rem 0.29rem rgba(0,0,0,0.14);}
.about5 .box2 .img{ width:100%;}
.about5 .box2 .play{ display: block; position: absolute; left:50%; top:50%; width:calc(31px + 0.3rem); height: calc(31px + 0.3rem); z-index:8; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
.about5 .box2 .video{ display: block; position: absolute; left:0; top:0; width:100%; height:100%; z-index:7;}
.about5 .box2 .video video{ display:block; position: absolute; left:0; top:0; width:100%; height:100%; z-index:7; object-fit: cover;}

@media  screen and (max-width:1024px){
.about5 .box1{ width:100%; margin-top:0;}
.about5 .box1 .cont{ margin-top:15px;}
.about5 .box2{ width:100%; margin-top:25px;}
}


.about6 .mt13{ margin-top:13px; width:48%;}
.about6 .box{ margin-top:38px;}
.about6 .box .li{ width:25%; border-right:1px solid rgba(255,255,255,0.29); padding:1.03rem 0.44rem 0.93rem 0.44rem;}
.about6 .box .li .la{ width:100%; transform: translateY(0.88rem); -ms-transform: translateY(0.88rem); display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: center;}
.about6 .box .li .fs24{ margin-top: 0.38rem;}
.about6 .box .li .fs16{ margin-top: 0.74rem; opacity:0;}
.about6 .box .li .ico{ width:calc(50px + 0.5rem); height:calc(50px + 0.5rem); border-radius:50%; border:1px solid #fff; line-height: 0; display: flex; align-items: center; justify-content: center;}
.about6 .box .li .ico img{ width:calc(32px + 0.32rem); height:calc(32px + 0.32rem);}
.about6 .box .li .ino{ position: relative; margin-top: 0.6rem; opacity:0; display:flex; width: 22px; height: 22px; border-radius:50%; background:rgba(255,255,255,0.29); box-shadow:0 0 0.2rem rgba(255,255,255,0.45);}
.about6 .box .li .ino::after{ display: block; content: ''; position: absolute; left: 50%; top:50%; width:10px; height: 10px; background:#fff; border-radius:50%; margin:-5px 0 0 -5px;}
.about6 .box .li:hover{ background:rgba(0,0,0,0.36);}
.about6 .box .li:hover .la{transform: translateY(0); -ms-transform: translateY(0);}
.about6 .box .li:hover .fs16{ opacity:1;}
.about6 .box .li:hover .ino{ opacity:1;}


@media  screen and (max-width:1600px){
.about6 .mt13{ width:56%;}
}
@media  screen and (max-width:1400px){
.about6 .mt13{ width:63%;}
}
@media  screen and (max-width:1024px){
.about6 .mt13{ width:100%;}
.about6 .box{ margin-top:20px;}
.about6 .box .li{ width:50%; padding:30px 15px; border-bottom:1px solid rgba(255,255,255,0.29);  }
.about6 .box .li .la{transform: translateY(0); -ms-transform: translateY(0);}
.about6 .box .li .fs24{ margin-top:12px;}
.about6 .box .li .fs16{ text-align:justify; opacity:1; margin-top:15px;}
.about6 .box .li .ino{ opacity:1; margin-top:15px;width:16px; height: 16px;}
.about6 .box .li .ino::after{ width:8px; height:8px; margin:-4px 0 0 -4px;}
}

.about4 .box0{ display: flex; flex-wrap: wrap; padding:0.72rem 0 0.87rem 0;}
.about4 .box0 .ul{ margin:0 -0.5rem;}
.about4 .box0 .li{ width:20%; border-right:1px solid #ececec; padding:0 0.5rem;}
.about4 .box0 .li:nth-child(5n){border-right:0; }
.about4 .box0 .li .la{ width:100%;}
.about4 .box0 .li .fs18{ padding: 0.4rem 0 0.2rem 0;}
.about4 .box0 .li .ico{line-height: 0; margin-top: -4px;}
.about4 .box0 .li .ico img{ width:calc(30px + 0.3rem); height:calc(30px + 0.3rem);}

.about4 .box1{ display: flex; flex-wrap: wrap; margin-top:30px;}
.about4 .box1 .ul{ margin:-12px;}
.about4 .box1 .li{ width:33.33%; padding:12px;}
.about4 .box1 .li .la{ width:100%; border-radius:10px; overflow: hidden; box-shadow:0 0.08rem 0.1rem rgba(118,118,118,0.06);}
.about4 .box1 .li .fs20{ background: #f7f9fa; text-align: center; padding:0.34rem 0.34rem;}
.about4 .box1 .li .fs16{ padding:0.29rem 0.34rem;}

@media  screen and (max-width:1600px){
.about4 .box0 .ul{ margin:0 -0.4rem;}
.about4 .box0 .li{ padding:0 0.4rem;}	
}
@media  screen and (max-width:1024px){
.about4 .box0 { padding:20px 0 30px 0;}	
.about4 .box0 .ul{ margin:0 -15px;}
.about4 .box0 .li{ padding:0 15px;}	
.about4 .box0 .li .ico{ margin: 0;}
.about4 .box0 .li .fs18{ padding:10px 0 10px 0;}
	
.about4 .box1{ margin-top:20px;}	
.about4 .box1 .ul{ margin:-8px -6px;}
.about4 .box1 .li{ padding:8px 6px;}	
.about4 .box1 .li .la{ border-radius:6px;}
.about4 .box1 .li .fs20{ padding:12px 15px;}
.about4 .box1 .li .fs16{ padding:15px 15px;}
}
@media  screen and (max-width:767px){
.about4 .box1 .li{ width:100%;}	
.about4 .box0 { padding:10px 0 30px 0;}	
.about4 .box0 .ul{ margin:0;}
.about4 .box0 .li{ width:100%;border-right:0;border-bottom:1px solid #ececec; padding:15px 0;}
.about4 .box0 .li .la{ align-items: center; flex-wrap:nowrap;}
.about4 .box0 .li .ico{ min-width:calc(42px + 0.3rem); width:calc(42px + 0.3rem);}
.about4 .box0 .li .fs18{ padding:0;}
}

.about3 .left{ width:38.58%; margin-top: 0.3rem;}
.about3 .c79{ margin-top: 0.23rem;}
.about3 .list{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top:0.2rem;}
.about3 .list .li{ width:49%; margin-top:0.5rem;}
.about3 .list .li .ico{line-height: 0;}
.about3 .list .li .ico img{ width:34px; height:34px;}
.about3 .list .li .c0{ display: flex; align-items: center; margin-top:0.18rem; white-space: nowrap;}
.about3 .list .li .cc{ margin-left: 0.36rem;}
.about3 .list .li sup{ color: #01b74a;font-size:calc(14px + 0.08rem);top: -.2em;}

.about3 .right{ width:53.35%; line-height:0;}
.about3 .img{ margin:-0.15rem -0.2rem;}

@media  screen and (max-width:1600px){
.about3 .list .li{ margin-top: 0.3rem;}
.about3 .list .li .cc{ margin-left: 0.26rem;}
}
@media  screen and (max-width:1440px){
.about3 .left{ width:42.58%;margin-top: 0.1rem;}
.about3 .list .li{ margin-top: 0.3rem;}
.about3 .list .li .c0{ margin-top: 0.14rem;}
.about3 .list .li .cc{ margin-left: 0.16rem;}
}
@media  screen and (max-width:1024px){
.about3 .left{ width:100%; margin-top:0;}
.about3 .c79{ margin-top:15px;}
.about3 .list{ margin-top:10px;}
.about3 .list .li{ margin-top:15px;}
.about3 .list .li .c0{ margin-top:5px;}
.about3 .list .li .cc{ margin-left:8px;}
.about3 .right{ width:100%; margin-top:25px;}	
.about3 .img{ margin:0 -7px;}
}
@media  screen and (max-width:767px){
.about3 .list .li .counter{ font-size:20px;}
}


.about2 .left{ width:32%;}
.about2 .left .fs40{ margin-top: 0.22rem;}
.about2 .left .fs24{ margin-top: 0.1rem;}
.about2 .mt21{ display: flex; margin-top:21px;}
.about2 .right{ width:64%;}
.about2 .box1{ overflow:hidden; background: #fff; border-radius:10px; margin-top:1.34rem; padding:0 0.27rem 0.46rem 0.27rem;}
.about2 .box1:after{ display:block; content: ''; position: absolute; left:0; bottom:0.46rem; width:100%; height:1px; background: #efefef;}
.about2 .box1 .li{ width:33.33%; padding:0.3rem 0.4rem 0.7rem 0.4rem; position: relative;}
.about2 .box1 .li::after{display: flex; position: absolute; left:0.4rem; bottom:0; z-index:6; content:''; width:3px; height:14px; background: #01b74a;}
.about2 .box1 .li .c0{ position:relative; margin-top:5px;}

.about2 .swiper-pagination{ display: flex; color: #000000; font-size:18px; line-height:44px; width: 76px; justify-content: center;}
.about2 .swiper-pagination-current{ color: #01b74a;}
.about2 .swiper-next,
.about2 .swiper-prev{ cursor: pointer; display: flex; width:44px; height:44px; border-radius:8px; position: relative; z-index: 6; }
.about2 .swiper-next::after,
.about2 .swiper-prev::after{ display: flex; position: absolute; left:50%; top:50%; content:''; width:11px; height:11px; transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg); margin-left:2px;}
.about2 .swiper-next{ transform:rotate(180deg); -ms-transform:rotate(180deg);}
.about2 .mt21 .swiper-next,
.about2 .mt21 .swiper-prev{ background: #f7f9fa;}
.about2 .mt21 .swiper-next:hover,
.about2 .mt21 .swiper-prev:hover{ background: #01b74a;}
.about2 .mt21 .swiper-next::after,
.about2 .mt21 .swiper-prev::after{ border-bottom:1px solid #b1b1b1; border-left:1px solid #b1b1b1;}
.about2 .mt21 .swiper-next:hover::after,
.about2 .mt21 .swiper-prev:hover::after{ border-bottom:1px solid #fff; border-left:1px solid #fff;}

.about2 .box1 .swiper-prev,
.about2 .box1 .swiper-next{ position: absolute; top:calc(49px + 0.36rem); margin-top: -22px;}
.about2 .box1 .swiper-prev{ left:0.14rem;}
.about2 .box1 .swiper-next{ right:0.14rem;}
.about2 .box1 .swiper-next::after,
.about2 .box1 .swiper-prev::after{ border-bottom:1px solid #01b74a; border-left:1px solid #01b74a;}

@media  screen and (max-width:1600px){
.about2 .box1 .swiper-prev{ left:0.06rem;}
.about2 .box1 .swiper-next{ right:0.06rem;}
}
@media  screen and (max-width:1024px){
.about2 .box1{ border-radius:6px;}
.about2 .left{ width:100%;}
.about2 .left .fs40{ margin-top: 10px;}
.about2 .left .fs24{ margin-top: 5px;}
.about2 .right{ width:100%; margin-top:15px;}
.about2 .box1{ margin-top:30px; padding:0 10px 20px 10px;box-shadow: 0 0.05rem 0.29rem rgba(0,0,0,0.14);}
.about2 .box1:after{ bottom:20px;}
.about2 .box1 .li{ padding:20px 10px 30px 10px;}
.about2 .box1 .li .c0{font-size:14px;line-height:22px;}
.about2 .swiper-pagination{ line-height:30px; width:66px; font-size: 16px;}
.about2 .swiper-next,
.about2 .swiper-prev{ width:30px;height:30px; border-radius:4px; }
.about2 .swiper-next::after,
.about2 .swiper-prev::after{ width:9px; height:9px;}
.about2 .box1 .swiper-prev{ opacity:0; left:-5px;}
.about2 .box1 .swiper-next{ opacity:0; right:-5px;}
}
@media  screen and (max-width:767px){
.about2 .box1 .li{ width:50%;}
}


.Solut1 .ul{ margin:-0.2rem;}
.Solut1 .li{display: flex; flex-wrap: wrap; width:50%; padding:0.2rem;}
.Solut1 .a{ display: flex; flex-wrap: wrap; justify-content:center; align-items: flex-start; background: #fbfbfb; border-radius:10px; padding:0.66rem 0.56rem 0.61rem 0.56rem;}
.Solut1 .a .ico{ text-align:center; line-height: 0;}
.Solut1 .a .ico img{ width:calc(34px + 0.34rem); height:calc(34px + 0.34rem);}
.Solut1 .a .c0{ text-align: center; margin-top: 0.24rem; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;}
.Solut1 .a .c79{ margin-top:0.38rem; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;}
.Solut1 .a .more{ display:inline-flex; align-items: center; position: relative; border-radius:56px; border:1px solid #01b74a; color: #01b74a; padding:0.12rem 0.45rem; margin-top:0.51rem; }
.Solut1 .a .more i{ display: block; transform:rotate(45deg); -ms-transform:rotate(45deg); width:8px; height:8px; border-top:1px solid #01b74a; border-right:1px solid #01b74a; margin-left:10px;}

.Solut1 .a:hover{  background: #fff; box-shadow:0 0.06rem 0.59rem rgba(168,168,168,0.18);}
.Solut1 .a:hover .more{ background:#01b74a; color: #fff;}
.Solut1 .a:hover .more i{ border-top:1px solid #fff; border-right:1px solid #fff;}

@media  screen and (max-width:1024px){
.Solut1 .ul{ margin:-6px;}
.Solut1 .li{ padding:6px;}	
.Solut1 .a{ border-radius:6px; padding:25px 15px;}
.Solut1 .a .c0{ margin-top:12px;}
.Solut1 .a .c79{ margin-top:8px;font-size:14px;line-height:22px;}
.Solut1 .a .more{ margin-top:15px;}
}
@media  screen and (max-width:767px){
.Solut1 .li{ width:50%;}
.Solut1 .a .more{ font-size:12px; padding:4px 20px; }
.Solut1 .a .more i{ margin-left:5px;}
}


.SolutTit{ border-bottom:1px solid #e7e7e7;}
.SolutTit .line{ display: inline-flex; position: relative; padding-bottom:21px;}
.SolutTit .line:after{ display:block; content:''; position:absolute; left:0; bottom:-1px; width:100%; height:3px; background:#01b74a;}
.Solut2{ padding-bottom:0.8rem; border-bottom:1px solid #e7e7e7;}
.Solut2 .fs30{ width:14%;}
.Solut2 .fs18{ width:83.21%;}
.Solut3{ padding-top:0.6rem;}
.Solut3 .left{ width:70%; margin-top:0.2rem;}
.Solut3 .left .fs18{ margin-top:0.25rem;}
.Solut3 .left .p{ width:100%; position: relative; display: flex; padding-left: 17px;}
.Solut3 .left .p::after{display: block; content:''; position: absolute; left:0; top:calc(8px + 0.04rem); width:6px; height:6px; border-radius:50%; background:#01b74a;}
.Solut3 .right{ width:27.42%; line-height:0; border:1px solid #e7e7e7;}
.Solut4{ position: relative; margin-top:0.94rem;}
.Solut4 .table{ margin-top:39px;}
.Solut5 .fs18{ margin-top:32px;}
.Solut5 .btn{ align-items: center; margin-top:0.89rem;}
.Solut5 .btn a{ color: #01b74a; font-size:14px; line-height:28px;}
.Solut5 .btn .fh{ margin:0 0.65rem; border-bottom:1px solid #01b74a;}
.Solut5 .btn .fh{ margin:0 0.65rem;}
.Solut5 .btn .prev,
.Solut5 .btn .next{ border:1px solid #01b74a; padding:0.12rem 28px; border-radius:54px; min-width:calc(64px + 1rem); display: flex; align-items: center; justify-content:space-between;}
.Solut5 .btn .prev i,
.Solut5 .btn .next i{ display: block; transform:rotate(45deg); -ms-transform:rotate(45deg); width:8px; height:8px; border-top:1px solid #01b74a; border-right:1px solid #01b74a;}
.Solut5 .btn .prev i{ transform:rotate(225deg); -ms-transform:rotate(225deg);}
.Solut5 .btn .prev:hover,
.Solut5 .btn .next:hover{ background: #01b74a; color: #fff;}
.Solut5 .btn .prev:hover i,
.Solut5 .btn .next:hover i{ border-top:1px solid #fff; border-right:1px solid #fff;}


.Solut5 .btn .prev span{padding-left:20px;}
.Solut5 .btn .next span{padding-right:20px;}

@media  screen and (max-width:1024px){
.SolutTit .line{ padding-bottom:15px;}	
.Solut2{ padding-bottom:30px;}
.Solut2 .fs30{ width:100%;}
.Solut2 .fs18{ width:100%; margin-top:10px;}
.Solut3{ flex-wrap:wrap-reverse; padding-top:30px;}
.Solut3 .left{ width:100%; margin-top:0;}
.Solut3 .left .fs18{ margin-top:10px;}
.Solut3 .right{ width:100%; margin-bottom:25px;}
.Solut4{ margin-top:30px;}
.Solut4 .table{ margin-top:20px; overflow-x: auto;}
.Solut4 .table table{ min-width:1024px; width:1024px;}
.Solut5 .fs18{ margin-top:20px;}
.Solut5 .btn{ margin-top:20px;}
.Solut5 .btn .fh{ margin:0 20px;}
.Solut5 .btn .prev,
.Solut5 .btn .next{ padding:2px 18px 3px 18px; }

.Solut5 .btn .prev span{padding-left:10px;}
.Solut5 .btn .next span{padding-right:10px;}

}

.Solut6 .ul{ margin:-0.2rem;}
.Solut6 .li{display: flex; flex-wrap: wrap; width:33.33%; padding:0.2rem;}
.Solut6 .a{ display: flex; flex-wrap: wrap; align-items: flex-start; background: #fbfbfb; border:1px solid #efefef; border-radius:10px; padding:0.54rem 0.4rem 0.35rem 0.4rem;}
.Solut6 .a .ico{ display: flex; justify-content:flex-end; line-height: 0; margin-top:0.76rem;}
.Solut6 .a .ico img{ width:calc(34px + 0.34rem); height:calc(34px + 0.34rem);}
.Solut6 .a .ico .img1{ display: block;}
.Solut6 .a .ico .img2{ display: none;}
.Solut6 .a .c0{ width:85%; margin-top:0.15rem;}
.Solut6 .a:hover{  background: #01b74a; border:1px solid #01b74a; border-radius:0.3rem;}
.Solut6 .a:hover .cc{ color: #fff;}
.Solut6 .a:hover .c0{ color: #fff;}
.Solut6 .a:hover .ico .img1{ display: none;}
.Solut6 .a:hover .ico .img2{ display: block;}

.Solut6-1 .li:nth-child(1) .a .ico img{ transform: rotate(90deg); -ms-transform: rotate(90deg);}

@media  screen and (max-width:1024px){
.Solut6 .ul{ margin:-7px -6px;}
.Solut6 .li{ padding:7px 6px;}	
.Solut6 .a{ border-radius:6px; padding:20px 15px;}
.Solut6 .a .c0{ margin-top:8px;}
.Solut6 .a .ico{ margin-top:20px;}
.Solut6 .a:hover{ border-radius:6px;}
}
@media  screen and (max-width:767px){
.Solut6 .li{ width:100%;}
}

.Solut7A{ overflow: hidden; position: relative;}
.Solut7{ position: relative; padding:0 0 53px 0;}
.Solut7::after{ display:block; content:''; position:absolute; left:50%; bottom:0; z-index:1; width:3000px;  height:65.5%; background:#f7f7f7; transform: translateX(-50%); -ms-transform: translateX(-50%);}
.Solut7 .ul{ position: relative; z-index:6; margin:-0.2rem;}
.Solut7 .li{display:block; width:25%; padding:0.2rem; height:493px;}
.Solut7 .a{ display:block; text-align: center; padding:0.34rem 0.34rem 0.27rem 0.34rem; position: relative;}
.Solut7 .a::after{ display: block; content:''; position: absolute; left:0; top:0; width:100%; height:100%; background: #fff; border-radius:10px; box-shadow:0 0.06rem 0.59rem rgba(168,168,168,0.18);}
.Solut7 .a .img{ position:relative; padding-bottom:100%; line-height:0; overflow: hidden;}
.Solut7 .a .img img{ display: block; position: absolute; left:0; top:0; width:100%; height:100%; object-fit: cover;}
.Solut7 .a .cont{ padding-top:0.24rem;}
.Solut7 .a .fs18{ overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;}
.Solut7 .a .fs16{ margin-top:0.15rem; overflow: hidden;text-overflow: ellipsis; display:none; -webkit-box-orient: vertical;-webkit-line-clamp:2;}
.Solut7 .a .more{ display:none; align-items: center; position: relative; border-radius:56px; background:#01b74a; border:1px solid #01b74a; color: #fff; padding:0.12rem 0.45rem; margin-top:0.21rem; }
.Solut7 .a .more i{ display: block; transform:rotate(45deg); -ms-transform:rotate(45deg); width:8px; height:8px; border-top:1px solid #fff; border-right:1px solid #fff; margin-left:10px;}
.Solut7 .a:hover::after{ height:100% !important;}
.Solut7 .a:hover .img{ padding-bottom:75.4%;}
.Solut7 .a:hover .fs16{ display: -webkit-box;}
.Solut7 .a:hover .more{ display:inline-flex;}

@media  screen and (max-width:1600px){
.Solut7 .a{ padding:0.34rem 0.24rem 0.27rem 0.24rem;}
}
@media  screen and (max-width:1024px){
.Solut7{ padding:0 0 40px 0;}	
.Solut7::after{ height:76%;}
.Solut7 .ul{ margin:-6px;}
.Solut7 .li{ display: flex; padding:6px; height: auto;}	
.Solut7 .a{ padding:12px 12px 20px 12px;}
.Solut7 .a::after{ border-radius:6px; height:100%;}
.Solut7 .a:hover .img{ padding-bottom:100%;}
.Solut7 .a .fs18{ margin-top:15px;}
.Solut7 .a .fs16{ font-size:14px; line-height: 22px; margin-top: 5px; display: -webkit-box;}
.Solut7 .a .more{ font-size:12px; margin-top:15px; padding:3px 20px 4px 20px;  display:inline-flex;}
.Solut7 .a .more i{ margin-left:5px;}
}
@media  screen and (max-width:767px){
.Solut7::after{ height:86%;}	
.Solut7 .li{ width:50%;}
}

.SolutText{ margin-top:17px; padding:0 16%;}

@media  screen and (max-width:1600px){
.SolutText{ margin-top:17px; padding:0 10%;}
}
@media  screen and (max-width:1400px){
.SolutText{ margin-top:17px; padding:0 6%;}
}
@media  screen and (max-width:1024px){
.SolutText{ margin-top:15px; padding:0; font-size:14px; line-height:24px;}
}

.tab-more{ display:none; position: absolute; right:0; top:0; color: #01b74a; font-size:14px; line-height:calc(22px + 0.24rem);}
@media  screen and (max-width:900px){
.tab-more{ display:block;}	
.Solut8{ overflow-x: auto;}
.Solut8 table{ min-width:900px; width:900px;}
}

.Solut9 .li{ overflow: hidden; border-radius:10px;}
.Solut9 .a{ display: block; position: relative;}
.Solut9 .a .img{ line-height:0;}
.Solut9 .a .cont{ position:absolute; right:0; top:50%; width:4.04rem; transform: translateY(-50%); -ms-transform: translateY(-50%); margin-top:0.17rem; background:#01b74a; padding:0.44rem 0.78rem 0.67rem 0.3rem; overflow: hidden;}
.Solut9 .a .cont::after{ display: block; content: ''; position: absolute; left:-0.32rem; bottom:-1px; width:9.27rem; height:1.67rem; background: url(img/logo2.png) center no-repeat; background-size:contain;}
.Solut9 .a .fs24{ position: relative; z-index:6; overflow: hidden;text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;} 
.Solut9 .a .fs18{ position: relative; z-index:6;overflow: hidden;text-overflow: ellipsis; display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2; margin-top:0.18rem;} 
.Solut9 .a .more{ position: relative; z-index:6; display:inline-flex; align-items: center; position: relative; border-radius:56px; background:#fff; border:1px solid #fff; color: #01b74a; padding:0.12rem 0.45rem; margin-top:0.5rem; }
.Solut9 .a .more i{ display: block; transform:rotate(45deg); -ms-transform:rotate(45deg); width:8px; height:8px; border-top:1px solid #01b74a; border-right:1px solid #01b74a; margin-left:10px;}
.Solut9 .a .more:hover{ background:rgba(0,0,0,0.2); border:1px solid  rgba(0,0,0,0); color: #fff;}
.Solut9 .a .more:hover i{ border-top:1px solid #fff; border-right:1px solid #fff;}
.Solut9 .slick-dots{ position:absolute; left:0; bottom:14px; z-index:6;}

.Solut9 .slick-dots li button{ background:#000;border:0; opacity:0.58;}
.Solut9 .slick-dots li.slick-active{ border:none;}
.Solut9 .slick-dots li.slick-active button{ background:#01b74a;border:0; opacity:1;}

@media  screen and (max-width:1600px){
.Solut9 .a .cont{ padding:0.44rem 0.58rem 0.54rem 0.3rem;}
.Solut9 .a .more{ margin-top:0.4rem; }
}
@media  screen and (max-width:1024px){
.Solut9 .li{ border-radius:6px;}
.Solut9 .a .more{ font-size:12px; margin-top:12px; padding:1px 16px 2px 16px;}
.Solut9 .a .more i{ margin-left:4px;}
.Solut9 .a .cont{ width:5.64rem; padding:15px 15px 20px 15px;}
.Solut9 .a .fs18{ margin-top:3px;-webkit-line-clamp:1; }
}
@media  screen and (max-width:767px){
.Solut9 .a .img img{ height:7rem; object-fit: cover;}	
.Solut9 .a .cont{ position: static; width:100%; transform: translateY(0%); -ms-transform: translateY(0%); margin-top:0; }
.Solut9 .a .cont::after{left:auto;right:-1px; width:6.66rem; height:1.2rem;}
.Solut9 .slick-dots li button{ background:#fff;}
.Solut9 .slick-dots li.slick-active button{ background:#fff;}
}

.Solut10{ display:none; float:left; width:100%; height:100vh; position: fixed; left:0; top:50%; z-index:30; background: #000; opacity:0.53;transform: translate(0,-50%); -ms-transform: translate(0,-50%);}
.Solut11{ display:none; float:left; width:100%; position: fixed; left:0; top:50%; z-index:32; transform: translate(0,-50%); -ms-transform: translate(0,-50%);}
.Solut11 .w_1016{ z-index:32; }
.Solut11 .poup{ width:100%; background: #fff; padding:0.47rem 7px 0.44rem 7px;}
.Solut11 .fs18{ padding:0.06rem 0 0.32rem 0; border-bottom:1px solid #f1f1f1;}
.Solut11 .fs20{ position: relative; border-bottom:1px solid #f1f1f1; padding:0.2rem 0 0.2rem 32px;}
.Solut11 .fs20::after{ display: block; content:''; position: absolute; left:0; top:50%; width:20px; height: 3px; background: #01b74a; margin-top: -1px;}
.Solut11 .fs16{ margin:0.16rem 0 0.05rem 0;}
.Solut11 .top{ padding:0 0.54rem;}
.Solut11 .box{ padding:0.2rem 0.54rem; overflow:hidden;
 overflow-y:auto;
 scrollbar-width:thin;
 max-height:460px
}
.Solut11 .box::-webkit-scrollbar {
 width:8px
}
.Solut11 .box::-webkit-scrollbar-track
{
background-color:#eeeeee;
 border-radius:0
}
.Solut11 .box::-webkit-scrollbar-thumb {
 width:8px;
 height:60px;
 background-color:#c5c5c5;
 border-radius:0
}

@media  screen and (max-width:1440px){
.Solut11 .poup{ padding:25px 7px;}
.Solut11 .fs18{ padding:3px 0 15px 0;}
.Solut11 .fs20{padding:10px 0 10px 24px;}
.Solut11 .fs20::after{ width:16px; height:2px;}
.Solut11 .fs16{ margin:12px 0 3px 0;}
.Solut11 .box{ padding:8px 12px; max-height:410px;}
.Solut11 .top{ padding:0 12px;}
}


.ylsms1 .left{ width:20%;}
.ylsms1 .right{ width:76%;}
.yl-line{ position: relative; display: block; padding-left:calc(20px + 0.2rem); background: url(img/ylsms1.png) left center no-repeat; background-size:calc(14px + 0.05rem) auto;}
.yl-l40{ padding-left:calc(20px + 0.2rem);}

@media  screen and (max-width:1024px){
.ylsms1 .left{ width:100%;}
.ylsms1 .right{ width:100%; margin-top:15px;}
}

.ylsms3{ position: relative;}
.ylsms3::after{ display: block; content:''; position: absolute; left:0; top:0; width:100%; height:100%; background: #000; opacity:0.4;}
.ylsms3 .list{ display: flex; flex-wrap: wrap;}
.ylsms3 .list .li{position: relative; width:25%; padding:0.73rem 0.38rem 1.25rem 0.38rem; background: url(img/ylsms7.png) right bottom no-repeat;}
.ylsms3 .list .li:last-child{background:none;}
.ylsms3 .list .li .ico{ line-height:0; text-align: center;}
.ylsms3 .list .li .ico img{ width:calc(34px + 0.2rem); height:calc(34px + 0.2rem);}
.ylsms3 .list .li .fs24{ text-align: center; margin-top:12px;}
.ylsms3 .list .li .cont{ opacity:0.67; margin-top:0.2rem; overflow: hidden; height:calc(132px + 0.24rem);}
.ylsms3 .list .li .ino{ cursor: pointer; position: relative; height:20px; margin-top:0.17rem;}
.ylsms3 .list .li .ino:after{ display: block; width: 14px; height:14px; content: ''; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(135deg); margin-top:-4px; -ms-transform:translate(-50%,-50%) rotate(135deg); border-top:1px solid #fff; border-right:1px solid #fff;}
.ylsms3 .list .li.on .cont{ height: auto;}

@media  screen and (max-width:1024px){
.ylsms3::after{ opacity:0.7;}	
.ylsms3 .list .li{ padding:30px 15px 40px 15px;}
.ylsms3 .list .li .fs24{ margin-top:8px;}
.ylsms3 .list .li .cont{ margin-top:10px;}
}
@media  screen and (max-width:767px){
.ylsms3 .list{ padding:30px 0 30px 0;}
.ylsms3 .list .li{ background:none; border-top:1px solid rgba(255,255,255,0.2); position: relative; width:100%; padding:20px 0;}
.ylsms3 .list .li .cont{ height: calc(88px + 0.16rem);}
.ylsms3 .list .li .ico{ position: absolute; left:0; top:20px; width: auto;}
.ylsms3 .list .li .ino:after{ width: 12px; height:12px;}
.ylsms3 .list .li .fs24{ display: flex; flex-wrap: wrap; align-items: center; margin-top:0; text-align:left; min-height:calc(34px + 0.2rem); padding-left:calc(44px + 0.2rem);}
}

.ylsms4 .box1{ padding-bottom:0.85rem;}
.ylsms4 .box1 .ul{ margin:-0.15rem;}
.ylsms4 .box1 .li{display: flex; flex-wrap: wrap; width:25%; padding:0.15rem;}
.ylsms4 .box1 .li .img{ width:100%; display: block; line-height:0; overflow: hidden; border-radius:10px; box-shadow:0 0.04rem 0.5rem #ebedf3;}
.ylsms4 .box1 .li .img:hover img{ transform: scale(1.1); -ms-transform: scale(1.1);}

.ylsms4 .box2 .ul{ margin:-0.16rem;}
.ylsms4 .box2 .li{display: flex; flex-wrap: wrap; width:33.33%; padding:0.16rem;}
.ylsms4 .box2 .li:first-child{ width:66.66%;}
.ylsms4 .box2 .a{ position: relative; overflow: hidden; border-radius:10px; box-shadow:0 0.04rem 0.5rem #ebedf3;}
.ylsms4 .box2 .a .img{ width:100%; height:3.6rem; display: block; line-height:0; overflow: hidden;}
.ylsms4 .box2 .a .img img{ display: block; width:100%; height:100%; object-fit: cover;}
.ylsms4 .box2 .a:hover .img img{ transform: scale(1.1); -ms-transform: scale(1.1);}
.ylsms4 .box2 .a .cont{ position: absolute; left:0; bottom:0; padding:0.47rem 0.36rem;}
.ylsms4 .box2 .a .ico{ line-height:0;}
.ylsms4 .box2 .a .ico img{ width:calc(34px + 0.2rem); height:calc(34px + 0.2rem);}
.ylsms4 .box2 .a .fs18{ margin-top:0.18rem; min-height: calc(66px + 0.18rem);}

@media  screen and (max-width:1024px){
.ylsms4 .box1 .ul{ margin:-7px -6px;}
.ylsms4 .box1 .li{ padding:7px 6px;}
.ylsms4 .box1 .li .img{ border-radius:6px;}

.ylsms4 .box2 .ul{ margin:-7px -6px;}
.ylsms4 .box2 .li{ width:50%; padding:7px 6px;}
.ylsms4 .box2 .li:first-child{ width:100%;}
.ylsms4 .box2 .li .img{ border-radius:6px;}
.ylsms4 .box2 .a .cont{ padding:15px 15px;}
.ylsms4 .box2 .a .fs18{ margin-top:10px;}

}
@media  screen and (max-width:767px){
.ylsms4 .box1 .li{ width:50%;}
.ylsms4 .box2 .li{ width:100%;}
.ylsms4 .box2 .a .img{ height:6.2rem;}
.ylsms4 .box2 .a .fs18{ min-height:inherit;}
}



@keyframes ripple{
    0%{opacity:0;transform:scale(.1)}
    5%{opacity:1}
    to{opacity:0;transform:scale(1)}
}

@-moz-keyframes ripple{
    0%{opacity:0;transform:scale(.1)}
    5%{opacity:1}
    to{opacity:0;transform:scale(1)}
}

@-ms-keyframes ripple{
    0%{opacity:0;transform:scale(.1)}
    5%{opacity:1}
    to{opacity:0;transform:scale(1)}
}

@-webkit-keyframes ripple{
    0%{opacity:0;transform:scale(.1)}
    5%{opacity:1}
    to{opacity:0;transform:scale(1)}
}

@-o-keyframes ripple{
    0%{opacity:0;transform:scale(.1)}
    5%{opacity:1}
    to{opacity:0;transform:scale(1)}
}


@keyframes ripple1{
    0%{ transform:translate(-50%,-50%) scale(1); -ms-transform:translate(-50%,-50%) scale(1);}
    50%{ transform:translate(-50%,-50%) scale(1.5); -ms-transform:translate(-50%,-50%) scale(1.5);}
    to{ transform:translate(-50%,-50%) scale(1); -ms-transform:translate(-50%,-50%) scale(1);}
}
@-ms-keyframes ripple1{
    0%{ transform:translate(-50%,-50%) scale(1); -ms-transform:translate(-50%,-50%) scale(1);}
    50%{ transform:translate(-50%,-50%) scale(1.5); -ms-transform:translate(-50%,-50%) scale(1.5);}
    to{ transform:translate(-50%,-50%) scale(1); -ms-transform:translate(-50%,-50%) scale(1);}
}
@keyframes _line{
    0%{ width:0%; opacity:0;}
    1%{ width:0%; opacity:1;}
    99%{  width:100%; opacity:1;}
    to{ width:100%; opacity:0;}
}
@-ms-keyframes _line{
  0%{ width:0%; opacity:0;}
    1%{ width:0%; opacity:1;}
    99%{  width:100%; opacity:1;}
    to{ width:100%; opacity:0;}
}


._GROUP{ width:77.42%;}
._GROUP li{ float:left; width:100%; display: flex; justify-content: center;}
._GROUP li .img{ overflow:hidden;}
._GROUP li .text{ position: absolute; left:0; top:86.5%; text-align: center; width:44%; opacity:0.48; font-size:12px; line-height:18px; color: #555555;}
._GROUP li .line{ float:left; width:100%; height:100%; background:url(../_im_g/12.1.png) right center no-repeat; background-size:auto 100%; position:absolute; right:0; top:0; z-index:5;  animation:_line 1.7s infinite linear;}
._GROUP li .dl{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:6;}
._GROUP li .dl dd{ float:left; position:absolute; z-index:6; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); color:#000000; font-size:calc(14px + 0.02rem); line-height:1.5;}
._GROUP li .dl dd i{display: block;
  position: absolute;}
._GROUP li .dl dd i::after,
._GROUP li .dl dd i::before {
  content: "";
  display: block;
  position: absolute;
 transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
 width:5px; height:5px; border-radius:50%;
  border-radius: 50%; background:#01b74a; z-index:3;
}
._GROUP li .dl dd i::before {
  width:11px; height:11px; opacity:0.31;
}
._GROUP li .dl dd i::after{ animation:ripple1 1s infinite linear;}
._GROUP li .dl dd i::before{ animation:ripple1 1s infinite linear;}

@media (max-width:1024px){
._GROUP{ width:100%;}	
._GROUP li .dl dd{ font-size:12px; transform: scale(0.7); -ms-transform: scale(0.7);}
._GROUP li .text{ top:90.5%; }
}



.ylsms5{ width:19.3%; margin-top:9%;}
.ylsms5 .li{ border-bottom:1px solid #ebebeb; padding:0.25rem 0 0.33rem 0;}
.ylsms5 .li:last-child{ border:0 !important;}
.ylsms5 .li .c0{ margin-top: 2px;}
@media (max-width:1024px){
.ylsms5{ width:100%; display: flex; flex-wrap: wrap;}	
.ylsms5 .li{ width:50%; text-align: center; border-bottom:0; border-right:1px solid #ebebeb;}
}

.ylsms6{ position: relative; padding-bottom:0.42rem;}
.ylsms6:after{ display:block; content:''; position: absolute; left:0; bottom:0; width:82.028%; height:0.42rem; background: url(img/ylsms24.png) center bottom no-repeat; background-size:100% auto;}
.ylsms6 .l1{ display: flex; flex-wrap: wrap; justify-content:center; align-items:flex-start; text-align: center; width:10.14%; background: #01b749; border-radius:10px; padding:0.28rem 0.1rem 0.25rem 0.1rem; box-shadow:0 0.05rem 0.29rem rgba(0,213,85,0.14);}
.ylsms6 .l1 .ico{ border:1px solid #fff; border-radius:50%; line-height:0; width:0.79rem; height:0.79rem; display: flex; justify-content: center; align-items:center;}
.ylsms6 .l1 .ico img{ width:0.42rem; height:0.42rem;}
.ylsms6 .l1 .fs18{ margin-top:0.22rem;}
.ylsms6 .l2{ text-align: center; width:7.832%; padding:0.21rem 0.1rem;}
.ylsms6 .l2 .fs16{ height:64px; line-height:20px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.ylsms6 .l2 .ino{ line-height:0;}
.ylsms6 .l2 .ino img{ width:0.52rem;}
@media (max-width:1024px){	
.ylsms6{ padding-bottom:0;}	
.ylsms6:after{ display:none;}
.ylsms6 .l1{ width:30%; border-radius:6px; padding:15px 6px; margin-bottom:15px; }	
.ylsms6 .l1 .ico{ width:60px; height:60px;}	
.ylsms6 .l1 .ico img{ width:30px; height:30px;}
.ylsms6 .l1 .fs18{ margin-top:5px;}
.ylsms6 .l2{ width:20%; padding:10px 6px; margin-bottom:15px; }
.ylsms6 .l2 .fs16{ font-size:14px; line-height:18px; height:54px;}
.ylsms6 .l2 .ino img{ width:24px;}
}
@media (max-width:767px){	
.ylsms6 .l1{ width:26%;}	
.ylsms6 .l2{ width:24%;}

}

.ylsms7{ position: relative; margin-top:40px;}
.ylsms7 .ul{ display: flex; flex-wrap: wrap; justify-content: space-between; padding:0.35rem 0.45rem; margin-bottom:15px; background: #fff; position: relative; border-radius:10px;box-shadow:0 0.04rem 0.5rem rgba(235,237,243,1);}
.ylsms7 .ul .l1{ width:16%;}
.ylsms7 .ul .l1 .c0{ padding:4px 0;}
.ylsms7 .ul .l1 .c79{ display:none; padding:0.11rem 0 0.32rem 0;}
.ylsms7.on .ul .l1 .c79{ display: block;}
.ylsms7 .btn{ cursor: pointer; display: block; position: absolute; left:50%; bottom:1.27rem; margin:-15px 0 0 -15px; width: 30px; height: 30px; border-radius:50%; background: #01b74a;}
.ylsms7 .btn:after{ display: block; content: ''; position: absolute; left:50%; top:50%; border-left: 6px solid transparent; border-right:6px solid transparent;border-top:7px solid #fff;  transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); margin-top:1px; }
.ylsms7.on .btn{ transform: rotate(180deg); -ms-transform: rotate(180deg);}

@media (max-width:1024px){	
.ylsms7{ margin-top:16px;}
.ylsms7 .ul{ margin-bottom:10px; justify-content:flex-start; border-radius:6px; padding:15px 15px 25px 15px;}
.ylsms7 .ul .l1{ width:33.33%;}
.ylsms7 .ul .l1 .c0{ padding:2px 0;}
.ylsms7 .btn{ bottom:35px;}
}
@media (max-width:767px){	
.ylsms7 .ul{ justify-content:space-between;}	
.ylsms7 .ul .l1{ width:49%;}	
}


.bigbox1{ position: relative; overflow: hidden;}
.bigbox1::after{ display: block; content:''; position: absolute; left:0; top:0; z-index: 1; width: 100%; height:100%; opacity:0.76; background: #08182b;}
.bigbox1 .box{position: relative; flex-wrap: nowrap !important; padding:1.24rem 0 1.8rem 0; }
.bigbox1 .box .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; height:auto !important;}
.bigbox1 .box .swiper-slide{ flex-shrink: 0; position: relative; transition-property: transform;}
.bigbox1 .box .div{ width:calc(49% - 0.38rem) !important; margin-right:0.38rem; border-radius:10px; border:1px solid #fff; padding:23px 0.35rem 51px 0.35rem;}
.bigbox1 .box .div:last-child{ margin-right:0 !important;}
.bigbox1 .box .div .fs30{ display: flex; align-items:flex-end;}
.bigbox1 .box .div .fs30 img{ width:calc(30px + 0.28rem); min-width:calc(30px + 0.28rem); height:calc(30px + 0.28rem); margin-right:0.26rem;}
.bigbox1 .box .div .fs20{ opacity:0.8; margin-top:25px;}
.bigbox1 .box .div:hover{ background:rgba(255,255,255,0.1);}


@media screen and (max-width:1024px) {
.bigbox1 .fs60{font-size:calc(14px + 0.36rem); line-height:line-height:calc(22px + 0.44rem);}
.bigbox1 .mt20{font-size:calc(14px + 0.03rem); line-height:line-height:calc(22px + 0.05rem);}
.bigbox1 .box{ padding:40px 0 60px 0;}
.bigbox1 .box .div{ padding:20px 15px; width:calc(49% - 15px) !important; margin-right:15px; }
.bigbox1 .box .div .fs30{font-size:calc(14px + 0.10rem); line-height:line-height:calc(22px + 0.12rem);}
.bigbox1 .box .div .fs20{ margin-top:15px;}
}
@media screen and (max-width:767px) {
.bigbox1 .box .div{ width:calc(75% - 0.38rem) !important;}
}



.bigbox2 a{ flex-direction: column; justify-content: center;}
.bigbox2 .fs36{ position: relative; margin-top:0.15rem; letter-spacing: 0.02rem;}
.bigbox2 .fs36:after{ display: block;content: ''; position:absolute; left:0; bottom:0; width:100%; height:1px; background: #000;}
.bigbox2 a:hover{ color: #01b749;}
.bigbox2 a:hover .fs36:after{ background: #01b749;}

.bigbox3{ position: relative; overflow:hidden; padding-bottom: 43px;}
.bigbox3::after,
.bigbox3::before{ display: block; content:''; position: absolute; left:50%; top:100%; margin-top:1.71rem; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); border-radius:50%;}
.bigbox3::after{ z-index:1; background: #fff; width:11.37rem; height:11.37rem;}
.bigbox3::before{ z-index:2; background: #fafafa; width:6.52rem; height:6.52rem;}

.bigbox3 .c6c .i{ display:inline-block; vertical-align: top; margin:calc(5px + 0.03rem) 0.12rem 0 0.12rem; width:1px; height:calc(14px + 0.02rem); background: #d8d8d8;}
.bigbox3 .canshu{ position: relative;}
.bigbox3 .canshu:after{ display: block;content: ''; position:absolute; left:0; bottom:0; width:100%; height:1px; background: #000;}
.bigbox3 .canshu:hover{ color: #01b749;}
.bigbox3 .canshu:hover:after{ background: #01b749;}
.bigbox3 .btn{ background: #000; border-radius:6px; letter-spacing:0.03rem; padding:15px 28px 16px 28px;}
.bigbox3 .btn:hover{background: #01b749; color: #fff;}
.bigbox3 .img img{ max-width:100%;}
.bigbox3 .img1 img{ width:calc(90px + 1rem); height:calc(90px + 1rem); border-radius:50%;}
.bigboxT{ position: relative; z-index:-1; top:0; margin-top: -48px; margin-bottom:48px;}
.bigboxT1{ height:0.88rem; margin-top:0; margin-bottom:0;}

@media screen and (max-width:1024px) {
.bigbox3{ padding-top:38px;}	
.bigbox3::after,
.bigbox3::before{ margin-top:0.5rem;}
.bigbox3 .mt20{ margin-top:10px;}	
.bigbox3 .mt46{ margin-top:15px;}	
.bigbox3 .c6c .i{ margin:calc(5px + 0.03rem) 5px 0 5px;}
.bigbox3 .btn{padding:7px 20px 8px 20px; font-size: 16px;}
.bigbox3 .img1{ padding:10px 0;}
.bigboxT{margin-top: -40px; margin-bottom:40px;}
.bigboxT1{ height:52px;}
}



.myPord{ position:absolute; left:0;top:0.88rem; z-index:16; background:rgba(0,0,0,0.4);}
.myPord.active{ position:fixed; top:0;}
.myPord .title{ line-height:28px; padding:10px 0; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
.myPord .slideR{ display: flex; padding:10px 0;}
.myPord .slideR .li{ display: flex; margin-left:0.1rem;}
.myPord .slideR .li a{ white-space: nowrap; color: #fff; line-height:28px; font-size:calc(14px + 0.01rem); padding:0 14px;}
.myPord .slideR .li.on{ margin-left:0.2rem;}
.myPord .slideR .li.on a{ background: #01c51c; border-radius:28px;}
.myPord .slideR .li:hover a{ background: #01c51c; border-radius:28px;}
@media screen and (max-width:1024px) {
.myPord{top:52px;}
.myPord .title{font-size:14px; line-height:24px; padding:8px 0; }
.myPord .slideR{ padding:8px 0;}
.myPord .slideR .li{ margin-left:12px;}
.myPord .slideR .li a{ font-size:12px; line-height:24px; padding:0;}
.myPord .slideR .li.on{ margin-left:12px;}
.myPord .slideR .li.on a{ padding:0 10px;}
.myPord .slideR .li:hover a{ background:none; border-radius:0;}
}


.bigbox5{ position: relative; z-index:8; top:0; margin-top:calc(-80px - 0.8rem);}
.bigbox5 .box{ height:calc(80px + 0.8rem); align-items: center; justify-content:space-around; padding:0 0.94rem;}
.bigbox5 .box .li{ text-align: center; display: flex; flex-wrap: wrap; flex-direction: column;}
.bigbox5 .box .li .ico{ line-height: 0;}
.bigbox5 .box .li .ico img{ height:calc(34px + 0.29rem);}
.bigbox5 .box .li .fs24{ margin-top:2px;}
@media screen and (max-width:1440px) {
.bigbox5 .box{ padding:0 0.5rem;}
}
@media screen and (max-width:1024px) {
.bigbox5{ margin-top:calc(-65px - 0.65rem);}	
.bigbox5 .box{ height:calc(65px + 0.65rem); padding:0;}	
.bigbox5 .box .li .ico img{ height:calc(30px + 0.2rem);}
.bigbox5 .box .li .fs24{font-size:14px;line-height:22px;}
}
@media screen and (max-width:767px) {
.bigbox5 .box{ justify-content: space-between;}
}

.big960{ margin:0 auto; max-width:950px;}
.bigbox4{ overflow: hidden; color:#111b25;}
.bigbox4 .box{ position: relative;}
.bigbox4 .tit1{ position:absolute; left:-2.25%; top:100%; margin-top: -0.83rem; z-index:1; width:104.5%;}

@media screen and (max-width:1024px) {
.bigbox4 .fs24{font-size: calc(14px + 0.06rem);line-height: calc(26px + 0.08rem);}
.bigbox4 br{ display:none;}
}



.bigbox6 .img{ text-align: center; line-height:0;}
.bigbox7{ position: relative; overflow: hidden; padding-top:6px; margin-bottom: -1px;}
.bigbox7:after{ display: block; content:''; position: absolute; left:0; bottom:0; z-index:2; background: #e5e7ec; width:100%; height:3.3rem;
clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 57.6%); -webkit-clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 57.6%); 
}
.bigbox8{ overflow: hidden;}
.bigbox8 .img{ position: relative; top:0; z-index:3; margin-top:-1.13rem;}
.bigbox9{ overflow: hidden;}
.bigbox9 .img{ position: relative; top:0; z-index:3; margin-top:-1.63rem;}

@media screen and (max-width:1024px) {
.bigbox7:after{ height:4.1rem; }
}
@media screen and (max-width:767px) {
.bigbox8 .img{ margin-top:0;}
.bigbox9 .img{ margin-top:0;}
.bigboxA .fs54{font-size: calc(14px + 0.30rem); line-height:calc(22px + 0.32rem);}
.bigboxA .fs36{font-size: calc(14px + 0.16rem); line-height:calc(22px + 0.18rem);}
}

.bigBg{ display:none; float: left; width:100%; height:100%; background: #000; opacity:0.68; position: fixed; left:0; top:0; z-index:30;}
.bigPoup{ display:none; float: left; width:100%; position: fixed; left:0; top:50%; z-index:32;transform:translate(0,-50%); -ms-transform:translate(0,-50%);}
.bigPoup .poup{ position: relative; background: #fff; padding:0.26rem 0.54rem 0 0.54rem;}
.bigPoup .colse{ cursor: pointer; position: absolute; right:0.18rem; top:0.18rem; z-index:6; width:24px; height:24px; line-height:0;}
.bigPoup .ca9{ padding:0.2rem 0;}
.bigPoup .table{ margin-top:0.26rem; overflow:hidden;border-top:4px solid #01b74a;border-top:4px solid #01b74a;
 overflow-y:auto;
 scrollbar-width:thin;
 max-height:calc(410px + 1.74rem);
}
.bigPoup .table::-webkit-scrollbar {
 width:3px
}
.bigPoup .table::-webkit-scrollbar-track
{
background-color:#f6f6f6;
 border-radius:3px
}
.bigPoup .table1::-webkit-scrollbar-thumb {
 width:3px;
 height:60px;
 background-color:#01b74a;
 border-radius:3px
}
.bigPoup .table tr:nth-child(2) td{ position: relative;}
.bigPoup .table tr:nth-child(2) td:first-child::after,
.bigPoup .table tr:nth-child(2) td:last-child::after{ position:absolute; top:0; width:0.54rem; height:100%; content:''; background: #f6f6f6;}
.bigPoup .table tr:nth-child(2) td:last-child::after{ left:100%;}
.bigPoup .table tr:nth-child(2) td:first-child::after{ right:100%;}

@media screen and (max-width:1024px) {
.bigPoup .poup{ padding:15px 15px 0 15px;}	
.bigPoup .ca9{ padding:12px 0;}
.bigPoup .colse{ padding:2px; right:8px; top:8px; }
.bigPoup .table{ margin-top:13px;
 max-height:calc(370px + 1.56rem);
}
.bigPoup .table tr:nth-child(2) td:first-child::after,
.bigPoup .table tr:nth-child(2) td:last-child::after{ width:15px;}
}
@media  screen and (max-width:900px){
.bigPoup .table{ overflow-x: auto;}
.bigPoup .table table{ min-width:900px; width:900px;}
}


.super1{ line-height:0;}
.super2 .box{ line-height:0; text-align: center;}
.super2 .box img{ max-width:100%;}

.JIT9{ overflow: hidden; position: relative; padding-top:27%;}
.JIT9::after{ display:block; width:100%; height:3.95rem; content:''; position: absolute; left:0; top:0;background:url(img/JIT2.png) center top no-repeat; background-size:100% auto;}
.JIT9 .img{ line-height:0; text-align:center; margin-top:1.22rem;}
.JIT9 .img img{ max-width:100%;}

@media screen and (max-width:1024px) {
.JIT9 .img{ margin-top:30px;}
}


.JIT6{ overflow: hidden;}
.JIT6 .left{ width:38%; margin:12.14% 0;}
.JIT6 .img{ width:85%; line-height:0; margin-left:-5.7%; margin-right:-17.3%;}
@media screen and (max-width:1024px) {
.JIT6 .left{ margin:9.14% 0;}
.JIT6 .img{ width:70%; margin-left:0; margin-right:-6.3%;}
}
@media screen and (max-width:767px) {
.JIT6 .box{ flex-wrap: wrap;}
.JIT6 .left{ width:100%; margin:0; text-align: center;}
.JIT6 .img{ width:100%; margin:30px 0 0 0;}
}

.JIT8{ overflow: hidden;}
.JIT8 .box{flex-direction:row-reverse;}
.JIT8 .left{ width:43.14%; margin:7.5% 0;}
.JIT8 .img{ width:54%; line-height:0; margin-left:2%;}
@media screen and (max-width:1024px) {
.JIT8 .left{ margin:5.5% 0;}
}
@media screen and (max-width:767px) {
.JIT8 .box{ flex-wrap: wrap;}
.JIT8 .left{ width:100%; margin:0; text-align: center;}
.JIT8 .left .fs20 br{ display:none;}
.JIT8 .img{ width:100%; margin:30px 0 0 0;}
}


.xnxboxA{ padding:0 7%;}
.xnx9{ position: relative; overflow: hidden; padding-top:35px;}
.xnx9 .bg{ position: absolute; right:0; bottom:0; z-index: 1; width:93.54%; line-height:0;}
.xnx9 .img{ line-height:0; text-align: center; margin-top:0.94rem; padding:0 14.28%;}


@media screen and (max-width:1600px) {
.xnxboxA{ padding:0;}
}
@media screen and (max-width:1024px) {
.xnx9 .img{ margin-top:40px; padding:0;}
.xnx9 .bg{ width:100%;}
}


.xnx7{ position:relative;}
.xnx7 .bg{ display: block; position: absolute; left: 0; top:-0.96rem; width:100%; height:calc(100% + 2.14rem); z-index:1;}
.xnx7 .img{ margin-top:1.2rem;}
@media screen and (max-width:1024px) {
.xnx7 .img{ margin-top:35px;}
}


.xnx6{ overflow: hidden;}
.xnx6 .left{ width:41.2%; margin:0.25rem 0;}
.xnx6 .img{ width:123.4%; line-height:0; margin-left:-26.3%; margin-right:-38.3%;}

@media screen and (max-width:1024px) {
.xnx6 .box{ flex-wrap: wrap;}	
.xnx6 .left{ text-align: center; width:100%; margin:0;}
.xnx6 .img{ width:100%; margin:35px 0 0 0;}
}

.xnx8{ overflow: hidden;}
.xnx8 .box{flex-direction:row-reverse;}	
.xnx8 .left{ width:36.2%; margin:4% 7% 4% 0;}
.xnx8 .img{ width:75.28%; line-height:0; margin-left:-18.4%;}

@media screen and (max-width:1024px) {
.xnx8{ padding-bottom:0;}	
.xnx8 .box{ flex-wrap: wrap;}	
.xnx8 .left{ text-align: center; width:100%; margin:0;}
.xnx8 .img{ width:100%; margin:35px 0 0 0;}
}


.tsjg{ position: relative; z-index:1; height:150vh;}
.sect_pf{ width:100%; line-height:0; height:100vh;}
.xnx-img{ height:100vh; position: relative; width:123.4%;  margin-left:-29.5%; margin-right:-35.3%;}
.xnx-img .li{ display: flex; align-items: center;}
.xnx-img .li a{ z-index:6; position: absolute; left:0; top:0; width:100%; opacity:0; padding-top:1.54rem;}
.xnx-img .li a.active{ opacity:1;}

/* one */
@keyframes one{
    0%{
		 transform:translate(0%,0%); -ms-transform:translate(0%,0%); opacity: 1;
	}
    90%{
		transform:translate(0%,50%); -ms-transform:translate(0%,50%); opacity:1;
	}
	to{
		transform:translate(0%,50%); -ms-transform:translate(0%,50%); opacity: 0;
	}
}
@-ms-keyframes one{
  0%{
  	 transform:translate(0%,0%); -ms-transform:translate(0%,0%); opacity: 1;
  }
  90%{
  	transform:translate(0%,50%); -ms-transform:translate(0%,50%); opacity:1;
  }
  to{
  	transform:translate(0%,50%); -ms-transform:translate(0%,50%); opacity: 0;
  }
}
@-webkit-keyframes one{
   0%{
   	 transform:translate(0%,0%); -ms-transform:translate(0%,0%); opacity: 1;
   }
   90%{
   	transform:translate(0%,50%); -ms-transform:translate(0%,50%); opacity:1;
   }
   to{
   	transform:translate(0%,50%); -ms-transform:translate(0%,50%); opacity: 0;
   }
}
/* tow */
@keyframes tow{
    0%{
		 transform:translate(0%,0%) scale(1,1); -ms-transform:translate(0%,0%) scale(1,1); opacity: 1;
	}
	90%{
		transform:translate(0%,0%) scale(1,1); -ms-transform:translate(0%,0%) scale(1,1); opacity: 1;
	}
    to{
		transform:translate(0%,0%) scale(1,1); -ms-transform:translate(0%,0%) scale(1,1); opacity: 0;
	}
}
@-ms-keyframes tow{
   0%{
   	  height:100%; opacity: 1;
   }
   90%{
   	 height:10%; opacity: 1;
   }
   to{
   	 height:10%; opacity: 0;
   }
}
@-webkit-keyframes tow{
   0%{
   	 transform:translate(0%,0%) scale(1,1); -ms-transform:translate(0%,0%) scale(1,1); opacity: 1;
   }
   90%{
   	transform:translate(0%,0%) scale(1,1); -ms-transform:translate(0%,0%) scale(1,1); opacity: 1;
   }
   to{
   	transform:translate(0%,0%) scale(1,1); -ms-transform:translate(0%,0%) scale(1,1); opacity: 0;
   }
}
/* three */
@keyframes three{
    0%{
    	  opacity:0;
    }
    90%{
       opacity:0;
    }
    to{
       opacity:1;
    }
}
@-ms-keyframes three{
   0%{
   	  opacity:0;
   }
   90%{
      opacity:0;
   }
   to{
      opacity:1;
   }
}
@-webkit-keyframes three{
   0%{
   	  opacity:0;
   }
   90%{
      opacity:0;
   }
   to{
      opacity:1;
   }
}

.xnx-img2{ height:100vh; position: relative; width:100%;}
.xnx-img2 .li{ display: flex; align-items: center;}
.xnx-img2 .li a{ z-index:6; position: absolute; left:0; top:0; width:100%; opacity:0; padding-top:1.96rem;transition:none;
  -moz-transition:none;
  -webkit-transition:none;
  -o-transition:none;}
.xnx-img2 .li a.active{ opacity:1;}
.xnx-img2 .li{ position: relative;}
.xnx-img2 .li .three{ position:relative; left:0; bottom:0;opacity: 0;animation: three 2s linear; -ms-animation: three 2s linear;}
.xnx-img2 .li .tow{ position: absolute; left:0; bottom:0;/* animation:tow 2s linear; -ms-animation:tow 2s linear; */ transform: skew(0,0,0); -ms-transform: skew(0,0,0);}
.xnx-img2 .li .one{ position: absolute; left:0; bottom:0;/* opacity: 0; */ animation:tow 2s linear; -ms-animation:tow 2s linear;}

.sect_pf{ position:absolute; left:0;top:0; height:100vh;}
.news-left-ib{position:relative;}
.sect_cotn{ opacity:0;}
.xnx6-1{ z-index:6; overflow: hidden; position: relative;}
.xnx6-1 .box{ align-items: flex-start;flex-direction:row-reverse;}
.xnx6-1 .conT{ width:41.2%;padding-top:2.21rem;}
.xnx6-1 .conT .fs36{ margin-top:0.25rem;}
.xnx6-1 .left{ width:41.2%;}
.xnx6-1 .left .li{ height:30vh;}
.xnx6-1 .left .li:last-child{ height:150vh;}

.xnx6-1 .img1{ width:82.5%; line-height:0; margin-left:17.5%; position: absolute; right:0; top:0;}
.xnx6-1 .img1 .li{ width:115.8%;}
.xnx6-1 .swiper-slide{ height:100vh; position: static;}
.xnx6-1 .swiper-slide .img .li{ opacity:0;}
.xnx6-1 .swiper-slide-active .img .li{ opacity:1;}
.xnx6-1 .swiper-wrapper{flex-direction: column; position: static;}


@media screen and (max-width:1024px) {
.xnx6-1 .news-left-ib{ flex-wrap: wrap;}	
.xnx6-1 .conT{ width:100%;padding-top:1.4rem;}
.xnx6-1 .left{ width:100%;}
.xnx6-1 .left .li{ height:10vh;}
.xnx6-1 .left .li:last-child{ height:80vh;}
.sect_pf{ width:100%; margin:0 0 -100vh 0;}
.xnx-img{ width:100%; margin:0;}
.xnx-img .li a{ display: flex; align-items:flex-end;}
}

.xnx8-1{ position:relative; z-index: 6; overflow: hidden;}
.xnx8-1 .box{flex-direction:row-reverse; align-items: flex-start;}	
.xnx8-1 .left{ width:36.2%; margin:4% 7% 4% 0;}
.xnx8-1 .left .li{ height:calc(100vh - 0.5rem);}
.xnx8-1 .img{ width:75.28%; line-height:0; margin-left:-18.4%;}
.xnx8-1 .img .li{ width:100%;  display: none;}
.xnx8-1 .img .li.active{ display: block;}

@media screen and (max-width:1024px) {
.xnx8-1{ padding-bottom:0;}	
.xnx8-1 .box{ flex-wrap: wrap;}	
.xnx8-1 .left{ text-align: center; width:100%; margin:0;}
.xnx8-1 .img{ width:100%; margin:35px 0 0 0;}
}

.swiper-pagination0{ position:fixed; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); z-index:10; float:left; right:0; display:flex; flex-direction:column; white-space:nowrap; text-align:right;}
.swiper-pagination0 .swiper-pagination-bullet{ cursor:pointer; float:left; margin:6px 0; float:left; position: relative; display: flex; justify-content: center; align-items: center; border-radius: 50%; width:18px; height:18px; border:1px solid rgba(255,255,255,0); margin-right: 0.42rem;}
.swiper-pagination0 .swiper-pagination-bullet::after{float:left; content:''; position:absolute; left:100%; top:50%;width:0; height:1px; background:#01b74a;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.swiper-pagination0 .swiper-pagination-bullet::before{ content: ''; float:left; width:6px; height:6px; border-radius: 50%; overflow: hidden; text-indent: -999px;background: #c6c7c8; font-size:0; }
.swiper-pagination0 .swiper-pagination-bullet-active{ border:1px solid #01b74a;}
.swiper-pagination0 .swiper-pagination-bullet-active::after{width:0.42rem;}
.swiper-pagination0 .swiper-pagination-bullet-active::before{background: #01b74a; }
@media screen and (max-width: 1024px) {
.swiper-pagination0 .swiper-pagination{ display: none;}
}


.mc_a1s4_sticky{ top:0 !important;}
#ys_main0{ position:fixed; left:0; top:0; z-index:1; width:100%;}
.mc_a1s4_content{ opacity: 0;transition: all .3s ease-out;}
#swiper-container1{ height:100vh; position: relative; z-index:6;}
#swiper-container2{ height:100vh;}
#swiper-container1 .app-con{overflow: hidden;}
#swiper-container1 .app-com{overflow: hidden;}



/* 240117start */
.slide_banner .div .shipin{position:absolute; left:0; top:0%; display: block; width:100%; height:100%; object-fit:cover;}
.videoA{position: relative; overflow: hidden; min-height:100vh;}
.videoA .video{ position:absolute; left:0; top:0; display: block; width:100%; height:100%; object-fit:cover;}
.section1{position: relative; overflow: hidden; min-height:100vh;}
.section1 .shipin{ position:absolute; left:0; top:0; display: block; width:100%; height:100%; object-fit:cover;}
.h-main4 .list .ul{ display: block; width:calc(100% + 0.3rem);}
.h-main4 .list .li{ width:33.33%;}
.h-main4 .list .a .img{ padding-bottom:107.5% ;}
.h-main4 .slick-dots{ margin-top: 0.1rem;}

@media screen and (max-width: 1024px) {
.videoA{ min-height:50vh;}	
.section1{ min-height:inherit;padding: 0;}	
.section1 .shipin{position: relative;}
.h-main4 .list .ul{ width:calc(100% + 12px);}
}
@media screen and (max-width: 767px) {
.h-main4 .list .li{ width:50%;}	
.h-main4 .list .a .img{ padding-bottom:146.4%;}
.h-main4 .list .a .info{ top:10px;}
.h-main4 .slick-dots{ margin-top:15px; margin-bottom: 10px;}
}




.ssbox{width: 100%;background: #01b74a;padding:33px 30px 28px 30px;display: flex;justify-content: center;align-items: center; margin-top:47px;}
.ssbox .inputbox{width: 416px;position: relative;background: #fff;border: 1px solid #e5e5e5; border-radius:48px; position: relative;padding: 0 50px 0 18px;}
.ssbox .inputbox input{width: 100%;height:48px;display: block;font-size: 16px;color: #000;}
.ssbox .inputbox input::-webkit-input-placeholder{font-size: 16px;color: #d0d0d0;opacity: 1;}
.ssbox .inputbox input::-moz-placeholder{font-size: 16px;color: #d0d0d0;opacity: 1;}
.ssbox .inputbox input::moz-placeholder{font-size: 16px;color: #d0d0d0;opacity: 1;}
.ssbox .inputbox input:-ms-input-placeholder{font-size: 16px;color: #d0d0d0;opacity: 1;}
.ssbox .inputbox img{width: 20px; height:20px; object-fit: contain; display: block;position: absolute;right:15px;top: 50%;transform: translate(0,-50%);cursor: pointer;}
.gnxc{width: 100%; padding-bottom:37px;}
.gnxc ul{width: 100%;}
.gnxc li{margin-bottom:24px;background: #fff;}
.gnxc .top{width: 100%;padding: 0 40px;cursor: pointer;}
.gnxc .top .title{width: 100%;font-size: 20px;color: #000000;line-height: 30px;padding: 25px 0;border-bottom: 1px solid #f2f2f2;}
.gnxc .top .boxs{width: 100%;display: flex;justify-content: space-between;align-items: center;padding: 26px 0;}
.gnxc .top .left{display: flex;justify-content: flex-start;align-items: center;}
.gnxc .top .list{font-size: 16px;color: #565656;line-height:28px;margin-right: 80px;}
.gnxc .top .list:last-child{margin-right: 0;}
.gnxc .top .right{width: 26px; height:26px; position: relative;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.gnxc .top .right:after{ display: block; content:''; position: absolute; left:50%; top:50%; width:9px; height:9px; border-bottom:1px solid #414141; border-right:1px solid #414141; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); margin-top: -2px;}
.gnxc li.on .top .right{
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);}
.gnxc li.on .top .right:after{ border-bottom:1px solid #01b74a; border-right:1px solid #01b74a;}
.gnxc .bottom{display: none;padding:33px 40px 42px 40px;}
.gnxc .bottom .listbox{width: 100%;}
.gnxc .bottom .list{margin-bottom:26px;}
.gnxc .bottom .list1{display: none;font-size:14px;color: #565656;line-height:24px; }
.gnxc .bottom .bt{font-size: 18px;color: #000000;line-height: 32px;}
.gnxc .bottom .info{font-size: 16px;color: #565656;line-height: 32px; margin-top:3px;}
.gnxc .bottom .btns{width: 180px; margin-top:6px;}
.gnxc .bottom .btns a{display: block;font-size: 16px;color: #ffffff;line-height: 48px;text-align: center;background: #01b74a;box-shadow: 0 4px 18px 0 rgba(0,0,0,0.18);border-radius: 2px;}
.gnxc .bottom .btns a:hover{opacity: 0.8;}
@media screen and (max-width:1024px) {
.ssbox{padding: 20px; margin-top:30px;}
.ssbox .inputbox{width: calc(100% - 50px);padding: 0 60px 0 14px;}
.ssbox .inputbox input{height: 36px;font-size: 14px;}
.ssbox .inputbox input::-webkit-input-placeholder{font-size: 14px;}
.ssbox .inputbox input::-moz-placeholder{font-size: 14px;}
.ssbox .inputbox input::moz-placeholder{font-size: 14px;}
.ssbox .inputbox input:-ms-input-placeholder{font-size: 14px;}
.ssbox .inputbox img{width: 16px;right: 12px;}
.gnxc{ padding-bottom:20px;}
.gnxc li{margin-bottom: 14px;}
.gnxc .top{padding: 0 20px;display: flex;justify-content: space-between;align-items: center; position: relative;}
.gnxc .top .title{font-size: 16px;line-height: 20px;padding: 12px 0;border-bottom:0;}
.gnxc .top .boxs{width: auto;padding: 0;}
.gnxc .top .left{display: none;}
.gnxc .top .right{ position: absolute; right:14px; top:9px;}
.gnxc .bottom{padding:20px 20px 25px 20px;border-top: 1px solid #f2f2f2;}
.gnxc .bottom .list{margin-bottom: 14px;}
.gnxc .bottom .list1{display: block;}
.gnxc .bottom .bt{font-size: 16px;line-height: 26px;}
.gnxc .bottom .info{font-size: 14px;line-height: 26px;}
.gnxc .bottom .btns{width: 110px;}
.gnxc .bottom .btns a{font-size: 14px;line-height: 35px; padding-bottom:1px; box-shadow: 0 4px 9px 0 rgba(0,0,0,0.18);}
}






.slide_banner .palay{ cursor: pointer; z-index:7; display:none; position: absolute; left:50%; top:50%; width:44px; height:44px; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
.section1 .palay{ cursor: pointer; z-index:7; display:none; position: absolute; left:50%; top:50%; width:44px; height:44px; transform: translate(-50%,0%); -ms-transform: translate(-50%,0%); }

@media screen and (max-width:1024px) {
.slide_banner .palay{display: block;}
.slide_banner .div .shipin{ display:none !important;}
.slide_banner .div .ph{ width:100vh; height:100vh; object-fit: cover;}
.section1{min-height:inherit; padding-top:50px;}
.section1 .shipin{ display:none;}
.section1 .palay{display: block;}
}




/* 01b749  rgba(202,13,28,.48)  calc(20px + 0.16rem); 

 overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;
*/