body{
    padding-top: 1rem!important;
}
.product_one{
    width: 100%;
    height: 4rem;
}
.product_one img{
    width: 100%;
    height: 100%;
}
.product_two{
    margin-top: 0.8rem;
    padding-bottom: 0.7rem;
}
.product_content{
    width: 16rem;
    margin: 0 auto;
    display: flex;
}
.product_leftbox{
    width: 3.5rem;
}
.product_title{
    color: #fff;
    font-size: 0.3rem;
    font-weight: bold;
    padding: 0.15rem 0;
    border-radius: 0.07rem 0.07rem 0 0;
    background: #0853A9;
    text-align: center;
}
.product_listbox{
    display: flex;
    flex-direction:column ;
}
.product_items{
    padding: 0.1rem 0;
    color: #333;
    font-size: 0.16rem;
    font-weight: bold;
    padding-left: 0.15rem;
    border-bottom: 0.01rem solid #fff;
    position: relative;
    background: #f2f2f2;
}
.product_items:last-child{
    border-bottom: 0;
}
.product_items::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 0.05rem;
    height:0;
    background: #004DA9;
    transition: all .25s;
}
.product_items:hover::before{
    height: 100%;
}
.product_items:hover{
    color: #004DA9;
}
.product_rightbox{
    flex: 1;
    margin-left:0.5rem;
    display: flex;
    flex-wrap: wrap;
}
.product_items_xbox{
    width: 32%;
    margin-right: 2%;
    overflow: hidden;
    margin-bottom: 0.2rem;
    border-radius: 0 0 0.07rem 0.07rem;
}
.product_items_xbox:nth-child(3n){
    margin-right: 0;
}
.product_items_imgbox{
    width: 100%;
    height: 3.3rem;
    overflow: hidden;
}
.product_items_imgbox img{
    width: 100%;
    height: 100%;
    /*transition: all .25s;*/
}
.product_items_name{
    color: #333;
    font-size: 0.18rem;
    font-weight: bold;
    text-align: center;
    border-radius: 0 0 0.07rem 0.07rem ;
    padding: 0.12rem 0;
    border: 0.01rem solid #ccc;
    border-top: 0;
    overflow: hidden;
}
.product_items_xbox:hover{
    box-shadow: 0 0 0.07rem 0.01rem 
    rgba(0, 0,0, .15);
}
.product_items_xbox:hover .product_items_name{
    color: #0853A9;
}
/*.product_items_xbox:hover .product_items_imgbox>img{*/
/*    transform: scale(1.05);*/
/*}*/
/* 详情 */
.product_messages_center{
    width: 14rem;
    margin: 0 auto;
}
.pages_position{
    display: flex;
    align-items: center;
    padding: 0.2rem 0;
    border-bottom: 0.01rem solid #EEEEEE;
}
.pages_xleft{
    display: flex;
}
.pages_img{
    width: 0.19rem;
    height: 0.19rem;
}
.pages_img img{
    width: 100%;
    height: 100%;
}
.pages_position .pages_txt,a{
    color: #666!important;
    font-size: 0.14rem;
}
.pages_txt{
    margin-left: 0.1rem;
}
.pages_position a{
    margin-right: 0.05rem ;
}
.pages_position a:last-child{
    color: #000!important;
}
.pages_position a:hover{
    color: #000!important;
}
.product_messages_1{
    width: 100%;
    display: flex;
    margin-top: 0.3rem;
}
.pro_leftbox{
    width: 5.5rem;
    height: 5rem;
    overflow: hidden;
}
.pro_leftbox:hover>img{
    transform: scale(1.03);
}
.pro_leftbox img{
    width: 100%;
    height: 100%;
    transition: all .25s;
}
.pro_rightbox{
    margin-left: 0.8rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.pro_right_title{
    color: #222;
    font-weight: bold;
    font-size: 0.26rem;
    padding-bottom: 0.4rem;
    border-bottom: 0.01rem solid #ccc;
}
.pro_right_txtbox{
    margin-top: 0.4rem;
}
.pro_right_ps{
    color: #333;
    font-size: 0.18rem;
    margin-bottom: 0.15rem;
    display: flex;
    align-items: center;
}
.pro_right_ps::before{
    content: '';
    display: block;
    width: 0.07rem;
    height: 0.07rem;
    background: #000;
    border-radius: 50%;
    margin-right: 0.1rem;
}
.pro_right_bottom{
    width: 100%;
    display: flex;

}
.pro_right_bottom a{
    width: 2.16rem;
    height: 0.5rem;
    background: #0853A9;
    border-radius: 0.05rem;
    color: #fff!important;
    display: block;
    margin-right: 0.2rem;
    text-align: center;
    line-height: 0.5rem;
    font-size: 0.18rem;
}
.pro_right_bottom a:hover{
    opacity: .85;
}   
.product_solid{
    height: 0.48rem;
    background: #F8F8F8;
    margin-top: 0.8rem;
    margin-bottom: 0.5rem;

}
.pro_solid_title{
    width: 1.6rem;
    height: 100%;
    text-align: center;
    line-height: 0.48rem;
    background: #0853A9;
    color: #fff;
    font-size: 0.18rem;
    font-weight: bold;
}
.pro_imgxbox{
    height: 7.3rem;
    width: 11rem;
    margin: 0 auto 0.6rem auto;
}
.pro_imgxbox img{
    width: 100%;
    height: 100%;   
}
.pro_tablebox{
    width: 100%;
    background: #fff;
    margin-bottom: 0.6rem;
}
.pro_tablebox table{
    width: 100%;
}
.pro_tablebox tr:first-child{
    background: #ebf5ff!important;
}
.pro_tablebox tr:first-child td{
    padding: 0.3rem 0;
    font-weight: bold;
}
.pro_tablebox tr:nth-child(2n+1){
    background: #f5f5f5;
}
.pro_tablebox tr th{
    padding: 0.2rem 0;
}

.pro_tablebox tr td:first-child{
    width: 2rem;
    text-align: center;
    border-right: 0.01rem solid #ccc;
}
.pro_tablebox td{
    padding: 0.15rem 0;
    color: #333;
    font-size: 0.16rem;
}
.pro_tablebox tr td:nth-child(2){
    padding-left: 0.5rem!important;
}
.pro_lastimg{
    width: 9rem;
    height: 6rem;
    margin: 0 auto 0.6rem auto;
}
.pro_lastimg img{
    width: 100%;
    height: 100%;
}
/* 工程案例 */
.case_xbox{
    margin-top:1rem;
}
.case_xbox_center{
    width: 14rem;
    margin: 0 auto;
}
.case_titbox{
    display: flex;
    justify-content: center;
    position: relative;
}
.case_titbox::before{
    content: 'Case';
    display: block;
    position: absolute;
    left: 50%;
    bottom: -0.05rem;
    transform: translateX(-50%);
    font-size: 0.6rem;
    color: #018BD4;
    opacity: 0.1;
    font-weight: bold;
    text-transform: uppercase;
    white-space:nowrap;
}
.case_title{
    color: #333;
    font-size: 0.32rem;
    font-weight: bold;
    padding-bottom: 0.2rem;
    position: relative;
}

.case_title::after{
    content: '';
    display: block;
    width: 100%;
    height: 0.04rem;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #0853A9;
}
.case_content{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.5rem;
}
.case_items{
    width: 23%;
    display: flex;
    flex-direction: column; 
    margin-right: 2.66%;
    margin-bottom: 0.3rem;
}
.case_items:nth-child(4n){
    margin-right: 0!important;
}
.case_items_imgbox{
    width: 100%;
    height: 2rem;
    overflow: hidden;
}
.case_items_imgbox img{
    width: 100%;
    height: 100%;
    transition: all .25s;
}

.case_items_imgbox:hover>img{
    transform: scale(1.05);
}
.case_items_name{
    padding: 0.1rem;
    text-align: center;
    display: block;
    color: #333333;
    font-size: 0.18rem;
    font-weight: bold;
}
.case_messages{
    width: 100%;
    margin-top: 0.5rem;
}
.case_messages_titbox{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.case_mess_title{
    color: #333;
    font-size: 0.3rem;
    font-weight: bold;
}
.case_mess_date{
    color: #999999;
    font-size: 0.16rem;
    margin: 0.2rem 0;
}
.case_mess_imgbox{
    width: 100%;
    height: 7.8rem;
    overflow: hidden;
    margin-bottom: 0.8rem;
    margin-top: 0.3rem;
    display: block;
}
.case_mess_imgbox img{
    width: 100%;
    height: 100%;
    transition: all .25s;
}
.case_mess_imgbox:hover>img{
    transform: scale(1.05);
}
/* 服务与支持 */
.give_titbox::before{
    content: 'SERVICE SUPPORT'!important;
}
.give_text{
    text-align: center;
    color: #333;
    font-size: 0.18rem;
    margin-top: 0.3rem;
    line-height: 1.7;
}
.give_content{
    margin-bottom: 0.8rem;
}
.give_items{
    width: 50%;
    display: flex;
    background: #0853a9;
}
.give_items_txtbox{
    width: 50%;
    padding:0.4rem  0.5rem 0.33rem 0.5rem;
    background: #0853A9;
}
.give_items_title{
    display: flex;
    justify-content: flex-start;
}
.give_tit_span{
    font-size: 0.24rem;
    color: #fff;
    font-weight: bold;
    padding-bottom: 0.18rem;
    border-bottom: 0.03rem solid #fff;
}
.give_items_text{
    margin-top: 0.25rem;
    line-height: 1.8;
    color: #fff;
    font-size: 0.16rem;
}
.give_a_imgbox{
    width: 50%;
    display: block;
    height: 100%;
    overflow: hidden;
}
.give_a_imgbox img{
    width: 100%;
    height: 100%;
    transition: all .3s;
}
.give_a_imgbox:hover>img{
    transform: scale(1.05);
}
/* 联系我们 */
.about_banner img{
  width: 100%;
  height: 100%;
}
.about_content{
    width: 14rem;
    margin: 0.8rem auto 0 auto;
    padding-bottom: 0.8rem;
}
.about_titbox::before{
    content: 'CONTACT US'!important;
}
.about_bigbox{
    margin-top: 0.5rem;
    display: flex;
}
.about_leftbox{
    flex: 1;
}
.about_rightbox{
    width: 7.5rem;
    height: 5rem;
    /*background: pink;*/
}
.about_rightbox img{
    width: 100%;
    height: 100%;
}
.about_titles{
    font-size: 0.24rem;
    color: #333;
    font-weight: bold;
    display: flex;
    margin-bottom: 0.3rem;
}
.about_titles::before{
    content: '';
    display: block;
    width: 0.05rem;
    background: #0853A9;
    margin-right: 0.15rem;
}
.about_1{
    display: flex;
    margin-bottom: 0.2rem;
}
.about_ico{
    width: 0.26rem;
    height: 0.26rem;
    display: block;
    margin-right: 0.1rem;
}
.about_ico img{
    width: 100%;
    height: 100%;
}
.about_text{
    font-size: 0.18rem;
    color: #333;
}
.about_items1:last-child{
    margin-top: 0.7rem;
}
/* 在线留言 */
.departure{
    background: #f9f9f9;
    padding: 0.7rem 0;
}
.departure_center{
    width: 14rem;
    margin: 0 auto;
}
.departure_titbox{
    display: flex;
    justify-content: center;
    align-items: center;
}
.departure_title{
    font-size: 0.32rem;
    color: #000000;
    padding-bottom: 0.2rem;
    border-bottom: 0.04rem solid #0853A9;
    font-weight: bold;
}
.departure_inpbox{
    background: #fff;
    margin-top: 0.5rem;
    padding: 0.45rem;
}
.departure_inpbox{
    display: flex;
}
.departure_items{
    margin-bottom: 0.3rem;
}
.departure_name{
    font-size: 0.18rem;
    color: #333;
}
mark{
    background: transparent;
    color: #E10000;
}
.departure_inputbox{
    width: 6.3rem;
    height: 0.4rem;
    background: red;
    margin-top: 0.14rem;
}
.departure_inputbox input{
    width: 100%;
    height: 100%;
    border: 0;
    background: #f6f6f6;
    padding: 0 0.15rem;
    border: 0.01rem solid #E6E6E6;
}
.departure_rightbox{
    flex: 1;
    margin-left: 0.4rem;
}
.departure_textarea{
    height: 1.9rem;
}
.departure_textarea textarea{
    width: 100%!important;
    height: 100%!important;
    background:#f6f6f6;
    outline: 0;
    border: 0.01rem solid #e6e6e6;
    padding: 0.15rem;
    margin-top: 0.14rem;
}
.departure_bottom{
    display: flex;
    justify-content: flex-end;
    margin-top: 0.4rem;
}
.departure_bottom a{
    width: 1.2rem;
    height: 0.4rem;
    background: #0853A9;
    display: block;
    text-align: center;
    line-height: 0.4rem;
    color: #fff!important;
    font-size: 0.16rem;
}
.departure_bottom a:hover{
    opacity: .9!important;
}


@media only screen and (max-width:1024px){
    .case_xbox_center,.product_messages_center,.news_xbox_textbox,.news_xbox_textbox p img,.product_content,.product_leftbox,.pro_leftbox{
        width: 100% !important;
    }
    .case_items{
        width: 50%;
        margin-right: 0;
    padding: 0 10px;
    }
    .case_items_name{
        font-size: 12px;
    }
    .pages_position .pages_txt, a,.case_mess_date,.product_items{
        font-size: 12px !important;
    }
    .pages_img{
        width: 0.25rem;
    height: 0.25rem;
    }
    .news_xbox_textbox{
        padding: 0 10px;
    }
    .product_one{
        height: auto;
    }
    
    .product_content{
        display: block;
    }
    .product_rightbox{
        margin-left: 0;
        margin-top: 10px;
    }
    .product_two{
        padding-left: 10px;
    padding-right: 10px;
    }
    .product_items_xbox{
        width: calc((100% - 10px) / 2);
    margin-right: 10px;
    }
    .product_items_xbox:nth-of-type(even){
       margin-right: 0; 
    }
    .product_items_xbox:nth-of-type(3){
        margin-right: 10px;
    }
    .product_items_name,.product_messages_center p{
        font-size: 12px;
    }
    .product_messages_1{
        display: block;
    }
    .pro_rightbox{
        margin-left: 0;
        margin-top: 10px;
    }
    .product_messages_center{
        padding: 0 10px;
    }
    .product_messages_center span img{
        width: 100%;
                object-fit: contain;
        height: auto;
    }
    .about_content,.departure_center,.about_rightbox,.departure_inputbox{
        width: 100%;
    }
    .about_bigbox{
        display: block;
        padding: 0 10px;
    }
    .about_text,.departure_name{
        font-size: 12px;
    }
    .departure_inpbox{
        display: block;
    }
    .departure_rightbox{
        margin-left: 0;
    }
    .departure_bottom{
        justify-content: center;
    }
}