.wrapper{
    max-width: 1200px;
    width: 100%;
    margin:  0 auto;
    height:500px;
}

.wrapper .big_title{
    font-size: 36px;
    text-align: center;
    color: #2a2a2a;
    padding-top: 60px;
}

.wrapper .mini_title{
    font-size: 24px;
    text-align: center;
    color: #ff6600 !important;
}

.wrapper .swiper-container .swiper-pagination {
   bottom: 25px;
}


.wrapper .swiper-container .swiper-pagination-bullet {
    opacity: 1;
    position: relative;
    width: 50px;
    height: 3px;
    border-radius: 0;
    margin: 0 4px;
    background-color: rgba(0,0,0,0.5);
    transition: background-color .3s ease;
}

.wrapper .swiper-container .swiper-pagination-bullet::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transform: scaleX(0);
    transform-origin: 0 0;
}

.wrapper .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    animation: sliderPagination 3s linear forwards
}

.wrapper .swiper-container .swiper-pagination-bullet:hover {
    background-color: #fff;
}

@keyframes sliderPagination {
 	100% {
		transform: scaleX(1);
        opacity: 1;
    }
}

/* 全国服务网络 *********************************************************/
@keyframes warn {
    0% {
        transform: scale(0.3);
        -webkit-transform: scale(0.3);
        opacity: 0.0;
    }

    25% {
        transform: scale(0.3);
        -webkit-transform: scale(0.3);
        opacity: 0.1;
    }

    50% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        opacity: 0.3;
    }

    75% {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        opacity: 0.5;
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 0.0;
    }
}

@keyframes warn1 {
    0% {
        transform: scale(0.3);
        -webkit-transform: scale(0.3);
        opacity: 0.0;
    }

    25% {
        transform: scale(0.3);
        -webkit-transform: scale(0.3);
        opacity: 0.1;
    }

    50% {
        transform: scale(0.3);
        -webkit-transform: scale(0.3);
        opacity: 0.3;
    }

    75% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        opacity: 0.5;
    }

    100% {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        opacity: 0.0;
    }
}

.mapmodule{
    width: 100%;
    position: relative;
    box-sizing: border-box;
    margin: 0 auto;
}
.map_point {
    position: absolute;
    width: 1.9%;
    padding-bottom: 1.9%;
}
/* 中心点 */
.dot {
    position: absolute;
    width: 12%;
    height: 12%;
    left: 44%;
    top: 44%;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 100%; 
    background-color:#fff; 
    z-index: 2;
}
.pulse{
}
.pulse_active {
    background-color:#ee7800; 
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    border: 2px solid #ee7800;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-animation: warn 2s ease-out;
    -moz-animation: warn 2s ease-out;
    animation: warn 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    box-shadow: 1px 1px 60px #ee7800; /* 阴影效果 */
}
.pulse1{}
.pulse1_active {
    background-color:#ee7800; 
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    border: 2px solid #ee7800;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-animation: warn1 2s ease-out;
    -moz-animation: warn1 2s ease-out;
    animation: warn1 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    box-shadow: 1px 1px 60px #ee7800; /* 阴影效果 */
}

/*行业方案 strat*****************************/
.trade_project { width:100%; padding-bottom:80px; background:#fff; overflow:hidden}

.trade_project .big_title{
    font-size: 36px;
    text-align: center;
    color: #2a2a2a;
    padding-top: 130px;
}

.trade_project h3 { font-size:18px; color:#cfcfcf; text-align:center}

.trade_project ul { margin:60px -15px 0 -15px; overflow:hidden}

.trade_project li { float:left; width:20%;height: auto;}

.trade_project .item { margin:7px 7px; border:1px solid #8d9196; overflow:hidden}

.trade_project .item img { width:100%; -webkit-transition:all .5s ease 0s; -moz-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; transition:all .5s ease 0s}

.trade_project .item:hover img { -webkit-transform:scale(1.08); -moz-transform:scale(1.08); -o-transform:scale(1.08); transform:scale(1.08)}


/* 产品介绍************************/
.product_introduce {
    width:100%;
    overflow: hidden;
    background-color: #fff;
    cursor:default;
}
.product_introduce .wrap{
    width:1200px;
    margin:0 auto;
}
.product_introduce .product_introduce_title{
    margin:80px;
}
.product_introduce .big_title{
    font-size: 36px;
    text-align: center;
    color: #212121;
    line-height: 44px;
    padding-top: 66px;
}
.product_introduce .small_title{
    font-size: 24px;
    text-align: center;
    font-weight: 400;
    line-height: 32px;
    padding-top: 16px;
}
.product_introduce .ld_product{
    position:relative;
    margin: 60px 0 0 0;
    height:500px;
    background-image:url("../image/backqiyeweixin.jpg");
    background-size: 100% 100%;
}
.ld_product .ld_product_logo{
    position:absolute;
    top:6%;
    left:34%;
    height:19%;
    width:33%;
    display:flex;
    align-items: center;
    justify-content: center;
}
.animate-me{
    opacity: 0;
    transform: translateY(20px);
}
.animate-me.started {
    animation:fadeInUp 1s ease-out forwards
}
@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.ld_product .ld_product_advantage1{
    position:absolute;
    text-align: right;
    top:31%;
    left:-4%;

}
.ld_product .ld_product_advantage2{
    position:absolute;
    text-align: right;
    top:61%;
    left:9%;

}
.ld_product .ld_product_advantage3{
    position:absolute;
    text-align: center;
    top:66%;
    left:40%;

}
.ld_product .ld_product_advantage4{
    position:absolute;
    text-align: left;
    top:62%;
    left:64%;

}
.ld_product .ld_product_advantage5{
    position:absolute;
    text-align: left;
    top:29%;
    left:80%;

}
.ld_product .advantange_fstl{
    font-weight:bold;
    font-size:18px;
    color: #000000;
}
.ld_product .advantange_secl{
    font-size:16px;
    line-height: 0.3;
}
.ld_product_arrow{
    position:absolute;
    top:33%;
    left:38%;
    width:268px;
    opacity:0;
}
.ld_product_arrow.started > img{
    animation: arrowFadeInUp 2s ease-out forwards, bounce 1s ease-in-out 2s infinite;
}
@keyframes arrowFadeInUp {
    0% {
        transform: translateY(100%); /* 开始时，图片完全位于初始位置下方 */
        opacity: 0;
    }
    100% {
        transform: translateY(0); /* 结束时，图片移动到初始位置 */
        opacity: 1;
    }
}
@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px); /* 向上移动 */
    }
}
.product_introduce_content .products{
    position: relative;
    display: flex;
    padding: 20px 0;
    opacity: 0;
    background: url("https://www.kehu002.com/skin/default/img/2P%E5%BA%95%E9%83%A8%E8%83%8C%E6%99%AF.jpg") no-repeat 100% 100%;
    background-size: 100% 100%;
}
.products.started{
    animation: productFadeInUp 1s ease-out forwards;
}
@keyframes productFadeInUp {
    from{
        transform: translateY(100%); /* 开始时，图片完全位于初始位置下方 */
        opacity: 0;
    }
    to{
        transform: translateY(0); /* 结束时，图片移动到初始位置 */
        opacity: 1;
    }
}
.products .product_txt{
    margin-left:10px
}
.product_txt .product_txt_fstl{
    font-weight:bold;
    font-size:16px;
    color: #000000;
}
.product_txt .product_txt_secl{
    font-size:14px;
    line-height:0.4;
}
.products .product_left{
    display:flex;
    width:800px;
	margin-left:auto;
}
.products .product_left ul li{
    display:flex;
    width:220px;
    height:80px;
    margin:8px 15px;
}
.products .product_left ul li:last-child{
    display:flex;
    width:721px;
    margin:8px 15px;
}
.products .product_right{
    display:flex;
    width:600px;
	margin-right:auto;
    align-items: center;
    justify-content: center;
}
.products .product_right ul li{
    display:flex;
    width:220px;
    height:80px;
    margin:8px 8px;
    background-color: #FFFFFF;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(43, 38, 183, .2);
    align-items: center;
}
.products .product_right img{
    width: 42px;
    height: 42px;
    margin:20px 10px 20px 20px;
}
.products .product_right .product_txt{
    line-height: 1.4;
}
.product_introduce .ld_product .ld_product_crm{
    float: left;
    margin: 7px 7px;
    overflow: hidden;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    background-color: #fff;
    width: 48%;
    min-height: 185px;
    max-height: 224px;
    border: 1px solid rgba(0, 0, 0, 0);
}
.product_introduce .ld_product .ld_product_crm:hover{
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid #FF6600;
}
.product_introduce .ld_product .ld_product_crm:hover .product_crm_left .details{
    display:block;
}
.product_crm_left{
    float:left;
    padding-top: 36px;
    padding-left: 32px;
    max-width: 320px;
}
.product_crm_left h3{
    line-height: 32px;
    font-size: 28px;
    color: #666666;
    font-weight: 500;
}
.product_crm_left p{
    padding-top: 12px;
    font-size: 24px;
    font-weight: 400;
    color: #999999;
    line-height: 32px;
}
.product_crm_left .details{
    padding-top: 32px;
    display: none;
}
.product_crm_left .details a{
    font-size: 14px;
    color: #FF6600;
    line-height: 20px;
}
.product_crm_right{
    float: right;
    width: 140px;
    height: 140px;
    background-image: url(../image/productCRM.png);
    background-size: 100% 100%;
    position: relative;
    top: 20px;
    right: 32px;
}
.cloudcrm{
    background-image: url(../image/cloudCRM.png);
}

.product_introduce .products li{
    width: 25%;
    float: left;
}
.products .picture{
    padding-top: 32px;
}
.picdiv1,.picdiv2,.picdiv3,.picdiv4 {
    position: relative;
    padding-bottom:32%;
    left: 34%;
    width:32%;
    background-size: 100% 100%;
}
.picdiv1{background-image: url(../image/product_11.png);}
.picdiv2{background-image: url(../image/product_21.png);}
.picdiv3{background-image: url(../image/product_31.png);}
.picdiv4{background-image: url(../image/product_41.png);}
.products p{text-align: center;font-size: 20px;}
.product_introduce .products li:hover .picdiv1{background-image: url(../image/product_1_h.png);}
.product_introduce .products li:hover .picdiv2{background-image: url(../image/product_2_h.png);}
.product_introduce .products li:hover .picdiv3{background-image: url(../image/product_3_h.png);}
.product_introduce .products li:hover .picdiv4{background-image: url(../image/product_4_h.png);}

/* 免费试用************************/
.probation{
    width: 100%;
    height: 300px;
    background-image: url(https://www.kehu002.com/skin/default/images/probation.png);
    background-size: 100% 100%;
}
.probation .title{
    padding-top: 85px;
    padding-left: 0px;
    float: left;
}
.probation p{
    font-size: 32px;
    text-align: center;
    color: #fff;
}
.probation a{
    font-size: 32px;
    text-align: center;
    color: #ff6600;
    margin: 0 auto;
    display: block;
}
.probation .probation_pc{
    float: right;
    width:180px;
    padding:0px 66px 0px 0px;
}
.probation .probation_pc img{
    max-width: 100%;
    padding-top: 48px;
    margin: 0 auto;
    display: table-cell;
}
.probation_but{
    padding-top: 18px !important;
    padding-left: 5px;
}
.probation_button{
    position: absolute;
    width: 170px;
    height: 48px;
    background: #FF6600;
    border-radius: 4px;
    font-size: 16px !important;
    text-align: center;
    color: #fff !important;
    line-height: 48px;
}
/*****电话跳动效果*************/
.beat-char {
    line-height: 3.4em;
    position: relative;
    display: inline-block;
    background: transparent;

}
.rotate{
    transform:rotate(360deg) ;
    -ms-transform:rotate(360deg);   /* IE 9 */
    -moz-transform:rotate(360deg);  /* Firefox */
    -webkit-transform:rotate(360deg); /* Safari 和 Chrome */
    -o-transform:rotate(360deg);
    -webkit-transition-duration: 0.7s;
}

.spanjump{
    font-family: Constantia;
    font-size: 24px;
    position: relative;
    top: -18px;
}

/**问答****************************/
.questionanswer{
    width: 100%;
    height: 620px;
}
.questionanswer h2{
    font-size: 36px;
    text-align: center;
    color: #2a2a2a;
    padding-top: 90px;
    padding-bottom: 60px;
    -webkit-transform: translatey(200px);
    transform: translatey(200px);
    opacity: 0;
    -webkit-transition: -webkit-transform 1s ease-in-out 0s, opacity 1s ease-in-out 0s;
    transition: transform 1s ease-in-out 0s, opacity 1s ease-in-out 0s;
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}
.questionanswer .questionanswer_content_ul{
    -webkit-transform: translatex(-200px);
    transform: translatex(-200px);
    opacity: 0;
    -webkit-transition: -webkit-transform 1s ease-in-out 0s, opacity 1s ease-in-out 0s;
    transition: transform 1s ease-in-out 0s, opacity 1s ease-in-out 0s;
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}
.questionanswer ul{
    width: 100%;
    height:380px;
}
.questionanswer ul li{
    width: 25%;
    height: 380px;
    float: left;
}
.questionanswer .question_lingdang{
    border-radius: 5px;
    background-size: 100% 100%;
    margin: 0 1.5% 15px 1.5%;
    height: 64px;
}
.questionanswer .question_lingdang1{
    background-image: url(../image/qa_tit_bg1.jpg);
}
.questionanswer .question_lingdang2{
    background-image: url(../image/qa_tit_bg2.jpg);
}
.questionanswer .question_lingdang3{
    background-image: url(../image/qa_tit_bg3.jpg);
}
.questionanswer .question_lingdang4{
    background-image: url(../image/qa_tit_bg4.jpg);
}
.question_top{
    margin: 0 1.5%;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
    height:324px;
    border-radius: 4px;
}
.questionanswer img{
    height: 32px;
    width: 32px;
    float: left;
    padding-right:3px;
}
.questionanswer .question_lingdang h3{
    color: #fff;
    line-height: 64px;
    font-size: 18px;
    padding-left: 24px;
}
.question1,.question2,.question3,.question4,.question5,.question6,
.question7,.question8,.question9,.question10,.question11,.question12{
    height: 108px;
    width:100%;
}
.questionanswer span{
    width: 24px;
    height: 24px;
    border-radius: 2px;
    border: 1px solid #2c8ff7;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #2c8ff7;
    line-height: 24px;
    text-align: center;
    float: left;
}
.question{
    position: relative;
    top:28%;
    left: 8%;
    border-left: 2px solid rgba(0, 0, 0, 0);
}
.question p{
    font-size: 14px;
    font-weight: 400;
    color: #666;
    line-height: 22px;
    padding-left: 13%;
    max-width: 70%;
    height: 0px;
}
.question1 .answer1,.question2 .answer2,.question3 .answer3,.question4 .answer4,.question5 .answer5,.question6 .answer6,
.question7 .answer7,.question8 .answer8,.question9 .answer9,.question10 .answer10,.question11 .answer11,.question12 .answer12{
    visibility: hidden;
    opacity: 0;
    position: relative;
    height: 176px;
    width: 100%;
    /*background-color: rgba(255, 133, 51, 0.8);*/
    background-color: #F8F8F8;
    top: 0px;
    background: -webkit-linear-gradient(#2c8ff7, #1771eb); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#2c8ff7, #1771eb); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#2c8ff7, #1771eb); /* Firefox 3.6 - 15 */
    background: linear-gradient(#2c8ff7, #1771eb); /* 标准的语法（必须放在最后） */
}
.answer_question{
    position: relative;
    left: 8%;
    top:22px;
}
.answer_answer{
    position: relative;
    left: 8%;
    top: 32px;
}
.answer_answer span{
    background-color: #fff;
    color: #2c8ff7;
    border:1px solid #FFF; 
    float: left;
    position: absolute;
    left: 0px;

}
.answer_question span{
    float: left;
    position: absolute;
    left:0px;
}
.answer_question p, .answer_answer p{
    max-width: 70%;
    padding-left: 13%;
    font-size: 14px;
    line-height: 22px;
}
.answer_question p{
    color: #666666;
}
.answer_answer p{
    color: #FF6600;
}
.question_p:hover .answer_question p{
    color: #fff;
}
.question_p:hover .answer_answer p{
    color: #fff;
}
.question_p:hover .answer_question span{
    color: #fff;
    border: 1px solid #fff;
}
.question1:hover .answer1{visibility: visible;opacity: 1;}
.question2:hover .answer2{visibility: visible;opacity: 1;}
.question3:hover .answer3{visibility: visible;opacity: 1;}
.question4:hover .answer4{visibility: visible;opacity: 1;}
.question5:hover .answer5{visibility: visible;opacity: 1;}
.question6:hover .answer6{visibility: visible;opacity: 1;}
.question7:hover .answer7{visibility: visible;opacity: 1;}
.question8:hover .answer8{visibility: visible;opacity: 1;}
.question9:hover .answer9{visibility: visible;opacity: 1;}
.question10:hover .answer10{visibility: visible;opacity: 1;}
.question11:hover .answer11{visibility: visible;opacity: 1;}
.question12:hover .answer12{visibility: visible;opacity: 1;}


/**新闻动态****************************/
.news_information{
    width: 100%;
    overflow: hidden;
    padding-bottom: 60px;
    text-align: center;
}
.news_information .big_title{
    font-size: 36px;
    text-align: center;
    color: #2a2a2a;
    padding-top: 60px;
}
.news_information .mini_title{
    font-size: 24px;
    text-align: center;
    color: #ff6600 !important;
}
.news_information ul{
    width: 100%;
    padding-top: 30px;
    overflow: hidden;
}
.news_information ul li{
    width: 33.33333%;
    float: left;
    overflow: hidden;
    padding-bottom: 20px;
}
.news_information .news_content{
    margin: 0px 20px;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    overflow: hidden;
}
.news_content_image{
    width: 100%;
    margin: auto;
    background-size:100%;
    padding-bottom: 35%;
    text-align: left;
}
.news_content_logo{
    width: 16%;
    position: relative;
    top: 0px;
    left: 0px;
}
.news_content .news_content_title{
    margin: 18px 5% 10px 5%;
    padding: 0;
    font-size: 22px;
    color: #333;
    height: 56px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    overflow: hidden;
    text-align: left;
}
.news_content .news_content_subtitle{
    margin: 10px 5%;
    padding: 0;
    font-size: 16px;
    color: #888;
    height: 56px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    overflow: hidden;
    text-align: left;
}
.news_content .news_content_date{
    margin-top: 20px;
    float: right;
    width: 112px;
    margin-right: 5%;
}
.news_content .news_content_date img{
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 8px;
}
.news_content .news_content_date p{
    font-size: 14px;
    color: #888;
    line-height: 24px;
    padding-bottom: 16px;
}
.news_content_footer{
    position: relative;
    top: -7px;
    margin: 0 5%;
    width: 90%;
}
.news_information_btn{
    width: 150px;
    height: 40px;
    background-color: #ff6600;
    text-align: center;
    color: #fff;
    margin: auto;
    font-size: 16px;
    line-height: 40px;
    border-radius: 20px;
    margin-bottom: 20px;
}
.news_content_no2_top{
    overflow: hidden;
    margin-top: 4px;
}
.news_content_no2_coin{
    width: 40px;
    height: 40px;
    padding: 5px;
    float: left;
}
.news_content_no2_title{
    width: calc(50% - 50px);
    font-size: 26px;
    color: #ff6600;
    float: left;
    line-height: 50px;
}
.news_content_no2_more{
    height: 30px;
    line-height: 30px;
    border: 1px solid #ff6600;
    border-radius: 30px;
    float: right;
    width: calc(50% - 45px);
    text-align: center;
    margin: 9px 15px;
}
.news_content_no2_describe{
    width: 100%;
    overflow: hidden;
    margin-top: 6px;
}
.news_content_no2_describe img{
    width: 34%;
    float: left;
    margin-left: 8px;
}
.news_content_no2_describe .describe_title{
    float: left;
    width: calc(66% - 28px);
    font-size: 18px;
    text-align: left;
    padding: 10px;
}
.news_content_no2_bottom{
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
}
.news_content_no2_bottom ul{
    margin: 0px 8px;
    padding: 0px 0px 10px 0px;
}
.news_content_no2_bottom ul li{
    height: 40px;
    width: calc(100% - 16px);
    border-top: 1px solid #ececec;
    padding: 0px;
    line-height: 40px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news_content_no2_bottom img{
    height: 10px;
    width: 10px;
    float: left;
    margin: 15px 10px;
}


/*新闻列表页******************/
.newslist_banner {
    background-image: url(https://www.51mis.com/skin/default/images/about/banner-title.jpg);
}
.newslist ul{
    margin: 20px 0px;
}
.newslist ul li{
    margin: 12px 0px;
    height: 80px;
    width: 100%;
}
.newslist ul li .newslist_data{
    height: 100%;
    width: 100px;
    background-color: #efefef;
    float: left;
    color: #ff6600;
    text-align: center;
}
.newslist ul li .newslist_data .newslist_data_day{
    padding-top: 4px;
    font-size: 32px;
}
.newslist ul li .newslist_data .newslist_data_month{
    font-size: 14px;
    line-height: 10px;
}
.newslist ul li .newslist_content{
    height: 100%;
    width: calc(100% - 150px);
    background-color: #fff;
    float: left;
}
.newslist ul li .newslist_content .newslist_content_title{
    font-size: 18px;
    font-weight: 600;
    color: #333;
    padding-left: 20px;
    padding-top: 12px;
}
.newslist ul li .newslist_content .newslist_content_subtitle{
    font-size: 16px;
    color: #888;
    padding: 0px 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 4px;
}
.newslist ul li:hover .newslist_data{
    color: #fff;
    background-color: #ff6600;
}
.newslist ul li:hover .newslist_content{
    background-color: #f2f2f2;
}

/*新闻详情页******************/
.newspro{
    margin: 30px 0px;
}
.newspro .newscontent{
    width: 100%;
    overflow: hidden;
    color: #333;
    float: left;
    margin-bottom: 30px;
}
.newspro .newscontent .title{
    font-size: 28px;
    margin: 0px 30px;
}
.newspro .newscontent .subtitle{
    font-size: 14px;
    color: #888;
    margin: 0px 30px;
}
.newspro .newscontent .fenjiexian{
    height: 1px;
    background-color: #e9e9e9;
    width: 100%;
    margin: 30px;
}
.newspro .newscontent .content p{
    font-size: 16px;
    color: #333;
    margin: 0px 30px;
    padding: 15px 0px;
    line-height: 30px;
}
.newspro .newscontent .content .content_text{
    font-size: 18px;
    font-weight: 600;
}
.newspro .newscontent .content .content_image{
    width: 60%;
    margin: 15px 20%;
}
.newspro .rightlist{
    width: 30%;
    max-height: 600px;
    float: left;
    overflow: hidden;
}
.newspro .rightlist .rightlist_content{
    margin: 0px 20px;
    height: 100%;
    border: 1px solid #e9e9e9;
}
.newspro .rightlist .rightlist_content .rightlist_content_title{
    font-size: 16px;
    padding: 5px;
    line-height: 36px;
}
.newspro .rightlist .rightlist_content .rightlist_content_title .rightlist_content_title_img{
    padding-right: 10px;
    padding-left: 10px;
}
.newspro .rightlist .rightlist_content .fenjiexian{
    height: 1px;
    width: 95%;
    margin-left: 2.5%;
    background-color: #e9e9e9;
}
.newspro .rightlist .rightlist_content ul{
    padding-bottom: 10px;
}
.newspro .rightlist .rightlist_content ul li{
    height: 36px;
    line-height: 36px;
    padding: 4px 0px;
    margin: 0px 20px;
    border-bottom: 1px solid #e9e9e9;
}
.newspro .rightlist .rightlist_content ul li .point{
    height: 10px;
    width: 10px;
    border-radius: 100%;
    background-color: #e9e9e9;
    float: left;
    margin: 13px;
}
.newspro .rightlist .rightlist_content ul li .ullitext{
    width: calc(100% - 36px);
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/**新闻动态列表页面翻页********/
.pagelist {
    text-align: center;
    color: #666;
    width: 100%;
    clear: both;
    padding: 10px 0px;
    margin: 0 0 10px;
}
.pagelist a {
    color: #666;
    margin: 0 5px 10px;
    padding: 4px 10px;
    background: #F7F7F7;
    display: inline-block;
}
.pagelist > b {
    padding: 5px 10px;
}
.pagelist a:hover, .pagelist > b {
    color: #3690cf;
    color: #FFF;
    background: #ff6600;
}
.swiper-slide p{
    padding: 0;
}
.swiper-slide_stitle{
    font-size: 18px;
    color: #555555;
    font-weight: 600;
}
/*3P*/
.product_function{
    position:relative;
    width:100%;
    overflow:hidden;
    margin-top:50px;
    cursor: default;
    background: url("../image/light_blue_white_bg.jpg") no-repeat 100% 100%;
    background-size: 100% 100%;
}
.product_function .wrap{
    width:1500px;
    margin:auto;
    max-width:100%;
}
.product_function .big_title{
    font-size: 36px;
    text-align: center;
    color: #212121;
    line-height: 44px;
    padding-top: 33px;
}
.product_function .small_title{
    font-size: 18px;
    text-align: center;
    font-weight: 400;
    line-height: 32px;
    padding-top: 5px;
}
.product_function_content .functions{
    margin-top:75px;
}
.product_function_content .functions ul{
    position:relative;
    display:flex;
    width:100%;
    cursor:default;
    flex-wrap:wrap;
}
.product_function_content .functions ul li{
    position:relative;
    background-image: url("https://www.kehu002.com/skin/default/img/3P-%E6%A8%A1%E5%9D%97%E8%83%8C%E6%99%AF.jpg");
    background-size: 100% 100%;
    border-radius: 8px;
    width:200px;
    height:246.8px;
    margin:7px;
    box-shadow:0 0 10px rgba(43, 38, 183, .2);
    opacity: 0;
}
.functions_container.started{
    animation: functionsFadein 0.5s ease-out forwards;
}
@keyframes functionsFadein {
    from{
        opacity: 0;
        transform:translateY(20px);
    }
    to{
        opacity:1;
        transform: translateX(0px);
    }
}
.product_function_content .functions ul li::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0; /* 开始时伪元素宽度为0 */
    height: 100%;
    background-image: url("https://www.kehu002.com/skin/default/img/3P-%E6%A8%A1%E5%9D%97%E8%83%8C%E6%99%AF-%E9%BC%A0%E6%A0%87%E7%BB%8F%E8%BF%87.jpg");
    background-size: cover;
    transition: width 0.5s ease; /* 样式改变过渡效果 */
    z-index: -1; /* 确保文本在背景之上 */
}
.product_left_img{
    width: 42px;
    height: 42px;
}
.product_function_content .functions ul li:hover{
    border:1px solid #AEC3E2;
}
.product_function_content .functions ul li:hover::after {
    width: 100%; /* 悬浮时伪元素宽度变为100%，显示背景图 */
}
.product_function_content .functions ul li:hover .function_content_img{
   transform:rotateZ(360deg);
    transition:1.2s ease-out;
}
.function_content_title{
    text-align: center;
    font-size: 18px;
    padding:20px 0;
    font-weight: bold;
    color:#157BDD;
}
.function_content_content {
    display: flex;
    flex-wrap: wrap;
    width: 200px; /* 父容器宽度 */
    justify-content: space-between; /* 子元素之间保持等间距 */
}

.function_content_content > div {
    width: calc(50% - 4px); /* 子元素宽度为父容器宽度的一半减去间隔的一部分 */
    margin-bottom: 8px; /* 子元素之间的垂直间隔 */
    text-align: center; /* 文本居中 */
    line-height: 30px; /* 行高，根据需要调整 */
}
.function_content_img{
    position:absolute;
    top:150px;
    left:99px;
    width:112px;
}
.functions_bottom{
    position:relative;
    display:flex;
    margin-top:75px;
    width:100%;
    height:250px;
    background: url("https://www.kehu002.com/skin/default/img/3P-%E8%93%9D%E8%89%B2%E8%83%8C%E6%99%AF.png") no-repeat 100% 100%;
    background-size: 100% 100%;
    border-radius: 8px;
    opacity: 0;
}
.functions_bottom.started{
    animation: functionBottomFadein 1s ease-out forwards;
}
@keyframes functionBottomFadein {
    from{
        opacity: 0;
        transform:translateY(100%);
    }
    to{
        opacity: 1;
        transform:translateY(0px);
    }
}
.functions_bottom_left{
    margin-left:65px;
    margin-right: auto;
    margin-top:15px;
}
.functions_bottom_mid{
    margin-right: auto;
    margin-left:auto;
    margin-top:15px;
    width:50%;
}
.functions_bottom_right{
    margin-right: 65px;
    margin-left:auto;
    margin-top:15px;
}
.functions_bottom_title{
    text-align: center;
    font-size: 20px;
    font-weight:bold;
    color:#FFFFFF;
    line-height: 3.5;
}
.functions_bottom_content{
    text-align: left;
    font-size: 17px;
    color:#FFFFFF;
    line-height: 2;
}
.functions_bottom_img1{
    position:absolute;
    top:64%;
    left:59%;
    width:79px;
    animation:functionBottomBounce 2s ease infinite;
}
.functions_bottom_img2{
    position:absolute;
    top:49%;
    right:59%;
    width:79px;
    animation:functionBottomBounce 2s ease 1s infinite;
}
@keyframes functionBottomBounce {
    0%, 50%, 100% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(-20px); /* 向上移动 */
    }
}
/*4P*/
.product_build{
    position:relative;
    width:100%;
    overflow:hidden;
    margin-top:50px;
    cursor: default;
}
.product_build .wrap{
    width:1200px;
    margin:0 auto;
    max-width:100%;
}
.product_build .big_title{
    font-size: 36px;
    text-align: center;
    color: #212121;
    line-height: 44px;
    padding-top: 33px;
}
.product_build .small_title{
    font-size: 18px;
    text-align: center;
    font-weight: 400;
    line-height: 32px;
    padding-top: 5px;
}
.product_build_title{
    margin-bottom: 80px;
}
.product_build_content{
    position:relative;
    display:flex;
    justify-content: center;
    height:650px;
}
.build_content_image .build_content_image2{
    position:absolute;
    top:12%;
    right:39%;
    height:250px;
    animation:bounce 1s ease-out infinite;
}
.build_content_container{
    position:absolute;
    width:300px;
    height:105px;
    background-image:url("../image/light_blue_white_bg.jpg");
    background-size: 100% 100%;
    border:1px solid #E0ECFC;
    border-radius: 12px;
}
.build_content_container:hover{
    border-color: #A5C4F0;
    box-shadow: 0 0 10px rgba(43, 38, 183, .2);
}
.build_content_container1{
    left:5%;
    top:14%
}
.build_content_container2{
    left:70%;
    top:14%
}
.build_content_container3{
    left:-5%;
    top:35%
}
.build_content_container4{
    left:80%;
    top:35%
}
.build_content_container5{
    height:135px;
    left:-2%;
    top:56%
}
.build_content_container6{
    left:77%;
    top:56%
}
.build_content_container7{
    height:135px;
    width:330px;
    left:37%;
    top:77%
}
.build_content_container_title1{
    text-align: right;
    font-size: 18px;
    padding:5px 10px 0 0;
    font-weight: bold;
    color:#157BDD;
}
.build_content_container_title2{
    text-align: left;
    font-size: 18px;
    padding:5px 0 0 10px;
    font-weight: bold;
    color:#157BDD;
}
.build_content_container_content1{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}
.build_content_container_content2{
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}
.build_content_container_content1 > div{
    width:89px;
    text-align: right;
    padding-right: 10px;
}
.build_content_container_content2 > div{
    width:89px;
    text-align: left;
    padding-left: 10px;
}
.build_content_container7 .build_content_container_content2 > div{
    width:100px;
    text-align: left;
    padding-left: 10px;
}
.build_content_container_content .margin-auto {
    flex: auto; /* 占据所有可用空间，推动后面的元素靠右 */
}
/*5P*/
.product_solution{
    position:relative;
    width:100%;
    overflow:hidden;
    margin-top:50px;
    background-image: url("../image/light_blue_white_bg.jpg");
    background-size: 100% 100%;
    cursor:default;
}
.product_solution .wrap{
    width:1500px;
    margin:0 auto;
    max-width:100%;
}

.product_solution .big_title{
    font-size: 36px;
    text-align: center;
    color: #212121;
    line-height: 44px;
    padding-top: 33px;
}
.product_solution .small_title{
    font-size: 18px;
    text-align: center;
    font-weight: 400;
    line-height: 32px;
    padding-top: 5px;
}
.product_solution_content{
    position:relative;
    padding:50px 0;
    opacity: 0;
}
.product_solution_content.started{
    animation:solutionFadeInUp 1s ease-out  0.3s forwards;
}
@keyframes solutionFadeInUp {
    from {
        opacity: 0;
        transform:translateY(20px);
    }
    to  {
        opacity: 1;
        transform:translateY(0);
    }
}
.product_solution .swiper {
    width: 1200px;
    height: 400px;
    box-shadow: 0 0 10px rgba(43, 38, 183, .2);
    border-radius: 8px;
    background-color:#FFFFFF;
    max-width:100%;
}
.swiper-pagination {
    text-align: center;
    position: absolute;
    bottom: 8px; /* 根据需要调整 */
    left: 0;
    width: 100%;
}
.swp2{
    bottom:50px;
}
.swiper-slide{
    height:787px!important;
}
@media screen and (min-width:992px) and (max-width:1199px) {
    .swiper-slide{
        height: 530px !important;
    }
}
@media screen and (max-width:992px){
    .swiper-slide{
        height: 480px !important;
    }
    .swp2{
        bottom:19px;
    }
}
body {
    overflow-x:hidden;
}
.swiper-pagination-bullet {
    width: 10px; /* 根据需要调整 */
    height: 10px; /* 根据需要调整 */
    margin:0 10px;
    background-color: #000; /* 明显的颜色以确保可见性 */
    opacity: 1; /* 确保不透明度让其可见 */
    --swiper-pagination-color:#008EFF;
    --swiper-pagination-bullet-inactive-color:#0882F4;
    --swiper-pagination-bullet-width:12px;
    --swiper-pagination-bullet-height:12px;
}
.product_solution .swiper-slide{
    display: flex;
}
.product_solution .swiper-slide > img{
    margin: 0;
    border-radius: 8px;
    opacity: 0;
    height: 400px;
}
.swiper-slide_img.started{
    animation:slideimgFadein 0.5s ease-out forwards ;
}
@keyframes slideimgFadein {
    from{
        opacity: 0;
        transform:translateX(-100%);
    }
    to{
        opacity: 1;
        transform: translateX(0);
    }
}
.product_solution .swiper-slide .swiper-slide-content{
    padding:40px 20px;
    height: 400px;
    position:relative;
}
.swiper-slide-content ul{
    display:flex;
}
.swiper-slide-content ul li{
    border-radius: 16px;
    margin:15px 5px;
    text-align: center;
    color:#FFFFFF;
    font-size:14px;
    padding:2px 15px;
}
.swiper-slide-content ul li:nth-child(odd){
    background-color:#008DFF;
}
.swiper-slide-content ul li:nth-child(even){
    background-color:#F9B433;
}
.swiper-slide-content > img{
    position:absolute;
    bottom:30px;
    right:30px;
    width:115px;
}
.swiper-slide-content_btn{
    position:absolute;
    width:145px;
    border:1px solid #3F699D;
    border-radius: 16px;
    color:#5390BF;
    padding:2px 15px;
    bottom:30px;
}
/*logo*/
.product_account_logo{
    position:relative;
    cursor:default;
}
.product_account_logo .wrap{
    width:1200px;
    margin:0 auto;
}
.product_account_logo_title{
    font-size: 36px;
    text-align: center;
    color: #212121;
    line-height: 44px;
    padding-top: 33px;
    font-weight: bold;
}
.logo-wall-container {
    margin:30px 0;
    overflow: hidden;
    width: 1200px; /* 容器宽度 */
    white-space: nowrap;
    position: relative;
    max-width:100%;
}
.logo-wall-container-mob{
    display: none;
}
.logo-wall-odd {
    animation: scrollRight 20s linear infinite;
    width: 2758px;
    display: flex;
}
.logo-wall-even {
    animation: scrollRight-even 16s linear infinite;
    width: 2758px;
    display: flex;
}
.img_box{
    display: flex;
    width:50%;
    height:108px;
}
.logo-wall img {
    width:100%;
    box-shadow: 0 0 10px rgba(43, 38, 183, .2);
    border-radius: 8px;
    margin:5px 10px;
}
.logo-wall img:hover {
    box-shadow: 0 16px 32px 0 rgba(48, 55, 66, 0.15);/* 鼠标悬浮时盒子出现的阴影 */
    transform: translate(0, -10px);/* 鼠标悬浮时盒子上移10px */
    transition: all 0.3s;/* 上浮这个过程需要的时间 */
}

@keyframes scrollRight {
    from {
        transform: translate3d(-50%,0,0);
    }
    to {
        transform: translate3d(0,0,0);
    }
}
@keyframes scrollRight-even {
    from {
        transform: translate3d(-45%,0,0);
    }
    to {
        transform: translate3d(5%,0,0);
    }
}
.mask{
    position:absolute;
    width:283px;
    height:756px;
    z-index:10;
}
.left-mask{
    left:0;
    background: linear-gradient(90deg,#fff,hsla(0,0%,100%,0));
}
.right-mask{
    right:0;
    background: linear-gradient(90deg,hsla(0,0%,100%,0),#fff);
}
/*6P*/
.product_Keydata{
    position: relative;
    cursor:default;
    margin:0 auto;
    margin-top:50px;
}
.product_Keydata_title{
    font-size: 36px;
    text-align: center;
    color: #212121;
    line-height: 44px;
    padding-top: 33px;
    font-weight: bold;
}
.product_Keydata_content{
    height:400px;
    background-image: url("../image/6p-bg.jpg");
    background-size: 100% 100%;
}
.product_Keydata_content_mob{
    display:none;
}
.product_Keydata_content ul{
    display:flex;
    justify-content: center;
    align-items: center;
    padding-top:200px;
}
.Keydata_content_container{
    margin:0 45px;
    width:160px;
    font-size:16px;
    color:#fff;
    text-align: left;
}
.Keydata_content_container > div{
    margin:10px 0;
}
/*7P*/
.product_advantage{
    position:relative;
    width:100%;
    overflow:hidden;
    margin-top:50px;
    background-image:url("../image/light_blue_white_bg.jpg");
    background-size: 100% 100%;
    cursor:default;
}
.product_advantage .wrap{
    width:1500px;
    margin:0 auto;
    max-width:100%;
}
.product_advantage .big_title{
    font-size: 36px;
    text-align: center;
    color: #212121;
    line-height: 44px;
    padding-top: 33px;
}
.product_advantage .small_title{
    font-size: 18px;
    text-align: center;
    font-weight: 400;
    line-height: 32px;
    padding-top: 5px;
}
.advantage_content_top ul{
    display:flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    flex-wrap:wrap;
}
.advantage_content_top ul li{
    margin:10px 5px;
    width:277px;
    height:auto;
    background-color:#FFFFFF;
    border:1px solid #E3ECF5;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(43, 38, 183, .2);
    cursor:default;
}
.advantage_content_top ul li:hover{
    border-color: #A0C5F1;
}
.advantage_content_top ul li div{
    padding: 10px;
    text-align: left;
    line-height: 1.5;
    font-size:15px;
}
.advantage_content_bottom{
    position: relative;
}
.advantage_content_bottom > ul {
    position:relative;
    margin:75px 0;
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
}
.advantage_content_bottom > ul > li{
    width:500px;
    height:auto;
    background: linear-gradient(135deg,transparent,#F0F9FE);
    border:1px solid #CDDFEB;
    border-radius: 8px;
    margin:10px;
    position: relative;
}
.advantage_content_bottom_img1 {
    position: absolute;
    top: -10%;
    left: 0;
    width: 160px;
}
.advantage_content_bottom_img2 {
    position: absolute;
    top: -10%;
    right: 0;
    width: 180px;
}
.advantage_content_bottom ul ul li{
    display:flex;
    padding-left:18px;
}
.advantage_content_bottom ul ul li:first-child{
     margin-top:45px ;
 }
.advantage_content_bottom ul ul li{
    line-height: 1.5;
    margin:10px 0;
}
.advantage_content_bottom_img{
    position:absolute;
}
/*8P*/
.product_certification{
    position:relative;
    margin: 80px 0;
    cursor:default;
}
.product_certification .wrap{
    width:1200px;
    margin:0 auto;
    max-width:100%;
}
.product_certification_content{
    display:flex;
    justify-content: center;
}
.certification_content_left{
    opacity: 0;
    width: 50%;
}
.certification_content_left.started{
    animation:certificationleftFadein 1s ease-out forwards;
}
@keyframes certificationleftFadein {
    from{
        opacity: 0;
        transform:translateX(-100%);
    }
    to{
        opacity: 1;
        transform:translateX(0);
    }
}
.certification_content_right{
    opacity: 0;
    width: 50%;
}
.certification_content_right.started{
    animation:certificationrightFadein 1s ease-out forwards;
}
@keyframes certificationrightFadein {
    from{
        opacity: 0;
        transform:translateX(100%);
    }
    to{
        opacity: 1;
        transform:translateX(0);
    }
}
.certification_content_left_title{
    font-size: 28px;
    font-weight: bold;
    color:#000000;
    margin-right: 20px;
    text-align: right;
}
.certification_content_left_content{
    display:flex;
    margin:50px 10px;
    border:1px solid #E4EAF6;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(43, 38, 183, .2);
    flex-wrap: wrap;

}
.certification_content_left_content ul{
    display: flex;
    width:500px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding:20px 0;
}
.certification_content_left_content ul li{
    width:50%;
    padding: 0 5px 0 25px;
    transition:transform 0.3s ease; /* 平滑过渡动画 */;
    font-size: 16px;
}
.certification_content_left_content ul li:hover {
    transform: scale(1.1); /* 悬浮时放大10% */
    transform-origin: center;
    z-index: 1; /* 确保放大的元素在其他元素上方 */
}
.certification_content_img{
    width:45px;
    margin:5px;
    margin-bottom: 18px;
}
.product_inquiry{
    position: relative;
    width:100%;
    height:400px;
    background-image: url("../image/9p_bg.jpg");
    background-size: 100% 100%;
    cursor: default;
}
.product_inquiry .wrap{
    width:1200px;
    margin: 0 auto;
    max-width: 100%;
}
.product_inquiry_title{
    margin-left:90px;
}
.product_inquiry_title .big_title{
    font-size: 30px;
    color: #212121;
    line-height: 44px;
}
.product_inquiry_title .small_title{
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
}
.product_inquiry_container1{
    position:absolute;
    background: linear-gradient(135deg,#2990F5,#0070FA);
    border:1px solid ;
    border-radius: 8px;
    width:380px;
    height:250px;
    top: 50px;
    right: 220px;
    display: none;
}
.product_inquiry_container2{
    position:absolute;
    background: linear-gradient(135deg,#2990F5,#0070FA);
    border:1px solid ;
    border-radius: 8px;
    width:200px;
    height:250px;
    top: 50px;
    right: 0px;
}
.product_inquiry_container_img{
    display:flex;
    background:#FFFFFF;
    background-size: 100% 100%;
    border-radius: 8px;
    width: 180px;
    height: 180px;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 10px;
}
.product_inquiry_container1 .ontrial_container{
    width:140px;
    height:initial;
}
.product_inquiry_container1 .ontrial_container_text{
    margin-top:0;
    text-align: center;
}
.product_inquiry_container_img1{
    width:360px;
    align-items: center;
    justify-content: center;
}
.product_inquiry_container_img2{
    background-image:url("https://www.kehu002.com/skin/default/img/%E8%81%94%E7%B3%BB%E6%88%91%E4%BB%AC%E4%BA%8C%E7%BB%B4%E7%A0%81.jpg");
}
.product_inquiry_container_txt{
    color:#FFFFFF;
    font-size: 18px;
    text-align:center;
    padding-top:10px;
}
.product_contact{
    width:100%;
    cursor:default;
}
.product_contact_top{
    width:100%;
    height:350px;
    background-color: #004AAB;
    margin:0 auto;
    position:relative;
}
.product_contact_top ul{
    display:flex;
    justify-content: center;
    padding-top:50px;
}
.product_contact_top ul li{
    margin:0 50px;
}
.product_contact_top_title{
    color:#FFFFFF;
    font-size: 18px;
    text-align:left;
    font-weight: bold;
    margin-bottom:10px;
}
.product_contact_top_content{
    color:#FFFFFF;
    font-size: 14px;
    text-align:left;
}
.product_contact_bottom{
    width:100%;
    background-color: #004098;
    margin:0 auto;
    color:#FFFFFF;
    text-align:center;
    padding:20px 0;
}
/*标题动画*/
.big_title{
    opacity: 0;
}
.big_title.started{
    animation:bigtitlefadein 0.5s ease-out;
}
@keyframes bigtitlefadein{
    from{
        opacity:0;
        transform:translateX(-20%);
    }
    to{
        opacity:1;
        transform:translateX(0%);
    }
}
.small_title{
    opacity: 0;
}
.small_title.started{
    animation:smalltitlefadein 0.5s ease-out;
}
@keyframes smalltitlefadein{
    from{
        opacity:0;
        transform:translateX(20%);
    }
    to{
        opacity:1;
        transform:translateX(0%);
    }
}
/*跳转*/
.linkpage{
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    background: rgb(0, 0, 0);
    opacity: 0.2;
    display: none;
    z-index: 99999999999;
}
#wxbox{
    position: fixed;
    border-radius: 10px;
    display: none;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    width: 670px;
    margin: 0 auto;
    padding: 30px 30px 20px;
    background-color: #fff;
    text-align: center;
    z-index: 999999999999;
}
.frame_singlePage_content_header_center{
    height: 60px;
    line-height: 60px;
    text-align: center;
    padding: 0 20px;
    display: inline-block;
    vertical-align: middle;
}
.ui-dialog-close{
    position: relative;
    float: right;
    padding: 0;
    cursor: pointer;
    padding: 0px !important;
}
.ww_commonImg_GrayBigClose{
    background-image: url(../image/commonImages.png);
    background-position: -363px -154px;
    width: 18px;
    height: 18px;
    display: block;
}
.frame_singlePage_content_header{
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
}
.frame_singlePage_content_header_img{
    width: 230px !important;
    height: 60px !important;
    box-sizing: border-box;
    border: 1px solid #E4E6E9;
}
.frame_singlePage_content_header_center{
    height: 60px;
    line-height: 60px;
    text-align: center;
    padding: 0 20px;
    display: inline-block;
    vertical-align: middle;
    padding-top: 20px;
}
#content{
    border-top: 1px solid #ececec;
}
#wxbox h2{
    margin-bottom: 0px;
    padding-top: 40px;
}
#wxbox h2 span{
    font-size: 18px;
    font-weight: normal;
}
#wxbox #content img{
    width: 241px;
    height: 241px;
    border: 1px solid #E2E2E2;
    margin: 20px;
}


@media (min-width: 800px) {
    .zhuhuapcmain {
        display: unset !important;
    }
}
@media screen and (min-width:992px){
    .functions_bottom_title{
        text-align:left;
    }
}
@media screen and (max-width:992px){
    .product_introduce .big_title {
        font-weight: 600;
        font-size: 24px;
        color: #474747;
        line-height: 33px;
        text-align: left;
        padding-top:initial;
        margin-top:16px;
    }
    .product_introduce .small_title {
        font-weight: 400;
        font-size: 14px!important;
        color: #777777;
        line-height: 20px;
        text-align: left;
        padding-top: initial;
        margin-top:8px;
    }
    .big_title.started {
        animation: initial;
    }
    .small_title.started {
        animation: initial;
    }
    .product_introduce {
        margin: 0 16px 0 13px;
        width: initial;
    }
    .animate-me.started {
        animation: initial;
        animation-delay: 0s;
        margin-top:16px;
    }
    .product_introduce .ld_product {
        position: relative;
        margin: initial;
        height: initial;
    }
    .products.started {
        animation: initial;
    }
    .animate-me {
        opacity: initial;
        transform: initial;
    }
    .advantage_img {
        width:46px!important;
        height:46px!important;
    }
    .ld_product .advantange_fstl {
        font-weight: 500;
        font-size: 16px;
        color: #474747;
        line-height: 20px;
        text-align: left;
    }
    .ld_product .advantange_secl {
        font-weight: 400;
        font-size: 14px;
        color: #777777;
        line-height: 20px;
        text-align: left;
        font-style: normal;
    }
    .product_introduce_content .products {
        position: relative;
        display: flex;
        padding:initial;
        background: url("../image/2p_bg_mob.png") no-repeat;
        background-size: 100% 100%;
    }
    .products .product_right {
        order:1;
        display: flex;
        width: 600px;
        margin-right: auto;
        align-items: center;
        justify-content: center;
        margin-left:16px;
    }
    .products .product_left {
        order:2;
        display: flex;
        margin:4px 15px 16px 16px;
        width: calc(100% - 31px) !important;
    }
    .products .product_right ul li {
        display: flex;
        width: 147px;
        height: 54px;
        margin:0 16px 12px 0;
        background-color: #FFFFFF;
        border-radius: 8px;
        box-shadow: 0 0 10px rgba(43, 38, 183, .2);
        align-items: center;
    }
    .products .product_right img {
        width: 24px;
        height: 24px;
        margin:initial;
        margin-left:10px;
    }
    .products .product_txt {
        margin-left: 4px;
        font-weight: 500;
        font-size: 14px;
        color: #474747;
        line-height: 14px;
        text-align: left;
    }
    .product_left_img{
        width:28px;
        height:28px;
    }
    .product_txt .product_txt_fstl {
        font-weight: 500;
        font-size: 16px;
        color: #474747;
        line-height: 20px;
        text-align: left;
    }
    .product_txt .product_txt_secl {
        font-weight: 400;
        font-size: 14px;
        color: #777777;
        line-height: 20px;
        text-align: left;
    }
    .product_function {
        margin: 32px 0 0 0;
        padding-left: 16px;
        width:100%;
    }
    .product_function .big_title {
        font-weight: 600;
        font-size: 24px;
        color: #474747;
        line-height: 33px;
        text-align: left;
        font-style: normal;
        padding-top: initial;
        margin-bottom:initial;
    }
    .product_function .small_title {
        font-weight: 400;
        font-size: 14px;
        color: #777777;
        line-height: 20px;
        text-align: left;
        font-style: normal;
        padding-top: initial;
        margin-bottom:initial;
        margin-top:8px;
    }
    .product_function_content{
        margin-top: 16px;
    }
    .product_function_content .functions {
        margin-top:initial;
    }
    .functions_container.started {
        animation:initial;
    }
    .product_function_content .functions ul li {
        height: 201px;
        margin:0 16px 16px 0;
    }
    .product_function_title{
        margin-right:16px;
    }
    .function_content_img {
        bottom: 0;
        right: 0;
        left:initial!important;
        top:initial;
        width: 64px;
    }
    .function_content_title {
        font-weight: 500;
        font-size: 16px;
        color: #007BEB;
        line-height: 16px;
        text-align: center;
        font-style: normal;
        padding:initial;
        margin-top:25px;
    }
    .function_content_content {
        margin:16px 0 0 0;
        flex-wrap: wrap;
        width: 100% !important;
        justify-content: space-between;
    }
    .functions_bottom.started {
        animation:initial;
    }
    .functions_bottom {
        margin-top: 4px;
        width:calc(100% - 15px);
        height: 281px;
        background: url("../image/3p_bg_mob.png") no-repeat !important;
        background-size: 100% 100% !important;
        border-radius: 8px;
        opacity: 1;
        margin-right:15px;
        flex-wrap: wrap;
    }
    .functions_bottom_mid {
        margin-right: auto;
        margin-left: auto;
        margin-top: 26px;
        width: 100%;
        order:1;
    }
    .functions_bottom_left {
        margin-left: 17px;
        margin-right: 0;
        margin-top: 0;
        order: 2;
    }
    .functions_bottom_right {
        margin-right:initial;
        margin-left: 65px;
        margin-top: 0;
        order:3;
    }
    .functions_bottom_title {
        font-weight: 600;
        font-size: 24px!important;
        color: #FFFFFF;
        line-height: 24px;
        font-style: normal;
    }
    .functions_bottom_content{
        margin-top:16px;
        font-weight: 400;
        font-size: 14px!important;
        color: #FFFFFF;
        line-height: 20px;
        font-style: normal;
    }
    .functions_bottom_img2 {
        position: absolute;
        top: 25%;
        right: 75%;
        width: 50px;
        animation: initial;
    }
    .functions_bottom_img1 {
        position: absolute;
        top: 31%;
        left: 75%;
        width: 50px;
        animation: initial;
    }
    .functions_bottom_title_mob{
        font-weight: 600;
        font-size: 16px!important;
        color: #FFFFFF;
        line-height: 20px;
        text-align: left;
        font-style: normal;
    }
    .functions_bottom_content_mob{
        font-weight: 400;
        font-size: 14px;
        color: #FFFFFF;
        line-height: 20px;
        text-align: left;
        font-style: normal;
        margin-top:8px;
    }
    .product_build {
        width:calc(100% - 31px);
        margin:16px 15px 0 16px;
    }
    .product_build .big_title {
        font-weight: 600;
        font-size: 24px;
        color: #474747;
        line-height: 33px;
        text-align: left;
        font-style: normal;
        padding-top:initial;
        margin-bottom: initial;
    }
    .product_build .small_title {
        font-weight: 400;
        font-size: 14px;
        color: #777777;
        line-height: 20px;
        text-align: left;
        font-style: normal;
        padding-top: 8px;
        margin-bottom: initial;
    }
    .product_build_title {
        margin-bottom:initial;
    }
    .product_build_content {
        flex-wrap: wrap;
        height: auto;
        margin:0;
    }
    .build_content_container {
        opacity: 1;
        position: relative;
        left: initial;
        top: initial;
        width: 100%;
        margin:16px 0 0 0;
    }
    .build_content_container_title1,.build_content_container_title2 {
        font-weight: 500;
        font-size: 16px;
        color: #007BEB;
        line-height: 16px;
        text-align: left;
        font-style: normal;
        margin:16px 0 0 16px;
        padding:0;
    }
    .build_content_container_content1,.build_content_container_content2 {
        justify-content: initial;
        margin: 12px 0 0 16px;
    }
    .build_content_container_content1 > div,.build_content_container_content2 > div {
        width: 100px!important;
        font-weight: 400;
        font-size: 14px;
        color: #777777;
        line-height: 22px;
        text-align: left;
        font-style: normal;
        padding-right: 24px;
        padding-left:0!important;
    }
    .build_content_container img {
        bottom: 0px !important;
        right: 0px !important;
        width: 60px !important;
        top: initial !important;
        left: initial !important;
    }
    .product_account_logo_title {
        font-weight: 600;
        font-size: 24px;
        color: #474747;
        line-height: 33px;
        text-align: left;
        font-style: normal;
        padding-top: initial!important;
        margin-top:16px;
        margin-left:16px;
    }
    .logo-wall-container {
       display:none;
    }
    .mask {
        position: absolute;
        width: 88px;
        height: 756px;
        z-index: 10;
    }
    .product_Keydata {
        position: relative;
        cursor: default;
        margin-top: 27px;
    }
    .product_Keydata_title {
        font-weight: 600;
        font-size: 24px;
        color: #474747;
        line-height: 33px;
        text-align: left;
        font-style: normal;
        padding-top:initial;
        margin: 0px 15px 0 16px;
    }
    .product_Keydata_content {
      display: none;
    }
    .product_Keydata_content_mob{
        display:block!important;
        width:100%;
        height:207px;
        background:url("../image/product_Keydata_content_mob.png") no-repeat 100% 100%;
        background-size: 100% 100%;
    }
    .product_Keydata_content ul {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 50px;
    }
    .product_advantage {
        margin-top: 24px;
    }
    .product_advantage .big_title {
        font-weight: 600;
        font-size: 24px;
        color: #474747;
        line-height: 33px;
        text-align: left;
        font-style: normal;
        padding-top: initial;
        margin-left:16px;
        margin-bottom:initial;
    }
    .product_advantage .small_title {
        font-weight: 400;
        font-size: 14px;
        color: #777777;
        line-height: 20px;
        text-align: left;
        font-style: normal;
        padding-top: initial;
        margin-left:16px;
        margin-bottom:initial;
        margin-top:8px;
    }
    .advantage_content_top ul {
        margin-top: 12px;
    }
    .advantage_content_top ul li {
        margin:0 16px 16px 16px;
        width: calc(100% - 32px);
        height: 96px;
        background: linear-gradient( 180deg, #FFFFFF 0%, #EEF7FF 100%);
        box-shadow: 0px 2px 12px 0px rgba(224,237,255,0.55);
        border-radius: 4px;
        border: 1px solid #DDEDFF;
    }
    .advantage_content_top ul li img{
        width:34px!important;
        height:34px;
        margin:10px 0 0 11px!important;
    }
    .advantage_content_top ul li div {
        padding: initial;
        margin:1px 24px 0 11px;
        font-weight: 400;
        font-size: 14px;
        color: #777777;
        line-height: 20px;
        text-align: left;
        font-style: normal;
    }
    .advantage_content_bottom > ul {
        margin: 47px 0 0 0;
    }
    .advantage_content_bottom > ul > li {
        width: calc(100% - 32px);
        height: 227px;
        margin: 0 16px;
    }
    .advantage_content_bottom > ul > li:first-child {
        margin-bottom:59px;
    }
    .advantage_content_bottom_img3{
        top: 41% !important;
        left: 4% !important;
        width: 90px!important;
        height:91px;
    }
    .certification_content_left.started {
        animation: initial;
    }
    .certification_content_right.started {
        animation: initial;
    }
    .product_certification_content {
        flex-direction: column;
        margin:0 16px 0 16px;
    }
    .product_certification {
        margin: 16px 0 32px 0;
    }
    .certification_content_right_title {
       display:none;
    }
    .certification_content_left {
        opacity: initial;
        width:100%;
    }
    .certification_content_right {
        opacity: initial;
        width:100%;
    }
    .certification_content_left_title {
        font-weight: 600;
        font-size: 24px;
        color: #474747;
        line-height: 33px;
        text-align: left;
        font-style: normal;
        margin-right: initial;
    }
    .certification_content_left_content {
        margin: 12px 0 4px 0;
        background: linear-gradient( 180deg, #FFFFFF 0%, #EEF7FF 100%);
        box-shadow: 0px 2px 12px 0px rgba(224,237,255,0.55);
        border-radius: 4px;
        border: 1px solid #DDEDFF;
        width:100%;
        height:111px;
    }
    .certification_content_left_content ul {
        width: calc(100% - 4px);
        margin: 20px 2px;
        padding:initial;
    }
    .certification_content_left_content ul li {
        width: 50%;
        padding: 0 14px 0 14px;
        transition: initial;
        font-weight: 400;
        font-size: 12px;
        color: #777777;
        line-height: 20px;
        text-align: left;
        font-style: normal;
        white-space: nowrap;
    }
    .certification_content_img {
        width: 24px;
        height:24px;
        margin:initial;
        margin-right:3px;
    }
    .product_inquiry {
        width: 100%;
        height: 332px;
        background: url("../image/9p_bg.jpg") no-repeat 100% 207px;
        background-size: 100% 93px;
        margin-top: 16px;
    }
    .product_inquiry_title {
        margin:16px 23px 0 16px;
    }
    .product_inquiry_title .big_title {
        font-weight: 600;
        font-size: 24px;
        color: #474747;
        line-height: 33px;
        text-align: left;
        font-style: normal;
        margin-bottom: initial;
    }
    .product_inquiry_title .small_title {
        font-weight: 400;
        font-size: 14px;
        color: #777777;
        line-height: 20px;
        text-align: left;
        font-style: normal;
        margin-bottom: initial;
    }
    .product_inquiry_container1 {
        position: initial;
        width: 164px;
        height: 100px;
        padding: 0 4px;
        background: linear-gradient( 180deg, #2691FD 0%, #006FF9 100%);
        border-radius: 4px;
        border:initial;
        margin-left: 101px;
        margin-right:6px;
    }
    .product_inquiry_container_img1 {
        width: 100%;
        align-items: center;
        justify-content: center;
        margin: 4px 0 0 0;
        background: #FFFFFF;
        border-radius: 4px;
        height: 74px;
    }
    .product_inquiry_container2{
        position: initial;
        width: 82px;
        height: 100px;
        padding: 0 4px;
        background: linear-gradient( 180deg, #2691FD 0%, #006FF9 100%);
        border-radius: 4px;
        border: initial;
    }
    .product_inquiry_container_img2 {
        width: 100%;
        align-items: center;
        justify-content: center;
        margin: 4px 0 0 0;
        background: #FFFFFF;
        border-radius: 4px;
        height: 74px;
        background: url('https://www.kehu002.com/skin/default/img/%E8%81%94%E7%B3%BB%E6%88%91%E4%BB%AC%E4%BA%8C%E7%BB%B4%E7%A0%81.jpg') no-repeat 100% 100%;
        background-size: 100% 100%;
    }
    .product_inquiry_container1 .ontrial_container {
        width: 140px;
        height: initial;
        margin: 6px 8px 0 6px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .ontrial_container img {
        max-width: 50px;
        max-height: 50px;
    }
    .product_inquiry_container1 .ontrial_container_text {
        font-weight: 400;
        font-size: 8px;
        color: #474747;
        line-height: 11px;
        text-align: center;
        font-style: normal;
        margin-top:4px;
    }
    .product_inquiry_container_txt {
        font-weight: 400;
        font-size: 10px;
        color: rgba(255,255,255,0.9);
        line-height: 14px;
        text-align: center;
        font-style: normal;
        padding-top:3px;
    }
    .logo-wall-container-mob{
        width:calc(100% - 32px);
        margin:20px 16px 0 16px;
        height:207px;
        display: block!important;
        background:url("../image/logo-wall-mob.png") no-repeat 100% 100%;
        background-size: 100% 100%;
    }
    .product_inquiry_content {
        display: flex;
        margin-top:44px;
    }
}