@charset "utf-8";
/* CSS Document */
body{ font-size:13px; line-height:18px; text-align:left; color:#333; font-family:Arial, Helvetica, sans-serif; min-width:980px; background:url(../images/bg.jpg) #fff repeat-x top;}
*{ margin:0px; padding:0px;}
.clear{line-height:0px; height:0px; font-size:0px; clear:both;}
a{ text-decoration:none;}
a:hover{ text-decoration:underline;}
ul,ol,li{ list-style:none; float:left;}
p{padding:6px 0;}
p span{padding-left:30px;}
.ys{color:#f08200;}
.ys1{color:#F00;}
img{ border:none;}

/*header*/
#header{ width:966px; height:auto; margin:0 auto;padding-bottom:20px;}
.language{ width:100%; height:36px; line-height:36px; text-align:right;}
.language a{color:#fff;}
.language a:hover{ color:#eee;}

.logo{width:245px;height:60px; padding-top:24px; float:left;}
.company_name{width:450px; float:left;padding-top:45px; font-size:25px; color:#000; line-height:28px; font-variant:small-caps;}
.logo_right{width:150px; float:right; text-align:center; height:131px;}
.qr{width:105px;height:105px;margin:0 auto;}
.qr img{width:100%;}
.chat_tool a{ float:left; padding:0 3px;}

.nav{ width:100%; height:54px; text-align:center; font-size:14px;}
.nav #nav_all{background:url(../images/nav_li.jpg) no-repeat left;width:964px;padding-left:2px;}
.nav #nav_all>li.li{position:relative;background:url(../images/nav_li.jpg) no-repeat right;padding-right:2px;}
.nav #nav_all>li.li>a{display:inline-block;height:54px;line-height:54px;padding:0 48px;color:#333; font-weight:bold; }
.nav #nav_all>li.li>a:hover,.nav #nav_all>li.li>a.dq{color:#f08200;background:#f4f4f4;}
.nav ul .subnav{position:absolute;top:54px;left:0;display:none;width:100%;background:#f4f4f4;}
.nav ul .subnav li{float:left;width:100%;height:30px;line-height:30px;padding:0;}
.nav ul .subnav a{display:block;height:30px;line-height:30px;padding:0;color:#333;overflow:hidden}



/*container*/
#containter{width:960px; height:auto; margin:0 auto 20px auto;}
.banner{ background:url(../images/banner.jpg) no-repeat center; width:961px; height:346px;padding:2px 12px 12px 2px; margin:0 auto;}

.main_pro{position:relative;width:960px; margin:0 auto 20px auto;}
.mainpro_title{ font-size:16px;border-bottom:1px solid #ccc; line-height:22px; padding:6px 0; margin:6px 0; font-weight:bold;}
.pointer{position:absolute;top:94px;}
.pointer.pl{left:0}
.pointer.pr{right:0}



.center{width:960px; height:auto; margin:0 auto 20px auto;}
.company_pro{width:528px; height:auto; border:1px solid #f7c07f;padding:4px; float:left;}
.company_pro div{background:#eaeaea;padding:36px;}
.company_pro div span{ display:block; font-family:Impact, Terminal, "Arial Unicode MS"; color:#f08200; font-size:30px; font-weight:bold; line-height:40px; padding-bottom:12px;}
.news_service{width:406px; height:auto; float:right;}
.link{width:100%; height:auto;}
.link a{ display:inline-block; height:59px; color:#333; font-size:25px; font-weight:bold; line-height:59px; width:137px;padding:0 0 12px 60px; margin-bottom:12px; text-align:center;}
.link a:hover{ text-decoration:none;}
.link a#news_bg{ background:url(../images/news.jpg) no-repeat; float:left;}
.link a#ser_bg{ background:url(../images/hr.jpg) no-repeat; float:right;}
.link a:hover#news_bg,.link a#news_bg1{ background:url(../images/news_h.jpg) no-repeat;float:left;color:#fff;}
.link a:hover#ser_bg,.link a#ser_bg1{ background:url(../images/hr_h.jpg) no-repeat;color:#fff;}
.news_service p{border-bottom:1px dashed #818080;padding:12px 3px; font-style:italic;}
.news_service p.last{ border:none;}
.news_service p a{color:#333;}

/*footer*/
#footer{ width:100%; height:auto; overflow:hidden;}
.pro_list{width:100%; height:auto; background:url(../images/list_bg.jpg) #f8f8f8 repeat-x top;padding:30px 0 20px 0; margin-top:20px;}
.foot_list{width:960px; height:auto; margin:0 auto;}
.foot_list ul{width:228px; padding-right:12px; display:block;}
.foot_list ul.last{ padding:0px;}
.foot_list ul li{ width:100%; display:block;padding:3px 0;}
.foot_list ul li a{color:#f08200; background:url(../images/dian.jpg) no-repeat 8px center;padding-left:20px; display:block;}
.foot_list ul li.biglist a{padding-left:8px;background:none; font-size:20px; color:#000; line-height:30px; padding-bottom:6px;}

.contact_us{ width:100%; height:auto; background:url(../images/contact_bg.jpg) #ececec repeat-x top;padding:30px 0 20px 0; text-align:center;}
.contact_us p{width:960px; margin:0 auto; display:block;padding:0px; line-height:30px;}
.contact_us p a{color:#f08200;}
.contact_us span{padding:3px 0 3px 28px;}
.contact_us span.add{ background:url(../images/add.jpg) no-repeat left;}
.contact_us span.tel{ background:url(../images/tel.jpg) no-repeat left;}
.contact_us span.fax{ background:url(../images/fax.jpg) no-repeat left;}
.contact_us span.mobile{ background:url(../images/mobile.jpg) no-repeat left;padding:3px 0 3px 22px;}
.contact_us span.email{ background:url(../images/email.jpg) no-repeat left;padding:3px 0 3px 30px;}

.foot{ width:100%; height:auto; padding:12px 0 10px 0; text-align:center;color:#606368; background:#282b30;}
.pro_link{width:960px; margin:0 auto;}
.pro_link a{color:#fff; padding:0 10px;}
.pro_link a:hover{ color:#eee;}
#otherlink{width:960px; margin:0 auto;height:auto; text-align:center;padding:10px 0 5px 0;}
#otherlink div{ display:inline;}
#otherlink img{margin-right:6px;}

/*other*/
#center{width:100%; height:auto; background:url(../images/side_bg.jpg) repeat-y left;}
/*sidebar*/
.sidebar{width:202px; height:auto; padding-left:12px; float:left;}
.prolist{width:100%; height:auto;}
.list_title{width:194px; height:30px; line-height:30px; background:#e5eaf0;padding-left:8px; font-size:16px;}
.prolist ul{width:100%; height:auto;}
.prolist ul li{width:100%; height:auto; border-bottom:1px dashed #c5c6ca; margin-top:1px;}
.prolist ul li a{ color:#333; display:block; padding:3px 8px;}
.prolist ul li.biglist a{color:#f28300; font-weight:bold;padding:4px 8px;}
.prolist ul li.smalist a{color:#666;padding:2px 8px 2px 16px; font-size:12px;}
.prolist ul li a.dq,.prolist ul li a:hover{ background:#f2f7fe; color:#f28300;}
.prolist ul li.smalist a.dq,.prolist ul li.smalist a:hover{background:#f9f7f7;color:#cc0000;}
.prolist ul li.biglist a.dq,.prolist ul li.biglist a:hover{background:#eaeff5;}
#news a{ color:#333; text-decoration:underline;}
/*content*/
.content{width:720px; float:right;padding-right:6px;}
.product{width:100%; height:auto;}
.pro_title{width:708px; height:auto; background:#e6e9ee;padding:3px 6px; font-size:12px;color:#f28300; margin-bottom:6px;}
.pro_title a{color:#333;}
.h2_title,h2{ font-size:16px; font-weight:bold;color:#f28300; padding:6px 0;}
.product ul{width:100%; height:auto;clear:both;overflow:hidden}
.product ul li{ width:100%; height:auto;text-align:center;clear:both;overflow:hidden}
.product ul li ol{width:168px;height: 180px;display:block; padding:6px;}
.product ul li ol li.product_img{width:166px;height:138px;border:1px solid #efa463;}
.product ul li ol li.product_txt{width:168px;padding-top:3px;}
.product ul li ol li a{ display:block; color:#f28300; font-weight:bold;} 

/*sitemap*/
.sitemap{width:99%; height:auto;}
.sitemap p{ clear:both; padding:3px;}
.sitemap p a{ color:#333; padding-left:5px; display:block;}
.sitemap p.big{ margin:3px 0;}
.sitemap p.big a{ font-size:13px; background:#e8e8e8; padding:2px 5px; font-weight:bold;}
.sitemap p.big a:hover{background:#eeeeee;}
.sitemap p.sma{ padding-left:13px; display:block;}
.sitemap p.sma a{ color:#333;padding:0px;}
.sitemap p.small a{ color:#333; padding-left:11px; display:block; width:58px; float:left; font-size:11px; background:#eee; margin:0 1px 1px 0;}
.sitemap p.small a.long{ width:92px;}

/*内页*/
.pro_picb{width:300px; height:auto; float:right;border:1px solid #efa463; margin:6px 0 6px 12px;}
.pro_pic{width:300px; height:auto;border:1px solid #efa463; margin:6px auto;}

.tablestyle,.tablestyle1{width:100%;height:auto;background:#ccc;margin-bottom:12px;}
.tablestyle1{width:400px;}
.tablestyle tr,.tablestyle1 tr{ background:#fff;}
.tablestyle tr.top,.tablestyle1 tr.top{ background:#eee;}
.tablestyle tr td,.tablestyle1 tr td{ text-align:left; padding:2px 2px 2px 3px;}
.tablestyle img,.tablestyle1 img{ display:block; margin:3px auto;}

.otherlink{width:100%; height:auto; margin-top:10px;}
.other_title{ font-size:16px; color:#333; font-weight:bold; border-bottom:1px solid #ccc; line-height:30px; margin-bottom:6px;}
.otherlink a{width:347px; float:left;padding:3px 6px; margin:0 1px 1px 0; background:#e5eaf0;color:#333;}
.otherlink a:hover,.otherlink a.dq{ color:#f28300;}
.link_small{width:100%; height:auto; margin-bottom:10px;}
.link_small a{ color:#333; padding:3px 4px; display:block; width:63px; float:left;background:#e5eaf0; margin:0 1px 1px 0; font-size:12px; text-align:center;}
.link_small a.long,.link_small a.long1{width:99px;}
.link_small a.long2,.link_small a.long3{width:auto;padding:3px 20px;}
.link_small a:hover,.link_small a.dq,.link_small a.long1,.link_small a.long3{ color:#fff; background:#f28300;}

.cer{width:100%;}
.cer img{  float:left; margin:6px 12px 6px 0;}
.cer img.last{margin-right:0px;}
.cer1{width:100%; padding:6px 0;}
.cer1 img{  float:left; margin-right:12px; border:1px solid #efa463;}
.cer2{width:100%;padding-top:10px;}
.cer2 a{color:#F00; font-size:14px;text-decoration:underline; padding:10px;display:block; background:#edf6ff; margin-bottom:2px;}
.cer2 a:hover{ text-decoration:none;}
.cer3{width:100%;padding-top:10px;}
.cer3 a{color:#F00; font-size:14px;text-decoration:underline; padding:10px;display:block; width:338px; float:left;background:#edf6ff;margin:0 1px 2px 0;}
.cer3 a:hover{ text-decoration:none;}

.cer4{width:100%;padding-top:10px;}
.cer4 a{color:#F00; font-size:14px;text-decoration:underline; padding:10px;display:block; width:158px; float:left;background:#edf6ff;margin:0 1px 2px 0;}
.cer4 a:hover{ text-decoration:none;}

#download{width:100%; height:auto; color:#F00;}
#download a{color:#F00; display:block;background:url(../images/pdf.jpg) no-repeat left center;padding:6px 0 6px 26px;}

.xian{ height:10px; line-height:0px; font-size:0px; border-bottom:2px solid #08121b; margin-bottom:12px;}

/*留言板*/
#web_set_feedback_form{width:716px;height:auto;float:left;text-align:center;margin:12px 0 6px 0;  background:#FFF;border:1px solid #ccc; }
#web_form_title{width:100%;line-height:22px;background:#FAF5EC;font-weight:bold;text-align:left; text-indent:6px;}


.zhongjian{ width:100%; height:auto; text-align:center;}


.exhibition{display:none;width:285px;height:100px;background:#364dad;filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;border:1px solid #666;position:fixed!important; position:absolute; left:10px;bottom:60px;z-index:100; font-size:13px; line-height:18px;}
.exhibition p{padding:5px; color:#fff;}
.exhibition a{ text-decoration:underline;color:#fff;}
.exhibition a:hover{ text-decoration:none;}
.exhibition p.first{padding-top:12px;}
.close{margin-top:10px;font-weight:bold;text-align:center;float:left;cursor:pointer; padding-left:5px; color:#ff6f6c}


.vk{ float:left; display:block;}
#web_society_plugbg{width:122px;height:20px;  background:url(../images/s_tb.jpg) no-repeat left;float:left;}
#web_society_plug1{width:120px;height:20px;}

.accordion {position: relative;display:inline-block;width: 100%;border-top: 1px solid #f1f4f3;border-bottom: 1px solid #f1f4f3;font-weight: 700;color: #74777b;vertical-align: middle;}
.accordion .fa {position: relative;float: right;}
.accordion h4 {position: relative;top: 0.8em;margin: 0;font-size: 14px;font-weight: 700;}
.accordion a {position: relative;display: block;color: #74777b;text-decoration: none;height:30px;line-height:30px;}
.accordion a:hover {text-decoration: none;color: #2cc185;background-color: #e7ecea;transition: 0.3s;}
.accordion-desc {background-color:#ddd;color: #eee;z-index: 2;padding: 20px 15px;clear:both;overflow:hidden;}

.list_page{margin:10px 0;padding:28px 0 0 10px;clear:both;overflow:hidden}
.list_page a,list_page span{display:inline-block;margin-right:10px;padding:2px 12px;height:24px;border:1px #cccccc solid;background:#fff;text-decoration:none;color:#808080;font-size:12px;line-height:24px;}
.list_page a:hover{color:#f28300;border:1px #f28300 solid;}
.list_page a.hover{border:none;background:#f28300;color:#fff;}



.ce{width:150px;}
.ce a{padding:10px}
.more{margin-left: 36px;}
.ce li a{color:#f28300!important;display:block;cursor:pointer;}
.ce li .dqian{background:none}
.ce li .xz{}
.e_li a{color:#f28300!important;}

.ce .fa{float:right}

.er{display:none;width:150px;background:#C9C3C3;}

.e_li{border-bottom:1px #fff solid}
.thr{background:#A8A2A2}
.thr a:hover{background:#8B8A8A}


.warp-pic-list{position:relative;width:960px;height:144px;overflow:hidden;}
.warp-pic-list .btn{display:block;height:55px;position:absolute;top:78px;width:35px;z-index:200;cursor:pointer;}
.warp-pic-list .prev{ background-position:0 -88px;left:0;}
.warp-pic-list .prev:hover{background-position:0 -144px;}
.warp-pic-list .next{ background-position:0 -200px;right:0;}
.warp-pic-list .next:hover{background-position:0 -256px;}

.list{width: 200px;}
.list ul,.list ul li{float:inherit}
.list a{background-color:inherit!important}
.list a:hover,.list a.active{color:#f28300;}
.list>ul>li>a.inactive{color: #f28300;font-weight: bold;}
.list>ul>li{/*background-color:#467ca2!important;*/margin-top:0;/*border-bottom:solid 1px #316a91;*/}
.list ul li a{display:block;padding-left:10px;/*color:#fff;*/font-size:12px;height:30px;line-height:30px;background:inherit;overflow:hidden;}
.list ul li .inactive{ background:url(../images/off.png) no-repeat 184px center!important;}
.list ul li .inactives{background:url(../images/on.png) no-repeat 184px center!important;}
.list ul li ul{display: none;}
.list ul li ul li { border-left:0; border-right:0; background-color:#6196bb!important;margin:0;}
.list ul li ul li ul{display: none;}
.list ul li ul li a{ padding-left:15px;}
.list ul li ul li ul li {background-color:#d6e6f1!important;border-bottom: 1px dashed #c5c6ca;}
.last{ background-color:#d6e6f1!important; border-color:#6196bb; }
.list ul li ul li ul li a{color:#316a91;padding-left:20px;}


.picScroll{position:relative; width:960px;height:150px;padding:10px 0;background:#fff; overflow:hidden;}
.picScroll ul{overflow:hidden; zoom:1;}
.picScroll ul li{width:306px; display:block; margin-right:12px;}
.picScroll ul li .product_img{float:left;width:170px;height:144px;}
.picScroll ul li .product_img img{max-height:144px;max-width:100%;background:url(/images/loading.gif) center center no-repeat;}
.picScroll ul li .product_img1{width:130px;height:135px;display:block;}
.picScroll ul li .product_img2{width:100px;height:135px;display:block;}
.picScroll ul li .product_txt{width:120px;float:left;}
.picScroll ul li a{ display:block; color:#333; font-weight:bold;}