@charset "utf-8";
/* CSS Document */
body { margin: 0; padding: 0; font-size: 12px; font-family: "微软雅黑"; -webkit-text-size-adjust: none; color: #000; }
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, p { margin: 0; padding: 0; }
img { border: 0; vertical-align: bottom; width: 100%; }
ul, li { list-style-type: none; }
a { color: #000; text-decoration: none; }
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }
.fl { float: left; }
.fr { float: right; }
.cl { clear: both; }
.fb { font-weight: bold; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline: none; }
.font_14 { font-size: 14px; }
.font_16 { font-size: 16px; }
.font_18 { font-size: 18px; }
/*header*/
.head {   overflow:hidden; background: url(../images/head_bg.jpg);}
.arrow { height: 54px; width: 7.5%;display:table; vertical-align: middle; }
.arrow img { width: 100%; height:52px;display:table; vertical-align: middle; }
.home { line-height: 54px; width: 15%; text-align: center; font-size: 16px; color: #fff; }
.home a { color: #fff; }
.logo { width: 30%; float: left; padding:3% ; }
.logo img{ width: 100%; display:table; vertical-align: middle; }
.nav { cursor: pointer; width: 8%; margin-top: 4%;margin-right: 3%; }
.nav img{ width: 100%; display:table; vertical-align: middle; }
.nav_hid { position: absolute; top: 0px; background: #f00; top: 0px; left: 0px; height: 500px; }
#ceng { display: none; width: 100%; height: 100%; z-index: 100; position: absolute; top: 0; right: 0; bottom: 0; }
#close { width: 10%; padding: 5%; float: left; opacity: 0.6; }
.type { width: 60%; background: #176FD1; height: 100%; float: right; }
.type ul li a { color: #fff; display: block; line-height: 300%; text-align: center; display: block; font-size: 1rem; transition: color 0.2s ease 0s; width: 100%; }
.type ul li { border-bottom: 1px solid #fff; color: #fff; }
.list li{ float:left; margin-top:3%; width:25%; text-align:center; font-size:16px; color:#333333;}
.list{ width:94%; margin: 3%;}
#pagenavi { position: absolute; bottom: 3%; left: 50%; margin-left: -50%; width: 100%; z-index: 50; text-align: center; padding: 8px 0; }
#pagenavi a { width: 6px; height: 6px; line-height: 99em; background: #000; border-radius: 90px; margin: 0px 2px 0px 2px; overflow: hidden; cursor: pointer; display: inline-block; }
#pagenavi a.active { background: #fff; }

.foot li{ float:left; width:25%; text-align:center;}
.foot{ position:fixed; bottom:0px; left:0px; width:100%; background:#1e1d1d; padding:5% 0 5% 0; background: url(../images/bottom.png) no-repeat;}
.foot li img{ width:40%;}
.foot li span{ color:#ebebeb; font-size:13px; margin-top:1%; display:block;}
@media screen and (max-width: 340px){
.head { box-shadow:0px 0px 10px #333; background: #fff; height: 40px; overflow:hidden; }
.arrow { height: 40px; width: 7.5%;display:table; vertical-align: middle; }	
.home { line-height:40px; width: 15%; height: 40px; text-align: center; font-size: 16px; color: #fff; }
.nav img{ height:auto;}
.arrow img { height:auto;}
.logo img{ height:auto;}
.contact_list li{ font-size:12px; color:#666666; margin-top:4%; float:left; width:47%; margin-left:3%;}
.contact_list li:nth-child(2n){ float:right !important; margin-left:0px !important; margin-right:2%;}
	}
.about_ch{ font-size:20px; margin-top:1%; color:#000; text-align:center; font-weight: bold; margin-top: 30px;  }
.about_title{ color:#999999; font-size:12px; width:94%; margin:1.5% auto 0 auto; text-align:center; display: none;}
.about_en{ font-size:13px; color:#666666; text-transform:uppercase; text-align:center; margin-top:1%;}
/*pro*/
.pro_list a{ margin-left:1%; color:#fff; font-size:12px; width:25%; height:27px; line-height:27px; text-align:center; background:#1E7BE3; display:inline-block; margin-top:5px;}
.pro_list{ margin-top:3%; text-align:center;}

.pro_con { padding: 2%; }

.pro_con li{ display:none;}

.clear{ clear: both; }

.project{  margin:10px 0 ; }
.project .title{ font-size:18px; padding: 0 3px 5px; border-bottom:1px solid #ccc; margin:0 5px; color: #1e7be3; font-weight: bold;}
.project .title img{ width: 26px; padding-right: 5px; }
.project .neirong{  }
.project .neirong li{ float: left; padding: 5px; font-size: 15px; }

.about{  margin:10px 0 ; }
.about .title{ font-size:18px; padding: 0 3px 5px; border-bottom:1px solid #ccc; margin:0 5px;  color: #1e7be3; font-weight: bold;}
.about .title img{ width: 14px; padding-right: 5px; }
.about .neirong{ margin-top: 3%; padding:0 8px; }
.about .neirong .img{ float: left; width: 38%; }
.about .neirong .img img{ width: 100%; }
.about .neirong .font{ float: right; width: 60%; overflow: hidden; font-size: 14px; line-height: 26px; }
.about .more{ display: block; width: 40%; border-radius: 8px; overflow: hidden; height: 28px; line-height: 28px; margin:10px auto; text-align: center; color: #fff; background: #1E7BE3;  }

.news{  margin:10px 0 ; }
.news .title{ font-size:18px; padding: 0 3px 5px; border-bottom:1px solid #ccc; margin:0 5px; color: #1e7be3; font-weight: bold; }
.news .title img{ width: 20px; padding-right: 5px; }
.news .neirong{ margin-top: 3%; padding:0 8px; }
.news .neirong li{ height:33px; line-height: 33px; overflow: hidden; font-size: 14px; width: 95%; margin:0px auto; }
.news .neirong li a{ color: #000; }
.news .more{ display: block; width: 40%; border-radius: 8px; overflow: hidden; height: 28px; line-height: 28px; margin:10px auto; text-align: center; color: #fff; background: #1E7BE3;  }

.honer{  margin:10px 0  0; background: url("../images/honer_bg.jpg") bottom no-repeat; background-size:100%; }
.honer .title{ font-size:18px; padding: 0 3px 5px; border-bottom:1px solid #ccc; margin:0 5px; color: #1e7be3; font-weight: bold; }
.honer .title img{ width: 20px; padding-right: 5px; }
.honer .neirong{ margin-top: 3%; padding:0 8px 2%; }
.honer .neirong li{ width:48%; margin:0 1%; overflow: hidden; font-size: 15px; float: left; margin-bottom: 2%; }
.honer .neirong li a{ color: #000; }
.honer .neirong li img{ width: 100%; }
.honer .neirong li .font{ text-align:center; height: 28px; line-height: 28px; display: block; }
.honer .more{ display: block; width: 40%; border-radius: 8px; overflow: hidden; height: 28px; line-height: 28px; margin:10px auto; text-align: center; color: #fff; background: #1E7BE3;  }
.contacts{ background: url("../images/contacts_img.jpg")  no-repeat center #1E7BE3; padding: 13px; background-size:100%; }
.contacts .title{font-size:18px; padding: 0 3px 2px;  margin:0 2px; color: #fff; font-weight: bold; margin-bottom:10px; }
.contacts .title img{  width: 27px; padding-right: 5px; }
.contacts .neirong{ line-height: 26px; color: #fff; font-size: 14px; }
/*footer{ height: 45px; line-height: 45px; background: #0F5FB8; text-align: center; font-size: 15px; color: #fff; }*/
.new{ background:url(../images/news_bg.jpg) no-repeat center center; padding:6% 0; background-size:100% 100%;}
.new_list{ width:90%; margin:0 5%;}
.new_list li{ margin-top:8%; background:url(../images/news_icon.png) no-repeat left top; background-size:15px 15px; color:#666666; padding-left:10%;}
.new_list li a{ color:#666;}
.new_more{ color:#666666; }
.new_more a{ color:#666666;}
.product{ margin-top:5%; padding:6% 0; background:url(../images/pro_bg.jpg) no-repeat center center; background-size:100% 100%;}
.product_back{ background:url(../images/p2.png) no-repeat center center; background-size:auto 100%; padding-bottom:5%;}
.product_top{ width:34px; height:34px; line-height:34px; text-align:center; font-size:16px; font-weight:bold; text-align:center; background:#fff; color:#880000; border-radius:50%; margin:3% auto 0 auto;}
.product_ch{ font-size:20px; margin-top:1%; color:#fff; text-align:center;}
.product_title{ color:#fff; font-size:12px; width:94%; margin:1.5% auto 0 auto; text-align:center;}
.product_en{font-size:13px; color:#fff; text-transform:uppercase; text-align:center; margin-top:1%;}
.product_list{ width:90%; margin:0 5%;}
.product_list li{ margin-top:4%; float:left; width:46%; border:2px solid #fff;}
.product_list li .img{ width: 100%; overflow: hidden;     }
.product_list li .img img{ width: 100%; }
.product_list li .font{height: 26px; line-height: 26px; text-align: center; font-size: 14px; }

.product_list li:first-child{ margin-left:0px;}
.product_list li:nth-child(2n){ float:right !important;}
.product_more{ height:27px; width:27%; line-height:27px; margin: 7% auto 0 auto; text-align:center; font-size:12px; color:#fff;}
.product_more a{ color:#fff; display:block;}
#tab{position:relative;width:404px;margin:40px auto 0 auto;}
#tab .tabList ul li{
	float:left;
	background:#fefefe;
	background:-moz-linear-gradient(top, #fefefe, #ededed);	
	background:-o-linear-gradient(left top,left bottom, from(#fefefe), to(#ededed));
	background:-webkit-gradient(linear,left top,left bottom, from(#fefefe), to(#ededed));
	border:1px solid #ccc;
	padding:5px 0;
	width:100px;
	text-align:center;
	margin-left:-1px;
	position:relative;
	cursor:pointer;
}
#tab .tabCon{
	position:absolute;
	left:-1px;
	top:32px;
	border:1px solid #ccc;
	border-top:none;
	width:403px;
	height:100px;
}
#tab .tabCon div{
	padding:10px;
	position:absolute;
display:none;
}
#tab .tabList li.cur{
	border-bottom:none;
	background:#fff;
}
#tab .tabCon div.cur{
	display:block
	
}
.pro_page a{ padding:0 7px; font-size:16px; color:#333333;}
.pro_page{ text-align:center; width:100%; margin:22px auto 0 auto;}
.pro_tab .more{ width: 35%; height: 28px; line-height: 28px; overflow: hidden; margin:5% auto 3%; background: #1E7BE3; color: #fff;  display: block; text-align: center;  }
.bot{background:#0550A5;width:100%;position: fixed;bottom:0;z-index: 999; padding-bottom: 3%;}

.bot a{width:25%;float:left;text-align: center;color:white;display: block;}
.bot img{ width: 45%; }
.stance{background: #FCFCFC; }
.more_button{ display: block; width: 50%;  background: #002469; height: 32px; line-height: 32px; text-align: center; margin:0px auto;  color: #fff;}
.footer_font{ height: 45px; line-height: 45px; background: #0F5FB8; text-align: center; font-size: 15px; color: #fff; }