/* 通用 */

.index-section {

    padding: 83px 0;

}



.index-tit {

    text-align: center;

    margin-bottom: 100px;

}



.index-tit .tit-e {

    font-size: 48px;

    font-weight: 700;

    color: #ccc;

    position: relative;

    line-height: 72px;

}



.index-tit .tit-e::before {

    content: "—";

}



.index-tit .tit-e::after {

    content: "—";

}



.index-tit h3 {

    font-size: 36px;

    font-weight: 700;

}

@media (max-width:1024px) {

.index-tit .tit-e {font-size: 38px;line-height: 42px;}

.index-tit h3 {font-size: 28px;}

}

@media (max-width:524px) {

.index-tit .tit-e {font-size: 30px; }

.index-tit h3 {font-size: 22px;}

}



/* index-banner */

.index-banner .swiper-container {

    height: 100vh;

}



.index-banner .swiper-button-next:after,

.index-banner .swiper-button-prev:after {

    color: #fff;

}



:root {

    --swiper-theme-color: #fff !important;

}



.index-banner .swiper-container .swiper-slide,

.index-banner .swiper-container .swiper-img,

.index-banner .swiper-container .swiper-slide .container,

.index-banner .swiper-container .swiper-wrapper {

    height: 100%;

}



.index-banner .swiper-container .swiper-slide .container a {

    display: block;

    position: relative;

    height: 100%;

}



.index-banner .swiper-container .swiper-slide .banner-txt .text4,

.index-banner .swiper-container .swiper-slide .banner-txt .text3,

.index-banner .swiper-container .swiper-slide .banner-txt .text1 {

    overflow: hidden;

}



.index-banner .swiper-container .swiper-slide .banner-txt .text3>*,

.index-banner .swiper-container .swiper-slide .banner-txt .text1>*,

.index-banner .swiper-container .swiper-slide .banner-txt .text5>* {

    -webkit-transform: translateY(100px);

       -moz-transform: translateY(100px);

        -ms-transform: translateY(100px);

         -o-transform: translateY(100px);

            transform: translateY(100px);

    -webkit-transition: all 1s;

    -o-transition: all 1s;

    -moz-transition: all 1s;

    transition: all 1s;

    display: inline-block;

    opacity: 0;

}

.index-banner .swiper-container .swiper-slide .banner-txt .text6>* {

    -webkit-transform: translateY(70px);

       -moz-transform: translateY(70px);

        -ms-transform: translateY(70px);

         -o-transform: translateY(70px);

            transform: translateY(70px);

    -webkit-transition: all 1s;

    -o-transition: all 1s;

    -moz-transition: all 1s;

    transition: all 1s;

    display: inline-block;

    opacity: 0;

}

.index-banner .swiper-container .swiper-slide .banner-txt .text4>.banner-more {

    -webkit-transform: translateY(50px);

       -moz-transform: translateY(50px);

        -ms-transform: translateY(50px);

         -o-transform: translateY(50px);

            transform: translateY(50px);

    -webkit-transition: all 1s;

    -o-transition: all 1s;

    -moz-transition: all 1s;

    transition: all 1s;

    opacity: 0;

}



.index-banner .swiper-container .swiper-slide .banner-txt .text2>strong {

    -webkit-transform: translateY(100px);

       -moz-transform: translateY(100px);

        -ms-transform: translateY(100px);

         -o-transform: translateY(100px);

            transform: translateY(100px);

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    -moz-transition: all .5s;

    transition: all .5s;

    display: inline-block;

    opacity: 0;

}



.index-banner .swiper-container .swiper-slide-active .banner-txt .text4>.banner-more,

.index-banner .swiper-container .swiper-slide-active .banner-txt .text2>strong,

.index-banner .swiper-container .swiper-slide-active .banner-txt .text3>*,

.index-banner .swiper-container .swiper-slide-active .banner-txt .text1>*,

.index-banner .swiper-container .swiper-slide-active .banner-txt .text5>*,

.index-banner .swiper-container .swiper-slide-active .banner-txt .text6>* {

    -webkit-transform: none !important;

       -moz-transform: none !important;

        -ms-transform: none !important;

         -o-transform: none !important;

            transform: none !important;

    opacity: 1;

}



.index-banner .swiper-container .swiper-slide .container a .banner-txt {

    position: absolute;

    top: 51%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    color: #fff;

    text-shadow: 2px 2px 5px rgba(0, 0, 0, .75);

}

.index-banner .swiper-container .swiper-slide .container a .banner-txt.banner-txt1{ text-align: center; margin: 0 auto; left: 24%; top:37%;}

.index-banner .swiper-container .swiper-slide .container a .banner-txt.banner-txt3{ text-align: center; margin: 0 auto; left: 24%; top:37%;}

.index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-txt3 {

    font-size: 20px;

    margin-top: 20px;

}



.index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-txt3 span:last-child {

margin-right: 0;

}



.index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-txt3 span,

.index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-txt3 span img {

margin-right: 15px;

}

.index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-more {

width: 450px; height:66px; line-height: 66px;

background-color: #095fa8; border-radius: 15px;

padding: 0px 30px;

color: #fff;

text-shadow: none;

margin-top: 20px; margin-bottom: 20px;

font-size: 32px;

}

.index-banner .swiper-container .swiper-slide .container a .banner-txt p {

font-size: 24px;

}

.index-banner .swiper-container .swiper-slide .container a .banner-txt strong {

font-size: 54px;font-weight: bold; letter-spacing: 2px; margin-bottom: 10px;

}

.index-banner .swiper-container .swiper-slide .container a .banner-txt .text3 p{  font-size: 32px; letter-spacing: 2px; }

.index-banner .swiper-container .swiper-slide .container a .banner-txt .text5 p {

font-size: 18px; width: 75%;

}

.index-banner .swiper-container .swiper-slide .container .banner-txt .text6 p{

border-top: 1px solid #fff; border-bottom: 1px solid #fff; line-height: 45px; font-size:28px; text-align: center; width: 550px; padding: 7px 10px; margin: 10px 0;

}

@media (max-width:1366px) {

.index-banner .swiper-container .swiper-slide .container a .banner-txt.banner-txt1{ left: 19%; top:38%;}

.index-banner .swiper-container .swiper-slide .container a .banner-txt.banner-txt3{ left: 15%; }

}

@media (max-width:1200px) {

.index-banner{ padding-top: 60px;}

.index-banner .swiper-container .swiper-slide .container a .banner-txt.banner-txt1{ left: 13%; }

.index-banner .swiper-container .swiper-slide .container a .banner-txt.banner-txt3{ left: 11%; }

}

@media (max-width:992px) {

.index-banner .swiper-container .swiper-slide .container a .banner-txt.banner-txt1{ left: 17%; }

.index-banner .swiper-container .swiper-slide .container a .banner-txt.banner-txt3{ left: 14%; }

.index-banner .swiper-container .swiper-slide .container a .banner-txt p {

font-size: 20px;

}

}

@media (max-width:762px) {

    .index-banner .swiper-container .swiper-slide .container a .banner-txt.banner-txt1{ left: 11%; }

    .index-banner .swiper-container .swiper-slide .container a .banner-txt.banner-txt3{ left: 1%; }



}

@media (max-width:700px) {

    .index-banner .swiper-container .swiper-slide .container a .banner-txt p {font-size: 15px;}



}

/* index-pro */

.index-pro {

background: url('../image/index_pro_bkg.png') no-repeat center 30% #fff;

}



.index-pro .swiper-main {

    padding: 0 46px;

    position: relative;

}



.index-pro .swiper-main .swiper-slide a .pro-txt {

    display: block;

    text-align: center;

    background-color: #f7f7f7;

    padding: 40px 20px;

}



.index-pro .swiper-main .swiper-slide a .pro-txt .pro-tit h3 {

    font-size: 18px;

    font-weight: 700;

    margin-bottom: 30px;

}



.index-pro .swiper-main .swiper-slide a .pro-txt .index-more a {

    border: 1px solid #dcdcdc;

    color: #666;

}



.index-pro .swiper-main .swiper-slide a:hover .pro-txt .index-more a {

    background-color: #095fa8;

    color: #fff;

}



.index-pro .swiper-main .swiper-slide a:hover .img-box img {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

}



.index-pro .swiper-main .swiper-slide a .pro-txt .pro-c {

    color: #666;

    line-height: 2em;

}





.index-pro .swiper-main .swiper-button-next:after,

.swiper-container-rtl .swiper-button-prev:after,

.index-pro .swiper-main .swiper-button-prev:after,

.swiper-container-rtl .swiper-button-next:after {

    color: #848484;

    font-weight: 700;

    font-size: 37px;

}



.index-pro .swiper-button-next:hover::after ,

.index-pro .swiper-button-prev:hover::after{

   color:#095fa8!important;

}

/* index-about */

.index-about {

    position: relative;

    overflow: hidden;

    height: -webkit-calc(100vh);

    height: -moz-calc(100vh);

    height: calc(100vh);

    position: relative;

}



.index-about .container {

    position: relative;

    height: 100%;

}



.index-about .about-content {

    width: 100%;

    position: absolute;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%, -50%);

       -moz-transform: translate(-50%, -50%);

        -ms-transform: translate(-50%, -50%);

         -o-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);

}



.index-about .index-about-bkg img {

    -webkit-transition: all 1.5s;

    -o-transition: all 1.5s;

    -moz-transition: all 1.5s;

    transition: all 1.5s;

    height: 100vh;

    width: 100%;

}



.index-about .index-about-bkg {

    position: fixed;

    width: 100%;

    height: 100%;

    z-index: -1;

    top: 0;

    left: 0;

}



.index-about .index-tit {

    margin-bottom: 50px;

}



.index-about .index-tit .tit-e {

    color: rgba(255, 255, 255, .5);

}



.index-about .index-tit h3 {

    color: #fff;

}



.index-about .about-profile {

    text-align: center;

    color: #fff;

    line-height: 35px;

    width: 82%;

    margin: 0 auto;

}



.index-about .index-more a {

    border: 1px solid #fff;

    color: #fff;

}



.index-about .index-more a:hover {

    background-color: #095fa8;

    border-color: transparent;

}



.index-about .about-lists {

    text-align: center;

    margin: 50px 0;

}



.index-about .about-lists ul {

    text-align: left;

    display: inline-block;

}



.index-about .about-lists ul li {

    float: left;

    margin-right: 75px;

}



.index-about .about-lists ul li:last-child {

    margin-right: 0;

}



.index-about .about-lists ul li:hover .about-img {

    -webkit-transform: rotateY(180deg);

    -moz-transform: rotateY(180deg);

    transform: rotateY(180deg)

}



.index-about .about-lists .about-img {

    width: 70px;

    height: 70px;

    margin-right: 30px;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    -moz-transition: all .5s;

    transition: all .5s;

}



.index-about .about-lists .about-txt {

    color: #fff; text-align: left;

    font-size: 16px;

}

.index-about .about-lists .about-txt span{ font-size: 24px; margin-bottom: 10px;}

.index-about .about-lists .about-txt p{ margin-top: 8px; font-size: 15px;}

/* .index-customer */

.index-customer .customer-swp{

    display:none;

}

.index-customer {

    background-color: #fff;

}



.index-customer .customer-lists ul {

    height: 464px;

    overflow: hidden;

}



.index-customer .customer-lists ul li {

    float: left;

    width: 12.5%;

    display: block;

    position: relative;

    height: 100%;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

    -moz-transition: all .5s ease;

    transition: all .5s ease;

}



.index-customer .customer-lists ul li .customer-txt {

    color: #fff;

}



.index-customer .customer-lists ul li:hover .img-box img {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

}



.index-customer .customer-lists  .customer-txt .customer-tit h3 {

    font-size: 24px;

    font-weight: 700;

    margin-bottom: 15px;

}



.index-customer .customer-lists  .customer-txt .customer-tit p {

    white-space: nowrap;

}



.index-customer .customer-lists  .customer-txt .index-more a {

    background-color: #fff;

    color: #095fa8;

    border-color: #fff;

    display: none;

}



.index-customer .customer-lists ul .customer-active .customer-txt .index-more a {

    display: inline-block;

}



.index-customer .customer-lists ul .customer-active:hover .customer-txt .index-more a {

    background-color: #095fa8;

    color: #fff;

    border-color: #095fa8;

}



.index-customer .customer-lists ul li .img-box {

    position: absolute;

    z-index: 1;

    height: 100%;

    width: 100%;

}



.index-customer .customer-lists ul li .img-box img {

    height: 100%;

    width: auto;

}



.index-customer .customer-lists ul li .customer-txt {

    position: absolute;

    z-index: 2;

    text-align: center;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}



.index-customer .customer-lists ul .customer-active .img-box img {

    width: 100%;

}



.index-customer .customer-lists ul .customer-active {

    width: 37.43%;

}

.index-customer .customer-lists .customer-swp .index-customer-bkg{

    position: relative;

    border-radius: 7px;

    overflow: hidden;

}

.index-customer .customer-lists .customer-swp .index-customer-bkg .bkg-black{

    position: absolute;

    width:100%;

    height: 100%;

    background-color: rgba(0, 0, 0, .5);

    top: 0;

    border-radius: 7px;

}

.index-customer .customer-lists .customer-swp .index-customer-bkg img{ width: 100%;}

.index-customer .customer-lists .customer-swp .customer-txt{

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%,-50%);

       -moz-transform: translate(-50%,-50%);

        -ms-transform: translate(-50%,-50%);

         -o-transform: translate(-50%,-50%);

            transform: translate(-50%,-50%);

}

.index-customer .customer-lists .customer-swp .swiper-slide .customer-txt .customer-tit{

    text-align: center;

}

.index-customer .customer-lists .customer-swp .swiper-slide .customer-txt .customer-tit h3{

      color:#fff;

      font-weight: 400;

}

.index-customer .customer-lists .customer-swp .swiper-slide .customer-txt .customer-tit p{

     color:#fff;

} 

.index-customer .customer-lists .customer-swp .swiper-slide .customer-txt .index-more a{

     background-color: transparent;

     border-radius: 30px;

     color:#fff;

}

/* index-service */

.index-service {

    background: url('../image/index_service_bkg.jpg') no-repeat center;

    background-color: #fff;

}



.index-service .service-lists ul {

    margin-left: -15px;

    margin-right: -15px;

}



.index-service .service-lists ul li {

    float: left;

    width: 20%;

    padding-left: 15px;

    padding-right: 15px;

    text-align: center;

}



.index-service .service-lists ul li .service-item {

    background-color: #fff;

    box-shadow: 5px 5px 15px rgba(0, 0, 0, .1);

    padding: 60px 0;

}



.index-service .service-lists ul li .service-item .service-img {

    width: 89px;

    height: 92px;

    margin: 0 auto;

}



.index-service .service-lists ul li .service-item .service-img .img {

    width: 100%;

    height: 100%;

}



.index-service .service-lists ul li .service-item .service-img .img2 {

    display: none;

}



.index-service .service-lists ul li .service-item:hover {

    background-color: #095fa8;

    color: #fff;

}



.index-service .service-lists ul li .service-item:hover .img1 {

    display: none;

}



.index-service .service-lists ul li .service-item:hover .img2 {

    display: block;

}



.index-service .service-lists ul li .service-item .service-txt .service-tit {

    font-size: 24px;

    margin: 15px 0;

}



.index-service .service-lists ul li .service-item .service-txt .service-c {

    font-size: 16px;

}



/* index-news */

.index-news {

    background-color: #fff;

}

.index-news .container{

    overflow: hidden;

}

.index-news .news-lists ul li a {

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-align-items: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center;



}



.index-news .news-lists ul li a .news-date {

    padding-right: 20px;



}

.index-news .news-lists>.row>div:nth-child(2){

    overflow: hidden;

}

.index-news .news-lists ul li a .news-date .year {

    text-align: right;

    font-size: 44px;

    color: #999;

    line-height: 1em;

}



.index-news .news-lists ul li {

    padding: 30px 10px 30px 0px;

    border-bottom: 1px solid #dcdcdc;

}



.index-news .news-lists ul li:last-child {

    border-bottom: 0;

}



.index-news .news-lists ul li a .news-date .day {

    white-space: nowrap;

    font-size: 20px;

    color: #999;

}



.index-news .news-lists ul li a .news-txt {

    padding-left: 20px;

    border-left: 1px solid #dcdcdc;

}



.index-news .news-lists ul li:hover a .news-date .year,

.index-news .news-lists ul li:hover a .news-date .day {

    color: #095fa8;

}



.index-news .news-lists ul li a .news-txt .news-tit {

    font-size: 18px;

    font-weight: 700;

    margin-bottom: 15px;

}



.index-news .news-lists .row {



}



.index-news .news-lists ul li a .news-txt p {

    color: #666;

    line-height: 25px;

}



.index-news .news-lists .news-img {

    position: absolute;

    top: 0;

    z-index: 1;

    width: 100%;

}

.index-news .news-lists .f-r{ float: right!important;}

.index-news .news-lists .f-r a{display:block;}

.index-news .news-lists .f-r .rect-718{padding-bottom:74%;}

.index-news .news-lists .f-r .info{background:rgba(62,62,62,0.35); position: absolute;

    bottom: 0%; left: 0; right: 0;

    width:100%;

    height: 48px;

    line-height: 48px;

    color: #fff;

    font-weight: 700;}

.index-news .news-lists .f-r .info .tit{font-size:25px;  padding-left: 40px; color:#fff;}



.index-news .news-lists .news-img .img-box{

    width: 100%;

   

}

.index-news .news-lists .news-img img {

    width: 100%;

    height: 100%;

}



.index-news .news-lists .news-img-t {

    position: absolute;

    bottom: 0%;

    width: 100%;

    z-index: 2;

    height: 48px;

    line-height: 48px;

    color: #fff;

    font-weight: 700;

    padding-left: 40px;

    font-size: 18px;

}



/* index-video */

.index-video {

    position: relative;

    overflow: hidden;

    height: 567px;

}



.index-video .index-video-bkg {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.index-video .index-video-bkg img {

    height: 100%;

    width: 100%;

    -webkit-transition: all 1.5s;

    -o-transition: all 1.5s;

    -moz-transition: all 1.5s;

    transition: all 1.5s;

}



.index-video .video-content {

    text-align: center;

    color: #fff;

    position: absolute;

    width: 30%;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

       -moz-transform: translate(-50%, -50%);

        -ms-transform: translate(-50%, -50%);

         -o-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);

    z-index: 2;

}



.index-video .video-content .video-txt {

    font-size: 24px;

    margin-top: 20px;

    line-height: 2em;

}



.index-video .video-content .index-more a {

    color: #095fa8;

    background-color: #fff;

    border-color: #fff;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    -moz-transition: all .5s;

    transition: all .5s;

}



.index-video .video-content .index-more a:hover {

    background-color: #095fa8;

    border-color: #095fa8;

    color: #fff;

}



.index-news .news-lists .pc{

    display: block;

}

.index-news .news-lists .mob{

    display: none;

}

.index-about .index-about-bkg .pc{ display: block;}

.index-about .index-about-bkg .mob{ display: none;}



@media (max-width:1200px) {

    .index-banner .swiper-container {

        height: 530px;

    }

}



@media (max-width:1024px) {

    .index-banner .swiper-container {

        height: 455px;

    }

    .index-banner .swiper-container .swiper-slide .container a .banner-txt{

        top: 50%;

    }

    .index-banner .swiper-button-next, .index-banner .swiper-button-prev{

        display: none;

    }

    .index-about .about-lists .about-txt span{ font-size: 20px; }



}

@media (max-width:1366px) {

    .index-banner .swiper-container .swiper-slide .container a .banner-txt strong {

        font-size: 44px;

        }

        .index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-more {

        width: 360px; height:60px; line-height: 60px;

        padding: 0px 20px;

        margin-top: 15px; margin-bottom: 15px;

        font-size: 28px;

        }

        .index-banner .swiper-container .swiper-slide .container .banner-txt .text6 p{

       line-height: 40px; font-size:26px; width: 450px; padding: 5px 8px; margin: 8px 0;

        }

        .index-banner .swiper-container .swiper-slide .container a .banner-txt .text3 p{  font-size:28px;}

    .index-customer .customer-lists .customer-txt .customer-tit h3{

        font-size: 18px;

    }

    .index-pro .swiper-main .swiper-slide a .pro-txt .pro-tit h3{

        font-size: 16px;margin-bottom: 20px; margin-top: 8px;

    }

    .index-about .about-lists .about-txt span{ font-size: 22px; }

}

@media (max-width:1199px){

    .index-about .about-profile { width: 90%;}

    .index-pro {

       -o-background-size: 100% auto;

          background-size: 100% auto; 

    }

    .index-customer .customer-lists ul{

        display: none;

    }

    .index-customer .customer-swp{

        display:block;

    }

    .index-video .video-content{

        width: 564px;

    }



    .index-about .about-lists ul {

        text-align: center;

    }

    .index-about .about-lists ul li{

        margin-right: 0;

        display: -webkit-flex;

        display: -moz-box;

        display: -ms-flexbox;

        display: flex;

        /*text-align: center;

        -webkit-justify-content: center;

           -moz-box-pack: center;

            -ms-flex-pack: center;

                justify-content: center;*/

        margin-bottom: 30px;

    }

    .index-about .about-lists ul li:nth-child(3),

    .index-about .about-lists ul li:nth-child(4){

        margin-bottom: 0;

    }

}



@media (max-width:992px) {



    .index-banner .swiper-container {

        height: 440px;

    }



    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text1 {

        font-size: 18px;

    }

    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text3 {

        font-size: 22px;

    }

    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text2 strong {

        font-size: 30px;

    }

    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text3 p{  font-size: 22px; letter-spacing: 2px; }

    .index-about .about-lists ul li{width: 50%;}

    .index-about .about-lists .about-img {margin-right: 10px;}

    .index-about .about-lists .about-txt span{ font-size: 20px; }

}



@media (max-width:991px) {

    .index-banner .swiper-container .swiper-slide .container a .banner-txt{

        top: 44%;

    }



    .index-about .index-about-bkg {

        position: absolute;

    }

.index-about .index-about-bkg .pc{ display: none;}

.index-about .index-about-bkg .mob{ display: block;}

    .index-about{

        height: auto;

    }

    .index-about .about-content{

        position: relative;

        left: 0;

        top: 0;

        -webkit-transform: none;

           -moz-transform: none;

            -ms-transform: none;

             -o-transform: none;

                transform: none;

    }

    .index-about .index-about-bkg img{

        height: 100%;

        width:  100%;

    }

.index-banner .swiper-container .swiper-slide .container .banner-txt .text6 p{

line-height: 35px; font-size:22px; text-align: center; width: 350px; padding: 7px 10px; 

}

.index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-more {

width: 300px; height:56px; line-height: 56px;

padding: 0px 10px;

margin-top: 10px; margin-bottom: 10px;

font-size: 22px;

}

.index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-txt3 img { width: 100%;}



}

@media(max-width:768px){

    .index-banner .swiper-button-next, .index-banner .swiper-button-prev{

        display: none;

    }

    .index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-txt3{

        font-size: 18px;

        width: 75%; margin-top: 10px;

    }

    .index-banner .swiper-container .swiper-slide .container .banner-txt .text6 p{

        line-height: 30px; font-size:18px; text-align: center; width: 250px; padding: 1px 10px; margin: 5px 0;

        }

    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text5 p {

        font-size: 15px; width: 75%; margin: 5px 0;

        }

    .index-service .service-lists ul li{

        width: 100%;

    }

    .index-about .about-lists .about-txt span{ font-size: 20px; }

    .index-news .news-lists .pc{

        display: none;

    }

    .index-news .news-lists .mob{

        display: block;

    }

}

@media(max-width:700px) {

.index-news .news-lists .f-r .rect-718{padding-bottom:74%;}

.index-news .news-lists .f-r .info{ width:95.5%;}

}

@media(max-width:600px) {

.index-news .news-lists .f-r .info{ width:94.5%;}

.index-news .news-lists .f-r .info .tit{font-size:16px;padding-left: 40px;}

.index-news .news-lists ul li a .news-date {padding-right: 0px; display: none;}

.index-news .news-lists ul li a .news-txt {padding-left: 0px;border-left:0px solid #dcdcdc;}

}

@media(max-width:500px) {

.index-news .news-lists .f-r .info{ width:93%; }

}

@media(max-width:400px) {

.index-news .news-lists .f-r .info{ width:92%; }

.index-news .news-lists .f-r .info .tit{font-size:16px;padding-left: 20px;}



}

@media(max-width:767px) {

    .index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-txt3 span, .index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-txt3 span img{

        margin-right: 5px;

    }

    .index-video .video-content{

        width: 500px;

    }

    .index-video{

        height: auto;

    }

    .index-video .video-content{

        position: relative;

        -webkit-transform: none;

           -moz-transform: none;

            -ms-transform: none;

             -o-transform: none;

                transform: none;

        -webkit-transform: translateX(-50%);

           -moz-transform: translateX(-50%);

            -ms-transform: translateX(-50%);

             -o-transform: translateX(-50%);

                transform: translateX(-50%);

    }

 

    .index-service .service-lists ul li .service-item{

        box-shadow: none;

    }

    .index-banner .swiper-button-next:after,

    .index-banner .swiper-button-prev:after {

        display: none;

    }



    .index-banner .swiper-container {

        height: 300px;

    }



    .index-banner .swiper-container {

        height: 300px;

    }



    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text1,

    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text3 p {

        font-size: 16px;

    }



    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text2 strong {

        font-size: 24px;

    }



    .index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-more {

        width: 120px;

        padding: 5px 15px;

        margin-top: 20px;

    }



    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text1 {font-size: 16px;    }

}

@media (max-width:639px){

    .index-pro .swiper-main{

        padding: 0;

    }

    .index-pro .swiper-button-next,.index-pro .swiper-button-prev{

       top: 32%;

    }

    .index-pro .swiper-main .swiper-slide a .pro-txt{

        padding: 20px;

    }

    .index-pro .swiper-main .swiper-slide a .pro-txt .pro-c {

        line-height: 1.5em;

    }

    .index-pro .swiper-button-prev{

        left: 0px;

     }

     .index-pro .swiper-button-next{

        right: 0px;

     }

}

@media (max-width:640px) {

    .index-about .index-tit{

        margin-bottom: 25px;

    }

    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text4{

        display: none;

    }

    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text3 p {

        font-size: 16px;

    }



    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text2 strong {

        font-size: 18px; margin-bottom: 5px;

    }

}

@media (max-width:600px){



    .index-about .about-lists .about-img{

        margin-right: 15px;

    }

    .index-service .service-lists ul li .service-item{

        padding: 30px 0;

    }

    .index-tit{

        margin-bottom: 10px;

    }

    .index-section{

        padding: 20px 0;

    }

    .index-pro .swiper-main .swiper-slide a .pro-txt .pro-tit h3{

     margin-bottom: 15px;

    }

    .index-pro .index-more a {margin-top: 15px; margin-bottom: 5px;}

    .index-more a { padding: 5px 25px;}

}



@media (max-width:580px){

.index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-txt3 span img{

   width: 20px;

    }

    .index-banner .swiper-container .swiper-slide .banner-txt .sp .p1{

       display: none;

    }

    .index-banner .swiper-container .swiper-slide .banner-txt .sp .p2{

        display: block;

     }

     .index-banner .swiper-container .swiper-slide .banner-txt .sp .p2 p{

         display: block;

     }

     .index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-txt3{

         display: none;

     }

     .index-banner .swiper-container .swiper-slide .container a .banner-txt .text2 strong{

         font-size: 17px; margin-bottom: 0px;

     }

}

@media (max-width:540px) {

.index-banner .swiper-container {

    height: 280px;

}

.index-banner .swiper-container .swiper-slide .container a .banner-txt.banner-txt1{ left: 7%; }

.index-banner .swiper-container .swiper-slide .container a .banner-txt .text5 p {

font-size: 15px; width: 95%;

}

.index-banner .swiper-container .swiper-slide .container .banner-txt .text6 p{

 line-height: 35px; font-size:18px; text-align: center; width: 230px; padding: 2px 5px; margin:5px 0;

}

    .index-video .video-content{

        width: auto;

    }

    .index-about .about-lists ul li{

       width: 50%;

       margin-bottom: 30px;

    }

    .index-about .about-lists ul li:nth-child(3){

        margin-bottom: 30px;

    }



    .index-about .about-lists{

        margin:30px 0;

    }

    .index-about .about-lists .about-txt{

        font-size: 16px;

    }

    .index-about .about-lists .about-img{

        width: 40px;

        height: 40px;

        margin-right: 5px;

    }



    .index-about .about-lists{

        padding: 0 15px;

    }

    .index-about .about-lists .about-txt{

        font-size: 16px;

    }

    .index-about .about-lists ul li:nth-child(2) .about-img{

      background-position: -41px 0!important;

    }

    .index-about .about-lists ul li:nth-child(3) .about-img{

        background-position: -82px 0!important;

      }

      .index-about .about-lists ul li:nth-child(4) .about-img{

        background-position: -124px 0!important;

      }

      .index-pro .swiper-main .swiper-slide a .pro-txt{

        padding: 10px;

    }

}



@media (max-width:460px) {

    .index-tit .tit-e{

        font-size: 28px;

    }

    .index-about .about-lists .about-txt{

        width: auto;

    }

    .index-banner .swiper-container .swiper-slide .container a .banner-txt.banner-txt1{ left: 1%; }

    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text4 {

        display: none;

    }

    .index-banner .swiper-container .swiper-slide .container .banner-txt .text6 p{ display: none;

       }

    .index-banner .swiper-container .swiper-slide .container a .banner-txt .banner-more {

        width: 98px;

        padding: 5px 10px;

    }

    .index-video{

        padding: 20px 15px;

    }

    .index-video .video-content .video-txt{

        font-size: 18px;

    }

    .index-banner .swiper-container .swiper-slide .container a .banner-txt .text2 strong{

        font-size: 17px; 

    }

}



@media (max-width:375px) {

    .index-about .about-lists .about-txt{

        width: 60%;

    }

    .index-about .about-lists ul li{

        width: 100%;

     }

}



@media (max-width:320px) {

    .index-banner .swiper-container {

        height: 200px;

    }

   

}