body{
    margin: 0;
    background: url(../image/bg.png) ;
}
img{
    width: 100%;
    height: 100%;
    vertical-align: top;
}
.center{
    text-align: center;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.clearfix::after{
    content: '';
    display: block;
    clear: both;
}
a{
    text-decoration: none;
    display: block;
    color: #ffffff;
}
.fz24{
    font-size: 24px;
}
.c-fff{
    color: #ffffff;
}
.set1{
    width: 100%;
}
.set2 .container{
    width: 1100px;
    margin: auto;
    margin-top: 66px;
}
.set2 span{
    color: #02A573;
}
.set2 .box{
    width: 340px;
}
.set2 .box2{
    margin: 0 40px;
}
.relative{
    position: relative;
    top: -30px;
}
.set2 .box3 .zixun{
    /* background:#F0B023; */
}
.set2 .zixun:hover{
    background:#F0B023;
}

.bg2{
    background: url(../image/title2.png) !important;
}
.set2 .title{
    width: 295px;
    height: 76px;
    background: url(../image/title1.png);
    line-height: 76px;
    margin: 0 auto;
}
.set2 .content{
    width: 260px;
    padding: 40px;
    height: 240px;
    line-height: 30px;
    box-shadow: 0px 0px 32px 0px rgba(27, 38, 68, 0.2);
    border-radius: 10px;
    position: relative;
}
.set2 .content span{
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
}
.set2 .zixun{
    width: 233px;
    height: 52px;
    line-height: 52px;
    background: #02A573;
    border-radius: 26px;
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    text-indent: 54px;
}
.set3{
    padding: 65px 0 0 0;
    height: 557px;
    background: url(../image/pic2.png);
    margin-top: 97px;
}
.set3 .container,.set4 .container{
    width: 1152px;
    margin: auto;
    margin-top: 100px;
}
.set3 .pic,.set4 .pic{
    width: 288px;
    height: 221px;
    padding-top: 130px;
}
.set3 .pic p:nth-child(1),.set4 .pic p:nth-child(1){
    color: #02A573;
    font-weight: bold;
}
.set3 .pic p:nth-child(3),.set4 .pic p:nth-child(3){
    width: 164px;
    margin: auto;
    margin-top: 30px;
}
.set3 .pic div,.set4 .pic div{
    width: 198px;
    height: 32px;
    background: #02A573;
    border-radius: 13px;
    margin: auto;
    line-height: 32px;
}
.pic1{
    background: url(../image/picture1.png);
}
.pic2{
    background: url(../image/picture2.png);
}
.pic3{
    background: url(../image/picture3.png);
}
.pic4{
    background: url(../image/picture4.png);
}
.pic5{
    background: url(../image/picture5.png);
}
.pic6{
    background: url(../image/picture6.png);
}
.pic7{
    background: url(../image/picture7.png);
}
.pic8{
    background: url(../image/picture8.png) no-repeat;
    background-position: 0 41px;
}
.set4 .container{
    margin-top: 45px;
}
.set4 .container2{
    width: 1076px;
    height: 657px;
    margin: auto;
    background: url(../image/pic3.png);
    margin-top: 69px;
    padding: 88px 32px 32px 32px;
}
.set4 .left,.set4 .right{
    width: 510px;
    height: 657px;
    background-color: #ffffff;
    border-radius: 10px;
}
.set4 .left span{
    display: inline-block;
    width: 27px;
    height: 22px;
    line-height: 22px;
    margin-right: 8px;
    background: url(../image/number.png);
}
.set4 .right span{
    display: inline-block;
    width: 19px;
    height: 18px;
    margin-right: 8px;
    vertical-align: top;
    background: url(../image/xinxin.png);
}
.set4 .left div,.set4 .right .tit{
    padding: 0 16px;
}
.set4 .left p{
    line-height: 32px;
}
.set4 .right p{
    font-weight: 800;
    color: #02A573;
    background: url(../image/pic5.png) no-repeat 0 12px;
    background-size: 222px;
}
.set4 .left a{
    width: 112px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #02A573;
    border-radius: 13px;
    display: inline-block;
}
.set4 .right a,.set5 a{
    display: inline-block;
    width: 140px;
    height: 40px;
    line-height: 40px;
    border-radius: 18px;
    color: #02A573;
    border: 1px solid #02A573;
}
.set4 .right a:hover{
    background: #02A573;
    color: #ffffff;
}
.set4 .right a:nth-child(2),.set4 .right a:nth-child(8){
    margin: 0 17px;
}
.set4 .right a:nth-child(6),.set4 .right a:nth-child(4){
    margin: 24px 0;
}
.set4 .right a:nth-child(5){
    margin: 24px 17px;
}
.set4 h3{
    background: url(../image/pic4.png)no-repeat;
    width: 371px;
    height: 49px;
    line-height: 49px;
    font-size: 24px;
}
.set4 .right .tit:last-child{
    margin-top: 40px;
}
.set5{
    height: 750px;
    background: url(../image/pic6.png);
    margin-top: 88px;
}
.set5 h1{
    padding-top: 128px;
    font-size: 48px;
}
.set5 .center{
    width: 1188px;
    margin: auto;
    margin-top: 60px;
}
.set5 a{
    color: #ffffff;
    border: 1px solid #ffffff;
    width: 180px;
    height: 56px;
    line-height: 56px;
    border-radius: 28px;
    margin: 0 12px 32px 0;
}
.set5 a:hover{
    background: #ffffff;
    color: #02A573;
}
.set6{
    height: 1139px;
}
.set6 .fl{
    position: relative;
}
.set6 i{
    position: absolute;
    top: 27px;
    left: 117px;
    color: #ffffff;
    font-weight: bold;
}
.set6 .fl span{
    width: 123px;
    height: 123px;
    display: block;
    margin: auto;
    margin-top: 113px;
}
.set6 .center{
    width: 975px;
    margin: auto;
    margin-top: 59px;
}
.set6 .center div{
    width: 300px;
    height: 480px;
    background: url(../image/pic7.png);
}
.set6 .center p{
    margin-top:35px ;
    margin-bottom: 54px;
    font-size: 24px;
}
.set6 .center a{
    width: 190px;
    height: 52px;
    line-height: 52px;
    border: 1px solid #02A573;
    border-radius: 26px;
    margin: auto;
    color: #02A573;
    font-size: 20px;
}
.set6 .center a:hover{
    color: #ffffff;
    background: #02A573;
}
.set6 h2{
    font-size: 48px;
    margin: 80px 0;
}
.set6 h2 span{
    color: #02A573;
}
.set6 .container{
    width: 1128px;
    height: 318px;
    margin: auto;
    background: url(../image/pic8.png);
}
.set6 .top{
    display: flex;
    justify-content: space-between;
}
.set6 .top div{
    width: 160px;
    height: 128px;
    padding-top: 32px;
    display: inline-block;
}
.set6 .top div:not(:last-child){
    margin-right: 40px;
}
.set6 .top span{
    font-size: 24px;
    width: 100px;
    display: block;
    margin: auto;
}
.set6 .top a{
    width: 96px;
    height: 28px;
    line-height: 28px;
    background: #FFFFFF;
    border-radius: 12px;
    color: #02A573;
    margin: auto;
    margin-top: 19px;
}
.c1{
    color: #02A573 !important;
}
.c2{
    color: #4C97FF !important;
}
.c3{
    color:#F0B023 !important;
}
.c4{
    color:#FF884C !important;
}
.c5{
    color:#FA6D57 !important;
}
.c6{
    color:#FF799C !important;
}
.set6 .bottom a{
    width: 240px;
    height: 56px;
    line-height: 56px;
    background: #02A573;
    border-radius: 27px;
    margin: auto;
    margin-top: 50px;
    font-size: 22px;
}
.set7{
    padding-top: 100px;
    height: 580px;
    background: url(../image/pic9.png);
}
.set7 a{
    width: 112px;
    height: 32px;
    line-height: 32px;
    background: #02A573;
    border-radius: 13px;
    margin: auto;
    margin-top: 15px;
}
.set7 h1{
    text-align: center;
    font-size: 48px;
}
.set7 table{
    width: 1088px;
    height: 358px;
    margin: auto;
    /* background: url(../image/pic10.png); */
    border-radius: 12px;
    overflow: hidden;
    background-color: #FCF0D5;
    border-spacing :0;
}
.set7 th{
    background-color: #E5F6F1;
    color: #02A573;
   
}
.set7 tr td:first-child{
    background-color: #FEF9EE;
    color: #F0B227;
}
.set7 tr td:not(:first-child){
    background-color: #ffffff;
}
.set8{
    padding-top: 66px;
}
.set8 h1{
    font-size: 48px;
}
.set8 .p1{
    width: 655px;
    background: url(../image/pic11.png)no-repeat 0 10px;
    margin: auto;
    font-size: 22px;
}
.set8 .box1{
    width: 920px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
}
.set8 .box1 img{
    width: 181px;
    height: 167px;
    margin-top: 48px;
    margin-bottom: 20px;
}
.set8 .box1 div{
    cursor: pointer;
    width: 261px;
    height: 424px;
    box-shadow: 0px 0px 20px 0px rgba(2, 165, 115, 0.2);
    border-radius: 10px;
}
.set8 .box1 div:hover{
    box-shadow: 0px 0px 20px 0px rgba(2, 165, 115, 0.5);
    transform: translateY(-30px);
}
.set8 .box1 h3{
    font-size: 24px;
    color: #02A573;
}
.set8 .box1 p{
    width: 190px;
    margin: auto;
}
.mt88{
    margin-top: 88px;
}
.set8 .box2{
    width: 1000px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
}
.set8 .box2 div{
    width: 310px;
    height: 218px;
}
.mb61{
    margin-bottom: 61px;
}
.set8 .box3{
    width: 1178px;
    height: 812px;
    padding-top: 100px;
    background: url(../image/pic12.png);
    margin: auto;
}
.set8 .box3 p:first-child{
    width: 859px;
    height: 62px;
    font-size: 22px;
    margin: auto;
    line-height: 38px;
}
.set8 .box3 .container{
    width: 994px;
    height: 562px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px 0px rgba(153, 153, 153, 0.2);
    border-radius: 10px;
    margin: auto;
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    padding: 56px  40px 0 40px;
}
.set8 .box3 .container div{
    width: 216px;
    height: 349px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px 0px rgba(153, 153, 153, 0.2);
    border-radius: 0 50px 0 50px;

}
.set8 .box3 .container img{
    width: 120px;
    height: 120px;
    margin-top: 24px;
}
.set8 .box3 .container p{
    width: 160px;
    margin: auto;
    margin-top: 22px;
    text-align: left;
}
.set8 .box3 .btm{
    width: 994px;
    margin: auto;
    position: relative;
    top: -180px;
    text-align: left;
    font-size: 24px;
    line-height: 38px;
}
.mt69{
    margin-top: 69px;
    margin-bottom: -15px;
}
.set8 .tip{
    width: 90px;
    height: 69px;
}
.set8 .tip2{
    width: 1000px;
    height: 343px;
    margin-top: 44px;
}
.set8 .bottom{
    height: 826px;
    background: url(../image/pic14.png);
    padding-top: 35px;
}
.set8 .bottom h1{
    margin-top: 150px;
}
.pic15{
    background: url(../image/pic15.png)no-repeat 0 10px !important;
}
.footer{background:#333333;height:120px;overflow:hidden;font-size:13px;color:#fff;text-align: center;}
.footer p{width:1200px;margin:13px auto 0;}
.footer p:first-child{margin-top:20px;}
.footer p a{color:#fff;display: inline;}
.footer img{
    width: auto;
    vertical-align:baseline;
}