@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;}
.backhome {
    position: fixed;
    right: 0px;
    bottom: 50px;
    z-index: 9999;
}

.top22 img {
    margin: 0;
    left: 0;
    right: 0;
    background-size: cover;
    background-position: center;
    min-width: 1010px;
    max-width:100%;
    height: auto;
    display: block;
    overflow: hidden;
}


.ul_liebiao122 li {
    float: left;
    height: 221px;
    width: 310px;
    position: relative;
    overflow: hidden;
    margin: 10px;
    overflow: hidden;
}
.ul_liebiao122 li img {
    height: 221px;
    width: 310px;
    z-index: 10; border:2px solid #F90;
}
.ul_liebiao122 li div {
    width: 306px;
    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;
}
.bj01{background:url(2021HKDDHZT_r1_c1.png) no-repeat top center; height:1056px; min-width:1300px;}
.bj02{background:url(2021HKDDHZT_r2_c1.png) no-repeat top center; height:604px; min-width:1300px;}
.bj03{background:url(2021HKDDHZT_r3_c1.png) no-repeat top center; height:720px; min-width:1300px;}
.bj04{background:url(2021HKDDHZT_r4_c1.png) no-repeat top center; height:906px; min-width:1300px;}
.bj05{background:url(2021HKDDHZT_r5_c1.png) no-repeat top center; height:1270px; min-width:1300px;}
.bj06{background:url(2021HKDDHZT_r6_c1.png) no-repeat top center; height:798px; min-width:1300px;}
.bj07{background:url(2021HKDDHZT_r7_c1.png) no-repeat top center; height:588px; min-width:1300px;}
.bj08{background:url(2021HKDDHZT_r8_c1.png) no-repeat top center; height:676px; min-width:1300px;}
/*3D图片切换*/





#certify {
	position: relative;
	width: 940px;
	margin: 0 auto
}
#certify .swiper-container {
	padding-bottom: 60px;
}
#certify .swiper-slide {
	width: 490px;
	height: 328px;
	background: #fff;
	box-shadow: 0 8px 30px #ddd;
}
#certify .swiper-slide img {
	display: block;
	width: 490px; height:330px;
}
#certify .swiper-slide p {
	line-height: 38px;
	padding-top: 0;
	text-align: center;
	color: #fff;
	font-size: 1.1em;
	margin: 0;
	background-color: rgb(35, 99, 181);
	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%
}

.list li {
    float: left;
    width: 455px;
    margin: 0px 20px 0px 20px;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px dotted #ccc;
    font-size: 14px;
    overflow: hidden;
}

list li span {
    float: left;
    /* width: 78px; */
    height: 25px;
    line-height: 25px;
    color: #fff;
    text-align: center;
    margin: 10px 10px 0px 0px;
    /* background: #d7ad57; */
}



.wrap{width:1010px; margin:0 auto;}
.wrap33{width:940px; margin:0 auto;}
.wrap11{width:980px; 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;	
}




.lm1left {
    width: 500px;
    float: left;
    margin: 5px;
}

.lm1right {
    width: 420px;
    float: left;
    margin-left: 10px;
}

.lm2left {
    width: 500px;
    float: left;
    margin: 5px;
}

.lm2right {
    width: 420px;
    float: left;
    margin-left: 20px;
	margin-right: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: 410px;
}
.ksxz li {
    float: left;
    border-bottom: 1px dashed #CCC;
    width: 410px;
    line-height: 35px;
    height: 35px;
    text-align: left;
    font-size: 17px;
    overflow: hidden;
    margin-bottom: 5px;
}
.ksxz li a {
    color: #000;
}

.dh2 {
    width: 410px;
    font-size: 20px;
    text-align: center;
    line-height: 30px;
    height: 30px;
    font-weight: bold;
    overflow: hidden;
}

.dh2 a{color:#005ba9;}
.dp {
    width: 410px;
    font-size: 16px;
    text-align: left;
    text-indent: 2em;
    line-height: 35px;
    height: 110px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    border-bottom: 1px dashed #CCC; color:#005ba9;
}

.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:460px;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:460px; float: left;height:390px; 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: 328px;
	background: #fff;
	box-shadow: 0 8px 30px #ddd;
}
#certify .swiper-slide img {
	display: block;
	width: 490px; height:380px; border:5px solid #FC0;
}
#certify .swiper-slide p {
	line-height: 38px;
	padding-top: 0;
	text-align: center;
	color: #fff;
	font-size: 1.1em;
	margin: 0;
	background-color: rgb(35, 99, 181);
	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: 440px;
    line-height: 40px;
    height: 40px;
    text-align: left;
    font-size: 16px;
    overflow: hidden;
    margin-left: 30px;
}

.ksxzA li {
    float: left;
    width: 440px;
    line-height: 40px;
    height: 40px;
    text-align: left;
    font-size: 16px;
    overflow: hidden;
    margin-left: 30px;
}
.ksxzA li a{color:#FFF;}


.ksxz3 li {
    float: left;
    width: 330px;
    line-height: 40px;
    height: 40px;
    text-align: left;
    font-size: 18px;
    overflow: hidden;
    margin-left: 20px;
}


.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;
}

.dtl30 {
    width: 100%;
    position: relative;
    overflow: hidden;

}
.dtl30 img {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.dtl30 .dtl {
    background: rgba(51, 51, 51, 0.5);
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.dtl30 .dtl p {
    padding:40px 48px;
    font-size: 20px;
	font-weight:bold;
    margin-bottom: 10px;
    line-height: 1.2;
    color: #fff;
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
    text-indent: 10px;
	writing-mode : tb-rl
}
.dtl30 .dtl a {
    margin-right: 15px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    color: #333;
    float: right;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
    font-size: 13px;
    padding: 2px 5px;
    text-align: center;
    text-decoration: none;
}



.picCenter {
            width: 888px;
            margin: 15px auto;
        }

        .xinxiIcon {
            margin:0 0 -20px auto;
        }

        .xinxiIcon img {
            width: 100%;
            height: auto;
            object-fit: cover;
        }
		


        .photo_nr {
            display: flex;
            align-items: center;
            width: 888px;
            margin: 15px auto;
        }

        .informationText {
            width: 888px;
            margin: 15px auto;
            text-align: center;
        }

        .informationText span {

            background: #ffffff;
            color: #1C1F86;
        }

        ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .photo_nr ul li {
            float: left; margin-left:35px;
            line-height: 30px;
            text-align: center;
        }

        .photo_nr p {
            padding: 0;
            margin: 0;
        }


        #LeftArr {
            background:url(left.png) no-repeat;
            width: 40px;
            height: 40px;
            margin-left: -15px;
            text-decoration: none;
            color: #323232;
        }

        #RightArr {
            background: url(right.png) no-repeat;
            width: 40px;
            height: 40px;
            margin-right: -15px;
            text-decoration: none;
            color: #323232;
        }



.top img {
    margin: 0;
    left: 0;
    right: 0;
    background-size: cover;
    background-position: center;
    min-width: 100%;
    max-width: 1105px;
    height: auto;
    display: block;
    overflow: hidden;
}

.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);
}
.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;
}
.bjAAB{background:url(bj8008.png) no-repeat top center; height:277px;}

.list li {
    float: left;
    width: 455px;
    margin: 0px 10px 0px 30px;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px dotted #ccc;
    font-size: 14px;
    overflow: hidden;
}
.list li a{color:#FFF;}


.list2 li {
    float: left;
    width: 455px;
    margin: 0px 10px 0px 30px;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px dotted #ccc;
    font-size: 14px;
    overflow: hidden;
}


.zxbd_title24:visited {
    font-family: "微软雅黑";
    font-size: 24px;
    line-height: 30px;
    color: #000000;
    text-decoration: none;
}
.zxbd_title24:link {
    font-family: "微软雅黑";
    font-size: 20px;
    line-height: 30px;
    color: #000000;
    text-decoration: none; height:30px; overflow:hidden; font-weight:bold;
}




.zs_img img{ cursor:pointer;}
.zj_box p{ padding-bottom:0px;}
.zj_box h1 {
    line-height: 80px;
}

.zw_bj{background:none;}
.e-swiper-ctrl .swiper-slide div{background: url(20211008-dnwwq-ws_qh_xx.png) repeat-y center top;
overflow:hidden; padding-top:5px;}

.zw2{ text-align:left;}

.zw2 {
    font-family: "微软雅黑", "黑体";
    font-size: 18px;
    color: #000000;
    text-align: right;
    line-height: 20px;
	height:60px; overflow:hidden;
 
    width: 460px;
    background: url(20211008-dnwwq-ws_qh_dd.png) no-repeat right 30px;
    padding-right: 36px;
    float: left;
}

.zw1{font-family:"微软雅黑", "黑体"; font-size:18px; color:#000000; text-align:left; line-height:30px; height:60px; overflow:hidden; padding-top:5px;  width:460px; background:url("20211008-dnwwq-ws_qh_dd.png") no-repeat left 30px; padding-left:36px; float:right;}








.demo {width: 460px;height: 375px;font-size: 14px;position:relative;}
.demo a.control {position:absolute;display: block;top: 50%;margin-top: -58px;width: 76px;height: 112px;cursor: pointer;z-index: 2;background: url(https://www.ncnews.com.cn/xwzx/nczt/zgncsdsecdbdh/tpxwfz/images/buttons.png) no-repeat}
.demo a.prev {left: 0;background-position: 0 0}
.demo a.next {right: 0;background-position: -76px 0}
.demo a.prev:hover {background-position: 0 -112px}
.demo a.next:hover {background-position: -76px -112px}

.slider {display: none}




.container {width:984px; margin:0 auto;}
.zj_box {padding-top:50px;}
.zj_box h1 {font-size:30px; line-height:120px; color:#981111;}
.zj_box p {font-size:20px; line-height:48px; color:#981111; padding-bottom:20px;}
.bt_more {width:148px; height:46px; margin:0 auto;}
.bt_more img {width:100%; height:100%;}

.tl_a {width:388px; height:125px; margin:0 auto;}
.tl_a img {width:100%; height:100%;}

.zs_box {width:240px; float:left; line-height:34px; padding:5px; height:432px; overflow:hidden; text-align:left;}
.zs_img {width:240px; text-align:center;}
.zs_img img {width:240px; height:330px;}
.zs_img a{ color:#FFF; text-align:left; height:105px; overflow:hidden;}
.bt_djxq {width:240px; height:42px;}
.bt_djxq img {width:100%; height:100%;}

.bt_moreb {width:270px; height:80px; margin:0 auto; padding:30px;}
.bt_moreb img {width:100%; height:100%;}


/*版权信息*/
.dowm{width:100%; background:url(2021HKDDHZT_r9_c1.png) no-repeat top center; height:431px; min-width:1300px;}
.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;}
/*版权信息*/


<!--日期切换csS-->  
.anpic{padding:0 2%; margin:0px auto 0; overflow:hidden;width:900px;}
.anpic li{width:21%; margin-right:2%; margin-left:2%; float:left; text-align:center;cursor: pointer; font-size:24px; font-weight:bold; color:#FFF; font-weight:bold;}

.anpic li:hove{color:#999;}

.picbj{height:800px;width:900px;margin:0 auto}
.picbj_text{padding:10px; font-size:20px; width: 880px; line-height:36px; font-family:"楷体"; TEXT-INDENT: 2em;}
.picbj_text a{ color:#000}
.picbj_text img{float:right;margin:0 0 0 0px}
<!--日期切换csS-->  

