/* 公共 */
html,
body,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
form,
input,
button,
textarea,
p {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-size: 100%;
}

body {
    min-width: 1200px;
    margin: 0 auto;
    font-size: 14px;
    font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif;
    background: #fff;
    text-align: justify;
    color: #333;
}

img {
    border: none;
}

a {
    cursor: pointer !important;
    color: #333;
    text-decoration: none;
    outline: none;
}

ul,
ol {
    list-style-type: none;
}

em {
    font-style: normal;
}

.lt {
    float: left;
}

.rt {
    float: right;
}

div.clear {
    font: 0px Arial;
    line-height: 0;
    height: 0;
    overflow: hidden;
    clear: both;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
    clear: both;
    visibility: hidden;
}

.btn {
    cursor: pointer;
}

/* 版心 */
.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.w1700 {
    max-width: 1700px;
    margin: auto;
}

.w1920 {
    max-width: 1920px;
    margin: auto;
}

/* header */
header {
    height: 64px;
    background-color: #ffffff;
    text-align: center;
}

header .w1200 {
    height: 64px;
    min-width: 1200px;
}

header .am-hide-sm {
    display: flex !important;
    align-items: center;
}

.logo {
    height: 100px;
    margin-right: 100px;
    margin-left: 32px;
}

.logo a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.logo h1 {
    color: transparent;
    text-indent: -9999px;
}

.nav {
    font-size: 18px;
    display: flex;
    height: 100px;
    align-items: center;
}

.nav li {
    float: left;
    margin: 0 30px;
    line-height: 40px;
    height: 40px;
}

.nav a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    color: #838388;
    position: relative;
}

.nav li:hover a,
.nav li.active a {
    color: #d73e3e;

}

.nav li.active {
    border-bottom: 2px solid #f16650 !important;
    box-sizing: border-box;
}

/*  QQ号 */
.turn {
    height: 40px;
    border: 1px solid #DB2529;
    border-radius: 10px;
    line-height: 40px;
    display: flex;
    position: absolute;
    right: 330px;
}

.turn .qq_phone {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #DB2529;
    display: inline-block;
    padding: 0 16px;
}

.turn .online {
    background: linear-gradient(270deg, #CE1C20 0%, #EF3337 100%);
    border-radius: 0 10px 10px 0;
    display: block;
    padding: 0 14px;
    color: #fff;
}

.login-box {
    /* float: right; */
    line-height: 100px;
    position: absolute;
    right: 0;
}

.login-box a {
    display: inline-block;
    vertical-align: middle;
    line-height: 101px;
    width: 150px;
    height: 101px;
    background-color: #e64a4a;
    font-size: 14px;
    color: #ffffff;
}

.login-box .login-box-one {
    margin-right: -5px;
}

.login-box .login-box-btn {
    background-color: #f16650;
}

/* 右侧悬浮 */
.customer_service {
    position: fixed;
    z-index: 100;
    right: 20px;
    top: 200px;
}

.customer_service ul li .fun_img {
    width: 60px;
    height: 60px;
}

.customer_service ul .box div {
    width: 191px;
    height: 60px;
    background: #FFFFFF;
    box-shadow: 0px 3px 5px 0px rgba(170, 170, 170, 0.44);
    border-radius: 25px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #DB2529;
    line-height: 60px;
    text-align: center;
    position: absolute;
    right: 60px;
    margin-top: -60px;
    display: none;
}

.customer_service ul .fun_3 .box div {
    width: auto;
    height: auto;
    background: none;
    box-shadow: none;
}

.customer_service ul li .box:hover div {
    display: block;
}



/* 底部 */

.footer {
    background-color: #232323;
    overflow: hidden;
    clear: both;
    min-width: 1200px;
}

.footer .footer_box {
    padding: 50px 0;
    overflow: hidden;
}

.footer .foo_l {
    float: left;
    width: 600px;
}

.footer .foo_l>li {
    overflow: hidden;
    /* margin-top: 11px; */
}

.footer .foo_l>li>ol {
    margin-left: -40px;
}

.footer .foo_l>li>ol>li {
    display: inline-block;
}

.footer .foo_l li img {
    float: left;
    margin-bottom: 4px;
    /* margin-top: 10px; */
    /* width: 146px;
    height: 50px; */
}

.footer .foo_l li h2 {
    height: 50px;
    font-family: QingYuan;
    font-size: 24px;
    line-height: 30px;
    color: #ffffff;
    text-align: center;
    display: block;
    line-height: 50px;
    margin-left: 20px;
    border-left: 1px solid #e24847;
    float: left;
    padding-left: 20px;
}

.footer .foo_l li p {
    font-family: MicrosoftYaHei;
    font-size: 14px;
    line-height: 30px;
    color: #666;
    text-align: left;
}

.footer .foo_l li>ol>li>a {
    font-family: MicrosoftYaHei;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    float: left;
    font-weight: 400;
    margin-right: 36px;
}

.footer .foo_l li>ol>li>a:hover {
    color: #e34847;
}

.footer .foo_r {
    float: right;
    width: 49%;
}

.footer .foo_r>li {
    float: left;
}
.footer .foo_r .img_scan{
    text-align: center;
    color: #fff;
    width: 80%;
    line-height: 20px;
}
.footer .foo_r li img {
    width: 80%;
}
.footer .foo_r>li:nth-child(2) {
    margin-left: 20px;
}

.footer .foo_r>li:nth-child(3) {
    margin-left: 20px;
}

.footer .foo_r>li p {
    font-family: MicrosoftYaHei;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 400;
}

.footer .foo_r>li h2 {
    font-family: MicrosoftYaHei;
    font-size: 32px;
    color: #ffffff;
}

.footer .foo_r>li a {
    width: 118px;
    height: 40px;
    background-color: rgba(47, 50, 52, 0.49);
    border: 1px solid #fff;
    border-radius: 3px;
    line-height: 40px;
    text-align: center;
    display: block;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    color: #ffffff;
    margin-top: 30px;
}

.footer .foo_r>li span {
    display: block;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    line-height: 30px;
    color: #ffff;
}

.footer .foo_r>li span:last-child {
    color: #ffd286;
}

.footer .icp {
    /*overflow: hidden;*/
    width: 100%;
    /*height: 30px;*/
}

.footer .icp p {
    text-align: center;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    line-height: 30px;
    color: #838388;
}

.footer .icp a {
    color: #838388;
}


.windowShadow {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.25);
    z-index: 5;
}

/* 自定义popup弹出层 */
.windowShadow {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.25);
    z-index: 5;
}

.windowShadow .popupBox {
    width: 300px;
    height: 300px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -150px;
    margin-left: -150px;
    background-color: #ffffff;
    box-shadow: 0px 2px 8px 0px rgba(36, 36, 36, 0.11);
}

.windowShadow .popupBox .img {
    display: flex;
    width: 100%;
    height: 200px;
    justify-content: center;
    align-items: center;
}

.windowShadow .popupBox .title {
    font-size: 18px;
    color: #333;
    text-align: center;
    padding: 0px 10px;
}

.windowShadow .popupBox .msgTxt {
    padding: 0px 10px;
    font-size: 14px;
    color: #999;
    line-height: 1.3;
    text-align: center;
}

.footer .foo_l ol {
    padding-left: 3em;
}

@media screen and (max-width:1650px) {
    .logo {
        margin-right: 50px;
    }

    .nav li {
        margin: 0 15px;
    }
}

@media screen and (max-width:1450px) {
    .logo {
        margin-right: 10px;
    }

    .nav li {
        margin: 0 8px;
    }

    header .am-hide-sm {
        width: 1200px;
        margin: 0;
    }

    .turn {
        right: 190px;
    }

    .login-box a {
        width: 90px;
    }
}

@media screen and (max-width:1200px) {
    header {
        width: 1200px;
    }

    .turn {
        position: static;
    }

    .login-box {
        position: static;
        margin-left: 10px;
    }
}

@media screen and (max-width: 750px) {
    .w1200 {
        width: 100%;
    }

    header {
        width: auto;
    }

    header .am-hide-sm {
        display: none !important;
    }

    header .am-show-sm {
        display: block !important;
    }

    /* 底部 */
    .footer {
        min-width: 280px;
    }

    .footer .foo_r {
        width: 100%;
        margin-top: 20px;
    }
}

@media screen and (max-width: 350px) {
    .footer .foo_r>li {
        margin-left: 20px;
    }

    .footer .foo_r>li:nth-child(2) {
        margin-top: 20px;
    }
}