@charset "utf-8";
/* CSS Document */
/*首页内容部分调整<=992 平板*/
@media(max-width: 1480px) {
    p{
        line-height: 1.8;
    }
    .w_all{
        width: 88%;
    }
    header .nav{
        width: 580px;
    }
    .banner .txt h3 {
        font-size: 5.6rem;
    }
    .index_bar2 .swiper-slide .txt{
        width: 64%;
    }
    .index_bar3 .ul{
        width: 90%;
    }
    .p_nav {
        width: 20vw;
        padding: 3% 2.8vw;
    }
    .p_nav.active{
        left: 6%;
    }
    .p_nav.active2{
        left: 0;
    }
    .p_nav dd {
        font-size: 1.6rem;
        padding-left: 22px;
        letter-spacing: 0.1rem;
    }
    .p_nav dd::before {
        top: 4px;
        width: 12px;
        height: 12px;
    }
    .pro_d .bar1 .rr h3 {
        font-size: 3.8rem;
    }
    .pro_d .bar1 .rr p {
        font-size: 2.2rem;
    }
    .pro_d .bar1 .rr p img{
        margin-top: 30px;
    }
    .pro_d .bar2{
        opacity: 1;
        transform: translateY(0);
    }
    .title2 h3 {
        font-size: 4.8rem;
    }
    .o_ban {
        margin-top: 180px;
    }
}
@media(max-width: 1100px) {
    body,html{
        font-size: 56%;
    }
    header{
        padding: 11px 0;
    }
    header .logo{
        height: 30px;
    }
    header .nav{
        display: none;
    }
    header .logo{
        margin-top: 0;
    }
    .s_menu .s_box{
        width: 80%;
    }
    .s_menu .s_l h3{
        font-size: 4.2rem;
    }
    .banner{
        margin-top: 60px;
    }
    .banner .txt h3 {
        font-size: 4.2rem;
    }
    .banner .txt p {
        font-size: 2.2rem;
        line-height: 1.6;
    }
    .more{
        width: 130px;
        line-height: 48px;
    }
    .more span{
        font-size: 1.6rem;
    }
    .index_bar1 .swiper-slide .txt{
        width: 80%;
    }
    .index_bar1 .swiper-slide .txt h4{
        font-size: 2.6rem;
    }
    .index_bar1 .swiper-slide .txt p {
        font-size: 2rem;
        margin-top: 3px;
    }
    .index_bar3 .ul{
        width: 100%;
    }
    .index_bar4 .more {
        line-height: 43px;
        margin-top: 6%;
    }
    .index_bar4 .contain .right p{
        width: 100%;
    }
    .o_ban {
        margin-top: 110px;
    }
    .about1 .contain {
        margin-left: 6%;
        width: 94%;
    }
    .about1 .title3 img{
        width: 32vw;
    }
    .about1 .box h3 {
        font-size: 3.4rem;
        letter-spacing: 0.1rem;
        margin-left: -5%;
    }
    .title4 {
        font-size: 3rem;
    }
    .about2 .txt{
        padding: 0 10px;
    }
    .about2 .btn{
        margin-right: 0;
    }
    .about3 ul li h3 {
        font-size: 2rem;
    }
    .p_nav {
        width: 21vw;
        padding: 3% 2.2vw;
    }
    .p_nav dd {
        font-size: 1.56rem;
        padding-left: 16px;
    }
    .p_nav dd::before {
        width: 9px;
        height: 9px;
    }
    .pro ul a{
        padding: 5% 3%;
    }
    .pro_d .bar1 {
        display: block;
    }
    .pro_d .bar1 .ll {
        width: 60%;
        margin: 0 auto 5%;
    }
    .pro_d .bar1 .rr{
        width: 100%;
        text-align: center;
    }
    .pro_d .bar1 .rr h3{
        font-size: 3.2rem;
    }
    .pro_d .bar1 .rr p img{
        margin: 30px auto 0;
    }
    .news .title3 img{
        width: 60vw;
    }
    .news ul{
        width: 90%;
    }
    .news ul li .txt {
        bottom: -44px;
        width: 88%;
    }
    .news ul li h3{
        margin-top: 0;
    }
    .news_d .top h2 {
        font-size: 3.6rem;
        letter-spacing: 0.1rem;
    }
    .contact {
        margin-top: 60px;
    }
    .map{
        height: 400px;
    }
    .contact .mbox p{
        margin: 6px 0;
    }
    .contact .message{
        padding: 8% 0;
    }
    .contact .message .title3 img{
        width: 84%;
    }
    .contact .message .title3 h3{
        font-size: 3.2rem;
    }
    .about3 .top{
        display: block;
    }
    .about3 .top dl{
        margin-top: 5%;
    }
}
@media(max-width: 767px) {
    body,html{
        font-size: 50%;
    }
    .w_all{
        width: 90%;
    }
    header .h_other .ll {
        font-size: 1.8rem;
        margin-left: 25px;
        font-weight: bold;
    }
    .s_menu .s_nav a img{
        height: 30px;
        margin-top: -10px;
    }
    .s_menu .s_box {
        width: 90%;
    }
    .s_menu .dd{
        display: none !important;
    }
    .s_menu .s_l h3 {
        font-size: 3rem;
        text-align: center;
        margin: 12% 0;
    }
    .banner{
        height: auto !important;
    }
    .banner .swiper-wrapper{
        height: 26vh !important;
    }
    .banner .slide-inner{
        height: 100%;
    }
    .banner .txt{
        bottom: inherit;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 4%;
    }
    .banner .txt.active {
        width: 100%;
    }
    .banner .txt .bb{
        top: 40%;
    }
    .banner .txt h4{
        display: none;
    }
    .banner .txt h3 {
        font-size: 2.2rem;
        letter-spacing: 0.1rem;
        margin-top: 0;
    }
    .banner .txt p {
        font-size: 2rem;
        margin: 0% 0 3%;
        display: none;
    }
    .banner .more{
        width: 110px;
    }
    .more {
        width: 100px;
        line-height: 32px;
        margin-top: 3%;
    }
    .scroll{
        display: none;
    }
    .btn{
        bottom: 2%;
        right: 2%;
    }
    .btn .ll img {
        height: 8px;
    }
    .title h3{
        font-size: 2.8rem;
    }
    .index_bar1 .swiper-container {
        width: 100%;
        padding: 60px 20px;
    }
    .index_bar1 .swiper-slide .txt{
        left: -20px;
        padding: 8% 5% 5%;
        width: 100%;
    }
    .index_bar1 .swiper-slide .txt h4 {
        font-size: 1.8rem;
    }
    .index_bar1 .swiper-slide .txt p {
        font-size: 1.2rem;
        letter-spacing: 0;
        margin-top: 0;
    }
    .index_bar2 .swiper-container{
        margin-left: 0;
        padding: 40px 0;
    }
    .index_bar2 .swiper-slide .txt{
        left: inherit !important;
        right: 5%;
        padding: 8% 5% 8%;
        width: 70%;
    }
    .index_bar2 .swiper-slide:nth-of-type(2n) .txt{
        left: inherit !important;
        right: 5%;
    }
    .btns .ll i{
        width: 28px;
        line-height: 28px;
        font-size: 1.6rem;
    }
    .btns.btn3 .ll.left {
        right: initial;
        left: 2.5%;
    }
    .btns.btn3 .ll{
        right: 2.5%;
    }
    .btns.btn4 .ll{
        top: 42%;
    }
    .btns.btn4 .ll.left {
        right: initial;
        left: 2.5%;
    }
    .btns.btn4 .ll{
        right: 2.5%;
    }
    .index_bars {
        padding: 20% 0;
    }
    .index_bar3 .contain{
        width: 100%;
    }
    .index_bar3 .ul{
        padding: 0;
        margin-top: 8%;
    }
    .index_bar3 .ul::before{
        display: none;
    }
    .index_bar3 .ul .swiper-slide .txt {
        position: static;
        width: 100%;
        background: none;
        padding: 6% 0;
        -webkit-transform: none;
        transform: none;
    }
    .index_bar3 .ul .swiper-slide .imgs{
        height: auto;
    }
    .index_bar3 .ul .swiper-slide h3{
        font-size: 1.8rem;
    }
    .index_bar4{
        padding: 0
    }
    .index_bar4 .contain{
        display: block;
    }
    .index_bar4 .contain .left{
        width: 100%;
    }
    .index_bar4 .contain .right{
        width: 100%;
        padding: 15% 8%;
    }
    .index_bar4 .more{
        line-height: 36px;
        margin-top: 10%;
    }
    .index_bar4 .contain .right img{
        height: 35px;
    }
    .footer{
        padding: 10% 0;
    }
    .footer .box{
        display: block;
    }
    .footer .left{
        display: none;
    }
    .footer .right{
        width: 100%;
    }
    .footer .right .logo {
        float: none;
        height: 30px;
        margin:0 auto 8%;
        display: block;
    }
    .footer .copy{
        text-align: center;
    }
    .o_ban {
        margin-top: 90px;
    }
    .all_bars{
        padding: 8% 0 12%;
    }
    .about1{
        padding-top: 0;
    }
    .about1 .title3 img {
        width: 40vw;
        left: 5%;
    }
    .about1 .img img{
        margin-top: 5%;
    }
    .about1 .box{
        display: block;
    }
    .about1 .box h3 {
        margin: 0;
        font-size: 2.8rem;
        -webkit-transform: none !important;
        transform: none !important;
    }
    .about1 .box .txt{
        width: 100%;
    }
    .about1s .box{
        display: block;
    }
    .about1s .ll{
        width: 100%;
        height: 28vh;
    }
    .about1s .txt{
        width: 100%;
        margin-top: 18%;
    }
    .about1s .box .txt p{
        position: static;
        width: 100%;
        margin-top: 5%;
    }
    .title4{
        font-size: 2.4rem;
    }
    .title4::before{
        width: 5px;
        height: 5px;
    }
    .about2 h4 {
        font-size: 2.6rem;
        margin: 20% 0 5%;
    }
    .about2 .swiper-slide {
        padding: 20% 5% 25%;
    }
    .about2 .btn {
        left: 75%;
    }
    .about2 .btn .bl{
        margin-top: 0;
    }
    .about2 .txt{
        width: 90%;
    }
    .about3{
        padding: 15% 0;
    }
    .about3 .top{
        margin-bottom: 5%;
    }
    .about3 .top dl dd {
        width: 120px;
        font-size: 1.6rem;
        line-height: 32px;
        margin: 0 10px ;
    }
    .about3 ul li {
        width: 100%;
        margin-right: 0 !important;
    }
    .about3 ul li h3{
        margin: 8% 0;
    }
    .big_imgss{
        height: auto;
        width: 90%;
    }
    .big_imgss img {
        height: auto;
        width: 100%;
    }
    .big_box .righttop img{
        width: 40px;
    }
    .p_menu{
        display: block;
        width: 25px;
        position: absolute;
        left: 0;
        top: 3px;
        cursor: pointer;
    }
    .pro_d .p_menu{
        top: 0px;
    }
    .p_nav {
        width: 75vw;
        padding: 10%;
        height: 100%;
        position: fixed !important;
        left: -100% !important;
        top: 0 !important;
        z-index: 9999 !important;
        opacity: 1 !important;
        transition: all 0.5s ease-in-out !important;
        transition-delay: 0s !important;
        float: none;
    }
    .bgs{
        position: fixed;
        width: 100%;
        left: -100%;
        top: 0;
        height: 100%;
        background: rgba(255,255,255,0.9);
        z-index: 9999;
        transition: all 0.4s ease-in-out !important;
    }
    .p_nav.fade,.bgs.fade{
        left: 0 !important;
        transition: all 0.4s  ease-in-out !important;
    }
    .pro{
        padding: 4% 0 20%;
    }
    .pro .right{
        float: none;
        margin-top: 10%;
        width: 100%;
    }
    .pro ul a{
        width: 48.5%;
    }
    .pro ul a:nth-of-type(3n){
        margin-right: 3%;
    }
    .pro ul a:nth-of-type(2n){
        margin-right: 0;
    }
    .pro ul li img{
        margin-bottom: 0;
    }
    .title2 h3 {
        font-size: 3.8rem;
    }
    .pro_d {
        padding: 5% 0 20%;
    }
    .pro_d .title2 {
        padding-bottom: 5%;
        width: 90%;
        float: none;
        margin:0 auto 10%;
        justify-content: flex-end;
        position: relative;
    }
    .pro_d .title2 h2{
        margin-right: 0;
    }
    .pro_d .title2 h3{
        font-size: 3rem;
        margin-right: 10px;
    }
    .pro_d .contain{
        width: 100%;
    }
    .pro_d .right{
        width: 100%;
        padding: 0;
        background: none;
    }
    .pro_d .bar1 .ll{
        width: 100%;
    }
    .pro_d .bar1 .rr p img{
        max-width: 80%;
        margin: 10% auto 0;
    }
    .pro_d h4{
        font-size: 2.8rem;
    }
    .pro_d .bar2{
        padding: 12% 0;
    }
    .news{
        padding: 5% 0 5%;
    }
    .news .title3 img {
        width: 80vw;
    }
    .title3 h3 {
        font-size: 2.8rem;
        margin-top: 10px;
    }
    .wall-column {
        width: 100%;
    }
    .news ul{
        padding-top: 5%;
        width: 100%;
    }
    .news ul li .txt{
        text-align: center;
        padding: 6% 4%;
    }
    .news_d .top .back{
        top: 0;
        width: 32px;
    }
    .news_d .top h2{
        font-size: 2.8rem;
        padding-top: 20px;
    }
    .contact .message{
        display: block;
        padding: 18% 0;
    }
    .contact .message .title3 {
        width: 100%;
    }
    .contact .message .right{
        width: 100%;
        margin-top: 10%;
    }
    .contact .message .title3 h3{
        margin-top: 8%;
        display: none;
    }
    .contact .message .title3 img {
        width: 70%;
    }
    .contact .message .right input{
        line-height: 48px;
        width: 100%;
    }
    .contact .mbox{
        display: block;
        padding: 3% 5%;
    }
    .contact .mbox p {
        letter-spacing: 0;
        padding-left: 50px;
    }
    .contact .mbox .rr{
        display: none;
    }
    .more2 img{
        height: 8px;
    }
    html[lang="en"] .banner .txt h3 {
        font-size: 2rem;
        line-height: 1.4;
    }
    html[lang="en"] .banner .more {
        width: 150px;
    }
    html[lang="en"] .banner .more span{
        font-size: 1.2rem;
    }
    html[lang="en"] .index_bar1 .swiper-slide .txt h4{
        font-size: 1.8rem;
    }
    html[lang="en"] .title2 h3{
        font-size: 3.6rem;
    }
    html[lang="en"] .title2 h2{
        font-size: 2.2rem;
    }
    html[lang="en"] .pro ul li h3{
        font-size: 1.8rem;
    }
    html[lang="en"] .pro_d .title2 h3 {
        font-size: 2.6rem;
    }
    html[lang="en"] .about3 .top dl dd {
        width: auto;
        font-size: 1.2rem;
        line-height: 2;
        margin: 0 5px;
        padding: 5px 12px;
    }
}