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("../images/wuni-diepan1-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: 25%; 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;}
.pro-diepan-intro{ padding: 100px 0 80px; background: #fff;}
.pro-diepan-intro .p{ margin: 40px 0 20px; font-size: 18px; line-height: 1.7; text-align: center;}

.pro-diepan-yuanli{ padding: 80px 0 100px; background: #f3f5f9;}
.pro-diepan-yuanli .yl-cont{ margin-bottom: 50px;}
.pro-diepan-yuanli .txt{ width: 41%;}
.pro-diepan-yuanli .wn-tit{ text-align: left; margin-bottom: 50px;}
.pro-diepan-yuanli .txt p{ margin-top: 30px; font-size: 18px; line-height: 1.778;}
.pro-diepan-yuanli .pic{ width: 50%;}

.pro-diepan-youshi{ padding: 80px 0 100px; color: #fff; background: url("../images/wuni-diepan4-1.jpg") no-repeat center/cover;}
.pro-diepan-youshi .wn-tit{ margin-bottom: 30px;}
.pro-diepan-youshi ul{ margin: 0 -30px;}
.pro-diepan-youshi li{ float: left; width: 33.33%; padding: 0 30px; margin-top: 60px; font-size: 18px; line-height: 32px;;}
.pro-diepan-youshi .box{ position: relative; padding: 50px 25px 30px; border: 3px solid #8da3d1; }
.pro-diepan-youshi .box span{ position: absolute; left: 27px; top: -37px; width: 60px; height: 37px; overflow: auto; background: #6180c0 url("../images/wuni-diepan4-3.png") no-repeat center/110%;}
.pro-diepan-youshi h3{ font-size: 18px; font-weight: bold; margin-bottom: 20px;}
.pro-diepan-youshi p{ height: 96px;}
.pro-diepan-youshi li:last-child .box p{ letter-spacing: -0.2px;}
.pro-diepan-youshi li:hover .box{ border-color: #fff;}
.pro-diepan-youshi li:hover .box span{ background-image: url(../images/wuni-diepan4-2.png);}

.pro-diepan-kehu{ padding: 70px 0 80px; color: #fff; background: url("../images/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("../images/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("../images/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;}

    .pro-diepan-intro{ padding: 80px 0 65px;}

    .pro-diepan-yuanli{ padding: 65px 0 80px;}
    .pro-diepan-yuanli .wn-tit{ margin-bottom: 40px;}
    .pro-diepan-yuanli .yl-cont{ margin-bottom: 40px;}
    .pro-diepan-yuanli .txt{ width: 45%;}
    .pro-diepan-yuanli .txt p{ margin-top: 20px; font-size: 16px;}

    .pro-diepan-youshi{ padding: 65px 0 80px;}
    .pro-diepan-youshi ul{ margin: 0 -15px;}
    .pro-diepan-youshi li{ padding: 0 15px;}
    .pro-diepan-youshi .box{ padding: 35px 20px 25px;}

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

    .pro-diepan-intro{ padding: 55px 0 45px;}
    .pro-diepan-intro .p{ margin: 30px 0 10px;}

    .pro-diepan-yuanli{ padding: 50px 0 60px;}
    .pro-diepan-yuanli .wn-tit{ margin-bottom: 30px;}
    .pro-diepan-yuanli .yl-cont{ margin-bottom: 30px;}
    .pro-diepan-yuanli .txt{ width: 49%;}
    .pro-diepan-yuanli .txt p{ margin-top: 10px; font-size: 14px;}
    .pro-diepan-yuanli .pic{ width: 49%; padding-top: 30px;}

    .pro-diepan-youshi{ padding: 50px 0 60px;}
    .pro-diepan-youshi ul{ margin: 0 -5px;}
    .pro-diepan-youshi li{ padding: 0 5px;}
    .pro-diepan-youshi .box{ padding: 25px 10px 20px;}
    .pro-diepan-youshi h3{ font-size: 16px; line-height: 26px; letter-spacing: -0.5px; margin-bottom: 10px;}
    .pro-diepan-youshi p{ font-size: 16px; line-height: 26px; height: 78px; }

    .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.45rem; line-height: 2.8;}

    .pro-diepan-intro{ padding: 0.65rem 0;}
    .wn-tit{ font-size: 0.7rem;}
    .pro-diepan-intro .p{ font-size: 0.3rem; margin: 0.4rem 0 0.3rem;}

    .pro-diepan-yuanli{ padding: 0.65rem 0;}
    .pro-diepan-yuanli .wn-tit{ text-align: center; margin-bottom: 0.4rem;}
    .pro-diepan-yuanli .yl-cont{ margin-bottom: 0.3rem;}
    .pro-diepan-yuanli .txt{ width: 100%;}
    .pro-diepan-yuanli .txt p{ margin-top: 0.1rem; font-size: 0.3rem; line-height: 1.8;}
    .pro-diepan-yuanli .pic{ width: 100%; margin-top: 0.3rem; padding-top: 0;}

    .pro-diepan-youshi{ padding: 0.65rem 0;}
    .pro-diepan-youshi .wn-tit{ margin-bottom: 0.5rem;}
    .pro-diepan-youshi ul{ margin: 0 -0.2rem;}
    .pro-diepan-youshi li{ padding: 0 0.2rem; width: 50%; margin-top: 0.8rem;}
    .pro-diepan-youshi .box{ padding: 0.3rem; border-width: 0.05rem;}
    .pro-diepan-youshi h3{ font-size: 0.3rem; line-height: 1.4; letter-spacing: 0; margin-bottom: 0.2rem;}
    .pro-diepan-youshi p{ font-size: 0.3rem; line-height: 1.6; height: auto; }
    .pro-diepan-youshi .box span{ width: 0.8rem; height: 0.5rem; top: -0.5rem;}

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

}