/*-----------------------------------------------------------*/

/*copyright by 动力无限  www.btoe.cn*/

/*邮箱 btoe@btoe.cn*/

/*合作电话 400-0599-360*/

/*版权所有违者必究*/

/*-----------------------------------------------------------*/



.sjcTop,

.sjcBottom,

.sjcLeft,

.sjcRight,

.rightWow,

.leftWow,

.bottomWow,

.bg {

    -webkit-transition: all 0.8s ease-out;

    transition: all 0.8s ease-out;

}



.banner {

    position: relative;

    height: 805px;

    overflow: hidden;

}



.banner .slider {

    position: absolute !important;

    left: 50%;

    transform: translate(-50%);

    width: 100% !important;

    height: 100%;

    overflow: hidden;

    z-index: 1;

    top: 0;

    margin: 0 auto;

}



.banner .slider-main {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 50%;

    transform: translate(-50%);

    z-index: 1;

}



.banner .slider-main li {

    width: 100%;

    height: 100%;

}



.banner .slider-main li a img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.banner .osSlider-main .slider-btn-prev {

    position: absolute;

    z-index: 30;

    top: 50%;

    left: -81px;

    width: 81px;

    height: 81px;

    text-indent: -9999px;

    margin-top: -20px;

    background: url(../images/arrowPrev.png) 50% 50% no-repeat;

    transition: all 0.5s linear;

    cursor: pointer;

}



.banner .osSlider-main:hover .slider-btn-prev {

    left: 10%;

}



.banner .osSlider-main .slider-btn-next {

    position: absolute;

    z-index: 30;

    top: 50%;

    right: -81px;

    width: 81px;

    height: 81px;

    text-indent: -9999px;

    margin-top: -20px;

    background: url(../images/arrowNext.png) 50% 50% no-repeat;

    transition: all 0.5s linear;

    cursor: pointer;

}



.banner .osSlider-main:hover .slider-btn-next {

    right: 10%;

    cursor: pointer;

}



.banner .slider-nav {

    position: absolute;

    z-index: 9;

    bottom: 0;

    left: 320px;

}



.banner .slider-nav li {

    font-family: FangSong;

    font-size: 49px;

    font-weight: bold;

    color: #30b834;

    position: absolute;

    bottom: 0;

    left: 0;

    opacity: 0;

    transition: all .5s;

    -webkit-transition: all .5s;

}



.banner .slider-nav li::before {

    content: "0";

}



.banner .slider-nav li::after {

    content: "";

    position: absolute;

    display: inline-block;

    width: 2px;

    height: 107px;

    background-color: #30b834;

    top: -110px;

    left: 50%;

    transform: translateX(-50%);

}



.banner .slider-nav li.active {

    opacity: 1;

}







.ban-bot {

    position: absolute;

    z-index: 9;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

}



.search-box {

    cursor: pointer;

    position: relative;

    left: 326px;

    bottom: -135px;

}



.search-box>i {

    display: inline-block;

    width: 59px;

    height: 59px;

    background-color: #30b834;

    border-radius: 50%;

    text-align: center;

    line-height: 59px;

}





.search-box>div {

    position: absolute;

    top: 8px;

    left: -248px;

    z-index: 99;

    width: 300px;

    height: 45px;

    background-color: #fff;

    box-shadow: 0 0 24px rgba(0, 0, 0, 0.1);

    display: flex;

    box-sizing: border-box;

    padding-left: 10px;

    opacity: 0;

    z-index: -1;

    transition: all .5s;

    -webkit-transition: all .5s;

}



.search-box:hover>div {

    z-index: 99;

    opacity: 1;

}





.search-box>div input {

    width: 80%;

    margin-right: 20px;

}



.search-box>div button {

    cursor: pointer;

    /* border-radius: 50%; */

    width: 45px;

    height: 45px;

    float: right;

    background-color: #30b834;

}



.ban-bot .phone {

    float: right;

}



.ban-bot .phone p {

    text-align: right;

    font-size: 14px;

    line-height: 24px;

    color: #656565;

}



.ban-bot .phone p img {

    margin-right: 15px;

}



.ban-bot .phone p>i {

    display: block;

    font-family: Arial;

    font-size: 25px;

    font-weight: bold;

    line-height: 24px;

    color: #353535;

    margin-top: 20px;

}



.txtScroll-top {

    margin-top: 50px;

    width: 285px;

    padding-bottom: 5px;

    border-bottom: 1px solid #dedede;

}



.txtScroll-top li::before {

    content: "";

    width: 5px;

    height: 5px;

    background-color: #323232;

    display: inline-block;

    margin-right: 10px;

    border-radius: 50%;

    transform: translateY(-8px);

}



.txtScroll-top li a {

    width: 90%;

    display: inline-block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 16px;

    color: #333333;

}





.one {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.tran {

    transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

}



a,

img {

    transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

}



button,

input {

    border: none;

    outline: none;

}



.out {

    position: relative;

}



.out:hover::after,

.out:hover::before {

    width: 100%;

}



.out:hover>a::after,

.out:hover>a::before {

    height: 166px;

}



.out:hover .pro_hot_txt>a {

    color: #0074d4;

}



.out::after,

.out::before {

    content: "";

    position: absolute;

    width: 0;

    height: 1px;

    background: #386be1;

    left: 0;

    transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

}



.out::after {

    top: 0;

}



.out::before {

    top: 166px;

}



.in::after,

.in::before {

    content: "";

    position: absolute;

    width: 1px;

    height: 0;

    background: #386be1;

    top: 0;

    transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

}



.in::after {

    left: 0;

}



.in::before {

    right: 0;

}



.shadow:hover {

    transform: translateY(-5px);

    box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.5);

}



.shadow2:hover {

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}



.linkeff {

    position: relative;

}



.linkeff:hover::after,

.linkeff:hover::before {

    width: 100%;

}



.linkeff::after,

.linkeff::before {

    content: "";

    position: absolute;

    width: 0;

    height: 100%;

    height: 1px;

    background: #386be1;

    transition: all 0.5s ease-in-out;

    -webkit-transition: all 0.5s ease-in-out;

}



.linkeff::after {

    left: 0;

    top: 0;

}



.linkeff::before {

    right: 0;

    bottom: 0;

}



.img_white {

    overflow: hidden;

}



.img_white::after {

    display: block;

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: 1;

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

    -webkit-transform-origin: bottom;

    transform-origin: bottom;

    background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));

    background: -webkit-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));

    background: -moz-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));

    background: -o-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));

    background: -ms-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));

    opacity: 1;

    bottom: -100%;

    transition: all 0.8s ease-in-out;

    -webkit-transition: all 0.8s ease-in-out;

    -ms-transition: all 0.8s ease-in-out;

    -o-transition: all 0.8s ease-in-out;

}



.img_white:hover::after {

    -webkit-transition: all 1s cubic-bezier(0, 0, 0.18, 0.96);

    transition: all 1s cubic-bezier(0, 0, 0.18, 0.96);

    -webkit-transform: scaleY(1);

    transform: scaleY(1);

    -webkit-transform-origin: top;

    transform-origin: top;

    opacity: 0;

    bottom: 100%;

}



.img_save {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    max-width: 100%;

    max-height: 100%;

}





.yebl {

    width: 1300px;

    margin: 0 auto;

}





/* tit-box */

.tit-box {

    display: inline-block;

    position: relative;

    z-index: 9;

    padding-bottom: 6px;

}



.tit-box::after {

    content: "";

    display: inline-block;

    width: 188px;

    height: 14px;

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: -1;

    background-image: linear-gradient(to right, #30b834, #f4fbf4);

}





.tit-box>img {

    display: block;

    margin-top: 20px;

}



.tit-box>span {

    display: inline-block;

    font-size: 25px;

    line-height: 24px;

    color: #444444;

}



.tit-box>span::after {

    content: "";

    display: inline-block;

    width: 13px;

    height: 13px;

    background: url(../images/sj.png) no-repeat center;

    background-size: cover;

    margin-left: 12px;

}



.tit-box>span i {

    display: inline-block;

    width: 1px;

    height: 20px;

    margin: 0 10px;

    background-color: #9b9b9b;

}





/* pro-box */

.pro-box {

    overflow: hidden;

    padding: 60px 0 0 0;

}



.slide-pro .hd ul li {

    display: inline-block;

    margin-left: 60px;

}



.slide-pro .hd ul li a {

    display: block;

    position: relative;

}



.slide-pro .hd ul li a::after {

    content: "";

    display: inline-block;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    top: 8px;

    border-radius: 50%;

    width: 31px;

    height: 31px;

    background-color: #30b834;

    opacity: 0.2;

}



.slide-pro .hd ul li span {

    font-size: 18px;

    line-height: 24px;

    color: #333333;

    display: block;

    text-align: center;

    max-width: 125px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.slide-pro .hd ul li span::before {

    content: "";

    display: block;

    width: 17px;

    height: 1px;

    margin: 12px auto 8px;

    background-color: #cccccc;

}



.slide-pro .hd ul li .icon {

    display: block;

    width: 34px;

    height: 34px;

    box-sizing: border-box;

    position: relative;

    left: -18px;

    margin: 0 auto;

    /* margin-right: 18px; */

    background: url(../images/p1.png) no-repeat center;

    background-size: cover;

}





.slide-pro .hd ul li:nth-child(2) .icon {

    background: url(../images/p2.png) no-repeat center;

}



.slide-pro .hd ul li:nth-child(3) .icon {

    background: url(../images/p3.png) no-repeat center;

}





.slide-pro .hd ul li:nth-child(4) .icon {

    background: url(../images/p4.png) no-repeat center;

}





.slide-pro .hd ul li:nth-child(5) .icon {

    background: url(../images/p5.png) no-repeat center;

}





.slide-pro .hd ul li:nth-child(6) .icon {

    background: url(../images/p6.png) no-repeat center;

}





.slide-pro .hd ul li:nth-child(7) .icon {

    background: url(../images/p7.png) no-repeat center;

}





.pro-bd {

    margin-top: 20px;

}



.pro-bd ul {

    height: 966px;

}



.pro-bd ul li {

    display: inline-block;

    margin: 30px 23px 0 23px;

}



.pro-bd ul li:nth-child(4n) {

    margin-right: 0;

}



.pro-bd ul li a {

    display: block;

    position: relative;

}



.pro-bd ul li a::before {

    content: "MORE+";

    position: absolute;

    right: 10px;

    bottom: 2px;

    font-size: 13px;

    color: #666666;

    transition: all .5s;

    -webkit-transition: all .5s;

}

/* 

.pro-bd ul li a::after {

    content: "";

    display: inline-block;

    width: 89px;

    height: 1px;

    background-color: #dddddd;

    position: absolute;

    bottom: 15px;

    right: 75px;

    transition: all .5s;

    -webkit-transition: all .5s;

} */



.pro-bd ul li a img {

    width: 245px;

    height: 380px;

    object-fit: cover;

    padding: 10px;

    background-color: #ffffff;

    border-radius: 5px;

    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);

}



.pro-bd ul li a i {

    display: block;

    width: 200px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 18px;

    color: #333333;

    margin: 20px 0 0 10px;

    transition: all .5s;

    -webkit-transition: all .5s;

}







/* adv-box */

.adv-con {

    width: 1370px;

    margin: 0 auto;

    position: relative;

    left: -35px;

}



.adv-box {

    overflow: hidden;

    margin: 70px 0 0 0;

    height: 878px;

    box-sizing: border-box;

    background: url(../images/adv-bg.jpg) no-repeat bottom right;

    background-size: 1808px 849px;

}





.adv-box .tit-box {

    display: block;

    margin-left: 70px;

}



.swiper-adv {

    width: 100%;

}





.sw-adv li .i-box {

    display: inline-block;

    width: 698px;

    height: 698px;

    position: relative;

    text-align: center;

    line-height: 689px;

}



.sw-adv li .i-box::before {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 629px;

    height: 629px;

    border-radius: 50%;

    background-color: #d3fbdb;

    border: solid 2px #ffffff;

    opacity: 0.2;

}



.sw-adv li .i-box::after {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 698px;

    height: 698px;

    background-color: #e6fde9;

    opacity: 0.2;

    border-radius: 50%;

}



.sw-adv li .i-box img {

    position: relative;

    z-index: 9;

    width: 536px;

    height: 536px;

    border-radius: 50%;

    object-fit: cover;

}



.sw-adv li .txt {

    display: inline-block;

    width: 630px;

    margin-left: 33px;

    vertical-align: bottom;

    margin-bottom: 160px;

}





.sw-adv li .txt .tit {

    font-size: 22px;

    color: #ffffff;

    vertical-align: bottom;

}



.sw-adv li .txt .tit span {

    position: relative;

    font-family: Arial;

    font-weight: bold;

    font-size: 30px;

    color: #ffffff;

    bottom: 10px;

}



.sw-adv li .txt .tit span::before {

    content: "";

    position: absolute;

    top: -12px;

    display: inline-block;

    left: 0;

    width: 48px;

    height: 2px;

    background-color: #ffffff;

}



.sw-adv li .txt .tit span::after {

    content: "";

    position: absolute;

    bottom: -7px;

    display: inline-block;

    left: 0;

    width: 48px;

    height: 2px;

    background-color: #ffffff;

}



.sw-adv li .txt .tit i {

    font-family: Arial;

    font-size: 72px;

    font-weight: bold;

    color: #ffffff;

    display: inline-block;

    margin: 0 5px 0 5px;

}



.sw-adv li .txt .desc {

    font-size: 15px;

    line-height: 40px;

    color: #ffffff;

    opacity: 0.8;

}



.swiper-adv {

    top: 60px;

}



.swiper-adv .other {

    position: absolute;

    z-index: 99;

    right: 70px;

    top: 60px;

    width: 566px;

    height: 100%;

}



.swiper-adv .other .txt span {

    position: relative;

    z-index: 9;

    font-family: Arial;

    font-size: 90px;

    font-weight: bold;

    line-height: 60px;

    color: #ffffff;

    opacity: 0.3;

}



.swiper-adv .other .txt p {

    font-size: 26px;

    font-weight: bold;

    color: #ffffff;

    margin: 20px 0 6px;

}



.swiper-adv .other .txt i {

    letter-spacing: 6px;

    color: #ffffff;

    opacity: 0.8;

    display: block;

}



.swiper-adv .other .txt i::after {

    content: "";

    display: block;

    width: 1px;

    height: 74px;

    background-color: #ffffff;

    opacity: 0.5;

    margin: 23px 0 0 30px;

}



.swiper-adv .other .but {

    position: absolute;

    bottom: 150px;

    left: 0;

    z-index: 9;

}



.swiper-adv .other .but i {

    cursor: pointer;

    display: inline-block;

    width: 36px;

    height: 36px;

    position: relative;

    border-radius: 50%;

    background-color: #91c69e;

    transition: all .5s;

    -webkit-transition: all .5s;

}



.swiper-adv .other .adv-prev {

    margin-left: 12px;

}



.swiper-adv .other .adv-next::after,

.swiper-adv .other .adv-prev::after {

    content: "";

    display: inline-block;

    position: absolute;

    left: 45%;

    top: 50%;

    transform: translate(-50%, -50%);

    width: 11px;

    height: 16px;

    background: url(../images/a-w-l.png) no-repeat center;

    background-size: cover;

    transition: all .5s;

    -webkit-transition: all .5s;

}



.swiper-adv .other .adv-prev::after {

    background: url(../images/a-w-r.png) no-repeat center;

    background-size: cover;

    left: 51%;

}



.swiper-adv .other .but i.active {

    background-color: #fdf3e6;

}





.swiper-adv .other .but .adv-next.active::after {

    background: url(../images/a-g-l.png) no-repeat center;

    background-size: cover;

}



.swiper-adv .other .but .adv-prev.active::after {

    background: url(../images/a-g-r.png) no-repeat center;

    background-size: cover;

}



.swiper-adv .other .phone {

    position: absolute;

    bottom: 80px;

    left: 0;

    font-size: 18px;

    color: #ffffff;

}



.swiper-adv .other .phone i {

    font-family: Arial;

    font-size: 36px;

    font-weight: bold;

    color: #ffffff;

    vertical-align: middle;

}



.swiper-adv .other .phone a {

    display: inline-block;

    width: 140px;

    height: 46px;

    background-color: #ffffff;

    border-radius: 4px;

    text-align: center;

    line-height: 46px;

    font-size: 16px;

    margin-left: 14px;

    color: #357044;

}





/* case-box */

.case-box {

    padding: 73px 0;

    overflow: hidden;

}



.case-tit .tit-box::after {

    background-image: linear-gradient(to right, #357044, #f4fbf4);

}



.case-tit .more {

    margin-top: 20px;

    display: inline-block;

    width: 101px;

    font-size: 14px;

    padding-bottom: 5px;

    border-bottom: 1px solid #357044;

    letter-spacing: 1px;

    color: #333333;

    position: relative;

}



.case-tit .more:hover{

    margin-right: 8px;

}



.case-tit .more::before {

    content: "";

    display: inline-block;

    position: absolute;

    width: 48px;

    height: 48px;

    background-color: #357044;

    border-radius: 24px;

    opacity: 0.2;

    border-radius: 50%;

    left: -28px;

    top: -10px;

}



.case-bd ul li a img {

    width: 280px;

    height: 220px;

    object-fit: cover;

}





.case-bd ul li a i {

    font-size: 16px;

}



.case-bd ul li a::before {

    font-family: Arial;

    font-size: 14px;

}



.case-bd ul li a::after {

    width: 90px;

    height: 1px;

    background-color: #000000;

    right: 5px;

    bottom: 0;

}



.case-bd ul li {

    margin: 35px 20px 0 0;

}



.case-bd ul li:nth-child(3n+3) {

    margin: 35px 20px 0 0;

}



.case-bd ul li:nth-child(4n+4) {

    margin-right: 0;

}



.case-bd ul {

    height: auto;

}



.pro-bd ul li a:hover i,

.pro-bd ul li a:hover::before {

    color: #357044;

}



.pro-bd ul li a:hover::after {

    background-color: #357044;

}





/* about-box */

.about-box {

    overflow: hidden;

    height: 847px;

    box-sizing: border-box;

    background: url(../images/ab-bg.jpg) no-repeat bottom left;

    background-size: 1806px 847px;

}



.about-con {

    position: relative;

}



.ab-txt {

    margin-top: 122px;

    width: 746px;

    box-sizing: border-box;

}



.ab-txt>span {

    display: block;

    font-family: Arial;

    font-size: 90px;

    font-weight: bold;

    line-height: 70px;

    color: #ffffff;

    opacity: 0.3;

}



.ab-txt .tit {

    font-size: 26px;

    display: inline-block;

    color: #ffffff;

    margin: 35px 0 20px;

}



.ab-txt .tit::after {

    content: "";

    display: inline-block;

    width: 209px;

    height: 9px;

    margin: 0 0 5px 10px;

    background: url(../images/hy.png) no-repeat center;

    background-size: cover;

}



.ab-txt .desc {

    width: 680px;

    font-size: 14px;

    line-height: 42px;

    color: #ffffff;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;

}





.ab-ul li {

    display: inline-block;

    position: relative;

    margin-right: 90px;

}



.ab-ul li:hover a{

    transform: translateY(-5px);

}



.ab-ul li::after {

    content: "";

    display: inline-block;

    position: absolute;

    right: -47px;

    bottom: 10px;

    width: 1px;

    height: 33px;

    background-color: #ffffff;

    opacity: 0.3;

}



.ab-ul li:last-child:after {

    width: 0;

}



.ab-ul li a {

    display: flex;

}



.ab-ul li a .icon {

    width: 60px;

    height: 60px;

    border-radius: 50%;

    text-align: center;

    line-height: 60px;

    background-color: #fdf3e6;

}



.ab-ul li a span {

    font-size: 15px;

    line-height: 25px;

    color: #ffffff;

    display: inline-block;

    margin-left: 13px;

    margin-top: 10px;

}



.ab-ul li a span i {

    display: block;

    font-family: Arial;

    font-size: 12px;

    color: #ffffff;

    opacity: 0.5;

}



.swiper-about {

    width: 680px !important;

    margin: 0 0 0 0;

}





.sw-about a {

    display: block;

}



.sw-about li {

    position: relative;

}



.sw-about li::after {

    content: "";

    display: inline-block;

    position: absolute;

    right: 10px;

    bottom: 6px;

    width: 0;

    height: 2px;

    transition: all .5s;

    -webkit-transition: all .5s;

    background-color: #ffffff;

}



.sw-about li:hover::after {

    width: 52px;

}



.sw-about li i {

    display: block;

    height: 160px;

    padding: 4px;

    box-sizing: border-box;

    border-radius: 10px;

    border: solid 1px rgba(255, 255, 255, 0.4);

}



.sw-about li i img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 10px;

}



.sw-about li span {

    display: block;

    width: 60%;

    font-size: 14px;

    color: #ffffff;

    margin: 10px 0 0 10px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.ab-ul {

    margin-top: 30px;

}



.swiper-a {

    position: relative;

    margin-top: 36px;

}



.swiper-a .sw-but {

    position: absolute;

    bottom: 0;

    right: 0;

}



.swiper-a .sw-but i {

    position: relative;

    display: block;

    width: 44px;

    height: 40px;

    cursor: pointer;

    background-color: #91c69e;

    border-radius: 5px 5px 0px 0px;

    transition: all .5s;

    -webkit-transition: all .5s;

    cursor: pointer;

}



.swiper-a .sw-but .ab-next::before {

    content: "";

    position: absolute;

    width: 11px;

    height: 17px;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    background: url(../images/a-w-r.png) no-repeat center;

    background-size: cover;

}





.swiper-a .sw-but .ab-prev::before {

    content: "";

    position: absolute;

    width: 11px;

    height: 17px;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    background: url(../images/a-w-l.png) no-repeat center;

    background-size: cover;

}



.swiper-a .sw-but i.active {

    background-color: #fdf3e6;

}



.swiper-a .sw-but .ab-prev {

    border-radius: 0px 0px 5px 5px;

}



.swiper-a .sw-but .ab-next.active::before {

    background: url(../images/ab-gg-r.png) no-repeat center;

    background-size: cover;

}



.swiper-a .sw-but .ab-prev.active::before {

    background: url(../images/ab-gg-l.png) no-repeat center;

    background-size: cover;

}



.ab-img {

    position: absolute;

    top: 0;

    right: -46px;

}



.ab-img i {

    margin-top: 52px;

    display: block;

    position: relative;

    width: 586px;

    height: 585px;

    text-align: center;

    line-height: 585px;

    box-sizing: border-box;

}



.ab-img i img {

    position: relative;

    z-index: 9;

    width: 480px;

    height: 480px;

    border-radius: 50%;

    object-fit: cover;

}



.ab-img>i::before {

    content: "";

    display: inline-block;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    width: 520px;

    height: 520px;

    background-color: #d3fbdb;

    border-radius: 50%;

}



.ab-img>i::after {

    content: "";

    display: inline-block;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    width: 586px;

    height: 585px;

    background-color: #ffffff;

    opacity: 0.3;

    border-radius: 50%;

}



.ab-img .tit-box {

    margin-left: 114px;

}



.ab-img .tit-box::after {

    background-image: linear-gradient(to right, #357044, #f4fbf4);

}





/* news-box */

.news-box{

    overflow: hidden;

    padding: 57px 0 0 0;

}





.slide-news {

    position: relative;

    height: 780px;

}



.slide-news .hd {

    display: inline-block;

    position: relative;

    z-index: 99;

}





.slide-news .hd ul li {

    width: 143px;

    height: 46px;

    background-color: #ffffff;

    border-radius: 23px;

    margin-bottom: 24px;

    transition: all .5s;

    -webkit-transition: all .5s;

    box-shadow: 0 0 15px rgba(48, 184, 52, 0.4);

}



.slide-news .hd ul li a {

    font-size: 17px;

    color: #333333;

    display: block;

    text-align: center;

    line-height: 46px;

}



.slide-news .hd ul li.on {

    background-color: #30b834;

    box-shadow: none

}



.slide-news .hd ul li.on a {

    color: #fff;

}



.news-bd{

    position: absolute;

    top: 0;

    right: 0;

}



.news-bd .top {

    width: 1005px;

    margin-left: auto;

}



.news-bd .top li {

    display: inline-block;

    width: 276px;

    margin-left: 55px;

    position: relative;

}



.news-bd .top li::after {

    content: "";

    display: inline-block;

    position: absolute;

    top: 0;

    right: -30px;

    width: 1px;

    height: 312px;

    background-color: #d3d3d3;

}



.news-bd .top li a {

    display: flex;

    flex-direction: column;

}



.news-bd .top li a:hover{

    transform: translateX(-8px);

}



.news-bd .top li a .date {

    font-size: 12px;

    color: #444444;

}



.news-bd .top li a .date::before {

    content: "TIME";

    display: inline-block;

    width: 56px;

    height: 16px;

    background-color: #d3d3d3;

    border-radius: 2px;

    text-align: center;

    line-height: 16px;

    font-size: 12px;

    color: #ffffff;

    margin-right: 10px;

}



.news-bd .top li a .tit {

    font-size: 14px;

    width: 100%;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    color: #878787;

    margin: 18px 0 30px;

}



.news-bd .top li a .desc {

    font-size: 15px;

    width: 80%;

    display: block;

    color: #323232;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    margin-bottom: 30px;

}



.news-bd .top li a .desc::before {

    content: "";

    display: inline-block;

    width: 10px;

    height: 2px;

    margin: 0 10px 3px 0;

    background-color: #30b834;

}



.news-bd .top li a img {

    width: 276px;

    height: 380px;

    object-fit: contain;

    border-radius: 6px;

}



.news-bd .dowp {

    margin-top: 57px;

}



.news-bd .dowp li {

    display: inline-block;

    margin-right: 63px;

}



.news-bd .dowp li:hover a{

    transform: translateY(-8px);

}



.news-bd .dowp li:last-child{

    margin-right: 0;

}



.news-bd .dowp li a {

    display: flex;

}



.news-bd .dowp li i {

    display: block;

}



.news-bd .dowp li .ri {

    font-family: Arial;

    font-size: 50px;

    line-height: 54px;

    color: #323232;

}



.news-bd .dowp li .year {

    font-family: Arial;

    font-size: 14px;

    line-height: 24px;

    color: #959595;

}



.news-bd .dowp li .tit {

    width: 203px;

    font-size: 16px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    color: #323232;

    margin-bottom: 15px;

}



.news-bd .dowp li .desc {

    width: 203px;

    font-size: 14px;

    line-height: 24px;

    color: #878787;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    padding-top: 15px;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    border-top: 1px solid #202020;

}



.news-bd .dowp li span:nth-child(2){

    margin-left: 15px;

    position: relative;

    padding-bottom: 48px;

}



.news-bd .dowp li span:nth-child(2)::after{

    content: "+";

    display: block;

    position: absolute;

    bottom: 0;

    left: 0;

    width: 26px;

	height: 26px;

    font-size: 24px;

    text-align: center;

    line-height: 23px;

	color: #ffffff;

	background-color: #30b834;

	border-radius: 4px;

}





.news-bd .bd>div{

    height: 729px !important;

}





.slide-news .hd>a{

    display: inline-block;

    position: relative;

    vertical-align: top;

    padding-left: 6px;

    margin-right: 43px;

}



.slide-news .hd>a::after{

    content: "";

    display: inline-block;

    width: 14px;

	height: 188px;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    background-image: linear-gradient(to bottom, #30b834, #f4fbf4);

}



.slide-news .hd>a span{

    display: inline-block;

    width: 25px;

    font-size: 25px;

	line-height: 26px;

	color: #444444;

    margin-left: 20px;

    vertical-align: top;

}



.slide-news .hd>a span i{

    display: inline-block;

    width: 21px;

	height: 2px;

    transform: translate(2px,-7px);

	background-color: #9b9b9b;

}



.slide-news .hd>ul{

    display: inline-block;

}



















@media screen and (max-width: 1680px) {

    .banner .slider-nav {

        left: 10%;

    }

}