@charset "utf-8";
/* CSS Document */
/*首页内容部分调整<=992 平板*/
@media(max-width: 1460px) {
    body,html{
		font-size: 56%;
	}
    .banner .txt2{
        padding: 30px;
    }
    header{
        padding: 0 3%;
    }
    .more2 {
        padding: 10px 22px;
    }
    .index_bar8 .rr .map{
        height: 40%;
    }
    .banner{
	    height:750px !important;
	}
}
@media(max-width: 1100px) {
    body,html{
		font-size: 54%;
	}
	.w_all,.w_all2{
		width: 90%;
	}
	header .nav {
        width: initial;
	}
	header .nav li{
	    margin: 0 10px;
	}
	header .tel0{
	    margin-left: 10px;
	    padding-left: 20px;
	}
	.s_menu2 {
        width: 100rem;
        transform: translateX(-47%);
    }
    .banner{
	    height: 600px !important;
	}
	.banner .txt{
	    left: 10%;
	    width: 80%;
	}
	.banner .txt2 .ll img{
	    max-height: 56px;
	}
	.banner .txt2 .ll {
        font-size: 2rem;
        letter-spacing: 1px;
        line-height: 24px;
	}
	.banner .txt2 .rr {
        width: 120px;
    }
	.title h3{
	    font-size: 3.6rem;
	    line-height: 1.4;
	}
	.more{
	    padding: 15px 20px;
	}
	.index_bar2 dl dd img{
	    height: 110px;
	}
	.index_bar4 .txt{
	    padding: 20px 15px;
	}
	.btns >div {
        width: 60px;
        height: 60px;
	}
	.index_bar7 .more3 {
        padding: 18px 45px;
    }
	.index_bar8 .rr{
	    padding-right: 3%;
	}
	.index_bar8 .online{
	    width: 60%;
	}
	.index_bar8 .rr dl{
	    margin: 10% 0;
	    margin-left: 0;
	}
	.index_bar8 .title h3{
	    font-size: 3rem;
	}
	.index_bar8 .rr ul li img {
        width: 32px;
        margin-right: 2rem;
    }
    .index_bar8 .rr ul li{
        margin: 1rem 0;
    }
    .index_bar8 .rr ul li p{
        font-size: 1.5rem;
    }
    .prod3 .title h3{
        font-size: 3rem;
    }
    .prod4 .title h3{
        font-size: 3.6rem;
    }
}
@media(max-width: 800px) {
	body,html{
		font-size: 50%;
	}
	header .logo {
        height: 42px;
	}
	header {
        padding: 2% 3%;
    }
	header .nav{
	    position: fixed;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    background: #2d3f9a;
	    display: none;
	}
	header .nav ul{
	    display: block;
	    text-align: center;
	    padding-top: 10rem;
	}
	header .nav li span{
	    text-align: center;
	    line-height: 6rem;
	    display: block;
	}
	header .nav li:nth-of-type(4){
	    display: none;
	}
	header .tel0 {
        margin-left: 0;
        padding-left: 0;
        text-align: center;
        position: fixed;
        left: 50%;
        bottom: 5%;
        font-size: 1.4rem;
        line-height: 2;
        transform: translateX(-50%);
        border: none;
    }
    .s_menu{
        position: static;
        width: auto;
        background: none;
        margin-top: -3rem;
        box-shadow: none;
    }
    .s_menu dd strong{
        color: #fff;
        font-size: 1.6rem;
    }
	.navBtn{
	    display: block;
	}
	.banner .txt2 .ll {
        font-size: 1.6rem;
        letter-spacing: 0;
        line-height: 1.4;
        width: 16%;
    }
    .banner .txt2 .ll img {
        max-height: 46px;
    }
	.banner .swiper-button-next {
        right: 5%;
    }
    .banner .swiper-button-prev{
         left: 5%;
    }
    .banner .txt2 .rr {
        width: 90px;
    }
    .banner .txt{
        top: 24%;
        left: 5%;
    }
    .banner .txt p{
        font-size: 4rem;
    }
    .banner .txt:before {
        height: 8px;
        margin-top: 14px;
    }
    .banner .txt2{
        padding: 20px 30px;
        box-sizing: border-box;
    }
    .more {
        padding: 12px 0px;
    }
    .banner .txt2 ul{
        margin: 0;
    }
    .banner .txt2 ul li {
        padding: 10px 0px 10px 10px;
        border: none !important;
    }
    .index_bar2 dl {
        width: 100%;
        padding-right: 0%;
    }
    .index_bar2 .ll {
        width: 100%;
    }
    .index_bar2 .contain{
        flex-wrap: wrap;
    }
    .index_bar2 .ll img:nth-of-type(3) {
        left: initial;
        right: 0;
    }
    .index_bar2 .ll .imgs{
        width: 100%;
    }
    .index_bar2 .ll img{
        width: 60%;
    }
    .index_bar2 p {
        font-size: 1.7rem;
    }
    .index_bar2 dl dd{
        margin: 3% 0;
    }
    .index_bar4 .contain .pp{
        width: 31.3%;
    }
    .index_bar4 .contain .pp:nth-of-type(4n){
        margin-right: 2%;
    }
    .index_bar4 .contain .pp:nth-of-type(3n){
        margin-right: 0;
    }
    .index_bar4 .contain .bg {
        height: 150px;
    }
    .index_bar8{
        display: block;
    }
    .index_bar8 .ll{
        width: 100%;
    }
    .index_bar8 .rr{
        width: 100%;
        padding: 0;
        box-sizing: border-box;
    }
    .index_bar8 .rr .map {
        position: static;
       height: 280px;
       width: 100%;
       margin-bottom: 3rem;
    }
    .index_bar8 .rr ul{
        width: 80%;
        margin:3% auto;
    }
    .index_bar8 .rr dl{
        width: 80%;
        margin: 0 auto 1px;
        justify-content: center;
        padding: 1% 0 3%;
    }
    .pro .pbox{
        display: block;
    }
    .pro .pbox .left{
        width: 100%;
    }
    .pro .pbox .boxss{
        display: none;
    }
    .pro .pbox .right{
        width: 100%;
    }
    .pro .txt{
        padding: 20px 0;
    }
    .pro .txt .ll p strong {
        width: 50%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .pro .bottom ul li {
        width: 26px;
        height: 26px;
        margin: 0 5px;
    }
    .prod1 dl {
        display: block;
    }
    .prod1 dl dd{
        width: 100%;
        margin: 1% 0;
    }
    .prod1 .txt h2{
        font-size: 3.2rem;
    }
    .prod1 .contain {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .prod1 .ll {
        width: 100%;
    }
    .prod1 .rr {
        width: 100%;
    }
    .prod4 .txt p {
        position: relative;
        padding-left: 40px;
    }
    .prod4 .txt p:before {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
    }
    .prod4 .title h3{
        font-size: 3.2rem;
    }
    .prod3 .contain{
        flex-wrap: wrap;
    }
    .prod3 .contain6 .right {
        width: 100%;
    }
    .prod3 .contain6 .left {
        width: 40%;
    }
    .prod3 .title h3 {
        font-size: 2.4rem;
    }
    .prod3 table{
        width: 100%;
    }
    .ban {
        margin-top: 50px;
    }
    .shop .pbox{
        display: block;
    }
    .shop .pbox .left{
        width: 100%;
        display: none;
    }
    .shop .pbox .right {
        width: 100%;
    }
    .shop .pbox .right{
        width: 100%;
    }
    .service .contain{
        display: block;
    }
    .service .contain .ll{
        width: 100%;
    }
    .service .contain .rr {
        width: 100%;
        margin-top: 4%;
        display: flex;
    }
    .service2 ul li {
        width: 46%;
    }
    .coming h2{
        font-size: 5rem;
    }
    .blog .contain .ll{
        width: 100%;
    }
    .blog .contain .rr{
        display: none;
    }
    .service .contain .rr img {
        width: 50%;
    }
    .about .contain{
        display: block;
        margin: 0 auto 10%;
    }
    .about .contain .ll {
        width: 100% !important;
    }
    .about .contain .rr {
        width: 100% !important;
        margin-top: 5%;
    }
}
@media(max-width: 600px) {
	.banner{
	    height: 500px !important;
	}
	header {
        padding: 3% 4%;
    }
	header .logo{
	    height: 42px;
	}
	.banner .txt{
	    top: 20%;
	}
	.banner .txt:before{
	    height: 5px;
	    width: 40px;
	}
	.banner .txt p {
        font-size: 3rem;
    }
    .banner .txt2 ul{
        display: none;
    }
    .banner .txt2 .ll{
        width: 55%;
        text-align: center;
    }
    .banner .txt2 .ll img {
        max-height: 50px;
        margin: 0 auto 10px;
    }
    .banner .txt2 .rr {
        width: 35%;
    }
    .btns >div {
        width: 40px;
        height: 40px;
    }
    .index_bar3 .btn1 >div {
        margin: 0 5px;
    }
    .index_bars{
        padding: 10% 0;
    }
    .index_bar2 .ll .imgs {
        margin-top: 4rem;
    }
    .title h3 {
        font-size: 3rem;
        text-align: center;
    }
    .index_bar2 .contain{
        padding: 0;
    }
    .index_bar2 dl dd {
        margin: 5% 0;
    }
    .index_bar2 dl dd img {
        height: 80px;
        margin-right: 1rem;
    }
    .index_bar2 dl dd h4 {
        font-size: 2rem;
        margin-bottom: 1rem;
    }
    .index_bar2 p{
        font-size: 1.6rem;
    }
    .more {
        padding: 12px 10px;
    }
    .index_bar4 .contain .pp {
        width: 100%;
        margin-right: 0 !important;
    }
    .index_bar4 .contain .pp:not(:nth-of-type(-n+4)){
        display: none;
    }
    .index_bar3 .title{
        display: block;
    }
    .index_bar3 .title .more {
        width: 150px;
        margin: 2rem auto;
    }
    .index_bar5 ul li {
        width: 50%;
        text-align: center;
    }
    .index_bar5 ul li strong p {
        font-size: 3.8rem;
    }
    .index_bar6 dl dd {
        width: 100%;
        margin-top: 4%;
    }
    .index_bar6 dl dd p strong{
        margin-bottom: 5px;
    }
    .index_bar6 ul li{
        width: 33.3%;
    }
    .index_bar6 ul li img{
        max-height: 45px;
        margin: 6% auto;
        display: block;
    }
    .index_bar7 .title{
        display: block;
    }
    .index_bar7 .title .more {
        width: 150px;
        margin: 2rem auto;
    }
    .index_bar8 .online {
        position: relative;
        left: 0;
        top: 0;
        padding:8%;
        transform: none;
        width: 70%;
        margin: -40% auto 0;
    }
    .index_bar8 .title h3 {
        font-size: 2.6rem;
    }
    .index_bar8 .submit button {
        display: block;
        width: 118px;
        line-height: 41px;
        margin: 4rem auto 0;
    }
    .index_bar8 .rr ul li img {
        width: 26px;
    }
    .pro .pbox .left h6{
        height: 50px;
    }
    .pro .pbox .right h2{
        font-size: 2rem;
    }
    .pro .pbox .right .selss .ss{
        width: 110px;
    }
    .prod1 .txt{
        text-align: center;
        margin: 2rem 0;
    }
    .prod1 .txt h2 {
        font-size: 2.4rem;
    }
    .prod1 .rr ul{
        flex-wrap: wrap;
    }
    .prod1 .rr ul li{
        height: 50px;
    }
    .prod1 .rr ul a {
        width: 49%;
        margin: 1% 0;
    }
    .prod2 ul{
        flex-wrap: wrap;
    }
    .prod2 ul li{
        width: 48%;
        margin: 1.5% 0;
    }
    .prod2 ul li img{
        height: 42px;
    }
    .prod3 .left {
        width: 100%;
    }
    .prod3 .right{
        width: 100%;
        margin-top: 4%;
    }
    .submit2 button{
        padding: 15px 0;
    }
    .prod3 .swiper-slide {
        height: 100px;
    }
    .prod3 .contain1 .right{
        display: block;
    }
    .prod3 .contain6 .left{
        width: 100%;
    }
    .prod3 .contain6 .right .message{
       display: block;
    }
    .prod3 .contain6 .right .message .l0 {
        width: 100%;
    }
    .prod3 .contain6 .right .message .r0 {
        width: 100%;
    }
    .prod3 .contain6 h4{
        text-align: center;
    }
    .prod3 .contain6 .middle {
        width: 100%;
        margin: 4% 0;
    }
    .prod4 .title p{
        width: 100%;
    }
    .prod4 .txt p{
        width: 100%;
    }
    .prod4 .txt p::before{
        width: 14px;
        height: 14px;
        top: -1px;
    }
    .prod4 .txt p{
        padding-left: 30px;
    }
    .prod4 .title h3 {
        font-size: 2.6rem;
    }
    .allbars{
        padding: 10% 0;
    }
    .shop .pbox .right .top{
        height: auto;
        margin-bottom: 4%;
    }
    .shop .plist dl dd{
        width: 100%;
        margin: 4% 0;
        margin-right: 0 !important;
    }
    .shopd .right .bar1{
        display: block;
    }
    .shopd .right .bar1 .rrl {
        width: 100%;
    }
    .shopd .right .bar1 .rrr {
        width: 100%;
        margin-top: 4%;
    }
    .shopd .bar3 .title h3{
        font-size: 2.6rem;
        margin: 2rem 0 1rem;
    }
    .shopd .bar3 .plist dl dd{
        width: 100%;
    }
    .service .contain .tt1 p{
        width: 100%;
    }
    .service .contain .ll h2 {
        font-size: 3rem;
    }
    .service .contain .tt0{
        margin: 2rem 0;
    }
    .service2 ul li{
        width: 100%;
    }
    .service3 .contain{
        display: block;
    }
    .service3 .contain p{
        font-size: 2rem;
        margin: 1rem 0;
    }
    .service3 .contain p img {
        width: 30px;
        margin-right: 10px;
    }
    .about .contain h3{
        font-size: 2.2rem;
        text-align: center;
    }
    .about2 ul{
        flex-wrap: wrap;
    }
    .about2 ul li {
        width: 48.5%;
        margin-top: 3%;
    }
    .about2 ul li .txt2{
        padding: 2rem 1rem;
    }
    .about3 ul li {
        width: 31%;
    }
    .coming h2 {
        font-size: 3rem;
    }
    .coming .bot{
        width: 100%;
    }
    .submit2 button {
        padding: 15px 20px;
    }
    .coming .bot input {
        width: calc(100% - 130px);
        line-height: 39px;
    }
    .coming img {
        height: 6rem;
    }
    .nav_top p span{
        line-height: 1.2;
    }
    .blog .contain ul li{
        width: 100%;
        margin: 3% 0 !important;
    }
    .contact{
        padding: 5% 8%;
    }
    .contact .title h3{
        font-size: 3rem;
    }
    .contact .contain{
        display: block;
    }
    .contact .contain .ll{
        display: block;
        width: 100%;
    }
    .contact .contain .rr {
        width: 100%;
    }
    .contact .contain .ll p {
        width: 100%;
    }
    .contact .contain .agree{
        margin-top: 2rem;
    }
}