﻿/* 重置样式 */
body{font:12px "微软雅黑",tahoma,verdana,Arial; color:#4c4d4d; background:#fff;}
body,div,p,span,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,pre,form,tr,td,th,table{border:0px; padding:0px; margin:0px;}
img,a img{margin:0px; padding:0px; border:0px; font-size: 0px; line-height: 0px;} 
h1,h2,h3,h4,h5,h6{font-size:12px; font-weight:normal;}
ul,li,ol,dt,dl,dd{ list-style:none;}
address,cite,code,em,th,i{font-weight:normal; font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
label,input,textarea,select,button{margin:0px; padding:0px; vertical-align:middle; font-family:tahoma;}
input,button,select,img{line-height:normal;}
a{ color:#4c4d4d;text-decoration:none; outline: none;text-decoration:none;-webkit-transition:.5s;transition:.5s;}
a:active{ outline: none; star:expression(this.onFocus=this.blur());text-decoration:none;-webkit-transition:.5s;transition:.5s;}


/* 通用样式 */
.wrap{ word-wrap:break-word; overflow:hidden;}
.fb{font-weight:bold;}.tc{text-align:center;}
.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;display:inline;}.fr{float:right;display:inline;}
.pointer{ cursor:pointer; }.hidden{ overflow:hidden;}.clear{ clear:both;}
.clear{ clear:both;line-height:0px;height:0px;font-size:0px;width:0px;}
.layout,.clearfix{*zoom:1;}
.layout:after,.clearfix:after{display:block;clear:both;overflow:hidden; height:0; content:".";}
.gray:link,.gray:visited{color:#a6a8aa; text-decoration:none;}
.gray:hover,.gray:active{color:#ff8400; text-decoration:underline;}
.hr-2,.hr-3,.hr-4,.hr-5,.hr-6,.hr-7,.hr-8,.hr-9,.hr-10,.hr-11,.hr-12,.hr-13,.hr-14,.hr-15,.hr-16,.hr-17,.hr-18,.hr-19,.hr-20,.hr-21,.hr-22,.hr-23,.hr-24,.hr-25,.hr-26,.hr-27,.hr-28,.hr-29,.hr-30,.hr-40{clear:both; overflow:hidden; font-size:0px; line-height:0px;}
.hr-2{height:2px;}.hr-3{height:3px;}.hr-4{height:4px;}.hr-5{height:5px;}.hr-6{height:6px;}.hr-7{height:7px;}.hr-8{height:8px;}.hr-9{height:9px;}.hr-10{height:10px;}.hr-11{height:11px;}.hr-12{height:12px;}.hr-13{ height:13px;}.hr-14{ height:14px;}.hr-15{ height:15px;}.hr-16{ height:16px;}.hr-17{ height:17px;}.hr-18{ height:18px;}.hr-19{ height:19px;}.hr-20{ height:20px;}.hr-21{ height:21px;}.hr-22{ height:22px;}.hr-23{ height:23px;}.hr-24{ height:24px;}.hr-25{ height:25px;}.hr-26{ height:26px;}.hr-27{ height:27px;}.hr-28{ height:28px;}.hr-29{ height:29px;}.hr-30{ height:30px;clear:both;}.hr-40{ height:40px;}
.update_log .common,.log_con,.update_log:after{ content: " "; display: block;  clear: both; }
.layout{ width: 1132px; margin:0 auto; }
ul::after{ clear: both; content: " "; display: block; }

.mt14{ margin-top: 14px; }
.mt15{ margin-top: 15px; }
.mt24{ margin-top: 24px; }
.mt50{ margin-top: 50px; }
.mt60{ margin-top: 60px; }
.mr0{ margin-right: 0px !important; }
.top70{ top:70px; }
.top30{ top:30px; }
.top40{ top:40px; }
.fs16{ font-size: 16px; }
.fs32{ font-size: 32px; }
.fs24{ font-size: 24px; }
.width120{ width: 120px; }
.width150{ width: 150px; }
.width82{ width: 82px; }
.width72{ width: 72px; }
.width138{ width: 138px; }

.layout{ width: 1200px; margin: 0 auto; }


/*导航*/
.head{ height: 80px; background: #fff;  }
.head .company_logo{ margin:7px 0 0 4px;  width: 100px; height: 67px;  }
.head .supnav{ margin-top: 30px; }
.head ul.supnav > li{ text-align: center; display: inline-block; width: 112px; height: 53px; font-size: 14px; font-weight: 600; }
.head ul.supnav > li > a{ padding: 0px 5px; height: 20px; display: inline-block; position: relative; }
.head ul.supnav > li > a:hover,.head ul.supnav > li > a.on{ background: #f9ca09; }

.pro-box2{width:100%;height:50px;background:url(../images/pro-box2-bg.png) repeat-x left top;position:absolute;left:0;right:0;z-index:10;top:80px;display:none;text-align:center;}
.pro-box2 ul.pro-box2-ul > li{display:inline-block}
.pro-box2 ul.pro-box2-ul > li > a{display:block;height:50px;padding:0px 20px;line-height:50px;font-size:14px;font-weight:normal;color:#fff;}
.pro-box2 ul.pro-box2-ul > li > a:hover,.pro-box2 ul.pro-box2-ul > li > a.on{background:#f9a709;background:url(../images/pro-box2-li-bg.png) repeat-x left top;}
.head .supnav li.pro-li:hover .pro-box2{display:block;}

.pro-box3{height:100px;background:#43474d;position:absolute;z-index:11;width:100%;left:0;display:none;}
.pro-box2 ul.pro-box2-ul > li:hover > a{background:#f9a709;background:url(../images/pro-box2-li-bg.png) repeat-x left top;}
.pro-box2 ul.pro-box2-ul > li:hover .pro-box3{display:block;}

.picScroll-left{ overflow:hidden; position:relative;}
.picScroll-left .hd{ overflow:hidden;  height:30px;padding:0 10px;  }
.picScroll-left .prev,.picScroll-left .next{ display:block;width:12px;height:22px;overflow:hidden;position:absolute;top:38px;z-index:999;cursor:pointer;}
.picScroll-left .prev{background:url(../images/pro-box3-left.png) no-repeat left top;left:0;}
.picScroll-left .next{background:url(../images/pro-box3-right.png) no-repeat left top;right:0;}
.picScroll-left .bd{width:1175px;margin:0 auto;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{width:165px !important;height:100px; margin:0 15px; float:left; _display:inline; overflow:hidden; text-align:center;line-height:25px;}
.picScroll-left .bd ul li .pic{ text-align:center; padding-top:16px;}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title a{ line-height:24px;color:#fff;font-weight:normal;font-size:12px;}


/*友情链接*/
.friendlylinks{ height: 400px; background: #ededed; }
.friendlylinks .links{ padding:40px 0; position: relative; }
.friendlylinks .links li{ float: left; position: absolute;  }
.friendlylinks .links dt{ border-bottom: 1px dashed #999999; margin-bottom: 10px; height: 40px; line-height: 30px; font-size: 14px; color: #333; }
.friendlylinks .links dd a{ line-height: 30px; font-size: 12px; color: #999; }
.friendlylinks .links dd a:hover{ color: #f0a413; }
.links .aboutus-l{ left: 24px; }
.links .aboutus dt{ width: 72px;  }
.links .brand-l{ left: 210px; }
.links .brand dt{ width: 54px; }
.links .products-l{ left: 360px; }
.links .products dt{ width: 122px; }
.links .news-l{ left: 563px; }
.links .news-l dt{ width: 76px; }
.links .catalogue-l{ left: 734px; }
.links .catalogue-l dt{ width: 88px; }
.links .feedbacks-l{ left: 908px; }
.links .feedbacks-l dt{ width: 78px; }
.links .contactus-l{ right: 24px; }
.links .contactus-l dt{ width: 95px; }

/*footer*/
.footer{ height: 60px; text-align: center; font-size: 14px; color: #999; line-height: 60px; }






