@charset "utf-8";

.homeProduct .content,
.homeAdvantage .content,
.homeNews .content,
.homeAbout .content,
.homeGoods .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:84%;height:100%;left:8%;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 .ani-slide .banner_img{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}

.swiperBanner .slideBox .banner1_1{width:70%;left:15%;top:24%;}
.swiperBanner .slideBox .banner2_1{width:76%;left:12%;top:36%;}
.swiperBanner .slideBox .banner3_1{width:46%;left:2%;top:30%;}
.swiperBanner .slideBox .banner3_2{width:44%;right:4%;top:30%;}
.swiperBanner .slideBox .banner4_1{width:38%;right:2%;top:18%;}

.swiperBanner .swiperBannerNext,.swiperBanner .swiperBannerPrev{width:50px;height:50px;border-radius:50%;position:absolute;top:50%;cursor:pointer;z-index:999;
background-repeat:no-repeat;background-position:center;background-size:auto 40%;}
.swiperBannerNext{right:2%;background-image:url(../images/right.png);}
.swiperBannerPrev{left:2%;background-image:url(../images/left.png);}
.swiperBanner .swiperBannerNext:hover,.swiperBanner .swiperBannerPrev:hover{background-color:#5888be;}

/* --index-- */
.homeH1{font-size:48px;font-weight:bold;}
.homeH2{font-size:24px;color:#666;margin-left:10px;text-transform:uppercase;}

.homeProduct{background:url(../images/bg1.jpg) no-repeat center;background-size:cover;overflow:hidden;position:relative;}
.swiperProduct{width:100%;height:100%;opacity:0;overflow:hidden;position:relative;}
.swiperProduct .swiper-slide{overflow:hidden;position:relative;}
.swiperProduct .swiper-slide .img{width:37.25%;float:left;overflow:hidden;}
.swiperProduct .swiper-slide .img img{width:100%;height:auto;display:block;-webkit-transition:all 0.5s;transition:all 0.5s;}
.swiperProduct .swiper-slide .title{width:53.75%;margin-left:9%;float:right;position:relative;}
.swiperProduct .swiper-slide .title .bt{height:82px;line-height:80px;border-bottom:1px solid #d2e1ef;overflow:hidden;}
.swiperProduct .swiper-slide .title .des{margin-top:2vw;}
.swiperProduct .swiper-slide .title .des p{padding:10px 0;font-size:18px;color:#666;line-height:24px;}
.swiperProduct .swiper-slide .title .des p b{width:110px;float:left;}
.swiperProduct .swiper-slide .title .des p span{width:calc(100% - 110px);float:left;}

.homeProduct.on .swiperProduct {
	-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 .title{text-align:center;color:#FFF;opacity:0;}
.homeAdvantage .title p{font-size:18px;line-height:24px;margin-top:1vw;}
.homeAdvantage .box{position:relative;margin-top:3vw;opacity:0;}
.homeAdvantage .box li{width:31%;height:auto;margin-right:3.5%;padding-bottom:2vw;border-radius:10px;float:left;background:#fff;-webkit-transition:all 0.5s;transition:all 0.5s;cursor:pointer;overflow:hidden;}
.homeAdvantage .box li:nth-of-type(3n){margin-right:0;}
.homeAdvantage .box li .bt{height:90px;font-size:30px;line-height:90px;text-align:center;color:#FFF;background:#037be5;overflow:hidden;}
.homeAdvantage .box li .des{height:168px;padding:0 2vw;margin-top:1.5vw;font-size:15px;line-height:28px;color:#333;overflow:hidden;}
.homeAdvantage .box li .link{width:calc(48% - 4vw);margin:2vw 2vw 3vw;font-size:14px;line-height:24px;text-align:center;color:#fff;background:#037be5;border-radius:10px;overflow:hidden;display:none;float:left;}
.homeAdvantage .box li .more{width:calc(48% - 4vw);margin:2vw 2vw 3vw;font-size:14px;line-height:24px;text-align:center;color:#fff;background:#037be5;border-radius:10px;overflow:hidden;display:none;float:right;}
.homeAdvantage .box li .img{padding:0 2vw;margin-top:2vw;}
.homeAdvantage .box li .img img{width:100%;display:block;}

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


.homeNews{background:url(../images/bg3.jpg) no-repeat center;background-size:cover;overflow:hidden;position:relative;}
.homeNews .leftbox{width:48%;float:left;opacity:0;}
.homeNews .rightbox{width:48%;float:right;opacity:0;}
.homeNews .leftbox .title,.homeNews .rightbox .title{height:82px;line-height:80px;overflow:hidden;position:relative;}
.homeNews .leftbox .title::after,.homeNews .rightbox .title::after{width:32px;height:3px;left:0;bottom:0;background:#053d8c;position:absolute;content:'';}
.homeNews .leftbox .list{margin-top:1vw;}
.homeNews .leftbox .list li{padding:10px 0;}
.homeNews .leftbox .list li a{display:block;}
.homeNews .leftbox .list li a .time{font-size:14px;line-height:32px;color:#999;border-bottom:1px solid #eee;}
.homeNews .leftbox .list li a .text{margin-top:20px;}
.homeNews .leftbox .list li a .text .img{width:16%;float:left;}
.homeNews .leftbox .list li a .text .img img{width:100%;height:78px;display:block;-o-object-fit:cover;object-fit:cover;}
.homeNews .leftbox .list li a .text .wz{width:80%;float:right;}
.homeNews .leftbox .list li a .text .wz .bt{height:32px;font-size:18px;line-height:32px;overflow:hidden;}
.homeNews .leftbox .list li a .text .wz p{height:40px;margin-top:6px;font-size:14px;line-height:20px;color:#999;overflow:hidden;}

.homeNews .rightbox .list{margin-top:1vw;}
.homeNews .rightbox .list li{padding-top:10px;}
.homeNews .rightbox .list li a{padding:23px 30px;display:block;background:#ebf0f6;}
.homeNews .rightbox .list li a .bt{height:32px;font-size:18px;line-height:32px;padding-left:40px;background:url(../images/question.png) no-repeat left top 2px;background-size:auto 28px;overflow:hidden;}
.homeNews .rightbox .list li a .wz{height:48px;margin-top:15px;font-size:14px;line-height:24px;color:#999;padding-left:40px;background:url(../images/answer.png) no-repeat left top 2px;background-size:auto 28px;overflow:hidden;}

.homeNews.on .leftbox {
	-webkit-animation:moveInLeftSmall 1.2s ease;
	animation:moveInLeftSmall 1.2s ease;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
.homeNews.on .rightbox {
	-webkit-animation:moveInRightSmall 1.2s ease;
	animation:moveInRightSmall 1.2s ease;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}


.homeAbout{background:url(../images/bg4.jpg) no-repeat center;background-size:cover;overflow:hidden;position:relative;}
.homeAbout .bg{width:100%;height:100%;background:rgba(0,0,0,0.4);display:none;position:absolute;left:0;top:0;}
.homeAbout .content{height:calc(100% - 100px);position:relative;z-index:9;}
.homeAbout .title{width:25%;height:auto;margin-top:2vw;color:#FFF;float:left;opacity:0;}
.homeAbout .title .homeH1 span{display:none;font-weight:normal;}
.homeAbout .title .homeH2{color:#fff;}
.homeAbout .title .line{width:32px;height:3px;margin:0.5vw 0 1vw;background:#053d8c;}
.homeAbout .box{width:70%;height:auto;margin-top:2vw;color:#FFF;float:right;opacity:0;}
.homeAbout .box .wz{height:120px;font-size:16px;line-height:30px;overflow:hidden;}
.homeAbout .box .button{float:right;color:#FFF;border:1px solid #fff;}

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


.homeGoods{background:url(../images/bg5.jpg) no-repeat center;background-size:cover;overflow:hidden;position:relative;}
.homeGoods .title{text-align:center;opacity:0;}
.homeGoods .title p{font-size:18px;line-height:24px;margin-top:1vw;color:#666;}

.swiperGoods{width:100%;height:100%;margin-top:2vw;opacity:0;overflow:hidden;position:relative;}
.swiperGoods .swiper-slide{overflow:hidden;position:relative;}
.swiperGoods .swiper-slide .box{padding:1vw 1vw 2vw;border-radius:10px;background:#fff;overflow:hidden;}
.swiperGoods .swiper-slide .box .img{width:100%;border:1px solid #dfdfdf;border-radius:10px;overflow:hidden;}
.swiperGoods .swiper-slide .box .img img{width:100%;height:auto;display:block;-webkit-transition:all 0.5s;transition:all 0.5s;}
.swiperGoods .swiper-slide .box .bt{height:32px;margin-top:1vw;font-size:18px;line-height:32px;overflow:hidden;position:relative;}
.swiperGoods .swiper-slide .box .bt img{height:20px;margin:0 10px;}
.swiperGoods .swiper-slide .box .des{height:48px;margin-top:1vw;font-size:14px;line-height:24px;color:#666;overflow:hidden;}
.swiperGoods .swiper-slide .box .more{width:44%;height:40px;margin-top:1vw;font-size:14px;line-height:38px;text-align:center;border:1px dashed #d8d8d8;border-radius:10px;float:left;}
.swiperGoods .swiper-slide .box .more img{margin-left:10px;}
.swiperGoods .swiper-slide .box .more:hover{color:#3e5c98;}
.swiperGoods .swiper-slide .box .consult{float:right;}

.homeGoods.on .title {
	-webkit-animation:moveInDownSmall 1.2s ease;
	animation:moveInDownSmall 1.2s ease;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
.homeGoods.on .swiperGoods {
	-webkit-animation:moveInUpSmall 1.2s ease;
	animation:moveInUpSmall 1.2s ease;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}