.dy-hexin .li .img-1 img{width: 100%;border-radius: 5px;}
.li-five .li{width: 19%;margin-bottom: 1.5%;margin-right: 1%;}
.li-five .li:nth-child(5n){margin-right: 0;}

.soft-li li{width: 25%;margin-bottom: 1.5%;}

.li-three .li{width: 32%;margin-bottom: 1.5%;margin-right: 1%;margin-bottom:1%;padding:15px;border-radius: 10px;background-color: #F7F8FA;}
.li-three .li:nth-child(3n){margin-right: 0;}
.li-three .li h2{line-height: 18px; font-size: 22px; margin-top: 1px;font-weight: 700;text-align: center}
.li-three .li p{color: #808082;line-height: 16px;font-size: 14px;}


.soft-liucheng{}
.soft-liucheng .li{width: 24%;margin-right: 1%;margin-bottom:1%;padding:15px;border-radius: 10px;background-color: #F7F8FA;}
.soft-liucheng .li:nth-child(4n){margin-right: 0;}
.soft-liucheng .li .img-1 img{width: 150px;}
.soft-liucheng .li .text-1{
    /*width:calc(100% - 118px);*/
    padding-top:20px;padding-bottom: 20px;text-align: center}
.soft-liucheng .li h2{line-height: 18px; font-size: 22px; margin-top: 1px;font-weight: 700}
.soft-liucheng .li p{color: #808082;line-height: 16px;font-size: 14px;margin: 10px 20px;line-height: 25px}



.quan-ul{}
.quan-ul .li{width: 32%;margin-right: 1%;margin-bottom:1%;padding:15px;border-radius: 10px;background-color: #F7F8FA;}
.quan-ul .li:nth-child(3n){margin-right: 0;}
.quan-ul .li .img-1 img{width: 36px;}
.quan-ul .li .text-1{
    /*width:calc(100% - 118px);*/border-top: 1px solid #e5e5e5;margin-top: 15px;
    padding-top:15px;padding-bottom: 20px;}
.quan-ul .li h3{line-height: 18px; font-size: 16px; margin-top: 1px;font-weight: 700}
.quan-ul .li p{color: #808082;line-height: 22px;font-size: 14px;}

.quan-ul  h4 em {
    display: flex;
    flex-shrink: 0;
    margin-right: 30px;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    border-radius: 50%;
    box-shadow: 0 0 0 10px #ccddff;
    background: #0057ff;
    align-items: center;
    justify-content: center;
}



.ip-ul{}
.ip-ul .li{width: 19%;margin-right: 1%;margin-bottom:1%;padding:15px;border-radius: 10px;background-color: #F7F8FA;}
.ip-ul .li:nth-child(5n){margin-right: 0;}
.ip-ul .li .img-1 img{width: 100px;height: 90px;}
.ip-ul .li .text-1{
    /*width:calc(100% - 118px);*/
    padding-top:20px;padding-bottom: 20px;text-align: center}
.ip-ul .li h2{line-height: 18px; font-size: 16px; margin-top: 1px;font-weight: 700}
.ip-ul .li p{color: #808082;line-height: 16px;font-size: 12px;}

.ip-ul  h4 em {
    display: flex;
    flex-shrink: 0;
    margin-top: 20px;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    border-radius: 50%;
    box-shadow: 0 0 0 10px #ccddff;
    background: #0057ff;
    align-items: center;
    justify-content: center;
}



.company {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.65) 0%, #FFFFFF 100%);
    position: relative
}

.mb {
    width: 790px;
    height: 800px;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 50
}

.mb img {
    width: 100%;
    height: 100%
}

.mb2 img {
    width: 100%;
    height: 100%
}

.mb2 {
    width: 790px;
    height: 800px;
    position: absolute;
    top: 0px;
    right: 0;
    z-index: 50;
    transform: rotate(180deg)
}

.company_content {
    max-width: 1430px;
    height: 118px;
    margin: 0 auto 0;
    overflow: hidden;
    position: relative
}

.company_box {
    width: 286px;
    height: 118px;
    position: absolute
}

.company_boxes {
    position: relative;
    left: -286px
}


/************** ip.php *****************/

.grip_wlsn_title {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    width: 50%;
    line-height: 1.5;
    border-radius: 0px 0px 40px 40px;
    background: linear-gradient(
            180deg,
            rgba(242, 149, 48, 1) 0%,
            rgba(237, 108, 50, 1) 100%
    ),
    rgba(204, 204, 204, 1);
}
.grip_wlsn_title p, .grip_wlsn_bottom p {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
}
.grip_wlsn_bottom {
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 70px;
    line-height: 70px;color: #ffffff;
    border-radius: 0px 0px 20px 20px;
    background: linear-gradient(270deg, rgba(26, 173, 137, 0.8) 0%, rgba(43, 207, 166, 0.8) 100%), rgba(204, 204, 204, 1);
}
.grip_yyqw_list ul li {width:32%;border-radius:10px;background:#fff;margin-right:1%;margin-bottom:1%;transition:all 0.3s;}
.grip_yyqw_list ul li:nth-of-type(3n) {margin-right:0;}
.grip_yyqw_list ul li .li_top {margin:15px;}
.grip_yyqw_list ul li .li_top img{}
.grip_yyqw_list ul li .li_top_re {width: 80%;margin-left:10px;}
.grip_yyqw_list ul li .li_top_re p {font-size:24px;font-weight:500;line-height:34.75px;color:rgba(51,51,51,1);}

.grip_yyqw_list ul li .li_top_re dl dd {line-height:27px;border-radius:10px;background:rgba(40,155,126,0.07);padding:5px ;margin-right:5px;font-size:12px;font-weight:400;color:rgba(40,155,126,1);}
.grip_yyqw_list ul li .li_top_re dl dd:last-of-type {margin-right:0;}
.grip_yyqw_list ul li .li_desc {font-size:16px;font-weight:400;line-height:26.06px;color:rgba(102,102,102,1);margin:0 15px;padding-bottom: 15px;}
.grip_yyqw_list ul li:hover {transform:translate(0,-2px);}
.grip_yyqw .dsp_fgfw_mszx {margin:20px auto 0;}





.grip_list_right_content {
    display: none;
}
.grip_list_right_content.current {
    display: block;
}
.grip_list_right_content .item {
    margin-bottom: 20px;
}
.grip_list_right_content .item_top_icon {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 8.05px 24.15px 89.45px -11.63px rgba(22, 52, 80, 0.1);
}
.grip_list_right_content .item_top span {
    font-size: 36px;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    margin-left: 24px;
}
.grip_list_right_content p {
    position: relative;
    padding-left: 20px;
    margin-top: 10px;

    font-size: 18px;
    font-weight: 400;
    line-height: 26.06px;
    color: rgba(102, 102, 102, 1);
}
.grip_list_right_content p::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 24px;
    font-weight: 700;
    line-height: 34.75px;
    color: rgba(40, 155, 126, 1);
}
.grip_list_right_content .grip_list_right_imgs {
    margin-top: 40px;
    width: 100%;
}



.li-list li {
    width: 49%;
    height: auto;
    border-radius: 10px;
    background: rgba(243, 245, 249, 1);
    position: relative;
    margin-bottom: 1%;
    margin-right: 1%;padding:0 15px;
}
.li-list li .number{  width: 30%;
    height: 100px;padding: 0 15px;
    line-height: 130px;
    background: linear-gradient(
            180deg,
            rgba(26, 173, 137, 0.8) 0%,
            rgba(43, 207, 166, 0.8) 100%
    ),
    rgba(40, 155, 126, 1);
    font-size: 48px;
    font-weight: 400;
    color: #fff;
    text-align: center;}
.li-list .title{font-size: 36px;font-weight: 500;margin-left:15px;}
.li-list .fuhao{font-size: 80px;color: rgba(0, 0, 0, 0.08);margin-left: 20px}

.li-list li:nth-of-type(2n) {
    margin-right: 0;
}

.li-list li:hover {
    background: linear-gradient(
            270deg,
            rgba(26, 173, 137, 0.8) 0%,
            rgba(43, 207, 166, 0.8) 100%
    ),
    rgba(243, 245, 249, 1);
    box-shadow: 0px 2px 40px 0px rgba(40, 155, 126, 0.4);
}
.li-list li:hover .number {
    background: rgba(255, 141, 26, 1);
}
.li-list li:hover p {
    color: #fff;
}
@media screen and (max-width: 1050px) {

    .li-five .li{width: 32%;}
    .li-three .li{width: 49%;}
    .li-three .li:nth-child(3n){margin-right: 1%;}
    .li-three .li:nth-child(2n){margin-right: 0;}
    .li-three .li h2{font-size: 14px;}


    .soft-li li{width: 48%;margin-bottom: 1.5%;margin-right: 1.9%;}

    .soft-liucheng .li .img-1 img{width: 100%;}
    .soft-liucheng .li h2{line-height: 18px; font-size: 16px; margin-top: 1px;font-weight: 700}



    .quan-ul .li{width: 100%}

    .ip-ul .li{width: 100%;}


    .grip_wlsn_title p, .grip_wlsn_bottom p{font-size: 18px;}
    .grip_yyqw_list ul li {width:100%}
    .li-list li {width: 100%;}
    .li-list li .number{font-size: 24px;width: 20%;height: 80px;}
    .li-list .title{font-size: 24px;margin-left: 5px;}
    .li-list .fuhao{font-size: 40px;}
}