@charset "utf-8";
/* CSS Document */
/*首页内容部分调整<=992 平板*/
@media(max-width: 1600px) {
	body,html{
		font-size: 56%;
	}
	header .nav li {
        margin: 0 28px;
    }
}
@media(max-width: 1500px) {
	.w_all{
    	width:90%;
    	margin:auto;
    }
    .w_all2{
    	width:80%;
    	margin:auto;
    }
}
@media(max-width: 1000px) {
	header .nav_box,header.active .nav_box{
		height: 66px;
	}
	header .logo{
		height: 30px;
		padding: 10px 0;
	}
	header.active .logo {
	    height: 30px;
	}
	header .nav {
	    right: 35px;
	    bottom: 25px;
	}
	header .nav ul{
		display: none;
		position: fixed;
		left: 0;
		top: 66px;
		width: 100%;
		height: 100%;
		background: #000000;
		padding-top: 10%;
	}
	header .nav li{
		width: 90%;
		margin: auto;
		padding: 3% 0;
	}
	header .nav li span{
		font-size: 2rem;
		line-height: 46px;
		position: relative;
	}
	header .nav li.sm::after{
		content: '';
		position: absolute;
		right: 0;
		top: 25px;
		background: url(../images/jt0.png) no-repeat center/contain;
		width: 14px;
		height: 14px;
		opacity: 0.8;
	}
	header .nav li:hover span:before{
		-webkit-transform:rotate(180deg);
		transform:  rotate(180deg);
	}
	header .nav li::before{
		bottom: 0%;
	}
	header .h_other{
		margin: 0;
	}
	header .h_other .bb{
		margin-left: 5px;
	}
	header .nav li:hover:before{
		opacity: 0;
	}
	.serbox p {
	    width: 90%;
	    margin-left: 5%;
	}
	.serbox {
	    top: 66px;
	    padding: 10px 0;
	}
	.navBtn{
		display: block;
	}
	.s_menu{
		display: none;
		position: static;
		width: 100%;
	}
	.s_menu dl {
	    width: 100%;
	    display: flex;
	    flex-wrap: wrap;
	}
	.s_menu dl a,.sp_menu dl dd{
		display: block;
		width: 50%;
	}
	.sp_menu dl dd a{
		width: 100%;
	}
	.s_menu dl dd{
		padding: 8px 0;
		font-size: 1.8rem;
		border: none;
	}
	.sp_menu p{
		display: none !important;
	}
	.banner{
		margin-top: 30px;
		height: 62vh;
	}
}
@media(max-width: 767px) {
	body,html{
		font-size: 50%;
	}
	.w_all,.w_all2{
		width: 90%;
	}
	p{
		line-height: 1.6;
	}
	.banner .txt{
		padding-bottom: 5%;
	}
	.banner .txt h3{
		font-size: 4.6rem;
	}
	.banner .txt p{
		font-size: 2rem;
		margin-top: 3%;
	}
	.banner .swiper-pagination{
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
	}
	.index_bars{
		padding: 10% 0;
	}
	.index_bar1 ul{
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.index_bar1 ul li{
		width: 50%;
		margin:3% 0;
	}
	.index_bar1 ul p{
		width: auto;
	}
	.index_bar1 ul img{
		width:42px;
	}
	.index_bar2 p{
		width: 100%;
	}
	.index_title h3{
		font-size: 2.6rem;
		letter-spacing: 1px;
	}
	.index_bar3{
		width: 100%;
		overflow: hidden;
	}
	.index_bar3 h4 {
	    font-size: 2.4rem;
		margin-top: 6%;
	}
	.more {
	    width: 80px;
	    font-size: 1.6rem;
	    letter-spacing: 1px;
	    padding: 4px 0px;
	}
	.index_bar3 p{
		font-size: 2rem;
	}
	.index_bar3 .bg img{
		width: 150%;
		margin-left: -20%;
	}
	.index_bar4 p{
		width: 100%;
	}
	.index_bar5 p{
		width: 100%;
	}
	.footer .left img{
		height: 30px;
		margin: 0 auto 20px;
		display: block;
	}
	.footer .ss{
		width: 100%;
		justify-content: center;
	}
	.footer .ss a{
		height: 24px;
		margin: 0 3%;
	}
	.footer .box{
		display: block;
		padding: 10% 0 0%;
	}
	.footer .right{
		display: block;
		width: 100%;
		margin-top: 8%;
	}
	.footer .right dl:first-of-type{
		display: none;
	}
	.footer .right dl:nth-of-type(2) {
	    padding: 0 0%;
		border: none;
	}
	.footer .right dl dd{
		margin: 5% 0;
	}
	.footer .right dl dd:nth-of-type(2){
		position: static;
	}
	.footer .right h4{
		margin-bottom: 5px;
	}
	.all_back{
		width: 20px;
		height: 20px;
	}
	.all_back i{
		line-height: 18px;
	}
	.footer .copy .w_all{
		display: block;
	}
	.footer .copy p{
		line-height: 1.6;
	}
	.footer .copy a{
		margin-top: 5px;
		margin-left: 0 !important;
		display: block;
	}
	.footer .copy p span{
		display: block;
		margin-top: 5px;
	}
	.ban{
		margin-top: 66px;
		width: 100%;
		overflow: hidden;
	}
	.ban img{
		width: 150%;
		margin-left: -25%;
	}
	.allbox{
		padding: 8% 0;
	}
	.about .bar{
		padding: 8% 0;
	}
	.about .bar1{
		padding-top: 5%;
	}
	.index_title p {
	    width: 100%;
	    margin: -0.5% auto 2.5%;
	    line-height: 1.4;
	}
	.about .bar2 dl{
		flex-wrap: wrap;
	}
	.about .bar2 dl dd{
		width: 50%;
		margin: 5% 0;
	}
	.about .bar2 dl dd:nth-of-type(2n){
		border: none ;
	}
	.about .bar2 dl dd span{
		font-size: 5rem;
	}
	.about .bar2 dl dd h5 {
	    margin: 2% 0 6%;
	}
	.about .bar2 dl p img{
		width: 32px;
	}
	.about .bar3{
		padding: 12% 0 5%;
	}
	.about .bar3 ul{
		display: block;
	}
	.about .bar3 ul li{
		width: 100%;
		margin-top: 8%;
	}
	.about .bar3 ul li h4 {
	    font-size: 2.2rem;
	    margin: 5% 0 1%;
	}
	.about .bar4 .index_title p{
		width: 100%;
	}
	.about .bar4 .index_title{
		margin-bottom: 8%;
	}
	.title2 {
	    font-size: 2.4rem;
	    padding: 1% 0 2.5%;
		margin-bottom: 3%;
	}
	.about .bar4 ul li .bb{
		width: 94%;
	}
	.about .bar4 ul li b{
		width: 35%;
	}
	.about .bar4 ul li .txt {
	    width: 60%;
	}
	.about .bar4 ul li p{
		line-height: 1.4;
	}
	.about .bar5{
		padding: 4% 0;
	}
	.about .bar5 ul li{
		margin-bottom: 8%;
	}
	.about .bar5 ul li b{
		float: none;
		width: 100%;
	}
	.about .bar5 ul li:nth-of-type(2) b{
		float: none;
	}
	.about .bar5 ul li .txt{
		position: static;
		width: 100%;
		-webkit-transform: none;
		transform: none;
		margin-top: 5%;
	}
	.about .bar5 ul li .title2 {
	    margin-bottom: 5%;
	    padding: 0 0 3%;
	}
	.exit .bar1 .index_title h3{
		font-size: 2.4rem;
	}
	.exit .bar1 .bb{
		display: block;
	}
	.exit .bar1 .bb p{
		width: 100%;
		margin-bottom: 5%;
	}
	.exit .bb2 p{
		width: 100%;
	}
	.exit .box2 .imgs{
		margin-top: 5%;
	}
	.exit .box2 .imgs b{
		width: 48.5%;
	}
	.exit .box2 .imgs b img{
		display: block !important;
	}
	.exit .box2 .imgs b:nth-of-type(3n){
		margin-right: 3%;
	}
	.exit .box2 .imgs b:nth-of-type(2n){
		margin-right: 0;
	}
	.exit .box2 .more{
		display: none !important;
	}
	.top_nav a{
		margin-right: 10px;
		padding-right: 10px;
		font-size: 1.7rem;
	}
	.news ul li{
		display: block;
		margin-top: 10%;
	}
	.news ul li b{
		float: none;
		width: 100%;
	}
	.news ul li .txt{
		float: none;
		width: 100%;
		margin-top: 3%;
	}
	.news ul li h4 {
	    font-size: 1.6rem;
	    margin-bottom: 1%;
	}
	.news ul li h5{
		font-size: 2rem;
	}
	.news ul li .more{
		margin-top: 5%;
	}
	.pages{
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
	}
	.news_d .bar{
		display: block;
	}
	.news_d .bar .right{
		width: 100%;
		margin-top: 5%;
	}
	.news_d h1{
		font-size: 2.4rem;
	}
	.news_d .more {
	    width: 160px;
		padding: 10px;
		margin: 5% auto;
	}
	.news_d .more img{
		width: 18px;
	}
	.download ul li{
		width: 48%;
		display: block !important; 
	}
	.download ul li:nth-of-type(3n){
		margin-right: 4%;
	}
	.download ul li:nth-of-type(2n){
		margin-right: 0;
	}
	.download ul li b .vbtn{
		width: 32px;
	}
	.download .bars{
		margin: 6% auto 10%;
	}
	.download ul li h4{
		font-size: 2rem;
	}
	.tomore{
		display: none !important;
	}
	.pro .tomore{
		display: none !important;
	}
	.contact ul{
		margin: 3% auto 8%;
	}
	.contact ul li{
		width: 100%;
		padding: 5% 0;
		margin: 0;
		box-sizing: border-box;
		border-bottom: 1px solid #333;
	}
	.contact ul li:nth-of-type(1){
		width: 100%;
	}
	.contact ul li:nth-of-type(4){
		width: 100%;
	}
	.contact ul li:nth-of-type(3){
		width: 100%;
	}
	.contact ul li b{
		margin-right: 8%;
	}
	.contact ul li b img{
		width: 50px;
	}
	.contact .online p{
		float: none;
		width: 100%;
		margin-bottom: 5%;
	}
	.contact .online p textarea{
		padding: 5%;
	}
	.contact .more{
		width: 110px;
		margin-bottom: 8%;
	}
	.contact .more button{
		line-height: 32px;
	}
	#dituContent{
		height: 360px;
	}
	.pro .top p{
		width: 100%;
	}
	.pro ul li .more {
	    width: 80px;
	}
	.prod .bar{
		display: block;
	}
	.prod .bar .left{
		width: 70%;
		margin:0 auto 3%;
	}
	.prod .bar .right{
		width: 100%;
	}
	.prod .bar .right h1{
		font-size: 3rem;
	}
	.prod .bar .right h3 {
	    font-size: 2.4rem;
	    margin: 3% 0 1%
	}
	.prod .bar table tr td {
        padding: 5px 10px;
	}
	.exit2 .bar1 ul{
		flex-wrap: wrap;
	}
	.exit2 .bar1 ul li{
		width: 50%;
		margin: 3% 0;
	}
	.exit2 .bar1 ul li b{
		width: 60px;
	}
	.exit2 .bar1 ul li h4{
		letter-spacing: 0px;
	}
	.exit2 .bar3{
		padding-top: 15%;
	}
	.exit2 .bar3 li{
		display: block;
	}
	.exit2 .bar3 li .bs {
	    padding: 40px 25px;
	    margin: 25% auto;
	    width: 120px;
	    height: 90px
	}
	.exit2 .bar3 li:first-of-type .bs:first-of-type {
		margin-top: 15%;
	}
	.exit2 .bar3 li .bs img {
	    left: 50%;
	    top: 119%;
	    -webkit-transform: translateX(-50%) rotate(90deg);
	    transform: translateX(-50%) rotate(90deg);
	    width: 26px;
	}
	.exit2 .bar3 li:nth-of-type(2){
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
		margin-top: 0;
	}
	.exit2 .bar3 li:nth-of-type(2) .bs{
		margin: 13% auto;
	}
	.exit2 .bar3 li:nth-of-type(2) .bs:nth-of-type(4){
		margin-top: 5%;
	}
	.exit2 .bar3 li:nth-of-type(2) .bs img{
		-webkit-transform: translateX(-50%) rotate(90deg);
		transform: translateX(-50%) rotate(90deg);
		top: -32%;
	}
}