
.indcontainer{width: 1520px;margin: 0 auto;}
.indtitle{width: 100%;text-align: center;}
.indtitle h6{font-size: 48px;color: #030303;font-weight: bold;}



.banner-container{width: 100%;overflow: hidden;margin-top:90px;}
.banner{width: 100%;position: relative;}
.banner-img{width: 100%;overflow: hidden;}
.banner-img img{width: 100%;object-fit: cover;height: auto;}
.banner-pc-img{display: block;min-height: 660px;}
.banner-mobile-img{display: none;}
.banner-words{width: 94%;position: absolute;left: 3%;top: 50%;text-align: center;transform: translate(0,-50%);}
.banner-words h4{font-size: 52px;color: #fefefe;font-weight: bold;letter-spacing: 10px}

.banner-words h6{width: 100%;overflow: hidden;margin-top: 14px;color: #fefefe;font-size: 23px;text-shadow: 1px 1px 1px #000, -1px -1px 1px #666;letter-spacing:3px}

.banner-words a{display: inline-block;font-size:18px;color: #fff;margin-top:32px;position: relative;width: 120px;border-radius: 18px;border: 1px solid #d3d2d2;text-align: center;line-height: 38px;background:#135da9}
.banner-words a:after{position: absolute;content: "";width: 20px;height: 20px;background: url('../images/index/arr-right.png') no-repeat center center;top: 50%;right: -24px;margin-top: -10px;}

.swiper-slide-active .banner-words h4 {animation: bannerupT 1s ease both;animation-delay:900ms;}
.swiper-slide-active .banner-words h6 {animation: bannerupT 1s ease both;animation-delay:300ms;}
.swiper-slide-active .banner-words a {animation: bannerupB 1s ease both;animation-delay:600ms;}
@keyframes bannerupT {0% {transform: translateY(-60px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}
@keyframes bannerupB {0% {transform: translateY(60px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}
.banner .swiper-pagination{bottom: 20px;}
.banner .swiper-pagination-bullet {width: 14px;height: 14px;display: inline-block;border-radius: 100%;background: transparent;border: 1px solid #333;opacity: 1;}
.banner .swiper-pagination-bullet-active {opacity: 1;position: relative;}
.banner .swiper-pagination-bullet-active:after {content: "";width: 10px;height: 10px;position: absolute;left: 50%;top: 50%;background-color: #333;border-radius: 100%;margin-top: -5px;margin-left: -5px;}


/*.item-about{width: 100%;margin-top: 20px;overflow: hidden;position: relative;}*/
.item-pic{width: 100%;overflow: hidden;}
.item-pic img{width: 100%;height: 100%;object-fit: cover;}
/*.item-about .swiper-wrapper{padding-bottom: 30px;}
.item-about .swiper-pagination-bullet {border-radius: 100%;background: transparent;opacity: 1;border: 1px solid #000;}
.item-about .swiper-pagination-bullet-active {background: #000;}*/
/*.swiper-slide-active .item-words{opacity: 1;}*/




/* -------------------------PC端--------------------------- */


@media all and (max-width:1460px) {
    .banner-words h4{font-size: 48px;}
    .banner-words h6 span{font-size: 20px;}
    .banner-words a{margin-top: 54px;}

}

@media all and (max-width:1380px) {
    .item-prev, .item-next{top: 134px}
    .banner-words h4 {font-size: 34px;}
    .banner-words h6 span{font-size: 18px;}
    .banner-words a {margin-top: 40px;}
}

@media all and (max-width:1300px) {
    .banner-words h4{font-size: 36px;}
    .banner-words h6 span{font-size: 18px;}
    .banner-words a{margin-top: 44px;}
    .chip-container{padding-top: 60px;}
    .item-about{padding:45px 0;}
}

@media all and (max-width:1200px) {}


.pro-container {
	width:100%;
	padding:15px 0 35px;
	background-color:#F2F2F2;
}
.solution img{  
	margin: 0 auto;
 	max-width: 100%;
    max-height: 100%;
	position: relative;
    top: 50%;
    left: 50%;
   transform: translate(-50%,-50%);
}
.solution .col-md-3{padding:0 5px;}
.solution .col-md-3:last-child{padding: auto}
.xwbox{position: relative;box-shadow:0 0 2px rgba(0, 0, 0, .1);background: #fff;}
.xwtp{ overflow:hidden;height: 460px;}
.xw_text{padding: 10px 30px ;background: #fff;}
.xw_text h2{font-size: 23px; color: #000; line-height: 52px; width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: bold}
.solution a:hover h2{color: #135da9;}
.xw_text p{font-size: 14px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;  line-height: 24px; color: #666666; height: 75px;overflow: hidden;}
.xwbox span {margin:auto;display:inline-block;position:absolute;bottom:0px;left:0;width:0px;height:2px;
    background:#135da9;transition:.5s;border-radius:50px;}
.solution a:hover span{width:100%;}
.solution a:hover .xwbox{ -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .3);-moz-box-shadow:0 0 10px rgba(0, 0,0, .3);box-shadow:0 0 10px rgba(0, 0, 0, .3);  }


.about_l .about_t2{ height:58px; line-height:58px; position:relative; padding:15px 0;}
.about_l .about_t2 .h2{ background-image:url(/images/i_txt2.png); background-repeat:no-repeat; background-position:right center;font-weight: bold}
.about_l .desc{ overflow:hidden;  line-height:28px;  font-size:15px; margin-top:5%;}
.aleft{
	float: left;
	width: 100%;
	height: 400px;
	overflow: hidden;
	background: url(../images/bg1.png) left 0% bottom -20px no-repeat;
	background-size:  auto;
}
.about-home{width: 100%;margin-top:10px;}
.about-home ul{margin-left: -3%;}
.about-home ul li{width:45.33333%;float: left;margin-left:3%;}
	@media all and (max-width:1000px) {
    .about-home {margin-top: 0;}
    .about-home ul{margin-left: 0;}
    .about-home ul li {width: 100%;margin-left: 0%;}
    .about-home ul li:nth-child(n+2){margin-top: 20px;}
	}	
	
.item-about{width:100%;padding-bottom: 22px;position: relative;}
.advant-btn{position: absolute;bottom:22px;z-index: 3;right: 20px;width:80px;height: 80px;cursor: pointer;}
.advant-btn img{width:95%;}
.advant-prev{right: 100px;}
.advant-next{right: 20px;}
.item-about .swiper-pagination{bottom:0;line-height: 4px;height: 4px;width: 100%;text-align: center;padding-right: 100px;font-size: 0;}
.item-about .swiper-pagination-bullet{width:20px;height: 2px;background: #c1c1c1;border-radius: 0;opacity: 1;margin:0 5px!important;}
.item-about .swiper-pagination-bullet-active{background: #FFBE00;}	
@media screen and (max-width: 1400px) {
.item-about{padding-right: 0px;}
.item-about .swiper-pagination{padding-right: 0px;}
}	
@media screen and (max-width: 640px) {
	.item-about{width:100%;margin-top:20px;padding-bottom: 15px;}
	.about_l .about_t2 .h2{ background-image:url(); background-repeat:no-repeat; background-position:right center;font-weight: bold;font-size:23px}
	}

.cooperation .swiper-slide{
	display: block;
	text-align: center;
	border: #e8e8e8 solid 1px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	padding:5px;
	height:80px;
	vertical-align: middle;
}
.cooperation .swiper-slide img{
           max-width:100%;
            overflow:auto;
            margin:auto;
            position:absolute;
            top:0;
            left:0;
            bottom:0;
            right:0;
}
.cooperation .swiper-container {
	width:96%;
}
.cooperation .swiper-container .swiper-slide {
	overflow:hidden;
	width:auto;
}
.cooperation {
	position:relative;
	
}
.cooperation .swiper-wrapper{
	padding-left: 123px;	
	}
.cooperation .prev,.cooperation .next {
	width:30px;
	height:33px;
	background:url(../images/arrow5.png) no-repeat center 0;
	position:absolute;
	left:-10px;
	top:70%;
	z-index:2;
	cursor:pointer;
	outline:none;
	transition-duration:0.4s;
	-webkit-transition-duration:0.4s;
	-moz-transition-duration:0.4s;
	-ms-transition-duration:0.4s;
	-o-transition-duration:0.4s;
}
.cooperation .next {
	background-image:url(../images/arrow6.png);
	left:auto;
	right:-10px;
}
.cooperation .swiper-button-disabled {
	opacity:.4;
}


/* ------------------------手机端-------------------------- */

@media all and (max-width:1000px) {
    .banner-pc-img{display: none;}
    .banner-mobile-img{display: block;min-height: 300px;}
    .banner .swiper-pagination {bottom: 16px;}
    .banner .swiper-pagination-bullet {width: 10px;height: 10px;}
    .banner .swiper-pagination-bullet-active:after {width: 8px;height: 8px;margin-top: -4px;margin-left: -4px;}
    .banner-words {width: 90%;left: 5%;}
    .banner-words h4{font-size: 30px;}
    .banner-words h6 span{font-size: 14px;margin-right: 12px;}
    .banner-words h6{margin-top: 8px;display: none;}
    .banner-words a{margin-top: 24px;display: none;}
    .item-about{padding:30px 0;}
    .item-about{margin-top: 0;}
    .item-prev, .item-next{display: none;}
    .item-about .swiper-wrapper {padding-bottom: 60px;}

}

@media all and (min-width:780px){
	.cooperation {
		width:98%
	}

}	