



/* 产品帮 */

.h_product{

    width: 100%;

    height: 600px;

    background-image: url(../img/cp/cp_background.png);

    background-repeat: no-repeat;

    background-size: 100% 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    color: #fff;

}

.h_product .logo{

    width: 150px;

    height: 90px;

    line-height: 90px;

    text-align: center;

}

.h_product .logo img{

    max-width: 100%;

    max-height: 100%;

}

.h_product>span{

    font-size: 14px;

}

.h_product .names{

    font-size: 60px;

    position: relative;

    margin: 15px 0 30px;

    padding-bottom: 25px;

}

.h_product .names::after{

    content: "";

    width: 90px;

    height: 7px;

    background-color: #fff;

    position: absolute;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

}

.h_product p{

    font-size: 24px;

}



/* 传统教育装备面临如下问题 */



.h_problem{

    width: 100%;

    padding: 75px 0;

    border-bottom: 1px solid #c1c1c1;

}

.h_problem .com_con{

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.h_problem .com_con .images{

    width: 50%;

}

.h_problem .com_con .problem{

    width: 50%;

    display: flex;

    flex-direction: column;

}

.h_problem .com_con .problem .title{

    font-size: 42px;

    color: #333;

    margin-bottom: 30px;

}

.h_problem .com_con .problem ul li{

    display: flex;

    align-items: center;

    margin-bottom: 25px;

}

.h_problem .com_con .problem ul li .i{

    width: 35px;

    height: 35px;

    margin-right: 5px;

}

.h_problem .com_con .problem ul li .i img{

    width: 100%;

    height: 100%;

}

.h_problem .com_con .problem ul li span{

    font-size: 24px;

    color: #666;

}

.h_problem .com_con .images img{

    max-width: 100%;

    max-height: 100%;

}



/* 平台概述 */



.h_only .com_con .text_p{

    width: 100%;

    font-size: 18px;

    color: #333;

    line-height: 22px;

    margin-top: 30px;

}

.h_only .com_con .gaishu{

    display: flex;

    border: 1px solid #ddd;

    margin: 50px 0 55px;

}

.h_only .com_con .gaishu .title1{

    display: flex;

    align-items: center;

    background-color: #DDDDDD;

}

.h_only .com_con .gaishu .title1 .title_img{

    display: block;

    margin-right: 50px;

    width: 360px;

    height: 620px;

}

.h_only .com_con .gaishu .title1 .title_img>img{

    max-width: 100%;

    max-height: 100%;

}

.h_only .com_con .gaishu .title1 .texts{

    margin-right: 50px;

}

.h_only .com_con .gaishu .title1 .texts ul{

    display: flex;

    flex-direction: column;

}

.h_only .com_con .gaishu .title1 .texts ul li{

    width: 260px;

    height: 84px;

    line-height: 84px;

    border: 2px solid #6e88bb;

    margin-bottom: 25px;

    display: flex;

}

.h_only .com_con .gaishu .title1 .texts ul li img{

    max-width: 100%;

    max-height: 100%;

}

.h_only .com_con .gaishu .title1 .texts ul li p{

    font-size: 24px;

    color: #1e1e1e;

    width: 100%;

    text-align: center;

}

.h_only .com_con .gaishu .title2{

    padding: 50px;

}

.h_only .com_con .gaishu .title2 ul{

    display: flex;

    flex-direction: column;

}

.h_only .com_con .gaishu .title2 ul li{

    width: 100%;

    display: flex;

    align-items: center;

    padding: 0 0 30px 0;

    border-bottom: 1px solid #ddd;

    margin-bottom: 20px;

}

.h_only .com_con .gaishu .title2 ul li img{

    max-width: 100%;

    max-height: 100%;

    margin-right: 15px;

}

.h_only .com_con .gaishu .title2 ul li p{

    font-size: 18px;

    color: #444444;

}

.h_only .com_con .gaishu .title3{

    display: none;

}

.h_only .com_con .img_list{

    width: 100%;

    display: flex;

    justify-content: space-between;

}

.h_only .com_con .img_list img{

    width: 24%;

}

.h_only.h_ptgs{padding-top:0;}

/* 平台功能 */

.gn{

    margin: 0 0 70px;

    padding: 30px 0;

    background-color: #eee;

}

.gn .gongneng{

    width: 100%;

    margin-top: 20px;

}

.gn .gongneng ul{

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: wrap;

}

.gn .gongneng ul li{

    width: 49%;

    display: flex;

    align-items: center;

    margin-bottom: 20px;

}

.gn .gongneng ul li .num{

    width: 75px;

    height: 75px;

    border-radius: 75px;

    line-height: 75px;

    text-align: center;

    border: 1px solid #1C4891;

    font-size: 40px;

    color: #1C4891;

}

.gn .gongneng ul li .title{

    display: flex;

    flex-direction: column;

    margin-left: 15px;

    flex: 1;

}

.gn .gongneng ul li .title p{

    font-size: 36px;

    color: #333;

    margin-bottom: 10px;

    font-weight: 600;

}

.gn .gongneng ul li .title span{

    font-size: 22px;

    color: #666;

}

.gn .gongneng ul li .text{

    width: 225px;

    height: 225px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    border-radius: 50% 50% 0 50%;

    box-shadow:0px 9px 19px 0px #00000080;;

    position: relative;

}

.gn .gongneng ul li .text .text_img{

    width: 105px;

    height: 74px;

    line-height: 74px;

    text-align: center;

}

.gn .gongneng ul li .text .text_img img{

    max-width: 100%;

    max-height: 100%;

}

.gn .gongneng ul li .text span{

    color: #333;

    font-size: 22px;

}

.gn .gongneng ul li .text .jiao{

    position: absolute;

    bottom: 0;

    right: 0;

    width: 100px;

    height: 100px;

    line-height: 125px;

    text-align: center;

    border-radius: 100px 0 0;

    background: linear-gradient(to right,#f87473,#d3312c);

}

.gn .gongneng ul li .text .jiao span{

    font-size: 30px;

    color: #fff;

    margin-left: 25px;

}

.gn .gongneng ul li .text2{

    margin-right: 75px;

    border-radius: 50% 50% 50% 0;

    box-shadow:0px 9px 19px 0px #00000080;;

    position: relative;

}

.gn .gongneng ul li .text2 .jiao{

    bottom: 0;

    left: 0;

    border-radius: 0 100px 0 0;

    background: linear-gradient(to right,#ffa000,#fc6700);

}

.gn .gongneng ul li .text2 .jiao span{

    margin: 0 25px 0 0;

}



.gn .gongneng ul li .text3{

    border-radius: 50% 0 50% 50%;

    box-shadow:9px 0px 19px 0px #00000080;;

    position: relative;

}

.gn .gongneng ul li .text3 .jiao{

    top: 0;

    right: 0;

    line-height: 100px;

    border-radius: 0 0 0 100px;

    background: linear-gradient(to right,#008fc4,#008fc4);

}

.gn .gongneng ul li .text3 .jiao span{

    margin: -25px 0px 0 25px;

}



.gn .gongneng ul li .text4{

    margin-right: 75px;

    border-radius: 0 50% 50% 50%;

    box-shadow:9px 0px 19px 0px #00000080;;

    position: relative;

}

.gn .gongneng ul li .text4 .jiao{

    top: 0;

    left: 0;

    line-height: 100px;

    border-radius: 0 0 100px 0;

    background: linear-gradient(to right,#008d84,#008d84);

}

.gn .gongneng ul li .text4 .jiao span{

    margin: 0 0px 0 -25px;

}

.gn .gn2,

.gn .gn2_ul{

    display: none;

}





/* 技术特点 */



.h_jstd .jstd{

    width: 100%;

    margin-top: 40px;

}

.h_jstd .jstd ul{

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.h_jstd .jstd ul li{

    width: 32%;

    height: 240px;

    padding: 60px 50px 0;

    display: flex;

    flex-direction: column;

    align-items: center;

    background-color: #eeeeee;

    margin-bottom: 28px;

}

.h_jstd .jstd ul .li_act{

    background-color: #1c4891;

    color: #fff;

}

.h_jstd .jstd ul .li_act{

    background-color: #1c4891;

}

.h_jstd .jstd ul .li_act p,

.h_jstd .jstd ul .li_act span{

    color: #fff;

}

.h_jstd .jstd ul li p{

    font-size: 24px;

    color: #333333;

    margin-bottom: 20px;

}

.h_jstd .jstd ul li span{

    font-size: 16px;

    color: #666666;

    line-height: 24px;

    text-align: center;

}





/* 平台优势 */

.h_ptys{

    width:100%;

    padding-top: 80px;

    border-top: 1px solid #ddd;

}

.h_ptys .ptys{

    width: 100%;

    margin-top: 40px;

}



.h_ptys .ptys ul{

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



.h_ptys .ptys ul li{

    width: 32%;

    height: 240px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    border: 1px solid #ddd;

    margin-bottom: 28px;

}

.h_ptys .ptys ul .ptys_li{

    border: 1px solid rgba(221, 221, 221, 0);

    background-color: #eee;

}

.h_ptys .ptys ul .ptys_li .li_img{

    background-color: #1C4891;

}

.h_ptys .ptys ul li .li_img{

    width: 100px;

    height:100px;

    line-height: 100px;

    text-align: center;

    border-radius: 100px;

    border: 1px solid #1C4891;

    background-color: #fff;

    margin-bottom: 15px;

}

.h_ptys .ptys ul li .li_img img{

    max-width: 100%;

    max-height: 100%;

}

.h_ptys .ptys ul li span{

    font-size: 24px;

    color: #333;

}



/* 权益说明 */



.h_qysm{

    width: 100%;

    padding-top: 55px;

    padding-bottom: 60px;

    background-image: url(../img/cp/cp_001.png);

    background-repeat: no-repeat;

    background-size: 100% auto;

    background-color: #eee;

}

.h_qysm .com_con .com_title_after .com_title_before{

    color: #fff;

}

.h_qysm .com_con .com_title_after .com_title_before::after,

.h_qysm .com_con .com_title_after .com_title_before::before

{

    background-color: #fff;

}

.h_qysm .qysm{

    width: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

}



.h_qysm .qysm .jgban{

    display: flex;

    align-items: center;

    margin: 25px 0 60px;

}

.h_qysm .qysm .jgban .jgban0{

    width: 400px;

    height: 60px;

    line-height: 60px;

    text-align: center;

    border-radius: 60px;

    border: 1px solid #fff;

    color: #fff;

    font-size: 24px;

    margin: 0 10px;

    cursor: pointer;

}

.h_qysm .qysm .jgban .jgban1{

    background-color: #fff;

    color: #333;

}

.h_qysm .qysm .kuang{

    width: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    background-color: #fff;

}

.h_qysm .qysm .kuang .kaitong{

    width: 100%;

    height: 200px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    border-bottom: 1px solid #ddd;

    background-color: #fff;

}

.h_qysm .qysm .kuang .kaitong .p{

    font-size: 24px;

    color: #333333;

}

.h_qysm .qysm .kuang .kaitong .p .span1{

    font-size: 30px;

    color: #999999;

    font-weight: bold;

    text-decoration:line-through

}

.h_qysm .qysm .kuang .kaitong .p .span2{

    font-size: 40px;

    color: #cda142;

    font-weight: bold;

}

.h_qysm .qysm .kuang .kaitong .p .span3{

    font-size: 18px;

    color: #666666;

}

.h_qysm .qysm .kuang .kaitong .btns{

    width: 640px;

    height: 60px;

    line-height: 60px;

    margin-top: 24px;

}

.h_qysm .qysm .kuang .kaitong .btns button,.h_qysm .qysm .kuang .kaitong .btns .button{

    width: 100%;

    height: 100%;

    border-radius: 60px;
    text-align:center;

    color: #000;

    font-size: 18px;

    background: linear-gradient(to right, #f8d783, #d0a231);
    display:block;

}

.h_qysm .qysm .kuang .table{

    width: 96%;

    margin: 60px auto 30px;

    display: flex;

}

.h_qysm .qysm .kuang .table .ul1{

    display: flex;

    width: 100%;

}

.h_qysm .qysm .kuang .table .ul1 .li1{

    width: 33.3%;

    display: flex;

    flex-direction: column;

}

.h_qysm .qysm .kuang .table .ul1 .li1 .head{

    width: 100%;

    height: 70px;

    line-height: 70px;

    text-align: center;

    color: #fff;

    background-color: #8da3c8;

    font-size: 26px;

}

.h_qysm .qysm .kuang .table .ul1 .xz{

    border-left: 1px solid #1c4891;

    border-right: 1px solid #1c4891;

    border-bottom: 1px solid #1c4891;

}

.h_qysm .qysm .kuang .table .ul1 .xz .head{

    background-color: #1C4891;

}

.h_qysm .qysm .kuang .table .ul1 .li1 .cons{

    display: flex;

}

.h_qysm .qysm .kuang .table .ul1 .li1 .cons .title{

    height: auto;

    width: 110px;

    padding: 0 47px;

    display: flex;

    align-items: center;

    background-color: #d9d9d9;

    border-bottom: 1px solid #a3a3a3;

    border-right: 1px solid #a3a3a3;

    border-left: 1px solid #a3a3a3;

    font-weight: bold;

}

.h_qysm .qysm .kuang .table .ul1 .li1 .cons .ul2{

    flex: 1;

    display: flex;

    flex-direction: column;

}

.h_qysm .qysm .kuang .table .ul1 .li1 .cons .ul2 .li2{

    height: 33px;

    line-height: 33px;

    padding: 0 30px;

    font-size: 16px;

    color: #666666;

    border-bottom: 1px solid #a3a3a3;

}

.h_qysm .qysm .kuang .table .ul1 .li1 .cons .ul2 .li2_s{

    height: 60px;

    line-height: 60px;

}



.h_qysm .qysm .kuang .table .ul1 .li1 .ul2{

    flex: 1;

    display: flex;

    flex-direction: column;

    border-right: 1px solid #a3a3a3;

    border-left: 1px solid #a3a3a3;

}

.h_qysm .qysm .kuang .table .ul1 .li1 .ul2 .li2{

    width: 100%;

    height: 33px;

    line-height: 33px;

    padding: 0 30px;

    font-size: 16px;

    color: #666666;

    border-bottom: 1px solid #a3a3a3;

    text-align: center;

}

.h_qysm .qysm .kuang .table .ul1 .li1 .ul2 .li2 .true{

    display: inline-block;

    width: 18px;

    height: 18px;

    line-height: 18px;

    border-radius: 18px;

    border: 1px solid #1C4891;

    color: #1c4891;

    font-size: 12px;

    margin-right: 10px;

}

.h_qysm .qysm .kuang .table .ul1 .li1 .ul2 .li2 .false{

    display: inline-block;

    width: 18px;

    height: 18px;

    line-height: 18px;

    border-radius: 18px;

    border: 1px solid #999999;

    color: #999999;

    font-size: 12px;

    margin-right: 10px;

}

.h_qysm .qysm .kuang .table .ul1 .li1 .ul2 .li2_s1{

    height: 60px;

    line-height: 22px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}

.h_qysm .qysm .kuang .table .ul1 .li1 .ul2 .li2_s{

    height: 60px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}

.h_qysm .qysm .kuang .table .ul1 .li1 .ul2 .li2_s1 .li2_span1{

    text-decoration: line-through;

}

.h_qysm .qysm .kuang .table .ul1_1{

    display: none;

}



/* 客户反馈 */



.h_khfk .com_con .khfk{

    width: 100%;

    display: flex;

    align-items: center;

    margin-top: 40px;

    justify-content: space-between;

}

.h_khfk .com_con .khfk .left{

    width: 40%;

    display: flex;

    flex-direction: column;

}

.h_khfk .com_con .khfk .left .left_p{

    font-size: 18px;

    color: #333333;

    position: relative;

    padding-bottom: 12px;

    border-bottom: 1px solid #d9d9d9;

    font-weight: bold;

}

.h_khfk .com_con .khfk .left .left_p::after{

    position: absolute;

    content: "";

    width: 70px;

    height: 3px;

    background-color: #1c4891;

    bottom: 0;

    left: 0;

}

.h_khfk .com_con .khfk .left .left_ul{

    display: flex;

    flex-direction: column;

}

.h_khfk .com_con .khfk .left .left_ul .left_li{

    width: 100%;

    padding: 20px 0 10px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-bottom: 1px solid #d9d9d9;

}

.h_khfk .com_con .khfk .left .left_ul .left_li .left_span{

    color: #333;

    font-size: 16px;

}

.h_khfk .com_con .khfk .right {

    width: 58%;

}

.h_khfk .com_con .khfk .right .right_ul{

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.h_khfk .com_con .khfk .right .right_ul .right_li{

    width: 48%;

    height: 220px;

    padding: 30px 30px 0;

    display: flex;

    flex-direction: column;

    border-radius: 6px;

    background-image: url(../img/cp/cp_beiginh.png);

    background-repeat: no-repeat;

    background-size: 100% 100%;

    margin-bottom: 30px;

}

.h_khfk .com_con .khfk .right .right_ul .right_li p{

    font-size: 18px;

    color: #1c4891;

    margin-bottom: 10px;

}

.h_khfk .com_con .khfk .right .right_ul .right_li span{

    font-size: 14px;

    color: #666666;

    line-height: 28px;

}







/* 客户反馈 */

.h_block,

.h_fk{display: none;}



.h_fk .com_content{

    width: 100%;

    padding: 20px 0;

    display: flex;

    align-items: center;

    flex-direction: column;

}

.h_fk .com_content .fk{

    width: 100%;

    margin-top: 35px;

}

.h_fk .com_content .fk ul{

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.h_fk .com_content .fk ul li{

    width: 32%;

    height: 220px;

    padding: 40px 30px;

    margin-bottom: 30px;

    display: flex;

    flex-direction: column;

    background-image: url(../img/udi1/p1_background.png);

    background-size: 100% 100%;

    background-repeat: no-repeat;

}

.h_fk .com_content .fk ul li p{

    font-size: 18px;

    color: #234e94;

    margin-bottom: 10px;

}

.h_fk .com_content .fk ul li span{

    font-size: 14px;

    color: #666;

    line-height: 24px;

}

.h_fk .com_content .fk .fk_swiper{

    display: none;

}



/* 解决方案 / 成功案例 */



.h_anli{

    width: 100%;

    background-color: #eee;

    padding: 70px 0;

}

.h_anli .anli_auto{

    width: 1400px;

    margin: 0 auto;

    display: flex;

    justify-content: space-between;

}

.h_anli .anli_auto .anli_content{

    width: 48%;

    display: flex;

    flex-direction: column;

    align-items: center;

}

.h_anli .anli_auto .anli_content .anli_list{

    width: 100%;

    margin-top: 35px;

}

.h_anli .anli_auto .anli_content .anli_list ul{

    display: flex;

    flex-direction: column;

}

.h_anli .anli_auto .anli_content .anli_list ul li{

    width: 100%;

    height: 65px;

    line-height: 65px;

    text-align: center;

    font-size: 20px;

    color: #000;

    margin-bottom: 15px;

    background-color: #fff;

    cursor: pointer;

}

.h_anli .anli_auto .anli_content .anli_list ul .anli_li{

    color: #234e94;

}



/* 填写表单 */

.h_form{

    width: 100%;

    height: 350px;

    background-color: #1C4891;

}

.h_form .form_con{

    width: 1440px;

    height: 100%;

    margin: 0 auto;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}

.h_form .form_con .title{

    font-size: 50px;

    color: #fff;

}

.h_form .form_con .form_ul{

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin: 24px 0 18px;

}

.h_form .form_con .form_ul li{

    width: 19%;

    height: 48px;

    line-height: 48px;

}

.h_form .form_con .form_ul li select,

.h_form .form_con .form_ul li input{

    width: 100%;

    height: 100%;

    padding: 0 20px;

    font-size: 16px;

}

.h_form .form_con button{

    width: 275px;

    height: 60px;

    line-height: 60px;

    border-radius: 4px;

    border: 2px solid #fff;

    color: #fff;

    background-color: #ffffff00;

}





@media (min-width:1200px) and (max-width:1440px){

    body {

        min-width: 100%;

    }

    .com_con,

    .h_anli .anli_auto,

    .h_form .form_con {

        width: 1200px;

    }

    .gn .gongneng ul li .title p {

        font-size: 32px;

    }

    .gn .gongneng ul li .title span {

        font-size: 18px;

    }

    .h_khfk .com_con .khfk .left {

        margin-right: 38px;

    }

}





@media (max-width:1200px){

    body {

        min-width: 100%;

    }

    .com_content,

    .com_con,

    .h_anli .anli_auto,

    .h_form .form_con {

        width: 1000px;

    }



    .h_anli .anli_auto .anli_content .anli_list ul li {

        height: 54px;

        line-height: 54px;

        font-size: 16px;

    }

    .h_khfk .com_con .khfk .right .right_ul .right_li {

        height: 200px;

    }

    .h_khfk .com_con .khfk .right .right_ul .right_li p {

        font-size: 16px;

    }

    .h_khfk .com_con .khfk .right .right_ul .right_li span {

        font-size: 12px;

        line-height: 22px;

    }

    .h_product{

        padding: 60px 0;

    }

    .h_problem .com_con .problem .title {

        font-size: 32px;

    }

    .h_problem .com_con .problem ul li .i {

        width: 30px;

        height: 30px;

    }

    .h_problem .com_con .problem ul li span {

        font-size: 20px;

    }

    .h_problem .com_con .problem ul li {

        margin-bottom: 15px;

    }

    .h_only .com_con .gaishu .title1 {

        width: 51%;

    }

    .h_only .com_con .gaishu .title2 {

        width: 49%;

        padding: 40px;

    }



    .h_only .com_con .gaishu .title1 .texts ul li {

        width: 200px;

        height: 65px;

        line-height: 65px;

        margin: 10px 0;

    }



    .h_only .com_con .gaishu .title1 .texts ul li p {

        font-size: 18px;

    }

    .h_only .com_con .gaishu .title1 .texts {

        margin-right: 25px;

    }

    .h_only .com_con .gaishu .title1 .title_img {

        margin-right: 20px;

        width: auto;

        height: auto;

    }

    .h_only .com_con .gaishu .title2 ul li {

        padding: 0 0 20px 0;

        margin-bottom: 10px;

    }

    .h_only .com_con .gaishu .title2 ul li p {

        font-size: 14px;

    }

    .gn .gongneng ul li .title p {

        font-size: 30px;

    }

    .gn .gongneng ul li .title span {

        font-size: 16px;

    }

    .h_jstd .jstd ul li {

        width: 32%;

        height: 200px;

        padding: 35px 50px 0;

    }

    .h_jstd .jstd ul li p {

        font-size: 20px;

    }

    .h_jstd .jstd ul li span {

        font-size: 14px;

    }

    .h_ptys .ptys ul li {

        width: 32%;

        height: 216px;

    }

    .h_ptys .ptys ul li span {

        font-size: 18px;

    }

    .h_only {

        width: 100%;

        margin: 30px 0;

    }



}



@media (max-width:767px){

    .com_con{

        width: 100%;

    }

    .h_problem{

        padding: 30px 0;

    }

    .h_ptys{

        padding-top: 40px;

    }

    .h_product{

        height: 290px;

        background-size: 100% 100%;

    }

    .h_product .logo {

        width: 100px;

        height: 60px;

        line-height: 60px;

    }

    .h_product .names {

        font-size: 22px;

        margin: 15px 0;

        padding-bottom: 10px;

    }

    .h_product .names::after {

        width: 70px;

        height: 3px;

    }

    .h_product p {

        font-size: 14px;

    }

    .h_problem .com_con .problem .title {

        font-size: 20px;

        margin-bottom: 20px;

        font-weight: bold;

    }

    /* 传统教育装备面临如下问题 */

    

    .titles{

        flex-direction: column;

        padding: 0 15px;

    }

    .h_problem .com_con .problem {

        width: 100%;

    }

    .h_problem .com_con .images {

        width: 100%;

    }

    .h_problem .com_con .problem ul li .i {

        width: 20px;

        height: 20px;

    }

    .h_problem .com_con .problem ul li span {

        font-size: 16px;

    }

    /* 平台概述 */

    .h_only .com_con .text_p {
        text-align:justify;
        font-size: 14px;

    }

    .h_only .com_con .gaishu .title1{

        display: none;

    }

    .gaishu .title2{

        display: none;

    }

    .h_only .com_con .gaishu .title3{

        display: block;

    }

    .h_only .com_con .gaishu .title3 .title_img{

        width: 100%;

        height: auto;

        border-radius: 12px;

        overflow: hidden;

    }

    .h_only .com_con .gaishu .title3 .title_img{

        width: 100%;

        height: auto;

    }

    .h_only .com_con .gaishu .title3 .title3_ul{

        display: flex;

        flex-wrap: wrap;

    }

    .h_only .com_con .gaishu .title3 .title3_ul li{

        display: flex;

        flex-direction: column;

        width: 48%;

        padding: 10px 0 20px;

        border-bottom: 1px solid #bfbfbf;

        margin-right: 4%;

        margin-bottom: 20px;

    }

    .h_only .com_con .gaishu .title3 .title3_ul li:nth-child(2n){

        margin-right: 0;

    }

    .h_only .com_con .gaishu .title3 .title3_ul li .text_li{

        width: 100%;

        height: 60px;

        line-height: 60px;

        border: 2px solid #6e88bb;

        margin-bottom: 25px;

        display: flex;

    }

    .h_only .com_con .gaishu .title3 .title3_ul li .text_li img{

        width: 32%;

        height: auto;

    }

    .h_only .com_con .gaishu .title3 .title3_ul li .text_li p{

        font-size: 16px;

        color: #1e1e1e;

        width: 100%;

        font-weight: bold;

        text-align: center;

    }

    .h_only .com_con .gaishu .title3 .title3_ul li .li_ps{

        font-size: 14px;

        color: #444444;

    }

    .h_only .com_con .gaishu {

        display: flex;

        border: none;

        margin: 20px 0 10px;

    }

    .h_only .com_con .img_list {

        flex-wrap: wrap;

        justify-content: flex-start;

    }

    .h_only .com_con .img_list img {

        width: 48%;
        height: 114px;

        margin-right: 4%;

        margin-bottom: 20px;

    }

    .h_only .com_con .img_list img:nth-child(2n){

        margin-right: 0%;

    }

    

    .gn .gongneng .gn_ul{

        display: none;

    }

    .gn .gn2,

    .gn .gn2_ul{

        display: block;

        

    }

    .gn .gn2 a{

        display: block;

    }

    .gn .gn2_ul{

        padding: 0 15px;

        margin-top: 15px;

    }

    .gn .gongneng ul li {

        width: 48%;

        height: 180px;

        display: flex;

        flex-direction: column;

        justify-content: flex-start;

        align-items: center;

        margin-bottom: 20px;

        margin-right: 4%;

        background-color: #fff;

        padding: 15px;

        border-radius: 10px;

    }

    .gn .gongneng ul li:nth-child(2n) {

        margin-right: 0;

    }

    .gn .gongneng ul li .gn2_li{

        display: flex;

        align-items: center;

        margin-bottom: 15px;

    }

    .gn .gongneng ul li p{

        color: #333333;

        font-size: 18px;

        font-weight: bold;

        margin-left: 10px;

    }

    .gn .gongneng ul li .num {

        width: 55px;

        height: 55px;

        border-radius: 55px;

        line-height: 55px;

        text-align: center;

        border: 1px solid #1C4891;

        font-size: 28px;

        color: #1C4891;

        font-weight: bold;

    }

    .gn .gongneng ul li span{

        font-size: 14px;

        color: #666666;

        text-align: center;

    }

    /* 技术特点 */

    .h_jstd .jstd ul li {

        width: 48%;

        margin-right: 4%;

        margin-bottom: 20px;

        padding: 15px 10px 0;

        height: 180px;

    }

    .h_jstd .jstd ul li:nth-child(2n) {

        margin-right: 0

    }

    .h_jstd .jstd ul li p {

        font-weight: bold;

        font-size: 16px;

        margin-bottom: 10px;

    }

    .h_jstd .jstd ul li span {

        font-size: 12px;

    }

    /* 平台优势 */

    .h_ptys .ptys ul li {

        width: 48%;

        height: 216px;

        margin-right: 4%;

        margin-bottom: 20px;
        padding:0 5px;

    }

    .h_ptys .ptys ul li:nth-child(2n) {

        margin-right: 0%;

    }

    .h_ptys .ptys ul li span {

        font-size: 16px;

        font-weight: bold;

        text-align: center;

    }



    /* 权益说明 */

    .h_qysm{

        background-size: 100% 28.4%;

        padding-bottom: 30px;

    }

    .h_qysm .qysm .kuang .kaitong .p {

        font-size: 14px;

        padding: 0 28px;

        text-align: center;

    }

    .h_qysm .qysm .kuang .kaitong .p .span1 {

        font-size: 22px;

    }

    .h_qysm .qysm .kuang .kaitong .p .span2 {

        font-size: 26px;

    }

    .h_qysm .qysm .kuang .kaitong .p .span3 {

        font-size: 14px;

    }

    .h_qysm .qysm .kuang .table .ul1 .li1 .cons .title{

        display: none;

    }

    .h_qysm .qysm .jgban{width: 100%;margin: 20px 0 30px;}

    .h_qysm .qysm .jgban .jgban0{

        width: 50%;

        height: 40px;

        line-height: 40px;

        font-size: 18px;

    }

    .h_qysm .qysm .kuang .kaitong .btns{

        width: 90%;

        height: 40px;

        line-height: 40px;

        margin-top: 20px;

    }

    .h_qysm .qysm .kuang .kaitong .btns button,.h_qysm .qysm .kuang .kaitong .btns .button{

        font-size: 16px;

    }

    .h_qysm .qysm .kuang .table{

        margin: 20px auto 30px;

    }

    .h_qysm .qysm .kuang .table .ul1 .xz_none1{

        display: none;

    }

    .h_qysm .qysm .kuang .table .ul1{

        display: none;

    }

    .h_qysm .qysm .kuang .table .ul1_1{

        display: block;

        width: 100%;

    }

    .h_qysm .qysm .kuang .table .ul1_1 .head{

        width: 100%;

        height: 50px;

        line-height: 50px;

        text-align: center;

        color: #fff;

        background-color: #1C4891;

        font-size: 22px;

    }

    .h_qysm .qysm .kuang .table .ul1_1 .ul2{

        width: 100%;

        display: flex;

        flex-direction: column;

    }

    .h_qysm .qysm .kuang .table .ul1_1 .ul2 .li2{

        width: 100%;

        background-color: #dfdfdf;

        padding: 0 10px;

        height: 30px;

        line-height: 30px;

        font-size: 12px;

        color: #666666;

        margin: 0 0 5px;

        display: flex;

        justify-content: space-between;

        align-items: center;

    }

    .h_qysm .qysm .kuang .table .ul1_1 .ul2 .li2 .li2div{

        font-size: 12px;

        color: #666666;

        float: left;

    }

    .h_qysm .qysm .kuang .table .ul1_1 .ul2 .li2 span{

        font-size: 12px;

        color: #666666;

        float: left;

        margin-left: 5px;

    }

    .h_qysm .qysm .kuang .table .ul1_1 .ul2 .li2 .true{

        width: 18px;

        height: 18px;

        line-height: 18px;

        border-radius: 18px;

        border: 1px solid #1C4891;

        color: #1c4891;

        font-size: 12px;

        text-align: center;

    }

    .h_qysm .qysm .kuang .table .ul1_1 .ul2 .li2 .false{

        width: 18px;

        height: 18px;

        line-height: 18px;

        border-radius: 18px;

        border: 1px solid #999999;

        color: #999999;

        font-size: 12px;

        text-align: center;

    }

    .h_qysm .qysm .kuang .table .ul1_1 .ul2 .li2 .li2_dis{

        display: flex;

        align-items: center;

    }

    .h_qysm .qysm .kuang .table .ul1_1 .ul2 .li2_s1 .li2_span1{

        text-decoration: line-through;

    }



    /* 客户反馈 */

    .h_khfk

    {

        display: none;

    }

    .h_fk,

    .h_block {

        display: block;

    }

    .h_fk{

        margin: 0;

    }

    .h_fk .com_content .fk ul{

        display: none;

    }

    .h_fk .com_content .fk .fk_swiper{

        display: block;

        margin: 0 -15px 0;

    }

    .fk_swiper .swiper-slide{

        padding: 25px 15px;

        margin-bottom: 0;

        display: flex;

        flex-direction: column;

        background-image: url(../img/udi1/p1_background.png);

        background-size: 100% 100%;

        background-repeat: no-repeat;

    }

    .fk_swiper .swiper-slide p{

        font-size: 14px;

        color: #234e94;

        margin-bottom: 10px;

    }

    .fk_swiper .swiper-slide span {

        font-size: 12px;

        color: #666;

        line-height: 24px;

    }

    .fk_swiper .swiper-slide {

        text-align: center;

        font-size: 18px;

        display: flex;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        -webkit-justify-content: center;

        justify-content: center;

        -webkit-box-align: center;

        -ms-flex-align: center;

        -webkit-align-items: center;

        align-items: center;

        transition: 300ms;

        transform: scale(0.8);

      }

      .fk_swiper .swiper-slide-active,.swiper-slide-duplicate-active{

        transform: scale(1);

      }



      .h_khfk .com_con .khfk .left {

        width: 100%;

    }

    .h_khfk .com_con .khfk .left .left_ul .left_li .left_span {

        font-size: 12px;

    }

    .h_khfk .com_con .khfk {

        margin-top: 20px;

    }



    /* 表单 */

    .h_form .form_con .title{

        font-size: 22px;

    }

    .h_form {

      width: 100%;

      height: auto;

    }

    .h_form .form_con{

        padding: 30px 15px;

    }

    .h_form .form_con .form_ul{

        flex-wrap: wrap;

        margin: 10px 0 18px;

    }

    .h_form .form_con .form_ul li{

        width: 100%;

        margin: 10px 0;

    }

    .h_form .form_con button{

        width: 100%;

    }





    /* 解决方案 / 成功案例 */

    .h_anli .anli_auto{

        width:100%;

        flex-direction: column;

    }

    .h_anli .anli_auto .anli_content,

    .h_form .form_con {

        width: 100%;

    }

    .h_anli .anli_auto .anli_content .anli_list{

        padding: 0 15px;

        margin-bottom: 15px;

    }

    .h_anli{

      padding: 30px 0;

    }

    .h_anli .anli_auto .anli_content .anli_list ul li{

        height: 40px;

        line-height: 40px;

        font-size: 14px;

    }



    

}

.h_only.h_ptgs{padding-top:0;}








































































