@charset "utf-8";

/* CSS Document */

@media screen and (min-width:320px) and (max-width:399px) {
	.yingchang{
		display: block!important;
	}
	.banner-text{
		font-size: 20px !important;
	}
	.index-aboutTilte{
		margin-top: 0 !important;
	}
	.index-type a{
		margin: 0;
		padding: 8px 8px;
	}
	#logo img {
		position: fixed;
		left: 10px;
		
	}
	.bar_1 {
		display: block;
	}
	#nav {
		display: none;
	}
	#header {
		position: fixed !important;
		top: 0px;
	}
	#mproject .content .header {
		padding-top: 30px;
		padding-bottom: 12px;
	}
	#category a {
		margin: 5px 0;
		padding: 8px 77px;
		transition: all 0.3s ease-out 0s;
		color: #999;
		border: 1px solid #EDEDED;
		border-radius: 30px;
	}
	#projectlist .projectitem {
		width: 100%;
	}
	#projectlist .projectitem {
		width: 100%;
	}
	.serviceitem {
		width: 100%;
	}
	#indexPage #mservice {
		padding: 0 20px;
		height: auto;
	}
	#indexPage #mservice .content {
		height: auto;
	}
	#indexPage #mpage .slider_wrapper li .fimg {
		display: none;
	}
	#mpage .content .header {
		width: 100%;
	}
	#mpage .module-slider .description {
		margin: auto;
		width: 90%;
		max-height: 500px;
		padding: 0 20px;
	}
	#indexPage #mpage a.more {
		width: 100px;
		height: 30px;
		margin-top: 26px;
		margin-right: 35%;
		line-height: 30px;
	}
	#mnews .content .header {
		padding-top: 50px;
		padding-bottom: 30px;
	}
	#newslist .newstitem {
		width: 100%;
	}
	#indexPage a.more {
		width: 130px;
		margin: 14px auto 30px;
	}
	#mcontact .content .header {
		width: 100%;
	}
	.content .header {
		padding-top: 50px;
		padding-bottom: 18px;
	}
	#indexPage #mcontact .header p {
		text-align: center;
		padding: 0;
	}
	#contactinfo {
		width: 280px;
		padding: 0;
	}
	#contactform.fr {
		background-color: rgb(255, 255, 255);
		width: 100%;
		padding: 47px 20px;
	}
	#contactlist {
		display: inline-block;
	}
	#indexPage #mcontact {
		padding-right: 20px;
		padding-left: 20px;
		padding-bottom: 20px;
	}
	#contactform {
		display: none;
	}
	#indexPage #mnews {
		padding: 0 20px;
	}
	.w_5 {
		width: 100%;
	}
	.title_40 {
		font-size: 20px;
	}
	.padd_30 {
		padding: 15px 5px;
	}
	.w_2 {
		width: 19%;
	}
	.w_33 {
		width: 100%;
	}
	#projectbody {
		width: 100%;
		padding: 0px;
	}
	#projectinfo {
		width: 100%;
		padding: 0;
	}
	#projectih {
		width: 100%;
	}
	#projectinfo .header {
		width: 100%;
	}
	.header {}
	#projectib .projectitem {
		width: 100%;
	}
	.width_40 {
		width: 100%
	}
	.width_40 img {
		width: 100%;
		height: auto;
	}
	.width_70 {
		width: 100%
	}
	.ma_top65 {
		margin-top: 97px;
	}
	.designers {
		margin-left: 0;
		margin-top: 30px;
	}
	.de_title {
		font-size: 24px;
	}
	.fonts_size72 {
		font-size: 30px;
	}
	.npagePage .content {
		padding: 0 20px;
	}
	#newslist {
		margin-left: 0;
	}
	.header {
	}
	#servicelist .serviceitem {
		height: 340px;
		width: 100%;
	}
	.serviceitem a {
		width: 100%;
	}
	.serviceitem a img {
		/* width: 100%;
		height: auto; */
	}
	.padd_20 {
		padding: 0;
	}
	.container {
		padding: 0;
	}
	#newslist .newstitem {
		height: auto;
	}
	#nav_p {
		opacity: 1;
	}
	#indexPage #mslider ul li p.title {
		font-size: 20px;
	}
	#indexPage #mslider ul li p.subtitle {
		width: 100%;
	}
	#category {
		margin-top: 0;
		overflow-X: auto;
	}
	#category .all a{
		display: inline-block;
		width: auto;
		padding: 5px 20px !important;
	}
	#header #logo{
		border-right: none;
	}
	.chanpingzong {
		padding: 60px 0px 60px 0px;
	}
	.liebiao{
		text-align: -webkit-center;
		padding: 0 20px;
	}
	.chanping1 {
    width: 80%;
    padding: 0 20px;
}
.all{
	margin-top:0 ;
}
.chanping2-1{
	width: 100%;
}
}

@media screen and (min-width: 400px) and (max-width:499px) {
	.yingchang{
		display: block!important;
	}
	.padd_30_a{
		text-align: center;
		float: none;
	}
	.banner-text{
		font-size: 26px !important;
	}
	.index-aboutTilte{
		margin-top: 0 !important;
	}
	.index-type a{
		margin: 0 2px;
		padding: 8px 10px;
	}
	#indexPage #mservice .content .header p.title{
		padding-top: 30px;
		padding-bottom: 0;
	}
	#logo img {
		position: fixed;
		left: 10px;
	}
	.bar_1 {
		display: block;
	}
	#nav {
		display: none;
	}
	#header {
		position: fixed !important;
		top: 0px;
	}
	#mproject .content .header {
		padding-top: 30px;
		padding-bottom: 0px;
	}
	#category a {
		margin: 5px 0;
		padding: 8px 77px;
		margin-right: 10px;
		transition: all 0.3s ease-out 0s;
		color: #999;
		border: 1px solid #EDEDED;
		border-radius: 30px;
	}
	#projectlist .projectitem {
		width: 100%;
	}
	#projectlist .projectitem {
		width: 100%;
	}
	.serviceitem {
		width: 100%;
	}
	#indexPage #mservice {
		height: auto;
		padding: 0 20px;
	}
	#indexPage #mservice .content {
		height: auto;
	}
	#indexPage #mpage .slider_wrapper li .fimg {
		display: none;
	}
	#mpage .content .header {
		width: 100%;
	}
	#mpage .module-slider .description {
		margin: auto;
		width: 90%;
		max-height: 500px;
		padding: 0 20px;
	}
	#indexPage #mpage a.more {
		width: 130px;
		margin-right: 35%;
	}
	#mnews .content .header {
		padding-top: 50px;
		padding-bottom: 30px;
	}
	#newslist .newstitem {
		width: 100%;
	}
	#indexPage a.more {
		width: 130px;
		margin: 20px auto 50px;
	}
	#mcontact .content .header {
		width: 100%;
	}
	.content .header {
		padding-top: 50px;
		padding-bottom: 0px;
	}
	#indexPage #mcontact .header p {
		text-align: center;
		padding: 0;
	}
	#contactinfo {
		padding-top: 20px;
		width: 280px;
		padding: 0;
	}
	#contactform.fr {
		background-color: rgb(255, 255, 255);
		width: 100%;
		padding: 47px 20px;
	}
	#contactlist {
		display: inline-block;
	}
	#indexPage #mcontact {
		padding-right: 20px;
		padding-left: 20px;
		padding-bottom: 20px;
	}
	#contactform {
		display: none;
	}
	#indexPage #mnews {
		padding: 0 20px;
	}
	.w_5 {
		width: 100%;
	}
	.title_40 {
		font-size: 20px;
	}
	.padd_30 {
		padding: 15px 5px;
	}
	.w_2 {
		width: 19%;
	}
	.w_33 {
		width: 100%;
	}
	#projectbody {
		width: 100%;
		padding: 0px;
	}
	#projectinfo {
		width: 100%;
		padding: 0;
	}
	#projectih {
		width: 100%;
	}
	#projectinfo .header {
		width: 100%;
	}
	.header {
		/* padding: 0 20px !important; */
	}
	#projectib .projectitem {
		width: 100%;
	}
	.npagePage .content {
		padding: 0 20px;
	}
	#newslist {
		margin-left: 0;
	}
	.header {
		margin: 0 0 20px 0;
	}
	#nav_p {
		opacity: 1;
	}
	#indexPage #mslider ul li p.title {
		font-size: 22px;
	}
	#indexPage #mslider ul li p.subtitle {
		width: 100%;
	}
	#category {
		margin-top: 50px;
	}
	.width_70 {
		width: 100%;
	}
	.designers {
		margin-left: 0;
		margin-top: 50px;
	}
	.ma_top65 {
		margin-top: 10px;
	}
	#category {
		margin-top: 0px;
		overflow-X: auto;
	}
	#category .all a{
		display: inline-block;
		width: auto;
		padding: 5px 20px !important;
	}
	#header #logo{
		border-right: none;
	}
	#servicelist .serviceitem {
		height: 340px;
		width: 100%;
	}
	.chanpingzong {
		padding: 60px 0px 60px 0px;
	}
	.liebiao{
		text-align: -webkit-center;
	}
	.chanping2-1{
	width: 100%;
}
}
@media screen and (max-width: 512px) {
	.news_hidden{
		display: none;
	}
}
@media screen and (min-width: 500px) and (max-width:639px) {
	.swiper-button-next,.swiper-button-prev{
		background-size: 14px 44px;
	}
	.padd_30_a{
		text-align: center;
		float: none;
	}
	.yingchang{
		display: block!important;
	}
	.banner-text{
		font-size: 30px !important;
	}
	.index-aboutTilte{
		margin-top: 0 !important;
	}
	.index-type a{
		margin: 0 2px;
		padding: 8px 20px;
	}
	#logo img {
		position: fixed;
		left: 10px;
	}
	.bar_1 {
		display: block;
	}
	#nav {
		display: none;
	}
	#header {
		position: fixed !important;
		top: 0px;
	}
	#mproject .content .header {
		padding-top: 30px;
		padding-bottom: 0px;
	}
	#category a {
		margin: 5px 0;
		padding: 8px 77px;
		margin-right: 10px;
		transition: all 0.3s ease-out 0s;
		color: #999;
		border: 1px solid #EDEDED;
		border-radius: 30px;
	}
	#projectlist .projectitem {
		width: 100%;
	}
	#projectlist .projectitem {
		width: 100%;
	}
	.serviceitem {
		width: 100%;
	}
	#indexPage #mservice {
		height:auto;
		padding: 0 20px;
	}
	#indexPage #mservice .content {
		height: auto;
	}
	#indexPage #mpage .slider_wrapper li .fimg {
		display: none;
	}
	#mpage .content .header {
		width: 100%;
	}
	#mpage .module-slider .description {
		margin: auto;
		width: 90%;
		max-height: 500px;
		padding: 0 20px;
	}
	#indexPage #mpage a.more {
		width: 100px;
		margin-right: 40%;
	}
	#mnews .content .header {
		padding-top: 50px;
		padding-bottom: 30px;
	}
	#newslist .newstitem {
		width: 100%;
	}
	#indexPage a.more {
		width: 130px;
		margin: 20px auto 50px;
	}
	#mcontact .content .header {
		width: 100%;
	}
	.content .header {
		padding-top: 50px;
		padding-bottom: 8px;
	}
	#indexPage #mcontact .header p {
		text-align: center;
		padding: 0;
	}
	#contactinfo {
		width: 280px;
		padding: 0;
	}
	#contactform.fr {
		background-color: rgb(255, 255, 255);
		width: 100%;
		padding: 47px 20px;
	}
	#contactlist {
		display: inline-block;
	}
	#indexPage #mcontact {
		padding-right: 20px;
		padding-left: 20px;
		padding-bottom: 20px;
	}
	#contactform {
		display: none;
	}
	#indexPage #mnews {
		padding: 0 20px;
	}
	.w_5 {
		width: 100%;
	}
	.title_40 {
		font-size: 20px;
	}
	.padd_30 {
		padding: 15px 5px;
	}
	.w_2 {
		width: 19.8%;
	}
	.w_33 {
		width: 100%;
	}
	#projectbody {
		width: 100%;
		padding: 0px;
	}
	#projectinfo {
		width: 100%;
		padding: 0;
	}
	#projectih {
		width: 100%;
	}
	#projectinfo .header {
		width: 100%;
	}
	.header {
		/* padding: 0 20px !important; */
	}
	#projectib .projectitem {
		width: 100%;
	}
	.npagePage .content {
		padding: 0 20px;
	}
	#newslist {
		margin-left: 0;
	}
	.header {
		margin: 0 0 20px 0;
	}
	#nav_p {
		opacity: 1;
	}
	#indexPage #mslider ul li p.title {
		font-size: 24px;
	}
	#indexPage #mslider ul li p.subtitle {
		width: 100%;
	}
	#category {
		margin-top: 50px;
	}
	.width_70 {
		width: 100%;
	}
	.designers {
		margin-left: 0;
		margin-top: 50px;
	}
	.ma_top65 {
		margin-top: 10px;
	}
	#category {
		margin-top: 0px;
		overflow-X: auto;
	}
	#category .all a{
		display: inline-block;
		width: auto;
		padding: 5px 20px !important;
	}
	#header #logo{
		border-right: none;
	}
	.padd_20{
		text-align: center;
	}
	#servicelist .serviceitem {
		height: 340px;
		width: 100%;
	}
	.chanpingzong {
		padding: 60px 0px 60px 0px;
	}
	.liebiao{
		text-align: -webkit-center;
	}
		.chanping2-1{
	width: 100%;
}
}
@media screen and (min-width: 640px) and (max-width:767px) {
	.project-Pleft{
		/*padding-left: 4%;*/
	}
	.padd_30_a{
		text-align: center;
		float: none!important;
	}
	.yingchang{
		display: block!important;
	}
	#indexPage #mslider ul li p.title{
		font-size: 26px;
	}
	.w_5 {
		width: 100%;
	}
	.bar_1 {
		display: block;
		margin-right: 25px;
	}
	#nav {
		display: none;
	}
	#header {
		position: fixed !important;
		top: 0px;
	}
	#nav_p {
		opacity: 1;
	}
	#category {
		margin-top: 50px;
	}
	#projectlist .projectitem {
		/*margin-right: 0;
		width: 50%;*/
	}
	.width_70 {
		width: 100%;
	}
	.designers {
		margin-left: 0;
		margin-top: 50px;
	}
	.ma_top65 {
		margin-top: 10px;
	}
	#newslist .newstitem {
		width: 100%;
	}
	.npagePage .content {
		padding: 0 20px;
	}
	#newslist {
		margin-left: 0;
	}
	.w_33 {
    width: 50%;
	}
	#mnews .content{
		padding: 0 20px;
	}
	.serviceitem {
		width: 100%;
	}
	#indexPage #mservice {
		height: auto;
		padding: 0 20px;
	}
	#indexPage #mservice .content {
		height: auto;
	}
	#category {
		margin-top: 0;
		overflow-X: auto;
	}
	#category .all a{
		display: inline-block;
		width: auto;
		padding: 5px 20px !important;
	}
	#servicelist .serviceitem {
		height: 340px;
		width: 100%;
	}
	.chanpingzong {
		padding: 60px 0px 60px 0px;
	}
	.liebiao{
		text-align: -webkit-center;
	}
	.chanping2-1{
		width: 100%;
	}
	.banner-text{
		font-size: 30px !important;
	}
	.swiper-button-next,.swiper-button-prev{
		background-size: 14px 44px;
	}
}
@media screen and (min-width: 768px) and (max-width:1024px) {
	#nav {
		display: none;
	}
	.bar_1 {
		display: block;
		margin-right: 25px;
	}
	.banner-text{
		font-size: 40px !important;
	}
	.swiper-button-next,.swiper-button-prev{
		background-size: 14px 44px;
	}
}
@media screen and (min-width: 768px) and (max-width:1024px) {
	.project-Pleft{
	/*	padding-left: 7%;*/
	}
	.yingchang{
		display: block!important;
	}
	.index-aboutTilte{
		margin-top: 70px !important;
	}
	#indexPage #mslider ul li p.title{
		font-size: 36px;
	}
	.w_5 {
		width: 100%;
	}
	
	#header {
		position: fixed !important;
		top: 0px;
	}
	#nav_p {
		opacity: 1;
	}
	#category {
		margin-top: 50px;
	}
	#projectlist .projectitem {
		/*margin-right: 0;
		width: 33.33333333%;*/
	}
	.width_70 {
		width: 100%;
	}
	.designers {
		margin-left: 0;
		margin-top: 50px;
	}
	.ma_top65 {
		margin-top: -40px;
	}
	#newslist .newstitem {
		width: 100%;
	}
	#newslist {
		margin-left: 0;
	}
	.w_33 {
    width: 50%;                                       
	}
	#mnews .content{
		padding: 0 20px;
	}
	.serviceitem {
		width: 100%;
	}
	#indexPage #mservice {
		height: auto;
		padding: 0 20px;
	}
	#indexPage #mservice .content {
		height: auto;
	}
	#servicelist .serviceitem {
		height: 340px;
		width: 100%;
	}
	.chanpingzong{
		padding: 60px 0;
	}
	.liebiao{
		text-align: -webkit-center;
	}
	.chanping2-1{
	width: 49%;
}
}

@media screen and (min-width: 992px)and (max-width:1199px) {
	.project-Pleft{
	/*	padding-left: 22%;*/
	}
	.index-aboutTilte{
		margin-top: 70px !important;
	}
	#indexPage #mslider ul li p.title{
		font-size: 38px;
	}
	/* #logo img {
		width: 130px;
		height: auto;
		margin-left: 15px;
	} */
	/* #header #logo {
		padding: 20px 0px 20px 0px;
	} */
	#header #logo {
		margin-right: 0px;
	}
	#header {
		position: fixed !important;
		top: 0px;
	}
	#category {
		margin-top: 50px;
	}
	#projectlist .projectitem {
		/*margin-right: 0;
		width: 25%;*/
	}
	.ma_top65 {
		margin-top: -40px;
	}
	.width_40 {
		width: 100%;
	}
	.width_70 {
		width: 100%;
	}
	.designers {
		margin-left: 0;
		margin-top: 50px;
	}
}

@media screen and (min-width: 1200px)and (max-width:1400px) {
	.project-Pleft{
		/*padding-left: 23%;*/
	}
	.index-aboutTilte{
		margin-top: 70px !important;
	}
	#indexPage #mslider ul li p.title{
		font-size: 42px;
	}
	#header {
		position: fixed !important;
		top: 0px;
	}
	#category {
		margin-top: 50px;
	}
	#projectlist .projectitem {
		/*margin-right: 0;*/
		/*width: 20%;*/
	}
	.ma_top65 {
		margin-top: -40px;
	}
}

@media screen and (min-width: 1400px)and (max-width:1900px) {
	#indexPage #mslider ul li p.title{
		font-size: 50px;
	}
	#header {
		position: fixed !important;
		top: 0px;
		z-index: 9999;
	}
	.ma_top65 {
		margin-top: 10px;
	}
}

@media ( max-width: 639px){
	#indexPage #mcontact{
		/*height: 360px;*/
	}
	#contactinfo img{
		margin-left: 35%;
	}
	#contactinfo div{
		margin-left: 38%;
	}
	#contactinfo p{
		text-align: center;
	}
	#newslist .newstitem{
		height:240px;
	}
	#newslist .newsdate{
		margin-bottom: 30px;
	}
}

@media (max-width:767px){
	.content .header p.title{
		font-size: 20px;
	}
}

@media (max-width: 499px){
	.swiper-button-next,.swiper-button-prev{
		background-size: 14px 44px;
	}
}

@media (max-width: 1361px){
	.w_5_1,.w_5_2{
		width: 100%;
	}
	.padd_301{
		padding: 0;
	}
}

@media (max-width: 991px){
	.newsWidth .newsMargin{
		margin-left: 0;
	}
	#projectbody{
		width: 100%;
	}
	#projectbody{
		padding: 0;
	}
	#projectinfo{
		float: left;
		padding: 0;
	}
}

@media (max-width: 399px){
	#indexPage a.more{
		line-height: 40px;
		margin: 10px auto 50px;
	}
}
@media (max-width: 991px){
	.w_5_2 .contantInfo{
		padding-left: 0 !important;
	}
	.news-margin-15{
		margin-left: 15px;
	}
	.npagePage .content {
    padding: 0 20px;
}
}
@media (max-width: 1361px){
	.contactWidth{
		padding-right: 0;
	}
	.w_5_2 .contantInfo{
		padding-left: 20px;
	}
}
@media (min-width: 1362px){
	.contactWidth .w_5_2{
		margin-top: 0px;
	}
}
@media (max-width: 639px) {
	.index_footer{
		float:none;
		margin:0 auto;
	}
	#contactlist{
		display: block;
	}
}
@media screen and (min-width: 768px) and (max-width:1200px) {
   .padd_30_a{
   	text-align: center!important;
    float: none!important;
   }
}
@media screen and (min-width: 768px) and (max-width:991px) {
	.padd_20{
	    height: 477px!important;
	}
	}

@media screen and (min-width: 992px) and (max-width:1024px) {
	.padd_20{
	    height: 585px!important;
	}
	}


@media screen and (max-width: 767px) and (min-width: 640px){
	.padd_20{
	    height: 442px!important;
	}
}
@media screen and (max-width: 991px){
    #mcontact .col-md-3 {
    	text-align: center;
    }
}