body{
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    color: #000;
    font: 16px/1 "Noto Sans SC","Microsoft YaHei",Arial,"Helvetica Neue", Helvetica,sans-serif;
    background: #ededed;
}
ul,ol,dl,p,h1,h2,h3,h4,h5{ margin: 0; padding: 0;}
a{ color: inherit;  font-size: inherit; }
a:hover{ color: inherit; text-decoration: none;}
a:focus{ outline: 0; color: inherit; text-decoration: none; }
input:focus,textarea:focus{ outline: none;}
.pos-rel{ position: relative;}


.header{ padding: 15px 0; line-height: 1; background: #fff;}
.header ul{ margin-top: 22px; line-height: 20px; }
.header li{ float: left; padding-left: 15px;  font-size: 16px; }
.header li + li{ border-left: 1px solid; margin-left: 15px; }
.header b{ font-size: 20px; color: #e60012;}
.header .tel{ font-size: 20px; font-weight: 700; color: #da251d; margin-top: 7px;}

.pro-diepan-banner{ position: relative; background: url("../image/wuni-yanqi1-1.jpg") no-repeat center/cover;}
.pro-diepan-banner .txt{ position: absolute; top: 50%; width: 40%; font-size: 20px;
    -webkit-transform: translateY(-52%);
    -moz-transform: translateY(-52%);
    -ms-transform: translateY(-52%);
    -o-transform: translateY(-52%);
    transform: translateY(-52%); }
.pro-diepan-banner h2{ margin-bottom: 10px; font-size: 60px; font-weight: 900; color: #6180c0; line-height: 1.3;}
.pro-diepan-banner .p{ line-height: 1.4; font-weight: 600;}
.pro-diepan-banner .canshu{ margin: 70px 0 50px; line-height: 1.5;  }
.pro-diepan-banner .canshu b{ font-weight: bold; color: #6180c0;}
.pro-diepan-banner .tel{ margin-bottom: 22px; font-size: 24px; font-weight: bold;}
.pro-diepan-banner .baojia{ display: block; width: 240px; line-height: 56px; color: #fff; font-size: 30px; text-align: center; background: #6180c0;}
.pro-diepan-banner .pic{ width: 57.5%; }

.pro-diepan-mao{ background: #6180c0;}
.pro-diepan-mao a{ float: left; width: 20%; text-align: center; color: #fff; font-size: 30px; font-weight: bold; line-height: 110px;}
.pro-diepan-mao a:hover,.pro-diepan-mao a.on{ background: #7d9cdc;}
.pro-mao-fixed{ display: none; position: fixed; top: 0; left: 0; width: 100%; z-index: 99;}

.wn-tit{ font-size: 30px; font-weight: bold; color: #6180c0; text-align: center;}
.wn-tit-white{ color: #fff;}

.yanqi-intro{ padding: 100px 0 80px; background: #fff;}
.yanqi-intro .wn-tit{ text-align: left; margin-bottom: 30px;}
.yanqi-intro .txt{ width: 32%;}
.yanqi-intro .txt p{ font-size: 18px; line-height: 36px; margin-top: 20px;}
.yanqi-intro .pic{ position: relative; width: 57.5%;}
.yanqi-intro .pic span{ position: absolute; right: 30px; bottom: 20px; font-size: 18px; color: #fff;}

.yanqi-liucheng{ padding-top: 80px; background: url("../image/wuni-yanqi3-bg.jpg") no-repeat center/cover;}
.yanqi-liucheng .p{ width: 70%; margin: 45px auto; text-align: center; font-size: 18px; line-height: 32px;}
.yanqi-liucheng .pic{ padding: 50px 0; background: rgba(255,255,255,.3);}

.yanqi-zhuanli{ padding: 70px 0 90px; color: #fff; background: url("../image/wuni-diepan4-1.jpg") no-repeat center/cover;}
.yanqi-zhuanli .txt{ width: 41%;}
.yanqi-zhuanli .txt h2{ margin-bottom: 50px; text-align: left;}
.yanqi-zhuanli .txt p{ padding-left: 30px; font-size: 18px; line-height: 36px; margin-top: 25px; background: url("../image/wuni-yanqi4-icon.png") no-repeat left 9px;}
.yanqi-zhuanli .pic{ width: 52.6%;}

.yanqi-kehu{ padding: 90px 0 100px; background: #fff;}
.yanqi-kehu h2{ margin-bottom: 20px;}
.yanqi-kehu li{ float: left; width: 30%; margin-top: 30px;}
.yanqi-kehu .li2{ width: 35%; margin: 30px 2.5% 0;}



.pro-diepan-kehu{ padding: 70px 0 80px; color: #fff; background: url("../image/wuni-diepan5-bg.jpg") no-repeat center/cover;}
.pro-diepan-kehu .p{ text-align: center; width: 90%; margin: 60px auto; font-size: 18px; line-height: 1.8;}
.pro-diepan-kehu li{ float: left; width: 16.67%; height: 200px; padding-top: 25px; text-align: center; background: #6180c0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;}
.pro-diepan-kehu li img{ display: inline-block;}
.pro-diepan-kehu li p{ font-size: 30px; font-weight: bold; margin-top: 5px;}
.pro-diepan-kehu li + li{ position: relative; margin-left: 11.1067%;}
.pro-diepan-kehu li + li::before{ position: absolute; left: -91px; top: 50%; content: "+"; font-size: 80px; margin-top: -56px; font-weight: bold;}

.pro-diepan-contact{ background: url("../image/wuni-diepan6-bg.png") no-repeat center/cover;}
.pro-diepan-contact .p-c-left{ width: 55%; padding-top: 80px;}
.pro-diepan-contact .p-c-left li{ float: left; width: 50%; margin-top: 70px;}
.pro-diepan-contact .p-c-left li b{ float: left; font-size: 60px; font-family: 'Roboto'; color: #6180c0; font-weight: normal; margin-right: 25px;}
.pro-diepan-contact .p-c-left li b span{ font-family: "Noto Sans SC";}
.pro-diepan-contact .p-c-left li p{ overflow: hidden; padding-top: 8px; font-size: 18px; line-height: 22px;}
.pro-diepan-contact .p-c-right{ width: 35%; height: 500px; padding: 50px 50px 0; color: #fff; background: rgba(22,74,168,.61);}
.pro-diepan-contact .p-c-right .p{ position: relative; padding-left: 30px; margin-top: 50px;}
.pro-diepan-contact .p-c-right .name{ margin-bottom: 15px; font-size: 20px; font-weight: 500;}
.pro-diepan-contact .p-c-right .b{ font-size: 40px; font-weight: bold;}
.pro-diepan-contact .p-c-right .p + .p .b{ font-size: 20px;}
.pro-diepan-contact .p-c-right .p + .p b{ display: block; font-size: 30px; margin-bottom: 10px;}
.pro-diepan-contact .p-c-right img{ position: absolute; left: 0; top: 0;}



.footer{ padding: 30px 0; background-color: #333; color: #fff;}
.footer a{ display: inline-block; padding: 0 5px; line-height: 46px; font-size: 16px;}
.footer a:hover{ text-decoration: underline;}

.goTop{ display: none; position: fixed; right: 10px; bottom: 80px; width: 50px; height: 50px; font-size: 23px; text-align: center; line-height: 50px; background: #c40000 url("../image/top.png") no-repeat center; color: #fff;  z-index: 9999; cursor: pointer;}


@media screen and (max-width: 1259px){

    .pro-diepan-banner .txt{ width: 42%; font-size: 18px;}
    .pro-diepan-banner h2{ font-size: 50px; line-height: 1.3;}
    .pro-diepan-banner .canshu{ margin: 50px 0 30px;}

    .pro-diepan-mao a{ font-size: 28px; line-height: 90px;}

    .yanqi-intro{ padding: 80px 0 70px;}
    .yanqi-intro .txt{ width: 40%;}
    .yanqi-intro .txt p{ font-size: 16px; line-height: 1.8; margin-top: 20px;}

    .yanqi-liucheng{ padding-top: 70px;}
    .yanqi-liucheng .p{ margin: 35px auto;}
    .yanqi-liucheng .pic{ padding: 40px;}

    .yanqi-zhuanli{ padding: 60px 0 70px;}
    .yanqi-zhuanli .txt{ width: 44%;}
    .yanqi-zhuanli .txt h2{ margin-bottom: 35px;}
    .yanqi-zhuanli .txt p{ font-size: 16px; line-height: 27px; margin-top: 20px; background-position: left 6px;}

    .yanqi-kehu{ padding: 65px 0;}

    .pro-diepan-kehu{ padding: 60px 0 70px;}
    .pro-diepan-kehu .p{ margin: 45px auto;}
    .pro-diepan-kehu li{ height: 156px; padding-top: 20px;}
    .pro-diepan-kehu li + li::before{ left: -73px; font-size: 70px; margin-top: -50px;}
    .pro-diepan-kehu li img{ width: 78px; height: auto;}
    .pro-diepan-kehu li p{ font-size: 24px;}

    .pro-diepan-contact .p-c-left li{ margin-top: 60px;}
    .pro-diepan-contact .p-c-left li b{ font-size: 54px; margin-right: 20px;}
    .pro-diepan-contact .p-c-right{ width: 38%; height: 470px; padding: 50px 30px 0;}
    .pro-diepan-contact .p-c-right .b{ font-size: 36px;}
    .pro-diepan-contact .p-c-right .p + .p b{ font-size: 28px;}


}

@media screen and (max-width: 991px){
    .header ul{margin-top: 11px; font-size: 14px;}
    .header .logo img{ width: 140px;}
    .header b{ font-size: 16px;}

    .pro-diepan-banner .txt{ width: 40%; font-size: 16px;}
    .pro-diepan-banner h2{ font-size: 40px; }
    .pro-diepan-banner .canshu{ margin: 30px 0 20px;}
    .pro-diepan-banner .tel{ font-size: 21px;}
    .pro-diepan-banner .baojia{ width: 180px; line-height: 50px; font-size: 26px;}

    .pro-diepan-mao a{ font-size: 24px; line-height: 80px;}


    .yanqi-intro{ padding: 55px 0 50px;}
    .yanqi-intro .txt h2{ margin-bottom: 20px; }
    .yanqi-intro .txt p{ font-size: 14px; line-height: 1.6; margin-top: 12px;}

    .yanqi-liucheng{ padding-top: 50px;}
    .yanqi-liucheng .p{ width: 100%; margin: 30px auto;}
    .yanqi-liucheng .pic{ padding: 35px;}

    .yanqi-zhuanli{ padding: 50px;}
    .yanqi-zhuanli .txt{ width: 100%; margin-bottom: 30px;}
    .yanqi-zhuanli .txt h2{ margin-bottom: 25px;}
    .yanqi-zhuanli .pic{ width: 100%;}

    .yanqi-kehu{ padding: 50px 0;}
    .yanqi-kehu h2{ margin-bottom: 10px;}
    .yanqi-kehu li{ margin-top: 25px;}
    .yanqi-kehu .li2{ margin-top: 25px;}


    .pro-diepan-kehu{ padding: 50px 0 60px;}
    .pro-diepan-kehu .p{ margin: 35px auto;}
    .pro-diepan-kehu li{ height: 120px; padding-top: 15px;}
    .pro-diepan-kehu li + li::before{ left: -58px; font-size: 60px; margin-top: -34px;}
    .pro-diepan-kehu li img{ width: 62px; height: auto;}
    .pro-diepan-kehu li p{ font-size: 18px;}

    .pro-diepan-contact .p-c-left li{ margin-top: 50px;}
    .pro-diepan-contact .p-c-left li b{ font-size: 44px; margin-right: 10px;}
    .pro-diepan-contact .p-c-left li p{ padding-top: 0; font-size: 16px;}
    .pro-diepan-contact .p-c-right{ width: 43%; height: 390px; padding: 40px 30px 0;}
    .pro-diepan-contact .p-c-right .p{ margin-top: 40px;}
    .pro-diepan-contact .p-c-right img{ top: -2px;}
    .pro-diepan-contact .p-c-right .name{ font-size: 18px;}
    .pro-diepan-contact .p-c-right .b{ font-size: 30px;}
    .pro-diepan-contact .p-c-right .p + .p .b{ font-size: 18px;}
    .pro-diepan-contact .p-c-right .p + .p b{ font-size: 26px;}


}

@media screen and (max-width: 767px){
    .header .logo img{ width: 120px;}

    .pro-diepan-banner .pic{ width: 100%; }
    .pro-diepan-banner .txt{ position: static; width: 100%; padding: 0.6rem 0; font-size: 0.3rem;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);}
    .pro-diepan-banner h2{ font-size: 0.7rem; margin-bottom: 0.3rem; }
    .pro-diepan-banner .txt img{ width: 0.6rem;}
    .pro-diepan-banner .canshu{ margin: 0.5rem 0;}
    .pro-diepan-banner .tel{ font-size: 0.5rem; margin-bottom: 0.5rem;}
    .pro-diepan-banner .baojia{ width: 3rem; line-height: 0.9rem; font-size: 0.4rem;}

    .pro-diepan-mao a{ font-size: 0.36rem; line-height: 3;}

    .wn-tit{ font-size: 0.7rem;}

    .yanqi-intro{ padding: 0.6rem;}
    .yanqi-intro .txt{ width: 100%;}
    .yanqi-intro .txt h2{ margin-bottom: 0.4rem; text-align: center; }
    .yanqi-intro .txt p{ font-size: 0.3rem; line-height: 1.6; margin: 0 0 0.3rem;}
    .yanqi-intro .pic{ width: 100%;}
    .yanqi-intro .pic span{ font-size: 0.3rem; right: 0.3rem; bottom: 0.25rem;}

    .yanqi-liucheng{ padding-top: 0.6rem;}
    .yanqi-liucheng .p{margin: 0.4rem 0; font-size: 0.3rem; line-height: 1.8;}
    .yanqi-liucheng .pic{ padding: 0.5rem;}

    .yanqi-zhuanli{ padding: 0.6rem;}
    .yanqi-zhuanli .txt{margin-bottom: 0.5rem;}
    .yanqi-zhuanli .txt h2{ margin-bottom: 0.5rem; text-align: center;}
    .yanqi-zhuanli .txt p{ margin-top: 0.4rem; font-size: 0.3rem; line-height: 0.6rem; padding-left: 0.5rem; background-size: 0.3rem; background-position: left 0.14rem;}

    .yanqi-kehu{ padding: 0.6rem;}
    .yanqi-kehu h2{ margin-bottom: 0.3rem;}
    .yanqi-kehu li,.yanqi-kehu .li2{ margin-top: 0.25rem;}



    .pro-diepan-kehu{ padding: 0.65rem 0;}
    .pro-diepan-kehu .p{ width: 100%; margin: 0.5rem auto; font-size: 0.3rem;}
    .pro-diepan-kehu li{ height: 1.75rem; width: 1.75rem; padding-top: 0.19rem; }
    .pro-diepan-kehu li + li{ margin-left: 0.65rem;}
    .pro-diepan-kehu li + li::before{ left: -0.5433rem; font-size: 0.74rem; margin-top: -0.48rem;}
    .pro-diepan-kehu li img{ width: 0.95rem; }
    .pro-diepan-kehu li p{ font-size: 0.27rem; margin-top: 0.08rem;}

    .pro-diepan-contact .p-c-left{ width: 100%; padding: 0 0 0.5rem;}
    .pro-diepan-contact .p-c-left li{ margin-top: 0.5rem;}
    .pro-diepan-contact .p-c-left li b{ font-size: 0.8rem; margin-right: 0.15rem;}
    .pro-diepan-contact .p-c-left li p{ padding-top: 0; font-size: 0.3rem; line-height: 0.4rem;}
    .pro-diepan-contact .p-c-right{ width: 100%; height: auto; padding: 0 0.4rem 0.5rem;}
    .pro-diepan-contact .p-c-right .p{ margin-top: 0.5rem; padding-left: 0.5rem;}
    .pro-diepan-contact .p-c-right img{ width: 0.4rem; height: auto; top: 0;}
    .pro-diepan-contact .p-c-right .name{ font-size:0.34rem;}
    .pro-diepan-contact .p-c-right .b{ font-size: 0.6rem;}
    .pro-diepan-contact .p-c-right .p + .p .b{ font-size: 0.34rem;}
    .pro-diepan-contact .p-c-right .p + .p b{ font-size: 0.5rem; margin-bottom: 0.12rem;}


    .footer{ padding: 15px 0;}
    .footer img{ width: 120px;}
    .footer a{ font-size: 14px; line-height: 34px; }

}
@media screen and (max-width: 600px){
   

}
@media screen and (max-width: 520px){





}
@media screen and (max-width: 450px){

    

    .footer img{ width: 78px;}
    .footer a{ padding: 0 .1vw; font-size: 12px; line-height: 22px; }

}