/*.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 img{width:100%;display:block;}
.banner a{display:block;overflow:hidden;max-height: 100vh;}
.banner .swiper-slide{overflow:hidden;}
.banner .swiper-slide a{transition:all 3s!important;color:#fff;}
.banner .swiper-slide a dl{position:absolute;left:0;top:0;width:100%;height:100%;}
.banner .swiper-slide a dl dt{width:60%;}
.banner .swiper-slide a dl dt h3{font-size:72px;line-height:90px;margin-bottom:80px;}
.banner .swiper-slide a dl dt p{font-size:20px;}
.banner .swiper-slide-active a{}
.banner .swiper-slide-active a h3{animation: indalRun 1s ease both .2s;}
.banner .swiper-slide-active a p{animation: indalRun 1s ease both .4s;}
.banner .swiper-pagination{bottom: 80px;display:flex;line-height:100%;font-size:20px;}
.banner .swiper-pagination-bullet{background:none;opacity:1;display:flex;align-items:flex-end;width:auto;height:auto;margin-right:24px!important;color:rgba(255, 255, 255, 0.3);transition:all 0.5s;}
.banner .swiper-pagination-bullet i{width:40px;height:3px;background:rgba(255, 255, 255, 0.3);margin-left:5px;transition:all 0.5s;}
.banner .swiper-pagination-bullet-active{color:#fff;}
.banner .swiper-pagination-bullet-active i{width:60px;background:#fff;}

.cpzx{margin:130px auto 140px auto;}
.cpzx-t{margin-bottom:60px;}
.cpzx-t dl{}
.cpzx-t dl h3{font-size:48px;margin-bottom:25px;}
.cpzx-t dl h4{font-size:16px;color:#666;}
.a{width:160px;height:48px;border-radius:8px;background:var(--colors);color:#fff;font-size:18px;margin-top: 10px;}
.a p{margin-left:10px;width:14px;height:14px;border-radius:14px;border:1px solid #fff;position:relative;transition:all 0s;}
.a .circle::before,.a .circle::after {
    transition:all 0s;
    content: '';
    position: absolute;
    top: -18px;
    right: -18px;
    bottom: -18px;
    left: -18px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 100%;
    opacity: 0;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
}
.a:hover .circle::before,.a:hover .circle::after{-webkit-animation: sonarAnimation 2.8s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1);animation: sonarAnimation 2.8s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1);}
.a:hover .circle::after{-webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
@-webkit-keyframes sonarAnimation{
    0%{opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);}
    50%{opacity: 0.8;}
    100%{opacity: 0;
    -webkit-transform: scale(1.8);
    transform: scale(1.8);}
}
.a p i{display:block;width:4px;height:4px;border-radius:4px;background:#fff;}
.a:hover p{}
.cpzx-b{position:relative;justify-content:flex-end;}
.cpzx-l{width:416px;position:absolute;left:0;top:0;height:100%;}
.cpzx-l a{border-bottom:1px solid #ddd;height:25.984251968503935%;}
.cpzx-l a:last-child{border-bottom:none;}
.cpzx-l a dl{width:100%;}
.cpzx-l a dl dt{}
.cpzx-l a dl dt h4{width:51px;height:51px;border-radius:51px;border:2px solid #ccc;}
.cpzx-l a dl dt h4 img{transition:all 0s!important;}
.cpzx-l a dl dt h3{font-size:20px;width:calc(100% - 75px);color:#666666;}
.cpzx-l a dl dd{display:none;margin-left:75px;}
.cpzx-l a dl dd p{color:#757575;line-height:24px;margin-bottom:35px;}
.cpzx-l a dl dd i{width:50px;height:50px;border-radius:50px;background:var(--colors);}
.cpzx-l a.active{height:48.03149606299213%;}
.cpzx-l a.active dl dt h4{border-color:var(--colors);}
.cpzx-l a.active dl dt h4 img{filter: invert(37%) sepia(94%) saturate(7490%) hue-rotate(338deg) brightness(91%) contrast(123%);}
.cpzx-l a.active dl dt h3{color:#333;}
.cpzx-l a.active dl dd{display:block;}
.cpzx-r{width:calc(100% - 490px);position:relative;}
.cpzx-r a{position:absolute;opacity:0;z-index:1;display:block;border-radius:8px;overflow:hidden;width: 100%;left: 0;top: 0;}
.cpzx-r a.active{position:relative;opacity:1;z-index:2;}
.cpzx-r a img{display:block;width:100%;}
.cpzx-r a:hover img{transform:scale(1.1);}

.gsys{padding:120px 0;background:url(../images/gsys-bj.jpg)no-repeat center;background-size:cover}
.gsys-t{color:#fff;margin-bottom:70px;text-align: center;}
.gsys-t h3{font-size:48px;margin-bottom:15px;}
.gsys-t h4{font-size:16px;}
.gsys-b{text-align:center;}
.gsys-b dl{position:relative;background:#fff;padding:55px 35px 35px;border-radius:16px;overflow:hidden;}
.gsys-b dl h5{height:85px;}
.gsys-b dl h3{color:#333;font-size:18px;margin-bottom:15px;}
.gsys-b dl p{color:#757575;line-height: 18px;font-size: 12px;}
.gsys-b dl span{display:block;position:absolute;left:0;bottom:0;width:0;height:8px;background:var(--colors);transition:all 0.5s;}
.gsys-b dl:hover span{width:100%;}


.jjfa{position:relative;display:none}
.jjfa-t{}
.jjfa-t a{display:block;position:relative;height:900px;color:#fff;}
.jjfa-t a dl{position:absolute;left:0;top:0;width:100%;height:100%;padding-top:225px;}
.jjfa-t a dl dt{width:512px;margin-left:66px;}
.jjfa-t a dl dt i{display:inline-block;color:rgba(255, 255, 255, 0.6);padding-bottom:10px;border-bottom:1px solid rgba(255, 255, 255, 0.6);}
.jjfa-t a dl dt h3{margin-top:27px;margin-bottom:55px;font-size:60px;}
.jjfa-t a dl dt p{font-size:24px;line-height:36px;}
.jjfa-b{position:absolute;left:0;bottom:0;width:100%;padding:160px 0 60px 0;background-image:linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.6));z-index:3;}
.jjfa-s{position:relative;padding:0 66px;}
.jjfa-s .div1{border-left:1px solid rgba(255, 255, 255, 0.1);}
.jjfa-s .swiper-slide{border-right:1px solid rgba(255, 255, 255, 0.1);}
.jjfa-s .swiper-wrapper a{color:#fff;display:block;padding:18px 0;opacity:0.6;}
.jjfa-s .swiper-wrapper a h4{height:72px;filter: brightness(0) invert(1);}
.jjfa-s .swiper-wrapper a h3{opacity:0.8;font-size:24px;margin-bottom:18px;}
.jjfa-s .swiper-wrapper a p{opacity:0.4;}
.jjfa-s .swiper-slide-thumb-active{}
.jjfa-s .swiper-slide-thumb-active a{opacity:1;}
.jjfa-s .swiper-slide-thumb-active a h3{opacity:1;}
.jjfa-s .swiper-button-next{width:13px;height:23px;right:0;background:url(../images/r.png);}
.jjfa-s .swiper-button-prev{width:13px;height:23px;left:0;background:url(../images/l.png);}

.cgal{padding:130px 0;}
.cgal-b{}
.cgal-b .w1{margin:0;}
.cgal-b .swiper-container{margin-bottom:70px;}
.cgal-b .swiper-wrapper{align-items:flex-end;}
.cgal-b .swiper-slide{width:calc(25.416666666666665% - 24px);height:529px;display: flex;align-items: flex-end;}
.cgal-b a{display:block;position:relative;margin:1px 0}
.cgal-b a .dl1{border:1px solid #ddd;padding:50px 29px 29px 29px;}
.cgal-b a .dl1 h5{height:55px;}
.cgal-b a .dl1 h3{color:#000;font-size:18px;line-height:26px;margin-bottom:35px;height: 78px;}
.cgal-b a .dl1 h4{overflow:hidden;}
.cgal-b a .dl1 h4 img{display:block;width:100%;}
.cgal-b a .dl2{overflow:hidden;width:0;height:0;position:relative;color:#fff;}
.cgal-b a .dl2 dt{position:absolute;width:50%;left:0;top:0;height:100%;background:rgba(0, 67, 155, 0.7);padding:0 40px;}
.cgal-b a .dl2 dt .div1{width:100%;}
.cgal-b a .dl2 dt .div1 h5{height:80px;}
.cgal-b a .dl2 dt .div1 h5 img{filter: brightness(0) invert(1);}
.cgal-b a .dl2 dt .div1 h3{font-size:24px;line-height:32px;margin-bottom:20px;}
.cgal-b a .dl2 dt .div1 p{line-height:24px;height:72px;opacity:0.6;margin-bottom:50px;}
.cgal-b a .dl2 dt .div1 i{width:50px;height:50px;border-radius:50px;background:var(--colors);display: none;}
.cgal-b a .dl2 h4{overflow:hidden;}
.cgal-b a .dl2 h4 img{display:block;width:100%;}
.cgal-b .swiper-slide-active{width:49.166666666666664%;}
.cgal-b .swiper-slide-active a .dl1{display:none;}
.cgal-b .swiper-slide-active a .dl2{width:100%;height:auto;}
.cgal-b2{}
.cgal-b2 .swiper-pagination{height:1px;position:relative;width:84.72222222222222%;}
.cgal-b2 .swiper-pagination .swiper-pagination-progressbar-fill{background:var(--colors);height:4px;border-radius:5px;margin-top:-3px;}
.cgal-b2 dl{width:78px;margin-right:20px;}
.cgal-b2 dl a{display:block;width:14px;height:24px;}
.cgal-b2 dl .a1{background:url(../images/l2.png);background-size:100% 100%;}
.cgal-b2 dl .a1:hover{background:url(../images/l2-1.png);background-size:100% 100%;}
.cgal-b2 dl .a2{background:url(../images/r2.png);background-size:100% 100%;}
.cgal-b2 dl .a2:hover{background:url(../images/r2-1.png);background-size:100% 100%;}
.cgal{}

.gywm{padding-top:140px;height:1080px;background:url(../images/gywm-bj.jpg)no-repeat center;background-size:cover;}
.gywm-t{color:#fff;margin-bottom:100px;}
.gywm-l{width:57.98611111111112%;}
.gywm-l h3{font-size:48px;margin-bottom:30px;}
.gywm-l h4{font-size:24px;margin-bottom:55px;}
.gywm-l dl{font-size:18px;line-height:36px;color:rgba(255, 255, 255, 0.7);margin-bottom:60px;}
.gywm-l dl p{margin-bottom:25px;}
.gywm-l a{width:170px;height:48px;border-radius:8px;background:var(--colors);color:#fff;font-size:18px;}
.gywm-l a img{margin-left:10px;}
.gywm-l a:hover img{}
.gywm-r{width:40%;}
.gywm-r dl{width: 80px;height: 80px;border-radius:50px;background: var(--colors);position:relative;z-index:2}
.gywm-r dl::before, .gywm-r dl::after {position: absolute;width: 100%;height: 100%;border-radius: 50%;background: var(--colors);content: '';top:0;left:0;z-index:-1;}
.gywm-r dl::before{animation: scale 2s infinite; }
.gywm-r dl::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(2.5);opacity:0;}}
.gywm-b{background:#fff;padding:43px 120px;}
.gywm-b dl{}
.gywm-b dl h3{color:var(--colors);font-size:24px;margin-bottom:15px;}
.gywm-b dl h3 i{font-size:36px;}
.gywm-b dl h4{font-size:18px;}
.gywm-b>i{width:1px;height:66px;background:#dddddd;}

.gcsb{margin:120px auto;}
.gcsb-b{}
.gcsb-b a{display:block;overflow:hidden;border-radius:8px;}
.gcsb-b a img{display:block;width:100%;}
.gcsb-b a:hover img{transform:scale(1.1)}

.xwzx{margin:135px auto;}
.xwzx-t{margin-bottom:75px;}
.xwzx-t h3{font-size:48px;}
.xwzx-t dl{}
.xwzx-t dl dt{font-size:18px;}
.xwzx-t dl dt a{margin-right:45px;color:#666;height:40px;position:relative;}
.xwzx-t dl dt a p{position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--colors);}
.xwzx-t dl dt a.active{color:var(--colors);}
.xwzx-t dl dt a.active p{width:100%;}
.xwzx-t dl>a{width:160px;height:48px;border-radius:8px;background:var(--colors);color:#fff;font-size:18px;}
.xwzx-t dl>a p{margin-left:10px;width:14px;height:14px;border-radius:14px;border:1px solid #fff;position: relative;}
.xwzx-t dl>a p i{display:block;width:4px;height:4px;border-radius:4px;background:#fff;}
.xwzx-b{position:relative;overflow:hidden;}
.xwzx-b2{position:absolute;opacity:0;z-index:1;display:block;border-radius:8px;transition:all 0.5s;width: 100%;}
.xwzx-b2.active{position:relative;opacity:1;z-index:2;}
.xwzx-b a{display:block;}
.xwzx-b a h4{overflow:hidden;margin-bottom:40px;}
.xwzx-b a h4 img{display:block;width:100%;}
.xwzx-b a i{display:block;line-height:100%;color:#999999;margin-bottom:15px;}
.xwzx-b a h3{color:#000;font-size:20px;line-height:30px;height:60px;margin-bottom:25px;}
.xwzx-b a p{height:48px;line-height:24px;color:#757575;margin-bottom:30px;}
.xwzx-b a h5{color:var(--colors);font-size:14px;}
.xwzx-b a h5 img{margin-left:10px;}
.xwzx-b a:hover h4 img{transform:scale(1.1);}
.xwzx-b a:hover h3{color:var(--colors);}
@media screen and (max-width:1500px){
    .cgal-b .swiper-slide{height:440.83px;}
}
@media screen and (max-width:1200px){
    .banner .swiper-pagination{bottom:15px;font-size:16px;justify-content:center;}
    .cpzx-l{position:relative;}
    .gywm-b dl{width:50%;}
    .gywm-l dl p{margin-bottom:10px;display: none;}
    .gywm-l dl p:nth-child(1){display:block;}
    .xwzx-b a h3{height:48px;}
    .xwzx-t dl>a{/* width:130px; */}
    .cgal-b .swiper-slide{}
    .cgal-b .swiper-slide a .dl1{display:none;}
    .cgal-b .swiper-slide a .dl2{width:100%;height:auto;}
    .cgal-b2 dl{width: 30px;}
    .cgal-b a .dl2 dt .div1 h5{height:50px;}
    .cgal-b a .dl2 dt{padding:0 20px;}
    .cgal-b a .dl2 dt .div1 h3{height:72px;height: 48px;margin-bottom: 22px!important;}
    a.a{margin-top:0;height: 30px!important;width: 108px!important;border-radius: 4px!important;font-size: 12px!important;}
    .gsys-b dl h5{height:65px;}
    .gsys-b dl h5 img{height:40px;}
    .cpzx-t dl h4{/* display:none; */}
    .cpzx-t dl h3{/* margin-bottom:0!important; */}
    .cpzx-l a.active dl dd{/* display:none; */}
    .cpzx-l a dl dt h4{width:40px;height:40px;}
    .cpzx-l a dl dd i{width:30px;height:30px;}
    .cpzx-l a dl dd p{font-size:12px;line-height: 18px;}
    .gywm-l h4,.gywm-l dl{margin-bottom:22px!important;}
    .cgal-b a .dl2 dt .div1 p{
    font-size: 12px;
    line-height: 20px;
    height: 40px;}
    .cgal-b2 dl a{width: 7px;height:12px;}
    .gywm-l a{height: 30px;
    width: 108px;
    border-radius: 4px;
    font-size: 12px!important;}
    .gywm-b dl h3 i{font-size:24px!important;}
    .xwzx-t dl dt a{font-size:14px;}
    .banner .swiper-pagination-bullet{margin:0 5px!important;}
    .banner .swiper-pagination-bullet i{width:10px;}
    .banner .swiper-pagination-bullet-active i{width:20px;}
    .xwzx-b a h5 img{width:15px;}
    .cgal-b a .dl2 dt .div1 h5 img{
    height: 20px;}
    .banner .swiper-pagination-bullet{font-size:0;}
    .gywm-r{margin-top:30px;width:100%;}
    .gywm-r dl{width:60px;height:60px;}
    @keyframes scale{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(1.2); opacity: 0;}}
    @keyframes scale2{0%{ transform: scale(1);opacity:.9;}100%{ transform: scale(2);opacity:0;}}
}