@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;}

.liebiaohongxian{width:100%; border-bottom:1px solid #cf4646; margin-bottom:10px;}


.bjA{background:url(BJ.png) no-repeat top center; height:1033px;}
.bjB{background:url(mp.png) no-repeat top center; height:391px;}
.bjC{background:url(ply.png) no-repeat top center; height:215px;}
.bjD{background:url(BJ2.png) no-repeat top center; height:216px;}


.yq01{left;margin: 0;padding: 0px 10px 0 10px;font-size: 16px;line-height: 22px; white-space: nowrap;}

.yq02{left;margin: 0;padding: 0px 10px 0 10px;font-size: 14px;line-height: 22px; white-space: nowrap;}

.nr01{line-height:20px; font-size:14px; font-weight:bold; color:#fff;}
.nr01 a{ color:#FFF;}
.nr02{color:#fff;}

.nrw1{width:1080px; border-top:1px solid #cf4646;}

.nrw2{width:900px; margin:0 auto; margin-top:5px; margin-bottom:5px; }

.nrw3{ background-color:#f1f1f1; width:100%; padding-top:15px; padding-bottom:20px;}



.nav1 li{ float:left; font-weight:bold; width:70px; margin:3px; font-size:15px;  text-align:center;}

.nav1 li a:hover {color: #fff; text-decoration:none; background:#a90e12; padding:5px;}


.hot_a {
    font-size: 14px;
    margin: 6px auto;
    width: 1000px;
    overflow: hidden;
    height: 50px;
    line-height: 25px;
    text-align: left;
    text-indent: 2em;
}

.hot_B a{ color:#a90e12}
#search_box {
    width: 183px;
    height: 35px; border:1px #CCC solid; border-radius:5%
}
#search_box #imageField {
    float: right;
    margin: 3px 4px 0 0;
}

#search_box #contentKey {
    float: left;
    padding: 0;
    margin: 6px 0 0 6px;
    border: 0;
    width: 140px;
    background: none;
    font-size: .8em;
    font-size: 14px; height:25px;
}

.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;
}
.tp1{ background:url(mtcfhd_r2_c1.png) no-repeat top center; height:157px; min-width:1200px;}
.tp2{ background:url(mtcfhd_r4_c1.png) no-repeat top center; height:153px; min-width:1200px;}
.tp3{ background:url(mtcfhd_r6_c1.png) no-repeat top center; height:156px; min-width:1200px;}



/*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:350px;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:350px; float: left;height:270px; position: relative; overflow: hidden;}
.banner ul .slider-item .slider-title {position: absolute;left: 0;bottom: 0px;width: 330px; overflow: hidden; 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}


.lzply_name {
    width: 350px;
    height: 221px; margin:0 auto; font-size:16px; text-align:center;
}
.lzply_name div {
    margin: 5px 37px;
    font: 16px '微软雅黑';
}


/*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;
}

/*版权信息*/
.dowm{width:100%; background:url(mtcfhd_r8_c1.png) no-repeat top center; height:412px; min-width:1010px;}
.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;}
/*版权信息*/

<!--新版翔宇列表页页码样式-->
.pages	{ font-size: 13px; padding:0; text-align: center;margin: 20px  auto; width:660px; margin-top:40px;}
.pages li{float: left;margin-right: 6px;}
.page-previous a{background-color:#fff;border:1px solid #e4e4e4;border-radius:5px; padding:5px;}
.page-next a{background-color: #fff;border: 1px solid #e4e4e4;border-radius: 2px; padding: 7px 14px;}
.page a{background-color: #f5f5f5;border: 1px solid #d7d7d7;border-radius: 2px;color: #333;cursor: pointer;padding: 7px 14px;text-decoration: none;}
.page a:hover,.page-active a{background-color: #cc2a1d;border: 1px solid #cc2a1d; color: #FFFFFF;}

.content_l3{ border-bottom: 1px solid #E3E3E3; border-left: 1px solid #E3E3E3;  border-right: 1px solid #E3E3E3;float: left; width:875px; height:1500px;}
#news_list{ margin: 10px; _margin: 5px; padding: 0px; }
.list_2_l22 {padding-bottom: 0px; padding-left: 0px; width: 92%; padding-right: 0px; margin-left: auto; font-size: 14px; margin-right: auto; padding-top:30px}
