/* CSS Document */
body{max-width:640px;margin:0 auto;}
html{font-size:62.5% !important;font-family: "΢ÈíÑźÚ";}
.teengers{max-width: 640px; min-width:320px;  height: 100%; position: relative; }
.banner{position: relative; max-width: 640px; margin: 0 auto; padding: 0}
img{width:100%;display:block;border:none;}
.zptit{ text-align:center; padding-top:1rem; width:95%; margin:0 auto;}
.zptit h1{ font-size:2.1rem; margin-top:1rem; font-weight:bold; color:#433131;margin-bottom: 0;}
.zptit h3{ font-size:1.4rem;  padding-bottom:1rem; padding-top:0.5rem; line-height:2rem; color:#433131;margin: 0;}
ul,li{ list-style:none;margin: 0;padding: 0;}
a{text-decoration:none;}
.clearf:after,.clearf:before{content:"";display:block; }
.clearf:after {clear:both;}

.tit font{color:#BE6303;}
.tit_2{font-size: 1.4rem;line-height: 2.2rem ;text-align: center;color:#878787;}
.tit_3{font-size: 1.3rem;line-height: 2rem ;text-align: center;color:#BD6302;}
.jxhj_box,.cn,.mbbg,.hbgj{width:93.75%;margin:0.8rem auto;}
.hbgj li{width:31%;margin-right:3.5%;padding:0.6rem;border: 1px dashed #BD6200;border-radius: 50%;float:left;box-sizing: border-box;text-align: center;position: relative;}
.hbgj li:last-child{margin-right:0;}
.hbgj li div{border-radius: 50%;background:#532400;color:#fff;box-sizing: border-box;}
.hbgj li p{color:#fff;padding:0;margin:0;}
.hbgj_p{font-size: 1rem;line-height: 2rem ;text-align: center;color:#878787;margin: 0 auto 1rem;}
.bg{background: #FEF5CF;padding:1rem 0;margin-bottom:1.3rem;}
.mbbg li{float: left;width:33.33%;}
.mbbg_content{width:90.625%;margin:0.8rem auto;}
.mbbg_content li{float: left;width:45%;padding:2%;margin-right:2%;font-size:1.1rem;line-height: 2rem;background: #fff;margin-bottom: 2%;text-align: center;box-sizing:initial;}
.mbbg_content li:nth-child(even){margin-right:0;}
.mbbg_content div{border: 1px dashed #C26D12;}
.mbbg_content h3{font-size:1.6rem;line-height: 2.3rem;font-weight: normal;padding-top: 0.8rem;}
.mbbg_content h5{font-size:1.3rem;line-height: 2rem;font-weight: normal;color: #C57A35;}
.mbbg_content p{font-size:1.1rem;line-height: 1.5rem;text-align: left;padding: 0 0.5rem;padding-bottom: 1rem;}
.mbbg_content li:nth-child(1) p{padding-top: 1rem;line-height: 1.65rem;}
.mbbg_content li:nth-child(3) p{padding-top: 1rem;line-height: 1.65rem;}
.mbbg_content li:nth-child(4) p{padding-top: 2rem;line-height: 1.8rem;}
.tit_bg{width:44.85%;margin:-6rem auto 1.5rem;}








.mbbg_btn{display: block;width:50%;margin:0.6rem auto;border-radius: 0.3rem;background: #BD6200;color:#fff;font-size: 2rem;line-height: 3.5rem ;text-align: center;}
.cn icon{display: inline-block;width:1rem;height:1rem;border-radius: 0.5rem;background: #D0202B;margin:0.5rem 0.5rem 0;}
.tel_btn{display: block;margin:1rem 0 2rem;background: #BD6200;color:#fff;font-size: 2rem;line-height: 4rem ;text-align: center;}







@media screen and (max-width:359px) and (min-width: 280px) { 
.cn span{display: inline-block;width:89%;font-size:0.9rem;line-height: 2.4rem;border-radius: 0.3rem;border: 1px dashed #96917D;padding-left:1.1rem;}
.tit{font-size: 1.6rem;line-height: 2.8rem ;text-align: center;margin-top:0.6rem;}
.cn img{width:12px;margin:0.3rem auto;}
}
@media screen and (min-width: 360px) { 
.cn span{display: inline-block;width:87%;font-size:1rem;line-height: 2.6rem;border-radius: 0.3rem;border: 1px dashed #96917D;padding-left:1.1rem;}
.tit{font-size: 1.8rem;line-height: 2.8rem ;text-align: center;margin-top:0.6rem;}
.cn img{width:12px;margin:0.3rem auto;}
}

@media screen and (max-width:340px) and (min-width:280px){

.hbgj li div{font-size:1.4rem;line-height: 2rem;padding-top: 1.35rem;}
.hbgj li p{font-size:0.9rem;line-height: 1.3rem;}

}

@media screen and (min-width:341px) and (max-width:374px){
.hbgj li div{font-size:1.4rem;line-height: 2rem;padding-top: 1.9rem;}
.hbgj li p{font-size:1rem;line-height: 1.3rem;}

}
@media screen and (min-width:375px) and (max-width:394px){
.hbgj li div{font-size:1.5rem;line-height: 2rem;padding-top: 2.2rem;}
.hbgj li p{font-size:1.1rem;line-height: 1.5rem;}

}

@media screen and (min-width:395px) and (max-width:440px){
.hbgj li div{font-size:1.65rem;line-height: 2.5rem;padding-top: 2.3rem;}
.hbgj li p{font-size:1.2rem;line-height: 1.6rem;}
}

@media screen and (min-width:441px) and (max-width:580px){
.hbgj li div{font-size:2rem;line-height: 2.8rem;padding-top: 3.5rem;}
.hbgj li p{font-size:1.4rem;line-height: 1.8rem;}
}

@media screen and (min-width:581px){
.hbgj li div{font-size:2rem;line-height: 3rem;padding-top: 4.5rem;}
.hbgj li p{font-size:1.5rem;line-height: 2rem;}


}