.nav .sub.w{ width:1200px; margin: 0 auto;}

/*头部导航*/


.w{ width:1200px; margin: 0 auto;}
.header .dlogo{ padding-top: 30px; margin: 0 auto 20px; text-align: center;}	

.header .dlogo{ position: relative;}
.header .dlogo .head-right{ position: absolute; top: 30px; right: 0px;  width:200px; line-height: 16px;}
.header .dlogo .head-right a{ color: #434343; margin-right: 10px; display: inline-block; height: 20px; line-height: 20px;}
.header .dlogo .head-right img{margin-right: 5px;}
.header .dlogo .head-right span{}


.header .dnav{ margin-bottom: 20px;}	

.nav{ padding:0 20px; height:34px; line-height:34px; position:relative; z-index:1;  }
/*.nav a{ color:#fff;  }*/
.nav .nLi{ float:left;  position:relative; display:inline; }
.nav .nLi h3{ float:left; text-align: center; width:100px;  padding:0 46px; }
.nav .nLi.on h3 a{ background:#000; color:#fff;   }	
.nav .nLi h3 a{ display:block; font-size:18px;  color: #434343; }


.nav .sub{ display:none; width:100px; left:46px; top:34px;  position:absolute; background:#000;  line-height:34px; padding:5px 0;  }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; padding:0 10px; color:#fff;}
.nav .sub a:hover{ background:#6d6d6d;  font-size: 16px;  }

	
.dbanner{ height: 600px; margin-bottom: 30px;}	

.focusBox { position: relative; width:100%; height:600px; overflow: hidden; }
.focusBox .pic{ position:relative; z-index:0; }
.focusBox .pic a { width:100%; height:600px; display: block; }
.focusBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{margin: 0 10px;  height: 16px; overflow: hidden; width: 16px; cursor: pointer;
display:inline-block; *display:inline; zoom:1; border-radius: 50px; background: #666;}
.focusBox .hd .on{  background: #19b27c; }

.focusBox .prev,
.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(../icon/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.focusBox .prev { left: 0; }
.focusBox .next { background-position: 0 -90px; right: 0; }
.focusBox .prev:hover,
.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }

.mt{ margin-bottom: 30px;}
.mt .sem{ font-size:24px; text-align: center;}		
.mt .smt{ font-size:30px; text-align: center;}

/* index */
.boxs{ margin-bottom: 80px;}
.boxs .box{ float:left; width: 400px;}		
.boxs .box .pic{ margin-bottom:10px;}
.boxs .box .pic img{ width:400px; height: 186px; transition:all ease-in-out 0.5s}	
.boxs .box .pic:hover img{ width:400px; height: 186px; transform: scale(0.9);}	
.boxs .box .name{ font-size:18px; line-height: 50px; text-align: center;}
.boxs .box .info{ font-size:14px; line-height: 20px; text-align: center; padding: 0 60px;}


.image-wrapper { display: flex; flex-wrap: wrap; justify-content: center;  margin: auto; margin-bottom: 50px;}
.media { display: flex; justify-content: center; align-items: center; margin: 10px; overflow: hidden; position: relative;}
.media:hover { cursor: pointer;}
.overlay { background: rgba(0, 0, 0, 0.7); position: absolute; height: 100%; width: 100%; z-index: 3; opacity: 0; transition: all ease-in-out 0.5s;}
.media:hover .overlay { opacity: 1;}
.media img { width: 100%; z-index: -1; margin: auto; transform: scale(1); transition: all ease-in-out 0.5s;}
.media:hover img { transform: scale(1.1); filter: blur(2px);}
.image-details { width:100%; text-align: center; color: white; font-size: 20px; z-index: 4; position: absolute; top: 100%; opacity: 0; transition: all ease-in-out 0.5s;}
.media:hover .image-details { top: 40%; opacity: 1;}
.media1 img{ width:570px; height: 371px;}
.media2 img{ width:485px; height: 371px;}
.media3 img{ width:370px; height: 371px;}
.media4 img{ width:683px; height: 371px;}


.iabout{ position:relative; overflow: hidden; padding-bottom: 50px;}
.iaboutbg{ position:absolute; left: 0px; top: 20%; width:100%; height: 774px; background: #f3f8fb; z-index: -1}


.iabouta .mc{ margin: 0 auto; text-align: center; position: relative;}		
.iabouta .mc .btn{ display: block;position:absolute; left: 50%; margin-left: -35px; top: 50%; margin-top: -35px; width:70px; height: 70px; background: url(../dkimg/aboutbtn.png) no-repeat;}	
.iabouta .mc .btn:hover{ background: url(../dkimg/aboutbtnh.png) no-repeat;}

.iaboutb{ padding-top: 30px;}		
.iabouta .mc{ margin: 0 auto; text-align: center; position: relative; z-index: -1;}		

.iaboutb .mc .list{ float: left; width:360px; margin: 0 20px;}
.iaboutb .mc .list .pic{ float: left; margin-right: 10px;}	
.iaboutb .mc .list .right{ /*float:left;*/}	

.inews{ overflow:hidden; margin: 30px 0;}
.inews .mc li{ float:left; width: 369px; margin: 0 15px;}		
.inews .mc li a .name{ font-size:16px; line-height: 40px; color: #333;}	
.inews .mc li a .date{ margin-bottom:10px; color: #666;}	
.inews .mc li a .info{ line-height:20px;  color: #666; height: 60px; line-height: 20px; overflow: hidden;}	

/* COMMON */
.dnbanner{ height: 400px; margin-bottom: 30px;}	

.cmain .dleft{ float:left; width:237px;}	

.cmain .dleft .dmt{ width:165px; height: 43px; padding: 30px 0; padding-left: 70px; border: 1px solid #e6e6e6; color: #434343; }	
.cmain .dleft .dmt em{ line-height: 16px;}
.cmain .dleft .dmt h3{ font-size: 20px; line-height: 28px; font-weight: bold;}

.cmain .dleft .dlist li{ border-bottom: 1px solid #e6e6e6; line-height:34px; padding: 7px 0; background: url(../dkimg/icon-left.png) no-repeat right 22px;}
.cmain .dleft .dlist li a{ color: #666; padding-left: 15px; font-size: 15px;}
.cmain .dleft .dlist li a:hover, .cmain .dleft .dlist li.select a{ color:#19b27c;}

.cmain .dleft .dlist li a.on{color:#19b27c;}
.cmain .dleft .dlist li .sub{ padding-left: 20px;}
.cmain .dleft .dlist li .sub li:last-child{ border: none;}


.cmain .dright{ float:right; width: 932px; margin-left: 30px; }
.cmain .dright .location{ border-bottom: 1px solid #e6e6e6; line-height: 30px; height: 30px;}
.cmain .dright .location a{ color:#666; padding: 0 5px;}
.cmain .dright .parts{ margin:30px 0;}

.icontact { background:url(../dkimg/lxwm.jpg) no-repeat center top;}
.icontact .mt{ padding:50px 0; margin-bottom: 0; color: #fff;}	
	
.icontact .mc{ width:812px; height: 421px; margin:0 auto; background: #fff; padding:20px 60px;}

/* Cfooter */
.footer { padding:50px 0 20px;}
.footer .flogo{ margin:0 auto; text-align: center;}

.footer .fnav{ margin:30px 0; text-align: center;}
.footer .fnav ul{ display:inline-block;}
.footer .fnav ul li{ float:left; }
.footer .fnav ul li a{ display: block; line-height: 30px; width: 92px; text-align: center; padding: 0 20px; font-size:15px; color: #666; border-left: 1px dashed #666;}
.footer .fnav ul li:first-child a{border-left: 1px dashed #fff;}
.footer .fnav ul li a:hover{background: #000; color: #fff;}
.footer .Copyright{ text-align: center; font-size: 14px;}
.footer .Copyright a{ color: #5c5c5c;}