/* about_intro_container */
.about_intro_container {
    background: #fff;
}
.about_intro p {
    font-size: 16px;
	line-height: 32px;
	color: #333;
}
.about_intro ul {
    margin-top: 50px;
}
.about_intro li {
    position: relative;
}
.about_intro li .img_box {
    width: 380px;
    height: 400px;
    overflow: hidden;
    background: #f4f4f4;
    position: relative;
}
.about_intro li .explain {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    text-align: center;
    background: rgba(0,0,0,0.5);
    color: #fff;
}
.about_intro li .explain_title {
    font-size: 36px;
}
.about_intro li .line {
    width: 283px;
    height: 1px;
    margin: 40px auto;
    background: #fff;
}
.about_intro li .explain_content {
    font-size: 18px;
}
.about_intro li:nth-child(1) .explain {
    background-image: linear-gradient(176deg, 
		rgba(0,147,225,0.9) 0%, 
		rgba(69,190,255,0.4) 100%);
}
.about_intro li:nth-child(2) .explain {
    background-image: linear-gradient(176deg, 
		rgba(0,186,83,0.9) 0%, 
		rgba(55,234,106,0.4) 100%);
}
.about_intro li:nth-child(3) .explain {
    background-image: linear-gradient(176deg, 
		rgba(234,117,39,0.9) 0%, 
		rgba(240,203,114,0.4) 100%);
}




/* about_lead_container */
.about_lead {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-image: url(../images/about/lead1.jpg);
}
.about_lead .center {
    width: 100%;
    height: 500px;
    background-image: radial-gradient(circle at 50% 90%, rgba(0,0,0,0.6), rgba(0,0,0,0.86));
    position: relative;
}
.about_lead .center .explain {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 992px;
    height: auto;
    text-align: center;
    font-size: 16px;
	line-height: 32px;
    color: rgba(255,255,255,0.86);
}





/* about_duty_container */
/* about_tactic_container */
.about_duty_container,
.about_tactic_container {
    padding-bottom: 80px;
}
.about_tactic_container {
    background: #f6f6f6;
}
.about_duty .img_box,
.about_tactic .img_box {
    width: 50%;
}
.about_duty .img_box img,
.about_tactic .img_box img {
    width: 100%;
}
.about_duty .explain,
.about_tactic .explain {
    width: 50%;
    box-sizing: border-box;
    background: #fff;
	box-shadow: 3px 4px 21px 0px 
        rgba(0, 0, 0, 0.1);
        padding: 45px 40px;
    font-size: 16px;
	line-height: 32px;
	color: #333;
}





/* about_certificate_container */
.about_certificate_container {
    background: #fff;
    padding-bottom: 80px;
}
.certificate_container {
    padding: 0 68px;
}
.about_certificate .swiper_control {
    width: 68px;
    height: 100%;
    background: #fff;
    top: 0;
    margin-top: 0;
    cursor: default;
}
.about_certificate .next {
    right: 0;
}
.about_certificate .prev {
    left: 0;
}
.about_certificate .swiper_control div {
    width: 48px;
	height: 68px;
	background: #dcdcdc;
    border-radius: 8px 0px 0px 8px;
    text-align: center;
    line-height: 68px;
    color: #fff;
    font-size: 34px;
    opacity: 1;
    position: absolute;
    top: 50%;
    margin-top: -34px;
    cursor: pointer;
}
.about_certificate .next div {
    border-radius: 0px 8px 8px 0px;
    right: 0;
}
.about_certificate .swiper_control [class*=disabled] {
    opacity: 0.6;
}
.about_certificate .swiper_control [class*=disabled]:hover {
    background: #dcdcdc;
    cursor: default;
}
.about_certificate .swiper_control div:hover {
    background: #005aab;
}
.about_certificate .swiper-slide {
    box-sizing: border-box;
    width: 243.5px !important;
    height: 340px;
    border: solid 2px #dcdcdc;
    overflow: hidden;
}
.about_certificate .swiper-slide img {
    width: 100%;
}




/* about_environment_container */
/* about_partner_container */
.about_environment_container {
    padding-bottom: 80px;
    background: #f6f6f6;
}
.about_partner_container {
    padding-bottom: 80px;
    background: #fff;
}
.environment_container,
.partner_container {
    padding-bottom: 70px;
}
.about_environment .swiper-slide {
    width: 288px;
    height:320px;
    overflow: hidden;
    box-sizing: border-box;
	background: #fff;
	box-shadow: 3px 4px 21px 0px 
        rgba(0, 0, 0, 0.09);
    padding: 10px;
    padding-bottom: 0;
}
.about_environment .swiper-slide:hover .img_box img {
    transform: scale(1.1);
}
.about_environment .swiper-slide .img_box {
    width: 268px;
    height:268px;
    overflow: hidden;
    position: relative;
}
.about_environment .swiper-slide .img_box img {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.about_environment .swiper-slide .explain {
    height:40px;
    font-size: 16px;
	line-height: 22px;
    color: #333;
    text-align: center;
}
.about_environment .swiper-slide .explain p {
    padding: 0 20px;
}
.about_environment .swiper-pagination,
.partner_container .swiper-pagination {
    bottom: 0;
}
.about_environment .swiper-pagination span,
.partner_container .swiper-pagination span {
    width: 18px;
    height: 18px;
    border-radius: 0;
    opacity: 1;
	background: #c2c2c2;
}
.about_environment .swiper-pagination [class*=active],
.partner_container .swiper-pagination [class*=active] {
	background: #005aab;
}
.horizontal a {
    width: 220px;
    height: 120px;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    border: 1px solid #e1e1e1;
    background: #f4f4f4;
} 
.horizontal img {
    width: 220px;
    max-width: none;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: -1px;
    margin-top: -1px;
    backface-visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
}
.horizontal .info {
    width: 220px;
    height: 120px;
    overflow: hidden;
    line-height: 120px;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: -1px;
    margin-left: -1px;
    background: #005aab;
    text-align: center;
    color: #fff;
    backface-visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: perspective(800px) rotateX(180deg);
    transform: perspective(800px) rotateX(180deg);
}
.horizontal a:hover img {
    -webkit-transform: perspective(800px) rotateX(-180deg);
    transform: perspective(800px) rotateX(-180deg);
}
.horizontal a:hover .info {
    -webkit-transform: perspective(800px) rotateX(0deg);
    transform: perspective(800px) rotateX(0deg);
}







/* about_contact_container */
.about_contact_container {
    padding-bottom: 80px;
    background: #f6f6f6;
}
.about_contact_container .son_title {
    background: #fff;
}
.about_contact ul {
    padding-top: 40px;
}
.about_contact li {
    width: 50%;
    box-sizing: border-box;
    padding-left: 40px;
}
.about_contact .line {
    width: 100%;
    border-top: 1px dotted #cecece;
    margin: 20px 0;
}
.about_contact .explain_title {
    font-size: 16px;
	font-weight: bold;
    color: #333;
    margin-bottom: 5px;
}
.about_contact .explain_content {
    font-size: 16px;
    line-height: 32px;
	color: #666;
}
.about_contact .explain_content span {
    margin-left: 15px;
}
.about_contact li:nth-child(2),
.about_contact li:nth-child(5) {
    padding-left: 135px;
}





.link {
    position: absolute;
    height: 56px;
    transform: translateY(-56px);
    z-index: -1;
}