/*Common For Max 1600*/
@media only screen and (max-width:1900px){

	/*layout*/
	.h50{height: 2.604vw;}
	.h60{height: 3.125vw;}
	.h70{height: 3.645vw;}
	.h80{height: 4.166vw;}
	.h100{height: 5.208vw;}

	/*title*/
	.g-tit1 {margin-bottom: 1.3vw;}
	.g-tit1 h2{font-size: 2.5vw;line-height: 1.35;}

	.g-tit2 {font-size: 1.5625vw;margin-bottom: 1.5625vw;}

	/*******************************
		-------[=header]-------
	********************************/
	#navigation li{margin: 0 1.0416vw;}

	/*******************************
		-------[=footer]-------
	********************************/
	.f-top {padding: 3.645vw 0;}
	.f-bot {padding: 1.823vw 0;}

	/*******************************
		-------[=banner]-------
	********************************/
	#banner .item .txt h2{font-size: 2.5vw;}

	/*******************************
		-------[=首页]-------
	********************************/
	.g-row{padding: 3.645vw 0;}

	.m-txt1 {font-size: 1.354vw;line-height: 1.73;margin-bottom: 2.604vw;}

	.m-tabs-row .tab-tit .title {font-size: 1.5625vw;}

	.m-list3 {margin-top: 2.083vw;}
	.m-list3 .pic {margin-right: 3.125vw;}
	.m-list3 .title {font-size: 1.875vw;line-height: 1.25;height: 2.5em;}
	.m-list3 .desc {line-height: 1.75;height: 7em;}
	.ProjectSlider .slick-dots {margin-left: 3.125vw;}

	.m-ads h3 {font-size: 2.083vw;line-height: 1.25;margin-bottom: 1.5625vw;}

	/*******************************
		-------[=Inner pages]-------
	********************************/
	#ban {height: 25vw;}
	#ban .ban-txt h2 {font-size: 2.5vw;}
	#snav li {margin-right: 4vw;}
	.m-row {padding: 4.6875vw 0;}
	.swiper-container .swiper-pagination {margin-top: 1vw;}

	/*******************************
		-------[=about us]-------
	********************************/
	.m-qualification {font-size: 1.25vw;height: 24.479vw;min-height: 180px;}

	.m-honor .text {margin-right: 3.125vw;}

	/*******************************
		-------[=product center]-------
	********************************/
	.m-filter {margin-bottom: 3.125vw;}

	.m-productInfo .picture {margin-right: 3.125vw;}
	.m-productInfo .text .title {font-size: 1.25vw;line-height: 3.645vw;}

	/*******************************
		-------[=project Cases]-------
	********************************/
	.m-article h1 {font-size: 2.083vw;line-height: 1.25;margin-bottom: 1vw;}
	.m-article .date {margin-bottom: 1.5625vw;}
	.m-article .content {padding: 2.083vw 0;}
	.m-share a {margin: 1.823vw  auto !important;}

	/*******************************
		-------[=news]-------
	********************************/
	.m-list9 .txt {padding-right: 3.125vw;}
	.m-list9 li:nth-child(2n) .txt {padding-left: 3.125vw;}

	/*******************************
		-------[=contact us]-------
	********************************/
	.m-message .bg {margin-right: 2.604vw;}

}

/*Common For Max 1366*/
@media only screen and (max-width:1440px){

	/*title*/
	.g-btn1 {font-size: 16px;}

	.g-tit2 {font-size: 22px;line-height: 1.67;margin-bottom: 20px;}

	/*******************************
		-------[=header]-------
	********************************/
	#navigation li {margin: 0 10px;}
	#navigation .v1 {font-size: 15px;}

	#header{
		height: 60px;
		line-height: 60px;
	}
	#header.header .logo img,
	.logo img {
		max-height: 60px;
	}
	#header.header .logo .txt,
	.logo .txt{
		max-height: 35px;
		margin-left: 10px;
	}
	#header.header #navigation,
	#navigation{
		margin-top: 0;
	}
	.header_space{height: 80px;}

	/*******************************
		-------[=footer]-------
	********************************/
	.f-nav h3 {font-size: 16px;margin-bottom: 8px;}

	/*******************************
		-------[=首页]-------
	********************************/
	.m-list1 .title {font-size: 16px;margin-bottom: 2.343vw;}
	.m-list1 .desc {font-size: 20px;line-height: 1.46;height: 4.38em;margin-bottom: 2.343vw;}
	.m-list1 .btn {font-size: 14px;}

	/* .m-tabs-row .tab-tit {width: 25vw;margin-right: 3.125vw;} */
	.m-tabs-row .tab-tit {width: 20vw;}
	.m-tabs-row .tab-tit .con {font-size: 16px;}
	.m-tabs-row .tab-tit .con::before {top: 5px;}
	.m-tabs-row .tab-tit .con.active::before {height: 55px;}
	/* .m-tabs-row .tab-tit .title {font-size: 22px;line-height: 35px;height: 70px;} */
	.m-tabs-row .tab-tit .title {font-size: 22px;line-height: 35px;}
	/* .m-list2 .pic {height: 180px;line-height: 180px;} */
	.m-list2 .text {font-size: 14px;}
	
	.m-list3 .pic {height: 33vw;}
	.m-list3 .txt {font-size: 18px;}
	.ProjectSlider .slick-dots {bottom: 3.5vw;}

	/*******************************
		-------[=Inner pages]-------
	********************************/
	#snav .s1 {font-size: 14px;}
	#snav .wp {overflow-x: auto;overflow-y: hidden;}
	#snav .wp::-webkit-scrollbar {height: 0;width: 0;}
	#snav ul {width: 1200px;}
	#snav .flexbox {display: block;}
	#snav .flexbox li {margin-right: 4vw;}

	#cur {font-size: 14px;}

	/*******************************
		-------[=about us]-------
	********************************/
	.m-qualification .text {font-size: 18px;}

	.m-list4 {margin: 0 -5px;}
	.m-list4 .pic {height: 12.15vw;line-height: 12.15vw;margin: 0 5px;margin-bottom: 10px;}

	.m-list5 {margin: 0 -5px;}
	.m-list5 .pic {height: 6.25vw;line-height: 6.25vw;margin: 0 5px 5px;}
	.m-list5 .text {margin-bottom: 10px;}

	/*******************************
		-------[=product center]-------
	********************************/
	.m-filter .title{font-size: 14px;}
	.m-filter .brand .pic {height: 50px;line-height: 50px;}

	.m-list6 ul {margin: 0 -10px;}
	.m-list6 li {margin-bottom: 20px;}
	.m-list6 .con {margin: 0 10px;}
	.m-list6 .pic {height: 250px;line-height: 250px;}
	.m-list6 .txt {font-size: 14px;}
	.m-list6 .title {margin-bottom: 10px;}
	.m-list6 .desc {line-height: 20px;height: 100px;margin-bottom: 25px;}

	.m-productInfo .picture {width: 300px;height: 300px;line-height: 300px;}
	.m-productInfo .text .title {font-size: 18px;line-height: 50px;}
	.m-productInfo .text {font-size: 14px;}

	/*******************************
		-------[=project Cases]-------
	********************************/
	.m-list7 ul {margin: 0 -6px;}
	.m-list7 .con {margin: 0 6px;}
	.m-list7 .txt {padding: 20px 15px 15px;}
	.m-list7 .title {font-size: 14px;line-height: 25px;height: 50px;margin-bottom: 10px;}

	.m-article {font-size: 14px;line-height: 1.75;}

	/*******************************
		-------[=news]-------
	********************************/
	.m-list8 ul {margin: 0 -6px;}
	.m-list8 li {margin-bottom: 15px;}
	.m-list8 .con {margin: 0 6px;}
	.m-list8 .txt {font-size: 14px;line-height: 25px;padding: 25px 15px;}
	.m-list8 .title {font-size: 17px;height: 50px;}
	.m-list8 .desc {height: 50px;}

	/*******************************
		-------[=customer service]-------
	********************************/
	.m-txt3 {font-size: 14px;line-height: 2.19;}
	.m-list9 .txt {font-size: 14px;line-height: 1.88;}

	.m-list10 ul {margin: 0 -10px;}
	.m-list10 .item li {margin-bottom: 20px;}
	.m-list10 .con {padding: 20px 0;margin: 0 10px;}
	.m-list10 .txt {font-size: 14px;padding: 0 20px 0 25px;}
	.m-list10 .title {font-size: 18px;line-height: 25px;height: 50px;}
	.m-list10 .btn {margin-top: -70px;}
	.m-list10 .date {line-height: 20px;}

	.m-list9 li {padding: 10px 0;}

	/*******************************
		-------[=contact us]-------
	********************************/
	.m-list11 ul {margin: 0 -10px;margin-bottom: -20px;}
	.m-list11 li {margin-bottom: 20px;}
	.m-list11 .con {padding: 20px;margin: 0 10px;}

}

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

	.wrapper {width: 90%;}

	/*******************************
		-------[=index]-------
	********************************/
	.m-tabs-row .tab-tit {width: 300px;margin-top: 0;}
	.m-tabs-row .tab-tit ul {margin-top: 0;}
	.m-tabs-row .tab-tit .con {font-size: 14px;padding-left: 20px;}
	.m-tabs-row .tab-tit .active .con::before {height: 40px;}
	.m-tabs-row .tab-tit .title {font-size: 18px;line-height: 25px;height: 50px;}
	/* .m-list2 .pic {height: 160px;line-height: 160px;} */

	/*******************************
		-------[=about us]-------
	********************************/
	.m-txt2 {font-size: 14px;line-height: 1.88;}

	.m-qualification .text {font-size: 16px;}

	.m-honor .text {font-size: 14px;line-height: 1.63;width: 280px;}
	.m-honor .text .title {margin-bottom: 10px;}

	/*******************************
		-------[=project cases]-------
	********************************/
	.m-article .toolbar {left: auto;right: 0;margin-left: 0;top: 100px;position: fixed;}
	.m-share a {width: 24px !important;height: 24px !important;
		-webkit-background-size: contain !important;
		background-size: contain !important;
	}

	/*******************************
		-------[=customer service]-------
	********************************/
	.m-list10 .title {font-size: 16px;margin-right: 50px;}

}

/*Common For Max 1024*/
@media only screen and (max-width: 1200px) {

	/*fonts*/
	body{font-size: 12px;}

	/*button*/

	/*title*/

	/*layout*/
	.wrapper , .wp{width: auto;}

	.h40{height: 3.333vw;}

	/*******************************
		-------[=header]-------
	********************************/
	#header,
	#header.min,
	#header.header,
	#header.header.min{height: 50px;line-height: 50px;padding: 0;}
	.header_space{height: 50px;}
	.logo img{height: 30px;}
	.logo .txt ,
	#header.min .logo .txt ,
	#header.header.min .logo .txt ,
	#header.header .logo .txt {max-height: 20px;margin-left: 8px;}
	.hd-search .searchForm{width: auto;left: 0;}
	.hd-search .inp{text-align: center;}
	.hd-lang{margin: 0 5px;}

	.menuBtn{display: block;}
	#navigation{
		position: fixed;z-index: 1;
		left: 100%;top: 0;bottom: 0;
		width: 100%;
		height: auto;
		line-height: 50px;
		background: #fff;
		overflow-y: auto;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		transition: all .5s cubic-bezier(.77, 0, .175, 1);
		-moz-transition: all .5s cubic-bezier(.77, 0, .175, 1);
		-o-transition: all .5s cubic-bezier(.77, 0, .175, 1);
		-webkit-transform: all .5s cubic-bezier(.77, 0, .175, 1);
	}
	#navigation.open{left: 0;}
	#navigation ul{display: block;padding: 50px 0;}
	#navigation li{float: none;text-align: center;}
	#navigation .v1{color: #333;}
	#navigation .v1::after{border-width: 1px;}
	#navigation .subBox {
		width: auto;
		display: none;
		position: static;
		transform:translateX(0);
		-webkit-transform:translateX(0);
		-o-transform:translateX(0);
		-ms-transform:translateX(0);
	}
	#navigation .subBox.big {width: auto;}
	#navigation li:hover .subBox {
		display: block;
	}
	#header.header #navigation{background: #333;}
	#header.header #navigation .v1{color: #fff;}

	/*******************************
		-------[=首页]-------
	********************************/
	.m-list1 .title {font-size: 14px;}
	.m-list1 .desc {font-size: 16px;}
	.m-list1 .btn {font-size: 12px;}

	.m-list3 .txt {font-size: 16px;padding: 3vw 0 0;}

	/*******************************
		-------[=contact us]-------
	********************************/
	.m-list11 .icon {height: 40px;line-height: 40px;margin-bottom: 15px;}
	.m-list11 .title {font-size: 16px;}
	.m-list11 .desc {font-size: 12px;}

	.m-message .bg {width: 27vw;height: 430px;}
	.m-message .form,
	.m-message .form .inp {font-size: 14px;}
	.m-message .form dt {margin-right: 15px;}
	.m-message .form dd {margin-bottom: 20px;}


}


/*Common For Max 768*/
@media only screen and (max-width: 992px) {

	/*fonts*/

	/*scrollbar*/
	::-webkit-scrollbar{width: 2px;height: 2px;}

	/*title*/
	.g-tit1 {margin-bottom: 15px;}
	.g-tit1 h2 {font-size: 24px;}

	.g-tit2 {font-size: 18px;}

	/*button*/
	.g-btn1 {font-size: 14px;width: 20vw;min-width: 160px;line-height: 40px;height: 40px;}
	.g-btn1 i{
		background-size: auto 24px;
		-webkit-background-size: auto 24px;
	}
	.g-btn2 {font-size: 14px;width: 20vw;min-width: 160px;line-height: 40px;}

	/*layout*/
	.h50{height: 25px;}
	.h60, .h70, .h80, .h100{height: 30px;}

	/*******************************
		-------[=footer]-------
	********************************/
	.f-top {display: none;}
	.f-copy, .f-links, .f-share {float: none;text-align: center;margin: 0;}
	.bdsharebuttonbox a {
		background-size: 20px auto;
		-webkit-background-size: 20px auto;
	}

	/*******************************
		-------[=banner]-------
	********************************/
	#banner .item .txt h2 {font-size: 24px;}

	/*******************************
		-------[=首页]-------
	********************************/
	.m-txt1 {font-size: 14px;}

	.m-list1 .txt {padding: 10px;}
	.m-list1 .title {font-size: 14px;}

	.m-tabs-row .tab-tit {float: none;width: auto;margin: 0;}
	.m-tabs-row .tab-tit ul {margin-bottom: 0;}
	.m-tabs-row .tab-tit .con {padding: 0;text-align: center;}
	.m-tabs-row .tab-tit .con::before {border-width: 3px;display: none;}
	.m-tabs-row .tab-tit .active .con{margin-bottom: 0;}
	.m-tabs-row .tab-tit .title ,
	.m-tabs-row .tab-tit .desc {padding-left: 10px;position: relative;}
	.m-tabs-row .tab-tit .title {height: auto;max-height: 50px;}
	.m-tabs-row .tab-tit .title::before{
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		height: 0;
		border-right: 3px solid #004db7;
		transition: height .3s;
		-ms-transition: height .3s;
		-moz-transition: height .3s;
		-webkit-transition: height .3s;
		-o-transition: height .3s;
	}
	/* .m-list2 .pic {height: 20vw;line-height: 20vw;} */

	.m-list3 .txt {font-size: 14px;}
	.m-list3 .title {font-size: 18px;}
	.ProjectSlider .slick-dots {bottom: 0;}
	
	.m-ads h3{font-size: 20px;margin-bottom: 15px;}

	/*******************************
		-------[=Inner pages]-------
	********************************/
	.m-row {padding: 35px 0;}

	/*******************************
		-------[=about us]-------
	********************************/
	.m-qualification .text {font-size: 14px;}

	/*******************************
		-------[=product center]-------
	********************************/
	.m-filter .brand {padding: 10px;}
	.m-filter .brand li {width: 16.666%;}
	.m-filter .brand .pic {height: 40px;line-height: 40px;padding: 5px;}

	.m-list6 .pic {float: none;width: auto;height: 200px;line-height: 200px;border-right: 0;border-bottom: 1px solid #ddd;}

	.m-productInfo .picture {width: 250px;height: 250px;line-height: 250px;}

	.m-list7 .con {background: #efefef;}

	/*******************************
		-------[=project cases]-------
	********************************/
	.m-article h1 {font-size: 20px;}

	.m-list8 li {width: 50%;}

	/*******************************
		-------[=contact us]-------
	********************************/
	.m-list11 ul {margin: 0 -5px;margin-bottom: -10px;}
	.m-list11 li {width: 50%;margin-bottom: 10px;}
	.m-list11 .con {margin: 0 5px;}
	.m-list11 .desc {min-height: 40px;}

	.m-message .form .btn {width: 20vw;min-width: 160px;height: 40px;line-height: 40px;}

}

/*Common For Max 640*/
@media only screen and (max-width: 750px) {

	/*title*/

	/*layout*/
	.wrapper, .wp {padding: 0 15px;}

	/*******************************
		-------[=footer]-------
	********************************/
	.f-bot {padding: 15px 0;line-height: 25px;}	

	/*******************************
		-------[=首页]-------
	********************************/
	.g-row{padding: 30px 0;}

	.m-list1 li {float: none;width: auto;}
	.m-list1 .txt {padding: 20px;}
	.m-list1 .desc {font-size: 16px;}
	.m-list1 .desc {font-size: 20px;margin: 50px 0;}
	.m-list1 .btn {font-size: 14px;}

	.m-list2 {margin: 0 -5px;}
	.m-list2 li {width: 33.333%; padding: 0 5px; margin-bottom: 10px;}
	/* .m-list2 .pic {margin: 0 5px;} */
	.m-list2 .pic {margin-bottom: 5px;}

	.m-list3 .pic {float: none;width: auto;margin-right: 0;height: auto;}
	.m-list3 .txt {padding: 15px 0;}
	.m-list3 .title {margin-bottom: 5px;}
	.m-list3 .desc {margin-bottom: 5px;}
	.ProjectSlider .slick-dots {left: 0;margin-left: 0;right: 0;text-align: center;}
	.ProjectSlider .slick-dots li {float: none;display: inline-block;}

	.m-tabs-row .swiper-wrapper {z-index: 1;}
	.m-tabs-row .swiper-button-prev ,
	.m-tabs-row .swiper-button-next {
		display: block;
		z-index: 9;
		-webkit-background-size: auto 25px;
		background-size: auto 25px;
	}
	.m-tabs-row .swiper-button-prev {left: 0;}
	.m-tabs-row .swiper-button-next {right: 0;}

	/*******************************
		-------[=Inner pages]-------
	********************************/
	#cur {font-size: 12px;}

	/*******************************
		-------[=about us]-------
	********************************/
	.m-honor .text {float: none;width: auto;margin-right: 0;margin-bottom: 20px;}
	.m-list4 .pic {padding: 5px;height: 80px;line-height: 80px;}

	.m-list5 li{width: 33.333%;}
	.m-list5 .pic {padding: 5px;height: 80px;line-height: 80px;}

	/*******************************
		-------[=product center]-------
	********************************/
	.m-filter {padding: 0;}
	.m-filter .title {padding: 10px;position: static;width: auto;}

	.m-list6 li {float: none;width: auto;margin-bottom: 10px;}
	.m-list6 .txt {padding: 10px 20px;}
	.m-list6 .title {margin-bottom: 5px;}
	.m-list6 .desc {height: auto;max-height: 100px;margin-bottom: 15px;}

	.m-productInfo .picture {float: none;height: 200px;line-height: 200px;width: auto;margin-bottom: 10px;}
	.m-productInfo .text .title {margin-bottom: 10px;}

	/*******************************
		-------[=project cases]-------
	********************************/
	.m-article {width: auto;}
	.m-article .content {padding: 15px 0;}
	.m-article .toolbar {position: static;width: auto;}
	.m-share {display: inline-block;vertical-align: middle;}
	.m-share a {display: inline-block !important;/*width: 16px;height: 16px;margin: 0 5px;*/}

	.m-list8 li {float: none;width: auto;margin-bottom: 10px;}
	.m-list8 .txt {padding: 15px;border-color: #efefef;}
	.m-list8 .title ,
	.m-list8 .desc {height: auto;max-height: 50px;}

	/*******************************
		-------[=customer service]-------
	********************************/
	.m-txt3 {line-height: 1.5;}
	.m-list9 li {display: block;}
	.m-list9 .txt, .m-list9 .pic {width: auto;}
	.m-list9 .txt {line-height: 1.5;padding: 0 !important;}
	.m-list9 .pic {margin-bottom: 5px;}

	.m-list10 .item li {float: none;width: auto;}
	.m-list10 .con {padding: 10px 0;}
	.m-list10 .title {font-size: 14px;line-height: 20px;height: 40px;}
	.m-list10 .date {font-size: 12px;}
	.m-list10 .btn {margin-top: -50px;}

	/*******************************
		-------[=contact us]-------
	********************************/
	.m-message {position: relative;padding: 20px 10px;}
	.m-message .bg {position: absolute;z-index: 1;width: auto;height: auto;margin-right: 0;left: 0;right: 0;top: 0;bottom: 0;opacity: .1;}
	.m-message .form {position: relative;z-index: 2;}
	.m-message .form dt {width: 90px;margin-right: 8px;}

}

/*Common For Max 414*/
@media only screen and (max-width: 479px) {
	
	/*******************************
		-------[=首页]-------
	********************************/
	.m-ads h3{font-size: 18px;}

	/*******************************
		-------[=contact us]-------
	********************************/
	.m-list11 ul {display: block;}
	.m-list11 li {width: auto;}
	.m-list11 .icon {height: 32px;line-height: 32px;}

}

/*Common For Max 320*/
@media only screen and (max-width: 370px) {

	/*******************************
		-------[=首页]-------
	********************************/

}