/* 内容详情 */
.box{width:100%;max-width:1400px;margin:0 auto 50px;overflow: hidden;}
.box-left{width:calc(100% - 330px);padding-right:30px;border-right: 1px solid rgba(0, 0, 0, .05);}
.box-right{width:300px;}
.tent{width:100%;overflow: hidden;}
.tent h1{width:100%;font-size:30px;margin-bottom:10px;overflow: hidden;}
.tent-info{width:100%;height:30px;line-height:20px;padding-top:10px;border-top: 1px solid rgba(0, 0, 0, .05);color: rgba(0, 0, 0,.4);overflow: hidden;font-size:13px}
.tent-info span{float: left;margin-right:15px;}
.tent-info span:last-child{float: right;margin-right:0}
.tent-info .icon{margin-right:2px;font-size:13px}
.tent-body{width:100%;overflow: hidden;}
.tent-body p{width:100%;font-size:16px;line-height:1.6;margin-top:15px;text-indent:2em;color:#666}
.tent-body img{display: block;max-width:100%;margin:0 auto}
.tent-next{width:100%;padding:15px 0;margin-top:30px;border-top: 1px solid rgba(0, 0, 0, .05);border-bottom: 1px solid rgba(0, 0, 0, .05);}
.tent-next li{width:100%;height:30px;line-height:30px;overflow: hidden;}
.tent-next span{color:#999}
.tent-next a{color:#1c347d}
.tent-more{width:100%;overflow: hidden;margin-top:10px}
.tent-more li{width:48%;height:40px;line-height:40px;overflow: hidden;position: relative;padding-left:10px;}
.tent-more li::after{content:'';position: absolute;width:3px;height:3px;background:#ddd;left:0;top:50%;margin-top:-1.5px;}
.tent-more li span{float: right;margin-left:10px;color:#999}
.cate{width:100%;height:auto;overflow: hidden;}
.cate:nth-child(n+2){margin-top:20px}
.cate-bt{width: 100%;height:50px;line-height:50px;background:rgba(0, 0, 0, .03);padding:0 10px;font-weight:bold;}
.cate-list{width:100%;overflow: hidden;margin-top:10px;}
.cate-list li{height:50px;width:100%;border-bottom: 1px dashed #ddd;}
.cate-list li a{display: block;width:100%;line-height:50px;height:50px;overflow: hidden;padding-left:10px;color:#666}
.cate-list li a:hover{background: #1c347d;color:#fff;}
.cate-list li.this a{color:#1c347d}
.cate-list li.this a:hover{color:#fff}
.reco{width:100%;overflow: hidden;margin-top:20px}
.reco-bt{width: 100%;height:50px;line-height:50px;background:rgba(0, 0, 0, .03);padding:0 10px;font-weight:bold;}
.reco-list{width:100%;}
.reco-list li{width:100%;overflow: hidden;margin-top:15px;}
.reco-list li a{display: block;background:#fff;}
.reco-list-image{width:100%;height:300px;overflow: hidden;}
.reco-list-title{width:100%;padding:15px 10px;line-height:20px;text-align: center;}
.list{width:100%;overflow: hidden;}
.list li{width:100%;height:auto;overflow: hidden;padding:30px 0;border-bottom: 1px solid rgba(0, 0, 0, .05);}
.list li:first-child{padding-top:0}
.list-image{width:30%;height:165px;overflow: hidden;}
.list-box{width:calc(70% - 20px);}
.list-title{width:100%;height:30px;line-height:30px;overflow: hidden;font-size:16px;font-weight:600;}
.list-time{width:100%;height:20px;line-height:20px;margin-top:15px;color: rgba(0, 0, 0, .4);;overflow: hidden;}
.list-time span{float: left;}
.list-time span:last-child{margin-left:20px;}
.list-time span i{float: left;margin-right:5px;}
.list-text{width:100%;line-height:25px;overflow: hidden;opacity: .85;margin-top:15px}
.list-more{width:100%;height:20px;line-height:20px;overflow: hidden;margin-top:15px}
.list-more a{text-decoration:underline;font-style: italic;color:#1c347d}
.case{width:100%;justify-items: flex-start;}
.case li{width:calc(33.333333% - 20px);overflow: hidden;}
.case li:nth-child(n+4){margin-top:30px}
.case li a{display: block;background: #fff;padding:15px;transition:all .3s;position: relative;}
.case-image{width:100%;height:295px;overflow: hidden;}
.case-title{width:100%;margin-top:15px;height:20px;line-height:20px;overflow: hidden;text-align: center;}
@media all and (max-width:1400px){
    .box{max-width:100%;padding:0 15px}
    .case li{width:calc(33.333333% - 10px)}
    .case li:nth-child(n+4){margin-top:15px}
    .case-image{height:19vw}
}
@media all and (max-width:1000px){
    .box-left{width:calc(100% - 265px);padding-right:15px;}
    .box-right{width:250px;}
    .reco-list-image{height:250px;}
}
@media all and (max-width:860px){
    .box{margin-bottom:20px}
    .box-left{width:100%;border:0;padding-right:0}
    .box-right{width:100%;}
    .tent h1{font-size:24px;}
    .tent-body p{text-indent:0;}
    .tent-more li{width:100%;height:36px;line-height:36px;}
    .cate{margin-top:15px;}
    .cate-bt{height:45px;line-height:45px;}
    .cate-list li a{height:45px;line-height:45px;}
    .list li{padding:15px 0}
    .list-image{width:100%;}
    .list-box{width:100%;margin-top:10px;}
    .list-time{margin-top:10px;}
    .list-text{margin-top:10px}
    .list-more{margin-top:10px}
    .reco-list-image{height:80vw}
    .case li{width:calc(50% - 7.5px);}
    .case li a{padding:0 0 10px;}
    .case li:nth-child(n+3){margin-top:15px;}
    .case-image{height:42vw}
    .case-title{margin-top:10px;padding:0 5px;}
}
/* 联系我们 */
.tact{width:100%;overflow: hidden;}
.tact-box{width:30%;overflow: hidden;background:#fff;padding:50px 25px;border-radius:10px;position: relative;cursor: pointer;}
.tact-box::after{position: absolute;content:'';width:100%;height:100%;left:0;top:0;background: linear-gradient(45deg, #A9F4EF, #7187FB);transition:all .5s;opacity:0;}
.tact-box:hover:after{opacity:1}
.tact-image{width:50px;height:50px;margin:0 auto;position: relative;z-index:10;transition:all .5s;}
.tact-box:nth-child(1) .tact-image{background: url(../image/phone.png) no-repeat center center;background-size: 100% 100%;}
.tact-box:nth-child(2) .tact-image{background: url(../image/email.png) no-repeat center center;background-size: 100% 100%;}
.tact-box:nth-child(3) .tact-image{background: url(../image/address.png) no-repeat center center;background-size: 100% 100%;}
.tact-bt{width:100%;line-height:20px;margin-top:20px;text-align: center;font-size:16px;font-weight:bold;position: relative;z-index:10;transition:all .5s;}
.tact-text{width:100%;line-height:20px;margin-top:10px;color:#999;text-align: center;position: relative;z-index:10;transition:all .5s;}
.tact-box:hover .tact-bt{color: #fff;}
.tact-box:hover .tact-text{color: #fff;}
.tact-box:hover:nth-child(1) .tact-image{background: url(../image/phone1.png) no-repeat center center;background-size: 100% 100%;}
.tact-box:hover:nth-child(2) .tact-image{background: url(../image/email1.png) no-repeat center center;background-size: 100% 100%;}
.tact-box:hover:nth-child(3) .tact-image{background: url(../image/address1.png) no-repeat center center;background-size: 100% 100%;}
@media all and (max-width:860px){
    .tact-box{width:100%;padding:30px 15px}
    .tact-box:nth-child(n+2){margin-top:15px}
    .tact-bt{margin-top:10px}
}
/* 关于我们 */
.about{width:100%;max-width:1400px;margin:0 auto;margin-bottom:50px;}
.about-bt{width:100%;text-align: center;font-size:36px;font-weight:600;margin-top:20px;}
.about-info{width:100%;font-size:20px;text-align: center;margin-top:15px}
.about-text{width:100%;overflow: hidden;}
.about-text p{margin-top:15px;color:#666;line-height:1.6;font-size:16px;}
.about-video{width:100%;height:400px;background: url(../image/video.webp) no-repeat center;background-size: cover;margin-top:15px;position: relative;}
.about-play{position: absolute;width:80px;height:80px;background: url(../image/play.png) no-repeat center center;background-size: 100% 100%;opacity: 0.5;cursor: pointer;top:50%;left:50%;transform: translate(-50%, -50%);transition: all .3s;}
.about-video:hover .about-play{opacity:1;}
.about-show{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 9999;background: rgba(0, 0, 0, .8);display:none;}
.about-disp{display: block;}
.about-show-box{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;position: relative;}
.about-show-box video{display: block;width:60%;}
.about-show-close{position:absolute;top:20px;right:20px;cursor: pointer;z-index:10;}
.about-show-close i{width: 40px;height: 40px;border: 1px solid #fff;display: block;border-radius: 100%;background: url(../image/close.png) no-repeat center center;background-size: 20px 20px;}
.about-sheb{margin-top:50px;}
.about-sheb-list{width:100%;overflow: hidden;margin-top:10px}
.about-sheb-list li{width:calc(25% - 11.25px);overflow: hidden;height:260px;margin-top:15px}
.about-zheng{width:100%;margin-top:50px;}
#about-zheng{width:100%;overflow: hidden;margin-top:30px;}
#about-zheng .swiper-slide{width:100%;height:460px;overflow: hidden;}
#about-zheng .swiper-slide img{display: block;width:100%;height:100%;object-fit: cover;}
@media all and (max-width:1400px){
    .about{max-width:100%;padding:0 10px;}
    .about-video{height:45vw}
    .about-sheb-list li{height:20vw}
}
@media all and (max-width:1000px){
}
@media all and (max-width:860px){
    .about{margin-bottom:30px;}
    .about-bt{font-size:24px;margin-top:0}
    .about-play{width:60px;height:60px}
    .about-sheb{margin-top:30px;}
    .about-sheb-list{margin-top:0}
    .about-sheb-list li{width:calc(33.333333% - 10px);height:26vw}
    .about-zheng{margin-top:30px;}
    #about-zheng{margin-top:10px;}
    #about-zheng .swiper-slide{height:62vw}
}