*{margin:0; padding:0;}
body{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000 !important; line-height:22px;text-align: justify;}
a{text-decoration:none; color:#333;outline:none;blr:expression(this.onFocus=this.blur());}

img{border:none}
ul,ol{list-style:none}
h1{font-size:15px}
h4{font-size:16px;font-weight:bold;color:#006cad;line-height:25px;margin-top:30px;margin-bottom:10px;}
h2{font-size:15px;}
.clear{clear:both}
.table{ width:100%; height:auto; background:#ddd; margin-bottom:10px; border-top:1px solid #c7c7c7; line-height:22px}
.table td{margin-bottom:3px; padding:2px 4px;}
.table tr{ background:#fff;}
.table tr.top{background:#eee; font-weight:bold}
.news_title {
text-align: center;
font-size: 22px;.nav_3
font-weight: bold;
margin-bottom: 20px;
}

#header{background:url(../images/headerbg.jpg) left 22px repeat-x;}
.toplink{background:#666; line-height:22px; height:22px}
.toplink_inner{width:982px; margin:0 auto;}
.lang{text-align:right}
.lang a{color:#fff; padding:0 4px}
.header_inner{width:982px;margin:0 auto}
.logo{float:left;margin:19px 0 14px 0; }
.com{float:left; font-size:20px; line-height:25px; font-weight:bold; margin:40px 0 0 10px}
.menu{background:url(../images/grad-navBar.png) left bottom repeat-x; height:49px; border-bottom:#e7b220/*#006cad*/ 5px solid}
.menu ul{width:998px; margin:0 auto}
.menu ul li{float:left; background:url(../images/menubg.gif) right 10px no-repeat;}
.menu ul li.head{background:none;padding-left: 6px;}
.menu ul li a{display:block; line-height:43px;font-size:12px; font-weight:bold; padding:6px 19px;text-align:center}

.menu ul li.uni a{ line-height:42px}
.menu ul li.uni a:hover{   border: 1px solid #C9C5C5;
border-bottom:#fff;
  line-height:41px; 
border-radius:6px 6px 0px 0px;
 height:36px;
background:#fff;}
.menu li .k{ width:150px;line-height:15px;}

.menu ul li a:hover{
    border:1px solid #C9C5C5;
border-bottom:#fff;
 line-height:41px;    
border-radius:6px 6px 0px 0px;
 height:36px;
background:#fff;}
.menu ul li.head a{background:url(../images/home.jpg) no-repeat; width:51px; height:43px; padding:6px 0 0 0}
.menu ul li.head a:hover{background:url(../images/home_hover.jpg) no-repeat; border:none}
.banner{height:320px;}
.container-bg{background:url(../images/container-bg.png) repeat-x; border-bottom:solid 1px #c7c7c7; margin-bottom:1px; position:relative; z-index:1;}
.container-img .innerfade li{width:100%;}
.container{width:700px; margin:0 auto; height:320px; position:relative;}
.case-btn{position:absolute; left:0; bottom:0; z-index:9999999999999;}
.case-btn li{float:left; display:inline; margin-right:5px; position:relative;}
.case-btn li a{display:inline-block; width:110px; height:38px; line-height:38px; background:url(../images/case-btn.jpg) no-repeat; color:#fff; font-weight:bold; text-align:center; font-size:11px;}
.case-btn li a:hover{text-decoration:none;}
.case-btn li.cur a{background:url(../images/case-btn-cur.jpg) no-repeat;}
.case-btn li .text{width:90px; height:88px; background:url(../images/case-text.png) no-repeat top; position:absolute; left:0; bottom:38px; color:#fff; padding:10px 10px 0; display:none; font-size:11px; line-height:16px;}
.case-btn li .text a{display:inline-block; width:45px; height:16px; line-height:16px; text-align:center; background:url(../images/case-text-detail.gif) no-repeat; font-weight:normal;}
.case-btn li p.mb5{margin-bottom:0}
.dbImg{width:100%;height:320px;padding:0;position:relative;}
.dbImg li{display:none;position:absolute; width:100%; height:450px;}
.jsNav{position:absolute;width:300px;height:20px;bottom:9px;right:9px;z-index:18; left:50%; margin-left:150px; text-align:right; z-index:999999999;}
.jsNav a{display:inline-block;width:10px;height:10px;margin-right:4px;background:url(../images/jsNavIcon.gif) no-repeat;overflow:hidden; cursor:pointer; font-size:0;}
.jsNav a.current{background:url(../images/jsNavIconCur.gif) no-repeat;}
.jsNav a:hover{text-decoration:none;}

#content{width:982px; margin:0 auto; padding:12px 0}
.section{padding:5px 0;  width:982px; margin-bottom:30px}/*border:#ccc 1px solid;*/
.section ul li{float:left; width:178px;; padding:0 8px; display:block; border-right:#ccc 2px solid; font-size:11px}
.section ul li.last{border-right:none}
.section ul li img{float:right; margin-left:10px}
.section ul li a{font-weight:bold;color:#006cad; font-size:12px}
.section ul li span{font-size:11px}
.part ul li{line-height:24px}
.part ul li.tit{font-size:16px; font-weight:bold; margin-bottom:20px; color:#006cad}
.part ul li.text img{float:left;margin-right:5px;}
.part ul li.text spam{ margin-left:5px; }
.part ul li.text a{text-decoration:underline}
.part ul li.text a.more{display:block; margin-top:8px; color:#006cad}
.sidebar{width:223px; float:left; padding-bottom:290px}
.plist span{display:block; background:url(../images/plist.gif) no-repeat; width:198px; height:26px; line-height:26px; color:#fff; padding-left:25px; font-weight:bold; margin-bottom:1px}
.plist ul li{width:223px}
.plist ul li a{display:block; line-height:15px; padding:7px 0 7px 20px; border-bottom:#ccc 1px dashed; background:url(../images/plist_bg1.gif) no-repeat;}
.plist ul li.w a{/*background:#accaf0;*/  padding-left:8px; color:#333333}
.plist ul li.j a{background:url(../images/plist_bg.gif) no-repeat; padding-left:20px}
.plist ul li a:hover{background:url(../images/plist_hover.gif) no-repeat; color:#a00000}
.plist ul li.w a:hover{background:#accaf0}
.plist ul li.j a:hover{background:url(../images/plistj_hover.gif) no-repeat}
.plist ul li.a a{text-decoration:underline;color:#a00000;}
.title{width:100%; line-height:28px; background:#f2f2f2}
.title_inner{width:982px; margin:0 auto}
.title_inner a{color:#006cad; text-decoration:underline}
.mainbody{width: 729px;
float: left;
margin-left: 30px;}
.mainbody1{width:104%; float:left;}
.sq_news{ margin-bottom:30px;}
.sq_news ul li {
float: left;
line-height: 32px;
width: 729px;
border-bottom: #ccc 1px dashed;
}
.sq_news ul li span.l a:hover {
text-decoration: underline;
color: #333;
}
.sq_news ul li span.l {
float: left;
background: url(../images/dd.jpg) left center no-repeat;
padding-left: 12px;
}
.sq_news ul li span {
display: block;
}
.sq_news ul li span.l a {
color: #006cad;
}
.sq_news ul li span.r {
float: right;
}
.key{line-height:60px; /*background:url(../images/teu.jpg.html) right center no-repeat;*/ height:60px; padding:2px 0; border-bottom:#ccc 1px dashed; border-top:#ccc 1px dashed; margin-bottom:20px;width: 982px;}
.key_1{line-height:60px; /*background:url(../images/teu.jpg.html) right center no-repeat;*/ height:60px; padding:2px 0; border-bottom:#ccc 1px dashed; border-top:#ccc 1px dashed; margin-bottom:20px;width: 982px;}
.product_title{line-height:32px; font-weight:bold; border-bottom:#006cad 2px solid; margin-bottom:12px; width:729px; color:#006cad}
.product_title span{display:block;}
.product_title span.l{float:left}
.product_title span.r{float:right}
.product{margin-bottom:20px}
.product ul li{float:left; width:31%; padding-right:17px; padding-bottom:16px}
.product ul li a img{ width:200px;}
.product ul li a{display:block; text-align:center}
.product ul li a.w{border:#ccc 1px solid; margin-bottom:8px}
.product ul li a.w img{padding:3px}
.product ul li a.j{line-height:14px}
.product ul li a.w:hover{/*border:#006cad 1px solid;*/ background:#eee}
.product ul li a.j:hover{color:#a00000}
.feature{margin-bottom:20px}
.feature li.a{font-weight:bold; /*line-height:28px; border-bottom:#006cad 1px solid; margin-bottom:8px*/}
.feature li.b{padding-left:20px; background:url(../images/dot.gif) left 7px no-repeat}

.pdetial{background:url(../images/pro_12.jpg.html) left top repeat-x; width:729px}
.pdetial_l{float:left; width:320px;}
.pdetial_r{float:left; width:409px;}


.scroll{overflow:hidden;zoom:1;height: 124px; margin-bottom: 10px;  width:450px;}
.scroll_tit{ width:100px; float:left;}
.scroll .pcont {width:364px; float:left; overflow:hidden; margin:0 auto; }
.scroll .ScrCont {width:32766px;zoom:1;}
.scroll #List1_1, .scroll #List2_1 { float:left;}
.scroll #List1_1 ul, .scroll #List2_1 ul{ list-style-type:none;height: 124px;}
.scroll #List1_1 li img, .scroll #List2_1 ul li img{text-align: center;padding-left: 1px;padding-top: 1px; width:113px; height:102px;}
.scroll #List1_1 li, .scroll #List2_1  li{cursor: pointer;float: left;width: 117px;display: inline;height: 124px;margin-left: 3px;
overflow: hidden;background: url(../images/bg_prodetailb.jpg) no-repeat;}
.scroll .LeftBotton{WIDTH: 11px;FLOAT: left;HEIGHT: 22px;cursor: pointer;margin: 37px 5px 0 0px;display: inline;cursor: pointer;}
.scroll .RightBotton{WIDTH: 11px;FLOAT: left;HEIGHT: 22px;cursor: pointer;margin: 37px 0px 0 5px;display: inline;cursor: pointer;}
.scroll .pl img {display:block; cursor:pointer;border:none; margin:6px 15px 4px 19px; width:55px; height:41px; }
.scroll .pl {width:88px; height:50px; background:url(../images/pro_20.jpg) no-repeat; float:left;float:left;  margin:0px 6px;}
.inquire a{display:block; float:left; margin-right:12px}
.inquire a.w{width:96px; height:28px;background:url(../images/inquiry.gif) no-repeat}
.inquire a.w:hover{background:url(../images/inquiry_h.gif) no-repeat;}
.inquire a.j{background:url(../images/data.gif) no-repeat; width:106px; height:28px}
.inquire a.j:hover{background:url(../images/data_h.gif) no-repeat}
.contact{padding-left:10px}
.contact a{color:#006cad; text-decoration:underline}
.form_title{line-height:28px; border-bottom:#ccc 1px dashed; font-weight:bold; margin-bottom:12px; background:#eee; font-size: 15px; padding-left:10px}
.form_title span.r{padding-left:244px}
#form1{padding-left:10px}
.about_title{line-height:26px;font-weight:bold; border-bottom:#006cad 1px solid; margin-bottom:10px; color:#333; font-size:15px;}
.about_img{width:250px; float:right; margin:0 0 0 10px}
.about_img img{width:250px; height:167px}
.gallery img{padding:1px; border:#ccc 1px solid; width:209px;}
.cer{text-align:center}
.cer table td{padding:20px 0}
.cer table td img{padding:1px; border:#ccc 1px solid}
.sitemap a{font-weight:bold; color:#666}
.sitemap a.w{color:#006cad}
.sitemap a.j{color:#000}
.re_title{line-height:22px; font-weight:bold; margin-bottom:8px}
.re_product{margin-bottom:20px; width:409px}
.re_product a{display:block; float:left; margin-right:2px; color:#006cad; font-weight:bold; padding:0 10px; background:#f2f2f2; border:#ccc 1px solid}
.re_product a:hover{text-decoration:underline; background:#fff}
.back a{font-size:14px; font-weight:bold}

#footer{background:url(../images/footerbg.gif) left top repeat-x; padding:12px 0}
.copyright{width:982px; margin:0 auto; text-align:center}
.qlink{width:982px; margin:0 auto; text-align:center}
.qlink a{padding:0 6px}
.flink{width:982px; margin:0 auto;  text-align:left; padding-top:8px; margin-top:5px;}
.flink a{padding:0 8px}
.flink span{ float:right;}

.albumsde{ width:395px; float:left; margin-right:20px; overflow:hidden}
.albumsde1{ width:100%;float:left; background:url(../images/bg_prodetail_t.jpg) no-repeat; height:263px; text-align:center; padding-top:20px; margin:0 10px 20px 0px;}

.subbanner_c {
width: 100%;
height: auto;
margin: 0 auto;
padding-bottom: 20px;
}
.subbannercontent_c {
margin: 0 auto;
height: auto;
padding-bottom: 20px;
}
.subbody {
max-width: 963px;
width: 100%;
height: auto;
position: relative;

padding: 0 0 10px 0;
}
.contact-content {
width: 102%;

}
.contact-content .contact-content-head {
width: 100%;
height: 38px;
border-bottom: 2px solid #e57006;
}
.contact-content .contact-content-head .contact-head-left {
float: left;
font-size: 28px;
font-weight: bold;
color: #e57006;
}
.contact-content .contact-content-head .contact-head-right {
float: right;
color: #333;
}
.contact-content .contact-content-body {
margin-top: 10px;
}
.contact-content .contact-content-body .contact-content-body-top {
border-bottom: 1px dashed #999;
color: #333;
padding-bottom: 20px;
}
.contact-content-body-top p{ margin-bottom:0;}
.contact-content .contact-content-body .contact-content-body-middle {
height: 690px;
width: 100%;
border: 1px solid #fafafa;
margin-top: 10px;
}
.contact-content .contact-content-body .contact-middle-each {
float: left;
width: 100%;
margin: -30px 20px 30px 0;
}
.address-head {
font-size: 14px;
font-weight: bold;
color: #1a3c83;
padding: 5px 0;
}
.contact-content .contact-content-body .contact-content-body-top .contact-top-right {
width: 30%;
float: left;
border-left: 1px dashed #CCC;
padding: 70px 0 5px 50px;
}
.contact-content .contact-content-body .contact-content-body-top .contact-top-left {
width: 55%;
float: left;
padding-right: 10px;
}
.choosetip {
color: #114491;
font-size:14px;
padding-top: 12px;
}
.choosetipsub {
color: #797979;
font-size:12px;
}
.OrangeBtnt a {
background: url(../images/prodetailbtn.png) no-repeat;
width: 180px;
height: 22px;
margin: 10px 0px;
cursor: pointer;
display: block;
}
.tty:hover {
background: #009900;
color: #FFFFFF;
}
a:hover {
cursor: pointer;

}






.tty-w {
width: 100px;
background: #2e39c1;
margin-left: 5px;
}
.tty {
display: block;
float: left;
line-height: 28px;
height: auto;
font-size: 12px;
font-weight: bold;
text-align: center;
color: #fff;
border-radius: 4px;
margin: 15px 15px 10px 0px;
height: auto;
}
.F14lists { LINE-HEIGHT: 23px}
.F14lists UL { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px}
.F14lists LI { PADDING-LEFT: 2px; FONT-SIZE: 14px; VERTICAL-ALIGN: bottom}
.F14lists LI SPAN { FONT-SIZE: 9px; COLOR: #533826}
.FixTitle A:link { COLOR: #0736aa; TEXT-DECORATION: none}
.FixTitle A:visited { COLOR: #0736aa; TEXT-DECORATION: none}
.FixTitle A:hover { TEXT-DECORATION: underline}
.FixTitle { OVERFLOW: hidden;LINE-HEIGHT: 24px; HEIGHT: 24px}
.FixTitle H3 { PADDING-LEFT: 20px; FONT-SIZE: 16px;  FLOAT: left; COLOR: #006cad; line-height:30px;}
.FixTitle SPAN { PADDING-RIGHT: 5px; FLOAT: right}
.RForm { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px}
.RForm DT { LINE-HEIGHT: 23px}
.RformB { PADDING-LEFT: 10px}
.blk_29 {  PADDING-RIGHT: 0px;PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; OVERFLOW: hidden;PADDING-TOP:5px;ZOOM: 1; POSITION: relative; background:url(../images/scobg.jpg) left center no-repeat; height:240px; }
.blk_29 .LeftBotton { BACKGROUND:url(../images/scolleft.jpg)  no-repeat 0px 0px; LEFT: 16px; FLOAT: left; WIDTH: 28px; CURSOR: pointer; POSITION: absolute; TOP: 90px; HEIGHT: 114px}
.blk_29 .RightBotton { RIGHT:13px; BACKGROUND:url(../images/scolright.jpg) no-repeat 0px 0px; FLOAT: right; WIDTH:28px; CURSOR: pointer; POSITION: absolute; TOP: 90px; HEIGHT: 114px}
.blk_29 .Cont { MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 888px; PADDING-TOP: 5px}
.blk_29 .box { FLOAT: left; WIDTH: 200px; TEXT-ALIGN: center; margin-top:25px; margin-left:2px; }
.blk_29 .box IMG {  PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 3px; BACKGROUND: #fff; PADDING-BOTTOM: 3px; MARGIN: 0px auto; PADDING-TOP: 3px;}
.blk_29 .box A:hover IMG {}
.blk_29 .box P { MARGIN: 6px auto 0px; WIDTH: 187px; LINE-HEIGHT:18px}
.blk_29 .box span{ margin:6px auto 0px; width:117px; line-height:18px}
.blk_29 .box P a{ background:url(../images/solleft.gif.html) left center no-repeat; color:#006cad; font-weight:bold; padding-left:10px; line-height:12px;}
.blk_29 .box P a:hover{ color:#00142a;}
.part{ width:970px; height:auto; margin-top:20px; border:0px solid #ccc; margin-left:5px;}
.iso{float:right; margin:19px 0 0 0}

.table{ width:100%;border-left:0px solid #ccc; border-top:1px solid #565656; }

.table td{ border-right:0px solid #ccc; border-bottom:1px solid #ccc; line-height:45px; padding-left:20px; font-size:14px;}
.table tr:hover{ background-color:#f0f0f0;}
.mainbody .gallery{ overflow:hidden;width:108%;}
.mainbody .gallery a.thickbox{ width:220px;  display:block; float:left; margin-bottom:15px;margin-right:40px;}
.mainbody .gallery a.thickbox span{ display:block; text-align: center}
.mainbody .gallery a.thickbox div{ width:220px; height:150px}

.picBox{width:30%;height:400px; float:left; margin-right:3%; border:1px solid #eee; margin-bottom:15px; }
.picBox:hover .nav_l{background:#000000;color:#FFFFFF;}
.nav_l{height:48px;line-height:45px;color:#666;background:#f0f0f0;font-size: 16px;}
.nav_2{ height:60px;line-height:29px; color:#666;background:#f0f0f0;font-size: 16px;}
.nav_3{ height:45px;line-height:44px;color:#666;background:#f0f0f0;font-size: 16px;}
.nav_l b{float:right;margin-right:5px;}
.nav_2 b{float:right;margin-right:5px;}
.nav_3 b{float:right;margin-right:5px;}
.picBox ul li img{ max-width:306px; max-height:160px;}
.imager{max-width:306px;height: 160px;text-align: center; margin-bottom:15px;}
.picBox:hover .nav_l a{color:#FFFFFF;}
.picBox p{font-size:13px; line-height:22px; padding-left:5px; font-family:"Arial",Arial;}

.picBox1{width:30%;height:277px; float:left; margin-right:30px; border:1px solid #eee; margin-bottom:15px; }
.picBox1:hover .nav_l{background:#000000;color:#FFFFFF;}
.picBox1 ul li img{}
.picBox1:hover .nav_l a{color:#FFFFFF;}

.picBox2{width:30%;height:370px; float:left; margin-right:30px; border:1px solid #eee; margin-bottom:15px; }
.picBox2:hover .nav_3{background:#000000;color:#FFFFFF;}
.picBox2 ul li img{}
.picBox2:hover .nav_3 a{color:#FFFFFF;}
.picBox2 p{ padding:2px;}


.picBox2{width:30%;height:370px; float:left;overflow: hidden; margin-right:3%; border:1px solid #eee; margin-bottom:15px; }
.picBox2:hover .nav_2{background:#000000;color:#FFFFFF;}
.picBox2 ul li img{}
.picBox2:hover .nav_2 a{color:#FFFFFF;}
.picBox2 p{ padding:2px;}

#ul{ width:998px;}
#ul:after{ display:block; visibility:hidden; height:0; content:""; clear:both}
#ul li{ float:left; width:32%; margin-right:1%; margin-bottom:15px;}
#ul li a{ width:100px; height:30px; background:#333; color:#FFFFFF; display:block; line-height:30px; text-align:center; font-size:12px;}

.slideBox{ width:1023px; height:320px; overflow:hidden; position:relative;margin:0 auto; z-index:10}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; display:none}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:1023px;  height:320px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;outline:none   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }