/* banner */
.banner {
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 750px;
}

.banner .banner_tet {
	padding-top: 305px;
	width: 92%;
	margin: 0 auto;
	text-align: center;
}

.banner h1 {
	font-size: 38px;
	line-height: 1.1;
	color: #524886;
	font-weight: normal;
	margin-top: 10px;
}

.banner h2 {
	font-size: 52px;
	line-height: 1.1;
	color: #524886;
	font-family: "milanb";
	text-transform: uppercase;
}
/*公司简介*/
#main{
	background-color: #f6f6f6;
	padding: 112px 0  0;
}
#main .inner{ width:1600px; max-width:92%;}
.sec_tet p{ width: 65%; margin: 0 auto 1.66em;color:#666; font-size:18px; line-height:1.78; text-align: center;}
.sec1 h3{ text-align:center; color:#333; font-size:32px; font-weight:normal; line-height:1.1; margin-bottom:40px;}
.sec1_tet{ background-image:url(../images/about_sec1_img.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;}
.sec1_tet ul{display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap:wrap;align-items:center; justify-content:center;}
.sec1_tet ul li{ width:312px; max-width:19.5%; padding:98px 0 94px; text-align:center; color:#fff; background-image:url(../images/about_sec1_line.jpg); background-repeat:no-repeat; background-position:right center;}
.sec1_tet ul li.last{ background-image:none;}
.sec1_tet ul li .sec1_icon{ background-image:url(../images/about_sec1_line1.jpg); background-repeat:no-repeat; background-position:bottom center; padding-bottom:32px; margin-bottom:22px;}
.sec1_tet ul li h4{ font-size:32px; font-weight:normal; line-height:1.1; padding-bottom:10px;}
.sec1_tet ul li p{ color:#fff; font-size:18px; line-height:1.1;}

.sec2{ padding-top:178px;}
.sec2 .inner{ background-color:#fff;display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap:wrap;align-items:center; justify-content:space-between;}
.sec2 .sec_left{ margin-left:4.8%; width:47.25%; margin-top:-46px; padding-bottom:50px;}
.sec2 .sec_right{ width:47%;display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap:wrap;align-items:center; justify-content:center;}
.sec2 .sec_right li{ padding-left:22px; background-image:url(../images/about_sec2_dot.jpg); background-repeat:no-repeat; background-position:left center;}
.sec2 .sec_right li span{ color:#222; width:100%; font-size:22px; border-bottom:#b0b0b0 dashed 1px; display:inline-block; line-height:90px;}
.sec2 .sec_right li.last span{border-bottom:none;}
.sec2 .swiper-button-prev{ background-image:url(../images/about_sec2_prev.jpg); background-size:40px 70px; width:40px; height:70px; margin-top:-35px; left:0;}
.sec2 .swiper-button-next{ background-image:url(../images/about_sec2_next.jpg); background-size:40px 70px; width:40px; height:70px; margin-top:-35px; right:0;}
.sec2 .sec_left img{ width:100%;}

.sec3{ padding-top:190px;padding-bottom:190px;}
.sec3 .inner{ display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap:wrap;align-items:center; justify-content:space-between;}
.sec3 .sec_left{ margin-left:5%; width:38%;}
.sec3 .sec_right{ width:56%; margin-right:0;display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap:wrap;align-items:center; justify-content:center; position:relative;}
.sec3 .sec_right img.tab_img2,.sec3 .sec_right img.tab_img3{ position:absolute; top:0; left:0;}
.sec3 .sec_right img{ opacity:0; max-width:100%;transition: .3s linear; -moz-transition:.3s linear; -webkit-transition:.3s linear;}
.sec3 .sec_right img.actived{ opacity:1;}

.sec3 .sec_left li{ padding-bottom:50px;}
.sec3 .sec_left li.last{ padding-bottom:0;}
.sec3 .sec_left h3{ color:#222; font-size:38px; line-height:1.1; font-weight:normal; padding-bottom:22px;transition: .3s linear; -moz-transition:.3s linear; -webkit-transition:.3s linear;}
.sec3 .sec_left p{ color:#999; font-size:18px; line-height:1.1;}
.sec3 .sec_left li.actived h3{ color:#524886;}

.sec4{ background-image:url(../images/about_sec4_bg.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; padding:200px 0 290px;}
.sec4 h3{ color:#fff; font-size:32px; font-weight:bold; line-height:1.5; padding-bottom:20px; background-image:url(../images/about_sec1_line1.jpg); background-position:left bottom; background-repeat:no-repeat; background-size:15px 3px;}
.sec4 p{ color:#fff; font-size:18px; line-height:1.1; padding-top:30px;}

@media only screen and (max-width:1680px) {

	/* banner */
	.banner {
		height: 675px;
	}

	.banner .banner_tet {
		padding-top: 264px;
	}

}
@media only screen and (max-width:1600px) {
	.sec3 .sec_left{ margin-left:0;}
}
@media only screen and (max-width:1440px) {

	/* banner */
	.banner {
		height: 600px;
	}

	.banner .banner_tet {
		padding-top: 240px;
	}

	.banner h1 {
		font-size: 30px;
	}

	.banner h2 {
		font-size: 42px;
	}
	
	
	/*公司简介*/
	#main{
		padding: 90px 0  0;
	}
	.sec_tet p{ font-size: 15px; width: 70%;}
	.sec1 h3{ font-size:26px; margin-bottom:32px;}
	.sec1_tet ul li{ padding:78px 0 75px; }
	.sec1_tet ul li .sec1_icon{  padding-bottom:26px; margin-bottom:18px;}
	.sec1_tet ul li h4{ font-size:26px; padding-bottom:8px;}
	.sec1_tet ul li p{ font-size:14px; }
	.sec1_tet ul li .sec1_icon img{ width:48px;}
	
	.sec2{ padding-top:142px;}
	.sec2 .sec_left{ margin-top:-36px; padding-bottom:40px;}
	
	.sec2 .sec_right li span{ font-size:18px; line-height:60px;}

	.sec3{ padding-top:152px;padding-bottom:152px;}
	.sec3 .sec_right{ margin-right:0;}
	.sec3 img{ max-width:100%;}
	.sec3 .sec_left li{ padding-bottom:40px;}
	.sec3 .sec_left h3{ font-size:30px;padding-bottom:18px;}
	.sec3 .sec_left p{ font-size:14px;}
	
	.sec4{  padding:160px 0 200px;}
	.sec4 h3{ font-size:26px; padding-bottom:16px;}
	.sec4 p{ font-size:14px; padding-top:25px;}

}
@media only screen and (max-width:1290px) {

	.sec3 .sec_left h3{ font-size:26px;}


}
@media only screen and (max-width:1280px) {

	/* banner */
	.banner {
		height: 525px;
	}

	.banner .banner_tet {
		padding-top: 205px;
	}


}

@media only screen and (max-width:1152px) {

	/* banner */
	.banner {
		height: 450px;
	}

	.banner .banner_tet {
		padding-top: 170px;
	}


}
@media only screen and (max-width:1151px) {

	.sec1 .img-part img{

		height: 60%;

	}

}
@media only screen and (max-width:1024px) {

	/* banner */
	.banner {
		height: 375px;
	}

	.banner .banner_tet {
		padding-top: 145px;
	}

	.banner h1 {
		font-size: 2.3rem;
		margin-top: 5px;
	}

	.banner h2 {
		font-size: 3rem;
	}
	
	/*公司简介*/
	#main{padding:50px 0  0;}
	.sec_tet p{ width: 92%; font-size:1.3rem;}
	.sec1 h3{ font-size:2rem; margin-bottom:20px;}
	.sec1_tet ul li{ padding:20px 0; background-size:1px 60px; }
	.sec1_tet ul li .sec1_icon{  padding-bottom:16px; margin-bottom:10px; background-size:7px 2px;}
	.sec1_tet ul li h4{ font-size:2rem;padding-bottom:5px;}
	.sec1_tet ul li p{  font-size:1.3rem; }
	.sec1_tet ul li .sec1_icon img{ width:30px;}
	
	.sec2{ padding-top:50px;}
	.sec2 .sec_left{ margin-top:-20px; padding-bottom:20px;}
	.sec2 .sec_right li{ padding-left:12px; background-size:3px auto;}
	.sec2 .sec_right li span{ font-size:1.5rem;line-height:45px;}
	.sec2 .swiper-button-prev{ background-size:20px auto; width:20px; height:35px; margin-top:-17.5px;}
	.sec2 .swiper-button-next{ background-size:20px auto; width:20px; height:35px; margin-top:-17.5px;}
	
	.sec3{ padding-top:50px;padding-bottom:50px;}
	
	.sec3 .sec_left li{ padding-bottom:25px;}

	.sec3 .sec_left h3{ font-size:2.3rem; padding-bottom:10px;}
	.sec3 .sec_left p{ font-size:1.3rem;}
	
	.sec4{ padding:100px 0 120px;}
	.sec4 h3{ font-size:2rem; padding-bottom:10px;background-size:10px 1.5px;}
	.sec4 p{font-size:1.3rem; padding-top:15px;}
	



}

@media only screen and (max-width:1023px) {

	/* banner */
	.banner {
		height: 250px;
		background-position: 40% center;
	}

	.banner .banner_tet {
		padding-top: 115px;
	}


	.banner h1 {
		font-size: 2rem;
	}

	.banner h2 {
		font-size: 2.6rem;
	}

	.sec1_tet ul li{ max-width:23%;}

}
@media only screen and (max-width:960px) {
	.sec2 .sec_left{ width:100%; margin-left:0;}
	.sec2 .sec_right{ width:92%; margin-left:4%; padding-bottom:30px;}
	.sec3 .sec_left{ width:100%;}
	.sec3 .sec_right{ width:100%; margin-top:30px;}
	
}
@media only screen and (max-width:414px) {
	.sec1_tet{ background-image:url(../images/about_sec1_img1.jpg); background-repeat:no-repeat;}
	.sec1_tet ul li{ width:50%; max-width:none; background-image:none;}
	
}
@media only screen and (max-width:374px) {
	.sec2 .sec_right ul,.sec2 .sec_right li{ width:100%; }
	.sec2 .sec_right li span{ font-size:1.2rem; line-height:30px; padding:5px 0 ; display:inline-block;}
	
	.sec3 .sec_left li h3{ font-size:2rem;}
	
	.sec4{ background-position:75% center; padding:50px 0 150px;}
}