@charset "utf-8";
/* Style Reset */
*{ margin:0; padding:0}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px;color:#666}
img{ border:0;max-width: 100%;}
.ccsl{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
.clear {clear:both;}
body{ width:100%;max-width:512px; margin:0 auto; background:#333; font-size:12px; line-height:24px; color:#333}
.mainWarp{width:100%;max-width:512px; margin:0 auto; background:#fff;}

.header{width:100%; max-width:512px; margin:0 auto;}
.header .headerbox{position:fixed;width:100%;max-width:512px;top:0;height:54px;z-index:99;background: -webkit-linear-gradient(bottom left,#3276e0,#2A62AD);
    background: -ms-linear-gradient(bottom left,#90d327,#1aad19);
    background: -moz-linear-gradient(bottom left,#90d327,#1aad19);
    background: -o-linear-gradient(bottom left,#90d327,#1aad19);
    background: linear-gradient(bottom left,#90d327,#1aad19);}
.hicon{ position:absolute; top:7px; left:5px; height:40px;cursor:pointer}
.hicon img{ height:40px}
.hlogo{width:80%; margin:0 auto}
.hlogo p{ text-align:center;color:#fff; height:54px; line-height:54px; font-size:20px}
.black-fixed{position:absolute; top:0; left:5px; height:54px; line-height:50px; font-size:46px; color:#fff; display:none; cursor:pointer}

.menu{width:100%; max-width:512px; margin:0 auto;}
.menu .menubox{position:fixed;width:100%;max-width:512px;top:54px;height:0;z-index:999;}
.menu .menubox ul{ overflow:hidden; width:0; background: rgba(0,0,0,0.8);transition: all 0.5s;}
.menu .menubox ul li{padding:0 10px;background:url(../images/jt.png) right 10px center no-repeat; border-bottom:1px solid #343434; height:60px; line-height:60px; margin:3px}
.menu .menubox ul li a{ color:#fff; display:block; font-size:18px; padding-left:5px}
.menu .menubox ul li:hover{ background:#fff url(../images/jt2.png) right 10px center no-repeat;}
.menu .menubox ul li:hover a{ color:#2b2b2b;}



.h5nav{width:100%; max-width:512px; margin:0 auto;}
.h5navBox{padding-top:2px;padding-bottom:4px;position:fixed;width:100%;max-width:512px;bottom:0;height:54px;z-index:999;background: -webkit-linear-gradient(bottom left,#3276e0,#2A62AD);
    background: -ms-linear-gradient(bottom left,#90d327,#1aad19);
    background: -moz-linear-gradient(bottom left,#90d327,#1aad19);
    background: -o-linear-gradient(bottom left,#90d327,#1aad19);
    background: linear-gradient(bottom left,#90d327,#1aad19);}
.h5navBox .h5navitem{ width:25%; height:54px; float:left; overflow:hidden}
.h5navBox .h5navitem a{ display:block}
.h5navBox .h5navitem img{ margin:3px auto; height:30px;display:block}
.h5navBox .h5navitem p{ text-align:center; height:18px; line-height:18px; color:#fff}


.part4{ width:100%; height:40px;background: -webkit-linear-gradient(bottom left,#3276e0,#2A62AD);
    background: -ms-linear-gradient(bottom left,#90d327,#1aad19);
    background: -moz-linear-gradient(bottom left,#90d327,#1aad19);
    background: -o-linear-gradient(bottom left,#90d327,#1aad19);
    background: linear-gradient(bottom left,#90d327,#1aad19); color:#fff; margin-top:10px}
.part4 .tit{ float:right; padding-right:5px; font-size:14px; height:40px; line-height:40px; color:#fff}
.part4 .img{ float:right; padding-right:10px;width:10px; height:32px; }
.part4 .img img{width:10px; height:10px; margin-top:18px}

.footer{ padding:20px;}
.footer .con{ text-align:center;color: rgb(153, 153, 153); font-size:16px;}

.kbox{ background:#F0F2F5; width:100%; height:5px}

.contitbox{ height:24px; padding:12px 0; overflow:hidden; border-bottom:1px solid #f0f0f0; }
.contitbox a{}
.contitbox p{ width: 100px;border-left:10px solid #3276e0;color: #333; height:24px; float: left; font-size:18px;line-height:24px; padding-left:10px}
.contitbox .more{position: relative; float: right;height: 24px;padding-right: 10px;  }


.part1{ padding:15px 8px; font-size:14px; overflow:hidden}
.part1 img{ float:left; width:44%; padding-right:10px}


.part2{ padding:5px;}
.part2_l{ width:50%; float:left; height:217px; overflow:hidden; padding-bottom:5px}
.part2_l .img{ height:217px; width:100%;background-size: cover;background-position: center;background-repeat: no-repeat;}
.part2_r{ width:49%; float:right; overflow:hidden; height:217px;}
.part2_r .img{height:106px; width:100%;background-size: cover;background-position: center;background-repeat: no-repeat; margin-bottom:5px}
.part2_b{width:50%; float:left; height:82px; overflow:hidden; padding-bottom:5px}
.part2_b .img{height:82px; width:100%;background-size: cover;background-position: center;background-repeat: no-repeat; margin-bottom:5px}
.part2_b2{width:49%; float:right; height:82px; overflow:hidden;}
.part2_b2 .img{ height:82px;width:100%;background-size: cover;background-position: center;background-repeat: no-repeat;}


.part3{ padding:10px}
.part3box{ width:100%; border:1px solid #e6e6e6; padding-bottom:10px; overflow: hidden;} 
.part3box .tp{ border-bottom:1px solid #e6e6e6; font-size:16px; color:#666;width: 100%; height: 185px; overflow: hidden; }
.part3box .tp img{ display:block; width:100%;}
.part3box .tit{ margin:0 15px; border-bottom:1px solid #e6e6e6; font-size:16px; color:#666; padding:10px 0}
.part3box .tit a{color:#666;}
.part3box .sub{ height: 45px; overflow: hidden; margin: 5px 0;padding:0px 15px;color: #ababab; font-size:14px; line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.part3box span.date{ padding:10px 15px;font-size:14px;color: #ababab; }


.part5{ padding-bottom:10px}
.part5 ul.ul1{ padding:5px; overflow:hidden}
.part5 ul.ul1 li{ float:left; width:31.3%; margin:1%}
.part5 ul.ul1 li img{ display:block; width:100%}
.part5 ul.ul2{ padding:0 5px; overflow:hidden}
.part5 ul.ul2 li{float:left; width:48%; margin:0 1%}
.part5 ul.ul2 li img{display:block; width:100%}


.part6{ padding:0 10px}
.part6 ul{ overflow:hidden}
.part6 ul li{ border-bottom:1px solid #F0F2F5; padding-bottom:10px; background:url(../images/jt4.png) right top 19px no-repeat}
.part6 ul li a{ background:url(../images/dian.png) center left no-repeat; color:#333;font-size: 16px; height:50px; line-height:50px; padding-left:20px; padding-right:20px}
.part6 ul li span{color: #ababab; font-size:14px; padding-left:20px;}



.part7{ padding:0 10px}
.part7 ul{ overflow:hidden}
.part7 ul li{ border:1px solid #F0F2F5; /*width: 95px; */border-radius: 2px; float: left; margin:10px 10px 0 10px;text-align: center;}
.part7 ul li a{color:#333;font-size: 14px; height:40px; line-height:40px; padding-left:10px; padding-right:10px}
.part7 ul li span{color: #ababab; font-size:14px; padding-left:20px;}





ul.piclsitul{padding:10px 5px 20px; overflow:hidden}
ul.piclsitul li{ width:46%; margin:2%; float:left; overflow: hidden;}
ul.piclsitul li img{ display:block; width:230px;height: 130px;}
ul.piclsitul li p{ height:30px; line-height:30px; font-size: 16px; text-align:center}

ul.listul{padding:0 10px}
ul.listul li{border-bottom:1px solid #F0F2F5;background:url(../images/jt4.png) right top 19px no-repeat}
ul.listul li a{background:url(../images/dian.png) center left no-repeat; color:#333;font-size: 16px; height:50px; line-height:50px; padding-left:20px; padding-right:20px}


.part7{ padding:10px;}
.part7 .part7box{ position:relative}
.part7 .part7box img{ display:block; width:100%}
.part7 .part7box .tit{ background:rgba(0,0,0,0.5); width:100%; position:absolute; bottom:0; height:35px; line-height:35px}
.part7 .part7box .tit p{ padding:0 15px; color:#fff; font-size:16px}


.detailbox{ padding:20px; font-size:14px; line-height:30px;}
.detailbox .xq{}
.detailbox .xq h1{ color:#333; font-size:20px; line-height:30px; font-weight:normal}
.detailbox .xq .date{ font-size:12px; color:#999; line-height:30px}
.detailbox .xq .con{color:#666; overflow: hidden;}
.detailbox .xq .con p{ text-indent: 2em; text-align: justify;}
.detailbox .xq .con img{clear: both;      display: block;
    max-width: 100%;
    max-height: 100%;}
.detailbox .xq .prroimg{ display:block; margin:0 auto; padding:10px 0}



.zhezhaobox ul{ overflow:hidden; padding:0 20px}
.zhezhaobox ul li{ }
.zhezhaobox ul li .typeboxOne{width:100%; /*background:#f9fafbe3;*/ height:40px; line-height:40px;margin-bottom: 10px;}
.zhezhaobox ul li .typeboxOne a{ color:#fff; font-size:16px; padding-left:40px; background:url(../images/type3.png) center left 10px no-repeat}
.zhezhaobox ul li .typeboxTwo { padding-bottom: 20px; border: 1px #F51115 solid;text-align:center;}
.zhezhaobox ul li .typeboxTwo a{ color:#fff; text-align: center; font-size:16px; width:100px; height: 40px; border: 1px #FBF9F9 solid; float: left; margin:10px 20px; line-height:40px; display:block; }
.zhezhaobox ul li .typeboxTwo a:last-child{ }


.div_allinline {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	clear: both;
	margin-top: 50px;
}
.subdiv_allinline {
	margin: 20px;
	border: 1px solid #fff;
	width: 120px;
	height: 40px;
	padding: 0;
	display: inline-block;
	_display: inline;
	zoom: 1;
}

.subdiv_allinline a{
	 font-size:16px; color:#fff; height: 40px; line-height: 40px;
}







.pagebox{ text-align:center; padding-top:10px; padding-bottom:50px}
.pagebox a{ border:1px solid #ccc; padding:5px 10px; display:inline-block; color:#333; margin:3px}
.pagebox a:hover{ border:1px solid #3276e0; color:#3276e0}
.pagebox .on{ border:1px solid #3276e0; color:#3276e0}


/*page css*/
.pageone {
	width: 150px;
	height: 50px;
	text-align: left;
	line-height: 50px;
	background-color: #f3f3f3;
	float: left;
	border: 0px #CD3134 solid;
	margin-right: 20px;
	text-indent: 1em;
	margin-top: 10px;
	margin-bottom: 10px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}
.pageone:hover {
	background-color: #007cc3;
	color: #fff;
	cursor: pointer;
	-webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.pageone:hover a {
	color: #fff;
}
.pageone li a {
	color: #B7B6B6;
}
.pageone li a:hover {
	background-color: #0D76CC;
	color: #FFFFFF;
}