@charset "utf-8";
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,div{margin:0;padding:0;}
img {border: medium none;}
ul,ol,li{list-style:none;}
a{ text-decoration:none; outline:none; color:#666;}
a:hover{ color:#ff7e00}
body{font-size:14px; background:#fff; color:#666; margin-top:100px;font-family:"Microsoft YaHei","微软雅黑"}
h1,h2,h3{ font-weight:normal}
div,ul,dl,dd,dt{height:auto; overflow:hidden}

.clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; }
 
.wrap{ max-width:1200px; margin:0 auto; width:100%; min-width:300px}
.wrap img{max-width:100%;height:auto!important;}
.fl{ float:left}
.fr{ float:right}
.mg20{ margin-top:20px}
.mg30{ margin-top:30px}
.mg40{margin-top:40px;line-height: 30pt;font-size: larger;}
.mg40 p{text-align: left;}
.mg50{margin-top:50px}
.mg60{margin-top:60px}

.animate{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s;}
.fullbox{display: -webkit-flex;-webkit-align-items: stretch;-webkit-flex-wrap: wrap;display: flex;align-items: stretch;flex-wrap: wrap;}


.header{ width:100%;height:100px; position:fixed; left:0; top:0; background:#fff; z-index:999}
.logo{margin-top:15px; width:305px;}
.logo img{ width:100%}

#nav{line-height:50px;height:50px; margin-top:25px;}
#nav li{ float:right;margin:0 10px;}
#nav li a{display:block; padding:0 10px;font-weight: 400;font-size: 18px;}
#nav li a:hover{ border-bottom:2px solid #ff7e00; height:48px;}
#nav li.on a{color:#ff7e00}
.top-share{ margin-top:32px; margin-left:70px; text-align:right}
.top-share li{margin-left:10px;}
.btn-share li{ display:inline-block;cursor:pointer;height:36px;width:36px;overflow:hidden}
.btn-share li a{ display:block;width:100%; height:100%; margin:0;}
.btn-share a.qq{ background:url(../images/qq.png) no-repeat center}
.btn-share a.wx{ background:url(../images/wx.png) no-repeat center}
.btn-share a.wb{ background:url(../images/wb.png) no-repeat center}
.btn-share a.qqkj{ background:url(../images/qqkj.png) no-repeat center}
.btn-share a.bd{ background:url(../images/bd.png) no-repeat center}


.mobile-nav{display: none;float: right; margin:18px 10px; cursor: pointer;} 
.mob-nav-btn{display:block; width:27px;height:35px; background: url(../images/mob-nav-icon.png) no-repeat;background-size: 100% auto;text-indent:-9999px}
.mob-nav-menu{position:fixed;z-index: 9999;width: 100%;background: rgba(0, 0, 0, 0.8); display:none; top:60px;font-size: 18px;}
.mob-nav-menu ul li{ line-height:40px;border-bottom: 1px solid rgba(255, 255, 255, 0.07);}
.mob-nav-menu ul li a{display: block; text-align:center;color: #ffffff;}


.footer{width:100%;background:#404040;}

.f_contact{ margin:40px auto; color:#D3D3D3}
.f_contact dl{ float:left; width:375px; line-height:2;}
.f_contact dl dt{ float:left; width:55px; border-right:1px solid #D3D3D3; height:80px;}
.f_contact dl dd{ float:right; width:305px; text-align: left;}
.f_contact dl.tel dt{background:url(../images/tel.png) no-repeat top left}
.f_contact dl.email dt{background:url(../images/eml.png) no-repeat top left}
.f_contact dl.addr dt{background:url(../images/addr.png) no-repeat top left}
.f_contact dl.addr{ width:350px}
.f_contact dl.addr dd{ width:280px}

.foot_copy{ background:#333; color:#D3D3D3;line-height:2; padding:20px 0; text-align:center; font-family:Arial, Helvetica, sans-serif;}

.tit{text-align:center}
.tit h3{ font-size:24px; color:#000; font-weight:700;background:url(../images/tit.png) no-repeat center bottom; padding-bottom:30px; margin-bottom:5px;}
.tit h4{ font-size:16px; color:#696969; font-weight:normal}
.tit p{ font-size:18px; margin-top:15px;}


.case-ct div{ width:23%; margin:10px 1%; float:left; position:relative}
.case-ct div img{ width:100%; /*height:247px;*/ display:block}
.case-ct div a{ display:block}
.case-ct div span{ display:block; text-align:center; position:absolute; background:rgba(0,0,0,0.5); left:0; bottom:0; height:35px; line-height:35px;width:100%; color:#fff; font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case-ct a:hover img{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-transform:scale(1.2,1.2);}

.sub-nav a{ display:inline-block; text-align:center; width:17%; margin:3px 1%; font-size:18px; height:45px; line-height:45px; border-radius:24px; border:1px solid #bbbbbb;}
.sub-nav a:hover,.sub-nav a.on{ background:#008080; border-color:#008080; color:#fff}
.sub-nav a.s1:hover,.sub-nav a.s1.on{ background:#921b1f;border-color:#921b1f}
.sub-nav a.s2:hover,.sub-nav a.s2.on{ background:#cc0066;border-color:#cc0066}
.sub-nav a.s3:hover,.sub-nav a.s3.on{ background:#99cc00;border-color:#99cc00}

.sub-nav2 a{ display:inline-block; text-align:center; width:80%; margin:3px 1%; font-size:18px; height:45px; line-height:45px; border-radius:24px; border:1px solid #008080; background-color: #008080; color: #fff;}
.sub-nav2 a.s1{display:inline-block;text-align:center;width: 22%;margin:3px 1%;font-size: 16px;height: 35px;line-height: 35px;border-radius: 24px;border:1px solid #bbbbbb;background: transparent; color: #696969;}
.sub-nav2 a:hover{ background:#069696; border-color:#069696; color:#fff;}
.sub-nav2 a.s1:hover{ background:#921b1f;border-color:#921b1f}
.sub-nav2 a.s2:hover,.sub-nav2 a.s2.on{ background:#cc0066;border-color:#cc0066}
.sub-nav2 a.s3:hover,.sub-nav2 a.s3.on{ background:#99cc00;border-color:#99cc00}


@media screen and (max-width: 1200px){
	.wrap{ margin:0 10px;width:auto}
	.top-share{margin-left:30px;}
	#nav li{margin:0 10px;}

	.news-list dl{
    padding-bottom: 20px;
    margin-top: 20px;
    border-bottom: 1px solid #ddd;
    width: 29%;
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    }
}
@media screen and (max-width: 1000px){
	.top-share{ display:none}
	#nav li a{padding:0 8px;font-size: 16px;}
	
	.news-list dl{
    padding-bottom: 20px;
    margin-top: 20px;
    border-bottom: 1px solid #ddd;
    width: 28%;
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    }
}
@media screen and (max-width:800px){
	body{ margin-top:60px;}
	.header{height:60px;}
	.logo{ width:200px; margin-top:10px}
	#nav{ display:none}
	.mobile-nav{display: block;} 
	
	.case-ct div{ width:46%; margin:5px 2%}
	.case-ct div span{ line-height:30px; height:30px; font-size:14px;}
	.sub-nav a{ width:30%;font-size:16px; height:35px; line-height:35px;}
	.sub-nav2 a{ width:100%;font-size:16px; height:35px; line-height:35px;}
	.sub-nav2 a.s1{width: 40%; font-size:14px; height:25px; line-height:25px; margin-left: 5%;}
	.f_contact{ padding:10px 0}
	.f_contact dl{ width:100%; margin:10px 0;}
	.f_contact dl dt{ width:16%}
	.f_contact dl dd{ width:80%}
	.f_contact dl.addr{ width:100%}
	.f_contact dl.addr dd{ width:80%}
	
	.news-list dl{
    padding-bottom: 20px;
    margin-top: 20px;
    border-bottom: 1px solid #ddd;
    width: 40%;
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    }
}

@media screen and (max-width:600px){
	.mg40{ margin-top:20px}
	.tit h3{ font-size:18px;letter-spacing:2px}
	.tit h4{ font-size:14px;}
	.tit p{ font-size:14px; margin-top:10px;}
	.news-list dl{
    padding-bottom: 20px;
    margin-top: 20px;
    border-bottom: 1px solid #ddd;
    width: 39%;
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    }
}
@media screen and (max-width:400px){
	.sub-nav a{font-size:14px; height:30px; line-height:30px;}
	.sub-nav2 a{font-size:14px; height:30px; line-height:30px;}
	.sub-nav2 a.s1{font-size: 12px;height: 25px;line-height: 25px;}
	.case-ct div span{ font-size:12px;}
	.news-list dl{
    padding-bottom: 20px;
    margin-top: 20px;
    border-bottom: 1px solid #ddd;
    width: 36%;
    float: left;
    margin-left: 20px;
    margin-right: 20px;
}

.rel_newslist {
    overflow: hidden;
    padding-top: 10px;
    clear: both;
}
h1, h2, h3, h4, h5, h6, div, p, span, td, tr, table, ul, li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
user agent stylesheet
div {
    display: block;
}


.xgwz-tit{margin-bottom:5px;}
.xgwz li{width:32%;float:left;margin-top:4px;margin-bottom:4px;}


.page_top {
	position: absolute;
}
#pageTop {
	z-index: 160;
	width: 65px;
	height: 65px;
	background: url(../images/pagetop.png) no-repeat;
	position: fixed;
	_position: absolute;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	text-indent: -999px;
	cursor: pointer
}
#pageTop:hover {
	background-image: url(../images/pagetop_on.png)
}
#pageTop a {
	width: 100%;
	height: 100%;
	display: block;
}
*html #pageTop a {
	width: 65px;
	height: 65px
}
.pagex {
	width:100%;
	margin: 20px;
	overflow: hidden;
}
.mbbody_body .pagex {
	margin-left: 20px;
}
.pagex ul {
}
.pagex ul li {
	float: left;
	border: 1px solid #ccc;
	padding: 2px 9px;
	margin: 0 3px;
	line-height: 20px;
	background: #fff;
}
.pagex ul li.thisclass {
	display: inline-block;
	border: 1px solid #105195;
	padding: 2px 9px;
	margin: 0 3px;
	background: #105195;
	color: #fff;
}
.pagex ul li.thisclass a {
	color: #fff;
}
.pagex ul li a:hover {
	color: #1f9652;
}
.pagex ul li span {
	display: inline-block;
	padding: 0;
}