/*=================================中小型笔记本或大平板 laptop /*=================================*/
    @media screen and (max-width: 1200px) {
		

    }

	@media screen and (max-width: 1024px) {
		/*top nav*/
.header{
	height: 60px;
}

.top-nav{
	padding: 0 10px 0 20px;
	position: relative;
	z-index: 999;
}

.top-nav .logo{
	width:100%;
	margin-right: 10px;
}

.top-nav .logo img{
	height: 25px;
}

.top-nav .nav-block{
	display: none;
}

.index-lang{
	display: none;
}

/*手机导航开始menu*/
.top-nav-blank{
	height: 60px;
}
.menu{
  display: block;
  padding: 10px;
}
.menu_down{
  position: absolute;
  left:0;
  top:60px;
  z-index: 990;
  width: 100%;
  padding-bottom: 0px;
  background-color: rgba(0,0,0,0.7);
  box-shadow: 0 1px 3px #999;
}
.pc-nav.curr{
	display: none;
}
.wap-nav.curr{
	display: block;
}
.menu_down li{
  line-height: 4;
  text-align: center;
  /*padding-left: 4rem;*/
  
}
.menu_down li+li{
	border-top: 1px solid #666;
}
.menu_down li a{

  display: block;
  font-size: 15px;
  color: #fff;
}
.top-nav .menu_content{
	padding-right:0;
	margin-right:20px;
	width:10%;
}


/*手机导航结束*/
		.case-title{
			height:100px;
		}
		.case-title p{
			margin-left:-85px;
		}
		.case-title .title-list a:first-child{
			margin-left:180px;
		}
		.index-case .box5{
			width:100%;
			height:450px;
		}
		.case-title .title-list{
			margin-left:4%;
		}
		.index-case .box6{
			width:100%;
			height:450px;
		}
		.index-adv ul{
			padding:0;
		}
		.index-about{
			margin-bottom:50px;
		}
		.index-adv li h1{
			font-size:60px;
		}
		.index-adv{
			width:92%;
			padding:60px 0;
			margin:0 auto;
		}
		.index-adv li h1 b u{
			    bottom: 5px;
		right: 40px;	
		font-size: 36px;
		}
		.module{
			width:100%;
		}
		.partner_list li{
			width:32.6%;
		}
		.partner_list{
			width:92%;
			margin:0 auto;
		}
		.index-news{
			width:92%;
			margin:0 auto;
			padding:50px 0;
		}
		.index-news .imgbox{
			width:100%;
			height:auto;
		}
		.index-news ul{
			width:100%;
			padding-top:3%;
		}
		.footer-list{
			padding:4%;
		}
		.footer-list li{
			width:50%;
		}
		.footer-list .flex{
			flex-wrap:wrap;
		}
		.footer-list li+li{
			margin:0;
			padding:0;
			border:none;
		}
		.footer-list li:last-child{
			width:100%;
			border:none;
			margin-top:3%;
		}
		.footer-list .flex-display{
			margin-left:0;
		}
		.footer-list-bg{
			height:auto;
		}
		.about-textbox1{
			width:92%;
			margin:35px auto 0 auto;
		}
		.about-block2 .imgbox{
			width:92%;
			margin:0 auto;
			float:none;
		}
		.about-textbox2{
			width:92%;
			margin:0 auto;
			float:none;
			padding:80px 0 0 0;
		}
		.about-textbox3{
			width:92%;
			margin:0 auto;
			padding:50px 0 70px;
		}
		.Advantages_list{
			padding-top:50px;
		}
		.Advantages_list ul{
			flex-wrap:wrap;
		}
		.Advantages_list li{
			width:49%;
			margin-bottom:2%;
		}
		.case-block li{
			width:100%;
		}
		.case-detail .infobox .title{
			width:100%;
			float:none;
			font-size:20px;
		}
		.case-detail .infobox{
			padding:35px 5%;
		}
		.case-detail .infobox .other{
			width:100%;
			float:none;
			padding-top:3%;
			padding-bottom:50px;
		}
		.editbox p{
			font-size:14px;
		}
		.case-detail .infobox{
			height:auto;
		}
		.team-block{
			padding:75px 0;
		}
		.team-titleh{
			font-size:42px;
		}
		.team-titlehs{
			padding-top:55px;
		}
		.team-block .team-title{
			padding-bottom:70px;
		}
		.team-block .list{
			padding-top:60px;
			margin-bottom: 75px;
		}
		.team-block .big-li .shade{
			opacity:1;
		}
		.team-block li{
			width:50%;
		}
		.team-block li .shade{
			opacity:1;
		}
		.team-block .big-li .editbox{
			overflow-y: scroll;
			height:360px;
			left:8%;
			width:84%;
			padding:0;
			margin:0 auto 40px auto;
			padding-right:4%;
		}
		
		.team-block .big-li .editbox::-webkit-scrollbar {  
		  width: 14px;  
		  height: 14px;  
		}  
		  
		.team-block .big-li .editbox::-webkit-scrollbar-track,  
		.team-block .big-li .editbox::-webkit-scrollbar-thumb {  
		  border-radius: 999px;  
		  border: 5px solid transparent;  
		}  
		  
		.team-block .big-li .editbox::-webkit-scrollbar-track {  
		  box-shadow: 1px 1px 5px rgba(255,255,255,0) inset;  
		}  
		  
		.team-block .big-li .editbox::-webkit-scrollbar-thumb {
		  min-height: 20px;
		  background-clip: content-box;
		  box-shadow: 0 0 0 5px rgba(255,255,255,.2) inset;
		}  
		  
		.team-block .big-li .editbox::-webkit-scrollbar-corner {  
		  background: transparent;  
		} 
		.contact-block{
			width:92%;
			margin:0 auto;
			padding:30px 0;
		}
		.contact-title{
			margin-bottom:30px;
		}
		.flex-flex1{
			flex:inherit;
			width:100%;
		}
		.contact-tip{
			margin-bottom: 30px;
		}
		.contact-block .flex-flex1+.flex-flex1{
			margin:0;
		}
		.contact-other article{
			width:92%;
			margin:0 auto;
		}
		.consult-menu{
			width:92%;
			margin:0 auto;
			padding:50px 0;
		}
		.consult-mews-block .flex-display{
			justify-content: space-between;
		}
		.consult-mews-block li{
			width:48%;
		}
		.consult-mews-block li:nth-child(2n){
			margin-right:0;
		}
		.consult-mews-block{
			padding: 0 20px 50px;
		}
		.consult-detail-block{
			
		}
		.consult-detail-menu{
			width:100%;
			margin:0 4%;
		}
		.consult-detail-main{
			flex:inherit;
			width:92%;
			margin:0 auto;
			padding:9% 0 0;
		}
		.consult-detail-block{
			padding:0 0 50px;
		}

    }

















    /*=================================手机或小平板 phone=============================== */
    @media screen and (max-width: 767px) {
		.case-detail .editbox .videopalyer{
			max-width:92%;
			height:250px;
		}
		.case-detail .editbox .dplayer{
			height:inherit;
		}
		.case-detail .infobox .other{
			padding-bottom:0;
		}
		.case-title .title-list a:first-child{
			margin-left:0;
		}
		.case-title .title-list{
			width:100%;
			margin-left:0;
			/* height:40px */
		}
		.culpage2{
			width:92%;
			margin:0 auto;
		}
		.culpage2 .posterTop{
			width:100%;
			display:inherit;
		}
		.culpage2 .posterTop .creative{
			text-align:center;
		}
		
		.culpage2 {
	width: 100%;
	height: 100vh;
	padding: 0 .06rem;
	box-sizing: border-box;
}
.culpage2 .posterTop {
	height: 20vh;
	margin-left: 0;
	text-align: center;
}
.culpage2 .posterTop .creative {
	width: 100%;
}
.culpage2 .posterBanner {
	margin: 0 auto;
	width: 100%;
	left: 0;
	padding-bottom: 20vh;
	text-align: center;	
}
.culpage2 .posterBanner .swiper-wrapper .swiper-slide {
	height: 60vh;
}
.culpage2 .posterBanner .swiper-wrapper .swiper-slide img {
	max-width: unset;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
#posterBanner > .swiper-button-next, #posterBanner > .swiper-button-prev {
	top: unset;
	bottom: 6vh;
	transform: translate(-20vw, -.2rem);
}
#posterBanner > .swiper-pagination-fraction {
	width: 80px;
	height: 20px;
	font-size: 30px;
	left: 25%;
	top: unset;
	bottom: 96px;
}
#posterBanner > .swiper-pagination-fraction .swiper-pagination-current,
#posterBanner > .swiper-pagination-fraction .swiper-pagination-total {
	position: relative;
}
		
		
		
		
    	.about-textbox1 h1 t{
    		font-size: 14px;
    		padding-left: 10px;
    	}
    	.about-textbox2 h1{
    		font-size: 24px;
    	}
    	.about-textbox2 h3{
    		font-size: 18px
    	}
    	.about-textbox2 h4{
    		font-size: 14px;
    	}
    	.about-textbox3 h1{
    		font-size: 20px;
    		padding-top: 15px
    	}
    	.about-textbox3 h1 t{
    		font-size: 14px;
    	}
    	.Advantages_list{
    		padding-top: 5%;
    	}
    	.aboutf{
    		padding-top: 50px;
    		font-size: 16px;
    		line-height: 1.7;
    	}
    	.Advantages_list ul{
    		flex-wrap: wrap;
    	}
    	.Advantages_list li{
    		width: 48%;
    		margin-bottom: 3%;
    		height: 195px;
    	}
    	.Advantages_list li h3{
    		padding-top: 28px;
    	}
    	.Advantages_list li aside{
    		padding-top: 25px;
    		font-size: 14px;
    	}
		.indexnews_more{
			width:100%;
		}

/*index*/



/* index banner */
.index-banner img{
	min-height: 240px;
	object-fit: cover;
}

/**/
.case-title{
	height: auto;
	position: relative;
	margin: 0;
	padding: 20px;
}
.case-title p{
	font-size: 18px;
	color: #535353;
	line-height: 1;
	position: relative;
	left: 0;
	margin-left: 0;
	z-index: 0;
	width: auto;
	font-weight: bold;
	margin-bottom: 15px;
}
.case-title .title-list{
	float: none;
	position: relative;
	right: auto;
}
.case-title .title-list a{
	margin-right: 20px;
	margin-bottom: 10px;
	line-height: 1.5;
	font-size: 16px;
}

/* index case */
.index-case{
	padding: 0 0px 20px;
}

.index-case .leftbox{
	width: 100%;
}

.index-case .rightbox{
	width: 100%;
}

.index-case .shade{
	opacity: 0;
}

.index-case .textbox{
	padding: 10px;
}

.index-case h2{
	padding: 10px 0 0 10px;
	font-size: 16px;
}

.index-case h1{
	font-size: 18px;
	margin: 5px 0;
}

.index-case p{
	font-size: 12px;
}

.index-case .box1{
	width: 100%;
	height: auto;
}

.index-case .box2{
	width: 100%;
	height: auto;
}

.index-case .box3{
	width: 100%;
	height: auto;
}

.index-case .box4{
	width: 100%;
	height: auto;
}

.index-case .box5{
	width: 100%;
	height: auto;
}

.index-case .box6{
	width: 100%;
	height: auto;
}

/*index about*/
.index-about{
	margin-bottom: 20px;
}

.index-about img{}

.index-about .editbox{
	font-size: 15px;
	margin: 20px auto 0;
}

/*index adv*/
.index-adv{
	padding: 20px;
}

.index-adv ul{
	padding: 0;
}

.index-adv li{
	width: 100%;
	padding: 10px 0;
}

.index-adv li h1{
	font-size: 40px;
	margin-bottom: 5px;
}

.index-adv li h4{
	font-size: 12px;
}

/*index partner*/
.index-partner{
	padding: 20px;
}

.index-partner .title{
	margin-bottom: 20px;
}

.index-partner h1{
	font-size: 24px;
	margin-bottom: 20px;
}

.index-partner h3{
	font-size: 16px;
}

.index-partner img{}

/*index news*/
.index-news{
	padding: 20px;
}

.index-news .title{
	margin-bottom: 20px;
}

.index-news .imgbox{
	width: 100%;
	height: 200px;
	margin-bottom: 20px;
}

.index-news ul{
	width: 100%;
}

.index-news li h1{
	font-size: 20px;
	padding: 15px 0;
}

.index-news li .textbox{
	padding: 0px 0px 20px;
	display: block;
}

.index-news li .editbox{
	font-size: 15px;
	margin-bottom: 20px;
}

.index-news li h4{
	font-size: 14px;
	margin-bottom: 20px;
	
}

.index-news li .btn{
	line-height: 44px;
	font-size: 16px;
}
.index-about h3{
	font-size:25px;
}
.index-adv li h1 b u{
	bottom: 5px;
    right: 31px;
	font-size:25px;
}

/*footer list*/
.footer-list-bg{
	padding: 10px 0 0;
	background: url(../images/footer_27.jpg) repeat right center;
	height:auto;
}
.footer-list{
	padding: 20px;
}

.footer-list li{
	padding-top: 0px !important; 
	padding-bottom: 0px !important;
	/*display: none;*/
	width: 100%;
}
.footer-list .flex{
	flex-wrap: wrap;
}

.footer-list li:first-child{
	display: block;
	text-align: left;
}

.footer-list li+li{
	margin: 3% 0;
	border:none ;
	padding-left: 0;
}
.footer-list li:last-child{
	border:none ;
}

.footer-list li:first-child img{
	position: relative;
}

.footer-list a{
	font-size: 14px;
	line-height: 1.5;
}
.footer-list .flex-display{
	margin-left: 0;
}
.footer-list li span+span{
	margin-left: 20px;
}

/*other public*/
.other-banner img{
	min-height: 200px;
}

.shade-text{
	text-align: center;
}

.shade-text h1{
	font-size: 24px;
}

.shade-text h2{
	font-size: 14px;
	margin-top: 10px;
	padding: 0 20px;
}

/*about us*/
.about-block1{
	padding: 20px;
}

.about-textbox1{
	margin-top: 25px;
}

.about-textbox1 h1{
	font-size: 20px;
	margin-bottom: 10px;
}
.about1font{
	margin-top: 15px;
}

.about-textbox1 h1::before{
	width: 45px;
	height: 3px;
}

.about-textbox1 p{
	font-size: 15px;
	line-height:1.7;
}

.about-block2{
	padding: 20px;
}

.about-block2 .imgbox{
	height: auto;
	width: 100%;
}

.about-textbox2{
	width: 100%;
	padding-top: 25px;
}

.about-textbox2 .border{
	width: 45px;
	height: 3px;
}

.about-textbox2 .editbox{
	width: 100%;
	padding-right: 0;
	margin-top: 15px;
	font-size: 15px;
	line-height: 1.5;
}

.about-block3{
	padding: 20px;
}

.about-block3 img{
	width: 100%;
}

.about-block3 .about-textbox1{
	padding: 20px 0 0;
}

/* case */
.case-block{
	padding: 0 20px 20px;
}

.case-block li{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.case-block li .shade{
	opacity: 0;
}

.case-block li .textbox{
	padding: 10px;
}

.case-block li h2{
	padding: 10px;
	font-size: 16px;
}

.case-block li h1{
	font-size: 20px;
	margin: 10px 0;
}

.case-block li p{
	font-size: 14px;
}

/*case detail*/
.case-detail{
	padding: 0px;
}

.case-detail .infobox{
	height: auto;
	padding: 20px;
}

.case-detail .infobox .title{
	width: 100%;
	margin-right: 0;
	margin-bottom: 15px;
	float: left;
	text-align: center;
	font-size: 15px;
}

.case-detail .infobox .other{
	width: 100%;
	height:auto;
}

.case-detail .infobox ul{
	margin-top: 20px;
	position:relative;
}

.case-detail .infobox li{
	font-size: 12px;
}

.case-detail .infobox li+li{
	margin-top: 10px;
}

.case-detail-btn{
	padding: 20px;
}

.case-detail-btn img{
	max-width: 60px;
	max-height: 20px;
}

.case-about-title{
	text-align: center;
	margin: 20px 0;
}

.case-about-title h1{
	font-size: 24px;
}

.case-about-title h3{
	font-size: 16px;
}

.promod{
	width:100%;
}
.promod .case-block{
	padding:0 0 20px;
}

/*team*/
.team-block{
	padding: 20px;
}

.team-block .team-title{
	margin-bottom: 20px;
}

.team-block .list{
	padding-top: 30px;
	margin-bottom: 20px;
}

.team-block .list .title{
	font-size: 20px;
	margin-bottom: 20px;
}

.team-block .big-li{
	width: 100%;
	height: 330px;
}

.team-block .big-li .shade{
	padding: 20px;
	opacity: 1;
}

.team-block .big-li h1{
	font-size: 22px;
}

.team-block .big-li h2{
	font-size: 17px;
}

.team-block .big-li h4{
	font-size: 15px;
}

.team-block .big-li .editbox{
	height:180px;
	overflow-y:scroll;
	padding: 20px;
	font-size: 14px;
	margin-bottom:3%;
	
}

.team-block .big-li .editbox::-webkit-scrollbar {  
  width: 14px;  
  height: 14px;  
}  
  
.team-block .big-li .editbox::-webkit-scrollbar-track,  
.team-block .big-li .editbox::-webkit-scrollbar-thumb {  
  border-radius: 999px;  
  border: 5px solid transparent;  
}  
  
.team-block .big-li .editbox::-webkit-scrollbar-track {  
  box-shadow: 1px 1px 5px rgba(255,255,255,0) inset;  
}  
  
.team-block .big-li .editbox::-webkit-scrollbar-thumb {
  min-height: 20px;
  background-clip: content-box;
  box-shadow: 0 0 0 5px rgba(255,255,255,.2) inset;
}  
  
.sbar::-webkit-scrollbar-corner {  
  background: transparent;  
} 


.team-block li{
	width: 100%;
	height: 330px;
}

.team-block li .shade{
	padding: 20px;
	opacity: 1;
}

.team-join::before{
	margin-bottom: 5px;
}

.team-join h1{
	font-size: 24px;
	margin-bottom: 5px;
}

.team-join h3{
	font-size: 18px;
	margin-bottom: 20px;
}

.team-join .editbox{
	font-size: 16px;
}

/* message */
.msg-block{
	padding: 20px;
}

.msg-block .title{
	margin-bottom: 20px;
}

.msg-block .title h1{
	font-size: 24px;
}

.msg-block .title h2{
	font-size: 16px;
	line-height: 1.5;
	margin-top: 15px;
}

.form-block .full-div{
	width: 100%;
}

.form-block .half-div{
	width: 100%;
}

.form-block .onethird-div{
	width: 100%;
}

.form-block .quater-div{
	width: 100%;
}

.msg-block .form-block textarea{
	height: 200px;
}

.msg-block .form-block button{
	width: 100%;
	font-size: 15px;
}

/*contact us*/
.contact-block{
	padding: 20px;
}

.contact-block .flex-flex1+.flex-flex1{
	margin-left: 0;
}

.contact-block .flex-flex1{
	-webkit-flex:100%; 
	-webkit-box-flex:100%; 
	-ms-flex:100%; 
	-moz-flex:100%; 
	flex:100%;
}

.contact-title{
	margin-bottom: 20px;
}

.contact-title::before{
	margin-bottom: 5px;
}

.contact-title h1{
	font-size: 24px;
}

.contact-title h4{
	font-size: 14px;
}

.contact-block .map{
	width: 100%;
	height: 380px;
	background-color: #fafafa;
}
.contact-block .map #map{
	width: 100%;
	height: 380px;
}

.contact-tip{
	padding-top: 20px;
	font-size: 17px;
	line-height: 2;
	margin-bottom: 40px;
}
.team-block .team-title{
	padding-bottom: 50px;
}
.team-titleh{
	font-size: 30px;
}
.team-titlehs{
	font-size: 15px;
	padding-top: 40px;
}
.contact-block .editbox{
	margin-top: 20px;
	font-size: 16px;
}
.contact-other{
	height: auto;
	padding: 10% 20px 5% 20px;
}
.co_title h3{
	font-size: 3rem;
}
.co_title h4{
	font-size: 2rem;
}
.co_list{
	padding-top: 10%;
}

/*consult*/
.consult-menu{
	padding: 20px;
}

.consult-menu .title{
	margin-right: 0;
	margin-bottom: 20px;
	width: 100%;
}

.consult-menu .title::before{
	width: 40px;
	height: 3px;
	margin-bottom: 10px;
}

.consult-menu .title h1{
	font-size: 24px;
}

.consult-menu .title h3{
	font-size: 18px;
	color: #313131;
}

.consult-menu .title h4{
	font-size: 14px;
	color: #535353;
	margin-top: 10px;
}

.consult-menu ul{
	width: 100%;
	text-align: center;
}

.consult-menu li+li{
	margin-top: 20px;
}

.consult-menu li a{
	font-size: 18px;
}

.consult-mews-block{
	padding: 0 20px;
}

.consult-mews-block li{
	width: 100%;
	margin-right: 0;
}

.consult-mews-block li a{
	display: block;
}

.consult-mews-block li .imgbox{
	height: 220px;
}

.consult-mews-block li .textbox{
	padding: 20px;
}

.consult-mews-block li .textbox::before{
	width: 40px;
	height: 3px;
	margin-bottom: 5px;
}

.consult-mews-block li h1{
	font-size: 18px;
	line-height: 30px;
	height: 120px;
}

/*consult detail*/
.consult-detail-block{
	padding: 20px;
}

.consult-detail-menu{
	width: 100%;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left:0;
}
.consult-detail-menu aside{
	padding: 20px;
}

.consult-detail-menu li a{
	line-height: 52px;
	font-size: 16px;
}

.consult-detail-main .title aside{
	font-size: 14px;
	margin-top: 10px;
}

.consult-detail-main{
	border-top: 1px solid #535353;
	-webkit-flex:100%; 
	-webkit-box-flex:100%; 
	-ms-flex:100%; 
	-moz-flex:100%; 
	flex:100%;
}

.consult-detail-main .title{
	padding: 20px 0;
	font-size: 22px;
}

.consult-detail-main .title span{
	font-size: 15px;
}

/*consult live*/
.consult-live-block{
	padding: 20px;
}

.consult-live-block li{
	width: 100%;
	margin-right: 0;
	margin-bottom: 20px;
}

.consult-live-block li .imgbox{
	height: 440px;
}

/*detail2*/
.consult-detail-menu2{
	width: 100%;
	margin-right: 0;
}

.consult-detail-menu2 aside{
	padding: 20px;
}

.editbox .videopalyer{
	width: 100% !important;
	margin: 0 auto;
}

.partner_list li{
	margin: 0 5px 5px 0;
	width: calc(100% / 3 - 5px);
	height:auto;
	overflow:hidden;

}

    }