.categories{
    width:280px;
    margin-right:20px
}
.contact_b2_ul_li_info,.products_list{
    width:calc(100% - 300px)
}
.cate_2nd,.categories_ul li a{
    width:100%;
    border-bottom:1px solid #d1d1d1
}
.categories h2{
    font-size:24px;
    font-weight:600;
    font-family:Commissioner,sans-serif;
    color:#234662;
    padding:0 0 30px 30px;
    position:relative
}
.categories h2:before{
    content:'';
    position:absolute;
    width:20px;
    height:2px;
    background-color:#234662;
    top:25%;
    left:0
}
.categories>p{
    display:none!important
}

.categories_ul.active{
    display: block;
}



.categories_ul li a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-size:15px;
    padding:10px
}
.cate_2nd{
    display:block;
    padding: 13px 0;
    background-color:#efefef
}
.categories_ul .cate_2nd li a{
    padding:13px 10px 13px 25px;
    border-bottom:0 solid #d1d1d1;
    color:#000
}
.categories_ul .cate_2nd li a:hover{
    color: #53bceb;
    transition: 0.2s;
}
.categories_ul h3{
    font-weight:600;
    color:#444;
    line-height:20px
}
.categories_ul li div{
    width:20px;
    height:20px;
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:#fff;
    border-radius:50%
}
.categories_ul li span{
    color:#a1a1a1
}
.categories p{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.categories_ul>li>a div span{
    transform:rotate(90deg);
    transition:.5s
}
.categories_ul>li>a div span.active{
    transform:rotate(270deg)
}
.products_item_ul li{
    width:calc(33.33% - 20px);
    margin:0 0 20px 20px;
    position:relative
}
.products_item_img{
    padding:20px
}
.products_item_img img{
    width:100%;
    transition:.5s
}
.products_item{
    background-color:#fff;
    transition:.5s
}
.products_item_name h2{
    height:85px;
    padding:0 20px 20px;
    font-size:18px;
    color:#234662;
    line-height:22px;
    transition:.5s;
    letter-spacing: 0.04rem;
}
.products_item_ul li:hover .products_item_img img{
    transform:scale(1.11,1.08);
    margin-top:-8px;
    padding-bottom:8px
}
.page_list{
    padding-bottom:40px;
    margin:40px auto 0
}
.page_list_ul li{
    width:40px;
    height:40px;
    background-color:#fff;
    margin:0 0 0 15px;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#234662;
    font-size:18px;
    font-weight:600
}
.page_list_ul li a{
    padding:12px 15px;
    color:#234662
}
.page_list_ul li:hover{
    background-color:#53bceb;
    color:#fff
}
.prod_detail_box1{
    display:flex;
    flex-wrap:wrap;
    margin:40px 0;
    width:100%
}
.prod_dtl_img{
    width:47%
}
.prod_dtl_info{
    width:50%;
    margin-left:3%;
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
.prod_dtl_info div p{
    letter-spacing:1px
}
.prod_dtl_info_h1{
    font-size:34px;
    font-weight:600;
    color:#234662;
    letter-spacing:1px;
    line-height:40px
}
.prod_dtl_info_h2{
    font-size:25px;
    font-weight:600;
    color:#626262;
    padding:25px 0;
    border-bottom:1px solid #c9c9c9;
    margin-bottom: 25px;
}
.flag_ul{
    display:flex;
    margin-top:5px
}
.flag_ul li{
    margin-right:20px;
    display:flex;
    align-items:flex-end
}
.flag a{
    border:2px solid #122c41;
    background-color:#fff;
    padding:10px;
    color:#122c41;
    transition:.3s
}
.prod_dtl_img_list{
    width:calc(100% - 60px);
    margin:20px auto;
    padding:0 30px;
    position:relative
}
.page_album_small img{
    border:1px solid #ddd
}
.prod_dtl_img_li_control{
    z-index:20;
    display:flex
}
.prod_dtl_img_li_control_prev{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:0;
    font-size:20px;
    color:#234662;
    cursor:pointer
}
.prod_dtl_img_li_control_next span,.prod_dtl_img_li_control_prev span{
    font-size:26px;
    font-weight:600;
    color:#234662
}
.prod_dtl_img_li_control_next{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:0;
    cursor:pointer
}
.prod_detail_box2,.prod_detail_box3{
    width:100%;
    margin-bottom:40px
}
.prod_detail_box2 h3,.prod_detail_box3 h3{
    font-size:30px;
    color:#234662;
    font-weight:600;
    padding:0 0 20px
}
.prod_dtl_b2_tag{
    margin:40px 0 13px
}
.country_dtl p span,.prod_dtl_b2_tag ul li{
    margin-right:10px
}
.prod_dtl_b2_tag ul li.active a{
    background-color:#fff;
    border-bottom:#fff;
    position:relative
}
.prod_dtl_b2_tag ul li.active a::after{
    position:absolute;
    content:'';
    width:100%;
    height:10px;
    background-color:#fff;
    bottom:-21%;
    right:0
}
.prod_dtl_b2_tag ul li a{
    padding:10px 20px;
    border:1px solid #e5e5e5;
    background-color:#e5e5e5;
    color:#444
}
.prod_dtl_b2_info{
    border:1px solid #e5e5e5;
    padding:25px 20px;
    background-color:#fff;
    letter-spacing:1px
}
.prod_dtl_b2_info_ul{
    margin:10px 0
    list-style: none;
}
.prod_dtl_b2_info_ul li{
    margin:0 0 15px 15px;
    list-style:initial
    list-style: none;
}
.prod_dtl_b2_info_ul li img{
    width: 25px;
    margin-right: 20px;
}

.news_list_ul li:last-child,.prod_dtl_b2_info_ul li:last-child{
    margin-bottom:0
}
.prod_dtl_b2_info_ul li a{
    display:flex;
    color:#919191;
    align-items: center;
    font-size: 18px;
}
.prod_dtl_b2_info_ul li a p{
    -webkit-order:0;
    -ms-flex-order:0;
    order:0;
    -webkit-flex:0 1 auto;
    -ms-flex:0 1 auto;
    flex:0 1 auto;
    -webkit-align-self:auto;
    -ms-flex-item-align:auto;
    align-self:auto;
    margin-right:10px;
    font-weight:500
}
.prod_dtl_b2_info_ul li a div{
    -webkit-order:0;
    -ms-flex-order:0;
    order:0;
    -webkit-flex:1 0 auto;
    -ms-flex:1 0 auto;
    flex:1 0 auto;
    -webkit-align-self:auto;
    -ms-flex-item-align:auto;
    align-self:auto;
    border-bottom:1px dotted #919191
}
.prod_dtl_b2_info_ul li a span{
    -webkit-order:0;
    -ms-flex-order:0;
    order:0;
    -webkit-flex:0 1 auto;
    -ms-flex:0 1 auto;
    flex:0 1 auto;
    -webkit-align-self:auto;
    -ms-flex-item-align:auto;
    align-self:auto;
    margin-left:10px
}
.prod_dtl_b2_info_ul li:hover div{
    border-bottom:1px dotted #234662
}
.prod_detail_box3 .products_list .products_item_ul li{
    width:calc(25% - 15px);
    margin:0 20px 20px 0;
    box-shadow:0 0 10px #d5d5d5
}
.index_b7_item .news_list_ul li:nth-child(3),.news_list_ul h3, .news_list h3,.news_list_ul li{
    margin-bottom:40px
}
.pro_btn{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:15px 0
}
.pro_btn a{
    display:inline-flex;
    align-items:center;
    background-color:#53bceb;
    border:1px;
    padding:15px 20px;
    transition:.3s;
    color:#fff;
    font-size:14px
}
.pro_btn a:hover{
    border:1px;
    background-color:#fff;
    color:#53bceb
}
.pro_btn a span{
    margin-right:10px;
    font-size:16px
}
.message_form label input,.message_form label textarea{
    font-size:18px;
    width:100%;
    font-family:Microsoft JhengHei;
    padding-left:10px;
    border:none
}
.pro_btn a:nth-child(2) span{
    margin:0 0 0 10px
}
.contact,.my-40{
    padding:40px 0
}
.news_cate{
    width:300px;
    margin-right:50px
}
.news_dtl,.news_list{
    width:calc(100% - 490px)
}
.news_list_ul h3, .news_list h3{
    border-bottom:1px solid #aaa;
    padding:0 0 10px;
    font-size:26px
}
.index_b7_item .news_list_ul li:hover .index_b7_i_text,.news_list_ul li{
    border-bottom:3px solid #ffffff00
}
.index_b7_item.news_list ul{
    margin:0 auto
}
.news_list_ul li{
    width:100%;
    transition:.5s
}
.news_list_ul .index_b7_i_img{
    width:400px
}
.news_list_ul .index_b7_i_text{
    width:calc(100% - 400px);
    padding:25px;
    color:#122c41
}
.news_list .index_b7_i_text h4{
    border:none;
    height:61px;
    line-height:32px;
    -webkit-line-clamp:2
}
.news_list .index_b7_i_text p{
    border-bottom:1px solid #ddd;
    margin-bottom:26px;
    height:70px;
    line-height:28px;
    color:#000
}
.news_list_ul .index_b7_i_date{
    bottom:7%;
    left:2%
}
.news_list_ul li::after{
    content:'';
    width:0%;
    height:3px;
    background-color:#234662;
    position:absolute;
    bottom:0;
    left:0;
    transition:.3s linear
}
.news_list_ul .index_b7_i_logout{
    left:29%
}
.news_right{
    width:450px;
    margin-left:40px
}
.news_dtl_box1{
    position:relative;
    background-color:#fff
}
.news_dtl .index_b7_i_date{
    position:static;
    display:flex;
    align-items:center;
    justify-content:center
}
.news_dtl_box1 h1{
    font-size:28px;
    color:#234662;
    font-weight:600;
    padding:40px 0;
    margin:0 40px;
    border-bottom:1px solid #ddd;
    line-height:35px
}
.news_dtl_b1_p{
    margin:40px 40px 0
}
/* .news_dtl_b1_p img{
    width:100%!important;
    height:100%!important
} */
.news_dtl_b1_p img{
    max-width: 100%;
    height: auto !important;
}
.news_dtl_box1 .pro_btn{
    padding:40px;
    margin:0 0 40px
}
.mt-40{
    margin:40px auto 0!important
}
.download .products_item_ul li{
    width:calc(33.33% - 29px);
    margin:0 0 40px 40px;
    border:1px solid #aaa
}
.download .products_item_ul li:nth-child(3n+1),.search_b1 .products_item_ul li:nth-child(4n+1){
    margin-left:0
}
.download .products_item_img{
    padding:0
}
.download .products_item_name h2{
    padding:20px;
    height:40px
}
.download .products_item_ul li:hover .products_item_img img{
    transform:none;
    margin-top:0;
    padding-bottom:0;
    filter:blur(2px)
}
.download_icon{
    width:40px;
    height:40px;
    background-color:#234662;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    position:absolute;
    top:3%;
    right:3%;
    z-index:10;
    opacity:0
}
.download .products_item_ul li:hover .download_icon{
    opacity:1
}

.contact_box1>div{
    background-color:#fff;
    width:50%;
    margin:20px;
    padding:40px;
    overflow:auto!important
}
.contact_b1_l p{
    font-size:14px;
    color:#5a5a5a
}
.contact_b1_l h1{
    font-size:40px;
    color:#234662;
    font-family:Microsoft JhengHei;
    padding:15px 0
}
.contact_b1_l_ul{
    margin-top:15px
}
.contact_b1_l_ul li{
    margin-bottom:30px
}
.contact_b1_l_ul span{
    font-size:30px;
    color:#53bceb;
    margin-right:15px
}
.contact_b1_l_ul h3{
    font-size:20px;
    color:#234662;
    line-height:24px
}
.contact_b1_l_ul p{
    font-size:14px;
    color:#444;
    line-height:18px
}
.message_form{
    display:flex;
    flex-wrap:wrap;
    flex-direction:column
}
.message_form label{
    display:flex;
    border-bottom:1px solid #ddd;
    padding:10px 0
}
.message_form label span{
    font-size:20px;
    color:#53bceb;
    margin-right:10px;
    display:flex;
    align-items:center
}
.message_form label:nth-child(3) span{
    display:block;
    margin-top:5px;
    font-size:24px
}
.contact_b1_l>label{
    display:flex;
    align-items:center;
    margin-top:30px
}
.cont_btn a,.cont_code{
    align-items:center;
    display:flex
}
.contact_b1_l>label input{
    width:calc(100% - 136px);
    border:none;
    border-bottom:1px solid #ddd;
    padding:10px 0 10px 10px;
    font-size:18px
}
.cont_code{
    width:calc(100% - 80px)
}
.cont_code span{
    font-size:26px;
    margin:0 5px
}
.cont_code div{
    width:100px
}
.cont_btn a{
    justify-content:center;
    color:#53bceb;
    border:1px solid #53bceb;
    padding:9px 10px;
    font-size:12px
}
.cont_btn{
    width:70px;
    margin-left:10px
}
.contact_box2{
    margin-top:20px
}
.contact_b2_ul>li{
    display:flex;
    background-color:#fff;
    padding:40px;
    margin-bottom:40px;
    position:relative
}
.country{
    display:flex;
    align-items:center;
    margin-bottom:5px
}
.country>div{
    width:50px;
    margin-right:25px
}
.country>div img{
    width:100%;
    box-shadow:0 0 10px #ccc
}
.country p{
    font-family:Commissioner,sans-serif;
    font-size:18px;
    border:1px;
    padding:7px 10px;
    letter-spacing:1px
}
.contact_b2_ul_li_info h3{
    color:#444;
    font-size:18px;
    padding:20px 0;
    font-weight:600
}
.country_dtl li{
    margin-bottom:13px
}
.country_dtl p{
    font-size:14px;
    line-height:22px;
    margin-left:25px;
    text-indent:-25px
}
.g_map{
    position:absolute;
    top:100%;
    right:50%;
    transform:translate(50%,-50%);
    display:flex
}
.g_map a{
    color:#fff;
    background-color:#234662;
    padding:10px 15px
}
.g_map a:hover{
    background-color:#53bceb
}
.search_b1 h3{
    width:100%;
    padding:0 0 40px
}
.search_b1 .products_item_ul li{
    width:calc(25% - 15px)
}
#page_album div img{
    height:auto
}
#page_album iframe{
    /* min-height:400px!important; */
    width:100%;
    height:100%
}
.v-wrap{
    padding:10px;
    border:1px solid #e5e5e5
}
.v-wrap:hover{
    border:1px solid #234662
}
.products_box1.service_box ul li .index_b7_i_img{
    width:45%
}
.products_box1.service_box ul li .index_b7_i_text{
    width:55%;
    display:flex;
    flex-wrap:wrap
}
.products_box1.service_box h3{
    text-align:center;
    border-bottom:none;
    font-size:48px;
    padding:40px 0
}
.products_box1.service_box .news_list_ul .index_b7_i_logout{
    left:2%
}
.products_box1.service_box .news_list .index_b7_i_text p{
    border-bottom:none
}
.products_box1.service_box .news_list_ul li .index_b7_i_text h4{
    font-size:24px
}
.products_box1_more{
    display:flex;
    align-items:flex-end;
    transition:.3s;
    color:#444
}
.products_box1_more span:nth-child(3){
    margin-right:5px
}
.products_box1.service_box .news_list_ul li:hover .products_box1_more{
    margin-left:5px;
    color:#53bceb
}
.cust_opt{
    width:100%;
    padding:7px;
    border:1px solid #ddd
}
.service_box .index_b7_i_text h4{
    width:100%;
    font-weight:600
}
.service_box .index_b7_i_text p{
    height:auto;
    overflow:visible;
    text-overflow:ellipsis;
    display:block;
    margin-bottom:20px;
    font-size:18px;
    line-height:24px;
    color:#000
}

@media screen and (max-width:1400px){
    .products_item_ul li:hover .products_item_img img{
        transform:scale(1.15,1.11)
    }
    .products_item_name h2{
        font-size:16px
    }
    .prod_dtl_info h1{
        font-size:28px;
        line-height:32px
    }
    .prod_dtl_info h2{
        font-size:18px
    }
    .service_box .index_b7_i_text p{
        line-height:22px;
        margin-bottom:0
    }

}

@media screen and (max-width:1300px){
    .about_b1_ul p{
        line-height:24px
    }
    .products_item_ul li:hover .products_item_img img{
        transform:scale(1.1,1);
        margin-top:-15px;
        padding-bottom:15px
    }
    .news_list .index_b7_i_text h4{
        padding:0;
        height:55px;
        line-height:27px;
        -webkit-line-clamp:2
    }
    .news_list .index_b7_i_text p{
        height:60px;
        line-height:25px
    }
    .news_list{
        width:calc(100% - 390px)
    }
    .news_right{
        width:350px;
        margin-left:40px
    }
    .products_item_name h2{
        font-size:16px;
        line-height:18px
    }
    .products_box1.service_box .news_list .index_b7_i_text p{
        height:auto;
        width:95%;
        padding:0;
        line-height:22px
    }

}
@media screen and (max-width:1240px){
    .categories{
        width:250px;
        margin-right:20px
    }
    .products_list{
        width:calc(100% - 270px)
    }
    .products_item_name h2{
        font-size:14px
    }
    .news_dtl,.news_list,.products_box1.service_box ul li .index_b7_i_img,.products_box1.service_box ul li .index_b7_i_text{
        width:100%
    }
    .news_right_b1 .news_list_ul{
        display:flex;
        flex-direction:row
    }
    .news_list_ul li{
        padding:10px
    }
    .news_dtl_box1 h1{
        font-size:26px;
        line-height:30px
    }
    .news_right{
        width:100%;
        margin-left:0
    }
    .service_box .news_list li{
        flex-direction:column;
        padding:0
    }
    .service_box .index_b7_i_text div{
        margin-top:20px
    }
}
@media screen and (max-width:1100px){
    .categories{
        width:100%;
        margin:0 0 20px;
        background-color:#fff;
        border:1px solid #aaa;
        letter-spacing:1px;
        font-weight:600
    }
    .news_right,.products_item_ul li:nth-child(3n-2),.search_b1 .products_item_ul li:nth-child(3n+1){
        margin-left:0
    }
    .news_dtl,.news_list,.products_list{
        width:100%
    }
    .products_item_ul li{
        width:calc(33.33% - 14px)
    }
    .categories>p{
        display:flex!important;
        padding:10px;
        color:#234662
    }
    .categories>p.active{
        border-bottom:1px solid #aaa
    }
    .categories h2,.categories_ul{
        display:none
    }
    .categories_ul>p{
        display:block
    }
    .categories_ul li a{
        padding:10px 20px;
        margin:5px 0 0
    }
    .categories_ul li:last-child a{
        padding-bottom:15px;
        border-bottom:none
    }
    .products_item_img{
        padding:15px
    }
    .products_item_name h2{
        padding:0 15px 15px
    }
    .search_b1 .products_item_ul li:nth-child(3n),.search_b1 .products_item_ul li:nth-child(3n-2),.search_b1 .products_item_ul li:nth-child(4n+1){
        margin-left:20px
    }
    .search_b1 .products_item_ul li{
        width:calc(33.33% - 15px)
    }
    .news_right{
        width:100%;
        order:3
    }
    .news_right .news_list_ul{
        flex-direction:row;
        margin-top:40px
    }
    .products_box1.service_box h4{
        height:auto;
        display:block
    }

}

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

    #page_album div{
        height:549px
    }
    .prod_detail_box1{
        margin:40px 0 20px
    }
    .prod_dtl_info{
        order:3;
        width:100%;
        margin:20px 0
    }
    .prod_dtl_info h2{
        padding-bottom:25px
    }
    .flag{
        margin-top:20px
    }
    .prod_dtl_b2_tag{
        margin:20px 0 13px
    }
    .prod_detail_box3 .products_list{
        margin-top:10px
    }
    .prod_detail_box3 .products_list .products_item_ul li{
        width:calc(50% - 10px);
        margin:0 20px 20px 0
    }
    .prod_detail_box3 .products_list .products_item_ul li:nth-child(2n){
        margin-right:0
    }
    .contact_box1{
        flex-wrap: wrap;
    }
    .contact_box1>div{
        width:calc(100% - 80px);
        margin:0 auto 40px;
        padding:40px
    }
    .products_item_ul li:hover .products_item_img img{
        transform:scale(1.11,1)
    }
    .index_b6_item_list{
        min-height: 70%;
    }
    .prod_dtl_img{
        width: 100%;
    }

}

@media screen and (max-width:1000px){
    .service_ul li{
        flex-direction:column
    }
}
@media screen and (max-width:900px){
    .products_item_name h2{
        font-size:14px
    }
    .products_item_ul li{
        width:calc(50% - 10px)
    }
    .products_item_ul li:nth-child(2n-1){
        margin-left:0
    }
    .products_item_ul li:nth-child(2n){
        margin-left:20px
    }
    #page_album div{
        height:482px
    }
    .prod_dtl_b2_tag{
        border:2px solid #234662;
        margin:20px 0 0
    }
    .prod_dtl_b2_tag p{
        display:flex;
        justify-content:space-between;
        align-items:center;
        padding:10px 20px
    }
    .prod_dtl_b2_tag p span.active{
        transform:rotateX(180deg)
    }
    .prod_dtl_b2_tag ul{
        display:none;
        flex-direction:column
    }
    .prod_dtl_b2_tag ul li{
        display:flex;
        margin-right:0
    }
    .prod_dtl_b2_tag ul li a{
        width:100%;
        padding:10px 20px;
        border-bottom:1px solid #fff;
        color:#444
    }
    .prod_dtl_b2_tag ul li.active a::after{
        width:0%
    }

    .prod_dtl_b2_tag ul li.active a{
        background-color:#0c3752;
        color: #fff;
        border-bottom:1px solid #fff
    }
    .products_item_ul li:hover .products_item_img img{
        transform:scale(1.077,1)
    }
    .news_dtl_box1 h1{
        font-size:24px;
        line-height:28px
    }
    .download .products_item_ul li{
        width:calc(50% - 12px);
        margin-bottom:20px
    }
    .download .products_item_ul li:nth-child(3n){
        margin-right:20px
    }
    .download .products_item_ul li:nth-child(2n){
        margin-right:0
    }
}

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

    #page_album div{
        height:411px
    }
    .contact_b2_ul>li,.news_list_ul li a{
        flex-direction:column
    }
    .contact_b2_ul_li_info,.contact_b2_ul_li_map,.news_list_ul .index_b7_i_img{
        width:100%
    }
    .news_list_ul .index_b7_i_text{
        width:100%;
        padding:0
    }
    .news_list_ul .index_b7_i_text h4{
        padding:10px 20px;
        height:80px
    }
    .news_list_ul .index_b7_i_date{
        bottom:35%;
        left:3%
    }
    .news_list .index_b7_i_text p{
        padding:0 20px 10px;
        height:47px;
        line-height:18px;
        margin-bottom:10px;
        border:none
    }
    .news_list .index_b7_i_text>span{
        padding:10px 20px 20px;
        display:flex;
        justify-content:flex-end
    }
    .news_list_ul .index_b7_i_logout{
        left:90%
    }
    .products_item_ul li:hover .products_item_img img{
        transform: scale(1.1, 1) translateY(2px);
        
    }
    .products_box1.service_box .news_list .index_b7_i_text p{
        padding:0 20px 10px
    }
    .search_b1 .products_item_ul li{
        width:calc(50% - 10px)
    }
    .search_b1 .products_item_ul li:nth-child(3n),.search_b1 .products_item_ul li:nth-child(4n+1){
        margin-left:0
    }
    .search_b1 .products_item_ul li:nth-child(2n){
        margin-left:20px
    }
    .service_box .index_b7_i_text div{
        margin:15px 0 15px 15px
    }

}

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

    #page_album div{
        height:321px
    }
    .search_box div{
        width:100%;
        justify-content:space-between
    }
    
    .products_box1 .search_box form{
        width: -webkit-fill-available;
    }
    .products_box1 .search_box form input{
        width: -webkit-fill-available;
    }
    .search_b1 .products_item_ul li,.search_box input{
        width:100%
    }
    .products_item_ul li{
        width:100%;
        margin:10px 0
    }
    .products_item_ul li:nth-child(2n),.search_b1 .products_item_ul li:nth-child(2n),.search_b1 .products_item_ul li:nth-child(4n+1){
        margin-left:0
    }
    .news_list_ul .index_b7_i_date{
        bottom:38%;
        left:5%
    }
    .news_dtl_box1 h1{
        font-size:22px;
        line-height:26px;
        padding:20px 0;
        margin:0 20px
    }
    .news_dtl_b1_p{
        margin:20px 20px 0
    }
    .news_dtl_box1 .pro_btn{
        padding:20px;
        margin:0 0 20px
    }
    .download .products_item_ul li{
        width:100%;
        margin-bottom:20px
    }
    .download .products_item_ul li:nth-child(3n){
        margin-right:0
    }
    .contact_box2{
        margin-top:0
    }
    .contact_box1>div{
        margin:0 auto 20px;
        width:calc(100% - 40px);
        padding:20px
    }

    .contact_b2_ul>li{
        padding:20px
    }
    .news_list_ul h3, .news_list h3{
        margin-bottom:20px
    }
    .news_right .news_list_ul{
        flex-direction:row;
        margin-top:20px
    }
    .news_right .news_list_ul li{
        margin-right:20px;
        margin-bottom:20px
    }
    .products_item_ul li:hover .products_item_img img{
        transform: scale(1.054, 1) translateY(3px);
    }
    .news_list_ul{
        flex-wrap:wrap
    }
}

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

    #page_album div{
        height:268px
    }
    .prod_detail_box3 .products_list .products_item_ul li{
        width:100%;
        margin:0 0 20px
    }
    .products_item_name h2{
        font-size:16px
    }
    .products_item_ul li:hover .products_item_img img{
        transform:scale(1.07,1)
    }
    .news_list_ul .index_b7_i_date{
        bottom:40%
    }
    .news_list_ul .index_b7_i_text h4{
        font-size:16px;
        line-height:22px;
        height:65px
    }
    .news_dtl_box1 h1{
        font-size:20px
    }
    .contact_b1_l h1{
        font-size:36px
    }
    .news_right .news_list_ul{
        flex-direction:column
    }
    .news_list_ul h3, .news_list h3{
        text-align:left
    }
    .contact_b1_l_ul p{
        font-size: 13px;
    letter-spacing: 0.5px;
    
    }
    .contact_b1_l_ul h3 {
        font-size: 15px;
    }
    .contact_b1_l h1{
        font-weight: 600;
    }

}
@media screen and (max-width:450px){
    #page_album div{
        height:241px
    }
    .news_list_ul .index_b7_i_date{
        bottom:43%
    }
    .news_list_ul .index_b7_i_text h4{
        line-height:23px;
        height:41px;
        margin-bottom:10px
    }
    .service_box .news_list_ul li .index_b7_i_text h4{
        height:auto
    }
    
    .news_list .index_b7_i_text p{
        margin-bottom:0
    }
    .news_list .index_b7_i_text>span{
        padding:10px 20px
    }
    .flag a{
        margin-top:10px
    }

}

/*=================================*/

.pro_cate_info{
    margin-bottom: 30px;
}

.pro_cate_info img{
    max-width: 100%;
    height: auto!important;
}