@media (max-width: 768px) {
	

	
	/*手机导航*/
	
.mobile{
	width: 100%;

	position:fixed;
	z-index:999999;

}
.mobile .logo
{
	position:absolute;
	z-index:1;
	margin:5px;
	margin-top:10px;
}
.mobile-inner{
	max-width: 100%;
	margin: auto;
	background-color: #fafafa;
	position: relative;
}
.mobile-inner img{
	width: 100%;
	margin-bottom: 30px;
}
.mobile-inner p{
	color: #676767;
	line-height: 25px;
	font-size: 16px;
	padding-bottom: 30px;
	padding-right: 30px;
	padding-left: 30px;
	margin:0px;
}
.mobile-inner-header{
	background-color: rgba(0,0,0,1.0);
	width: 100%;
	height: 50px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.mobile-inner-header-icon{
	color: #ffffff;
	height: 50px;
	font-size:25px;
	text-align: center;
	float:right;
	width: 50px;
	position: relative;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
.mobile-inner-header-icon:hover{
	background-color: rgba(255,255,255,0.2);
	cursor: pointer;
}
.mobile-inner-header-icon span{
	position: absolute;
	left: calc((100% - 25px) / 2);
	top: calc((100% - 1px) / 2);
	width: 25px;
	height: 1px;
	background-color: rgba(255,255,255,1);
}
.mobile-inner-header-icon span:nth-child(1){
transform: translateY(4px) rotate(0deg);
	}
.mobile-inner-header-icon span:nth-child(2){
transform: translateY(-4px) rotate(0deg);
	}
	



	
.mobile-inner-header-icon-click span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clickfirst;
	}		
.mobile-inner-header-icon-click span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: clicksecond;
	}
	


@keyframes clickfirst {
  0% {
	  transform: translateY(4px) rotate(0deg);
	  
  }

  100% {
    transform: translateY(0) rotate(45deg);
  }
}	



@keyframes clicksecond {
  0% {
	  transform: translateY(-4px) rotate(0deg);
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
}	

.mobile-inner-header-icon-out span:nth-child(1){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outfirst;
	}		
.mobile-inner-header-icon-out span:nth-child(2){
	animation-duration: 0.5s;
	animation-fill-mode: both;
	animation-name: outsecond;
	}

@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }

  100% {
    transform: translateY(-4px) rotate(0deg);
  }
}	



@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);
  }

  100% {
    transform: translateY(4px) rotate(0deg);
  }
}

.mobile-inner-nav{
	background-color: rgba(252,251,34,0.95);
	width: 100%;
	height:800px;
	
	position: absolute;
	top: 50px;
	left: 0px;
	padding-top: 30px;
	padding-bottom: 80px;
	display: none;
}
.mobile-inner-nav a{
	display: inline-block;
	line-height: 50px;
	text-decoration: none;
	width: 80%;
	margin-left: 10%;
	color: #000;
	border-bottom: solid 1px rgba(0,0,0,0.3);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	font-weight:300;
}
.mobile-inner-nav a:hover{
	color: rgba(0,0,0,0.4);
	border-bottom: solid 1px rgba(0,0,0,0.2);
}

.mobile-inner-nav {
	overflow: hidden;
}
.mobile-inner-nav a{
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;

	-webkit-animation-name: ReturnToNormal;
	animation-name: ReturnToNormal;
}


@-webkit-keyframes ReturnToNormal {
100% {
-webkit-transform: translateX(0%) rotate(0deg);
	    transform: translateX(0%) rotate(0deg);
  }

  
}

@keyframes ReturnToNormal {
100% {
-webkit-transform: translateX(0%) rotate(0deg);
	    transform: translateX(0%) rotate(0deg);
  }
}	
	
	/*手机导航*/
	

.wrapper{
	padding:0 10px;
	}
 
  .wrapper h1
{
    background: #fff;
    left:25px !important;
    max-width: 550px;
    padding: 10px 20px 30px 0;
    position: relative;
    width: 100%;
    z-index: 1;
	font-size:25px!important;
	color:#000;
	font-weight:600
}
.wrapper h1 span
{
	font-size:20px;
	color:#000;
}

.widthRegulator {
	max-width:700px!important;
    margin: 0 auto;
    padding: 0 15px;
    margin-top:0px!important;
	overflow:hidden;
}
 
 
.big-logo1 {
    height: 109px!important;
    padding: 20px;
    position: absolute;
    right: 39px!important;
    top: 184px!important;
    -webkit-transition: -webkit-transform .3s,opacity .3s;
    transition: transform .3s,opacity .3s;
    width: 163px;
    z-index: 10!important;
}


.big-logo1 img{
	width:100%;
	}
 
 .widthRegulator .bordered {
    border-top: 25px solid #000;
	border-right: 10px solid #000;
	border-bottom: 20px solid #000;
	border-left: 15px solid #000;
	
    padding: 120px 50px 50px 50px!important;
    position: relative;
}
 
 .widthRegulator .bordered h4{
	 position:relative;
	 z-index:100;
	 font-size:16px;
	 
} 

.widthRegulator .bordered:before {
    background: #fff;
    content: '';
    display: block;
    height: 190px;
    position: absolute;
    right: -20px;
    top: -40px;
    width: 230px;
    z-index: 1;
} 


.case .item .case-img
{
	width:50%!important;
	float:left;
	padding:5px;
	margin-top:0px;
}

.case .item .tag {
    left: 10px;
    top: 10px;
	font-size: 14px;
    line-height: 1.23em;
    margin: 0;
    padding:5px !important;
	color:#333
}

.case .item .text{
	padding: 10px 20px;
	top: 40px;
	left: -300px;
}

.case .item .text .content{
	width:98%;
	line-height:20px;
	font-size:12px;

}

.case .item .text .more {
    border-bottom: 3px solid #fff;
    display: inline-block;
    font-size: 10px;
    margin-top:0px;
    position: relative;
}

.case .item .case-img:hover .text{
	filter:alpha(opacity=100); /*IE滤镜，透明度50%*/
	-moz-opacity:1.0; /*Firefox私有，透明度50%*/
	opacity:1.0;/*其他，透明度50%*/
	left:0px !important;
}

.case .item-1
{
	margin-top:200px
}
.case .item-2
{
	margin-top:100px
}


.wrapper .text-content
{

	margin-top:20px !important;
	position:relative;

}

.swiper1{
	height:100px !important;
	}

.swiper-slide .title{
	font-size:14px!important;
	margin-bottom:0px;
	}
	

.swiper-slide .author{
	font-size:10px!important;
	}


.news{
	margin-top:20px;
	width:100%;
	position:relative;
}

#gallery-header-center-left-icon{
	float: left;
	height: 25px!important;
	width: 25px!important;
	margin-left:0px!important;
}

#gallery-header-center-left-title{
	float: left;
	height: 35px;
	font-size: 15px!important; 
	color: #333;
	margin-left:10px!important; 
}

#gallery-header-center-right{
	float: right;
	height: 25px;
	margin-top:35px !important;
	line-height: 25px !important;
}


.gallery-header-center-right-links {
	color: #333333;
	float: left;
	height: 35px;
	padding-right:10px!important;
	padding-left: 10px!important;
	margin-left:0px!important;
	font-size: 16px;
	font-weight: 400;
	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}

.header .menu_right {
    padding: 0;
    position: absolute;
    right: 10px;
    top: 0;
}

.header .menu_left .logo
{
    overflow: hidden;
    width: 184px;
	text-align:center;
	padding-top:120px;
	opacity:0;
}

.item_list{
	display:none;
	}

.footer .foot-top{
    background: #fcfb22;
    padding: 30px 20px;
}

.footer .foot-top .title{
	font-size: 20px;
    line-height: 1.2em;
}
.footer .foot-top .txt
{
	color:#333;
	font-size:14px;
	border-bottom: 3px solid #000;
	cursor:pointer
}



/* news */

 

.news_inner_topimg{
	float:right!important;
	width:90% !important;
	height:320px!important;
} 

/* news */















 

/* contact */


#contact_card
{
	width:320px!important;
	position:absolute;
	z-index:999;
	left:10px !important;
	top:20%!important;

}

.foc-main {
  position: relative;
  width: 100%!important;
  height:180px!important;
  padding:15px!important;
  padding-top:20px!important;

}

.foc-main h2{
	font-size:20px;
	}

.foc-left,.foc-right,.foc-bottom{
	display:none;
	}
	
.contact-content{
    width: 90%;
    height:376px!important;
    position:fixed;
}

/* contact */

/* news */

.top-left{
	/*width:20px;
	height:320px;
	position:fixed;
	z-index:111;
	top:100px!important;
	left:3%!important;
	background:#000;*/
	display:none;
	
}

.news_inner_top{
	padding:0 30px !important;
	}

.news_inner{
	width:100%!important;
	padding:20px 0px!important;
	}

	

.news_inner_topzi h5{
	font-size:16px!important;
	margin:15px 0!important;
	}
 

.news_inner_topimg{
	float:right!important;
	width:90% !important;
	height:320px!important;
} 

.news_contbg{
	width:60%!important;
	position:absolute; 
	top:-40px;
	height:290px;
	left:20%!important;
	background:#fcfb22;
    padding: 22px 54px 0px 54px!important;	
	}
	
		
.news_contbg h5{
	display:none;
	}
	
.news_contbg p{
	display:none;
	}	

	
.news_list li{
	width:100%;
	overflow:hidden;
	margin-bottom:20px!important;
	}

.news_list li .news_list_zi span{
	display:inline-block;
	margin-top:10px!important;
	font-size:12px!important;
	letter-spacing:0;
	color:#333;
	line-height:25px;
	text-decoration:underline;
	}

.news_inner_topzi span{
	font-size:12px!important;
	}	
	
.news_list li .news_list_zi h5{
	font-size:16px !important;
	margin:15px 0 !important;
}

.grid li {
	display: block;
	float: left;
	padding:0 15px;
	width:100% !important;
}

.news_inner_topzi a,.news_list_zi a{
	font-size:10px!important;
	}

/* news */

/* newsdet */

.newsback{
	 width:70px; margin: auto; height:80px!important; color:#000; font-size:16px;
	 }
	 
.news_List .title
{
	width:100%;
	height:30px!important;
	margin:auto!important;
	margin-top:20px!important;
	text-align:left;
	font-size:20px !important;
}

.news_List img{
	width:100%;
	}
	
.content p{
	line-height:25px!important;
	}

 

/* newsdet */



/* culture */

.case-content{
    width: 90%;
    height: 80%;
    position:fixed;
	z-index:1;
	top:10%;
	left:5%;
	overflow-x:hidden!important;
	background:#fff;
}

.case_title span{
	height:100%;
	top:-10%!important;
	left:0%;
	font-size:60vh!important;
}

.case_title1 span{
	font-size:70px!important;
	line-height:150px;
	color:#dedede;
	position:absolute; width:100%; top:50%; left:0;
	margin-top:-75px;
	}


/* culture */
.business .bus1{
	margin-top:50px;
}

}