@charset "gb2312";
html{font-size:62.5%}body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{border:medium none;list-style-type:none;}body,button,input,select,textarea{font:14px/1.5 Microsoft Yahei,tahoma,Srial,helvetica,sans-serif;}h1,h2,h3,h4,h5,h6{font-size:100%;}rem{font-style:normal;}ul,ol,li{list-style:none;}a,a:hover{text-decoration:none;}img{border:none;}body,.ui-overlay-h{margin:0 auto;position:relative;background:#fff;}a{blr:expression_r(this.onFocus=this.blur())}a{outline:none;}input,img{vertical-align:middle;}body,html{margin:0 auto;overflow-x:hidden;}*{margin:0;padding:0;text-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}.clear{height:0;clear:both;overflow:hidden}.clearfix:after,.clear:before{display:table;content:'';}.clearfix:after{clear:both;overflow:hidden;}.clearfix{zoom:1;}.fl{float:left;display:inline;}.fr{float:right;display:inline;}.noPd{padding:0 !important;}.noMg{margin:0 !important;}.noBg{background:0 !important;}.noBd{border:none !important;}span,img,rem{display:inline-block;}
body { color:#393939; }
.container { font-size:2.6rem; line-height:150%; color:#2e3642; }
.container img { vertical-align:middle; }
.padBor { margin-bottom:40px; padding-bottom:40px; border-bottom:#2e7798 1px dashed; }
.boxShadow { padding:6px; box-shadow:0 0 10px #999; }
.mG20 { margin-bottom:20px; }
.mG40 { margin-bottom:40px; }
.mG60 { margin-bottom:60px; }
.aLink { text-align:center; }
.aLink a { width:97%; line-height:265%; border-radius:10px; color:#fff; } 
.col2 li { width:97%; margin-bottom:10px; text-align:center; }
.col2 li:nth-child(odd) { float:left; display:inline; }
.col2 li:nth-child(even) { float:right; display:inline; }
.col2 li p { line-height:200%; }

/* index */
.wrap { width:640px; margin:0 auto; }
.box {padding:3% 0;}
.box .fl{float: left;}
.box .fr{float: right;}
.area { width:90%; margin:0 auto; }
#zhj_bg{width:640px;height:393px;background:url(../images/zhj_bg.jpg);margin:0 auto !important;;}
.zj_sc{ width:100% !important; margin:3% auto; }
.box .hd { position:relative; margin-bottom:40px; text-align:center; }
.box .hd h2 { font-size:4rem; font-weight:100; line-height:150%; }
.box .title{text-align: center; padding-bottom: 2%;}
.box .title img{width:100%;}
.zj_desc h2{font-size:3.7rem; line-height:150%; color:#fff; background-color: #937344;}
.zj_desc h2 span{2.5rem;padding-left: 16px;}
.zj_zc{display:table; vertical-align: middle;}
.zj_desc .fl{width:45%;}
.zj_desc .fl img{width: 100%;display: block;}
.zj_desc .fr{width:51%;}
.zj_desc .fr ul{display: table-cell; vertical-align: middle;}
.zj_desc .fr ul li{font-size:2rem; font-weight:100; line-height:200%;}
.zj_desc li img{width:8%;float: left;padding-top: 3%;}
.zj_desc li  span{width:92%;font-size: 2.0rem;}
.box .btn_zx{ text-align: center; width: 100%; margin: 3% 0 !important;}
.box .btn_zx a{display: inline-block;width: auto;padding: 0 3%;border: 2px solid #937344;font-size: 24px;line-height: 36px;color: #937344;}
.fonts{font-size:2.0rem;text-align:center;}
.xdj_title{padding-left:6%;line-height:50px;background:#c9bb96;font-weight:bold;}
.jieshao{font-size: 2.0rem;padding: 2% 7% 6% 3%;line-height: 150%;}
.xiangmu{font-size:2.5rem;line-height:40px;background:#c9bb96;margin-top:5%;width:39%;margin-left:3%;padding-left:2%;font-weight:bold;margin-bottom:5%;}
.zj_p p{font-size: 2.0rem;padding: 2% 7% 6% 7%;line-height: 150%;}

.box .title{background-color:#937344; color:#fff; font-size:2em; line-height:2.2em; margin:3% 0;}


.box1 img{display:block; width:100%;}
.box1{background:#fff;padding: 5% 0;}
.box1 .area{ width:91%;}
.box1 .area p{ width:89%; margin:0px auto; text-align:left;}
.box1 .title{margin:6% 0 8%;}


.box2{background:#fff;padding:3% 0 5%;}
.box2 .area{ text-align:center;}
.box2 .area  img{ width:100%; margin:2em 0 1em;}
.box2 .area p{ border-bottom:1px dashed #c5c5c5;}
.box2  a{ width:50%;}
.zj_desc .zj_zc{display: block;display: table;}
.zj_desc .zj_zc ul{display: table-cell; vertical-align: middle;}
.zj_desc .zj_zc ul li{font-size:2.0rem; line-height: 180%; color: #000;}

.zxbtn{ height:2em; width:90%; background-color:#937344; margin:10px auto; border-radius:5px; font-size:3em; line-height:2em; text-align:center; }
.zxbtn a{color:#fff;}

.box .area a{ display:block; width:40%; margin:4% auto;}
.box .area a img{width:100%; display:block;}

.box3{padding-bottom: 0;}
.box3 .area{margin-bottom:2%; text-align:center;}
.box3 .area img{padding:;}

.box3 .area p{ padding:0 5%; margin:1.2em 0;}
.box3 .area .con{ width:90%; margin:0px auto;}
.box3 .area .con img{ width:100%;}
.box3 .area .con img+ img{ margin-top:1.2em; margin-bottom:1.2em;}

.box4{padding: 3% 0 3%;}
.box4 .area img{display:block; padding:2% 0;}

.compare h3{background-color: #c9bb96;padding-left:2%; font-size:5rem;line-height:2em;display: inline-block; padding:0 5%; margin:5% 0 3%;}
.compare img{display: block; width: 100%;margin: 1% 0;}

.box5{padding:2% 0 1%;}
.box5  a img{ width:100%; }
.box5 .area img{display:block; margin:5% 0;}

.box6 .area .title{ font-weight:bold; font-size:1.2em;}
.box6 .area p{ padding:1em 5%; text-align:center;}





@media (min-width:320px) and  (max-width:639px){
	html{font-size:31% !important}
	.wrap { width:100%; }
	.eqHt dd { padding-left:10px; }
	.boxShadow { padding:3px; }
	.padBor { margin-bottom:20px; padding-bottom:20px; }
	.mG20 { margin-bottom:10px; }
	.mG40 { margin-bottom:20px; }
	.mG60 { margin-bottom:30px; }
	.box .hd { margin-bottom:20px; }
	.aLink a { border-radius:5px; }

}

@media (min-width:480px) and  (max-width:639px){
	html{font-size:47% !important}
	.eqHt dd { padding-left:15px; }
	.padBor { margin-bottom:30px; padding-bottom:30px; border-width:2px; }
	.mG20 { margin-bottom:15px; }
	.mG40 { margin-bottom:30px; }
	.mG60 { margin-bottom:45px; }
	.box { padding:30px 0; }
	.box .hd { margin-bottom:30px; }
	.aLink a { border-radius:7px; }
}