@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
body{ margin:0 auto; padding:0 auto; color:#333; font-size:12px; font-family: Arial; background:#ffffff; border:none; text-align:center;}
.clear{ float:none; clear:both; height:auto; border:none;}
a{ text-decoration:none;}
a:link, a:visited { text-decoration: none; color: #333333; }
a:hover{ text-decoration:underline; color:#333;}
a:active{ text-decoration: none; color: #333; }
ul,li{ list-style-type:none; margin:0; padding:0;}
input{ vertical-align:top;}
img{ border:none;}
p{ margin:0;}
h1,h2,h3,h4,h5,h6{ margin:0;}

.wh_800{width: 70%; min-width:1000px; margin:0 auto;}
.top{ width:100%; height:46px; margin:0px auto; background:#EFEFEF;}
.t_left{ float:left; width:550px; padding-top:8px; color:#333333; text-align:left; padding-left:3%;}
.t_right{ float:right; width:100px; padding-top:15px; text-align:right; padding-right:3%;}
.logo{ width:100%; overflow:hidden; margin:0px auto; padding:30px 0px;}
.l_left{ float:left; text-align:left; padding-left:3%; padding-top: 10px;}
.l_company{ float:left; margin-left:85px;padding-top: 5px;}
.l_company input{ border:2px solid #999999; background:none; width:350px; height:38px;}
.l_company input.input{ background:url(../images/soso.jpg) no-repeat; border:0px; width:42px; height:42px;}
.l_right{ float:right; width:212px; text-align:right; padding-right:3%;}
.tel{line-height:30px; width:212px; background:url(../images/tel.png) left 3px no-repeat;}
.tel .ts1{font-size:16px;font-family:微软雅黑;   padding-left:60px; line-height:20px;}
.tel .ts1 span{color:#FF0000;font-size:18px;font-family:Arial;}

.menu{ width:94%; margin:0px auto; height:50px; background:#029BDB; padding:0px 3%;}
.menu ul .stmenu{ float:left;}
.menu ul .stmenu a{ display:block; padding:13px 45px; height:24px; font-size:16px;color:#FFFFFF;}
.menu ul .stmenu a:hover{ background:#333333; color:#FFFFFF;}
.children{position: absolute;width: 240px;background: #337AB7;color: #FFFFFF; display: none;z-index: 9999;}
.children li{overflow: hidden;background: #337AB7;height: 35px;line-height: 35px;color: #FFFFFF;text-align: left; display:block;}
.menu ul li .children a{color: #FFFFFF;height: 35px;line-height: 35px;font-size: 12px;padding:0 0 0 20px;display: block;}
	
.flash{ width:100%; height:auto;}
.flash img{ width:100%; height:auto;}

.xnpro{ width:70%;min-width:1000px; margin:0 auto;padding-top:50px;}
.xnp_top{ width:100%; position:relative;}
.xnp_top h2{ font-size:36px; font-weight:100; color:#337AB7;}
.xnp_top span{ font-size:16px;}
.xnp_bot{ width:100%;overflow:hidden; margin-top:20px;}
.xnp_bot ul li{ float:left; width:23%; min-height:200px; margin-right:2%;}
.xnp_bot ul li img{ width:100%;border: 1px solid #DDD;}
.xnp_bot ul li span{ width:100%; display:block; height:30px; font-size:13px; padding-top:15px;}
.xnp_di{ width:100%; text-align:center; margin-top:20px;}
.xnp_di a{ display:block; margin-left:40%; width:200px; height:28px; -moz-border-radius:3px;-webkit-border-radius:3px; border:1px solid #337AB7; border-radius:3px 3px 3px 3px; padding-top:12px; font-size:14px; color:#337AB7;}

.h_about_txt{ width:70%;min-width:1000px; margin:0 auto; overflow:hidden; padding-top:40px;}
.h_about_txt .h_about_l{ width:100%;}
.h_about_txt .h_about_l .c_bg{height:40px; line-height:40px; font-size:24px;text-align:left;}
.h_about_txt .h_about_l .w_about{ width:100%; overflow:hidden;}
.h_about_txt .h_about_l .pic{ width:26%; float:right; overflow:hidden;}
.h_about_txt .h_about_l .pic img{ width:95%;}
.h_about_txt .h_about_l .txt{ width:70%; float:left; line-height:25px; font-size:14px; text-align:left;}


.h_news_list li{ height:21px; line-height:21px; overflow:hidden; background:url(../images/d.jpg) left no-repeat;}
.h_news_list li a{ padding-left:8px;}
.about{ width:94%; padding:70px 3%; margin-top:50px; background:#337AB7; min-height:360px;}
.abo_left{ float:left; width:44%; color:#FFFFFF;text-align:left; padding:1% 3%; background:url(../images/bei.png) no-repeat 100%;}
.abo_left h2{ font-size:34px; padding-top:20px;}
.abo_left span{ font-size:16px;}
.abo_left p{ font-size:14px; line-height:200%; margin-top:15px;}
.abo_left img{ margin-top:35px;}
.abo_right{ float:right; width:45%;}
.abo_right img{ width:100%;}

.npro{ width:94%; padding:0px 3%; margin-top:50px;}
.np_top{ width:100%;}
.np_top h2{ font-size:36px; font-weight:100; color:#337AB7;}
.np_top span{ font-size:16px;}
.np_bot{ width:100%; margin-top:20px;}
.np_bot ul li{ float:left; width:30%; margin-right:5%;}
.np_bot ul li img{ width:100%;}
.np_bot ul li span{ width:100%; display:block; height:35px; background:#D1D1D1; font-size:16px; padding-top:15px;}

.contact{ width:70%; margin:0 auto; padding:50px 0;min-width:1000px;}
.c_left{ float:left; width:65%; padding:3%; text-align:left; background:url(../images/contact_bg.jpg) no-repeat left top; min-height:170px;}
.c_left h2{ font-size:30px; padding-bottom:20px;}
.c_left p{ line-height:200%;}
.c_right{ float:right; width:26%; text-align:left;}
.c_right h2{ font-size:20px; padding-bottom:20px;}
.c_right ul li{ padding-top:10px;}
.c_right ul li input{ width:98%; border:1px solid #CCCCCC; background:#e9e9e9; height:26px; padding:2px;}
.c_right ul li textarea{ width:98%; border:1px solid #CCCCCC; background:#e9e9e9; height:76px; padding:2px;}
.c_right ul li input.set{ width:99%; background:#029BDB; cursor:pointer; height:35px; color:#FFFFFF;}

.foot{ width:100%; margin-top:50px;}
.foot_top{ width:100%;min-width:1000px; margin:0 auto; background:#029BDB; padding:30px 0; min-height:200px; text-align:left; color:#FFFFFF; line-height:200%;}
.foot_top h2{ font-size:20px; padding-bottom:10px; text-align:left;}
.foot_bot{ width:100%; height:35px; background:#333333; padding-top:15px; color:#FFFFFF;}
.f_t_left{ float:left; width:35%;}
.f_t_left p b{ display:block; font-size:30px; font-weight:100; padding-top:25px;}
.f_t_center{ float:left; width:40%;}
.f_t_center ul li{ background:url(../images/dian.png) no-repeat left center; padding-left:16px;}
.f_t_center ul li a{ color:#FFFFFF;}
.f_t_right{ float:right; width:20%;}
.f_t_right a{ color:#FFFFFF;}


#featureContainer {
	 MARGIN: 0px auto; WIDTH: 100%; FONT-SIZE: 80%; 
}
#wrap {
	OVERFLOW: hidden
}

#feature {
	 MARGIN-TOP: 5px; MARGIN-BOTTOM: 20px; BORDER-TOP: #999 0px dotted; BORDER-RIGHT: #999 0px dotted
}
#feature .button {
	 WIDTH: 100%; BORDER-TOP: #999 0px dotted; TOP: 72px; LEFT: 0px
}


.featureBox {
	 WIDTH: 182px; FLOAT: left; HEIGHT: 152px; OVERFLOW: hidden;
}
#botton-scroll {
	Z-INDEX: 0;MARGIN: 0px auto; WIDTH: 100%; FLOAT: left;
}
#block {
	Z-INDEX: 0;  POSITION: relative;MARGIN: 0px auto; WIDTH: 100%; FONT-SIZE: 70%; OVERFLOW: hidden;}
#block .box {
 WIDTH: 100%; FLOAT: left;  background:url(../images/se_bg.jpg) no-repeat top center; padding-top:1px;
}
#block .box span{ display:block; padding-top:15px; font-size:12px;}
#block .box .feature-title {
	FONT-SIZE: 140%; FONT-WEIGHT: normal
}
#block .box .feature-thumb {
	WIDTH:100%; MARGIN-BOTTOM: 5px; FLOAT: left;
}

.keifu{ position:fixed; top:15%; right:0; width:131px;  _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
 z-index:990;}
.keifu_tab{ width:160px;}
.icon_keifu{ width:26px; height:100px; float:left; background:url(../qqimages/keifu.png) 0 0; position:relative; display:none; cursor:pointer;}
.keifu_box{ float:left; width:131px;}
.keifu_tab img{ display:block;}
.keifu_head{ width:131px; height:41px; background:url(../qqimages/keifu.png); background-position: 0 -103px; font-size:0; line-height:0; position:relative;}
.keifu_close:link,.keifu_close:visited{ display:block; width:11px; height:11px; background:url(../qqimages/keifu.png) -42px 0; position:absolute; top:5px; right:5px;}
.keifu_close:hover{ background-position:-60px 0;}
.keifu_con{ border-left:7px solid #029bdb; border-right:7px solid #029bdb; padding-top:15px; background:#fbfbfb;}
.keifu_con li{height:33px; padding-left:12px;}
.keifu_con .weixin{ height:96px;}
.keifu_con .bt{ font-size:16px; height:30px; line-height:30px; text-align:left; padding:0 0 0 20px; color:#012646;}
.keifu_bot{ width:131px; height:119px; background:url(../qqimages/keifu.png); background-position:0 -149px; }
@media (max-width: 480px)
{
.l_left img{}
.l_company img{}
.l_right{ display:none;}
}
@media (max-width: 1000px){
.about{ width:94%; padding:70px 3%; margin-top:50px; background:#337AB7; height:auto;}
.abo_left{ float:none; width:100%; background:none;}
.abo_right{ float:none; width:100%; margin-top:20px;}
}
@media (max-width: 1000px){
.menu{ width:94%; margin:0px auto; height:50px; background:#029BDB; padding:0px 3%;}
.menu ul .stmenu{ float:left; padding-right:1%;}
.menu ul .stmenu a{ display:block; padding:13px 10px; height:24px; font-size:13px;}
.menu ul .stmenu a:hover{ background:#337AB7; color:#FFFFFF;}
}
@media (max-width: 1920px){
.about{ width:94%; padding:70px 3%; margin-top:50px; background:#029BDB; min-height:360px;}
.abo_left{ float:left; width:44%; color:#FFFFFF; text-align:left; padding:1% 3%; background:none;}
.abo_left h2{ font-size:34px; padding-top:20px;}
.abo_left span{ font-size:16px;}
.abo_left p{ font-size:14px; line-height:200%; margin-top:15px;}
.abo_left img{ margin-top:35px;}
.abo_right{ float:right; width:45%;}
.abo_right img{ width:80%;}
}
.main{ width:94%; padding:0px 3%; margin-top:50px; height:auto; text-align:left;}
.m_top{ width:100%;}
.m_top h2{ font-size:20px; margin-bottom:15px;}
.m_bot{ width:100%; line-height:200%;}

.m_bot1{ width:100%; margin-top:20px;}
.m_bot1 ul li{ float:left; width:22%; margin-right:3%; margin-bottom:30px;}
.m_bot1 ul li img{ width:100%;}
.m_bot1 ul li span{ width:100%; display:block; height:35px; text-align:center; background:#D1D1D1; font-size:16px; padding-top:15px;}