@charset "utf-8";
* {word-wrap: break-word;}
body {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:#62a40f;}
body{background:url(../images/bg2.jpg) no-repeat center fixed;}

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 #1A5488; overflow:hidden; border-top:#149BDD;border-left:#149BDD;background-color:#1F66A8;font-weight:bold;color:#fff; cursor:pointer}
.btnmini{padding:0 10px; line-height:17px;height:24px;}
.btnbig{padding:5px 10px;font-size:14px; height:30px;margin-top:5px}
.none{ display:none;}
.both{clear:both; width:100%;}
.over{overflow: hidden;}
.fl{float: left;}
.fr{float: right;}
.block {display: inline-block;}

#winbox{ position: absolute;border:5px solid #9CC0E9; background-color:#F4F8FB;line-height:180%;color:#476DD1;}
#winbox .t{font-weight:bold; padding:5px; border-bottom:1px solid #9CC0E9;}
#winbox .t span{ float:right; padding:0 5px; cursor:pointer; font-weight:normal}
#winbox .c{padding:5px 15px; }
#winbox .g{ margin:15px;text-align:center;}
#winbox .g a{ padding:8px 20px; line-height:30px;border:1px solid #4672C4; border-top:#9CC0E9;border-left:#9CC0E9;background-color:#3D6AD3; color:#FFF; margin-right:20px;}
#winbox .g a:hover{background-color:#5588D8;text-decoration:none;}
#winbox .z{padding-bottom:15px; font-family:Verdana, Geneva, sans-serif;}
#winbox .z a{text-decoration: underline; }

.wp {margin: 0 auto; width: 980px;clear:both;} .wpm {margin: 0 auto;width: 990px;clear:both;}.wpa {width: auto;}

.head{height:100px;padding:10px 0; background:#FFF}
.head dl{ float:left; height:99px;}
.head dl.a{ width:700px;}
.head dl.b{ width:10px;}
.head dl.c{ width:270px;}
.head dl.c a{color:#40951e}
.head dl.c p{ float:left;}
.head dl.c p.i{width:240px; padding:20px 10px 0 20px; line-height:20px; text-align:right; position:relative;}
.head dl.c p.i span.cart{ margin-left:15px; padding:5px 10px;}
.head dl.c p.i span.cart_c{background-color:#139DDF;}
.head dl.c p.i span.cart_c a{color:#FFF;}
.head dl.c p.i a.m{ float:right; text-align:left; margin-left:15px; padding-left:15px; height:25px; background: url(../images/image.gif) no-repeat 0 -68px;}
.head dl.c p.i a.cn{ float:right; text-align:left; margin-left:15px; padding-left:40px; height:25px; background: url(../images/cn.jpg) no-repeat;}
.head dl.c p.i a.en{ float:right; text-align:left; margin-left:15px; padding-left:40px; height:25px; background: url(../images/en.jpg) no-repeat;}


.head dl.c p.s{width:170px; height:25px; padding-left:100px;}
.head dl.c p.s span{float:left;}.head dl p.s span.l{ width:80px;}.head dl p.s span.ll{ width:53px;background: url(../images/image.gif) repeat -440px -120px; padding:2px 0 0 2px;height:23px;}
.head dl.c p.s span.l input{ width:70px;background: url(../images/bg.jpg) repeat 0 -430px; padding:5px; height:15px; margin:0; border:0;color:#FFF; margin-top:-1px\9;}
.head dl.c p.s span.r{ width:25px;background: url(../images/image.gif) no-repeat 0 -30px;}
.head dl.c p.s span.r input{ width:25px;height:25px; margin:0; border:0; background:none; cursor:pointer;}
.dfdh{ width:100%; height:39px;background: url(../images/dh_bg.jpg);}
.menu a{float:left; width:100px; line-height:39px;height:39px; font-size:14px;  color:#fff;text-align:center;}
.menu a:hover,.menu a.c{color: #FF9;background: url(../images/dh_bg_hover.jpg);}

/* banner */
.banner{ min-width:1000px;  position:relative;  height:550px; overflow:hidden;  }
.banner .bd{ position:relative; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:550px; }
.banner .bd li .siteWidth{ width:1000px; position:relative;  margin:0 auto;  height:550px;  }
.banner .bd li a{ height:299px; display:block;  }
.banner .bd .txt{ position:absolute; width:415px; top:100px; left:22px;   font:normal 18px/30px "Microsoft YaHei";    }
.banner .bd .btn{ display:block; zoom:1; margin-top:8px;  width:72px; padding-right:10px;  height:31px; line-height:31px; text-align:center; color:#fff; font-size:12px; background:url(images/banner-btn.png) 0 0 no-repeat;
_background:url(images/banner-btn-ie6.png) 0 0 no-repeat;
}
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:url(images/dot-black.png) 0 0; overflow:hidden; 
	line-height:9999px; filter:alpha(opacity=40);opacity:0.4; 
}
.banner .hd ul .on{ filter:alpha(opacity=100);opacity:1;  }

.w960{position: relative;margin: 0px auto;width: 960px;}

.index-wrap1{width: 100%; height: 400px;}
.index-wrap1 .titlee{width: 100%;margin-bottom: 28px;background: url(../images/index_bg01.png) repeat-x 50% bottom;padding-top: 28px;}
.index-wrap1 .titlee .cn{padding-bottom:11px;line-height:50px;padding-right:10px;background:url(../images/inner_bg01.png) no-repeat left bottom;height: 50px;color:#666;font-size: 24px;}
.index-wrap1 .titlee .en{ line-height: 50px; font-family: Times New Roman;height: 50px; color: #ccc; font-size: 24px;}
#box_about{ width: 488px;float: left; }
#box_about P{ padding-bottom: 20px; line-height: 22px;padding-left: 0px; padding-right: 0px; color: #666;font-size: 13px;padding-top: 20px;}
#box_about A{text-align: center;line-height: 37px;width: 113px;background: #cd2525; height: 37px; color: #fff; font-size: 12px;}
.index-wrap1 .video{border-bottom: #ccc 1px solid;border-left: #ccc 1px solid;width: 442px;height: 230px; border-top: #ccc 1px solid;border-right: #ccc 1px solid;}
#box_video{ margin: 9px; width: 424px; height: 212px;}

.index-wrap2{width: 100%;background: #61781b;height: 682px;}
.index-wrap2 .con{overflow: hidden;padding-top: 60px;}
.index-wrap2 .con .se01{position: relative;width: 640px;background: #fff;height: 280px;}
.index-wrap2 .con .se01 .img{position: relative;width: 320px;height: 280px;overflow: hidden;}
.index-wrap2 .con .se01 .img IMG{max-width: 320px;max-height: 280px;}
.index-wrap2 .con .se01 .img .bgg{position: absolute;filter: Alpha(opacity=0);width: 320px;background: #000;height: 280px;top: 0px;left: 0px;opacity: 0;}
.index-wrap2 .con .se01 .img .txtt{position: absolute;text-align: center;width: 320px; display: none; top: 0px; left: 0px;}
.index-wrap2 .con .se01 .img .txtt .tt{color: #fff;font-size: 18px;font-weight: normal;}
.index-wrap2 .con .se01 .img .txtt .tit{padding-bottom: 15px;padding-left: 0px;padding-right: 0px; padding-top: 74px;}
.index-wrap2 .con .se01 .img .txtt .pp{color: #fff;}
.index-wrap2 .con .se01 .pp{ padding-bottom: 8px;line-height: 22px; margin: 0px auto; width: 250px;color: #666;}
.index-wrap2 .con .se01 .img .more{border: #e4e4e4 2px solid; text-align: center;line-height: 31px;width: 116px;height: 31px;color: #fff;transition: color 500ms ease-in 0ms, background 500ms ease-in 0ms;}
.index-wrap2 .con .se01 .img .more:hover{background: #e4e4e4;color: #333;}
.index-wrap2 .con .se01 .txt{text-align: center;width: 320px;}
.index-wrap2 .con .se01 .imgtit{padding-bottom: 15px;padding-left: 0px;padding-right: 0px;padding-top: 74px;}
.index-wrap2 .con .se01 .txt .tit1{padding-bottom: 15px;padding-left: 0px; padding-right: 0px;padding-top: 74px;}
.index-wrap2 .con .se01 .txt .tt1{color: #666;font-size: 18px;font-weight: normal;}
.index-wrap2 .con .se01 .txt .more1{border: #e4e4e4 2px solid;text-align: center;line-height: 31px;width: 116px;height: 31px;color: #666;transition: color 500ms ease-in 0ms, background 500ms ease-in 0ms;}
.index-wrap2 .con .se01 .txt .more1:hover{background: #e4e4e4;color: #333;}
.index-wrap2 .con .se01 .tip{position: absolute;width: 11px;height: 21px;vertical-align: top;top: 140px;left: 309px;}

.index-wrap2 .con .se02{position: relative;width: 640px;background: #fff;height: 280px;}
.index-wrap2 .con .se02 .img{position: relative; width: 320px;height: 280px;overflow: hidden;}
.index-wrap2 .con .se02 .img IMG{max-width: 320px;max-height: 280px;}
.index-wrap2 .con .se02 .img .bgg{ position: absolute; filter: Alpha(opacity=0); width: 320px;  background: #000;  height: 280px; top: 0px;left: 0px;opacity: 0;}
.index-wrap2 .con .se02 .img .txtt{position: absolute; text-align: center; width: 320px; display: none; top: 0px; left: 0px;}
.index-wrap2 .con .se02 .img .txtt .tt{color: #fff;font-size: 18px;font-weight: normal;}
.index-wrap2 .con .se02 .img .txtt .tit{padding-bottom: 15px; padding-left: 0px; padding-right: 0px;padding-top: 74px;}
.index-wrap2 .con .se02 .img .txtt .pp{ color: #fff;}
.index-wrap2 .con .se02 .pp{padding-bottom: 8px;line-height: 22px; margin: 0px auto; width: 250px; color: #666;}
.index-wrap2 .con .se02 .img .more{border:#e4e4e4 2px solid;text-align:center;line-height:31px;width:116px;height:31px;color:#fff;transition:color 500ms ease-in 0ms, background 500ms ease-in 0ms;}
.index-wrap2 .con .se02 .img .more:hover{background: #e4e4e4;color: #333;}
.index-wrap2 .con .se02 .txt{ text-align: center;width: 320px;}
.index-wrap2 .con .se02 .imgtit{padding-bottom: 15px;padding-left: 0px;padding-right: 0px; padding-top: 74px;}
.index-wrap2 .con .se02 .txt .tit1{ padding-bottom: 15px; padding-left: 0px;padding-right: 0px; padding-top: 74px;}
.index-wrap2 .con .se02 .txt .tt1{color: #666;font-size: 18px;font-weight: normal;}
.index-wrap2 .con .se02 .txt .more1{border: #e4e4e4 2px solid;text-align: center;line-height: 31px; width: 116px;height: 31px; color: #666; transition: color 500ms ease-in 0ms, background 500ms ease-in 0ms;}
.index-wrap2 .con .se02 .txt .more1:hover{background: #e4e4e4;color: #333;}
.index-wrap2 .con .se02 .tip{position: absolute;width: 11px;height: 21px;vertical-align: top;top: 140px;left: 320px;}

.index-wrap2 .con .se03{position: relative;width: 320px; background: #fff;height: 560px;}
.index-wrap2 .con .se03 .img{position: relative;width: 320px;height: 280px; overflow: hidden;}
.index-wrap2 .con .se03 .img IMG{max-width: 320px;max-height: 280px;}
.index-wrap2 .con .se03 .img .bgg{position: absolute;filter: Alpha(opacity=0); width: 320px;background: #000; height: 280px;top: 0px;left: 0px;opacity: 0;}
.index-wrap2 .con .se03 .img .txtt{position: absolute;text-align: center;width: 320px;display: none; top: 0px;left: 0px;}
.index-wrap2 .con .se03 .img .txtt .tt{color: #fff;font-size: 18px; font-weight: normal;}
.index-wrap2 .con .se03 .img .txtt .tit{padding-bottom: 15px;padding-left: 0px; padding-right: 0px; padding-top: 74px;}
.index-wrap2 .con .se03 .img .txtt .pp{color: #fff;}
.index-wrap2 .con .se03 .pp{ padding-bottom: 8px; line-height: 22px;margin: 0px auto;width: 250px; color: #666;}
.index-wrap2 .con .se03 .img .more{border: #e4e4e4 2px solid;text-align:center;line-height:31px;width:116px;height:31px;color:#fff;transition:color 500ms ease-in 0ms,background 500ms ease-in 0ms;}
.index-wrap2 .con .se03 .img .more:hover{ background: #e4e4e4; color: #333;}
.index-wrap2 .con .se03 .txt{text-align: center;width: 320px;}
.index-wrap2 .con .se03 .imgtit{padding-bottom: 15px;padding-left: 0px;padding-right: 0px; padding-top: 74px;}
.index-wrap2 .con .se03 .txt .tit1{ padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 74px;}
.index-wrap2 .con .se03 .txt .tt1{color: #666; font-size: 18px;font-weight: normal;}
.index-wrap2 .con .se03 .txt .more1{ border: #e4e4e4 2px solid;text-align: center; line-height: 31px;width: 116px;height: 31px;color: #666;transition: color 500ms ease-in 0ms, background 500ms ease-in 0ms;}
.index-wrap2 .con .se03 .txt .more1:hover{background: #e4e4e4;color: #333;}
.index-wrap2 .con .se03 .tip{position: absolute;width: 21px; height: 11px; vertical-align: top;top: 269px;  left: 139px;}
.index-wrap2 .con .se03 .tip IMG{ width: 21px; height: 11px; vertical-align: top;}

.index-wrap3{padding-bottom: 0px;width: 100%;height: 400px;overflow: hidden;}
.pos{ position: relative;}
.index-wrap3 .titlee{width: 100%;margin-bottom: 28px;background: url(../images/index_bg01.png) repeat-x 50% bottom;padding-top: 28px;}
.index-wrap3 .titlee .cn{padding-bottom: 11px;line-height: 50px;padding-right: 10px;background: url(../images/inner_bg01.png) no-repeat left bottom;height: 50px;color: #666;font-size: 24px;}
.index-wrap3 .titlee .en{line-height: 50px;text-transform: uppercase;font-family: Times New Roman;height: 50px;color: #ccc;font-size: 24px;}
.index-wrap3 .titlee .more{ position: absolute;text-align: center;line-height: 37px;width: 113px;background: #cd2525;height: 37px;color: #fff;top: 0px;right: 0px;}
#box_news{width: 1020px;float: left;}

.syxn .content {margin: 0 60px 100px 1020px;width: 280px;float: left;overflow: hidden;}
.syxn .content .pic {float: left;}
.syxn .content .pic IMG {width: 280px;height: 160px;}
.syxn .newstitle {border-bottom: #edeaea 1px solid;padding-bottom: 10px;width: 100%;overflow: hidden;}
.syxn .newstitle .title {margin: 5px 0;font-weight: normal;}
.syxn .newstitle LI H3 {padding-left: 0;display: inline;color: #000;font-size: 12px;font-weight: bold;}
.syxn .newstitle .date {padding-left: 20px;background: url(../images/time.png) no-repeat 0 4px;color: #666;}
.syxn .newslist {margin-top: 10px;}
.syxn .newslist .summary P {line-height: 20px;color: #666;}

.index-wrap4{ padding-bottom: 20px; padding-left: 0px;width: 100%;padding-right: 0px;background: #eeeeee;overflow: hidden;padding-top: 20px;}
.pos{ position: relative;}
.index-wrap4 .titlee{width: 100%;margin-bottom: 28px;background: url(../images/index_bg01.png) repeat-x 50% bottom;padding-top: 28px;}
.index-wrap4 .titlee .cn{padding-bottom: 11px;line-height: 50px;padding-right: 10px;background: url(../images/inner_bg01.png) no-repeat left bottom;height: 50px;color: #666;font-size: 24px;}
.index-wrap4 .titlee .en{line-height: 50px; text-transform: uppercase;font-family: Times New Roman;height: 50px; color: #ccc;font-size: 24px;}
.index-wrap4 .titlee .more{position: absolute;text-align: center;line-height:37px;width: 113px;background:#cd2525; height:37px;color:#fff;top:0px;right: 0px;}
#box_bd{width: 1080px;float: left; height: 200px;overflow: hidden;}

#FrontProducts_list01-1428487804992 .pic-module .pic A {
text-align: center;
width: 280px;
display: block;
float: left;
height: 170px;
overflow: hidden;
}
.FrontProducts_list01-d6_c1 .pic-module {
position: relative;
float: left;
}
#FrontProducts_list01-1428487804992 .content {
margin: 0 60px 50px 1020px;
width: 280px;
float: left;
overflow: hidden;
}



.cartdb{ position:absolute;top:40px; right:10px; width:335px; border:1px solid #139DDF; background-color:#FFF; text-align:left; padding:5px; z-index:999;}
.cartdb dl{width:325px; line-height:18px; color:#139DDF; height:35px; padding:5px; overflow:hidden;}
.cartdb dl:hover{ background-color:#FFC}
.cartdb dl dt{ float:left; width:45px;}.cartdb dl dt img{width:35px; height:35px;}
.cartdb dl dd{ float:left; width:200px;}
.cartdb dl dd.p{width:80px; text-align:right;}
.cartdb dl dd.p strong{font-size:13px; font-family:Verdana, Geneva, sans-serif;color:#C00;}
.cartdb dl.j{height:14px; line-height:14px; padding:5px; text-align:center; background-color: #DFF0F9}

.tab11,.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{background:url(../images/tab.jpg); padding:10px 15px 5px 15px;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:455px;}
.tab11{background-position:0 -65px;height:5px;}.tab12{background-position:0 -80px;}
.tab21{background-position:0 -95px;}.tab22{background-position:0 -110px;}
.tab31{background-position:-760px -95px;}.tab32{background-position:-760px -110px;}
.tab41{background-position:0 -125px;}.tab42{background-position:0 -140px;}
.tab51{background-position:-505px -125px;}.tab52{background-position:-505px -140px;}
.tab2{background-position:-990px;}.tab3{background-position:-1750px;}
.tab4{background-position:-1980px}.tab5{background-position:-2485px;}
.tab1b{padding:0;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{background-position:0 -85px;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;}

.type{height:38px;background: url(../images/bg.jpg) 0 -217px; overflow:hidden;}
.type p{height:38px;float:left;}
.type p.l{width:7px;background: url(../images/list.jpg) -281px 0;}
.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;background: url(../images/list.jpg) -317px 0; margin-top:11px;}
.type p.r{ float:right;width:7px;background: url(../images/list.jpg) -299px 0;}

.list{ margin-top:10px;}
.main{background:#fff}
.main .l{float:left; width:200px;}
.main .r{float:right; width:740px; padding:5px 20px 20px 20px; overflow:hidden;}
.columnc{ height:35px;width:174px;line-height:35px; padding-left:25px;background: url(../images/image.gif) no-repeat -40px 13px;background-color:#FFF;border-right:1px solid #E4E4E4;}
.columncl{ line-height:35px;border-top:5px solid #5d9d09; float:left;}
.columncl a{ font-size:12px; float:left;width:170px; border-bottom:#62a40f 1px solid;padding-left:30px; }
.columncl a:hover{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;}
.position p{ float:right;}
.position p a{ float:left;background: url(../images/btn.gif); height:25px; line-height:25px; color:#FFF; padding:0 10px; margin-left:10px; margin-top:3px;}
.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:#FFF}
.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;}
.about .l{float:left; width:190px;}
.about .r{float:left; width:260px; line-height:21px;}

.product{height:150px;width:980px;position: relative; margin:15px 0;}
.product .wrapper {width: 915px; overflow: auto;height: 177px;margin: 0 35px;position: absolute;top: 0;}
.product .wrapper ul {width: 1820px;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: 175px;}
.product ul li p{ text-align:center; height:22px; padding-top:5px; overflow:hidden;}
.product ul li p a{ color:#FFF;}
.product ul li img {-webkit-transition: border-color 400ms; width:160px; height:125px; padding:5px; background-color:#E8E8E8;}
.product ul li img:hover {background-color:#0C4D8D;}
.product ul li a img {display:block;}
.product .arrow {display: block;height: 62px;width: 30px;position: absolute;top: 45px;cursor: pointer;outline: 0;}
.product .arrow a{width:30px; height:62px;}
.product .forward {right: 0;background: url(../images/image.gif) -30px -209px;}
.product .back {left: 0;background: url(../images/image.gif) 0 -209px;}

.attribute strong{ font-size:14px;}
.attribute p{padding:13px 0; border-bottom:1px dashed #CCCCCC;}
.attribute .price{ font-size:20px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; color:#C00;}
.attribute .aprice span{ padding:5px 8px; margin:0 5px 0 0; border:1px solid #CCC; cursor:pointer;}
.attribute .aprice span.c{border:1px solid #900; background-color:#C00; color:#FFF;}
.attribute .aprice span:hover{border-color:#900}
.ins{ height:22px; line-height:20px; text-align:center; border:1px solid #E3E3E3; background-color: #F5F5F5; border-top-color: #999; border-left-color:#999;}

.ordertab{ width:100%; padding:0; margin:0;border-bottom:0; border-right:0;}
.ordertab,.ordertab td{ border:1px solid #CCC; line-height:180%}
.ordertab td{ border-top:0; border-left:0; padding:8px; text-align:center;}
.ordertab tr{ background-color: #FFF;color:#06C;}
.ordertab .trbg{font-weight:bold; color:#FFF;background-color: #F5F5F5;}
.ordertab .trbg td{padding:0; line-height:28px; background-color:#1294D7;}
.ordertab .left{ text-align:left;}
.ordertab span{ color:#666}

.total{font-size:14px; color:#C00; font-family:Verdana, Geneva, sans-serif}
#aggregate,.aggregate{font-size:16px; font-weight:bold; color:#C00; font-family:Verdana, Geneva, sans-serif}

.buy{ margin:12px 0;}
.inbuy,.incart{margin:0; padding:0; border:0; cursor:pointer; height:37px;line-height:90px;overflow:hidden;}
.inbuy{width:127px; background-image:url(../images/buy.gif); margin-right:5px;}
.incart{width:132px; background-image:url(../images/cart.gif);}

.pinfo{ padding-bottom:10px; line-height:180%}
.pinfo span{ padding-right:20px;}

#imgto{ width:300; height:310px; }
#imgto .big{height:260px;}
#imgto .big img{width:300px;; height:250px;}
#imgto .small{height:55px;}
#imgto .small div{float:left;overflow:hidden;}
#imgto .small div.imgl,#imgto .small div.imgr{width:13px;;height:53px; border:1px solid #CCC; background-color:#F6F6F6; text-align:center; line-height:53px; font-weight:bold; color: #999; cursor:pointer;}
#imgto .small div.imgl:hover,#imgto .small div.imgr:hover{ background-color: #E7E7E7; color: #666}
#imgto .small div.imgc{width:270px; position:relative;;height:55px;}
#imgto .small div.imgc ul{ position:absolute;width:2200px; height:55px;top:0; left:0;}
#imgto .small div.imgc ul li{ float:left; width:55px; padding-left:10px;cursor:pointer; }
#imgto .small div.imgc ul li img{width:53px; height:53px;border:1px solid #FFF}
#imgto .small div.imgc ul li.the img {border:1px solid #C00}


.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;}

.content .labels{background-color:#F3F3F3; height:35px;}
.content .labels span{ float:left; padding:0 15px; margin:9px 0 0 10px; height:25px; line-height:25px; border:1px solid #CCC; border-bottom:0; background-color:#FFF;overflow:hidden; font-weight:bold; cursor:pointer;}
.content .labels .current{background: url(../images/btn.gif);color:#FFF;}

.content .record{}
.content .record li{height:20px; line-height:20px; padding:5px 0; border-bottom:1px dashed #CCCCCC}
.content .record li span{ float:right;text-align:right;}
.content .record li.m{ border-bottom:1px solid #CCC; font-weight:bold}
.content .record li span.time{ width:300px;}

.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:10px 0;line-height:22px; color:#666;}
.links a{color:#333; padding:5px 10px; color:#666}

.bottom{background:#8fc320; line-height:30px; padding:25px 0; color:#FFF}
.bottom a{color:#fff; }

.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;}


#top_banner { width:980px; height:300px; overflow:hidden;position:relative;margin:0 auto;}
#top_banner .slider,.num{position:absolute;}
#top_banner .slider li{ list-style:none;display:inline;}
#top_banner .slider img{ width:980px; height:300px;display:block;}
#top_banner .num{ right:5px; bottom:5px;}
#top_banner .num li{float: left;color: #FF7300;text-align: center;line-height: 14px;width: 12px;height: 14px;font-family: Verdana, Geneva, sans-serif;cursor: pointer;overflow: hidden;border: 1px solid #FF7300;background-color: #fff; overflow:hidden;margin:3px; padding:5px;font-weight: bold;}
#top_banner .num li.on{color: #fff;background-color: #FF7300;}

#new_banner { width:195px; height:150px; overflow:hidden;position:relative;margin:0 auto;}
#new_banner .slider,.num{position:absolute;}
#new_banner .slider li{ list-style:none;display:inline;}
#new_banner .slider img{ width:195px; height:150px;display:block;}
#new_banner .num{ right:5px; bottom:5px;}
#new_banner .num li{float: left;color: #FF7300;text-align: center; font-size:11px;line-height: 12px;width: 10px;height: 12px;font-family: Verdana, Geneva, sans-serif;cursor: pointer;overflow: hidden;border: 1px solid #FF7300;background-color: #fff; overflow:hidden;margin:3px; padding:2px;font-weight: bold;}
#new_banner .num li.on{color: #fff;background-color: #FF7300;}

.prodetailtop_pic{width:420px;padding:5px; border:1px solid #ccc;}
#preview{text-align:center;}
.jqzoom{ position:relative;padding:0;}
#spec-n5{padding-top:10px; overflow:hidden; width:420px;}
#spec-left{ background:url(../images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(../images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{float:left; overflow:hidden; margin-left:5px; margin-right:5px; display:inline; position:relative; width:390px;}
#spec-list ul li{float:left; margin:0px; display:inline; width:60px;}
#spec-list ul li img{padding:2px ; border:1px solid #ccc; margin-top:8px;width:50px; height:34px;}

/*jqzoom*/
.zoomdiv{left:859px;z-index:100;position:absolute;top:1px;left:0px;width:320px;height:320px;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:100px;height:100px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}