/*  简介  */
.about-con{ width: 100%;}
.about-con .text{  overflow: hidden; margin: 50px 0 0; font-size: 0;}
.about-common .back{ display: block; width: 100%; background: url(../images/background.jpg); height: 160px; margin-bottom: 40px;}
.about-common .back h2{ display: block; font-size: 42px; color: #ff0; line-height: 62px; font-weight: bold; text-transform: uppercase; padding: 40px 0 20px; margin-bottom: 40px; position: relative; text-align: center;}
.about-common .back h2::after{ content: ""; left: 47%; bottom: 0; position: absolute; background: #ff0; width: 80px; height: 3px;}
.company{  width: 1280px; margin: 0 auto 60px; font-size: 0;}
.company .frame{  display: inline-block; box-sizing: border-box; vertical-align: top;}
.company .frame p{ font-size: 22px; color: #535353; line-height: 1.5; text-align: justify; display: block; margin: 0 0 15px; }
.company .frame p span{font-weight: bold;}
.company .frame ul li::after{ content: ""; width: 100%; height: 100%; border: 1px solid #7f7f7f; position: absolute; top: 0; left: 0; transform: rotate(45deg);}
.company .frame{ display: inline-block; margin-left: 0; vertical-align: top;}
.company .frame .img img{ max-width: 100%; width: 34%; float: left; margin-right: 2rem;}
.company .con{ display: block;  margin: 64px 0 0;  box-sizing: border-box; padding: 0 60px;}
.company .con p{ font-size: 14px; color: #bbb; line-height: 24px; display: block; margin: 0 0 0;}
.company .con .box{ display: block;  box-sizing: border-box; padding: 0 0; margin-top: 60px; position: relative;}
.company .con .list-img{ display: block; overflow: hidden;}
.company .con .list-img img{ max-width: 100%;}
.company .con .box .prev,
.company .con .box .next{ position: absolute; top: 50%; transform: translateY(-50%); width: 57px; height: 100px; color: #535353; font-family: "iconfont"; font-size: 48px; text-align: center; line-height: 100px; z-index: 2; transition: all 0.3s ease-in-out; text-transform: uppercase; cursor: pointer; left: -60px;}
.company .con .box .next{ right: -60px; left: auto; color: #535353;}
.company .con .box .prev:hover,
.company .con .box .next:hover{ color: #ff0; }


/* 文化 */
.culture{  width: 1280px; overflow: hidden; font-size: 0;  margin: 0 auto 60px; position: relative;}
.culture .left{  display: inline-block; width: 100%; box-sizing: border-box; padding: 0 32px;}
.culture .left .tit{ display: block; box-sizing: border-box; padding-left: 30px; border-left: 7px solid #3ea748; font-size: 48px; color: #000; line-height: 62px; font-weight: bold; text-transform: uppercase; margin-bottom: 20px;}
.culture .left p{ font-size: 16px; color: #666; line-height: 24px; display: block; margin: 25px 0;}
.culture .left p b{ display: block; font-size: 16px; color: #000; margin-bottom: 10px;}
.culture .right{ width: 640px; display: inline-block; margin-left: 0; position: absolute; right: 0; top: 0; text-align: right; vertical-align: top;}
.culture .right .img{  background: #3ca145; display: inline-block;}
.culture .right .img img{ max-width: 100%; transform: translate(-43px,43px); box-shadow: 0 0 10px #666;}





/* 证书 */
.Honor{  width: 1280px; overflow: hidden; font-size: 0; margin: 0 auto 60px; position: relative; box-sizing: border-box; padding: 0 32px;}
.Honor .tit{ display: block; box-sizing: border-box; padding-left: 30px; border-left: 7px solid #3ea748; font-size: 48px; color: #000; line-height: 62px; font-weight: bold; text-transform: uppercase; margin-bottom: 20px;}
.Honor p{ font-size: 14px; color: #bbb; line-height: 24px; display: block; margin: 25px 0;}

.Honor ul{ display: block; font-size: 0; text-align: center;}
.Honor ul li{  width: 31%; display: inline-block; margin: 0 3% 3% 0; position: relative;}
.Honor ul li:nth-of-type(3n){ margin-right: 0;}
.Honor ul li .img{ display: block; box-sizing: border-box; padding: 3px; border: 1px solid #ddd;}
.Honor ul li .img img{ max-width: 100%;}
.Honor ul li .name{ display: block; background: #eee; font-size: 16px; line-height: 48px; color: #000;}


/*发展历程*/
.Devolopment{z-index: 1; width: 1280px; overflow: hidden; font-size: 0; margin: 0 auto 60px; position: relative; box-sizing: border-box; padding: 0 2px;}
.Development .tit{ display: block; box-sizing: border-box; padding-left: 32px; position: relative; line-height: 64px; color: #bbb; font-size: 36px; text-transform: uppercase;}
.Development .tit::after{ content: ""; width: 16px; height: 64px; background: #3ca145; display: inline-block; position: absolute; left: 0; top: 0;}
.Development-list{width: 200%!important; z-index: 2;margin: 223px 0 223px -103px; width: 100%; height: 2px!important; background-color: #d0d0d1;position: relative;}
.Development-list li{z-index: 1; float: left; width: 146px;height: 55px!important;border-right: 2px solid #d0d0d1;box-sizing: border-box; position: relative;}
.Development-list li::after,
.Development-list li:last-child::after{content: '';position: absolute;transform: translate(-50%, -50%);margin-left: -1px; width: 11px;height: 11px;border-radius: 50%;background-color: #d0d0d1;}
/*最后一个li右侧的小圆球*/
.Development-list li:last-child::after{right: 0;margin-right: -12px;}
.Development-list li:nth-child(2n){top: -55px;}
.Development-list li:nth-child(2n)::after{top: 55px;}
.Development-list li p{margin: 0;padding: 27px 12px; width: 188px; min-height: 58px;text-align: center; border-radius: 8px;background-color: #d0d0d1;color: #fff;position: absolute;left: 100%;top: 100%;transform: translateX(-50%);font-size: 16px;}
.Development-list li:nth-child(2n) p {bottom: 200%; top: unset;transform: translate(-50%,55px);}
.Development-list li:last-child{border-top: 2px solid #d0d0d1;}
#development .swiper-button-next,
#development .swiper-button-prev {z-index: 2;}
#development .swiper-button-prev{left: 0;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23d0d0d1'%2F%3E%3C%2Fsvg%3E")}
#development .swiper-button-next {right: 0;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23d0d0d1'%2F%3E%3C%2Fsvg%3E")}

.swiper-button-disabled {display: none;}

/* 联系我们 */
.contact-list{ display: block; position: relative;}
.contact-list .map{ width: 100%; height: 80vh; display: inline-block; box-sizing: border-box; padding-right: 640px;}
.contact-list .lxfs{ width: 640px; position: absolute; right: 0; top: 50%; box-sizing: border-box; transform: translateY(-50%); padding: 0 112px 0 60px;}
.lxfs h2{ display: block; position: relative; padding-bottom: 30px;}
.lxfs h2::after{ content: ""; width: 100px; height: 4px; background: #3ca145; display: inline-block; position: absolute; left: 0; bottom: 0;} 
.lxfs p{ display: block; font-size: 16px; line-height: 18px; color: #aaa; margin: 20px 0;}

.lxfs ul{ width: 100%; font-size: 0; margin: 42px 0;}
.lxfs ul li{ width: 50%; margin: 10px 0; vertical-align: top; font-size: 14px;  display: inline-block; color: #aaa; line-height: 18px; position: relative;}
.lxfs ul li a {color: #aaa}

.msg{ width: 100%; display: inline-block; vertical-align: top;}
.msg form{ display: block;}
.msg form input{ width: 100%; margin: 0 0 15px; line-height: 42px; box-sizing: border-box; border: none; border-radius: 2px; background: #e8e8e8; color: #6e6e6e; padding: 0 24px; font-size: 14px;}

.msg form input.none{ display: none;}
.msg form textarea{ padding: 10px 24px; min-height: 102px; width: 100%; line-height: 24px; margin-bottom: 15px; box-sizing: border-box; border: none; background: #e8e8e8; font-size: .14rem; font-family: Open Sans, Microsoft YaHei,Arial, Helvetica, sans-serif;}
.msg form button{ padding: 0 52px; line-height: 42px; background: #ba141c ; border: none; text-transform: uppercase; font-size: 16px; color: #fff;}
.msg form button:hover{ opacity: .7;}

.msg form input::placeholder,
.msg form textarea::placeholder{ color: #6e6e6e; font-size: 14px; font-family: Open Sans, Microsoft YaHei,Arial, Helvetica, sans-serif;}

@media screen and (max-width: 1600px){
    header .main{ width: 1200px; margin: 0 auto; padding: 0;}
	.i-quality .pagination span{ margin-right: 66px}
    .banner{ width: 1200px;}
    .i-about .main, .i-quality .main, .i-contact .main{ width: 1200px;}
    .main{ width: 1200px;}
    .i-pr .main{ width: 1240px;}
    .company{  width: 1200px;}
    .Content .back h2::after,
    .about-common .back h2::after{
        left: 46%; bottom: 0; position: absolute;
    }

}


@media screen and (max-width: 1440px){
	header .main{ width: 1100px; margin: 0 auto; padding: 0;}
    .banner{ width: 1100px;}
    .i-about .main, .i-quality .main, .i-contact .main{ width: 1100px;}
    .main{ width: 1100px;}
    .i-pr .main{ width: 1140px;}
    .company{  width: 1100px;}
}

@media screen and (max-width: 1280px){
	header .main{ width: 960px; margin: 0 auto; padding: 0;}
    .banner{ width: 960px;}
    .i-about .main, .i-quality .main, .i-contact .main{ width: 960px;}
    .main{ width: 960px;}
    .i-pr .main{ width: 1000px;}
    .company{  width: 960px;}
    .company .frame p{ font-size: 9px;}
}