/*****************************************************************************************************/
/* 关于我们 */
/*****************************************************************************************************/
.about-intro{width: 100%;padding-top: 75px;margin-bottom: 80px;}
.about-intro img{display: inline-block;width: 42%;}
.about-intro div{display: inline-block;width: 44%;color: #666666;font-size: 16px;line-height: 2;margin-top: 3%;padding-right: 15px;}
.about-nav{width: 100%;background: #F7FBF2;border: 1px solid #EEEEEE;padding: 10px 0;}
.about-nav>div{width: 20%;float: left;text-align: center;line-height: 75px;position: relative;border-left: 1px solid #EEEEEE;font-size: 18px;color: #333333;cursor: pointer;}
.about-nav>div span{z-index: 10;position: relative;}
.about-nav>div:first-child{border-left: none;}
.about-nav>div:after{content: '';position: absolute;width: 80%;left: 10%;bottom: -10px;height: 4px;background: #3EA438;transition:all 0.2s linear 0s;-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;}
.about-nav>div:hover::after{width: 100%;left: 0;}
.about-nav>div.active::before{content: '';background: url(../images/opLogo.png) no-repeat;position: absolute;right: 0;width: 60%;height: 100%;opacity: .15;z-index: 5;bottom: -10px;}
.about-nav>div.active span{color: #FFFFFF;}
.about-nav>div.active::after{width: 100%;left: 0;height: 105px;z-index: 1;}
.about-company{border-top: 1px dashed #E0E0E0;margin-top: 90px;padding-top: 60px;}
.about-company p{text-align: center;font-size: 32px;color: #333333;}
.about-company .company-list{margin-top: 50px;}
.company-list .company-item div{border: 1px solid #EEEEEE;min-height: 170px;position: relative;}
.company-list .company-item div img{position: absolute;left: 0;top: 0;bottom: 0;right: 0;max-width: 100%;max-height: 100%;margin: auto;}
.download-box{display: block;margin: 40px auto 0;text-align: center;}
@media (max-width:1400px) {
	.about-intro div{margin-top: 1%;}
}
@media (max-width:1280px) {
	.about-intro img{width: 90%;margin: 0 auto;float: none;display: block;}
	.about-intro div{width: 100%;margin-top: 30px;text-align: left;float: none;}
}
@media (max-width:1024px) {
	.page-container>.page-box{padding: 0 25px 50px;}
	.about-intro img{width: 100%;}
	.about-intro div{width: 100%;}
	.about-intro{padding-top: 50px;}
}
@media (max-width:768px) {
	.about-nav{padding: 0;}
	.about-nav>div{width: 50%;height: 65px;line-height: 65px;}
	.about-nav>div:after{bottom: 0;}
	.about-nav>div.active::after{width: 100%;left: 0;height: 65px;z-index: 1;}
}