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


.bj01{background:url(2022hkslh_r1_c1.png) no-repeat top center; height:680px; min-width:1200px;}
.bj02{background:url(2022hkslh_r2_c1.png) no-repeat top center; height:271px; min-width:1200px;}
.bj03{background:url(2022hkslh_r3_c1.png) no-repeat top center; height:210px; min-width:1200px;}
.bj04{background:url(2022hkslh_r4_c2.png) no-repeat top center; height:305px;}
.bj05{background:url(2022hkslh_r7_c4.png) no-repeat top center; height:135px; width:470px; padding-left:15px; padding-right:15px;}
.bj06{background:url(2022hkslh_r9_c4.png) no-repeat top center; height:714px; width:1000px; }
.bj07{background:url(2022hkslh_r10_c4.png) no-repeat top center; height:493px; width: 900px;
    padding-left: 55px;
    padding-right: 55px;}
.bj08{background:url(2022hkslh_r11_c1.png) no-repeat top center; height:791px;}
.bj09{background:url(2022hkslh_r14_c4.png) no-repeat top center; height:638px; width:1010px;}
.bj10{background:url(kuang.png)  no-repeat top center; height:702px;}
.list li {
    float: left;
    width: 425px;
    margin: 0px 20px 0px 20px;
    height: 45px;
    line-height: 45px;
   
    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: 398px;
	background: #fff;
	box-shadow: 0 8px 30px #ddd;
}
#certify .swiper-slide img {
	display: block;
	width: 490px; height:400px;
}
#certify .swiper-slide p {
	line-height: 38px;
	padding-top: 0;
	text-align: center;
	color: #fff;
	font-size: 1.1em;
	margin: 0;
	background-color:#c90202;
	opacity: 0.82;
}
#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(2022hkslh_r21_c1.png) no-repeat top center; height:311px; 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;}




<!--融媒两会-->
#GuanJianZi {padding-top:10px;}
#GuanJianZi .hd-tit { height:20px; position:relative; top:160px;}
#GuanJianZi .GuanJianZi { width:1000px;height:500px; margin:0 auto; padding:0; overflow:hidden; }
#GuanJianZi .TujieC {height:503px;position: relative; overflow:hidden;}
#GuanJianZi .TujieC .TujieLeft {position: absolute;left: 0px; top:0; width:525px;}
#GuanJianZi .TujieC .TujieLeft div {position: absolute; right:80px; width:410px; height:490px; overflow: hidden; transform-origin: left center; -webkit-transform-origin: left center; border: 3px solid #c90e0e;}
#GuanJianZi .TujieC .TujieLeft div img { width:100%; }
#GuanJianZi .TujieC .TujieLeft div span.mask { width: 510px; height: 740px; background: #000;position: absolute;top: 0px;left: 0px;opacity: 0.6;display: inline-block}
#GuanJianZi .TujieC .TujieRight { float:right; width:480px; background:url(http://www.hkwb.net/templateRes/202006/09/20874/zmgimg/hnzmg_r14_c4.jpg) no-repeat top center; height:490px; overflow:hidden;}
#GuanJianZi .TujieC .TujieRight .TujieList { width:450px; margin-left:35px;}
#GuanJianZi .TujieC .TujieRight .TujieList li { font-size:20px; font-weight:bold; color: #000; position: relative; 	line-height: 33px; height:66px; padding-bottom:13px; padding-top:13px; cursor: pointer; overflow:hidden; width:420px; background:#f3f3f3;  margin-bottom: 26px;}
#GuanJianZi .TujieC .TujieRight .TujieList li i { font-size:22px; font-weight:normal; width:44px; height:44px;  border:1px solid #000; float:left;-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; text-align:center; margin-right: 20px; margin-left: 10px;}
#GuanJianZi .TujieC .TujieRight .TujieList li.on { color:#fff;  background:#c7120f;}
#GuanJianZi .TujieC .TujieRight .TujieList li.on i { border:1px solid #fff; }






/*4图左右切换滚动CSSB*/
/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	/*background: #869791;*/
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}




/* 创意产品CSS */
	.qglhcycp2020{
		position: relative;
		width: 1100px; min-width:1100px;
		height: 350px;
		margin:0 auto;
	}
	.mt40{
		margin-bottom:68px;
	}
	
	
	.qglhcycp2020 .arrow-left {
	  background: url(http://www.gov.cn/govweb/xhtml/2019zhuanti/2020qglh/images/arrow-left.png) no-repeat 0 0;
	  position: absolute;
	  left: 18px;
	  top: 50%;
	  margin-top: -20px;
	  width: 24px;
	  height: 41px;
	}
	.qglhcycp2020 .arrow-right {
	  background: url(http://www.gov.cn/govweb/xhtml/2019zhuanti/2020qglh/images/arrow-right.png) no-repeat 0 0;
	  position: absolute;
	  right: 10px;
	  top: 50%;
	  margin-top: -20px;
	  width: 24px;
	  height: 41px;
	}
	.swiper-container {
	  height: 453px;
	  width: 1000px;
	  margin: 0 auto;
	  padding: 10px 4px;
	}
	.creativeProductContent{
		transition: all ease 0.5s;
		float: left;
		display: inline;
		margin-left: 8px;
		width: 240px;
		height: 402px;
		position: relative;
	}
	.creativeProductContent:hover {
		transform:translateY(-10px);
	    -webkit-transform:translateY(-10px); /*Safari 和 Chrome*/
	    -moz-transform: translateY(-10px); /*Firefox*/
		-ms-transform: translateY(-10px); /*IE9*/
		-o-transform: translateY(-10px); /*Opera*/
	}
	.creativeProductContent .headerImg {
		display: block;
		width: 240px;
	}
	.creativeProductContent .headerImg img{
		width: 240px;
		height: 180px;
		border-radius: 10px 10px 0 0;
		-webkit-border-radius: 10px 10px 0 0;
		-ms-border-radius: 10px 10px 0 0;
		-moz-border-radius: 10px 10px 0 0;
		-o-border-radius: 10px 10px 0 0;
		border: none;
	}
	.creativeProductContent .headerImg .tupianActive{
		border-radius: 0 0 10px 10px;
		-webkit-border-radius: 0 0 10px 10px;
		-ms-border-radius: 0 0 10px 10px;
		-moz-border-radius: 0 0 10px 10px;
		-o-border-radius: 0 0 10px 10px;
	}
	.creativeProductContent h5 {
		
	}
	.creativeProductContent h5{
		position: absolute;
		top: 244px;
		left: 0;
		z-index: 100;
		background: orange;
		padding: 0 26px;
		font-size: 22px;
		color: #fff;
		height: 32px;
		line-height: 30px;
	}
	.creativeProductContent h5 span{
		position: absolute;
		right: -20px;
		top: 0;
		width: 0;
		height: 0;
		border-bottom: 32px solid orange;
		border-right: 20px solid transparent;
		_display:none;
	}
	.creativeProductContent p {
		height: 102px;
		border-radius: 0 0 10px 10px;
		-webkit-border-radius: 0 0 10px 10px;
		-ms-border-radius: 0 0 10px 10px;
		-moz-border-radius: 0 0 10px 10px;
		-o-border-radius: 0 0 10px 10px;
		background: #ce2828;
		/*background: #3d5e93;*/
		font-family: '微软雅黑';
		font-size: 18px;
		padding: 40px 20px 0 20px;
	}
	.creativeProductContent p.cycpActive{
		border-radius: 10px 10px 0 0 ;
		-webkit-border-radius: 10px 10px 0 0 ;
		-ms-border-radius: 10px 10px 0 0 ;
		-moz-border-radius: 10px 10px 0 0 ;
		-o-border-radius: 10px 10px 0 0 ;
	}
	.creativeProductContent p a{
		color: #fff;
	}
	
	/*  */
	/* dingyousi css end */

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

<!--4图切-->






<!--要闻聚焦切换-->
.diy-area, .diy-frame, .diy-widget, .diy-inner { margin: 0; padding: 0; border:none; word-wrap: break-word; zoom: 1;}
div.diy-area:after, .diy-frame:after,.diy-widget:after, .diy-content:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
.diy-frame .diy-area { float:left; overflow:hidden;}
.diy-area, .diy-widget { min-height: 5px;}
.diy-root { }
.diy-frame { }
.diy-widget {}
.diy-title { overflow: hidden;}
.diy-title img { vertical-align: middle;}
.diy-frame .diy-title {}
.diy-widget .diy-title {}
.clear {height: 0;font-size: 0;clear: both;}
.hr-dot {border-bottom:1px dashed #ccc;height:10px;clear:both;overflow:hidden;}
a img { border: none;}
.title-list, .title-list li { margin:0; padding:0; list-style:none;}
.title-list a { font-size:14px; margin:0 4px; text-decoration: none;}
.title-list a:hover { text-decoration: underline;}
.slider-player { position:relative;}
.slider-player .slider-content { position:relative; overflow:hidden;}
.slider-player .slider-content,.slider-content li { margin:0; padding:0; list-style:none;}
.slider-content li { position:absolute; left:0; top:0; z-index:0; display:none;}
.slider-content .pic {}
.slider-player .title { font-size:14px; color:#000; font-weight:bold; padding-left:15px; margin-top:2px; text-decoration: none;}
.slider-player .title:hover { text-decoration: underline; color:#f00;}
.slider-player .slider-link { height:25px; line-height:22px; overflow:hidden;}
.slider-content img { border:none;padding:0;margin:0;}
.slider-player .slider-moon { height:100%; width:100%; display:none; position:absolute; left:0;top:0; background:transparent url(http://img.71.cn/apps/special/widget/slider/loader.gif) no-repeat center; z-index:3;}
.slider-player .slider-nav { position:absolute; padding:2px; right:0px; z-index:2; opacity:0.7; filter:Alpha(Opacity="70");}
.slider-nav a { cursor:pointer; display:inline-block; height:15px; width:15px; text-align:center; margin:0 2px; background-color:#eee; border:1px solid #ccc;}
.slider-nav a.active { background-color:#AD2D2D; border-color:#ccc; color:#fff;}
.imgtxtsummary-list { overflow:hidden; margin:0; padding:0; list-style:none; font-size:12px;}
.imgtxtsummary-list li { list-style:none; margin:0; padding:0;}
.imgtxtsummary-list h3 { margin:0 0 4px; padding:0; font-size:14px; line-height: 21px;}
.imgtxtsummary-list a { text-decoration:none; font-weight:normal;}
.imgtxtsummary-list a:hover { text-decoration:underline;}
.imgtxtsummary-list .pic {}
.imgtxtsummary-list img { width:80px; height:60px; float:left; border:none;}
.imgtxtsummary-list .summary { margin:0;padding:0; line-height:20px; text-indent:2em;}
.imgtxtsummary-list .clear { clear:both; font-size:0; height:0;}
.pic-list { margin:0;padding:0;}
.pic-list li { list-style:none; display:inline-block; vertical-align:top; *display:inline-table; +display:inline; +zoom:1; padding:1px 1px 2px 2px; margin:2px; text-align:center; line-height:16px;}
.pic-list img { width:80px; height:60px; border:none; display: block; margin:0 auto 6px;}
.pic-list a { display:inline-block; text-decoration: none;}

select,option,textarea{font-size:12px;padding-left:5px;color:#333;}
table{table-layout:fixed; border-collapse:separate;}
button{border:none;cursor:pointer;}
.bold{font-weight:bold;}
.shadowbg{ background:url(../image/shadow.png);}
.clear{clear:both;height:0;}
.clear4 {clear:both;height:4px;}
.clear5 {clear:both;height:5px;}
.clear8 {clear:both;height:8px;}
.clear10{clear:both;height:10px;}
.clear14{clear:both;height:14px;}
.clear15{clear:both;height:15px;}
.clear20{clear:both;height:20px;}
.left,.fl,.mid{float:left;}
.right,.fr{float:right;}
.ta-c{text-align:center;}
.ta-r{text-align:right;}
.fs14{font-size:14px;}
.fs18{font-size:18px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mr20{margin-right:20px;}
.mr10{margin-right:10px;}
.mb5{margin-bottom:5px;}
.mb9{margin-bottom:9px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.pdr10{padding-right:10px;}
.pdr20{padding-right:20px;}
.pdr30{padding-right:30px;}
.pdb10{padding-bottom:10px;}
.ti0{text-indent:0em;}
#main .list-area .list-content{max-height:auto;}



<!--海口会客厅-->
.gongneng_main{height: 370px;width:900px;margin: 0 auto;}
.Small_tedian_tit{text-align:center;font-size: 32px;color:#333;padding-top: 95px;padding-bottom: 40px;}
.gongneng_tab{width: 250px;height: 45px;border-radius: 25px;border:1px solid #f3f3f3;margin: 0 auto; box-shadow: 0px -2px 2px #e8e6e6; margin-top: -50px;
    margin-right: 10px;}
.gongneng_tabmin{width: 392px;margin: 0 auto;overflow: hidden;padding: 5px 0;}
.gongneng_click{cursor: pointer; width: 35px;height: 35px;margin: 0 7px;float: left;text-align: center; position: relative;}
.gongneng_click b{font-weight: 400; position: relative; z-index: 2; color: #555;line-height: 35px;font-size: 20px;transition: all .5s ease;}
.gongneng_click i{position: absolute; width:0; height:0; left:50%; top:50%; background-color:#F00;box-shadow: 0 3px 10px #b4e9ff;border-radius: 50%; z-index: 1;transition: all .2s ease;}
.gongneng_click.cur b{color:#fff;}
.gongneng_click.cur i{ width: 100%; height: 100%; left:0; top:0;}
.gongneng_tabcon{overflow: hidden;display: none; height:300px;}
.gongneng_left1{width: 537px;height: 304px;float: left;margin-left: 160px;margin-right: 130px;}
.gongneng_right1{overflow: hidden;}
.gongneng_right1 b{font-size: 90px;display: block;color: #ededed;margin-top: 35px;padding-bottom: 20px;}
.gongneng_right1 em{font-size: 24px;display: block;color: #555;padding-bottom: 20px;}
.gongneng_right1 p{font-size: 14px;display: block;color: #777;padding-bottom: 5px;}
.gongneng_left2{width: 583px;height: 358px;overflow: hidden;}
.gongneng_right2{float: left;margin-left: 220px;margin-right: 130px;}
.gongneng_right2 b{font-size: 90px;display: block;color: #ededed;margin-top: 35px;padding-bottom: 20px;}
.gongneng_right2 em{font-size: 24px;display: block;color: #555;padding-bottom: 20px;}
.gongneng_right2 p{font-size: 14px;display: block;color: #777;padding-bottom: 5px;}
.gongneng_left3{width: 552px;height: 364px;float: left;margin-left: 190px;margin-right: 70px;}
.gongneng_right3{overflow: hidden;}
.gongneng_right3 b{font-size: 90px;display: block;color: #ededed;margin-top: 55px;padding-bottom: 20px;}
.gongneng_right3 em{font-size: 24px;display: block;color: #555;padding-bottom: 15px;}
.gongneng_right3 p{font-size: 14px;display: block;color: #777;padding-bottom: 5px;}
.gongneng_left4{width: 360px;height: 347px;float: right;margin-right: 120px;}
.gongneng_right4{float: left;margin-left: 220px;margin-right: 130px;}
.gongneng_right4 b{font-size: 90px;display: block;color: #ededed;margin-top: 35px;padding-bottom: 20px;}
.gongneng_right4 em{font-size: 24px;display: block;color: #555;padding-bottom: 20px;}
.gongneng_right4 p{font-size: 14px;display: block;color: #777;padding-bottom: 5px;}
.gongneng_left5{width: 550px;height: 362px;float: left;margin-left: 160px;margin-right:110px;}
.gongneng_right5{overflow: hidden;}
.gongneng_right5 b{font-size: 90px;display: block;color: #ededed;margin-top: 55px;padding-bottom: 20px;}
.gongneng_right5 em{font-size: 24px;display: block;color: #555;padding-bottom: 15px;}
.gongneng_right5 p{font-size: 14px;display: block;color: #777;padding-bottom: 5px;}
.gongneng_left6{width: 550px;height: 342px;float: right;margin-right: 50px;}
.gongneng_right6{float: left;margin-left: 220px;margin-right: 130px;}
.gongneng_right6 b{font-size: 90px;display: block;color: #ededed;margin-top: 35px;padding-bottom: 20px;}
.gongneng_right6 em{font-size: 24px;display: block;color: #555;padding-bottom: 20px;}
.gongneng_right6 p{font-size: 14px;display: block;color: #777;padding-bottom: 5px;}
.gongneng_left7{width: 305px;height: 348px;float: left;margin-left: 230px;}
.gongneng_right7{float: right;margin-right: 280px;}
.gongneng_right7 b{font-size: 90px;display: block;color: #ededed;margin-top: 35px;padding-bottom: 20px;}
.gongneng_right7 em{font-size: 24px;display: block;color: #555;padding-bottom: 20px;}
.gongneng_right7 p{font-size: 14px;display: block;color: #777;padding-bottom: 5px;}
/*动画*/
.fadeInRight {animation:fadeInRight 1s}
@keyframes fadeInRight {0% {opacity: 0;transform: translateX(20px)}100% {opacity: 1;transform: translateX(0)}}
.fadeInLeft {animation:fadeInLeft 1s}
@keyframes fadeInLeft {0% {opacity: 0;transform: translateX(-20px)}100% {opacity: 1;transform: translateX(0)}}