.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;*/
    text-shadow: 0px 2px 13px rgba(0, 0, 0, 0.46);; }
.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%;}

.icon-icon1,.icon-icon2{ display: none; }
.m-pic{ display: none;}

/*page-jieshao*/
.about-jieshao{ background: #efefef;}
.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{ line-height: 2;}
.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;}

.m-yuan{ display: none;}

.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-item2 .m-pics{ display: none;}

.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%; }
.a-js-item3 .js-kehu2{ position: relative; left: 1.5%;  }
.a-js-item3 li{ float: left; width: 16.7%; margin-right: 1.875%; border: 2px solid;}
.a-js-item3 .mjs-kehu{ display: none;}

.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-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%;}
.m-pics{ display: none;}

.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;}
.m-bt{ display: none;}
.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-fuwu*/
.banner-fuwu .txt{ color: #313131;}
.banner-fuwu .txt h2{ text-shadow: none;}
.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;}

/*page-gongyiwenhua*/
.banner-gywh .wrap{ position: relative; }
.banner-gywh .txt .wrap::before{ position: absolute; left: 2.1%; top: 2px;  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); 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-item2 .pic:hover,.a-yf-item3 .pic:hover{ cursor: pointer; }

.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; }



@media(max-width: 1759px){
    .banner .txt h2{ font-size: 70px;}

    /*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;}
    
    .ry-box .icon-close{ margin-right: -680px;}

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

    /*page-shili*/
    .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-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;}

    /*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;}
}
@media(max-width: 1559px){
    .banner .txt h2{ font-size: 60px;}

    /*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;}
    
    .ry-box .icon-close{ margin-right: -580px;}

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


    /*page-shili*/
    .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-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;}

    /*page-gongyiwenhua*/
    .banner-gywh .txt .wrap::before{ font-size: 60px; }
    .a-gywh-item1{ margin-top: -310px;}
    .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;}
}

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

    /*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;}
    
    .ry-box .icon-close{ margin-right: -480px;}

    .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-shili*/
    .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-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;}

    /*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;}
}

@media (max-width: 1159px){
    .banner { padding: 0.7rem 0 3.9rem; background: url(../images/banner-jieshao.jpg) no-repeat center/cover; }
    .banner > img{ display: none;}
    .banner .txt{ position: static; padding-left: 0.5rem;}
    .banner .txt h2{ font-size: 0.52rem; padding-left: 0.26rem; text-shadow: 0px 0.017rem 0.11rem rgba(0, 0, 0, 0.46); }
    .banner .txt h2::before{ width: 0.0862rem; }

    .pc-pic{ display: none;}
    .m-pic{ display: block;}


    /*page-jieshao*/
    .about-jieshao{ background-color: #fff;}
    .banner-jieshao{ padding: 7vw 0 25vw; background-image: url("../images/banner-jieshao.jpg");}

    .about-bt{ font-size: 0.466rem; margin-bottom: 0; padding: 0 0 0.14rem; text-align: left;}
    .about-bt::before{ top: auto; left: 0; margin-left: 0; bottom: 0; width: 1.885rem; height: 0.0433rem;}
    .a-js-item2 .about-bt::before{ margin-left: -0.9425rem;}
    .icon-icon1{ display: block; color: #c8000a; position: absolute; left: 0; top: 0.52rem; font-size: 1.0544rem;}
    .icon-icon2{ display: inline-block;}

    .a-js-item1 .wrap::before{ display: none;}
    .a-js-item1 .cont{ margin-top: 0; padding: 0;}
    .a-js-item1 .txt,
    .a-js-item2 .txt{ position: relative; width: 100%; padding: 0.52rem 0 0.35rem 1.606rem; }
    .a-js-item1 .txt .p,
    .a-js-item2 .txt p{ margin-top: 0; font-size: 0.26rem; line-height: 2;}
    .a-js-item1 .txt .p p + p{ margin-top: 0.189rem;}
    .a-js-item1 .moveyuan{ display: none;}
    .a-js-item1 .m-yuan{ display: block;}
    .a-js-item1 ul{ margin: 0.52rem 0 0.388rem;  }
    .a-js-item1 li{ width: 1.95rem; height: 1.95rem; padding-top: 0.265rem; border: 0.0175rem solid;}
    .a-js-item1 li + li{ margin-left: -0.103rem;}
    .moveyuan li i{ display: none;}
    .a-js-item1 li span{ font-size: 0.69rem;}
    .a-js-item1 li p{ font-size: 0.1885rem;}
    .a-js-item1 li b{ margin: 0.1257rem 0 0.0433rem; font-size: 0.305rem;}
    .a-js-item1 .pic{ width: 100%; border-radius: 0;}
    .a-js-item1 .pic .pic1{ display: none;}
    .a-js-item1 .pic .pic2{ display: block; width: 100%;}

    .a-js-item2 .wrap{ padding: 0 0.26rem;}
    .a-js-item2 .txt{ padding: 0.775rem 0 0.391rem 1.606rem;}
    .a-js-item2 .icon-icon1{ top: 0.54rem;}
    .a-js-item2 .txt p{ width: 100%; margin-top: 0.39rem;}
    .a-js-item2 .pics,.a-js-item2 .more{ display: none;}
    .a-js-item2 .m-pics{ display: block; padding-bottom: 0.775rem; }
    .a-js-item2 .m-pics-cont{ overflow-x: scroll;}
    .a-js-item2 .m-pics ul{ width: 1500%;}
    .a-js-item2 .m-pics li{ float: left; width: 6.666%; }
    .a-js-item2 .m-pics p{ font-size: 0.2165rem; text-align: center; margin-top: 0.345rem;}

    .a-js-item3{ padding: 0.538rem 0 0.88rem; background: url("../images/about-mjs3-bg.jpg") no-repeat center/cover;}
    .a-js-item3 .cont{ padding: 0;}
    .a-js-item3 .about-bt{ text-align: center;}
    .a-js-item3 .about-bt:before{ left: 50%; }
    .a-js-item3 .p{ display: none;}
    .a-js-item3 .js-kehu{ display: none;}
    .a-js-item3 .mjs-kehu{ display: block; }
    .a-js-item3 .mjs-kehu ul{ margin: 0.56rem -0.086rem 0.491rem;}
    .a-js-item3 .mjs-kehu li{ width: 20%; margin-right: 0; border: 0; padding: 0 0.086rem; margin-bottom: 0.27rem;}
    .a-js-item3 .mjs-kehu li img{ width: 100%; border: 0.0175rem solid #fff;}


    /*page-shili*/
    .banner-shili{ background-image: url("../images/banner-mshili.jpg");}
    .banner-shili ul{ display: none;}

    .m-pics{ display: block;}
    .a-sl-item1 .bigpic,.a-sl-item1 .txt .pic{ display: none;}

    .a-sl-item1{ padding: 0.52rem 0 1.03rem;}
    .a-sl-item1 .about-bt::before{ width: 3.22rem;}
    .a-sl-item .txt{ position: relative; float: none; width: 100%; padding-left: 1.6rem;}
    .a-sl-item .txt .icon-icon1{ top: 0;}
    .a-sl-item .txt p{ font-size: 0.26rem; margin: 0.39rem 0 0.37rem;}
    .a-sl-item1 .m-pics li{ position: relative;}
    .a-sl-item1 .m-pics li p{ position: absolute; font-size: 0.22rem; font-weight: bold; line-height: 1.4; width: 1.34rem;}
    .a-sl-item1 .m-pics li:first-child{ padding-left: 1.6rem;}
    .a-sl-item1 .m-pics li:first-child p{ left: 0; top: 0; text-align: right;}
    .a-sl-item1 .m-pics li + li{ padding-right: 1.6rem;}
    .a-sl-item1 .m-pics li + li p{ right: 0; bottom: 0;}

    .a-sl-item2{ padding-bottom: 0.52rem;}
    .a-sl-item2 .pics{ display: none;}
    .a-sl-item2 .m-pics{ display: flex; flex-wrap: wrap; margin-top: 0; }
    .a-sl-item2 .m-pics li{ position: static!important; display: flex; flex-direction: column; justify-content: flex-end; width: 48.6%;}
    .a-sl-item2 .m-pics li + li{ padding-top: 0; margin-left: 0;}
    .a-sl-item2 .m-pics li:nth-child(odd){ margin-right:2.8%;}
    .a-sl-item2 .m-pics li p{ position: static; margin: 0.17rem 0 0.34rem; text-align: center; font-size: 0.22rem; line-height: 0.23rem; width: 100%;}

    .a-sl3-top .li6,
    .a-sl3-top .pic,
    .a-sl3-top .pc-bt{ display: none;}
    .m-bt{ display: block;}

    .a-sl-item3{ padding: 0;}
    .a-sl-item3 .wrap::before{ width: 10rem; height: 3.44rem; left: 0.897rem; top: 0; }
    .a-sl-item3 > img{ border-radius: 0 0 0 0.776rem;}
    .a-sl-item .about-bt::before{ width: 3.22rem;}
    .a-sl3-top{ margin: -1.13rem 0 0; padding: 0.612rem 0 0 0; }
    .a-sl3-top ul{ position: static; width: 100%; margin-top: 0.388rem;}
    .a-sl3-top li{ width: 29.77%; line-height: 0.776rem; font-size: 0.259rem; margin-top: 0.259rem; }
    .a-sl3-top .li2,.a-sl3-top .li5{ margin-left: 5.345%; margin-right: 5.345%; }

    .a-sl3-bottom{ margin-top: 0.82rem; padding-bottom: 1.32rem;}
    .a-sl3-bottom h4{ padding-left: 0.26rem; margin: 0; color: #fff; font-size: 0.31rem; line-height: 0.52rem; background: #b10201;}
    .a-sl3-bottom .icon-icon2{ position: static; font-size: 0.22rem; margin-left: 0.22rem;}
    .a-sl3-bottom li,
    .a-sl3-bottom li:hover,
    .a-sl3-bottom .name{ height: auto;}
    .a-sl3-bottom .name,
    .a-sl3-bottom .details,
    .a-sl3-bottom .pic{ float: none; position: static; width: 100%;}
    .a-sl3-bottom li{ padding: 0.69rem 0 0; border: 0;}
    .a-sl3-bottom .name,
    .a-sl3-bottom .details{ font-size: 0.26rem;  padding-left: 1.6rem;}
    .a-sl3-bottom .name{ position: relative; top: auto; }
    .a-sl3-bottom .number{ left: 0; top: 0; right: auto; bottom: auto; font-size: 0.86rem; font-family: Roboto; line-height: 1;  }
    .a-sl3-bottom .details{ margin: 0.26rem 0 0.388rem; }

    /*page-fuwu*/
    .banner-fuwu{ padding: 0.776rem 0 2.84rem; background-image: url("../images/banner-mfuwu.jpg");}
    .banner-fuwu .txt h2{ text-shadow: none; color: #fff;}
    .banner-fuwu .p{ font-size: 0.23rem; margin-top: 0.28rem; line-height: 1.6; width: 100%; padding: 0; color: #fff; background: none;}

    .fw-item1::before,.fw-item1 > img{ display: none;}
    .fw-item1{ padding: 0;}
    .txt-xs{ position: relative; padding: 0.776rem 0 0.776rem 1.6rem;}
    .txt-xs .icon-icon1{ top: 0.776rem;}
    .txt-xs .about-bt{ margin-bottom: 0.39rem;}
    .txt-xs p,.txt-xs .p{ width: 100%; margin: 0; font-size: 0.26rem; line-height: 2;}
    .txt-xs > img,
    .txt-xs .fw-jicheng,
    .txt-xs .gywh-pics,.txt-xs .gywh-pics + p{ width: 9.31rem; max-width: 9.31rem; margin-top: 0.39rem; position: relative; left: -1.6rem;}
    .fw-item1 .about-bt::before{ left: 0; width: 2.74rem;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);}
    .fw-jicheng h4{ width: 5.5rem; line-height: 0.62rem; font-size: 0.39rem; }
    .fw-jicheng img{ width: 7.76rem;}
    .fw-jicheng li{ width: 12.2%; margin-left: 0;}
    .fw-jicheng li + li{ margin-left: 9.75%;}
    .fw-jicheng li span{ width: 100%; font-size: 0.65rem; line-height: 1.096rem; height: auto; border-width: 0.018rem;}
    .fw-jicheng li p{ font-size: 0.26rem; line-height: 1; padding-top: 0.19rem;}

    .fw-item2{ padding: 0;}

    .fw-item3{ margin-top: 0; padding: 0.77rem 0 0.95rem;}
    .fw-item3::before{ display: none;}
    .fw-item3 .fw-kefu{ width: 100%;}
    .fw-item3 li{ position: relative; width: 26.3%; height: 2.41rem; padding-top: 0.52rem;}
    .fw-item3 li::before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../images/about-jieshao-yuan1.png") no-repeat center/100% 100%;}
    .fw-item3 li + li{ margin-left: -1.8%;}
    .fw-item3 li p{ font-size: 0.26rem; padding: 0.3rem 0 0.37rem;}
    .fw-item3 li b{ font-size: 0.466rem; margin-bottom: 0.09rem;}
    .fw-item3 .fw-zx{ width: 100%;}
    .fw-item3 .fw-zx a{ position: static; margin: 0.77rem auto 0; width: 4.54rem; line-height: 0.86rem; font-size: 0.28rem;}

    /*page-gongyiwenhua*/
    .banner-gywh .txt h2{ border-left-width: 0.09rem;}
    .banner-gywh .txt .wrap::before{ display: none;}
    .a-mgywh-item2 .txt-xs{ padding-bottom: 0.33rem;}
    .gywh-pics{ overflow-x: scroll;}
    .gywh-pics .pics-cont{ width: 300%;}
    .gywh-pics img{ float: left; width: 33.33%;}
    .gywh-pics + p{ text-align: center; font-size: 0.22rem; margin-top: 0.24rem;}
    .gywh-pic img{ width: 82.8%; float: left;}
    .gywh-pic p{ width: 14%; float: right; font-size: 0.22rem; font-weight: bold; margin-top: 0.26rem;}
    .gywh-pic .item:last-child img{ float: right;}
    .gywh-pic .item:last-child p{ float: left; text-align: right; margin-top: 0.52rem;}
    .gywh-pics2{ margin-top: 0.52rem;}
    .gywh-pics2 .pics-cont{ width: 700%; }
    .gywh-pics2 img{ width: 14.2857%; }

    .a-mgywh-item3{ padding: 0.77rem 0;}
    .a-mgywh-item3 .about-bt{ text-align: center; margin: 0.77rem 0 0.52rem;}
    .a-mgywh-item3 .about-bt::before{ left: 50%;}
    .a-mgywh-item3 p{ font-size: 0.25rem;}
    .a-mgywh-item3 .pic p,
    .a-mgywh-item3 .gywh-pic2 p{ text-align: center; margin-top: 0.173rem;}
    .a-mgywh-item3 .gywh-pic{ margin-top: 0.52rem;}
    .a-mgywh-item3 .gywh-pic p{ font-weight: normal;}
    .a-mgywh-item3 .gywh-pic2{ margin: 0.52rem -0.13rem 0;}
    .a-mgywh-item3 .gywh-pic2 .item{ float: left; width: 50%; padding: 0 0.13rem;}

    /*page-yanfa*/
    .banner-yanfa{ padding: 0.69rem 0 2.59rem; background-image: url("../images/banner-yanfa.jpg");}
    .banner-yanfa .txt h2{ text-shadow: none;}
    .banner-yanfa .txt p{ margin-top: 0.26rem; font-size: 0.24rem; line-height: 1.6; width: 100%; padding: 0; background: none; color: #fff;}

    .a-yf-cont{ padding-bottom: 1rem;}
    .a-yf-item{ padding: 0!important;}
    .a-yf-item .txt{ position: relative!important; left: auto; right: auto; width: 100%!important; padding: 0.776rem 0 0.35rem 1.6rem;}
    .a-yf-item .txt .icon-icon1{ top: 0.85rem;}
    .a-yf-item .txt .about-bt{ margin-bottom: 0.39rem; font-size: 0.466rem;}
    .a-yf-item .txt p{ font-size: 0.26rem; line-height: 2; padding-top: 0;}
    .a-yf-item .pic,.a-yf-item .pic img{  width: 100%!important;}
    
    .a-yf-item2 .pic:hover,.a-yf-item3 .pic:hover{ cursor: pointer; }

    .a-yf-item .pic{ border-radius: 0 0 0.77rem 0; overflow: hidden;}

    .a-yf-item.clearfix .txt{ float: none; padding-left: 1.945rem; padding-right: 0.695rem;}
    .a-yf-item.clearfix .txt .icon-icon1{ left: 0.345rem;}
    .a-yf-item.clearfix .pic{ float: none; width: 9.31rem!important; margin: 0 auto; padding-top: 5.24rem; border-radius: 0;}
    .a-yf-item.clearfix::before{ display: none;}

    .a-yf-item3{ margin-top: 0;}


    /*page-contact*/
    .banner-contact{ background-image: url("../images/banner-contact.jpg");}
    .banner-contact .box{ margin-top: 50px;}
    .banner-contact .text .p{ font-size: 22px; margin-bottom: 50px; }
    .banner-contact .text p{ font-size: 18px;}
    .banner-contact .text p span{ font-size: 22px; position: relative; top: 3px; margin-right: 5px;}
    .banner-contact .text p b{ font-size: 32px;}
    .banner-contact .text a{ margin-right: 25px; font-size: 18px;}
    .banner-contact .text a i{ font-size: 30px; top: 5px;}
    .banner-contact .pics p{ font-size: 18px; padding-top: 10px;}
    .banner-contact .pics{ margin: 0 -3px;}
    .banner-contact .pics li{ padding: 0 3px;}

    .p-contact-cont{ padding: 60px 0 80px;}
    .p-contact-cont .about-bt + p{ font-size: 18px; margin-bottom: 40px;}
    .myform li{ margin-bottom: 30px;}
    .myform li label{ line-height: 50px; font-size: 18px; left: 25px }
    .myform li .txt{ line-height: 50px; padding: 0 10px 0 100px; font-size: 18px; }
    .myform .saytext textarea{ line-height: 34px; height: 126px; padding: 10px 10px 10px 100px;}
    .myform .submit{ font-size: 28px;}



}
@media (max-width: 810px){
    .banner { padding: 0.74rem 0 3.21rem; }
    .banner .txt{ padding-left: 0.45rem;}
    .banner .txt h2{ font-size: 0.741rem; padding-left: 0.37rem; }
    .banner .txt h2::before{ width: 0.123rem; }

    /*page-jieshao*/
    .banner-jieshao{ padding: 1rem 0 3.235rem; }
    .banner-jieshao .txt h2{ font-size: 0.741rem;}

    .about-bt{ font-size: 0.667rem; padding: 0 0 0.1852rem;}
    .about-bt::before{ width: 2.778rem; height: 0.062rem;}
    .a-js-item2 .about-bt::before{ margin-left: -1.389rem;}
    .icon-icon1{ top: 0rem; font-size: 0.92rem;}


    .a-js-item1 .txt,
    .a-js-item2 .txt{ padding: 0.74rem 0 0.56rem 2.1rem; }
    .a-js-item1 .txt{ padding-left: 0;}
    .a-js-item1 .icon-icon1{ top: 5.2rem; font-size: 0.92rem;}
    .a-js-item1 .txt .p,
    .a-js-item2 .txt p{ font-size: 0.37rem; }
    .a-js-item1 .txt .p p + p{ margin-top: 0.24rem;}
    .a-js-item1 .about-bt,.a-js-item1 .p{ padding-left: 2.1rem;}
    .a-js-item1 .about-bt::before{ left: 2.1rem;}
    .a-js-item1 ul{ margin: 0.52rem 0 0.388rem;  }
    .a-js-item1 li{ width: 2.4275rem; height: 2.4275rem; padding-top: 0.4rem; border-width: 0.025rem;}
    .moveyuan li + li{ margin-left: -0.15rem;}
    .a-js-item1 li span{ font-size: 0.815rem;}
    .a-js-item1 li p{ font-size: 0.25rem;}
    .a-js-item1 li b{ font-size: 0.37rem;}

    .a-js-item2 .wrap{ padding: 0 0.26rem;}
    .a-js-item2 .txt{ padding: 0.775rem 0 0.391rem 1.606rem;}
    .a-js-item2 .icon-icon1{ top: 0.54rem;}
    .a-js-item2 .txt p{ margin-top: 0.39rem;}
    .a-js-item2 .m-pics{ display: block; padding-bottom: 0.775rem; }
    .a-js-item2 .m-pics p{ font-size: 0.2165rem; margin-top: 0.345rem;}

    .a-js-item3{ padding: 0.538rem 0 0.88rem; }
    .a-js-item3 .mjs-kehu ul{ margin: 0.56rem -0.086rem 0.491rem;}
    .a-js-item3 .mjs-kehu li{ padding: 0 0.086rem; margin-bottom: 0.27rem;}
    .a-js-item3 .mjs-kehu li img{ border: 0.0175rem solid #fff;}


    /*page-shili*/
    .a-sl-item .about-bt::before{ width: 4.6rem; height: 0.062rem;}
    .a-sl-item .txt p{ font-size: 0.37rem; margin: 0.56rem 0;}
    .a-sl-item .txt .icon-icon1{ font-size: 0.91rem; top: 1.54rem;}
    .a-sl-item .txt,
    .a-sl-item1 .m-pics li:first-child{ padding-left: 2rem;}

    .a-sl-item1{ padding: 0.74rem 0 1.23rem;}
    .a-sl-item1 .m-pics li + li{ padding-right: 2rem;}
    .a-sl-item1 .m-pics li p{ font-size: 0.31rem; width: 1.85rem; }

    .a-sl-item2{ padding-bottom: 0.74rem;}
    .a-sl-item2 .m-pics li p{ font-size: 0.31rem; margin: 0.12rem 0 0.37rem;}

    .a-sl-item3 > img{ border-radius: 0 0 0 0.74rem;}
    .a-sl3-top{ margin-top: -1.556rem;}
    .a-sl3-top ul{ margin-top: 0.383rem;}
    .a-sl3-top li{ font-size: 0.37rem; line-height: 0.826rem; margin-top: 0.36rem;}

    .a-sl3-bottom{ padding-bottom: 1.48rem;}
    .a-sl3-bottom h4{ font-size: 0.444rem; line-height: 0.74rem;}
    .a-sl3-bottom .icon-icon2{ font-size: 0.32rem;}
    .a-sl3-bottom .name,.a-sl3-bottom .details{ font-size: 0.37rem;}
    .a-sl3-bottom .name{ line-height: 1.667;}
    .a-sl3-bottom .details{ margin: 0.26rem 0 0.556rem;}
    .a-sl3-bottom .number{ font-size: 0.99rem;}


    /*page-fuwu*/
    .banner-fuwu{ padding: 1rem 0 1.79rem; }
    .banner-fuwu .p{ font-size: 0.34rem; margin-top: 0.37rem;}

    .txt-xs{ padding: 1.11rem 0 1.1rem 2.4rem;}
    .txt-xs .icon-icon1{ top: 1.16rem;}
    .txt-xs .about-bt{ margin-bottom: 0.56rem;}
    .txt-xs p,.txt-xs .p{font-size: 0.37rem; }
    .txt-xs > img,
    .txt-xs .fw-jicheng,
    .txt-xs .gywh-pics, .txt-xs .gywh-pics + p{ width: 9.26rem; max-width: 9.26rem; margin-top:0.56rem; left: -2.4rem;}
    .fw-item1 .about-bt::before{ width: 3.94rem;}
    .fw-jicheng h4{ width: 5.5rem; line-height: 0.69rem; font-size: 0.45rem; border-width: 0.025rem; }
    .fw-jicheng img{ width: 7.43rem;}
    .fw-jicheng li{ width: 16%; text-align: center; }
    .fw-jicheng li + li{ margin-left: 5%;}
    .fw-jicheng li span{ display: inline-block; font-size: 0.69rem; width: 1.2rem; line-height: 1.17rem; border-width: 0.025rem;}
    .fw-jicheng li p{ font-size: 0.33rem; padding-top: 0.15rem;}

    .fw-item3{ padding: 1.11rem 0 1.36rem;}
    .fw-item3 li{ height: 2.43rem; }
    .fw-item3 li + li{ margin-left: -0.17rem;}
    .fw-item3 li p{ font-size: 0.3rem; padding: 0.32rem 0;}
    .fw-item3 li p::before{ height: 0.037rem; width: 0.62rem; margin-left: -0.31rem;}
    .fw-item3 li b{ font-size: 0.445rem; margin-bottom: 0.123rem;}
    .fw-item3 .fw-zx a{ margin-top: 1.11rem; width: 6.5rem; line-height: 1.23rem; font-size: 0.4rem;}
    
    .fw-item3 .fw-kefu .p{ font-size: 0.4rem; margin-top: 0.74rem;}
    .fw-item3 .fw-kefu .p span{ border-width: 0.037rem;}
    .fw-item3 .fw-kefu .p b{ font-size: 0.8rem;}

    /*page-gongyiwenhua*/
    .banner-gywh{ padding: 1rem 0 3.2rem;}
    .banner-gywh .txt h2{ border-left-width: 0.123rem;}
    .a-mgywh-item2 .txt-xs{ padding-bottom: 0.46rem;}
    .gywh-pics + p{font-size: 0.31rem; margin-top: 0.32rem!important;}
    .gywh-pic img{ width: 74%;}
    .gywh-pic p{ width: 22%; font-size: 0.31rem; margin-top: 0.37rem;}
    .gywh-pic .item:last-child p{ margin-top: 0.74rem;}
    .gywh-pics2{ margin-top: 0.74rem;}

    .a-mgywh-item3{ padding: 1.11rem 0;}
    .a-mgywh-item3 .about-bt{ margin: 1.11rem 0 0.74rem;}
    .a-mgywh-item3 p{ font-size: 0.3rem;}
    .a-mgywh-item3 .pic p,
    .a-mgywh-item3 .gywh-pic2 p{ margin-top: 0.25rem;}
    .a-mgywh-item3 .gywh-pic{ margin-top: 0.64rem;}
    .a-mgywh-item3 .gywh-pic2{ margin: 0.64rem -0.185rem 0;}
    .a-mgywh-item3 .gywh-pic2 .item{ padding: 0 0.185rem;}

    /*page-yanfa*/
    .banner-yanfa{ padding: 1rem 0 1.28rem;}
    .banner-yanfa .txt p{ margin-top: 0.34rem; font-size: 0.34rem; }

    .a-yf-cont{ padding-bottom: 1.48rem;}
    .a-yf-item .txt{ padding: 0.85rem 0 0.56rem 2rem;}
    .a-yf-item .txt .icon-icon1{ top: 0.95rem;}
    .a-yf-item .txt .about-bt{ margin-bottom: 0.56rem; font-size: 0.667rem;}
    .a-yf-item .txt p{ font-size: 0.37rem; }

    .a-yf-item .pic{ border-radius: 0 0 0.74rem 0;}

    .a-yf-item.clearfix .txt{ padding-left: 2.37rem; padding-right: 0.37rem;}
    .a-yf-item.clearfix .txt .icon-icon1{ left: 0.37rem;}
    .a-yf-item.clearfix .pic{ width: 9.26rem!important; border-radius: 0;}


    /*page-contact*/
    .banner-contact .box{ margin-top: 8vw;}
    .banner-contact .text{ width: 100%; float: none;}
    .banner-contact .text .p{ font-size: 4vw; margin-bottom: 6vw; }
    .banner-contact .pics{ display: none;}
    .banner-contact .pics li{ padding: 0 1vw;}
    .banner-contact .text a{ margin-right: 2vw; font-size: 3.2vw; border-radius: 0 0 4vw 0;}
    .banner-contact .text a i{ font-size: 5.4vw; top: 1vw;}
    .banner-contact .text p{ font-size: 3.2vw;}
    .banner-contact .text p span{ font-size: 4vw; position: relative; top: .4vw; margin-right: 1vw;}
    .banner-contact .text p b{ font-size: 5.5vw;}
    .banner-contact .pics p{ font-size: 3.2vw; padding-top: 2vw;}

    .p-contact-cont{ padding: 9vw 0 10vw;}
    .p-contact-cont .about-bt + p{ font-size: 16px; margin-bottom: 5vw;}
    .myform ul{ margin: 0;}
    .myform li{ margin-bottom: 3vw; width: 100%; padding: 0;}
    .myform li label{ line-height: 7vw; font-size: 2.5vw; left: 2vw; top: 0.4vw; }
    .myform li .txt{ line-height: 7vw; padding: 0 2vw 0 17vw; font-size: 2.5vw; border-width: .4vw; }
    .myform .saytext textarea{ line-height: 3.5vw; height: 15.3vw; padding: 2vw 2vw 2vw 17vw;}
    .myform .saytext label{ top: 2.4vw; line-height: 3.5vw;}
    .myform .submit{ font-size: 4vw;}


}