@charset "utf-8";
/* CSS Document */
/*首页内容部分调整<=992 平板*/
@media(max-width: 1600px) {
	body,html{
		font-size: 56%;
	}
}
@media(max-width: 1450px) {
	body,html{
		font-size: 52%;
	}
}
@media(max-width: 1300px) {
    .banner .txt{
        padding-right: 30%;
    }
	.banner .txt h3{
	    font-size: 5rem;
	}
	.index_bar3 dl dd span {
        font-size: 7rem;
    }
    .index_bar1 .right ul li h3{
        font-size: 2.4rem;
    }
}
@media(max-width: 1200px) {
    .index_bar1 .right {
        width: 50%;
    }
   .index_bar1 .right ul li:nth-of-type(3){
        margin-bottom: -10%;
        padding: 0;
    }
}
@media(max-width: 1000px) {
    body,html{
		font-size: 50%;
	}
	header .logo{
		height: 30px;
		padding: 10px 0;
	}
	header.active .logo {
	    height: 30px;
	}
	header .nav{
		display: none;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: #191919;
	}
	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: 2rem;
		line-height: 66px;
	}
	.navBtn{
		display: block;
	}
}
@media(max-width: 767px) {
	body,html{
		font-size: 48%;
	}
	.w_all,.w_all2{
		width: 94%;
	}
	.banner .txt{
		padding-right: 0;
	}
	.banner .swiper-slide-active .txt{
		top: 48% !important;
	}
	.banner .txt h3{
		font-size: 4rem;
		padding-bottom: 3%;
		line-height: 1.6;
	}
	.banner .txt p{
		font-size: 1.6rem;
		margin: 3% 0 15%;
	}
	.more {
	    padding: 8px 15px;
	}
	.banner .swiper-pagination{
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
	}
	.scroll{
		right: 1%;
		bottom: 8%;
	}
	.index_bar1{
		padding: 10% 0 15%;
	}
	.index_bar1 .box{
		display: block;
	}
	.index_bar1 .left{
		width: 100%;
		overflow: hidden;
	}
	.index_bar1 .right{
		width: 100%;
		margin-top: 10%;
	}
	.title h2{
		font-size: 3rem;
	}
	.title p{
		margin: 3% 0 10%;
	}
	.index_bar1 .right ul {
		display: block;
	}
	.index_bar1 .right ul li{
		width: 100% !important;
		margin-top: 12%;
		padding-bottom: 0 !important;
		-webkit-transform: none !important;
		transform: none !important;
	}
	.index_bar1 .right ul li b {
	    width: 100% !important;
	    height: 300px;
	    overflow: hidden;
		margin: 0 !important; 
	}
	.index_bar1 .right ul li b img{
		width: 100%;
	}
	.index_bar1 .right ul li:nth-of-type(1) b {
	    height: 230px;
		width: 100%;
	}
	.index_bar1 .right ul li .txt {
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
		margin:3% 0 !important;
		position: static !important;
	    -webkit-transform: none !important;
	    transform: none !important;
	}
	.index_bar1 .right ul li h3{
		font-size: 2rem;
		margin: 0;
	}
	.index_bar2{
		height: 30vh;
	}
	.index_bar2 .box{
		text-align: center;
		top: 38%;
	}
	.index_bar2 .vbtn img {
	    width: 36px;
		top: 58%;
	}
	.index_bar3{
		padding: 10% 0;
	}
	.index_bar3 dl{
		flex-wrap: wrap;
	}
	.index_bar3 dl dd{
		width: 50%;
		margin-top: 10%;
	}
	.index_bar3 dl dd h6{
		margin-bottom: 5%;
	}
	.index_bar3 dl dd span{
		font-size: 8rem;
	}
	.btn .ll{
		padding: 5px;
	}
	.index_bar5 ul{
		margin-top: 6%;
	}
	.index_bar5 ul li{
		width: 100%;
		height: 30vh;
	}
	.index_bar5 ul li .txt{
		left: 5%;
	}
	.index_bar5 ul li .txt h3{
		font-size: 3rem;
	}
	.footer{
		display: block;
		padding: 10% 0;
	}
	.footer .box{
		border: none;
	}
	.footer .box .left{
		display: none;
	}
	.all_back {
		width: 18px;
		margin: auto;
	}
	.all_back img{
		display: block;
		
	}
	.all_back i{
		line-height: 22px;
	}
	.footer .copy{
		display: block;
		text-align: center;
	}
	.footer .copy p{
		line-height: 1.6;
	}
	.footer .copy a{
		margin: 0;
		margin-top: 5px;
		display: block;
	}
	.footer .copy p span{
		display: block;
		margin-top: 5px;
	}
	.title2{
		font-size: 3.2rem;
		margin-bottom: 8%;
	}
	.about .txt p{
		width: 100%;
	}
	.about2{
		padding: 10% 0 8%;
	}
	.about2 .box{
		display: block;
	}
	.about2 .left, .about2 .right{
		width: 100%;
	}
	.about2 .left h3{
		font-size: 2.6rem;
		margin-bottom: 6%;
	}
	.about2 .rr h3{
		font-size: 2rem;
	}
	.about2 .rr p {
	    padding-left: 14px;
	    font-size: 1.6rem;
	    margin: 8px 0;
	    line-height: 1.6;
	}
	.about2 .rr p:before {
	    top: 8px;
	    width: 4px;
	    height: 4px;
	}
	.about3{
		padding: 12% 0;
	}
	.about3 ul{
		display: block;
	}
	.about3 ul li{
		width: 100%;
		margin-top: 8%;
	}
	.about3 ul li b{
		width: 100% !important;
		height: 180px;
		overflow: hidden;
		margin:0 0 5% !important;
	}
	.about3 ul li h3 {
	    position: static !important;
	    text-align: left !important;
		margin: 0 !important;
		font-size:2.4rem;
	}
	.about3 ul li p{
		position: static !important;
		margin: 0 !important;
		width: 100% !important;
	}
	.about4{
		padding: 15% 0;
	}
	.about5 .right{
		margin: 5% 0;
	}
	.about6{
	    padding-bottom: 10%;
	}
	.about6 h3{
		font-size: 3.6rem;
	}
	.about6 .swiper-slide{
	    height: auto;
	    text-align: center;
	    padding-bottom: 5%;
	}
	.about6 .swiper-slide:nth-of-type(2n) {
        margin-top: 0;
        padding-bottom: 5%;
    }
    .about6 .swiper-container:before{
        top: inherit;
        bottom: 28px;
    }
    .about6 .swiper-wrapper{
        padding-bottom: 30px;
    }
    .about6 .swiper-slide:before{
        left: 50%;
    }
    .about6 .swiper-slide:after{
        left: 50%;
    }
    .about6 .swiper-slide-active:before,.about6 .swiper-slide-active:after{
        background: #cd0002;
    }
    .about6 .swiper-slide:nth-of-type(2n)::before {
        top: 100%;
    }
    .about6 .swiper-slide:nth-of-type(2n)::after {
        top: 100%;
    }
    .btn {
        position: static;
        width: 80px;
        margin: 5% auto 3%;
    }
	.ban{
		overflow: hidden;
	}
	.ban img{
		width: 150%;
		margin-left: -25%;
	}
	.ban p{
		width: 100%;
		font-size: 2.6rem;
		text-align: center;
	}
	.ban.active p{
		top: 59%;
	}
	.n_nav{
		display: flex;
		justify-content: center;
	}
	.n_nav a {
	    font-size: 1.6rem;
	    padding: 6px 15px;
	    margin:0 10px;
	}
	.news ul a{
		width: 48.5%;
	}
	.news ul a:nth-of-type(3n){
		margin-right: 3%;
	}
	.news ul a:nth-of-type(2n){
		margin-right: 0;
	}
	.news ul li h3{
		font-size: 1.7rem;
	}
	.news_d{
		padding: 25% 0 10%;
	}
	.news_d .top h1{
		font-size: 2.6rem;
	}
	.news_d .bb{
		margin-top: 8%;
	}
	.pro{
		padding: 10% 0;
	}
	.pro .bar{
		display: block;
		padding: 0;
	}
	.pro .bar .left{
		width: 100%;
	}
	.pro .bar .title2{
		margin-bottom: 5%;
		font-size: 2.8rem;
	}
	.pro .bar .right{
		width: 100%;
		margin-top: 5%;
	}
	.pro .bar ul li{
		display: block;
	}
	.pro .bar ul li b{
		width: 100%;
	}
	.pro .bar ul li .txt{
		width: 100%;
	}
	.contact ul{
		flex-wrap: wrap;
	}
	.contact ul a{
		width: 50%;
		margin-top: 6%;
	}
	.contact ul li b{
		width: 26px;
		padding: 12px;
	}
	.contact .bar2{
		height: 40vh;
	}
	.contact dl{
		width: 94%;
	}
	.contact dl dd{
		display: block;
	}
	.contact dl dd b{
		width: 100%;
	}
	.contact dl dd .txt{
		width: 100%;
		margin: 5% 0;
	}
	.contact dl dd .txt a{
		margin: 6px 0;
	}
	.contact dl dd .img{
		display: flex;
		align-items: center;
	}
	.contact dl dd .img img{
		width: 22px;
		margin-right: 10px;
	}
	.areas .top p{
		width: 94%;
	}
	.areas .bar .txt {
	    position: static;
		margin-top: 5%;
	    -webkit-transform: none;
	    transform: none;
	    z-index: 6;
	    width: 100%;
	}
	.areas .bar .txt h3{
		font-size: 2.8rem;
		margin-bottom: 3%;
	}
	.videobox video{
		width: 94%;
	}
	.videobox .close img{
		width: 26px;
		top: 2%;
	}
}