@charset "utf-8";

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

	header .logo{

		margin-right: 30px;

	}

	header nav>ul>li>a {

	    padding-top: 27px;

	    padding-bottom: 23px;

	    margin: 0 5px;

	}
.chinanav>ul>li>a{margin:0 12px; }
}

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

	#contact .contact-main .pull-right{

		float: left !important;

		width: 100%;

	}

	#contact .contact-main h2{

		text-align: center;

	}

	header{

		height: 50px;

	}

	header .logo {

		margin-right: 30px;

	}

	header .logo img{

		height: 25px;

	}

	header nav>ul>li>a {

	    padding-top: 15px;

	    padding-bottom: 12px;

	    margin: 0 5px;


	    font-size: 16px;
	}
    .chinanav>ul>li>a{margin:0 12px; }
    
	header .lang{

		padding-top: 12px;

	}

	.page-banner{

		height: 350px;

	}

	.position{

		margin-top: 40px;

	}

	

	.case-txt .txt-wrap .txt-title h2{

		margin-top: 0;

	}

	.case-txt .txt-wrap .txt-desc{

		height: 18px;

		margin-bottom: 10px;

		display: -webkit-box;

	    -webkit-line-clamp:1;

	    -webkit-box-orient: vertical;

	    overflow: hidden;

	}

	.case-txt .txt-wrap .txt-more{

		display: -webkit-box;

	    -webkit-line-clamp:4;

	    -webkit-box-orient: vertical;

	    overflow: hidden;

	}

	.title{

		padding-top: 30px;

	}

	.case-list{

		margin-top: 25px;
		margin-bottom: 50px;

	}
	#case .case-main{
		margin-bottom: 20px;
	}

}

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

    /*#industry .in-main .li-row{

		margin-bottom: 0;

	}

	#industry .in-main .in-moth{

		font-size: 40px;

	}

	#industry .in-main .in-content p{

		display: none;

	}

	#industry .in-main .in-content h3{

		margin-top: 20px;

	}

	#industry .in-main .row.mobile-row{

		margin-bottom: 15px;

	}*/

	#industry .in-main .li-row{

		margin-bottom: 0;

	}

	#industry .in-main .in-moth{

		display: none;

	}

	#industry .in-main .row.mobile-row{

		margin-bottom: 15px;

		border-bottom: 1px solid #ddd;

	}

	

	.team-main{

		padding-left: 20px;

	}

	

	header nav{

		display: none !important;

	}

	header .nav-menu{

		display: block;

	}

/*
	.mobile-nav{

		display: block;

	}
*/

	.style-5{

		display: block;

	}

	.title{

		padding-top: 20px;

	}

	.title h2{

		font-size: 22px;

		margin-top: 10px;

    	margin-bottom: 10px;

	}

	.title .title-border{

		margin-top: 15px;

		width: 70px;

	}

	#case .case-more,

	#industry .read-more{

		margin-bottom: 30px;

	}

	#industry .in-main{

		margin-top: 30px;

	}

	.about{

		margin-top: 30px;

    	margin-bottom: 65px;

	}

	#contact .contact-main{

		margin-top: 30px;

	}

	footer .f-share{

		margin-top: 25px;

	}

	footer{

    	min-height: auto;

	}

	footer .f-tech{

		padding-top: 10px;

    	padding-bottom: 10px;

	}

	

	.about-img{

		margin-top: 30px;

	}

	

	

	.industry .in-main{

		margin-top: 30px;

	}

	.industry.industry-list .in-main .li-row{

		padding-bottom: 20px;

	}

	.industry .in-main .li-row{

		margin-bottom: 20px;

	}

	.industry.industry-list{

		margin-bottom: 50px;

	}

	.page-banner{

		margin-top: 50px;

		height: 200px;

	}

	.page-banner .banner-wrap{

		height: 80px;

	}

	.page-banner .banner-wrap h2{

		margin-bottom: 10px;

		font-size: 20px;

	}

	.page-banner .banner-wrap p{

		font-size: 14px;

		line-height: 22px;

	}

	.banner-down{

		display: none;

	}

	.page-show{

		margin-bottom: 50px;

	}

	.position{

		margin-top: 30px;

	}

	.page-main{

		margin-top: 15px;

	}

	.page-show .p-content{

		margin-top: 20px;

	}

	.page-show .p-title h2{

		font-size: 20px;

	}

	

	.case-wrap .case-row .case-col{

		width: 100%;

		max-height: auto;

	}

	.case-list .case-mobile .case-row .case-txt{

		height: auto;

		padding: 10px 5px;

	}

	.case-wrap .case-row .case-txt .txt-wrap{

		position: relative;

		width: 100%;

		height: auto;

	}

	.case-txt .txt-wrap .txt-title h2{

		margin-bottom: 10px;

		font-size: 20px;

	}

	.case-txt .txt-wrap .txt-more{

		font-size: 14px;

	}

	.case-wrap .case-row .case-thumb img{

		box-shadow: 0px 2px 1px #999;

    	-webkit-box-shadow: 0px 2px 1px #999;

    	border-radius: 2px;

	}

	

}