@charset "utf-8";
/* CSS Document */


@media (max-width: 1200px) {
    .wrap {
		width:1200px;
	}
}

@media (max-width: 800px) {
	.bg01{
	background-image:url(../images/m-bg01.jpg);
	}
	.bg02{
		background-image:url(../images/m-bg02.jpg);
	}
	.bg03{
		background-image:url(../images/m-bg03.jpg);
	}
	.bg04{
		background-image:url(../images/m-bg04.jpg);
	}
	.bg05{
		background-image:url(../images/m-bg05.jpg);
	}
	.section {
		height: 700px;
	}
	 .wrap {
		width:94%;
	}
	.header {
		height: 60px;
	}
	.logo {
    	width: 200px;
		height:50px;
	}
	.logo a{
    	width: 200px;
		height:50px;
		background: url(../icon/icon.png) 0 -330px no-repeat;
	}
	.phone-brn {
		display:block;
	}
	.phone {
		display:none;
	}
	.mobile-nav {
		background-color: rgba(0,0,0,0.9);
		width: 100%;
		height:auto;
		position: absolute;
		top: 60px;
		left: 0px;
		padding:30px 0 20px;
		display: none;
	}
	.mobile-nav a {
		float:none;
		display: inline-block;
		line-height: 50px;
		text-decoration: none;
		width: 90%;
		margin-left: 5%;
		color: #FFFFFF;
		border-bottom: solid 1px rgba(255,255,255,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-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 {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(0, 100%, 0);
	    transform: translate3d(0, 100%, 0);
	  }

	  to {
	    opacity: 1;
	    -webkit-transform: none;
	    transform: none;
	  }
	}

	@keyframes returnToNormal {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(0, 100%, 0);
	    transform: translate3d(0, 100%, 0);
	  }

	  to {
	    opacity: 1;
	    -webkit-transform: none;
	    transform: none;
	  }
	}
	.bg01 .text {
		width:100%;
    	margin: -130px 0 0 -62%;
	}
	.bg01 .text .chi {
		font-size: 30px;
		line-height: 50px;
	}
	.bg01 .text .eng {
		font-size: 44px;
	}
	.bg01 .text p {
		font-size: 16px;
	}
	.section-tit {
		padding: 60px 0;
		text-align: center;
	}
	.section-tit h2,.section-tit h3 {
		display:none;
	}
	.section-tit p{
		display:block;
	}
	.tabBar .bd .conWrap {
		width: 100%;
	}
	.service {
		margin: 0 ;
	}
	.service li {
		overflow:hidden;
		float: none;
		width: 90%;
		height: 80px;
		padding:5px 5%;
		margin:0 auto 20px;
	}
	.service span {
		float:left;
		width: 80px;
		height: 80px;
		margin: 0 15px 0 0;
		border:0;
		border-radius: 0;
	}
	.service h3 {
		float:left;
		padding: 0;
		font-size: 20px;
		line-height:80px;
	}
	.service p {
		display:none;
	}
	.service span.icon01{
	background-position:-40px -40px;
	}
	.service span.icon02{
		background-position:-200px -40px;
	}
	.service span.icon03{
		background-position:-360px -40px;
	}
	.service span.icon04{
		background-position:-520px -40px;
	}
	.service span.icon05{
		background-position:-680px -40px;
	}
	.service .hover span.icon01{
		background-position:-40px -200px;
	}
	.service .hover span.icon02{
		background-position:-200px -200px;
	}
	.service .hover span.icon03{
		background-position:-360px -200px;
	}
	.service .hover span.icon04{
		background-position:-520px -200px;
	}
	.service .hover span.icon05{
		background-position:-680px -200px;
	}
	.service-btn {
		display:none;
	}
	.tabBar .hd {
		margin:0 0 0 -150px;
		left: 50%;
	}
	.tabBar .hd ul {
		width:300px;
	}
	.tabBar .hd li {
		float:left;
		width:33.3333%;
		height:50px;
		line-height:50px;
		background-color: rgba(78,223,187,.2);
	}
	.tabBar .bd {
		padding-top:60px;
	}
	.tabBar .bd .conWrap {
		width: 100%;
	}
	.tabBar .bd h2 {
		font-size:30px;
		text-align:center;
	}
	.aboutlist {
		display:none;
	}
	.pc-icon{ display:none;}
	.mobile-icon{ display: block;}
	.contact {
		width: 100%;
		border:0;
	}
	.contact dd {
		font-size: 16px;
		line-height:36px;
	}
	.contact-dis {
		display:none;
	}
}

@media (max-width: 600px) {
    
}

@media (max-width: 600px) {
    
}