@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 16px;
	vertical-align: baseline;
	background: transparent;
	font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;
	color: #121212;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-font-feature-settings: "liga", "kern";
}

body {
	background: #FFFFFF;
}

a {
	text-decoration: none;
	cursor: pointer;
}

em,
i {
	font-style: normal;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

img {
	border: none;
}

em,
h1 {
	font-style: normal;
}

.width {
	width: 1180px;
	margin: 0 auto;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clearfix {
	*+height: 1%;
}

ul {
	list-style: none;
}

.animation {
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
}

.banner {
	height: 430px;
	background: url(https://res.88act.com/res/88act/images/banner.jpg) center top no-repeat;
}

.banner p {
	font-size: 50px;
	color: #FFF;
	text-align: center;
	padding: 138px 0 12px;
	font-weight: bold;
}

.banner span {
	display: block;
	font-size: 30px;
	text-align: center;
	color: #FFF;
	margin-bottom: 20px;
}

.banner .form {
	width: 530px;
	margin: 0 auto;
}

.banner .form input {
	display: block;
	float: left;
	width: 365px;
	height: 45px;
	line-height: 45px;
	background-color: #FFF;
	padding-left: 15px;
	border-radius: 8px;
	margin-right: 10px;
	font-size: 18px;
}

.banner .form a {
	display: block;
	width: 200px;
	height: 45px;
	line-height: 45px;
	background-color: #ff373c;
	border-radius: 8px;
	text-align: center;
	color: #FFF;
	-webkit-font-smoothing: initial;
	font-size: 18px;
	margin: 0 auto;
}

.banner .form em {
	display: block;
	clear: both;
	color: #f0a614;
	padding-top: 10px;
	text-align: center;
}

.banner .M_from {
	display: none;
}

.content .btn {
	display: block;
	width: 160px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #FFF;
	background-color: #fb1438;
	border-radius: 6px;
	margin: 0 auto;
	-webkit-font-smoothing: initial;
}

.content .title_pc {
	font-size: 36px;
	text-align: center;
	padding: 60px 0 40px;
	display: block;
}

.content .title_m {
	display: none;
}

.content .title_pc em {
	display: block;
	font-size: 18px;
	color: #757575;
	padding-top: 16px;
}

.content .fl_1 {
	height: auto;
	overflow: hidden;
	padding-bottom: 50px;
}

.content .fl_1 .img {
	float: left;
	width: 394px;
	height: 174px;
	background: url(https://res.88act.com/res/88act/images/PCfl1_1.png) center top no-repeat;
}

.content .fl_1 ul {
	width: 778px;
	float: left;
	display: block;
}

.content .fl_1 ul.m {
	display: none;
}

.content .fl_1 ul li {
	float: left;
	width: 50%;
	margin-bottom: 36px;
}

.content .fl_1 ul li img {
	display: block;
	float: left;
	margin-left: 30px;
}

.content .fl_1 ul li .sen_box {
	width: 290px;
	float: right;
}

.content .fl_1 ul li .sen_box span {
	display: block;
	font-size: 24px;
	font-weight: bold;
	color: #1a1a1a;
}

.content .fl_1 ul li .sen_box p {
	font-size: 16px;
	color: #1a1a1a;
	line-height: 26px;
	padding-top: 14px;
}

.content .fl_2 {
	background: #f8f8f8;
	padding-bottom: 50px;
	height: auto;
	overflow: hidden;
}

.content .fl_2 .t_top {
	background: url(https://res.88act.com/res/88act/images/pcfl2_1.png) center top no-repeat;
	width: 768px;
	height: 417px;
	margin: 0 0 40px 118px;
}

.content .fl_2 .bot {
	text-align: center;
}

.content .fl_2 .bot a.btn {
	margin: 0;
	display: inline-block;
}

.content .fl_2 .bot a.btn_1 {
	width: 158px;
	height: 48px;
	line-height: 48px;
	border: 1px solid #fb1438;
	margin: 0 0 0 20px;
	color: #fb1438;
	background: none;
}

.content .fl_3 {
	height: auto;
	overflow: hidden;
	padding-bottom: 50px;
}

.content .fl_3 .tite {
	border-bottom: 1px solid #dcdcdc;
}

.content .fl_3 .nav_1 {
	width: 720px;
	margin: 0 auto;
	padding-bottom: 18px;
}

.content .fl_3 .nav_1 a {
	font-size: 18px;
	color: #1a1a1a;
	margin-right: 110px;
	padding-bottom: 18px;
}

.content .fl_3 .nav_1 a:last-child {
	margin-right: 0;
}

.content .fl_3 .nav_1 a.on,
.content .fl_3 .nav_1 a:hover {
	color: #ff363c;
	border-bottom: 3px solid #ff363c;
}

.content .fl_3 .swiper_container {
	overflow: hidden;
}

.content .fl_3 .swiper-slide .tit {
	text-align: center;
	padding: 36px 0 24px;
}

.content .fl_3 .swiper-slide .tit span {
	display: block;
	font-size: 30px;
	color: #1a1a1a;
	font-weight: 500;
}

.content .fl_3 .swiper-slide .tit p {
	font-size: 18px;
	color: #757575;
	font-weight: 500;
	padding-top: 12px;
}

.content .fl_3 .swiper-slide .img_1 {
	background: url(https://res.88act.com/res/88act/images/pcfl3_img1.png) center top no-repeat;
	width: 1081px;
	height: 452px;
	margin: 0 auto;
}

.content .fl_3 .swiper-slide .cen_box {
	width: 1077px;
	height: 448px;
	margin: 0 auto;
	border: 2px solid #e5e5e5;
	border-radius: 12px;
}

.content .fl_3 .swiper-slide .cen_box ul {
	padding: 70px 38px 50px;
}

.content .fl_3 .swiper-slide .cen_box ul li {
	float: left;
	background: url(https://res.88act.com/res/88act/images/pcfl3_1.png) center top no-repeat;
	width: 230px;
	height: 120px;
	margin-right: 26px;
}

.content .fl_3 .swiper-slide .cen_box ul li:nth-child(2) {
	background: url(https://res.88act.com/res/88act/images/pcfl3_2.png) center top no-repeat;
}

.content .fl_3 .swiper-slide .cen_box ul li:nth-child(3) {
	background: url(https://res.88act.com/res/88act/images/pcfl3_3.png) center top no-repeat;
}

.content .fl_3 .swiper-slide .cen_box ul li:nth-child(4) {
	background: url(https://res.88act.com/res/88act/images/pcfl3_4.png) center top no-repeat;
	margin-right: 0;
}

.content .fl_3 .swiper-slide .cen_box ul li span {
	display: block;
	text-align: center;
	font-size: 16px;
	color: #fff;
	font-weight: 500;
}

.content .fl_3 .swiper-slide .cen_box ul li span em {
	display: block;
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	padding: 28px 0 4px;
}

.content .fl_3 .swiper-slide .cen_box dl {
	padding: 0 130px;
}

.content .fl_3 .swiper-slide .cen_box dl dd {
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: #1a1a1a;
	float: left;
	margin-right: 64px;
}

.content .fl_3 .swiper-slide .cen_box dl dd:last-child {
	margin-right: 0;
}

.content .fl_3 .swiper-slide .cen_box dl dd img {
	display: block;
	margin: 0 auto 4px;
}

.content .fl_3 .swiper-slide .img_3 {
	background: url(https://res.88act.com/res/88act/images/pcfl3_img3.png) center top no-repeat;
	width: 1081px;
	height: 452px;
	margin: 0 auto;
}

.content .fl_3 .swiper-slide .img_4 {
	background: url(https://res.88act.com/res/88act/images/pcfl3_img4.png) center top no-repeat;
	width: 1081px;
	height: 452px;
	margin: 0 auto;
}

.content .fl_3 .btn {
	margin-top: 50px;
	width: 236px;
}

.content .fl_4 {
	height: 787px;
	overflow: hidden;
	background: url(https://res.88act.com/res/88act/images/pcfl4_bg.jpg) center top no-repeat;
}

.content .fl_4 .title_pc {
	color: #fff;
}

.content .fl_4 .tite {
	border-bottom: 1px solid #646063;
}

.content .fl_4 .nav_1 {
	width: 720px;
	margin: 0 auto;
	padding-bottom: 18px;
}

.content .fl_4 .nav_1 a {
	font-size: 18px;
	color: #fff;
	margin-right: 110px;
	padding-bottom: 18px;
}

.content .fl_4 .nav_1 a:last-child {
	margin-right: 0;
}

.content .fl_4 .nav_1 a.on,
.content .fl_4 .nav_1 a:hover {
	color: #ff363c;
	border-bottom: 3px solid #ff363c;
}

.content .fl_4 .swiper_container {
	overflow: hidden;
	width: 1081px;
	margin: 0 auto;
}

.content .fl_4 .swiper-slide .tit {
	padding: 36px 0 34px;
}

.content .fl_4 .swiper-slide .tit span {
	display: block;
	font-size: 18px;
	color: #fff;
	text-align: center;
}

.content .fl_4 .swiper-slide .tit a {
	display: block;
	width: 128px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 16px;
	color: #ff363c;
	border-radius: 50px;
	border: 1px solid #ff363c;
	margin: 6px auto 0;
}

.content .fl_4 .swiper-slide .img_1 {
	background: url(https://res.88act.com/res/88act/images/pcfl4_img1.png) center top no-repeat;
	width: 1081px;
	height: 402px;
	margin: 0 auto;
}

.content .fl_4 .swiper-slide .img_2 {
	background: url(https://res.88act.com/res/88act/images/pcfl4_img2.png) center top no-repeat;
	width: 1081px;
	height: 402px;
	margin: 0 auto;
}

.content .fl_4 .swiper-slide .img_3 {
	background: url(https://res.88act.com/res/88act/images/pcfl4_img3.png) center top no-repeat;
	width: 1081px;
	height: 402px;
	margin: 0 auto;
}

.content .fl_4 .swiper-slide .img_4 {
	background: url(https://res.88act.com/res/88act/images/pcfl4_img4.png) center top no-repeat;
	width: 1081px;
	height: 402px;
	margin: 0 auto;
}

.content .fl_5 {
	height: auto;
	overflow: hidden;
	padding-bottom: 50px;
}

.content .fl_5 ul {
	background: url(https://res.88act.com/res/88act/images/pcfl5_bg.png) center top no-repeat;
	height: 1724px;
	width: 1200px;
	margin: 0 auto;
}

.content .fl_5 ul li {
	height: auto;
	overflow: hidden;
}

.content .fl_5 ul li .cont_box {
	padding: 64px 0 290px 136px;
	width: 360px;
}

.content .fl_5 ul li:nth-child(2) .cont_box {
	float: right;
	padding: 0 118px 190px 0;
}

.content .fl_5 ul li:nth-child(3) .cont_box {
	padding: 114px 0 326px 136px;
	float: left;
}

.content .fl_5 ul li:nth-child(3) .cont_r {
	float: right;
	width: 644px;
	margin-top: 30px;
}

.content .fl_5 ul li:nth-child(3) .cont_r dd {
	float: left;
	text-align: center;
	width: 33.33%;
	padding: 84px 0 40px;
}

.content .fl_5 ul li:nth-child(3) .cont_r dd span {
	display: block;
	font-size: 22px;
	color: #fe4002;
	font-weight: 500;
}

.content .fl_5 ul li:nth-child(3) .cont_r dd em {
	display: block;
	font-size: 16px;
	color: #1a1a1a;
	line-height: 24px;
	padding-top: 4px;
}

.content .fl_5 ul li:nth-child(4) .cont_box {
	float: right;
	padding: 0 118px 0 0;
}

.content .fl_5 ul li span {
	display: block;
	font-size: 28px;
	color: #1a1a1a;
}

.content .fl_5 ul li p {
	font-size: 18px;
	color: #757575;
	line-height: 26px;
	padding: 12px 0 20px;
}

.content .fl_5 ul li p.m {
	display: none;
}

.content .fl_5 ul li a {
	display: block;
	font-size: 18px;
	color: #fff;
	text-align: center;
	width: 160px;
	height: 50px;
	line-height: 50px;
	background: #ff363c;
	border-radius: 6px;
}

.content .fl_6 {
	height: auto;
	overflow: hidden;
	background: #f8f8f8;
	padding-bottom: 50px;
}

.content .fl_6 .img {
	background: url(https://res.88act.com/res/88act/images/PC_anli.png) center top no-repeat;
	width: 1203px;
	height: 332px;
	margin: 0 auto;
}

.content .fl_6 .btn {
	width: 236px;
	margin-top: 50px;
}

.content .fl_7 {
	background: url(https://res.88act.com/res/88act/images/PC_fl7_bg.jpg) center top no-repeat;
	height: 250px;
}

.content .fl_7 a {
	display: block;
	height: 250px;
	width: 100%;
}

.content .art_list {
	overflow: hidden;
	padding-bottom: 40px;
}

.content .art_list .tabs {
	line-height: 46px;
	border-bottom: 1px solid #ccc;
	height: 46px;
	margin-bottom: 20px;
}

.content .art_list .tabs a {
	line-height: 46px;
	width: 33.33%;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
}

.content .art_list .tabs a.on,
.content .art_list .tabs a:hover {
	border-bottom: 2px solid #317fff;
}

.content .art_list .swiper-slide {
	width: 1180px;
}

.content .art_list .swiper-slide p {
	height: 42px;
	line-height: 42px;
	width: 480px;
	float: left;
	padding: 0 15px;
}

.content .art_list .swiper-slide p a {
	color: #666;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	float: left;
	width: 370px;
}

.content .art_list .swiper-slide p a:hover {
	color: #317fff;
}

.content .art_list .swiper-slide p:nth-child(2n) {
	float: right;
}

.content .art_list .swiper-slide p em {
	float: right;
	color: #666;
}

.content .f_link ul {
	height: auto;
	overflow: hidden;
	margin-bottom: 40px;
}

.content .f_link ul li {
	display: inline-block;
	margin: 0 8px;
}

.content .f_link ul li a {
	font-size: 16px;
	color: #737373;
	line-height: 34px;
}