#vr720{height:700px; width:100%; position: relative;}
.vr-slogan{text-align: center; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 50%; z-index: 1;}
.vr-slogan h1 {font-size: 42px;text-shadow: 3px 3px 3px #000;font-weight: bold;}
.vr-slogan p {margin:20px auto 0;font-size: 20px;text-align: left;text-shadow: 3px 3px 3px #000;}
#panorama {height: 100%;}

/*VR全景拍摄服务*/
.m-product {background-color: #eaeae9;}
.index-row {padding: 25px 0 0;}
.g-tit1 {text-align: center;font-size: 16px;color: #999;margin: 35px 0;}
.g-tit1 strong {font-size: 32px;font-weight: normal;color: #333; }
.g-tit1 p {margin-top:10px;}
.ul-list1 {overflow: hidden;}
.ul-list1 li {float: left;width: 25%;text-align: center;background-repeat: no-repeat;background-position: center; background-size:cover;}
.ul-list1 .con {display: block;padding: 30px 13%;position: relative;background-color: rgba(241,241,241,.95);transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.ul-list1 .con h4{font-weight:bold}
.ul-list1 .con:hover{background-color:#008d43;}
.ul-list1 .con:hover .ico{background-position: center bottom;}
.ul-list1 .con:hover h4{color: #fff; }
.ul-list1 .con:hover .txt{color: #ecdedb;}
/*.ul-list1 .s1 .ico {background-image: url("/themes/2023/images/web-ico1.png");}*/
.ul-list1 .s2 .ico {background-image: url("/themes/2023/images/web-ico2.png");}
.ul-list1 .s3 .ico {background-image: url("/themes/2023/images/web-ico3.png");}
.ul-list1 .s4 .ico {background-image: url("/themes/2023/images/web-ico4.png");}
.ul-list1 .s5 .ico {background-image: url("/themes/2023/images/web-ico5.png");}
.ul-list1 .ico {height: 80px;display: block;margin-bottom: 10px;background-repeat: no-repeat;background-position: center 0;}
.ul-list1 .txt{margin: 20px 0;font-size: 14px;color: #333;margin-bottom: 35px;line-height: 2;height: 4em;}

/*VR全景list*/

.videoList{padding-top: 80px; padding-bottom: 40px; text-align: center; background:#fff}
.videoList .H1 {font-size: 32px;margin-bottom: 10px;}
.videoList .t{line-height: 28px; font-size: 16px;color: #999;}
.videoList .centent {display: block;padding: 0 80px;width: 100%;margin-top: 30px;}


.list-item{border: 2px solid #ccc; margin-bottom:20px;border-radius: 10px;}
.list-item .fiex {display: flex; align-items: center; }
.list-item .fiex .text { padding: 0 20px; text-align: left; line-height: 28px; font-size: 14px; width: 50%;}
.list-item .fiex .src{width: 50%; }
.list-item .fiex .src img { width: 100%;}
.list-item .fiex .src video {width: 100%;}
.list-item .fiex .text p{font-size: 20px; margin-bottom: 10px; font-weight:bold}

/*案例展示*/
.case{margin: 80px 0; text-align:center; color:#fff;padding: 0 80px;width: 100%;}
.case .H1{font-size: 32px; margin-bottom: 40px; color:#333}

.case-list{ display: flex; justify-content: space-around; flex-flow: row wrap; position: relative;}
.case-list-item{width: 33%;background-size: 100% 100%; background-repeat: no-repeat; position: relative;overflow: hidden; border-radius: 5px; margin-bottom:10px;}
.case-list-item img{width: 100%;height: 100%; padding:5px;}
.case-list-item .mantle{position: relative;top: 0;left: 0;bottom: 0;right: 0;}
.case-list-item .wenzi{position:absolute ; bottom:20px;z-index: 2; width:100%; text-align:center}
.case-list-item .title{font-size: 20px;line-height: 28px;margin-bottom: 10px;}
.case-list-item .text{font-size: 14px;line-height: 20px;margin-bottom: 10px;}


@media (max-width: 1600px){
    .vr-slogan{width: 70%;}
    
}

@media (max-width: 1200px){
    #vr720{height:600px}
    .vr-slogan{width: 80%;}
    .vr-slogan h1{font-size:36px;}
    .vr-slogan p{font-size:16px;}
    .pnlm-panorama-info{display:none!important}
    .ul-list1 li{width:50%}
   .videoList .centent,
   .case {margin: 40px 0;padding: 0 36px;}
   
}

@media (max-width: 959px){
    #vr720{height:500px}
    .vr-slogan h1{font-size:24px;}
    .vr-slogan p{font-size:14px;}
    
    .list-item{border:1px solid #ccc;}
    .list-item .fiex{flex-direction: column;}
    .list-item .fiex .src{width:100%;}
    .list-item .fiex .text{width:100%; padding:20px;}
    
    .list-item .fiex .text p{font-size:16px;}
    
    .case-list-item{width:50%;}
}

@media (max-width: 768px){
    #vr720{height:250px}
    .vr-slogan{display:none}
    .vr-slogan h1{font-size:18px;}
    .vr-slogan p{font-size:14px;}
    
    .index-row{padding:15px 0;}
    .g-tit1{font-size: 14px;margin:15px 0 30px}
    .g-tit1 strong{font-size: 18px;}
    
    .ul-list1 li{width:100%;}
    .ul-list1 .con{padding: 20px 5%;}
    .ul-list1 .txt{margin-bottom:10px}
    
    .videoList{padding-top:30px; padding-bottom: 20px;}
    
    .videoList .H1{font-size:18px;}
    .videoList .t{font-size:14px;padding: 0 10px;}
    
    .videoList .centent{padding: 0 10px;}
    .case{margin: 30px 0;padding:0 10px;}
    
    .case .H1{font-size:18px;margin-bottom: 25px;}
    .case-list-item{width:100%;}
    
}