body,html{font-size: 100px;}
*{font-size: 0.16rem;}
@media screen and (max-width: 1366px) {
	body,html{font-size: 70px;}
}
@media screen and (max-width: 1024px) {
	body,html{font-size: 50px;}
}
@media screen and (max-width: 768px) {
	body,html{font-size: 40px;}
    *{font-size: 0.24rem;line-height:0.36rem;}
    select, input, textarea, button{font-size: 0.24rem;}
    .f_18{font-size:0.24rem}
}
@media screen and (max-width: 560px) {
	body,html{font-size: 30px;}
    select, input, textarea, button{font-size: 0.3rem;}
}

#tanchuang{
    z-index:9999999;
    position:relative;
}

ul{list-style: none;padding: 0;margin: 0;}
.select{padding-right:32px;}
option{font-size: 0.16rem;}

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
/*多行文本省略号*/
.dot2,
.dot3,
.dot4,
.dot5{ display:-moz-box;display:box;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;}
/*2行文本省略号*/
.dot2 {-webkit-line-clamp: 2;}
/*3行文本省略号*/
.dot3 {-webkit-line-clamp: 3;}
/*4行文本省略号*/
.dot4 {-webkit-line-clamp: 4;}
/*5行文本省略号*/
.dot5 {-webkit-line-clamp: 5;}
@keyframes guang {
    0% {
    -moz-transform: scale(0);
    transform: scale(0);
    opacity: 1;
   }
    100% {
    -moz-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
   }
   }
   @keyframes guang2 {
    0% {
    -moz-transform: scale(0);
    transform: scale(0);
    opacity: 1;
   }
    100% {
    -moz-transform: scale(1.06);
    transform: scale(1.06);
    opacity: 0;
   }
}

.hide_two{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.hover_img{overflow:hidden;}
.hover_img img{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;width:100%;}
.hover_img:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}

/* 视屏 */
.video_albox{position:fixed;left:0;top:0;right:0;bottom:0;z-index:9999;background-color:rgba(0,0,0,.2);}
.video_albox .video_albox_content{display:flex;align-items:center;justify-content:center;height:100%;}
.video_albox .video_albox_box{position:relative;width:70%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);background-color:#000;border-radius:0.05rem;padding:0.3rem;}
.video_albox video{width:100%;height:100%;object-fit:contain;}
.video_albox .close{position:absolute;right:0;top:0;width:0.3rem;height:0.3rem;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;z-index:1;cursor:pointer;}
@media(max-width:1024px){.video_albox .video_albox_box{width:90%;}
}
.fd::after{content:" ";display:block;clear:both;}
.fd{zoom:1;}
.app{display:none;}
.container{width:1600px;margin:0 auto;}
.base-container{width:1800px;margin:0 auto;}
@media(max-width:1800px){.base-container,.container,.tk_nav .tk_top{width:100%;padding:0 5%;}
}
@media(max-width:1220px){.base-container,.container,.tk_nav .tk_top{width:100%;padding:0 0.3rem;}
}
@media(max-width:768px){.base-container,.container,.tk_nav .tk_top{width:100%;padding:0 0.15rem;}
.app{display:block;}
}
.template{margin-top:0px;}
/* 导航 */
.nav{width:100%;position:fixed;top:0;left:0;z-index:999;transition:all .5s;background-color:#5693c8;padding:0.3rem 0;}
.nav.nav2{background-color:#5693c8;padding:0.3rem 0;}
.nav .logo{float:left;}
.nav .logo img{height:30px;}
.nav .other{float:right;display:flex;}
.nav .other .nav_bar{padding-right:0.25rem;border-right:1px solid #fff;}
.nav .other .nav_bar ul{display:flex;}
.nav .other .nav_bar .tk_title{padding:0 0.25rem;color:#fff;}
.nav .search{width:0.7rem;border-right:1px solid #fff;padding:0 0.25rem;position:relative;transition: all 0.5s;}
.nav .search:hover{width:2.7rem;}
.nav .search input{font-size:0.16rem;color:#ffffff;position:absolute;left:0.25rem;top:50%;transform:translateY(-50%);width:0;transition: all 0.5s;}
.nav .search:hover input{width:160px;}
.nav .search input::placeholder{color:#fff;font-size:0.16rem;}
.nav .search .search_btn{position:absolute;right:0.25rem;top:50%;background-image:url(../images/search.png);background-size:cover;width:0.16rem;height:0.16rem;transform:translateY(-50%);}
.nav .language{position:relative;padding:0 0.25rem;border-right:1px solid #fff;}
.nav .language .lan_box.active{opacity:1;top:100%;padding:0 0.25rem;}
.nav .language a{color:#fff;position:relative;font-size:0.16rem;}
.nav .language span{display:inline-block;position:relative;width:0.2rem;height:0.2rem;cursor:pointer;}
.nav .language span i{content:'';display:block;position:absolute;width:0;height:0;border:0.06rem solid transparent;border-bottom:0.06rem solid #faf9f7;z-index:1;left:50%;top:50%;transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);}
.nav .language .lan_box{position:absolute;top:150%;left:0;right:0;opacity:0;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.nav .open_btn{padding:0 0.25rem;font-size:0.18rem;color:#fff;display:flex;align-items:baseline;cursor:pointer;}
.nav .open_btn i{background-image:url(../images/lang_01.png);background-position:right center;background-repeat:no-repeat;width:0.42rem;height:0.1rem;margin-left:0.2rem;}
.tk_nav{position:fixed;left:0;right:0;bottom:0;top:-120%;height:100vh;z-index:9999999;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;}
.tk_nav.show{top:0;display:block;}
.tk_nav_bg{min-width:100%;min-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:none;}
.tk_nav.show .tk_nav_bg{display:block;}
.tk_nav .tk_top{position:absolute;left:50%;top:0.5rem;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);background-color:transparent;max-width:1800px;width:100%;display:flex;justify-content:space-between;align-items:center;z-index:1;}
.tk_nav .tk_logo{display:flex;width:2.6rem;justify-content:space-between;position:relative;align-items:center;}
.tk_nav .tk_logo .tk_text::before{position:absolute;content:'';display:block;left:-0.4rem;top:50%;height:70%;width:0.02rem;background-color:#fff;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);}
.tk_nav .tk_logo .tk_text{position:relative;}
.tk_nav .tk_logo .tk_t01{font-size:0.16rem;color:#fff;}
.tk_nav .tk_logo .tk_t02{font-size:0.24rem;color:#fff;}
.tk_nav .tk_colse{font-size:0.18rem;color:#ffffff;display:flex;align-items:center;cursor:pointer;}
.tk_nav .tk_colse .tk_close_text{margin-right:0.1rem;}
.tk_nav .tk_colse i{display:block;width:20px;height:20px;background-color: #00a1e9;font-size: 16px;color: white;text-align: center;line-height: 20px;border-radius: 50%;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;}
.tk_nav .tk_nain{display:flex;width:100%;height:100vh;}
.tk_nav .tk_nain .item{background-color:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;position:relative;flex:1;flex-direction:column;}
.tk_nav .tk_nain .item.item01 a{margin-top:0.1rem;}
.tk_nav .tk_nain .item .tk_title{font-size:0.24rem;color:#fff;font-weight:bold;font-family:"HarmonyLight";position:relative;}
.tk_nav .tk_nain .item .tk_title::before{content:'';display:none;position:absolute;background-image:url(../images/sy_jiantou.png);position:absolute;right:20%;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);width:0.3rem;height:0.13rem;background-repeat:no-repeat;}
.tk_nav .tk_nain .item:nth-child(2n){background-color:rgba(46,46,46,.8);}
.tk_nav .tk_nain .item:hover{align-items:flex-end;background-color:transparent;justify-content:flex-end;}
.tk_nav .tk_nain .item:hover .tk_title{width:100%;text-align:left;padding:0 20%;line-height:1.4rem;background-color:#00a1e9;margin-top:0;}
.tk_nav .tk_nain .item:hover .tk_title::before{display:block;}
/* 首页头部nav响应式 */
@media(max-width:1600px){.tk_nav .tk_nain .item:hover .tk_title{padding:0 13%;}
}
@media(max-width:1459px){.tk_nav .tk_nain .item .tk_title{font-size:0.2rem;}
}
@media(max-width:1200px){.tk_nav .tk_nain .item .tk_title{font-size:0.18rem;}
.tk_nav .tk_nain .item .tk_title::before{right:10%;}
.tk_nav .tk_nain .item:hover .tk_title{padding:0 10%;}
.nav{padding-top:0.3rem;}
}
@media(max-width:1024px){.tk_nav .tk_nain .item .tk_title{font-size:0.14rem;}
.nav .search{padding:0;border:none;width:2.77rem;border-bottom:0.02rem solid #fff;margin-right:0.2rem;}
.nav .search input{width:auto;left:0;}
.nav .search:hover input{width:auto;}
.nav .search .search_btn{right:0;}
.nav .other .nav_bar{display:none;}
.nav .language{margin-right:0.2rem;padding:0;border:none;}
.nav .open_btn{padding:0;}
.nav .language .lan_box.active{padding:0;}
}
@media(max-width:800px){.tk_nav .tk_colse i{display:block !important;}
.tk_nav .tk_nain{flex-direction:column;}
.tk_nav .tk_logo{display:none;}
.tk_nav .tk_top{justify-content:flex-end;}
.tk_nav .tk_top{top:0.18rem;}
.tk_nav .tk_nain .item:hover .tk_title{line-height:1;}
.tk_nav .tk_nain .item:hover .tk_title{line-height:unset;height:100%;display:flex;align-items:center;}
}
@media(max-width:768px){
.nav .other{display:flex;}
.nav .other.pc{display:none;}
.tk_nav .tk_nain .item .tk_title{font-size:0.3rem;}
.tk_nav .tk_colse i{width:0.4rem;height:0.4rem;line-height:0.4rem;font-size:0.3rem;margin-right:0.1rem;}
.nav .open_btn .open_text{display:none;}
.nav .open_btn{margin-top:0.05rem;padding:0;}
.nav{padding:0.2rem 0;}
.nav .language{margin-right:0.15rem;}
.nav .search{margin-right:0.2rem;}
.nav .logo img{height:0.4rem;}
.nav .language a{font-size:0.24rem;}
.nav .search input{font-size:0.24rem;}
.nav .open_btn i{height:0.16rem;}
}
@media(max-width:480px){
.nav .language a{font-size:0.3rem;}
.nav .search input{font-size:0.3rem;}
.nav .open_btn i{width:0.4rem;}
.nav .language span i{border: 0.1rem solid transparent;border-bottom: 0.1rem solid #faf9f7;margin-top: -0.05rem;}
}
/* 底部 */
.foot{background-color:#333333;float: left;width: 100%;position: relative;}
.foot .lt{width:25%;}
.foot .lt .logo{}
.foot .lt .foot_tel01{margin-top:0.45rem;color:#fff;}
.foot .lt .foot_tel02{margin-top:0.15rem;font-size:0.4rem;color:#6da547;}
.foot .lt .foot_email_01{margin-top:0.2rem;color:#fff;}
.foot .lt .foot_icon{margin-top:0.3rem;position:relative;}
.foot .lt .foot_icon a{display:inline-block;position:relative;}
.foot .lt .foot_icon .qr{width:1.2rem;border:0.01rem solid #eee;padding:3px;position:absolute;left:50%;transform:translateX(-50%);bottom:120%;display:none;}
.foot .lt .foot_icon .qr img{display:block;width:100%;height:auto;}
.foot .lt .foot_icon a:hover .qr{display:block;}
.foot .lt .foot_icon a:not(:first-child){margin-left:0.3rem;}
.foot .foot_more .foot_icon div{position:absolute;bottom:calc(100% + 0.2rem);background-color:white;padding:0.1rem;display:none;left:50%;transform:translateX(-50%);width:1.4rem;height:1.4rem;}
.foot .foot_more .foot_icon div img{width:100%;}
.foot .foot_more .foot_icon:hover div{display:block;}
.foot .foot_more .foot_icon div.active{display:block;}
.foot .content{padding:0.9rem 0 0.5rem;display: inline-block;width: 100%;position:relative;}
.foot .content .container{display:flex;justify-content:space-between;flex-wrap:wrap;}
.foot .lr{width:72%;}
.foot .footer_nav{display:flex;justify-content:space-between;flex-wrap:wrap;}
.foot .footer_nav .pro-bottom{width:20%;}
.foot .footer_nav .pro-bottom .footer_title{text-align:center;}
.foot .footer_nav .pro-bottom dl{width:100%;}
.foot .footer_nav .pro-bottom dt{width:50%;float:left;text-align:center;}
.foot .footer_nav .footer_title{margin-bottom:0.15rem;position:relative;}
.foot .footer_nav .footer_title a{font-size:0.2rem;color:#fff;display:inline-block;}
.foot .footer_nav .footer_title span{content:'';display:block;position:absolute;top:0.09rem;border-top:0.01rem solid #000;border-right:0.01rem solid #000;right:0.1rem;width:0.1rem;height:0.1rem;transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);display:none;}
.foot .footer_nav dt{padding-top:0.15rem;}
.foot .footer_nav dt a{opacity:.6;color:#fff;}
.foot .foot_other{background-color:#333333;float: left;width: 100%;}
.foot .foot_other .container{display:flex;align-items:center;padding-top:0.35rem;padding-bottom:0.35rem;flex-wrap:wrap;}
.foot .foot_other{color:rgba(255,255,255,.5);}
.foot .foot_other a{position:relative;color:rgba(255,255,255,.5);padding:0 0.1rem;}
.foot .foot_more .foot_icon{display: inline-block;width:0.6rem;height: 0.6rem;border-radius: 50%;background-color: rgba(255, 255, 255, 0.2);opacity: 0.6;margin-right: 0.2rem;position: relative;}
.foot .foot_more .foot_icon img{width: 0.3rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.foot .foot_more .foot_icon:hover{opacity: 1;}
.wave{position: absolute;overflow: hidden;left: 0;top: 0;width: 100%;height: 100%;}
.shape {background: url(../images/bottomline.png);background-repeat: repeat-x;width: 100%;height: 100%;left: 0;top: 0;position: absolute;}
.shape1 {opacity: 1;animation: waveMove1 15s linear infinite;background-position: 300px 100px;  }
.shape2 {opacity: 0.5;animation: waveMove2 19s linear infinite;background-position: 700px 60px; }
.shape3 {opacity: 0.2;animation: waveMove3 13s linear infinite;background-position: 0px 0px; }
@keyframes waveMove1 {
	from {
		background-position: 300px 100px;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	to {
		background-position: -2537px 20px;
		-webkit-transform: rotate(100deg);
		transform: rotate(100deg)
	}
}
@keyframes waveMove2 {
	from {
		background-position: 100px 50px;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	to {
		background-position: -2537px 10px;
		-webkit-transform: rotate(80deg);
		transform: rotate(80deg)
	}
}
@keyframes waveMove3 {
	from {
		background-position: 0px 0px;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	to {
		background-position: -2537px 0px;
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}
}
@keyframes waveMove11 {
	from {
		background-position: 300px 100px;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	to {
		background-position: -2537px 20px;
		-webkit-transform: rotate(50deg);
		transform: rotate(50deg)
	}
}
@keyframes waveMove12 {
	from {
		background-position: 100px 50px;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	to {
		background-position: -2537px 10px;
		-webkit-transform: rotate(40deg);
		transform: rotate(40deg)
	}
}
@keyframes waveMove13 {
	from {
		background-position: 0px 0px;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	to {
		background-position: -2537px 0px;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg)
	}
}
/* 首页头部nav响应式 */
@media(max-width:1024px){.foot .footer_nav .footer_title a{font-size:0.18rem;}
.foot .footer_nav dt a{font-size:0.16rem;}
.foot .lt{width:100%;}
.foot .lr{width:100%;margin-top:0.3rem;}
.foot .lt .foot_tel01{margin-top:0.2rem;}
.foot .content{padding:0.4rem 0 0.3rem;}
}
@media(max-width:768px){.foot .footer_nav .footer_title span{display:block;}
.foot .footer_nav .item dl{display:none;}
.foot .footer_nav .item{width:100%;display: none;}
.foot .footer_nav{justify-content: center;}
.foot .footer_nav .footer_title{margin-bottom:0.1rem;}
.foot .footer_nav dt{padding:0px 0 0.05rem;}
.foot .footer_nav dt:first-child{padding-top:0;}
.foot .lt .foot_tel02{font-size:0.18rem;}
.foot .lt{width:100%;text-align:center;}
.foot .content{padding:0.3rem 0 0.2rem;}
.foot .foot_other .foot_more{width:100%;text-align:center;margin-top: 0.2rem;}
.foot .foot_other .foot_copy{width:100%;text-align:center;margin-top:0.2rem;}
.foot .foot_other{font-size:0.13rem;}
.foot .footer_nav .footer_title a{font-size:0.16rem;}
.foot .footer_nav dt a{font-size:0.14rem;}
.foot .footer_nav .footer_title a{font-size:0.36rem;color:#fff;display:inline-block;}
}
/* banner */
.sy{background-image:url(../uploadfiles/index_bg.png);background-size:cover;background-position:left top;}
.sy.noscorll{overflow:hidden;}
.bannerbig{height:100vh;overflow-y:auto;position:fixed;width:100%;z-index:99999;}
.banner01{height:250vh;width:100%;z-index:99998;}
/* 启动 */
.start_up{width:100%;height:100vh;position:sticky;top:0;left:0;z-index:9999;overflow:hidden;}
.start_up .ig img{position:absolute;left:0;right:0;bottom:0;top:0;width:100%;height:100%;object-fit:cover;}
.start_up .ig::before{content:'';display:block;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;transition:all .5s;position:absolute;top:0;left:0;z-index:21;}
.start_up .ig{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;transition:all .5s;position:absolute;top:0;left:0;z-index:20;}
.banner.on .start_up{z-index:99;}
.banner.on{height:100vh;}
.banner{position: relative;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{left:10%;!important}
.slide-banner{width:0.2rem;position: absolute;bottom: 10%;right: 10%;color: #58c883;z-index: 100;text-align: center;animation: slide 2.5s linear infinite;}
@keyframes slide {0%{bottom:10%}25%{bottom:9%}75%{bottom:11%}100%{bottom:10%}}
.banner.on .start_up .ig{display:none !important;}
.banner{width:100%;position:relative;}
.banner .swiper-container{position:relative;}
.banner .swiper-container::after{content:'';width:100%;height:0.01rem;background:#fff;position:absolute;bottom:0;left:0;z-index:10;display:none;}
.banner .bj{width:100%;vertical-align:top;object-fit:cover;}
.banner .rq{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);z-index:2;}
.banner .rq .p1{font-size:0.6rem;color:#ffffff;font-weight:700;}
.banner .rq .p2{font-size:0.36rem;color:#ffffff;margin-top:0.35rem;}
.banner .swiper-pagination{bottom:12%;text-align:center;width:1600px;left:50%;transform:translateX(-50%);font-size:0.18rem;color:#fff;display:flex;align-items:center;justify-content:center;}
.banner .swiper-pagination span{position:relative;background-color:#fff;opacity:1;margin:0 0.1rem !important;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{border:0.02rem solid #435d87;border-radius:50%;background-color:transparent;position:relative;width:0.17rem;height:0.17rem;}
.banner .swiper-pagination span.swiper-pagination-bullet-active::before{content:'';display:block;position:absolute;right:0;top:0;bottom:0;left:0;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-top:0.02rem solid #fff;border-right:0.02rem solid #fff;border-bottom:0.02rem solid #fff;}
.banner video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1;}
/* 首页板块1 */
.index01{padding:0.9rem 0;float: left;width: 100%;position: relative;}
.index01 .shape,.index05 .shape {background: url(../uploadfiles/index-banner1.png);}
.index01 .shape1 {opacity: 1;animation: waveMove11 15s linear infinite;background-position: 300px 100px;  }
.index01 .shape2 {opacity: 0.5;animation: waveMove12 19s linear infinite;background-position: 700px 60px; }
.index01 .shape3 {opacity: 0.2;animation: waveMove13 13s linear infinite;background-position: 0px 0px; }
.container{float: left;width: 80%;margin: 0 10%;padding: 0;}
.container .title{width: calc(40% - 1rem);float: left;position: relative;display: flex;}
.container .index-title{float: left;height:1.2rem;}
.container .index-title img{float: left;width: 3.45rem;margin-bottom: 0.2rem;}
.img{overflow: hidden;}
.img img{width: 100%;}
.img:hover img{transform:scale(1.1)}
.container .index-title h3{font-size: 0.48rem;font-weight: 900;line-height: 0.6rem;}
.container .index-title2{float: right;flex-grow: 1;}
.container .index-title2 p{text-align: right;}
.index01 .list{float:left;position: relative;;margin-top:0.8rem;width: 100%;}
.index01 .list-left{width: 2.75rem;height: 100%;float: left;}
.index01 .application-content{font-size: 0.18rem;display: none;}
.index01 .application-content.active{display: block;}
.index01 .application-index{float: right;width: calc(100% - 2.9rem);margin-top: 0;margin-left: 0.15rem;overflow: hidden;}
.index01 .application-index a i{display: block;width:100%;height:100%;position: absolute;top:0;left:0;}
.index01 .application-index a i::before{content:'';display: block;width:0;height:2px;background: #5693c8;transition: all .5s;-webkit-transition: all .5s;opacity: 0;position: absolute;z-index:99;}
.index01 .application-index a i::after{content:'';display: block;height:0;width:2px;background: #5693c8;transition: all .5s;-webkit-transition: all .5s;opacity: 0;position: absolute;z-index:99;}
.index01 .application-index a i.i1::before{left:0;top:0;}
.index01 .application-index a i.i1::after{right:0;top:0;transition: all .45s .5s;-webkit-transition: all .45s .5s;}
.index01 .application-index a i.i2::before{left:0;bottom:0;transition: all .45s .5s;-webkit-transition: all .45s .5s;}
.index01 .application-index a i.i2::after{left:0;top:0;}
.index01 .application-index a:hover i::before,
.index01 .application-index a:hover i::after{opacity: 1;}
.index01 .application-index a:hover i::before{width:100%;}
.index01 .application-index a:hover i::after{height:100%;}
.index01 .application-index .img{width: 100%;float: left;}
.index01 .application-index p{background-color: #fff;height: 0.6rem;line-height: 0.6rem;font-size: 0.2rem;width: 100%;text-align: center;float: left;width: 100%;font-weight:600;}
.swiper-prev,.swiper-next{width: 0.5rem;height: 0.5rem;text-align: center;line-height: 0.5rem;color: #fff;background-color: #5892c8;position: absolute;bottom:0.2rem;left: 1.7rem;cursor: pointer;}
.swiper-prev{left: 1rem;}

/* index02 */
.index02{padding:0.9rem 0;float: left;width: 100%;overflow: hidden;}
.index02 .container{max-width: 15.4rem;width: 80%;margin: 0 10%;}
.index02 .produtc{float: left;position: relative;width: 100%;}
.index02 .product-left{float: left;position: relative;width: 70%;}
.index02 .product-left:hover .img img{transform:scale(1.1)}
.index02 .product-left-content{width:calc(100% - 0.8rem);position: absolute;left: 0.6rem;bottom: 0.6rem;color: white;}
.index02 .product-left-content a{color:white;}
.index02 .product-left-icon{width: 0.75rem;}
.index02 .produtc-page{position: absolute;bottom: 0.6rem;right: 0.6rem;font-size: 0.36rem;color: white;}
.index02 .product-left-content h3{font-size: 0.32rem;font-weight: 600;width: 100%;margin-top: 0.15rem;}
.index02 .product-left-content p{width: 100%;margin-top: 0.15rem;}
.more{padding: 0 0.4rem;border: 1px solid white;height:0.5rem;line-height:0.5rem;border-radius: 0.25rem;color:white;display: inline-block;margin-top: 0.15rem;}
.index02 .produtc .img{float: left;width: 100%;overflow: hidden;position: relative;}
.index02 .produtc .img::after{height: 30%;width: 100%;position: absolute;left: 0;bottom: 0;background-image: linear-gradient(to top, rgba(31,94,153,0.6), transparent);content:""}
.index02 .product-right{float: left;width:30%;padding: 0 0.2rem 0 0.8rem;display:flex;flex-wrap:wrap;display:none;padding-right:0;}
.index02 .swiper-slide-active .product-right{display:flex;}
.index02 .produtc .swiper-slide{display:flex;flex-wrap:wrap;}
.index02 .product-right ul{float: left;width: 100%;display:flex;flex-wrap:nowrap;align-content:flex-start;height:calc(100% - 1.2rem);flex-direction: column;justify-content: space-between;}
.index02 .product-right ul li{float: left;width: 100%;position: relative;margin-bottom:0.1rem;}
.index02 .product-right ul li img{float: left;width: 0.6rem;display: block;position: relative;top: 50%;transform: translateY(-50%);}
.index02 .product-right ul li img:nth-of-type(2){display: none;}
.index02 .product-right ul li:hover img:nth-of-type(1){display: none;}
.index02 .product-right ul li:hover img:nth-of-type(2){display: block;}
.index02 .product-right ul li p{float: left;width: calc(100% - 0.75rem);margin-left: 0.15rem;position: relative;top: 50%;transform: translateY(-50%);}
.index02 .product-right ul li:hover::after{width: 50%;height: 1px;background-color: #6da547;content: "";position: absolute;right: 105%;top: 50%;}
.swiper{--swiper-theme-color: #ff6600;--swiper-pagination-color: #5892c8;/* 两种都可以 */}
.swiper-container-horizontal>.swiper-pagination-bullets{left:10%;}
.produtc .swiper-pagination{left:60%;bottom:0;width:auto;}
.index02 .swiper-slide.swiper-slide-prev .product-right{display: none;}
.index02 .swiper-slide.swiper-slide-active .product-right{display: block;}
.index02 .swiper-slide.swiper-slide-prev{justify-content: flex-end;}
.index02 .swiper-slide.swiper-slide-active .product-left .product-left-box{display:inline-block;position:relative;height:100%;min-width:100%;}
.index02 .swiper-slide.swiper-slide-active .product-left .img{height:100%;width:100%;}
.index02 .swiper-slide.swiper-slide-active .product-left .img img {height: 100%;float: left;}
.index02 .swiper-slide{transition: 300ms;transform: scale(0.9);}
.index02 .swiper-slide-active{transform: scale(1);}
/* index03 */
.index03{padding:0.9rem 0;float: left;width: 100%;overflow: hidden;}
.index-application{width: 100%;display: flex;justify-content: space-between;margin-top: 0.4rem;float: left;}
.application-box{flex: 1;padding: 0.6rem 0.4rem;position: relative;width: 3.6rem;}
.application-box:hover{box-shadow: 0px 0px 5px 5px #e3e3e3;}
.application-icon{width: 1.6rem;margin: 0 auto;position: relative;}
.application-bg{width: 1.65rem;height: 1.65rem;}
.application-box:hover .application-bg{transform: rotate(360deg);}
.application-img{width: 0.65rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.application-contnet{width: 100%;margin-top: 0.3rem;}
.application-contnet .application-title{font-size: 0.2rem;text-align: center;width: 100%;line-height: 0.36rem;}
.application-box:hover .application-title{color: #5892c8;}
.application-contnet p{line-height: 0.24rem;text-align: center;width: 100%;font-size:0.1rem;}
.application-box:hover p{color: #5892c8;}
.application-box .application-index{position: absolute;top: 0.6rem;left: 0.4rem;color: #ccc;line-height: 0.3rem;}
.application-box:hover .application-index{border-top: 1px solid #5892c8;color: #5892c8;}
/* index04 */
.index04{float: left;width: 100%;overflow: hidden;position: relative;}
.index04 img{width: 100%;float: left;}
.index04-box{position: absolute;padding:0.4rem 0.8rem;border-radius: 0.6rem 0 0.6rem 0;background-color: rgb(90,147,201,0.8);color: white;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.index04-box .index04-title{font-size: 0.48rem;font-weight: 600;text-align: center;display: inline-block;line-height: 0.5rem;margin-top: 0.2rem;}
.index04-box .index04-content{margin-top: 0.3rem;line-height: 0.3rem;width: 100%;text-align: center;}
.index04-box .more{position: relative;left: 50%;transform: translateX(-50%);}
/* index05 */
.index05{padding:0.8rem 0;float: left;width: 100%;}
.index05 .contents{position: relative;}
.video_box01{position:absolute;left:0;right:0;bottom:0;top:0;width:100%;display:none;}
.video_box01 video{width:100%;height:100%;object-fit:cover;}
.index05 .imgbox{width:70%;margin: 0.4rem 15%;overflow:hidden;border-radius:0.2rem;}
.index05 .imgbox img{width: 100%;}
.index05 .content{position:relative;background-color: rgb(90,147,201);width: 100%;float: left;overflow: hidden;}
.video_box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);text-align:center;z-index:1;}
.video_box .video_btn{background-image:url(../uploadfiles/player.png);background-size:0.65rem;width:0.65rem;height:0.65rem;display:inline-block;cursor: pointer;}
.video_box .video_btnno{background-image:url(../uploadfiles/player.png);background-size:0.65rem;width:0.65rem;height:0.65rem;display:inline-block;cursor: pointer;}
.video_box .video_text{font-size:0.18rem;color:#ffffff;margin-top:0.25rem;}
.index05 .swiper-next img,.index05 .swiper-prev img{width: 0.15rem;}
.index05 .swiper-next,.index05 .swiper-prev{position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;z-index: 2;}
.index05 .swiper-next{right:0.2rem;left:auto;}
.index05 .swiper-prev{left: 0.2rem;}
/* index06 */
.index06{padding: 0.9rem 0;float: left;width: 100%;}
.index06 .container{display: flex;justify-content: space-between;margin-bottom: 0.4rem;}
.index06 .join-us{float: left;position: relative;width: 46%;}
.index06 .join-us a{float: left;width: 100%;height: 100%;overflow: hidden;}
.index06 .join-us .img{float: left;overflow: hidden;height: 100%;position: relative;width: 100%;}
.index06 .join-us .img img{height: 100%;position: absolute;width: auto;max-width: none;min-width: 100%;}
.index06 .join-us .img::after{height: 30%;width: 100%;position: absolute;left: 0;bottom: 0;background-image: linear-gradient(to top, rgba(31,94,153,0.6), transparent);content:""}
.index06 .join-us .join-content{color: white;position: absolute;bottom: 0.4rem;left: 0.6rem;}
.index06 .news{width: 46%;}
.index06 .news .news-info{overflow: hidden;}
.index06 .news .img{float: left;width: 100%;position: relative;}
.index06 .news .img .news-date{float:left;padding: 0.1rem 0.2rem;background-color: rgb(90,147,201);color: white;position: absolute;bottom: 0;right: 0;}
.index06 .news-title{width: 100%;font-size: 0.2rem;font-weight: 600;margin-top: 0.1rem;float: left;}
.index06 .news-content{width: 100%;margin-top: 0.1rem;float: left;}

.right-icon{position: fixed;right: 0.2rem;bottom: 10%;width: 0.6rem;z-index: 9;}
.right-icon .icon-items{float: left;width: 0.6rem;height:0.6rem;margin: 0.1rem;border-radius: 50%;position: relative;background-color: #5996ff;cursor: pointer;}
.right-icon .icon-items:nth-of-type(2){background-color: #55d5bb;}
.right-icon .icon-items:nth-of-type(3){background-color: #f5b246;}
.right-icon .icon-items:nth-of-type(4){background-color: #59c682;}
.right-icon .icon-items div{position:absolute;top:50%;right:calc(100% + 10px);transform:translateY(-50%);padding:0.1rem;background-color:white;border-radius:0.08rem;display:none;white-space: nowrap;}
.right-icon .icon-items:hover div{display:block;}
.right-icon .icon-items div.active{display:block;}
.right-icon .icon-items img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 0.3rem;}
.index07{position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 999;background-color: rgba(0,0,0,.6);display: none;}
.index07-content{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 80%;background-color: white;border-radius: 0.2rem;background-image: url(../images/index07-bg.png);background-size: 100% 100%;padding:0.2rem;display: flex;align-items: center;flex-wrap: wrap;}
.index07-left,.index07-right{flex: 1;padding: 0.4rem 5%;}
.index07-left .index07-title{height: 0.3rem;font-size: 0.24rem;font-weight: 600;color: #538abc;line-height: 0.3rem;margin-bottom: 0.4rem;}
.index07-left .index07-title img{height: 0.3rem;width: auto;}
.index07-close{width: 0.4rem;height: 0.4rem;text-align: center;line-height: 0.4rem;font-size: 0.24rem;border-radius: 50%;background-color: #538abc;color: white;cursor: pointer;display: inline-block;position: absolute;right: 0.2rem;top: 0.2rem;}
.index07-right input{width: 100%;padding-left: 0.1rem;margin-bottom: 0.2rem;border: 1px solid #ccc;line-height: 0.4rem;border-radius: 0.08rem;}
.index07-right textarea{width: 100%;padding: 0.1rem;border: 1px solid #ccc;height: 1.2rem;border-radius: 0.08rem;}
.index07-right button{background-color: #538abc;color: #fff;padding: 0.1rem 0.2rem;border-radius: 0.1rem;margin-top: 0.2rem;}

.index08{display:none;}

/* 薄膜加工方法 */
.process{display: flex;justify-content: space-between;width: 100%;flex-wrap: wrap;background-color:#f5f5f5;}
.process-box{width: 23%;float: left;margin-bottom: 0.4rem;}
.process-box .img{width: 100%;}
.process-box:hover .img img{transform:scale(1.1);}
.process-box .process-title{width: 100%;float: left;font-weight: bold;}
.process-box .process-content{width: 100%;margin-top: 0.2rem;}
.process-box:hover .process-title{font-size: 0.2rem;}
.process-box:hover .process-content{font-size: 0.2rem;}

/* 重量计算 */
.count{width: 100%;margin-bottom: 0.8rem;}
.count-title{width: 100%;}
.count-title h2{font-size: 0.5rem;position: relative;line-height: 0.8rem;}
.count-title h2::after{content: "";width: 0.5rem;height: 0.02rem;background-color: #00a1e9;position: absolute;bottom: 0;left: 0;}
.count-title p{width: 100%;margin: 0.2rem 0;}
.count-box{background-color: #dce3e1;}
.count-inner{display: flex;width: 100%;float: left;margin-top: 0.4rem;}
.count-inner.phone{display:none;}
.count-inner>div{flex: 1;text-align: center;padding: 0 3%;margin-top:0.2rem;}
.count-inner>div label{width: 100%;display: inline-block;line-height: 0.5rem;}
.count-inner>div input,.count-inner>div select{width: 100%;line-height: 0.3rem;padding: 0.18rem;background-color: #fff;}
.count-btn{width: 100%;padding: 0.2rem;text-align: center;float: left;margin-bottom: 0.4rem;}
.count-btn button{padding: 0.1rem 0.3rem;background-color: #00a1e9;color: white;}
.count-result{width: 100%;background-color: #ecefeb;display: flex;justify-content: center;font-weight: bold;}
.count-result p{line-height: 0.8rem;display: inline-block;}
.count-result span{display: inline-block;line-height: 0.4rem;margin:0.2rem;text-align: center;width: 1.6rem;background-color: white;}
.count-note{margin: 0.2rem 0 0.4rem 0;}

/* 常见问题 */
.faq-box{display: inline-block;}
.FaqList{padding-bottom: 0.3rem;}
.FaqList .item{background:#f5f7fa;margin-bottom: 20px;transition: all 0.3s;}
.FaqList .item .ti{line-height: 0.4rem;padding:0.2rem 0.4rem 0.2rem 1rem;border-bottom: 1px solid #e6e8eb;position: relative;font-size: 0.22rem;}
.FaqList .item .ti span{float: left;width: 0.4rem;line-height: 0.4rem;color: white;background-color: #005fe1;border-radius: 0.08rem;text-align: center;font-weight: bold;position: absolute;left: 0.4rem;top: 0.2rem;}
.FaqList .item .desc{color:#666666;padding:0.3rem 0.4rem;}
.FaqList .item:hover{background-image:url(../uploadfiles/faq-bg.png);background-size: 105% 110%;color: white;background-repeat: no-repeat;background-position: center;}
.FaqList .item:hover .ti span{color: #005fe1;background-color: white;}
.FaqList .item:hover .desc{color: white;}
.Morebtn{text-align: center;}
.Morebtn a{display: inline-block;width: 150px;line-height: 46px;border: 2px solid #e6e6e6;border-radius: 25px;color:#666666;}
.Morebtn a:hover{border: 2px solid #005fe1;background:#005fe1;color:#fff;}
.Morebtn.none{display: none;}

@media (max-width:1459px){.banner .rq .p1{font-size:0.4rem;}
.banner .rq .p2{margin-top:0.2rem;line-height:0.8rem;}
.index01 .index01_title,.index02 .index02_title{font-size:0.5rem;}
.index01 .index01_desc,.index02 .index02_desc,.index03 .index03_title,.index04 .index04_title{font-size:0.36rem;}
.index02 .item .t01 span{font-size:0.9rem;}
.index01{padding:0.45rem 0;}
.index04,.index03,.index02{padding:0.45rem 0;}
.index05,.index06{padding:0.5rem 0;}
.index03 .more,{margin-top:0.7rem;font-size: 0.18rem;}
.index01 .list,.index02 .list,.index03 .content,.index04 .list{margin-top:0.6rem;}
}
@media (max-width:1024px){.banner .rq .p1{font-size:0.26rem;}
.banner .rq .p2{margin-top:0.2rem;line-height:0.5rem;}
.index01 .index01_title,.index02 .index02_title{font-size:0.36rem;}
.index01 .index01_desc,.index02 .index02_desc,.index03 .index03_title,.index04 .index04_title{font-size:0.26rem;}
.index02 .item .t01 span{font-size:0.6rem;}
.index03 .more,{margin-top:0.4rem;}
.index01 .list .item{padding:0.4rem 0;}
.index01 .list,.index02 .list,.index03 .content,.index04 .list{margin-top:0.3rem;}
.index04 .item .text{padding:0.2rem 0.1rem;}
.index04 .item .t02{margin-top:0.15rem;}
}
@media (max-width:768px){.banner .rq .p1{font-size:0.26rem;}
.banner .swiper-container{height:4.5rem;}
.bannerbig{display:none;}
.banner .rq .p2{margin-top:0.2rem;}
.index01 .index01_title,.index02 .index02_title{font-size:0.24rem;}
.index01 .index01_desc,.index02 .index02_desc,.index03 .index03_title,.index04 .index04_title{font-size:0.16rem;}
.index02 .item .t01 span{font-size:0.6rem;}
.index01 .list .item img{width:40%;}
.index01 .list .item{padding:0.2rem 0;}
.index01 .item .t01{font-size:0.2rem;margin-top:0.1rem;}
.index01 .item .t02{margin-top:0.1rem;}
.index03 .swiper-slide .text{padding:0.15rem 0.1rem;}
.index03 .swiper-slide .num{top:0.15rem;font-size:0.16rem;}
.index03 .swiper-slide .t01{font-size:0.16rem;margin-left:0.1rem;}
.index03 .swiper-slide .t02{font-size:0.14rem;}
.index04 .list .item:not(:nth-child(3n+1)){margin-left:0;}
.index04 .list .item{width:49%;margin-bottom:2%;}
.index04 .list .item:not(:nth-child(2n+1)){margin-left:2%;}
.index04 .item .t01{padding-right:0;font-size:0.16rem;margin-top:0.05rem;}
.index04 .item .t02{font-size:0.14rem;margin-top:0.1rem;}
.index05 .video_box .video_btnno{width:0.6rem;height:0.6rem;background-size:0.6rem;}
.index03 .content{padding:0 0.15rem;}
.banner .swiper-pagination{bottom:3%;}
.index06{display:none;}
.index08{display:block;}
.index08 .container{display:block;}
.index08 .join-us{width:100%;}
.index08 .news{width:100%;float:left;margin-top:0.5rem;}
.index08 .join-us .img img,.index08 .news .img img{max-width:100%;width:100%;position:relative;}
.index06 .news .news-info{width:100%;}
.count-btn button{width:100%;}
}
@media (max-width:480px){.index01 .index01_title,.index02 .index02_title{font-size:0.2rem;}
.index01 .index01_desc,.index02 .index02_desc,.index03 .index03_title,.index04 .index04_title{font-size:0.14rem;margin-top:0.1rem;}
.banner .rq .p1{font-size:0.2rem;}
.banner .rq .p2{font-size:0.16rem;margin-top:0.1rem;line-height:0.3rem;}
.index01 .item .t01,.index02 .item .t02{font-size:0.14rem;}
.index01 .item .t02{font-size:0.12rem;}
.index02 .list .item{width:100%;margin-bottom:2%;}
.index02 .item .t01{font-size:0.16rem;}
.index02 .item .t02{margin-top:0.1rem;}
.index02 .item .t01 span{font-size:0.4rem;}
.index04 .list .item{width:100%;margin-bottom:2%;}
.index04 .list .item:not(:nth-child(2n+1)){margin-left:0;}
.index03 .more,.index04 .more{margin-top:0.2rem;}
.index05 .video_box .video_text{margin-top:0.1rem;font-size:0.14rem;}
.index03 .more a{font-size:0.14rem;}
.index04 .item .t01{height:auto;}
}

/*关于我们 s*/
.SubBan{position: relative;overflow: hidden;}
.SubBan .img img{width: 100%;display: block;}
.SubBan .Info{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;color:#fff;width: 16rem;}
.SubBan h2{font-size: 0.4rem;line-height: 2;}

.SubMenu{border-bottom: 1px solid #ebebeb;line-height: 1rem;background:#fff;position: relative;z-index: 1;}
.about-nav{display: flex;justify-content: center;}
.SubMenu ul{float: left;}
.SubMenu li{position: relative;float: left;}
.SubMenu li a{ display:block; color:#333;position: relative;z-index: 1;padding:0 0.4rem;font-size: 0.2rem;}
.SubMenu li:after{content: "";position:absolute;left: 0%;bottom: 0;width: 100%;background:#005fe1;transition: all 0.3s;height: 0;}
.SubMenu li a:hover,.SubMenu li.onli a{ color:#005fe1;}
.SubMenu li:hover:after,.SubMenu li.onli:after{height: 2px;}
.ColName{font-family: "harmMedium"; background:#005fe1; color:#fff;display:none; position:relative; z-index:100; line-height:0.6rem;padding-left: 12px;font-size: 0.24rem;}
.ColName .iconfont{ font-size:20px; position:absolute; width:100%; height:100%; text-align:right; right:10px; top:0;transition: all ease 0.3s;}
.about-bread{position: absolute;bottom: 0.2rem;left: 5%;}
.about-bread img{width: 0.3rem;float: left;}
.about-bread p{float: left;color: white;margin-left: 0.1rem;}
.about-bread a{color: white;}

.SubTit{padding-bottom: 0.69rem;}
.SubTit h2{font-size: 0.4rem;line-height: 0.4rem;padding-bottom: 0.31rem;position: relative;}
.SubTit h2:after{content: "";position: absolute;left: 0;bottom: 0;width: 0.4rem;height: 2px;background:#005fe1;}
.SubTit .desc{color:#666666;font-size: 0.22rem;margin-top: 0.26rem;}
.SubTit .en{color:#999999;font-size: 0.19rem;margin-top: 0.15rem;}
.SubTit.tc h2:after{left: 50%;transform: translateX(-50%);}
.SubTit.white h2{color:#fff;}
.SubTit.white h2:after{background:#fff;}
.SubTit.no h2{padding-bottom: 0;}
.SubTit.no h2:after{display: none;}

.SinglePage{ word-wrap:break-word;word-break:normal;text-align:justify;line-height: 0.32rem;}

@media(max-width:1600px){
 .SubBan .Info{width: 90%;}
}
@media(max-width:1024px){
	.about-nav{display: block;}
	.ColName{display: block;}
	.SubMenu{line-height: 0.5rem;padding: 20px 0;height: auto;}
	.SubMenu ul{padding-top: 15px;float: none;}
	.SubMenu li{width: 33.333%;margin: 0;text-align: center;}
	.SubMenu li:after{display: none;}
	.SubMenu li a{padding:0;}
	.SubMenu li a:hover,.SubMenu li.onli a{ color:#005fe1;}
}
@media(max-width:768px){
 .SinglePage{line-height: 24px;}
 .SubBan aside,.SubTit h2{font-size: 18px;}
	.SubTit .desc,.SubTit .en{font-size: 14px;}
	.ColName{line-height:38px;font-size: 18px;}
	.SubMenu{padding-bottom: 0;}
	.SubMenu li {height: 45px;line-height: 20px;}
	.SubMenu li a{font-size: 0.3rem;}
}
.NumList{display: flex;justify-content:space-between; clear: both;padding-bottom: 0.74rem;}
.NumList .item{font-size: 0.2rem;min-width: 2.5rem;}
.NumList .item .num{font-size: 0.36rem;line-height: 0.36rem;color:#005fe1;margin-bottom: 0.14rem;}
.NumList .item .num *{display: inline-block;vertical-align: baseline;}
.NumList .item span{font-family: OswaldM;font-size: 0.4rem;font-weight: bold;}
.NumList .item em{margin-right: 5px;font-weight: bold;height: 0.2rem;}
.NumList .item i{height: 0.2rem;font-family: OswaldM;}

.AboutInfo{background-color:#005fe1;color:#fff;height: 6rem;position: relative;background-position: center center;background-repeat: no-repeat;background-size: cover;overflow: hidden;}
.AboutInfo .Info{height: 6rem;padding:0.5rem 1rem;width: 46%;overflow: auto;}
.AboutInfo .Info>div{height: 6rem;overflow: auto;}
.AboutInfo .Info>div::-webkit-scrollbar{width:0;}
.AboutInfo .Info *{font-size:0.2rem;}
.AboutInfo .Video{text-align: center;cursor: pointer;}
.AboutInfo .Video .play{width: 100px;height: 100px;border-radius: 50%;background: rgba(255,255,255,0.1);z-index: 2;margin:0px auto 8px;position: relative;}
.AboutInfo .Video .play:after {content: "";border-radius: 50%;position: absolute;width: 50px;height: 50px;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all 0.3s;background: #fff url(../images/play.png) center center no-repeat;z-index: 2;}
.AboutInfo .Video .play:before {content: "";border-radius: 50%;position: absolute;width: 100%;height: 100%;left: 0;top: 0;transition: all 0.3s;z-index: 1;background: #fff;
	-webkit-animation: guang 1.5s ease-out;
	-moz-animation: guang 1.5s ease-out;
	animation: guang 1.5s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;}
.AboutInfo .Video .play:hover:after {width: 70px;height: 70px;}
.AboutInfo .Video .play:hover:before {width:110%;height: 110%;left: -5%;top: -5%;}

.HistoryInfo{background:url(../uploadfiles/historybg.png) center bottom no-repeat;background-size:cover;overflow: hidden;}
.HistoryInfo .Con {padding-bottom: 0.2rem;position: relative;}
.HistoryInfo .Con:After {position: absolute;left: 0;top: 0;height: 90%;width: 20%;content:"";z-index: 2;background-image: linear-gradient(to right, rgba(244,246,249,0.9) , rgba(255,255,255,0));}
.HistoryInfo .Con:before {position: absolute;right: 0;top: 0;height: 90%;width: 20%;content:"";z-index: 2;background-image: linear-gradient(to left, rgba(239,243,246,0.9) , rgba(255,255,255,0));}
.HistoryInfo .Con .slider{margin-right: -15%;}
.HistoryInfo .Con .item{opacity: 0.2;transition: all 0.3s;}
.HistoryInfo .Con .year{font-family: DINM;font-size: 0.46rem;color:#005fe1;line-height: 1;font-weight: bold;margin-bottom: 0.21rem;}
.HistoryInfo .Con .desc{line-height: 0.32rem;margin-bottom: 0.23rem;max-width: 63%;}
.HistoryInfo .Con .desc p{padding-left: 18px;position: relative;}
.HistoryInfo .Con .desc p:After{position: absolute;left: 0;top: 50%;width: 5px;height: 2px;content: "";background:#005fe1;margin-top: -1px;}
.HistoryInfo .Con .imgbox{padding-top: 2.2rem;width: 3.8rem;opacity: 0;transition: all 0.3s;}
.HistoryInfo .Con .slick-current{opacity: 1;}
.HistoryInfo .Con .slick-current .imgbox{opacity: 1;}
.HistoryInfo .Con .slick-arrow{top: auto;transform: translateY(0);bottom: -1.35rem;background-color:#fff;}
.HistoryInfo .Con .slick-prev{left: 0;}
.HistoryInfo .Con .slick-next{right: 12%;}
.HistoryInfo .Con .slick-prev:After{background-image: url(../images/arrleft3.png);}
.HistoryInfo .Con .slick-next:After{background-image: url(../images/arrright3.png);}

.HistoryInfo .Nav{position: relative;margin: 0 1.05rem;}
.HistoryInfo .Nav:after{width: calc(100% - 2.1rem);top: 7px;height: 1px;background:#dee0e3;content: "";left: 1.05rem;position: absolute;}
.HistoryInfo .Nav .item{text-align: center;position: relative;padding-top: 0.4rem;font-size: 0.3rem;font-family: DINM;color:#999999;line-height: 1;z-index: 10;font-weight: bold;cursor: pointer;}
.HistoryInfo .Nav .item:after{position: absolute;left: 50%;top: 4px;border-radius: 50%;content: "";width: 7px;height: 7px;background:#9a9a9a;transition: all 0.3s;transform: translateX(-50%);}
.HistoryInfo .Nav .item.slick-current{color:#005fe1;}
.HistoryInfo .Nav .item.slick-current:After{width: 15px;height: 15px;background:#fff;border:3px solid #005fe1;top: 0;}

.HornorInfo{background:url(../images/rybg.jpg) center center no-repeat;background-size:cover;color:#fff;padding-bottom: 0.5rem;overflow: hidden;}
.HornorInfo .Info{width: 25%;float: left;padding-top: 1.25rem;}
.HornorInfo .Info .ti{font-size: 0.3rem;margin-bottom: 0.64rem;}
.HornorInfo .Info .item{width: 50%;float: left;font-size: 0.2rem;}
.HornorInfo .Info .item .num{line-height: 0.64rem;font-size: 0.4rem;font-family: OswaldM;}
.HornorInfo .Info .item .num span{font-weight: bold;}
.HornorInfo .Info .item .num i{font-size: 0.3rem;}
.HornorInfo .Img{width: 69%;float: right;}
.HornorInfo .Img img{margin:-17px -17px 0 0;}

.HornorBrand{margin-top: -0.5rem;position: relative;z-index: 1;background:#fff;padding:0.5rem 1rem 0;overflow: hidden;}
.HornorBrand .ti{font-size: 0.3rem;float: left;line-height: 0.54rem;}
.HornorBrand .NumList2{float: right;padding-bottom: 0.74rem;}
.HornorBrand .NumList2 .item{float: left;padding-left: 1.05rem;font-size: 0.2rem;}
.HornorBrand .NumList2 .item:nth-child(1){padding-left: 0;}
.HornorBrand .NumList2 .num{line-height: 0.54rem;padding-bottom: 5px;font-size: 0.4rem;font-family: OswaldM;color: #005fe1;}
.HornorBrand .NumList2 .num span{font-weight: bold;}
.HornorBrand .NumList2 .num i{font-size: 0.3rem;}
.HornorBrand .TextInfo{margin-left: -10px;clear: both;}
.HornorBrand .TextInfo .item{width: 33.333%;padding-left: 10px;float: left;}
.HornorBrand .TextInfo .box{background:#f5f7fa;padding:0.32rem 0.6rem 0.25rem;overflow-y: auto;height: 2.6rem;}
.HornorBrand .TextInfo p{padding-left: 18px;position: relative;margin-bottom: 0.1rem;}
.HornorBrand .TextInfo p:last-child{margin-bottom: 0;}
.HornorBrand .TextInfo p:After{position: absolute;left: 0;top: 0.15rem;width: 5px;height: 2px;content: "";background:#005fe1;}

.CultureInfo{overflow: hidden;}
.CultureInfo ul{display: flex;justify-content: space-between;margin-left: -10px;}
.CultureInfo .item{margin-left: 10px;width: 33.333%;position: relative;transition: all 0.3s;}
.CultureInfo .imgbox{padding-top: 7.2rem;}
.CultureInfo .imgbox:After{content: "";left: 0;top: 0;width: 100%;height: 100%;z-index: 2;background:rgba(0,0,0,0.4);position: absolute;}
.CultureInfo .info{position: absolute;text-align: center;z-index: 10;color:#fff;left: 0;top: 50%;width: 100%;transition: all 0.3s;padding:0;transform: translateY(-50%);}
.CultureInfo .ico{display: block;}
.CultureInfo .ico img{width: 0.48rem;}
.CultureInfo .ti{line-height: 0.84rem;padding-bottom: 0.39rem;font-size: 0.36rem;position: relative;}
.CultureInfo .ti:After{position: absolute;left: 50%;bottom: -6px;width: 1px;height: 0.4rem;content: "";background:#005fe1;transition: all 0.3s;}
.CultureInfo .desc{font-size: 0.24rem;opacity: 0;transform: translateY(50px);transition: all 0.3s;}
.CultureInfo .item:hover {width: 80%;}
.CultureInfo .item:hover .info{text-align: left;padding:0 0.8rem;}
.CultureInfo .item:hover .ti:after{height: 0;}
.CultureInfo .item:hover .desc{opacity: 1;transform: translateY(0);}

@media(max-width:1024px){
	.NumList {flex-wrap: wrap;}
	.NumList .item{width: 33.333%;padding-bottom: 0.5rem;text-align: center;}

	.AboutInfo .Info{padding:0.5rem;width: 70%;}

	.HornorInfo .Info {width: 35%;padding-top: 0;}
	.HornorInfo .Img {width: 60%;}
	
	.HornorBrand{padding:0.5rem 0.5rem 0;}
	.HornorBrand .NumList2 .item{padding-left: 0.5rem;}
	.HornorBrand .TextInfo .box{padding:0.3rem;}
}

@media(max-width:768px){
	.NumList .item .num{font-size: 0.46rem;}
	.NumList .item{font-size: 14px;}

	.AboutInfo .Info{width: auto;display: block;height: auto;}
	.AboutInfo .Video{display: block;padding-bottom: 0.5rem;}

	.HistoryInfo .Con .slider{margin-right: 0;}
	.HistoryInfo .Con .slick-next{right: 0;}
	.HistoryInfo .Con:After,.HistoryInfo .Con:before{display: none;}
	.HistoryInfo .Con .year{font-size: 24px;}
	.HistoryInfo .Con .desc{line-height: 24px;max-width: none;}
	.HistoryInfo .Con .imgbox {width: auto;padding-top: 64%;}
	.HistoryInfo .Nav .item{font-size: 17px;}

	.HornorInfo .Info{width: auto;float: none;padding-bottom: 0.3rem;}
	.HornorInfo .Info .ti,.HornorBrand .ti{font-size: 18px;line-height: 35px;margin-bottom: 15px;}
	.HornorInfo .Info .item,
	.HornorBrand .NumList2 .item{font-size: 14px;}
	.HornorInfo .Info .item .num,
	.HornorBrand .NumList2 .num{font-size: 0.46rem;}
	.HornorInfo .Img{width: auto;float: none;clear: both;}
	.HornorInfo .Img img{margin-top: 0;}
	
	.HornorBrand{padding:15px;}
	.HornorBrand .NumList2 .item {padding-left: 0.4rem;}
	.HornorBrand .TextInfo .item{width: auto;float: none;margin-bottom: 10px;}
	.HornorBrand .TextInfo .box{height: auto;}

	.CultureInfo ul{display: block;}
	.CultureInfo .item{width: auto !important;margin-bottom: 10px;}
	.CultureInfo .imgbox{padding-top: 64%;}
	.CultureInfo .ti{font-size: 18px;}
	.CultureInfo .ico img{width: 30px;}
	.CultureInfo .desc{font-size: 15px;}
}



/* 新闻资讯 */
.submore i{display: inline-block;vertical-align: middle;width: 0.6rem;height: 0.6rem;background: #005fe1 url(../images/arr2.png) center center no-repeat;border-radius: 50%;transition: all 0.3s;}
.submore:hover i{transform: rotate(45deg);}
.submore_1 i{display: block;width:14px;height:14px;background: url(../images/arr02.png) no-repeat center center;transition: all 0.3s;}
.News .News_slider{margin-bottom:0.8rem;}
.News .News_slider .item{background: #f5f7fa;}
.News .News_slider .item .img{width:50%;padding-top:4.8rem;float:left;}
.News .News_slider .item .img span{transition: all .5s;-webkit-transition: all .5s;}
.News .News_slider .item .txt{float:right;width:50%;box-sizing: border-box;padding:0.7rem 0.8rem;}
.News .News_slider .item .txt h1{font-size: 0.3rem;font-weight: normal;}
.News .News_slider .item .txt .dec{line-height: 0.3rem;color:#999;height:0.9rem;margin:0.3rem 0 0.5rem 0;}
.News .News_slider .item .txt .date{color:#005fe1;font-family: DINM;margin-bottom:0.5rem;}
.News .News_slider .item:hover .img span{transform: scale(1.05);-webkit-transform: scale(1.05);}
.News .News_slider .item:hover .txt .submore i{transform: rotate(45deg);}

.News .News_slider .slick-dots{text-align: right;box-sizing: border-box;padding-right:0.8rem;bottom:0.9rem;}

.News .News_list .item{position: relative;padding-left:4.8rem;background: #f5f7fa;margin-bottom:0.4rem;}
.News .News_list .item .img{width:4.8rem;padding-top:2.9rem;position: absolute;left:0;top:0;}
.News .News_list .item .img span{transition: all .5s;-webkit-transition: all .5s;}
.News .News_list .item:hover .img span{transform: scale(1.05);-webkit-transform: scale(1.05);} 
.News .News_list .item .txt{height:2.9rem;box-sizing: border-box;padding:0.5rem 0.8rem;}
.News .News_list .item .txt h1{font-weight: normal;font-size: 0.24rem;}
.News .News_list .item .txt .dec{line-height: 0.3rem;color:#999;height:0.6rem;margin:0.3rem 0 0.5rem 0;}
.News .News_list .item .txt .date{font-family: DINM;color:#999;position: relative;}
.News .News_list .item .txt .submore_1{position: absolute;right:0;top:0;}
.News .News_list .item:hover .txt .submore_1 i{transform: rotate(45deg);}

.News .News_list.search .item{padding-left: 0;}
.News .News_list.search .item .txt{height: auto;padding:0.5rem 155px 0.5rem 0.5rem;}
.News .News_list.search .item .txt .date{position: absolute;right: 0.5rem;top: 0.5rem;}

.SelectBox{display: block;width:2rem;height:0.6rem;line-height: 0.6rem;box-sizing: border-box;position: relative;background: #f5f7fa;border-radius: 0.1rem;color:#666;margin-top:0.2rem;}
.SelectBox .SelectTxt span{display: block; padding-right: 0.3rem; background: url(../images/select.png) no-repeat right 0.2rem center;padding-right:0.45rem;padding:0 0.2rem;}
.SelectBox .SelectDl{position: absolute; left: 0; right: 0; top: 102%; z-index: 9999; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.1); display: none; max-height: 1.6rem; overflow: auto;border-radius: 0.1rem;}
.SelectBox .SelectDl dl dd a{display: block; height: 0.4rem; line-height: 0.4rem; padding: 0 0.2rem; color: #333;border:none;}
.SelectBox .SelectDl dl dd:hover a{background: #005fe1;color:#fff;}

.SubMenu{overflow: visible;z-index:998;}
.SubMenu .SelectBox{float:right;}

@media(max-width:1024px){
	.News .News_slider .item .img{padding-top:3.2rem;}
	.News .News_slider .item .txt{padding:0.3rem;}
	.News .News_slider .item .txt h1{font-size: 18px;}
	.News .News_slider .item .txt .dec{font-size: 14px;line-height: 25px;height:75px;margin:20px 0;}
	.News .News_slider .item .txt .date{margin-bottom:20px;}
	.News .News_list .item .txt{padding:0.3rem;}
	.News .News_list .item .txt h1{font-size: 18px;}
	.News .News_list .item .txt .dec{font-size: 14px;line-height: 25px;height:50px;}
}

@media(max-width:768px){
	.News .News_list .item{padding-left:3rem;}
	.News .News_list .item .img{width:3rem;padding-top:2rem;}
	.News .News_list .item .txt{height:2rem;padding:20px;}
	.News .News_list .item .txt .dec{margin:10px 0 20px 0;}

	.News .News_list.search .item .txt{height: auto;padding:0.5rem;}
 .News .News_list.search .item .txt .date{position: static;}
}


@media(max-width:560px){
	.News .News_slider .item .img{width:100%;padding-top:60%;}
	.News .News_slider .item .txt{width:100%;padding:15px;}
	.News .News_slider .slick-dots{bottom:20px;}
	.News .News_list .item .img{width:100%;padding-top:56%;position: relative;}
	.News .News_list .item .txt{width:100%;height:auto;}
	.News .News_list .item {padding-left:0;}
	.SelectBox{width:150px;height:38px;line-height: 38px;}
	.SelectBox .SelectDl {max-height:120px;}
	.SelectBox .SelectDl dl dd a{line-height: 30px;height:30px;font-size: 14px;}
	.SelectBox .SelectTxt{font-size: 14px;}
	.News .News_slider .item .txt h1{font-size: 15px;}
	.News .News_list .item .txt h1{font-size: 15px;}
	.News .News_slider .item .txt .dec{margin:10px 0;}
}

/* 新闻详情 */
.newinfo01{padding:1.3rem 0 1.7rem;display: inline-block;width: 100%;}
.newinfo01 .container{margin: 0;width: 100%;}
.newinfo01 .content{display:flex;justify-content:space-between;flex-wrap:wrap;}
.newinfo01 .lt{width: 100%;}
.newinfo01 .lt .lt_title{font-size:36px;color:#001f2b;font-family:"HarmonyMedium";margin-bottom:40px;line-height:1.2;text-align: center;}
.newinfo01 .lt .lt_share{font-size:18px;color:#70858c;text-align: center;}
.newinfo01 .lt .num{margin-left:40px;}
.newinfo01 .lt .lt_shareb{font-size:18px;display:inline-block;background-image:url(../images/share_img01.png);padding-right:40px;background-position:right center;background-repeat:no-repeat;margin-left:40px;}
.newinfo01 .lt .lt_area{padding:40px 0;border-top:1px solid #dbe5ec;border-bottom:1px solid #dbe5ec;font-size:18px;}
.newinfo01 .lt_area{font-size:18px;margin:40px 0 60px;}
.newinfo01 .new_go{font-size:18px;color:#1a479b;position: relative;}
.newinfo01 .new_go .new_goit{margin-top:20px;width: calc(100% - 1.6rem);}
.newinfo01 .new_go span{margin-right:10px;}
.newinfo01 .new_go a{color:#001f2b;}
.newinfo01 .new_go .new_back{width: 1.4rem;height: 0.6rem;line-height: 0.6rem;text-align: center;color: white;background-color:#00a1e9;border-radius: 0.3rem;display: inline-block;position: absolute;right: 0;bottom: 0;}
@media (max-width:1459px){.newinfo01{padding:90px 0 120px;}
.newinfo01 .lt .lt_title{font-size:34px;}
}
@media (max-width:1024px){.newinfo01{padding:50px 0 60px;}
.newinfo01 .lt .lt_title{font-size:24px;margin-bottom:20px;}
.newinfo01 .lt .lt_share{font-size:16px;}
.newinfo01 .lt .lt_area{font-size:16px;padding:20px 0;}
.newinfo01 .lt .lt_shareb{font-size:16px;}
.newinfo01 .new_go{font-size:16px;}
}
@media (max-width:768px){.newinfo01 .lt{width:100%;}
.newinfo01 .lt .lt_title{font-size:20px;margin-bottom:10px;}
.newinfo01 .lt .lt_share{font-size:14px;}
.newinfo01 .lt .lt_shareb{font-size:14px;}
.newinfo01 .lt_area{font-size:18px;margin:20px 0 20px;}
.newinfo01 .lt .lt_area{font-size:14px;padding:20px 0;}
}
@media (max-width:600px){.newinfo01 .new_go{font-size:12px;}
.newinfo01 .lt .lt_title{font-size:18px;margin-bottom:10px;}
.newinfo01 .lt .lt_share{font-size:12px;}
.newinfo01 .lt .num,.newinfo01 .lt .lt_shareb{margin-left:20px;}
}

/* 品质认证 */
.quality1,.quality2,.quality3{display: inline-block;width: 100%;padding: 0.6rem 10%;overflow: hidden;position: relative;}
.quality .swiper{width: 100%;overflow: hidden;}
.quality2{background-color: #f3f3f3;}
.quality .quality-title{width: 100%;text-align: center;font-size: 0.5rem;padding: 0.3rem 0;position: relative;font-weight: 600;margin-bottom: 0.6rem;}
.quality .quality-title::after{content: "";width: 0.2rem;height: 0.02rem;background-color: #005fe1;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.quality .quality-img{width: 100%;}
.quality .quality-img img{width: 100%;}
.quality .quality-txt{width: 100%;text-align: center;margin-top: 0.4rem;}
.quality-next,.quality-prev{position: absolute;z-index:2;top: 50%;transform: translateY(-50%);background-color: #00a1e9;width: 0.4rem;height: 0.4rem;border-radius: 50%;cursor: pointer;}
.quality-prev{left: 0.2rem;}
.quality-next{right: 0.2rem;}
.quality-next img,.quality-prev img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.quality-next img:nth-of-type(2),.quality-prev img:nth-of-type(2){display: none;}
.quality-next:hover,.quality-prev:hover{background-color: #f3f3f3;}
.quality-next:hover img:nth-of-type(2),.quality-prev:hover img:nth-of-type(2){display: block;}
.quality-next:hover img:nth-of-type(1),.quality-prev:hover img:nth-of-type(1){display: none;}
.quality-prev{left: 0.4rem;}

/* 产品中心 */
.ETFT{display: flex;width: 100%;overflow: hidden;}
.ETFT .ETFT-left{float: left;width: 45%;overflow: hidden;position: relative;}
.ETFT .ETFT-left .swiper-button-prev{background-image: url(../uploadfiles/left.png);background-size: 0.13rem 0.22rem;}
.ETFT .ETFT-left .swiper-button-next{background-image: url(../uploadfiles/right.png);background-size: 0.13rem 0.22rem;}
.ETFT .ETFT-left img{width: 100%;}
.ETFT .ETFT-right{position: relative;background-color: #f3f3f3;width: 55%;}
.ETFT .ETFT-content{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 80%;display: none;max-height: 100%;padding: 0.2rem 0;overflow-y: auto;}
.ETFT .ETFT-content::-webkit-scrollbar{display: none;}
.ETFT .ETFT-content:nth-of-type(0){display: block;}
.ETFT .ETFT-right h3{font-size: 0.4rem;font-weight: 400;margin-bottom: 0.2rem;}
.ETFT .ETFT-right p{width: 100%;font-size: 0.18rem;}
.materials,.etft-color,.etft-project,.etft-series{display: inline-block;width: 100%;margin-top: 0.2rem;}
.ETFT-title{width: 100%;border-bottom: 1px solid #eaeaea;float: left;margin: 0.4rem 0;}
.ETFT-title h2{float: left;color: #5892c8;font-size: 0.3rem;line-height: 0.5rem;border-bottom: 2px solid #5892c8;}
.materials .materials-box{display: flex;width: 100%;justify-content: space-between;flex-wrap: wrap;}
.materials .materials-box .materials-item{width: 30%;position: relative;display: flex;align-items: center;overflow: hidden;float: left;margin-bottom: 0.25rem;}
.materials .materials-box .materials-item .materials-num{font-size: 0.3rem;color: white;position: absolute;left: 0.2rem;top:50%;transform: translateY(-50%);z-index: 2;}
.materials .materials-box .materials-item .materials-view{overflow: hidden;width: 100%;}
.materials .materials-box .materials-item .materials-view>div{width: 100%;position: relative;transition: all 0.5s;height: 100%;}
.materials .materials-box .materials-item .materials-view .materials1{left: 0;}
.materials .materials-box .materials-item .materials-view .materials1 .materials-content{text-align: center;}
.materials .materials-box .materials-item .materials-content{width: 70%;font-size: 0.16rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-height: 80%;overflow: auto;}
/*.materials .materials-box .materials-item .materials2 .materials-content:hover span{animation: scrollText 5s linear infinite;}*/
.materials .materials-box .materials-item .materials-content::-webkit-scrollbar{display: none;}

@keyframes scrollText {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
.materials .materials-box .materials-item img{width: 100%;height: 100%;}
.materials .materials-box .materials-item .materials-view .materials2{position: absolute;top: 0;right: 100%;}
.materials .materials-box .materials-item .materials2 .materials-content{color: white;}
.materials .materials-box .materials-item:hover  .materials1{left: 100%;}
.materials .materials-box .materials-item:hover .materials2{right: 0;}
.etft-color .color-box{width: 100%;justify-content: space-between;float: left;}
.etft-color .color-box .color-view{margin: 0 0.1rem;width:calc(25% - 0.2rem);float:left;}
.etft-color .color-box .color-view .img{float: left;width: 100%;}
.etft-color .color-box .color-view img{width: 100%;}
.etft-color .color-box .color-view p{width: 100%;text-align: center;margin-top: 0.1rem;}
.etft-series .series-box{float: left;width: 100%;justify-content: space-between;}
.etft-series .series-box .series-view{width: 30%;overflow: hidden;margin-right:5%;float:left;margin-bottom:0.4rem;}
.etft-series .series-box .series-view:nth-of-type(3n){margin-right:0;}
.etft-series .series-box .series-pic{position: relative;width: 100%;overflow: hidden;}
.etft-series .series-box .series-pic::after{background-color: rgba(68,147,200,0.8);width: 100%;height: 100%;content:"";position:absolute;top:100%;left:0;transition: all 0.5s;}
.etft-series .series-view:hover .series-pic::after{top:0;}
.etft-series .series-box .series-pic .img{width: 100%;}
.etft-series .series-box .series-pic img{width: 100%;}
.etft-series .series-box .series-pic .series-content{width: 100%;height: 100%;position: absolute;left: 0;top: 100%;transition: all 0.5s;z-index:1;}
.etft-series .series-box .series-pic .series-content p{width: 100%;max-height: 100%;float: left;padding: 0.2rem;position: absolute;top: 50%;transform: translateY(-50%);color: white;}
.etft-series .series-box .series-view>p{width: 100%;padding: 0 10%;text-align: center;margin-top: 0.1rem;display:inline-block;position:relative;line-height:0.4rem;}
.etft-series .series-box .series-view:hover .series-pic .series-content{top: 0;}
.etft-series .series-box .series-view>p a{margin-left:0.1rem;}
.etft-series .series-box .series-view>p a img{width:0.2rem}


/* 应用领域 */
.application{display: inline-block;width: 100%;padding-bottom: 0.8rem;}
.application-blurb{display:none;}
.application-blurb.active{display:block;}
.application .application01{display: inline-block;width: 100%;margin: 0.4rem 0;}
.application .application01 h2{font-size: 0.4rem;margin-bottom: 0.4rem;}
.application .application01 .application-txt{font-size: 0.18rem;}
.application01-box{width: 100%;float: left;margin-top: 0.2rem;position: relative;}
.application01-tabNav{float: left;width: 100%;display: flex;flex-wrap: wrap;}
.application01-tabNav li{width:calc(12.5% - 0.2rem);margin: 0.1rem;display: flex;align-items: center;height: 0.4rem;background-color: #eaf5ff;justify-content: center;position: relative;cursor: pointer;}
.application01-tabNav li.active{background-color: #5892c8;color: white;border-bottom: 2px solid #2376c4;}
/*.application01-tabNav li.active::after{content: "";border-top: 8px solid #2376c4;border-left: 8px solid transparent;border-right: 8px solid transparent;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);}*/
.application01-tabNav li:hover{background-color: #5892c8;color: white;border-bottom: 2px solid #2376c4;}
/*.application01-tabNav li:hover::after{content: "";border-top: 8px solid #2376c4;border-left: 8px solid transparent;border-right: 8px solid transparent;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);}*/
.application01-tabView{width: 100%;display: flex;overflow: hidden;border-radius: 0.4rem;margin-top: 0.4rem;float: left;border: 1px solid #2376c4;position: absolute;left: 0;bottom: 0;opacity:0;transition: all 0.5s;pointer-events: none;}
.application01-tabView.active{opacity: 1;pointer-events: auto;}
.application01-tabView:nth-of-type(1){position: relative;}
.application01-tabView .application01-pic{flex: 4;position: relative;}
.application01-tabView .application01-pic .img{width: 100%;opacity: 0;position: absolute;top: 0;left: 0;transition: all 0.5s;pointer-events: none;}
.application01-tabView .application01-pic .img.active{opacity: 1;pointer-events: auto;}
.application01-tabView .application01-pic .img:nth-of-type(1){position: relative;}
.application01-tabView .application01-pic .img img{width: 100%;}
.application01-content{flex: 5;position: relative;}
.application01-inner{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 80%;opacity: 0;transition: all 0.5s;pointer-events: none;max-height: 100%;overflow: auto;}
.application01-inner::-webkit-scrollbar{display: none;}
.application01-inner.active{opacity: 1;pointer-events: auto;}
.application01-inner h3{font-size: 0.36rem;margin-bottom: 0.4rem;line-height:0.5rem;}
.application01-inner p{font-size: 0.2rem;margin-bottom: 0.4rem;line-height:0.3rem;}
.application01-right{flex:1;position: relative;}
.application01-right ul{width: 100%;position: absolute;top: 50%;transform: translateY(-50%);max-height: 100%;overflow: auto;}
.application01-right ul::-webkit-scrollbar{display: none;}
.application01-right ul li{float: left;width: 100%;cursor: pointer;position: relative;overflow: hidden;}
.application01-right ul li div{height: 100%;width: 100%;overflow: hidden;position: relative;z-index: 2;padding: 0.1rem 5% 0.1rem 20%;}
.application01-right ul li.active div{color: #2376c4;}
.application01-right ul li:hover div{color: #2376c4;}
.application01-right ul li .application01-bg{display: inline-block; width: 2rem;height: 2rem;background-color: #eaf5ff;border-left: 2px solid #2376c4;position: absolute;top: 20%;left: 120%;transform: rotate(15deg);transform-origin: right;transition: all 0.5s;}
.application01-right ul li:hover .application01-bg{left: -3%;}
.application01-right ul li.active .application01-bg{left: -3%;}
.application-title span{float: left;border-bottom: 2px solid #5892c8;font-size: 0.3rem;color: #5892c8;line-height: 0.6rem;margin: 0.6rem 0;}
.application02-box{width: 100%;display: flex;flex-wrap:wrap;}
.application02-box .application02-view{width: 23%;margin-right:2%;margin-bottom:0.2rem}
.application02-box .application02-view:nth-of-type(4n){margin-right:0;}
.application02-box .application02-view .img{width: 100%;}
.application02-box .application02-view .img img{width: 100%;}
.application02-box .application02-view p{width: 100%;display: inline-block;margin-top: 0.2rem;text-align: center;line-height: 0.3rem;}
.dependence{display:none;}
.dependence.active{display:block;}

/* 人才理念 */
.SubBan .talentSwiper .quality-prev{left: 0.1rem;}
.talent .quality-title{width: 100%;text-align: center;font-size: 0.5rem;padding: 0.3rem 0;position: relative;font-weight: 600;margin-bottom: 0.6rem;}
.talent .quality-title::after{content: "";width: 0.2rem;height: 0.02rem;background-color: #005fe1;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.talent-view{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.talent-view li{width: 30%;padding: 0.4rem;background-color: #f3f3f3;margin-bottom: 0.4rem;border-radius: 0.2rem;}
.talent-view li .talent-pic{width: 100%;position: relative;height: 1.6rem;margin-bottom: 0.4rem;}
.talent-view li .talent-pic img{height: 100%;position: absolute;left: 50%;transform: translateX(-50%);display: block;}
.talent-view li .talent-pic img:nth-of-type(2){display: none;}
.talent-view li:hover{background-color: #1dafe6;color: white;}
.talent-view li:hover .talent-pic img:nth-of-type(1){display: none;}
.talent-view li:hover .talent-pic img:nth-of-type(2){display: block;}
.talent-view li .talent-content h3{font-size: 0.26rem;}
.talent-view li .talent-content p{font-size: 0.18rem;line-height: 0.24rem;margin-top: 0.2rem;}
.talent-recruit{width: 48%;float: left;border-radius: 0.2rem;position: relative;overflow: hidden;margin-top: 0.6rem;}
.talent-recruit img{width: 100%;}
.talent-recruit .talent-mask{position: absolute;top: 100%;left: 0;width: 100%;height: 100%;transition:all 0.5s;background-color:rgba(255,255,255,0.7);}
.talent-recruit:hover .talent-mask{top:0;}
.talent-recruit .talent-mask h3{font-size: 0.5rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width:90%;text-align:center;}
.talent-recruit:nth-of-type(1) .talent-mask h3{color: rgba(0,82,217,0.7);}
.talent-recruit:nth-of-type(2) .talent-mask h3{color: rgba(121,192,0,0.7);}
.StyleDetail .slider{position: relative;}
.StyleDetail .imgbox{padding-top: 3.69rem;transition: all 0.3s;border-left: 0;border-right: 0;}
.StyleDetail .item{padding:0 0.25rem;transition: all 0.3s;text-align: center;}

.StyleDetail .desc{width: 80%;margin:10px auto;font-size: 0.2rem;line-height: 0.32rem; clear: both;text-align: center;}
.StyleDetail .slick-arrow{top: auto;transform: translateY(0);bottom: -0.25rem;width: 0.49rem;height: 0.49rem;background-color: transparent;border: 1px solid #cccccc;}
.StyleDetail .slick-arrow:hover{border: 1px solid #005fe1;}
.StyleDetail .slick-prev{left: 30%;}
.StyleDetail .slick-prev:After{background-image: url(../images/arrleft3.png);}
.StyleDetail .slick-next{right: 30%;}
.StyleDetail .slick-next:After{background-image: url(../images/arrright3.png);}
.StyleDetail.cur .item{padding:0.8rem 0 0;}
.StyleDetail.cur .slick-active{perspective: 1000px;}
.StyleDetail.cur .slick-active .imgbox{transform:rotateY(15deg);}
.StyleDetail.cur .slick-active.next .imgbox{transform:rotateY(-15deg);}
.StyleDetail.cur .slick-current {padding-top: 0;position: relative;z-index: 100;}
.StyleDetail.cur .item .desc{display: none;}
.StyleDetail.cur .slick-current .imgbox{transform:rotateY(0) !important;padding-top: 5.3rem;width: 200%;z-index: 100;margin-left: -1.8rem;border-left: 0.5rem solid #fff;border-right: 0.5rem solid #fff;}
.StyleDetail.cur .slick-current .desc{display: block;margin-top: 1.05rem;}
.StyleDetail.cur .slider:after{bottom: 0;width: 32%;left: 34%;content: "";position: absolute;height: 1px;background:#e1e1e1;}
.talent02{margin-top: 0.8rem;}

/* 加入我们 */
.JobSearch{margin: 0.4rem 10%;margin-top:0;width: 80%;display: flex;justify-content: center;}
.JobSearch li{float: left;padding-left: 10px;position: relative;}
.JobSearch li.w1{width: 27%;}
.JobSearch li.w2{width: 46%;}
.JobSearch .select{width: 100%;height: 0.6rem;}
.JobSearch .input{width: 100%;height: 0.6rem;line-height: 0.6rem;padding:0 0.43rem 0 0.2rem;background:#f5f7fa;}
.JobSearch .btn{position: absolute;right: 0.1rem;font-weight:bold;top: 0;height: 0.6rem;background:transparent;}
.JobSearch .btn:hover{color:#005fe1;}

.JobList{clear: both;padding-bottom: 0.4rem;}
.JobList .item{margin-bottom: 20px;padding:0 0.4rem;background:#f5f7fa;}
.JobList .info{padding:0.33rem 0 0.3rem;position: relative;cursor: pointer;}
.JobList .info .ti{margin-bottom: 0.17rem;font-size: 0.24rem;padding-left: 0.4rem;position: relative;}
.JobList .info .ico{position: absolute;left: 0;top: 5px;width: 23px;height: 23px;}
.JobList .info dl{padding-left: 0.4rem;}
.JobList .info dd{float: left;padding-right: 0.9rem;}
.JobList .info dd:last-child{padding-right: 0;}
.JobList .info .iconyjt{position: absolute;right: -0.1rem;top: 50%;transform: translateY(-50%);font-size: 28px;font-weight: bold;transition: all 0.3s;}
.JobList .detail{border-top: 1px solid #e1e3e6;padding:18px 0 0.5rem 0;display: none;}
.JobList .detail .txt{width: 50%;float: left;padding:0 0.4rem 0.3rem;color:#555555}
.JobList .detail .txt .sti{line-height: 0.63rem;padding-bottom: 2px;position: relative;font-size: 0.2rem;margin-bottom: 0.22rem;color:#333333;}
.JobList .detail .txt .sti:After{position: absolute;left: 0;bottom:0;width: 30px;height: 2px;background:#cacaca;content: "";}
.JobList .detail .txt:nth-child(2){float: right;}
.JobList .other{background:url(../images/linebg.gif) 0px top repeat-x;padding-top: 0.4rem;margin:0 0.4rem;line-height: 0.5rem;clear: both;}
.JobList .apply{color:#fff;width: 140px;border-radius: 25px;background:#005fe1;display: block;float: left;text-align: center;}
.JobList .apply:hover{background:#00e6ff;}
.JobList .mail{float: right;}
.JobList .mail img{display: inline-block;vertical-align: middle;margin-right: 10px;color: #1a1a1a;}
.JobList .mail a{color: #518ce1;}
.JobList .item.on{background:#fff;box-shadow: 0 3px 16px rgba(133,144,162,0.1);}
.JobList .item.on .ti,.JobList .item:hover .ti{color: #518ce1;}
.JobList .item.on .info .iconyjt{transform: rotate(90deg);}

.JobPop .Content{padding-top: 0.5rem;}
.JobForm{ color:#666666; margin:0px 0px 0px -2%;}
.JobForm dl{ width:48%; float:left; margin-left:2%; line-height:0.5rem; position: relative;}
.JobForm dl dt{position: absolute;left:0;top:5px; text-align:right;width:90px;}
.JobForm dl dd{margin-left:100px;}
.JobForm dl.auto{ width:100%; float:none;}

.JobForm dd{ padding:5px 0px;}
.JobForm .input { border:1px solid #dbdbdb; width:100%; height:0.4rem; line-height:0.38rem;}
.JobForm .textarea { border:1px solid #dbdbdb; width:100%; height:1.16rem; line-height:23px;display: block;}
.JobForm select { border:1px solid #dbdbdb; width:190px; height:23px; line-height:23px;}
.sendbtn{ cursor:pointer; color:#fff; width:120px; height:40px; font-size:16px; background:#333; margin-right:8px;}
.resetbtn{ cursor:pointer; color:#fff; width:120px; height:40px; font-size:16px; background:#999;}

@media(max-width:1366px){
    .index02 .product-left:60%;
    .index02 .product-right:40%;
}

 @media(max-width:1024px){
	.JobSearch,.SubTit.fl{float: none;}
	.JobSearch{width: auto;margin-bottom: 10px;}
}

@media(max-width:768px){
	.JobAll .item{width: 33.333%;}
	.JobAll .ico{width: 25px;height: 25px;}
	.JobAll .ti{font-size: 15px;line-height: 30px;}
	.JobAll .btn{min-width: 80px;line-height: 24px;font-size: 13px;}

	.JobTi h3{font-size: 18px;}

	.JobFuli .item{width: 50%;margin-bottom: 20px;}
	.JobFuli .ti{font-size: 16px;}
	.JobFuli .desc{line-height: 24px;}

	.JobSpace .item{width: auto;float: none;}
	.JobSpace .ti{font-size: 16px;}
	.JobSpace .box{height: auto;padding-bottom: 0.4rem;}
	.JobSpace .desc{font-size: 14px;line-height: 24px;}

	.FaqList .item .ti{font-size: 16px;line-height: 24px;}
	.Morebtn a{line-height: 0.6rem;width: 120px;}

	.JobSearch{flex-wrap:wrap;}
	.JobSearch li.w1{width: 33.33%;padding-bottom: 10px;}
	.JobSearch li.w2{width: 100%;}
	.JobSearch .select,.JobSearch .btn{height: 0.6rem;font-size:0.24rem;}
	.JobSearch .input{height: 0.6rem;line-height: 0.6rem;font-size:0.24rem;}
	.JobList .info .ti{font-size: 16px;}
	.JobList .info .ico{width: 18px;height: 18px;left: -5px;}
	.JobList .detail .txt{width: auto;float: none;}
	.JobList .detail .txt .sti{font-size: 16px;line-height: 30px;}
	.JobList .other{line-height: 30px;}
	.JobList .mail{clear: both;float: none;padding-top: 10px;}

	.JobForm dl{width: auto;float: none;}
	.JobForm .input{height: 30px;line-height: 28px;}
	.JobForm .btn dd{margin-left: 0;text-align: center;}
	
	.count-inner{display:none;}
	.count-inner.phone{display:flex;flex-wrap:wrap;}
	.count-inner.phone>div{width:100%;flex:none;}
	.count-inner>div label{float:left;width:auto;}
    .application02-box{flex-wrap:wrap;}
    .application02-box .application02-view{width:46%;margin-bottom:0.2rem}
    .etft-color .color-box{flex-wrap:wrap;}
    .etft-color .color-box .color-view{width:48%;margin:0.1rem 0;}
}


@media screen and (max-width: 1024px) {
    .banner .swiper-container-horizontal>.swiper-pagination-bullets{left:15%;!important}
	.index01 .application p{height: 0.5rem;line-height: 0.5rem;}
	.container .index-title h3{font-size: 0.36rem;line-height:0.4rem;}
	.index02 .product-right ul li img{width: 0.4rem;}
	.index02 .product-left-content{left: 0.4rem;bottom: 0.4rem;width: calc(100% - 0.6rem);}
	.index02 .produtc-page{right: 0.4rem;bottom: 0.4rem;}
	.index02 .product-left-icon{width: 0.55rem;}
	.index04-box .index04-title{font-size: 0.36rem;}
	.index04-box{padding: 0.4rem;}
	.materials .materials-box .materials-item .materials-num{font-size: 0.24rem;left: 0.08rem;}
	.application01-right{flex: 2;}
	.application01-right ul li div{line-height: 0.24rem;}
	.talent-view li{width: 48%;}
	.StyleDetail .imgbox{padding-top: 1.69rem;}
	.StyleDetail.cur .slick-current .imgbox{padding-top: 3.3rem;}
	.StyleDetail.cur .slider:after{width: 28%;left: 36%;}
	.StyleDetail.cur .slick-current .desc{margin-top: 0.75rem;}
	.JobSearch{width: 100%;margin: 0.4rem 0;margin-top: 0;}
    .index02 .swiper-slide.swiper-slide-prev{margin-right:0.4rem !important;}
    .index02 .product-left-content p{line-height:0.24rem;margin-top:0;}
    .index02 .product-left-content .more{padding:0 0.2rem;height:0.36rem;line-height:0.36rem;border-radius:0.18rem;margin-top:0.1rem;}
}
@media screen and (max-width: 768px) {
    .banner .swiper-container-horizontal>.swiper-pagination-bullets{left:20%;!important}
	.index01 .application-content.active{-webkit-line-clamp: 3;display:-moz-box;display:box;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;}
	.container .index-title h3{font-size: 0.24rem;margin:0.1rem 0;display:inline-block;width:100%;}
	.container .title{width:calc(40% - 0.5rem);}
	.index02 .product-right{padding: 0 0.1rem 0 0.4rem;padding-right:0;}
	.index02 .product-right ul{margin-top: 0;overflow: hidden;height:calc(100% - 0.8rem);}
	.index02 .product-right ul li{font-size: 0.1rem;}
	.index02 .product-right ul li p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.index02 .product-left-content{left: 0.2rem;bottom: 0.2rem;width: calc(100% - 0.6rem);}
	.index02 .produtc-page{right: 0.2rem;bottom: 0.2rem;font-size: 0.24rem;}
	.index02 .product-left-icon{width: 0.35rem;display: none;}
	.index02 .product-left-content h3{font-size: 0.24rem;margin-top: 0;}
	.index02 .product-left-content p{line-height: 0.3rem;margin-top: 0;-webkit-line-clamp: 2;display:-moz-box;display:box;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;}
	.index07-left,.index07-right{flex: none;padding: 0.4rem 5%;width: 100%;}
	.more{height: 0.4rem;line-height: 0.4rem;padding: 0 0.2rem;}
    .container .index-title{height:0.8rem;}
	.container .index-title img{margin: 0;}
	.container .index-title2 p{line-height: 0.3rem;}
	.index04-box .index04-title{font-size: 0.24rem;}
	.index04-box .index04-content{margin-top: 0.1rem;}
	.index03 .more, .index04 .more{margin-top: 0.2rem;}
	.index-application{flex-wrap: wrap;justify-content: space-around;}
	.application-box{width: 45%;flex:none;}
	.application-contnet p{font-size: 0.18rem;}
	.application-contnet .application-title{font-size: 0.24rem;line-height: 0.6rem;}
	.application-box .application-index{line-height: 0.6rem;}
	.materials .materials-box .materials-item{width: 45%;}
	.etft-series .series-box{flex-wrap: wrap;}
	.etft-series .series-box .series-view{width: 100%;margin: 0.4rem 0;}
	.application01-right ul li div{padding: 0.05rem 5% 0.05rem 20%;}
	.application01-inner h3{margin-bottom: 0.2rem;}
	.application01-inner p{line-height: 0.36rem;}
	.application01-txt{line-height: 0.36rem;}
	.process-box{width: 46%;float: left;margin-top: 0.2rem;}
	.StyleDetail.cur .slick-current .imgbox{width: 130%;padding-top: 5.3rem;}
	.StyleDetail .imgbox{padding-top: 1.69rem;}
	.StyleDetail.cur .slick-current .imgbox{padding-top: 3.3rem;}
	.StyleDetail.cur .slider:after{width: 27%;left: 36.5%;}
	.StyleDetail.cur .slick-current .desc{margin-top: 0.75rem;}
    
    .application .application01{padding-bottom:0.8rem;margin-bottom:0;}
    .application01-tabView{overflow:visible;}
    .application01-tabView .application01-pic{border-radius:0.4rem 0 0 0.4rem;overflow:hidden;}
    .application01-right{display: inline-block;width: 100%;height: 0.8rem;position: absolute;top: calc(100% + 1px);left: 0;z-index: 2;}
    .application01-right ul{display: flex;height: 100%;}
    .application01-right ul li{flex: 1;color: #333;font-size: 0.12rem;align-items: center;background-color: #fff;height: 100%;display: flex;}
    .application01-right ul li.active{background-color:#2376c4;}
    .application01-right ul li.active div{color:#fff;}
    .application01-right ul li .application01-bg{display: none;}
    .application01-right ul li div{padding:0;height: auto;}
}
@media screen and (max-width: 768px) {
	.index07-right input{line-height: 0.6rem;}
	.talent-view li .talent-content p{line-height: 0.4rem;font-size:0.24rem;}
    .talent-view li .talent-content h3{font-size:0.3rem;}
}
@media screen and (max-width: 560px) {
	.banner .swiper-container-horizontal>.swiper-pagination-bullets{left:25%;!important}
}