@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:13px; line-height:30px;}

body{font-size:13px; color: #333333; font-family:微软雅黑,Arial, Helvetica, sans-serif;  font-size:14px;}
a{ font-family:微软雅黑,Arial,Helvetica,sans-serif; color:#333; text-decoration:none; font-size:14px;}
a:hover{ color:#4c8fea; 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:13px; padding:3x; margin:3px; text-align:right;}
.pagelist2{ font-size:13px; padding:3x; margin:3px; text-align:right;}
.pagelist2 a{ border:#ccc solid 1px; color:#4c8fea; margin-right:2px; padding:2px 5px;}
.pagelist2 a:hover{ background:#4c8fea; border:#ccc solid 1px; color:#fff;}
.pagelist2 span.current{ background:#4c8fea; 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:13px; line-height:20px; margin:0 5px;}

.noInfo{ background:url(../images/loading.gif) left no-repeat; 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;}
.point{ color:#d10818;font-family:Georgia, "Times New Roman", Times, serif}

#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:35px; overflow:hidden; background:url(../Images/title-bg.png) right center no-repeat; }
.info-title h4{ float:left; line-height:35px; padding-left:20px; color:#4c8fea; font-size:14px; background:url(../Images/icon.png) left center no-repeat;}
.info-title span{ float:right; line-height:35px; margin-right:10px;}
.info-title span a.more{ float:left; display:block; width:35px; height:35px; background:url(../Images/more.png) center no-repeat;}

.wrapper{ float:left; width:100%; display:block;    }
.header-wrapper{ height:104px; background:url(../cb/bj-1.jpg) bottom repeat-x; border-top:#0075c5 solid 3px;}
.header{ width:1000px; height:104px; margin:0 auto; position:relative; z-index:10;}
.header h1{ position:absolute; left:0px; top:0px; display:block; overflow:hidden;}

.search-wrapper{ position:absolute; right:0px; top:30px; width:220px; height:32px;}
.search-wrapper .keyword-bg{ float:left; width:170px; padding-left:10px; padding-top:6px; padding-bottom:6px; height:20px; background:url(../Images/search-bg.png) no-repeat;}
.search-wrapper .keyword-bg input{ border:0px; width:160px; line-height:18px; font-family:"Microsoft YaHei";}


ul.menu-list{ position:absolute; right:0px; top:0px; width:700px;}
ul.menu-list li{ float:left; width:90px; line-height:104px; text-align:center; position:relative; z-index:5; background:url(../cb/bj-2.jpg) right bottom no-repeat;}
ul.menu-list li a{ display:block; width:90px; height:104px; font:bold 14px/104px 微软雅黑,Arial, Helvetica, sans-serif;}
ul.menu-list li a:hover,ul.menu-list li a.current{ display:block; width:90px; height:104px; background:#DD0000; color:#fff }
ul.menu-list li div{ position:absolute; left:0px; top:104px; width:250px; display:none; background:#Fff;  padding:1px;}
ul.menu-list li div.submenu{ position:absolute; ;}
ul.menu-list li div img{ float:right; width:150px;}
ul.menu-list li ul{ float:left; width:90px; }
ul.menu-list li ul li{ float:left; width:90px; height:25px; overflow:hidden; color:#ffffff;}
ul.menu-list li ul li a{ display:block; width:90px; height:30px; line-height:30px; font-size:12px; font-weight:normal;  }
ul.menu-list li ul li a:hover{ width:90px; repeat; color:#F2F2F2;  }


.banner-wrapper{ height:410px; overflow:hidden; z-index:2; background:url(../images/banner-bg.jpg) top center repeat-x;}
.bannerbox{ margin:0 auto; width:1440px; height:410px; position:relative;}
.banner-txt{ background:url(../Images/banner-txt.png) no-repeat; position:absolute; right:260px; top:10px; width:185px; height:80px; z-index:10;}
.banners{ width:1440px; margin:0 auto; height:410px;}
ul.banner-list li{ width:1440px; height:410px;}
ul.banner-list li a{ display:block; width:1440px; height:410px;}
.banner-left{ position:absolute; top:110px; left:30px; display:block; width:40px; height:70px; background:url(../images/banner-left.png) no-repeat; z-index:99; cursor:pointer;}
.banner-right{ position:absolute; top:110px; right:30px; display:block; width:40px; height:70px; background:url(../images/banner-right.png) no-repeat; z-index:99; cursor:pointer;}

.intitle-wrapper{ height:60px; background:#f6f7fb; border-bottom:#e6e9ee solid 1px;}
.intitlebox{ margin:0 auto; width:960px; height:60px; position:relative;}
.intitlebox h4{ float:left; height:60px; line-height:60px; font-size:16px;  overflow:hidden; color:#4c8fea; }
.intitlebox span{ float:right; line-height:60px; color:#656d78;}
.intitlebox span a.more{ float:left; display:block; width:12px; height:60px; background:url(../Images/more.png) center no-repeat;}

.mainer-wrapper{ padding:10px 0;  center repeat-y;}
.mainer{ width:700px; margin:10 auto;}

.home-member{ float:left; width:220px; margin-top:10px; position:relative;}

.home-about{ float:left; width:320px; margin-top:0px; margin-left:20px;}
.home-about-content{ float:left; width:320px; height:150px; background:url center top no-repeat; line-height:25px; overflow:hidden; padding-top:10px; }
.home-about-content strong{ color:#4c8fea; font-size:14px;}

.home-focus{ float:right; width:220px; margin-top:10px; position:relative;}
.side-box-top{ float:left; width:220px; height:1px; background:url(../Images/side-box-top.jpg) center no-repeat; }
.side-box-bg{ float:left; width:200px; background:url(../Images/side-box-bg.jpg) center repeat-y; padding:0 10px; }
.side-box-bot{ float:left; width:220px; height:7px; background:url(../Images/side-box-bot.jpg) center no-repeat; }
.home-focus-content{ margin:0 auto; width:200px; height:150px; overflow:hidden; position:relative;}
ul.home-focus-list{ float:left;}
ul.home-focus-list li{ float:left; width:200px; overflow:hidden;}
ul.home-focus-list li a{ float:left; width:200px; height:150px; overflow:hidden;}
ul.tab-banner{position:absolute; right:15px; bottom:15px; z-index:6; }
ul.tab-banner li{ float:left; background:url(../images/dots.png) right no-repeat; width:30px; height:7px; cursor:pointer; margin-right:3px;}
ul.tab-banner li.on{ background:url(../images/dots.png) left no-repeat;}

.home-product{ float:right; width:830px; margin-top:0px;}
.home-product-box{ float:left; width:830px; height:340px; position:relative; border-top:none; line-height:25px;  overflow:hidden; }
.home-product-wrapper{ margin:0 auto; width:830px; height:170px; overflow:hidden;}
ul.home-product-list{ float:left; width:830px;}
ul.home-product-list li{ float:left; width:180px; height:170px; display:inline; margin-right:25px;}
ul.home-product-list li a{ float:left; display:block; width:180px; height:170px; background:#FFF}
ul.home-product-list li a img{ width:180px; height:130px; border:#E1E1E1 solid 1px; padding:4px;}
ul.home-product-list li a span{ float:left; width:190px; 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:#0091ff solid 1px; padding:4px;}
ul.home-product-list li a:hover span{ background:#0091ff ; color:#E1E1E1}
.home-product-left{ position:absolute; left:0px; top:70px; display:block; width:30px; height:30px; background:url(../Images/arrow-left.png) left no-repeat; cursor:pointer; z-index:100;}
.home-product-right{ position:absolute; right:0px; top:70px; display:block; width:30px; height:30px; background:url(../Images/arrow-right.png) left no-repeat; cursor:pointer; z-index:100;}


.home-category{ float:left; width:200px;  }
ul.home-category-list{float:left; width:200px; margin-top:10px;}
ul.home-category-list li{ float:left; width:200px; height:30px; display:inline; background:url(../images/dashedline.gif) bottom repeat-x;}
ul.home-category-list li a{ float:left; width:190px; height:30px; background:url(../images/arrow.png) left center no-repeat; padding-left:10px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all;}

.home-news{ float:left; width:320px; margin-left:0px;}
ul.home-news-list{ float:left; width:320px; margin-top:10px;}
ul.home-news-list li{float:left; width:330px; height:30px; background:url(../Images/dashedline.gif) bottom repeat-x;}
ul.home-news-list li .n-date{ float:right; display:block; color:#4c8fea; line-height:30px; 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:250px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;line-height:30px;}

.home-contact{ float:right; width:360px; height:220px; background:url(../images/home-contact-img.jpg) no-repeat;}

.side-tit1{ position:absolute; top:-58px; left:0px; width:220px; height:58px; background:url(../images/side-about.jpg) no-repeat; }
.side-tit2{ position:absolute; top:-58px; left:0px; width:220px; height:58px; background:url(../images/side-news.jpg) no-repeat; }
.side-tit3{ position:absolute; top:-58px; left:0px; width:220px; height:58px; background:url(../images/side-job.jpg) no-repeat; }
.side{ float:left; width:240px; color:#FFFFFF }
.side-nav-box{ float: left; width:248px;   background:url(../cb/5.jpg)  }
ul.side-nav-list{ float:left; width:240px;  }
ul.side-nav-list li{ float:left; width:240px;  display:inline; overflow:hidden;  bottom repeat-x; }
ul.side-nav-list li a{  float:left; width:240px; height:35px; line-height:35px; left center no-repeat; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;  }
ul.side-nav-list li a.current,ul.side-nav-list li a:hover{ color:#0689d9; }

.side-contact{ float:left; margin-top:20px; width:220px; height:270px; background:url(../images/home-contact.jpg) left top no-repeat; }

.main{ float:right; width:700px; overflow:hidden;}
.{ float:left; width:730px; line-height:5px;}
. img { max-width: 730px; height:auto; width:expression(this.width > 740 ? "740px" : this.width); }

ul.certificate-list{ float:left; width:740px;}
ul.certificate-list li{ float:left; width:155px; height:180px; display:inline; margin-right:20px; margin-bottom:10px; overflow:hidden; }
ul.certificate-list li .cerbox{ *float:left; width:155px; height:140px; text-align:center; vertical-align:middle; display:table-cell; position:relative; border:1px solid #ccc; padding:1px; 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:145px; height:30px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; line-height:30px;}

ul.news-list{ float:left; width:720px;}
ul.news-list li{float:left; width:680px; height:30px; background:url(../Images/dashedline.gif) bottom repeat-x;}
ul.news-list li .n-date{ float:right; display:block; color:#d10818; 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:600px;height:30px;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; height:30px; background:url(../Images/dashedline.gif) bottom repeat-x;}
ul.download-list li .n-date{ float:right; display:block; color:#d10818; 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;}


ul.case-list{ float:left; width:740px;}
ul.case-list li{ float:left; width:165px; height:195px; display:inline; margin-right:20px; margin-bottom:10px;}
ul.case-list li a{ float:left; display:block; width:165px; height:195px;}
ul.case-list li a img{ width:155px; height:155px; border:#cccccc solid 1px; padding:4px;}
ul.case-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.case-list li a:hover img{ border:#4c8fea solid 1px; padding:4px;}
ul.case-list li a:hover span{ background:#4c8fea ; color:#FFF}

.message-item{ float:left; width:650px; margin-top:10px;}
.message-item dt{ float:left; width:650px; padding:0 9px; line-height:30px; background:url(../images/dtbg.gif) bottom repeat-x; border:#dfdfdf solid 1px; }
.message-item dd{ float:left; width:650px; padding:0 9px; line-height:30px; background:url(../images/dtbg.gif) bottom repeat-x; border:#dfdfdf solid 1px; margin-top:15px; position:relative;}
.answer-icon{ position:absolute; left:20px; top:-15px; width:15px; height:15px; background:url(../Images/arrowan.gif) no-repeat;}
.leavemsg{ float:left; width:700px; padding:10px;}

.message-box{ float:left; width:720px; overflow:hidden;}
.message-box td{ padding:3px 0;}
.message-box p{ float:left; width:720px; padding-bottom:5px;}
.message-box label{ margin-right:20px; text-align:right; line-height:25px;}
.message-box textarea{ border:#cccccc solid 1px; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:25px; background:url(../Images/dtbg.gif) bottom repeat-x;}
.message-box input{ border:#cccccc solid 1px; background:url(../Images/dtbg.gif) repeat-x; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:25px; height:25px;}
.message-box input.nobor{ border:none; height:auto; background:none;}
.m-input{ border:#cccccc solid 1px; background:url(../Images/dtbg.gif) repeat-x; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:25px; height:25px;}

.loginbox{ float:left; width:300px; margin-top:10px; padding-left:420px; padding-top:50px; padding-bottom:50px; background:url(../Images/feedback-bg.jpg) left center no-repeat;}
.regbox{ float:left; width:340px; margin-top:10px; padding-left:380px; padding-top:20px; padding-bottom:20px; background:url(../Images/service-bg.jpg) left center no-repeat;}
.getpassbox{ float:left; display:inline; width:320px; margin-left:10px;}
.getpasshide{ display:block; float:right; width:40px; height:40px; background:url(../Images/btn-close.gif) center center no-repeat; cursor:hand;}
.btn-show{ color:#4c8fea; line-height:30px; cursor:pointer; }

ul.product-list{ float:left; width:740px;}
ul.product-list li{ float:left; width:165px; height:195px; display:inline;  margin-bottom:1px;}
ul.product-list li a{ float:left; display:block; width:155px; height:195px;}
ul.product-list li a img{ width:145px; height:145px; border:#cccccc solid 1px; padding:4px;}
ul.product-list li a span{ float:left; width:155px; 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:#4c8fea solid 1px; padding:4px;}
ul.product-list li a:hover span{ background:#4c8fea ; color:#FFF}

.prophoto{ float:left; width:270px;}
.prophototop{ float:left; width:270px; height:10px;  no-repeat; overflow:hidden;}
.prophotobg{ float:left; width:250px; padding:0 10px;  repeat-y;}
.prophotobot{ float:left; width:270px; height:10px;  no-repeat; overflow:hidden;}
.prophotoThumb{ float:left; width:270px;}
.prophotoThumb img{ float:left; width:45px; border:#CCC solid 1px; margin:0 2px;}

.probrief{ float:right; width:420px;}

.probrief p{ float:left; display:block; width:400px; padding:10px; line-height:25px;}
.protit{ float:left; display:block; width:400px; line-height:25px; padding:0 10px; height:25px; background:#e6e6e6; color:#c42527;}

.vipstar1{ display:block; width:120px; height:20px; overflow:hidden; background:url(../images/starbg.gif) 0 -80 no-repeat;}
.vipstar2{ display:block; width:120px; height:20px; overflow:hidden; background:url(../images/starbg.gif) 0 -60px no-repeat;}
.vipstar3{ display:block; width:120px; height:20px; overflow:hidden; background:url(../images/starbg.gif) 0 -40px no-repeat;}
.vipstar4{ display:block; width:120px; height:20px; overflow:hidden; background:url(../images/starbg.gif) 0 -20px no-repeat;}
.vipstar5{ display:block; width:120px; height:20px; overflow:hidden; background:url(../images/starbg.gif) 0 0 no-repeat;}

.related-product{ float:left; width:700px; margin-left:10px; margin-right:10px; height:180px; margin-top:20px; position:relative;}
.related-product-wrapper{ margin:0 auto; width:630px; height:180px; overflow:hidden;}
.related-product-list{ float:left; width:2000em;}
.related-product-list li{ float:left; width:150px; height:150px; display:inline; margin-right:10px;}
.related-product-list li a{ float:left; display:block; width:150px; height:150px;}
.related-product-list li a img{ width:140px; height:140px; padding:4px; border:#cccccc solid 1px;}
.related-product-list li a span{ float:left; width:150px; height:30px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; line-height:30px;}
.related-product-list li a:hover img{ border:#4c8fea solid 1px;}
.related-product-arrl{ position:absolute; left:5px; top:50px; display:block; width:20px; height:70px; background:url(../Images/arrow-left.jpg) left no-repeat; cursor:pointer; z-index:10000;}
.related-product-arrr{ position:absolute; right:5px; top:50px; display:block; width:20px; height:70px; background:url(../Images/arrow-right.jpg)  right no-repeat; cursor:pointer; z-index:10000;}

.about-content{ display:block; padding-bottom:20px;  bottom center no-repeat; line-height:25px;  color:#fff;}
.culture-content{ float:left; display:block; width:100%; }
.price{ color:#F00; font-size:13px; font-weight:bold;}

.product-brief{ float:left; width:100%;}

.contact-content{ float:center; display:block; padding-bottom:10px; width:100%;   bottom right no-repeat;}
.contact-info{ float:left; width:700px; background:url(../cb/logo11.jpg) }
.contact-info strong{color:#0689d9; font-size:18px;}
.contact-info p{ border-bottom:#fff  line-height:60px;}

.footer-wrapper{ padding:10px 0; background:#4c8fea; }
.footer{ width:960px; margin:0 auto; line-height:35px; color:#FFF; }
.foot{  margin:0 auto; line-height:25px; color:#FFF;}