@charset "utf-8";
/*
* Author:pengxing
* Date:2023.8.2
*/
.new-header,.container{margin:0 auto;}
.container{background-color:#fff;}
.item{width:1200px;margin:0 auto;}
.itemTie{text-align:center;padding:75px 0 35px;}
.itemTie span{line-height:50px;font-size:50px;color:#1b1b1b;}
.itemTie small{line-height:40px;font-size:20px;color:#f06c17;font-weight:normal;display:block;}

.f1Box{padding:150px 0 80px;}
.f1Box dl{position:relative;padding-right:250px;}
.f1Box dt{line-height:0;padding:0 20px 40px 0;position:absolute;right:0;bottom:0;z-index:1;}
.f1Box dt img{width:460px;height:630px;}
.f1Box dt i{width:133px;height:60px;background:url(../images/ioc_03.jpg) no-repeat;border-radius:0 20px 0 20px;position:absolute;left:0;bottom:0;}
.f1Box dt em{width:250px;height:480px;background-color:#248389;display:block;position:absolute;right:0;bottom:20px;z-index:-1;}
.f1Box dt span{width:755px;height:162px;font-size:0;background:url(../images/ioc_10.png) no-repeat;display:block;position:absolute;right:0;top:69px;}
.f1Box dd{height:540px;padding:20px 265px 0 30px;background-color:#f8f9fb;}
.f1Box dd h3{line-height:65px;font-size:24px;color:#1a1a1a;position:relative;padding-left:11px;}
.f1Box dd h3 i{width:4px;height:25px;background-color:#f16d1a;display:block;position:absolute;left:0;top:50%;margin-top:-12px;}
.f1Box dd p{line-height:36px;font-size:20px;color:#1a1a1a;padding-bottom: 15px;}

.f2Bg{background:url(../images/f2Bg.jpg) center 0 no-repeat;}
.f2Box{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;}
.f2Box dl{width:273px;position:relative;border-radius:20px;overflow:hidden;margin-bottom:37px;transition:all ease .5s;}
.f2Box dt{border-radius:20px;overflow:hidden;}
.f2Box dt,.f2Box dt img{width:273px;height:204px;}
.f2Box dd{height:169px;}
.f2Box dd h3{text-align:center;line-height:56px;font-size:30px;color:#303030;padding-top:26px;transition:all ease .3s;}
.f2Box dd p{text-align:center;line-height:38px;font-size:20px;color:#2f2f2f;padding-bottom:34px;}
.f2Box dd p i{width:0;height:2px;background-color:#389094;display:block;position:absolute;left:50%;bottom:0;transition:all ease .3s;}
.f2Box dl.active{background-color:#fff;box-shadow: rgba(0,0,0,.3) 0 0 10px;}
.f2Box dl.active dd h3{color:#389094;padding-top:16px;}
.f2Box dl.active dd p i{width:180px;margin-left:-90px;}

.f2BoxCon{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:80px;}
.f2BoxCon dl{float:left;width:582px;position:relative;padding-top:20px;}
.f2BoxCon dt{border-radius:20px;overflow:hidden;position:absolute;left:20px;top:0}
.f2BoxCon dt,.f2BoxCon dt img{width:243px;height:329px;}
.f2BoxCon dd{height:350px;background-color:#fff;padding-left:290px;border-radius:20px;box-shadow: rgba(0,0,0,.3) 0 0 10px;}
.f2BoxCon dd h3{position:relative;padding-top:50px;margin-bottom:10px}
.f2BoxCon dd h3 span{font-size:30px;font-weight:normal;}
.f2BoxCon dd h3 samll{font-size:12px;display:block;}
.f2BoxCon dd h3 i{line-height:80px;font-size:80px;font-weight:bold;color:#000;opacity:.1;position:absolute;left:0;bottom:0;}

.f2BoxCon dd ul{padding:0 25px 52px 0;}
.f2BoxCon dd li{}
.f2BoxCon dd li a{height:60px;line-height:60px;font-size:20px;color:#1a1a1a;border-bottom:#d6d6d6 solid 1px;display:block;overflow:hidden;position:relative;padding:0 20px 0 10px;transition:all ease .3s;display:block;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;text-overflow:ellipsis;}
.f2BoxCon dd li em{width:14px;height:12px;background:url(../images/more.png) no-repeat;display:block;position:absolute;right:0;top:50%;margin-top:-6px;transition:all ease .3s;}
.f2BoxCon dd li i{width:18px;height:18px;background:url(../images/ioc_12.png) -20px 0 no-repeat;left:20px;display:block;position:absolute;top:50%;margin-top:-9px;transition:all ease .3s;}
.f2BoxCon dd li:last-child a{border-bottom:0;}
.f2BoxCon dd li a:hover{color:#fff;background-color:#f26d19;border-radius:10px;padding-left:48px;}
.f2BoxCon dd li a:hover em{background-position:15px 0;}
.f2BoxCon dd li a:hover i{background-position:0 0;}

.f3Bg{background-color:#f8f9fb;}
.f3Box{padding-bottom:50px;/*display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;*/}
.f3Box dl{float:left;width:376px;position:relative;padding-top:220px;margin-bottom: 40px;margin-right:34px;}
.f3Box dl:nth-child(3n){margin-right:0;}
.f3Box dt{border-radius:10px 10px 0 0;overflow:hidden;position:absolute;left:0;top:0;}
.f3Box dt,.f3Box dt img{width:376px;height:300px;}
.f3Box dt span{width:100%;height:100%;display:none;position:absolute;left:0;top:0;}
.f3Box dt span i.mask{width:100%;height:100%;background-color:#000;opacity:.3;display:block;position:absolute;left:0;top:0;}
.f3Box dt span em{width:48px;height:48px;text-align:center;line-height:24px;font-size:24px;color:#248389;background-color:#fff;padding:16px;border-radius:50%;display:block;position:absolute;left:50%;top:70px;margin-left:-40px;cursor:pointer;}
.f3Box dd{height:384px;background-color:#fff;border-radius:0 50px 10px 10px;position:relative;}
.f3Box dd h3{width:100%;position:absolute;left:-10px;top:-35px;z-index:1;}
.f3Box dd h3 span{height:70px;line-height:70px;font-size:30px;font-weight:normal;color:#258289;background-color:#fff;border:#248389 solid 1px;border-radius:100px;display:inline-block;position:relative;padding:0 30px 0 90px;}
.f3Box dd h3 span i{width:70px;height:70px;display:block;position:absolute;left:0;top:0;}
.f3Box dd h3 span i.ioc2{background:url(../images/ioc_01.png) no-repeat;}
.f3Box dd h3 span i.ioc3{background:url(../images/ioc_02.png) no-repeat;}
.f3Box dd h3 span i.ioc4{background:url(../images/ioc_03.png) no-repeat;}
.f3Box dd h3 span i.ioc5{background:url(../images/ioc_04.png) no-repeat;}
.f3Box dd h3 span i.ioc6{background:url(../images/ioc_05.png) no-repeat;}
.f3Box dd h3 span i.ioc7{background:url(../images/ioc_06.png) no-repeat;}
.f3Box dd h3 span i.ioc8{background:url(../images/ioc_07.png) no-repeat;}
.f3Box dd h3 span i.ioc9{background:url(../images/ioc_08.png) no-repeat;}
.f3Box dd h3 span i.ioc10{background:url(../images/ioc_09.png) no-repeat;}




.f3Box dd h3 em{width:376px;height:48px;background:url(../images/bg_01.png) no-repeat;display:block;position:absolute;left:10px;top:23px;z-index:-1;}
.f3Box dd ul{padding:55px 30px 30px;}
.f3Box dd li{position:relative;}
.f3Box dd li a{height:59px;line-height:59px;font-size:20px;border-bottom:#d6d6d6 solid 1px;color:#1a1a1a;padding:0 20px 0 28px;overflow:hidden;transition:all ease .3s;display:block;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;text-overflow:ellipsis;}
.f3Box dd li i{width:18px;height:18px;text-align:center;line-height:18px;font-size:12px;color:#fff;background-color:#1b1b1b;border-radius:50%;display:block;position:absolute;left:0;top:50%;margin-top:-9px;transition:all ease .3s;}
.f3Box dd li em{width:14px;height:12px;background:url(../images/more.png) no-repeat;display:block;position:absolute;right:0;top:50%;margin-top:-6px;transition:all ease .3s;}
.f3Box dd li a:hover{color:#fff;background-color:#f26d19;border-radius:10px;padding-left:48px;}
.f3Box dd li a:hover em{background-position:15px 0;}
.f3Box dd li a:hover i{font-size:0;background:url(../images/ioc_12.png) no-repeat;left:20px;}
.f3Box dd li:last-child a{border-bottom:0;}
.f3Box dl.active dt span{display:block;}

.f4Bg{}
.f4Box{padding:59px 0 80px;}
.f4Box dl{position:relative;}
.f4Box dt{position:absolute;left:0;top:0;}
.f4Box dt,.f4Box dt img{width:600px;height:450px;}
.f4Box dd{padding:100px 0 0 120px;}
.f4Box dd p{line-height:60px;font-size:50px;font-weight:bold;color:#26838a;padding:0 0 30px 530px;}
.f4Box dd p small{font-size:30px;font-weight:normal;color:#1a1a1a;display:block;}
.f4Box dd ul{background-color:#248389;border-radius:30px;padding:40px 50px 40px 530px;}
.f4Box dd .whatAPP{height:70px;line-height:70px;font-size:30px;color:#191919;background-color:#fff;border-radius:100px;display:block;position:relative;padding-left:80px;margin-bottom:20px;}
.f4Box dd .whatAPP i{width:60px;height:60px;background:url(../images/ioc_11.png) no-repeat;border-radius:50%;display:block;position:absolute;left:5px;top:5px;}
.f4Box dd li span{border:#fff solid 5px;border-radius:50px;overflow:hidden;display:block;display: flex;display: -webkit-flex;justify-content: space-between;}
.f4Box dd li a.btn{width:242px;height:60px;text-align:center;line-height:60px;font-size:40px;color:#fff;background-color:#248389;display:inline-block;} 
.f4Box dd li a.chat{background-color:#f16d1a;border-left:#fff solid 5px;}


.f5Bg{background:url(../images/f5Bg.jpg) center 0 no-repeat;}
.f5Box{padding:62px 0 40px;}
.f5Box .tab{text-align:center;overflow:hidden;margin-bottom:41px;}
.f5Box .tab span{width:200px;height:71px;text-align:center;line-height:71px;font-size:35px;color:#999;border-bottom:#cccccc solid 1px;display:inline-block;position:relative;;}
.f5Box .tab span.active{color:#248389;}
.f5Box .tab span.active em{width:100%;height:3px;background-color:#248389;display:block;position:absolute;left:0;bottom:-2px;}
.f5Box .tabCon{width:1200px;display:none;}
.f5Box .tabCon ul{display:flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;}
.f5Box .tabCon li{float:left;margin-bottom:36px;}
.f5Box .tabCon li,.f5Box .tabCon li img{width:376px;height:228px;}


@media only screen and (max-width:750px){
	.new-header,.container{min-width:320px;width:100%;max-width:750px;margin:0 auto;}
	.container{background-color:#fff;padding-bottom:0;}
	.container img{max-width:100%;display:block;}
	
	
	.item{width:auto;padding: 0 .3rem;}
	.itemTie{padding:.6rem 0 .3rem;}
	.itemTie span{line-height:.5rem;font-size:.5rem;}
	.itemTie small{line-height:.4rem;font-size:.24rem;}
	
	.f1Box{padding:.5rem 0 .5rem;}
	.f1Box dl{padding-right:0;}
	.f1Box dt{width:1.5rem;line-height:0;padding:0 .2rem .4rem 0;display:none;}
	.f1Box dt img{width:auto;height:5.4rem;}
	.f1Box dt i{width:133px;height:60px;background:url(../images/ioc_03.jpg) no-repeat;background-size:100% 100%;border-radius:0 20px 0 20px;position:absolute;left:0;bottom:0;}
	.f1Box dt em{width:250px;height:480px;background-color:#248389;display:block;position:absolute;right:0;bottom:20px;z-index:-1;}
	.f1Box dt span{width:755px;height:162px;font-size:0;background:url(../images/ioc_10.png) no-repeat;background-size:100% 100%;display:block;position:absolute;right:0;top:69px;}
	.f1Box dd{height:auto;padding:.2rem .3rem 0 .3rem;}
	.f1Box dd h3{line-height:.6rem;font-size:.24rem;padding-left:.1rem;}
	.f1Box dd h3 i{width:.04rem;height:.25rem;margin-top:0;transform: translateY(-50%);}
	.f1Box dd p{line-height:.36rem;font-size:.24rem;padding-bottom: .1rem;}
	
	.f2Bg{background-size:auto 100%;}
	.f2Box dl{width:1.6rem;border-radius:.2rem;margin-bottom:.3rem;}
	.f2Box dt{border-radius:.2rem;}
	.f2Box dt,.f2Box dt img{width:100%;height:auto;}
	.f2Box dd{height:auto;}
	.f2Box dd h3{line-height:.5rem;font-size:.3rem;padding-top:.1rem;}
	.f2Box dd p{line-height:.38rem;font-size:.24rem;padding-bottom:.3rem;}
	.f2Box dd p br{display:none;}
	.f2Box dl.active{box-shadow: rgba(0,0,0,.3) 0 0 .1rem;}
	.f2Box dl.active dd h3{padding-top:.1rem;}

	.f2BoxCon{padding-bottom:.5rem;}
	.f2BoxCon dl{width:100%;padding-top:.3rem;margin-bottom: .3rem;}
	.f2BoxCon dt{border-radius:.2rem;left:.2rem;}
	.f2BoxCon dt,.f2BoxCon dt img{width:2.5rem;height:auto;}
	.f2BoxCon dd{height:3.5rem;padding-left:3rem;border-radius:.2rem;box-shadow: rgba(0,0,0,.3) 0 0 .1rem;}
	.f2BoxCon dd h3{padding-top:.5rem;margin-bottom:.1rem;}
	.f2BoxCon dd h3 span{font-size:.36rem;}
	.f2BoxCon dd h3 samll{font-size:.18rem;}
	.f2BoxCon dd h3 i{line-height:1rem;font-size:1rem;}
	.f2BoxCon dd ul{padding:0 .25rem .5rem 0;}
	.f2BoxCon dd li a{height:.6rem;line-height:.6rem;font-size:.24rem;padding:0 .2rem 0 .1rem;}
	.f2BoxCon dd li em{width:14px;height:12px;background:url(../images/more.png) no-repeat;background-size:100% 100%;display:block;position:absolute;right:0;top:50%;margin-top:-6px;transition:all ease .3s;}
	.f2BoxCon dd li i{width:18px;height:18px;background:url(../images/ioc_12.png) -20px 0 no-repeat;background-size:100% 100%;left:20px;display:block;position:absolute;top:50%;margin-top:-9px;transition:all ease .3s;}
	.f2BoxCon dd li:last-child{border-bottom:0;}
	.f2BoxCon dd li a:hover{color:#fff;background-color:#f26d19;border-radius:10px;padding-left:48px;}
	.f2BoxCon dd li a:hover em{background-position:15px 0;}
	.f2BoxCon dd li a:hover i{background-position:0 0;}
	
	.f3Box{padding-bottom:.5rem;}
	.f3Box dl{width:3.3rem;padding-top:2.2rem;margin-bottom: .4rem;margin-right:0;}
	.f3Box dl:nth-child(2n){float:right;}
	.f3Box dt{border-radius:.1rem .1rem 0 0;}
	.f3Box dt,.f3Box dt img{width:100%;height:auto;}
	.f3Box dt span{width:100%;height:100%;display:none !important;position:absolute;left:0;top:0;}
	.f3Box dt span i.mask{width:100%;height:100%;background-color:#000;opacity:.3;display:block;position:absolute;left:0;top:0;}
	.f3Box dt span em{width:48px;height:48px;text-align:center;line-height:24px;font-size:24px;color:#248389;background-color:#fff;padding:16px;border-radius:50%;display:block;position:absolute;left:50%;top:70px;margin-left:-40px;}
	.f3Box dd{height: 3.84rem;border-radius:0 .5rem .1rem .1em;}
	.f3Box dd h3{left:-.1rem;top:0;transform: translateY(-50%);}
	.f3Box dd h3 span{height:.7rem;line-height:.7rem;font-size:.3rem;border-radius:1rem;padding:0 .3rem 0 .9rem;}
	.f3Box dd h3 span i{width:.7rem;height:.7rem;}
	.f3Box dd h3 span i.ioc2,.f3Box dd h3 span i.ioc3,.f3Box dd h3 span i.ioc4,.f3Box dd h3 span i.ioc5,.f3Box dd h3 span i.ioc6,.f3Box dd h3 span i.ioc7,.f3Box dd h3 span i.ioc8,.f3Box dd h3 span i.ioc9,.f3Box dd h3 span i.ioc10{background-size:100% 100%;}
	
	
	.f3Box dd h3 em{width:100%;height:.48rem;background-size:100% auto;left:.1rem;top:.23rem;}
	.f3Box dd ul{padding:.5rem .2rem .3rem;}
	.f3Box dd li a{height:.6rem;line-height:.6rem;font-size:.24rem;padding:0 .2rem 0 .28rem;}
	.f3Box dd li i{width:.2rem;height:.2rem;line-height:.2rem;font-size:.16rem;margin-top:0;transform:translateY(-50%);}
	.f3Box dd li em{width:14px;height:12px;background:url(../images/more.png) no-repeat;background-size:100% 100%;display:block;position:absolute;right:0;top:50%;margin-top:-6px;transition:all ease .3s;}
	.f3Box dd li a:hover{color:#fff;background-color:#f26d19;border-radius:10px;padding-left:48px;}
	.f3Box dd li a:hover em{background-position:15px 0;}
	.f3Box dd li a:hover i{font-size:0;background:url(../images/ioc_12.png) no-repeat;background-size:100% 100%;left:20px;}
	.f3Box dd li:last-child a{border-bottom:0;}
	.f3Box dl.active dt span{display:block;}
	
	.f4Box{padding:.5rem 0 .3rem;}
	.f4Box dl{position:relative;}
	.f4Box dt{position:absolute;left:0;top:0;}
	.f4Box dt,.f4Box dt img{width:2.8rem;height:auto;}
	.f4Box dd{padding:.1rem 0 0 1rem;}
	.f4Box dd p{line-height:.4rem;font-size:.36rem;padding:0 0 .1rem 1.9rem;}
	.f4Box dd p small{font-size:.24rem;}
	.f4Box dd ul{border-radius:.3rem;padding:.2rem .2rem .2rem 1.9rem;}
	.f4Box dd .whatAPP{height:.6rem;line-height:.6rem;font-size:.24rem;border-radius:1rem;padding-left:.6rem;margin-bottom:.1rem;}
	.f4Box dd .whatAPP i{width:.5rem;height:.5rem;background-size:100% 100%;left:.05rem;top:50%;transform: translateY(-50%);}
	.f4Box dd li span{border:#fff solid .05rem;border-radius:1rem;}
	.f4Box dd li a.btn{width:50%;height:.5rem;line-height:.5rem;font-size:.28rem;} 
	.f4Box dd li a.chat{border-left:#fff solid .05rem;}
	
	.f5Bg{background-size:auto 100%;}
	.f5Box{padding:.5rem 0 .4rem;}
	.f5Box .tab{margin-bottom:.4rem;}
	.f5Box .tab span{width:2rem;height:.7rem;line-height:.7rem;font-size:.35rem;;}
	.f5Box .tab span.active{}
	.f5Box .tab span.active em{height:.03rem;bottom:-.02rem;}
	.f5Box .tabCon{width:auto;display:none;}
	.f5Box .tabCon ul{}
	.f5Box .tabCon li{margin-bottom:.15rem;}
	.f5Box .tabCon li,.f5Box .tabCon li img{width:2.2rem;height:auto;}
}