﻿@media only screen and (max-width: 1080px) {
    body {
        width: 100%;
        height: 100%;
        margin: 0px;
        padding: 0px;
    }


    .topcenter {
        width: 90%;
        margin: auto;
        height: 690px;
        display: flex;
        justify-content: space-around;
        flex-wrap:wrap;
    }


    .topcenteritem {
        width: 100%;
        margin: 1%;
        height: 150px;
        background-color: white;
        box-shadow: #e6efff 2px 2px 7px;
        margin-top: 10px;
        z-index: 20;
        padding: 4%;
        border-radius: 8px;
    }

    .topcentertitle1 {
        line-height: 50px;
    }

    .topcentertitle2 {
        font-size: 14px;
        color: #808080;
        height: 70px;
    }

    .topcenterview {
        color: #0c47d5;
        margin-top: 8px;
        font-size:0.8em
    }

        .topcenterview a {
            color: #0c47d5 !important;
        }

    .detail-locationp {
        width: 100%;
        margin: 0 auto;
        color: #898989;
        padding-bottom: 0px;
        font-size: 15px;
        height: 48px;
        line-height: 48px;
        /* border-bottom: 1px solid #cacaca; */
    }

        .detail-locationp #pic {
            width: 78%;
            margin: 0 auto;
        }

    .centertopdiv {
        width: 78%;
        margin: auto;
        margin-top: 50px;
        text-align: center;
        height: 50px;
        display: flex;
        justify-content: center;
        border-bottom: 2px solid #d7d7d7;
    }

    .centertoptitle {
        font-size: 1.2em;
        font-weight: 600;
        width: 150px;
    }

    .centertoptitleactive {
        color: #1d63ed !important;
        border-bottom: 2px solid #1d63ed;
        /* -webkit-transition: 0.5s;
    transition: 0.5s;*/
    }


    .pcenterdiv {
        width: 95%;
        margin: auto;
        margin-top: 30px;
        display: flex;
        margin-bottom: 100px;
    }

    .leftproductdiv {
        width: 21%;
        background-color: #f2f6fa;
        padding: 2%;
        height: 1520px; 
        display:none;
    }

    .rightproductdiv {
        width: 94%;
        margin-left: 3%;
    }

    .lefttypetitle {
        line-height: 40px;
        font-size: 20px;
        font-weight: bold;
        border-bottom: 1px solid #d7d7d7;
        font-family: 'Alibaba PuHuiTi 2.0';
    }

    .lefttypemx {
        margin-top: 10px;
        font-size: 14px;
        font-family: 'Alibaba PuHuiTi 2.0';
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin-bottom: 30px;
    }


    .lefttypemxtitle {
        width: 50%;
        line-height: 30px;
    }

        .lefttypemxtitle:hover {
            color: #1f6bfe;
        }


    .righttib {
        width: 5px;
        height: 26px;
        background-color: #1f6bfe;
        float: left;
    }

    .righttypetitle {
        margin-left: 15px;
        font-size: 1em;
        color: #1f6bfe;
        font-family: 'Alibaba PuHuiTi 2.0';
        float: left;
        font-weight: bold
    }

    .righttypelist {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .righttypeitem {
        width: 23%;
        margin: 1%;
        height: 250px;
        border-radius: 10px;
        border: 1px solid #d7d7d7;
    }

    .rightpcimg {
        width: 100%;
        margin-top: 30px;
        text-align: center;
    }

    .rightpctitle {
        text-align: center;
        margin-top: 10px;
        font-size: 18px;
        font-weight: 600;
    }

    .rightpctitle2 {
        width: 80%;
        margin: auto;
        text-align: center;
        margin-top: 15px;
        font-size: 12px;
        color: #808080;
        height: 70px;
    }


    .products {
        width: 46%;
        padding: 2%;
        height: 250px;
        min-height: 250px;
        position: relative;
    }

    .trans {
        -webkit-transition: .3s;
        transition: .3s;
    }

    .productcontent {
        width: 100%;
        height: 100%;
        background: #FFFFFF;
        /* box-shadow: 0px 2px 10px 0px rgb(181 189 201 / 50%);*/

        border: 1px solid #e7e7e7;
        border-radius: 10px;
        cursor: pointer;
    }

    .productimg {
        padding-top: 20%;
        margin-bottom: 20px;
        -webkit-transition: .3s;
        transition: 0.3s;
        position: relative;
        text-align: center;
        font-size: 0;
        line-height: 1;
    }

        .productimg img {
            width: 65px;
            height: 65px;
        }

    .productname {
        text-align: center;
        font-size: 18px;
        color: #000000;
        font-family: 'Alibaba PuHuiTi 2.0';
        line-height: 30px;
        margin-bottom: 7px;
    }

    .productms {
        width: 80%;
        margin: auto;
        font-size: 0.8em;
        color: #a3a3a3;
        line-height: 21px;
        margin-bottom: 7px;
        margin-top: 6px;
        text-align: center;
    }

    .producttwoimg {
        text-align: center;
        position: absolute;
        bottom: 45px;
        width: 84%;
        display: none;
    }

    .productcontent:hover .productimg {
        transform: translateY(-30px);
    }

    .productcontent:hover .productname {
        transform: translateY(-40px);
        color: #3299ff;
    }

    .productcontent:hover .productms {
        display: inherit;
        transform: translateY(-30px);
    }

    .productcontent:hover .producttwoimg {
        display: inherit;
    }

    .productcontent:hover {
        background: url(/images/soft/productsbg.png);
        background-size: 100%;
        box-shadow: 0px 2px 10px 8px rgb(200 218 248 / 50%);
        /* background: #458aff; */
    }


    .topcenteritemimg {
        width: 15px;
    }

    .topcenteritemhotimg {
        width: 30px;
        margin-left: 10px;
    }

    .lefttypetitleimg {
        width: 30px;
        margin-right: 10px;
    }
}
