/* ******************************产品部分************************ */
.product-title-main {
    height: 294px;
}

.main-title {
    font-size: 36px;
    font-weight: 700;
}

.item-main {
    margin: 0 28px;
    font-size: 26px;
}

.product-title-main {
    background: url("./m_product_bg_02.png") no-repeat center;
    padding-top: 46px;
}

.title-item-main {
    margin-top: 40px;
}

/* *****产品下半部分***** */
.product-content-main {
    width: 100%;
    height: auto;
    background-image: none;
    padding: 30px;
    box-sizing: border-box;
    background: #F6F7FB;
}

.product-content {
    height: auto;
    padding: 0;
}

.product-item-main {
    margin-bottom: 0;
}

.m-main-title-container {
    position: relative;
    height: 112px;
    padding-top: 41px;
    padding: 41px 30px 0 30px;
    background-image: linear-gradient(to bottom, #f3f5f8, #fff);
    box-sizing: border-box;
}

.m-main-title-container-active {
    background-image: none;
}

.item-main-title {
    height: 30px;
    line-height: 26px;
    font-size: 30px;
    font-weight: 500;
    color: #000;
    border-left: 6px #0f51ca solid;
}

.m-product-arrow-active {
    position: absolute;
    top: 40px;
    right: 35px;
    width: 30px;
    height: 30px;
    background: url("./s_m_arrow_active.png") !important;
    background-size: contain;
}

.m-product-arrow {
    position: absolute;
    top: 40px;
    right: 35px;
    width: 30px;
    height: 30px;
    background: url("./s_m_arrow.png") no-repeat center;
    background-size: contain;
}

.m-item-container {
    background-color: #f6f7fb;
    padding: 0 30px;
}

.m-item-container-active {
    background-color: #f6f7fb;
    padding: 0 30px;

    height: auto;
    overflow: hidden;
    transition: height 1s ease-in-out;
}

.item-main-info {
    display: block;
    width: 100%;
    height: 128px;
}

.item-main-info:hover {
    background: #fff;
    box-shadow: 1.5px 2.598px 13px 0px rgb(190, 191, 192);
    border-radius: 4px;
}

.item-main-info:hover .name {
    color: #0f51ca;
}

.item-main-info .info-name {
    height: 44px;
    line-height: 44px;
}

.item-main-info .info-name .name-icon .icon-img {
    vertical-align: middle;
}

.item-main-info .info-name .name {
    font-size: 26px;
}

.item-main-info .info-text {
    font-size: 22px;
    margin-top: 8px;
}

.item-img-top,
.item-img-bottom {
    left: 50%;
    transform: translate(-50%);
}

.product-content ul {
    width: auto;
    margin: 0;
}

.product-content li {
    float: initial;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 30px 27px;
    box-sizing: border-box;
    overflow: hidden;
    height: auto;
    background-image: linear-gradient(to top, #fefeff, #d8eaff);
    display:flex;
    align-items: center;
    justify-content: center;
    font-family: Arial;
    position: relative;
}

.product-content ul:first-child{
    width:100%;
}
.product-content ul:first-child li{
    width: 100%;
    height:auto;
}
.product-content ul:last-child{
    height:auto;
}


.product-content li h2 {
    font-size: 36px;
    width:630px;
    text-align: left;
    line-height:50px;
    padding-left:200px;
}
.product-content li img{
    width:70px;
    height:auto;
    display:block;
    position: absolute;
    top:50%;
    left:180px;
    transform: translate(0,-50%);
}
.product-content li .img01{
    width:80px !important;
    margin-top:0;
}
.product-content li p {
    font-size: 24px;
    -webkit-line-clamp: 4;
    line-height: 52px;
    margin-bottom: 0;
}

.product-content li .handle span {
    font-size: 24px;
    width: 260px;
    height: 39px;
    margin-bottom: 20px;
    margin-right: 20px;
}

.product-content li:first-child {
    width: auto;
    height: auto;
    background-image:none;
    background-image: linear-gradient(to top, #fefeff, #d8eaff);
}

.product-content li:first-child h2{
    color:#000;
    font-size:36px;
}

.product-content li:first-child p {
    margin-bottom: 24px;
}

/* ******************************解决方案************************ */
.plan-container {
    width: 100%;
}

.m-plan-content {
    display: flex;
    gap: 2px;
}

.m-plan-item {
    position: relative;
    flex: 1;
    height: 180px;
    cursor: pointer;
    box-sizing: border-box;
    margin-bottom: 2px;
    overflow: hidden;
}
.m-plan-item a{
    display:block;
    width:100%;
    height:100%;
    position: relative;
}
.m-plan-item a>img {
    width: 100%;
    height: 100%;
}

.m-plan-item:hover .m-plan-img {
    display: none;
}

.m-plan-item:hover .m-plan-img-active {
    display: block;
}

.m-plan-item .item {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.m-plan-item .item .item-icon {
    color: #fff;
    font-size: 22px;
    text-align: center;
}

/* ******************************客户部分************************ */
.punter-container {
    background: url("./m_punter_bg_02.png") no-repeat center top;
}

.sort-item-name {
    font-size: 22px;
    margin-top: 0;
}

.punter-info-main {
    width: 690px;
    margin: 0 auto;
    background-color: #f2f2f2;
    box-shadow: 1.5px 2.598px 40px 0px rgb(167, 168, 170);
    margin-bottom: 40px;
}

.punter-detail-main {
    display: block;
    width: 100%;
    height: auto;
    border: none;
    background: #f2f2f2;
}

.punter-detail-item {
    width: 100%;
    height: 240px;
    background: url(./m_punter_2.png) no-repeat center;
    margin-bottom: 20px;
}

.punter-detail-text {
    width: 475px;
}

.punter-detail-text-write {
    font-size: 20px;
    line-height: 36px;
    color: #28303a;
}

.m-punter-only-main {
    margin-top: 20px;
}

.m-punter-onlyTop {
    display: flex;
    justify-content: space-between;
}

.m-punter-onlyTop-item {
    border: 3px #fff solid;
}

.m-punter-onlyBottom {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.m-punter-onlyBottom-item {
    border: 3px #fff solid;
}

.punter-sort-item {
    flex: 1;
}

.sort-item-icon {
    width: auto;
}

.sort-item-icon img {
    display: block;
    margin: 0 auto;
}



.punter-info-main {
    width: 95%;
    margin-bottom: 40px;
    background: #fff;
    overflow: hidden;
    padding: 40px 10px 40px 15px;
    box-sizing: border-box;
    box-shadow: initial;
}

.punter-info-main li {
    width: 205px;
    height: 104px;
    background: #FFFFFF url(./img04.png) -10px -10px;
    background-size: 110% 120%;
    box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.09);
    border: 1px solid #FFFFFF;
    float: left;
    margin: 0 10px 20px;
    font-family: Arial;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    padding: 18px 22px 22px;
    box-sizing: border-box;
}

.punter-info-main li a {
    display: block;
    padding:0;
    
    color: #37578C;
    display: -webkit-box;
    /* 对于老版本的WebKit内核浏览器（如旧版Safari） */
    -webkit-line-clamp: 3;
    /* 指定显示的行数 */
    -webkit-box-orient: vertical;
    /* 设置或检索伸缩盒对象的子元素的排列方式 */

    display: -moz-box;
    /* Firefox 特性，与Webkit类似 */
    -moz-line-clamp: 3;
    -moz-box-orient: vertical;

    display: box;
    /* 非标准，已被废弃，这里为了兼容较老的浏览器 */
    line-clamp: 3;
    box-orient: vertical;

    overflow: hidden;
}


.punter-info-main ul.logo li {
    background: #fff;
}

.punter-info-main ul.logo li a {
    height: 100%;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.punter-info-main li img {
    width: 100%;
    height: auto;
}
.punter-info-main li:nth-child(7) img {
    width: auto;
    height: 100%;
}

.punter-info-main ul.logo1 li img {
    width: 100%;
    height: auto;
}

.bg1, .bg2{
    background:url(./mbg.jpg), linear-gradient(to bottom, #fff, rgba(108, 186, 255, .1)) !important;
}


/*特殊分辨率处理*/
@media screen and (max-width:600px) {}

@media screen and (max-width:400px) {}

@media screen and (max-width:360px) {}