/* CSS Document */

/*首页内容部分调整<=992 平板*/

@media(max-width: 1400px) {

	body,html{

		font-size: 58%;

	}

	.w_all {

		width: 90%;

	}

	.banner .swiper-pagination{

		left: 5% !important;

	}

	header .others .search input{

		width: 160px;

	}
	.contact .bar1{
		flex-wrap: wrap;

	}
	.contact .bar1 .left {

		width: 100%;
		margin-bottom: 3%;

	}
	.contact .bar1 .right{
		width: auto;
	}

}

@media(max-width: 1100px) {
	

	

	header .logo{

		height: 50px;

	}

	header.active .logo {

	    height: 50px;

	}

	header .nav {

		width: 52%;

	}

	header .nav li{

		line-height: 100px;

	}

	.ban h6{

		font-size: 6.4rem;

	}

	.index_bar2 ul li h4{

		font-size: 2.4rem;

	}

	.all_nav li {

		padding: 15px 25px;

		margin-right: 20px;

	}
	.about2 .gallery-top h3{
		font-size: 2.4rem;
	}
	.about2 .gallery-top .ll {

		font-size: 5rem;

	}
	.about2 .gallery-top .rr{
		width: 68%;
	}
	.about2 .gallery-top {

		padding: 22% 0 ;

	}

	.about2 .gallery-top .swiper-slide img{

		height: 180px;

	}

	.about2 .gallery-top .swiper-slide.swiper-slide-active .rr img {

		-webkit-transform: translateY(-170px);

		transform: translateY(-170px);

	}

	.about2 .gallery-top p {

		font-size: 1.6rem;

	}

	.about2 .years{

		padding: 1% 3%;

	}

	.about4 .years h6 strong {

		font-size: 8rem;

	}

	.news .box ul li h3 {

		font-size: 2.4rem;

		line-height: 1.4;

		margin-bottom: 3%;

		padding-bottom: 3%;

	}

	.news .box ul li p{

		display: none;

	}

	.more2 {

		width: 34px;

		height: 34px;

	}

	.more2 i{

		font-size: 2.2rem;

		line-height: 34px;

	}

	.news2 .bar1 p{

		display: none;

	}

	.pro ul li b{

		width: 80%;

	}

	.title h2{

		font-size: 3.6rem;

	}

	.pro_d .bar1 .left img {

		width: 90%;

	}

	.pro_d .bar2 .box2{

		display: block;

	}

	.pro_d .bar2 .box2 .left{

		width: 100%;

	}

	.pro_d .bar2 .box2 .right{

		width: 100%;

		margin: 3% 0 6%;

	}

	.pro_d .bar4 dl dd img {

		width: 65%;

	}

	.contact .bar2 ul input{

		margin-top: 0;

	}

	.contact .bar2 ul li {

		margin: 20px 0;

	}

	.join ul li:nth-of-type(2n) .right {

		width: 100%;

		height: 300px;

		position: static;

	}

	.join ul li:nth-of-type(2n) .left{

		float: none;

		width: 100%;

	}

	.join p{

		font-size: 1.6rem;

		line-height: 1.8;

	}

	.news_d,.pro_d{

		margin-top: 102px;

	}

}

@media(max-width: 1000px) {
	

	body,html{

		font-size: 54%;

	}

	.w_all,.w_all2{

		width: 94%;

	}

	header .logo{

		height: 45px;

		padding: 20px 0;

	}

	header.active .logo {

	    height: 45px;

	}

	header .nav{

		display: none;

		position: fixed;

		left: 0;

		top: 0;

		width: 100%;

		height: 100%;

		background: #fff;

	}

	header .nav ul{

		display: block;

		text-align: center;

		position: absolute;

		left: 50%;

		top: 50%;

		-webkit-transform: translate(-50%,-50%);

		transform: translate(-50%,-50%);

	}

	header .nav li{

		margin: 0;

	}

	header .nav li span{

		font-size: 2.2rem;

		line-height: 60px;

	}

	.s_menu{

		display: none !important;

	}

	.navBtn{

		display: block;

	}

	header .others{

		margin-left: 30%;

	}

	header .others .search input{

		padding: 5px 15px;

	}

	header .others .search button{

		right: 15px;

		width: 20px;

	}

	.index_bar2 ul li h4 {

		font-size: 2rem;

	}

	.more2 {

		width: 28px;

		height: 28px;

	}

	.more2 i{

		font-size: 1.6rem;

		line-height: 28px;

	}

	.index_bar3 ul li span{

		margin: 6% 0;

	}

	.index_bar3 ul li h3{

		font-size: 2rem;

	}

	.index_bar3 ul li p{

		display: none;

	}

	.footer .logo2 img{

		height: 60px;

	}

	.footer dl dd{

		margin: 10px;

	}

	.all_nav li {

		padding: 15px 15px;

		margin-right: 15px;

	}

	.about3 ul li .left{

		width: 35%;

	}

	.about3 ul li h3,.about4 ul li h3{

		font-size: 2.4rem;

	}

	.about3 ul li strong{

		font-size: 5.8rem;

		left: -70px;

		bottom: -30%;

	}

	.about4 .years h6 strong{

		font-size: 6rem;

	}

	.about4 .years h6 i {

		font-size: 3rem;

		margin-left: 10px;

	}

	.news_d,.pro_d{

		margin-top: 85px;

	}
	.contact .bar1 .right {

		width: 100%;

		margin-top: 3%;

	}

}

@media(max-width: 767px) {

	body,html{

		font-size: 50%;

	}

	header .logo {

		height: 40px;

		padding: 15px 0;

	}

	header.active .logo {

		height: 40px;

	}

	.barsbox{

		padding: 10% 0;

	}

	header .others {

		margin-left: 5%;

	}

	header .others .language {

		margin-right: 20px;

	}

	header .others .search input {

		width: 90px;

		padding: 2px 10px;

	}

	header .others .search button{

		right: 10px;

		width: 18px;

	}
	.banner_pc{
		display: none;
	
	}
	.banner_ph{
		display: block;
	}
	.banner .swiper-slide img{
		max-width: 100%;
	}
	.banner .swiper-pagination{

		bottom: 10% !important;

	}

	.banner .swiper-pagination span {

		width: 27.5% !important;

		margin: 0 5px !important;

	}

	.scroll{

		bottom: 3%;

		right: inherit;

		left: 50%;

		-webkit-transform: translateX(-50%) scale(0.9);

		transform: translateX(-50%) scale(0.9);

	}

	.index_bar1 .box{

		display: block;

	}

	.index_bar1 .left{

		width: 100%;

		overflow: hidden;

	}

	.index_bar1 .right ul .txt h4{

		font-size: 2.6rem;

	}

	.index_bar1 .right ul .txt p{

		font-size: 1.8rem;

		line-height: 1.6;

	}

	.index_bar1 .right{

		width: 100%;

		margin: 10% 0;

	}

	.index_bar1 dl dd img{

		height: 30px;

	}

	.index_bar2 ul{

		flex-wrap: wrap;

	}

	.index_bar2 ul li{

		height: 50%;

		width: 50%;

		border-bottom: 1px solid rgba(255,255,255,0.3);

	}

	.index_bar3 ul li:not(:first-child){

		display: none;

	}

	.index_bar3 ul li{

		width: 100%;

		margin: 0;

	}

	.index_bar3 ul li .txt h4 {

		top: -12px;

		padding: 5px 10px;

	}

	.title h2{

		font-size: 2.6rem;

	}

	.index_bar3 .more{

		width: 70px;

	}

	.footer{

		padding: 10% 0 0 ;

	}

	.footer .box{

		display: block;

	}

	.footer .box .left{

		display: block;

		width: 100%;

		margin-top: 8%;

	}

	.footer .box .left dl:nth-of-type(-n+4){

		display: none;

	}

	.footer .box .left dl{

		width: 100%;

		text-align: center;

	}

	.footer dl .bbs{

		justify-content: center;

		-webkit-transform: scale(0.8);

		transform: scale(0.8);

		margin: 0;

	}

	.footer dl dt{

		margin-bottom: 0;

	}

	.footer .logo2 img {

		margin: auto;

		display: block;

	}

	.footer .copy{

		text-align: center;

		display: block;

	}

	.footer .copy p{

		line-height: 1.6;

	}

	.right_nav .bb{

		padding: 10px;

	}

	.right_nav .bb img{

		width: 20px;

	}

	.ban {

		width: 100%;

		overflow: hidden;

	}

	.ban img{

		width: 130%;

		margin-left: -15%;

	}

	.ban h6{

		font-size: 3rem;

		top: 62%;

	}

	.all_nav ul{

		flex-wrap: wrap;

		padding: 4% 0;

	}

	.all_nav li {

		padding: 10px 15px;

		margin: 5px 10px 5px 0;

	}

	.about p{

		line-height: 1.8;

		font-size: 1.6rem;

	}

	.about .bar1 img{

		margin-top: 5%;

	}

	.about .bar2 .box{

		display: block;

	}

	.about .bar2 .box .left{

		width: 100%;

	}

	.about .bar2 .box .right{

		width: 100%;

		margin-top: 5%;

	}

	.about .bar3 .box{

		display: block;

	}

	.about .bar3 .box .left{

		width: 100%;

	}

	.about .bar3 .box .right{

		width: 100%;

		display: none;

	}

	.title2{

		font-size: 2.4rem !important;

	}

	.about2 .years{

		width: 100%;

		padding: 3% ;

	}

	.about2 .years i{

		font-size: 2.4rem;

	}

	.about2 .gallery-thumbs .swiper-slide{

		font-size: 1.6rem;

	}
	.about2 .gallery-top::before{
		display: none;
	}
	.about3 ul li .left{

		position: static;

		width: 100%;

		-webkit-transform: translateY(-0%);

    	transform: translateY(-0%);

		margin: 12% 0 5%;

	}

	.about3 ul li .right{

		width: 100%;

	}

	.about3 ul li strong{

		left: inherit;

		right: 0;

		font-size: 4.8rem;

	}

	.about3 p{

		line-height: 1.8;

		font-size: 1.6rem;

	}

	.about4 .bar1{

		display: block;

	}

	.about4 .bar1 ul{

		width: 100%;

		margin-top: 5%;

	}

	.about4 .years h6{

		margin: 10% 0 3%;

	}

	.about4 .years h6 strong {

		font-size: 4.6rem;

	}

	.about4 .years span{

		font-size: 3rem;

	}

	.about4 .bar1 ul li .left p{

		display: none;

	}

	.about3 ul li h3, .about4 ul li h3{

		font-size: 2rem;

	}

	.news .box ul li{

		display: block;

		margin-top: 10% !important;

	}

	.news .box ul li b{

		width: 100%;

	}

	.news .box ul li .txt{

		width: 100%;

		margin-top: 5%;

	}

	.news .box ul li h3 {

		font-size: 2.2rem;

		line-height: 1.3;

		margin-bottom: 5%;

		padding-bottom: 5%;

	}

	.pages ul li {

		width: 28px;

		height: 28px;

		line-height: 28px;

		margin: 3px;

	}

	.news_d,.pro_d{

		margin-top: 70px;

	}

	.news_d .contain .left{

		width: 100%;

	}

	.news_d .contain .right{

		display: none;

	}

	.news_d .top{

		display: block;

	}

	.news_d .top .ll{

		width: 100%;

	}

	.news_d .top .rr img {

		width: 16px;

		padding: 10px;

		margin-top: 5%;

	}

	.pro ul a{

		width: 50%;

		margin-top: 5%;

	}

	.pro_d .bar1 .box{

		display: block;

	}

	.pro_d .bar1 .left img{

		width: 60%;

	}

	.pro_d .bar1 .right {

		width: 100%;

		margin-top: 5%;

	}

	.pro_d .bar1 .left {

		width: 100%;

	}

	.pro_d .bar1 h2{

		font-size: 2.8rem;

		padding-left: 20px;

	}

	.pro_d .bar1 h2::before {

		top: 15px;

		width: 6px;

		height: 6px;

	}

	.pro_d .bar1 h3 {

		padding: 20px 5% 20px 80px;

	}

	.pro_d .bar4 dl dd{

		width: 50%;

		margin: 5% 0;

	}

	.pro_d .bar4 dl dd:last-of-type{

		display: none;

	}

	.pro_d .bar4 dl dd img{

		width: 60%;

	}

	.pro_d .bar4 dl dd h3{

		font-size: 2rem;

	}

	.pro_d .bar4 .box p{

		font-size: 1.6rem;

		line-height: 1.8;

	}

	

	.contact .bar1 h3{

		font-size: 2rem;

	}

	.contact .bar1 p {

		font-size: 1.6rem;

		margin: 2px 0;

	}

	.contact .bar1 .right p{

		margin: 10px 0;

	}

	.contact .bar1 img{

		margin-right: 10px;

	}

	.contact .bar2 p {

		font-size: 2rem;

		line-height: 1.6;

	}

	.contact .bar2 ul input{

		padding: 5px 0;

	}

	.contact .bar2 ul textarea{

		min-height: 60px;

	}

	.join ul li{

		display: block;

	}

	.join ul li .left{

		width: 100%;

	}

	.join ul li:first-of-type .right{

		width: 100%;

		position: static;

		height: 200px;

		display: none;

	}

	.join dl dd .top h4:first-of-type {

		width: 50%;

	}

}