html,
body {
    font-family: Microsoft Yahei, PingFang SC, Verdana, Helvetica Neue, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;
    margin: 0px;
    padding: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-family: Microsoft Yahei, PingFang SC, Verdana, Helvetica Neue, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;
    margin: 0px;
    padding: 0px;
}

ul,
ul li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    line-height: 3;
}

a,
a:hover,
a:visited,
a:active,
a:focus {
    outline: none;
    text-decoration: none;
}

img {
    border: none;
}

input:focus,
button,
textarea {
    outline: none !important;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    background: #fff;
}

body {
    padding-top: 60px;
    /*max-width:900px;*/
    margin: 0px auto;
    background: #fff;
    overflow-x: hidden;
    position: relative;
}


.waptt {
    position: relative;
    bottom: 90px;
}



.container {
    margin: 0px auto;
    padding: 0px 15px;
}

.container .title a {
    color: #3855d6;
}

.header {
    height: 80px;
    z-index: 2000;
    position: fixed;
    width: 100%;
    background: #fff;
    top: 0px;
    left: 0px;
    right: 0px;
}

.header .container {
    padding-top: 20px;
}

.header .logo {
    padding: 15px 0px 0px 0px;
}

.header .logo img {
    height: 30px;
}

.header .bar {
    position: absolute;
    top: 40px;
    right: 15px;
}

.header .bar img {
    height: 16px;
}

.header .waplang {
    position: absolute;
    top: 18px;
    left: 15px;
    color: #fff;
    border-radius: 50px;
    padding: 0px 15px;
    border: solid 1px #fff;
}

.header .waplang span {
    padding: 0px 5px;
    color: #fff;
}

.header .waplang a {
    color: #fff;
}

.pcheader {
    height: 120px;
    background: #fff;
    display: none;
    position: fixed;
    top: 0px;
    /*width: 1680px;*/
    width: 100%;
    z-index: 200;
}

.pcheader .logo {
    float: left;
    margin-top: 28px;
}

.pcheader .nav {
    float: left;
}

.pcheader .nav>ul {
    padding-top: 40px;
}

.pcheader .nav>ul>li {
    float: left;
    margin-left: 50px;
}

.pcheader .nav>ul>li>a {
    color: #3E3E3E;
    font-size: 18px;
}


.pcheader .lang {
    float: right;
    color: #444;
    border-radius: 50px;
    padding: 10px 15px;
    margin-top: 35px;
}

.pcheader .lang a {
    color: #444;
}

.pcheader .lang span {
    padding: 0px 5px;
}

.pcheader .nav .sub-menu {
    position: absolute;
    top: 120px;
    left: 0px;
    right: 0px;
    height: 100px;
    line-height: 100px;
    z-index: 2000;
    text-align: center;
    background-color: #3755d7;
}

.pcheader .nav .sub-menu {
    display: none;
}

.pcheader .nav .sub-menu li {
    display: inline-block;
    margin: 0px 20px;
}

.pcheader .nav .sub-menu li a {
    color: #fff;
    font-size: 18px;
}




.menu {
    overflow: hidden;
    background: #efefef;
    display: none;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

.menu_fixed22 {
    margin: 20px;
}

.menu_fixed22 .menu11 label {
    position: absolute;
    right: 20px;
}

.menu_fixed22 .menu11 {
    height: auto;
}

.menu_fixed22 .menu11 ul li {
    margin: 0;
    border-bottom: 1px #c9c9c9 solid;
}

.menu_fixed22 .menu11 ul li a {
    font-size: 0.8rem;
    width: auto;
    margin: 0;
    line-height: 2;
    color: #8e8e8e;
    border: 0;
    font-family: 'syht-medium';
    padding-top: 5px;
}

.menu_fixed22 .menu11 ul li:first-child a {
    border: 0;
}

.menu_fixed22 .menu11 ul li label a {}

.menu_fixed22 p {
    padding: 10px 0;
    width: 0 auto;
    line-height: 25px;
    font-size: 12px;
}

.menu_fixed22 .menu11 ul li:nth-child(2n) {}

.menu_fixed22 .menu11 ul .erji11,
.menu_fixed22 .menu11 ul .erji22,
.menu_fixed22 .menu11 ul .erji33,
.menu_fixed22 .menu11 ul .erji44,
.menu_fixed22 .menu11 ul .erji55 {
    display: none;
}

.menu_fixed22 .menu11 ul .on {
    display: block;
    border-bottom: 1px #c9c9c9 solid;
}

.menu_fixed22 .menu11 ul .bww {
    border-bottom: 0;
}

.menu_fixed22 .menu11 ul .on li {}

.menu_fixed22 .menu11 ul .x1 {
    display: block;
    line-height: inherit;
}

.menu_fixed22 .menu11 ul .x2 {
    display: none;
    line-height: inherit;
}

.menu_fixed22 .menu11 ul .x1kk {
    display: none;
}

.menu_fixed22 .menu11 ul .x2kk {
    display: block;
}

.menu_fixed22 .menu11 ul .erji1 {
    border-bottom: 0;
}

.menu_fixed22 .menu11 ul .erji1 a {
    color: #bababa;
}

.menu_fixed22 .menu11 img {
    width: 12px;
}


/*
.menu ul { padding:30px; }
.menu ul li { text-align: right; border-bottom:solid 1px #ddd; height:36px; line-height: 36px; }
.menu ul li a { color:#3E3E3E; font-size: 16px; }
*/





.main {
    overflow: hidden;
}

.main .prod {}

.main .prod .item {
    display: block;
    overflow: hidden;
    position: relative;
}

.main .prod .item .left {
    float: left;
    width: 80%;
}

.main .prod .item a {
    display: block;
    overflow: hidden;
    text-align: center;
    position: relative;
    width: 100%;
}

.main .prod .item .info {
    float: right;
    width: 20%;
}

.main .prod .item .info span.q {
    position: absolute;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
}

.main .prod .item .info span.q img {
    width: 80px;
}

.main .pcprod .item {
    display: block;
}

.main .pcprod .item a.pic {
    display: block;
    height: 707px;
    overflow: hidden;
    text-align: center;
    position: relative;
}

.main .pcprod .item a.pic span {
    background: rgb(0, 0, 0, 0.5);
    display: block;
    width: 100%;
    height: 707px;
    opacity: 0;
    transition: all .5s;
}

.main .pcprod .item a:hover span {
    opacity: 1;
}

.main .pcprod .item .info {
    height: 400px;
    ;
    display: block;
    text-align: center;
    font-size: 40px;
    color: #fff;
}

.main .pcprod .item .info span {
    display: block;
    margin-top: 55px;
}

.main .pcprod .item .info span.q {
    margin-top: -78px;
}

.xuanchuan {
    overflow: hidden;
    color: #fff;
    padding: 20px 20px;
    text-align: center;
}

.xuanchuan .xx {
    text-align: center;
    color: #fff;
    overflow: hidden;
}

.xuanchuan .info h3 {
    margin-top: 20px;
    font-size: 18px;
    height: 46px;
    line-height: 36px;
}

.xuanchuan .info {
    font-size: 12px;
    line-height: 24px;
}





@media screen and (min-width: 1024px) {
    .x1pc {
        text-align: center;
        padding: 60px 0px 70px 0px;
        /*background: #3855D7;*/
        color: #757575;
        line-height: 40px;
        font-size: 16px;
        width: 1200px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 1024px) {
    .x1pc {
        text-align: center;
        padding: 60px 0px 70px 0px;
        /*background: #3855D7;*/
        color: #757575;
        line-height: 40px;
        font-size: 16px;
        width: 100%;
        margin: 0 auto;
    }
}


.x1pc .title {
    font-size: 26px;
    margin-bottom: 26px;
}

.x1pc .title1 {
    font-size: 16px;
    margin: 20px 0px;
    font-weight: 600
}

@media screen and (min-width: 1024px) {
    .x1pc .title h3 {
        color: #000;
        font-size: 42px;
        /*display: inline-block; background: #fff;*/
        padding: 5px 30px;
        border-radius: 50px;
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 1024px) {
    .x1pc .title h3 {
        color: #000;
        font-size: 30px;
        /*display: inline-block; background: #fff;*/
        padding: 5px 30px;
        border-radius: 50px;
        margin-bottom: 50px;
    }
}

.x1pc .title p {
    color: #000;
    font-size: 20px;
    padding: 5px 30px;
    border-radius: 50px;
    margin-bottom: 0px;
}

.x1pc .info h3 {
    font-size: 30px;
    padding-bottom: 30px;
}

.x1pc .atitle {
    font-size: 20px;
    margin-bottom: 35px;
}

.x1pc .atitle1 {
    font-size: 16px;
    margin: 20px 0px;
    font-weight: 600
}

.x1pc .atitle h3 {
    color: #283ca0;
    font-size: 32px;
    /*display: inline-block; background: #fff;*/
    padding: 5px 30px;
    border-radius: 50px;
    margin-bottom: 0px;
}

.x1pc .atitle p {
    color: #283ca0;
    font-size: 20px;
    padding: 5px 30px;
    border-radius: 50px;
    margin-bottom: 0px;
}

.x1pc .ainfo h3 {
    font-size: 30px;
    padding-bottom: 30px;
}

.x1pc .atitle p img {
    width: 25px;
}


@media screen and (min-width: 1024px) {
    .x2pc {
        text-align: center;
        padding: 60px 0px 0px 0px;
        /*background: #3855D7;*/
        color: #757575;
        line-height: 40px;
        font-size: 16px;
        border-top: 1px #ccc solid;
        width: 1200px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 1024px) {
    .x2pc {
        text-align: center;
        padding: 60px 0px 0px 0px;
        /*background: #3855D7;*/
        color: #757575;
        line-height: 40px;
        font-size: 16px;
        border-top: 1px #ccc solid;
        width: 100%;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1024px) {
    .x2pc01 {
        text-align: center;
        padding: 60px 0px 0px 0px;
        /*background: #3855D7;*/
        color: #757575;
        line-height: 40px;
        font-size: 16px;
        width: 1200px;
        margin: 0 auto;
        clear: both
    }

    .x2pc01 .title {
        font-size: 26px;
        margin-bottom: 26px;
    }

    .x2pc01 .title h3 {
        color: #000;
        font-size: 42px;
        /*display: inline-block; background: #fff;*/
        padding: 5px 30px;
        border-radius: 50px;
        margin-bottom: 50px;
    }

    .x2pc01 .title p {
        color: #000;
        font-size: 20px;
        padding: 5px 30px;
        border-radius: 50px;
        margin-bottom: 0px;
        text-transform: uppercase;
    }

    .x2pc01 .info h3 {
        font-size: 30px;
        padding-bottom: 30px;
    }
}

@media screen and (max-width: 1024px) {
    .x2pc01 {
        text-align: center;
        padding: 60px 0px 70px 0px;
        /*background: #3855D7;*/
        color: #757575;
        line-height: 40px;
        font-size: 16px;
        width: 100%;
        margin: 0 auto;
        clear: both
    }

    .x2pc01 .title {
        font-size: 26px;
        margin-bottom: 26px;
    }

    .x2pc01 .title h3 {
        color: #000;
        font-size: 42px;
        /*display: inline-block; background: #fff;*/
        padding: 5px 30px;
        border-radius: 50px;
        margin-bottom: 50px;
    }

    .x2pc01 .title p {
        color: #000;
        font-size: 20px;
        padding: 5px 30px;
        border-radius: 50px;
        margin-bottom: 0px;
        text-transform: uppercase;
    }

    .x2pc01 .info h3 {
        font-size: 30px;
        padding-bottom: 30px;
    }

}


.x2pc .title {
    font-size: 26px;
    margin-bottom: 26px;
}

@media screen and (min-width: 1024px) {
    .x2pc .title h3 {
        color: #000;
        font-size: 42px;
        /*display: inline-block; background: #fff;*/
        padding: 5px 30px;
        border-radius: 50px;
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 1024px) {
    .x2pc .title h3 {
        color: #000;
        font-size: 30px;
        /*display: inline-block; background: #fff;*/
        padding: 5px 30px;
        border-radius: 50px;
        margin-bottom: 50px;
    }
}

.x2pc .title p {
    color: #000;
    font-size: 20px;
    padding: 5px 30px;
    border-radius: 50px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.x2pc .info h3 {
    font-size: 30px;
    padding-bottom: 30px;
}


.x1 .atitle {
    font-size: 16px;
    margin-bottom: 15px;
}

.x1 .atitle1 {
    font-size: 16px;
    margin: 20px 0px;
    font-weight: 600
}

.x1 .atitle h3 {
    color: #283ca0;
    font-size: 24px;
    /*display: inline-block; background: #fff;*/
    padding: 0px 30px;
    border-radius: 50px;
    margin-bottom: 0px;
}

.x1 .atitle p {
    color: #283ca0;
    font-size: 20px;
    padding: 0px 30px;
    border-radius: 50px;
    margin-bottom: 0px;
}

.x1 .ainfo.zy {
    margin: 0 15px;
}

.x1 .ainfo h3 {
    font-size: 20px;
    padding-bottom: 30px;
}

.x1 .ainfo img {
    max-width: 100%;
}

.x1 .atitle p img {
    width: 15px;
}






.x1 {
    display: none;
    text-align: center;
    padding: 0px 0px 30px 0px;
    color: #757575;
    line-height: 2;
    font-size: 14px;
}

.x1 .title {
    font-size: 17px;
    margin: 0 0 20px 0px;
}

.x1 .title1 {
    font-size: 14px;
    margin: 20px 0px;
    font-weight: 600;
}

.x1 .title h3 {
    display: inline-block;
    color: #283ca0;
    /*background: #3855D7;*/
    padding: 0 15px 5px 15px;
    margin-bottom: 0px;
    font-size: 20px;
}

.x1 .title p {
    color: #283ca0;
    font-size: 12px;
    padding: 5px 30px 0 30px;
    border-radius: 50px;
    margin-bottom: 0px;
}


.x2 {
    display: none;
    text-align: center;
    padding: 10px 0px 30px 0px;
    color: #757575;
    line-height: 2;
    font-size: 14px;
    border-top: 1px #ccc solid;
}

.x2 .title {
    font-size: 17px;
    margin: 20px 0px;
}

.x2 .title1 {
    font-size: 14px;
    margin: 20px 0px;
    font-weight: 600;
}

.x2 .title h3 {
    display: inline-block;
    color: #283ca0;
    /*background: #3855D7;*/
    padding: 0 15px 5px 15px;
    margin-bottom: 0px;
    font-size: 20px;
}

.x2 .title p {
    color: #283ca0;
    font-size: 12px;
    padding: 5px 30px 0 30px;
    border-radius: 50px;
    margin-bottom: 0px;
}







.news {
    overflow: hidden;
    padding: 60px 30px 50px 30px;
    position: relative;
}

.news .tab {
    text-align: center;
}

.news .tab ul li {
    color: #3855D7;
    display: inline-block;
    border-radius: 100px;
    width: 100px;
    padding: 5px 10px;
    text-align: center;
    font-size: 16px;
    margin: 0px 10px;
}

.news .tab ul li.active {
    color: #fff;
    background: #3855D7;
}

.news .tabs {
    margin-top: 30px;
}

.news .tabs .xx {
    display: none;
}

.news .tabs .active {
    display: block;
}

.news .tabs .title {
    background: #3855D7;
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding: 30px 40px;
    height: 100px;
}

.news .tabs .title a {
    color: #fff;
}

.news .tabs .info {
    color: #333;
    font-size: 12px;
    line-height: 26px;
    padding-top: 20px;
}

.news .tabs .more {
    padding-top: 20px;
    text-align: center;
}

.news .tabs .more a {
    color: #ccc;
    border: solid 1px #ccc;
    font-size: 12px;
    display: inline-block;
    padding: 5px 30px;
    border-radius: 50px;
}

.news .tabs .next,
.news .tabs .prev {
    color: #fff;
    position: absolute;
    top: 35px;
    height: 30px;
    line-height: 30px;
    z-index: 20;
}

.news .tabs .next {
    left: 20px;
}

.news .tabs .prev {
    right: 20px;
}






.footer {
    background: #fff;
    padding: 0px 0px 20px 0px;
    overflow: hidden;
    font-size: 12px;
    color: #444;
    text-align: center;
    line-height: 26px;
    border-top: 1px #3855D7 solid;
}

.footer .wrap {
    padding-top: 40px;
}

.footer .wrap p span {
    background: url(../image/wangan.png) left center no-repeat;
    background-size: auto 100%;
    height: 15px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}

.footer h3 {
    font-size: 14px;
}

.footer .about ul li {
    display: inline-block;
    padding: 0px 10px;
}

.footer .about ul li a {
    color: #444;
    font-size: 18px;
}

.footer .gz ul {
    padding-top: 20px;
}

.footer .gz ul li {
    display: inline-block;
    padding: 0px 10px;
    border-left: 1px #ccc dashed;
    line-height: 50px;
}

.footer .gz ul li .img {
    width: 40px;
}

.footer .gz1 ul {
    padding: 10px 50px;
}

.footer .gz1 ul li {
    display: inline-block;
    width: 20%;
}

.footer .gz1 ul li img {
    width: 60px;
}

.footer .ff {
    margin: 10px;
    color: #787878;
}

.footer .ff a {
    color: #787878;
}


.footer .ft01 {
    display: none;
    position: absolute;
    box-shadow: 0 6px 24px rgba(0, 0, 0, .24);
    border-radius: 2px;
    margin-top: 55px;
    margin-left: -32px;
    border: none;
    background-color: #fff;
    z-index: 1001;
    padding: 5px;
    box-sizing: content-box;
    line-height: 1.5;
}

.footer .ftft img {
    display: block;
}

.footer .ftft span {
    color: #b8b8b8;
    font-size: 11px;
}

.footer .onaa {
    display: block;
}


.menu_fixed {
    margin: 20px;
}

.menu_fixed .menu11 label {
    position: absolute;
    right: 20px;
}

.menu_fixed .menu11 {
    height: auto;
    border-top: 1px #f2f2f2 solid;
}

.menu_fixed .menu11 ul li {
    margin: 0;
    border-bottom: 1px #f2f2f2 solid;
    padding: 7px 20px;
}

.menu_fixed .menu11 ul li a {
    font-size: 0.8rem;
    width: auto;
    margin: 0;
    line-height: 2;
    color: #040828;
    border: 0;
    font-family: 'syht-medium';
    padding-top: 5px;
}

.menu_fixed .menu11 ul li:first-child a {
    border: 0;
}

.menu_fixed .menu11 ul li label a {}

.menu_fixed p {
    padding: 10px 0;
    width: 0 auto;
    line-height: 25px;
    font-size: 12px;
}

.menu_fixed .menu11 ul li:nth-child(2n) {
    background: #ffffff;
}

.menu_fixed .menu11 ul .erji11,
.menu_fixed .menu11 ul .erji22,
.menu_fixed .menu11 ul .erji33,
.menu_fixed .menu11 ul .erji44,
.menu_fixed .menu11 ul .erji55,
.menu_fixed .menu11 ul .erji66 {
    display: none;
}

.menu_fixed .menu11 ul .on {
    display: block;
    border-bottom: 1px #f2f2f2 solid;
}

.menu_fixed .menu11 ul .bww {
    border-bottom: 0;
}

.menu_fixed .menu11 ul .on li {
    padding: 0 20px;
}

.menu_fixed .menu11 ul .x1 {
    display: block;
}

.menu_fixed .menu11 ul .x2 {
    display: none;
}

.menu_fixed .menu11 ul .x1kk {
    display: none;
}

.menu_fixed .menu11 ul .x2kk {
    display: block;
}

.menu_fixed .menu11 ul .erji1 {
    background: #fff;
    border-bottom: 0;
}

.menu_fixed .menu11 ul .erji1 a {
    color: #c9c9c9;
}

.menu_fixed .menu11 img {
    width: 12px;
}





.faqinfo {}

.faqinfo .title h1 {
    background: #3855D7;
    padding: 80px 30px 30px 30px;
    margin: 0px;
    text-align: center;
    color: #fff;
    overflow: hidden
}

.faqinfo .xz {
    padding: 20px 0px 50px 0px;
    text-align: center;
}

.faqinfo .xz ul li {
    width: 135px;
    display: inline-block;
    margin: 0px 10px;
}

.faqinfo .xz ul li a {
    background: none;
    display: block;
    text-align: center;
    color: #fff;
    border-radius: 15px;
    line-height: 40px;
    font-size: 18px;
    border: solid 1px #fff;
}

.faqinfo .list {}

.faqinfo .list .item {}

.faqinfo .list .item .info {
    padding: 20px;
}

.faqinfo .list .item .info h3 {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 10px;
}

.faqinfo .list .item .info p {
    font-size: 14px;
    line-height: 24px;
}



@media screen and (min-width: 1024px) {
    .pcfooter {
        background: #fff;
        color: #444;
        padding: 60px 0px 40px 0px;
        /*height:550px;*/
        overflow: hidden;
        border-top: 2px #000 solid;
    }

    .pcfooter .wrap .left {
        float: left;
        font-size: 16px;
        width: 900px;
    }

    .pcfooter .wrap .left .logo {
        margin-bottom: 40px;
    }

    .pcfooter .wrap .right {
        float: right;
        font-size: 16px;
    }

    .pcfooter .wrap .right a {}

    .pcfooter .wrap {
        width: 1400px;
        margin: 0px auto;
    }
}

@media screen and (max-width: 1024px) {
    .pcfooter {
        background: #fff;
        color: #444;
        padding: 60px 0px 40px 0px;
        /*height:550px;*/
        overflow: hidden;
        border-top: 2px #000 solid;
    }

    .pcfooter .wrap .left {
        float: left;
        font-size: 16px;
        width: 900px;
        display: none;
    }

    .pcfooter .wrap .left .logo {
        margin-bottom: 40px;
    }

    .pcfooter .wrap .right {
        float: right;
        font-size: 16px;
        display: none;
    }

    .pcfooter .wrap .right a {}

    .pcfooter .wrap {
        width: 100%;
        margin: 0px auto;
    }
}


.pcfooter .wrap dl {
    float: left;
    /*margin-right:200px;*/
    width: 25%;
    min-height: 160px;
}

.pcfooter .wrap dl dt {
    font-size: 18px;
    height: 50px;
    line-height: 40px;
    font-weight: normal;
}

.pcfooter .wrap dl dd {
    font-size: 15px;
    height: 26px;
    line-height: 26px;
}

.pcfooter .wrap dl dd a {
    color: #b3b3b3;
}

.pcfooter .wrap .contact {
    float: right;
    border-left: solid 1px #fff;
    margin-right: 70px;
    padding-top: 0px;
}

.pcfooter .wrap .contact .rexian {
    font-size: 20px;
    text-align: right;
    padding-right: 10px;
    letter-spacing: 1px;
}

.pcfooter .wrap .contact .weixin {}

.pcfooter .wrap .contact .weixin ul li {
    /*width: 50%;*/
    float: left;
    text-align: center;
    padding: 20px 0 10px 20px;
}

.pcfooter .wrap .contact .weixin ul li span {
    display: block;
    font-size: 12px;
    line-height: 1.7;
    color: #b8b8b8;
}

.pcfooter .wrap .contact .rexian .ff1 {
    padding-top: 10px;
    font-size: 28px;
    color: #000;
}

.pcfooter .wrap .contact .rexian .ff2 {
    padding-top: 50px;
}

.pcfooter .wrap .contact .weixin ul li .ft01 {
    display: none;
    position: absolute;
    box-shadow: 0 6px 24px rgba(0, 0, 0, .24);
    border-radius: 2px;
    margin-top: -150px;
    margin-left: -30px;
    border: none;
    background-color: #fff;
    z-index: 1001;
    padding: 5px;
    box-sizing: content-box;
}

.pcfooter .wrap .contact .weixin ul li .ft01.on {
    display: block;
}

.pcfooter .wrap .bq {
    color: #b3b3b3;
}

.pcfooter .wrap .bq a {
    color: #b3b3b3;
}


.zhongh {
    font-weight: 600;
}


.verification {
    padding: 50px 20px;
}

.verification h3 {
    font-size: 18px;
    text-align: center;
    overflow: hidden;
}

.verification .cx {
    margin: 30px auto 10px auto;
    overflow: hidden;
    width: 260px;
}

.verification .cx input {
    border: solid 1px #CDCDCD;
    border-radius: 3px;
    height: 30px;
    line-height: 2px;
    font-size: 12px;
    width: 150px;
    padding: 0px 5px;
    text-align: center;
    float: left;
}

.verification .cx button {
    border-radius: 3px;
    border: none;
    background: #3855D7;
    color: #fff;
    height: 30px;
    line-height: 26px;
    text-align: center;
    width: 100px;
    font-size: 12px;
    float: left;
    margin-left: 10px;
}

.verification .result {
    font-size: 12px;
    color: #818181;
    text-align: center;
}

.faq {
    /*background: #293DA0;*/
    background: #fff;
    padding: 40px 30px 80px 30px;
}

.faq h3 {
    text-align: center;
    color: #fff;
    font-size: 20px;
}

.faq .lis {
    text-align: center;
}

.faq .lis ul li {
    margin: 30px auto 0px auto;
    width: 160px;
    display: block;
}

.faq .lis ul li a {
    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    border-radius: 10px;
}

.faq .lis ul li.men a {
    background: #3855D7;
    color: #fff
}

.faq .lis ul li.women a {
    background: #FF7D8D;
    color: #fff
}


.single .video {
    padding: 15px;
    overflow: hidden;
}

.single .video img {
    width: 100%;
}

.single .xx {
    margin: 0 15px;
    padding: 15px;
    font-size: 14px;
    line-height: 24px;
}

.single .xx hr {
    background-color: #000;
}

.single .xx h1 {
    font-size: 16px;
    text-align: center;
}

.single .xx .des {
    margin-top: 10px;
}

.single .xx .des p {
    color: #787878;
}

.single .xx .content {
    padding-top: 50px;
}

.single .xx .content p {
    padding: 10px 0;
    border-bottom: 1px #e1e1e1 solid;
}

.single .xx .content p span {
    display: inline-block;
    width: 120px;
}

.single .xx .zhongh {
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
}

.mm .info {
    background: #f9f9f9;
    padding: 35px 30px;
}

.mm .info h3 {
    font-size: 16px;
    color: #000;
    line-height: 2;
}

.mm .info h3.pd {
    padding-top: 20px;
}

.mm .info p {
    font-size: 12px;
    color: #999999;
    line-height: 2;
}

.mm .link {
    margin: 15px 30px 30px 30px;
    line-height: 2.5;
}

.mm .link h3 {
    display: inline-block;
    font-size: 13px;
    padding: 7px 10px;
    background: #283ca0;
    border-radius: 50px;
}

.mm .link h3 a {
    color: #fff;
}

.single .pics {
    padding: 30px 15px 0px 15px;
}

.single .pics .swiper-slide {
    text-align: center !important;
}

.single .next1,
.single .swiper-container-rtl .prev1 {
    background-image: url(../image/right.jpg);
}

.single .prev1,
.single .swiper-container-rtl .next1 {
    background-image: url(../image/left.jpg);
}

.single .certs {
    text-align: center;
    overflow: hidden;
}

.single .certs .item {
    padding: 0px 15px;
    display: inline-block;
    width: 100%;
    font-size: 14px;
    vertical-align: top;
}

.single .certs .item .pic {
    border: solid 1px #d4d4d4;
    overflow: hidden;
}

.single .certs .item .title {
    line-height: 20px;
    padding: 20px 0px;
}




.hList>* {
    float: left
}

ul.hList {
    float: left;
    margin: 28px 0 0 25px;
}

.menucc {
    display: block;
    position: relative;
    cursor: pointer
}

.menucc-title {
    display: block;
    padding: 12px 35px 0 35px;
    height: 90px;
    text-align: center;
    font-size: 18px;
    color: #3E3E3E;
    text-transform: uppercase;
    transition: .3s background-color
}

.menucc:hover>.menucc-title:before {
    border-top-width: 0;
    transition: .2s border-top-width ease-in, .3s border-top-color
}

.menucc-title:after {
    display: block;
    height: 0;
    border-left: 75px solid transparent;
    border-right: 75px solid transparent;
    border-bottom: 0 solid #ebebeb;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 101;
    transition: .2s border-bottom ease-in
}

.menucc:hover>.menucc-title:after {
    border-bottom-width: 5px;
    transition: .2s .2s border-bottom-width ease-out
}

.menucc:hover>.menucc-dropdown {
    border-top: 3px solid #000;
    padding: 20px 0;
}

.menucc-dropdown {
    min-width: 200px;
    position: absolute;
    background: #ffffff;
    z-index: 100;
    transition: .5s padding, .5s background;
}

.menucc-dropdown li {
    color: #989898;
    font-size: 14px;
}

.menucc-dropdown:after {
    display: block;
    height: 0;
    border-top: 5px solid #ebebeb;
    border-left: 75px solid transparent;
    border-right: 75px solid transparent;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 101;
    transition: .5s border-top
}

.menucc-dropdown>* {
    overflow: hidden;
    background: 0 0;
    padding: 5px 37px;
    background: transparent;
    transition: 0.5s height cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s padding cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s margin cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s 0.2s color, 0.2s background-color;
}

.menucc-dropdown>:hover {
    background: rgba(0, 0, 0, .1);
}

.menucc:not(:hover)>.menucc-dropdown>* {
    visibility: hidden;
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
    color: #989898;
    font-size: 16px;
    transition: .5s .1s height, .5s .1s padding, .5s .1s margin, .3s color, .6s visibility;
    z-index: 99
}




/*行业定位*/
.home-status {
    padding: 3% 0;
    background: url(../images/country-bg.png) no-repeat center center/60%;
}

.home-status .home-title {
    text-align: center;
}

.home-status .home-title h5 {}

.home-status .home-title h6 {}

.status-item .number {
    padding: 5% 0;
}

.status-item .number ul {
    overflow: hidden;
    padding: 0 10%;
    text-align: center;
}

.status-item .number ul li {
    float: left;
    width: 20%;
    padding: 0 0 8% 0;
    text-align: center;
}

.status-item .number ul li h3 {}

.status-item .number ul li h3 strong {
    padding: 0 5px;
    font-size: 54px;
    color: #000;
    letter-spacing: 0;
    font-family: "Montserrat-Bold";
    text-shadow: 2px 4px 10px rgb(0 67 134 / 20%);
}

.status-item .number ul li h3 span {
    font-size: 18px;
    color: #999;
    font-family: "Futura-Light";
}

.status-item .number ul li p {
    font-size: 18px;
    color: #999;
    padding-top: 5px;
}

@media screen and (max-width:1024px) {
    .home-status {
        padding: 8% 0;
        background: url(../images/country-bg.png) no-repeat center center/100%;
    }

    .home-status .home-title {}

    .home-status .home-title h5 {}

    .home-status .home-title h6 {}

    .status-item .number {
        padding: 5% 0;
    }

    .status-item .number ul {
        padding: 8% 0%;
    }

    .status-item .number ul li {
        float: none;
        display: inline-block;
        width: 32%;
        margin: 2% 0;
        padding: 0 0 0 0;
    }

    .status-item .number ul li.two {
        width: 40%;
    }

    .status-item .number ul li h3 {}

    .status-item .number ul li h3 strong {
        padding: 0 5px;
        font-size: 28px;
    }

    .status-item .number ul li h3 span {
        font-size: 14px;
    }

    .status-item .number ul li p {
        font-size: 12px;
        padding-top: 5px;
    }
}

/*行业定位 end*/



.footer-guanzhu {
    width: 100%;
    margin: 0 0 0 0;
}

.footer-guanzhu .tit {
    font-size: 20px;
    color: #fef6ec;
    margin: 0 0 30px 0;
}

.footer-guanzhu .icon {}

.footer-guanzhu .icon .item {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    margin-right: 10px;
    padding: 2px;
    -webkit-border-radius: 25px;
    position: relative;
}

.footer-guanzhu .icon .item i {
    display: table-cell;
    vertical-align: middle;
    width: 40px;
    height: 32px;
    text-align: center;
}

.footer-guanzhu .icon .item i img {
    opacity: 1;
    max-width: 20px;
}

.footer-guanzhu .icon .item .fix {
    display: none;
    position: absolute;
    top: -164px;
    left: -50px;
    width: 150px;
    height: 150px;
}

.footer-guanzhu .icon .item .fix img {
    width: 100%;
    background: #fff;
    border-radius: 5px;
}

.footer-guanzhu .icon .item .fix:after {
    content: "";
    position: absolute;
    left: 38%;
    bottom: -18px;
    border-width: 10px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

.footer-guanzhu .icon .item:hover .fix {
    display: block;
}


@media screen and (max-width:1024px) {
    .footer .footer-box {
        padding: 4% 0;
    }

    .footer-contact .address h6 {
        font-size: 16px;
    }

    .footer-guanzhu .tit {
        font-size: 16px;
        margin: 0 0 15px 0;
    }

    .footer-logo {
        padding: 5% 0;
    }

    .footer-logo img {
        max-width: 30%;
    }

    .footer-contact {
        width: 100%;
    }

    .footer-contact .tel {}

    .footer-contact .tel p {
        font-size: 16px;
        margin-bottom: 5%;
    }

    .footer-contact .tel a {
        font-size: 36px;
        letter-spacing: 0;
        font-family: 'Futura';
    }

    .footer-contact .address {
        margin: 5% 0 3% 0;
    }

    .footer-contact .address p {
        font-size: 14px;
    }

    .footer-guanzhu {
        width: 100%;
        margin: 0 0 0 0;
    }
}


.dtzx_xq {
    margin-top: 3%;
}

.dtzx_xq_li {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (min-width: 1024px) {
    .dtzx_xq_l {
        width: 45%;
    }
}

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


.dtzx_img_box {
    width: 100%;
    height: 100%;
    position: relative;
}

.dtzx_img_box img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media screen and (min-width: 1024px) {
    .dtzx_xq_r {
        width: 55%;
        background: #fff;
        box-shadow: 0 20px 90px -5px rgb(29 56 72 / 17%)
    }
}

@media screen and (max-width: 1024px) {
    .dtzx_xq_r {
        width: 100%;
        background: #fff;
        box-shadow: 0 20px 90px -5px rgb(29 56 72 / 17%)
    }
}



.dtzx_xq_r ul {
    padding: 5%;
    padding-top: 2%;
    padding-bottom: 2%;
}

.dtzx_xq_r li {
    border-bottom: 1px solid #eee;
    padding: 2.4% 3%;
    position: relative;
    cursor: pointer;
}

.dtzx_xq_r li:hover {
    border-bottom: 1px solid #eee;
    padding: 2.4% 3%;
    background: #000;
    position: relative;
    cursor: pointer;
}

.dtzx_xq_r li a {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.dtzx_xq_r li:last-child {
    border-bottom: none;
}



@media screen and (min-width: 1024px) {
    .dtzx_xq_r li span {
        width: 80px;
        font-size: 18px;
        color: #333;
        margin-right: 50px;
        text-align: left;
        font-weight: bold;
        letter-spacing: 0;
    }

    .dtzx_xq_r li span b {
        font-size: 13px;
        color: #999;
        display: block;
        line-height: 1;
    }

    .dtzx_xq_r li p {
        font-size: 16px;
        text-align: left;
        color: #333;
        width: calc(100% - 218px);
        line-height: 140%;
        height: 70px;
    }
}

@media screen and (max-width: 1024px) {
    .dtzx_xq_r li span {
        width: 80px;
        font-size: 18px;
        color: #333;
        margin-right: 10px;
        text-align: left;
        font-weight: bold;
        letter-spacing: 0;
    }

    .dtzx_xq_r li span b {
        font-size: 13px;
        color: #999;
        display: block;
        line-height: 1;
    }

    .dtzx_xq_r li p {
        font-size: 12px;
        text-align: left;
        color: #333;
        width: 100%;
        line-height: 140%;
        height: 70px;
    }
}


.dt_change p {
    color: #fff !important;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    font-weight: bold !important;
    -webkit-transform: translateX(-5%);
    -moz-transform: translateX(-5%);
    -ms-transform: translateX(-5%);
    -o-transform: translateX(-5%);
    transform: translateX(-5%);
}

.dt_change span,
.dt_change span b {
    color: #fff !important;
}

.dtzx_img_1 {
    z-index: 2;
}

.xian_dt {
    position: absolute;
    left: -6%;
    top: 37%;
    width: 40px;
    height: 1px;
    background: #0fa14a;
}

@media screen and (min-width: 1024px) {
    .dtzx_xq_r li img {
        width: 40px;
        position: absolute;
        right: 5%;
        top: 25%;
    }
}

@media screen and (max-width: 1024px) {
    .dtzx_xq_r li img {
        width: 40px;
        display: none position: absolute;
        right: 5%;
        top: 25%;
    }
}



.icon_hjt {
    display: none;
}

.dt_change .icon_hjt {
    display: block;
}

.dt_change .icon_heijt {
    display: none !important;
}

.fake {
    width: 100%;
    height: auto;
    background-color: #fafbfc;
    padding: 85px 0;
}

.fake .content {
    width: 1250px;
    height: auto;
    max-width: 90%;
    margin: 0 auto;
}

.fake .content .pic {
    width: 46.64%;
    height: auto;
    float: right;
    margin-top: 110px;
}

.fake .content .con {
    width: 46.4%;
    height: auto;
    background-color: #fff;
    padding-top: 100px;
    padding-bottom: 100px;
}

.fake .content .con .con-new {
    margin-left: 60px;
}

.fake .content .con .con-new .tits {
    color: #757575;
}

.fake .content .con .con-new .tit {
    font-size: 14px;
    line-height: 20px;
    color: #666;
    margin-top: 17px;
}

.fake .content .con .con-new .tableBox {
    margin-top: 50px;
}

.fake .content .con .con-new .tableBox .t {
    height: 30px;
    margin-bottom: 20px;
}

.fake .content .con .con-new .tableBox .t span {
    width: 70px;
    height: auto;
    font-size: 14px;
    line-height: 30px;
    color: #333;
    display: block;
    float: left;
}

.fake .content .con .con-new .tableBox .t .text {
    width: 278px;
    height: 28px;
    padding-left: 10px;
    border-radius: 10px;
    border: 1px solid #c4c4c4;
    font-size: 14px;
    line-height: 28px;
    color: #333;
    float: left;
    background: none;
    margin-left: 5px;
}

.fake .content .con .con-new .tableBox .t .text.text1 {
    width: 115px;
    padding-left: 0;
    text-align: center;
}

.fake .content .con .con-new .tableBox .t label {
    width: 82px;
    height: auto;
    float: left;
    margin-left: 20px;
}

.fake .content .con .con-new .tableBox .t .tt {
    font-size: 14px;
    line-height: 30px;
    color: #666;
    float: left;
}

.fake .content .con .con-new .tableBox .t .tt a {
    color: #18368b;
    border-bottom: 1px solid #18368b;
}

.fake .content .con .con-new .tableBox .submit {
    width: 180px;
    height: 46px;
    border-radius: 23px;
    background-color: #757575;
    text-align: center;
    display: block;
    font-size: 14px;
    line-height: 46px;
    color: #fff;
    margin-top: 80px;
}

.fake .content .con .con-new .txt {
    font-size: 12px;
    line-height: 22px;
    color: #999;
    margin-top: 80px;
}

.fake .content .con .con-new .txt p {
    margin-bottom: 10px;
}

.fake .content .con .con-new .txt p a {
    color: #18368b;
    border-bottom: 1px solid #18368b;
}

@media (max-width: 1280px) {
    .fake .content .con .con-new {
        margin-left: 30px;
    }

    .fake .content .con .con-new .tableBox .t label {
        margin-left: 10px;
    }

    .fake .content .con .con-new .tableBox .submit {
        margin-top: 40px;
    }

    .fake .content .con .con-new .txt {
        margin-top: 40px;
    }
}

@media (max-width: 1024px) {
    .fake {
        padding: 30px 0;
    }

    .fake .content .pic {
        width: 90%;
        float: none;
        margin: 0 auto;
    }

    .fake .content .con {
        width: 100%;
        float: none;
        padding: 20px 0;
    }
}

@media (max-width: 570px) {
    .fake .content .con .con-new .tableBox {
        margin-top: 20px;
    }

    .fake .content .con .con-new .tableBox .t .text {
        width: 193px;
    }

    .fake .content .con .con-new .tableBox .t {
        margin-bottom: 10px;
    }

    .fake .content .con .con-new {
        width: calc(100% - 30px);
        margin-left: 15px;
    }
}


.kgkz01 {
    width: 100%;
    clear: both
}

@media screen and (min-width: 1024px) {
    .kgkz02 {
        width: 20%;
        position: relative;
        float: left;
    }

    .kgkx02 {
        width: 48%;
        position: relative;
        float: left;
    }

    .kgkx03 {
        width: 48%;
        position: relative;
        float: right;
    }

    .kgkx04 {
        font-size: 48px;
        font-weight: bolder;
        color: #000
    }

    .kgkx05 {
        width: 14%;
        position: relative;
        float: left;
    }

    .kgkx07 {
        width: 25%;
        position: relative;
        float: left;
    }

}

@media screen and (max-width: 1024px) {
    .kgkz02 {
        width: 50%;
        position: relative;
        float: left;
    }

    .kgkx02 {
        width: 100%;
        position: relative;
        float: left;
    }

    .kgkx03 {
        width: 100%;
        position: relative;
        float: right;
    }

    .kgkx04 {
        font-size: 34px;
        font-weight: bolder;
        color: #000
    }

    .kgkx05 {
        width: 48%;
        position: relative;
        float: left;
    }

    .kgkx07 {
        width: 48%;
        position: relative;
        float: left;
    }
}

td {
    border: 1px solid #ccc;
}

.kgkx06 {
    border: 1px solid #ccc;
    padding: 7px;
    border-radius: 4px;
}

.tyty01 {
    background: #f2f2f2;
    width: 100%;
    text-align: center;
}

.tyty02 {
    padding: 14px;
}

.tyty03 {
    width: 100%;
    text-align: left;
    font-size: 24px;
    font-weight: bold;
    color: #000;
}

.tyty04 {
    width: 100%;
    text-align: left;
    font-size: 14px;
    color: #666;
    line-height: 140%;
    padding-top: 24px;
}

.tyty05 {
    width: 70px;
    height: 4px;
    background: #000;
}

.tyty06 {
    font-size: 20px;
    font-weight: bold;
    color: #000;
    line-height: 200%;
    padding-left: 7px;
}

.tyty07 {
    font-size: 14px;
    color: #fff;
    background: #000;
    border: 0px;
}

.tyty08 {
    color: #06F;
}

.tyty09 {
    border: 1px solid #ccc;
    border-collapse: inherit;
}

.tyty10 {
    height: 700px;
    overflow-x: scroll;
}