/*body{padding-top:0;}*/
/*.head{background:none;}*/
/*.head-c-r-l-t a,.head-c-r-r a{color:#fff;}*/
/*.head-c-r-l>ul>li.active .head-c-r-l-t a, .head-c-r-l-t a:hover{color:#fff}*/
/*.head-c-r-l-t a p{background: url(../images/head-2.png);}*/
/*.head .img1{display:none;}*/
/*.head .img2{display:block;}*/
/*.head-c-r-r dt i{background:#fff;}*/
/*.head:hover  .head-c-r-l-t a:hover{color:var(--colors)}*/
/*.head:hover .head-c-r-l>ul>li.active .head-c-r-l-t a p,.head.active .head-c-r-l>ul>li.active .head-c-r-l-t a p{background: url(../images/head-1.png);}*/
/*.head.active,.head:hover{background:#fff;}*/
/*.head.active .img2,.head:hover .img2{display:none;}*/
/*.head.active .img1,.head:hover .img1{display:block;}*/
/*.head.active .head-c-r-l-t a,.head:hover .head-c-r-l-t a,.head.active .head-c-r-r a,head:hover .head-c-r-r a,.head:hover .head-c-r-r a{color:#000;}*/
/*.head.active .head-c-r-r i,.head:hover .head-c-r-r i{color:#000;}*/
/*.head.active .head-c-r-l>ul>li.active .head-c-r-l-t a, .head-c-r-l-t a:hover,.head:hover .head-c-r-l>ul>li.active .head-c-r-l-t a, .head-c-r-l-t a:hover{color:var(--colors);}*/

/*.banner h3,.banner h4{transform: translateX(200px);
    -ms-transform: translateX(200px);
    -webkit-transform: translateX(200px);
    opacity: 0;transition:all 0.5s;}
.banner .swiper-slide-active h3,.banner .swiper-slide-active h4 {transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;}
.banner .swiper-slide-active h3:nth-child(1),.banner .swiper-slide-active h4:nth-child(1){
    transition-delay: .2s;
    -ms-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
} */


@keyframes indalRun {0%{opacity: 0;transform: translateY(80px);}100%{opacity: 1;transform: translateY(0);}}
/*.yyly-b a.active dl h3{animation: indalRun 1s ease both .6s;}
.yyly-b a.active dl p{animation: indalRun 1s ease both .7s;}
.yyly-b a.active dl h5{animation: indalRun 1s ease both .8s;}*/
@keyframes fangda{
  0%{transform: scale(1);}
  100%{transform: scale(1.05);}
}
.banner{width:100%;}
.banner a>img{width:100%;display:block;}
.banner a{display:block;overflow:hidden;}
.banner .swiper-slide{overflow:hidden;}
.banner a{transition:all 3s!important;}
.banner a dl{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;color:#fff;text-align:center;background-image:linear-gradient(rgba(0, 0, 0, 0.9),rgba(0, 0, 0, 0.5));}
.banner a dl dt{}
.banner a dl dt h3{font-size:60px;margin-bottom:25px;}
.banner a dl dt h4{font-size:24px;margin-bottom:50px;}
.banner a dl dt h5{width:200px;height:50px;border-radius:50px;font-size:16px;border:1px solid #fff;padding-left:6px;overflow:hidden;margin:0 auto}
.banner a dl dt h5 span{width:40px;height:40px;border-radius:50px;background:var(--colors);margin-right:29px;overflow:hidden;}
.banner a dl dt h5 i{width:40px;height:40px;border-radius:50px;background:var(--colors);margin-right:29px;}
.banner a dl dt h5 i img{width:15px;}
.banner a dl dt h5:hover{transform: scale(1.15);}
.banner a dl dt h5:hover i{animation: moveRightInitial 0.22s 0.15s forwards, moveRightEnd 0.3s 0.2s forwards;transform: translateX(20px);}
.banner .swiper-slide-active a{}
.banner .swiper-slide-active a h3{animation: indalRun 1s ease both .2s;}
.banner .swiper-slide-active a h4{animation: indalRun 1s ease both .4s;}
.banner .swiper-pagination{bottom:30px;}
.banner .swiper-pagination-bullet{background:none;border:1px solid rgba(255, 255, 255, 0.5);opacity:1;}
.banner .swiper-pagination-bullet-active{background:#fff;}
.banner .swiper-button-next{width:72px;height:71px;right:5%;background:url(../images/r.png);transition:all 0.5s;}
/*.banner .swiper-button-next:hover{background:url(../images/r-1.png);}*/
.banner .swiper-button-prev{width:72px;height:71px;left:5%;background:url(../images/l.png);transition:all 0.5s;}
/*.banner .swiper-button-prev:hover{background:url(../imagesl-1.png);}*/

.fwxm{background:#f5f5f5;padding:100px 0;}
.sybt{text-align:center;font-size:48px;font-weight: bold;margin-bottom:50px;}
.fwxm-b{margin-bottom:20px;text-align:center;}
.fwxm-b a{overflow:hidden;background:#fff;color:#000;font-size:16px;width:calc((100% - 200px) / 5);margin:0 50px 30px 0;height:270px;border-radius:20px;position:relative;z-index:2;}
.fwxm-b a:nth-child(5n){margin-right:0;}
.fwxm-b a dl{}
.fwxm-b a dl h4{height:97px;}
.fwxm-b a dl h4 img{transition: all 0s!important;}
.fwxm-b a dl h5{width:45px;height:1px;margin-bottom:35px;}
.fwxm-b a dl:nth-child(1) h5{background:#e995c4;}
.fwxm-b a dl:nth-child(2) h5{background:#3292c5;}
.fwxm-b a dl:nth-child(3) h5{background:var(--colors);}
.fwxm-b a dl:nth-child(4) h5{background:#c7000a;}
.fwxm-b a dl:nth-child(5) h5{background:#123273;}
.fwxm-b a dl:nth-child(6) h5{background:#123273;}
.fwxm-b a dl:nth-child(7) h5{background:#1296db;}
.fwxm-b a dl:nth-child(8) h5{background:#c4bd00;}
.fwxm-b a dl:nth-child(9) h5{background:#3292c5;}
.fwxm-b a dl:nth-child(10) h5{background:#4caf50;}
.fwxm-b a dl p{}
.fwxm-b a i{display:block;position:absolute;left:0;bottom:0;width:100%;height:0;z-index:-1;background-image:linear-gradient(rgba(0, 148, 148, 1),rgba(0, 208, 180, 1));}
.fwxm-b a:hover{box-shadow:0 20px 20px rgba(0, 164, 142, 0.2);}
.fwxm-b a:hover p{color:#fff;}
.fwxm-b a:hover i{height:100%;}
.fwxm-b a:hover img{filter: brightness(0) invert(1);}
.fwxm-t{width:200px;height:50px;border-radius:50px;font-size:16px;border:1px solid var(--colors);padding-left:6px;overflow:hidden;margin:0 auto;color:#000;}
.fwxm-t span{width:40px;height:40px;border-radius:50px;background:var(--colors);margin-right:29px;overflow:hidden;}
.fwxm-t i{width:40px;height:40px;border-radius:50px;background:var(--colors);margin-right:29px;}
.fwxm-t i img{width:15px;}
.fwxm-t:hover{transform: scale(1.15);}
.fwxm-t:hover i{animation: moveRightInitial 0.22s 0.15s forwards, moveRightEnd 0.3s 0.2s forwards;transform: translateX(20px);}
.fwxm-b a:hover h5{background:#fff!important;}

.cgal{margin:90px auto;}
.cgal-b{}
.cgal-b a{display:block;overflow:hidden;border-radius:10px;margin:0 10px 50px 10px;color:#000;position:relative;z-index:2;}
.cgal-b a:nth-child(3n){margin-right:0;}
.cgal-b a h4{overflow:hidden;}
.cgal-b a h4 img{display:block;width:100%;}
.cgal-b a dl{padding:50px 30px 55px 30px;border:1px solid #eee;border-top:none;border-bottom-left-radius:10px;border-bottom-right-radius:10px;transition:all 0s;}
.cgal-b a dl h3{font-size:18px;margin-bottom:30px;transition:all 0s;}
.cgal-b a dl dt{line-height:30px;transition:all 0s;}
.cgal-b a dl dt p{transition:all 0s;}
.cgal-b a i{display:block;position:absolute;left:0;bottom:0;width:100%;height:0;z-index:-1;background-image:linear-gradient(rgba(0, 148, 148, 1),rgba(0, 208, 180, 1));}
.cgal-b a:hover{box-shadow:0 20px 20px rgba(0, 164, 142, 0.2);color:#fff;}
.cgal-b a:hover img{transform:scale(1.1);}
.cgal-b a:hover dl{border-color:var(--colors);}
.cgal-b a:hover i{height:100%;}

.gywm{color:#fff;padding:90px 0 100px 0;background:url(../images/gywm-bj.jpg)no-repeat center;background-size:cover;}
.gywm-t{margin-bottom:80px;}
.gywm-l{width:50%;position:relative;overflow:hidden;border-top-left-radius:50px;border-bottom-right-radius:50px;}
.gywm-l>img{display:block;width:100%;}
.gywm-l dl{position:absolute;left:0;top:0;width:100%;height:100%;}
.gywm-l dl dt{width:70px;height:70px;border-radius:70px;position:relative;z-index:2;background:#fff;}
.gywm-l dl dt::before, .gywm-l dl dt::after {position: absolute;width: 100%;height: 100%;border-radius: 50%;background: #fff;content: '';top:0;left:0;z-index:-1;}
.gywm-l dl dt::before{animation: scale 2s infinite; }
.gywm-l dl dt::after{animation: scale2 2s infinite; }
@keyframes scale{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(1.5); opacity: 0;}}
@keyframes scale2{0%{ transform: scale(1);opacity:.9;}100%{ transform: scale(3);opacity:0;}}
.gywm-r{width:calc(50% - 70px);padding-top:30px;}
.gywm-r h3{font-size:30px;margin-bottom:35px;}
.gywm-r h5{width:50px;height:1px;background:#fff;margin-bottom:33px;}
.gywm-r .div1{font-size:16px;line-height:24px;margin-bottom:65px;}
.gywm-r .fwxm-t{margin:0;border-color:#fff;color:#fff;}
.gywm-b{padding:0 60px 0 50px;}
.gywm-b dl{}
.gywm-b dl dt{width:55px;}
.gywm-b dl dt img{filter: brightness(0) invert(1);}
.gywm-b dl dd{}
.gywm-b dl dd h3{font-size:24px;margin-bottom:17px;}
.gywm-b dl dd h3 i{font-size:36px;line-height:100%;}
.gywm-b dl dd h4{font-size:16px;}
.gywm-b dl:hover img{-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}

.xwzx{margin:100px auto;}
.xwzx-b{margin-bottom:50px;}
.xwzx-l{width:calc(50% - 10px);}
.xwzx-l a{width:calc(50% - 5px);background: #f1f9f8;display:block;position:relative;color: #000;padding: 55px 40px;height:calc(50% - 5px);margin-bottom:10px;}
.xwzx-l a:hover{background-image: linear-gradient(324deg,rgba(0, 148, 148, 1),rgba(0, 208, 180, 1))!important;color:#fff;}
.xwzx-l a:hover img{filter: brightness(0) invert(1);}
.xwzx-l a h3{font-size: 18px;line-height: 24px;font-weight: bold;transition: all 0s;}
.xwzx-l a p{line-height: 24px;margin-top: 20px;transition: all 0s;}
.xwzx-l a h5{font-size: 14px;position:absolute;left:30px;bottom: 43px;transition: all 0s;}
.xwzx-l a h5 img{margin-right: 15px;}
.xwzx-l a:nth-child(3){margin-bottom:0px;width:100%;padding: 52px 65px 34px 40px;background: #f3f3f3;}
.xwzx-l a:nth-child(3) img{}
.xwzx-r{width: calc(50% - 0px);}
.xwzx-r a{display:block;position:relative;display:block;color:#fff;}
.xwzx-r a h4{overflow:hidden;}
.xwzx-r a h4 img{display:block;width:100%;}
.xwzx-r a dl{position:absolute;left:0;bottom:0;z-index:2;width:100%;padding:60px 64px 37px 45px;/*background-image:linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.8));*/}
.xwzx-r a dl h3{font-size:18px;margin-bottom: 20px;}
.xwzx-r a dl h5{font-size: 14px;}
.xwzx-r a dl h5 img{margin-right:15px;filter: brightness(0) invert(1);}
.xwzx-r a:hover h4 img{transform:scale(1.1);}
.xwzx-r .swiper-pagination{text-align:right;bottom:35px;padding-right:47px;z-index:3;}
.xwzx-r .swiper-pagination-bullet{background:none;border:1px solid #fff;opacity:1;}
.xwzx-r .swiper-pagination-bullet-active{background:#fff;}

.hzhb{margin:100px auto;}
.hzhb-b{}
.hzhb-b a{}
.hzhb-b a img{}
.hzhb-b a:hover img{-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}

@media(min-width:1200px){
    .xwzx-r .swiper-pagination-bullet{margin-right:0!important;margin-left:20px!important;}
}
@media screen and (max-width:1200px){
    .banner .swiper-pagination{bottom:10px;}
    .fwxm-b{justify-content:space-between;}
    .fwxm-b a{width:calc(50% - 10px);height:180px;}
    .fwxm-b a dl h4{height:70px;}
    .cgal-b a:hover{box-shadow:none;color:#fff;}
    .gywm-b dl{width:50%;}
    .gywm-b dl dt{height:40px;}
    .xwzx-l a h5{position:relative;left:0;bottom:0}
    .xwzx-r .swiper-pagination-bullet{margin-right:0!important;margin-left:10px!important;}
}