/*page-about*/
.banner{ color: #fff; background: url("../images/banner-about.webp") no-repeat center/cover;}
.banner h2{ text-align: center; }
.btn-zixun{ display: block; margin: 0 auto; width: 510px; line-height: 100px; color: #000; text-align: center; font-size: 32px; font-weight: bold; background: #fff; border-radius: 50px;}
.btn-zixun i{ position: relative; top: -0.1em; font-size: 1.75em; display: inline-block; margin-right: 0.8em; vertical-align: middle;}
.btn-zixun:hover{ background: #c8000a; color: #fff;}

.p-about-item{ padding: 100px 0; background: #fff;}
.p-about-item1 .m-txt{ width: 44%;}
.m-txt h2{ margin-bottom: 70px; font-size: 68px; line-height: 1.15; }
.m-txt p{ line-height: 2; margin-top: 15px; text-align: justify;}
.p-about-item1 .pic{ width: 49.5%; border-radius: 0 0 90px 0; overflow: hidden;}

.p-about-item2 .m-txt{ width: 49.5%;}
.p-about-item2 .pic{ width: 42%;}
.p-a-swiper{ margin: 20px -10px 0;}
.p-a-swiper .swiper-slide{ width: 50%; padding: 0 10px;}
.p-a-swiper [class*="icon-"]{ width: 70px; height: 70px; text-align: center; line-height: 70px; background: rgba(0,0,0,.63); color: #fff; margin-top: -35px; font-size: 40px; border-radius: 10px;}
.p-a-swiper .icon-left{ left: 0;}
.p-a-swiper .icon-right{ right: 0;}
.p-a-swiper [class*="icon-"]:hover{ background: #c8000a;}

.p-about-item3{ background: url("../images/page-about4-bg.jpg") repeat left top;}
.p-about-item3 .pic{ width: 32.6%;}
.p-about-item3 .m-txt{ width: 58%;}
.p-about-item3 li{ float: left; width: 47%; line-height: 1; margin-bottom: 30px;}
.p-about-item3 li h3{ font-size: 32px; font-weight: normal;}
.p-about-item3 li p{ margin-top: 0; }


/*page-lianxi*/
.banner-lianxi{ padding: 132px 0 232px; background-image: url("../images/banner-lianxi.webp");}
.banner-lianxi .txt{ width: 55%;}
.banner-lianxi .txt h2{ font-size: 80px; text-align: left; margin-bottom: 0; }
.banner-lianxi .txt > p{ margin: 80px 0 140px; font-size: 40px;}
.banner-lianxi .pic{  width: 41%; margin: 0 -15px; padding-top: 160px; text-align: center; }
.banner-lianxi .pic li{ float: left; width: 33.33%; padding: 0 15px;}
.banner-lianxi .pic p{font-size: 25px; padding-top: 25px;}

.btn-lx a{ float: left; width: 320px; margin-right: 50px; line-height: 80px; text-align: center; font-size: 32px; font-weight: bold; color: #fff; background: #c8000a; border-radius: 0 0 30px 0;}
.btn-lx a i{ display: inline-block; margin-right: 0.25em; font-size: 1.75em; position: relative; top: 0.2em;}
.btn-lx p{ font-size: 32px;}
.btn-lx p span{ display: inline-block; margin-right: 0.2em; }
.btn-lx p b{ display: block; font-size: 50px;}

.p-contact-cont{ padding: 100px 0 120px; background: #fff;}
.p-contact-cont h2{ font-size: 60px; position: relative; padding-top: 25px; }
.p-contact-cont h2::before{ content: ''; position: absolute; left: 0; top: 0; width: 112px; height: 5px; background: #c8000a;}
.p-contact-cont h2 + p{ font-size: 20px; font-weight: bold; margin: 20px 0 70px; }


/*page-shili*/
.banner-shili{ padding: 110px 0 130px; background-image: url("../images/banner-shili.webp");}
.banner-shili h2{ text-align: center; margin-bottom: 89px;}
.banner-shili h2 span{ display: block;}
.banner-shili .p1{ margin-right: 240px;}
.banner-shili .p2{ margin-left: 190px;}
.banner-shili .p3{ margin-right: 50px;}


.p-sl-item{ padding: 120px 0 80px; background: #fff;}
.sl-bt{ float: left; width: 245px; margin-right: 20px;}
.sl-bt h2{ font-size: 60px; line-height: 1.2; padding-bottom: 15px; margin-bottom: 30px; border-bottom: 4px solid;}
.sl-bt p{ line-height: 1.7;}
.p-sl-item .wrap{ position: relative;}
.p-sl-item ul{ margin: 0 -10px;}
.p-sl-item li{ float: left; width: 50%; padding: 0 10px; }
.p-sl-item li p{ text-align: center; margin: 20px 0 30px; }

.p-sl-item1 ul{ overflow: hidden;}

.p-sl-item2{ color: #fff; background: url("../images/page-shili2-bg.jpg") no-repeat center/cover;}
.p-sl-item2 .sl-bt{ position: absolute; }
.p-sl-item2 li{ width: 25%; }
.p-sl-item2 .li1{ float: right; width: 50%;}
.p-sl-item2 .li2{ margin-left: 25%; }

.p-sl-item.p-sl-item3{ padding-bottom: 0;}
.p-sl-item3 .sl-bt{ position: absolute; }
.p-sl-item3 li{ width: 25%;}
.p-sl-item3 .li1{ margin-left: 25%;}

.p-sl-item4 ul{ overflow: hidden;}
.p-sl-item4 li{ width: 25%;}
.p-sl-item4 .li2{ margin-left: 25%;}
.p-sl-item4 .li6{ margin-right: 25%;}
.p-sl-item4 .li7{ margin: 0 25%;}

.p-sl-item5{ color: #fff; background: url("../images/page-shili5-bg.jpg") no-repeat center/cover;}
.p-sl-item5 .sl-bt{ margin-right: 150px;}
.p-sl-item5 .sl-bt p{ letter-spacing: -0.7px;}
.p-sl-item5 .sl-bt + ul{ overflow: hidden;}
.p-sl-item5 .sl-bt + ul li{ width: 33.33%;}
.p-sl-item5 .sl-icons{ margin-top: 70px;}
.p-sl-item5 .sl-icons li{ width: 16.66%;}
.p-sl-item5 .sl-icons li:nth-child(odd){ margin-top: 90px;}
.p-sl-item5 .sl-icons span{ position: relative; display: block; width: 100%; background: rgba(0,0,0,0.47); border-radius: 50%; text-align: center; line-height: 243px; font-size: 110px;}
.p-sl-item5 .sl-icons .icon-shili-moni{ font-size: 80px;}
.p-sl-item5 .sl-icons span::after{ content: ''; position: absolute; left: 7%; top: 7%; width: 82%; height: 82%; border: 5px solid; border-radius: 50%;}
.p-sl-item5 .sl-icons p{ font-size: 20px;}

/*page-kehu*/
.banner-kehu{ background-image: url("../images/banner.webp");}
.banner-kehu h2{ text-align: center; }

.p-kehu-item1{ padding: 100px 0 120px; color: #fff; background: url("../images/page-kehu1-bg.jpg") no-repeat center/cover; overflow-x: hidden;}
.p-kehu-item1 h2{ font-size: 69px;}
.p-kehu-item1 h2 span{ display: inline-block; }
.p-kehu-item1 h2 + p{ margin: 20px 0 80px; font-size: 54px;}
.p-kehu-item1 .pics1 li + li{ margin-top: 20px;}
.p-kehu-item1 .pics1 li{ width: 219vw; position: relative; left: 0; 
    animation: scroll-left 40s linear infinite;
    -o-animation: scroll-left 40s linear infinite;
    -moz-animation: scroll-left 40s linear infinite;
    -webkit-animation: scroll-left 40s linear infinite;
}
.p-kehu-item1 .pics1 .li2{ width: 246vw; 
    animation: scroll-right 50s linear infinite;
    -o-animation: scroll-right 50s linear infinite;
    -moz-animation: scroll-right 50s linear infinite;
    -webkit-animation: scroll-right 50s linear infinite;
}

.p-kehu-item2{ padding: 70px 0; background: #fff;}
.p-kehu-item2 .swiper-container{ padding: 0 30px 0 0; }
.p-kehu-item2 .swiper-slide{ width: auto; padding: 0 40px;}
.p-kehu-item2 .swiper-button-prev,
.p-kehu-item2 .swiper-button-next{ margin-top: 0; top: 0; background: none; height: 90px; width: 30px; background: #fff; line-height: 90px; font-size: 30px;}
.p-kehu-item2 .swiper-button-prev{ left: 0;}
.p-kehu-item2 .swiper-button-next{ right: 0; text-align: right;}


@media (min-width: 1760px){

}
@media (max-width: 1759px){
    /*page-about*/
    

    .p-about-item{ padding: 90px 0;}
    .p-about-item1 .m-txt{ width: 47%;}
    .m-txt h2{ font-size: 60px; margin-bottom: 50px;}

    .p-about-item3 .pic{ width: 35%;}

    /*page-lianxi*/
    .banner-lianxi{ padding: 102px 0 200px; }
    .banner-lianxi .txt > p{ margin: 70px 0 120px;}
    .banner-lianxi .pic{ padding-top: 140px;}

    /*page-shili*/
    .banner-shili{ padding: 97px 0 107px; }
    .banner-shili h2{ margin-bottom: 80px; }

    .p-sl-item{ padding: 100px 0 80px;}
    .p-sl-item li p{ margin: 17px 0 26px; }
    .sl-bt h2{ font-size: 52px; margin-bottom: 25px;}
    .p-sl-item5 .sl-icons span{ line-height: 210px; font-size: 100px;}
    .p-sl-item5 .sl-icons .icon-shili-moni{ font-size: 70px;}

    /*page-kehu*/
    .p-kehu-item1{ padding: 90px 0 110px; }
    .p-kehu-item1 h2{ font-size: 60px;}
    .p-kehu-item1 h2 + p{ margin: 20px 0 70px; font-size: 48px;}

    .p-kehu-item2{ padding: 60px 0;}


}
@media (max-width: 1559px){
    /*page-about*/
    /*.banner-about{ padding: 110px 0 180px;}*/
    .btn-zixun{ font-size: 28px; width: 450px; line-height: 90px;}

    .p-about-item{ padding: 80px 0;}
    .m-txt h2{ font-size: 50px; margin-bottom: 40px;}
    .p-about-item1 .pic{ padding-top: 80px;}

    .p-about-item3 li{ width: 40%;}
    .p-about-item3 li:nth-child(odd){ width: 60%;}
    .p-about-item3 li h3{ font-size: 28px;}

    /*page-lianxi*/
    .banner-lianxi{ padding: 100px 0 170px; }
    .banner-lianxi .txt{ width: 63%;}
    .banner-lianxi .txt h2{ font-size: 70px;}
    .banner-lianxi .txt > p{ margin: 54px 0 90px; font-size: 36px;}
    .banner-lianxi .pic{ width: 38%; margin: 0 -10px; padding-top: 90px; }
    .banner-lianxi .pic li{ padding: 0 10px;}
    .banner-lianxi .pic p{ font-size: 22px; padding-top: 15px;}

    /*page-shili*/
    .banner-shili{ padding: 82px 0 93px;}
    .banner-shili h2{ margin-bottom: 75px;}

    .sl-bt h2{ font-size: 48px;}
    .p-sl-item ul{ margin: 0 -6px;}
    .p-sl-item li{ padding: 0 6px;}

    .p-sl-item5 .sl-bt{ margin-right: 80px;}
    .p-sl-item5 .sl-icons span{ line-height: 183px; font-size: 86px;}
    .p-sl-item5 .sl-icons .icon-shili-moni{ font-size: 60px;}

    /*page-kehu*/
    /*.banner-kehu{ padding: 100px 0 120px;}*/
    /*.banner-kehu h2{ margin-bottom: 90px;}*/

    .p-kehu-item1{ padding: 80px 0 90px; }
    .p-kehu-item1 h2{ font-size: 54px;}
    .p-kehu-item1 h2 + p{ margin: 15px 0 50px; font-size: 38px;}

}
@media (max-width: 1359px){
    /*page-about*/
    .btn-zixun{ font-size: 26px; width: 400px; line-height: 80px;}

    .p-about-item{ padding: 70px 0;}
    .m-txt h2{ font-size: 44px; margin-bottom: 30px;}
    .p-about-item1 .m-txt p{ margin-top: 5px;}
    .p-about-item1 .pic{ padding-top: 80px;}

    .p-about-item3{ padding-bottom: 50px;}
    .p-about-item3 .m-txt{ width: 62%;}
    .p-about-item3 li{ margin-bottom: 20px;}
    .p-about-item3 li h3{ font-size: 26px;}

    /*page-lianxi*/
    .banner-lianxi{ padding: 95px 0 128px; }
    .banner-lianxi .txt h2{ font-size: 60px;}
    .banner-lianxi .txt > p{ margin: 40px 0 80px; font-size: 24px;}
    .banner-lianxi .pic{ margin: 0 -5px; padding-top: 65px; }
    .banner-lianxi .pic li{ padding: 0 5px;}
    .banner-lianxi .pic p{ font-size: 20px; padding-top: 10px; }

    .btn-lx a{ width: 260px; font-size: 26px;}
    .btn-lx p{ font-size: 26px;}
    .btn-lx p b{ font-size: 36px; margin-top: 5px;}

    .p-contact-cont{ padding: 80px 0 100px;}
    .p-contact-cont h2{ font-size: 50px; padding-top: 15px;}

    /*page-shili*/
    .banner-shili{ padding: 70px 0 80px; }
    .banner-shili h2{ margin-bottom: 55px; }

    .p-sl-item{ padding: 80px 0 60px;}
    .sl-bt{ width: 230px;}
    .sl-bt h2{ font-size: 38px; padding-bottom: 12px; margin-bottom: 10px; border-bottom-width: 3px;}
    .p-sl-item .sl-bt p{ font-size: 15px;}
    .p-sl-item ul{ margin: 0 -3px;}
    .p-sl-item li{ padding: 0 3px;}
    .p-sl-item li p{ margin: 10px 0 15px; font-size: 14px;}

    .p-sl-item5 .sl-bt{ margin-right: 30px;}
    .p-sl-item5 .sl-icons{ margin-top: 50px;}
    .p-sl-item5 .sl-icons li:nth-child(odd){ margin-top: 50px;}
    .p-sl-item5 .sl-icons span{ line-height: 155px; font-size: 70px;}
    .p-sl-item5 .sl-icons .icon-shili-moni{ font-size: 55px;}
    .p-sl-item5 .sl-icons span::after{ border-width: 3px;}

    /*page-kehu*/
    .p-kehu-item1{ padding: 70px 0 80px; }
    .p-kehu-item1 h2{ font-size: 50px;}
    .p-kehu-item1 h2 + p{ margin: 10px 0 40px; font-size: 32px;}
    .p-kehu-item1 .pics1 li + li{ margin-top: 1.2vw;}

    .p-kehu-item2{ padding: 50px 0;}
    .p-kehu-item2 .swiper-slide{ padding: 0 3vw;}
    .p-kehu-item2 img{ height: 70px; width: auto;}
    .p-kehu-item2 .swiper-button-prev,
    .p-kehu-item2 .swiper-button-next{ height: 70px; line-height: 70px;}


}
@media (max-width: 1024px){
    /*page-about*/
    .btn-zixun{ font-size: 0.32rem; width: 3.6rem; line-height: 0.8rem;}

    .p-about-item{ padding: 1rem 0;}

    .p-about-item1 .pic{ display: block; padding-top: 0.32rem; width: 100%; border-radius: 0 0 0.88rem 0;}
    .p-about-item1 .m-pics2{ display: none;}

    .p-about-item2 .m-pics ul{ width: 1200%; }
    .p-about-item2 .m-pics li{ width: 8.33%; }

    .p-about-item3 .m-pics2{ margin-top: 0.49rem;}
    .p-about-item3 .m-pics2 img{ float: left; width: 41%;}
    .p-about-item3 .m-pics2 .img2{ display: none;}
    .p-about-item3 .m-pics2 ul{ float: right; width: 54%;}
    .p-about-item3 .m-pics2 li{ width: 100%; margin-bottom: 0;}
    .p-about-item3 .m-pics2 li + li{ margin-top: 0.29rem;}
    .p-about-item3 .m-pics2 h3{ font-size: 0.36rem; font-weight: bold;}
    .p-about-item3 .m-pics2 p{ font-size: 0.23rem; margin-top: 0.05rem!important;}


    /*page-lianxi*/
    .banner-lianxi{ padding: 0.75rem 0 1.2rem; }
    .banner-lianxi .txt{ width: 100%;}
    .banner-lianxi .txt h2{ font-size: 0.66rem;}
    .banner-lianxi .txt > p{ margin: 0.4rem 0 0.8rem; font-size: 0.36rem;}

    .btn-lx a{ width: 2.74rem; font-size: 0.274rem; line-height: 0.78rem; margin-right: 0.25rem; border-radius: 0 0 0.3rem;}
    .btn-lx p{ font-size: 0.274rem;}
    .btn-lx p b{ font-size: 0.39rem; margin-top: 0.05rem;}

    .p-contact-cont{ padding: 0.78rem 0 0.98rem;}
    .p-contact-cont h2{ font-size: 0.49rem; padding-top: 12px;}
    .p-contact-cont h2::before{ width: 1rem; height: 4px;}
    .p-contact-cont h2 + p{ font-size: 0.22rem; margin: 0.19rem 0 0.59rem;}


    /*page-shili*/
    .banner-shili{ padding: 0.61rem 0 0.8rem; }
    .banner-shili h2{ margin-bottom: 0.5rem;}
    .banner-shili .p1{ margin-right: 2rem;}
    .banner-shili .p2{ margin-left: 1.6rem;}
    .banner-shili .p3{ margin-left: 0.4rem;}


    .p-sl-item{ padding: 0.7rem 0;}
    .sl-bt{ width: 100%; position: relative!important; padding-left: 1.6rem;}
    .sl-bt::before{ content: ''; position: absolute; left: -1.6rem; top: 1rem; width: 7.2rem; border-top: 2px solid;}
    .sl-bt h2{ font-size: 0.68rem; font-weight: normal; padding-bottom: 0.23rem; margin-bottom: 0.4rem; border-bottom: 0;}
    .p-sl-item .sl-bt p{ font-size: 0.33rem; margin-bottom: 0.5rem;}

    .p-sl-item br.xxs{ display: none; }
    .p-sl-item ul{ margin: 0; width: 100%;}
    .p-sl-item li{ padding: 0; width: 100%; position: relative; overflow: hidden;}
    .p-sl-item li + li{ margin-top: 0.2rem;}
    .p-sl-item li .pic{ width: 74.5%;}
    .p-sl-item li p{ position: absolute; width: 23.6%; right: 0; bottom: 0; font-size: 0.22rem; line-height: 1.2; text-align: left; margin: 0;}
    .p-sl-item li p i{ padding: 0.1rem 0; font-size: 0.18rem;}

    .p-sl-item1 .li2 .pic,
    .p-sl-item1 .li3 .pic{ float: right;}
    .p-sl-item1 .li2 p,
    .p-sl-item1 .li3 p{ text-align: right; right: auto; bottom: auto;  }

    .p-sl-item2{ color: #000; background: #fff;}
    .p-sl-item2 .sl-bt img{ position: absolute; right: 0; top: 0.1rem; width: 3.4rem; }
    .sl-mpic1 li{ width: 100%!important; margin-left: 0!important;}
    .sl-mpic1 li:nth-child(2){ margin-top: -0.5rem;}
    .sl-mpic1 li:first-child .pic{ width: 100%;}
    .sl-mpic1 li:first-child p{ position: static; width: 100%;}
    .sl-mpic1 li:nth-child(even){ padding-left: 1.6rem;}
    .sl-mpic1 li:nth-child(even) .pic{ float: right; }
    .sl-mpic1 li:nth-child(even) p{ left: 1.1rem; text-align: right;}

    .p-sl-item4 li .pic{ width: 75.6%!important;}
    .p-sl-item4 li:nth-child(2){ margin-top: 0.2rem;}
    .p-sl-item4 li p{ position: absolute!important; width: 23%!important;}
    .p-sl-item4 li:nth-child(even){ padding-left: 0;}
    .p-sl-item4 li:nth-child(even) p{ left: 0;}
    .p-sl-item4 li:first-child p{ right: 0;}
    .p-sl-item4 .m-pics ul{ width: 300%;}
    .p-sl-item4 .m-pics li{ float: left; width: 33.33%; margin: 0;}

    .p-sl-item5 .sl-bt{ margin-right: 0;}
    .p-sl-item5 .sl-bt::before{ width: 5.8rem;}
    .p-sl-item5 .sl-bt p{ letter-spacing: 0;}
    .p-sl-item5 .sl-icons{ margin-top:0; margin-left: 1.6rem; width: auto;}
    .p-sl-item5 .sl-icons li{ margin-top: 0;}
    .p-sl-item5 .sl-icons li:nth-child(odd){ margin-top: 0.4rem;}
    .p-sl-item5 .sl-icons span{ margin: 0 auto; width: 1.2rem; line-height: 1.2rem; font-size: 0.58rem;}
    .p-sl-item5 .sl-icons span::after{ border-width: 2px;}
    .p-sl-item5 .sl-icons .icon-shili-moni{ font-size: 0.45rem;}
    .p-sl-item5 .sl-icons p{ position: static; width: 100%; text-align: center; font-size: 0.24rem; padding-top: 0.1rem;}

    /*page-kehu*/
    .p-kehu-item1{ padding: 1.1rem 0 0.9rem; color: #000; background: #fff;}
    .p-kehu-item1 .mmpic{ display: none;}
    .p-kehu-item1 h2{ font-size: 0.68rem; line-height: 1.2;}
    .p-kehu-item1 h2 + p{ font-size: 0.53rem; margin: 0.3rem 0 0.9rem;}
    .p-kehu-item1 ul{ margin: 0 -0.098rem;}
    .p-kehu-item1 li{ float: left; width: 33.33%; padding: 0 0.098rem;}
    .p-kehu-item1 li p{ font-size: 0.26rem; text-align: center; margin: 0.2rem 0 0.3rem;}

    .p-kehu-item2{ padding: 0.55rem 0 0.6rem; background: url("../images/page-kehu2-mbg.jpg") no-repeat center/cover;}
    .p-kehu-item2 img{ height: auto; margin: 0 auto;}
}
@media (max-width: 750px){
    /*page-about*/
    .btn-zixun{ font-size: 0.43rem; width: 4.8rem; line-height: 1rem;}

    .p-about-item{ padding: 0.93rem 0;}

    .p-about-item1 .pic{ display: none;}
    .p-about-item1 .m-pics2{ display: block; padding-top: 0.53rem; border-radius: 0 0 1.2rem 0; overflow: hidden;}

    .p-about-item3 .m-pics2{ margin-top: 0.53rem;}
    .p-about-item3 .m-pics2 .img1{ display: none;}
    .p-about-item3 .m-pics2 .img2{ display: block; width: 100%;}
    .p-about-item3 .m-pics2 ul{ width: 100%; margin-top: 0.35rem; padding-left: 0.4rem; position: relative; left: 0.4rem; display: flex; flex-wrap: wrap;}
    .p-about-item3 .m-pics2 li{ float: none; display: flex; flex-direction: column; width: 50%; padding: 0 0.4rem; margin-top: 0.6rem!important; }
    .p-about-item3 .m-pics2 li + li{ margin-top: 0;}
    .p-about-item3 .m-pics2 h3{ font-size: 0.48rem; margin-bottom: 0.1rem; }
    .p-about-item3 .m-pics2 p{ font-size: 0.4rem; line-height: 1.5; margin-top: 0.05rem!important;}

    /*page-lianxi*/
    .banner-lianxi{ padding: 0.8rem 0 1.17rem; }
    .banner-lianxi .txt > p{ margin: 0.35rem 0 0.7rem; font-size: 0.4rem;}

    .btn-lx a{ width: 3rem; font-size: 0.3rem; line-height: 0.9rem; margin-right: 0.3rem; border-radius: 0 0 0.4rem;}
    .btn-lx p{ font-size: 0.3rem;}
    .btn-lx p b{ font-size: 0.44rem; margin-top: 0.05rem;}

    .p-contact-cont{ padding: 1rem 0 1.5rem;}
    .p-contact-cont h2{ font-size: 0.67rem; padding-top: 12px;}
    .p-contact-cont h2::before{ width: 1.4rem; height: 3px;}
    .p-contact-cont h2 + p{ font-size: 0.3rem; margin: 0.3rem 0 0.6rem;}


    /*page-shili*/
    .banner-shili{ padding: 0.7rem 0 0.8rem; }
    .banner-shili h2{ font-size: 0.59rem; margin-bottom: 0.5rem;}


    .p-sl-item{ padding: 1.2rem 0;}
    .sl-bt{ padding-left: 2rem;}
    .sl-bt::before{ left: -2rem; width: 8rem; }
    .sl-bt h2{ padding-bottom: 0.23rem; margin-bottom: 0.4rem;}
    .p-sl-item .sl-bt p{ font-size: 0.4rem; margin-bottom: 0.4rem; line-height: 2;}

    .p-sl-item li + li{ margin-top: 0.27rem;}
    .p-sl-item li p{ font-size: 0.35rem;}
    .p-sl-item li p i{ padding: 0.1rem 0; font-size: 0.18rem;}
    .p-sl-item br.xxs{ display: block; }

    .p-sl-item1 li .pic{ width: 60.5%;}
    .p-sl-item1 li p{ width: 37.6%; font-size: 0.3rem;}

    .p-sl-item2{ padding: 0;}
    .p-sl-item2 .sl-bt img{ top: 0.13rem; width: 3rem; }
    /*.sl-mpic1 li:nth-child(2){ margin-top: -0.6rem;}*/
    .sl-mpic1 li:nth-child(even){ padding-left: 2rem;}
    .sl-mpic1 li:nth-child(even) p{ left: 1.3rem; }

    .p-sl-item3 li .pic{ width: 69.5%;}
    .p-sl-item3 li p{ width: 28.6%;}
    .p-sl-item3 li:nth-child(even) p{ width: 28%; left: 0.6rem; }
    .p-sl-item3 li:nth-child(even) .pic{ width: 79.5%; }

    .p-sl-item4 li .pic{ width: 58.6%!important;}
    .p-sl-item4 li p{ width: 39%!important; }
    .p-sl-item4 li:nth-child(even) p{ width: 23%!important; left: 1rem; }
    .p-sl-item4 li:nth-child(even) .pic{ width: 79%!important; }

    .p-sl-item5 .sl-bt::before{ width: 6.7rem;}
    .p-sl-item5 .sl-icons{ margin-left: 0;}
    .p-sl-item5 .sl-icons span{ width: 1.44rem; line-height: 1.44rem; font-size: 0.6rem;}
    .p-sl-item5 .sl-icons .icon-shili-moni{ font-size: 0.48rem;}
    .p-sl-item5 .sl-icons span::after{ border-width: 0.03rem;}
    .p-sl-item5 .sl-icons p{ font-size: 0.3rem;}

    /*page-kehu*/
    .p-kehu-item1{ padding: 0.8rem 0 0.73rem; }
    .p-kehu-item1 h2{ display: none; }
    .p-kehu-item1 h2 + p{ display: none;}
    .p-kehu-item1 .mmpic{ position: relative; display: block; margin-bottom: 1.4rem;}
    .p-kehu-item1 .mmpic p{ position: absolute; left: 3rem; top: 3.48rem; font-size: 0.64rem; line-height: 1.25; font-weight: bold; text-align: center; color: #fff;}
    .p-kehu-item1 ul{ margin: 0 -0.2rem;}
    .p-kehu-item1 li{ width: 50%; padding: 0 0.2rem;}
    .p-kehu-item1 li p{ font-size: 0.4rem; margin: 0.27rem 0 0.4rem;}

    .p-kehu-item2{ display: none;}

}
@media (max-width: 350px){
    .p-about-item3 .m-pics2 ul{ padding-left: 0; margin: 0 -0.4rem; }
}


@keyframes scroll-left {
    from {
        transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }
}
@-o-keyframes scroll-left {
    from {
        transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }
}
@-moz-keyframes scroll-left {
    from {
        transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }
}
@-webkit-keyframes scroll-left {
    from {
        transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }
}
@keyframes scroll-right {
    from {
        transform: translateX(-60%);
        -o-transform: translateX(-60%);
        -ms-transform: translateX(-60%);
        -moz-transform: translateX(-60%);
        -webkit-transform: translateX(-60%);
    }
    to {
        transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
    }
}
@-o-keyframes scroll-right {
    from {
        transform: translateX(-60%);
        -o-transform: translateX(-60%);
        -ms-transform: translateX(-60%);
        -moz-transform: translateX(-60%);
        -webkit-transform: translateX(-60%);
    }
    to {
        transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
    }
}
@-ms-keyframes scroll-right {
    from {
        transform: translateX(-60%);
        -o-transform: translateX(-60%);
        -ms-transform: translateX(-60%);
        -moz-transform: translateX(-60%);
        -webkit-transform: translateX(-60%);
    }
    to {
        transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
    }
}
@-moz-keyframes scroll-right {
    from {
        transform: translateX(-60%);
        -o-transform: translateX(-60%);
        -ms-transform: translateX(-60%);
        -moz-transform: translateX(-60%);
        -webkit-transform: translateX(-60%);
    }
    to {
        transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
    }
}
@-webkit-keyframes scroll-right {
    from {
        transform: translateX(-60%);
        -o-transform: translateX(-60%);
        -ms-transform: translateX(-60%);
        -moz-transform: translateX(-60%);
        -webkit-transform: translateX(-60%);
    }
    to {
        transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
    }
}