@charset "utf-8";
/* www.ljun.net支持支持 */
body { font:12px/1.6 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif; padding: 0; color:#333; background:fff; margin: 0 auto;}
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: #F1212A; text-decoration: none;}
a:active { color: #333;}
.fB {font-weight: bold;}
.clr{ clear: both; height: 0; line-height: 0; font-size: 0;}
.clr_13{ height: 13px; line-height: 0; font-size: 0;}
.cRed{color: #BC730B; }
.c06c,.c06c:link,.c06c:visited{ color: #0C60A0;}
.c06c:hover{ color: #F1212A;}
.clr_25{ clear: both; height: 28px; line-height: 0; font-size: 0;}
.pages{ height: 28px; line-height: 28px; clear:both; padding-top: 25px; font-family:Verdana, Geneva, sans-serif; text-align:center;}
.pages a,.pages a:visited,.pages strong{ display:block; float:left; margin: 0 2px; height: 23px; line-height: 23px; text-align:center; width: 25px; border: 1px solid #ccc; background: #fff;}
.pages a:hover,.pages strong{ border: 1px solid #E62129; color: #fff; background: #E62129; font-weight:normal;}
.Header{ width: 1200px; margin: 0 auto; padding-top: 15px;}
.Header .logo{ float:left; width: 350px; padding: 6px 0 15px;}
.Header .r{ float:right; width: 850px; text-align:right; line-height: 23px;}
.Header .r .top{ height: 48px; font-size: 11px;}
.Header .r .top a{}
.Header .r .cn{ background:url(img/ico_en.gif) no-repeat 0 1px; padding: 0 27px; background:}
.Header .r .en{ background:url(img/ico_en.gif) no-repeat 0 -23px; padding-left: 27px;}
.Header .r ul{ clear:both;}
.Header .r ul li{ float:right; padding-left: 55px; text-transform:uppercase; font-weight:bold; font-size: 13px;}
.main_area{ background: #0D61A1 url(img/banner.jpg)  no-repeat center 0; height: 420px; border-top: 10px solid #eee; border-bottom: 10px solid #eee; position:relative; overflow:hidden;}
#con_product_slide{ width: 92px; height:420px;margin:0 auto; position:relative;*z-index:1;}
#scroll_btn_list{ overflow:hidden;height:20px;position:absolute;bottom:15px;z-index:1; margin: 0 auto;}
#scroll_btn_list li{float:left;margin: 0 5px; width: 13px;}
#scroll_btn_list li a{display:block;position:relative;width:11px; height:11px; font-size: 0; line-height: 0; background:#000; border: 1px solid #fff; overflow:hidden;border-radius:11px;}
#scroll_btn_list li a:after{ position:absolute;left:0;top:0;width:100%;height:13px;}
#scroll_btn_list .on a,#scroll_btn_list li a:hover{ background:#B5DAED; border: 1px solid #000; }
#scroll_product_list{ height:420px;width:100%;position:absolute;top:0;left:0;}
#scroll_product_list li{height:420px;width:100%;display:none;position:absolute;left:0;top:0;}
#scroll_product_list li.on{display:block;}
#scroll_product_list li a{ display:block; height: 420px;}
.Banner{ background: #0D61A1 url(img/banner.jpg)  no-repeat center 0; height: 100px; border-top: 10px solid #eee; border-bottom: 10px solid #eee; }
.Banner h2{ width: 1200px; margin: 0 auto;  background:url(img/banner_about.png) no-repeat 820px center; line-height: 95px; padding-top: 5px; font-size: 22px; font-weight: 600; color: #fff; text-shadow: 5px 5px 8px rgba(0,0,0,0.3);}
.Home{ width: 1200px; margin: 0 auto;}
.Home .title{ font-size: 24px; text-align:center; font-style:italic; line-height: 35px; padding: 25px 0 20px;}
.Home .products{ border-bottom: 1px solid #eee; padding-bottom: 40px;}
.Home .products .menu{ height: 52px; border-top: 5px solid #eee;}
.Home .products .menu li{ float:left; width: 400px; line-height: 52px; font-size: 18px; color: #fff; text-align:center; text-shadow:#000 1px 1px 1px;}
.Home .products .menu .m1{ background: #3DAACC; border-bottom: 5px solid #3491AE;}
.Home .products .menu .m2{ background: #8CB900; border-bottom: 5px solid #779E00;}
.Home .products .menu .m3{ background: #FF7123; border-bottom: 5px solid #D9601E;}
.Home .products .menu li a,.Home .products .menu li a:visited{ color: #fff;}
.Home .products .menu li a:hover{ color: #ff0;}
.Home .products .list{ margin-top: 15px;}
.Home .products .list li{ float:left; width: 550px; height: 130px; padding-top: 30px;}
.Home .products .list .r{ float:right;}
.Home .products .list li img{ float:left; margin-top: 5px;}
.Home .products .list li p{ float:left; margin: 0; padding: 0 0 0 30px; width: 410px; line-height: 19px;}
.Home .products .list li p strong{ display:block; height: 30px;}
.Home .products .list li p a{ display:block; color:#0C60A0;}
.Home .products .list li p a:hover{color: #F1212A;}
.Home .products .list li p strong{ font-size: 16px;}
.Home .about{ padding: 40px 0;}
.Home .about h2{ font-size: 24px; font-weight:bold; height: 50px;}
.Home .about p{ float:left; margin: 0; padding:0; width: 590px; line-height: 20px;}
.Home .about ul{ float:right; width: 560px; }
.Home .about ul li{ float:left; width: 260px;}
.Home .about ul li strong{ display:block; height: 42px; line-height: 42px; margin-top: 2px; text-align:center; background: #eee; font-weight:normal;}
.Home .about ul .r{ float:right;}
.Content{ width: 1200px; margin: 0 auto; padding: 35px 0;}
.Content .about{ line-height: 20px;}
.Content .about .pic{ float:left; margin-right: 30px; border: 6px solid #eee;}
.Content .about h1,.Content .about h3{ font-size: 20px; display:block; height: 30px; line-height: 30px; font-weight: 700;}
.Content .about h1{ line-height: 21px; height: 25px;}
.Content .about p{ margin: 0; padding: 10px 0;}
.Content .about h3{ padding-top: 20px;}
.Content .about .factory{}
.Content .about .factory li{ float:left; width: 385px; margin: 20px 22px 0 0;}
.Content .about .factory li img{ width: 375px; border: 5px solid #eee;}
.Content .about .factory .r{ float:right; margin-right: 0;}
.Content .about .about-pic{ margin-top: 10px;}
.Content .about .about-pic li{ float:left; width: 291px; margin-right: 12px; text-align:center;}
.Content .about .about-pic li img{ border:3px solid #eee;}
.Content .about .about-pic .r{ float:right; margin-right: 0;}
.ContentMenu{ float:right; width: 270px;}
.ContentMenu h2{ font-size: 14px; font-weight:bold; height: 25px;text-transform:uppercase;}
.ContentMenu ul li{ padding-left: 20px; line-height: 23px;  background:url(img/ico_0.png) no-repeat 5px 10px;}
.ContentMenu ul .t{ background:url(img/ico_1.png) no-repeat 0 17px; padding-left: 20px; font-size: 13px; border-top: 1px solid #eee; line-height: 32px; padding-top: 7px; margin-top: 7px; font-weight:bold;}
.ContentMenu ul li .tag,.ContentMenu ul li .tag:visited{ color: #0C60A0; }
.ContentMenu ul li .tag:hover{ color: #F1212A}
.productslist{ float:left; width:889px; }
.productslist h1{ font-size: 20px; display:block; height: 50px; line-height: 30px; font-weight: 700;text-transform:uppercase;}
.productslist .top{}
.productslist .top p{ line-height: 20px; margin: 0; padding: 10px 0;}
.productslist .top p strong{ font-size: 14px;}
.productslist .top li{ background:url(img/ico_3.png) no-repeat 0 10px; padding-left: 18px; line-height: 25px;}
.productslist .top h3{ font-size: 14px; font-weight:bold; height: 25px; padding-top: 20px;}
.productslist .pic{ text-align:center; padding-bottom: 20px;}
.productslist .piclist li{ float:left; width: 200px; border: 1px solid #eee; margin: 25px 27px 0 0;}
.productslist .piclist li img{ width: 200px; height: 200px;}
.productslist .piclist li strong{ background: #eee; text-align:center; font-weight:normal; height: 38px; line-height: 38px; display:block;}
.productslist .piclist .r{ float:right; margin-right: 0;}
.productslist .list{ margin-top: 20px;}
.productslist .list li{ border-bottom: 1px solid #eee; height: 110px; padding: 25px 0;}
.productslist .list li img{ float:left; width: 110px; height: 110px;}
.productslist .list li p{ margin: 0; padding: 0; float:right; width:758px; line-height: 19px; }
.productslist .list li p strong{ display:block; font-size: 14px; height: 28px;}
.productslist .list li p .more,.productslist .list li p .more:visited{ color: #0C60A0; display:block;}
.productslist .list li p .more:hover{color: #F1212A; }
.productslist .tablelist{ border-collapse:collapse; width: 100%; margin-top: 20px;}
.productslist .tablelist td{ border: 1px solid #fff; padding: 5px; background: #eee;}
.productslist .tablelist th{ font-weight:bold; background: #09C; color: #fff; border: 1px solid #fff; width: 150px;}
.newstlist{ float:left; width: 889px;}
.newstlist h1{ font-size: 20px; display:block; height: 50px; line-height: 30px; font-weight: 700;text-transform:uppercase;}
.newstlist h2{ font-size: 16px; font-weight:bold; line-height: 32px; text-transform: uppercase;}
.newstlist .time{ height: 28px; line-height: 28px; border-top: 1px solid #eee; border-bottom: 1px solid #eee;text-transform:uppercase;}
.newstlist p{ margin: 0; padding: 15px 0 50px;}
.newstlist p img{ display:block; margin-bottom: 12px;}
.newstlist p span{ display:block; height: 30px;}
.newstlist p .more,.newstlist p .more:visited{ border: solid 1px #111; float:right; border-radius:3px; color: #FFF; background: #444; font-weight: 400;text-transform: uppercase; padding: 8px 18px; margin: 2px 3px; }
.newstlist p .more:hover{ background: #45ABFF; border: 1px solid #4A7DFF;}
.Content .news{ float:left; width: 889px;}
.Content .news h1{ font-size: 16px; font-weight:bold; line-height: 32px; text-transform: uppercase;}
.Content .news p{ margin: 0; padding: 10px 0; line-height: 21px;}
.Content .news p img{ display:block; margin-bottom: 15px;}
.Content .news .next{ border-top: 1px solid #D9D9D9; line-height: 30px; padding-top: 15px;}
.Content .news .next span a{ display:block; background: #0D61A1; font-size: 14px; float:right; border-radius:3px; width: 68px; height: 34px; line-height: 34px; margin-top: 10px; text-align:center; color: #fff;}
.Content .news .next span a:hover{ background: #000; color: #fff;}
.Content .news .xianguan{ padding-top: 30px;}
.Content .news .xianguan h4{ font-size: 18px; height: 35px;}
.Content .news .xianguan li{ line-height: 28px; background:url(img/ico_3.png) no-repeat 0 11px; padding-left: 18px; color: #999;}
.Content .contact{ line-height: 25px; padding-top: 20px;}
.FootBg{ background: #26242E;}
.FootBg a,.FootBg a:visited{ color: #fff;}
.FootBg a:hover{ color: #ff0;}
.Foot{ width: 1200px; margin: 0 auto; background:url(img/foot_bg.png) no-repeat 0 0; padding: 30px 0;}
.Foot ul{ float:left; width: 340px;}
.Foot ul li{ line-height: 23px; color: #fff;}
.Foot ul .t{ font-size: 15px; font-weight:bold; height: 30px;}
.Foot .r{ width:auto;}
.Foot .map{ float:right;}
.FootBg .bottom{ background: #32303D; border-top: 1px solid #49475C;line-height: 25px; padding: 15px 0;}
.FootBg .bottom .add{ width: 1200px; color: #fff; margin: 0 auto;}
.FootBg .bottom .add span{ float:right; background: url(img/foot_top.png) no-repeat 0 center; padding-left: 20px;}
.FootBg .bottom .add p{ margin: 0; padding: 0;}