﻿@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;  }
html{}
body{ font-size:14px;}
ul{ list-style:none;}
a{ text-decoration:none; color:#6e6e6e; font-size:12px;}
img{ border:0px;}
a:hover{ color:#f00;}

.top{ width:1202px; height:126px; margin:15px auto;}
.top_1{ float:left;}
.top_2{ float:left; margin-left:40px; margin-top:10px; width:295px; height:70px;}
#sc{ border:1px solid #dfdde0; height:30px; width:290px; position: absolute; clear:both; }
#an{ position: relative; left:263px; top:8px; }
.rs{ margin-top:20px; line-height:20px;width: 350px;}
.rs span{ float:left;}
.rs a{ float:left;font-size:12px; color:#6e6e6e;}
.top_3{ float:right; margin-left:10px; margin-top:30px; }

.nav{ width:100%; background:#000; height:43px;}

.menu {Z-INDEX: 9999; WIDTH: 1200px; height:43px; POSITION: relative; margin:0 auto;}
.menu UL {FLOAT: left; WIDTH: 1200px; LIST-STYLE-TYPE: none}
.menu LI {DISPLAY: inline; FLOAT: left; HEIGHT: 43px; TEXT-ALIGN: center; width:130px;}
.menu LI.t_right {RIGHT: 0px; POSITION: absolute; TOP: 0px}

.downcd { width:145px; height:43px; display:block;FONT-SIZE: 16px; FLOAT: left;  COLOR: #fff; LINE-HEIGHT: 43px; PADDING-TOP: 0px; font-family:"宋体"; font-weight:bold; HEIGHT: 43px; }
.downcd:hover{ background:url(../images/top_12.jpg) no-repeat; color:#FFF}

.menu LI A.hs {PADDING-RIGHT: 33px; PADDING-LEFT: 10px; BACKGROUND: #9b0f1c; FLOAT: left; PADDING-BOTTOM: 0px; COLOR: #ffffff; PADDING-TOP: 0px; HEIGHT: 43px}
.topnav LI {Z-INDEX: 999; POSITION: relative}
DIV.subnav {  DISPLAY: none;  LEFT: 0px; FLOAT: left; WIDTH: 145px; PADDING-TOP: 2px;LIST-STYLE-TYPE: none; POSITION: absolute; TOP: 43px; background:#FFF;}
UL.navlist {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 10px 0px; WIDTH: 115px; }

UL.navlist li a{ font-size:14px;  height:35px;}

.zx{ float:left;}

.zs{ width:800px; height:355px; background:url(../images/tm_07.png) repeat-x;}
.navtm {FLOAT: left}
.zs_1{ width:350px; height:308px; border-right:1px  dashed #999999; margin-top:17px; float:left;}
.zs_1 h4{ padding-left:30px; width:320px; height:35px; text-align:left; font-size:14px; font-weight:bold;}
.zs_1 ul{width:340px; height:308px; padding-left:10px;}
.zs_1 ul li{ height:24px; text-align:left; width:150px; margin-left:20px;  }
#hongse{ color:#F00;}
.zs_2{ width:250px; height:308px; border-right:1px  dashed #999999; margin-top:17px; float:left;}
.zs_2 ul{width:240px; height:308px; padding-left:10px;}
.zs_2 h4{ padding-left:30px; width:220px; height:35px; text-align:left; font-size:14px; font-weight:bold;}
.zs_2 ul li{ height:24px; text-align:left; width:100px; margin-left:20px;  }
.zs_3{ width:190px; height:308px;  margin-top:17px; float:left;}
.zs_3 ul{width:190px; height:291px; margin-left:40px;}
.zs_3 ul li{ height:24px; text-align:left; }
.zs_3 h4{ padding-left:40px; width:150px; height:35px; text-align:left; font-size:14px; font-weight:bold;}
.zs_4{ width:802px; height:25px; float:left;text-align:right; padding-top:5px;}
.zs_4 a{ font-size:13px; font-weight:bold; margin-right:25px; }
.huangse{ color:#fecc03;}
.baise{ color:#FFF;}
.baise:hover{color:#FFF;}
.huangse:hover{ color:#fecc03;}

UL.navlist LI {CLEAR: both;  MARGIN: 0px; WIDTH: 140px; PADDING-TOP: 0px; HEIGHT: 35px; text-align: center; }
UL.navlist A {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px;  WIDTH:140px; COLOR: #000000; LINE-HEIGHT: 20px; PADDING-TOP: 0px; HEIGHT: 40px}



.banner{ width:1440px; margin: 0 auto; height:403px; clear:both; }
.chinaz { width:1440px; height:403px; position:absolute; margin-bottom: 15px; }
.banner img{ width:1440px;; height:400px; margin:0 auto;}
.chinaz .num { overflow:hidden; height: 15px; position: absolute; bottom:12px; left:690px; zoom:1; z-index:3 }
.chinaz .num li { width:13px; height:13px; line-height: 5px; text-align: center; font-weight: 400; font-family: "微软雅黑", Arial; color: #FFF; background: #FFF; margin-right: 18px; border-radius:50%; cursor:pointer; float: left; }
.chinaz .num li.on { background:#000; color:#000; }


.content{ width:1205px; height:300px; margin:15px auto 27px;}
.content_1{ width:320px; height:300px; float:left; }
.about_1{ font-family:"微软雅黑"; font-size:18px; margin-bottom:15px; 
          background:url(../images/dd_03.jpg) no-repeat; padding-left:20px; height:20px;}
.about_1 img{ float:right; margin-top:4px;}
.about_2{ line-height:30px; height:255px; margin-top:24px;overflow:hidden;text-overflow:ellipsis;}
.about_2 img{ }
.about_2 a{ font-size:14px; line-height:30px; margin-top:10px;}


.content_2{ width:470px; height:300px; float:left; margin:0px 45px; }
.product_1{ height:20px;background:url(../images/dd_06.jpg) 87px 0px no-repeat;}
.product_1 img{ float:right;}



.cls{clear:both;}
.hidden{display:none;}
#sourse{border:1px dotted #ccc;width:600px;height:300px;margin:0px auto;}
.textDiv{margin:10px 40px 10px;text-align:center;}

.example{margin:10px;background:#FFF;border:1px dotted #ccc;padding:10px;}
.scrolldoorFrame{width:460px;margin:0px auto; }
.scrollUl{width:460px;overflow:hidden;height:40px; font-size:14px; font-weight:bold; color:#8e8c8c;}
.scrollUl li{float:left; width:130px; height:40px; text-align:center; line-height:30px; }
.sd01{cursor:pointer;margin:5px 0px; background:url(../images/dd_15.jpg) no-repeat; color:#FFF;}
.sd02{cursor:pointer;border:0px solid #CCC;margin:5px 0px;padding:2px; background:#f1f0f0;}
#m02{ margin-left:30px; margin-right:30px;}




.content_3{ width:325px; height:300px; float:left;   }
.text-1{width:325px; height:250px; margin-top:20px; border:1px solid #e8e6e6;overflow:hidden; background:#fefefd; background:#f7f6f6; }
	.left-1{width:54px; float:left; position: absolute; z-index:9999; padding:100px 0 0 0px; margin-left:18px;}
	.center-1{width:308px; height:250px; float:left; overflow:hidden; margin-left:8px;}
	.center-1 img{ margin-top:6px; margin-left:4px; border:1px solid #dbd9d9;}
	
	.right-1{width:54px; position: absolute; float:left; padding:100px 0px 0 0; text-align:center; margin-left:260px; z-index:9999;}
	.center-1 ul li{float:left;  height:250px; overflow:hidden;text-align:center; }	
	.scroll ul li span a{ font-size:14px; margin-top:5px; display:block; }
	
.news{ width:1205px; height:260px; margin:0 auto; margin-top:15px;}
.news_1{ width:330px; height:260px; float:left}
.wt_1{ font-size:14px; color:#676565; padding-left:32px;
        background:url(../images/dd_37.jpg) no-repeat; height:20px; }
.wt_2{ height:55px; width:298px; padding-left:32px; background:url(../images/dd_46.jpg) 0px 5px no-repeat;text-overflow:ellipsis; overflow:hidden;}
.wt_2 a{ font-size:14px; color:#8c8c8c; line-height:30px;}

.news_2{ width:465px; height:260px; float:left; margin:0px 40px;}

.n2{ list-style:inside; color:#F00; line-height:34px; border-bottom:1px dashed #CCCCCC;}
.n2 span{ float:right;}
.n2 a{ font-size:14px;}
.n1{ list-style:inside;  color:#F00; margin-top:10px;line-height:34px; border-bottom:1px dashed #CCCCCC; }
.n1 span{ float:right;}
.n1 a{ font-size:14px;}

.news_3{ width:330px; height:260px; float:left}
.lx{ font-size:14px; color:#696969; margin-top:30px; background:url(../images/dd_44.jpg) no-repeat 170px 10px;}
.lx p{ line-height:30px; }

.foot{ width:100%; height:349px; background:url(../images/bg_03.jpg) repeat-x; margin-top:50px; }
.fot{ margin:0 auto; width:1205px; height:349px; } 
.foot_1{ width:375px; height:349px;  background:url(../images/dd_51.jpg) 20px 40px no-repeat; float:left; padding-left:25px;}
.foot_1 a img{ margin-top:220px;}
.ff{ margin-left:30px;margin-right:30px;}
.foot_2{ float:left; width:300px; height:290px; padding-top:40px;}
.foot_2 dd{ width:150px; float:left; line-height:23px;}
.foot_2 dt,.foot_3 dt,.foot_4 dt{ font-size:14px; font-weight:bold; margin-bottom:20px;}
.fenge{ margin-right:50px; float:left;}
.foot_3{ width:250px;height:290px; padding-top:40px;float:left;}
.foot_3 dd{ width:125px;float:left; line-height:23px;}
.foot_4{ width:140px; height:290px; padding-top:40px;float:left;}
.foot_4 dd{ width:140px;float:left; line-height:23px;}
.down{ width:100%; height:65px; background:#d9d7d7; }
.down_1{ width:1205px; height:65px; margin:0 auto; font-size:12px; color:#6c6b6b; }
.down_1 p{ line-height:30px;}


#online_service_bar{font-size:12px;color:#555;font-family:"Microsoft YaHei",Verdana,"BitStream vera Sans",Tahoma,Helvetica,Sans-serif;}
#online_service_bar a{color:#555;text-decoration: none;}
#online_service_bar a:hover{color:#E21F2B;text-decoration: none;}
#online_service_bar img{border:none;vertical-align: middle;}
#online_service_bar dl,#online_service_bar dd,#online_service_bar ul,#online_service_bar li{margin:0;padding:0;list-style:none;}

/*在线客服边栏*/
#online_service_bar{position:absolute; top:-150px; right:0;overflow:hidden;z-index:1001;}
#online_service_fullbar{display:none;width:138px;padding-bottom:10px;background:url(../images/footer.gif) no-repeat left bottom;}
.service_bar_head{text-indent: -9999px;width:138px;height:58px;position:relative;background:url(../images/header.gif) no-repeat left top;}
.service_bar_main{width:106px;padding:5px 12px;background:url(../images/main.gif) repeat-y left top;}
#service_bar_close{position:absolute;width:35px;height:35px;top:0;right:0;cursor:pointer;display:block;text-indent: -9999px;}

/*在线客服边栏收缩状态*/
#online_service_minibar{margin-top:150px;width:39px;height:147px;background:url(../images/right_03.png) no-repeat right top;display:none;cursor: pointer;}

/*客服菜单列表*/
.service_menu{font-size:12px;width:106px;overflow:hidden;}
.service_menu li{width:106px;display:inline;overflow:hidden;}
.service_menu li dt{text-align:left;margin-bottom:5px;padding:8px 10px 6px 10px;*padding:9px 10px 5px 10px;background:url(../images/menu.gif) no-repeat top center;cursor: pointer;}
.service_menu li dd{display:none;text-align:center;}
.service_menu li dd a img{margin-bottom:5px;}
.service_menu li.hover dt{color:#E21F2B;}
.service_menu li.hover dd{padding:5px 0;line-height:20px;}
.qq_btn{display:block;padding:4px;}
.service_tel{ font-size:12px; font-family:"Microsoft YaHei",Verdana,"BitStream vera Sans",Tahoma,Helvetica,Sans-serif; padding-left:22px; height:28px; line-height:28px; background:url(../images/tel.png) no-repeat 5px center; }

/********************************** product ****************************************/
.banner1{ width:100%; height:259px; margin:0 auto;background:url(../images/two_02.jpg) no-repeat center; }

.middle{ width:1205px; height:auto; margin:30px auto; clear:both; }
.middle_left{ width:230px; float:left;}
.left_1{ border:2px solid #F00; border-top:0px; }
.l1{ width:190px; height:51px; background:url(../images/two_05.jpg) no-repeat; font-size:18px; font-family:"微软雅黑"; line-height:51px;   padding-left:40px; color:#FFF; font-weight:bold;}
.l1 span{ font-size:14px; margin-left:5px;}
.l2{ width:228px; height:44px; border-bottom:1px #817e7e dashed; }
.l2 a{ display:block; margin-left:40px; margin-right:60px; line-height:44px;}
.l2 span{ float:right;}
.left_2{ width:230px; height:430px; margin-top:22px;}
.l3{ width:190px; height:51px; background:#d90000;padding-left:40px; color:#FFF; font-weight:bold; font-size:18px; font-family:"微软雅黑"; line-height:51px;}
.l3 span{ font-size:14px; margin-left:5px;}


.middle_center{ width:670px; float:left; margin-left:30px;}
.right{ background:url(../images/s_03.jpg) no-repeat; width:640px; height:30px;
         border-bottom:1px solid #f1f1f1; font-size:14px; font-weight:bold;color:#716e6e; 
         line-height:30px; padding-left:30px;}
.right span{ float:right; font-size:13px; color:#716e6e;font-weight:normal;}
.right span a{ font-size:13px;}
.right_1{ width:660px; margin-top:10px;}
.right_1 ul li{ width:290px; height:127px; background:#f1f1f1; margin-right:10px;
                  line-height:20px; padding:8px 20px 0px 5px; float:left; margin-bottom:35px;}
.right_1 ul li img{ float:left; margin-right:10px;}
.right_1 ul li h3{ font-size:14px; color:#8d8a8a;}
.right_1 ul li span{  display:block; font-size:12px; margin:8px 0px; overflow:hidden; height:56px;}
.right_1 ul li p a{ color:#F00;}
.shang{ margin-left:20px; margin-right:20px;}




.middle_right{ width:230px; float:left; margin-left:30px;}
.left_3{ width:230px; margin-top:10px; float:left; border-top:0px;}
.left_3 ul{ margin:0; padding:0;}
.left_3 ul li{  text-align:left; color:#817e7e; width:230px; font-size:10px; line-height:40px;
                height:36px; border-bottom:1px dashed #817e7e; overflow:hidden;}
.l5{ border-bottom:0px;}
.left_3 ul li a{ font-size:14px; }

 .effect{ margin-bottom:10px;}
.slideBox{ width:230px; height:161px; overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:15px; height:15px;
                      line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd img{ width:230px; height:161px; }
.about_1{ font-family:"微软雅黑"; font-size:18px; margin-bottom:15px; 
          background:url(../images/dd_03.jpg) no-repeat; padding-left:20px; height:20px;}
.about_1 img{ float:right; margin-top:4px;}
/********************************** contact us ****************************************/
.right_2{ width:943px; margin-top:60px; height:270px; padding-left:37px; background:url(../images/bb_06.jpg) no-repeat 593px 0px;}
.right_2 p{ line-height:34px; font-size:14px; color:#817e7e;}


/********************************** news ****************************************/
.new{ width:660px; padding-top:10px;}
.new ul li{ padding:0px 20px; border-bottom: 1px dotted #aaa;}
.new ul li a{ font-size:14px; line-height:40px;}
.new ul li a:hover{ color:#F00;}
.new ul li span{ float:right;}
.new_1{ background:#f5f4f4;}
/********************************** about ****************************************/
.about{ width:943px;}
.about img{ width:943px; margin:30px 0px;}
.about p{text-indent:2em; line-height:45px;}
/****************************************** products *****************************************/
.products{ width:660px; margin-left:5px; clear:both; height:auto;overflow:hidden; }

.products li{ float:left; width:204px; padding-top:3px; text-align:center;border:1px solid #eee;
               margin-right:10px; height:200px; margin-top:20px;}
.products li a{color:#6fad16;}
.products li img{ width:200px; height:170px; border:1px solid #fff;}
.products li:hover{ border:1px solid #f00;}
.products li span{ text-align:center; line-height:25px; width:204px; display:block;}
.products li span a{ color:#6fad16;}
.products1{ width:660px; margin-left:5px; clear:both; height:auto;overflow:hidden; }

.products1 li{ float:left; width:204px; padding-top:3px; text-align:center;border:1px solid #eee;
               margin-right:10px; height:200px; margin-top:20px;}
.products1 li a{color:#6fad16;}
.products1 li img{ width:200px; height:170px; border:1px solid #fff;}
.products1 li:hover{ border:1px solid #f00;}
.products1 li span{ text-align:center; line-height:25px; width:204px; display:block;}
.products1 li span a{ color:#6fad16;}

/********************************** product-2 ****************************************/
#preview{ float:left; margin-top:30px; border:1px solid #e0e0e0; text-align:center; width:454px; height:390px;}
.jqzoom{ width:437px; height:298px; position:relative;}

.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left; }
#spec-n1{ margin-left:8px; margin-top:8px;}
#spec-n5{width:454px; height:56px; padding-top:6px; overflow:hidden; margin-top:11px;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px; margin-right:80px; margin-left:10px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px; margin-left:70px;}
#spec-list{ width:224px; float:left; overflow:hidden; display:inline; }
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:64px; margin-left:30px;margin-bottom:20px; }
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:64px; height:44px;}
.jqzoom{position:relative;padding:0;}
.jqzoom img{border:1px solid #e0e0e0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;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;}
#spec-list{ position:relative; width:260px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}
.js{ width:439px; height:390px; float:left; margin-top:30px; padding-left:15px;}
.js_1{ width:454px; height:40px; padding:12px 0px; font-weight:bold; color:#555555;border-bottom:1px  solid #808080;}
.js_2{ width:454px; height:200px; border-bottom:1px dashed #808080;color:#555555; line-height:24px; font-size:12px;}
.js_2 p{ font-weight:bold;color:#555555; margin-top:10px;}
.js_3{ margin-top:50px; width:454px; height:70px; border-top:1px dashed #808080; }
.js_3 img{  margin-left:10px; margin-top:8px;}
.nr{ width:943px; height:}
.nr_1{ width:943px; height:50px; margin-top:15px; border-bottom:1px solid #e6e6e6;border-top:1px solid #e6e6e6;}
.nr_1 span{ width:130px; height:50px; line-height:50px; font-size:16px; background:#e21e20; display:block; color:#FFF; font-weight:bold; text-align:center;}
.nr_2{ width:943px; height:64px; text-align:center; line-height:64px; color:#555555;}
table{ border:1px solid  #e6e6e6;}

.marqueetop{height:460px;width:225px;overflow:hidden; margin:0 auto;  border-top:0px; }
.marqueetop li{width:222px;height:210px;overflow:hidden; padding-left:5px; margin-top:10px;}
.marqueetop li .pic{display:block;width:212px;height:180px;overflow:hidden;}
.marqueetop li .txt{text-align:center;height:30px;line-height:30px;}
.marqueetop li .txt a{ font-size:14px;}
.middle_left ul{ border:0px;}
.marqueetop li .pic{ border:0px; border:1px solid #CCC;}
.marquees{ padding:5px 0px;}
.marque{ border:1px solid #F00;}
.zlxz{ margin-top:20px;}
.zlxz ul{ text-decoration:none; }
.zlxz ul li{ height:35px; line-height:35px; width:100%; border-bottom-style:dotted; border-bottom:1px dotted #000;}
.zlxz ul li span{ float:right;}
 
