* {
	padding: 0;
	margin: 0;
}
body {
	padding: 0;
	margin: 0;
}

@font-face {
	font-family: 'Nunito-Bold';
	src: url('./Nunito-Bold.ttf')
}
@font-face {
	font-family: 'Nunito-Regular';
	src: url('./Nunito-Regular.ttf')
}
@font-face {
	font-family: 'MyriadPro-Bold';
	src: url('./MyriadPro-Semibold-13.otf')
}

ul,li {
	list-style: none;
}
.pull-left {
	float: left;
}
.pull-right {
	float: right;
}

.header {
	position: relative;
}
.header .header-bg {
	height: 100vh;
	background: #000;
}
.header .header-box {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding-top: 10px;
}
.header .header-box .top {
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.header .header-box .top .logo {
	width: 143px;
}
.header .header-box .top .nav {
	padding-top: 10px;
	overflow: hidden;
}
.header .header-box .top .nav li {
	float: left;
	font-size: 16px;
	line-height: 35px;
	color: #fff;
	padding: 0 40px;
	font-family: 'Nunito-Bold';
}
.header .header-box .top .nav li a{
	color: #fff;
	text-decoration: none;
}
.header .header-box .top .nav li .active {
	color: #3370FF;
}
.header .header-box .content {
	padding-top: 330px;
}
.header .header-box .content .welcom {
	font-size: 84px;
	color: #fff;
	font-family: 'MyriadPro-Bold';
	text-align: center;
	margin-bottom: 50px;
}
.header .header-box .content .welcom-desc {
	text-align: center;
	color: #fff;
	font-size: 34px;
	font-family: 'MyriadPro-Regular';
	line-height: 1.5;
}
.page2 {
	min-height: 970px;
	background: #1C1C1C;
	overflow: hidden;
}
.page2 .page2-1 {
	color: #fff;
	font-size: 48px;
	padding-left: 210px;
	padding-top: 354px;
}
.page2 .page2-2 {
	padding-top: 250px;
	padding-left: 100px;
}
.page2 .page2-2 .page2-2-item {
	margin-bottom: 80px;
}
.page2 .page2-2 .page2-2-item .number {
	font-size: 34px;
	font-family: 'Nunito-Bold';
	color: #3370FF;
	font-weight: 600;
}
.page2 .page2-2 .page2-2-item .desc {
	font-size: 18px;
	color: #fff;
	padding-top: 5px;
}
.page2 .page2-3 {
	padding-left: 64px;
	padding-top: 124px;
	width: 550px;
}
.page2 .page2-3 img {
	width: 100%;
}
.page3 {
	min-height: 920px;
	background: url(/assets/page3-bg.png) no-repeat center center;
	background-size: auto 100%;
	
}
.page3 .page3-1 {
	padding-left: 210px;
}
.page3 .page3-2 {
	padding-right: 210px;
}
.page3 .page3-1, .page3 .page3-2 {
	padding-top: 200px;
}
.page3 .page3-1 .page3-a, .page3 .page3-2 .page3-a {
	font-size: 16px;
	font-family: 'Nunito-Bold';
	font-weight: bold;
	margin-bottom: 50px;
}
.page3 .page3-1 .page3-b, .page3 .page3-2 .page3-b {
	font-size: 48px;
	font-family: 'Nunito-Bold';
	font-weight: bold;
	margin-bottom: 47px;
}

.page3 .page3-1 .page3-c, .page3 .page3-2 .page3-c {
	font-size: 18px;
	font-family: 'Nunito-Bold';
	font-weight: bold;
	color: #000000;
	line-height: 40px;
	margin-bottom: 150px;
}
.page3 .page3-2, .page3 .page3-2 .page3-c {
	color: #fff;
}
.page3 .page3-1 .page3-btn, .page3 .page3-2 .page3-btn {
	width: 174px;
	height: 60px;
	background: #3370FF;
	border-radius: 6px;
	line-height: 60px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-family: 'Nunito-Bold'
}
.page4 {
	min-height: 1000px;
	background: url(/assets/page4-bg.jpg) no-repeat center center;
	background-size: auto 100%;
}
.page4 .title {
	font-size: 48px;
	color: #FFFFFF;
	font-family: 'Nunito-Bold';
	padding: 80px 0;
	text-align: center;
}
.page4 .content {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.page4 .content li {
	width: 25%;
	float: left;
	height: 350px;
	overflow: hidden;
}
.page4 .content li .icon {
	text-align: center;
	margin-bottom: 45px;
	padding-top: 70px;
}
.page4 .content li .icon .icon-hover {
	display: none;
}
.page4 .content li .desc {
	font-size: 20px;
	font-family: 'Nunito-Bold';
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	line-height: 1.5;
}
.page4 .content li:hover {
	background: rgba(51, 112, 255, .4);
}
.page4 .content li:hover .icon .cls-1 {
	stroke: #fff;
}
.page4 .content li:hover .icon .icon-hover {
	display: block;
}
.page5 {
	position: relative;
	min-height: 1073px;
}
.page5 .page5-bg1 {
	height: 353px;
	background: #1C1C1C;
}
.page5 .icon {
	position: absolute;
	left: 210px;
	top: 145px;
	width: 933px;
}
.page5 .icon img {
	width: 100%;
}
.page5 .content {
	position: absolute;
	left: 808px;
	top: 354px;
	background: #fff;
	height: 720px;
}
.page5 .content li {
	padding-left: 118px;
	padding-top: 40px;
}
.page5 .content li h1 {
	font-size: 36px;
	font-family: 'Nunito-Bold';
	color: #222222;
	font-weight: bold;
	margin-bottom: 15px;
}
.page5 .content li p {
	font-family: 'Nunito-Bold';
	font-weight: bold;
	color: #222222;
	font-size: 18px;
	line-height: 1.5;
}
.page6 {
	min-height: 923px;
	background: url(/assets/page6-bg.jpg) no-repeat center center;
	background-size: auto 100%;
	position: relative;
}
.page6 .title {
	font-family: 'Nunito-Bold';
	font-size: 48px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding-top: 79px;
	padding-bottom: 27px;
}
.page6 .desc {
	font-size: 30px;
	font-family: 'Nunito-Bold';
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
.page6 .centerBox {
	position: absolute;
	width: 100%;
	top: 307px;
	text-align: center;
}
.page6 .centerBox img {
	width: 485px;
}
.page6 .content {
	padding-top: 90px;
}
.page6 .content li {
	float: left;
	margin-bottom: 32px;
	margin-left: 38px;
}
.page6 .content li:nth-child(1) {
	margin-left: 167px;
}
.page6 .content li:nth-child(4) {
	margin-left: 396px;
}
.page6 .content li:nth-child(7) {
	margin-left: 88px;
}
.page6 .content li:nth-child(10) {
	margin-left: 562px;
}
.page6 .content li:nth-child(13) {
	margin-left: 65px;
}
.page6 .content li:nth-child(16) {
	margin-left: 610px;
}
.page6 .content li:nth-child(19) {
	margin-left: 88px;
}
.page6 .content li:nth-child(22) {
	margin-left: 562px;
}
.page6 .content li:nth-child(25) {
	margin-left: 150px;
}
.page6 .content li:nth-child(28) {
	margin-left: 420px;
}
.page7 {
	min-height: 989px;
	background: url(./business-man-is-using-laptop-computer-his-office.jpg) #000000 no-repeat 200px;
}
.page7 .title {
	font-size: 48px;
	font-family: 'Nunito-Bold';
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 80px;
	padding-bottom: 75px;
	text-align: center;
}
.page7 .formBox {
	width: 943px;
	height: 591px;
	background: rgba(30, 30, 30, .9);
	margin-left: 767px;
	margin-top: 50px;
	position: relative;
}
.page7 .formBox #messageTip {
	position: absolute;
	color: #fff;
	background: #f00;
	padding: 10px 15px;
	font-size: 12px;
	left: 0;
	right: 0;
	text-align: center;
	margin: auto;
	display: none;
}
.page7 .formBox .messageTipShow {
	display: block !important;
}
.page7 .formBox form {
	padding-left: 40px;
	padding-top: 40px;
}
.page7 .formBox .inputItem {
	float: left;
	margin-right: 27px;
	margin-bottom: 27px;
	position: relative;
}
.page7 .formBox .inputItem::after {
	content: '*';
	color: #f00;
	position: absolute;
	left: -15px;
}
.page7 .formBox .inputItem input {
	width: 398px;
	height: 66px;
	background: none;
	border: 1px solid #979797;
	border-radius: 4px;
	font-size: 16px;
	line-height: 66px;
	color: #fff;
	padding: 0 10px;
}
.page7 .formBox .inputItem input:-webkit-autofill{
  -webkit-text-fill-color:#fff !important;  
  transition: background-color 5000s ease-in-out 0s;
  caret-color: #fff !important;  /*修改光标的颜色*/
}
.page7 .formBox .inputItem textarea {
	width: 847px;
	padding: 10px;
	height: 80px;
	background: none;
	border: 1px solid #979797;
	color: #fff;
	font-size: 16px;
	resize: none;
}
.empty {
	border-color: #f00 !important;
}
.empty p {
	color: #f00 !important;
}
.page7 .formBox .clause {
	color: #fff;
	font-size: 16px;
	margin-bottom: 40px;
}
.page7 .formBox .clause p {
	margin-bottom: 17px;
}
.page7 .formBox .clause p input {
	margin-right: 10px;
	width: 14px;
	height: 14px;
}
.page7 .formBox .btn {
	width: 418px;
	height: 66px;
	background: #3370FF;
	border-radius: 4px;
	line-height: 66px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	font-family: 'Nunito-Bold';
	color: #FFFFFF;
	margin: 0 auto;
	margin-bottom: 19px;
}
.page7 .formBox .email-address {
	color: #FFFFFF;
	font-size: 16px;
	font-family: 'Nunito-Regular';
	text-align: center;
}
.page7 .formBox .email-address img {
	margin-right: 10px;
}
.copyright {
	height: 100px;
	background: #000;
}
.copyright .c-1 {
	margin-left: 200px;
	line-height: 100px;
	font-size: 16px;
	font-family: 'Nunito-Bold';
	font-weight: bold;
	color: #FFFFFF;
}
.copyright .c-2 {
	margin-right: 200px;
}
.copyright .c-2 li {
	float: left;
	line-height: 100px;
	margin-right: 20px;
}
.advertiser .header .header-bg {
	background: url(./advertiser-header-bg.jpg) no-repeat center center;
	background-size: auto 100%;
	height: 915px;
}
.advertiser .adv-1 {
	background: #fff;
}
.advertiser .adv-1 .content {
	max-width: 1400px;
	margin: 0 auto;
	overflow: hidden;
}
.advertiser .adv-1 .content .adv-1-text {
	padding-top: 265px;
}
.advertiser .adv-1 .content .adv-1-text .title {
	font-size: 24px;
	font-family: 'Nunito-Bold';
	font-weight: bold;
	color: #222222;
	margin-bottom: 39px;
}
.advertiser .adv-1 .content .adv-1-text p{
	font-size: 18px;
	font-family: 'Nunito-Bold';
	font-weight: 500;
	color: #333333;
	line-height: 36px;
}
.advertiser .adv-1 .content .adv-1-icon {
	padding-top: 92px;
	padding-bottom: 80px;
	width: 540px;
}

.advertiser .adv-1 .content .adv-1-icon-wap {
	display: none;
}

.advertiser .adv-1 .content .adv-1-icon img {
	width: 100%;
}
.advertiser .adv-2 {
	background: #F5F7FA;
}

.publisher .header .header-bg {
	background: url(./publisher-header-bg.jpg) no-repeat center center;
	background-size: auto 100%;
	height: 913px;
}
.product .header .header-bg {
	background: url(./product-header-bg.jpg) no-repeat center center;
	background-size: auto 100%;
	height: 913px;
}
.product .adv-1 .content .adv-1-icon {
	padding-top: 212px;
}
.product .adv-1 {
	background: #F5F5F5;
}
.product .adv-1 .content .adv-1-text {
	padding-top: 150px;
	padding-bottom: 150px;
}
.product .adv-1 .content .adv-1-text p {
	font-size: 18px;
	font-family: 'Nunito-Regular';
	font-weight: 500;
	color: #333333;
	line-height: 36px;
}
.product .adv-1 .content .adv-1-text .icon {
	margin-bottom: 40px;
}
.product .adv-2 {
	background: #fff;
}


@media only screen and (max-width:1440px){
	.header .header-box {
		padding-top: 0.52083vw;
	}
	.header .header-box .top .logo {
		width: 7.44791vw;
	}
	.header .header-box .top .nav {
		padding-top: 0.52083vw;
	}
	.header .header-box .top .nav li {
		font-size: 0.83333vw;
		line-height: 1.82291vw;
		padding: 0 2.08333vw;
	}
	.header .header-box .content {
		padding-top: 17.1875vw;
	}
	.header .header-box .content .welcom {
		font-size: 4.375vw;
		margin-bottom: 2.60416vw;
	}
	.header .header-box .content .welcom-desc {
		font-size: 1.77083vw;
	}
	.page2 {
		min-height: 50.52083vw;
	}
	.page2 .page2-1 {
		font-size: 2.5vw;
		padding-left: 10.9375vw;
		padding-top: 18.4375vw;
	}
	.page2 .page2-2 {
		padding-top: 13.02083vw;
		padding-left: 5.20833vw;
	}
	.page2 .page2-2 .page2-2-item {
		margin-bottom: 4.16666vw;
	}
	.page2 .page2-2 .page2-2-item .number {
		font-size: 1.77083vw;
	}
	.page2 .page2-2 .page2-2-item .desc {
		font-size: 0.9375vw;
		padding-top: 0.26041vw;
	}
	.page2 .page2-3 {
		padding-left: 3.33333vw;
		padding-top: 6.45833vw;
		width: 28.64583vw;
	}
	.page2 .page2-3 img {
		width: 100%;
	}
	.page3 {
		min-height: 47.91666vw;
	}
	.page3 .page3-1 {
		padding-left: 10vw;
	}
	.page3 .page3-2 {
		padding-right: 10vw;
	}
	.page3 .page3-1, .page3 .page3-2 {
		padding-top: 10.41666vw;
	}
	.page3 .page3-1 .page3-a, .page3 .page3-2 .page3-a {
		font-size: 0.83333vw;
		margin-bottom: 2.60416vw;
	}
	.page3 .page3-1 .page3-b, .page3 .page3-2 .page3-b {
		font-size: 2.5vw;
		margin-bottom: 2.44791vw;
	}
	
	.page3 .page3-1 .page3-c, .page3 .page3-2 .page3-c {
		font-size: 0.9375vw;
		line-height: 2.08333vw;
		margin-bottom: 7.8125vw;
	}
	.page3 .page3-1 .page3-btn, .page3 .page3-2 .page3-btn {
		width: 9.0625vw;
		height: 3.125vw;
		border-radius: 0.3125vw;
		line-height: 3.125vw;
		font-size: 0.9375vw;
	}
	.page4 {
		min-height: 52.08333vw;
	}
	.page4 .title {
		font-size: 2.5vw;
		padding: 4.16666vw 0;
	}
	.page4 .content {
		width: 62.5vw;
	}
	.page4 .content li {
		width: 25%;
		height: 18.22916vw;
	}
	.page4 .content li .icon {
		margin-bottom: 2.34375vw;
		padding-top: 3.64583vw;
	}
	.page4 .content li .icon .icon-hover {
		display: none;
	}
	.page4 .content li .desc {
		font-size: 1.04166vw;
	}
	.page5 {
		min-height: 55.88541vw;
	}
	.page5 .page5-bg1 {
		height: 18.38541vw;
	}
	.page5 .icon {
		left: 10.9375vw;
		top: 7.55208vw;
		width: 48.59375vw;
	}
	.page5 .content {
		left: 42.08333vw;
		top: 18.4375vw;
		height: 37.5vw;
	}
	.page5 .content li {
		padding-left: 6.14583vw;
		padding-top: 4.16666vw;
	}
	.page5 .content li h1 {
		font-size: 1.875vw;
		margin-bottom: 0.78125vw;
	}
	.page5 .content li p {
		font-size: 0.9375vw;
	}
	.page6 {
		min-height: 48.07291vw;
	}
	.page6 .title {
		font-size: 2.5vw;
		padding-top: 4.11458vw;
		padding-bottom: 1.40625vw;
	}
	.page6 .desc {
		font-size: 1.5625vw;
	}
	.page6 .centerBox {
		width: 100%;
		top: 15.98958vw;
	}
	.page6 .centerBox img {
		width: 25.26041vw;
	}
	.page6 .content {
		padding-top: 4.6875vw;
	}
	.page6 .content li {
		width: 8.95833vw;
		margin-bottom: 1.66666vw;
		margin-left: 1.97916vw;
	}
	.page6 .content li img {
		width: 100%;
	}
	.page6 .content li:nth-child(1) {
		margin-left: 8.69791vw;
	}
	.page6 .content li:nth-child(4) {
		margin-left: 20.625vw;
	}
	.page6 .content li:nth-child(7) {
		margin-left: 4.58333vw;
	}
	.page6 .content li:nth-child(10) {
		margin-left: 29.27083vw;
	}
	.page6 .content li:nth-child(13) {
		margin-left: 3.38541vw;
	}
	.page6 .content li:nth-child(16) {
		margin-left: 31.77083vw;
	}
	.page6 .content li:nth-child(19) {
		margin-left: 4.58333vw;
	}
	.page6 .content li:nth-child(22) {
		margin-left: 29.27083vw;
	}
	.page6 .content li:nth-child(25) {
		margin-left: 7.8125vw;
	}
	.page6 .content li:nth-child(28) {
		margin-left: 21.875vw;
	}
	.page7 {
		min-height: 51.51041vw;
		background: url(./page7-bg.jpg) #000000 no-repeat 10.41666vw 12.29166vw;
	}
	.page7 .title {
		font-size: 2.5vw;
		padding-top: 4.16666vw;
		padding-bottom: 3.90625vw;
	}
	.page7 .formBox {
		width: 49.11458vw;
		height: 30.78125vw;
		margin-left: 39.94791vw;
		margin-top: 2.60416vw;
	}
	.page7 .formBox #messageTip {
		padding: 0.52083vw 0.78125vw;
		font-size: 0.625vw;
	}
	.page7 .formBox form {
		padding-left: 2.08333vw;
		padding-top: 2.08333vw;
	}
	.page7 .formBox .inputItem {
		margin-right: 1.40625vw;
		margin-bottom: 1.40625vw;
	}
	.page7 .formBox .inputItem input {
		width: 20.72916vw;
		height: 3.43750vw;
		border-radius: 0.20833vw;
		font-size: 0.83333vw;
		line-height: 3.43750vw;
		padding: 0 0.52083vw;
	}
	.page7 .formBox .inputItem textarea {
		width: 44.11458vw;
		padding: 0.52083vw;
		height: 4.16666vw;
		font-size: 0.83333vw;
	}
	.page7 .formBox .clause {
		font-size: 0.83333vw;
		margin-bottom: 2.08333vw;
	}
	.page7 .formBox .clause p {
		margin-bottom: 0.88541vw;
	}
	.page7 .formBox .clause p input {
		margin-right: 0.52083vw;
		width: 0.72916vw;
		height: 0.72916vw;
	}
	.page7 .formBox .btn {
		width: 21.77083vw;
		height: 3.43750vw;
		border-radius: 0.20833vw;
		line-height: 3.43750vw;
		font-size: 0.9375vw;
		margin-bottom: 0.98958vw;
	}
	.page7 .formBox .email-address {
		font-size: 0.83333vw;
	}
	.page7 .formBox .email-address img {
		margin-right: 0.52083vw;
	}
	.copyright {
		height: 5.20833vw;
	}
	.copyright .c-1 {
		margin-left: 10.41666vw;
		line-height: 5.20833vw;
		font-size: 0.83333vw;
	}
	.copyright .c-2 {
		margin-right: 10.41666vw;
	}
	.copyright .c-2 li {
		line-height: 5.20833vw;
		margin-right: 1.04166vw;
	}
	.advertiser .header .header-bg {
		height: 47.65625vw;
	}
	.advertiser .adv-1 .content {
		max-width: 72.91666vw;
	}
	.advertiser .adv-1 .content .adv-1-text {
		padding-top: 13.80208vw;
	}
	.advertiser .adv-1 .content .adv-1-text .title {
		font-size: 1.25vw;
		margin-bottom: 2.03125vw;
	}
	.advertiser .adv-1 .content .adv-1-text p{
		font-size: 0.9375vw;
		line-height: 1.875vw;
	}
	.advertiser .adv-1 .content .adv-1-icon {
		padding-top: 4.79166vw;
		padding-bottom: 4.16666vw;
		width: 28.125vw;
	}
			
	.publisher .header .header-bg {
		height: 47.55208vw;
	}
	.product .header .header-bg {
		height: 47.55208vw;
	}
	.product .adv-1 .content .adv-1-icon {
		padding-top: 11.04166vw;
	}
	.product .adv-1 {
		
	}
	.product .adv-1 .content .adv-1-text {
		padding-top: 7.8125vw;
		padding-bottom: 7.8125vw;
	}
	.product .adv-1 .content .adv-1-text p {
		font-size: 0.9375vw;
		line-height: 1.875vw;
	}
	.product .adv-1 .content .adv-1-text .icon {
		margin-bottom: 2.08333vw;
	}
}


@media only screen and (max-width:720px){
	.header .header-bg {
		height: 60vh;
	}
	.header .header-box {
		padding-top: 0.52083vw;
	}
	.header .header-box .top {
		padding-top: 5vw;
	}
	.header .header-box .top .logo {
		width: 100%;
		text-align: center;
	}
	.header .header-box .top .nav {
		padding-top: 0.52083vw;
		width: 96%;
		padding-left: 4vw;
		padding-top: 10vw;
	}
	.header .header-box .top .nav li {
	    font-size: 4vw;
	    line-height: 1.5;
	    padding: 0 2.08333vw;
		margin-bottom: 2vw;
	}
	.header .header-box .content {
		padding-top: 12vw;
	}
	.header .header-box .content .welcom {
		font-size: 6vw;
		margin-bottom: 6vw;
	}
	.header .header-box .content .welcom-desc {
		font-size: 4vw;
	}
	.page2 {
		min-height: auto;
	}
	.page2 .page2-1 {
		font-size: 4vw;
		padding-left: 4vw;
		padding-top: 13vw;
	}
	.page2 .page2-2 {
		padding-top: 4vw;
		padding-left: 4vw;
	}
	.page2 .page2-2 .page2-2-item {
		margin-bottom: 4vw;
	}
	.page2 .page2-2 .page2-2-item .number {
		font-size: 4vw;
	}
	.page2 .page2-2 .page2-2-item .desc {
		font-size: 3vw;
		color: #fff;
		padding-top: 5px;
	}
	.page2 .page2-3 {
		padding-left: 4vw;
		padding-top: 4vw;
		width: 92vw;
	}
	.page3 {
		min-height: 60vh;
		background: url(./page3-bg.png) no-repeat center center;
		background-size: auto 100%;
		
	}
	.page3 .page3-1 {
		padding-left: 3vw;
	}
	.page3 .page3-2 {
		padding-right: 3vw;
	}
	.page3 .page3-1, .page3 .page3-2 {
		padding-top: 10vw;
		width: 47vw;
	}
	.page3 .page3-2 {
		padding-top: 30vw;
		text-align: right;
	}
	.page3 .page3-1 .page3-a, .page3 .page3-2 .page3-a {
		font-size: 2vw;
		margin-bottom: 6vw;
	}
	.page3 .page3-1 .page3-b, .page3 .page3-2 .page3-b {
		font-size: 6vw;
		margin-bottom: 6vw;
	}
	
	.page3 .page3-1 .page3-c, .page3 .page3-2 .page3-c {
		font-size: 2vw;
		line-height: 2;
		margin-bottom: 10vw;
	}
	.page3 .page3-1 .page3-btn, .page3 .page3-2 .page3-btn {
		width: 27vw;
		height: 10vw;
		line-height: 10vw;
		font-size: 3vw;
	}
	.page3 .page3-2 .page3-btn {
		float: right;
	}
	.page4 {
		min-height: auto;
	}
	.page4 .title {
		font-size: 6vw;
		padding: 8vw 0;
	}
	.page4 .content {
		width: 100%;
	}
	.page4 .content li {
		width: 50%;
		height: 60vw;
	}
	.page4 .content li .icon {
		margin-bottom: 6vw;
		padding-top: 8vw;
	}
	.page4 .content li .desc {
		font-size: 4vw;
	}
	.page5 {
		position: relative;
		min-height: 110vh;
	}
	.page5 .page5-bg1 {
		height: 40vw;
	}
	.page5 .icon {
		position: absolute;
		left: 4vw;
		top: 4vw;
		width: 90vw;
	}
	.page5 .content {
		left: 10vw;
		top: 20vw;
		height: auto;
		margin-bottom: 10vw;
	}
	.page5 .content li {
		padding-left: 4vw;
		padding-top: 6vw;
		padding-right: 4vw;
	}
	.page5 .content li h1 {
		font-size: 6vw;
		margin-bottom: 4vw;
	}
	.page5 .content li p {
		font-size: 4vw;
	}
	.page6 {
		min-height: 290vw;
		background: url(./page6-bg.jpg) no-repeat center center;
		background-size: auto 100%;
	}
	.page6 .title {
		font-size: 6vw;
		padding-top: 10vw;
		padding-bottom: 10vw;
	}
	.page6 .desc {
		font-size: 4vw;
	}
	.page6 .centerBox {
		top: 55vw;
	}
	.page6 .centerBox img {
		width: 60vw;
	}
	.page6 .content {
		padding-top: 80vw;
	}
	.page6 .content li {
		width: 31%;
		margin-bottom: 4vw;
		margin-left: 2%;
	}
	.page6 .content li:nth-child(1),.page6 .content li:nth-child(4),.page6 .content li:nth-child(7),.page6 .content li:nth-child(10),.page6 .content li:nth-child(13),.page6 .content li:nth-child(16), .page6 .content li:nth-child(19), .page6 .content li:nth-child(22), .page6 .content li:nth-child(25), .page6 .content li:nth-child(28) {
		margin-left: 2%;
	}
	.page7 {
		min-height: 180vw;
		background: url(./page7-bg.jpg) #000000 no-repeat 10vw 25vw;
	}
	.page7 .title {
		font-size: 6vw;
		padding-top: 10vw;
		padding-bottom: 10vw;
	}
	.page7 .formBox {
		width: 80vw;
		height: 150vw;
		margin-left: 15vw;
		margin-top: 0vw;
	}
	.page7 .formBox #messageTip {
		padding: 2vw 2vw;
		font-size: 2vw;
	}
	.page7 .formBox form {
		padding-left: 8vw;
		padding-top: 10vw;
	}
	.page7 .formBox .inputItem {
		margin-right: 10vw;
		margin-bottom: 5vw;
	}
	.page7 .formBox .inputItem input {
		width: 62vw;
		height: 10vw;
		border-radius: 4px;
		font-size: 2vw;
		line-height: 10vw;
		padding: 0 2vw;
	}
	.page7 .formBox .inputItem textarea {
		width: 62vw;
		padding: 2vw;
		height: 15vw;
		font-size: 2vw;
	}
	.page7 .formBox .clause {
		font-size: 2vw;
		margin-bottom: 4vw;
	}
	.page7 .formBox .clause p {
		margin-bottom: 4vw;
	}
	.page7 .formBox .clause p input {
		margin-right: 2vw;
		width: 14px;
		height: 14px;
	}
	.page7 .formBox .btn {
		width: 55vw;
		height: 10vw;
		line-height: 10vw;
		font-size: 4vw;
		margin-bottom: 5vw;
	}
	.page7 .formBox .email-address {
		font-size: 2vw;
	}
	.page7 .formBox .email-address img {
		margin-right: 2vw;
	}
	.copyright {
		height: 30vw;
		background: #000;
	}
	.copyright .c-1 {
		width: 100%;
		margin-left: 0px;
		line-height: 15vw;
		font-size: 3vw;
		text-align: center;
	}
	.copyright .c-2 {
		margin-right: 0;
		padding-left: 28vw;
		width: 72%;
	}
	.copyright .c-2 li {
		float: left;
		line-height: 10vw;
		margin-right: 5vw;
	}
	.advertiser .header .header-bg {
		height: 60vh;
	}
	.advertiser .adv-1 .content {
		max-width: 1400px;
	}
	.advertiser .adv-1 .content .adv-1-text {
		width: 92%;
		padding-top: 10vw;
		padding-left: 4vw;
		padding-right: 4vw;
		padding-bottom: 4vw;
	}
	.advertiser .adv-1 .content .adv-1-text .title {
		font-size: 5vw;
		margin-bottom: 5vw;
	}
	.advertiser .adv-1 .content .adv-1-text p{
		font-size: 3vw;
		line-height: 2;
	}
	.advertiser .adv-1 .content .adv-1-icon {
		padding-top: 2vw;
		padding-bottom: 2vw;
		width: 100%;
		display: none;
	}
	.advertiser .adv-1 .content .adv-1-icon-wap {
		display: block;
	}
	
	.publisher .header .header-bg {
		height: 60vh;
	}
	.product .header .header-bg {
		background: url(./product-header-bg.jpg) no-repeat center center;
		background-size: auto 100%;
		height: 50vh;
	}
	.product .adv-1 .content .adv-1-icon {
		padding-top: 10vw;
		text-align: center;
	}
	.product .adv-1 .content .adv-1-icon img {
		width: 80%;
	}
	.product .adv-1 .content .adv-1-text {
		padding-top: 10vw;
		padding-bottom: 10vw;
	}
	.product .adv-1 .content .adv-1-text .title {
		text-align: center;
	}
	.product .adv-1 .content .adv-1-text p {
		font-size: 4vw;
		line-height: 1.5;
	}
	.product .adv-1 .content .adv-1-text .icon {
		margin-bottom: 10vw;
		text-align: center;
	}
}