.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: 2em; 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.3em; }
.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: 80px; line-height: 1.2; margin-bottom: 0.35em;}
.yj-bt p{ font-size: 36px; line-height: 1;}
.yj-pro li + li{ margin-top: 80px;}
.yj-pro .pic{ width: 66.5%; }
.yj-pro .txt{ width: 26%; padding-top: 60px; }
.yj-pro .txt h3{ font-size: 60px; margin-bottom: 0.5em; position: relative; left: -0.55em;}
.yj-pro .txt p + p{ margin-top: 0.5em;}
.yj-pro .txt p span{ display: inline-block;}
.yj-pro .txt p span + span{ margin-left: 3em; }
.yj-pro .txt p i{ font-style: normal; font-weight: bold; display: inline-block; position: relative;}
.yj-pro .txt p i::before{ content: ''; position: absolute; left: 0; bottom: 3px; width: 100%; border-top: 2px solid #c8000a;}
.yj-pro .btn-more{ width: 100%;}


.yj-fuwu{}
.fw-banner{ color: #fff; background: url("../images/fuwu-bg1.jpg") no-repeat center/cover;}
.fw-bt h2{ font-size: 60px!important;}
.fw-bt p{ font-size: 16px!important; line-height: 2!important;}
.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;}
.fw-txt h3{ font-size: 60px; line-height: 1.2; padding-bottom: 10px; margin-bottom: 0.6em; border-bottom: 4px solid;}

.fw-jidi .jd-left{ width: 36%;}
.fw-jidi .jd-left ul{ position: absolute; bottom: 140px; 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: 160px;}
.fw-renzheng ul{ width: auto; margin-top: 30px;}


.yj-kehu{ position: relative; 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: 140px 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: 10px;}
.lxdh ul{ margin-top: 15px;}
.lxdh li{ position: relative; padding-left: 45px; line-height: 40px;}
.lxdh li span{ position: absolute; font-size: 26px; width: 30px; text-align: center; line-height: 40px; left: 0; top: 0;}
.lxdh li:nth-child(3) span{ font-size: 20px;}
.saoma{ margin-top: 60px;}
.saoma ul{ margin: 0 -10px;}
.saoma li{ float: left; width: 33.33%; margin-top: 25px; padding: 0 10px;}
.saoma li p{ text-align: center; margin-top: 5px;}

@media (max-width: 1759px){
    .yj-pro{ padding-bottom: 120px;}
    .yj-pro li + li{ margin-top: 70px;}
    .yj-pro .txt{ width: 30%; padding-top: 30px;}
    .yj-pro .btn-more{ margin-top: 1.5em;}


    .fw-txt h3{ font-size: 52px;}
    .fw-txt .btn-more{ margin-top: 1.5em;}
    .fw-jidi{ padding: 120px 0 370px;}
    .fw-jidi .jd-left ul{ bottom: 120px;}
    .fw-renzheng{ padding-bottom: 120px;}
    .fw-renzheng .pic{ padding-top: 135px;}

    .yj-lianxi{ padding: 120px 0;}
}
@media (max-width: 1559px){
    .yj-bt h2{ font-size: 75px;}
    .yj-bt p{ font-size: 30px;}
    .btn-more{ font-size: 28px;}

    .yj-pro{ padding-bottom: 100px;}
    .yj-pro li + li{ margin-top: 60px;}
    .yj-pro .txt{  padding-top: 0;}
    .yj-pro .txt h3{ font-size: 52px;}
    .yj-pro .btn-more{ margin-top: 0.8em;}


    .fw-txt h3{ font-size: 46px;}
    .fw-txt .btn-more{ margin-top: 1em;}
    .fw-jidi{ padding: 100px 0 320px;}
    .fw-jidi .jd-left ul{ bottom: 100px;}
    .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: 70px;}
    .yj-bt p{ font-size: 28px;}
    .btn-more{ font-size: 24px;}

    .yj-pro{ padding-bottom: 90px;}
    .yj-pro li + li{ margin-top: 50px;}
    .yj-pro .txt{ width: 31%;}
    .yj-pro .txt h3{ font-size: 40px;}
    .yj-pro .txt p{ font-size: 15px; line-height: 1.8;}
    .yj-pro .txt p + p{ margin-top: 5px;}
    .yj-pro .btn-more{ margin-top: 0.8em;}



    .fw-txt h3{ font-size: 42px; margin-top: -10px;}
    .yj-fuwu ul{ margin: 0 -5px;}
    .yj-fuwu li{ padding: 0 5px;}
    .fw-jidi{ padding: 90px 0 280px;}
    .fw-jidi .jd-left{ width: 40%;}
    .fw-jidi .jd-left ul{ bottom: 90px;}
    .fw-renzheng{ padding-bottom: 90px;}
    .fw-renzheng .fw-txt{ width: 47%;}
    .fw-renzheng .pic{ padding-top: 128px;}
    .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.98rem 0 0.78rem;}
    .yj-bt h2{ font-size: 0.78rem;}
    .yj-bt p{ font-size: 0.35rem;}
    .btn-more{ font-size: 0.31rem;}

    .yj-pro{ padding-bottom: 0.98rem; background-image: url("../images/pro-bg2.jpg");}
    .yj-pro li + li{ margin-top: 0.87rem;}
    .yj-pro .pic{ width: 57%;}
    .yj-pro .txt{ width: 40%; padding-top: 0.3rem;}
    .yj-pro .txt h3{ font-size: 0.586rem;}
    .yj-pro .txt p{ font-size: 0.18rem; line-height: 2;}
    .yj-pro .txt p + p{ margin-top: 0.05rem;}
    .yj-pro .btn-more{ margin-top: 1.3em;}


    .fw-banner{ background-image: url("../images/fuwu-bg2.jpg");}
    .fw-bt{ padding: 1.37rem 0;}
    .fw-bt h2{ font-size: 0.59rem!important;}
    .fw-bt p{ width: 88%; margin: 0 auto;}
    .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: 1.2rem 0 2.5rem;}
    .fw-jidi .jd-left{ width: 100%;}
    .fw-jidi .jd-left ul{ position: static;}
    .fw-jidi .jd-left li{ width: 50%;}
    .fw-jidi .jd-right{ width: 100%;}

    .fw-txt{ padding-left: 1.56rem; margin-bottom: 0.48rem;}
    .fw-txt h3{position: relative;  font-size: 0.68rem; border-bottom: 0; }
    .fw-txt h3::before{ content: ''; position: absolute; left: -1.83rem; bottom: 0; width: 100%; border-top: 2px solid;}
    .fw-txt .btn-more{ position: absolute; left: 50%; bottom: 1.2rem;
        -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: 2.5rem;}
    .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.5rem; 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: 1.1rem;}


    .yj-lianxi{ padding: 0.73rem 0 0;}
    .yj-lianxi h2{ font-size: 0.68rem;}
    .yj-lianxi .biaodan{ width: 100%; padding-bottom: 0.73rem;}
    .biaodan ul{ margin: 0 -0.34rem;}
    .biaodan li{ padding: 0 0.34rem;}
    .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;}
    .lxdh{ float: left; width: 40%;}
    .saoma{ float: right; width: 48%; margin-top: 0;}
    .saoma ul{ margin: 0 -0.1rem;}
    .saoma li{ padding: 0 0.1rem;}
}
@media (max-width: 750px){
    .yj-item p{ font-size: 0.32rem;}

    .yj-bt{ padding: 0.86rem 0;}
    .yj-bt h2{ font-size: 0.75rem;}
    .yj-bt p{ font-size: 0.35rem;}
    .btn-more{ font-size: 0.48rem; width: 6.2rem;}

    .yj-pro{ padding-bottom: 1.5rem; }
    .yj-pro li + li{ margin-top: 1.1rem;}
    .yj-pro .pic{ width: 100%;}
    .yj-pro .txt{ width: 100%; padding: 0.8rem 0 0 2.4rem;}
    .yj-pro .txt h3{ font-size: 0.64rem;}
    .yj-pro .txt p{ font-size: 0.4rem; }
    .yj-pro .txt p + p{ margin-top: 0.05rem;}
    .yj-pro .btn-more{ position: relative; left: -1rem; margin-top: 1.3em;}


    .fw-bt{ padding: 1rem 0;}
    .fw-bt h2{ font-size: 0.7rem!important;}
    .fw-bt p{ width: 95%; font-size: 0.4rem!important;}

    .yj-fuwu li p{ font-size: 0.32rem;}

    .fw-jidi,.fw-renzheng{ padding-bottom: 3.1rem;}
    .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.32rem;}
    .jd-right li:nth-child(odd) p{ right: 0; bottom: 0; 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.26rem; 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; width: 300%; margin: 0;}
    .scrollpics img{ float: left; width: 33.33%; }
    .scrollpics p{ width: 100%; padding-top: 0.2rem; text-align: center; font-size: 0.32rem;}


    .fw-txt h3{ margin-top: 0;}


    .yj-kehu{ padding: 1.2rem 0 3rem;}


    .yj-lianxi{ padding-top: 1rem;}
    .yj-lianxi .biaodan{ padding-bottom: 1rem; font-size: 0.4rem;}
    .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.4rem; margin-bottom: 1em;}

    .yj-lianxi{ font-size: 0.4rem; }
    .yj-lianxi .lxfs{ padding: 1rem 0.4rem; left: 0.4rem; }
    .lxfs h3{ font-size: 0.64rem;}
    .yj-lianxi .pp{ font-size: 0.32rem; }
    .lxdh{ width: 100%;}
    .lxdh li{padding-left: 0.7rem; line-height: 2.2; }
    .lxdh li span{  width: 0.55rem; line-height: 0.88rem;}
    .lxdh li:nth-child(3) span{ font-size: 0.32rem; }
    .saoma{ width: 100%; margin-top: 0.7rem;}
    .saoma ul{ margin: 0 -0.15rem; }
    .saoma li{ padding: 0 0.15rem; margin-top: 0.5rem;}
}




















