.content .ProductList_b2 ul li{float: left;width: 100%;/* margin-right: 3.05%; */margin-bottom: 2vw;border: 1px solid #ddd;}
.content .ProductList_b2 ul li a{
    display: block;
    overflow: hidden;
}
.content .ProductList_b2 ul li .picimg{height: 16vw;width: 41%;position: relative;box-sizing: border-box;/* border: 1px solid #ddd; */overflow: hidden;float: left;}
.content .ProductList_b2 ul li .picimg img{
    height: 100%;
    display: block; 
    position: absolute;
    /* top: 50%; */
    left: 50%; 
    /* max-width: 85%; 
    max-height: 85%; */
    width: auto;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    max-width: unset;
}
.content .ProductList_b2 ul li:nth-child(3n){margin-right: 0;}
.content .ProductList_b2 ul li h3{font-weight: normal;/* text-align: center; */font-size: 18px;margin-top: 3vw;/* text-align: center; */overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.content .ProductList_b2 ul li span{display: none;}


.content .PhotoList_i1 ul{display: block;text-align: center;}
.content .PhotoList_i1 li a{position: relative;display: block;overflow: hidden;height: 14vw;box-sizing: border-box;border: 1px solid #eee;margin-bottom: 1.0vw;}
.content .PhotoList_i1 ul li a img{display: inline-block;max-width: 95%;max-height: 95%; position: absolute;top: 50%;display: block;width: auto;
    left: 50%; transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}
.content .PhotoList_i1 ul li{display: block;float: left; width: 22.5%;margin: 0 1.25%;margin-bottom: 2.6vw;}
.content .PhotoList_i1 ul li h4{display: none;}
.content .PhotoList_i1 ul li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}

.content .NewsList_g3 li {padding: 0;border: 1px solid #eee;margin-right: 3.05%;width: 31.3%;position: relative;margin-bottom: 40px;float:left;box-sizing:border-box;border-radius: 5%;overflow:hidden;box-shadow: 0px 0px 0px lightgray;}

.content .NewsList_g3 ul:after{content:''; display:block; clear:both;}
.content .NewsList_g3 li:nth-child(3n){margin-right:0;}
.content .NewsList_g3 li>a {
    overflow:hidden;
    height: 12vw;
    float: none;
    width: 100%;
    display: block;
    position: relative;
    margin-bottom: 1.5vw;
}
.content .NewsList_g3 img {display: block;width: 100%;height: 100%;object-fit:cover;}
.content .NewsList_g3 h3 a {
    font-size: 18px;
    white-space: nowrap;
    line-height: 1.8;
    font-weight: bold;
    /* height: 3.6em; */
    display: block;
    /* display: -webkit-box; */
    /* -webkit-line-clamp: 1; */
    /* -webkit-box-orient: vertical; */
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 12px;
    padding-bottom: 24px;
    border-bottom: 1px solid #ededed;
    }
/* .content .NewsList_g3 p:last-child,.content .NewsList_g3 h3+p {display: none;} */

.content .NewsList_g3 h3,
.content .NewsList_g3 .ntime,
.content .NewsList_g3 .ncontent,
.content .NewsList_g3 .nmore{display: block;width: 90%;margin: 0 auto;}
.content .NewsList_g3 .ncontent{
    height: 68px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 2px;
    font-size: 14px;
    line-height: 1.5;
}
.content .NewsList_g3 .nmore{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}
.content .NewsList_g3 .ntime {
    position: absolute;
    top: 15vw;
    left: 5%;
    font-size: 14px;
    /* padding: 0.5vw 0; */
    /* text-align: right; */
}

*{
    box-sizing: border-box !important;
}
.mobsnav{
    width: 20%;
    float: left;
    margin-right: 2%;
    overflow: hidden;
}
.mobsnav .navTitle{
    width: 100%;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 20px;
    background: #13519a;
    text-transform: uppercase; 
    margin-bottom: 15px;
}
.mobsnav .NavList_a1{
    margin: 0 !important;
}
.mobsnav .NavList_a1 li{
    display: block;
    width: 100%;
    padding: 20px 0;
    /* border-bottom: 1px dashed #ededed; */
    margin-left: 0;
}
.mobsnav .NavList_a1 li a{
    display: block;
    padding: 0;
    width: 100%;
    overflow: hidden;    
    text-overflow:ellipsis;    
    white-space: nowrap;
    text-align: left;
}
.mobsnav .NavList_a1 li a.on{
    background-color: unset;
    color: #13519a;
}
.mobsnav .NavList_a1 li a:hover{
    background-color: unset;
    color: #13519a;
}
.lastest .ProductList_b2 ul li .picimg{
    height: 7vw;
    width: 50%;
}
.lastest .ProductList_b2 ul li h3{
    margin-top: 0;
}
.lastest .ProductList_b2 ul li{
    border: none;
    margin-bottom: 10px;
}
.lastest .ProductList_b2 ul li .picimg img{
    top: unset;
    transform: translateX(-50%);
    height: 100%;
}
.productList{
    width: 78%;
    float: right;
}

.detailRight{
    float: right;
    flex:7;
}
.detailRight .proInfo{
    width: 100%;
    overflow: hidden;
}
.detailRight .proInfo .proImg{
    width: 50%;
    float: left;
    border: 1px solid #ededed;
    height: 400px;
    position: relative;
}
.detailRight .proInfo .proImg img{
    width: auto;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.detailRight .proInfo .proText{
    width: 50%;
    float: right;
    padding-left: 30px;
}
.detailRight .proInfo .proText .title{
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 30px;
}
.detailRight .proInfo .proText .desc{
    font-size: 14px;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #ededed;
    color: #999;
}
.detailRight .proInfo .proText .shareList{
    width: 100%;
}
.detailRight .proInfo .proText .shareList img{
    width: 30px;
    height: 30px;
    margin-right: 5px;
}
.detailRight .proInfo .proText .inq{
    height: 40px;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    width: 130px;
    color: #1539f5;
    border: 1px solid #1539f5;
}
.detailRight .proInfo .proText .inq a{
    display: block;
}
.detailRight .secTitle{
    width: 100%;
    padding: 20px 0;
    font-size: 25px;
    color: #333;
    line-height: 1;
    border-bottom: 1px solid #ededed;
    margin-bottom: 20px;
    margin-top: 40px;
    font-weight: bold;
}
.detailRight .order_prod ul li{
    text-align: center;
    width: 31%;
    margin:0 3.5% 0 0;
    display: block;
    float: left;
}

.detailRight .order_prod ul li:nth-child(3n){
    margin:0 0;
}

.detailRight .order_prod ul li .item_title{
    font-size: 1em;
    padding: 10px 0 30px 0;
}

.detailRight .order_prod ul li .inq{
    height:40px;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    width: 130px;
    color:#1539f5;
    border:1px solid #1539f5;
}
.detailRight .order_prod ul li .item_img{
    width: 100%;
    height: 152px;
    overflow: hidden;
    position: relative;
}
.detailRight .order_prod ul li .item_img img{
    height: 100%;
    width: auto;
    max-width: unset;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}




/* zjhong 2022.6.19 */
.product_detail.content,
.product_list.clearfix.content{
    box-sizing: border-box;
    display: flex;
}

.product_detail .mobsnav,
.product_list .mobsnav{
    box-sizing: border-box;
    flex:2.5;
    padding-right:30px;
}

.product_list .productList{
    box-sizing: border-box;
    flex:7;
}

.mobsnav .navTitle{
    height:45px;
    line-height:45px;
    box-sizing: border-box;
    background-color: #12519a;
    font-size: 19px;
    color: #fff;
    text-align: center;
}

.mobsnav .NavList_a1{
    margin:0 !important;
}

.mobsnav .NavList_a1>ul>li{
    width: 100%;
    min-height:60px;
    margin:0;
    padding:0;
    border-width:1px;
    position: relative;
}

.mobsnav .NavList_a1 li a{
    box-sizing: border-box;
    min-height:60px;
    padding:0;
    padding-left:10px;
    display: flex;
    align-items: center;
    text-align: left;
    cursor: pointer;
    border-bottom: 1px dashed #ededed;
}

.mobsnav .NavList_a1 li a:hover{
    background:#fff;
    color:#12519a;
}

.mobsnav .NavList_a1 li a.on{
    background:#fff;
    color:#12519a;
}

.mobsnav .NavList_a1 li:last-child a{
    border-bottom: none;
}

.mobsnav .NavList_a1>ul>li ul{
    display: none;
    overflow: hidden;
}

.mobsnav .NavList_a1>ul>li li{
    width: 100%;
    min-height:60px;
    margin:0;
    padding:0;
    padding-left:25px;
    border-bottom:none; 
    position: relative;
}

.NavList_a1>ul>li .expand{
    display:block;
    width:12px;
    height:12px;
    position: absolute;
    top:24px;
    right:17px;
    transform: rotate(-135deg);
    border-left:1px solid #222;
    border-bottom:1px solid #222;
    transition: all .32s ease;
}

.NavList_a1>ul>li .expand::after{
    content:'';
    display:block;
    width:30px;
    height:30px;
    transform: translate(-32%, -25%);
    cursor: pointer;
}

.mobsnav .NavList_a1>ul>li li a{
    border-bottom:none; 
}

.NavList_a1 .list{
    position: relative;
}

.NavList_a1 .expand.action{
    transform: rotate(-45deg);
}

.NavList_a1 .expand.action + ul{
    display: block;
}

.mobsnav .ProductList_b2 li{
    height: auto;
    margin: 20px 0;
    box-sizing: border-box;
    border:none !important;
}
.mobsnav .ProductList_b2 ul li .picimg{
    width: 48%;
    height: 133px;
    float: left;
    border:1px solid #ddd;
}
.mobsnav .ProductList_b2 ul li .picimg img{
    height: 133px;
    object-fit: contain;
    position: unset;
    transform: unset;
    width: 100%;
}
.mobsnav .ProductList_b2 ul li .right{
    width: 52%;
    height: 133px;
    float: right;
    padding-left: 4%;
    box-sizing: border-box;
}
.mobsnav .ProductList_b2 ul li h3{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp: 3;
    overflow:hidden;
    white-space: normal;
    font-size: 0.94vw;
}
/* .mobsnav .ProductList_b2 li a{
    height: auto;
    display: flex !important;
    justify-content:space-between;
}

.mobsnav .ProductList_b2 li h3{
    margin: 0 !important;
    font-size: 15px !important;
    white-space: normal !important;
}

.mobsnav .ProductList_b2 li .picimg{
    width: 48% !important;
    height:100px !important;
}

.mobsnav .ProductList_b2 li .picimg img{
    box-sizing: border-box;
    width:100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin:0;
    border:1px solid #ddd;
}

.mobsnav .ProductList_b2 li .right{
    width: 48% !important;
    display: flex;
    flex-direction:column;
    justify-content: space-between;
} */

.mobsnav .ProductList_b2 li .right button{
    width: 100%;
    padding:5px 0;
    border: 1px solid #12519a;
    color:#12519a;
    background: none;
    text-align: center;
    cursor:pointer;
}

/* .productList .ProductList_b2 li a{
    display: flex !important;
}

.productList .ProductList_b2 .picimg{
   flex:4;
   height:260px !important;
   margin-right:30px;
   overflow: hidden;
} */


/* .productList .ProductList_b2 .picimg img{
    max-width: 100% !important;
    max-height: 100% !important;
    width:100% !important;
    height:100% !important;
    display: block;
} */

.productList .ProductList_b2 .right{
    /* flex:7; */
    width: 55%;
    position: relative;
    display: block;
    height: 16vw;
    float: right;
}

.productList .ProductList_b2 .right p{
    padding-right: 5%;
    color:#666;
    font-size: 0.78vw;
    overflow: hidden!important;
    display: -webkit-box!important;
    -webkit-box-orient: vertical!important;
    -webkit-line-clamp: 2!important;
    white-space: pre-wrap!important;
}

.productList .ProductList_b2 button{
    position: absolute;
    left:0;
    bottom:3vw;
    border: 1px solid #12519a;
    color:#12519a;
    background:none;
    padding:10px 30px;
    cursor: pointer;
}


@media screen and (min-width: 1250px) {
    .content .ProductList_b2 ul li a:hover{color: #12519a;}
    .content .ProductList_b2 ul li a:hover .picimg{border-color: #12519a;}

    .content .PhotoList_i1 ul li:hover span{color: #12519a;}
    .content .PhotoList_i1 ul li a:hover{border-color: #12519a;}

    .content .NewsList_g3 li:hover h3 a,.content .NewsList_g3 li:hover .ntime {color: #12519a;}
    .content .NewsList_g3 li:hover,.content .NewsList_g3 li:hover .ntime {border-color: #12519a;}
}
@media screen and (max-width: 1024px){
    .content .ProductList_b2 ul li h3{font-size: 16px;margin: 15px 0;}
    .content .ProductList_b2 ul li .picimg{height: 28vw;}

    .content .PhotoList_i1 li a{height: 17vw;}  
    .content .PhotoList_i1 ul li span{font-size: 16px;margin-top: 1vw;}
    .content .PhotoList_i1 ul li{margin-bottom: 2vw;padding-bottom: 1vw;}
    .content .PhotoList_i1 ul li{width: 30.3%;}

    .content .NewsList_g3 li{width: 47.5%;margin-right: 5%;}
    .content .NewsList_g3 li:nth-child(3n){margin-right: 5%;}
    .content .NewsList_g3 li:nth-child(2n){margin-right: 0;}
    .content .NewsList_g3 li>a{height: 23vw;}
}
@media screen and (max-width: 640px){
    .content .ProductList_b2 ul li{width: 100%;margin-right: 0%;margin-bottom: 10px;}
    .content .ProductList_b2 ul li .picimg{height: 46vw;width: 46%;}
    .content .ProductList_b2 ul li:nth-child(3n){margin-right: 0%;}
    .content .ProductList_b2 ul li:nth-child(2n){margin-right: 0;}
    .content .ProductList_b2 ul li h3{font-size: 3.8vw;margin: 10px 0;}

    .content .PhotoList_i1 li a {height: 36vw;}
    .content .PhotoList_i1 ul li{display: block;float: left; width: 47.5%;margin: 0 1.25% 4vw 1.25%;}
    .content .PhotoList_i1 ul li span{margin-top: 2.5vw;font-size: 3.8vw;}

    .content .NewsList_g3 li{width: 100%;margin-right: 0;margin-bottom: 5vw;padding-top: 2vw;}
    .content .NewsList_g3 h3 a{font-size: 4.2vw;max-height: 3.6em;height: auto;padding-bottom: 12px;}
    .content .NewsList_g3 li>a{height: 50vw;}
    .content .NewsList_g3 .ntime{margin-top: 2.5vw;border-color: #fff;text-align: left;display: none;}

    .content .NewsList_g3 li .nwimg{display: none;}
    .content .NewsList_g3 li:first-child {margin-bottom: 7vw;background: none;padding: 0;}
    .content .NewsList_g3 li:first-child .nwimg{display: block;}
    .content .NewsList_g3 li:first-child .ntime,.NewsList_g3 li:first-child h3 a{color: #000;border-color: #ddd;}


    .detailRight .proInfo .proImg{
        width: 100%;
        height: 280px;
    }
    .detailRight .proInfo .proText{
        width: 100%;
        padding-left: 0;
        margin-top: 30px;
    }
    .detailRight .proInfo .proText .title{
        font-size: 25px;
        margin-bottom: 15px;
    }
    .detailRight .secTitle{
        font-size: 20px;
    }
    .detailRight .order_prod ul li{
        width: calc((100% - 10px) /3);
        margin: 0 5px 0 0;;
    }
    .detailRight .order_prod ul li .inq{
        display: none;
    }
    .detailRight .order_prod ul li .item_title{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .product_list.clearfix.content{
        display: block;
    }
    .product_list .mobsnav{
        width: 100%;
        flex: unset;
        padding-right: 0;
        overflow: unset;
    }
    .product_list .productList{
        width: 100%;
        flex: unset;
    }
    .mobsnav .navTitle{
        /* text-align: right; */
        background: #12519a url(../images/downArrow_w.png) 10px center no-repeat;
        background-size: 20px auto;
        padding: 0 10px;
    }
    .productList .ProductList_b2 .picimg{
        margin-right: 0;
        flex: 6;
        height: 46.67vw !important;
    }
    .productList .ProductList_b2 .right{
        /* padding-left: 20px; */
        width: 49%;
        height: 46.67vw;
    }
    .productList .ProductList_b2 button{
        /* left: 20px; */
    }
    .detailRight .order_prod ul li .item_img{
        height: 90px;
    }
}