@media all and (max-width:1600px) {

	.container,
	.promote_box2,
	.caseShow {
		padding-left: 15px;
		padding-right: 15px;
	}

	.marketing_box3 {
		background-size: 100%;
		height: 680px;
	}


}

@media all and (max-width:1440px) {
	.pd90 {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.hTitle {
		font-size: 1.143rem;
	}

	.website_box3 .font span::after {
		width: 60%;
		right: -100%;
	}

	.promote_box4 ul {
		margin-right: -15px;
	}

	.promote_box4 li {
		padding-right: 15px;
	}

	.marketing_slide {
		padding-top: 160px;
	}

	.marketing_box3 {
		height: 640px;
	}

	.bidBox1 li {
		padding-left: 3%;
		padding-right: 3%;
		height: 190px;
	}

	.bidBox1 .tie {
		top: -30px;
		line-height: 30px;
	}

	.website_box6 {
		font-size: .75em;
	}
}

@media all and (max-width:1200px) {
	.caseMain {
		margin-right: -15px;
	}

	.caseMain li {
		padding-right: 15px;
		margin-bottom: 20px;
	}

	.caseMain li p {
		height: 60px;
		line-height: 60px;
	}

	.website_box2 .main {
		padding: 0;
	}

	.website_box2 .pic {
		width: 48%;
	}

	.website_box3 .font {
		padding-top: 30px;
	}

	.website_box3 .font span::after {
		width: 40%;
		right: -70%;
	}

	.website_box3 .bgImg {
		height: 450px;
	}

	.website_box4 li h4 {
		font-size: 1.6em;
	}

	.website_box4 li a {
		width: 160px;
		height: 40px;
		line-height: 40px;
	}

	.promote_box5 li {
		width: 49%;
	}

	.promote_box5 li a {
		height: 240px;
	}

	.marketing_box3 {
		height: auto;
	}

	.marketing_slide {
		padding-top: 60px;
	}

	.marketing_box3 li:nth-child(1) {
		padding-top: 20px;
	}

	.marketing_box3 li:nth-child(2) {
		top: -25px;
	}

	.marketing_box3 li:nth-child(3) {
		top: -45px;
	}

	.marketing_box3 li:nth-child(4) {
		top: -30px;
	}

	.marketing_box3 li:nth-child(5) {
		top: -40px;
	}

	.marketing_box3 li:nth-child(6) {
		top: -50px;
	}

	.marketing_box5 li {
		width: 48%;
		margin-bottom: 10px;
	}

	.seoBox2 .left,
	.seoBox2 ul {
		height: 420px;
	}

	.seoBox2 li {
		height: 160px;
		padding-top: 30px;
	}

	.caseSlide li .pic {
		height: 480px;
	}

	.caseType a {
		margin-right: 50px;
	}

	.seoShow_slide {
		text-align: center;
		box-shadow: none;
	}

	.seoShow_slide .btn {
		position: static;
		margin-top: 30px;
		display: inline-block;
		border-radius: 0;
		width: 70px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}

	.promote_box6 li h4 {
		font-size: 1.5em;
	}
}


@media all and (max-width:1024px) {
	body {
		/* padding-top: 60px; */
		font-size: .875rem;
	}

	
	.tMore,
	.marketing_box1 li:empty,
	{
		display: none;
	}

	.hTitle{
		float: none;
		width: 100%;
	}

	.pd90{
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.hTitle {
		text-align: center;
		font-size: 1rem;
	}


	.cMore {
		width: 40%;
		display: block;
	}

	.website_box1 .pic {
		overflow-x: auto;
	}

	.website_box1 .pic img {
		max-width: 200%;
	}

	.website_box5 .container {
		overflow-x: scroll;
		padding: 0;
	}

	.website_box5 ul {
		padding-left: 15px;
	}

	.website_box5 ul::after {
		top: 48%;
		width: 100%;
		left: 0;
	}

	.promote_box1 ul {
		padding-top: 0;
	}

	.promote_box1 ul {
		font-size: 1.286em;
	}

	.hTitle2,
	.marketing_box1 .hTitle {
		margin-bottom: 40px;
	}

	.promote_box2 .ce,
	.promote_box3 .ce {
		padding: 0;
		overflow-x: auto;
	}

	.promote_box2 .ce img,
	.promote_box3 .ce img {
		max-width: inherit;
		max-width: 1000px;
	}

	.promote_box4 li {
		width: 50%;
		margin-bottom: 15px;
	}

	.promote_box5 li i {
		margin-left: -80px;
		font-size: 2.8rem;
	}

	.marketing_box1 li,
	.marketing_box1 li:nth-child(11) {
		width: 33.3%;
	}

	.marketing_box4 li {
		padding-top: 40px;
	}

	.seoBox3 li,
	.culture li,
	.contactBox1 li,
	.contactBox1 li:last-child {
		width: 50%;
		margin-bottom: 20px;
	}

	.seoBox4 .container::after {
		top: 190px;
	}

	.seoSlide li {
		padding-left: 60px;
	}

	.seoSlide li h4 {
		font-size: 1.5em;
		height: 80px;
	}

	.seoSlide li i {
		width: 40px;
		height: 40px;
		line-height: 40px;
		margin-left: -60px;
	}

	.bidBox1 .main {
		padding-top: 0;
	}

	.bidBox1 .tie {
		position: static;
		width: 100%;
		border-radius: 0;
		margin-left: 0;
		height: auto;
		padding: 15px 0;
	}

	.bidBox1 li h4,
	.bidBox1 li p {
		padding-left: 0;
	}

	.bidBox1 li h4::after {
		left: 0;
	}

	.bidBox1 li h4 i {
		float: right;
		margin-left: 0;
	}

	.bidBox1 li {
		height: 170px;
	}

	.caseSlide .slideIcon {
		height: 60px;
		line-height: 60px;
	}

	.caseSlide li .pic {
		height: 380px;
	}

	.caseSlide li p {
		height: auto;
		margin-bottom: 30px;
	}

	.caseSlide {
		margin-bottom: 30px;
	}

	.caseType {
		display: flex;
		flex-flow: row wrap;
	}

	.caseType a {
		margin-right: 0;
		margin: 5px 0px;
		margin-right: 20px;
	}

	.caseMenu h3 {
		padding-left: 0;
	}

	.caseMenu h3::after,
	.caseShow_Top .pic {
		display: none;
	}

	.caseShow_box .box {
		min-height: auto;
	}

	.caseShow_box2 .box:first-child {
		padding-bottom: 40px;
		margin-bottom: 20px;
		border-bottom: 1px solid #ddd;
		border-right: none;
	}

	.culture li p {
		display: block;
		text-align: center;
		max-width: 100%;
		padding: 0 8%;
	}

	.culture li span::after {
		left: 50%;
		margin-left: -8px;
	}

	.culture li:nth-child(2n),
	.contactBox1 li:nth-child(2n) {
		border-right: none;
	}
	.promote_box6 ul,
	.website_box6 ul {
		margin: 0;
	}

	.promote_box6 li {
		width: 49%;
		margin: 0;
		margin-bottom: 20px;
	}

	.promote_box6 li:nth-child(2n) {
		float: right;
	}

	.website_box6 li {
		float: none;
		width: 100%;
		margin: 0;
		margin-bottom: 15px;
	}
}

@media all and (max-width:920px) {

	.website_box3 .bgImg,
	.website_box3 .font {
		float: none;
		width: 100%;
	}

	.website_box3 .pic {
		display: none;
	}
}

@media all and (max-width:768px) {
	
	.caseMain,
	.promote_box4 ul {
		margin-right: -10px;
	}

	.caseMain li,
	.promote_box4 li {
		padding-right: 10px;
	}

	.caseMain li {
		width: 50%;
	}

	.website_box3 .bgImg {
		height: 380px;
	}

	.website_box4 li {
		width: 50%;
		margin-bottom: 20px;
	}

	.website_box4 li:nth-child(2n) {
		border-right: none;
	}

	.website_box5 ul {
		width: 1020px;
		overflow: hidden;
	}

	.website_box5 ul li {
		width: 90px;
		margin-left: 0;
	}

	.promote_box5 li {
		width: 100%;
		margin-bottom: 10px;
	}

	.promote_box5 li i {
		margin-left: -100px;
	}

	.marketing_box3 li:nth-child(1) {
		padding-top: 0px;
	}

	.marketing_box4 li {
		width: 33.3%;
	}

	.marketing_box4 li {
		height: 210px;
		border-right: 5px solid #fff;
		border-bottom: 5px solid #fff;
	}

	.marketing_box4 li:nth-last-child(1),
	.marketing_box4 li:nth-last-child(2) {
		width: 50%;
	}

	.marketing_box5 ul {
		margin-right: 0;
	}

	.marketing_box5 li {
		width: 100%;
	}

	.bidCase .swiper-pagination{
		display: none;
	}

	.seoBox2 .left,
	.seoBox2 ul,
	.faqList li,
	.faqList li:nth-child(2n),
	.caseSlide li .txt,
	.caseSlide li .pic,{
		float: none;
		width: 100%;
	}

	.bidBox1 li,
	.setting li:nth-child(3) {
		width: 50%;
	}

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

	.bidBox3 li {
		font-size: 1.143em;
		padding: 0 4%;
	}

	.caseSlide .slideIcon {
		width: 100%;
		position: relative;
		text-align: center;
		padding-left: 0;
	}

	.caseMenu a {
		height: 90px;
		padding-top: 25px;
		font-size: 1.286em;
	}

	.caseMenu h3 {
		display: block;
		text-align: center;
	}

	.caseList {
		padding-top: 40px;
	}

	.caseShow_box {
		padding: 30px 15px;
	}

	.caseShow_box .tie {
		padding-bottom: 10px;
		margin-bottom: 25px;
	}

	.seoShow_slide li {
		padding: 8px;
	}

	.seoShow_slide .btn {
		height: 30px;
		line-height: 30px;
	}
	
}

@media all and (max-width:640px) {
	
	.caseMain li p {
		height: 50px;
		line-height: 50px;
	}

	.caseMain li p i,
	.website_box3 .font span::after,
	.seoBox1 li::after {
		display: none;
	}

	.hTitle span {
		font-size: 2em;
	}
	
	.promote_box4 li i {
		display: none;
	}

	.website_box1 .pic img {
		max-width: 300%;
	}

	.hTitle2 {
		font-size: .875rem;
	}

	.website_box3 .font p {
		margin-top: 25px;
		padding: 20px;
	}

	.promote_box1 ul {
		font-size: 1em;
	}

	.promote_box1 li span {
		display: block;
		line-height: 1.2;
	}

	.promote_box1 li span::after {
		font-size: 12px;
		width: 20px;
		height: 20px;
		line-height: 20px;
		right: -10px;
	}

	.promote_box4 li .txt {
		height: 140px;
	}

	.promote_box4 li h5 {
		font-size: 1.286em;
	}

	.promote_box5 li a {
		height: auto;
		padding: 5%;
	}

	.promote_box5 li i {
		display: block;
		margin-left: 0;
		margin-bottom: 15px;
		float: none;
	}

	.marketing_box1 li {
		padding-top: 30px;
		height: 120px;
	}

	.marketing_box1 .tie {
		font-size: 1.6em;
	}

	.marketing_box3 {
		background-size: 180%;
	}

	.marketing_box4 li {
		width: 50%;
		height: 170px;
		padding-top: 25px;
	}

	.bidCase li .top {
		height: 140px;
	}

	.bidCase li .txt {
		padding-right: 6%;
	}

	.bidCase li p {
		position: static;
		width: 100%;
		margin-top: 10px;
		text-align: left;
	}

	.bidCase li h4 {
		font-size: 1.286em;
		padding-top: 5px;
	}

	.bidCase li h3 {
		height: 60px;
		line-height: 60px;
	}

	.seoBox1 li,
	.seoBox1 li:nth-child(3n-1) {
		width: 47%;
		padding: 0;
	}

	.seoBox1 li {
		border-bottom: 1px dotted #ddd;
	}

	.seoBox1 li:nth-child(2n) {
		float: right;
	}

	.seoBox1 li:nth-child(3n) {
		padding: 0;
	}

	.seoBox2 .left {
		height: 320px;
	}

	.seoBox2 ul {
		height: auto;
	}

	.seoBox2 li {
		height: 130px;
		padding-top: 20px;
	}

	.seoBox4 .container::after {
		top: 180px;
	}

	.bidBox1 li {
		padding: 20px 15px;
		height: 150px;
	}

	.caseSlide li .pic {
		height: 320px;
	}

	.caseMenu a {
		width: 50%;
		border-top: 1px solid #e0e0e0;
	}

	.caseType {
		padding: 15px 0;
	}

	.caseShow_Top {
		font-size: .75rem;
	}
	.caseShow_Top .font span {
		display: block;
	}
}

@media all and (max-width:480px) {

	.hTitle span{
		font-size: 1.8em;
	}

	.website_box3 .bgImg,
	.seoBox2 .left,
	.caseSlide li .pic {
		height: 220px;
	}
	
	.website_box2 .pic {
		float: none;
		width: 80%;
		margin: 0 auto;
		margin-bottom: 30px;
		display: block;
	}

	.website_box4 .hTitle span {
		font-size: 1.333em;
	}

	.website_box4 li h4 {
		font-size: 1.5em;
	}

	.website_box4 li a {
		width: 130px;
		height: 36px;
		line-height: 36px;
	}

	.marketing_box5 li .bgImg {
		height: 180px;
	}

	.marketing_box5 li h5 {
		font-size: 1.8em;
		margin-bottom: 15px;
	}

	.bidCase li .top {
		height: 120px;
	}

	.seoBox2 li.zx {
		height: 80px;
		line-height: 80px;
	}

	.seoBox3 li {
		width: 100%;
	}

	.seoBox3 li .txt {
		height: auto;
	}
	
	.promote_box6 li:nth-child(2n),
	.promote_box6 li {
		float: none;
		width: 100%;
		min-height: auto;
		padding: 25px;
	}
}

@media all and (max-width:380px) {

	.hTitle span {
		font-size: 1.333em;
	}

	.bidBox3 .hTitle span {
		font-size: 1.333em;
	}
}