@charset "UTF-8";

body {
    margin: 0;
    padding: 0;
    font-family: 寰蒋闆呴粦;
    font-size: 14px;
    background: #fff;
    color: #1e1e1e;
    line-height: 1.5;
}

ul, li, dl, dt, dd {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #1e1e1e;
    cursor: pointer;
}

p, h1, h2, h3, h4, h5, h6, img, div, input, textarea {
    border: 0;
    margin: 0;
    padding: 0;
    outline: none;
}

span {
    display: inline-block;
}

.w1170 {
    width: 1170px;
    margin: 0 auto;
}

* {
    box-sizing: border-box;
}

/*闅愯棌video鏍囩鐨勪笅杞芥寜閽�*/

video::-internal-media-controls-download-button {
    display: none;
}

video::-webkit-media-controls-enclosure {
    overflow: hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
}

.maxmin, .ind_pt .ind_pt_ul li .ind_pt_img img, .ind_js .ind_js_ul li .img img, .ind_plan .ind_plan_ul li .img img, .ind_partner .ind_partner_ul li img, .baidu_wenku li img, .could_adv img, .web .web_box1 .web_box1_ul li .web_box1_img img, .about_intr .img img, .about_honor img, .ind_envi .ind_envi_ul li .img img, .baidu_pic .baidu_pic_box1 .pcimg, .baidu_pic .baidu_pic_box2 img:nth-child(2), .baidu_pic .baidu_pic_box2 img:nth-child(3), .baidu_pic .baidu_pic_box3 img {
    max-width: 100%;
    max-height: 100%;
    min-height: 32px;
    min-width: 32px;
}
/*娓呴櫎娴姩*/

/*.clear { clear: both; }*/

.after, .header .w1170:after, .nav .w1170 .menu > li .menu_sec dd .menu_sec_con:after, .nav .w1170 .menu:after, .nav .w1170:after, .ind_pt .ind_pt_ul:after, .ind_tool .ind_tool_ul:after, .ind_js .ind_js_ul:after, .ind_plan .ind_plan_ul:after, .ind_partner .ind_partner_ul:after, .g3_banner .w1170:after, .g3_data .w1170:after, .g3_use li a:after, .g3_use:after, .g3_case .g3_case_ul li .con:after, .g3_case .g3_case_ul li:after, .g3_case .g3_case_ul:after, .could .could_ul li:after, .web .web_box1 .web_box1_ul:after, .web .web_box3 > li:nth-child(even):after, .web .web_box4 ul:after, .wx_platform .wx_platform_box1:after, .wx_platform .wx_platform_box2:after, .wx_shentui .wx_shentui_box2 .l dl:after, .wx_shentui .wx_shentui_box2:after, .about_title:after, .about_tab:after, .about_intr:after, .ind_envi .ind_envi_ul:after, .about_huikuan dl:after, .baidu_pic .baidu_pic_box2:after {
    content: '';
    display: block;
    clear: both;
}
/*杩囨浮*/

.tran, .nav .w1170 .menu > li > a, .nav .w1170 .menu > li .menu_sec dd .menu_sec_t, .sw .swiper-pagination-switch, .index_t a, .ind_pt .ind_pt_ul li .ind_pt_hover, .ind_pt .ind_pt_ul li .ind_pt_hover a, .ind_tool .ind_tool_ul li, .ind_tool .ind_tool_ul li .hover, .ind_js .ind_js_ul li .img img, .ind_js .ind_js_ul li .con .t1 a, .ind_js .ind_js_ul li .con .more, .ind_plan .ind_plan_ul li .img img, .ind_plan .ind_plan_ul li .t a, .ind_partner .ind_partner_ul li img, .g3_use li .g3_use_more, .g3_case .g3_case_ul li .img, .web .web_box4 ul li .web_box4_hover, .wx_platform .wx_platform_box1 li, .wx_platform .wx_platform_box1 li .bg, .wx_platform .wx_platform_box2 li .img, .ind_envi .ind_envi_ul li, .ind_envi .ind_envi_ul li .hover {
    transition: all 0.6s ease-in-out;
}
    /*涓嶆崲琛�*/

    .nowrap, .phone_menu li dl dd a, .nav .w1170 .menu > li .menu_sec dd .menu_sec_t div, .ind_pt .ind_pt_ul li .ind_pt_t, .ind_js .ind_js_ul li .con .t1, .ind_js .ind_js_ul li .con .t2, .ind_plan .ind_plan_ul li .t, .ind_plan .ind_plan_ul li .con {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    /*寤舵椂鍔犺浇*/

    .lazy, .bottom .bottom_box2 img, .ind_pt .ind_pt_ul li .ind_pt_img img, .ind_js .ind_js_ul li .img img, .ind_plan .ind_plan_ul li .img img, .ind_partner .ind_partner_ul li img, .baidu_wenku li img, .could_adv img, .spread img, .wx_platform .wx_platform_box1 li img:not(.bg), .wx_platform .wx_platform_box2 li .img img {
        background: url(../images/loading.gif) no-repeat center;
        margin: 0 auto;
    }

* {
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
    -ms-tap-highlight-color: rgba(255, 0, 0, 0);
    -moz-tap-highlight-color: rgba(255, 0, 0, 0);
    tap-highlight-color: rgba(255, 0, 0, 0);
}
/*绮掑瓙鏁堟灉*/

.pg-canvas {
    background: #fbfbfb;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
/*鍏叡鏍峰紡*/

.block-img {
    display: block;
    margin: 0 auto;
}

.max {
    max-width: 100%;
    max-height: 100%;
}

.clearfix:after {
    content: '';
    display: block;
    clear: both;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.bg-f3 {
    background: #f3f3f3;
}
/*澶撮儴*/

.header {
    font: normal 12px/32px "寰蒋闆呴粦";
    color: #fff;
    background: #3c414c;
}

    .header .w1170 .header_l {
        float: left;
    }

    .header .w1170 .header_r {
        float: right;
    }

        .header .w1170 .header_r img {
            vertical-align: middle;
            display: inline-block;
        }

        .header .w1170 .header_r a {
            display: inline-block;
            font: bold 20px/32px Impact;
            letter-spacing: 1px;
            color: #fff;
            vertical-align: middle;
        }

        .header .w1170 .header_r .top_wx {
            display: none;
            position: absolute;
            left: 0;
            top: 33px;
            z-index: 10;
            max-width: 120px;
        }

    .header .header_r_s {
        position: relative;
        cursor: pointer;
    }

        .header .header_r_s:hover .top_wx {
            display: block;
        }

.phone_menu_trigger {
    display: none;
    position: absolute;
    right: 10px;
    top: 5px;
    z-index: 99999;
    transition: all 0.4s ease-in-out;
}

    .phone_menu_trigger div {
        width: 30px;
        height: 3px;
        background: #fff;
        transition: all 0.4s ease-in-out;
    }

        .phone_menu_trigger div:not(:last-child) {
            margin-bottom: 6px;
        }

    .phone_menu_trigger.on {
        top: 9px;
    }

        .phone_menu_trigger.on div:nth-child(3) {
            height: 0px;
        }

        .phone_menu_trigger.on div:nth-child(1) {
            transform: rotateZ(45deg) translateY(6px);
        }

        .phone_menu_trigger.on div:nth-child(2) {
            transform: rotateZ(-45deg) translateY(-6px);
        }

.phone_menu {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99998;
    overflow: scroll;
    background: #fff;
    padding: 0 0 66px;
    width: 100%;
    height: calc(100% - 30px);
    margin-top: 30px;
}

    .phone_menu li {
        font: normal 18px/54px "寰蒋闆呴粦";
        color: #000;
        border-bottom: dashed 1px #ccc;
    }

        .phone_menu li > a {
            display: block;
            width: 100%;
            color: #000;
            padding-left: 15px;
        }

            .phone_menu li > a + dl {
                display: none;
            }

                .phone_menu li > a + dl dd > a {
                    display: block;
                    width: 100%;
                    color: #000;
                    position: relative;
                    padding-left: 10px;
                    @extend .nowrap;
                }

                    .phone_menu li > a + dl dd > a:after {
                        content: '';
                        display: block;
                        width: 5px;
                        height: 5px;
                        position: absolute;
                        top: 50%;
                        left: 0;
                        transform: translateY(-50%);
                        border-radius: 50%;
                        background: #71d0f3;
                    }

.phone_menu_sec > a {
    position: relative;
}

    .phone_menu_sec > a:after {
        content: '';
        transition: all 0.4s ease-in-out;
        display: block;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        border-style: solid solid none solid;
        border-width: 8px;
        border-color: #71d0f3 transparent transparent transparent;
    }

    .phone_menu_sec > a.open:after {
        transform: rotate(-180deg);
    }

.phone_menu_sec dl {
    padding-left: 44px;
    display: none;
    background: #f2f2f2;
}

    .phone_menu_sec dl a {
        color: #000;
        display: block;
    }

.phone_menu_sec .phone_menu_thi {
    padding: 0 10px;
    font: normal 12px/20px "寰蒋闆呴粦";
}

    .phone_menu_sec .phone_menu_thi a {
        padding: 0 10px;
        display: inline-block;
    }

.phone_menu_sec dl dd:last-child .phone_menu_thi {
    padding-bottom: 10px
}

.fixed_bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: none;
    z-index: 999999999;
}

    .fixed_bottom:after {
        content: '';
        display: block;
        clear: both
    }

    .fixed_bottom a {
        display: block;
        float: left;
        width: 25%;
        background: #3c414c;
        text-align: center;
        color: #fff;
        padding: 6px 0;
    }

.nav {
    height: 103px;
    background: url(../images/icon_05.jpg);
    position: relative;
}

    .nav .w1170 .logo {
        float: left;
        margin: 30px 0;
    }

        .nav .w1170 .logo img {
            display: block;
            background: none;
            margin-right: 10px;
            float: left;
        }

    .nav .w1170 .menu {
        float: right;
        font: normal 14px/103px "寰蒋闆呴粦";
    }

        .nav .w1170 .menu > li {
            float: left;
        }

            .nav .w1170 .menu > li:hover > a {
                color: #71cff3;
            }

            .nav .w1170 .menu > li > a {
                display: block;
                width: 100%;
                height: 100%;
                padding: 0 14px 0 20px;
            }

            .nav .w1170 .menu > li .menu_sec {
                position: absolute;
                height: 0;
                overflow: hidden;
                z-index: 3;
                background: rgba(255, 255, 255, 0.95);
                width: 100%;
                text-align: center;
                left: 0;
                font: normal 14px/28px "寰蒋闆呴粦";
            }

                .nav .w1170 .menu > li .menu_sec dd {
                    display: inline-block;
                    text-align: left;
                    width: 285px;
                }

                    .nav .w1170 .menu > li .menu_sec dd .menu_sec_t {
                        margin-bottom: 25px;
                    }

                        .nav .w1170 .menu > li .menu_sec dd .menu_sec_t a {
                            display: block;
                            padding: 12px 18px;
                        }

                        .nav .w1170 .menu > li .menu_sec dd .menu_sec_t div {
                            font: normal 22px/30px "寰蒋闆呴粦";
                        }

                    .nav .w1170 .menu > li .menu_sec dd .menu_sec_con {
                        padding: 0 18px;
                    }

                        .nav .w1170 .menu > li .menu_sec dd .menu_sec_con li {
                            float: left;
                            text-align: center;
                            font-size: 12px;
                        }

                            .nav .w1170 .menu > li .menu_sec dd .menu_sec_con li a {
                                display: block;
                                white-space: nowrap;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                transition: all 0.4s ease-in-out;
                            }

                                .nav .w1170 .menu > li .menu_sec dd .menu_sec_con li a:hover {
                                    color: #71d0f3;
                                }

                            .nav .w1170 .menu > li .menu_sec dd .menu_sec_con li:not(:nth-child(4)) {
                                margin-right: 18px;
                            }

                    .nav .w1170 .menu > li .menu_sec dd:nth-child(1):hover .menu_sec_t {
                        background: #ff493f;
                        color: #fff;
                    }

                        .nav .w1170 .menu > li .menu_sec dd:nth-child(1):hover .menu_sec_t a {
                            color: #fff;
                        }

                    .nav .w1170 .menu > li .menu_sec dd:nth-child(2):hover .menu_sec_t {
                        background: #fdb83f;
                        color: #fff;
                    }

                        .nav .w1170 .menu > li .menu_sec dd:nth-child(2):hover .menu_sec_t a {
                            color: #fff;
                        }

                    .nav .w1170 .menu > li .menu_sec dd:nth-child(3):hover .menu_sec_t {
                        background: #0fc9b0;
                        color: #fff;
                    }

                        .nav .w1170 .menu > li .menu_sec dd:nth-child(3):hover .menu_sec_t a {
                            color: #fff;
                        }

                    .nav .w1170 .menu > li .menu_sec dd:nth-child(4):hover .menu_sec_t {
                        background: #7da5db;
                        color: #fff;
                    }

                        .nav .w1170 .menu > li .menu_sec dd:nth-child(4):hover .menu_sec_t a {
                            color: #fff;
                        }

            .nav .w1170 .menu > li:not(:first-child):not(:last-child):not(:nth-child(8)) > a {
                background: url(../images/icon_04.png) no-repeat right center;
            }

            .nav .w1170 .menu > li:not(:first-child):not(:last-child):not(:nth-child(8)):hover > a {
                background-image: url(../images/icon_03.png);
            }

            .nav .w1170 .menu > li:hover .menu_sec {
                height: 247px;
                padding: 27px 0 55px;
            }

            .nav .w1170 .menu > li:not(:nth-child(4)) .menu_sec_con img {
                height: 21px;
            }

            .nav .w1170 .menu > li:nth-child(2) .menu_sec dd {
                padding: 0 30px;
            }

                .nav .w1170 .menu > li:nth-child(2) .menu_sec dd .menu_sec_con li {
                    width: 80px;
                    height: 30px;
                    text-align: center;
                    line-height: 30px;
                    border: solid 1px #e8e9eb;
                    margin-bottom: 10px;
                }

                    .nav .w1170 .menu > li:nth-child(2) .menu_sec dd .menu_sec_con li:not(:nth-child(4)) {
                        margin-right: 0;
                    }

                    .nav .w1170 .menu > li:nth-child(2) .menu_sec dd .menu_sec_con li:nth-child(odd) {
                        margin-right: 20px;
                    }

                .nav .w1170 .menu > li:nth-child(2) .menu_sec dd:not(:last-child) {
                    border-right: solid 1px #e8e9eb;
                }

            .nav .w1170 .menu > li .menu_sec dd .menu_sec_con li {
                min-width: 48px;
            }

            .nav .w1170 .menu > li:nth-child(5) .menu_sec dd {
                padding: 0 30px;
            }

                .nav .w1170 .menu > li:nth-child(5) .menu_sec dd .menu_sec_con li {
                    width: 80px;
                    height: 30px;
                    text-align: center;
                    line-height: 30px;
                    border: solid 1px #e8e9eb;
                    margin-bottom: 10px;
                }

                    .nav .w1170 .menu > li:nth-child(5) .menu_sec dd .menu_sec_con li:not(:nth-child(4)) {
                        margin-right: 0;
                    }

                    .nav .w1170 .menu > li:nth-child(5) .menu_sec dd .menu_sec_con li:nth-child(odd) {
                        margin-right: 20px;
                    }

            .nav .w1170 .menu > li .menu_sec dd:not(:last-child) {
                border-right: solid 1px #e8e9eb;
            }

            .nav .w1170 .menu > li:nth-child(6) .menu_sec dd {
                padding: 0 30px;
                width: 320px;
            }

                .nav .w1170 .menu > li:nth-child(6) .menu_sec dd .menu_sec_con li {
                    width: calc((100% - 20px) / 2);
                    height: 30px;
                    text-align: center;
                    line-height: 30px;
                    border: solid 1px #e8e9eb;
                    margin-bottom: 10px;
                }

                    .nav .w1170 .menu > li:nth-child(6) .menu_sec dd .menu_sec_con li:not(:nth-child(4)) {
                        margin-right: 0;
                    }

                    .nav .w1170 .menu > li:nth-child(6) .menu_sec dd .menu_sec_con li:nth-child(odd) {
                        margin-right: 20px;
                    }

                .nav .w1170 .menu > li:nth-child(6) .menu_sec dd:not(:last-child) {
                    border-right: solid 1px #e8e9eb;
                }

            .nav .w1170 .menu > li:nth-child(7) .menu_sec dd {
                padding: 0 30px;
                width: 600px;
            }

                .nav .w1170 .menu > li:nth-child(7) .menu_sec dd .menu_sec_con li {
                    width: 23%;
                    height: 30px;
                    text-align: center;
                    line-height: 30px;
                    border: solid 1px #e8e9eb;
                    box-sizing: border-box;
                    margin: 0 2.66% 10px 0;
                }

                    .nav .w1170 .menu > li:nth-child(7) .menu_sec dd .menu_sec_con li:nth-child(4n) {
                        margin: 0 0 10px;
                    }

                .nav .w1170 .menu > li:nth-child(7) .menu_sec dd:not(:last-child) {
                    border-right: solid 1px #e8e9eb;
                }
/*鍙充晶渚ц竟鏍�*/

.fixed {
    position: fixed;
    right: 0;
    top: 20%;
    z-index: 9999;
    color: #fff;
    font-size: 17px;
}

    .fixed a {
        color: #fff;
    }

    .fixed .weixin {
        max-width: 122px;
        display: block;
        margin: 0 auto;
    }

    .fixed li {
        background: #c11a23;
        width: 54px;
        height: 54px;
        border-radius: 8px;
        margin-bottom: 5px;
        position: relative;
        cursor: pointer;
    }

        .fixed li > img {
            display: block;
            max-width: 100%;
        }

        .fixed li .hover_con {
            position: absolute;
            width: 155px;
            text-align: center;
            padding: 10px;
            display: none;
            border-radius: 8px;
            top: 7px;
            right: 42px;
            background: #c11a23;
            margin-right: 20px;
        }

        .fixed li:nth-child(4) .hover_con {
            top: -43px;
        }

        .fixed li:hover .hover_con {
            display: block;
        }

        .fixed li .hover_con:after {
            content: '';
            display: block;
            position: absolute;
            display: block;
            border: solid;
            border-width: 5px;
            border-color: transparent transparent transparent #c11a23;
            top: 50%;
            right: -10px;
            margin-top: -5px;
        }

        .fixed li .hover_con:before {
            content: '';
            display: block;
            position: absolute;
            width: 10px;
            height: 100%;
            background: rgba(0,0,0,0);
            display: block;
            top: 0;
            right: -10px;
        }
/*搴曢儴*/

.bottom .bottom_box1 {
    margin-bottom: 60px;
    background: url(../images/bottom_01.jpg) no-repeat top center;
    height: 390px;
    position: relative;
    color: #fff;
    text-align: center;
    padding-top: 53px;
}

    .bottom .bottom_box1 .f48 {
        font: normal 48px/48px "寰蒋闆呴粦";
        margin-bottom: 20px;
    }

    .bottom .bottom_box1 .f24 {
        font: normal 24px/24px "寰蒋闆呴粦";
        margin-bottom: 12px;
    }

    .bottom .bottom_box1 .f18 {
        font: normal 18px/18px "寰蒋闆呴粦";
    }

    .bottom .bottom_box1 .round {
        animation: dropdown 1.2s ease-in infinite;
        z-index: 3;
        position: absolute;
        left: 50%;
        transform: translateX(-56%);
        top: 276px;
        background: url(../images/g3_23.png) no-repeat;
        background-size: cover;
    }

    .bottom .bottom_box1 .bottom_phone {
        position: absolute;
        left: 50%;
        bottom: 0;
        margin-left: -95px;
        text-align: center;
        font: bold 24px/24px "寰蒋闆呴粦";
        color: #6284f0;
    }

        .bottom .bottom_box1 .bottom_phone img {
            margin-bottom: 15px;
        }

        .bottom .bottom_box1 .bottom_phone .guangyun1 {
            width: 46px;
            height: 46px;
            border: solid 1px #fff;
            position: absolute;
            border-radius: 50%;
            top: 0;
            left: 50%;
            margin-left: -23px;
            animation: guangyun 2.4s linear infinite;
            animation-delay: 1.2s;
        }

        .bottom .bottom_box1 .bottom_phone .guangyun2 {
            width: 46px;
            height: 46px;
            border: solid 1px #fff;
            position: absolute;
            border-radius: 50%;
            top: 0;
            left: 50%;
            margin-left: -23px;
            animation: guangyun 2.4s linear infinite;
            animation-delay: 2.4s;
        }

.bottom .bottom_box2 {
    text-align: center;
    font: normal 14px/24px "寰蒋闆呴粦";
    padding-bottom: 38px;
}

    .bottom .bottom_box2 img {
        margin-top: 15px;
        min-width: 17px;
        min-height: 17px;
    }

.l_qq_box {
    position: fixed;
    z-index: 99;
    left: 0;
    top: 200px;
}
/*宸︿晶鐩存挱鐪嬪叕鍙�*/

.l_online {
    position: fixed;
    z-index: 88;
    left: 10px;
    top: 50%;
    width: 160px;
    padding: 20px 20px 10px;
    box-sizing: border-box;
    background: rgba(237,237,237,0.8);
    border-radius: 10px;
}

    .l_online h3 {
        height: 24px;
        font: normal 14px/24px "寰蒋闆呴粦";
        color: #ffffff;
        background: #e60012;
        border-radius: 12px;
        text-align: center;
        margin-bottom: 15px;
    }

    .l_online div {
        border-radius: 10px;
        overflow: hidden;
    }

        .l_online div img {
            width: 100%;
        }

    .l_online p {
        height: 36px;
        font: normal 14px/36px "寰蒋闆呴粦";
        text-align: justify;
    }

        .l_online p:after {
            content: '';
            display: inline-block;
            width: 100%;
            height: 1px;
        }
/*閭€璇锋*/

.invite_box {
    position: fixed;
    z-index: 99;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 579px;
    box-sizing: border-box;
}

    .invite_box .close {
        position: absolute;
        z-index: 100;
        right: -10px;
        top: -10px;
        width: 26px;
        height: 26px;
        background: #F9F9F9;
        text-align: center;
        font: normal 20px/24px "寰蒋闆呴粦";
        border: 1px solid #cccccc;
        border-radius: 50%;
        cursor: pointer;
    }

    .invite_box .box {
        text-align: center;
        position: relative;
    }

        .invite_box .box h3 {
            font: bold 32px/50px "寰蒋闆呴粦";
            color: #e60012;
            letter-spacing: 2px;
        }

        .invite_box .box h4 {
            font: normal 28px/50px "寰蒋闆呴粦";
            letter-spacing: 3px;
        }

        .invite_box .box .btn {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 230px;
            height: 60px;
            margin: 30px auto 20px;
            background: #e60012;
            border-radius: 5px;
        }

            .invite_box .box .btn span {
                font: normal 16px/32px "寰蒋闆呴粦";
                color: #ffffff;
                animation: blink2 0.5s linear infinite;
            }

        .invite_box .box p {
            font: normal 15px/22px "寰蒋闆呴粦";
            color: #9A9A9A;
        }

        .invite_box .box .online {
            display: block;
            width: 40.76%;
            height: 13%;
            position: absolute;
            left: 8.117%;
            bottom: 17%;
        }

        .invite_box .box .phone {
            display: block;
            width: 40.76%;
            height: 13%;
            position: absolute;
            right: 8.117%;
            bottom: 17%;
        }

@keyframes blink2 {
    0% {
        font-size: 20px;
    }

    30% {
        font-size: 24px;
    }

    60% {
        font-size: 26px;
    }

    100% {
        font-size: 24px;
    }
}

@-webkit-keyframes dropdown {
    0% {
        width: 0;
        height: 0;
    }

    50% {
        width: 10px;
        height: 10px;
        top: 276px;
    }

    100% {
        top: 311px;
    }
}

@-moz-keyframes dropdown {
    0% {
        width: 0;
        height: 0;
    }

    50% {
        width: 10px;
        height: 10px;
        top: 276px;
    }

    100% {
        top: 311px;
    }
}

@-ms-keyframes dropdown {
    0% {
        width: 0;
        height: 0;
    }

    50% {
        width: 10px;
        height: 10px;
        top: 276px;
    }

    100% {
        top: 311px;
    }
}

@keyframes dropdown {
    0% {
        width: 0;
        height: 0;
    }

    50% {
        width: 10px;
        height: 10px;
        top: 276px;
    }

    100% {
        top: 311px;
    }
}

@-webkit-keyframes guangyun {
    0% {
        border: solid 1px #6284f0;
    }

    100% {
        width: 80px;
        height: 80px;
        left: 50%;
        margin-left: -40px;
        top: -17px;
        border-color: rgba(98, 132, 240, 0.1);
    }
}

@-moz-keyframes guangyun {
    0% {
        border: solid 1px #6284f0;
    }

    100% {
        width: 80px;
        height: 80px;
        left: 50%;
        margin-left: -40px;
        top: -17px;
        border-color: rgba(98, 132, 240, 0.1);
    }
}

@-ms-keyframes guangyun {
    0% {
        border: solid 1px #6284f0;
    }

    100% {
        width: 80px;
        height: 80px;
        left: 50%;
        margin-left: -40px;
        top: -17px;
        border-color: rgba(98, 132, 240, 0.1);
    }
}

@keyframes guangyun {
    0% {
        border: solid 1px #6284f0;
    }

    100% {
        width: 80px;
        height: 80px;
        left: 50%;
        margin-left: -40px;
        top: -17px;
        border-color: rgba(98, 132, 240, 0.1);
    }
}
/*棣栭〉*/

.sw {
    width: 100%;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

    .sw .swiper-wrapper:after {
        content: '';
        clear: both;
        display: block;
        visibility: hidden;
    }

    .sw .swiper-slide {
        width: 100%;
        height: 380px !important;
    }

        .sw .swiper-slide a {
            display: block;
            width: 100%;
            height: 100%;
        }

    .sw .pagination {
        position: absolute;
        z-index: 20;
        left: 50%;
        transform: translateX(-50%);
        bottom: 10px;
    }

    .sw .swiper-pagination-switch {
        display: inline-block;
        width: 12px;
        height: 12px;
        border-radius: 12px;
        background: #fff;
        margin-right: 10px;
        cursor: pointer;
    }

    .sw .swiper-visible-switch {
        background: #fff;
    }

    .sw .swiper-active-switch {
        background: #71d0f3;
    }

    .sw .swiper-wrapper {
        height: auto !important;
    }

.sw_phone {
    width: 100%;
    color: #fff;
    text-align: center;
}

    .sw_phone .swiper-wrapper:after {
        content: '';
        clear: both;
        display: block;
        visibility: hidden;
    }

    .sw_phone .swiper-slide img {
        width: 100%;
        display: block;
    }

    .sw_phone .pagination {
        position: absolute;
        z-index: 20;
        left: 50%;
        transform: translateX(-50%);
        bottom: 10px;
    }

    .sw_phone .swiper-pagination-switch {
        display: inline-block;
        width: 12px;
        height: 12px;
        border-radius: 12px;
        background: #fff;
        cursor: pointer;
    }

        .sw_phone .swiper-pagination-switch:not(:last-child) {
            margin-right: 10px;
        }

    .sw_phone .swiper-visible-switch {
        background: #fff;
    }

    .sw_phone .swiper-active-switch {
        background: #71d0f3;
    }

    .sw_phone .swiper-wrapper, .sw_phone .swiper-wrapper .swiper-slide {
        height: auto !important;
    }

.index_t {
    margin: 42px auto 34px;
    font: normal 12px/12px "寰蒋闆呴粦";
}

    .index_t .t {
        font: normal 26px/26px "寰蒋闆呴粦";
        margin-right: 27px;
    }

    .index_t a:hover {
        color: #71cff3;
    }

.ind_pt {
    padding: 1px 0 50px;
}

    .ind_pt .ind_pt_ul li {
        width: 280px;
        border-radius: 8px;
        overflow: hidden;
        float: left;
        position: relative;
        z-index: 1;
    }

        .ind_pt .ind_pt_ul li .ind_pt_img {
            width: 100%;
            height: 199px;
        }

            .ind_pt .ind_pt_ul li .ind_pt_img img {
                display: block;
            }

        .ind_pt .ind_pt_ul li .ind_pt_t {
            font: normal 16px/57px "寰蒋闆呴粦";
            background: #ededed;
            padding: 0 21px;
        }

            .ind_pt .ind_pt_ul li .ind_pt_t a {
                display: block;
                height: 100%;
            }

        .ind_pt .ind_pt_ul li:not(:last-child) {
            margin-right: 16.66667px;
        }

        .ind_pt .ind_pt_ul li .ind_pt_hover {
            position: absolute;
            width: 100%;
            height: 100%;
            opacity: 0;
            text-align: center;
            padding: 31px 0 0;
            top: 0;
            left: 0;
            font: normal 14px/34px "寰蒋闆呴粦";
            color: #fff;
        }

            .ind_pt .ind_pt_ul li .ind_pt_hover .more {
                color: #fff;
                margin-top: 10px;
                display: block;
            }

            .ind_pt .ind_pt_ul li .ind_pt_hover .ind_pt_hover_t {
                line-height: 14px;
                margin: 0 0 22px;
            }

            .ind_pt .ind_pt_ul li .ind_pt_hover dl dd {
                display: inline-block;
                border: solid 1px #fff;
                padding: 0 15px;
                width: 111px
            }

                .ind_pt .ind_pt_ul li .ind_pt_hover dl dd:nth-child(1), .ind_pt .ind_pt_ul li .ind_pt_hover dl dd:nth-child(2) {
                    margin-bottom: 15px;
                }

                .ind_pt .ind_pt_ul li .ind_pt_hover dl dd:nth-child(1), .ind_pt .ind_pt_ul li .ind_pt_hover dl dd:nth-child(4) {
                    margin-right: 18px;
                }

                .ind_pt .ind_pt_ul li .ind_pt_hover dl dd a {
                    display: block;
                    width: 100%;
                    height: 100%;
                }

        .ind_pt .ind_pt_ul li:hover .ind_pt_hover {
            opacity: 1;
        }

            .ind_pt .ind_pt_ul li:hover .ind_pt_hover a {
                color: #fff;
            }

        .ind_pt .ind_pt_ul li:nth-child(1) .ind_pt_hover {
            background: rgba(255, 121, 104, 0.9);
        }

        .ind_pt .ind_pt_ul li:nth-child(2) .ind_pt_hover {
            background: rgba(254, 183, 64, 0.9);
        }

        .ind_pt .ind_pt_ul li:nth-child(3) .ind_pt_hover {
            background: rgba(17, 223, 193, 0.9);
        }

        .ind_pt .ind_pt_ul li:nth-child(4) .ind_pt_hover {
            background: rgba(113, 208, 243, 0.9);
        }

.ind_tool {
    background: #fbfbfb;
    padding: 1px 0;
    position: relative;
}

    .ind_tool .w1170 {
        position: relative;
        z-index: 3;
    }

    .ind_tool .ind_tool_ul {
        margin-bottom: 49px;
    }

        .ind_tool .ind_tool_ul li {
            width: 380px;
            float: left;
            padding: 24px 25px 42px;
            background-color: #fff;
            border-radius: 5px;
            position: relative;
        }

            .ind_tool .ind_tool_ul li:not(:last-child) {
                margin-right: 15px;
            }

            .ind_tool .ind_tool_ul li .ind_tool_ul_d1 {
                padding-bottom: 16px;
                border-bottom: solid 1px #f0f0f0;
            }

                .ind_tool .ind_tool_ul li .ind_tool_ul_d1 img {
                    vertical-align: middle;
                }

                .ind_tool .ind_tool_ul li .ind_tool_ul_d1 .r {
                    transition: all 0.6s ease-in-out;
                    display: inline-block;
                    vertical-align: middle;
                    margin-left: 17px;
                    color: #777;
                }

                    .ind_tool .ind_tool_ul li .ind_tool_ul_d1 .r p {
                        font: normal 24px/24px "寰蒋闆呴粦";
                        color: #333;
                        margin-bottom: 5px;
                        transition: all 0.6s ease-in-out;
                    }

            .ind_tool .ind_tool_ul li .dl_item {
                text-align: center;
                margin: 30px 0 45px;
            }

                .ind_tool .ind_tool_ul li .dl_item dd {
                    display: inline-block;
                    font-size: 12px;
                }

                    .ind_tool .ind_tool_ul li .dl_item dd a {
                        color: #777;
                        transition: all 0.6s ease-in-out;
                    }

                    .ind_tool .ind_tool_ul li .dl_item dd img {
                        height: 36px;
                        margin-bottom: 5px;
                    }

                    .ind_tool .ind_tool_ul li .dl_item dd:not(:last-child) {
                        margin-right: 40px;
                    }

            .ind_tool .ind_tool_ul li .dl_item_img2 {
                display: none;
            }

            .ind_tool .ind_tool_ul li .more {
                color: #bcbcbc;
                font-size: 14px;
                text-decoration: underline;
                margin-left: 18px;
            }

            .ind_tool .ind_tool_ul li .hover {
                opacity: 0;
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                z-index: -1;
                background-size: cover;
                border-radius: 5px;
            }

            .ind_tool .ind_tool_ul li:hover {
                color: #fff !important;
                background: none !important;
            }

                .ind_tool .ind_tool_ul li:hover a, .ind_tool .ind_tool_ul li:hover p, .ind_tool .ind_tool_ul li:hover .r {
                    color: #fff !important;
                }

                .ind_tool .ind_tool_ul li:hover .dl_item_img1 {
                    display: none;
                }

                .ind_tool .ind_tool_ul li:hover .dl_item_img2 {
                    display: inline-block !important;
                }

                .ind_tool .ind_tool_ul li:hover .hover {
                    opacity: 1;
                }

            .ind_tool .ind_tool_ul li:nth-child(1) .hover {
                background-image: url(../images/tool_bg1.jpg);
            }

            .ind_tool .ind_tool_ul li:nth-child(2) .hover {
                background-image: url(../images/tool_bg2.jpg);
            }

            .ind_tool .ind_tool_ul li:nth-child(3) .hover {
                background-image: url(../images/tool_bg3.jpg);
            }

            .ind_tool .ind_tool_ul li:nth-child(1):hover {
                box-shadow: 0 0 10px rgba(255, 121, 104, 0.8);
            }

            .ind_tool .ind_tool_ul li:nth-child(2):hover {
                box-shadow: 0 0 10px rgba(254, 183, 64, 0.8);
            }

            .ind_tool .ind_tool_ul li:nth-child(3):hover {
                box-shadow: 0 0 10px rgba(17, 223, 193, 0.8);
            }

.ind_js {
    padding: 1px 0 50px;
}

    .ind_js .ind_js_ul li {
        float: left;
        padding-bottom: 35px;
        width: 280px;
    }

        .ind_js .ind_js_ul li .img {
            width: 100%;
            margin-bottom: 20px;
            overflow: hidden;
            border-radius: 8px 8px 0 0;
            position: relative;
            z-index: 1;
        }

            .ind_js .ind_js_ul li .img img {
                display: block;
                width: 100%;
            }

        .ind_js .ind_js_ul li .con .t1 {
            font: normal 18px/18px "寰蒋闆呴粦";
            margin-bottom: 14px;
            color: #333;
        }

            .ind_js .ind_js_ul li .con .t1 a:hover {
                color: #71cff3;
            }

        .ind_js .ind_js_ul li .con .t2 {
            font: normal 14px/14px "寰蒋闆呴粦";
            margin-bottom: 28px;
            color: #777;
        }

        .ind_js .ind_js_ul li .con .more {
            font: normal 14px/14px "寰蒋闆呴粦";
            margin-bottom: 28px;
            color: #bcbcbc;
        }

            .ind_js .ind_js_ul li .con .more:hover {
                color: #71cff3;
            }

        .ind_js .ind_js_ul li:hover img {
            transform: scale(1.03, 1.03);
        }

        .ind_js .ind_js_ul li:not(:last-child) {
            margin-right: 15px;
        }

.ind_plan {
    padding: 1px 0;
    background: #fbfbfb;
    height: 460px;
    position: relative;
}

    .ind_plan .w1170 {
        position: relative;
        z-index: 3;
    }

    .ind_plan .ind_plan_ul {
        margin-bottom: 49px;
    }

        .ind_plan .ind_plan_ul li {
            width: 280px;
            float: left;
        }

            .ind_plan .ind_plan_ul li:not(:last-child) {
                margin-right: 16.66667px;
            }

            .ind_plan .ind_plan_ul li .img {
                width: 100%;
                height: 214px;
                margin-bottom: 20px;
                overflow: hidden;
                border-radius: 10px 10px 0 0;
                position: relative;
                z-index: 1;
            }

                .ind_plan .ind_plan_ul li .img img {
                    display: block;
                }

            .ind_plan .ind_plan_ul li .t {
                margin-bottom: 14px;
                color: #333;
                font: normal 18px/18px "寰蒋闆呴粦";
                padding: 0 10px;
            }

                .ind_plan .ind_plan_ul li .t a:hover {
                    color: #71cff3;
                }

            .ind_plan .ind_plan_ul li .con {
                color: #777;
                padding: 0 10px;
                height: 42px;
                overflow: hidden;
            }

            .ind_plan .ind_plan_ul li:hover img {
                transform: scale(1.03, 1.03);
            }

            .ind_plan .ind_plan_ul li:not(:last-child) {
                margin-right: 16.66667px;
            }

.ind_partner {
    padding: 1px 0 50px;
}

    .ind_partner .ind_partner_ul li {
        float: left;
        margin-bottom: 15px;
        width: 182px;
        height: 91px;
        overflow: hidden;
        position: relative;
        z-index: 1;
    }

        .ind_partner .ind_partner_ul li img {
            display: block;
        }

        .ind_partner .ind_partner_ul li:hover img {
            transform: scale(1.03, 1.03);
        }

        .ind_partner .ind_partner_ul li:not(:nth-child(6n+6)) {
            margin-right: 15.6px;
        }

.chaxunjiekou {
    font: bold 30px/30px "寰蒋闆呴粦";
    text-align: center;
    padding: 60px 0;
}

    .chaxunjiekou a {
        display: block;
        margin: 0 auto;
        color: #fff;
        background: #1c92e6;
        ;
        width: 50%;
        max-width: 380px;
        height: 63px;
        line-height: 60px;
        text-align: center;
        border-radius: 63px;
        border: none;
        font-size: 24px;
    }
/*g3椤甸潰*/

.g3_banner {
    background: url(../images/g3_banner.jpg) no-repeat center;
    height: 379px;
}

    .g3_banner .w1170 .g3_banner_l {
        float: left;
        background: url(../images/g3_banner02.png) no-repeat center;
        width: 520px;
        height: 305px;
        margin: 53px 0 0 85px;
    }

        .g3_banner .w1170 .g3_banner_l .sw1 {
            width: 392px;
            height: 245px;
            color: #fff;
            text-align: center;
            margin-top: 22px;
        }

        .g3_banner .w1170 .g3_banner_l .swiper-wrapper:after {
            content: '';
            clear: both;
            display: block;
            visibility: hidden;
        }

        .g3_banner .w1170 .g3_banner_l .swiper-slide {
            width: 100%;
            height: 245px !important;
        }

        .g3_banner .w1170 .g3_banner_l .pagination {
            position: absolute;
            z-index: 20;
            left: 50%;
            bottom: 10px;
            transform: translateX(-50%);
        }

        .g3_banner .w1170 .g3_banner_l .swiper-pagination-switch {
            display: inline-block;
            width: 7px;
            height: 7px;
            background: #fff;
            border-radius: 8px;
            border: solid 1px #fff;
            margin-right: 9px;
            cursor: pointer;
        }

        .g3_banner .w1170 .g3_banner_l .swiper-visible-switch {
            background: #aaa;
        }

        .g3_banner .w1170 .g3_banner_l .swiper-active-switch {
            background: none;
        }

        .g3_banner .w1170 .g3_banner_l .swiper-wrapper {
            height: auto !important;
        }

    .g3_banner .w1170 .g3_banner_r {
        float: right;
        padding-top: 51px;
        margin-right: 94px;
        width: 312px;
        text-align: center;
        font: normal 24px/29px "寰蒋闆呴粦";
        color: #17658b;
    }

        .g3_banner .w1170 .g3_banner_r .f14 {
            font: normal 14px/14px "寰蒋闆呴粦";
            color: #4e93ae;
        }

        .g3_banner .w1170 .g3_banner_r .txt {
            height: 30px;
            background: none;
            text-indent: 18px;
            margin-top: 27px;
            border-style: none none solid none;
            border-width: 1px;
            border-color: #53a4c4;
            color: #4e93ae;
            width: 100%;
        }

        .g3_banner .w1170 .g3_banner_r .submit {
            display: inline-block;
            margin-top: 29px;
            box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.3);
            background: url(../images/g3_submit_bg.jpg);
            width: 100%;
            height: 53px;
            font: normal 24px/53px normal;
            color: #fff;
            border-radius: 8px;
            cursor: pointer;
        }

        .g3_banner .w1170 .g3_banner_r input::-webkit-input-placeholder, .g3_banner .w1170 .g3_banner_r textarea::-webkit-input-placeholder {
            color: #4e93ae;
        }

        .g3_banner .w1170 .g3_banner_r input:-moz-placeholder, .g3_banner .w1170 .g3_banner_r textarea:-moz-placeholder {
            color: #4e93ae;
        }

        .g3_banner .w1170 .g3_banner_r input::-moz-placeholder, .g3_banner .w1170 .g3_banner_r textarea::-moz-placeholder {
            color: #4e93ae;
        }

        .g3_banner .w1170 .g3_banner_r input:-ms-input-placeholder, .g3_banner .w1170 .g3_banner_r textarea:-ms-input-placeholder {
            color: #4e93ae;
        }

.g3_data {
    padding: 30px 0;
    background: #fbfbfb;
    border-bottom: solid 1px #eeeeee;
}

    .g3_data .w1170 li {
        float: left;
        color: #1e1e1e;
        padding: 0 56px 0 126px;
    }

        .g3_data .w1170 li div {
            font: bold 24px/30px "寰蒋闆呴粦";
        }

    .g3_data .w1170 .l1 {
        padding: 0 56px 0 91px;
        border-right: solid 1px #ededed;
        background: url(../images/g3_01.jpg) no-repeat 21px center;
    }

        .g3_data .w1170 .l1 div {
            color: #ff493f;
        }

    .g3_data .w1170 .l2 {
        border-right: solid 1px #ededed;
        background: url(../images/g3_02.jpg) no-repeat 54px center;
    }

        .g3_data .w1170 .l2 div {
            color: #fdb83f;
        }

    .g3_data .w1170 .l3 {
        border-right: solid 1px #ededed;
        background: url(../images/g3_03.jpg) no-repeat 54px center;
    }

        .g3_data .w1170 .l3 div {
            color: #0fd3b9;
        }

    .g3_data .w1170 .l4 {
        background: url(../images/g3_04.jpg) no-repeat 54px center;
    }

        .g3_data .w1170 .l4 div {
            color: #7da5db;
        }

.g3_use {
    margin-bottom: 70px;
}

    .g3_use .clear {
        clear: both;
    }

    .g3_use .t {
        font: bold 24px/24px "寰蒋闆呴粦";
        text-align: center;
        margin: 70px auto 48px;
    }

    .g3_use li {
        width: 380px;
        float: left;
        padding: 15px;
        border: solid 1px #eeeeee;
        border-radius: 8px;
        margin-bottom: 15px;
    }

        .g3_use li a {
            display: block;
        }

        .g3_use li .icon {
            width: 91px;
            height: 91px;
            float: left;
        }

            .g3_use li .icon img {
                min-width: 32px;
                min-height: 32px;
            }

        .g3_use li .g3_use_con {
            float: right;
            width: 240px;
            padding-top: 14px;
            font: normal 14px/24px "寰蒋闆呴粦";
            color: #999;
        }

            .g3_use li .g3_use_con .t2 {
                float: left;
                font: normal 18px/18px "寰蒋闆呴粦";
                color: #1e1e1e;
                margin-bottom: 14px;
            }

            .g3_use li .g3_use_con .img {
                float: right;
            }

                .g3_use li .g3_use_con .img img {
                    min-width: 17px;
                    min-height: 17px;
                    background-size: cover;
                }

        .g3_use li .g3_use_more {
            float: left;
            display: block;
            width: 100%;
            height: 44px;
            margin-top: 19px;
            background: #e5e5e5;
            line-height: 44px;
            text-align: center;
            border-radius: 5px;
        }

        .g3_use li:hover .g3_use_more {
            color: #fff;
            background: #5ad4d8;
        }

        .g3_use li:not(:nth-child(3n+1)) {
            margin-right: 15px;
        }

.g3_case {
    background: #eee;
    padding-bottom: 53px;
}

    .g3_case .g3_case_t {
        font: bold 30px/30px "寰蒋闆呴粦";
        padding: 48px 0;
        text-align: center;
    }

    .g3_case .g3_case_ul li {
        width: 380px;
        padding-bottom: 47px;
        float: left;
    }

        .g3_case .g3_case_ul li .img {
            cursor: pointer;
            border-radius: 10px;
            width: 380px;
            height: 323px;
        }

            .g3_case .g3_case_ul li .img img {
                border-radius: 10px;
                display: block;
                min-width: 32px;
                min-height: 32px;
            }

        .g3_case .g3_case_ul li .con {
            padding: 0 15px;
            margin-top: 23px;
        }

            .g3_case .g3_case_ul li .con .l {
                float: left;
                font-size: 18px;
            }

            .g3_case .g3_case_ul li .con .r {
                float: right;
                font-size: 16px;
                color: #999;
            }

                .g3_case .g3_case_ul li .con .r img {
                    min-width: 17px;
                    min-height: 17px;
                    background-size: cover;
                }

        .g3_case .g3_case_ul li .word {
            padding: 0 15px;
            font-size: 16px;
            color: #999;
        }

        .g3_case .g3_case_ul li:hover .img {
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        }

        .g3_case .g3_case_ul li:not(:nth-child(3n+3)) {
            margin-right: 15px;
        }
/*鐧惧害瑙嗛*/

.ny_banner {
    overflow: hidden;
    position: relative;
}

    .ny_banner img {
        position: relative;
        display: block;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        min-width: 32px;
        min-height: 32px;
    }

.baidu img {
    min-width: 32px;
    min-height: 32px;
}

.baidu .baidu_title {
    margin: 78px auto 0;
    position: relative;
    height: 101px;
}

    .baidu .baidu_title .t {
        position: absolute;
        background: #fff;
        font: bold 24px/35px "寰蒋闆呴粦";
        width: 100%;
        text-align: center;
        top: 55px;
        z-index: 3;
    }

    .baidu .baidu_title:after {
        content: attr(data-num);
        position: absolute;
        display: block;
        border: solid 3px #ff493f;
        width: 85px;
        height: 101px;
        top: 0;
        left: 50%;
        margin-left: -42px;
        text-align: center;
        font: bold 30px/30px "寰蒋闆呴粦";
        padding-top: 17px;
        box-sizing: border-box;
        color: #ff493f;
    }

.baidu div[data-num='02']:after {
    border: solid 3px #fab439;
    color: #fab439;
}

.baidu .baidu_video {
    font-size: 16px;
}

    .baidu .baidu_video .f24 {
        font-size: 24px;
    }

    .baidu .baidu_video .f18 {
        font-size: 18px;
    }

    .baidu .baidu_video .red {
        color: #ff493f;
    }

    .baidu .baidu_video li .w1170 {
        position: relative;
    }

    .baidu .baidu_video li .img {
        margin: 50px 0 90px;
    }

    .baidu .baidu_video li .con {
        position: absolute;
        max-width: 465px;
        top: 105px;
        right: 30px;
        text-align: left;
    }

    .baidu .baidu_video li:nth-child(even) {
        text-align: right;
        background: #f6f6f6;
    }

        .baidu .baidu_video li:nth-child(even) .con {
            position: absolute;
            max-width: 465px;
            top: 105px;
            left: 30px;
            text-align: left;
        }

    .baidu .baidu_video li:nth-child(2) .con {
        left: 148px;
    }

    .baidu .baidu_video li:nth-child(3) .con {
        right: 135px;
    }

.baidu .baidu_video2 {
    font-size: 16px;
}

    .baidu .baidu_video2 .f24 {
        font-size: 24px;
    }

    .baidu .baidu_video2 .f18 {
        font-size: 18px;
    }

    .baidu .baidu_video2 .yellow {
        color: #fab439;
    }

    .baidu .baidu_video2 .red {
        color: #ff493f;
    }

    .baidu .baidu_video2 li .w1170 {
        position: relative;
    }

    .baidu .baidu_video2 li .img {
        margin: 50px 0 90px;
    }

    .baidu .baidu_video2 li .con {
        position: absolute;
        max-width: 465px;
        top: 105px;
        left: 30px;
        text-align: left;
    }

    .baidu .baidu_video2 li:nth-child(even) {
        text-align: left;
        background: #f6f6f6;
    }

        .baidu .baidu_video2 li:nth-child(even) .con {
            position: absolute;
            max-width: 465px;
            top: 105px;
            left: auto;
            right: 30px;
            text-align: left;
        }

    .baidu .baidu_video2 li:nth-child(odd) {
        text-align: right;
    }

    .baidu .baidu_video2 li:last-child .con {
        left: 105px;
        right: auto;
    }

    .baidu .baidu_video2 li:nth-child(2) .con {
        right: 170px;
    }

    .baidu .baidu_video2 li:nth-child(3) .con {
        left: 105px;
    }

.baidu .baidu_video3 {
    text-align: center;
}

    .baidu .baidu_video3 li:nth-child(1) {
        padding: 70px 0 65px;
    }

    .baidu .baidu_video3 li:nth-child(2) {
        background: #f6f6f6;
        padding: 65px 0 98px;
    }

.baidu .g3_case {
    background: #fff;
}
/*鐧惧害鏂囧簱*/

.baidu_wenku li:nth-child(2), .baidu_wenku li:nth-child(4) {
    background: #eee;
}

.baidu_wenku li .box1 {
    overflow: hidden;
}

    .baidu_wenku li .box1 dd {
        width: 25%;
        float: left;
        text-align: center;
        margin: 0 0 20px;
    }

        .baidu_wenku li .box1 dd img {
            max-height: 125px;
        }

        .baidu_wenku li .box1 dd h2 {
            font: normal 14px/20px "寰蒋闆呴粦";
        }
/*.baidu_wenku li img { display: block; min-height: 255px; }*/

.baidu_wenku li .baidu_wenku_t {
    font: bold 30px/30px "寰蒋闆呴粦";
    text-align: center;
    padding: 70px 0 60px;
}

.baidu_wenku li .baidu_wenku_pt {
    text-align: center;
    padding-bottom: 100px;
}

    .baidu_wenku li .baidu_wenku_pt dd {
        font: normal 18px/18px "寰蒋闆呴粦";
        display: inline-block;
    }

        .baidu_wenku li .baidu_wenku_pt dd div {
            font: bold 36px/36px "寰蒋闆呴粦";
            margin-bottom: 11px;
        }

            .baidu_wenku li .baidu_wenku_pt dd div .red {
                color: #fc1010;
                text-decoration: underline;
            }

        .baidu_wenku li .baidu_wenku_pt dd:not(:last-child) {
            margin-right: 195px;
        }
/*鎼滅储寮曟搸钀ラ攢*/



.sem-tit {
    font: bold 36px "寰蒋闆呴粦";
    color: #333;
    text-align: center;
    padding: 70px 0 50px;
}

    .sem-tit span {
        color: #666;
        display: block;
        font-size: 18px;
    }

.sem .box1 {
    padding-bottom: 70px;
}

.sem .box2 li {
    font: normal 24px/44px "寰蒋闆呴粦";
}

    .sem .box2 li > img, .sem .box2 li > div {
        width: 50%;
    }

    .sem .box2 li:nth-child(odd) > img {
        float: left;
    }

    .sem .box2 li:nth-child(odd) > div {
        float: right;
    }

    .sem .box2 li:nth-child(even) > div {
        float: left;
    }

    .sem .box2 li:nth-child(even) > img {
        float: right;
    }

.sem .box2-tit {
    font-size: 30px;
    font-size: bold;
}

.sem .box2 li > div {
    padding: 70px 0 70px 130px;
}

.sem .box2 li .box2-tit {
    font-weight: bold;
}

.sem .box2 li img {
    display: block;
}

.sem .box2 li:nth-child(1) .box2-tit {
    color: #f5952d;
}

.sem .box2 li:nth-child(2) .box2-tit {
    color: #ff0000;
}

.sem .box3 li {
    width: 50%;
    float: left;
    font: bold 30px "寰蒋闆呴粦";
    line-height: 1.8;
}

    .sem .box3 li p {
        padding-left: 40px;
    }

.sem .box4 {
    padding-bottom: 70px;
}

    .sem .box4 li {
        width: calc((100% - 10px) / 2);
        float: left;
        margin-bottom: 10px;
    }

        .sem .box4 li div {
            width: calc(100% - 157px);
            float: left;
            font: normal 18px/28px "寰蒋闆呴粦";
        }

        .sem .box4 li img {
            display: block;
            float: left;
        }

        .sem .box4 li:nth-child(odd) {
            text-align: right;
        }

            .sem .box4 li:nth-child(odd) div {
                padding-right: 23px;
            }

            .sem .box4 li:nth-child(odd) img {
                float: right;
            }

        .sem .box4 li:nth-child(even) {
            float: right;
        }

            .sem .box4 li:nth-child(even) div {
                padding-left: 23px;
            }

.sem .box5 {
    padding-bottom: 70px;
}

.sem .box6 {
    padding-bottom: 70px;
}

    .sem .box6 li {
        width: calc((100% - 120px) / 4);
        float: left;
        background: #fff;
        text-align: center;
        padding: 50px 0 70px;
        font-size: 16px;
    }

        .sem .box6 li:not(:last-child) {
            margin-right: 40px;
        }

        .sem .box6 li img {
            display: block;
            margin: 0 auto;
            max-width: 100%;
        }

        .sem .box6 li h2 {
            margin-top: 25px;
            font-weight: normal;
            display: block;
            font-size: 16px;
        }

        .sem .box6 li div, .sem .box6 li a {
            color: #ff0000;
        }
/*浜戠綉瀹�*/

.could_tab {
    text-align: center;
    font: normal 18px/72px "寰蒋闆呴粦";
    border-bottom: solid 1px #eee;
}

    .could_tab li {
        display: inline-block;
    }

        .could_tab li a {
            display: block;
            padding: 0 75px;
            position: relative;
        }

            .could_tab li a.on:after, .could_tab li a:hover:after {
                content: '';
                display: block;
                width: 100px;
                height: 5px;
                background: #3f82df;
                position: absolute;
                bottom: -3px;
                left: 50%;
                margin-left: -50px;
            }

.could .could_t {
    font: bold 24px/24px "寰蒋闆呴粦";
    text-align: center;
    margin-top: 72px;
}

.could .could_ul li .w1230 {
    width: 1232px;
    margin: 0 auto;
}

.could .could_ul li .l {
    max-width: 432px;
    font: normal 16px/30px "寰蒋闆呴粦";
}

    .could .could_ul li .l .t {
        font: normal 24px/30px "寰蒋闆呴粦";
        margin-bottom: 30px;
    }

.could .could_ul li:nth-child(odd) .l {
    float: left;
}

.could .could_ul li:nth-child(odd) .r {
    float: right;
}

.could .could_ul li:nth-child(even) .l {
    float: right;
}

.could .could_ul li:nth-child(even) .r {
    float: left;
}

.could .could_ul li:nth-child(1) .l {
    margin: 114px 0 0 73px;
}

    .could .could_ul li:nth-child(1) .l .t {
        color: #ff493f;
    }

.could .could_ul li:nth-child(2) {
    background: #fffbf3;
}

    .could .could_ul li:nth-child(2) .l {
        margin: 127px 74px 0 0;
    }

        .could .could_ul li:nth-child(2) .l .t {
            color: #fab439;
        }

.could .could_ul li:nth-child(3) {
    background: #def4f8;
}

    .could .could_ul li:nth-child(3) .l {
        margin: 154px 0 0 104px;
    }

        .could .could_ul li:nth-child(3) .l .t {
            color: #0fd3b9;
        }

.could .could_ul li:nth-child(4) {
    background: #fff;
}

    .could .could_ul li:nth-child(4) .l {
        margin: 100px 55px 0 0;
    }

        .could .could_ul li:nth-child(4) .l .t {
            color: #7da5db;
        }

.could .could_ul li:nth-child(5) {
    background: #def4f8;
}

    .could .could_ul li:nth-child(5) .l {
        margin: 137px 0 0 74px;
    }

        .could .could_ul li:nth-child(5) .l .t {
            color: #5662db;
        }

.could .could_ul li:nth-child(6) {
    background: #fff;
}

    .could .could_ul li:nth-child(6) .l {
        margin: 154px 165px 0 0;
    }

        .could .could_ul li:nth-child(6) .l .t {
            color: #c15cd7;
        }

.could_case {
    margin-top: 22px;
}

    .could_case .g3_case {
        background: #fff;
    }

.could_try {
    background: #f2f2f2;
    text-align: center;
    padding-bottom: 160px;
}

    .could_try .could_try_t {
        font: normal 20px/30px "寰蒋闆呴粦";
        padding: 72px 0 54px 0;
    }

    .could_try .w890 {
        width: 890px;
        height: 60px;
        text-indent: 25px;
        border-radius: 8px;
        color: #ababab;
        font-size: 16px;
        margin-bottom: 30px;
    }

    .could_try .submit {
        width: 344px;
        height: 59px;
        margin-top: 54px;
        font-size: 24px;
        color: #fff;
        border-radius: 7px;
        cursor: pointer;
        background: #fd493d;
        background: linear-gradient(#fd493d 0%, #f64238 100%);
    }

    .could_try .name {
        background: url(../images/could_try_13.jpg) no-repeat 98% center, #fff;
    }

    .could_try .project {
        background: url(../images/could_try_20.jpg) no-repeat 98% center, #fff;
    }

    .could_try .addr {
        background: url(../images/could_try_24.jpg) no-repeat 98% center, #fff;
    }

    .could_try .people {
        background: url(../images/could_try_28.jpg) no-repeat 98% center, #fff;
    }

    .could_try .phone {
        background: url(../images/could_try_31.jpg) no-repeat 98% center, #fff;
    }

    .could_try .qq {
        background: url(../images/could_try_34.jpg) no-repeat 98% center, #fff;
    }

    .could_try .email {
        background: url(../images/could_try_37.jpg) no-repeat 98% center, #fff;
    }

    .could_try .size {
        background: url(../images/could_try_40.jpg) no-repeat 98% center, #fff;
    }

.could_adv img {
    display: block;
}
/*鏄撲紶鎾�*/

.spread {
    width: 1170px;
    height: 3550px;
    margin: 0 auto;
    margin-bottom: 40px; /*楂樻洕鍏�*/ /*淇冭浆鍖�*/ /*淇濆畨鍏�*/ /*绯荤粺鍩硅*/
}

    .spread .content_shapebrand {
        width: 100%;
        height: 708px;
        word-spacing: 5px;
        letter-spacing: 1px;
    }

    .spread .content_shapebrand_name {
        padding-top: 80px;
        width: 300px;
        height: 200px;
        margin: 0px auto;
        padding-bottom: 50px;
    }

    .spread .shapebrand_chinese {
        float: left;
        font-size: 30px;
        color: #333333;
        text-align: center;
        width: 300px;
        height: 35px;
    }

    .spread .shapebrand_english {
        padding-top: 10px;
        font-size: 20px;
        float: left;
        color: #999999;
        text-align: center;
        width: 300px;
        height: 20px;
    }

    .spread .content_shapebrand_btnlist {
        width: 738px;
        height: 40px;
        margin: 0 auto;
    }

        .spread .content_shapebrand_btnlist ul li {
            float: left;
            margin-left: 70px;
            width: 146px;
            height: 40px;
        }

            .spread .content_shapebrand_btnlist ul li a {
                float: left;
                line-height: 40px;
                text-align: center;
                width: 146px;
                color: #333333;
                text-decoration: none;
                font-weight: bold;
            }

        .spread .content_shapebrand_btnlist b {
            font-weight: 400;
            display: inline-block;
            height: 40px;
            line-height: 40px;
            width: 146px;
            transition: all 0.4s ease-in;
            font-size: 18px;
        }

            .spread .content_shapebrand_btnlist b:hover {
                background: #00c0ff;
                border-radius: 25px;
                color: #fff;
                width: 146px;
                height: 40px;
                font-size: 18px;
                font-weight: 400;
            }

    .spread .cc {
        background: #00c0ff;
        border-radius: 25px;
        color: #fff;
    }

    .spread .content_shapebrand_info1 {
        margin-top: 50px;
        width: 1170px;
        height: 404px;
    }

        .spread .content_shapebrand_info1 ul li {
            float: left;
            width: 540px;
            height: 320px;
            margin-top: 54px;
            margin-left: 50px;
        }

    .spread .content_shapebrand_info2 {
        width: 570px;
        height: 280px;
        margin: 18px auto;
        padding-left: 4px;
    }

        .spread .content_shapebrand_info2 p {
            font-size: 16px;
            color: #333333;
            margin-top: 20px;
        }

    .spread .content_exposure_btnlist {
        width: 1138px;
        height: 40px;
        margin: 0 auto;
    }

        .spread .content_exposure_btnlist ul li {
            float: left;
            margin-left: 70px;
            width: 146px;
            height: 40px;
        }

            .spread .content_exposure_btnlist ul li a {
                float: left;
                line-height: 40px;
                text-align: center;
                width: 146px;
                color: #333333;
                text-decoration: none;
                font-weight: bold;
            }

        .spread .content_exposure_btnlist b {
            font-weight: 400;
            display: inline-block;
            height: 40px;
            line-height: 40px;
            width: 146px;
            transition: all 0.4s ease-in;
            font-size: 18px;
        }

            .spread .content_exposure_btnlist b:hover {
                background: #00c0ff;
                border-radius: 25px;
                color: #fff;
                width: 146px;
                height: 40px;
                font-size: 18px;
                font-weight: 400;
            }

    .spread .content_exposure_info1 {
        margin-top: 50px;
        width: 1170px;
        height: 404px;
    }

        .spread .content_exposure_info1 ul li {
            float: left;
            width: 540px;
            height: 320px;
            margin-top: 34px;
            margin-left: 50px;
        }

    .spread .content_shapebrand_infoexposure {
        width: 500px;
        height: 280px;
        margin: 0px auto;
        padding-left: 25px;
    }

        .spread .content_shapebrand_infoexposure p {
            font-size: 16px;
            color: #333333;
            margin-top: 10px;
        }

    .spread .content_promot_btnlist {
        width: 738px;
        height: 40px;
        margin: 0 auto;
    }

        .spread .content_promot_btnlist ul li {
            float: left;
            margin-left: 70px;
            width: 146px;
            height: 40px;
        }

            .spread .content_promot_btnlist ul li a {
                float: left;
                line-height: 40px;
                text-align: center;
                width: 146px;
                color: #333333;
                text-decoration: none;
                font-weight: bold;
            }

        .spread .content_promot_btnlist b {
            font-weight: 400;
            display: inline-block;
            height: 40px;
            line-height: 40px;
            width: 146px;
            transition: all 0.4s ease-in;
            font-size: 18px;
        }

            .spread .content_promot_btnlist b:hover {
                background: #00c0ff;
                border-radius: 25px;
                color: #fff;
                width: 146px;
                height: 40px;
                font-size: 18px;
                font-weight: 400;
            }

    .spread .content_promot_info1 {
        margin-top: 50px;
        width: 1170px;
        height: 365px;
    }

        .spread .content_promot_info1 ul li {
            float: left;
            width: 540px;
            height: 320px;
            margin-top: 34px;
            margin-left: 10px;
        }

    .spread .content_shapebrand_infopromot {
        width: 570px;
        height: 360px;
        margin: 18px auto;
        padding-left: 25px;
    }

        .spread .content_shapebrand_infopromot p {
            font-size: 16px;
            color: #333333;
            margin-top: 10px;
        }

    .spread .content_common {
        font-size: 24px;
        color: #333333;
        height: 30px;
        line-height: 30px;
    }

    .spread .content_safety_btnlist {
        width: 600px;
        height: 40px;
        margin: 0 auto;
    }

        .spread .content_safety_btnlist ul li {
            float: left;
            margin-left: 70px;
            width: 146px;
            height: 40px;
        }

            .spread .content_safety_btnlist ul li a {
                float: left;
                line-height: 40px;
                text-align: center;
                width: 146px;
                color: #333333;
                text-decoration: none;
                font-weight: bold;
            }

        .spread .content_safety_btnlist b {
            font-weight: 400;
            display: inline-block;
            height: 40px;
            line-height: 40px;
            width: 146px;
            transition: all 0.4s ease-in;
            font-size: 18px;
        }

            .spread .content_safety_btnlist b:hover {
                background: #00c0ff;
                border-radius: 25px;
                color: #fff;
                width: 146px;
                height: 40px;
                font-size: 18px;
                font-weight: 400;
            }

    .spread .content_safety_info1 {
        width: 1170px;
        height: 430px;
        margin-top: 50px;
    }

    .spread .content_safety_info2 {
        width: 1170px;
        height: 430px;
        margin-top: 50px;
    }

    .spread .content_safety_info3 {
        width: 1170px;
        height: 430px;
        margin-top: 50px;
    }

    .spread .content_train_btnlist {
        width: 738px;
        height: 40px;
        margin: 0 auto;
    }

        .spread .content_train_btnlist ul li {
            float: left;
            margin-left: 70px;
            width: 146px;
            height: 40px;
        }

            .spread .content_train_btnlist ul li a {
                float: left;
                line-height: 40px;
                text-align: center;
                width: 146px;
                color: #333333;
                text-decoration: none;
                font-weight: bold;
            }

        .spread .content_train_btnlist b {
            font-weight: 400;
            display: inline-block;
            height: 40px;
            line-height: 40px;
            width: 146px;
            transition: all 0.4s ease-in;
            font-size: 18px;
        }

            .spread .content_train_btnlist b:hover {
                background: #00c0ff;
                border-radius: 25px;
                color: #fff;
                width: 146px;
                height: 40px;
                font-size: 18px;
                font-weight: 400;
            }

    .spread .content_train_info1 {
        margin-top: 50px;
        width: 1170px;
        height: 419.5px;
    }

        .spread .content_train_info1 ul li {
            float: left;
            width: 540px;
            height: 320px;
            margin-top: 54px;
            margin-left: 25px;
        }

    .spread .content_shapebrand_infotrain {
        width: 460px;
        height: 240px;
        margin: 18px auto;
        padding-left: 35px;
    }

        .spread .content_shapebrand_infotrain p {
            font-size: 16px;
            color: #333333;
            margin-top: 10px;
        }

    .spread .content_train_info1 .content_shapebrand_infopromot img {
        margin-top: 35px;
        margin-left: 0px;
    }

    .spread .content_safety_info2_content_common {
        float: right;
        color: white;
        width: 620px;
        height: 250px;
        margin-right: 20px;
        margin-top: 220px;
    }

    .spread .content_safety_info2_content_common2 {
        float: right;
        color: white;
        width: 620px;
        height: 320px;
        margin-right: 20px;
        margin-top: 100px;
    }

    .spread .content_safety_info2_content_common3 {
        float: right;
        color: white;
        width: 620px;
        height: 250px;
        margin-right: 20px;
        margin-top: 240px;
    }

    .spread img {
        max-width: 100%;
        max-height: 100%;
        border: solid 1px #e5e5e5;
        min-width: 32px;
        min-height: 32px;
        display: block;
    }
/*钀ラ攢鎶€鏈�*/

/*涓€绔欓€�*/

.web .web_box1 {
    margin: 60px auto 110px;
}

    .web .web_box1 .web_box1_t {
        font: bold 34px/60px "寰蒋闆呴粦";
        color: #71d0f3;
        text-align: center;
        position: relative;
    }

        .web .web_box1 .web_box1_t p {
            width: 370px;
            margin: 0 auto;
            background: #fff;
        }

            .web .web_box1 .web_box1_t p span {
                color: #ff6f12;
            }

        .web .web_box1 .web_box1_t:after {
            content: '';
            display: block;
            width: 100%;
            border-bottom: solid 1px #d7d7d7;
            position: absolute;
            top: 50%;
            left: 0;
            z-index: -1;
        }

    .web .web_box1 .web_box1_con {
        font: normal 14px/30px "寰蒋闆呴粦";
        text-align: center;
        margin-bottom: 56px;
    }

    .web .web_box1 .web_box1_ul li {
        float: left;
        width: 270px;
        text-align: center;
        font: normal 14px/26px "寰蒋闆呴粦";
        color: #999;
    }

        .web .web_box1 .web_box1_ul li .web_box1_img {
            width: 144px;
            margin: 0 auto;
            height: 124px;
        }

        .web .web_box1 .web_box1_ul li .t {
            font: normal 16px/55px "寰蒋闆呴粦";
            color: #1e1e1e;
        }

        .web .web_box1 .web_box1_ul li:not(:last-child) {
            margin-right: 30px;
        }

.web .web_box3 {
    margin-top: 90px;
}

    .web .web_box3 > li {
        margin-bottom: 90px;
    }

        .web .web_box3 > li .web_box3_con {
            width: 580px;
            font: normal 14px/30px "寰蒋闆呴粦";
        }

            .web .web_box3 > li .web_box3_con h3 {
                font: normal 24px/24px "寰蒋闆呴粦";
                margin-bottom: 15px;
            }

            .web .web_box3 > li .web_box3_con img {
                float: left;
                margin-right: 10px;
            }

        .web .web_box3 > li .more {
            display: block;
            width: 135px;
            height: 40px;
            text-align: center;
            font: normal 18px/40px "寰蒋闆呴粦";
            color: #FFF;
            margin-top: 36px;
            background: #87d245;
        }

        .web .web_box3 > li:nth-child(even) .web_box3_con {
            float: right;
        }

        .web .web_box3 > li:nth-child(even) .more {
            background: #0fb8fd;
        }

        .web .web_box3 > li:nth-child(1) {
            background: url(../images/web_20.jpg) no-repeat;
            background-position-x: 55%;
            background-size: cover;
        }

        .web .web_box3 > li:nth-child(2) {
            background: url(../images/web_22.jpg) no-repeat;
            background-position-x: 55%;
            background-size: cover;
        }

        .web .web_box3 > li:nth-child(3) {
            background: url(../images/web_24.jpg) no-repeat;
            background-position-x: 55%;
            background-size: cover;
        }

        .web .web_box3 > li:nth-child(4) {
            background: url(../images/web_26.jpg) no-repeat;
            background-position-x: 55%;
            background-size: cover;
        }

.web .web_box4 {
    background: #f1f1f1;
    padding-bottom: 90px;
}

    .web .web_box4 h3 {
        font: normal 30px/30px "寰蒋闆呴粦";
        text-align: center;
        color: #333;
        padding: 60px 0 50px;
    }

    .web .web_box4 ul li {
        margin-bottom: 15px;
        width: 270px;
        height: 250px;
        float: left;
        overflow: hidden;
        position: relative;
        color: #fff;
    }

        .web .web_box4 ul li a {
            color: #fff;
            text-align: center;
            display: block;
            position: relative;
            max-height: 100%;
            height: 100%;
        }

            .web .web_box4 ul li a > img {
                max-width: 100%;
                display: block;
            }

        .web .web_box4 ul li .web_box4_hover {
            position: absolute;
            width: 100%;
            height: 100%;
            background: rgba(15, 184, 253, 0.9);
            top: -250px;
        }

            .web .web_box4 ul li .web_box4_hover .con {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                padding: 0 15px;
            }

            .web .web_box4 ul li .web_box4_hover p {
                font: normal 15px/30px "寰蒋闆呴粦";
            }

        .web .web_box4 ul li:not(:nth-child(4n+4)) {
            margin-right: 30px;
        }

        .web .web_box4 ul li:hover .web_box4_hover {
            top: 0;
        }

    .web .web_box4 .more {
        display: block;
        width: 150px;
        height: 40px;
        text-align: center;
        font: normal 14px/40px "寰蒋闆呴粦";
        color: #FFF;
        background: #0fb8fd;
        margin: 50px auto 0;
    }

.web .ny_pages {
    padding: 20px 0 90px;
}

.web .web_case_detail img {
    max-width: 100%;
}

.web .ny_relevant {
    padding: 20px 0 90px;
}

    .web .ny_relevant .prev {
        float: left;
        max-width: 45%;
        overflow: hidden;
    }

    .web .ny_relevant .next {
        float: right;
        max-width: 45%;
        overflow: hidden;
    }
/*seo*/

.seo .seo01 {
    width: 1170px;
    margin: 0 auto;
    overflow: hidden;
}

    .seo .seo01 .t {
        font-size: 30px;
        color: #333;
        margin: 80px 0 20px;
        text-align: center;
    }

    .seo .seo01 .b {
        font-size: 16px;
        color: #999;
        margin-bottom: 58px;
        text-align: center;
    }

    .seo .seo01 .seo01d {
        text-align: center;
        width: 208px;
        margin-right: 112.6666667px;
        float: left;
        overflow: hidden;
        margin-bottom: 64px;
    }

        .seo .seo01 .seo01d p {
            font-size: 16px;
            color: #333;
            line-height: 42px;
        }

.seo .mr0 {
    margin-right: 0px !important;
}

.seo #seo02 {
    width: 100%;
    overflow: hidden;
    background: #fafafa;
}

.seo .seo02 {
    width: 1170px;
    overflow: hidden;
    margin: 0 auto;
}

    .seo .seo02 .t {
        font-size: 30px;
        color: #333;
        margin: 60px 0;
        text-align: center;
    }

    .seo .seo02 .seo02li {
        width: 330px;
        overflow: hidden;
        float: left;
        margin-bottom: 87px;
        margin-right: 90px;
    }

        .seo .seo02 .seo02li img {
            float: left;
        }

        .seo .seo02 .seo02li .tfr {
            width: 268px;
            overflow: hidden;
        }

            .seo .seo02 .seo02li .tfr .tt {
                font-size: 20px;
                margin-bottom: 20px;
            }

            .seo .seo02 .seo02li .tfr .tb {
                font-size: 14px;
                color: #666;
                line-height: 20px;
                margin-bottom: 8px;
            }

            .seo .seo02 .seo02li .tfr .tline {
                width: 60px;
                height: 2px;
            }

    .seo .seo02 .seo02li01 .tfr .tt {
        color: #8e4e96;
    }

    .seo .seo02 .seo02li01 .tfr .tline {
        background: #8e4e96;
    }

    .seo .seo02 .seo02li02 .tfr .tt {
        color: #16b1c2;
    }

    .seo .seo02 .seo02li02 .tfr .tline {
        background: #16b1c2;
    }

    .seo .seo02 .seo02li03 .tfr .tt {
        color: #64afdd;
    }

    .seo .seo02 .seo02li03 .tfr .tline {
        background: #64afdd;
    }

    .seo .seo02 .seo02li04 .tfr .tt {
        color: #8db20b;
    }

    .seo .seo02 .seo02li04 .tfr .tline {
        background: #8db20b;
    }

    .seo .seo02 .seo02li05 .tfr .tt {
        color: #db9700;
    }

    .seo .seo02 .seo02li05 .tfr .tline {
        background: #db9700;
    }

    .seo .seo02 .seo02li06 .tfr .tt {
        color: #c55375;
    }

    .seo .seo02 .seo02li06 .tfr .tline {
        background: #c55375;
    }

.seo .fr {
    float: right;
}

.seo .seo03 {
    width: 1170px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}

    .seo .seo03 .t {
        color: #333;
        font-size: 30px;
        line-height: 175px;
        text-align: center;
    }

    .seo .seo03 .seo03li {
        width: 489px;
        height: 65px;
        line-height: 65px;
        background: url(../images/seobg.png) no-repeat;
        background: cover;
        float: left;
        margin: 0 48px 20px;
    }

        .seo .seo03 .seo03li span {
            display: block;
            float: left;
            line-height: 65px;
            width: 60px;
            text-align: center;
            font-size: 24px;
            color: #fafafa;
            font-family: Arial;
        }

        .seo .seo03 .seo03li p {
            font-size: 16px;
            color: #333;
            margin-left: 20px;
            float: left;
        }

.seo .seo04 {
    width: 1170px;
    margin: 0 auto;
    overflow: hidden;
    text-align: left;
}

    .seo .seo04 .seo04li {
        width: 172px;
        overflow: hidden;
        float: left;
        margin: 100px 31px;
    }

        .seo .seo04 .seo04li .t {
            font-size: 20px;
            color: #333;
            line-height: 26px;
            overflow: hidden;
            margin-bottom: 16px;
        }

            .seo .seo04 .seo04li .t img {
                float: left;
                background: 0 0 !important;
            }

            .seo .seo04 .seo04li .t span {
                float: left;
                margin-left: 22px;
            }

        .seo .seo04 .seo04li .b {
            line-height: 20px;
            font-size: 14px;
            color: #999;
        }

.seo #seo05 {
    width: 100%;
    overflow: hidden;
    background: #fafafa;
}

.seo .seo05 {
    width: 1170px;
    overflow: hidden;
    margin: 0 auto;
}

    .seo .seo05 .t {
        font-size: 30px;
        color: #333;
        margin: 60px 0 40px;
        text-align: center;
    }

    .seo .seo05 .seo05li {
        width: 560px;
        float: left;
        margin-right: 50px;
        margin-bottom: 80px;
    }

        .seo .seo05 .seo05li img {
            float: left;
        }

        .seo .seo05 .seo05li .litext {
            float: right;
            width: 240px;
        }

            .seo .seo05 .seo05li .litext .tt {
                font-size: 18px;
                color: #333;
                line-height: 44px;
            }

            .seo .seo05 .seo05li .litext .tb {
                font-size: 14px;
                color: #666;
                line-height: 20px;
            }
/*寰钩鍙�*/

.wx_platform_box2_t {
    margin: 48px auto 64px;
    text-align: center;
    font: bold 30px/30px "寰蒋闆呴粦";
}

.wx_platform .wx_platform_box1 {
    margin: 70px auto 55px;
}

    .wx_platform .wx_platform_box1 li {
        float: left;
        width: 182.5px;
        padding: 72px 0;
        text-align: center;
        border: solid 1px #ececec;
        overflow: hidden;
        margin-bottom: 16px;
        position: relative;
    }

        .wx_platform .wx_platform_box1 li:not(:last-child) {
            margin-right: 15px;
        }

        .wx_platform .wx_platform_box1 li .t {
            font: normal 18px/18px "寰蒋闆呴粦";
            margin: 35px auto 27px;
        }

        .wx_platform .wx_platform_box1 li .con {
            font: normal 14px/24px "寰蒋闆呴粦";
            padding: 0 15px;
        }

        .wx_platform .wx_platform_box1 li img:not(.bg) {
            background: #ccc;
            border-radius: 50%;
            border: solid 1px rgba(0,0,0,0);
        }

        .wx_platform .wx_platform_box1 li .bg {
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            opacity: 0;
            z-index: -1;
        }

        .wx_platform .wx_platform_box1 li:nth-child(1) img {
            background: #f04372;
        }

        .wx_platform .wx_platform_box1 li:nth-child(2) img {
            background: #f88d13;
        }

        .wx_platform .wx_platform_box1 li:nth-child(3) img {
            background: #78d01b;
        }

        .wx_platform .wx_platform_box1 li:nth-child(4) img {
            background: #258adc;
        }

        .wx_platform .wx_platform_box1 li:nth-child(5) img {
            background: #6a68d3;
        }

        .wx_platform .wx_platform_box1 li:nth-child(6) img {
            background: #5ee27d;
        }

        .wx_platform .wx_platform_box1 li:hover {
            padding: 32px 0 112px;
            color: #fff;
        }

            .wx_platform .wx_platform_box1 li:hover img {
                background: none;
            }

            .wx_platform .wx_platform_box1 li:hover .maxmin {
                border: solid 1px #fff;
            }

            .wx_platform .wx_platform_box1 li:hover .bg {
                opacity: 1;
            }

.wx_platform .wx_platform_box2 {
    padding: 1px 0 32px;
    background: #eee;
}

    .wx_platform .wx_platform_box2 li {
        float: left;
        margin-bottom: 38px;
        width: 280px;
    }

        .wx_platform .wx_platform_box2 li .img {
            width: 100%;
            border-radius: 8px;
            margin-bottom: 20px;
            overflow: hidden;
            text-align: center;
        }

            .wx_platform .wx_platform_box2 li .img img {
                display: block;
            }

        .wx_platform .wx_platform_box2 li .t {
            text-align: center;
            font: normal 18px/18px "寰蒋闆呴粦";
        }

        .wx_platform .wx_platform_box2 li:not(:nth-child(4n+1)) {
            margin-right: 16.666666667px;
        }

        .wx_platform .wx_platform_box2 li:hover .img {
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        }

.wx_shentui .wx_shentui_box1 {
    background: url(../images/wx_shentui_02.jpg) no-repeat center;
    height: 480px;
    position: relative;
    width: 905px;
    margin: 0 auto 80px;
}

    .wx_shentui .wx_shentui_box1 li {
        font-size: 16px;
        position: absolute;
        width: 320px;
    }

        .wx_shentui .wx_shentui_box1 li b {
            font-size: 20px;
            display: block;
        }

        .wx_shentui .wx_shentui_box1 li:nth-child(1), .wx_shentui .wx_shentui_box1 li:nth-child(2), .wx_shentui .wx_shentui_box1 li:nth-child(3), .wx_shentui .wx_shentui_box1 li:nth-child(4) {
            text-align: right;
        }

        .wx_shentui .wx_shentui_box1 li:nth-child(5) {
            text-align: center;
        }

        .wx_shentui .wx_shentui_box1 li:nth-child(6), .wx_shentui .wx_shentui_box1 li:nth-child(7), .wx_shentui .wx_shentui_box1 li:nth-child(8), .wx_shentui .wx_shentui_box1 li:nth-child(9) {
            text-align: left;
        }

        .wx_shentui .wx_shentui_box1 li:nth-child(1) {
            top: 40px;
            left: 30px;
        }

        .wx_shentui .wx_shentui_box1 li:nth-child(2) {
            top: 129px;
            left: -50px;
        }

        .wx_shentui .wx_shentui_box1 li:nth-child(3) {
            top: 238px;
            left: -63px;
        }

        .wx_shentui .wx_shentui_box1 li:nth-child(4) {
            top: 333px;
            left: -5px;
        }

        .wx_shentui .wx_shentui_box1 li:nth-child(5) {
            top: 433px;
            left: 50%;
            transform: translateX(-50%);
        }

        .wx_shentui .wx_shentui_box1 li:nth-child(9) {
            top: 40px;
            left: 562px;
        }

        .wx_shentui .wx_shentui_box1 li:nth-child(8) {
            top: 129px;
            left: 644px;
        }

        .wx_shentui .wx_shentui_box1 li:nth-child(7) {
            top: 238px;
            left: 659px;
        }

        .wx_shentui .wx_shentui_box1 li:nth-child(6) {
            top: 333px;
            left: 603px;
        }

.wx_shentui .wx_shentui_box2 {
    padding: 0 0 53px;
    font: normal 16px/32px "寰蒋闆呴粦";
}

    .wx_shentui .wx_shentui_box2 .l {
        float: left;
        width: 345px;
        margin-left: 120px;
    }

        .wx_shentui .wx_shentui_box2 .l img {
            display: block;
            margin: 0 auto 15px;
        }

        .wx_shentui .wx_shentui_box2 .l dl {
            margin-top: 70px;
        }

            .wx_shentui .wx_shentui_box2 .l dl dd {
                float: left;
            }

                .wx_shentui .wx_shentui_box2 .l dl dd:not(:last-child) {
                    margin-right: 25px;
                }

    .wx_shentui .wx_shentui_box2 .r {
        float: right;
    }
/*鍏充簬鎴戜滑寮€濮�*/

.about_t {
    padding: 0 33px;
    position: relative;
    width: 211px;
    margin: 60px auto 40px;
}

    .about_t div {
        background: #fff;
        padding: 0 10px;
        text-align: center;
        font: normal 30px/30px "寰蒋闆呴粦";
        position: relative;
        z-index: 2;
    }

    .about_t:after {
        content: '';
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        left: 0;
        top: 50%;
        background: #71d0f3;
        z-index: 1;
    }
/*鐩涗笘浠嬬粛*/

.about_box1 ul {
    display: none;
    font: bold 20px/35px "寰蒋闆呴粦";
}

    .about_box1 ul li:not(:last-child) {
        margin-bottom: 10px;
    }

    .about_box1 ul li span {
        display: inline-block;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        color: #fff;
        background: #ff951b;
        text-align: center;
        font: normal 16px/60px "寰蒋闆呴粦";
        margin-right: 10px
    }

    .about_box1 ul li:nth-child(2) span {
        background: #eb3736;
    }

    .about_box1 ul li:nth-child(3) span {
        background: #cf387b;
    }

    .about_box1 ul li:nth-child(4) span {
        background: #9140b8;
    }

    .about_box1 ul li:nth-child(5) span {
        background: #389cda;
    }

    .about_box1 ul li:nth-child(6) span {
        background: #8bc437;
    }

.about_title {
    margin: 50px auto 20px;
    max-width: 1112px;
}

    .about_title .en {
        color: #999;
        font: normal 48px/60px "寰蒋闆呴粦";
        margin-bottom: 3px;
    }

    .about_title .cn {
        font: normal 24px/30px "寰蒋闆呴粦";
        border-bottom: solid 4px #3189e6;
        float: left;
        padding-bottom: 4px;
    }

.about_con {
    font: normal 16px/35px "寰蒋闆呴粦";
    color: #666;
    max-width: 1112px;
    margin: 0 auto 40px;
}

.about_tab li {
    width: 165px;
    height: 40px;
    float: left;
    font: normal 16px/40px "寰蒋闆呴粦";
    text-align: center;
    margin-right: 1px;
    position: relative;
}

    .about_tab li a {
        display: block;
        width: 100%;
        height: 100%;
        background: #eaeaea;
    }

    .about_tab li.on a, .about_tab li:hover a {
        color: #fff;
        background: #c11a23;
    }

    .about_tab li.on:after, .about_tab li:hover:after {
        content: '';
        display: block;
        border-style: solid;
        width: 0;
        height: 0;
        border-width: 7px 6px;
        border-color: #c11a23 #fff #fff #fff;
        position: absolute;
        left: 50%;
        margin-left: -3.5px;
        bottom: -14px;
    }
/*鐩涗笘鍘嗙▼*/

.about_licheng {
    position: relative;
    height: 658px;
}

    .about_licheng img {
        position: relative;
        left: 50%;
        margin: 50px 0 0 -960px;
    }
/*.about_licheng ul{display: none;font: bold 18px/35px "寰蒋闆呴粦";}

.about_licheng ul li{position: relative;}

.about_licheng ul li:not(:last-child){margin-bottom: 10px;}

.about_licheng ul li:not(:last-child):after{content: '';display: block;position: absolute;height: 10px;border-left: dashed 1px #2983d9;left: 35px;bottom: -10px;}

.about_licheng ul li span{display: inline-block;width: 70px;height: 70px;border-radius: 50%;color: #fff;background:#2983d9;text-align: center;font: normal 16px/70px "寰蒋闆呴粦";margin-right: 10px}

.about_licheng .li_con{width: calc(100% - 80px);display: inline-block;vertical-align: middle;}*/

/*鐩涗笘鏂囧寲*/

.about_culture {
    padding-left: 105px;
    margin: 77px auto 60px;
}

    .about_culture li {
        margin-bottom: 26px;
        font: normal 18px/36px "寰蒋闆呴粦";
    }

        .about_culture li img {
            vertical-align: middle;
        }

        .about_culture li .about_culture_con {
            display: inline-block;
            vertical-align: middle;
            padding-left: 30px;
        }

.about_intr {
    padding-top: 1px;
}

    .about_intr .con {
        float: left;
        width: 530px;
        margin-left: 26px;
        font: normal 16px/35px "寰蒋闆呴粦";
        color: #666;
    }

    .about_intr .img {
        float: right;
    }

.about_honor {
    text-align: center;
    width: 1200px;
    margin: 0 auto;
}

    .about_honor:after {
        content: '';
        display: block;
        clear: both;
    }

    .about_honor li {
        float: left;
        margin-bottom: 35px;
        width: 300px;
        height: 295px;
        text-align: center;
    }

        .about_honor li:nth-child(-n+6) {
            width: 380px;
            height: 282px;
            margin-right: 30px;
        }

        .about_honor li:nth-child(3), .about_honor li:nth-child(6) {
            margin-right: 0px;
        }

        .about_honor li:nth-child(-n+10):not(:nth-child(-n+6)) {
            width: 300px;
            height: 250px;
        }

.about_huikuan {
    padding-bottom: 100px;
}

    .about_huikuan dl {
        width: 837px;
        margin: 0 auto;
        border-style: solid solid none solid;
        border-color: #ececec;
        border-width: 1px;
    }

        .about_huikuan dl .icon {
            width: 285px;
            height: 164px;
            border-right: solid 1px #ececec;
        }

        .about_huikuan dl dd {
            float: left;
            border-bottom: solid 1px #ececec;
            width: 550px;
            font: normal 18px/40px "寰蒋闆呴粦";
        }

            .about_huikuan dl dd:not(.icon) {
                padding-left: 18px;
            }

.about_contact {
    padding-top: 80px;
    padding-bottom: 65px;
    text-align: center;
    font: normal 18px/27px "寰蒋闆呴粦";
}

    .about_contact .about_t {
        margin-bottom: 80px;
    }

    .about_contact li {
        display: inline-block;
        width: 33.33%;
        max-width: 240px;
        vertical-align: top;
    }

        .about_contact li:not(:last-child) {
            margin-right: 85px;
        }

        .about_contact li img {
            display: block;
            margin: 0 auto 28px;
        }

        .about_contact li div {
            font: normal 20px/30px "寰蒋闆呴粦";
            margin-top: 15px;
        }

        .about_contact li:last-child {
            font: normal 16px/24px "寰蒋闆呴粦";
        }

            .about_contact li:last-child div {
                font: normal 16px/24px "寰蒋闆呴粦";
            }
/*鍏充簬鎴戜滑缁撴潫*/

.ind_envi {
    padding-top: 1px;
    padding-bottom: 90px;
}

    .ind_envi .ind_envi_ul li {
        width: 380px;
        position: relative;
        float: left;
        margin-bottom: 15px;
    }

        .ind_envi .ind_envi_ul li .img {
            width: 100%;
            height: 285px;
        }

            .ind_envi .ind_envi_ul li .img img {
                display: block;
            }

        .ind_envi .ind_envi_ul li .hover {
            opacity: 0;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2;
        }

            .ind_envi .ind_envi_ul li .hover .border {
                border: solid 1px #fff;
                position: absolute;
                top: 50%;
                left: 50%;
                width: 315px;
                height: 215px;
                transform: translate(-50%, -50%);
                text-align: center;
                font: normal 18px/18px "寰蒋闆呴粦";
                color: #fff;
            }

                .ind_envi .ind_envi_ul li .hover .border .txt {
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    width: 100%;
                    transform: translate(-50%, -50%);
                }

        .ind_envi .ind_envi_ul li:hover {
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
        }

            .ind_envi .ind_envi_ul li:hover .hover {
                opacity: 1;
                background: rgba(0, 0, 0, 0.8);
            }

        .ind_envi .ind_envi_ul li:not(:nth-child(3n+3)) {
            margin-right: 15px;
        }

.baidu_pic .baidu_pic_t {
    font: bold 30px/30px "寰蒋闆呴粦";
    padding: 48px 0;
    text-align: center;
}

.baidu_pic .baidu_pic_box1 {
    padding-bottom: 49px;
}

    .baidu_pic .baidu_pic_box1 .pcimg {
        display: block;
        margin: 0 auto;
    }

    .baidu_pic .baidu_pic_box1 .baidu_pic_box1_phone {
        display: none;
        padding: 0 10px;
    }

        .baidu_pic .baidu_pic_box1 .baidu_pic_box1_phone li {
            font: normal 16px/30px "寰蒋闆呴粦";
            color: #999;
            margin-bottom: 20px;
        }

            .baidu_pic .baidu_pic_box1 .baidu_pic_box1_phone li .t {
                font: normal 24px/24px "寰蒋闆呴粦";
                margin-bottom: 10px;
            }

            .baidu_pic .baidu_pic_box1 .baidu_pic_box1_phone li:nth-child(1) .t {
                color: #ffc717;
            }

            .baidu_pic .baidu_pic_box1 .baidu_pic_box1_phone li:nth-child(2) .t {
                color: #e67824;
            }

            .baidu_pic .baidu_pic_box1 .baidu_pic_box1_phone li:nth-child(3) .t {
                color: #de1b1b;
            }

            .baidu_pic .baidu_pic_box1 .baidu_pic_box1_phone li:nth-child(4) .t {
                color: #36bcbe;
            }

.baidu_pic .baidu_pic_box2 {
    padding-bottom: 115px;
}

    .baidu_pic .baidu_pic_box2 img:nth-child(2) {
        float: left;
        margin-left: 15px;
    }

    .baidu_pic .baidu_pic_box2 img:nth-child(3) {
        float: right;
        margin-right: 15px;
    }

.baidu_pic .baidu_pic_box3 {
    background: #f6f6f6;
    padding-bottom: 100px;
}

    .baidu_pic .baidu_pic_box3 img {
        display: block;
        margin: 0 auto;
    }

.baidu_pic .g3_case {
    background: #fff;
}
/*钀ラ攢鏂规鏍峰紡閲嶇疆*/

.box_c * {
    box-sizing: content-box !important;
}

.box_c span {
    display: inline;
}

.plan_t {
    font: normal 24px/24px "寰蒋闆呴粦";
}

    .plan_t .blue {
        color: #71cff3;
        display: inline-block;
    }

.sw_phone {
    display: none;
}

@media only screen and (max-width: 768px) {
    .l_qq_box {
        display: none;
    }

    .fixed_bottom {
        display: block
    }

    .bottom {
        padding-bottom: 60px;
    }

    #dituContent .bottom {
        padding-bottom: 0
    }

    .sem-tit {
        font: bold 20px "寰蒋闆呴粦";
        padding: 30px 0;
    }

    .sem {
        padding: 0 10px;
    }

        .sem .box2 li > img, .sem .box2 li > div {
            width: 100%;
        }

        .sem .box2 li > div {
            padding: 20px 0;
        }

        .sem .box2-tit {
            font-size: 20px;
        }

        .sem .box2 li {
            font-size: 18px;
            line-height: 1.6;
        }

    .sem-tit span {
        font-size: 14px;
    }

    .sem .box3 li {
        width: 100%;
        font: normal 14px "寰蒋闆呴粦";
    }

        .sem .box3 li p {
            padding-left: 0;
        }

    .sem .box4 li:nth-child(odd) img {
        float: left;
    }

    .sem .box4 li {
        width: 100%;
    }

        .sem .box4 li:nth-child(odd) {
            text-align: left;
        }

            .sem .box4 li:nth-child(odd) div {
                padding-left: 23px
            }

    .sem .bg-f3 {
        margin: 0 -10px;
        padding: 0 10px;
    }

    .sem .box6 li {
        width: calc((100% - 10px) / 2);
        margin-bottom: 10px;
    }

        .sem .box6 li:not(:last-child) {
            margin-right: 0;
        }

        .sem .box6 li:not(:nth-child(even)) {
            margin-right: 10px;
        }

    .description-list li p {
        font-size: 12px !important;
    }
    /*閭€璇锋*/

    .invite_box {
        width: 96%;
        padding: 10px;
    }

        .invite_box .close {
            right: -5px;
            top: -5px;
        }

        .invite_box .box {
            width: 100%;
        }

            .invite_box .box img {
                width: 100%;
            }

            .invite_box .box h3 {
                font: bold 24px/50px "寰蒋闆呴粦";
            }

            .invite_box .box h4 {
                font: normal 22px/50px "寰蒋闆呴粦";
                letter-spacing: 2px;
            }

            .invite_box .box .btn {
                margin: 10px auto 10px;
                width: 200px;
                height: 40px;
            }

    @keyframes blink2 {
        0% {
            font-size: 16px;
        }

        30% {
            font-size: 18px;
        }

        60% {
            font-size: 20px;
        }

        100% {
            font-size: 18px;
        }
    }

    .invite_box .box p {
        font: normal 12px/22px "寰蒋闆呴粦";
    }

    .about_honor {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }
        /*.about_honor li{ width:24%; height:auto; margin-right:1.33%; margin-bottom:10px;}
.about_honor li:nth-child(4n+2){ margin-right:0;}
.about_honor li:nth-child(-n+10){ width:24%; height:auto; margin-right:1.33%; margin-bottom:10px;}
.about_honor li:nth-child(-n+6){ width:32%; height:auto; margin-right:2%; margin-bottom:10px;}
.about_honor li:nth-child(3), .about_honor li:nth-child(6){ margin-right:0;}
.about_honor li:nth-child(10){ margin-right:0;}*/
        .about_honor li {
            width: 25%;
            height: auto;
            margin-bottom: 10px;
            padding: 0 3px;
            box-sizing: border-box;
        }

            .about_honor li:nth-child(-n+6) {
                width: 32%;
                height: auto;
                margin-right: 2%;
            }

            .about_honor li:nth-child(3), .about_honor li:nth-child(6) {
                margin-right: 0px;
            }

            .about_honor li:nth-child(-n+10):not(:nth-child(-n+6)) {
                width: 25%;
                height: auto;
                margin-bottom: 10px;
            }
}

@media only screen and (max-width: 1170px) {
    .w1170 {
        width: 100%;
    }

    #LRfloater0 {
        display: none;
    }

    .sw_phone {
        display: block;
    }

    .fixed, .sw {
        display: none;
    }

    .header_r {
        display: none;
    }

    .index_t {
        margin: 15px auto 15px;
        line-height: 16px;
    }

        .index_t .t {
            display: block;
            margin-bottom: 5px;
        }

    .menu {
        display: none;
    }

    .phone_menu_trigger {
        display: block;
    }

    .nav {
        height: auto;
    }

        .nav .w1170 .logo {
            margin: 15px 0;
        }

            .nav .w1170 .logo img {
                width: 80%;
                min-height: auto;
            }

    .ny_banner {
        height: auto;
    }

        .ny_banner img {
            max-width: 1170px;
            margin-left: 0;
            transform: translateX(-50%);
        }

    .header {
        padding-left: 10px;
    }

    .bottom .bottom_box1 .bottom_phone {
        margin-left: -81px
    }
    /*鑵捐绀句氦骞垮憡锛�6涓〉闈級*/

    .container {
        width: 100%;
    }

    .cat-navigation .container {
        padding: 10px 0;
    }

    .breadcrumn {
        padding: 0;
        margin: 0
    }

    .ad_py {
        padding: 0 10px;
    }

    .source-description {
        padding: 20px 0
    }

    .show-position {
        padding-top: 20px
    }

        h2.title-big, h3.title-big, .show-position h3.title {
            margin-bottom: 20px;
            font-size: 25px;
        }

    .show-list {
        margin-top: 20px;
    }

        .show-list > a {
            float: left;
            font: normal 13px/40px "寰蒋闆呴粦";
            width: calc((100% - 6px) / 3);
            white-space: normal;
            overflow: hidden;
            text-overflow: ellipsis;
            margin: 0 0 3px 0
        }

            .show-list > a:not(:nth-child(3n+3)) {
                margin-right: 3px;
            }

        .show-list:after {
            content: '';
            display: block;
            clear: both;
        }

    .scene .container {
        width: 100%;
    }

    .scene .scene-item {
        padding: 0;
        margin: 0;
    }

    .scene .scene-pic {
        float: none;
        margin: 0 auto;
    }

    .scene .scene-text {
        width: 100%;
        padding: 10px 0;
        height: auto;
    }

        .scene .scene-text h4 {
            font-size: 23px;
            margin-bottom: 10px;
            text-align: center;
        }

    .scene.scene-desktop .scene-pic .scene-paper {
        width: 100%
    }

    .shape-con {
        width: 100%;
        padding-top: 20px
    }

    .ad-shape {
        padding-bottom: 20px
    }

    .shape-list li .shape-pic {
        margin-left: 0;
    }

        .shape-list li .shape-pic img {
            max-width: 100%;
            width: 100%
        }

    .shape-list li .shape-text {
        width: 100%
    }

    .diversity {
        padding: 20px 0;
    }

        .diversity .container {
            width: 100%;
        }

    .diversity-tabs {
        margin: 20px 0
    }

        .diversity-tabs.tabs-4 > a {
            width: 25%;
            margin: 0 auto;
            display: block;
            float: left;
            font-size: 14px;
        }

        .diversity-tabs.tabs-4:after {
            content: '';
            display: block;
            clear: both;
        }

    .purchase-content {
        width: 100%;
        padding: 20px 0
    }

    .row .col-4 {
        padding: 0 10px;
    }

    .description-list li h4 {
        font-size: 20px;
        margin: 10px auto;
    }

    i.icon.icon-schedule, i.icon.icon-price, i.icon.icon-bid {
        display: none;
    }
    /*棣栭〉*/

    .ind_pt, .ind_tool, .ind_js, .ind_plan {
        padding: 10px;
    }

        .ind_pt .ind_pt_ul li {
            width: 50%;
        }

            .ind_pt .ind_pt_ul li:not(:last-child) {
                margin-right: 0;
            }

            .ind_pt .ind_pt_ul li:nth-child(odd) {
                padding-right: 5px;
            }

            .ind_pt .ind_pt_ul li:nth-child(even) {
                padding-left: 5px;
            }

            .ind_pt .ind_pt_ul li .ind_pt_img {
                height: auto;
            }

            .ind_pt .ind_pt_ul li:nth-child(1), .ind_pt .ind_pt_ul li:nth-child(2) {
                margin-bottom: 10px;
            }

        .ind_tool .ind_tool_ul li:not(:last-child) {
            margin-right: 0;
        }

        .ind_tool .ind_tool_ul li {
            width: 100%;
            padding: 15px 5px;
            margin: 0 0 10px;
        }

            .ind_tool .ind_tool_ul li .dl_item {
                margin: 10px 0;
            }
                /*.ind_tool .ind_tool_ul li .dl_item dd { display: inline-block; margin: 0 10px !important; }*/

                .ind_tool .ind_tool_ul li .dl_item:after {
                    content: '';
                    display: block;
                    clear: both;
                }

                .ind_tool .ind_tool_ul li .dl_item dd:not(:last-child) {
                    margin-right: 0;
                }

                .ind_tool .ind_tool_ul li .dl_item dd {
                    width: 25%;
                    text-align: center;
                    float: left;
                    display: block;
                    margin: 0;
                }

        .ind_js .ind_js_ul li, .ind_plan .ind_plan_ul li {
            width: 50%;
            padding-bottom: 0px;
        }

            .ind_js .ind_js_ul li:not(:last-child), .ind_plan .ind_plan_ul li:not(:last-child) {
                margin-right: 0;
            }

            .ind_js .ind_js_ul li:nth-child(odd), .ind_plan .ind_plan_ul li:nth-child(odd) {
                padding-right: 5px;
            }

            .ind_js .ind_js_ul li:nth-child(even), .ind_plan .ind_plan_ul li:nth-child(even) {
                padding-left: 5px;
            }

            .ind_js .ind_js_ul li .img, .ind_plan .ind_plan_ul li .img {
                height: auto;
            }

            .ind_js .ind_js_ul li .con .t2, .ind_plan .ind_plan_ul li .con .t2 {
                margin-bottom: 10px;
            }

            .ind_js .ind_js_ul li:nth-child(1), .ind_js .ind_js_ul li:nth-child(2), .ind_plan .ind_plan_ul li:nth-child(1), .ind_plan .ind_plan_ul li:nth-child(2) {
                margin-bottom: 10px;
            }

    .ind_plan {
        height: auto;
    }

    .ind_partner {
        padding: 0 5px;
    }

        .ind_partner .ind_partner_ul li {
            width: 50%;
            height: auto;
            margin-bottom: 10px;
        }

        .ind_partner .ind_partner_ul li {
            padding: 0 5px;
        }

            .ind_partner .ind_partner_ul li:not(:nth-child(6n+6)) {
                margin-right: 0;
            }

    .bottom .bottom_box1 {
        margin-bottom: 20px;
    }

        .bottom .bottom_box1 .f48 {
            font: normal 21px/35px "寰蒋闆呴粦";
        }

        .bottom .bottom_box1 .f24 {
            font: normal 18px/18px "寰蒋闆呴粦";
        }

    .bottom .bottom_box2 {
        padding: 0 10px 20px;
    }

    .ind_pt_hover {
        display: none;
    }
    /*鐧惧害瑙嗛*/

    .baidu {
        padding: 0 10px;
    }

        .baidu .baidu_title {
            margin: 25px auto 0;
        }

        .baidu .baidu_video li, .baidu .baidu_video2 li, .baidu .baidu_video3 li {
            margin-bottom: 35px;
            padding: 10px 5px;
        }

            .baidu .baidu_video li .img, .baidu .baidu_video2 li .img {
                margin: 25px 0px;
            }

            .baidu .baidu_video li .con, .baidu .baidu_video2 li .con {
                position: static;
            }

                .baidu .baidu_video2 li .con img {
                    max-width: 100%;
                }

            .baidu .baidu_video li:nth-child(even) .con, .baidu .baidu_video2 li:nth-child(even) .con {
                position: static;
            }

    .g3_case .g3_case_ul li {
        width: 100%;
        padding-bottom: 15px;
    }

        .g3_case .g3_case_ul li:not(:nth-child(3n+3)) {
            margin-right: 0;
        }

        .g3_case .g3_case_ul li .img {
            width: 100%;
            height: auto;
        }
    /*鐧惧害鏂囧簱*/

    .baidu_wenku {
        padding: 0 10px;
    }

        .baidu_wenku li img {
            min-height: 1px;
        }

        .baidu_wenku li .baidu_wenku_t {
            font: bold 25px/25px "寰蒋闆呴粦";
        }

        .baidu_wenku li .baidu_wenku_pt:after {
            content: '';
            display: block;
            clear: both;
        }

        .baidu_wenku li .baidu_wenku_pt dd {
            width: 50%;
            float: left;
        }

            .baidu_wenku li .baidu_wenku_pt dd:nth-child(1), .baidu_wenku li .baidu_wenku_pt dd:nth-child(2) {
                margin-bottom: 15px;
            }

            .baidu_wenku li .baidu_wenku_pt dd:not(:last-child) {
                margin-right: 0;
            }
    /*g3浜戞帹骞�*/

    .g3_data .w1170 li {
        width: 50%;
        padding: 0 0 0 57px !important;
        background-position-x: 5px !important;
    }

        .g3_data .w1170 li:nth-child(1), .g3_data .w1170 li:nth-child(2) {
            margin-bottom: 10px;
        }

        .g3_data .w1170 li div {
            font: bold 14px/30px "寰蒋闆呴粦";
        }

    .g3_banner .w1170 .g3_banner_l {
        display: none;
    }

    .g3_banner .w1170 .g3_banner_r {
        margin: 0 auto;
        float: none;
        width: 100%;
        padding: 20px 10px 0;
        max-width: 340px;
    }

    .g3_use {
        padding: 0 10px;
    }

        .g3_use li {
            width: 100%;
            padding: 5px;
        }

            .g3_use li .icon {
                width: 18%;
                height: auto;
            }

            .g3_use li .g3_use_con {
                width: 82%;
                padding-left: 10px;
            }

    .g3_case {
        padding: 0 10px;
    }
    /*浜戠綉瀹�*/

    .could_tab:after {
        content: '';
        display: block;
        clear: both;
    }

    .could_tab li {
        width: 25%;
        float: left;
    }

        .could_tab li a {
            padding: 0;
        }

            .could_tab li a.on:after {
                max-width: 100%;
                margin-left: 0;
                transform: translateX(-50%);
            }

    .could .could_ul li .w1230 {
        width: 100%;
    }

    .could .could_ul li:nth-child(1) .l, .could .could_ul li:nth-child(3) .l, .could .could_ul li:nth-child(2) .l, .could .could_ul li:nth-child(4) .l, .could .could_ul li:nth-child(5) .l, .could .could_ul li:nth-child(6) .l {
        margin: 30px 0 0;
    }

    .could .could_ul li .l, .could .could_ul li .r {
        padding: 0 15px;
    }

    .could .could_ul li img {
        max-width: 100%;
    }

    .could_try {
        padding: 0 10px 100px;
    }

        .could_try .w890 {
            width: 100%;
            max-width: 890px;
        }

        .could_try .could_try_t {
            padding: 20px 0 15px;
        }
    /*鏄撲紶鎾�*/

    .spread {
        width: 100%;
        max-width: 1170px;
    }

        .spread * {
            max-width: 100%;
        }

        .spread .content_shapebrand_btnlist, .spread .content_promot_btnlist, .spread .content_safety_btnlist, .spread .content_train_btnlist {
            width: 100%;
            max-width: 738px;
            padding: 0 10px;
        }

        .spread .content_exposure_btnlist {
            width: 100%;
            max-width: 1138px;
            padding: 0 10px;
        }

            .spread .content_shapebrand_btnlist ul li, .spread .content_exposure_btnlist ul li, .spread .content_promot_btnlist ul li, .spread .content_safety_btnlist ul li, .spread .content_train_btnlist ul li {
                margin-left: 0;
                width: 50%;
                max-width: 146px;
            }

                .spread .content_shapebrand_btnlist ul li b, .spread .content_exposure_btnlist ul li b, .spread .content_promot_btnlist ul li b, .spread .content_safety_btnlist ul li b, .spread .content_train_btnlist ul li b {
                    width: 100%;
                }

                .spread .content_shapebrand_btnlist ul li a, .spread .content_exposure_btnlist ul li a, .spread .content_promot_btnlist ul li a, .spread .content_safety_btnlist ul li a, .spread .content_train_btnlist ul li a {
                    width: 100%;
                }

        .spread .content_shapebrand_info1 {
            width: 100%;
        }

        .spread, .spread .content_shapebrand, .spread .content_shapebrand_info1, .spread .content_exposure_info1, .spread .content_shapebrand, .spread .content_promot_info1, .spread .content_safety_info1, .spread .content_train_info1 {
            height: auto;
        }
    /*涓€绔欓€�*/

    .web * {
        max-width: 100%;
    }

    .web .web_box1 {
        padding: 0 5px;
    }

        .web .web_box1 .web_box1_t {
            font: bold 30px/60px "寰蒋闆呴粦";
        }

        .web .web_box1 .web_box1_ul li {
            width: 50%;
            padding: 0 5px;
        }

            .web .web_box1 .web_box1_ul li:not(:last-child) {
                margin-right: 0;
            }

            .web .web_box1 .web_box1_ul li:nth-child(1), .web .web_box1 .web_box1_ul li:nth-child(2) {
                margin-bottom: 10px;
            }

    .web .web_box3 {
        padding: 0 10px;
    }

        .web .web_box3 > li:nth-child(1), .web .web_box3 > li:nth-child(2), .web .web_box3 > li:nth-child(3), .web .web_box3 > li:nth-child(4) {
            background: none;
        }

    .web .web_box4 {
        padding: 0 5px 90px;
    }

        .web .web_box4 ul li {
            width: 50%;
            max-width: 270px;
            padding: 0 5px;
        }

            .web .web_box4 ul li:not(:nth-child(4n+4)) {
                margin-right: 0;
            }
    /*seo*/

    .seo .seo01, .seo .seo02, .seo .seo03, .seo .seo04, .seo .seo05 {
        width: 100%;
    }

        .seo .seo01 .t, .seo .seo02 .t, .seo .seo03 .t, .seo .seo04 .t, .seo .seo05 .t {
            font-size: 25px;
        }

        .seo .seo01 .seo01d {
            width: 50%;
            margin: 0 0 15px;
        }

    .seo .seo02 {
        padding: 0 5px;
    }

        .seo .seo02 .seo02li img {
            width: 16.36363636%;
        }

        .seo .seo02 .seo02li img {
            width: 16.36363636%;
            max-width: 54px;
        }

        .seo .seo02 .seo02li .tfr {
            width: 81.21212121%;
            max-width: 268px;
        }

        .seo .seo02 .seo02li {
            width: 100%;
            max-width: 330px;
            margin-right: 0;
            margin-bottom: 15px;
            padding: 0 5px;
        }

    .seo .seo03 {
        padding: 0 10px;
    }

        .seo .seo03 .t {
            margin: 60px auto;
            line-height: 30px;
        }

        .seo .seo03 .seo03li {
            margin: 0 0 15px;
            width: 100%;
            background: #f2f2f2;
            border-radius: 8px;
        }

            .seo .seo03 .seo03li span {
                width: 12.269%;
                color: #1e1e1e;
            }

            .seo .seo03 .seo03li p {
                width: 75.25%;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }

    .seo .seo04 .seo04li {
        margin: 15px 0;
        width: 100%;
        padding: 0 10px;
    }

    .seo .seo05 {
        max-width: 280px;
    }

        .seo .seo05 .seo05li {
            width: 100%;
            margin: 0 0 15px;
        }

            .seo .seo05 .seo05li .litext {
                width: 100%;
            }

            .seo .seo05 .seo05li img {
                width: 100%;
            }
    /*寰俊骞冲彴*/

    .wx_platform .wx_platform_box1 li:not(:last-child) {
        margin-right: 1%;
    }

    .wx_platform .wx_platform_box1 li .bg {
        height: 100%;
    }

    .wx_platform .wx_platform_box1 li {
        width: 48%;
        margin: 0 1% 15px;
        height: 443px;
    }

    .wx_platform .wx_platform_box2 {
        padding: 1px 5px 0;
    }

        .wx_platform .wx_platform_box2 li {
            width: 50%;
            padding: 0 5px;
        }

            .wx_platform .wx_platform_box2 li:not(:nth-child(4n+1)) {
                margin-right: 0;
            }

            .wx_platform .wx_platform_box2 li .img {
                height: auto;
            }
    /*寰鎺�*/

    .wx_shentui .wx_shentui_box1 {
        width: 100%;
        padding: 0 10px;
        background: none;
        height: auto;
    }

        .wx_shentui .wx_shentui_box1 li {
            position: static;
            text-align: left;
            margin-bottom: 10px;
            max-width: 1170px;
        }

            .wx_shentui .wx_shentui_box1 li:nth-child(1), .wx_shentui .wx_shentui_box1 li:nth-child(2), .wx_shentui .wx_shentui_box1 li:nth-child(3), .wx_shentui .wx_shentui_box1 li:nth-child(4) {
                text-align: left;
            }

            .wx_shentui .wx_shentui_box1 li:nth-child(5) {
                transform: translateX(0%);
                text-align: left;
            }

    .wx_shentui .wx_shentui_box2 {
        padding: 0 10px;
    }

        .wx_shentui .wx_shentui_box2 .l {
            margin-left: 0;
            width: 100%;
        }

            .wx_shentui .wx_shentui_box2 .l dl {
                margin-top: 20px;
            }

                .wx_shentui .wx_shentui_box2 .l dl dd {
                    width: 25%;
                    max-width: 86.25px;
                }

                    .wx_shentui .wx_shentui_box2 .l dl dd:not(:last-child) {
                        margin-right: 0;
                    }

        .wx_shentui .wx_shentui_box2 .r {
            float: left;
        }

            .wx_shentui .wx_shentui_box2 .r img {
                max-width: 100%;
            }
    /*鐧惧害鍥剧墖*/

    .baidu_pic .baidu_pic_box1 {
        padding: 0 10px 49px;
    }

        .baidu_pic .baidu_pic_box1 .pcimg {
            display: none;
        }

        .baidu_pic .baidu_pic_box1 .baidu_pic_box1_phone {
            display: block;
        }

    .baidu_pic .baidu_pic_box2 {
        padding: 0 5px 115px;
    }

        .baidu_pic .baidu_pic_box2 img:nth-child(2) {
            margin-left: 0;
            padding: 0 5px;
        }

        .baidu_pic .baidu_pic_box2 img:nth-child(3) {
            margin-right: 0;
            padding: 0 5px;
        }
    /*鍏充簬鎴戜滑*/

    .about_intr {
        padding: 1px 10px;
    }

        .about_intr .con {
            margin-left: 0;
            width: 100%;
        }

    .ind_envi {
        padding: 1px 10px 10px;
    }

        .ind_envi .ind_envi_ul li {
            width: 100%;
        }

            .ind_envi .ind_envi_ul li .img {
                height: auto;
            }

            .ind_envi .ind_envi_ul li .hover .border {
                width: 80%;
                height: 80%;
            }

    .about_huikuan {
        padding: 0 10px 100px;
    }

        .about_huikuan dl {
            width: 100%;
        }

            .about_huikuan dl .icon {
                width: 100%;
            }

            .about_huikuan dl dd {
                width: 100%;
                padding: 0 5px;
            }

    .about_contact {
        padding: 10px 0;
    }

        .about_contact, .about_contact li:last-child {
            font: bold 17px/27px "寰蒋闆呴粦";
        }

            .about_contact li:not(:last-child) {
                margin-right: 0;
            }

            .about_contact li:nth-child(-n+2) {
                margin-bottom: 10px
            }

            .about_contact li {
                width: 49%;
                padding: 0 10px;
            }

                .about_contact li div {
                    font: normal 16px/30px "寰蒋闆呴粦";
                    margin-top: 0;
                }

    .about_tab {
        padding: 0 5px;
    }

        .about_tab li {
            width: 33.33333333%;
            padding: 0 5px;
            margin-right: 0;
            margin-bottom: 8px;
        }

    .about_licheng {
        padding: 0 10px;
        margin: 10px 0;
        height: 103px;
    }

        .about_licheng img {
            width: 100%;
            display: block;
            left: 0;
            margin: 10px 0 0;
        }

    .about_culture {
        padding: 0 10px;
        margin: 10px auto;
    }

        .about_culture li .about_culture_con {
            width: calc(100% - 80px);
        }
    /*#dituContent img{max-width: 200000px;}*/

    /*鐩涗笘瀛﹂櫌*/

    .peixun {
        padding: 0 10px;
    }

        .peixun li {
            padding: 5px 0;
        }

            .peixun li .peixun_img {
                width: 140px;
                height: auto;
                padding: 5px
            }

            .peixun li .peixun_con {
                width: calc(100% - 140px);
            }

                .peixun li .peixun_con .t {
                    font: normal 20px/30px "寰蒋闆呴粦";
                }

                .peixun li .peixun_con .con {
                    margin-bottom: 4px;
                }

    .peixun_detail {
        padding: 0 10px;
    }

        .peixun_detail .t {
            margin: 45px auto 20px;
        }

        .peixun_detail .message li:not(:last-child) {
            margin-right: 5px;
        }

        .peixun_detail .con {
            margin-top: 10px;
            padding-bottom: 20px;
        }
    /*鍏充簬鎴戜滑*/

    .about_title {
        margin: 20px auto 10px;
    }

        .about_title .en {
            font: normal 30px/40px "寰蒋闆呴粦";
        }

    .about_box1, .about_box2 {
        padding: 0 10px;
    }

        .about_box1 img {
            display: none;
        }

        .about_box1 ul {
            display: block;
        }
}
/*h5椤甸潰*/

.new-content {
    padding: 50px 0 0;
    background: #f6f7f8;
    border-bottom: 1px solid #bbb;
}

    .new-content .titly {
        font-size: 42px;
        color: #606060;
    }

    .new-content .time {
        font-size: 18px;
        color: #636363;
    }

.content-list {
    background: #f6f7f8;
    padding: 20px 0 50px
}

    .content-list .breadcrumb {
        background: #f6f7f8;
        margin-top: 10px;
    }

        .content-list .breadcrumb li {
            font-size: 18px;
            color: #a8a8a8;
        }

            .content-list .breadcrumb li a {
                font-size: 18px;
                color: #a8a8a8;
                text-decoration: none
            }

    .content-list .contle img {
        max-width: 100%;
        padding: 20px 0;
    }

    .content-list .contle p {
        font-size: 18px;
        color: #6b6b6b;
        line-height: 35px
    }

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

.contle img {
    max-width: 100%;
}

/*h5椤甸潰*/

@media only screen and (max-width: 375px) {
    .ny_banner img {
        max-width: 980px;
    }
}

@media only screen and (min-width: 330px) and (max-width: 1170px) {
    .seo .seo02 .seo02li {
        width: 50%;
        height: 190px;
        overflow: hidden;
    }
}

@media only screen and (min-width: 400px) and (max-width: 1170px) {
    .ind_envi .ind_envi_ul li {
        width: 49%;
    }

        .ind_envi .ind_envi_ul li:not(:nth-child(3n+3)) {
            margin-right: 0;
        }

        .ind_envi .ind_envi_ul li:nth-child(odd) {
            margin-right: 1%;
        }

        .ind_envi .ind_envi_ul li:nth-child(even) {
            margin-left: 1%;
        }

    .ind_partner .ind_partner_ul li {
        width: 33.33333333%;
    }
}

@media only screen and (min-width: 415px) and (max-width: 1170px) {
    .seo .seo05 {
        max-width: 100%;
        padding: 0 5px;
    }

        .seo .seo05 .seo05li {
            width: 50%;
            padding: 0 5px;
        }

    .baidu_pic .baidu_pic_box2 img:nth-child(2) {
        width: 50%;
    }

    .baidu_pic .baidu_pic_box2 img:nth-child(3) {
        width: 50%;
    }
}

/*澶у睆鎵嬫満*/

@media only screen and (min-width: 568px) and (max-width: 1170px) {
    .g3_data .w1170 li {
        width: 25%;
    }

    .g3_use li {
        width: 49%;
    }

        .g3_use li:nth-child(even) {
            margin: 0 1% 15px 0;
        }

        .g3_use li:nth-child(odd) {
            margin: 0 0 15px 1%;
        }

    .g3_case .g3_case_ul li {
        width: 50%;
    }

        .g3_case .g3_case_ul li:nth-child(odd) {
            padding-right: 5px;
        }

        .g3_case .g3_case_ul li:nth-child(even) {
            padding-left: 5px;
        }

    .could .could_ul li .l, .could .could_ul li .r {
        width: 50%;
    }

    .could .could_ul li:nth-child(1) .l, .could .could_ul li:nth-child(3) .l, .could .could_ul li:nth-child(2) .l, .could .could_ul li:nth-child(4) .l, .could .could_ul li:nth-child(5) .l, .could .could_ul li:nth-child(6) .l {
        margin: 60px 0 0;
    }

    .bottom .bottom_box1 .f48 {
        font: normal 35px/35px "寰蒋闆呴粦";
    }

    .bottom .bottom_box1 .f24 {
        font: normal 24px/24px "寰蒋闆呴粦";
    }

    .spread .content_shapebrand_btnlist ul li, .spread .content_exposure_btnlist ul li, .spread .content_promot_btnlist ul li, .spread .content_safety_btnlist ul li, .spread .content_train_btnlist ul li {
        margin-left: 0;
        width: 33.33333333%;
    }

    .web .web_box4 ul li {
        width: 33.33333333%;
        max-width: 270px;
        padding: 0 5px;
    }

    .web .web_box3 > li:nth-child(even) .web_box3_con {
        float: left;
    }

    .seo .seo01 .seo01d {
        width: 25%;
    }

        .seo .seo01 .seo01d p {
            font-size: 14px;
        }

    .seo .seo03 .seo03li {
        width: 49%;
    }

        .seo .seo03 .seo03li:nth-child(even) {
            margin-right: 2%;
        }

    .seo .seo04 .seo04li {
        width: 50%;
    }

    .wx_platform .wx_platform_box1 li {
        width: 31.333333%;
        margin: 0 1% 15px;
        height: 443px;
    }

    .wx_platform .wx_platform_box2 li {
        width: 33.33333333%;
    }

    .wx_shentui .wx_shentui_box1 {
        padding: 0 5px;
    }

        .wx_shentui .wx_shentui_box1:after {
            content: '';
            clear: both;
            display: block;
        }

        .wx_shentui .wx_shentui_box1 li {
            width: 50%;
            float: left;
            min-height: 78px;
            padding: 0 5px;
        }

    .ind_tool .ind_tool_ul li {
        width: 50%;
    }

    .about_tab li {
        width: 25%;
    }
}

@media only screen and (min-width: 590px) and (max-width: 1170px) {
    .ind_pt .ind_pt_ul li {
        width: 25%;
    }

    .ind_pt {
        padding: 10px 5px;
    }

        .ind_pt .index_t {
            padding: 0 5px;
        }

        .ind_pt .ind_pt_ul li {
            padding: 0 5px;
        }

    .ind_js .ind_js_ul li, .ind_plan .ind_plan_ul li {
        width: 33.33333333%;
        padding: 0 5px;
        margin-bottom: 10px;
    }

    .ind_js, .ind_plan {
        padding: 0 5px;
    }

    .ind_partner .ind_partner_ul li {
        width: 25%;
    }
}

@media only screen and (min-width: 671px) and (max-width: 1170px) {
    .seo .seo02 .seo02li {
        width: 33.3333333%;
        height: 190px;
        overflow: hidden;
    }
}

/*骞虫澘鐢佃剳*/

@media only screen and (min-width: 768px) and (max-width: 1170px) {
    .g3_data .w1170 li {
        padding: 0 0 0 90px !important;
        background-position-x: 32px !important;
    }

    .g3_use li {
        width: 32%;
    }

        .g3_use li:nth-child(even), .g3_use li:nth-child(odd) {
            margin: 0 0 15px 0;
        }

        .g3_use li:not(:nth-child(3n+1)) {
            margin: 0 2% 0 0;
        }

    .could_tab li {
        float: none;
        width: auto;
    }

        .could_tab li a {
            padding: 0 70px;
        }

    .bottom .bottom_box1 .f48 {
        font: normal 48px/48px "寰蒋闆呴粦";
    }

    .spread .content_shapebrand_btnlist ul li, .spread .content_exposure_btnlist ul li, .spread .content_promot_btnlist ul li, .spread .content_safety_btnlist ul li, .spread .content_train_btnlist ul li {
        margin-left: 0;
        width: 25%;
    }

    .seo .seo03 .seo03li span {
        width: 60px;
        color: #fafafa;
    }

    .seo .seo03 .seo03li p {
        float: left;
    }

    .seo .seo03 .seo03li {
        background: url(../images/seobg.png) no-repeat;
    }

    .seo .seo04 .seo04li {
        width: 33.33333333%;
        height: 122px;
    }

    .seo .seo05 .seo05li {
        width: 25%;
    }

    .wx_shentui .wx_shentui_box2 .l, .wx_shentui .wx_shentui_box2 .r {
        width: 50%;
    }

    .baidu_pic .baidu_pic_box1 .pcimg {
        display: block;
    }

    .baidu_pic .baidu_pic_box1 .baidu_pic_box1_phone {
        display: none;
    }

    .about_intr .con {
        width: 50%;
    }

    .about_intr .img {
        width: 50%;
    }

    .about_huikuan dl dd {
        width: 61%;
    }

    .about_huikuan dl .icon {
        width: 39%;
        text-align: center;
    }
}

@media only screen and (min-width: 790px) and (max-width: 1170px) {
    .g3_case .g3_case_ul li {
        width: 33.33333333%;
        padding: 0;
        margin-bottom: 10px;
    }

        .g3_case .g3_case_ul li:nth-child(odd) {
            padding-right: 0;
        }

        .g3_case .g3_case_ul li:nth-child(3n+1) {
            padding-right: 5px;
        }

        .g3_case .g3_case_ul li:nth-child(3n+2) {
            padding: 0 2.5px;
        }

        .g3_case .g3_case_ul li:nth-child(3n) {
            padding-left: 5px;
        }

    .ind_envi .ind_envi_ul li {
        width: 32%;
    }

        .ind_envi .ind_envi_ul li:nth-child(odd) {
            margin-right: 0;
        }

        .ind_envi .ind_envi_ul li:nth-child(even) {
            margin-left: 0;
        }

        .ind_envi .ind_envi_ul li:nth-child(3n+1) {
            margin-right: 1%;
        }

        .ind_envi .ind_envi_ul li:nth-child(3n+2) {
            margin: 0 1%;
        }

        .ind_envi .ind_envi_ul li:nth-child(3n+3) {
            margin-left: 1%;
        }

    .ind_partner .ind_partner_ul li {
        width: 20%;
    }
}

@media only screen and (min-width: 822px) and (max-width: 1170px) {
    .web .web_box4 ul li {
        width: 25%;
        max-width: 300px;
        padding: 0 5px;
    }

    .wx_platform .wx_platform_box2 li {
        width: 25%;
    }

    .ind_tool .ind_tool_ul li {
        width: 33.33333333%;
    }

    .about_tab li {
        width: 20%;
    }
}

@media only screen and (min-width: 880px) and (max-width: 1170px) {
    .ind_js .ind_js_ul li, .ind_plan .ind_plan_ul li {
        width: 25%;
    }
}

@media only screen and (min-width: 905px) and (max-width: 1170px) {
    .wx_shentui .wx_shentui_box1 {
        width: 905px;
        background: url(../images/wx_shentui_02.jpg) no-repeat center;
        height: 480px;
    }

        .wx_shentui .wx_shentui_box1 li {
            position: absolute;
            max-width: 320px;
        }

            .wx_shentui .wx_shentui_box1 li:nth-child(1), .wx_shentui .wx_shentui_box1 li:nth-child(2), .wx_shentui .wx_shentui_box1 li:nth-child(3), .wx_shentui .wx_shentui_box1 li:nth-child(4) {
                text-align: right;
            }

            .wx_shentui .wx_shentui_box1 li:nth-child(5) {
                transform: translateX(-50%);
                text-align: center;
            }
}

@media only screen and (min-width: 1000px) and (max-width: 1170px) {
    .seo .seo02 .seo02li {
        width: 33.3333333%;
        max-width: 999px;
        height: 190px;
        overflow: hidden;
    }

    .ind_partner .ind_partner_ul li {
        width: 16.666667%;
    }

    .about_tab li {
        width: 14.285%;
    }
}

@media only screen and (max-width:767px ) {
    /*h5椤甸潰*/

    .contle {
        padding: 0 10px;
    }

    .new-content .titly {
        font-size: 20px;
    }

    .new-content {
        padding-top: 20px;
    }
}