@charset "utf-8";

*{ margin:0; padding:0}
ul{ list-style-type:none;}
a{ text-decoration:none;}
img{ border:0; vertical-align:top;}
.fr{ float:right;}
.fl{ float:left;}
hr{ margin:5% auto;}
body{ font-family:"微软雅黑";}

.page_wrap {color: #000000;font-family: "Microsoft YaHei"; background:#ffffff; overflow:hidden; margin: 0 auto; max-width: 640px;min-width: 320px;width: 100%; text-align:center; position:relative;}
.page_wrap img{width: 100%;}

.page_wrap .hd{padding: 0.5em 0 0;}

.page_wrap .item{ width:100%; height:auto; overflow:hidden;}
.page_wrap .item dl:first-child,.page_wrap .item dl:nth-child(4){ margin-left:7%;}
.page_wrap .item dl{ width:25%; height:auto; overflow:hidden; text-align:center; float:left; margin:6% 5% 2% 0;}
.page_wrap .item dl a{ color:#777;}
.page_wrap .item dl dt{ margin-bottom:8%;}
.page_wrap .item dl dt img{width: 90%; max-width: 106px;}

.page_wrap .headline{ width:93%; height:1.90em; overflow:hidden; margin:5% auto; text-align: left; background: url(../images/batt.jpg) no-repeat left center; background-size: auto 85%;}
.page_wrap .headline ul{padding-left: 44%;}
.page_wrap .headline a{color: #101010; font-size: 1.2em; line-height: 2em;}


.list-box{width: 100%; max-width: 640px; margin: 0 auto;}
.list-btn{padding: 5% 0; text-align: center; background-color: #f5f5f5;}
.jj_btn{width: 90%; margin: 0 auto; display: table; height: 2.6em;}
.jj_btn a{display: table-cell; vertical-align: middle; border-radius: 5px; border: 1px solid #F6A727; font-weight: bold; font-size: 1.1em;}
.jj_btn a:first-child{background-color: #F6A727; color: white;}
.jj_btn a:nth-child(2){border-color: #F0F0F0;}
.jj_btn a:last-child{background: #077DBB url(../images/icon_tel.png) no-repeat; background-size: 2.4em 2.4em; color: #077DBB; border-color: #077DBB;}
.jj_btn a:last-child p{background-color: white; line-height: 2.6em; border-radius: 5px; width: 77%; float: right;}
.jj_me{margin-top: 1em; color: #666;}
.jj_me span{color: white; background-color: #F6A727; margin: 0 0.3em; padding: 0 0.2em;}

.page_wrap .colorblock{ height:1.5em; background-color:#f5f5f5;}

.page_wrap .focus{ width:100%; height:auto; overflow:hidden; margin-top:5%;}
.tit{ height:auto; overflow:hidden; font-weight:bold; text-align: left; text-indent: 1em;}
.tit span{ color:#777; letter-spacing:2px;}
.tit img{ float:right; width: auto; height: 1.2em; margin-right: 0.5em; margin-top: 0.1em;}
.page_wrap .focus .pro{ width:100%; height:auto; overflow:hidden; margin-top:5%;}

.ques{ width:90%; height:auto; overflow:hidden; margin:8% auto;}

.page_wrap .dh{ width:100%; height:auto; overflow:hidden; margin:5% auto 0; background:#3883c6;}
.page_wrap .dh .dh1{ width:85%; height:auto; margin:0 auto; overflow:hidden;}
.page_wrap .dh .dh1 h3{ color:#ffffff; font-size:1.5em; line-height:1em; width:80%; margin-top:3%; margin-bottom:3%;}
.page_wrap .dh .dh1 h3 span{ font-size:0.7em; font-weight:100;}
.page_wrap .dh .dh1 p{ font-size:1.2em; line-height:1.3em; color:#ffff00; padding:4% 3%; background:#146ab6; }

.zixun{ width:100%; height:100%; overflow:hidden; margin-top:8%;}
.zixun #slide{width: 90%; margin: 0 auto;}
.zixun .bd .lists{ width:85%; margin:0 auto;}
.zixun .bd .lists li{ height:auto; overflow:hidden; margin-bottom:6%; border-bottom:1px dashed #ccc;}
.zixun .bd .lists li p{ width:60%; float:left; color:#9f9f9f; line-height:2em; text-align: left; margin-left: 1%;}
.zixun .bd .lists li p strong{ text-decoration:underline; color:#7a7a7a;}
.zixun .bd .lists li p span{ color:#ee7800;}
.zixun .bd .lists li a{ display:block; width:20%; height:auto; float:right; background:#077dbb; padding:2% 0 3% 0; text-decoration:underline; color:#fff; border-radius:5px; margin-right: 1%;}

.hd{text-align: center; line-height: 0.5em;}
.hd span{width: 0.5em; height: 0.5em; display: inline-block; background-color: #dfdfdf; margin: 0 0.2em; border-radius: 0.5em;}
.hd span.on{background-color: #bbb;}

.zj{ width:100%; height:100%; overflow:hidden; margin-top:8%;}
.zj li .zj_info{ height:auto; overflow:hidden;}
.zj li .zj_info img{} 
.zj li .zj_info p{ width:40%; color:#a1a1a1; float:left; text-align:left; margin-top:2%;}
.zj li .zj_info h3{ width:50%; float:left; text-align:left; margin-top:1%;}
.zj li .zj_info h3 img{ display:block; width:15%; float:right; margin-top:2.5%;}
.zj li .hzyx{ height:auto; overflow:hidden; margin:2% auto;}
.zj li .hzyx div{ width:40%; float:left; margin-left:8%;}
.zj li .hzyx div img{ width:12%; margin-right: 2%;}
.zj .zj_sc{width: 90%; margin: 1.5em auto 1em; border-top: 1px solid #a3a3a3; border-left: 1px solid #a3a3a3;}
.zj .zj_sc p{display: inline-block; width: 22%; line-height: 3em;}
.zj .zj_sc p:first-child{width: 66%;}
.zj .zj_sc p:nth-child(2){width: 34%; background-color: #077DBB;}
.zj .zj_sc p:last-child{width: 34%; background-color: #EF7700;}
.zj .zj_sc p a{display: block; color: #9F9F9F; border-right: 1px solid #a3a3a3; border-bottom: 1px solid #a3a3a3;}
.zj .zj_sc p:nth-child(2) a,.zj .zj_sc p:last-child a{color: white;}

.zxwz{ width:100%; height:100%; overflow:hidden; background-color:#ecf4ff; padding-bottom:10%;}
.zxwz .zjtx{ width:40%; margin:6% auto;}
.zxwz p{ font-size:2em; text-align:center;}
.zxwz dl{ width:25%; float:left; margin:8% 10% 0 13%;}
.zxwz dl dd{ text-align:center; margin-top:5%;}


@media screen and (min-width:320px) {
	.page_wrap {font-size:14px}
	.page_wrap .item dl a{ font-size:1em;}
	.tit{ font-size:1.2em;}
	.zixun ul li .lists li a{ margin:5% 0 0 5%;}
}

@media screen and (min-width:480px) {
	.page_wrap {font-size:16px}
	.page_wrap .item dl a{ font-size:1.2em;}
	.tit{ font-size:1.5em;}
	.zixun ul li .lists li a{ margin:2% 0 0 5%;}
}
@media screen and (min-width:640px) {
	.page_wrap {font-size:24px}
	.tit{ font-size:1.6em;}
	.zixun ul li .lists li a{ margin:4% 0 0 5%;}
}