@charset "utf-8";
/* CSS Document */



/* ******************************banner轮播图************************ */
.m-swiper-img1 {
    height: 672px;
    background: url(m_banner_1.png) no-repeat center top;
}
.m-swiper-img2 {
    height: 672px;
    background: url(m_banner_2.png) no-repeat center top;
}
.m-swiper-img3 {
    height: 672px;
    background: url(m_banner_3.png) no-repeat center top;
}
.m-swiper-img4 {
    height: 672px;
    background: url(m_banner_4.png) no-repeat center top;
}
.m-swiper-img5 {
    height: 672px;
    background: url(m_banner_5.png) no-repeat center top;
}

.banner-container {
    height: 672px;
}
.banner-content {
    width:97%;margin-left:-50%;margin-top:0px;
    /*top: 50px;*/
    /* transform: translateX(-50%); */
    animation: m-animation-banner .6s ease-in-out forwards;
}
@keyframes m-animation-banner {
    0% {
        transform: translateX(0);
        opacity: 0;
    }
    100% {
        transform: translateX(53%);
        /*transform: translateX(-50%);*/
        opacity: 1;
    }
}

.banner-content .content-title {
    font-size: 50px;
    height: auto;
    text-align: center;
}
.banner-text-img {
    padding-left: 17px;
}
.banner-content .content-text {
    font-size: 22px;
    color: #fff;
    margin: 30px 0 0 0 ;
    text-align: center;
}

.banner-content .content-text hr {
    display: block;
    height:0;
    font-size:0;
    margin-right: 0px;
}

.m-text {
    display: block;
    height: 42px;
    line-height: 42px;
    letter-spacing: 3px;
}

.swiper-container {
    width: 750px;
    height: 672px;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 32px !important;
    left: 75% !important;
    transform: translateX(-50%);
    width: auto !important;
}
.swiper-pagination .swiper-pagination-bullet {
    width: 49px;
    height: 6px;
}

/* ******************************产品部分************************ */
.product-title-main {
    height: 294px;
}
.main-title {
    font-size: 32px;
    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 {
    height: auto;
    background-image: none;
}
.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: none;
    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;
}

/* ******************************解决方案************************ */
.plan-container {
    width: 100%;
}
.m-plan-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.m-plan-item {
    position: relative;
    width: 186px;
    height: 138px;
    cursor: pointer;
    box-sizing: border-box;
    margin-bottom: 2px;
    overflow: hidden;
}
.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: 24px;
    text-align: center;
}

/* ******************************客户部分************************ */
.punter-container {
    background: url(m_punter_bg_02.png) no-repeat center top;
}
.sort-item-name {
    font-size: 26px;
}
.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;
    padding-left: 30px;
    padding-right: 30px;
}
.punter-info-main:nth-child(2){
    padding-left: 30px;
    padding-right: 30px;
}
.punter-info-main h3{
    font-size: 30px;
}
.punter-info-main h4{
    font-size: 22px;
    width: 160px;
}
.punter-info-main p,.punter-info-main span{
    font-size: 20px;
    display: block;
    flex-shrink: 0;
}
.punter-info-main-item span{
    width: calc(100% - 210px);
}
.punter-detail-main {
    display: block;
    width: 100%;
    height: auto;
    border: none;
    background: #f2f2f2;
}
.punter-detail-item {
    width: 100%;
    height: 340px;
    background: url(m_punter_2.png) no-repeat center;background-size: auto 100%;
    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 {width:32%;
    border: 3px #fff solid;
}
.m-punter-onlyBottom {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
.m-punter-onlyBottom-item {
    border: 3px #fff solid;
}



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


}

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


}

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


}