@charset "utf-8";
/*
* Author:pengxing
* Date:2023.8.2
*/
body{}
.new-header,.container{width:100%;margin:0 auto;}
.container{background-color:#fff;}
.container img{max-width:100%;display:block;}
.item{width:1400px;margin:0 auto;}
.banner{width:100%;height:700px;overflow:hidden;position:relative;}
.bannerInfo{position:absolute;left:50%;top:0;margin-left:-960px;}
.bannerInfo,.bannerInfo li,.bannerInfo img{width:1920px;height:700px;}
.bannerWap{display:none;}

/*page_01*/
.f1Box dl{padding:100px 0 100px;overflow:hidden;}
.f1Box dt{float:right;position:relative;padding:8px;z-index:1;}
.f1Box dt,.f1Box dt img{width:378px;height:419px;}
.f1Box dt img.wap{display:none;}
.f1Box dt i{background-color:#eafaf8;display:block;position:absolute;z-index:-1;}
.f1Box dt i.ioc1{width:280px;height:153px;left:0;bottom:0;}
.f1Box dt i.ioc2{width:71px;height:152px;right:0;top:0;}
.f1Box dd{float:left;width:960px;}
.f1Box dd p{text-indent:2em;line-height:56px;font-size:28px;color:#1a1a1a;padding-bottom: 15px;}
.f1Box dd div{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;padding-top: 25px;}
.f1Box dd div span{height:85px;text-align:center;line-height:85px;font-size:30px;color:#333;position:relative;padding:0 18px 0 67px;cursor: pointer;}
.f1Box dd div span i{background:url(/style/images/zt/anli/ioc_02.png) no-repeat;display:block;position:absolute;left:20px;top:50%;transform:translateY(-50%);}
.f1Box dd div span i.ioc1{width:38px;height:40px;background-position:0 0;}
.f1Box dd div span i.ioc2{width:47px;height:40px;background-position:-42px 0;}
.f1Box dd div span i.ioc3{width:36px;height:53px;background-position:-93px 0;}
.f1Box dd div span:hover{color:#108f90;border-radius:20px;background-color:#fcffff;box-shadow:#eee 0 0 5px;}
.f1Box dd div span:hover i.ioc1{background-position:0 -57px;}
.f1Box dd div span:hover i.ioc2{background-position:-42px -57px;}
.f1Box dd div span:hover i.ioc3{background-position:-93px -57px;}

.f2Bg{background:url(/style/images/zt/anli/bg_03.jpg) repeat;padding-top:100px;}
.f2Bg .itemTie{width:669px;margin:0 auto 113px;}
.f2Bg .itemTie img{width:100%;}
.f2BoxTab{display:none;}
.f2Box{padding-top:50px;overflow:hidden;padding-right:22px;}
.f2BoxCon{float:left;width:635px;height:670px;position:relative;z-index:1;margin-bottom:114px;}
.f2BoxCon i.mask{width:635px;height:670px;background-color:#33afb0;display:block;border-radius:20px;position:absolute;top:-21px;right:-21px;left:auto;z-index:-1;}
.f2BoxCon dl{width:635px;height:670px;background:url(/style/images/zt/anli/bg_02.jpg) no-repeat;border-radius:20px;box-shadow: #33afb078 5px 5px 5px;}
.f2BoxCon dt{height:250px;position:relative;padding-left:285px;}
.f2BoxCon dt .ioc{width:80px;height:85px;text-align:center;line-height:85px;font-size:48px;color:#fff;background-color:#013131;border-radius:50%;display:block;position:absolute;right:-32px;top:-40px;font-style: italic;padding-right: 5px;}
.f2BoxCon:nth-child(2n) dt .ioc{right:-22px;}
.f2BoxCon dt img{width:199px;height:207px;background:url(/style/images/zt/anli/bg_01.png) no-repeat;padding:20px 18px 39px 17px;display:block;position:absolute;left:5px;top:-49px;}
.f2BoxCon dt h4{line-height:36px;font-size:20px;font-weight:normal;color:#178788;position:relative;padding-top: 10px;}
.f2BoxCon dt h4 i{width:44px;height:50px;background: url(/style/images/zt/anli/ioc_01.png) no-repeat;display: block;position: absolute;right: 135px;top:2px;}
.f2BoxCon dt li{line-height:22px;font-size:18px;color:#333;position:relative;padding:10px 0 10px 80px;}
.f2BoxCon dt li span{width:75px;height:24px;text-align:center;line-height:24px;font-size:16px;color:#fff;background-color:#178788;border-radius:5px;display:block;position:absolute;left:0;top:50%;margin-top:-12px;}
.f2BoxCon dt p{line-height:32px;font-size:22px;color:#333;}
.f2BoxCon dd .video{width:565px;height:290px;margin: 0 auto 37px;background-color:#dedede;}
.f2BoxCon dd .video video{width:565px;height:290px;}
.f2BoxCon dd .btn{width:416px;height:59px;position:relative;z-index:1;display:block;margin:0 auto;}
.f2BoxCon dd .btn span{width:332px;height:55px;text-align:center;line-height:55px;font-size:30px;color:#fc6334;padding-right:80px;background-color:#fff;border:#fc6334 solid 2px;border-radius:0 30px 30px 30px;display:block;margin:0 auto;position:relative;}
.f2BoxCon dd .btn span i{width:38px;height:31px;background:url(/style/images/zt/anli/ioc_03.png) no-repeat;display:block;position:absolute;right:69px;top:50%;transform:translateY(-50%);transition:all .3s;}
.f2BoxCon dd .btn em{width:412px;height:55px;text-align:center;line-height:55px;border:#000 solid 2px;border-radius:50px;position:absolute;z-index:-1;left: 7px;top: 7px;}
.f2BoxCon dd .btn:hover span{color:#fff;background-color:#fc6334;}
.f2BoxCon dd .btn:hover span i{background-position:0 -35px;}
.f2BoxCon:nth-child(2n){float:right;}






.page_9{background:url(/style/images/zt/anli/f9Bg.jpg) center 0 no-repeat #fff;padding-top:50px;}
.page_9 .item{width:1200px;}
/*news-footer*/
.news-footer{overflow: hidden;}
.footer-wrapp{height: 597px; background:url(https://www.szyake.hk/style/images/home/footer_bg.jpg) no-repeat center 0;}
.news-footer h2{padding: 68px 0 62px;}
.news-footer h2 img{width: 726px; height:67px; margin: 0 auto; display: block;}
.footer-body{width: 1200px; margin: 0 auto; overflow: hidden;}
.footer-body .contact{float: left; width: 661px;}
.footer-body .imgBox{float: right; position: relative; width: 509px; height: 282px;margin-top:65px;margin-bottom:30px;}
.footer-body .imgBox img{display: block; border-radius: 10px;}
.footer-body .imgBox .adr{position: absolute; left: 6px; bottom: -40px; width: 505px; height:385px;}
.footer-bodyWap{display:none;}
.footer-tel{height:122px; background-color:#1c9b9b;overflow: hidden;}
.footer-tel p{width: 1200px;height: 122px;margin: 0 auto;color: #fff; font-size:84px;font-weight: 600;line-height: 122px;}
.footer-tel p i{width:73px; height:75px; display:inline-block; background:url(/style/images/home/icon_tel.png) no-repeat;vertical-align: top;margin: 24px 12px 0 0;}
.footer-tel p span{font-size:76px;line-height: 122px;display: inline-block;vertical-align: top;}

.pulse{animation:pulse 1s .2s ease infinite;-webkit-animation:pulse 1s .2s ease infinite;}
@keyframes pulse{
	0%{transform:scale(0.9)}
	50%{transform:scale(1)}
	100%{transform:scale(0.9)}
}
@-webkit-keyframes pulse{
	0%{-webkit-transform:scale(0.9)}
	50%{-webkit-transform:scale(1)}
	100%{-webkit-transform:scale(0.9)}
}
@media only screen and (max-width: 750px){
	.new-header,.container{min-width:320px;width:100%;max-width:750px;margin:0 auto;}
	.container{background:url(/style/images/zt/anli/bg_03.jpg) repeat;padding-bottom:0;}
	.container img{max-width:100%;display:block;}
	.item{width:auto;}
    .banner{display:none;}
    .bannerWap{display:block;}
    .bannerWap,.bannerWap li,.bannerWap img{width:100%;}
    
    .f1Box{padding:.37rem .4rem 0;}
    .f1Box dl{background-color:#fff;padding:.25rem .2rem .3rem;border-radius:.2rem;box-shadow: rgba(198,227,224,.6) 0 0 .1rem;}
    .f1Box dt{float:none;margin:0 auto .17rem;padding:0;}
    .f1Box dt,.f1Box dt img{width:6.16rem;height:3.62rem;}
    .f1Box dt img{display:none;}
    .f1Box dt img.wap{display:block;}
    .f1Box dt i{display:none;}
    .f1Box dd{float:none;width:auto;}
    .f1Box dd p{line-height:.4rem;font-size:.24rem;padding-bottom: .15rem;}
    .f1Box dd div{padding-top: .25rem;border-top: #add8d9 dashed 1px;margin-top: .3rem;}
    .f1Box dd div span{height:auto;text-align:left;line-height:.24rem;font-size:.24rem;position:relative;padding:0 .15rem 0 .6rem;cursor: pointer;}
    .f1Box dd div span em{font-style:italic;color:#ff6000;display:block;}
    .f1Box dd div span i.ioc1,.f1Box dd div span i.ioc2,.f1Box dd div span i.ioc3{width:.58rem;height:.49rem;}
    .f1Box dd div span i.ioc1{background:url(/style/images/zt/anli/ioc_04.png) no-repeat;background-size:100% 100%;left:0;}
    .f1Box dd div span i.ioc2{background:url(/style/images/zt/anli/ioc_05.png) no-repeat;background-size:100% 100%;left:0;}
    .f1Box dd div span i.ioc3{background:url(/style/images/zt/anli/ioc_06.png) no-repeat;background-size:100% 100%;left:.1rem;}
    .f1Box dd div span b{width:.19rem;height:.49rem;display:block;position:absolute;right:-.15rem;top:50%;transform:translateY(-50%);background: url(/style/images/zt/anli/bg_04.png) no-repeat;}
    .f1Box dd div span:last-child b{display:none;}
    .f1Box dd div span:hover{color:#108f90;border-radius:20px;background-color:transparent;box-shadow:#eee 0 0 5px;}
    .f1Box dd div span:hover i.ioc1,.f1Box dd div span:hover i.ioc2,.f1Box dd div span:hover i.ioc3{background-position:0 0;}
    
    
    
    
    .f2Bg{background:url(/style/images/zt/anli/bg_03.jpg) repeat;padding-top:.5rem;}
    .f2Bg .itemTie{width:4.3rem;margin:0 auto .2rem;}
    .f2Box{padding-top:.5rem;padding-right:0;height:7.45rem;overflow: hidden;padding-bottom: .7rem;}
    .f2BoxTab{overflow:hidden;position:relative;padding:0 1rem;display:block;}
    .f2BoxTab .f2Swiper{padding-top:.05rem;overflow:hidden;}
    .f2BoxTab .swiper-slide span{padding:.1rem;background-color:#fff;border:#666 solid 1px;display:block;overflow:hidden;}
    .f2BoxTab .swiper-slide span,.f2BoxTab .swiper-slide span img{width:1.48rem;height:1.48rem;border-radius:50%;}
    .f2BoxTab .swiper-button-next,.f2BoxTab .swiper-button-prev{width:.45rem;height:.45rem;display:block;position:absolute;top:50%;transform:translateY(-50%);margin-top: 0;}
    .f2BoxTab .swiper-button-next{background:url(/style/images/zt/anli/right.png) no-repeat;background-size:100% 100%;right:.4rem;}
    .f2BoxTab .swiper-button-prev{background:url(/style/images/zt/anli/left.png) no-repeat;background-size:100% 100%;left:.4rem;}
    .f2BoxTab .swiper-slide.active span{background-color:#33afb0;border:#33afb0 solid 1px;}
    
    
    
    .f2BoxCon{float:none;width:6.7rem;height:auto;margin:0 auto;background-color: #33afb0;padding: .28rem 0 .47rem;border-radius: .2rem;}
    .f2BoxCon i.mask{width:635px;height:670px;background-color:#33afb0;border-radius:20px;position:absolute;top:-21px;right:-21px;left:auto;display:none;}
    .f2BoxCon dl{width:6.15rem;height:6.7rem;background-size:100% 100%;border-radius:.2rem;box-shadow: #33afb078 5px 5px 5px;margin: 0 auto;}
    .f2BoxCon dt{height:auto;padding:0 0 .1rem .33rem;}
    .f2BoxCon dt .ioc{display:none;}
    
    .f2BoxCon:nth-child(2n) dt .ioc{right:-22px;}
    .f2BoxCon dt img{display:none;}
    .f2BoxCon dt h4{line-height:.8rem;font-size:.32rem;padding-top: 0;}
    .f2BoxCon dt h4 i{width:.44rem;height:.5rem;background-size: 100% 100%;right: .26rem;top:.05rem;}
    .f2BoxCon dt li{line-height:.34rem;font-size:.28rem;padding:0 0 0 1.3rem;margin-bottom: .1rem;}
    .f2BoxCon dt li span{width:1.21rem;height:.34rem;line-height:.34rem;font-size:.28rem;border-radius:.05rem;margin-top:-.17rem;}
    .f2BoxCon dt p{line-height:.35rem;font-size:.28rem;}
    .f2BoxCon dd .video{width:5.5rem;height:2.9rem;margin: 0 auto .15rem;}
    .f2BoxCon dd .video video{width:5.5rem;height:2.9rem;}
    .f2BoxCon dd .btn{width:4.16rem;height:.59rem;}
    .f2BoxCon dd .btn span{width:3.32rem;height:.59rem;line-height:.59rem;font-size:.3rem;color:#fff;padding-right:.8rem;background-color:#fc6334;border:#fc6334 solid 2px;border-radius:0 .3rem .3rem .3rem;display:block;margin:0 auto;position:relative;}
    .f2BoxCon dd .btn span i{width:.38rem;height:.31rem;background-size:.38rem .66rem;background-position:0 -.35rem;position:absolute;right:.6rem;top:50%;transform:translateY(-50%);transition:all .3s;}
    .f2BoxCon dd .btn em{width:4.12rem;height:.55rem;line-height:.55rem;border:#000 solid 2px;border-radius:.5rem;left:.07rem;top:.07rem;}
    .f2BoxCon dd .btn:hover span{color:#fff;background-color:#fc6334;}
    .f2BoxCon dd .btn:hover span i{background-position:0 -.35rem;}
    .f2BoxCon:nth-child(2n){float:none;}
    
    
    
	.page_9{background-size:100% auto;padding-top:.3rem;}
    .page_9 .item{width:auto;}
    /*news-footer*/
    .footer-wrapp{height: 7.3rem;background-size:100% 100%;}
    .news-footer h2{padding: .46rem 0 .11rem;}
    .news-footer h2 img{width: 5.19rem; height:auto;}
    .footer-body{display:none;}
    .footer-bodyWap{display:block;}
    .footer-bodyWap .contact{ width: 5.5rem;padding-left: .4rem;margin: 0 auto;}
    .footer-bodyWap .imgBox{display:flex;display:-webkit-flex;justify-content:space-between;padding:.18rem .48rem .33rem;}
    .footer-bodyWap .imgBox img{width:3.06rem;height: auto;border-radius: .1rem;}
    .footer-bodyWap .imgFixed{height:1.08rem; background-color:#1c9b9b;color:#fff;font-size: .48rem;font-weight: 600;display:flex;align-items: center;justify-content: center;}
    .footer-bodyWap .imgFixed i{width:.43rem; height:.44rem; margin-right:.1rem; display:block; background:url(/style/images/home/icon_tel.png) no-repeat; background-size:100% 100%;}
    .footer-bodyWap .imgFixed span{font-size:.42rem;}
    .footer-tel{display:none;}
}
https://boaioss.oss-cn-shenzhen.aliyuncs.com/boaisg/images/index/ry_02.jpg?v=1