/*screen and (max-width:1366px)*/
@media only screen and (max-width: 1366px) {
.hot_line{
	display: none;
}
.logo{
	width: 15%;
    /*padding-top: .7%;*/
    padding:0;
}
nav{
	width: 85%;
}
.in_about{
	width: 	100%;
}
.in_cando_center{
	width: 	100%;
}
.in_strong_center{
	width: 	100%;
}
.in_news_center{
	width: 	94%;
}
.in_choose_center{
	width: 	100%;
}
.in_contact_center{
	width: 	100%;
}
.about_modular1{
	width: 96%;
}
.about_modular2_center{
	width: 100%;
}
.about_modular4{
	width: 95%;
}
.about_modular6{
	width: 100%;
}
.news_move_bottom{
    bottom: 3%;
}
.in_about_top_tit h3{
	font-size: 3.8rem;
}
.in_design_more span{
	font-size: 1.5rem;
}
.in_brand_list ul li p{
	font-size: 1.5rem;
}
.in_service_tit h3{
	font-size: 3rem;
}
.in_srtong_text span{
	padding-bottom: 23%;
}
.in_news_tit p{
	font-size: 5.2rem;
}
.in_news_tit span{
    padding-left: 11%;
}
.in_news_text h3{
    margin: 10% 0 17%;
}
.in_choose_list{
	padding:4%;
}
.about_modular1_side{
    left: 6%;
}
.about_modular1_left{
	width: 43%;
    padding: 1% 0 0 19%;
}
.about_modular1_right{
	width: 32%;
}
.about_modular1_left h3{
	font-size: 3rem;
}
.about_modular2_center{
	padding: 4% 0 4.7% 21%;
}
.about_modular2_tit h3{
	font-size: 3rem;
}
.contact_info{
	width: 70%;
}
.contact_side{
	left:6%;
}
.news_detail_right_tit h3{
	font-size: 3.2rem;
}
.case_detail_banner h3{
	font-size: 3.6rem;
}
.build_strength{
	width: 100%;
}
.realization_list{
	width: 100%;
}
.formulate{
	width: 100%;
}
.major_skill{
	width: 96%;
}
.extension_info_center{
	width: 100%;
}
.lion{
	width: 100%;
}
.promotion_advantages{
	width: 98%;
}
.extension_optimization{
	width: 94%;
}
.imageflow{
	width: 100%;
}
.exhibition_info_phone{
	width: 100%;
}
.compatible{
	width: 100%;
}
.selection_function_list{
	width: 100%;
}
.customer_need_info{
	width: 100%;
}
.mobile_web_info_center{
	width: 100%;
}
.mobile_textinfo{
	right:5%;
}

.wechat_text{
	left:6%;
}
.meticulously_tab{
	width: 100%;
}
.powerfulinfo_tab{
	width: 94%;
}
.wechat_service_text_center{
	width: 100%;
}
.powerfulinfo_info_tit{
	width: 100%;
}
.wechat_service_move{
	width: 100%;
}
.meticulously_tab_pic{
	right:0;
}
.case_detail_banner_cetner{
	width: 100%;
	padding: 13% 0 16% 20%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.contact_message{
	width: 100%;
}
.contact_join{
	width: 100%;
}
.major_left{
    padding: 3% 3% 6%;
}
/*screen and (max-width:1024px)*/
.header{
    padding: 1.6% 3% 0;
}
.in_about_top_tit h3{
	font-size: 3.2rem;
}
.in_about_top img#in_titext{
	width: 38%;
}
.in_about_top_tit img{
	width: auto;
}
.in_about_top{
	padding:8% 0;
}
.in_cando_center_tit img#in_titext{
	width: 40%;
}
.in_cando_center_tit h3{
	font-size: 3.2rem;
}
.mumping_mun li img{
	width: 10%;
}
.mumping_mun span{
	font-size: 4rem;
}
.digital{
	margin-bottom: 5.5%;
}
.in_srtong_text h3{
	font-size: 3.2rem;
}
.in_srtong_text span{
	font-size: 2rem;
}
.in_srtong_text p{
	line-height: 1.8;
}
.in_cando_center_tit img#in_titext{
	width: 38%;
}
.in_news_tit p{
	font-size: 4.5rem;
}
.in_news_tit p:after{
	left: 95%;
	padding-left: 0;
	top:10%;
}
.in_news_tit span{
	line-height: 2.5;
}
.in_news_text h3{
	font-size: 1.7rem;
}
.in_news_text h3 {
    margin: 7% 0 19%;
}
.in_address h4:after{
	left:22%;
}
.in_message h4:after{
	left:23%;
}
.in_message ul li.code input{
	width: 63%;
}

.larger {
    padding: .7% 3% 0;
}

.about_modular1_left h3{
	font-size: 2.5rem;
}
.about_modular1_left p{
	line-height: 2;
}
.about_modular1_left{
    padding: 1% 0 0 20%;
}
.about_modular2_tit h3{
	font-size: 2.5rem;
}
.about_modular2_tit{
	padding-bottom: 8%;
}
.about_best_hove h3{
	font-size: 3rem;
}
.about_best_hove p{
	font-size: 2rem;
}
.about_modular4 h4:after{
	height: 7px;
}
.about_modular6{
	padding-left: 3%;
}
.about_lehuantime1 img#work_place{
	width:23%;
}
.workplace{
	width: 63%;
}
.about_modular4{
	width: 92%;
}
.strength_tit h3{
	font-size: 3.2rem;
}
.build_info p{
	line-height: 2.2;
}
.web_style_text{
    padding: 1% 0 0 4%;
}
.web_style_text_info p{
	 overflow : hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 4;
 -webkit-box-orient: vertical; 
}
.news_detail_right_tit h3{
	font-size: 3rem;
}
.major_left h3{
	font-size:3.6rem;
}
.major_right ul li{
	height: 152px;
}
.major_right ul li p{
	font-size: 17px;
}
.extension_info b{
	font-size: 4.2rem;
}
.extension_info h4{
	font-size: 2.8rem;
}
.promotion_advantages_info ul li h3{
	font-size: 2.2rem;
}
.strength_tit::after {
    bottom: -23px;
}
.build_banner_text h3{
	font-size: 4rem;
}
.mobile_phone_pic{
	width: 55%;
}
.mobile_textinfo{
	top:15%;
}
.compatible{
	width: 92%;
}
.pursuit_pic{
	width: 92%;
	margin:0 auto;
}
.formulate p:after{
	top:48px;
}
.wechat_text{
	position: absolute;
	left:0;
	top:0;
	width: 40%;
}
.meticulously_tab_pic{
	right:0;
}
.meticulously_tab_pic{
	width: 55%;
	top:-125%;
}
.wechat_service_move{
	bottom: -48%;
	width: 94%;
	left:4%;
}
.case_side {
    padding: 6% 2%;
}
.in_service_tit{
	padding: 0 0 3%;
}
.in_service_nav a{
	margin-right: 15px;
}
.case_detail_banner_cetner{
    padding: 13% 0 12% 20%;
}
.contact_join_list ul li a p em{
    font-size: 1.5rem;
}
.contact_tit p{
	font-size: 1.6rem;
}
.major_left {
    padding: 3% 3% 7%;
}
.feature-wrap{
	display: none;
}
.od_line ul li p{
	font-size: 15px;
}
.newadvar_hot{
	width: 92%;
	margin:0 auto;
}
.newadvar_hot_info{
	padding:5% 3% 0;
	width: 45%;
}
.newadvar_hot_img{
	width: 42%;
}
.seo_one .seo_one_1{
	margin-left: -560px;
}
.bubble{
	margin-left: -330px;
}
.step{
	padding:6% 0;
}
.step ul li p{
	font-size: 13px;
}
.step li span{
	font-size: 22px;
}
.seo_ys{
	width: 94%;
	margin:0 auto;
}
.step ul{
	margin-top: 7%;
}
.seo_ys i{
	font-size: 14px;
}
.wechat_exposure{
	padding-top: 6%;
}
.wechat_side_all{
	padding:5.5% 0;
}
.big_data_side{
	padding:5.5% 0;
}
.bigdatalist{
	width: 94%;
	margin:0 auto;
}
.in_news_img figcaption p{
	overflow : hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 4;
 -webkit-box-orient: vertical;
}
.mh1{
	top:11%;
}
.mh2 {
    right: 9%;
    bottom: 17%;
}
.footer_left{
	width: 77%;
}
.news_move{
	bottom:11%;
}
}
/*8/23*/

 @media screen and (max-width: 1000px){
	.bigdatalist{
		width: 92%;
		margin:0 auto;
	}
	.mumping_mun p{
		font-size: 1.2rem;
	}
	.in_cando_list_oldpic{
		width: 100px;
		line-height: 100px;
	}
	.in_cando_list ul li p{
		font-size: 1.3rem;
	}
	.in_contact_center{
		width: 92%;
		margin:0 auto;
	}
	.in_address{
		padding:0;
		width: 100%!important;
		padding-left: 20%;
	}
	.in_message{
		padding:0;
		width: 100%!important;
	}
	.contact_info{
		margin:0;
	}
	.footer_ewmright{
		display: none;
	}
	.footer_left{
		width: 100%;
	}
	.in_news_timeot{
		width: 23%;
	}
	.in_new_tit_in p{
		font-size: 14px;
	}
	.in_news_img figcaption p{
		 overflow : hidden;
		 text-overflow: ellipsis;
		 display: -webkit-box;
		 -webkit-line-clamp: 4;
		 -webkit-box-orient: vertical;
		 padding:0;
		 margin:6% 0;
	}


 }


 @media screen and (max-width: 983px){
	.in_about_design{
		width: 100%;
	}
	.in_design_number{
		width: 100%;
	}
	.build_info{
		width: 100%;
	}
	.in_design_number{
		width: 100%;
	}
	.in_message h4:after{
		left:25%;
	}
	.in_address h4:after{
		left:25%;
	}
	.in_message ul li.code input{
		width: 60%;
		margin-right: 0;
	}
	.in_message ul li.code img{
		width: 37%;
	}
	.transform{
		/*margin:50% auto 0;*/
    	animation:mymove 1s;
		-webkit-animation:mymove 1s; 
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
			} 
			@keyframes mymove
		{
		from {margin-top:30%;opacity: 0;}
		to {margin-top:50%;opacity: 1;}
		}

		@-webkit-keyframes mymove /*Safari and Chrome*/
		{
		from {margin-top:30%;opacity: 0;}
		to {margin-top:50%;opacity: 1;}
		}

	.video_leftin{
		width: 100%;
	}
	.in_strong_ot_text{
		position: absolute;
		left:0;
		top:0;
	}
	.in_strong_ot_text{
		width: 80%;
	}
	.in_strong_ot_pic{
		display: none;
	}
	.in_srtong_text span{
		padding-bottom: 0;
		padding-top: 5%;
	}
	.in_srtong_text .swiper-pagination{
		left:initial;
		right:10%;	}

	
 }

 @media screen and (max-width: 768px) {
      
	.in_about_top {
	    padding: 9% 4%;
	}

	.mumping_mun p{
		font-size: 1.2rem;
	}
	.in_design_move{
		width: 37%;
	}
	.in_cando_list{
		padding:4%;
	}
	.in_cando_list ul li{
		width: 14.5%;
	}
	.in_brand_list ul li p{
		font-size: 1.4rem;
	}
	.in_about_top_tit h3{
		/*font-size: 3rem;*/
		font-size: 2.2rem;
	}
	.in_cando_center_tit h3{
		font-size: 3rem;
	}
	.in_address h4:after{
		left:30%;
	}
	.in_message h4:after{
		left:30%;
	}
	.in_srtong_text p{
		line-height: 1.8
	}
	.in_srtong_text h3{
		font-size: 2.8rem;
		padding-top: 1%;
	}
	.in_strong_center{
		padding-top: 40%;
	}
	.in_srtong_text span{
		font-size: 1.6rem;
	}
	.in_message ul li{
		width: 48%;
	}
	.in_message ul li.code input{
		width: 56%;
	}
	.in_address{
		width: 100%;
		padding-left: 20%;
	}
	.in_news_text p{
		line-height: 2;
	}

	/*.in_news_list ul li{
		width: 100%;
	}*/
	.in_brand_list ul li p{
		overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis; 
	}
	.in_design_more{
		width: 200px;
		line-height: 40px;
	}
/*	.in_srtong_text{
		width: 35%;
	}*/
	/*.in_srtong_text span{
		padding-bottom: 13%;
	}*/
	.about_modular1_side{
		display: none;
	}
	.about_modular1{
		width: 92%;
	}
	.about_modular1_left{
		padding-left: 0;
		width: 57%;
	}
	.about_modular1_left h3{
		font-size: 2rem;
	}
	.about_modular1_right{
		width: 34%;
	}
	.about_modular2_center {
	    padding: 4% 0 4.7% 4%;
	}
	.about_modular2_tit{
		padding-bottom: 6%;
	}
	.about_best_hove h3{
		font-size: 2.8rem;
	}


	.pencil_set_text{
		width: 82%;
	}
	.news_text h3{
		overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis; 
	}
	.news_detail_right_tit h3{
		font-size: 2.7rem;
	}
	.news_detail_right{
		padding-right: 5%;
	}
	.web_perfect{
		padding: .5% 4% 5.5%;;
	}
	.major_left h3{
		font-size: 2.4rem;
	}
	.major_right ul li{
		padding-left: 2%;
		height: 142px;
	}
	.extension_side h3{
		font-size: 2.4rem;
	}
	.optimization_know h3{
		font-size: 2.4rem;
	}
	.optimization_know a{
		overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; 
	}
	.mobile_textinfo{
		top:8%;
	}
	.in_srtong_text p{
		font-size: 1.2rem;
	}
	.in_news_text h3{
		font-size: 1.6rem;
	}
	.in_news_tit p{
		font-size: 3.5rem;
	}
	.in_news_tit span{
		line-height: 1.8;
	}
	.about_modular6{
		width: 94%;
		padding:0;
	}
	.major_skill{
	    margin: 8% auto 0;
	}
	.extension_info{
		padding:4%;
	}
	.extension{
		padding:0;
	}
	.lion{
		padding-bottom: 0;
	}
	.custom_made_pic{
		width: 92%;
		margin:0 auto;
	}
	.customer_need_info_text{
		right:5%;
		width: 49%;
	}
	.meticulously_tab_pic{
		top:-75%;
	}
	.powerfulinfo_tab{
		width: 92%;
	}
	.powerfulinfo_info_tit a p{
		padding-top: 0;
	}
	.powerfulinfo_info_tit a i{
		font-size: 4rem;
	}
	.wechat_service_move{
		bottom: -38%;
	}
	.contact_side{
		display: none;
	}
	.contact_info{
		width: 100%;
		padding:0;
	}
	.contact_message{
		width: 92%;
	}
	.contact_join{
		width: 100%;
	}
	.contact_join h3{
		width: 92%;
		margin:0 auto;
	}
	.contact_join p{
		width: 92%;
		margin:0 auto;
	}
	.extension_info b{
		font-size: 3.7rem;
	}
	.extension_info h4{
		margin-bottom: 55px;
	}
	.in_news_tit p:after{
		top: -10%;
	}
	.in_about_top_tit{
		width: 100%;
	}
	#scrollDiv li span{
		font-size: 1.3rem;
	}
	.about_modular2_list{
		width: 100%;
	}
	.contact_message p{
		width: 100%;
	}
	.contact_message ul li.message_textarea{
		width: 100%;
	}
	.build_strength{
		width: 92%;
	}
	.feature-wrap{
		display: none;
	}
	.web_style_text_tit h3{
		font-size: 2.8rem;
	}
	.web_style_text_info p{
		line-height: 2;
	}
	.compatible_text{
		width: 60%;
		right:0;
	}
	.contact_join_list ul li{
		text-align: center;
	}
	.contact_join_list ul li a i{
		float: none;
		margin:0 auto;
	}
	.lehuan_special{
		padding-left: 4%;
	}
	nav{
		display: none;
	}
	.menu{
		display: block;
	}
	.logo{
		width: 24%;
	}
	.header{
		padding: 1.6% 3% 2.2%;
		background: #000;
	}
	.banner{
		margin-top: 7%;
	}
	.menu i{
		font-size: 4rem;
		color: #ccc;
		float: right;
	}
	.menu ul{
		width: 100%;
		padding:2% 0;
	}
	.menu ul li a{
		color: #666;
		font-size: 2rem;
	}
	.menu_list{
		position: fixed;
		left:-100%;
		top:0;
		padding-top: 11%;
		width: 100%;
		height: 100%;
		background: #fff;
		text-align: center;
	}
	.menu_list a{
		display: block;
		font-size: 1.6rem;
		color: #000;
		line-height: 2;
	}
	.menu_list img{
		padding: 8% 0 7.5%;
		width: 170px;
	}
	.menu_list h3{
		font-size: 2.1rem;
		color: #262626;
		padding-bottom: 2.2%;
	}
	.menu_list h4{
		font-size: 1.6rem;
		color: #999;
		position: relative;
	}
	.menu_list h4:after{
		content:"";
		position: absolute;
		left:50%;
		bottom:-13px;
		margin-left: -12px;
		width: 24px;
		height: 2px;
		background: #d72414;
	}
	.menu_list p{
		font-size: 1.4rem;
		color: #262626;
		padding-top: 8.6%;
	}
	.menu_list span{
		display: block;
		font-size: 2.8rem;
		color: #262626;
	}
	.menu_list i{
		position: absolute;
		left:8%;
		top:7%;
		font-size: 2.2rem;
		color: #000;
	}
	.webstructure_right{
		display: none;
	}
	.webstructure_left {
	    padding: 8% 0 0 8%;
	}
	.seo_client_text{
		width: 45%;
	}
	.seo_lion{
		width: 45%;
	}
	.in_message ul li.code input{
		margin-right: 3px;
	}
	.webmark_list ul li{
		width: 48%;
	}
	.webmark_list{
	    padding: 5.5% 10px 5.5%;
	}
	.webmark_case{
		padding:7% 0 0;
	}
	.oversea_dilemma{
		width: 94%;
	}
	.omi_fiveline ul li figcaption span{
		font-size: 14px;
	}
	.omi_fiveline_more{
		width: 100px;
		line-height: 98px;
	}
	.odt_tit_side p{
		font-size: 14px;
	}
	.oversea_escort_list ul li{
		text-align: center;
	}
	.oversea_escort_list ul li span{
		float: none;
		display: block;
		padding-bottom: 10px;
	}
	.oversea_escort_list ul li p{
		float: none;
	}
	.oversea_escort_list{
		padding-top: 8%;
	}
	.price_success_info{
		height: 430px;
	}
	.price_success_center .swiper-button-next{
		top:43%;
	}
	.price_success_center .swiper-button-prev{
		top:43%;
	}
	.omi_fiveline ul li{
		width: 16%;
	}
	.omi_fourbetween ul li span{
		font-size: 15px;
	}
	.omi_fourbetween ul li p{
		font-size: 22px;
	}
	.omi_fourbetween ul li span{
		padding:15% 0 2%;
	}
	.od_line ul li i{
		font-size: 48px;
	}
	.od_line ul li p{
		padding-top: 17px;
	}
	.engines_info{
		padding:3% 0 0;
	}
	.oversea_dilemma_tit h3{
		font-size: 24px;
	}
	.newadvar_hot_info{
		padding:1% 3% 0;
	}
	.big_data_side_list{
		padding-top: 8%;
	}
	.big_data_side_list ul li{
		width: 30%;
	}
	.newadvar_hot_info_p p{
		font-size: 14px;
		padding-top: 4%;
	}
	.newadvar_hot{
		padding-top: 6%;
	}
	.wechat_exposure ul li p{
		font-size: 13px;
	}
	.wechat_exposure_tit i{
		padding-right: 9%;
	}
	.techprocess{
		width: 92%;
		margin:0 auto;
	}
	.techprocess_list{
		padding-top: 9%;
	}
	.bigdatalist{
		padding-top: 6%;
	}
	.oversea_dilemma_tit{
		width: 92%;
		margin:0 auto;
	}
	.engines h3{
		margin-bottom:6%;
	}
	.wechat_side_all{
		padding:5% 0;
	}
	.newadvar_hot_info{
		width: 48%;
	}
	.seo_one .seo_one_1{
		margin-left: -450px;
	}
	.home-fea .txt-box{
		width: 92%;
	}
	.in_cando_list_oldpic{
		width: auto;
		line-height: initial;
	}
	.in_srtong_text .swiper-wrapper{
		height: 288px;
	}
	.in_strong_center{
		padding-top: 0;
	}
	.pencil_set_text h3{
		font-size: 3rem;
	}
	.in_address ul li p{
		width: 89%;
	}
	.in_address ul li p{
		width: 50%;
	}
	.seo_ys.step li span{
		font-size: 21px;
	}
	.step ul li p{
		top:66px;
		font-size: 13px
	}
	.overseaother{
		padding-top: 9%;
	}
	.in_cando_center{
		padding-top: 9%;
	}
	.in_service_tit h3{
		font-size: 2.5rem;
	}
	.in_news{
		padding:7% 0;
	}
	.in_brand_list ul li figcaption div{
	    padding: 12px 0;
	}
	.in_brand_list ul li figcaption div p{
		font-size: 1.4rem;
	}
	.in_brand_list ul li figcaption div span{
		font-size: 12px;
	}
	.main_title{
		width: 100%;
		height: auto;
	}
	.title_big{
		font-size: 20px;
	}
	.title_project{
		height: auto;
	}
	.main_title{
	    margin-top: 15%
	}
	.in_brand_list ul li figcaption{
		height: 32px;
		padding: 5px 20px;
	}
	.in_brand_list ul li figcaption div{
		padding:0;
	}
	.mac_more{
		width: 92%;
	}
	.mac_right{
		width: 100%;
		padding-top: 18%;
	}
	.mac_left{
		width: 100%;
		padding-left: 0;
		margin-left: 0;
		padding-top: 15%;
	}
	.main_project{
		margin-top: 15%;
	}
	.menu_list{
		z-index: 9999;
	}
	.seo_one, .seo_two{
		height: 440px;
	}
	.about_banner{
		height: 250px;
	}
	.webmark_three_bum{
		padding-top: 320px;
	}
	.productother{
		height: 430px;
	}
	.webmark_three_bum span{
		font-size: 14px;
		/*width: 75%;*/
		width: 88%;
	}
	.word{
		font-size: 4rem;
	}
	.seo_one .seo_one_1 span{
		margin-top: 50px;
	}
	.seo_one .seo_one_1 h2{
	    margin-top: 102px;
	}
	.seo_one .seo_one_1 ul{
		margin-top: 190px;
	}
	.webmark_three_bum{
		padding-top: 160px;
	}
	.cooperation_oth_hover h3{
		font-size: 32px;
	}
	.cooperation_oth_hover p{
		font-size: 20px;
	}
	.cooperation_oth_hover a{
		font-size: 14px;
	}
	.in_news_img{
		width: 100%;
	}
	.in_news_listot{
		width: 100%;
		padding-top: 5%;
	}
	.in_news_img figcaption p{
		margin:4% 0;
	}
	.mh2{
		right:30%;
		bottom:0;
	}
	.in_strong_ot_text{
		padding-left: 15%;
		width: 72%;
	}
	.webmark_three_bum span{
		width: 75%;
	}

}

@media screen and (max-width:767px){
	.navtww .oversea_dilemma_tit{
		padding:9% 0;
	}
	.navtww ul{
		-webkit-flex-wrap: wrap;
    	flex-wrap: wrap;
	}
	.navtww li{
		width: 50%;
	}
	.cooperation_oth_hover h3{
		font-size: 23px;
	}
	.cooperation_oth_hover p{
		font-size: 15px;
	}
	.cooperation_oth_hover a{
		font-size: 12px;
	}
	.e_oth_hover2_in p{
		padding:5% 0 7%;
	}
	.seo_client{
		padding: 7% 0;
	}
	.build_star{
		padding-bottom: 7%;
	}
	.cooperation_oth_hover a{
		width: 120px;
	}
	.word{
		top:50%;
		margin-top: -43px;
		line-height: 1.2;
	}
}
@media screen and (max-width:640px){
	.double_eleven{
		display: none;
	}
	.double_eleven_phone{
		position: fixed;
		left:0;
		bottom: 0;
		width: 100%;
		z-index: 999;
	}
	.double_eleven_phone i{
		position: absolute;
		right:3%;
		top:3%;
		color: #fff;
		font-size: 20px;
	}
}
@media screen and (min-width: 415px) and (max-width: 767px){
	.in_design_number{
		display: none;
	}
	.other_address{
		width: 100%;
	}
	#map{
		width: 100%;
		margin:3% 0;
	}
	.famous_case_swip{
		margin-top: 8%;
	}
	.footer_navbar{
		display: none;
	}
	.in_footer_share{
		display: none;
	}
	.footer_logo{
		display: none;
	}
	.footer_center{
		border-bottom: 0;
		padding-bottom: 0;
	}
	.footer{
		padding:15px 0 ;
	}
}

 @media screen and (max-width: 414px){
	#scrollDiv{
		width: 85%;
		padding-left: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.in_about_top_tit h3{
		font-size: 2.2rem;
	}
	.in_strong{
		display: none;
	}
	.in_about{
		width: 92%;
	}
	.in_about_top_tit span{
		padding-top: 0;
	}
	.in_about_top img#in_titext{
		width: 56%;
	}
	.in_about_top_tit{
		padding-top: 3.5%;
	}
	.in_about_design{
		height: 0;
	}
	.in_design_move img{
		padding-top: 23%;
	}
	.in_design_number{
		display: none;
	}
	.in_about_top_tit h3{
	    padding: 5.9% 0 1%;
	}
	.in_about_design{
	    margin: 5% auto 0;
	}
	.in_cando_center_tit img#in_titext{
		width: 56%;
	}
	.in_cando_center_tit h3{
		font-size: 2.4rem;
	}
	.in_about_top_tit h3 {
	    padding: 6.9% 0 2.2%;
	}
	.in_cando_list ul{
	    -webkit-flex-wrap:wrap;
   		 flex-wrap: wrap;
	}
	.in_service_tit h3{
		font-size: 2rem;
	}
	.in_service_nav{
		display: none;
	}
	.in_cando_last{
		font-size: 2rem;
	}
	.in_cando_list ul li p{
		font-size: 1.2rem;
	}
	.in_brand_list ul li{
		width: 48%;
		margin-bottom: 3%;
	}
	.in_service_tit{
		padding:0 0 5%;
	}
	.in_service_brand_center{
		width: 92%;
	}
	.in_service_brand{
		padding:4% 0;
	}
	.in_design_more{
		line-height: 36px;
	}
	.footer{
		line-height: 1.8;
	    padding: 2% 4%;
	}
	.in_contact{
		display: none;
	}
	.in_about_top_tit span{
		font-size: 2.2rem;
	}
	.in_cando_center_tit h3{
		font-size: 2.2rem;
	}
	/*.in_news{
		display: none;
	}*/
	.in_news_listot ul li{
		width: 100%;
	}
	.about_modular1_right{
		display: none;
	}
	.about_modular1_left{
		width: 100%;
	}
	.about_modular1_left p{
		font-size: 1.4rem;
		line-height: 1.6;
	}
	.about_modular1_left h3{
		font-size: 1.8rem;
		padding-bottom: 3%;
		color: #000;
	}
	.about_modular2{
		display: none;
	}
	.about_best_hove h3{
		font-size: 1.6rem;
	}
	.about_best_hove p{
		font-size: 1.2rem;
	}
	.pencil_set_text h3{
		font-size: 2.2rem;
	}
	.pencil_set img{
		width: 14%;
	}
	.pencil_set_text{
		width: 80%;
	}
	.pencil_set_text h3{
		padding:2% 0;
	}
	.pencil_set_text p{
		font-size: 1.4rem;
	}
	.pencil_set_text{
		padding-top: 10%;
	}
	.pencil_set{
		padding-top: 7%;
	}
	.about_modular6{
		margin: 4% auto 0;
	}
	.about_modular2_tit h3{
		font-size: 2.2rem;
	}
	.about_modular2_tit p{
		font-size: 1.3rem;
	}
	.build_banner_text h3{
		font-size: 2rem;
	}
	.build_banner_text p{
		padding-bottom: 5px;
	}
	.strength_tit h3{
		font-size: 2.4rem;
	}
	.build_strength{
	    margin: 6% auto;
		padding:0 4%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.news_left{
		width: 100%;
		padding-left: 0;
	}
	.news_left h3{
		display: none;
	}
	.news_left ul{
		display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
		display: -moz-box; /* 老版本语法: Firefox (buggy) */
		display: -ms-flexbox; /* 混合版本语法: IE 10 */
		display: -webkit-flex; /* 新版本语法: Chrome 21+ */
		display: flex;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
		-webkit-justify-content:left;
		justify-content:left;
	}
	.news_left ul li{
		width: 28%;
		border:1px solid #f0f0f0;
		margin:1% 2%;
	}
	.news_list{
		padding:0 4%;
	}
	.news_list_right{
		width: 100%;
	}
	.news_text span{
		font-size: 1.3rem;
	}
	.news_text h3{
		font-size: 1.8rem;
		padding-bottom: 2%;
	}
	.news_text span{
	    padding: 1% 0 3%;
	}
	.news_text{
		width: 56%;
	}
	.news_text h3{
		font-size: 1.6rem;
	}
	.news_text p{
		font-size: 1.2rem;
	}
	/*.news_text a{
		margin-top: 6%;
	}*/
	.news_detail_right{
		width: 100%;
		padding-right: 0;
	}
	.news_text h3 a{
		font-size: 1.5rem;
	}
	.news_detail_right_tit h3{
		font-size: 2.2rem;
	}
	.share{
		display: none;
	}
	.news_detail_right_tit{
		padding-bottom: 4%;
	}
	.news_list{
		width: 92%;
	}
	.news_detail_right_tit span{
		padding-bottom: 2%;
	}
	.news_detail_right{
		padding-top: 6%;
	}
	.news_detail_right_info p{
		font-size: 1.4rem;
		line-height: 2;
	}
	.news_detail_right_info span{
		font-size: 1.4rem;
	}
	.strength_tit h3{
		font-size: 2.2rem;
	}
	.strength_tit i{
		font-size: 1.2rem;
	}
	.major_left{
		width: 100%;
		padding: 5% 7% 7%;
	}
	.major_left p {
	    font-size: 1.6rem;
	    position: relative;
	    line-height: 1.3;
	    padding-top: 5%;
	    margin-top: 4%;
	}
	.major_right{
		width: 100%;
	}
	.major_right ul li{
		width: 50%;
	}
	.extension_info b{
		font-size: 2.4rem;
	}
	.extension_info h4{
		font-size: 1.6rem;
	}
	.extension_info p{
		line-height: 2;
		font-size: 1.2rem;
	}
	.extension_info h4{
		margin-bottom: 34px;
	}
	.extension_info h4:after{
		bottom: -19px;
	}
	.promotion_advantages{
		display: none;
	}
	.flow_info{
		display: none;
	}
	.extension_side{
		width: 100%;
	}
	.extension_side h3{
		font-size: 1.8rem;
		padding-bottom: 3%;
	}
	.extension_side ul li{
		width: 48%;
		padding-bottom: 2%;
	}
	.extension_side ul li a span{
		font-size: 1.3rem;
	}
	.extension_side ul li a p{
		font-size: 1.4rem;
	}
	.extension_optimization{
		width: 92%;
		padding: 6.5% 0 4.5%;
	}
	.optimization_know{
		width: 100%;
	}
	.optimization_know h3{
		font-size: 1.8rem;
		padding: 3% 0 4%; 
	}
	.optimization_know a{
		font-size: 1.4rem;
		padding:2px 0;
	}
	.move_webside{
		z-index: 999;
	}
	.move_webside a{
		font-size: 1.3rem;
		line-height: 35px;
		width: 120px;
	}
	.how_read{
		width: 92%;
		margin:0 auto;
	    padding: 4% 0 4%;
	}
	.how_read_tit h3{
		font-size: 2.2rem;
	}
	.strength_tit{
		width: 92%;
		margin:4% auto;
	}
	.how_read_tit p{
		font-size: 1.2rem;
	}
	.exhibition_info{
		padding: 5% 0 0;
	}
	.exhibition_info_tit h3{
		font-size: 2.2rem;
	}
	.exhibition_info_tit p{
		font-size: 1.2rem;
		line-height: 1.7;
	}
	.mobile_web{
		display: none;
	}
	.how_read_tit{
		padding-bottom: 6%;
	}
	.sresent{
		width: 92%;
		margin:0 auto;
		padding: 5% 0 0;
	}
	.custom_made{
	    padding: 5% 4% 1.5%;
	}
	.compatible{
		margin:5% auto;
	}
	.compatible_text{
		position: initial;
		width: 100%;
	}
	.compatible_text h3{
		font-size: 2.2rem;
		padding-bottom: 1.5%;
	}
	.compatible_text p{
		font-size: 1.2rem;
	}
	.pursuit{
		padding: 5% 4% 3%;
	}
	.strength_tit h3{
		padding-bottom: 1.5%;
	}
	.selection_tit p{
		font-size: 1.2rem;
	}
	.selection_function{
		display: none;
	}
	.formulate h4{
		font-size: 2.2rem;
		padding-bottom: 1.5%;
	}
	.formulate p{
		font-size: 1.2rem;
	}
	.formulate p:after{
		top:35px;
	}
	.formulate p{
		padding-bottom: 10%;
	}
	.formulate h3{
		font-size: 3rem;
	}
	.customer_need{
		display: none;
	}
	.case_detailinfo_center img {
	    border: 20px solid #fff;
	}
	.case_detail_banner h3{
		font-size: 2rem;
	}
	.case_detail_banner h3:after{
		bottom:-25px;
		height: 3px;
	}
	.case_detail_banner_cetner a i{
		font-size: 3rem;
	}
	.case_detail_banner_cetner {
	    padding: 17% 0 7% 10%;
	}
	.contact_tit p{
		font-size: 1.8rem;
		line-height: 1.4;
	}
	.contact_message{
		margin: 8% auto 7%;
	}
	.contact_message h3{
		font-size: 1.8rem;
		color: #000;
	}
	.contact_message p{
		line-height: 1.8;
	}
	.contact_address a{
		font-size: 1.5rem;
	}
	.contact_message h4{
		line-height: 1.6;
		font-size: 1.8rem;
	}
	.contact_message ul li.message_need{
		width: 350px;
	}
	.contact_message ul li.message_need select{
		width: 85%;
		background: none;
	}

	.contact_message ul li.message_textarea textarea{
		width: 85%;
	}
	.contact_join h3{
		font-size: 1.8rem;
	}
	.contact_message ul li{
	    padding: 8px 10px;
	}
	.contact_message ul li.code{
		width: 180px;
	}
	.contact_join_list ul li{
		text-align: center;
	}
	.contact_join_list ul li a p em{
		font-size: 1.2rem;
	}
	.contact_join_list ul li a p span{
		font-size: 1.2rem;
	}
	.contact_message ul img{
		height: 38px;
	}
	.contact_message ul li.message_button{
		width: 100%;
	}
	.contact_message ul li.message_a{
		display: none;
	}
	.contact_join p{
		line-height: 2;
	}
	.contact_join_list ul li a i{
		margin:0 auto;
		float: none;
	}
	.in_brand_list ul li span{
		font-size: 1.2rem;
	}
	.formulate h4{
		font-size: 2rem;
	}
	.in_cando_center_tit p{
		font-size: 1.2rem;
	}
	.in_cando_center{
	    padding-top: 8%;
	}
	.build_info{
	    margin: 10% auto 0;
	}
	.build_info p{
		font-size: 1.2rem;
		color: #666;
	}
	.strength_tit i{
		color: #333;
	}
	.feature-wrap{
		display: none;
	}
	.realization{
		padding: 7% 4% 5%;
	}
	.realization_list ul li p{
		font-size: 1.3rem;
		padding-top: 1px;
	}
	.realization_list ul li i{
		font-size: 32px;
	}
	.realization_list{
		margin: 11.5% auto 4.5%;
	}
	.realization_tit h3{
		font-size: 2.2rem;
	}
	.realization_tit::after{
		bottom: -20px;
	}
	.web_style_text_tit h3{
		font-size: 2.2rem;
		padding-bottom: 6px;
	}
	.web_style_text{
		width: 92%;
		margin:0 auto;
		float: none;
		padding:0;
	}
	.web_style_text_tit span{
		font-size: 1.6rem;
	}
	.web_style_text_tit::after{
		bottom: -20px;
	}
	.web_style_text_info{
		padding-top: 9%;
	}
	.web_style_text_info p{
		line-height: 2;
		font-size: 1.3rem;
	}

	.web_style_text_info a{
		margin-top: 5%;
	}
	.in_design_more span{
		font-size: 1.4rem;
	}
	.major_right ul li{
		width: 49%;
	}
	.major_right ul li:nth-child(3) {
	    margin-top: 3%;
	}
	.major_right ul li:nth-child(4) {
	    margin-top: 3%;
	}
	.major_right ul li:nth-child(5) {
	    margin-top: 3%;
	}
	.major_right ul li:nth-child(6) {
	    margin-top: 3%;
	}
	.major_right ul li p{
		font-size: 1.4rem;
	}
	.major_right ul li img{
		width: 40px;
	}
	.major_right ul li{
		height: 122px;
		padding-left: 6%;
	}
	.major_left{
		margin-bottom: 5%;
	}
	.major_left h3{
		font-size: 2.2rem;
	}
	.meticulously_tab_pic{
		display: none;
	}
	.meticulously_tab_left{
		width: 100%;
	}
	.meticulously_content{
		font-size: 1.4rem;
	}
	.meticulously_content{
		line-height: 1.8;
	}
	.meticulously_tab_left{
		padding-left: 0;
	}
	.meticulously_tab_info {
	    padding: 6% 0 5%;
	}
	.meticulously_tab_tit a{
		margin:3px;
		line-height: 2.2;
		font-size: 1.4rem;
	}
	.how_read{
	    padding: 5% 0 7%;
	}
	.powerfulinfo_tab_tit h3{
		font-size: 2.2rem;
	}
	.powerfulinfo_tab_tit p{
		font-size: 1.2rem;
	}
	.wechat_service_text_center p{
		font-size: 1.3rem;
		line-height: 2;
	}
	.wechat_service_move{
		display: none;
	}
	.wechat_service_text_center{
	    padding: 5% 0 7%;
	}
	.powerfulinfo{
		display: none;
	}
	.web_style_pic{
		display: none;
	}
	.about_modular4{
		margin: 6% auto;
	}
	.about_modular6{
	    margin: 6% auto 0;
	}
	.in_address{
		width: 100%;
		padding-left: 0!important;
	}
	.in_message{
		width: 100%;
		margin-top: 4%;
	}
	.in_address h4{
		margin-bottom: 3%;
	}
	.in_address h4:after {
	    left: 21%;
	    height: 3px;
	}
	.in_message h4:after {
	    left: 27%;
	    height: 3px;
	}
	.news_left ul li a{
		line-height: 1.8;
	}
	.in_address ul{
		padding-top: 1%;
	}
	.logo{
		width: 35%;
	}
	.contact_join_list ul li a p{
	    padding: 7px 0 0 7px;
	}
	.lehuan_special{
		padding-left: 4%;
	}
	.menu i{
		font-size: 2.6rem;
	}
	.banner{
		/*margin-top: 43px;*/
		margin-top: 20px;
	}
	.oversea_dilemma_tit h3{
		font-size: 21px;
	}
	.webmark_icon i{
		font-size: 30px;
	}
	.webmark_icon{
		width: 30%;
	}
	.webmark_text p{
		font-size: 12px;
	}
	.webmark_list ul li{
		padding:4% 0;
	}
	.webmark_text span{
		padding-bottom: 8px;
	}
	.webmark_list{
		padding:9% 10px 5.5%;
	}
	.odt_tit_side p{
		font-size: 13px;
		line-height: 1.9;
		padding-bottom: 5px;
	}
	.odt_tit_side{
		padding-top: 12%;
	}
	.oversea_escort_list ul li span{
		font-size: 34px;
	}
	.osr_success{
		display: none;
	}
	.oversea_success_left_side p{
		font-size: 20px;
	}
	.oversea_success_left_side span{
		font-size: 15px;
	}
	.omi_line{
		display: none;
	}
	.omi_fourbetween{
		display: none;
	}
	.oversea_return{
		width: 90%;
		padding:8% 0;
	}
	.od_line ul li p{
		font-size: 14px;
	}
	.od_line ul li i{
		font-size: 45px;
	}
	.od_line ul{
	    -webkit-flex-wrap: wrap;
   		 flex-wrap: wrap;
	}
	.od_line ul li{
		width: 48%;
		margin:3% 0;
	}
	.od_line ul li p{
		padding-top: 10px;
	}
	.od_line{
		margin-top: 10%;
	}
	.omi_fiveline ul{
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	.omi_fiveline ul li{
		width: 100%;
		padding-bottom: 5%;
	}
	.oversea_market_center{
		padding: 8% 0 8%;
	}
	.omi_fiveline{
		padding-top: 12%;
	}
	.omi_fiveline_more{
		float: left;
		width: 90px;
		line-height: 88px;
	}
	.omi_fiveline_more_in{
		font-size: 18px;
	}
	.omi_fiveline ul li figcaption{
		float: right;
		width: 65%;
	}
	.omi_fiveline ul li figcaption span{
		padding:2% 0;
	}
	.omi_fiveline ul li figcaption p{
		font-size: 12px;
	}
	.omi_fiveline ul li figcaption span{
		font-size: 17px;
	}
	.oversea_market_center{
		width: 92%;
	}
	.oversea_dilemma{
		width: 92%;
	}
	.price_success_info{
		height: 293px;
	}
	.webstructure{
		height: 372px;
	}
	.seo_lion{
		float: none;
		margin:0 auto;
	}
	.seo_client_text{
		width: 100%;
	}
	.seo_client_text{
		padding:0% 0 0 8%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.webstructure_left_tit h3{
		font-size: 30px;
	}
	.webstructure_left_tit p{
		font-size: 16px;
	}
	.webstructure_left {
	    padding: 12% 0 0 8%;
	}
	.webstructure_left_text{
		padding-top: 12%;
	}
	.famous_case_swip{
		display: none;
	}
	.famous_case_swipphone{
		display: block;
		margin-top: 7%;
		padding:3% 5%;
	}
	.build_famous_tit i{
		padding: 9% 0 0;
	}
	.build_famous_tit h3:after{
		bottom:-60px;
	}
	.price_success_center{
		width: 60%;
		height: auto;
		padding-top: 18.5%;
	}
	.price_success_center .swiper-button-prev{
		top:65%;
		left:-35px;
	}
	.price_success_center .swiper-button-next{
		top:65%;
		right:-39px;
	}
	.price_success_info{
		margin-top: 10%;
	}
	.oversea_escort{
		display: none;
	}


	/*8/24*/
	.engines_info{
		padding:3% 0 0;
		width: 82%;
		margin:0 auto;
	}
	.seo_one .seo_one_1{
		margin-left: -270px;
	}
	.wechat_exposure ul li{
		width: 100%;
	}
	.newadvar_hot_img{
		display: none;
	}
	.newadvar_hot_info{
		width: 92%;
		margin:0 auto;
		padding:13% 0 8%;
		float: none;
	}
	.newadvar_hot{
		padding-top: 0;
	}
	.oversea_dilemma_tit h3{
		font-size: 20px;
	}
	.bigdatalist ul li{
		height: auto;
		padding:5% 2%;
		width: 48%;
		margin-top: 3%;
	}
	.bigdatalist ul li span{
	    padding: 4% 0 6%;
	    font-size: 15px;
	}
	.bigdatalist ul li p{
		font-size: 12px;
	}
	.bigdatalist ul li i{
		width: 40px;
		font-size: 40px;
	}
	.yizhanall{
		padding:5.5% 0;
	}
	.oversea_dilemma_tit h3:after{
		bottom:-15px;
	}
	.pencil_set_text h3{
		font-size: 1.7rem;
	}
	.about_banner{
		margin-top: 62px;
		height: 120px;
	}
	.word{

		font-size: 3rem;
	}
	@media only screen and(width:414px){
		.word{

		font-size: 2.5rem;
	}
	} 
	.banother{
		padding:10% 0 5%;
	}
	.contactother{
		padding:9% 0 5%;
	}
	.in_service_brand{
		padding:9% 0;
	}
	.yizhanall{
		padding:9% 0 5%;
	}
	.seo_lion{
		display: none;
	}
	.webmark_three_bum{
	    -webkit-flex-wrap:wrap;
	    flex-wrap:wrap;
        -webkit-justify-content: flex-start;
		justify-content: flex-start;
		padding-top: 83px;
	}
	.webmark_three_bum2{
		padding-top: 28%;
	}
	.webmark_three_bum a{
		display: block;
		/*width: 55%;*/
		width: 100%;
		margin:0 5% 3%;
	}
	.news_left{
		margin-top:10%;
	}
	#scrollDiv{
		height: 20px;
		line-height: 20px;
		min-height: 20px;
	}
	#scrollDiv li{
		line-height: 20px;
		height: 30px;
	}
	.news_move{
		bottom:18%;
	}
	#scrollDiv li p{
		width: 200px;
	}
	#scrollDiv li a:after{
		bottom:0;
	}
	.in_choose{
		padding: 12% 0 14%;
	}
	.webmark_banner{
		background:none;
	}
/*	.oversea_dilemma_tit h3:after{
		bottom:-35px;
	}*/
	.webmark_banner{
		height: 280px;
	}
	.webmarkword{
		display: none;
	}
	.seo_one{
		display: none;
	}
	.seo_ys h3:after{
		background:none;
	}
	.step ul{
		-webkit-flex-wrap:wrap;
    	flex-wrap:wrap;
	}
	.step ul li{
		width: 47%!important;
		margin-bottom: 3%;
	}
	.wechat_exposure ul{
		-webkit-flex-wrap:wrap;
    	flex-wrap:wrap;
	}
	.wechat_exposure ul li{
	    padding: 6% 5% 8%;
		margin-bottom: 4%;
		height: auto;
	}
	.wechat_exposure_tit{
		padding-bottom: 4%;
	}
	.wechat_exposure{
		padding-top: 10%;
	}
	.big_data_side_list ul li i{
		width: 72px;
		line-height: 72px;
		font-size: 28px;
	}
	.big_data_side_list ul li span{
		padding-top: 15px;
		font-size: 14px;
	}
	.big_data_side_list ul li p{
		font-size: 12px;
		line-height: 1.6;
	}
	.big_data_side{
		padding:7% 0;
	}
	.big_data_side_list{
		padding-top: 10%;
	}
	.wechat_side_all{
		padding:7% 0;
	}
	.bigdatalist{
		padding-top: 9%;
	}
	.webmark_case{
		padding:12% 0 9%;
	}
	.webmark_list{
	    padding: 9% 10px 0;
	}
	.yizhanall{
		padding:12% 0 3%;
	}
	.other_address{
		width: 100%;
	}
	#map{
		width: 100%;
		margin:3% 0;
	}
	.other_address p{
		padding-bottom: 10px;
	}
	.contact_address ul li{
		width: 100%;
		margin-bottom: 5%;
	}
	.contact_address ul li h3{
		padding-bottom: 5px;
	}
	.contact_address{
		padding-top: 8%;
	}
	.contact_address ul li.ot_ewm{
		display: none;
	}
	.contact_tit h3{
		font-size: 2rem;
	}
	.ot_join ul li{
		width: 100%;
	}
	.ot_join{
		margin-top: 7%;
	}
	.message_ot p{
		font-size: 1.4rem;
		line-height: 2;
	}
	.ot_join ul li span{
		padding:4% 0 5%;
	}
	.contact_tit p span{
		padding-top: 14px;
		display: block;
	}
	.price_success_tit i{
		display: none;
	}
	.build_famous_tit h3:after{
		bottom:-18px;
	}
	.word2{
		display: none;
	}
	.webmark_three_bum{
		padding-top: 20%;
	}
/*	.productother{
		height: 376px;
	}
	.about_banner{
		height: 220px;
	}*/
	.webmark_three_bum2{
		padding-top: 28%;
	}
	.about_banner{
	    height: 180px;
	}
	.webmark_three_bum2{
		padding-top: 7%;
	}
	.footer_navbar{
		display: none;
	}
	.in_footer_share{
		display: none;
	}
	.footer_logo{
		display: none;
	}
	.footer_center{
		width: 100%;
		border-bottom: 0;
		padding-bottom: 0;
	}
	.footer{
		padding:15px 0 ;
	}
	

	.transform{
		/*margin:50% auto 0;*/
    	animation:mymove 1s;
-webkit-animation:mymove 1s; 
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
	} 
	@keyframes mymove
{
from {margin-top:30%;opacity: 0;}
to {margin-top:50%;opacity: 1;}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
from {margin-top:30%;opacity: 0;}
to {margin-top:50%;opacity: 1;}
}

	.contact_address ul li p em{
		display: initial;
		padding-left: 0;
	}
	.copy p{
		text-align: center;
		padding: 0 20px;
	}
	.in_brand_list ul li figure img{
		filter: grayscale(0);
	    -webkit-filter: grayscale(0);
	    -moz-filter: grayscale(0);
	    -o-filter: grayscale(0);
	    -ms-filter: grayscale(0);
	}
	.markseo figure.effect-bubba{
		width: 100%;
		margin:2% 0;
	}
	.markseo figure figcaption img{
		width: 60%;
	}
 }


  @media screen and (max-width: 375px){
  	.webmark_icon i{
  		font-size: 25px;
  	}
	.webmark_icon {
	    width: 27%;
	}
	.webmark_text {
	    width: 68%;
	}
	.price_success_center{
		padding-top: 21.5%;
	}
  }
/*screen and (max-width:768px)*/
@media only screen and (max-width: 768px) {
	.news_detail_prevnext a{
		width:100%;
	}
	.news_detail_relevant ul li{
		width:100%;
	}
}
/*screen and (max-width:640px)*/
@media only screen and (max-width: 640px) {
	.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
		bottom: 8%;
	}
	.in_cando_list ul li{
		width: 27%;
		padding: 2%;
		-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
		 box-sizing: border-box; 
	}
	.in_cando_list ul li p{
		padding: 0;
		line-height: 3;
	}
	.in_choose_list ul li{
		width: 50%;
		border:0; 
		border-right: 1px dashed #d8d8d8;
		border-bottom: 1px dashed #d8d8d8;
	}
	.in_choose_list ul li:nth-child(2n){
		border-right: none;
	}
	.in_choose_list ul li:nth-child(5n){
		border-right: 1px dashed #d8d8d8;
	}
	.in_choose_list ul li:nth-child(9n){
		border-bottom: none;
	}
	.in_choose_list ul li:last-child{
		border-right: none;
		border-bottom: none;
	}
	.in_choose_list ul li img{
		padding:2%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.in_choose_list ul li:nth-child(n+1) img{
	padding:5%;
	}
	
	.in_choose{
		background: none;
		padding:11% 0 11%;
	}
	.banner .swiper-pagination-bullet{
		width: 25px;
	}
	.banner .swiper-pagination-bullet-active{
		width: 38px;
	}
}
/*screen and (max-width:320px)*/
@media only screen and (max-width: 320px) {
	.in_cando_list ul li{
		width: 29%;
	}
	.word{
		font-size: 2.6rem;
	}
	.menu_list a{
		font-size: 1.4rem;
		line-height: 2.1;
	}
	.about_modular1_left h3{
		font-size: 1.7rem;
	}
	.pencil_set_text h3{
		font-size: 1.6rem;
	}
	.about_banner{
		height: 130px;
	}
	.seo_client {
	    padding: 8% 0 3%;
	}
	.webmark_three_bum span{
		width: 85%;
	}
	.webmark_banner{
		height: 250px;
	}
	.step ul li{
		height: 110px;
	}
	.seo_ys.step li span{
		font-size: 18px;
		top:8px;
	}
	.step ul li p{
		font-size: 12px;
		top:49px;
	}
	.oversea_dilemma_tit h3{
		font-size: 18px;
	}
	.price_success_info{
		height: 250px;
	}
	.formulate p{
		width: 70%;
		margin:0 auto;
	}
	.formulate h3{
		font-size: 2.6rem;
	}
	.news_detail_right_tit h1{
		font-size: 2rem;
	}
	.contact_tit p{
		font-size: 1.7rem;
	}
	.menu_list h3{
		font-size: 2rem;
	}
	.menu_list h4{
		font-size: 1.4rem;
	}
	.menu_list span{
		font-size: 2.4rem;
	}
	.price_success_center .swiper-button-prev{
		top:71%;
		width: 12px;
		height: 30px;
	}
	.price_success_center .swiper-button-next{
		top:71%;
		width: 12px;
		height: 30px;
	}
	.formulate p:after{
		top:45px;
	}
	.cooperation_oth_hover h3 {
	    font-size: 20px;
	}
	.cooperation_oth_hover p {
	    font-size: 13px;
	    padding: 3% 0 8%;
	}
	.cooperation_oth_hover a {
	    font-size: 12px;
	}
	.e_oth_hover2_in p{
		padding:3% 0 6%;
	}
	.e_oth_hover2_in a{
		margin-bottom: 1%;
	}
	.cooperation_oth_hover a{
		line-height: 29px;
	}
}

/*hmstyle*/
.topnav{ 
	float: left;
    width: 64%;
    margin: 5px 2% 0;
    /* padding: 0 10% 0; */
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    }
.topnav>li{ position: relative; float:left; width: 12.5%; text-align: center;}
.topnav>.active>a{ color: #297fae;}
.topnav>li>a{
	font-size: 1.6rem;
    color: #eee;
    position: relative !important;
    line-height: 2.2;
    padding: 1.2% 1.8% 1.1%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    font-weight: 600;
}
.topnav>li>a:after {
    content: "";
    width: 0;
    height: 4px;
    background: #297fae;
    position: absolute;
    bottom: 0%;
    left: 50%;
    transition: all .8s;
}
.topnav>li>a:hover:after{
    left: 22%;
    width: 55%;
}
.topnav>li>a.nav_line{
	color: #297fae;
}
.topnav>li>a:hover{
	color: #297fae;
	
}
/*fukuanfangshi-style*/
.fukuan{
	width: 1200px;
	display: block;
	margin: 0 auto;
	padding: 30px 0 50px;
}
.fukuan h3{ text-align: center; margin: 50px 0 20px; font-size: 28px; color: #297fae; font-weight: 600;}
.fukuan span{ text-align: center; display: block; margin: 0 auto 20px; color: #666;}
.gszh{ width: 100%; height: auto; margin: 0 auto 30px; display: inline-block;}
.gszh h4{ width: 100%; background: #297fae; color: #fff; text-align: center; border-radius: 5px; padding: 8px 0; font-size: 16px; margin: 0 auto 30px;}
.zhtu{ width: 46%; margin: 0 2%; float: left;}
.zhtu img{ display: block; margin: 0 auto; border: 1px solid #ddd;}
.zhzi{ width: 43%; margin: 0 2% 0 5%; float: left; display: inline-block;}
.zhzi li{ font-size: 14px; line-height: 26px; color: #333;}
.zhzi li:first-child{ font-size: 22px; margin: 6px 0 10px;}
/*nav-style*/
.topnav>li>ul{ position: absolute; top:38px; right: 0; display: none; background: rgba(0,0,0,.6);  text-align: center; padding: 5px 26px; width: 56px;}
.topnav>li>ul>li>a{ line-height: 30px; font-size: 14px; color: #fff;}
.topnav>li>ul>li>a:hover{ color: #297fae; }
.topnav>li:hover>ul{ display: block;}
@media only screen and (max-width: 768px) {
	.topnav{ display: none;}
}
/*newshow-style*/
.news_show h3{ font-size: 18px;}
.news_show .time{ color: #666; line-height: 36px; }
.newsnr p{ text-align: justify; text-indent: 2em; font-size: 14px; line-height: 22px;}
