@charset "utf-8";
/* CSS Document */
/*首页内容部分调整<=992 平板*/
@media(max-width: 1500px) {
	body,html{
		font-size: 56%;
	}
	.w_all{
		width:80%;
	}
	.title2s{
	    width: 90%;
	}
}
@media(max-width: 1200px) {
	body,html{
		font-size: 54%;
	}
	.w_all{
		width:90%;
	}
	.banner .txt h3{
		font-size: 6rem;
	}
	.footer .right{
		width: 65%;
	}
	.title2s{
	    width: 100%;
	}
}
@media(max-width: 1000px) {
	body,html{
		font-size: 52%;
	}
	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%;
	}
	.o_nav{
		position: static;
	}
	.s_menu dl dt{
		display: none;
	}
	.s_menu dl {
	    width: 100%;
	    display: flex;
	    flex-wrap: wrap;
	}
	.o_nav dl .dds{
		flex-wrap: wrap;
		justify-content: flex-start;
		margin: 0;
		width: 100%;
	}
	.s_menu dl a,.sp_menu dl dd{
		display: block;
		width: 50%;
		margin: 0;
	}
	.s_menu dl dd{
		padding: 5px 0;
		font-size: 1.8rem;
		border: none;
	}
	.sp_menu p{
		display: none !important;
	}
	.banner .txt h3 {
		font-size: 5rem;
	}
}
@media(max-width: 800px) {
	body,html{
		font-size: 50%;
	}
	.w_all2{
		width: 90%;
	}
	p{
		line-height: 1.6;
	}
	.index_bar2 .box{
		width: 100%;
	}
	.index_bar2 .ll{
		width: 100%;
		padding: 8rem;
		box-sizing: border-box;
	}
	.index_bar2 p{
		width: 100%;
	}
	.index_bar2 .rr{
		position: static;
		height: 40rem;
		width: 100%;
	}
	.index_bar3 h4{
		font-size: 2rem;
	}
	.footer .box{
		display: block;
	}
	.footer .left img{
		margin:3% auto;
		display: block;
	}
	.footer .ss{
		position: relative;
		margin: auto;
		text-align: center;
	}
	.footer .right{
		width: 100%;
		margin: 5% 0;
	}
	.ban{
		margin-top: 66px;
		overflow: hidden;
	}
	.ban img{
		width: 120%;
		margin-left: -10%;
	}
	.ban h2{
		font-size: 3.2rem;
		letter-spacing: 0;
	}
	.title2s h3{
		font-size: 2.8rem;
		margin-bottom: 3rem;
		letter-spacing: 1px;
	}
	.about .bar1 dl dd h6{
		font-size: 2.6rem;
	}
	.about .bar1 dl p img{
		width: 48px;
	}
	.about .bar1 dl dd{
		padding: 5% 4%;
	}
	.about .bar3 .b1{
		font-size: 3rem;
	}
	.about .bar3 .b1 .swiper-button-prev,.about .bar3 .b1 .swiper-button-next{
		margin: 0;
		transform: scale(0.4);
	}
	.about .bar3 .b2{
		height: 50vh;
	}
	.about2 .bar2 ul li .txt {
		padding: 0 8%;
	}
	.about2 .bar2 ul li h4{
		font-size: 2.2rem;
		letter-spacing: 0;
	}
	.about3a .bar8 ul li img{
		padding: 12% 30%;
	}
	.about3a .bar8 ul li::before{
		width: 1px;
	}
	.about4 .bar2 ul li b{
		width: 100%;
		float: none !important;
	}
	.about4 .bar2 ul li .txt{
		width: 100%;
		position: static;
		transform: translateY(-0%);
		padding:6% 8%;
	}
	.about4 .bar3 ul li .txt{
		width: 100%;
		padding: 3rem;
	}
	.about4 .bar3 ul li:first-of-type .txt{
		width: 51%;
	}
	.about4 .bar3 ul li h4{
		font-size: 2.4rem;
		letter-spacing: 0;
		margin-bottom: 1.5rem;
	}
	.prod ul li{
		display: block;
	}
	.prod ul li b{
		width: 90%;
		margin: 5% auto 0;
	}
	.prod ul li .txt{
		width: 100%;
		padding: 5% 10% 8%;
	}
	.product ul li h4 {
		font-size: 3rem;
		margin-bottom: 1rem;
		padding-bottom: 2rem;
	}
	.prod ul li .t1 p img{
		height: 30px;
	}
	.prod ul li .t1 p{
		padding-left: 5rem;
		margin: 1rem 0;
	}
	.prod ul li .t2 p{
		padding-left: 15px;
	}
	.prod ul li .t2 p::before{
		top: 8px;
	}
	.ability .bar2{
		height: 50vh;
	}
	.ability .bar2 dl dd{
		width: 28%;
	}
	.ability .bar2 dl dd h5{
		font-size: 2rem;
	}
	.ability .bar2 dl p img{
		width: 46px;
	}
	.ability2 .bar6 .txt{
		bottom: 25%;
	}
	.ability3 .bar7 ul{
		flex-wrap: wrap;
	}
	.ability3 .bar7 ul li{
		width: 50%;
		margin: 3% 0;
	}
	.ability3 .bar7 ul li img{
		height: 40px;
	}
	.news .top h2{
		font-size: 2.4rem;
	}
	.news dl dd{
		padding-left: 15px;
	}
	.news dl dd::before{
		width: 5px;
		height: 5px;
	}
	.news ul li{
		width: 48.5%;
	}
	.news ul li:nth-of-type(3n){
		margin-right: 2%;
	}
	.news ul li:nth-of-type(2n){
		margin-right: 0;
	}
	.nd_ban h2{
		font-size: 2.4rem;
	}
	.news_d .bar .right{
		width: 62%;
	}
	.contact .bar{
		display: block;
	}
	.contact .ll{
		width: 100%;
	}
	.contact .online{
		width: 100%;
		margin-top: 6%;
	}
	.contact .more {
		width: 120px;
	}
	.more{
		width: 120px;
	}
	.contact .more button{
		line-height: 38px;
	}
	.footer .ss a{
		margin: 15px 6px;
	}
	.footer .copy .w_all{
	    display: block;
	    text-align: center;
	}
	.footer .copy a p{
	    position: static;
	    transform: none;
	}
}
@media(max-width: 450px) {
	.footer .right .dl3 dd{
		display: block;
	}
	header .logo{
		height: 24px;
	}
	header.active .logo {
		height: 24px;
	}
	.o_nav{
		padding: 0 10px;
		background: none;
	}
	.s_menu dl a, .sp_menu dl dd{
		width: 100%;
	}
	.s_menu dl dd{
		margin: 0;
		font-size: 1.7rem;
	}
	.banner{
		height: 62vh !important;
	}
	.banner .txt h3{
		font-size: 3.2rem;
		letter-spacing: 0;
		line-height: 1.3;
	}
	.banner .txt p{
		font-size: 2rem;
	}
	.banner .swiper-pagination span {
		width: 8px !important;
		height: 8px !important;
		margin: 5px !important;
	}
	.index_bar2 .ll{
		padding: 6rem 4rem;
	}
	.index_title h3{
		font-size: 2.8rem;
		letter-spacing: 1px;
	}
	.more {
		width: 110px;
		line-height: 2.8;
	}
	.index_bar2 .rr{
		height: 25rem;
	}
	.index_bars{
		padding: 10% 0;
	}
	.index_bar3{
	    width: 90%;
	    margin: auto;
	}
	.index_bar3 .swiper-pagination span{
		height: 2px !important;
	}
	.index_bar5 .index_title h3{
		margin-bottom: 2rem;
	}
	.index_bar5 .more{
		margin: 4rem auto 0;
	}
	.index_bar4 .swiper-pagination span{
		width: 8px !important;
		height: 8px !important;
		margin: 0 4px !important;
	}
	.index_bar3 .btns{
	    -webkit-transform: scale(0.5);
        transform: scale(0.5);
	}
	.index_bar3 .swiper .btns:hover {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
    }
    .index_bar5,.about .bar3 .b2{
        background-attachment: initial !important;
    }
    .about .bar1 dl dd{
        letter-spacing: 0;
    }
	.footer .left img{
		margin: 5% auto;
		height: 25px;
	}
	.footer .right dl{
		display: none;
	}
	.footer .copy .w_all{
		padding: 12px 0;
	}
	.ban h2{
		font-size: 2.6rem;
	}
	.title2s h3{
		font-size: 2.2rem;
	}
	.title2s p{
	    text-align: justify;
	}
	.about .bar{
		padding: 10% 0;
	}
	.about .bar1 .imgs{
		margin-top: 6%;
	}
	.about .bar1 dl dd{
		width: 100% !important;
	}
	.about .bar1 dl dd span{
		font-size: 3rem;
	}
	.about .bar1 dl p img{
		width: 40px;
	}
	.about .bar1 dl dd{
		padding: 8%;
	}
	.about .bar3 .b1{
		font-size: 2.4rem;
		margin-top: 5%;
	}
	.about .bar3 .b2 .txt h3{
		font-size: 3.2rem;
	}
	.about2 .bar2 ul li h4{
		margin-bottom: 1.5rem;
	}
	.about4 .bar2 ul li .txt{
		padding: 8%;
	}
	.about3a .bar8 ul li img {
		padding: 20% 20%;
	}
	.about3a .bar8 ul li::before{
		height: 8rem;
	}
	.about4 .bar1 ul li{
		width: 100%;
	}
	.about4 .bar3 ul li:first-of-type .txt{
		position: static;
		transform: translateY(-0%);
		width: 100%;
	}
	.about4 .bar3 ul li{
		width: 100% !important;
	}
	.about4 .bar3 ul li:first-of-type b{
		float: none;
		width: 100%;
	}
	.product ul li{
		display: block;
	}
	.product ul li b{
		width: 100%;
	}
	.product ul li .txt{
		width: 100%;
		padding: 14% 10%;
	}
	.product ul .more{
		margin-top: 4rem;
	}
	.product ul li h4{
		font-size: 2.8rem;
	}
	.product ul p{
		font-size: 1.8rem;
	}
	.prod ul li b {
		width: 90%;
		margin: 5% auto 0;
	}
	.prod ul li .t1 p img{
		height: 25px;
	}
	.prod ul li .t1 p{
		padding-left: 4.5rem;
	}
	.prod ul li .txt{
		padding: 10%;
	}
	.ability .bar2{
		height: 70vh;
	}
	.ability .bar2 dl{
		flex-wrap: wrap;
	}
	.ability .bar2 dl dd{
		width: 100% !important;
		margin: 7% 0;
	}
	.ability .bar2 dl p img{
		width: 36px;
	}
	.ability .bar2 dl dd h5{
		margin-top: 2rem;
		padding-top: 2rem;
	}
	.ability2 .bar6 .txt{
		position: static;
		transform: none;
		margin: 10% auto 0;
		width: 90%;
	}
	.ability2 .bar1 ul li{
		width: 100% !important;
		margin: 2% 0;
	}
	.ability2 .bar6{
		padding-top: 0;
	}
	.ability3 .bar7 ul li{
		display: block;
		text-align: center;
	}
	.ability3 .bar7 ul li img{
		height: 35px;
		display: block;
		margin:0 auto 10px;
	}
	.ban img{
		width: 200%;
		margin-left: -50%;
	}
	.news{
		padding: 10% 0;
	}
	.news .top{
		display: block;
	}
	.news .top h2{
		text-align: center;
	}
	.news dl{
		justify-content: flex-start;
		margin: 5% 0;
	}
	.news ul li h4{
		font-size: 1.7rem;
	}
	.news ul li p{
		font-size: 1.2rem;
	}
	.news ul li p img{
		width: 13px;
		height: 13px;
		margin-right: 6px;
	}
	.news ul li .more{
		transform: scale(0.8);
		float: none;
		margin: 2rem auto 0;
	}
	.news_d .bar{
		display: block;
	}
	.news_d .bar .right{
		width: 100%;
	}
	.news_d .bar .left{
		max-width: 100%;
	}
	.nd_ban h2{
		font-size: 1.8rem;
	}
	.nd_ban span{
		font-size: 1.4rem;
		margin-top: 1rem;
	}
	.contact .ll p{
		font-size: 2rem;
	}
	.contact .online p textarea{
		min-height: 90px;
	}
	.contact .bottom{
		justify-content: center;
	}
	.contact .more button{
		line-height: 36px;
	}
	.allbox{
		padding: 10% 0;
	}
	.contact .online{
		margin-top: 8%;
	}
}