/*common start*/
body, div, ul, li, a, img, p, dl, dt, dd, h1, h2, h3, h4, span, strong, input {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    border: 0;
    list-style: none;
   
}

body {
    font-size: 12px;
    font-family: '';
    color: #333;
}

a {
    color: #666;
}

    a:hover {
        color: #f60;
        text-decoration: none;
    }

:hover {
    transition: all .3s ease;
}

p {
    line-height: 1.5em;
    padding: 5px 0;
    word-break: break-word;
}

.clear {
    margin: 0;
    padding: 0;
    font-size: 0;
    clear: both;
}

.wapper {
    width: 1200px;
    margin: 0 auto;
}

input, textarea, select {
    outline: none
}
/*common end*/

/*menu*/
.cont {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
}

.menu {
    height: 75px;
    line-height: 70px;
    background:;
    float: right;
    width: 72%;
}

    .menu ul li {
        float: left;
        position: relative;
        padding: 0 18px;
        width: auto;
    }

        .menu ul li.erj:after {
            width: 0;
            height: 0;
            margin: 0;
            border: 5px solid transparent;
            border-top-color: #004098;
            content: "";
            position: absolute;
            top: 55%;
            right: 5PX;
            transform: translateY(-50%);
        }

        .menu ul li dl {
            background: #fff;
            width: 200%;
            position: absolute;
            left: 0px;
            top: 100%;
            box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
            padding: 0;
            display: none;
        }

        .menu ul li:hover::before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 2px;
            background-color: #004098;
        }

        .menu ul li dl dd {
            line-height: 35px;
            /*border-bottom: #ddd dotted 1px;*/
            margin: 0;
            /* background-color: #004098; */
            text-indent: 1rem;
        }

            .menu ul li dl dd:hover {
                background-color: #004098
            }

                .menu ul li dl dd:hover a {
                    color: #fff !important;
                }

            .menu ul li dl dd a {
                font-size: 14px;
                color: #000;
                font-weight: normal;
                display: inline;
                padding: 0;
                text-align: left;
                padding: 0 24px;
                text-indent: 1rem;
            }

                .menu ul li dl dd a:hover {
                    color: #f60;
                }

    .menu a {
        font-size: 15px;
        color: #000;
        text-decoration: none;
        /*font-weight: bold;*/
        display: block;
        text-align: center;
    }

        .menu a:hover {
            color: #000;
        }

a.menu_hover {
    background:;
    color: #000;
}

.menu_down span {
    display: block;
    background: url(../images/menu_down.gif) right 10px center no-repeat;
}

.head {
    padding: 3px 0;
    position: relative;
    border-bottom: 1px solid #b5b5b5;
    top: 0px;
    left: 0;
    width: 100%;
    z-index: 9;
}

.logo {
    width: 20%;
    float: left;
}

    .logo img {
        width: 100%;
    }

.con1 {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
}

.con1lf {
    width: 32%;
}

.con1md {
    width: 32%;
}

.con1rt {
    width: 32%;
}

.c1mdlf {
    width: 60%;
    float: left;
}

.c1mdrt {
    width: 38%;
    float: right;
}

    .c1mdrt img {
        width: 100%;
    }

.con1 h1 {
    font-size: 20px;
    margin-bottom: 10px;
}

.con1md h2 {
    font-size: 16px;
    font-weight: 400;
}

.c1rtlf {
    width: 48%;
    float: left;
}

.c1rtrt {
    width: 48%;
    float: right;
}

    .c1rtrt img {
        width: 100%;
    }

.con1md:hover {
    box-shadow: 0px 0px 6px #DDDDDD;
}


.inside_left {
    width: 220px;
    float: left;
}

    .inside_left .side_a dl dt {
        border-bottom: 3px solid #ddd;
        display: block;
        height: 40px;
        color: #324483;
        font-weight: bold;
        line-height: 40px;
        font-size: 18px;
    }

    .inside_left .side_a dl dd {
        height: 36px;
        line-height: 36px;
        border-bottom: #ddd solid 1px;
    }

        .inside_left .side_a dl dd a {
            display: block;
            padding-left: 30px;
            font-size: 14px;
            background: url(../images/about-cn3_19.jpg) 15px center no-repeat;
        }

            .inside_left .side_a dl dd a:hover {
                background: #324483;
                color: #fff;
            }

    .inside_left .side_a dl .hover a {
        background: #324483;
        color: #fff;
    }

.lianxi {
    margin-top: 15px;
    text-align: center;
    padding-bottom: 20px;
}

.inside_right {
    width: calc(100% - 240px);
    float: right;
}

.inside_con {
    padding: 10px 0;
}

.upadte_weizhi1 {
    height: 30px;
    line-height: 30px;
    padding: 10px 0px;
    background: url(../images/updeta_home1.png) left center no-repeat;
    padding-left: 20px;
    border-bottom: 1px solid #eee;
}

.upadte_weizhi2 {
    height: 30px;
    line-height: 30px;
    padding: 10px 0px;
    border-bottom: 1px solid #eee;
}

.upadte_weizhi2_left {
    float: left;
    background: url(../images/updeta_home1.png) left center no-repeat;
    padding-left: 20px;
}

.upadte_weizhi2_right {
    float: right;
    height: 30px;
}

    .upadte_weizhi2_right a {
        display: block;
        float: left;
        height: 30px;
        line-height: 30px;
        margin-left: 10px;
        font-size: 14px;
        padding: 0px 10px;
    }

        .upadte_weizhi2_right a.on {
            background: #f60;
            color: #fff;
        }

        .upadte_weizhi2_right a:hover {
            background: #f60;
            color: #fff;
        }

.upadte_weizhi3bg {
    height: 65px;
    line-height: 65px;
    border-bottom: 1px solid #eee;
    text-align: center;
}

.upadte_weizhi3 a {
    padding: 0px 15px;
    margin: 0px 15px;
    display: inline-block;
    line-height: 65px;
    font-size: 14px;
}

    .upadte_weizhi3 a.on {
        color: #f60;
        border-bottom: 2px solid #f60;
    }

    .upadte_weizhi3 a:hover {
        color: #f60;
        border-bottom: 2px solid #f60;
    }

/*ͨ�����*/
.update_side_a h2 { /* border-bottom:1px solid #ddd; */
}

    .update_side_a h2 span {
        display: inline-block; /* border-bottom:2px solid #f60; */
        font-weight: normal;
        line-height: 49px;
    }

.update_side_a dl {
    padding: 10px 0px 20px 0px;
}

    .update_side_a dl dd { /* background:#e6e6e6; */
        height: 45px;
        line-height: 45px;
        margin-bottom: 2px;
    }

        .update_side_a dl dd a {
            display: block;
            font-size: 14px;
            padding-left: 20px;
            background: url(../images/about-cn3_19.png) right 20px center no-repeat;
        }

.update_side_b h2 {
    border-bottom: 1px solid #ddd;
}

    .update_side_b h2 span {
        display: inline-block;
        border-bottom: 2px solid #f60;
        font-weight: normal;
        line-height: 49px;
    }

.update_side_b dl {
    padding: 10px 0px 20px 0px;
}

    .update_side_b dl dd {
        font-size: 14px;
        line-height: 24px;
        padding: 4px 0px;
    }

.update_side_c h2 {
    border-bottom: 1px solid #ddd;
}

    .update_side_c h2 span {
        display: inline-block;
        border-bottom: 2px solid #f60;
        font-weight: normal;
        line-height: 49px;
    }

.update_search {
    margin: 10px 0px 20px 0px;
    border: 1px solid #e4eaec;
    background: #f3f7f9;
    height: 36px;
    line-height: 36px;
}

    .update_search .input_text {
        float: left;
        width: 180px;
        height: 36px;
        line-height: 36px;
        text-indent: 10px;
        font-size: 14px;
    }

    .update_search .input_button {
        float: right;
        width: 38px;
        height: 36px;
        line-height: 36px;
        background: #f60 url(../images/update_search.png) center no-repeat;
    }

.update_side_d h2 {
    border-bottom: 1px solid #ddd;
}

    .update_side_d h2 span {
        display: inline-block;
        border-bottom: 2px solid #f60;
        font-weight: normal;
        line-height: 49px;
    }

.update_side_d dl {
    padding: 10px 0px 20px 0px;
}

    .update_side_d dl dd {
        font-size: 14px;
        line-height: 24px;
        padding: 4px 0px;
    }

.update_news3 {
    max-width: 1200px;
    margin: 0 auto;
}

    .update_news3 ul li {
        padding: 0px 30px;
        box-sizing: border-box;
        transition: all .4s ease-out;
    }

        .update_news3 ul li .news_con {
            border-bottom: 1px solid #ececec;
            overflow: hidden;
            padding: 30px 0px;
        }

            .update_news3 ul li .news_con .news_pic {
                float: left;
                width: 280px;
                overflow: hidden;
            }

                .update_news3 ul li .news_con .news_pic img {
                    width: 100%;
                    transition: all .36s ease;
                }

        .update_news3 ul li .news_desc {
            float: right;
            width: calc(100% - 300px);
        }

            .update_news3 ul li .news_desc strong {
                display: block;
                font-weight: normal;
                line-height: 24px;
                overflow: hidden;
            }

                .update_news3 ul li .news_desc strong a {
                    float: left;
                    font-size: 16px;
                    color: #444;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    width: calc(100% - 104px);
                }

                .update_news3 ul li .news_desc strong em {
                    float: right;
                    font-style: normal;
                    color: #444;
                    font-size: 16px;
                }

            .update_news3 ul li .news_desc span {
                display: block;
                font-size: 14px;
                color: #777;
                line-height: 24px;
                padding-top: 10px;
            }

        .update_news3 ul li:hover {
            box-shadow: 0 0 22px rgba(0,0,0,.12);
            border-radius: 4px;
            background: #fff;
        }

            .update_news3 ul li:hover .news_con .news_pic img {
                transform: scale(1.1);
            }

        .update_news3 ul li .news_desc:hover strong a {
            color: #f60;
        }

        .update_news3 ul li .news_desc:hover strong em {
            color: #f60;
        }

@media screen and (max-width:1200px) {
    .wapper {
        max-width: 98%;
        padding: 0px 15px;
        box-sizing: border-box;
    }
}

@media screen and (max-width:720px) {
    .menu {
        display: none
    }

    .top_lo {
        display: none;
    }

    .sp_header {
        display: block;
    }

    .sjj_nav {
        display: block;
    }
    /*update_news3*/
    .update_news3 ul li {
        padding: 0px 15px;
    }

        .update_news3 ul li .news_con {
            padding: 15px 0px;
        }

            .update_news3 ul li .news_con .news_pic {
                width: 260px;
            }

        .update_news3 ul li .news_desc {
            width: calc(100% - 280px);
        }
    /*update_news4*/
    .update_news4 ul li {
        width: calc((100% - 20px)/2);
    }

        .update_news4 ul li:nth-child(3n) {
            margin-right: 20px;
        }

        .update_news4 ul li:nth-child(2n) {
            margin-right: 0px;
        }
    /*update_case1*/
    .update_case1 ul li {
        width: calc((100% - 40px)/3);
    }

        .update_case1 ul li:nth-child(4n) {
            margin-right: 20px;
        }

        .update_case1 ul li:nth-child(3n) {
            margin-right: 0px;
        }
    /*update_case2*/
    .update_case2 ul li {
        width: calc((100% - 20px)/2);
    }

        .update_case2 ul li:nth-child(3n) {
            margin-right: 20px;
        }

        .update_case2 ul li:nth-child(2n) {
            margin-right: 0px;
        }
    /*update_product1*/
    .update_product1 ul li {
        width: calc((100% - 20px)/2);
    }

        .update_product1 ul li:nth-child(3n) {
            margin-right: 20px;
        }

        .update_product1 ul li:nth-child(2n) {
            margin-right: 0px;
        }

        .update_product1 ul li .pro_tit {
            font-size: 14px;
        }
    /*update_product2*/
    .update_product2 ul li {
        width: calc((100% - 20px)/2);
    }

        .update_product2 ul li:nth-child(3n) {
            margin-right: 20px;
        }

        .update_product2 ul li:nth-child(2n) {
            margin-right: 0px;
        }

        .update_product2 ul li .pro_tit {
            font-size: 14px;
        }
    /*update_product3*/
    .update_product3 ul li {
        width: calc((100% - 20px)/2);
    }

        .update_product3 ul li:nth-child(3n) {
            margin-right: 20px;
        }

        .update_product3 ul li:nth-child(2n) {
            margin-right: 0px;
        }

        .update_product3 ul li .pro_tit {
            font-size: 14px;
        }
    /*update_product4*/
    .update_product4 ul li .pro_pic {
        float: none;
        width: 100%;
    }

    .update_product4 ul li .pro_tit {
        float: none;
        width: 100%;
        margin-top: 10px;
    }

        .update_product4 ul li .pro_tit strong {
            font-size: 18px;
        }
    /*update_contact1*/
    .update_contact1_map {
        float: none;
        width: 100%;
    }

        .update_contact1_map img {
            width: 100%;
        }

    .update_contact1_right {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    /*update_contact2*/
    .update_contact2_lx_left {
        float: none;
        width: 100%;
    }

    .update_contact2_lx_map {
        float: none;
        width: 100%;
        border-left: 0px solid #fff;
        border-top: 10px solid #fff;
    }

    .update_contact2_ly ul li {
        width: 100%;
        margin: 5px 0px;
        margin-right: 0%;
    }

    .update_contact2_ly .input_button {
        margin-top: 10px;
    }
    /*update_contact3*/
    .update_contact3_map {
        float: none;
        width: 100%;
    }

    .update_contact3_right {
        float: none;
        width: 100%;
        margin-top: 10px;
    }
    /*update_prodetail_1*/
    .update_prodetail_1_top_left {
        float: none;
        width: 100%;
    }

    .update_prodetail_1_top_right {
        float: none;
        width: 100%;
        margin-top: 20px;
    }

    .update_prodetail_1_con_left {
        float: none;
        width: 100%;
    }

    .update_prodetail_1_con_right {
        float: none;
        width: 100%
    }

    .update_slideTxtBox_02 {
        margin-top: 20px;
    }
    /*update_prodetail_2*/
    .update_prodetail_2_top {
        padding: 10px;
        margin-bottom: 20px;
    }

    .update_prodetail_2_con_left {
        float: none;
        width: 100%;
    }

    .update_slideTxtBox_03 .bd {
        padding: 10px 10px;
    }

    .update_prodetail_2_con_right {
        float: none;
        width: 100%;
        margin-top: 20px;
    }

    .inside_left {
        display: none;
    }

    .inside_right {
        float: right;
        width: 100%;
    }
}

@media screen and (max-width:460px) {
    /*update_news1*/
    .update_news1 ul li strong a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: calc(100% - 104px);
    }

    .update_news1 ul li span {
        height: 66px;
        overflow: hidden;
    }
    /*update_news2*/
    .update_news2 ul li .news_desc a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    /*update_news3*/
    .update_news3 ul li {
        padding: 0px;
    }

        .update_news3 ul li .news_con {
            padding: 20px 0px;
        }

            .update_news3 ul li .news_con .news_pic {
                float: none;
                width: 100%;
            }

        .update_news3 ul li .news_desc {
            float: none;
            width: 100%;
            margin-top: 10px;
        }
    /*update_news4*/
    .update_news4 ul li {
        width: 100%;
        margin-right: 0px;
    }

        .update_news4 ul li .news_pic {
            height: auto;
        }

        .update_news4 ul li:nth-child(3n) {
            margin-right: 0px;
        }

        .update_news4 ul li:nth-child(2n) {
            margin-right: 0px;
        }
    /*update_news5*/
    .update_news5 dl dd {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
    }

        .update_news5 dl dd:nth-child(3n) {
            margin-right: 0px;
        }

        .update_news5 dl dd:nth-child(2n) {
            margin-right: 0px;
        }
    /*update_case1*/
    .update_case1 ul li {
        width: calc((100% - 20px)/2);
    }

        .update_case1 ul li .update_case_pic {
            height: 100px;
        }

        .update_case1 ul li:nth-child(4n) {
            margin-right: 20px;
        }

        .update_case1 ul li:nth-child(3n) {
            margin-right: 20px;
        }

        .update_case1 ul li:nth-child(2n) {
            margin-right: 0px;
        }
    /*update_case2*/
    .update_case2 ul li {
        width: 100%;
        float: none;
        width: 100%;
    }

        .update_case2 ul li:nth-child(3n) {
            margin-right: 0px;
        }

        .update_case2 ul li:nth-child(2n) {
            margin-right: 0px;
        }
    /*update_case3*/
    .update_case3 ul li {
        margin-bottom: 20px;
    }

        .update_case3 ul li > i:before, .update_case3 ul li > i:after {
            display: none;
        }

        .update_case3 ul li .case_pic {
            float: none;
            width: 100%;
            max-width: 100%;
        }

            .update_case3 ul li .case_pic img {
                width: 100%;
            }

        .update_case3 ul li .case_tit {
            position: inherit;
            width: 100%;
            padding: 20px 0px;
        }
    /*update_product1*/
    .update_product1 ul li .pro_pic {
        height: 130px;
    }

    .update_product2 ul li .pro_pic {
        height: 130px;
    }

        .update_product2 ul li .pro_pic table tr td {
            height: 130px;
        }

    .update_product3 ul li .pro_pic {
        height: 130px;
    }

        .update_product3 ul li .pro_pic table tr td {
            height: 130px;
        }
    /*detail*/
    .update_detail_bot .prev {
        float: none;
        margin-right: 10px;
    }

    .update_detail_bot .next {
        float: none;
        margin-top: 10px;
    }
    /*inside_update_contact3*/
    .update_contact3_lx ul li {
        width: 50%;
        margin-top: 20px;
    }

    .upadte_weizhi2 {
        height: auto;
    }

    .upadte_weizhi2_left {
        float: none;
    }

    .upadte_weizhi2_right {
        float: none;
        height: auto;
        overflow: hidden;
        margin-top: 10px;
    }

        .upadte_weizhi2_right a {
            margin-left: 0px;
            margin-right: 10px;
        }
    /*update_download1*/
    .update_download1 ul li dl {
        float: none;
        overflow: hidden;
    }

        .update_download1 ul li dl dt {
            width: 25px;
        }

            .update_download1 ul li dl dt img {
                width: 25px;
            }

        .update_download1 ul li dl dd {
            width: calc(100% - 45px);
        }

    .update_download1 ul li a {
        float: none;
        margin-left: 45px;
        margin-top: 10px;
        display: inline-block;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }

    .update_download2 ul li {
        padding: 10px 10px;
    }

        .update_download2 ul li img {
            width: 16px;
        }

        .update_download2 ul li a {
            padding-left: 10px;
            font-size: 14px;
            width: calc(100% - 105px);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    /*update_message2*/
    .update_message2 dl dd {
        width: 100%;
        margin-right: 0px;
    }
    /*update_message3*/
    .update_message3_left {
        width: 100%;
        float: none
    }

    .update_message3_right {
        width: 100%;
        float: none
    }
}

.top {
    background-color: #000000c4;
    padding: 9px 0;
}

    .top .wapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

.toplf ul {
    display: flex;
    align-items: center;
}

    .toplf ul li {
        margin: 0 20px;
    }

        .toplf ul li span {
            color: #FFFFFF;
            padding-left: 10px;
            font-size: 15px;
        }

.btn {
    width: 140px;
    line-height: 35px;
    text-align: center;
    background-color: #004098;
    text-align: center;
    color: #FFFFFF;
    border-radius: 20px;
    font-size: 15px;
    display: inline-block;
    margin-right: 20px;
}

    .btn:hover {
        background-color: #C01B1B;
        color: #FFFFFF;
    }

.menu ul li:hover dl {
    display: block;
}

.con1 {
    padding: 100px 0;
}

.con1lf {
    width: 48%;
    float: left;
}

.con1rt {
    width: 48%;
    float: right;
}

.bt h1 {
    font-size: 34px;
    color: #004098;
    text-align: center;
    margin-bottom: 40px;
}

.con1rt h2 {
    font-size: 22px;
}

.line {
    width: 110px;
    height: 3px;
    background-color: #007AFF;
    margin: 20px 0;
}

.aboutnr {
    margin-bottom: 20px;
}

.more {
    width: 140px;
    line-height: 35px;
    text-align: center;
    background-color: #004098;
    text-align: center;
    color: #FFFFFF;
    border-radius: 20px;
    font-size: 14px;
    display: inline-block;
    margin-right: 20px;
}

.con14bg {
    width: 100%;
    height: 150px;
    background-image: url(../images/review2021.jpg);
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
}

.con14 {
    height: 150px;
}

.mumping_mun li {
    width: 25%;
    text-align: center;
    float: left;
    margin: 30px auto;
}

.mumping_mun p {
    font-size: 14px;
    width: 100%;
    display: block;
    clear: both;
}

.mumping_mun h2 {
    font-size: 35px;
    font-weight: normal;
    float: left;
    margin-right: 10px;
}

.mumping_mun span {
    font-weight: bold;
    font-size: 20px;
}

.mun_top {
    display: flex;
    justify-content: center;
    align-items: center;
}

.line1 {
    width: 45%;
    height: 2px;
    background-color: #FFFFFF;
    margin: 10px auto;
}


.con14bg {
   padding: 50px 0 150px;
}

    .con14bg h1 {
        text-align: center;
        font-size: 34px;
    }

.con2 {
    padding: 100px 0;
}

    .con2 ul li {
        width: 48%;
        position: relative;
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
        float: left;
        border-radius: 10px;
        margin: 10px;
        overflow: hidden;
    }

        .con2 ul li img {
            width: 100%;
            display: block;
        }

        .con2 ul li h1 {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            color: #fff;
        }

.bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #004098;
    display: none;
}

    .bg h2 {
        color: #FFFFFF;
    }

    .bg p {
        color: #FFFFFF;
        font-size: 15px;
    }

.con2 ul li:hover .bg {
    display: flex;
}

.con3 {
    padding: 80px 0;
}

.con3 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
    .con3 ul li {
           width: 14%;
    margin: 1%;
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.08) inset;
    float: left;
    }


        .con3 ul li img {
            width: 100%;
        }

        .con3 ul li h4 {
            font-size: 18px;
            line-height: 35px;
        }

        .con3 ul li a {
            color: #0073aa;
        }

.con4 {
    padding: 80px 0;
}

.c4lf {
    width: 49%;
    float: left;
}

    .c4lf ul li {
        line-height: 40px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 10px;
        font-size: 14px;
    }

.c4rt {
    width: 49%;
    float: right;
}

    .c4rt img {
        width: 100%;
    }

.con5 {
    padding: 80px 0;
    background-image: url(../images/review2021.jpg);
    background-position: center;
}

    .con5 .wapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

.c5lf {
    width: 48%;
    float: left;
}

    .c5lf h1 {
        font-size: 25px;
        color: #FFFFFF;
        line-height: 1.8;
    }

    .c5lf p {
        color: #fff;
        font-size: 16px;
    }

.c5rt {
    width: 48%;
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn2 {
    line-height: 40px;
    font-size: 14px;
    padding: 0 30px;
    background-color: #007AFF;
    text-align: center;
    color: #FFFFFF;
    display: inline-block;
    border-radius: 20px;
    margin: 0 20px;
}

.con6 {
    padding: 80px 0;
}

    .con6 ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

        .con6 ul li {
            position: relative;
            width: 24%;
        }

            .con6 ul li img {
                width: 100%;
                display: block;
            }

.c6bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: center;
    display: none;
}

    .c6bg h1 {
        font-size: 22px;
        text-align:center;
        color: #FFFFFF;
    }

.con6 ul li:hover .c6bg {
    display: flex;
}

.con7 {
    padding: 80px 0;
}

.con8 {
    padding: 80px 0;
}

.con9 {
    padding: 80px 0;
}

.foot {
    padding: 50px 0;
    background-color: #002063;
    padding-bottom: 20px;
}

.footlf h1 {
       font-size: 18px;
    color: #FFFFFF;
}

.footlf ul li {
    width: 100%;
   
    float: left;
}

    .footlf ul li img {
        max-height: 110px;
    }

    .footlf ul li p {
          color: #fff;
    font-size: 14px;
    padding: 0;
    }

.footlf {
    float: left;
    width: 33%;    line-height: 50px;
}

.footmd {
    float: left;
    width: 27%;
    /*margin: 0 20px;*/
}

    .footmd h1 {
        font-size: 18px;
        color: #FFFFFF;
        margin-bottom: 15px;
    }

    .footmd dl dd {
        line-height: 35px;
        color: #FFFFFF;
        font-size: 14px;
    }

.footrt {
    width: 28%;
    float: right;
}

    .footrt h1 {
        font-size: 18px;
        color: #FFFFFF;
        margin-bottom: 15px;
    }

.ermitem {
    width: 45%;
}

    .ermitem img {
        width: 100%;
    }

    .ermitem p {
        text-align: center;
        color: #FFFFFF;
        font-size: 14px;
    }

.footerm {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}

.footbotm {
      color: #ffffff;
    padding: 10px 0;
}

.nybanner {
    position: relative;
}

    .nybanner h1 {
        font-size: 36px;
        color: #FFFFFF;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

    .nybanner img {
        display: block;
        width: 100%;
    }

.nav {
    box-shadow: 0px 0px 10px 5px rgba(213, 213, 213, 0.5);
    padding: 15px 0;
}

.navbt {
    font-size: 14px;
    color: #005177;
}

    .navbt span {
        font-size: 15px;
        color: #005177;
    }

    .navbt a {
        font-size: 15px;
        color: #005177;
        margin: 0 5px;
    }

.con {
    padding: 20px 0;
}

.piclist {
    margin-bottom: 20px;
}

    .piclist ul li {
        width: 24%;
        float: left;
        margin: 5px;
    }

        .piclist ul li img {
            height: 191px;
            width: 100%;
            object-fit: cover;
        }

    .piclist h1 {
        font-size: 18px;
        color: #004098;
        line-height: 36px;
    }

.line2 {
    width: 60px;
    height: 3px;
    background-color: #004098;
    margin: 10px 0;
}

.slideTxtBox {
    width: 50%;
    margin-top: 20px;
}

    .slideTxtBox .hd {
        height: 50px;
        line-height: 50px;
        background: #f4f4f4;
        padding: 0;
        border-bottom: 0;
        position: relative;
    }

        .slideTxtBox .hd ul {
            float: none;
            position: relative;
            left: 0;
            top: 0;
            height: 50px;
        }

            .slideTxtBox .hd ul li {
                float: left;
                padding: 0;
                cursor: pointer;
                width: 25%;
                text-align: center;
            }

                .slideTxtBox .hd ul li.on {
                    height: 50px;
                    background: #fff;
                    border: 0;
                    border-bottom: 2px solid #fff;
                    background-color: #004098;
                    color: #fff;
                }

    .slideTxtBox .bd {
        margin-top: 20px;
    }

.news {
    margin-bottom: 15px;
}

    .news ul li {
        margin: 10px 0;
    }

.newspic {
    width: 20%;
    float: left;
}

    .newspic img {
        width: 100%;
    }

.newsnr {
    width: 78%;
    float: right;
}

    .newsnr p {
        margin: 15px 0;
        font-size: 15px;
    }

.btn3 {
    width: 150px;
    padding: 5px 5px 5px 5px;
    border: 2px solid #004098;
    background-color: #004098;
    line-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .btn3 span {
        color: #FFFFFF;
        font-size: 14px;
    }

.panter {
    margin-bottom: 20px;
}

    .panter h1 {
        font-size: 18px;
        color: #004098;
    }

.lin4 {
    width: 58px;
    height: 3px;
    margin: 20px auto;
    background-color: #004098;
}

.panter h1 {
    text-align: center;
}

.panter ul li {
    width: 19%;
    margin: 5px;
    float: left;
}

    .panter ul li img {
        width: 100%;
    }

.tit h3 {
    color: #cc1300;
    font-size: 30px;
    font-weight: 700;
    line-height: 60px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.sp_header {
    top:0;
    height: 50px;
    overflow: hidden;
    background: #fff;
    position: fixed;
    z-index: 10;
    width: 100%;
    display: none;
}

.sp_logo {
    padding: 10px;
    float: left;
    height: 50px
}

    .sp_logo img {
        margin: auto;
        max-height: 30px;
    }

.sp_nav {
    width: 50px;
    float: right;
    position: relative;
    cursor: pointer;
    height: 30px;
    margin-top: 15px
}

    .sp_nav span {
        display: block;
        background: #c9141e;
        width: 30px;
        height: 2px;
        position: absolute;
        left: 10px;
        transition: all ease 0.35s
    }

        .sp_nav span:nth-of-type(1) {
            top: 0px
        }

        .sp_nav span:nth-of-type(2) {
            top: 10px
        }

        .sp_nav span:nth-of-type(3) {
            top: 20px
        }

.sp_nav_se span:nth-of-type(1) {
    top: 10px;
    transform: rotate(45deg)
}

.sp_nav_se span:nth-of-type(2) {
    width: 0
}

.sp_nav_se span:nth-of-type(3) {
    top: 10px;
    transform: rotate(-45deg)
}

.sjj_nav {
    position: fixed;
    z-index: 9;
    background: #eee;
    width: 100%;
    height: calc(100% - 104px);
    font-size: 14px;
    line-height: 40px;
    top: -100%;
    left: 0;
    overflow: auto;
    overflow-x: hidden;
    transition: top ease 0.35s;
}

.nav_show {
    top: 50px
}

.sjj_nav > ul > li:first-child {
    overflow: hidden;
    border-top: 0
}

    .sjj_nav > ul > li:first-child > a {
        float: left;
        width: calc(100% - 70px)
    }

    .sjj_nav > ul > li:first-child .language {
        float: right;
        width: 70px;
        overflow: hidden;
        line-height: 30px;
        margin-top: 5px
    }

        .sjj_nav > ul > li:first-child .language a {
            width: 35px;
            float: left;
            border-left: 1px #ddd solid;
            text-align: center;
            color: #999;
        }

.sjj_nav ul li i {
    position: absolute;
    top: 5px;
    right: 0px;
    border-left: 1px #ddd solid;
    height: 30px;
    padding: 0px 7px 0 7px;
}

    .sjj_nav ul li i svg {
        transform: rotate(-90deg);
        transition: all ease 0.35s
    }

.sjj_nav ul li .sjj_nav_i_se svg {
    transform: rotate(0deg)
}

.sjj_nav ul li {
    border-top: 1px #ddd solid;
    margin-left: 20px;
    position: relative;
    line-height: 40px;
    font-size: 14px
}

.sjj_nav > ul > li:last-child {
    border-bottom: 1px #ddd solid;
}

.sjj_nav ul li ul {
    display: none
}

.sjj_nav ul li a {
    color: #666;
    width: 80%
}

.sjj_nav ul li ul li a {
    color: #999;
    display: block;
    text-align: left;
}

.sjj_nav ul li i svg {
    width: 20px;
    height: 20px;
    fill: #555;
}

.sjj_nav ul li .sjj_nav_i_se svg {
    fill: #c9141e
}

.sjj_nav ul li ul li > ul {
    margin-left: 10px
}

@media screen and (max-width:460px) {
    .nv {
        height: 50px;
    }

    .top {
        display: none;
    }

    .sp_header {
        display: block;
    }

    .head {
        display: none;
    }

    .con1lf {
        width: 100%;
        margin-bottom: 10px;
    }

    .con1rt {
        width: 100%;
    }

    .con2 ul li {
        width: 95%;
    }
.con3 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
    .con3 ul li {
          width: 23%;
    }

    .c4lf {
        width: 100%;
        margin-bottom: 10px;
    }

    .c4rt {
        width: 100%;
    }

    .c5lf {
        width: 100%;
        margin-bottom: 10px;
    }

    .con5 .wapper {
        flex-wrap: wrap;
    }

    .c5rt {
        width: 100%;
    }

    .c5lf h1 {
        font-size: 20px;
    }

    .con6 ul li {
        width: 100%;
        margin-bottom: 10px;
    }

    .con6 {
        padding: 10px 0;
    }

    .con7 {
        padding: 10px 0;
    }

    .con8 {
        padding: 10px 0;
    }

    .con9 {
        padding: 10px 0;
    }

    .footlf {
        width: 100%;
        margin-bottom: 10px;
    }

    .footmd {
        width: 100%;
        margin-bottom: 10px;
    }

    .footrt {
        width: 100%;
    }
}


@media screen and (max-width:720px) {
    .bannerbtn {
        position: absolute;
        top: 70%;
        left: 50%;
        transform: translateX(-50%);
        width: 100% !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .btnn {
        line-height: normal !important;
        font-size: 13px !important;
        padding: 5px 20px !important;
        text-align: center;
        font-weight: 800;
        background-color: #fff;
        color: #004098;
        text-align: center;
        margin: 0 10px !important;
        border-radius: 20px;
    }
    .con14bg {
        padding: 20px 0;
    }

    .con14bg {
        width: 100%;
        height: auto;
        background-image: url(../images/review2021.jpg);
        background-position: center;
        background-repeat: no-repeat;
        color: #fff;
        background-size: cover;
    }
    .con14 {
        height: auto;
    }
    .mumping_mun li {
        width: 49%;
        text-align: center;
        float: none;
        margin: 10px auto;
        display: inline-block;
    }
    .btn2 {
        line-height: normal;
        font-size: 14px;
        padding: 4px 30px;
        background-color: #007AFF;
        text-align: center;
        color: #FFFFFF;
        display: inline-block;
        border-radius: 20px;
        margin: 0 20px;
    }
    .ab1itemlf {
    width:100% !important;
     }
    
    .ab1itemrt {
     width:100% !important;
    }
    .nybanner h1 {
        font-size: 18px;
        width: 100%;
        text-align: center;
    }
    .traflf {
     
     width:100% !important;}
    .newsnr {
        width: 100%;
        float: right;
    }
    .newspic {
        width: 100%;
        float: left;
    }
}