@charset "utf-8";
* {word-wrap: break-word;}
body {background:url(../images/bg.jpg) 0px 10px repeat-x;font-size:12px;font-family: "宋体",Arial; color:#666;}
body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, hr {margin: 0; padding: 0; border:0;}
table {empty-cells: show; border-collapse: collapse;}
ul li {list-style: none;}
img {border: none;}
a {color: #555; text-decoration: none;}
a:hover {text-decoration: underline; color:#57AB32;}

.clearfix:before, .clearfix:after {content:""; display:table;}
.clearfix:after{ clear:both;}
.clearfix{*zoom:1;/*ie6,7*/}

h1,.f1,h2{font-family:"微软雅黑","宋体",Arial; font-weight:bold;color: #444;}
h1{font-size:18px;text-align:center}
.f1,h2{font-size:14px;}
h1{font-size:20px; padding:5px 0;}
.f2{font-size:14px; line-height:160%;}
.inp{border:1px solid #CCC; padding:3px; border-top-color:#666;border-left-color:#666;background-color:#F6F6F6; line-height:14px;}
.inp:hover{border:1px solid #5EA2D9;background-color:#EDF3F8;}
.btnmini,.btnbig{border:1px solid #999; overflow:hidden; border-top:#E0E0E0;border-left:#E0E0E0;background-color:#E0E0E0;font-weight:bold;color:#555;}
.btnmini{padding:0 10px; line-height:17px;height:24px;}
.btnbig{padding:5px 10px;font-size:14px; height:30px;margin-top:5px}

.wp {margin: 0 auto; width: 980px;clear:both;} .wpm {margin: 0 auto;width: 990px;clear:both;}.wpa {width: auto;}
.wpm:before, .wpm:after {content: "";display: table;}
.wpm:after {clear: both;}
.wpm{*zoom:1;/*ie6,7*/}

.index_content{float: right; width:700px;}

.head dl{ float:left;}
.head dl.a{ width:270px;background: url(../images/logo.jpg) 0px 10px no-repeat; padding-top:10px; height:80px;}

.head dl.c{ width:710px; color:#7AABD8}
.head dl.c form{float:left;}
.head dl.c a{color:#319002}
.head dl.c p{ overflow:hidden; float:left; padding-top:10px; padding-left:20px;}
.head dl p.i{ line-height:20px;width:300px;}
.head dl p.i a{ float:left; width:60px; padding-left:15px; height:25px; background: url(../images/image.gif) no-repeat 0 -68px;}
.head dl p.s{width:120px; height:25px;}
.head dl p.s span{float:left;}.head dl p.s span.l{ width:80px;}
.head dl p.s span.l input{ width:70px;background: #fff; padding:2px; height:15px; margin:0; border:0;color:#390; margin-top:-1px\9; border:#eee 1px solid;}
.head dl p.s span.r{ width:35px;background: url(../images/search_btn.jpg) no-repeat 0px 0px;}
.head dl p.s span.r input{ width:35px;height:19px; margin:0; border:0; background:none; cursor:pointer;}
.menu {padding-top:17px;}
.menu dd{float:left; position:relative;}
.menu dd a{float:left; font-size:14px;  color:#444;text-align:center; width:92px; line-height:38px;height:38px; background: url(../images/nav_bg.jpg) right center no-repeat;}
.menu dd a:hover{color:#319002;}
.subnav{ display:none; position:absolute; top:37px; left:0; z-index:9;}
.subnav li a{font-size:14px; display:bolck; padding:0px 5px; background:#339900; color:#fff; height:22px; line-height:22px; font-size:12px;}
.subnav li a:hover{color:#319002; background: #ddd;}

.tab12,.tab21,.tab22,.tab31,.tab32,.tab41,.tab42,.tab51,.tab52{height:10px;background:url(../images/list.jpg); overflow:hidden;float:left;}
.tab1,.tab2,.tab3,.tab4,.tab5{float:left;}
.tab11,.tab12{width:990px;}.tab21,.tab22{width:760px;}.tab31,.tab32{width:230px;}.tab41,.tab42{width:505px;}.tab51,.tab52{width:485px;}
.tab1{width:960px;}.tab2{width:730px;}.tab3{width:200px;}.tab4{width:475px;}
.tab5{width:375px;}

.tab1b{padding:5px 0px 0px 0px;width:990px;}
.bannerb{width: 960px; height:29px; background:url(../images/tel.jpg); clear:both; color:#FFF; line-height:25px; padding:5px 15px; font-family:Verdana, Geneva, sans-serif;}
.bannerb a{ color:#FFF}
.mban{height:5px;}

.tab495{float:left; width:505px;}.tab475{float:right; width:485px;}.tab750{float:right; width:760px;}
.tab220{float:left; width:230px;}.tab980{float:left; width:990px;}

.tab375{float:left; width:385px;}

.tab300{float:right; width:310px;}
.tab6{width:300px; padding-top:10px;}

.tab700{float:left; width:700px;}
.tab7{width:700px;}

.tab330{float:left; width:330px; padding:0px 10px;}
.tab8{width:330px; padding-top:10px;}
.tab8 dt img{width:80px; height:80px; float:left; margin-right:10px;}
.tab8 dt h5 a{color:#f00; font-size:12px; line-height:2;}
.tab8 dt p{font-size:12px; line-height:1.8;}
.tab8 dd{background:url(../images/dot.jpg) left center no-repeat; text-indent:15px; line-height:26px;}

.type{height:36px; border-bottom:#e4e4e4 1px solid; position:relative;}
.type p{height:24px;padding-top:10px; float:left;}
.type p.l{position:absolute; left:0px; bottom:-2px;}
.type p.c{line-height:35px; padding-left:10px; padding-top:3px;}
.type p.c span{ font-size:12px; font-family:Arial;padding-left:10px; color:#247AB5}
.type a{float:right; width:45px; height:19px; margin-top:17px;}
.type p.r{ float:right;width:7px;}

.list{ margin-top:10px;}
.main{background: #fff url(../images/main-top_bg.jpg) 0 0 repeat-x;}
.main .l{float:left; width:240px;}
.main .r{float:right; width:700px; padding:5px 20px 20px 20px; overflow:hidden;}
.columnc{ height:25px;width:240px;line-height:25px; padding-top:10px; background-color:#FFF;}
.more{float:right;}
.contactl{height:55px;}
.columncl{ padding:5px 10px; line-height:35px;border-top:1px solid #e4e4e4; /*float:left;*/}
#left_nav a{color:#555; font-size:12px; float:left;width:180px;background: url(../images/cat_bg.jpg) no-repeat left center; padding-left:40px; border-bottom:#e4e4e4 1px solid;}
#left_nav a:hover{color:#fff; background: url(../images/cat_hover.jpg) no-repeat left center;text-decoration: none;font-weight:bold}
.position{ border-bottom:1px solid #E4E4E4;line-height:35px; color:#999;background: url(../images/image.gif) no-repeat -270px 12px; padding-left:25px;}
.position span{ float:right; border:1px solid #06C; text-align:center; background-color:#3469CB;line-height:12px; margin-top:5px;}
.position span a{ float:left; color:#FFF; padding:5px 10px;}
.content div.c,.comment div.c,.content ul.c,.comment ul.c{ margin-top:10px; clear:both}
.content .t,.comment .t{ line-height:30px;border:1px solid #E7E7E7; font-family:Verdana, Geneva, sans-serif; border-left:0;border-right:0;background-color:#F3F3F3}
.content .t{color:#999; text-align:center;}
.content .list li{ line-height:35px;border-bottom:1px solid #EEE; padding-left:15px;background: url(../images/image.gif) no-repeat 5px -155px; font-size:14px;}
.content .list li span{ float:right; font-size:11px; color:#999; font-family:Verdana, Geneva, sans-serif}
.content .list li em{padding-left:10px; color:#C00; font-size:12px; font-style: normal;}
.content .list dl{ float:left; width:160px; height:145px; padding:5px; text-align:center; overflow:hidden; margin-left:12px; margin-bottom:12px;background: url(../images/image.gif) no-repeat -430px -270px;}
.content .list dl dt{height:120px;}
.content .list dl dt img{width:160px;height:120px;}
.content .list dl dd{height:30px; overflow:hidden; line-height:30px;}
.content .list dl:hover{background-position: -430px -440px;}
.content .list dl:hover a{ color:#390}
.content .prev{ padding-top:20px;}
.content .prev a{margin-right:20px;color:#0C4D8D;}

.comment{margin-top:10px;}
.comment .t{ padding-left:10px; font-weight:bold;}
.comment .i dl{ margin-bottom:10px; width:740px;float:left;}
.comment .i dl dt{float:left; width:80px; font-weight:bold; text-align:right; padding-right:10px; line-height:25px;}
.comment .i dl dd{float:left; padding-right:10px;}
.comment .list{clear:both}
.comment .list dl{ margin-bottom:10px; line-height:22px;border-top:1px solid #E7E7E7;}
.comment .list dl dt{background-color:#F3F3F3; padding:3px 10px;}
.comment .list dl dd{padding:3px 10px;}

.news{height:150px; overflow:hidden;}
.news .l{float:left; width:195px;}
.news .r{float:right; width:270px; padding-left:10px;}
.news .r li{ line-height:24px; border-bottom:1px solid #EEE; padding-left:15px;background: url(../images/image.gif) no-repeat 5px -161px;}
.about{height:150px; overflow:hidden; padding:5px;}
.about .l{float:left; width:95px;}
.about .r{float:left; width:260px; line-height:21px; padding:10px;}

.product{height:130px;width:700px;position: relative; margin:15px 0;}
.product .wrapper {width: 610px; overflow: auto;height: 130px;margin: 0 45px;position: absolute;top: 0;}
.product .wrapper ul {width: 1220px;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;position: absolute;top: 0;left:0;}
.product ul li {display:block;float:left;padding-right:10px;width: 295px;}
.product ul li h5{font-size:12px; font-weight:bolder; padding:5px; margin:0px; text-indent:2em; color:#390;}
.product ul li h5{font-size:12px; font-weight:bold;}
.product ul li p{ text-indent:2em; line-height:22px; padding-top:5px; overflow:hidden;}
.product ul li p span{ color:#390;}
.product ul li img {-webkit-transition: border-color 400ms; width:120px; padding:5px; float:left;}
.product ul li a img {display:block;}
.product .arrow {display: block;height: 113px; width: 40px;position: absolute;top: 8px;cursor: pointer;outline: 0;}
.product .arrow a{width:40px; height:113px;}
.product .forward {right: 0;background: url(../images/b2.jpg) 0px 0px;}
.product .back {left: 0;background: url(../images/b1.jpg) 0px 0px;}
.morep{display:block; float:right; width:62px; height:22px; background:url(../images/morep.jpg) 0px 0px no-repeat;}

.case{height:150px; overflow:hidden;}
.case li {float:left;padding:8px;width: 166px;overflow:hidden; text-align:center;}
.case li img {width:166px; height:110px;}
.case li img:hover {background-color:#0C4D8D;}
.case li p{padding-top:5px; line-height:22px;}
.case li p a{ font-weight:bold}

.contact{height:150px; overflow:hidden;}
.contact .t{width:200px;}
.contact .b{ margin-top:10px;}
.contact .b li{line-height:21px; font-family:Verdana, Geneva, sans-serif;}
.contact .b li span{float:left;width:50px; text-align:right;color:#247AB5; font-weight:bold}
.contact .b li p{float:left; padding-left:10px;}

.member_f{margin-top:5px;}
.member_f dl{border-bottom:1px solid #E8E8E8; padding:5px 0; width:100%; float:left;}
.member_f dl dt{float:left; width:110px; text-align:right; line-height:26px; font-weight:bold;}
.member_f dl dd{float:left; line-height:26px; padding-left:10px;}
.member_f dl dd textarea{ width:90%; height:200px;}
.member_f dl dd.m span{color:#C00;}
.member_f dl dd.m span.ok{ background-color:#000; width:10px; height:5px;}

.links{padding:20px 0;line-height:22px; color:#666; text-align:right; padding-right:20px;}
.links a{color:#333; color:#666}

.bottom{border-top:#888 2px solid; padding:25px 0;clear:both; margin-top:10px;}
.bottom .l{ float:left; width:450px; line-height:25px; color:#828282; background:url(../images/logo_bottom.jpg) 0px 0px no-repeat; padding-left:130px; min-height:75px;}
.bottom .r{ float:right; width:320px; height:50px;background: url(../images/ao.jpg) right top no-repeat; margin:-40px 20px 0 0;}

.pages{ margin-top:10px;}
.pages li{ float:left; line-height:20px;border:1px solid #E1E1E1;  margin-right:10px; background-color:#FFF;}
.pages li.c{background-color:#588FD9; color:#FFF;padding:0 8px;}
.pages li a{float:left;padding:0 8px;height:20px;}.pages li a:hover{background-color:#588FD9; color:#FFF;text-decoration: none;}

.left_ad {padding:2px; border:#e4e4e4 2px solid;}
#left_ad { width:220px; height:60px; overflow:hidden;position:relative;margin:0 auto; }
#left_ad .slider,.num{position:absolute;}
#left_ad .slider li{ list-style:none;display:inline;}
#left_ad .slider img{ width:220px; height:60px;display:block;}
#left_ad .num{ right:0px; top:5px; font-size:8px;}
#left_ad .num li{float: left;color: #fff;text-align: center;line-height: 10px;width: 10px;height: 10px;font-family: Verdana, Geneva, sans-serif;cursor: pointer;overflow: hidden;background-color: #C3C3C5; overflow:hidden;margin:1px; padding:1px;font-weight: bold;}
#left_ad .num li.on{color: #fff;background-color: #29A400;}


.link{height:18px; width:321px; padding:5px 0px; background: url(../images/flink.jpg) 0 0 no-repeat;position: relative; margin:15px 0;}
.link .wrapper {width: 290px; overflow: auto;height: 18px;margin: 0 15px;position: absolute;top: 0;}
.link .wrapper ul {width: 290px;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;position: absolute;top: 0;left:0;}
.link ul li {display:block;float:left;padding-right:10px;width: 66px;}
.link ul li img {-webkit-transition: border-color 400ms; width:66px; padding:5px; float:left;}
.link ul li a img {display:block;}
.link .arrow {display: block;height: 11px; width: 10px;position: absolute;top: 8px;cursor: pointer;outline: 0;}
.link .arrow a{width:10px; height:11px; padding:0px;}
.link .forward {right: 5px;background: url(../images/a2.jpg) 0px 0px no-repeat;}
.link .back {left: 5px;background: url(../images/a1.jpg) 0px 0px no-repeat;}


/* qqshop focus */
#focus {width:980px; height:352px; overflow:hidden; position:relative;  margin:0px auto; margin-top:2px;}
#focus ul {height:539px; position:absolute;}
#focus ul li {float:left; width:1160px; height:539px; overflow:hidden; position:relative; background:#fff;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btn {position:absolute; width:1140px; height:6px; padding:5px 10px; right:100px; bottom:18px; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:6px; _font-size:0; margin-left:5px; cursor:pointer; background:#390;}
#focus .btn span.on {background:#fff;}