.banner img{width: 100%;display: block;}
.about .title{text-align: center;font-weight: lighter;font-size: 18px;font-size: 1.8rem;text-transform: uppercase;margin: 60px 0 45px;position: relative;}
.about .title>p:first-child{font-weight: bold;font-size: 32px;font-size: 3.2rem;margin-bottom: 10px;line-height: 2;}
.about .title>p>img{position: absolute;}

.about .simple{background: #F6F5F1;margin-top: 20px;}
.about .simple .simple-pic{width: 50%;float: left;}
.about .simple .simple-pic img{width: 100%;display: block;}
.about .simple .simple-txt{width: 50%;float: left;}
.about .simple .simple-txt .text{margin-left: 50px;width: 75%;}
.about .simple .simple-txt .text .about-logo{width: 30%;position: relative;padding-bottom: 20px;margin-top: 40px;}
.about .simple .simple-txt .text .about-logo img{width: 100%;display: block;}
.about .simple .simple-txt .text .about-logo .line{width: 420px;height: 1px;background: #DFDFDF;position: absolute;left: 0;bottom: 0;}
.about .simple .simple-txt .text p{font-size: 14px; font-size:1.4rem;line-height: 2;padding-top: 40px;letter-spacing: 1px;text-indent: 2em;color: #333333}

.company{width: 831px;margin: 0 auto;padding: 80px 0 0;}
.company .card{margin-right: 45px;}
.company .card .card-txt{overflow: hidden;width: 349px;}
.company .card .card-txt p{text-align: center;line-height: 1.8;font-size: 14px; font-size: 1.4rem; letter-spacing: 1px;}
.company .more{width: 80px;height: 30px;border: 1px solid #ccc;text-align: center;margin: 12px auto 0;background: url(../img/about/jia.png) no-repeat center;background-size: 32%;cursor: pointer;}
.card .jian{background-image:url(/img/about/jian.png)}
.company .right-pic{border-left: 1px solid #00a051;padding-left: 45px;width: 437px;box-sizing: border-box;}
/*手机显示代码*/
.phone-company{width: 831px;margin: 0 auto;padding: 80px 0 0;}
.phone-company .phone-card{margin-right: 45px;}
.phone-company .phone-card .phone-card-txt{overflow: hidden;width: 349px;}
.phone-company .phone-card .phone-card-txt p{text-align: center;line-height: 1.8;font-size: 14px; font-size: 1.4rem; letter-spacing: 1px;}
.phone-company .phone-more{width: 80px;height: 30px;border: 1px solid #ccc;text-align: center;margin: 12px auto 0;background: url(/img/about/jia.png) no-repeat center;background-size: 32%;cursor: pointer;}
.phone-card .jian{background-image:url(/img/about/jian.png)}
.phone-company .phone-right-pic{border-left: 1px solid #00a051;padding-left: 45px;width: 437px;box-sizing: border-box;}


@media(max-width: 1219px){
	.about .title{font-size: 16px;font-size: 1.6rem;margin: 40px 0 25px;}
	.about .title>p:first-child{margin-bottom: 0;font-size: 24px;font-size: 2.4rem;}
	/*.con-nav .nav-new{width: 90%;}*/
	.about .simple .simple-pic{display: none;}
	.about .simple .simple-txt{width: 90%;float: none;margin: 0 auto;}
	.about .simple .simple-txt .text{margin-left: 0;width: 100%;}
	.about .simple .simple-txt .text .about-logo{margin-top: 0;margin-bottom: 0;width: 20%;}
	.about .simple .simple-txt .text p{padding: 20px 0;}
	.company{padding: 40px 0 0;}
}
@media(max-width: 1024px){
	.about .title{margin: 25px 0 10px;}
	.company{padding: 25px 0 0;width: 690px;}
	.company .card .card-txt{width: 285px;}
	.company .right-pic{width: auto;padding-left: 2%;}
	.company .right-pic img{width: 375px;}
	.company .card{margin-right: 2%;}
}
@media(max-width: 768px){
	.about .title{font-size: 1.2rem;font-size: 12px;}
	.about .title>p:first-child{font-size: 18px;font-size: 1.8rem;}
	.company{display: none;}
	/*.con-nav .nav-new{text-align: center;width: 96%;}
	.con-nav .nav-new ul li{margin-right: 0;width: 25%;box-sizing: border-box;}*/
	.company .right-pic img{width: 100%;display: block;}
	.phone-company{padding:10px 0 0;width: 96%;}
	.phone-company .phone-card .phone-card-txt{width: 100%;}
	.phone-company .phone-card{width: 100%;margin-right: 0;}
	.phone-company .phone-right-pic{width: 100%;    padding: 10px 0 0;border-left: 0;}
	.phone-company .phone-right-pic img{width: 100%;display: block;}
	.about .simple .simple-txt .text .about-logo{width: 120px;padding-bottom: 5px;}
	.about .simple .simple-txt .text .about-logo .line{width: 300px;}
	.about .simple .simple-txt .text p{padding: 10px 0;}
	.phone-company img{display: block !important; margin-bottom:20px;}

}
@media(min-width: 768px){
	.phone-company{display: none;}
}