/* CSS Document */
body{max-width:640px;margin:0 auto;}
html {
     font-size: 62.5% !important;
}
h1{border:none;}
.teengers{max-width: 640px; min-width:320px;  height: 100%; position: relative; }
.banner{position: relative; max-width: 640px; margin: 0 auto; padding: 0}

.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;}
.zptit h3{ font-size:1.6rem;  padding-bottom:1rem; padding-top:0.5rem; line-height:2rem; color:#433131;}

.chengcai {
    width: 95%;
    margin: 0 auto;
    height: 4rem;
    line-height: 4rem;
    text-align: center;
    font-size: 1.8rem;
    background: #d80017;
}
.chengcai a { color:#FFFFFF; font-weight:bold;}
/*רҵ */
.zst{ width:100%; height:1rem; background:#f7f7f7;}
.professional { padding: 0 8px 8px 8px; background:#f7f7f7;  }
.professional dl {  float: left; width: 100%; padding:1rem 0
}
.professional dl dt { float: left; margin: 0 12px 0 8px; position: relative;  }
.professional dl dt img {  width: 11rem;height:11rem;position: relative; }
.professional dl dd {
font-size:1.3rem; color: #818181; }
.professional dl dd h1 {
font-size:1.7rem !important; color: #333; margin-bottom:1rem;
padding-top:0.7rem;text-align:left;
}
.dz{ background:#FF0000; color:#FFFFFF; font-size:1.2rem; padding:0.2rem; border-radius: 0.2rem; margin-left:0.5rem; position:relative; padding-top:-0.2rem; /*display:block; float:left;*/}
.professional dl dd h1 a { color: #333 }
.professional dl dd strong { color: #c00; font-weight: normal }
.btn_icon { float: left; }
.btn_icon a { float: left; text-align: center; font-size:1.2rem;
width: 6rem; height:2rem;
margin-top:0.8rem;
line-height:2rem;
margin-right:1rem;
}
#icon1_btn { background:#433131;color: #fff; border-radius:0.1rem;}
#icon2_btn { background:#c8260b;color: #fff; border-radius:0.1rem; float: right }
.professional dl:last-child { border-bottom: 0 }
.tim { position: absolute; bottom: 0; left: 0px; text-align: center; width: 100%; background: #FFF;  opacity: 0.85; color: #EE7800; }
.mzy{ width:100%; height:4rem; background:#e10c2a; line-height:4rem; font-size:1.8rem; text-align:center; margin:0 auto; }
.mzy a{ color:#FFFFFF; font-weight:bold;}
<!--����-->
#youshi{  max-width: 640px; margin: 0 auto; height:auto; background:#201513;  }
.zptit1{ text-align:center; padding-top:1rem; width:95%; margin:0 auto;}
.zptit1 h1{ font-size:2.1rem; margin-top:1rem; font-weight:bold; color:#fff;}
.zptit1 h3{ font-size:1.7rem;  padding-bottom:1rem; padding-top:0.5rem; color:#fff;}
.ys_nr{ width:100%; margin:0 auto; height:auto; padding: 0 0 10px 0; }
.ys_nr ul{ list-style:none; margin:0; padding:0;width:95%; margin:0 auto;}
.ys_nr li{width:48%; display:block; float:left; height:auto; margin-left:1%; margin-right:1%;}
.clear{ clear:both;}
<!--ѧϰ����չʾ-->
.xxnrbox{ width:100%; margin:0 auto; height:auto; background:#f7f7f7;}
.xxnr{ width:100%; margin:0 auto; height:auto;}
.xxnr ul{ margin:0;padding:0; width:100%;}
.xxnr ul li{ display:block; float:left; width:32%; margin:1% 0.5%; }
.xxnr ul li img{padding-right:0.3%; padding-top:1%;}
.title_1{width:95%; height:auto; margin:0 auto; padding-top:5%; padding-bottom:5%; }
/*����*/
.question{ width:95%; height:5rem; margin:0 auto; margin-top:1rem;}
.wt_left1{ width:70%; height:3rem; line-height:3rem; font-size:1.6rem; float:left; background:#FFFFFF; border:1px solid #999999; border-radius: 0.4rem;  margin-top:1rem; padding-left:1%;}
.wt_right1{  width:28%; height:3rem; line-height:3rem; font-size:1.4rem;  float:right; background:#e10c2a;  text-align:center; font-weight:bold;   border-radius: 0.4rem;margin-top:1rem; }
.wt_right1 a{ color:#FFFFFF;}
/*�ᱨ�*/
.question1{ width:95%; height:6.5rem; margin:0 auto; margin-top:1rem; margin-bottom:1rem;}
.left{ width:70%; height:3rem; line-height:3rem; font-size:1.6rem; float:left;  }
/*.wt_left .shuru { width:100%; height:3rem; line-height:3rem; font-size:1.6rem; float:left; background:#FFFFFF; border:1px solid #999999; border-radius: 0.4rem;  margin-top:0.2rem; padding-left:1%;}*/
.wt_right{  width:28%; height:6.3rem; line-height:6rem; font-size:1.4rem;  float:right; background:#e10c2a;  text-align:center; font-weight:bold;   border-radius: 0.4rem;margin-top:0.2rem;}
.wt_right a{ color:#FFFFFF;}
 .pinpai{ width:95%; margin:0 auto; }
 .pinpai img{ width:100%;}
 .wzjs{ width:95%; font-size:1.4rem; line-height:2rem; text-align:center; padding-bottom:1%;}

 .zp{ width:95%; margin:0 auto; height:auto}
  .zp ul li{ display:block; float:left; margin-right:0.5%; position:relative; margin-bottom:0.25%;}
  .zp ul li img{ display:inline;}
  .zp ul li.zp_1{ display:block; float:left; margin-right:0.25%; margin-left:0.25%; width:32.5%; }
  .zp ul li.zp_2{ display:block; float:left; margin-right:0.25%; margin-left:0.25%; width:32.5%; }
  .zp ul li.zp_3{ display:block; float:left; margin-right:0.25%; margin-left:0.25%; width:32.6%; }
  .zp ul li.zp_4{ display:block; float:left; margin-right:0.25%; margin-left:0.25%; width:32.5%; }
  .zp ul li.zp_5{ display:block; float:left; margin-right:0.25%; margin-left:0.25%; width:32.5%; }
    .zp ul li.zp_6{ display:block; float:left; margin-right:0.25%; margin-left:0.25%; width:32.8%; } 
.dianhua{ width:95%; margin:0 auto; border-radius: 0.4rem; height:4rem; line-height:4rem; text-align:center; font-size:2.2rem; background:#d80017;}
.dianhua a{ color:#FFFFFF; font-weight:bold;}
.h20{ height:2rem;}

/*��ҵ*/
 .jybz{ width:95%; margin:0 auto; height:auto}
  .jybz ul li{ display:block; float:left;  position:relative; width:32%; margin-right:0.5%; margin-bottom:0.5%;}
  .jybz ul li img{ display:inline;}

.jybz .tim {font-size:1.3rem; height:2rem;line-height:2rem;position: absolute;bottom:0.025rem;left: 0px;text-align: center; width: 100%;background: #000000;opacity: 0.65;color: #fff;}
.more{ text-align:center;  margin:2%;}
h2{ font-size:2.2rem;color:#6daf2e; padding:1%;}
h3{ font-size:1.5rem; font-weight:normal;}
.wenti{ width:95%; margin:0 auto;}
.wenti ul li{ display:block; float:left; width:22.5%; height:auto; padding-bottom:2%;; background:#6daf2e; color:#FFFFFF; margin-right:1.5%; margin-left:1%; padding-top:2%; margin-top:2%;}
.wenti ul li img{ width:60%; }
.wenti p{ font-size:1.3rem;}
.wenti a{ color:#FFFFFF;}

/*�����*/
.call {width:95%; margin:1rem auto;background:#FFFFFF;}
.call a {display: block; color: #fff;text-align: center;margin: 0 auto;height:3rem;line-height:3rem;background: #e10c2a;}
.sxkt img{display:block;margin-bottom:0.8rem;}
.sxkt{margin-top:1.2rem;}
.xszp{width:93.75%;margin:1rem auto;}
.qtwt{width:82.8%;margin:1rem auto;}
.flex{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:93.75%;margin:1rem auto;}
.xszp li{width:31.5%;margin-bottom:0.6rem;}
.qtwt li{width:20.5%;margin-bottom:0.6rem;}



.zy_box{width:93.75%;margin:0.7rem auto;}
.zy1{margin: 1.35% auto;}
.zy2>li{float:left;width:33.66%;}
.zy2>li:first-child{margin-right:1.35%;}
.zy2>li:last-child{width:31.33%;}
.zy1>li{float:left;width:68.67%;}
.zy1>li:last-child{width:31.33%;}
.zy_mc li{float:left;width:65%;text-align: center;background: #85624E;margin:0;padding: 0.8rem 0;}
.zy_mc li.zx{width:35%;background: #B3ECE7;font-weight: 500;}
.zy_mc li a{color: #fff;}
.zy_mc li.zx a{color: #85624E;}
.zy_btn{background: #FFE9DC;}
.zy_btn div{text-align: center;font-size: 1.6rem;line-height: 2.0rem;color: #85624E;}
.zy_btn a{display:block;text-align: left;font-size: 1.6rem;line-height: 2.0rem;position: relative;margin: 0.5rem auto;color: #fff;background: #85624E;padding:1rem 0;box-sizing:initial;}
.zy_btn a icon{position: absolute;font-size: 2rem;}
.zy_mc li.jdxd{font-size: 1.6rem;line-height: 4.0rem;}

@media screen and (max-width:340px) and (min-width: 280px) { 
.zy_btn a{padding-left: 7%;width:72%;font-size: 1.3rem;}
.zy_btn a icon{top:31%;right: 3%;}
.zy_btn div{padding-top:2.6rem;font-size: 1.4rem;line-height: 1.7rem;}
.zy_mc li.zx{font-size: 1.4rem;line-height: 1.8rem;}
.zy_mc li{font-size: 1.3rem;line-height: 1.8rem;}
.zy_mc li.jdxd{font-size: 1.3rem;line-height: 3.6rem;}
}
@media screen and (max-width:375px) and (min-width: 341px) { 

.zy_btn a{padding-left: 10%;width:68%;font-size: 1.3rem;}
.zy_btn a icon{top:31%;right: 5%;}
.zy_btn div{padding-top:2.6rem;}
.zy_mc li.zx{font-size: 1.5rem;line-height: 2.0rem;}
.zy_mc li{font-size: 1.4rem;line-height: 2rem;}




}
@media screen and (max-width:400px) and (min-width: 376px) { 
.zy_btn a{padding-left: 10%;width:68%;font-size: 1.5rem;}
.zy_btn a icon{top:31%;right: 4%;}
.zy_btn div{padding-top:3.2rem;}
.zy_mc li.zx{font-size: 1.65rem;line-height: 2.0rem;}
.zy_mc li{font-size: 1.5rem;line-height: 2rem;}




}
@media screen and (max-width:440px) and (min-width: 401px) { 

.zy_btn a{padding-left: 10%;width:68%;}
.zy_btn a icon{top:31%;right: 6%;}
.zy_btn div{padding-top:3.7rem;}

.zy_mc li.zx{font-size: 1.6rem;line-height: 2.0rem;}
.zy_mc li{font-size: 1.6rem;line-height: 2rem;}










}
@media screen and (max-width:639px) and (min-width: 441px) { 

.zy_btn a{padding-left: 17%;width:62%;font-size: 1.5rem;}
.zy_btn a icon{top:31%;right: 14%;}
.zy_btn div{padding-top:5.3rem;}
.zy_mc li.zx{font-size: 1.85rem;line-height: 2.0rem;}
.zy_mc li{font-size: 1.6rem;line-height: 2rem;}







}
@media screen and (min-width: 640px) { 
 
.zy_btn a{padding-left: 18%;width:60%;}
.zy_btn a icon{top:31%;right: 22%;}
.zy_btn div{padding-top:7rem;}
.zy_mc li.zx{font-size: 1.85rem;line-height: 2.0rem;}
.zy_mc li{font-size: 1.6rem;line-height: 2rem;}








}

.clearf:after,.clearf:before{content:"";display:block; }
.clearf:after {clear:both;}
.clear{ clear:both;}