.page_ban{background: url(../images/page_ban.jpg) center no-repeat;background-size:cover;height:35.4vw; width: 100%;position: relative;}

.PosList_a1{box-sizing: border-box;color: #999999;width: 100%;text-align: left;color: #231f1f;font-size: 14px;text-transform: uppercase;margin-bottom: 3vw;}
.PosList_a1 span{background: url(../images/loc.png) left center no-repeat;padding-left: 22px;font-size: 14px;}
.PosList_a1 b{font-weight: normal;font-size: 14px;}
.PosList_a1 a{font-size: 14px;}

.NavList_a1 {text-align: center;margin-bottom: 4vw;font-size: 0;}
.NavList_a1 li {display: inline-block;box-sizing: border-box;padding: 0 2.2vw;}
.NavList_a1 li a{color: #53765d;font-size: 24px;line-height: 1.15;font-family: '宋体';}
.NavList_a1 li a.on{text-decoration: underline;}
.NavList_a1 li a:hover{text-decoration: underline;}

ul li img{max-width: 100%;}
.content{width: 83%;padding-top: 7.8vw;margin: 0 auto 5.2vw auto;}
.content p{line-height: 2.0;color: #231f1f;font-size: 16px;}
.ResTitle_a1{position: absolute;right: 0;bottom: 0;width: 46.6%;bottom: -2.3vw;padding-bottom: 2.3vw;z-index: 1;background-color: #53765d;}
.ResTitle_a1 span{font-size: 5.7vw;line-height: 1.15;margin: -53px auto 0 83px;color: #fff;display: inline-block;font-family: xw,'宋体';}
.ResTitle_a1 em{font-size: 36px;text-transform: uppercase;margin-left: 43%;color: #fff;font-family: xw,Arial;}

.about{background: linear-gradient(to right,white 35%, #f4f6f8 23%);width: 91.5%;padding: 7.8vw 0;margin: 0 0 5.2vw 8.5%;}
.about .mar-t{margin: 3.1vw auto 2.3vw auto;}
.about .fl{width: 42.5%;overflow: hidden;padding-top: 7.3vw;}
.about .fl p{text-indent: 2em;line-height: 2.0;font-size: 16px;color: #666666;}
.about .fl p img{max-width: 100%;}
.about .fl b{font-weight: bold;font-size: 18px;color: #666666;line-height: 1.15;}
.about .fl h1{font-size: 2.5vw;color: #53765d;font-family: "宋体";margin-bottom:4.4vw;}

.about .fr img{display: block;width: 100%;box-shadow: -2px 10px 32px rgba(0,0,0,0.2);}
.about .fr{width: 45.8%;margin-right: 8.3%;}

.sort_btn{display: none;font-size: 4.2vw;color: #888888;border-bottom: 1px solid #53765d;line-height: 2.2em;height:2.2em;padding: 0 5%;width: 90%;
	background: url(../images/d.png) right center no-repeat;background-position: 95%;box-sizing:border-box;}

.NewsDetail_a1 #nt{padding: 15px 0;margin-bottom:15px; font-size:20px; line-height:1.6; font-weight:bold; border-bottom:1px dotted #ccc; text-align:center;letter-spacing:1px;}
.NewsDetail_a1 #nf{width:160px; margin:0 auto; margin-bottom:20px; height:20px; line-height:20px;display: none;}
.NewsDetail_a1 #nf em{display:block; padding-top:2px; margin-right:2px; float:left;}
.NewsDetail_a1 #nf span{display:block; padding:2px; border-radius:5px; font-size:12px; width:18px; margin-right:4px; float:left; background:#999999; color:#fff; text-align:center; cursor:pointer;}
.NewsDetail_a1 #nf span.nf_on{ background:#53765d;color: #fff;}

.NewsDetail_a1 .nf1 img{margin:10px auto; display:block;}
.NewsDetail_a1 .nf1{line-height:1.8; font-size:14px; letter-spacing:1px;min-height: 400px;}
.NewsDetail_a1 .nf2{line-height:1.8; font-size:16px; letter-spacing:1px;min-height: 400px;}
.NewsDetail_a1 .nf3{line-height:1.8; font-size:20px; letter-spacing:2px;min-height: 400px;}
.NewsDetail_a1 p{text-indent:2em;}
.NewsDetail_a1 #nb{padding:10px 0px; margin-top:10px;text-align:center; color:#777; border-top: 1px dotted #ccc;}
.NewsDetail_a1 #newtb{line-height:30px; margin-top: 20px;}
.NewsDetail_a1 #newtb span{ display:block; width:50%; float:left;}
.NewsDetail_a1 #newtb em{ display:block; width:50%; float:left;}
.NewsDetail_a1 #newtb em a{color: #888;}
.NewsDetail_a1 #newskw{ font-size:14px; font-weight:bold; margin:10px 0; line-height:30px; word-spacing:1em;}
#newtb em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.page{text-align: center;}
.page a,.page span{display: inline-block;padding: 5px 10px;border: 1px solid #888;margin: 5px;color: #666;}
.page .on, .page .cur{border-color: #53765d;color: #fff;background-color: #53765d;}
.pageinfo{display: none;}
.content .page{display: block;margin-top: 4.9vw;}
.content #load_more_button{display: none;width: 140px;margin: 20px auto 0 auto;padding: 11px 25px;
    text-align: center;border: 1px solid #53765d;color: #53765d;}

.contact_img{width: 55%;overflow: hidden;}
.contact_img img{max-width: 100%;display: block;}
.contact_txt {width: 35%;}
.contact_txt h1{line-height: 40px;height: 40px;font-size: 40px;display: none;color: #bbbbbb; text-align: center;}
.contact_txt h2{margin-bottom: 40px;}
.contact_txt h3,.contact_txt p{display: inline-block;}
.contact_txt .line{margin-bottom: 30px;}
.contact_txt i{float: left;margin-right: 10px;/*display: block;*/width: 30px;height: 30px;background: #53765d;border-radius: 50%;}
.contact_txt i.email{background:#53765d url('../images/Emile.svg')no-repeat center center;fill: #fff;background-size: 59%;}
.contact_txt i.call1{background:#53765d url('../images/call1.svg')no-repeat center center;fill: #fff;background-size: 70%;}
.contact_txt i.call2{background:#53765d url('../images/call2.svg')no-repeat center center;fill: #fff;background-size: 50%;}
.contact_txt i.service{background:#53765d url('../images/service.svg')no-repeat center center;fill: #fff;background-size: 95%;}
.contact_txt i.addr{background:#53765d url('../images/addr.svg')no-repeat center center;fill: #fff;background-size: 50%;}
.contact_txt i.fox{background:#53765d url('../images/fox.svg')no-repeat center center;fill: #fff;background-size: 60%;}
.ProductDetail_b1{width: 100%;width: 90%;margin: 0 auto;}
.ProductDetail_b1 img{width: 100%;}
.caseback{margin: 6vw auto 0 auto;width: 7em;font-size: 18px;color: #fff;background-color: #333;height: 40px;line-height: 40px;text-align: center;display: block;}
.Product_Title{font-size: 1.8vw;border-left: 5px solid #53765d;font-size: 1.8vw;padding-left: 2vw;margin-bottom: 3vw;}
 
@media screen and (max-width: 750px) {
    .ProductDetail_b1 p{font-size: 3.8vw;line-height: 1.8;}
    .caseback{font-size: 3.8vw;height: 2em;line-height: 2em;}
    .ProductDetail_b1{width: 100%;}
    .Product_Title{font-size: 6vw;margin-bottom: 6vw;}
}
@media screen and (max-width: 1440px) {
	.content,.PosList_a1{width: 95%;}
	.about{width: 95%;margin-left: 5%;}
}
@media screen and (max-width: 1024px) {
	.page_ban{height: 35vw;}
	.ResTitle_a1 span{font-size: 32px;}

	.content{width: 95%;height: auto;margin: 80px auto;padding-top: 0;}
	.about .fl h1 {font-size: 3vw;margin-bottom: 1vw;}
	.about .fl{padding-top: 0;width: 51%;}
	.about .fr{width: 35%;}


	.PosList_a1{width: 90%;}
	.ResTitle_a1 span{font-size: 4vw;}
	.ResTitle_a1 em{margin-left: 83px;font-size: 24px;}
	.NavList_a1 li a{font-size: 20px;}
    
    .NavList_a1 {text-align: center;margin-bottom: 40px;}

    .contact_txt .ResTitle_a1{margin: 0 0 50px 0;width: 100%;text-align: center;}
	.contact_txt h2{margin-bottom: 25px;font-size: 20px;}
	.contact_txt .ResTitle_a1 span{font-size: 18px;}	
}
@media screen and (max-width: 768px){
	.PosList_a1 {padding-top: 20px;}

	.about{margin: 60px 0 80px 5%;box-sizing: border-box;}
	.content{margin: 60px auto 80px auto;width: 90%;}
	.about{width: 90%;height: auto;margin: 80px 0 100px 10%;}
	.about .fl{width: 100%;}
	.about .fr{margin-right: 0;margin: 0 auto;float: none;width: 70%;}
    
    .NewsDetail_a1 #nt{padding-top: 0;}

	.contact_txt .line{width: 50%;float: left;}
    .contact_txt div:first-of-type{width: 100%;}
    .contact_img{width: 100%;float: none;}
	.contact_txt{width: 100%;margin-top: 0;}
	.contact_txt h1{display: block;}
}
@media screen and (max-width: 640px){
	.page_ban{height: 250px;}

	.about{margin: 15vw 0 13vw 3%;width: 97%;padding: 0;background: none;}
	.content{margin: 15vw auto 13vw auto;width: 94%;padding-top: 0;}
	.PosList_a1{padding: 0;width: 100%;margin-bottom: 7vw;}
	.ResTitle_a1{width: 90%;text-align: center;left: 5%;}
	.ResTitle_a1 span{font-size: 7vw;margin: -0.5em auto 2vw auto;}
	.ResTitle_a1 em{margin-left:0;font-size: 4vw;}
	.NavList_a1 li a{font-size: 3.8vw;}

	.ResTitle_a1 span{font-size: 7vw;letter-spacing: 2vw;}

	.about .fl{width: 100%;margin-bottom: 5vw;}
	.about .fr{width: 100%;}
	.about .fl h1 {font-size: 5.5vw;}
	
    .sort_btn{display: block;width: 100%;}
    .NavList_a1 li a.on{color: #888;text-decoration: none;}
	.NavList_a1 li a{font-size: 3.8vw;background-color: transparent;border: none;padding: 2vw 0;border-radius: 0;display: block;}
    .NavList_a1 {display: none;width: 100%; z-index:5;overflow:hidden;}
	.NavList_a1 li{width: 100%;border: none;padding: 0;box-sizing: border-box;margin-bottom: 3vw;}

	.NewsDetail_a1 #newtb span{width: 100%;}

	#page{display: none;}
	.content #load_more_button{display: block;font-size: 3.8vw;}

	.contact_txt h3, .contact_txt p{font-size: 3.8vw;display: inline;}
	.contact_txt .line{width: 100%;margin-bottom: 4vw;}
}