@charset "utf-8";
*{margin:0; padding:0}
body{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:22px; color:#333; background:url(../images/bodybg.gif) left top repeat}
a{text-decoration:none; outline:none; color:#333}
p{margin-bottom:12px}
h1{font-size:16px; line-height:32px}
h2{font-size:18px; line-height:36px; color:#214c80}
h3{font-size:16px; line-height:32px}
a img{border:none}
ul,ol{list-style:none}
.clear{clear:both}
font{font-weight:bold}


.mypng img {
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);
}


#header{width:986px; margin:0px auto; background:url(../images/headbg.gif) left -50px repeat-x; position:relative;}
.logo{/*background:url(../images/logo.jpg) no-repeat;*/ width:266px; height:52px; margin:10px 0 6px 0; float:left}
.com{float:left; font-size:18px; font-weight:bold; color:#214c80; margin:15px 0 0 20px;}
.lang{float:right; margin:20px 10px 0 0}
.lang img{margin:0 4px 0 8px}
.lang a:hover{text-decoration:underline}

.menu ul li{float:left; line-height:32px; height:32px;}
.menu ul li a{display:block; background:url(../images/menubg1.gif) left top no-repeat; padding-left:4px;}

.menu ul li a span{background:url(../images/menubg1.gif) right top no-repeat; display:block;padding:0 32px 0 32px; color:#fff; font-weight:bold}


.menu ul li a:hover{background:url(../images/hoverbg1.gif) left top no-repeat}
.menu ul li a:hover span{background:url(../images/hoverbg1.gif) right top no-repeat;color:#fff;}
.menu ul li.w a{background:url(../images/hoverbg1.gif) left top no-repeat}
.menu ul li.w a span{background:url(../images/hoverbg1.gif) right top no-repeat;color:#fff;}

.banner{position:relative;width:986px;height:245px;}
.banner .tab ul li{ float:left; width:15px; background:url(../images/barro-1.gif) no-repeat 0 center; cursor:pointer; height:10px;}
.banner .tab{position:absolute; z-index:2;bottom:10px; right:41px;}
.banner .tab li.sel{ background:url(../images/barro-2.gif) no-repeat 0 center}
.banner .tab li.hover{ background:url(../images/barro-2.gif) no-repeat 0 center;}

.banner .tabcont{position:absolute; z-index:1;}
.top ul.subnav li a{color:#ffffff; font-weight:bold;}
.banner .tabcont li .btext{ position:absolute; z-index:2; top:12px; left:37px;width:400px;color:#cccccc;}

.banner .tabcont li .btext span{display:block; line-height:32px; font-size:18px; font-weight:bold; margin-bottom:12px;color:#ffffff;}
.banner .tabcont li .btext a{display:block;color:#ffffff;width:150px; line-height:30px;font-weight:bold;padding:10px 0 0 5px; text-decoration:none;}
.banner .tabcont li .btext a:hover{text-decoration:none;color:#cccccc;}
.banner .tabcont li .t{color:#333333;}
.banner .tabcont li .t a{color:#333333;}
.banner .tabcont li .t a:hover{color:#999999;}
.banner .tabcont li .t span{color:#333333;}



.table{ width:100%; height:auto; background:#ddd; margin-bottom:10px; border-top:1px solid #c7c7c7; line-height:14px}
.table td{margin-bottom:3px; padding:2px 4px;}
.table tr{ background:#fff;}
.table tr.top{background:#eee; font-weight:bold}
.video{float:right}
.video img{border:#eee 6px solid}
.video_more{text-align:center; margin-top:10px}
.video_more a{text-decoration:underline; color:#214c80}

#content{width:966px; margin:0 auto; padding:10px; background:#fff;}
.pshow ul{float:left; width:335px; margin-right:30px; margin-bottom:30px}
.pshow ul.a{margin-right:0}
.pshow ul li.j{background:url(../images/listbg1.gif) no-repeat; width:325px; height:32px; line-height:32px; font-size:14px; font-weight:bold; padding-left:10px; margin-bottom:6px}
.pshow ul li.j span{display:block}
.pshow ul li.j span.l{float:left;width:270px;}
.pshow ul li.j span.o{line-height:13px; padding:3px 0}
.pshow ul li.j span.l a{font-weight:normal;font-size:12px;}
.pshow ul li.j span.l a:hover{text-decoration:underline;}
.pshow ul li.j span.r{float:right; padding-right:10px}
.pshow ul li.j span.r a{font-size:12px; text-decoration:underline; color:#cccccc}
.pshow ul li.j span.r a:hover{text-decoration:none;}
.pshow ul li.j a{color:#fff}
.pshow ul li.w{background:url(../images/pbg.jpg) no-repeat; width:315px; height:170px; padding:10px}
.pshow ul li.w img{float:left; margin:6px 10px 0 0;padding:1px;border:1px solid #ffffff;}
.more{clear:both; background:url(../images/more.gif) 210px center no-repeat; padding-left:30px; margin-top:16px; text-align:right}
.more a{color:#214c80; text-decoration:underline; font-weight:bold}
.more a:hover{text-decoration:none}

.leftbar{float:left; width:706px}
.about a{color:#214c80; font-weight:bold}
.about a:hover{text-decoration:underline}
.rightbar{float:left; width:240px; margin-left:20px}
.text li{background:url(../images/libg.gif) left 6px no-repeat; padding-left:16px;}
.text li a{color:#214c80; font-weight:bold}
.choose{margin-bottom:20px}
.choose li{padding-left:18px}

.choose li.w{padding-left:26px; background:url(../images/arro1.jpg) left 3px no-repeat; line-height:18px}
.choose li.a{background:url(../images/arro2.jpg) left 3px no-repeat}
.choose li.b{background:url(../images/arro3.jpg) left 3px no-repeat}

.choose li span{color:#214c80}
.contact{line-height:28px}
.contact a{color:#214c80}
.contact a:hover{text-decoration:none;color:#006699;}
.sidebar{width:230px; float:left;background:#f1f1f1}
.mainbody{width:716px; float:left; margin-left:20px}
.title{line-height:32px; background:#358ecd; color:#fff; padding-left:10px}
.title a{color:#fff}
.plist span{display:block; background:url(../images/plist_bg.gif) no-repeat; line-height:32px; color:#fff; font-size:14px; font-weight:bold; padding-left:10px}
.plist ul li{padding:0 10px; width:210px}
.plist ul li a{display:block; line-height:14px; padding:6px 0; background:url(../images/san.gif) left center no-repeat; padding-left:10px; border-bottom:#fff 1px dashed}
.plist ul li.w a{border-bottom:#fff 1px solid; color:#214c80; font-weight:bold; padding-left:0}
.plist ul li a:hover{color:#7faf19;background:url(../images/sanh.gif) left center no-repeat }
.plist ul li.ss a{display:block; line-height:14px; padding:6px 0; background:url(../images/san.gif) left center no-repeat; padding-left:10px; border-bottom:#fff 1px dashed; font-size:10px; color:#666666;}
.plist ul li.ss a:hover{color:#7faf19;background:url(../images/sanh.gif) left center no-repeat }
.plist ul li.w a{background:none}
.plist ul li.j a{color:#7faf19}
.products_title{line-height:22px; height:22px; font-weight:bold; border-bottom:#ccc 1px solid; border-top:#ccc 1px solid; background:#efefef; padding-left:10px; margin-bottom:12px;color:#214c80; position:relative}
.products_title a{color:#214c80}
.products_title h2{font-size:12px; line-height:22px}
.products_title span.c{display:block; position:absolute; right:45px; top:30px}

.products ul{float:left; width:350x; padding:0 16px 20px 0}
.products ul li{ width:120px; float:left}
.products ul li img{border:#ccc 1px solid; padding:1px; width:120px; height:90px; margin-bottom:6px}
.products ul li.w{width:210px; margin-left:8px}
.products ul li.w a{display:block; font-weight:bold; color:#000}

.product_add ul{float:left; width:300x; padding:0 16px 20px 0}
.product_add ul li{ width:120px; float:left}
.product_add ul li img{border:#ccc 1px solid; padding:1px; width:120px; height:90px; margin-bottom:6px}
.product_add ul li.w{width:168px; margin-left:8px}
.product_add ul li.w a{display:block; font-weight:bold; color:#000}

.products_1 ul{padding:0 30px 30px 0}
.products ul.pic li{position:relative}
.products ul.pic li span.edit{position:absolute; bottom:7px;_bottom:3px; right:0; display:none}
.products ul.pic li span.edit img{width:105px; height:30px; border:none}
.righ{float:right; width:334px; margin-top:5px;}
.righ .imgp{ margin-left:12px; border:#ccc 1px solid; padding:1px}
.righ .xxt{margin-left:12px; margin-top:5px}
.righ .xxt img{border:#ccc 1px solid; padding:1px; margin-right:5px; display:inline; width:40px; height:40px;}
.con_all{margin-top:6px; margin-left:10px;}
.products ul li.w a:hover{color:#7faf19}
.re_title{line-height:22px; font-weight:bold; border-bottom:#ccc 1px solid; border-top:#ccc 1px solid; background:#efefef; padding-left:10px; margin-bottom:12px}
.re_products ul{float:left; margin-bottom:20px; width:716px}
.re_products ul li{float:left; width:104px}
.re_products ul li img{border:#ccc 1px solid; padding:1px; width:120px; height:90px;}
.re_products ul li.w{width:560px; margin-left:32px}
.re_products ul li.w a{display:block; font-weight:bold; text-decoration:underline}
.re_products ul li.w a:hover{color:#7faf19}
.cont{line-height:28px}
.cont a{color:#214c80; text-decoration:underline}
.cer img{width:120px; height:164px; border:#ccc 1px solid}
.cer{background:#ccc; margin-bottom:20px}
.cer td{padding:10px 0; text-align:center; background:#fff}
.gallery_title{line-height:22px; font-weight:bold; border-bottom:#ccc 1px solid; border-top:#ccc 1px solid; background:#efefef; padding-left:10px; margin-bottom:12px}
.gallery_title span.m{padding-left:230px}
.gallery_title span.r{padding-left:226px}
.gallery img{width:120px; height:90px; border:#ccc 1px solid; margin:0 18px 20px 0}
.product_re ul li{float:left; width:124px; margin-right:18px; display:inline}
.product_re ul li a{display:block; text-align:center}
.product_re ul li img{padding:1px; border:#ccc 1px solid; width:120px; height:120px; margin-bottom:8px}
.product_re ul li a:hover{color:#7faf19}
.sitemap ul li a{font-weight:bold;}
.sitemap ul li.w a{color:#214c80}
.sitemap ul li.text{margin-bottom:12px}
.targets{width:500px; float:left}
.targets a{display:block; background:url(../images/libg.gif) left center no-repeat; padding:6px 0 6px 16px; float:left; width:228px; line-height:14px}
.targets a:hover{color:#7faf19}
.products_text{float:right; margin-top:50px}
.products_text img{ width:200px; height:200px}
.inform{text-align:right; margin-top:12px; padding-right:50px}
.v_scroll{overflow:hidden;zoom:1; background:url(../images/video_bj.jpg) no-repeat; width:716px; height:84px; margin-top:20px; margin-bottom:20px}
.v_scroll .pcont {width:510px; float:left; overflow:hidden; margin:14px auto;}
.v_scroll .ScrCont {width:32766px;zoom:1;}
.v_scroll #List1_1, .v_scroll #List2_1 { float:left;}
.v_scroll .LeftBotton, .v_scroll .RightBotton{display:block; width:31px; height:53px; float:left; display:inline; margin:15px 32px; padding:0px;}
.v_scroll .ScrCont a{font-size:9px; color:#fff;-webkit-text-size-adjust: none; }
.v_scroll .pl img {display:block; cursor:pointer;border:none; }
.v_scroll .pl {width:102px; float:left;float:left;  margin:0px 17px;}

.other_product{width:966px; margin:0 auto; padding:10px; background:#fff; border-top:#ccc 1px solid; line-height:32px}
.other_title{float:left; width:100px; font-weight:bold}
.other_list{float:left; width:800px; height:32px; overflow:hidden}
.other_list a{padding-right:20px;color:#214c80}
.other_list a:hover{text-decoration:underline}
.other_more{float:left; width:58px; padding-left:8px}
.add_product ul li{float:left; width:322px}
.add_product ul li a:hover{color:#214c80}

#footer{width:986px; margin:0 auto; background:url(../images/footerbg.gif) repeat-x; height:67px}
.copyright{padding-top:20px; color:#fff; padding-left:10px}
.qlink{text-align:center; padding-top:12px; color:#fff}
.qlink a{padding:0 6px; color:#fff}
.flink{text-align:center; padding-top:12px}
.flink a{padding:0 8px; color:#fff}