@charset "UTF-8";
/**
 * @Site 内官网首页（新） -橙 - 副本
 * @authors pengxing
 * @date    2022.12.2
 */
br{line-height:0 !important;}
.banner{width:100%;height:550px;overflow:hidden;position:relative;background: url(https://boaioss.oss-cn-shenzhen.aliyuncs.com/bajs/style/ajax-loader.gif) no-repeat center;}
.bannerInfo{width:1920px;height:550px;position:absolute;left:50%;margin-left:-960px;top:0;}
.bannerInfo li,.bannerInfo li img{width:1920px;height:550px;}
.bannerInfo .bajs-easy-slider-pagination{height: 6px;text-align: center;font-size:0;padding:8px 15px;background-color:#ccc7c3;bottom:14px;left:50%;transform:translateX(-50%);border-radius:20px;z-index:11;}
.bannerInfo .bajs-easy-slider-pagination a{width:6px;height:6px;border-radius:50px;display:inline-block;background-color: #e7e8ea;overflow: hidden;margin:0 5px;opacity: 1;}
.bannerInfo .bajs-easy-slider-pagination a.active{width:20px;background-color:#ffffff;}
.bannerInfo .prev-btn,.bannerInfo .next-btn{width:60px;height:60px;background:url(/style/images/gushang/btn_01.png) no-repeat;position:absolute;top:50%;}
.bannerInfo .prev-btn{background-position:0 0;left:0;}
.bannerInfo .next-btn{background-position:-64px 0;right:0;}
.bannerWap{display:none;}

.project{background-color:#0f757a;}
.projectBar{width:1200px;margin:0 auto;}
.projectBar ul{text-align:center;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden;margin:0 145px;}
.projectBar li{width:152px;}
.projectBar a{width:152px;height:88px;line-height:88px;text-align:center;font-size:20px;color:#ffff;padding-top:85px;display:block;position:relative;top:0;transition: all .3s;}
.projectBar a i{background:url(/style/images/gushang/ioc_05.png) no-repeat;display:block;position:absolute;left:50%;transform:translateX(-50%);}
.projectBar a i.ioc1{width:60px;height:59px;background-position:0 0;top:40px;}
.projectBar a i.ioc2{width:44px;height:58px;background-position:-65px 0;top:35px;}
.projectBar a i.ioc3{width:44px;height:56px;background-position:-113px 0;top:40px;}
.projectBar a i.ioc4{width:61px;height:59px;background-position:-161px 0;top:40px;}
.projectBar a em{width:1px;height:88px;font-size:0;background-color:#148f93;display:block;position:absolute;right:-44px;top:50%;margin-top:-44px;}
.projectBar li.none{margin-right:0;}
.projectBar a:hover{background-color:#22a8a9;}

.item{width:1200px;margin:0 auto;}
.itemTie{text-align:center;padding:55px 0 40px;}
.itemTie span{line-height:40px;font-size:30px;color:#164243;display:block;}
.itemTie small{line-height:30px;font-size:12px;color:#c9c9ca;font-weight:normal;display:block;position:relative;text-transform: uppercase;}
.itemTie small i{width:45px;height:2px;background-color:#38b1b1;display:block;position:absolute;left:50%;transform:translateX(-50%);bottom:0;}

.f1Box{padding-bottom:82px;}
.f1BoxTab{text-align:center;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;padding:0 80px 72px;overflow:hidden;}
.f1BoxTab span{text-align:left;line-height:22px;font-size:18px;color:#808080;display:inline-block;position:relative;padding:20px 0 20px 120px;}
.f1BoxTab span i{width:100px;height:116px;display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.f1BoxTab span i.ioc1{background:url(/style/images/gushang/ioc_01.png) no-repeat;}
.f1BoxTab span i.ioc2{background:url(/style/images/gushang/ioc_02.png) no-repeat;}
.f1BoxTab span i.ioc3{background:url(/style/images/gushang/ioc_03.png) no-repeat;}
.f1BoxTab span em{line-height:33px;font-size:26px;color:#333;display:block;}
.f1BoxDl{overflow:hidden;position: relative;}
.f1BoxDl dt{float:left;position:relative;z-index:1;}
.f1BoxDl dt,.f1BoxDl dt img{width:588px;height:380px;}
.f1BoxDl dd{float:right;width:550px;}
.f1BoxDl dd h3{line-height:61px;font-size:30px;color:#000000;}
.f1BoxDl dd p{line-height:34px;font-size:20px;color:#797979;padding-bottom:34px;}
.f1BoxDl dd a.btn{width:110px;height:46px;text-align:center;line-height:46px;font-size:18px;color:#808080;border:#dbdbdb solid 1px;border-radius:50px;display:block;position:relative;transition: all .3s;padding-right:30px;}
.f1BoxDl dd a.btn i{width:21px;height:15px;background:url(/style/images/gushang/ioc_08.png) no-repeat;display:block;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition: all .3s;}
.f1BoxDl dd a.btn:hover{color:#fff;background-color:#239e8e;}
.f1BoxDl dd a.btn:hover i{background-position:-25px 0;}

.f2Bg{background-color:#f6fcfe;}
.f2Box{padding-bottom:20px;overflow:hidden;}
.f2Box ul{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;justify-content:flex-start;}
.f2Box li{/*! float:left; */width:220px;height:220px;padding:0 37px 71px;}
.f2Box li a{height:78px;text-align:center;line-height:22px;font-size:20px;color:#333;background-color:#fff;position:relative;padding-top:144px;border-radius:.2rem;display:block;}
.f2Box li a em{font-size:16px;display:block;}
.f2Box li span{}
.f2Box li i{background:url(/style/images/gushang/ioc_04.png) no-repeat;display:block;position:absolute;left:50%;transform:translateX(-50%);transition: all .3s;}
.f2Box li i.ioc1{width:75px;height:75px;background-position:0 0;top:62px;}
.f2Box li i.ioc2{width:73px;height:79px;background-position:-79px 0;top:46px;}
.f2Box li i.ioc3{width:85px;height:85px;background-position:-156px 0;top:38px;}
.f2Box li i.ioc4{width:66px;height:75px;background-position:-245px 0;top:41px;}
.f2Box li i.ioc5{width:81px;height:46px;background-position:-315px 0;top:66px;}
.f2Box li i.ioc6{width:61px;height:61px;background-position:-400px 0;top:59px;}
.f2Box li i.ioc7{width:71px;height:72px;background-position:-465px 0;top:54px;}
.f2Box li i.ioc8{width:92px;height:41px;background-position:-540px 0;top:58px;}



.f2Box li a:hover{color:#fff;background-color:#239e8e;}
.f2Box li a:hover i.ioc1{background-position:0 -89px;}
.f2Box li a:hover i.ioc2{background-position:-79px -89px;}
.f2Box li a:hover i.ioc3{background-position:-156px -89px;}
.f2Box li a:hover i.ioc4{background-position:-245px -89px;}
.f2Box li a:hover i.ioc5{;background-position:-315px -89px;}
.f2Box li a:hover i.ioc6{background-position:-400px -89px;}
.f2Box li a:hover i.ioc7{background-position:-465px -89px;}
.f2Box li a:hover i.ioc8{background-position:-540px -89px;}



.f3Box{width:1198px;position:relative;z-index: 1;}
.f3Box i.mask{width:1200px;height:450px;background-color:#239e8e;display:none;position:absolute;left:0;bottom:0;z-index: -1;}
.f3Box ul{}
.f3Box li,.f3Box li img{width:1198px;height:500px;}
.f3Box a.prev-btn,.f3Box a.next-btn{width:28px;height:47px;background:url(/style/images/gushang/btn_01.png) 0 0 no-repeat;display:block;position:absolute;top:50%;margin-top:-22px;transition:all .3s;}
.f3Box a.prev-btn{background-position:0 0;left:-109px;}
.f3Box a.next-btn{background-position:-32px 0;right:-109px;}
.f3Box a.prev-btn:hover{background-position:0 -53px;}
.f3Box a.next-btn:hover{background-position:-32px -53px;}

.f4Bg{background-color:#fff;overflow:hidden;}
.f4BoxZjia{width:1200px;margin:0 auto;position:relative;}
.f4BoxZjia .bajs-easy-slider-container{width:1200px;overflow:visible;}
.f4BoxZjia li{float:left;width:380px;margin-right: 30px;}
.f4BoxZjia li.none{margin-right:0;}
.f4BoxZjia dl{position:relative;}
.f4BoxZjia dt{height:550px;overflow:hidden;}
.f4BoxZjia dt img{width:380px;/*! height:580px; */ display: block; transition:all .3s;}
.f4BoxZjia dt img:hover{-webkit-transform:scale(1.01);transform:scale(1.01);cursor:pointer;}
.f4BoxZjia dd{width:333px;height:102px;overflow: hidden;padding: 0 25px;text-align: left;background:#f7f7f7;position:absolute;bottom:0px;background:rgba(255,255,255,0.8);transition:all .3s;}
.f4BoxZjia dd h3{line-height:36px;font-size:30px;color:#22a8a9;padding:20px 0 20px;position: relative;}
.f4BoxZjia dd h3 a{color:#2cb5bd;}
.f4BoxZjia dd h3 small{font-size:18px;color:#2c221a;font-weight:normal;width: 353px;display:block;}
.f4BoxZjia dd h3 i{width:73px;height:73px;background:url(/style/images/index/tb.png) no-repeat;display:block;position:absolute;right:0;top:15px;transition:all .3s;}
.f4BoxZjia dd li{float:none !important;width:333px;font-size:16px;line-height:28px;padding-bottom:7px;}
.f4BoxZjia dd p{width:333px;font-size:16px;line-height:28px;padding-top:5px;}
.f4BoxZjia dd p span{font-size:18px;}
.f4BoxZjia dl:hover dd{height:463px;}
.f4BoxZjia dd:hover h3{padding-top:35px;}
.f4BoxZjia dl:hover dd h3 i{top:36px;}
.f4BoxZjia a.prev-btn,.f4BoxZjia a.next-btn{width:60px;height:60px;display:block;position:absolute;left:50%;top:50%;margin-top:-30px;transition:all .3s;}
.f4BoxZjia a.prev-btn{background:url(/style/images/index/left.png) no-repeat;margin-left:-600px;}
.f4BoxZjia a.next-btn{background:url(/style/images/index/right.png) no-repeat;margin-left:540px;}
.f4Box span.btn{width:100%;text-align:center;padding:45px 0 54px;display:block;overflow:hidden;}
.f4Box span.btn a{width:265px;height:70px;text-align:center;line-height:70px;font-size:26px;color:#fff;background-color:#ff9900;border-radius:5px;display:inline-block;margin:0 22px;}
.f4Box span.btn a:nth-child(2){background-color:#239e8e;}
.f4BoxWap{display:none;}
.f5Box{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;justify-content:space-between;overflow:hidden;padding-bottom: 65px;}
.f5Box dl{float:left;width:313px;}
.f5Box dt{height:29px;background:url(/style/images/gushang/ioc_09.png) no-repeat;margin:21px auto 25px;}
.f5Box dt.ioc1{width:35px;background-position:0 0;}
.f5Box dt.ioc2{width:40px;background-position:-39px 0;}
.f5Box dt.ioc3{width:39px;background-position:-84px 0;}



.f5Box dd{border-radius:20px;overflow:hidden;position:relative;}
.f5Box dd,.f5Box dd img{width:313px;height:420px;}
.f5Box dd span{width:313px;height:63px;text-align:center;line-height:63px;font-size:26px;color:#fff;background:linear-gradient(45deg,#1ebeca,#1da2ae);display:block;position:absolute;left:0;bottom:0;}




.f6Box{padding:50px 0 66px;overflow:hidden;}
.f6BoxTab{text-align:center;border-bottom:#ededed solid 2px;margin:0 90px 79px;position:relative;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;}
.f6BoxTab span{line-height:58px;font-size:26px;color:#333;display:inline-block;padding:0 25px;}
.f6BoxTab span i{width:1px;height:24px;background-color:#ccc;display:block;position:absolute;left:25%;top:50%;transform:translateY(-50%);}
.f6BoxTab span:nth-child(2) i{left:50%;}
.f6BoxTab span:nth-child(3) i{left:75%;}
.f6BoxTab span.active{color:#298e71;border-bottom:#298e71 solid 3px;}
.f6BoxCon{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden;}
.f6BoxCon span{float:left;display:block;margin-bottom:22px;}
.f6BoxCon span,.f6BoxSilder span img{width:387px;height:233px;}

@media only screen and (max-width: 750px){
	.container{max-width:750px;background-color:#f4fafa;}
	.item{width:7rem;}
	.banner-layer{display:none;}
	.container .bannerWap{width:7.5rem;height:3.75rem;display:block;background: url(https://boaioss.oss-cn-shenzhen.aliyuncs.com/bajs/style/ajax-loader.gif) no-repeat center; transition: height .3s;}
	.bannerWap,.bannerWap li img{width:7.5rem;height:3.75rem;}
	.bannerWap .bajs-easy-slider-pagination{width:7.5rem;text-align:center;line-height:0;position:absolute;left:0;bottom:.16rem;}
	.bannerWap .bajs-easy-slider-pagination a{width:.15rem;height:.15rem;font-size:0;background-color:#cdcdcd;border-radius:50%;display:inline-block;margin:0 .1rem;}
	.bannerWap .bajs-easy-slider-pagination a.active{background-color:#4390e3;}

	.item{width:6.7rem;margin:0 auto;}
	.itemTie{text-align:center;padding:.3rem 0 .4rem;}
	.itemTie span{line-height:.5rem;font-size:.42rem;color: #164243;}
	.itemTie small{line-height:.3rem;font-size:.2rem;text-transform: uppercase;}
	.itemTie small i{display:none;}
	
	.project{height:auto;padding:.52rem .39rem 0;background: none;}
	.projectBar{width:100%;background-color:#fff;border-radius:.1rem;}
	.projectBar ul{padding:.25rem 0 .25rem .2rem;margin: 0;display: block;overflow: hidden;}
	.projectBar li{width:2.1rem;border-bottom:#eee solid 1px;border-right:#eee solid 1px;box-sizing: border-box;float: left;margin-right: 0;}
	.projectBar li:nth-child(3n){border-right:0;}
	.projectBar li:nth-last-of-type(1){border-bottom:0;}
	.projectBar a{width:100%;height:.76rem;line-height:.76rem;font-size:.24rem;color:#333;padding-top:.75rem;}
	.projectBar a i{background:url(/style/images/gushang/ioc_51.png) no-repeat;background-size:2.21rem .59rem;}
/* 	.projectBar a i.ioc1{width:.64rem;height:.68rem;background-position:0 0;top:.22rem;}
	.projectBar a i.ioc2{width:.56rem;height:.70rem;background-position:-.68rem 0;top:.2rem;}
	.projectBar a i.ioc3{width:.65rem;height:.61rem;background-position:-1.28rem 0;top:.26rem;}
	.projectBar a i.ioc4{width:.61rem;height:.68rem;background-position:-1.97rem 0;top:.19rem;}
	.projectBar a i.ioc5{width:.69rem;height:.70rem;background-position:-2.62rem 0;top:.19rem;} */
	.projectBar a i.ioc1{width:.60rem;height:.59rem;background-position:0 0;top:.22rem;}
	.projectBar a i.ioc2{width:.44rem;height:.58rem;background-position:-.65rem 0;top:.2rem;}
	.projectBar a i.ioc3{width:.44rem;height:.56rem;background-position:-1.13rem 0;top:.26rem;}
	.projectBar a i.ioc4{width:.61rem;height:.59rem;background-position:-1.61rem 0;top:.19rem;}
	
	.projectBar a:hover{background-color:initial;}
	.projectBar li em{display:none;}

	.container section:nth-child(4){display:none;}

	.f2Box{background-color:#fff;border-radius:.1rem;padding:.39rem 0 .13rem;}
	.f2Box li{width:1.6rem;height:1.6rem; padding:0 0 .17rem;position:relative;margin-bottom: 0;}
	.f2Box li a{height:.51rem;line-height:.25rem;font-size:.24rem;color:#333;padding-top: 1.14rem;overflow:hidden;background: transparent;}
	.f2Box li i{width:1.04rem !important;height:1.04rem !important;background:url(/style/images/gushang/ioc_41.png) no-repeat;background-size:8.6rem 1.04rem;top:0 !important;}
	.f2Box li i.ioc1{background-position:0 0;}
	.f2Box li i.ioc2{background-position:-1.08rem 0;}
	.f2Box li i.ioc3{background-position:-2.16rem 0;}
	.f2Box li i.ioc4{background-position:-3.24rem 0;}
	.f2Box li i.ioc5{background-position:-4.32rem 0;}
	.f2Box li i.ioc6{background-position:-5.4rem 0;}
	.f2Box li i.ioc7{background-position:-6.48rem 0;}
	.f2Box li i.ioc8{background-position:-7.56rem 0;}
	.f2Box li a:hover{color:#333;background:transparent;}
	.f2Box li a:hover i.ioc1{background-position:0 0;}
	.f2Box li a:hover i.ioc2{background-position:-1.08rem 0;}
	.f2Box li a:hover i.ioc3{background-position:-2.16rem 0;}
	.f2Box li a:hover i.ioc4{background-position:-3.24rem 0;}
	.f2Box li a:hover i.ioc5{background-position:-4.32rem 0;}
	.f2Box li a:hover i.ioc6{background-position:-5.4rem 0;}
	.f2Box li a:hover i.ioc7{background-position:-6.48rem 0;}
	.f2Box li a:hover i.ioc8{background-position:-7.56rem 0;}
	
	.container section:nth-child(6),.f3Box{display:none;}
	.f4Bg{padding-bottom:.61rem;background: transparent;}
	.f4Box{display:none;}
	.f4BoxWap{width:6.8rem;background-color:#fff;border-radius:.2rem;display:block;}
	.f4BoxWap ul{height:7.5rem;overflow:hidden;}
	.f4BoxWap li{float:left;width:6.8rem;height:7.5rem;}
	.f4BoxWap dl{padding:.3rem 0 .34rem .32rem;overflow:hidden;}
	.f4BoxWap dt{float:left;width:2.43rem;}
	.f4BoxWap dt img{width:100%;}
	.f4BoxWap dd{float:right;width:3.6rem;}
	.f4BoxWap dd h3{line-height:.62rem;font-size:.36rem;color:#bb9065;}
	.f4BoxWap dd h3 a{color:#2eaaa9;}
	.f4BoxWap dd h3 small{font-size:.24rem;color:#747474;font-weight:normal;padding-left:.2rem;}
	.f4BoxWap dd li,.f4BoxWap dd p{float:none !important;width:3.4rem;line-height:.34rem;font-size:.24rem;color:#2d2d2d;padding-right: .2rem;}
	.f4BoxWap p.txt{width:5.67rem;text-indent:3.5em;line-height:.36rem;font-size:.24rem;color:#2d2d2d;background-color:#f1fbfa;padding:.16rem .22rem .12rem;margin:0 auto;position:relative;border-radius:.1rem;}
	.f4BoxWap p.txt span{width:.77rem;height:.35rem;text-align:center;line-height:.35rem;text-indent:0;font-size:.24rem;color:#fff;display:block;background-color:#2eaaa9;border-radius:.1rem;position:absolute;left:.22rem;top:.16rem;}
	.f4BoxWap span.btn{text-align:center;padding:.43rem 0 .8rem;display:block;}
	.f4BoxWap span.btn a{width:2.65rem;height:.7rem;text-align:center;line-height:.7rem;font-size:.28rem;color:#fff;background-color:#ff9900;border-radius:.1rem;display:inline-block;margin:0 .1rem;}
	.f4BoxWap span.btn a:nth-child(2){background-color:#2eaaa9;}
	.f4BoxWap .bajs-easy-slider-pagination{width:6.8rem;text-align:center;line-height:0;display:block;position:absolute;left:0;bottom:.29rem;}
	.f4BoxWap .bajs-easy-slider-pagination a{width:.15rem;height:.15rem;font-size:0;background-color:#eee;border-radius:50%;display:inline-block;margin:0 .06rem;}
	.f4BoxWap .bajs-easy-slider-pagination a.active{background-color:#31b5b5;}
	
	.f5BoxTab{display:none;}
	.f5Box{padding-bottom:0;}
	.f5BoxSilder{background-color:#fff;border-radius:.1rem;margin-bottom:0;padding-bottom:0;}
	.f5BoxSilder ul{height:8rem;overflow:hidden;}
	.f5BoxSilder li{width:6.8rem;}
	.f5BoxSilder dl{border-radius:.1rem;overflow:hidden;}
	.f5BoxSilder dt{float:none;line-height: 0;border-radius:.1rem;overflow:hidden;margin:.28rem auto 0;}
	.f5BoxSilder dt,.f5BoxSilder dt img{width:6.06rem;height:auto;}
	.f5BoxSilder dt:after{display:none;}
	.f5BoxSilder dd{width:auto;margin: 0 auto;padding: 0 .5rem;float: none;}
	.f5BoxSilder dd h3{width:4.3rem;text-align:center;line-height:0;font-size:0;color:#2eaaa9;padding:.2rem 0 0;margin:0 auto .13rem;border-bottom: #ece3da solid 1px;}
	.f5BoxSilder dd h3 span{line-height:.8rem;font-size:.36rem;display:block;}
	.f5BoxSilder dd h3 i{width:.35rem;height:.03rem;background-color:#2eaaa9;display:block;position:absolute;left:50%;bottom:0;transform: translate(-50%,50%);}
	.f5BoxSilder dd h3 small{display:none;}
	.f5BoxSilder dd li{float:none !important;line-height:.5rem;font-size:.28rem;}
	.f5BoxSilder dd p{text-align:center;line-height:.4rem;font-size:.24rem;color:#333;}
	.f5BoxSilder .bajs-easy-slider-pagination{width:6.8rem;text-align:center;line-height:0;display:block;position:absolute;left:0;bottom:.24rem;}
	.f5BoxSilder .bajs-easy-slider-pagination a{width:.15rem;height:.15rem;font-size:0;background-color:#eee;border-radius:50%;display:inline-block;margin:0 .06rem;}
	.f5BoxSilder .bajs-easy-slider-pagination a.active{background-color:#31b5b5;}
	
}