@media only screen and (min-width: 1231px){
	.ppc .setup .imgG{
		min-height:320px;
	}
	.ppc .management .imgG{
		min-height:311px;
	}

}
@media (min-width: 992px) and (max-width: 1230px){
	.ppc .setup .imgG{
		min-height:420px;
	}
	.ppc .management .imgG{
		min-height:411px;
	}

}
@media (min-width: 768px) and (max-width: 991px){
	.ppc .setup .imgG{
		min-height:503px;
	}
	.ppc .management .imgG{
		min-height:482px;
	}
	.ppc .container .procedure3 {
    		height: 257px!important;
	}
}

@media only screen and (max-width: 1350px) {
	.index .text_box h4 a{
		font-size: 34px;
	}
	.index .img_box img{
		position: relative;
    	top: 50%;
    	transform: translateY(-50%);
		max-width: 100%;
	}
	.smm .container .procedure2 {
		overflow-x: scroll;
	}
	.smm .container .procedure1 {
		overflow-x: scroll;
	}
	.ppc .container .procedure3{
		overflow: auto;
		overflow-y: hidden;
	}
	.ppc .container .procedure4{
		overflow: auto;
		overflow-y: hidden;
	}

}


@media only screen and (max-width: 1315px) {
	.seo .section3 .procedure6 .dot img.d1{
		top: 44%;
		left: 7px;
	}
	.seo .section3 .procedure6 .span li.l1{
		top: 37%;
		left: 8px;
	}
	.seo .section3 .procedure6 .dot img.d2{
		top: 44%;
		left: 637px;
	}
	.seo .section3 .procedure6 .span li.l2{
		top: 37%;
		left: 586px;
	}
	.seo .section3 .procedure6 .dot img.d3{
		top: 44%;
		left: 1264px;
	}
	.seo .section3 .procedure6 .span li.l3{
		top: 37%;
		left: 1194px;
	}
	.seo .section3 .procedure6 .dot img.d4{
		top: 69%;
		left: 320px;
	}
	.seo .section3 .procedure6 .span li.l4{
		top: 74%;
		left: 245px;
	}
	.seo .section3 .procedure6 .dot img.d5{
		top: 69%;
		left: 960px;
	}
	.seo .section3 .procedure6 .span li.l5{
		top: 74%;
		left: 920px;
	}

}

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

	.index .text_box h4 a{
		font-size: 28px;
	}
	.w-44 {
		position: relative;
		min-height: 108px;
		padding-right: 15px;
		padding-left: 15px;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.seo .section3 .procedure6 .dot img.d1{
		top: 44%;
		left: 7px;
	}
	.seo .section3 .procedure6 .span li.l1{
		top: 37%;
		left: 8px;
	}
	.seo .section3 .procedure6 .dot img.d2{
		top: 44%;
		left: 637px;
	}
	.seo .section3 .procedure6 .span li.l2{
		top: 37%;
		left: 586px;
	}
	.seo .section3 .procedure6 .dot img.d3{
		top: 44%;
		left: 1264px;
	}
	.seo .section3 .procedure6 .span li.l3{
		top: 37%;
		left: 1194px;
	}
	.seo .section3 .procedure6 .dot img.d4{
		top: 69%;
		left: 320px;
	}
	.seo .section3 .procedure6 .span li.l4{
		top: 74%;
		left: 245px;
	}
	.seo .section3 .procedure6 .dot img.d5{
		top: 69%;
		left: 960px;
	}
	.seo .section3 .procedure6 .span li.l5{
		top: 74%;
		left: 920px;
	}

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

	.smm .container .procedure1 li, .smm .container .procedure2 li {
    width: 100%!important; 
}	
	.form-box {
			box-shadow: 0 0 10px 5px #d6d6d6;
			margin: 0;
			padding: 3%;
		}

	.ctaBox .item6{
		border: 0;
		margin-left: 0;
	}

	ul li .dropdown-menu li > a {
       		font-size: 18px;
	}	

	.w-44 {
		position: relative;
		min-height: 108px;
		padding-right: 15px;
		padding-left: 15px;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.w-30 {
		position: relative;
		min-height: 108px;
		padding-right: 15px;
		padding-left: 15px;
		-ms-flex: 0 0 33%;
		flex: 0 0 33%;
		max-width: 33%;
	}

	.ctaBox {
		padding: 20px 5px;
		/* width: 100%; */
		border-radius: 10px;
		position: fixed;
		top: 24%;
		margin: 10px;
		left: 0;
		box-shadow: none ;
		border: 1px rgba(236, 236, 236, 0.73) solid;
	}



	.ctaBox .wrap{ padding: 40px 15px 25px 15px;}
	.ctaBox .cateChoice li{ margin-bottom: 10px; width: 100%;}

	.ctaBox .form{ width: auto;}
	.ctaBox .iRight textarea{ width: 100%;}
	.ctaBox .item{ width: 100%;}
	.ctaBox .done{ margin-top: 10px; width: 100%;}
	.ctaBox .form .iLeft{ margin-bottom: 0;}

	.ctaBox .wrap{ padding: 40px 20px 20px 20px;}
	.ctaBox .cateChoice li{ float: none; width: auto; margin-bottom: 10px; margin-right: 0;}
	.ctaBox .iPart2 textarea{ width: 100%; height: 100px;}
	.ctaBox .cateChoice{ margin-bottom: 15px;}

	.ctaBox .item{ width: 100%;}
	.ctaBox .doneWrap .doneTips{ margin-top: 37px; position: static;}

	@media only screen and (min-width: 768px) {
		header .menu li a{
			font-size: 18px;
		}
		
		.index > section{
			padding: 60px 0;
		}
		.index .banner .banner_text{
			padding: 50px 0;
		}
		.index .banner .banner_text h1{
			font-size: 46px;
		}


		.w-44 {
			position: relative;
			min-height: 108px;
			padding-right: 15px;
			padding-left: 15px;
			-ms-flex: 0 0 50%;
			flex: 0 0 50%;
			max-width: 50%;
		}

		.ppc .ppc-services-1 .management p.text-2 {
    padding-top: 13px;
}


	}



	@media only screen and (max-width: 767px)  { /* 手机端样式*/
		.index .container .wishlist a{
			font-size: 17px!important;
		}
		header .menu  li a:hover,
		header .menu > ul > li.active > a {
		}
		li.dropdown1:hover > .dropdown-menu{
			display: block;
			z-index: 999;
		}
		.dropdown-submenu {
			position: relative;
		}
		.dropdown-submenu > .dropdown-menu {
			left: 100%;
			/*top: 10px;*/
		}
		.dropdown-menu{
			padding: 0;
			border-radius: 0;
			box-sizing: content-box;
			position: static;
			box-shadow: none;
			width: 100%;
			margin-left: auto;
		}
		ul li .dropdown-menu li > a {
			color: black;
			font-size: 16px;
			line-height: 16px;
		}
		ul li .dropdown-menu li > a i {
			margin-left: 15px;
		}
		header .menu ul.d-flex > li::before{
			border-bottom: 0;
		}

		/**/
		.dropdown-submenu> .dropdown-menu {
			left: -25px!important;
			/*top: -18px!important;*/
		}
		li.dropdown1> .dropdown-menu {
			/*top: -36px!important;*/
		}


		.smm .container .procedure1 li.l7,
		.smm .container .procedure1 li.l4 {
			width: 200px;
		}

		/**/
		.w-44 {
			position: relative;
			min-height: 108px;
			padding-right: 15px;
			padding-left: 15px;
			-ms-flex: 0 0 50%;
			flex: 0 0 50%;
			max-width: 50%;
		}
		.ppc .container .bg-color .i_page_t{
			padding-bottom: 20px;
		}
		body, html{
			font-size: 16px;
		}
		html.nav-open{
			overflow: hidden;
			height: 100%;
		}
		header .menu-wrapper{
			position: fixed;
		    top: 0;
		    left: 0;
		    right: 0;
		    bottom: 0;
		    padding-top: 130px;
		    background: rgba(0,0,0,0.6);
		    opacity: 0;
		    z-index: -1;
		    display: none;
		}
		html.nav-open header .menu-wrapper{
			opacity: 1;
			z-index: 99;
			display: block;
		}
		html.nav-open .mobile-menu .stripe{
			background-color: #fc3218;
		}
		header .menu ul li{
			width: 100%;
			text-align: right;
		}
		header .menu ul li a{
			line-height: 2;
		}
		header .menu ul li::before{
			border-bottom: 2px solid #FFFFFF;
		}
		header .dropdown{
			position: relative;
			top: 20px;
			transform: none;
		}
		header .dropdown-list{
			right: 0;
		}
		footer .footer_content{
			padding: 60px 0;
		}
		footer .footer_content ul{
			width: 100%;
			text-align: left;
		}
		footer .footer_content ul li{
			margin-left: 0;
			width: 48%;
		}
		footer .footer_content ul li:last-child{
			width: 96%;
		}
		.footer_bottom i{
			margin-left: 0;
			margin-right: 10px;
		}
		
		.index > section{
			padding: 30px 0;
		}
		.index .banner{
			padding-top: 100px;
		}
		.index .banner .banner_text{
			padding: 20px 0;
		}
		.index .banner .banner_text h1{
			font-size: 34px;
		}
		.index .banner .banner_text button{
			font-size: 22px;
			line-height: 44px;
		}
		.index .text_box h4 a{
			font-size: 22px;
		}
		.index .text_box h4 img{
			width: 32px;
		}
		.index .text_box li a{
			height: 60px;
			padding: 0 16px 0 88px;
		}
		.index .text_box li img{
			width: 60px;
		}
		.index .text_box li span i{
			width: 28px;
			height: 28px;
			line-height: 28px;
			font-size: 18px;
		}
		.index .img_box img,
		.index .text_box .text{
			position: static;
			transform: none;
		}
		.go_sevice a{
			font-size: 22px;
			padding: 0 20px;
		}
		.clients .clients_presentation{
			padding: 0 10px;
			margin: 0 10px;
		}
		.clients .clients_presentation span{
			font-size: 18px;
		}
		.clients .clients_presentation a{
			font-size: 18px;
		}
		
		.bread_crumbs{
			padding-top: 100px;
		}
		.bread_crumbs p{
			padding: 20px 15px;
		}
		.bread_crumbs p span{
			font-size: 26px;
		}
		h2.page_title{
			font-size: 22px;
		}
		
		.about .container{
			padding: 40px 15px;
		}
		.about .time_axis li.l_h,
		.about .time_axis li.r_h{
			padding-left: 44px;
			padding-right: 15px;
			text-align: left;
		}
		.about .time_axis li.l_h:after,
		.about .time_axis li.r_h:before{
			right: auto;
			left: 15px;
		}
		.about .time_axis li.l_h > div{
			border-right-width: 0;
			border-left-width: 5px;
		}
		.about .time_axis li .hexagon{
			left: 5px;
		}
		.about .time_axis li.r_h .hexagon{
			left: 4px;
		}
		.about .time_axis li > div{
			padding: 16px 22px;
		}
		.about .time_axis li h4{
			font-size: 22px;
		}
		.about .time_axis li p{
			font-size: 15px;
		}
		
		.blog .blog_list h4 a{
			font-size: 22px;
		}
		.blog_detail .detail_page .prev,
		.blog_detail .detail_page .next{
			width: 100%;
		}
		.blog_detail .detail_page h4{
			font-size: 18px;
		}
		
		.w-md-20{
			-ms-flex: 0 0 100%;
		    flex: 0 0 100%;
		    max-width: 100%;
		}
		.w-33{
		    -ms-flex: 0 0 33.33%;
		    flex: 0 0 33.33%;
		    max-width: 33.33%;
		}

		.container .smm-bg ul li div a{
			padding-left: 50px;
		}

		.e-commerce .container .e-commerce_title h2{
			font-size: 30px;
		}
		.e-commerce .container .e-commerce_title h3{
			font-size: 24px;
			margin-bottom: 26px;
			margin-top: 30px;
		}
		.e-commerce .p-bottom {
			font-size: 22px;
		}

		.container .smm-bg p:nth-child(1) {
			font-size: 30px;
			margin-bottom: 30px;
		}
		.smm .container .our_services ul.font-weight-bold li span {
			font-size: 14px;
		}
		.e-commerce .container .card-body {
			padding: 1.25rem;
		}
		.w-50-client{
			-ms-flex: 0 0 50%;
			flex: 0 0 50%;
			max-width: 50%;
		}
		.form-box {
			box-shadow: 0 0 10px 5px #d6d6d6;
			margin: 0;
			padding: 3%;
		}

	}
	@media only screen and (max-width: 480px){
		.w-33 {
			-ms-flex: 0 0 25.33%;
			flex: 0 0 25.33%;
			max-width: 22.33%;
		}
		.w-50-client{
			-ms-flex: 0 0 50%;
			flex: 0 0 50%;
			max-width: 50%;
		}
		.container .pfList li span {
			font-size: 16px;
		}
	}

	@media only screen and (max-width: 320px) {
		.index .go_sevice{
			padding: 30px 0;
		}
		.clients .clients_presentation{
			padding: 20px 0;
			margin: 0 10px;
		}
		.clients .clients_presentation span{
			font-size: 18px;
		}
		.clients .clients_presentation a{
			font-size: 18px;
			padding: 0 10px;
		}
		.go_sevice a{
			font-size: 18px;
		}
		
		.bread_crumbs{
			padding-top: 72px;
		}
		.e-commerce .container .e-commerce_title h2{
			font-size: 28px;
		}
		.e-commerce .container .e-commerce_title h3{
			font-size: 22px;
		}

		.container .smm-bg p:nth-child(1) {
			font-size: 28px;
		}

	}

}