*{padding: 0;font-family: "微软雅黑";}
html,body{
    margin: 0;
}
ul{list-style-type: none;margin: 0;}
a{text-decoration: none; cursor: pointer;}
img{border: 0;}
h1,h2,h3,h4,h5,h6{
    margin: 0;
    padding: 0;
}
p{
    margin: 0;
}
.webwarp *{
    box-sizing: border-box;
}
em,i{
    font-style: normal;
}
#banner{width: 100%;height:654px;background-image: url(../images/bg_02.jpg);background-repeat: no-repeat;background-position: center top;background-size:1920px 654px;position: relative;overflow: hidden;margin: 0 auto;text-align: center;}
#banner .w1100{
    height: 654px;
}
#banner .logo{
    float: left;
    width: 84px;
    height: 33px;
    margin-top:40px;
}
#banner .tel{
    float:right;
    width: 140px;
    height: 50px;
    color: #006c57;
    line-height:20px;
    font-size: 18px;
    text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;
    font-weight: 700;
    margin-top:44px;
}
.w1100{
    box-sizing: border-box;
    width: 1306px;
    margin: 0 auto;
    padding: 0 103px;
}
h2{
    width: 100%;
    height: 63px;
    background:url(../images/h2_bg.png) no-repeat 0 0;
    padding:15px 0 0 45px;
}
h3{
    width:1060px;
    height: 34px;
    padding-left: 80px;
    font-size: 20px;
    color: #2e2e2e;
    font-weight: 500;
    line-height: 20px;
}
.webwarp{
    width: 100%;
}
.part1{
    width: 100%;
    
    height: 135px;
}
.part1 .w1100{
    position: relative;
}
.part1 .w1100 div{
    position: absolute;
    width: 628px;
    height: 203px;
    top:-112px;
    right: 115px;
    background: url(../images/p1_bg1.png) no-repeat;
    padding: 30px 0 0 33px;
    z-index: 999;
}
.part1 .w1100 div p{
    float: left;
}
.part1 .w1100 div p:nth-child(1){
    width: 187px;
    padding-top: 16px;
    text-align: center;
}
.part1 .w1100 div p:nth-child(1) span{
    display: block;
    font-size: 18px;
    color: #fff;
    line-height: 18px;
    margin-bottom:10px;
}
.part1 .w1100 div p:nth-child(1) em{
    display: block;
    font-size: 60px;
    font-weight: 700;
    color: #fff;
    line-height: 60px;
    margin-bottom:4px;
}
.part1 .w1100 div p:nth-child(1) i{
    display: block;
    margin: 0 auto;
    font-size:12px;
    line-height: 15px;
    width: 103px;
    height: 17px;
    color: #fff;
    border-radius:5px;
    border: 1px solid #fff;
}
.part1 .w1100 div p:nth-child(2){
    width: 230px;
    padding:40px 0 0 24px;
}
.part1 .w1100 div p:nth-child(2) span{
    display: block;
    font-size: 26px;
    line-height: 26px;
    color: #464646;
    margin-bottom: 20px;
}
.part1 .w1100 div p:nth-child(2) span label{
    color: #006c57;
}
.part1 .w1100 div p:nth-child(2) em{
    display: block;
    font-size: 16px;
    color: #464646;
    line-height: 16px;
}
.part1 .w1100 div p:nth-child(3){
    width: 140px;
    padding: 35px 0 0 42px;
}
.part1 .w1100 div p:nth-child(3) a{
    display: block;
    width: 72px;
    height: 72px;
    background: #ffd856;
    text-align: center;
    color: #ff1c1c;
    font-size: 22px;
    line-height: 24px;
    font-weight: 700;
    border-radius:8px;
    padding-top: 12px;
}
.part1 .w1100 div p:nth-child(3) a:hover{
    box-shadow: 0 0 8px rgba(63, 83, 0,.4);
}
.part2{
    width: 100%;
    position: relative;
}
.part2::after{
    content:"";
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 254px;
    height:254px;
    border-radius: 50%;
    z-index:2;
    top:117px;
    left: 50%;
    margin-left:410px;
    border: 70px solid rgba(0, 108, 87, .1);
}
.part2 h2{
    margin-bottom: 26px;
}
.part2 h3{
    background:url(../images/p2_h3.png) no-repeat right;
    height: 38px;
    margin-bottom:40px;
}
.part2 ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 3;
    padding-bottom:65px;
}
.part2 ul li{
    width:234px;
    height:234px;
    border-radius:50%;
    box-shadow: 0 0 10px rgba(80, 80, 80, .1);
    padding: 64px 18px 0;
    background: url(../images/p2_bg1.png) no-repeat center 18px #fff;

}
.part2 ul li span{
    display: block;
    text-align: center;
    color: #006954;
    font-size:22px;
    font-weight: 700;
    line-height:22px;
    margin-bottom: 26px;
}
.part2 ul li label{
    display: block;
    color: #2e2e2e;
    font-size:14px;
    line-height:20px;
    text-align: center;
}
.part3{
    width: 100%;
    position: relative;
}
.part3 h2{
    margin-bottom: 26px;
}
.part3 h3{
    background:url(../images/p6_h3.png) no-repeat right;
    margin-bottom:35px;
    position: relative;
}
.part3 h3::after{
    content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    background: #ffd856;
    border-radius: 50%;
    top: 5px;
    left: 53px;
}
.part3 .course{
    width: 100%;
    margin-bottom:55px;
}
.part3 .hd{
    width: 100%;
    height: 154px;
    display: flex;
    justify-content: space-around;
    padding-top: 20px;
}
.part3 .hd li{
    position: relative;
    width:269px;
    height: 84px;
    border-radius:10px;
    line-height: 84px;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    cursor: pointer;
}
.part3 .hd li:nth-child(1){
    background:url(../images/p3_hd.png) no-repeat;
    background-position:0 -84px;
}
.part3 .hd li:nth-child(2){
    background:url(../images/p3_hd1.png) no-repeat;
    background-position:0 -84px;
}
.part3 .hd li.on{
    background-position:0 0;
    color:#006c57;
}
.part3 .hd li.on::after{
    content: "";
    display: block;
    position: absolute;
    border-left: 5.5px solid transparent;
    border-right: 5.5px solid transparent;
    border-bottom: 11px solid transparent;
    border-top: 11px solid #ffd856;
    bottom: -22px;
    left: 50%;
    transform:translate(-50%,0);/*左右，上下*/
}
.part3 .bd ul{
    width: 100%;
}
.part3 .bd table{
    width: 100%;
}
.part3 .bd table thead tr{
    height: 50px;
    background:#006c57
}
.part3 .bd table thead th{
    font-size: 14px;
    color: #fff;
    border-right: 1px solid #fff;
}
.part3 .bd table tbody tr{
    background: #edf8f1;
    height: 56px;
}
.part3 .bd table tbody tr td{
    font-size: 14px;
    color: #3a3a3a;
    text-align: center;
    border-right: 1px solid #fff;
}
.part3 .bd table tbody tr td i{
    color: #ff1c1c;
    font-size: 22px;
}
.part3 .bd table tbody tr td a{
    color: #ff1c1c;
    font-weight: 700;
}
.part3 .bd table tbody tr td a:hover{
    font-style: italic;
    text-decoration: underline;
}
.part3 .bd table tbody tr:nth-child(1) td:nth-child(3){
    padding: 0 25px;
}
.part3 h4 {
    text-align: center;
    padding-bottom: 50px;
}
.part3 h4 a{
    display: inline-block;
    width: 306px;
    height: 58px;
    border-radius: 29px;
    line-height: 54px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    border: 2px solid #ff1c1c;
    box-shadow: 0 0 15px rgba(255,28,28,.25);
    margin: 0 26px;
    color:#ff1c1c;
}
.part3 h4 a:nth-of-type(1){
    background: #fff;
}
.part3 h4 a:nth-of-type(2){
    color: #fff;
    background:#ff1c1c;
}
.part3 h4 a:nth-of-type(1):hover{
    background: #ff1c1c;
    color:#fff;
}
.part3 h4 a:nth-of-type(2):hover{
    background: #fff;
    color: #ff1c1c;
}
.part5{
    width: 100%;
    padding:68px 0 60px;
}
.part5 h2{
    margin-bottom:26px;
}
.part5 h3{
    background:url(../images/p5_h3.png) no-repeat right;
}
.part5 .course{
    margin-top: 120px;
    position: relative;
}
.part5 .course .hd{
    position: absolute;
    height: 110px;
    right:105px;
    bottom:-56px;
    text-align: right;
    z-index: 999;
}
.part5 .course .hd li{
    display: inline-block;
    width: 112px;
    height: 112px;
    border-radius: 55px;
    border:1px solid #006c57;
    margin: 0 15px;
    background: #fff;
    overflow: hidden;
    cursor: pointer;
}
.part5 .course .hd li.on{
    border-color: rgba(0, 0, 0, 0);
}
.part5 .course .bd{
    position: relative;
    width: 929px;
    height: 341px;
    margin-left: 152px;
    border-radius: 8px;
    background-image:linear-gradient(to right,rgba(43,184,79,.1) ,#fff);
    box-shadow:0 0 25px rgba(1, 111, 87, .2);
}
.part5 .course .bd ul{
    width: 100%;
    height: 341px;
    padding:50px 0 0 220px;
}
.part5 .course .bd img{
    position: absolute;
    width: 350px;
    height: 350px;
    border-radius: 50%;
    left: -135px;
    top: -13px;
    z-index: 9;
}
.part5 .course .bd .title{
    height: 28px;
    margin-bottom: 30px;
}
.part5 .course .bd .title::after{
    content: "";
    display: block;
    position: absolute;
    width: 132px;
    height: 76px;
    background:url(../images/p5_title.png) no-repeat;
    top: 19px;
    right: 32px;
}
.part5 .course .bd .title span{
    display:inline-block;
    font-size: 28px;
    font-weight: 700;
    color: #000;
    line-height: 28px;
    margin-right: 24px;
}
.part5 .course .bd .title label{
    display: inline-block;
    font-size: 18px;
    color: #4c4c4c;
    margin-right:24px;
}
.part5 .course .bd .title i{
    display: inline-block;
    width: 94px;
    height: 24px;
    border: 1px solid #006c57;
    text-align: center;
    line-height: 22px;
    font-size: 16px;
    color: #006c57;
    margin-right: 10px;
    border-radius: 4px;
}
.part5 .course .bd li:nth-of-type(2){
    width:130px;
    height: 24px;
    background: #ffce40;
    text-align: center;
    line-height: 24px;
    color: #006c57;
    font-size: 14px;
    margin-bottom: 19px;
}
.part5 .course .bd li:nth-of-type(3) span{
    display: block;
    line-height: 24px;
    padding-left: 35px;
    font-size: 14px;
    color: #4c4c4c;
    position: relative;
}
.part5 .course .bd li:nth-of-type(3) span::after{
    content: "";
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #3ebe5f;
    top: 10px;
    left: 26px;
}
.part5 .course .bd::after{
    content:"";
    display: block;
    position: absolute;
    width: 729px;
    height: 15px;
    right:58px;
    top: -15px;
    background:#006c57;
    border-radius:8px 8px 0 0;
    z-index: 2;
}
.part5 .course .bd::before{
    content:"";
    display: block;
    position: absolute;
    width: 677px;
    height: 14px;
    right:84px;
    top: -29px;
    background:rgba(43,184,79,.1);
    border-radius:8px 8px 0 0;
    z-index: 3;
}
.part5 p{
    padding-top: 125px;
    text-align: center;
}
.part5 p a{
    display: inline-block;
    width: 306px;
    height: 58px;
    border-radius: 29px;
    line-height: 54px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    border: 2px solid #006c57;
    box-shadow: 0 0 15px rgba(166,219,0,.25);
    margin: 0 26px;
    color:#006c57;
}
.part5 p a:nth-of-type(1){
    background: #fff;

}
.part5 p a:nth-of-type(2){
    background:#ffd856;
    border-color:#ffd856;
}
.part5 p a:nth-of-type(1):hover{
    background: #ffd856;
    border-color:#ffd856;
}
.part5 p a:nth-of-type(2):hover{
    background: #fff;
    border-color:#006c57;
}
.part6{
    width: 100%;
}
.part6 .w1100{
    position: relative;
}
.part6 h2{
    margin-bottom: 26px;
}
.part6 h3{
    position: relative;
    background:url(../images/p6_h3.png) no-repeat right;
    margin-bottom:50px;
}
.part6 h3::after{
    content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    background: #ffd856;
    border-radius: 50%;
    top: 5px;
    left: 53px;
}
.part6 table{
    width: 100%;
}
.part6 table thead tr{
    background: #ffce40;
    height: 50px;
}
.part6 table thead tr td{
    border-right: 1px solid #ffffff;
    color: #484848;
    font-size: 14px;
}
.part6 table tbody tr{
    background:#edf8f1;
}
.part6 table tbody tr td{
    border-right: 1px solid #ffffff;
    height: 56px;
    color: #3a3a3a;
    font-size: 14px;
    text-align: center;
}
.part6 table tbody tr td i{
    color: #ff1c1c;
    font-size: 22px;
}
.part6 table tbody tr td a{
    line-height: 26px;
    color: #ff1c1c;
    font-size: 14px;
    font-weight: 700;
}
.part6 table tbody tr td a:hover{
    text-decoration: underline;
    font-style: italic;
}
.part6 p{
    padding-top:50px;
    text-align: center;
}
.part6 p a{
    display: inline-block;
    width: 306px;
    height: 58px;
    border-radius: 29px;
    line-height: 54px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    border: 2px solid #ff1c1c;
    box-shadow: 0 0 15px rgba(255,28,28,.25);
    margin: 0 26px;
    color:#ff1c1c;
}
.part6 p a:nth-of-type(1){
    background: #fff;
}
.part6 p a:nth-of-type(2){
    color: #fff;
    background:#ff1c1c;
}
.part6 p a:nth-of-type(1):hover{
    background: #ff1c1c;
    color:#fff;
}
.part6 p a:nth-of-type(2):hover{
    background: #fff;
    color: #ff1c1c;
}
.part4{
    width:100%;
    background-image:linear-gradient(131deg, #00886e , #005040);
    position: relative;
    padding: 64px 0 103px;
}
.part4::after{
    content:"";
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 328px;
    height: 328px;
    border-radius: 50%;
    z-index:2;
    bottom: -40px;
    left: 50%;
    margin-left:320px;
    border: 70px solid #00735d;
}
.part4 h2{
    margin-bottom:26px;
    background:url(../images/h2_bg1.png) no-repeat 0 0;
}
.part4 h3{
    background:url(../images/p4_h3.png) no-repeat right;
    color: #fff;
    height: 43px;
    margin-bottom: 55px;
    position: relative;
}
.part4 h3::after{
    content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    background: #fff;
    border-radius: 50%;
    top: 5px;
    left: 53px;
}
.part4 .w1100 div{
    width: 1075px;
    height: 408px;
    background: url(../images/p4_bg.png) no-repeat top;
    position: relative;
    z-index:10;
}
.part8{
    width: 100%;
    padding:80px 0 80px;
}
.part8 h2{
    margin-bottom: 28px;
}
.part8 h3{
    background:url(../images/p8_h3.png) no-repeat right;
    margin-bottom: 46px;
}
.swiperbox{
    width: 100%;
    height: 300px;
}
.swiperbox li label{
    display: block;
    position: relative;
    overflow: hidden;
    width: 508px;
    height: 206px;
    border-radius: 8px;
    margin-bottom: 26px;
}
.swiperbox li img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);/*左右，上下*/
    transition: width .3s, height .3s, transform .3s;
    -webkit-transition: width .3s, height .3s, -webkit-transform .3s;
}
.swiperbox li label:hover img{
    width: 110%;
    height: 110%;
}
.swiperbox li span{
    display: block;
    position: relative;
    color: #006c57;
    font-size: 16px;
    line-height: 16px;
    padding-left:70px;
    z-index: 2;
}
.swiperbox li span::before{
    content: "";
    display: block;
    position: absolute;
    width: 150px;
    height: 8px;
    background:#f1f0f5;
    left:55px;
    top: 4px;
    z-index:-1;
}
.swiperbox .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
}
.swiperbox .swiper-pagination-bullet-active{
    background:#ffda59;
}
.swiperbox .swiper-pagination{
    bottom: 0 !important;
}