@charset "utf-8";

html,body{ font:12px/1.8 'Microsoft YaHei',Tahoma,Verdana,'Simsun'; color:#333; background:#fff;  -webkit-text-size-adjust:none;}

a{ color:#333; text-decoration:none;}

a:hover{ color:#1C57C4; text-decoration:none;}

.kong{ height:10px; }
.fl{ float:left; }
.fr{ float:right; }
/*头部*/

.inner{ width:1180px; margin:0 auto; position:relative;}

header{ background:url(../h_top_bg.gif) repeat-x; zoom:1}

.topt{ height:30px;line-height:28px; }

#web_logo{ margin-left:10px; font-size:0px; position:relative; z-index:999;}

.top-nav{ color:#fff; position:absolute; right:5px; top:40px; height:77px; z-index:1; text-align:right; width:100%;}

.top-nav a{ color:#fff;}

.top-nav a:hover{ color:#fff;}

.top-nav li.b{ position:absolute; top:0px; right:0px;}

.top-nav li.t span{ padding:0px 5px; font-size:10px; color:#bbb;}

.top-logo{ min-height:90px; _height:90px;}

nav{ height:40px; overflow:hidden;background:#036EB8 bottom repeat-x;}

nav ul li{ float:left; text-align:center; height:40px; line-height:40px; overflow:hidden;  }

nav ul li a{ color:#fff; font-size:14px; display:block;}

nav ul li a:hover{ color:#fff;}

nav ul li.line{ width:0px; height:40px; padding:0px; border-left:1px solid #0378c8; border-right:1px solid #0363a5; }

nav ul li.hover,nav ul li.navdown{ background:url(../nav_o.gif) repeat-x;}

nav ul li.hover a,nav ul li.navdown a{ color:#fff; display:block; }

nav ul li.hover a:hover,nav ul li.navdown a:hover{ color:#fff;}

.met_flash{ margin-top:0px; font-size:0px; text-align:center; overflow:hidden;} 

.met_flash ul{ margin:0px; padding:0px;} 



/*首页*/

.sou{ height:64px; border-bottom:1px solid #ddd;}

.sleft{ width:100%; float:left; }

.sleft span{  float:left;line-height:60px;  font-size:16px; font-weight: normal;  }

.sleft ul{ float:left;  margin:20px 0; padding:0px;}

.sleft .txt{ zoom:1;}

.sleft .txt li{ list-style:none; float:left;  height:24px; line-height:24px; margin:0 15px; overflow:hidden;}

.sleft .txt li a{ color:#999; }

.sright{ width:300px; float:right; }

.sright #productsearch{ float:right; margin-top:15px;position: relative;right: 0px;}

.sright *html #productsearch{ top:-22px; position:relative; left:-8px;}

.sright *+html #productsearch{ top:-22px;position:relative;  left:-8px;}

.sright #productsearch span.navsearch_input input{float:left;border: #e4e4e4 solid 1px;height:26px; line-height:20px;width:165px;margin-top:2px; outline:none;text-indent: 10px;overflow:hidden;}

.sright #productsearch .searchimage{ float:left; background:none; border:none; width:65px; height:26px;margin-top:2px;}


.sproduct{ overflow: hidden; margin-top:0px; margin-bottom:20px; }
.left{ width:250px; float:left; border: 3px solid #0f74c6; border-radius:0 0 10px 10px;  margin-top:25px; *overflow:hidden;}
.ad{ height:45px; text-align:center; color: #fff; line-height:45px; font-size:16px; font-weight:bold;  background:#0f74c6;  }
.left .listbox{  border:0px solid #fff; background:#fff; border-top:none; padding:15px 5px 15px; }
.left .navnow{  position:relative; }
.left .navnow:last-child{ background:none;}
.left .navnow dt{ height:40px; line-height:40px; overflow:hidden; padding-left:15px; background:#ededed url(../item3.gif) no-repeat center right 15px; z-index:78; position:relative; margin-bottom:8px;}
.left .navnow dt a,.left .navnow li a{ display:block; color:#0f74c6; font-weight:bold; font-size:15px; }
.left .navnow dt a:hover,.left .navnow li a:hover{ text-decoration:none; }
.left .navnow dd{ padding:0px 0px 0px 0px;}
.left .navnow dd h4{ color:#000; font-weight:normal; padding:4px 0px 4px 35px; border-bottom:2px dotted #d3d3d3; background:url(../index_38.jpg) no-repeat left;}

.rights{ width:910px; float:right; margin-top:25px; }

.case{  margin-top:0px; overflow:hidden;}

.case .active{padding:5px; background:#fff;}

 h3.title {  height:45px; line-height:45px;  font-weight: bold; font-size:16px; position:relative;background: url(../pro_h.gif) repeat-x;  }

 h3.title spans{ width:150px;  height:45px; position:absolute;  left:0 ; display:block; background: #036EB8;color:#fff; text-align:center; z-index:99; }
 h3.title a.more{ position:absolute; padding-right:20px; right:0px; top:0px; font-weight:normal; color:#db0f00; border-right: 1px solid #D6D6D6; font-size:12px;}

.case dl.ind{ width:270px; float:left; margin:5px 15px ;  zoom:1}
.case dl.ind dt{  width:270px; height:210px; text-align: center;background: #FFF; padding:2px; zoom:1}
.case dl.ind dt a{ text-align: center;}
.case dl.ind dt img{  border:3px solid #0f74c6;  }
.case dl.ind dd{ float:right; display:inline; border-bottom:0px dotted #ccc;  padding:5px 0px 10px 0px; overflow:hidden;}
.case dl.ind dd h4{ text-align:left; font-size:14px;}
.case dl.ind dd p{ line-height:25px; }
.case dl.ind dd p span{ width:90px; height:25px; background:#036EB8; line-height:25px; margin:0 10px; padding:0px 10px; text-align:center; display: inline-block; }
.case dl.ind dd p span a{ color:#fff; }
.index-product{ margin-top:10px; *padding-top:0px;}

.index-product .active{padding:10px; border: 1px solid #D6D6D6;background:#fff; }

.index-product .profld{ margin:0px; position:relative; overflow:hidden;}

.index-product h3 span{ float:left; }

.index-product ol{ position: absolute; width: 2012em; }

.index-product ol li{ float:left; text-align:center; }

.index-product ol li a.img{ display:block; text-align:center; font-size:0px;}

.index-product ol li a.img img{ margin:auto; border:1px solid #d6d6d6;}

.index-product ol li h3{ font-weight:normal; margin-top:5px; height:20px; line-height:20px; overflow:hidden;}

.index-product .flip{ height:5px; overflow:hidden; margin:0px 15px 0px; float:left; }

* html .index-product .flip{ width:300px;}

*+html .index-product .flip{ width:300px;}

.index-product .next,.index-product .prev{ width:18px; height:0px; overflow:hidden; display:block; float:left; background:url(../neu.gif) no-repeat;}

.index-product .next{ background-position:-17px 0px; }

.index-product .next:hover{ background-position:-57px 0px; }

.index-product .prev{ background-position:-40px 0px; }

.index-product .prev:hover{ background-position:0px 0px; }

#trigger{ float:left; margin-right:5px; margin-top:0px; position:relative; bottom:8px; *bottom:0px; *top:5px; zoom:1;}

#trigger a{ background:url(../neu.gif) no-repeat -78px -10px; width:8px; height:8px; font-size:0px; display:inline-block; overflow:hidden; margin-right:5px;}

#trigger a.current{ background-position:-78px 0px;}

.about{ margin-top:0px;}

.about .active{padding:10px; border: 0px solid #D6D6D6; background:#fff;}

.aboutus{ width:880px; float:right; margin-top:20px;}

.aboutus .active{padding:10px; border: 1px solid #D6D6D6; background:#fff; }

.aboutusr{ width:280px; float:left; margin-top:20px;}

.aboutusr .active{padding:10px; border: 1px solid #D6D6D6; background:#fff;}

.index-news{ float:left; width:380px; margin-right:20px; margin-top:15px;border: 1px solid #D6D6D6;}

.listel li{ margin:0px 5px; height:30px; line-height:30px; overflow:hidden; padding-left:13px; background:url(../dt-1.gif) no-repeat left 12px; }

.listel li a{ margin-right:5px; zoom:1;}

.listel li span{ float:right; color:#666;}

.index-conts{ float:right; width:370px; margin-top:15px;border: 1px solid #D6D6D6;}

.youshi{ background:url(../youshi_box_bg.jpg) repeat-x; margin-top:20px; margin-bottm:50px; }
.youshi .inner{ background:url(../youshi.jpg) no-repeat top center; height:367px; overflow:hidden; }
.youshi dl{ width:1040px;  margin:225px auto 0; color:#fff; font-size:16px; }
.youshi dl dt{ width:130px; float:left; margin-left:65px; line-height:20px; text-align:center; }
.wyoushi{ margin-bottom:20px; position:relative; height:1672px; }
.wyoushi .wuda{   overflow:hidden; }
.wyoushi h4.title{ font-size: 24px;font-weight: bold;color: #126fb5; background:url(../sz_10.jpg) repeat-x bottom; }
.wyoushi h4.title p{ font-size: 20px;font-weight: normal;padding: 0px 0 0 0;color: #000000; }
.wyoushi h4.title span{ float:left; width:60px; height:81px; display:block; }
.wyoushi .wone span{ background:url(../numb1.gif) no-repeat left top; }
.wyoushi .wtwo span{ background:url(../numb2.gif) no-repeat left top; }
.wyoushi .wthree span{ background:url(../numb3.gif) no-repeat left top; }
.wyoushi .wfour span{ background:url(../numb4.gif) no-repeat left top; }
.wyoushi .ditu{ width:100%; height:418px; position:absolute; }

.wyoushi .wtext{ width:500px; font-size:14px; }
.wyoushi .wtext .active{ padding:10px; }
.wyoushi .wimg{ width:500px; }
.style-1  h3.title {  height:35px; padding-top:5px; font-weight: bold; font-size:16px; position:relative;background: url(../pro_h.gif) repeat-x;  }

.style-1  h3.title span{ width:100px; height:30px; line-height:30px; display:block; background:#036EB8 no-repeat ;color:#fff; text-align:center; }

.style-1  h3.title a.more{ position:absolute; padding-right:20px; right:0px; top:0px; font-weight:normal;color:#db0f00; border-right: 1px solid #D6D6D6; font-size:12px;}



#tabs-nav{ float:left;text-align: center; margin-left:15px;}

#tabs-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display:inline; position:relative; *top:12px;}

#tabs-nav li a {width: 8px; height: 8px; display: block; overflow:hidden; background:#9df0f5; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}

#tabs-nav li a:hover { background:#fff; }

#tabs-nav li a.flex-active{ background:#fff; cursor: default; }

.index-links{ background:#fff; padding:5px 15px 10px; margin-top:15px; position:relative;}

.index-links h3{ height:32px; line-height:32px; padding-left:20px; background:url(../dt-2.gif) no-repeat left center; font-weight:normal; font-size:14px; position:relative; border-bottom:1px dotted #ccc; margin-bottom:10px;}

.index-links h3 a.more{ position:absolute; right:10px; top:0px; color:#666; font-size:12px;}

.index-links ul{ margin:0px; padding:0px;}

.index-links .img{ margin-bottom:3px;}

.index-links .img li{ list-style:none; display:inline; padding-right:5px;}

.index-links .img img{ width:88px; height:31px;}

.index-links .txt{ zoom:1;}

.index-links .txt li{ list-style:none; float:left; width:88px; height:20px; line-height:20px; margin-right:5px; overflow:hidden;}



/*底部*/

footer{ border-top:1px #ddd solid; margin-top:10px; }

.foot-nav{ text-align:center; margin-top:10px; height:25px; line-height:25px;}

.foot-nav span{ font-size:10px; margin:0px 8px; color:#888;}

.foot-text{ text-align:center; padding:0px 0px 5px; }



/*内页侧栏*/

.sidebar{ margin-top:15px;}

.sidebar .sb_nav{ float:left; width:220px;}

.sidebar .sb_nav h3.title{  height:45px; text-align:center; color: #fff; line-height:45px; font-size:16px; font-weight:bold;  background:#0f74c6; }

.sidebar .sb_nav h3.line{ margin-top:15px; }

.sidebar .sb_nav .active{ padding:15px 5px 5px; border: 3px solid #0f74c6;  border-radius:0 0 10px 10px;}


#sidebar dl{ margin-left:0px;}

#sidebar dl dt{ height:31px; line-height:31px; overflow:hidden; padding-left:35px; background:url(../fl_bg.jpg) no-repeat center; z-index:78; position:relative; margin-bottom:8px; }

#sidebar dl dt a{ color:#0f74c6; font-weight:bold; font-size:15px; }

#sidebar dl dd{ padding:0px 0px 0px 15px;}

#sidebar dl dd h4{ font-weight:normal; padding:5px 0px 5px 10px; background:url(../dt-0.gif) no-repeat left center;}

#sidebar dl dt.on a{ font-weight:bold; font-size:15px;color:#0f74c6; }

#sidebar dl h4.on a{ font-weight:bold;}

.sidebar .sb_box{ float:right; width:945px; background:#fff; overflow:hidden; }

.sidebar .sb_box h3.title{ border-bottom:1px solid #ddd; background:#f8f8f8; height:35px; line-height:35px; position:relative;}

.sidebar .sb_box h3.title span{  position:absolute; color:#555; left:0px; top:1px; font-size:16px; border-bottom:2px solid #ff6633; padding:0px 15px; background:none;}

.sidebar .sb_box h3.title div.position{ float:right; font-weight:normal; font-size:14px; position:relative; top:3px; right:15px;}

.sidebar .sb_box h3.title div.position a{ color:#1C57C4;}
#showproduct .pshow dd{ font-size:14px;color:#333; }
#showproduct .pshow dd li span{color:#333; font-weight:bold;}