.yj-item{ background-color: #fff!important;}
.yj-item p{ font-size: 16px; line-height: 2;}
.btn-more{ display: block; text-align: center; font-size: 32px; width: 11.75em; margin-top: 1.5em; line-height: 2.5em; color: #fff; background: #313131; border-radius: 1.25em;}
.btn-more i{ font-size: 1.6em; position: relative; top: 0.2em; margin-right: 0.2em; }
.btn-more:hover{ background: #c8000a;}

.yj-pro{ padding-bottom: 140px; background: url("../images/pro-bg1.jpg") no-repeat top center/100% auto;}
.yj-bt{ padding: 100px 0; color: #fff; text-align: center;}
.yj-bt h2{ font-size: 68px; line-height: 1.2; margin-bottom: 0.35em; text-transform: capitalize; }
.yj-bt p{ font-size: 36px; line-height: 1;}

.yj-pro li + li{ margin-top: 80px;}
.yj-pro .pic{ width: 58%; }
.yj-pro .txt{ width: 33%; }
.yj-pro li:first-child .txt{ padding-top: 0;}
.yj-pro .txt h3{ font-size: 45px; margin-bottom: 0.4em; }
.yj-pro .txt p{ line-height: 1.8;}
.yj-pro .txt p:nth-child(n+5){ margin-top: 15px;}
.yj-pro .txt p span{ display: inline-block;}
.yj-pro .txt p span + span{ margin-left: 3em; }


.yj-fuwu{}
.fw-banner{ color: #fff; background: url("../images/fuwu-bg1.jpg") no-repeat center/cover;}
.fw-banner .fw-bt{ padding: 80px 0; }
.fw-bt h2{ font-weight: bold; font-size: 60px;}
.fw-bt p{ font-size: 26px!important; line-height: 1.5;}
.btn-more2{ width: 11.75em; margin: 1.5em auto 0; background: transparent; border: 2px solid #fff;}
.btn-more2:hover{ background: #fff; color: #000;}

.fw-jidi{ position: relative; padding: 140px 0 430px;}
.yj-fuwu ul{ margin: 0 -10px; width: 100%;}
.yj-fuwu li{ float: left; width: 33.33%; padding: 0 10px;}
.yj-fuwu li p{ text-align: center; font-size: 12px; line-height: 1.2; margin-top: 5px; }
.yj-fuwu li:nth-child(3) p{height: 2.4em;}
.fw-txt h3{ font-size: 42px!important; line-height: 1.2; margin-bottom: 0.6em; }

.fw-jidi .jd-left{ width: 36%; padding-top: 30px;}
.fw-jidi .jd-left ul{ position: absolute; bottom: 130px; left: 0; width: 100%; }
.fw-jidi .jd-left li{ width: 25%;}
.fw-jidi .jd-right{ width: 50%;}
.fw-jidi .jd-right li{ margin-bottom: 10px;}

.fw-renzheng{ padding-bottom: 140px;}
.fw-renzheng .fw-txt{ width: 40%;}
.fw-renzheng .pic{ width: 50%; padding-top: 115px;}
.fw-renzheng ul{ width: auto; margin-top: 30px;}


.yj-kehu{ color: #fff; padding: 65px 0; background: url("../images/kehu-bg1.jpg") no-repeat center/cover;}
.yj-kehu .fw-txt{ width: 40%; padding-top: 60px;}
.yj-kehu .fw-txt h3{ display: inline-block;}
.yj-kehu .btn-more{ margin: 80px 0 0;}
.yj-kehu .pic{ width: 41%;}


.yj-lianxi{ padding: 120px 0; background: #fff;}
.yj-lianxi h2{ font-size: 60px; margin-bottom: 1em;}
.yj-lianxi .pp{ color: #d7d7d7;}
.yj-lianxi .biaodan{ width: 62%; font-size: 18px;}
.biaodan ul{ margin: 0 -33px;}
.biaodan li{ width: 50%; float: left; padding: 0 33px; margin-bottom: 30px;}
.biaodan li:last-child{ width: 100%;}
.biaodan .txt{ width: 100%; padding: 0 20px; margin-top: 10px; line-height: 54px; border: 2px solid; border-radius: 20px;}
.biaodan li:last-child .txt{ line-height: 2em; height: 10em; resize: none;}
.biaodan .submit{ display: block; width: 100%; font-size: 30px; line-height: 3; text-align: center; color: #fff; background: #313131; border-radius: 0.7em; margin: 1em 0;}
.biaodan .pp{ text-align: center; }
.yj-lianxi .lxfs{ width: 25%;}
.lxfs h3{ font-size: 30px; margin-bottom: 50px; }
.lxdh li{ position: relative; padding-left: 35px; line-height: 1.8;}
.lxdh li + li{ margin-top: 25px;}
.lxdh li span{ position: absolute; font-size: 22px; width: 25px; text-align: center; left: 0; top:0;}
.lxdh li:nth-child(5){ margin-top: 50px;}
.lxdh li:nth-child(5) span{ top: -2px;}
.lxdh li:nth-child(6){ margin-top: 20px;}
.lxdh li:nth-child(6) span{ top: 5px;}

@media (max-width: 1759px){
    .yj-bt{ padding: 90px 0;}
    .yj-bt h2{ font-size: 60px;}
    .yj-bt p{ font-size: 34px;}


    .yj-pro{ padding-bottom: 120px;}
    .yj-pro li + li{ margin-top: 70px;}
    .yj-pro .txt{ width: 35%; padding-top: 0;}
    .yj-pro .txt h3{ font-size: 36px;}
    .yj-pro .txt p{ font-size: 15px; line-height: 1.6;}
    .yj-pro .btn-more{ margin-top: 1.2em; font-size: 26px;}


    .fw-bt p{ font-size: 24px!important;}
    .fw-txt h3{ font-size: 40px!important;}
    .fw-txt .btn-more{ margin-top: 1.5em;}
    .fw-jidi{ padding: 120px 0 360px;}
    .fw-jidi .jd-left{ width: 41%; padding-top: 0;}
    .fw-jidi .jd-left ul{ bottom: 95px;}
    .fw-renzheng{ padding-bottom: 120px;}
    .fw-renzheng .pic{ width: 56%; padding-top: 123px;}

    .yj-lianxi{ padding: 120px 0;}
}
@media (max-width: 1559px){
    .yj-bt h2{ font-size: 51px;}
    .yj-bt p{ font-size: 26px;}
    .btn-more{ font-size: 28px;}

    .yj-pro{ padding-bottom: 100px;}
    .yj-pro li + li{ margin-top: 60px;}
    .yj-pro .txt{ width: 36%; }
    .yj-pro .txt h3{ font-size: 32px;}
    .yj-pro .txt p{ font-size: 15px; line-height: 1.5;}
    .yj-pro .txt p:nth-child(n+5){ margin-top: 10px;}
    .yj-pro .btn-more{ font-size: 20px; margin-top: 0.8em;}


    .fw-bt p{ font-size: 20px!important;}
    .fw-txt h3,.yj-lianxi h2{ font-size: 34px!important;}
    .fw-txt .btn-more{ margin-top: 1em;}
    .fw-jidi{ padding: 100px 0 320px;}
    .fw-jidi .jd-left ul{ bottom: 90px;}
    .fw-jidi .jd-right{ width: 56%;}
    .fw-renzheng{ padding-bottom: 100px;}
    .fw-renzheng .pic{ padding-top: 120px;}

    .yj-lianxi{ padding: 100px 0;}
    .yj-lianxi .lxfs{ width: 29%;}

}
@media (max-width: 1359px){
    .yj-bt h2{ font-size: 42px;}
    .yj-bt p{ font-size: 24px;}
    .btn-more{ font-size: 24px;}

    .yj-pro{ padding-bottom: 90px;}
    .yj-pro li + li{ margin-top: 50px;}
    .yj-pro .txt{ width: 35%;}
    .yj-pro .txt h3{ font-size: 26px; }
    .yj-pro .txt p{ font-size: 13px; }
    .yj-pro .btn-more{ margin-top: 0.8em;}



    .fw-txt h3{ font-size: 30px!important; margin-top: -10px;}
    .fw-txt p{ line-height: 1.8; font-size: 15px;}
    .yj-fuwu ul{ margin: 0 -5px;}
    .yj-fuwu li{ padding: 0 5px;}
    .fw-jidi{ padding: 90px 0 280px;}
    .fw-jidi .jd-left{ width: 38%;}
    .fw-jidi .jd-left ul{ bottom: 80px;}
    .fw-renzheng{ padding-bottom: 90px;}
    .fw-renzheng .fw-txt{ width: 45%;}
    .fw-renzheng .pic{ width: 52%; padding-top: 110px;}
    .fw-renzheng ul{ margin-top: 20px;}


    .yj-kehu{ padding: 50px 0;}
    .yj-kehu .fw-txt{ padding-top: 30px;}

    .yj-lianxi{ padding: 90px 0;}
    .yj-lianxi h2{ font-size: 42px;}
    .lxfs h3{ font-size: 26px;}
    .yj-lianxi .lxfs{ width: 34%;}
    .biaodan .submit{ margin-bottom: 0.5em;}


}
@media (max-width: 1024px){
    .yj-bt{ padding: 0.8rem 0 0.7rem;}
    .yj-bt h2{ font-size: 0.41rem; letter-spacing: 0;}
    .yj-bt p{ font-size: 0.235rem;}
    .btn-more{ font-size: 0.28rem;}

    .yj-pro{ padding-bottom: 0.8rem; background-image: url("../images/pro-bg2.jpg");}
    .yj-pro li + li{ margin-top: 0.7rem;}
    .yj-pro .pic{ width: 57%;}
    .yj-pro .txt{ width: 38%; padding-top: 0;}
    .yj-pro .txt h3{ font-size: 0.32rem; margin-bottom: 0.5em;}
    .yj-pro .txt p{ font-size: 0.16rem; }
    .yj-pro .txt p + p{ margin-top: 0.03rem;}
    .yj-pro .btn-more{ margin-top: 1em; font-size: 0.25rem;}


    .fw-banner{ background-image: url("../images/fuwu-bg2.jpg");}
    .fw-banner .fw-bt{ padding: 1rem 0;}
    .fw-bt p{ width: 90%; margin: 0 auto; font-size: 0.22rem!important;}
    .fw-bt p br{ display: none; }

    .yj-fuwu ul{ width: auto!important; margin: 0 -0.146rem;}
    .yj-fuwu li{ padding: 0 0.146rem;}
    .yj-fuwu li{ margin-bottom: 0.12rem!important;}

    .fw-jidi{ position: relative; padding: 1rem 0 2rem;}
    .fw-jidi .jd-left{ width: 100%;}
    .fw-jidi .jd-left ul{ position: static;}
    .fw-jidi .jd-left li{ width: 50%;}
    .fw-jidi .jd-left li p{ height: auto;}
    .fw-jidi .jd-right{ width: 100%;}

    .fw-txt{ padding-left: 1.56rem; margin-bottom: 0.35rem;}
    .fw-txt h3{position: relative;  font-size: 0.42rem!important; border-bottom: 0; }
    .fw-txt h3::before{ content: ''; position: absolute; left: -1.83rem; bottom: -5px; width: 100%; border-top: 2px solid;}
    .fw-txt .btn-more{ position: absolute; left: 50%; bottom: 0.9rem;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);}

    .fw-renzheng{ position: relative; padding-bottom: 2rem;}
    .fw-renzheng .fw-txt{ width: 100%;}
    .fw-renzheng ul li{ width: 50%; margin-bottom: 0.29rem!important;}
    .fw-renzheng ul li:nth-child(n+3){ width: 100%;}


    .yj-kehu{ position: relative; padding: 0.73rem 0 2.1rem; background-image: url("../images/kehu-bg2.jpg");}
    .yj-kehu .fw-txt{ width: 100%; max-width: 600px; margin: 0 auto 0.5rem; float: none; padding: 0; text-align: center;}
    .yj-kehu .fw-txt h3::before{ left: 50%; margin-left: 0;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);}
    .yj-kehu .pic{ width: 100%; float: none;}
    .yj-kehu .btn-more{ bottom: 0.73rem; display: block; margin: 0.73rem auto 0;}


    .yj-lianxi{ padding: 0.73rem 0 0;}
    .yj-lianxi h2{ font-size: 0.45rem!important; margin-bottom: 1em;}
    .yj-lianxi .biaodan{ font-size: 16px; width: 100%; padding-bottom: 0.73rem;}
    .biaodan ul{ margin: 0 -0.34rem;}
    .biaodan li{ padding: 0 0.34rem; margin-bottom: 20px;}
    .yj-lianxi .lxfs{ width: 10rem; overflow: hidden; position: relative; left: 0.27rem; padding: 0.49rem 0.27rem; background: #f3f3f3;}
    .lxfs h3{ font-size: 0.3rem; margin-bottom: 1em;}
    .lxdh{ width: 100%;}
    .lxdh ul{ position: relative;}
    .lxdh li{ width: 50%;}
    .lxdh li:nth-child(n+5){ position: absolute; top: 0; right: 0; margin-top: 0;}
    .lxdh li:last-child{ top: 55px;}
    .lxdh li:nth-child(6) span{ top: 0;}
    .lxdh li img{ max-width: 150px;}
}
@media (max-width: 750px){
    .yj-item p{ font-size: 0.26rem;}

    .yj-bt{ padding: 0.8rem 0 0.6rem;}
    .yj-bt h2{ font-size: 0.4rem; margin-bottom: 0.2rem;}
    .yj-bt h2 br{ display: none;}
    .yj-bt p{ font-size: 0.24rem; line-height: 1.1; }
    .btn-more{ font-size: 0.32rem; width: 4.5rem; line-height: 3;}

    .yj-pro{ padding-bottom: 1.2rem; }
    .yj-pro li + li{ margin-top: 1.1rem;}
    .yj-pro .pic{ width: 100%;}
    .yj-pro .txt{ width: 100%; padding: 0.5rem 0 0 1.5rem!important;}
    .yj-pro .txt h3{ font-size: 0.46rem;}
    .yj-pro .txt p{ font-size: 0.28rem; line-height: 1.6; }
    .yj-pro .txt p:nth-child(n+5){ margin-top: 0.25rem; }
    .yj-pro .btn-more{ position: relative; left: -1rem; margin-top: 1.3em; font-size: 0.35rem;}


    .fw-bt{ padding: 1rem 0;}
    .fw-bt h2{ font-size: 0.45rem!important;}
    .fw-bt p{ width: 95%; font-size: 0.26rem!important; line-height: 1.5;}

    .yj-fuwu li p{ font-size: 0.2rem;}

    .fw-jidi,.fw-renzheng{ padding-bottom: 2.4rem;}
    .jd-right li{ position: relative; width: 100%; margin-bottom: 0.4rem;}
    .jd-right li:nth-child(n+6){ display: none;}
    .jd-right li:nth-child(odd){ padding-right: 3.6rem;}
    .jd-right li:nth-child(even){ padding-left: 3.6rem;}
    .jd-right li p{ position: absolute; width: 3.5rem; padding: 0.1rem 0 0; font-size: 0.28rem;}
    .jd-right li:nth-child(odd) p{ right: 0; bottom: 1em; text-align: left!important;}
    .jd-right li:nth-child(even) p{ left: 0; top: 0; text-align: right!important;}
    .jd-right li p::before{ content: ''; position: absolute; width: 0; height: 0; border-style: solid; }
    .jd-right li:nth-child(odd) p::before{ left: 0; top: -0.26rem; border-width: 0.12rem 0.18rem 0.12rem 0; border-color: transparent #000 transparent transparent;}
    .jd-right li:nth-child(even) p::before{ right: 0; bottom: -0.4rem; border-width: 0.12rem 0 0.12rem 0.18rem; border-color: transparent transparent transparent #000;}

    .scrollpics{ overflow: hidden;}
    .scrollpics .m-pics-cont{ overflow-x: scroll;}
    .scrollpics ul{ width: 300%!important; margin: 0; }
    .scrollpics li{ float: left; width: 33.33%; padding: 0!important; }
    .scrollpics p{ width: 100%; padding-top: 0.2rem; text-align: center; font-size: 0.24rem; line-height: 1.3;}


    .fw-txt h3{ margin-top: 0; font-size: 0.5rem!important; margin-bottom: 0.4rem;}
    /*.fw-txt h3 br{ display: none;}*/
    .fw-txt p{ font-size: 0.28rem; line-height: 1.6;}


    .yj-kehu{ padding: 1.2rem 0 2.4rem;}


    .yj-lianxi{ padding-top: 1rem;}
    .yj-lianxi h2{ font-size: 0.5rem!important;}
    .yj-lianxi .biaodan{ padding-bottom: 1rem; font-size: 0.26rem;}
    .biaodan ul{ margin: 0 -0.2rem;}
    .biaodan li{ padding: 0 0.2rem; margin-bottom: 0.5rem;}
    .biaodan .txt{ padding: 0 0.27rem; border-radius: 0.27rem; line-height: 1rem;}
    .biaodan li:last-child .txt{ height: 7em;}
    .biaodan .submit{ font-size: 0.3rem; margin: 0 0 1em;}

    .yj-lianxi{ font-size: 0.3rem; }
    .yj-lianxi .lxfs{ padding: 0.7rem 0.4rem; left: 0.4rem; }
    .lxfs h3{ font-size: 0.45rem;}
    .yj-lianxi .pp{ font-size: 0.28rem; }
    .lxdh li{padding-left: 0.7rem; line-height: 2.2; }
    .lxdh li + li{ margin-top: 1em;}
    .lxdh li span{ font-size: 1.3em; top: 0.3em!important;}
    .lxdh li:last-child{ top: 3.6em;}
    .lxdh li:last-child span{ top: 0!important;}
    .lxdh li img{ width: 90%; max-width: 110px;}
}




















