@charset "utf-8";

/*banner*/
.banner {position: relative;}
.index-banner-swiper {position: relative;background: #000;z-index:1;}
.banner-slide {}
.banner-slide .txt{position: absolute;left: 15%;top: 55%;right: 20%; margin-top: -167px;z-index: 33;}
.banner-slide .txt h2{display: inline-block; font-size: 42px;color: #fff;padding:10px 40px;margin:0;margin-bottom: 30px; line-height:70px;font-weight: bold; background-color: rgba(4,88,160,0.5);}
.banner-slide .txt h3{font-size: 18px;color: #222;padding:20px 40px;margin:0;font-weight: normal;line-height: 30px; background-color: rgba(255,255,255,0.5);}
.banner-slide .txt h4{display: inline-block; font-size: 42px;color: #fff;padding:10px 40px;margin:0;margin-bottom: 30px; line-height:70px;font-weight: bold; background-color: rgba(4,88,160,0.5);}
.banner-slide .txt h5{font-size: 18px;color: #222;padding:20px 40px;margin:0;font-weight: normal;line-height: 30px; background-color: rgba(255,255,255,0.5);}
.banner-slide .txt .line {width: 80px;height: 4px;background: #00bf86;margin: 10px 0;}
.banner-slide .txt.center {left:15%;top:55%;right: 20%;margin:0;margin-top: -167px;z-index: 33; text-align: right;}
.banner-slide .txt.none {display: none;}
.banner-slide .img {text-align: center;}
.banner-slide .img img{max-width: 100%;}



.banner-slide .txt h2 {transform:translateY(200px);opacity:0;transition:all 0.5s;}
.banner-slide .txt h3 {transform:translateY(200px);opacity:0;transition:all 0.8s;}
.banner-slide .txt h4 {transform:translateY(200px);opacity:0;transition:all 1s;}
.banner-slide .txt h5 {transform:translateY(200px);opacity:0;transition:all 1.5s;}
.banner-slide .txt .line {transform:translateY(200px);opacity:0;transition:all 0.7s;}
.index-banner-swiper .swiper-slide-active .txt h2,
.index-banner-swiper .swiper-slide-active .txt h3,
.index-banner-swiper .swiper-slide-active .txt h4,
.index-banner-swiper .swiper-slide-active .txt h5,
.index-banner-swiper .swiper-slide-active .txt .line{transform:translateY(0px);opacity:1;}


.swiper-banner-pagination {bottom: 55px;width: 100%; display: block;z-index: 90;}
.swiper-banner-pagination .swiper-pagination-bullet {width:60px;height:10px;margin:0 0 0 10px;border-radius: 0;opacity:1;background: none; position: relative;z-index: 11;outline: none;}
.swiper-banner-pagination .swiper-pagination-bullet::before {content: '';display: block;width: 100%;height: 5px;position: absolute;left: 0;top:5px;background: #fff;opacity: 0.3;}
.swiper-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{opacity: 1;}
.swiper-banner-pagination .swiper-pagination-bullet::after {content: '';display: block;position: absolute;left:0;top:5px;width:0;height: 5px;background: #00bf86;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;z-index: 10;}
.swiper-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {-webkit-animation: w100 4000ms 1;animation: w100 4000ms 1;}

@keyframes w100{0%{width: 0%;} 100%{width: 100%;}}



.home-bt{overflow: hidden; text-align: center; padding: 60px 0; }
.home-bt span{position: relative; margin-bottom: 20px; font-size: 36px; color: #333;line-height: 1; z-index: 1;}
.home-bt span:after{margin: 25px auto 0 auto; display: block; content: ""; width: 80px; height: 3px; background: #024890;}
.home-bt span:before{position: relative; left: 0px; bottom: -63px; width: 380px; margin: 0 auto; height: 1px; background: #e1e1e1; display: block; content: ""; z-index: 0;}
.home-bt small{display: block; color: #8d8d8d; font-size:16px; line-height: 26px; margin-top: 20px;}

/* 我们的优势 */
.home-youshi{overflow: hidden; margin-bottom: 60px;}
.home-youshi ul{}
.home-youshi ul li{float: left;padding-top: 15px;padding-bottom: 15px; cursor: pointer;width: 23%; margin: 0 1%;}
.home-youshi ul li .box{box-shadow:0 0 8px 0 rgba(0,0,0,.19); padding:40px 25px; border-radius: 10px; text-align: center; height: 100%; min-height: 430px;}
.home-youshi ul li .box span{font-size: 28px;}
.home-youshi ul li .box i{display: block;font-size: 5.2vw; color: #c4c5c5; margin: 1vw;}
.home-youshi ul li .box p{text-align: left;line-height: 25px; color: #999;}

.home-youshi ul li:hover .box{box-shadow:0 0 12px 0 rgba(2,72,144,.5);}
.home-youshi ul li:hover .box span{color: #024890;}
.home-youshi ul li:hover .box i{color: #024890;}

/* 产品中心 */
.home-prolist{ text-align: center; margin-bottom: 40px;}
.home-prolist ul{ display: inline-block;}
.home-prolist ul li{ float: left;  margin-right: 20px;}
.home-prolist ul li a{display: block; height: 40px; line-height: 40px; padding: 0 20px;border: 1px solid #cacaca;border-radius: 30px; background: #FFF;}
.home-prolist ul li a:hover{border: 1px solid #024890; color: #FFF; background: #024890;}

.home-probg{ background: url(../images/probg.jpg) no-repeat center center; border-bottom: 1px solid #e0e0e0;padding: 20px 0;}
.home-pro { margin-bottom: 60px;}
.home-pro ul { margin-left: -1%; margin-right: -1%;}
.home-pro ul li{float: left; width: 23%; margin: 0 1%; }
.home-pro ul li dd{background: #FFF;  text-align: center;overflow: hidden;}
.home-pro ul li dd .text{position: relative; text-align: center; background: #FFF; overflow: hidden; border-top: 1px solid #e7e7e7; padding: 15px;}
.home-pro ul li dd .text h2{ color: #666;font-size: 15px; line-height: 30px; text-align: center;  }
.home-pro ul li dd img{max-width: 100%;transition: all 0.6s;}
.home-pro ul li dd img:hover{transform:scale(1.2);}

/* 合作伙伴 */
.home-hezuobg{ background: url(../images/hezuobg.jpg) no-repeat center center;}
.home-hezuo { margin-bottom: 60px;}
.home-hezuo ul {}
.home-hezuo ul li{float: left;overflow: hidden; width: 18%;box-shadow: 0 0 8px 0 rgba(0,0,0,.19); background: #FFF; border-radius: 15px; margin: 0 1%; margin-bottom: 38px;}
.home-hezuo ul li img{max-width: 100%;border-radius: 15px;transition: all 0.6s;}
.home-hezuo ul li img:hover{transform:scale(1.2);}

/* 应用方案 */
.home-fangan{float: left;overflow: hidden; width: calc((100% - 460px));margin-top: 50px;}
.home-fangan h2{font-size: 30px;}
.home-fangan em{display: block;font-weight: bold;font-size: 38px; text-transform: uppercase; color: #ececed; line-height: 36px; margin-bottom: 20px;}
.fanganbg{overflow: hidden; background: #f5f5f5;}

.tabs{float: left; width: 200px; background: #024890;}
.tabs li{width: 100%; position: relative; border-bottom: 1px solid #457cb6; padding: 20px 0;}
.tabs li a {display: block; color: #FFF; font-size: 15px; padding-left: 15px;}
.tabs li a:hover {color: #f0f0f0;}	
.tabs .thistab,.tabs .thistab a:hover{background: #043a72;}
.tabs .more{ background: #da251c; text-align: center; padding: 30px 0; margin-top: 30px;}
.tabs .more i{display: block; color: #FFF; font-size: 90px; line-height: 100px;}
.tabs .more span{font-size: 22px; margin-left: 20px;}
.tabs .more a{color: #FFF;}

.tab_conbox{float: left; width: calc((100% - 200px));}
.tab_con{ display:none;}
.tab_con {}
.tab_con .img{overflow: hidden; height: 445px;}
.tab_con .img img{width: 100%;}
.tab_con .text{padding: 20px;}
.tab_con .text h2{ border-bottom: 1px solid #e3e3e3; font-size: 22px; margin-bottom: 10px; padding-bottom: 10px;}
.tab_con .text p{line-height: 24px; color: #999; }

/* 新闻 */
.home-news{float: left; width:410px; margin-left:50px; margin-top: 50px;}
.home-news h2{font-size: 30px;}
.home-news em{display: block; font-weight: bold;font-size: 38px; text-transform: uppercase; color: #ececed; line-height: 36px; margin-bottom: 20px;}
.home-news .newsimg{overflow: hidden; height: 210px;border: 1px solid #E7E7E7;border-bottom: 0;}
.home-news .newsimg img{width: 100%;}
.home-news ul{border: 1px solid #E7E7E7; border-top: 0; padding: 15px;}
.home-news ul li{ height: 38px; line-height: 38px;}
.home-news ul li h2{float: left; width: calc((100% - 77px)); font-size: 13px;}
.home-news ul li time{ width: 77px; float: right; color: #999;}

@media (min-width:1024px) and (max-width:1199px) {

	.banner-slide .txt h2{font-size: 32px; padding: 10px 50px;}
	.banner-slide .txt h3{font-size: 15px; }

	.home-fangan{width: 100%;margin-top: 0;}
	.home-news{width: 100%; margin-left: 0;}
	.home-news .newsimg{display: none;}
	.home-news ul{border-top:1px solid #E7E7E7;}


}

@media (min-width:768px) and (max-width:1023px) {
	
	.banner-slide .txt{left:10%; margin-top: -145px;}
	.banner-slide .txt h2{font-size: 28px; padding: 5px 50px; line-height: 50px;}
	.banner-slide .txt h3{font-size: 14px;line-height: 26px; }
	.banner-slide .txt.center {left: 10%; top: 10%;margin: 0;}
	
	.home-youshi ul li{ width: 48%;}
	.home-youshi ul li .box{min-height: auto;}
	.home-prolist ul li{ margin-bottom: 20px;}
	.home-probg{ background-size: cover;}
	.home-pro ul li{ width: 48%; margin-bottom: 30px;}
	.home-hezuobg{ background-size: cover;}
	.home-hezuo ul li{width: 31%;}
	.home-hezuo ul li:last-child{display: none;}
	
	.home-fangan{width: 100%; margin-top: 0;}
	.home-news{width: 100%; margin-left: 0;}


	
}
@media screen and (max-width:767px) {
	
	.banner-slide .txt{left:6%;right: 5%;  margin-top: -85px;}
	.banner-slide .txt h2{font-size: 22px; padding: 5px 15px; line-height: 30px; font-weight: normal; margin-bottom: 10px;}
	.banner-slide .txt h3{font-size: 12px;line-height: 20px;padding: 5px 15px; }
	.banner-slide .txt.center {left: 6%; top: 10%;margin: 0;}
	.swiper-banner-pagination{bottom: 10px;}
	
    .home-bt{padding: 38px 0;}
	.home-bt span{font-size: 32px;}
	.home-bt span:before {bottom: -59px;}
	.home-bt small{font-size: 13px;}
	.home-youshi ul li{width: 98%;}
	.home-youshi ul li .box{min-height: auto;}
	.home-youshi ul li .box span{font-size: 24px;}
	.home-youshi ul li .box i{font-size: 58px;}
	.home-prolist{display: none;}
	.home-probg{ background-size: cover;}
	.home-pro ul li{ width: 100%; margin: 0; margin-bottom: 30px;}
	.home-hezuobg{ background-size: cover;}
	.home-hezuo ul li{ width: 48%; margin-bottom: 30px;}
	.home-fangan{width: 100%; margin-top: 0;}
	.home-news{width: 100%; margin-left: 0;}
	.tabs{width: 100%;}
	.tab_conbox{width: 100%;}
	.tab_con .img{height: auto;}


}














