/* CSS Reset */
.fullscreen,.fullscreen body{width: 100%;height: 100%;overflow: hidden}
.pcshow { display:block;}
.mbshow { display:none!important;}

.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color:#f1f1f1;}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;max-width: 100%; padding-top:0.9vw;}
.img-alt {opacity: 0;}
.text-center {text-align: center;}



/* index */ 
.index-banner-swiper {width: 100%;height: 100%;position: relative;background: #000;overflow: hidden;} 
.index-banner-swiper .swiper-slide-active .img .pic {animation: srmgani 4000ms 1 ease forwards;}
@keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}}
.index-banner-item {position: relative;}
.index-banner-text {position: absolute;left: 5%;top:56%;transform: translateY(-50%);z-index: 100;color:transparent;width: 40%;}
.index-banner-text .title-1,.index-banner-swiper .title-2 {-webkit-text-stroke: 2px #fff;}
.index-banner-text .text-1 {color: #fff;margin-top:1.6%; font-family:"hs_l"; line-height:2.8vw}
.index-banner-text strong{color: #fff;margin: 0;padding: 0;font-weight: normal;-webkit-text-stroke: 0px transparent;} 
.index-banner-swiper .title-1,
.index-banner-swiper .title-2,
.index-banner-swiper .text-1,
.index-banner-swiper .more-1 {opacity: 0;transform:translateY(-60px);transition: opacity .8s linear,transform .8s cubic-bezier(.215,.61,.355,1);}
.index-banner-swiper .title-1 {transition-delay: .2s; font-family: "hs_b";}
.index-banner-swiper .title-2,.index-banner-swiper .text-1 {transition-delay: .3s;} 
.index-banner-swiper .more-1 {transition-delay: .4s;margin-top:5%;} 
.index-banner-swiper .swiper-slide-active .title-1,
.index-banner-swiper .swiper-slide-active .title-2,
.index-banner-swiper .swiper-slide-active .text-1,
.index-banner-swiper .swiper-slide-active .more-1 {transform: translateY(0px);opacity: 1;}

.index-banner-swiper .swiper-slide .img .pic img {opacity: .5;}

.scrolldown {position: absolute;bottom:5%;z-index: 11;right: 5%;}
.index-banner-swiper .banner-pagination {bottom: 6%;}
.index-banner-swiper .banner-pagination span {display: inline-block;vertical-align: middle;width:4vw;height: 3px;background: #fff;border-radius: 0;}

.more-1 {margin-top: 2%;}
.more-1 a,.more-1 strong {display: inline-block;width:12vw;line-height:3.5vw;border-radius:2.2vw;background: #156bff;border: 2px solid #156bff;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:0.8vw;height:0.8vw;background: url('../images/rd.svg') center no-repeat;background-size: 100%;margin-left:2vw;filter: grayscale(1) brightness(5);transform: rotate(270deg);}
.more-1 span  {color: #fff; }
.more-1 a:hover {background: none;border: 2px solid #156bff;}
.more-1 a:hover span  {color: #fff;}
 


@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: 1920px) {	
	.index-banner-text { width:70%;}}

@media (max-width:960px){
.index-banner-swiper .swiper-slide .img .pic img.mbshow {opacity: 1;}
.mbshow,.menu-toggle,.saixuan-btn{display: block!important;} 
.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: 7vw;}
	.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: 5vw;}
	.brinyte-banner .topnav-1 a,.brinyte-banner .topnav-1,.brinyte-banner .topnav-1 span {font-size: 2.2vw;}
	.brinyte-banner .right-text {position: absolute;right: 5%;top: auto;width: 90%;transform: none;bottom: 5%;}
	.productpic-1 {width: 80%;margin: auto;}
	.productpic-1 img {max-width: 100%;display: inline-block;}	
	.saixuanshow {display: none;}
	
}