@charset "utf-8";

/*BANNER*/
.wap-banner{display: none;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {cursor: pointer;position: relative;}
.swiper-slide img{width: 100%;}
.swiper-slide .text{
	position: absolute;
	text-align: center;
    color: #FFF;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
	}
.swiper-slide .text h2{font-size: 38px;}
.swiper-slide .text p{margin: 20px 0;font-size: 14px;text-transform: uppercase;}
.swiper-slide .text .btn1{display: inline-block; width: 220px;height: 50px;line-height: 50px;text-align: center;border: 1px solid #FFF;margin-top: 20px; }
.swiper-slide .text a{color: #FFF;}
.swiper-slide .text a:hover{color: #2e4b9b;background: #FFF;}

.swiper-slide .video-box {
	position: relative;
    width: 100%;
	height: 100%;
	
	background-color: #C1CFF7;
	/*进行视频裁剪*/
	overflow: hidden;
}

.swiper-slide .video-box .video-background {
	position: absolute;
	left: 50%;
	top: 50%;
	/*保证视频内容始终居中*/
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
    width: 100%;
	object-fit: cover;
	max-height: 700px;
}


.home-bt{overflow: hidden; margin: 50px 0;text-align: center;}
.home-bt span{font-size: 36px; color: #2e4b9b;line-height: 50px;font-weight: bold;font-family: 'Microsoft YaHei';}
.home-bt em{display: block; font-size:14px; color: #555;line-height: 30px;color: #999;text-transform: uppercase; }

/*产品*/
.tabs{overflow: hidden;}
.tabs ul{}
.tabs ul li{float:left;width: 12.2%; margin: 0 1%;}
.tabs ul li a {display: block; font-size: 16px; text-align: center; background: #eeeeee; color: #333;height: 50px;line-height: 50px;border-radius: 50px; }
.tabs ul li a:hover {background: #2e4b9b; color: #FFF;border-radius: 50px;}	
.tabs .thistab a{ background: #2e4b9b; color: #FFF;border-radius: 50px;}
.tab_con{ display:none;}


.home-pro{margin: 40px 0; overflow: hidden;}
.home-pro dl{margin-left: -1%;margin-right: -1%;}
.home-pro dl dd{ float:left; width: 23%; margin: 0 1%;margin-bottom: 20px;}
.home-pro dl dd .img{overflow: hidden; background: #FFF; border: 1px solid #e8e8e8;}
.home-pro dl dd .img:hover{ border: 1px solid #2e4b9b;}
.home-pro dl dd .img img{max-width: 100%; transition: all 0.6s;}
.home-pro dl dd .img img:hover{transform:scale(1.2);}
.home-pro dl dd h3{ font-size: 14px;text-align: center;line-height: 40px; }
.home-pro dl dd:hover h3{color: #2e4b9b;}

/*关于我们*/
.home-aboutbg{overflow: hidden; background:#eeeeee;}
.home-about-l{float: left; width: 40%; margin-right: 4%;}
.home-about-l img{max-width: 100%;}
.home-about-r{float: left; width: 41%;}
.home-about-r .tit{overflow: hidden; margin: 50px 0 40px 0;}
.home-about-r .tit em{font-size: 14px;color: #888;line-height: 40px;text-transform: uppercase;}
.home-about-r .tit span{display: block; font-size: 38px; color: #2e4b9b;line-height: 50px;font-weight: bold;font-family: 'Microsoft YaHei';}
.home-about-r .tit small{display: block; font-size:24px; color: #333;line-height: 40px; }
.home-about-r .text{ color: #666;line-height: 28px;font-size: 16px;  text-align: justify;}
.home-about-r .more{float: right; width: 220px; height: 50px;line-height: 50px; text-align: center; border: 1px solid #2e4b9b; margin-top: 30px;}
.home-about-r .more a{color: #2e4b9b;font-size: 16px;}

@media (min-width:1700px) and (max-width:1800px) {
	
.home-about-r{float: left; width: 46%;}

}

@media (min-width:1600px) and (max-width:1700px) {
	
.home-about-r{float: left; width: 47%;}

}

@media (min-width:1500px) and (max-width:1600px) {
	
.home-about-r{float: left; width: 48%;}

}

@media (min-width:1400px) and (max-width:1500px) {
	
.home-about-r{float: left; width: 51%;}

}


.digital{overflow: hidden; margin: 30px 0; }
.digital ul{}
.digital ul li{float: left; width: 25%; text-align: center; }
.digital ul li h2{ font-size: 50px; font-weight: bold;line-height: 60px;font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;color: #2e4b9b;}
.digital ul li h2 i{font-size: 20px;position: absolute; margin-top: -18px; font-style: normal;color: #2e4b9b;}
.digital ul li h5{font-size: 15px; line-height: 26px;}
.digital ul li .baise{color: #FFF;}


/*优势*/
.youshibg{overflow: hidden;background: url(../images/youshibg.jpg) no-repeat center top #eeeeee;padding-bottom: 80px;}
.youshi-bt{overflow: hidden; margin:150px 0 50px 0;text-align: center; color: #fff;}
.youshi-bt span{font-size: 36px;line-height: 50px;font-weight: bold;font-family: 'Microsoft YaHei';}
.youshi-bt em{display: block; font-size:14px;line-height: 30px;text-transform: uppercase; }

.ys-left{float: left;width: 550px;border: 2px solid #FFF;}
.ys-left .text{ padding:70px 170px 70px 50px;}
.ys-left .text .ys-leftbt{ color: #FFF;}
.ys-left .text .ys-leftbt span{font-size: 46px;}
.ys-left .text .ys-leftbt em{display: block; font-size: 20px;text-transform: uppercase;}
.ys-left .text .ys-leftad{border: 1px solid #fff; padding:5px 18px;font-size: 16px;line-height: 40px;color: #FFF; margin: 40px 0;}
.ys-lefticon{}
.ys-lefticon ul{}
.ys-lefticon ul li{float: left;width: 95px;margin-right: 20px;text-align: center;}
.ys-lefticon ul li:last-child{margin-right: 0;}
.ys-lefticon ul li i{display: block; border: 2px solid #FFF;border-radius: 10px;line-height: 95px;font-size: 50px;color: #FFF;}
.ys-lefticon ul li span{line-height: 40px;color: #FFF;}

.ys-lefttel{margin-top: 30px;margin-bottom: 20px;}
.ys-lefttel i{float: left;font-size: 24px;margin-right: 5px;line-height: 58px;color: #FFF;}
.ys-lefttel span{font-size: 16px;color: #FFF;}
.ys-lefttel span b{font-weight: bold;font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;font-size: 32px;color: #fcff01;}


.ys-right{float: left;width: calc((100% - 450px));background: #b6d3f4;position: relative;margin-left: -100px;margin-top: 50px;}
.ys-right-list{}
.ys-right-list ul{ padding: 30px;}
.ys-right-list ul li{float: left;width: 46%; margin:0 2%;margin-bottom: 4%;}
.ys-right-list ul li h2{font-size: 48px;font-weight: bold;color: #2e4b9b;font-family: 'Microsoft YaHei';}
.ys-right-list ul li small{font-size: 24px;}
.ys-right-list ul li .fg{background: #2e4b9b;width: 90px;height: 4px; margin: 10px  0;}
.ys-right-list ul li p{ color: #666;line-height: 26px;}

/*合作伙伴*/
.home-casebg{overflow: hidden;background: #eeeeee;}
.home-case{overflow: hidden;  }
.home-case ul{ margin-left: -1%;margin-right: -1%;}
.home-case ul li{ float:left; width: 18%; margin: 0 1%;  margin-bottom: 2%;}
.home-case ul li .img{overflow: hidden; background: #FFF; border: 1px solid #e8e8e8;position: relative;}
.home-case ul li .img img{max-width: 100%; transition: all ease 0.3s;}
.home-case ul li .img img:hover{transform: scale(1.04);}


/*新闻*/
.home-newstop{float: left;width: 40%;}
.home-newstop .img-wap{display: none;}
.home-newstop .img{overflow: hidden;height: 270px;}
.home-newstop .text{overflow: hidden;background: #2e4b9b; padding: 30px;}
.home-newstop .text h2{font-size: 22px;color: #FFF;}
.home-newstop .text time{display: block; font-size: 13px; color:#ccc;margin: 10px 0;}
.home-newstop .text p{font-size: 14px;line-height: 24px;color: #FFF;}

.home-newstj{float: left;width: 60%;}
.home-newstj ul{}
.home-newstj ul li{float: left; width: 47%; margin-left:3%; background: #eeeeee;margin-bottom:3%;}
.home-newstj ul li:hover{ box-shadow: 0 1px 12px #ccc; transition: all 0.3s;}
.home-newstj ul li .text{ padding: 29px;}
.home-newstj ul li .text h2{display: block; font-size: 18px; color: #222; margin: 15px 0;}
.home-newstj ul li .text p{color: #888; line-height: 26px;}

.moreNews{ margin: 0 auto;width: 240px;height: 50px;line-height: 50px;text-align: center;border: 2px solid #2e4b9b;margin-top: 50px;margin-bottom: 60px;}
.moreNews a{ color: #2e4b9b;}


@media (min-width:1024px) and (max-width:1400px) {


.swiper-slide .text h2{font-size: 24px;}
.swiper-slide .text p{font-size: 12px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 10px !important;}

.home-about-l{width:550px; margin-right:0;}
.home-about-r{width:calc((94% - 550px)); margin: 0 3%;}

.home-case ul li{width: 23%;}


}

@media (min-width:768px) and (max-width:1023px) {


.swiper-slide .text h2{font-size: 20px;}
.swiper-slide .text p{font-size: 12px;}
.swiper-slide .text .btn1{display: none;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 10px !important;}

.home-about-l{width: 100%; margin-right: 0;}
.home-about-r{width: 100%; padding: 20px;}
.home-about-r .more{float: left;}



.tabs ul li{width: 23%;margin-bottom: 20px;}
.home-pro dl dd{width: 48%;}

.ys-left{width: 100%;}
.ys-left .text{padding: 70px;}
.ys-lefticon ul li{margin: 0 1%; width: 31.333333%;}
.ys-right{width: 100%;margin-left: 0;}
.home-newstop{width: 100%;}
.home-newstop .img-wap{display: block;}
.home-newstop .img-wap img{width: 100%;}
.home-newstop .img{display: none;}

.home-newstj{width: 100%;}
.home-newstj ul li{width: 49%;margin-right: 2%;margin-left: 0; }
.home-newstj ul li:nth-of-type(2n+0){ margin-right: 0;}

.home-case ul li{width: 31.333333%;}
.home-case ul li:last-child{display: none;}
	
}
@media screen and (max-width:767px) {

.pc-banner{display: none;}
.wap-banner{display: block;}
.swiper-slide .text h2{font-size: 17px;}
.swiper-slide .text p{display: none;}
.swiper-slide .text .btn1{width: 120px;height: 40px;line-height: 40px;font-size: 12px;}
.swiper-slide .video-box .video-background{height: 100%;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 10px !important;}
	
.swiper-pagination-bullet { width: 20px !important;height: 2px !important;}

.home-bt{margin: 30px 0;}
.home-bt span{font-size: 24px;line-height: 30px;}

.tabs ul li{width: 31.333333%;margin-bottom: 20px;}
.tabs ul li a{font-size: 14px;}
.tabs ul li:last-child{display: none;}

.home-pro{margin: 20px 0;}
.home-pro dl dd{width: 48%;}
.home-about-l{width: 100%; margin-right: 0;}
.home-about-l img{width: 100%;}
.home-about-r{width: 100%; padding: 20px;}
.home-about-r .more{float: left;}


.home-about-r .tit{margin: 30px 0;}
.home-about-r .tit span{font-size: 26px;}
.home-about-r .text,.about-l .text{font-size: 18px;}
.digital ul li{width: 50%;margin-bottom: 30px;}

.ys-left{width: 100%;}
.ys-left .text{padding: 20px;}
.ys-left .text .ys-leftbt{text-align: center;}
.ys-left .text .ys-leftbt span{font-size: 28px;}
.ys-left .text .ys-leftbt em{font-size: 12px;}
.ys-left .text .ys-leftad{font-size: 13px; margin: 20px 0;}
.ys-lefticon ul li{margin: 0 1%; width: 31.333333%;}
.ys-lefttel i{line-height: 42px;}
.ys-lefttel span b{font-size: 24px;}



.ys-right{width: 100%;margin-left: 0;}
.ys-right-list ul li{width: 100%; margin: 0;margin-bottom: 4%;}
.home-newstop{width: 100%;}
.home-newstop .img-wap{display: block;}
.home-newstop .img-wap img{max-width: 100%;}
.home-newstop .img{display: none;}
.home-newstj{width: 100%;}
.home-newstj ul li{width: 100%;margin: 0;margin-bottom: 30px; }


.home-case ul li{width: 48%;}

}