@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{font-size:12px; color: #333333; font-family:微软雅黑,Arial, Helvetica, sans-serif; background:#ffffff; font-size:12px;}
a{ font-family:微软雅黑,Arial,Helvetica,sans-serif; color:#333333; text-decoration:none; font-size:12px;}
a:hover{ color:#0e6eb8; text-decoration:none;}

.listpage{ display:block; float:left; width:720px; 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:#ba010b; margin-right:2px; padding:2px 5px;}
.pagelist2 a:hover{ background:#ba010b; border:#ccc solid 1px; color:#fff;}
.pagelist2 span.current{ background:#ba010b; 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;}
.bbr{border-bottom:#ea1205 solid 1px;}
.dashline{ background:url(../Images/dashedline.gif) bottom repeat-x;}
.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;}

/*.home{ float:left; display:block; width:100%; background:url(../Images/home-body.jpg) top repeat-x #0043a9;}
.home-wrapper{ width:1000px; height:768px; background:url(../Images/home-bg.png) no-repeat; margin:0 auto; position:relative; z-index:5}
.home-txt-wrapper{ position:absolute; left:0px; top:0px; width:500px; height:100%; background:url(../Images/index-focus-txt.png) repeat; z-index:2;}
.home-txt{ position:absolute; left:-150px; top:150px; width:400px; height:380px; background:url(../Images/home-txt.png) no-repeat; display:none; z-index:5;}
.home-btn-wrapper{ position:absolute; right:100px; top:255px; width:260px; height:260px; background:url(../Images/guang.png) no-repeat; z-index:2;}
.home-btn{ position:absolute; right:60px; top:360px; width:340px; height:110px; background:url(../Images/home-btn.png) no-repeat; display:none; z-index:5;}
.home-btn a{ display:block; width:340px; height:110px;}*/

.home-header{ float:left; display:block; width:100%;}
.home-header-wrapper{ width:1000px; height:120px; margin:0 auto; position:relative; z-index:5}
.home-header-wrapper h1{ position:absolute; left:10px; top:10px; display:block; width:150px; height:100px; overflow:hidden;}
.home-header-txt{ position:absolute; right:10px; top:50px; line-height:25px; color:#FFF;}
.home-body{ background:url(../Images/home-body-bg.jpg) top repeat-x #569ac7;}

.home-banner{ float:left; width:100%; display:block; height:360px;}
.home-banner-wrapper{ width:1440px; height:360px; margin:0 auto; position:relative; z-index:2;}
ul.home-banner-list li{ float:left; display:block; width:1440px; height:360px;}
ul.home-banner-list li a{ float:left; display:block; width:1440px; height:360px;}

.home-footer{ display:block; margin-top:10px;}
.home-footer-wrapper{ width:1000px; padding:15px 0; margin:0 auto; line-height:25px; text-align:center; color:#ffffff;}
.home-footer-wrapper a{ color:#ed0000;}

.home-in{ float:left; display:block; width:100%; margin-top:10px;}
.home-in-wrapper{ width:1000px; height:50px; margin:0 auto; position:relative; z-index:5}
.home-btn{ position:absolute; left:50%; margin-left:-56px; top:2px; width:112px; height:44px; background:url(../Images/home-btn.png) no-repeat; z-index:5;}
.home-btn a{ display:block; width:112px; height:44px;}

.header{ float:left; display:block; width:100%; background:url(../Images/header-bg.jpg) bottom repeat-x;}
.header-wrapper{ width:1000px; height:120px; margin:0 auto; position:relative; z-index:5;}
.header-wrapper h1{ position:absolute; left:0px; top:20px; display:block; overflow:hidden;}

.header-nav{ position:absolute; top:20px; right:0px; height:24px; padding:1px 15px 3px 15px; width:220px; background:url(../images/header-nav.png) no-repeat;}
.header-nav ul{ float:left; height:24px;}
.header-nav ul li{ float:left; background:url(../Images/header-nav-arrow.png) right center no-repeat; padding-right:20px; line-height:24px;}
.header-nav ul li.last{ background:none; padding-right:0px;}
.header-nav ul li a{ line-height:24px;}

.menu{ width:740px; height:42px; padding-bottom:5px; padding-left:20px; position:absolute; bottom:20px; right:0px;  background:url(../Images/menu-bg.png) bottom no-repeat;}
ul.menu-list{ float:left; width:740px;}
ul.menu-list li{ float:left; width:90px; line-height:35px; text-align:center; position:relative; z-index:5;}
ul.menu-list li a{ display:block; width:90px; height:35px; font:bold 14px/35px 微软雅黑,Arial, Helvetica, sans-serif; padding-top:7px; color:#ffffff;}
ul.menu-list li a:hover,ul.menu-list li a.current{ display:block; width:90px; height:35px; color:#ffffff; background:url(../Images/menu-on.png) repeat-x;}
ul.menu-list li ul{ position:absolute; top:42px; left:7px; width:77px; padding-bottom:0px; padding-left:0px; display:none;}
ul.menu-list li ul li{ float:left; width:77px; height:30px; overflow:hidden;}
ul.menu-list li ul li a{ display:block; width:77px; height:30px; background:#c91312; color:#fff; line-height:30px; font-size:12px; font-weight:normal; padding-top:0px;}
ul.menu-list li ul li a:hover{ background:#000; color:#FFF; padding-top:0px;  width:77px;}

.banner{ float:left; width:100%; display:block; height:500px; background:url(../Images/banner-bg.jpg) center no-repeat;}
.banner-wrapper{ width:1000px; height:500px; margin:0 auto; position:relative; z-index:2;}
.banner-wrapper .banner-txt { position:absolute; top:150px; left:50px; width:500px; height:120px; background:url(../Images/banner-txt.png) center no-repeat;}

.home-focus-wrapper{ position:absolute; top:80px; right:30px; width:300px; height:300px;}
.home-focus-content{ margin:0 auto; width:300px; height:300px; overflow:hidden;}
ul.home-focus-list{ float:left;}
ul.home-focus-list li{ float:left; width:300px; height:300px; overflow:hidden;}
ul.home-focus-list li a{ float:left; width:300px; height:300px; overflow:hidden;}

.mainer{ float:left; width:100%; display:block; margin-top:10px;}
.mainer-wrapper{ width:1000px; margin:0 auto;}

.home-news{ float:left; width:1000px; height:37px; background:url(../Images/news-bg.png) no-repeat; position:relative}
.home-news-wrapper{ width:870px; height:25px; margin-left:100px; margin-top:6px; overflow:hidden;}
ul.home-news-list{ float:left; }
ul.home-news-list li{float:left; width:290px; height:25px;}
ul.home-news-list li .n-date{ float:right; display:block; color:#0e6eb8; line-height:25px; font-size:12px; width:80px; text-align:center; font-family:Georgia, "Times New Roman", Times, serif}
ul.home-news-list li a{ float:left;display:block;width:210px;height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;line-height:25px;}
.home-news-arrl{ position:absolute; right:10px; top:5px; display:block; width:10px; height:10px; background:url(../Images/arrow-btn.png) left no-repeat; cursor:pointer; z-index:10000;}
.home-news-arrr{ position:absolute; right:10px; bottom:5px; display:block; width:10px; height:10px; background:url(../Images/arrow-btn.png)  right no-repeat; cursor:pointer; z-index:10000;}

.home-box{ float:left; width:1000px;}


.home-about{ float:left; width:300px;}
.about-info-content{ float:left; display:inline; width:300px; height:100px; background:url(../Images/home-brief-img.jpg) left top no-repeat; padding-top:60px; line-height:25px; overflow:hidden; margin-top:10px;}

.info-title{ float:left; display:block; width:100%; background:url(../Images/dashedline.gif) bottom repeat-x;}
.info-title span{ float:left; padding-left:10px; line-height:30px; font-size:14px; font-weight:bold; background:url(../Images/icon.png) left center no-repeat;}
.info-title a{ float:right; margin-right:10px; line-height:30px; width:33px; height:30px; background:url(../Images/more.png)  center no-repeat;}

.home-product{ float:right; width:680px; height:200px; position:relative;}
.home-product-wrapper{ margin:0 auto; width:640px; height:200px; overflow:hidden;}
ul.home-product-list{ float:left; width:2000em; margin-top:10px;}
ul.home-product-list li{ float:left; width:120px; height:120px; display:inline; margin-right:10px;}
ul.home-product-list li a{ float:left; display:block; width:120px; height:30px;}
ul.home-product-list li a img{ width:110px; height:110px; padding:4px; border:#FFF solid 1px;}
ul.home-product-list li a span{ float:left; width:120px; 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:#0e6eb8 solid 1px;}
.home-product-arrl{ position:absolute; left:0px; top:70px; display:block; width:20px; height:70px; background:url(../Images/arrow-left.jpg) left no-repeat; cursor:pointer; z-index:10000;}
.home-product-arrr{ position:absolute; right:0px; top:70px; display:block; width:20px; height:70px; background:url(../Images/arrow-right.jpg)  right no-repeat; cursor:pointer; z-index:10000;}

.in-banner{ float:left; width:100%; height:250px; overflow:hidden;  position:relative;}
.in-banner-wrapper{ width:1440px; margin-left:-720px; position:absolute; left:50%; top:0px; height:360px;}
.in-banner-txt{width:504px; height:107px; background:url(../images/banner-txt.png) no-repeat; margin-left:-252px; position:absolute; left:50%; top:60px; z-index:4;}
ul.in-banner-list li{ width:1440px; height:360px;}
ul.in-banner-list li a{ display:block; width:1440px; height:250px;}
ul.tab-in-banner{width:100px; margin-left:-50px; position:absolute; left:50%; bottom:10px; z-index:2}
ul.tab-in-banner li{ float:left; background:url(../images/dots.png) top left no-repeat; width:16px; height:16px; cursor:pointer; margin-right:5px;}
ul.tab-in-banner li.on{ background:url(../images/dots.png) bottom left no-repeat;}

.side{ float:left; width:240px;}
.side-title{ float:left; width:240px; height:36px; background:url(../Images/side-title-bg.png) left bottom no-repeat;}
.side-title span{ float:left; display:inline; margin-left:10px; line-height:36px; font-size:14px; font-weight:bold; color:#FFF;}
.side-bg{ float:left; width:220px; padding:10px; background:url(../Images/side-bg.png) repeat-y;}
ul.side-nav-list{ float:left; width:220px;}
ul.side-nav-list li{ float:left; width:220px; display:inline; margin-bottom:10px;}
ul.side-nav-list li span{ float:left; width:200px; height:32px; background:url(../Images/side-nav-bg.png) left bottom no-repeat; line-height:32px; padding:0 10px; display:block; overflow:hidden; cursor:pointer;}
ul.side-nav-list li span.current{ background:url(../Images/side-nav-on.png) left top no-repeat; color:#FFF; }
ul.side-nav-list li span.current a{color:#FFF; }
ul.side-nav-list li ul{ float:left; margin-left:10px; margin-top:5px; width:190px;} 
ul.side-nav-list li ul li{ float:left; width:190px; height:25px; margin-bottom:0px; }
ul.side-nav-list li ul li a{ float:left; width:190px; height:25px; background:none; line-height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all;}
ul.side-nav-list li ul li a:hover{ background:none;}
.side-contact-content{ float:left; width:240px; line-height:25px;}
.side-bot{ float:left; width:240px; height:15px; background:url(../Images/side-bot.png) bottom no-repeat;}

.side-contact{ float:left; width:240px; height:52px; background:url(../Images/side-img2.jpg) no-repeat;}
.side-download{ float:left; width:240px; height:52px; background:url(../Images/side-img1.jpg) no-repeat;}

.main{ float:right; width:720px;}
.main-title{ float:left; width:720px; height:36px; line-height:36px; font-size:16px; background:url(../Images/dashedline.gif) bottom repeat-x;}
.main-title h3{ float:left; font-size:16px; color:#0e6eb8; font-weight:normal; background:url(../Images/icon.png) left center no-repeat; padding-left:10px;}
.main-title span{ float:right; line-height:36px; font-size:12px;}
.main-title .tit{ float:left; width:720px; color:#0e6eb8; height:36px; font-size:16px; overflow:hidden;}

.main-title .moreinfo-title{ cursor:pointer; width:100px; height:36px; text-align:center; background:url(../Images/menu-on.jpg) top no-repeat; color:#FFF;}
.main-title .moreinfo-title a{ color:#FFF;}
.main-title .moreinfo{ position:absolute; right:0px; top:36px; width:100px; background:#eb0512;  display:none;}
.main-title .moreinfo ul{ float:left; width:100px;}
.main-title .moreinfo ul li{ float:left; width:100px;}
.main-title .moreinfo ul li a{ float:left; width:100px; color:#FFF; height:30px; text-align:center; line-height:30px;}
.main-title .moreinfo ul li a:hover{ background:#000;}

.main-content{ float:left; width:720px; line-height:25px; overflow:hidden;}

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;}
ul.news-list li .n-date{ float:right; display:block; color:#0e6eb8; line-height:30px; font-size:12px; width:80px; text-align:center; font-family:Georgia, "Times New Roman", Times, serif}
ul.news-list li a{ float:left;display:block;width:640px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;line-height:30px;}

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; }
ul.certificate-list li .cerbox{ *float:left; width:155px; height:170px; text-align:center; vertical-align:middle; display:table-cell; position:relative; border:1px solid #ccc; padding:4px; 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:195px; display:inline; margin-right:20px; margin-bottom:10px;}
ul.product-list li a img{ float:left; width:155px; height:155px; border:#cecece solid 1px; padding:4px;}
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{ float:left; width:155px; height:155px; border:#0e6eb8 solid 1px; padding:4px;}
ul.product-list li a:hover 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.download-list{ float:left; width:720px;}
ul.download-list li{float:left; width:720px;}
ul.download-list li .n-date{ float:right; display:block; color:#ba010b; line-height:30px; font-size:12px; width:80px; text-align:center; font-family:Georgia, "Times New Roman", Times, serif}
ul.download-list li a{ float:left;display:block;width:640px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;line-height:30px;}


.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:#ba010b; overflow:hidden; background:url(../Images/dashedline.gif) bottom repeat-x;}


ul.tabs { float:left; height:33px;}
ul.tabs li { float:left; }
ul.tabs a { display:block; height: 33px; line-height:33px; width: 94px; text-align:center;}
ul.tabs a:active { outline:none;}
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {background:url(../Images/main-tit-bg.png) no-repeat; color:#fff;}

.panes{ height:90px; width:700px; padding:10px; overflow-y:auto; overflow-x:hidden;}
div.panes div.pane {display:none;}

ul.relate-list{ float:left; width:700px;}
ul.relate-list li{float:left; width:175px; height:30px; background:url(../images/dashedline.gif) bottom repeat-x; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;}

.point{ color:#0e6eb8}
.about-content{ float:left; width:720px; padding-bottom:160px; background:url(../Images/aboutimg.png) bottom center no-repeat; line-height:25px;}

.network-content{ float:left; width:720px; padding-bottom:270px; background:url(../Images/network.png) bottom center no-repeat; line-height:25px;}

.contact-content{ float:left; display:block; width:420px; padding-top:30px; padding-bottom:30px;  padding-left:300px; background:url(../Images/contactimg.jpg) center left no-repeat;}

.network-box{ float:left; width:700px; height:600px; background:url(../Images/map.jpg) center no-repeat; position:relative;}
.network-menu{ display:block; position:absolute; top:33px; right:0px; padding:10px; width:240px; height:350px; background:url(../Images/index-focus-txt.png) repeat; display:none;}
.network-menu a{ float:left; width:80px; height:30px; line-height:30px; color:#FFF;}
.network-close{ position:absolute; top:0px; right:0px; display:block; width:94px; height:33px; line-height:33px; background:url(../Images/main-tit-bg.png) no-repeat; cursor:pointer; z-index:100; text-align:center; color:#FFF;}

.search-wrapper{ float:left; height:24px; width:220px;}
.search-wrapper .keyword-bg{ float:left; width:125px; padding-left:10px; padding-top:2px; height:20px; background:url(../Images/search-bg.png) no-repeat;}
.search-wrapper .keyword-bg input{ border:0px; width:120px; line-height:20px;}

.footer{ display:block; margin-top:10px; background:url(../images/footer-bg.jpg) top center no-repeat;}
.footer-wrapper{ width:1000px; padding:15px 0; margin:0 auto; line-height:25px; text-align:center; color:#000000;}
.footer-wrapper a{ color:#F00}