@charset "utf-8";
@import url(common.css);
#banner{ height:388px; width:100%; background:url(../images/bannerbg.jpg) repeat-x 0px bottom; padding:0px 0px 8px 0px;}
.main{ padding:30px 0px 40px 0px; margin:0px auto; width:985px;}
.maincontent{ width:985px;}
.newproudct{ float:left; width:610px;}
.Menubox{width:600px;height:33px;line-height:28px;}
.Menubox li{float: left;display: block;cursor: pointer;width:82px;text-align: center;color: #fff;height: 33px;margin-right: 5px;background: url(../images/bg.jpg) no-repeat -88px -133px;font: 14px/28px "微软雅黑";}
.Menubox li.hover{width:82px;background:url(../images/bg.jpg) no-repeat 0px -133px;color:#fff;height:33px;font: 14px/28px "微软雅黑"; margin-right:5px;}
.Contentbox{ border:1px solid #c4c3c1; height:152px!important; margin:10px 0px 0px 0px; width:590px; padding:8px 9px 0px 9px; overflow:hidden!important; position:relative;}
.scroll{height: 143px;margin: 0px 0px 9px 0px;padding: 0;width: 590px; overflow:hidden; background:url(../images/bg.jpg) no-repeat 515px -201px; }
.box {display: block;float: left;margin: 0;overflow: hidden;width: 510px!important; height:143px;}
.box ul li{float: left!important;height: 143px!important;margin: 0 10px 0px 0px!important;padding:0px;text-align: center; width: 160px!important;}
.box ul li a{color: #fff;display: block!important;height: 143px!important;padding: 0;position: relative;text-align: center;text-decoration: none !important;width: 160px!important;z-index: 1;}
.box ul li a .opactiy{background: none repeat scroll 0 0 #000000;height: 23px;left: 0;line-height: 22px;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;overflow: hidden;position: absolute; z-index:2;top: 120px;width: 160px;}
.box ul li a .title{display: block;height: 23px;left: 0;line-height: 22px;overflow: hidden;position: absolute; z-index:3;top: 120px;width: 160px;}
.box ul li a img{height: 143px!important; width: 160px!important;}
.prev{cursor: pointer;float: left;height: 36px;margin: 53px 4px 0 20px;text-indent: -5000px;width: 20px;}
.next{cursor: pointer;float: left;height: 36px;margin-top: 53px;text-indent: -5000px;width: 20px;}
.prev:hover{background: url("../images/bg.jpg") no-repeat scroll -78px -201px transparent;}
.next:hover{background: url("../images/bg.jpg") no-repeat scroll -102px -201px transparent;}
.company{ float:right; width:345px;}
.company h1{width:82px;background:url(../images/bg.jpg) no-repeat 0px -133px;color:#fff;height:33px;font: 14px/28px "微软雅黑"; text-align:center;}
.companycontent{border:1px solid #c4c3c1; height:152px; margin:10px 0px 0px 0px; width:337px; padding:8px 0px 0px 8px; overflow:hidden; color:#1a568c; line-height:18px;}
.companycontent p{ text-indent:2em; margin:20px 0px 0px 0px;}
.companycontent img{ width:166px; height:100px; float:left; margin-right:15px;}
#tt{height: 130px;width: 337px;}
.jscroll-c{ padding-right:15px!important;}
.jscroll-u,.jscroll-d{background: url(none)!important; display:none; height:0px!important;}
.jscroll-e{background: url(../images/bg.jpg) no-repeat -132px 0px!important;width:13px; height:130px;}
.jscroll-h{background: url(../images/jscroll-h.jpg) no-repeat 0px 0px!important; cursor:pointer; width:13px; height:13px;}
.companycontent .more a{ display:block; width:13px; height:13px; margin:9px 0px 0px 324px;background: url(../images/bg.jpg) no-repeat -128px -201px!important; text-indent:9999px;}
.companycontent .more a:hover{background: url(../images/bg.jpg) no-repeat -149px -201px!important;}
.indexcontact{ background:url(../images/banbg.jpg) no-repeat 0px 0px; height:28px; margin:25px 0px 10px 0px; padding:25px 25px 0px 0px; width:960px; font:bold 12px "微软雅黑"; color:#fff; text-align:right; position:relative; z-index:1;}
.indexcontact .email{font:bold 12px Arial, Helvetica, sans-serif; color:#fff; position:absolute; z-index:2; top:25px; left:85px;}
.indexcontact .hottel{position: absolute;z-index: 3;top: 22px;left: 240px;font: italic bold 15px "Times New Roman", Times, serif;color: #FFF;}
.share{ clear:both; height:25px;}
#bdshare{ float:right!important;}
#bdshare a{ color:#333;}
/*insidepage style start*/
.insidebanner{width:100%; height:214px; border-bottom:1px solid #d1d1d1;}
.aboutbanner{ background: url(../images/aboutbanner.jpg) no-repeat center 0px; }
.contactbanner{ background: url(../images/contactbanner.jpg) no-repeat center 0px; }
.servicebanner{ background: url(../images/servicebanner.jpg) no-repeat center 0px; }
.productbanner{ background: url(../images/productbanner.jpg) no-repeat center 0px; }
.transportbanner{ background: url(../images/transportbanner.jpg) no-repeat center 0px; }
#website{ background:#e3e3e3; border-bottom:1px solid #d1d1d1; border-top:1px solid #fff; height:25px; line-height:25px; margin-bottom:30px;}
.website{ width:960px; margin:0px auto; background:url(../images/bg.jpg) no-repeat -157px 2px; height:15px; padding:5px 0px 5px 20px;}
.website a,.website .current{ display:inline-block; margin:0px 10px 0px 0px; background:url(../images/bg.jpg) no-repeat -157px -35px; text-indent:10px; color:#114974; height:15px; line-height:15px;*line-height:20px;}
.website a:hover{ color:#114974; text-decoration:underline;}
.insidemain{ width:980px; margin:0px auto 20px auto;}
.insidemain .h1{ color:#114974; font:bold 18px "微软雅黑"; background:url(../images/bg.jpg) no-repeat -158px -59px; text-indent:10px; margin-bottom:25px;}
.insidemain .h1 .en{ font:bold 12px Arial, Helvetica, sans-serif; margin-left:5px;}
.leftmain{ float:left; width:180px;}
.rightmain{ float:right; width:775px; color:#505050; line-height:24px; padding:0px 0px 50px 0px;}
/*insidepage style end*/
/*insideleft style start*/
.leftmenu{ width:173px; margin:0px 0px 20px 0px;}
.leftmenu h1{ background:url(../images/bg.jpg) no-repeat 0px -346px; height:38px; color:
#fff; font:14px/32px "微软雅黑"; text-align:center;}
.leftmenu h1 .en{ font:12px Arial, Helvetica, sans-serif; margin:0px 0px 0px 10px;}
.leftmenu ul{background:url(../images/leftmenubg.jpg) repeat-y 0px 0px; border:1px solid #ccc; border-top:0px; padding:5px 1px; width:169px;}
.leftmenu li{ width:169px; height:29px; background:url(../images/leftmenulibg.jpg) no-repeat 0px bottom; padding-bottom:1px;}
.leftmenu li a{width:169px; height:29px; display:block; font:14px "微软雅黑"; color:#505050; line-height:28px; text-indent:15px;}
.leftmenu li a:hover,.leftmenu li a.current{ background:url(../images/bg.jpg) no-repeat 0px -391px; text-indent:30px; color:#114974;}
.productmenu{background:url(../images/leftmenubg.jpg) repeat-y 0px 0px; border:1px solid #ccc; border-top:0px; padding:5px 1px; width:169px;}
.productmenu .menuitem{cursor:pointer;width:169px; height:auto; background:url(../images/leftmenulibg.jpg) no-repeat 0px bottom; padding-bottom:1px;}
.productmenu .menuitem a{width:169px; height:29px; display:block; font:14px "微软雅黑"; color:#505050; line-height:28px; text-indent:15px;}
.productmenu .select a,.productmenu .menuitem a:hover{ background:url(../images/bg.jpg) no-repeat 0px -391px; text-indent:30px; color:#114974;}
.submenu {width:169px; background:transparent!important; padding:3px 0px; display:none;}
.productmenu .select .submenu { display:block;}
.submenu{ background:transparent!important; border:0px!important;margin:0px!important; padding:0px!important;}
.submenu li{ height:24px!important; background:none!important; }
.submenu li a{display: block;height: 24px!important;line-height: 24px!important;background: url(../images/productmenubg.gif) no-repeat 35px -24px!important;text-indent: 45px!important;overflow: hidden;font-size: 14px!important;font-weight: normal!important;color: #505050!important;}
.submenu li a:hover,.submenu li a.current{background:#e0e0e0 url(../images/productmenubg.gif) no-repeat 35px 8px!important; color:#184f78!important;}
.selectcontent{ margin-bottom:20px;}
.selectcontent .selects{_overflow: hidden;cursor: pointer;background:url(../images/bg.jpg) no-repeat 0px -542px;width: 167px;height: 30px;line-height: 30px; border:3px solid #bfbfbf;}
.selectcontent .selects dl{ margin:0px!important; padding:0px!important;}
.selectcontent .selects dt{ color: #6a6a6a;padding: 0px 0px 0px 10px!important;height: 30px!important;font-size: 12px!important;line-height: 30px!important; margin:0px!important; width:130px;}
.selectcontent .selects dd{display: none;width: 137px;position: relative;left: 0px;top: 3px;background-color:#f0f0f0; border:solid 1px #b0b0b0; border-top-width:0px; margin:0px!important; padding:0px!important;}
.selectcontent .currentdl dd{ display:block;}
.selectcontent .selects p{width: 127px;padding:0px 0px 0px 10px; overflow:hidden;font-size: 12px!important;
line-height: 24px!important;color: #505050;}
.selectcontent .selects p:hover{color: #4a4a4a;background: #ddd;}
.searchbtn{ cursor:pointer; width:100px; height:23px; border:0px; background:url(../images/bg.jpg) no-repeat 0px -424px; margin:10px 0px 0px 30px;}
.leftcontact a{ display:block; width:175px; height:70px;}
.leftcontact img{width:175px; height:70px;}
/*insideleft style end*/
/*about style start*/
.about h1{ color:#505050; font-size:14px; font-weight:bold;}
.about p{ padding:10px 0px;}
/* universal sly */
.sly { overflow: hidden; height:102px; padding:5px 0px; background:#ddd; }
.sly > ul { list-style: none; margin: 0; padding: 0; }
.sly > ul li { position: relative; margin: 0; padding: 0; background: #dddddd; color: #fff; text-align: center; cursor: pointer; }
/* Horizontal examples */
#horizontal .scrollbar { background: #ddd; border: 1px solid #ddd; line-height: 0;margin: 10px 0; height: 3px; }
#horizontal .scrollbar .handle { width: 65px; height: 7px; cursor: pointer; line-height: 0; top:-1px!important; background:url(../images/scroll_handle.jpg) no-repeat 0px 0px!important;}
#horizontal .example1 .sly { height: 102px; }
#horizontal .example1 .sly ul { height: 100%; }
#horizontal .example1 .sly ul li { float: left; width: 184px; height: 102px; margin: 0px 0px 0px 8px;}
.spirtlist{ width:325px; float:left;}
.spirt .nomargin{ float:right;}
.spirt .title{ background:url(../images/bg.jpg) no-repeat -157px -95px; text-indent:10px; color:#114974; font:20px/24px "微软雅黑"; height:24px; overflow:hidden;}
.spirt .content{ margin:5px 0px 15px 0px; line-height:22px; color:#505050; padding:5px 10px;background:#fff;border: 1px solid #E2E2E2;border-radius: 3px 3px 3px 3px;-moz-box-shadow:0px 0px 3px #ccc inset; /* For Firefox3.6+ */-webkit-box-shadow:0px 0px 3px #cc inset;/* For Chrome5+, Safari5+ */box-shadow:0px 0px 3px #ccc inset;/* For Latest Opera */}
/*about style end*/
/*contact style start*/
.contact h1{ font:bold 14px "微软雅黑"; color:#505050; margin-bottom:20px;}
.contactleft{ float:left; width:400px; margin:0px 0px 0px 30px;}
.contactrihgt{ float:right; width:280px;}
.contact .address{ background:url(../images/bg.jpg) no-repeat -152px -423px; text-indent:20px;}
.contact .code{ background:url(../images/bg.jpg) no-repeat -152px -446px; text-indent:20px;}
.contact .telphone{ background:url(../images/bg.jpg) no-repeat -152px -472px; text-indent:20px;}
.contact .fax{ background:url(../images/bg.jpg) no-repeat -154px -224px; text-indent:20px;}
.contact .wz{ background:url(../images/bg.jpg) no-repeat -155px -247px; text-indent:20px;}
.contact .contactr{ background:url(../images/bg.jpg) no-repeat -155px -270px; text-indent:20px;}
.contactway{ padding:0px 0px 30px 0px;}
.contact a{ color:#505050;}
.contact a:hover{ color:#184f78; font-weight:bold; text-decoration:underline;}
.map{ margin:0px 0px 0px 30px; width:700px; height:300px; border:1px solid #ccc;}
.sitemaplist{ float:left; width:110px; text-align:center;}
.sitemapproduct{ width:330px;}
.sitemaplist h1 a{ color:#114974; font: bold 14px "微软雅黑"; text-align:center;}
.sitemaplist li a{ line-height:24px; color:#505050; text-align:center; font-weight:bold;}
.sitemaplist li a:hover{ color:#114974; text-decoration:underline;}
.sitemapproduct li{ float:left; width:100px;}
.sitemapproduct li ul li a{ float:none; font-weight:normal;}
.sitemapproduct li ul li a:hover{font-weight:normal;}
/*contact style end*/
/*service style start*/
.service h1{ font:bold 14px "微软雅黑";}
.servicelist{ float:left; width:255px; margin:30px 0px 0px 0px;}
.serviceimg{ float:left; width:110px; height:110px; padding:2px; background:#fff; border:2px solid #e4e4e4;}
.serviceimg img{ width:110px; height:110px;} 
.servicecontent{ float:left; width:110px; margin:0px 0px 0px 10px;}
.servicecontent h1{ color:#184f78; font-weight:bold; font-size:12px; line-height:20px; height:20px; overflow:hidden; margin:10px 0px 5px 0px;}
.servicecontent li{ height:16px; line-height:16px; overflow:hidden; background:url(../images/bg.jpg) no-repeat -152px -320px;  *background:url(../images/bg.jpg) no-repeat -152px -322px; text-indent:12px;}
/*service style end*/
/*product style start*/
.product h1{ font: bold 14px "微软雅黑"; color:#505050;}
.productlist{ float:left; width:380px; padding:20px 0px; height:156px; overflow:hidden;border-bottom:1px dotted #bababa;}
.productimg{ float:left; width:151px; height:156px;}                                           
.productimg a{ display:block; width:149px; height:154px; border:1px solid #9d9d9d;}
.productimg a:hover{border:1px solid #d22027;}
.productimg img{ width:147px; height:152px; border:1px solid #edecef;}
.productright{margin: 45px 20px 0px 20px;float: left;color: #000;font-size: 14px;line-height: 24px;font-weight: bold;}
.productright a,.productright .xlname{ font-size:12px; color:#000;}
.productright a:hover{ color:#184f78;}
.detailsprouct a{display: inline-block;background: #184f78;color: #fff;padding: 0px 10px;
font-size: 12px;font-style: normal;font-weight: normal;}
.detailsprouct a:hover{ color:#d22027;}
.productdetails{ padding:25px 0px;}
.productdetailscontent{ border:1px solid #e1e1e1; background:#fff;}
.Menubox2{height:40px;line-height:40px; background:url(../images/producttab.jpg) repeat-x 0px 0px;}
.Menubox2 li{float: left;display: block;cursor: pointer;width:100px;text-align: center;color: #000;height: 40px;font: 14px/40px "微软雅黑"; border-right:1px solid #e1e1e1;}
.Menubox2 li.hover{width:100px;color:#114974;height:40px;font: 14px/40px "微软雅黑";border-right:1px solid #e1e1e1; background:#fff;}
.Contentbox2{padding:20px;position:relative; min-height:300px;}
.table {border-left:1px solid #e1e1e1;border-top:1px solid #e1e1e1; width: 100%;}
.table th,.table td{border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;line-height: 20px;padding:5px 10px;text-align: left; }
.table th{ font:bold 14px "微软雅黑"; color:#000;}
.table tbody tr:hover td {background-color: #ebebeb; cursor:pointer;}
.table .num{ width:40px; text-align:center; font-weight:bold;}
/*product style end*/
/*page style start*/
.pages {clear: both;height: 24px;}
.pages a { width:23px; height:24px;background:url(../images/bg.jpg) no-repeat -167px -300px;margin: 0px 3px;text-align: center;color: #2b2b2b;text-decoration: none;font-size: 12px;display: inline-block; line-height:24px;}
.pages a:hover {background:url(../images/bg.jpg) no-repeat -194px -299px;text-decoration: none;color:#fff;}
.pages .currentpage {color: #fff;text-align: center;background:url(../images/bg.jpg) no-repeat -194px -300px;}
.pages a.pageprevnext{width:55px!important;background:url(../images/bg.jpg) no-repeat -106px -300px;}
.pages a.pageprevnext:hover{background:url(../images/bg.jpg) no-repeat -224px -300px!important;}