.loading-layer{z-index: -1;position: fixed;left: 0;right: 0;top: 0;bottom: 0;animation: loadingLayer 5s linear;}
.loading-layer:before{content: "";z-index: -1;position: absolute;left: 0;top: 0;width: 100%;height: 0;background-color: #fff;animation: loadingLayerItem 0.5s linear;animation-delay: 4s;}
.loading-layer:after{content: "";z-index: -1;position: absolute;left: 0;bottom: 0;width: 100%;height: 0;background-color: #fff;animation: loadingLayerItem 0.5s linear;animation-delay: 4s;}
.loading-layer .progress-bar{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 194px;height: 66px;margin: auto;background-color: #ccc;mask: url(../images/logo2.png);-webkit-mask: url(../images/logo2.png);animation: progressBarHide 0.5s ease-out;animation-delay: 4s;animation-fill-mode: forwards;}
.loading-layer .progress-bar:after{content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;background-image: linear-gradient(to left, #0a6b70 , #11ae67);background-size: 200% 100%;animation: bgp 1s infinite linear,loadingProgress 4s linear;animation-fill-mode: forwards;}
@keyframes loadingLayer{
    0%{z-index: 2;background-color: #000;}
    75%{background-color: #fff;}
    99.99%{z-index: 2;}
    100%{z-index: -1;}
}
@keyframes loadingLayerItem{
    0%{height: 50%}
    100%{height: 0;}
}
@keyframes bgp{
    0%{background-position: 0 0;}
    100%{background-position: -100% 0;}
}
@keyframes loadingProgress{
    20%{width: 40%;}
    80%{width: 60%;}
    100%{width: 100%;}
}
@keyframes progressBarHide{
    100%{opacity: 0;}
}
@keyframes loadingLayer{
    0%{z-index: 2;background-color: #000;}
    75%{background-color: #fff;}
    99.99%{z-index: 2;}
    100%{z-index: -1;}
}
@keyframes loadingLayerItem{
    0%{height: 50%}
    100%{height: 0;}
}
@keyframes bgp{
    0%{background-position: 0 0;}
    100%{background-position: -100% 0;}
}
@keyframes loadingProgress{
    20%{width: 40%;}
    80%{width: 60%;}
    100%{width: 100%;}
}
@keyframes progressBarHide{
    100%{opacity: 0;}
}

#menu{position:fixed;right:40px;height:192px;top:50%;margin-top:-91px;width:57px;z-index:10;}
#menu li{transition:all 0.5s;margin-bottom:40px;display:flex;justify-content:flex-end;}
#menu li a{display:block;width:20px;height:5px;background:#a0a0a0}
#menu li:last-child{margin-bottom:0;}
#menu li.active a{width:100%;background:#07904f;}
#menu{}
#menu{}
#menu{}
#menu{}
.banner{width:100%;}
.banner img{width:100%;}
.banner a{display:block;height:100vh;}
.banner .swiper-pagination-bullet{background:#fff;opacity:1;}
.banner .swiper-pagination-bullet-active{background:#29c47a;}
.banner .swiper-button-next{width:39px;height:73px;right:5%;background:url(../images/r.png);}
.banner .swiper-button-prev{width:39px;height:73px;left:5%;background:url(../images/l.png);}

.cpzx{width:100%;}
.cpzx-t{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;margin-bottom:40px;}
.cpzx-t1{}
.cpzx-t1 h3{font-size:90px;text-transform:uppercase;margin-bottom:10px;background-image:-webkit-linear-gradient(right,#0a6b70,#11ae67);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.cpzx-t1 p{background-image:-webkit-linear-gradient(right,red,#0a6b70,#11ae67);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:36px;position:relative;}
.cpzx-t1 p i{background:url(../images/cpzx-tb.png)no-repeat center left;left:180px;height:100%;top:0;width:calc(100% - 180px);position:absolute;}
.cpzx-t2{display:flex;flex-wrap:wrap;}
.cpzx-t2 a{display: flex;width: 167px;min-height: 55px;border-radius:100px;border:1px solid #c7c7c7;margin:0 12px;font-size: 14px;align-items: center;color:#343434;justify-content: center;padding: 10px;text-align: center;}
.cpzx-t2 a:hover{background:#019f58;border-color:#019f58;color:#fff;}
.cpzx-t3{display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;width:206px;height: 55px;background-color: #07904f;background-image: linear-gradient(to left, #0a6b70 , #11ae67);border-radius: 100px;}
.cpzx-t3 img{margin-right:20px;}
.cpzx-t3:hover{}
.cpzx-b{margin-bottom:50px;}
.cpzx-b a{display:block;}
.cpzx-b a h4{overflow:hidden;background:#edf4f2;margin-bottom:50px;}
.cpzx-b a h4 img{display:block;width:100%;}
.cpzx-b a h3{color:#353535;font-size:24px;margin-bottom:15px;font-weight:bold;}
.cpzx-b a p{font-size:16px;color:#797e84;}
.cpzx-b a:hover img{transform:scale(1.1);}
.cpzx-b a:hover h3{color:#019f58;}
.cpzx-an{height:5px;background:#f0f0f0;position:relative;border-radius:10px;}
.cpzx-an span{background:#019f58!important;border-radius:100px;overflow:hidden;}

.cgal{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;background:#edf4f2;}
.cgal-l{width: 48%;overflow:hidden;}
/*.cgal-l>div{width:160%;margin-left:-65%;}*/
.cgal-l .swiper-slide a{display:block;overflow:hidden;max-height: calc(100vh - 100px);}
.cgal-l .swiper-slide-active a::after{content: '';position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:0.5;background:#07904f;opacity:0}
.cgal-l .swiper-slide a img{display:block;width: 100%;}
.cgal-l .swiper-slide a:hover img{transform:scale(1.1)}
.cgal-an{position:absolute;right:0;bottom:0;z-index:2;background:#fff;display:flex;align-items:center;justify-content:center;width:198px;height:84px;}
.cgal-an a{display:block;width:15px;height:25px;}
.cgal-an a.a1{background:url(../images/l2.png);}
.cgal-an a.a1:hover{background:url(../images/l2-1.png);}
.cgal-an a.a2{background:url(../images/r2.png);}
.cgal-an a.a2:hover{background:url(../images/r2-1.png);}
.cgal-an p{width:1px;height:24px;background:#ccc;margin:0 40px;}
.cgal-r{width: 45%;padding-right:3%;}
.cgal-r1{margin-bottom:60px;}
.cgal-r1 h3{font-size:90px;text-transform:uppercase;margin-bottom:20px;background-image:-webkit-linear-gradient(right,#0a6b70,#11ae67);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.cgal-r1 p{background-image: -webkit-linear-gradient(right,red,#0a6b70,#11ae67);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 36px;position: relative;}
.cgal-r1 i{position:absolute;right:0;bottom:0;}
.cgal-r2 h3{font-size:24px;color:#141414;margin-bottom:27px;}
.cgal-r2 h4{width:28px;height:4px;background:#07904f;margin-bottom:25px;}
.cgal-r2 p{color:#666;line-height:26px;margin-bottom:100px;}
.cgal-r2 a{display:flex;justify-content:center;align-items:center;color:#fff;width: 179px;height: 54px;background-color: #07904f;background-image: linear-gradient(to left, #0a6b70 , #11ae67);overflow:hidden;border-radius:50px;font-size:16px;}
.cgal-r2 a img{margin-left:30px;}
.cgal-r2 a:hover{opacity:0.8;}

.xwzx{background:url(../images/xwzx-bj.jpg)no-repeat center;}
.xwzx .w1{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.xwzx-l{width:500px;position:relative;}
.xwzx-l h6{position:absolute;top:-60px;left:-100px;}
.xwzx-l h2{font-size:90px;text-transform:uppercase;margin-bottom:20px;background-image:-webkit-linear-gradient(right,#0a6b70,#11ae67);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.xwzx-l h3{background-image: -webkit-linear-gradient(right,red,#0a6b70,#11ae67);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 36px;margin-bottom:50px;}
.xwzx-l h4{font-size:24px;color:#141414;margin-bottom:27px;}
.xwzx-l p{line-height:24px;font-size:16px;color:#666;margin-bottom:60px;}
.xwzx-l a{display:flex;justify-content:center;align-items:center;color:#454545;width: 179px;height: 54px;overflow:hidden;border-radius:50px;font-size:16px;background:#fff;}
.xwzx-l a img{margin-left:30px;}
.xwzx-l a .img2{display:none;}
.xwzx-l a:hover{background-color: #07904f;background-image: linear-gradient(to left, #0a6b70 , #11ae67);color:#fff;}
.xwzx-l a:hover .img1{display:none;}
.xwzx-l a:hover .img2{display:block;}
.xwzx-r{display:flex;flex-wrap:wrap;justify-content:space-between;width:728px;position:relative;}
.xwzx-r1{width:250px;}
.xwzx-r1 .swiper-container{height:552px;}
.xwzx-r1 .swiper-slide{ height: calc((100% - 20px) / 3);}
.xwzx-r1 dl{}
.xwzx-r1 dl dt{position:relative;overflow:hidden;}
.xwzx-r1 dl dt img{display:block;width:100%;}
.xwzx-r1 dl dt i{position:absolute;background:#058a63;}
.xwzx-r1 dl:hover dt img{transform:scale(1.1);}
.xwzx-r1 dl dt .i1{right:0;top:0;height:4px;width:0;}
.xwzx-r1 dl dt .i2{left:0;top:0;width:4px;height:0;}
.xwzx-r1 dl dt .i3{left:0;bottom:0;height:4px;width:0;}
.xwzx-r1 dl dt .i4{right:0;bottom:0;height:0px;width:4px;}
.xwzx-r1 dl:hover .i1,.xwzx-r1 dl:hover .i3{width:100%;}
.xwzx-r1 dl:hover .i2,.xwzx-r1 dl:hover .i4{height:100%;}
.xwzx-r1 dl dd{display:none;}
.xwzx-r1 dl dd>h3{}
.xwzx-r1 dl dd>div{}
.xwzx-r3{position:absolute;left: -127px;top: 30px;width: 50px;display: flex;justify-content: center;flex-wrap: wrap;display: none;width:127px;padding-right:77px;}
.bFind-wrapper-top{height:26px!important;}
.xwzx-r1:hover .xwzx-r3{display:flex;}
.xwzx-r3>h3{text-transform:uppercase;padding-top:15px;border-top: 2px solid #000;margin-bottom: 124px;}
.xwzx-r3 .bshare-custom.icon-medium a{margin:10px;}
.xwzx-r3 .bshare-custom.icon-medium .bshare-weixin{background: url(../images/wx.png);background-size: 100% auto;padding: 0;width: 30px;height: 31px;}
.xwzx-r3 .bshare-custom.icon-medium .bshare-qqim{background: url(../images/qq.png);background-size: 100% auto;padding: 0;width: 30px;height: 30px;}
.xwzx-r3 .bshare-custom.icon-medium .bshare-sinaminiblog{background: url(../images/wb.png);background-size: 100% auto;padding: 0;width: 30px;height: 31px;}
.xwzx-r3 .bshare-custom.icon-medium a.bshare-more.more-style-addthis{background:none;font-size: 40px;padding: 0!important;text-align:center;margin: 0 auto;width: 100%;font-weight: bold;text-decoration: inherit;}
.xwzx-r2{width:452px;background:#fff;box-shadow:1px 1px 10px rgba(0,0,0,0.2);padding:60px 45px;position:relative;}
.xwzx-r2 h3{font-size:24px;color:#141414;margin-bottom:30px;font-weight:bold;}
.xwzx-r2 h3:hover{color:#019f58;}
.xwzx-r2 h4{width:22px;height:4px;background:#141414;margin-bottom:28px;}
.xwzx-r2 dl{font-size:16px;line-height:30px;margin-bottom:70px;color:#666;}
.xwzx-an{border-top:3px solid #d5d5d5;display:flex;flex-wrap:wrap;}
.xwzx-an a{display:block;padding-top:17px;border-top:3px solid #000;margin-top:-3px;color:#141414;text-transform:uppercase;margin-right:37px;padding-right:5px;}
.xwzx-an a:hover{color:#019f58;}

.gywm{background:#edf4f2}
.gywm-b{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.gywm-l{width:56.35%;overflow:hidden;}
.gywm-l img{display:block;width:100%;}
.gywm-l:hover img{transform:scale(1.1);}
.gywm-r{width:37%;}
.gywm-r h2{font-size:90px;text-transform:uppercase;margin-bottom:20px;background-image:-webkit-linear-gradient(right,#0a6b70,#11ae67);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;}
.gywm-r>h2 i{position:absolute;right:-100px;top:-50px;transform: rotate(90deg);}
.gywm-r>h3{background-image: -webkit-linear-gradient(right,red,#0a6b70,#11ae67);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 36px;margin-bottom:40px;}
.gywm-r>h4{font-size:24px;color:#141414;margin-bottom:27px;}
.gywm-r>h5{width:28px;height:4px;background:#07904f;margin-bottom:25px;}
.gywm-r>p{color:#666;line-height:26px;margin-bottom:100px;}
.gywm-b2{display:flex;/* flex-wrap:wrap; */}
.gywm-b2 a{display:block;margin-right:10px;text-align:center;width:153px;position:relative;border:3px solid #dbe9e8;padding-top:36px;height:153px;}
.gywm-b2 a h3{height:55px;}
.gywm-b2 a h4{font-size:16px;color:#141414;margin-bottom:5px;}
.gywm-b2 a p{color:#666;font-size:12px;}
.gywm-b2 a i{position:absolute;background:#058a63;}
.gywm-b2 a .i1{right:-3px;top:-3px;height:3px;width:0;}
.gywm-b2 a .i2{left:-3px;top:-3px;width:3px;height:0;}
.gywm-b2 a .i3{left:-3px;bottom:-3px;height:3px;width:0;}
.gywm-b2 a .i4{right:-3px;bottom:-3px;height:0px;width:3px;}
.gywm-b2 a:hover .i1,.gywm-b2 a:hover .i3{width:calc(100% + 3px);}
.gywm-b2 a:hover .i2,.gywm-b2 a:hover .i4{height:calc(100% + 3px);}
.gywm-b2 a:hover h3{color:#058a63;}


@media(max-width:1600px){
    .cgal-r1 h3,.gywm-r>h2{font-size:60px;}
}
@media(max-width:1420px){
    .cpzx-t1 h3{font-size:60px;}
    .xwzx-l{width:450px;}
    .gywm-b2 a{width:139px;}
    .gywm-r>p{margin-bottom:40px;}
    .cpzx-t2 a{width: 127px;padding: 5px;}
    .cpzx-t3{width:150px}
    .banner a{background-position:center top -100px!important;}
}
@media screen and (max-width:1200px){
    .banner{margin-top:60px;}
    .cpzx-t2{justify-content:space-between;}
    .cpzx-t2 a{width:calc(50% - 5px);}
    .cgal-an{width:100px;height:50px}
    .xwzx-l a{margin:0 auto;}
    .gywm-b2{justify-content:space-between;}
    .gywm-b2 a{width: calc((100% - 20px) / 3);margin-bottom:10px;margin-right:0;padding:10px;height:auto;}
    .cgal-l .swiper-slide-active a::after{opacity:0}
}