/* CSS Document */
*{margin:0 auto;padding:0;}
img{border:0;}
ul,li{list-style:none;margin:0;padding:0;}
body{font-family:"����"; font-size:12px; margin:0 auto; padding:0;border:0; text-align:center;background-color:#f5f5f5;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.mt{ margin-top:8px;}

/*����*/
a:link{ color:black; text-decoration:none;}
a:visited{ color:black; text-decoration:none;}
a:hover{ color:red; text-decoration:none;}
a:active{ color:black; text-decoration:none;}
/*��ɫ����*/
.white:link{ color:white; text-decoration:none;}
.white:visited{ color:white; text-decoration:none;}
.white:hover{ color:red; text-decoration:none;}
.white:active{ color:white; text-decoration:none;}

/*header*/
 #top{width:100%;background:url(../images/top_bg.jpg) repeat-x; height:100px;}
 #top_header{ width:1002px; margin-top:8px;}
 .home{ margin:30px 20px 0 0; float:right; display:inline;}
 #banner{clear:both;margin-top:1px;width:1002px; height:260px;text-align:center; margin-bottom:8px;}
  #nav_li{background:url(../images/nav_li.jpg) repeat-x;width:100px; line-height:33px;}
 .menu{margin:0 auto;width:100%;font-size:14px;background:url(../images/nav_bg.jpg) repeat-x; height:33px; line-height:33px;}
.menu ul li{float:left; position:relative; width:122px; text-align:center;}
.menu ul li a, .menu ul li a:visited{display:block; text-align:center; text-decoration:none; width:122px;color:#fff; line-height:33px; font-size:14px;}
.menu ul li ul{display:none; text-align:left}
.menu ul li:hover a{color:white; text-decoration:underline;width:122px; line-height:33px; height:33px; font-size:14px;}
.menu ul li:hover ul{display:block; position:absolute; top:33px; left:0; width:122px; border:#E7E7E7 1px solid; border-left:#E7E7E7  1px solid; border-bottom:none;}
.menu ul li:hover ul li a{display:block; background:#FAFAFA; color:#000; font-size:12px; width:122px; font-weight:lighter; border-bottom:1px solid #d8d8d8; height:33px; line-height:33px; text-align:left; padding-left:20px; }
.menu ul li:hover ul li a:hover{width:122px; font-weight:lighter; line-height:33px;color:#FF0000;text-decoration:none;border-bottom:1px solid #C3C3C3; background-color:#eee; height:33px; float:left; text-align:left}
#nav{ width:1002px;}
#nav .mainlevel:hover ul{display:block; text-align:left;}
#nav .mainlevel li#pro_box{ width:1002px;line-height:30px;margin-left:-223px!important;margin-left:-205px;margin-left:-245px\9; position:relative; /*IE6 only*/}
#nav .mainlevel li a{color:#2c2d2c; text-decoration:none;height:25px; line-height:25px; display:block;padding-right:20px;padding-left:12px; width:160px;background:url(../images/mainlevel_li_a_bg.gif) repeat-x; font-weight:normal;font-size:12px;}
#nav .mainlevel li a:hover{color:#fff; text-decoration:none; display:block;padding-right:20px;padding-left:10px; width:160px;background:url(../images/menu_red_bg.gif) repeat-x;line-height:25px;}
#menu_products{width:1002px;float:left; display:inline;background:#D8d8d8 url(../images/menu_products_bg.jpg) no-repeat center 30px;filter:alpha(opacity=95); z-index:50;line-height:30px; text-align:left; }
#nav .mainlevel li #menu_products a{display:inline;color:#2c2d2c; text-decoration:none;background:none;margin:0;padding:0;font-weight:bold;}
#nav .mainlevel li #menu_products dl{margin-top:10px;margin-top:5px\9;float:left;display:inline;text-align:left;}
#nav .mainlevel li #menu_products dl dt{text-align:left;height:31px;line-height:31px;font-weight:bold;float:left;display:inline;margin-bottom:5px;margin-bottom:5px\9;_margin-bottom:10px;}
#nav .mainlevel li #menu_products dl dt h2{marign:0;padding:0;font-weight:bold; margin-top:-3px!important;margin-top:0px;}
#nav .mainlevel li #menu_products dl dt a{ display:inline;marign:0;font-weight:bold;font-size:12px;}
#nav .mainlevel li #menu_products dl dd{float:left;text-indent:2px;background:url(../images/menu_List_bg.gif) left 6px no-repeat; border-bottom:none;line-height:21px; text-align:left;}
#nav .mainlevel li #menu_products .vline{width:2px;float:left;background:url(../images/menu_vline_bg.gif);margin-top:45px;text-align:left;}
#nav .mainlevel li #menu_products dl dd a{float:left;text-indent:10px;background:url(../images/menu_List_bg.gif) left 6px no-repeat; font-weight:lighter; border-bottom:none;line-height:21px;}
#nav .mainlevel li #menu_products dl dd a:hover{ color:#CC0000}
#nav .mainlevel li #menu_products a:hover{border-bottom:none;}
#nav .mainlevel li #menu_products dl#l_100{width:180px;padding-left:10px;margin-right:5px;text-align:left;}
#nav .mainlevel li #menu_products dl#l_100 dd{width:180px; text-align:left;}

/*content*/
#con{width:1002px;}
.list{width:1002px;background:url(../images/list_bg.jpg) no-repeat; height:120px; margin-top:8px; overflow:hidden;}
.list_ul{ width:190px; text-align:left; line-height:24px; float:left; margin:0 4px 0 6px; display:inline; color:#990000}
.list_ul li{ float:left; width:85px; line-height:22px; background:url(../images/icon1.gif) no-repeat left 40%; padding-left:8px; display:inline;}
.list_big{ font-weight:bold; color:#be0000; line-height:26px; font-size:12px;}
.about{ width:661px; border:1px solid #dfdfdf; padding:1px; background-color:#FFFFFF}
.about_tit{background:url(../images/about_tit.jpg); width:626px; height:26px; text-align:left; padding-left:35px; line-height:25px; font-size:14px;}
.nr{ background-color:#eee; line-height:24px; text-align:left; text-indent:2em;}
.nr img{ margin:10px;}
.news{ width:325px; border:1px solid #dfdfdf; padding:1px; background-color:#FFFFFF}
.news_tit{background:url(../images/about_tit.jpg); width:290px; height:26px;text-align:left;padding-left:35px; line-height:25px; font-size:14px;}
.news ul{background-color:#eee; line-height:24px; text-align:left;}
.news ul li{background:url(../images/li_bg.jpg);width:296px; height:24px; padding-left:10px; margin: 0 5px; overflow:hidden;}
.news ul li span{ float:right; color:#8d8d8d; padding-left:5px;}
.cpzs{ margin-top:8px; width:1002px;}
#cp li{ line-height:24px;float:left;margin:5px;width:320px;text-align:left;}
#cp li img{ border:1px solid #e1e1e1; float:left; padding:2px; margin-right:5px; width:147px; height:109px;}

  /*left*/
  .cnl{width:215px; float:left}
  .side{width:211px;background-color:#f3f3f3; border-left:2px solid #fff;border-right:2px solid #fff;border-bottom:2px solid #fff;}
  .side ul{ width:205px; text-align:left; line-height:24px; margin-left:3px;}
  .side ul li{ width:90px; float:left;background:url(../images/icon1.jpg) no-repeat; padding-left:10px;}
  .side_big{ font-weight:bold; color:#be0000; line-height:25px;border-bottom:1px dashed #dcdcdc; background:url(../images/icon.jpg) no-repeat;padding-left:10px;font-size:12px;}
  .ban{ margin-top:1px;}
  
  /*right*/
  .cnr{ width:780px; margin-top:8px;}
  .about1{ width:778px; border:1px solid #dfdfdf; padding:1px; background-color:#FFFFFF}
  .about1 h4{ text-align:center; line-height:30px;}
  .about1_tit{background:url(../images/about_tit.jpg); width:743px; height:26px; font-weight:bold; text-align:left; padding-left:35px; line-height:25px;}
  .nr1{ background-color:#eee; line-height:24px; text-align:left;padding-left:5px;}
  .nr1 img{ margin:10px;}
  .about1_tit span{ font-weight:normal;}
  .redz{ color:#be0000}
  #cpshow li{ line-height:24px;float:left;margin:5px;width:360px;text-align:left; height:120px;}
  #cpshow li img{ border:1px solid #e1e1e1; float:left; padding:2px; margin-right:5px; width:147px; height:109px;}
  .xwshow{ width:770px; padding-bottom:5px;}
  .xwshow li{border-bottom:1px dashed #fff;background:url(../images/a.gif) no-repeat; padding-left:15px;}
  .xwshow li span{ float:right; color:#666666;}
  .wdshow{ width:770px; padding-bottom:5px;}
  .wdshow li{border-bottom:1px dashed #fff;color:#be0000;}
  .wdshow li span{ float:right; color:#666666;}
  .cnr h5{clear:both;text-align:left;background:url(../images/icon.jpg) no-repeat left 30%;line-height:24px;padding-left:10px;font-size:12px;border-bottom:1px solid #FFFFFF;}
  .cnr h6{ font-size:12px;}
  .xgxw li{ width:370px; float:left; display:inline; margin-right:10px;}
  .xgxw li span{ float:right; color:#999999;}
  .time{ text-align:center; color:#666666}
  
/*copyright*/
.foot{ width:1002px;line-height:22px;background:url(../images/footer_bg.jpg) repeat-x;margin-top:8px;}



.page{ text-align:center;}
.page a:hover{color:#be0000; font-weight:bold;}

#tags {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 1002px; PADDING-TOP: 0px; HEIGHT: 29px}
#tags LI {BACKGROUND: url(../images/li1.gif) no-repeat left center; FLOAT: left; MARGIN-RIGHT: 1px; LIST-STYLE-TYPE: none; width:80px; HEIGHT: 29px; line-height:29px;}
#tags LI A:hover{ BACKGROUND: url(../images/li.gif) no-repeat left center; width:80px; FLOAT: left; PADDING-BOTTOM: 0px; COLOR:#FFFFFF;LINE-HEIGHT: 29px; PADDING-TOP: 0px; HEIGHT: 29px; TEXT-DECORATION: none}
#tags LI.emptyTag {BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px}
#tags LI.zzjs_net {BACKGROUND: url(../images/li.gif) no-repeat left center; FLOAT: left; MARGIN-RIGHT: 1px; LIST-STYLE-TYPE: none; width:80px; HEIGHT: 29px; color:#FFFFFF;}
#tags LI.zzjs_net A {BACKGROUND-POSITION: right top; COLOR:#FFFFFF; LINE-HEIGHT: 29px; HEIGHT: 29px}
#wwwzzjsnet {PADDING-RIGHT: 1px; BORDER-TOP: #7f2700 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px;PADDING-TOP:1px; BACKGROUND-COLOR: #fff}
.wwwzzjsnet { width:1000px;DISPLAY: none;}
#wwwzzjsnet .zzjs_net {DISPLAY: block}
.cliuyan{ width:100%; float:left; margin-top:10px; margin-bottom:10px; padding-bottom:10px; padding-top:10px;}
.cliuyan p{ text-align:center; color:red}
.cliuyan li{ width:95%; margin:5px 2.5%;clear:both;}
.cliuyan b{ width:100px; text-align:right; float:left;}
.cliuyan li i{ color:#f70000; line-height:30px; float:right}
.cliuyan li input{ width:85%; border:1px solid #ccc; line-height:24px; border-radius:5px;}
.cliuyan li select{ width:85%; border:1px solid #ccc; line-height:24px; border-radius:5px; height:28px;}
.cliuyan li textarea{width:85%; border:1px solid #ccc;  border-radius:5px; height:80px;}

.cliuyan li input.yanz{ width:40%; float:left;}
.cliuyan li .yztp{ float:left; height:22px; width:80px; margin-top:2px; margin-left:10px;}
.cliuyan li input.tijiao{ width:150px; margin-right:20px; margin-top:10px; float:left;background: #e60600; color: #fff; line-height:30px; border:0px; }


.tel2,.pcyc{ display:none}


@media only screen and (max-width:640px) {
body{  background:#fff}
.pcyc{ display:block;}
.home, .cyc,.about1_tit span,#nav .mainlevel li#pro_box{ display:none}
#top{ height:70px; background:none;}
#top_header{ width:95%; margin-left:2.5%;  margin-top:10px;}
#top_header img{ height:50px;}
.tel2{ background:url(../static/tel.png) no-repeat; width:50px; height:40px; position:absolute; right:2.5%; top:20px; float:right; display:block;}
.tel2 a{ width:100%; float:left; height:40px;}



#banner{ width:100%; margin:0px; height:auto;}
#banner img,#nav{ width:100%}

.menu{ width:100%; background:none; height:75px; overflow:hidden;  float:left; margin-top:-5px;}
.menu ul li,#nav_li{ background:#2a2a2a; line-height:38px; width:25%; float:left; border-bottom:1px dashed #fff; border-left:1px dashed #fff; height:38px; margin-top:0px;margin-left:-1px;}
.menu ul li a, .menu ul li a:visited{ width:100%; text-align:center;line-height:38px; height:38px;}
.menu ul li:hover a{text-decoration:none;width:100%;line-height:38px; height:38px; }
#con{ width:95%; margin-left:2.5%; margin-right:2.5%; float:left; }
.foot{ width:95%; padding:10px 2.5%; float:left; margin-top:10px;background:#373737; }
.about,.news,.cnr,.about1{ width:100%; padding:0px; border-left:0px; border-right:0px; margin-top:10px;}
.about_tit,.news_tit,.about1_tit{ width:100%; padding:0px;}
.about_tit span,.news_tit span{ margin-left:35px;}
.nr{ padding:5px 10px;}
.nr img{ margin:0px; margin-right:10px;}

.news ul li{ width:100%; padding:0px; margin:0px; background:url(../static/jt.png) no-repeat 5px 8px; line-height:30px; height:30px; border-bottom:1px dashed #fff;}
.news ul li a { margin-left:25px; height:30px; overflow:hidden;}
.news ul li span{ margin-right:5px;}

.cpzs{ width:100%; margin-top:10px;}
.cccgd{ width:100%; overflow-y:auto}
#tags{ width:605px !important; height:auto;}
#tags LI{ background:#2a2a2a; width:120px; text-align:center; margin-right:1px; border-top-left-radius:5px; border-top-right-radius:5px; line-height:30px; height:30px;}
#tags LI a{ color:#fff;}
#tags LI A:hover{ background:none;width:120px; text-align:center;line-height:30px; height:30px;}
#tags LI.zzjs_net{  background:#b30101;width:120px; text-align:center;line-height:30px; height:30px;}
#wwwzzjsnet{ border:0px; padding:0px; }
.wwwzzjsnet{width:100%}
#cp li,#cpshow li{ width:45%; margin:5px 1.5%; text-align:center; background:#bfbdbe; padding:1%; height:auto}
#cp li img,#cpshow li img{ width:100%; padding:0px; margin:0px; border:0px; height:120px;}
#cp li p{ display:none}

.ban{ width:100%; float:left; margin:0px;}
.ban img{ width:100%;}

.cnr,.cnl{ width:100%; margin-top:10px;}
.about1_tit{ background:#eee; text-align:center; font-size:20px; line-height:60px; height:40px;}
.nr1{ padding:2.5%; float:left; width:95%; overflow:hidden;}
.nr1 img{ width:100%; height:auto; margin:0px;}
.nr1 table{ width:100% !important; overflow:hidden !important;}
.side,.side ul{ width:100%; margin:0px;}
.side ul li{ width:30.3%; margin:5px 1.5%; padding:0px; text-align:center; background:#fff;}

.cliuyan{ width:100%;}
.cliuyan li{ width:90%; margin:5px 5%; clear:both;}
.cliuyan b{ width:100%; text-align:left; } 
.cliuyan li input,.cliuyan li select,.cliuyan li textarea{ width:95%;}
.cliuyan li input.tijiao{ width:45%; margin-right:2px;}



.about1{ background: #eee; padding-bottom:15px;}

#cpshow{ width:100%; float:left; margin-bottom:10px; margin-top:10px;}
#cpshow li p{ display:none;}

.xgxw li{ width:100%; height:30px; overflow:hidden; line-height:30px;}




















}