@charset "utf-8";

/* CSS Document */
@media(max-width: 1700px) {
.index_title h3{
	font-size: 5rem;
}
.index_title h4{
	font-size: 4.2rem;
}
}
@media(max-width: 1560px) {
.about2 ul li i {

    font-size: 1.4rem;}
.navBtn{
	margin: 0 80px;
}
.banner .left{
	max-width: 50%;
}
.banner .right{
	max-width: 45%;
}
.banner .right img{
	width: 90%;
	float: right;
}
}

@media(max-width: 1500px) {
header .nav_box {
    width: 96%;
}
.navBtn{
	margin: 0 50px;
}
header .language{
	padding-right: 40px;
}
.product ul li .t2{

	padding-bottom:5px;}

.product ul li h2{

	width:190px;

	font-size:1.3rem;}

.product ul li h2 i{

	font-size:1.8rem;}

.product ul li p{

	font-size:1.5rem;}

}

@media(max-width: 1350px) {
body,html{
	font-size: 56%;
}
.w_all {

    width: 80%;}
.navBtn{
	margin: 0 30px;
}
header nav{
	width: 72%;
}
nav ul li{
	font-size: 1.7rem;
}
.banner .txt h4 {
    font-size: 4.6rem;
}
.news .left.active {

    width: 20%;

    left: 10%;

}

.product ul li span {

    margin: 20px 0 10px;
	}

.product ul li .t2{

	padding-bottom:2px;
	}
}
@media(max-width: 1000px) {
	header .nav_box{
		float: none;
		width: 90%;
	}
	header .logo {
	    height: 36px;
	}
	header nav{
		width: auto;
	}
	header nav ul li{
		display: none;
	}
	header nav ul li.language{
		display: block;
		line-height: 60px;
		border-right: none;
		padding-right: 20px;
	}
	header nav ul li.language img{
		display: none;
	}
	.navBtn{
		margin: 0;
		padding: 0;
		float: right;
	}
	.navBtn p{
		display: none;
	}
	.nav_list{
		width: 90%;
		display: block;
	}
	.nav_list .left{
		display: none;
	}
	.nav_list dl{
		width: 100%;
	}
	.nav_list dl dd{
		width: 100%;
		font-size: 2.2rem;
	    margin: 8% 0 0;	
	}
	.n_bot{
		display: none;
		font-size: 2.2rem;
	}
	.nav_right .close{
		top: 4%;
	}
}
@media(max-width: 767px) {
	body,html{
		font-size: 50%;
		width: 100%;
		overflow-x: hidden;
	}
	.w_all,.w_all2{
		width: 90%;
	}
	.banner .pc{
		display: none;
	}
	.banner .ph {
		display: block;
	}
	.banner .txt{
		display: block;
		top: 52%;
	}
	.banner .txt .left{
		width: 100%;
	}
	.banner .txt .right{
		width: 100%;
		margin-top: 12%;
	}
	.banner .txt .right img{
		max-width: 100%;
		margin: 0;
	}
	.banner .txt h3{
		font-size: 3.6rem;
	}
	.banner .txt h3:before{
		height: 2px;
	}
	.banner .txt h4{
		font-size: 3rem;
	}
	.banner .txt p{
		display: none;
	}
	.banner .swiper-pagination{
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
		bottom: 0 !important;
	}
	.more{
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
		margin-top: 10%;
		margin-left: -10%;
	}
	.index_title{
		position: static;
	}
	.index_title h3 {
	    font-size: 3.6rem;
	    padding-bottom: 3%;
	}
	.index_title h3:before{
		height: 2px;
	}
	.index_title h4{
		margin-top: 5%;
		font-size: 3rem;
	}
	.index_bar1 ul{
		flex-wrap: wrap;
		margin-top: 12%;
	}
	.index_bar1 ul li{
		width: 48%;
	}
	.index_bar1 ul li:first-of-type{
		width: 100%;
		margin-right: 0;
	}
	.index_bar2 .contain{
		display: block;
	}
	.index_bar2 .txt{
		width: 100%;
	}
	.index_bar2 ul{
		margin-top: 8%;
		width: 100%;
		flex-wrap: wrap;
	}
	.index_bar2 ul li{
		width: 48%;
		margin-top: 4%;
	}
	.index_bar2 ul li:nth-of-type(2){
		margin-right: 0;
	}
	.index_bar2 ul li:last-of-type{
		display: none;
	}
	.index_bar3 .contain{
		display: block;
	}
	.index_bar3 .txt {
	    width: 100%;
	}
	.index_bar3 .right {
	    margin-top: 12%;
	    width: 100%;
	}
	.index_bar3 .right ul li img {
	    width: 36px;
	}
	.index_bar3 .right ul li h5{
		font-size: 2rem;
	}
	.index_bar4 .contain{
		display: block;
		top: 43%;
	}
	.index_bar4 .contain .left{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.index_bar4 .right{
		width: 100%;
		margin-top: 10%;
	}
	.index_bar4 .btn{
		display: none;
	}
	footer .box{
		display: block;
	}
	footer .left {
	    display: block;
		text-align: center;
	}
	footer ul{
		display: none;
	}
	footer .box .top {
	    display: block;
	}
	footer p{
		margin: 5px 0;
	}
	footer .left>p a{
		display: block;
		margin-left: 0;
	}
	.fsvs #fsvs-pagination{
		right: -3% !important;
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
		display: none;
	}
	.scroll{
		right: 16px;
		width: 8px;
		bottom: 2%;
	}
	.scroll img{
		width: 100%;
	}
	.o_ban{
		height: 150px;
		margin-top: 60px;
	}
	.o_ban .txt{
		top: 50%;
	}
	.o_ban .txt p {
	    margin-top: 5px;
	}
	.o_ban .txt h2{
		font-size: 2.8rem;
		letter-spacing: 2px;
	}
	.about .top{
		display: none;
	}
	.navs{
		display: none;
	}
	.title h3 {
	    font-size: 4rem;
	    margin-bottom: 2px;
	}
	.title h4 {
	    font-size: 2.4rem;
	    letter-spacing: 3px;
	}
	.title2 h3{
		font-size: 3rem;
	}
	.title2 h4{
		font-size: 2rem;
	}
	.about .contain{
		background: #fff;
		padding-bottom: 5%;
	}
	.about .txt{
		width: 100%;
		padding: 5%;
	}
	.about .imgs{
		position: static;
		width: 70%;
		margin-left: 25%;
	}
	.about2 .imgs{
		width: 100%;
		margin: 0;
	}
	.about3 .bar{
		display: block;
	}
	.about3 .left{
		display: flex;
		justify-content: space-between;
	}
	.about3 .btn{
		margin-top: 5%;
	}
	.about3 .title2 h4 {
	    padding-bottom: 6%;
	}
	.about3 .txt h3{
		font-size: 3rem;
		padding-bottom: 0;
		padding-left: 12px;
		margin-left: 3%;
	}
	.about3 .txt h3:before {
	    bottom: 0%;
	    right: inherit;
	    left: 0;
	    width: 4px;
	    height: 200%;
	}
	.about3 .txt p:before {
	    top: 10px;
	    width: 4px;
	    height: 4px;
	}
	.btn .ll {
	    margin: 0 0 0 10px;
	    padding: 5px;
	    width: 20px;
		text-align: center;
	    height: 20px;
	}
	.btn .ll i{
		font-size: 1.4rem;
		line-height: 20px;
	}
	.about3 .contain{
		width: 100%;
		margin-top: 5%;
	}
	.about3 .contain img{
		width: 100%;
		float: none;
	}
	.about3 .contain .txt{
		width: 100%;
		float: none;
	}
	.about3 .swiper-pagination-bullet{
		padding-top: 30px;
	}
	.about3 .swiper-pagination:before{
		top: 14px;
	}
	.about3 .swiper-pagination-bullet:before{
		width: 10px;
		height: 10px;
	}
	.about3 .swiper-pagination-bullet-active:before{
		width: 30px;
		height: 30px;
	}
	.navs2{
		position: static;
		-webkit-transform: none;
		transform: none;
		display: flex;
		justify-content: center;
	}
	.navs2 a{
		font-size: 1.7rem;
		padding-left: 0px;
		margin: 20px;
	}
	.navs2 a:before{
		display: none;
		width: 25px;
	}
	.news .bar ul li{
		display: block;
	}
	.news .bar ul li .img{
		width: 100%;
	}
	.news .bar ul li .txt{
		width: 100%;
		margin-top: 3%;
	}
	.news .bar ul li h3{
		padding-left: 12px;
	}
	.news .more {
	    margin: 3% -10% 3%;
	}
	.news_d h3 {
	    font-size: 2.4rem;
	    margin-bottom: 0px;
	}
	.news_d .bottom{
		display: block;
	}
	.news_d .bottom .back{
		width: 50px;
		margin: 3% auto 0;
	}
	.navs3 a{
		margin-right: 4%;
	}
	.navs3 a:last-of-type{
		margin-right: 0;
	}
	.pro .bar ul a{
		width: 48.5%;
	}
	.pro .bar ul a:nth-of-type(3n){
		margin-right: 3%;
	}
	.pro .bar ul a:nth-of-type(2n){
		margin-right: 0;
	}
	.pro .bar ul li h3{
		font-size: 2rem;
		margin-bottom: 2%;
	}
	.pro_d .bar1{
		margin-top: 60px;
	}
	.pro_d .bar1 .left img{
		width: 80%;
		margin: auto;
		display: block;
	}
	.pro_d .bar1 .box{
		display: block;
	}
	.pro_d .bar1 .left{
		width: 100%;
	}
	.pro_d .bar1 .txt{
		width: 100%;
		margin-top: 5%;
		text-align: center;
	}
	.pro_d .bar1 h1 {
	    font-size: 2.4rem;
	    margin: 0% 0 1%;
	}
	.cases ul li {
	    margin-top: 6%;
	}
	.cases ul li h3{
		font-size: 2rem;
		padding-bottom: 5%;
	}
	.cases ul li .txt {
	    width: 45%;
	}
	.download .box .top{
		width: 100%;
	}
	.download .title2 h4 {
	    padding-bottom: 3%;
	    margin-top: 0%;
	}
	.download .top p{
		margin-top: 3%;
	}
	.download ul{
		width: 100%;
		margin-top: 5%;
	}
	.download ul li a{
		margin-left: 10px;
	}
	.download ul li img {
	    width: 22px;
	}
	.contact .bar1{
		display: block;
	}
	.contact .bar1 .title2 h4 {
	    padding-bottom: 3%;
	    margin-top: 0%;
	}
	.contact .bar1 ul{
		width: 100%;
		margin-top: 10%;
	}
	.contact .bar1 ul li img {
	    width: 20px;
	    margin-right: 5px;
	}
	.contact .bar1 .left{
		width: 100%;
	}
	.contact .bar1 .right{
		width: 100%;
		margin-top: 4%;
	}
	.contact .bar1 .right img{
		width: 100%;
	}
	.job ul li h6{
		padding: 5px;
		width: 20%;
	}
	.job ul li .bar dl dd p {
	    font-size: 1.6rem;
	    margin: 5px 0;
	}
	.job ul li .bar dl dd h3 {
	    font-size: 1.9rem;
	    margin: 10px 0 5px;
	}
	.job ul li .bottom{
		position: static;
		margin:5% auto 3%;
		width: 60px;
		text-align: center;
		padding: 6px 20px;
	}
}