/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 1920px) {

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

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

}
/************************************************************************************
smaller than 800
*************************************************************************************/
@media screen and (max-width: 1000px) {
	
}
/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 640px) {
	
}
/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {
	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}	
	.fr,.fl{
		float:none;
	}
	.content{
		width:98%;
		padding:0px 1%;
	}
	#collocation .title span, #Psolve .title span, #Oadvantages .title span, #honor .title span, #service-process .title span, #cross-service .title span, #cplatform .title span, #pcross-e-commerce .title span, #opertion-service .title span, #about .title span, #about-team .title span, #development-course .title span, #opportunities .title span, #acontact .title span, #contact .title span, #design .operation-title .title span, #morewrap .title span {
		font-size: 12px;
	}
	#ptoptit{
		margin-top:20px;
	}
	.logo{
		width: 30%;
		margin: 0px auto;
		height: auto;
		padding: 5px 0px;
	}
	.logo img{
		width:40%;
	}
	#header .nav{
		margin-top:0px;
		left:0px;
	}
	.company .fcontact p{
		font-size:14px;
	}	
/***********首页 2020-3-11**********/	
	#scope .title p,#case .title p,#success-case .titles p,#server .desction{
		font-size: 15px;
		font-weight: normal;
		padding-top: 15px;
	}
	#scope .server-list ul li{
		width:100%;
		margin: 15px 0px;
	}
	#scope,.server-img-list{
		margin-top:20px;
	}
	#scope .server-list{
		margin-top:0px;
	}
	#scope .server-list ul li p {
		padding: 15px 5px 25px 5px;
		font-size:13px;
	}
	.server-img-list ul li .service-detial {
		padding:0px;
		font-size: 14px;
		line-height: 25px;
		color: #292929;
		font-weight:normal;
	}
	.server-img-list ul li {
		width: 49%;
		padding: 10px 0px;
		margin: 3px 0px;
	}
	.server-img-list ul li h3 a{
		font-size:16px;
	}
	.server-img-list ul li h3::after{
		margin:10px auto;
	}
	.content_list,.content_list li{
		border:0px;
		margin-top:20px;
	}
	.content_list li{
		width:33%;
	}
	#server{
		padding-top:30px;
	}
	#server .desction{
		margin-top:0px;
	}
	.nibox{
		margin: 40px auto 0;
		width: 100%;
	}
	.sort-list{
		display:none;
	}
	.case-list{
		height:270px;
	}
	.bx-wrapper .bx-controls-direction a{
		top:18%;
	}
	.bx-wrapper{
		margin-left:10px;
	}
	.case-server-list li {
		display: inline-block;
		font-size: 14px;
		width: auto; 
		height: auto; 
		transform: none;
		border: none; 
		margin: 0px 10px;
	}
	.case-server-list li span {
		transform: none;
		display: block;
		line-height: 50px;
		cursor: pointer;
	}
	.case-server-list li:hover{
		border:none;
	}
/**********代运营 2020-3-12******/
#collocation .title h2, #Psolve .title h2, #Oadvantages .title h2, #honor .title h2, #service-process .title h2{
	font-size: 20px;
}	
#collocation .title p, #Psolve .title p, #Oadvantages .title p, #honor .title p, #service-process .title p {
    font-size: 16px;
}	
#collocation .title p::before, #Psolve .title p::before, #Oadvantages .title p::before, #honor .title p::before, #service-process .title p::before,#collocation .title p::after, #Psolve .title p::after, #Oadvantages .title p::after, #honor .title p::after, #service-process .title p::after{
	display:none;
}	
#collocation .title span, #Psolve .title span, #Oadvantages .title span, #honor .title span, #service-process .title span{
	display:none;
}
#collocation,.difficulties{
	margin-top:20px;
}
.difficulties h3 {
    font-size: 22px;
	padding-top: 15px;
}
.difficulties .problem-list h4{
	font-size:24px;
}
.problem-list ul li p{
	font-size:16px;
}
.problem-list{
	padding: 15px 0px;
}
.problem-list ul li{
	margin-right:0px;
}
.difficulties .problem-list ul li{
	padding: 10px 5%;
    margin: 5px 0px;
    width: 89%;
}
.six-services ul,.problem-list ul{
	margin-right:0px;
	margin-top:15px;
}
.six-services ul li{
	width: 98.9%;
    margin-right: 0px;
    padding: 10px 0px;
    height: auto;
	margin-bottom: 5px;
}
.six-services ul li h3{
	background: none;
    width: auto;
    height: auto;
    padding: 0px 0px;
    font-size: 20px;
}
.six-services ul li h3 span{
	color:#343434;
}
.six-services ul li p{
	font-size:13px;
	padding: 0px 30px;
}
.six-services ul li img{
	width:20%;
}
.difficulties span{
	font-size:12px;
}
#Psolve{
	margin-top:15px;
}
#Oadvantages,#honor,.honor-list {
    margin-top: 20px;
}
.honor-list{
	padding: 15px 0px;
}
#Oadvantages .advantages-list {
    background: #e8e8e8;
    margin-top: 20px;
    padding-top: 20px;
}
#Oadvantages .advantages-list ul li{
	border-right:0px;
	width:49%;
	margin: 5px 0px;
}
#Oadvantages .advantages-list ul li h3{
	font-size: 18px;
    font-weight: normal;
    padding-top: 15px;
}
#Oadvantages .advantages-list ul li p{
	font-size: 13px;
    padding: 10px 10px 0px 10px;
    text-align: left;
}
#Oadvantages .advantages-list ul li img{
	width:50%;
}
.honor-list ul li .title h3 {
    font-size: 18px;
    font-weight: normal;
}
#honor .honor-list ul li .title span {
    font-size: 12px;
}
.honor-list .content{
	position: relative; 
    height: auto; 
    width: 100%; 
}
.honor-list .list{
    width: 100%; 
    position: static; 
    height: auto; 
}

.honor-list ul li,.team-descript ul li {
    width: 47%;
    display: inline-block;
    margin: 5px 1%;
    vertical-align: top;
    text-align: center;
    height: auto;
}
/***********拼多多 2020-3-12***********/
.spro-img,.title-img,.wchooseus-table{
	display:none;
}
#sproblem,#wchooseus{
	margin-top:20px;
}
#sproblem .title h2{
	width: 100%;
    font-size: 20px;
    margin-left: 0px;
}
#sproblem .english-desc{
	font-size:12px;
	padding-top:10px;
	letter-spacing:0px;
}
.six-spro {
    margin-top: 10px;
    padding: 10px 0px
}
.six-spro ul li span{
	margin: 0px auto;
	float:none;
	padding: 5px 0px;
}
.six-spro ul li{
	padding:5px;
}
.six-spro ul li p{
	text-align:center;
	margin-left:0px;
	font-size:14px;
}
#six-service-solve .title h2, #wchooseus .title h2, #Aresources .title h2 {
    font-size: 20px;
}
#six-service-solve .title p, #wchooseus .title p, #Aresources .title p {
    font-size: 16px;
	padding-top:10px;
}
#six-service-solve .title span, #wchooseus .title span, #Aresources .title span{
	display:none;
}
#six-service-solve .title h2::before, #wchooseus .title h2::before {
    margin: 0px auto 10px auto;
}
.six-service-list{
	margin-top:15px;
}
.six-service-list ul{
	margin-right:0px;
}
.six-service-list ul li{
	width:47%;
	margin:5px; 
}
.six-service-list ul li img{
	padding:10px 0px;
	width:50%;
}
.six-service-list ul li h3{
	padding: 5px 0px;
    font-size: 16px;
}
#wchooseus .content{
	height:auto;
}
.six-advantage,.resources-list{
	margin-top:20px;
}
.six-advantage ul li{
	width:100%;
}
.six-advantage .one-advantage,.six-advantage .two-advantage,.six-advantage .three-advantage,.six-advantage .four-advantage,.six-advantage .five-advantage,.six-advantage .last-advantage{
	position: static;
	color:#343434;
	margin: 15px 0px;
}

.six-advantage ul li h3 span{
	padding-top:2px;
	font-size: 18px;
}
.six-advantage ul li p{
	padding-top:10px;
	font-size: 14px;
}

.six-advantage .three-advantage h3, .six-advantage .four-advantage h3,.six-advantage .three-advantage p, .six-advantage .four-advantage p{
	color:#343434;
}
#Aresources {
	padding:20px 0px;
}
#Aresources .title p{
	padding: 5px 0px 0px 0px;
    font-size: 14px;
    line-height: 25px;
}
#Aresources .title h2::before {
    margin: 0px auto 10px auto;
}
#Aresources .resources-list ul li{
	width:25%;
	margin: 5px 0px;
}
#Aresources .resources-list ul li span{
	font-size:14px;
}
#six-service-solve {
	padding-top:20px;
	margin-top:20px;
}

.banner,#indbanner{
	margin-top: 50px;
    display: inline-block;
}
/*******跨境电商********/
.cross-advantages ul,.ecommerce-service-list ul,.professional-service-list ul,.video ul,#opportunities .team-descript ul{
	margin-right:0px;
	text-align: center;
}
.video ul li{
	width: 47%;
    margin: 5px 1%;
}
.platform-list ul li {
    width: 47%;
    margin: 10px 3px;
}
.ecommerce-service-list ul li {
	width: 47.5%;
    margin: 5px 4px;
}
.ecommerce-service-list ul li h3{
	padding-top:0px;
}
.ecommerce-service-list ul li h3 span{
	font-size:16px;
}
#cross-service,#opertion-service,#opertion-service .professional-service-list{
	margin-top:20px;
}
#opertion-service .professional-service-list {
    padding: 15px 0px;
    margin-top: 20px;
}
.cross-description p{
	font-size:14px;
	line-height:25px;
}
#cross-service .cross-description{
	margin-top:20px;
	padding:10px 0px;
}
.cross-advantages ul li{
	width:100%;
	padding:10px 0px;
	margin:0px 0px 10px 0px;
}
.cross-advantages ul li img{
	width:20%
}
.cross-advantages ul li h3{
	font-size:16px;
	font-weight:normal;
	padding: 10px 0px;
}
.cross-advantages ul li p{
	font-size:13px;
}
.cross-advantages ul li h3::after {
    margin: 10px auto 0px auto;
}
.cross-advantages {
    margin-top: 0px;
}
.platform-list,#pcross-e-commerce{
	margin-top:20px;
}
.ecommerce-service-list {
    background: #e8e8e8;
    padding: 15px 0px;
    margin-top: 20px;
}
.professional-service-list ul li h3{
	font-size:16px;
	font-weight:normal;
}
.professional-service-list ul li img{
	width:50%;
}
.professional-service-list ul li p{
	font-size: 13px;
    padding: 5px;
    text-align: left;
}
.professional-service-list ul li{
	width: 48%;
    margin: 5px 1%;
    height: 290px;
    padding: 10px 0px;
}
.professional-service-list ul li h3::after {
    width:auto;
    margin: 5px auto;
}
/**********摄影服务**********/
#brand-vision, #photography-case-show,.pcase-list p, .video p.subtitle,.pcase-list ul,#photography-service{
	margin-top:20px;
}
#brand-vision .title p, #photography-case-show .title p, #photography-service .title p, #cooperation-orocess .title p{
	font-size: 14px;
    line-height: 30px;
}

#brand-vision .title h2::after,#photography-case-show .title p::after, #photography-service .title p::after{
	margin:10px auto;
}
#photography-case-show .pcase-list ul li{
	width:48%;
	margin: 3px;	
}
#photography-case-show .title p,#photography-service .title p{
	padding-top:10px;
}
.pcase-list p img, .video p img{
	display:none;
}
.pcase-list p span, .video p.subtitle span{
	font-size:16px;
}
.video ul li .container-video-player {
    left: 30%;
}
.video ul li .container-video-player img{
	width:50%;
}
#photography-case-show .more {
    margin: 10px auto;
}
#photography-case-show .more a {
    font-size: 18px;
}
#photography-case-show .pcase-list ul li h3 {
    padding-top: 45%;
    font-size: 16px;
}
#photography-service .pservice-list ul li,#photography-service .pservice-list ul{
	border:none;
	margin-top: 20px;
}
#photography-service .pservice-list ul li {
	width: 30%;
    padding: 10px 0px;
    margin: 0px 1.6%;
}
#photography-service .pservice-list ul li img{
	width:30%;
}
#photography-service .pservice-list ul li h3 {
    font-size: 16px;
    padding-top: 10px;
}
.video ul li p {
    font-size: 16px;
    padding-top: 10px;
}
#cooperation-orocess {
	display:none;
}

/*********关于我们**********/
#about-team, #about,#about-team .team-descript,#development-course,#acontact{
	margin-top:20px;
}
#about-team .title h2,#opportunities .title h2,#development-course .title h2, #opportunities .title h2, #acontact .title h2{
	font-size:36px;
}
#about-team .title p,#opportunities .title p,#development-course .title p, #opportunities .title p, #acontact .title p{
	font-size:26px;
}
#development-course .title p::before,#acontact .title p::before{
	top:99px;
}
#about-team .title p::before,#opportunities .title p::before,#opportunities .title p::before{
	top: 69px
}
#opportunities .team-descript{
	padding:15px 0px;
	margin-top: 20px;
}
#opportunities .team-descript ul li{
	width: 48%;
    margin: 5px 1%;
	height:auto;
}
#acontact .contact-content .amap,#acontact .contact-content .contact-details{
	width:100%;
}
#acontact .contact-content .contact-details{
	margin-top:20px;
}
#acontact .contact-content{
	padding: 10px 0px;
	margin-top:20px;
}
#about .about-descript{
	font-size: 14px;
    padding: 15px 0px;
    margin-top: 15px;
}
#about-team .team-descript p{
	font-size:14px;
	padding-bottom: 10px;
	line-height: 25px;
}
.team-descript .content{
	position: relative; 
    height: auto; 
    width: 98%; 
}
.development-list .left-single,.development-list .right-one,.development-list .left-double,.development-list .right-double{
	background:#2c5ee2;
	width:100%;
	height:auto;
}
#development-course .development-list{
	margin-top:20px;
	padding:0px;
}
#development-course .development-list ul li{
	margin:5px 0px;
	border-radius:10px;
	padding: 10px 0px;
}
#development-course .development-list ul li .data {
    text-align: center;
    display: block;
    font-size: 18px;
    margin: 0px auto;
    padding: 0px;
    font-weight: normal;
}
#development-course .development-list ul li .event {
    font-size: 14px;
    width:auto;
    padding: 5px 20px;
    display: block;
    text-align: center;
}
#acontact .contact-content{
	
}

/************案例详情页*************/
.gim,.case-data,.diagnosis-img,.perform-step .step-list ul li span.number,.step-img {
	display:none;
}
#case-category .case-title{
	width:100%;
}
#case-situation .title {
    text-align: center;
}
.diagnosis .shop-problem-diagnosis p{
	margin-top:0px;
}
.diagnosis .shop-problem-diagnosis{
	width:100%;
	margin-left:0px;
}
.case-strategy ul{
	margin-right:0px;
}
.case-strategy ul li {
    width: 99.4%;
	padding: 30px 0px;
    margin-right: 0px;
	margin-bottom:20px;
}
.perform-step .step-list ul li p{
	padding-right:0px;
	width:100%;
}
.perform-step .step-list ul li.step1,.perform-step .step-list ul li.step2,.perform-step .step-list ul li.step3,.perform-step .step-list ul li.step4{
	width:100%;
	padding: 15px 0px;
}
.perform-step .step-list ul li{
	margin:10px 0px;
}
.store-status ul li{
	width:100%;
	margin:0px 0px 15px 0px;;
}
.store-status ul li p{
	font-size:18px;
}
/**********************/	
	#collocation .title p::after, #Psolve .title p::after, #Oadvantages .title p::after, #honor .title p::after, #service-process .title p::after, #cross-service .title p::after, #cplatform .title p::after, #pcross-e-commerce .title p::after, #opertion-service .title p::after, #about .title p::after, #about-team .title p::after, #development-course .title p::after, #opportunities .title p::after, #acontact .title p::after, #contact .title p::after, #design .title p::after, .design-subtitle .title p::after, #design .operation-title .title p::after, #morewrap .title p::after {
		margin: 10px auto;
	}
	#design .design-list{
		margin-top:20px;
	}
	#design .design-list ul li{
		width: 48%;
		margin: 5px 1%;
		vertical-align: top;
	}
	#design .design-list ul li .design-name{
	    margin-top: 5px;
	}
	.design-content ul li .title {
		padding: 10px;
	}
	#classify ul.design-sort,.case-list ul li{
		padding:0px;
	}
	.visual-market-desc {
		padding: 10px;
		line-height: 30px;
		font-size: 14px;
	}
	#server .projectitem {
		width: 50%;
		text-align: center;
		display: block;
		margin: 0 auto;
	}
	.short-desc{
		font-size:12px;
		margin-left:0px;
	}

	#server .projectitem,.newscontent .fl{
		float:none;
	}
	.server-name{
		text-align:left;
		text-align: left;
		float: left;
		width: 58%;
		font-size: 14px;
	}
	.server-title{
		padding-bottom:0px;
		height: 35px;
		display:block;
	}
	.sti_paginate{
		width:100%;
		max-width:1200px;
	}
	#case-logo .desction,.case-short{
		width: 96%;
		padding: 0px 2%;
		text-align: left;
		padding-bottom: 5%;
	}
	.desction-left{
		width:100%;
		float:none;
	}	
	#success-case ul{
		margin-top:15px;
		text-align:center;
	}
	#success-case ul li{
		text-align: center;
		width: 47.4%;
		display: inline-block;
		margin: 5px 1%;
		vertical-align:top;
	}
	#success-case ul li .case-name-txt{
		padding:10px 0px;
	}
	#success-case ul li .case-name-txt img,.personal-order-images{
		display:none;
	}
	#team,#success-case,#team-center{
		padding:0 2%;
		margin-top:20px;
	}
	#success-case .case-img,.case-img,#team-center .team-title,.autobiography{
		padding-top:0px;
	}
	#case .case-img{
		padding-top:20px;
	}
	#case,.menu,.company,#case_show,.customers_problems,#hcurriculum ul,#sknow .slist{
		margin-top:0px;
	}	
	#indexPage,.operate h2 span.title,ul li span.course_year,.menu,.logo,.public_class,.outsourcing, .over-customers,.problem_image,.company .contact-us,.map,.public_images,.design-process ul li,.design-process ul li.process-middle,.design-process ul li.process-short,.design-content,.personal-order-images,.precess-diagnosis .diagnosis-list,#course-outline .outline-list .every-list,#course-outline .outline-list ul,.personal-order,.study-desc,.shop-decoration{
		width:100%;
	}
	.locatit{
		width:96%;
		padding:0% 2% 4.5% 2%;
	}
	.operate h2{
		border-top:none;
		width: 100%;
		display: inline-table;
		font-size:16px;
	}
	.contact_menu {
		display: inline;
	}
	.contact_menu li{
		width: 100%;
		text-align: center;
		padding: 10px 0px;
	}	
	.course_achievement_two,.course_achievement{
		width: 100%;
		padding: 0px;
		margin:0px;
	}
	.course_achievement_two ul,#culture{
		margin-top:20px;
	}
	.course_content{
		display: inline-block;
		padding-top: 10px;
	}
	.pd,.course_data,#electrical_seriver .projectitem{
		width:100%;
		text-align:center;
	}
	.achievement_four .course_images{
		top:0px;
		position:relative;
	}	
	.design-image{
		width:100%;
		padding: 10px 0px 10px 0px;
	}	
	#from form ul li input, #from form ul li textarea{
		padding:20px 0px;
		border: 1px solid #e5e5e5;
		background:#ffffff;
	}
	.language,.data,.heng,.library-data,.tel,#colophon,.pro,.add,#contact .map,p.newmore,.bg,.beforebg,.point_img,.project_info,.newsdate,.desction-left img,#data-speak,#bootom-menu,#video,.new-image,#service-bg,.show-img,.casetitle span.publicdata,#store{
		display:none;
	}
	.logo,.study-desc div{
		text-align:center;
	}
	#bott .con{
		margin-left:0px;
		margin-top:20px;
		width: 100%;
	}
	#footer{
		padding-bottom: 30px;
		margin-top: 0px;
		background:#151516;
	}
	#contact .guarantee{
		text-align:left;
		padding: 10px 10px 0px 10px;
	}
	.company .contact-us p,#contact .guarantee,#bott p,#course-outline .outline-list ul li .course-content div,.online-message p{
		font-size:14px;
	}
	.course_images{
		position:relative;
		top:0px;
	}
	#bott .con li{
		margin: 0px;
		width: 50%;
		margin: 0px auto;
		text-align: center;
	}
	#contact .contact_content h2, .situation_content .situation-title h2{
		font-size:24px;
		text-align:center;
		padding:40px 0px 40px 0px;
	}
	.course{
		padding:0px 0px 20px 0px;
	}
	.contact_content li,.contact-detial ul li{
		width:100%;
		font-size:14px;
	}
	.lxform form ul li input, .lxform form ul li textarea{
		padding:20px 5px;
	}

	#design-content,#case,.operate,.design-list,#fridays-view, #commentaries,.situation_content,.contact_content,.electrical_detail,#team,#strengths,#case-analysis,#service-system,#brands-content,#brands-service,#ascendancy,.company,#bott p,#personal-customization,#design-detail,#design-detail-content,#shop-problem,#diagnosis-team{
		width:96%;
		padding:0px 2%;
	}
	#contact,#electrical_seriver,#brands-content,.brands-contact,.visual-marketing div,.personal-order h2,#design-detail,#design-detail-content,#design,.pd,#cooperative-brand,#case-contrast,.effect-comparison,.hosting-operating,.advantage-hosting{
		margin-top:20px;
	}
	.operate,.advantage-choose,#bott,.map{
		padding-top:20px;
	}

	.design-image{
		width:100%;
		margin:0px;
		padding:0px;
	}
	.design-good{
		margin-left:0px;
		width:100%;
		left:0px;
		position:relative;
		height:100%;
	}
	.ico-image{
		padding:0px;
		margin: 0px 10px;
	}	
	#case{
		height:auto;
		padding-bottom: 20px;
	}
	#case-logo .desction{
		margin-bottom:0px;
	}
	#firsr-index{
		border-bottom: none; 
		width: 100%;
		margin-top: 0px; 
	}
	#classify ul li{
		margin: 0px 1%;
		float: none;
		display: inline-block;
		line-height: 55px;
	}
	.design-sort{
		width: 100%;
		display: inline-block;
		margin: 0px auto;
		text-align: center;
	}
	#classify{
		margin:20px 0px;
	}
	#classify li.nsec {
		background: rgba(0, 0, 0, 0) url(../images/arrows.png) no-repeat scroll 80% center;
	}
	#classify ul li a{
		font-size:14px;
	}
	.strengths ul li{
		padding-left:15px;
	}
	.vs{
		margin-top:20px;
		margin-bottom:20px;
	}
	.service-process li,.design-benefits ul li{
		width:50%;
	}
	#case-analysis{ 
		padding-bottom:20px;
	}
	#case{
		background:#f5f5f5;
	}	
	.join-us-list img,.join-us-list,.study-desc,.company ul li.Wmap{
		margin-right:0px;
	}
	.page img{
		padding:15px 0px;
	}
	.flex-direction-nav a.flex-prev,.flex-direction-nav a.flex-next{
		background:none;
	}	
	.profile-descrition{
		padding:0px;
		text-align: left;
	}
	.service-descrition dt,.service-descrition dl,.list,.success-list,.contact-detial img,.contact-detial ul,.service-first dd, .service-six dd,.service-four dd{
		width:100%;
		margin-left:0px;
	}
	.service-descrition dd span{
		padding-right:10px;
	}
	.list dl{
		width:50%;
		margin: 0px 0px 20px 0px;
	}
	.personalized{
		position:relative;
		top:0px;
		right:0px;
	}
	.development-course ul{
		background:none;
	}
	#development-course .development-list ul li .data.fr {
		text-align: center;
	}
	.development-course ul li.course-first,.development-course ul li.course-two,.development-course ul li.course-third,.development-course ul li.course-fourth,.development-course ul li.course-five,.development-course ul li.course-six{
		position:static;
		left:0px;
		top:0px;
		width:100%;
		margin-bottom:20px;
	}
	.brand-cooper h2, .brands-contact h2{
		padding: 0px 0px 40px 0px;
	}
	.service-five dd,.service-six dd,.service-four dd,.service-third dd,.service-two dd,.service-first dd{
		width:100%;
		padding-right: 0px;
		text-align: left;
	}

	
	/************* 设计 ****************/
	#personal-customization{
		margin-top:10px;
	}	
	#personal-customization ul{
		padding-top:20px;
	}
	#personal-customization ul li{
		width: 32%;
		border-right: none;
		display: inline-block;
	}		
	
	#shop-problem ul li{
		width: 50%;   
		margin-bottom: 30px;
	}
	#diagnosis-team .team{
		display:inline-block;
	}
	#diagnosis-team .form input, #diagnosis-team .form textarea{
		width:60%;
	}	
	#rate{
		background:#000000;
		margin-top:20px;
	}	
	#rate .learn-more{
		font-size: 14px;
		padding: 2%;
		width: 96%;
		margin: 10px 0px 0px 0px;
	}
	.hoisting {
		padding: 10px;
		margin-top: 0px;
	}
	.hoisting h2,.visual-marketing h2{
		font-size:18px;
	}
	.hoisting p{
		font-size:14px;
		padding-top:15px;
	}
	.hosting-operating ul{
		margin-top:20px;
	}
	.hosting-operating ul li {
		float: none;
		text-align: center;
		background: none;
		width: 27%;
		margin-bottom: 10px;
		padding: 0px;
		margin-right: 0px;
		display: inline-block;
		background: #ccc;
		padding: 5px;
		margin: 1%;
	}
	
	.hosting-operating img,.study-title div,.study-title,.host-arrow,.good-team{
		display:none;
	}
	.shop-decoration h2{
		font-size:22px;
		padding:0px;
	}
	.shop-decoration strong {
		font-size: 22px;
	}
	.effect-comparison ul li{
		float: left;
		padding: 0px;
		text-align: left;
		border-right: none;
		width: 49%;
		text-align: center;
	}
	.contrast-content-img{
		width:100%;
		margin-top:10px;
	}
	.contrast-content-first, .contrast-content-two, .contrast-content-three,.advantage-hosting,.ctrain,#pvdes{
		width:96%;
		padding-top:0px;
		height:auto;
		padding:0px 2%;
	}
	.contrast-content{
		margin-bottom:20px;
		height:auto;
	}
	.advantage-hosting ul li{
		color: #3e3e3e;
		float: left;
		width: 48%;
		background: none;	   
		position: relative;
		padding: 0px;
		margin: 1%;
		text-align: center;
		font-size: 12px;
	}
	.advantage-hosting ul li span {
		font-size: 18px;
		padding: 5px 0px;
	}
	.design-content ul li {
		margin: 5px 1%;
		width: 47%;
		vertical-align: top;
	}
	.design-content .dlist{
		margin:20px 0px;
	}
	#pvtleft,#pvtright{
		width:100%;
		padding: 0px;
	}
	#course-outline .outline-list ul li .course-content h3,#hcurriculum ul li .hdetail,.strengths h3,.amount ul li,.analysis div h3,#fridays-view .new-title h1{
		font-size:16px;
	}
	
	#ilecturer,#outline-facebook,#course-outline .bx-prev,#course-outline .bx-next{
		background:none;
	}
	#ilecturer .lturer h2,#ilecturer .lturer .title span{
		text-align:center;
		font-size: 30px;
	}
	#ilecturer .lturer ul,#student-case .clist li p,#outline-facebook,#signkown .payimage,#signkown .kinfo ul{
		width:96%;
		margin:0px 2%;
	}
	#ilecturer .title h1, #pconfused .title h1, #outline-facebook .title h1, #signkown .title h1{
		margin-top:30px;
		font-size: 40px;
	}
	#ilecturer .lturer{
		padding: 40px 0px 0px 0px;
	}
	#pconfused,#course-outline,#signkown{
		background:#000;
	}
	#pconfused .dinfo-list ul{
		margin-left:0px;
		padding:0px;
	}
	#pconfused .dinfo-list ul li .qinfo p{
		font-size:15px;
	}
	#pconfused .dinfo-list,#signkown .kinfo{
		padding: 30px 0px;
	}
	#hcurriculum ul li{
		width:50%;
		margin: 30px 0px;
	}
	#hcurriculum ul li .number{
		height: 120px;
		font-family:yahei;
		font-weight:bold;
	}
	#sknow .slist ul li{
		float:none;
		width: 96%;
		margin: 0px 2%;
	}
	#student-case .clist h2 {
		font-size: 22px;
		font-weight: normal;
		margin-bottom: 20px;
		margin-left: 2%;
	}
	#student-case .clist li p img,#course-outline .outline-list ul,.advantages-compared{
		margin-left:0px;
	}
	#outline-facebook .facebook-images{
		padding: 30px 0px 30px 0px;
	}
	#ilecturer .lturer ul li {
		font-size: 16px;
		color: #666666;
		font-family: yahei;
		padding-bottom: 20px;
		line-height: 35px;
	}
	#course-outline .outline-list ul li{
		width:96%;
		margin:10px 2%;
	}
	.oinfo{
		height:auto;
	}
	#course-outline .outline-list ul li .outline-step{
		width: 90px;
		height: 140px;
		line-height: 140px;
	}
	#course-outline,#course-outline .title h1,#course-outline .outline-list{
		margin-top:30px;
	}
	#course-outline{
		padding-top:0px;
		padding-bottom: 30px;
	}
	#signkown .kinfo ul{
		text-align:center;
		margin-top:30px;
	}
	#signkown .payimage{
		border-right:none;
	}
	#cphotography .clinfo ul{
		text-align:center;
	}
	#wcan .title .subtitle, .photography-data .title .subtitle, #cphotography .title .subtitle, #cprocess .title .subtitle{
		width:98%;
		font-size:14px;
	}
	#personal-customization ul li span{
		margin-top:10px;
		margin-bottom:20px;
	}
	.photography-data .title{
		position:static;
	}
	#scooperation .sclist ul li{
		width: 48%;
		margin: 5px 1px;
		padding:0px;
		border-right:none;
	}
	.case_title{
		background-size:100% 100%;
		width:auto;
	}
	.company .map,.fcontact {
		width: 100%;
	}
	.hosting-operating ul li span{
		padding-bottom: 0px;
		text-align: center;
		line-height: 30px;
	}
	#cooperative-brand h3, .effect-comparison h3 {
		font-size: 20px;
		padding-bottom: 20px;
	}
	#trusteeship{
		margin-top:0px;
	}
	.problem-list-t{
		display:none;
	}
	#train-case-list{
		padding: 20px 0px;
		margin-top: 20px;
	}
	.effect-comparison ul li span.before-taking-over {
		font-size: 14px;
		letter-spacing: 1px;
	}
	.effect-comparison ul li span.ceng-ji{
		font-size:14px;
		letter-spacing: 0px;
	}
	.effect-comparison ul li span.number,.fz {
		font-size:16px;
		top:0px;
	}
	
	.design-case .train-title h2{
		font-size:20px;
	}
	.design-case .train-title a{
		font-size:14px;
		padding:10px 0px;
	}
	.design-list ul li {
		border-radius: 0px;
		width: 48%;
		margin: 1%;
	}
	.shopname {
		margin-top: 0px;
		padding: 5px 0px 0px 0px;
	}
	.train-host{
		background:none;
		padding-bottom: 0px;
	}
	.advantage-hosting ul li img{
		padding:0px;
	}
	.hosting-operating .title h3{
		font-size:20px;
		margin-top:0px;
	}
	.hosting-operating .title p{
		margin-top:20px;
		text-align:center;
	}
	.hosting-operating .title h3 span{
		text-align:center;
	}
	.design-list ul{
		margin-right:0px;
		text-align: center;
	}
	.design-shop-decoration{
		display:none;
	}
	
#design-detail, .particulars, .design-content{
	margin-top:20px;
}

#collocation .title h2, #Psolve .title h2, #Oadvantages .title h2, #honor .title h2, #service-process .title h2, #cross-service .title h2, #cplatform .title h2, #pcross-e-commerce .title h2, #opertion-service .title h2, #about .title h2, #about-team .title h2, #development-course .title h2, #opportunities .title h2, #acontact .title h2, #contact .title h2, #design .title h2, .design-subtitle .title h2, #design .operation-title .title h2, #morewrap .title h2 {
    font-size: 20px;
}
#collocation .title p, #Psolve .title p, #Oadvantages .title p, #honor .title p, #service-process .title p, #cross-service .title p, #cplatform .title p, #pcross-e-commerce .title p, #opertion-service .title p, #about .title p, #about-team .title p, #development-course .title p, #opportunities .title p, #acontact .title p, #contact .title p, #design .title p, .design-subtitle .title p, #design .operation-title .title p, #morewrap .title p {
    font-size: 14px;
}
#collocation .title p::before, #Psolve .title p::before, #Oadvantages .title p::before, #honor .title p::before, #service-process .title p::before, #cross-service .title p::before, #cplatform .title p::before, #pcross-e-commerce .title p::before, #opertion-service .title p::before, #about .title p::before, #about-team .title p::before, #development-course .title p::before, #opportunities .title p::before, #acontact .title p::before, #contact .title p::before, #design .title p::before, .design-subtitle .title p::before, #design .operation-title .title p::before, #morewrap .title p::before {
   display:none;
}
.design-content ul li .title span {
    font-size: 16px;
}

.learn-more li {
    margin-bottom: 10px;
}
#design-detail .shop-study{
	text-align:center;
}
.study-desc p{
	font-size:14px;
}
.visual-marketing p{
	font-size:14px;
}

.design-subtitle p{
	font-size:26px;
}
.visual-marketing{
	padding:2%;
	width:96%;
}
#morewrap{
	display:none;
}
.choose-our{
	margin-bottom:0px;
}
#electrical .caseBrand{
	display:none;
}
#electrical{
	background:none;
}
#electrical_seriver .projectitem .project_info{
	display:block;
}
.power,.blockbox .jerk{
	display:none;
}




/**************直播*************/	
.blockbox{
	height:auto;
	padding:20px 0px;
}
.problem_1,.problem_2,.problem_3,.problem_4,.problem_5,.problem_6{
	background: none;
    width: auto;
    height: auto;
    position: static;
    color: #000;
    text-align: center;
	padding-left:0px;
	font-size:14px;
	line-height: 30px;
    animation: none;
}
.blockbox .common_title{
	padding-bottom:20px;
}
.problem_1 span,.problem_2 span,.problem_3 span,.problem_4 span,.problem_5 span,.problem_6 span{
	padding-left:0px;
	text-align:center;
}



#live-broadcast{
	padding:20px 0px;
}
#live-broadcast .title{
	background:none;
	width:auto;
	height:auto;
}

#live-broadcast .title h2{
	font-size:20px;
	padding-top:0px;
}
#live-broadcast .title p{
	font-size:12px;
}
#live-broadcast p.subtitle {
    font-size: 14px;
    padding: 15px 0px;
}
.live-b-list ul {
    border: none
}
.live-b-list ul li {
   width: 47.4%;
    border-right: none;
    padding: 0px;
    text-align: center;
    margin: 5px 1%;
}
.live-b-list ul li h3{
	font-size:16px;
	padding: 10px 0px;
}
.live-b-list ul li p{
	font-size:12px;
}
.live-b-list ul li span {
    font-size: 20px;
}
.consulting{
	margin: 10px auto;
}
#live-operation-service{
	background:none;
	padding:20px 0px;
}
.los-list ul li {
    width: 49%;
    border-right: none;
    padding: 5px 0px;
}
.los-list ul li h3{
	font-weight:normal;
	font-size:16px;
}
.los-list ul li span{
	display:none;
}
.los-list ul li p{
	font-size:13px;
	padding: 10px 0px 0px 0px;
	text-align: left;
}
.los-list::after {
    display: none;
}

#live-service-adv{
	padding:20px 0px;
}
#live-service-adv .title h2 {
    width: 100%;
    text-align: center;
    border-right: none;
    padding-bottom: 9px;
	font-size:22px;
}	
#live-service-adv .title h2::after {
    margin: 15px auto 5px auto;
}
#live-service-adv .subtitle {
    padding-left: 0px;
    width: 100%;
    text-align: center;
    border-left:none
}
#live-service-adv .subtitle h3{
	font-size:20px;
}
#live-service-adv .subtitle p {
    font-size: 14px;
}
#live-service-adv .live-list ul {
	text-align:center;
}
#live-service-adv .live-list ul li {
    width: 47%;
    margin: 5px 1%;
    text-align: left;
}
#live-service-adv .live-list ul li p {
    line-height: 20px;
    font-size: 13px;
}	
#live-service-adv .live-list ul li h3 {
    font-size: 16px;
    padding: 10px 0px 5px 0px;
}

.common_title_c,#live-operation-service .title h2{
	font-size:20px;
}	
.common_title_e{
	font-size:12px;
}
#offcial-c-platform{
	padding:20px 0px;
}
#offcial-c-platform .title h2{
	font-size:20px;
}
#offcial-c-platform .title p{
	font-size:12px;
}
#offcial-c-platform .platform-list,#live-service-adv .live-list,.los-list{
	margin-top:15px;
}
#offcial-c-platform .platform-list ul li {
    margin: 10px 0.5%;
}	
#offcial-c-platform .platform-list ul li p{
	font-size:14px;
}	

/************************品牌营销策划*******************************/
#brands-content .title h2,#brands-service .title h2,.adv-content .title h2{
	font-size:20px;
}
#brands-content .title p,#brands-service .title p{
	font-size:14px;
}
#brands-content .title p::after{
	width:auto;
}
.company-profile{
	margin-top:20px;
}
.company-profile-content{
	width:100%;
	margin-top: 20px;
}
.company-profile img{
	display:none;
}
.company-profile-content p{
	font-size:14px;
	padding-right:0px;
}
.company-profile-content h3{
	font-size:20px;
	padding-bottom:10px;
	text-align:center;
}
.company-profile-content a{
	margin-top:15px;
}
.brand-operation,#brands-service{
	margin-top:20px;
}
.brand-operation ul{
	font-size:0px;
	text-align:center;
}
.brand-operation ul li {
    float: none;
    width: 47.2%;
    display: inline-block;
    margin: 3px;
}
.one-stop{
	position:static;
	margin-top:20px;
}
#brands-service .title p{
	padding-top:0px;
}
.service-descrition ul{
	margin-top:20px;
}
.service-descrition ul li h4{
	font-size:16px;
}
.service-descrition ul li p{
	font-size:13px;
}
.service-descrition ul li {

    width: 100%;
	margin:5px 0px;
    padding: 10px 0px;
    height: auto; 
    border-radius: 10px;
}
.service-descrition ul li span{
	height:auto;
	font-size: 14px;
}
.service-descrition ul li p::before,.adv-content .title span.subtitle{
	display:none;
}
.service-descrition ul li p {
    padding: 15px 40px 0px 40px;
}
.advantages-service,.autobiography{
	display:none;
}
.adv-content .title p{
	font-size:12px;
}
.adv-content .avd-list ul li {
    display: inline-block;
    vertical-align: top;
    width: 47%;
    height: auto;
    padding: 5px 0px;
    margin: 5px;
}
.adv-content .avd-list ul li h4 {
    font-size: 16px;
}
.adv-content .avd-list ul li span {
    padding: 5px 0px 10px 0px;
}
.adv-content .avd-list ul li p {
    font-size: 13px;
    padding-bottom: 5px;
}
.adv-content .avd-list ul {
    margin-top: 20px;
    text-align: center;
}
}
/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {
	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
	.phone{
		position: absolute;
		top: -5px;
		right: 0px;
	}
	.menu ul.phone li a{
		font-size:14px;
		margin:0px 6px;
	}
}