/*  简介  */
.Company{ width: 100%; float: left; margin: 1rem 0;  position: relative;}
.Company aside{ width: 100%; float: left; transition: all 0.3s ease; margin-top: 42px; box-sizing: border-box; padding: 18px 0 0 100px; background: url(../images/i-about-icon2.jpg) no-repeat left top;}
.Company aside img{ max-width: 100%; height: .42rem; float: left;}
.Company article{ float: left; width: 100%; transition: all 0.3s ease; margin-top: 42px;}
.Company article p{ color: #585d6a; line-height: 24px; font-size: 16px;}
.Company article ul{ width: 100%; display: block; font-size: 0}
.Company article ul li{ display: inline-block; width: 25%; font-size: .24rem;}
.Company article ul li a{ width: 100%; text-align: center; display: block; height: 100%; position: relative;}
.Company article ul li a .tit{ font-size: 24px; color: #585d6a; width: 100%; font-weight: bold; font-family: "AvenirNextLTPro-UltLt"; line-height: 80px; display: block; transition: all 0.3s ease-in-out}
.Company article ul li a .img{ width: 100%; height: 136px; overflow: hidden; position: relative; display: inline-block; transition: all 0.3s ease-in-out;}
.Company article ul li a .img img{ max-width: 100%; margin-top: 60px; transition: all 0.3s ease-in-out;}
.Company article ul li a:hover .tit{ opacity: .7;}


/* 文化 */
.Culture{ width: 100%; float: left; margin: 100px 0 0; font-size: .18rem;}
.Culture .culture-title {font-family: "Arial-Narrow-blod"; font-size: .3rem; color: #535865;line-height: 2;text-transform: uppercase;}
.Culture .culture-subtitle {font-size: .14rem; color: #bbb; line-height: 2;}
.Culture article{margin-top: .46rem; width: 100%; display: block; box-sizing: border-box; position: relative;}
.Culture article dl{ width: 100%; min-height: .8rem; display: block;padding-left: 13.00%; box-sizing: border-box;background-position: 1%;background-size: .65rem; background-repeat: no-repeat; margin-bottom: 40px; font-family: "Chaparral-Pro";}
.Culture article dl:first-child{ background-image: url(../images/vision.png); }
.Culture article dl:nth-child(2){ background-image: url(../images/mission.png); }
.Culture article dl:last-child{ background-image: url(../images/value.png); }
.Culture article dl dt{ width: 100%; display: block; font-weight: bold; color: #666; font-size: .18rem; text-transform: uppercase; line-height: 36px;}
.Culture article dl dd{ width: 100%; display: block;  line-height: .18rem; margin-top: .06rem; font-size: .14rem; font-family: "Chaparral-Pro";}
.Culture aside{ width: 100%; }
.Culture aside img{ max-width: 100%; float: left;}
.Culture aside p{ font-weight: bold; width: 100%; float: left; text-align: center; line-height: 60px;}

/*发展历程*/
.History{ width: 100%; float: left; margin: .5rem 0;}
.History ul{ display: block;}
.History ul li{ position: relative; display: block; font-family: "Chaparral-Pro"; margin-top: .4rem;}
.History ul li span{ position: absolute; width: 1.42rem; height: 1rem; line-height: 1rem; text-align: center; top: 0%; left: 0%; font-size: .3rem; background: #fff; z-index: 2;}
.History ul li p{ font-size: .14rem; line-height: 1.7; min-height: 1rem; position: relative; box-sizing: border-box; padding: .1rem .45rem .1rem 1.82rem; width: 100%; }
.History ul li p::before{ content: ""; width: 5px; background: #ccc; height: 1rem; display: inline-block; position: absolute; left: 1.62rem; top: 0;}


/* 证书 */
.Honorary{ width: 100%; float: left; font-size: 0; text-align: center; margin: 100px 0; padding: 0; box-sizing: border-box; }
.Honorary .Honorary-title { font-family: "Arial-Narrow-blod";font-size: .3rem;text-align: left; color: #535865;line-height: 2;text-transform: uppercase;}
.Honorary .img{ width: 100%; margin: .45rem 0 .3rem; display: inline-block; vertical-align: middle; box-sizing: border-box; padding: 10px; border: 1px solid #ccc; font-size: 0;}
.Honorary .img img{ margin: 0 2.5%; width: 45%; display: inline-block;}




@media screen and (max-width: 1500px) {
	.about-common .main {
		width: 1280px;
	}

}

@media screen and (max-width: 1366px) {
	.about-common .main {
		width: 100%; box-sizing: border-box;
	}
	.about-common .main > .text{ padding-left: 0; width: 60%;}
	.Company article p{ font-size: .14rem;}
	.Company article ul li a .tit{ font-size: .21rem;}

}



/*  IPAD 横版 */
@media screen and (max-width: 1112px){
	.about-common .main{ width: 100%;}
	.about-common .main > .text{ width: 100%;}

}

@media screen and (max-width: 834px) {
	.Company{ margin: .4rem 0;padding: 0 2vw;box-sizing: border-box;}
	.nav-list > h2 {margin-top: 0; line-height: .83rem;}
}

@media screen and (max-width: 736px){
	.Company{ margin: .5rem 0;}
	.Company aside{ margin-top: 0;}
	.Company article p{ font-size: .14rem; line-height: 1.5}
	.Company article ul li{ width: 50%;}
	.Company article ul li a .tit{ font-size: .2rem; line-height: .6rem;}

	.Culture{ margin: .5rem 0;}
	.Culture .culture-title{ line-height: 1.25}
	.Culture .culture-subtitle{ line-height: 1.25; margin-top: .1rem;}
	.Culture article dl{ padding-left: 1rem; background-size: .8rem auto; background-position: left top;}
	.Culture article dl dt{ font-size: .24rem;}
	.Culture article dl dd{ font-family: "arial"; font-size: .14rem; line-height: 1.25}
	.History{ margin-bottom: .2rem}
	.History ul li{ margin: .2rem 0; font-size: 0;}
	.History ul li span{ width: 100%; background: none; text-align: left; font-size: .24rem; line-height: 1; position: relative;}
	.History ul li p{ padding: 0; border-bottom: 1px dashed #ccc; color: #666; min-height: auto; padding-bottom: .1rem}
	.History ul li p::before{  display: none;}
	.History ul li:last-of-type p{border: none; }
	.Honorary {margin-bottom: 0;}
	.Honorary .img {border: 0;margin-top: 0;}
	.Honorary .img img{ width: 93%; margin: 6% 2.5%;}
}