@charset "UTF-8";
/*.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;}
.banner .swiper-slide-active a{}
.banner .swiper-pagination{bottom:30px}
.banner .swiper-pagination-bullet{background:none;border:1px solid #cccbcb;opacity:1;}
.banner .swiper-pagination-bullet-active{background:var(--colors);border-color:var(--colors);}

.wmys{padding:75px 0 80px 0;box-shadow:0 5px 10px rgba(208, 208, 208, 0.1);}
.sybt{text-align:center;width:902px;margin-bottom:55px;}
.sybt h2{font-size:42px;margin-bottom:25px;text-transform: uppercase;}
.sybt h2 i{color:var(--colors);}
.sybt p{font-size:16px;line-height:24px;color:#333;}
.wmys-t{text-align:center;}
.wmys-t dl{}
.wmys-t dl dt{width:100px;height:100px;border-radius:100px;background:url(../images/wmys-bj.png)no-repeat center;margin-bottom:40px;transition:all 0.5s;}
.wmys-t dl h3{font-size:18px;margin-bottom:17px;}
.wmys-t dl p{font-size:16px;line-height:100%;color:#333;}
.wmys-t dl:hover dt{-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}

.cpzx{margin:80px auto}
.wmys-b{}
.wmys-b a{display:block;width:calc(50% - 10px);position:relative;overflow:hidden;}
.wmys-b a img{display:block;width:100%;}
.wmys-b a dl{position:absolute;bottom: 40px;color:#fff;width: 350px;left:47px;z-index:2;}
.wmys-b a dl h3{font-size: 36px;margin-bottom: 30px;}
.wmys-b a dl p{width:170px;height:55px;border-radius:55px;background:var(--colors);color:#fff;font-size:16px;}
.wmys-b a:hover img{transform:scale(1.1);}

.cpfl{padding:85px 0 90px 0;background: #000;color: #fff;}
.cpfl .sybt p{color:#fff;}
.cpfl-b{margin-bottom:30px;}
.cpfl-b a{display:block;overflow:hidden;position:relative;margin-bottom:15px;width:calc((100% - 30px) / 3);color:#fff;}
.cpfl-b a i{display:block;overflow:hidden;}
.cpfl-b a i img{display:block;width:100%;}
.cpfl-b a dl{position:absolute;left:0;bottom:0;width:100%;padding: 80px 30px 20px 30px;background-image:linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0,0.5));}
.cpfl-b a dl h3{font-size: 18px;margin-bottom:19px;}
.cpfl-b a dl p{font-size:16px;line-height:24px;}
.cpfl-b a:hover img{transform:scale(1.1);}
.cpfl-r{width:calc((100% - 30px) / 3);}
.cpfl-r a{width:100%;}
.cpfl-t{width:220px;height:50px;border-radius:50px;background:var(--colors);color:#fff;font-size:16px;text-transform:uppercase;}
.cpfl-t:hover{opacity:0.8;}

.tjcp{background:#000;padding:90px 0 80px 0;display:none}
.tjcp .sybt{color:#fff;}
.tjcp .sybt p{color:#fff;}
.tjcp-b{margin-bottom:30px;}
.tjcp-b a{display:block;background:#fff;color:#000;width:calc((100% - 45px) / 4);margin-bottom:15px;}
.tjcp-b a p{overflow:hidden;}
.tjcp-b a p img{display:block;width:100%;}
.tjcp-b a h3{height:65px;font-size:18px;transition:all 0s;}
.tjcp-b a:hover{background:var(--colors);color:#fff;}

.rmcp{margin:90px auto;}
.rmcp-b{position:relative;}
.rmcp-b a{display:block;}
.rmcp-b a p{overflow:hidden;position:relative;}
.rmcp-b a p img{display:block;width:100%;}
.rmcp-b a p i{width:100px;height:30px;background:var(--colors);color:#fff;font-size:14px;z-index:2;position:absolute;right:0;bottom:0}
.rmcp-b a dl{padding:34px 29px 37px 29px;border:1px solid #eee;border-top:none;}
.rmcp-b a dl h3{font-size:18px;line-height:24px;color:#000;margin-bottom:19px;height:48px;}
.rmcp-b a dl dt{}
.rmcp-b a dl dt i{font-size:18px;color:var(--colors);padding-right:10px;}
.rmcp-b a dl dt span{color:#ababab;text-decoration:line-through;}
.rmcp-b a:hover img{transform:scale(1.1);}
.rmcp-b a:hover h3{color:var(--colors);}
.rmcp-b .swiper-button-next{width:70px;height:70px;right:-110px;background:url(../images/r.png);transition:all 0.5s;}
.rmcp-b .swiper-button-next:hover{background:url(../images/r-1.png);}
.rmcp-b .swiper-button-prev{width:70px;height:70px;left:-110px;background:url(../images/l.png);transition:all 0.5s;}
.rmcp-b .swiper-button-prev:hover{background:url(../images/l-1.png);}

.cost{padding:340px 0 80px 0;background:url(../images/cost-bj.jpg)no-repeat center;color:#fff;}
.cost-b{}
.cost-b h3{font-size:60px;text-transform:uppercase;margin-bottom:35px;}
.cost-b p{font-size:16px;line-height:30px;width:632px;margin-bottom:32px;}
.cost-b a{width:170px;height:55px;border-radius:55px;background:var(--colors);font-size:16px;color:#fff;}
.cost-b a:hover{opacity:0.8;}

.gywm{color:#fff;padding:140px 0 90px 0;text-align:center;background:url(../images/gywm-bj.jpg)no-repeat center;}
.gywm-t{margin-bottom:250px;width:1200px}
.gywm-t h2{text-transform:uppercase;font-size:60px;margin-bottom:36px;}
.gywm-t h2 i{color:var(--colors);}
.gywm-t p{font-size:22px;line-height:36px;margin-bottom:42px;}
.gywm-t a{width:170px;height:55px;border-radius:55px;background:var(--colors);font-size:16px;color:#fff;}
.gywm-t a:hover{opacity:0.8;}
.gywm-b{padding:0 90px;}
.gywm-b dl{}
.gywm-b dl h3{margin-bottom:20px;color:var(--colors);font-size:30px;}
.gywm-b dl:nth-child(1) h3{font-size:18px;}
.gywm-b dl:nth-child(1) h3 i{margin-right:0px;}
.gywm-b dl h3 i{color:#fff;font-size:60px;line-height:100%;display:inline-block;margin-right:10px;}
.gywm-b dl h4{font-size:16px;}

.wmys2{background:#f5f5f5;padding:90px 0;}
.wmys2-b{}
.wmys2-b>div{padding-bottom:45px;overflow:inherit;}
.wmys2-b a{display:block;background:#fff;}
.wmys2-b a p{overflow:hidden;}
.wmys2-b a p img{display:block;width:100%;}
.wmys2-b a dl{padding:45px 39px 55px 39px;border:1px solid #eee;border-top:none}
.wmys2-b a dl h3{font-size:24px;margin-bottom:43px;}
.wmys2-b a dl dt{font-size:16px;line-height:24px;color:#333333}
.wmys2-b a:hover img{transform:scale(1.1);}
.wmys2-b .swiper-pagination{top:auto;bottom:0;background:#e5e5e5;height:3px;}
.wmys2-b .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--colors);}

.xwzx{margin:90px auto;}
.xwzx-b{margin-bottom:45px;}
.xwzx-l{width: calc(48.3695652173913% - 7.5px);}
.xwzx-l a{width:calc(50% - 8px);background: #ffebf2;display:block;position:relative;color: #333;padding: 44px 30px;height:calc(50% - 7.5px);margin-bottom:15px;}
.xwzx-l a:nth-child(2){background:#f5f5f5;}
.xwzx-l a h3{font-size: 18px;line-height: 24px;}
.xwzx-l a p{font-size:16px;line-height: 24px;margin-top: 20px;}
.xwzx-l a h5{font-size: 16px;position:absolute;left:30px;bottom: 32px;}
.xwzx-l a h5 img{margin-right: 10px;}
.xwzx-l a:nth-child(3){background: var(--colors);margin-bottom:0px;width:100%;color: #fff;padding: 44px 56px 44px 30px;}
.xwzx-l a:nth-child(3) img{filter: brightness(0) invert(1);}
.xwzx-r{width: calc(51.63043478260869% - 7.5px);}
.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 30px 32px 45px;background-image:linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.8));}
.xwzx-r a dl h3{font-size:24px;line-height: 30px;margin-bottom: 29px;}
.xwzx-r a dl h5{font-size: 16px;}
.xwzx-r a dl h5 img{margin-right:10px;filter: brightness(0) invert(1);}
.xwzx-r a:hover h4 img{transform:scale(1.1);}
.xwzx .cpfl-t{width:170px}

@media screen and (max-width:1200px){
    .banner .swiper-pagination{bottom:10px}
    .wmys-t dl{width:50%;}
    .wmys-b a dl{left:20px;bottom:20px;}
    .wmys-b a dl p{width:150px;height:45px;}
    .cost-b a,.gywm-t a,.xwzx .cpfl-t{width:150px;height:45px;}
    .gywm-b dl{width:50%;}
    .xwzx-l a h5{position:relative;left:0;bottom:0}
    .wmys2-b>div{overflow:hidden;}
}