﻿@charset "utf-8";
/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,pre,div,ul,ol,li,dl,dt,dd,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td { line-height:30px; cursor:hand;}
select{ font-family:微软雅黑,Arial, Helvetica, sans-serif; font-size:12px; line-height:20px;}

body{ float:left; font-size:12px; color: #333333; font-family:微软雅黑,Arial, Helvetica, sans-serif; font-size:12px;}
a{ font-family:微软雅黑,Arial,Helvetica,sans-serif; color:#444444; text-decoration:none; font-size:12px;}
a:hover{ color:#c40001; text-decoration:none;}

.listpage{ display:block; float:left; width:100%; height:30px; overflow:hidden; text-align:right;}
.pagelist1.pages{ font-family:Webdings; cursor:hand;}
.pagelist1{ font-size:12px; padding:3x; margin:3px; text-align:right;}
.pagelist2{ font-size:11px; padding:3x; margin:3px; text-align:right;}
.pagelist2 a{ border:#ccc solid 1px; color:#bc0008; margin-right:2px; padding:2px 5px;}
.pagelist2 a:hover{ background:#bc0008; border:#ccc solid 1px; color:#fff;}
.pagelist2 span.current{ background:#bc0008; border:#ccc solid 1px; color:#FFFFFF; margin-right:2px; padding:2px 5px;}
.pagelist2 span.disabled{ border:#ddd solid 1px; color:#ddd; margin-right:2px; padding:2px 5px;}
.pagelist2 span.total{ font-size:12px; line-height:20px; margin:0 5px;}

.noInfo{ float:left; background:url(../images/loading.gif) left no-repeat; width:100%; height:30px; padding-left:20px; line-height:30px;}
.clears{ clear:both; font-size:0; line-height:0;}

.fl{float:left;}.fr{float:right;}
.tar{text-align:right;}.tac{text-align:center;}.tal{text-align:left;}

.w250{width:250px;}
.h20{height:20px;}.h30{height:30px;}.h100{height:100px;}

.pt10{padding-top:10px;}.pl10{padding-left:10px;}.pr25{padding-right:25px;}.pr10{padding-right:10px;}
.mgt10{margin-top:10px;}.mgb10{margin-bottom:10px;}.mgt20{margin-top:20px;}

.lh20{line-height:20px;}.lh25{line-height:25px;}
.bb{border-bottom:#cccccc solid 1px;}
.bbs{border-bottom:#6eba19 solid 1px;}
.bbr{border-bottom:#ea1205 solid 1px;}
.dashline{ background:url(../Images/dashedline.gif) bottom repeat-x;}
.tline{ background:url(../Images/line.png) left bottom no-repeat;}
.hidden{overflow:hidden;}
.relative { position:relative;}.absolute { position:absolute;}

#FloatDiv{width:130px; position:absolute;float:right;z-index:10000; overflow:hidden;}
.Float-t{float:left; width:130px; height:32px; background:url(../images/qq_top_bg.gif) no-repeat; position:relative; }
.qqclose{ position:absolute; top:5px; right:10px; cursor:pointer; display:block; width:10px; height:10px; background:url(../Images/qq_top_shut.gif) no-repeat;}
.Float-bg{float:left; width:100px; background:url(../images/qq_mid_bg.gif) repeat-y; padding:10px 15px; color:#333;}
.qlist{float:left; width:100px;}
.qlist li{width:100px; height:30px; line-height:30px;}
.Float-b{float:left; width:130px; height:60px; background:url(../images/qq_btm_bg.gif) repeat-y;}

.list-scroll{ position:relative; overflow:hidden;}
.list-scroll ul{ position: absolute; width: 20000em;}
.list-scroll ul li{ float:left; display:inline;}

.info-title{ float:left; display:block; width:100%; height:37px; overflow:hidden; position:relative; background:url(../images/title_bg.png) left top no-repeat;}
.info-title h3{ float:left; height:37px; width:76px; padding-left:25px; font-size:14px; line-height:37px; color:#000000; margin-left:10px; background:url(../images/tit_bg.png) left center no-repeat;}
.info-title h4{ float:left; margin-left:20px; height:37px; line-height:37px; font-size:14px;  overflow:hidden;  text-align:center; color:#000000;}
.info-title h5{ float:left; line-height:37px; color:#000000; font-size:16px; overflow:hidden; width:100%;}
.info-title em{  height:50px; font: 14px/37px Arial, Helvetica, sans-serif; overflow:hidden; color:#333 }
.info-title span{ float:right; line-height:37px; font-size:12px; background:url(../images/title_bg.png) right top no-repeat; padding-right:10px;}
.info-title span a{ font-size:12px;}
.info-title span a.more{ float:left; display:block; width:42px; height:37px; background:url(../Images/more.png) center no-repeat; }


.wrapper{ float:left; width:100%; display:block; }

.header-wrapper{ height:120px; background:url(../Images/header_bg.png) center top repeat-x}
.header{ width:1000px; height:120px; margin:0 auto; position:relative; z-index:10;}
.header-top{ float:left; width:1000px; height:34px;}
.notice{ float:left; background:url(../Images/notice.png) center left no-repeat; padding-left:30px; line-height:34px;}
.top-nav{ float:right;}
.top-nav a{ line-height:34px;}
.header-box{ float:left; width:1000px; height:86px;}
.header-box h1{ float:left; margin-top:13px;}
.tel{ float:right; width:180px; height:40px; margin-top:23px; background:url(../images/tel.png) center left no-repeat; }
.ew{ float:right; width:78px; height:78px; margin-top:4px; background:url(../images/ew.png) center left no-repeat; }

.menu-wrapper{ height:40px; background:url(../Images/menu_bg.png) center top repeat-x}
.menu{ width:1000px; height:40px; margin:0 auto; position:relative; z-index:10;}
ul.menu-list{ float:left; width:1000px; height:40px; }
ul.menu-list li{ float:left; width:125px; line-height:40px; text-align:center; position:relative; z-index:5; }
ul.menu-list li a{ display:block; width:125px;  font: 16px/40px 微软雅黑,Arial, Helvetica, sans-serif; color:#FFF}
ul.menu-list li a:hover,ul.menu-list li a.current{ display:block; width:125px; background:url(../images/menu_on.png) center left; color:#FFF }
ul.menu-list li ul{ position:absolute; top:40px; left:12px; width:113px; display:none;}
ul.menu-list li ul li{ float:left; width:113px; height:35px;  background:none;}
ul.menu-list li ul li a{ display:block; width:113px; height:35px; background:#0c0c0c; color:#fff; line-height:35px; font-size:12px; font-weight:normal; text-align:center; overflow:hidden; }
ul.menu-list li ul li a:hover{ background:#000; color:#ffffff; width:113px;}

.search-wrapper{}
.search{ width:1000px; height:25px; padding:10px 0; margin:0 auto; position:relative; z-index:3;}
.search-box{ float:left; width:250px; }
.search-box .keyword-bg{ float:left; width:180px; height:25px;}
.search-box .keyword-bg input{ border:1px #CCCCCC solid; width:150px; height:23px; line-height:23px; font-family:微软雅黑; background:url(../images/search-icon.jpg) left no-repeat; padding-left:20px;}
.keywords{ float:right; line-height:25px;}
.keywords strong{ font-size:14px; color:#c40001; line-height:25px;}

.fullSlide{ float:left; width:100%;  position:relative;  height:360px; background:#e8e8e8; }	
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }	
.fullSlide .bd ul{ width:100% !important;  }	
.fullSlide .bd li{ width:100% !important;  height:360px; overflow:hidden; text-align:center;  }	
.fullSlide .bd li a{ display:block; height:360px; }	
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; background:url(../images/touming.png) repeat-x; text-align:center;		 _background:#000; _filter:alpha(opacity=60); 	}	
.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }	
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(../images/tg_flash_p.png) -18px 0; overflow:hidden; 		line-height:9999px; 	}	
.fullSlide .hd ul .on{ background-position:0 0; }

.fullSlide .prev,
.fullSlide .next{ position:absolute; left:5%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat #333333; filter:alpha(opacity=50);opacity:0.5;   }
.fullSlide .next{ left:auto; right:5%; background-position:8px 5px; }
.fullSlide .prev:hover,
.fullSlide .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.fullSlide .prevStop{ display:none;  }
.fullSlide .nextStop{ display:none;  }

.mainer-wrapper{ position:relative; z-index:10;  padding:10px 0; background:#e3e3e3;}
.mainer{ width:1000px; margin:0 auto;}
.bg1{ background:#e8e8e8;}
.bg2{ background:#009944;}

.home-product-box{ float:right; width:740px;}
.box-bg{ float:left; padding:10px; width:720px; background:#FFF;}
.newsbox-bg{ float:left; padding:10px; width:340px; background:#FFF;}
.home-product-scroll-box{ float:left; width:720px; height:410px; overflow:hidden;}
ul.home-product-list{ float:left; width:740px;}
ul.home-product-list li{ float:left; width:165px; height:200px; display:inline; margin-right:20px; margin-bottom:10px;}
ul.home-product-list li a{ float:left; display:block; width:165px; height:190px;}
ul.home-product-list li a img{ width:155px; height:155px; padding:4px; border:#cccccc solid 1px;}
ul.home-product-list li a span{ float:left; width:165px; height:30px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; line-height:30px;}
ul.home-product-list li a:hover img{ border:#c40001 solid 1px;}

.main-box{ float:left; width:1000px; margin-top:10px;}
.main-left{ float:left; width:740px;}
.main-right{ float:right; width:240px;}

.home-about{ float:left; width:740px;}
.home-about-box{ float:left; width:450px; line-height:25px; height:175px; overflow:hidden; margin-top:10px; background: url(../images/brief_img.png) top left no-repeat; padding-left:270px;}
.home-about-content{ float:left; width:450px; line-height:25px; height:175px; overflow:hidden; }
.home-about-content strong{ color:#db0409;}

.home-contact{ float:left; width:240px; margin-top:10px;}
.home-contact-title{ float:left; width:240px; height:60px; background:url(../images/contact_title_bg.png) no-repeat}
.home-contact-content{ float:left; width:220px; padding:10px; height:150px; line-height:25px; overflow:hidden; background:url(../images/contact_img.png) bottom right no-repeat #FFF;}

.home-news1{ float:left; width:360px; margin-top:10px;}
.home-news2{ float:left; width:360px; margin-top:10px; margin-left:20px;}
ul.home-news-list{ float:left; width:340px;}
ul.home-news-list li{float:left; width:340px; height:25px; margin-bottom:5px; background:url(../images/dashedline.gif) bottom repeat-x;}
ul.home-news-list li .n-date{ float:right; display:block; line-height:25px; font-size:12px; width:80px; text-align:center;}
ul.home-news-list li a{ float:left;display:block;width:240px;height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;line-height:25px; font-size:12px; padding-left:20px; background:url(../images/arr.png) left center no-repeat; }


.home-service{ float:right; width:240px;}
.home-service a.btn1{ float:left; width:240px; height:72px; background:url(../images/contact-bg.png) top left no-repeat;}
.home-service a.btn2{ float:left; width:240px; height:71px; background:url(../images/contact-bg.png) 0 -72px no-repeat;}
.home-service a.btn3{ float:left; width:240px; height:70px; background:url(../images/contact-bg.png) 0 -143px no-repeat;}

.side{ float:left; width:240px;}

.side-title{ float:left; width:240px; height:62px; background:url(../Images/side_type_title.png) top left no-repeat;}
.xiazai{ float:left; width:240px; height:62px; background:url(../Images/xiazai.jpg) top left no-repeat;}
.side-bg{ float:left; width:220px; overflow:hidden; background:#FFF; padding:10px; padding-bottom:0px;}
ul.side-nav-list{ float:left; width:220px;}
ul.side-nav-list li{ float:left; width:220px; height:30px; margin-bottom:10px;}
ul.side-nav-list li a{ float:left; width:210px; height:30px; line-height:30px; padding-left:10px; overflow:hidden; background:url(../Images/nav_bg.png) top left no-repeat; }
ul.side-nav-list li a:hover,ul.side-nav-list li a.current{ color:#ffffff; background:url(../Images/nav_on.png) top left no-repeat; font-weight:bold;}


.main{ float:right; width:740px;}
.main-content{ float:left; width:720px; line-height:30px;}
.main-content img { max-width: 720px; height:auto; width:expression(this.width > 720 ? "720px" : this.width); }

ul.news-list{ float:left; width:720px;}
ul.news-list li{float:left; width:720px; height:30px; background:url(../Images/dashedline.gif) bottom repeat-x; margin-bottom:5px;}
ul.news-list li .n-date{ float:right; display:block; line-height:30px; font-size:12px; width:80px; text-align:center;}
ul.news-list li a{ float:left;display:block;width:620px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;line-height:30px; font-size:14px; padding-left:20px; background:url(../images/arr.png) left center no-repeat;}

ul.certificate-list{ float:left; width:740px;}
ul.certificate-list li{ float:left; width:165px; height:200px; display:inline; margin-right:20px; margin-bottom:10px; overflow:hidden; }
ul.certificate-list li .cerbox{ *float:left; width:150px; height:170px; text-align:center; vertical-align:middle; display:table-cell; position:relative; border:1px solid #ccc; padding:3px; overflow:hidden; }
ul.certificate-list li .cerimg{ *position:absolute; top:50%;}
ul.certificate-list li .cerimg img{ *position:relative; top:-50%; left:-50%; vertical-align: middle\9; }
ul.certificate-list li span{ float:left; width:165px; height:30px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; line-height:30px;}

ul.product-list{ float:left; width:740px;}
ul.product-list li{ float:left; width:165px; height:180px; display:inline; margin-right:20px; margin-bottom:10px;}
ul.product-list li a{ float:left; display:block; width:165px; height:180px;}
ul.product-list li a img{ width:155px; height:140px; padding:4px; border:#cccccc solid 1px;}
ul.product-list li a span{ float:left; width:165px; height:30px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; line-height:30px;}
ul.product-list li a:hover img{ border:#c40001 solid 1px;}
ul.product-list li a:hover span{ background:#c40001 ; color:#FFF}

.product-brief{ float:left; text-align:left; width:100%; line-height:25px;}
.product-content-title{ float:left; width:720px; height:30px; font:bold 14px/30px 微软雅黑,Arial, Helvetica, sans-serif; text-align:left; color:#009240; overflow:hidden; background:url(../Images/dashedline.gif) bottom repeat-x;}


.point{ color:#bc0008}
.about-content{ display:block; line-height:30px; font-size:14px;}
.about-content p{ text-indent:2em; font-size:14px;}
.contact-content{ float:left; display:block; margin-top:20px; padding-bottom:50px; width:660px; margin-left:30px;  background:url(../Images/home-contact.png) bottom right no-repeat;}
.contact-info{ float:left; width:360px;}
.contact-info strong{color:#db0409; font-size:18px;}
.contact-info p{ border-bottom:#e6e9ee solid 1px; line-height:35px;}

.speech-content{ display:block; padding-left:220px; padding-bottom:50px; background:url(../Images/speech.jpg) top left no-repeat; line-height:30px; font-size:14px;}
.speech-content p{ text-indent:2em;}

.culture-content{ float:left; display:block; padding-right:320px; padding-left:20px; padding-bottom:50px; background:url(../Images/honor-img.jpg) bottom right no-repeat; line-height:30px; font-size:14px;}
.zhiliang-content{ float:left; display:block; line-height:30px; font-size:14px;}


.footer-wrapper{background:#333333; padding:10px 0;}
.footer{ width:1000px; margin:0 auto; line-height:25px; color:#ffffff; text-align:center; position:relative;}
.footer-box{ float:left; width:980px; background:#009944; padding:10px;}
.footer a{ color:#fff;}