@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; border:0;}
li {list-style:none;}
body {background:#fbfbfb; font-family:宋体,"microsoft yahei","华文细黑","幼圆"; font-size:12px; color:#444; }
a{text-decoration:none;}select,input,textarea{outline:none;}textarea{resize:none;}select{border:1px solid;}
#main { margin:0 auto;overflow:hidden;zoom:1;}
img{border:none;}
/*GLOBAL*/
.center{width:1002px;margin:0 auto;}
.lf{float:left;overflow:hidden;}
.rt{float:right;overflow:hidden;}

#sxy{line-height:22px; margin:20px auto 15px; text-align:left; padding-top:10px; border-top:1px dashed #764a38;width: 98%;}
#sxy a{color: #444}
#sxy a:hover{text-decoration: underline;}

#header {height:154px;background:url(../images/headerbg.png) repeat-x;}
#header .center{background: url(../images/headercenter.jpg) no-repeat right top;height: 154px;}
#header .rt{height: 40px;line-height: 40px;margin-top: 10px;}
#header .rt a{display: block;width: 75px;height: 25px;margin-right: 14px;float: left;}
#header .rt a:hover{color:#ff8400}
#logo {height:112px;display:block;float:left;}

/*nav*/	
#nav {height:42px;clear:both;}
#nav li {float:left;width:99px;display:block;}
#nav li a {width:99px;display:block;height:42px;text-align:center;line-height:42px;color:#FFF;font-size: 14px;font-family: 微软雅黑;}
#nav li a:hover {background: url(../images/navhover.jpg) no-repeat;}

/*banner*/
#banner {height:316px !important;position:relative;overflow:hidden;border-bottom: 1px solid #000;margin-bottom: 7px;}
#slideshow { width:100%; height: 316px; }
#slideshow ul { display: none; }

#slides { display:block; width:100%; height:316px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}

#pagination { display:block; list-style:none; position:absolute; left:50%; bottom:20px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}

/*middle */
#middle {height:335px;overflow:hidden;}
#ileft{width: 177px;float: left;height: 335px;margin-right: 15px;margin-bottom: 21px;}
#mid{width:601px;float: left;height: 335px;margin-right: 20px;background: url(../images/midbg.jpg) no-repeat;}
#iright{width: 177px;float: right;height: 335px}

#list{margin-bottom: 20px;}
#list h2{height: 52px;background: url(../images/listh2.jpg) no-repeat;text-indent: -999em;}
#list a{text-indent:21px;display:block;width: 177px;height: 25px;line-height: 25px;background: url(../images/lbg.jpg) no-repeat;color: #333;}
#list a:hover{color:#fff;background: url(../images/lhover.jpg) no-repeat;}


#about{height: 212px;}
#about h2,#news h2{height: 24px;line-height: 24px;text-indent: -999em;margin-bottom: 9px;}
h2 .more{width: 28px;height: 100%;display: block;float: right;margin-right: 15px;}
#aboutcon {line-height: 27px;}
#aboutcon img{float: left;margin-right: 10px;}

#news{height: 112px;}
#news img{ float: left;margin-right: 15px;}
#newscon{width: 438px;}
#newscon li {height:29px;line-height:29px;position:relative;}
#newscon li a{color:#444;padding-left:8px;font-size:12px;display:block;}
#newscon li a:hover{color:#ff8400;}
#newscon li a font{float: left;}
#newscon li a span{float: right;}

#rightcontent #newscon{width: 95%;}
#rightcontent #newscon li{border-bottom: 1px dashed #dcdcdc}

#contactbox{background: url(../images/contactbg.jpg) no-repeat;height: 336px;}
#contactbox h2{height: 52px;text-indent: -999em;}
#contactbox p{width: 154px;line-height: 26px;margin: 0 auto;}
#box1{height: 182px;}
#contactbox .bt{width: 163px;height: 45px; display: block;margin:0 auto;margin-bottom: 8px;}

.rightinfo{font-size: 12px;color: #4444;line-height: 26px;padding: 0px 6px;}
.date {color:#999;font-family:Arial, Helvetica, sans-serif;font-size:12px;display:block;float:right;}
#contactcon{margin-top:3px;}
#contactcon li {line-height:20px;font-size:12px;color:#444;}

#product {width:100%;height:210px;clear:both;}
.pro {padding:0 0 18px 5px;}
.pro li{height:172px;width:202px;margin:10px 30px; _margin-right:5px; float:left;}
.pro li img{border:1px solid #dcdcdc;object-fit: contain;}
.pro li a{display:block;height:170px;width:200px;text-align:center;color: #333;}
.pro li a:hover{color: #ff9003}

.cp {border: 1px solid #FFF; box-shadow: 0 0 6px #666;display:block;width: 186px;margin: 0 auto;}
.probg {margin-right: 38px;  float:left;width: 190px;height: 176px;display: block;}

#productcon{padding: 10px 0 0 18px;}
#productcon img {border: 1px solid #FFF;display:block;margin: 0 auto;object-fit: contain;}
.probg:hover {background: #ff7612;width: 190px;height: 176px;display: block;border-top:#ff7612 solid 1px;}
.cpname{line-height: 28px;margin-top: 3px;}

.cpname span {position: relative;}
#graybar{width: 98%;height: 30px;background: #eeeeef;margin:20px auto 10px auto;}
#graybar span{font-size: 14px;display: block;float:left;width: 80px;text-align: center;height:30px;color: #fff;line-height: 30px;background:#ff7612;}


#bar {height:37px;background:url(../images/product-bar.jpg) no-repeat ;line-height:37px;padding:0 8px;margin-bottom:15px;}

.protitle h2{display:block;float:left;font-size:16px;color:#FFF;}
.protitle h3{float:left;text-indent:5px;font-family:Arial, Helvetica, sans-serif;font-size:16px; color:#bfd6b8;font-weight:100;}
.protitle a {float:right;color:#FFF;font-size:12px;}
.protitle a:hover {color:#FF6;text-decoration: underline;}


#foot {clear:both;text-align:center;height: 64px;background: url(../images/footbg.png) repeat-x;margin-top: 21px;padding-top: 11px;line-height: 24px;}

#left {width: 177px;float: left;}

#rightcontent {width:798px;float:right;}
#rightcontent h2{height: 24px;line-height: 24px;margin-bottom: 9px;}
#rightcontent .r2{background: url(../images/r2.jpg) no-repeat;}
#rightcontent .r3{background: url(../images/r3.jpg) no-repeat;}
#rightcontent .r4{background: url(../images/r4.jpg) no-repeat;}
#rightcontent .r5{background: url(../images/r5.jpg) no-repeat;}
#rightcontent .r6{background: url(../images/r6.jpg) no-repeat;}
#rightcontent .r7{background: url(../images/r7.jpg) no-repeat;}
#rightcontent .r8{background: url(../images/r8.jpg) no-repeat;}
#rightcontent .r9{background: url(../images/r9.jpg) no-repeat;}
#rightcontent .rhonor{background: url(../images/rhonor.jpg) no-repeat;}
#rightcontent .rorder{background: url(../images/rorder.jpg) no-repeat;}

#rightcontent h4 {  text-align: center;  line-height:30px;  color:#ff7612;}
#rightcontent .news_tit_d{color: #999999;font-size: 12px;text-align: center;margin: 14px auto 22px auto;}
#prolist {background:url(../images/pro-listbg.jpg);width:243px;height:37px;line-height:37px;padding-left:10px;color:#fff;font-size:16px;}
#prolist span {color:#d1e1cb;margin-left:4px;font-size:14px;}

#leftcontact {margin-top:15px;}
#leftcontact li {font-size:12px;line-height:20px;}
#leftcontact p {margin-bottom:3px;}
#line {background:url(../images/line.jpg);width:100%;height:128px}
#rightbar {background:#ebebeb;height:35px;line-height:35px;border-bottom:#ff7612 2px solid;padding:0 10px;  margin-bottom:10px;}

.path {float:right;font-size:12px;color:#666;  position: relative;margin-right: 64px;font-weight: normal;}
.path a {  color: #444;}
.path a:hover {  color: #FF7501;}
.right-title {color:#093;float:left;}
.gray {  color: #999;}
.jobinfo{border-bottom:1px dotted #999;padding: 20px 0 20px 0 ;width: 96%;margin: 0 auto;height: 150px;}
.jobinfo2{padding: 20px 0 20px 0 ;width: 96%;margin: 0 auto;height: 150px;}
.jobtxt {position: relative;float:left;}
.jobtxt	b {display: block;width: 132px;height: 149px;background-position: -41px -81px ;position:absolute;left:-5px;}
.jobtxt li {line-height: 32px;_height:5px;_line-height:13px;color: #444;}
.view {background:#ff7612;width: 63px;height: 30px;float:right;line-height: 30px;text-align: center;margin-top: 10px;}
.view  a {display: block;color: #fff;}
.jobtxt ul {display: block;width:220px;height: 150px;padding-left:20px;}
.jobtitle {color:#ff7612;}
/*order*/
.order {margin: 40px 0 120px 46px;line-height: 40px;}
#contact,#tel,#addr,#email,#name {background: url(../images/sprite.png) no-repeat 0px -240px;width: 278px;height:30px;text-indent:8px;}
#ps,#note{background: url(../images/sprite.png) no-repeat 0px -280px;width: 550px;height:180px;text-indent:8px;}
#captcha {background: url(../images/sprite.png) no-repeat -290px -240px;width: 103px;height:30px;text-indent:8px;}
#submit{width: 78px;height: 30px;background:#ff7612;color: #fff;cursor:pointer;}
b{background:url(../images/sprite.png);}
.shadow {box-shadow: 0 0 6px #666;}
.pro_name {text-align: center;padding-top: 15px;color:#ff7612;}
/*page*/
.page{clear:both;float:right;margin:10px 20px 15px 0;}
.page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;color:#333;}
.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;}
.current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;}
/*sitemap*/
.mesmore{float:right;margin-top:5px;color: #333333;}
.mesmore:hover{color:#da020d;text-decoration:underline;}

.sitemap{ width:996px;height:130px; float:left; margin-top:10px; margin-bottom:10px;}
.m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;}
.m2{ margin-left:20px; margin-top:20px; line-height:25px;}
.m2 span{ font-size:14px; font-weight:bold;}
.m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;overflow:hidden;zoom:1;}
.m2t ul{}
.m2t ul li{ list-style-type:none; float:left; width:150px;}
.m2t ul li a:hover{ color:red}
.f{ float:right; margin-right:10px; _margin-top:7px;}