*{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 .logo{
    float: left;
    width: 84px;
    height: 33px;
    margin: 41px 0 0 40px;
}
#banner .tel{
    float:right;
    width: 140px;
    height: 50px;
    color: #2cc568;
    margin: 48px 74px 0 0;
    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;
}
.w1100{
    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:12px;
}
.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: #29c367;
}
.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: #a6db00;
    text-align: center;
    color: #fff;
    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: 282px;
    height:282px;
    border-radius: 50%;
    z-index:2;
    top:117px;
    left: 50%;
    margin-left:410px;
    border: 70px solid rgba(1, 220, 102, .1);
}
.part2 h2{
    margin-bottom: 26px;
}
.part2 h3{
    background:url(../images/p2_h3.png) no-repeat right;
    height: 38px;
    margin-bottom:55px;
}
.part2 ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 3;
    padding-bottom: 80px;
}
.part2 ul li{
    width: 257px;
    height: 201px;
    border-radius: 12px 12px 0 0;
    box-shadow: 0 0 10px rgba(80, 80, 80, .1);
    padding: 64px 16px 0;
}
.part2 ul li:nth-child(1){
    background: url(../images/p2_bg1.png) no-repeat;
}
.part2 ul li:nth-child(2){
    background: url(../images/p2_bg2.png) no-repeat;
}
.part2 ul li:nth-child(3){
    background: url(../images/p2_bg3.png) no-repeat;
}
.part2 ul li:nth-child(4){
    background: url(../images/p2_bg4.png) no-repeat;
}
.part2 ul li span{
    display: block;
    text-align: center;
    color: #1bbd62;
    font-size: 38px;
    font-weight: 700;
    line-height: 38px;
}
.part2 ul li span i{
    font-size: 30px;
    font-weight: 500;
}
.part2 ul li label{
    display: block;
    border-top: 1px dotted #1bbd62;
    padding-top: 16px;
    color: #2e2e2e;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
}
.part3{
    width: 100%;
    position: relative;
}
.part3::after{
    content:"";
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 282px;
    height:282px;
    border-radius: 50%;
    z-index:2;
    top:237px;
    left: 50%;
    margin-left:-635px;
    border: 70px solid rgba(1, 220, 102, .1);
}
.part3 h2{
    margin-bottom: 26px;
}
.part3 h3{
    background:url(../images/p3_h3.png) no-repeat right;
    margin-bottom:35px;
    position: relative;
}
.part3 h3:nth-of-type(2){
    background:url(../images/p3_h31.png) no-repeat right;
    margin-bottom: 50px;
    position: relative;
}
.part3 h3::after{
    content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    background: #1bbd62;
    border-radius: 50%;
    top: 5px;
    left: 53px;
}
.part3 ul.p1_info1{
    padding-left: 40px;
    position: relative;
    z-index:3;
    display: flex;
    justify-content: space-between;
}
.part3 ul.p1_info1 li{
    width: 229px;
    height: 390px;
    position: relative;
}
.part3 ul.p1_info1 li img{
    width: 100%;
    border-radius:4px;
    margin-bottom: 37px;
}
.part3 ul.p1_info1 li p{
    position: relative;
    width: 205px;
    height: 18px;
    margin:0 0 20px 22px;
    color:#00af50;
    font-size: 18px;
    line-height: 18px;
    text-indent: 15px;
    z-index: 9;
}
.part3 ul.p1_info1 li p::after{
    content: "";
    display: block;
    position: absolute;
    width:150px;
    height: 8px;
    background: #f1f0f5;
    top: 5px;
    left: 0;
    z-index:-1;
}
.part3 ul.p1_info1 span{
    display: block;
    font-size: 14px;
    color: #000;
    line-height: 22px;
    padding-left: 37px;
}
.part3 ul.p1_info1 a{
    display: block;
    position: absolute;
    width:196px;
    height: 48px;
    left: -28px;
    top: 122px;
    background-image: linear-gradient(#63db78,#10b85f);
    border-radius: 4px;
    box-shadow: 0 0 15px rgba(0, 175, 80, .3);
    color: #fff;
    text-align: center;
    line-height: 48px;
    font-size: 20px;
    font-weight: 700;
}
.part3 ul.p1_info1 a:hover{
    background-image: linear-gradient(#10b85f,#63db78);
}
.part3 .course{
    width: 100%;
    margin-bottom:56px;
}
.part3 .hd{
    width: 100%;
    height: 164px;
    display: flex;
    justify-content: space-around;
    padding-top: 20px;
}
.part3 .hd li{
    position: relative;
    width:269px;
    height:84px;
    background:url(../images/p3_hd.png) no-repeat;
    box-shadow: 0 0 20px rgba(59, 164, 71, .1);
    border-radius:10px;
    font-size: 24px;
    color: #fff;
    line-height: 90px;
    font-weight:700;
    text-align: center;
}
.part3 .hd li.on{
    background:url(../images/p3_hd1.png) no-repeat;
    box-shadow: 0 0 20px rgba(59, 164, 71, .34);
}
.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 #a6db00;
    bottom: -22px;
    left: 50%;
    transform:translate(-50%,0);/*左右，上下*/
}
.part3 .hd li span{
    display: inline-block;
    width: 142px;
    height: 84px;
    font-size: 24px;
    color: #fff;
    font-weight:700;
    text-indent: 34px;
    line-height: 90px;
    vertical-align: top;
}
.part3 .hd li span em{
    font-size: 16px;
    font-weight: 500;
}
.part3 .hd li label{
    display: inline-block;
    width: 46px;
    margin-left: -4px;
    text-align: center;
    font-size:14px;
    color: #3aca6c;
    padding: 10px 10px 0;
    line-height: 16px;
}
.part3 .hd li.on label{
    color: #a6db00;
}
.part3 .bd ul{
    width: 100%;
}
.part3 .bd table{
    width: 100%;
}
.part3 .bd table thead tr{
    height: 50px;
    background:url(../images/p3_thead.png);
}
.part3 .bd table thead th{
    font-size: 14px;
    color: #fff;
    border-right: 1px solid #fff;
}
.part3 .bd table thead th:last-child{
    border-right: none;
}
.part3 .bd table tbody tr{
    background: #edf8f1;
}
.part3 .bd table tbody td{
    padding: 20px 0;
    border-right: 1px solid #fff;
    text-align: center;
    font-size: 14px;
    color: #3a3a3a;
}

.part3 .bd table tbody tr td:last-child{
    border-right: none;
}
.part3 h4 {
    text-align: center;
}
.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 #a6db00;
    box-shadow: 0 0 15px rgba(166,219,0,.25);
    margin: 0 26px;
}
.part3 h4 a:nth-of-type(1){
    background: #fff;
    color: #a6db00;
}
.part3 h4 a:nth-of-type(2){
    background: #a6db00;
    color: #fff;
}
.part3 h4 a:nth-of-type(1):hover{
    background: #a6db00;
    color: #fff;
}
.part3 h4 a:nth-of-type(2):hover{
    background: #fff;
    color: #a6db00;
}
.part3 .from_list{
    margin: 47px auto;
    width: 948px;
    height: 183px;
    background: url(../images/p3_bgif.png) no-repeat;
}
.part3 .from_list p{
    display: inline-block;
    padding: 0 5px;
    height: 14px;
    line-height: 14px;
    background: #edf8cc;
    font-size:14px;
    margin: 118px 0 0 96px;
}
.part3 iframe{
    float: right;
    width: 420px;
    height: 100px;
    margin: 43px 102px 0 0;
}
.part4{
    width:100%;
    background-image:linear-gradient(to bottom right, #36ca63 , #20a63b);
    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 #3bcf61;
}
.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 ul{
    position: relative;
    z-index:3;
    width: 1020px;
    display: flex;
    justify-content: space-between;
}
.part4 ul li{
    width: 212px;
    height: 232px;
    border-radius:18px;
    background: #fff;
    padding-top: 32px;
    text-align: center;
}
.part4 ul li span{
    display: block;
    height: 34px;
    background:url(../images/p6_bg2.png) no-repeat top;
    font-size: 20px;
    color: #000;
    line-height: 44px;
    margin-bottom: 34px;
}
.part4 ul li label{
    display: block;
    color: #717171;
    font-size: 12px;
    line-height: 24px;
    padding: 0 20px;
}
.part4 ul li i{
    color: #2bb84f;
    font-size: 14px;
}
.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 #2bb84f;
    margin: 0 15px;
    background: #fff;
    overflow: hidden;
    cursor: pointer;
}
.part5 .course .hd li.on{
    background: #2bb84f;
}
.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(29, 189, 99, .2);
}
.part5 .course .bd ul{
    width: 100%;
    height: 341px;
    padding:50px 0 0 220px;
}
.part5 .course .bd img{
    position: absolute;
    left: -135px;
    top: -80px;
    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 #2bb84f;
    text-align: center;
    line-height: 22px;
    font-size: 16px;
    color: #2bb84f;
    margin-right: 10px;
    border-radius: 4px;
}
.part5 .course .bd li:nth-of-type(2){
    width:130px;
    height: 24px;
    background: #2bb84f;
    text-align: center;
    line-height: 24px;
    color: #fff;
    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: #2bb84f;
    top: 10px;
    left: 26px;
}
.part5 .course .bd::after{
    content:"";
    display: block;
    position: absolute;
    width: 729px;
    height: 15px;
    right:58px;
    top: -15px;
    background:#a3da02;
    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 #a6db00;
    box-shadow: 0 0 15px rgba(166,219,0,.25);
    margin: 0 26px;
}
.part5 p a:nth-of-type(1){
    background: #fff;
    color: #a6db00;
}
.part5 p a:nth-of-type(2){
    background: #a6db00;
    color: #fff;
}
.part5 p a:nth-of-type(1):hover{
    background: #a6db00;
    color: #fff;
}
.part5 p a:nth-of-type(2):hover{
    background: #fff;
    color: #a6db00;
}
.part6{
    width: 100%;
    padding-top: 60px;
}
.part6 .w1100{
    position: relative;
}
.part6 h2{
    margin-bottom: 26px;
}
.part6 h3{
    background:url(../images/p6_h3.png) no-repeat right;
    margin-bottom:84px;
}
.part6 ul.tolbox{
    position: relative;
    width: 100%;
    height: 512px;
    border: 1px solid #a6db00;
    border-radius: 8px;
    z-index: 2;
    padding: 20px 0 0 14px;
}
.part6 ul.tolbox::after{
    content: "";
    display: block;
    position: absolute;
    width: 936px;
    height: 13px;
    border-radius: 0 0 8px 8px;
    background: #a6db00;
    bottom: -13px;
    left: 50%;
    transform:translate(-50%,0);/*左右，上下*/
}
.part6 ul.tolbox::before{
    content: "";
    display: block;
    position: absolute;
    width:846px;
    height: 13px;
    border-radius: 0 0 8px 8px;
    background: #edf9f1;
    bottom: -26px;
    left: 50%;
    transform:translate(-50%,0);/*左右，上下*/
}
.part6 ul.tolbox li{
    width: 456px;
}
.part6 ul.tolbox li:nth-child(1){
    height: 106px;
    background:url(../images/p6_bg1.png) no-repeat;
    padding-top: 38px;
    color: #000;
    font-size: 26px;
    text-indent: 94px;
    line-height: 26px;
    font-weight: 700;
}
.part6 ul.tolbox li:nth-child(2){
    margin-bottom: 30px;
    padding-left: 56px;
}
.part6 ul.tolbox li span{
    font-size: 14px;
    color: #4c4c4c;
}
.part6 ul.tolbox li span:first-child{
    padding-right: 175px;
}
.part6 ul.tolbox li:nth-child(3),.part6 ul.tolbox li:nth-child(4),.part6 ul.tolbox li:nth-child(5),.part6 ul.tolbox li:nth-child(6),.part6 ul.tolbox li:nth-child(7),.part6 ul.tolbox li:nth-child(8){
    height: 47px;
    border-bottom: 1px solid #e9f7ed;
    padding:9px 0 0 24px;
    line-height: 30px;
}
.part6 ul.tolbox li label{
    display: inline-block;
    width: 52px;
    height: 30px;
    background: #29b54c;
    color: #fff;
    font-size: 12px;
    text-indent: 18px;
    margin-right: 24px;
}
.part6 ul.tolbox li b{
    font-size: 14px;
    color: #fff;
}
.part6 ul.tolbox li i{
    display: inline-block;
    position: relative;
    width: 24px;
    height: 30px;
    text-align: center;
    color: #4c4c4c;
    font-size: 16px;
    z-index: 2;
    vertical-align: bottom;
    margin-right: 22px;
}
.part6 ul.tolbox li i::after{
    content: "";
    display: block;
    position: absolute;
    width: 24px;
    height: 8px;
    background: #e9f7ed;
    left: 0;
    top: 50%;
    transform:translate(0,-50%);/*左右，上下*/
    z-index: -1;
}
.part6 ul.tolbox li:last-child{
    border-bottom: none;
}
.part6 ul.tolbox li:last-child::after{
    content: "";
    display: block;
    position: absolute;
    width: 63px;
    height: 21px;
    background:url(../images/p6_bg2.png) no-repeat;
    left:418px;
    bottom:20px;
}
.part6 .citypin{
    position: absolute;
    width: 556px;
    height: 469px;
    top:169px;
    right:129px;
    background:url(../images/p6_bg3.png) no-repeat;
    padding:29px 23px 0;
    z-index: 10;
}
.part6 .citypin h6{
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    line-height: 26px;
    text-align: center;
    margin:0 0 42px;
}
.part6 .citypin ul{
    width: 100%;
    display: flex;
    justify-content:end;
    flex-wrap: wrap;
}
.part6 .citypin ul li{
    width: 69px;
    height: 27px;
    border:1px solid #fff;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 25px;
    margin:0 8px 11px;
}
.part6 .citypin a{
    display:block;
    position: absolute;
    width: 306px;
    height: 58px;
    bottom: -30px;
    left: 50%;
    border-radius: 29px;
    background: #fff;
    text-align: center;
    line-height: 56px;
    box-shadow: 0 0 8px rgba(35, 170, 63,.6);
    color:#1d9a34;
    font-size: 18px;
    transform:translate(-50%,0);/*左右，上下*/
    font-weight: 700;
    border: 1px solid #fff;
}
.part6 .citypin a:hover{
    border-color:#1d9a34;
    box-shadow: 0 0 8px rgba(35, 170, 63,.9);
}
.part7{
    width: 100%;
}
.part7 .w1100{
    padding-bottom:40px;
    padding-top:20px;
}
.part7 .w1100 div{
    position: relative;
    margin:0 auto;
    width: 948px;
    height: 182px;
    background:url(../images/p7_bg.png) no-repeat;
    padding-top:45px;
}
.part7 p{
    width: 300px;
    margin-left:315px;
}
.part7 p span{
    display: block;
    position: relative;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #646464;
    padding-left: 10px;
}
.part7 p label{
    float: right;
    color: #24ab40;
}
.part7 a{
    position: absolute;
    display: block;
    width: 150px;
    height:52px;
    color: #fff;
    text-align: center;
    line-height: 52px;
    font-size: 16px;
    background-image: linear-gradient(#63db78 ,#10b85f);
    border-radius: 8px;
    box-shadow: 0 0 5px rgba(24, 188, 98, .6);
    top: 69px;
    right: 82px;
}
.part7 a:hover{
    background-image: linear-gradient(#10b85f,#63db78);
}
.part7 p span::after{
    content: "";
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform:translate(-0,-50%);/*左右，上下*/
    background: #24ab40;
}
.part8{
    width: 100%;
    padding-bottom: 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: #24ab40;
    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:#26af45;
}
.swiperbox .swiper-pagination{
    bottom: 0 !important;
}