/*²úÆ·*/
.pb_title{text-align:center;position:relative;text-align:center;}
.pb_title:before{content:'';width:calc(50% - 183px);height:2px;background:#CACECD;position:absolute;left:0;top:57px;}
.pb_title:after{content:'';width:calc(50% - 183px);height:2px;background:#CACECD;position:absolute;right:0;top:57px;}
.pb_title .pb_tt{display:inline-block;position:relative;width:366px;}
.pb_title .pb_tt:before{content:'';width:63px;height:6px;background:#EB9000;position:absolute;left:0;top:55px;}
.pb_title .pb_tt:after{content:'';width:63px;height:6px;background:#EB9000;position:absolute;right:0;top:55px;}
.pb_title .pb_tt h2{margin:0;font-size:36px;color:#000;text-align:center;height:56px;line-height:56px;}
.pb_title .pb_tt h2 span{color:#eb9000;}
.pb_title .pb_tt em{display:block;color:#a6a6a6;text-align:center;line-height:26px;font-size:20px;height:26px;text-transform:uppercase;font-style:normal;}
.pb_title p{margin:0;color:#999;font-size:13px;line-height:24px;margin-top:5px;text-align:center}
.product{padding:30px 0 80px;}
.product .product_c{margin-top:30px;}
.product_left{width:235px;float:left;}
.p_class{width:100%;position:relative;}
.p_class .pc_left{width:100%;height:61px;background:#343434;font-size:24px;color:#FFF;text-align:center;line-height:61px;}
.p_class .pc_right{width:calc(100% - 150px);float:right;padding-right:50px;background:#e6e6e6;height:50px;line-height:50px;position:relative;text-align:center;font-size:16px;display:none;}
.p_class .pc_right em{display:block;width:50px;height:50px;background:url(navarrow.png) no-repeat center center;-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;position:absolute;right:0;top:0;}
.p_class .pc_right.on em{-ms-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
.p_class .pc_ul{width:100%;z-index:20;}
.p_class .pc_ul>ul{margin:0;}
.p_class .pc_ul>ul>li{line-height:40px;margin-top:2px;}
.p_class .pc_ul>ul>li>span{width:100%;height:100%;display:block;text-indent:30px;background:#F0F0F1;position:relative;}
.p_class .pc_ul>ul>li>span>a{color:#414141;display:inline-block;height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;}
.p_class .pc_ul>ul>li>span.on,.product .p_class .pc_ul>ul>li>span:hover{background:#DBDBDB;}
.p_class .pc_bottom{padding:16px 0;height:59px;background:#343434;}
.p_class .pc_bottom .b_btn{background:#FFF;height:27px;line-height:27px;width:118px;display:block;color:#343434;margin:0 auto;text-align:center;}
.product .product_right{width:calc(100% - 260px);float:right;}
.product .product_right .right_title{height:40px;background:url(../images/producttitlebottom.png) repeat-x left bottom;position:relative;}
.product .product_right .right_title:before{content:'';width:103px;height:4px;background:#414141;position:absolute;left:0;bottom:0;}
.product .product_right .right_title span{display:block;line-height:21px;border-left:4px solid #343434;text-indent:10px;font-size:20px;font-weight:bold;color:#414141;margin-top:2px;}
.product .product_right .right_title span em{color:#B2B3B3;font-weight:normal;font-style:normal;font-size:18px;}
/**/
.product .product_right .right_title .p_more{position:absolute;top:2px;right:0px;display:block;height:21px;color:#858585;width:55px;height:19px;border:1px solid #DEDEDE;border-radius:4px;font-size:12px;text-align:center;}
.product .product_right .product_rightT{width:100%;overflow:hidden;}
.product-list{margin-top: 30px;}
.product-list .pro-b{background: #ffffff;}
.product-list .pro-b img{border:1px solid #ececec;width: 100%;  height: 200px;overflow: hidden;}
.product-list .pro-b p a{display:block;background: #dbdbdb;color: #000;text-align: center;padding: 5px;}
@media (max-width: 990px){
    .product_left{
        display: none;
    }
    .product .product_right{
        float: none;
        width: 100%;
    }
}
.lg{
    margin-bottom: 50px;
}
.lg img{
    width: 100%;
    height: auto;
}
.ab-video video{
    width: 100%;
}
.ab-txt p{
    font-size: 15px;
    letter-spacing: 2px;
    line-height: 27px;
}
.ab-txt a{
    width: 113px;
    height: 44px;
    line-height: 44px;
    background: #343434;
    color: #FFF;
    text-align: center;
    border-left: 5px solid #F0A700;
    display: block;
    margin-top: 18px;
}
.stats{
    margin-top: 30px;
}
.st-img{
    width: 100px;
    height: 100px;
    line-height: 100px;
    background: #343434;
    border-radius: 50%;
    margin: 0 auto;
    text-align: center;
}
.stats img{
    padding-right: 0;
    padding-top: 20px;
}
.stats-info h4{
    font-size: 15px;
    color: #000;
    text-align: center;
    margin-top: 10px;
}
@media (max-width: 497px){
    .stats{
        display: none;
    }
}
#newsbg{background:#F1F5F8;padding:30px 0 106px;margin-top: 60px;}
.news .news_title{width:100%;height:37px;margin-top:26px;}
.news .news_title .news_span{width:303px;margin:0 auto;}
.news .news_title .news_span span{width:145px;height:35px;line-height:33px;border:1px solid #D4D4D4;color:#FFF;text-align:center;display:inline-block;color:#2f2f2f;float:left;font-size:18px;position:relative;cursor:pointer;margin-left:12px;border-radius:18px;}
.news .news_title .news_span span:first-child{margin-left:0;}
.news .news_title .news_span span.hover,#news .news_title .news_span span:hover{border:1px solid #eb9000;color:#FFF;background:#eb9000;}
.news .news_list{margin-top:30px;}
.news .news_list .news_li{display:block;width:46%;float:left;position: relative;padding-left: 15px;
    margin: 0 15px 50px;}
.news_li .news-pic{
    float: left;
    width: 158px;
    max-height: 110px;
    object-fit: cover;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 11px;
    -webkit-box-shadow: 0 5px 13px rgb(56 86 145 / 47%);
    -moz-box-shadow: 0 5px 13px rgba(56,86,145,.47);
    -ms-box-shadow: 0 5px 13px rgba(56,86,145,.47);
    -o-box-shadow: 0 5px 13px rgba(56,86,145,.47);
    box-shadow: 0 5px 13px rgb(56 86 145 / 47%);
    border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -ms-border-radius: 9px;
    -o-border-radius: 9px;
}
.news_li .news-pic img{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -ms-border-radius: 9px;
    -o-border-radius: 9px;
}
.news_li .news-txt{
    background-color: #fff;
    padding: 18px 30px 15px 161px;
    -webkit-box-shadow: 0 5px 13px rgb(56 86 145 / 13%);
    -moz-box-shadow: 0 5px 13px rgba(56,86,145,.13);
    -ms-box-shadow: 0 5px 13px rgba(56,86,145,.13);
    -o-box-shadow: 0 5px 13px rgba(56,86,145,.13);
    box-shadow: 0 5px 13px rgb(56 86 145 / 13%);
    margin-top: 28px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.news_li .news-txt h2{
    margin-top: 0;
}
.news_li .news-txt h2 a{
    font-size: 16px;
    color: #000;
    line-height: 21px;
    display: block;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.news_li .news-txt p{
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #6b6b6b;
    margin-bottom: 8px;
}
.ab-case{
    margin-top: 60px;
}
.case-list{
    margin-top: 50px;
}
.case-list .case-box img{
    width: 100%;
    height: 180px;
}
.case-list .case-box p{
    text-align: center;
    margin-top: 15px;
}
.case-list .case-box p a{
    color: #000;
}







@media (max-width: 497px){
    .news .news_list .news_li{
        width: 100%;
        float: none;
        text-align: left;
    }
    .news .news_list .news_li:nth-child(2n){padding-left: 0;}
    .news .news_list .news_li:nth-child(2n+1){padding-right: 0;}
}
.mobone {
    background: url(../images/mobonebg.jpg) no-repeat center bottom;
    padding: 10px 0 126px;
    background-size: 100% 16.4473%;
}
.mobone .mobonetit {
    clear: both;
    text-align: center;
}
.mobone .mobonetit h2 {
    font-size: 36px;
    padding-bottom: 32px;
}
.mobone .mobonetit p {
    font-size: 12px;
    color: #666;
    line-height: 1;
}
.mobone ul {
    clear: both;
    width: 100%;
    padding-top: 18px;
}
.mobone ul li {
    float: left;
    width: 25%;
}
.mobone ul li a.mobonepic {
    width: 63%;
    max-width: 207px;
    margin: 0 auto;
}
.mobone ul li a {
    clear: both;
    text-align: center;
    display: block;
}
.mobone ul li a.mobonetxt {
    font-size: 16px;
    color: #333;
    line-height: 1;
    padding: 10px 0px 25px 0px;
}
.mobone ul li a:hover{
    color: #ff332c;
}