/*标签样式初始化*/

div,

ul,

li,

span,

p,

img,

h1,

h2,

h3,

h4,

h5,

h6,

dl,

dt,

dd {

    margin: 0px;

    padding: 0px;

    list-style: none;

    border: 0px;

}



/*公共样式部分*/



body {

    font-size: 14px;

    color: #666;

    margin: 0 auto;

    background-color: #fff;

    font-family: "Microsoft YaHei";

    overflow-x: hidden;

}





a {

    color: #666;

    text-decoration: none;

}



a:hover {

    color: #fb9001;

    text-decoration: none;

}







/* .box {

    width: 94%;

    min-width: 1300px;

    margin: 0 auto;

} */



.fl {

    float: left;

}



.fr {

    float: right;

}



/*左右浮动清除*/

.clear {

    clear: both;

    height: 0px;

    overflow: hidden;

}





.wp {

    margin: 0 auto;

    width: 1500px;

}





/*间隙*/

.top10 {

    padding-top: 10px;

}



.top20 {

    padding-top: 20px;

}



.top30 {

    padding-top: 30px;

}



.top40 {

    padding-top: 40px;

}



.top50 {

    padding-top: 50px;

}



.top60 {

    padding-top: 60px;

}



.top70 {

    padding-top: 70px;

}



.top80 {

    padding-top: 80px;

}



.top90 {

    padding-top: 90px;

}



.top100 {

    padding-top: 100px;

}



body {

    padding-top: 100px;

    overflow-x: hidden;

}



/*抬头*/

.header {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100px;

    z-index: 999;

    background: rgba(255, 255, 255, 0.3);

    box-sizing: border-box;

    padding: 0 62px;

}

.header.fixed {

    background: rgba(255, 255, 255, 0.8);

    color: #fff;

}

.header.fixed .nav li>a {

    color: #000;

}

.header.fixed .tel {

    color: #000;

}

.header.fixed .name {

    color: #000;

}





.logo {

    margin-left: 20px;

    margin-top: 20px;

}



.header .name {

    margin-left: 20px;

    height: 73px;

    padding-top: 27px;

    padding-right: 20px;

    font-weight: bold;

    font-size: 32px;

    color: #fff;



}





.ul-code li {

    float: left;

    width: 98px;

    height: 100px;



    text-align: center;

    font-size: 14px;

    cursor: pointer;

    position: relative;

    z-index: 2;

}



.ul-code li>span {

    display: block;

    margin: 0 auto;

    margin-top: 26px;

    margin-bottom: 10px;

    width: 100%;

    height: 27px;

    background-size: auto 100%;

    background-repeat: no-repeat;

    background-position: center;

}



.ul-code li:nth-child(2) {

    border: none;

}



.ul-code li i {

    position: absolute;

    top: 100px;

    left: 0px;

    width: 120px;

    display: none;

}



.ul-code li i>img {

    display: block;

    width: 96px;

    border: 2px #eee solid;

}



.ul-code li:hover i {

    display: block;

}



.ul-code li:hover {

    background: #064893;

    color: #fff;

}



.ul-code li:nth-child(1) span {

    background-image: url(../images/20200623125334_1228322351.png);

}



.ul-code li:nth-child(2) span {

    background-image: url(../images/20200623125723_45248645.png);

}



.ul-code li:hover:nth-child(1) span {

    background-image: url(../images/20200623131036_2068250741.png);

}



.ul-code li:hover:nth-child(2) span {

    background-image: url(../images/20200623131050_134626516.png);

}



.header .tel {

    background: url(../images/20200623131233_1050660963.jpg)no-repeat 33px 33px;



    height: 58px;

    font-size: 24px;

    font-weight: bold;

    color: #333;

    line-height: 28px;

    padding-left: 90px;

    padding-right: 33px;

    padding-top: 42px;

}





/*导航*/





.nav {

    float: right;

}

.nav li {

    float: left;

    display: block;

    position: relative;

    height: 100%;

    padding: 0 24px;

}



.nav li>a {

    display: block;

    color: #333;

    font-size: 18px;

    text-align: center;

    position: relative;

    z-index: 3333;

    height: 100%;

}



.nav li>a:hover {

    color: #064893;

    font-weight: bold;

}



.nav li>a {

    line-height: 100px;

    -webkit-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

}



.nav li:after {

    content: '';

    width: 0%;

    height: 3px;

    background: #064893;

    position: relative;

    bottom: 3px;

    left: 0px;

    -webkit-transition: 0.3s all ease-in-out;

    transition: 0.3s all ease-in-out;

    z-index: 2222;

    display: block;

    margin: 0 auto;

}



.nav li.on:after,

.nav li:hover:after {

    width: 100%;

}



.nav li.on>a {

    color: #f8c65b !important;

    font-weight: bold !important;

}







/*导航下拉*/

.nav .sub {

    width: 288px;

    padding: 28px;

    border: 3px #fff solid;

    position: absolute;

    background: rgba(255, 255, 255, 0.9);

    left: 0;

    top: 100%;

    z-index: 99;

    display: none;

}



.nav .sub p {

    font-size: 19px;

    font-weight: bold;

    color: #222;

    padding-bottom: 8px;

}



.nav .sub span {

    font-size: 15px;

}



.nav .sub span:after {

    content: "";

    display: block;

    width: 29px;

    height: 4px;

    background: #064893;

    margin-top: 19px;

}



.nav .sub a {

    display: block;

    border: 1px #ccc solid;

    margin-bottom: 13px;

    width: 163px;

    line-height: 33px;

    color: #333;

    font-size: 15px;

    text-align: center;

}



.nav .sub a:hover {

    color: #fff;

    background-color: #064893;

}



.nav li .nav2 {

    width: 250%;

}



.nav li .nav2 a {

    width: 50%;

    float: left;

}



.nav li#Zz8 .sub,

.nav li#Zz9 .sub {

    left: -236px;

}

.dropIcon {

    display: none;

    position: absolute;

    top: 0;

    right: 20px;

    width: 20px;

    height: 45px;

    background: url(../images/navjt.png) no-repeat center;

    background-size: 17px;

    transition: .3s;

    -webkit-transition: .3s;

    -moz-transition: .3s;

    -ms-transition: .3s;

    -o-transition: .3s;

}

.on .dropIcon {

    transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

}

.tabbar {

    display: none;

}

.menuBtn {

    display: none;

    position: fixed;

    top: 12px;

    right: 12px;

    width: 30px;

    height: 30px;

    cursor: pointer;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}



.menuBtn b {

    display: block;

    height: 4px;

    background-color: #064893;

    margin: 4px 0;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}



.menuBtn.open b {

    display: none;

    margin: 0;

    position: absolute;

    left: 0px;

    top: 50%;

    margin-top: -5px;

    width: 30px;

}



.menuBtn.open b:first-child {

    display: block;

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

}



.menuBtn.open b:last-child {

    display: block;

    transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

}



/*版权*/

.link_bg {

    height: 80px;

    background: #064893;

}



.links_l {

    font-size: 16px;

    color: #fff;

    line-height: 80px;

}



.linkTagcs li a {

    font-size: 14px;

}



.links_r a {

    font-size: 14px;

    color: #fff;

    height: 80px;

    padding-top: 15px;

    display: block;

}





.footer {

    background: #222222;

    height: 337px;

    border-bottom: 1px solid #383838;

}



.footer .wp {

    overflow: hidden;

}



.footer_l {

    width: 410px;

    border-right: 1px solid #383838;

}



.fonter_a {

    height: 56px;

    width: 350px;

}



.fonter_a a {

    width: 130px;

    height: 34px;

    display: block;

    line-height: 34px;

    font-size: 16px;

    border: 1px solid #383838;

    text-align: center;

    float: left;

    color: #aaa;

}



.fonter_a a:nth-child(2) {

    margin-left: 20px;

}



.fonter_tel {

    font-size: 38px;

    color: #fff;

    font-family: "Arial";

    background: url(../images/20200624085843_2004465732.png)no-repeat left center;

    ;

    font-weight: lighter;

    padding-left: 38px;

}



.fonter_d {

    margin-top: 20px;

}



.fonter_d li {

    font-size: 15px;

    color: #999;

    padding-left: 30px;

}



.fonter_d li:nth-child(1) {

    background: url(../images/20200624085908_1664320877.png)left center no-repeat;

}



.fonter_d li:nth-child(2) {

    background: url(../images/20200624085935_910908017.png)no-repeat left center;

}



.fonter_d li {

    line-height: 36px;

}



.footer_r {

    padding-left: 56px;

    width: 540px;

}



.footer_r li {

    width: 180px;

    float: left;

}



.footer_r li a {

    font-size: 15px;

    color: #999;

    display: block;

    line-height: 36px;

}



.footer_r li a:hover {

    color: #fff;

}



.footer_t {

    font-size: 18px !important;

    color: #fff !important;

    margin-bottom: 10px;

}



.wechat {

    width: 165px;

    height: 196px;

    background: #fff;

    text-align: center;

}



.wechat img {

    display: block;

    width: 150px;

    margin: 0 auto;

    margin-top: 8px;

}



.wechat p {

    font-size: 15px;

    color: #999;

    margin-top: 8px;

}



.f-copy {

    width: 100%;

    height: 129px;

    background: #222;

}



.f-copy a:hover {

    color: #064893;

}



.copy,

.copy a {

    color: #999;

    font-size: 15px;

    line-height: 126px;

}









/* 客服样式*/

.y-kefu-box {

    position: fixed;

    right: 0;

    top: 20%;

    z-index: 9999;

    font-size: 13px;

}



.y-kefu-box img {

    display: block;

    width: 100%;

    height: auto;

}



.y-kefu-box01 .icon {

    display: block;

    background: url(../images/20200725165129_178076682.png) no-repeat;

    margin: 0 auto 6px;

}



.y-kefu-box01 {

    width: 54px;

    color: #666;

    text-align: center;

}



.y-kefu-box01 .kf-close-btn {

    width: 27px;

    height: 27px;

    background-position: -5px -115px;

    position: relative;

    cursor: pointer;

}



.y-kefu-box01 .kf-close-btn:before {

    content: '';

    display: block;

    width: 1px;

    height: 12px;

    background-color: #064893;

    position: absolute;

    bottom: -12px;

    left: 13px;

    z-index: 1;

}



.y-kefu-box01 .kf-close-btn:before {

    content: '';

    display: block;

    width: 1px;

    height: 12px;

    background-color: #064893;

    position: absolute;

    bottom: -12px;

    left: 13px;

    z-index: 1;

}



.y-kefu-box01 .show-status>a,

.y-kefu-box01 .show-status>div {

    display: block;

    width: 52px;

    padding: 8px 0 12px;

    background-color: #fff;

    border-left: solid 1px #efefef;

    border-top: solid 1px #efefef;

    border-right: solid 1px #efefef;

    position: relative;

    border-bottom: 1px #efefef solid;

}



.y-kefu-box01 .show-status {

    position: relative;

}



.y-kefu-box01 .show-status .kf-zixun {

    background-color: #064893;

    border-color: #064893;

    color: #fff;

    margin: 10px 0 7px;

}



.y-kefu-box01 .show-status .kf-zixun {

    background-color: #064893;

    border-color: #064893;

    color: #fff;

    margin: 10px 0 7px;

}



.y-kefu-box01 .kf-zixun {

    border-radius: 2px;

}



.y-kefu-box01 .kf-zixun i {

    width: 21px;

    height: 22px;

    background-position: -5px -5px;

}



.y-kefu-box01 .kf-mobile {

    border-top-left-radius: 2px;

    border-top-right-radius: 2px;

}



.y-kefu-box01 .kf-mobile>i {

    width: 18px;

    height: 18px;

    background-position: -5px -32px;

}



.y-kefu-box01 .kf-mobile:hover>i {

    background-position: -30px -32px;

}



.y-kefu-box01 .kf-weChat>i {

    width: 22px;

    height: 19px;

    background-position: -5px -55px;

}



.y-kefu-box01 .kf-weChat:hover>i {

    background-position: -30px -55px;

}



.y-kefu-box01 .kf-email {

    border-bottom-left-radius: 2px;

    border-bottom-right-radius: 2px;

}



.y-kefu-box01 .kf-email>i {

    width: 18px;

    height: 14px;

    background-position: -5px -80px;

}



.y-kefu-box01 .kf-email:hover>i {

    background-position: -30px -80px;

}



.y-kefu-box01 .back-top i {

    width: 13px;

    height: 11px;

    background-position: -5px -98px;

}



.y-kefu-box01 .back-top:hover i {

    background-position: -30px -98px;

}



.y-kefu-box01 .kf-email,

.y-kefu-box01 .back-top {

    border-bottom: solid 1px #efefef;

}



.y-kefu-box01 .back-top {

    margin-top: 20px;

    border-radius: 2px;

    left: 55px;

}



.y-kefu-box01 .hver:hover {

    background-color: #064893;

    border-color: #949494;

}



.y-kefu-box01 .hver:hover>p {

    color: #fff;

}



.y-kefu-box01 .kf-zixun1 {

    border-radius: 2px;

}



.y-kefu-box01 .kf-zixun1>i {

    width: 21px;

    height: 22px;

    background-position: -5px -180px;

}



.y-kefu-box01 .kf-zixun1:hover>i {

    background-position: -30px -180px;

}





.y-kefu-box01 .mobile-infos,

.y-kefu-box01 .y-ewm-box,

.y-kefu-box01 .y-email-infos {

    background-color: #fff;

    border: solid 1px #efefef;

    position: absolute;

    right: 90px;

    z-index: 2;

    border-radius: 2px;

    display: none;

}



/*咨询热线*/

.y-kefu-box01 .mobile-infos {

    width: 260px;

    text-align: left;

    top: 0;

}



.y-kefu-box01 .mobile-infos>div {

    padding: 20px 0 20px 45px;

    position: relative;

}



.y-kefu-box01 .mobile-infos>div i {

    width: 15px;

    height: 15px;

    background-position: -52px -32px;

    position: absolute;

    top: 22px;

    left: 20px;

    z-index: 2;

}



.y-kefu-box01 .mobile-infos .online1 {

    border-bottom: solid 1px #efefef;

}



.y-kefu-box01 .mobile-infos span {

    color: #b9b9b9;

}



.y-kefu-box01 .mobile-infos p {

    color: #064893;

    font-size: 18px;

}



.y-kefu-box .right {

    width: 12px;

    height: 12px;

    position: absolute;

    right: -12px;

    top: 24px;

}



.y-kefu-box .right-arrow1,

.y-kefu-box .right-arrow2 {

    width: 0;

    height: 0;

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    border-top: 6px transparent dashed;

    border-right: 6px transparent dashed;

    border-bottom: 6px transparent dashed;

    border-left: 6px white solid;

    overflow: hidden;

}



.y-kefu-box .right-arrow1 {

    left: 1px;

    border-left: 6px #efefef solid;

}



.y-kefu-box .right-arrow2 {

    border-left: 6px white solid;

}



/*二维码*/

.y-kefu-box01 .y-ewm-box {

    width: 151px;

    height: 178px;

    top: -60px;

}



.y-kefu-box01 .y-ewm-box>div {

    width: 151px;

    height: 178px;

}



.y-kefu-box01 .y-ewm-box img {

    width: 115px;

    height: 114px;

    margin: 20px auto 10px;

}



.y-kefu-box01 .y-ewm-box .y-ewm-img1 {

    width: 150px;

    border-right: solid 1px #efefef;

}



.y-kefu-box01 .y-ewm-box .right {

    top: 84px;

}



/*email*/

.y-kefu-box01 .y-email-infos {

    padding: 28px 20px 28px 45px;

    color: #b9b9b9;

    text-align: left;

    bottom: 0;

    width: 170px;

}



.y-kefu-box01 .y-email-infos p {

    color: #0070fa;

    font-size: 16px;

}



.y-kefu-box01 .y-email-infos>i {

    width: 18px;

    height: 13px;

    background-position: -52px -80px;

    position: absolute;

    left: 15px;

    top: 30px;

}



.y-kefu-box01 .y-email-infos .right {

    top: 55px;

}



.y-kefu-box01 .hide-status {

    width: 54px;

    height: 65px;

    background-color: #f55b1b;

    position: absolute;

    top: 37px;

    left: 55px;

    z-index: 9;

}



.y-kefu-box01 .hide-status .kf-zixun {

    padding: 10px 0 7px;

    color: #fff;

    cursor: pointer;

}



@media only screen and (min-width: 1199px) and (max-width: 1920px) {

    .wp {

        margin: 0 auto;

        width: 77.70vw;

    }





    /*间隙*/

    .top10 {

        padding-top: 0.520vw;

    }



    .top20 {

        padding-top: 1.041vw;

    }



    .top30 {

        padding-top: 1.562vw;

    }



    .top40 {

        padding-top: 2.083vw;

    }



    .top50 {

        padding-top: 2.604vw;

    }



    .top60 {

        padding-top: 3.125vw;

    }



    .top70 {

        padding-top: 3.645vw;

    }



    .top80 {

        padding-top: 4.166vw;

    }



    .top90 {

        padding-top: 4.687vw;

    }



    .top100 {

        padding-top: 5.208vw;

    }



    body {

        padding-top: 5.208vw;

    }



    /*抬头*/

    .header {

        position: fixed;

        top: 0;

        left: 0;

        width: 100%;

        height: 5.208vw;

        z-index: 999;

        background: rgba(255, 255, 255, 0.01);

        padding: 0 62px;

    }

    .header.fixed {

        background: rgba(255, 255, 255, 0.8);

        color: #fff;

    }

    .header.fixed .nav li>a {

        color: #000;

    }

    .header.fixed .tel {

        color: #000;

    }

    .header.fixed .name {

        color: #000;

    }



    .logo {

        margin-left: 1.041vw;

        margin-top: 1.341vw;

    }

    .logo img {

        height: 3.28125vw;

    }

    .header .name {

        margin-left: 0.041vw;

        height: 3.802vw;

        padding-top: 1.506vw;

        padding-right: 1.041vw;

        color: #fff;

    }

    .header .name img {

        height: 2.70833vw;

    }



    .ul-code li {

        float: left;

        width: 5.104vw;

        height: 5.208vw;



        text-align: center;

        font-size: 0.729vw;

        cursor: pointer;

        position: relative;

        z-index: 2;

    }



    .ul-code li>span {

        display: block;

        margin: 0 auto;

        margin-top: 1.354vw;

        margin-bottom: 0.520vw;

        width: 100%;

        height: 1.406vw;



    }



    .ul-code li:nth-child(2) {

        border: none;

    }



    .ul-code li i {

        position: absolute;

        top: 5.208vw;

        left: 0vw;

        width: 6.25vw;

        display: none;

    }



    .ul-code li i>img {

        display: block;

        width: 5vw;

        border: 0.104vw #eee solid;

    }



    .ul-code li:hover i {

        display: block;

    }



    .ul-code li:hover {

        background: #064893;

        color: #fff;

    }



    .ul-code li:nth-child(1) span {

        background-image: url(../images/20200623125334_1228322351.png);

    }



    .ul-code li:nth-child(2) span {

        background-image: url(../images/20200623125723_45248645.png)
    }



    .ul-code li:hover:nth-child(1) span {

        background-image: url(../images/20200623131036_2068250741.png);

    }



    .ul-code li:hover:nth-child(2) span {

        background-image: url(../images/20200623131050_134626516.png)
    }



    .header .tel {

        background: url(../images/20200623131233_1050660963.png) no-repeat 1.718vw 1.718vw;

        background-size: 2.23958vw;

        height: 3.020vw;

        font-size: 1.25vw;

        font-weight: bold;

        color: #fff;

        line-height: 1.458vw;

        padding-left: 4.687vw;

        padding-right: 1.718vw;

        padding-top: 2.187vw;


    }





    /*导航*/



    .nav li {

        float: left;

        display: block;

        position: relative;

        height: 100%;

        padding: 0 1.341vw;

    }



    .nav li>a {

        display: block;

        color: #fff;

        font-size: 0.833vw;

        text-align: center;

        position: relative;

        z-index: 3333;

        height: 100%;

        font-weight: bold;

    }



    .nav li>a:hover {

        color: #064893;

        font-weight: bold;

    }



    .nav li>a {

        line-height: 5.208vw;

        -webkit-transition: 0.3s all ease-in-out;

        transition: 0.3s all ease-in-out;

    }



    .nav li:after {

        content: '';

        width: 0%;

        height: 0.156vw;

        background: #064893;

        position: relative;

        bottom: 0.156vw;

        left: 0vw;

        -webkit-transition: 0.3s all ease-in-out;

        transition: 0.3s all ease-in-out;

        z-index: 2222;

        display: block;

        margin: 0 auto;

    }



    .nav li.on:after,

    .nav li:hover:after {

        width: 100%;

    }



    .nav li.on a {

        color: #064893;

        font-weight: bold;

    }







    /*导航下拉*/

    .nav .sub {

        width: 15vw;

        padding: 1.5vw;

        border: 0.156vw #fff solid;

        position: absolute;

        background: rgba(255, 255, 255, 0.9);

        left: 0;

        top: 100%;

        z-index: 99;

        display: none;

    }



    .nav .sub p {

        font-size: 1vw;

        font-weight: bold;

        color: #222;

        padding-bottom: 0.416vw;

    }



    .nav .sub span {

        font-size: 0.8vw !important;

    }



    .nav .sub span:after {

        content: "";

        display: block;

        width: 1.5vw;

        height: 0.2vw;

        background: #064893;

        margin-top: 1vw;

    }



    .nav .sub a {

        display: block;

        border: 0.052vw #ccc solid;

        margin-bottom: 0.7vw;

        width: 8.5vw;

        line-height: 1.7vw;

        color: #333;

        font-size: 0.8vw;

        text-align: center;

    }



    .nav .sub a:hover {

        color: #fff;

        background-color: #064893;

    }



    .nav li .nav2 {

        width: 250%;

    }



    .nav li .nav2 a {

        width: 50%;

        float: left;

    }



    .nav li#Zz8 .sub,

    .nav li#Zz9 .sub {

        left: -12.3vw;

    }





    /*版权*/

    .link_bg {

        height: 4.166vw;

        background: #064893;

    }



    .links_l {

        font-size: 0.833vw;

        color: #fff;

        line-height: 4.166vw;

    }



    .linkTagcs li a {

        font-size: 0.729vw;

    }



    .links_r a {

        font-size: 0.729vw;

        color: #fff;

        height: 4.166vw;

        padding-top: 0.781vw;

        display: block;

    }

    .links_r img {

        width: 2.70833vw;

    }



    .footer {

        background: #222222;

        height: 17.55vw;

        border-bottom: 0.052vw solid #383838;

    }



    .footer .wp {

        overflow: hidden;

    }



    .footer_l {

        width: 21.35vw;

        border-right: 0.052vw solid #383838;

    }



    .fonter_a {

        height: 2.916vw;

        width: 18.22vw;

    }



    .fonter_a a {

        width: 6.770vw;

        height: 1.770vw;

        display: block;

        line-height: 1.770vw;

        font-size: 0.833vw;

        border: 0.052vw solid #383838;

        text-align: center;

        float: left;

        color: #aaa;

    }



    .fonter_a a:nth-child(2) {

        margin-left: 1.041vw;

    }



    .fonter_tel {

        font-size: 1.979vw;

        color: #fff;

        font-family: "Arial";

        background: url(../images/20200624085843_2004465732.png)no-repeat left center;

        ;

        background-size: 1.5625vw;

        font-weight: lighter;

        padding-left: 1.979vw;

    }



    .fonter_d {

        margin-top: 1.041vw;

    }



    .fonter_d li {

        font-size: 0.781vw;

        color: #999;

        padding-left: 1.562vw;

    }



    .fonter_d li:nth-child(1) {

        background: url(../images/20200624085908_1664320877.png)left center no-repeat;

        background-size: 1.09375vw;

    }



    .fonter_d li:nth-child(2) {

        background: url(../images/20200624085935_910908017.png)no-repeat left center;

        background-size: 1.09375vw;

    }



    .fonter_d li {

        line-height: 1.875vw;

    }



    .footer_r {

        padding-left: 2.916vw;

        width: 28.125vw;

    }



    .footer_r li {

        width: 9.375vw;

        float: left;

    }



    .footer_r li a {

        font-size: 0.781vw;

        color: #999;

        display: block;

        line-height: 1.875vw;

    }



    .footer_r li a:hover {

        color: #fff;

    }



    .footer_t {

        font-size: 0.937vw !important;

        color: #fff !important;

        margin-bottom: 0.520vw;

    }



    .wechat {

        width: 8.593vw;

        height: 10.20vw;

        background: #fff;

        text-align: center;

    }



    .wechat img {

        display: block;

        width: 7.812vw;

        margin: 0 auto;

        margin-top: 0.416vw;

    }



    .wechat p {

        font-size: 0.781vw;

        color: #999;

        margin-top: 0.416vw;

    }



    .f-copy {

        width: 100%;

        height: 6.718vw;

        background: #222;

    }



    .f-copy a:hover {

        color: #064893;

    }



    .copy,

    .copy a {

        color: #999;

        font-size: 0.781vw;

        line-height: 6.562vw;

    }

}

@media screen and (max-width: 1680px) {
    .header .tel{display: none;}
    .nav li > a{
        font-size: 1.033vw;
    }
}

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

    body {

        padding-top: 50px;

    }

    .y-kefu-box {

        display: none;

    }

    .wp {

        width: auto;

        padding: 0 15px;

        box-sizing: border-box;

    }



    .header {

        height: 50px;

        padding: 0 15px;

        box-shadow: 0 3px 3px rgba(0, 0, 0, .3);

    }





    .logo {

        margin: 0;

        height: 50px;

        line-height: 50px;

    }



    .logo img {

        height: 35px;

        margin-top: 7px;

    }



    .header .name {

        height: 50px;

        padding-top: 10px;

        font-size: 20px;

        color: #000;



    }

    .header .name img {

        height: 35px;

        margin-top: 7px;

    }

    .header .tel,

    .ul-code {

        display: none;

    }







    .nav {

        display: none;

        float: none;

        position: fixed;

        top: 50px;

        left: 0;

        width: 100%;

        bottom: 0;

        overflow-y: auto;

        background-color: #fff;

        border-top: 1px solid #000;

        padding-top: 2vw;

        box-sizing: border-box;

        z-index: 999;

    }



    .nav li {

        float: none;

        width: auto;

        height: auto;

    }

    .nav li>a {

        font-size: 16px;

        line-height: 45px;

        text-align: center;

        border-bottom: 1px solid #f1f1f1;

    }

    .nav li:hover:after {

        width: 0;

    }

    .nav li.on:after {

        display: none;

    }

    .nav li>a:hover {

        color: #333;

        font-weight: normal;

    }



    .nav li:after {

        height: 1px;

    }

    .nav .sub {

        position: static;

        border: none;

        width: auto;

        padding: 0;

    }

    .sub .type {

        display: none;

    }

    .sub .fr {

        float: none;

        width: auto;

    }

    .nav .sub a {

        width: auto;

        border: none;

        font-size: 14px;

        line-height: 45px;

        border-bottom: 1px solid #f1f1f1;

        text-align: center;

        margin: 0 auto 2px;

    }



    .dropIcon {

        display: block;

        z-index: 10;

    }



    .menuBtn {

        display: block;

    }





    .footer {

        height: auto;

    }

    .footer_r {

        display: none;

    }



    .footer_l {

        float: none;

        width: auto;

        border: none;

    }

    .fonter_a {

        width: 132px;

        margin: 0 auto;

    }

    .fonter_d,

    .fonter_tel {

        width: 300px;

        margin: 0 auto 10px;

        box-sizing: border-box;

    }

    .wechat {

        display: none;

        float: none;

        width: 130px;

        height: auto;

        margin: 15px auto;

    }

    .wechat img {

        width: 100%;

    }



    .f-copy {

        height: auto;

    }

    .copy,
    .copy a {

        font-size: 12px;

        line-height: 1.7;

    }

    .fonter_tel {

        font-size: 18px;

        background-size: 23px;

    }





    /*间隙*/

    .top10 {

        padding-top: 0.520vw;

    }



    .top20 {

        padding-top: 1.041vw;

    }



    .top30 {

        padding-top: 1.562vw;

    }



    .top40 {

        padding-top: 2.083vw;

    }



    .top50 {

        padding-top: 2.604vw;

    }



    .top60 {

        padding-top: 3.125vw;

    }



    .top70 {

        padding-top: 3.645vw;

    }



    .top80 {

        padding-top: 4.166vw;

    }



    .top90 {

        padding-top: 4.687vw;

    }



    .top100 {

        padding-top: 5.208vw;

    }





    .tabbar {

        height: 60px;

        display: block;

    }

    .tabbar .box {

        position: fixed;

        bottom: 0;

        left: 0;

        width: 100%;

        height: 60px;

        z-index: 100;

        background-color: #e32d2d;

    }

    .tabbar .icon {

        height: 19px;

        overflow: hidden;

        text-align: center;

        font-size: 0;

        margin: 10px 0 4px;

    }

    .tabbar .icon img {

        display: inline-block;

        vertical-align: middle;

        max-height: 18px;

    }

    .tabbar .item {

        float: left;

        width: 25%;

        height: 60px;

        box-sizing: border-box;

        text-align: center;

        font-size: 14px;

        color: #fff;

        text-overflow: ellipsis;

        white-space: nowrap;

        overflow: hidden;

        border-right: 1px solid #ef3a3a;

    }

    .tabbar .item:last-child {

        border-right: none;

    }

}