﻿
/* CSS Document */
*{padding:0; margin:0;}
body{font:12px/20px Arial, Helvetica, sans-serif; background:url(../image/body_bg_03.png) repeat-x 0 top;}
a{color:#424343; text-decoration:none;}
a:hover{color:#000;}
ul,ol{ list-style:none;}
img{border:0;}


.xuanFu{width:76px;height:84px;position:fixed;right:30px;top:250px; cursor:pointer;}
.leaveMessage{position:fixed;right:0px;top:250px; background-color:#fff;}
.header-container .yuYan a{color:#808080;}
.header-container .yuYan a:hover{text-decoration:underline;}
.header-container .yuYan{color:#808080;margin-left:860px;}
.wrapper{width:980px; margin:0 auto; background:#fff;}
.header{padding:10px 0 0 2px; height:61px;}
.logo{display:block; float:left;width:323px;}
.phone_number{font:100 22px/30px Arial, Helvetica, sans-serif;color:#184D79;background:url(../image/tel_03.png) no-repeat left center; float:right; height:30px; padding-left:38px; margin-left:410px;font-weight:bold;margin-right:14px;}

#navigation{clear:both; border:1px solid #ddd;background:url(../image/navBg_03.png) repeat-x; height:23px; padding-left:179px;position:relative; z-index:100;}
.search{float:right;width:182px; border:1px solid #b3b3b3; background:#fff;height:19px; margin:1px 13px 1px 0px}
.searchinput{border:1px solid #fff; background:#fff; width:152px; float:left; padding-left:2px; height:17px; line-height:17px; font-family:Arial, Helvetica, sans-serif; color:#808080;}


#nav{height:22px; border-left:2px solid #ddd;}
#nav li{float:left;border-right:2px solid #ddd;position:relative;width:115px;}
#nav li a.level{ display:block; float:left;width:115px; line-height:20px; text-align:center;color: #184d79; padding-top:2px;}
#nav li a:hover.level,#nav li.current a.level{ background:#ebebeb}
#nav ul{display:none; position:absolute; top:22px; left:-2px; background:#EBEBEB;width:115px; border-left:2px solid #ddd;border-right:2px solid #ddd; border-bottom:1px solid #ddd;}
#nav li li{clear:both;width:115px; height:26px; padding-right:0px;  margin:0px; position:relative; border-right:0px; border-top:1px solid #fff; border-bottom:1px solid #ddd;}
#nav li li a{ display:block; padding-left:25px; height:26px; line-height:26px;}
#nav li li a:hover{ background:#A8A9AC; color:#fff;}


.main-container{clear:both;width:100%; padding-top:1px;}
.col-left{float:left;width:178px;border:1px solid #bbbcbf;}

#leftnav{width:178px;}
#leftnav a span{ display:block; background:#a6a6a6; color:#fff; height:22px; line-height:22px;padding-left:10px; font-weight:700;}
#leftnav li{ display:block;width:100%;}
#leftnav li li{height:22px;border-bottom:1px solid #bbbcbf; position:relative;z-index: 100;}

#leftnav li li a{display:block; line-height:22px;height:22px; padding-left:10px; color:#6E6E70}
#leftnav li li a:hover,#leftnav li li.active a.thsubli{ background:#cccccc;color:#fff;}
#leftnav li li ul{ position:absolute;left:178px; top:-1px; background:#fff; width:180px; border:1px solid #bbbcbf;border-bottom:0px; display:none}
#leftnav li li li a{background:#f2f2f2;}
#leftnav li li li a:hover{ background:#cccccc;}


.col-main{width:790px; float:left; margin-left:10px; padding-top:15px;}
.one_banner{width:779px; height:401px; background:url(../image/bannerbg.png) no-repeat bottom; padding-left:11px;}
.bannerblock{width:768px; height:390px; position:relative; overflow:hidden;}
.image_reel{position:absolute;top:0;left:0;}
.image_reel a{float:left;width:768px; height:390px; display:block;}
.paging{position:absolute; bottom:12px;left:12px;}
.paging a{margin-right:15px;width:8px; height:8px; line-height:30px;overflow:hidden; background:url(../image/qiu_03.png) no-repeat; display:block; float:left;}
.paging a.active{ background:url(../image/qiu_05.png) no-repeat;}

.home_product{width:770px; padding-top:27px; padding-left:20px; background:url(../image/home_product.png) no-repeat bottom;overflow:hidden;margin-top:27px;}
.home_product ul li{float:left;width:170px; height:168px;text-align:center; margin-right:19px; display:inline;}
.home_product ul li h3{padding-top:3px;}
.home_product ul li h3 a{font:100 12px/16px Arial, Helvetica, sans-serif;  color:#424343;}

.footmenu{border:5px solid #F0F0F0; border-bottom:0px; background:url(404.png); width:970px; float:left; margin-top:10px; padding-top:6px; height:120px;}
.footmenu dl{float:left;width:142px; margin-left:6px; margin-right:56px}
.footmenu dl.dlright{ margin-right:0px;}
.footmenu dl dt{font:12px/32px "微软雅黑",Arial, Helvetica, sans-serif; color:#666}
.footmenu dl dd a{color:#6E6E70; display:block;padding-left:22px; background:url(../image/foot_ico.png) no-repeat;}
.footmenu dl dd a.fnav1_2{ background-position:0px -20px;}
.footmenu dl dd a.fnav1_3{ background-position:0px -40px;}
.footmenu dl dd a.fnav1_4{ background-position:0px -60px;}
.footmenu dl dd a.fnav2_1{ background-position:0px -80px;}
.footmenu dl dd a.fnav2_2{ background-position:0px -100px;}
.footmenu dl dd a.fnav2_3{ background-position:0px -120px;}
.footmenu dl dd a.fnav2_4{ background-position:0px -140px;}
.footmenu dl dd a.fnav3_1{ background-position:0px -160px;}
.footmenu dl dd a.fnav3_2{ background-position:0px -180px;}
.footmenu dl dd a.fnav4_1{ background-position:0px -200px;}
.footmenu dl dd a.fnav4_2{ background-position:0px -220px;}
.footmenu dl dd a.fnav4_3{ background-position:0px -240px;}
.footmenu dl dd a.fnav5_1{ background-image:url(../image/icon_08.png);width:129px;height:28px;}
.footmenu dl dd a.fnav5_2{text-decoration:none; background-image:url(../image/icon_03.png);margin-bottom:3px;height:24px;color:#666666;font-weight:bold;}
.footmenu dl dd a.fnav5_3{text-decoration:none;  background-image:url(../image/icon_06.png);margin-bottom:3px;width:129px;height:24px;color:#666666;font-weight:bold;}
.footmenu dl dd a.fnav5_4{ background-position:0px -320px;}
.footmenu dl dd a.fnav2_5{ background-position:0px -340px;}
.footmenu dl dd a:hover{text-decoration:underline; color:#333;}

/*aboutus*/
.pagecont{width:780px; margin-left:20px;}
.oneyahere{/*border-bottom:1px dotted #ccc;*/ line-height:30px;}
.oneyahere a{color:#225596;}
.oneyahere span{color:#6b6b6b; padding:0 6px;}
.oneyahere strong{color:#333; font-weight:100}
.pagetitle{font:100 18px/35px "微软雅黑",Arial, Helvetica, sans-serif; color:#1c517c;}
.aboutus{width:100%; line-height:22px; color:#6d6e72;}
.aboutus h3{font:700 12px/30px Arial, Helvetica, sans-serif; color:#1c517c;}
.aboutbanner{height:120px; position:relative}
.contactus{line-height:22px; color:#6d6e72;padding-left:10px; padding-top:15px;}
.contactli li{float:left;width:300px; height:62px; font-weight:700; line-height:62px; padding-left:52px; background:url(404.png) no-repeat left}
.contactli li.tel{background:url(404.png) no-repeat left}
.contactli li.mail{background:url(404.png) no-repeat left}
.contactli li.fax{background:url(404.png) no-repeat left}
.padcont{}

/*brand*/
.brandtit{height:44px;}
.brand_num{border:1px solid #ddd; background:url(404.png) repeat-x; height:23px; width:98%; padding-left:10px; line-height:23px; color:#6e6e70}
.brandlist ul li{float:left;width:170px; height:100px; padding:10px;}
.brandarea{border:1px solid #ddd;width:100%; padding-left:10px; background:#f8f8f8; margin-bottom:15px;}
.brandarea .brandtit{height:35px;}
.branddesc{color:#6d6e72; padding-right:15px; padding-bottom:15px;}

/*news*/
.newscont{width:780px; line-height:22px; color:#6d6e72;}
.newslist li,.sea_newslist li{border-bottom:1px solid #ddd; height:100px; padding:15px 5px 0;}
.newslist li span {float:right;}
.newslist li h3 a,.careerslist li h3 a,.sea_newslist li h3 a{color:#184D79; font-size:12px;}
.newslist li h3 a:hover,.careerslist li h3 a:hover,.sea_newslist li h3 a:hover{ text-decoration:underline}

.newslistzy li{border-bottom:1px solid #ddd;padding:15px 5px 0;}
.newslistzy li span {float:right;}
.newslistzy li h3 a{color:#184D79; font-size:12px;}
.newslistzy li h3 a:hover{text-decoration:underline;}

.newsdetit{color:#333; line-height:50px;}
.aboutus .date{color:#333; font-weight:700; height:40px;}
.aboutbanner .tit{color:#fff; position:absolute; left:18px; font:100 31px/110px "微软雅黑",Arial, Helvetica, sans-serif;}

.careerslist li{border-bottom:1px solid #ddd; height:25px; padding:15px 5px 0;}
.newslist li span{display:block;color:#6D6E72;} 

.reasons{width:620px; padding:0 10px}
.reasons ul li{border-bottom:1px solid #ddd; padding-top:8px; padding-bottom:12px;}
.reasons ul li strong{font:700 13px/30px Arial, Helvetica, sans-serif;}
.reasons ul li p{padding-left:15px;}

/*productlist*/
.productlist{padding-left:10px; }
.productlist ul li,.sea_prolist li{float:left;width:170px; height:162px;text-align:center; padding-top:10px; padding-bottom:10px; padding-right:19px; border-bottom:1px solid #ddd; overflow:hidden; }
.productlist ul li.mar0,.sea_prolist li.mar0{ padding-right:0px;}
.productlist ul li h3{padding-top:4px;}
.productlist ul li h3 a,.sea_prolist li h3 a{font:100 12px/16px Arial, Helvetica, sans-serif;  color:#424343;}
.productlist ul.list li{display:block; float:none; width:737px; height:148px;padding:18px 0px 0;}
.productlist ul.list li img{float:left;}
.productlist ul.list li .litxt{float:left;width:520px; padding-left:20px; text-align:left}
.productlist ul.list li h3 a{ font-weight:700;}
.productlist ul.list li .cateli{color:#6D6E72}

.product_ctrl{position:relative;}
.product_ctrl .display{float:right;width:105px; line-height:19px; padding-top:2px; padding-right:5px; height:19px; overflow:hidden; vertical-align: top}
.product_ctrl .display a{ display:inline-block;width:19px; height:19px; background:url(../image/display.gif) no-repeat; overflow:hidden; text-indent:-999em; overflow:hidden;}
.product_ctrl .display a.list{margin-left:3px; background-position:-20px 0px;}
.product_ctrl .display a.grid_current{background-position:0px -20px;}
.product_ctrl .display a.list_current{background-position:-20px -20px;}
.notice{padding-top:20px;color:#c00}
.list_foot{}

/*page*/
.page{position:absolute; text-align:center;width:300px; left:270px;}
.page a,.page span,.searchpage a,.searchpage span{display:inline-block; color:#0070AC; padding:0px 5px;}
.page a.prev,.page a.next,.searchpage a.prev,.searchpage a.next{vertical-align: inherit; padding-top:-1px;}
.page span,.searchpage span{color:#000;}
.page a:hover,.searchpage a:hover{color:#000; text-decoration:underline;}
.searchpage{text-align:right;border-top:1px solid #ddd;}

/*search*/
.sea_prolist li{border:0px;}
.nosolid{border:0px;}
#searchform{}
.searchtotal{height:24px; border-bottom:1px dotted #ddd;}
.oneyahere strong.searchred{color:#c00; font-weight:700}

/*productdetail*/
.detailleft{float:left;width:400px;}
.detailright{float:left;width:360px; color:#505050; line-height:25px;}
.Gblock{display:block;}
.Gnone{display:none;}
#oneGoodstab{clear:both; padding-top:20px; padding-bottom:1px; width:760px;}
#oneGoodstab .myul {border-bottom:1px solid #bbb;overflow:hidden;}
#oneGoodstab .myul li{float:left;width:80px; height:28px; overflow:hidden; text-align:center;font:13px/28px Arial;color:#333; background:#e0e0e0; margin-right:4px; cursor:pointer;}
#oneGoodstab .myul li a{color:#333; display:block;}
#oneGoodstab .myul li.tab_hover{font:700 13px/28px Arial; color:#fff;background:#279FDA;}
#oneGoodstab .myul li.tab_hover a{color:#fff;}
/*#oneGoodstab ul li a:hover{font:700 13px/28px Arial; color:#fff;background:#279FDA;}*/


.oneGoodsDetail{clear:both; padding:15px 10px; width:740px; color:#505050; line-height:24px;border-top:0px solid #bbb;}
.productdetail{width:680px; margin:0 auto}
.proimg{float:left;width:260px;}
.proseodeta{float:left;width:420px;font:14px/35px Arial, Helvetica, sans-serif;}
.rdresultab td{background:#fff;}
.rdresultab,.rdresultab a{color:#505050}
.rdresultab a:hover{ text-decoration:underline}
.rdresultab .padL{padding:3px 10px;}
.share{padding:15px 0 0 5px; height:30px;}
.share strong{display:block;float:left; width:52px; height:22px;}
.share a{display:block;float:left; width:22px; height:22px; background: url(404.png) no-repeat; overflow:hidden; margin-right:10px;}
.share a:hover{background-position:0 -22px}
.share a.qqweibo{background-position:-22px 0px}
.share a.fb{background-position:-44px 0px}
.share a.tw{background-position:-66px 0px}
.share a.in{background-position:-88px 0px}
.share a:hover.qqweibo{background-position:-22px -22px}
.share a:hover.fb{background-position:-44px -22px}
.share a:hover.tw{background-position:-66px -22px}
.share a:hover.in{background-position:-88px -22px}
.oneGoodsDetail .tabs td{border-bottom:1px dotted #ccc; height:32px;}
.oneGoodsDetail .red,.feedback .red{color:#C00}
.quotinp{border:1px solid #999; height:20px;}
.quotinp2{border:1px solid #999; height:50px;width:270px;}
.quottext{border:1px solid #999; height:80px;}

/*download*/
.downloadlist li{height:32px;padding-left:28px;background: url(../image/icon_pdf.jpg) no-repeat 5px 8px;}
.downloadlist li a{color:#225596; display:block; line-height:32px; height:32px; }
.downloadlist li a:hover{ text-decoration:underline}


#return a{color:#0199c8;float:right;margin-right:50px;}

/*foot*/
.footer_copyright{color:#8F9093; line-height:28px;}
.footer_copyright span{font-size:12px; padding:0 5px; line-height:28px;}
.footer_copyright a{color:#8F9093}
.hui_icp{float:right;width:135px; text-align:right}
.jszc{color:#fff;}
.footer_copyright .jszc a{color:#F9F9F9;}

.canone{display:none;}
.oneclear{clear:both;heiht:0px; line-height:0px; font-size:0px;}


.sp{-webkit-margin-before: 0.67em;-webkit-margin-after: 0.67em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;}

