@charset "utf-8";


/*首页banner图*/
.banner.pc.index{position: fixed;top: 0;left: 0;width: 100%;z-index: 0;}
.banner.pc.index li img{width: 100%;}
.banner.pc.index .banner-pag2{bottom:42px;width: 100%;}
.banner.pc.index .more{position: absolute;font-size: 30px;color: #fff;bottom: 0;z-index: 1;width: 100%;text-align: center;opacity: 0.8}

.banner.mobile.index{position: fixed;top: 0;left: 0;width: 100%;z-index: 0;}
.banner.mobile.index li img{width: 100%;height: 100%;}
.banner.mobile.index .banner-pag2{bottom:30px;width: 100%;}
.banner-pag2 .swiper-pagination-bullet{width:10px !important;height: 10px !important;opacity: 0.5 !important;background: #fff !important;margin: 0 5px !important;border-radius: 10px !important;}
.banner-pag2 .swiper-pagination-bullet-active{background: #ff9e20 !important;}
.banner.mobile.index .more{position: absolute;font-size: 24px;color: #fff;bottom: 0;z-index: 1;width: 100%;text-align: center;opacity: 0.8}

.service_banner .service_img img{width: 100%}

/*内页banner*/
.banner.pc.detail{position: relative;}
.banner.pc.detail .swiper-pagination{bottom: 10px;left: 0;width: 100%}
.banner.pc.detail .swiper-pagination .swiper-pagination-bullet{width:10px !important;height: 10px !important;opacity: 1 !important;background: #fff !important;margin: 0 5px !important;border-radius: 10px !important;}
.banner.pc.detail .swiper-pagination .swiper-pagination-bullet-active{background: #ff9e20 !important;}
/*首页产品分类*/
.field .mian{padding: 35px 0 0;}
.field .more{display: none;}
.field li{float: left;border-left: 1px solid #eee;width: 14%;text-align: center;position: relative;padding-bottom: 15px;}
.field li:first-child{border-left:none;}
.field li span{height: 53px;display: block;margin-top: 10px;justify-content: center;align-items: center;}
.field li dl{font-size: 15px;color: #000;letter-spacing: 0;margin-top: 12px;}
.field li img{width: 100%}
.field li img:hover{transform: translate(0, -10px);box-shadow: 0 0 1px transparent;transition-duration: .3s;
    transition-property: transform;transition-timing-function: ease-out;opacity: 0.7}


/*首页定制流程*/
.dingzhi{background: #f2f2f2;}
.dingzhi li{float: left;width: 16.5%;text-align: center;position: relative;padding: 25px;}
.dingzhi li img{width: 100%;}
.dingzhi li:hover img{transform:scale(1.1);transition:all .5s linear;}
.dingzhi li span{display: block;margin-top: 10px;justify-content: center;align-items: center;overflow: hidden;}
.dingzhi li dl{font-size: 15px;color: #000;letter-spacing: 0;margin-top: 12px;}

/*首页智享社区*/
.recruit .item dl{color: #595757;font-size:18px;position: relative;padding-left: 8px;line-height: 25px;font-family: 'FZLTZHK';}
.recruit .item dl a{float: right;font-size: 12px;}
.recruit .item .sz{font-size: 20px;color: #1fa23f}
.recruit .item .hz{color: #1fa23f}
.recruit .item ul{margin-right:-1%;margin-top: 35px; }
.recruit .item li{float:left;width: 24%;margin: 0 1% 1% 0;/*background: #f7f7f7;*/transition:all .5s linear;}
.recruit .item li .pic{overflow: hidden;}
.recruit .item li .pic img{width: 100%;height: 100%;transition:all .5s linear;/*filter: brightness(60%);*/}
.recruit .item li .txt{padding:21px 11px 14px;}
.recruit .item li .txt h4{color:#595757;font-weight: bold;margin-bottom: 3px;}
.recruit .item li .txt p{line-height: 24px;color:#595757;overflow:hidden;}
.recruit .item li .info{font-family: "Arial";font-size: 14px;color: #b2b2b2;padding:0px 11px 14px;}
.recruit .item li .info .if1{background: url(/static/images/info1.png) no-repeat 0 center}
.recruit .item li .info .if2{background: url(/static/images/info2.png) no-repeat 0 center}
.recruit .item li .info .if3{background: url(/static/images/info3.png) no-repeat 0 center}
.recruit .item li .info span{padding-left: 24px;background: no-repeat 0 center;margin-right: 28px;display: inline-block;}
.recruit .item li:hover .pic img{transform:scale(1.1);transition:all .5s linear;filter: brightness(80%);}
/*.recruit .item li{box-shadow: 0px 2px 8px rgba(89,87,87,.7)}*/


/*首页产品视频*/
.provideo .item dl{color: #595757;font-size:18px;position: relative;padding-left: 8px;line-height: 25px;font-family: 'FZLTZHK';}
.provideo .item dl a{float: right;font-size: 12px;}
.provideo .item .sz{font-size: 20px;color: #1fa23f}
.provideo .item .hz{color: #1fa23f}
.provideo .item ul{margin-right:-1%;margin-top: 35px; }
.provideo .item li{float:left;width: 32.3%;margin: 0 1% 1% 0;background: #f7f7f7;transition:all .5s linear;position: relative;}
.provideo .item li .pic{overflow: hidden;}
.provideo .item li .pic img{width: 100%;height: 100%;transition:all .5s linear;}
.provideo .item li .tet{height: 32px;border-left: solid 5px #1fa23f;overflow: hidden;margin-top: 22px;}
.provideo .item li .tet .en{float: left;line-height: 14px;font-size: 15px;color: #000;margin-left: 8px;}
.provideo .item li .tet .txt{line-height: 36px;font-size: 18px;color: #333333;float: left;margin-left: 22px;transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;}
.provideo .item li:hover .pic img{transform:scale(1.1);transition:all .5s linear;}
.provideo .item li:hover{box-shadow: 0px 0px 10px rgba(89,87,87,.7)}
.provideo .item li a .text-v{width: 100%;position: absolute;top: 45%;left: 0;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);z-index: 9;font-size: 14px;color: #fff;
    letter-spacing: 10px;line-height: 22px;padding-top: 70px;background: url(/static/images/video.png) no-repeat center 0;text-align: center;}
.modal_bg{ width:100%; height:100%; position: fixed; left:0; top:0; background:rgba(0,0,0,.6); display: none;z-index: 10;}
.modal{ 
    position:fixed; 
    width:50%; 
    height:auto; 
    top:25%; 
    left:25%; 
    /*background:#fff; */
    overflow: hidden; 
    display: none;
    z-index: 11;
    /*border: 3px solid red;*/
}
.modal_bg.active{display: block;}
.modal.active{display: block;}
.modal .close {
    /*width: 30px;*/
    height: 30px;
    /*background: url(/static/images/add2.png) no-repeat center;*/
    cursor: pointer;
    /*position: absolute;*/
/*    top: -30px;
    right: 0px;*/
    z-index: 11;
    text-align: right;
    font-size: 24px;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
}
.mo_tano{ 
    position:fixed; 
    width:13%; 
    height:auto; 
    top:39%; 
    left:43%; 
    background:#fff; 
    overflow: hidden; 
    display: none;
    z-index: 99999;
    text-align: center;
    /*border: 3px solid red;*/
}

.mo_tano .close {
    width: 30px;
    height: 30px;
    background: url(/static/images/add2.png) no-repeat center;
    cursor: pointer;
    position: absolute;
    top: -30px;
    right: 0px;
    z-index: 5;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
}
.ww{
    background: #fff;
    border-radius: 5px 5px 0 0;
    box-shadow: 4px -5px 7px rgba(89,87,87,.7);
    padding: 7px;
    width: 96%;
    position: absolute;
    left: 2%;
    z-index: 8;
    bottom: 0
}
/*.mo_tan{display: none;}*/

/*首页优势*/
.ys-info .mian{margin: 45px 0 37px;font-size:18px;color: #595757;line-height: 36px;}

.infoA{margin-bottom: 50px;width: 72.4%;margin: 0 auto;}
.infoA li{float: left;width: 30.3%;position: relative;text-align: center;padding: 0 4%;/*background: url(/static/images/index_2.png);*/margin:0 0.5%;}
.infoA li img{width: 100%;height: 100%;transition:.5s;}
.infoA li img:hover{box-shadow: 0px 0px 10px rgba(89,87,87,.7)}
.infoA li p{top:0;line-height: 4rem;color: #575757;font-size: 2.7rem;font-weight: bold;padding: 22%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;position: absolute;left: 0;width: 100%;}
.infoA li dl{top:0;line-height: 1.6rem;color: #848485;font-size: 1.3rem;padding: 38% 26%;text-align: center;overflow: hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:normal; ;position: absolute;left: 0;width: 100%;}
.infoA .cur p,.infoA .cur dl{color: #fff}
.infoA .infoA2 p,.infoA .infoA2 dl{color: #fff}
.infoA .infoA2.cur p{color: #575757}
.infoA .infoA2.cur dl{color: #848485}

.infoB{margin-bottom: 50px;}
.infoB li{float: left;width: 24%;position: relative;text-align: center;padding: 0 4%;margin:0 0.5%;}
.infoB li img{width: 100%;height: 100%;transition:.5s;}
.infoB li p{top:0;line-height: 4rem;color: #575757;font-size: 2.7rem;font-weight: bold;padding: 22%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;position: absolute;left: 0;width: 100%;}
.infoB li dl{top:0;line-height: 1.6rem;color: #848485;font-size: 1.3rem;padding: 38% 26%;text-align: center;overflow: hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:normal; ;position: absolute;left: 0;width: 100%;}
.infoB .cur p,.infoB .cur dl{color: #fff}
.infoB .infoB1 p,.infoB .infoB1 dl,.infoB .infoB4 p,.infoB .infoB4 dl{color: #fff}
.infoB .infoB1.cur p,.infoB .infoB4.cur p{color: #575757}
.infoB .infoB1.cur dl,.infoB .infoB4.cur dl{color: #848485}

/*首页空间特色*/
.kjserv .pic{overflow: hidden;/*隐藏溢出*/height: 800px;margin: 0 auto;}
.kjserv .pic ul li{float: left;height: 800px;width: 10%;position: relative;}
.kjserv .pic ul .pic1{/*background-image: url(/static/picture/a3_09.jpg) ;*/background-position: center center;  /*图片居中  等比例*/background-repeat: no-repeat;  /*图片不平铺*/}
.kjserv .pic ul .pic2{/*background-image: url(/static/picture/a3_11.jpg) ;*/background-position: center center;background-repeat: no-repeat;}
.kjserv .pic ul .pic3{/*background-image: url(/static/picture/a4_02.jpg)  ;*/background-position: center center;background-repeat: no-repeat;}
.kjserv .pic ul .pic4{/*background-image: url(/static/picture/a3_11.jpg)  ;*/background-position: center center;background-repeat: no-repeat;}
.kjserv .pic ul .pic5{/*background-image: url(/static/picture/a3_09.jpg)  ;*/background-position: center center;background-repeat: no-repeat;}
.kjserv .pic .cur{width: 59.95%;}
.kjserv .pic .cur .txt,.kjserv .pic .txt_t{display: none}
.kjserv .pic .cur .txt_t{display: block;position: absolute;left: 3%;top: 80%;}
.kjserv .pic .cur .txt_t .p2{font-size: 28px;color: #fff}
.kjserv .pic .cur .txt_t .p3{font-size: 20px;color: #fff}
.kjserv .txt{background-color: #000;background: rgba(0, 0, 0, .5);height: 800px;width: 100%;position: absolute;padding: 150% 45%;}
.kjserv .txt p{float: left;color: #fff;font-size: 24px;font-weight: bold;}
/*手机版空间特色*/
.kj-case{padding:10px 0 0px;position: relative;}
.kj-case .mian{margin-top:30px;position: relative;}
.kj-sw li .pic{width: 100%;height: 100%;overflow: hidden;}
.kj-sw li .pic img{width: 100%;height: 100%;}
.kj-sw li .txt_t{width:100%;height: 100%;position: absolute;left: 0;top: 67%;overflow: hidden;padding: 8px}
.kj-sw li .txt_t .p2{font-size: 14px;color: #fff;}
.kj-sw li .txt_t .p3{font-size: 12px;color: #fff}


.AIotA{margin: 102px 0 108px;}
.AIotA-b{margin-top: 69px;background: #ff9e20;padding:52px 45px;}
.AIotA-b li{float:left;width: 20%;text-align: center;color: #fff;border: 1px transparent solid;padding: 1em 0;}
.AIotA-b li h4{font-size: 18px;}
.AIotA-b li p{font-size: 16px;}
.AIotA-b li b{display:block;margin:10px auto;width: 63px;height: 1px;background: #fff;}
.AIotA-b li a:hover{color: #fff;}
.AIotA-b li:hover{border-color: #fff;}
.AIotA-t{margin-top: 65px;}
.AIotA-t .wrap{overflow: hidden;height: 350px;}
.AIotA-t .L{width: 520px;height: 100%;}
.AIotA-t .L img,.AIotA-t .R img{max-width: 100%}
.AIotA-t .R{width: 573px;height: 100%;position: relative;}
.AIotA-t .R .box{position: relative;z-index: 5}
.AIotA-t .R h4{margin-bottom: 14px;font-size: 20px;color: #595656;font-weight: bold}
.AIotA-t .R p{line-height:32px;color: #595656;font-size: 16px;}
.AIotA-t .R dl{position: absolute;left: 0;bottom: 0;z-index: 1}

/*首页全景体验*/
.oration{position: relative;text-align: center;overflow: hidden;}
.oration .filter{position: absolute;top: 0;left: 0;z-index: 5;width: 100%;height: 100%;background: url(/static/images/mainfilter.png);}
.oration .text{width: 100%;position: absolute;top: 50%;left: 0;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);
    z-index: 9;font-size: 24px;color: #fff;letter-spacing: 12px;line-height: 22px;padding-top: 77px;background: url(/static/images/text.png) no-repeat center 0;}
.oration .text span{font-weight: bold;letter-spacing: 1px;margin-right: 5px;}
.oration img{width: 120%;display: block;position: relative;animation: vrAnimation 12s infinite alternate;-moz-animation: vrAnimation 12s infinite alternate;-webkit-animation: vrAnimation 12s infinite alternate; -o-animation: vrAnimation 12s infinite alternate;
     animation-timing-function: cubic-bezier(0, 0, 0, 0); }
.oration .pic2{display: none;}

@keyframes vrAnimation {
  0% {
    transform: translate(0%, 0);
    -webkit-transform: translate(0%, 0);
    -moz-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    -o-transform: translate(0%, 0);
  }
  100% {
    transform: translate(-10%, 0);
    -webkit-transform: translate(-10%, 0);
    -moz-transform: translate(-10%, 0);
    -ms-transform: translate(-10%, 0);
    -o-transform: translate(-10%, 0);
  }
}
@-moz-keyframes vrAnimation {
  0% {
    transform: translate(0%, 0);
    -webkit-transform: translate(0%, 0);
    -moz-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    -o-transform: translate(0%, 0);
  }
  100% {
    transform: translate(-10%, 0);
    -webkit-transform: translate(-10%, 0);
    -moz-transform: translate(-10%, 0);
    -ms-transform: translate(-10%, 0);
    -o-transform: translate(-10%, 0);
  }
}
@-webkit-keyframes vrAnimation {
  0% {
    transform: translate(0%, 0);
    -webkit-transform: translate(0%, 0);
    -moz-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    -o-transform: translate(0%, 0);
  }
  100% {
    transform: translate(-10%, 0);
    -webkit-transform: translate(-10%, 0);
    -moz-transform: translate(-10%, 0);
    -ms-transform: translate(-10%, 0);
    -o-transform: translate(-10%, 0);
  }
}
@-o-keyframes vrAnimation {
  0% {
    transform: translate(0%, 0);
    -webkit-transform: translate(0%, 0);
    -moz-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    -o-transform: translate(0%, 0);
  }
  100% {
    transform: translate(-10%, 0);
    -webkit-transform: translate(-10%, 0);
    -moz-transform: translate(-10%, 0);
    -ms-transform: translate(-10%, 0);
    -o-transform: translate(-10%, 0);
  }
}

/*首页客户案例*/
.pf-case{background: url(/static/picture/a4_14.jpg) no-repeat center;background-size: cover;background-attachment: fixed;position: relative;}
.pf-case .aptitude-t *{color: #fff;}
.pf-case .mian{margin-top:61px;position: relative;}
.case-sw li.swiper-slide-active .box{/*transform: scale(1);*/width: 100%;height: 100%;margin-top:0%;}
.case-sw li.swiper-slide-prev .box{float: left}
.case-sw li.swiper-slide-next .box{float: right;transition: 100ms;}
.case-sw li .pic{width: 100%;height: 100%;overflow: hidden;}
.case-sw li .pic img{width: 100%;height: 100%;}
.case-sw li .txt{width:100%;height: 100%;position: absolute;left: 0;top: 92%;top:87%;background: url(/static/images/mainfilter.png);overflow: hidden;padding: 8px}
.case-sw li .txt .tabbox{padding:0 28px;}
.case-sw li h3{font-size: 16px;color: #fff;}
.case-sw li:hover .pic img{transform:scale(1.1);transition:all .5s linear;}

.case-l,.case-r{width:30px !important;height:30px !important;opacity: 1 !important;cursor: pointer;top:46% !important;border-radius: 6px; }
.case-l{/*background: url(/static/images/left2.png) no-repeat rgba(0,0,0,.3) center !important;*/left:33px !important;background: #fff;border-radius: 50%;}
.case-r{/*background: url(/static/images/right2.png) no-repeat rgba(0,0,0,.3) center !important;*/right: 33px !important;background: #fff;border-radius: 50%}
.case-sw .swiper-wrapper{width: 100%}
.case-sw .swiper-slide{width: 100%}
.pf-case .swiper-button-next, .pf-case .swiper-button-prev{text-align: center;font-size: 18px;background-image: none;color: #63b025}
.pf-case .index-btn a{color: #000;background: #fff;}
.case-l:hover,.case-r:hover{background: #63b025;color: #000}
.mobile{display: none;}






/*新闻详情页*/
.min-txt{float: left;width: 67%;margin: 2% 5% 0 5%;border-right: 1px solid #f2f2f2;padding: 0 5% 5% 0;}
.min-txt h4{font-size: 22px;color: #4b4948;font-weight: bold}
.min-txt h5{font-size: 14px;color: #00428a;}
.min-txt p{margin-top: 20px}
.min-txt .min-txt-page a{display: block;}

.max-txt{float: left;width: 18%;padding: 0 0 5% 2%;margin:0 5% 5% 0;}
.max-txt li{margin:20px 0;}
.max-txt li img{width:100%;}
.max-txt li p{font-size: 14px;margin:10px 0;}
.max-txt h3{font-size: 16px;margin-bottom: 20px}





/*客户案例*/
.rysk .mian{margin-top: 35px}
.rysk .mian li {width: 100%;margin: 1% 0;/*box-shadow: 0px 2px 8px rgba(89,87,87,.7);*/background: #fff}
.rysk_img{overflow: hidden;}
.rysk_img img{width: 100%;height: 100%;transition:.5s;}
.rysk_img:hover img{transform:scale(1.1);transition: all 1s ease-in-out;}
.rysk .case_title{border-bottom: 1px solid #dcdcdc;padding-top: 20px;height: 70px;}
.rysk .case_title .case_title_l span{margin-right: 20px;}
.rysk .case_title .case_title_l .active{border-bottom: 2px solid #1fa23f;padding-bottom: 12px}
.rysk .rysk_text{padding: 20px}
.rysk_text p{font-size: 16px;line-height: 40px;}
.rysk .rysk_text dl{margin-top: 20px;font-size: 14px;color: #333}
.case_list_l{width: 35%;padding: 50px;margin: 2%;position: relative;}
.case_list_l .four{position: absolute;z-index: 99;top: 50%;width: 74px;right: -11%}
.case_list_l .five{position: absolute;z-index: 99;top: 50%;width: 74px;left: -11%}
.case_list_r{width: 61%;}
.fll{float: left;}
.case_list_l .one span{border-left: 1px solid #999;padding-left: 20px;}
.case_list_l .three{margin-top: 200px}
.case_list_l .three a{background: #999;padding:5px 0 5px 10px ;color: #fff;}
.case_list_l .three a span{background: #1fa23f;padding:5px 10px;margin-left:10px;}
.case_list_r{overflow: hidden;}
.case_list_r a:hover img{transform:scale(1.1);transition:all .5s linear;color: #333}
/*.case_detail_two li:hover img{transform:scale(1.1);transition:all .5s linear;color: #333}
*//*案例详情*/
.case_title{height: 50px;line-height: 50px;}
.case_title .case_title_l span{font-size: 17px;margin:0 5px;}
.case_title .case_title_r span{font-size: 14px;margin:0 15px;}
.case_title .case_title_r span.active{color: #64b822}
.case_detail_l{width: 32%;background: #fff;padding: 50px;margin: 0% 2% 0% 0;padding-left: 11.2%;position: absolute;background: #fff!important;top: 0px;left: 0;z-index: 2;height: 100%}
.case_detail_l img{margin-right: 15px}
.case_detail_l .one{margin-bottom: 40px}
.case_detail_l .one span{/*border-left: 1px solid #000;padding-left: 20px;*//*border-bottom: 1px solid #999;*/text-align: center;color: #000;font-size: 28px;}
.case_detail_r{width: 93%;margin: 2% 0 4% 7%;position: relative;}
.case_detail_r img{width: 100%}
.case_detail_two{margin:70px auto;padding-top:40px;width: 78.4%}
.case_detail_two li{float: left;width: 31.3%;margin:0 1%;}
.case_detail_two li img{width: 100%}
.case_detail_one{border-bottom: 1px solid #eee;position: relative;}
.zix{border-radius: 4px;padding:5px 10px;background: #1fa23f;color: #fff}
.cta,.ctar{top: 92.1%!important;background: #fff;font-size: 36px;width: 90px!important;text-align: center;height: auto!important;margin-top: 0!important;line-height: 45px;}
.cta{right: 68.05%!important;background-image: none!important;background: #1fa23f!important;color: #fff   }
.ctar{left: 21.8%!important;background-image: none!important;background: #eee!important;color: #1fa23f;
    }
.ctar:focus{border: none!important}
span:focus {
    outline: none;
}
.swiper-button-prev:focus,.swiper-button-next:focus{
    outline: none;
}
/*智享社区*/
.news .mian li {float: left;width: 31.33%;margin: 0 1% 2% 1%;box-shadow: 0px 2px 8px rgba(89,87,87,.7);}
.news .mian li:nth-child(3n+1)
{
    clear:both;
}
.news .mian li .news_img{overflow: hidden;}
.news .mian li .news_img img{width: 100%;height: 100%;transition:.5s;}
.news .mian li .news_img img:hover{transform:scale(1.1);transition: all 1s ease-in-out;}

.news .news_text{padding: 20px}
.news .news_text p{font-size: 16px;font-weight: bold;}
.news .news_text dl{margin-top: 20px;font-size: 14px;color: #333}
.news .news_text dd .if2{background: url(/static/images/info2.png) no-repeat 0 center;float: right;padding-left: 30px}

/*VR展示*/
.vr .mian li {float: left;width: 31.33%;margin: 0 1% 2% 1%;position: relative;}
.vr .mian li .vr_img{overflow: hidden;}
.vr .mian li .vr_img img{width: 100%;height: 100%;}
.vr .mian li .vr_img img:hover{transform:scale(1.1);transition: all 1s ease-in-out;}
.vr .mian li a .text-v{width: 100%;position: absolute;top: 37%;left: 0;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);z-index: 9;font-size: 14px;color: #fff;
    letter-spacing: 10px;line-height: 22px;padding-top: 70px;background: url(/static/images/video.png) no-repeat center 0;text-align: center;}


.vr .vr_text{padding: 20px;text-align: center;}
.vr .vr_text p{font-size: 16px;font-weight: bold;}
.vr .vr_text dl{font-size: 16px;color: #333;font-weight: bold;}
.vr .index-btn a{background: #fff;color: #000;border:1px solid #999;}

/*服务支持*/


.service .mian.icon{justify-content: space-between;margin-bottom: 6.5625vw;margin-top: 5.5625vw}
.service .mian.icon li{float: left;width: 19%;position: relative;align-items:center;justify-content: center;text-align: center;background: #fff;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.05);border-radius: 4px;margin: 0 0.5%;}
.service .mian.icon li .service_img img{max-width: 100%;max-height: 100%;}
.service .mian.icon li .service_img{display: -ms-flexbox;display: flex;-ms-flex-pack: center;
    justify-content: center;-ms-flex-align: center;align-items: center;}
.service .mian.icon li:hover{transform: translate(0, -10px);box-shadow: 0 4px 15px 0 rgba(0,0,0,0);transition-duration: .3s;
    transition-property: transform;transition-timing-function: ease-out;opacity: 0.7}

.service .mian.icon .service_text{padding: 20px;text-align: center;}
.service .mian.icon .service_text p{ont-size: 1.125rem;color: #000;font-weight: 300;margin-bottom: .625vw;}
.service .mian.icon .service_text dl{font-weight: 200;font-size: .875rem;color: #999;line-height: 1;}
.service .index-btn a{background: #fff;color: #000;border:1px solid #999;}

.service .mian.image li {float: left;width: 31.33%;margin: 0 1% 2% 1%;position: relative;}
.service .mian.image li .service_img{overflow: hidden;}
.service .mian.image li .service_img img{width: 100%;height: 100%;}
.service .mian.image li .service_img img:hover{transform:scale(1.1);transition: all 1s ease-in-out;}

.service .mian.image .service_text{padding: 20px;text-align: center;}
.service .mian.image .service_text p{font-size: 16px;font-weight: bold;}
.service .mian.image .service_text dl{font-size: 16px;color: #333;font-weight: bold;}
.service .mian.image .index-btn a{background: #fff;color: #000;border:1px solid #999;}

/*空间样板*/

.kongjian .aptitude-t.one{margin:60px auto 0px;}
.kongjian .aptitude-t.one .title_l{float: left;color: #000;font-size: 18px}
.kongjian .aptitude-t.one .title_r{float: right;}
.kongjian .aptitude-t.one .title_r span{margin:0 10px;}
.kongjian .gallery-top img,.kongjian .gallery-thumbs img{width: 100%}

.kongjian .aptitude-t.two{margin:60px auto;}
.kongjian .mian li {float: left;width: 31.33%;margin: 0 1% 2% 1%;position: relative;}
.kongjian .mian li .kongjian_img{overflow: hidden;}
.kongjian .mian li .kongjian_img img{width: 100%;height: 100%;}
.kongjian .mian li .kongjian_img img:hover{transform:scale(1.1);transition: all 1s ease-in-out;}

.kongjian .kongjian_text{padding: 20px 0;}
.kongjian .kongjian_text p{font-size: 16px;font-weight: bold;}
.kongjian .kongjian_text dl{font-size: 14px;color: #333;}

.kongjian .swiper-button-prev{left: 18%}
.kongjian .swiper-button-next{right: 18%}
.kongjian .case_detail_two{margin-bottom: 0}
.kongjian .case_detail_l .one{text-align: center;}
/*联系我们*/
.contact{margin-bottom: 0!important;position: relative;}
.contact .contact_text{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(/static/pictures/contact_bg.png);}
.contact .contact_l{float: left;width: 40%;font-size: 18px;padding: 16% 0 0 16%}
.contact .contact_l .txt span{font-size: 60px;line-height: 70px;color: #fff}
.contact .contact_l .btn{margin-top: 10px}
.contact .contact_l .btn a{font-size: 22px;background: #64b822;padding: 5px 20px;color: #fff}
.contact .contact_r{float: left;width: 45%;}

.reveal-modal-bg { 
  position: fixed; 
  height: 100%;
  width: 100%;
  background: #000;
  background: rgba(0,0,0,.8);
  z-index: 100;
  display: none;
  top: 0;
  left: 0; 
}

.reveal-modal {
  /*visibility: hidden;*/
  top: 120px; 
  left: 51.55%;
  margin-left: -244px;
  width: 820px;
  background: #fff url(modal-gloss.png) no-repeat -200px -80px;
  position: absolute;
  z-index: 101;
  padding: 30px 40px 34px;
  -moz-border-radius: 5px;

  -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
  -box-shadow: 0 0 10px rgba(0,0,0,.4);
  border-top: 10px solid #64b822
}

.reveal-modal.small     { width: 200px; margin-left: -140px;}
.reveal-modal.medium    { width: 400px; margin-left: -240px;}
.reveal-modal.large     { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge    { width: 800px; margin-left: -440px;}

.reveal-modal .close-reveal-modal {
  font-size: 22px;
  line-height: .5;
  position: absolute;
  top: 8px;
  right: 11px;
  color: #aaa;
  text-shadow: 0 -1px 1px rbga(0,0,0,.6);
  font-weight: bold;
  cursor: pointer;
} 
.reveal-modal .modal_l{width: 40%;padding-right: 20px}
.reveal-modal .modal_l li{margin:5px 0;}
.reveal-modal .modal_l li img{width: 40px}
.reveal-modal .modal_l .ewm{text-align: center;font-size: 16px; }
.reveal-modal .modal_l .ewm img{width: 50%}
.reveal-modal .modal_l .zx{text-align: center;margin-top:20px;}
.reveal-modal .modal_l .zx a{background: #64b822;padding: 8px 30px;font-size: 16px;color: #fff}
.reveal-modal .modal_r{width: 60%;}
.reveal-modal .modal_r img{width: 100%}
.reveal-modal .modal_r p{text-align: center;font-size: 22px;}

/*产品中心*/
.product .field .mian{padding-top: 10px}

.product_l{float: left;width: 20%;padding: 0 40px 0 0;margin-top: 30px}
.product_r{float: left;width: 80%;margin-top: 30px}

.product_l .txt{background: #f5f5f5;padding: 20px}
.product_l .txt h3{border-bottom: 1px solid #dcdcdc;height: 30px;line-height: 30px;font-weight: bold;}
.product_l .txt dl{font-weight: bold;height: 40px;line-height: 40px;}
.product_l .txt dl span{float: right;}
.product_l .txt ul li a{color: #8B8989;position: relative;padding-left: 30px;line-height: 30px;}
.product_l .txt ul li a span:before{content: '';position: absolute;left: 0;top: 3px;width: 18px;height: 15px;background: #fff;}
.product_l .txt ul li a span.active:before{content: '';position: absolute;left: 0;top: 3px;width: 18px;height: 15px;background: #64b822;}

.product_r .mian li{float: left;width: 47%;margin:1.5% 1.5% 5% 1.5%;}
.product_r .mian li .product_img img{width: 100%}
.product_r .mian li .product_img{overflow: hidden;}
.product_r .mian li .product_text p{font-size: 18px;height: 40px;line-height: 45px;color: #000}
.product_r .mian li .product_text dl{font-size: 12px;}
.product_r .mian dl:hover,.product_r .mian dl:active{color: #333}
.product_r .mian li .product_img:hover img{transform:scale(1.1);transition:all .5s linear;color: #333}


.product_r .product_s{width: 100%;display: inline-block;}
.product_st{background: #f9f9f7;width: 400px;height: 40px;line-height: 40px;display: block;}
.product_s li{float: right;margin:0 5px;}
.product_s li a{padding: 2px 15px;background: #e9e9e9;color: #999}
.product_st .product_in{width: 360px;border:none;background: #f9f9f7;/*height: 35px;*/padding-left: 10px}
.product_st .product_bt{border:none;}

.product_t{margin:60px 0 80px;}
.product_t .aptitude-t h4{font-size: 18px;font-weight: bold;}
.product_t .aptitude-t hr{width: 60px;height: 2px;background: #64b822;margin:0 auto;}
.product_t ul li{width: 33.33%;float: left;padding:5px;}
.product_t ul li img{width: 100%}
.product .index-btn a{color: #000;background: #fff;border:1px solid #999;}

.product .product_one{border-bottom:1px dotted #f2f2f2;margin-bottom: 10px}
.product .product_one h3{margin:1.5%;font-size: 22px;}
.product .product_one h3 span{font-size: 14px;}
.product .product_one li{float: left;width: 30.33%;margin:0 1.5% 3.5%;}
.product .product_one li .product_img{overflow: hidden;}
.product .product_one li .product_img img{width: 100%}

.product .product_one li .product_text p{font-size: 18px;height: 40px;line-height: 45px;color: #000}
.product .product_one li .product_text dl{font-size: 12px;}
.product .product_one li .product_text dl:hover,.product .product_one li .product_text dl:active{color: #333}
.product .product_one li .product_img:hover img{transform:scale(1.1);transition:all .5s linear;}
/*产品详情*/
.product_detail .title{float: right;margin-top: 10px}
.product_detail .title span{margin:5px;}

.product_detail .txt.one{border-bottom:1px solid #dcdcdc;padding-bottom: 100px;margin-bottom: 30px}
.product_detail .txt.one .product_l_img{width: 50%;float: left;margin: 0 5%}
.product_detail .txt.one .product_r_txt{width: 40%;float: left;}

.product_detail .txt.one .product_r_txt h3{font-size: 30px; color: #000;height: 50px;line-height: 50px;}
.product_detail .txt.one .product_r_txt p{margin-bottom:50px;}
.product_detail .txt.one .product_r_txt ul li{display: flex;}
.product_detail .txt.one .product_r_txt ul li .txt_l{border-bottom: 1px solid #000;padding: 25px 0;float: left;width: 10%;margin-right: 1%}
.product_detail .txt.one .product_r_txt ul li .txt_r{border-bottom: 1px solid #dcdcdc;padding: 25px 0;float: left;width: 89%;}
.product_detail .txt.one .product_r_txt ul li:nth-child(1) .txt_l{border-top: 1px solid #000;padding-bottom: 25px}
.product_detail .txt.one .product_r_txt ul li:nth-child(1) .txt_r{border-top: 1px solid #dcdcdc;padding-bottom: 25px}

.product_detail .txt.one .product_r_txt .product_icon{display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;overflow: hidden;margin: 2.2vw 0;}
.product_detail .txt.one .product_r_txt .product_icon span{border-radius: 50%;width: 44px;height: 44px;/*background: rgb(247,247,247);*/
 margin-left: 5px;transition: opacity .3s ease-in-out;text-align: center;line-height: 44px;}
.product_detail .txt.one .product_r_txt .product_icon span img{/*border-color: #ececec;width: calc(2.3vw - 3px);height: calc(2.3vw - 3px);*/
    /*border: 1px solid #fff;*/border-radius: 50%;width: 86%}
.product_detail .txt.one .product_r_txt .product_btn a{-ms-flex-pack: center;justify-content: center;
    border-radius: 2px;transition: opacity .3s ease-in-out;cursor: pointer;background: #282828;color: #fff;padding:15px 30px;margin-right:30px;font-size: 18px;}
.product_detail .txt.one .product_r_txt .product_btn .two{background: #eee;color: #282828}

.product_detail .txt.two{margin-bottom: 30px}
.product_detail .txt.two .product_l_two{float: left;width: 25%;background: #FAFAFA;padding:20px;}
.product_detail .txt.two .product_l_two h3{color: #000;font-weight: bold;font-size: 16px;}
.product_detail .txt.two .product_l_two ul li{margin:20px 0;background: #fff;padding-bottom: 10px;}
.product_detail .txt.two .product_l_two ul li .product_img img{width: 100%}
.product_detail .txt.two .product_l_two ul li .product_text{margin:5px 0 ;padding-left: 10px}
.product_detail .txt.two .product_l_two ul li .product_text p span{font-size: 14px;color: #000}
.product_detail .txt.two .product_r_two{float: left;width: 75%;padding:20px 40px 0;}
.product_detail .txt.two .product_r_two h3{text-align: center;margin-bottom:20px;position: relative;}
.product_detail .txt.two .product_r_two h3:before{content: '';position: absolute;left: 0;right: 0;top: 50%;width: 534px;height: 1px;background: #a0a0a0;margin: 0 auto;
    z-index: 1;}
.product_detail .txt.two .product_r_two h3 span{background: #fff;padding: 0 31px;font-size: 22px;color: #5f5f5f;position: relative;z-index: 5;font-weight: bold; vertical-align:middle; }


.pro-pagination {
    width: 27px!important;
    height: 38.542vw;
    position: absolute;
    left: -4.3vw!important;
    top: 50%;
    right: auto!important;
    bottom: auto!important;
    transform: translateY(-50%);
    z-index: 4;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    outline: 0;
}
.pro-pagination .swiper-pagination-bullet {
    width: 27px!important;
    height: 27px!important;
    border-radius: 14px;
    box-sizing: border-box;
    border: 1px solid transparent;
    background: transparent;
    margin: 3px 0!important;
    position: relative;
    outline: 0;
    opacity: 1;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.product_l_img{position: relative;}

/*关于我们*/
.about{padding:40px 0 0}
.about_banner .service_img{position: relative;}
.about_banner .service_img img{width: 100%}
.about_banner .service_img .text{position: absolute;top: 75%;left: 33%;z-index: 8}
.about_banner .service_img .text ul li{float: left;color: #fff;font-weight: bold;font-size: 16px;}
.about_banner .service_img .text ul li:nth-child(1),.about_banner .service_img .text ul li:nth-child(3){width: 200px;background-size: 100%;
    height: 42px;background-repeat: no-repeat;line-height: 42px;}
.about_banner .service_img .text ul li:nth-child(2){width: 200px;background-size: 100%;
    height: 42px;background-repeat: no-repeat;line-height: 42px;}
.about_banner .service_img .text ul li:nth-child(2){position: absolute;left: 93%}
.about_banner .service_img .text ul li:nth-child(3){position: absolute;left: 187%}
.about .about_one{width: 45%;margin:0 auto;line-height: 30px;}
.about .about_one p{text-indent: 2em}
.about .about_one_img{margin:50px 0;}
.about .about_one_img img{width: 100%}
.about_two{margin-bottom: 50px!important}
.about .about_two .mian li{width: 31.33%;margin:1%;float: left;position: relative;}
.about .about_two .mian li a img{width: 100%}
.about .about_two .about_two_text{position: absolute;top: 0;left: 0;width: 100%;text-align: center;background: rgba(31,162,63,.8);height: 100%}
.about .about_two .about_two_imgs{background: #828282;position: absolute;width: 100%;height: 100%;top: 0;opacity: 0.8;filter: brightness(60%);}
.about .about_two .about_two_text p{margin-top: 30%}
.about .about_two .about_two_text p,.about .about_two .about_two_text dl{color: #fff;font-size: 26px;}
.about .about_three{background:#f3f7fa;text-align: center;padding:40px 0 120px; }
.about .about_three .about_one_img{margin:0 auto;}
.about .about_four{margin-top: 60px}
.about .about_four .mian li{width: 31.33%;margin:1%;float: left;position: relative;overflow: hidden;}
.about .about_four .mian li a img{width: 100%}
.about .about_four .mian li a img:hover{transform:scale(1.1);transition: all 1s ease-in-out;}
.about .about_four .about_two_text{position: absolute;top: 40%;left: 0;width: 100%;text-align: center;}
.about .about_four .about_two_imgs{background: #828282;position: absolute;width: 100%;height: 100%;top: 0;opacity: 0.8;filter: brightness(60%);}
.about .about_four .about_two_text p,.about .about_four .about_two_text dl{color: #fff;font-size: 18px;}
.about .about_six{margin: 60px auto;}
.about .about_six .mian li{width: 21%;margin:2%;float: left;position: relative;/*text-align: center;*/}
.about .about_six .mian .about_two_text p{font-size: 28px;font-weight: bold;}
.about .about_six .mian .about_two_text dl{font-size: 16px;}
.about .about_seven img{width: 100%;}
.about .about_five{margin: 60px auto;}
.about .about_five .about_one_img{background: #000;padding:20px 0;}
.about .about_five .about_one_img .one img,.about .about_five .about_one_img .two img{width: 100%}
.about .about_five .about_one_img .one img:hover,.about .about_five .about_one_img .two img:hover{transform:scale(1.1);transition: all 1s ease-in-out;}
.about .about_five .about_one_img .one .fl{width: 67.6%;padding:0 10px;overflow: hidden;}
.about .about_five .about_one_img .one .fr{width: 32.4%;padding:0 10px;overflow: hidden;}
.about .about_five .about_one_img .one .fr li:nth-child(1){margin-bottom:40px;overflow: hidden;}
.about .about_five .about_one_img .two{margin:20px 0;}
.about .about_five .about_one_img .two li{float: left;overflow: hidden;}
.about .about_five .about_one_img .two li:nth-child(1),.about .about_five .about_one_img .two li:nth-child(3){width: 24%}
.about .about_five .about_one_img .two li:nth-child(2){width: 50%;margin:0 1%;}

/*视频中心*/
.video .video_one{width: 80%;margin:50px auto;position: relative;}
.video .video_one .text-v{width: 100%;position: absolute;top: 50%;left: 0;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);z-index: 9;font-size: 14px;color: #fff;
    letter-spacing: 10px;line-height: 22px;padding-top: 70px;background: url(/static/pictures/video.png) no-repeat center 0;text-align: center;background-size: 35px;}
.video .video_two li{float: left;}
.video .video_two .mian{/*background: #eee;*/padding:20px 0;}
.video .video_two .mian.active{display: block;}
.video .video_two .mian li {float: left;width: 31.33%;margin: 0 1% 2% 1%;position: relative;background: #fff;padding-bottom: 20px;border-bottom: 1px solid #fff;box-shadow: 0px 2px 8px rgba(89,87,87,.7);}
.video .video_two .mian li .video_img{overflow: hidden;}
.video .video_two .mian li .video_img img{width: 100%;height: 222px;}
.video .video_two .mian li .video_img img:hover{transform:scale(1.1);transition: all 1s ease-in-out;}
.video .video_two .mian .video_text{padding: 20px 0 0 20px}
.video .video_two .mian .video_text p{font-size: 18px;height: 30px;line-height: 30px;font-weight: bold;}
.video .video_two .mian .video_text dl{padding:2px 10px;background: #fff;border: 1px solid #63b025;border-radius: 2px;color: #63b025;width: 55px;margin:5px 0;}
.video .video_two .mian li a .text-v{width: 100%;position: absolute;top: 37%;left: 0;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);z-index: 9;font-size: 14px;color: #fff;
    letter-spacing: 10px;line-height: 22px;padding-top: 70px;background: url(/static/pictures/video.png) no-repeat center 0;text-align: center;background-size: 35px;}
.video .video_two .index-btn a{color: #999;background: #fff;border:1px solid;}
.video .video_two .mian li:hover{border-bottom: 1px solid #63b025;}
.video .video_two .aptitude-t span{font-size: 16px;}
.video .video_two .aptitude-t span.active{color: #63b025}




/* 2022.4.6 新版联系我们 */
.contact-new{overflow: hidden;padding: 100px 20px;width: 1200px;margin: 0 auto;}
.contact-new .map{float: left;width: 48.8%;height: 342px;border: 1px solid #c6c5c5;}
.contact-new .contents{float: right;width: 44%;}
.contact-new .contents .tel{background: #65b820;line-height: 80px;font-size: 22px;font-weight: bold;color: #ffffff;padding: 0 25px;box-shadow: 0 3px 8px #c3c3c3;margin-top: 5px;}
.contact-new .contents .list{margin-top: 30px;}
.contact-new .contents .list p{border-bottom: 1px solid #d9d9d9;padding: 0 24px;line-height: 55px;font-size: 16px;color: #2e2e2e;}

@media screen and (max-width: 1200px){
    .contact-new{padding: 50px 15px;width: auto;}
    .contact-new .contents .tel{line-height: 50px;font-size: 18px;padding: 0 20px;}
    .contact-new .contents .list{margin-top: 30px;}
    .contact-new .contents .list p{padding: 0 20px;font-size: 14px;}
}

@media screen and (max-width: 800px){
    .contact-new{padding: 30px 15px;}
    .contact-new .map{float: none;width: 100%;height: 220px;}
    .contact-new .contents{float: none;width: 100%;margin-top: 20px;}
    .contact-new .contents .tel{line-height: 45px;font-size: 17px;padding: 0 15px;}
    .contact-new .contents .list{margin-top: 20px;}
    .contact-new .contents .list p{padding: 0 15px;line-height: 40px;}
    
}

.cpfixed{ position: fixed; top: 92px;z-index:999;background:#fff;border:1px solid #ddd;left: 0;width: 100%;right:0;}
.cpfixed .d1{max-width: 1560px;width: 55.4%;margin: 0 auto;}
.h60{ height:120px; display:none; }
#gtop{height: 30px; line-height: 30px;}
.product_l{ positions: relative; }
.product_l .txtfixed{ position: fixed;top:245px; width: 220.33px; }