@charset "utf-8";
/* CSS Document */
body,ul,ol,li,p,h1,h2,h3,h4,form,img,div,dl,dt,dd,label{margin:0;padding:0;border:0;}
body{margin:0;font:12px  Tahoma,sans-serif; color:#666;}
div{ margin:0 auto;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
ul,ol,dl{list-style-type:none;}
body,div,p{word-wrap:break-word;word-break:break-all;word-break:normal;}
img{border:0;}
.clear{ clear:both;} 

/*top header*/
.top{ width:966px; margin:0 auto; overflow:hidden; background:url(product_01.png) no-repeat;}
#header{ width:966px; margin:0px auto; height:125px; overflow:hidden; }
#header .header-fl{ width:363px; height:120px; padding-top:5px; background:url(../images/product_01.png) 0px 0px no-repeat; float:left;}
#header .header-fl p{ height:25px; line-height:25px; font-weight:bold; margin-left:15px;}
#header .header-fr{ width:603px; background:url(../images/product.gif) -363px 0px no-repeat; float:right; overflow:hidden; position:relative; height:125px; }
#header .header-fr .top-link{ height:29px; overflow:hidden; zoom:1; margin-left:70px;  }
#header .header-fr .top-link li{ float:left; line-height:29px; padding:0px 6px; color:#99ccff; } 
#header .header-fr .top-link li ul li{ float:none;}
#nav_1{ position:absolute; top:22px; left:140px;  border-top:none; width:112px; display:none; height:89px; background:url(../images/sz_03.jpg) no-repeat; padding-top:12px;}
#nav_2{ position:absolute; top:22px; left:206px;  border-top:none; width:112px; display:none; height:89px; background:url(../images/sz_03.jpg) no-repeat; padding-top:12px;}
#header .header-fr .top-link li.guidechem{ padding-left:18px; background:url(../images/linlin_03.jpg) left 2px no-repeat;}
#header .header-fr .top-link li #nav_1 li,#header .header-fr .top-link li #nav_2 li{ height:24px; line-height:24px; padding-left:15px; *height:18px; *line-height:18px;  background:url(../images/d_03.jpg) 8px 8px no-repeat;}
#header .header-fr .top-link li.sell{ padding-right:0px;}
#header .header-fr .top-link li.buy{ padding-left:0px; }
#header .header-fr .top-link li.sell a{ display:block; width:66px; background:url(../images/dd_02b.jpg) center 0px no-repeat; text-align:center;  }
#header .header-fr .top-link li.buy a{ display:block; width:66px; background:url(../images/dd_02t.jpg) center 0px no-repeat; text-align:center;  }
#header .header-fr .top-link li.sell a:hover{ background:url(../images/dd_02f.jpg) no-repeat;}
#header .header-fr .top-link li.buy a:hover{ background:url(../images/dd_02.jpg) no-repeat;}
#header .header-fr .top-link li #nav_1 li a,#header .header-fr .top-link li #nav_2 li a{ display:block; width:auto; text-align:left; background:none;}
#header .header-fr .top-link li #nav_1 li a:hover,#header .header-fr .top-link li #nav_2 li a:hover{ background:none;}

#tabs3{ margin-top:20px; width:570px; margin-left:33px; }
.menu3box{overflow:hidden; height:34px; line-height:34px; }
#menu3{ overflow:hidden; zoom:1;   padding-bottom:0px;  }
#menu3 li{ float:left; cursor:pointer; height:34px;  line-height:34px; width:99px; font-size:14px; text-align:center;  background:url(../images/product.gif) 0px -185px no-repeat;}
#menu3 li.hover{ background:url(../images/product_04.jpg)  no-repeat;  color:#fff;  font-weight:bold;  }
.main3box{clear:both; margin-top:-1px;  }
#main3 div{display: none;  height:33px; line-height:33px; }
#main3 div.block{display: block;}
.input-bg{ height:33px; line-height:33px; width:450px; padding-left:29px; background:url(../images/product.gif) -362px -142px no-repeat; border:none; color:#999;}
.but-bg{ width:81px; height:32px; border:none; background:url(../images/product_12.jpg) no-repeat; cursor:pointer;}
.dh-two{width:959px; margin:0px auto; background:url(../images/product_19.jpg) repeat-x;   height:25px; line-height:25px; border:1px solid #d1dbe7; padding-left:5px; }

/*  Top  */
.topmenu{ width:980px; color:#000; margin-bottom:10px; height:35px; line-height:26px;}
.topmenu ul li { float:left;padding:2px 5px 0 5px;}
.topmenu ul li a { color:#333; text-decoration:none; }
.topmenu ul li a:hover{ color:#0000CC; text-decoration:underline;}
.topmenu_right{ float:right; width:460px; background:url(product.gif) -363px 0px no-repeat; }
.topmenu .line{ color:#99ccff;}
.topmenu .q1{ background:url(../images/btn.gif) no-repeat left 8px; padding-left:22px;}
.topmenu .q2{ background:url(../images/btn.gif) no-repeat left -14px; padding-left:22px;}
.topmenu .q3{ background:url(../images/btn.gif) no-repeat left -40px; padding-left:22px;}
.topmenu .q4{ background:url(../images/btn.gif) no-repeat left -62px; padding-left:22px;}
.topmenu .q5{ background:url(../images/btn.gif) no-repeat left -82px; padding-left:20px;}
.topmenu .q6{ padding-left:51px;}

.toplogo{width:980px;}
.toplogo .pic{ margin-right:20px; float:left;}
.toplogo ul li { float:left;}
.toplogo .search{ float:left; width:440px; background-color:#138CDF; padding:4px; height:25px; margin-top:8px; }
.toplogo .text{ width:362px; height:18px; float:left; color:#666666; padding-left:5px; font-family:Tahoma,sans-serif;}
.toplogo .btn{ float:right;}
.toplogo .tip{ float:right; margin-top:10px;}
.toplogo .tip span a{ color:#0000CC; text-decoration:underline; line-height:20px;}
.toplogo .tip span a:hover{ color:#FF3300;text-decoration:underline;}


/*  position  */
.postion{ width:980px; margin-top:10px;}
.postion a{ color:#666666; text-decoration:none;}
.postion a:hover{color:#FF3300; text-decoration:underline;}

/* maincontent */
.mainbox{border-top:#D0DBED 1px solid; margin-top:10px;}
.mainbox .title{background:url(../images/maintopbg.gif) repeat-x;border-left:#D0DBED 1px solid;border-right:#D0DBED 1px solid;overflow: hidden;padding: 10px 0px;}
.mainbox .title h1{color:#000;font-size:28px;font-weight:normal;padding: 10px 20px;float:left;}
.mainbox .title span{float:right;background: url(../images/cas-search.gif) no-repeat 24px 24px;padding: 20px 20px 10px 51px;color:#333333;line-height: 20px;}
.mainbox .title span a{color:#333333;text-decoration:underline;display:inline-block;white-space:nowrap;margin: 0px 3px;}
.mainbox .title span a:hover{ color:#FF3300;text-decoration:underline;}
.mainbox .title span strong{display:inline-block;}
.mainbox .title span font{display:inline-block;}

.mainbox .title1{ background-color:#F4F8FF; border-top:#A1D1EC 4px solid; height:25px;border-left:#D0DBED 1px solid;border-right:#D0DBED 1px solid;}
.mainbox .title1 ul li{ float:left;}
.mainbox .title1 .cas{width: 20%;border-right:#E1EAF9 2px solid;line-height:25px;font-weight:bold;color:#000;padding-left: 5%;}
.mainbox .title1 .name{line-height:25px;font-weight:bold;color:#000;padding-left: 5%;width: 34%;border-right:#E1EAF9 2px solid;}
.mainbox .title1 .mf{line-height:25px;font-weight:bold;color:#000;padding-left: 5%;width: 30%;}
.mainbox .content{color:#333333;border:#D0DBED 1px solid; margin-bottom:30px;}
.mainbox .content ul{ margin-top:5px;}
.mainbox .content ul li{line-height:28px;overflow:hidden;height:28px;} 
.mainbox .content ul li a{ color:#333333; text-decoration:none;} 
.mainbox .content ul li a:hover{ background-color:#F4F6F9; display:block; color:#0000CC;}
.mainbox .content ul li span{width: 20%;float:left;background:url(../images/ico.gif) no-repeat 15px 12px;padding-left: 5%;}
.mainbox .content ul li p{width: 34%;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left: 5%;}
.mainbox .content ul li em{font-style:normal;width: 30%;float:left;padding-left: 5%;}




/*page*/
.pages{ padding:20px 0 20px 0; width:940px; margin:0 auto;}
 /*.pages{ float:left; padding:20px 0 20px 20px; }*/
.pages a{margin-right:5px; padding: 1px 4px;float:left;border: 1px solid #CAD7ED; background:#F0F6FF;color:#023DB5;}
.pages a.btn{color: #023DB5; font-weight:bold; text-decoration:none;}
.pages a:link,.pages a:visited{color: #023DB5; text-decoration:none;}
.pages a:hover{color: #023DB5; text-decoration:underline;}
.pages a.active,.pages a.active:visited{color: #333; text-decoration:none;font-weight:bold;}
.pages a.disable:link,.pages a.disable:visited{color: #023DB5; font-weight:bold; text-decoration:none;}
.pages a.disable:hover,.pages a.active:hover{text-decoration: none;}

.pages_fy{float:left; padding:0 30px 20px 20px; color:#5A6EA1; font-size:11px; word-spacing:0.2cm; line-height:22px;}
.pages_fy a{color:#5A6EA1; text-decoration:none;}
.pages_fy a:hover{color: #5A6EA1; text-decoration:underline;}
.pages_fy a.active,.pages_fy a.active:visited{color: #333; text-decoration:none;font-weight:bold;}


/*detail*/
.detail{ width:980px; margin-top:15px; overflow:hidden;}
.detailleft{ width:213px; float:left; border:#D0DBED 1px solid;}
.detailleft h2{ height:24px; background:url(../images/btn.gif) 0 -115px no-repeat; font-size:14px; padding-left:10px; line-height:24px; color:#333;}
.detailleft ul li{ padding:0 10px; margin:8px 0; }
.detailleft ul li a{ color:#666; text-decoration:none;}
.detailleft ul li a:hover{ color:#FF3300;text-decoration:underline;}
.detailleft ul li span{ color:#0000CC; font-weight:bold; text-decoration:underline; line-height:22px;}
.detailleft ul li span a{color:#0000CC;text-decoration:underline;}
.detailleft ul li span a:hover{color:#FF3300;text-decoration:underline;}

.detailmiddle{ width:764px;float:left; border-top:#D0DBED 1px solid; border-right:#D0DBED 1px solid; border-bottom:#D0DBED 1px solid;}
.detailmiddle h1{ background:url(../images/btn.gif) 0 -153px repeat-x; font-size:20px; padding:25px 30px; font-weight:normal; text-align:center; color:#000;}
.detailmiddle table{color:#333333; margin-top:10px;}
.bor {border-bottom: #fff 1px solid; text-align:right; line-height:22px; padding-right:5px;  background:#EDF4FA;  height: 22px;  font-weight:bold ; }
.bor1 {padding:5px 0 5px 10px; border-top: #e7e7e7 1px solid;color:#333333; width:405px; white-space:normal;}
.bor1 a{color:#0000CC;}
.bor1 a:hover{ color:#FF3300;}
.bor2 {border-bottom: #e7e7e7 1px solid; border-top: #e7e7e7 1px solid;padding:5px 0 5px 10px;  }
.bor3{color:#0000CC; line-height:22px;padding:5px 0 5px 10px; border-top: #e7e7e7 1px solid;}
.bor3 a{ color:#0000CC; text-decoration:none;}
.bor3 a:hover{color:#FF3300; text-decoration:underline;}
.detailmiddle .supply{ margin:8px; background:#EDF4FA; padding:10px; text-align:center; color:#000000; font-weight:bold; text-decoration:underline;}
.detailmiddle .supply a{ color:#000000;}
.detailmiddle .supply a:hover{color:#FF6600;}
.detailmiddle .supply span{ color:#FF6600; text-decoration:underline; font-size:14px;}
.detailmiddle .btn{text-align:right; margin:20px;cursor:pointer;}


.detailpic{ width:703px;float:left; padding:30px 30px 10px; border:#D0DBED 1px solid;background:url(../images/btn.gif) 0 -153px repeat-x;}
.detailpic h1{ color:#0000CC; font-size:14px; padding-bottom:30px; line-height:24px;}
.detailpic h1 a{color:#0000CC; text-decoration:none;}
.detailpic h1 a:hover{color:#FF3300; text-decoration:underline;}
.detailpic h1 span{ font-size:12px; color:#000; text-decoration:none;}
.detailpic .name{ color:#000000; font-weight:bold; font-size:14px; line-height:26px;}
.detailpic .other{ margin-top:40px; line-height:22px; color:#0000CC;}
.detailpic .other a{color:#0000CC;text-decoration:none;}
.detailpic .other a:hover{color:#FF3300; text-decoration:underline}
.detailpic .other span{ color:#333333; font-weight:bold;}


.detailleft1{ width:213px; float:left; border-top:#D0DBED 1px solid;border-right:#D0DBED 1px solid;border-bottom:#D0DBED 1px solid;}
.detailleft1 h2{ height:24px; background:url(../images/btn.gif) 0 -115px no-repeat; font-size:14px; padding-left:10px; line-height:24px; color:#333;}
.detailleft1 ul li{ padding:0 10px; margin:8px 0; }
.detailleft1 ul li a{ color:#666; text-decoration:none;}
.detailleft1 ul li a:hover{ color:#FF3300;text-decoration:underline;}
.detailleft1 ul li span{ color:#0000CC; font-weight:bold; text-decoration:underline; line-height:22px;}
.detailleft1 ul li span a{color:#0000CC;text-decoration:underline;}
.detailleft1 ul li span a:hover{color:#FF3300;text-decoration:underline;}

.mainbox .title2{border-top:#A1D1EC 4px solid; height:25px;border-left:#D0DBED 1px solid;border-right:#D0DBED 1px solid;}
.mainbox .content1{ width:978px;color:#333333;float:left; border-right:#D0DBED 1px solid; border-left:#D0DBED 1px solid;border-bottom:#D0DBED 1px solid;margin-bottom:30px;}
.mainbox .content1 .tip{padding-left:20px; width:900px;color:#333333; background:url(../images/ico1.gif) #F7FAF1 no-repeat 320px 10px; font-weight:bold; font-size:14px; height:50px; line-height:50px; text-align:center;margin-bottom:30px;}


.detailpic .tip{ width:500px; border:#DDEDF6 1px solid; background:#F0F7FB; margin:0 auto; padding:10px 40px; margin-top:20px;margin-bottom:10px;}
.detailpic .tip span{ color:#CC0000; font-weight:bold;}

.mainbox1{ width:980px; border:#D0DBED 1px solid; margin-top:10px;}
.mainbox1 .title{ height:75px; background:url(../images/maintopbg.gif) repeat-x;border-bottom:#A1D1EC 4px solid;}
.mainbox1 .title h1{ color:#000; font-size:28px; font-weight:normal; padding:20px; float:left;}
.mainbox1 .title span{ float:right; background:url(../images/cas-search.gif) no-repeat 0 40px; padding:40px 20px 0 30px; color:#333333; word-spacing:0.1cm;}
.mainbox1 .title span a{ color:#333333; text-decoration:underline;}
.mainbox1 .title span a:hover{ color:#FF3300;text-decoration:underline;}

.mainbox1 .pro{ padding:15px 20px; border-top:#A9B4C3 1px dotted; margin-top:-1px; line-height:22px; color:#333;}
.mainbox1 .pro dt{ width:88px; float:left; text-align:right; font-size:11px; color:#888;}
.mainbox1 .pro dd{ float:left; text-align:left; width:830px; padding-left:5px;}
.mainbox1 .ico{ background:url(../images/ico2.gif) 10px 7px no-repeat;}
.mainbox1 .cas{ color:#0000CC; font-weight:bold;}
.mainbox1 .cas a{ color:#0000CC; font-weight:bold; text-decoration:none;}
.mainbox1 .cas a:hover{ color:#ff6600; text-decoration:underline;}

/*foot*/
#foot{ width:966px; margin:0px auto; margin-top:10px; border-top:2px solid #1f62bd; padding-top:15px; text-align:center; line-height:21px;}
.highlight {color: #FF0000; font-weight:bold;}

#foot a:hover {text-decoration: underline;color: #F16600;}

.Customize {BORDER: #adc9f2 1px solid; PADDING: 5px;  BACKGROUND: #d1e5f9;  WIDTH: 954px; border-top:none;}
.CusBor{ BORDER: #adc9f2 1px solid; border-top:none; border-left:none;}
.CusFoat{HEIGHT: 27px; padding-left:20px; font-size:14px; font-weight:bold; border-right:1px solid  #adc9f2}
.JSDraw{BORDER: #adc9f2 1px solid;}
.easy-way h4.structure-title{ height:30px; background:url(../images/stra.jpg) 0px 0px repeat-x; padding:0px;}
.structure-title .fl{ font-size:14px; height:30px; line-height:30px; padding-left:12px; background:url(../images/stra.jpg) 0px -37px  no-repeat; display:inline-block;}
.structure-title .fr{ font-size:12px; font-weight:normal; height:30px; line-height:30px; padding-right:12px; background:url(../images/stra.jpg) right -68px  no-repeat; display:inline-block;}