/*list-news*/
.banner{ position: relative;}
.banner img{ width: 100%;}
.banner .txt{ position: absolute; left: 0; top: 7vw; width: 100%; color: #fff;}
.banner .txt h2{ position: relative; font-size: 80px; padding-left: 2%; border-left: 10px solid transparent; }
.banner .txt h2::before{content: ''; position: absolute; left: 0; top: 50%; height: 0.92em; width: 10px; background: #c8000a; transform: translateY(-43%);}
.banner .txt p{ font-size: 40px; margin-top: 3%;}

.cont{ padding: 100px 0;}
.l-news-hd{/* background: orange;*/ margin-bottom: 70px;}
.l-news-hd h3{ float: left; font-size: 60px; }
.l-news-hd .l-hd-links{ float: right;}
.l-news-hd .l-hd-links a{ float: left; font-size: 30px; padding-top: 30px; margin-left: 100px;}
.l-news-hd .l-hd-links a.on,.l-news-hd .l-hd-links a:hover{ color: #c8000a;}

.l-news-lists li{ border-top: 2px solid #d4d4d4; padding: 30px 0; overflow:hidden;}
.l-news-lists li a{ display: block; position: relative; }
.l-news-lists .name{ float: left; width: 20%; font-size: 20px; line-height: 26px; font-weight: bold;}
.l-news-lists .name p{ font-size: 16px; margin-top: 20px;}
.l-news-lists .pic{ height: 96px; opacity: 0; float: left; width: 38%; margin: 0 5%; overflow: hidden; }
.l-news-lists .details{ position: absolute; right: 0; top: 0; width: 32%; height: 302px; padding-right: 9%; font-size: 16px; line-height: 32px;}
.l-news-lists .details p{ height: 96px; overflow: hidden;}
.l-news-lists .details .icon{ position: absolute; right: 0; top: 32px; font-size: 28px; opacity: 1;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -ms-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
}
.l-news-lists .details .icon-jian{ font-size: 27px; opacity: 0; right: 4px;}
.l-news-lists .details .more{ position: absolute; bottom: 0; left: 0; font-weight: bold; line-height: 1; padding-bottom: 6px; }
.l-news-lists .details .more::before{ width: 0; content: ''; position: absolute; bottom: 0; left: 0; border-bottom: 1px solid;
    -webkit-transition: width .2s linear;
    -moz-transition: width .2s linear;
    -ms-transition: width .2s linear;
    -o-transition: width .2s linear;
    transition: width .2s linear;}
.l-news-lists .details .more:hover{ color: #c8000a;}
.l-news-lists .details .more:hover::before{ width: 100%;}
.l-news-lists .pic,
.l-news-lists .details p{-webkit-transition: height .4s linear;
    -moz-transition: height .4s linear;
    -ms-transition: height .4s linear;
    -o-transition: height .4s linear;
    transition: height .4s linear;}
.l-news-lists li:hover .pic{ height: 302px; opacity: 1;}
.l-news-lists li:hover .details p{ height: 192px;}
/*.l-news-lists li:hover .details .more{  opacity: 1;}*/
.l-news-lists li:hover .details .icon-jia{opacity: 0;}
.l-news-lists li:hover .details .icon-jian{opacity: 1;}
/*page-shili*/
.banner-shili .wrap{ overflow: hidden;}
.banner-shili ul{ margin-top: 100px;  }
.banner-shili li{ float: left; margin-right: 20px;}
.banner-shili li a{ display: block; padding: 10px; background: #fff; border-radius: 0 0 30px;}
.banner-shili li .pic{ float: left; width: 102px;}
.banner-shili li .name{ position: relative; float: left; width: 130px; font-size: 30px; color: #313131; text-align: center; line-height: 1.2; padding-top: 3px; margin: 0;}
.banner-shili li .icon-arrow-down{ position: absolute; bottom: -18px; left: 0; width: 100%; font-size: 18px;}
.banner-shili li.on .name,.banner-shili li:hover .name{ color: #c8000a; font-weight: bold;}


.a-sl-item p{ line-height: 2; }
.a-sl-item{ position: relative; }
.a-sl-item::before, .a-sl-item .wrap::before{ content: ''; position: absolute; background: #f6f6f6; z-index: 2; }
.a-sl-item .wrap{ position: relative; z-index: 10;  }

.a-sl-item1{ padding: 100px 0 155px;}
.a-sl-item1::before{ bottom: 0; left: 0; width: 100%; height: 30%; background: #f6f6f6; border-radius: 0 0 90px; z-index: 2;}
.a-sl-item1 .txt{ float: left; width: 30%;}
.a-sl-item1 .txt .pic{ position: absolute; bottom: -9%; width: 40%; }
.a-sl-item1 .txt .pic::before{ content: ''; position: absolute; right: -6px; top: -15px; width: 48.6%; height: 100%; background: #fff; border-radius: 0 0 20px;}
.a-sl-item1 .txt .pic img{ position: relative;}
.a-sl-item1 .bigpic{ float: right; width: 67%;}

.a-sl-item2{ padding: 100px 0; }
.a-sl-item2::before{ bottom: 0; right: 0; width: 85%; height: 60%; border-radius: 0 0 0 90px; }
.a-sl-item2 .txt{ width: 30%; }
.a-sl-item2 .txt p{ padding-right: 90px;}
.a-sl-item2 ul{ margin-top: 230px; }
.a-sl-item2 li{ float: left; width: 28.72%; }
.a-sl-item2 li:nth-child(2){ width: 32.56%;}
.a-sl-item2 li + li +li{ margin-left: 5%; padding-top: 119px;}
.a-sl-item2 li p{ font-weight: bold;}
.a-sl-item2 li:first-child{ position: absolute; top: 150px; left: 34%;}
.a-sl-item2 li:first-child p{ position: absolute; right: -220px; bottom: 0; width: 200px;}

.a-sl-item3{ padding: 150px 0 80px;}
.a-sl-item3 > img{ border-radius: 0 0 0 90px;}
.a-sl-item3 .wrap{ padding-left: 7%;}
.a-sl-item3 .wrap::before{ left: 0; top: -90px;  width: 140%; height: 30%; background: #fff; }
.a-sl3-top{ position: relative; z-index: 8; margin: -100px 0 100px;}
.a-sl3-top .txt{ float: left; width: 53%;}
.a-sl3-top .pic{ float: right; width: 40%; border-radius: 0 0 30px; overflow: hidden;}
.a-sl3-top ul{ position: absolute; bottom: 0; width: 53%;}
.a-sl3-top li{ float: left; width: 31.6%; font-size: 30px; font-weight: bold; text-align: center; line-height: 50px; padding: 25px 0; background: #f6f6f6; margin-top: 20px; }
.a-sl3-top .li2,.a-sl3-top .li5{ margin-left: 2.6%; margin-right: 2.6%;}
.a-sl3-top .li6{ line-height: 25px; font-size: 20px; background: #b10201; color: #fff; border-radius: 0 0 30px;}

.a-sl3-bottom h4{ font-size: 40px; color: #b10201; margin-bottom: 42px;}
.a-sl3-bottom li{ position: relative; padding: 30px 0; height: 140px; overflow: hidden; border-style: solid; border-width: 2px 0; margin-top: -2px; -webkit-transition: height .4s linear;
    -moz-transition: height .4s linear;
    -ms-transition: height .4s linear;
    -o-transition: height .4s linear;
    transition: height .4s linear;}
.a-sl3-bottom .name{ position: absolute; left: 0; top: 30px; width: 26%; height: 416px; font-size: 20px; line-height: 1.3; font-weight: bold; }
.a-sl3-bottom .number{position: absolute; bottom: 25px; right: 0; font-size: 140px;}
.a-sl3-bottom .pic{ float: right; width: 45%; margin-right: 2.5%;}
.a-sl3-bottom .details{ float: right; width: 24%; line-height: 2;}
.a-sl3-bottom li:hover{ height: 416px;}



/*page-jieshao*/
.about-jieshao{ background: #efefef;}
.a-js-item1 .wrap{ }
.a-js-item1 .wrap::before{ left: 0; bottom: 0; width: 100%; height: 447px; background: #efefef; border-radius: 0 0 60px; box-shadow: 6px 6px 12px 6px rgba(212,217,223,.38); }
.a-js-item1 .cont{ position: relative; padding: 80px 130px 100px; margin-top: -21%; background: rgba(255,255,255,.9); border-radius: 0 0 60px; z-index: 5;}
.a-js-item1 .txt{ float: left; width: 60%;}
.a-js-item1 .p p + p{ margin-top: 12px;}
.a-js-item1 .pic{ float: right; width: 33.1%;}
.a-js-item1 .pic .pic2{ display: none;}
.a-js-item1 ul{ margin-top: 70px;}
.moveyuan li{ position: relative; float: left; width: 200px; height: 200px; border-radius: 50%; background: #fff; }
.moveyuan li i{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../images/about-jieshao-yuan1.png") no-repeat center/cover;}
.moveyuan .li2 i,.moveyuan .li4 i{ background-image: url("../images/about-jieshao-yuan2.png");}
.moveyuan .li3 i{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg); }
.moveyuan .li1{ z-index: 4;}
.moveyuan .li2{ z-index: 3;}
.moveyuan .li3{ z-index: 2;}
.moveyuan .li4{ z-index: 1;}

@-webkit-keyframes rotateshun{
    100%{
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
@keyframes rotateshun{
    0%{
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg); 
    }
    100%{
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}
@-webkit-keyframes rotateshun1{
    0%{
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg); 
    }
    100%{
        -webkit-transform: rotate(-450deg);
        -moz-transform: rotate(-450deg);
        -ms-transform: rotate(-450deg);
        -o-transform: rotate(-450deg);
        transform: rotate(-450deg);
    }
}
@keyframes rotateshun1{
    0%{
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg); 
    }
    100%{
        -webkit-transform: rotate(-450deg);
        -moz-transform: rotate(-450deg);
        -ms-transform: rotate(-450deg);
        -o-transform: rotate(-450deg);
        transform: rotate(-450deg);
    }
}
.rotateshun,.rotateshun1,.rotateni{
    -webkit-animation-duration:2s;
    animation-duration:2s;
}
.rotateshun{ -webkit-animation-name: rotateshun; animation-name: rotateshun; }
.rotateshun1{ -webkit-animation-name: rotateshun1; animation-name: rotateshun1; }
.rotateni{ -webkit-animation-name: rotateni; animation-name: rotateni; }
@-webkit-keyframes rotateni{
    100%{
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotateni{
    100%{
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.moveyuan li + li{ margin-left: -12px;}
.a-js-item1 li{ padding-top: 28px; text-align: center;}
.a-js-item1 li span{ font-size: 64px; color: #c8000a;}
.a-js-item1 li p{ font-size: 20px; line-height: 1; }
.a-js-item1 li b{ display: block; font-size: 30px; margin: 20px 0 5px;}

.a-js-item2 .wrap{ padding: 100px 80px;}
.a-js-item2 .about-bt{ text-align: center;}
.a-js-item2 .about-bt::before{ left: 50%; margin-left: -56px;}
.a-js-item2 .about-bt + p{ width: 68%; margin: 0 auto 50px; line-height: 2; }
.a-js-item2 .pics{ position: relative; padding-bottom: 5px;}
.a-js-item2 .pics dl{ position: absolute; right: 0; bottom: 0; width: 520px;}
.a-js-item2 .pics dt{ font-size: 30px; font-weight: bold; margin-bottom: 20px;}
.a-js-item2 .pics dl dd{ line-height: 2; float: left; width: 50%;}
.a-js-item2 .pics dl li{ margin-top: 13px;}
.a-js-item2 .more{ display: block; width: 510px; margin: 100px auto 0; line-height: 54px; text-align: center; font-size: 30px; font-weight: bold; border: 2px solid #c8000a; border-radius: 30px;}
.a-js-item2 .more:hover{ background: #c8000a; color: #fff;}

.a-js-item3{ color: #fff; background: url("../images/about-jieshao3-bg.jpg") no-repeat center/cover; overflow: hidden;}
.a-js-item3 .cont{ padding: 95px 0 190px; }
.a-js-item3 .p{ text-align: center;}
.a-js-item3 .js-kehu1{ margin: 60px 0 50px; position: relative; left: 7.5%;
    /*-webkit-transform: translateX(7.5%);
    -moz-transform: translateX(7.5%);
    -ms-transform: translateX(7.5%);
    -o-transform: translateX(7.5%);
    transform: translateX(7.5%);*/}
.a-js-item3 .js-kehu2{ position: relative; left: 1.5%;
   /* -webkit-transform: translateX(1.5%);
    -moz-transform: translateX(1.5%);
    -ms-transform: translateX(1.5%);
    -o-transform: translateX(1.5%);
    transform: translateX(1.5%);*/
}
.a-js-item3 li{ float: left; width: 16.7%; margin-right: 1.875%; border: 2px solid;}

.ry-box{ position: fixed; opacity: 0; left: 0; top: 100vh; height: 110%; width: 100%; z-index: 999;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease ;
    -ms-transition: all .3s ease ;
    -o-transition: all .3s ease ;
    transition: all .3s ease ;}
.ry-box .bg{ width: 100%; height: 140px; background: url("../images/index3-bg.jpg") no-repeat center 20%/100% auto; z-index: 8;}
.ry-box::before{ content: ''; position: absolute; left: 0; top: 70px; width: 100%; height: 70px; background: #fff; z-index: 88; border-radius: 60px 60px 0 0;  }
.ry-cont{ left: 0; width: 100%; height: 100%; z-index: 88; background: #fff; overflow-y: auto; }
.ry-box .wrap{ position: relative; z-index: 10; padding: 0 0 100px;}
.ry-box .icon-close{ position: fixed; right: 50%; margin-right: -780px; font-size: 40px; top: 85px; z-index: 99; color: #fff; cursor: pointer;}


/*page-gongyiwenhua*/
.banner-gywh .wrap{ position: relative; }
.banner-gywh .txt .wrap::before{ position: absolute; left: 2.1%; top: 2px; border-left: 10px solid transparent; content:'公益文化'; font-size: 80px; font-weight: bold; color: #203440; text-shadow: 0 0 2.91px rgba(0, 0, 0, 0.47);}
.banner-gywh .txt h2{ position: relative; z-index: 10;}
.a-gywh-item1{ position: relative; margin-top: -390px;}
.a-gywh-item1 li{ position: relative; float: left; width: 31.9%; margin-top: 40px}
.a-gywh-item1 .li2,.a-gywh-item1 .li5{ margin-left: 2.1%; margin-right: 2.1%;}
.a-gywh-item1 li::before{ content: ''; position: absolute; left: 10px; top: -10px; width: 100%; height: 100%; background: rgba(255,255,255,.5); border-radius: 0 0 30px;}
.a-gywh-item1 .box{ position: relative; background: #fff; padding: 40px 50px 20px;; border: 1px solid #000; border-radius: 0 0 30px; }
.a-gywh-item1 li h3{ font-size: 30px; color: #c8000a; margin-bottom: 30px;}
.a-gywh-item1 li p{ font-size: 20px; line-height: 1.8; height: 3.6em;}

.a-gywh-item2{ padding: 100px 0 130px; }
.swiper-gywh2{ position: relative; padding-left: 130px;}
.a-gywh-item2 .p{ line-height: 2; padding: 40px 55px 50px; background: #fff; border: 1px solid #000; z-index: 9; border-radius: 0 0 30px; }
.a-gywh-item2 .p1{ position: absolute; left: 0; bottom: 40px; width: 49.5%;}
.a-gywh-item2 .p2{ display: none;}
.a-gywh-item2 .swiper-gywh2{ display: none; }
.a-gywh-item2 .pagi-gywh2{ width: 250px; left: 0; top: 0; height: 100%; }
.a-gywh-item2 .pagi-gywh2 .swiper-pagination-bullet{ display: block; margin: 40px 0 0; width: 200px; text-align: left; font-size: 30px; line-height: 60px; height: auto; padding-left: 40px; border-radius: 0; opacity: 1; background: #f1f1f1;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;}
.a-gywh-item2 .pagi-gywh2 .swiper-pagination-bullet-active{ color: #fff; width: 250px; padding-left: 42px; background: #c8000a;}
.a-gywh-item2 [class^='swiper-button'],
.swiper-gywh3 [class^='swiper-button']{ color: #fff; top: auto; bottom: 0; right: 0; margin-top: 0; height: 120px; width: 120px; background: none; font-size: 60px; text-align: center; line-height: 120px;}
.a-gywh-item2 [class^='swiper-button']:hover,
.swiper-gywh3 [class^='swiper-button']:hover{ color: #c8000a;}
.a-gywh-item2 .swiper-button-prev,
.a-gywh-item3 .swiper-button-prev{ right: 120px; left: auto;}
.swiper-gywh2::after{content: ''; position: absolute; background: #fff; z-index: 9; right: 0; bottom: 0; width: 240px; height: 120px; background: rgba(255,255,255,.5); background: linear-gradient(to right, rgba(255,255,255,.9) 5%, rgba(255,255,255,.7) 30%, transparent); }

/*.a-gywh-item2 .lunbo-zeren{ position: relative;}
.a-gywh-item2 .bd{ margin-left: 130px; overflow: hidden;}
.a-gywh-item2 .hd ul{ position: absolute; left: 0; top: 0; width: 250px; left: 0; top: 0; height: 100%; }
.a-gywh-item2 .hd li{ display: block; margin: 40px 0 0; width: 200px; text-align: left; font-size: 30px; line-height: 60px; height: auto; padding-left: 40px; border-radius: 0; opacity: 1; background: #f1f1f1; cursor: pointer;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear; }
.a-gywh-item2 .hd li.on,.a-gywh-item2 .hd li:hover{color: #fff; width: 250px; padding-left: 42px; background: #c8000a;}
.a-gywh-item2 .arrow{ position: absolute; bottom: 0; right: 0; width: 240px; background: #fff; background: rgba(255,255,255,.5); background: linear-gradient(to right, rgba(255,255,255,.9) 5%, rgba(255,255,255,.7) 30%, transparent); }
.a-gywh-item2 .arrow a{ display: block; float: right; height: 120px; width: 120px; background: none; color: #fff; font-size: 60px; text-align: center; line-height: 120px; }
.a-gywh-item2 .arrow a:hover{ color: #c8000a; }*/


.a-gywh-item2 .lunbo-zeren{ position: relative;}
.a-gywh-item2 .bd{ margin-left: 130px; overflow: hidden;}
.a-gywh-item2 .hd ul{ position: absolute; left: 0; top: 0; width: 250px; left: 0; top: 0; height: 100%; }
.a-gywh-item2 .hd li{ display: block; margin: 40px 0 0; width: 200px; text-align: left; font-size: 30px; line-height: 60px; height: auto; padding-left: 40px; border-radius: 0; opacity: 1; background: #f1f1f1; cursor: pointer;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear; }
.a-gywh-item2 .hd li.on,.a-gywh-item2 .hd li:hover{color: #fff; width: 250px; padding-left: 42px; background: #c8000a;}
.a-gywh-item2 .arrow{ position: absolute; bottom: 0; right: 0; width: 240px; background: #fff; background: rgba(255,255,255,.5); background: linear-gradient(to right, rgba(255,255,255,.9) 5%, rgba(255,255,255,.7) 30%, transparent); z-index: 999;}
.a-gywh-item2 .arrow a{ display: block; float: left; height: 120px; width: 120px; background: none; color: #fff; font-size: 60px; text-align: center; line-height: 120px; }
.a-gywh-item2 .arrow a:hover{ color: #c8000a; }



.a-gywh-item3{ position: relative; padding: 100px 0; background: url("../images/about-gywh2-bg.png") no-repeat center top/contain;}
.swiper-gywh3{ position: relative; padding: 0 130px; }
.a-gywh-item3 .swiper-slide p{ position: absolute; right: 120px; bottom: 0; width: 290px; padding: 35px 10px; color: #fff; line-height: 25px; font-size: 20px;  text-align: right; background: rgba(197,197,197,.8); background: linear-gradient(to right, rgba(197,197,197,.9) 70%, rgba(197,197,197,.8) 90%);  }
.swiper-gywh3::before{ content: ''; position: absolute; right: 10px; bottom: 0; height: 120px; width: 240px; z-index: 2; background: rgba(197,197,197,.8); background: linear-gradient(to right, rgba(197,197,197,.8) 40%, transparent); }
.a-gywh-item3 .swiper-button-prev{ right: 130px;}
.a-gywh-item3 .swiper-button-next{ right: 10px;}
.pagi-gywh3{ display: none;}

/*page-yanfa*/
.banner-yanfa .txt p{ margin-top: 8%; padding: 35px; font-size: 20px; line-height: 2; width: 46%; background: rgba(255,255,255,.86); border-radius: 0 0 30px; color: #313131;}

.a-yf-item{ position: relative; padding: 90px 0 100px;}
.a-yf-item .txt{ width: 33%; float: left; padding-top: 80px; }
.a-yf-item .about-bt{ font-size: 48px; line-height: 1.25;}
.a-yf-item .txt p{ line-height: 2; padding-top: 30px;}
.a-yf-item .pic{ width: 58%; float: right; }
.a-yf-item2 .pic:hover,.a-yf-item3 .pic:hover{ cursor: url("../images/page-yanfa-play.png"),auto; }


.a-yf-item.yf-item-ou .txt{ float: right; }
.a-yf-item.yf-item-ou .pic{ float: left;}

.a-yf-item.clearfix{ padding: 100px 0 190px;}
.a-yf-item.clearfix .pic{ position: relative; width: 904px; padding-top: 504px; z-index: 9; }
.a-yf-item.clearfix .pic iframe,.a-yf-item.clearfix .pic video{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.a-yf-item.clearfix .txt{ position: absolute; width: 510px; z-index: 9; }
.a-yf-item2 .txt{ left: 60%; padding-top: 38px;}
.a-yf-item3 .txt{ right: 60%; }
.a-yf-item.clearfix::before{ content: ''; position: absolute; top: 0; width: 100%; height: 100%; background: #f1f5f6;}
.a-yf-item3{ margin-top: 100px;}
.a-yf-item2::before{ left: 10%; border-radius: 0 0 0 60px;}
.a-yf-item3::before{ right: 10%; border-radius: 0 0 60px;}

.a-yf-item span{ position: absolute; left: 0; width: 36%; top: 360px; border-top: 2px solid #000;}
.a-yf-item span::before{ content: ''; position: absolute; right: 0; top: 0; width: 26px; height: 19px; background: url("../images/about-yanfa-icon1.png") no-repeat center/contain;}
.a-yf-item.yf-item-ou span{ left: auto; right: 0;}
.a-yf-item.yf-item-ou span::before{ right: auto; left: 0; background-image: url("../images/about-yanfa-icon2.png");}
.a-yf-item2 span{ top: 318px;}
.a-yf-item3 span{ top: 300px;}
.a-yf-item.clearfix span{ width: 40%;}


/*page-contact*/
.banner-contact .txt p{ margin-top: 0; font-size: inherit;}
.banner-contact .box{ margin-top: 80px;}
.banner-contact .text{ float: left; font-size: 32px; }
.banner-contact .text .p{ font-size: 40px; margin-bottom: 140px;}
.banner-contact .text a{ float: left; width: 10em; line-height: 2.5em; margin: 9px 50px 0 0; text-align: center; font-weight: bold; background: #c8000a; border-radius: 0 0 20px 0;}
.banner-contact .text a i{ font-size: 54px; position: relative; top: 10px; display: inline-block; margin-right: 10px;}
.banner-contact .text p{ float: left; font-weight: bold; }
.banner-contact .text p span{ display: inline-block; margin-right: 10px;}
.banner-contact .text p b{ display: block; font-size: 50px; margin-top: 7px; }
.banner-contact .pics{ float: right; width: 39%; margin: 0 -15px;}
.banner-contact .pics li{ float: left; width: 33.33%; padding: 0 15px; }
.banner-contact .pics p{text-align: center; font-size: 24px; padding-top: 25px;}

.p-contact-cont{ padding: 100px 0 120px;}
.p-contact-cont .about-bt{ margin-bottom: 0;}
.p-contact-cont .about-bt + p{ font-size: 20px; font-weight: bold; margin: 15px 0 80px; }



/*show-news*/
.s-cont-news{ position: relative; padding-top: 200px!important;}
.s-cont-news::before,.s-cont-news::after{ content: ''; position: absolute; left: 0; width: 100%; }
.s-cont-news::before{top: 0; height: 160px; background: url("../images/banner-news.jpg") no-repeat center 36%/cover;}
.s-cont-news::after{ top: 80px; height: 80px; background: #fff; border-radius: 60px 60px 0 0; }
.s-cont-news .wrap{ background: #fff; position: relative;}

.article{ width: 58%; float: left;}
.article h2{ font-size: 48px; line-height: 1.25;}
.article .info{ color: #a4a4a4; margin: 40px 0 60px;}
.article .info span{ display: inline-block; margin-right: 10px;}
.article-cont{ line-height: 2;}
.article-cont img{ display: block; width: 100%!important; height: auto!important; max-width: 800px!important; margin: 15px auto;}
.article .video{ width: 100%; max-width: 800px; margin: 15px auto; padding-top: 56%; background: #f0f0f0; position: relative;}
.article .video iframe,.article .video video{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: orange;}
.article .end{ text-align: center; font-weight: bold; margin-top: 40px;}
.article .jump{ margin-top: 60px; line-height: 40px;}



.sidebar{ width: 32.6%; float: right;}
.sidebar-fangan{ margin-bottom: 30px;}
.sidebar-fangan h3{ font-size: 32px; margin-bottom: 30px;}
.sidebar-fangan li + li{ margin-top: 20px;}
.sidebar-fangan li a{ display: block; position: relative;}
.sidebar-fangan .name{ position: absolute; left: 0; bottom: 0; padding: 20px 0 20px 30px; width: 260px; font-size: 20px; color: #fff; font-weight: bold; background: rgba(0,63,102,.9); background: linear-gradient(to right, rgba(0,63,102,.95) 5%, transparent); }
.sidebar-fangan .name i{ font-size: 40px; display: block; margin-bottom: 10px; }

.sidebar-btns{}
.sidebar-btns a{ float: left; width: 48%; text-align: center; line-height: 60px; font-size: 20px; color: #fff; font-weight: bold; background: #c8000a;}
.sidebar-btns .tel{ margin-left: 4%; background: #f0f0f0; color: #313131;}
.sidebar-btns a i{ display: inline-block; margin-right: 14px; font-size: 40px; position: relative; top: 8px;}


/*page-fuwu*/
.banner-fuwu .txt{ color: #313131;}
.banner-fuwu .p{ width: 510px; padding: 20px 30px; margin-top: 80px; font-size: 20px; line-height: 2; background: rgba(255,255,255,.86); border-radius: 0 0 30px;}

.fw-item1{ position: relative; padding: 250px 0 100px;}
.fw-item1 > img{ position: absolute; left: 0; bottom: -170px; z-index: 10; height: 100%; }
.fw-item1::before,.fw-item1::after{content: ''; position: absolute; left: 0; z-index: 4; }
.fw-item1::before{ top: 0; width: 100%; height: 45%; background: #e6e7ed;}
.fw-item1::after{ top: 150px; width: 90%; height: 40%; background: #fff; border-radius: 0 90px 0 0;}
.fw-item1 .wrap{ position: relative; z-index: 11;}
.fw-item1 .p{ width: 67%; margin: 0 auto 40px; line-height: 2.375; }
.fw-jicheng h4{ width: 552px; margin: 0 auto; font-size: 32px; text-align: center; color: #c8000a; line-height: 70px; border: 2px solid #080809; }
.fw-jicheng img{ max-width: 100%; margin: 10px auto 20px; display: block;}
.fw-jicheng li{ float: left; text-align: center; margin-left: 130px; }
.fw-jicheng li span{ display: block; font-size: 90px; color: #c8000a; width: 156px; line-height: 156px; border: 2px solid #080809; border-radius: 50%; }
.fw-jicheng li p{ font-weight: bold; padding-top: 20px;}


.fw-item3{ position: relative; padding: 100px 0; margin-top: -160px;}
.fw-item3::before{ content: ''; position: absolute; left: 0; top: 0; width: 63%; height: 200px; background: #fff; border-radius: 0 60px 0; z-index: 2;}
.fw-item3 .wrap{ position: relative; z-index: 9;}
.fw-item3 .fw-kefu{ float: left;}
.fw-item3 li{ text-align: center; font-size: 20px; width: 240px; height: 240px; padding-top: 50px; }
.fw-item3 li p{ position: relative; padding: 40px 0;}
.fw-item3 li p::before{ content: ''; position: absolute; top: 0; left: 50%; width: 50px; margin-left: -25px; height: 3px; background: #000;}
.fw-item3 .li1 p::before,.fw-item3 .li3 p::before{ top: auto; bottom: 0;}
.fw-item3 li b{ display: block; font-size: 30px; color: #c8000a; margin-bottom: 10px;}
.fw-item3 .fw-kefu .p{ font-size: 32px; font-weight: bold; line-height: 1; text-align: center; margin-top: 80px;}
.fw-item3 .fw-kefu .p span{ position: relative; top: -0.1875em; border-right: 3px solid; padding-right: 0.625em; margin-right: 0.625em; }
.fw-item3 .fw-kefu .p i{ position: relative; top: 4px; font-size: 1.125em; display: inline-block; margin-right: 0.278em;}
.fw-item3 .fw-kefu .p b{ font-size: 1.5625em; }
.fw-item3 .fw-zx{ float: right; margin-right: 50px;}
.fw-item3 .fw-zx a{ display: block; position: relative; top: 190px; font-size: 32px; font-weight: bold; color: #fff; text-align: center; width: 11.7em; line-height: 2.9em; background: #c8000a; border-radius: 0 0 0.5em;}
.fw-item3 .fw-zx a span{ position: relative; top: .26em; display: inline-block; margin-right: 0.39em; font-size: 2em;}


/*list-case*/
.banner-case .p{ width: 640px;}

.l-case-lists ul{ margin: 0 -10px;}
.l-case-lists li{ float: left; width: 33.33%; padding: 0 10px; margin-bottom: 70px;}
.l-case-lists .txt{ padding: 20px 50px 20px;}
.l-case-lists .txt p{ line-height: 2em; overflow: hidden; text-overflow: ellipsis; font-size: 16px; white-space: nowrap; }
.l-case-lists .txt span{ display: block; text-align: right; font-size: 12px;}
.l-case-lists li:hover span{ color: #db0000;}




/*list-chanpin1*/
.banner-chanpin p{ font-size: 36px; line-height: 1.31;}

.l-cp-item ul{ margin: 0 -10px;}
.l-cp-item li{ float: left; width: 33.33%; padding: 0 10px;}
.l-cp-item li a{ display: block;}
.l-cp-item li .pic{ overflow: hidden; }

.l-cp-item1{ position: relative; padding: 200px 0 90px;}
.l-cp-item1::before{ content: ''; position: absolute; left: 0; top: 100px; width: 70%; height: 65%; background: #f0f4f5; border-radius: 0 90px 0 0;}
.l-cp-item1 .wrap{ position: relative;}
.l-cp-item1 ul{ margin: 0 -10px;}
.l-cp-item1 li{padding: 0 10px;}
.l-cp-item1 li .pic{ border-radius: 0 0 0 30px;  }
.l-cp-item1 li .name{ font-size: 40px; margin: 25px 0; padding: 0 20px;}
.l-cp-item1 li p{ line-height: 1.6; padding: 0 20px; font-size: 16px;}
.hovermovetop li{ position: relative;  -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease; }
.hovermovetop li:hover{
    -webkit-transform: translateY(-3%);
    -moz-transform: translateY(-3%);
    -ms-transform: translateY(-3%);
    -o-transform: translateY(-3%);
    transform: translateY(-3%);}
.hovermovetop li:hover .pic{ -webkit-box-shadow: 7px 10px 11.64px 0.36px rgba(212, 217, 223, 0.59);;
-moz-box-shadow: 7px 10px 11.64px 0.36px rgba(212, 217, 223, 0.59);
box-shadow: 7px 10px 11.64px 0.36px rgba(212, 217, 223, 0.59);  }

.l-cp-item2{ padding: 90px 0;}
.l-cp-item2 li{ width: 25%; }
.l-cp-item2 li .pic{ background: #f3f3f3; border-radius: 30px;}
.l-cp-item2 li .name{ text-align: center; padding-top: 20px; font-weight: normal; font-size: 16px;}
.l-cp-item2 .more{ display: block; margin: 2.4em auto 0; font-size: 30px; width: 17em; line-height: 1.8em; text-align: center;  border-radius: 1em; border: 2px solid #c8000a;}
.l-cp-item2 .more:hover{ color: #fff; background: #c8000a; }

.l-cp-item3{ padding: 30px 0 200px;}
.l-cp-item3 li{ width: 25%;
    -webkit-transition: width .2s linear;
    -moz-transition: width .2s linear;
    -ms-transition: width .2s linear;
    -o-transition: width .2s linear;
    transition: width .2s linear; }
.l-cp-item3 li a{ position: relative;}
.l-cp-item3 li .pic{ position: relative; width: 100%; height: 550px; border-radius: 0 0 30px 0;}
.l-cp-item3 li img{ position: absolute; right: -20%; top: 0;  display: block;}
.l-cp-item3 li:nth-child(2) img{ right: auto; left: 0; }
.l-cp-item3 li .txt{ position: absolute; display: none; left: 0; bottom: 0; width: 80%; padding: 70px 50px 60px 50px; font-size: 30px; line-height: 1.2; font-weight: bold; color: #fff; overflow: hidden; }
.l-cp-item3 li .txt::before{ content: ''; position: absolute; left: -5%; top: -10%; width: 110%; height: 120%; background: rgba(0,63,102,.6); background: radial-gradient(farthest-side at 20% 85%, #003f66 30%, transparent 76%);
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg); }
.l-cp-item3 li span,.l-cp-item3 li p{ position: relative; top: 40px;  }
.l-cp-item3 li span{ font-size: 60px; display: block; margin-bottom: 10px;}
.l-cp-item3 li.hover{ width: 50%;}
.l-cp-item3 li.hover .txt{display: block;}
.l-cp-item3 li.hover img{ right: 0; }
.l-cp-item3 li:nth-child(2).hover img{ right: auto; }


/*list-chanpin2*/
.l-cp-cont{ position: relative; padding-top: 65px; border-top: 2px solid #d4d4d4;}
.l-cp-cont::before{ content: ''; position: absolute; left: 50%; margin-left: -965px; top: 0; width: 430px; height: 750px; background: url("../images/list-chanpin-bg.jpg") repeat top center;}
.l-cp-cont .wrap{ position: relative;}

.l-cp-hd{ margin-bottom: 100px; }
.l-cp-hd h3{ padding-right: 65px;}
.l-cp-hd .l-hd-links{ float: none; overflow: hidden; border-bottom: 2px solid #d4d4d4;}
.l-cp-hd .l-hd-links a{ padding: 15px 20px!important; margin-left: 0!important;}
.l-cp-hd .l-hd-links a + a{ margin-left: 60px!important;}

/*list-beipin*/
.l-bp-banner{ position: relative;}
.l-bp-banner ul{ position: absolute; right: 0; bottom: -30px; width: 530px;}
.l-bp-banner li{ position: relative; width: 400px; height: 100px; padding: 15px 0 0 100px; background:#fff; margin-bottom: 30px; border-radius: 0 0 10px;
    -webkit-box-shadow: 2px 3px 26.19px 0.81px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 3px 26.19px 0.81px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 3px 26.19px 0.81px rgba(0, 0, 0, 0.1);
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease ;
    -ms-transition: width 0.3s ease ;
    -o-transition: width 0.3s ease ;
    transition: width 0.3s ease ;}
.l-bp-banner li span{ position: absolute; left: -50px; top: 0; width: 100px; line-height: 100px; text-align: center; font-size: 60px; background: #c8000a; color: #fff; border: 2px solid; border-radius: 50%;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease ;
    -ms-transition: all 0.2s ease ;
    -o-transition: all 0.2s ease ;
    transition: all 0.2s ease ;}
.l-bp-banner li p{ font-size: 20px; line-height: 1.9em;}
.l-bp-banner li b{ display: block; font-size: 32px;}
.l-bp-banner li:hover{ width: 530px; background: #c8000a; color: #fff;}
.l-bp-banner li:hover span{ background: #fff; color: #c8000a;}

.l-bp-liucheng{ margin: 180px 0 70px; padding: 60px 60px 90px; text-align: center; background: url(../images/list-beipin2-bg.png) repeat -22px -70px; position: relative; border-radius: 0 0 60px;}
.l-bp-liucheng ul{ position: absolute; top: -70px; left: 0; width: 100%; }
.l-bp-liucheng li{ float: left; width: 15.4%; margin-left: 9.62%; font-size: 30px; line-height: 70px; color: #c8000a; font-weight: bold; background: url(../images/list-beipin2-bg.png) repeat; border-radius: 0 20px 0 0;}
.l-bp-liucheng li:first-child{ margin-left: 17.28%; background-position: 12px -1px; }
.l-bp-liucheng li:nth-child(2){background-position: -140px 2px;}
.l-bp-liucheng li:nth-child(3){background-position: 6px 0px;}
.l-bp-liucheng img{ margin-bottom: 50px;}
.l-bp-liucheng p{ font-size: 20px; line-height: 2; }


.l-bp-lists{ margin: 0 -10px;}
.l-bp-lists li{ float: left; width: 25%; padding: 0 10px; margin-bottom: 90px;}
.l-bp-lists li .pic{ display: block; background: #f1f5f6; border-radius: 30px; position: relative; overflow: hidden;}
.l-bp-lists li img{-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.l-bp-lists li p{ text-align: center; padding-top: 20px; font-size: 16px;}
.l-bp-lists .btn-kefu .pic{ position: relative; padding-top: 100%; border-radius: 50%; }
.l-bp-lists .btn-kefu .box{ position: absolute; left: 0; top: 50%; width: 100%; text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);}
.l-bp-lists .btn-kefu .pic::before{ content: ''; position: absolute; left: 50%; top: 50%; width: 0; height:0; background: #c8000a; border-radius: 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%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease ;
    -ms-transition: all 0.3s ease ;
    -o-transition: all 0.3s ease ;
    transition: all 0.3s ease ;}
.l-bp-lists .btn-kefu span{ font-size: 80px;}
.l-bp-lists .btn-kefu p{ font-size: 20px; font-weight: bold;}
.l-bp-lists .btn-kefu:hover .pic::before{ width: 100%; height: 100%;}
.l-bp-lists .btn-kefu:hover{ color: #fff;}
.l-bp-lists li:hover 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-index*/
.index-swiper .swiper-slide{ height: 100vh!important; }
.index-swiper .wrap{ position: relative; top: 50%; 
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }


.banner-index{ position: relative; z-index:9; padding-top: 72px; color: #fff; background: url("../images/index1-bg.jpg") no-repeat center/cover; overflow: hidden;}
.banner-index .wrap{ padding: 150px 0 120px; text-align: center; z-index: 99;}
.i-bt{ position: relative; z-index: 9; font-size: 80px; }

.banner-index ul{ margin: 50px 0 60px; display: inline-block;}
.banner-index ul li{ width: 340px; height: 340px; padding-top: 60px; background: transparent;}
.banner-index ul li + li{ margin-left: -18px; }
.banner-index li i{ background-image: url("../images/index-yuan1.png");}
.banner-index .li2 i, .banner-index .li4 i{ background-image: url("../images/index-yuan2.png");}
.banner-index li span{ font-size: 108px;}
.banner-index li p{ font-size: 34px;}
.banner-index li b{ display: block; margin: 15px 0 10px; font-size: 52px;}
.banner-index .zixun{ display: block; width: 16em; line-height: 2.5em; margin: 0 auto; font-size: 32px; color: #fff; background: #000; border-radius: 0 0 20px; position: relative; z-index: 9;}
.banner-index .zixun i{ display: inline-block; margin-right: 0.4em; font-size: 1.5625em; vertical-align: middle; position: relative; top: -0.08em;}
.banner-index .zixun:hover{ background: #c8000a;}
.banner-index iframe,.banner-index video{ position: absolute; left: 50%; top: 50%; width: 140%; height: 140%; transform: translate(-50%,-50%); }

.i-animate{
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.banner-index li::before{
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -ms-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
}
.banner-index .i-bt{ 
    opacity: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.banner-index.swiper-slide-active .i-bt{ 
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}
.banner-index.swiper-slide-active .li1::before,
.banner-index.swiper-slide-active .li3::before{
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
}
.banner-index.swiper-slide-active .li2::before,
.banner-index.swiper-slide-active .li4::before{
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

/*.banner-index li::before{display: none;}
.banner-index li i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../images/index-yuan1.png") no-repeat center/contain; }*/

.index-case{ background: #000; overflow: hidden;}
.i-c-cont{ position: relative; top: 50%; 
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
.i-case-item{ position: relative; /*width: 123.23%;*/ left: 0; top: 0; height: 30vh; }
.i-case-item img{ width: auto; max-width: 500%; height: 100%; }
.i-case-item .pic2,.i-case-txt{ display: none;}
.i-case-item.item2,
.i-case-item.item4{ left: -25%;}
.i-case-item + .i-case-item{ margin-top: 1.817%;}
.i-case-item h2{ position: absolute; left: 14.46%; top: 50%; width: 27.68%; color: #fff; line-height: 1; margin-top: -40px; text-align: center; }
.i-case-item ul{ position: absolute; top: 0; width: 27.68%; left: 28.85%; height: 100%;}
.i-case-item li{ float: left; width: 48.052%; height: 100%; background: #fff; padding: 80px 30px 0; font-size: 20px; line-height: 1.7; border-radius: 0 0 30px;}
.i-case-item li + li{ margin-left: 3.896%;}
.i-case-item li .box{ position: relative;}
.i-case-item li .box::before{ position: absolute; content: ''; left: 0; top: -10px; width: 36px; height: 4px; background: #c8000a;}

.index-case.swiper-slide-active .item1,
.index-case.swiper-slide-active .item3{ 
    -webkit-transform: translateX(-12%);
    -moz-transform: translateX(-12%);
    -ms-transform: translateX(-12%);
    -o-transform: translateX(-12%);
    transform: translateX(-12%);
}
.index-case.swiper-slide-active .item2,
.index-case.swiper-slide-active .item4{ 
    -webkit-transform: translateX(10%);
    -moz-transform: translateX(10%);
    -ms-transform: translateX(10%);
    -o-transform: translateX(10%);
    transform: translateX(10%);
}
.banner-index.swiper-slide-active .i-bt{ 
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}


.index-youshi{ position: relative; z-index: 9; padding: 180px 0 220px; color: #fff; background: url("../images/index3-bg.jpg") no-repeat center/cover;}
.index-youshi h2{ margin-bottom: 100px; text-align: center;}
.index-youshi li{ position: relative; float: left; width: 20%;  border: 2px solid #515151; border-radius: 15px; overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.index-youshi li + li{ margin-left: -2px;}
.index-youshi .pic{}
.index-youshi .pic img{ display: block;}
.index-youshi .txt{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 40px 30px; }
.index-youshi .txt::before,
.index-youshi .txt h3::before{ content: ''; position: absolute; left: 0; top: 0; }
.index-youshi .txt::before{ display: none; width: 100%; height: 100%; background: rgba(106,117,132,.75); /*background: linear-gradient(45deg, rgba(0,0,0,.36) 15%, rgba(0,0,0,.0)); */}
.index-youshi .txt h3{ position: relative; padding-top: 1em; font-size: 36px; line-height: 1.25; margin-bottom: 1.7em;}
.index-youshi .txt h3::before{ width: 32px; height: 5px; background: #fff;}
.index-youshi .txt p{ position: relative; top: 30px; opacity: 0; font-size: 20px; line-height: 2;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.index-youshi li:hover{ border-color: #fff; z-index: 2; box-shadow: 0 0 10px rgba(255, 255, 255, .8); }
.index-youshi li:hover .txt::before{ display: block;}


.index-foot{ background: #e5e5e5; padding-top: 20vh; }
.index-foot .wrap{ top: auto; 
    -webkit-transform: translateY(-0%);
    -moz-transform: translateY(-0%);
    -ms-transform: translateY(-0%);
    -o-transform: translateY(-0%);
    transform: translateY(-0%);}
.index-foot .swt{ display: none;}

/*page-search*/
.sch-top{ padding: 80px 0 50px;}
.sch-top .f-search{ float: none;}
.sch-top .f-search .f-s-input{ background: #f1f1f1;}
.sch-top .sch-lanmu{ margin: 30px 0 40px;}
.sch-top .sch-lanmu a{ display: block; float: left; width: 120px; margin-right: 75px; line-height: 34px; text-align: center; font-size: 20px; border: 1px solid; border-radius: 0 0 10px 0;}
.sch-top .sch-lanmu a.on,.sch-top .sch-lanmu a:hover{ color: #fff; background: #c8000a; border-color: #c8000a;}
.sch-top .sch-result{ font-size: 18px; }
.sch-top .sch-result b{ font-size: 20px; color: #c8000a;}

.sch-box img{ width: 100%;}
.sch-box{ padding-bottom: 60px;}
.sch-news-left{ float: left; width: 58%; }
.sch-news-left li{ margin-bottom: 30px;}
.sch-news-left .pic{ float: left; width: 244px; margin-right: 20px;}
.sch-news-left .text{ overflow: hidden;}
.sch-news-left h3{ font-size: 20px; line-height: 22px; }
.sch-news-left p{ margin: 15px 0 20px;  font-size: 16px; line-height: 26px; height: 52px;}
.sch-news-left span{ color: #b5b5b5;}

.sch-lists .sidebar{ margin-top: -230px;}

.sch-lists .l-cp-lists li{ padding: 0 50px;}
.sch-lists .l-case-lists li{ padding: 0 10px;}




@media (max-width: 1759px){
    .banner .txt h2{ font-size: 70px;}
    
    /*list-news*/
    .l-news-lists li:hover .pic{ height: 267px;}
    .l-news-lists .details{ height: 267px;}
    
    /*page-about*/
    .a-sl-item2 ul{ margin-top: 160px;}
    .a-sl-item2 li + li +li{ padding-top: 104px;}
    .a-sl3-bottom .name{ height: 373px; }
    .a-sl3-bottom li:hover{ height: 373px;}

    /*page-jieshao*/
    .a-js-item1 .wrap::before{ height: 470px;}
    .a-js-item1 .cont{ padding: 80px 110px 100px}
    .a-js-item1 ul{ margin-top: 50px;}
    .a-js-item1 li{ width: 180px; height: 180px; padding-top: 22px;}
    .a-js-item1 li p{ font-size: 18px;}
    .a-js-item1 li b{ margin-top: 15px; font-size: 28px;}
    .a-js-item1 .pic{ width: 36%;}

    .a-js-item2 .wrap{ padding: 100px 60px;}
    .a-js-item2 .pics dl{ width: 480px;}
    .a-js-item2 .pics dt{ margin-bottom: 10px;}
    .a-js-item2 .pics dl li{ margin-top: 10px;}

    .a-js-item3 .cont{ padding-bottom: 150px;}


    /*page-gongyiwenhua*/
    .banner-gywh .txt .wrap::before{ font-size: 70px; }
    .a-gywh-item2 .pagi-gywh2 .swiper-pagination-bullet{ margin-top: 30px;}
    .a-gywh-item2 .p{ padding: 35px 45px 40px;}

    /*page-yanfa*/
    .a-yf-item .txt{ padding-top: 40px;}
    .a-yf-item span{ top: 310px;}
    .a-yf-item3 span{ top: 260px;}

    /*page-contact*/
    .banner-contact .text .p{ margin-bottom: 100px;}


    /*show-news*/
    .s-cont-news{ padding-top: 180px!important;}
    .article h2{ font-size: 46px;}

    /*page-fuwu*/
    .fw-jicheng img{ width: 70%;}
    .fw-jicheng li{ margin-left: 95px;}

    .fw-item1{ padding: 220px 0 90px;}
    .fw-item1 > img{ bottom: -160px; }
    .fw-item1::after{ top: 130px;}

    .fw-item3{ padding: 90px 0;}
    .fw-item3 li{ width: 220px; height: 220px; padding-top: 40px;}

    /*list-case*/
    .l-news-hd .l-hd-links a{ margin-left: 65px;}
    .l-case-lists .txt::after{ width: 333px;}


    /*list-chanpin1*/
    .l-cp-item1::before{ height: 63%; }
    .l-cp-item2{ padding: 80px 0;}

    .l-cp-item3{ padding-bottom: 170px;}
    .l-cp-item3 li .pic{ height: 480px;}
    .l-cp-item3 li img{ width: 675px;}

    /*list-chanpin2*/
    .l-cp-cont::before{ margin-left: -863px;}
    .l-news-hd .l-hd-links a + a{ margin-left: 50px!important;}


    /*list-beijian*/
    .l-bp-banner ul{ width: 460px; bottom: -20px;}
    .l-bp-banner li{ margin-bottom: 20px; height: 92px; width: 360px; padding-left: 90px;}
    .l-bp-banner li span{ width: 92px; line-height: 88px; font-size: 52px; left: -46px;}
    .l-bp-banner li p{ font-size: 18px;}
    .l-bp-banner li b{ font-size: 30px;}
    .l-bp-banner li:hover{ width: 460px;}

    .l-bp-liucheng{ margin: 160px 0 60px; padding-bottom: 70px;}
    .l-bp-liucheng li:nth-child(2){background-position: -56px 2px;}
    .l-bp-liucheng li:nth-child(3){background-position: -127px 0px;}


    /*index-index*/
    .i-bt{ font-size: 70px;}
    .banner-index ul li{ width: 270px; height: 270px; padding-top: 50px;}
    .banner-index li span{ font-size: 84px;}
    .banner-index li p{ font-size: 26px;}
    .banner-index li b{ font-size: 46px;}

    .i-case-item{ height: 28vh; }
    .i-case-item li{ padding-top: 70px;}

    .index-youshi .txt h3{ font-size: 32px;}
}
@media (max-width: 1559px){
    .banner .txt h2{ font-size: 60px;}
    
    /*list-news*/
    .l-news-lists li:hover .pic,
    .l-news-lists .details{ height: 228px;}
    .l-news-lists li:hover .details p{ height: 10em;}
    
    /*page-about*/
    .a-sl-item1{ padding: 80px 0 120px;}
    .a-sl-item2{ padding: 80px 0;}
    .a-sl-item2 .txt p{ padding-right: 70px;}
    .a-sl-item2 ul{ margin-top: 140px;}
    .a-sl-item2 li + li +li{ padding-top: 89px;}
    .a-sl-item3 .wrap::before{ top: -70px;}
    .a-sl-item3{ padding: 120px 0 70px;}
    .a-sl3-top .pic{ width: 44%;}
    .a-sl3-bottom .name{ height: 325px; }
    .a-sl3-bottom li:hover{ height: 325px;}

    /*page-jieshao*/
    .a-js-item1 .wrap::before{ height: 460px;}
    .a-js-item1 .cont{ padding: 70px 90px 90px}
    .a-js-item1 ul{ margin-top: 30px;}
    .a-js-item1 li{ width: 156px; height: 156px; padding-top: 20px;}
    .a-js-item1 li span{ font-size: 54px;}
    .a-js-item1 li p{ font-size: 16px;}
    .a-js-item1 li b{ margin-top: 15px; font-size: 22px;}
    .a-js-item1 .pic{ padding-top: 50px;}

    .a-js-item2 .wrap{ padding: 80px 40px;}
    .a-js-item2 .about-bt + p{ width: 80%;}
    .a-js-item2 .pics{ padding-bottom: 20px;}
    .a-js-item2 .pics dl{ width: 420px;}
    .a-js-item2 .pics dt{ margin-bottom: 10px;}
    .a-js-item2 .pics dl dd{ line-height: 1.7;}
    .a-js-item2 .pics dl li{ margin-top: 8px;}

    .a-js-item3 .cont{ padding-bottom: 110px;}


    /*page-gongyiwenhua*/
    .banner-gywh .txt .wrap::before{ font-size: 60px; }
    .a-gywh-item1{ margin-top: -350px;}
    .a-gywh-item1 .box{ padding: 35px 30px 25px;}
    .a-gywh-item1 li h3{ margin-bottom: 25px;}
    .a-gywh-item1 li p{ font-size: 19px;}

    .swiper-gywh2{ padding-left: 110px;}
    .a-gywh-item2 .pagi-gywh2{ top: 10px;}
    .a-gywh-item2 .pagi-gywh2 .swiper-pagination-bullet{ margin-top: 20px; font-size: 26px; line-height: 2; width: 180px; padding-left: 35px;}
    .a-gywh-item2 .pagi-gywh2 .swiper-pagination-bullet-active{ width: 210px;}
    .a-gywh-item2 .p{ padding: 25px 35px 30px; bottom: -60px;}

    .swiper-gywh3{ padding: 0 110px;}
    .a-gywh-item3 .swiper-button-next{ right: -10px;}
    .a-gywh-item3 .swiper-button-prev{ right: 110px;}
    .swiper-gywh3::before{ right: -10px;}

    /*page-yanfa*/
    .a-yf-item .about-bt{ font-size: 40px;}
    .a-yf-item.clearfix{ padding: 80px 0 140px;}
    .a-yf-item.clearfix .pic{ width: 50%; padding-top: 450px;}

    .a-yf-item span{ top: 270px; width: 39.2%;}
    .a-yf-item.clearfix span{ width: 45%;}
    .a-yf-item3 span{ top: 210px;}

    .a-yf-item .txt{ padding-top: 20px; width: 36%;}
    .a-yf-item.clearfix .txt{ width: 30%;}
    .a-yf-item2 .txt{ left: 55%;}
    .a-yf-item3 .txt{ right: 55%;}

    /*page-contact*/
    .banner-contact .text{ font-size: 26px;}
    .banner-contact .text .p{ font-size: 32px; margin-bottom: 80px; }
    .banner-contact .text a i{ font-size: 42px; top: 6px;}
    .banner-contact .text p b{ font-size: 44px;}
    .banner-contact .pics p{ font-size: 22px; padding-top: 20px;}

    .p-contact-cont{ padding: 80px 0 100px;}
    .p-contact-cont .about-bt + p{ margin-bottom: 60px;}


    /*show-news*/
    .article h2{ font-size: 42px;}

    /*page-fuwu*/
    .fw-item1{ padding: 190px 0 80px;}
    .fw-item1::after{ top: 110px;}
    .fw-item1 .p{ width: 80%;}
    .fw-jicheng img{ width: 75%;}
    .fw-jicheng li{ margin-left: 65px;}
    .fw-jicheng li span{ font-size: 80px;}

    .fw-item3{ padding: 90px 0; margin-top: -130px;}
    .fw-item3 li{ width: 188px; height: 188px; padding-top: 36px;}
    .fw-item3 li p{ padding: 30px 0;}
    .fw-item3 li b{ font-size: 26px;}
    .fw-item3 .fw-kefu .p{ margin-top: 60px; font-size: 28px;}
    .fw-item3 .fw-zx{ margin-right: 0; }
    .fw-item3 .fw-zx a{ font-size: 28px;}

    /*list-case*/
    .cont{ padding: 90px 0;}
    .l-cp-cont{ padding-top: 60px; }
    .l-news-hd{ margin-bottom: 80px;}
    .l-news-hd h3{ font-size: 56px;}
    .l-news-hd .l-hd-links a{ font-size: 28px; margin-left: 30px;}

    .l-case-lists li{ margin-bottom: 55px;}
    .l-case-lists .txt{ padding: 15px 40px 15px;}
    .l-case-lists .txt::after{ width: 287px; left: 40px;}


    /*list-chanpin1*/
    .l-cp-item1{ padding: 160px 0 70px;}
    .l-cp-item1::before{ top: 80px; height: 60%;}
    .l-cp-item1 li .name{ font-size: 34px; margin: 20px 0;}

    .l-cp-item2{ padding: 70px 0;}

    .l-cp-item3{ padding-bottom: 140px;}
    .l-cp-item3 li .pic{ height: 406px;}
    .l-cp-item3 li img{ width: 570px;}

    /*list-chanpin2*/
    .l-cp-cont::before{ margin-left: -776px; height: 650px;}
    .l-cp-hd .l-hd-links a{ padding: 13px 20px!important;}
    .l-news-hd .l-hd-links a + a{ margin-left: 40px!important;}


    /*list-beijian*/
    .l-bp-banner ul{ width: 400px; bottom: -15px;}
    .l-bp-banner li{ margin-bottom: 15px; height: 80px; width: 300px; padding: 10px 0 0 70px;}
    .l-bp-banner li span{ width: 80px; line-height: 76px; font-size: 46px; left: -40px;}
    .l-bp-banner li p{ font-size: 16px;}
    .l-bp-banner li b{ font-size: 24px;}
    .l-bp-banner li:hover{ width: 400px;}

    .l-bp-liucheng{ margin: 140px 0 50px; padding-bottom: 70px;}
    .l-bp-liucheng img{ margin-bottom: 40px;}
    .l-bp-liucheng li{ font-size: 26px; width: 18.4%; margin-left: 6.62%;}
    .l-bp-liucheng li:first-child{ margin-left: 15.28%; background-position: 70px -1px;}
    .l-bp-liucheng li:nth-child(2){background-position: 355px 1px;}
    .l-bp-liucheng li:nth-child(3){background-position: 31px 0px;}

    .l-bp-lists li{ margin-bottom: 75px;}


    /*index-index*/
    .banner-index .wrap{ padding: 100px 0;}
    .i-bt{ font-size: 60px;}
    .banner-index ul li{ width: 250px; height: 250px; }
    .banner-index li span{ font-size: 76px;}
    .banner-index li p{ font-size: 24px;}
    .banner-index li b{ font-size: 40px; margin: 15px 0 5px;}

    /*.i-case-item{ height: 26vh; }*/
    .i-case-item li{ padding-top: 50px;}
    .index-case.swiper-slide-active .item2, .index-case.swiper-slide-active .item4{
        -webkit-transform: translateX(5.5%);
        -moz-transform: translateX(5.5%);
        -ms-transform: translateX(5.5%);
        -o-transform: translateX(5.5%);
        transform: translateX(5.5%);
    }

    .index-youshi{ padding: 140px 0 180px;}
    .index-youshi h2{ margin-bottom: 80px;}
    .index-youshi .txt{ padding: 40px 20px;}
    .index-youshi .txt h3{ font-size: 30px;}


}
@media (max-width: 1359px){
    /*list-news*/
    .banner .txt h2{ font-size: 50px;}
    .banner .txt p{ font-size: 26px;}


    .cont{ padding: 70px 0;}
    .l-news-hd{ margin-bottom: 50px;}
    .l-news-hd h3{ font-size: 46px;}
    .l-news-hd .l-hd-links a{ font-size: 23px; padding-top: 23px; margin-left: 50px;}
    .l-news-lists .name{ width: 21.5%; font-size: 18px; line-height: 28px;}
    .l-news-lists .pic{ margin: 1.5%;}
    .l-news-lists .details{ width: 32.5%; padding-right: 6%;}
    /*.l-news-lists .details p{ height: 128px;}*/
    /*.l-news-lists li:hover .details p{ height: 128px;}*/
    .l-news-lists li:hover .pic,
    .l-news-lists .details{ height: 189px;}

    /*page-about*/
    .banner-shili li .name{ width: 120px;}
    .banner-shili li .pic{ width: 90px;}

    .a-sl-item1 .bigpic{ width: 62%;}
    .a-sl-item1 .txt{ width: 35%;}


    .a-sl-item2::before{ height: 56%; border-radius: 0 0 60px;}
    .a-sl-item2 .txt p{ padding-right: 10px;}
    .a-sl-item2 ul{ margin-top: 120px;}
    .a-sl-item2 li + li +li{ padding-top: 73px;}

    .a-sl-item3{ padding-top: 100px;}
    .a-sl-item3 .wrap{ padding-left: 4%;}
    .a-sl3-top li{ font-size: 22px; line-height: 40px; padding: 15px 0;}
    .a-sl3-top .li6{ font-size: 18px; line-height: 20px; border-radius: 0 0 20px;}
    .a-sl3-bottom h4{ font-size: 30px;}
    .a-sl3-bottom .number{ font-size: 110px; bottom: 30px;}
    .a-sl3-bottom .name{ height: 289px; }
    .a-sl3-bottom li:hover{ height: 289px;}

    /*page-jieshao*/
    .a-js-item1 .wrap::before{ height: 460px;}
    .a-js-item1 .cont{ padding: 60px 60px 70px}
    .a-js-item1 ul{ margin-top: 30px;}
    .a-js-item1 li{ width: 135px; height: 135px; padding-top: 17px;}
    .a-js-item1 li span{ font-size: 46px;}
    .a-js-item1 li p{ font-size: 15px;}
    .a-js-item1 li b{ margin-top: 13px; font-size: 18px;}
    .a-js-item1 .pic{ padding-top: 50px;}

    .a-js-item2 .wrap{ padding: 70px 0;}
    .a-js-item2 .about-bt + p{ width: 80%;}
    .a-js-item2 .pics{ padding-bottom: 20px;}
    .a-js-item2 .pics dl{ width: 380px;}
    .a-js-item2 .pics dt{ margin-bottom: 5px; font-size: 26px;}
    .a-js-item2 .pics dl dd{ line-height: 1.6; font-size: 15px;}

    .a-js-item3 .p{ width: 60%; margin: 0  auto; line-height: 2;}
    .a-js-item3 .js-kehu1{ margin: 50px 0 40px;}
    .a-js-item3 .cont{ padding: 70px 0 90px;}

    /*page-gongyiwenhua*/
    .banner-gywh .txt .wrap::before{ font-size: 50px;}
    .a-gywh-item1 li::before{ left: 6px; top: -6px;}
    .a-gywh-item1 .box{ padding: 25px 20px 20px;}
    .a-gywh-item1 li h3{ font-size: 26px; margin-bottom: 20px;}
    .a-gywh-item1 li p{ font-size: 17px;}
    .a-gywh-item1 li:nth-child(-n+3) p{ height: 5.4em; }

    .a-gywh-item2{ padding: 80px 0 90px;}
    .swiper-gywh2{ padding-left: 90px;}
    .a-gywh-item2 .pagi-gywh2 .swiper-pagination-bullet{ margin-top: 15px; font-size: 24px; width: 150px; padding-left: 20px;}
    .a-gywh-item2 .pagi-gywh2 .swiper-pagination-bullet-active{ width: 180px;}
    .a-gywh-item2 .hd li{ margin-top: 15px; font-size: 26px; line-height: 50px; }
    .a-gywh-item2 .p{ padding: 20px 25px 15px;}
    .a-gywh-item2 .p1{ width: 57%; bottom: 0px;}
    .a-gywh-item2 [class^='swiper-button'],
    .swiper-gywh3 [class^='swiper-button']{ width: 100px; line-height: 100px; height: 100px;}
    .a-gywh-item2 .swiper-button-prev, .a-gywh-item3 .swiper-button-prev{ right: 100px;}
    .swiper-gywh2::after{ height: 100px; width: 200px;}

    .swiper-gywh3{ padding: 0 90px;}
    .swiper-gywh3::before{ height: 100px; width: 200px;}
    .a-gywh-item3 .swiper-button-next{ right: -10px;}
    .a-gywh-item3 .swiper-button-prev{ right: 90px;}
    .a-gywh-item3 .swiper-slide p{ padding: 25px 10px; right: 100px;}


    /*page-yanfa*/
    .banner-yanfa .txt p{ width: 55%; font-size: 18px; padding: 30px;}
    .a-yf-item .about-bt{ font-size: 34px;}
    .a-yf-item{ padding: 80px 0 90px;}
    .a-yf-item.clearfix{ padding: 70px 0 100px;}
    .a-yf-item.clearfix .pic{ padding-top: 370px;}
    .a-yf-item .txt{ padding-top: 0; width: 38%;}
    .a-yf-item .txt p{ padding-top: 15px;}
    .a-yf-item span{ top: 210px; width: 41%;}
    .a-yf-item span::before{ height: 14px; width: 20px;}

    .a-yf-item2 .txt p{ padding-top: 30px;}
    .a-yf-item3 span{ top: 160px;}

    /*page-contact*/
    .banner-contact .text .p{ font-size: 28px; margin-bottom: 60px; }
    .banner-contact .text a{ margin-right: 35px; font-size: 22px;}
    .banner-contact .text a i{ font-size: 36px; top: 6px;}
    .banner-contact .text p{ font-size: 22px;}
    .banner-contact .text p b{ font-size: 38px;}
    .banner-contact .pics p{ font-size: 20px; padding-top: 15px;}
    .banner-contact .pics{ margin: 0 -8px;}
    .banner-contact .pics li{ padding: 0 8px;}

    .p-contact-cont{ padding: 70px 0 90px;}
    .p-contact-cont .about-bt + p{ margin-bottom: 50px;}



    /*show-news*/
    .s-cont-news{ padding-top: 160px!important;}
    .article h2{ font-size: 36px;}


    /*page-fuwu*/
    .fw-item1{ padding: 170px 0 70px;}
    .fw-item1 > img{ bottom: -140px; }
    .fw-item1::after{ top: 90px;}
    .fw-jicheng img{ width: 74%; margin: 5px auto 10px;}
    .fw-jicheng li{ margin-left: 45px;}
    .fw-jicheng li span{ width: 140px; height: 140px; font-size: 66px; line-height: 140px;}

    .fw-item3{ padding: 80px 0; margin-top: -90px;}
    .fw-item3 li{ width: 160px; height: 160px; font-size: 17px; padding-top: 34px;}
    .fw-item3 li p{ padding: 20px 0;}
    .fw-item3 li b{ font-size: 24px;}
    .fw-item3 .fw-kefu .p{ margin-top: 50px; font-size: 24px;}
    .fw-item3 .fw-zx a{ font-size: 24px; top: 140px;}


    /*list-case*/
    .cont{ padding: 80px 0;}
    .l-news-hd{ margin-bottom: 50px;}
    .l-news-hd h3{ font-size: 48px;}
    .l-news-hd .l-hd-links a{ font-size: 22px; margin-left: 20px;}
    .l-news-hd .l-hd-links a + a{ margin-left: 35px!important;}

    .l-case-lists li{ margin-bottom: 45px;}
    .l-case-lists .txt{ padding: 10px 25px 12px;}
    .l-case-lists .txt::after{ width: 250px; left: 25px;}


    /*list-chanpin1*/
    .l-cp-item1{ padding: 130px 0 60px;}
    .l-cp-item1::before{ top: 70px; height: 53.4%;}
    .l-cp-item1 li .name{ font-size: 30px; margin: 15px 0;}

    .l-cp-item2{ padding: 50px 0;}
    .l-cp-item2 li .pic{ border-radius: 20px;}
    .l-cp-item2 .more{ font-size: 26px;}

    .l-cp-item3{ padding: 10px 0 100px;}
    .l-cp-item3 li .pic{ height: 335px;}
    .l-cp-item3 li img{ width: 470px;}
    .l-cp-item3 li .txt{ font-size: 26px; padding-left: 30px;}
    .l-cp-item3 li span{ font-size: 45px;}


    /*list-chanpin2*/
    .l-cp-cont{ padding-top: 55px; }
    .l-cp-hd{ margin-bottom: 65px; }
    .l-cp-cont::before{ margin-left: -693px; height: 500px;}
    .l-cp-hd .l-hd-links a{ padding: 12px 20px!important;}
    .l-cp-hd .l-hd-links a + a{ margin-left: 30px!important;}


    /*list-beijian*/
    .l-bp-banner ul{ width: 328px; }
    .l-bp-banner li{ height: 66px; width: 260px; padding: 10px 0 0 50px;}
    .l-bp-banner li span{ width: 66px; line-height: 62px; font-size: 40px; left: -33px;}
    .l-bp-banner li p{ font-size: 15px; line-height: 1.7em;}
    .l-bp-banner li b{ font-size: 22px;}
    .l-bp-banner li:hover{ width: 328px;}

    .l-bp-liucheng{  margin: 120px 0 50px; padding-bottom: 50px;}
    .l-bp-liucheng img{ margin: 50px auto 30px;}
    .l-bp-liucheng ul{ top: -60px; }
    .l-bp-liucheng li{ font-size: 24px; line-height: 60px;}
    .l-bp-liucheng li:first-child{ background-position: -168px -7px;}
    .l-bp-liucheng li:nth-child(2){background-position: 167px -7px;}
    .l-bp-liucheng li:nth-child(3){background-position: 195px -10px;}

    .l-bp-lists li{ margin-bottom: 55px;}




    /*index-index*/
    .banner-index .wrap{ padding: 90px 0;}
    .i-bt{ font-size: 50px;}
    .banner-index ul li{ width: 210px; height: 210px; padding-top: 35px; }
    .banner-index li span{ font-size: 70px;}
    .banner-index li p{ font-size: 22px;}
    .banner-index li b{ font-size: 32px; margin: 15px 0 5px;}

    .i-case-item{ height: 25vh;}
    .index-case.swiper-slide-active .item2, .index-case.swiper-slide-active .item4{
        -webkit-transform: translateX(3%);
        -moz-transform: translateX(3%);
        -ms-transform: translateX(3%);
        -o-transform: translateX(3%);
        transform: translateX(3%);
    }
    .i-case-item li{ padding: 30px 20px;}

    .index-youshi{ padding: 100px 0 140px;}
    .index-youshi h2{ margin-bottom: 60px;}
    .index-youshi .pic img{ height: 400px;}
    .index-youshi .txt{ padding: 40px 15px;}
    .index-youshi .txt h3{ font-size: 24px; margin-bottom: 30px; padding-top: 0.6em;}
    .index-youshi .txt p{ font-size: 17px;}
}