﻿body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, select, input, textarea, button, p, blockquote, th, td, img ,iframe { margin: 0; padding: 0; }
table{ border-collapse: collapse; border-spacing: 0; }
input,button,textarea,option { font: 12px "\5b8b\4f53", Arial, Helvetica, sans-serif; }
ul, li, div{ list-style: none; border: 0px; }
img{ border: 0px; }
.clear{ font: 0px/0px serif; display: block; clear: both; }
html{ -webkit-text-size-adjust: none; }
input{ outline: none; }
button{ border:none; }
textarea{ resize: none; }
a{ text-decoration: none; }
body:nth-of-type(1) input:focus,textarea:focus{ outline: none;}
body{font: 12px "\5b8b\4f53","Tahoma","Arial","Microsoft Yahei"; color: #333; background: #fff; position: relative;}



#head{ width: 100%; height: 29px; margin: 0px auto; border-bottom: 1px solid #f8f9fa; }
.header{ width: 1000px; height: 29px; margin: 0px auto; }
.header p{ display: block; float: left; line-height: 29px; color: #999999; }
.header p a{ text-decoration: none; color: #999999; margin: 0px 3px; }
.header p a.reg{ color: #4e9b31; }
.header span{ display: block; float: right; line-height: 29px; color: #999999; }
.header span a{ text-decoration: none; color: #999999; margin: 0px 5px; }
.header span a.mobile{ display: inline-block; text-indent: 15px; color: #ff6600; background: url(http://www.chem17.com/images/index/moblie_yellow.gif) no-repeat scroll left 7px transparent; }
.header a:hover{ color: #ff6600; }

#top{ width: 1000px; height: 104px; margin: 0px auto; position: relative; }
#top img{ display: block; position: absolute; top: 29px; }
#top p{ width: 348px; height: 30px; display: block; position: absolute; top: 15px; left: 376px; }
#top p a{ width: 58px; display: block; float: left; font: normal 14px/30px "\5b8b\4f53"; text-decoration: none; color: #444444; text-align: center; }
#top p a.hot{ font: bold 14px/30px "\5b8b\4f53"; color: #366fb6; }
#top div{ width: 501px; height: 36px; position: absolute; top: 45px; left: 376px; }
#top div input{ width: 421px; height: 32px; display: block; float: left; border: 1px solid #d7d7d7; border-right: 0px; font: normal 14px/32px "Tahoma"; color: black; padding: 0px 0 0 8px; }
#top div button{ width: 71px; height: 34px; display: block; float: left; border: 0px; cursor: pointer; background: #398901 url(../images/Product/201305plistbg.png) no-repeat 23px -45px; }
#top span{ display: block; position: absolute; width: 590px; height: 18px; line-height: 18px; color: #ececec; top: 85px; left: 288px; overflow: hidden; }
#top span a{ text-decoration: none; color: #8f8f8f; margin: 0px 3px; }
#top b{ display: block; position: absolute; color: #ececec; top: 43px; right: 0px; width: 120px; }
#top b a{ display: block; width: 60px; text-align: right; font: normal 12px/18px "\5b8b\4f53"; float: left; text-decoration: none; color: #444444; }
#top b a.purchase{ color: #366fb6; }
#top a:hover,#top b a.purchase:hover{ color: #ff6600; }
#top strong{ display: block; position: absolute; top: 38px; left: 253px; font: normal 24px "Microsoft Yahei","simhei"; color: #4e9b31; }

.location{ width: 1000px; height: 25px; margin: 0px auto; position: relative; }
.location p{ display: block; position: absolute; z-index: 2; font: normal 14px/22px "\5b8b\4f53"; }
.location p a{ display: inline-block; padding: 0px 14px 0 7px; line-height: 22px; color: #366fb6; text-decoration: none; background: url(../images/Product/201305plistbg.png) no-repeat 100% -86px; }
.location p a.last{ background: none; color: #888888; }
.location span{ display: block; position: absolute; z-index: 2; right: 0px; text-align: right; font: normal 12px/22px "Tahoma"; color: #888888; }
.location span b{ font: normal 12px/22px "Tahoma","\5b8b\4f53"; color: #ff6600; }
.location a:hover{ color: #ff6600; }

.subnav{ width: 998px; height: 32px; margin: 5px auto 0; border: 1px solid #b2dff5; background: #fafdff; position: relative; }
.subnav h3{ display: block; position: absolute; width: 392px; height: 33px; top: -1px; left: -1px; }
.subnav h3 a{ display: block; float: left; width: 98px; height: 33px; text-align: center; font: normal 14px/33px "\5b8b\4f53"; text-decoration: none; color: #666666; }
.subnav h3 a.hot{ color: #fff; background: #4e9b31; font-weight: bold; }

.newcompany{width: 1000px;margin: 0 auto;}
.newcompanyleft{width: 785px;float: left;}
.newcompanylist{width: 785px;float: left;margin-top: 20px;}
.newcompanylist table{ width: 785px; display: block; float: left; border: 0px; }
.newcompanylist table tr th{background: #f7f7f7; padding: 11px 0 8px 0; text-align: center; font-weight: normal; color: #666666;}
.newcompanylist table tr td{ text-align: center; padding: 15px 0; border-bottom: 1px dashed #ebebeb; }
.newppic{ width: 95px; margin: 0px auto; }
.newppic img{ width: 93px; height: 93px; display: block; float: left; border: 1px solid #ebebeb; }
.content6{ width: 278px; height: 26px; font: 14px "Microsoft Yahei"; }
.content6 p,.content6 a{ float: left; }
.content6 p{ margin-left: 6px; }
.content6 a{ line-height: 26px; color: #4e9b31; }
.content6 a:hover{text-decoration: underline;}
.summary{ width: 278px; display: block; clear: both; font: normal 12px/20px "\5b8b\4f53"; height: 20px; white-space: nowrap; overflow: hidden; color: #999; text-align: left; }
.chat{ width: 49px; margin: 0px auto; background: url(../images/Company/goshow.jpg) no-repeat; padding: 2px 0 5px 21px; }
.chat a{ text-decoration: underline; color: #4e9b31; }
.qq{ background: url(../images/Company/qq1.jpg) no-repeat; }
.qq a{ color: #FF4E00; }

.newpage{ width: 785px; float: left; padding: 27px 0 40px 0; text-align: center; background: url(../images/Product/201305plistbg.png) repeat-x 0 -496px; }
.newpage a{ display: inline-block; width: 30px; height: 30px; text-align: center; text-decoration: none; color: #666666; margin: 0px 3px; font: normal 14px/30px "Tahoma"; background: url(../images/Product/201305plistbg.png) no-repeat -74px -361px; vertical-align: middle; }
.newpage a.prev{ display: inline-block; width: 72px; height: 30px; text-indent: 20px; text-align: left; font: normal 14px/30px "\5b8b\4f53"; background: url(../images/Product/201305plistbg.png) no-repeat 0 -361px; vertical-align: middle; }
.newpage a.prev:hover{ background: url(../images/Product/201305plistbg.png) no-repeat 0 -457px; }
.newpage a.lt:hover{ background: url(../images/Product/201305plistbg.png) no-repeat 0 -425px; }
.newpage a.on{ color: #fff; background: url(../images/Product/201305plistbg.png) no-repeat -74px -393px; }
.newpage a.lt{ display: inline-block; width: 72px; height: 30px; text-indent: 11px; text-align: left; font: normal 14px/30px "\5b8b\4f53"; background: url(../images/Product/201305plistbg.png) no-repeat 0 -393px; vertical-align: middle; }
.newpage span.jump{ display: inline-block; font: normal 12px/30px "Tahoma"; color: #666666; padding: 0px 14px; }
.newpage input{ width: 45px; height: 18px; border: 1px solid #dedede; display: inline-block; vertical-align: middle; margin-left: 8px; font: normal 12px/18px "Tahoma"; text-align: center; }
.newpage button{ width: 46px; height: 20px; display: inline-block; vertical-align: middle; margin-left: 8px; cursor: pointer; border: 0px; background: url(../images/Product/201305plistbg.png) no-repeat 0 -209px; }
.newpage a.ft{ display: none; }
.newpage a.next{ display: none; }
.newpage a:hover{ font: bold 14px/30px "Tahoma"; color: #366fb6; }
.newpage a.on:hover{ color: #fff; }

.newproductright{width: 200px;float: right;margin-top: 20px;}
.newproductright h3{width: 198px;height: 36px;border: 1px solid #ebebeb;background: #4e9b31;float: left;color: #fff;font: 18px/36px "Microsoft Yahei","simhei";text-indent: 22px;}
.area{float: left;width: 190px;padding-left: 10px;background: #f9f9f9;margin-bottom: 30px;}
.area p{font: normal 14px/30px "\5b8b\4f53";}
.area p a{padding: 0 9px;color: #999;}
.area p a:hover{text-decoration: underline;color: #4e9b31;}
ul.newstop{width:180px;float: left;background: #eff6ff;padding:0 10px 20px;margin-bottom: 20px;}
ul.newstop li{width: 180px;float: left;margin-top: 10px;}
ul.newstop li a.newstitle{float: left;font: 12px/22px "Microsoft Yahei";color: #333;width: 180px;text-align: left;height: 22px;overflow: hidden;}
ul.newstop li a:hover,ul.newsbot li a:hover{color: #f60;}
ul.newstop li img{width: 68px;height: 58px;border: 1px solid #ebebeb;float: left;margin-right: 10px;display: none;}
ul.newstop li span{float: left;width: 100px;color: #888;height: 55px;overflow: hidden;padding-top: 5px;margin-left: -3px;display: none;}

ul.newsbot{width: 200px;float: left;background: #eff6ff;padding: 10px 0;}
ul.newsbot li{width: 180px;text-indent: 22px;height: 30px;overflow: hidden;}
ul.newsbot li a{font: 12px/30px "Microsoft Yahei";color: #333;}


#nfoot{ width:970px; margin: 30px auto 0 auto; padding: 13px 10px 0 10px; background: url(../images/Public/publicbg.jpg) repeat-x 0 -357px; }
#nfoot p{ width: 970px; display: block; float: left; text-align: center; color: #444446; font: normal 12px/26px "\5b8b\4f53","Arial"; }
#nfoot span{ width: 970px; display: block; float: left; text-align: center; color: #ABABAD; font: normal 12px/26px "Arial","\5b8b\4f53"; border-top: 1px solid #CCCCCC; padding: 8px 0 0 0; margin: 3px 0 0 0; }
#nfoot span a{ text-decoration: none; color: #033483; padding: 0px 10px; }
#nfoot span a:hover{ color: #FB5005; }
#nfoot p strong{ font: normal 11px "Arial"; padding: 0px 25px 0 0; }
#nfoot p b{ padding: 0px 3px; font: normal 12px/26px "Arial",'ËÎÌå';}
#nfoot p b img{ vertical-align: middle; }





