/**
 * ========================================================================================================================
 * 关于我们
 * ========================================================================================================================
 */
.about-title{font-size: .28rem;color: #333;text-align: center;}

/* company-profiles */
.company-profiles {padding: .8rem 0;}
.company-profiles .pic-container{width: 50%;}
.company-profiles .pic-container img{width: 100%;display: block;}
.company-profiles .text-container{width: 50%;padding-left: .6rem;position: absolute;right: 0;top: 50%;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);}
.company-profiles .text-container .about-title{font-size: .28rem;margin-bottom: .2rem;text-align: left;}
.company-profiles .common-button {margin-top: .4rem;}
@media screen and (max-width: 1024px) {
	.about-title{font-size: .36rem;}
	.company-profiles .pic-container{width: 100%;float: none;}
	.company-profiles .text-container{width: 100%;padding-left: 0;position: inherit;right: inherit;top: inherit;-webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);}
	.company-profiles .text-container .about-title{margin-top: .4rem;font-size: .36rem;}
}

/* company-culture */
.company-culture{padding: .6rem 0;}
.company-culture .culture-list {margin:.4rem .1rem 0;}
.company-culture .culture-list li{width: 20%;padding: .1rem;}
.company-culture .culture-list li .content{width: 100%;background: #fff;padding: .2rem .4rem;}
.company-culture .culture-list li:hover .content{-webkit-box-shadow: 0 0 .2rem 0 rgba(0,0,0,.2);box-shadow: 0 0 .2rem 0 rgba(0,0,0,.2);background: #F9C01A;}
.company-culture .culture-list li .content .icon{width: 100%;height: 1.5rem;background-size: .6rem;}
.company-culture .culture-list li .content .title{font-size: .24rem;color: #333;text-align: center;height: .48rem;margin-bottom: .2rem;}
.company-culture .culture-list li:hover .content .title{color: #fff;}
.company-culture .culture-list li .content .common-default-content{text-align: center;}
.company-culture .culture-list li:hover .content .common-default-content{color: #fff;}

@media screen and (max-width: 1024px) {
	.company-culture .culture-list li{width: 100%;padding: .1rem;}
	.company-culture .culture-list li .content{width: 100%;background: #fff;padding: .4rem .4rem .6rem;}
	.company-culture .culture-list li .content .icon{width: 100%;height: 1.5rem;background-size: 1rem;}
	.company-culture .culture-list li .content .title{font-size: .36rem;color: #333;text-align: center;height: .48rem;margin-bottom: .2rem;}
	.company-culture .culture-list li .content .common-default-content{font-size: .28rem;}
}

/* company-honnor */
.company-honnor{padding: .6rem 0;}
.company-honnor .public{padding-bottom: .4rem;}
.company-honnor .swiper-container{height: 2.6rem;margin-top: .6rem;}
.company-honnor .swiper-slide{-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;}
.company-honnor .swiper-slide img{max-width: 98%;max-height: 98%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.company-honnor .common-banner-prev {left: -.8rem;top: 44%;}
.company-honnor .common-banner-next {right: -.8rem;top: 44%;}
.company-honnor .common-pagination {bottom: 0;}

/* development-path */
.development-path{padding: .6rem 0;}
.development-path .public{position: relative;}
.development-path .public:after{content: '';display: block;width: 19.2rem;height: 1px;background: #666666;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);position: absolute;}
.development-path .swiper-container{height: 4.3rem;margin-top: .6rem;}
.development-path .swiper-slide{position: relative;}
.development-path .swiper-slide.odd:after {content: '';display: block;width: .04rem;height: .2rem;background: #666666;position: absolute;bottom:50%;left: 0;}
.development-path .swiper-slide.even:after {content: '';display: block;width: .04rem;height: .2rem;background: #666666;position: absolute;top:50%;left: 0;}
.development-path .swiper-slide .time{position: absolute;font-size: .24rem;color: #333;left: 0;}
.development-path .swiper-slide.odd .time{top: 1.5rem;}
.development-path .swiper-slide.even .time{bottom: 1.5rem;}
.development-path .swiper-slide .text-container{width: 96%;height: 1.5rem;background: #fff;position: absolute;padding: .22rem .3rem;position: absolute;left: 0;}
.development-path .swiper-slide .text-container:hover {background: #F9C01A;-webkit-box-shadow: 0 0 .1rem 0 rgba(0,0,0,.2);box-shadow: 0 0 .1rem 0 rgba(0,0,0,.2);}
.development-path .swiper-slide .text-container .common-default-content{height: 100%;overflow-y: auto;text-align: left;}
.development-path .swiper-slide .text-container:hover .common-default-content{color: #fff;}
.development-path .swiper-slide.odd .text-container{bottom:.1rem;}
.development-path .swiper-slide.odd .text-container:after{content: '';display: block;width: 0;height: 0;border-style:solid ;border-width: .1rem;border-color:transparent transparent #fff #fff;position: absolute;top: -.2rem;left: 0;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.development-path .swiper-slide.odd .text-container:hover:after{border-color:transparent transparent #F9C01A #F9C01A;}
.development-path .swiper-slide.even .text-container{top:.1rem;}
.development-path .swiper-slide.even .text-container:after{content: '';display: block;width: 0;height: 0;border-style:solid ;border-width: .1rem;border-color:#fff transparent transparent #fff;position: absolute;bottom: -.2rem;left: 0;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.development-path .swiper-slide.even .text-container:hover:after{border-color:#F9C01A transparent transparent #F9C01A;}
.development-path .common-banner-btn{background-color: rgba(255,255,255,.3);}
.development-path .common-banner-btn:hover{background-color: #F9C01A;}
.development-path .common-banner-prev {left: -.8rem;}
.development-path .common-banner-next {right: -.8rem;}
@media screen and (max-width: 1024px) {
	.development-path .swiper-container{height: 6rem;}
	.development-path .swiper-slide .text-container{height: 2.4rem;}
	.development-path .swiper-slide .time{font-size: .28rem;}
	.development-path .swiper-slide.odd .time{top: 2.4rem;}
	.development-path .swiper-slide.even .time{bottom: 2.4rem;}
	
}