/* CSS Document */  
* {margin:0; padding:0;}
body{ font-size:18px; line-height:1.2em;font-family:"Microsoft YaHei", Helvetica, sans-serif;margin:0;padding:0;color:#000; max-width:640px; background:#ffffff;}

.wrap{  max-width:640px;background:#ffffff; margin:0 auto; min-width:320px;}

.container{ background:#fff; max-width:640px; margin:0 auto;}

img{ max-width:100%;}

div,img,h3,h4,h5,p,dd,dl,dt,em,ul,li,span,i,textarea,figure,figcaption{margin: 0; padding: 0; border: 0;}

h1{letter-spacing:-1px;margin:0;padding:0}

h2{letter-spacing:-1px;font-size:16px;color:#000;background:inherit;margin:0 0 5px;padding:0}

p{margin:0 auto}

ul{list-style:none;margin:0;padding:0}

form{margin:0}

.left{float:left}

img{ border:none; outline:none; width:100%;}

a{text-decoration:none; color:#323232; font-style:normal; cursor:pointer; outline:none;}

a:hover{text-decoration:none;}

em,i,a{ font-style:normal;}

button{ outline:none; }

.clearfloat{clear:both;}

.clearfix:before,.clearfix:after{content:" ";display:table;}

.clearfix:after{clear:both;}

.fl{float: left;}

.fr{float: right;}

/*专题开始*/

.zh_logo{position: relative;}

.zh_logo a{position:absolute;top:0; left: 0;width:60%;float:left;height:4em;}

.zh_logo a+a{position:absolute;top:0; left: 60%;width:40%;float:left;height:4em;}





/*banner*/

.zh_banner{width: 100%;margin: auto;}



.zh_title{margin: auto ;}



.zh_dl_text{width:100%;padding: 0 2%;box-sizing: border-box;}

.zh_dl_text p{margin:5% auto;text-indent: 2em;text-align: justify;font-size: .75em;}



.zh_dl_button{width:96%;margin:10% auto;border: 1px solid #d3d3e2;color: #969696;text-align: center;font-size: .8em;height: 1.8rem;line-height: 1.8rem;}



.zh_dl_button button{background: #e3c1a5;color: #ffffff;float: right;font-size: 1.4em;height: 1.8rem;line-height:1.8rem;font-weight: bold;padding: 0 5%;}



.zh_dl_jt{width:96%;margin: auto;}

.zh_dl_jt img{width:35%;float: left;}

.zh_dl_jt ul{width: 60%;float: left;margin-left: 5%;}

.zh_dl_jt li:first-child{background: #905a2e;color: #FFFFFF;width: 32.5%;text-align: center;font-size:1em ;margin-bottom: 3%;}

.zh_dl_jt li{font-size: .75em;line-height: 1.65em;}

.zh_dl_jt li span{color: #a7774f;}



.zh_dl_qz{margin:5% auto;text-align: center;}

.zh_dl_qz button{font-size: 1em;background: #905a2e;color: #FFFFFF;width: 20%;}



.zh_dl_list li{float:left;width:47.2%;background: #e0ce96;height: 15em;color: #FFFFFF;}

.zh_dl_list li img{width: 35%;}

.zh_dl_list li h3{font-size: 1.5em;margin-left: 5%;}

.zh_dl_list li h3 b{font-weight: normal;}

.zh_dl_list li h4{font-size: 1.2em;font-weight: normal;margin-top: 10%;margin-left: 5%;line-height: 2em;}

.zh_dl_list li p{width:90%;color: #383838;font-size: .8em;margin: 10% auto 20%;height: 4em;}

.zh_dl_list li+li{margin-left: 5%;background: #b9e1e0;}

.zh_dl_list li a{color: #FFFFFF;margin-left: 5%;text-decoration: underline;}



.zh_dl_list2{width:96%;margin: auto;}

.zh_dl_list2 img{width: 20%;float: left;}

.zh_dl_list2 div{width:80%;float:left;border-radius: 10px;background: #eef2f4;font-size: .75em;box-sizing: border-box;padding: 5% 2%;}

.zh_dl_list2 div p{margin-top: 2%;}



.zh_dl_list3{width:96%;margin:5% auto;border:1px solid #e3c1a5;border-radius: 10px; position: relative;display: table;}

.zh_dl_list3 div{width:70%;padding: 5% 3%;text-align: center;background: #e3c1a5;border-top-left-radius:10px ;border-bottom-left-radius:10px; }

.zh_dl_list3 div img{margin: auto;}

.zh_dl_list3 div h5{color: #FFFFFF;font-size: 1.2em;font-weight: normal;}

.zh_dl_list3 p{width: 66%;font-size: .75em;margin-left: 30%;display: table-cell;vertical-align: middle;padding: 0;}

.zh_dl_list3 i{width:1em;height:1em;line-height: .8em;text-align: center;  position: absolute;top: 20%;left: 22%;font-size: 1.5em;border: 1px solid #e3c1a5;border-radius: 50%;background: #FFFFFF;color: #e3c1a5;font-weight: bold;}





.zh_dl_list4 {font-size:.9em ;margin-top: 5%;width:96%;margin: auto;padding:3% 0;border-bottom: 1px solid #e4e4ee;}

.zh_dl_list4 a img{width:40%;float:left;}

.zh_dl_list4 ul{width:57%;float:left;margin-left: 3%;height: 9em;}

.zh_dl_list4 ul li{font-size: .8em;}

.zh_dl_list4 ul li h4{font-size: 1.4em;color: #a7774f;font-weight: normal;margin-bottom:3%;}



.zh_dl_list5{width:96%;margin: 2% auto;display: table;}

.zh_dl_list5 ul li{width:49%;float: left;margin: 1% 0;border: 1px solid #e6e4e1;box-sizing: border-box;border-radius: 5px;display: table;vertical-align: middle;}

.zh_dl_list5 ul li:nth-child(even){margin-left: 2%;}

.zh_dl_list5 ul li p{width:52%;font-size: .75em;color: #3a3a3a;padding: 0 2%;text-align: left; display: table-cell;vertical-align: middle;}

.zh_dl_list5 div{margin: 5% auto;text-align: center;}

.zh_dl_list5 a{background:#905a2e; border-radius: 10px;font-size: 1em;color: #FFFFFF; font-weight: bold;padding: 2% 1%;}

.zh_dl_list5 a+a{margin-left: 5%;background: #e3c1a5;}



.zh_dl_dh li{display: table;vertical-align: middle;}

.zh_dl_dh li:nth-child(odd){padding-left: 5%;margin-bottom: 2%;}

.zh_dl_dh li>img{width: 80%;}

.zh_dl_dh li p{width:85%;display: table-cell;font-size: .75em;vertical-align: middle;}

.zh_dl_dh li div{clear: both;}





.zh_dl_dh .zh_dl_wyo{background: #eef2f4;border-radius: 10px;padding: 5% 2%;width: 92%;margin:0 auto 5%;height: 4em;}

.zh_dl_dh .zh_dl_wyo>img{width:10%;float:left;}

.zh_dl_dh .zh_dl_wyo p{width: 85%;float: left;margin-left: 2%;}

.zh_dl_dh .zh_dl_wyo p a{color: #f90c0c;}

.zh_dl_dh .zh_dl_wyo div{float: right; color: #9a9a9a;font-size: .75em;width: 70%;}

.zh_dl_dh .zh_dl_wyo div img{vertical-align: middle;margin: 0 2%;width: 5%;}

.zh_dl_dh .zh_dl_wyo div img+img{margin-left: 10%;}





@media (min-width:320px) and (max-width:359px) { 

	body{ font-size:10px; } 

	.zh_dl_dh .zh_dl_wyo div img+img {margin-left: 0; }

.zh_dl_dh .zh_dl_wyo {height: 4em;}

}



@media (min-width:360px)and (max-width:404px) {  

	body{ font-size:12px; }	

	.zh_dl_button {height: 2.5rem;    line-height: 2.5rem;}

.zh_dl_button button{height: 2.5rem;    line-height: 2.5rem;}

	

}



@media (min-width:405px)and (max-width:425px) {  

	body{ font-size:16px; }	

	.zh_dl_button {height: 2.5rem;    line-height: 2.5rem;}

.zh_dl_button button{height: 2.5rem;    line-height: 2.5rem;}

	

}



@media (min-width:426px)and (max-width:468px) {  

	body{ font-size:18px; }	

	.zh_dl_button {height: 2.8rem;    line-height: 2.8rem;}

.zh_dl_button button{height: 2.8rem;    line-height: 2.8rem;}

	

}



@media (min-width:468px)and (max-width:479px) {  

	body{ font-size:19px; }

	.zh_dl_button {height: 2.8rem;    line-height: 2.8rem;}

.zh_dl_button button{height: 2.8rem;    line-height: 2.8rem;}		

	

}



@media (min-width:480px)and (max-width:639px) { 

	body{ font-size:20px; }

	.zh_dl_button {height: 2.8rem;    line-height: 2.8rem;}

.zh_dl_button button{height: 2.8rem;    line-height: 2.8rem;}

}

@media screen and (min-width: 640px){ 

	body{ font-size:24px; width:640px; margin:0 auto;}	

	

.zh_dl_button {height: 2.8rem;    line-height: 2.8rem;}

.zh_dl_button button{height: 2.8rem;    line-height: 2.8rem;}

}