@media(max-width:1640px){



	.container,



	#main{ overflow:visible;}



	.col{ width:80%; }



	



	.case-detail-left{ width:25%; margin-right:3%;}



	.case-detail-right{ width:72%;}



	.service-item-list ul{ margin-left:-13%;}



}















@media(max-width:1440px){



	.container,.col{ width:80%;}



	.service-item-list ul{ margin-left:-10.2%;}



	.service-list ul li img{ max-width:60%; margin-top:20px;}



	.service-list ul li span{ font-size:28px; padding:15px 0 25px;}



	.en-content{ padding:20px 40px 0;}



	.home-en-content{ padding:20px 40px 0;}



	#case ul li a .classifyEN{ font-size:16px;}



	#case ul .caseMore{ line-height:210px;}



}







@media(max-width:1280px){



	#case ul .caseMore{ line-height:186px;}



	.home-en-content{ padding:20px 40px 0;}



}











@media(max-width:1200px){







	.container,.col{ width:96%;}



	#logo{ margin-left:10px;}



	#navigation{ right:10px;}



	.service-item-list ul{ margin-left:-15%;}



	#case ul .caseMore{ line-height:280px;}



	.home-en-content{ padding:20px 80px 0;}



}











@media(max-width:1120px){



	#slide,.item-photo{ margin-top:63px;}



	#slide ul li .slide-content,



	.item-photo .photo{ background-position:left 63px;}



	#logo img{ max-width:120px;}



	#navigation{ bottom:10px;}



	



	.caseList{ margin-top:73px;}



	



}







@media(max-width:1080px){



	



	#side{ display:none;}







	



	.case-detail-wrap{ width:96%;}



	.case-detail-left{ width:25%; margin-right:3%;}



	.case-detail-right{ width:72%;}



	



	.en-content{ padding:20px 40px 0;}



	.home-en-content{ padding:20px 40px 0;}



	



}







@media(max-width:780px){



	#header{ overflow:visible;}



	#case ul{ margin-left:-1%;}



	#case ul li{ width:49%; height:auto;}



	#case ul li img{ width:100%;}



	#case ul .caseMore{ width:99%; max-height:50px; line-height:50px;}



    #case .banner-title h2 {padding-left: 10px; padding-bottom: 5px; padding-top:10px; font-size: 22px; line-height: 50px;}

    #navigation .language-dropdown {margin-left: 0px;}



    #case .banner-title .tel {padding-right: 25px;}



	.service-list ul li img{ max-width:40%;}



	.service-list ul li span{ font-size:25px;}

.home-title-content { line-height: 30px; font-weight: bold;}

.language-selector {padding: 1em 0;}

#case ul li a .classify {font-size: 12px;}

}







@media(max-width:720px){



#logo img{ max-width:100px;}



#nav-btn{ bottom:2px;}



	



	#navigation{ width:100px; height:100%; position:fixed; top:54px; right:-100px; z-index:883; background-color:#fff; -webkit-transition:right .3s; -moz-transition:right .3s;  transition:right .3s; }



	#navigation li{ width:100%; margin-left:15px;}



	#navigation li a{ display:block; width:100%; padding:1em 0;text-align:left; }



	#navigation li a .ch{text-align:left;}



	#nav-btn{ display:block;}



	



	#slide,



	.item-photo{ margin-top:0px;}



	#slide ul li .slide-content,



	.item-photo .photo{ background-position:left 54px;}



	



	



	



	#footer{ padding:10px;}



	#footer .ft-nav{ display:none;}



	



	.case-detail-wrap{ width:92%;}



	.case-detail-left{ width:100%; margin:0 0 10px 0;}



	.case-detail-right{ width:100%;}



	



	.en-content b{ font-size:32px;}



	.home-en-content b{ font-size:20px;}



	.title-content{ font-size:22px;}



	.home-title-content{ font-size:20px;}



	.home-description-content{ color:#555; font-size:14px; line-height:26px; padding:15px 0; }



	.service-way dl{ width:50%; margin-bottom:20px;}



	.service-item-list ul{ margin-left:-8%;}



	



	.item-txt{ font-size:25px;}



	.item-txt h2{ padding-bottom:20px;}



	



	.caseList{ margin-top:64px;}



}







@media(max-width:640px){



	#slide .btn-right, 



	#slide .btn-left{ background-size:auto 40px; margin-top:-20px;}



	#slide .btn-right{ right:4px;}



	#slide .placeholderBg{ height:380px;}



	#slide ul li .slide-content{background-size: 100% 280px;}



	#slide ul li .slide-content{ background-position:center 54px;}



	.item-photo img{ height:200px;}



	.item-photo .photo{background-size:auto 200px; background-position:center 54px;}



	#advertising li img{ height:200px;}



	#advertising li .info{ width:200px;}



	.en-content b{ font-size:26px; line-height:40px;}



	.home-en-content b{ font-size:18px; line-height:25px;}



	.title-content{ font-size:20px;}



	.home-title-content{ font-size:20px;}



	.home-description-content{ color:#555; font-size:14px; line-height:30px; padding:30px 0; }



	.professional-care{ max-width:90%; padding-top:0;}



	.professional-care span{ font-size:18px;}



	.professional{ margin-left:-140px;}



	.care{ margin-left:65px;}



	#case ul .caseMore{ width:98%;}



	#map{ height:300px;}



}	







@media(max-width:480px){



	#case ul{ margin-left:-2%;}



	#case ul li{ width:48%; margin-left:2%;}



	#slide .placeholderBg{ height:220px;}



	#slide ul li .slide-content{background-size: 100% 150px;}



	#advertising li img{ height:170px;}



	#advertising li .info{ width:170px;}



	.en-content{ padding:20px 20px 0;}



	.en-content b{ font-size:14px;}



	.title-content{ font-size:18px;}



	.home-en-content{ padding:20px 20px 0;}



	.home-en-content b{ font-size:12px;}



	.home-title-content{ font-size:16px; padding:10px 0px}



	.home-description-content{ font-size:12px; padding:20px 0px}



	.service-item-list ul{ margin-left:-6%;}



	.service-item-list ul li span{ width:60px; line-height:69px; font-size:15px;}	



    



	



	.service-list ul li,



	.service-choice ul li{ width:49%; margin-top:5px;}



	



	.cooperation-list li span{ margin:3px 10px;}



	.cooperation-list li b{ font-size:12px;}



	



	.item-txt{ font-size:16px; margin-top:-30px;}



	.item-txt h2{ padding-bottom:20px;}



    #case ul li a .classifyEN{ font-size:14px;}



	#case ul li a .title,



	#case ul li a .desc,



	#case ul li a .time{ font-size:12px;}



	



}



@media(max-width:390px){



	.professional-care span{ font-size:14px;}



	.professional{ margin-left:-100px;}



	.care{ margin-left:50px;}



	.service-item-list ul{ margin-left:-4.5%;}



}