/* 闁哄懘缂氶崗妯兼兜椤戞寧顐� */
/* @font-face{
    font-family: "msyh";
    src: url(../font/msyh.ttf);
    } */
    
    *{
        margin: 0;
        padding: 0;
        /* font-family: msyh; */
        font-family: "微軟雅黑";
        text-indent: initial;
    }
    
    ul{
        list-style: none;
    }
    
    .color_ff6700{
        color: #ff6700 !important;
    }
    .width_1rem{
        width: 1rem !important;
    }
    
    /* 廣州優勝電子技術有限公司廣州優勝電子技術有限公司///// */
    /* 楠炲灝鎲￠崶楣冨劥閸掑棗绱戞慨锟� */
    .img_box1_1{
        width: 100%;
      /*   min-height: 4rem; */
        position: relative;
        overflow: hidden;
    }
    .img_box1_1 .info_img{
        width: 100%;
        vertical-align: middle
        /* height: 5rem; */
        /* position: absolute;
        top: 0;
        left: 50%; */
        /* transform: translateX(-50%); */
    }
    /* 楠炲灝鎲￠崶楣冨劥閸掑棛绮ㄩ弶锟� */
    
  
    
        
    /* 廣州優勝電子技術有限公司廣州優勝電子技術有限公司廣州優勝電子技術有限公司廣州優勝電子技術有限公司廣州優勝電子技術有限公司廣州優勝電子技術有限公司廣州優勝電子技術有限公司// */
     
    

/* ///2020-12-3廣州優勝電子技術有限公司/// */
.all_container{
    width: 100%;
    /* background-color: red; */
    /* display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap; */
    
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    
    justify-content: flex-start;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-justify-content: flex-start;

    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
     -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
     -o-flex-wrap: nowrap; 
    
    
    
}
.all_container .left_navs{
    width: 2.5rem;
    height: 100vh;
    /* background-color: pink; */
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.all_container .left_navs .out_container{
    width:2.5rem;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 99999;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-right: 1px solid rgb(234, 234, 234);
}
.all_container .left_navs .out_container .icon_box{
    width: 50%;
    height: 0.5rem;
    margin: 0 auto;
    margin-top: 0.2rem;
    position: relative;

}
.all_container .left_navs .out_container .icon_box>img{
    width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.all_container .left_navs .out_container .ewm_box{
    width: 50%;
    height: 1.6rem;
    margin: 0 auto;
    margin-top: 0.15rem;
    overflow: hidden;
}
.all_container .left_navs .out_container .ewm_box>img{
    width: 100%;
    height: 100%;
}
/*  鐎歸潻缂氶弲鍓侊拷浣冨閸╁懘寮借箛娑樺姤闁告帪鎷� */
.fixed_nav_box{
    width: 100%;
    height: calc(100vh - 4rem);
}
.fixed_nav_box .title{
    width: 90%;
    height: 0.5rem;
    margin: 0 auto;
    font-size: 0.25rem;
    text-align: center;
    line-height: 0.5rem;
    margin-top: 0.3rem;
    font-weight: 700;
}
.fixed_nav_box .nav_item_box{
    width: 95%;
    margin: 0 auto;
    height: calc(100% - 1.3rem);
}
.fixed_nav_box .nav_item_box .nav_item{
    width: 100%;
    font-size: 0.2rem;
    text-align: center;
    line-height: 0.3rem;
    height: 0.3rem;
    position: relative;
    margin: 0.1rem 0;
}
.nav_item_active{
    color: #ff6700;
}
.fixed_nav_box .nav_item_box .nav_item:hover{
    color: #ff6700;
}
.fixed_nav_box .nav_item_box .nav_item:hover .sub_navs_item_box{
    display: block;
}
.sub_navs_item_box{
    /* width: 2.5rem; */
    width: auto !important;
    height: 0.3rem;
    position: absolute;
    left: 2.2rem;
    top: 0;
    z-index: 10099 !important;
    display: none;
}
.sub_navs_item_box .triangle_right {
    width: 0;
    height: 0;
    border-top: 0.15rem solid transparent;
    border-right: 0.3rem solid #0C4CA3;
    border-bottom: 0.15rem solid transparent;
}
.sub_navs_item_box .center_box{
    /* width: 3rem; */
    width: auto !important;
    background-color: #0C4CA3;
    min-height: 1rem;
    position: absolute;
    top: 50%;
    left: 0.29rem;
    transform: translateY(-50%);
    border-radius: 0.1rem;
    /* background: red; */
}
.sub_navs_item_box .center_box .list_box{
    margin: 0.2rem auto;
    width: auto !important;
}
.sub_navs_item_box .center_box .list_box>a{
    display: block;
    width: auto !important;
    padding: 0 0.5rem;
    height: 0.4rem;
    font-size: 0.18rem;
    line-height: 0.35rem;
    color: #fff;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}
.a_active{
    color: #ff6700 !important;
}
.sub_navs_item_box .center_box .list_box>a:hover{
    color: #ff6700;
}

/* 闁繪劗鎳撻崵顕�宕妸顭戝殑闂侇喓鍔岄崹锟� */
.djzx_box{
    width: 100%;
    height: 1rem;
    overflow: hidden;
}
.djzx_box .btn_box{
    width: 70%;
    height: 0.4rem;
    font-size: 0.2rem;
    color: #fff;
    text-align: center;
    line-height: 0.4rem;
    margin: 0.5rem auto;
    background-color: #ff6700;
}
.djzx_box .btn_box:active{
	background-color: #E15B00;
}

/* //// */
.all_container .right_content{
    width: calc(100% - 2.5rem);
    height: 100%;
}
.all_container .right_content .out_container{
    width: 100%;
    position: relative;
}
.all_container .right_content .out_container .hide_btn{
    width: 0.35rem;
    height: 0.35rem;
    position: fixed;
    top: 0.26rem;
    margin-left: 0.1rem;
    z-index: 99999;
}
.all_container .right_content .out_container .hide_btn>img{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/* 廣州優勝電子技術有限公司廣州優勝電子技術有限公司廣州優勝電子技術有限公司//// */

/* 閺嶅洭顣介柈銊ュ瀻瀵拷婵拷 */
.productlist_title{
    width: 100%;
    background-color: #EFF1F0;
    overflow: hidden;
}
.productlist_title .center{
    width: 52%;
    height: 0.8rem;
    margin: 0.35rem auto;
    position: relative;
}
.productlist_title .center .l_line{
    width: 1.4rem;
    height: 1px;
    background-color: #d6d6d6;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.productlist_title .center .r_line{
    width: 1.4rem;
    height: 1px;
    background-color: #d6d6d6;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.productlist_title .center .up_box{
    width: 100%;
    height: 100%;
    font-size: 0.35rem;
    line-height: 0.8rem;
    text-align: center;
    color: #4b4b4b;
    font-weight: 700;
}
.productlist_title .center .down_box{
    width: 100%;
    height: 50%;
    font-size: 0.25rem;
    line-height: 0.3rem;
    text-align: center;
    color: #ff6700;
    font-weight: 700;
}
/* 閺嶅洭顣介柈銊ュ瀻缂佹挻娼� */


/* 娴溠冩惂閸掑棛琚柈銊ュ瀻瀵拷婵拷 */
.product_box{
    width: 100%;
    background-color: #ffffff;
    overflow: hidden;
    margin-bottom: 0.6rem;
}
.product_box .center{
    width: 95%;
    /* background-color: yellow; */
    /* margin: 0.5rem auto; */
    margin: 0 auto;
}

.product_box .center .item_box{
    width: 100%;
    /* height: 5rem; */
    /* background-color: red; */
}
.product_box .center .item_box .item{
    width: 100%;
    /* height: 5rem; */
    /* background-color: purple; */
    overflow: hidden;
}

.product_box .center .item_box .item .item_title{
    width: 100%;
    height: 0.8rem;
    /* background-color: yellow; */
    font-size: 0.25rem;
    color: #333;
    line-height: 0.8rem;
    position: relative;
    padding-left: 0.6rem;
}
.product_box .center .item_box .item .item_title:hover{
	color: #FF5600 !important;
}
.product_box .center .item_box .item .item_title .img_box{
    width: 0.25rem;
    height: 0.25rem;
    height: calc(100% - 0.5rem);
    position: absolute;
    top: 50%;
    left: 0.25rem;
    transform: translateY(-50%);
    
}
.product_box .center .item_box .item .item_title .img_box>img{
    width: 100%;
    height: 100%;
    /* transform: translateZ(0deg); */
    position: absolute;
    top: 0;
    left: 0;
}
.product_box .center .item_box .item .item_ctxt{
    width: 100%;
    /* height: 3rem; */
    /* background-color: orange; */
   /*  display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap; */
    
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    
    justify-content: flex-start;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-justify-content: flex-start;

    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    
     -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
     -o-flex-wrap: wrap; 
    
    
    
}
.product_box .center .item_box .item .item_ctxt .subitem_box{
    width: 23%;
    /* width: 2.5rem; */
    min-height: 3.05rem;
    background-color: #EEF0F0;
    margin: 0 0.12rem;
    margin-bottom: 0.3rem;
}
.product_box .center .item_box .item .item_ctxt .subitem_box>a{
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #333;
    font-size: 0.2rem;
}
.product_box .center .item_box .item .item_ctxt .subitem_box .img_box{
    width: 100%;
    /* min-height: 2.55rem; */
    height: calc(100% - 0.5rem);
    background-color: #fff;
    overflow: hidden;
    background: #ffff;
    border: 1px solid #EEF0F0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}
.product_box .center .item_box .item .item_ctxt .subitem_box .img_box>img{
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
    transition: all 1s;
    /**解決圖片模糊問題*/
	transform: translate3d(0,0,0);
    
}


.product_box .center .item_box .item .item_ctxt .subitem_box:hover .img_box>img{
   /*  -webkit-transform: scale(1.2,1,2);
    -moz-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2); */
    -webkit-transform: scale3d(1.2,1,2);
    -moz-transform: scale3d(1.2,1.2,2);
    -o-transform: scale3d(1.2,1.2,2);
    transform: scale3d(1.2,1.2,2);
}
.product_box .center .item_box .item .item_ctxt .subitem_box:hover .title{
    color: #FF5600;
}
.product_box .center .item_box .item .item_ctxt .subitem_box .title{
    width: 100%;
    height: 0.5rem;
    font-size: 0.2rem;
    text-align: center;
    line-height: 0.5rem;
    color: #333;
    verflow: hidden;
}
/* 娴溠冩惂閸掑棛琚柈銊ュ瀻缂佹挻娼� */

/* 閸掑棝銆夐柈銊ュ瀻瀵拷婵拷 */
.page_box{
    width: 90%;
    min-height: 1.5rem;
    margin: 0 auto;

}

.page_box .navigation{
    height: 60%;
    padding: 0;
    margin: 0;
    font-size: 0.05rem !important;
}  
.pagination1 ul{
    height: 100%;
    margin: 0;
    text-align: right;
}
.page_box .navigation ul li{
    height: 100%;
}
.page_box .navigation>ul li a{
    margin: 0 !important;
    padding: 0 !important;
}
#pagination1{
    margin: 0;
    padding: 0;
    font-size: 0.2rem;
    border-radius: none;
    width: 30%;
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
    border-radius: none;
}
#pagination1>ul{
    margin:0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
    border-radius: none;
    margin-top: 0.4rem;
}
#pagination1 li{
    margin: 0 0.05rem;
}
#pagination1 a{
    padding: 0.05rem 0.1rem;
    margin: 0;
}
#pagination1 a::marker{
    border:none;
    width: 100%;
    height: 100%;
}
#pagination1 .br_none{
    border-radius: 0 !important;
}
#pagination1 a {   
    outline:none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    box-shadow: none !important;
}  

/* 閸掑棝銆夐柈銊ュ瀻缂佹挻娼� */