body {
    line-height: 1;
}

a {
    outline: none;
}

.ease {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.bf35 {
    font-family: "bf35" !important;
    font-size: 16px;
    line-height: 1;
    font-style: normal;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.w {
    /*width: 1450px;*/
    width: 2000px;
    margin: 0 auto;
}

.class-txt .item:nth-child(2n+1) {
    clear: both;
}

.gradual {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(30,30,30,1)));
    background-image: -webkit-linear-gradient(180deg, rgba(0,0,0,0), rgba(30,30,30,1));
    background-image: -moz-linear-gradient(180deg, rgba(0,0,0,0), rgba(30,30,30,1));
    background-image: -ms-linear-gradient(180deg, rgba(0,0,0,0), rgba(30,30,30,1));
    background-image: -o-linear-gradient(180deg, rgba(0,0,0,0), rgba(30,30,30,1));
    background-image: linear-gradient(180deg, rgba(0,0,0,0), rgba(30,30,30,1));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#{000000}', endColorStr='#{666666}');
}

.Center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.Center-y {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.Center-x {
    position: absolute;
    left: 6%;
    transform: translateX(-50%);
}

.dlg33 {
    width: 100% !important;
    height: 100% !important;
}

.banner-adv {
    margin: 0 auto;
}

    .banner-adv ul {
        width: calc(100% + 10px);
        display: inline;
        float: left;
        margin: 0px 0 0 -5px;
    }

        .banner-adv ul li {
            display: block;
            float: left;
            position: relative;
        }

            .banner-adv ul li .adv-item {
                margin: 18px 5px 0 5px;
                position: relative;
            }

        .banner-adv ul.one li {
            width: 100%;
        }

        .banner-adv ul.two li {
            width: 50%;
        }

        .banner-adv ul.three li {
            width: 33.33%;
        }

        .banner-adv ul.four li {
            width: 25%;
        }

        .banner-adv ul.five li {
            width: 20%;
        }

        .banner-adv ul.six li {
            width: 16.66%;
        }

/*.banner-adv ul li a,
.banner-adv ul li embed {
	float: left;
}*/
.bottomAdvClose {
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    right: 5px;
    top: -15px;
    background: url("/photoAlbum/templet/common/public/close.png") no-repeat 0 0;
    z-index: 9;
}

.bannerAdv-box {
    margin-top: 10px;
    position: relative;
}

.topBannerAdv, .botBannerAdv {
    display: none;
    position: relative;
    z-index: 10;
    overflow: hidden;
}

    .botBannerAdv .botBannerAdvHover {
        position: absolute;
        width: 100%;
        height: 80px;
        left: 0;
        top: 0;
        z-index: 9;
    }
    /* .botBannerAdv {
	display: block;
} */
    .topBannerAdv img, .botBannerAdv img {
        width: 100%;
    }

.top-banner .banner-adv ul {
    width: calc(100% + 14px);
    margin: 0px 0 0 -7px;
}

    .top-banner .banner-adv ul li .adv-item {
        margin: 15px 7px 0 7px;
    }

.banner-adv-2 .banner-adv ul li .adv-item {
    margin: 26px 5px 0 5px;
}

.top-banner .banner-adv ul li:first-child .picHover {
    left: 0;
    right: auto;
}

.top-banner .banner-adv ul li .picHover {
    width: 890px;
    /* width: max-content;
	width: -webkit-max-content; */
    position: absolute;
    right: 0;
    left: auto;
    top: 0;
    z-index: -1;
    opacity: 0;
}

.top-banner .banner-adv ul li .adv-item img {
    image-rendering: -webkit-optimize-contrast;
}

.top-banner .banner-adv ul li .picHoverRight {
    left: auto;
    right: 0;
}

.banner-adv ul li .picHover {
    width: 400px;
    width: max-content;
    width: -webkit-max-content;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.banner-adv ul li .picHoverRight {
    left: auto;
    right: 0;
}

.banner-adv ul li .picHoverBot {
    bottom: 0;
    top: auto;
}

.banner-adv ul li:hover .picHover {
    z-index: 9999999;
    opacity: 1;
}

.banner-adv ul li:nth-child(5) .picHover {
    right: 0;
    left: auto;
}

.banner-adv ul li:last-child .picHoverBot {
    right: 0;
    left: auto;
}

.foot-banner-adv {
    overflow: hidden;
}

.advs {
    position: relative;
    display: block;
    width: 100%;
}

    .advs img {
        display: block;
    }

    .advs i {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 9;
        width: 24px;
        height: 12px;
        background: url("/photoAlbum/templet/common/public/adv.png") no-repeat;
    }


#header {
    background: #f5f5f5;
    height: 40px;
    width: 100%;
}

#divLogin {
    float: left;
}

    #divLogin ul {
        float: left;
    }

        #divLogin ul li {
            font-size: 12px;
            line-height: 39px;
            float: left;
            color: #666;
        }

        #divLogin ul li {
            margin-right: 20px;
        }

            #divLogin ul li a {
                color: #666;
            }

                #divLogin ul li a:hover {
                    color: #0093ef;
                }

            #divLogin ul li.register1 a {
                color: #0093ef;
            }

.Tophead {
    margin: 0 auto;
    position: relative;
}

    .Tophead .left {
        position: absolute;
        top: -40px;
        left: 356px;
    }

        .Tophead .left .serviceBtn {
            margin-top: 7px;
            height: 26px;
            line-height: 26px;
            width: 78px;
            font-size: 14px;
            color: #fff;
            text-align: center;
            cursor: pointer;
            display: block;
            border-radius: 2px;
            background-image: -moz-linear-gradient( 180deg, rgb(123,191,80) 0%, rgb(38,164,128) 100%);
            background-image: -webkit-linear-gradient( 180deg, rgb(123,191,80) 0%, rgb(38,164,128) 100%);
            background-image: -ms-linear-gradient( 180deg, rgb(123,191,80) 0%, rgb(38,164,128) 100%);
        }

    .Tophead ul {
        position: absolute;
        top: -40px;
        right: 0;
    }

    .Tophead li {
        float: left;
        height: 40px;
        position: relative;
    }

        .Tophead li .ServiceTop {
            height: 40px;
            line-height: 40px;
            padding: 0 12px;
            font-size: 14px;
            position: relative;
        }

            .Tophead li .ServiceTop::after {
                position: absolute;
                content: "";
                right: 0;
                top: 50%;
                transform: translateY(-50%);
                width: 1px;
                height: 12px;
                background-color: #e2e2e2;
            }

        .Tophead li:last-child .ServiceTop {
            padding-right: 0;
        }

            .Tophead li:last-child .ServiceTop::after {
                display: none;
            }

        .Tophead li .ServiceTop a {
            color: #666;
        }
        /* 蹇€熸眰璐� */
        .Tophead li:nth-child(1) .ServiceTop {
            height: 26px;
            line-height: 26px;
            margin-top: 7px;
        }

            .Tophead li:nth-child(1) .ServiceTop a {
                padding: 0 9px;
                background-color: #0093ef;
                color: #fff;
                border-radius: 2px;
                display: inline-block;
                vertical-align: top;
            }
        /* 涓や釜涓嬫媺 */
        .Tophead li.mobile .ServiceTop a, .Tophead li.weixin .ServiceTop a {
            color: #0093ef;
        }

        .Tophead li .ServiceTop i {
            margin-right: 6px;
        }
/* mobile */
.ServiceBot {
    background-color: #fff;
    position: absolute;
    z-index: 99;
    top: 40px;
    right: 0;
    display: none;
    text-align: center;
    z-index: 9999;
    box-sizing: border-box;
}

.ServiceBot1 {
    width: 672px;
    padding: 18px 14px;
    background-image: -moz-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 43%);
    background-image: -webkit-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 43%);
    background-image: -ms-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 43%);
    box-shadow: 0px 10px 20px 0px rgba(150, 153, 158, 0.32);
    border-radius: 0 0 8px 8px;
}

    .ServiceBot1 .item {
        float: left;
        width: 25%;
    }

        .ServiceBot1 .item .image {
            padding: 4px 4px 0;
            border-radius: 8px;
            display: inline-block;
            background-image: -moz-linear-gradient( -90deg, rgb(151,224,228) 0%, rgb(241,179,56) 100%);
            background-image: -webkit-linear-gradient( -90deg, rgb(151,224,228) 0%, rgb(241,179,56) 100%);
            background-image: -ms-linear-gradient( -90deg, rgb(151,224,228) 0%, rgb(241,179,56) 100%);
        }

            .ServiceBot1 .item .image img {
                width: 130px;
                height: 130px;
                border-radius: 8px;
            }

            .ServiceBot1 .item .image b {
                height: 24px;
                line-height: 24px;
                font-size: 15px;
                color: #fff;
                display: block;
                text-align: center;
                overflow: hidden;
            }

        .ServiceBot1 .item p {
            margin-top: 10px;
            height: 16px;
            line-height: 16px;
            font-size: 15px;
            color: #888;
            overflow: hidden;
        }

.Tophead li.mobile .hover {
    background-image: -moz-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 43%);
    background-image: -webkit-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 43%);
    background-image: -ms-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 43%);
    box-shadow: 0px 10px 20px 0px rgba(150, 153, 158, 0.32);
}

    .Tophead li.mobile .hover::after {
        display: none;
    }
/* weixin */
.ServiceBot2 {
    height: 220px;
    width: 740px;
    background-image: -moz-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 48%);
    background-image: -webkit-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 48%);
    background-image: -ms-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 48%);
    box-shadow: 0px 10px 20px 0px rgba(150, 153, 158, 0.32);
    border-radius: 0 0 8px 8px;
    overflow: hidden;
}

    .ServiceBot2 .gzRight {
        width: 440px;
        border-left: 1px solid #f3f3f3;
        float: right;
    }

        .ServiceBot2 .gzRight a {
            height: 110px;
            padding: 65px 20px 27px;
            line-height: 18px;
            font-size: 14px;
            color: #333;
            width: 25%;
            text-align: center;
            box-sizing: border-box;
            position: relative;
            float: left;
            cursor: pointer;
        }

            .ServiceBot2 .gzRight a:nth-child(1)::after,
            .ServiceBot2 .gzRight a:nth-child(2)::after,
            .ServiceBot2 .gzRight a:nth-child(3)::after,
            .ServiceBot2 .gzRight a:nth-child(4)::after {
                position: absolute;
                content: '';
                left: 0;
                right: 0;
                bottom: 0;
                height: 1px;
                background-color: #f3f3f3;
            }

            .ServiceBot2 .gzRight a::before {
                position: absolute;
                content: '';
                top: 0;
                right: 0;
                bottom: 0;
                width: 1px;
                background-color: #f3f3f3;
            }

            .ServiceBot2 .gzRight a:nth-child(4n)::before {
                display: none;
            }

            .ServiceBot2 .gzRight a i {
                position: absolute;
                top: 27px;
                left: 50%;
                transform: translateX(-50%);
                width: 28px;
                height: 31px;
                background: url() no-repeat;
                background-size: 100% 100% !important;
                display: inline-block;
                vertical-align: top;
            }

            .ServiceBot2 .gzRight a:nth-child(2) i {
                width: 28px;
                height: 32px;
                background: url() no-repeat;
            }

            .ServiceBot2 .gzRight a:nth-child(3) i {
                width: 28px;
                height: 32px;
                background: url() no-repeat;
            }

            .ServiceBot2 .gzRight a:nth-child(4) i {
                width: 63px;
                height: 28px;
                background: url() no-repeat;
            }

            .ServiceBot2 .gzRight a:nth-child(5) i {
                width: 28px;
                height: 24px;
                background: url() no-repeat;
            }

            .ServiceBot2 .gzRight a:nth-child(6) i {
                width: 41px;
                height: 28px;
                background: url() no-repeat;
            }

            .ServiceBot2 .gzRight a:nth-child(7) i {
                width: 32px;
                height: 32px;
                background: url() no-repeat;
            }

            .ServiceBot2 .gzRight a:nth-child(8) i {
                width: 32px;
                height: 32px;
                background: url() no-repeat;
            }

            .ServiceBot2 .gzRight a.focus, .ServiceBot2 .gzRight a:hover {
                z-index: 999;
                background-color: #fff;
                box-shadow: 0px 2px 12px 0px rgba(40, 40, 40, 0.1);
            }

                .ServiceBot2 .gzRight a.focus::after, .ServiceBot2 .gzRight a.focus::before {
                    display: none;
                }

    .ServiceBot2 .zgLeft {
        width: 299px;
        height: 100%;
        float: right;
        position: relative;
        display: none;
    }

        .ServiceBot2 .zgLeft p {
            display: inline-block;
            position: absolute;
            left: 30px;
            top: 50%;
            width: 20px;
            line-height: 28px;
            font-size: 20px;
            color: #c27468;
            transform: translateY(-50%);
        }

        .ServiceBot2 .zgLeft img {
            position: absolute;
            left: 66px;
            top: 50%;
            transform: translateY(-50%);
            width: 180px;
        }

.Tophead li.weixin .hover {
    background-image: -moz-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 48%);
    background-image: -webkit-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 48%);
    background-image: -ms-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 48%);
    box-shadow: 0px 10px 20px 0px rgba(150, 153, 158, 0.32);
}

    .Tophead li.weixin .hover::after {
        display: none;
    }

.divService {
    color: #ddd;
    font-weight: bold;
    position: absolute;
    top: -36px;
    right: 0;
}

    .divService a {
        line-height: 25px;
        color: #666;
        padding: 0 8px;
        font-weight: normal;
        display: inline-block;
    }

        .divService a:first-child {
            color: #fff;
            background-color: #76a244;
            border-radius: 2px;
        }

            .divService a:first-child:hover {
                color: #fff;
            }

    .divService .mobile-app {
        position: relative;
    }

        .divService .mobile-app img {
            position: absolute;
            max-width: 140px;
            max-height: 140px;
            position: absolute;
            top: 40px;
            left: -35px;
            display: none;
            z-index: 999;
        }

    .divService a:hover {
        color: #0093ef;
    }

    .divService a:last-child {
        padding-right: 0;
    }

.top {
    margin: 20px auto 15px;
}

.logo {
    float: left;
    width: 265px;
}
/*鎼滅储妗嗘牱寮�*/



.searchBox {
    width: 606px;
    float: left;
    position: relative;
    margin-left: 84px;
    height: 44px;
    background-color: #138146;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#138146), to(#0093ef));
    background-image: -webkit-linear-gradient(90deg, #138146, #0093ef);
    background-image: -moz-linear-gradient(90deg, #138146, #0093ef);
    background-image: -ms-linear-gradient(90deg, #138146, #0093ef);
    background-image: -o-linear-gradient(90deg, #138146, #0093ef);
    background-image: linear-gradient(90deg, #138146, #0093ef);
    border-radius: 30px;
    margin-top: 9px;
}





    .searchBox .form {
        width: 606px;
        height: 40px;
        border-radius: 40px;
        margin-top: 2px;
    }

        .searchBox .form .select {
            width: 80px;
            height: 100%;
            position: relative;
            float: left;
        }

           .searchBox .form .select .select-top p {
    font-size: 14px;
    line-height: 40px;
    cursor: pointer;
    text-align: center;
    position: relative;
    background: #fff;
    border-radius: 30px 0 0 30px;
    margin-left: 2px;
}

                .searchBox .form .select .select-top p::after {
                    content: "";
                    position: absolute;
                    right: 0;
                    top: 50%;
                    transform: translateY(-50%);
                    width: 1px;
                    height: 24px;
                    background: #e6e6e6;
                }

            .searchBox .form .select .select-top i {
                display: inline-block;
                font-size: 12px;
                vertical-align: middle;
                position: absolute;
                right: 6px;
                top: 15px;
                transform: scale(0.8);
            }

            .searchBox .form .select .select-top.focus i {
                -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -o-transform: rotate(180deg);
                transform: rotate(180deg) scale(0.8);
                top: 14px;
            }

.search {
    width: 100%;
    height: 46px;
}

.searchBox input {
    width: 413px;
    float: left;
    height: 40px;
    background: #fff;
    border: none;
    outline: none;
    font-size: 14px;
    color: #aaa;
    text-indent: 5px;
}


.searchBox btnSearch {
    width: 115px;
    float: right;
    height: 44px;
    line-height: 44px;
    border: none;
    outline: none;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    margin-top: -2px;
    margin-right: -2px;
    border-radius: 0 40px 40px 0;
    background-color: #048fe5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#048fe5), to(#0093ef));
    background-image: -webkit-linear-gradient(90deg, #048fe5, #0093ef);
    background-image: -moz-linear-gradient(90deg, #048fe5, #0093ef);
    background-image: -ms-linear-gradient(90deg, #048fe5, #0093ef);
    background-image: -o-linear-gradient(90deg, #048fe5, #0093ef);
    background-image: linear-gradient(90deg, #048fe5, #0093ef);
    position: absolute;
    right: 0;
    top: 0;
}


.searchBox button {
    width: 115px;
    float: right;
    height: 44px;
    line-height: 44px;
    border: none;
    outline: none;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    margin-top: -2px;
    margin-right: -2px;
    border-radius: 0 40px 40px 0;
    background-color: #048fe5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#048fe5), to(#0093ef));
    background-image: -webkit-linear-gradient(90deg, #048fe5, #0093ef);
    background-image: -moz-linear-gradient(90deg, #048fe5, #0093ef);
    background-image: -ms-linear-gradient(90deg, #048fe5, #0093ef);
    background-image: -o-linear-gradient(90deg, #048fe5, #0093ef);
    background-image: linear-gradient(90deg, #048fe5, #0093ef);
    position: absolute;
    right: 0;
    top: 0;
}




    .searchBox button i {
        font-size: 14px;
        vertical-align: top;
        margin-right: 5px;
    }

.searchBox ul {
    display: block;
    position: absolute;
    z-index: 9999;
    width: 76px;
    border: 2px solid #0093ef;
    display: block;
    top: 40px;
    left: 0px;
    padding: 5px 0;
    background: #fff;
    display: none;
}

    .searchBox ul li {
        display: block;
        font: normal 14px/22px microsoft yahei;
        color: #333;
        text-align: center;
        line-height: 25px;
    }

        .searchBox ul li:hover {
            background: #0093ef;
            color: #fff;
        }

.topAdv {
    float: right;
    width: 388px;
    position: relative;
}

    .topAdv .Advs {
        position: absolute;
        bottom: -5px;
        right: 0;
        width: 493px;
        height: 85px;
        z-index: -1;
        opacity: 0;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

        .topAdv .Advs img {
            width: 100%;
            height: 100%;
        }

    .topAdv:hover .Advs {
        z-index: 99;
        opacity: 1;
    }

.notice {
    margin: 0 auto 20px;
    font-size: 14px;
    line-height: 25px;
    color: #ddd;
}

    .notice a {
        list-style-type: disc;
        color: #999;
        font-weight: normal;
        margin-right: 100px;
    }

        .notice a:hover {
            color: #24a25e;
        }

        .notice a:last-child {
            margin-right: 0;
        }

    .notice b {
        width: 20px;
        height: 25px;
        background: url("/photoAlbum/templet/common/index/notice.png") no-repeat;
        background-size: contain;
        float: left;
        margin-right: 4px;
    }

    .notice p {
        overflow: hidden;
    }

    .notice a i {
        font-style: normal;
        background: -moz-linear-gradient( 0deg, rgb(0,118,196) 0%, rgb(7,147,236) 100%);
        background: -webkit-linear-gradient( 0deg, rgb(0,118,196) 0%, rgb(7,147,236) 100%);
        background: -ms-linear-gradient( 0deg, rgb(0,118,196) 0%, rgb(7,147,236) 100%);
        height: 22px;
        color: #fff;
        text-align: center;
        line-height: 22px;
        vertical-align: top;
        font-size: 14px;
        display: inline-block;
        padding: 0 5px;
        text-indent: 0;
        margin-top: 2px;
        position: relative;
        margin-right: 9px;
    }

        .notice a i::after {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 4.5px 0 4.5px 6px;
            border-color: transparent transparent transparent #0794eb;
            line-height: 0px;
            _border-color: #000000 #000000 #000000 #0794eb;
            _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
            right: -6px;
            top: 7px;
        }

    .notice a:nth-child(odd) i {
        background: -moz-linear-gradient( 0deg, rgb(237,89,0) 0%, rgb(245,127,0) 100%);
        background: -webkit-linear-gradient( 0deg, rgb(237,89,0) 0%, rgb(245,127,0) 100%);
        background: -ms-linear-gradient( 0deg, rgb(237,89,0) 0%, rgb(245,127,0) 100%);
    }

        .notice a:nth-child(odd) i::after {
            border-color: transparent transparent transparent #f57e00;
            line-height: 0px;
            _border-color: #000000 #000000 #000000 #f57e00;
            _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
        }

/*瀵艰埅鏍�*/
.nav {
    height: 50px;
    line-height: 50px;
    background: #0093ef;
    white-space: nowrap;
}

    .nav ul {
        white-space: nowrap;
    }

        .nav ul li {
            float: left;
            font-size: 18px;
        }

            .nav ul li.shihuan, .nav ul li.new {
                position: relative;
            }

                .nav ul li.shihuan::after {
                    content: '鏄ュ灞曟姤鍚�';
                    position: absolute;
                    right: -14px;
                    top: -5px;
                    display: block;
                    width: 92px;
                    height: 20px;
                    /* background: url("/photoAlbum/templet/common/index/shihuan-ico.png") no-repeat; */
                    background-size: contain;
                    border-radius: 10px 10px 10px 0;
                    background-image: -webkit-linear-gradient( 0deg, #ff7d05 0%, #ff2d27 100%);
                    background-image: -moz-linear-gradient( 0deg, #ff7d05 0%, #ff2d27 100%);
                    background-image: -ms-linear-gradient( 0deg, #ff7d05 0%, #ff2d27 100%);
                    color: #fff;
                    font-size: 12px;
                    line-height: 20px;
                    text-align: center;
                    font-family: "Microsoft YaHei";
                }

                .nav ul li.new::after {
                    content: '';
                    position: absolute;
                    right: -14px;
                    top: -5px;
                    display: block;
                    width: 60px;
                    height: 20px;
                    background: url("/photoAlbum/templet/common/images/new.png") no-repeat;
                    background-size: contain;
                }

        .nav ul li {
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

            .nav ul li a i {
                display: inline-block;
            }

            .nav ul li.active a {
                background: #e4f0ff;
                color: #333333;
            }

            .nav ul li a:hover {
                background: #e4f0ff;
                color: #333333;
            }

                .nav ul li a:hover i {
                    -webkit-animation: jello-vertical 0.7s;
                    animation: jello-vertical 0.7s;
                }

@-webkit-keyframes shake-lr {
    0%, 100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

    10% {
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg);
    }

    20%, 40%, 60% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    30%, 50%, 70% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }

    80% {
        -webkit-transform: rotate(-8deg);
        transform: rotate(-8deg);
    }

    90% {
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg);
    }
}

@keyframes shake-lr {
    0%, 100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

    10% {
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg);
    }

    20%, 40%, 60% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    30%, 50%, 70% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }

    80% {
        -webkit-transform: rotate(-8deg);
        transform: rotate(-8deg);
    }

    90% {
        -webkit-transform: rotate(8deg);
        transform: rotate(8deg);
    }
}

@-webkit-keyframes jello-vertical {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    40% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    50% {
        -webkit-transform: scale3d(0.85, 1.15, 1);
        transform: scale3d(0.85, 1.15, 1);
    }

    65% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    75% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes jello-vertical {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    40% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    50% {
        -webkit-transform: scale3d(0.85, 1.15, 1);
        transform: scale3d(0.85, 1.15, 1);
    }

    65% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    75% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.nav ul li a {
    color: #fff;
    padding: 0 31px;
    display: inline-block;
}

    .nav ul li a i {
        font-size: 20px;
        margin-right: 5px;
        vertical-align: top;
    }

        .nav ul li a i img {
            width: 22px;
            vertical-align: top;
            margin-top: 18px;
        }

.navFn {
    background: #f5f5f5;
    height: 50px;
    line-height: 50px;
    white-space: nowrap;
    overflow: hidden;
    clear: both;
}

    .navFn b {
        float: left;
        display: block;
        font-size: 16px;
        font-weight: normal;
        color: #fe8307;
        padding: 0 30px;
        position: relative;
    }

        .navFn b::after {
            content: '';
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 14px;
            height: 12px;
            background: url("/photoAlbum/templet/common/index/n/avFn-ico.png") no-repeat;
            background-size: contain;
        }

    .navFn p {
        overflow: hidden;
    }

        .navFn p a {
            padding: 0 16px;
            font-size: 16px;
            color: #333;
            position: relative;
        }

            .navFn p a::after {
                content: '';
                width: 1px;
                height: 16px;
                background: #bababa;
                position: absolute;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
            }

            .navFn p a:last-child {
                padding-right: 0px;
            }

                .navFn p a:last-child::after {
                    display: none;
                }

            .navFn p a:hover {
                color: #0093ef;
            }
/*瀵艰埅鏍� End*/



.main {
    width: 1380px;
    margin: 50px auto;
}

.part_0 {
    overflow: hidden;
}

.web-live {
    width: 970px;
    float: left;
    margin-right: 60px;
}

.part_0 .title {
    position: relative;
    border-top: 1px solid #ddd;
    padding-top: 15px;
}

    .part_0 .title::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 3px;
        width: 80px;
        background: #0aa344;
    }

    .part_0 .title p {
        font-size: 20px;
        font-weight: bold;
        color: #0aa344;
    }

        .part_0 .title p a {
            color: #333;
        }

        .part_0 .title p i {
            display: inline-block;
            vertical-align: top;
            margin-left: 12px;
            width: 23px;
            height: 12px;
            background: url(/photoAlbum/templet/common/index//version/2022/line.png) no-repeat;
            background-size: contain;
            margin-top: 5px;
        }

    .part_0 .title span {
        position: absolute;
        right: 0;
        top: 15px;
        font-size: 14px;
    }

        .part_0 .title span i {
            color: #0aa344;
            display: inline-block;
            vertical-align: top;
            margin-right: 5px;
        }

.web-live .box {
    margin-top: 22px;
}

    .web-live .box ul {
        margin-top: -22px;
        margin-right: -22px;
        overflow: hidden;
    }

    .web-live .box li {
        float: left;
        width: 250px;
        margin-top: 22px;
    }

        .web-live .box li .item {
            margin-right: 22px;
        }

        .web-live .box li .image {
            height: 0;
            padding-bottom: 56.14%;
            overflow: hidden;
            position: relative;
            border-radius: 6px;
        }

            .web-live .box li .image img {
                max-height: none;
                width: 100%;
                -webkit-transition: all .3s ease;
                -moz-transition: all .3s ease;
                -ms-transition: all .3s ease;
                -o-transition: all .3s ease;
                transition: all .3s ease;
            }

            .web-live .box li .image:hover img {
                -ms-transform: scale(1.05);
                transform: scale(1.05);
            }

            .web-live .box li .image mark {
                position: absolute;
                right: 10px;
                top: 10px;
                padding: 0 6px;
                border-radius: 2px;
                font-size: 14px;
                color: #fff;
                line-height: 25px;
                background-color: #f1472b;
            }

                .web-live .box li .image mark.notice {
                    background-color: #fb9957;
                }

                .web-live .box li .image mark.replay {
                    background-color: #0396ff;
                }

                .web-live .box li .image mark.liveing b {
                    width: 16px;
                    height: 16px;
                    display: inline-block;
                    background: url("/photoAlbum/templet/common/public/zhibo-icon.gif") no-repeat;
                    margin-top: 5px;
                    vertical-align: top;
                    margin-right: 2px;
                    background-size: contain;
                }

            .web-live .box li .image i, .web-video .hot-video li .image i {
                position: absolute;
                bottom: 34px;
                left: 10px;
                width: 30px;
                height: 30px;
                line-height: 30px;
                text-indent: 4px;
                border-radius: 50%;
                background-color: rgba(255,255,255,.8);
                color: #0aa344;
                font-size: 12px;
                text-align: center;
            }

    .web-live .box .image p, .web-video .hot-video li .image p {
        position: absolute;
        height: 94px;
        width: 100%;
        left: 0;
        bottom: 0;
        background-image: -moz-linear-gradient( 90deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 100%);
        background-image: -webkit-linear-gradient( 90deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 100%);
        background-image: -ms-linear-gradient( 90deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 100%);
    }

        .web-live .box .image p span, .web-video .hot-video li .image p span {
            color: #fff;
            position: absolute;
            padding: 0 10px;
            box-sizing: border-box;
            font-size: 14px;
            line-height: 16px;
            height: 16px;
            overflow: hidden;
            bottom: 10px;
            left: 0;
        }

    .web-live .box li:first-of-type {
        width: 492px;
    }

        .web-live .box li:first-of-type .image {
            padding-bottom: 59.14%;
        }

            .web-live .box li:first-of-type .image i {
                bottom: 40px;
                width: 36px;
                height: 36px;
                line-height: 36px;
                font-size: 15px;
            }

            .web-live .box li:first-of-type .image p span {
                font-size: 16px;
                line-height: 18px;
                height: 18px;
                bottom: 12px;
            }

.web-video {
    overflow: hidden;
}

    .web-video .hot-video {
        margin-top: 22px;
    }

        .web-video .hot-video dl {
            margin-top: 20px;
            overflow: hidden;
            line-height: 18px;
            height: 18px;
            font-size: 16px;
        }

            .web-video .hot-video dl:first-child {
                margin-top: 0;
            }

        .web-video .hot-video dt {
            float: left;
            font-weight: bold;
            padding-right: 7px;
            margin-right: 7px;
            position: relative;
        }

        .web-video .hot-video dl dt a {
            color: #253e6d;
        }

        .web-video .hot-video dt i {
            font-size: 16px;
            font-weight: normal;
            margin-right: 8px;
            color: #0aa344;
            display: inline-block;
            vertical-align: top;
            margin-top: 1px;
        }

        .web-video .hot-video dt::after {
            content: "";
            position: absolute;
            right: 0;
            top: 1px;
            height: 16px;
            width: 1px;
            background-color: #dddddd;
        }

        .web-video .hot-video dl a {
            color: #333;
        }

            .web-video .hot-video dl a:hover {
                color: #0aa344;
            }

        .web-video .hot-video ul {
            overflow: hidden;
            margin-top: 18px;
            margin-right: -14px;
        }

        .web-video .hot-video li {
            float: left;
            width: 50%;
        }

            .web-video .hot-video li .item {
                margin-right: 14px;
            }

            .web-video .hot-video li .image {
                border-radius: 6px;
                overflow: hidden;
                padding-bottom: 56.14%;
                height: 0;
                position: relative;
            }

                .web-video .hot-video li .image img {
                    max-height: none;
                    width: 100%;
                    -webkit-transition: all .3s ease;
                    -moz-transition: all .3s ease;
                    -ms-transition: all .3s ease;
                    -o-transition: all .3s ease;
                    transition: all .3s ease;
                }

                .web-video .hot-video li .image:hover img {
                    -ms-transform: scale(1.05);
                    transform: scale(1.05);
                }


/*part1*/
.part1 {
    margin-top: 18px;
}

.product-classify {
    width: 282px;
    float: left;
}

.pro-title {
    height: 50px;
    line-height: 50px;
    background: #0093ef;
    padding: 0 25px;
}

    .pro-title b {
        display: block;
        font-size: 18px;
        color: #fff;
        position: relative;
    }

        .pro-title b i {
            width: 18px;
            height: 14px;
            display: inline-block;
            right: 0;
            background: url("/photoAlbum/templet/common/index/pro-title-ico.png") no-repeat;
            background-size: cover;
        }

.product-classify ul li {
    background: #f7f7f7;
    box-sizing: border-box;
    height: 74px;
    border-bottom: 1px solid #e8e8e8;
    padding: 15px 23px 0 25px;
    position: relative;
}

    .product-classify ul li.hover .class-a i {
        -webkit-animation: slide-in-left1 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;
        animation: slide-in-left1 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;
    }

.class-a p {
    font-size: 16px;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    position: relative;
}

    .class-a p i {
        right: 0;
        font-weight: normal;
        font-size: 12px;
        color: #999;
    }

    .class-a p a {
        color: #333;
    }

        .class-a p a:hover {
            color: #0093ef;
        }

.class-a span {
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    display: block;
}

    .class-a span a {
        color: #999;
        margin-right: 13px;
    }

        .class-a span a:hover {
            color: #0093ef;
        }

.class-b {
    position: absolute;
    width: 1168px;
    min-height: 592px;
    background: #fff;
    box-shadow: 0px 0px 4px 0px rgba(49, 49, 49, 0.2);
    left: 282px;
    top: 0;
    padding: 10px 0 0 0;
    box-sizing: border-box;
    z-index: 99;
    display: none;
}

.product-classify ul li.hover .class-b {
    display: block;
}

.product-classify ul li.hover {
    background: #fff;
    box-shadow: 0px 0px 8px 0px rgba(49, 49, 49, 0.2);
    border-bottom: none;
    z-index: 10;
}

    .product-classify ul li.hover .class-a p i {
        color: #0093ef;
    }

    .product-classify ul li.hover .class-a p a {
        color: #0093ef;
    }

.class-b.t2 {
    top: -74px;
}

.class-b.t3 {
    top: -148px;
}

.class-b.t4 {
    top: -222px;
}

.class-b.t5 {
    top: -296px;
}

.class-b.t6 {
    top: -370px;
}

.class-b.t7 {
    top: -444px;
}

.class-b.t8 {
    top: -518px;
}

.product-classify ul li:last-child {
    border-bottom: none;
}

.class-txt {
    overflow: hidden;
    width: 810px;
    float: left;
}

    .class-txt .item {
        width: 365px;
        float: left;
        padding: 22px 0 10px 0px;
        margin-left: 40px;
    }

        .class-txt .item .class-c {
            height: 26px;
            font-size: 16px;
            line-height: 26px;
            font-weight: 700;
            position: relative;
            margin-bottom: 10px;
            border-bottom: 1px solid #e6e6e6;
            padding-bottom: 8px;
        }

            .class-txt .item .class-c b {
                position: relative;
                padding-left: 12px;
            }

                .class-txt .item .class-c b::after {
                    content: '';
                    position: absolute;
                    left: 0;
                    top: 50%;
                    transform: translateY(-50%);
                    width: 4px;
                    height: 16px;
                    background: #0093ef;
                }

            .class-txt .item .class-c a {
                color: #333;
            }

                .class-txt .item .class-c a:hover {
                    color: #0093ef;
                }

            .class-txt .item .class-c .more {
                position: absolute;
                right: 0;
                top: 0;
                font-weight: normal;
                color: #999;
                font-size: 14px;
            }

        .class-txt .item p {
            font-size: 14px;
            height: 28px;
            overflow: hidden;
            text-indent: -10px;
            color: #ededed;
        }

            .class-txt .item p a {
                line-height: 28px;
                color: #333;
                margin: 0 10px;
            }

                .class-txt .item p a:hover {
                    color: #0093ef;
                }

.class-adv {
    overflow: hidden;
    padding: 20px 62px 0 60px;
}

    .class-adv .item {
        border: 3px solid #f90;
        border-image: -webkit-linear-gradient(90deg, #FCCF31, #F55555) 20 20;
        border-image: -moz-linear-gradient(90deg, #FCCF31, #F55555) 20 20;
        border-image: -o-linear-gradient(90deg, #FCCF31, #F55555) 20 20;
        border-image: linear-gradient(90deg, #FCCF31, #F55555) 20 20;
        padding: 10px;
        text-align: center;
        box-sizing: border-box;
    }

        .class-adv .item:last-child {
            margin-top: 15px;
        }

        .class-adv .item img {
            width: 100%;
        }

        .class-adv .item p {
            font-size: 14px;
            height: 22px;
            line-height: 22px;
            overflow: hidden;
            margin-top: 8px;
            font-weight: bold;
        }

            .class-adv .item p a {
                color: #333;
            }

        .class-adv .item span {
            font-size: 14px;
            line-height: 20px;
            height: 20px;
            overflow: hidden;
            display: block;
            color: #999;
        }

            .class-adv .item span a {
                color: #999;
            }

        .class-adv .item a:hover {
            color: #0093ef;
        }

.news {
    width: 766px;
    float: left;
    margin-left: 24px;
}

.news-nav {
    height: 55px;
    line-height: 55px;
    position: relative;
}

    .news-nav a {
        display: inline-block;
        width: 20%;
        text-align: center;
        font-size: 22px;
        color: #333;
        background: #f7f7f7;
        position: relative;
    }

        .news-nav a.focus {
            background: #fff;
            color: #0093ef;
            font-weight: normal;
        }

        .news-nav a::after {
            content: "";
            position: absolute;
            width: 1px;
            height: 21px;
            background: #ededed;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
        }

        .news-nav a.focus::after {
            display: none;
        }

        .news-nav a:last-child::after {
            display: none;
        }

    .news-nav .followTab {
        position: absolute;
        top: 0;
        left: 0;
        width: 20%;
        height: 3px;
        background: #0093ef;
    }

        .news-nav .followTab i {
            width: 14px;
            height: 14px;
            top: -6px;
            /*
	background: url('/photoAlbum/templet/common/index/downarrow.png') no-repeat;
	background-size: cover;*/
        }

.news-list {
    display: none;
}

.news-top {
    background: #f7f7f7;
    padding: 25px;
    margin-top: 25px;
}

    .news-top b {
        display: block;
        font-size: 24px;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        text-align: center;
    }

    .news-top p {
        font-size: 14px;
        color: #999;
        line-height: 22px;
        height: 44px;
        overflow: hidden;
        margin-top: 14px;
    }

        .news-top p a {
            color: #e4f0ff;
        }

    .news-top b a {
        color: #0093ef;
    }

    .news-top b i {
        font-size: 26px;
        color: #f8514c;
        margin-right: 8px;
    }

.newsTop ul {
    padding: 16px 0;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
}

    .newsTop ul::after {
        content: "";
        width: 38px;
        height: 11px;
        display: block;
        position: absolute;
        left: 50%;
        bottom: -6px;
        transform: translateX(-50%);
        background: url('/photoAlbum/templet/common/index/news-top-ico.png') no-repeat;
    }

    .newsTop ul li {
        font-size: 16px;
        width: 50%;
        height: 36px;
        line-height: 36px;
        overflow: hidden;
        padding: 0 18px;
        box-sizing: border-box;
        float: left;
    }

        .newsTop ul li a {
            color: #333;
        }

            .newsTop ul li a:hover {
                color: #0093ef;
            }

.newsBot {
    margin-top: 23px;
}

    .newsBot .item:first-child {
        margin-top: 0;
    }

    .newsBot .item {
        overflow: hidden;
        margin-top: 16px;
    }

    .newsBot .image {
        width: 182px;
        height: 122px;
        margin-right: 24px;
        float: left;
        border-radius: 3px;
        overflow: hidden;
    }

        .newsBot .image img {
            width: 100%;
            height: 100%;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -ms-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
            border-radius: 3px;
        }

        .newsBot .image:hover img {
            -ms-transform: scale(1.10);
            transform: scale(1.10);
        }

    .newsBot ul {
        overflow: hidden;
        padding: 7px 0;
    }

        .newsBot ul li {
            font-size: 16px;
            height: 36px;
            line-height: 36px;
            overflow: hidden;
            position: relative;
            padding-right: 45px;
        }

            .newsBot ul li span {
                position: absolute;
                right: 0;
                top: 0;
                color: #999;
                font-size: 14px;
            }

            .newsBot ul li:first-child {
                font-weight: bold;
                font-size: 18px;
            }

                .newsBot ul li:first-child span {
                    font-weight: normal;
                }

            .newsBot ul li a {
                color: #333;
            }

                .newsBot ul li a:hover {
                    color: #0093ef;
                }

.media {
    float: right;
    width: 354px;
}

.rightAdv {
    height: 290px;
}

.imgSwitch {
    width: 100%;
}

.imgSwitchTop {
    width: 100%;
    margin: 0 auto;
    height: 200px;
    overflow: hidden;
    display: none;
    background: #eeeeee;
}

    .imgSwitchTop img {
        width: 100%;
        height: 190px;
    }

.imgSwitchBot {
    width: 100%;
    height: 90px;
    position: relative;
    background: #f2f2f2;
}

    .imgSwitchBot ul {
        position: absolute;
        top: -35px;
        left: 15px;
    }

        .imgSwitchBot ul li {
            width: 70px;
            float: left;
            margin: 0 7px;
            position: relative;
        }

            .imgSwitchBot ul li img {
                width: 68px;
                height: 68px;
                border-radius: 50%;
                border: 2px solid transparent;
            }

            .imgSwitchBot ul li.hover img {
                border: 2px solid #0093ef;
            }

            .imgSwitchBot ul li p {
                height: 26px;
                line-height: 26px;
                text-align: center;
                font-size: 16px;
                overflow: hidden;
                margin-top: 10px;
            }

                .imgSwitchBot ul li p a {
                    color: #333;
                }

            .imgSwitchBot ul li.hover a {
                color: #0093ef;
                font-weight: bold;
            }

.since-media {
    margin-top: 11px;
}

.media-title {
    height: 40px;
    line-height: 40px;
    position: relative;
    text-align: center;
}

    .media-title .bot {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        width: 100%;
        height: 1px;
        background: #fc8f0e;
    }

        .media-title .bot::after {
            content: '';
            position: absolute;
            display: block;
            width: 267px;
            height: 9px;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            background: #fff url("/photoAlbum/templet/common/index/media-title-bot.png") no-repeat;
            background-size: contain;
        }

    .media-title b {
        height: 37px;
        line-height: 37px;
        font-size: 18px;
        display: inline-block;
        color: #0093ef;
        position: relative;
        z-index: 9;
    }

        .media-title b span {
            color: #fff;
            margin: 0 2px;
            width: 40px;
            text-align: center;
            height: 36px;
            line-height: 36px;
            display: inline-block;
            background: url("/photoAlbum/templet/common/index/media-title-bg.png") no-repeat;
            background-size: contain;
        }

    .media-title .more {
        font-size: 14px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        color: #e4f0ff;
        width: 66px;
        height: 20px;
        line-height: 20px;
        border: 1px solid #ffe3c8;
        background: #ffefde;
        z-index: -9;
        opacity: 0;
    }

    .media-title:hover .more {
        opacity: 1;
        z-index: 9;
    }

.since-media ul li {
    height: 100px;
    border-bottom: 1px solid #eee;
    padding-top: 13px;
    box-sizing: border-box;
}

    .since-media ul li .image {
        width: 67px;
        height: 67px;
        border: 1px solid #e2e2e2;
        border-radius: 50%;
        position: relative;
        overflow: hidden;
        float: left;
        margin: 0 15px 0 4px;
    }

    .since-media ul li .text {
        overflow: hidden;
        position: relative;
    }

        .since-media ul li .text b {
            font-size: 16px;
            height: 26px;
            line-height: 26px;
            display: block;
            overflow: hidden;
        }

        .since-media ul li .text .follow {
            position: absolute;
            right: 0;
            top: 0;
        }

            .since-media ul li .text .follow a {
                display: block;
                padding: 0 10px;
                height: 28px;
                line-height: 26px;
                box-sizing: border-box;
                border: 1px solid #e4f0ff;
                color: #e4f0ff;
                font-size: 14px;
                border-radius: 18px;
                font-weight: normal;
            }

                .since-media ul li .text .follow a.focus {
                    border-color: #dddddd;
                    color: #999;
                }

                .since-media ul li .text .follow a:hover {
                    color: #fff;
                    background-color: #e4f0ff;
                    border-color: #e4f0ff;
                }

        .since-media ul li .text b i {
            color: #f1623b;
            font-size: 16px;
            margin-left: 8px;
            vertical-align: top;
        }

        .since-media ul li .text b a {
            color: #333;
        }

            .since-media ul li .text b a:hover, .since-media ul li .text p a:hover {
                color: #0093ef;
            }

        .since-media ul li .text p {
            color: #999;
            height: 40px;
            line-height: 20px;
            overflow: hidden;
            font-size: 14px;
            margin-top: 7px;
        }

            .since-media ul li .text p a {
                color: #999;
            }

            .since-media ul li .text p i {
                font-size: 12px;
                margin-right: 4px;
            }

    .since-media ul li:last-child {
        border-bottom: none;
    }
/*part1 End*/
/*part2*/
.part2 {
    margin-top: 25px;
    padding: 35px 0;
    background: #1c804f;
    background: url('/photoAlbum/templet/common/index/part2-bg.jpg') no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.part2-left {
    width: 918px;
    float: left;
    height: 517px;
}

    .part2-left .image {
        height: 100%;
        border-radius: 5px;
        position: relative;
        overflow: hidden;
    }

        .part2-left .image img {
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -ms-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
        }

        .part2-left .image:hover img {
            -ms-transform: scale(1.10);
            transform: scale(1.10);
        }

        .part2-left .image b {
            display: block;
            width: 98px;
            height: 98px;
            border-radius: 50%;
            background: #e7effc;
        }

        .part2-left .image a {
            cursor: pointer;
        }

            .part2-left .image a.bof {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                z-index: 10;
            }

#Iframe3 {
    z-index: 9;
    position: relative;
}

.part2-left .image i {
    font-size: 110px;
    line-height: 98px;
    text-align: center;
    margin-left: 3px;
    color: #fff;
    font-weight: normal;
}

.part2-left .image mark {
    position: absolute;
    top: 12px;
    right: 12px;
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    background-color: #2e7d42;
    padding: 6px 12px;
    border-radius: 4px;
    z-index: 10;
}

    .part2-left .image mark span {
        margin-left: 6px !important;
        position: relative;
    }

        .part2-left .image mark span::after {
            content: "";
            position: absolute;
            left: -4px;
            top: 2.5px;
            width: 1px;
            height: 12px;
            background-color: #fff;
        }

    .part2-left .image mark.Replay {
        background-color: #ff8233;
    }

    .part2-left .image mark.Live {
        background-color: #3fa9ff;
    }

.part2-left .image p {
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 0px;
    right: 0px;
    padding: 35px 15px 10px 15px;
    font-size: 22px;
    overflow: hidden;
    color: #fff;
    font-weight: normal;
    border-radius: 0 0 5px 5px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(30,30,30,1)));
    background-image: -webkit-linear-gradient(180deg, rgba(0,0,0,0), rgba(30,30,30,1));
    background-image: -moz-linear-gradient(180deg, rgba(0,0,0,0), rgba(30,30,30,1));
    background-image: -ms-linear-gradient(180deg, rgba(0,0,0,0), rgba(30,30,30,1));
    background-image: -o-linear-gradient(180deg, rgba(0,0,0,0), rgba(30,30,30,1));
    background-image: linear-gradient(180deg, rgba(0,0,0,0), rgba(30,30,30,1));
}

    .part2-left .image p a {
        height: 36px;
        line-height: 36px;
        overflow: hidden;
        display: block;
        font-weight: normal;
        color: #fff;
    }

.part2-right {
    width: 500px;
    float: right;
}

    .part2-right .part2-tab {
        border-bottom: 2px solid rgba(255,255,255,.25);
        padding-top: 2px;
        box-sizing: border-box;
        text-align: center;
        font-size: 0;
    }

        .part2-right .part2-tab i {
            font-weight: normal;
            font-size: 26px;
            margin-right: 6px;
        }

        .part2-right .part2-tab a {
            display: inline-block;
            font-size: 24px;
            padding: 0 10px;
            height: 46px;
            color: #fff;
            position: relative;
        }

            .part2-right .part2-tab a::before {
                content: "";
                position: absolute;
                left: 50%;
                bottom: -3px;
                transform: translateX(-50%);
                width: 0;
                height: 4px;
                background-color: #ffc05e;
                -webkit-transition: all .3s ease;
                -moz-transition: all .3s ease;
                -ms-transition: all .3s ease;
                -o-transition: all .3s ease;
                transition: all .3s ease;
            }

            .part2-right .part2-tab a::after {
                content: "";
                position: absolute;
                left: 50%;
                bottom: -11px;
                transform: translateX(-50%);
                opacity: 0;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 8px 6px 0 6px;
                border-color: #ffc05e transparent transparent transparent;
                -webkit-transition: all .3s ease;
                -moz-transition: all .3s ease;
                -ms-transition: all .3s ease;
                -o-transition: all .3s ease;
                transition: all .3s ease;
            }

            .part2-right .part2-tab a.focus {
                font-weight: bold;
            }

                .part2-right .part2-tab a.focus::before {
                    width: 100%;
                }

                .part2-right .part2-tab a.focus::after {
                    opacity: 1;
                }

.part2-bot {
    display: none;
}

.part2-right ul {
    overflow: hidden;
    margin: -10px;
    margin-top: 10px;
}

    .part2-right ul li {
        width: 50%;
        float: left;
        padding: 10px;
        box-sizing: border-box;
    }

        .part2-right ul li .image {
            position: relative;
            height: 136px;
            overflow: hidden;
            border-radius: 5px;
        }

            .part2-right ul li .image img {
                height: 100%;
                -webkit-transition: all .3s ease;
                -moz-transition: all .3s ease;
                -ms-transition: all .3s ease;
                -o-transition: all .3s ease;
                transition: all .3s ease;
            }

            .part2-right ul li .image p {
                position: absolute;
                z-index: 5;
                bottom: 0;
                left: 0px;
                right: 0px;
                padding: 25px 12px 10px 12px;
                font-size: 16px;
                overflow: hidden;
                color: #fff;
                font-weight: normal;
                border-radius: 0 0 5px 5px;
            }

            .part2-right ul li .image strong {
                height: 18px;
                line-height: 20px;
                overflow: hidden;
                display: block;
                font-weight: normal;
            }

            .part2-right ul li .image:hover img {
                -ms-transform: scale(1.10);
                transform: scale(1.10);
            }
/*part2 End*/
/*part3*/
.part3 {
    margin-top: 30px;
}

.switch {
    position: relative;
}

    .switch .swiper-button-next1 {
        right: -70px;
        cursor: pointer;
    }

    .switch .swiper-button-prev1 {
        cursor: pointer;
        left: -70px;
        -webkit-transform: translateY(-50%) rotate(180deg);
        -ms-transform: translateY(-50%) rotate(180deg);
        -o-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg);
    }

    .switch .swiper-button-next1 i {
        font-size: 45px;
        color: #dcdcdc;
    }

    .switch .swiper-button-prev1 i {
        font-size: 45px;
        color: #dcdcdc;
    }

.part3 .partSwitch {
    overflow: hidden;
    display: none;
}

    .part3 .partSwitch ul li {
        width: 20%;
        float: left;
        box-sizing: border-box;
    }

        .part3 .partSwitch ul li .image {
            height: 154px;
            position: relative;
            overflow: hidden;
            border-radius: 6px 6px 0 0;
        }

            .part3 .partSwitch ul li .image b {
                position: absolute;
                top: 12px;
                right: 12px;
                font-size: 12px;
                color: #fff;
                font-weight: normal;
                background-color: #ff7505;
                background-image: -webkit-gradient(linear, left top, left bottom, from(#ff7505), to(#ffa200));
                background-image: -webkit-linear-gradient(90deg, #ff7505, #ffa200);
                background-image: -moz-linear-gradient(90deg, #ff7505, #ffa200);
                background-image: -ms-linear-gradient(90deg, #ff7505, #ffa200);
                background-image: -o-linear-gradient(90deg, #ff7505, #ffa200);
                background-image: linear-gradient(90deg, #ff7505, #ffa200);
                padding: 5px 8px;
                border-radius: 4px;
            }

            .part3 .partSwitch ul li .image img {
                width: 100%;
                height: 100%;
                -webkit-transition: all .3s ease;
                -moz-transition: all .3s ease;
                -ms-transition: all .3s ease;
                -o-transition: all .3s ease;
                transition: all .3s ease;
            }

            .part3 .partSwitch ul li .image:hover img {
                -ms-transform: scale(1.10);
                transform: scale(1.10);
            }

        .part3 .partSwitch ul li .text {
            height: 80px;
            background: #f7f7f7;
            border-radius: 0 0 6px 6px;
            padding: 15px 10px 0 10px;
            box-sizing: border-box;
        }

            .part3 .partSwitch ul li .text p {
                height: 24px;
                line-height: 24px;
                overflow: hidden;
                font-size: 16px;
                font-weight: bold;
            }

                .part3 .partSwitch ul li .text p a {
                    color: #333;
                }

                    .part3 .partSwitch ul li .text p a:hover {
                        color: #0093ef;
                    }

            .part3 .partSwitch ul li .text span {
                font-size: 14px;
                color: #999;
                display: block;
                height: 24px;
                line-height: 24px;
                margin-top: 5px;
                overflow: hidden;
            }

                .part3 .partSwitch ul li .text span i {
                    font-size: 14px;
                    margin-right: 5px;
                }
/*part3 End*/




/*part4*/
.part-title {
    text-align: left;
    height: 55px;
    position: relative;
    margin: 10px 0 25px 0;
}

    .part-title p strong {
        color: #eaeaea;
        font-size: 18px;
    }

    .part-title b {
        font-size: 20px;
        letter-spacing: 3px;
        position: absolute;
        bottom: 10px;
    }

        .part-title b a {
            color: #333;
        }


    .part-title .titlebg {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 45px;
        background: url("/photoAlbum/templet/common/index/titlebg.png") no-repeat;
        background-size: auto;
        /*background-size: contain;*/
    }

    .part-title .left {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 566px;
        height: 32px;
        background: url("") no-repeat;
        background-size: contain;
    }

    .part-title .right {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 566px;
        height: 32px;
        background: url("") no-repeat;
        background-size: contain;
    }

.product {
    width: 1067px;
    float: left;
}

.pro-nav {
    height: 55px;
    line-height: 55px;
    font-size: 16px;
    overflow: hidden;
    position: relative;
    padding: 0 20px !important;
    display: none;
}

    .pro-nav::after {
        content: "";
        height: 1px;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #f2f2f2;
    }

    .pro-nav a {
        color: #333;
        text-align: center;
    }

        .pro-nav a.focus {
            color: #0093ef;
            font-weight: bold;
        }

            .pro-nav a.focus i {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 3px;
                background: #0093ef;
                z-index: 99;
            }

                .pro-nav a.focus i::after {
                    position: absolute;
                    left: 50%;
                    transform: translateX(-50%);
                    content: "";
                    width: 14px;
                    height: 14px;
                    top: -4px;
                    /*background: url('/photoAlbum/templet/common/index/downarrow.png') no-repeat;*/
                    background-size: cover;
                }

    .pro-nav .swiper-button-next2 {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 20px;
        cursor: pointer;
        z-index: 99;
        background: #fff;
    }

    .pro-nav .swiper-button-prev2 {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 20px;
        cursor: pointer;
        z-index: 99;
        background: #fff;
    }

    .pro-nav .swiper-button-next2 i {
        left: 6px;
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 4px 0 4px 6px;
        border-color: transparent transparent transparent #cccccc;
    }

    .pro-nav .swiper-button-prev2 i {
        right: 6px;
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 4px 6px 4px 0;
        border-color: transparent #cccccc transparent transparent;
    }

.pro-list {
    display: none;
    margin-top: 10px;
}

    .pro-list ul {
        overflow: hidden;
        margin: -9px -12px;
    }

        .pro-list ul li {
            width: 25%;
            float: left;
            padding: 9px 12px;
            box-sizing: border-box;
        }

            .pro-list ul li .image {
                height: 223px;
                background: #f7f7f7;
                position: relative;
            }

                .pro-list ul li .image img {
                    width: 100%;
                    height: 100%;
                }

            .pro-list ul li p {
                font-size: 16px;
                text-align: center;
                height: 24px;
                line-height: 24px;
                overflow: hidden;
                margin-top: 9px;
            }

                .pro-list ul li p a {
                    color: #333;
                }

                    .pro-list ul li p a:hover {
                        color: #0093ef;
                    }

            .pro-list ul li span {
                color: #999;
                display: block;
                text-align: center;
                font-size: 14px;
                height: 20px;
                line-height: 20px;
                overflow: hidden;
            }

            .pro-list ul li .xun {
                height: 34px;
                line-height: 34px;
                background: #0093ef;
                border: 1px solid #0093ef;
                margin-top: 8px;
                font-weight: bold;
            }

            .pro-list ul li .price {
                text-align: center;
                width: 160px;
                float: left;
                color: #fff;
                font-size: 18px;
            }

            .pro-list ul li .more {
                display: block;
                overflow: hidden;
                text-align: center;
                background: #fff;
                color: #e4f0ff;
                font-size: 14px;
            }

.business {
    width: 354px;
    float: right;
}

.business-title {
    position: relative;
    height: 55px;
    line-height: 55px;
}

    .business-title b {
        font-size: 22px;
        color: #333;
    }

        .business-title b i {
            display: inline-block;
            width: 28px;
            height: 28px;
            background: url('/photoAlbum/templet/common/index/business-ico.png') no-repeat;
            background-size: cover;
            vertical-align: top;
            margin-top: 13px;
            margin-right: 9px;
        }

.business-nav {
    position: absolute;
    right: 0;
    top: 0;
    height: 55px;
    line-height: 55px;
    font-size: 18px;
}

    .business-nav a {
        color: #999;
        width: 50px;
        display: block;
        float: left;
        text-align: center;
        margin-left: 20px;
        position: relative;
    }

        .business-nav a:first-child {
            margin-left: 0;
        }

        .business-nav a.focus {
            color: #0093ef;
            font-weight: bold;
        }

            .business-nav a.focus i {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 3px;
                background: #0093ef;
                z-index: 99;
            }

                .business-nav a.focus i::after {
                    position: absolute;
                    left: 50%;
                    transform: translateX(-50%);
                    content: "";
                    width: 14px;
                    height: 14px;
                    top: -4px;
                    /*background: url('/photoAlbum/templet/common/index/downarrow.png') no-repeat;*/
                    background-size: cover;
                }

.business-title::after {
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #f2f2f2;
}

.business-list {
    display: none;
    margin-top: 10px;
}

    .business-list ul li {
        position: relative;
    }

        .business-list ul li p {
            height: 54px;
            line-height: 54px;
            overflow: hidden;
            font-size: 16px;
            padding-left: 30px;
            padding-right: 38px;
            border-bottom: 1px #e6e6e6 dashed;
        }

            .business-list ul li p em {
                width: 24px;
                height: 22px;
                display: block;
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
                background: url("/photoAlbum/templet/common/index/business-ico4.png") no-repeat;
                background-size: contain;
                text-align: center;
                line-height: 22px;
                color: #fff;
                font-style: normal;
                font-size: 14px;
                text-indent: -2px;
            }

        .business-list ul li:nth-child(1) p em {
            background: url("/photoAlbum/templet/common/index/business-ico1.png") no-repeat;
            background-size: contain;
        }

        .business-list ul li:nth-child(2) p em {
            background: url("/photoAlbum/templet/common/index/business-ico2.png") no-repeat;
            background-size: contain;
        }

        .business-list ul li:nth-child(3) p em {
            background: url("/photoAlbum/templet/common/index/business-ico3.png") no-repeat;
            background-size: contain;
        }

.business-list-1 ul li p {
    height: 56px;
    line-height: 56px;
}

.business-list ul li:last-child p {
    border-bottom: none;
}

.business-list ul li p span {
    position: absolute;
    right: 0;
    top: 0;
    color: #999;
    font-size: 14px;
}

.business-list ul li a {
    color: #333;
}

    .business-list ul li a:hover {
        color: #0093ef;
    }

.business-list ul li .item {
    background: #f7f7f7;
    padding: 17px;
    box-sizing: border-box;
    display: none;
}

.business-list ul li .image {
    width: 111px;
    height: 111px;
    float: left;
    margin-right: 20px;
}

    .business-list ul li .image img {
        width: 100%;
    }

.business-list ul li .text {
    overflow: hidden;
}

    .business-list ul li .text b {
        color: #333;
        font-size: 18px;
        display: block;
        height: 24px;
        line-height: 24px;
        overflow: hidden;
        margin-top: 10px;
    }

    .business-list ul li .text span {
        display: block;
        font-size: 14px;
        height: 24px;
        line-height: 24px;
        overflow: hidden;
        color: #999;
        margin-top: 10px;
    }

    .business-list ul li .text strong {
        height: 22px;
        line-height: 22px;
        overflow: hidden;
        display: block;
        font-size: 16px;
        color: #f33026;
        margin-top: 15px;
        position: relative;
        padding-right: 40px;
    }

    .business-list ul li .text em {
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        height: 20px;
        line-height: 20px;
        border: 1px solid #d6d6d6;
        color: #cacaca;
        float: right;
        padding: 0 3px;
        position: absolute;
        right: 0;
        top: 0;
        background: #f7f7f7;
    }

    .business-list ul li .text b a:hover {
        color: #0093ef;
    }

.business-list-1 ul li.active p {
    display: none;
}

.business-list-1 ul li.active .item {
    display: block;
}
/*part4 End*/
/*part5*/
.tech-title {
    height: 55px;
    line-height: 55px;
    position: relative;
    margin-bottom: 8px;
}

.tech {
    width: 355px;
    float: left;
}

.tech-title b {
    font-size: 22px;
}

    .tech-title b i {
        width: 30px;
        height: 28px;
        display: inline-block;
        background: url("/photoAlbum/templet/common/index/tech-ico.png") no-repeat;
        background-size: contain;
        vertical-align: top;
        margin: 13px 10px 0 0;
    }

.tech-title .more {
    position: absolute;
    right: 0;
    top: 0;
    color: #999;
    font-size: 15px;
}

    .tech-title .more:hover {
        color: #0093ef;
    }

.tech-title::after {
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #e6e6e6;
}

.tech .item-top {
    overflow: hidden;
}

    .tech .item-top .image {
        width: 152px;
        height: 102px;
        float: left;
        margin-right: 16px;
        overflow: hidden;
        border-radius: 3px;
    }

        .tech .item-top .image img {
            width: 100%;
            height: 100%;
        }

    .tech .item-top .text {
        overflow: hidden;
    }

        .tech .item-top .text p {
            font-size: 16px;
            height: 56px;
            line-height: 28px;
            overflow: hidden;
            font-weight: bold;
            margin-top: 8px;
        }

        .tech .item-top .text span {
            font-size: 14px;
            color: #999;
            margin-top: 15px;
            display: block;
        }

        .tech .item-top .text p a {
            color: #333;
        }

            .tech .item-top .text p a:hover {
                color: #0093ef;
            }

.tech .item:last-child {
    margin-top: 15px;
}

.tech ul {
    margin-top: 10px;
}

    .tech ul li {
        height: 38px;
        line-height: 38px;
        overflow: hidden;
        font-size: 16px;
        position: relative;
        padding-left: 16px;
    }

        .tech ul li::after {
            content: "";
            position: absolute;
            left: 0px;
            top: 50%;
            transform: translate(0,-50%);
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #ccc;
        }

        .tech ul li a {
            color: #333;
        }

        .tech ul li:hover a {
            color: #0093ef;
        }

        .tech ul li:hover::after {
            background: #0093ef;
        }

.solution {
    width: 683px;
    float: left;
    margin-left: 30px;
}

.solution-title {
    height: 55px;
    line-height: 55px;
    position: relative;
    margin-bottom: 8px;
}

    .solution-title::after {
        content: "";
        height: 1px;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #e6e6e6;
    }

.solution-nav {
    position: absolute;
    left: 0;
    top: 0;
    font-weight: normal;
}


    .solution-nav a {
        color: #999;
        width: 98px;
        font-size: 18px;
        display: inline-block;
        text-align: center;
        margin-right: 30px;
        position: relative;
    }

        .solution-nav a:last-child {
            margin-right: 0;
        }

        .solution-nav a.focus {
            color: #0093ef;
        }

            .solution-nav a.focus i {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 3px;
                background: #0093ef;
                z-index: 99;
            }

                .solution-nav a.focus i::after {
                    position: absolute;
                    left: 50%;
                    transform: translateX(-50%);
                    content: "";
                    width: 14px;
                    height: 14px;
                    top: -6px;
                    /*background: url('/photoAlbum/templet/common/index/downarrow.png') no-repeat;*/
                    background-size: cover;
                }

.solution-right {
    right: 0;
    top: 0;
    position: absolute;
    font-size: 16px;
    white-space: pre;
    color: #999;
}

    .solution-right a {
        color: #999;
    }

        .solution-right a:hover {
            color: #0093ef;
        }

.solution-list {
    display: none;
}

    .solution-list .item-top {
        height: 136px;
        overflow: hidden;
        background: #f7f7f7;
        padding: 24px 30px 0 30px;
        box-sizing: border-box;
        position: relative;
    }

        .solution-list .item-top::after {
            content: "";
            width: 184px;
            height: 189px;
            position: absolute;
            z-index: 0;
            right: 50px;
            top: -20px;
            background: url('/photoAlbum/templet/common/index/item-top.png') no-repeat;
            background-size: cover;
        }

        .solution-list .item-top b {
            display: block;
            font-size: 20px;
            height: 30px;
            line-height: 30px;
            overflow: hidden;
            text-align: center;
            position: relative;
            z-index: 8;
        }

            .solution-list .item-top b a {
                color: #333;
            }

            .solution-list .item-top b i {
                display: inline-block;
                width: 24px;
                height: 19px;
                /*background: url('/photoAlbum/templet/common/index/item-top-ico.png') no-repeat;*/
                background-size: contain;
                vertical-align: top;
                margin-top: 5px;
                margin-right: 5px;
            }

        .solution-list .item-top p {
            height: 44px;
            color: #999;
            font-size: 14px;
            line-height: 22px;
            overflow: hidden;
            margin-top: 15px;
            position: relative;
            z-index: 9;
        }

            .solution-list .item-top p a {
                color: #e4f0ff;
                margin-left: 5px;
            }

        .solution-list .item-top b a:hover {
            color: #0093ef;
        }

    .solution-list ul {
        margin-top: 5px;
    }

        .solution-list ul li {
            font-size: 16px;
            height: 41px;
            line-height: 41px;
            overflow: hidden;
            padding-left: 15px;
            padding-right: 45px;
            position: relative;
        }

            .solution-list ul li em {
                font-style: normal;
                position: absolute;
                right: 0;
                top: 0;
                color: #999;
                font-size: 14px;
            }

            .solution-list ul li span {
                color: #0093ef;
            }

            .solution-list ul li a {
                color: #333;
            }

                .solution-list ul li a:hover {
                    color: #0093ef;
                }

.down {
    width: 354px;
    float: right;
}

.down-title {
    height: 55px;
    line-height: 55px;
    position: relative;
    margin-bottom: 8px;
}

    .down-title::after {
        content: "";
        height: 1px;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #e6e6e6;
    }

    .down-title .more {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 15px;
        color: #999;
    }

        .down-title .more:hover {
            color: #0093ef;
        }

.down-nav a {
    color: #999;
    position: relative;
    display: block;
    float: left;
    width: 98px;
    font-size: 20px;
    text-align: center;
    margin-right: 30px;
    font-weight: normal;
}

    .down-nav a:last-child {
        margin-right: 0;
    }

    .down-nav a.focus {
        color: #0093ef;
        font-weight: normal;
    }

        .down-nav a.focus i {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 3px;
            background: #0093ef;
            z-index: 99;
        }

            .down-nav a.focus i::after {
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                content: "";
                width: 14px;
                height: 14px;
                top: -6px;
                /*background: url('/photoAlbum/templet/common/index/downarrow.png') no-repeat;*/
                background-size: cover;
            }

.down-list {
    display: none;
}

.pro-data ul li {
    height: 148px;
    margin-bottom: 12px;
    background: #f7f7f7;
}

    .pro-data ul li:last-child {
        margin-bottom: 0;
    }

    .pro-data ul li .image {
        width: 115px;
        height: 100%;
        float: left;
        margin-right: 17px;
    }

        .pro-data ul li .image img {
            width: 100%;
            height: 100%;
        }

    .pro-data ul li .text {
        overflow: hidden;
        padding-right: 24px;
    }

        .pro-data ul li .text b {
            font-size: 18px;
            display: block;
            height: 24px;
            line-height: 24px;
            overflow: hidden;
            margin-top: 24px;
            padding-right: 20px;
            position: relative;
        }

            .pro-data ul li .text b i {
                position: absolute;
                top: 0;
                right: 1px;
                color: #e4f0ff;
            }

            .pro-data ul li .text b a {
                color: #333;
            }

                .pro-data ul li .text b a:hover {
                    color: #0093ef;
                }

            .pro-data ul li .text b:hover i {
                -webkit-animation: slide-in-left 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;
                animation: slide-in-left 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite;
            }

@-webkit-keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@-webkit-keyframes slide-in-left1 {
    0% {
        -webkit-transform: translateX(-10px) translateY(-50%);
        transform: translateX(-10px) translateY(-50%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0) translateY(-50%);
        transform: translateX(0) translateY(-50%);
        opacity: 1;
    }
}

@keyframes slide-in-left1 {
    0% {
        -webkit-transform: translateX(-10px) translateY(-50%);
        transform: translateX(-10px) translateY(-50%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0) translateY(-50%);
        transform: translateX(0) translateY(-50%);
        opacity: 1;
    }
}

.pro-data ul li .text p {
    line-height: 20px;
    height: 60px;
    overflow: hidden;
    color: #999;
    margin-top: 20px;
}

.data-down ul li {
    padding: 17px 0 16px 0;
    overflow: hidden;
    border-bottom: 1px #e6e6e6 dashed;
}

    .data-down ul li:first-child {
        padding-top: 0;
    }

    .data-down ul li:last-child {
        padding-bottom: 0;
        border-bottom: none;
    }

    .data-down ul li .image {
        width: 48px;
        height: 48px;
        float: left;
        margin-right: 13px;
        background: #e85758;
        position: relative;
        border-radius: 10px;
    }

        .data-down ul li .image::after {
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 66px 40px 0 0;
            border-color: rgba(255,255,255,0.1) transparent transparent transparent;
        }

        .data-down ul li .image i {
            color: #fff;
            font-size: 22px;
        }

        .data-down ul li .image.pdf {
            background: #e85758;
        }

        .data-down ul li .image.jpg {
            background: #30a860;
        }

        .data-down ul li .image.doc {
            background: #2a97d2;
        }

    .data-down ul li .text {
        overflow: hidden;
    }

        .data-down ul li .text b {
            font-size: 16px;
            font-weight: normal;
            height: 24px;
            line-height: 24px;
            display: block;
            overflow: hidden;
        }

            .data-down ul li .text b a {
                color: #333;
            }

                .data-down ul li .text b a:hover {
                    color: #0093ef;
                }

        .data-down ul li .text p {
            color: #999;
            font-size: 14px;
            height: 20px;
            line-height: 20px;
            overflow: hidden;
            margin-top: 2px;
        }

            .data-down ul li .text p i {
                font-size: 12px;
                vertical-align: top;
                margin: 0 5px 0 2px;
            }
/*part5 End*/
/*part6*/
.exhi-left {
    width: 355px;
    float: left;
}

.exhi-left-top {
    height: 118px;
    padding: 25px 28px;
    box-sizing: border-box;
    font-size: 26px;
    line-height: 35px;
    font-weight: bold;
    background: url('/photoAlbum/templet/common/index/exhi-left-top.jpg') no-repeat;
    background-size: cover;
}

    .exhi-left-top a {
        color: #fff;
    }

.meet-nav {
    height: 60px;
    line-height: 60px;
    position: relative;
}

    .meet-nav p {
        position: absolute;
        z-index: 9;
        width: 100%;
    }

    .meet-nav a {
        width: 33.33%;
        font-size: 18px;
        text-align: center;
        color: #333;
        float: left;
    }

        .meet-nav a.focus {
            font-weight: bold;
            color: #0093ef;
        }

    .meet-nav .followTab {
        width: 33.333%;
        height: 60px;
        background-color: #f2f2f2;
        z-index: 8;
        left: 0;
        top: 0;
        position: absolute;
    }

        .meet-nav .followTab i {
            position: absolute;
            bottom: 4px;
            left: 50%;
            transform: translateX(-50%);
            right: 6px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 6px 6px 0 6px;
            border-color: #0093ef transparent transparent transparent;
        }

.meet-list {
    display: none;
}

    .meet-list ul {
        padding: 11px 20px;
        background-color: #f2f2f2;
    }

        .meet-list ul li {
            height: 49px;
            line-height: 49px;
            overflow: hidden;
            font-size: 16px;
            text-indent: 16px;
            border-bottom: 1px dashed #e7e7e7;
            position: relative;
        }

            .meet-list ul li a {
                color: #333;
                overflow: hidden;
            }

            .meet-list ul li::after {
                content: '';
                width: 5px;
                height: 5px;
                border-radius: 50%;
                background-color: #cccccc;
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
            }

            .meet-list ul li:last-child {
                border: none;
            }

            .meet-list ul li:hover a {
                color: #0093ef;
            }

            .meet-list ul li:hover::after {
                background-color: #0093ef;
            }

.exhi-right-title {
    height: 60px;
    line-height: 60px;
    position: relative;
}

    .exhi-right-title::after {
        content: "";
        height: 1px;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #ddd;
    }

    .exhi-right-title b {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 22px;
    }

        .exhi-right-title b i {
            display: inline-block;
            width: 30px;
            height: 30px;
            background: url('/photoAlbum/templet/common/index/exhi-right-ico.png') no-repeat;
            background-size: contain;
            vertical-align: top;
            margin: 15px 10px 0 0;
        }

    .exhi-right-title .exhi-nav {
        position: absolute;
        top: 0;
        right: 0;
    }

        .exhi-right-title .exhi-nav p a {
            font-size: 18px;
            color: #999;
            font-weight: bold;
            min-width: 70px;
            text-align: center;
            position: relative;
            display: inline-block;
            cursor: pointer;
            padding: 0 16px;
        }

        .exhi-right-title .exhi-nav .followTab {
            position: absolute;
            top: 0;
            left: 0;
            width: 98px;
            height: 3px;
            background: #0093ef;
            z-index: 99;
        }

            .exhi-right-title .exhi-nav .followTab i {
                width: 14px;
                height: 14px;
                top: -6px;
                /*background: url('/photoAlbum/templet/common/index/downarrow.png') no-repeat;*/
                background-size: cover;
            }

        .exhi-right-title .exhi-nav p a.focus i {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 3px;
            background: #0093ef;
            z-index: 99;
        }

            .exhi-right-title .exhi-nav p a.focus i::after {
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                content: "";
                width: 14px;
                height: 14px;
                top: -6px;
                /*background: url('/photoAlbum/templet/common/index/downarrow.png') no-repeat;*/
                background-size: cover;
            }
        /* .exhi-right-title .exhi-nav p a::after {
	content: '';
	position: absolute;
	top: -6px;
	left: 50%;
	transform: translateX(-50%);
	width: 11px;
	height: 11px;
} */
        .exhi-right-title .exhi-nav p a.focus {
            color: #0093ef;
        }

.exhi-list {
    display: none;
    margin-top: 7px;
    height: 530px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .exhi-list ul {
        overflow: hidden;
        margin-top: -20px;
    }

        .exhi-list ul li {
            width: 25%;
            float: left;
        }

            .exhi-list ul li .item {
                margin: 20px 25px 0 0;
            }

                .exhi-list ul li .item .image {
                    overflow: hidden;
                    position: relative;
                    height: 134px;
                }

                    .exhi-list ul li .item .image span {
                        position: absolute;
                        right: 0;
                        bottom: 0;
                        width: 110px;
                        height: 60px;
                    }

                    .exhi-list ul li .item .image:hover a img {
                        -ms-transform: scale(1.10);
                        transform: scale(1.10);
                    }

                    .exhi-list ul li .item .image img {
                        width: 100%;
                        height: 100%;
                        -webkit-transition: all .3s ease;
                        -moz-transition: all .3s ease;
                        -ms-transition: all .3s ease;
                        -o-transition: all .3s ease;
                        transition: all .3s ease;
                    }

                    .exhi-list ul li .item .image mark {
                        position: absolute;
                        width: 80%;
                        left: 0;
                        bottom: 0;
                        height: 28px;
                        line-height: 28px;
                        color: #fff;
                        font-size: 12px;
                        text-indent: 10px;
                    }

                        .exhi-list ul li .item .image mark b {
                            font-weight: normal;
                            font-size: 18px;
                        }

                    .exhi-list ul li .item .image .signText {
                        position: absolute;
                        width: 100%;
                        left: 0;
                        bottom: 0;
                        height: 28px;
                        line-height: 28px;
                        color: #fff;
                        text-indent: 10px;
                        font-size: 12px;
                        background: rgba(19,129,70,0.7);
                    }

                        .exhi-list ul li .item .image .signText i {
                            font-size: 14px;
                            vertical-align: top;
                            margin-right: 5px;
                        }

                        .exhi-list ul li .item .image .signText p {
                            margin: 0;
                            line-height: unset;
                            height: auto;
                            font-size: 12px;
                        }

                            .exhi-list ul li .item .image .signText p b {
                                margin: 0 1px;
                                font-size: 14px;
                                font-weight: normal;
                            }

                            .exhi-list ul li .item .image .signText p font {
                                font-size: 16px;
                            }

            .exhi-list ul li p {
                font-size: 16px;
                line-height: 24px;
                height: 48px;
                overflow: hidden;
                margin-top: 12px;
                margin-bottom: 8px;
            }

            .exhi-list ul li span {
                font-size: 14px;
                height: 22px;
                line-height: 22px;
                overflow: hidden;
                color: #999;
                display: block;
            }

            .exhi-list ul li p a {
                color: #333;
            }

                .exhi-list ul li p a:hover {
                    color: #0093ef;
                }

.exhi-right {
    width: 1066px;
    float: right;
}
/*part6 End*/
/*part7*/
.part7 {
    background: #268854;
    margin-top: 30px;
    padding: 30px 0 42px 0;
    box-sizing: border-box;
    overflow: hidden;
}

    .part7 .w {
        position: relative;
    }

        .part7 .w::after {
            content: "";
            width: 300px;
            height: 384px;
            display: block;
            position: absolute;
            right: -105px;
            bottom: -46px;
            background: url("/photoAlbum/templet/common/index/part7-bg.png") no-repeat;
        }

    .part7 .part-title {
        margin: 0;
    }

        .part7 .part-title p strong {
            color: rgba(255,255,255,0.2);
        }

        .part7 .part-title p b {
            bottom: -6px;
        }

            .part7 .part-title p b a {
                color: #fff;
            }

            .part7 .part-title p b i {
                display: inline-block;
                width: 45px;
                height: 47px;
                background: url("/photoAlbum/templet/common/index/part7-title-ico.png") no-repeat;
                background-size: contain;
                vertical-align: middle;
                margin-top: -5px;
                margin-right: 6px;
            }

        .part7 .part-title .left {
            background: url("/photoAlbum/templet/common/index/part7-title-left.png") no-repeat;
            background-size: contain;
        }

        .part7 .part-title .right {
            background: url("/photoAlbum/templet/common/index/part7-title-right.png") no-repeat;
            background-size: contain;
        }

.gold-tab {
    text-align: center;
    font-size: 0;
}

    .gold-tab p a {
        font-size: 36px;
        color: #629e7e;
        display: inline-block;
        margin: 0 64px;
        cursor: pointer;
        position: relative;
        padding-bottom: 24px;
    }

        .gold-tab p a i {
            float: left;
            margin-right: 12px;
            height: 60px;
            width: 54px;
            background: url(/images/index/version/2021/grayIcon1.png) no-repeat;
            background-size: contain;
        }

    .gold-tab .text {
        overflow: hidden;
        display: block;
        text-align: left;
    }

        .gold-tab .text b {
            display: block;
            color: #F9D635;
        }

        .gold-tab .text font {
            font-size: 18px;
            font-weight: bold;
            /* letter-spacing: 2px; */
            font-family: "";
            display: block;
            text-align: justify;
            text-align-last: justify;
            text-justify: distribute;
            text-transform: uppercase;
            margin-top: 6px;
        }

    .gold-tab p a::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        height: 6px;
        width: 0%;
        transform: translateX(-50%);
        background-color: #f9d635;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

    .gold-tab p a::after {
        content: "";
        position: absolute;
        bottom: -6px;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7px 0 0 0;
        border-color: #F9D635 transparent transparent transparent;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

    .gold-tab p a.focus::before {
        width: 100%;
    }

    .gold-tab p a.focus::after {
        border-width: 7px 9px 0 9px;
    }

    .gold-tab p a.focus b {
        color: #F9D635;
    }

    .gold-tab p a i.icon2 {
        background-image: url(/images/index/version/2021/grayIcon2.png);
    }

    .gold-tab p a.focus i.icon1 {
        background-image: url(/images/index/version/2021/Icon1.png);
    }

    .gold-tab p a.focus i.icon2 {
        background-image: url(/images/index/version/2021/icon2.png);
    }

.gold-bot {
    display: none;
    margin-top: 22px;
    overflow: hidden;
    position: relative;
    z-index: 8;
}

    .gold-bot ul {
        overflow: hidden;
        margin-right: -12px;
        margin-top: -12px;
    }

        .gold-bot ul li {
            width: 14.285%;
            float: left;
        }

            .gold-bot ul li .item {
                margin-right: 12px;
                margin-top: 12px;
            }

                .gold-bot ul li .item .image {
                    height: 0;
                    padding-bottom: 62.3%;
                    background: #fff;
                    position: relative;
                    overflow: hidden;
                }

.gold-nav {
    height: 34px;
    line-height: 34px;
    text-align: center;
    margin-top: 25px;
    position: relative;
    z-index: 8;
}

    .gold-nav a {
        font-size: 16px;
        color: #fff;
        display: inline-block;
        padding: 0 18px;
        position: relative;
        border-radius: 30px;
        margin: 0 7px;
        cursor: pointer;
    }

        .gold-nav a.focus {
            background: #fff;
            color: #268854;
            font-weight: bold;
        }

            .gold-nav a.focus::after {
                content: "";
                position: absolute;
                bottom: -6px;
                left: 50%;
                transform: translateX(-50%);
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 6px 6px 0 6px;
                border-color: #fff transparent transparent transparent;
            }

.gold-list {
    display: none;
    margin-top: 25px;
    position: relative;
    z-index: 9;
}

    .gold-list ul {
        padding: 18px;
        overflow: hidden;
        background: #fff;
        border-radius: 3px;
    }

        .gold-list ul li {
            width: 14.285%;
            float: left;
            padding: 6px;
            box-sizing: border-box;
        }

            .gold-list ul li .item {
                border: 1px solid #ddd;
                border-radius: 10px;
                overflow: hidden;
                webkit-transition: all .3s ease;
                -moz-transition: all .3s ease;
                -ms-transition: all .3s ease;
                -o-transition: all .3s ease;
                transition: all .3s ease;
            }

            .gold-list ul li .image {
                position: relative;
                height: 94px;
            }

            .gold-list ul li p {
                height: 32px;
                line-height: 32px;
                background: #f2f2f2;
                text-align: center;
                font-size: 16px;
                font-weight: bold;
            }

                .gold-list ul li p a {
                    color: #333;
                }

            .gold-list ul li .item:hover {
                border: 1px solid #0093ef;
            }

                .gold-list ul li .item:hover p {
                    background: #0093ef;
                }

                    .gold-list ul li .item:hover p a {
                        color: #fff;
                    }
/*part7 End*/
/*part8*/
.member-nav {
    position: relative;
}

    .member-nav a {
        width: 20%;
        height: 80px;
        background: #eaeaea;
        display: block;
        float: left;
        text-align: center;
        position: relative;
    }

        .member-nav a::after {
            content: "";
            position: absolute;
            width: 1px;
            height: 37px;
            background: #ddd;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
        }

        .member-nav a:last-child::after {
            display: none;
        }

        .member-nav a:first-child {
            border-radius: 5px 0 0 0;
        }

        .member-nav a:last-child {
            border-radius: 0 5px 0 0;
        }

        .member-nav a b {
            font-size: 20px;
            color: #999;
            display: block;
            margin-top: 20px;
        }

        .member-nav a em {
            font-style: normal;
            display: block;
            color: #d6d6d6;
            font-size: 14px;
            margin-top: 10px;
        }

        .member-nav a strong {
            font-weight: normal;
            display: block;
            margin-top: 4px;
            display: none;
        }

            .member-nav a strong i {
                display: inline-block;
                width: 15px;
                height: 15px;
                background: url("/photoAlbum/templet/common/index/stars-ico.png") no-repeat;
                background-size: cover;
                margin: 0 3px;
            }

        .member-nav a.focus {
            color: #fff;
            height: 92px;
            margin-top: -12px;
            border-radius: 5px 5px 0 0;
            background: url("/photoAlbum/templet/common/index/member-nav.png") no-repeat;
            background-size: cover;
            box-shadow: 0px 1px 6px 0 rgba(255,126,5,0.4);
        }

            .member-nav a.focus::after {
                display: none;
            }

            .member-nav a.focus b {
                color: #fff;
            }

            .member-nav a.focus em {
                color: #fff;
            }

            .member-nav a.focus strong {
                display: block;
            }

/*part8 End*/



/*link*/
.link {
    margin-top: 30px;
}

.link-title {
    height: 55px;
    line-height: 55px;
    position: relative;
}

    .link-title::after {
        content: "";
        height: 1px;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #e6e6e6;
    }

    .link-title .more {
        font-size: 14px;
        color: #e4f0ff;
        position: absolute;
        right: 0;
        top: 0;
    }

        .link-title .more i {
            font-size: 14px;
            margin-right: 3px;
        }

.link-nav {
    position: absolute;
    left: 0;
    top: 0;
}

    .link-nav a {
        font-size: 18px;
        display: inline-block;
        width: 100px;
        color: #333;
        text-align: center;
    }

        .link-nav a.focus {
            color: #0093ef;
            font-weight: bold;
        }

    .link-nav .followTab {
        position: absolute;
        top: 0;
        left: 0;
        width: 100px;
        height: 2px;
        background: #0093ef;
        z-index: 99;
    }

        .link-nav .followTab i {
            width: 14px;
            height: 14px;
            top: -6px;
            /*background: url('/photoAlbum/templet/common/index/downarrow.png') no-repeat;*/
            background-size: cover;
        }

.link-list {
    display: none;
    margin-top: 5px;
    overflow: hidden;
}

    .link-list p {
        margin-left: -10px;
        overflow: hidden;
    }

        .link-list p a {
            float: left;
            width: 12.5%;
            padding-left: 10px;
            font-size: 14px;
            height: 30px;
            line-height: 30px;
            color: #333;
            box-sizing: border-box;
            overflow: hidden;
        }

            .link-list p a:hover {
                color: #0093ef;
            }

            .link-list p a:last-child {
                border-right: none;
            }

.link-item {
    margin-top: 30px;
}

    .link-item a {
        display: inline-block;
        width: 8.33%;
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #666;
        font-size: 14px;
        background: #ebfadb;
    }

        .link-item a:hover {
            color: #0093ef;
        }

        .link-item a:nth-child(2), .link-item a:nth-child(10) {
            background: #fcede0;
        }

        .link-item a:nth-child(3), .link-item a:nth-child(11) {
            background: #ece4fd;
        }

        .link-item a:nth-child(4) {
            background: #e4eefc;
        }

        .link-item a:nth-child(5) {
            background: #fcf8e0;
        }

        .link-item a:nth-child(6) {
            background: #e4eefc;
        }

        .link-item a:nth-child(7) {
            background: #ece4fd;
        }

        .link-item a:nth-child(8) {
            background: #fcf8e0;
        }

        .link-item a:nth-child(9) {
            background: #fbe2e9;
        }
/*link End*/

/* footer */
.footer{
	background-color: #333333;
	padding: 20px 0 0 0;
	margin-top: 30px;
}
.Foot{
	margin:0 auto;
	color: #fff;
	overflow: hidden;
}
.footLeft{
	width: 780px;
	float: left;
}
.footMenu{
	color: #666666;
	font-size: 14px;
	line-height: 56px;
	display: block;
	text-indent: -6px;
}
.footMenu a{
	color: #fff;
	margin: 0 6px;
}
.footMenu a:hover{
	color: #76A246;
}
.footLeft p{
	color: #cacaca;
	line-height: 34px;
}
.footLeft p.webName{
	font-size: 14px;
}
.footLeft p.webName i{
	font-style: normal;
	color: #0093ef;
}
.footLeft p a{
	display: inline-block;
	height: 22px;
	line-height: 22px;
	color: #fff;
	background-color: #858688;
	border-radius: 11px;
	padding: 0 10px 0 0;
	margin-right: 20px;
}
.footLeft p .qq{
	position: relative;
	cursor: pointer;
}
.footLeft p a b{
	display: inline-block;
	width: 22px;
	height: 22px;
	border-radius: 100%;
	margin-right: 5px;
	vertical-align: top;
	background: #afb1b0 url(/photoAlbum/templet/common/images/list/newsIndex.png) no-repeat -83px -239px;
}
.footLeft p .qq .QQhover {
	position: absolute;
	left: 0px;
	bottom: 21px;
	 border: 1px solid #666;
	 border-radius: 4px;
	 line-height: 20px;
	 color: #333;
	 background: rgba(255,255,255,.9);
	 display: none;
	 cursor: auto;
	font-weight: 700;
	height: 20px;
	width: 100px;
	 text-align: center;
	}
	.footLeft p .qq .QQhover::after{
	 position: absolute;
	 left: 0;
	 top: 0;
	 line-height: 20px;
	 content: "QQ:";
	}
	.footLeft p .qq:hover .QQhover{
	 display: inline-block;
	}
.copyright{
	border-top: 1px solid #666666;
	margin-top: 24px;
	padding-top: 20px;
	color: #cacaca;
}
.footRight{
	width: 400px;
	float: right;
	text-align: center;
	padding-top: 20px;
}
.footRight p{
	display: inline-block;
	width: 100px;
	margin: 12px;
}
.footRight p img{
	border:1px solid #999999;
	margin:5px 0;
    width: 98px;
}

/* footer */

.bottom img {
    vertical-align: top;
    margin-top: 3px;
}

.bottom b {
    display: block;
    line-height: 26px;
    height: 26px;
    font-weight: normal;
    text-align: left;
}

    .bottom b a {
        color: #666;
    }

.bottom.bg1 {
    padding: 0 0 0 31px;
    background: url("/photoAlbum/templet/common/index/index2016.png") no-repeat -65px -651px;
}

.bottom.bg2 {
    padding: 0 0 0 31px;
    background: url("/photoAlbum/templet/common/index/index2016.png") no-repeat -65px -743px;
}

#leftAdv {
    position: fixed;
    top: 396px;
    display: block;
    left: 5px;
    z-index: 999999;
}

*html, * html body {
    background-attachment: fixed;
}

*html #leftAdv {
    position: absolute;
    left: expression(eval(document.documentElement.scrollLeft));
    top: expression(eval(document.documentElement.scrollTop+150));
}

#rightAdv {
    position: fixed;
    top: 396px;
    display: block;
    right: 5px;
    z-index: 999999;
}

*html #rightAdv {
    position: absolute;
    right: expression(eval(document.documentElement.scrollLeft));
    top: expression(eval(document.documentElement.scrollTop+150));
}

.closeLeftAdv {
    display: block;
}

.closeLeftAdv {
    color: #999;
    padding: 5px 0 0 0;
}

#code {
    position: fixed;
    top: 430px;
    display: block;
    right: 5px;
    z-index: 999999;
    background: #fff;
    text-align: center;
    font: normal 12px/24px microsoft yahei;
    width: 100px;
}

*html #code {
    position: absolute;
    right: expression(eval(document.documentElement.scrollLeft));
    top: expression(eval(document.documentElement.scrollTop+437));
}

#rightAdv li {
    text-align: right;
    padding-bottom: 10px;
}

#leftAdv1 {
    position: fixed;
    top: 140px;
    display: block;
    left: 5px;
    z-index: 999999;
}

*html, * html body {
    background-attachment: fixed;
}

*html #leftAdv {
    position: absolute;
    left: expression(eval(document.documentElement.scrollLeft));
    top: expression(eval(document.documentElement.scrollTop+150));
}
/*#rightAdv { position: fixed; top: 150px; display: block; right: 5px;  z-index: 999999; }*/
*html #rightAdv {
    position: absolute;
    right: expression(eval(document.documentElement.scrollLeft));
    top: expression(eval(document.documentElement.scrollTop+150));
}

*html #rightAdv1 {
    position: absolute;
    right: expression(eval(document.documentElement.scrollLeft));
    top: expression(eval(document.documentElement.scrollTop+150));
}

.closeLeftAdv {
    display: block;
}

#rightAdv1 {
    position: fixed;
    top: 140px;
    display: block;
    right: 5px;
    z-index: 999999;
}

    #rightAdv1 li {
        text-align: right;
        padding-bottom: 10px;
    }

.closeLeftAdv1 {
    color: #999;
    padding: 5px 0 0 0;
}

.videoMask {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.5);
}

.videoMaskItem {
    width: 450px;
    height: 250px;
    background-color: #fff;
    border-radius: 6px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 18px;
}

    .videoMaskItem img {
        width: 110px;
        margin: 40px 0 25px 0;
    }

    .videoMaskItem a {
        position: absolute;
        font-size: 24px;
        top: 14px;
        right: 14px;
        color: #999;
        cursor: pointer;
    }

.hi {
    line-height: 20px;
    font-size: 14px;
    padding: 4px 0 4px 36px;
    background: url('/images/exhibition/hiuser.png') no-repeat;
}

    .hi b {
        color: #ff6600;
        padding: 0 12px;
    }

.warning {
    position: absolute;
    text-align: center;
    z-index: 9999;
    padding: 20px;
    background-color: #000;
    top: 0;
    right: 0px;
    bottom: 0;
    left: 0;
}

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

#bottomAdv::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
    width: 24px;
    height: 12px;
    background: url("/photoAlbum/templet/common/public/adv.png") no-repeat;
}

.bottom-adv img {
    width: 100%;
}

.fixed-bannerAdv-box {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 9999999;
}

    .fixed-bannerAdv-box img {
        width: 100%;
    }

    .fixed-bannerAdv-box .small-bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 9;
    }

    .fixed-bannerAdv-box .big-bottom {
        height: 0;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        opacity: 0;
        z-index: 10;
    }
    /* .fixed-bannerAdv-box:hover .small-bottom {
	display: none;
} */
    .fixed-bannerAdv-box:hover .big-bottom {
        height: auto;
        opacity: 1;
        padding-top: 20px;
    }

    .fixed-bannerAdv-box .big-bottom .bottomAdvClose {
        opacity: 0;
        top: 5px;
    }

    .fixed-bannerAdv-box:hover .big-bottom .bottomAdvClose {
        opacity: 1;
    }
/* 20230109 */
.iframe {
    overflow: hidden;
    height: 40px;
    position: relative;
}

    .iframe iframe {
        width: 1920px;
        margin: 0;
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
    }

.bannerAdv-box-hover {
    width: 100%;
    height: 75px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    display: none;
}
/* 20240124 */
.iframe {
    height: 36px;
}

.Tophead .left {
    top: -38px;
}

.Tophead ul {
    top: -37px;
}

.newYearBgi {
    padding-top: 100px;
    background: url() no-repeat 0 -12px;
    background-size: 100% auto;
}

    .newYearBgi .newYear {
        width: 1470px;
        margin: 0 auto;
        background: #fff;
        overflow: hidden;
    }

    .bannerAdv-box, .top, .notice, .nav, .navFn, .newYearBgi .banner-adv, .part1 {
        padding: 0 10px;
    }



    
@media only screen and (min-width: 1200px) and (max-width:1399px){
	.main,.fix-navigation .item{
		width: 1176px;
	}
	.quick-publish {
		right: 440px;
	}
	.business-box li span.city {
		max-width: 24px;
	}
	.business-box li span.day {
		right: 58px;
	}

	.adNewLeft dt, .adNewRight dt {
		width: 50px;
		height: auto;
	}
	#adNewLeft {
		left: 0;
	}
	#adNewRight {
		right: 0;
	}
	.technology-list .list li span {
		font-size: 12px;
	}
	.exhibition .meeting-bot .list-top p {
		font-size: 16px;
		line-height: 18px;
		height: 18px;
	}
	.exhibition .meeting-bot .list-top i {
		font-size: 16px;
		margin-right: 4px;
	}
	.exhibition .meeting-bot .list-top .content {
		margin-top: 12px;
		font-size: 12px;
		height: 14px;
		line-height: 14px;
	}
	.exhibition .meeting-bot .list-top .content span {
		margin: 0 6px;
	}
	.exhi-ul li .time b {
		font-size: 14px;
		margin-bottom: 3px;
	}
	.exhibition .meeting-bot .list-top {
		padding: 16px 16px;
	}
	.exhi-ul li .time {
		padding: 7px 0 10px;
		margin-right: 12px;
	}
	.exhi-ul li .time::after {
		border-width: 10px 10px 0 0;
	}
	.exhi-ul li .time::before {
		border-width: 0 0 10px 10px;
	}
	.exhi-ul li .text p {
		font-size: 14px;
		line-height: 16px;
		height: 16px;
		margin-top: 3px;
	}
	.exhi-ul li .text .data {
		font-size: 12px;
		margin-top: 8px;
		line-height: 14px;
		height: 14px;
	}
	.exhi-ul li {
		margin-top: 9px;
	}
	.top-main .top-adv .image {
		height: 108px;
	}
	.top {
		margin-top: 18px;
	}
	.fix-search {
		margin: 0 130px;
	}
	.top .logo {
		margin-left: 22px;
		width: 176px;
		margin-top: 2px;
	}
	.top .search {
		margin: 0 42px 0;
	}
	.top .search-tab a {
		font-size: 16px;
		margin-right: 18px;
	}
	.right-adv {
		width: 306px;
		margin-top: 4px;
	}
	.search-box .search-bot input {
		height: 38px;
		font-size: 14px;
		padding-right: 84px;
	}
	.search-box .search-bot button {
		width: 86px;
		font-size: 14px;
	}
	.search-box .search-bot button i {
		font-size: 13px;
	}
	.hot-key a {
		margin-right: 8px;
		font-size: 12px;
	}
	.hot-key span {
		margin-right: 4px;
		font-size: 12px;
	}
	.hot-key {
		line-height: 18px;
		margin-top: 8px;
	}
	.nav {
		height: 38px;
	}
	.nav .menu ul li b a {
		height: 38px;
		font-size: 16px;
		line-height: 38px;
		padding: 0 21px;
	}
	.nav .menu ul li .menu-top a {
		height: 38px;
		font-size: 16px;
		line-height: 38px;
		padding: 0 24px;
	}
	.nav .menu ul li .menu-top a i {
		font-size: 10px;
		margin: 15px 0 0 8px;
	}
	.nav .menu ul li .menu-bot {
		top: 38px;
	}
	.nav-bot,.nav-bot .item {
		height: 40px;
	}
	.nav .menu ul li .menu-bot p a {
		height: 40px;
		font-size: 14px;
		line-height: 40px;
	}
	.nav-bot .item span a {
		font-size: 13px;
		margin-left: 12px;
	}
	.nav-bot .item span b {
		font-size: 14px;
		margin-top: 0;
	}
	.nav-bot .item span b i {
		margin: 6px 6px 0 0;
	}
	.nav-bot .item span {
		margin-top: 9px;
		margin-right: 0;
	}
	.broadcast dd li, .broadcast {
		font-size: 14px;
		line-height: 38px;
		height: 40px;
	}
	#scrollobj {
		height: 42px;
	}
	.product-classify {
		width: 250px;
	}
	.product-classify ul li .icon i {
		font-size: 18px;
	}
	.class-a p {
		font-size: 14px;
		height: 20px;
		line-height: 20px;
	}
	.product-classify ul li .icon {
		margin-right: 8px;
		width: 20px;
		margin-top: 4px;
	}
	.product-classify .pro-title {
		padding: 0 18px;
		line-height: 38px;
		height: 38px;
	}
	.product-classify .pro-title a i {
		font-size: 22px;
	}
	.product-classify .pro-title a {
		font-size: 16px;
	}
	.product-classify .pro-title span {
		font-size: 34px;
	}
	.product-classify ul li {
		padding: 10px 17px 8px;
	}
	.brand-partner li .image {
		margin-top: 9px;
	}
	.class-a p i {
		font-size: 10px;
	}
	.class-a span {
		font-size: 12px;
		height: 24px;
		line-height: 24px;
		white-space: normal;
	}
	.class-b {
		left: 250px;
		width: 926px;
		min-height: 602px;
		padding: 30px 20px 30px 28px;
	}
	.class-b .class-adv {
		width: 194px;
		margin-left: 30px;
	}
	.class-b .class-adv .item span {
		margin-top: 8px;
		font-size: 12px;
		line-height: 14px;
		height: 14px;
	}
	.class-b .class-adv .item p {
		margin-top: 14px;
		font-size: 12px;
		line-height: 14px;
		height: 14px;
	}
	.class-b .class-adv .item {
		margin-top: 14px;
		padding: 10px 10px 18px;
	}
	.class-b .class-txt .class-c {
		font-size: 15px;
		line-height: 24px;
	}
	.class-b .class-txt .class-c b i {
		margin-top: 5px;
	}
	.class-b .class-txt .class-c .more {
		font-size: 12px;
	}
	.class-txt .item-txt a {
		font-size: 12px;
		margin-right: 18px;
		margin-top: 12px;
	}
	.class-txt .brands-box {
		margin-top: 50px;
	}
	.class-txt .item-txt p {
		margin-right: -20px;
	}
	.class-b .class-txt .item {
		padding-right: 30px;
		margin-top: 20px;
	}
	.class-b .class-txt .pro-type {
		margin-right: -30px;
		margin-top: -20px;
	}
	.class-txt .brands-box .brands-li p {
		font-size: 12px;
		margin-top: 6px;
		height: 14px;
		line-height: 14px;
	}
	.class-txt .brands-box .brands-li {
		margin-top: 12px;
	}
	.top-main .news {
		width: 570px;
		margin: 0 24px;
	}
	.top-main .news .news-tab a {
		font-size: 18px;
		height: 38px;
		line-height: 38px;
	}
	.top-main .news .news-tab a::after {
		bottom: -7px;
		border-width: 7px 8px 0 8px;
	}
	.top-main .news .news-tab a::before {
		top: 12px;
		width: 1px;
		height: 18px;
	}
	.news-bot .news-top .title {
		font-size: 18px;
		line-height: 20px;
		height: 20px;
	}
	.news-bot .news-list li .time {
		font-size: 12px;
	}

	.news-bot .news-top p {
		margin-top: 12px;
		line-height: 20px;
		height: 40px;
		font-size: 14px;
	}
	.news-bot .news-list li a {
		font-size: 14px;
	}
	.news-bot .news-list li i {
		margin-top: 10px;
		margin-right: 6px;
	}
	.news-bot .news-list li {
		margin-top: 18px;
		line-height: 16px;
		height: 16px;
	}
	.top-main .news .news-adv li .image {
		height: 98px;
	}
	.news-bot .news-top {
		padding: 20px 0 14px;
	}
	.top-main {
		margin-bottom: 8px;
		margin-top: 16px;
	}
	.brand-partner .title {
		margin-bottom: 14px;
	}
	.web-live {
		width: 760px;
		margin-right: 48px;
	}
	.mt40 {
		margin-top: 25px;
	}
	.part1 .title span {
		top: 4px;
		font-size: 12px;
	}
	.part1 .title p {
		font-size: 18px;
	}
	.part1 .title p i {
		margin-left: 8px;
		width: 18px;
		height: 12px;
	}
	.web-live .box li {
		width: 196px;
		margin-top: 18px;
	}
	.web-live .box li:first-of-type {
		width: 387px;
	}
	.web-live .box li .item {
		margin-right: 19px;
	}
	.web-live .box ul {
		margin-right: -19px;
	}
	.web-live .box li .image mark {
		font-size: 12px;
	}
	.web-live .box li:first-of-type .image p span {
		font-size: 14px;
		line-height: 16px;
		height: 16px;
	}
	.web-video .hot-video {
		margin-top: 18px;
	}
	.web-video .hot-video dl {
		margin-top: 12px;
		line-height: 16px;
		height: 16px;
		font-size: 14px;
	}
	.part2 .video-tab p a {
		font-size: 18px;
		margin-right: 24px;
		line-height: 24px;
	}
	.part2 .title .join {
		padding: 0 12px;
		font-size: 12px;
		height: 22px;
		line-height: 20px;
	}
	.video-bot {
		margin-top: 15px;
	}
	.web-video .hot-video ul {
		margin-top: 17px;
	}
	.video-bot li .item {
		margin-right: 17px;
	}
	.video-bot ul {
		margin-right: -17px;
	}
	.video-bot li .text p {
		font-size: 14px;
		line-height: 16px;
		height: 16px;
	}

	.web-live .box .image p span, .web-video .hot-video li .image p span {
		font-size: 12px;
		line-height: 14px;
		height: 14px;
	}
	.web-live .box li .image i, .web-video .hot-video li .image i {
		width: 34px;
		height: 34px;
		line-height: 36px;
		text-indent: 3px;
		font-size: 14px;
		bottom: 30px;
	}
	.video-bot li .text {
		margin-top: 10px;
	}
	.video-bot li .text .city {
		margin-top: 10px;
		font-size: 12px;
		line-height: 16px;
		height: 16px;
	}
	.video-bot li .text .city i {
		font-size: 13px;
		margin-right: 4px;
	}
	.part2 .banner-adv {
		margin-top: 25px;
	}
	.public-title p b {
		font-size: 24px;
	}
	.business-box .title {
		margin-top: 22px;
	}
	.public-title p span {
		margin-top: 13px;
	}
	.public-title p {
		font-size: 14px;
	}
	.public-title p b img {
		margin-top: 0px;
		max-width: 29px;
	}
	.public-title .join {
		padding: 0 8px;
		font-size: 12px;
		height: 24px;
		line-height: 22px;
	}
	.part3 .list-box {
		margin-top: 12px;
	}
	.part3 .list-box li .item {
		margin-right: 18px;
		padding: 16px;
	}
	.part3 .list-box ul {
		margin-right: -18px;
	}
	.part3 .list-box li .image {
		height: 140px;
	}
	.part3 .list-box li .text p {
		font-size: 14px;
		height: 16px;
		line-height: 16px;
	}
	.part3 .list-box li .text .data {
		line-height: 18px;
		font-size: 12px;
	}
	.part3 .list-box li .text .btn {
		margin-top: 10px;
	}
	.part3 .list-box li .text .btn a {
		width: 87px;
		height: 28px;
		line-height: 26px;
		font-size: 12px;
	}
	.part4 .recommend-box li .left p {
		font-size: 16px;
		line-height: 20px;
		height: 40px;
	}
	.part4 .recommend-box li .left .name a {
		line-height: 24px;
		height: 24px;
	}
	.part4 .recommend-box li .right .Li p {
		font-size: 14px;
		height: 16px;
		line-height: 16px;
		margin-top: 4px;
	}
	.business-box .Li .item {
		margin-right: 30px;
	}
	.part4 .recommend-box li .right .Li {
		padding: 7px 7px 0;
	}
	.part4 .recommend-box li {
		margin-top: 18px;
	}
	.part4 .recommend-box li .left .image {
		height: 118px;
		margin-top: 10px;
	}
	.part4 .recommend-box li .right .Li .image {
		height: 84px;
		padding: 8px;
		box-sizing: border-box;
	}
	.part4 .recommend-box li .item {
		height: 286px;
	}
	.public-title.line {
		padding-bottom: 15px;
	}
	.part4 .recommend-box ul {
		margin-right: -16px;
	}
	.part4 .recommend-box li .item {
		height: 236px;
		margin-right: 16px;
	}
	.business-box .Ul {
		margin-right: -30px;
	}
	.part4 .recommend-box li .left {
		width: 138px;
		padding: 16px 12px;
	}
	.business-box .title span {
		font-size: 20px;
		padding-bottom: 10px;
	}
	.business-box ul, .business-box .scroll-item, .business-box .my-scroll-item {
		margin-top: 18px;
	}
	.business-box li {
		margin-top: 16px;
		line-height: 18px;
		height: 18px;
	}
	.business-box li img {
		width: 17px;
		margin-top: 1px;
	}
	.business-box .qiuList li a {
		padding-right: 110px;
	}
	.business-box li .price b {
		font-size: 14px;
	}
	.business-box .my-scroll-item li {
		padding-top: 16px;
	}
	.business-box .my-scroll-item {
		height: 256px;
	}
	.business-box .advBox {
		margin-top: 12px;
	}
	.business-box .advBox .image {
		width: 92px;
		height: 92px;
		margin-right: 20px;
	}
	.business-box .advBox .text p {
		margin-top: 16px;
		font-size: 16px;
		line-height: 18px;
		height: 18px;
	}
	.business-box .advBox .text .btn a {
		margin-right: 10px;
		width: 82px;
		height: 28px;
		line-height: 28px;
		font-size: 12px;
	}
	.business-box .scroll-item li {
		padding-top: 14px;
	}
	.business-box .scroll-item {
		height: 156px;
	}
	.business-box li a {
		font-size: 14px;
	}
	.business-box li span {
		font-size: 12px;
	}
	.business-box .qiuList li span.day {
		right: 58px;
	}
	.exhibition-left {
		width: 322px;
	}
	.exhibition-center {
		margin: 0 28px;
		width: 488px;
	}
	.exhibition-left .title {
		font-size: 20px;
		margin-top: 18px;
	}
	.exhibition-left .title i {
		font-size: 26px;
		margin-right: 5px;
	}
	.exhi-img-big {
		height: 251px;
		margin-top: 14px;
	}
	.exhibition .public-tab a.focus {
		font-size: 18px;
	}
	.exhibition .public-tab a {
		font-size: 16px;
		line-height: 22px;
		padding: 0 19px;
	}
	.exhibition .public-tab {
		margin-top: 18px;
	}
	.exhibition .public-tab p {
		height: 41px;
	}
	.public-title .tel {
		top: 8px;
		font-size: 14px;
	}
	.public-title .tel i {
		font-size: 22px;
		margin-top: -3px;
	}
	.exhibition .meeting-bot {
		margin-top: 22px;
	}
	.exhibition .meeting-bot .meet-ul li.meeting-top {
		font-size: 16px;
		line-height: 18px;
		height: 18px;
		margin-top: 24px;
	}
	.exhibition .meeting-bot .meet-ul li {
		margin-top: 17px;
		font-size: 14px;
		line-height: 16px;
		height: 16px;
	}
	.exhibition .meeting-bot .meet-ul li i {
		margin-top: 7px;
	}
	.exhibition .meeting-bot .meet-ul li.meeting-top i {
		margin-top: 9px;
	}
	.report-bot {
		margin-top: 22px;
	}
	.report-bot li p {
		font-size: 14px;
		line-height: 16px;
		height: 16px;
	}
	.report-bot li {
		margin-top: 15px;
		padding-left: 22px;
	}
	.report-bot li.active .image {
		margin: 12px 0;
	}
	.public-title .tip {
		font-size: 16px;
	}
	.online-bot {
		margin-top: 15px;
	}
	.online-bot li {
		margin-top: 14px;
	}
	.online-tab p a {
		font-size: 16px;
		padding: 0 25px;
		min-width: 125px;
	}
	.online-tab {
		height: 44px;
		line-height: 44px;
	}
	.online-bot li .item {
		margin-right: 18px;
	}
	.online-bot ul {
		margin-right: -18px;
		margin-top: -14px;
	}
	.online-bot li .text {
		padding: 12px 10px;
	}
	.online-bot li .text p {
		font-size: 13px;
		height: 15px;
		line-height: 15px;
	}
	.online-bot li .text span {
		margin-top: 10px;
		font-size: 12px;
		line-height: 14px;
		height: 14px;
	}
	.public-title.line .join {
		bottom: 14px;
	}
	.part8 .technology .right {
		width: 308px;
		margin-left: 28px;
	}
	.part8 .technology .title {
		padding-bottom: 14px;
	}
	.part8 .technology .title b {
		font-size: 18px;
	}
	.part8 .technology .title b i {
		font-size: 24px;
	}
	.part8 .technology .title .more {
		font-size: 12px;
	}
	.part8 .technology .right li .icon {
		width: 35px;
		margin-right: 12px;
	}
	.part8 .technology .right li .text p {
		font-size: 14px;
		line-height: 16px;
		height: 16px;
	}
	.part8 .technology .right li .data {
		margin-top: 7px;
		font-size: 12px;
	}
	.part8 .technology .right li {
		padding: 9px 0;
	}
	.technology-nav a {
		padding: 0 14px;
		font-size: 16px;
	}
	.technology-nav a::after {
		top: 0px;
	}
	.technology-list {
		margin-top: 12px;
	}
	.technology-left .list-top {
		padding: 22px 10px 18px;
	}
	.technology-left {
		width: 320px;
		margin-right: 30px;
	}
	.technology-list .list li {
		margin-top: 15px;
		line-height: 18px;
		height: 18px;
		font-size: 14px;
	}
	.technology-left .list-top p {
		font-size: 16px;
		line-height: 18px;
		height: 18px;
	}
	.technology-left .list-top img {
		margin-top: 4px;
		width: 16px;
	}
	.technology-left .list-top .content {
		margin-top: 10px;
		font-size: 12px;
		height: 14px;
		line-height: 14px;
	}
	.technology-right .list-top p {
		font-size: 16px;
		line-height: 18px;
		height: 18px;
	}
	.technology-right .list-top .content {
		font-size: 13px;
		line-height: 17px;
		height: 34px;
		margin-top: 10px;
	}
	.technology-right .list-top {
		padding: 2px 0 18px;
	}
	.technology-list .list li i {
		margin-right: 8px;
		margin-top: 8px;
	}
	.technology-right .list-top::after {
		width: 50px;
	}
	.job {
		margin-top: 20px;
	}
	.job .title {
		width: 42px;
		height: 84px;
		line-height: 84px;
	}
	.job .title img {
		width: 20px;
	}
	.job .list {
		height: 84px;
	}
	.job .list li {
		padding: 0 20px 0 20px;
		margin-top: 21px;
		width: 284px;
	}
	.job .list li .icon {
		width: 24px;
		margin-right: 6px;
	}
	.job .list li .text p {
		margin-top: 2px;
		font-size: 14px;
		height: 18px;
		line-height: 18px;
	}
	.job .list li .text .data span {
		font-size: 12px;
		margin-right: 8px;
	}
	.job .list li .text .data {
		margin-top: 8px;
	}
	.job .list li::after {
		height: 36px;
	}
	.part9 .right {
		width: 308px;
		margin-left: 28px;
	}
	.part9 .left .company-list li p {
		height: 28px;
		line-height: 28px;
	}
	.part9 .left .public-title .meToo {
		top: 8px;
		font-size: 13px;
	}
	.part9 .right .right-box {
		margin-top: 43px;
		padding: 16px;
	}
	.part9 .right .title {
		margin-top: 20px;
	}
	.part9 .right .title .more {
		font-size: 12px;
	}
	.part9 .right .title p a {
		padding-bottom: 11px;
		font-size: 16px;
	}
	.part9 .left .company-list {
		margin-top: 16px;
	}
	.member-tab {
		margin-top: 12px;
	}
	.member-tab p a {
		font-size: 16px;
		padding: 0 28px;
		line-height: 36px;
		height: 36px;
		border-radius: 22px;
		margin: 0 48px;
	}
	.member-tab p a::after {
		right: -58px;
		font-size: 18px;
	}
	.member-bot li {
		padding-top: 16px;
		font-size: 14px;
		line-height: 20px;
		height: 38px;
	}
	.member-bot {
		height: 258px;
	}
	.member-bot li span {
		margin-top: -1px;
	}
	.part9 .right li {
		margin-top: 15px;
		font-size: 14px;
		line-height: 16px;
		height: 16px;
	}
	.part9 .star li i {
		font-size: 16px;
		margin-right: 7px;
	}
	.part9 .right .new-join li i {
		margin-right: 8px;
		margin-top: 8px;
	}
	.show-web {
		padding: 22px 18px 18px;
	}
	.show-web .title .tip {
		font-size: 13px;
	}
	.show-web .title b {
		font-size: 20px;
	}
	.show-web .title b img {
		width: 18px;
		margin-top: 5px;
	}
	.web-list {
		margin-top: 18px;
		height: 236px;
	}
	.show-web .title .tip a {
		height: 26px;
		line-height: 24px;
		padding: 0 10px;
	}
	.web-list li .item {
		margin-right: 10px;
		padding: 10px;
	}
	.web-list li {
		margin-top: 12px;
		width: 230px;
	}
	.web-list ul {
		margin-top: -12px;
		margin-right: -12px;
	}
	.web-list li .image {
		margin-right: 10px;
		width: 84px;
		height: 84px;
		line-height: 80px;
	}
	.web-list li .text {
		height: 84px;
	}
	.web-list li .text p {
		font-size: 16px;
		line-height: 18px;
		height: 18px;
		margin-top: 15px;
	}
	.web-list li .text .btn span {
		padding: 0 10px;
		height: 24px;
		line-height: 24px;
		font-size: 12px;
	}
	.company-adv {
		margin-top: 18px;
	}
	.company-adv li p {
		line-height: 26px;
		height: 26px;
		font-size: 12px;
	}
	.part10 .public-title p b img {
		max-width: 28px;
		margin-top: -4px;
	}
	.part10 .list ul {
		margin: 0 -10px;
		margin-top: -10px;
	}
	.part10 .list li a .txt b {
		font-size: 14px;
		padding: 0 12px;
	}
	.part10 .list li a .image {
		height: 90px;
	}
	.part10 .list li a {
		margin: 10px;
		padding-bottom: 15px;
	}
	.link-tab p a {
		font-size: 16px;
		height: 46px;
		line-height: 46px;
	}
	.link-bot li a {
		font-size: 14px;
		margin-top: 12px;
	}

	.lista a {
		font-size: 13px;
		padding: 0 6px;
		min-width: 74px;
		line-height: 24px;
		margin-right: 6px;
		height: 28px;
	}
	.foot-nav {
		margin-right: 15px;
		width: 234px;
	}
	.footer .foot-title {
		font-size: 14px;
	}
	.footer {
		margin-top: 35px;
		padding: 30px 0 15px;
	}
	.footer-bottom {
		padding: 26px 0 10px;
	}
	.footer-bottom .hui {
		margin-top: 8px;
		height: 36px;
	}
	.footer .foot-content p {
		margin-top: 18px;
		font-size: 12px;
		height: 12px;
	}
	.footer .foot-content p a {
		min-width: 116px;
	}
	.footer .kefu {
		margin-top: 15px;
		font-size: 14px;
		line-height: 28px;
	}
	.footer .foot-content .contact-qq p a {
		margin-top: -2px;
		width: 16px;
	}

	.hot-line {
		margin: 0 24px;
	}
	.footer .qr-code li p {
		font-size: 12px;
	}
	/* .footer .qr-code li .image {
		padding: 3px;
		width: 86px;
		height: 86px;
	} */
	.footer .qr-code li {
		margin-top: 6px;
		margin-right: 16px;
	}
	.footer .qr-code ul {
		margin-top: 14px;
	}
	.copy-right {
		margin-top: 0px;
		font-size: 0;
	}
	.top-menu li {
		margin-top: 8px;
	}
	.top-menu li .menu-item {
		padding: 8px 9px;
	}
	.top-menu li .menu-item p {
		line-height: 20px;
		font-size: 16px;
	}
	.top-menu li .menu-item p a {
		line-height: 20px;
		font-size: 12px;
	}
	.top-menu li .menu-item span {
		margin-top: 6px;
	}
	.top-menu li .menu-item span a {
		margin-right: 6px;
		height: 28px;
		line-height: 28px;
		font-size: 12px;
	}
	.business-box .new-price li b {
		width: 15px;
		height: 15px;
		margin: 3px 8px 0 0;
		background-size: 100% 100%;
	}
	.footer .foot-content .foot-img{
		right: 3px;
		bottom: -56px;
		width: 115px;
	}
}

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

	.main,.fix-navigation .item{
		width: 986px;
	}
	.quick-publish {
		right: 378px;
	}
	.header--drop ul {
		right: 225px;
	}
	.header--drop ul li a,.header .right li {
		padding: 0 7px;
	}
	.business-box li span.city {
		max-width: 24px;
	}
	.business-box li span.day {
		right: 58px;
	}

	.adNewLeft dt,.adNewRight dt {
		width: 55px;
		height: 250px;
	}
	.technology-list .list li span {
		font-size: 12px;
	}
	.exhibition .meeting-bot .list-top p {
		font-size: 14px;
		line-height: 16px;
		height: 16px;
	}
	.exhibition .meeting-bot .list-top i {
		font-size: 14px;
		margin-right: 3px;
	}
	.exhibition .meeting-bot .list-top .content {
		margin-top: 6px;
		font-size: 12px;
		height: 14px;
		line-height: 14px;
	}
	.exhibition .meeting-bot .list-top .content span {
		margin: 0 6px;
	}
	.exhi-ul li .time b {
		font-size: 12px;
		margin-bottom: 3px;
	}
	.exhibition .meeting-bot .list-top {
		padding: 10px 12px;
	}
	.exhi-ul li .time {
		padding: 5px 0 7px;
		margin-right: 9px;
	}
	.exhi-ul li .time::after {
		border-width: 10px 10px 0 0;
	}
	.exhi-ul li .time::before {
		border-width: 0 0 10px 10px;
	}
	.exhi-ul li .text p {
		font-size: 12px;
		line-height: 14px;
		height: 14px;
		margin-top: 1px;
	}
	.exhi-ul li .text .data {
		font-size: 12px;
		margin-top: 5px;
		line-height: 14px;
		height: 14px;
	}
	.exhi-ul li {
		margin-top: 9px;
	}
	.top-main .top-adv .image {
		height: 90px;
	}
	.top {
		margin-top: 18px;
	}
	.fix-search {
		margin: 0 36px;
	}
	.top .logo {
		margin-left: 18px;
		width: 148px;
		margin-top: 2px;
	}
	.top .search {
		margin: 0 32px 0;
	}
	.top .search-tab a {
		font-size: 14px;
		margin-right: 14px;
	}
	.right-adv {
		width: 256px;
		margin-top: 4px;
	}
	.search-box .search-bot input {
		height: 30px;
		font-size: 12px;
		padding-right: 70px;
	}
	.search-box .search-bot button {
		width: 70px;
		font-size: 12px;
	}
	.search-box .search-bot button i {
		font-size: 12px;
	}
	.hot-key a {
		margin-right: 8px;
		font-size: 12px;
	}
	.hot-key span {
		margin-right: 4px;
		font-size: 12px;
	}
	.hot-key {
		line-height: 14px;
		margin-top: 8px;
	}
	.nav {
		height: 38px;
	}
	.nav .menu ul li b a {
		height: 38px;
		font-size: 14px;
		line-height: 38px;
		padding: 0 18px;
	}
	.nav .menu ul li .menu-top a {
		height: 38px;
		font-size: 14px;
		line-height: 38px;
		padding: 0 18px;
	}
	.nav .menu ul li .menu-top a i {
		font-size: 8px;
		margin: 16px 0 0 3px;
	}
	.nav .menu ul li .menu-bot {
		top: 38px;
	}
	.nav-bot,.nav-bot .item {
		height: 40px;
	}
	.nav .menu ul li .menu-bot p a {
		height: 40px;
		font-size: 14px;
		line-height: 40px;
	}
	.nav-bot .item span a {
		font-size: 12px;
		margin-left: 5px;
	}
	.nav-bot .item span b {
		font-size: 12px;
		margin-top: 0;
	}
	.nav-bot .item span b i {
		margin: 6px 6px 0 0;
	}
	.nav-bot .item span {
		margin-top: 9px;
		margin-right: 0;
		padding-left: 18px;
	}
	.broadcast dd li, .broadcast {
		font-size: 12px;
		line-height: 30px;
		height: 32px;
	}
	#scrollobj {
		height: 32px;
	}
	.product-classify {
		width: 210px;
	}
	.product-classify ul li .icon i {
		font-size: 16px;
	}
	.class-a p {
		font-size: 12px;
		height: 16px;
		line-height: 16px;
	}
	.product-classify ul li .icon {
		margin-right: 6px;
		width: 18px;
		margin-top: 4px;
	}
	.product-classify .pro-title {
		padding: 0 14px;
		line-height: 32px;
		height: 32px;
	}
	.product-classify .pro-title a i {
		font-size: 18px;
	}
	.product-classify .pro-title a {
		font-size: 14px;
	}
	.product-classify .pro-title span {
		font-size: 28px;
	}
	.product-classify ul li {
		padding: 10px 12px 8px;
	}
	.brand-partner li .image {
		margin-top: 9px;
	}
	.class-a p i {
		font-size: 8px;
	}
	.class-a span {
		font-size: 12px;
		height: 18px;
		line-height: 18px;
		white-space: normal;
	}
	.class-b {
		left: 210px;
		width: 776px;
		min-height: 507px;
		padding: 24px 15px 24px 22px;
	}
	.class-b .class-adv {
		width: 162px;
		margin-left: 25px;
	}
	.class-b .class-adv .item span {
		margin-top: 8px;
		font-size: 12px;
		line-height: 14px;
		height: 14px;
	}
	.class-b .class-adv .item p {
		margin-top: 14px;
		font-size: 12px;
		line-height: 14px;
		height: 14px;
	}
	.class-b .class-adv .item {
		margin-top: 10px;
		padding: 7px 7px 12px;
	}
	.class-a span a {
		margin-right: 5px;
	}
	.class-b .class-txt .class-c {
		font-size: 14px;
		line-height: 24px;
	}
	.class-b .class-txt .class-c b i {
		margin-top: 5px;
	}
	.class-b .class-txt .class-c .more {
		font-size: 12px;
	}
	.class-txt .item-txt a {
		font-size: 12px;
		margin-right: 10px;
		margin-top: 8px;
	}
	.class-txt .brands-box {
		margin-top: 32px;
	}
	.class-txt .item-txt p {
		margin-right: -10px;
	}
	.class-b .class-txt .item {
		padding-right: 20px;
		margin-top: 15px;
	}
	.class-b .class-txt .pro-type {
		margin-right: -30px;
		margin-top: -20px;
	}
	.class-txt .brands-box .brands-li p {
		font-size: 12px;
		margin-top: 6px;
		height: 14px;
		line-height: 14px;
	}
	.class-txt .brands-box .brands-li {
		margin-top: 12px;
	}
	.top-main .news {
		width: 480px;
		margin: 0 20px;
	}
	.top-main .news .news-tab a {
		font-size: 16px;
		height: 32px;
		line-height: 32px;
	}
	.top-main .news .news-tab a::after {
		bottom: -7px;
		border-width: 7px 8px 0 8px;
	}
	.top-main .news .news-tab a::before {
		top: 12px;
		width: 1px;
		height: 18px;
	}
	.news-bot .news-top .title {
		font-size: 14px;
		line-height: 16px;
		height: 16px;
	}
	.news-bot .news-list li .time {
		font-size: 12px;
	}

	.news-bot .news-top p {
		margin-top: 8px;
		line-height: 16px;
		height: 32px;
		font-size: 12px;
	}
	.news-bot .news-list li a {
		font-size: 12px;
	}
	.news-bot .news-list li i {
		margin-top: 7px;
		margin-right: 6px;
	}
	.news-bot .news-list li {
		margin-top: 15px;
		line-height: 14px;
		height: 14px;
		padding-right: 68px;
	}
	.top-main .news .news-adv {
		margin-top: 12px;
	}
	.brand-partner .title img {
		width: 60px;
	}
	.top-main .news .news-adv li .image {
		height: 82px;
	}
	.news-bot .news-top {
		padding: 20px 0 14px;
	}
	.top-main {
		margin-bottom: 5px;
		margin-top: 16px;
	}
	.brand-partner .title {
		margin-bottom: 12px;
		font-size: 16px;
		line-height: 22px;
	}
	.web-live {
		width: 637px;
		margin-right: 40px;
	}
	.mt40 {
		margin-top: 25px;
	}
	.part1 .title span {
		top: 4px;
		font-size: 12px;
	}
	.part1 .title p {
		font-size: 18px;
	}
	.part1 .title p i {
		margin-left: 8px;
		width: 18px;
		height: 12px;
	}
	.web-live .box li {
		width: 163px;
		margin-top: 14px;
	}
	.web-live .box li:first-of-type {
		width: 322px;
	}
	.web-live .box li .item {
		margin-right: 12px;
	}
	.web-live .box ul {
		margin-right: -12px;
	}
	.web-live .box li .image mark {
		font-size: 12px;
	}
	.web-live .box li:first-of-type .image p span {
		font-size: 12px;
		line-height: 14px;
		height: 14px;
	}
	.web-video .hot-video {
		margin-top: 18px;
	}
	.web-video .hot-video dl {
		margin-top: 8px;
		line-height: 14px;
		height: 14px;
		font-size: 12px;
	}
	.part2 .video-tab p a {
		font-size: 18px;
		margin-right: 24px;
		line-height: 24px;
	}
	.part2 .title .join {
		padding: 0 12px;
		font-size: 12px;
		height: 22px;
		line-height: 20px;
	}
	.video-bot {
		margin-top: 15px;
	}
	.web-video .hot-video ul {
		margin-top: 17px;
	}
	.video-bot li .item {
		margin-right: 17px;
	}
	.video-bot ul {
		margin-right: -17px;
	}
	.video-bot li .text p {
		font-size: 14px;
		line-height: 16px;
		height: 16px;
	}

	.web-live .box .image p span, .web-video .hot-video li .image p span {
		font-size: 12px;
		line-height: 14px;
		height: 14px;
	}
	.web-live .box li .image i, .web-video .hot-video li .image i {
		width: 24px;
		height: 24px;
		line-height: 24px;
		text-indent: 1px;
		font-size: 10px;
		bottom: 30px;
	}
	.video-bot li .text {
		margin-top: 10px;
	}
	.video-bot li .text .city {
		margin-top: 10px;
		font-size: 12px;
		line-height: 16px;
		height: 16px;
	}
	.video-bot li .text .city i {
		font-size: 13px;
		margin-right: 4px;
	}
	.part2 .banner-adv {
		margin-top: 10px;
	}
	.public-title p b {
		font-size: 24px;
	}
	.business-box .title {
		margin-top: 15px;
	}
	.public-title p span {
		margin-top: 13px;
	}
	.public-title p {
		font-size: 14px;
	}
	.public-title p b img {
		margin-top: 0px;
		max-width: 29px;
	}
	.public-title .join {
		padding: 0 8px;
		font-size: 12px;
		height: 24px;
		line-height: 22px;
	}
	.part3 .list-box {
		margin-top: 12px;
	}
	.part3 .list-box li .item {
		margin-right: 16px;
		padding: 12px;
	}
	.part3 .list-box ul {
		margin-right: -16px;
	}
	.part3 .list-box li .image {
		height: 126px;
	}
	.part3 .list-box li .text p {
		font-size: 14px;
		height: 16px;
		line-height: 16px;
	}
	.part3 .list-box li .text .data {
		line-height: 16px;
		font-size: 12px;
	}
	.part3 .list-box li .text .data span {
		height: 16px;
	}
	.part3 .list-box li .text .btn a.innova {
		margin-right: 8px;
	}
	.part3 .list-box li .text .btn {
		margin-top: 10px;
	}
	.part3 .list-box li .text .btn a {
		width: 75px;
		height: 28px;
		line-height: 26px;
		font-size: 12px;
	}
	.part4 .recommend-box ul {
		margin-right: -16px;
	}
	.part4 .recommend-box li .left p {
		font-size: 14px;
		line-height: 18px;
		height: 36px;
	}
	.part4 .recommend-box li .left .name a {
		line-height: 24px;
		height: 24px;
	}
	.part4 .recommend-box li .right .Li p {
		font-size: 12px;
		height: 14px;
		line-height: 14px;
		margin-top: 2px;
	}
	.business-box .Li .item {
		margin-right: 25px;
	}
	.part4 .recommend-box li .right .Li {
		padding: 7px 7px 0;
	}
	.part4 .recommend-box li {
		margin-top: 14px;
	}
	.part4 .recommend-box li .left .image {
		height: 92px;
		margin-top: 10px;
	}
	.part4 .recommend-box li .left .name {
		margin-top: 10px;
		padding: 0;
	}
	.part4 .recommend-box li .right .Li .image {
		height: 69px;
		padding: 8px;
		box-sizing: border-box;
	}
	.part4 .recommend-box ul {
		margin-right: -16px;
	}
	.part4 .recommend-box li .item {
		height: 286px;
	}
	.public-title.line {
		padding-bottom: 15px;
	}
	.part4 .recommend-box li .item {
		height: 198px;
		margin-right: 16px;
	}
	.business-box .Ul {
		margin-right: -25px;
	}
	.part4 .recommend-box li .left {
		width: 114px;
		padding: 13px 12px;
	}
	.business-box .title span {
		font-size: 16px;
		padding-bottom: 6px;
	}
	.business-box ul, .business-box .scroll-item, .business-box .my-scroll-item {
		margin-top: 18px;
	}
	.business-box li {
		margin-top: 16px;
		line-height: 18px;
		height: 18px;
	}
	.business-box li img {
		width: 17px;
		margin-top: 1px;
	}
	.business-box .qiuList li a {
		padding-right: 110px;
	}
	.business-box li .price b {
		font-size: 12px;
	}
	.business-box .my-scroll-item li {
		padding-top: 16px;
	}
	.business-box li i {
		margin-right: 7px;
		margin-top: 8px;
	}
	.business-box .my-scroll-item {
		height: 256px;
	}
	.business-box .advBox {
		margin-top: 12px;
	}
	.business-box .advBox .image {
		width: 92px;
		height: 92px;
		margin-right: 20px;
	}
	.business-box .advBox .text p {
		margin-top: 16px;
		font-size: 16px;
		line-height: 18px;
		height: 18px;
	}
	.business-box .advBox .text .btn a {
		margin-right: 10px;
		width: 82px;
		height: 28px;
		line-height: 28px;
		font-size: 12px;
	}
	.business-box .scroll-item li {
		padding-top: 14px;
	}
	.business-box .scroll-item {
		height: 156px;
	}
	.business-box li a {
		font-size: 12px;
	}
	.business-box li span {
		font-size: 12px;
	}
	.business-box .qiuList li span.day {
		right: 58px;
	}
	.exhibition-left {
		width: 270px;
	}
	.exhibition-center {
		margin: 0 22px;
		width: 420px;
	}
	.exhibition-left .title {
		font-size: 16px;
		margin-top: 14px;
	}
	.exhibition-left .title i {
		font-size: 20px;
		margin-right: 5px;
	}
	.exhi-img-big {
		height: 211px;
		margin-top: 14px;
	}
	.exhibition .public-tab a.focus {
		font-size: 16px;
		padding: 0 10px;
	}
	.exhibition .public-tab a {
		font-size: 14px;
		line-height: 22px;
		padding: 0 14px;
	}
	.exhibition .public-tab {
		margin-top: 14px;
	}
	.exhibition .public-tab p {
		height: 36px;
	}
	.public-title .tel {
		top: 6px;
		font-size: 12px;
	}
	.public-title .tel i {
		font-size: 18px;
	}
	.exhibition .meeting-bot {
		margin-top: 22px;
	}
	.exhibition .meeting-bot .meet-ul li.meeting-top {
		font-size: 14px;
		line-height: 16px;
		height: 16px;
		margin-top: 22px;
	}
	.exhibition .meeting-bot .meet-ul li {
		margin-top: 13px;
		font-size: 12px;
		line-height: 14px;
		height: 14px;
	}
	.exhibition .meeting-bot .meet-ul li i {
		margin-top: 6px;
	}
	.exhibition .meeting-bot .meet-ul li.meeting-top i {
		margin-top: 7px;
	}
	.report-bot {
		margin-top: 22px;
	}
	.report-bot li p {
		font-size: 12px;
		line-height: 15px;
		height: 15px;
	}
	.report-bot li {
		margin-top: 11px;
		padding-left: 20px;
	}
	.report-bot li.active .image {
		margin: 12px 0;
	}
	.public-title .tip {
		font-size: 14px;
	}
	.online-bot {
		margin-top: 12px;
	}
	.online-bot li {
		margin-top: 12px;
	}
	.online-tab p a {
		font-size: 14px;
		padding: 0 18px;
		min-width: 100px;
	}
	.online-tab {
		height: 44px;
		line-height: 44px;
	}
	.online-bot li .item {
		margin-right: 12px;
	}
	.online-bot ul {
		margin-right: -12px;
		margin-top: -12px;
	}
	.part8 .technology {
		margin-top: 15px;
	}
	.online-bot li .text {
		padding: 12px 10px;
	}
	.online-bot li .text p {
		font-size: 13px;
		height: 15px;
		line-height: 15px;
	}
	.online-bot li .text span {
		margin-top: 10px;
		font-size: 12px;
		line-height: 14px;
		height: 14px;
	}
	.public-title.line .join {
		bottom: 14px;
	}
	.part8 .technology .right {
		width: 258px;
		margin-left: 24px;
	}
	.part8 .technology .title {
		padding-bottom: 14px;
	}
	.part8 .technology .title b {
		font-size: 16px;
	}
	.part8 .technology .title b i {
		font-size: 20px;
	}
	.part8 .technology .title .more {
		font-size: 12px;
	}
	.part8 .technology .right li .icon {
		width: 35px;
		margin-right: 10px;
	}
	.part8 .technology .right li .text p {
		font-size: 12px;
		line-height: 14px;
		height: 14px;
	}
	.part8 .technology .right li .data {
		margin-top: 7px;
		font-size: 12px;
	}
	.part8 .technology .right li {
		padding: 9px 0;
	}
	.technology-nav a {
		padding: 0 12px;
		font-size: 14px;
	}
	.technology-nav a::after {
		top: 1px;
		height: 16px;
	}
	.technology-list {
		margin-top: 12px;
	}
	.technology-left .list-top {
		padding: 17px 10px 15px;
	}
	.technology-left {
		width: 270px;
		margin-right: 24px;
	}
	.technology-list .list li {
		margin-top: 15px;
		line-height: 18px;
		height: 18px;
		font-size: 12px;
	}
	.technology-left .list-top p {
		font-size: 14px;
		line-height: 16px;
		height: 16px;
	}
	.technology-left .list-top img {
		margin-top: 2px;
		width: 20px;
		width: 16px;
	}
	.technology-left .list-top .content {
		margin-top: 10px;
		font-size: 12px;
		height: 14px;
		line-height: 14px;
		padding-right: 40px;
	}
	.technology-right .list-top p {
		font-size: 14px;
		line-height: 16px;
		height: 16px;
	}
	.technology-right .list-top .content {
		font-size: 12px;
		line-height: 16px;
		height: 32px;
		margin-top: 8px;
	}
	.technology-right .list-top {
		padding: 2px 0 14px;
	}
	.technology-list .list li i {
		margin-right: 8px;
		margin-top: 8px;
	}
	.technology-right .list-top::after {
		width: 40px;
	}
	.job {
		margin-top: 20px;
	}
	.job .title {
		width: 34px;
		height: 66px;
		line-height: 66px;
	}
	.job .title img {
		width: 16px;
	}
	.job .list {
		height: 65px;
	}
	.job .list li {
		padding: 0 12px 0 12px;
		margin-top: 16px;
		width: 242px;
	}
	.job .list li .icon {
		width: 18px;
		margin-right: 6px;
	}
	.job .list li .text p {
		margin-top: 0;
		font-size: 12px;
		height: 16px;
		line-height: 16px;
	}
	.job .list li .text .data span {
		font-size: 12px;
		margin-right: 4px;
	}
	.job .list li .text .data {
		margin-top: 4px;
	}
	.job .list li::after {
		height: 30px;
		top: 4px;
	}
	.part9 .right {
		width: 258px;
		margin-left: 24px;
	}
	.part9 .left .company-list li p {
		height: 26px;
		line-height: 26px;
		font-size: 12px;
	}
	.part9 .left .public-title .meToo {
		top: 8px;
		font-size: 12px;
	}
	.part9 .right .right-box {
		margin-top: 43px;
		padding: 16px;
	}
	.part9 .right .title {
		margin-top: 20px;
	}
	.part9 .right .title .more {
		font-size: 12px;
	}
	.part9 .right .title p a {
		padding-bottom: 9px;
		font-size: 14px;
		padding-right: 7px;
		padding-left: 7px;
	}
	.part9 .left .company-list {
		margin-top: 16px;
	}
	.member-tab {
		margin-top: 12px;
	}
	.member-tab p a {
		font-size: 14px;
		padding: 0 22px;
		line-height: 34px;
		height: 34px;
		border-radius: 22px;
		margin: 0 43px;
	}
	.member-tab p a::after {
		right: -58px;
		font-size: 18px;
	}
	.member-bot li {
		padding-top: 16px;
		font-size: 12px;
		line-height: 20px;
		height: 38px;
	}
	.member-bot {
		height: 258px;
	}
	.member-bot li span {
		margin-top: -1px;
	}
	.part9 .right li {
		margin-top: 14px;
		font-size: 14px;
		line-height: 16px;
		height: 16px;
	}
	.part9 .star li i {
		font-size: 16px;
		margin-right: 7px;
	}
	.part9 .right .new-join li i {
		margin-right: 8px;
		margin-top: 8px;
	}
	.show-web {
		padding: 15px 12px 12px;
		margin-top: 16px;
	}
	.show-web .title .tip {
		font-size: 12px;
	}
	.show-web .title b {
		font-size: 16px;
	}
	.show-web .title b img {
		width: 16px;
		margin-top: 4px;
	}
	.web-list {
		margin-top: 18px;
		height: 186px;
	}
	.show-web .title .tip a {
		height: 26px;
		line-height: 24px;
		padding: 0 10px;
	}
	.web-list li .item {
		margin-right: 10px;
		padding: 10px;
	}
	.web-list li {
		margin-top: 12px;
		width: 194px;
	}
	.web-list ul {
		margin-top: -12px;
		margin-right: -12px;
	}
	.web-list li .image {
		margin-right: 10px;
		width: 56px;
		height: 56px;
		line-height: 56px;
	}
	.web-list li .text {
		height: 56px;
	}
	.web-list li .text p {
		font-size: 14px;
		line-height: 16px;
		height: 16px;
		margin-top: 6px;
	}
	.web-list li .text .btn {
		margin-top: 8px;
	}
	.web-list li .text .btn span {
		padding: 0 10px;
		height: 24px;
		line-height: 24px;
		font-size: 12px;
	}
	.company-adv {
		margin-top: 18px;
	}
	.company-adv li p {
		line-height: 26px;
		height: 26px;
		font-size: 12px;
	}
	.part10 .public-title p b img {
		max-width: 28px;
		margin-top: -4px;
	}
	.part10 .list ul {
		margin: 0 -10px;
		margin-top: -10px;
	}
	.part10 .list li a .txt b {
		font-size: 14px;
		padding: 0 12px;
	}
	.part10 .list li a .image {
		height: 90px;
	}
	.part10 .list li a {
		margin: 10px;
		padding-bottom: 15px;
	}
	.link-tab p a {
		font-size: 16px;
		height: 46px;
		line-height: 46px;
	}
	.link-bot li a {
		font-size: 12px;
		margin-top: 8px;
	}

	.lista a {
		font-size: 12px;
		padding: 0 3px;
		min-width: 52px;
		line-height: 24px;
		margin-right: 10px;
		height: 28px;
	}
	.foot-nav {
		margin-right: 0;
		width: 180px;
	}
	.hot-line {
		margin: 0 45px;
	}
	.footer .foot-title {
		font-size: 14px;
	}
	.footer {
		margin-top: 35px;
		padding: 30px 0 15px;
	}
	.footer-bottom {
		padding: 26px 0 10px;
	}
	.footer-bottom .hui {
		margin-top: 8px;
		height: 36px;
	}
	.footer .foot-content p {
		margin-top: 18px;
		font-size: 12px;
		height: 12px;
	}
	.copy-right a p {
		transform: scale(0.9);
	}
	.copy-right a span {
		margin-right: 2px;
	}
	.footer .foot-content p a {
		min-width: 88px;
	}
	.footer .kefu {
		margin-top: 15px;
		font-size: 14px;
		line-height: 28px;
	}
	.footer .foot-content .contact-qq p a {
		margin-top: -2px;
		width: 16px;
	}
	.footer .qr-code {
		padding-left: 0;
	}
	.hot-line {
		margin: 0 15px;
	}
	.footer .qr-code li p {
		font-size: 12px;
	}
	.footer .qr-code li .image {
		padding: 2px;
		width: 86px;
		height: 86px;
	}
	.footer .qr-code li {
		margin-top: 4px;
		margin-right: 10px;
	}
	.footer .qr-code ul {
		margin-top: 14px;
	}
	.copy-right {
		margin-top: 35px;
		font-size: 0;
	}
	.top-menu li {
		margin-top: 8px;
	}
	.top-menu li .menu-item {
		padding: 2px 3px;
	}
	.top-menu li .menu-item p {
		line-height: 18px;
		font-size: 14px;
	}
	.top-menu li .menu-item p a {
		line-height: 18px;
		font-size: 12px;
	}
	.top-menu li .menu-item span {
		margin-top: 5px;
	}
	.top-menu li .menu-item span a {
		margin-right: 6px;
		height: 26px;
		line-height: 26px;
		font-size: 12px;
	}
	.business-box .new-price li b {
		width: 15px;
		height: 15px;
		margin: 3px 8px 0 0;
		background-size: 100% 100%;
	}
	.business-box .new-price li span {
		font-size: 12px;
	}
	.business-box .new-price li span.day {
		width: 36px;
	}
	.business-box .new-price li a {
		width: 68%;
	}
	.footer .foot-content .foot-img{
		right: -3px;
		bottom: -22px;
		width: 85px;
	}

}

@media only screen and (max-width:1024px){
	.iframe iframe {
		width: calc(100% + 0px);
		margin-left: 0;
	}
	.quick-publish {
		right: 378px;
	}
	.header--drop ul {
		right: 225px;
	}
	.header--drop ul li a,.header .right li {
		padding: 0 7px;
	}
	.business-box li span.city {
		max-width: 24px;
	}
	.business-box li span.day {
		right: 58px;
	}
	.main,.fix-navigation .item{
		width: 848px;
	}
	.header--drop ul {
		right: 233px;
	}

	.adNewLeft dt,.adNewRight dt {
		width: 55px;
		height: 250px;
	}
	.technology-list .list li span {
		font-size: 12px;
	}
	.exhibition .meeting-bot .list-top p {
		font-size: 14px;
		line-height: 16px;
		height: 16px;
	}
	.exhibition .meeting-bot .list-top i {
		font-size: 14px;
		margin-right: 3px;
	}
	.exhibition .meeting-bot .list-top .content {
		margin-top: 6px;
		font-size: 12px;
		height: 14px;
		line-height: 14px;
	}
	.exhibition .meeting-bot .list-top .content span {
		margin: 0 6px;
	}
	.exhi-ul li .time b {
		font-size: 12px;
		margin-bottom: 3px;
	}
	.exhibition .meeting-bot .list-top {
		padding: 10px 12px;
	}
	.exhi-ul li .time {
		padding: 5px 0 7px;
		margin-right: 6px;
		width: 32px;
	}
	.exhi-ul li .time::after {
		border-width: 10px 10px 0 0;
	}
	.exhi-ul li .time::before {
		border-width: 0 0 10px 10px;
	}
	.exhi-ul li .text p {
		font-size: 12px;
		line-height: 14px;
		height: 14px;
		margin-top: 1px;
	}
	.exhi-ul li .text .data {
		font-size: 12px;
		margin-top: 5px;
		line-height: 14px;
		height: 14px;
	}
	.exhi-ul {
		margin-top: 4px;
	}
	.exhi-ul li {
		margin-top: 3px;
	}
	.header .left p {
		margin-right: 14px;
	}
	.header .right li {
		padding: 0 8px;
	}
	.header .left ul li a {
		margin-right: 10px;
	}
	.top-main .top-adv .image {
		height: 76px;
	}
	.top {
		margin-top: 18px;
	}
	.fix-search {
		margin: 0 36px;
		width: 476px;
	}
	.fix-search .form input {
		width: 328px;
	}
	.top .logo {
		margin-left: 14px;
		width: 127px;
		margin-top: 2px;
	}
	.top .search {
		margin: 0 32px 0;
	}
	.top .search-tab a {
		font-size: 12px;
		margin-right: 11px;
	}
	.right-adv {
		width: 220px;
		margin-top: 10px;
	}
	.search-box .search-bot input {
		height: 30px;
		font-size: 12px;
		padding-right: 70px;
	}
	.search-box .search-bot button {
		width: 70px;
		font-size: 12px;
	}
	.search-box .search-bot button i {
		font-size: 12px;
	}
	.hot-key a {
		margin-right: 8px;
		font-size: 12px;
	}
	.hot-key span {
		margin-right: 4px;
		font-size: 12px;
	}
	.hot-key {
		line-height: 14px;
		margin-top: 8px;
	}
	.nav {
		height: 38px;
	}
	.nav .menu ul li b a {
		height: 38px;
		font-size: 14px;
		line-height: 38px;
		padding: 0 13px;
	}
	.nav .menu ul li .menu-top a {
		height: 38px;
		font-size: 14px;
		line-height: 38px;
		padding: 0 18px;
	}
	.nav .menu ul li .menu-top a i {
		font-size: 8px;
		margin: 16px 0 0 3px;
	}
	.nav .menu ul li .menu-bot {
		top: 38px;
	}
	.nav-bot,.nav-bot .item {
		height: 40px;
	}
	.nav .menu ul li .menu-bot p a {
		height: 40px;
		font-size: 14px;
		line-height: 40px;
	}
	.nav-bot .item span a {
		font-size: 12px;
		margin-left: 6px;
	}
	.nav-bot .item span b {
		font-size: 12px;
		margin-top: 0;
	}
	.nav-bot .item span b i {
		margin: 6px 6px 0 0;
	}
	.nav-bot .item span {
		margin-top: 9px;
		margin-right: 0;
		padding-left: 0;
	}
	.broadcast dd li, .broadcast {
		font-size: 12px;
		line-height: 30px;
		height: 32px;
	}
	#scrollobj {
		height: 32px;
	}
	.product-classify {
		width: 180px;
	}
	.product-classify ul li .icon i {
		font-size: 14px;
	}
	.class-a p {
		font-size: 12px;
		height: 16px;
		line-height: 16px;
	}
	.product-classify ul li .icon {
		margin-right: 6px;
		width: 16px;
		margin-top: 4px;
	}
	.product-classify .pro-title {
		padding: 0 12px;
		line-height: 28px;
		height: 28px;
	}
	.product-classify .pro-title a i {
		font-size: 14px;
		margin-right: 6px;
	}
	.product-classify .pro-title a {
		font-size: 14px;
	}
	.product-classify .pro-title span {
		font-size: 22px;
	}
	.product-classify ul li {
		padding: 6px 10px 4px;
	}
	.brand-partner li .image {
		margin-top: 7px;
	}
	.class-a p i {
		font-size: 8px;
	}
	.class-a span {
		font-size: 12px;
		height: 18px;
		line-height: 18px;
		white-space: normal;
	}
	.class-b {
		left: 180px;
		width: 668px;
		min-height: 430px;
		padding: 22px 13px 22px 18px;
	}
	.class-b .class-adv {
		width: 140px;
		margin-left: 20px;
	}
	.class-b .class-adv .item span {
		margin-top: 8px;
		font-size: 12px;
		line-height: 14px;
		height: 14px;
	}
	.class-b .class-adv .item p {
		margin-top: 14px;
		font-size: 12px;
		line-height: 14px;
		height: 14px;
	}
	.class-b .class-adv .item {
		margin-top: 10px;
		padding: 7px 7px 12px;
	}
	.class-a span a {
		margin-right: 5px;
	}
	.class-b .class-txt .class-c {
		font-size: 14px;
		line-height: 24px;
		padding-bottom: 0;
	}
	.class-b .class-txt .class-c b i {
		margin-top: 5px;
	}
	.class-b .class-txt .class-c .more {
		font-size: 12px;
	}
	.class-txt .item-txt a {
		font-size: 12px;
		margin-right: 10px;
		margin-top: 8px;
	}
	.class-txt .brands-box {
		margin-top: 32px;
	}
	.class-txt .item-txt p {
		margin-right: -10px;
	}
	.class-b .class-txt .item {
		padding-right: 20px;
		margin-top: 15px;
	}
	.class-b .class-txt .pro-type {
		margin-right: -18px;
		margin-top: -20px;
	}
	.class-txt .brands-box .brands-li p {
		font-size: 12px;
		margin-top: 6px;
		height: 14px;
		line-height: 14px;
	}
	.class-txt .brands-box .brands-li {
		margin-top: 12px;
	}
	.top-main .news {
		width: 412px;
		margin: 0 20px;
	}
	.top-main .news .news-tab a {
		font-size: 14px;
		height: 28px;
		line-height: 28px;
	}
	.top-main .news .news-tab a::after {
		bottom: -5px;
		border-width: 5px 5px 0 5px;
	}
	.top-main .news .news-tab a::before {
		top: 12px;
		width: 1px;
		height: 18px;
	}
	.news-bot .news-top .title {
		font-size: 14px;
		line-height: 16px;
		height: 16px;
	}
	.news-bot .news-list li .time {
		font-size: 12px;
	}

	.news-bot .news-top p {
		margin-top: 8px;
		line-height: 16px;
		height: 32px;
		font-size: 12px;
	}
	.news-bot .news-list li a {
		font-size: 12px;
	}
	.news-bot .news-list li i {
		margin-top: 7px;
		margin-right: 6px;
	}
	.news-bot .news-list li {
		margin-top: 9px;
		line-height: 14px;
		height: 14px;
		padding-right: 68px;
	}
	.top-main .news .news-adv {
		margin-top: 12px;
	}
	.brand-partner .title img {
		width: 60px;
	}
	.top-main .news .news-adv li .image {
		height: 70px;
	}
	.news-bot .news-top {
		padding: 20px 0 14px;
	}
	.top-main {
		margin-bottom: 5px;
		margin-top: 16px;
	}
	.brand-partner .title {
		margin-bottom: 12px;
		font-size: 16px;
		line-height: 22px;
	}
	.web-live {
		width: 550px;
		margin-right: 32px;
	}
	.mt40 {
		margin-top: 20px;
	}
	.part1 .title span {
		top: 4px;
		font-size: 12px;
	}
	.part1 .title p {
		font-size: 18px;
	}
	.part1 .title p i {
		margin-left: 8px;
		width: 18px;
		height: 12px;
	}
	.web-live .box li {
		width: 141px;
		margin-top: 14px;
	}
	.web-live .box li:first-of-type {
		width: 280px;
	}
	.web-live .box li .item {
		margin-right: 12px;
	}
	.web-live .box ul {
		margin-right: -12px;
	}
	.web-live .box li .image mark {
		font-size: 12px;
	}
	.web-live .box li:first-of-type .image p span {
		font-size: 12px;
		line-height: 14px;
		height: 14px;
	}
	.web-video .hot-video {
		margin-top: 18px;
	}
	.web-video .hot-video dl {
		margin-top: 6px;
		line-height: 14px;
		height: 14px;
		font-size: 12px;
	}
	.part2 .video-tab p a {
		font-size: 18px;
		margin-right: 24px;
		line-height: 24px;
	}
	.part2 .title .join {
		padding: 0 12px;
		font-size: 12px;
		height: 22px;
		line-height: 20px;
	}
	.video-bot {
		margin-top: 12px;
	}
	.web-video .hot-video ul {
		margin-top: 10px;
	}
	.video-bot li .item {
		margin-right: 12px;
	}
	.video-bot ul {
		margin-right: -12px;
	}
	.video-bot li .text p {
		font-size: 14px;
		line-height: 16px;
		height: 16px;
	}

	.web-live .box .image p span, .web-video .hot-video li .image p span {
		font-size: 12px;
		line-height: 14px;
		height: 14px;
	}
	.web-live .box li .image i, .web-video .hot-video li .image i {
		width: 24px;
		height: 24px;
		line-height: 24px;
		text-indent: 1px;
		font-size: 10px;
		bottom: 30px;
	}
	.video-bot li .text {
		margin-top: 10px;
	}
	.video-bot li .text .city {
		margin-top: 6px;
		font-size: 12px;
		line-height: 16px;
		height: 16px;
	}
	.video-bot li .text .city i {
		font-size: 13px;
		margin-right: 4px;
	}
	.part2 .banner-adv {
		margin-top: 5px;
	}
	.public-title p b {
		font-size: 22px;
	}
	.business-box .title {
		margin-top: 15px;
	}
	.public-title p span {
		margin-top: 13px;
	}
	.public-title p {
		font-size: 14px;
	}
	.public-title p b img {
		margin-top: 0px;
		max-width: 29px;
	}
	.public-title .join {
		padding: 0 8px;
		font-size: 12px;
		height: 24px;
		line-height: 22px;
	}
	.part3 .list-box {
		margin-top: 12px;
	}
	.part3 .list-box li .item {
		margin-right: 12px;
		padding: 8px;
	}
	.part3 .list-box ul {
		margin-right: -12px;
	}
	.part3 .list-box li .image {
		height: 104px;
	}
	.part3 .list-box li .text p {
		font-size: 12px;
		height: 14px;
		line-height: 14px;
	}
	.part3 .list-box li .text .data {
		line-height: 16px;
		font-size: 12px;
	}
	.part3 .list-box li .text .data span {
		height: 16px;
	}
	.part3 .list-box li .text .btn a.innova {
		margin-right: 8px;
	}
	.part3 .list-box li .text .btn {
		margin-top: 10px;
	}
	.part3 .list-box li .text .btn a {
		width: 67px;
		height: 28px;
		line-height: 26px;
		font-size: 12px;
	}
	.part4 .recommend-box ul {
		margin-right: -16px;
	}
	.part4 .recommend-box li .left p {
		font-size: 14px;
		line-height: 18px;
		height: 36px;
	}
	.part4 .recommend-box li .left .name a {
		line-height: 24px;
		height: 24px;
	}
	.part4 .recommend-box li .right .Li p {
		font-size: 12px;
		height: 14px;
		line-height: 14px;
		margin-top: 2px;
	}
	.business-box .Li .item {
		margin-right: 20px;
	}
	.part4 .recommend-box li .right .Li {
		padding: 7px 5px 0;
	}
	.part4 .recommend-box li {
		margin-top: 14px;
	}
	.part4 .recommend-box li .left .image {
		height: 92px;
		margin-top: 10px;
	}
	.part4 .recommend-box li .left .name {
		margin-top: 10px;
		padding: 0;
	}
	.part4 .recommend-box li .right .Li .image {
		height: 69px;
		padding: 8px;
		box-sizing: border-box;
	}
	.part4 .recommend-box ul {
		margin-right: -12px;
	}
	.part4 .recommend-box li .item {
		height: 286px;
	}
	.public-title.line {
		padding-bottom: 15px;
	}
	.part4 .recommend-box li .item {
		height: 198px;
		margin-right: 12px;
	}
	.business-box .Ul {
		margin-right: -20px;
	}
	.part4 .recommend-box li .left {
		width: 100px;
		padding: 13px 5px;
	}
	.business-box .title span {
		font-size: 16px;
		padding-bottom: 6px;
	}
	.business-box ul, .business-box .scroll-item, .business-box .my-scroll-item {
		margin-top: 18px;
	}
	.business-box li {
		margin-top: 16px;
		line-height: 18px;
		height: 18px;
	}
	.business-box li img {
		width: 17px;
		margin-top: 1px;
	}
	.business-box .qiuList li a {
		padding-right: 110px;
	}
	.business-box li .price b {
		font-size: 12px;
	}
	.business-box .my-scroll-item li {
		padding-top: 16px;
	}
	.business-box li i {
		margin-right: 7px;
		margin-top: 8px;
	}
	.business-box .my-scroll-item {
		height: 256px;
	}
	.business-box .advBox {
		margin-top: 12px;
	}
	.business-box .advBox .image {
		width: 92px;
		height: 92px;
		margin-right: 12px;
	}
	.business-box .advBox .text p {
		margin-top: 16px;
		font-size: 12px;
		line-height: 14px;
		height: 13px;
	}
	.business-box .advBox .text .btn a {
		margin-right: 10px;
		width: 62px;
		height: 28px;
		line-height: 28px;
		font-size: 12px;
	}
	.business-box .scroll-item li {
		padding-top: 14px;
	}
	.business-box .scroll-item {
		height: 156px;
	}
	.business-box li a {
		font-size: 12px;
	}
	.business-box li span {
		font-size: 12px;
	}
	.business-box .qiuList li span.day {
		right: 58px;
	}
	.exhibition-left {
		width: 232px;
	}
	.exhibition-center {
		margin: 0 20px;
		width: 352px;
	}
	.exhibition-left .title {
		font-size: 16px;
		margin-top: 14px;
	}
	.exhibition-left .title i {
		font-size: 20px;
		margin-right: 5px;
	}
	.exhi-img-big {
		height: 181px;
		margin-top: 14px;
	}
	.exhibition .public-tab a.focus {
		font-size: 14px;
		padding: 0 6px;
	}
	.exhibition .public-tab a {
		font-size: 12px;
		line-height: 22px;
		padding: 0 14px;
	}
	.exhibition .public-tab {
		margin-top: 14px;
	}
	.exhibition .public-tab p {
		height: 36px;
	}
	.public-title .tel {
		top: 6px;
		font-size: 12px;
	}
	.public-title .tel i {
		font-size: 18px;
	}
	.exhibition .meeting-bot {
		margin-top: 12px;
	}
	.exhibition .meeting-bot .meet-ul li.meeting-top {
		font-size: 14px;
		line-height: 16px;
		height: 16px;
		margin-top: 22px;
	}
	.exhibition .meeting-bot .meet-ul li {
		margin-top: 9px;
		font-size: 12px;
		line-height: 14px;
		height: 14px;
	}
	.exhibition .meeting-bot .meet-ul li i {
		margin-top: 6px;
	}
	.exhibition .meeting-bot .meet-ul li.meeting-top i {
		margin-top: 7px;
	}
	.report-bot {
		margin-top: 12px;
	}
	.report-bot li p {
		font-size: 12px;
		line-height: 15px;
		height: 15px;
	}
	.report-bot li {
		margin-top: 8px;
		padding-left: 15px;
	}
	.report-bot li.active .image {
		margin: 9px 0;
	}
	.report-bot li::after {
		top: 6px;
		left: 1px;
		width: 3px;
		height: 3px;
	}
	.public-title .tip {
		font-size: 14px;
	}
	.online-bot {
		margin-top: 12px;
	}
	.online-bot li {
		margin-top: 12px;
	}
	.online-tab p a {
		font-size: 12px;
		padding: 0 15px;
		min-width: 84px;
	}
	.online-tab {
		height: 30px;
		line-height: 30px;
	}
	.online-bot li .item {
		margin-right: 12px;
	}
	.online-bot ul {
		margin-right: -12px;
		margin-top: -12px;
	}
	.part8 .technology {
		margin-top: 15px;
	}
	.online-bot li .text {
		padding: 8px 8px;
	}
	.online-bot li .text p {
		font-size: 12px;
		height: 14px;
		line-height: 14px;
	}
	.online-bot li .text span {
		margin-top: 6px;
		font-size: 12px;
		line-height: 14px;
		height: 14px;
	}
	.public-title.line .join {
		bottom: 14px;
	}
	.part8 .technology .right {
		width: 220px;
		margin-left: 22px;
	}
	.part8 .technology .title {
		padding-bottom: 8px;
	}
	.part8 .technology .title b {
		font-size: 14px;
	}
	.part8 .technology .title b i {
		font-size: 16px;
		margin-right: 4px;
	}
	.part8 .technology .title .more {
		font-size: 12px;
	}
	.part8 .technology .right li .icon {
		width: 35px;
		margin-right: 10px;
	}
	.part8 .technology .right li .text p {
		font-size: 12px;
		line-height: 14px;
		height: 14px;
	}
	.part8 .technology .right li .data {
		margin-top: 7px;
		font-size: 12px;
	}
	.part8 .technology .right li {
		padding: 9px 0;
	}
	.technology-nav a {
		padding: 0 12px;
		font-size: 14px;
	}
	.technology-nav a::after {
		top: 1px;
		height: 16px;
	}
	.technology-list {
		margin-top: 12px;
	}
	.technology-left .list-top {
		padding: 17px 10px 15px;
	}
	.technology-left {
		width: 270px;
		margin-right: 24px;
	}
	.technology-list .list li {
		margin-top: 15px;
		line-height: 18px;
		height: 18px;
		font-size: 12px;
	}
	.technology-left .list-top p {
		font-size: 14px;
		line-height: 16px;
		height: 16px;
	}
	.technology-left .list-top img {
		margin-top: 2px;
		width: 20px;
		width: 16px;
	}
	.technology-left .list-top .content {
		margin-top: 10px;
		font-size: 12px;
		height: 14px;
		line-height: 14px;
		padding-right: 40px;
	}
	.technology-right .list-top p {
		font-size: 14px;
		line-height: 16px;
		height: 16px;
	}
	.technology-right .list-top .content {
		font-size: 12px;
		line-height: 16px;
		height: 32px;
		margin-top: 8px;
	}
	.technology-right .list-top {
		padding: 2px 0 14px;
	}
	.technology-list .list li i {
		margin-right: 8px;
		margin-top: 8px;
	}
	.technology-right .list-top::after {
		width: 40px;
	}
	.job {
		margin-top: 20px;
	}
	.job .title {
		width: 34px;
		height: 66px;
		line-height: 66px;
	}
	.job .title img {
		width: 16px;
	}
	.job .list {
		height: 65px;
	}
	.job .list li {
		padding: 0 12px 0 12px;
		margin-top: 16px;
		width: 242px;
	}
	.job .list li .icon {
		width: 18px;
		margin-right: 6px;
	}
	.job .list li .text p {
		margin-top: 0;
		font-size: 12px;
		height: 16px;
		line-height: 16px;
	}
	.job .list li .text .data span {
		font-size: 12px;
		margin-right: 4px;
	}
	.job .list li .text .data {
		margin-top: 4px;
	}
	.job .list li::after {
		height: 30px;
		top: 4px;
	}
	.part9 .right {
		width: 220px;
		margin-left: 22px;
	}
	.part9 .left .company-list li p {
		height: 26px;
		line-height: 26px;
		font-size: 12px;
	}
	.part9 .left .public-title .meToo {
		top: 8px;
		font-size: 12px;
	}
	.part9 .right .right-box {
		margin-top: 43px;
		padding: 16px;
	}
	.part9 .right .title {
		margin-top: 20px;
	}
	.part9 .right .title .more {
		font-size: 12px;
	}
	.part9 .right .title p a {
		padding-bottom: 9px;
		font-size: 14px;
		padding-right: 7px;
		padding-left: 7px;
	}
	.part9 .left .company-list {
		margin-top: 16px;
	}
	.member-tab {
		margin-top: 12px;
	}
	.member-tab p a {
		font-size: 14px;
		padding: 0 22px;
		line-height: 34px;
		height: 34px;
		border-radius: 22px;
		margin: 0 25px;
	}
	.member-tab p a::after {
		right: -33px;
		font-size: 18px;
	}
	.part10 .list {
		margin-top: 18px;
	}
	.member-bot li {
		padding-top: 16px;
		font-size: 12px;
		line-height: 20px;
		height: 38px;
	}
	.member-bot {
		height: 258px;
	}
	.member-bot li span {
		margin-top: -1px;
	}
	.part9 .right li {
		margin-top: 14px;
		font-size: 12px;
		line-height: 14px;
		height: 14px;
	}
	.part9 .star li i {
		font-size: 16px;
		margin-right: 7px;
	}
	.part9 .right .new-join li i {
		margin-right: 8px;
		margin-top: 8px;
	}
	.show-web {
		padding: 15px 12px 12px;
		margin-top: 16px;
	}
	.show-web .title .tip {
		font-size: 12px;
	}
	.show-web .title b {
		font-size: 16px;
	}
	.show-web .title b img {
		width: 16px;
		margin-top: 4px;
	}
	.web-list {
		margin-top: 18px;
		height: 186px;
	}
	.show-web .title .tip a {
		height: 26px;
		line-height: 24px;
		padding: 0 10px;
	}
	.web-list li .item {
		margin-right: 10px;
		padding: 10px;
	}
	.web-list li {
		margin-top: 12px;
		width: 166px;
	}
	.web-list ul {
		margin-top: -12px;
		margin-right: -12px;
	}
	.web-list li .image {
		margin-right: 10px;
		width: 56px;
		height: 56px;
		line-height: 56px;
	}
	.web-list li .text {
		height: 56px;
	}
	.web-list li .text p {
		font-size: 14px;
		line-height: 16px;
		height: 16px;
		margin-top: 6px;
	}
	.web-list li .text .btn {
		margin-top: 8px;
	}
	.web-list li .text .btn span {
		padding: 0 10px;
		height: 24px;
		line-height: 24px;
		font-size: 12px;
	}
	.company-adv {
		margin-top: 18px;
	}
	.company-adv li p {
		line-height: 26px;
		height: 26px;
		font-size: 12px;
	}
	.part10 .public-title p b img {
		max-width: 28px;
		margin-top: -4px;
	}
	.part10 .list ul {
		margin: 0 -5px;
		margin-top: -10px;
	}
	.part10 .list li a .txt b {
		font-size: 14px;
		padding: 0 12px;
	}
	.part10 .list li a .image {
		height: 90px;
	}
	.part10 .list li a {
		margin: 5px;
		padding-bottom: 18px;
	}
	.link-tab p a {
		font-size: 12px;
		height: 30px;
		line-height: 30px;
		width: 64px;
	}
	.link-tab .followTab {
		width: 64px;
	}
	.link .title .join {
		top: 8px;
		font-size: 12px;
	}
	.link-bot li a {
		font-size: 12px;
		margin-top: 8px;
	}
	.lista a {
		font-size: 12px;
		padding: 0 2px;
		min-width: 52px;
		line-height: 24px;
		margin-right: 1px;
		height: 28px;
	}
	.foot-nav {
		margin-right: 5px;
		width: 138px;
	}
	.hot-line {
		margin: 0 6px;
	}
	.footer .foot-title {
		font-size: 14px;
	}
	.footer {
		margin-top: 35px;
		padding: 30px 0 15px;
	}
	.footer-bottom {
		padding: 15px 0 10px;
	}
	.footer-bottom .hui {
		margin-top: 8px;
		height: 36px;
	}
	.footer .foot-content p {
		margin-top: 18px;
		font-size: 12px;
		height: 12px;
	}
	.copy-right a p {
		transform: scale(0.9);
	}
	.copy-right a span {
		margin-right: 2px;
	}
	.footer .foot-content p a {
		min-width: 68px;
	}
	.footer .kefu {
		margin-top: 15px;
		font-size: 14px;
		line-height: 28px;
	}
	.footer .foot-content .contact-qq p a {
		margin-top: -2px;
		width: 16px;
	}
	.footer .qr-code {
		padding-left: 0;
	}
	.footer .qr-code li p {
		font-size: 10px;
	}
	.footer .qr-code li .image {
		padding: 2px;
		width: 64px;
		height: 64px;
	}
	.footer .qr-code li {
		margin-top: 4px;
		margin-right: 4px;
		width: 68px;
		float: initial;
		display: inline-block;
		vertical-align: top;
	}
	.footer .qr-code li:nth-child(2n+1) {
		width: 66px;
	}
	.footer .qr-code ul {
		margin-top: 14px;
	}
	.copy-right {
		margin-top: 15px;
		font-size: 0;
	}
	.copy-right a {
		margin: 0 2px;
		padding: 4px 1px;
	}
	.brand-partner {
		margin-top: 10px;
	}
	.top-menu li {
		margin-top: 8px;
	}
	.top-menu li .menu-item {
		padding: 2px 3px;
	}
	.top-menu li .menu-item p {
		line-height: 16px;
		font-size: 12px;
	}
	.top-menu li .menu-item p a {
		line-height: 16px;
		font-size: 10px;
	}
	.top-menu li .menu-item span {
		margin-top: 5px;
	}
	.top-menu li .menu-item span a {
		margin-right: 6px;
		height: 26px;
		line-height: 26px;
		font-size: 12px;
	}
	.business-box .new-price li b {
		width: 14px;
		height: 14px;
		margin: 3px 5px 0 0;
		background-size: 100% 100%;
	}
	.business-box .new-price li span {
		font-size: 12px;
	}
	.business-box .new-price li span.day {
		width: 36px;
	}
	.business-box .new-price li a {
		width: 65%;
	}
	.footer .foot-content .foot-img{
		right: -3px;
		bottom: -22px;
		width: 80px;
	}
}