@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; background:#fff;}

/*文字漂浮位置*/
.fl {text-align:left;}/*内容居左*/
.fr{text-align:right;}/*内容居右*/
.fc{text-align:center;}/*内容剧中*/
/*综合样式*/
div,form,img{margin: 0; padding: 0; border: 0; }
h1,h2,h3,h4,h5,h6 { margin:0px; padding:0px;}
ul,li { margin:0px; list-style:none; list-style-position:outside; padding:0px;}
li, ul, ol, dl, dd, dt { margin:0px; list-style:none; list-style-position:outside; padding:0px; text-indent:0;}

a:link {color: #333333; text-decoration:none;}
a:visited {color: #333333;text-decoration:none;}
a:hover {color: #a10d00; text-decoration:none;}
a:active {color: #333333;}
.left { float:left;}
.right { float:right;}
.center { float:left;}
.clear{ clear:both;}
.h10{ height:10px;}
.h15{ height:15px;}
.h20{ height:20px;}
.h30{ height:30px;}
.h40{ height:40px;}
.h50{ height:50px;}
.h110{ height:110px;}
.h150{ height:150px;}
.zqdy{display:none;}


.top22 img {
    margin: 0;
    left: 0;
    right: 0;
    background-size: cover;
    background-position: center;
    min-width: 100%;
    max-width: 1200px;
    height: auto;
    display: block;
    overflow: hidden;
}
.dh2 {
    width: 470px;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    height: 30px;
    font-weight: bold;
    overflow: hidden;
}
.dp {
    width: 470px;
    font-size: 16px;
    text-align: left;
    text-indent: 2em;
    line-height: 23px;
    height: 69px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    border-bottom: 1px dashed #f3c983;
    color: #000;
}


.bj01{background:url(hknxw2022_r2_c1.png) no-repeat top center; height:74px; min-width:1200px;}
.bj02{background:url(hknxw2022_r4_c4.png) no-repeat top center; height:50px;}
.bj03{background:url(hknxw2022_r17_c3.png) no-repeat top center; width:400px; height:759px; margin-right:10px;}


.list li {
    float: left;
    width: 425px;
    margin: 0px 20px 0px 20px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px dotted #000;
    font-size: 18px;
    overflow: hidden;
}

.listaa li {
    float: left;
    width: 400px;
    margin: 0px 35px 0px 30px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px dotted #000;
    font-size: 18px;
    overflow: hidden;
}

.m21 ul li {
    position: relative;
    width: 320px;
    height: 207px;
    float: left;
    margin: 5px;
}

element.style {
}
.m21 ul li h3 {
    position: absolute;
    width: 100%;
    height: 35px;
    text-align: center;
    color: rgb(255, 255, 255);
    bottom: 0px;
    right: 0px;
    font: 12px / 35px 黑体;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.5);
}
.ksxz {
    width: 480px;
}
.ksxz li {
    float: left;
    border-bottom: 1px dashed #000;
    width: 470px;
    line-height: 40px;
    height: 40px;
    text-align: left;
    font-size: 18px;
    overflow: hidden;
    margin-bottom: 5px;
}
.wrap{width:1000px; margin:0 auto;}

.lieb3 {
    width: 1000px;
}
.lieb3 li {
    width: 485px;
    text-align: left;
    margin-bottom: 10px;
    float: left;
    font-size: 16px;
    line-height: 25px;
    overflow: hidden;
    height: 25px;
}

.lieb4 {
    width:480px;
}
.lieb4 li {
    width: 470px;
    text-align: left;
    margin-bottom: 10px; padding-right:10px;
    float: left;
    font-size: 16px;
    line-height: 25px;
    overflow: hidden;
    height: 25px;
}

.ul_liebiao1 li {
    float: left;
    height: 191px;
    width: 230px;
    position: relative;
    overflow: hidden;
    margin: 10px;
    overflow: hidden;
}
.ul_liebiao1 li img {
    height: 191px;
    width: 230px;
    z-index: 10;
}
.ul_liebiao1 li div {
    width: 230px;
    height: 25px;
    filter: alpha(Opacity=60);
    -moz-opacity: 0.5;
    opacity: 0.5;
    z-index: 100;
    position: absolute;
    right: 0px;
    bottom: 0px;
    background-color: #000;
    font: 14px '宋体';
    color: #FFFBF0;
    text-align: center;
    line-height: 25px;
}


.hctp{
	margin-top:10px;
	margin-left:5px;
	width:960px;
	overflow:hidden;
}
.jdt .ul01 {
	margin: 0px;
	padding: 0px;
	height: 260px;
	width: 1000px;
}
.jdt .ul01 li{
	position: relative;
	width:57px;
	float: left;
	height: 400px;
	background-color: #000;
	overflow: hidden;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
}
.jdt .ul01 li img{
	width:530px;
	height: 400px;
	
}

.jdt .ul01 li .wz{
background-color: #000000;position: absolute;
width:520px;height:30px;color: #FFF;
padding:5px;
filter:alpha(opacity=60);-moz-opacity:0.6;opacity: 0.6;
overflow: hidden;bottom: 0px;left:0px;line-height: 30px;	
}
.lm1leftaa {
    width: 400px;
    float: left;
    margin: 5px; margin-left:60PX;
}
.lm1rightaa {
    width: 470px;
    float: left;
    margin-left: 20px;
}



.lm1left {
    width: 500px;
    float: left;
    margin: 5px;
}

.lm1right {
    width: 480px;
    float: left;
    margin-left: 10px;
}
.ul_liebiao2 li {
    float: left;
    height: 351px;
    width: 480px;
    position: relative;
    overflow: hidden;
    margin: 10px;
    overflow: hidden;
}
.ul_liebiao2 li img {
    height: 351px;
    width: 480px;
    z-index: 10;
}
.ul_liebiao2 li div {
    width: 480px;
    height: 25px;
    filter: alpha(Opacity=60);
    -moz-opacity: 0.5;
    opacity: 0.5;
    z-index: 100;
    position: absolute;
    right: 0px;
    bottom: 0px;
    background-color: #000;
    font: 14px '宋体';
    color: #FFFBF0;
    text-align: center;
    line-height: 25px;
}




.ksxz {
    width: 480px;
}
.ksxz li {
    float: left;
    border-bottom: 1px dashed #fff;
    width: 470px;
    line-height: 40px;
    height: 40px;
    text-align: left;
    font-size: 16px;
    overflow: hidden;
    margin-bottom: 3px;
}
.ksxz li a {
    color: #000;
}

.ksxz2 {
    width: 440px;
}
.ksxz2 li {
    float: left;
    border-bottom: 1px dashed #CCC;
    width: 440px;
    line-height: 45px;
    height: 45px;
    text-align: left;
    font-size: 17px;
    overflow: hidden;
    margin-bottom: 5px;
}
.ksxz2 li a {
    color: #000;
}

.banner{position: relative;overflow: auto;text-align: center;width:482px;margin:0 auto}
.banner .dots{position:absolute;left:0;right:0;bottom:70px;z-index:3;}
.banner .dots li{display:inline-block;width:10px;height:10px;margin:0 4px;text-indent:-999em;border:2px solid #fff;border-radius:6px;cursor:pointer;opacity:.4;-webkit-transition:background .5s,opacity .5s;-moz-transition:background .5s,opacity .5s;transition:background .5s,opacity .5s}
.banner .dots li.active{background:#fff;opacity:1}
.banner .arrow{position:absolute;width:20px;height:37px;top: 50%; margin-top: -18px; overflow: hidden;z-index: 2; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;  -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.banner #al{left:15px}
.banner #ar{right:15px}
.banner ul{z-index: 1;width: 600%;overflow: hidden;}
.banner ul .slider-item {width:482px; float: left;height:350px; position: relative; overflow: hidden;}
.banner ul .slider-item .slider-title {position: absolute;left: 0;bottom: 0px;width: 452px;max-height: 56px;padding: 15px;text-align:left;line-height: 28px;color: #fff;font-size: 18px;font-weight: bold;background: -webkit-linear-gradient(top, transparent, rgba(0,0,0,0.9));background: url(../images/slider-info-bg.png) \9;}
.banner .progress{position:absolute;left:0;bottom:0;width:15%;min-height:3px;overflow:hidden;z-index:2;background:#f60}


/*3D图片切换*/

#certify {
	position: relative;
	width: 940px;
	margin: 0 auto
}
#certify .swiper-container {
	padding-bottom: 60px;
}
#certify .swiper-slide {
	width: 490px;
	height: 298px;
	background: #fff;
	box-shadow: 0 8px 30px #ddd;
}
#certify .swiper-slide img {
	display: block;
	width: 490px; height:300px;
}
#certify .swiper-slide p {
	line-height: 38px;
	padding-top: 0;
	text-align: center;
	color: #fff;
	font-size: 1.1em;
	margin: 0;
	background-color: rgb(44, 46, 48, 0.5);
	opacity: 0.402;
}
#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}
#certify .swiper-button-prev {
	left: 70px;
	width: 45px;
	height: 45px;
	background: url(http://www.hkwb.net/templateRes/202009/25/20907/2020lvgs/wm_button_icon.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}
#certify .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%
}
#certify .swiper-button-next {
	right: 70px;
	width: 45px;
	height: 45px;
	background: url(http://www.hkwb.net/templateRes/202009/25/20907/2020lvgs/wm_button_icon.png) no-repeat;
	background-position: 0 -93px;
	background-size: 100%;
}
#certify .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%
}

.ksxz1 li {
    float: left;
    width: 448px;
    line-height: 40px;
    height: 40px;
    text-align: left;
    font-size: 16px;
    overflow: hidden;
    margin-left: 30px;
}


.ul_liebiao1 li {
    float: left;
    height: 191px;
    width: 310px;
    position: relative;
    overflow: hidden;
    margin: 10px;
    overflow: hidden;
}

.ul_liebiao1 li img {
    height: 191px;
    width: 310px;
    z-index: 10;
}

.ul_liebiao1 li div {
    width: 310px;
    height: 25px;
    filter: alpha(Opacity=60);
    -moz-opacity: 0.5;
    opacity: 0.5;
    z-index: 100;
    position: absolute;
    right: 0px;
    bottom: 0px;
    background-color: #000;
    font: 14px '宋体';
    color: #FFFBF0;
    text-align: center;
    line-height: 25px;
}

svg{
	fill: currentColor;
}
.mt-tabpage {
	width: 1000px;
	margin: 0px auto;
	
}
.mt-tabpage-title {
	height: 44px;
	font-size: 0;
	width: 50%;
	margin: auto; float:right;
}
.mt-tabpage-title .mt-tabpage-item {
	display: inline-block;
	width: 50px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	font-size: 12px;
	color: #fff;
    font-size: 14px;
    border: 1px solid #fff;
    border-radius: 50px;
    font-weight: bold; margin-left:20px;
	
	
}
.mt-tabpage-title .mt-tabpage-item:hover{
	color: #eb4537;
}
.mt-tabpage-title .mt-tabpage-item-cur {
	color: #00a692;
	font-size: 14px;
border: 1px solid #00a692;
    background: #fff; border-radius: 50px; font-weight:bold;
}
.mt-tabpage-count {
position: relative;
    width: 1000px;
    height: 380px;
    overflow: hidden;
    border: 1px dashed #fff;
    padding-top: 20px; border-radius: 30px;
}
.mt-tabpage-cont__wrap {
	position: absolute;
}
.mt-tabpage-count .mt-tabpage-item {
	width: 1000px;
	height: 500px;
	line-height: 200px;
	text-align: center;
}



/*版权信息*/
.dowm{width:100%; background:url(hknxw2022_r26_c1.png) no-repeat top center; height:323px; min-width:1200px;}
.dowm_first{text-align:center; font-size:14px; height:20px; line-height:20px; padding-top:100px; font-family:"宋体"; font-weight:bold; color:#fff; margin-bottom:10px;}
.dowm_second{ text-align:center; font-size:14px; height:20px; line-height:20px; font-family:"宋体"; font-weight:bold; color:#fff; margin-top:10px; margin-bottom:10px;}
.dowm_third{ text-align:center; font-size:14px; height:20px; line-height:20px; font-family:"宋体"; font-weight:bold; color:#fff;}
.dowm_fourth{ text-align:center; font-size:14px; height:20px; line-height:20px; font-family:"宋体"; font-weight:bold; color:#fff;}
.dowm_fourth a{ color:#fff;}
/*版权信息*/



.con {
    margin: 0 auto;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 445px;
    width: 740px;
}
.zxbb_box {
    width: 720px;
    font-family: 微软雅黑;
    font-size: 16px;
    color: rgb(0, 0, 0);
    line-height: 25px;
    margin: 0px auto;
}

.m21 ul li {
    position: relative;
    width: 320px;
    height: 207px;
    float: left;
    margin: 5px;
}
.m21 ul li h3 {
    position: absolute;
    width: 100%;
    height: 35px;
    text-align: center;
    color: rgb(255, 255, 255);
    bottom: 0px;
    right: 0px;
    font: 12px / 35px 黑体;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.5);
}





.list2 li {
    float: left;
    width: 455px;
    margin: 0px 20px 0px 20px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px dashed #000;
    font-size: 18px;
    overflow: hidden; color:#ffea5d; color:#000;
}

.list2 li a{color:#000;}



.rt {
    text-align: right;
    width: 100px;
    font-size: 16px;
    color: #595959;
    font-weight: bold;
}
table td {
    line-height: 40px;
}

.layui-input, .layui-textarea {
    display: block;
    width: 100%;
    padding-left: 10px;
}
.input_text {
    padding: 4px;
    border: 1px solid #d2d2d2;
    font-size: 16px;
    background: #eeeeee;
}
.code {
    background-color: #336799;
    font-family: Arial;
    font-style: italic;
    color: Red;
    border: 0;
    padding: 2px 3px;
    letter-spacing: 3px;
    font-weight: bolder;
    height: 23px;
}
.tijiao {
    width: 200px;
    clear: both;
    float: right;
    margin-right: 150px;
    margin-top: 20px;
}
.sp10 {
    height: 10px;
    clear: both;
    font-size: 1px;
    display: block;
    overflow: hidden;
}

.tyjznr {
    width: 390px; padding:5px;
}
.tyjznr li {
    width: 390px;
    float: left;
    margin-top: 5px; height:150px; margin-bottom:10px;
}
.tyjznr_left {
    width: 120px;
    height: 130px;
    float: left;
}
.tyjznr_right {
    width: 240px;
    margin-left: 10px;
    float: left;
}
.tyjznr_right h3 {
    font-size: 20px;
    font-family: "微软雅黑";
    text-align: center;
    height: 30px;
    overflow: hidden;
    line-height: 30px;
}
.tyjznr_right p {
    text-align: left;
    text-indent: 2em;
    font-size: 14px;
    font-family: "微软雅黑";
    overflow: hidden;
    height: 100px;
    padding: 0;
    margin: 0;
    line-height: 24px;
}