﻿@charset "utf-8";
/* CSS Document */
body{ font-family:"微软雅黑"; margin:0 auto; padding:0; color:#333;}
.zkyx{width:100%;  background:#e23a1f; overflow;hidden;}
a.as{ width:200px; height:46px; display:block; margin:30px auto 20px auto; font-family:"微软雅黑 Regular"; color:#ff0; border-radius:8px; font-size:22px; font-weight:570; letter-spacing:3px; line-height:46px; text-align:center; border: 2px solid #ff0;}
a.asa{ width:400px; height:46px; display:block; margin:30px auto 20px auto; font-family:"微软雅黑 Regular"; color:#e23a1f; border-radius:8px; font-size:22px; font-weight:570; letter-spacing:3px; line-height:46px; text-align:center; border: 2px solid #e23a1f;}

.banner{ width:100%; height:660px; margin:0 auto; background:url(/d/file/hh/2018-07-04/banner_bg.jpg) center no-repeat;}
.banner_1{ width:1200px; height: 220px; margin: 0 auto; background: url(/d/file/hh/2018-07-04/banner_01.jpg) center no-repeat;}
.banner_2{ width:1200px; height: 220px; margin: 0 auto; background: url(/d/file/hh/2018-07-04/banner_02.jpg) center no-repeat;}
.banner_3{ width:1200px; height: 220px; margin: 0 auto; background: url(/d/file/hh/2018-07-04/banner_03.jpg) center no-repeat;}

.container2 {width: 1200px; margin: 0 auto; overflow: hidden;clear:both;}
.bt {width: 1200px; margin: 0 auto; overflow: hidden; font-family: "微软雅黑 Regular"; line-height: 36px; font-size: 18px; color: #333; letter-spacing: 1.5px;  padding: 20px 0; text-align: center;}
.bt h2{width:1200px;height:70px;font-size: 30px;line-height: 90px; letter-spacing: 2px; color: #ff0; text-align: center; margin: 0 auto; font-family: "微软雅黑 Regular"; font-weight: 700;}

.bt_wz{ width:1200px; display: block; font-family: "微软雅黑 Regular"; line-height: 48px; font-size: 18px; color: #fff; letter-spacing: 1.5px; margin: 0 auto; padding: 0 0 20px 0; text-align: center;}

/*bottom*/
.bottom_bm_bg{ width:1200px; height: 459px; margin: 40px auto 40px auto; background: #f2f2f2; border-radius: 8px;}
.bottom_bm_dt{ width:463px; height: 459px; float: left; overflow: hidden;}
.bmdsr_show{width:100%; height:466px; overflow:hidden; background:#f60 repeat;}
.bmdr_p1{width:100%; height:auto; overflow:hidden; margin-top:15px; color: #fff; font-family: "微软雅黑 Regular"; font-size: 20px; text-align: center; font-weight: 700; letter-spacing: 1.5px;}
.bmdsr_show .bd{width:456px; height:393px; overflow:hidden; background:#FFF; margin:20px auto 0 auto;}
.bmdsr_show .bd ul li{width:98%; height:42.2px; overflow:hidden; border-bottom:1px dashed #8C8C8C; margin:0 auto; line-height:42.2px;}
.bmdsr_show .bd ul li span{width:140px; height:auto; overflow:hidden;font-size:14px; text-align:center; display:block; float:left;}
.bottom_bm_bd{ width:737px; height: 459px; float: right;}
.bottom_bm_bd_bt{ width:100%; height: 150px; margin: 0 auto; font-family: "微软雅黑 Regular"; font-size: 20px; text-align: center; font-weight: 600; letter-spacing: 1.5px; color: #555; line-height: 40px; padding-top: 55px;}
.bottom_bm_bd ul{ width:494px; height: 260px; margin: 0 auto;}
.bottom_bm_bd ul li{ width:494px; height: 48px; float: left; margin: 0 auto 30px auto;}
.bottom_bm_bd input{ width:494px; height: 48px; font-family: "微软雅黑 Regular"; font-size: 16px; text-align: center;letter-spacing: 1.5px; color: #333; line-height: 48px; border: 1px solid #cecece; border-radius: 8px;}
.subm{ width:200px!important; margin: 0 147px!important; background: #e23a1f!important; color: #fff!important;  border: 0!important;}
.bottom_dh{ width:100%; height: 70px; margin: 0 auto 20px auto; font-family: "微软雅黑 Regular"; font-size: 14px; text-align: center;letter-spacing: 2px; color: #fff; line-height: 70px;}
.bottom_dh a{ color: #fff;}
.bottom_dh a:hover{ color: #ff0;}

.bottom_bm_bd1{ width:510px; height: 220px; margin: 0 auto;}
.bottom_bm_bd1 ul{ width:494px; height: 220px; margin: 0 auto;}
.bottom_bm_bd1 ul li{ width:494px; height: 48px; float: left; margin: 0 auto 30px auto;}
.bottom_bm_bd1 input{ width:494px; height: 48px; font-family: "微软雅黑 Regular"; font-size: 16px; text-align: center;letter-spacing: 1.5px; color: #333; line-height: 48px; border: 1px solid #cecece; border-radius: 8px;}
.subm1{ width:200px!important; margin: 0 147px!important; background: #e23a1f!important; color: #fff!important;  border: 0!important;}

/*zhuanye*/
.zy_box_01{ overflow:hidden; width: 1200px; margin: 0 auto;}
.zy_box_01 img{ width:100%; height:130px;}
.zy_box_01 li{ width:19%; margin:0.5%; background:#fff; float:left;}
.zy_box_01 p{font-size:18px; color:#fff; line-height:40px; text-align:center; width:80%; margin:0 auto 20px auto; background:#eb6100; border-radius:10px;}
.zy_box_01 p a{ color:#fff; displaY:block;}
.a_p{ text-align:center; font-size:18px; color:#ff0; line-height:2;}
.zy_box_01 dl{ text-align:center; width:90%; margin:0 auto 20px auto; color:#555; line-height:1.5;}
.zy_box_01 dl dt{ font-size:18px; font-weight:bold; line-height: 40px; border-bottom:1px solid #ccc; margin:10px auto 15px auto;}
.zy_box_01 dl dd{ font-size:16px; font-weight:bold;  margin:5px auto;}
.zy_box_01 dl dd span{ color:#f00;}

.con1_bg{ width:100%; height: 750px; margin: 0 auto; display: block; background: url(/d/file/hh/2018-07-04/con1_bg.jpg) top center no-repeat;}
.con1_bt{ width:637px; height: 35px; margin: 0 auto 30px auto; background: url(/d/file/hh/2018-07-04/why.png) center no-repeat;}

.why{ width:1140px; height: 260px; margin: 0 auto; overflow: hidden;}
.why-li{ position: relative; float: left; width: 360px; height: 220px; margin-right: 30px; background: url(/d/file/hh/2018-07-04/why.jpg) no-repeat 0 0;}
.why-li2{ background-position: -360px 0;}
.why-li3{ margin-right: 0;  background-position: -720px 0;}
.why-slogan{ width: 100%; height: 40px; background-color: #fff; line-height: 40px; text-align: center; font-size: 18px; color: #333;}
.why-slgan-min{width: 100%; height: 100%; text-align: center;
	
	background-color: rgba(78, 78, 78, 0.8); opacity: 0; transition: opacity 600ms cubic-bezier(0.86, 0, 0.07, 1);

}
.why-slgan-min span{ display: inline-block; padding: 30px 40px 0 40px; text-align: left; font-family: "微软雅黑 Regular"; letter-spacing: 1.5px; line-height: 40px; font-size: 16px; color: #fff;}
.why-li:hover .why-slgan-min{background:#787878; 
color:#fff; 
/* older safari/Chrome browsers */ 
-webkit-opacity: 0.86; 
/* Netscape and Older than Firefox 0.9 */ 
-moz-opacity: 0.86; 
/* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/ 
-khtml-opacity: 0.86; 
/* IE9 + etc...modern browsers */ 
opacity: .86; 
/* IE 4-9 */ 
filter:alpha(opacity=86); 
/*This works in IE 8 & 9 too*/ 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=86)"; 
/*IE4-IE9*/ 
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=86); 
}
.clearfix:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}





.zky_img_bg{ width:100%; height: 778px; margin: 0 auto; background: #fff; overflow: hidden;}
.zky_img_bt{width:1200px; margin: 0 auto; display: block; font-family: "微软雅黑 Regular"; line-height: 36px; font-size: 18px; color: #333; letter-spacing: 1.5px;  padding: 20px 0; text-align: center;}
.zky_img_bt h2{height:70px; font-size: 30px;line-height: 90px; letter-spacing: 2px; color: #e23a1f; text-align: center; margin: 0 auto; font-family: "微软雅黑 Regular"; font-weight: 700; padding-top: 20px;}

.zky_img{ width:1200px; height: 620px; margin: 20px auto 0 auto;}

.zky_sp ul{ width:1200px; display: block; margin:10px auto 30px auto;}
.zky_sp ul li{ width:580px; height: 390px; float: left; display: block; margin: 0 40px 0 auto;}
.zky_sp ul li p{ width:580px; height: 40px; font-family: "微软雅黑 Regular"; line-height: 40px; font-size: 18px; color: #fff; letter-spacing: 1.5px;  padding:10px 0 20px 0; text-align: center;}
.zky_sp ul li:nth-child(2){ margin-right: 0;}
.zky_sp ul li:nth-child(4){ margin-right: 0;}

.zxbm1{ width:1200px; height: 400px; margin:0 auto; background: #fff url(/d/file/hh/2018-07-04/bm.jpg) center no-repeat; border-radius: 8px; overflow: hidden;}
.img_zgz{ width:1200px; height:60px; margin: 0 auto; background: url(/d/file/hh/2018-07-04/img_zgz.png) center no-repeat;}

.xzgy ul{ width:1200px; height: 655px; display: block; margin: 0 auto 40px auto;}
.xzgy ul li{ width:1200px; height: 655px; margin: 0 auto 0  auto; float: left;}
.xzgy ul li:nth-child(2){ margin-right: 0;}

.xzgy ul li img{ width:580px; height: 360px; display: block; margin: 0 auto;}
.xzgy ul li p{ width:540px; padding-top: 20px; margin: 0 auto; display: block; font-family: "微软雅黑 Regular"; line-height: 38px; font-size: 18px; color: #333; letter-spacing: 1.5px;}
.xzgy ul li span{ color: #e23a1f; font-weight: 600;}
.xzgy ul li a{ color: #e23a1f; }
.slideBoxbanner{ position:relative; overflow:hidden; margin: auto;  max-width:1200px; margin-top:15px;/* 设置焦点图最大宽度 */ }
.slideBoxbanner .hd{height:22px;bottom:0; right:5px; z-index:1;text-align: center;}
.slideBoxbanner .hd ul{height:22px;bottom:0; right:5px; z-index:1;text-align: center; margin: 30px auto 0 auto;}
.slideBoxbanner .hd li{ display:inline-flex; width:8px; height:8px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background:#dbdbdb; text-indent:-9999px; overflow:hidden; margin:7px 2px;   }
.slideBoxbanner .hd li.on{ background:#00c1f1;  }
.slideBoxbanner .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  } 

.qgyx{ width:100%; height: 555px; margin: 0 auto; background: url(/d/file/hh/2018-07-04/qgyx.jpg) center no-repeat;}
.qgyx_bt{width:1200px; height:70px; font-size: 30px;line-height: 90px; letter-spacing: 2px; color: #333; text-align: center; margin: 0 auto; font-family: "微软雅黑 Regular"; font-weight: 700; padding-top: 20px;}
.qgyx ul{ width:1200px; display: block; margin: 20px auto 0 auto;}
.qgyx ul li{ width:380px; height: 50px; float: left; margin: 0 30px 20px auto; background: #0f53a1; font-size: 18px;line-height: 50px; letter-spacing: 2px; color: #fff; text-align: center; font-family: "微软雅黑 Regular";}
.qgyx ul li a{width:380px; height: 50px; display: block; color: #fff;}
.qgyx ul li:nth-child(3){ margin-right: 0;}
.qgyx ul li:nth-child(6){ margin-right: 0;}
.qgyx ul li:nth-child(9){ margin-right: 0;}
.qgyx ul li:nth-child(12){ margin-right: 0;}
.qgyx ul li:nth-child(15){ margin-right: 0;}
.qgyx ul li:nth-child(18){ margin-right: 0;}

.zky_zy_bg{width:100%; display: block; margin: 0 auto; padding-bottom: 20px; background: #fff;}