@charset "UTF-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,hr{padding:0}

h1,h2,h3,h4,h5,h6{font-size:100%;font-family:arial,'hiragino sans gb','microsoft yahei','Simsun',sans-serif}
li{list-style:none}
a:link,a:visited{text-decoration:none}


.head-v3{position:relative;z-index:100;min-width:1000px}
.head-v3 .navigation-inner{margin:0 auto;width:1060px;position:relative}
.navigation-up{height:80px;background: url(http://www.hkxbjt.com/templets/hkxbjt/img/nav-bg.gif);}
.navigation-up .navigation-v3{float:left;_margin-left:10px}
.navigation-up .navigation-v3 ul{float:left}
.navigation-up .navigation-v3 li{float:left;font:normal 16px/59px "microsoft yahei";color:#fff}
.navigation-up .navigation-v3 .nav-up-selected{background:#029D43 }
.navigation-up .navigation-v3 .nav-up-selected-inpage{background:#008833}
.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0}
.navigation-up .navigation-v3 li h2 a{padding:30px 27px;color:#fff;display:inline-block;font-family:"microsoft yahei"}

.navigation-down{position:absolute;top:80px;left:0px;width:100%}
.navigation-down .nav-down-menu{width:100%;margin:0 auto;background:#fff ;position:absolute;top:0px; z-index:999}
.navigation-down .nav-down-menu .navigation-down-inner{margin: 0 auto;width:1200px;position:relative;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-right-color: #cccccc;border-bottom-color: #cccccc;border-left-color: #cccccc;}
.navigation-down .nav-down-menu dl{float:left;margin:18px 80px 18px 0}
.navigation-down .menu-1 dl{margin:20px 10px 25px 0}
.navigation-down .menu-1 dt{font:normal 16px "microsoft yahei";color:#61789e;padding-bottom:10px;margin-bottom:10px}
.navigation-down .menu-1 dd a{color:#000;font:normal 14px/30px "microsoft yahei"}
.navigation-down .menu-1 dd a:hover{color:#60aff6}
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#fff;font:normal 16px "microsoft yahei"}

.header {
    height: 140px;
    width: 1125px;
	margin:auto;
}
.logo {
    width: 302px;
    height: 140px;
    float: left;
}
.awards {
    height: 140px;
    float: right;
    width: 821px;
}

.awards ul li {
    width: 715px;
    height: 140px;
    float: left;
    text-align: left;
}

.img_outer>img{
  filter: none;
}
.img_outer>img:hover{
   
   cursor: pointer;
    filter: grayscale(100%);
    transition:all 0.2s;
}
.dj_hover>a.hover{color: #2e984e;}
.dj_hover>h3.hover{color: #2e984e;}
.dj_hover>span.hover{color: #2e984e;}
.content-five2{
	width:100%;
	height: 200px;
	margin:20px auto;
	border: 1px solid #ccc;
	padding: 15px 25px 15px 25px;
}
.con-five{
	width: 297px;
	height: 198px;
	float: left;

	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	
}
.conimg{
	width: 297px;
	height: 198px;
}

.sph{
	width: 95%;
	margin: 0 auto;
	padding: 20px 0;
}
.spbq{
	width: 20%;
	float: left;
	line-height: 2;
	padding: 5px 5px 0 5px;
	position: relative;
	overflow: hidden;
}
.spbq h2{
	color: #14191e;
	font: bold 25px/25px "Microsoft Yahei","Hiragino Sans GB",Helvetica,"微软雅黑",Tahoma,Arial,sans-serif;
	margin-top: 18px;
}
.spbq span{
	display: block;
	color: #b4bbbf;
	font: 14px/18px "Microsoft Yahei","Hiragino Sans GB",Helvetica,"微软雅黑",Tahoma,Arial,sans-serif;
	margin: 8px 0;
}
.spbq b{
	color: #787d82;
	font: 12px/18px "Microsoft Yahei","Hiragino Sans GB",Helvetica,"微软雅黑",Tahoma,Arial,sans-serif;
}
.biankuang{
	width: 3px;
	height: 3px;
	position: absolute;
	z-index: 99;
	border-radius:10px;
	/*background: black;*/
}
.biankuang_1{
	height: 3px;
	top: 70px;
	left:0px;
	border-left: 3px solid #008833;
}
.biankuang_2 {
	width: 0px;
	bottom:-3px;
	left: 0px;
	border-top: 6px solid #008833;
}
.biankuang_3{
	height: 0px;
	bottom:0px;
	right:0px;
	border-right: 3px solid #008833;
}
.biankuang_4{
	width:0px;
	top:70px;
	right:0px;
	border-bottom: 3px solid #008833;
}
.text_gobuy {
	position: absolute;
	z-index:9;
	top: -30px;
	left: 0px;
	width: 280px;
	height: 50px;
	overflow: hidden;
	background:rgba(207, 208, 211, 0);
	cursor: pointer;
	transition:all  300ms;
	-webkit-transition:all  300ms;
	-moz-transition:all  300ms;
	-o-transition:all  300ms;
}
.text_gobuy_show{
	height: 50px;
	position: absolute;
	z-index:9;
	bottom: 0px;
	width: 280px;
	overflow: hidden;
	padding: 20px 15px ;
	cursor: pointer;
	background-color: rgba(32, 32, 33,0.3);
}
.spbq p{
	position: absolute;
	bottom:10px;
	left:110px;
	line-height: 33px;
	color: #fff
}


table{border-collapse:collapse;border-spacing:0;}
fieldset,img,iframe,input{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}

q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}

table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
a, button { cursor:pointer}

/*defined*/
body {overflow: scroll; font-size:16px; height:100%; color: #000000; background:#FFF; font-family:"Microsoft Yahei";}
h1, h2, h3, h4, h5, h6, p, span, a{ line-height:1.2em; font-size:100%;font-family:"Microsoft Yahei";}

strong { font-weight:bold;}
a { color: #333;text-decoration: none;}
a:hover{text-decoration: none;}
a:hover { text-decoration:none;} 
.cl:after{ content:".";display:block;height:0;clear:both;visibility:hidden;}
.cl{ zoom:1;}
.r { float:right}
.l { float:left} 
.pt20{ padding-top:20px;}
.w1200{ width:1100px; margin:0 auto;    margin-top: 18%;}
/*one stare*/
.title{ text-align:center; padding:50px 0 15px 0;/* border-bottom:1px dashed #e0e0e0;*/}
.title h1{ font-size:40px;}
.title h1 span{ color:#9e9e9e;}
.title p{ font:20px/46px "Microsoft YaHei"; color:#2c3e50;}
.title p b{color:#9e9e9e;}
.important{ padding:20px 0 0px 0;}
.important li{ float:left; margin-right:33px;}

.important li a{ display:block;width:100px; height:85px; display:block; padding:16px;border-radius:15px;border:1px dotted #9e9e9e; background:#fff;}
.important li:hover a{ border:1px dotted #008833; background:#fff;}
.important li span{ width:60px; height:60px; display:block;}
.important .rcsp_1 span{ background:url("images/icon1.png") no-repeat bottom center;}
.important .rcsp_2 span{ background:url("images/icon2.png") no-repeat bottom center;}
.important .rcsp_3 span{ background:url("images/icon3.png") no-repeat bottom center;}
.important .rcsp_4 span{ background:url("images/icon4.png") no-repeat bottom center;}
.important .rcsp_5 span{ background:url("images/icon5.png") no-repeat bottom center;}
.important .rcsp_6 span{ background:url("images/icon6.png") no-repeat bottom center;}
.important .rcsp_7 span{ background:url("images/icon7.png") no-repeat bottom center;}
.important .rcsp_8 span{ background:url("images/icon8.png") no-repeat bottom center;}
.important .rcsp_9 span{ background:url("images/icon9.png") no-repeat bottom center;}
.bgbg { background:url("images/bgbg.png") center bottom no-repeat; width:100%; padding-bottom: 20px;}
.w1200 .important .rcsp_1:hover span, .w1200 .important .rcsp_2:hover span,.w1200 .important .rcsp_3:hover span,.w1200 .important .rcsp_4:hover span,.w1200 .important .rcsp_5:hover span,.w1200 .important .rcsp_6:hover span, .w1200 .important .rcsp_7:hover span, .w1200 .important .rcsp_8:hover span, .w1200 .important .rcsp_9:hover span{transition: background 0.3s;
-moz-transition: background 0.3s;
-ms-transition: background 0.3s;
-webkit-transition: background 0.3s;
-o-transition: background 0.3s;}
.w1200 .important .rcsp_1:hover span{ background:url("images/icon1.png") no-repeat top center;}
.w1200 .important .rcsp_2:hover span{ background:url("images/icon2.png") no-repeat top center;}
.w1200 .important .rcsp_3:hover span{ background:url("images/icon3.png") no-repeat top center;}
.w1200 .important .rcsp_4 span:hover{ background:url("images/icon4.png") no-repeat top center;}
.w1200 .important .rcsp_5 span:hover{ background:url("images/icon5.png") no-repeat top center;}
.w1200 .important .rcsp_6 span:hover{ background:url("images/icon6.png") no-repeat top center;}
.w1200 .important .rcsp_7 span:hover{ background:url("images/icon7.png") no-repeat top center;}
.w1200 .important .rcsp_8 span:hover{ background:url("images/icon8.png") no-repeat top center;}
.w1200 .important .rcsp_9 span:hover{ background:url("images/icon9.png") no-repeat top center;}
.important .rcsp_9{ margin-right:0px;}
.important li p{ line-height:18px; margin-top:7px; text-align:center; display:block; color:#000;}
.important li:hover p{ color:#008833;}
.important li strong{ border-bottom:1px solid #24d2b0; position:relative; display:block;margin-top:15px;z-index:4;}
.important li strong i{display:none;  position:absolute; width:0px; height:0px; border:10px solid transparent;display:block;left: 50%;margin-left: -9px;border-top-color: #9e9e9e;}
.important_l{ padding:30px 60px 0 20px; float:left; width:510px; overflow: hidden;}
.important_l img{width:450px;height:384px;}
.important_r{ float:left; padding:135px 60px 0px 95px;width:580px; overflow: hidden; }
.title_1{ text-align:center;}
.title_1 h3{ font:14px/16px "Arial";text-transform: uppercase; color:#535353; display: block;}
.title_1 h3 span ,.title_1 h2 span{ color:#ef571a;}
.title_1 h2{ font: bold 30px/40px "Microsoft YaHei"; color:#535353;padding-bottom: 5px;}
.icon_top{ width:100%; padding-top:25px;}
.icon_top i{ display:block; width:32px; height:32px;}
.icon_top .i_left{ float:left;}
.icon_top .i_right{ float:right; }
.icon_top .i_left1{ float:left; }
.icon_top .i_right1{ float:right; }
.study{ padding:0px 32px;}
.study h3{ font: bold 25px/30px "Microsoft YaHei"; color:#9e9e9e; display: block; padding-bottom:15px;}
.study span{ font:14px/18px "Microsoft YaHei";color:#fff;display: block;text-indent: 2em;}
.study img{ display:block; width:140px; height:90px; overflow:hidden; margin-left:35%;padding-top: 10px;}
.study .know{ background:#9e9e9e; display:block; font: bold 16px/30px "Microsoft YaHei"; padding:0px 10px; border-radius:50px; height:30px; color:#FFFFFF; text-align:center; margin:0 90px; margin-top:10px;}
/*one end*/
.public_img{ display:block; width:29px; height:29px; padding:15px 0 2px 0;}
.public_img_1{ width:59px; height:29px; display:block;}
.xc1{ background:url("images/index5_22.jpg") no-repeat top center;background-size: 100%;height: 415px;}
.xc2{ background:url("images/xc2.jpg") no-repeat top center;background-size: 100%;height: 415px;}
.xc3{ background:url("images/xc3.jpg") no-repeat top center;background-size: 100%;height: 415px;}
.xc4{ background:url("images/xc4.jpg") no-repeat top center;background-size: 100%;height: 415px;}
.xc5{ background:url("images/xc5.jpg") no-repeat top center;background-size: 100%;height: 415px;}
.xc6{ background:url("images/xc6.jpg") no-repeat top center;background-size: 100%;height: 415px;}
.xc7{ background:url("images/xc7.jpg") no-repeat top center;background-size: 100%;height: 415px;}
.xc8{ background:url("images/xc8.jpg") no-repeat top center;background-size: 100%;height: 415px;}

.w1100{ width:1100px; margin:0 auto; margin-top:2%}
.f_le2{float: left;margin: 0px 5px;}
.f_le{float: left;margin: 0px 1px;}

/**111111111111***/
/*----------- 遮罩内容区 开始------------------------------------*/
/*----------- 从底部上升的遮罩效果 开始---------------------------*/
.content-title{
	margin-top: 50px;
	text-align: center;
}
.content{
	width:1000px;
	height: 428px;
	margin:20px auto;
	padding: 15px 25px 15px 25px;
}
.con{
	width: 297px;
	height: 198px;
	float: left;
	margin-right: 35px;
	margin-bottom: 15px;
	position: relative;
	cursor: pointer;
}
.con img{
	width:270px;
	height: 350px;
}

.txt h3{
	font-weight: normal;
}

/*------------- 从底部上升的遮罩效果 结束 ------------------------------*/
/*------------- 直接显示遮罩效果 开始 ------------------------------*/
.content-two{
	width:1000px;
	height: 412px;
	margin:20px auto;
	border: 1px solid #ccc;
	padding: 15px 25px 15px 25px;
}
.con-two{
	width: 297px;
	height: 198px;
	float: left;
	margin-right: 35px;
	margin-bottom: 15px;
	position: relative;
	cursor: pointer;
}
.con-two img{
	width:297px;
	height: 198px;
}
.txt-two{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 138px;
	padding-top: 60px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,0.6);
	display: none;
}
.txt-two h3{
	font-weight: normal;
}
.txt-two p{
	font-size: 14px;
	display: block;
	line-height: 20px;
}
/*------------- 直接显示遮罩效果 结束------------------------------*/
/*------------- 从左上部显示遮罩效果  开始----------------------------*/
.content-three{
	width:1000px;
	height: 412px;
	margin:20px auto;
	border: 1px solid #ccc;
	padding: 15px 25px 15px 25px;
}
.con-three{
	width:270px;
	height: 400px;
	float: left;

	margin-bottom: 15px;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
.con-three img{
	width:270px;
	height: 350px;
}
.txt-three{
	position: absolute;
	left: -297px;
	top: -198px;
	width: 96%;
	height: 387px;
	padding-top: 100px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,0.6);
	filter:Alpha(opacity=80);
}
.txt-three h3{
	font-weight: normal;
	font-size:20px;
        width: 90%;
    	margin: auto;
}
.txt-three p{
	font-size: 12px;
	display: block;
	line-height: 20px;
	width: 90%;
        margin: auto;
}
/*------------- 从左上部显示遮罩效果  结束----------------------------*/
/*------------- 从左侧显示遮罩效果 开始 ------------------------------*/
.content-four{
	width:1000px;
	height: 412px;
	margin:20px auto;
	border: 1px solid #ccc;
	padding: 15px 25px 15px 25px;
}
.con-four{
	width: 297px;
	height: 198px;
	float: left;
	margin-right: 35px;
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.con-four img{
	width:297px;
	height: 198px;
}
.txt-four{
	position: absolute;
	left: -297px;
	top: 0;
	width: 100%;
	height: 138px;
	padding-top: 60px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,0.6);
	/*display: none;*/
}
.txt-four h3{
	font-weight: normal;
}
.txt-four p{
	font-size: 14px;
	display: block;
	line-height: 20px;
}
/*------------- 从左侧显示遮罩效果 结束------------------------------*/
/*------------- 图片放大效果 开始 ------------------------------*/
.content-five{
	width:1000px;
	height: 412px;
	margin:20px auto;
	border: 1px solid #ccc;
	padding: 15px 25px 15px 25px;
}
.con-five{
	width: 297px;
	height: 385px;
	float: left;

	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	
}
.conimg{
	width: 297px;
	height: 198px;
}
.txt-five{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 92%;
	height: 75px;
	line-height: 76px;
	text-align: left;
	color: #fff;
	background: rgba(0,0,0,0.6);
}
.txt-five h3{
	font-weight: normal;
}
/*------------- 图片放大效果 结束------------------------------*/
/*------------- 图片放大效果伴随蒙版文字出现 开始 ------------------------------*/
.content-six{
	width:1000px;
	height: 412px;
	margin:20px auto;
	border: 1px solid #ccc;
	padding: 15px 25px 15px 25px;
}
.con-six{
	
	float: left;

	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.conimg-two{
	
}
.txt-six{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 138px;
	padding-top: 60px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,0.2);
	display: none;
}
.txt-six h3{
	font-weight: normal;
}
.txt-six p{
	font-size: 14px;
	display: block;
	line-height: 20px;
}
/*------------- 图片放大效果伴随蒙版文字出现 结束------------------------------*/
/*------------- 遮罩内容区 结束--------------------------------------*/