@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; background:url(bbb.png) repeat top center; height:39px;}

/*文字漂浮位置*/
.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: #000; text-decoration:none;}
a:visited {color: #000;text-decoration:none;}
a:hover {color: #000; text-decoration:none;}
a:active {color: #000;}
.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;}

.lmt{background:url(hhwy_02.gif) no-repeat top center; height:208px; min-width:1200px;}

.tp1{background:url(gxjs_r2_c1.png) no-repeat top center; height:1068px; min-width:1200px;}
.tp1A{background:url(gxjs2.png) no-repeat top center; height:814px; min-width:1200px;}

.tp2{background:url(gxjs_r3_c1.png) no-repeat top center; height:964px; min-width:1200px;}

.tp3{background:url(gxjs_r4_c1.png) no-repeat top center; height:600px; min-width:1200px;}
.tp4{background:url(gxjs1.png) no-repeat top center; height:666px; }





.m21 ul li {
    position: relative;
    width: 306px;
    height: 207px;
    float: left;
    margin: 13px;
	 
}
.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);
}


.top img {
    margin: 0 auto;
    left: 0;
    right: 0;
    background-size: cover;
    background-position: center;
    min-width: 1200px;
    max-width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
}

.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;	
}




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

.lm1right {
    width:520px;
    float: left;
    margin-left: 20px;
}
.ul_liebiao2 li {
    float: left;
    height: 351px;
    width: 380px;
    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: 520px;
}
.ksxz li {
    float: left;
    border-bottom: 1px dashed #000;
    width: 520px;
    line-height: 40px;
    height:40px;
    text-align: left;
    font-size: 16px;
    overflow: hidden;
    margin-bottom: 5px;
}
.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:462px;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:480px; float: left;height:350px; position: relative; overflow: hidden;}
.banner ul .slider-item .slider-title {position: absolute;left: 0;bottom: 0px;width: 502px;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}


.list li {
    font-size: 16px; float:left; height:30px; overflow:hidden; text-align:left;   line-height: 30px;
    overflow: hidden; width:460px; color:#FFF; margin-top:10px;
}
.list li a{color:#FFF;}




.ul_liebiao22 li {
    float: left;
    height: 200px;
    width: 320px;
    position: relative;
    overflow: hidden;
    overflow: hidden; margin-bottom:10px;
}

.ul_liebiao22 li img {
    height: 200px;
    width: 320px;
    z-index: 10;
    border: 0;
}

.ul_liebiao22 li div {
    width: 320px;
    height: 25px;
    opacity: 0.7;
    z-index: 100;
    position: absolute;
    right: 0px;
    bottom: 0px;
    background-color: rgb(0, 0, 0);
    color: rgb(255, 251, 240);
    text-align: center;
    margin-right: 1px;
    font: 14px/25px 微软雅黑, 宋体;
    overflow: hidden;
}


.ul_liebiao23 li {
    float: left;
    height: 410px;
    width: 320px;
    position: relative;
    overflow: hidden;
    overflow: hidden; 
}

.ul_liebiao23 li img {
    height: 410px;
    width: 320px;
    z-index: 10;
    border: 0;
}

.ul_liebiao23 li div {
    width: 320px;
    height: 25px;
    opacity: 0.7;
    z-index: 100;
    position: absolute;
    right: 0px;
    bottom: 0px;
    background-color: rgb(0, 0, 0);
    color: rgb(255, 251, 240);
    text-align: center;
    margin-right: 1px;
    font: 14px/25px 微软雅黑, 宋体;
    overflow: hidden;
}

.dh2 {
    width: 520px;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    height: 30px;
    font-weight: bold;
    overflow: hidden;
}

.dp {
    width: 520px;
    font-size: 16px;
    text-align: left;
    text-indent: 2em;
    line-height: 35px;
    height: 75px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    border-bottom: 1px dashed #000; color:#000;
}

.ksxz11 li {
    float: left;
    border-bottom: 1px dashed #CCC;
    width: 490px;
    line-height: 55px;
    height: 55px;
    text-align: left;
    font-size: 16px;
    overflow: hidden;
    margin-left: 30px;
}


	.dowm{ background:url(gxjs_r5_c1.png) no-repeat top center; height:331px; min-width:1200px;}
	.dowm_first{text-align:center; font-size:16px;  padding-top:130px; font-family:"宋体"; font-weight:bold; color:#fff;}
	.dowm_second{ text-align:center; font-size:16px; height:30px; line-height:30px; font-family:"宋体"; font-weight:bold; color:#fff;}
	.dowm_third{ text-align:center; font-size:16px; height:30px; line-height:30px; font-family:"宋体"; font-weight:bold; color:#fff;}
	.dowm_fourth{ text-align:center; font-size:16px; height:30px; line-height:30px; font-family:"宋体"; font-weight:bold; color:#fff;}
	.dowm_fourth a{ color:#fff;}
	

.tpliebiao{width:975px; padding-left:15px; padding-right:20px;}
.tpliebiao li{ width:315px; margin-left:10px; float:left;}
.tpliebiao li img{width:315px; height:260px;}
.list2 li {
    font-size: 18px; float:left; height:45px; overflow:hidden; text-align:left;   line-height: 45px;
    overflow: hidden; width:460px; color:#Fff; margin-left:10px; margin-top:10px; margin-right:10px; border-bottom:1px solid #FC0;
}
.list2 li a{color:#000;}




/*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%
}





.ul_liebiao1A li {
    float: left;
    height: 230px;
    width: 310px;
    position: relative;
    overflow: hidden;
    margin: 10px;
    overflow: hidden;
}
.ul_liebiao1A li img {
    height: 230px;
    width: 310px;
    z-index: 10;
}
.ul_liebiao1A 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;
}




.s_moreread dl {
    overflow: hidden;
    color: #999;
    font-size: 16px;
    margin-bottom: 10px;
    /* border-bottom: 1px dashed #ddd; */
    background: #fff4e8;
    padding: 10px;
    box-shadow: darkgrey 2px 2px 5px 2px;
}


.s_moreread dt {
	float: right;
	margin-right:5px;
}
.s_moreread dd h3 {
	font-size:22px;
	color: #000;
	text-align:left;
	overflow: hidden;
	/*white-space: nowrap;*/
	text-overflow: ellipsis;
	line-height:30px;
	max-height:60px;
}
.s_moreread dd {
	overflow: hidden;
/*	white-space: nowrap;*/
	text-overflow: ellipsis;
	text-align: left;
	font-size: 16px;
	margin-top:15px;
}
.s_moreread dd:nth-of-type(2) {
	text-align: left;
/*	padding-bottom: 6px;*/
	color:#666666;
}
.s_moreread dd:nth-of-type(3) {
	color:#666666;
}
.s_moreread dd span {height:20px; line-height:20px; font-size:16px;}
.s_moreread div a:nth-last-of-type(1) {
	margin: 0;
}
.s_moreread dd.dest{  overflow:hidden; line-height:25px; }




<!--底部大切换-->

.sthj{}
.sthjCon{position: relative;height: 485px;}
.sthjCon_t{padding-left: 210px;margin-bottom: 25px; height:120px;}

.sthjCon_t h2{font-weight: normal;margin-bottom: 10px;}
.sthjCon_t p{font-size: 14px;text-indent: 2em;line-height: 26px;}
.sthjConList{position: absolute;}
.sthjConList ul li{display: none;}
.sthjConList ul li:nth-of-type(1){display: block;}
.btn{position: absolute;width: 60px;height: 150px;top:230px;background: url(http://img.hkwb.net/19870.files/btn.png);cursor: pointer;opacity: 1;filter: alpha(opacity=100);}
.btn:hover{opacity: .6;filter: alpha(opacity=60);}
.left{left: 0;background-position: 0 0;}
.right{right: 0;background-position: -60px 0;}

.sthjCon_b img,.sthjCon_b{width: 870px;height: 485px; }

.stdrCon ul{width: 1020px;}
.stdrCon ul li{float: left;width: 235px;margin-right: 20px;height: 555px;overflow: hidden;margin-bottom:30px;}
.stdrCon ul li img{width: 235px;height: 280px;margin-bottom: 8px;}
.stdrCon ul li p{font-size: 14px;line-height: 22px;text-indent: 2em;}