/* 公共样式 */
.font48,.font36,.font36red,.font28,.font28yellow,.font28White,.font28black,.font28bulu,.font28RedNew,.font28Bnews,.font28Bule,.font28Gnews,.font24,.font24blue,.font24white,.font24black,.font24yellow,.font24Gray,.font24CC,
.font24G44fine,.font20Black,.font20B,.font20White,.font20Gray,.font20Black8,.font18RedNew,.font18black{ font-family: Microsoft YaHei;font-weight: bold;}
.font36white,.font28blackfine,.font28Whitefine,.font28Gray,.font24G44,.font20,.font20whitefine,.font20yellow,.font20Grayfine,.font18White,.font18red,.font18Gray,
.font16Gray,.font16black,.font16White,.font14,.font14Gray,.font14G44,
.font14White,.font14NewWhite,.font14black,.font14yellow,.font14NewGray,.font12,.font12White,.font12Gray{ font-family: Microsoft YaHei;font-weight: 400;}
.font36{color: #E09910;font-size: 36px;text-shadow:1px 0px 0px white,-1px 0px 0px white,0px 1px 0px white,0px -1px 0px white;}
.font48{color: #1899b6;font-size: 48px;text-shadow:1px 0px 0px white,-1px 0px 0px white,0px 1px 0px white,0px -1px 0px white;}
.font36white{font-size: 36px;color: #FFFFFF;}
.font36red{font-size: 36px;color: #BF1111;}
.font28{font-size: 28px;color: #343434;}
.font28yellow{font-size: 28px;color: #E09A10;}
.font28White{font-size: 28px;color: #FFFFFF;}
.font28Whitefine{font-size: 28px;color: #FFFFFF;}
.font28bulu{font-size: 28px;color: #62AEBE;}
.font28Bule{font-size: 28px;color: #3D3FB2;}
.font28black{font-size: 28px;color: #343434;}
.font28blackfine{font-size: 28px;color: #343434;}
.font28Gray{font-size: 28px;color: #333333;}
.font28RedNew{font-size: 28px;color: #BF1111;}
.font28Bnews{font-size: 28px;color: #444444;}
.font28Gnews{font-size: 28px; color: #CCCCCC;}
.font24{font-size: 24px;color: #3324BA;}
.font24blue{font-size: 24px;color: #3D3FB2;}
.font24white{font-size: 24px;color: #FFFFFF;}
.font24black{font-size: 24px;color: #343434;}
.font24yellow{font-size: 24px; color: #E3840A;}
.font24Gray{font-size: 24px;color: #333333;}
.font24CC{font-size: 24px;color: #CCCCCC;}
.font24G44{font-size: 24px;color: #444444;}
.font24G44fine{font-size: 24px;color: #444444;}
.font20{font-size: 20px;color: #343434;}
.font20B{font-size: 20px;color: #343434;}
.font20Gray{font-size: 20px;color: #333333;}
.font20Grayfine{font-size: 20px;color: #333333;}
.font20Black{font-size: 20px;color: #343434;}
.font20White{font-size: 20px;color: #FFFFFF;}
.font20whitefine{font-size: 20px;color: #FFFFFF;}
.font20yellow{font-size: 20px;color: #E3840A;}
.font20Black8{font-size: 20px;color: #888888;}
.font18White{font-size: 18px;color: #FFFFFF;}
.font18red{font-size: 18px;color: #C51616;margin: 5px 0px;}
.font18Gray{font-size: 18px;color: #666666;}
.font18RedNew{font-size: 18px;color: #BF1111;}
.font18black{font-size: 18px;color: #444444;}
.font16Gray{font-size: 16px;color: #666666;}
.font16black{font-size: 16px;color: #343434;}
.font16White{font-size: 16px;color: #FFFFFF;}
.font14black{font-size: 14px;color: #666666;}
.font14{font-size: 14px;color: #F5F5F5;}
.font14Gray{font-size: 14px;color: #888888;}
.font14White{font-size: 14px;color: #CCCCCC;}
.font14NewWhite{font-size: 14px; color: #FFFFFF;}
.font14yellow{font-size: 14px;color: #E3840A;}
.font14NewGray{font-size: 14px; color: #333333;}
.font14G44{font-size: 14px;color: #444444;}
.font12{ font-size: 12px;color: #666666;}
.font12White{font-size: 12px;color: #FFFFFF;}
.font12Gray{font-size: 12px; color: #888888;}
.multi_row4{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp:7;}
.multi_row3{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp:6;}
.multi_row2{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp:10;}
.multi_row1{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.multi_row{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
.hengxian{width: 40px; height: 4px; background: #888888;margin: 25px 0px;}
.redBtn{width: 180px; height: 44px;background: #BF1111;border-radius: 22px;color: #ffffff;margin-top: 60px;}
.redBtn:hover,.redBtn2:hover{color:#0bc229 ;}
.redBtn2{width: 120px;height: 36px;background: #BF1111; border-radius: 18px;color: #ffffff;}
.buleBtn{width: 200px; height: 50px;background: #3D3FB2;border-radius: 25px;color: #ffffff;margin-top: 60px;}
.buleBtn:hover{background: #7072eb;}
.guangTitle{text-align: center;margin: 60px 0px 30px 0px;}
.row{margin: 0px;}
.uppercaseFont{text-transform: uppercase;}
/* 下拉动画，出现MORE+ */
.mediaConten{overflow: hidden;}
.mediaConten figure {position: relative;}
.rowListblue{height: 0;position: absolute;background: rgba(0,0,0,.6);top: -800px;width: 100%;text-align: center;color: #fff;transition: all 0.5s ease;}

.rowListblue a{padding: 5px 10px;border: 1px solid #ffffff;position: absolute;left: 50%; top: 50%;transform: translate(-50%, -50%);color:#ffffff;}

.mediaConten:hover .rowListblue{ top: 0px;height: 100%;}



.mediaConten2 figure {position: relative;}
.rowListblue2{height: 100%;position: absolute;background: rgba(0,0,0,.0);top: 0px;width: 100%;text-align: center;color: #fff;}

.rowListblue2 a{padding: 5px 10px;position: absolute;left: 50%; top: 50%;transform: translate(-50%, -50%);color:#ffffff;}

/* 鼠标浮上去图片放大动画 */
.fangdaImg .figure {overflow: hidden;}
.fangdaImg a img {transition: all 1s; display: block;}
.fangdaImg:hover a img {transform: scale(1.1);}







/* 新品推荐 */
.line{ display:inline-block;width: 220px;height: 1px;background: #CCCCCC;border-radius: 50%;vertical-align:5px;  }
.GongSpan{margin: 0px 30px;}
.yuanPrcie{text-decoration:line-through}
.btngrop{margin-top: 150px;}
.RightMax{position: relative;}
.BGRight{width: 500px; height: 600px;background: #F5F5F5;position: absolute;right: 20px;top: 60px;z-index: -99;}
.BGLeft{width: 500px; height: 600px; background: #F5F5F5;position: absolute; left: 20px;top: 60px;z-index: -99;}
.TwoMaron{margin-top: 80px;}
.TowNext{text-align: right;}
.TowrightNext{padding-left: 80px;}
.EngineeringDesc{padding-top: 50px;}

/* 产品优势 */
.productBottom{margin-bottom: 50px;}
.productTitle:hover{color: #3D3FB2;cursor: pointer;}


/* 公司介绍 */
.abousBtn{margin-top: 125px;}

/* 热门推荐 */
.bgcase{background: #F5F5F5;margin-top: 50px;}
.caseCatsList{text-align: center;}
.caseMaxList{padding: 62px 0px;}

/* 品牌故事 */
.vedioCon{text-align: center;}
/* 视频展示 */
.company-vedio{padding-top: 40px;}
.introduct>:nth-child(2){font-size: 14px;color: #444444;line-height: 1.5;margin-bottom: 40px;}
.company-vedio figure{position: relative;transition: all 0.5s ease;}
.company-vedio figure img{max-width: 100%;}
.company-vedio #playBtn{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.company-vedio figure:hover #playBtn{top: 50%;transform: translate(-50%,-50%);}
.company-vedio figure:hover figure::before{position: absolute;top: 0;left: 0;content: '';width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);transition: all 0.5s ease;}
.company-vedio figure:hover{background: rgba(0, 0, 0, 0.5);}
/* 播放按钮 */
.circle {border: solid 1px #fff;border-radius: 50px;height: 50px;position: absolute;width: 50px;cursor: pointer;}
.circle:hover {transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);}
.circle_inner_play { content: "";display: block;width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 20px;border-color: transparent transparent
     transparent #fff;position: absolute;top: 50%;left: 50%;margin: -10px 0 0 -7px;}
    @media screen and (max-width:1024px){
    .videoUrl img {top: -12%;right: 0;}
}
/* 视频的播放遮罩层 */
.videoUrl {display:none; width:100%; height:100%; position:fixed; top:0; left:0 ; background:rgba(0,0,0,.8); z-index:20; }
.videoOfficail{ max-width: 1400px; width: 90%; position: relative; left:50%; top:50%; transform:translate(-50%,-50%);}
.videoUrl video { max-width: 1400px; width: 100%; }
.videoUrl img {position: absolute; right:20px; top:20px; cursor: pointer; padding:10px;}
.videoUrl img:hover {box-shadow: 0 0 10px #fff;}


/* 新闻媒体 */
.leftDateMax{padding: 0px;}
.leftDate{position: relative;top: 6px;border-right: 1px solid;padding-right: 15px;}
.newListNextT p:hover{color: #3D3FB2;cursor: pointer;}
.newsArray{margin-bottom: 80px;}
.rightNextMax{padding-right: 0px;}
.newsHuaBang{margin-bottom: 20px;}
@media screen and (max-width:1712px){
    .wapper1320{height: 550px;}
    .AboutImgN{width: 90%;}
}
@media screen and (max-width:1534px){
    .wapper1320{height: 500px;}
    .AboutImgN{width: 80%;}
    .abousBtn { margin-top: 30px;}
}
@media screen and (max-width:1400px){
    .BGRight{right: 100px;}
    .BGLeft{left: 100px;}
    .EngineeringDesc{padding-left: 80px;}
}
@media screen and (max-width:1366px){
    .wapper1320{height: 450px;}
    .AboutImgN{width: 70%;}
    .abousBtn { margin-top: 0px;}
}
@media screen and (max-width:1200px){
    .wapper1320{height: 350px;}
    .AboutImgN{width: 60%;}
    .productBottom{margin-bottom: 40px;}
}
@media screen and (max-width:1110px){
    .font24G44fine {
        font-size: 22px;
        color: #444444;
    }
}
@media screen and (max-width:1100px){
    .BGRight,.BGLeft{width: 480px;height: 580px;}
    .productBottom{margin-bottom: 30px;}
}
@media screen and (max-width:1050px){
    .wapper1320{height: 300px;}
    .AboutImgN{width: 50%;}
    .BGRight,.BGLeft{width: 430px;height: 550px;}
    .font24G44fine {
        font-size: 21px;
        color: #444444;
    }
    .leftDate {padding-right: 13px;}
}
@media screen and (max-width:1000px){
    .BGRight,.BGLeft{width: 410px;height: 530px;}
    .productBottom{margin-bottom: 20px;}
    .leftDate {
       
        padding-right: 13px;
    }
}
@media screen and (max-width:920px){
    .BGRight,.BGLeft{width: 370px;height: 480px;}
    .productBottom{margin-bottom: 10px;}
}
@media screen and (max-width:850px){
    .BGRight,.BGLeft{width: 350px;height: 450px;}
}
@media screen and (max-width:800px){
    .BGRight,.BGLeft{width: 320px;height: 410px;}
}
@media screen and (max-width:768px){
    /* 新品推荐 */
    .EngineeringDesc{padding-top: 20px;padding-left: 15px;}
   .line{width: 90px;}
   .BGRight,.BGLeft{display: none;}
   .btngrop{margin-top: 100px;}
   .wapper1320 {width: 100%;margin-left: 0%;height:300px;margin-top: 0px;}
   .abousBtn {margin-top: 0px;}
   .guangTitle {text-align: center;margin: 30px 0px 30px 0px;}
    .newsArray { margin-bottom: 40px;}
    .footPhone { text-align: left;}

    .wapper1320{height: 300px;}
    .AboutImgN{width: 100%;}
}
@media screen and (max-width:678px){
    .leftDate {padding-right: 10px;}
    .font24G44fine{font-size: 19px;}
}
@media screen and (max-width:678px){
    .leftDate {padding-right: 7px;}
}
@media screen and (max-width:596px){
    .newListLeft{padding-left: 0px;}
   
}
@media screen and (max-width:574px){
    .leftDate {
        position: relative;
        top: 12px;
    }
    .newListLeft{padding-left: 15px;}
    .newsHuaBang2{margin-bottom: 20px;}
    .btngrop {
        margin-top: 50px;
    }
    .buleBtn {
       margin: 30px 0px;
    }
    .fangdaImg{text-align: center;}
    .TwoMaron{margin-top: 20px;}
    .PyoushiPhone{text-align: center;}
    .line{width: 60px;}
    .customerImg{margin-bottom: 10px;}
    .caseCatsList{margin-bottom: 10px;}
}
@media screen and (max-width:420px){
    .GongSpan {
        margin: 0px 10px;
    }
    .line{width: 50px;}
}