body{background:#f1f1f1;}

/*.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;}
.banner .swiper-slide{overflow:hidden;}
.banner .swiper-slide a{transition:all 3s!important;position:relative;}
.banner .swiper-slide a dl{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;text-align:center;color:#fff;text-transform:uppercase;}
.banner .swiper-slide a dl dt{width:775px;}
.banner .swiper-slide a dl dt h3{font-size:48px;line-height:65px;margin-bottom:40px;}
.banner .swiper-slide a dl dt h5{width:180px;height:45px;border-radius:45px;border:1px solid #fff;color:#fff;font-size:16px;}
.banner .swiper-slide a dl dt h5:hover{background:#fff;color:#000}
.banner .swiper-slide-active a{}
.banner .swiper-slide-active a h3{animation: indalRun 1s ease both .2s;}
.banner .swiper-slide-active a h5{animation: indalRun 1s ease both .4s;}
.banner .swiper-pagination{bottom:30px;}
.banner .swiper-pagination-bullet{background:#fff;opacity:1;}
.banner .swiper-pagination-bullet-active{background:#a19286;}

.gywm{background: url(../images/gywm-bj.jpg)no-repeat center;text-align:center;padding:165px 0 180px 0;overflow: hidden;background-size: cover;}
.gywm-b2{position:relative;}
.gywm-l{width:314px;position:relative;display: none;}
.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:50px;height:50px;border-radius:50px;position:relative;z-index:2;}
.gywm-l dl dt img{}
.gywm-s{width:780px;}
.gywm-t{font-size:18px;text-align:center;text-transform:uppercase;margin-bottom:40px;}
.gywm-t2{font-size:36px;line-height:48px;margin-bottom:60px;}
.gywm-c{width:180px;height:45px;border-radius:45px;border:1px solid #000;color:#000;text-transform:uppercase;font-size:16px;margin-bottom:120px;}
.gywm-c:hover{background: var(--colors);color:#fff;border-color: 1px solid var(--colors);}
.gywm-b{}
.gywm-b dl{}
.gywm-b dl h3{font-size:24px;margin-bottom:25px;}
.gywm-b dl h3 i{font-size:48px;line-height:100%;margin-bottom:-5px;padding-right:5px;}
.gywm-b dl h5{font-size:18px;}
.gywm-r{width:200px;display: none;overflow:hidden;}
.gywm-r img{display:block;width:100%;}
.gywm-r:hover img{transform:scale(1.1);}

.rmal{background:#2b303c;padding:100px 0;overflow:hidden;transition: all 0.5s;}
.rmal-b{}
.rmal-b>div{width: 200%;margin-left: -50%;}
.rmal-b a{width: 1000px;display:block;position:relative;}
.rmal-b a .i1{position:absolute;top:0;left: -45px;width:18px;font-size:18px;color: rgba(255,255,255,0.5);/* text-transform:uppercase; */writing-mode: vertical-lr;transform: translateX(100%) rotate(180deg);}
.rmal-b a h5{position:absolute;top:0;left: -55px;width:18px;font-size:18px;color: rgba(255,255,255,0.5);writing-mode: vertical-lr;transform: translateX(100%) rotate(180deg);}
.rmal-b a h5 i{opacity:0}
.rmal-b a h4{overflow:hidden;}
.rmal-b a h4 img{display:block;width:100%;}
.rmal-b a dl{position:absolute;top:34px;right:-30px;color: rgba(255,255,255,0.5);transform: translateX(100%) rotate(180deg);}
.rmal-b a dl i{
    writing-mode: vertical-lr;
}
.rmal-b a .i2{position:absolute;bottom:34px;right:-30px;color:#f1f1f1;transform: translateX(100%) rotate(180deg);writing-mode: vertical-lr;font-size:18px;opacity:0}
.rmal-b a dl p{width:1px;height:25px;background: rgba(255,255,255,0.5);margin:5px auto;}
.rmal-b a h3{color:#fff;font-size: 80px;text-transform:uppercase;z-index:6;position:absolute;letter-spacing: 9px;/* width: 100%; */left: 50%;top: 50%;-webkit-transform: translateY(-50%) translateX(-50%);text-align: center;transform: translateY(-50%) translateX(-50%);}
.rmal-b a h3 p{opacity:0;}
.rmal-b .swiper-slide-prev{}
.rmal-b .swiper-slide-prev a,.rmal-b .swiper-slide-next a{transform:scale(0.8)}
.rmal-b .swiper-slide-prev a h3{}
.rmal-b .swiper-slide-prev a dl{opacity:0;}
.rmal-b .swiper-slide-prev a .i2{opacity: 1;}
.rmal-b .swiper-slide-active{}
.rmal-b .swiper-slide-active a{transform:scale(1)}
.rmal-b .swiper-slide-active a h5 i{animation: indalRun 1s ease both .2s;}
.rmal-b .swiper-slide-active a .i1{opacity:0}
.rmal-b .swiper-slide-active a h3 p{animation: indalRun 1s ease both .2s}
.rmal-b .swiper-slide-next a{}
.rmal-b .swiper-button-next{width:70px;height:70px;background:url(../images/r.png);right:31%;transition:all 0.5s;}
.rmal-b .swiper-button-next:hover{}
.rmal-b .swiper-button-prev{width:70px;height:70px;background:url(../images/l.png);left:31%;transition:all 0.5s;}
.rmal-b .swiper-button-prev:hover{}

.rmal-b .swiper-slide-next a .i2{opacity:1}

.cgal{margin:113px auto 135px auto;overflow:hidden;}
.cgal-t{width:1015px;text-align:center;margin-bottom:70px;}
.cgal-t h4{font-size:18px;margin-bottom:40px;text-transform:uppercase;}
.cgal-t h3{font-size:36px;line-height:48px;}
.cgal-c{width:calc(100% + 1px);border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;margin-bottom:65px;}
.cgal-c a{display:block;padding:39px 29px 79px 29px;border-right:1px solid #d2d2d2;color:#000}
.cgal-c a h4{overflow:hidden;margin-bottom:40px;}
.cgal-c a h4 img{display:block;width:100%;}
.cgal-c a p{font-size:16px;color:#000;margin-bottom:20px;}
.cgal-c a h3{font-size:30px;margin-bottom:60px;}
.cgal-c a h5{font-size:16px;}
.cgal-c a h5 img{margin-left:20px;}
.cgal-c a:hover h4 img{transform:scale(1.1);}
.cgal-c a:hover h5 img{margin-left:30px;}
.cgal-c .swiper-button-next{width:70px;height:70px;background:url(../images/r.png);right:70px;transition:all 0.5s;margin-top:-150px;}
.cgal-c .swiper-button-next:hover{}
.cgal-c .swiper-button-prev{width:70px;height:70px;background:url(../images/l.png);left:70px;transition:all 0.5s;margin-top:-150px;}
.cgal-c .swiper-button-prev:hover{}
.cgal-b{width:180px;height:45px;border-radius:45px;border:1px solid #000;color:#000;text-transform:uppercase;}
.cgal-b:hover{background: var(--colors);color:#fff;border-color: var(--colors);}

.cpzx{}
.cpzx-t{margin-bottom:66px;font-size: 16px;}
.cpzx-t a{border-radius:40px;height:40px;padding: 0 13px;color:#000;}
.cpzx-t a.active{background: var(--colors);color:#fff;}
.cpzx-b{position:relative;overflow:hidden;}
.cpzx-b2{position:absolute;opacity:0;z-index:1;left:0;top:0;width:100%;transition:all 0.5s;}
.cpzx-b2.active{position:relative;opacity:1;z-index:2;}
.cpzx-b2 a{color:#000;}
.cpzx-b2 a h4{width:57.83132530120482%;overflow:hidden;}
.cpzx-b2 a h4 img{display:block;width:100%;}
.cpzx-b2 a dl{width:36.14457831325301%;padding-top:20px;position:relative;}
.cpzx-b2 a dl h3{font-size:36px;line-height:48px;margin-bottom:45px;}
.cpzx-b2 a dl p{font-size:18px;line-height:30px;}
.cpzx-b2 a dl h5{width:180px;height:45px;border-radius:45px;color:#000;border:1px solid #000;font-size:16px;}
.cpzx-b2 a:hover h4 img{transform:scale(1.1);}
.cpzx-b2 a:hover h5{background:var(--colors);border-color:var(--colors);color:#fff}
.cpzx-b .swiper-pagination{}
.cpzx-b .swiper-pagination-bullet{background:#d2d2d2;opacity:1;}
.cpzx-b .swiper-pagination-bullet-active{background:#000;}

.xwzx{margin:145px auto 130px auto;}
.xwzx-t{position:relative;}
.xwzx-t .swiper-container{padding-bottom:54px;margin-bottom:52px;}
.xwzx-t a{display:block;color:#fff;position:relative;overflow:hidden;}
.xwzx-t a h4{overflow:hidden;}
.xwzx-t a h4 img{display:block;width:100%;}
.xwzx-t a dl{position:absolute;left:0;bottom:0;width:100%;z-index:2;padding:50px 30px 35px 30px;overflow:hidden;background-image:linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.8));}
.xwzx-t a dl .div1{overflow:hidden;}
.xwzx-t a dl dt{margin-bottom:-47px;}
.xwzx-t a dl dt p{line-height:100%;color:#e0e0e0;margin-bottom:20px;}
.xwzx-t a dl dt h3{font-size:20px;line-height:24px;margin-bottom:33px;}
.xwzx-t a dl dt h5{font-size:16px;}
.xwzx-t a dl dt h5 img{margin-left:20px;}
.xwzx-t a:hover h4 img{transform:scale(1.1);}
.xwzx-t a:hover dt{margin-bottom:0;}
.xwzx-t .swiper-button-next{width:45px;height:45px;background:url(../images/r2.png);right:-22.5px;transition:all 0.5s;margin-top:-40px;}
.xwzx-t .swiper-button-next:hover{background:url(../images/r2-1.png);}
.xwzx-t .swiper-button-prev{width:45px;height:45px;background:url(../images/l2.png);left:-22.5px;transition:all 0.5s;margin-top:-40px;}
.xwzx-t .swiper-button-prev:hover{background:url(../images/l2-1.png);}
.xwzx-t .swiper-scrollbar{opacity:1!important;transition:all 0.5s;height:2px;}
.xwzx-t .swiper-scrollbar:hover{height:4px;}
.xwzx-t .swiper-button-disabled{display:none;}

.ssk{background:#cb956e;}
.ssk-b{height:220px;color:#fff;}
.ssk-l{}
.ssk-l h3{font-size:36px;margin-bottom:30px;}
.ssk-l p{font-size:18px;line-height:24px;width:540px;}
.ssk-r{width:460px;border-radius:60px;background:#fff;overflow:hidden;}
.ssk-r input{width:calc(100% - 160px);height:60px;padding-left:40px;font-size:16px;color:#aa9789;}
.ssk-r input::placeholder{color:#aa9789;}
.ssk-r button{width:150px;height:60px;background:none;cursor:pointer;padding-right:46px;color:#1f2532;font-size:14px;}
.ssk-r button img{margin-right:15px;}
.ssk{}

@media(max-width:1500px){
    .cpzx-b2 a dl h3{font-size:30px;line-height:36px;margin-bottom:30px;}
    .cpzx-t a{padding: 0 5px;}
}
@media(max-width:1300px){
    .cpzx-b2 a dl h3{font-size:25px;line-height:30px;margin-bottom:20px;}
}
@media(min-width:1200px){
    .gywm-l{position:absolute;left:-85px;top: 230px;}
    .gywm-r{position:absolute;right:0;top: 100px;}
    .cpzx-b2 a dl h5{position:absolute;left:0;bottom:48px;}
    .cpzx-b .swiper-pagination{text-align:right;bottom:55px;}
}
@media screen and (max-width:1200px){
    .cpzx-t a{height:35px;}
    .cpzx-b2 a dl p{height:72px;}
    .cpzx-b2 a dl h5{height:40px;width:160px;}
    .banner .swiper-pagination{bottom:10px;}
    .rmal-b a dl{
    right: -15px;}
    .banner .swiper-slide a dl dt h5{height:40px;}
}