
.clear{clear: both;}
 
.more-1 {margin-top: 2%;}
.more-1 a,.more-1 strong {display: inline-block;width: 22rem;line-height: 5rem;border-radius: 10rem;background: #003281;border: 2px solid #003281;font-size: 0;text-align: center;font-weight: normal;}
.more-1 i,.more-1 span {display: inline-block;vertical-align: middle;}
.more-1 i {width: 1.3rem;height: 1.3rem;background: url('../image/ydn/rd.svg') center no-repeat;background-size: 100%;margin-left: 3rem;filter: grayscale(1) brightness(5);transform: rotate(270deg);}
.more-1 span  {color: #fff;margin-top: .3rem;font-size: 16px;}
.more-1 a:hover {background: none;border: 2px solid #003281;}
.more-1 a:hover span  {color: #fff;}

.swiper-button-prev,.swiper-button-next {display: inline-block;vertical-align: middle;position: relative;left: auto;right: auto;top: auto;bottom: auto;margin: 0;margin-right: 1rem;}
.swiper-button-prev,.swiper-button-next {border: 2px solid #e7e8e9;border-radius: 100%;width: 6rem;height: 6rem;box-sizing: border-box;outline: none;background: #e7e8e9;}


.swiper-button-prev::after,.swiper-button-next::after {color: #053a95;font-size: 1.4rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-weight: 900;}

.index-application {overflow: hidden;padding: 5% 0;}
.index-application-top {position: relative;}
.brinyte-content {width: 90%;margin: auto;}
.brinyte-title {overflow: hidden;}
.brinyte-title .type-1{color: #053a95;}
.brinyte-title .title-1{color: #222222;margin-top: 2rem;}
.right-ctrl {position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 30%;text-align: right;}
.right-ctrl .swiper-button-prev,.right-ctrl .swiper-button-next {margin-right: 0;margin-left: 1rem;}
.index-application-bottom {margin-top: 2%;position: relative;}
.index-application-main {position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;z-index: 11;}
.index-application-swiper {overflow: hidden;width: 100%;height: 100%;background: #000;}
.index-application-swiper .application-bg {opacity: 0;width: 100%;height: 100%;}
.index-application-swiper .swiper-slide {width: 25%;position: relative;transition:all .4s ease;}
.index-application-swiper:hover .swiper-slide {width: 20%;}
.index-application-swiper:hover .swiper-slide:hover {width: 40%;} 
.index-application-swiper .swiper-slide:last-child .index-application-item .img {-webkit-clip-path:none!important;}
.index-application-swiper .swiper-slide:nth-child(1) {z-index: 5;}
.index-application-swiper .swiper-slide:nth-child(2) {z-index: 4;}
.index-application-swiper .swiper-slide:nth-child(3) {z-index: 3;}
.index-application-swiper .swiper-slide:nth-child(4) {z-index: 2;}
.index-application-swiper .swiper-slide:nth-child(5) {z-index: 1;}
.index-application-swiper .swiper-slide:nth-child(2) .img::after {background-image: -webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(35,38,45,.8) 100%);}
.index-application-item {position: absolute;top: 0;width: 100%;left: 0%;height: 100%;z-index: 11;transition:all .4s ease;}
.index-application-item a{display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 50;-webkit-clip-path:ellipse(100% 100% at 0% 50%);}
.index-application-item .bgimg {position: absolute;width: 100%;height: 100%;left: 0;top: 0;transition:all .4s ease;}
.index-application-item .img {width: 100%;height: 100%;overflow: hidden;background: #000;-webkit-clip-path:ellipse(100% 100% at 0% 50%);transform: translateX(0%);} 
.index-application-item .img::before {content: '';width: 100%;height: 100%;position: absolute;right: 0;top: 0;z-index: 11;background: url('../image/application.png');background-size: 100% 100%;opacity: 0;}
.index-application-item .img::after {content: '';width: 50%;height: 100%;position: absolute;right: 0;top: 0;z-index: 11;}
.index-application-item .pic,.index-application-item .pic img {width: 100%;height: 100%;}
.index-application-item .title-1 {position: absolute;left: 0;bottom: 10%;width: 100%;text-align: center;color: #fff;z-index: 11;transition:all .4s ease;opacity: .7;}    
.index-application-item .more-1 {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;margin: 0;opacity: 0;transition:all .4s ease;}
.index-application-swiper .swiper-slide:hover .more-1 {opacity: 1;}
.index-application-item.iai1 .bgimg {left: 0;width: 145%;}
.index-application-item.iai2 .bgimg {left: 0;width: 145%;}
.index-application-item.iai3 .bgimg {left: 20%;width: 100%;}
.index-application-item.iai4 .bgimg {left: -15%;width: 115%;}
.index-application-item.iai1 .title-1 {left: 5%;}
.index-application-item.iai2 .title-1 {left: 30%;}
.index-application-item.iai3 .title-1 {left: 30%;}
.index-application-swiper:hover .swiper-slide .index-application-item.iai1 .bgimg {width: 100%;}
.index-application-swiper:hover .swiper-slide .index-application-item.iai2 .bgimg {left: -26%;width: 126%;}
.index-application-swiper:hover .swiper-slide .index-application-item.iai3 .bgimg {left: -26%;width: 126%;}
.index-application-swiper:hover .swiper-slide .index-application-item.iai4 .bgimg {left: -26%;width: 126%;}
.index-application-swiper:hover .swiper-slide:hover .index-application-item.iai2 .bgimg {left: -10%;width: 115%;}
.index-application-swiper:hover .swiper-slide:hover .index-application-item.iai3 .bgimg {left: -10%;width: 115%;}
.index-application-swiper:hover .swiper-slide:hover .index-application-item.iai4 .bgimg {left: -10%;width: 115%;}
.index-application-swiper:hover .swiper-slide .index-application-item.iai1 .title-1 {left: 0;}
.index-application-swiper:hover .swiper-slide .index-application-item.iai2 .title-1 {left: -15%;}
.index-application-swiper:hover .swiper-slide .index-application-item.iai3 .title-1 {left: -15%;}
.index-application-swiper:hover .swiper-slide:hover .index-application-item.iai2 .title-1 {left: 0;}
.index-application-swiper:hover .swiper-slide:hover .index-application-item.iai3 .title-1 {left: 0;}
.index-application-swiper:hover .swiper-slide:hover .index-application-item .img::before{opacity: 1;}

.index-application-main.num1 .index-application-swiper .swiper-slide {width: 100%;}
.index-application-main.num1 .index-application-item .img {-webkit-clip-path:none;}
.index-application-main.num1 .index-application-item.iai1 .bgimg {left: 0;width: 100%;}
.index-application-main.num1 .index-application-item.iai1 .title-1 {left: 0;}

.index-application-main.num2 .index-application-swiper .swiper-slide {width: 50%;}
.index-application-main.num2 .index-application-item .img {-webkit-clip-path:none;}
.index-application-main.num2 .index-application-item .bgimg {left: 0;width: 100%;} 
.index-application-main.num2 .index-application-item .title-1 {left: 0;}
.index-application-main.num2 .index-application-swiper:hover .bgimg {left: 0;width: 100%;} 
.index-application-main.num2 .index-application-swiper:hover .swiper-slide:hover .index-application-item .bgimg {left: 0;width: 100%;}
.index-application-main.num2 .index-application-swiper:hover .swiper-slide .index-application-item.iai2 .bgimg {left: 0;width: 100%;}
.index-application-main.num2 .index-application-swiper:hover .swiper-slide .index-application-item.iai2 .title-1 {left: 0;}

.index-application-main.num3 .index-application-swiper .swiper-slide {width: 33.333%;}
.index-application-main.num3 .index-application-item .bgimg {left: 0;width: 120%;}
.index-application-main.num3 .index-application-item.iai1 .bgimg {left: 0;width: 110%;}
.index-application-main.num3 .index-application-item.iai2 .bgimg {left: -10%;width: 120%;}
.index-application-main.num3 .index-application-item.iai3 .bgimg {left: -20%;width: 120%;}
.index-application-main.num3 .index-application-swiper .swiper-slide .index-application-item .title-1 {left: 0;} 
.index-application-main.num3 .index-application-swiper:hover .swiper-slide .index-application-item.iai1 .bgimg {left: 0;width: 110%;}
.index-application-main.num3 .index-application-swiper:hover .swiper-slide .index-application-item.iai2 .bgimg {left: -10%;width: 120%;}
.index-application-main.num3 .index-application-swiper:hover .swiper-slide .index-application-item.iai3 .bgimg {left: -20%;width: 120%;}
.index-application-main.num3 .index-application-swiper:hover .swiper-slide:hover .index-application-item.iai1 .bgimg {left: 0;width: 110%;}
.index-application-main.num3 .index-application-swiper:hover .swiper-slide:hover .index-application-item.iai2 .bgimg {left: -10%;width: 120%;}
.index-application-main.num3 .index-application-swiper:hover .swiper-slide:hover .index-application-item.iai3 .bgimg {left: -20%;width: 120%;}
 
.index-application-main.num5 .index-application-swiper .swiper-slide {width: 20%;}
.index-application-main.num5 .index-application-item.iai1 .bgimg {left: 0;width: 100%;}
.index-application-main.num5 .index-application-item.iai2 .bgimg {left: -20%;width: 120%;}
.index-application-main.num5 .index-application-item.iai3 .bgimg {left: -20%;width: 120%;}
.index-application-main.num5 .index-application-item.iai4 .bgimg {left: -20%;width: 120%;}
.index-application-main.num5 .index-application-item.iai5 .bgimg {left: -20%;width: 120%;}
.index-application-main.num5 .index-application-item.iai1 .title-1 {left: -5%;}
.index-application-main.num5 .index-application-item.iai2 .title-1 {left: -10%;}
.index-application-main.num5 .index-application-item.iai3 .title-1 {left: -20%;}
.index-application-main.num5 .index-application-item.iai4 .title-1 {left: -10%;}
.index-application-main.num5 .index-application-swiper:hover .swiper-slide:hover .index-application-item.iai1 .bgimg {width: 140%;}
.index-application-main.num5 .index-application-swiper:hover .swiper-slide:hover .index-application-item.iai2 .bgimg {left: -25%;width: 150%;}
.index-application-main.num5 .index-application-swiper:hover .swiper-slide:hover .index-application-item.iai3 .bgimg {left: -25%;width: 150%;}
.index-application-main.num5 .index-application-swiper:hover .swiper-slide:hover .index-application-item.iai4 .bgimg {left: -25%;width: 150%;}

.index-application-main.num6 .index-application-swiper .swiper-slide {width: 16.6666%;} 
.index-application-main.num6 .index-application-item .img {-webkit-clip-path:none;}
.index-application-main.num6 .index-application-item .bgimg {left: 0!important;width: 100%!important;}
.index-application-main.num6 .index-application-item .title-1 {left: 0!important;}




.index-application {overflow: hidden;padding: 5% 0;}
.index-application-top {position: relative;}
.brinyte-content {width: 90%;margin: auto;}
.brinyte-title {overflow: hidden;}
.brinyte-title .type-1{color: #053a95;}
.brinyte-title .title-1{color: #222222;margin-top: 2rem;}
.right-ctrl {position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 30%;text-align: right;}
.right-ctrl .swiper-button-prev,.right-ctrl .swiper-button-next {margin-right: 0;margin-left: 1rem;}
.index-application-bottom {margin-top: 2%;position: relative;}
.index-application-main {position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;z-index: 11;}
.index-application-swiper {overflow: hidden;width: 100%;height: 100%;background: #000;}
.index-application-swiper .application-bg {opacity: 0;width: 100%;height: 100%;}
.index-application-swiper .swiper-slide {width: 25%;position: relative;transition:all .4s ease;}
.index-application-swiper:hover .swiper-slide {width: 20%;}
.index-application-swiper:hover .swiper-slide:hover {width: 40%;} 
.index-application-swiper .swiper-slide:last-child .index-application-item .img {-webkit-clip-path:none!important;}
.index-application-swiper .swiper-slide:nth-child(1) {z-index: 5;}
.index-application-swiper .swiper-slide:nth-child(2) {z-index: 4;}
.index-application-swiper .swiper-slide:nth-child(3) {z-index: 3;}
.index-application-swiper .swiper-slide:nth-child(4) {z-index: 2;}
.index-application-swiper .swiper-slide:nth-child(5) {z-index: 1;}
.index-application-swiper .swiper-slide:nth-child(2) .img::after {background-image: -webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(35,38,45,.8) 100%);}
.index-application-item {position: absolute;top: 0;width: 100%;left: 0%;height: 100%;z-index: 11;transition:all .4s ease;}
.index-application-item a{display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 50;-webkit-clip-path:ellipse(100% 100% at 0% 50%);}
.index-application-item .bgimg {position: absolute;width: 100%;height: 100%;left: 0;top: 0;transition:all .4s ease;}
.index-application-item .img {width: 100%;height: 100%;overflow: hidden;background: #000;-webkit-clip-path:ellipse(100% 100% at 0% 50%);transform: translateX(0%);} 
.index-application-item .img::before {content: '';width: 100%;height: 100%;position: absolute;right: 0;top: 0;z-index: 11;background: url('../image/application.png');background-size: 100% 100%;opacity: 0;}
.index-application-item .img::after {content: '';width: 50%;height: 100%;position: absolute;right: 0;top: 0;z-index: 11;}
.index-application-item .pic,.index-application-item .pic img {width: 100%;height: 100%;}
.index-application-item .title-1 {position: absolute;left: 0;bottom: 10%;width: 100%;text-align: center;color: #fff;z-index: 11;transition:all .4s ease;opacity: .7;}    
.index-application-item .more-1 {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;margin: 0;opacity: 0;transition:all .4s ease;}
.index-application-swiper .swiper-slide:hover .more-1 {opacity: 1;}
.index-application-item.iai1 .bgimg {left: 0;width: 145%;}
.index-application-item.iai2 .bgimg {left: 0;width: 145%;}
.index-application-item.iai3 .bgimg {left: 20%;width: 100%;}
.index-application-item.iai4 .bgimg {left: -15%;width: 115%;}
.index-application-item.iai1 .title-1 {left: 5%;}
.index-application-item.iai2 .title-1 {left: 30%;}
.index-application-item.iai3 .title-1 {left: 30%;}
.index-application-swiper:hover .swiper-slide .index-application-item.iai1 .bgimg {width: 100%;}
.index-application-swiper:hover .swiper-slide .index-application-item.iai2 .bgimg {left: -26%;width: 126%;}
.index-application-swiper:hover .swiper-slide .index-application-item.iai3 .bgimg {left: -26%;width: 126%;}
.index-application-swiper:hover .swiper-slide .index-application-item.iai4 .bgimg {left: -26%;width: 126%;}
.index-application-swiper:hover .swiper-slide:hover .index-application-item.iai2 .bgimg {left: -10%;width: 115%;}
.index-application-swiper:hover .swiper-slide:hover .index-application-item.iai3 .bgimg {left: -10%;width: 115%;}
.index-application-swiper:hover .swiper-slide:hover .index-application-item.iai4 .bgimg {left: -10%;width: 115%;}
.index-application-swiper:hover .swiper-slide .index-application-item.iai1 .title-1 {left: 0;}
.index-application-swiper:hover .swiper-slide .index-application-item.iai2 .title-1 {left: -15%;}
.index-application-swiper:hover .swiper-slide .index-application-item.iai3 .title-1 {left: -15%;}
.index-application-swiper:hover .swiper-slide:hover .index-application-item.iai2 .title-1 {left: 0;}
.index-application-swiper:hover .swiper-slide:hover .index-application-item.iai3 .title-1 {left: 0;}
.index-application-swiper:hover .swiper-slide:hover .index-application-item .img::before{opacity: 1;}

.index-application-main.num1 .index-application-swiper .swiper-slide {width: 100%;}
.index-application-main.num1 .index-application-item .img {-webkit-clip-path:none;}
.index-application-main.num1 .index-application-item.iai1 .bgimg {left: 0;width: 100%;}
.index-application-main.num1 .index-application-item.iai1 .title-1 {left: 0;}

.index-application-main.num2 .index-application-swiper .swiper-slide {width: 50%;}
.index-application-main.num2 .index-application-item .img {-webkit-clip-path:none;}
.index-application-main.num2 .index-application-item .bgimg {left: 0;width: 100%;} 
.index-application-main.num2 .index-application-item .title-1 {left: 0;}
.index-application-main.num2 .index-application-swiper:hover .bgimg {left: 0;width: 100%;} 
.index-application-main.num2 .index-application-swiper:hover .swiper-slide:hover .index-application-item .bgimg {left: 0;width: 100%;}
.index-application-main.num2 .index-application-swiper:hover .swiper-slide .index-application-item.iai2 .bgimg {left: 0;width: 100%;}
.index-application-main.num2 .index-application-swiper:hover .swiper-slide .index-application-item.iai2 .title-1 {left: 0;}

.index-application-main.num3 .index-application-swiper .swiper-slide {width: 33.333%;}
.index-application-main.num3 .index-application-item .bgimg {left: 0;width: 120%;}
.index-application-main.num3 .index-application-item.iai1 .bgimg {left: 0;width: 110%;}
.index-application-main.num3 .index-application-item.iai2 .bgimg {left: -10%;width: 120%;}
.index-application-main.num3 .index-application-item.iai3 .bgimg {left: -20%;width: 120%;}
.index-application-main.num3 .index-application-swiper .swiper-slide .index-application-item .title-1 {left: 0;} 
.index-application-main.num3 .index-application-swiper:hover .swiper-slide .index-application-item.iai1 .bgimg {left: 0;width: 110%;}
.index-application-main.num3 .index-application-swiper:hover .swiper-slide .index-application-item.iai2 .bgimg {left: -10%;width: 120%;}
.index-application-main.num3 .index-application-swiper:hover .swiper-slide .index-application-item.iai3 .bgimg {left: -20%;width: 120%;}
.index-application-main.num3 .index-application-swiper:hover .swiper-slide:hover .index-application-item.iai1 .bgimg {left: 0;width: 110%;}
.index-application-main.num3 .index-application-swiper:hover .swiper-slide:hover .index-application-item.iai2 .bgimg {left: -10%;width: 120%;}
.index-application-main.num3 .index-application-swiper:hover .swiper-slide:hover .index-application-item.iai3 .bgimg {left: -20%;width: 120%;}
 
.index-application-main.num5 .index-application-swiper .swiper-slide {width: 20%;}
.index-application-main.num5 .index-application-item.iai1 .bgimg {left: 0;width: 100%;}
.index-application-main.num5 .index-application-item.iai2 .bgimg {left: -20%;width: 120%;}
.index-application-main.num5 .index-application-item.iai3 .bgimg {left: -20%;width: 120%;}
.index-application-main.num5 .index-application-item.iai4 .bgimg {left: -20%;width: 120%;}
.index-application-main.num5 .index-application-item.iai5 .bgimg {left: -20%;width: 120%;}
.index-application-main.num5 .index-application-item.iai1 .title-1 {left: -5%;}
.index-application-main.num5 .index-application-item.iai2 .title-1 {left: -10%;}
.index-application-main.num5 .index-application-item.iai3 .title-1 {left: -20%;}
.index-application-main.num5 .index-application-item.iai4 .title-1 {left: -10%;}
.index-application-main.num5 .index-application-swiper:hover .swiper-slide:hover .index-application-item.iai1 .bgimg {width: 140%;}
.index-application-main.num5 .index-application-swiper:hover .swiper-slide:hover .index-application-item.iai2 .bgimg {left: -25%;width: 150%;}
.index-application-main.num5 .index-application-swiper:hover .swiper-slide:hover .index-application-item.iai3 .bgimg {left: -25%;width: 150%;}
.index-application-main.num5 .index-application-swiper:hover .swiper-slide:hover .index-application-item.iai4 .bgimg {left: -25%;width: 150%;}

.index-application-main.num6 .index-application-swiper .swiper-slide {width: 16.6666%;} 
.index-application-main.num6 .index-application-item .img {-webkit-clip-path:none;}
.index-application-main.num6 .index-application-item .bgimg {left: 0!important;width: 100%!important;}
.index-application-main.num6 .index-application-item .title-1 {left: 0!important;}


.index-about-us {position: relative;background: #000;}
.index-about-us * {transition:all .6s ease;}
.index-about-us-top {position: absolute;left: 5%;top: 15%;width: 40%;z-index: 11;}
.index-about-us-top .brinyte-title .title-1{color: #222222;}
.index-about-us-bottom {position: absolute;right: 5%;bottom: 20%;width: 30%;z-index: 21}
.index-about-us-bottom .text-1 {color: #5d626f;}
.index-about-more{margin-top: 5%;}
.index-about-more .more-1 {display: inline-block;vertical-align: middle;margin: 0;margin-right: 2rem;}
.index-about-more .more-1 a {box-shadow: 0px 0px 100px 0px rgba(5, 58, 149, 0.5);}
.index-about-more .more-1 a:hover span {color: #fff;}
.index-about-more .more-1 a:hover i {filter: invert(1) brightness(5);}
.index-about-product {position: absolute;left: -7%;bottom: 18%;z-index: 11;width: 40%;}
.index-about-product .guang-1 {position: absolute;right:-80%;top: 50%;z-index: 1;width: 100%;transform: translateY(-50%);opacity: 0;}
.aboutbg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;background-position: center;background-size: cover;background-repeat: no-repeat;}
.aboutbg.pic1 {opacity: 1;}
.aboutbg.pic2 {opacity: 0;z-index: 10;}
.index-about-us.cur .pic1 {opacity: 0;}
.index-about-us.cur .pic2,.index-about-us.cur .index-about-product .guang-1 {opacity: 1;}
.index-about-us.cur .brinyte-title .type-1,
.index-about-us.cur .brinyte-title .text-1,
.index-about-us.cur .brinyte-title .title-1 {color: #fff;}

 






.play-1 {overflow: hidden;display: inline-block;vertical-align: middle;}
.play-1 a {display: block;position: relative;width: 7rem;height: 7rem;border: 2px solid #053a95;border-radius: 100%;}
.play-1 i {width: .9rem;height: 1.4rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url('../image/play.png') center no-repeat;background-size: 100%;z-index: 10;}
.play-1 a:hover {background: #003281;}
.play-1 a:hover i {filter: invert(1) grayscale(1);}


.index-exploration {padding: 5% 0;overflow: hidden;}
.index-exploration-top {position: relative;}
.index-exploration-bottom {margin-top: 3%;border-top: 1px solid #eeeeee;} 
.index-exploration-swiper .swiper-slide::after {content: '';width: 1px;height: 100%;position: absolute;right: -30px;top: 0;background: #eee;}
.index-exploration-item {overflow: hidden;}
.index-exploration-item a{display: block;position: relative;padding-top: 5%;}
.index-exploration-item .text {position: absolute;left: 5%;bottom: 5%;width: 90%;z-index: 11;color: #dbdee6;}
.index-exploration-item .type-1 {overflow: hidden;}
.index-exploration-item .center-1 {background: #003281;float: left;border-radius: 10rem;padding: .4rem 1rem;text-align: center;}
.index-exploration-item .type-1 span{display: block;color: #fff;margin-top: 0.3rem;}
.index-exploration-item .title-1 {margin-top: 2%;}
.index-exploration-item .date-1 {margin-top: 2%;}
.index-exploration-item .date-1 i{display: inline-block;vertical-align: middle;margin-right: .5rem;width: 1.5rem;height: 1.5rem;background: url('../image/time.png') center no-repeat;background-size: 100%;}
.index-exploration-item .date-1 span{display: inline-block;vertical-align: middle;margin-top: 1%;} 
.index-exploration-item img {filter: grayscale(1);}
.index-exploration-item a:hover .pic {transform: scale(1.05);}
.index-exploration-item a:hover .pic img {filter: none;}
.index-exploration-item a:hover .center-1 {background: #e7ecfa;}
.index-exploration-item a:hover .center-1 span {color: #053a95;} 
.index-exploration-item .play-1 {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;}
.index-exploration-item .play-1 span {display: block;position: relative;width: 5rem;height: 5rem;border-radius: 100%;background: #fff;}
.index-exploration-item .play-1 i {left: 52%;}


/* Application */

 
.brinyte-application {overflow: hidden;padding: 5% 0 3% 0;background: #f2f2f2;}
.brinyte-application-top {overflow: hidden;position: relative;}
.brinyte-application-recommend {overflow: hidden;background: #fff;position: relative;}
.brinyte-application-left {float: left;width: 60%;overflow: hidden;position: relative;}
.brinyte-application-right {width: 40%;height: 100%;overflow: hidden;position: absolute;right: 0;top: 0;}
.brinyte-application-right .text{text-align: center;margin-top: 10%;}
.brinyte-application-right .text .title-1 {color: #222222;padding: 1% 0;overflow: hidden;}
.brinyte-application-right .text .text-1 {color: #666666;}
.brinyte-application-right .products-color-2 {margin-top: 3%;position: relative;overflow: hidden;}
.brinyte-application-right .item-3 {position: absolute;width: 100%;left: 0;bottom: 0;z-index: 11;border-top: 1px solid #f5f5f5;}
.brinyte-application-right .item-3 li {list-style: none;margin: 0;padding: 0;text-align: center;width: 33.333%;float: left;padding: 7% 0;position: relative;}
.brinyte-application-right .item-3.num1 li {width: 100%;}
.brinyte-application-right .item-3.num2 li {width: 50%;}
.brinyte-application-right .item-3 li::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #efeaea;}
.brinyte-application-right .item-3 .icon-1{position: relative;margin: auto;width: 4rem;height: 4rem;opacity: .4;}
.brinyte-application-right .item-3 .icon-1 .img-center {filter: grayscale(1) brightness(1);}
.brinyte-application-right .item-3 .title-1{color: #222222;opacity: .6;margin-top: 3%;}
.swiper-products-color {position: relative;width: 100%;margin: 0 auto 1rem auto;} 
.swiper-products-color li {display: block;width: 2rem;height: 2rem;margin: 1rem;position: relative;cursor: pointer;transition:all .4s ease;}
.swiper-products-color i,.swiper-products-color em{position: relative;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 100%;transition:all .4s ease;}
.swiper-products-color i {background: #ccc;width: 1rem;height: 1rem;}
.swiper-products-color em {width: 2rem;height: 2rem;border-style: solid;border-width: 1px;border-color:#fff;opacity: 0;}
.swiper-products-color li.cur em{opacity: 1;}
.products-color-swiper .swiper-slide img,.brinyte-application-swiper .swiper-slide .brinyte-application-recommend{opacity: 0;transition:all .4s ease;}
.products-color-swiper .swiper-slide-active img,.brinyte-application-swiper .swiper-slide-active .brinyte-application-recommend{opacity: 1;}
.products-color-swiper .swiper-slide .img-center {max-width: 80%;max-height: 90%;}
.products-color-swiper a {position: relative;display: block;overflow: hidden;}
.products-color-swiper a .more-1 {position: absolute;margin: 0;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: 0;z-index: 11;}
.products-color-swiper a:hover .more-1 {opacity: 1;}

.brinyte-application-nav {position: absolute;left: 0;bottom: 10%;width: 60%;z-index: 11;text-align: center;}
.brinyte-application-nav::after{content: '';width: 100%;height: 1px;position: absolute;top: 50%;transform: translateY(-50%);left: 0;background: #fff;opacity: .2;}
.brinyte-application-nav a {display: inline-block;vertical-align: middle;position: relative;}
.brinyte-application-nav a::after {content: '';width: .8rem;height: .8rem;background: #fff;border-radius: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.brinyte-application-nav .name-1 {padding: 1rem 2rem 1rem 3rem;border-radius: 10rem;background: #053a95;position: relative;opacity: 0;z-index: 10;}
.brinyte-application-nav .name-1 i{width: .7rem;height: .7rem;position: absolute;left: 1rem;top: 50%;transform: translateY(-50%);border: 2px solid rgba(255,255,255,0.3);border-radius: 100%;}
.brinyte-application-nav .name-1 span{display: block;color: #fff;margin-top: 2%;}
.brinyte-application-nav a.cur .name-1{opacity: 1;}

.brinyte-application-bottom {overflow: hidden;padding: 0 0 3% 0;background: #f2f2f2;border-top: 1px solid #ccc;position: relative;}
.brinyte-application-bottom::before {content: '';width: 1px;height: 100%;position: absolute;left: 24%;top: 0;background: #ccc;}
.brinyte-content-left {position: relative;float: left;width: 24%;}
.brinyte-application-search-top {padding: 8.5% 7% 7% 20%;overflow: hidden;position: relative;border-bottom: 1px solid #f2f2f2;}
.brinyte-application-search-top .search-1{position: relative;}
.brinyte-application-search-top .icon-1{position: absolute;width: 3rem;height: 100%;left: 2%;top: 0;z-index: 11;background: url('../image/ydn/s.png') center no-repeat;background-size: 50%;opacity: .5;cursor: pointer;}
.brinyte-application-search-top input{display: block;width: 100%;background: #e5e5e5;border-radius: 0;line-height: 5rem;padding: 1% 5% 0 10%;box-sizing: border-box;border: none;}
.brinyte-application-search-top .search-bottom {margin-top: 5%;overflow: hidden;position: relative;}
.brinyte-application-search-top .search-bottom .title-1{color: #222222;font-size: 18px;}
.brinyte-application-search-top .search-bottom .title-1 strong{color: #053a95;}
.brinyte-application-search-top .search-bottom .text-1{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.brinyte-application-search-top .search-bottom .text-1 a {display: inline-block;text-decoration: underline;color: #999999;font-size: 18px;}
.brinyte-application-search-top .search-bottom .text-1 a:hover {color: #053a95;}
.brinyte-application-list-bottom {padding: 7% 7% 7% 20%;overflow: hidden;}
.brinyte-application-type {margin-bottom: 15%;overflow: hidden;position: relative;}
.brinyte-application-type .title-1{margin-bottom: 3%;font-size: 24px;}
.brinyte-application-select {overflow: hidden;font-size: 0;}
.brinyte-application-select li{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;margin-right: 1.3%;margin-bottom: 1.3%;width: 32%;text-align: center;}
.brinyte-application-select a {font-size: 14px; display: block;border-radius: 4px;background: #e5e5e5;padding: 1rem 0 1rem 0;color: #777777;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100%;}
.brinyte-application-select a:hover {background: #053a95;color: #fff;}
.brinyte-application-select li.cur a {background: #053a95;color: #fff;}

.brinyte-content-right {position: relative;float: left;width: 70%;}
.brinyte-application-content-list {overflow: hidden;padding: 3% 3%;}
.brinyte-application-item {float: left;width: 49.5%;margin-right: .2%;margin-bottom: .2%;overflow: hidden;}
.brinyte-application-item.view{width: 33%}
.brinyte-application-item.mr0 {margin-right: 0;}
.brinyte-application-item a{display: block;position: relative;background: #fff;}
.brinyte-application-item a:hover .item-content .title-1{color: #003281;}
.brinyte-application-item a:hover .item-content .text-1 {color: #000;}
.brinyte-application-item .item-content {width: 100%;height: 100%;z-index: 10;padding: 5%;box-sizing: border-box;}
.brinyte-application-item .application-item-swiper {overflow: hidden;}
.brinyte-application-item .swiper-products-color {text-align: center;}
.brinyte-application-item .swiper-products-color li {display: inline-block;vertical-align: middle;margin: .5rem;}
.brinyte-application-item .application-item-swiper .swiper-slide .img-center{opacity: 1;transition:all .4s ease;}
.brinyte-application-item .application-item-swiper .swiper-slide-active .img-center{opacity: 1;}
.brinyte-application-item .item-content .text {margin-top: 1%;}
.brinyte-application-item .item-content .title-1 {font-family: 'HmMedium'; color: #222222;font-size: 32px;}
.brinyte-application-item .item-content .text-1 {font-family: 'HmRegular'; font-size: 14px; color: #666666;min-height: 3rem;padding-top: 10px;line-height: 1.56;font-weight: normal;}
.brinyte-application-item .item-content .item-3 {margin-top: 3rem;overflow: hidden;}
.brinyte-application-item .item-content .item-3 li {list-style: none;margin: 0;padding: 0;text-align: center;width: 32%;float: left;padding: 2rem 0;position: relative;background: #f5f5f5;border-radius: .4rem;margin-right: 1.66%;}
.brinyte-application-item .item-content .item-3 li:last-child {margin-right: 0;}
.brinyte-application-item .item-content .item-3.num1 li {width: 100%;margin-right: 0;}
.brinyte-application-item .item-content .item-3.num2 li {width: 48%;}
.brinyte-application-item .item-content .item-3 .icon-1{position: relative;margin: auto;width: 4rem;height: 4rem;opacity: .4;}
.brinyte-application-item .item-content .item-3 .title-2{font-family:'HmRegular' ; font-size: 16px; color: #222222;opacity: .5;margin-top: 1.5rem;font-weight: normal;text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
.brinyte-application-item .item-content .item-3 .icon-1 .img-center {filter: grayscale(1) brightness(1);}
.brinyte-application-item .item-content .label-1 {position: absolute;left: 5%;top: 5%;width: 90%;z-index: 11;}
.brinyte-application-item .item-content .label-1 li{list-style: none;margin: 0;padding: 0;text-align: center;border-radius: 4px;padding: .8rem 1.2rem .5rem 1.2rem;display: inline-block;vertical-align: middle;background: #333333;color: #fff;}
.brinyte-application-item .item-content .label-1 li.style1 {background: #053a95;}
.brinyte-application-item .more-1 {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);margin: 0;z-index:11;opacity: 0;}
.brinyte-application-item .application-item-swiper:hover .more-1 {opacity: 1;} 

 
.right-text .date-1 {position: relative;padding-bottom: 5%;overflow: hidden;}
.right-text .date-1::after {content: '';width: 100%;height: 2px;background: #fff;opacity: .2;position: absolute;left: 0;bottom: 0;}
.right-text .date-1 .date-item-1{display: inline-block;vertical-align: middle;width: 40%;}
.right-text .date-1 .date-item-1 .number-1 {overflow: hidden;}
.right-text .date-1 .date-item-1 .number-1 strong{display: inline-block;vertical-align: middle;font-weight: normal;margin: 0;padding: 0;}
.right-text .date-1 .date-item-1 .number-1 sup{margin-left: .5rem;}
.right-text .date-1 .date-item-1 .text-1 {overflow: hidden;}

.brinyte-product {overflow: hidden;padding: 5% 0 0 0;background: #f2f2f2;}
.brinyte-product.view{padding: 0 0 0 0;}
.brinyte-product .brinyte-application-bottom {border: none;}
.brinyte-product .brinyte-application-bottom::before {display: none;}
.brinyte-product .brinyte-content-left {background: #fff;border-radius: 0;overflow: hidden;width: 24%;margin-left: 5%;}
.brinyte-product .brinyte-application-search-top {padding: 7%;}
.brinyte-product .brinyte-application-list-bottom {padding: 7%;}
.brinyte-product  .brinyte-application-content-list { padding: 0 5% 3% 3%;}
.brinyte-product  .brinyte-application-content-list.view { padding: 3% 10%;}
.brinyte-pageturn {text-align: center;margin: 3% auto;overflow: hidden;font-size: 0;}
.brinyte-pageturn a {display: inline-block;vertical-align: middle;line-height: 5rem;text-align: center;position: relative;width: 5rem;height: 5rem;border-radius: 100%;overflow: hidden;box-sizing: border-box;margin: 0 .4%;border: 1px solid #d3d3da;font-size: 16px}
.brinyte-pageturn span {color: #666;display: block;}
.brinyte-pageturn i {width: .6rem;height: 1rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;}
.brinyte-pageturn a.prev i {background: url('../image/l3.png') center no-repeat;background-size: 80%;}
.brinyte-pageturn a.next i {background: url('../image/r3.png') center no-repeat;background-size: 80%;}
.brinyte-pageturn a.prev:hover i,.brinyte-pageturn a.next:hover i {filter: invert(1) brightness(5);} 
.brinyte-pageturn a.prev:hover ,.brinyte-pageturn a.next:hover {background: #053a95;}
.brinyte-pageturn a.cur,.brinyte-pageturn a:hover {background: #053a95;border: 1px solid #053a95;}
.brinyte-pageturn a.active,.brinyte-pageturn a:hover {color: #fff; background: #053a95;border: 1px solid #053a95;}
.brinyte-pageturn a.cur span,.brinyte-pageturn a:hover span{color: #fff;}

.brinyte-product-detail {position: relative;overflow: hidden;background: #000;}
.brinyte-product-detail-content {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 11;box-sizing: border-box;padding-top: 9rem;}
.brinyte-product-top {position: absolute;left: 0;top: 13%;width: 100%;z-index: 11;transition:all .4s ease;padding: 1% 0;}
.brinyte-product-top.scrolld {position: fixed;background: rgba(0,0,0,.9);top: 7.6rem;z-index: 99;}
.brinyte-product-top-content {position: relative;width: 90%;margin: auto;}
.brinyte-product-top-content .brinyte-path {transform: translateY(10%);font-size: 18px}
.brinyte-path {color: #666;}
.brinyte-path a{color: #666;}
.brinyte-path a span{font-size: 16px; color: #fff;opacity: .5;}
.brinyte-path a.cur {color: #fff;}
.brinyte-path a.cur span{text-decoration: none;opacity: 1;}
.brinyte-path a:hover span{color: #f08300;}
.brinyte-product-detail-left {float: left;width: 45%;height: 100%;position: relative;overflow: hidden;margin-left: 5%;}
.brinyte-product-detail-left::after {content: '';width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #fff;opacity: .1;}
.brinyte-product-big-pics {overflow: hidden;margin-top: 5%;width: 90%;}
.brinyte-product-bigpics-swiper .products-1{opacity: 0;transition:all .4s ease;}
.brinyte-product-bigpics-swiper .swiper-slide-active .products-1{opacity: 1;}
.brinyte-product-bigpics-swiper .products-1 .img-center{max-width: 100%;max-height: 100%;}
.brinyte-product-thumbnail-swiper {width: 80%;margin: auto;}
.brinyte-product-thumbnail-pics {overflow: hidden;position: absolute;left: 0;bottom: 5%;z-index: 11;width: 90%;}
.brinyte-product-thumbnail-pics .products-1{opacity: .5;transition:all .4s ease;cursor: pointer;}
.brinyte-product-thumbnail-pics .swiper-slide-thumb-active .products-1 {opacity: 1;}  
.brinyte-product-thumbnail-pics .products-1 .img-center{max-width: 80%;max-height: 80%;transition:all .4s ease;}
.brinyte-product-thumbnail-pics .products-1 .img-center:hover {transform: scale(1.1);}
.thumbnail-next,.thumbnail-prev {position: absolute;top: 50%;transform: translateY(-50%);background: none;transition:all .4s ease;}
.thumbnail-next::after,.thumbnail-prev::after {color: #fff;}
.thumbnail-next:hover,.thumbnail-prev:hover {background: #003281;border: 2px solid #003281;}
.thumbnail-next {right: 0;}
.thumbnail-prev {left: 0;}


.play-2 {z-index: 80;}
.play-2 i{width: 12rem;height: 12rem;background: rgba(0,47,167,0.9);border-radius: 100%;}
.play-2,.play-2 i,.play-2 a::after {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.play-2 a {display: block;position: relative;width: 100%;height: 100%;}
.play-2 a::after {content: '';width: 1.5rem;height: 2.6rem;background: url('../image/play2.png') center no-repeat;background-size: 100%;z-index: 20;}
.play-2 a:hover i{transform: translate(-50%,-50%) scale(1.1);}


.brinyte-product-detail-right {float: left;width: 50%;height: 100%;position: relative;overflow: hidden;}
.brinyte-product-nav {overflow:hidden;position: absolute;right: 0;width: 50%;top: 13%;z-index: 1;}
.brinyte-product-nav ul{list-style: none;margin: 0;padding: 0;text-align: left;width: 89%;float: right;}
.brinyte-product-nav a {display: inline-block;vertical-align: middle;margin-right: 8%;}
.brinyte-product-nav a:first-child {margin-left: 0;}
.brinyte-product-nav a:last-child {margin-right: 0;}
.brinyte-product-nav span {color: #fff;opacity: .5;font-size: 16px}
.brinyte-product-nav a.cur span{opacity: 1;}
.brinyte-product-nav a:hover span{opacity: 1;color: #f08300;}

.brinyte-product-introduce {margin-top: 15%;color: #fff;width: 80%;float: right;margin-right: 10%;}
.brinyte-product-introduce .title-1 {font-size: 48px; padding: 3% 0 0 0;overflow: hidden;}
.brinyte-product-introduce .text-1 {font-family:'HmLight' ;font-weight: normal;font-size: 16px; margin-top: 3%;width: 95%;overflow: hidden;margin-bottom: 3%;line-height: 1.8}
.brinyte-product-introduce h4{font-weight: normal;font-family: 'HmMedium';font-size: 18px;}
.brinyte-product-introduce .overflow-scroll {width: 100%;height: 16rem;overflow: hidden;overflow-y: auto;}
.brinyte-product-introduce .botton-2 {margin-top: 5%;overflow: hidden;}
.brinyte-product-introduce .botton-2 .more-1{display: inline-block;vertical-align: middle;margin: 0;margin-right: 3rem;}
.brinyte-product-introduce .botton-2 .more-1 a{line-height: 5rem;}
.brinyte-product-introduce .botton-2 .more-1:last-child a {background: #f08300;border: 2px solid #f08300;}	 
.brinyte-product-introduce .botton-2 .more-1:last-child a:hover {background: none;}
.brinyte-product-introduce .botton-2 .more-1:last-child a:hover span {color: #fff;}

.brinyte-product-introduce-bottom {position: absolute;left: 0;bottom: 0;width: 100%;z-index: 11;border-top: 1px solid rgba(255,255,255,0.2);padding: 5% 0;}
.brinyte-product-introduce-bottom::after {content: '';width: 1px;height: 100%;position: absolute;left: 50%;top: 0;z-index: 1;background: #fff;opacity: .2;}
.brinyte-arguments-left {width: 100%;position: relative;overflow: hidden;float: left;}
.brinyte-arguments-swiper {overflow: hidden;}
.brinyte-arguments-item {color: #fff;text-align: center;}
.brinyte-arguments-item .number-1{margin-top: 0;}
.brinyte-arguments-item .title-1{overflow: hidden;font-size: 16px;}
.brinyte-arguments-item .icon-1{position: relative;width: 5rem;height: 5rem;margin: auto;margin-top: 6%;opacity: .5;}
.brinyte-arguments-item .icon-1 .img-center {filter: invert(1) grayscale(1) brightness(5);}
.arguments-button {position: relative;width: 80%;z-index: 11;text-align: center;margin: auto;margin-top: 3%;}
.arguments-button ,.arguments-button *{-webkit-user-select: none;user-select: none;}
.arguments-prev,.arguments-next  {position: relative;width: 3rem;height: 3rem;background: none;border: none;margin: 0;}
.arguments-prev::after,.arguments-next::after {color: #fff;}
.arguments-pagination {display: inline-block;vertical-align: middle;position: relative;}
.arguments-pagination span {background: #fff;margin: 0 .6rem;}

.brinyte-arguments-right {width: 50%;position: relative;float: left;}
.brinyte-arguments-right .title-1 {color: #fff;}
.brinyte-arguments-right ul,.brinyte-arguments-right li{list-style: none;margin: 0;padding: 0;}
.choose-color-scheme {overflow: hidden;padding-left: 10%;}
.choose-color-scheme ul {margin-top: 3%;overflow: hidden;}
.choose-color-scheme li {display: inline-block;vertical-align: middle;margin-right: 1rem;font-size: 0;}
.choose-color-scheme a {display: block;position: relative;width: 3rem;height: 3rem;border: 2px solid rgba(255,255,255,0.2);border-radius: 100%;box-sizing: border-box;overflow: hidden;}
.choose-color-scheme a i {display: block;width: 60%;height: 60%;margin: 20%;border-radius: 100%;position: relative;overflow: hidden;}
.choose-color-scheme a i::before {content: '';width: 52%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background: #000;opacity: .5;}
.choose-color-scheme .color-click.group a:hover {border: 2px solid rgba(255,255,255,1);}
.choose-color-scheme li.cur a {border: 2px solid rgba(255,255,255,1);}
.choose-color-scheme li.cur a i::before {opacity: 0;} 

.share-bottom {margin-top: 6%;padding-left: 10%;}
.share-bottom ul {margin-top: 3%;}
.share-bottom li {display: inline-block;vertical-align: middle;margin-right: 1rem;font-size: 0;position: relative;}
.share-bottom li a {display: block;width: 4rem;height: 4rem;border-radius: 100%;background: rgba(255,255,255,0.1);}
.share-bottom li a i{position: absolute;width: 1.6rem;height: 1.6rem;left: 50%;top: 50%;transform: translate(-50%,-50%);filter: grayscale(1);}
.share-bottom li a .img-center {filter: brightness(5);}
.share-bottom li a:hover {background: #003281;}
.share-bottom .social-share a {width: 4rem;height: 4rem;margin-right: 10px;margin-left:0;}
.share-bottom .social-share-icon {background: rgba(255,255,255,0.1);}
.share-bottom .social-share-icon::before {filter: grayscale(1) brightness(100);opacity: .3;}
.share-bottom .social-share a:hover {background: #003281;}
.share-bottom .social-share .social-share-icon:hover::before {filter:grayscale(1) brightness(100) invert(0);opacity: 1;}

.brinyte-influencer-reviews {padding: 5% 0;overflow: hidden;}
.brinyte-influencer-reviews-top {overflow: hidden;width: 90%;margin: auto;text-align: center;}
.brinyte-influencer-reviews-top .title-1{color: #222222;}
.brinyte-influencer-reviews-top .text-1{width: 60%;margin: auto;margin-top: 1%;color: #666666;}
.brinyte-icon-list {text-align: center;margin-top: 2%;}
.brinyte-icon-item {display: inline-block;vertical-align: middle;width: 10%;margin: 1%;text-align: center;}
.brinyte-icon-item .icon-1{position: relative;width: 10rem;height: 10rem;margin: auto;}
.brinyte-icon-item .title-2 {margin-top: 3%;}
 
.brinyte-influencer-reviews-bottom {overflow: hidden;margin-top: 2%;}
.brinyte-influencer-reviews-item {position: relative;}
.brinyte-influencer-reviews-item .text {position: absolute;left: 10%;top: 50%;transform: translateY(-50%);width: 40%;z-index: 11;color: #fff;opacity: 0;}
.brinyte-influencer-reviews-item .text-1 {overflow: hidden;}
.brinyte-influencer-reviews-item .text-2 {margin-top: 8%;}
.brinyte-influencer-reviews-item .text-3 {overflow: hidden;}
.brinyte-influencer-reviews-swiper .img {background: #000;}
.brinyte-influencer-reviews-swiper .swiper-slide-active .text {opacity: 1;}
.brinyte-influencer-reviews-swiper .swiper-slide-prev .pic,.brinyte-influencer-reviews-swiper .swiper-slide-next .pic {opacity: .5;}
.brinyte-influencer-reviews-swiper .reviews-pagination {bottom: 5%;}
.brinyte-influencer-reviews-swiper .reviews-pagination span {background: #fff;margin: 0 1rem;}

.brinyte-product-detail-picss {width: 60%;margin: auto;padding: 5% 0;overflow: hidden;text-align: center;font-size: 0;}
.brinyte-product-detail-picss img {max-width: 100%;height: auto!important;display: inline-block;}
.brinyte-product-detail-picss p {margin: 0;padding: 0;}

.brinyte-specification {overflow: hidden;padding: 5% 0;background: #f5f5f5;}
.brinyte-specification-top {overflow: hidden;} 
.brinyte-specification-center{margin-top: 2%;overflow: hidden;}
.brinyte-specification-item {border-bottom: 1px solid #ccc;padding: 2% 0;overflow: hidden;}
.brinyte-specification-item .title-1 {width: 30%;display: inline-block;vertical-align: middle;}
.brinyte-specification-item .item-5 {width: 65%;text-align: center;display: inline-block;vertical-align: middle;}
.brinyte-specification-item .item-5 li{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;width: 10%;margin: 0 3%;text-align: left;}
.brinyte-specification-item .item-5 span{display: block;color: #bcbcbc;}
.brinyte-specification-item .item-5 strong{font-weight: normal;margin: 0;padding: 0;color: #666666;}
.brinyte-specification-item .text-1 {width: 65%;display: inline-block;vertical-align: middle;text-align: center;color: #666666;font-size: 18px;}

.brinyte-specification-bottom {padding: 4% 5%;overflow: hidden;background: #ebeaea;margin-top: 3%;}
.brinyte-specification-nav {overflow: hidden;}
.brinyte-specification-nav a {margin-right: 3%;position: relative;float: left;font-size: 28px;}
.brinyte-specification-nav span {display: inline-block;padding-bottom: 4%;position: relative;color: #666666;}
.brinyte-specification-nav span::after {content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: 1%;background: #003281;opacity: 0;}
.brinyte-specification-nav a.cur span {color: #053a95;}
.brinyte-specification-nav a.cur span::after {opacity: 1;}
.brinyte-specification-swiper-list {overflow: hidden;margin-top: 4%;mix-blend-mode: darken;} 
.brinyte-specification-swiper .swiper-slide .img-center {max-width: 100%;max-height: 100%;}
 
.brinyte-faq-support {padding: 6% 0;overflow: hidden;background: #f5f5f5;}
.brinyte-faq-support-top {overflow: hidden;}
.brinyte-faq-support-bottom {margin-top: 3%;position: relative;}
.brinyte-faq-support-list {background: #ffffff;padding: 2% 0;overflow: hidden;}
.brinyte-faq-support-item {overflow: hidden;}
.brinyte-faq-support-item:last-child .brinyte-faq-item {border: none;}
.brinyte-faq-item {border-bottom: 1px solid #f5f5f5;overflow: hidden;padding: 2% 0;}
.brinyte-faq-item .title{position: relative;padding: 1% 0;overflow: hidden;width: 90%;margin: auto;cursor: pointer;}
.brinyte-faq-item .title.cur .icon-1 i{background: #053a95;}
.brinyte-faq-item .icon-1 {position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.brinyte-faq-item .icon-1 i{font-style: normal;display: block;width: 5rem;height: 5rem;line-height: 5.5rem;border-radius: 100%;background: #dddddd;color: #fff;text-align: center;}
.brinyte-faq-item .title-1{margin-left: 5%;}
.brinyte-faq-item .open-1 {position: absolute;right: 1%;top: 50%;transform: translateY(-50%);z-index: 1;background: url('../image/r1.png') center no-repeat;background-size: 100%;width: .8rem;height: 1.4rem;filter: invert(1);opacity: .5;}
.brinyte-faq-item .title.cur .open-1 {transform: translateY(-50%) rotate(90deg);}
.brinyte-faq-item .text{position: relative;overflow: hidden;margin-top: 1%;padding: 1% 5% 2% 5%;display: none;}
.brinyte-faq-item .text .icon-1 {top: 0;transform: none;left: 5%;}
.brinyte-faq-item .text .icon-1 i {color: #999999;}
.brinyte-faq-item .text-1{margin-left: 5%;color: #999999;overflow: hidden;}
 
.brinyte-message {padding: 6% 0;overflow: hidden;}
.brinyte-message-top {overflow: hidden;}
.brinyte-message-bottom {margin-top: 2%;overflow: hidden;}
.brinyte-message-from {overflow: hidden;}
.brinyte-message-from-3 {overflow: hidden;position: relative;}
.brinyte-message-item {width: 100%;margin-bottom: 2%;overflow: hidden;}
.brinyte-message-item .title-1{color: #333;font-size: 16px;font-family: 'HmMedium';font-weight: normal;}
.brinyte-message-item .input-2{margin-top: 1rem;position: relative;}
.brinyte-message-item .icon-1{position: absolute;left: 3%;top: 50%;transform: translateY(-50%);z-index: 11;width: 3rem;height: 3rem;opacity: .4;}
.brinyte-message-item .icon-1.cur img{filter: invert(1);}
.brinyte-message-item .input-1 {position: relative;}
.brinyte-message-item input {width: 100%;border-radius: 4px;background: #f5f5f5;padding: 2rem 5rem 1.8rem 5rem;box-sizing: border-box;border: none;transition:all .4s ease;}
.brinyte-message-item input::-webkit-input-placeholder,.brinyte-message-item textarea::-webkit-input-placeholder { color: #999;}
.brinyte-message-item input:focus {background: #053a95;color: #fff;}
.brinyte-message-item input:focus::-webkit-input-placeholder {color: #fff;opacity: .5;}
.brinyte-message-item textarea {width: 100%;border-radius: 4px;background: #f5f5f5;padding: 2.3rem 5rem 1.8rem 5rem;box-sizing: border-box;min-height: 30rem;border: none;}
.brinyte-message-from-3 .brinyte-message-item {width: 32%;margin-right: 2%;float: left;}
.brinyte-message-from-3 .brinyte-message-item:last-child {margin-right: 0;}
.brinyte-message-item.textarea .icon-1{top: 3rem;left: 1%;}
.brinyte-message-item.textarea {left: 1%;}
.brinyte-message-item .code-1 {position: absolute;right: 3%;top: 50%;transform: translateY(-50%);z-index: 11;}
.brinyte-message-item .input-2 {position: relative;}
.brinyte-message-submit {position: absolute;right: 0;top: 0;}
.brinyte-message-submit .more-1 a:hover span {color: #003281;}
.brinyte-message-submit .more-1 a:hover i {filter: none;}
.brinyte-message-from-bottom {position: relative;}
.brinyte-message-from-bottom .brinyte-message-item {width: 32%;margin: 0;margin-right: 2%;display: inline-block;vertical-align: middle;}
.brinyte-message-from-bottom .input-2 input {padding: 3rem 5rem;}
.brinyte-message-checkbox {display: inline-block;vertical-align: middle;margin-top: 1%;}
.brinyte-message-checkbox span {display: inline-block;vertical-align: middle;}
.brinyte-message-checkbox a {display: inline-block;vertical-align: middle;color: #053a95;text-decoration: underline;}
.brinyte-message-checkbox .checkbox-2 {display: inline-block;vertical-align: middle;width: auto;padding: 0;margin-top: -1px;}

.brinyte-product-recommendations {padding: 5% 0;overflow: hidden;background: #f5f5f5;}
.brinyte-recommendations-top {position: relative;}
.brinyte-recommendations-bottom {margin-top: 3%;}
.brinyte-recommendations-bottom .brinyte-application-item {width: 33%;}



/* service */
.brinyte-banner .left-text .text-1 {color: #fff;opacity: .35;}
.brinyte-service-support {padding: 0 0 5% 0;overflow: hidden;}
.brinyte-service-support-nav {overflow: hidden;padding: 5% 0 3% 0;width: 90%;margin: auto;}
.brinyte-service-support-nav a {display: inline-block;vertical-align: middle;margin-right: 5%;}
.brinyte-service-support-nav span{color: #222222;display: inline-block;vertical-align: middle;margin-right: 1rem;}
.brinyte-service-support-nav i{display: inline-block;vertical-align: middle;width: 1.4rem;height: 1.4rem;background: url('../image/rd.svg') center no-repeat;background-size: 100%;transform: rotate(270deg);opacity: 0;}
.brinyte-service-support-nav a.cur span {color: #003281;}
.brinyte-service-support-nav a.cur i {opacity: 1;}
.brinyte-service-support-list {overflow: hidden;}
.brinyte-service-support-item {background: #f5f5f5;padding: 5% 4%;overflow: hidden;float: left;width: 39%;margin-right: 5%;margin-top: 10%;}
.brinyte-service-support-item:first-child {margin-top: 0;}
.brinyte-service-support-item.mr0 {margin-right: 0;}
.brinyte-service-support-item.issi3 {margin-top: -2%;}
.brinyte-service-support-item.issi4 {margin-top: 5%;}
.brinyte-service-support-item .icon-1{position: relative;width: 10rem;height: 10rem;margin-left: -2%;}
.brinyte-service-support-item .title-1 {margin-top: 4%;}
.brinyte-service-support-item .text-1 {margin-top: 4%;color: #929292;}

.brinyte-service-note {padding: 4% 0;background: #f5f5f5;overflow: hidden;position: relative;}
.brinyte-service-note .title-1 {display: inline-block;vertical-align: middle;width: 18%;position: relative;}
.brinyte-service-note .title-1 span {position: relative;padding-right: 4rem;}
.brinyte-service-note .title-1 span::after {content: '';width: .5rem;height: .8rem;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: url('../image/play.png') center no-repeat;background-size: 100%;}
.brinyte-service-note .text-1 {display: inline-block;vertical-align: middle;width: 54%;color: #929292;}
.brinyte-service-note .more-1 {position: absolute;right: 7%;top: 50%;transform: translateY(-50%);margin-top: 0;}
.brinyte-service-note .more-1 a {box-shadow: 0px 0px 60px 0px rgba(5, 58, 149, 0.25);line-height: 6rem;}
.brinyte-service-note .more-1 a:hover span {color: #053a95;}
.brinyte-service-note .more-1 a:hover i {filter: none;}
 

.brinyte-service-consulting {padding: 5% 0;overflow: hidden;}
.brinyte-service-consulting .title-1 {color: #222222;}
.brinyte-service-consulting-content {margin-top: 3%;}
.brinyte-service-consulting-from {overflow: hidden;position: relative;padding-bottom: 2%;}
.brinyte-service-consulting-from li {list-style: none;margin: 0;padding: 0;width: 32%;margin-right: 2%;float: left;}
.brinyte-service-consulting-from li:last-child {margin-right: 0;}
.brinyte-service-consulting-from li input,
.brinyte-service-consulting-from textarea{width: 100%;border: none;background: none;outline: none;border-bottom: 1px solid #eeeeee;padding: 2rem 0;box-sizing: border-box;}
.brinyte-service-consulting-from textarea{min-height: 16rem;}
.brinyte-service-consulting-from .code-1 {position: relative;width: 30%;display: inline-block;vertical-align: middle;}
.brinyte-service-consulting-from .code-1 input{width: 100%;border: none;background: none;outline: none;border-bottom: 1px solid #eeeeee;padding: 2rem 0;box-sizing: border-box;}
.brinyte-service-consulting-from .codeimg-1 {position: absolute;right: 2%;top: 50%;transform: translateY(-50%);}
.brinyte-service-consulting-from .checkbox-2 {display: inline-block;vertical-align: middle;margin-left: 2rem;}
.brinyte-service-consulting-from .checkbox-2 .checkbox-2{margin-top: -1%;}
.brinyte-service-consulting-from .checkbox-2 a{color: #053a95;text-decoration: underline;}
.brinyte-service-consulting-from .more-1{position: absolute;right: 0;top: 0;margin: 0;}
.brinyte-service-consulting-from .more-1 a:hover span {color: #003281;}
.brinyte-service-consulting-from .more-1 a:hover i {filter: none;}

.brinyte-service-consulting-list {padding: 3% 0 0 0;overflow: hidden;}		
.brinyte-service-consulting-item {background: #f7f7f7;float: left;width: 48%;margin-right: 2%;margin-bottom: 2%;border-radius: .8rem;}
.brinyte-service-consulting-item .consulting{padding: 5%;overflow: hidden;}
.brinyte-service-consulting-item .icon-1{position: relative;width: 10rem;height: 10rem;display: inline-block;vertical-align: middle;}
.brinyte-service-consulting-item .text{display: inline-block;vertical-align: middle;}
.brinyte-service-consulting-item .title-1 {color: #999999;margin: 2% 0;}
.brinyte-service-consulting-item .text-1 {color: #222222;}
 
.brinyte-product-registration {overflow: hidden;}
.brinyte-product-registration .title-1 {color: #222222;}
.brinyte-product-registration .text-1 {margin-top: 1%;color: #8a8a8a;}
.brinyte-product-registration .brinyte-service-consulting-from li input,.brinyte-product-registration .brinyte-service-consulting-from .code-1 input,
.brinyte-product-registration .brinyte-service-consulting-from textarea {background: #f5f5f5;border: none;padding: 2.5rem 3rem  2rem 3rem;border-radius: 4px;}
.brinyte-product-registration .brinyte-service-consulting-from li.from-2 {width: 66%;}

.brinyte-product-id {overflow: hidden;position: relative;}
.brinyte-product-id-number {position: relative;float: left;width: 70%;}
.brinyte-product-id-number .text {position: absolute;left: 10%;top: 50%;transform: translateY(-50%);z-index: 1;width: 50%;}
.brinyte-product-id-number .title-1 {color: #fff;}
.brinyte-product-id-number .text-1 {color: #fff;width: 72%;margin-top: 3%;}
.brinyte-product-id-number .inputnum-1 {margin-top: 20%;overflow: hidden;width: 60%;position: relative;}
.brinyte-product-id-number .inputnum-1 input{color: #fff;border: 2px solid rgba(255,255,255,0.3);border-radius: 20rem;width: 100%;padding: 2rem 7%;box-sizing: border-box;background: none;outline: none;}
.brinyte-product-id-number .inputnum-1 input::-webkit-input-placeholder {color: #fff;opacity: .5;}
.brinyte-product-id-number .psend-1 {position: absolute;right: 2%;top: 50%;z-index: 11;transform: translateY(-50%);}
.brinyte-product-id-number .psend-1 a {display: block;width: 5rem;height: 5rem;background: #053a95;border-radius: 100%;}
.brinyte-product-id-number .psend-1 a img {max-width: 50%;max-height: 50%;}
.brinyte-product-id-number .psend-1 a:hover {background: #f08300;}
	 
.brinyte-products-faq {float: left;width: 30%;position: relative;}
.brinyte-products-faq a {display: block;overflow: hidden;position: relative;}
.brinyte-products-faq .title-1 {position: absolute;left: 10%;top: 10%;width: 80%;}
.brinyte-products-faq .title-1 span {display: inline-block;vertical-align: middle;color: #fff;}
.brinyte-products-faq .title-1 i{display: inline-block;vertical-align: middle;width: 1.4rem;height: 1.4rem;background: url('../image/rd.svg') center no-repeat;background-size: 100%;transform:rotate(270deg);filter: grayscale(1) invert(1) brightness(5);margin-left: 2rem;}

.brinyte-signup-video {position: absolute;right: 0;bottom: 0;width: 30%;height: 36%;background: #003281;z-index: 11;}
.brinyte-signup-video a {display: block;position: relative;padding: 10%;overflow: hidden;}
.brinyte-signup-video .title-1 {color: #fff;}
.brinyte-signup-video .play-1 {overflow: hidden;position: relative;margin-top: 10%;}
.brinyte-signup-video .play-1 span {display: block;position: relative;width: 5rem;height: 5rem;border-radius: 100%;background: #fff;}


.brinyte-download {overflow: hidden;}
.brinyte-download-left-nav {float: left;width: 20%;margin-top: 6%;}
.brinyte-download-left-nav a {display: block;padding: 5% 0;overflow: hidden;}
.brinyte-download-left-nav i {display: inline-block;vertical-align: middle;margin-right: 2rem;width: 2.4rem;height: 2.4rem;background: url('../image/rd.svg') center no-repeat;background-size: 100%;transform:rotate(0deg);filter: none;margin-top: -2%;opacity: 0;}
.brinyte-download-left-nav span {display: inline-block;vertical-align: middle;}
.brinyte-download-left-nav a.cur i{opacity: 1;}
.brinyte-download-left-nav a.cur span {color: #003281;}
.brinyte-download-left-nav a:hover span {color: #003281;}
.brinyte-download-right {float: right;width: 71%;border-left: 1px solid #f7f7f7;padding: 4% 0;padding-left: 3%;min-height: 50rem;}
.brinyte-download-right-list {position: relative;}
.brinyte-download-item {float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;overflow: hidden;}
.brinyte-download-item.mr0 {margin-right: 0;}
.brinyte-download-item a {display: block;position: relative;overflow: hidden;background: #f7f7f7;}
.brinyte-download-item a::after {content: '';width: 60%;height: 70%;position: absolute;right: -8%;bottom: 0;z-index: 1;background: url('../image/pdf.png') center top no-repeat;background-size: 100%;}
.brinyte-download-item .text {position: absolute;left: 10%;top: 10%;width: 80%;z-index: 11;}
.brinyte-download-item .date-1 {opacity: .4;}
.brinyte-download-item .title-1 {margin-top: 2rem;}
.brinyte-download-item .down-1 {width: 1.5rem;height: 1.7rem;background: url('../image/down.png') center no-repeat;background-size: 100%;position: absolute;left: 10%;bottom: 15%;}
.brinyte-download-item a:hover {background: #003281;}
.brinyte-download-item a:hover .date-1 {color: #fff;}
.brinyte-download-item a:hover .title-1 {color: #fff;}
.brinyte-download-item a:hover .down-1 {filter: invert(1) grayscale(1) brightness(5);}

.brinyte-faqs {overflow: hidden;}
.brinyte-faqs .brinyte-download-left-nav{overflow: hidden;}
.brinyte-faqs-right {float: right;width: 71%;border-left: 1px solid #eeeeee;padding: 4% 0;min-height: 50rem;}
.brinyte-faqs-right .brinyte-faq-item .title-1,.brinyte-faqs-right .brinyte-faq-item .text-1 {margin-left: 5%;} 
.brinyte-faqs-right .brinyte-faq-item .add-1 {position: absolute;width: 2rem;height: 2rem;left: 0;top: 50%;transform: translateY(-50%);}
.brinyte-faqs-right .brinyte-faq-item .add-1 i{width: 1.5rem;height: 1.5rem;display: block;margin: auto;position: relative;}
.brinyte-faqs-right .brinyte-faq-item .add-1 i::after,.brinyte-faqs-right .brinyte-faq-item .add-1 i::before {content: '';width: 2px;height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #999;}
.brinyte-faqs-right .brinyte-faq-item .add-1 i::after {transform: translate(-50%,-50%) rotate(90deg) ;}
.brinyte-faqs-right .brinyte-faq-item .title.cur .add-1 i::after{background: #003281;}
.brinyte-faqs-right .brinyte-faq-item .title.cur .add-1 i::before{display: none;}
.brinyte-faqs-bottom {overflow: hidden;padding: 5% 0;border-top: 1px solid #eeeeee;}

.brinyte-influencer .brinyte-faqs-message {overflow: hidden;padding: 5% 0;}
.brinyte-faqs-bottom-message  {overflow: hidden;padding: 5% 0;border-top: 1px solid #eeeeee;}



/* exploration */
.brinyte-exploration {overflow: hidden;background: #fff;}
.brinyte-exploration .brinyte-application-bottom {background: none;}
.brinyte-exploration .brinyte-application-search-top input {background: #f5f5f5;}
.brinyte-exploration .brinyte-download-left-nav {float: left;width: 100%;margin-top: 6%;}
.brinyte-content-right {overflow: hidden;}
.brinyte-exploration-top {padding: 5% 0 5% 5%;overflow: hidden;border-bottom: 1px solid #e5e5e5;}
.brinyte-exploration-item {overflow: hidden;float: left;width: 31.66%;margin-right: 2.5%;margin-bottom: 2.5%;}
.brinyte-exploration-item.mr0 {clear: right;margin-right: 0;}
.brinyte-exploration-item a {display: block;position: relative;}
.brinyte-exploration-item a:hover .pic {transform: scale(1.05);}
.brinyte-exploration-item .img{overflow: hidden;}
.brinyte-exploration-item .text{width: 100%;overflow: hidden;padding: 5% 0;}
.brinyte-exploration-item .type-1 {overflow: hidden;}
.brinyte-exploration-item .type-1 span {display: inline-block;background: #053a95;color: #fff;text-align: center;padding: 1rem 2rem .6rem 2rem;border-radius: 4px;}
.brinyte-exploration-item .title-1 {margin-top: 4%;}
.brinyte-exploration-item .text-1 {margin-top: 8%;color: #999;}
.brinyte-exploration-item .date-1 {margin-top: 5%;}
.brinyte-exploration-item .date-1 i {display: inline-block;vertical-align: middle;width: 1.4rem;height: 1.4rem;background: url('../image/time2.png') center no-repeat;background-size: 100%;margin-right: 1rem;}
.brinyte-exploration-item .date-1 span{color: #999;display: inline-block;vertical-align: middle;margin-top: .5%;} 
.brinyte-exploration-item .play-1 {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;}
.brinyte-exploration-item .play-1 span{display: block;position: relative;width: 5rem;height: 5rem;border: 2px solid #fff;border-radius: 100%;}
.brinyte-exploration-item .play-1 i {filter: invert(1) grayscale(1) brightness(5);}
.brinyte-exploration-top .brinyte-exploration-item {width: 100%;margin-right: 0;margin-bottom: 0;}
.brinyte-exploration-top .brinyte-exploration-item .img{float: left;width: 50%;}
.brinyte-exploration-top .brinyte-exploration-item .text{float: left;width: 45%;margin-left: 5%;margin-top: 3%;padding: 0;}
.brinyte-exploration-top .brinyte-exploration-item .date-1 {margin-top: 20%;}
.brinyte-exploration-bottom {padding: 5% 0 1% 5%;overflow: hidden;}

.brinyte-exploration-detail {margin-top: 9rem;overflow: hidden;padding: 7% 0;border-top: 1px solid #eee;}
.brinyte-exploration-detail .brinyte-path {color: #666666;}
.brinyte-exploration-detail .brinyte-path a {color: #003281;}
.brinyte-exploration-detail .brinyte-path a span {color: #000;}
.brinyte-exploration-detail-top{padding: 3% 0;}
.brinyte-exploration-detail-top .title-1{width: 50%;display: inline-block;vertical-align: middle;margin-right: 4%;}
.brinyte-exploration-detail-top .text-1{display: inline-block;vertical-align: middle;width: 30%;color: #999;padding-left: 15%;border-left: 1px solid #ccc;}
.brinyte-exploration-detail-center {position: relative;}
.brinyte-exploration-detail-center .data-1 {overflow: hidden;}
.brinyte-exploration-detail-center .data-1 i {display: inline-block;vertical-align: middle;width: 2rem;height: 2rem;background: url('../image/time2.png') center no-repeat;background-size: 100%;margin-right: 1rem;}
.brinyte-exploration-detail-center .data-1 span {color: #666;display: inline-block;vertical-align: middle;margin-top: .2%;}
.brinyte-exploration-detail-center .fenxiang-1{width: 31.5%;position: absolute;right: 0;top: 0;}
.brinyte-exploration-detail-center .fenxiang-1 .social-share-icon::before {filter: grayscale(1);}
.brinyte-exploration-detail-center .fenxiang-1 .social-share-icon:hover::before  {filter: grayscale(1) invert(1);} 
.brinyte-exploration-content {padding:0;border-top: 1px solid #eeeeee;}
.brinyte-exploration-content-left {float: left;width: 20%;margin-left: 5%;padding: 3% 0;overflow: hidden;position: relative;}
.brinyte-exploration-content-left .brinyte-download-left-nav{width: 100%;}
.brinyte-exploration-content-right {float: left;width: 67%;overflow: hidden;position: relative;border-left: 1px solid #eee;padding: 3% 0;}
.brinyte-exploration-content-text {overflow: hidden;position: relative;color:#666666;padding: 0 4% 4% 4%;}
.brinyte-exploration-content-text img {max-width: 100%;height: auto;}
.brinyte-exploration-content-bottom {overflow: hidden;padding:4% 0 0 0;border-top: 1px solid #eeeeee;}
.brinyte-exploration-content-bottom a {display: block;padding: 0 5%;width: 40%;float: left;overflow: hidden;}
.brinyte-exploration-content-bottom .text-1  {color: #999999;}
.brinyte-exploration-content-bottom .title-1  {margin-top: 4%;position: relative;overflow: hidden;padding-right: 10%;}
.brinyte-exploration-content-bottom .title-1::after {content: '';width: 2.4rem;height: 2.4rem;background: url('../image/rd.svg') center no-repeat;background-size: 100%;filter: none;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.brinyte-exploration-content-bottom a:hover .title-1 {color: #053a95;}

.brinyte-message-top .text-1 {color: #666666;padding-left: 5%;position: relative;margin: 2% 0 3% 0;overflow: hidden;}
.brinyte-message-top .text-1::before {content: '';width: 1px;height: 100%;position: absolute;left: 0;top: 0;background: #ccc;}

 



/* about */
.brinyte-contact {padding: 5% 0;overflow: hidden;}
.brinyte-contact-top {width: 56%;}
.brinyte-contact-top .title-1 {overflow: hidden;}
.brinyte-contact-top .title-1 strong {position: relative;color: #003281;}
.brinyte-contact-top .title-1 strong::after {content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: 5%;background: #003281;}
.brinyte-contact-bottom {margin-top: 5%;overflow: hidden;}
.brinyte-contact-item {float: left;width: 33%;position: relative;}
.brinyte-contact-item .icon-1{float: left;width: 8rem;height: 8rem;position: relative;background: #222222;border-radius: 100%;}
.brinyte-contact-item .icon-1 img {max-width: 30%;max-height: 30%;}
.brinyte-contact-item .text {width: 60%;position: absolute;left:19%;width: 60%;top: 50%;transform: translateY(-50%);}
.brinyte-contact-item .title-1 {color: #999999;}
.brinyte-contact-item .text-1 {margin-top: 1%;}
.brinyte-contact-item:hover .icon-1{background: #053a95;}

.brinyte-contact-map {position: relative;overflow: hidden;}
.brinyte-contact-map .map-1 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 11;overflow: hidden;}
.brinyte-contact-maplist {position: absolute;left: 5%;top: 50%;transform: translateY(-50%);background: #fff;width: 34%;z-index: 21;}
.brinyte-maplist-top {position: relative;padding: 0 5%;overflow: hidden;border-bottom: 1px solid #f5f5f5;}
.brinyte-maplist-top .title-1 {padding: 4% 0 3% 0;overflow: hidden;color: #666666;}
.brinyte-maplist-top .select-1 {position: absolute;right: 5%;top: 55%;width: 40%;transform: translateY(-50%);}
.brinyte-maplist-top .select-1 select{display: block;border: none;width: 100%;}
.brinyte-maplist-bottom {padding: 1% 5% 5% 5%;overflow: hidden;}
.brinyte-maplist-list {width: 100%;height: 32rem;padding-right: 2%;overflow: hidden;overflow-y: auto;}
.brinyte-maplist-item {overflow: hidden;padding: 4% 0;border-bottom: 1px solid #f5f5f5;}
.brinyte-maplist-item a {display: block;position: relative;}
.brinyte-maplist-item  a.cur .title-1{color: #053a95;}
.brinyte-maplist-item  a.cur .text-1 {color: #000;}
.brinyte-maplist-item .img {width: 30%;display: inline-block;vertical-align: middle;}
.brinyte-maplist-item .text {width: 65%;display: inline-block;vertical-align: middle;padding: 0 0 0 4%;}
.brinyte-maplist-item .title-1 {color: #000;}
.brinyte-maplist-item .text-1 {margin-top: 3%;position: relative;padding-left: 5%;color: #666;}
.brinyte-maplist-item .text-1::before {content: '';width: 2rem;height: 2rem;position: absolute;left: 0;top: 1px;background: url('../image/addr.png') left top no-repeat;background-size: 65%;}
.brinyte-maplist-item .text-1 a {color: #666;}
.brinyte-maplist-item .text-1 a:hover {color: #053a95;}
.brinyte-maplist-item .tel-1 {margin-top: 2%;position: relative;color: #666;padding-left: 5%;}
.brinyte-maplist-item .tel-1::before {content: '';width: 2rem;height: 2rem;position: absolute;left: 0;top: 1px;background: url('../image/tel.png') left top no-repeat;background-size: 65%;}
.brinyte-contact-message {padding: 4% 0;overflow: hidden;position: relative;}
 

.play-3{margin-top: 4%;position: relative;}
.play-3 a {display: inline-block;position: relative;}
.play-3 i{display: block;border-radius: 100%;width: 8rem;height: 8rem;border: 2px solid #003281;position: relative;margin-right: 5rem;}
.play-3 i::after {content: '';width: .9rem;height: 1.4rem;position: absolute;left: 53%;top: 50%;transform: translate(-50%,-50%);background: url('../image/play.png') center no-repeat;background-size: 100%;}
.play-3 .text-3{position: absolute;left: 7rem;top: 51%;transform: translateY(-50%);width: 100%;background: #f5f5f5;padding: 5px 0 2px 0;}
.play-3 .text-3 span{color: #003281;display: inline-block;vertical-align: middle;margin-right: .5rem;font-weight: 100;}
.play-3 .text-3 strong{color: #003281;display: inline-block;vertical-align: middle;}
.play-3 a:hover i{background: #003281;}
.play-3 a:hover i::after {filter: invert(1);}
.play-3 a:hover .text-3 {left: 10rem;}

.brinyte-company {padding: 5% 0;overflow: hidden;background: #f5f5f5;}
.brinyte-company-left {float: left;width: 23%;}
.brinyte-company-left .play-3{margin-top: 14%;}
.brinyte-name {overflow: hidden;}
.brinyte-name .title-1{color: #003281;}
.brinyte-name .text-1{margin-top: 2rem;} 

.brinyte-company-right {float: right;width: 50%;}
.brinyte-company-right .text-1{color: #666666;}
.brinyte-company-data {margin-top: 4%;}
.brinyte-company-item {position: relative;float: left;width: 48%;margin-right: 2%;background: #fff;margin-bottom: 2%;}
.brinyte-company-item:last-child {margin-right: 0;}
.brinyte-company-item .text{padding: 10%;overflow: hidden;}
.brinyte-company-item .data-1{overflow: hidden;}
.brinyte-company-item .data-1 strong{margin: 0;padding: 0;display: inline-block;vertical-align: text-top;font-weight: normal;}
.brinyte-company-item .data-1 sup{display: inline-block;vertical-align: text-top;}
.brinyte-company-item .icon-1 {position: absolute;width: 6rem;height: 6rem;right: 15%;top: 50%;transform: translateY(-50%);}
.brinyte-company-item .title-1{color: #666;} 

.brinyte-corporate-culture {padding:0;overflow: hidden;background: #f5f5f5;border-top: 1px solid #e5e5e5;position: relative;} 
.brinyte-corporate-culture::after {content: '';width: 100%;height: 3px;background: #11141d;position: absolute;left: 0;bottom: 0;z-index: 1;}
.brinyte-corporate-culture .culture-bg{position: relative;z-index: 20;}
.brinyte-corporate-culture-left {float: left;width: 40%;padding-top: 5%;}
.brinyte-corporate-culture-left .brinyte-name {width: 64%;margin-bottom: 10%;} 
.brinyte-corporate-culture-left .culture-prev,.brinyte-corporate-culture-left .culture-next{border: 2px solid #053a95;background: none;}
.brinyte-corporate-culture-left .culture-prev::after,.brinyte-corporate-culture-left .culture-next::after {color: #003281;}
.brinyte-corporate-culture-right {width: 58.5%;height: 100%;position: absolute;right: 0;top: 0;z-index: 11;}
.brinyte-corporate-culture-item {color: #333;width: 80%;position: relative;}
.brinyte-corporate-culture-item .title-1 {padding-left: 10%;overflow: hidden;position: relative;}
.brinyte-corporate-culture-item .title-1::before {content: '';width: 4px;height: 5rem;position: absolute;left: 0;top: 0;background: #003281;}
.brinyte-corporate-culture-item .text-1{padding-left: 10%;margin-top: 3%;}
.brinyte-corporate-culture-swiper {position: relative;padding-top: 12%;height: 100%;box-sizing: border-box;z-index: 1;}
.brinyte-corporate-culture-swiper::before,
.brinyte-corporate-culture-swiper::after {content: '';width: 1px;height: 100%;background: #e5e5e5;position: absolute;left: 0;top: 0;}
.brinyte-corporate-culture-swiper::after {left: 50%;}

.brinyte-development-milestones {background: #11141d;padding: 2% 0 5% 0;overflow: hidden;}
.brinyte-development-milestones-top {position: relative;}
.brinyte-development-milestones-top .brinyte-name {width: 30%;}
.brinyte-development-milestones-top .brinyte-name .text-1{color: #fff;}
.brinyte-development-milestones-top .milestones-prev,.brinyte-development-milestones-top .milestones-next {background: none;border: 2px solid #fff;}
.brinyte-development-milestones-top .milestones-prev::after,.brinyte-development-milestones-top .milestones-next::after {color: #fff;}
.brinyte-development-milestones-top .button-right {position: absolute;right: 0;bottom: 0;}
.brinyte-development-milestones-bottom {margin-top: 3%;}
.brinyte-development-milestones-nav {overflow: hidden;text-align: center;}
.brinyte-year-item {text-align: left;position: relative;cursor: pointer;}
.brinyte-year-item::before {content: '';width: 100%;height: 1px;position: absolute;left: 0;top: 1.4rem;background: #fff;opacity: .1;}
.brinyte-year-item .text-1 {position: relative;z-index: 11;}
.brinyte-year-item .text-1 span{color: #a5a5a5;display: inline-block;padding: .8rem 2rem .5rem 2rem;text-align: center;background: #3f424e;border-radius: 10rem;}
.brinyte-year-item .title-1 {margin-top: 3%;color: #fff;opacity: .5;}
.brinyte-year-item * {transition:all .4s ease;}
.brinyte-development-milestones-nav-swiper .swiper-slide-thumb-active .brinyte-year-item .text-1 span {background: #003281;color: #fff;}
.brinyte-development-milestones-nav-swiper .swiper-slide-thumb-active .brinyte-year-item .title-1 {opacity: 1;}
 
.brinyte-development-milestones-main {overflow: hidden;margin-top: 3%;}
.brinyte-development-milestones-item {overflow: hidden;position: relative;}
.brinyte-development-milestones-item .img{float: left;width: 40%;}
.brinyte-development-milestones-item .text{color: #fff;float: left;width: 55%;padding-left: 5%;margin-top: 5%;}
.brinyte-development-milestones-item .title-1 {overflow: hidden;}
.brinyte-development-milestones-item .text-1{margin-top: 3%;color: #a9aaac;}
 
.brinyte-about-contact {padding: 5% 0;overflow: hidden;border-top: 1px solid #1d2028;background: #11141d;}
.brinyte-contact-left {float: left;width: 30%;overflow: hidden;}
.brinyte-contact-left .brinyte-name .text-1{color: #fff;}
.brinyte-content-list {margin-top: 20%;}
.brinyte-content-item {color: #fff;position: relative;margin-bottom: 4%;}
.brinyte-content-item .icon-1 {position: relative;width: 2rem;height: 2rem;position: absolute;left: 0;top: 0;opacity: .4;}
.brinyte-content-item .icon-1 .img-center {max-width: 80%;max-height: 80%;}
.brinyte-content-item .text-1 {padding-left: 3rem;width: 80%;}
.brinyte-contact-right {float: right;width: 60%;}

.brinyte-find-a-dealer {padding: 5%;overflow: hidden;}
.brinyte-maplist-top {overflow: hidden;}
.search-dealer-1 {position: relative;padding: 2rem 5%;border-bottom: 1px solid #f5f5f5;}
.search-dealer-1 .search-btn {position: absolute;background: url('../image/s.png') center no-repeat;left: 5%;top: 52%;width: 2rem;height: 2rem;transform: translateY(-50%);z-index: 11;opacity: .5;background-size: 100%;}
.search-input {padding-left: 3rem;}
.search-input input{border: none;background: none;width: 100%;padding: 1rem 0 0 0;}
.search-input input::-webkit-input-placeholder {color: #999999;}
.brinyte-find-a-dealer .brinyte-maplist-list { height: 52rem;}

.brinyte-become-a-dealer {padding: 5% 0;overflow: hidden;}
.brinyte-message-top .text-2 {margin: 1% 0;width: 50%;color: #666;}
.brinyte-message-item .title-1 em {font-style: normal;color: #b70000;}
.brinyte-message-item textarea.h50 {padding: 2.3rem 5rem 1.8rem 5rem;min-height: 10rem;}


.brinyte-privacy-policy {margin-top: 9rem;}
.brinyte-privacy-policy .brinyte-content {width: 80%;}
.brinyte-privacy-policy-top {padding: 4% 0;background: #f5f5f5;}
.brinyte-privacy-policy-top .brinyte-path{position: relative;left: auto;top: auto;}
.brinyte-privacy-policy-top .brinyte-path span{color: #003281;}
.brinyte-privacy-policy-top .brinyte-path a.cur span {color: #333;}
.brinyte-privacy-policy-top .fenxiang-1 {position: absolute;right: 0;top: 0;}
.brinyte-privacy-policy-top .fenxiang-1 .social-share-icon {background: #fff;}
.brinyte-privacy-policy-top .fenxiang-1 a::before {opacity: .5;}
.brinyte-privacy-policy-top .fenxiang-1 a:hover {background: #003281;}
.brinyte-privacy-policy-top .fenxiang-1 a:hover::before {opacity: 1;filter: invert(1);}
.brinyte-detail-title {margin-top: 4%;position: relative;}
.brinyte-detail-title .title-1 {overflow: hidden;}
.brinyte-detail-title .data-1 {overflow: hidden;margin-top: 1%;}
.brinyte-detail-title .data-1 i{display: inline-block;vertical-align: middle;width: 2rem;height: 2rem;background: url('../image/time2.png') center no-repeat;background-size: 100%;margin-right: 1rem;}
.brinyte-detail-title .data-1 span{color: #666;display: inline-block;vertical-align: middle;margin-top: .3%;}
.brinyte-privacy-policy-bottom {padding: 4% 0;overflow: hidden;}
.brinyte-privacy-policy-content {color: #454545;}	 
.brinyte-privacy-policy-content img {max-width: 100%;}
.brinyte-privacy-policy-content strong {color: #000;font-size: 2.4rem;}

.brinyte-page404 {padding: 10% 0;overflow: hidden;background: url('../image/404bg.jpg') center no-repeat;background-size: cover;}
.brinyte-page404-text {width: 50%;margin: auto;text-align: center;margin-top: 4%;}
.brinyte-page404-text .page404-text {padding: 3% 0;overflow: hidden;}
.brinyte-page404-text .page404-text img {max-width: 100%;}
.brinyte-page404-text .page404-text .text-1{color: #fff;margin-top: 5%;}
.brinyte-page404-text .page404-text .text-1 strong{color: #003281;}
.brinyte-page404-text .page404-text .text-1 a {text-decoration: underline;color: #fff;}
.brinyte-page404-text .page404-text .more-1{margin-top: 4%;}
 

.brinyte-sitemap {margin-top: 9rem;padding: 4% 0 0 0;overflow: hidden;border-top: 1px solid #f5f5f5;}
.brinyte-sitemap-top {position: relative;padding-bottom: 5%;overflow: hidden;}
.brinyte-sitemap-top .brinyte-path {position: relative;}
.brinyte-sitemap-top .brinyte-path a span {color: #003281;}
.brinyte-sitemap-top .brinyte-path a.cur span {color: #333;}
.brinyte-detail-sitemap {margin-top: 3%;}
.brinyte-detail-sitemap .title-1 {overflow: hidden;}
.brinyte-detail-sitemap .title-1 strong {color: #003281;}
.brinyte-sitemap-bottom {padding: 5% 0 0 0;overflow: hidden;border-top: 1px solid #f5f5f5;}
.brinyte-sitemap-content {overflow: hidden;}
.brinyte-sitemap-item {float: left;width: 25%;overflow: hidden;padding-bottom: 5%;}
.brinyte-sitemap-item:nth-child(4) {clear: right;}
.brinyte-sitemap-item .title-1 {overflow: hidden;}
.brinyte-sitemap-item .title-1 a {overflow: hidden;}
.brinyte-sitemap-item .title-1 span {display: inline-block;vertical-align: middle;}
.brinyte-sitemap-item .title-1 i {display: inline-block;vertical-align: middle;width: 1.4rem;height: 1.4rem;background: url('../image/rd.svg') center no-repeat;background-size: 100%;filter: grayscale(1);margin-left: 1rem;transform: rotate(-90deg);}
.brinyte-sitemap-item .title-1 a:hover span {color: #053a95;}
.brinyte-sitemap-item .title-1 a:hover i {filter: none;}
.brinyte-sitemap-item .link-1 {margin-top: 5%;}
.brinyte-sitemap-item .link-1 li {list-style: none;margin: 0;padding: 1% 0;}
.brinyte-sitemap-item .link-1 li a{display: block;color: #666;}
.brinyte-sitemap-item .link-1 li a:hover {color: #053a95;}		 

.right-tool {position: fixed;right: 1%;bottom: 10%;z-index: 90;}
.right-tool-content {position: relative;}
.right-tool-content li {position: relative;list-style: none;margin: 0;padding: 0;padding: .6rem 0;clear: both;float: right;}
.right-tool-content li a{position: relative;display: block;width: 7rem;height: 7rem;border-radius: 20rem;background: #fff;box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);}
.right-tool-content li img {max-width: 50%;max-height: 50%;}
.right-tool-content li i {display: block;width: 7rem;height: 7rem;position: absolute;right: 0;top: 0;}
.right-tool-content li .text-1 {position: absolute;right: -40%;top: 54%;transform: translateY(-50%);width: 14rem;color: #003281;opacity: 0;}
.right-tool-content li:hover .text-1 {right: 20%;opacity: 1;}
.right-tool-content li:hover a {width: 20rem;box-shadow: 0px 0px 40px 0px rgba(5, 58, 149, 0.2);}
.right-tool-content li:last-child:hover a {width: 7rem;}
.right-tool-content li:last-child:hover a:hover {background: #003281;}
.right-tool-content li:last-child:hover a:hover img {filter: invert(1) brightness(5);}
  


/* other */

.galleryOverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; z-index: 100000; background-color: rgba(0,0,0,.7);  overflow: hidden; display: none; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
.galleryOverlay.visible { opacity: 1; }
.gallerySlider { height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; }
.gallerySlider .placeholder { background: url("../image/loading.gif") no-repeat center center; height: 100%; line-height: 1px; text-align: center; width: 100%; display: inline-block; }
.gallerySlider .placeholder:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
.gallerySlider .placeholder img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; }
.prevArrow, .nextArrow { border: none; text-decoration: none;opacity: 0.5; cursor: pointer; position: absolute; width:50%;height:100%; top:0; margin-top:0px; }
.prevArrow:hover, .nextArrow:hover { opacity: 1; }
.prevArrow { background-position: left top; left:0; }
.nextArrow { background-position: right top; right:0; }
.pagelimit { position: absolute; bottom: 20px; left: 50%; margin-left: -18px; color: #fff; font-size: 18px; }
.closed {cursor: pointer; position: absolute; width: 2rem; height: 2rem;right:2%; top: 3%;transform: rotate(45deg);}
.closed::after,.closed::before {content: '';background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.closed:hover {opacity: 0.5;}
.closed::after {width: 100%;height: 2px;}
.closed::before {width: 2px;height: 100%;}

.news-detail-share,.news-detail-bottom-right,.news-detail-bottom {overflow:visible;}
.social-share{font-size:16px;font-style:normal;display: inline-block;vertical-align: middle;}
.social-share *{font-family:"socialshare" !important}
.social-share a{position:relative;text-decoration:none;margin-left:10px;display:inline-block;outline:none;border-radius: 100%;}
.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms}
.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}
.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}
.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}
.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}
.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}
.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}
.social-share .icon-wechat:hover .wechat-qrcode{display:block}
.social-share-icon {display: block;width: 6rem;height: 6rem;position: relative;background: #f5f5f5;box-sizing: border-box;}
.social-share-icon:hover {opacity: 1;background: #003281;} 
.social-share-icon:hover::before {filter: invert(1);}
.social-share-icon::before {opacity: 1;content: '';width: 4rem;height:4rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;}  
.icon-share::before{background: url('../image/ydn/social/s1.png') center no-repeat;background-size: 50%;}
.icon-linkedin::before{background: url('../image/ydn/social/s2.png') center no-repeat;background-size: 50%;}
.icon-wechat::before  {background: url('../image/ydn/social/s3.png') center no-repeat;background-size: 50%;} 
.icon-twitter::before {background: url('../image/ydn/social/s4.png') center no-repeat;background-size: 50%;}   
.icon-weibo::before {background: url('../image/ydn/social/f2.png') center no-repeat;background-size: 50%;}   
.icon-facebook::before {background: url('../image/ydn/social/f4.png') center no-repeat;background-size: 50%;}   
.icon-qzone::before {background: url('../image/ydn/social/s5.png') center no-repeat;background-size: 50%;}  




.saixuan-btn {padding: 5% 0;width: 90%;margin: auto;display:none;}
.saixuan-btn a {display:block;padding: 2rem 0;text-align:center;color:#fff;background:#053a95;border-radius: 4px;}



@keyframes fadeInBigs{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{transform:scale(1.0);opacity: 0;}100%{transform:scale(1.1);opacity: 1;}}
.fadeInBigs{-webkit-animation-name:fadeInBigs;animation-name:fadeInBigs;-webkit-animation-duration:.9s;animation-duration:.9s}


@keyframes turnrotate{0%{-webkit-transform:rotate(0deg);}25%{-webkit-transform:rotate(90deg);}50%{-webkit-transform:rotate(180deg);}75%{-webkit-transform:rotate(270deg);}100%{-webkit-transform:rotate(360deg);}}



@media screen and (max-width: 5120px) { 
	html{font-size: 82.5%;}  
	.swiper-products-color {position: relative;width: 100%;text-align: center;}
	.swiper-products-color li {display: inline-block;}
}
@media screen and (max-width: 3840px) { 
	html{font-size: 72.5%;} 
	.brinyte-product-nav a {margin-right: 5%;}
}
@media screen and (max-width: 2560px) {
	
}
@media screen and (max-width: 2048px) {
	
}
@media screen and (max-width: 1920px) {	
	html{font-size: 62.5%;} 
	.index-banner-text { width: 50%;}
	.search-btn1 {right: 15%;}  
	.brinyte-product-introduce {margin-top: 12%;}
	.brinyte-product-introduce-bottom {padding: 3% 0 3% 0;}
	.share-bottom ul,.choose-color-scheme ul {margin-top: 2%;}
	.share-bottom {margin-top: 4%;}
	.brinyte-application-item .application-item-swiper .swiper-slide .img-center {max-width: 100%;max-height: 100%;}
	.footer-top-right ul {max-width: 20%;margin-left: 10%;}
	.index-about-us.cur .index-about-us-bottom .text-1 {color: #fff;}
	.brinyte-product-detail-picss {width: 66%;}
	.brinyte-product-nav a {margin-right: 4%;}
}
@media screen and (max-width: 1680px) {
	html{font-size: 52.5%;} 
}
@media screen and (max-width: 1440px) {
	html{font-size: 42.5%;} 
	.brinyte-product-detail-picss {width: 70%;}
	.brinyte-product-big-pics,.brinyte-product-introduce {margin-top: 0;width: 90%;position: absolute;top: 50%;transform: translateY(-50%);}
	.brinyte-product-introduce {width: 80%;right: 0;top: 40%;}
}
@media screen and (max-width: 1366px) {
	.brinyte-product-detail-picss {width: 74%;}
}
@media screen and (max-width: 1280px) {
	.brinyte-product-detail-picss {width: 76%;}
	.brinyte-product-nav a {margin-right: 3%;}
}
@media screen and (max-width: 1152px) {
	.brinyte-product-detail-picss {width: 90%;}
	.header-logo {top: 54%;width: 15%;}
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 980px) {
	.brinyte-product-detail-picss {width: 100%;}
	.brinyte-product-big-pics,.brinyte-product-introduce {margin-top: 0;width: 90%;position: relative;top: 20%;transform: none;}
	.brinyte-product-introduce {width: 80%;right: 0;top: 20%;} 
    
}
@media screen and (max-width: 860px) { 
    .brinyte-product-big-pics,.brinyte-product-introduce {top: auto;}
    .brinyte-product-introduce {width: 80%;right: auto;top:auto;}
    .index-banner-swiper .swiper-slide .img .pic img.mbshow {opacity: 1;}
	.pcshow{display: none!important;}
	.mbshow,.menu-toggle,.saixuan-btn{display: block!important;} 
	/*.saixuanshow {display: none;}*/
	.header {background: #fff;}
	.header-content {height: 7rem;} 
	.header-logo {width: 20%;top: 56%;}       
	.menu-toggle {width: 7rem;height: 7rem;}
	.right-tool-content li img {right: 50%;transform: translateX(50%);}
	.right-tool-content li .text-1,.header-right li span {display: none;}
	.right-tool-content li:hover a {width: 7rem;}
	.header-right,.brinyte-specification-item .item-5,.brinyte-service-consulting-from .code-1 {width: 100%;}
	.header-right li {margin: 0 1rem;}
	.header-right li i {width: 3rem;height: 3rem;}
	.header-right li a {line-height: 7rem;}
	.header-right li.language {margin: 0 2rem;padding: 0;}
	.header.search .header-right,.footer-subscribe,.footer-top-right ul ,.brinyte-arguments-left,.brinyte-specification-item .title-1{width: 100%;}
	.header-search-show {right: 0;}
	.header.search .menu-toggle {opacity: 0;display: none;}
	.header.search .header-logo,.header-nav-three,.brinyte-product-introduce-bottom::after {display: none;}
	.header-nav-two.cur {left: 50%;}
	.search-btn1,.closed {width: 3rem;height: 3rem;}.header-search-input {padding: 0 30% 0 10%;}
	.header-nav-two {width: 50%;}.header-nav-item {width: 50%;}
	.index-banner-text {width: 90%;text-align: center;}
	.header-nav-show,.footer-top-left,.footer-top-right,.brinyte-application-left,.brinyte-content-left,
	.brinyte-content-right,.brinyte-product-detail-left,.brinyte-product-id-number {width: 100%;float: none;}
	.index-banner-text strong,.index-banner-text .title-1,.index-banner-text .title-2 {font-size: 4.4rem;line-height: 5rem;}
	.index-application,.index-exploration,.brinyte-specification,.brinyte-faq-support,.brinyte-message,.brinyte-service-note,.brinyte-service-consulting,.brinyte-company {padding: 15% 0;}
	.index-application-bottom .img-block,.footer-top-right li,.brinyte-application-nav .name-1,.brinyte-application-bottom::before {display: none;}
	.index-application-item .img img {display: block;}
	.index-application-main {position: relative;left: auto;top: auto; }
	.index-application-item {left: auto;width: 100%;position: relative;top: auto;}
	.index-application-item.iai1,.index-application-item.iai2 {left: auto;}
	.index-application-item .img,.index-application-item.iai2 .img {-webkit-clip-path: none;}
	.index-application-swiper .swiper-slide.cur .index-application-item {left: auto!important;}
	.index-about-us-top {left: 5%;top: 10%;width: 90%;}
	.index-about-us-bottom {right: 5%;top: 30%;bottom: auto;width: 90%;}
	.index-about-product {left: -25%;bottom: 10%;width: 80%;}
	.right-ctrl {position: relative;right: auto;top: auto;transform: none;width: 100%;text-align: left;margin: 5% 0;}
	.right-ctrl .swiper-button-prev, .right-ctrl .swiper-button-next,.footer-social li {margin-right: 1rem;margin-left: 0;}
	.footer-content-top,.brinyte-application,.brinyte-influencer-reviews,.brinyte-service-support,.brinyte-become-a-dealer,.brinyte-contact {padding: 10% 0;}
	.footer-letter,.brinyte-banner .left-text .scrolldown-1,.brinyte-banner .left-text .title-1 {margin-top: 5%;}
	.brinyte-application-type {margin-bottom: 10%;}
	.footer-top-right {text-align: left;margin-top: 5%;}
	.footer-top-right ul {margin-left: 0;border-top: 1px solid #ccc;}
	.footer-top-right ul:last-child {border-bottom: 1px solid #ccc;}
	.footer-top-right a.fnav {padding: 3% 0;}
	.footer-content-bottom .footer-content,.footer-link  {padding: 3% 0;}
	.brinyte-application-search-top,.brinyte-application-list-bottom,.brinyte-exploration-top ,.brinyte-exploration-bottom{padding: 5%;}
	.footer-bottom-right {position: relative;width: auto;right: auto;top: auto;transform: none;}
	.footer-social {text-align: left;position: relative;right: auto;top: auto;transform: none;width: auto;}
	.brinyte-banner {margin-top: 0rem;}
	.brinyte-banner .pic img {width: 300%;max-width: 300%;}
	.brinyte-banner .left-text {left: 5%;top: 10%;width: 90%;transform: none;}
	.brinyte-banner .left-text .title-1 {font-size: 5rem;}
	.brinyte-banner .topnav-1 a,.brinyte-banner .topnav-1,.brinyte-banner .topnav-1 span {font-size: 2.2rem;}
	.brinyte-banner .right-text {position: absolute;right: 5%;top: auto;width: 90%;transform: none;bottom: 5%;}
	.brinyte-application-right {width: 100%;height: 100%;position: relative;right: auto;top:auto;}
	.brinyte-application-nav {left: 0;bottom: auto;width: 100%;top: 32%;}
	.brinyte-application-nav a {margin: 0 5%;}
	.brinyte-application-nav a::after {width: 1rem;height: 1rem;}
	.brinyte-application-nav a.cur::after {background: #003281;}
	.brinyte-application-right .item-3 {position: relative;}
	.brinyte-application-item {float: none;width: 100%;margin-right: 0;margin-bottom: 3%;} 
	.brinyte-product-detail-left {margin: 0;height: auto;}
	.brinyte-product-big-pics {margin: 5%;width: 90%;}
	.brinyte-product-top {position: relative;left: auto;top: auto;width: 90%;margin: auto;}
	.brinyte-product-thumbnail-pics {position: relative;left: auto;bottom:auto;width: 90%;margin: 5%;}
	.brinyte-product-detail-right,.brinyte-product-introduce .text-1,.brinyte-influencer-reviews-top .text-1,.brinyte-service-consulting-item,
	.brinyte-service-note .title-1,.brinyte-service-note .text-1,.brinyte-products-faq {float: none;width: 100%;}
	.brinyte-product-introduce {margin: auto;margin-top: 5%;width: 90%;float: none;margin-right:auto;}
	.brinyte-product-detail-content {position: relative;left: auto;top: auto;width: 100%;height: auto;padding-top: 6rem;}
	.brinyte-product-introduce .overflow-scroll {height: auto;}
	.brinyte-product-detail .img-bg {display: none;}
	.brinyte-product-detail {padding: 5% 0;overflow: hidden;background: url('../image/ydn/detail.jpg') center no-repeat;background-size: cover;}
	.brinyte-product-introduce-bottom {position: relative;left: auto;bottom: auto;overflow: hidden;}
	.brinyte-product-introduce .botton-2 .more-1:last-child {margin-right: 0;}
	.brinyte-product-introduce .botton-2 .more-1{margin-right: 1rem;width: 45%;}
	.brinyte-product-introduce .botton-2 .more-1 a {width: 100%;}
	.brinyte-product-introduce {padding-bottom: 10%;}
	.brinyte-arguments-left {width: 100%;float: none;padding: 5% 0;}
	.share-bottom,.brinyte-arguments-right {margin: auto;width: 100%;float: none;padding: 0;}
	.share-bottom,.choose-color-scheme {margin: auto;margin-top: 5%;padding: 0;}
	.brinyte-arguments-right {width: 90%;margin: auto;}
	.brinyte-icon-item {width: 32%;margin: 5% 0;}
	.brinyte-specification-item .item-5,.brinyte-specification-item .text-1 {text-align: left;padding: 5% 0;overflow: hidden;}
	.brinyte-specification-item .item-5 li {margin: auto;margin-right: 3%;width: auto;margin-bottom: 3%;}
	.brinyte-specification-item .item-5 li:last-child {margin-right: 0;}
	.brinyte-specification-item .title-1,.brinyte-message-checkbox,.brinyte-service-note .text-1 {margin-top: 3%;}
	.brinyte-faq-item .icon-1 {left: 5%;}
	.brinyte-faq-item .text .icon-1 {display: none;}
	.brinyte-faq-item .text-1 {box-sizing: border-box;padding: 5%;}
	.brinyte-faq-item .title-1 {margin-left: 5%;position: relative;}
	.brinyte-faq-item .title-1 {margin-left: 20%;margin-top: 3%;position: relative;}
	.brinyte-faq-item .text .icon-1 {left: auto;position: relative;float: left;} 
	.brinyte-faq-item .text-1 {margin-left: 9%;position: relative;width:75%;float: left;}
	.brinyte-message-from-3 .brinyte-message-item {width:100%;margin-right: 0;float: none;}
	.brinyte-message-from-bottom .brinyte-message-item,.brinyte-product-id-number .inputnum-1,
	.brinyte-product-id-number .text-1,.brinyte-exploration-top .brinyte-exploration-item .img {width: 100%;margin: auto;}
	.brinyte-message-submit {margin-top: 10%;position: relative;left: auto;top: auto;}
	.brinyte-service-support-nav {font-size: 0;}
	.brinyte-service-support-nav a {width:30%;vertical-align: top;}
	.brinyte-service-support-nav a:last-child {margin-right: 0;} 
	.brinyte-service-support-nav span {width: 80%;}
	.brinyte-service-support-item {float: none;width: 100%;margin-right: auto;box-sizing: border-box;margin-top: 5%;}
	.brinyte-service-support-item.issi3 {margin: auto;margin-top: 5%;}
	.brinyte-service-note .more-1,.brinyte-service-consulting-from .more-1 {position: relative;right: auto;top: auto;transform: none;margin-top: 10%;}
	.brinyte-service-consulting-from li {width: 100%;margin-right: auto;float: none;}
	.brinyte-service-consulting-from .checkbox-2 {margin: 5% 0;}
	.brinyte-service-consulting-from .checkbox-2 .checkbox-2 {margin: auto;}
	.brinyte-product-registration .brinyte-service-consulting-from li.from-2 {width: 100%;margin-top: 3%;}
	.brinyte-service-consulting-from li,.brinyte-product-id-number .inputnum-1 {margin-top: 3%;}
	.brinyte-product-registration {margin-top: 15%;}
	.brinyte-product-id-number .text {width: 80%;}
	.brinyte-signup-video {position: relative;right: auto;bottom: auto;width: 100%;height: auto;}
	.brinyte-download-left-nav {float: none;width: 100%;margin-top:auto;margin-top: 5%;}
	.brinyte-download-left-nav a {display: inline-block;vertical-align: top;width: 20%;margin-right: 1%;}
	.brinyte-download-left-nav a span {font-size: 2rem;}
	.brinyte-download-right,.brinyte-faqs-right {float: none;width: 100%;border-left:none;padding: 4% 0;padding-left: 0;}
	.brinyte-download-item {float: none;width: 100%;margin-right: auto;}
	.brinyte-download-left-nav a span,.brinyte-company-right {margin-top: 5%;}
	.brinyte-faq-item .title ,.brinyte-company-left,.brinyte-company-right,.brinyte-development-milestones-top .brinyte-name,.brinyte-contact-top{width: 100%;}
	.brinyte-faq-item .title-1 {margin-top: 0;width: 72%;}
	.brinyte-faq-item .text {padding: 0 0 5% 0;width: 100%;margin-top: 0;}
	.brinyte-faq-item .text-1 {width: 100%;float: none;margin: auto;}
	.brinyte-download-left-nav{display: flex;flex-direction: row;flex-wrap: wrap;}
	.brinyte-download-left-nav a {border: 1px solid #ccc;padding: 2%;width: 31%;box-sizing: border-box;margin: 1%;}
	.brinyte-download-left-nav i {display: block;opacity: .5;filter: grayscale(1);}
	.brinyte-download-left-nav a.cur i{filter: none;opacity: 1;}
	.brinyte-service-support-nav{display: flex;flex-direction: row;flex-wrap: wrap;}
	.brinyte-service-support-nav a {position: relative;border: 1px solid #ccc;padding: 2%;margin: 1%;width: 27%;}
	.brinyte-service-support-nav span {font-size: 2rem;padding-top: 4rem;display: block;width: 100%;}
	.brinyte-service-support-nav i {display: block;position: absolute;top: 15%;left: 5%;width: 2.4rem;height: 2.4rem;opacity: .5;filter: grayscale(1);}
	.brinyte-service-support-nav a.cur i {opacity: 1;filter: none;}
	.brinyte-exploration-top .brinyte-exploration-item .text {float: none;width: 100%;margin-left: 0;margin: 3% 0;padding: 5% 0;}
	.brinyte-exploration-item {float: none;width: 100%;margin-right: auto;margin-bottom: 2.5%;}
	.brinyte-exploration-detail-top .title-1 {width: 100%;margin-right: auto;}
	.brinyte-exploration-detail-top .text-1 {width: 80%;padding-left: 10%;padding-top: 5%;padding-bottom: 5%;margin: 5% 0;}
	.brinyte-exploration-detail-center .fenxiang-1 {width: 100%;position: relative;right: auto;top:auto;margin: 5% 0;}
	.social-share a {margin-left: auto;margin-right: 10px;}
	.brinyte-exploration-content-left .brinyte-download-left-nav,.brinyte-corporate-culture-swiper::after {display: none;}
	.brinyte-exploration-content-right,.brinyte-development-milestones-item .img {float: none;width: 100%;border-left: none}
	.brinyte-exploration-detail,.brinyte-sitemap,.brinyte-privacy-policy,.brinyte-page404 {margin-top: 7rem;}
	.brinyte-corporate-culture-left,.brinyte-corporate-culture-left .brinyte-name,.brinyte-contact-left,
	.brinyte-contact-right,.brinyte-message-top .text-2,.brinyte-contact-item {float: none;width: 100%;}
	.brinyte-corporate-culture-right {width: 100%;height: 100%;position: relative;right: auto;top: auto;}
	.brinyte-corporate-culture-left,.brinyte-contact-right {margin-top: 10%;}
	.brinyte-development-milestones-item .text {float: none;width: 100%;padding-left:0;padding: 5% 0;}
	.brinyte-year-item .title-1 {font-size: 2rem;text-align: center;margin-top: 5%;}
	.brinyte-development-milestones-nav,.brinyte-contact-item {margin-top: 5%;}
	.brinyte-year-item .text-1 span {padding: 1rem 0;width: 100%;margin: auto;}
	.brinyte-contact-maplist {position: relative;left: auto;top: auto;transform: none;width: 100%;}
	.brinyte-maplist-bottom {padding: 2% 0;}
	.brinyte-contact-item {float: none;overflow: hidden;} 
	.brinyte-contact-item .icon-1 {float: none;display: inline-block;vertical-align: middle;}
	.brinyte-contact-item .text {position: relative;left: auto;width: 70%;top: auto;transform: none;margin-left: 5%;display: inline-block;vertical-align: middle;}
	.brinyte-contact-maplist {width: 90%;padding: 5%;}
	.brinyte-find-a-dealer {padding: 0;width: 100%;}
	.brinyte-sitemap-item {float: none;width: 100%;border-bottom: 1px solid #ccc;padding: 5% 0;}
	.brinyte-sitemap-bottom {padding: 5% 0;}
	.brinyte-privacy-policy-top .fenxiang-1,.brinyte-influencer-reviews-item .text-2 {position: relative;margin-top: 5%;}
	.brinyte-privacy-policy .brinyte-content {width: 90%;}
	.brinyte-product .brinyte-content-left {width: 90%;margin: 5%;}
	.brinyte-product .brinyte-application-content-list {padding: 5%;}
	.brinyte-page404-text {width: 90%;margin: auto;}
	.brinyte-influencer-reviews-item .text {left: auto;width: 90%;position: relative;color: #000;top: auto;transform: none;padding: 5% 5% 15% 5%;}
	.brinyte-influencer-reviews-swiper .reviews-pagination {bottom: 0px;}
	.brinyte-influencer-reviews-swiper .reviews-pagination span {background: #000;}
	.index-application-item .bgimg {position: relative;width: 100%;height: 100%;left: auto;top: auto;}
	.index-application-item.iai1 .bgimg,.index-application-item.iai2 .bgimg,.index-application-item.iai3 .bgimg,.index-application-item.iai4 .bgimg {width: 100%;}
	.index-application-item.iai1 .title-1,.index-application-item.iai2 .title-1,.index-application-item.iai3 .title-1,.index-application-item.iai3 .bgimg,.index-application-item.iai4 .bgimg {left: 0;}
	.index-application-swiper:hover .swiper-slide .index-application-item.iai4 .bgimg,.index-application-swiper:hover .swiper-slide .index-application-item.iai3 .bgimg,
	.index-application-swiper:hover .swiper-slide .index-application-item.iai2 .bgimg,.index-application-swiper:hover .swiper-slide:hover .index-application-item.iai2 .bgimg,
	.index-application-swiper:hover .swiper-slide:hover .index-application-item.iai3 .bgimg,.index-application-swiper:hover .swiper-slide:hover .index-application-item.iai4 .bgimg {width: 100%;left: auto;}
	.brinyte-product-top-content {width: 96%;}
	.brinyte-product-top {width: 100%;padding: 2% 0;}
	.brinyte-product-top.scrolld {top: 7rem;}
	.brinyte-path a span {font-size: 1.2rem;}
	.index-about-us.cur .index-about-us-bottom .text-1{color: #fff;}
	.index-application-swiper .swiper-wrapper,.footer-top-right li {display: block;}
	.index-application-swiper .swiper-slide {width: 100%!important;}
	.header-nav-logo {width: 50%;bottom: -12%;}
	.footer-logo,.scrolldown {display: none;}
	.footer-letter .title-1 {text-align: center;}
	.footer-social li i {width: 4rem;height: 4rem;}
	.footer-nav-item {display: none;}
	.footer-top-right a.fnav {display: block;position: relative;}
	.footer-top-right a.fnav::after {content: '';width: 1px;height: 10px;position: absolute;right: 4px;top: 50%;transform: translateY(-50%);background: #666;display: block;opacity: 1;}
	.footer-top-right a.fnav::before {content: '';width: 9px;height: 1px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: #666;}
	.brinyte-faq-item .open-1 {right: 3%;}
	.brinyte-faq-item .title {padding: 5% 0 ;}
	.footer-top-right ul {max-width: 100%;}
	.brinyte-exploration-detail  .brinyte-path a span {color: #000;}
	.brinyte-faqs-right .brinyte-faq-item .text-1 {margin-left: 0;}
	.brinyte-recommendations-bottom .brinyte-application-item {width: 100%;margin-right: 0;}
	.brinyte-product-nav ul {text-align: right;}
	.footer-copy {padding: 4% 0;overflow: hidden;text-align: left;}
	.productpic-1 {width: 80%;margin: auto;}
	.productpic-1 img {max-width: 100%;display: inline-block;}
	.brinyte-specification-item .item-5 strong,.brinyte-specification-item .text-1 {width: 100%;}
}
 
@media screen and (max-width: 460px) {
    .brinyte-product-top-content .brinyte-path {display: none;}
    .brinyte-product-nav {position: relative;right:auto;width: 100%;top: auto;text-align: left;}
    .brinyte-product-nav ul {float: none;width: 100%;display: block;text-align: left;}
	.brinyte-product-nav ul a {margin-right: 2rem;}
}



@media only screen and (min-device-width : 500px) and (max-device-width : 860px) and (orientation : landscape) {
	.header-logo {width: 18%;}
}

@media only screen and (min-device-width : 870px) and (max-device-width : 900px) and (orientation : landscape) {
	.header-logo {width: 20%;top: 55%;}
}


/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	
}

/* iPad x*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : landscape) {
	.footer-top-right ul:first-child {display: none;}
	.index-about-us-bottom {bottom: auto;top: 15%;}
	.index-about-product {left: -5%;bottom: 10%;width: 50%;}
}
/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.header-logo {width: 13%;}
}

 
 