.wrapper {
	background: url(../images/background.png) no-repeat center 2520px;
	/*padding-bottom: 56px;*/
	overflow: hidden
}

img.lazy {
	background: #ddd url(../images/lazy_efefef.png) no-repeat center
}

.towCode {
	position: absolute;
	z-index: 999999;
	bottom: -204px;
	left: 50%;
	background: url(../images/towcode.png) no-repeat 0 0;
	width: 204px;
	margin-left: -102px;
	height: 204px
}

.wrapper .goback {
	position: fixed;
	display: none;
	z-index: 9999;
	right: 10px;
	bottom: 150px;
	background: url(../images/goback.png) no-repeat 0 0;
	width: 48px;
	height: 48px;
	cursor: pointer
}

.wrapper a {
	color: #000
}

.wrapper a:hover {
	color: #aa182c;
	text-decoration: none
}

.wrapper i.sound {
	background: url(../images/icon_sound_s.png) no-repeat left top;
	display: inline-block;
	width: 10px;
	height: 13px;
	cursor: pointer;
	margin-left: .3em
}

.wrapper i.sound.current {
	background: url(../images/icon_sound_s.gif) no-repeat 0 0
}

.wrapper .w1200 {
	width: 1200px;
	margin: 0 auto
}

.wrapper .banner {
	width: 100%;
	height: 200px;
	background: #ba0002 url(../images/banner.png) no-repeat center top
}

.wrapper .menu-main {
	background: url(../images/menu_bg-main.png) repeat-x center top;
	height: 155px
}

.wrapper .menu-main .line1 {
	position: relative;
	height: 90px
}

.wrapper .menu-main .line1 .form {
	position: absolute;
	left: 144px;
	top: 21px
}

.wrapper .menu-main .line1 .form .input_wrapper {
	position: relative;
	background: url(../images/search-main.png) no-repeat left top;
	width: 126px;
	height: 20px;
	padding: 7px 14px;
	font-size: 0;
	margin-left: 40px;
}

.wrapper .menu-main .line1 .form .input_wrapper input[type=text] {
	border: none;
	font-size: 14px;
	font-style: italic;
	width: 106px;
	height: 20px;
	line-height: 20px;
	padding: 0;
	margin: 0;
	outline: 0;
	background: 0 0
}

.wrapper .menu-main .line1 .form .input_wrapper button[type=submit] {
	position: absolute;
	right: 10px;
	top: 7px;
	background: transparent url(../images/icon_search.png) no-repeat center;
	height: 20px;
	width: 20px;
	border: none;
	outline: 0;
	cursor: pointer
}

.wrapper .menu-main .line1 .radio-live {
	position: absolute;
	left: 327px;
	top: 27px;
	background: url(../images/radiolive.png) no-repeat left top;
	width: 93px;
	height: 24px;
	cursor: pointer
}

.wrapper .menu-main .line1 .logo {
	position: absolute;
	width: 109px;
	height: 34px;
	left: 14px;
	top: 24px
}

.wrapper .menu-main .line1 .logo img {
	display: block;
	margin-left: -5px;
	width: 169px;
	height: 33px
}

.wrapper .menu-main .line1 .download_app {
	position: absolute;
	left: 1006px;
	top: 24px;
	background: url(../images/btn_downloadapp.png) no-repeat left top;
	width: 94px;
	height: 30px
}

.wrapper .menu-main .line1 .download_app a {
	display: block;
	height: 100%;
	width: 100%
}

.wrapper .menu-main .line1 .email {
	position: absolute;
	left: 1114px;
	top: 24px;
	background: url(../images/btn_email.png) no-repeat left top;
	width: 80px;
	height: 30px
}

.wrapper .menu-main .line1 .email a {
	display: block;
	height: 100%;
	width: 100%
}

.wrapper .menu-main .line2 {
	height: 40px
}

.wrapper .menu-main .line2 .temp {
	float: left;
	padding-top: 1px
}

.wrapper .menu-main .line2 .temp img {
	display: block
}

.wrapper .menu-main .line2 .nav-main {
	height: 42px
}

.wrapper .menu-main .line2 .nav-main li {
	position: relative;
	float: left;
	height: 42px;
	line-height: 42px;
	margin-left: 38px
}

.wrapper .menu-main .line2 .nav-main li:first-child {
	margin-left: 20px
}

.wrapper .menu-main .line2 .nav-main li:hover .sub {
	visibility: visible;
	opacity: 1
}

.wrapper .menu-main .line2 .nav-main li a {
	font-size: 16px;
	font-weight: 700
}

.wrapper .menu-main .line2 .nav-main li a:hover {
	color: #aa182c;
	text-decoration: none
}

.wrapper .menu-main .line2 .nav-main li .sub {
	visibility: hidden;
	opacity: 0;
	transition: all ease-in-out .4s;
	position: absolute;
	top: 46px;
	left: -5px;
	width: 125px;
	padding: 0 10px;
	border-right: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	background: #fff;
	font-size: 0
}

.wrapper .menu-main .line2 .nav-main li .sub .top {
	position: absolute;
	left: -1px;
	top: -13px;
	background: url(../images/menu-sub-top.png) no-repeat center;
	width: 147px;
	height: 13px
}

.wrapper .menu-main .line2 .nav-main li .sub a {
	display: block;
	font-size: 14px;
	line-height: 24px;
	height: 24px;
	font-weight: 400;
	float: left;
	margin: 0 3px
}

.wrapper .menu-main .line2 .nav-main li .sub .bottom {
	position: absolute;
	left: -1px;
	bottom: -8px;
	background: url(../images/menu-sub-bottom.png) no-repeat center;
	width: 147px;
	height: 8px
}

.wrapper .menu-main .line3 {
	height: 39px
}

.wrapper .menu-main .line3 .nav-local li {
	float: left;
	height: 24px;
	line-height: 24px;
	padding-top: 6px;
	margin-left: 23px
}

.wrapper .menu-main .line3 .nav-local li:first-child {
	margin-left: 12px
}

.wrapper .menu-main .line3 .nav-local li a {
	font-size: 12px;
	line-height: 24px;
	height: 24px
}

.wrapper .row1 {
	background: #fff;
	margin-bottom: 16px
}

.wrapper .row1 .header {
	padding-top: 27px
}

.wrapper .row1 .header .swiper-container {
	width: 1200px;
	height: 48px;
	text-align: center
}

.wrapper .row1 .header h1 {
	width: 1200px;
	height: 48px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.wrapper .row1 .header h1 a {
	font-size: 36px;
	font-weight: 700;
	color: #aa182c
}

.wrapper .row1 .header h1 a:hover {
	text-decoration: none
}

.wrapper .row1 .header h1 i.sound {
	background: url(../images/icon_sound_m.png) no-repeat left top;
	width: 15px;
	height: 19px;
	margin-left: 0
}

.wrapper .row1 .header h1 i.sound.current {
	background: url(../images/icon_sound_m.gif) no-repeat 0 0
}

.wrapper .row1 .header .subhead {
	text-align: center;
	margin-top: 18px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.wrapper .row1 .header .subhead strong {
	font-weight: 400;
	font-size: 16px
}

.wrapper .row1 .main {
	padding-top: 34px
}

.wrapper .row1 .main .w650 {
	width: 650px;
	float: left
}

.wrapper .row1 .main .w650 .swiper-container {
	position: relative;
	width: 650px;
	height: 420px
}

.wrapper .row1 .main .w650 .swiper-container .swiper-slide {
	position: relative
}

.wrapper .row1 .main .w650 .swiper-container .swiper-slide a {
	display: block
}

.wrapper .row1 .main .w650 .swiper-container .swiper-slide a:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../images/fouce_mask.png) no-repeat 0 0;
	height: 70px;
	width: 650px
}

.wrapper .row1 .main .w650 .swiper-container .swiper-slide a img {
	width: 650px;
	height: 420px
}

.wrapper .row1 .main .w650 .swiper-container .swiper-slide a span {
	position: absolute;
	z-index: 9;
	left: 0;
	bottom: 0;
	width: 100%;
	color: #fff;
	text-indent: 2em;
	line-height: 46px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.wrapper .row1 .main .w650 .swiper-container .pagination {
	position: absolute;
	z-index: 99;
	right: 15px;
	bottom: 14px
}

.wrapper .row1 .main .w650 .swiper-container .pagination .swiper-pagination-switch {
	height: 10px;
	width: 10px;
	background: #5a5a5a;
	display: inline-block;
	border-radius: 100%;
	margin: 0 5px
}

.wrapper .row1 .main .w650 .swiper-container .pagination .swiper-pagination-switch.swiper-active-switch {
	background: #fff
}

.wrapper .row1 .main .w512 {
	width: 510px;
	float: left;
	margin-left: 40px
}

.wrapper .row1 .main .w512 ul {
	margin-top: -32px
}

.wrapper .row1 .main .w512 ul li {
	font-size: 18px;
	line-height: 2.1
}

.wrapper .row1 .main .w512 ul li h2 {
	margin-top: 22px;
	line-height: 2.2;
	font-size: 21px
}

.wrapper .row1 .main .w512 ul li h2 a {
	font-size: 21px;
	font-weight: 700
}

.wrapper .row1 .main .w512 ul li a {
	font-size: 18px
}

.wrapper .AD img {
	display: block
}

.wrapper .row2 {
	margin-top: 26px;
	background: #fff
}

.wrapper .row2 .w400 {
	width: 400px;
	float: left
}

.wrapper .row2 .w400 .swiper-container {
	position: relative;
	width: 400px;
	height: 260px;
	margin-bottom: 40px
}

.wrapper .row2 .w400 .swiper-container .pagination {
	position: absolute;
	z-index: 99;
	right: 15px;
	bottom: 14px
}

.wrapper .row2 .w400 .swiper-container .pagination .swiper-pagination-switch {
	height: 10px;
	width: 10px;
	background: #5a5a5a;
	display: inline-block;
	border-radius: 100%;
	margin: 0 5px
}

.wrapper .row2 .w400 .swiper-container .pagination .swiper-pagination-switch.swiper-active-switch {
	background: #fff
}

.wrapper .row2 .w400 .swiper-container .swiper-slide a {
	position: relative;
	display: block
}

.wrapper .row2 .w400 .swiper-container .swiper-slide a:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../images/fouce_mask.png) no-repeat 0 0;
	width: 400px;
	height: 70px
}

.wrapper .row2 .w400 .swiper-container .swiper-slide a img {
	width: 400px;
	height: 260px
}

.wrapper .row2 .w400 .swiper-container .swiper-slide a span {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	font-size: 16px;
	line-height: 60px;
	text-indent: 1em;
	color: #fff;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.wrapper .row2 .w400 .hottop {
	position: relative
}

.wrapper .row2 .w400 .hottop .title {
	position: relative
}

.wrapper .row2 .w400 .hottop .title .left {
	position: relative;
	float: left;
	font-size: 27px;
	line-height: 1.2;
	margin-left: 4px
}

.wrapper .row2 .w400 .hottop .title .left:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -8px;
	height: 4px;
	width: 100%;
	background: #aa182c
}

.wrapper .row2 .w400 .hottop .title .left a {
	font-size: 27px;
	line-height: 1.2;
	font-weight: 700
}

.wrapper .row2 .w400 .hottop .title .right {
	position: absolute;
	right: 0;
	top: 8px;
	padding-left: 76px;
	background: url(../images/icon_hot_search.png) no-repeat left center
}

.wrapper .row2 .w400 .hottop .title .right .form .input_wrapper {
	position: relative;
	background: url(../images/search-main-s.png) no-repeat left top;
	width: 93px;
	height: 14px;
	padding: 5px 12px;
	font-size: 0
}

.wrapper .row2 .w400 .hottop .title .right .form .input_wrapper input[type=text] {
	border: none;
	font-size: 12px;
	font-style: italic;
	width: 71px;
	height: 14px;
	line-height: 14px;
	padding: 0;
	margin: 0;
	outline: 0;
	background: 0 0;
	color: #a4a4a4
}

.wrapper .row2 .w400 .hottop .title .right .form .input_wrapper button[type=submit] {
	position: absolute;
	right: 10px;
	top: 6px;
	background: transparent url(../images/icon_search-s.png) no-repeat center;
	height: 13px;
	width: 12px;
	border: none;
	outline: 0;
	cursor: pointer
}

.wrapper .row2 .w400 .hottop .box {
	position: absolute;
	left: -12px;
	bottom: -340px;
	background: url(../images/hottop-bg.png) no-repeat 0 0;
	width: 317px;
	height: 301px;
	padding: 20px 42px 16px 65px
}

.wrapper .row2 .w400 .hottop .box ul li {
	height: 40px;
	padding: 10px 0 9px;
	font-size: 14px;
	line-height: 20px
}

.wrapper .row2 .w400 .hottop .box ul li em {
	font-weight: 700
}

.wrapper .row2 .w444 {
	float: left;
	width: 444px;
	margin-left: 28px
}

.wrapper .row2 .w444 .title {
	background: url(../images/gundong-slogan.png) no-repeat 132px 10px
}

.wrapper .row2 .w444 .title .left {
	position: relative;
	float: left;
	font-size: 27px;
	line-height: 1.2;
	margin-left: 13px;
	margin-top: -6px
}

.wrapper .row2 .w444 .title .left:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -8px;
	height: 4px;
	width: 100%;
	background: #aa182c
}

.wrapper .row2 .w444 .title .left a {
	font-size: 27px;
	line-height: 1.2;
	font-weight: 700
}

.wrapper .row2 .w444 .box {
	padding-top: 15px
}

.wrapper .row2 .w444 .box .list li {
	position: relative;
	border-top: 1px solid #e5e5e5;
	height: 48px
}

.wrapper .row2 .w444 .box .list li:hover:before {
	opacity: 1
}

.wrapper .row2 .w444 .box .list li:first-child {
	border-top: none
}

.wrapper .row2 .w444 .box .list li:before {
	content: "";
	position: absolute;
	background: url(../images/gundongxinwen-hover.png) no-repeat 0 0;
	left: -12px;
	top: -13px;
	width: 468px;
	height: 74px;
	opacity: 0;
	z-index: 1;
	transition: all ease-in-out .2s
}

.wrapper .row2 .w444 .box .list li h3,
.wrapper .row2 .w444 .box .list li span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	line-height: 48px;
	font-size: 18px;
	text-indent: 1em;
	z-index: 2;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.wrapper .row2 .w444 .box .list li h3 a {
	font-weight: 700
}

.wrapper .row2 .w300 {
	width: 300px;
	float: left;
	margin-left: 28px
}

.wrapper .row2 .w300 .erwen {
	position: relative;
	margin-bottom: 388px
}

/*.wrapper .row2 .w300 .erwen .title {
	background: url(../images/erwen-slogan.png) no-repeat 64px 2px
}*/

.wrapper .row2 .w300 .erwen .title .left {
	position: relative;
	float: left;
	font-size: 27px;
	line-height: 1.2;
	margin-top: -6px
}

.wrapper .row2 .w300 .erwen .title .left:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -8px;
	height: 4px;
	width: 100%;
	background: #aa182c
}

.wrapper .row2 .w300 .erwen .title .left a {
	font-size: 27px;
	line-height: 1.2;
	font-weight: 700
}

.wrapper .row2 .w300 .erwen .title .right {
	float: right;
	position: relative
}

.wrapper .row2 .w300 .erwen .title .right .btn_towcode {
	position: absolute;
	right: 82px;
	top: -3px;
	background: url(../images/btn_share.png) no-repeat 0 0;
	width: 36px;
	height: 36px
}

.wrapper .row2 .w300 .erwen .title .right .btn_app_plus {
	position: absolute;
	right: 10px;
	top: -2px;
	background: url(../images/appplus.png) no-repeat 0 0;
	width: 59px;
	height: 31px
}

.wrapper .row2 .w300 .erwen .box {
	position: absolute;
	background: url(../images/erwen-bg.png) no-repeat 0 0;
	width: 324px;
	height: 359px;
	right: -12px;
	bottom: -361px
}

.wrapper .row2 .w300 .erwen .box ul {
	padding: 30px 29px
}

.wrapper .row2 .w300 .erwen .box ul li {
	border-top: 1px solid #e5e5e5;
	padding-top: 12px;
	padding-bottom: 8px;
	height: 40px
}

.wrapper .row2 .w300 .erwen .box ul li:first-child {
	border-top: none
}

.wrapper .row2 .w300 .erwen .box ul li b {
	width: 35px;
	height: 27px;
	display: block;
	float: left;
	margin-right: 13px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	font-weight: 400
}

.wrapper .row2 .w300 .erwen .box ul li b.red {
	background: url(../images/red.png) no-repeat center
}

.wrapper .row2 .w300 .erwen .box ul li b.orange {
	background: url(../images/orange.png) no-repeat center;
	line-height: 1.2
}

.wrapper .row2 .w300 .erwen .box ul li i.sound {
	vertical-align: baseline;
	margin-left: 5px
}

.wrapper .row2 .w300 .erwen .box ul li h3 span a {
	font-weight: 700
}

.wrapper .row2 .w300 .erwen .box ul li span {
	display: block;
	font-size: 0
}

.wrapper .row2 .w300 .erwen .box ul li span a {
	font-size: 14px;
	line-height: 20px
}

.wrapper .row2 .w300 .wangping {
	position: relative
}

.wrapper .row2 .w300 .wangping .title {
	background: url(../images/wangping-slogan.png) no-repeat 181px 9px
}

.wrapper .row2 .w300 .wangping .title .left {
	position: relative;
	margin-left: 2px;
	float: left;
	font-size: 27px;
	line-height: 1.2;
	margin-top: -7px
}

.wrapper .row2 .w300 .wangping .title .left:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -10px;
	height: 4px;
	width: 100%;
	background: #aa182c
}

.wrapper .row2 .w300 .wangping .title .left a {
	font-size: 27px;
	line-height: 1.2;
	font-weight: 700
}

.wrapper .row2 .w300 .wangping .box {
	position: absolute;
	background: url(../images/yangguangwangping-bg.png) no-repeat 0 0;
	width: 324px;
	height: 229px;
	right: -12px;
	bottom: -233px
}

.wrapper .row2 .w300 .wangping .box ul {
	padding: 24px 29px
}

.wrapper .row2 .w300 .wangping .box ul li {
	border-top: 1px solid #e5e5e5;
	padding-top: 12px;
	padding-bottom: 8px;
	height: 40px
}

.wrapper .row2 .w300 .wangping .box ul li:first-child {
	border-top: none
}

.wrapper .row2 .w300 .wangping .box ul li b {
	width: 35px;
	height: 27px;
	display: block;
	float: left;
	margin-right: 13px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	font-weight: 400
}

.wrapper .row2 .w300 .wangping .box ul li b.red {
	background: url(../images/red.png) no-repeat center
}

.wrapper .row2 .w300 .wangping .box ul li b.orange {
	background: url(../images/orange.png) no-repeat center;
	line-height: 1.2
}

.wrapper .row2 .w300 .wangping .box ul li i.sound {
	vertical-align: baseline;
	margin-left: 5px
}

.wrapper .row2 .w300 .wangping .box ul li h3 span a {
	font-weight: 700
}

.wrapper .row2 .w300 .wangping .box ul li span {
	display: block;
	font-size: 0
}

.wrapper .row2 .w300 .wangping .box ul li span a {
	font-size: 14px;
	line-height: 20px
}

.wrapper .row2 .full {
	clear: both;
	padding-top: 27px
}

.wrapper .row2 .full .w872 {
	position: relative;
	float: left;
	width: 872px
}

.wrapper .row2 .full .w872 .more {
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/morespecial.png) no-repeat 0 0;
	width: 66px;
	height: 22px
}

.wrapper .row2 .full .w872 .special li {
	float: left;
	margin-left: 24px
}

.wrapper .row2 .full .w872 .special li:first-child {
	margin-left: 0
}

.wrapper .row2 .full .w872 .special li img {
	display: block
}

.wrapper .row2 .full .w300 {
	float: left;
	width: 300px;
	margin-left: 28px
}

.wrapper .row3 {
	padding-top: 51px
}

.wrapper .row3 .eyes_look {
	background: url(../images/eyeslook_bg.png) repeat-x 0 0;
	height: 762px;
	padding: 22px 14px 22px
}

.wrapper .row3 .eyes_look .title {
	background: url(../images/eyes_look-slogan.png) no-repeat 84px 7px
}

.wrapper .row3 .eyes_look .title .left {
	float: left
}

.wrapper .row3 .eyes_look .title .left a {
	display: inline-block;
	background: url(../images/eyes_look_title.png) no-repeat left bottom;
	width: 66px;
	height: 35px
}

.wrapper .row3 .eyes_look .title .right {
	float: right;
	position: relative
}

.wrapper .row3 .eyes_look .title .right .btn_towcode {
	position: absolute;
	right: 87px;
	top: 2px;
	background: url(../images/btn_share.png) no-repeat 0 0;
	width: 36px;
	height: 36px
}

.wrapper .row3 .eyes_look .title .right .btn_app_plus {
	position: absolute;
	right: 15px;
	top: 3px;
	background: url(../images/eyes_look_appplus.png) no-repeat 0 0;
	width: 59px;
	height: 31px
}

.wrapper .row3 .eyes_look .slider {
	position: relative;
	padding: 0 40px 0;
	height: 460px;
	background: url(../images/eyes_look_tip.png) no-repeat 855px 426px
}

.wrapper .row3 .eyes_look .slider .arrow_left {
	position: absolute;
	z-index: 9;
	left: 13px;
	top: 207px;
	background: url(../images/eyes_look_arrowleft.png) no-repeat 0 0;
	width: 17px;
	height: 31px
}

.wrapper .row3 .eyes_look .slider .arrow_right {
	position: absolute;
	z-index: 9;
	right: 7px;
	top: 207px;
	background: url(../images/eyes_look_arrowright.png) no-repeat 0 0;
	width: 17px;
	height: 31px
}

.wrapper .row3 .eyes_look .slider .swiper-container {
	height: 438px
}

.wrapper .row3 .eyes_look .slider .pagination {
	position: absolute;
	text-align: center;
	width: 1092px
}

.wrapper .row3 .eyes_look .slider .pagination .swiper-pagination-switch {
	height: 12px;
	width: 12px;
	background: #717171;
	display: inline-block;
	border-radius: 100%;
	margin: 0 7px
}

.wrapper .row3 .eyes_look .slider .pagination .swiper-pagination-switch.swiper-active-switch {
	background: #fff
}

.wrapper .row3 .eyes_look .slider .col {
	float: left;
	padding: 19px 26px 0
}

.wrapper .row3 .eyes_look .slider .col .item {
	position: relative;
	width: 221px;
	height: 389px
}

.wrapper .row3 .eyes_look .slider .col .item:hover:before {
	transform: translate(16px, -12px);
	opacity: 1
}

.wrapper .row3 .eyes_look .slider .col .item:hover:after {
	opacity: 1
}

.wrapper .row3 .eyes_look .slider .col .item:before {
	content: "";
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	transform: translate(0, 0);
	opacity: 0;
	background: url(../images/eyes_look_hover_bg.png) no-repeat center;
	width: 215px;
	height: 384px;
	transition: all ease-in-out .2s
}

.wrapper .row3 .eyes_look .slider .col .item:after {
	content: "";
	position: absolute;
	z-index: 5;
	left: 0;
	top: 0;
	background: url(../images/eyes_look_hover_img.png) no-repeat center;
	width: 221px;
	height: 389px;
	opacity: 0;
	transition: all ease-in-out .2s
}

.wrapper .row3 .eyes_look .slider .col .item a {
	position: absolute;
	z-index: 9;
	display: block;
	padding: 2px
}

.wrapper .row3 .eyes_look .slider .col .item a:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	background: url(../images/icon_play_l.png) no-repeat center;
	width: 60px;
	margin-left: -30px;
	height: 60px;
	margin-top: -36px
}

.wrapper .row3 .eyes_look .slider .col .item a:after {
	content: "";
	position: absolute;
	left: 2px;
	bottom: 2px;
	background: url(../images/eyes_look_mask.png) no-repeat center;
	width: 217px;
	height: 160px
}

.wrapper .row3 .eyes_look .slider .col .item a img {
	display: block;
	width: 217px;
	height: 385px;
	border-radius: 5px
}

.wrapper .row3 .eyes_look .slider .col .item a span {
	position: absolute;
	z-index: 2;
	width: 191px;
	height: 78px;
	padding: 0 15px;
	top: 306px;
	left: 0;
	right: 0;
	color: #fff;
	font-size: 16px;
	line-height: 26px
}

.wrapper .row3 .eyes_look .timeline {
	width: 100%;
	height: 267px;
	background: url(../images/icon_live.png) no-repeat 94px 11px
}

.wrapper .row3 .eyes_look .timeline ul {
	padding-top: 32px;
	padding-left: 52px
}

.wrapper .row3 .eyes_look .timeline ul li {
	position: relative;
	float: left;
	width: 214px;
	padding-top: 18px;
	background: url(../images/icon_desc.png) no-repeat center 0;
	text-align: center
}

.wrapper .row3 .eyes_look .timeline ul li:first-child:before {
	display: none
}

.wrapper .row3 .eyes_look .timeline ul li:before {
	content: "";
	position: absolute;
	height: 1px;
	background: #575757;
	width: 106px;
	top: 8px;
	left: 0
}

.wrapper .row3 .eyes_look .timeline ul li:after {
	content: "";
	position: absolute;
	height: 1px;
	background: #575757;
	width: 106px;
	top: 8px;
	right: 0
}

.wrapper .row3 .eyes_look .timeline ul li>div.live img {
	background: url(../images/icon_live-ing.png) no-repeat 0 0;
	padding: 2px
}

.wrapper .row3 .eyes_look .timeline ul li>div.live .pic {
	width: 184px;
	margin-top: -2px
}

.wrapper .row3 .eyes_look .timeline ul li>div.live .pic:before {
	content: "";
	position: absolute;
	z-index: 1;
	left: 2px;
	top: -4px;
	background: url(../images/icon_live-ing-up.png) no-repeat 0 0;
	width: 104px;
	height: 26px
}

.wrapper .row3 .eyes_look .timeline ul li>div.live .pic:after {
	content: "";
	position: absolute;
	z-index: 1;
	right: 2px;
	bottom: -4px;
	background: url(../images/icon_live-ing-down.png) no-repeat 0 0;
	width: 51px;
	height: 26px
}

.wrapper .row3 .eyes_look .timeline ul li>div.live .pic .poster:before {
	bottom: 2px
}

.wrapper .row3 .eyes_look .timeline ul li>div.live .titl {
	margin-top: 12px
}

.wrapper .row3 .eyes_look .timeline ul li>div.replay .pic {
	width: 180px
}

.wrapper .row3 .eyes_look .timeline ul li>div.replay .pic:before {
	content: "";
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 60px;
	height: 20px;
	background: url(../images/icon_live-replay.png) no-repeat 0 0
}

.wrapper .row3 .eyes_look .timeline ul li>div.prevue .pic {
	width: 180px
}

.wrapper .row3 .eyes_look .timeline ul li>div.prevue .pic:before {
	content: "";
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 60px;
	height: 20px;
	background: url(../images/icon_live-prevue.png) no-repeat 0 0
}

.wrapper .row3 .eyes_look .timeline ul li>div .time {
	color: #b9b9b9;
	font-size: 12px;
	line-height: 22px;
	height: 22px;
	margin-bottom: 20px
}

.wrapper .row3 .eyes_look .timeline ul li>div .pic {
	position: relative;
	width: 180px;
	margin-left: auto;
	margin-right: auto;
	display: block
}

.wrapper .row3 .eyes_look .timeline ul li>div .pic .poster {
	position: relative;
	font-size: 0;
	display: block;
	border-radius: 5px;
	overflow: hidden
}

.wrapper .row3 .eyes_look .timeline ul li>div .pic .poster img {
	width: 180px;
	height: 102px
}

.wrapper .row3 .eyes_look .timeline ul li>div .pic .poster:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	background: url(../images/eyes_look_timeline_mask.png) no-repeat 0 0;
	width: 180px;
	margin-left: -90px;
	height: 83px
}

.wrapper .row3 .eyes_look .timeline ul li>div .pic .poster:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	background: url(../images/icon_play_m.png) no-repeat 0 0;
	width: 40px;
	margin-left: -20px;
	height: 40px;
	margin-top: -20px
}

.wrapper .row3 .eyes_look .timeline ul li>div .titl {
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	text-align: justify;
	width: 180px;
	margin: 14px auto 0
}

.wrapper .row4 {
	padding-top: 31px;
	margin-bottom: 29px
}

.wrapper .row4 .w1200 {
	position: relative
}

.wrapper .row4 .w1200:before {
	content: "";
	position: absolute;
	left: -19px;
	top: -42px;
	background: url(../images/startmatrix-slogan.png) no-repeat 0 0;
	width: 298px;
	height: 121px
}

.wrapper .row4 .w1200 .title {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 34px;
	z-index: 99
}

.wrapper .row4 .w1200 .title .left {
	float: left
}

.wrapper .row4 .w1200 .title .left a {
	display: inline-block;
	background: url(../images/startmatrix.png) no-repeat 0 0;
	width: 57px;
	height: 34px;
	margin-left: 24px
}

.wrapper .row4 .w1200 .title .right {
	float: right;
	position: relative
}

.wrapper .row4 .w1200 .title .right .btn_towcode {
	position: absolute;
	right: 80px;
	top: 2px;
	background: url(../images/startmatrix_share.png) no-repeat 0 0;
	width: 36px;
	height: 36px
}

.wrapper .row4 .w1200 .title .right .btn_app_plus {
	position: absolute;
	right: 3px;
	top: 3px;
	background: url(../images/startmatrix_appplus.png) no-repeat 0 0;
	width: 59px;
	height: 31px
}

.wrapper .row4 .slider {
	position: relative;
	height: 168px;
	padding-top: 60px
}

.wrapper .row4 .slider .swiper-container {
	position: relative;
	width: 100%;
	height: 168px;
	overflow: visible
}

.wrapper .row4 .slider .swiper-container:before {
	content: "";
	position: absolute;
	z-index: 9;
	right: 100%;
	top: 0;
	height: 168px;
	width: 100%;
	background: 0 0
}

.wrapper .row4 .slider .swiper-container:after {
	content: "";
	position: absolute;
	z-index: 9;
	left: 100%;
	top: 0;
	height: 168px;
	width: 100%;
	background: 0 0
}

.wrapper .row4 .slider .swiper-container .swiper-slide {
	opacity: .4
}

.wrapper .row4 .slider .swiper-container .swiper-slide.swiper-slide-visible {
	opacity: 1
}

.wrapper .row4 .slider .swiper-container .arrow_left {
	position: absolute;
	z-index: 99;
	left: -10px;
	top: 50%;
	background: url(../images/startmatrix_arrowleft.png) no-repeat 0 0;
	width: 21px;
	height: 44px;
	margin-top: -22px;
	cursor: pointer
}

.wrapper .row4 .slider .swiper-container .arrow_right {
	position: absolute;
	z-index: 99;
	right: -10px;
	top: 50%;
	background: url(../images/startmatrix_arrowright.png) no-repeat 0 0;
	width: 21px;
	height: 44px;
	margin-top: -22px;
	cursor: pointer
}

.wrapper .row4 .slider .item {
	position: relative;
	display: block;
	background: url(../images/startmatrix_item_bg.png) no-repeat center;
	width: 214px;
	height: 115px;
	padding: 19px 25px 34px 35px;
	margin: 0 auto
}

.wrapper .row4 .slider .item:hover {
	color: #000
}

.wrapper .row4 .slider .item img {
	position: absolute;
	left: -4px;
	top: 6px;
	width: 70px;
	height: 70px;
	border-radius: 35px
}

.wrapper .row4 .slider .item span {
	display: block
}

.wrapper .row4 .slider .item .local-name {
	font-size: 16px;
	font-weight: 700;
	width: 164px;
	padding-left: 50px;
	border-bottom: 1px solid #e5e5e5
}

.wrapper .row4 .slider .item .local-slogan {
	font-size: 14px;
	line-height: 30px;
	padding-left: 48px;
	color: #666
}

.wrapper .row4 .slider .item .local-des {
	padding-top: 13px;
	font-size: 14px;
	line-height: 1.6;
	font-weight: 700
}

.wrapper .row5 {
	padding-top: 86px
}

.wrapper .row5 .title {
	position: relative;
	border-bottom: 4px solid #efefef
}

.wrapper .row5 .title .middle {
	position: absolute;
	left: 50%;
	bottom: -5px;
	background: #fff url(../images/icon_title.png) no-repeat center bottom;
	width: 162px;
	margin-left: -81px;
	height: 20px
}

.wrapper .row5 .title .middle span {
	position: absolute;
	left: 50%;
	top: -16px;
	font-size: 26px;
	height: 26px;
	line-height: 1;
	width: 120px;
	margin-left: -60px;
	text-align: center;
	font-weight: 700;
	background: #fff
}

.wrapper .row5 .box .nav {
	position: relative;
	padding: 21px 25px 0
}

.wrapper .row5 .box .nav:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #e5e5e5
}

.wrapper .row5 .box .nav ul {
	position: relative
}

.wrapper .row5 .box .nav ul li {
	position: relative;
	width: 10%;
	float: left;
	text-align: center;
	height: 44px
}

.wrapper .row5 .box .nav ul li.selected a {
	color: #aa182c
}

.wrapper .row5 .box .nav ul li.selected a:before {
	content: "";
	position: absolute;
	z-index: 99;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #aa182c
}

.wrapper .row5 .box .nav ul li a {
	position: relative;
	display: inline-block;
	font-size: 20px;
	line-height: 44px;
	font-weight: 700
}

.wrapper .row5 .content {
	position: relative;
	margin-top: 44px;
	height: 454px
}

.wrapper .row5 .content .panel {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none
}

.wrapper .row5 .content .panel:first-child {
	display: block
}

.wrapper .row5 .content .panel .w720 {
	float: left;
	width: 720px
}

.wrapper .row5 .content .panel .w720 .pic {
	position: relative;
	float: left;
	margin-left: 20px
}

.wrapper .row5 .content .panel .w720 .pic:first-child {
	margin-left: 0
}

.wrapper .row5 .content .panel .w720 .pic a {
	display: block
}

.wrapper .row5 .content .panel .w720 .pic a:before {
	content: "";
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 0;
	background: url(../images/classifynews_mask.png) no-repeat center;
	width: 100%;
	height: 66px
}

.wrapper .row5 .content .panel .w720 .pic a img {
	display: block;
	width: 350px;
	height: 194px
}

.wrapper .row5 .content .panel .w720 .pic a span {
	position: absolute;
	z-index: 9;
	left: 0;
	bottom: 1px;
	font-size: 16px;
	line-height: 1.6;
	padding: 0 20px;
	color: #fff
}

.wrapper .row5 .content .panel .w720 .article {
	clear: both;
	padding-top: 37px;
	width: 720px
}

.wrapper .row5 .content .panel .w720 .article dl {
	background: #efefef;
	height: 195px;
	padding: 0 30px
}

.wrapper .row5 .content .panel .w720 .article dl dt {
	padding-top: 11px;
	padding-bottom: 6px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.wrapper .row5 .content .panel .w720 .article dl dt a {
	font-size: 18px;
	font-weight: 700
}

.wrapper .row5 .content .panel .w720 .article dl .des {
	font-size: 14px;
	height: 75px
}

.wrapper .row5 .content .panel .w720 .article dl .des .more {
	color: #aa182c
}

.wrapper .row5 .content .panel .w720 .article dl .other {
	padding-top: 20px
}

.wrapper .row5 .content .panel .w720 .article dl .other .left {
	float: left
}

.wrapper .row5 .content .panel .w720 .article dl .other .left .column {
	color: #aa182c;
	font-size: 14px;
	line-height: 1.3;
	background: #fff;
	display: inline-block;
	border: 1px solid #aa182c;
	padding: 0 6px;
	border-radius: 5px;
	margin-right: 3px
}

.wrapper .row5 .content .panel .w720 .article dl .other .left .keys {
	font-size: 14px;
	color: #919191
}

.wrapper .row5 .content .panel .w720 .article dl .other .right {
	float: right;
	position: relative
}

.wrapper .row5 .content .panel .w720 .article dl .other .right a.hidden {
	position: absolute;
	visibility: hidden
}

.wrapper .row5 .content .panel .w720 .article dl .other .right .sound {
	position: absolute;
	right: 44px;
	top: -3px;
	border-radius: 18px;
	width: 90px;
	height: 36px;
	background: url(../images/icon_sound_play.png) no-repeat 0 0;
	margin-left: 0
}

.wrapper .row5 .content .panel .w720 .article dl .other .right .sound.current {
	background: url(../images/icon_sound_pause.png) no-repeat 0 0
}

.wrapper .row5 .content .panel .w720 .article dl .other .right .btn_towcode {
	position: absolute;
	right: -2px;
	top: -3px;
	background: url(../images/btn_share.png) no-repeat 0 0;
	width: 36px;
	height: 36px
}

.wrapper .row5 .content .panel .w436 {
	float: left;
	width: 436px;
	margin-left: 44px
}

.wrapper .row5 .content .panel .w436 .media {
	background-color: #efefef;
	height: 152px;
	padding: 21px 18px
}

.wrapper .row5 .content .panel .w436 .media dt {
	height: 100px
}

.wrapper .row5 .content .panel .w436 .media dt a {
	display: block
}

.wrapper .row5 .content .panel .w436 .media dt .img {
	float: left;
	margin-right: 16px
}

.wrapper .row5 .content .panel .w436 .media dt .text {
	padding-top: 8px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.6;
	text-align: justify
}

.wrapper .row5 .content .panel .w436 .media .other {
	padding-top: 22px
}

.wrapper .row5 .content .panel .w436 .media .other .left {
	float: left;
	padding-top: 3px;
	padding-left: 10px
}

.wrapper .row5 .content .panel .w436 .media .other .left .column {
	color: #aa182c;
	font-size: 14px;
	line-height: 1.3;
	background: #fff;
	display: inline-block;
	border: 1px solid #aa182c;
	padding: 0 6px;
	border-radius: 5px;
	margin-right: 10px
}

.wrapper .row5 .content .panel .w436 .media .other .left .keys {
	font-size: 14px;
	color: #919191
}

.wrapper .row5 .content .panel .w436 .media .other .right {
	float: right;
	position: relative
}

.wrapper .row5 .content .panel .w436 .media .other .right a.hidden {
	position: absolute;
	visibility: hidden
}

.wrapper .row5 .content .panel .w436 .media .other .right .sound {
	position: absolute;
	right: 44px;
	top: -3px;
	border-radius: 18px;
	width: 90px;
	height: 36px;
	background: url(../images/icon_sound_play.png) no-repeat 0 0;
	margin-left: 0
}

.wrapper .row5 .content .panel .w436 .media .other .right .sound.current {
	background: url(../images/icon_sound_pause.png) no-repeat 0 0
}

.wrapper .row5 .content .panel .w436 .media .other .right .btn_towcode {
	position: absolute;
	right: -3px;
	top: -3px;
	background: url(../images/btn_share.png) no-repeat 0 0;
	width: 36px;
	height: 36px
}

.wrapper .row5 .content .panel .w436 .list {
	padding-top: 20px
}

.wrapper .row5 .content .panel .w436 .list li {
	border-top: 1px solid #e5e5e5;
	height: 56px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.wrapper .row5 .content .panel .w436 .list li:first-child {
	border-top: none
}

.wrapper .row5 .content .panel .w436 .list li a {
	font-size: 18px;
	line-height: 56px;
	font-weight: 700
}

.wrapper .row6 {
	padding-top: 61px
}

.wrapper .row6 .title {
	position: relative;
	border-bottom: 4px solid #f2f2f2
}

.wrapper .row6 .title .middle {
	position: absolute;
	left: 50%;
	bottom: -5px;
	background: #fff url(../images/icon_title.png) no-repeat center bottom;
	width: 162px;
	margin-left: -81px;
	height: 20px
}

.wrapper .row6 .title .middle span {
	position: absolute;
	left: 50%;
	top: -16px;
	font-size: 26px;
	height: 26px;
	line-height: 1;
	width: 120px;
	margin-left: -60px;
	text-align: center;
	font-weight: 700;
	background: #fff
}

.wrapper .row6 .box {
	padding-top: 23px
}

.wrapper .row6 .box .item {
	position: relative;
	float: left;
	width: 26%;
	padding-top: 4px;
	height: 243px
}

.wrapper .row6 .box .item.fouth,
.wrapper .row6 .box .item:first-child {
	width: 24%
}

.wrapper .row6 .box .item:first-child .content {
	padding-left: 0
}

.wrapper .row6 .box .item:first-child:before {
	display: none
}

.wrapper .row6 .box .item.fouth dl {
	padding-right: 0
}

.wrapper .row6 .box .item:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: #e5e5e5
}

.wrapper .row6 .box .item .content {
	padding: 0 27px
}

.wrapper .row6 .box .item .content .logo {
	width: 100%;
	height: 62px;
	display: table
}

.wrapper .row6 .box .item .content .logo .cell {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.wrapper .row6 .box .item .content .logo .cell img {
	display: inline-block
}

.wrapper .row6 .box .item .content dl dt {
	font-size: 18px;
	line-height: 1.7;
	font-weight: 700;
	margin-bottom: 12px
}

.wrapper .row6 .box .item .content dl dd {
	background: url(../images/icon_o.png) no-repeat 5px 8px;
	padding-left: 20px;
	padding-bottom: 7px
}

.wrapper .row6 .box .item .content dl dd a {
	font-size: 14px;
	line-height: 1.9;
	color: #8d8d8d
}

.wrapper .row7 {
	padding-top: 90px
}

.wrapper .row7 .title {
	position: relative;
	border-bottom: 4px solid #efefef
}

.wrapper .row7 .title .middle {
	position: absolute;
	left: 50%;
	bottom: -5px;
	background: #fff url(../images/icon_title.png) no-repeat center bottom;
	width: 162px;
	margin-left: -81px;
	height: 20px
}

.wrapper .row7 .title .middle span {
	position: absolute;
	left: 50%;
	top: -16px;
	font-size: 26px;
	height: 26px;
	line-height: 1;
	width: 120px;
	margin-left: -60px;
	text-align: center;
	font-weight: 700;
	background: #fff
}

.wrapper .row7 .plate {
	height: 349px;
	position: relative;
	margin-top: 20px
}

.wrapper .row7 .plate .wechat {
	position: absolute;
	left: -12px;
	top: 0;
	background: url(http://www.pige.henunews.com/static/images/weixin.png?1) no-repeat 0 0;
	width: 359px;
	height: 257px;
	padding-top: 12px
}

.wrapper .row7 .plate .wechat ul li {
	margin: 0 auto;
	width: 300px;
	height: 89px
}

.wrapper .row7 .plate .wechat ul li:first-child {
	height: 128px
}

.wrapper .row7 .plate .wechat ul li:first-child a {
	border: none;
	padding: 0;
	height: 128px;
	border-radius: 5px 5px 0 0
}

.wrapper .row7 .plate .wechat ul li:first-child a:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 62px;
	background: url(../images/wechat_mask.png) no-repeat 0 0
}

.wrapper .row7 .plate .wechat ul li:first-child a span {
	position: absolute;
	z-index: 9;
	left: 0;
	bottom: 0;
	color: #fff;
	width: 260px;
	line-height: 1.6;
	padding: 0 20px;
	text-align: justify
}

.wrapper .row7 .plate .wechat ul li:first-child a img {
	display: block
}

.wrapper .row7 .plate .wechat ul li a {
	position: relative;
	display: block;
	border: 1px solid #e5e5e5;
	border-top: none;
	padding: 21px 12px 24px 19px;
	border-radius: 0 0 5px 5px
}

.wrapper .row7 .plate .wechat ul li a span {
	display: block;
	float: left;
	width: 206px;
	font-size: 14px;
	line-height: 1.4;
	text-align: justify
}

.wrapper .row7 .plate .wechat ul li a img {
	float: right
}

.wrapper .row7 .plate .tiktok {
	position: absolute;
	left: 348px;
	top: 0;
	background: url(http://www.pige.henunews.com/static/images/douyin.png?1) no-repeat 0 0;
	width: 518px;
	height: 257px;
	padding-top: 12px
}

.wrapper .row7 .plate .tiktok ul {
	padding-left: 32px
}

.wrapper .row7 .plate .tiktok ul li {
	float: left;
	margin-left: 17px;
	width: 200px
}

.wrapper .row7 .plate .tiktok ul li:first-child {
	margin-left: 0
}

.wrapper .row7 .plate .tiktok ul li a {
	display: block
}

.wrapper .row7 .plate .tiktok ul li a span {
	display: block
}

.wrapper .row7 .plate .tiktok ul li a .pic {
	position: relative;
	width: 200px;
	height: 178px;
	border-radius: 5px;
	overflow: hidden
}

.wrapper .row7 .plate .tiktok ul li a .pic:before {
	content: "";
	position: absolute;
	background: url(../images/tiktok_mask.png) no-repeat 0 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50px
}

.wrapper .row7 .plate .tiktok ul li a .text {
	font-size: 14px;
	line-height: 1.4
}

.wrapper .row7 .plate .weibo {
	position: absolute;
	left: 867px;
	top: 0;
	background: url(http://www.pige.henunews.com/static/images/weibo.png?1) no-repeat 0 0;
	width: 344px;
	height: 257px;
	padding-top: 12px
}

.wrapper .row7 .plate .weibo ul {
	padding-left: 27px;
	width: 289px
}

.wrapper .row7 .plate .weibo ul li {
	height: 61px;
	margin-top: 17px
}

.wrapper .row7 .plate .weibo ul li:first-child {
	margin-top: 0
}

.wrapper .row7 .plate .weibo ul li a {
	display: block
}

.wrapper .row7 .plate .weibo ul li a img {
	float: left;
	margin-right: 11px
}

.wrapper .row7 .plate .weibo ul li a span {
	font-size: 14px;
	line-height: 1.4;
	color: #333
}

.wrapper .row8 {
	padding-top: 70px;
	margin-bottom: 30px
}

.wrapper .row8 .title {
	position: relative;
	border-bottom: 4px solid #ddd
}

.wrapper .row8 .title:after {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	width: 100%;
	height: 314px;
	background: #efefef
}

.wrapper .row8 .title .middle {
	position: absolute;
	z-index: 9;
	left: 50%;
	bottom: -5px;
	background: #fff url(../images/icon_title.png) no-repeat center bottom;
	width: 162px;
	margin-left: -81px;
	height: 20px
}

.wrapper .row8 .title .middle span {
	position: absolute;
	left: 50%;
	top: -16px;
	font-size: 26px;
	height: 26px;
	line-height: 1;
	width: 120px;
	margin-left: -60px;
	text-align: center;
	font-weight: 700;
	background: #fff
}

.wrapper .row8 .silder {
	position: relative;
	padding: 0 55px
}

.wrapper .row8 .silder .swiper-container {
	padding-top: 47px;
	height: 266px
}

.wrapper .row8 .silder .arrow_left {
	position: absolute;
	left: 22px;
	top: 145px;
	background: url(../images/product_matrix_arrowleft.png) no-repeat 0 0;
	width: 17px;
	height: 31px;
	cursor: pointer
}

.wrapper .row8 .silder .arrow_right {
	position: absolute;
	right: 25px;
	top: 179px;
	background: url(../images/product_matrix_arrowright.png) no-repeat 0 0;
	width: 17px;
	height: 31px;
	cursor: pointer
}

.wrapper .row8 .silder .item {
	margin: 0 auto;
	width: 216px
}

.wrapper .row8 .silder .poster {
	position: relative;
	width: 216px;
	height: 180px
}

.wrapper .row8 .silder .poster:before {
	content: "";
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	/*background: url(../images/shadow.png) no-repeat 0 0;*/
	width: 240px;
	margin-left: -120px;
	height: 366px;
	margin-top: -183px
}

.wrapper .row8 .silder .poster:after {
	content: "";
	position: absolute;
	z-index: 1;
	background: url(../images/product_matrix_mask.png) no-repeat 0 0;
	width: 216px;
	height: 342px;
	opacity: 0;
	transition: all ease-in-out .2s
}

.wrapper .row8 .silder .poster:hover:after {
	transform: translate(15px, -15px);
	opacity: 1
}

.wrapper .row8 .silder .poster a {
	position: absolute;
	z-index: 9;
	width: 216px;
	height: 265px
}

.wrapper .row8 .silder .poster a .tip {
	position: absolute;
	left: -26px;
	bottom: 4px
}

.wrapper .row8 .silder .text {
	padding-top: 15px
}

.wrapper .row8 .silder .text .ti {
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.wrapper .row8 .silder .text .ti span {
	display: inline-block;
	font-size: 18px;
	border-bottom: 2px solid #aa182c;
	font-weight: 700
}

.wrapper .row8 .silder .text .des {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-align: center;
	padding-top: 20px;
	font-size: 14px;
	padding-top: 9px;
	color: #8d8d8d
}

.wrapper .footer {
	margin-top: 34px;
	padding: 64px 0 38px;
	width: 100%;
	background-color: #333
}

.wrapper .footer #perny-footer {
	position: relative
}

.wrapper .footer #perny-footer .link-1,
.wrapper .footer #perny-footer .link-2,
.wrapper .footer #perny-footer .link-3,
.wrapper .footer #perny-footer .link-4 {
	float: left
}

.wrapper .footer #perny-footer .link-1 ul li,
.wrapper .footer #perny-footer .link-2 ul li,
.wrapper .footer #perny-footer .link-3 ul li,
.wrapper .footer #perny-footer .link-4 ul li {
	font-size: 14px;
	line-height: 2.2;
	color: #f1f1f1
}

.wrapper .footer #perny-footer .link-1 ul li a,
.wrapper .footer #perny-footer .link-2 ul li a,
.wrapper .footer #perny-footer .link-3 ul li a,
.wrapper .footer #perny-footer .link-4 ul li a {
	color: #f1f1f1
}

.wrapper .footer #perny-footer .link-1 {
	width: 15%
}

.wrapper .footer #perny-footer .link-1 ul {
	padding-left: 26px
}

.wrapper .footer #perny-footer .link-2 {
	width: 17%
}

.wrapper .footer #perny-footer .link-2::before {
	position: absolute;
	left: 15%;
	top: 0;
	bottom: 0;
	content: "";
	height: 100%;
	border-left: 1px solid #272727
}

.wrapper .footer #perny-footer .link-2 ul {
	padding-left: 26px
}

.wrapper .footer #perny-footer .link-3 {
	width: 46%
}

.wrapper .footer #perny-footer .link-3::before {
	position: absolute;
	left: 32%;
	top: 0;
	bottom: 0;
	content: "";
	height: 100%;
	border-left: 1px solid #272727
}

.wrapper .footer #perny-footer .link-3 ul {
	padding-left: 26px
}

.wrapper .footer #perny-footer .link-3 ul li {
	font-size: 11px;
	float: left
}

.wrapper .footer #perny-footer .link-3 ul li.odd {
	width: 57%
}

.wrapper .footer #perny-footer .link-3 ul li.even {
	width: 43%
}

.wrapper .footer #perny-footer .link-3 .other {
	padding-top: 18px;
	padding-left: 26px
}

.wrapper .footer #perny-footer .link-3 .other .cnr-logo {
	width: 61px;
	height: 26px;
	float: left;
	display: block
}

.wrapper .footer #perny-footer .link-3 .other span {
	float: right;
	margin-right: 40px
}

.wrapper .footer #perny-footer .link-3 .other span a {
	display: block;
	float: left;
	margin-left: 8px
}

.wrapper .footer #perny-footer .link-3 .other span img {
	height: 26px;
	width: auto;
	display: block
}

.wrapper .footer #perny-footer .link-4 {
	width: 22%
}

.wrapper .footer #perny-footer .link-4::before {
	position: absolute;
	left: 78%;
	top: 0;
	bottom: 0;
	content: "";
	height: 100%;
	border-left: 1px solid #272727
}

.wrapper .footer #perny-footer .link-4 ul {
	padding-left: 26px;
	margin-bottom: -14px
}

.wrapper .footer #perny-footer .link-4 ul li {
	width: 50%;
	float: left;
	margin-bottom: 22px;
	height: 32px
}

.wrapper .footer #perny-footer .link-4 ul li a {
	display: block
}

.wrapper .footer #perny-footer .link-4 ul li a img {
	display: inline-block;
	width: 32px;
	height: 32px
}

.wrapper .footer #perny-footer .link-4 ul li a span {
	display: inline-block;
	font-size: 12px;
	line-height: 16px;
	width: 32px;
	height: 32px;
	text-align: center;
	vertical-align: top
}

.wrapper .footer #perny-footer .link-4 ul li a span.yunting {
	line-height: 32px
}

.wrapper .footer #copyright {
	display: none;
	text-align: center;
	font-size: 12px;
	color: #fff
}

.wrapper .live_list {
	visibility: hidden;
	opacity: 0;
	position: fixed;
	z-index: 9999999;
	left: 0;
	bottom: 56px;
	height: 80px;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	background: #efefef;
	width: 100%;
	transition: all ease-in-out .2s
}

.wrapper .live_list .arrow-left {
	position: absolute;
	cursor: pointer;
	right: 50%;
	top: 50%;
	background: url(../images/channellistarrow.png) no-repeat 0 0;
	width: 10px;
	height: 20px;
	margin-top: -10px;
	margin-right: 590px
}

.wrapper .live_list .arrow-right {
	position: absolute;
	cursor: pointer;
	left: 50%;
	top: 50%;
	background: url(../images/arrows.png) no-repeat right 0;
	width: 10px;
	height: 20px;
	margin-top: -10px;
	margin-left: 590px
}

.wrapper .live_list .LiveChannel-close {
	position: absolute;
	z-index: 9;
	cursor: pointer;
	left: 50%;
	top: 0;
	background: url(../images/channellistclose.png) no-repeat right 0;
	width: 16px;
	height: 16px;
	margin-left: 584px
}

.wrapper .live_list .swiper-container {
	position: absolute;
	left: 50%;
	height: 100%;
	width: 1170px;
	margin-left: -585px
}

.wrapper .live_list .swiper-container .swiper-slide.current .item .channelLogo:after,
.wrapper .live_list .swiper-container .swiper-slide.current .item .channelLogo:before {
	opacity: 1;
	visibility: visible
}

.wrapper .live_list .swiper-container .item {
	position: relative;
	cursor: pointer;
	padding: 0 9px;
	margin-top: -5px
}

.wrapper .live_list .swiper-container .item .channelLogo {
	position: relative;
	background: url(../images/channellogoshadow.png) no-repeat 0 0;
	width: 72px;
	height: 72px
}

.wrapper .live_list .swiper-container .item .channelLogo:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	background: url(../images/channellogoshadow-hover.png) no-repeat 0 0;
	width: 54px;
	margin-left: -27px;
	height: 54px;
	margin-top: -27px;
	opacity: 0;
	visibility: hidden;
	transition: all ease-in-out .2s
}

.wrapper .live_list .swiper-container .item .channelLogo:after {
	content: "";
	position: absolute;
	top: 13px;
	right: 4px;
	background: url(../images/current.png) no-repeat 0 0;
	width: 16px;
	height: 16px;
	opacity: 0;
	visibility: hidden;
	transition: all ease-in-out .2s
}

.wrapper .live_list .swiper-container .item .channelLogo img {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 50px;
	margin-left: -25px;
	height: 50px;
	margin-top: -25px;
	border-radius: 100%
}

.wrapper .live_list .swiper-container .item .channelName {
	position: absolute;
	left: 0;
	bottom: -5px;
	font-size: 12px;
	line-height: 1;
	width: 100%;
	color: #737373;
	text-align: center
}

.wrapper .floatNav-wrapper {
	position: fixed;
	z-index: 9999999;
	left: 0;
	top: 0;
	width: 100%;
	height: 52px;
	visibility: hidden
}

.wrapper .floatNav-wrapper:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	background: url(../images/floatnav_shadow.png) repeat-x 0 0;
	width: 100%;
	height: 45px
}

.wrapper .floatNav-wrapper .floatNav {
	position: absolute;
	width: 100%;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	background: #fff
}

.wrapper .floatNav-wrapper .floatNav .floatNav-main {
	margin: 0 auto;
	width: 1200px;
	height: 50px;
	background: url(../images/logo-main-s.png) no-repeat 0 center
}

.wrapper .floatNav-wrapper .floatNav .floatNav-main .floatNav-default {
	position: absolute;
	z-index: 9;
	padding-left: 100px;
	height: 38px;
	padding-top: 6px;
	padding-bottom: 6px;
	width: 1100px
}

.wrapper .floatNav-wrapper .floatNav .floatNav-main .floatNav-default .openFloatNav-hidden {
	float: left;
	cursor: pointer;
	height: 38px;
	line-height: 38px;
	background: url(../images/icon_menu.png) no-repeat 0 center;
	padding-left: 24px;
	padding-right: 17px;
	border-right: 1px solid #e5e5e5
}

.wrapper .floatNav-wrapper .floatNav .floatNav-main .floatNav-default .search {
	float: left;
	height: 38px;
	padding: 0 15px;
	border-right: 1px solid #e5e5e5
}

.wrapper .floatNav-wrapper .floatNav .floatNav-main .floatNav-default .search a {
	display: block;
	background: url(../images/icon_search.png) no-repeat 0 0;
	width: 18px;
	height: 18px;
	margin-top: 10px
}

.wrapper .floatNav-wrapper .floatNav .floatNav-main .floatNav-default .quick {
	display: none;
	float: left;
	height: 38px;
	width: 730px;
	padding-left: 82px;
	background: url(../images/icon_quick.png) no-repeat 27px center
}

.wrapper .floatNav-wrapper .floatNav .floatNav-main .floatNav-default .quick .marquee {
	display: block;
	line-height: 38px;
	position: relative;
	overflow: hidden;
	width: 500px;
	height: 38px;
	font-size: 16px
}

.wrapper .floatNav-wrapper .floatNav .floatNav-main .floatNav-default .right {
	float: right;
	border-left: 1px solid #e5e5e5;
	height: 38px
}

.wrapper .floatNav-wrapper .floatNav .floatNav-main .floatNav-default .right .email {
	float: left;
	margin-left: 12px;
	background: url(../images/btn_email2.png) no-repeat 0 0;
	width: 51px;
	height: 30px;
	margin-top: 4px
}

.wrapper .floatNav-wrapper .floatNav .floatNav-main .floatNav-default .right .email a {
	display: block;
	width: 100%;
	height: 100%
}

.wrapper .floatNav-wrapper .floatNav .floatNav-main .floatNav-default .right .radio-live {
	float: left;
	cursor: pointer;
	margin-left: 7px;
	margin-top: 4px;
	background: url(../images/radiolive2.png) no-repeat 0 0;
	width: 84px;
	height: 30px
}

.wrapper .floatNav-wrapper .floatNav .floatNav-main .floatNav-hidden {
	display: none;
	padding-left: 100px;
	width: 1100px
}

.wrapper .floatNav-wrapper .floatNav .floatNav-main .floatNav-hidden .floatNav-line1 {
	height: 38px;
	padding-top: 6px;
	padding-bottom: 6px
}

.wrapper .floatNav-wrapper .floatNav .floatNav-main .floatNav-hidden .floatNav-line1 ul {
	float: left;
	padding-left: 24px
}

.wrapper .floatNav-wrapper .floatNav .floatNav-main .floatNav-hidden .floatNav-line1 ul li {
	position: relative;
	float: left;
	height: 38px;
	line-height: 38px;
	margin-left: 30px
}

.wrapper .floatNav-wrapper .floatNav .floatNav-main .floatNav-hidden .floatNav-line1 ul li:hover .sub {
	visibility: visible;
	opacity: 1
}

.wrapper .floatNav-wrapper .floatNav .floatNav-main .floatNav-hidden .floatNav-line1 ul li:first-child {
	margin-left: 0
}

.wrapper .floatNav-wrapper .floatNav .floatNav-main .floatNav-hidden .floatNav-line1 ul li a {
	font-size: 16px;
	font-weight: 700
}

.wrapper .floatNav-wrapper .floatNav .floatNav-main .floatNav-hidden .floatNav-line1 ul li .sub {
	visibility: hidden;
	z-index: 99;
	opacity: 0;
	transition: all ease-in-out .4s;
	position: absolute;
	top: 46px;
	left: -5px;
	width: 125px;
	padding: 0 10px;
	border-right: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	background: #fff;
	font-size: 0
}

.wrapper .floatNav-wrapper .floatNav .floatNav-main .floatNav-hidden .floatNav-line1 ul li .sub .top {
	position: absolute;
	left: -1px;
	top: -13px;
	background: url(../images/menu-sub-top.png) no-repeat center;
	width: 147px;
	height: 13px
}

.wrapper .floatNav-wrapper .floatNav .floatNav-main .floatNav-hidden .floatNav-line1 ul li .sub a {
	display: block;
	font-size: 14px;
	line-height: 24px;
	height: 24px;
	font-weight: 400;
	float: left;
	margin: 0 3px
}

.wrapper .floatNav-wrapper .floatNav .floatNav-main .floatNav-hidden .floatNav-line1 ul li .sub .bottom {
	position: absolute;
	left: -1px;
	bottom: -8px;
	background: url(../images/menu-sub-bottom.png) no-repeat center;
	width: 147px;
	height: 8px
}

.wrapper .floatNav-wrapper .floatNav .floatNav-main .floatNav-hidden .floatNav-line1 .closeFloatNav-hidden {
	float: right;
	cursor: pointer;
	background: url(../images/closefloatnav_hidden.png) no-repeat right center;
	width: 81px;
	height: 38px;
	border-left: 1px solid #e5e5e5
}

.wrapper .floatNav-wrapper .floatNav .floatNav-main .floatNav-hidden .floatNav-line2 {
	position: absolute;
	left: 0;
	width: 100%;
	height: 50px;
	border-top: 1px solid #dfdfdf
}

.wrapper .floatNav-wrapper .floatNav .floatNav-main .floatNav-hidden .floatNav-line2:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	background: url(../images/floatnav_shadow.png) repeat-x 0 0;
	width: 100%;
	height: 45px
}

.wrapper .floatNav-wrapper .floatNav .floatNav-main .floatNav-hidden .floatNav-line2 .floatNav-local {
	position: absolute;
	background: #efefef;
	z-index: 9;
	height: 50px;
	width: 100%
}

.wrapper .floatNav-wrapper .floatNav .floatNav-main .floatNav-hidden .floatNav-line2 .floatNav-local ul {
	padding-left: 124px;
	width: 1076px;
	margin: 0 auto
}

.wrapper .floatNav-wrapper .floatNav .floatNav-main .floatNav-hidden .floatNav-line2 .floatNav-local ul li {
	float: left;
	height: 50px;
	line-height: 50px;
	margin-left: 15px
}

.wrapper .floatNav-wrapper .floatNav .floatNav-main .floatNav-hidden .floatNav-line2 .floatNav-local ul li:first-child {
	margin-left: 0
}

.wrapper .floatNav-wrapper .floatNav .floatNav-main .floatNav-hidden .floatNav-line2 .floatNav-local ul li a {
	font-size: 14px;
	color: #616161
}