*{ margin:0;}
body { font-size:12px; color:#000; font-family: Microsoft YaHei,Arial, Helvetica, sans-serif ;vertical-align:baseline; background: #fafafa}
img { vertical-align:middle }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }
ul,li{ list-style:none; margin:0; padding:0;}
blockquote, q { quotes:none }
blockquote:before, blockquote:after, q:before, q:after { content:none }
ins { background-color:#ff9; color:#000; text-decoration:none }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold }
del { text-decoration:line-through }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help }
table { border-collapse:collapse; border-spacing:0 }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0 }
input, select { vertical-align:middle }
a { text-decoration:none; color:#000 }
a:hover, a:focus { text-decoration:none; color:#f33 }
a:focus { outline:0 }
.cl:after { visibility:hidden; display:block; font-size:0; content:"."; clear:both; height:0 }
.cl { zoom:1 }
#efe{ background:#efefef;}
.clear{ clear:both;}
.wp{width:1100px;margin:0 auto; overflow:hidden;}
.main_box{ width:100%; height:810px; background:url(../images/bg.jpg) no-repeat center 0;}
.mr10{ margin-right:10px;}
.fff{ background:#FFF;}

.header_box{ width:1100px; height:30px; margin:auto;line-height:30px; text-align:center;}
.header_left{ float:left; color:#FFF; }
.header_right{ float:right;color:#FFF; background:url(../images/tel.png) no-repeat 0 4px ; padding-left:24px;}
.header_right span a{ color:#FFF; margin-left:8px; padding-right:8px;}
.header_right span a:hover{ color:#F00;}

.logo{ width:86px; height:99px; margin-top:30px; float:left;}
.menu{ float:right; width:900px; margin-top:75px;}
.menu li{float:left; display:block; width:100px; margin-right:10px; font-size:18px; text-align:center}
.menu ul li a{ display:block;color:#FFF; width:90px;  padding-left:6px;}
.menu ul li a:hover{ color:#fff; padding-left:6px; border-bottom:3px solid #F00; padding-bottom:8px;}
.zi_box{ width:1030px; float:left; height:100px; background:url(../images/zi.png) no-repeat 270px 20px; margin-bottom:54px;}

.pro{ float:left; width:1030px; color:#000; min-height:280px;}
.li1{ width:1000px; height:25px; float:left;}
.left1{ float:left; margin-left:88px; margin-top:2px;}
.right1{ float:right;}

.li2{ width:1055px; height:25px;  float:left; margin-top:63px;}
.left2{ float:left; margin-left:14px; margin-top:14px;}
.right2{ float:right; margin-right:45px;}

.li3{ width:885px; height:25px;  float:left; margin-top:85px;}
.left3{ float:left; margin-left:192px;}
.right3{ float:right;}
.li4{ width:1080px; height:25px; float:left; text-align:center; margin-top:36px;}

#ipro {float:left; width:1100px; color:#FFF;}
#ipro h2{ background:url(../images/Product.png) no-repeat; padding-left:22px; font-size:16px; height:29px; line-height:29px;}
#ipro span{ font-size:12px; margin-left:4px;}
.overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-color: rgba(0,0,0,0.8); /*dim the background*/
  text-align:center; display:none; }
#overlay_pic { margin:200px auto; width:400px; box-shadow: 10px 10px 5px #000; } 
.jscarousal { width: 1100px; height: 90px; margin:0 auto; padding: 0; padding: 12px 0 22px 0; position: relative; /*overflow: hidden;*/}
.jscarousal .jscarousal-left, .jscarousal .jscarousal-right { float: left; width: 25px; height: 88px; color: White; position: relative; top:0; cursor: pointer; right:0}
.jscarousal .jscarousal-left { background-image: url(../images/left_arrow.png); background-repeat: no-repeat; background-position: left; }
.jscarousal .jscarousal-right { background-image: url(../images/right_arrow.png); background-repeat: no-repeat; background-position: right;}
.jscarousal-contents { width: 1050px; height: 110px; float: left; position: relative; overflow: hidden; }
.jscarousal-contents > div { position: absolute; width: 100%; height: 90px; }
.jscarousal-contents > div > div { float: left; margin-left: 11px; margin-right: 11px; }
.jscarousal-contents img { width: 144px; height: 80px; border: solid 4px #ec4125; }
.hidden { display: none; }
.visible { display: block; }
.thumbnail-active { filter: alpha(opacity=80); opacity: 0.8; cursor: pointer; }
.thumbnail-inactive { filter: alpha(opacity=100); opacity: 1.0; cursor: pointer; }
.thumbnail-text { color: #7A7677; font-weight: bold; text-align: center; display: block; padding: 10px 2px 2px 0px; }


#Marquee_x { overflow:hidden; width: 1060px;} 
#Marquee_x ul li ,#Marquee_x ul li div{ float:left;line-height:25px;overflow:hidden} /* 横向滚动必须让所有li左浮动 */
#Marquee_x ul li div{ float:left;text-align:center}
#Marquee_x ul li div span{ width:196px; height:30px; line-height:30px; }
#Marquee_x ul li div img{  display:block; margin-top:5px; margin-left:5px; border: 3px solid #dd4012; width:110px; height:110px;}


.ibg{ background:#fd470a; opacity: 0.7; width:520px; height:154px; padding:8px 8px 0 16px;}
.ibg h2{ font-size:18px; color:#FFF; width:300px; float:left; }
.ibg h2 span{ font-size:13px; padding-left:12px;}
.ibg .more{ float:right;}
.ibg .more a{ color:#FFF;}
.ibg .more a:hover{ color:#000;}

.iabout{ float:left;}
.inews{ float:right;}

.news_li { height: auto !important;  overflow:hidden; padding: 12px 12px 10px 0; width:510px; color:#FFF;}
.news_li img{ float:left; display:block; width:150px; height:100px; margin-right:14px; border:2px solid #CCC;}
/*-----新闻列表标题-----*/
.news_li .newimg{ float:left; }
.news_li h3{ margin-bottom: 8px;}
.news_li h3 a { font-size: 13px; color:#fff;}
.news_li span { float:left; width:230px;}
.news_li h4{ float:left; width:330px; margin-top:4px; height:auto; line-height:22px; font-weight:normal;}
.news_li h4 span{ float:right; width:80px;}




.fotter { position: absolute; background: #000; height: 50px; width: 100%; opacity: 0.7; top:760px; line-height:50px; border-top:1px solid #CCC;}
.fotter_left{ float:left; color:#FFF;}
.fotter_left a{ color:#FFF;}
.fotter_left a:hover{ color:#F00;}
.fotter_right{ float:right;}
.fotter_right li{ text-align:right; float:left; display:block; margin-left:18px;}
.fotter_right li a{ color:#fff}
.fotter_right li a:hover{ color:#F00;}


/* 导航与LOGO */
#iheader { width:100%; color:#fff; background:#323232; height:51px; overflow:hidden; }
#ilogo { padding:0; margin:22px 0 0 0 }
#ilogo a { width:155px; height:119px; overflow:hidden; float:left; display:block }
.imenu { padding-left:188px;}
.imenu li { float:left; width:auto; }
.imenu li a { display:block; color:#eee; float:left;text-align:center; line-height:35px; padding:8px 11px; height:35px; font-size:14px; }
.imenu li a:hover,.imenu li a.hover { color:#fff; background:#e24027; }
.imenu li a.cur { color:#999; }
#ilogo50th{ width:210px; position:absolute; z-index:99999; top:0; text-align:left;}
#iheaderr { float:right; width:280px; margin-top:13px;}
#iheaderr h3{ background:url(../images/tel.png) no-repeat; height:20px; font-size:12px; float:left; width:170px; margin-top:5px; padding-left:30px;}
#iheaderr h3 span{ color:#ff6d00;}
.lauager{ float:left; width:65px; }
.lauager li{ float:left; display:block; background:url(../images/luag.png) no-repeat; height:24px; width:24px; margin-left:8px; text-align:center; padding-top:2px; margin-left:8px;}
.lauager li a{ color:#FFF;}

.icon{ width:1100px; min-height:720px; margin:0 auto;}
#nbanner { width: 100%; overflow:hidden; height:220px; margin-bottom:20px; background:url(../images/ibanner.jpg) center;}
.leftbar { width: 253px; float: left;}
.leftbar h2 { background: url(../images/ico.png) no-repeat 24px 16px #dd4012; color: #fff; width:210px; height: 35px; line-height: 35px; padding: 0 0 0 43px; font-size:16px;}
.leftbar ul{ background: #e6e6e6; padding:0; margin:0 0 20px 0;}
.leftbar ul li { border-bottom: 1px solid #e2e2e2; height: 34px; line-height: 34px; font-weight: bold; background:url(../images/ico.gif) no-repeat 28px 14px;}
.leftbar ul li a { color: #3d3d3d; padding: 0 0 0 18px; width:130px; padding-left:42px;}
.leftbar ul li a:hover,.leftbar ul li a.acur { font-weight: bold; float:left; display:block; background:url(../images/ico.gif) no-repeat 28px 14px #fff001; width:212px;}
.leftbar .con{ float:left; background: #e6e6e6; padding-bottom:20px;}
.leftbar .con span{ line-height:28px; font-size:12px; padding:18px 8px 0px 18px; float:left; color:#000;}

.rightbar { float: right; color:#000; width:820px;}
.rightbar .crumbs {background:#e6e6e6; width:805px; height:35px; margin-bottom:20px; line-height:35px; font-size:15px; padding-left:15px; font-weight:600;}
.rightbar .crumbs span{  width:500px; padding-right:20px;text-align: right;  float:right; margin-bottom:20px; font-size:12px; font-weight:normal;}
.rightbar .intro { clear: both; padding: 0 0 0 0; line-height:24px;}
.foot{ width:100%; height:40px; background:#4d4d4d; line-height:40px; margin-top:30px;}

.pages{text-align:right;padding:20px 70px 20px 10px;font-size:12px;}
.pages a{border:1px solid #CCC;display:inline;padding:2px 8px; background:#FFF; margin:0 2px;}
.pages a.a1{border:1px solid #ccc;background:#FFF;color:#000}
.pages a:hover{border:1px solid #ddd;-webkit-box-shadow:0 1px 1px #eee;-moz-box-shadow:0 1px 1px #eee;box-shadow:0 1px 1px #eee}
.pages a.a1:hover{border:1px solid #ce3300;-webkit-box-shadow:0 1px 1px #f9ede9;-moz-box-shadow:0 1px 1px #f9ede9;box-shadow:0 1px 1px #f9ede9}
.pages span{padding:2px 8px;color:#000; border:1px solid #CCC; background:#fff000; margin:0 2px;}
.contact{ background:url(../images/map.gif) no-repeat 68px 88px; width:582px; height:377px; line-height:24px; font-size:14px;}

.prolistUL{ width:850px; overflow:hidden; }
.prolistUL li { float: left; width: 266px; height: auto; overflow: hidden; margin:0 10px 0 0px;}
.prolistUL li img { border: 1px solid #d8d8d8; width:264px; height: auto; background:#FFF;}
.prolistUL li span { display: block; width: 254px; text-align: center; height: 35px; line-height: 35px }

#case_list { min-height:462px; height:auto !important; height:462px; overflow:visible; width:750px; padding:10px 6px 0 6px; }
#pro_img{ text-align:center;}
#pro_img img{ border:1px solid #CCC; }
#pro_name{ padding-top:6px; text-align:center; color:#000; font-size:16px; }
#pro_desc{ margin:3px 5px 0px 12px; line-height:22px; height:auto !important; overflow:hidden; }
#pro_desc h2{ font-size:14px; }
#pro_desc p { margin:0px 0px 8px 0px; }
#pro_desc a { color:#094B9F; }
#pro_desc a:hover { text-decoration:underline; color:#094B9F; }
#pro_link{ clear:both; width:100%; text-align:center; margin-bottom:10px; height:auto !important; overflow:hidden; }
#pro_link .previous{ padding-right:50px; text-align:left; font-size:14px;}
#pro_link .next{ width:50%; text-align:right; font-size:14px;}

.news_list { height: auto !important;  overflow:hidden; padding: 0 12px 10px 5px; width:770px;}
.news_list ul{ margin:0; padding:0;}
.news_list li{ min-height:160px; padding-top:4px; border-bottom: 1px dotted #8C8C8C; margin-bottom:8px; padding-bottom:8px;}
.news_list li img{ float:left; display:block; width:200px; height:150px; margin-right:14px; border:2px solid #CCC;}
/*-----新闻列表标题-----*/
.news_list li .newimg{ float:left; }
.news_list li h3{ margin-bottom: 8px;}
.news_list li h3 a { font-size: 16px; color:#000;}
.news_list li span { float:left; width:450px;}
.news_list li h4{ float:left; width:450px; margin-top:12px; height:auto; line-height:24px;}
.news_list li p a{ background:url(../images/news_03.png); float:left; display:block; width:100px; height:30px; text-align:center; line-height:30px; margin-top:10px; color:#000}
.news_list li p a:hover{ background-image:url(../images/news_06.png); width:100px; height:30px;}

/*新闻详情页*/
.n_body {overflow:hidden; margin-bottom:10px;}
#news_info { min-height:468px; height:auto !important; height:468px; overflow:visible;}
#news_info a { color:#3C3C3C; }
#news_info a:hover { color:#FA4A1F; }
#news_info .article_title { font-size:16px; font-weight:bold; margin:0px; text-align:center; line-height:28px; }
#news_info .atdes { line-height:36px; text-align:center; border-bottom:1px dotted #BCBCBC; }
#news_info .atdes span{ padding:0px 6px; }
#news_info .news_body { font-size:14px; padding-top:18px; line-height:28px; text-align:left;}
#news_info .news_body img { border:1px solid #CCC; }
#news_info .news_body p { font-size:14px; margin:0px 0px 6px 0px; }
#news_info .news_body p.pcut span { border:1px solid #B4B4B4; margin-right:2px; padding:2px 4px; font-weight:bold; color:#0473EC; }
#news_info .news_body p.pcut a { border:1px solid #B4B4B4; margin-right:2px; padding:2px 4px; color:#9E9E9E; }
#news_info .news_body p.pcut a:hover { text-decoration:none; color:#0473EC; }
#news_info .news_body a { color:#094B9F; }
#news_info .news_body a:hover { text-decoration:underline; color:#094B9F; }
#updown { font-size:14px; border-top:#BCBCBC 1px dotted; line-height:24px; padding-top:8px; padding-bottom:8px; text-align: center; float:left; width:100%; margin-top:18px;}



.conbg{ background:url(../images/map.png) no-repeat 2px 180px; width:1100px; min-height:418px; margin:0 auto;}
.contact{ border-left:4px solid #CCC; border-right:4px solid #CCC; height:20px; float:left; width:1094px; margin-bottom:30px;}
#pro_title{ height:10px; border-bottom:1px solid #999; margin-bottom:50px;}
#pro_text{ width:250px; text-align:left; font-size:22px; line-height:20px; float:left; font-weight:700; margin-left:28px; padding-left:12px; background:#fafafa; color:#dd4012;}
#pro_text span{ color:#333; padding-left:6px;}
.conleft{ float:left; width:580px; font-size:14px; font-weight:600;}
.conleft li{ width:280px; float:left; display:block; margin-bottom:12px;}

.conright{ float:right; width:470px; font-size:14px; font-weight:700;}
.conright li{ width:470px; float:left; display:block; margin-bottom:12px;}
.conright li span{ background:#757575; padding:2px 6px; color:#FFF; margin-left:18px;}
.conright li strong{ color: #F00;}

.map{ margin-top:30px; float:right;}



/***************  tab  *******************/
.nTab { width: 700px;}
.nTab .TabTitle { line-height:25px; width:650px; padding-top:60px; *padding-bottom:30px; }
.nTab .TabTitle ul { margin-top:-16px; *margin:0 auto; }
.nTab .TabTitle li { float: left; cursor: pointer; text-align:center; font-size:12px; width:95px; margin-right:5px; background:#077fcd; color:#fff; height:25px; }
.nTab .TabTitle .active { background:#f7f7f6; color:#077fcd; }
.nTab .TabContent { float:left; line-height:28px; margin-top:10px;}
.nTab .TabContent p{ float:left; width:100%;}
.nTab .TabContent .fdts{ text-align:right}
.none { display:none; } 
.nTab .TabContent img {  cursor:pointer; }


.content { float: left; height: auto; line-height: 28px;  margin: 0 30px;  width: 380px; }

#preview{ text-align:center; width:380px; float:left;}
.jqzoom{ width:350px; height:350px; position:relative;}

.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:350px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:322px; margin-right:6px;}
#spec-list div{ margin-top:0; *margin-left:0;}