@media screen and (max-width: 400px) {
.headers{
height:5rem;
}
.an1{
font-size: xx-small!important;
       left: 4rem !important;
}
.an2{
font-size: xx-small!important;
     width: 49%!important;
}
.wenzhang-1{
    font-size: xx-small;
	}
	.wenzhangs-1{
	font-size: xx-small;
	}
.dao{
line-height:initial!important;
}	
.shoushu-sb{
font-size: xx-small!important;
}
.shoushu-2 text{
font-size: xx-small!important;
}
.shoushu-3 text{
font-size: xx-small!important;
}
.shoushu-sbt{
    margin-top: 30px!important;
}
.shouann {
font-size: 1.5rem!important;
    width: 18%!important;
}
.dizhis{
font-size: xx-small;
}
.gldby_right text{
	font-size: xx-small!important;
}
.ganglie_ms{
	font-size: xx-small!important;
}
.gldby_botom{
	font-size: xx-small!important;
}
.gldby_wenzhangs{
	font-size: xx-small!important;
}
.jingti span{
	font-size: xx-small!important;
}
.jingti text{
	font-size: xx-small!important;
}
.yfdz div span{
	font-size: xx-small!important;
}
.yfdz_1{
	 background:#fca346;
	     height: 4rem!important;
}
.yfdz_2{
	background:#fdc081;
	    height: 4rem!important;
}
.yfdz_3{
	       height: 4rem!important;
		background:#f4810a;
}
.yfdz_zhu div text{
	font-size: xx-small!important;
}
}
 
body{
margin:auto;
max-width:640px;
min-width:340px;
background:#fbfbfb;
}
header{
background:#2261a6;
display: grid;
grid-template-columns: 65% 5% 30%;
height:6rem;
}
.ycwc-logo{
margin:auto;
}
.ycwc-dhua{
margin:auto;
}
.xian{
    color: #fff;
    margin: auto;
}
main{
width:100%;

}
.banner{
width:100%;
}
.dht{
width:100%;
margin:auto;
text-align: -webkit-center;
}
.djzt{
width:100%;
margin:auto;
text-align: -webkit-center;
padding: 1rem 0 1rem 0;
}
.djzt_1{
	width:100%;
margin:auto;
text-align: -webkit-center;
padding: 1rem 0 0 0;
}
.dhts{
width:93%;
margin:auto;
text-align: -webkit-center;
margin-top:10px;
}
.daodu{
display: grid;
grid-template-columns: 25% 75%;
background: #1d2d72;
}
.wenzhang{
width:100%;
}
.wenzhangs{
width:95%;
    margin: auto;
	    padding: 0rem 0rem 2rem 0rem;
}
.wenzhang-1{
    letter-spacing: 2px;
    line-height: 1.5rem;
    text-indent: 34px;
       width: 95%;
    margin: auto;
	 color: #343333;
}
.wenzhangs-1{
    letter-spacing: 2px;
    line-height: 1.2rem;
    text-indent: 34px;
       width: 100%;
    margin: auto;
	 color: #343333;
}
.daodu-1{
    display: grid;
    grid-template-columns: 50% 50%;
    width: 80%;
   
    margin: auto;
	grid-template-rows: 50% 50%;
}
.mokuai{
width:100%;
   
}
.mokuai2{
width:100%;

}
.zczz{
	 display: grid;
	  grid-template-columns: 50% 50%;
}
.zczz_djzx{
	
	 display: grid;
	  grid-template-columns: 50% 50%;
	  
}
.zczz div >.zczzimg{
	    width: 156.8;
    height: 222;
}
.zczz div{
	    margin: auto;
    text-align: -webkit-center;
}
.zczz_djzx div{
	    margin: auto;
    text-align: -webkit-center;
}
.zczz_djzx div >img{
	width:70%;
}
.gdyhxm{
width:100%;
}
.gdyhxm-s{
    margin: auto;
    width: 100%;
    display: grid;
    grid-template-columns: 13% 87%;
    border-style: none none dashed;
    border-width: 2px;
    border-color: #000;
    margin-top: 1rem;
}
.xuxian{
	   border-style: none none dashed;
    border-width: 2px;
    border-color: #000;
	 width: 100%;
	 margin-top:0.1rem;
}
.gdyhxm_img >img{
	
	width:100%;
}
.gdyhxm_neirong{
	padding:0.4rem;
}
.zcydy div >div{
	    padding: 1.5rem 0.1rem 1.5rem 0.5rem;
color:#fff;}

.zcydy_1{
	    display: grid;
    grid-template-columns: 40% 30% 30%;
	    grid-gap: 0.2rem;
}
.zcydy_2{
	    display: grid;
    grid-template-columns: 38% 24% 38%;
	    grid-gap: 0.2rem;
		    margin-top: 0.2rem;
}
.zcydy_3{
	    display: grid;
    grid-template-columns: 50% 50%; 
	    grid-gap: 0.2rem;
		    margin-top: 0.2rem;
}
.zcydy_4{
		    display: grid;
    grid-template-columns: 38% 24% 38%;
	    grid-gap: 0.2rem;
		    margin-top: 0.2rem;
}
.zcydy{
     text-align: -webkit-center;

}
.bxzx-anniu{
text-align: -webkit-center;
   display: grid;
	 grid-template-columns: 50% 50%;
	 position:relative;
	 font-size:14px;
	 margin-top: 1rem;
}
.an1{
    text-align: -webkit-center;
    width: 66%;
    border: 2px dotted #2292a7;
    border-radius: 1rem;
    height: 2rem;
    color: #2292a7;
    line-height: 2rem;
    /* margin-left: 5rem; */
    position: relative;
    left: 6rem;

}
.an2{
    text-align: -webkit-center;
    width: 69%;
    background: #ffa100;
    border-radius: 1rem;
    /* height: 2rem; */
    color: #fff;
    line-height: 2.1rem;
    /* margin-right: 22rem; */
    position: relative;
    left: -4rem;
}
.dao{
margin: auto;
    background: #ffa100;
    width: 100%;
    height: 100%;
    font-size: 34px;
    text-align: -webkit-center;
    color: #fff;
    line-height: 3rem;
}

.yishengs{
    width:100%;
   text-align: -webkit-center;
	    margin-top: 1rem;
}
.yishengs-1{
display:grid;
width:90%;
 grid-template-columns: 25% 25% 25% 25%;
}
.dhtdbf{
width:100%%;
margin:auto;
text-align: -webkit-center;
margin-top:1rem;
}
.shoushu-sb{
width:90%;
display:grid;
    grid-template-columns: 43% 57%;
 margin:auto;
}
.shoushu-sbt{
    width: 74%;
    background: #e0faff;
    border: 2px solid #2292a7;
    border-radius: 1rem;
	    margin: auto;
		margin-top: 21px;
}
.shebk-1{
width: 100%;
 border-radius: 1rem;
}
 .shebk{
     position: relative;
    left: -13px;
    top: -16px;
}
.shoushu-2{
display: block;
     width: 73%;

}
.shoushu-3{
width:100%;
display:block;
}
.shoushu-3 text:first-child{
 display: block;
    font-size: 18px;
    font-weight: bold;
	color:#2292a7;
	    margin-top: 12px;
}
.shoushu-2 text:first-child{

    display: block;
    font-size: 18px;
    font-weight: bold;
	color:#2292a7;
}
.shoushu-2 text:nth-child(2){
    display: block;
    font-size: 15px;
    font-weight: bold;
	color:#889597;
}

.shouann{
    float: right;
    font-size: 2rem;
    width: 2.5rem;
    background: #48a7b9;
    text-align: -webkit-center;
	    color: #fff;
}
.shoushu-4{
display: grid;
    grid-template-columns: 50% 50%;
    width: 100%;
	margin-top: 0.5rem;
	
	
	
	
}
.sosu-1{
    width: 17%;
}
.bjtyy{
    grid-template-columns: 40% 40% 20%;
    display: grid;
    width: 90%;
    margin: auto;
	    grid-gap: 2px;
}
.yybjt-1{
    grid-template-columns: 50% 50%;
    display: grid;
    grid-template-rows: repeat(2,50%);
	    grid-gap: 2px;
	}
.yybjt-2{
    grid-template-columns: 50% 50%;
    display: grid;
    grid-template-rows: repeat(2,50%);
	    grid-gap: 2px;
	}	
	.yybjt-3{
	  
    display: grid;
    
	    grid-gap: 2px;
	}	
	.yybjt-001{
	grid-column:1/3;
	    width: 99%;
	}
.yybjt-002{
	    grid-column: 1/2;
    width: 200%;
}	
.jqiqi{

    width: 90%;
    margin: auto;
display:grid;
grid-template-columns:repeat(3,33.3333%);
}

.lxrx{
display:grid;
grid-template-columns:70% 30%;

margin:auto;
width:90%;
}
.lxrx-1{
    text-align: -webkit-center;
    margin:auto;
}
.dizhis{
    text-align: -webkit-center;
    margin: auto;
    line-height: 1.5rem;
    color: #222222;
    display: grid;
    letter-spacing: 2px;

       margin-top: 2rem;
}
.fhdb{
    margin: auto;
    text-align: -webkit-center;
    margin-top: 2rem;
}
.dibus{
   margin: auto;
    text-align: -webkit-center;
   background:#2261a6;
       grid-template-columns: repeat(4,25%);
	     margin-top: 1rem;
	   display:grid;
}
.dibus div{
    display: grid;
    margin: auto;
	width:100%; 
	    border-right: 1px solid #fff;
	
}
.dibus div :nth-child(2){
color:#fff;

}
.dibus div img{

  padding: 0.5rem;
}
.kuang{
	    width: 90%;
    margin: auto;
    border: 2px solid #f4810a;
    border-radius: 0.5rem;
	
}
.ganglitu{
	     text-align: -webkit-center;
}
.biaoti{
	
    width: 50%;
    background: #f4810a;
    text-align: -webkit-center;
    margin: auto;
    margin-top: -17px;
    font-weight: bolder;
    border-radius: 1rem;
    padding: 0.5rem;
    color: #fff;
}

.ganglie_qi{
	display: grid;
    grid-template-columns: 33% 33% 33%;
    text-align: -webkit-center;
    font-weight: bolder;
	    color: #032a49;
		    padding: 0.5rem;
}
.ganglie_ms{
    display: grid;
    grid-template-columns: 33% 33% 33%;
    width: 96%;
    margin: auto;
    
    color: #727272;
    grid-gap: 0.2rem;
	      padding: 0rem 0rem 1rem 0rem;
}
.gldby{
	 display: grid;
    grid-template-columns: 50% 50% ;
}
.gldby_biaoti{
	    display: block;
    border-bottom: 1px dashed;
}
.gldby_wenzhang span{
	color: #f4810a;
    font-weight: bolder;
}
.gldby_biaoti span{
    color: #f4810a;
    font-weight: bolder;
	
}
.gldby_right{
	        padding: 0rem 9px;
    display: grid;
    grid-template-rows: 50% 50%;
}
.gldby_left {
	    margin: auto;
    width: 95%;
}
.gldby_botom{
		    margin: auto;
    width: 90%;
	    padding: 1rem;
}
.mokuai_2{
	background-color:f3f3f5;
}
.sbgl_1{
	display:grid;
	  grid-template-columns: 33% 33% 33%;
	  margin: auto;
	  width:90%;
}
.sbgl_2{
      display: grid;
    grid-template-columns: 50% 50%;
    width: 100%;
}
.sbgl_tw{
	    display: grid;
  
}
.sbgl_tws{
	    display: grid;
   
}
.gldby_wenzhangs{
	    width: 90%;
    margin: auto;
}
.sbgl_sf{
	      padding: 0 19% 0% 19%;
}
.glbzwh{
display:grid;	
 grid-template-columns: 33% 33% 33%;
 width:90%;
 margin: auto;
}
.glbzwh_1{
	padding:0.5rem;
}
.jingti{
	    width: 90%;
    margin: auto;
}
.jingti span{
	color: #f4810a;
    font-weight: bolder;
    font-size: 1.5rem;
}
.jingti text{
	color:#161616;
	    line-height: 1.2rem;
}

.yfdz{
   margin: auto;
    text-align: -webkit-center;
  
       grid-template-columns: repeat(5,20%);
	     margin-top: 1rem;
	   display:grid;
	   width:90%;
}
.yfdz div{
    display: grid;
    margin: auto;
	width:100%; 
	  
	
}
.yfdz div :nth-child(2){
color:#fff;

}
.yfdz div img{
}
.yfdz_1{
	 background:#fca346;
	     height: 7.5rem;
}
.yfdz_2{
	background:#fdc081;
	    height: 7.5rem;
}
.yfdz_3{
	       height: 7.5rem;
		background:#f4810a;
}
.yfdz_zhu{
	display:grid;
	 grid-template-columns: repeat(2,50%);
	     width: 90%;
    margin: auto;
	    padding: 1rem;
	
}
.yfdz_img{
	width: 80%;
    border: 2px solid #ccccce;
}
.yfdz_img img{
	    position: relative;
    top: -9px;
    left: 11px;
}