@charset "utf-8";
/* CSS Document */
/* Rest CSS */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/* 全局 */
body{font:12px;font-family:Arial, Helvetica, sans-serif, Tahoma;line-height:1.5em;background:#fff;color:#000;margin:0 auto;background:url(../images/header_bg.gif) repeat-x scroll left top;}
td,th,div{word-break:break-all;word-wrap:break-word} /*设置td、th和div元素内的文本强行截断单词，此代码仅对ie有用。[ 没有重定义的必要 ]*/
.c{clear:both;height:0px;font:0px/0px Arial;} /* 清除浮动样式 【没有重定义的必要】 */

/* 通用样式 */
.fr,#right{float:right} /*往右浮动*/
.fl,#left{float:left} /*往左浮动*/
.b{ font-weight:bold} /*文本粗体*/
.tdn{ text-decoration:none} /*文本和链接无下划线*/
.small{ font-size:10px;} /*小文本字体*/
.big{ font-size:14px;} /*大号文本字体*/
.fsn{ font-size:12px} /*正常文本字体大小*/
.fn{ font-weight:normal} /*正常的字体粗细*/
.lh0{ line-height:0} /*行高为零*/
.yellow {color:#0c2f86} /*文本或者链接颜色*/
.gray{ color:#aaa} /*文本或者链接颜色*/
.keep{ word-break:keep-all; word-spacing:normal} /*保持单词不换行*/
.ip{ padding:2px; border:1px solid #fff; background:none} /*输入框颜色*/
.bt{background:#012E53;color:#fff;font-size:12px; } /*全站按钮样式*/
.blank{margin-top:8px;}
.m2{ margin:2px 6px 0 0;}
.m4{ margin:4px 6px 0 0;}
.m8{ margin:18px 10px 0 0;}
.nm4{ margin-left:4px}
.cooperatecollege{margin-top:20px;}
.hasbBorder{border:1px solid #9FCADB;}
/* 通用样式 */
/*a link 基本连接颜色*/
a{color:#000; text-decoration:none;} /*全局链接颜色*/
a:hover{text-decoration:underline;} /*鼠标覆盖链接以后的效果*/
a.noul{ text-decoration:none} /*没有下划线的链接样式【无需修改】*/
a.active{background:#0C5896; color:#fff} /*处于激活状态的链接样式*/
a.active:hover{color:#0C5896; background:none} /*处于激活状态下的链接被鼠标覆盖后的样式*/
h1{color:#5c5b5a;font-size:13px; padding:.6em 0 0; margin-top:1em; font-weight:bold; line-height:36px;} /*一号标题的样式，依次定义了文本颜色、字体大小、内填白和上外补白*/
h2{ font-size:15px; padding:.5em .6em .3em; color:#0c2f86; } /*二号标题的样式，依次定义了字体大小，内填白和文本颜色*/
h3{ font-size:14px; color:#000} /*三号标题的样式，依次定义了字体大小和文本颜色*/
h4{ font:16px Georgia; display:inline} /*四号标题的样式，一次定义了字体大小和族名，以及渲染方式【无需改动】*/
.bb{ border-bottom:1px solid #fff; padding:0 0 .6em; margin:0 0 .3em; line-height:2em;} /*一下边框样式，border的颜色修改即可*/

 /* 主容器 */
#container{margin:0 auto;width:1002px;}
.blackfont{ font-family:Geneva, Arial, Helvetica, sans-serif, serif}
ul{list-style-type:none;margin:0;padding:0;}
a{color:#000;text-decoration:none;} /*全局链接颜色*/
a:hover{text-decoration:none;} /*鼠标覆盖链接以后的效果*/
a.noul{text-decoration:none;}
a.active{background:#0C5896;color:#fff;} /*处于激活状态的链接样式*/
a.active:hover{color:#0C5896;background:none;} /*处于激活状态下的链接被鼠标覆盖后的样式*/

/*头部*/
#header{ width:1002px;}
.logo{ width:196px; height:107px; margin-top:5px;}
#toolbar{width:326px; height:25px; background:#008d9e;}
.toolbarl{width:5px; height:25px;}
.toolbarm{width:316px; height:25px;font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:25px;}
.toolbarm ul{padding-left:14px;}  
.toolbarm ul li{ float:left;}
.toolbarm ul li a{ color:#ffffff;}
.green{ color:#8dd265; padding:0 12px;}
.green1{padding-top:11px; width:3px; text-align:center;}
.green2{ color:#ffffff; padding:0 12px;}
.green3{ color:#8dd265; padding:0 12px; font-weight:bold;}
.toolbarr{width:5px; height:25px; display:block;}
#menu{  width:806px; height:84px;}
#menu ul{margin:39px 0 3px 6px; height:45px;width:800px;position:absolute;}
#menu ul li{ float:left;}
/*.home{ width:97px; height:45px;background:url(../images/home_01.gif ) no-repeat; }*/
.home .a1{ background:url(../images/home_01.gif ) no-repeat;width:97px;height:45px; display:block;}
.home a:hover.a1{ background:url(../images/home_02.gif) no-repeat;width:97px;height:45px  }
.about .a2{ background:url(../images/about_01.gif) no-repeat;width:97px;height:45px;display:block; }
.about a:hover.a2{ background:url(../images/about_02.gif) no-repeat;width:97px;height:45px  }
.products .a3{ background:url(../images/products_01.gif ) no-repeat;width:97px;height:45px;display:block; }
.products a:hover.a3{ background:url(../images/products_02.gif) no-repeat;width:97px;height:45px  }
.private .a4{ background:url(../images/private_01.gif) no-repeat;width:197px;height:45px;display:block; }
.private a:hover.a4{ background:url(../images/private_02.gif) no-repeat;width:197px;height:45px;}
.certificate .a5{ background:url(../images/certificate_01.gif) no-repeat;width:97px;height:45px;display:block; }
.certificate a:hover.a5{ background:url(../images/certificate_02.gif) no-repeat;width:97px;height:45px;}
.faqs .a6{ background:url(../images/faqs_01.gif) no-repeat;width:97px;height:45px;display:block; }
.faqs a:hover.a6{ background:url(../images/faqs_02.gif) no-repeat;width:97px;height:45px;}
.contact .a7{ background:url(../images/contact_01.gif) no-repeat;width:97px;height:45px;display:block; }
.contact a:hover.a7{ background:url(../images/contact_02.gif) no-repeat;width:97px;height:45px;}
#tp{ width:1002px; height:293px;}
.tpl{ width:235px; height:293px; background:#8dc347;}
.tpr{ width:767px;}
.tplbottom{ width:235px; height:83px; background:url(../images/tp-bottom.jpg) no-repeat;}
.tpmore{ margin-left:18px; margin-bottom:10px;}
.tpltop{padding-left:18px;}
.tptitle{ color:#126c23; font-size:16px; font-family:Arial, Helvetica, sans-serif; margin-top:12px;}
.tptext{ width:210px; line-height:24px; font-size:12px;word-break:keep-all; color:#ffffff;}


/*主体*/
/*左边*/
#main{width:1002px;}
#left{width:283px; height:688px;}
#left ul li{padding-top:10px;}
.fda{ width:268px; height:94px; border:1px solid #90b9b3;margin-top:8px; margin-left:4px;}
.fdatop{width:252px; border-bottom:2px solid #e3e3e3; height:36px;}
.fdatop img{ padding-left:14px;padding-top:6px;}
.msds{width:252px;margin-right:8px;}
.msds ul {padding-left:10px;padding-top:2px; }
.msds ul li{ float:left;padding-right:4px;}
/*底部*/
#footer{margin:0 auto; background:url(../images/footer_bg.gif);font-size:12px; font-family:Arial, Helvetica, sans-serif; letter-spacing:0.3pt;}
#footer1{margin:0 auto;width:1002px;  height:104px;letter-spacing:0.5pt;}
.footermenu{ height:36px; }
.footermenu a{ color:#ffffff; }
.footermenu ul{padding-top:8px; padding-left:100px;}
.footermenu ul li{ float:left;}
.copyright{ color:#ffffff; text-align:center; padding-top:20px;}