@charset "utf-8";

.homeProduct .content,
.homeAdvantage .content,
.homeAbout .content,
.homeSolution .content,
.homeNews .content{
	margin-top:100px;
}
/* --banner-- */
.homeBanner{overflow:hidden;}
.swiperBanner{width:100%;height:100%;margin:auto;overflow:hidden;position:relative;}
.swiperBanner .swiper-slide{overflow:hidden;position:relative;}
.swiperBanner .swiper-slide .imgScale{width:100%;height:100%;display:block;background-repeat:no-repeat;background-position:center top;background-size:cover;
	-webkit-animation:imgScale 6s ease-in-out infinite alternate;
	animation:imgScale 6s ease-in-out infinite alternate;
}
.swiperBanner .slideBox{width:80%;height:100%;left:10%;top:0;z-index:99;position:absolute;}
.swiperBanner .slideBox .banner_img{position:absolute;display:block;opacity:0;-webkit-transition:all 1s ease;transition:all 1s ease;-webkit-transform:translateY(50px);transform:translateY(50px);}
.swiperBanner .slideBox .banner1_1{width:42%;left:0;top:38%;}
.swiperBanner .slideBox .banner2_1{width:42%;left:0;top:38%;}
.swiperBanner .slideBox .banner3_1{width:56%;left:0;top:38%;}
.swiperBanner .ani-slide .banner_img{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}

.swiperBanner .pagination{width:auto !important;height:auto !important;right:4% !important;bottom:50% !important;left:auto !important;margin-bottom:-42px;position:absolute;z-index:99;}
.swiperBanner .pagination .swiper-pagination-bullet{width:6px;height:6px;margin:10px 0 !important;background:#FFF;border-radius:3px;opacity:1;display:block;-webkit-transition:all 0.5s;transition:all 0.5s;}
.swiperBanner .pagination .swiper-pagination-bullet-active{height:20px;background:#38bab1;}

/* --index-- */
.homeTitle{text-align:center;opacity:0;}
.homeTitle .en{font-size:52px;line-height:62px;color:#ddd;opacity:0.5;font-weight:bold;text-transform:uppercase;}
.homeTitle h2{font-size:36px;line-height:48px;color:#333;}
.homeTitle h2 i{width:7px;height:14px;margin:0 20px;}
.homeTitle h2 i.s1{background:url(../images/bg1.png) no-repeat center;}
.homeTitle h2 i.s2{background:url(../images/bg2.png) no-repeat center;}
.homeTitle h2.white{color:#fff;}
.section.on .homeTitle{
	-webkit-animation:moveInUpSmall 1.2s ease;
	animation:moveInUpSmall 1.2s ease;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}




.homeProduct{background:url(../images/bg1.jpg) no-repeat center;background-size:cover;overflow:hidden;position:relative;}
.homeProduct .type{width:80%;height:50px;margin:2vw auto 0;opacity:0;overflow:hidden;}
.homeProduct .type li{width:12.5%;height:50px;line-height:50px;text-align:center;float:left;}
.homeProduct .type li a{font-size:16px;color:#333;display:block;overflow:hidden;position:relative;}
.homeProduct .type li a::after{width:38px;height:8px;left:50%;bottom:-10px;margin-left:-19px;background:url(../images/bg3.png) no-repeat center bottom;position:absolute;content:'';-webkit-transition:all 0.5s;transition:all 0.5s;}
.homeProduct .type li a:hover::after{bottom:0;}
.homeProduct .type li a:hover{color:#0e6eb8;}
.homeProduct .more{margin:2vw auto 0;opacity:0;}
.homeProduct .more a{font-size:16px;color:#38bab1;}
.homeProduct .more a img{height:30px;margin-left:12px;}

.swiperProduct{width:100%;height:100%;margin:2vw auto 0;opacity:0;overflow:hidden;position:relative;}
.swiperProduct .swiper-slide{overflow:hidden;position:relative;}
.swiperProduct .swiper-slide a{display:block;}
.swiperProduct .swiper-slide a .img{overflow:hidden;}
.swiperProduct .swiper-slide a .img img{width:100%;height:auto;display:block;-webkit-transition:all 0.5s;transition:all 0.5s;}
.swiperProduct .swiper-slide a .title{padding:20px 10px 30px;text-align:center;position:relative;}
.swiperProduct .swiper-slide a .title h3{height:32px;font-size:16px;line-height:32px;color:#333;font-weight:bold;overflow:hidden;}
.swiperProduct .swiper-slide a .title p{height:24px;font-size:14px;line-height:24px;color:#999;overflow:hidden;}
.swiperProduct .swiper-slide a .title::after{width:0;height:4px;left:50%;bottom:0;background:#0e6eb8;position:absolute;content:'';-webkit-transition:all 0.5s;transition:all 0.5s;}
.swiperProduct .swiper-slide a:hover .title{background:#FFF;}
.swiperProduct .swiper-slide a:hover .title::after{width:100%;left:0;}
.swiperProduct .swiper-slide a:hover .img img{-webkit-transform:scale(1.08);transform:scale(1.08);}

.homeProduct.on .type {
	-webkit-animation:moveInUpSmall 1.2s ease;
	animation:moveInUpSmall 1.2s ease;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
.homeProduct.on .swiperProduct {
	-webkit-animation:moveInUpSmall 1.2s ease;
	animation:moveInUpSmall 1.2s ease;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
.homeProduct.on .more {
	-webkit-animation:moveInUpSmall 1.2s ease;
	animation:moveInUpSmall 1.2s ease;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}




.homeAdvantage{background:url(../images/bg2.jpg) no-repeat center;background-size:cover;overflow:hidden;position:relative;}
.homeAdvantage .box{position:relative;margin-top:1vw;opacity:0;}
.homeAdvantage .list{width:46.25%;float:left;}
.homeAdvantage .list li{width:48%;height:auto;padding:4%;margin-top:1vw;margin-right:4%;float:left;background:rgba(255,255,255,0.1);-webkit-transition:all 0.5s;transition:all 0.5s;cursor:pointer;overflow:hidden;}
.homeAdvantage .list li:nth-of-type(2n){margin-right:0;}
.homeAdvantage .list li .img{width:110px;height:110px;padding:12px;margin:auto;border-radius:50%;border:1px dashed #fff;}
.homeAdvantage .list li .img .icon{width:84px;height:84px;padding:12px;border-radius:50%;background:#FFF;display:block;}
.homeAdvantage .list li .img .icon img{width:100%;display:block;}
.homeAdvantage .list li .bt{margin-top:1vw;height:32px;font-size:20px;line-height:32px;text-align:center;color:#FFF;overflow:hidden;}
.homeAdvantage .list li .des{margin-top:0.5vw;height:48px;font-size:15px;line-height:24px;text-align:center;color:#FFF;overflow:hidden;}
.homeAdvantage .list li .dot{margin-top:0.5vw;text-align:center;}
.homeAdvantage .list li:hover{background:url(../images/b9.png) no-repeat center top;background-size:100% auto;}

.homeAdvantage .right{width:48%;height:100%;padding-top:1vw;position:absolute;right:2%;top:0;opacity:0;background:url(../images/b10.png) no-repeat center right;background-size:auto 90%;}
.swiperAdvantage .swiper-slide .img{border-radius:20px;overflow:hidden;}
.swiperAdvantage .swiper-slide .img img{width:100%;height:auto;display:block;-webkit-transition:all 0.5s;transition:all 0.5s;}


.homeAdvantage.on .box {
	-webkit-animation:moveInLeftSmall 1.2s ease;
	animation:moveInLeftSmall 1.2s ease;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
.homeAdvantage.on .right {
	-webkit-animation:moveInRightSmall 1.2s ease;
	animation:moveInRightSmall 1.2s ease;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}





.homeAbout{background:#FFF;overflow:hidden;}
.homeAbout .box{width:40%;height:auto;float:left;opacity:0;}
.homeAbout .box .en{font-size:32px;line-height:42px;padding-left:24px;color:#ddd;opacity:0.5;font-weight:bold;text-transform:uppercase;background:url(../images/b11.png) no-repeat left center;}
.homeAbout .box .bt{font-size:36px;line-height:48px;color:#333;}
.homeAbout .box ul{margin:2vw auto;position:relative;}
.homeAbout .box ul li{width:25%;float:left;font-size:15px;line-height:24px;font-weight:bold;color:#333;position:relative;z-index:9;overflow:hidden;}
.homeAbout .box ul li img{margin-bottom:20px;display:block;}
.homeAbout .box ul::before{width:100%;height:1px;left:0;top:14px;border-top:1px dashed #666;position:absolute;content:'';-webkit-transition:all 0.5s;transition:all 0.5s;}
.homeAbout .box .wz{height:144px;font-size:14px;line-height:24px;color:#999;overflow:hidden;}
.homeAbout .box .more{margin:2vw auto 0;}
.homeAbout .box .more a{font-size:16px;color:#38bab1;}
.homeAbout .box .more a img{height:30px;margin-left:12px;}
.homeAbout .right{width:50%;float:right;opacity:0;}
.homeAbout .right img{width:100%;display:block;}

.homeAbout .list{margin-top:4vw;opacity:0;}
.homeAbout .list li{width:25%;height:auto;text-align:center;float:left;}
.homeAbout .list li .num{color:#38bab1;}
.homeAbout .list li .num img{height:46px;}
.homeAbout .list li .num b{font-size:48px;margin:0 10px;}
.homeAbout .list li .wz{font-size:14px;line-height:24px;color:#999;}


.homeAbout.on .box {
	-webkit-animation:moveInLeftSmall 1.2s ease;
	animation:moveInLeftSmall 1.2s ease;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
.homeAbout.on .right {
	-webkit-animation:moveInRightSmall 1.2s ease;
	animation:moveInRightSmall 1.2s ease;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
.homeAbout.on .list {
	-webkit-animation:moveInUpSmall 1.2s ease;
	animation:moveInUpSmall 1.2s ease;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}



.homeService .img{width:50%;height:calc(100% - 160px);padding:0 10%;position:absolute;top:0;background-repeat:no-repeat;background-position:center;background-size:cover;}
.homeService .img .bt{height:46px;font-size:36px;line-height:46px;color:#fff;overflow:hidden;}
.homeService .img .wz{height:64px;margin-top:0.5vw;font-size:16px;line-height:32px;color:#fff;overflow:hidden;}
.homeService .img .line{width:32px;height:3px;margin:1vw 0;background:#38bab1;}
.homeService .img .en{font-size:16px;line-height:32px;color:#fff;}
.homeService .img .con{opacity:0;}

.homeService .box{width:100%;height:160px;position:absolute;left:0;bottom:0;background:#0e6eb8;}
.homeService .box h3{font-size:32px;font-weight:normal;margin-right:30px;color:#FFF;}
.homeService .box .des{font-size:32px;color:#FFF;}

.homeService.on .con {
	-webkit-animation:moveInUpSmall 1.2s ease;
	animation:moveInUpSmall 1.2s ease;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}



.homeNews{background:#f5f5f5;overflow:hidden;}
.homeNews .box{margin-top:4vw;opacity:0;}
.homeNews .box a{width:31.4%;margin:0 2.9% 0 0;padding-bottom:20px;background:#fff;float:left;}
.homeNews .box a:nth-of-type(3n){margin-right:0;}
.homeNews .box a .pic{overflow:hidden;}
.homeNews .box a .pic img{width:100%;margin:auto;display:block;-webkit-transition:all 0.5s;transition:all 0.5s;}
.homeNews .box a .title{height:32px;padding:0 20px;margin-top:1vw;font-size:18px;line-height:32px;color:#000;font-weight:bold;overflow:hidden;}
.homeNews .box a .wz{height:56px;padding:0 20px;margin-top:0.5vw;font-size:14px;line-height:28px;color:#999;overflow:hidden;}
.homeNews .box a .time{margin:0.5vw 20px 0;font-size:14px;line-height:32px;color:#333;background:url(../images/arrow.png) no-repeat right center;}
.homeNews .box a:hover .pic img{-webkit-transform:scale(1.08);transform:scale(1.08);}
.homeNews .box a:hover .title{color:#38bab1;}


.homeNews.on .box {
	-webkit-animation:moveInDownSmall 1.2s ease;
	animation:moveInDownSmall 1.2s ease;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
.homeNews.on .list {
	-webkit-animation:moveInUpSmall 1.2s ease;
	animation:moveInUpSmall 1.2s ease;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}