﻿html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, ins, kbd, q, s, samp,small, strike, strong, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption,  tbody, tfoot, thead,  th{ margin: 0px; padding: 0px;outline: 0;vertical-align: baselinebaseline; text-decoration:none;} img{border: 0px;}ol, ul { list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}a { blr:expression(this.onFocus=this.blur())}

article,aside,canvas,details,div,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{display:block;}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
input{font-family:"Microsoft YaHei",Arial; color:#111; }
textarea {-webkit-appearance: none;} 


html {font-size: 100%;}
body { font-size:14px; font-family:"Microsoft YaHei",Arial; color:#111; position:relative; -webkit-text-size-adjust:none; line-height:27px; min-width:1200px; }
a { color:#111; text-decoration:none; }
a:hover { text-decoration:underline;}

.clear {
				clear: both;
				height: 0px;
				margin: 0;
				padding: 0;
				width: 0;
				border: none;
				overflow: hidden;
			}

.wrapper { width:1200px; margin:0 auto; }
#header {
				height: 110px;
				width: 100%;
				background: #ffffff;
			}

			
			#header .wrapper {
				position: relative;
			}

			.logo {
				float: left;
				margin: 25px 0 0px;
				line-height: 0;
			}

			#nav {
				float: right;
			}

			#nav ul li {
				float: left;
				width: 120px;
				position: relative;
				margin-top: 50px;
			}

			#nav ul li.line {
				width: 0px;
			}

			#nav ul li.menu a {
				font-size: 16px;
				display: block;
				color: #000;
				text-align: center;
				line-height: 30px;
			}

			#nav ul li.menu a:hover {
				color: #ff1d00;

			}

			#nav ul li.menu a.current {
				color: #164487;
			}

			#nav ul li.menu a span {
				width: 100%;
				float: left;
				line-height: 20px;
				margin-top: -30px;
				font-size: 12px;
			}

			#nav ul li.visible-xs {
				visibility: hidden;
				display: none;
			}

			#nav ul li.li_ns {
				margin-right: 0px;
			}

			#nav do {
				width: 200px;
				font-size: 14px;
				background: #fff;
				position: absolute;
				top: 103px;
				left: -56px;
				text-align: center;
				text-indent: 0px;
				padding: 12px 0px 30px;
				z-index: 99;
				border-radius: 0 0 0px 0px;
			}

			#nav ul li.menu dd a {
				color: #000;
				line-height: 49px;
				height: 49px;
				overflow: hidden;
				border-bottom: 1px solid #e4e4e4;
				background: none;
			}

			#nav ul li.menu dd a:hover {
				color: #e50213;
				background: none;
			}

			.teh_on {
				float: right;
				width: 1px;
				height: 17px;
				margin: 45px 0 0 0;
				margin-right: 29px;
			}






#banner_s {
				font-size: 0;
				overflow: hidden;
				width: 100%;
				margin: auto;
				max-width: 1920px;
			}

			.slideBox {
				width: 100%;
				overflow: hidden;
				position: relative;
			}

			.slideBox .hd {
				width: 100%;
				position: absolute;
				z-index: 1;
				bottom: 0;
				left: 0;
				height: 40px;
				line-height: 40px;
				text-align: center;
				margin: 0px;
				border-radius: 0px;
			}

			.slideBox .hd ul {
				overflow: hidden;
				zoom: 1;
			}

			.slideBox .hd ul li {
				cursor: pointer;
				display: inline-block;
				*display: inline;
				zoom: 1;
				width: 10px;
				height: 10px;
				margin: 13px 7px;
				background: url("../images/dot-black.png") 0 0;
				overflow: hidden;
				line-height: 9999px;
				filter: alpha(opacity=40);
				opacity: 0.4;
			}

			.slideBox .hd ul li.on {
				filter: alpha(opacity=100);
				opacity: 1;
			}

			.slideBox .bd {
				position: relative;
				height: 100%;
				z-index: 0;
			}

			.slideBox .bd li {
				zoom: 1;
				vertical-align: middle;
			}

			.slideBox .bd img {
				width: 100%;
				display: block;
			}

/*搜索*/
.top_search{border-bottom:#ddd solid 1px; margin-bottom:49px;}
#other{float:right;}
.s_tnmt{height:72px; width:100%; background-color:#f5f5f5; }
.s_tnmt_t{width:60%; float:left; color:#6e6e6e; font-size:13px; line-height:72px;}
.s_tnmt_t a{color:#6e6e6e; font-size:13px;}
#other{float:left; padding-top:19px;}
.chname{float:left; background:#fff; border:1px solid #143e66; width:359px; height:38px; line-height:38px; box-shadow:none; font-size:13px; color:#534d4d; cursor:pointer; text-indent:11px; font-family: "Microsoft YaHei";  padding:0; border-radius:0px 0 0 0px;}
.btn{float:left; background:url(../images/Search_b.jpg) no-repeat center center #143e66; width:51px; height:40px; border:0; border-radius:0 0px 0px 0; cursor:pointer; margin-top:0px; color:#fff; font-size:14px; font-family: "Microsoft YaHei";}

.other_l{width:780px; float:left; line-height:75px; color:#000; font-size:14px;}
.other_l strong{font-weight: bold;}
.other_l a{color:#8b8b8b; padding:0 6px;}


/**底部内容**/
.downMenu {
				background: #f7f7f7;
				padding-top: 55px;
			}

			.foot_nto {
				border-bottom: 1px solid #ccc;
				height: 86px;
				margin-bottom: 31px;
			}

			.foot_logo {
				float: left;
			}

			.foot_top {
				width: 40px;
				height: 40px;
				float: right;
				margin-top: 3px;
			}

			.foot_rgo {
				float: right;
				width: 166px;
				margin-top: 10px;
				height: 30px;
				line-height: 30px;
				padding-left: 55px;
				color: #626060;
				font-size: 15px;
			}

			.foot_l {
				float: left;
				width: 450px;
				height: auto;
				font-size: 16px;
				margin-bottom: 65px;
				margin-left: 100px;
			}
			.foot_l p{
				line-height: 35px;
			}
			.foot_l a{
				color: #000;
			}
			.foot_lht {
				padding-bottom: 25px;
				margin-bottom: 45px;
				font-size: 20px;
				font-weight: bold;
				/* line-height: 50px; */
				border-bottom: #b2b2b2 1px solid;
			}

			.foot_ly {
				width: 150px;
				height: 35px;
				line-height: 35px;
				text-indent: 56px;
				border-radius: 3px;
				font-size: 15px;
				color: #000;
				margin: 29px 0 0 54px;
			}

			.foot_z {
				float: left;
				width: 345px;
				margin: 0;
			}

			.foot_z h3 {
				font-size: 20px;
				border-bottom: #b2b2b2 1px solid;
				/* line-height: 50px; */
				padding-bottom: 25px;
				margin-bottom: 45px;
			}

			.foot_dh {
				text-indent: 15px;
				font-size: 20px;
				margin-bottom: 10px;
			}

			.foot_a {
				float: left;
				width: 115px;
				height: 36px;
				line-height: 36px;
				color: #000;
				display: block;
				font-size: 16px;
			}

			.foot_zr {
				padding: 0 0 0 51px;
				color: #605e5e;
				font-size: 17px;
				margin-top: 30px;
			}

			.foot_zr span {
				font-size: 28px;
				color: #eb6001;
				font-family: Geneva, Arial, Helvetica, sans-serif;
			}

			.foot_r {
				float: right;
			}

			.foot_rimg {
				width: 143px;
				text-align: center;
				float: left;
				line-height: 0;
			}

			.foot_rimg_2 {
				float: right;
			}

			.foot_rimg span {
				line-height: 35px;
				font-size: 14px;
			}

			.foot_the {
				font-size: 30px;
				text-indent: 38px;
				height: 36px;
				line-height: 36px;
			}

			.foot_p {
				line-height: 26px;
				font-size: 14px;
				padding-left: 4px;
				padding-top: 13px;
			}

			.m_com_wrap {
				font-size: 15px;
				background: #d02922;
				height: 66px;
				line-height: 66px;
				text-align: center;
				color: #fff;
				padding-bottom: 0px;
			}

			.m_com_wrap a {
				color: #fff;
			}

			.m_contact,
			.pic_menu_t {
				display: none;
			}

			.xwkb {
				display: none;
			}

/*@media screen and (max-width:1902px){
#nav{margin-left:5%;}
#nav ul li.menu{width:9.8%; margin:0 1.9% 0 2%;}
}
@media screen and (max-width:1645px){
.chname{width:68%;}
}
@media screen and (max-width:1541px){
#nav ul li.menu{margin:0 1% 0 1%; width:11.52%;}
}
@media screen and (max-width:1429px){
.top_tnmt{width:20%;}
}
@media screen and (max-width:1358px){
#nav{width:56%;}
.top_tnmt{width:21%}
#header .logo{margin-left:1.8%;}
}
@media screen and (max-width:1293px){
.top_tnmt{padding:16px 0 15px 92px;}
#other{width:100%; margin-bottom:15px;}
.enc_n{float:left;}
.enc_n dl{top: 42px;}
}*/
@media screen and (max-width:1024px){  
/*body{min-width:100%;}*/
}
@media screen and (max-width:640px){
body{min-width:100%;}
.xwkb{display:block;}
.hidden-xs{ display:none; }
.top_r{width:100%; border:none;}
#nav ul li.hidden-xs{ display:none; }
#nav ul li.hidden-sm{ display:none; }

#nav ul li.menu a { padding:0; text-align:center; }
.wrapper { width:100%; margin:0 auto; }
#header { position:static; border-bottom:0; background-image:none; height:auto; }
#header .logo{width:55%; margin-left:2%; float:none;}
#header .logo img{width:95%;}
#header div.wrapper { overflow:hidden; background-color:#fff; }
#nav { width:100%; padding:0; float:none; height:auto; display:block; margin:0; background-color:#d02922;}
#nav ul li.menu { float:left; width:33.3%; height:42px; margin:0;}
#nav ul li.line { display:none; }
#nav ul li.menu:hover { background:none; }
#nav ul li.menu a { padding-top:0; color:#fff; height:41px; line-height:41px; }
#nav ul li.menu a:hover { color:#fff; text-decoration:underline;}
#nav ul li.menu a.line_r { border-right:solid 1px #fff; }
#nav ul li.menu a.line_b { border-bottom:solid 1px #fff; height:41px; }
#nav ul li.visible-xs { visibility:visible; display:block; }
#nav ul li.menu a.current { background-image:none; color:#fff;}


.other{margin-left:2%; width:96%; margin-bottom:10px; padding-top:0;}
.other .chname{width:80%;}
.cont_l{width:96%; margin:auto; float: none;}
.cont_l em{/*display:block; */line-height: 0;}
.comp_x{line-height:30px; padding:10px 5px; margin-top:0px;}
#nav ul li.menu a{ font-size:14px;}

.comp_x .nso_r{margin-right:2%;}

/*搜索*/
#other{width:96%; margin:auto; float:none;}
.top_search{margin-bottom:18px; padding-bottom:20px;}
.chname{width:80%;}
.btn{width:19%;}
}
@media screen and (max-width:375px){

}
@media screen and (max-width:320px){
.hidden-xs4{ display:none; }
}
@media screen and (max-width:1199px){
.wrapper{width:100%;}
}
@media screen and (max-width:1132px){
.downMenu .qrcode{display:none;}
.downMenu .menu{float:left; margin-left:2%;}
}
@media screen and (max-width:1024px){ 
.hidden-mm { display:none; }
.downMenu .qrcode{display:none;}
.downMenu .menu{width:98%;}
 }

@media screen and (max-width:768px){
.downMenu .menu{padding:0;}
#nav .hidden-sm { display:none; }
}
@media screen and (max-width:681px){
#footg{padding-top:0;}

}
@media screen and (max-width:667px){
.hidden-xm6 { display:none; }
}
@media screen and (max-width:640px){
#header { position:static; border-bottom:0; background:#fff; height:auto; }
#header div.wrapper { overflow:hidden; height:auto}
#header .logo { width:40%; margin:0px 0 10px 10px; float:none; position:static; display:block; padding-top:10px;}
.en_wap{display: block; background: url(../images/en_img.jpg) no-repeat left center; height:19px; width:30px; position: absolute; top:25px; right:30px;}
}
@media screen and (max-width:480px){

#header .logo{}
#header .logo img{}
#nav .hidden-xs{display:none;}

#footer p{font-size:13px;}
#mobile_nav_wrap { height:49px; width:100%; display:block; }
#mobile_nav { border-top: 0px solid rgb(61, 61, 70); display: -webkit-box; margin: 0px; padding: 0px; -webkit-box-orient: horizontal; background: -webkit-gradient(linear, 0 0, 0 100%, from(rgb(82, 73, 69)), color-stop(0.6, rgb(82, 73, 69)), to(rgb(72, 64, 60))); box-shadow: rgba(255, 255, 255, 0.0980392) 0px 1px 0px 0px inset; height: 49px; opacity: 1; width: 100%; position:fixed; left:0; bottom:0; display:block; z-index:10010; }
#mobile_nav .img { background-position: center 3px; background-repeat: no-repeat; background-size: 18px 18px;}
#mobile_nav .img img { padding: 6px 0 0 0; height: 19px; width: 19px; color: #fff; line-height: 48px; vertical-align: middle;}
#mobile_nav .home { width:60px; height:60px; background:url(../images/home.png) no-repeat center center; background-size:100% 100%; border-radius:60px;  margin-right: 0; position: relative; vertical-align: middle; display: inline-block; margin-top:-10px; }

#mobile_nav .icon { color: #fff; display: inline-block; float: none; font-size: 18px; height: 18px; margin-right: 0; position: relative; vertical-align: middle;
 width: 18px; }
#mobile_nav > a, #mobile_nav > div { color: #fff;  cursor: pointer; float: left;  font-size: 0.75em; height: 100%; line-height: 20px;  position: relative; text-align: center; width: 25%; }
#mobile_nav a:hover { text-decoration:none; }
#mobile_nav .menu ul { background-color: #414141; border-radius: 6px; bottom: 44px; display: none; font-size: 0.875em; margin-bottom: 8px;  max-height: 311px; overflow-x: hidden; overflow-y: scroll; padding: 0 10px; position: absolute; left: 0; }
#mobile_nav .menu ul li { border-bottom: 1px solid #6a6b6c; }
#mobile_nav .menu ul li:last-child { border: medium none;}
#mobile_nav .menu ul li a { background-color: inherit; color: #ffffff; display: block; height: 38px; line-height: 38px; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 75px;}
#mobile_nav ul::after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #434343; bottom: 45px; content: ""; height: 0; position: fixed; width: 0; }

}
@media screen and (max-width:389px){
#footer p{font-size:12px;}
}