﻿@charset "UTF-8";
body {
	overflow-x: hidden;
	overflow-y: auto;
}
body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {
	margin: 0px;
}
input, button, ul, ol {
	margin: 0px;
	padding: 0px;
}
body, input, button, form {
    font-size: 16px;
    line-height: 28px;
    font-family: "microsoft yahei", "宋体", "Arial","Nexa Bold Regular",sans-serif;
    color: #333;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 14px;
	font-weight: normal;
}
ul, ol, li {
	list-style: none;
}
input {
	background: none;
	border: 0 none;
}
a,a:visited,a:hover{text-decoration: none;}
.contraner{ width: 1200px; margin: 0 auto;}
.cdbox{ width:100%; float: left;}
.yincang{display:none;}
.bmmargin{ margin-bottom: 50px;}
.huise{
    filter:grayscale(100%);
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter:grayscale(1)
}
#lypagination{text-align: center;
    line-height: 50px;}
.baise{ color: #fff;}

/*header*/
.header {
    height: 90px;
    position: fixed;
    background: #fff;
    width: 100%;
    z-index: 9999;font-size:16px;
}
.logo {
    margin: 20px 0px;
    width: 150px;
    float: left;
}
.logo img{ width: 126px;}
.nav {
    width: 700px;
    float: left;
    line-height: 90px;
    height: 90px;
    margin: 0px 0px 0px 30px;
    z-index: 3;
}
.nav ul{}
    .nav ul li {
        padding: 0px 10px 0 19px;
        float: left;
        position: relative;
        height: 90px;
    }
        .nav ul li a {
            float: left;
            color: #333;
            height: 90px;
        }
        .nav ul li i.downarraw {
            background: url(../images/icon_shouqi.png) no-repeat center right;
            width: 10px;
            height: 10px;
            float: left;
            margin-top: 42px;
            margin-left: 5px;
        }
.nav ul li:hover a{color: #d7272a;}
.nav ul li:hover i.downarraw{background: url(../images/icon_xiala.png) no-repeat center right;}
.nav ul li font{border: 15px solid;display: none;
    border-color: transparent transparent #fff transparent;
    width: 20px;
    height: 20px;
    float: left;
    -webkit-filter: drop-shadow(0px -2px 2px #d7272a); /* Chrome, Safari, Opera */
    filter: drop-shadow(0px -2px 2px #d7272a);
    margin-top: 42px;
    z-index: 999;
    position: absolute;}
.nav_right {
    float: right;
    line-height: 90px;
    height: 90px;
    color: #d7272a;
}
.nav_right .tel{float: left;
    margin: 0 15px;
    background: url(../images/icon_tel.png) no-repeat center left;
    padding-left: 25px;}
.nav_right .trail{float: left;}
.nav_right .trail a{color: #d7272a;
    border-radius: 16px;
    border: solid 1px #d7272a;
    padding: 5px 20px;}
.nav_right .login{float: left; margin-left: 15px;}
.nav_right .login a{color: #d7272a;}



.navlist {
    margin: 90px 0px;
    position: fixed;
    background: #fff;
    width: 762px;
    float: left;
    z-index: 990;
    left: 20%;
    /*-webkit-box-shadow: 0px 0px 3px 0 #d7272a;
    box-shadow: 0px 0px 3px 0 #d7272a;*/
    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 5%), 0 6px 12px 0 rgb(0 0 0 / 4%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 5%), 0 6px 12px 0 rgb(0 0 0 / 4%); display:none;
}

    .navlist .subnav {
        width: 100%;
    }

        .navlist .subnav li {
            width: 100%;
            float: left;
            line-height: 35px;
            height: 200px;
            background: #E6EDFD;
            padding: 0px;
        }

            .navlist .subnav li span {
                float: left;
                width: 122px;
                text-align: center;font-weight:700;
            }

            .navlist .subnav li em {
                width: 640px;
                float: left;
                background: #fff;
                font-weight: normal;
                padding: 10px 10px 0px;
                font-style: normal
            }

            .navlist .subnav li a {
                height: 35px;
                width: 180px;
                margin: 20px 0 0 20px;
                background: #E6EDFD;
                line-height: 35px;
                border-radius: 6px;
                font-size: 14px; padding-left:15px;
            }

            .navlist .subnav li:nth-child(1) {
                height: 150px;
                margin-bottom: 5px;
            }

            .navlist .subnav li:nth-child(2) {
                height: 200px;
                margin-bottom: 5px;
            }
            .navlist .subnav li:nth-child(3) {
                height: 95px;
            }

            .navlist .subnav li:nth-child(1) span {
                background: url(../images/-s-icon_chanpin_black.png) no-repeat 50px 50px;
                padding-top: 70px;
            }

            .navlist .subnav li:nth-child(1) em {
                height: 153px;
                border-bottom: solid 1px #eee;
            }

            .navlist .subnav li:nth-child(1):hover span {
                background: url(../images/-s-icon_chanpin_red.png) no-repeat 50px 50px;
                color: #d7272a;
            }

            .navlist .subnav li:nth-child(2) span {
                background: url(../images/-s-icon_gongneng_black.png) no-repeat 50px 70px;
                padding-top: 90px;
            }

            .navlist .subnav li:nth-child(2) em {
                height: 202px;
                border-bottom: solid 1px #eee;
            }

            .navlist .subnav li:nth-child(2):hover span {
                background: url(../images/-s-icon_gongneng_red.png) no-repeat 50px 70px;
                color: #d7272a;
            }


            .navlist .subnav li:nth-child(3) span {
                background: url(../images/zixun.png) no-repeat 50px 20px;
                padding-top: 40px;
            }

            .navlist .subnav li:nth-child(3) em {
                height: 95px;
            }
            .navlist .subnav li:nth-child(3) em  a{
                width: 250px;
            }

            .navlist .subnav li:nth-child(3):hover span {
                background: url(../images/zixun_red.png) no-repeat 50px 20px;
                color: #d7272a;
            }
/*导航产品栏目图标*/
            .navlist .subnav li em a i {
                width: 20px;
                height: 35px;
                float: left;
                margin-right: 3px;
            }
            .navlist .subnav li:nth-child(1) em a:nth-child(1)  i{
                background: url(../images/hetongweishi.png) no-repeat left center;
            }
            .navlist .subnav li:nth-child(1) em a:nth-child(2)  i{
                background: url(../images/icon_shouce.png) no-repeat left center;
            }
            .navlist .subnav li:nth-child(1) em a:nth-child(3) i {
                background: url(../images/icon_ruzailifengkong.png) no-repeat left center;
            }
            .navlist .subnav li:nth-child(1) em a:nth-child(4) i {
                background: url(../images/icon_gongzitiao2.png) no-repeat left center;
            }
            .navlist .subnav li:nth-child(1) em a:nth-child(5) i {
                background: url(../images/icon_cidian.png) no-repeat left center;
            }
            .navlist .subnav li:nth-child(1) em a:nth-child(6) i {
                background: url(../images/tixi.png) no-repeat left center;
            }
.navlist .subnav li:nth-child(1) em a:nth-child(7) i {
    background: url(../images/icon_yuancheng.png) no-repeat left center;
}

            .navlist .subnav li:nth-child(2) em a:nth-child(1) i {
                /*background: url(../images/icon_duibi.png) no-repeat left center;*/
                background: url(../images/msg.png) no-repeat left center;
            }
            .navlist .subnav li:nth-child(2) em a:nth-child(2) i {
                background: url(../images/icon_yuancheng.png) no-repeat left center;
            }
            .navlist .subnav li:nth-child(2) em a:nth-child(3) i {
                background: url(../images/icon_fatiaojiansuo.png) no-repeat left center;
            }
            .navlist .subnav li:nth-child(2) em a:nth-child(4)  i{
                background: url(../images/icon_jisuanqi2.png) no-repeat left center;
            }
            .navlist .subnav li:nth-child(2) em a:nth-child(5) i {
                background: url(../images/icon_liucheng.png) no-repeat left center;
            }
            .navlist .subnav li:nth-child(2) em a:nth-child(6) i {
                background: url(../images/icon_dianqian.png) no-repeat left center;
            }
            .navlist .subnav li:nth-child(2) em a:nth-child(7) i {
                background: url(../images/icon_dangan.png) no-repeat left center;
            }
            .navlist .subnav li:nth-child(2) em a:nth-child(8) i {
                background: url(../images/icon_qiyerenzheng.png) no-repeat left center;
            }
            .navlist .subnav li:nth-child(2) em a:nth-child(9) i {
                background: url(../images/icon_shiming.png) no-repeat left center;
            }

            .navlist .subnav li:nth-child(3) em a:nth-child(1) i {
                background: url(../images/icon_fengxianpinggu.png) no-repeat left center;
            }
            .navlist .subnav li:nth-child(3) em a:nth-child(2) i {
                background: url(../images/icon_heguibaigao.png) no-repeat left center;
            }

            .nav .subnav2 {
                position: absolute;
                margin-top: 90px;
                display: none;
                text-align: center;
                background: #fff;
                border-radius: 0 0 4px 4px;
                -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 5%), 0 6px 12px 0 rgb(0 0 0 / 4%);
                box-shadow: 0 2px 4px 0 rgb(0 0 0 / 5%), 0 6px 12px 0 rgb(0 0 0 / 4%);
                margin-left: -30px;
                width: 130px;
                z-index: 2;
            }
.nav .subnav2 li{height: 35px;
    line-height: 35px;
    text-align: center;
    float: left;margin: 3px auto;}
    
.nav ul li:hover .navlist .subnav li a{color: #333;}
.nav ul li:hover .subnav2 li a{color: #333;}
.nav ul li:hover .navlist .subnav li a:hover{color: #d7272a;}
.nav ul li:hover .subnav2 li a:hover{color: #d7272a;}

/*banner*/
.banner{height: 500px;    padding-top: 100px;margin-bottom: 120px;}
.bleft{width: 50%;
    float: left;}
    .bleft h3 {
        font-size: 45px;
        font-weight: 700;
        height: 100px;
        line-height: 60px;
        margin-top: 100px;
    }
.bleft p{margin-top: 50px; font-size:18px;}
.inputapply{margin: 10px 0;
    /*float: left;*/
    line-height: 50px;}
    .inputapply input {
        border: solid 1px #d7272a;
        width: 360px;
        padding: 10px 30px;
        border-radius: 40px;
        font-size: 16px;
        float: left;
        outline: none;
        background: #fff;
    }
    .inputapply a {
        background: #d7272a;
    color: #fff;
    padding: 12px 40px;
    font-weight: 700;
    border-radius: 25px;
    font-size: 18px;margin-left: -150px;
    }
.banner .inputapply {
    margin: 50px 0;
}

.bright {
    width: 50%;
    float: right;
    text-align: right;
}
.bright img{ width:569px;margin-top: 50px;}
.playbutton{position: absolute;
    margin-top: -300px;
    margin-left: 265px;}
.playbutton img{ width: 98px;}

@keyframes playbutton {
    0%{
        transform: scale(1);
        opacity: 0.5;  border: 45px solid rgba(9,74,254,.5);
    }
    50%{
        transform: scale(1.5);  
        opacity: 0;   /*圆形放大的同时，透明度逐渐减小为0*/
    }
    100%{
        transform: scale(1);
        opacity: 0.5;border: 60px solid rgba(9,74,254,.1);
    }
}
.playbutton span{
    position: absolute;
    width: 100px;
    height: 100px;
    left: 0;
    bottom: 0;
    border-radius: 50%;
    -webkit-animation: playbutton 3s linear infinite;
    z-index: 1;
}
.playbutton span:nth-child(2){
    -webkit-animation-delay: 1.5s; /*第二个span动画延迟1.5秒*/
}

/*流程*/
.liucheng{ background: url(../images/img_bg_liucheng@2x.png) no-repeat center center; background-size: cover;min-width: 1200px;}
.cdtitle {
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    padding: 100px 0px 30px;
}
.cdsubtitle{width: 1200px;
    text-align: center;
    margin: 0 auto;
    font-size: 18px;}
.cdliuchengtu {
    width: 100%;
    text-align: center;
    margin: 0 auto 50px;
    margin-top: -70px;
}
.cdliuchengtu img{ margin-top: 60px;}

/*价值*/
.jiazhi{ background: url(../images/img_bg_jiazhi@2x.png) no-repeat center; background-size: cover;min-width: 1200px;}
.jiazhi_button {
    margin-top: 30px;
}
.jiazhi_button ul{width: 100%;
    float: left;
    clear: both;margin: 30px auto;}
.jiazhi_button ul li{float: left;
    width: 33%;
    text-align: center;
    border: solid 1px #d7272a;
    line-height: 50px;}
.mright{ margin-right: 20%;}
.tlradius{  border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.trradius{  border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
.jiazhi_button ul li a{ color:#333;}
.jiazhi_button ul li a.icon1{ background: url(../images/icon_chan_red.png) no-repeat left center; width: 20px; height: 20px;padding-left: 25px;}
.jiazhi_button ul li a.icon2{ background: url(../images/icon_AI.png) no-repeat left center; width: 20px; height: 20px;padding-left: 25px;}
    .jiazhi_button ul li a.icon3 {
        background: url(../images/icon_jiazhi_white.png) no-repeat left center;
        width: 20px;
        height: 20px;
        padding-left: 25px;
    }
.jiazhi_button ul li.selected{ background-color:#d7272a;}
.jiazhi_button ul li.selected a{ color:#fff;text-decoration: none;}
.jiazhi_button ul li.selected a.icon1{ background: url(../images/-s-icon_chan.png) no-repeat left center; width: 20px; height: 20px;}
.jiazhi_button ul li.selected a.icon2{ background: url(../images/-s-icon_AI_white.png) no-repeat left center; width: 20px; height: 20px;}
    .jiazhi_button ul li.selected a.icon3 {
        background: url(../images/icon_jiazhi.png) no-repeat left center;
        width: 20px;
        height: 20px;
    }
.jiazhi_list{width: 100%;
    float: left;}
.jiazhi_item{ height:462px;}
.jiazhi_item_left{width: auto;
    float: left; padding-left: 2%; max-width:60%;}
.cdbox .jiazhi_item_left h3{    font-size: 24px;
    font-weight: 700;    margin: 30px auto 30px; text-align: left; padding-left: 40px; line-height: 50px;
    height: 50px;}

.cdbox #jz1 .swiper-wrapper .swiper-slide:nth-child(2) h3 {
    background: url(../images/icon_laodonghetong.png) no-repeat left center;
}
.cdbox #jz1 .swiper-wrapper .swiper-slide:nth-child(3) h3 {
    background: url(../images/icon_shuomingshu.png) no-repeat left center;
}
.cdbox #jz1 .swiper-wrapper .swiper-slide:nth-child(4) h3 {
    background: url(../images/icon_gongzitiao.png) no-repeat left center;
}
.cdbox #jz1 .swiper-wrapper .swiper-slide:nth-child(5) h3 {
    background: url(../images/icon_ruzaili360.png) no-repeat left center;
}
.cdbox #jz1 .swiper-wrapper .swiper-slide:nth-child(6) h3 {
    background: url(../images/icon_shuomingshu.png) no-repeat left center;
}
.cdbox #jz1 .swiper-wrapper .swiper-slide:nth-child(7) h3 {
    background: url(../images/icon_xitong.png) no-repeat left center;
}

.cdbox #jz2 .swiper-wrapper .swiper-slide:nth-child(2)  h3{
    background: url(../images/icon_jisuanqi.png) no-repeat left center;
}
.cdbox #jz2 .swiper-wrapper .swiper-slide:nth-child(3) h3 {
    background: url(../images/icon_xinjiuduibi.png) no-repeat left center;
}
.cdbox #jz2 .swiper-wrapper .swiper-slide:nth-child(4) h3 {
    background: url(../images/icon_jiansuo.png) no-repeat left center;
}
.cdbox #jz2 .swiper-wrapper .swiper-slide:nth-child(5) h3 {
    background: url(../images/icon_shencha.png) no-repeat left center;
}

.cdbox #jz3 h3 {
    background: url(../images/icon_shouyi.png) no-repeat left center;
}

.jiazhi_item_left li{list-style: disc;
    margin-left: 20px;
    line-height: 30px;width: 90%;}
.jiazhi_item_left a{    width: 120px;
    float: left;
    text-align: center;
    background: #d7272a;
    color: #fff;
    margin: 50px auto 10px;
    border-radius: 20px;
    line-height: 40px;}
.jiazhi_item_right {
    width: auto;
    float: right;
    text-align: center;
    position: absolute;
    right: 0;
}
    .jiazhi_item_right img { width: 90%;
    margin-top: 50px;
    }
.jiazhi_yiwen{font-size: 20px;
    font-weight: 700;}
.cdslide{width: 150px;
    margin: 0 auto;    display: grid;}
.cdslide span{
    border: solid 1px #d7272a;
    float: left;
    text-align: center;
    margin: 8px;}
.cdslide span.cur{    color: #d7272a;
    background: #d7272a;
    border: solid 1px #d7272a;}
.cdslide span.swiper-pagination-bullet-active{background: #d7272a;}

/*solutions*/
.solustions{ background: url(../images/img_bg_fangan@2x.png) no-repeat center; background-size: cover;min-width: 1200px;}
.solution_item{width: 100%;
    float: left;background: #fff;
    border-radius: 10px;margin-top: 50px;}
.cdbox .solution_item .solution_right h3{ text-align: left;}
.solution_left{width: 45%;
    float: left;}
.solution_left img{ width: 100%;}
.solution_right{width: 55%;
    float: left;}
.solution_right h3{font-size: 22px;
    font-weight: 700;
    margin: 80px 0 30px 80px;}
.solution_right p{margin: 0px 0 30px 80px;
    text-indent: 2em;
    width: 75%; font-size:18px;}
.solution_right a{ width: 120px;
    float: left;
    text-align: center;
    background: #d7272a;
    color: #fff;
    margin: 50px auto 10px;
    border-radius: 20px;
    line-height: 40px;margin-left: 80px;}
.solution_slide{width: 100%;
    margin: 20px auto;
    text-align: center;
    float: left;}
.solution_slide li{    display: inline-block;
    width: 200px;
    text-align: center;
    background: #fff;
    padding: 10px;
    margin: 20px;}
.solution_slide li img{}
.solution_slide li span{width: 100%;
    float: left;}

/*cases*/
.caselist{background: #fff;
    border-radius: 6px;margin: 30px auto 50px;padding: 30px 0px;}
.caselist .csright{ margin-right: 0px;}
.caselist li{width: 106px;
    float: left;
    margin-right: 10px;
    margin: 10px 10px 10px 50px;
}
.caselist li img{ width: 106px;height: 58px;}

/*news*/
.newsbg{ /*background: url(../images/img_bg_zixun.png) no-repeat; background-size: cover;*/ background: #fff; min-width: 1200px;}
    .newsbg .newslist {
        width: 100%;
        float: left;
        margin-top: 30px;
    }
.newsbg .newslist dl{ display: block;
    width: 380px;
    height: 100%;
    background: #fff;
    box-shadow: 0 2px 24px rgb(28 76 186 / 8%);
    border-radius: 6px;
    overflow: hidden;float: left;
    margin: 20px 30px;}
    .newsbg .newslist dl dt {
        width: 100%;
        height: 200px;
        overflow: hidden;
        vertical-align: middle;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex-box;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }
.newsbg .newslist dl dt img{
    height: 200px;
    border-radius: 10px 10px 0px 0px;}
.newsbg .newslist dl dd h4{padding: 0 20px;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 28px;
    color: #333;
    font-weight: 400;
    margin-top: 30px;}
    .newsbg .newslist dl dd h4 a {
        color: #333;
        font-weight: 700;
    }
.newsbg .newslist dl dd p{margin-bottom: 32px;
    padding: 0 20px;
    color: #51565d;width: 319px;
    height: 106px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 30px;}

/*底部试用*/
.trailbg{background: url(../images/img__bg_shiyong@2x.png) no-repeat center; background-size: cover;height: 300px;min-width: 1200px;}
.trailinput{ width: 100%; margin: 20px auto;text-align:center;}
.trailbgcolor{
    background: #F0F4FF;}
/*footer*/
.footerbg{ background: #1c1a1b; color: #999999; font-size: 13px;min-width: 1200px;}
.footerbg a{color: #fff;}
.footer_left{ width: 27%; float: left;margin-top: 50px;margin-bottom: 30px;}
.cdbox .footer_left h3{font-size: 28px;
    color: #e4e4e4; text-align: left; padding: 0px; margin: 0px;}
.footer_left p {
    line-height: 40px;
    color: #fff;
}
.footer_left .footer_qr {
    margin-top: 25px;
    float: left;
    color: #fff;
}
.footer_left .footer_qr li{ width: 120px; float: left;margin-right: 40px;}
.footer_left .footer_qr li img{ width: 120px;}
.footer_left .footer_qr li span{ width: 100%; text-align: center; float: left;line-height: 40px;}
.footer_right{ width: 73%; float: left;margin-top: 50px;margin-bottom: 30px;}
.footer_right dl{ width: 13%;
    float: left;
    margin-left: 10px;}
.footer_right dl dt{font-size: 18px;
    color: #e4e4e4;}
.footer_right dl dd{float: left;
    margin: 20px 0;}
    .footer_right dl dd a {
        float: left;
        width: 100%;
        line-height: 35px;
        color: #fff;
    }
.footer_right dl.bmnav{width: 27%;}
.footer_right dl.bmnav dd a{width: 50%;}

.footer_bottom {
    line-height: 45px;
    width: 100%;
    text-align: center;
    float: left;
    color: #fff;
    margin:20px auto;
}

/*右侧固定开始*/

.floating_ck{position:fixed;
	right:20px;
	bottom: 15%;
    z-index: 99;}

    .floating_ck dl dd {
        position: relative;
        width: 57px;
        height: 57px;
        text-align: center;
        background-repeat: no-repeat;
        background-position: center 20%;
        cursor: pointer;
        border-radius: 5px;
    }

        .floating_ck dl dd:hover {
            /*background-color: #ffffff;
            border-bottom: solid 1px #ffffff;*/
        }

.floating_ck dl dd:hover .floating_left{display:block;}

.floating_left a.btnapplyDemo{color: #000;
    border: none;
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none;}

.consult{/*background-image:url(../images/icon_zaixianzixun.png);*/background-image:url(../images/icon_video.png);}

.words{background-image:url(../images/icon_dianhuazixun.png);}

.qrcord{background-image:url(../images/icon_saoma.png);}
.uptop{background-image:url(../images/icon_top.png);}

.floating_ck dd span{color:#fff;
	display:block;
	padding-top:43px; font-size:12px;}

.floating_left {
    position: absolute;
    left: -160px;
    top: 0px;
    width: 160px;
    height: 60px;
    background-color: #ffffff;
    border-bottom: solid 1px #ffffff;
    display: none;
    border-radius: 5px;-webkit-box-shadow: 2px 2px 4px 6px rgb(0 0 0 / 5%), 3px 6px 12px 12px rgb(0 0 0 / 4%);
    box-shadow: 2px 2px 4px 6px rgb(0 0 0 / 5%), 3px 6px 12px 12px rgb(0 0 0 / 4%);
}

.floating_left a{color:#333;
	line-height:60px;}

.floating_ewm{height:260px;
	top:-180px;}

.floating_ewm i{background-image:url(../images/guwen.jpg);
	display:block;
	width:145px;
	height:145px;
	margin:auto;
	margin-top:7px;
    background-size: 145px;}

.floating_ewm p{color:#333;margin-top:5px;}

.floating_ewm .qrcord_p01{font-size:12px;
	line-height:20px;}

.floating_ewm .qrcord_p02{font-size:18px;}
/*右侧固定结束*/

/*news*/
.newsbanner{width: 100%;height: 400px; background: url(../images/Banner-aboutus.png) no-repeat center;background-size: cover;margin-top: 70px;min-width: 1200px;}
.newdetail{ line-height: 36px;}
h3.newtitle {width: 100%; text-align: center;
    height: 29px;
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 30px;margin-top: 80px;float: left;}
.newdescrip{width: 100%;
    height: 16px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #999999;
    line-height: 30px;
    float: left;
    text-align: center;
    margin: 10px 0px 30px;}
.newdescrip span{ margin: 0px 20px;}
.xgnews{margin: 80px 0;
    float: left;}
.xgnews .xgtitle{width: 100%;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 30px; float: left;}
.xgnews .xgnewlist dl{float: left;
    width: 100%;
    border-bottom: solid 1px #eee;
    padding: 20px 0;}
.xgnews .xgnewlist dl dt{ width: 182px; float: right;}
.xgnews .xgnewlist dl dt img{ width: 182px; height: 82px;    margin-top: 20px;}
.xgnews .xgnewlist dl dd{width: 60%;
    float: left;
    margin: 20px 0;}
.xgnews .xgnewlist dl dd h3{width: 80%;
    height: 36px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 30px;}
.xgnews .xgnewlist dl dd h3 a{color: #333333;}
.xgnews .xgnewlist dl dd .xgzhaiyao{width: 100%;
    height: 40px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #999999;
    line-height: 24px;}

/*关于我们*/
.aboutbanner {
    width: 100%;
    height: 530px;
    background: url(../images/aboutusbanner5.png) no-repeat center;
    background-size: cover;
    margin-top: 70px;
    min-width: 1200px;
}
.aboutbanner2 {
    width: 100%;
    height: 530px;
    background: url(../images/Banner-abouts_2.png) no-repeat center;
    background-size: cover;
    margin-top: 70px;
    min-width: 1200px;
}
.aboutnav {
    height: 85px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 2px 2px 10px 5px rgb(39 54 78 / 12%);
    float: left;
    margin-top: -43px;
    margin-bottom: 80px;
    z-index: 999;
    position: relative;
}
.aboutnav li{float: left;
    margin: 10px 0px;
    width: 240px;
    text-align: center;}
.aboutnav li img{ width: 20px; height: 20px;}
.aboutnav li span{width: 100%;
    float: left;
    line-height: 35px;
    height: 17px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;}
    .aboutnav li a{ float: left; width: 100%;}
    .aboutnav li a span{color: #333333;}
    .aboutnav li.selected a span{color: #D9262A;}
.aboutnav li i.shuxian{width: 1px;
    color: #ddd;
    height: 65px;
    float: left;
    background: #eee;
    position: absolute;}

.profilebg{width: 100%;height: 640px; background: url(../images/img_bg_jianjie2.png) no-repeat center;background-size: cover;float: left;min-width: 1200px;}
    .profilebg h3 {
        width: 100%;
        text-align: center;
        height: 30px;
        color: #333333;
        line-height: 30px;
        float: left;
        margin: 40px auto 50px;
        font-size: 30px;
        font-weight: 700;
    }
.cdbox h3.font30 {
    font-size: 30px;
    font-weight: 700;
}
.profilebg .profile_Content {
    line-height: 30px;
    font-size: 16px;
    width: 1115px;
    margin: 0 auto;
}
.profile_Content .chn{ text-indent: 2em;
    margin-bottom: 10px;
    margin-top: 40px;}
    .profile_Content .chn:nth-child(2) {
        text-indent: 0em;
        font-family: "Arial","Nexa Bold Regular",sans-serif;
    }
    .profile_Content .pro_solutions {
        text-align: center;
    }

.dashiji{width: 100%;height: 856px; background: url(../images/img__bg_licheng.png) no-repeat center;background-size: cover;float: left;min-width: 1200px;}
.cdbox h3{width: 100%; text-align: center;
    height: 24px;
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 30px; margin-top: 65px; margin-bottom: 65px;}
dl.teamitem {
    width: 324px;
    float: left;
    text-align: center;
    margin-right: 114px;
}
dl.mrginright0 {
    margin-right:0px;
}
dl.teamitem dt {
    float: left;
}
dl.teamitem dt img{height: 324px;width: 324px;}
dl.teamitem dd {
    float: left;
    width: 100%;
    line-height: 35px;
    text-align: center;
}
    dl.teamitem dd h3 {
        width: 100%;
        margin: 15px 0px 0px;
        float: left;
        line-height: 35px;
    }
    dl.teamitem dd span {
        font-size: 18px;
        font-family: Arial;
        float: left;
        margin: 15px 5px 0;
        margin-left: 20px;
    }
    dl.teamitem dd p {
        width: 100%;
        line-height: 35px;
        float: left;
        margin: 10px 0 40px;
        text-align: center;
    }
dl.marginright{ margin-right: 0;}
.teampro {
    position: absolute;
    width: 324px;
    height: 324px;
    line-height: 30px;
    margin-top: -324px;
    color: #ffffff;
    font-weight: normal;
    display: none;
    background: rgb(51 51 51 / 50%);
    padding: 25px;
    border-radius: 50%;
}
dl.teamitem:hover .teampro{ display: block;}

.valuebg{width: 100%;height: 530px; background: url(../images/img_jiazhi@2x.png) no-repeat center;background-size: cover;float: left;min-width: 1200px;}

.valuelist dl{ float: left;
    width: 370px;
    height: 109px;
    background: #fff;
    box-shadow: 9px 8px 16px 0px rgb(214 221 242 / 44%);
    border-radius: 6px;
    margin: 30px 45px 40px 0px;
    padding: 0px;}
    .valuelist dl.marginright{ margin-right: 0px;}
.valuelist dl dt{margin: 27px 0 0 30px;
    float: left;}
.valuelist dl dt img{ width: 56px; height: 56px;border-radius: 10px;}
.valuelist dl dd{ float: left;
    line-height: 35px;
    margin-left: 20px;}
.valuelist dl dd h3{font-size: 20px;
    padding: 0px;
    margin: 30px 10px 0 0;}
.valuelist dl dd span{font-size: 16px;
    font-family: Arial;color: #999999;}

.placebg{}
    .placelist dl{ float: left;
        width: 350px;
        margin: 0px 75px 40px 0px;
        padding: 0px;}
        .placelist dl.marginright{ margin-right: 0px;}
    .placelist dl dt{margin: 27px 50px 0 0px;;
        float: left;}
    .placelist dl dt img{ width: 350px; height: 258px;border-radius: 10px;}
    .placelist dl dd{ float: left;
        line-height: 35px;}
    .placelist dl dd h3{font-size: 24px;
        padding: 0px;
        margin: 40px 0px 0 0;
        float: left;
        text-align: left;}
    .placelist dl dd span{font-size: 16px;
        color: #333333;
        height: 46px;
        line-height: 30px;
        margin-top: 20px;
        float: left;font-weight: 400;}

/*发展历程*/
#pageContain { overflow: hidden;    float: left;
    width: 900px;}
.page { display: none; width: 900px; height: 100%; overflow: hidden; top: 0; left: 0;}
.contain { width: 900px; height: 100%; display: none; position: relative; z-index: 0;}
.current .contain, .slide .contain { display: block;}
.current { display: block; z-index: 1;}
.slide { display: block; z-index: 2;}
.swipe { display: block; z-index: 3; transition-duration: 0ms !important; -webkit-transition-duration: 0ms !important;}
.page1 { }
.page2 { }
.page3 { }
.page4 { }
.page5 { }
.page6 {}
#navBar {width: 100px;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 8px 0;
    -webkit-box-shadow: 2px 2px 4px 6px rgb(0 0 0 / 5%), 3px 6px 12px 12px rgb(0 0 0 / 4%);
    box-shadow: 2px 2px 4px 6px rgb(0 0 0 / 5%), 3px 6px 12px 12px rgb(0 0 0 / 4%);
    float: right; margin-top: 50px;}
#navBar .active { background: #D9262A; color: #fff;}
#navBar li {cursor: pointer;
    margin-bottom: 10px;
    transition: all .7s ease;
    line-height: 52px;
    text-align: center;
    width: 100px;
    height: 52px;
    padding: 0px;
    margin: 0px;}

.eventtitle{width: 120px;
    font-size: 24px;
    color: #D9262A;
    float: left;margin-top: 10px;}
.jianbiantiao{ width: 10px; float: left; height: 674px;background: #d7272a;
    background: -webkit-linear-gradient(#dce428, #f64040,#0092ff);
    background: -o-linear-gradient(#dce428, #f64040,#0092ff);
    background: -moz-linear-gradient(#dce428, #f64040,#0092ff);
    background: linear-gradient(#dce428, #f64040,#0092ff);}
.eventlist{float: left;
    width: 700px;
    margin-left: 30px;}
.eventlist ul{ }
.eventlist ul li{float: left;
    width: 100%;
    line-height: 30px;
    list-style: disc;margin: 15px 10px 5px;}
.eventlist ul li h4{ color: #333333;font-size: 16px;}
.eventlist ul li span{color: #999999;font-size: 16px;}
.eventlist ul li:hover,.eventlist ul li:hover h4,.eventlist ul li:hover span{ color: #D9262A;}

/*news*/
.newslistbanner{width: 100%;height: 530px; background: url(../images/Banner-news.jpg-1.png) no-repeat center; background-size: cover;float: left;margin-top: 70px; min-width: 1200px;}
/*.nllbg{width: 614px;
    height: 427px;
    background: linear-gradient(-90deg, #DAE4FD 0%, #DAE4FD 100%); float: left;}
.nlrbg{width: 565px;
    height: 427px;
    background: linear-gradient(90deg, #DAE4FD 0%, #DAE4FD 100%); float: right;}*/
.baninfo{padding-top: 200px;}
.baninfo .bantitle{font-size: 60px;
    font-weight: bold;
    line-height: 60px;
    float: left;
    padding-bottom: 10px;
    clear: both;
    width: 100%;
    text-align: center;}
.baninfo .bansubtitle{font-size: 24px;
    line-height: 30px;
    clear: both;
    text-align: center;
    width: 60%;
    margin: 0 auto;padding-top: 30px}
.baninfo .banarrow{background: #E50B10;
    width: 200px;
    height: 4px;
    margin: 70px auto 10px; display: none;}

.newslistbox{}
.newslistbox .newitem{float: left;
    width: 100%;
    line-height: 30px;
    margin: 40px auto 20px;
    -webkit-box-shadow: -1px -2px 4px 2px rgb(12 104 219 / 5%), 1px 4px 4px 2px rgb(12 104 219 / 4%);
    box-shadow: -1px -2px 4px 2px rgb(12 104 219 / 5%), 1px 4px 4px 2px rgb(12 104 219 / 4%);
    padding: 20px 40px;border-radius: 10px;}
.newslistbox .newitem .newdate{width: 100px;
    float: left;text-align: center;}
.newslistbox .newitem .newdate .newday{font-size: 48px;
    color: #eb0909;
    font-weight: 700;
    margin: 40px auto 20px;}
.newslistbox .newitem .newdate .newmonth{}
.newslistbox .newitem .newcontent{width: 970px;
    float: left;
    margin-left: 30px;}
    .newslistbox .newitem .newcontent .newimg {
        width: 260px;
        float: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex-box;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        overflow: hidden;
        border-radius: 6px;
    }
.newslistbox .newitem .newcontent .newimg img{ height: 160px;border-radius: 5px;}
.newslistbox .newitem .newcontent .newtitc{width: 680px;
    float: left;
    margin-left: 30px;}
.newslistbox .newitem .newcontent .newtitc h3{ font-size: 24px; font-weight: 700;margin: 10px auto;}
.newslistbox .newitem .newcontent .newtitc p{ font-size: 16px; color: #666666;margin-top: 25px;}

/*客户案例*/
.caseslistbanner {
    width: 100%;
    height: 530px;
    background: url(../images/banner_qudaohezuo.png) no-repeat center;
    background-size: cover;
    float: left;
    margin-top: 70px;
    min-width: 1200px;
    color: #333;
}
.caseslistbox{float: left;
    margin: 30px auto;}
.caseslistbox dl{float: left;
    width: 380px;
    text-align: center;
    margin-right: 30px;
    margin-top: 60px;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: -1px -2px 4px 2px rgb(12 104 219 / 5%), 1px 4px 4px 2px rgb(12 104 219 / 4%);
    box-shadow: -1px -2px 4px 2px rgb(12 104 219 / 5%), 1px 4px 4px 2px rgb(12 104 219 / 4%);}
.caseslistbox dl dt{}
.caseslistbox dl dt img{width: 378px;
    height: 240px;
    border-top-left-radius: 10px;border-top-right-radius: 10px;}
.caseslistbox dl dd{}
.caseslistbox dl dd h3{height: 48px;
    font-size: 18px;
    color: #333333;
    line-height: 30px;
    font-weight: 400;
    text-align: left;
    width: 90%;
    margin: 10px auto;}
.caseslistbox dl dd span{    float: left;
    text-align: center;
    width: 100%;
    margin: 30px auto;}
.caseslistbox dl dd span img{ height: 60px;}
.caseslistbox dl.mrginright0{ margin-right: 0px;}

.downmore{float: left;
    text-align: center;
    width: 100%;
    line-height: 50px;
    margin: 20px auto;}
.downmore a{color: #D6070D;
    width: 150px;
    height: 50px;
    border: solid 1px #D6070D;
    border-radius: 25px;
    padding: 8px 30px;
    line-height: 50px;}


/*渠道合作*/
.casesbanner{width: 100%;background: url(../images/qudaohezuo.jpg) no-repeat center; background-size: cover;float: left;min-width: 1200px; height: 530px;color: #fff; margin-top:70px;}
.hzbtn{text-align: center;
    margin: 60px auto;}
.hzbtn a{display: inline-block;
    margin: 0 30px;
    border: solid 1px #E50B10;
    background: #E50B10;
    color: #fff;
    border-radius: 25px;
    line-height: 40px;
    width: 150px;}
    .hzbtn a.dldl {
        background: none;
        border: solid 1px #fff;
    }
    .hezuonav {
        height: 85px;
        background-color: #fff;
        border-radius: 10px;
        box-shadow: 2px 2px 10px 5px rgb(39 54 78 / 12%);
        float: left;
        margin-top: -43px;
        margin-bottom: 80px;
    }
    .hezuonav li{float: left;
        margin: 10px 0px;
        width: 200px;
        text-align: center;}
    .hezuonav li img{ height: 20px;}
    .hezuonav li span{width: 100%;
        float: left;
        line-height: 35px;
        height: 17px;
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #333333;}
        .hezuonav li a{ float: left; width: 100%;}
        .hezuonav li a span{color: #333333;}
        .hezuonav li.selected a span{color: #D9262A;}
    .hezuonav li i.shuxian{width: 1px;
        color: #ddd;
        height: 65px;
        float: left;
        background: #eee;
        position: absolute;}
    
    #hezuofangan{}
    #hezuofangan h3{font-size: 30px;
        line-height: 60px;
        width: 100%;
        float: left;
        text-align: center;
        margin: 0px auto 50px;
        font-weight:700;
    }
    #hezuofangan .fanganinfo{}
    #hezuofangan .fanganinfo dl{border-top: solid 6px #E50B10;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        width: 280px;
        float: left;
        margin-right: 26px;
        height: 350px;
        -webkit-box-shadow: -1px -2px 4px 2px rgb(12 104 219 / 5%), 1px 4px 4px 2px rgb(12 104 219 / 4%);
        box-shadow: -1px -2px 4px 2px rgb(12 104 219 / 5%), 1px 4px 4px 2px rgb(12 104 219 / 4%);
        margin-bottom: 50px;}
        #hezuofangan .fanganinfo dl.marginright{ margin-right: 0px;}
    #hezuofangan .fanganinfo dl dt{width: 100%;
        font-size: 24px;
        line-height: 48px;
        float: left;
        text-align: center;
        margin: 30px auto;}
    #hezuofangan .fanganinfo dl dd{width: 205px;
        font-size: 18px;
        line-height: 36px;
        margin: 0 auto;}

.hzzizhi{width: 100%;background: url(../images/img_bg_qudao_1.png) no-repeat center; background-size: cover;float: left;min-width: 1200px;padding-bottom: 50px;}
.hzzizhi .zzimg{width: 592px; float: left;    margin-top: 100px;}
.hzzizhi .zzimg img{ width: 592px; height: 310px;}
.hzzizhi .zzinfo{    margin-top: 100px; float: left;margin-left: 120px;}
    .hzzizhi .zzinfo h3 {
        width: 100%;
        float: left;
        font-size: 30px;
        line-height: 60px;
        font-weight: 700;
    }
.hzzizhi .zzinfo ul.zzyaoqiu{width: 100%;
    margin-top: 80px;}
.hzzizhi .zzinfo ul.zzyaoqiu li{list-style: disc;
    margin-left: 20px;}
.hzzizhi .zzinfo ul.zztiaojian{margin-top: 30px;
    line-height: 50px;
    float: left;}
.hzzizhi .zzinfo ul.zztiaojian li{float: left; width: 45%; background: url(../images/img_bingo.png) no-repeat left center;padding-left: 30px;}

.dlchanpin{width: 100%;float: left;min-width: 1200px;padding-bottom: 50px;}
.dlchanpin .dlimg{width: 695px; float: right;    margin-top: 100px;}
.dlchanpin .dlimg img{ width: 693px; height: 455px;}
.dlchanpin .dlinfo{    margin-top: 120px; float: left;}
.dlchanpin .dlinfo h3{width: 100%;
    float: left;
    font-size: 30px;
    line-height: 60px; font-weight:700;}
.dlchanpin .dlinfo ul.dlyaoqiu{width: 100%;
    margin-top: 80px;}
.dlchanpin .dlinfo ul.dlyaoqiu li{list-style: disc;
    margin-left: 20px; line-height: 48px;font-size: 18px;}


    .qyzizhi{width: 100%;padding-bottom: 50px; background: url(../images/img_bg_qudao_2.png) no-repeat center; background-size: cover;float: left;min-width: 1200px;}
    .qyzizhi .qyimg{width: 501px; float: left;    margin-top: 60px;}
    .qyzizhi .qyimg img{ width: 501px; height: 431px;}
    .qyzizhi .qyinfo{ margin-top: 100px;
        float: left;
        margin-left: 80px;
        width: 610px;}
    .qyzizhi .qyinfo h3{width: 100%;
        float: left;
        font-size: 30px;
        line-height: 60px; font-weight:700;}
    .qyzizhi .qyinfo ul.qyyaoqiu{width: 100%;
        margin-top: 80px;}
    .qyzizhi .qyinfo ul.qyyaoqiu li{list-style: disc;
        margin-left: 20px;}
    .qyzizhi .qyinfo ul.qytiaojian{margin-top: 30px;
        line-height: 50px;
        float: left;}
    .qyzizhi .qyinfo ul.qytiaojian li{float: left; width: 45%; background: url(../images/img_bingo.png) no-repeat left center;padding-left: 30px;}


    .qxzizhi{width: 100%;padding-bottom: 93px; background: url(../images/img_bg_qudao_2.png) no-repeat center; background-size: cover;float: left;min-width: 1200px;}
    .qxzizhi .qximg{width: 461px; float: left;    margin-top: 84px;}
    .qxzizhi .qximg img{ width: 461px; height: 371px;}
    .qxzizhi .qxinfo{ margin-top: 180px;
        float: left;
        margin-left: 180px;
        width: 480px;}
    .qxzizhi .qxinfo h3{width: 100%;
        float: left;
        font-size: 30px;
        line-height: 60px; font-weight:700;}
    .qxzizhi .qxinfo ul.qxyaoqiu{width: 100%;
        margin-top: 80px;}
    .qxzizhi .qxinfo ul.qxyaoqiu li{}
    .qxzizhi .qxinfo ul.qxtiaojian{margin-top: 30px;
        line-height: 50px;
        float: left;width: 100%;}
    .qxzizhi .qxinfo ul.qxtiaojian li{float: left; width: 45%; background: url(../images/img_bingo.png) no-repeat left center;padding-left: 30px;}
    
.zhichitx{width: 100%;
    float: left;}
.zhichitx h3{font-size: 30px;
    line-height: 60px;
    width: 100%;
    float: left;
    text-align: center;
    margin: 50px auto 135px;}
    .zhichitx h3.font30 {
        font-size: 30px;
        font-weight: 700;
    }
.zhichitx .tximg{ width: 100%; float: left; text-align: center;margin-bottom: 100px;}
.zhichitx .tximg img{ width: 382px; height: 380px;}


.zhichitx .zc1{    margin-top: -550px;
    float: left;
    margin-left: 300px;}
.zhichitx .zc1 .zcleft{float: left;
    text-align: right;}
.zhichitx .zc1 .zcleft h3{font-size: 20px;
    margin: 0px;
    padding: 0px;
    line-height: 30px;
    text-align: right;}
.zhichitx .zc1 .zcleft span{font-size: 16px;
    width: 100%;
    float: left;
    clear: both;
    text-align: right;}
.zhichitx .zc1 .zcimg{float: left;
    width: 40px;
    height: 40px;
    line-height: 60px;
    margin-left: 8px;}
.zhichitx .zcimg img{ width: 40px; height: 40px;}

.zhichitx .zc2{margin-top: -400px;
    float: left;
    margin-left: 10px;}
.zhichitx .zc2 .zcleft{float: left;
    text-align: right;}
.zhichitx .zc2 .zcleft h3{font-size: 20px;
    margin: 0px;
    padding: 0px;
    line-height: 30px;
    text-align: right;}
.zhichitx .zc2 .zcleft span{font-size: 16px;
    width: 100%;
    float: left;
    clear: both;
    text-align: right;}
.zhichitx .zc2 .zcimg{float: left;
    width: 40px;
    height: 40px;
    line-height: 60px;
    margin-left: 8px;}

    .zhichitx .zc3{margin-top: -220px;
        float: left;
        margin-left: 40px;}
    .zhichitx .zc3 .zcleft{float: left;
        text-align: right;}
    .zhichitx .zc3 .zcleft h3{font-size: 20px;
        margin: 0px;
        padding: 0px;
        line-height: 30px;
        text-align: right;}
    .zhichitx .zc3 .zcleft span{font-size: 16px;
        width: 100%;
        float: left;
        clear: both;
        text-align: right;}
    .zhichitx .zc3 .zcimg{float: left;
        width: 40px;
        height: 40px;
        line-height: 60px;
        margin-left: 8px;}
    

        .zhichitx .zc4{margin-left: 700px;
            margin-top: -550px;
            float: left;}
        .zhichitx .zc4 .zcleft{float: right;
            text-align: left;}
        .zhichitx .zc4 .zcleft h3{font-size: 20px;
            margin: 0px;
            padding: 0px;
            line-height: 30px;
            text-align: left;}
        .zhichitx .zc4 .zcleft span{font-size: 16px;
            width: 100%;
            float: left;
            clear: both;
            text-align: left;}
        .zhichitx .zc4 .zcimg{float: left;
            width: 40px;
            height: 40px;
            line-height: 60px;
            margin-right: 8px;}

            .zhichitx .zc5{margin-top: -400px;
                float: left;
                margin-left: 800px;}
            .zhichitx .zc5 .zcleft{float: right;
                text-align: left;}
            .zhichitx .zc5 .zcleft h3{font-size: 20px;
                margin: 0px;
                padding: 0px;
                line-height: 30px;
                text-align: left;}
            .zhichitx .zc5 .zcleft span{font-size: 16px;
                width: 100%;
                float: left;
                clear: both;
                text-align: left;}
            .zhichitx .zc5 .zcimg{float: left;
                width: 40px;
                height: 40px;
                line-height: 60px;
                margin-right: 8px;}

                .zhichitx .zc6{margin-top: -220px;
                    float: left;
                    margin-left: 800px;}
                .zhichitx .zc6 .zcleft{float: right;
                    text-align: left;}
                .zhichitx .zc6 .zcleft h3{font-size: 20px;
                    margin: 0px;
                    padding: 0px;
                    line-height: 30px;
                    text-align: left;}
                .zhichitx .zc6 .zcleft span{font-size: 16px;
                    width: 100%;
                    float: left;
                    clear: both;
                    text-align: left;}
                .zhichitx .zc6 .zcimg{float: left;
                    width: 40px;
                    height: 40px;
                    line-height: 60px;
                    margin-right: 8px;}

 
                    .zhichitx .zc7{ margin-top: -90px;
                        float: left;
                        margin-left: 450px;}
                    .zhichitx .zc7 .zcleft{float: right;
                        text-align: left;}
                    .zhichitx .zc7 .zcleft h3{font-size: 20px;
                        margin: 0px;
                        padding: 0px;
                        line-height: 30px;
                        text-align: left;}
                    .zhichitx .zc7 .zcleft span{font-size: 16px;
                        width: 100%;
                        float: left;
                        clear: both;
                        text-align: left;}
                    .zhichitx .zc7 .zcimg{float: left;
                        width: 40px;
                        height: 40px;
                        line-height: 60px;
                        margin-right: 8px;}
/*加入我们*/
.joinbanner{width: 100%;background: url(../images/joinusbanner.jpg) no-repeat center; background-size: cover;float: left;min-width: 1200px; height: 530px; margin-top:70px;}
.joinbox{float: left;
    line-height: 30px;
    width: 100%;margin-top: 30px;}
.joinbox .joinitem{width: 100%;
    padding-bottom: 20px;
    background: #F7F7F7;
    border-radius: 6px 6px 0px 0px;
    margin: 20px auto 0;
    padding-left: 30px;
    padding-top: 10px;
    padding-right: 30px;
    float: left;}
.joinbox .joinitem .jointitle{line-height: 60px;
    float: left;
    width: 100%;
    margin: 15px auto;}
.joinbox .joinitem .jointitle h3{font-size: 18px;}
.joinbox .joinitem .jointitle span{ float: right; width: 20px; height: 20px; background: url(../images/icon_shouqi@2x.png) no-repeat left center;}
.joinbox .joinitem .selected span{ float: right; width: 20px; height: 20px; background: url(../images/icon_xiala@2x.png) no-repeat left center;}
.joinbox .joinitem .joindesc{color: #999999;font-size: 14px;}
.joinbox .joinitem .joindesc span{height: 20px;
    width: 1px;
    background: #999;
    margin: -5px 10px;
    display: inline-block;
}
.joinbox .joinitem .joininfo{float: left;
    line-height: 30px;width: 100%;color: #666666;font-size: 14px;}
.joinbox .joinitem .joininfo span{float: right;}
.joinbox .joinitem .joindetail{background: #fff;
    float: left;
    margin: 20px auto;
    width: 1200px;
    margin-left: -30px;
    padding-left: 30px;
    padding-top: 30px; display: none;}
.joinapply{text-align: center;
    margin: 30px auto;}
.joinapply a{display: inline-block;
    margin: 0 30px;
    border: solid 1px #E50B10;
    background: #E50B10;
    color: #fff;
    border-radius: 25px;
    line-height: 40px;
    width: 150px; text-decoration: none;}
.jianli{ display: none; width: 1042px;  background: #fff; border-radius: 10px;}
.jianli .joinbox{ margin-top: 0px;}
.jianli .joinbox .joinitem{ background: #fff; padding-top: 0px; margin-top: 0px;border-bottom: solid 1px #eee;}

.jianli .joinbox .jlinfo{margin-top: 30px;
    float: left;
    margin-left: 30px;
    width: 95%;}
.jianli .joinbox .jlinfo ul{ margin-top: 0px;}
.jianli .joinbox .jlinfo ul li{margin-top: 0px;
    width: 33%;
    float: left;
    line-height: 50px;}
.jianli .joinbox .jlinfo .jldizhi{ margin-top: 0px;line-height: 60px;
    width: 100%;
    float: left;}
.jianli .joinbox .jlinfo .jlupload{ margin-top: 0px;float: left;
    width: 100%;
    line-height: 60px;}
    .jianli .joinbox .jlinfo .jlupload button{width: 320px;
        height: 50px;
        line-height: 50px;
        background: #DDDFE3;
        border-radius: 6px;
        border: none;}
    .jianli .joinbox .jlinfo .jlupload span {
        font-size: 14px;
        color: red;
        margin-left: 10px;
    }
        .jianli .joinbox .jltj {
            margin-top: 0px;
            float: left;
            width: 100%;
            line-height: 60px;
            text-align: center;
        }
.jianli .joinbox .jltj button{margin-top: 40px;
    width: 142px;
    height: 44px;
    background: #E50B10;
    border-radius: 22px;
    border: none;
    color: #fff;}
.casebg{width: 100%;background: url(../images/img_bg_zixun.png) no-repeat center; background-size: cover;float: left;min-width: 1200px; }
.databg{width: 100%;background: url(../images/shuju.jpg) no-repeat; background-size: cover;float: left;min-width: 1200px;}
.databg .cdtitle{ color: #fff;}
.datainfo{ color: #fff;}
.datainfo dl{    width: 33%;
    float: left;
    text-align: center;margin-bottom: 30px;margin-top: 20px;}
.datainfo dl dt{line-height: 60px;
    font-size: 48px;}
.datainfo dl dt font{font-size: 16px;
    line-height: 60px;
    font-weight: normal;}
.datainfo dl dd{line-height: 60px;
    font-size: 18px;}


    .number{
        font-family: unidreamLED;
        font-size: 64px;
    }

    .to__led-number {
        position: relative;
        margin-right: 9px;
        font-size: 50px;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
        box-sizing: border-box;
    }

    .to__led-number--no {
        width: 19px;
        background: unset;
        border: none;
    }

.bdailibg {
    background: url(../images/img_daili_bg.png) no-repeat center;
    background-size: auto;
    background-size: cover;
    height: 300px;
    min-width: 1200px;
    text-align: center;
}
    .bdailibg a {
        background: #D6070D;
        border-radius: 25px;
        padding: 10px 50px;
        color: #fff;
        margin: 80px auto 0px;
        display: inline-block;
        font-weight: 700;
        font-size: 18px;
    }
.bdailibg p {
    width: 100%;
    height: 24px;
    font-size: 24px;
    font-weight: 400;
    color: #D6070D;
    margin: 50px auto;
}

    /*加入我们*/

.joinbox .joinitem {
    width: 100%;
    padding-bottom: 0px;
    background: none;
    border-radius: 0px;
    margin: 0px auto 0;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    float: left;
}

.zpbox {
    width: 100%;
    float: left;
    border-bottom: solid 1px #eee;
}

    .zpbox ul {
        width: 100%;
        float: left;
        padding: 10px 20px;
    }

        .zpbox ul.zplietou {
            font-size: 18px;
            font-weight: 400;
            line-height: 40px;
            background: #F7F7F7;font-weight:700;
        }

        .zpbox ul li {
            width: 25%;
            float: left;
            font-size: 18px;
            line-height: 40px;
        }

        .zpbox ul.zpinfo {
            
        }

.joinbox .joinitem .joindetail {
    padding-left: 50px;
}

.zpbox ul li i.downarraw {
    background: url(../images/icon_shouqi.png) no-repeat center right;
    width: 10px;
    height: 10px;
    float: left;
    margin-top: 30px;
    margin-left: 5px;
}

.zpbox i.downarraw {
    background: url(../images/icon_shouqi.png) no-repeat center right;
    width: 10px;
    height: 10px;
    float: right;
    margin-top: -20px;
}

.joinitem .selected i.downarraw {
    background: url(../images/icon_xiala.png) no-repeat center right;
}