/* 常规样式重置 */

 html,
 body,
 div,
 p,
 ul,
 li,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 dl,
 dt,
 dd {
 	margin: 0;
 	padding: 0;
 }

 * {
 	-webkit-tap-highlight-color: transparent;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 em,
 strong,
 i,
 b {
 	font-weight: normal;
 	font-style: normal;
 }

 ul,
 li,
 dl,
 dt,
 dd {
 	list-style: none;
 }

 a {
 	text-decoration: none;
 }

 img {
 	border: none;
 }

 input,
 textarea {
 	background: none;
 	border: none;
 	outline: 0;
 	-webkit-appearance: none;
 }

 button {
 	background: none;
 	border: none;
 	outline: 0;
 	cursor: pointer;
 }


 /* 通用样式 */

 body {
 	min-width: 1180px;
 	line-height: 1.5;
 	background: #edf1f5;
 	font-family: "微软雅黑";
 	font-size: 16px;
 	color: #1b212e;
 }

 .fl {
 	float: left;
 }

 .fr {
 	float: right;
 }

 .clr:after {
 	content: ' ';
 	display: table;
 	clear: both;
 }

 .clr {
 	zoom: 1;
 }

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

 .btn {
 	display: inline-block;
 	*display: inline;
 	zoom: 1;
 	width: 148px;
 	height: 42px;
 	line-height: 42px;
 	border: 1px solid;
 	border-radius: 22px;
 	color: #269bff;
 	font-size: 18px;
 	text-align: center;
 	transition: all .5s;
 }

 .btn:hover {
 	background: #269bff;
 	border-color: #269bff;
 	color: #fff;
 }

 .btn-white {
 	font-size: 20px;
 	color: #fff;
 }

 .btn-white:hover {
 	background: #fff;
 	border-color: #fff;
 	color: #269bff;
 }

 .btn-blue,
 .btn-blue-light {
 	width: 200px;
 	height: 50px;
 	line-height: 50px;
 	background: #1c6ed5;
 	border-color: #1c6ed5;
 	border-radius: 25px;
 	font-size: 20px;
 	color: #fff;
 }

 .btn-blue:hover {
 	background: #1659ad;
 	border-color: #1659ad;
 }

 .btn-blue-light {
 	background: #269bff;
 	border-color: #269bff;
 }

 .btn-blue-light:hover {
 	background: #218ae4;
 	border-color: #218ae4;
 }

 .btn-long {
 	width: 170px;
 }

 .white-bg {
 	padding: 1px 0;
 	background: #fff;
 }

 /* 小图标 */

 .icon {
 	display: inline-block;
 	*display: inline;
 	zoom: 1;
 	vertical-align: middle;
 	margin-top: -2px;
 	background: url("../images/icon.png") no-repeat;
 }

 .icon-prev {
 	width: 12px;
 	height: 20px;
 	background-position: -16px 0;
 }

 .icon-next {
 	width: 12px;
 	height: 20px;
 	background-position: -29px 0;
 }

 .icon-media-prev {
 	width: 15px;
 	height: 24px;
 	background-position: -289px -61px;
 }

 .icon-media-next {
 	width: 15px;
 	height: 24px;
 	background-position: -309px -61px;
 }

 .icon-num1,
 .icon-num2,
 .icon-num3 {
 	width: 14px;
 	height: 14px;
 	background-position: 0 0;
 }

 .icon-num2 {
 	background-position: 0 -16px;
 }

 .icon-num3 {
 	background-position: 0 -32px;
 }

 .icon-access {
 	width: 54px;
 	height: 54px;
 	background-position: -42px 0;
 }

 .icon-support {
 	width: 50px;
 	height: 61px;
 	background-position: -98px 0;
 }

 .icon-cash {
 	width: 55px;
 	height: 54px;
 	background-position: -150px 0;
 }

 .icon-data {
 	width: 58px;
 	height: 55px;
 	background-position: -209px 0;
 }

 .icon-cooperate {
 	width: 50px;
 	height: 49px;
 	background-position: -268px 0;
 }

 .icon-media {
 	width: 48px;
 	height: 39px;
 	background-position: -318px 0;
 }

 .icon-release {
 	width: 44px;
 	height: 61px;
 	background-position: -368px 0;
 }

 .icon-profit {
 	width: 46px;
 	height: 48px;
 	background-position: -414px 0;
 }

 .icon-withdrawal {
 	width: 45px;
 	height: 44px;
 	background-position: -462px 0;
 }

 .icon-negotiation {
 	width: 48px;
 	height: 48px;
 	background-position: 0 -63px;
 }

 .icon-examine {
 	width: 48px;
 	height: 40px;
 	background-position: -50px -63px;
 }

 .icon-protocol {
 	width: 52px;
 	height: 44px;
 	background-position: -100px -63px;
 }

 .icon-authorize {
 	width: 46px;
 	height: 41px;
 	background-position: -154px -61px;
 }

 .icon-product-show {
 	width: 10px;
 	height: 6px;
 	background-position: -19px -32px;
 }

 .icon-prev-team,
 .icon-next-team {
 	width: 12px;
 	height: 21px;
 	background-position: -205px -84px;
 }

 .icon-next-team {
 	background-position: -221px -84px;
 }

 .icon-menu-open {
 	width: 20px;
 	height: 13px;
 	background-position: -237px -61px;
 }

 .icon-menu-close {
 	width: 16px;
 	height: 16px;
 	background-position: -263px -61px;
 }

 .icon-address {
 	width: 14px;
 	height: 17px;
 	background-position: -166px -108px;
 }

 .icon-phone {
 	width: 14px;
 	height: 17px;
 	background-position: -166px -127px;
 }

 .icon-address-dark {
 	width: 14px;
 	height: 17px;
 	background-position: -166px -224px;
 }

 .icon-phone-dark {
 	width: 14px;
 	height: 17px;
 	background-position: -166px -243px;
 }

 .icon-time {
 	width: 14px;
 	height: 17px;
 	background-position: -166px -147px;
 }

 .icon-qq {
 	width: 14px;
 	height: 17px;
 	background-position: -166px -169px;
 }

 .icon-card {
 	width: 14px;
 	height: 17px;
 	background-position: -166px -207px;
 }

 .icon-bank {
 	width: 14px;
 	height: 17px;
 	background-position: -166px -190px;
 }

 .icon-service-1 {
 	width: 65px;
 	height: 65px;
 	background-position: -286px -112px;
 }

 .icon-service-2 {
 	width: 64px;
 	height: 61px;
 	background-position: -290px -192px;
 }

 .icon-service-3 {
 	width: 54px;
 	height: 68px;
 	background-position: -295px -267px;
 }

 .icon-service-4 {
 	width: 68px;
 	height: 68px;
 	background-position: -200px -109px;
 }

 .icon-service-5 {
 	width: 84px;
 	height: 65px;
 	background-position: -192px -193px;
 }

 .icon-service-6 {
 	width: 65px;
 	height: 65px;
 	background-position: -289px -349px;
 }

 .icon-service-7 {
 	width: 77px;
 	height: 77px;
 	background-position: -194px -272px;
 }

 .icon-service-8 {
 	width: 65px;
 	height: 65px;
 	background-position: -200px -354px;
 }

 /* --------广告投放-------- */
 /* 头部 */

 .header {
 	position: relative;
 	z-index: 10;
 	/* position: absolute;
     left: 0;
     top: 0;
     right: 0; */
 	width: 100%;
 	height: 80px;
 	transition: all .5s;
 	background-color: rgb(255, 255, 255);
 	opacity: 0.98;
 	box-shadow: 0px 6px 18px 0px rgba(37, 46, 61, 0.07);

 }

 .logo {
 	float: left;
 	margin: 16px 0 0 0;
 	width: 161px;
 	height: 41px;
 	/* background: url("../images/logo.png"); */
 }

 .logo img {
 	max-height: 100%;
 	max-width: 100%;
 }

 .nav {
 	float: right;
 	margin-right: 50px;
 }

 .nav-switch {
 	display: block;
 	margin-top: 15px;
 	width: 20px;
 	height: 16px;
 }

 .nav-switch i {
 	margin-top: -4px;
 }

 .nav-phone-box {
 	display: none;
 	float: right;
 }

 .nav-phone {
 	display: none;
 	position: absolute;
 	left: 0;
 	right: 0;
 	top: 100%;
 	padding: 15px;
 	background: #fff;
 	border-top: #ebebed 1px solid;
 	box-shadow: 0px 13px 31px 0px rgba(0, 0, 0, 0.3)
 }

 .nav-phone-box.on .nav-phone {
 	display: block;
 }

 .nav-phone li {
 	line-height: 50px;
 }

 .nav-phone li a {
 	display: block;
 	color: #252e3d;
 }

 .nav-phone li a.on {
 	color: #218ae4;
 }

 .nav li {
 	position: relative;
 	float: left;
 	margin-right: 30px;
 }

 .nav li a {
 	display: block;
 	padding: 0 15px;
 	height: 80px;
 	line-height: 80px;
 	color: #3A4250;
 	transition: all .2s;
 }

 .nav li a.on,
 .nav li a:hover {
 	/* background: #fff; */
 	color: #0078FF;
 	font-weight: bold;
 }

 .nav li a.product {
 	padding: 0;
 }

 .nav li a.product:hover {
 	font-weight: normal;
 	color: #3A4250;
 	cursor: pointer;
 }

 .product .icon {
 	margin-left: 5px;
 }

 .product-show {
 	display: none;
 	position: absolute;
 	left: 0;
 	top: 100%;
 	margin-top: -15px;
 	width: 150px;
 	padding: 15px 0;
 	background: rgba(255, 255, 255, 1);
 	border: 1px solid rgba(0, 0, 0, 0.06);
 	box-shadow: 0px 4px 24px 0px rgba(37, 46, 61, 0.1);
 	opacity: 0.99;
 	border-radius: 6px;
 }

 .nav li:hover .product-show {
 	display: block;
 }

 .nav li:hover .icon {
 	background-position: -19px -24px;
 }

 .nav li .product-show a {
 	width: auto;
 	height: 35px;
 	line-height: 35px;
 	padding: 0 0 0 24px;
 	font-size: 14px;
 	color: #252e3d;
 }

 .nav li .product-show a:hover {
 	background: #0078FF;
 	color: #fff;
 	font-weight: normal;
 }

 .header-fixed {
 	z-index: 10;
 	position: fixed;
 	left: 0;
 	top: 0;
 	right: 0;
 }

 /* banner */

 .banner {
 	height: 555px;
 	background: url("../images/index-banner.jpg") no-repeat;
 	background-position: bottom center;
 }

 .banner .wrap,
 .rec-banner-item .wrap {
 	padding-top: 113px;
 	color: #fff;
 }

 .banner-strong {
 	display: block;
 	font-size: 48px;
 	font-weight: bold;
 }

 .banner-info {
 	margin: 40px 0 60px;
 	line-height: 2;
 	font-size: 18px;
 }

 /* 便捷，高效，智能 */

 .trait-box {
 	background: #fafbfc;
 }

 .trait {
 	position: relative;
 	top: -43px;
 	margin-bottom: -20px;
 	overflow: hidden;
 	background: #fff;
 	border-radius: 8px;
 	box-shadow: 0px 13px 31px 0px rgba(161, 167, 178, 0.08);
 }

 .trait li {
 	float: left;
 	width: 33.33333333%;
 	padding: 25px 0 30px;
 	text-align: center;
 }

 .trait-img {
 	position: relative;
 	width: 70px;
 	height: 70px;
 	margin: 0 auto;
 	overflow: hidden;
 }

 .trait-img.ai {
 	background: #893af5;
 	border-radius: 100%;
 }

 .plane-img,
 .circle-img,
 .ai-img,
 .hook-cover-box,
 .ai-small-img,
 .ai-large-img,
 .hook-cover {
 	position: absolute;
 	top: 50%;
 	left: 50%;
 }

 .ply-bg {
 	position: absolute;
 	left: 0;
 	top: 0;
 }

 .plane-img {
 	margin: -16px 0 0 -20px;
 }

 .circle-img {
 	margin: -19px 0 0 -19px;
 }

 .ai-img {
 	margin: -17px 0 0 -15px;
 }

 .hook-cover-box {
 	width: 18px;
 	height: 14px;
 	margin: -7px 0 0 -9px;
 	overflow: hidden;
 }

 .hook-cover-box img {
 	display: block;
 }

 .hook-cover {
 	position: absolute;
 	left: 100%;
 	top: 0;
 	width: 18px;
 	height: 14px;
 	background: #fff;
 }

 .ai-small-img,
 .ai-large-img {
 	opacity: .2;
 	filter: alpha(opacity=20);
 }

 .ai-small-img {
 	margin: -15px 0 0 -15px;
 }

 .ai-large-img {
 	margin: -27px 0 0 -27px;
 }

 .trait li strong {
 	display: block;
 	margin: 15px 0 5px;
 	font-weight: bold;
 	color: #3A4250;
 }

 .trait li p {
 	font-size: 14px;
 	color: #7f8fa4;
 }

 /* 我们的优势 */

 .advantage {
 	padding-top: 1px;
 	height: 799px;
 	background: #fff url("../images/superiority-bg.jpg") top center no-repeat;
 }

 .index-title {
 	margin-top: 50px;
 	font-size: 32px;
 	font-weight: 700;
 	text-align: center;
 	color: #3A4250;
 }

 .index-title-2 {
 	font-size: 22px;
 }

 .advantage-swiper-box {
 	margin: 0 100px;
 	box-sizing: border-box;
 }

 .advantage-tab {
 	box-sizing: border-box;
 	margin: 60px 0 50px;
 	text-align: center;
 }

 .advantage-tab li {
 	box-sizing: border-box;
 	display: inline-block;
 	*display: inline;
 	zoom: 1;
 	/* width: 9em;
     margin: 0 20px; */
 	font-size: 22px;
 	color: #252e3d;
 	cursor: pointer;
 }

 .advantage-tab li.on {
 	font-size: 24px;
 	font-weight: bold;
 	color: #269bff;
 }

 /* 特有媒体渠道内容 */

 .media-img {
 	position: relative;
 	float: left;
 	width: 590px;
 	height: 537px;
 }

 .advantage-pc {
 	position: absolute;
 	top: 0;
 	left: 40px;
 }

 .advantage-screen {
 	position: absolute;
 	top: 59px;
 	left: 103px;
 }

 .advantage-screen2 {
 	position: absolute;
 	top: 10px;
 	right: 10px;
 }

 .advantage-mouse,
 .advantage-mouse1 {
 	position: absolute;
 	top: 470px;
 	left: 0;
 }

 #advantage2 {
 	overflow: visible;
 }

 .advantage-card {
 	/* height: 683px; */
 	overflow: hidden;
 }

 .advantage-list {
 	position: relative;
 	height: 537px;
 }

 .advantage-item {
 	position: relative;
 	/* float: left; */
 }

 .media-info {
 	display: table;
 	table-layout: fixed;
 	float: right;
 	width: 420px;
 	height: 537px;
 }

 .media-info>div {
 	display: table-cell;
 	vertical-align: middle;
 }

 .media-info .info-p {
 	margin: 20px 0 35px;
 }

 .media-info ul+.btn {
 	margin-top: 30px;
 }

 .media-info ul {
 	overflow: hidden;
 }

 .media-info li {
 	float: left;
 	width: 50%;
 	margin-bottom: 20px;
 }

 .media-info ul.three li {
 	width: 32.8%;
 }

 .media-info li strong {
 	font-size: 34px;
 	font-weight: bold;
 	color: #269bff;
 }

 .media-info .btn {
 	margin-top: 10px;
 }

 /* 掌握多场景用户需求 */

 .scene-img {
 	position: relative;
 	margin-top: -48px;
 	float: left;
 	width: 611px;
 	height: 571px;
 }

 .scene-mail {
 	position: absolute;
 	left: 67px;
 	bottom: 0;
 }

 .scene-uav {
 	position: absolute;
 	left: 239px;
 	top: 0;
 }

 .scene-pc {
 	position: absolute;
 	left: 0;
 	top: 100px;
 }

 .scene-screen {
 	position: absolute;
 	left: 40px;
 	top: 135px;
 }

 .scene-sit {
 	position: absolute;
 	left: 244px;
 	top: 307px;
 }

 .scene-man {
 	position: absolute;
 	left: 400px;
 	top: 200px;
 }

 .scene-woman {
 	position: absolute;
 	right: 0;
 	top: 195px;
 }

 /* 海量用户覆盖 */

 .user-img {
 	float: left;
 	position: relative;
 	width: 620px;
 	height: 535px;
 }

 .user-pc {
 	position: absolute;
 	top: 90px;
 	left: 25px;
 }

 .user-screen {
 	position: absolute;
 	top: 165px;
 	left: 69px;
 }

 .user-screen2 {
 	z-index: 1;
 	position: absolute;
 	top: 38px;
 	left: 305px;
 }

 .user-man {
 	z-index: 2;
 	position: absolute;
 	top: 109px;
 	left: 233px;
 }

 .user-woman {
 	position: absolute;
 	top: 0;
 	right: 0;
 }

 /* 特色展示 */

 .feature {
 	/* margin: 50px 0 80px; */
 	margin-left: -35px;
 }

 .feature:nth-of-type(2) {
 	margin-bottom: 66px;
 }

 .feature li {
 	position: relative;
 	top: 0;
 	float: left;
 	width: 370px;
 	height: 270px;
 	overflow: hidden;
 	margin: 35px 0 0 35px;
 	background: #fff;
 	border-radius: 6px;
 	box-shadow: 0px 30px 60px 0px rgba(23, 25, 33, 0.01);
 	text-align: center;
 	transition: top .3s;
 }

 .feature li:after {
 	display: none;
 	content: " ";
 	position: absolute;
 	left: 0;
 	bottom: 0;
 	width: 1078px;
 	height: 72px;
 	background-image: url("../images/feature-bg.png");
 	background-repeat: no-repeat;
 	background-position: left bottom;
 }

 .feature-img {
 	position: relative;
 	width: 80px;
 	height: 80px;
 	padding-top: 1px;
 	margin: 65px auto 0;
 	transition: margin .5s;
 }

 .feature strong {
 	display: block;
 	margin: 10px 0 20px;
 }

 .feature p {
 	display: none;
 	width: 230px;
 	margin: 0 auto;
 	text-align: left;
 }

 .feature li:hover {
 	top: -5px;
 	background-image: linear-gradient(45deg, rgb(38, 155, 255) 0%, rgb(66, 194, 255) 64%, rgb(93, 232, 255) 100%);
 	background-color: #269bff;
 	box-shadow: 0px 10px 60px 0px rgba(38, 155, 255, 0.3);
 	color: #fff;
 }

 .feature li:hover .feature-img {
 	margin-top: 33px;
 }

 .feature li:hover p {
 	display: block;
 }

 .feature li:hover:after {
 	display: block;
 }

 .frequency {
 	width: 42px;
 	height: 7px;
 	margin: 0 auto;
 	background: #92cdff;
 	border-radius: 4px;
 }

 .frequency1 {
 	width: 62px;
 	height: 8px;
 	margin: 5px auto;
 	background: #92cdff;
 	border-radius: 4px;
 }

 .frequency2 {
 	width: 56px;
 	height: 27px;
 	margin: 0 auto;
 	border: #269bff 8px solid;
 	border-radius: 3px;
 }

 .cross {
 	width: 56px;
 	height: 42px;
 	border: #92cdff 8px solid;
 	border-radius: 3px;
 }

 .cross1 {
 	position: absolute;
 	right: 0;
 	top: 20px;
 	width: 42px;
 	height: 25px;
 	background: #fff;
 	border: #269bff 8px solid;
 	border-radius: 3px;
 }

 .actual,
 .actual1,
 .actual2 {
 	position: absolute;
 	bottom: 15px;
 	left: 35px;
 	width: 8px;
 	height: 59px;
 	background: #269bff;
 	border-radius: 4px;
 }

 .actual1 {
 	left: 15px;
 	height: 46px;
 }

 .actual2 {
 	height: 28px;
 	left: 55px;
 }

 .orient-bg {
 	width: 80px;
 	height: 80px;
 	background: url("../images/orient-bg.png");
 }

 .feature li:hover .orient-bg {
 	background-image: url("../images/orient-bg-white.png")
 }

 .orient-circle {
 	width: 26px;
 	height: 26px;
 	background: url("../images/orient-circle.png");
 }

 .feature li:hover .orient-circle {
 	background-image: url("../images/orient-circle-white.png")
 }

 .lightning-bg {
 	width: 62px;
 	height: 81px;
 	background: url("../images/lightning-bg.png");
 }

 .feature li:hover .lightning-bg {
 	background-image: url("../images/lightning-bg-white.png")
 }

 .lightning {
 	width: 13px;
 	height: 30px;
 	background: url("../images/lightning.png");
 }

 .feature li:hover .lightning {
 	background-image: url("../images/lightning-white.png")
 }

 .orient-bg,
 .orient-circle,
 .lightning-bg,
 .lightning {
 	position: absolute;
 	top: 50%;
 	left: 50%;
 }

 .orient-bg {
 	margin: -40px 0 0 -40px;
 }

 .orient-circle {
 	margin: -13px 0 0 -13px;
 }

 .lightning-bg {
 	margin: -40px 0 0 -31px;
 }

 .lightning {
 	margin: -15px 0 0 -6px;
 }

 .personality {
 	position: absolute;
 	left: 10px;
 	bottom: 10px;
 	width: 47px;
 	height: 47px;
 	background: url("../images/personality.png");
 }

 .feature li:hover .personality {
 	background: url("../images/personality-white.png");
 }

 .personality-star,
 .personality-star1,
 .personality-star2 {
 	width: 26px;
 	height: 26px;
 	background: url("../images/personality-star.png");
 	background-size: 100% 100%;
 }

 .feature li:hover .personality-star,
 .feature li:hover .personality-star1,
 .feature li:hover .personality-star2 {
 	background-image: url("../images/personality-star-white.png");
 }

 .personality-star {
 	position: absolute;
 	left: 10px;
 	top: 10px;
 	opacity: .5;
 	filter: alpha(opacity=50);
 }

 .personality-star1 {
 	position: absolute;
 	left: 45px;
 	top: -3px;
 	width: 17px;
 	height: 17px;
 	*width: 26px;
 	*height: 26px;
 	opacity: .5;
 	filter: alpha(opacity=50);
 }

 .personality-star2 {
 	position: absolute;
 	right: 0;
 	bottom: 20px;
 }

 .feature li:hover .actual,
 .feature li:hover .actual1,
 .feature li:hover .actual2 {
 	background: #fff;
 }

 .feature li:hover .frequency2,
 .feature li:hover .cross1 {
 	border-color: #fff;
 }

 .feature li:hover .cross1 {
 	background: #4bb8fd;
 }

 .feature li:hover .cross {
 	border-color: #fff;
 	opacity: .5;
 	filter: alpha(opacity=50);
 }

 .feature li:hover .frequency,
 .feature li:hover .frequency1 {
 	background: #fff;
 	opacity: .5;
 	filter: alpha(opacity=50);
 }

 /* 展现形式 */

 .presentation {
 	padding: 1px 0 95px;
 }

 .index-title-info {
 	margin: 5px 0 35px;
 	font-size: 18px;
 	text-align: center;
 	color: #7f8fa4;
 }

 .presentation-tab {
 	text-align: center;
 }

 .presentation-tab li {
 	display: inline-block;
 	*display: inline;
 	zoom: 1;
 	width: 128px;
 	height: 46px;
 	line-height: 46px;
 	margin: 0 12px;
 	background: #ebedf0;
 	text-align: center;
 	font-size: 20px;
 	color: #252e3d;
 	cursor: pointer;
 	border-radius: 23px;
 }

 .presentation-tab li.on {
 	background: #269bff;
 	color: #fff;
 }

 .presentation-iteam {
 	display: none;
 	height: 523px;
 	margin-top: 50px;
 }

 .presentation-mode-box {
 	float: left;
 	padding-left: 12px;
 	width: 168px;
 }

 .presentation-mode-box p {
 	margin: 30px 0 10px;
 	font-size: 18px;
 	font-weight: bold;
 	color: #dfe6ed;
 }

 .presentation-mode li {
 	height: 62px;
 	line-height: 62px;
 	padding-left: 0;
 	cursor: pointer;
 	transition: all .5s;
 }

 .presentation-mode li.on {
 	position: relative;
 	padding-left: 34px;
 	color: #269bff;
 }

 .presentation-mode li.on:after {
 	content: " ";
 	position: absolute;
 	left: -12px;
 	top: -19px;
 	width: 180px;
 	height: 100px;
 	background: url("../images/slected.png") top left no-repeat;
 }

 .presentation-mode-item {
 	display: none;
 	float: left;
 	width: 1000px;
 	height: 523px;
 }

 /* 电脑版展示 */

 .presentation-mac {
 	position: relative;
 	width: 617px;
 	height: 367px;
 	padding: 40px 117px 62px;
 	background: url("../images/mac.png");
 }

 .presentation-mac-block1,
 .presentation-mac-block2 div,
 .presentation-mac-block4,
 .presentation-mac-block5 {
 	width: 100%;
 	background: #f5f6f7;
 }

 .presentation-mac-block1 {
 	height: 79px;
 	margin-bottom: 27px;
 }

 .presentation-mac-block2 {
 	width: 463px;
 }

 .presentation-mac-block2 div {
 	height: 20px;
 	margin-bottom: 24px;
 }

 .presentation-mac-block3 {
 	width: 134px;
 	height: 108px;
 	background: #f5f6f7;
 }

 .presentation-mac-block4 {
 	height: 66px;
 	margin-bottom: 20px;
 }

 .presentation-mac-block5 {
 	height: 44px;
 }

 .presentation-poimg1,
 .presentation-poimg2,
 .presentation-poimg3,
 .presentation-poimg5,
 .presentation-poimg6,
 .presentation-poimg4 div {
 	position: absolute;
 	background: #269bff;
 	box-shadow: 3.536px 3.536px 12px 0px rgba(38, 155, 255, 0.2);
 }

 .presentation-poimg1 {
 	left: 156px;
 	top: 34px;
 	width: 654px;
 	height: 119px;
 }

 .presentation-poimg2 {
 	left: 595px;
 	top: 102px;
 	width: 212px;
 	height: 168px;
 }

 .presentation-poimg3 {
 	left: 610px;
 	top: 193px;
 	width: 114px;
 	height: 114px;
 	border-radius: 100%;
 }

 .presentation-poimg4 div {
 	position: relative;
 	left: -70px;
 }

 .presentation-poimg5,
 .presentation-poimg6 {
 	left: 649px;
 	top: 100px;
 	width: 70px;
 	height: 262px;
 }

 .presentation-poimg5 {
 	left: 136px;
 }

 /* 手机版展示 */

 .presentation-phone {
 	position: relative;
 	width: 396px;
 	height: 523px;
 	margin-left: 230px;
 	background: url("../images/phone-float-bg.png");
 }

 .phone-float1,
 .phone-float2,
 .phone-float3,
 .phone-float4,
 .phone-float5,
 .phone-float6 {
 	position: absolute
 }

 .phone-float1 {
 	top: 20px;
 	left: 120px;
 }

 .phone-float2 {
 	top: 152px;
 	left: 43px;
 }

 .phone-float3 {
 	top: 200px;
 	left: 89px;
 }

 .phone-float4 {
 	top: 215px;
 	left: 10px;
 }

 .phone-float5 {
 	top: 100px;
 	left: 5px;
 }

 .phone-float6 {
 	top: -38px;
 	left: -32px;
 }

 .presentation-phoneimg1 {
 	position: absolute;
 	left: 164px;
 	top: 40px;
 	width: 193px;
 	height: 71px;
 	background: url("../images/phone-float-bg1.png");
 }

 .presentation-phoneimg2 {
 	position: absolute;
 	left: 105px;
 	top: 168px;
 	width: 102px;
 	height: 73px;
 	background: url("../images/phone-float-bg2.png");
 }

 .presentation-phoneimg3 {
 	position: absolute;
 	left: 74px;
 	top: 235px;
 	width: 196px;
 	height: 106px;
 	background: url("../images/phone-float-bg3.png");
 }

 /* 精选案例 */

 .case {
 	height: 800px;
 	overflow: hidden;
 	background: #fff url("../images/case-bg.jpg") top center no-repeat;
 }

 .case .index-title,
 .case .index-title-info {
 	color: #fff;
 }

 .case-card {
 	position: relative;
 	height: 630px;
 	overflow: hidden;
 	margin-top: 30px;
 	background: #fff;
 	border-radius: 6px;
 	box-shadow: 0px 13px 31px 0px rgba(161, 167, 178, 0.08);
 }

 .case-card:before,
 .case-card:after,
 .pop:before,
 .pop:after {
 	content: " ";
 	position: absolute;
 	left: 0;
 	bottom: 0;
 	width: 2360px;
 	height: 70px;
 	opacity: .56;
 	filter: alpha(opacity=56);
 	background-image: url("../images/case-bg.png");
 	background-repeat: no-repeat;
 	background-position: left top;
 }

 .case-card:after,
 .pop:after {
 	opacity: .3;
 	filter: alpha(opacity=3);
 	background-image: url("../images/case-bg1.png");
 }

 .prev-case,
 .next-case {
 	z-index: 3;
 	position: absolute;
 	top: 50%;
 	width: 50px;
 	height: 50px;
 	line-height: 50px;
 	background: #f0f4fa;
 	border-radius: 50%;
 	text-align: center;
 	cursor: pointer;
 }

 .prev-case {
 	left: 15px;
 }

 .next-case {
 	right: 15px;
 }

 .case-list {
 	position: relative;
 	z-index: 2;
 	left: 0;
 }

 .case-list .case-list-slide {
 	float: left;
 	width: 1180px;
 	height: 630px;
 }

 .case-img {
 	position: relative;
 	float: left;
 	width: 368px;
 	height: 486px;
 	margin: 70px 0 0 150px;
 }

 .case-posi1 {
 	position: absolute;
 	left: 40px;
 	top: 23px;
 }

 .case-posi2 {
 	position: absolute;
 	left: 70px;
 	top: 60px;
 }

 .case-info {
 	float: right;
 	width: 500px;
 	padding-right: 50px;
 	margin-top: 50px;
 }

 .case-info .case-logo {
 	font-size: 24px;
 	font-weight: bold;
 	color: #3A4250;
 }

 .case-info .case-logo img {
 	vertical-align: middle;
 	margin: -2px 10px 0 0;
 }

 .case-num {
 	margin: 32px 0 39px;
 	overflow: hidden;
 }

 .case-num dd {
 	float: left;
 	width: 33%;
 }

 .case-num dd strong {
 	display: block;
 	font-size: 34px;
 	font-weight: bold;
 	color: #269bff;
 }

 .case-info-p {
 	font-size: 24px;
 	font-weight: bold;
 }

 .case-info-list {
 	margin: 41px 0 50px;
 }

 .case-info-list dd {
 	margin-bottom: 7px;
 }

 .case-info-list dd .icon {
 	margin-right: 10px;
 }

 /* 我们的推广渠道 */

 .channel-card {
 	position: relative;
 	width: 1180px;
 	height: 390px;
 	margin: 46px 0 66px;
 	overflow: hidden;
 }

 .channel-list {
 	/* padding-top: 35px; */
 	height: 356px;
 	/* overflow: hidden; */
 }

 .channel-list .channel-list-slide {
 	float: left;
 }

 .channel-item {
 	width: 1200px;
 }

 .channel-item div {
 	position: relative;
 	top: 0;
 	float: left;
 	width: 280px;
 	height: 158px;
 	overflow: hidden;
 	line-height: 158px;
 	margin: 0 20px 20px 0;
 	background: #fff;
 	border-radius: 4px;
 	text-align: center;
 	cursor: pointer;
 	transition: top .3s;
 }

 .channel-item img {
 	transition: all .3s;
 	vertical-align: middle;
 }

 .channel-item p {
 	position: absolute;
 	left: 0;
 	bottom: -36px;
 	right: 0;
 	height: 36px;
 	line-height: 36px;
 	background: #269bff;
 	border-radius: 0 0 5px 5px;
 	color: #fff;
 	transition: all .5s;
 }

 .channel-item div:hover {
 	top: -5px;
 	box-shadow: 0px 8px 20px 0px rgba(35, 149, 255, 0.1);
 }

 .channel-item div:hover p {
 	bottom: 0;
 }

 .channel-item div:hover img {
 	margin-top: -30px;
 }

 .channel-card .pagination {
 	position: absolute;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	text-align: center;
 }

 .channel-card .pagination span {
 	display: inline-block;
 	*display: inline;
 	zoom: 1;
 	width: 10px;
 	height: 10px;
 	margin: 0 5px;
 	background: #999;
 	border-radius: 100%;
 	cursor: pointer;
 }

 .channel-card .pagination span.swiper-pagination-bullet-active {
 	background: #2198f0;
 }

 /* 马上推广 */

 .extension {
 	padding: 0 0 70px;
 	overflow: hidden;
 	background: #fff;
 }

 .extension-form {
 	width: 500px;
 	margin: 0 auto;
 }

 .extension-form .index-title {
 	margin: 60px 0 40px;
 }

 .extension-input {
 	margin: 40px 0 30px;
 	font-size: 18px;
 	color: #fff;
 }

 .extension-input li {
 	position: relative;
 	margin-top: 10px;
 }

 .extension-input label {
 	display: inline-block;
 	*display: inline;
 	zoom: 1;
 }

 .extension-input input::-webkit-input-placeholder {
 	color: rgba(58, 66, 80, 1);
 	opacity: 0.3;
 }

 .extension-input input:-moz-placeholder {
 	color: rgba(58, 66, 80, 1);
 	opacity: 0.3;
 }

 .extension-input input::-moz-placeholder {
 	color: rgba(58, 66, 80, 1);
 	opacity: 0.3;
 }

 .extension-input input:-ms-input-placeholder {
 	color: rgba(58, 66, 80, 1);
 	opacity: 0.3;
 }

 .extension-input input {
 	display: block;
 	padding: 0 0 0 10px;
 	width: 480px;
 	height: 54px;
 	background: #f5f6f7;
 	border: #f5f6f7 1px solid;
 	font-size: 18px;
 	color: #3a4250;
 	border-radius: 4px;
 }

 .extension-input input:focus {}

 .extension-input .letter-space {
 	letter-spacing: 2em;
 	margin-right: -2em;
 	*margin-right: 0;
 }

 .extension-form .btn {
 	display: block;
 	width: 100%;
 	height: 56px;
 	line-height: 56px;
 	margin: 0 auto;
 	border-radius: 4px;
 }

 .extension-input p {
 	display: none;
 	position: absolute;
 	left: 100%;
 	top: 0;
 	width: 150px;
 	margin-left: 10px;
 	line-height: 56px;
 	font-size: 15px;
 	color: #eb4d44;
 }

 .extension-input .error p {
 	display: block;
 }

 .extension-input .error input {
 	background: #fff;
 	border-color: #eb4d44;
 }

 /* 尾部导航 */

 .footer {
 	background: #121724;
 	color: #949EBA;
 	font-size: 14px;
 }

 .footer ul {
 	padding: 40px 0;
 	overflow: hidden;
 }

 .footer li {
 	float: left;
 	width: 24%;
 	height: 150px;
 }

 .footer li.first {
 	width: 30%;
 }

 .footer li.first p {
 	display: none;
 }

 .footer li.two {
 	width: 18%;
 }

 .footer li.three {
 	width: 10%;
 }

 .footer li.three img {
 	width: 115px
 }

 .footer li em {
 	display: block;
 	width: 115px;
 	text-align: center;
 }

 .footer li strong {
 	display: block;
 	margin-bottom: 20px;
 	color: #fff;
 }

 .footer li a,
 .footer li p {
 	position: relative;
 	display: block;
 	margin-top: 15px;
 	color: #949EBA;
 }

 .footer li p .icon {
 	position: absolute;
 	left: -23px;
 	top: 5px;
 }

 .foot {
 	padding: 15px 0;
 	background: #0a0e19;
 	color: #999EA9;
 	font-size: 12px;
 	text-align: center;
 }

 .foot a {
 	margin: 0 10px;
 	color: #999EA9;
 	font-size: 12px;
 }

 .foot p {
 	margin-top: 5px;
 }

 /* --------流量变现-------- */
 /* banner */

 .traffic-banner {
 	background-image: url("../images/index-banner1.jpg");
 }

 /* 兼顾用户体验 */

 .traffic-feature {
 	margin: 50px 0 110px -40px;
 }

 .traffic-feature li {
 	width: 570px;
 	height: 300px;
 	margin: 0 0 0 40px;
 }

 .traffic-feature strong {
 	margin-top: 20px;
 }

 .traffic-feature p {
 	width: 340px;
 }

 .traffic-feature .feature-img {
 	margin-top: 90px;
 }

 .traffic-feature li:hover .feature-img {
 	margin-top: 34px;
 }

 .originality,
 .originality1,
 .originality2 {
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	width: 17px;
 	height: 41px;
 	border: #92cdff 8px solid;
 	border-radius: 3px;
 }

 .originality {
 	margin: -28px 0 0 -40px;
 }

 .originality1 {
 	margin: -28px 0 0 7px;
 }

 .originality2 {
 	width: 36px;
 	height: 55px;
 	margin: -35px 0 0 -26px;
 	background: #fff;
 	border-color: #269bff;
 }

 .traffic-feature li:hover .originality,
 .traffic-feature li:hover .originality1 {
 	border-color: #fff;
 	opacity: .5;
 	filter: alpha(opacity=50);
 }

 .traffic-feature li:hover .originality2 {
 	border-color: #fff;
 	background: #4bb8fd;
 }

 .experience-img {
 	height: 61px;
 }

 .experience-box .trait li {
 	padding: 40px 0;
 	width: 25%;
 }

 .filter-bg {
 	position: absolute;
 	left: 50%;
 	width: 32px;
 	height: 91px;
 	margin-left: -16px;
 	background: url("../images/filter-bg.png");
 }

 .traffic-feature li:hover .filter-bg {
 	background: url("../images/filter-bg-white.png");
 }

 .filter-right {
 	position: absolute;
 	top: 33px;
 	left: 40px;
 	width: 25px;
 	height: 25px;
 	background: url("../images/filter-right.png");
 }

 .traffic-feature li:hover .filter-right {
 	background: url("../images/filter-right-white.png");
 }

 .filter1,
 .filter2,
 .filter3 {
 	position: absolute;
 	width: 11px;
 	height: 11px;
 	background: url("../images/filter-small.png");
 }

 .filter1 {
 	top: 22px;
 	left: 0;
 }

 .filter2 {
 	top: 35px;
 	left: -15px;
 }

 .filter3 {
 	top: 65px;
 	left: -15px;
 }

 .filter3 {
 	background: url("../images/filter-small1.png");
 }

 .traffic-feature li:hover .filter1,
 .traffic-feature li:hover .filter2,
 .traffic-feature li:hover .filter3 {
 	background: url("../images/filter-small-white.png");
 }

 .filter4 {
 	position: absolute;
 	top: 50px;
 	left: -3px;
 	width: 17px;
 	height: 17px;
 	background: url("../images/filter-big.png");
 }

 .traffic-feature li:hover .filter4 {
 	background: url("../images/filter-big-white.png");
 }

 /* 变现流程 */

 .cash {
 	height: 548px;
 	background: #fafbfc;
 }

 .cash .wrap {
 	padding-top: 1px;
 	position: relative;
 }

 .cash-title {
 	height: 340px;
 	overflow: hidden;
 	background-image: linear-gradient(45deg, rgb(21, 99, 227) 0%, rgb(11, 127, 241) 51%, rgb(0, 155, 255) 100%);
 	background-color: #1563e3;
 }

 .cash-title .index-title,
 .cash-title .index-title-info {
 	color: #fff;
 }

 .cash-title .index-title {
 	margin-top: 40px;
 }

 .cash-list {
 	position: absolute;
 	top: -180px;
 	margin-left: -26px;
 	height: 224px;
 }

 .cash-list li {
 	float: left;
 	width: 215px;
 	height: 224px;
 	margin: 0 0 0 26px;
 	background: #fff;
 	border-radius: 10px;
 	box-shadow: 0px 13px 31px 0px rgba(161, 167, 178, 0.08);
 	text-align: center;
 	font-size: 18px;
 }

 .cash-list li span {
 	display: block;
 	margin-top: 10px;
 	font-size: 30px;
 	font-weight: lighter;
 	color: #bacded;
 }

 .cash-img {
 	height: 61px;
 	line-height: 61px;
 	margin: 17px 0 20px;
 }

 .cash-img .icon {}

 .cash .btn {
 	display: block;
 	margin: 105px auto 0;
 }

 /* -------合伙人招募-------- */

 .recruit-extension {
 	margin: 0;
 }

 /* 合伙人权益 */

 .equity-feature li:hover .feature-img {
 	margin-top: 80px;
 }

 .manage-bg {
 	width: 70px;
 	height: 69px;
 	background: url("../images/icon.png") no-repeat 0 -272px;
 }

 .manage {
 	position: absolute;
 	top: -10px;
 	right: 0;
 	width: 42px;
 	height: 42px;
 	background: url("../images/manage.png");
 }

 .feature li:hover .manage-bg {
 	background-position: -81px -272px;
 }

 .feature li:hover .manage {
 	background-image: url("../images/manage-white.png");
 }

 .service-support {
 	width: 78px;
 	height: 71px;
 	margin-left: 1px;
 	background: url("../images/icon.png") no-repeat 0 -113px;
 }

 .feature li:hover .service-support {
 	background-position: -80px -113px;
 }

 .warrant-bg {
 	width: 60px;
 	height: 60px;
 	margin-left: 2px;
 	border: #269bff 8px solid;
 	border-radius: 100%;
 }

 .warrant-box {
 	position: absolute;
 	top: 25px;
 	left: 22px;
 	width: 35px;
 	height: 31px;
 	overflow: hidden;
 }

 .warrant {
 	width: 35px;
 	height: 31px;
 	background: url("../images/warrant.png");
 }

 .warrant-cover {
 	position: absolute;
 	left: 100%;
 	top: 0;
 	width: 35px;
 	height: 31px;
 	background: #3fbdff;
 }

 .feature li:hover .warrant-bg {
 	border-color: #fff;
 }

 .feature li:hover .warrant {
 	background: url("../images/warrant-white.png");
 }

 .market-support {
 	width: 74px;
 	height: 74px;
 	margin-left: 3px;
 	background: url("../images/icon.png") no-repeat 0 -186px;
 }

 .feature li:hover .market-support {
 	background-position: -76px -186px;
 }

 .sale {
 	position: relative;
 	top: 5px;
 	margin: 0 0 0 5px;
 	width: 71px;
 	height: 64px;
 	background: url("../images/icon.png") no-repeat 0 -343px;
 }

 .sale1,
 .sale2,
 .sale3 {
 	position: absolute;
 	left: 23px;
 	bottom: 25px;
 	width: 8px;
 	height: 14px;
 	background: #92cdff;
 	border-radius: 4px;
 }

 .sale2 {
 	left: 37px;
 	height: 19px;
 }

 .sale3 {
 	left: 51px;
 	height: 25px;
 }

 .feature li:hover .sale {
 	background-position: -73px -343px;
 }

 .feature li:hover .sale1,
 .feature li:hover .sale2,
 .feature li:hover .sale3 {
 	background: #fff;
 	opacity: .5;
 	filter: alpha(opacity=50);
 }

 .system-bg {
 	width: 68px;
 	height: 50px;
 	margin: 0 auto;
 	background: url("../images/icon.png") no-repeat 0 -419px;
 }

 .system {
 	width: 58px;
 	height: 6px;
 	margin: 8px auto 4px;
 	background: #92cdff;
 	border-radius: 3px;
 }

 .feature li:hover .system-bg {
 	background-position: -70px -419px;
 }

 .feature li:hover .system {
 	background: #fff;
 	opacity: .5;
 	filter: alpha(opacity=50);
 }

 /* 合作模式 */

 .model {
 	padding: 60px 0;
 	background: #fff;
 }

 .model-list li {
 	height: 600px;
 }

 .model-list li:first-child {
 	margin-bottom: 110px;
 }

 .model-info1 {
 	margin-right: 120px;
 }

 .model-info {
 	width: 510px;
 }

 .model-info h2 {
 	position: relative;
 	margin-bottom: 60px;
 	font-size: 38px;
 	font-weight: lighter;
 }

 .model-info h2:after {
 	content: ' ';
 	position: absolute;
 	left: 0;
 	bottom: -15px;
 	width: 1em;
 	height: 4px;
 	background: #1a94ff;
 }

 .model-info strong {
 	display: block;
 	margin-bottom: 20px;
 	font-weight: bold;
 	font-size: 22px;
 }

 .model-info p {
 	line-height: 2.5;
 	margin-bottom: 65px;
 }

 .model-img,
 .insert-img {
 	position: relative;
 	width: 380px;
 	height: 600px;
 	border-radius: 30px;
 }

 .model-img {
 	background-color: #22a4ff;
 	background-image: linear-gradient(135deg, rgb(67, 231, 255) 0%, rgb(34, 164, 255) 49%, rgb(0, 96, 255) 100%);
 }

 .insert-img {
 	background-color: #446ef8;
 	background-image: linear-gradient(135deg, rgb(41, 182, 255) 0%, rgb(68, 110, 248) 51%, rgb(94, 37, 241) 100%);
 }

 .mode-pc {
 	position: absolute;
 	top: 78px;
 	left: 56px;
 }

 .mode-man {
 	position: absolute;
 	top: 129px;
 	left: 202px;
 }

 .insert-screen {
 	position: absolute;
 	top: 25px;
 	left: 120px;
 }

 .insert-man {
 	z-index: 1;
 	position: absolute;
 	top: 158px;
 	left: -27px;
 }

 /* --------公司介绍--------- */

 .intro-banner {
 	background-image: url("../images/index-banner2.jpg");
 }

 .cooperation-box {
 	position: relative;
 	height: 550px;
 	padding: 0 58px;
 	margin-top: 40px;
 	background: linear-gradient(90deg, rgba(6, 108, 255, 1), rgba(88, 226, 246, 1));
 	border-radius: 10px;
 	color: #fff;
 	overflow: hidden;
 }

 .cooperation-box:after {
 	content: ' ';
 	position: absolute;
 	right: 39px;
 	top: 110px;
 	width: 342px;
 	height: 401px;
 	background-image: url("../images/cooperation-img.png");
 }

 .cooperation-box strong {
 	display: block;
 	margin-top: 46px;
 	font-size: 26px;
 	font-weight: 700;
 }

 .cooperation-box em {
 	display: block;
 	margin-top: 22px;
 	font-size: 16px;
 }

 .cooperation-box p {
 	width: 600px;
 	font-size: 14px;
 }

 .contanct-us {
 	margin-top: 30px;
 	padding: 60px;
 	background: rgba(255, 255, 255, 1);
 	box-shadow: 0px 13px 31px 0px rgba(161, 167, 178, 0.08);
 	border-radius: 10px;
 	font-size: 14px;
 	overflow: hidden;
 }

 .contanct-us li {
 	float: left;
 	width: 20%;
 	color: #788BA1;
 }

 .contanct-us li p {
 	margin-top: 12px;
 }

 .contanct-us li p .icon {
 	margin-right: 10px;
 }

 /* 我们的服务遍布全国 */

 .throughout-box {
 	background: #fff;
 	overflow: hidden;
 }

 .throughout-box .cash-title {
 	height: 458px;
 }

 .throughout {
 	position: relative;
 	top: -240px;
 	padding: 50px 0;
 	background: #fff;
 	border-radius: 6px;
 	box-shadow: 0px 13px 31px 0px rgba(161, 167, 178, 0.08);
 }

 .throughout-map {
 	margin-left: 115px;
 	float: left;
 	position: relative;
 	width: 562px;
 	height: 435px;
 	background: url("../images/map.png");
 }

 .throughout .media-info {
 	width: 390px;
 	height: 435px;
 	margin-right: 40px;
 }

 .spot-bg {
 	position: absolute;
 	left: 333px;
 	top: 314px;
 	width: 50px;
 	height: 50px;
 }

 .spot-big {
 	position: absolute;
 	left: 0;
 	top: 0;
 	width: 50px;
 	height: 50px;
 	background: rgba(3, 147, 251, .1);
 	border-radius: 50%;
 }

 .spot {
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	margin: -4px 0 0 -4px;
 	width: 8px;
 	height: 8px;
 	background: #0393fb;
 	border-radius: 50%;
 	opacity: 1;
 	filter: alpha(opacity=100);
 }

 .posti1 {
 	left: 98px;
 	top: 150px;
 }

 .posti2 {
 	left: 358px;
 	top: 162px;
 }

 .posti3 {
 	left: 241px;
 	top: 263px;
 }

 .posti4 {
 	left: 292px;
 	top: 262px;
 }

 .posti5 {
 	left: 246px;
 	top: 307px;
 }

 .posti6 {
 	left: 293px;
 	top: 307px;
 }

 .posti7 {
 	left: 360px;
 	top: 299px;
 }

 .posti8 {
 	left: 398px;
 	top: 249px;
 }

 .posti9 {
 	left: 402px;
 	top: 320px;
 }

 /* 发展历程 */

 .history-box {
 	padding: 1px 0 85px;
 	background: #fafbfc;
 }

 .history {
 	margin-top: 50px;
 	padding: 1px 50px 50px;
 	background: #fff;
 	border-radius: 6px;
 	box-shadow: 0px 13px 31px 0px rgba(161, 167, 178, 0.08);
 }

 .history strong {
 	display: block;
 	margin-top: 50px;
 	font-size: 26px;
 }

 .history p {
 	position: relative;
 	padding-left: 80px;
 	margin-top: 20px;
 }

 .history p:before {
 	display: inline-block;
 	*display: inline;
 	vertical-align: middle;
 	zoom: 1;
 	content: ' ';
 	width: 10px;
 	height: 10px;
 	margin: -2px 10px 0 0;
 	background: #009bff;
 	border-radius: 50%;
 }

 .history em {
 	margin-right: 36px;
 }

 /* 我们的团队 */

 .team-box {
 	padding: 1px 0;
 	background: #fff;
 }

 .team {
 	margin: 30px 0 40px;
 }

 .team img {
 	display: block;
 	width: 100%;
 	margin-bottom: 50px;
 }

 .team p {
 	color: #3A4250;
 	line-height: 2;
 }

 .team p strong {
 	color: #7F8FA4;
 }

 /* 我们的服务 */

 .serve {
 	height: 230px;
 	background: #fafbfc;
 }

 .serve-list {
 	position: relative;
 	top: -57px;
 	margin-left: -33px;
 	overflow: hidden;
 }

 .serve-list li {
 	float: left;
 	width: 230px;
 	height: 160px;
 	padding: 40px 0 0 40px;
 	margin-left: 33px;
 	background: #fff;
 	border-radius: 10px;
 	box-shadow: 0px 13px 31px 0px rgba(161, 167, 178, 0.08);
 }

 .serve-list li strong {
 	background-clip: text;
 	font-size: 32px;
 	font-weight: bold;
 	color: #ff9547;
 }

 .serve-list li .line {
 	display: block;
 	width: 26px;
 	height: 3px;
 	margin: 10px 0 25px;
 	background: linear-gradient(to right, #ff9547, #faad28);
 	background-color: #ff9547;
 	transition: all .3s;
 }

 .serve-list li:hover .line {
 	width: 120px;
 }

 .serve-list li.serve2 strong {
 	background-clip: text;
 	color: #30bb68;
 }

 .serve-list li.serve2 .line {
 	background: linear-gradient(to right, #30bb68, #56d488);
 	background-color: #30bb68;
 }

 .serve-list li.serve3 strong {
 	background-clip: text;
 	color: #0f73eb;
 }

 .serve-list li.serve3 .line {
 	background: linear-gradient(to right, #0f73eb, #009bff);
 	background-color: #0f73eb;
 }

 .serve-list li.serve4 strong {
 	background-clip: text;
 	color: #620feb;
 }

 .serve-list li.serve4 .line {
 	background: linear-gradient(to right, #620feb, #734eff);
 	background-color: #620feb;
 }

 /* 百度地图 */

 .BMapLabel {
 	left: -50px !important;
 	top: -65px !important;
 	width: 99px;
 	height: 36px;
 	line-height: 36px !important;
 	background: #009bff !important;
 	border-color: #009bff !important;
 	box-shadow: 0px 10px 20px 0px rgba(161, 167, 178, 0.15);
 	border-radius: 5px;
 	font-size: 16px !important;
 	font-family: "微软雅黑" !important;
 	color: #fff !important;
 	text-align: center;
 }

 .BMapLabel:after {
 	content: ' ';
 	position: absolute;
 	top: 100%;
 	left: 50%;
 	width: 0;
 	height: 0;
 	margin-left: -6px;
 	border-color: #009bff transparent transparent transparent;
 	border-style: solid;
 	border-width: 6px 6px 0;
 }

 .BMap_Marker div {
 	width: 42px !important;
 	height: 42px !important;
 	left: -19px !important;
 	top: -24px !important;
 	background: url("../images/location.png");
 	background-position: -630px center;
 }

 .BMap_Marker div img {
 	display: none;
 }

 /* 返回顶部 */

 .to-top {
 	z-index: 999;
 	display: none;
 	position: fixed;
 	right: 20px;
 	bottom: 20px;
 	cursor: pointer;
 }

 /* 弹窗 */

 .pop-bg {
 	display: none;
 	z-index: 10;
 	position: fixed;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	top: 0;
 	background: #000;
 	opacity: .16;
 	filter: alpha(opacity=16);
 }

 .pop {
 	display: none;
 	z-index: 11;
 	position: fixed;
 	top: 50%;
 	left: 50%;
 	width: 650px;
 	height: 710px;
 	margin: -355px 0 0 -325px;
 	background: #fff;
 	border-radius: 10px;
 	box-shadow: 0px 13px 31px 0px rgba(5, 12, 22, 0.08);
 	overflow: hidden;
 }

 .closed {
 	position: absolute;
 	top: 25px;
 	right: 25px;
 	width: 12px;
 	height: 12px;
 	background: url("../images/pop-closed.png");
 	cursor: pointer;
 }

 .pop h3 {
 	margin-top: 40px;
 	font-size: 28px;
 	font-weight: 700;
 }

 .pop .extension-input {
 	width: 340px;
 	margin: 64px auto 35px auto;
 	color: #252e3d;
 	font-size: 16px;
 }

 /* .pop .extension-input input::-webkit-input-placeholder {
     color: #dfe6ed;
 }

 .pop .extension-input input:-moz-placeholder {
     color: #dfe6ed;
 }

 .pop .extension-input input::-moz-placeholder {
     color: #dfe6ed;
 }

 .pop .extension-input input:-ms-input-placeholder {
     color: #dfe6ed;
 } */

 .pop .extension-input input {
 	display: inline-block;
 	*display: inline;
 	zoom: 1;
 	width: 240px;
 	height: 40px;
 	margin-left: 10px;
 	font-size: 16px;
 }

 .pop .extension-input .error input {
 	border-color: #eb4d44;
 }

 .pop .extension-input input:focus {
 	border-color: #00a4ff;
 }

 .pop .extension-input p {
 	margin: 0;
 	line-height: 42px;
 	color: #eb4d44;
 }

 .pop-tit {
 	margin-top: 76px;
 	text-align: center;
 }

 .pop .extension-input li {
 	margin-top: 23px;
 }

 .pop .btn {
 	display: block;
 	margin: 0 auto;
 	width: 160px;
 	height: 46px;
 	line-height: 46px;
 	font-size: 16px;
 }

 .pop-tip {
 	height: 233px;
 	width: 340px;
 	margin: 64px auto;
 	line-height: 2;
 }

 .pop-tip strong {
 	color: #00a4ff;
 }

 /*  */

 .footer li p.card-code {
 	cursor: pointer;
 }

 .footer li p.card-code~p {
 	display: none;
 }

 /*  */

 .rec-banner {
 	position: relative;
 	width: 100%;
 	height: 680px;
 	overflow: hidden;
 }

 .rec-banner-list {
 	position: relative;
 	width: 100%;
 	height: 100%;
 }

 .rec-banner-item {
 	/* display: none;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     transition-duration: .1s;
     -webkit-transition-duration: .1s; */
 }

 .rec-banner-item.layui-this {
 	display: block;
 }

 #recruit-banner .swiper-pagination {
 	position: absolute;
 	left: 0;
 	right: 0;
 	bottom: 22px;
 	text-align: center;
 }

 #recruit-banner .swiper-pagination span {
 	display: inline-block;
 	*display: inline;
 	zoom: 1;
 	background: #fff;
 	width: 40px;
 	height: 5px;
 	margin: 0 6px;
 	opacity: .2;
 	filter: alpha(opacity=20);
 	cursor: pointer;
 	border-radius: 0;
 }

 #recruit-banner .swiper-pagination span.swiper-pagination-bullet-active {
 	opacity: 1;
 	filter: alpha(opacity=100);
 }

 .rec-banner1 {
 	background-image: url(../images/rec-banner3.jpg);
 }

 .rec-banner2 {
 	background-image: url(../images/rec-banner2.jpg);
 }

 .rec-banner3 {
 	background-image: url(../images/rec-banner1.jpg);
 }

 .layui-carousel-arrow {
 	display: none;
 }

 /* ----------------------------平台优势------------------------------------- */
 .intimate-service-box {
 	padding-top: 1px;
 	background: #FAFBFC;
 }

 .super-banner {
 	background-image: url("../images/index-banner3.jpg");
 }

 .super-banner .banner-info {
 	width: 630px;
 }

 .intimate-service {
 	margin: 50px 0 0;
 }

 .intimate-service li {
 	float: left;
 	width: 25%;
 	height: 170px;
 	margin-bottom: 100px;
 	text-align: center;
 }

 .intimate-service li>div {
 	width: 77px;
 	height: 77px;
 	line-height: 77px;
 	margin: 0 auto;
 }

 .intimate-service li strong {
 	display: block;
 	margin: 20px 0 10px;
 	font-size: 16px;
 	color: #3A4250;
 	font-weight: 700;
 }

 .intimate-service li p {
 	padding: 0 20px;
 	font-size: 14px;
 	color: #7F8FA4;
 }

 /*  */
 .multi-scene-banner {
 	position: relative;
 	padding-left: 170px;
 	height: 360px;
 	background: url("../images/multi-scene-bg4.png");
 	color: #fff;
 	overflow: hidden;
 }

 .multi-scene-banner strong {
 	display: block;
 	margin-top: 25px;
 	font-size: 40px;
 }

 .multi-scene-banner p {
 	margin: 13px 0 20px;
 	font-size: 18px;
 }

 .multi-scene-banner p .icon {
 	margin-right: 10px;
 }

 .multi-scene-banner>div {
 	position: absolute;
 	left: 50%;
 	bottom: 0;
 	transform: translateX(-50%);
 	width: 190px;
 	padding: 12px 0 12px 20px;
 	background: linear-gradient(270deg, rgba(0, 210, 255, 1), rgba(38, 155, 255, 1));
 	border-radius: 10px 10px 0px 0px;
 }

 /* icon */
 .icon-baidu {
 	width: 34px;
 	height: 34px;
 	background-position: 0 -486px;
 }

 .multi-scene-item:hover .icon-baidu,
 .on .icon-baidu {
 	background-position: 0 -540px;
 }

 .icon-toutiao {
 	width: 34px;
 	height: 34px;
 	background-position: -54px -486px;
 }

 .multi-scene-item:hover .icon-toutiao,
 .on .icon-toutiao {
 	background-position: -54px -540px;
 }

 .icon-wangyi {
 	width: 34px;
 	height: 34px;
 	background-position: -108px -486px;
 }

 .multi-scene-item:hover .icon-wangyi,
 .on .icon-wangyi {
 	background-position: -108px -540px;
 }

 .icon-wechat {
 	width: 34px;
 	height: 34px;
 	background-position: -162px -486px;
 }

 .multi-scene-item:hover .icon-wechat,
 .on .icon-wechat {
 	background-position: -162px -540px;
 }

 .icon-weibo {
 	width: 34px;
 	height: 34px;
 	background-position: -216px -486px;
 }

 .multi-scene-item:hover .icon-weibo,
 .on .icon-weibo {
 	background-position: -216px -540px;
 }

 .icon-douyin {
 	width: 34px;
 	height: 34px;
 	background-position: -270px -486px;
 }

 .multi-scene-item:hover .icon-douyin,
 .on .icon-douyin {
 	background-position: -270px -540px;
 }

 .icon-aqiyi {
 	width: 34px;
 	height: 34px;
 	background-position: -324px -486px;
 }

 .multi-scene-item:hover .icon-aqiyi,
 .on .icon-aqiyi {
 	background-position: -324px -540px;
 }

 .icon-qqmusic {
 	width: 34px;
 	height: 34px;
 	background-position: -378px -486px;
 }

 .multi-scene-item:hover .icon-qqmusic,
 .on .icon-qqmusic {
 	background-position: -378px -540px;
 }

 .icon-jd {
 	width: 34px;
 	height: 34px;
 	background-position: -432px -486px;
 }

 .multi-scene-item:hover .icon-jd,
 .on .icon-jd {
 	background-position: -432px -540px;
 }

 .icon-meituan {
 	width: 34px;
 	height: 34px;
 	background-position: -486px -486px;
 }

 .multi-scene-item:hover .icon-meituan,
 .on .icon-meituan {
 	background-position: -486px -540px;
 }

 .icon-xiaohongshu {
 	width: 34px;
 	height: 34px;
 	background-position: -540px -486px;
 }

 .multi-scene-item:hover .icon-xiaohongshu,
 .on .icon-xiaohongshu {
 	background-position: -540px -540px;
 }

 /*  */
 .icon-znds {
 	width: 32px;
 	height: 28px;
 	background-position: 0 -592px;
 }

 .multi-scene-item:hover .icon-znds,
 .on .icon-znds {
 	background-position: 0 -650px;
 }

 .icon-jml {
 	width: 27px;
 	height: 28px;
 	background-position: -60px -592px;
 }

 .multi-scene-item:hover .icon-jml,
 .on .icon-jml {
 	background-position: -60px -650px;
 }

 .icon-sc {
 	width: 26px;
 	height: 28px;
 	background-position: -117px -592px;
 }

 .multi-scene-item:hover .icon-sc,
 .on .icon-sc {
 	background-position: -117px -650px;
 }

 .icon-ktv {
 	width: 27px;
 	height: 28px;
 	background-position: -173px -592px;
 }

 .multi-scene-item:hover .icon-ktv,
 .on .icon-ktv {
 	background-position: -173px -650px;
 }

 .icon-yinyuan {
 	width: 28px;
 	height: 28px;
 	background-position: -230px -592px;
 }

 .multi-scene-item:hover .icon-yinyuan,
 .on .icon-yinyuan {
 	background-position: -230px -650px;
 }

 .icon-xzl {
 	width: 25px;
 	height: 28px;
 	background-position: -288px -592px;
 }

 .multi-scene-item:hover .icon-xzl,
 .on .icon-xzl {
 	background-position: -288px -650px;
 }

 .icon-ct {
 	width: 19px;
 	height: 28px;
 	background-position: -343px -592px;
 }

 .multi-scene-item:hover .icon-ct,
 .on .icon-ct {
 	background-position: -343px -650px;
 }

 .icon-hcz {
 	width: 22px;
 	height: 28px;
 	background-position: -392px -592px;
 }

 .multi-scene-item:hover .icon-hcz,
 .on .icon-hcz {
 	background-position: -392px -650px;
 }

 .icon-jc {
 	width: 27px;
 	height: 28px;
 	background-position: -444px -592px;
 }

 .multi-scene-item:hover .icon-jc,
 .on .icon-jc {
 	background-position: -444px -650px;
 }

 .icon-cs {
 	width: 29px;
 	height: 28px;
 	background-position: -501px -592px;
 }

 .multi-scene-item:hover .icon-cs,
 .on .icon-cs {
 	background-position: -501px -650px;
 }

 .icon-gx {
 	width: 26px;
 	height: 28px;
 	background-position: -560px -592px;
 }

 .multi-scene-item:hover .icon-gx,
 .on .icon-gx {
 	background-position: -560px -650px;
 }

 .icon-jiudian {
 	width: 27px;
 	height: 28px;
 	background-position: -616px -592px;
 }

 .multi-scene-item:hover .icon-jiudian,
 .on .icon-jiudian {
 	background-position: -616px -650px;
 }

 /* icon */
 .multi-scene-tab {
 	margin-top: 32px;
 	text-align: center;
 }

 .multi-scene-item {
 	display: inline-block;
 	*display: inline;
 	zoom: 1;
 	vertical-align: top;
 	margin: 0 20px;
 }

 .multi-scene-item p {
 	margin-top: 10px;
 	font-size: 14px;
 }

 .multi-scene-item:hover p,
 .on p {
 	color: #d8d9dc;
 }

 .multi-scene-tab .line {
 	display: inline-block;
 	*display: inline;
 	zoom: 1;
 	vertical-align: top;
 	width: 1px;
 	height: 65px;
 	margin: 0 20px;
 	background: #e2e3e5;
 }

 .multi-scene-box+.btn {
 	display: block;
 	margin: 50px auto 100px;
 }

 .multi-scene-box1 .multi-scene-banner {
 	padding-left: 55px;
 	background-image: url("../images/multi-scene-znds.png");
 }

 .multi-scene-box1 .multi-scene-item {
 	margin: 0 30px;
 }

 /* ---------------------------------------------媒体资源------------------------------------------- */
 .media-res-box {
 	padding: 1px 0;
 	background: #FAFBFC;
 }

 .media-res-box .index-title {
 	margin-top: 20px;
 }

 .media-res-box .index-title-info {
 	margin: 20px 0 70px;
 }

 .media-res-banner {
 	background-image: url("../images/index-banner4.jpg");
 }

 .media-res-list {
 	padding: 1px 0 57px;
 	background: #FAFBFC;
 }

 .media-res-list .cash-list {
 	margin-top: 40px;
 	position: static;
 }

 .media-res-list li {
 	height: 230px;
 }

 .media-res-list strong {
 	display: block;
 	margin-bottom: 8px;
 	font-weight: 700;
 	font-size: 16px;
 	color: #1B212E;
 }

 .media-res-list p {
 	font-size: 14px;
 	color: #7F8FA4;
 }

 .media-res-list .cash-img {
 	height: 48px;
 	line-height: 48px;
 }

 /* icon */
 .icon-media1 {
 	width: 48px;
 	height: 48px;
 	background-position: 0 -699px;
 }

 .icon-media2 {
 	width: 48px;
 	height: 48px;
 	background-position: -63px -699px;
 }

 .icon-media3 {
 	width: 48px;
 	height: 48px;
 	background-position: -133px -699px;
 }

 .icon-media4 {
 	width: 39px;
 	height: 48px;
 	background-position: -207px -699px;
 }

 .icon-media5 {
 	width: 48px;
 	height: 48px;
 	background-position: -268px -699px;
 }

 /* icon */
 .media-res-tab {
 	position: relative;
 	top: -40px;
 	background: #fff;
 	box-shadow: 0px 13px 31px 0px rgba(161, 167, 178, 0.08);
 	border-radius: 10px;
 	overflow: hidden;
 }

 .media-res-tab li {
 	width: 25%;
 	float: left;
 	height: 80px;
 	line-height: 80px;
 	text-align: center;
 	font-size: 22px;
 	color: #3A4250;
 	cursor: pointer;
 }

 .media-res-tab li.on {
 	background: #0078FF;
 	color: #fff;
 }

 .media-res-items {
 	display: none;
 }

 .meida-res-intro-img {
 	float: left;
 }

 .meida-res-intro {
 	margin-bottom: 100px;
 }

 .meida-res-info {
 	float: right;
 	width: 460px;
 	margin-right: 40px;
 }

 .meida-res-info>strong {
 	display: block;
 	font-size: 24px;
 	font-weight: 700;
 	color: #269BFF;
 }

 .meida-res-info div>em {
 	display: block;
 	margin-top: 30px;
 }

 .meida-res-info div>p {
 	margin-top: 10px;
 	color: #7F8FA4;
 	font-size: 14px;
 }

 .mt60 {
 	margin-top: 60px;
 }

 .meida-res-info-list {
 	margin-top: 30px;
 }

 .meida-res-info-list li {
 	display: inline-block;
 	*display: inline;
 	zoom: 1;
 	margin-right: 70px;
 }

 .meida-res-info-list li b {
 	font-size: 34px;
 	font-weight: 700;
 	color: #2E80E6;
 }

 .meida-res-info-list li p {
 	margin-top: 3px;
 	color: #7F8FA4;
 }

 .media-zs-tab {
 	margin: 40px 0 80px;
 	text-align: center;
 }

 .media-zs-tab li {
 	display: inline-block;
 	*display: inline;
 	zoom: 1;
 	width: 128px;
 	height: 38px;
 	line-height: 38px;
 	margin: 0 10px;
 	text-align: center;
 	background: #fff;
 	border: 1px solid rgba(225, 227, 230, 0.5);
 	border-radius: 2px;
 	cursor: pointer;
 }

 .media-zs-tab li.on {
 	background: #269BFF;
 	color: #fff;
 }

 .media-zs-items {
 	display: none;
 	padding-bottom: 100px;
 }

 .media-zs-items .only-img {
 	text-align: center;
 }

 .media-zs-items .only-img img {
 	display: block;
 	margin: 0 auto;
 }

 .media-zs-items .only-img strong {
 	display: block;
 	margin: 20px 0 5px;
 	color: #3A4250;
 }

 .media-zs-items .only-img p {
 	font-size: 14px;
 	color: #7F8FA4;
 }

 .media-swiper {
 	position: relative;
 	padding: 0 60px;
 }

 .media-swiper .swiper-button-prev {
 	left: 0;
 }

 .media-swiper .swiper-button-next {
 	right: 0;
 }

 .media-swiper .prev-case,
 .media-swiper .next-case {
 	width: 42px;
 	height: 42px;
 	line-height: 42px;
 	background: #269bff;
 }

 .media-swiper .swiper-button-disabled {
 	background: #babcbf;
 }

 .media-swiper .swiper-slide {
 	text-align: center;
 }

 .media-swiper .swiper-slide strong {
 	display: block;
 	margin: 10px 0 5px;
 	color: #3A4250;
 }

 .media-swiper .swiper-slide p {
 	padding: 0 30px;
 	font-size: 14px;
 	color: #7F8FA4;
 }

 /* ------------------------------精选案例---------------------------------------- */
 .case-banner {
 	background-image: url("../images/index-banner5.jpg");
 }

 .case-list {
 	margin-left: -40px;
 	margin-bottom: 85px;
 }

 .case-list li {
 	float: left;
 	width: 366px;
 	margin: 45px 0 0 40px;
 	background: #fff;
 	border-radius: 6px;
 	overflow: hidden;
 	text-align: center;
 }

 .case-list li a>strong {
 	display: block;
 	margin: 20px 0 5px;
 	font-weight: 700;
 	font-size: 18px;
 	color: #3A4250;
 }

 .case-list li a>p {
 	display: block;
 	font-size: 14px;
 	color: #7F8FA4;
 }

 .case-list .item {
 	margin: 25px 20px 0;
 	border-top: #EDF1F5 1px solid;
 	overflow: hidden;
 }

 .case-list .item>div {
 	float: left;
 	width: 33.333333%;
 	padding: 30px 0;
 	font-size: 14px;
 	color: #7F8FA4;
 }

 .case-list .item2>div {
 	width: 50%;
 }

 .case-list .item>div strong {
 	display: block;
 	margin-bottom: 8px;
 	font-weight: 700;
 	font-size: 16px;
 	color: #0078FF;
 }

 /* 案例详情 */
 .case-info-bg {
 	height: 400px;
 	background: linear-gradient(45deg, rgba(23, 67, 191, 1), rgba(44, 162, 255, 1));
 	color: #fff;
 	text-align: center;
 	overflow: hidden;
 }

 .case-info-bg>strong {
 	display: block;
 	margin: 60px 0 40px;
 	font-size: 36px;
 	font-weight: 700;
 }

 .case-info-bg .item>div {
 	display: inline-block;
 	width: 200px;
 	font-size: 16px;
 }

 .case-info-bg .item>div strong {
 	display: block;
 	margin-bottom: 3px;
 	font-size: 26px;
 	font-weight: 700;
 }

 .case-info-box {
 	padding: 120px;
 	margin-top: -130px;
 	background: #fff;
 	border-radius: 10px;
 }

 .case-info-info li {
 	float: left;
 	width: 50%;
 	margin-bottom: 30px;
 	color: #3A4250;
 }

 .case-info-info.one li {
 	width: 100%;
 }

 .case-info-info li strong {
 	display: block;
 	margin-bottom: 10px;
 	font-size: 22px;
 	color: #0078FF;
 }

 .case-info-info li span {
 	margin-right: 70px;
 }

 .case-info-info li p {
 	min-height: 3em;
 	padding-right: 10px;
 }

 .case-info-box img {
 	display: block;
 	margin: 60px 0;
 }

 .case-list+.btn {
 	display: block;
 	margin: 0 auto 85px;
 }

/* --------------------------------屏幕宽度大于950px时用手机模式----------------------------------------------------- */
 @media only screen and (min-width: 950px) {
	.case-list li:nth-child(3n+4) {

		clear:left;

	}
}
 /* --------------------------------屏幕宽度小于450px时用手机模式----------------------------------------------------- */



 @media only screen and (max-width: 450px) {

 	/* 通用 */
 	body {
 		min-width: auto;
 		max-width: 750px;
 		margin: 0 auto;
 		font-size: 14px;
 	}

 	.wrap {
 		width: auto;
 	}

 	.btn {
 		width: 110px;
 		height: 36px;
 		line-height: 36px;
 		font-size: 16px;
 		background: #269BFF;
 		border-color: #269BFF;
 		color: #fff;
 	}

 	/* 首页 */
 	.header {
 		background: #fdfeff;
 		height: 46px;
 	}

 	.head {
 		padding: 0 15px;
 	}

 	.header-fixed {
 		background: #fdfeff;
 		box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
 	}

 	.header-fixed .logo {
 		/* background-image: url("../images/logo-black.png"); */
 	}

 	.logo {
 		width: 100px;
 		height: 25px;
 		/* background-image: url("../images/logo-black.png"); */
 		background-size: 100% auto;
 		background-repeat: no-repeat;
 		margin-right: 0;
 		margin-top: 11px;
 	}

 	.nav {
 		display: none;
 	}

 	.nav-phone-box {
 		display: block;
 	}

 	/* 首页banner */
 	.banner {
 		height: 418px;
 		background-color: #30a4ff;
 		background-image: url(../images/index-banner-phone.jpg);
 		background-size: cover;
 	}

 	.traffic-banner {
 		background-image: url(../images/index-banner1-phone.jpg);
 	}

 	.intro-banner {
 		background-image: url(../images/index-banner2-phone.jpg);
 	}

 	.rec-banner1,
 	.case-banner {
 		background-image: url(../images/index-banner5-phone.jpg);
 	}

 	.rec-banner2,
 	.super-banner {
 		background-image: url(../images/index-banner3-phone.jpg);
 	}

 	.rec-banner3 {
 		background-image: url(../images/index-banner-phone.jpg);
 	}

 	.media-res-banner {

 		background-image: url(../images/index-banner4-phone.jpg);
 	}

 	.rec-banner {
 		height: 418px !important;
 	}

 	.banner .wrap,
 	.rec-banner-item .wrap {
 		padding-top: 30px;
 		text-align: center;
 	}

 	.banner-strong {
 		padding: 0 15px;
 		font-size: 20px;
 	}

 	.banner-info {
 		margin: 17px 5px 20px;
 		line-height: 1.5;
 		font-size: 13px;
 	}

 	.super-banner .banner-info {
 		width: auto;
 	}

 	.banner .btn-white,
 	.rec-banner-item .btn-white {
 		background: #fff;
 		color: #269bff;
 		font-size: 15px;
 	}

 	/* 首页便捷，高效，智能 */
 	.trait {
 		margin: 0 15px;
 		top: -30px;
 	}

 	.trait li {
 		position: relative;
 		padding: 15px 0 15px 90px;
 		width: 100%;
 		text-align: left;
 		box-sizing: border-box;
 	}

 	.trait li .trait-img {
 		position: absolute;
 		left: 30px;
 		top: 50%;
 		transform: translateY(-50%);
 		zoom: .7;
 	}

 	.trait li strong {
 		margin-top: 0;
 	}

 	.trait li p {
 		font-size: 12px;
 	}

 	/* 首页我们的优势 */
 	.index-title {
 		margin-top: 16px;
 		font-size: 20px;
 	}

 	.index-title-2 {
 		margin-top: 20px;
 		font-size: 20px;
 		font-weight: bold;
 	}

 	.advantage-swiper-box {
 		margin: 0 15px;
 	}

 	.advantage-tab {
 		margin: 20px 0 30px;
 		border: #269BFF 1px solid;
 		border-radius: 3px;
 		overflow: hidden;
 	}

 	.media-info .info-p {
 		margin: 10px 0 20px;
 	}

 	.advantage-tab li.on {
 		font-size: 12px;
 		background: #269BFF;
 		color: #fff;
 	}

 	.advantage-tab li {
 		float: left;
 		width: 33%;
 		margin: 0 0 0 -1px;
 		color: #269BFF;
 		border-left: #269BFF 1px solid;
 		line-height: 30px;
 		font-size: 12px;
 	}

 	.advantage-tab li:last-child {
 		width: 34%;
 	}

 	.advantage {
 		height: auto;
 	}

 	.advantage-list {
 		height: 477px;
 	}

 	.media-img,
 	.user-img,
 	.scene-img {
 		position: absolute;
 		bottom: 0;
 		left: 50%;
 		float: none;
 		transform: translate(-50%, 25%) scale(.5);
 	}

 	.media-info li strong {
 		font-size: 20px;
 	}

 	.media-info {
 		float: none;
 		width: 90%;
 		height: auto;
 		margin: 0 auto;
 	}

 	.media-info .pop-btn {
 		display: block;
 		margin-left: auto;
 		margin-right: auto;
 	}

 	/* 首页展现形式 */
 	.index-title-info {
 		font-size: 12px;
 	}

 	.presentation-tab li {
 		width: 68px;
 		height: 30px;
 		line-height: 30px;
 		font-size: 14px;
 	}

 	.presentation-mode-box {
 		float: none;
 		width: auto;
 		padding: 0;
 	}

 	.presentation-mode-box p {
 		display: none;
 	}

 	.presentation-mode {
 		text-align: center;
 	}

 	.presentation-mode li {
 		display: inline-block;
 		margin: 0 5px;
 		height: auto;
 		line-height: 1.5;
 	}

 	.presentation-mode li.on {
 		padding: 0;
 		border-bottom: #269bff 2px solid;
 	}

 	.presentation-mode li.on:after {
 		display: none;
 	}

 	.presentation {
 		padding-bottom: 25px;
 		position: relative;
 		background: #F6F7FA;
 	}

 	.presentation:before {
 		content: " ";
 		position: absolute;
 		left: 0;
 		top: 0;
 		right: 0;
 		height: 150px;
 		background: linear-gradient(45deg, rgba(21, 99, 227, 1), rgba(0, 155, 255, 1));
 	}

 	.presentation .index-title-info {
 		margin: 10px 0 15px;
 	}

 	.presentation .index-title,
 	.presentation .index-title-info {
 		position: relative;
 		z-index: 1;
 		color: #fff;
 	}

 	.presentation-phone-bg {
 		position: relative;
 		z-index: 1;
 		margin: 0 15px;
 		padding-top: 25px;
 		background: #fff;
 		border-radius: 8px;
 	}

 	.presentation-iteam {
 		height: 375px;
 		margin-top: 30px;
 	}

 	.presentation-mode-item {
 		position: relative;
 		width: 100%;
 		height: 250px;
 	}

 	.presentation-phone,
 	.presentation-mac {
 		transform: translate(-50%, -10%) scale(.5);
 		position: absolute;
 		left: 50%;
 		margin: 0;
 	}

 	.presentation-mac {
 		transform: translate(-50%, -10%) scale(.3);
 	}

 	/* 首页精选案例 */
 	.case-card {
 		margin: 15px 15px 0;
 	}

 	.channel-card {
 		width: auto;
 		margin: 20px 0;
 		height: 430px;
 	}

 	.prev-case,
 	.next-case {
 		transform: translateY(-70px) scale(.5);
 	}

 	.case-img {
 		float: none;
 		margin: 0;
 		transform: scale(.5);
 		margin: -110px 0;
 	}

 	.case-info {
 		float: none;
 		margin: 0;
 		padding: 0;
 		width: auto;
 		text-align: center;
 	}

 	.case-info .case-logo {
 		margin-top: 10px;
 	}

 	.case-log {
 		width: 50px;
 	}

 	.case-num {
 		margin: 15px 0;
 	}

 	.case-num dd strong {
 		font-size: 20px;
 	}

 	.case-info-p {
 		padding: 0 15px;
 		font-size: 18px;
 	}

 	.case-info-list {
 		margin: 20px 0 30px;
 		display: inline-block;
 		text-align: left;
 	}

 	.case-info .btn {
 		display: block;
 		margin: 0 auto;
 	}

 	/* 首页我们的推广渠道 */
 	.channel-item {
 		width: 356px;
 		margin: 0 auto;
 		transform: translateX(5px)
 	}

 	.channel-item div {
 		width: 168px;
 		height: 90px;
 		line-height: 90px;
 		margin: 0 10px 10px 0;
 	}

 	.channel-item div img {
 		width: 100%;
 	}

 	/* .channel-list {
         padding-top: 25px;
     } */
 	/* 首页马上推广 */
 	.extension {
 		/* margin-top: 30px; */
 		padding-bottom: 20px;
 		height: auto;
 	}

 	.extension-form {
 		width: auto;
 		margin: 0 15px;
 	}

 	.extension-form .index-title {
 		margin: 25px 0 20px;
 	}

 	.extension-input li {
 		margin-top: 20px;
 	}

 	.extension-input {
 		margin: 24px 0;
 	}

 	.extension-input input {
 		display: block;
 		width: 100%;
 		margin: 0;
 		height: 50px;
 		font-size: 16px;
 		box-sizing: border-box;
 	}

 	.extension-input .error input {
 		background: #f5f6f7;
 	}

 	.extension-input p {
 		left: 0;
 		top: 100%;
 		line-height: 1.5;
 		font-size: 13px;
 	}

 	.extension-form .btn {
 		width: 100%;
 		height: 46px;
 		line-height: 46px;
 		margin-bottom: 29px;
 		border-radius: 23px;
 	}

 	.extension-input label {
 		position: absolute;
 		left: 13px;
 		top: 13px;
 		font-size: 16px;
 	}

 	.extension-input .letter-space {
 		letter-spacing: 0;
 	}

 	/* .extension-input li.on label {
         font-size: 12px;
         top: 0;
     }

     .extension-input li.on input {
         position: relative;
         padding-left: 0;
         top: 5px;
     } */

 	/* 页尾 */
 	.footer ul {
 		padding: 20px 0;
 		margin: 0 15px;
 	}

 	.footer li {
 		display: none;
 		height: auto;
 		margin: 0;
 	}

 	.footer li.first,
 	.footer li.three {
 		display: block;
 		margin: 0;
 	}

 	.footer li.first {
 		width: 75%;
 	}

 	.footer li.first img {
 		width: 100px;
 		margin-bottom: 5px;
 	}

 	.footer li.first p {
 		display: block;
 		line-height: 2;
 	}

 	.footer li.three {
 		width: 25%;
 	}

 	.footer li.three img {
 		margin-top: 30px;
 	}

 	.footer li.three img,
 	.footer li em {
 		width: 100%;
 	}

 	.footer li a,
 	.footer li p {
 		margin-top: 0;
 		font-size: 12px;
 	}

 	.foot a {
 		display: none;
 	}

 	.foot p {
 		font-size: 12px;
 		margin: 0 15px;
 	}

 	/* 弹窗 */
 	.pop {
 		left: 10px;
 		right: 10px;
 		width: auto;
 		height: auto;
 		padding: 30px 0;
 		margin: 0;
 		transform: translateY(-50%);
 	}

 	.pop h3 {
 		margin-top: 10px;
 		font-size: 15px;
 	}

 	.pop-tit {
 		margin: 0;
 	}

 	.pop-tit img {
 		width: 20px;
 	}

 	.pop .extension-input {
 		width: auto;
 		margin: 10px 10px 20px;
 	}

 	.pop .extension-input li {
 		margin-top: 20px;
 	}

 	.pop .btn {
 		height: 36px;
 		line-height: 36px;
 		position: relative;
 		z-index: 2;
 	}

 	.pop-tip {
 		width: auto;
 		height: auto;
 		margin: 40px 20px;
 	}

 	/* 首页特色展示 */
 	.feature {
 		margin: 15px 15px 15px;
 	}

 	.feature li {
 		float: none;
 		margin: 5px 0 0;
 		padding: 0 15px 0 90px;
 		width: auto;
 		height: 100px;
 	}

 	.feature-img {
 		position: absolute;
 		top: 50%;
 		left: 10px;
 		margin: 0;
 		transform: translateY(-50%) scale(.5);
 	}

 	.feature strong {
 		margin: 15px 0 5px;
 		text-align: left;
 		font-size: 18px;
 		font-weight: 600;
 	}

 	.feature p {
 		display: block;
 		width: auto;
 		font-size: 12px;
 		color: #7F8FA4;
 	}

 	.feature li:hover {
 		top: 0;
 	}

 	.feature li:hover .feature-img {
 		margin-top: 0;
 	}

 	.feature li:hover p {
 		color: #fff;
 	}

 	/* 流量变现-兼顾用户体验 */
 	.traffic-feature li {
 		float: left;
 		width: 50%;
 		margin: 0;
 		padding: 40px 0;
 		height: auto;
 	}

 	.traffic-feature li:first-child {
 		border-radius: 15px 0px 0px 15px;
 	}

 	.traffic-feature li:last-child {
 		border-radius: 0px 15px 15px 0px;
 	}

 	.traffic-feature .feature-img {
 		position: relative;
 		top: 0;
 		left: 0;
 		margin: 0 auto;
 		transform: scale(.5);
 	}

 	.traffic-feature strong {
 		text-align: center;
 	}

 	.traffic-feature p {
 		height: 7.5em;
 		margin: 0 10px;
 	}

 	/* 流量变现-兼顾用户体验 */
 	.experience-box {
 		background: none;
 	}

 	.experience-box .trait {
 		top: 0;
 		background: none;
 	}

 	.experience-box .trait li {
 		box-sizing: border-box;
 		position: relative;
 		float: none;
 		width: 100%;
 		background: #fff;
 		margin: 0 0 10px 0;
 		padding: 20px 0 20px 100px;
 		text-align: left;
 		border-radius: 10px;
 	}

 	.experience-box .trait li strong {
 		margin: 0;
 	}

 	.experience-box .experience-img {
 		position: absolute;
 		left: 30px;
 		top: 50%;
 		transform: scale(.8) translateY(-50%)
 	}

 	/* 流量变现-变现流程 */
 	.cash {
 		height: auto;
 		padding-bottom: 30px;
 	}

 	.cash-title {
 		height: 150px;
 	}

 	.cash-title .index-title {
 		margin-top: 30px;
 	}

 	.cash-title .index-title-info {
 		margin: 10px 15px 25px;
 	}

 	.cash-list {
 		top: -35px;
 		margin: 0;
 		left: 15px;
 		right: 15px;
 		height: 140px;
 	}

 	.cash-list li {
 		margin: 0;
 		width: 20%;
 		padding-bottom: 20px;
 		height: auto;
 		font-size: 14px;
 		border-radius: 0;
 	}

 	.cash-list li:first-child {
 		border-radius: 8px 0 0 8px;
 	}

 	.cash-list li:last-child {
 		border-radius: 0 8px 8px 0;
 	}

 	.cash-list li span {
 		font-size: 15px;
 	}

 	.cash-img {
 		margin: 0;
 		transform: scale(.7)
 	}

 	.cash .btn {
 		width: 80%;
 		margin-top: 115px;
 	}

 	/* 广告合作-合伙人权益 */
 	.equity-feature li {
 		box-sizing: border-box;
 		float: left;
 		width: 33.333333%;
 		padding: 0;
 		margin: 0;
 		border-radius: 0;
 	}

 	.equity-feature li .feature-img {
 		position: relative;
 		top: 0;
 		left: 0;
 		transform: scale(.5);
 		margin: 0 auto;
 	}

 	.equity-feature li strong {
 		margin: -20px 0 0;
 		font-size: 14px;
 		text-align: center;
 	}

 	/* 广告合作-合作模式 */
 	.model-list .fl,
 	.model-list .fr {
 		float: none;
 	}

 	.model-list li {
 		position: relative;
 		height: auto;
 		padding-top: 110px;
 	}

 	.model-info {
 		width: auto;
 		margin: 0 15px;
 		text-align: center;
 	}

 	.model-info h2 {
 		display: none;
 	}

 	.model-info strong {
 		font-size: 16px;
 		margin-bottom: 10px;
 	}

 	.model-info p {
 		line-height: 1.5;
 		margin-bottom: 20px;
 		color: #7F8FA4;
 	}

 	.model-img,
 	.insert-img {
 		position: absolute;
 		top: 0;
 		left: 50%;
 		width: 600px;
 		transform: translate(-50%, -45%) scale(.2);
 		border-radius: 50%;
 	}

 	/* 公司介绍-banner */
 	/* .intro-banner,
     .traffic-banner,
     .rec-banner-item {
         background-size: cover;
     } */

 	/* 公司介绍-百度地图 */
 	#dituContent,
 	.BMap_mask {
 		height: 300px !important;
 	}

 	/* 公司介绍-发展历程 */
 	.history {
 		margin: 20px 15px 0;
 		padding: 10px;
 	}

 	.history strong {
 		margin: 30px 0 0;
 		font-size: 18px;
 		font-weight: bold;
 	}

 	.history strong:first-of-type {
 		margin: 0;
 	}

 	.history p {
 		text-indent: -5em;
 		padding-left: 5em;
 		margin-top: 10px;
 	}

 	.history em {
 		margin-right: 20px;
 	}

 	/* 公司介绍-我们的服务遍布全国 */
 	.throughout-box {
 		padding-bottom: 0;
 	}

 	.throughout-box .cash-title {
 		height: 229px;
 	}

 	.throughout {
 		top: -60px;
 		margin: 0 15px;
 		padding: 15px;
 	}

 	.throughout-map {
 		float: none;
 		margin: 0 0 -140px;
 		transform: translate(-20%, -20%) scale(.5);
 	}

 	.throughout .media-info {
 		width: auto;
 		height: auto;
 		margin: 0;
 	}

 	/* 公司介绍-我们的团队 */
 	.team-box .wrap {
 		padding: 0 15px;
 	}

 	.team {
 		margin: 20px 0;
 	}

 	.team-card {
 		float: none;
 		width: auto;
 		height: 279px;
 	}

 	.prev-team,
 	.next-team {
 		transform: scale(.5);
 	}

 	.prev-team {
 		left: 10px;
 	}

 	.next-team {
 		right: 10px;
 	}

 	.team-info {
 		float: none;
 		width: auto;
 		height: auto;
 		border-radius: 6px;
 	}

 	.team-info strong {
 		font-size: 24px;
 		margin-bottom: 10px;
 		text-align: center;
 	}

 	.team-info div {
 		padding: 15px;
 	}

 	.team img {
 		height: auto;
 		margin-bottom: 20px;
 	}

 	.team p {
 		padding-left: 5em;
 		text-indent: -5em;
 		margin-bottom: 10px;
 	}

 	/* 公司介绍-我们的服务 */
 	.serve {
 		height: 180px;
 	}

 	.serve-list {
 		top: -20px;
 		margin: 0;
 		text-align: center;
 	}

 	.serve-list li {
 		box-sizing: border-box;
 		float: none;
 		display: inline-block;
 		width: 45%;
 		height: 82px;
 		margin: 5px;
 		padding: 20px 0 0 15px;
 		text-align: left;
 	}

 	.serve-list li strong {
 		font-size: 16px;
 	}

 	.serve-list li .line {
 		margin: 2px 0 5px;
 	}

 	.cooperation-box {
 		height: auto;
 		padding: 10px;
 		margin: 20px 10px;
 	}

 	.cooperation-box:after {
 		display: none;
 	}

 	.cooperation-box p {
 		width: 100%;
 	}

 	.cooperation-box strong {
 		margin-top: 20px;
 		font-size: 16px;
 	}

 	.cooperation-box strong:first-of-type {
 		margin-top: 0;
 	}

 	.cooperation-box em {
 		margin-top: 10px;
 		font-size: 14px;
 		font-weight: bold;
 	}

 	.cooperation-box p {
 		font-size: 12px;
 	}

 	.contanct-us {
 		margin-top: 20px;
 		padding: 0 10px;
 		background: #fafbfc;
 		border-radius: 0;
 	}

 	.contanct-us li {
 		width: 50%;
 		margin-bottom: 10px;
 		background: #fff;
 		box-sizing: border-box;
 		padding: 15px 0 15px 5px;
 	}

 	.contanct-us li:nth-child(2n) {
 		border-radius: 0 5px 5px 0;
 	}

 	.contanct-us li:nth-child(2n+1) {
 		border-radius: 5px 0 0 5px;
 	}

 	.contanct-us li:last-child {
 		border-radius: 5px;
 	}

 	.contanct-us li strong {
 		font-weight: bold;
 		color: #000;
 	}


 	.contanct-us li:last-child {
 		width: 100%;
 	}

 	.history-box {
 		padding-bottom: 20px;
 	}

 	/* 平台优势 */
 	.multi-big-box {
 		padding: 1px 10px;
 	}

 	.intimate-service {
 		margin-top: 20px;
 	}

 	.intimate-service li {
 		width: 50%;
 		height: 220px;
 		margin-bottom: 20px;
 	}

 	.intimate-service li>div {
 		zoom: .8;
 	}

 	.intimate-service li p {
 		padding: 0 10px;
 	}

 	.multi-scene-box+.btn {
 		width: 80%;
 		height: 36px;
 		line-height: 36px;
 		margin: 20px auto 30px;
 	}

 	.multi-scene-tab {
 		margin-top: 10px;
 		overflow-x: auto;
 		white-space: nowrap;
 	}

 	.multi-scene-item,
 	.multi-scene-box1 .multi-scene-item {
 		margin: 0 10px;
 	}

 	.multi-scene-item .icon {
 		display: none;
 	}

 	.multi-scene-item p {
 		margin: 0;
 	}

 	.multi-scene-tab .line {
 		display: none;
 	}

 	.multi-big-box .index-title-2,
 	.multi-big-box .index-title-info {
 		text-align: left;
 		font-size: 14px;
 	}

 	.multi-big-box .index-title-info {
 		margin-bottom: 10px;
 	}

 	.multi-scene-banner {
 		height: 160px;
 		padding-left: 10px;
 		background-size: 100% 100%;
 		background-repeat: no-repeat;
 	}

 	.multi-scene-banner strong {
 		display: inline-block;
 		margin-top: 10px;
 		font-size: 18px;
 	}

 	.multi-scene-banner p {
 		display: inline-block;
 		margin: 0 0 0 10px;
 	}

 	.multi-scene-banner p .icon {
 		transform: scale(.7)
 	}

 	.multi-scene-banner img {
 		display: block;
 		width: 150px;
 	}

 	.multi-scene-banner>div {
 		left: inherit;
 		right: 20px;
 		width: auto;
 		padding: 5px 20px;
 		transform: translate(0);
 		border-radius: 5px 5px 0 0;
 	}

 	.multi-scene-box1 .multi-scene-banner {
 		padding-left: 10px;
 	}

 	/* 媒体资源 */
 	.case {
 		/* height: 720px; */
 	}

 	.media-res-list {
 		padding: 1px 10px 20px;
 		overflow: hidden;
 	}

 	.media-res-list .index-title {
 		margin-left: -10px;
 		margin-right: -10px;
 		height: 150px;
 		line-height: 100px;
 		background: linear-gradient(45deg, rgba(21, 99, 227, 1), rgba(0, 155, 255, 1));
 		color: #fff;
 	}

 	.media-res-list .cash-list {
 		margin-top: -50px;
 		height: auto;
 		border-radius: 8px;
 		box-shadow: 0px 13px 31px 0px rgba(161, 167, 178, 0.08);
 		overflow: hidden;
 	}

 	.media-res-list .cash-img {
 		position: absolute;
 		top: 50%;
 		left: 30px;
 		transform: translate(0, -50%) scale(1);
 	}

 	.media-res-list .cash-list li {
 		position: relative;
 		float: none;
 		width: 100%;
 		margin-bottom: 10px;
 		padding: 20px 0 20px 120px;
 		box-sizing: border-box;
 		border-radius: 8px;
 		text-align: left;
 	}

 	.media-res-list .cash-list li span {
 		display: none;
 	}

 	.media-res-list strong {
 		margin-bottom: 3px;
 	}

 	.media-res-tab {
 		top: -25px;
 		border-radius: 5px;
 	}

 	.media-res-tab li {
 		height: 50px;
 		line-height: 50px;
 		font-size: 14px;
 	}

 	.media-res-box .wrap {
 		padding: 0 10px;
 	}

 	.media-res-box .index-title {
 		margin: 10px;
 	}

 	.media-res-box .index-title-info {
 		margin: 10px 0 0;
 	}

 	.meida-res-intro-img {
 		float: none;
 		display: block;
 		width: 80%;
 		margin: 40px auto 60px;
 	}

 	.meida-res-info {
 		float: none;
 		width: auto;
 		margin: 0;
 	}

 	.meida-res-info>strong {
 		text-align: center;
 		font-size: 18px;
 	}

 	.meida-res-info>div {
 		float: left;
 		width: 50%;
 		margin-top: 10px;
 	}

 	.meida-res-info>div:nth-of-type(1),
 	.meida-res-info>div:nth-of-type(2) {
 		margin-top: 10px;
 	}

 	.meida-res-info>div:nth-of-type(2n+1) p {
 		padding-right: 20px;
 	}

 	.meida-res-info div>em {
 		margin: 10px 0 5px;
 		font-weight: bold;
 	}

 	.meida-res-info div>p {
 		min-height: 4.5em;
 		margin: 0;
 		font-size: 12px;
 	}

 	.mt60 {
 		margin-top: 30px;
 	}

 	.meida-res-info-list {
 		margin-top: 10px;
 	}

 	.meida-res-info-list li {
 		margin-right: 30px;
 	}

 	.meida-res-info-list li b {
 		font-size: 24px;
 	}

 	.meida-res-intro {
 		margin-bottom: 30px;
 	}

 	.media-zs-tab {
 		margin: 15px 0 30px;
 		height: 38px;
 	}

 	.media-zs-tab li {
 		float: left;
 		width: 25%;
 		padding: 0 7px;
 		margin: 0 0 0 -1px;
 		border-color: #269BFF;
 		color: #269BFF;
 		border-radius: 0;
 		box-sizing: border-box;
 		overflow: hidden;
 	}

 	.media-zs-tab.three li {
 		width: 33.33333333%;
 	}

 	.media-zs-tab li:first-child {
 		border-radius: 4px 0 0 4px;
 	}

 	.media-zs-tab li:last-child {
 		border-radius: 0 4px 4px 0;
 	}

 	.media-zs-items .only-img img {
 		width: 90%;
 	}

 	.media-zs-items {
 		padding-bottom: 30px;
 	}

 	.media-swiper {
 		padding: 0;
 	}

 	.media-swiper .swiper-slide img {
 		width: 100%;
 	}

 	.media-swiper .swiper-button-prev {
 		left: -10px;
 		transform: translateY(-10px) scale(.5);
 	}

 	.media-swiper .swiper-button-next {
 		right: -10px;
 		transform: translateY(-10px) scale(.5);
 	}

 	.media-swiper .swiper-slide p {
 		padding: 0 5px;
 	}

 	/*  */
 	.pop .extension-input label {
 		display: none;
 	}

 	.pop .extension-input input {
 		width: 100%;
 		box-sizing: border-box;
 		margin: 0;
 		padding-left: 10px;
 	}

 	.pop .extension-input p {
 		line-height: 1;
 	}

 	/* 精选案例 */
 	.case-list {
 		margin: 0 0 20px;
 		padding: 0 4%;
 	}

 	.case-list li {
 		width: 100%;
 		margin: 20px 0 0;
 	}

 	.case-list li img {
 		width: 100%;
 	}

 	.case-list li a>strong {
 		margin: 10px 0 0;
 	}

 	.case-list .item {
 		margin-top: 10px;
 	}

 	.case-list .item>div {
 		padding: 10px 0;
 	}

 	.case-info-bg>strong {
 		margin: 20px 0;
 		font-size: 18px;
 	}

 	.case-info-bg .item>div {
 		width: auto;
 		margin: 0 15px;
 		font-size: 12px;
 	}

 	.case-info-bg .item>div strong {
 		font-size: 16px;
 	}

 	.case-info-bg {
 		height: auto;
 		padding-bottom: 20px;
 	}

 	.case-info-box {
 		margin: 20px 10px;
 		padding: 10px;
 	}

 	.case-list+.btn {
 		width: 80%;
 		margin-bottom: 20px;
 	}

 	.case-info-info li {
 		width: 100%;
 		margin-bottom: 15px;
 	}

 	.case-info-info li strong {
 		font-size: 16px;
 		margin: 0;
 	}

 	.case-info-info li p {
 		height: auto;
 	}

 	.case-info-box img {
 		width: 100%;
 		margin: 20px 0;
 	}

 	.case-info-info li span {
 		margin-right: 10px;
 	}
 }