@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,table,tbody,p,th,td,em{-webkit-text-size-adjust:none;margin:0;padding:0;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:"Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti; }
html,body{height:100%;font-size:16px; color:#474747;  }
img,input,button,a,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none;} 
ul,li { list-style:none; padding:0; margin:0;}
*html{background-image:url(about:blank);background-attachment:fixed;} /* 修正IE6振动bug */
a { color:#474747; text-decoration:none;}
a:hover {color:#e63737; text-decoration:none;}
.clear { clear:both;}
.fl { float: left;}
.fr { float:right;}
.wrap { width:100%;  margin:0 auto 0; overflow:hidden; }

/*头部 start*/
.header_w { padding:0 0.7em;}
.header {clear:both; max-width:1170px; padding:1.4em 0 0.9em; margin:0 auto 0;}
.header .logo {float:left;}
.header .logo img { display:block;}
.header .btn_menu { display: none;}
.header .h_R { float:right; margin-top:1em; font-size:14px; }
.header .h_R .a_lan { color:#000000; display:inline-block; margin-left:1em;}
.header .h_R .a_fav { margin-right:1em; color:#ffffff; background:#fd3832 url(images/star.png) 0.6em center no-repeat; line-height:1.85em; padding:0 0.8em 0 2em; display:inline-block;-moz-border-radius:0.2em; -webkit-border-radius:0.2em; border-radius:0.2em;}
/*头部 end*/

/*导航 start*/
.mask { display:none;}
.nav_w { clear:both; height:3.5em;background:#3b3b3b; }
.nav_w .close { display:none; position: absolute; top:20px; left:auto; right:3%; cursor:pointer; width:16px; height:16px; background:url(images/close.png) 0 0 no-repeat; background-size:100% auto;}

.nav_w .h_R { text-align: center;margin-top:1em; font-size:14px; }
.nav_w .h_R .a_lan { color:#fff; display:inline-block; margin-left:1em;}
.nav_w .h_R .a_fav { margin-right:1em; color:#ffffff; background:#fd3832 url(images/star.png) 0.6em center no-repeat; line-height:1.85em; padding:0 0.8em 0 2em; display:inline-block;-moz-border-radius:0.2em; -webkit-border-radius:0.2em; border-radius:0.2em;}

.nav { max-width:1170px; margin:0 auto 0; }
.nav ul {}
.nav li { border-right:1px solid #272727; position:relative; z-index:0; width:14.1%;  display:block;float:left; }
.nav li.hover { z-index:101;}
.nav ul li>a { color:#ffffff; padding:0; line-height:3.5em;  display:block; cursor:pointer; text-align:center;  }
.nav ul li>a:hover {color:#ffffff;}
.nav li.current {}
.nav li.current>a{background:#e63737;  }
.nav li.hover>a{background:#e63737;}

.nav li .sub_nav { display:none;  position:absolute; left:0; top:3.5em; min-width:100%;  border-top:0;  text-align:center;  background:#1e1e1e;}
.nav li .sub_nav a { font-size:12px;  line-height:3.6em;display:block;border-top:1px solid #666; color:#ffffff; margin:0; padding:0 1em;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;}
.nav li .sub_nav a:hover { color:#ffffff; background:#e63737;}
.nav li .sub_nav a:last-child { border-bottom:0;}
/*导航 end*/

.pics_wrap { overflow:hidden;}

.cp_box_w { clear:both; overflow:hidden; padding:2.4em 0 3em; overflow:hidden; }
.cp_box { max-width:1170px; margin:0 auto 0; }
.cp_box .tit { font-size:1.8em;text-align:center; }
.cp_box ul { text-align:center;}
.cp_box li {  display:block; float:left; margin-top:2.5em; width:25%; text-align:center;}
.cp_box li .pic {display:block;margin:0 8% 0;-moz-border-radius:0.2em; -webkit-border-radius:0.2em; border-radius:0.2em; background: center center no-repeat; background-size:cover;}
.cp_box li  .pic img{ display:block; width:100%; height:auto;}
.cp_box li .txt { margin:0.5em 2% 0;display:block;  text-align: center; }


.gsjj_box_w {clear:both; padding:0 1em 0; background:#f7f7f7;}
.gsjj_box {  max-width:1170px; margin:0 auto 0; padding:0em 0 7em;display: flex; }
.gsjj_box_w .tit {  font-size:1.8em;text-align: center;padding:50px 0px}
.gsjj_box .pic { float:left; width:415px; margin-right:25px;}
.gsjj_box .pic img { display:block; width:100%; height:auto;}
.gsjj_box .con { text-align:left;flex: 1;}
.gsjj_box .con .txt {line-height:1.8em; 
}
.gsjj_box .con .txt .ts { padding-left:11.1em;}
.gsjj_box .con .txt .ts0 { display:inline-block;}

.hzhb_box_w {clear:both; padding:0 0.5em 0;}
.hzhb_box {  max-width:1170px; margin:0 auto 0; padding:2.5em 0 3em; }
.hzhb_box .tit {  font-size:1.8em;text-align:center; }
.hzhb_box .list {  margin:0 auto 0; width:100%; }
.hzhb_box .list ul {margin:0 -1% 0;}
.hzhb_box .list li { float:left; width:16.6%;}
.hzhb_box .list img { display:block; width:100%; margin:0 auto 0; height:auto;}
.hzhb_box .list .pic { margin:1.6em auto 0; width:100%; max-width:180px; z-index:0;display:block;  background-repeat:no-repeat; background-position: center center; background-size:contain;}

.footer_w{ clear: both;overflow:hidden; background-color: #454545; padding:1.7em 1em 1.7em; }
.footer { max-width:1170px;margin: 0 auto; color:#ffffff; font-size:14px; line-height:1.8em;}
.footer .ewm { margin-left:1em; float:right;}
.footer .ewm img { display:inline-block; vertical-align:middle;}
.footer .ewm span { padding-left:0.6em; display:inline-block; vertical-align:middle;}
.footer .copyright { text-align:left;}
.footer .copyright  span { display:inline-block; margin-right:0.6em;}


@media screen and (max-width: 850px) {
.header .h_R .a_lan {  margin-left:0.5em;}
.header .h_R .a_fav { margin-right:0.2em;}

.gsjj_box .pic { width:350px; margin-right:20px;}

@media screen and (max-width: 768px) { 
.wrap { width:100%;  margin:0 auto 0; overflow:hidden; }
.header_w { background:#ffffff;}
.header { height:auto;  position:relative; z-index:1000;}
.header .logo img { width:420px; height:auto;}
.header .btn_menu { cursor:pointer; position:absolute; float:right;right:0; top:50%; margin-top:-12px; display: block; width:24px; height:24px; background:url(images/btn_menu.png) center center no-repeat; background-size:100% auto;}
.header .h_R { display:none;}
.mask { display:none; position: fixed;  left:0; top:0; width:100%; background:#000000; height:900px; z-index:4000;filter:alpha(opacity=50);-moz-opacity:.5; opacity:0.5;}
.nav_w { display:none; position: absolute; left:0; margin:0; width:100%; top:38px;z-index:5000; background-image:none; height:auto;padding:25px 0 40px;} 
.nav_w .close { display:block;}
.nav {margin:18px auto 0; height:auto;  width:98%; font-size:14px; text-align:center;}
.nav ul {float: none; margin:0 2.3%;  }
.nav li,.nav li.current { border:0; display:block; width:31.3% !important; float:left; position:relative; top:0;margin:10px 1% 0; padding:0;  }
.nav ul li>a { background:#ffffff;color:#474747;  padding:0; margin:0 0 0; height:3em; line-height:3em;  display: block;float: none; font-size:1.2em;  }
.nav ul li.current>a { color:#ffffff;}
.nav ul li.hover>a { color:#ffffff;}
.nav a:hover {background:#ffffff; color:#ffffff;}
.nav li .sub_nav { top:3.5em;}

.cp_box li {width:50%; }
.gsjj_box{flex-wrap: wrap;}
.gsjj_box .pic { width:100%; margin:0 auto;display: flex;
	justify-content: center;}
	.gsjj_box .pic img{
		width: auto;
	}
.gsjj_box .con {  margin-top:2em;}
.gsjj_box .con .txt { height:auto; overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:100; 
}



.hzhb_box .list li { width:25%;}

.footer .ewm { margin-left:0; float: none; text-align:center;}
.footer .ewm span { display:block; padding-left:0;}
.footer .copyright { text-align:center; margin-top:0.6em;}
}

@media screen and (max-width: 580px) {
	.footer .f_nav {  width:44% !important;  }
}
@media screen and (max-width: 540px) {
.header .logo img { width:380px;}
}

@media screen and (max-width: 500px) {
.nav li,.nav li.current { width:48% !important}
.gsjj_box .con .txt .ts0 { display:block;padding-left:4em;}
.gsjj_box .con .txt .ts { padding-left:4em;}
}
@media screen and (max-width: 480px) {
.header .logo img { width:320px;}
}
@media screen and (max-width: 460px) {
.hzhb_box .list li { width:33.3%;}
}

@media screen and (max-width: 420px) {
.header .logo img { width:270px;}
.search_box .btn { height:1.8em;}
}

@media screen and (max-width: 360px) {
html,body{font-size:14px;}

.ys_box li { margin-top:2.4em; width:100%;}
.case_box li { margin-top:2.4em; width:100%;}

.hzhb_box .list li { width:50%;}

.footer .f_nav {  width:90% !important; margin-left:auto; margin-right:auto; float:none; text-align: center; }
}
@media screen and (max-width: 352px) {
.header .logo img { width:250px;}
}