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: #0b8acf; }
.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: #0b8acf 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: #0180cd; }

.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: #0195df; 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 a{
    display: block;
    width: 95px;
    height: 95px;
    position: relative;
    border: 1px solid #ebebeb;
}
.newppic img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-width: 100%;
}
.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: #0180cd; }
.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: #0180CD; }
.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: #0180cd;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: #0180cd;}
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 a{
    position: relative;
    cursor: pointer;
}
#nfoot p b a .QQhover {
	position: absolute;
	left: 0px;
	bottom: 21px;
	 border: 1px solid #666;
	 border-radius: 4px;
	 line-height: 20px;
	 color: #333;
	 background: rgba(255,255,255,.9);
	 display: none;
	 cursor: auto;
	font-weight: 700;
	height: 20px;
	width: 100px;
	 text-align: center;
     resize: none;
     font-family:"Arial" ;
	}
    #nfoot p b a .QQhover::after{
	 position: absolute;
	 left: 0;
	 top: 0;
	 line-height: 20px;
	 content: "QQ:";
	}
    #nfoot p b a:hover .QQhover{
	 display: inline-block;
	}
#nfoot p b img{ vertical-align: middle; }

@media only screen and (max-width: 1024px){
    body{min-width: 1000px;}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px){
    body{min-width: 1158px;}
    .header,#top,.location,.newcompany{width: 1158px;}
    .subnav{width: 1156px;}
    #nfoot,#nfoot p,#nfoot span{width: 1128px;}
    .newcompanyleft {
        width: 942px;
    }
    .newcompanylist {
        width: 942px;
    }
    .newcompanylist table {
        width: 942px;
    }
    .newcompanylist table td:nth-child(1){width: 156px!important;}
    .newcompanylist table td:nth-child(2){width: 332px!important;}
    .newcompanylist table td:nth-child(3){width: 212px!important;}
    .newcompanylist table td:nth-child(4){width: 116px!important;}
    .newcompanylist table td:nth-child(5){width: 126px!important;}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
    body{min-width: 1348px;}
    .header,#top,.location,.newcompany{width: 1348px;}
    .subnav{width: 1346px;}
    #nfoot,#nfoot p,#nfoot span{width: 1318px;}
    #top strong {
        font: normal 26px "Microsoft Yahei","simhei";
    }
    #top p {
        width: 348px;
        top: 20px;
        left: 676px;
    }
    #top div {
        top: 50px;
        left: 676px;
    }
    .newcompanyleft {
        width: 1022px;
    }
    .newproductright {
        width: 300px;
    }
    .newproductright h3 {
        width: 298px;
        height: 38px;
        font: normal 20px/38px "Microsoft Yahei","simhei";
    }
    .area {
        width: 290px;
    }
    .area {
        width: 290px;
    }
    .area p {
        font: normal 16px/32px "\5b8b\4f53";
    }
    .area p a {
        padding: 0 20px;
    }
    ul.newstop {
        width: 280px;
    }
    ul.newsbot {
        width: 300px;
    }
    ul.newstop li {
        width: 280px;
    }
    ul.newstop li a.newstitle {
        font: 14px/26px "Microsoft Yahei";
        width: 280px;
        height: 26px;
    }
    ul.newsbot li {
        width: 280px;
        text-indent: 24px;
        height: 34px;
    }
    ul.newsbot li a {
        font: 14px/34px "Microsoft Yahei";
    }
    .newcompanylist {
        width: 1022px;
    }
    .newcompanylist table {
        width: 1022px;
    }
    .newcompanylist table td:nth-child(1){width: 172px!important;}
    .newcompanylist table td:nth-child(2){width: 348px!important;}
    .newcompanylist table td:nth-child(3){width: 227px!important;}
    .newcompanylist table td:nth-child(4){width: 132px!important;}
    .newcompanylist table td:nth-child(5){width: 142px!important;}
    .newcompanylist table tr th {
        padding: 15px 0 12px 0;
        font-size: 14px;
    }
    .newppic {
        width: 100px;
    }
    .newppic a {
        width: 98px;
        height: 98px;
    }
    .newcompanylist table tr td {
        font-size: 14px;
    }
    .chat {
        width: 59px;
    }
    .summary {
        font: normal 13px/20px "\5b8b\4f53";
    }
    .newpage {
        width: 1022px;
    }
    #nfoot p {
        font: normal 14px/28px "\5b8b\4f53","Arial";
    }


}
@media only screen and (min-width: 1400px){
    body{min-width: 1400px;}
    .header,#top,.location,.newcompany{width: 1400px;}
    .subnav{width: 1398px;}
    #nfoot,#nfoot p,#nfoot span{width: 1370px;}
    #top p {
        width: 348px;
        height: 30px;
        top: 20px;
        left: 776px;
    }
    #top div {
        width: 501px;
        height: 36px;
        top: 50px;
        left: 776px;
    }
    #top strong {
        top: 44px;
        left: 263px;
        font: normal 28px "Microsoft Yahei","simhei";
    }
    .newcompanyleft {
        width: 1070px;
    }
    .newcompanylist {
        width: 1070px;
    }
    .newcompanylist table {
        width: 1070px;
    }
    .newcompanylist table td:nth-child(1){width: 182px!important;}
    .newcompanylist table td:nth-child(2){width: 357px!important;}
    .newcompanylist table td:nth-child(3){width: 236px!important;}
    .newcompanylist table td:nth-child(4){width: 142px!important;}
    .newcompanylist table td:nth-child(5){width: 152px!important;}
    .newcompanylist table tr th {
        padding: 16px 0 14px 0;
        font-size: 15px;
    }
    .newppic {
        width: 105px;
    }
    .newppic a {
        width: 103px;
        height: 103px;
    }
    .content6 {
        width: 338px;
        font: 15px "Microsoft Yahei";
    }
    .summary {
        width: 338px;
        font: normal 14px/22px "\5b8b\4f53";
        height: 22px;
    }
    .newcompanylist table tr td {
        font-size: 14px;
    }
    .chat {
        width: 62px;
    }
    .newpage {
        width: 1070px;
    }
    .newproductright {
        width: 300px;
    }
    .newproductright h3 {
        width: 298px;
        height: 38px;
        font: normal 20px/38px "Microsoft Yahei","simhei";
    }
    .area {
        width: 290px;
    }
    .area {
        width: 290px;
    }
    .area p {
        font: normal 16px/32px "\5b8b\4f53";
    }
    .area p a {
        padding: 0 20px;
    }
    ul.newstop {
        width: 280px;
    }
    ul.newsbot {
        width: 300px;
    }
    ul.newstop li {
        width: 280px;
    }
    ul.newstop li a.newstitle {
        font: 14px/26px "Microsoft Yahei";
        width: 280px;
        height: 26px;
    }
    ul.newsbot li {
        width: 280px;
        text-indent: 24px;
        height: 34px;
    }
    ul.newsbot li a {
        font: 14px/34px "Microsoft Yahei";
    }
    #nfoot p {
        font: normal 14px/30px "\5b8b\4f53","Arial";
    }
    #nfoot span {
        font: normal 13px/30px "Arial","\5b8b\4f53";
    }

}