@charset "gb2312";
/* CSS Document */



*{ margin:0px; padding:0px; text-decoration:none; list-style-type:none; color:inherit; }
html,body{ font-size:14px; color:#333; font-family:"΢ÈíÑźÚ" ,Arial;  }
.nav_b{ width:100%; height:90px;}
.navigation{ width:100%; height:90px; background-color:#003; position:fixed; top:0px; left:0px; z-index:1000;}
.navigation .nav_box{ width:1180px; height:90px; margin:0px auto;}
.navigation .nav_box .bt{ display:none;}
.navigation .nav_box  .mv_tit{ display:none;color:#FFF;}
.navigation .nav_box .logo_dh{ width:210px; height:90px; float:left; background-image:url(images/logo.png); background-position:center center; background-repeat:no-repeat;}
.navigation .nav_box  .tit{ width:400px; height:100%; float:right; color:#FFF;}
.navigation .nav_box  .tit li{ color:#FFF; height:90%; width:80px; float:left; line-height:90px; text-align:center; font-size:16px; cursor:pointer;}
.navigation .nav_box  .tit li:hover{  border-bottom:2px solid #FFF;}
.banner{ width:100%; height:700px; background-color:#06F; position: relative; overflow:hidden ; z-index:1}
.banner .left,.banner .right{ width:48px; height:48px; border:1px solid #FFF; position:absolute; z-index:10; top:50%; margin-top:-29px; font-size:40px; color:#FFF; line-height:50px; text-align:center; cursor:pointer;}
.banner .left{ left:100px;}
.banner .right{ right:100px;}
.banner ul{ width:600%; height:100%; position:absolute; top:0px; left:0px; }
.banner li{ float:left; width:1600px; height:600px; background-position:center center; background-repeat:no-repeat; }
.banner li .dhjj{margin-top:200px; margin-left:350px; color:#FFF}
.banner li .bt_bm{ cursor: pointer;margin-top:50px; width:200px; height:50px; background-color:#FFF; color:#39F; font-size:20px; text-align:center; line-height:50px;}
.banner li .bt_bm:hover{ background-color:#09F; color:#FFF;}
.banner li.on1{ background-image:url(images/banner1.jpg);background-position:center center; background-repeat:no-repeat;}
.banner li.on2{ background-image:url(images/banner2.jpg);background-position:center center; background-repeat:no-repeat;}

#banimg{ width:980px; height:580px; position: relative; margin:0px auto;overflow:hidden }
.bt{ width:220px; float:left; height:50px; cursor:pointer;position: relative; margin:0px auto;overflow:hidden}
#banimg ul{ width:100%; height:520px;; clear:both;}
#banimg ul li{  height:520px; position:absolute;right:-980px; width:0px; overflow:hidden;}
#banimg ul li img{ width:1176px; height:624px; margin: auto;   position: absolute;  top: -10%; left: -10%; bottom: 0; right: 0;  }
#banimg ul li.on{width:980px;right:0px; z-index:500}

.imgtxt{	 width:700px; height:60px; line-height:60px; text-align:right; float:right; background-color:#fff;
	}

.left,.right{ width:50px; float:left; height:35px; border:1px solid #CCC; background-color:#FFF; color:#09F; font-size:20px; text-align:center; line-height:35px;  z-index:800;}
.right{ margin-left:100px; }
.innerImg{width:980px; height:80px; border:1px solid #CCC; margin:10px auto; overflow:hidden;}
.innerImg ul{ width:12000px; height:80px; position:relative; left:0px; top:0px; }
.innerImg ul li{width:122px; height:64px;margin:9px 0px 9px 10px; float:left;}
.innerImg ul li img{ width:120px; height:62px;}
.innerImg ul li.on{ border:1px solid #F00;}


.biaoti{ width:240px; height:100px;  margin:50px auto 0px;}
.biaoti h2{ font-size:30px; color:#333; text-align:center;}
.biaoti .lin{ width:100%; height:2px; background-color:#003; margin-top:10px;}
.zzs{ width:1180px; height:auto; overflow:hidden; margin:0px auto;}
.zzs li{ width:170px; height:100px; background-color:#CCC; margin:5px 13px; float:left;}


.footer{ width:100%; height:320px; overflow:hidden; background-color:#003; color: white; line-height: 26px;}
.footer .nr{ width:1080px; height: auto; margin: 0 auto;}
.footer .nr ul li{ float: left; width: 360px; height: 150px;  margin-top: 20px;}
.mt_30box{ height: 30px; width: 100%;}
.footer .foot_bz{ text-align: center;}

.nr{ width:1180px; height:auto; overflow:hidden; margin:20px auto ;}
.cg_left{ width:515px; height:450px; float:left; background-image:url(images/bwt.jpg); background-repeat:no-repeat;}

.cg_right{width:636px; height:450px; float:right; background-color:#999; background-image:url(images/cgdt.jpg); background-repeat:no-repeat;}
 .yj{ clear:both; cursor:default;}
 .yj li{ width:90%;  height:auto; overflow:hidden; margin:20px;;  padding:10px;}
  .yj li:hover{ background-color:#f9f9f9;}
 .yj li:hover img{ border:1px solid rgb(12, 123, 188);}
  .yj li:hover p{ color:#333;}
 .yj li img{ border-radius:50px; -webkit-border-radius:50%; -ms-border-radius:50px; height:120px; width:120px; border:1px solid #eaeaea; float:left;}
  .yj li p{ width:85%; padding-right:10px; float:right; line-height:26px; color:#666; font-size:12px; text-align:justify;}
   .yj li p span{ font-weight:bold; color:#333; font-size:14px;}
 .biaoti_nav{ width:1080px; height:auto; overflow:hidden; margin:0px auto;margin-top:50px; }
 .biaoti_nav li{ width:125px; height:58px; float:left; border-left:1px solid #000850 ;border-top:1px solid #000850 ;border-right:1px solid #000850; background-color:#FFF; line-height:58px; text-align:center; cursor:pointer;}
  .biaoti_nav  ul{ width:100%; height:59px; border-bottom:1px solid #000850; }
  .nr1{ width:1080px; height:auto; overflow:hidden; margin:30px auto; }
  .nr2{ width:1080px; height:auto; overflow:hidden; margin:30px auto;  }
  .nr3{ width:1080px; height:auto; overflow:hidden; margin:30px auto; }
  .nr4{ width:1080px; height:auto; overflow:hidden; margin:30px auto;   }
   .dhbd{ width:1180px;; height:auto; overflow:hidden; margin:0px auto;}
   .dhbd ul{ width:50%;height:300px; float:left;}
   .dhbd ul li{ width:100%; height:26px; line-height:26px;   padding-left:5%;border-left:2px solid #CCC;} 
   .dhbd ul li a{ text-decoration:underline; height:26px; } 
   .dhbd ul li a img{border:none; margin-right:10px;}
   .dhbd .sp li a:before{ width:26px; height:26px; background-image:url(images/spicon.gif); background-repeat:no-repeat;}
    .dhbd .sp li a img{border:none;}
      .dhbd ul li:hover a{ color:#F00;}
  .rcb_nr{ width:1180px; height: auto; overflow: hidden; margin:0px  auto;}
  .rcb_nr table{ width:100%;}
  .rcb_nr table tr td:hover{ background-color:#666; color:#FFF; cursor:pointer}
  .rcb_nr table tr td{ height:40px; font-size:14px;}
@media (max-width: 768px) {
	.nav_b{ height:10px;}
	.navigation{ position:relative;}
	.navigation .nav_box .bt{ display:block; width:60px; height:50px; position:absolute; right:20px; top:20px;  margin-right:20px;}
	.navigation .nav_box  .mv_tit{  width:100%; height:auto; overflow:hidden; background-color:#f9f9f9; color:#333;}
	.navigation .nav_box  .mv_tit li{ line-height:39px; width:95%; height:39px; border-bottom:1px dashed #999; padding-left:5%; }
	
	.navigation .nav_box{ width:100%;}
	.navigation .nav_box .logo_dh{ background-image:none;}
	.navigation .nav_box .logo_dh img{ width:140px; height:60px; margin:15px;}
	.navigation .nav_box  .tit{ display:none;}
	.banner { width:100px; height:600px;}
	.banner .left,.right{ display:block;}
	.banner li.on1{ background-image:url(images/mv_ban1.jpg)}
	.banner li.on2{ background-image:url(images/mv_ban2.jpg)}
	.zzs{ width:100%; height:auto; overflow:hidden;}
	.nr{ width:100%;}	
	.rcb_nr{ width:90%; height: auto; overflow: hidden; margin:0px  auto;}
	 .rcb_nr table{ width:100%;}
	 .zzs { width:90%; height: auto; overflow:hidden; margin:5%;}
	  .zzs li {width:50%; height:auto; margin:0px; background-color:#FFF;}
	 .zzs li img{width:110px; height:65px; margin:0px 10px;}
	 .footer{ height: auto; overflow:hidden;}
	 .footer .nr{ width:95%; padding-left:5%;}
	 .footer .foot_bz{ text-align:left;}
	 .footer .nr ul li { width:100%; float:none;}
	 .biaoti_nav { width:100%;}
	 .biaoti_nav li{ width:24%;}
	
	 
	 .nr1{ width:90%; margin:5% }
	 .nr1 table input{ width:50%;}
	 .nr1 table{ width:90%;}
	 .nr2{ width:90%; margin:5% }
	 
	 .nr2 table{ width:90%;}
	 .nr3{ width:90%; margin:5%}
	 .nr3 form table{ width:80%; height:auto;}
	 .nr3 table tr td:nth-child(1){ width:10%;}
	 .nr3 table tr td:nth-child(2){ width:10%;}
	 .nr3 table input{ size:inherit ; width:30%;}
	 .nr4 table input{ width:50%;}
	
	 .nr4{ width:90%; margin:5%}
	 .nr4 table{ width:90%;}
	 .nr4 table input{ width:50%;}
	 
	 .nr { width:100%;}
	 .cg_left{ width:90%; height:auto; overflow:hidden; float:none;margin:5%; background-image:none;}
	 .cg_left img{ width:90%; height:auto;}
       .cg_right{ width:90%; height:auto; margin:5%; overflow:hidden; background-image:none; background-color:#ffffff;} 
	.cg_right img{  width:90%; height:auto;}
	 .yj li{ margin:10px auto; float:none;}
	
	
	#banimg{ width:100%; height:auto}
	#banimg ul li{ width:100%;height:300px}
	#banimg ul li img{ width:100%;height:300px}
	.bt{ float:left;}
	.imgtxt{	 width:100%; height:60px; line-height:60px; text-align:center; float:right; background-color:#fff;
	}
	.dhbd{ width:100%; height:auto; overflow:hidden;}
	 .dhbd ul{ float:none; width:100%; font-size:12px;}
	 .dhbd ul li{ width:100%; float:none;} 
	 .innerImg{ width:100%;}
	}