@charset "utf-8";
/* CSS Document */
.wp{ width:80%; min-width:calc(1200px - 4%); margin: 0 auto; overflow: hidden;}
@font-face{font-family:numberfont;src:url('../font/numberfont.ttf');}/*数字统一字体*/

.left{ float:left;}
.right{ float:right;}
.pc-vis{ display:block}
.phone-vis{ display:none;}
.ipad-vis{ display:none;}

.clearfix {zoom: 1;}
.clearfix:after{ clear:both;content:'';display:block;width:0;height:0;visibility:hidden; }
@media screen and (max-width: 1024px){
.wp{ width: 90%; min-width:inherit; margin: 0 auto;}
.ipad-vis{ display:block;}
}
@media screen and (max-width: 769px){
.wp{ width: 90%; min-width:inherit; margin: 0 auto;}
.pc-vis{ display:none}
.ipad-vis{ display:none;}
.phone-vis{ display:block;}
}
@media screen and (max-width: 640px){
.ipad-vis{ display:none;}
.phone-vis{ display:block;}
}

/*头部*/
.header{ position: fixed; width: 100%; top:0; left: 0; z-index: 60; height:63px; padding-top:26px; box-sizing: border-box;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease; transition: all 0.3s ease;z-index: 10000;}
.header .wp{ position: relative; height:100%; width:95%;z-index: 5;}
.header .logo{ position: relative;  float: left;}
.header .logo .logo-w{ display: block;height: 36px;}
.header .logo .logo-h{display:none; opacity:0; filter:alpha(opacity=0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.header .menu{ float: right; cursor: pointer; margin-top: 10px;}
.header .menu em{display: inline-block; color:#fff; margin-left:19px; font-size:12px; transform: translateY(-20px); -webkit-animation: scaleDraw ease infinite 1s; }
.header .menu span{ width:1.375rem;height: 2rem;display: inline-block;}
.header .menu .menu1 i{ width:100%;height:2px; display: block; background: #fff; margin-bottom: 6px;}
.header .menu .menu1 i:nth-of-type(2){width:100%; margin-left:10px;}
.header .menu .menu2 i{display:block; background:#666;width:100%;height:2px;}
.header .menu .menu2 i:nth-of-type(1){transform:rotate(-45deg) translate(-5px,2px);}
.header .menu .menu2 i:nth-of-type(3){transform:rotate(45deg) translate(0px,1px);}
.header .menu .menu2 i:nth-of-type(2){transform:translateX(-40px);opacity: 0; width: 0;filter:alpha(opacity=0);}
.header .right.right_000 .coll i{border: 2px solid #000;}
.header .right.right_000 i{ color: #000;opacity: 0.8;filter:alpha(opacity=80);}
.header .right.right_000 .coll .text{color: #000;opacity: 0.8;filter:alpha(opacity=80);}
.header .right.right_000 .menu span i{background: #000;}
.hback{ width: 100%; height: 100%;background: rgba(0,0,0,0.8); display: block; position: fixed; top: 0;left: 0;z-index: 0;opacity:0;filter:alpha(opacity=0); visibility: hidden;}
.caidan{width: 50%; max-width:500px; height: 100%;background: #fff; position: fixed; top: 0;right: 0;z-index: 101; transform: translateX(110%); box-shadow: 10px 0 10px rgba(0,0,0,0.1);}
.caidan .caidan_nav{ padding: 20px 0%; height: calc(100% - 40px);overflow-y: scroll; padding-top:0; border-top:1px solid #f5f7f9;margin-top:60px;}
.caidan .caidan_nav ul{padding-top:0;}
.caidan .caidan_nav ul>.menu_list_box_item{border-bottom: 1px solid rgba(0,0,0,0.1);}
.caidan .caidan_nav ul>.menu_list_box_item .caidan_1{ padding: 0 10%;display: block; font-size:1rem;height:2.6rem;line-height:2.6rem; }
.caidan .caidan_nav ul>.menu_list_box_item .caidan_1:hover{}
.caidan .caidan_nav ul>.menu_list_box_item .caidan_1 i{float: right; opacity:0.6;filter:alpha(opacity=60);filter:alpha(opacity=60);font-size: 20px;pointer-events:none}
.caidan .caidan_nav ul>.menu_list_box_item.open .caidan_1 i{transform: rotate(90deg); }
.caidan .caidan_nav ul>.menu_list_box_item.open .caidan_1{font-weight: bold;color:#e77817;}
.caidan.caidan_oppen{ width:60%;transform: translateX(0%);z-index:1666}
.caidan_hidden{transform: translateX(110%);}
.caidan .caidan_nav ul .caidan_2box{width:100%; padding:2% 0 2% 12%; display: none; background: #f5f7f9;}
.caidan .caidan_nav ul .caidan_2box li{height:30px;line-height:30px; border-top: 1px solid rgba(0,0,0,0.05);}
.caidan .caidan_nav ul .caidan_2box li:nth-of-type(1){border-top: 0;}
.caidan .caidan_nav ul .caidan_2box li:hover a{transform:translateX(10px);}
.caidan .caidan_nav ul .caidan_2box li a{ font-size: 13px; display: block;}
.caidan .caidan_nav ul .language{padding-left:1.3rem; padding-top: 1rem;}
.caidan .caidan_nav ul .language a{float: left;margin-right: 10px; font-size: 12px;height: 16px;line-height: 16px;}
.caidan .caidan_nav ul .language a{ border-left: 1px solid rgba(0,0,0,0.2);padding-left: 10px;}
.caidan .caidan_nav ul .language a:nth-of-type(1){ border-left: 0px;padding-left: 0;}
@keyframes scaleDraw {  
	0%{opacity: 0.2;filter:alpha(opacity=20);transform: translateY(-18px);}
	50%{opacity: 1;filter:alpha(opacity=100);transform: translateY(-19px);}
	100%{opacity: 0.2;filter:alpha(opacity=20);transform: translateY(-18px);}
}

/*Homebanner*/
.index_banner{background: #006DB8;}
.index_banner .swi_index_banner .swiper-slide{position: relative;}
.index_banner .swi_index_banner .swiper-slide.swiper-slide-active img{animation: translate3d 5s linear 0s normal 1;}
.index_banner .swi_index_banner .swiper-slide img{ height:100vh;object-fit: cover;}
.index_banner .swi_index_banner .swiper-pagination{z-index: 20; width: inherit;left:3%; bottom: calc(1rem + 1vw);transform: translateX(-3%);}
.index_banner .swi_index_banner .swiper-pagination .swiper-pagination-bullet{background: inherit;width: inherit; height: inherit;float: left;display: block;color: #fff; opacity: 0.7; filter:alpha(opacity=70);-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.index_banner .swi_index_banner .swiper-pagination .swiper-pagination-bullet:after{width:0px;height: 1px;display: block;content: '';background: rgba(255,255,255,0.5); float: right; margin: 0 3px;transform: translateY(11px);-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.index_banner .swi_index_banner .swiper-pagination .swiper-pagination-bullet-active{ opacity:1;filter:alpha(opacity=100);}
.index_banner .swi_index_banner .swiper-pagination .swiper-pagination-bullet-active:after{width:50px;}
.index_banner .swi_index_banner .swiper-slide .ban_text{ position:absolute; left:16%; top:30%; color:#006DB8;}
.index_banner .swi_index_banner .swiper-slide .ban_text h3{ font-size:calc(1rem + 1.5vw); transition: 0.4s; transform: translate3d(-100%,0,0); opacity: 0;filter:alpha(opacity=0); text-transform:uppercase;}
.index_banner .swi_index_banner .swiper-slide .ban_text p{ font-size:1rem; font-weight:200; transition: 0.4s; transform: translate3d(-100%,0,0); opacity: 0;filter:alpha(opacity=0);}
.index_banner .swi_index_banner .swiper-slide.swiper-slide-active .ban_text h3{ transition: 1s 0.4s; transform: translate3d(0,0,0);opacity: 1;filter:alpha(opacity=100);}
.index_banner .swi_index_banner .swiper-slide.swiper-slide-active .ban_text p{ transition-delay: 1s; transition: 1s 0.8s; transform: translate3d(0,0,0);opacity: 1;filter:alpha(opacity=100);}

@keyframes translate3d {
	0% {
		-webkit-transform: perspective(1000px) scale(1.03) translate3d(0,0,0) rotate(0);
		-moz-transform: perspective(1000px) scale(1.03) translate3d(0,0,0) rotate(0);
		-ms-transform: perspective(1000px) scale(1.03) translate3d(0,0,0) rotate(0);
		-o-transform: perspective(1000px) scale(1.03) translate3d(0,0,0) rotate(0);
		transform: perspective(1000px) scale(1.03) translate3d(0,0,0) rotate(0);
	}
	100%{
		-webkit-transform: perspective(1000px) scale(1) translate3d(0,0,0) rotate(0);
		-moz-transform: perspective(1000px) scale(1) translate3d(0,0,0) rotate(0);
		-ms-transform: perspective(1000px) scale(1) translate3d(0,0,0) rotate(0);
		-o-transform: perspective(1000px) scale(1) translate3d(0,0,0) rotate(0);
		transform: perspective(1000px) scale(1) translate3d(0,0,0) rotate(0);
	}
}
.yyxz{ padding-top:10%; padding-left:10%;}
.yyxz a{ margin-right:1rem;}
/*Homeabout*/
.index-about{ position:relative;}
.index-about .wp{ position: relative;}
.index-sydt{ position: absolute; height:100vh; object-fit: cover; width:100%;}
.index-about .about_text{ padding:calc(14px + 14vw) 0 0 28px; zoom: 1;}
.index-about .about_text p{ font-size: 20px; color: #333333;transition: 0.4s;transform: translate3d(-100%,0,0); opacity:0;filter:alpha(opacity=0);}
.index-about .about_text h3{ font-size:calc(1rem + 1.5vw); color: #006DB8; margin:0.3vw 0 0.5vw; transition: 0.8s; transition: 1s;transform: translate3d(-80%,0,0); opacity:0;filter:alpha(opacity=0); text-transform:uppercase;}
.index-about .about_text span{ text-transform: uppercase;display: block; line-height:1.2rem; font-size:14px; font-family:'Arial';transition: 1s;transform: translate3d(-80%,0,0); opacity:0;filter:alpha(opacity=0);}
.index-about .about_text .more{ display:inline-block; font-size:14px; color: #333333; position: relative; padding: 16px 28px 16px 0; margin-top: 3rem;transition: 1.4s;transform: translate3d(-100%,0,0); opacity:0;filter:alpha(opacity=0);}
.index-about .about_text .more i{width:0; height: 1px; background: #006DB8; left: -28px; bottom: 0; position: absolute; z-index: 2}
.index-about .about_text .more:after{ width: calc(28px + 5vw); height: 1px; background: #d5dde3; content: ''; left: -28px; bottom: 0; position: absolute;}
.index-about .about_text .more:hover i{width: calc(28px + 5vw);}
.index-about .about_number{ margin-top:9vw; padding-left: 28px;}
.index-about .about_number li{ float: left; width: auto; margin-right: 2vw}
.index-about .about_number li:nth-child(1){transition: 0.4s; transform: translate3d(0,100%,0); opacity:0;filter:alpha(opacity=0);}
.index-about .about_number li:nth-child(2){transition: 0.4s; transform: translate3d(0,100%,0); opacity:0;filter:alpha(opacity=0);}
.index-about .about_number li:nth-child(3){transition: 0.4s; transform: translate3d(0,100%,0); opacity:0;filter:alpha(opacity=0);}
.index-about .about_number li:nth-child(4){transition: 0.4s; transform: translate3d(0,100%,0); opacity:0;filter:alpha(opacity=0);}
.index-about .about_number li strong{ font-size:calc(1rem + 2.5vw); color: #00ab55; display: inline-block;font-family:numberfont; letter-spacing:-2px}
.index-about .about_number li div{ display: inline-block; margin-left:0.3rem;}
.index-about .about_number li div p{ font-size:12px; color: #333333; }
.index-about .about_number li div span{ font-size:12px; color: #333333; font-weight: bold;}

.map-pot {-webkit-animation-duration: .3s;animation-duration: .3s; position: absolute;right:0;top:62%;width: 120px;height:120px}
.map-pot .map-pot-center {width: 200%;position: absolute;top: 50%;left: 50%;margin-left: -5px;margin-top: -5px;line-height: 1;
*line-height: 2;_line-height: 2;font-size: 0;}
.map-pot .map-pot-center .map-round {width: 10px;height: 10px;border-radius: 50%;background-color: #ff7800; background: -o-linear-gradient(119deg,#00ab55,#00ab55);
 background: linear-gradient(-29deg,#00ab55,#00ab55);display: inline-block; margin-right:4px;vertical-align: middle;}
.map-pot .map-pot-round-10 {-webkit-animation: ripple 4.5s ease-out .5s infinite;animation: ripple 4.5s ease-out .5s infinite;}
.map-pot .map-pot-round-20 {-webkit-animation: ripple 4.5s ease-out 1.2s infinite; animation: ripple 4.5s ease-out 1.2s infinite;}
.map-pot .map-pot-round-30 { -webkit-animation: ripple 4.5s ease-out 2s infinite;animation: ripple 4.5s ease-out 2s infinite;}
.map-pot .map-pot-round {position: absolute;width: 100%;height: 100%;left: 0;top: 0; border-radius: 50%;opacity:0;filter:alpha(opacity=0);background: rgba(0,171,85,0.3);background-blend-mode: normal,normal;}
@-webkit-keyframes ripple{
	0%{opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(.1,.1)}
	5%{opacity:1;filter:alpha(opacity=100);}
	100%{opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(0.5)}
}
@keyframes ripple{
	0%{opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(.1,.1);-ms-transform:scale(.1,.1);transform:scale(.1,.1)}
	5%{opacity:1;filter:alpha(opacity=100);}
	100%{opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5)}
}
.active.index-about .about_text p{transition: 1s 1.2s; transform: translate3d(0,0,0);opacity:1;filter:alpha(opacity=100); }
.active.index-about .about_text h3{transition: 1s 1.4s; transform: translate3d(0,0,0);opacity:1;filter:alpha(opacity=100); }
.active.index-about .about_text span{transition: 1s 1.6s; transform: translate3d(0,0,0);opacity:1;filter:alpha(opacity=100); }
.active.index-about .about_text .more{transition: 1s 1.8s; transform: translate3d(0,0,0);opacity:1;filter:alpha(opacity=100); }
.active.index-about .about_number li:nth-child(1){transition: 1s 2s; transform: translate3d(0,0,0);overflow: hidden;opacity:1;filter:alpha(opacity=100);}
.active.index-about .about_number li:nth-child(2){transition: 1s 2.2s; transform: translate3d(0,0,0);overflow: hidden;opacity:1;filter:alpha(opacity=100);}
.active.index-about .about_number li:nth-child(3){transition: 1s 2.4s; transform: translate3d(0,0,0);overflow: hidden;opacity:1;filter:alpha(opacity=100);}
.active.index-about .about_number li:nth-child(4){transition: 1s 2.6s; transform: translate3d(0,0,0);overflow: hidden;opacity:1;filter:alpha(opacity=100);}

/*Home实力*/
.index-about{ position:relative;}
.index-about .wp{ position: relative;}
.index-shili .shili_text{top:55%; transform:translateY(-50%); position:absolute;}
.index-shili .shili_text p{ font-size: 20px; color: #ffffff;transition: 0.4s;transform: translate3d(-100%,0,0); opacity:0;filter:alpha(opacity=0);}
.index-shili .shili_text h3{ font-size:calc(1rem + 1.5vw);  text-transform:uppercase;color: #ffffff;margin:0.3vw 0 0.5vw;transition: 0.8s; transition: 1s;transform: translate3d(-80%,0,0); opacity:0;filter:alpha(opacity=0);}
.index-shili .shili_text span{ text-transform: uppercase;display: block; line-height:1.2rem; font-size:14px; font-family:'Arial'; color: #ffffff;transition: 1s;transform: translate3d(-80%,0,0); opacity:0;filter:alpha(opacity=0);}
.index-shili .shili_text .more{ display:inline-block; font-size:14px; color: #fff; position: relative; padding: 16px 28px 16px 0;margin-top: 3rem; transition: 1.4s;transform: translate3d(-100%,0,0); opacity:0;filter:alpha(opacity=0);}
.index-shili .shili_text .more i{width:0; height: 1px; background: #006DB8; left: -28px; bottom: 0; position: absolute; z-index: 2}
.index-shili .shili_text .more:after{ width: calc(28px + 5vw); height: 1px; background: #fff; content: ''; left: -28px; bottom: 0; position: absolute; opacity: 0.11;}
.index-shili .shili_text .more:hover i{width: calc(28px + 5vw);}
.active.index-shili .shili_text p{transition: 1s 1.2s; transform: translate3d(0,0,0);opacity:1;filter:alpha(opacity=100); }
.active.index-shili .shili_text h3{transition: 1s 1.4s; transform: translate3d(0,0,0);opacity:1;filter:alpha(opacity=100); }
.active.index-shili .shili_text span{transition: 1s 1.6s; transform: translate3d(0,0,0);opacity:1;filter:alpha(opacity=100); }
.active.index-shili .shili_text .more{transition: 1s 1.8s; transform: translate3d(0,0,0);opacity:1;filter:alpha(opacity=100);}

/*Home应用*/
.index-application{background:#f1f9fc; background-size: cover;}
.index-application .left{width: 50%;}
.index-application .app_text{ padding:calc(14px + 12.5vw) 0 0 28px;}
.index-application .app_text p{ font-size: 20px; color: #333333;transition: 0.4s;transform: translate3d(-100%,0,0);}
.index-application .app_text h3{ font-size:calc(1rem + 1.5vw);  text-transform:uppercase;color: #006DB8;margin:0.3vw 0 0.5vw;transition: 0.8s; transition: 1s;transform: translate3d(-100%,0,0);opacity:0;filter:alpha(opacity=0);}
.index-application .app_text span{ text-transform: uppercase;display: block; line-height:1.2rem; font-size:1vw; font-family:'Arial';transition: 1s;transform: translate3d(-80%,0,0);opacity:0;filter:alpha(opacity=0);}
.index-application .app_text .more{ display:inline-block; font-size:14px; color: #333333; position: relative; padding: 16px 28px 16px 0; margin-top: 3rem;transition: 1.4s;transform: translate3d(-100%,0,0);opacity:0;filter:alpha(opacity=0);}
.index-application .app_text .more i{width:0; height: 1px; background: #006DB8; left: -28px; bottom: 0; position: absolute; z-index: 2}
.index-application .app_text .more:after{ width: calc(28px + 5vw); height: 1px; background: #d5dde3; content: ''; left: -28px; bottom: 0; position: absolute;}
.index-application .app_text .more:hover i{width: calc(28px + 5vw);}
.index-application .app_con{ margin-top:9vw; margin-left: 28px;}
.index-application .app_con li{ float: left; text-align: center; margin-right: 15%;}
.index-application .app_con li:nth-child(1){transition: 0.4s; transform: translate3d(0,120%,0);opacity:0;filter:alpha(opacity=0);}
.index-application .app_con li:nth-child(2){transition: 0.4s; transform: translate3d(0,120%,0);opacity:0;filter:alpha(opacity=0);}
.index-application .app_con li:nth-child(3){transition: 0.4s; transform: translate3d(0,120%,0);opacity:0;filter:alpha(opacity=0);}
.index-application .app_con li i{ display: block; color: #00ab55; font-size: 4.125rem; margin-bottom:6px;}
.index-application .app_con li p{ font-size:14px; color: #333333;}
.index-application .app_con li strong{ font-size:12px; color: #333333;}
.index-application .right{width:45%; position:relative; margin:calc(14px + 13vw) 0 0 0;transition: 0.4s; transform: translate3d(0,100%,0);opacity:0;filter:alpha(opacity=0);}
.index-application .right img{ max-width:100%;}
.index-application .right .bimg1{ position: absolute; z-index: 3; left:-8%;transition: 0.4s; transform: translate3d(-50%,0,0); opacity:0;filter:alpha(opacity=0);}
.index-application .right .bimg2{ position: absolute; top:1.5vw; z-index: 1;max-height: 29vw;transition: 0.4s; transform: translate3d(0,-50%,0); opacity:0;filter:alpha(opacity=0);}
.index-application .right .right-slt-c{ position: relative; top:24vw; right:-23vw; z-index: 2;transition: 0.4s; transform: translate3d(-10%,0,0);opacity:0;filter:alpha(opacity=0);}
.active.index-application .app_text p{transition: 1s 1.2s; transform: translate3d(0,0,0);opacity:1;filter:alpha(opacity=100);}
.active.index-application .app_text h3{transition: 1s 1.4s; transform: translate3d(0,0,0);opacity:1;filter:alpha(opacity=100);}
.active.index-application .app_text span{transition: 1s 1.6s; transform: translate3d(0,0,0);opacity:1;filter:alpha(opacity=100);}
.active.index-application .app_text .more{transition: 1s 1.8s; transform: translate3d(0,0,0);opacity:1;filter:alpha(opacity=100);}
.active.index-application .app_con li:nth-child(1){transition:1s 2s; transform: translate3d(0,0%,0);opacity:1;filter:alpha(opacity=100);}
.active.index-application .app_con li:nth-child(2){transition:1s 2.2s; transform: translate3d(0,0%,0);opacity:1;filter:alpha(opacity=100);}
.active.index-application .app_con li:nth-child(3){transition:1s 2.4s; transform: translate3d(0,0%,0);opacity:1;filter:alpha(opacity=100);}
.active.index-application .right .bimg1{transition: 2s 1.6s; transform: translate3d(0,0,0);opacity:1;filter:alpha(opacity=100);}
.active.index-application .right .bimg2{transition: 1s 2s; transform: translate3d(0,0,0);opacity:1;filter:alpha(opacity=100);}
.active.index-application .right .right-slt-c{transition: 2s 2.4s; transform: translate3d(0,0,0);opacity:1;filter:alpha(opacity=100);}
.active.index-application .right img{transition:1s 2s; transform: translate3d(0,0%,0);opacity:1;filter:alpha(opacity=100);}
.active.index-application .right{transition:1s 2s; transform: translate3d(0,0,0);opacity:1;filter:alpha(opacity=100);}

.right-slt{ position: relative; z-index:8; top:-1.9vw; right:-0.8vw;}
.right-slt img{ float:left;-webkit-transform: rotate(360deg);
    animation: rotation 3s linear infinite;
    -moz-animation: rotation 3s linear infinite;
    -webkit-animation: rotation 3s linear infinite;
    -o-animation: rotation 3s linear infinite;}
@keyframes rotation{from{transform:rotate(0)}to{transform:rotate(360deg)}}

.active.index-application .right .bimg3{}
@keyframes carroad
{
0%{transform:rotate(0); left: 0;}
5%{ transform:rotate(0); left: 60px;}
100%{ transform:rotate(45deg);left: 60px;}
}
/*@-webkit-keyframes carroad{
0%{transform:translateX(0) rotate(0);left: 60px;}
10%{ transform:translateX(60%) rotate(0);left: 60px;}
100%{ transform:translateX(60%) rotate(45deg);left: 60px;}
}*/

/*Home视频*/
.index-video{ position:relative;background:#fff;}
.index-video video{ position: absolute; height:100vh; object-fit: cover;z-index: 50; width:100%;}
.index-video .text{ position: absolute; top:55%; transform:translateY(-50%); color: #fff; left: 9.5%; z-index:100;}
.index-video .text p{ font-size: 20px; color: #ffffff;transition: 0.4s;transform: translate3d(-100%,0,0); opacity:0;filter:alpha(opacity=0);}
.index-video .text h3{ font-size:calc(1rem + 1.5vw); color: #ffffff;  text-transform:uppercase; margin:0.3vw 0 0.5vw;transition: 0.8s;transform: translate3d(-100%,0,0); opacity:0;filter:alpha(opacity=0);}
.index-video .text span{ text-transform: uppercase;display: block; line-height:1.2rem; font-size:14px; font-family:'Arial'; color: #ffffff;transition: 1s;transform: translate3d(-100%,0,0); opacity:0;filter:alpha(opacity=0);}
.index-video .text .more{ display:inline-block; font-size:14px; color: #fff; position: relative; padding: 16px 28px 16px 0;margin-top: 3rem;transition: 1.4s;transform: translate3d(-100%,0,0); opacity:0;filter:alpha(opacity=0);}
.index-video .text .more i{width:0; height: 1px; background: #006DB8; left: -28px; bottom: 0; position: absolute; z-index: 2}
.index-video .text .more:after{ width: calc(28px + 5vw); height: 1px; background: #fff; content: ''; left: -28px; bottom: 0; position: absolute; opacity: 0.11;}
.index-video .text .more:hover i{width: calc(28px + 5vw);}
.active.index-video .text p{transition: 1s 1.2s; transform: translate3d(0,0,0);opacity:1;filter:alpha(opacity=100); }
.active.index-video .text h3{transition: 1s 1.4s; transform: translate3d(0,0,0);opacity:1;filter:alpha(opacity=100); }
.active.index-video .text span{transition: 1s 1.6s; transform: translate3d(0,0,0);opacity:1;filter:alpha(opacity=100); }
.active.index-video .text .more{transition: 1s 1.8s; transform: translate3d(0,0,0);opacity:1;filter:alpha(opacity=100);}

/*Home新闻*/
.index-news{background:#f1f9fc; background-size: cover;}
.index_news_box{ padding:calc(1.5rem + 9vw) 0 0;}
.index_news_box .title_text h3{ font-size:calc(1rem + 1.5vw); color: #006DB8; font-weight:normal; float: left; opacity: 1}
.index_news_box .title_text h3 span{ font-size: 1.25rem; color: #666666; font-family: 'Arial'; display: inline-block; margin-left: 28px; opacity: 0.45;}
.index_news_box .title_text a{ float: right; font-size: 0.75rem; color: #666666; text-transform: uppercase; margin-top: 44px; opacity: 1}
.index_news_box .title_text a:after{ content: '>'; display: inline-block; margin-left:2.5vw; }
.news_index_list{ position:relative; opacity:0;filter:alpha(opacity=0);margin-top: 3vw;}
.news_index_list .swiper-slide{position: relative; background: #fff; }
.news_index_list .swiper-slide a{ display: block;}
.news_index_list .swiper-slide .left{ width: 50%; overflow: hidden;}
.news_index_list .swiper-slide .left img{ width: 100%; transition: all 0.3s ease; transform: scale(1);}
.news_index_list .swiper-slide:hover .left img{ transform: scale(1.02);}
.news_index_list .swiper-slide .right{ padding:calc(9px + 5vw) calc(20px + 7.5vw); width: 50%; box-sizing: border-box;text-align: center;}
.news_index_list .swiper-slide .right span{ font-size: 0.75rem; color: #000000;transform: translate3d(0,100px,0); opacity:0;filter:alpha(opacity=0); display: block;}
.news_index_list .swiper-slide .right h3{ font-size: 1.5rem; color: #000000; margin:1.8vw 0; transform: translate3d(0,100px,0);opacity:0;filter:alpha(opacity=0);}
.news_index_list .swiper-slide .right p{ font-size: 0.8125rem; color: #666666; line-height: 1.5rem;transform: translate3d(0,100px,0);opacity:0;filter:alpha(opacity=0);}
.swiper-slide.swiper-slide-active .right span{ opacity:1;filter:alpha(opacity=100);transform: translate3d(0,0,0);}
.swiper-slide.swiper-slide-active .right h3{ opacity:1;filter:alpha(opacity=100);transform: translate3d(0,0,0);}
.swiper-slide.swiper-slide-active .right p{ opacity:1;filter:alpha(opacity=100);transform: translate3d(0,0,0);}



.news_index_list .swiper-pagination{z-index: 20; width: 50%;right:0%; left: 50%; bottom: calc(1rem + 3vw); text-align: center;}
.news_index_list .swiper-pagination .swiper-pagination-bullet{background:#7f7f7f;width: 7px; height: 7px; display: inline-block; position: relative;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.news_index_list .swiper-pagination .swiper-pagination-bullet-active{ background:none; border:1px solid #1c1c1c; width: 8px; height: 8px; top: 0px;}

/*底部*/
.footer{ background:#006DB8; padding:50px 0 40px;}
.footer .wp{ position: relative;}
.footer .left li{ float:left; padding-right: calc(1rem + 1vw);}
.footer .left li p{display: block;margin-bottom: calc(0.4rem + 0.4vw);color: #fff; font-size:18px;}
.footer .left li p a{color: #fff;font-size:18px;}
.footer .left li a{ display: block; margin-right: calc(1rem + 1vw);color: rgba(255,255,255,0.6);margin-bottom: calc(3px + 0.2vw); font-size: 0.8125rem;}
.footer .left li a:hover{ color: rgba(255,255,255,1)}
.footer .right{ text-align: center; margin-top: 8px;}
.footer .right p{ color: #cccccc;margin-top: calc(0.2rem + 0.4vw); font-size: 0.8125rem;}
.footer .flogo{position: absolute;left:54%; margin-left:-100px;text-align: center;width:200px;}
.footer .flogo img{ max-width:95%; margin:0 auto;}
.footer .flogo p{ font-size:14px; margin-top: calc(5px + 0.5vw); color:Rgba(255,255,255,0.5);}
.footer .copyright {padding-top: calc(1rem + 1vw);border-top: 1px solid rgba(200,200,200,0.1);margin-top: calc(0.5rem + 0.5vw); text-align: center;}
.footer .copyright p{ font-size: 0.75rem; color: #ffffff; opacity:0.6;filter:alpha(opacity=60);}
.footer .copyright p a{ color: #ffffff; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.footer .copyright p a:hover{ opacity: 1}



/*翻页右下角的button*/
#fullPage{-webkit-transition-delay:.25s!important;transition-delay:.25s!important;}
#fullPage .section{position: relative;overflow: hidden;}
#fullPage_menu{position: fixed;right: calc(20px + 2vw);bottom: calc(20px + 2vw);z-index: 10;width: 40px;text-align: right;}
#fullPage_menu li{}
#fullPage_menu li a{position: relative;padding:5px 0;display: block;}
#fullPage_menu li.active a{ padding:10px 0;}
#fullPage_menu li a:after{ width: 50%;height: 1px; display: block;content: '';background:Rgba(255,255,255,0.5);position: absolute;bottom: 0;right: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#fullPage_menu li a span{font-size:20px; font-family: shuzifont; color: #e77817;height:0px;display: block; overflow: hidden;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;-webkit-transition-delay:.4s!important;transition-delay:.4s!important;}
#fullPage_menu li.active a span{height: 25px;}
#fullPage_menu li.active a:after{width: 100%;background: #e77817!important;}

/*变色*/
.fp-viewing-page2 .header .logo .logo-h{ opacity:1;filter:alpha(opacity=100); display:block;height: 36px;}
.fp-viewing-page4 .header .logo .logo-h{ opacity:1;filter:alpha(opacity=100); display:block;height: 36px;}
.fp-viewing-page6 .header .logo .logo-h{ opacity:1;filter:alpha(opacity=100); display:block;height: 36px;}
.fp-viewing-page7 .header .logo .logo-h{ opacity:1;filter:alpha(opacity=100); display:block;height: 36px;}
.fp-viewing-page2 .header .logo .logo-w{ display:none;}
.fp-viewing-page4 .header .logo .logo-w{ display:none;}
.fp-viewing-page6 .header .logo .logo-w{ display:none;}
.fp-viewing-page7 .header .logo .logo-w{ display:none;}
.fp-viewing-page2 .header .menu span i{ background: #666666;}
.fp-viewing-page4 .header .menu span i{ background: #666666;}
.fp-viewing-page6 .header .menu span i{ background: #666666;}
.fp-viewing-page7 .header .menu span i{ background: #666666;}
.fp-viewing-page2 .header .menu em{ color: #666666;}
.fp-viewing-page4 .header .menu em{ color: #666666;}
.fp-viewing-page6 .header .menu em{ color: #666666;}
.fp-viewing-page7 .header .menu em{ color: #666666;}
.fp-viewing-page2 #fullPage_menu li a:after{background:Rgba(0,109,184,0.3);}
.fp-viewing-page4 #fullPage_menu li a:after{background:Rgba(0,109,184,0.3);}
.fp-viewing-page6 #fullPage_menu li a:after{background:Rgba(0,109,184,0.3);}
.fp-viewing-page7 #fullPage_menu li a span{ color: #fff;}
.fp-viewing-page7 #fullPage_menu li.active a:after{width: 100%;background: #fff!important;}
.fp-viewing-page7 #fullPage_menu{ display:none;}

.stricky.header{background: #fff; padding:0;}
.stricky.header .logo .logo-h{ opacity:1;filter:alpha(opacity=100); display: block; margin-top:-2rem;height: 36px;}
.stricky.header .menu span i{ background:#666;}
.stricky.header .menu em{color:#666;}
.stricky.header .menu{margin-top: 1.5rem;}
@media screen and (max-width: 1680px){
.news_index_list .swiper-slide .right{padding:calc(9px + 5vw) calc(20px + 3.5vw)}
}

@media screen and (max-width: 1360px){
.index-about .about_number { margin-top: 4.45vw;padding-left: 28px;}
.index-about .about_text .more i{ left: 0; bottom: 0; }
.index-about .about_text .more:after{ left: 0; bottom: 0;}
.index-shili .shili_text .more i{left: 0; bottom: 0; }
.index-shili .shili_text .more:after{ left: 0; bottom: 0;}
.index-application .app_text .more i{ lleft: 0; bottom: 0;}
.index-application .app_text .more:after{ left: 0; bottom: 0;}
.index-video .text .more i{left: 0; bottom: 0;}
.index-video .text .more:after{ left: 0; bottom: 0;}
.news_index_list .swiper-slide .right{ padding:calc(9px + 5vw) calc(20px + 2.5vw); width: 50%; box-sizing: border-box;text-align: center;}
.map-pot{right:1%;top: 50%;}
.index-application .app_con {margin-top: 4.45vw;}
.index_news_box {padding: calc(1.5rem + 8vw) 0 0;}
.news_index_list{ margin-top:1vw;}
.index-application .app_text{padding: calc(14px + 11vw) 0 0 28px;}
.index-application .right{margin-top: calc(14px + 11vw);}

}

@media screen and (max-width: 1024px){
.index_banner .swi_index_banner .swiper-slide .ban_text2{right:2.32%; top:30.66%;}
.map-pot {right:3%;top: 55%;}
.index-about .about_text{ padding:calc(14px + 20vw) 0 0 28px; zoom: 1;}
.index-about .about_text h3{font-size: 2.5rem;}
.index-shili .shili_text h3{font-size: 2.5rem;}
.index-application .app_text {padding: calc(14px + 20vw) 0 0 28px;}
.index-application .app_text h3{font-size: 2.5rem;}
.index-application .app_con li {float: left;text-align: center;margin-right: 10%;}
.index-application .right {min-width: 45%;position: relative;margin: calc(14px + 20vw) 0 0 0;}
.index_news_box .title_text h3 {font-size: 2.5rem; opacity: 1;filter:alpha(opacity=100);}
.index-video .text  h3{font-size: 2.5rem;}
.index_news_box { padding: calc(1.5rem + 12vw) 0 0;}
.news_index_list .swiper-slide .right{ padding:calc(9px + 5vw) calc(20px + 0.2vw); width: 50%; box-sizing: border-box;text-align: center;}
}
@media screen and (max-width: 769px){
.index-application .left{ min-width: 100%;}
.index-application .app_text{padding:calc(14px + 10vw) 0 0 28px}
.index-application .right{ min-width: 60%; min-height: 540px; position: relative;margin:calc(14px + 10vw) 0 0 0; margin-right: 20%;}
.news_index_list .swiper-slide .left{ width: 100%; }
.news_index_list .swiper-slide .right{ width: 100%; }
.news_index_list .swiper-pagination{z-index: 20; width: 100%;right:0%; left: 0%; bottom: 1rem; text-align: center;}
.footer .pc-vis{ display:block}
}
@media screen and (max-width: 640px){
.pc-ban{ display:none;}
.header .logo{ position: relative;  float: left; width: 40%;}
.header .menu{ float: right; cursor: pointer; margin-top: 5px;}
.stricky .logo{margin-top: 3%;}

.index_banner .swi_index_banner .swiper-slide img{ width:100%; height: auto;}
.index_banner .swi_index_banner .swiper-slide .ban_text1{ position: absolute; left: 6.45%; top:29.375%}
.index_banner .swi_index_banner .swiper-slide .ban_text1 h3{ color: #006DB8; font-size: 30px;}
.index_banner .swi_index_banner .swiper-slide .ban_text1 p{ color: #006DB8; font-size: 18px;}
.index_banner .swi_index_banner .swiper-slide .ban_text2{ position: absolute; right: 1.32%; top:16%; text-align: right;}
.index_banner .swi_index_banner .swiper-slide .ban_text2 h3{ color: #fff; font-size: 30px;}
.index_banner .swi_index_banner .swiper-slide .ban_text2 p{ color: #fff; font-size: 18px;}
	
.index-about .wp{ padding-bottom:280px;}
.index-about .about_text{padding:5rem 0 0 3%}
.index-about .about_text p{font-size: 1.1rem;}
.index-about .about_text h3{ font-size: 1.5rem; transition: 0.8s;}
.index-about .about_text span{ font-family:'Arial'; font-size: 12px;line-height: 16px;}
.index-about .about_text .more{transition: 1.4s;margin-top:1rem}
.index-about .about_number { padding-left:5px;}
.index-about .about_number li{ width:50%; margin: 0 0 10px; text-align:left;}
.index-about .about_number li strong{ font-size:36px;}
.index-about .about_number li div{ margin-left:0.4rem;}
.index-about .about_number li div p{ font-size:13px;}
.map-pot{top: 67%;right: -6%;}
.car_sjb{ padding-top:2rem;}
.index-shili{ padding:0 0; background: none;}
.index-shili .shili_text{ position:absolute; margin-left: 3%;}
.index-shili .shili_text p{ font-size:1.3rem; color: #ffffff;transition: 0.4s;transform: translate3d(0,0,0); opacity:1;filter:alpha(opacity=100);}
.index-shili .shili_text h3{ font-size:1.5rem; color: #ffffff; margin: 0.8vw 0;transition: 0.8s; transition: 1s;transform: translate3d(0,0,0); opacity:1;filter:alpha(opacity=100);}
.index-shili .shili_text span{ text-transform: uppercase; font-size: 12px; line-height: 16px;display: block; line-height: 1.5em; font-size:14px; font-family:'Arial'; color: #ffffff;}
.index-shili .shili_text .more{ display:inline-block; font-size:14px; color: #fff; position: relative; padding: 16px 28px 16px 0;margin-top: 1rem;}
.index-application{ padding: 30px 0 60px;}
.index-application .app_text{ padding:calc(14px + 5vw) 0 0 3%;}
.index-application .app_text p{ font-size: 1.1rem;}
.index-application .app_text h3{ font-size: 1.5rem;}
.index-application .app_text span{font-size: 12px;line-height: 16px;}
.index-application .app_text .more{ display:inline-block; font-size:14px; color: #333333; position: relative; padding: 16px 28px 16px 0; margin-top: 1rem;}
.index-application .app_con{ margin-top:1rem; margin-left: 5px;}
.index-application .app_con li i{ font-size:2rem;}
.index-application .app_con li{ float: left; text-align: center; width: 33.33%; margin-right: 0;}
.index-application .right{ min-height:inherit; display:none}

.index-video video{ display:none;}
.index-video .text{ left:8%;}
.index-about .index-sydt{ position: absolute; height:100%;}
.index-sydt{ position:static; height:100%;}
.index-video .text p{ font-size: 1.1rem;}
.index-video .text h3{ font-size:1.5rem;}
.index-video .text span{ font-size: 12px;}
.index_news_box {padding:2rem 0 1rem;}
.index_news_box .title_text h3{font-size:1.5rem}
.index_news_box .title_text h3 span{  opacity: 0.45; filter:alpha(opacity=45); margin-left: 5px;font-size: 12px;line-height: 16px;}
.index_news_box .title_text a{ opacity:1;filter:alpha(opacity=100);margin-top: 20px;}
.news_index_list{ position:relative; opacity:1;filter:alpha(opacity=100);margin-top: 3vw;}
.news_index_list .swiper-slide .right h3 {font-size: 1.25rem;}
.swiper-slide.swiper-slide-active .right p{ext-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical;}

.footer{ padding: 16px 0 25px;}
.footer .flogo {
    position: absolute;
    left: 2%;
    transform: translate(0%,0%);
    top: 10%;
    text-align: center;
}

.footer .pc-vis{ display:none}
#fullPage_menu{ display: none;}
.footer .copyright { border:none;margin-top:0;padding-top:0; text-align: center;}
}