@charset "utf-8";
body { font-family: "微软雅黑"; background: #D8D8D8 url(img/body_bg.jpg) repeat-x 0 0; font-size:12px; color:#333; margin: 0; padding: 0;}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0; list-style: none none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-size:12px; font-weight: normal;}
table,td,tr,th{font-size:12px;}
a:link {color: #333; text-decoration:none;}
a:visited {color: #333;text-decoration:none;}
a:hover { color: #D71A21; text-decoration:none;}
a:active { color: #333;}

/* 字体属性 */
.fB {font-weight: bold;}
.clr{ clear: both; height: 0; line-height: 0; font-size: 0;}
.cRed{ color: #f30;}
.clr_15{ clear: both; height: 15px; line-height: 0; font-size: 0;}
.pages{ height: 28px; line-height: 28px; clear:both; padding: 10px 0; font-family:Verdana, Geneva, sans-serif;}
.pages a,.pages a:visited,.pages strong{ margin: 0 3px; padding: 3px 6px; border: 1px solid #ccc; background: #E8E8E8;}
.pages a:hover,.pages strong{ border: 1px solid #D71A21; color: #fff; background: #D71A21; font-weight:normal;}



.Header{ margin: 0 auto; background: #DCDEDB;}
.Header .logo{ float:left; width: 260px; padding: 40px 0 0 32px; height: 80px; }
.Header .r{ float: right; width: 350px; padding-top: 28px;}
.Header .r span{ display:block; text-align:right; height: 35px;}
.Header .r span a{ margin: 0 15px;}
.Header .r .sc{ padding-right: 15px;}
.Header .r .input{ float:right; width: 220px; background: #fff; height: 21px; line-height: 21px; border: 1px solid #C2C2BC; border-right: none; color: #999; text-indent: 10px;}
.Header .r .but{ background:url(img/search_but.jpg) no-repeat 0 0; width: 67px; height: 25px; cursor: pointer; line-height: 25px; float:right; border: none; color: #fff;}
.Header #nav{ height: 44px; background:url(img/menu_bg.jpg) repeat-x 0 0; clear:both;}
.Header #nav li{ position: relative; float:left; background:url(img/menu_line.jpg) no-repeat right 0; height: 44px; line-height: 44px; padding-right: 1px; font-weight:bold; text-align:center;}
.Header #nav .no{ background: none; padding-right: 0;}
.Header #nav li h3{ height: 44px; font-weight:bold; font-size: 16px;}
.Header #nav li a,.Header #nav li a:visited{ display:block;}
.Header #nav li ul{ position: absolute; top: -999em;  width: 100%; padding: 0 0 5px 0; height:auto; background: #fff; box-shadow: 4px 4px 0 #555; left: 0;text-align:center;}
.Header #nav li ul li{ height: 38px; line-height: 38px; text-indent: 15px;  width: auto; float:none; padding: 0; background: none; font-weight:normal; text-align:left; border-top: 1px solid #F4F4F4;}
.Header #nav li:hover ul,#nav li.sfHover ul { top: 44px; z-index:999; }
.Header #nav li:hover ul a,#nav li.sfHover ul a { }
.Header #nav ul a:hover { color: #D71A21; background: #f4f4f4; }
.Header #nav li:hover h3 a,.Header #nav li.sfHover h3 a { color: #D71A21; background: #fff;}
.Header #nav .products{ width: 714px; padding: 0 0 25px;}
.Header #nav .products li{ height: 120px; width: 141px; float:left; text-align:center; border-right: 1px solid #E0E2E0; text-indent: 0; border-top: none; margin-top: 25px; line-height: 21px;}
.Header #nav .products li img{ width: 90px; height: 81px; display:block; margin: 0 auto 7px;}
.Header #nav .products li a:hover { background: none; }
.Header #nav .products .r{ border-right: none; }
/*-------------------
.Header .nav{ height: 44px; background:url(img/menu_bg.jpg) repeat-x 0 0; clear:both;}
.Header .nav li{ float:left; width: 123px; background:url(img/menu_line.jpg) no-repeat right 0; height: 44px; line-height: 44px; padding-right: 1px; font-weight:bold; text-align:center;}
.Header .nav .no{ background: none; width: 122px; padding-right: 0;}
.Header .nav li a,.Header .nav li a:visited{ display:block; height: 44px; color: #666;}
.Header .nav li a:hover{ background: #fff;}
.Header .nav li .tag{ background: #fff;}
------------------*/



#flash { overflow:hidden; margin: 0 auto;}
#flash .num { position: absolute; height: 19px; bottom: 6px; }
#flash .num li { background: url(img/ico_flash.png) no-repeat 0 -15px; float: left; margin: 0 4px; width: 11px; line-height: 0; font-size: 0; height: 11px;cursor: pointer;}
#flash .num li.on {background: url(img/ico_flash.png) no-repeat 0 0; }



.Home{ margin: 0 auto; box-shadow: 2px 2px 8px #ccc; background: #fff;}
.Home .fenlei{ background:#F6F5F1; padding: 23px;}
.Home .fenlei li{ float:left; margin-right: 20px; line-height:23px;}
.Home .fenlei .r{ float:right; margin-right: 0;}
.Home .fenlei li img{ display:block; margin-bottom: 13px; width: 100%;}
.Home .fenlei li strong{ font-size: 16px; display:block; height: 25px;}
.Home .newproducts{ padding: 23px 23px 30px; overflow:hidden;}
.Home .newproducts h3{ font-size: 18px; font-weight:bold; height: 50px; line-height: 35px;}
.Home .newproducts .epctext { position: relative; overflow: hidden;}
.Home .newproducts .epctext li { float: left; height: 460px; overflow:hidden;}
.Home .newproducts .epctext li ul li{ float:left; width: 200px; height: 400px; overflow:hidden; line-height: 23px; padding: 10px; background: #F3F3F2; margin-right: 22px;}
.Home .newproducts .epctext li ul li img{ display:block; margin-bottom: 10px;}
.Home .newproducts .epctext li ul li strong{ font-size: 14px; display:block; height: 27px; overflow:hidden;}
.Home .newproducts .epctext li ul .R{ float:right; margin-right: 0;}
.Home .newproducts .epctext .dots { position: absolute; bottom: 0;}
.Home .newproducts .epctext .dots li { display: inline-block; width: 50px; height: 6px; overflow:hidden; font-size: 0; line-height: 0; margin: 0 5px; cursor: pointer; background:#ccc;}
.Home .newproducts .epctext .dots li.active { background: #767B82;}
.Home .application{ padding: 23px 3px 23px 23px;  background:#F6F5F1;}
.Home .application h3{ font-size: 18px; font-weight:bold; height: 40px; line-height: 35px;}
.Home .application li{ float:left; line-height: 21px; padding: 15px 20px 15px 0; height: 90px;}
.Home .application li img{ width: 130px; height: 90px; float:left; margin-right: 12px;}
.Home .application li strong{ display:block; height: 26px;}
.Home .application li .more{ display:block; font-weight:bold; color:#2366A6;}
.Home .about{ padding: 23px; }
.Home .about h3{ font-size: 18px; font-weight:bold; height: 40px; line-height: 35px;}
.Home .about .L{ float:left; }
.Home .about .L p{ margin: 0; padding: 0; line-height: 25px;}
.Home .about .R{ float:right;}
.Home .about .R li{ height: 27px; line-height: 27px; text-align:right; color: #999; background:url(img/ico_1.gif) no-repeat 0 10px; padding-left: 15px;}
.Home .about .R li a{ float:left;}



.Content{ box-shadow: 2px 2px 8px #ccc; background: #fff; margin: 0 auto; padding: 23px;}
.Banner{ margin: 0 auto;}
.Banner img{ width: 100%; }


.Banner{ width: 990px; margin: 0 auto;}


.ContentLeft{ float:left; width: 200px;}
.ContentLeft .menu h3{ font-size: 18px; font-weight:bold; height: 36px; border-bottom: 1px solid #E0E2E0;}
.ContentLeft .menu ul{ margin-top: 3px;}
.ContentLeft .menu li{ border-bottom: 1px solid #E0E2E0; height: 40px; line-height: 40px; background:url(img/ico_2.gif) no-repeat right -24px; font-size: 14px;}
.ContentLeft .menu .tag{background:url(img/ico_2.gif) no-repeat right 17px; font-weight:bold;}
.ContentLeft .menu li a:hover{ font-weight:bold;}

.ContentLeft .products{}
.ContentLeft .products h3{ font-size: 18px; font-weight:bold; height: 26px;}
.ContentLeft .products li{ line-height: 26px;}
.ContentLeft .products .t{ border-top: 1px solid #E0E2E0; height: 25px; font-size: 14px; line-height: 25px; padding-top: 8px; margin-top: 10px; font-weight:bold; background:url(img/ico_2.gif) no-repeat right -24px; }
.ContentLeft .products li .tag{ color: #D71A21;}

.ContentRight{ float:right; width: 710px;}
.ContentRight .title{ height: 36px; border-bottom: 1px solid #E0E2E0; text-align:right; color: #999;}
.ContentRight .title h2{font-size: 18px; font-weight:bold; float:left; color: #444;}
.ContentRight .title a{ margin: 0 6px;}
.ContentRight .title .no{ margin-right: 0;}
.ContentRight .about{ line-height: 21px; padding: 5px 0;}
.ContentRight .about p{ margin: 0; padding: 10px 0; line-height: 25px;}

.ContentRight .downlist{}
.ContentRight .downlist li{ height: 35px; line-height: 35px; background: url(img/ico_1.gif) no-repeat 0 16px; padding-left: 15px; border-bottom: 1px dotted #ccc;}
.ContentRight .downlist li .more{ float:right;}


.ContentRight .title1{ text-align:left;}
.ContentRight .title1 .no{ margin-left: 0; margin-right: 6px;}

.BannerProducts{ height: 168px; background: #fff url(img/bg_1.jpg) repeat-x 0 bottom; width: 990px; margin: 0 auto;}
.BannerProducts .bg{ background:url(img/banner_products.jpg) no-repeat right 0; padding: 20px 23px; height:125px; }
.BannerProducts h2{font-size: 18px; font-weight:bold;}
.BannerProducts p{ line-height: 25px; margin: 0; padding: 10px 0 0; width: 650px;}



.ProductsHome ul li{ float:left; width: 200px; height: 310px; line-height: 23px; padding: 10px; background: #F3F3F2; margin: 10px 22px 15px 0;}
.ProductsHome ul li img{ display:block; margin-bottom: 10px; width: 200px; height: 180px;}
.ProductsHome ul li strong{ font-size: 14px; display:block;}
.ProductsHome ul .r{ float:right; margin-right: 0;}



.ContentLinks{ height: 36px; color: #999;}
.ContentLinks a{ margin: 0 6px;}
.ContentLinks .no{ margin-right: 0;}


.ProductsView{}
.ProductsView .pic{ float:left; width: 400px;}
.ProductsView .pic ul .no{ margin-left: 0;}
.tb-pic { border:1px solid #D8D8D8;	position:relative;	z-index:1; max-height:380px; max-width:380px;}
.tb-pic img{ max-height:380px; max-width:380px; vertical-align:middle;}
.tb-thumb { margin:10px 0 0; height: 80px;}
.tb-thumb li { float:left; width: 66px; height: 66px; margin-left: 12px;}
.tb-thumb li img{ border: 1px solid #D8D8D8; width: 64px; height: 64px; display:block; }
.tb-thumb .tb-selected img { border: 1px solid #999;}
.tb-thumb ul .no{ margin-left: 0;}
.tb-thumb li div { border:1px solid #CDCDCD;}
div.zoomDiv { z-index:999;	position: absolute;	top:0px; left:0px; width:380px;	height:380px; background: #ffffff; border:1px solid #D8D8D8; display:none; overflow: hidden;}
div.zoomMask { position:absolute; background:url(img/mask.png) repeat scroll 0 0 transparent; cursor:move; z-index:1;}
.ProductsView .pic .pdf{ background:url(img/ico_pdf.jpg) no-repeat 0 0; height: 25px; width: 139px; line-height: 25px; text-indent: 37px; display:block; margin: 0 auto; clear:both; margin-top: 15px;}
.ProductListType{}
.ProductListType p{ margin: 0; line-height: 19px; padding: 20px 0 0;}
.ProductListType h3{ height: 40px; line-height: 40px; font-size: 16px; font-weight:bold; border-bottom: 1px solid #E0E2E0; clear:both; padding-top: 20px;}
.ProductListType h3 a{ float:right; font-size: 13px; font-weight:normal;}
.ProductListType ul{ margin-top: 20px;}
.ProductListType ul li{ float:left; height: 220px; width: 160px; text-align:center; line-height: 17px;}
.ProductListType ul li strong{ display:block;}
.ProductListType ul li img{ width: 160px; height: 144px; margin-bottom: 10px;}
.ProductListType ul .r{ float:right; margin-right: 0;}
.ProductsView .miaoshu{ float:right;}
.ProductsView .miaoshu h2{ font-size: 22px; line-height: 35px;}
.ProductsView .miaoshu .text p{ margin: 0; padding: 10px 0; line-height: 19px;}
.ProductsView .Specification{ clear:both; padding-top: 30px;}
.ProductsView .Specification h3,.ProductsView .Related h3,.ProductsView .Contacts h3{ font-size: 20px; font-weight:bold; height: 38px; line-height: 35px;}
.box0{ display:block;}
.box1{ display:none;}
.ProductsView .tag{ height: 38px; margin-top: 38px; border-bottom: 1px solid #D8D8D8; position:relative;}
.ProductsView .tag li{ float:left; width:160px; text-align:center; height: 38px; margin-right: 5px; font-size: 16px;}
.ProductsView .tag li a{ display:block; background: #EBEBEB; line-height: 38px;}
.ProductsView .tag .tag_a0,.ContentRight .productview .tag .tag_a0:visited{ background: #fff; border-top: 2px solid #555; border-left: 1px solid #E4E7E8; border-right: 1px solid #E4E7E8; line-height: 37px; height: 37px; font-weight:bold; }
.ProductsView .box0{ padding: 20px 0 50px; line-height: 27px; font-size: 14px;}
.ProductsView .box0 p{ margin: 0; padding: 10px 0;}
.ProductsView .text table{ border-collapse:collapse; width: 100%; }
.ProductsView .text table td{ border: 1px solid #D8D8D8; line-height: 26px; padding: 0 10px; text-align:left; width: auto;}
.ProductsView .text table td p{ margin: 0; padding: 0;}
.ProductsView .text table .title{ background: #EBEBEB; font-weight:bold; text-align:left; padding: 0 10px;}
.ProductsView .Contacts{ border-top: 1px solid #D8D8D8; margin-top: 50px; padding: 30px 0;}
.ProductsView .Contacts table{ width: 100%;}
.ProductsView .Contacts table th{ width: 160px; text-align:right; padding: 12px 10px 0 0;}
.ProductsView .Contacts table td{ padding-top: 10px;}
.ProductsView .Contacts table .input{ width: 200px; height: 23px; border: 1px solid #D8D8D8; text-indent: 7px;}
.ProductsView .Contacts table textarea{ border: 1px solid #D8D8D8; width: 90%; height: 70px;}
.ProductsView .Contacts table .but{ background: #999; color: #fff; cursor: pointer; border: none; width: 65px; height: 28px; font-weight:bold;}
.ProductsView .next{ border-top: 1px solid #D8D8D8; line-height: 26px; padding-top: 15px;}
.ProductsView .next span a{ display:block; border: 1px solid #D8D8D8; float:right; width: 55px; height: 25px; line-height: 25px; margin-top: 10px; text-align:center;}
.ProductsView .next span a:hover{ background: #000; color: #fff; border: 1px solid #000;}
.ProductsView .Related{ padding-top: 30px; height: 320px; overflow:hidden; clear:both;  border-top: 1px solid #D8D8D8;}
.ProductsView .Related li{ float:left; width: 200px; height: 250px; padding-top: 20px; line-height: 17px; text-align:center;}
.ProductsView .Related li img{ width: 200px; height: 180px;  display:block; margin-bottom: 10px;}
.ProductsView .Related li strong{ font-weight:bold; display:block;  height: 40px;}
.ProductsView .Related .r{ float:right; margin-right: 0;}


.ContentRight .productslist{ padding-top: 20px;}
.ContentRight .productslist p{ margin: 0; line-height: 25px;}
.ContentRight .productslist li{ float:left; width: 200px; height: 280px; padding-top: 20px; line-height: 17px; text-align:center;  margin-right: 55px;}
.ContentRight .productslist li img{ width: 200px; height: 180px;  display:block; margin-bottom: 10px;}
.ContentRight .productslist li strong{ font-weight:bold; display:block; height: 40px;}
.ContentRight .productslist .r{ float:right; margin-right: 0;}


.ContentRight .yan{}
.ContentRight .yan th{ text-align:right; line-height: 38px; width: 120px;}
.ContentRight .yan td{ line-height: 38px; padding-left: 7px;}
.ContentRight .yan td .input{ width: 200px; height: 21px; border: 1px solid #ccc;}
.ContentRight .yan td textarea{ width: 500px; height: 120px; border: 1px solid #ccc;}
.ContentRight .yan td .but{ background: #888; border: none; cursor: pointer; width: 65px; height: 27px; font-weight:bold; color: #fff;}



.ContentRight .caselist{ padding: 10px 0;}
.ContentRight .caselist h2{ font-size: 16px; font-weight:bold; height: 35px; line-height: 32px;}
.ContentRight .caselist p{ margin: 0; padding: 20px 0; border-bottom: 1px dotted #ddd; line-height: 23px; height: 100px;}
.ContentRight .caselist p strong{ height: 21px; display:block;}
.ContentRight .caselist p img{ float:left; margin-right: 20px;}

.ContentRight .caselist p .more{ background:url(img/ico_6.gif) no-repeat right 5px; padding-right: 15px; color: #069; font-weight:bold; font-size: 11px; margin-top: 2px;}
.ContentRight .caselist p .more:hover{ color: #E37006;}


.ContentRight .caseview{ padding: 10px 0;}
.ContentRight .caseview h2{ font-size: 16px; height: 32px; line-height: 32px; font-weight:bold;}
.ContentRight .caseview .time{ height: 32px; line-height: 32px;}
.ContentRight .caseview .pic{ padding: 15px 0;}
.ContentRight .caseview .text{ line-height: 25px; padding-bottom: 40px;}
.ContentRight .caseview .next{ border-top: 1px solid #eee; line-height: 26px; padding-top: 15px;}
.ContentRight .caseview .next span{ display:block; border: 1px solid #D8D8D8; float:right; width: 55px; height: 26px; line-height: 26px; margin-top: 10px; text-align:center; }
.ContentRight .caseview .next a,.ContentRight .caseview .next a:visited{ }
.ContentRight .caseview .next a:hover{}
.ContentRight .caseview .next span a:hover{ background: #000; color: #fff; border: 1px solid #000;}




.ContentRight .newslist{ padding-top: 5px;}
.ContentRight .newslist h2{ font-size: 18px; font-weight:bold; padding-bottom: 5px;}
.ContentRight .newslist p{ margin: 0; padding: 15px 0; line-height: 23px; border-bottom: 1px dotted #ccc; color: #666;}
.ContentRight .newslist p strong{ display:block; font-size: 16px;}
.ContentRight .newslist p em{ font-style:normal; color: #666; display:block;}


.ContentRight .newsview{ padding-top: 18px;}
.ContentRight .newsview h1{ font-size: 16px; text-align:center; height: 25px; font-weight:bold;}
.ContentRight .newsview .time{ text-align:center; height: 30px; line-height: 30px; color: #666;}
.ContentRight .newsview .text{ line-height: 25px; padding-bottom: 30px;}
.ContentRight .newsview .text p{}
.ContentRight .newsview .next{ border-top: 1px dotted #ddd; line-height: 26px; padding-top: 15px;}
.ContentRight .newsview .next span a{ display:block; border: 1px solid #D8D8D8; float:right; width: 55px; height: 26px; line-height: 26px; margin-top: 10px; text-align:center; }
.ContentRight .newsview .next span a:hover{ background: #000; color: #fff; border: 1px solid #000;}
.ContentRight .newsview .next a,.ContentRight .newsview .next a:visited{}
.ContentRight .newsview .next a:hover{}






.Foot{ margin: 0 auto; margin-top: 15px; box-shadow: 2px 2px 8px #ccc; background: #F6F5F1;}
.Foot .links{ padding: 23px 3px;}
.Foot .links ul{ float:left; height:280px; border-right: 1px solid #D8D8D8; margin-left: 20px;}
.Foot .links ul li{ line-height: 28px; background:url(img/ico_1.gif) no-repeat 0 10px; padding-left: 15px;}
.Foot .links ul .t{ font-weight:bold; background: none; padding-left: 0; height: 36px; font-size: 16px;}
.Foot .links .no{ border-right: none;}
.footcopy{ padding: 10px 3px 40px; line-height: 30px; margin: 0 auto; }
.footcopy span{ float: left; display:block; background:url(img/foot_logo.jpg) no-repeat 0 6px; padding-left: 110px; height: 30px; color: #999;}
.footcopy span a{ margin: 0 15px;}
.footcopy address{ float:right; font-style:normal;} 






@media (min-width: 1000px) {
.Header,.Foot,.footcopy,#flash,#flash img,.Home,.Home .newproducts .epctext,.Banner{ width: 980px;}
.Header #nav li{ width: 139px;}
.Header #nav .no{ width: 139px;}
#flash { width:1200px; height:327px;}
#flash img{ height: 327px;}
#flash .num{left: 452px;}
.Home .fenlei li{ width: 216px;}
.Home .newproducts .epctext li ul li{ width: 197px;}
.Home .newproducts .epctext li ul li img{ width: 100%;}
.Home .newproducts .epctext .dots{ left: 405px; }
.Home .application li{ width: 456px;}
.Home .about .L,.Home .about .R{ width: 450px;}
.Foot .links ul{ width: 222px;}
.Content{ width:934px; }
.ContentRight{ width:700px; }
.ProductListType ul li{margin-right: 16px; }
.ContentRight .productslist li{ margin-right: 33px;}
.ProductsView .miaoshu{ width:500px; }
.ProductsView .Related li{ margin-right: 44px;}
}
@media (min-width: 1200px) {
.Header,.Foot,.footcopy,#flash,#flash img,.Home,.Home .newproducts .epctext,.Banner{ width: 1200px;}
.Header #nav li{ width: 170px;}
.Header #nav .no{ width: 174px;}
#flash { width:1200px; height:400px;}
#flash img{ height: 400px;}
#flash .num{left: 562px;}
.Home .fenlei li{ width: 273px;}
.Home .newproducts .epctext li ul li{ width: 251px;}
.Home .newproducts .epctext li ul li img{ width: 100%;}
.Home .newproducts .epctext .dots{ left: 487px; }
.Home .application li{ width: 371px;}
.Home .about .L,.Home .about .R{ width: 560px;}
.Foot .links ul{ width: 276px;}
.Content{ width:1154px; }
.ContentRight{ width:910px; }
.ProductListType ul li{margin-right: 22px; }
.ContentRight .productslist li{ margin-right: 27px;}
.ProductsView .miaoshu{ width:720px; }
.ProductsView .Related li{ margin-right: 38px;}
}
@media (min-width: 1500px) {
.Header,.Foot,.footcopy,#flash,#flash img,.Home,.Home .newproducts .epctext,.Banner{ width: 1500px;}
.Header #nav li{ width: 213px;}
.Header #nav .no{ width: 216px;}
#flash { width:1500px; height:500px;}
#flash img{ height: 500px;}
#flash .num{left: 712px;}
.Home .fenlei li{ width: 343px;}
.Home .newproducts .epctext li ul li{ width: 327px;}
.Home .newproducts .epctext li ul li img{ width: 100%; height: }
.Home .newproducts .epctext .dots{ left: 637px; }
.Home .application li{ width: 471px;}
.Home .about .L,.Home .about .R{ width: 700px;}
.Foot .links ul{ width: 352px;}
.Content{ width:1454px; }
.ContentRight{ width:1210px; }
.ProductListType ul li{margin-right: 41px; }
.ContentRight .productslist li{ margin-right: 42px;}
.ProductsView .miaoshu{ width:1020px; }
.ProductsView .Related li{ margin-right: 50px;}
}