@charset "utf-8";

/**
 * @Site 南粤官网
 * @authors pengxing
 * @date    2022.11.21
 */
br{line-height:0 !important;}
.banner{width:100%;height:550px;overflow:hidden;position:relative;background: url(../images/ajax-loader.gif) no-repeat center;}
.bannerInfo{width:1920px;height:550px;position:absolute;left:50%;margin-left:-960px;top:0;}
.bannerInfo .bajs-easy-slider-pagination{width: 100%;height: 16px;font-size: 0;line-height: 0;text-align: center;bottom:14px;z-index:11;}
.bannerInfo .bajs-easy-slider-pagination a{width: 16px; height: 16px; border-radius: 50%;display: inline-block;background-color: #cdcdcd;overflow: hidden;margin: 0 10px;opacity: 1;}
.bannerInfo .bajs-easy-slider-pagination a.active{background-color: #4390e3;}
.bannerWap{display:none;}

.item{width:1200px;margin:0 auto;}
.itemTie{text-align:center;padding:65px 0 70px;}
.itemTie span{line-height:40px;font-size:30px;color:#164243;display:block;}
.itemTie small{line-height:35px;font-size:14px;color:#8f8f8f;font-weight:normal;text-transform:uppercase;display:block;position:relative;}
.itemTie small i{width:45px;height:2px;background-color:#1ec2d2;display:block;position:absolute;left:50%;transform:translateX(-50%);bottom:0;}

.f1Box{}
.f1BoxTab{text-align:center;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;padding:0 80px 39px;overflow:hidden;}
.f1BoxTab span{text-align:left;line-height:30px;font-size:18px;color:#808080;display:inline-block;position:relative;padding:29px 0 29px 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(../images/index/ioc_01.png) no-repeat;}
.f1BoxTab span i.ioc2{background:url(../images/index/ioc_02.png) no-repeat;}
.f1BoxTab span i.ioc3{background:url(../images/index/ioc_03.png) no-repeat;}
.f1BoxTab span em{font-size:26px;color:#333;display:block;}
.f1BoxDl{overflow:hidden;position: relative;}
.f1BoxDl dt{float:left;padding:22px 10px 20px 22px;position:relative;z-index:1;}
.f1BoxDl dt,.f1BoxDl dt img{width:560px;height:385px;}
.f1BoxDl dt i.ioc1{width:97px;height:85px;background:url(../images/ioc_a1.png) no-repeat;display:block;position:absolute;left:0;top:0;}
.f1BoxDl dt em{background-color:#edfcfc;display:block;position:absolute;z-index:-1;}
.f1BoxDl dt em.ioc2{width:380px;height:222px;left:0;bottom:0;}
.f1BoxDl dt em.ioc3{width:166px;height:166px;right:0;top:12px;}
.f1BoxDl dd{float:right;width:560px;padding-top:15px;}
.f1BoxDl dd p{line-height:32px;text-indent:2em;font-size:18px;color:#808080;}
.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;padding-right:30px;margin-top: 20px;}
.f1BoxDl dd a.btn i{width:21px;height:15px;background:url(../images/ioc_08.png) no-repeat;display:block;position:absolute;right:20px;top:50%;transform:translateY(-50%);}
.f1BoxDl dd a.btn:hover{color:#fff;border:#ff7900 solid 1px;background-color:#ff7900;}
.f1BoxDl dd a.btn:hover i{background-position:-25px 0;}

.f1BoxDl dd h3{line-height:30px;font-size:30px;color:#000;padding-bottom:25px; padding-top:10px;}


/*.f2Bg{}
.f2Box{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;}
.f2Box dl{width:564px;height:123px;border-radius:20px;box-shadow:#efefef 0 5px 10px;margin-bottom:34px;position:relative;border: #38b1b1 solid 1px;}
.f2Box dt{width:89px;line-height:30px;font-size:26px;color:#38b1b1;position:absolute;left:16px;top:50%;transform:translateY(-50%);padding:0 0 0 81px;border-right:#e2e2e2 solid 1px;}
.f2Box dt i{width:57px;height:57px;background:url(/style/images/pifuke/ioc_04.png) no-repeat;display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.f2Box dt i.ioc1{background-position:0 0;}
.f2Box dt i.ioc2{background-position:-61px 0;}
.f2Box dt i.ioc3{background-position:-122px 0;}
.f2Box dt i.ioc4{background-position:-183px 0;}
.f2Box dt i.ioc5{background-position:-244px 0;}
.f2Box dd{height:123px;padding-left:200px;display:block;display:grid;justify-content:left;align-items:Center;}
.f2Box dd a{line-height:31px;font-size:22px;color:#393939;display:inline-block;margin-right:65px;}
.f2Box dl:last-child{width:1200px;}
.f2Box dl.active{background-color:#38b1b1;}
.f2Box dl.active dt{color:#fff;}
.f2Box dl.active dd a{color:#fff;} 
*/
.f2Box{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;}
.f2Box li{ float:left; width:25%;}
.f2Box li a{ font-size: 24px; display:block; height:248px; height: 60px; line-height:60px; text-align:center;border: 1px solid #ccc;border-radius: 15px;color: #000000;margin-bottom: 40px;margin-right: 30px; margin-left:30px;}
.f2Box li a:hover {color: #FFF;border-color: #22a8a9; background:#22a8a9;}


.f3Box{width:1198px;margin:0 auto 75px;}
.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(../images/hzj/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:#f9feff;}
.f4Box{padding:0 32px;overflow:hidden;}
.f4Box dl{background-color:#fff;overflow:hidden;margin-bottom:74px;}
.f4Box dt{float:right;}
.f4Box dt,.f4Box dt img{width:528px;height:379px;}
.f4Box dd{float:left;width:545px;padding-left:40px;}
.f4Box dd h3{position:relative;padding-top:95px;z-index:1;}
.f4Box dd h3 i{height:72px;background:url(/style/images/pifuke/ioc_06.png) no-repeat;display:block;position:absolute;left:0;top:35px;z-index:-1;}
.f4Box dd h3 i.ioc1{width:76px;background-position:0 0;}
.f4Box dd h3 i.ioc2{width:89px;background-position:-80px 0;}
.f4Box dd h3 i.ioc3{width:90px;background-position:-173px 0;}
.f4Box dd h3 i.ioc4{width:92px;background-position:-263px 0;}
.f4Box dd h3 span{line-height:42px;font-size:35px;font-weight:bold;color:#222;position:relative;padding-bottom:15px;display:block;}
.f4Box dd h3 span em{width:37px;height:1px;background-color:#3bc4cc;display:block;position:absolute;left:0;bottom:0;}
.f4Box dd p{line-height:34px;font-size:22px;color:#5e5e5e;}
.f4Box dd p span{line-height:40px;font-size:26px;color:#ff8a3c;}
.f4Box dl:nth-child(2n) dt{float:left;}
.f4Box dl:nth-child(2n) dd{float:right;padding-right:20px;padding-left:0;}
.f4BoxWap{display:none;}

.f4BoxWap{display:none;}



.f5Box{margin-bottom:60px;position: relative;z-index: 1;}

.f5BoxTab{width:800px; margin:0 auto;text-align:center;padding-bottom:66px;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;padding:0 47px 66px;}
.f5BoxTab span{line-height:43px;font-size:24px;color:#757575;display:inline-block;padding:0 17px;border-radius:50px;}
.f5BoxTab span.active{color:#f8f8f8;background-color:#19b6bf;}


.f5BoxSilder{background-color:#22a8a9;overflow: hidden;}
.f5BoxSilder ul{height:443px;overflow:hidden;}
.f5BoxSilder dl{overflow:hidden;position:relative;}
.f5BoxSilder dt{float:left;position:relative;}
.f5BoxSilder dt,.f5BoxSilder dt img{width:720px;height:443px;}
.f5BoxSilder dt:after{width:0;height:0;content:' ';border-right:#22a8a9 solid 20px;border-top:transparent solid 20px;border-bottom:transparent solid 20px;position:absolute;right:0;top:102px;}
.f5BoxSilder dd{float:left;width:380px;padding-left:50px;}
.f5BoxSilder dd h3{width:340px;line-height:30px;font-size:24px;font-weight:bold;color:#fff;border-bottom:#4fb1a5 solid 1px;position:relative;padding:100px 0 25px;margin-bottom:30px;}
.f5BoxSilder dd h3 i{width:60px;height:5px;background-color:#fff;display:block;position:absolute;left:0;bottom:0;}
.f5BoxSilder dd h3 span{display:none;}
/* .f5BoxSilder dd h3 small{width:293px;height:142px;font-size:0;background:url(/style/images/kouqiang/tie_01.png) no-repeat;display:block;position:absolute;left:0;top:-14px;} */
.f5BoxSilder dd h3 small{line-height:30px;font-size:24px;text-transform:uppercase;display:block;position:absolute;left:0;top:30px;opacity: .1;}
.f5BoxSilder dd li{float:none !important;line-height:44px;font-size:23px;color:#fff;position:relative;}
.f5BoxSilder dd p{line-height:32px;font-size:18px;color:#fff;}

.f6Bg{background-color:#faffff;padding-bottom:60px;overflow:hidden;}
.f6Box .tab{text-align:center;padding:0 113px 45px;display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;}
.f6Box .tab span{line-height:43px;font-size:24px;color:#333;display:inline-block;padding:0 17px;border-radius:50px;}
.f6Box .tab span.active{color:#fff;background-color:#21bbbd;}
.f6BoxZjia{width:1300px;margin:0 auto;position:relative;overflow: hidden;}
.f6BoxZjia .bajs-easy-slider-container{width:1200px;overflow:visible;}
.f6BoxZjia li{float:left;width:380px;margin-right: 30px;}
.f6BoxZjia dl{position:relative;}
.f6BoxZjia dt{height:550px;overflow:hidden;}
.f6BoxZjia dt img{width:380px;/*! height:580px; */ display: block; transition:all .3s;}
.f6BoxZjia dt img:hover{-webkit-transform:scale(1.01);transform:scale(1.01);cursor:pointer;}
.f6BoxZjia 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;}
.f6BoxZjia dd h3{line-height:36px;font-size:30px;color:#22a8a9;padding:20px 0 20px;position: relative;}
.f6BoxZjia dd h3 a{color:#2cb5bd;}
.f6BoxZjia dd h3 small{font-size:18px;color:#2c221a;font-weight:normal;width: 353px;display:block;}
.f6BoxZjia 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;}
.f6BoxZjia dd li{float:none !important;width:333px;font-size:16px;line-height:28px;padding-bottom:7px;}
.f6BoxZjia dd p{width:353px;font-size:16px;line-height:28px;padding-top:5px;}
.f6BoxZjia dd p span{font-size:18px;}
.f6BoxZjia dl:hover dd{height:463px;}
.f6BoxZjia dd:hover h3{padding-top:35px;}
.f6BoxZjia dl:hover dd h3 i{top:36px;}
.f6BoxZjia li.none{margin-right:0;}
.f6BoxZjia a.prev-btn,.f6BoxZjia a.next-btn{width:60px;height:60px;display:block;position:absolute;left:50%;top:50%;margin-top:-30px;transition:all .3s;}
.f6BoxZjia a.prev-btn{background:url(/style/images/index/left.png) no-repeat;margin-left:-600px;}
.f6BoxZjia a.next-btn{background:url(/style/images/index/right.png) no-repeat;margin-left:540px;}
.f6Box span.btn{text-align:center;padding:73px 0 49px;display:none;}
.f6Box 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 111px;}
.f6Box span.btn a:nth-child(2){background-color:#5697f6;}
.f6BoxWap{display:none;}

.f7Box{padding:50px 0 66px;overflow:hidden;}
.f7BoxTab{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;}
.f7BoxTab span{line-height:58px;font-size:26px;color:#333;display:inline-block;padding:0 25px;}
.f7BoxTab span i{width:1px;height:24px;background-color:#ccc;display:block;position:absolute;left:25%;top:50%;transform:translateY(-50%);}
.f7BoxTab span:nth-child(2) i{left:50%;}
.f7BoxTab span:nth-child(3) i{left:75%;}
.f7BoxTab span.active{color:#0f757a;border-bottom:#0f757a solid 3px;}
.f7BoxCon{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden;padding:0 20px;}
.f7BoxCon span{float:left;display:block;margin-bottom:40px;}
.f7BoxCon span,.f7BoxCon span img{width:360px;height:200px;}

@media only screen and (max-width: 750px){
	.container{max-width:750px;background-color:#f1fbfa;}
	.item{width:7rem;}
	.banner-layer{display:none;}
	.container .bannerWap{width:7.5rem;height:3.75rem;display:block;background: url(../images/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:7.1rem;margin:0 auto;}
	.itemTie{text-align:center;padding:.4rem 0 .3rem;}
	.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:block;}
	
	.container section:nth-child(3),.f1Box{display:none;}
	
	.f2Bg{ background:#FFF; padding-top:0.1rem; padding-bottom:0.3rem;}
	.f2Box{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;}
	.f2Box ul{ width:100%;}
	.f2Box li{ float:left; width:33%;}
	.f2Box li a{ font-size:.24rem; display:block;  height:0.6rem; line-height:0.6rem;  text-align:center;border: 1px solid #ccc;border-radius: 8px;color: #000000;margin-bottom: 0.2rem;margin-right: 0.1rem; margin-left:0.1rem;}
	.f2Box li a:hover {color: #FFF;border-color: #22a8a9; background:#22a8a9;}

	
	.f3Box{width:7rem;margin:0 auto;}
	.f3Box li,.f3Box li img{width:7rem;height:auto;}
	.f3Box a.prev-btn,.f3Box a.next-btn{width:.28rem;height:.47rem;background:url(/style/images/pifuke/btn_01.png) 0 0 no-repeat;background-size: .6rem 1rem;position:absolute;top:50%;margin-top:-.23rem;transition:all .3s;}
	.f3Box a.prev-btn{background-position:0 0;left:.1rem;}
	.f3Box a.next-btn{background-position:-.32rem 0;right:.1rem;}
	.f3Box a.prev-btn:hover{background-position:0 -.53rem;}
	.f3Box a.next-btn:hover{background-position:-.32rem -.53rem;}
	
	.f4Bg{background:transparent;}
	.f4Box{display:none;}
	.f4BoxWap{display:block;overflow: hidden; position:relative;}
	.f4BoxWap ul,.f4BoxWap li{height:4.2rem;}
	.f4BoxWap dl{width:7.10rem;height:4.2rem;background-color: #fff;border-radius:.1rem;position:relative;}
	.f4BoxWap dt{border-radius:50%;overflow:hidden;position: absolute;left: 0.36rem;top: 50%;transform: translateY(-50%);}
	
	.f4BoxWap dt,.f4BoxWap dt img{width:1.8rem;height:1.8rem;}
	.f4BoxWap dd{padding:0 .35rem;}
	.f4BoxWap dd h3{padding:.6rem 0 .18rem 2rem;}
	.f4BoxWap dd h3 span{line-height:.44rem;font-size:.3rem;color:#2eaaa9;font-weight:bold;display:block;}
	.f4BoxWap dd h3 em{line-height:.35rem;font-size:.24rem;color:#ff8a3c;border-bottom:#ece3da solid 1px;display:block;padding-bottom:.18rem;}
	.f4BoxWap dd h3 i{width:1.8rem;height:1.41rem;display:block;position:absolute;right:0;top:.25rem;}
	.f4BoxWap dd h3 i.ioc1{background:url(../images/neike/wap_01.png) no-repeat;background-size:100% 100%;}
	.f4BoxWap dd h3 i.ioc2{background:url(../images/neike/wap_02.png) no-repeat;background-size:100% 100%;}
	.f4BoxWap dd h3 i.ioc3{background:url(../images/neike/wap_03.png) no-repeat;background-size:100% 100%;}
	.f4BoxWap dd h3 i.ioc4{background:url(../images/neike/wap_04.png) no-repeat;background-size:100% 100%;}
	.f4BoxWap dd p{line-height:.38rem;font-size:.22rem;color:#333;padding-left:2rem;}
	.f4BoxWap dd p span{ color:#ff8a3c;}
	
	.f4BoxWap .swiper-pagination{width:6.8rem;text-align:center;line-height:0;display:block;position:absolute;left:0;bottom:.29rem;}
	.f4BoxWap .swiper-pagination span{width:.15rem;height:.15rem;font-size:0;border-radius:50%;display:inline-block;margin:0 .06rem;}
	.f4BoxWap .swiper-pagination span.swiper-pagination-bullet-active{background-color:#31b5b5;}
	
	.f5BoxTab{display:none;}
	.f5Box{padding:0 0rem 0; margin-bottom:0.2rem; }
	.f5BoxSilder{background-color:#fff;border-radius:.1rem;margin-bottom:0;padding-bottom:0;}
	.f5BoxSilder ul{height:8.5rem;background:#22a8a9; }
	.f5BoxSilder li{width:7.2rem; }
	.f5BoxSilder dl{border-radius:.1rem;overflow:hidden;}
	.f5BoxSilder dt{float:none;line-height: 0;border-radius:.1rem;overflow:hidden;}
	.f5BoxSilder dt,.f5BoxSilder dt img{width:7.5rem;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.3rem;font-size:0.36rem;color:#FFF;margin:0 auto .13rem;border-bottom: #62d1d8 solid 1px; padding-top:0.6rem; padding-bottom:0.2rem;}
	.f5BoxSilder dd h3 br{ display:none;}
	.f5BoxSilder dd h3 span{line-height:.8rem;font-size:.36rem;display:block;}
	.f5BoxSilder dd h3 i{width:.35rem;height:.03rem;background-color:#FFF;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:#FFF; padding-right:0.3rem;}
	.f5BoxSilder .bajs-easy-slider-pagination{width:6.8rem;text-align:center;line-height:0;display:block;position:absolute;left:0;bottom:.44rem;}
	.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;}
	
   
	 .f6Bg{background-color:#edfcfc;padding-bottom:.0rem;}
	.f6Box{display:none;}
	.f6BoxWap{background-color:#fff;border-radius:.2rem;display:block; position:relative;}
	.f6BoxWap ul{height:7.7rem;}
	.f6BoxWap li{float:left;width:6.8rem;height:7.5rem;}
	.f6BoxWap dl{padding:.3rem 0 .34rem .32rem;overflow:hidden;}
	.f6BoxWap dt{float:left;width:2.43rem;}
	.f6BoxWap dt img{width:100%;}
	.f6BoxWap dd{float:right;width:4.1rem;}
	.f6BoxWap dd h3{line-height:.62rem;font-size:.36rem;color:#bb9065;}
	.f6BoxWap dd h3 a{color:#2eaaa9;}
	.f6BoxWap dd h3 small{font-size:.24rem;color:#747474;font-weight:normal;padding-left:.2rem;}
	.f6BoxWap dd li,.f6BoxWap dd p{float:none !important;width:3.8rem;line-height:.34rem;font-size:.24rem;color:#2d2d2d;padding-right: .2rem;text-align: justify;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;overflow: hidden;}

	.f6BoxWap p.txt{width:6rem;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;}
	.f6BoxWap 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;}
	.f6BoxWap span.btn{text-align:center;padding:.43rem 0 .8rem;display:block;}
	.f6BoxWap 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;}
	.f6BoxWap span.btn a:nth-child(2){background-color:#2eaaa9;}
	.f6BoxWap .swiper-pagination{width:6.8rem;text-align:center;line-height:0;display:block;position:absolute;left:0;bottom:.29rem;}
	.f6BoxWap .swiper-pagination span{width:.15rem;height:.15rem;font-size:0;border-radius:50%;display:inline-block;margin:0 .06rem;}
	.f6BoxWap .swiper-pagination span.swiper-pagination-bullet-active{background-color:#31b5b5;}
	
	
}