/* CSS Document */

.list-banner{
    /* background-attachment: fixed!important;
    background-size: auto 520px!important; */
    width: 100%;}
.main-head{width: 100%;background-size: 100% 100%; position: relative; text-align: center;}
.main-head h4{font-size: 40px; line-height: 80px;color: #fff;}
.main-head p{font-size: 20px; line-height: 40px;color: #fff;opacity: 0.7;}
.main{width: 100%;position: relative;}
.main-titles{background: #fff; width: 100%; box-shadow: 0 5px 15px rgb(194, 181, 181); position: absolute; top: -60px;}
.main-titles li{float: left; display: inline-block;}
.main-contents{min-height: 400px;width: 1140px;padding: 15px 50px;}
.greytxt{color: #6f6f6f;}
.mores-white{color: #fff;background: url(../image/look-white.png) no-repeat right center; display: inline-block; padding-right: 17px;}
.title-line{display: block; width: 30px; height: 3px; background: #fff; margin-top: 15px;}
.span-line{display:inline-block; width: 30px; height: 3px; background: #fff; margin-top: 5px;}
.red-line{display:block; width: 30px; height: 3px; background: #e60012; margin-top: 10px;}
.list-btns{border-radius: 3px;display: inline-block; font-size: 12px; cursor: pointer;line-height: 30px;height: 30px; padding: 0 15px; text-align: center;}
.download-txt-div .red-btn{margin-top: 80px;}
.red-btn{color: #fff;background: #e60012;}
.grey-btn{color: #fff;background: #ccc;}
.btn-border-red{border: 1px solid #e60012;background-color: #e60012;color: #FFFFFF;}
.white-btn{background: #fff;color: #e60012;}
.red-btn:hover{color: #fff;background: #cc0817;}
.grey-btn:hover{color: #fff;background: #aaa;}
.btn-border-red:hover{border: 1px solid #cc0817;color: #FFFFFF;}
/* 新聞列表 */
.news-tab{background: #fff;}
.news-bg .main-contents{background: #fff;box-shadow: 0 5px 15px #ccc; margin: 40px auto;overflow: hidden;}
.main-content{width: 100%; }
.main-menu{display: inline-block; float: left; width: 400px; text-align: center; position: relative;}
.main-pre{width: 1200px; height:100px;}
.main-menu span{display: inline-block; line-height: 88px; color: #6f6f6f; cursor: pointer;font-size: 23px;}
.main-menu strong{display: inline-block; width: 40px; height: 3px;position: absolute; bottom: 0; left: 45%;background-color: #fff;}
.main-titles li.on strong{background-color: #e42020;}
.main-titles li.on span{color: #e60012;}
.main-titles li:hover span{color: #e60012;}
.news-box{position: relative;}
.list-banner2{background: url(../image/list-banner2.jpg) no-repeat center 0;height: 450px;}
.news-bg{background: url(../image/news-bg1.jpg) no-repeat; background-size: 100% 100%; padding-bottom: 50px;}
.news-bg .main-titles{top: -40px;}
.news-tab #news_list li{
    /* width: 1140px;
    margin: 0 30px; 
    overflow: hidden; */
    width: 280px;
    height: 330px;
    cursor: pointer;
    /* padding: 40px 0; */
    background: #fff;
    float: left;
    border: 1px solid #eeeeee;
    margin: 20px 20px 0 40px;
}
.news-tab #news_list li:hover .btn-border-red{color: #fff;background: #e60012;}
.download-txt .btn-border-red{border: 1px solid #e60012; color: #e60012; background: #fff;}

.news-tab #news_list_second li{ overflow: hidden; cursor: pointer; padding: 0px 0; margin: 0 80px; border-bottom: 1px solid #e8e8e8; background: #fff;}
.news-img{ width: 280px;height: 139px; margin-right: 0px; overflow: hidden;}
.news-img:hover img{transform: scale(1.1); }
.news-img img{display:block; width: 100%;transition: all 0.6s;height: 160px;}
.news-txt{float: left;margin-left: 15px;}
.news-txt h5{font-size: 14px;min-height: 30px;}
#news_list_second .news-txt h5{font-size: 16px; line-height: 40px;margin-bottom: 10px;}
#news_list_second span{display: block;margin-top: 20px;border-left: 4px solid #e60012;}
#news_list_second .news-txt{width: 750px;padding-left: 10px;}
#news_list_second .news-txt a:hover{text-decoration: none;}
.news-txt div{line-height: 25px; font-size: 18px; margin-bottom: 30px; color: #a8a8a8;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.news-txt a{line-height: 25px; font-size: 18px; margin-bottom: 0px; color: #a8a8a8;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.main-content li:hover h5{color: #e60012;}
.pages{width: 445px; margin: 0 auto; padding: 40px 0;  clear: both;}
.page-prevs,.page,.page li,.page-nexts{float: left; cursor: pointer;margin-right: 10px;}
.page-prevs,.page-nexts,.page li a{display:inline-block; background: #fff; line-height: 42px; text-align: center;  width: 42px; height: 42px; border: 1px solid #f1f1f1;}
.page li a:hover{color: #fff; background: #e60012; border:none; width: 44px; text-align: center; height: 44px;}
.page-prevs{background: url(../image/left1.jpg) no-repeat center center;}
.page-nexts{background: url(../image/right1.jpg) no-repeat center center;}
/* .news-txt .mores{color: #e60012;} */
.news-txt .mores:hover{color: #c00f1e;text-decoration: none;}
/* 新聞列表详情 */
.newslist-bg{background: #f8f8f8; padding-bottom: 50px;}
.list-banner3 h4{font-size: 25px;width: 1200px;margin: 0 auto; line-height: 40px; overflow: hidden; padding-top: 40px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;} 
.news-bg .main-pre{height: 38px;}
.list-banner3 p span{display: inline-block; margin-right: 10%; font-size: 14px;}
.list-banner3 .main-head p{font-size: 14px;}
.news-list-box-txt{position:relative;background: #fff; box-shadow: 0 0 15px #ccc;padding-top: 10px;}
.list-banner3{background: url(../image/banner2.jpg) no-repeat center 0; height: 186px; background-attachment: fixed!important;background-size: auto 296px!important;}
.banner-list2{margin: 25px auto;}
.main-list-cons{width: 100%; position: relative;}
.main-list-con{width: 100%; z-index: 1; position:absolute; top: -32px; height: 45px; background: #fff;}
.new-list-txt{padding: 0 50px;}
.new-list-txt p{color: #818181; font-size: 16px; line-height: 25px; margin-bottom: 35px;}
.pagearticle{width: 1100px; padding: 30px 0;overflow: hidden; margin: 0 auto; border-top: 1px solid #eaeaea;}
.pageprev{width: 50%; text-align: left; display: inline-block; color: #6f6f6f;}
.pagenext{width: 50%; text-align: right; display: inline-block;color: #6f6f6f;}

/* 案例 */
.list-banner1{background: url(../image/case-bg.jpg) no-repeat center 0; height: 450px;}
.pc-modal4{display: block;}
.phone-modal4{display: none;}
.list-txt1{padding: 150px 0 0;}  
.case-menu{display: inline-block; float: left; width: 300px; text-align: center;padding-top: 30px; height: 97px;}
.case-menu-top span{font-size: 28px; color: #e60012; margin-right: 10px;}
.case-con{width: 100%; background: #fff;}
.case-boxscroll{width: 100%;max-width: 1200px;min-width: 320px;overflow: hidden;border-bottom: 1px solid #ebebeb; margin-bottom: 20px; height: 105px;}

.case-bg{background: url(../image/case-bg1.jpg) no-repeat; background-size: 100% 100%; padding-bottom: 50px;}
.case-box{background: url(../image/news-bg.jpg) no-repeat #fff; background-size: 100% 800px; background-position: bottom;width: 100%;overflow: hidden; display: none;}
.case-box-title .case-a{width: 125px; text-align: center; line-height: 104px;list-style: none; display: inline-block;}
.case-box-title .case-a span{ cursor: pointer; display: inline-block;font-size: 18px; height: 102px; color: #6f6f6f;}
.case-box-title .case-a span:hover{color: #e60012;}
.case-box-title .case-a.on span{color: #e60012; border-bottom: 3px solid #e60012;}
.case-logo{width: 100%; overflow: hidden;}
.case-logo-box{float: left; width: 390px; height: 440px; overflow: hidden; margin-bottom: 14px; margin-right: 14px; background: #fff;}
.case-logo-box:nth-child(3n){margin-right:0;}
.case-logo-box a{display: block; position: relative;border: 1px solid #ebebeb; height: 440px;}
/* .case-box-img{width: 100%; text-align: center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)} */
.case-box-img div img{width: 100%;height: 220px;}
.case-box-img >p{margin: 40px 30px 0 30px;font-size: 21px;background: url(../image/case-more.png) no-repeat right center;}

.case-box-img .case-box-txt-div p{margin: 0 !important;color: #6f6f6f;text-indent: 0 !important;font-family: 微软雅黑, "Microsoft YaHei";}
.case-box-img .case-box-txt-div span{color: #6f6f6f !important;font-family: 微软雅黑, "Microsoft YaHei" !important;}
.case-box-img .case-box-txt-div strong{color: #6f6f6f;font-weight: 500;font-family: 微软雅黑, "Microsoft YaHei" !important;}
/* .case-box-img >p:hover{color: #e60012;} */
.case-box-txt{position: absolute; left: 0; top:230px; width: 390px; text-align: center; height: 230px; background-size: 100% 100%; background: url(../image/list-txt-bg1.jpg) no-repeat; }
.case-box-txt h4 span{color: #fff; display: inline-block; line-height: 55px; border-bottom: 2px solid #fff; font-size: 20px;}
.case-box-txt-div{color: #fff; padding: 15px 30px 0; margin-bottom: 15px; font-size: 14px; line-height: 25px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.case-logo-box:hover{
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    /* box-shadow: 1px 2px 15px 2px rgb(14 13 13 / 20%); */
    box-shadow: -2px 5px 15px #ccc;
}
.case-logo-box:hover .case-box-img >p{color: #e60012;}
.case-logo-box:hover a{text-decoration: none;}
/* .case-box-txt-div p{color: #fff;} */
/* .case-logo-box:hover .case-box-txt{
    -webkit-transform: translateY(-230px);
    -ms-transform: translateY(-230px);
    transform: translateY(-230px);
    -webkit-transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
} */
/* 解决方案 */
.list-banner4{background: url(../image/list-banner4.jpg) no-repeat center 0; height: 450px;}
.plan-bg .plan-title{top: -45px; width:100%; max-width:1200px; min-width:320px; overflow: hidden;}
.plan-title-box::-webkit-scrollbar { width:0; height:0; display: none; }  
.plan-title-box .plan-menu{ list-style:none;text-align:center; }
.plan-menu{width: 165px;display:inline-block;line-height: 100px;text-align: center;}
.plan-menu span{display: inline-block; line-height: 97px;font-size: 18px; border-bottom: 3px solid #fff; cursor: pointer;}
.plan-menu.on span{color: #e60012; border-bottom: 3px solid #e60012;}
.plan-menu span:hover{color: #e60012;}
.plan-tab{width: 100%;}
.plan-box{float: left; width: 580px;box-shadow: 5px 5px 20px #cecbcb; height: 340px; overflow: hidden; margin-bottom: 40px; margin-right: 40px; background: #fff; position: relative;}
.plan-box:nth-child(2n){margin-right:0;}
.plan-box-img{width: 100%;text-align: center;}
.plan-box-txt{position: absolute; left: 0; top:200px; width: 500px; padding: 30px 40px; height:280px; }
.plan-box-txt .mores-white{ margin-top: 30px; }
.plan-box-txt h4{color: #fff; font-size: 20px;}
.plan-box-txt-div{color: #fff; font-size: 16px; height: 150px; line-height: 25px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6; overflow: hidden; padding-top: 40px; opacity: 0;}
.plan-box:hover .plan-box-txt{background: url(../image/list-txt-bg.png) repeat;
    -webkit-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    transform: translateY(-200px);
    -webkit-transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
}
.plan-bg{background: url(../image/plan-bg.jpg) no-repeat; padding-bottom: 30px;}
.plan-box:hover .plan-box-txt-div{opacity: 1;}

/* 下载详情 /内容中心活动详情  */
.download-bg .download-list-con{overflow: hidden;}
.list-banner5{background: url(../image/list-banner5.jpg) no-repeat center 0; min-height: 227px;background-attachment: fixed!important;background-size: auto 297px!important;}
.download-bg{background: url(../image/download-bg.jpg) no-repeat #f8f8f8; background-position: bottom; padding-bottom: 100px;}
.download-list-cons{width: 100%;position: relative;}
.download-list-con{width: 100%;position: absolute;top: -77px;height: 400px;background: #fff;box-shadow: 1px 5px 15px #ccc; border-radius: 0 30px 0 30px;}
.download-list-con-left{float: left; width: 738px; overflow: hidden;}
.download-list-con-left img{width: 100%;}
.download-list-con-right{float: left; width: 412px; height: 398px;  position: relative;padding: 0 30px 0 20px;}
.download-bg1{background: url(../image/pic16.jpg) no-repeat; background-position: right bottom;}
.download-bg2{background: url(../image/download-bg2.jpg) no-repeat; padding: 0 30px 0 20px;}
.download-list-con-right h5{font-size: 26px; color: #333; padding-top: 50px; padding-right: 30px;}
.download-txt{padding: 15px 0;}
.download-txt-box{width: 100%; overflow: hidden; margin-bottom: 5px;}
.moveCentre-model3-txt .download-txt-div{
    /* position: absolute;
    right: 100px; */
    margin-top: 20px;
}
.download-txt-box span{float: left; margin-right: 0px; width: 25px;padding-top: 0px;}
.download-txt-box strong{font-size: 13px;font-weight: 500;}
.download-con{padding-top: 350px;}
.download-con-head{background: url(../image/download-bg1.png) no-repeat; background-size: 100% 100%; padding: 40px; width:1120px;}
.main-modal-title{width: 100%; overflow: hidden;} 
.main-modal-title span{display: inline-block; float: left; margin-right: 20px;}
.main-modal-title strong{display: inline-block; float: left; line-height: 40px; font-size: 26px; color: #333;}
.download-con-head p{color: #6f6f6f; font-size: 18px; padding: 25px 0; line-height: 25px;}
.download-con-head-bottom{background: #fff; padding: 40px}
.download-con-head-bottom p{ text-indent: 40px; color:#6f6f6f; margin-top: 40px; font-size: 18px; line-height: 25px;} 
.download-con-head-bottom-img{margin-top: 40px; text-align: center;}
.border-bottom img{border-bottom: 1px solid #e8e8e8;}

/*搜索结果 */
.list-banner7{background: url(../image/list-banner7.jpg) no-repeat center 0; height: 450px;}
.list-banner7 h4{line-height: 60px; margin-bottom: 20px;}
.list-banner7 .list-txt1{padding: 125px 0;}
.seach-bg{background: url(../image/seach-bg.jpg) no-repeat; background-size: 100% 100%; padding: 50px;}
.seach-list-con{width: 880px; margin: 0 auto; height:50px; }
.seach-list-con-left{line-height: 48px;border: 1px solid #dcdcdc;border-right: none;text-indent: 14px;width: 800px; float: left; background: #fff;}
.seach-list-img{background: url(../image/seach.png) no-repeat center center#fff;width: 60px;height: 50px; float: left;}

/* 内容中心 */
.list-banner6{background: url(../image/list-banner6.jpg) no-repeat center 0; height: 450px;}
.moveCentre-con{padding-top: 50px;}
.moveCentre{background: url(../image/a1.jpg) no-repeat; background-size: 100% 100%; padding: 50px 0;}
.moveCentre-head{width: 100%; overflow: hidden; position: absolute; padding-top: 10px; left: 0; top: -125px; background: #fff; height: 145px; box-shadow: -2px 5px 15px #ccc;}
.moveCentre-head ul{width: 100%; overflow: hidden;}
.moveCentre-head li{width: 400px; text-align: center; float: left;
     /* background: url(../images/line.jpg) no-repeat right center; */
    }
.moveCentre-head li:last-child{background:none;}
.moveCentre-title{width: 100%;padding-top: 8px;}
.moveCentre-head li.on .span-line{background: #e60012;}
.moveCentre-head li.on div,.moveCentre-head li.on h5{color: #e60012;}
.moveCentre-head li:hover div,.moveCentre-head li:hover h5{color: #e60012;}
.moveCentre-head li h5{font-size: 20px; color: #333; padding: 4px 0;}
.moveCentre-head li div{font-size: 16px; color: #9f9f9f;}
.moveCentre-model-box{width: 100%;height: 400px;background: #fff; margin-bottom: 15px; box-shadow: -2px 5px 10px #ccc;border-radius: 0 30px 0 30px; overflow: hidden;}
.moveCentre-model1{width: 1200px;position: relative;}
.moveCentre-img{width: 1200px;overflow: hidden;}
.moveCentre-dot{display: block; height: 20px; margin: 10px auto 30px; text-align: center;}
.moveCentre-dot li{background: url(../image/dot1.png) no-repeat; width: 10px; height: 10px; display: inline-block; margin-right: 20px;}
.moveCentre-dot li.on{background: url(../image/dot3.png) no-repeat;}
.model1-prev,.model1-next{position: absolute; top: 160px; width: 48px; height: 48px; display: inline-block; z-index:9;}
.model1-prev{left: 0px; background: url(../image/dot-left.png) no-repeat;}
.model1-next{right: 0px; background: url(../image/dot-right.png) no-repeat;}

.moveCentre-model2{background: #fff; margin: 20px auto; padding: 10px 0; box-shadow: -2px 5px 15px #ccc;}

.moveCentre-choose{width: 1120px; margin: 0 40px; overflow: hidden; line-height: 40px; padding: 10px 0; border-bottom: 1px solid #e6e6e6;display:flex;}
.moveCentre-choose:last-child{border-bottom: none;}
.news-box .moveCentre-choose{margin: 0;width: 100%;}
.news-box .moveCentre-model2{box-shadow: none;}
.choose-left{float: left; width: 55px; text-align: center; font-size: 16px;}
.choose-con{float: left; width: 1000px;}
.choose-right{float: left; width: 60px; cursor: pointer;}
.choose-right:hover{color: #000;}
.choose-con span{display: inline-block; float: left; padding: 0 20px; color: #6f6f6f; margin-right: 7px; cursor: pointer;}
.choose-con div{display: inline-block; float: left; padding: 0 5px; color: #6f6f6f; margin-right: 20px; cursor: pointer;font-size: 14px;}

.choose-con .on{background: #fef2f3; color: #e60012;}
.choose-con-span1 span{margin-bottom: 10px;}
.choose-con strong{display: inline-block; float: left; padding: 0 20px; margin-right: 7px; cursor: pointer;}
.choose-con .all{background: #fef2f3; color: #e60012;}
.choose-con-span{display: inline-block; width: 886px; min-height: 35px;position: relative;overflow: hidden;}
.up1{background: url(../image/up1.png) no-repeat 50px center;}
.down1{background: url(../image/down1.png) no-repeat 50px center;}
.choose-con-span:after{content: "";display: block;position: absolute;bottom: 0;z-index: 1;transition: height .4s ease-out;}
.choose-con-span.current:after{height: 100px;}
.choose-more img{float:right;margin-top: 17px;margin-right: 10px;}

.moveCentre-model3{width: 1140px; background: #fff; margin: 10px auto;padding: 30px;box-shadow: -2px 5px 15px #ccc;}
.moveCentre-model3-table{width: 1060px; overflow: hidden;padding: 20px;}
.moveCentre-model3-table>a{margin-top: 20px;padding-bottom: 16px; width: 280px;
        height: 350px;
        border: 1px solid #eeeeee;
        float: left;
        margin-left: 50px;
        overflow: hidden;
    }
.moveCentre-model3-table>a div{overflow: hidden;}
.moveCentre-model3-table>a h4{min-height: 43px;}
.moveCentre-model3-table>a:hover div>img{transform: scale(1.1);}
.moveCentre-model3-table>a:hover{box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);text-decoration: none;}
.moveCentre-model3-table>a:hover h4{color:#e60012;}
.moveCentre-model3-table>a:hover .btn-border-red{color: #fff;background: #e60012;}
.moveCentre-model3-table>a div>img {
    width: 100%;
    height: 139px;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}
/* .moveCentre-model3-table a>div>img{width:278px;height: 139px;} */
.moveCentre-model3-box{float: left;width: 530px;height: 348px; border: 1px solid #e6e6e6; overflow: hidden;margin-bottom: 22px; background-size: 100% 100%; background: url(../image/a4.png) no-repeat left top;margin-right: 22px;position: relative;}
.moveCentre-model3-box:nth-child(2n){margin-right: 0;}
.moveCentre-model3-box a{display: block; padding: 30px;}
.moveCentre-model3-txt{margin-left: 15px;}
.moveCentre-model3-txt h4{font-size: 14px;
    /* font-weight: bold; */
}
.moveCentre-model3-txt .btn-border-red{border: 1px solid #e60012; color: #e60012; background: #fff;}

.moveCentre-model3-box:hover{box-shadow: 0 10px 20px #f1eeee;}
.moveCentre-model3-box:hover h4{color: #e60012;}

.moveCentre-model3-boxs{float: left;width: 530px;height: 348px; border: 1px solid #e6e6e6; overflow: hidden;margin-bottom: 22px; background-size: 100% 100%; background: url(../image/a-ziliao.jpg) no-repeat left top;margin-right: 22px;position: relative;}
.moveCentre-model3-boxs:nth-child(2n){margin-right: 0;}
.moveCentre-model3-boxs a{display: block; padding: 30px;}
.moveCentre-model3-boxs:hover{box-shadow: 0 10px 20px #f1eeee;}
.moveCentre-model3-boxs:hover h4{color: #e60012;}
.moveCentre-model3-boxs:hover .btn-border-red{border: 1px solid #e60012; color: #fff; background: #e60012;}


.video-model3-box{float: left;width: 554px;height: 350px; overflow: hidden;margin-bottom: 22px; margin-right: 22px;position: relative;}
.video-model3-box:nth-child(2n){margin-right: 0;}
.video-model3-txt{position: absolute; top: 0; left: 0;}
.video-model3-txt h4{font-size: 24px; color: #fff;}
.video-model3-txt .download-txt-box strong{color: #fff;}
.video-model3-txt .download-txt-div{position: static;}
.video-model3-txt1{height: 270px; width: 474px; padding: 40px;}
.video-model3-txt2{height: 270px; width: 474px; padding: 40px;background: url(../image/list-txt-bg.png) repeat;}
.video-model3-box:hover .video-model3-txt{-webkit-transform: translateY(-350px);
    -ms-transform: translateY(-350px);
    transform: translateY(-350px);
    -webkit-transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
 }
.video-model3-icon{position: absolute; right: 40px; bottom: 40px; display: inline-block; width: 39px; height: 39px; background: url(../image/player.png) no-repeat center center;}

/* 案例详情 */
.case-banner{background: url(../image/case-banner.jpg) no-repeat center 0; width: 100%; 
    background-attachment: fixed!important;
    background-size: auto 296px!important; 
    height: 226px;
}

.case-bannner-logo{padding-top: 65px;}
.case-bannner-logo img{width: 15%;}
.case-model1{width: 100%; background:url(../image/case-bg3.jpg) no-repeat; background-size: 100% 100%;}
.case-model1-box{width: 1200px; margin: 50px auto;min-height: 380px; overflow: hidden;border-radius: 0 30px 0 30px;}
.case-model1-left{float: left; width: 600px;height: 380px; ;display: flex;justify-content: center;align-items: center;}
.case-model1-left img{width: 100%;}
.case-model1-right{float: left; width: 540px; padding: 20px 30px 0 30px; height:310px; background: url(../image/case-bg1.png) no-repeat;}
.case-model1-right p{font-size: 16px; line-height: 30px; color: #6f6f6f;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;}
.case-model1-bottom h5{font-size: 26px; text-align: center; padding-bottom: 30px;}
.case-model1-bottom{padding-top: 40px;}
.case-model1-bottom-box{background: url(../image/case-bg2.png) no-repeat;background-size: 100% 100%; height: 297px; padding-top: 30px;}
.case-model1-bottom-box-left{width: 258px; float: left; text-align: center; }
.case-model1-bottom-box-left img{width: 100%;}
.case-model1-bottom-box-right{background: url(../image/a10.png) no-repeat left top; float: left;padding-left: 33px;  padding-top: 27px;} 
.case-model1-bottom-box-right p{font-size: 16px; color: #6f6f6f; line-height: 25px; padding-bottom: 30px;}
.case-model1-bottom-box-right div{color: #6f6f6f;font-size: 15px;text-align: right;margin-right: 15px;}
#fullPage .fixedtexth5{display: none;}
.case-bg5-bg{width:100%; background:url(../image/case-bg4.jpg) no-repeat;background-size: 100% 100%;}
.case-bg5-cons{max-width:1200px; height: 118px; overflow: hidden; min-width:320px;}
.case-bg5-cons div{color: #6f6f6f;}
.case-bg5{width: 1200px; margin: 20px auto 0;text-align: center;}
.case-bg5 h5{font-size: 26px; text-align:center; line-height: 85px; padding-bottom: 30px;} 
.case-bg5-con::-webkit-scrollbar { width:0; height:0; display: none; } 
/* .case-bg5-con{display: flex;} */
.case-bg5-cons img{width: 60px;}
/* .case-bg5-cons .on.case-bg5-icon .span-line{background: #e60012;} */
.case-bg5-icon{text-align: center; width: 196px;list-style: none;display: inline-block; position: relative; cursor: pointer;}
.case-bg5-icon div{height: 54px;}
.case-bg5-icon p{font-size: 18px;line-height: 64px;}
.on.case-bg5-icon .span-line{background: #e60012;}
.case-bg5-icon .span-line{display: inline-block;width: 30px;height: 3px;left: 43%;bottom: 0;position: absolute;}
.case-bg5-bottom{background: #f7f7f7; padding: 80px 0;}
.case-bg5-bottom-box{width: 1200px; margin: 0 auto; display:none;}
.case-bg5-bottom-box h5{font-size: 22px; padding-bottom: 30px;}
.case-bg5-bottom-box p{line-height: 25px; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
.case-bg5-icon:hover p{color: #e60012;}
.case-model3{background: url(../image/case-bg5.jpg) no-repeat #fff; overflow: hidden;position: relative;background-attachment: fixed!important;background-size: auto!important;}
.case-model3.on{background: url(../image/case-bg5.jpg) no-repeat center 0;background-attachment: fixed!important;background-size: auto 794px!important;}
.section{text-align: center;height: calc(100vh); width: 100vw;}
.case-model3 .in{display: none;}

.case-model03 .left_Info img{width: 600px;}
.case-model03 .right_Info div{display: table-cell;vertical-align: middle;color: #6f6f6f;padding-left: 60px;}
.section-con{width: 1200px; margin: 0 auto;position: relative;}
#fullPage{
    /* overflow-y: scroll; */
    /* width: 100vw; */
    width: 800px;
     overflow-x: hidden;}
.fixedInfo{
    /* position: absolute;  */
     width: 50%;top: 0;right: 0;z-index: 2; background: url(../image/case-bg7.jpg) no-repeat right 80% #fff;}
.fixedInfo span{display:block; background: #29cf13; color: #fff;}
.section-top-img{
    /* position: absolute; */
     left: 0; top: 34%;width: 44%; overflow: hidden;}
.section-top-img img{height: 350px;width: 100%;}
.section-bottom-img{position: absolute; left: 0; bottom: 10%;}
.section-bottom-img img{display: block;}
.fixedtexts{position: relative;}
.fixedtext{width: 100vw;display: table;}
/* .fixedtext h6{font-size: 26px; padding-top: 230px; line-height: 80px;backface-visibility: hidden; -webkit-backface-visibility: hidden;}  */
.fixedtext div{
    /* line-height: 30px; */
    font-size: 16px;
    padding: 30px 0;
    color: #6f6f6f;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    display: table-cell;
    vertical-align: middle;
}
.section-text{width: 100vw;display: none;}
.fullPagedot{position: absolute;right: 100px;top:35%;}
.fixedtexth5{position: absolute; top: 100px; left: 0;font-size: 26px;}
.fullPagedot span{display: block; width: 4px; height: 30px; margin-bottom: 10px;background: #ccc;}
.fullPagedot span.on{background: #e60012; width:5px;}
.fixedtexts .on{display: block;}
.case-model4-table{width: 100%; overflow: hidden; padding-top: 20px;display: flex;
    justify-content: space-around;
    flex-wrap: wrap;}
.case-model4{background: url(../image/case-bg6.jpg) no-repeat; background-size: 100% 100%; position: relative; padding: 50px 0;}
.case-model4 h4{font-size: 26px; padding-bottom:30px; text-align: center;}
.case-model4-table-box{width: 522px; border: 1px solid #ebebeb; background: #fff; padding: 30px; float: left; margin-right: 20px; margin-bottom: 20px; box-shadow: 0 10px 15px rgb(235, 225, 225);display: table;}
.case-model4-table-box p{ line-height: 30px; height: 120px; color: #6f6f6f; text-overflow: ellipsis;display: table-cell;-webkit-box-orient: vertical;-webkit-line-clamp: 5;vertical-align: middle;}
.case-model4-table-box:nth-child(2n){margin-right: 0;}
/* .case-model4-bg1{background: url(../images/list/a11.png) no-repeat left bottom #fff;} */
.case-model4-bg2{background: url(../image/a12.png) no-repeat left bottom #fff;}
.case-model4-bg3{background: url(../image/a13.png) no-repeat left bottom #fff;}
.case-model4-bg4{background: url(../image/a14.png) no-repeat left bottom #fff;}
.case-model4-table-box:hover{
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
}
/* 解决方案详情 */
.solu-banner{background: url(../image/solu-bannner.jpg) no-repeat center 0; width: 100%; 
    background-attachment: fixed!important;
    background-size: auto 296px!important; 
    height: 226px;}
.solu-banner h4{font-size: 26px; line-height: 58px; padding-top:50px;}
.solu-box2 h4{font-size: 26px; line-height: 40px; padding: 10px 0 40px;}
.solu-box1{background: url(../image/solu-bg1.jpg) no-repeat; padding: 30px 0; background-size: 100% 100%;}
.solu-box1-con{width: 1200px; margin: 0 auto;background: url(../image/solu-bg4.png) no-repeat; }
.solu-box1-txt{padding: 37px 30px 0; color: #858585; font-size: 16px; line-height: 25px;}
.solu-box1-txt span,.solu-box1-txt a{margin-right: 40px;}
.solu-box2{background: url(../image/solu-bg2.jpg) no-repeat; padding: 30px 0 60px; background-size: 100% 100%;display: none;}
.solu-box2-con{width: 1200px; margin: 0 auto; overflow: hidden;}
.solu-box2-li{width: 239px; text-align: center; padding: 30px; float: left;border-right:1px solid #f0ebeb;}
.solu-box2-li:last-child{border-right: none;}
.solu-box2-li:hover{
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
}
.solu-box2-li p{width: 210px; margin: 0 auto; padding-top: 20px; height: 125px;color: #6f6f6f;line-height: 25px;}
.solu-box2-li h5{font-size: 18px; font-weight: bold; line-height: 50px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.solu-box3{width: 100%; overflow: hidden;}
.solu-box3{background: url(../image/solu-bg3.png) no-repeat right top #f7f7f7;position: relative; z-index: 3; display: none;}
.solu-box3-left{width: 45%; float: left;}
.solu-box3-left img{display: block; width: 100%;}
.solu-box3-right{float: left;width: 55%; }
.solu-box3-head{padding: 30px 50px;}
.solu-box3-head h5{font-size: 30px; line-height: 40px;}
.solu-box3-head p{padding: 20px 0; color: #6f6f6f;}
.solu-box3-table{position: absolute; left:37%; bottom: 60px;}
.solu-box3-table{width: 75%; }
.solu-box3-logo{width: 100%;}
.solu-box3-table li{float: left; padding-top: 20px;  cursor:pointer;  margin-right: 10px;}
.solu-box3-table .move-top{ background: #fff;padding: 15px;}
.solu-box3-logo{width: 100%;}
.solu-box3-logo p{color: #6f6f6f;font-size: 14px;line-height: 20px;}
.solu-prev,.solu-next{position: absolute; top: -70%; width: 48px; height: 48px; display: inline-block;}
.solu-prev{right:40%; background: url(../image/dot-left.png) no-repeat;}
.solu-next{right:35%; background: url(../image/dot-right.png) no-repeat;}


.goods-bg{background: url(../image/goods-bg1-1.jpg) no-repeat;background-size: 100% 100%;}
.goods4,.goods3,.goods1,.goods2{width: 1200px; margin: 0 auto; overflow: hidden;} 
.goods5{width: 1200px; margin: 0 auto;} 
.goods4,.goods3,.goods5{ display:block;}
.goods1-left{float: left; width: 535px; padding: 50px 0px 30px 120px;}
.goods1-left h4{font-size: 36px; padding-top: 20px; line-height: 50px;}
.goods1-left p{font-size: 20px; color: #6f6f6f; line-height: 30px; padding: 20px 0 40px;display: none;}
.goods1-left .red-btn{padding: 0 25px;margin-top: 80px;line-height: 45px;height: 45px;font-size: 16px;border-radius: 10px;}
.goods-right{float: left; width: 470px; padding: 50px 0 30px 70px; }
.goods-right-con{position: relative; border-radius: 20px; overflow: hidden;}
.video-img{position: absolute; left: 0; top: 0;z-index: 2;}
 #player_jwplayer_controlbar{display: none;}


.goods-h4{font-size: 30px; line-height: 80px; text-align: center;padding-top: 60px;margin-bottom: 10px;}
/* .goods2-box{margin: 0 auto;width: 800px;} */
.goods2-box-left{float: left; 
    /* width: 700px; */
     margin-bottom: 30px;}
.goods2-box-right{
    /* float: left; */
    margin-top: 100px;}
.main .goods-bg .goods2 .goods2-box-left{
    width: 700px;}
.modal_01 .goods2-box-right p{line-height:20px; padding: 10px 0 0 0;}
.goods2-box-right div{padding-left: 30px; background:url(../image/dot.jpg) no-repeat left center; margin-bottom: 25px; line-height: 20px;} 
.goods-bg2{background:url(../image/goods-bg2.jpg) no-repeat;padding: 0px 0 40px;}
.goods3 .mores{margin-left: 30px;}
.goods3 .centers{padding: 30px 0;}
.goods3 p{width: 80%; margin: 0 auto; text-align: center; line-height: 30px;}
.goods-bg3{background: url(../image/goods-bg3.jpg) no-repeat; background-size: 100% 100%; padding: 90px 0 45px; min-height: 600px;}
.goods4-title{height: 70px; border-bottom: 1px solid #e9e9e9; text-align: center; margin-bottom: 50px;}
.goods4-title-icon{display: inline-block; position: relative; margin-right: 60px; line-height: 37px;}
.goods4-title-icon div{color: #6f6f6f;}
.goods4-title-icon .span-line{margin: 30px auto 0; width: 59px; background: none;}
.goods4-title-icon:hover div{color: #e60012;}
.goods4-title-icon.on div{color: #e60012;}
.goods4-title-icon.on .span-line{background: #e60012;} 
.goods4 .goods-h4{padding: 0;}
.goods4-con{display: none;}
.goods4-con,.goods4-con ul{width: 100%;}
.goods4-con li{width: 388px; margin-right:15px; float: left; overflow: hidden; margin-bottom: 15px; min-height: 198px; border: 1px solid #ebebeb;background: #fff;}
.goods4-con li a{-webkit-transition: -webkit-transform .2s linear;transition: transform .2s linear; display: block; padding: 30px; }
.goods4-con li:nth-child(3n){margin-right: 0;}
.goods4-con li h4{font-size: 18px; line-height: 35px; padding-bottom: 18px;}
.goods4-con li:hover h4,.goods4-con li:hover p{color: #fff;}
.goods4-con li p{color: #6f6f6f;min-height: 150px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5; line-height: 30px;}
 .red-line{background: #fff;}
.goods4-con li a:hover{   
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-transition: -webkit-transform .2s linear;
    transition: transform .3s linear;
}
.goods4-con li:hover{background: url(../image/goods-bg6.jpg) no-repeat; background-size: 100% 100%;width: 390px;border: none;box-shadow: 0 0 15px rgb(182, 179, 179);}
.goods-bg4{background: url(../image/goods-bg4.jpg) no-repeat; background-size: 100% 100%; padding: 0px 0 45px;}
.goods5-container .swiper-wrapper{width: 1172px; margin: 0 auto;}
.goods5-container{width: 1200px; height: 450px; margin:15px auto 0; overflow: hidden; clear: both; display: block;}
.goods5-con-box{ padding:20px 20px 0 20px; text-align: center; margin:20px 20px 0 20px;  border-color: transparent; border-style:solid;border-width:1px;}
.goods5-con-box h6{font-size: 18px; line-height: 30px; padding: 20px 0;}
.goods5-con-box p{min-height: 160px; overflow: hidden; line-height: 30px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;text-align: left;}
.goods5-con-box .red-btn{margin: 10px 0; padding: 0 20px; opacity: 0; color: #fff !important;}
.goods5-con-box:hover .goods5-con-box{border-color: #f0ebeb}
.goods5-con-box:hover{box-shadow: 0 2px 15px #f0ebeb;}
.goods5-con-box:hover .red-btn{opacity: 1;}
.goods5-con-box:hover h6{color: #e60012;}
.goods5-con-box:hover .goods5-con-box{background: #fff;}
.shadow-img:hover img{box-shadow: 0 10px 25px #f3e8e8;}
.goods5-box{width: 100%; margin: 0 auto;position: relative;} 


/* 下载中心*/

.list-banner8{background: url(../image/Download.jpg) no-repeat center 0; height: 225px;box-shadow: 0px 9px 17px 0px #DAE2E7;}
.list-txt8{width: 1200px; margin: 0 auto; text-align: left; padding-top: 50px;}
.list-txt8 h4{color: #2F2F38; line-height: 70px;}
.list-txt8 p{color: #5C5C61;}
.Download-seach{width: 245px; height: 50px; margin-top: 20px; border-radius: 40px; background: #f6f7f9; line-height: 50px; overflow: hidden;} 
.Download-seach-img{background: url(../image/seach.png) no-repeat center center#f6f7f9;width: 60px;height: 50px; display: inline-block; float: left;}
.Download{width: 100%; background: #f4f5f6; }
.Download-con{width: 1200px; margin: 0 auto; min-height: 500px; overflow: hidden;}
.down-menus{float: left; width:190px; display: inline-block;}
.down-menu{width: 100%;}
.down-content{float: left; width: 1010px;background: #fff; padding: 50px 0; min-height: 540px; display: inline-block;}
.down-right{width: 100%;}
.down-menu-box{height: 85px; width: 100%;}
.down-menu-box:first-child{height: 70px;}
.down-menu-box:first-child .down-menu-icon{ margin-top: 10px;}
.down-menu-box.on .down-menu-icon{font-size: 20px; color: #333;font-weight: 600;}

.down-menu-icon{display: inline-block; margin-left: 43px; font-size: 16px; color: #666; height: 30px; line-height: 30px; margin-top: 27px; padding-left: 30px; width: 110px; cursor: pointer;}
.down-menu1{background: url(../image/down-menu1.png) no-repeat left 4px;}
.down-menu2{background: url(../image/down-menu2.png) no-repeat left center;}
.down-menu3{background: url(../image/down-menu3.png) no-repeat left center;}
.down-menu4{background: url(../image/down-menu4.png) no-repeat left center;}
.down-menu5{background: url(../image/down-menu5.png) no-repeat left center;}
/* .down-menu6{background: url(../images/Download-icon/down-menu6.png) no-repeat left center;} */
.down-menu6{background: url(../image/down-menuu.png) no-repeat left center;}
.down-menu7{background: url(../image/down-menu7.png) no-repeat left center;}
.down-menu8{background: url(../image/down-menu8.png) no-repeat left center;}

.down-menu-box.on .down-menu1{background: url(../image/down-menu11.png) no-repeat left 4px;}
.down-menu-box.on .down-menu2{background: url(../image/down-menu22.png) no-repeat left center;}
.down-menu-box.on .down-menu3{background: url(../image/down-menu33.png) no-repeat left center;}
.down-menu-box.on .down-menu4{background: url(../image/down-menu44.png) no-repeat left center;}
.down-menu-box.on .down-menu5{background: url(../image/down-menu55.png) no-repeat left center;}
/* .down-menu-box.on .down-menu6{background: url(../images/Download-icon/down-menu66.png) no-repeat left center;} */
.down-menu-box.on .down-menu6{background: url(../image/down-menu.png) no-repeat left center;}
.down-menu-box.on .down-menu7{background: url(../image/down-menu77.png) no-repeat left center;}
.down-menu-box.on .down-menu8{background: url(../image/down-menu88.png) no-repeat left center;}

.down-menu-box.on{background: url(../image/menubg1.png) no-repeat;}
.down-menu-box1.on{background: url(../image/menubg.png) no-repeat;}
.system-img{text-align: center; padding: 30px 0;}
.system{width: 100%; margin: 0 auto 30px; text-align: center;}
.system ul{width: 100%; text-align: center;}
html{ overflow:-moz-scrollbars-vertical;}
.system-icon{width: 132px;height: 132px;background: #FFFFFF; margin-bottom: 20px; cursor: pointer; border-radius: 10px;border: 1px solid #E7EAED; text-align: center; margin-right: 25px; display: inline-block;}
.system ul li{display: inline-block; margin-right: 10px; margin-bottom: 10px; vertical-align: top; position: relative; width: 134px; height: 134px;}
.system ul li a{display: block; min-height: 70px;}
.system-icon-img{padding-top: 10px;height:70px; vertical-align: middle;display: table-cell;text-align: center;width: 134px;}
.a1{ width: 134px; height: 134px; margin: 0 auto; transition: .3s; opacity: 1;} 
.a2{ width:134px; height: 140px; position: absolute; left: 0;z-index: 99; top: 0; transition: .3s; opacity: 0;} 
.a2-download{padding: 32px 0;}
.system ul li:hover .a1{opacity:0; transform:translateY(0); transition-delay:0.01;} 
.system ul li:hover .a2{opacity:1; transform:  scale(1.05) rotate(0.1deg);transition-delay:0.05s; box-shadow: 0 2px 15px 0 rgb(55 55 81 / 10%); padding: 10px 0;border-radius: 10px;} 
.system ul li:hover .a2 img{opacity:1; transform:  scale(1) rotate(0deg);} 
.system-ewm p{font-size: 9.91px; background: #fff; width: 80%; text-align: center;margin: auto;}
.system-icon1{font-size: 13px;}
.system-ewm div{text-align: center;vertical-align: middle;}
.system-icon-img img{width: 28px;}
.system-ewm img{display: inline-block;}
.system-ewm{width: 100%;}
.system-img-phone1{padding-left: 111px;}
.system-img-phone2{padding-left: 84px;}
/* .system-img-phone3{padding-left: 95px;} */
.system-img-phone4{padding-left: 92px;}

/* 分页样式 */

.section4 {
    width: 100%;
    /* width: 740px; */
    /* display: flex;
    justify-content: center;
    align-items: center; */
    /* margin: 30px auto 60px auto; */
    float: right;
}

/* .section4-num {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #C13939;
    letter-spacing: 0;
    text-align: center;
    line-height: 18px;
    padding: 8px 14px;
    border: 2px solid #C13939;
    margin-left: 6px;
}

.section4-num-select {
    color: #ffffff;
    background: #C13939;
}

.section4-num:hover {
    cursor: pointer;
} */
.li-open {
    width: 60px;
    /* height: 55px; */
    /* background-color: bisque; */
    cursor: pointer;
    user-select: none;
    text-align: center;
    /* padding-top: 17px; */
  }
  
  .li-open>.icon-bottom{
    display: inline;
  }
  /* .li-open>span{
      display: block;
  } */
  .li-open>i{
    font-size: 14px;
  }
  
  .li-open>.icon-arrow-top{
    display: none;
  }
  
  .li-content {
    height: 40px;
    overflow: hidden;
    width: 950px;
    /* padding: 2.5px 10px; */
    /* padding-bottom: 7.5px; */
    padding-left: 0px;
  }
.li-height-auto{
    height: auto !important;
  }
  
  /* .li-height-auto + .li-open .icon-bottom{
    display: none !important;
  }
  
  .li-height-auto + .li-open .icon-arrow-top{
    display: inline !important;
  } */

@media screen and (max-width: 420px) {
    /* .top-space {
        display: none;
    }

    .nav-bar-inner-layout-screen-420 {
        width: 100%;
        padding: 0 20px;
    }

    .section1-screen-420 {
        width: 100%;
        height: 100px;
        padding: 10px 20px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    } */
/* 
    .section2-screen-420 {
        width: 100%;
        padding: 0 20px;
    }

    .section2-item-screen-420 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 20px 0;
    }

    .section2-item-right-screen-420 {
        margin-top: 10px;
        font-size: 12px;
    }

    .section3-screen-420 {
        width: 100%;
        padding: 0 20px;
    } */

    .section4-screen-420 {
        width: 100%;
        padding: 0 20px;
    }

    .section4-num-screen-420 {
        padding: 4px 7px;
        border: 1px solid #C13939;
        font-size: 14px;
    }
}
@media (min-width: 992px) {
    .col-md-2 {
        width: 15.66666667%;
    }
}
/* #emptyBtn{background-color: red;display: block;width: 150px;} */
#emptyBtn{
    width: 110px;
    height: 34px;
    background: rgba(225, 76, 70, 1);
    border-radius: 5px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 34px;
    text-align: center;
    margin: 0 auto;
    user-select: none;
    cursor: pointer;
}
.empty-pannel>p:nth-child(2) {
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    margin-bottom: 10px;
}

.empty-pannel {
    width: 100%;
    height: 200px;
    text-align: center;
    /* padding-top: 100px; */
}
.empty-pannel img{
    width: 100px;
}

/* plm header */
.plm{
    display: flex;
    justify-content: space-around;
    line-height: 70px;
    position: fixed;
    box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 10%);
}
.plm img{
    vertical-align: middle;
}
.plm strong{
    color: #e60012;
    line-height: 70px;
    font-size: 24px;
}
.plm strong img{
    margin-right: 10px;
    margin-top: -6px;
}