@charset "UTF-8";
.tong {
  max-width: 1230px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px;
}

html {
  font-size: 100px;
  overflow-x: hidden;
}

@media screen and (max-width: 1440px) {
  html {
    font-size: 80px;
  }
}
@media screen and (max-width: 800px) {
  html {
    font-size: 70px;
  }
}
@media screen and (max-width: 600px) {
  html {
    font-size: 50px;
  }
}
.flex {
  display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;
}

.tab1{display: none;}
.tab2{display: none;}
.wh {
    max-width: 1612px;
    margin: 0 auto;
    width: 92%;
}

.j-space-between{justify-content:space-between}
.j-flex-start{justify-content:flex-start}
.j-flex-end{justify-content:flex-end}
.j-center{justify-content:center}
.a-j-center{align-items:center;justify-content:center}
.a-center{align-items:center}
.a-flex-start{align-items:flex-start}
.a-flex-end{align-items:flex-end}

.of {
  overflow: hidden;
}

.fen img {
  transition-duration: 0.3s;
}
.fen:hover img {
  transform: scale(1.3);
}


.top2{position: absolute;width: 100%;z-index: 999;border-bottom: 1px solid rgba(255,255,255,.3);top:0;}
.lastli{position: relative;margin: 0 1.4vw 0 15px;}
.dh{color: #ffffff;font-size: 20px;}
.so {
    cursor: pointer;
}

.so img {
    max-width: 100%;
}

.ss {
    display: none;
    position: absolute;
    right: 0;
    top: 61px;
    width: 238px;
    padding: 20px;
    z-index: 999;
    background: rgb(255, 179, 0, 0.8);
}
.logo img{max-width: 190px;}


.ss input {
    outline: none;
    line-height: 30px;
    width: 20%;
    background: none;
    border: 1px solid #fff;
    background: #fff;
    font-size: 13px;
    color: #1c4086;
    float: left;
}

.ss #keyword {
    padding-left: 5px;
    line-height: 30px;
    width: 80%;
    background: none;
    border: 1px solid #fff;
    outline: none;
    font-size: 13px;
    color: #fff;
    float: left;
}

.ss #keyword:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;
    transition: background-color 5000s ease-in-out 0s;
}

.ss #keyword::placeholder {
    color: #fff;
}


/*banner*/
.x-banner .owl-carousel .banner-item a img{width: 100vw;height: 100vh;object-fit: cover;}
.x-product-list li .img img{
    height: 100vh;
}


.gonext{
    position: absolute;
    width: 110px;
    bottom:32px;
    left:50%;
    margin-left:-55px;
    color:#fff;
    font-size: 14px;
    line-height: 2;
    z-index: 99;
    padding-bottom: 35px;
    text-align: center;
    -webkit-animation: nudgeMouse 1.6s linear infinite;
    animation: nudgeMouse 1.6s linear infinite;
}
.gonext a{
    color:#fff;
    display: block;
}
.gonext:after{
    position: absolute;
    width: 60px;
    height: 60px;
    content: "";
    left:50%;
    margin-left:-30px;
    bottom:0;
    background: url(../images/shub.png) no-repeat;
    
}
@-webkit-keyframes nudgeMouse {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes nudgeMouse {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}




/*新闻*/
.w-news{
    background: url(../images/bj4.jpg) no-repeat 0 0 #f4f4f4;
}
.active .w-news-list{
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
}
.w-news .w-pro-tt-l{
    background: url(../images/n.png) no-repeat left center;
}
.w-news .w-pro-tt-l h3{
    padding-left: 110px;
    color: #333;
}
.w-news .w-pro-tt-l h4{
    padding-left: 101px;
}
.w-news-p{
    color: #000000;
    font: 600 22px/40px "Microsoft yahei";
    margin-top: 4vh;
    margin-bottom: 4vh;
}
.w-news-l{
    width: 30%;
}

.w-news-tab{
    padding-left: 4vh;
}

.w-news-tab li a{
    color: #444444;
    font: 400 18px/38px "Microsoft yahei";
}
.w-news-tab li.cur a{
    color: #f6ac03;
}
a.w-news-more{
    margin-top: 5.2vh;
    width: 160px;
    display: block;
    text-align: center;
    background-color: #f6ac03;
    color: #ffffff;
    font: 400 18px/44px "Microsoft yahei";
    border-radius: 22px;
}

.w-news-list{
    position: absolute;
    right: 0;
    top: 0;
    height: 100vh;
    width: 66.5%;
    margin-right: -2%;
}
.w-news-list li{
    width: 33%;
    padding-left: 2%;
    padding-right: 2%;
    border-left: 1px solid #cecece;
    height: 100vh;
    padding-top: 16vh;
}

.w-news-list li h3{
    position: relative;
    color: #333333;
    font: 600 22px/27px "Microsoft yahei";
    height: 54px;
    margin-bottom: 8px;
    word-break:keep-all;
    display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
.line2{
    width: 80px;
    height: 2px;
    display: block;
    background-color: #f6ac03;
}
.w-news-list li .img{
    position: relative;
    overflow: hidden;
    padding-top: 18px;
}
.w-news-list li .img img{
 width: 100%;
    transition: all 0.8s;
}
.w-news-list li .date{
    position: absolute;
    left: 0;
    top: 0;
    background-color: #f6ac03;
    width: 76px;
    height: 76px;
    padding: 10px 6px;
    color: #ffffff;
    font: 400 16px/28px "Microsoft yahei";
}
.w-news-list li .date span{
    display: block;
    font: 400 30px/32px "Microsoft yahei";    
    text-align: center;
}
.w-news-list li .wz{
    color: #666666;
    font: 400 16px/24px "Microsoft yahei";
    margin-bottom: 6vh;
    margin-top: 17px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.w-news-list li:last-child .wz{
    padding-right: 15px;
}
.w-news-list li .more{
    color: #444444;
    font: 400 16px/32px "Microsoft yahei";
    margin-top: 4vh;
    background: url(../images/jt3.png) no-repeat 75px center;
}
.w-news-list li:hover h3{
    color: #f6ac03;
}
.w-news-list li:hover .img img{
    transition: all 0.8s;
    transform: scale(1.05);
}
.w-news-list li:hover .more{
    color: #f6ac03;
    background: url(../images/jt4.png) no-repeat 75px center;
}
.ttz{
    display: none;
}
.w-news-l .more{
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    margin-top: 5vh;
}
.w-news-l .more a{
    display: inline-block;
    width: 166px;
    background: #f6ac03;
    font-size: 18px;
    line-height: 44px;
    border-radius: 28px;
    color: #fff;
    vertical-align: top;
    border: 1px solid transparent;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.w-news-l .more a.mpo:before{
    content: "";
    position: absolute;
    display: block;
    transition: all .6s;
    width: 100%;
    height: 0;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    padding-top: 100%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation: wave 1.3s infinite;
    animation: wave 1.3s infinite;
    z-index: 1;
}

@-webkit-keyframes wave{
    0%{
        background:rgba(0,0,0,.25);
        transform:translateX(-50%) translateY(-50%) scale(0)
    }
    to{
        background:transparent;
        transform:translateX(-50%) translateY(-50%) scale(1)
    }
}
@keyframes wave{
    0%{
        background:rgba(0,0,0,.25);
        transform:translateX(-50%) translateY(-50%) scale(0)
    }
    to{
        background:transparent;
        transform:translateX(-50%) translateY(-50%) scale(1)
    }
}
@media (max-width: 1200px) {
    .w-news{
        position: relative;
        padding: 6vh 0;
    }
    .w-news-l{
        width: 100%;
        margin-bottom: 3vh;
    }
    .w-news-p{
        margin-top: 2vh;
        margin-bottom: 2vh;
    }
    .w-news-tab{
        padding-left: 0;
        display: flex;
        justify-content: center;
    }
    .w-news-tab li{
        width: 30%;
    }
    .w-news-list{
        position: relative;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        height: auto;
    }
    .w-news-list li{
        height: auto;
        padding-top: 3vh;
        border-left: none;
    }
}

@media (max-width: 768px) {
    .w-news .w-pro-tt-l{
        background-image: none;
    }
    .w-news .w-pro-tt-l h3{
        padding-left: 0;
    }
    .w-news .w-pro-tt-l h4{
        padding-left: 0;
    }
    .w-news-tab li{
        width: 30%;
    }
    .w-news-list li{
        width: 100%;
    }
}
.w-con{
    width: 1520px;
    margin: 0 auto;
}
.container{
    width: 1520px;
}

@media (max-width: 1600px) {
    .w-con{
        width: 1280px;
    }
    .container{
        width: 1280px;
    }
}
@media (max-width: 1400px) {
    .w-con{
        max-width: 92%;
    }
    .container{
        width: 100%;
    }
}


.sectionab{background: url(../images/bj1.jpg) no-repeat center;background-size: cover;}
.abox{padding: 0 4.7vw;align-items: flex-end;}
.aimg{width: 48.1%;overflow: hidden;margin-bottom: 23px;}
.aimg img{width: 100%;transition:all 0.5s;}
.aimg img:hover{transform:scale(1.1);}
.aleft{width: 50%;}
.abt span{display: block;letter-spacing: 1px;color: #fbc95e;font-size: 1.09vw;}
.abt h3{color: #f5b731;font-weight: bold;font-size: 2.1875vw;margin-top: 3px;}
.acon{color: #7b7b7b;font-size: 1.09vw;line-height: 1.619;padding-right: 2.2vw;margin: 1.8vw 0 4.5vw;}
.line1{width: 31px;height: 5px;background-color: #000000;border-radius: 1px;}
.sbt{color: #f5b731;font-size: 1.09vw;line-height: 1;margin: 1vw 0 0.8vw;}
.sbt span{letter-spacing: -2px;color: #f5b731;font-size: 3.75vw;font-weight: bold;font-family: 'Arial';line-height: 1;}
.sul li p{color: #555555;font-size: 1.09vw;}
.section4 .w-pro-tt-l{
    position: absolute;top:3vw;left: 3.3vw;z-index: 9999;
}
.w-pro-tt-l{
    background: url(../images/p.png) no-repeat left center;
    padding-top: 52px;
}
.w-pro-tt-l h3{
    color: #f6ab00;
    font: 600 44px/66px "Microsoft yahei";
    padding-left: 76px;
}
.w-pro-tt-l h4{
    color: #d3d3d3;
    font: 600 30px/40px "FranklinGothic-Medium";
    text-transform: uppercase;
    padding-left: 15px;
    font-style: italic;
}
.w-pro-tt-l h4 span{
    color: #f6ab00;   
}

.section4 .bg {
    width: 100%;
    height: 100%;
    background: url(../images/y1.jpg) no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}
.animat{-webkit-transition:all 0.3s ease 0s;  -o-transition:all 0.3s ease 0s;  transition:all 0.3s ease 0s;}
.animat_s{-webkit-transition:all 0.2s ease 0s;  -o-transition:all 0.2s ease 0s;  transition:all 0.2s ease 0s;}
.flex-between-top {display: flex;justify-content: space-between; align-items: flex-start;}

/*超过隐藏为*/
.oe{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.oe2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.oe3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.section4{position: relative;}
.section4 .ul {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}
.section4 .ul .libox .li>a{display: block;width: 100%;height: 100%;}
.section4 .ul .libox {
    height: 100%;
}

.section4 .ul .libox .li {
    padding: 0 2vw 0 1.4vw;
    height: 100%;
    width: 100%;
    border-left: 1px solid rgba(255,255,255,0.3);
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
}

.section4 .ul .libox .li:nth-child(1) {
    border-left: none;
}

.section4 .ul .libox .li .li_index {
    font-size: 1.7vw;
    color: #fff;
    font-family: arial;
    font-weight: 700!important;
}

.section4 .ul .libox .li .li_top {
    height: 320px;
    overflow: hidden;
}

.section4 .ul .libox .li .li_top .li_top_title::after {
    content: '';
    width: 1px;
    height: 43px;
    background: rgba(255,255,255,1);
    display: block;
    margin: 10px 0 15px;
}

.section4 .ul .libox .li .li_top .li_top_title {
    padding: 20px 0 7px;
    color: #fff;
    font-size: 1.7vw;letter-spacing: 2px;
    font-weight: bold;
    position: relative;
}

.section4 .ul .libox .li .li_top .li_top_subtitle {
    line-height: 14px;
    color: rgba(255,255,255,1);
}

.section4 .ul .libox .li .li_bot_txt {
    font-size: 17px;
    letter-spacing: 2px;
    color: #fff;
    line-height: 28px;
    margin: 0.20rem 0 0.60rem 0;
    display: none;
    min-height:150px;
    overflow: hidden;
}

.section4 .ul .libox .li .imore {
   width: 61px;
    overflow: hidden;
    display: block;
    margin-top: .4rem;
}

.section4 .ul .libox .li .imore img {
    display: block;
    width: 100%;
}

.section4 .ul .libox .li .contentBox {
    position: absolute;
    left: 0;
    bottom: 0rem;
    padding-bottom: .5rem;
    width: 100%;
    padding: 0 1.5vw 0 3.2vw;
    box-sizing: border-box;
    background: linear-gradient(180deg, rgba(0,112,191,0) 0%, rgba(0,112,191,0.5) 100%);
}

.section4 .ul .libox .li.on .contentBox {
    padding-bottom: 5vw;
    background: none;
}

.section4 .ul .libox .li.on .li_top {
    height: auto;
}

.section4 .ul .libox .li.on {
    background: rgba(29,81,160,.38);
    background-size: cover;
}

.section4 .ul .libox .li.on .li_index {
    font-size: 4.791vw;
    color: rgba(255,255,255,0.07);
    font-weight: 600;
    line-height: 1;
}

.section4 .ul .libox .li.on .li_bot_txt {
    display: block;
}

.section4 .ul .libox .li.on .li_top .li_top_subtitle::after {
    display: none;
}

.section4 .ul .libox .li.on .li_top_title {
    color: #fff;
    font-weight: bold!important;
}

.section4 .ul .libox .li .li_top .li_top_des {
    color: #fff;
    font-weight: 400;
    line-height: 28px;
    height: 30px;
    width: 100%;
    overflow: hidden;
    font-size: 17px;letter-spacing: 2px;
    margin-bottom: 1.8vw;
}

.section4 .ul .libox .li .imores {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    display: none;
}


.section4 .ul .libox .li.on .imores {
    display: block;
}

.section4 .ul .libox .li.on .imore,.section4 .ul .libox .li.on .li_top .li_top_des {
    display: none;
}


@media(max-width: 1700px){
    .w-pro-tt-l h3{font-size: 38px;line-height: 1;}
    .w-pro-tt-l h4{font-size: 26px;}
    .w-pro-tt-l{background-size: 90px;}

}






@media (max-width: 992px) {
    .w-pro-tt-l{
        padding-top: 0;
        background-image: none;
        width: 100%;
    }
    .w-pro-tt-l h3{
        padding-left: 0;
        font: 600 30px/52px "Microsoft yahei";
    }
    .w-pro-tt-l h4{
        padding-left: 0;
        font: 600 22px/30px "Microsoft yahei";
    }

}




@media(max-width: 1860px){
    .pcon{font-size: 16px;line-height: 1.8;}
    .pbj2{padding-top: 26%;}
    .section2 .bt1{top:6vw;}
    .pp{margin-bottom: 1vw;}
    .section4 .ul .libox .li.on .contentBox{padding-bottom: 4vw;}
    .section4 .bt1{top:120px;}
    .acon{font-size: 16px;line-height: 2;}
    .lastli{margin: 0 1.6vw 0 1vw;}
}

@media(max-width: 1730px){
    .section4 .ul .libox .li .li_bot_txt{font-size: 15px;line-height: 26px;letter-spacing: 1px;min-height: 130px;margin-bottom: 20px;}
}

@media(max-width: 1600px){
    .lastli{line-height: 80px;}
    .x-sub-menu{top:80px;}
    .ss{top:79px;}
    
    .nbj h3{font-size: 20px;line-height: 1.5;}
    .nul2 li h3{font-size: 20px;}
    .section4 .ul .libox .li.on .contentBox{padding-bottom: 3vw;}
    .section4 .ul .libox .li .li_top .li_top_title::after{margin: 10px 0;}

    .dz, .dz1,.foot_nav2 dd a{font-size: 14px;line-height: 26px;}
    .x-menu > li > a{font-size: 16px;}
    
}




@media(max-width: 1500px){
    /* .x-menu > li{padding: 0 1.5vw;} */
    .dlogo{margin-right: 1.5vw;}
    .section4 .ul .libox .li.on .li_top_title,.section4 .ul .libox .li .li_top .li_top_title{font-size: 22px;}
    .tleft h3{font-size: 32px;}
}
@media(max-width: 1430px){
    .dlogo{margin-right: 1vw;}
    .dlogo img{width: 230px;}
    .section2 .bt1{top:7vw;}
    .pbj2{padding-top: 28%;}
    
    .pbj2{padding: 32% 5vw 0 5vw;}
    .section2 .bt1{left: 5vw;}
    
}


@media(max-width: 1330px){
.dh{font-size: 18px;}
}

@media(max-width: 1300px){
    .dlogo{margin-right:0;}
    .dlogo img{width: 230px;}
    .lastli{margin: 0 2vw 0 1vw;}
    .section4 .ul .libox .li .li_bot_txt{font-size: 14px;line-height: 26px;}
    .tleft h3{font-size: 28px;}
    .sbt span{font-size: 40px;}
    .amore a{width: 130px;height: 43px;line-height: 43px;font-size: 16px;}
    .amore a img{margin-left: 10px;}
    
    
}



@media(max-width: 1200px){
   .dh{display: none;}
    .foot .wh{height: 100%;}
    .tleft{padding: 6% 0;}
    /* .tewm img{width: 70px;} */
    .foot_nav2>li>a{font-size: 16px;}
    .foot_nav2 dd a{font-size: 15px;}
    .sou #formsearch{width: 45%;}
    .section1,.section3{padding: 6% 0;}
    .xinwen{margin-top: 0;}
    .pul li .img img{width: 100%;height: 100%;}
    .section2{height: 100%;}
    .pbj2{padding: 24% 5vw 0 8%;}
    .fuwu{margin-top: 0;}
    .section2 .bt1{left: 4%;}
    .section2 .bt1{top:3vw;}
    .pbj2 h3{font-size: 22px;}
    .pbj2 p,.pbj1 p{font-size: 16px;}
    .pbj1 h3 a{font-size: 24px;}
    .pbj2 h3 a{margin: 10px 0;}
    .pcon{font-size: 14px;}
    .guide_page {
        /* display: none !important; */
    }
    .section4{height: 600px;}
    .section4 .bt1{top:50px;}
    .section4 .ul .libox .li .contentBox{padding-bottom: 20px;}
    .section5{height: 100%;}
     .circle dl, .circle dd{width: 50px;height: 50px;}
     .asort li a{width: 120px;height: 40px;line-height: 38px;font-size: 14px;}
     .asort li:first-child{left: 47vw;bottom: 6.8vw;}
    .asort li:nth-child(2){left: 67vw;bottom: 9vw;}
    .asort li:nth-child(3){left: 58vw;bottom: 6.5vw;}
    .asort li:nth-child(4){left: 69vw;bottom:4vw;}
    .asort li:nth-child(5){left: 80.5vw;bottom: 6.3vw;}
  .z_menu_btn{display: none;}

}


@media(max-width: 1025px){
    .nbj h3{font-size: 18px;line-height: 1.5;}
    .nul2 li h3{font-size: 18px;}
    .nul2 li p,.nul3 li h3{font-size: 15px;}
    .nbj{padding: 20px;}
    .nul3 li{margin-bottom: 15px;}
    .sbt span{font-size: 36px;}
}

@media(max-width: 991px){
  .asort {display: none;}
}


@media (max-width:980px) {
    .section4{height:auto !important;min-height:auto;}
    .section4 .ul{height: auto;}
    .section4 .ul .libox{display: block;height: 100%;}
    .section4 .bg{background-size: cover}
    .section4 .w-pro-tt-l{position: static;padding:0 4% 40px 4%;}
    .section4 .ul .libox .li{width:100%;height:auto;border:none;    background: rgba(29, 81, 160, .38);
    background-size: cover;border-bottom: 1px solid rgba(255,255,255,0.3);padding:1.5vw 2.5vw 50px;}
    .section4 .ul .libox .li .contentBox{position: static;padding:2vw 0;}
    .section4 .ul .libox .li .li_index{font-size: 30px;}
    .section4 .ul .libox .li.on .li_index{font-size: 40px;}
    .section4 .ul .libox .li .li_top .li_top_title{font-size:20px;padding:10px 0 0;}
    .section4 .ul .libox .li .li_bot_txt{font-size: 14px;line-height:1.74;margin:25px 0 40px 0;min-height: auto;}
    .section4 .ul .libox .li .li_top .li_top_subtitle::after{display: none;}
    .section4 .ul .libox .li .li_top .li_top_des{margin-top:10px;}
    .section4 .ul .libox .li .imores{font-size:14px;}
    .section4 .ul .libox .li .imores::after{display: none;}
    .section4 .ul .libox .li .contentBox{background: none}
    .section4 .ul .libox .li .imore{margin-top:30px;width: 30px;}
     .section4 .bt1{position: static;padding: 40px 4%;}
     .section4 .bt1 h3{color: #ea5514;}
     .section4 .bt1 h4{color: #0a1e3f;}
     .section4 .ul .libox .li .li_top{height: auto;}
     .section4 .bg{top:120px;}
     .section4 .ul .libox .li .li_top .li_top_title::after{height: 30px;margin: 5px 0;}

    .section4 .ul .libox .li .li_bot_txt{display: block;}
    .section4 .ul .libox .li .li_top{height: auto;}
    .section4 .ul .libox .li .imore, .section4 .ul .libox .li .li_top .li_top_des{display: none;}

}




@media(max-width: 768px){
  
  .xian{display: none;}
  .nul3 li{margin-bottom: 12px;}
  .pul li{width: 100%;}
  .section2 .bt1{top:5%;}
  .pbj2{padding-left: 4%;}
  .pp{margin-bottom: 20px;}
  .aleft,.aimg{width: 100%;}
  .aimg{margin-top: 30px;}
  .sbt{margin: 13px 0;}
}

@media(max-width: 640px){
 
  .tleft h3{font-size: 23px;}
  .hots,.hots a{font-size: 14px;}
  .sou #formsearch{width: 100%;}
  .sou #keyword,.sou #s_btn{height: 40px;}
  .hots{margin-top: 10px;}
  .foot_nav2{display: none;}
  .sou,.dz{margin: 15px 0;}
  .tian h3{font-size: 16px;}
  .banner-text h3{font-size: 15px;}
  .small-title{font-size: 8px;}
  .Banner-A1 .swiper-pagination1 .swiper-pagination-bullet{margin: 0 5px;}
  .Banner-A1 .swiper-pagination1 .swiper-pagination-bullet-active{width: 25px;}
  .banner-text{top:28%;}
  .banner_scrolltip img{width: 5px;}
  .bt1 h4{font-size: 22px;margin-top: 10px;}
  .bt1 h3{font-size: 16px;}
  .xin{margin-top: 25px;}
  .section1{padding: 30px 0;}
  .nul,.nright{width: 100%;}
  .nbj{padding: 20px 10px;}
  .nbj h3{font-size: 15px;}
  .nright{margin-top: 20px;}
  .nul2,.nul3{padding: 15px;}
  .nul2 li p, .nul3 li h3{font-size: 14px;}
  .nul3 li span{font-size: 12px;}
  .nul3 li h3{width: calc(100% - 90px);}
  .nul2 li h3{margin: 15px 0;}
  .pbj2 h3 a{font-size: 18px;}
  .pbj1 h3 a{font-size: 20px;margin: 13px 0 5px;}
  .pul li .img img{height: 482px;}
  .pbj2 h4{margin-bottom: 13px;}
  .pin{width: 80%;}
  .pcon{margin-bottom: 20px;}
  .section2 .bt1{top:4%;position: static;margin: 30px 0 20px 4%;}
  .pbj2{padding-top: 40px;}
  .pp{margin-bottom: 15px;}
  .section3{padding: 30px 0;}
  .nul3 li{margin-bottom: 16px;}
  .section4 .ul .libox .li{padding: 20px;}
  .tian1{margin-top: 15px;}
  .tleft{padding-top: 30px;}
  .section4 .ul .libox .li .li_top .li_top_des{height: auto;}
  .sul li p{font-size: 16px;}
  .sbt span{font-size: 30px;letter-spacing: -1px;}
  .sul li sup{font-size: 13px;top: -11px;padding-left: 10px;}
  .acon{font-size: 15px;margin: 20px 0;}
  .nfen{font-size: 14px;}
  .advantage_tits .tit h3{font-size: 20px;}
  .advantage_uls ul{justify-content: space-between;}







}




/*  */
.section3{background: url(../images/bj3.jpg) no-repeat top center;background-size: cover;}
.section3 .fp-tableCell{vertical-align: bottom;}
.fuwu{margin: 0 0 2vw;}
.fuwu .wh{max-width: 1793px;}
.advantage_cont {
  position: relative;
  z-index: 10;
  margin-top: 2%;
  overflow: hidden;
  padding: 4.5vw 0 3.1vw;
}

.advantage_back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.advantage_back .imgs {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  transition: 0.3s all;
}
.advantage_back .imgs.acts {
  position: relative;
  visibility: visible;
  opacity: 1;
  transition: 0.5s ease;
}
.advantage_back .imgs img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.advantage_tits {
}
.advantage_tits .tit {
  padding-left: 42px;
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
}
.advantage_tits .tit::before {
  content: "";
  display: block;
  background-color: #f5b731;
  width: 10px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.advantage_tits .tit.acts {
  position: relative;
  visibility: visible;
  opacity: 1;
}
.advantage_tits .tit h3 {
  font-size: 26px;
  font-weight: bold;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: 0px;
  color: #ffffff;
}
.advantage_tits .tit h5 {
  font-size: 21px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #ffffff;
  line-height: 1.3;
  margin-top: 1em;
}

.advantage_uls {
  margin-top: 14.7%;
  padding:0 7.4vw;
}
.advantage_uls ul {
  /* justify-content: center; */
}

.advantage_uls li:last-child {
  margin-right: 0;
}
.advantage_uls li a {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 188px;
  max-width: 100%;
  height: 218px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  background-image: url("../images/xx1.png");
  position: relative;
}


.advantage_uls li.acts a {
  background-image: url("../images/xx2.png");
}
.advantage_uls li.acts a::after {
  visibility: hidden;
  opacity: 0;
  transition: 0.3 all;
}
.advantage_uls li .imgs {
  display: block;
  height: 75px;
  margin: 0 auto;
}
.advantage_uls li .imgs img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.advantage_uls li .text {
  margin-top: 2px;
}
.advantage_uls li .text h5 {
  font-size: 1.354vw;
  font-weight: bold;
  text-align: center;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: 0px;
  padding: 0 0.7vw;
  color: #ffffff;
}

@media (max-width: 1721px) {
    .advantage_uls {
    margin-top: 10%;
  }
  .advantage_uls li a {
    width: 150px;
    height: 174px;
  }
  .advantage_uls li .imgs {
    height: 56px;margin-bottom: 5px;
  }
  .advantage_uls li .text h5{font-size: 18px;}
}
@media (max-width: 1560px) {
  .advantage {
    padding: 3.5% 0 5%;
  }
  .advantage_tits .tit {
    padding-left: 4.2vw;
  }
  .advantage_tits .tit h3 {
    font-size: 2.3vw;
  } 
  .advantage_tits .tit h5 {
    font-size: 1.4vw;
  }
  .advantage_cont {
  }
  .advantage_uls {
    margin-top: 10%;
  }
  .advantage_uls li a {
    width: 120px;
    height: 139px;
  }
  .advantage_uls li .imgs {
    height: 45px;
  }
  .advantage_uls li .text h5{font-size: 14px;}
}
@media (max-width: 1400px) {
  .advantage_uls li a {
    width: 100px;
    height: 116px;
  }
  .advantage_uls li .imgs {
    height: 45px;
  }
  .advantage_uls li .text h5{font-size: 14px;}
}
@media (max-width: 1200px) {
  .advantage_tits .tit {
    padding-left: 36px;
  }
  .advantage_tits .tit::before {
    width: 8px;
  }
  .advantage_tits .tit h3 {
    font-size: 28px;
  } 
  .advantage_tits .tit h5 {
    font-size: 17px;
  }
  .advantage_uls ul {
    flex-wrap: wrap;
  }
  .advantage_uls li {
    margin: 5px 2%;
  }
  .advantage_uls li a {
    width: 115px;
    height: 133px;
  }
  .advantage_uls li .imgs {
    height: 46px;
  }
  .advantage_uls ul{justify-content: center;}
}
@media (max-width: 990px) {
  .advantage_tits .tit::before {
    width: 6px;
  }
  .advantage_tits .tit h3 {
    font-size: 24px;
  }
  .advantage_tits .tit h5 {
    font-size: 14px;line-height: 1.4;
  }
  .advantage_uls{padding:0 2vw;}
  .advantage_uls li a {
    width: 100px;
    height: 116px;
  }
  .advantage_uls li .imgs {
    height: 40px;
  }
  .advantage_tits .tit{padding: 0 5px 0 20px;}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
  .advantage {
    padding: 24px 0 32px;
  }
  .advantage_cont {
    padding: 30px 0 32px;
    margin-top: 20px;
  }
  .advantage_uls {
    margin-top: 30px;
  }
  .advantage_uls li {
  }
  .advantage_uls li .text h5{font-size: 12px;}
}
@media (max-width: 400px) {
  .advantage_uls {
  }
  .advantage_uls li {
    margin: 4px 1.5%;
  }
  .advantage_uls li a {
    width: 90px;
    height: 104px;
  }
  .advantage_uls li .imgs {
    height: 30px;
  }
  .w-news-list li h3{word-break:break-all;}
  
}









@media(max-width: 1600px){
  .xypg-right-content{overflow: hidden;}
  .xypg-right-content p img{
           max-width: 100%;
          width: auto !important;
          height: auto !important;
     }
}




.section{overflow: hidden;width: 100%;}
.foot11{background: url(../images/foot.jpg) no-repeat top center;background-size: cover;background: #212120; height: 100vh;display: flex;flex-direction: column;justify-content: center;}
.ft22{color: #999999;font-size: 14px;line-height: 22px;}
.ft22 a{color: #999999;}
.ft11{}
.ft22{padding: 20px 0;margin-top: 2vw;border-top: 1px solid rgba(255,255,255,.1);}
.bt11{color: #ffffff;font-size: 1.197vw;font-weight: bold;display: inline-block;margin-bottom: 20px;}
.bt11:after{content: '';display: block;background: #fff;height: 1px;width: 100%;bottom: 0;left: 0;margin-top: 4px;}
.dao li a{display: block;color: #999999;font-size: 0.88vw;line-height: 3;}
.lx{letter-spacing: 1px; color: #999999;font-size: 1.09375vw;line-height: 3;}
.tewm{margin-top: 10vw;color: #999999;font-size: 15px;text-align: center;}
.tewm img{width: 150px;border:9px solid rgba(255,255,255,.1);margin-bottom: 1.2vw;}
.er{}
.dao{width: 48%;}
.foot11 a{transition:all 0.5s;}
.foot11 a:hover{color: #fff;}




@media(max-width: 1700px){
    #fp-nav ul li a .fp-sr-only, .fp-slidesNav ul li a .fp-sr-only{font-size: 18px;line-height: 30px;}
    #fp-nav ul li a:before{width: 18px;height: 18px;}
    .tewm{margin-top: 5vw;}
}




@media(max-width: 1600px){
    .bt11{font-size: 16px;}
    .dao li a{font-size: 14px;}
    .lx{font-size: 16px;}

}

@media(max-width: 1200px){
    .x-banner .owl-carousel .banner-item a img{width: 100%;height: 100%;}
    .abox{padding: 6% 4%;}
    .abt span{font-size: 18px;}
    .abt h3{font-size: 30px;}
    .sul li p{font-size: 16px;}
    .fuwu{margin-top: 0;}
    .foot11{height: 100%;padding-top: 50px;}
     .advantage_cont{margin-top: 30px;}
}

@media(max-width: 768px){
    .ft22 .wh{display: block;text-align: center;}
    .tewm img{width: 130px;}

}


@media(max-width: 640px){
    .abt h3{font-size: 24px;}
    .sbt,.sul li p{font-size: 14px;}
    .sul li{margin-bottom: 20px;}
    .aimg{margin: 20px 0 0 0;}
    .w-pro-tt-l h3{font-size: 26px;line-height: 1.3;}
    .w-pro-tt-l h4{font-size: 20px;}
    .section4 .w-pro-tt-l{padding-bottom: 25px;}
    .section4 .bg{top:87px;}
    .w-news-tab li a{font-size: 16px;}
    .w-news-tab{margin-top: 10px;}
    .w-news-l{margin-bottom: 0px;}
    .w-news-list li .wz{font-size: 14px;margin-bottom: 20px;}
    .w-news-list li{margin-bottom: 20px;}
    .w-news{padding: 30px  0  10px 0 ;}
    .dao{display: none;}
    .tright{width: 100%;}
    .foot11{padding-top: 20px;}
    .bt11{font-size: 18px;}
    .lx{font-size: 14px;line-height: 2;}
    .ft22{padding: 15px 0;margin-top: 20px;}
    .advantage_tits .tit h3{font-size: 22px;}
    .w-news-list li h3{font-size: 18px;line-height: 25px;height: auto;margin-bottom: 15px;}
    .section4 .ul .libox .li .li_index{font-size: 35px;color: rgba(255,255,255,0.07);}
    .section4 .ul .libox .li .li_bot_txt{margin:15px 0 20px 0;}
}


@media(min-width: 1201px){
    .sun-delay0 {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }
    .sun-delay1 {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s;
    }
    .sun-delay2 {
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s;
    }
    .sun-delay3 {
        -webkit-transition-delay: 0.8s;
        transition-delay: 0.8s;
    }
    .sun-delay4 {
        -webkit-transition-delay: 1s;
        transition-delay: 1s;
    }
    .sun-delay5 {
        -webkit-transition-delay: 1.2s;
        transition-delay: 1.2s;
    }
    .sun-delay6 {
        -webkit-transition-delay: 1.4s;
        transition-delay: 1.4s;
    }
    .sun-delay7 {
        -webkit-transition-delay: 1.6s;
        transition-delay: 1.6s;
    }
    .sun-delay8 {
        -webkit-transition-delay: 1.8s;
        transition-delay: 1.8s;
    }
    .sun-delay9 {
        -webkit-transition-delay: 2s;
        transition-delay: 2s;
    }
    .sun-delay10 {
        -webkit-transition-delay: 2.2s;
        transition-delay: 2.2s;
    }
    .sun-ani-left,
    .sun-ani-down,
    .sun-ani-up,
    .sun-ani-right {
        opacity: 0;
        -webkit-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: .7s;
        transition-duration: .7s;
    }
    .sun-ani-left {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    .sun-ani-down {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
    .sun-ani-up {
        -webkit-transform: translateY(-200px);
        transform: translateY(200px);
    }
    .sun-ani-right {
        -webkit-transform: translatex(100px);
        transform: translatex(100px);
    }
    .actives .sun-ani-left {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    .active .sun-ani-left {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    .active .sun-ani-down {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .active .sun-ani-up {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .active .sun-ani-right {
        opacity: 1;
        -webkit-transform: translatex(0);
        transform: translatex(0);
    }
}

.sectionff,.sectionff .fp-tableCell{height: 100vh!important;vertical-align: top;background-color: #212120;}

.c8 img {
  width: 100% !important;
  height: 100% !important;
object-fit: cover;
}

.foot {
  background-color: #212120;
  padding-top: 18px;
  padding-bottom: 0.32rem;
  cursor: pointer;
}
@media (max-width: 780px) {
  .foot .con {
    flex-wrap: wrap;
  }
}
@media (max-width: 780px) {
  .foot .con .foot1 {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .foot .con .foot1 {
    width: 100%;
    text-align: center;
  }
}
.foot .con .foot1 .lx {
  line-height: 25px;
  margin-top: 10px;
  color: #ffffff;
}
.foot .con .foot1 .lx:hover {
  color: #faae34;
}
.foot .con .foot1 .lx:hover a {
  color: #faae34;
}
.foot .con .foot1 .lx a {
  color: #ffffff;
}
.foot .con .foot2 {
  margin-top: 1.7vw;
  font-size: 13px;
  line-height: 35.25px;
  color: #ffffff;
  padding-left: 41px;
  background: url(../images/su.png) no-repeat 0 0%;
}
@media (max-width: 780px) {
  .foot .con .foot2 {
    width: 50%;
    margin-top: 0;
  }
}
@media (max-width: 480px) {
  .foot .con .foot2 {
    display: none;
  }
}
.foot .con .foot2 a {
  color: #ffffff;
}
.foot .con .foot2 a:hover {
  color: #faae34;
}
.foot .con .foot3 {
  margin-top: 35px;
  padding-left: 41px;
  background: url(../images/su.png) no-repeat 0 0%;
}
@media (max-width: 780px) {
  .foot .con .foot3 {
    width: 50%;
    margin-top: 16px;
  }
}
@media (max-width: 480px) {
  .foot .con .foot3 {
    width: 100%;
    background: none;
  }
}
.foot .con .foot3 p {
  font-size: 13px;
  line-height: 35.25px;
  color: #cbcaca;
  padding-left: 34px;
}
.foot .con .foot3 p:hover {
  color: #faae34;
}
.foot .con .foot3 p:nth-child(1) {
  background: url(../images/b1.png) no-repeat 0 50%;
}
.foot .con .foot3 p:nth-child(2) {
  background: url(../images/b2.png) no-repeat 0 50%;
}
.foot .con .foot3 p:nth-child(3) {
  background: url(../images/b3.png) no-repeat 0 50%;
}
.foot .con .foot4 {
  margin-top: 1.7vw;
  padding-left: 41px;
  background: url(../images/su.png) no-repeat 0 0%;
}
@media (max-width: 780px) {
  .foot .con .foot4 {
    width: 50%;
    margin-top: 16px;
  }
}
@media (max-width: 480px) {
  .foot .con .foot4 {
    width: 100%;
    background: none;
    padding-left: 0;
  }
}
.foot .con .foot4 .list2 {
  width: 212px;
}
@media (max-width: 480px) {
  .foot .con .foot4 .list2 {
    margin-left: auto;
    margin-right: auto;
  }
}
.foot .con .foot4 .list2 li {
  text-align: center;
}
.foot .con .foot4 .list2 li .img img {
  width: 95px;
}
.foot .con .foot4 .list2 li .zi {
  color: #fff;
  font-size: 12px;
  margin-top: 9px;
}

.ban {
  padding: 14px 0;
  display: none;
}
.ban .con {
  align-items: center;
}
@media (max-width: 780px) {
  .ban .con {
    text-align: center;
  }
}
@media (max-width: 780px) {
  .ban .con .ban1 {
    display: none;
  }
}
.ban .con .ban1 span {
  color: #0b0b0b;
}
.ban .con .ban1 a {
  color: #8c8c8c;
  padding: 0 4px;
}
.ban .con .ban2 {
  color: #8c8c8c;
  text-align: right;
  display: none;
}
@media (max-width: 780px) {
  .ban .con .ban2 {
    text-align: center;
    width: 100%;
  }
}
.ban .con .ban2 a {
  color: #8c8c8c;
}

/*# sourceMappingURL=index.css.map */