.header{ position:fixed; top: 0; left: 0; z-index: 4; }
/* .header.on{ z-index: 9999; } */

/* 关键字 */
.main_keyword{ overflow:hidden; background:#fff;width:100%;padding-top:20px;padding-bottom:20px;color:#191919;font-size: 14px; border-bottom: 1px solid #d7d7d7;  }
.main_keyword .key{ padding-left: 20px; border-left: 2px solid #DB0000; }
.main_keyword a{ font-size: 14px; color:#191919;padding-right:15px;display:inline-block; }
.main_keyword .searchbox{ width: 280px; display: flex;align-items: center; }
.main_keyword .searchbox button{ display: ; width: 38px; height: 38px; border-radius: 50%; background: #e7e7e7 url(../images/icon_serch.png) no-repeat center / 20px;  }
.main_keyword .searchbox input{ width: calc(100% - 50px); height: 38px; }

@media only screen and ( max-width:1440px ){
  .main_keyword{ }
  .main_keyword .fl{ width:60%; }
  .main_keyword .fr{ width:38%; }
  .main_keyword .searchbox{width: 230px;}
}
@media only screen and ( max-width:1240px ){
  .main_keyword a{padding-right: 8px;}
}
@media only screen and ( max-width:1024px ){
  .main_keyword{font-size: 12px;}
  .main_keyword a{font-size: 12px;}
  .main_keyword .searchbox{width: 200px;}
  .main_keyword .searchbox input{height: 26px;width: calc(100% - 30px);}
  .main_keyword .searchbox button{width: 26px; height: 26px; background-size: 15px; }
}
@media only screen and ( max-width:860px ){
  .main_keyword{ }
  .main_keyword .searchbox{width: 160px;display: none;}
}
@media only screen and ( max-width:460px ){
  .main_keyword{ padding: 15px 0; }
  .main_keyword .c-flex{ justify-content: flex-end; }
  .main_keyword .key{padding-left: 10px;display: none;}
  .main_keyword .searchbox{width: 200px;display: flex;}
}




/* 方案中心 */
.main_inQuanwu{ padding: 80px 0 90px; background: url(../images/pro_bg.jpg) no-repeat center bottom/100%; position: relative;
  --swiper-theme-color: #5d5d5d;/* 设置Swiper风格 */
  --swiper-navigation-color: #5d5d5d;/* 单独设置按钮颜色 */
  --swiper-navigation-size: 32px;/* 设置按钮大小 */
}
.main_inQuanwu img{ max-width: 100%; }
.main_inQuanwu .swiper-container{ width: calc(100% - 160px);margin:0; }
.main_inQuanwu .swiper-button-next,
.main_inQuanwu .swiper-button-prev{ width:17px;height:28px;background-size:17px 28px;left:auto;right:73px;margin-top:-14px; cursor: ; }
.main_inQuanwu .swiper-button-prev{ margin-top:110px; }
.main_inQuanwu .swiper-button-prev::before{ content:'';width:20px;height:1px;background: #999; position: absolute;left:0;top:-50px;opacity: 1; }
.main_inQuanwu .swiper-button-next.swiper-button-disabled,
.main_inQuanwu  .swiper-button-prev.swiper-button-disabled{opacity: 1;}
.main_inQuanwu .swiper-pagination{ display:none;width:100%;margin-top:20px; }
.main_inQuanwu .swiper-pagination-bullet{ width:10px;height:10px;margin:0 5px; }
.main_inQuanwu .swiper-pagination-bullet-active{ background:#DB0000; }
.main_inQuanwu .item{ display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; }
.main_inQuanwu .item .left{ position: relative; width: 73%; background: no-repeat center / cover; }
.main_inQuanwu .item .left img{ display: none; }
.main_inQuanwu .item .left .c_logo{ position: absolute; top: 0; right: 0; width: 130px; height: 130px; z-index: 9;}
.main_inQuanwu .item .left .c_logo img{ display: block; margin-right: 0;}
.main_inQuanwu .item .right{ width: 23%; padding-bottom: 80px; }
.main_inQuanwu .item .right .img{  }
.main_inQuanwu .item .right .img img{  }
.main_inQuanwu .item .right .text{ color: #191919; font-size: 38px; padding-top: 40px; }
.main_inQuanwu .item .right .text h3{ text-transform: uppercase; font-size: 38px; font-weight: normal; padding-bottom: 15px;  }
.main_inQuanwu .item .right .text h3 span{  font-weight: 1000; }
.main_inQuanwu .item .right .text p{ font-weight: 500; }
.main_inQuanwu .qw_txt{width:740px;height:170px;padding:53px 47px 0 160px; background: rgba(0,0,0,0.3); position: absolute;left:200px;bottom:0;color:#fff; transition: all 0.8s; opacity: 0;}
.main_inQuanwu .qw_txt h2{padding-right:75px;font-size:36px;text-transform:uppercase; font-weight: normal;}
.main_inQuanwu .qw_txt h3{padding-right:75px;font-size:25px;margin-top:10px; font-weight: normal;}
.main_inQuanwu .qw_txt span{float:right;display:block;width:62px;height:59px;background:#DB0000 url(../images/news2.png) no-repeat center;}
.main_inQuanwu .swiper-slide-active .qw_txt{left:0; opacity: 1;}

@media screen and (max-width: 1640px){
  .main_inQuanwu .item .right .text{font-size: 32px;}
  .main_inQuanwu .item .right .text h3{font-size: 32px;}
  .main_inQuanwu .qw_txt{width: ;}
  .main_inQuanwu .qw_txt h2{}
}
@media screen and (max-width: 1440px){
  .main_inQuanwu .qw_txt{padding: 43px 47px 0 40px; width: 80%; height: 160px;}
  .main_inQuanwu .qw_txt h2{ font-size: 28px;}
  .main_inQuanwu .qw_txt h3{font-size: 20px;}
  .main_inQuanwu .item .left{ width: calc(100% - 380px); }
  .main_inQuanwu .item .right{ width: 320px; }
  .main_inQuanwu .item .right .text{font-size: 28px; padding-top: 30px;}
  .main_inQuanwu .item .right .text h3{font-size: 28px;padding-bottom: 15px;}
}
@media screen and (max-width: 1240px){
  .main_inQuanwu .qw_txt{ padding: 33px 37px 0 30px; height: 120px;}
  .main_inQuanwu .qw_txt h2{ font-size: 22px;}
  .main_inQuanwu .qw_txt h3{ font-size: 16px;}
  .main_inQuanwu .qw_txt span{ width: 50px; height: 47px; }
  .main_inQuanwu .swiper-container{width: calc(100% - 120px);}
  .main_inQuanwu .swiper-button-next, .main_inQuanwu .swiper-button-prev{right: 50px;}
  .main_inQuanwu .item .left{ width: calc(100% - 361px); }
}
@media screen and (max-width: 1024px){
  .main_inQuanwu{padding: 60px 0;}
  .main_inQuanwu .qw_txt{ height: auto; padding: 30px; }
  .main_inQuanwu .item .left{ width: calc(100% - 271px); }
  .main_inQuanwu .item .right{width: 240px;}
  .main_inQuanwu .item .right .text{font-size: 22px;}
  .main_inQuanwu .item .right .text h3{font-size: 22px;}
}
@media screen and (max-width: 768px){
  .main_inQuanwu{--swiper-navigation-size:20px;}
  .main_inQuanwu .qw_txt{ width: 90%; height: auto; padding: 30px; }
  .main_inQuanwu .qw_txt h2{font-size: 18px; padding-right: 40px; }
  .main_inQuanwu .qw_txt h3{ padding-right: 40px; }
  .main_inQuanwu .qw_txt span{ width: 35px; height: 32px; }
  .main_inQuanwu .item .left{ width: calc(100% - 231px); }
  .main_inQuanwu .item .left .c_logo{width: 100px; height: 100px;}
  .main_inQuanwu .item .right{ width: 200px; padding-bottom: 50px; }
  .main_inQuanwu .item .right .text{ font-size: 18px; padding-top: 20px;}
  .main_inQuanwu .item .right .text h3{ font-size: 18px; padding-bottom: 10px;}
  .main_inQuanwu .swiper-container{width: calc(100% - 60px);}
  .main_inQuanwu .swiper-button-next, .main_inQuanwu .swiper-button-prev{right: 20px;}
}
@media screen and (max-width: 480px){
  .main_inQuanwu{ padding: 40px 0; --swiper-navigation-size:12px;--swiper-navigation-color: #fff;--swiper-theme-color:#fff;}
  .main_inQuanwu .qw_txt{padding: 20px; }
  .main_inQuanwu .item .left{ width: 100%; }
  .main_inQuanwu .item .left img{display: block;}
  .main_inQuanwu .item .left .c_logo{width: 70px; height: 70px;}
  .main_inQuanwu .item .right{width: 100%; padding-bottom: 0; margin-top: 20px;}
  .main_inQuanwu .item .right .text{padding-left: 15px;}
  .main_inQuanwu .item .right .img img{width: 100%;}
  .main_inQuanwu .swiper-container{width: calc(100% - 0px);}
  .main_inQuanwu .swiper-button-prev::before{width: 15px; background-color: #FFFFFF;}
  .main_inQuanwu .swiper-button-next, .main_inQuanwu .swiper-button-prev{right: 10px;color: #fff;}
}



.flex{ display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex; }
.flex-hc{-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-flex-pack:center;-o-justify-content:center;justify-content:center}
.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column}
.flex-vc{-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-flex-align:center;-o-align-items:center;align-items:center}

.m_til{text-align:left;position:relative;background-color: #DB0000; padding: 80px 0 70px;}
.m_til .c-flex{ align-items: flex-end; }
.m_til .m_til-txt{ width: 60%;}
.m_til h5{ margin:0 0 2px 0; }
.m_til span{line-height:40px;font-size:28px;color:#FFFFFF;font-weight:normal;letter-spacing:2px}
.m_til em{display:block;line-height:28px;font-size:18px;color:#FFFFFF;font-style:normal; }
.m_til .enfont{ text-transform:uppercase; }
.m_til .m_til-txt p{ position:relative; }
/* .m_til .m_til-txt p i{ position:absolute;left:0;bottom:0;width:92px;height:1px;background:#e60012; } */
.m_til .m_til-more{  }
.m_til .m_til-more a{border:solid 1px #ffffff;font-size:16px;padding:2px 18px 3px;display:inline-block; color: #ffffff;}
.m_til .m_til-img img{width:140px}


/* 产品中心 */
.main_product{padding-bottom:50px}
.product-classify{margin-top:-2px}
.product-classify-box{position:relative;width:12.5%;overflow:hidden;margin: 0 1px;transition:all 1s}
.product-classify-box:first-child{ margin-left: 0; }
.product-classify-box:last-child{ margin-right: 0; }
.product-classify-box .product-classify-screen{width:100%;height:100%;background-color:rgba(25,25,25,0.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8191919,endColorstr=#C8191919);position:absolute;left:0;top:0;transition:all 1s}
.product-classify-box .product-classify-screen-con{width:100%;height:100%;position:absolute;left:0;top:0;font-size:14px;color:#fff;line-height:20px;z-index:1;text-align:center}
.product-classify-box .product-classify-name{margin:0;font-weight:normal;padding-bottom:3px;font-size: 14px;}
.product-classify-box .product-classify-name::after{content:' ';display:block;width:2px;height:16px;background-color:#e60012;margin:auto;margin-top:5px}
.product-classify-box .product-classify-screen-con ._en{font-size:14px}
.product-classify-box:hover{width:17.5%!important}
.product-classify-box:hover .product-classify-screen,.product-classify-box:hover .product-classify-screen-con{opacity:0}
@media only screen and ( max-width:1200px ){
  .product-classify{ }
  .product-classify-box .product-classify-screen-con{padding: 0 5px;}
  .product-classify-box .product-classify-name{padding-bottom: 0; }
  .product-classify-box .product-classify-name::after,
  .product-classify-box .product-classify-screen-con ._en{ display:none; }
  .product-classify-img img{ height:250px; }
  
  .m_til{ padding: 50px 0 40px; }
  .m_til span{ font-size: 24px;}
  .m_til em{line-height: 22px;}
}
@media only screen and ( max-width: 768px ){
  /* .product-classify ul{ flex-wrap: wrap;} */
  .product-classify-box .product-classify-screen-con{padding: 0 10px;}
  /* .product-classify-box{ width: 25%; } */
  .product-classify-img img{ height:200px; }
  
  .m_til{ padding: 30px 0 30px; }
  .m_til span{ font-size: 20px; line-height: 30px;}
  .m_til em{line-height: 20px; font-size: 16px;}
  .m_til .m_til-more a{font-size: 12px;}
}
@media only screen and ( max-width: 480px ){
  .main_product{padding-bottom: 40px;}
  .product-classify ul{ flex-wrap: wrap; justify-content: space-between;}
  .product-classify-box{width: 24.5%; margin: 0; margin-bottom: 2px; }
  .product-classify-box:last-child{display: none;}
  .product-classify-box:hover{width: 24.5%!important;}
  .product-classify-box .product-classify-screen-con{ padding: 0;}
  .product-classify-box .product-classify-name{ font-size: 12px; overflow:hidden;	text-overflow:ellipsis; white-space:nowrap;width: 100%; padding: 0 5px; }
  .product-classify-img img{ height:160px; }
  
  .m_til{ padding: 20px 0; }
  .m_til span{ font-size: 18px; line-height: 30px; font-weight: bold; }
  .m_til em{ line-height: 20px; font-size: 16px; }
}



/* 公司简介 */
.main_jianjie{ background: url(../images/about.png) no-repeat bottom left; margin-top: 45px; position: relative; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: stretch; }
.main_jianjie .left{ width: 100%; position: absolute; top: 0; left: 0; }
.main_jianjie .left .text{ padding-bottom: 180px; padding-top: 50px; padding-right: 26%; align-items: flex-start; }
.main_jianjie .left .text .tit{ width: 50%; }
.main_jianjie .left .text .tit h3{ font-size: 38px; font-weight: normal; color: #000000; }
.main_jianjie .left .text .tit h4{ font-size: 32px; font-weight: bold; color: #000000; padding-top: 10px; padding-bottom: 25px; }
.main_jianjie .left .text .tit p{font-size: 15px; color: #a3a3a3; }
.main_jianjie .left .text .tit .en{ font-size: 12px; padding-bottom: 20px; }
.main_jianjie .left .text .txt{ width: 48%; color: #000000; font-size: 16px; text-align: justify; }
.main_jianjie .left .text .txt p{ line-height: 30px;}
.main_jianjie .left .text .txt a{ display: inline-block; margin-top: 45px; color: #FFFFFF; padding: 7px 20px; }
.main_jianjie .left .btn {position: relative;display: inline-block;width: auto; height: auto;background-color: transparent;border: none;cursor: pointer; border: 1px solid #DB0000;}
.main_jianjie .left .btn:hover{ }
.main_jianjie .left .btn:hover span{ color: #DB0000; }
.main_jianjie .left .btn span {position: relative;display: inline-block; letter-spacing: 2px;text-transform: uppercase;top: 0; left: 0;width: 100%; transition: 0.3s;}
.main_jianjie .left .btn.hover-filled-slide-left::before {position: absolute; content: ""; top: 0; bottom: 0; left: 0;height: 100%; width: 100%; background-color: #DB0000; transition: 0.3s ease-out;}
.main_jianjie .left .btn.hover-filled-slide-left:hover::before {width: 0%;}
/* .main_jianjie .left .btn.hover-border-4::before,
.main_jianjie .left .btn.hover-border-4::after{ position: absolute; content: "";  width: 0%; height: 0%;opacity: 0;transition: width 0.2s linear, height 0.15s 0.2s ease-out, opacity 0s 0.35s;}
.main_jianjie .left .btn.hover-border-4::before {bottom: 0; left: -1px;border-top: 1px solid rgb(28, 31, 30);border-left: 1px solid rgb(28, 31, 30);}
.main_jianjie .left .btn.hover-border-4::after {top: 0; right: 0;border-bottom: 1px solid rgb(28, 31, 30);border-right: 1px solid rgb(28, 31, 30);}
.main_jianjie .left .btn.hover-border-4:hover::before,
.main_jianjie .left .btn.hover-border-4:hover::after {width: 100%; height: 99%;opacity: 1;transition: width 0.2s 0.15s ease-out, height 0.15s ease-in, opacity 0s;} */
.main_jianjie .left .iconBox{ padding-right: 26%; width: 100%; }
.main_jianjie .left .icon_play{ width: 200px; height: 200px; border-radius: 20px; background-color: rgba(0,0,0,0.3); color: #FFFFFF; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; margin: 0 auto; cursor: pointer; transition: all 0.5s; }
.main_jianjie .left .icon_play:hover{ box-shadow: 0 0 25px 5px rgba(0,0,0,0.1); transform: translateY(-10px);}
.main_jianjie .left .icon_play .icon{ width: 90px; height: 90px; border-radius: 50%; background: #DB0000 url(../images/icon_play1.png) no-repeat center; transition: all 0.5s; }
.main_jianjie .left .icon_play .icon:hover{}
.main_jianjie .left .icon_play h3{ font-size: 18px; padding: 10px 0; }
.main_jianjie .left .icon_play p{ font-size: 16px; }

.main_jianjie .right{ width: 490px; background: #DB0000 url(../images/aboutbg1.png) no-repeat right bottom; padding-left: 70px; padding-top: 60px; }
.main_jianjie .right .item{ border-bottom: 1px solid #FFFFFF; display: block; width: 260px; padding: 70px 0; }
.main_jianjie .right .item:last-child{ border-bottom: 0;}
.main_jianjie .right .item .num{ font-size: 54px; color: #FFFFFF; font-weight: bold; }
.main_jianjie .right .item .num span{ font-size: 15px; font-weight: normal; display: inline-block; background-color: #ffd200; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 50%; color: #000; }
.main_jianjie .right .item .txt{ padding-top: 55px; color: #FFFFFF; font-size: 16px; }
@media screen and (max-width: 1840px){
  .main_jianjie .left .text{padding-right: 450px;}
  .main_jianjie .left .iconBox{padding-right: 450px;}
  .main_jianjie .left .text .tit h3{font-size: 34px;}
  .main_jianjie .left .text .tit h4{ font-size: 28px;}
  .main_jianjie .right{width: 400px;}
  .main_jianjie .right .item .num{font-size: 46px;}
  .main_jianjie .right .item .txt{padding-top: 45px;}
}
@media screen and (max-width: 1640px){
  .main_jianjie{background-size: 82%;}
  .main_jianjie .left .icon_play{ width: 160px; height: 160px; border-radius:15px; }
  .main_jianjie .left .icon_play .icon{width:65px; height:65px;}
  .main_jianjie .left .icon_play h3{font-size: 16px; padding: 7px 0;}
}
@media screen and (max-width: 1440px){
  .main_jianjie{background-size: 82%;}
  .main_jianjie .left .iconBox{padding-right: 320px;}
  .main_jianjie .left .text{padding-right: 320px;padding-bottom: 100px;}
  .main_jianjie .left .text .tit h3{font-size: 30px;}
  .main_jianjie .left .text .tit h4{font-size: 24px;}
  .main_jianjie .left .text .tit p{font-size: 13px;}
  .main_jianjie .left .text .txt{font-size: 14px; width: 46%; }
  .main_jianjie .left .text .txt p{line-height: 26px;}
  .main_jianjie .left .text .txt a{margin-top: 30px;}
  .main_jianjie .right{width: 280px;padding-left: 40px;}
  .main_jianjie .right .item{width: 190px; padding: 60px 0;}
  .main_jianjie .right .item .num{font-size: 36px;}
  .main_jianjie .right .item .txt{padding-top: 25px;font-size: 14px;}
}
@media screen and (max-width: 1240px){
  .main_jianjie{margin-top: 10px;}
  .main_jianjie .left .text{padding-top: 30px;}
  .main_jianjie .left .text .tit h3{font-size: 26px;}
  .main_jianjie .left .text .tit h4{font-size: 20px;}
}
@media screen and (max-width: 1024px){
  .main_jianjie .left .text{padding-right: 280px;}
  .main_jianjie .left .iconBox{padding-right: 280px;}
  .main_jianjie .left .text .tit h3{font-size: 22px;}
  .main_jianjie .left .text .tit h4{font-size: 18px;}
  .main_jianjie .right{width: 230px;padding-left: 30px;padding-top: 40px;}
  .main_jianjie .right .item{ width: 160px; }
  .main_jianjie .right .item .num{font-size: 26px;line-height: 20px;}
  .main_jianjie .right .item .num span{font-size: 12px; width: 20px; height: 20px; line-height: 20px;}
}
@media screen and (max-width: 980px){
  .main_jianjie{margin-top: ;}
  .main_jianjie .left .iconBox{ padding-right: 250px; }
  .main_jianjie .left .icon_play{ width: 110px; height: 110px; }
  .main_jianjie .left .icon_play .icon{ width: 45px; height: 45px; background-size: 45px; }
  .main_jianjie .left .icon_play h3{ font-size: 15px; padding: 3px 0;}
  .main_jianjie .left .icon_play p{font-size: 12px;}
  .main_jianjie .left .text{ padding-right: 250px;padding-bottom: 90px; }
  .main_jianjie .left .text .tit{ width: 100%;padding-bottom: 30px; }
  .main_jianjie .left .text .tit h4{padding-bottom: 20px;}
  .main_jianjie .left .text .tit .en{padding-bottom: 10px;}
  .main_jianjie .left .text .txt{ width: 100%; }
  .main_jianjie .left .text .txt a{margin-top: 20px;}
}
@media screen and (max-width: 640px){
  .main_jianjie{background: no-repeat;}
  .main_jianjie .left{ position: relative; padding-bottom: 45px; background: url(../images/about.png) no-repeat left bottom / 100%;}
  .main_jianjie .left .text{padding-right: 0; padding-top: 0; padding-bottom: 30px;}
  .main_jianjie .left .iconBox{padding-right: 0;}
  .main_jianjie .right{ width: 100%; padding-top: 0; padding: 10px 3%; margin: 0;  }
  .main_jianjie .right .item{ margin: 0 auto; width: 80%; padding: 40px 0; }
  .main_jianjie .right .item .txt{padding-top: 15px;}
}
@media screen and (max-width: 480px){}


/* vr */
.vr-icon{position:absolute;top:20px;right:18px;background-color:rgba(0,0,0,.7);color:#fff;line-height:32px;border-radius:32px;width:126px;text-align:center;cursor:pointer}
.vr-icon .iconfont{font-size:24px;vertical-align:top;margin-right:5px;display:inline-block}
.common-title{font-size:36px;letter-spacing:1.5px;text-transform:uppercase}
.common-title span{ font-weight: normal; }
.box4{padding:125px 0 95px; text-align:center}
.box4 .vr-thumb{display:flex;justify-content:flex-start;margin: 0 -15px;}
.box4 .vr-thumb .item{ width:calc((100% - 30px)/ 3);text-align:left;position:relative;cursor:pointer; margin: 0 15px; }
.box4 .vr-thumb .item .img-box{height:auto;overflow:hidden;width:100%}
.box4 .vr-thumb .item .img-box img{ max-width: 100%; }
.box4 .vr-thumb .item .img-box.iframe{height:100%}
.box4 .vr-thumb .item .vr-icon{ width: ; }
.box4 .vr-thumb .item .vr-icon p{ display: flex; align-items: center; justify-content: center; }
.box4 .vr-thumb .item .vr-icon .iconfont{ background: url(../images/icon_vr.png) no-repeat center / 100%; display: block; width: 20px; height: 16px;  }
.box4 .vr-thumb .item .text{padding:18px 30px;position:absolute;left:0;bottom:0;width:100%;color:#fff;z-index:4}
.box4 .vr-thumb .item .text .iconfont{ background: url(../images/icon_view.png) no-repeat center / 100%; width: 15px; display: inline-block; }
.box4 .vr-thumb .item .text h3{font-size:18px;margin-bottom:5px}
.box4 .vr-thumb .item .text:before{content:'';position:absolute;width:100%;height:150%;background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.3) 100%);left:0;bottom:0;z-index:-1}
.box4 .common-title{color:#000000!important;margin-bottom:35px!important;line-height:1}
.box4 .type{font-size:16px;display:flex;align-items:center;justify-content:center;margin-bottom:80px}
.box4 .type span{display:block;margin:0 17px;cursor:pointer;opacity:.5}
.box4 .type span.active{opacity:1}
.box4 .type i{font-style:normal}
.box4 .more-icon{margin-top:60px}
.box4 .more-icon p{font-size:16px}
@media screen and (min-width:1200px){
.home .box4 .type span.active:hover,.home .box4 .type span:hover{text-decoration:underline;opacity:1}
}
@media screen and (max-width:1700px){
.home .box4{padding:100px 0 90px}
.products-page .box2 .lists .item .pictures .right .children{height:400px}
}
@media screen and (max-width:1200px){
.home .box4{padding:60px 0}
.common-title{font-size:24px;margin-bottom:15px}
.home .box4 .type{margin-bottom:50px}
.home .box4 .vr-thumb .item .img-box{height:200px}
}
@media screen and (max-width:1000px){
.home .box4{padding:50px 0}
.home .box4 .more-icon{margin-top:20px}
.home .box4 .vr-thumb .item .img-box{height:auto}
}
@media screen and (max-width:767px){
.home .box4 .type span{margin:0 5px;font-size:14px}
.home .box4 .type{margin-bottom:15px;display:none}
.home .box4 .type :nth-child(4),.home .box4 .type :nth-child(5),.home .box4 .type :nth-child(6),.home .box4 .type :nth-child(7){display:none}
.home .box4 .vrBox{position:relative}
.home .box4 .vr-thumb{flex-wrap:wrap;/* background:url(../images/mobilHomePic.jpg) center/cover;height:50vw */}
.home .box4 .vr-thumb .item{width:100%;margin-bottom:10px;}
/* .home .box4 .vr-thumb .item{display:none} */
.box4 .vr-thumb .item .vr-icon{display: none;}
.box4 .vr-thumb .item .text{padding: 10px 16px;}
/* .home .box4 .vr-thumb .item .img-box{height:60vw} */
.home .box4 .more-icon .icons .c{border:1px solid #00487a}
.home .box4 .more-icon .icons .a:before,.strength-page .box7 .more-icon .icons .a:before{border-top:2px solid #00487a;border-right:2px solid #00487a}
.home .box4 .more-icon{margin-top:10px}
.common-title{font-size:20px}
.vr-icon{line-height:28px;font-size:12px;width:90px}
.vr-icon .iconfont{font-size:20px}
.mobile{display:block}
}







@media screen and (max-width: 1240px){}
@media screen and (max-width: 1024px){}
@media screen and (max-width: 768px){}
@media screen and (max-width: 480px){}