@charset "utf-8";

/* --menu-- */
#menu{position:fixed;right:20px;top:50%;margin-top:-130px;padding:0;list-style-type:none;z-index:999;display:none;}
#menu a{width:20px;height:auto;margin:30px 0;display:block;overflow:hidden;}
#menu a i{width:6px;height:6px;margin:auto;border-radius:50%;background:#fff;display:block;}
#menu a.active i{width:20px;height:20px;border:2px solid #fff;background:none;}
#menu.current a i{background:#ccc;}
#menu.current a.active i{border:2px solid #325f99;background:none;}

/* --banner-- */
.homeBanner{width:100%;height:100%;margin:auto;overflow:hidden;position:relative;}
.homeBanner .swiper-slide{overflow:hidden;position:relative;}
.homeBanner .swiper-slide .imgScale{width:100%;height:100%;display:block;background-repeat:no-repeat;background-position:center top;background-size:cover;}
@-webkit-keyframes imgScale {
  from {
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1); }
  to {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);}
}
@keyframes imgScale {
  from {
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1); }
  to {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);}
}
.imgScale {
	animation: imgScale 6s ease-in-out infinite alternate;
	-webkit-animation: imgScale 6s ease-in-out infinite alternate;
}

.homeBanner .pagination{width:auto !important;left:50% !important;bottom:6% !important;padding:10px 30px;margin-left:-180px;border-bottom:1px solid rgba(255,255,255,0.4);position:absolute;z-index:99;}
.homeBanner .pagination .swiper-pagination-bullet{width:20px;height:auto;text-align:center;font-size:18px;font-family:fz;color:rgba(255,255,255,0.5);margin:0 0 0 100px !important;background:none;opacity:1;position:relative;}
.homeBanner .pagination .swiper-pagination-bullet:nth-child(1){margin-left:0 !important;}
.homeBanner .pagination .swiper-pagination-bullet-active{color:#FFF;}
.homeBanner .pagination .swiper-pagination-bullet:after{
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -24px;
    left: 0;
    background-color: #FFF;
    z-index: -1;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
.homeBanner .pagination .swiper-pagination-bullet-active:after{width:20px;}

.slide-inner{width:100%;height:100%;left:0;top:0;z-index:99;position:absolute;}
.slide-inner .banner1_1{width:42%;left:10%;top:30%;}
.slide-inner .banner2_1{width:30%;right:12%;top:38%;}
.slide-inner .banner3_1{width:30%;right:12%;top:42%;}
.slide-inner .banner_img{
	position:absolute;
	transition: 1s;
	-moz-transition: 1s;
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	opacity:0;
	transform: translateY(50px);
	-ms-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-webkit-transform: translateY(50px);
	-o-transform: translateY(50px);
}
.homeBanner .ani-slide .banner_img{
    opacity: 1;
	transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
}

/* --index-- */
.homeTitle{padding-bottom:16px;position:relative;}
.homeTitle h1{font-size:42px;color:#333;line-height:60px;}
.homeTitle:before{
    content: '';
    width: 64px;
    height: 4px;
    background-color:#ff9300;
    position: absolute;
    bottom: 0;
    left: 0;
}


.homeAbout{background:url(../images/home_about_bg.png) no-repeat right 40% top #f8f8f8;background-size:auto 100%;overflow:hidden;}
.homeAbout .pub{padding-top:100px;}
.homeAbout .leftBox{width:45.75%;float:left;position:relative;}
.homeAbout.active .leftBox{
	animation:indexFadeLeftUp 1s ease-in-out;
	-webkit-animation:indexFadeLeftUp 1s ease-in-out;
	-moz-animation:indexFadeLeftUp 1s ease-in-out;
	-o-animation:indexFadeLeftUp 1s ease-in-out;
}

.homeAbout .leftBox .wz{height:120px;font-size:16px;line-height:30px;margin-top:30px;overflow:hidden;}
.homeAbout .leftBox .bt{margin-top:20px;overflow:hidden;}
.homeAbout .leftBox .bt img{max-width:100%;display:block;}
.homeAbout .leftBox .list li{margin-top:20px;}
.homeAbout .leftBox .list li b{font-size:36px;color:#2494e9;line-height:42px;}
.homeAbout .leftBox .list li p{font-size:15px;color:#999;line-height:30px;}

.homeAbout .rightBox{width:48%;height:100%;float:right;position:absolute;right:0;top:0;}
.homeAbout .rightBox .img{width:76%;position:absolute;left:0;top:26%;z-index:9;opacity:0;}
.homeAbout .rightBox .img img:nth-of-type(1){width:100%;display:block;}
.homeAbout .rightBox .img img:nth-of-type(2){height:72px;position:absolute;bottom:-102px;right:-50px;}
.homeAbout .rightBox .bg{width:66%;background:#26a1ff;border-radius:10px;box-shadow:0 0 50px rgba(38,161,255,0.5);position:absolute;right:60px;top:32%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.homeAbout .rightBox .bg img{width:100%;opacity:0;}

.homeAbout.active .rightBox .bg{
	animation:indexRotateIn 1s ease-in-out;
	-webkit-animation:indexRotateIn 1s ease-in-out;
	-moz-animation:indexRotateIn 1s ease-in-out;
	-o-animation:indexRotateIn 1s ease-in-out;
}
.homeAbout.active .rightBox .img{
	animation:indexBlowIn 1s ease-in-out 1s;
	-webkit-animation:indexBlowIn 1s ease-in-out 1s;
	-moz-animation:indexBlowIn 1s ease-in-out 1s;
	-o-animation:indexBlowIn 1s ease-in-out 1s;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}



.homeSolution{background-color:#000;position:relative;overflow:hidden;}
.homeSolution .pub{padding-top:100px;padding-bottom:242px;z-index:20;}
.homeSolution .homeTitle h1{color:#FFF;}
.homeSolution .homeTitle p{font-size:20px;line-height:42px;color:#FFF;}
.homeSolution .homeTitle p b{font-size:32px;font-family:fz;text-transform:uppercase;margin-right:20px;float:left;}

.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:46.7%;height:220px;margin-top:80px;position:relative;}
.homeSolution .msg li{position:absolute;left:0;top:0;opacity:0;
	transform: translateY(50px);
	-ms-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-webkit-transform: translateY(50px);
	-o-transform: translateY(50px);
	transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
}
.homeSolution .msg li h2{font-size:36px;line-height:56px;color:#FFF;}
.homeSolution .msg li p{height:144px;font-size:18px;line-height:36px;color:#FFF;margin-top:20px;overflow:hidden;}
.homeSolution .msg li.on{position:relative;opacity:1;
	transform: translateY(0);
	-ms-transform: translateY(0);
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-o-transform: translateY(0);
	transition: all 1.2s;
    -moz-transition: all 1.2s;
    -webkit-transition: all 1.2s;
    -o-transition: all 1.2s;
}

.homeSolution .nava{position:absolute;width:100%;height:242px;border-top:1px solid rgba(255,255,255,0.3);bottom:0;left:0;overflow:hidden;z-index:30;opacity:0;}
.homeSolution .nava li{width:16.66%;height:242px;padding:80px 40px;border-right:1px solid rgba(255,255,255,0.3);cursor:pointer;float:left;}
.homeSolution .nava li p{font-size:24px;color:rgba(255,255,255,0.5);}
.homeSolution .nava li:last-child{border:none;}
.homeSolution .nava li.on{background:rgba(0,0,0,0.3);}
.homeSolution .nava li.on p{color:#FFF;}
.homeSolution .nava li i{width:34px;height:34px;margin-top:20px;background:rgba(255,255,255,0.4);border-radius:50%;position:relative;overflow:hidden;display:block;}
.homeSolution .nava li i:before{
    content: '';
    width: 34px;
    height: 34px;
    background-color: #259fff;
    position: absolute;
    top: 0;
    left: -34px;
	transition: all 0.35s;
    -moz-transition: all 0.35s;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
}
.homeSolution .nava li.on i:before{left:0;}
.homeSolution .nava li i:after{
    content: '';
    width: 34px;
    height: 34px;
    background: url(../images/home_solution_nava.png) no-repeat center;
    position: absolute;
    top: 0;
    left: 0;
	border-radius:50%;
}

.homeSolution.active .nava{
	animation:indexFadeInUp 1s ease-in-out 0.6s;
	-webkit-animation:indexFadeInUp 1s ease-in-out 0.6s;
	-moz-animation:indexFadeInUp 1s ease-in-out 0.6s;
	-o-animation:indexFadeInUp 1s ease-in-out 0.6s;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}


.homeProduct{background:url(../images/home_product_bg.jpg) no-repeat center;background-size:cover;overflow:hidden;}
.homeProduct .pub{padding-top:100px;}
.homeProduct .homeTitle{float:left;}
.homeProduct .type{max-width:70%;height:76px;overflow:hidden;float:right;}
.homeProduct .type li{width:auto;height:38px;font-size:16px;color:#333;line-height:38px;margin:20px 0 20px 40px;padding:0 20px;overflow:hidden;cursor:pointer;float:left;}
.homeProduct .type li.on{color:#FFF;background:#ff9300;border-radius:20px;}
.homeProduct .list{width:100%;margin-top:40px;overflow:hidden;}
.homeProduct .list .swiper-slide{display:none;}
.homeProduct .list .swiper-slide.on{display:block;}
.homeProduct .list a{padding:20px;background:#FFF;display:block;}
.homeProduct .list .pic{border:1px dashed #ddd;}
.homeProduct .list .title{height:32px;font-size:18px;line-height:32px;text-align:center;font-weight:bold;margin-top:10px;overflow:hidden;}
.homeProduct .list .wz{height:48px;font-size:16px;line-height:24px;text-align:center;color:#999;margin-top:8px;overflow:hidden;}
.homeProduct .list .btn{width:100%;max-width:162px;height:38px;font-size:16px;line-height:38px;color:#FFF;background:url(../images/normal_button.png) no-repeat right 30px center #ccc;margin:20px auto;padding:0 20px;border-radius:20px;overflow:hidden;}
.homeProduct .list a:hover .btn{background:url(../images/normal_button.png) no-repeat right 30px center #ff9300;}
.homeProduct .normal_button{margin:40px auto 0;opacity:0;}

.homeProduct.active .homeTitle{
	animation:indexFadeInDown 1s ease-in-out;
	-webkit-animation:indexFadeInDown 1s ease-in-out;
	-moz-animation:indexFadeInDown 1s ease-in-out;
	-o-animation:indexFadeInDown 1s ease-in-out;
}
.homeProduct.active .type{
	animation:indexFadeInDown 1s ease-in-out;
	-webkit-animation:indexFadeInDown 1s ease-in-out;
	-moz-animation:indexFadeInDown 1s ease-in-out;
	-o-animation:indexFadeInDown 1s ease-in-out;
}
.homeProduct.active .list{
	animation:indexFadeInUp 1s ease-in-out;
	-webkit-animation:indexFadeInUp 1s ease-in-out;
	-moz-animation:indexFadeInUp 1s ease-in-out;
	-o-animation:indexFadeInUp 1s ease-in-out;
}
.homeProduct.active .normal_button{
	animation:indexFadeInUp 0.6s ease-in-out 1s;
	-webkit-animation:indexFadeInUp 0.6s ease-in-out 1s;
	-moz-animation:indexFadeInUp 0.6s ease-in-out 1s;
	-o-animation:indexFadeInUp 0.6s ease-in-out 1s;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}



.homeNews{background:#f8f8f8;overflow:hidden;}
.homeNews .pub{padding-top:100px;}
.homeNews .homeTitle{float:left;}
.homeNews .type{max-width:70%;height:76px;overflow:hidden;float:right;}
.homeNews .type li{width:auto;height:38px;font-size:16px;color:#333;line-height:38px;margin:20px 0 20px 40px;padding:0 20px;overflow:hidden;cursor:pointer;float:left;}
.homeNews .type li.on{color:#FFF;background:#ff9300;border-radius:20px;}
.homeNews .list{width:100%;margin-top:20px;overflow:hidden;}
.homeNews .list .swiper-slide{display:none;}
.homeNews .list .swiper-slide.on{display:block;}
.homeNews .list a{position:relative;display:block;}
.homeNews .list .num{width:100%;height:120px;line-height:120px;text-align:center;font-size:120px;font-weight:bold;color:#f2f2f2;font-family:Tahoma;position:absolute;left:0;top:0;}
.homeNews .list .title{height:120px;font-size:20px;line-height:120px;font-weight:bold;overflow:hidden;position:relative;z-index:9;}
.homeNews .list .wz{height:48px;font-size:16px;line-height:24px;color:#666;overflow:hidden;}
.homeNews .list .time{height:24px;font-size:16px;line-height:24px;color:#999;margin-top:20px;overflow:hidden;}
.homeNews .list .time b{font-size:24px;color:#666;}
.homeNews .list .pic{margin-top:30px;}
.homeNews .list a:hover .title{color:#ff9300;}
.homeNews .normal_button{margin:40px auto 0;opacity:0;}

.homeNews.active .homeTitle{
	animation:indexFadeInDown 1s ease-in-out;
	-webkit-animation:indexFadeInDown 1s ease-in-out;
	-moz-animation:indexFadeInDown 1s ease-in-out;
	-o-animation:indexFadeInDown 1s ease-in-out;
}
.homeNews.active .type{
	animation:indexFadeInDown 1s ease-in-out;
	-webkit-animation:indexFadeInDown 1s ease-in-out;
	-moz-animation:indexFadeInDown 1s ease-in-out;
	-o-animation:indexFadeInDown 1s ease-in-out;
}
.homeNews.active .list{
	animation:indexFadeInUp 1s ease-in-out;
	-webkit-animation:indexFadeInUp 1s ease-in-out;
	-moz-animation:indexFadeInUp 1s ease-in-out;
	-o-animation:indexFadeInUp 1s ease-in-out;
}
.homeNews.active .normal_button{
	animation:indexFadeInUp 0.6s ease-in-out 1s;
	-webkit-animation:indexFadeInUp 0.6s ease-in-out 1s;
	-moz-animation:indexFadeInUp 0.6s ease-in-out 1s;
	-o-animation:indexFadeInUp 0.6s ease-in-out 1s;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}