﻿

@media screen and (max-width: 1500px){
	#hd .logo{}
	#hd .language{right: 5%;}
}

@media screen and (max-width: 1360px){
	.quality .slick-next{right: 0;}
	.quality .slick-prev{left: 0;}
}
@media screen and (max-width: 1200px){
	/*.quality .pic{padding: 0.15%;}*/
}

@media screen and (max-width: 1210px){
	.ul-product li{padding: 0 10px;}
	.ul-product li h3{padding-bottom: 20px;}
	.ul-product-in li h3:after{bottom: 0;}
	.ul-solutions,.ul-product{margin: 0;}
}

@media screen and (max-width: 1200px){
	#hd{padding: 20px;}
	#hd .logo{left: 20px;}
	#hd .language{top: 20px;right: 20px;}
	#nav{max-width: 650px;}
	.banner .ban-text .tit{font-size: 30px;}
	.banner .ban-text{text-align: center;}
	.wp{padding: 0 20px;}
	.ul-solutions li p, .ul-solutions .li p{height: 230px;}
	.ul-solutions li h3, .ul-solutions .li h3{font-size: 20px;}
	.ul-proList li .txt p{}
	/*.quality .pic{padding: 0.15% 0.1%;}*/
	.careersHd span:first-child, .careersTop span:first-child{padding-left: 10px;}
		.fancybox-toolbar{top: 6% !important;visibility: visible !important;}
}

@media screen and (max-width: 1200px) and (min-width: 1025px){
	.ul-product li h3{font-size: 20px;}
}

@media screen and (max-width: 1140px){
	.ul-product-in li p{height: 240px;}
}


@media screen and (max-width: 1025px) and (min-width: 769px){
	#hd{padding: 20px;}
	#hd .logo{left: 20px;}
	#hd .language{top: 20px;right: 20px;}
	#nav{max-width: 650px;}
	.banner .ban-text .tit{font-size: 30px;}
	.banner .ban-text{text-align: center;}
	.wp{padding: 0 20px;}
	.ul-solutions li p, .ul-solutions .li p{height: 230px;}
	.ul-solutions li h3, .ul-solutions .li h3,.ul-product li h3{font-size: 18px;}
	.ul-proList li .txt p{}
	/*.quality .pic{padding: 0.15% 0.1%;}*/
	.careersHd span:first-child, .careersTop span:first-child{padding-left: 10px;}
		.fancybox-toolbar{top: 6% !important;visibility: visible !important;}
}

@media screen and (max-width: 1026px){
	.ul-product-in li p{height: 240px;}
	.ul-awards li .pad{padding: 0;}
}


@media screen and (max-width: 990px){
	.ul-solutions li{padding: 0 5px;}
	
}



@media screen and (max-height: 769px){
	.fancybox-toolbar{top: 6% !important;visibility: visible !important;}
	
}


@media screen and (max-width: 1000px){
	#nav{max-width: 600px;}
	.m-hd{display: block;}	
	.m-bar{display: block;}
	#hd{display: none;}
	body{font-size: 14px;}
	.body-slidebar .m-hd{}
	.wp{padding: 0 20px;}
	/*.banner,.banIn{margin-top: 80px;}*/
	/*.m-nav a{line-height: 50px;height: 50px;}*/
	.m-nav a{line-height: 30px;padding: 10px 30px;}
	.ul-product-in2 li p{height: 310px;}
}

@media screen and (max-width: 980px){
	.ul-awards li{width: 33.333%;}
	.ul-product li h3{font-size: 18px;}
	.ul-product li p{height: 240px;}
}


@media screen and (max-width: 910px){
	.messBox ul{margin: 0 -10px;}
	.messBox li{padding: 0 10px;}
	.quality .pic img{width: 80%;}
	.ul-product li p{height: 300px;}
}

@media screen and (max-width: 860px){
	.ul-product li{padding: 0 10px;}
}

@media screen and (max-width: 820px){
	.ul-product li{float: none;width: 100%;margin-bottom: 0.5rem;}
	.ul-product li p{height: auto;}
	.ul-product-in li p{height: auto;}
	.ul-product-in li{font: none;width: 100%;margin-bottom: 30px;}
	.ul-product-in li .pad{padding: 20px;}
	.ul-product-in li h3{margin-bottom: 20px;height: 60px;}
	.ul-product-in li h3 br{display: none;}
}


@media screen and (max-width: 800px){
	/*.ul-product li{width: 50%;margin-bottom: 20px;}*/
	
}


@media screen and (max-width: 803px){
	.fancybox-toolbar{top: 1.14rem !important;visibility: visible !important;opacity: 1 !important;}
	.ul-newsList li .pic{float: none;width: 100%;margin-right: 0;margin-bottom: 10px;}
	.cur span{margin-right: 10px;}
	.ul-type li{width: 50%;margin-bottom: 20px;}
	.messBox ul{margin: 0;}
	.messBox li{float: none;width: 100%;padding: 0;margin-bottom: 30px;}
	.messBox{padding: 20px;}
	.messBox h3{margin-bottom: 20px;}
	.ul-proList li .pic{float: none;margin-right: 0;width: 100%;margin-bottom: 15px;}
	.fancybox-close{right: 0 !important;-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7); 
	-ms-transform: scale(0.7); 
	-o-transform: scale(0.7); 
	transform: scale(0.7);
	transform-origin: 50% 50%;}
	.fancybox-nav span{
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7); 
		-ms-transform: scale(0.7); 
		-o-transform: scale(0.7); 
		transform: scale(0.7);
		transform-origin: 50% 50%;
	}
	.proInfo{float: none;width: 100%;margin-bottom: 4%;}
	.proInfo:last-child{padding-left: 0;}
	.pro-imgtxt .img{float: none;width: 100%;margin-right: 0;}
	/*.banner .m-img{display: block;height: 9rem;-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;}
	.banner .pc-img{display: none;}
	.banner .m-img img{display: none;}*/
	#hd .language{position: absolute;display: block;right: 3rem;top: 0;}
	.banIn{height: 7rem;}
	.i-news,.i-solution,.i-product{padding: 30px 0;}
	.articlePage{display: block;}
	.articlePage .aPage p{margin-bottom: 10px !important;}
	.m-show{display: block;}
	.pc-show{display: none;}
	.m-box .swiper-slide {
	    width: 100%;
	    margin-right: .5rem;
	}
	.m-box {
	    overflow: inherit;
	}
	/*.banner{margin-top: 1.14rem;}*/
	.banner .ban-text .tit{font-size: 0.3rem;padding: 0 0.5rem;text-align: center;}
	.ul-solutions li{width: 50%;margin-bottom: 40px;}
	.ul-solutions li p, .ul-solutions .li p{height: 134px;}
	.ul-news,.ul-solutions{overflow: inherit;}
	.ul-news{margin: 0;}
	/*.quality .pic {
	    padding: 0.15% 0.111%;
	}*/
	.careersList{overflow-x: auto;}
	.careersBox,.careersTop{width:16rem;}
	.m-bar .language{right: 65px;}
	/*.ul-product li p{height: 185px;}
	.ul-product li:last-child p{height: 145px;}*/
	.ul-product-in li p{height: auto;}
	.ul-product-in li{font: none;width: 100%;margin-bottom: 30px;}
	.ul-product-in li .pad{padding: 20px;}
	.ul-product-in li h3{margin-bottom: 20px;height: 60px;}
	.ul-product-in li h3 br{display: none;}
	.ul-product li h3{padding-bottom: 0;min-height: auto;}
	.ul-proList li .txt p{height: auto;}
	.ul-proList li .txt p br{display: none;}
}


@media screen and (max-width: 640px){
	.fancybox-toolbar{top: 1.24rem !important;visibility: visible !important;opacity: 1 !important;right: 5% !important;left: auto !important;}
	.fancybox-can-zoomIn .fancybox-image-wrap{width: 90% !important; left: 5% !important;}
	.m-box .swiper-slide {
	    width: 100%;
	    margin-right: .3rem;
	}
	body{font-size: 14px;}
	.wp{padding: 0 0.3rem;}
	.ul-news li,.ul-product li{width: 100%;margin-bottom: 0.5rem;}
	.tit-i h3{font-size: 0.36rem;}
	.tit-i h5{font-size: 0.2rem;}
	.tit-i{padding-bottom: 0.45rem;}
	.ul-news,.ul-solutions,.ul-product{margin: 0;}
	.ul-news li .tit,.ul-product li p,.ul-product li h3{height: auto;}
	.ul-solutions li{border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
	.ul-solutions li:nth-child(2n){border-right: 0;}
	.ul-solutions li:nth-child(3),.ul-solutions li:nth-child(4){border-bottom: 0;padding-top: 30px;}
	
	.ul-product li h3{margin-bottom: 10px;font-size: 0.3rem;padding-bottom: 0;min-height: auto;}
	.ul-product-in li h3{height: 45px;}
	.ul-news li .more, .ul-solutions li .more, .ul-product li .more{font-size: 14px;margin-top: 20px;-webkit-background-size: 20px;
	background-size: 20px;padding-right: 30px;}
	.ul-solutions li h3{font-size: 0.3rem;margin-top: 0;}
	.i-ads{height: 120px;}
	#hd{display: none;}
	.ul-news li .txt .time{padding: 10px 0;}
	.ul-solutions li{float: left;width: 50%;padding-bottom: 0.5rem;margin-bottom: 0;}
	.ul-solutions li:nth-child(2n){padding-left: 20px;}
	.ul-solutions li:nth-child(3) p,.ul-solutions li:nth-child(4) p{height: 2rem;}
	.banner .btns{bottom: 26px;}
	.banner .btns .swiper-pagination-bullet{width: 30px;height: 3px;}
	#fd dl{float: none;width: 100%;height: auto;margin-bottom: 0.5rem;}
	#fd dl:last-child{text-align: center;padding-left: 0;}
	#fd dl:last-child:before{display: none;}
	#toTop{-webkit-transform: scale(0.7);right: 0.3rem;
	-moz-transform: scale(0.7); 
	-ms-transform: scale(0.7); 
	-o-transform: scale(0.7); 
	transform: scale(0.7);
	transform-origin: 50% 50%;}
	#fd{-webkit-background-size: 100%;
	background-size: 100%;}
	.ul-news,.ul-solutions{overflow: inherit;}
	.ul-news .li .tit{height: 70px;}
	.ul-solutions .li p{height: 100px;}
	.ul-news li .more, .ul-news .li .more, .ul-solutions li .more, .ul-solutions .li .more, .ul-product li .more{
		color: #333;
	}
	.ul-product li{padding: 0;}
	.typeName,.typeName2{font-size: 20px;}
	.pages li a{width: 30px;height: 30px;line-height: 30px;}
	/*.ul-awards li span{height: 200px;line-height: 200px;}*/
	.careersHd span:first-child, .careersTop span:first-child{padding-left:10px;}
	.banIn h3{font-size: 28px;}
	.tableSolution table th{line-height: 26px;}
	.ul-solutionsList-in li .txt h3 a{font-size: 30px;padding-bottom: 0;}
	.ul-solutionsList-in li .txt p,.ul-proList li .txt p{height: auto;}
	.ul-solutionsList-in li .txt p{font-size: 15px;}
	.ul-solutionsList-in li .txt p br{display: none;}
	.article h1{font-size: 24px;}
	a.anchor{
		display: block;
		position: relative;
		top: -60px;
		visibility: hidden;
	}
	.fancybox-toolbar{opacity: 1 !important;}
	.about-slider .swiper-slide{font-size: 18px;word-wrap: normal;padding: 0 6%;line-height: 24px;}
	.ul-type li a span{font-size: 16px;}
	.about-slider .swiper-wrapper{align-items: center;}
	.copy span{display: block;}
	#fd .copy .wp{display: block;}
	#fd .copy{height: auto;padding: 20px 0;line-height: 24px;text-align: center;}
	.fancybox-arrow,.fancybox-arrow--leftm,.fancybox-button,.about-slider .swiper-button-next,.about-slider .swiper-button-prev{-webkit-transform: scale(0.7) !important;
	-moz-transform: scale(0.7) !important; 
	-ms-transform: scale(0.7) !important; 
	-o-transform: scale(0.7) !important; 
	transform: scale(0.7) !important;
	transform-origin: 50% 50%;opacity: 1 !important;}
	.fancybox-navigation{display: block !important;opacity: 1 !important;}
	.quality .slick-arrow{
		width: 30px;height: 30px;background-size: 100%;-webkit-background-size: 100%;
	}
	.quality .slick-prev{
		left: -15px;
	}
	.quality .slick-next{right: -15px;}
	.about-slider .swiper-button-next{right: 0;}
	.about-slider .swiper-button-prev{left: 0;}
	.page a{margin: 0 5px;width: 30px;height: 30px;line-height: 30px;}
	.tableSolution table th,.tableSolution table td{width: 50% !important;}
	.tableSolution table tr td,.tableSolution table th{padding-left: 10px;}
	.tableSolution table tr td{line-height: 24px;height: auto;padding-top: 10px;padding-bottom: 10px;}
	/*.quality .pic{padding: 0.15% 0.16%;}*/
	.messBox .sub,.articlePage .back{
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7); 
		-ms-transform: scale(0.7); 
		-o-transform: scale(0.7); 
		transform: scale(0.7);
		transform-origin: left 50%;
	}
	.article .cont,.articlePage .aPage{font-size: 14px;line-height: 2;}
	.i-news .m-show .swiper-pagination{left: 0;}
	.ul-solutions li .ico, .ul-solutions .li .ico{padding-left: 0;text-align: center;}
	.ul-solutions li .ico img, .ul-solutions .li .ico img{height: 60px;}
	.m-bar .language{right: 60px;}
	.logo-m img{width: 2rem;}
	.ul-product li:last-child p{height: auto;}
	#fd dl:last-child dd img{width: 30%;}
	#fd dl:last-child dd{padding-left: 0;}
	.ul-newsList li p{min-height: auto;margin-bottom: 20px;}
	.proInfo dd p{background-position: left 16px;}
	.banner{margin-top:60px;}
	.ul-awards li{width: 50%;}
}




@media screen and (max-width: 480px){
	.addressBox{display: block;}
	.addressBox .add,.addressBox .wechat{padding-top: 20px;}
	.cur a{display: none;}
	.ul-solutions li p{height: 4rem;}
	.ul-awards li{width: 100%;float: none;}
}

@media screen and (max-width: 376px){
	/*.quality .pic {
	    padding: 0.15% 0.12%;
	}*/
}
