@charset "utf-8";
.homeProduct .content,
.homeSolution .content,
.homeAbout .content,
.homeService .content,
.homeNews .content{
	margin-top:76px;
}
/* --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:82%;height:100%;left:9%;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:56%;left:0;top:40%;}
.swiperBanner .slideBox .banner2_1{width:50%;left:0;top:28%;}
.swiperBanner .slideBox .banner3_1{width:76%;left:12%;top:36%;}
.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:-90px;position:absolute;z-index:99;}
.swiperBanner .pagination .swiper-pagination-bullet{width:90px;height:auto;font-size:30px;color:#FFF;line-height:40px;text-indent:50px;font-family:bahnschrift;padding:10px 0;opacity:0.5;background:none;position:relative;display:block;
	-webkit-transition:all 0.5s;transition:all 0.5s;
}
.swiperBanner .pagination .swiper-pagination-bullet-active{opacity:1;text-indent:0;}
.swiperBanner .pagination .swiper-pagination-bullet:after{width:0;height:2px;right:0;top:29px;background:#FFF;position:absolute;content:'';
	-webkit-transition:all 0.5s;transition:all 0.5s;
}
.swiperBanner .pagination .swiper-pagination-bullet-active:after{width:50px;}

/* --index-- */
.homeProduct{background:#e8eff7;overflow:hidden;position:relative;}
.homeProduct .title {width:100%;text-align:center;opacity:0;}
.homeProduct .title .wz{font-size:16px;line-height:24px;margin-top:10px;}
.homeProduct .type {width:11.25%;margin-top:2vw;float:left;opacity:0;}
.homeProduct .type li{height:20px;font-size:16px;line-height:20px;margin-top:1.5vw;padding-left:24px;display:block;overflow:hidden;position:relative;}
.homeProduct .type li:first-child{margin-top:0;}
.homeProduct .type li:after{width:0;height:20px;left:0;top:0;background:#174789;position:absolute;content:'';-webkit-transition:all 0.5s;transition:all 0.5s;}
.homeProduct .type li a{position:relative;z-index:10;}
.homeProduct .type li a:after{width:0;height:6px;left:0;bottom:0;background:#b1c2d9;position:absolute;z-index:-1;content:'';-webkit-transition:all 0.5s;transition:all 0.5s;}
.homeProduct .type li:hover a{color:#174789;font-weight:bold;}
.homeProduct .type li:hover:after{width:3px;}
.homeProduct .type li a:hover:after{width:100%;}
.homeProduct .list{width:86.88%;margin-top:2vw;float:right;opacity:0;}
.homeProduct .list .box{background:#FFF;display:block;}
.homeProduct .list .box .pic img{width:100%;display:block;}
.homeProduct .list .box .bt{width:90%;height:50px;font-size:16px;line-height:46px;text-align:center;border:1px solid #eee;margin:auto;position:relative;z-index:10;}
.homeProduct .list .box .bt:after{width:80%;height:10px;left:10%;bottom:16px;background:#efefef;position:absolute;z-index:-1;content:'';-webkit-transition:all 0.5s;transition:all 0.5s;}
.homeProduct .list .box .bt a:hover{color:#174789;}
.homeProduct .list .box .more{width:90%;height:24px;margin:15px auto;overflow:hidden;}
.homeProduct .list .box .more a{font-size:15px;color:#333;line-height:24px;float:left;}
.homeProduct .list .box .more a:last-child{float:right;}
.homeProduct .list .box .more a:hover{color:#174789;}

.homeProduct.on .title {
	-webkit-animation:moveInDownSmall 1.2s ease;
	animation:moveInDownSmall 1.2s ease;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
.homeProduct.on .type {
	-webkit-animation:moveInLeftSmall 1.2s ease;
	animation:moveInLeftSmall 1.2s ease;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
.homeProduct.on .list {
	-webkit-animation:moveInRightSmall 1.2s ease;
	animation:moveInRightSmall 1.2s ease;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

.homeSolution{background-color:#000;overflow:hidden;position:relative;}
.homeSolution .content{margin-bottom:200px;}
.homeSolution .bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
	overflow:hidden;
}
.homeSolution .bg .pic {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    opacity: 0;
    z-index: 2;
    transition: opacity 0.7s cubic-bezier(0.65, 0.01, 0.45, 1), transform 4s cubic-bezier(0.65, 0.01, 0.45, 1);
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.homeSolution .bg .pic.on {
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    z-index: 10;
}
.homeSolution .msg{width:90%;position:absolute;left:5%;top:260px;z-index:20;text-align:center;}
.homeSolution .msg li{
	width:100%;
	position:absolute;
	left:0;top:0;
	opacity: 0;
	transition: opacity 0.2s ease, transform 1.2s ease;
	-webkit-transform: translate3d(0, -40px, 0);
	transform: translate3d(0, -40px, 0);
}
.homeSolution .msg li.on{
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.homeSolution .msg li b{color:#FFF;line-height:72px;display:block;}
.homeSolution .msg li a{float:none;}

.homeSolution .time{
	width:876px;
	margin:20vw auto 0;
    position:absolute;
	left:50%;
	margin-left:-438px;
	bottom:60px;
	z-index:30;
	opacity:0;
}
.homeSolution .time li{width:96px;margin:0 25px;text-align:center;float:left;cursor:pointer;}
.homeSolution .time li .img{padding:25px;background:url(../images/s_bg.png) no-repeat center;background-size:cover;-webkit-transition:all 0.5s;transition:all 0.5s;}
.homeSolution .time li .img img{width:46px;height:46px;-webkit-transition:all 0.5s;transition:all 0.5s;}
.homeSolution .time li p{height:32px;font-size:16px;color:#fff;line-height:32px;margin-top:20px;overflow:hidden;}
.homeSolution .time li.on .img{background:url(../images/s_hover.png) no-repeat center;background-size:cover;border:none;}


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



.homeAbout{background:url(../images/home_about_bg.jpg) no-repeat center #000;background-size:cover;overflow:hidden;}
.homeAbout .bg{width:46%;height:auto;position:absolute;left:0;bottom:0;opacity:0;}
.homeAbout .bg img{width:100%;height:auto;display:block;-o-object-fit:cover;object-fit:cover;}
.homeAbout .list{
	width:60%;
	margin-left:30%;
	position:absolute;
	right:9%;
	top:76px;
}
.homeAbout .list li {
	width:25%;
	float:left;
	padding:3vw 0 1vw 1vw;
	border-left:1px solid #ddd;
	position:relative;
}
.homeAbout .list li img{
	height:32px;
	display:block;
}
.homeAbout .list li b{
	height:68px;
	font-size:60px;
	font-family:bahnschrift;
	font-weight:normal;
	line-height:68px;
	color:#174789;
	display:block;
	overflow:hidden;
}
.homeAbout .list li p{
	height:24px;
	font-size:16px;
	line-height:24px;
	display:block;
	overflow:hidden;
}
.homeAbout .list li:after{width:9px;height:9px;left:-5px;bottom:0;border-radius:50%;background:#ccc;position:absolute;z-index:3;content:'';}

.homeAbout .box{width:50%;padding-top:100px;margin-left:50%;opacity:0;}
.homeAbout .box .wz{height:224px;font-size:15px;line-height:28px;margin-top:2vw;overflow:hidden;}

.homeAbout.on .bg {
	-webkit-animation:moveInFade 3.6s ease 0.4s;
	animation:moveInFade 3.6s ease 0.4s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
.homeAbout.on .box {
	-webkit-animation:moveInUpSmall 1.2s ease;
	animation:moveInUpSmall 1.2s ease;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}


.homeService {
	background:url(../images/home_service.jpg) no-repeat center #000;
	background-size:cover;
	overflow:hidden;
}
.homeService .box{
	overflow:hidden;
}
.homeService .box .left{
	opacity:0;
	margin-right:2%;
}
.homeService .box .right{
	opacity:0;
}
.homeService.on .left{
	-webkit-animation:moveInLeftSmall 1.2s ease;
	animation:moveInLeftSmall 1.2s ease;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
.homeService.on .right{
	-webkit-animation:moveInRightSmall 1.2s ease;
	animation:moveInRightSmall 1.2s ease;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}





.homeAdvantage{
	background:url(../images/home_advantage_bg.png) no-repeat right bottom -160px #f8f8f8;
	overflow:hidden;
	position:relative;
}
.homeAdvantage .imglist{
    position: absolute;
    width:46%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
	overflow:hidden;
}
.homeAdvantage .imglist .pic {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    opacity: 0;
    z-index: 2;
    transition: opacity 0.7s cubic-bezier(0.65, 0.01, 0.45, 1), transform 4s cubic-bezier(0.65, 0.01, 0.45, 1);
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.homeAdvantage .imglist .pic.on {
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    z-index: 10;
}

.homeAdvantage .tags{
	width:344px;
	height:100%;
	background:url(../images/home_advantage.png) no-repeat center;
	background-size:cover;
	position:absolute;
	left:46%;
	top:0;
	margin-left:-344px;
	z-index:20;
}
.homeAdvantage .tags li{
	width:120px;
	height:15%;
	font-size:16px;
	line-height:28px;
	opacity:0;
	cursor:pointer;
	position:absolute;
}
.homeAdvantage.on .tags li{
	-webkit-animation:moveInUpSmall 1.2s ease;
	animation:moveInUpSmall 1.2s ease;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
.homeAdvantage .tags li:nth-of-type(1) {
	right:-145px;
	top:25%;
}
.homeAdvantage .tags li:nth-of-type(2) {
	right:-159px;
	top:40%;
	-webkit-animation-delay:0.2s;
	animation-delay:0.2s;
}
.homeAdvantage .tags li:nth-of-type(3) {
	right:-151px;
	top:55%;
	-webkit-animation-delay:0.4s;
	animation-delay:0.4s;
}
.homeAdvantage .tags li:nth-of-type(4) {
	right:-119px;
	top:70%;
	-webkit-animation-delay:0.6s;
	animation-delay:0.6s;
}

.homeAdvantage .tags li:after{width:50px;height:50px;font-size:12px;line-height:50px;text-align:center;color:#174789;
left:-65px;top:3px;border-radius:50%;position:absolute;z-index:3;content:'●';-webkit-transition:all 0.5s;transition:all 0.5s;}
.homeAdvantage .tags li.on:after{background:#FFF;border:1px solid #174789;}


.homeAdvantage .box{
	width:calc(45% - 200px);
	height:100%;
	position:absolute;
	top:0;
	right:9%;
}
.homeAdvantage .box li{
	left:0;top:0;
	opacity:0;
	position:absolute;
	padding-top:76px;
	transition: opacity 0.2s ease, transform 1.2s ease;
	-webkit-transform: translate3d(40px, 0, 0);
	transform: translate3d(40px, 0, 0);
}
.homeAdvantage .box li.on{
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index:10;
}

.homeAdvantage .box li h1{color:#333;}
.homeAdvantage .box li h2{color:#333;margin-top:1vw;}
.homeAdvantage .box li .wz{height:96px;font-size:16px;line-height:32px;margin-top:2vw;overflow:hidden;}
.homeAdvantage .box li .img{margin-top:2vw;overflow:hidden;}
.homeAdvantage .box li .img img{width:48%;margin-left:4%;border-radius:6px;float:left;}
.homeAdvantage .box li .img img:nth-of-type(1){margin-left:0;}



.homeNews {background:url(../images/home_news_bg.jpg) no-repeat center #000;background-size:cover;overflow:hidden;}
.homeNews .title {width:100%;color:#FFF;text-align:center;opacity:0;}
.homeNews .title .wz{font-size:16px;line-height:24px;margin-top:10px;}

.homeNews .topNews {
	width:100%;
	height:24vw;
	margin-top:2vw;
	position:relative;
	background:rgba(0,0,0,0.6);
	opacity:0;
	-webkit-transition: all 0.35s;transition: all 0.35s;
}
.homeNews .topNews .pic {
	width:50%;
	float:left;
}
.homeNews .topNews .pic img{
	width:100%;height:24vw;-o-object-fit:cover;object-fit:cover;
}
.homeNews .topNews .txt {
	width:50%;
	padding:2vw;
	color:#FFF;
	float:right;
}
.homeNews .topNews .txt .bt {
	max-height:64px;
	font-weight:bold;
	line-height:32px;
	overflow:hidden;
}
.homeNews .topNews .txt .bt a {
	color:#FFF;
}
.homeNews .topNews .txt .wz {
	height:128px;
	font-size:16px;
	line-height:32px;
	margin-top:1vw;
	overflow:hidden;
}
.homeNews .topNews .txt .line {
	width:100%;
	height:1px;
	margin-top:2vw;
	background:#434343;
}
.homeNews .topNews .wz .time {
	height:24px;
	font-size:20px;
	line-height:24px;
	overflow:hidden;
	margin-top:10px;
	font-family:bahnschrift;
}

.homeNews .topNews .time{
	height:50px;
	font-size:18px;
	font-family:bahnschrift;
	line-height:24px;
	text-align:right;
	color:#FFF;
	margin:2vw auto 0;
	float:right;
}
.homeNews .topNews .time p{
	font-size:28px;
}


.homeNews .list {
	width:100%;
	margin-top:1vw;
	position:relative;
	z-index:20;
	opacity:0;
}
.homeNews .list li {
	width:32%;
	height:9vw;
	padding:1vw;
	margin-right:2%;
	float:left;
	position:relative;
	background:rgba(0,0,0,0.6);
	overflow:hidden;
}
.homeNews .list li:last-child {
	margin-right:0;
}
.homeNews .list li .pic {
	width:38%;
	float:left;
}
.homeNews .list li .pic img{
	width:100%;height:7vw;-o-object-fit:cover;object-fit:cover;
}
.homeNews .list li .txt {
	width:58%;
	color:#FFF;
	float:right;
}
.homeNews .list li .txt .bt{
	max-height:56px;
	font-size:18px;
	font-weight:bold;
	line-height:28px;
	overflow:hidden;
}
.homeNews .list li .txt .bt a {
	color:#FFF;
}
.homeNews .list li .more{
	font-size:16px;
	line-height:50px;
	color:#FFF;
	margin:1vw auto 0;
	display:block;
	float:left;
	position:relative;
	overflow:hidden;
}
.homeNews .list li .time{
	height:50px;
	font-size:18px;
	font-family:bahnschrift;
	line-height:24px;
	text-align:right;
	color:#FFF;
	margin:1vw auto 0;
	float:right;
}
.homeNews .list li .time p{
	font-size:28px;
}

.homeNews.on .title {
	-webkit-animation:moveInDownSmall 1.2s ease;
	animation:moveInDownSmall 1.2s ease;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
.homeNews.on .topNews {
	-webkit-animation:moveInLeftSmall 1s ease;
	animation:moveInLeftSmall 1s ease;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
.homeNews.on .list {
	-webkit-animation:moveInUpSmall 1s ease 0.4s;
	animation:moveInUpSmall 1s ease 0.4s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}