@keyframes fangda{
  0%{transform: scale(1);}
  100%{transform: scale(1.05);}
}
.banner{width:100%;}
.banner a>img{width:100%;display:block;animation: fangda 5s ease-in-out infinite alternate;}
.banner .swiper-slide{overflow:hidden;}
.banner .swiper-pagination-bullet{background:#fff;opacity:1;}
.banner .swiper-pagination-bullet-active{background:#d72819;}
.banner-s{position:absolute;left: 50%;top: 50%; -webkit-transform: translatey(-50%) translatex(-50%);transform: translatey(-50%) translatex(-50%);color:#fff;text-align:center;}
.banner-s h3{font-size:48px;line-height:60px;margin-bottom:25px;}
.banner-s p{font-size:24px;line-height:30px;}
.banner dl{position:absolute;width:100%;display:flex;justify-content:center;left:0;bottom:30px;}
.banner dl a{width:20px;height:32px;display:flex;justify-content:center;background:url(/uploads/image/tpsimages/banner-tb.png);padding-top:11px;}
@keyframes fangda2{
  0%{-webkit-transform: translatey(5px);-ms-transform: translatey(5px);transform: translatey(5px);}
  100%{-webkit-transform: translatey(3px);-ms-transform: translatey(3px);transform: translatey(3px);}
}
.banner dl a p{width:2px;height:7px;background:#fff;animation: fangda2 0.8s ease-in-out infinite alternate;}

.mj{margin:80px auto;}
.sybt{text-align:center;margin-bottom:45px;color:#333;}
.sybt h3{text-transform:uppercase;font-size:48px;}
.sybt p{font-size:18px;padding-top:20px;}
.sybt a{display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;color:#fff;margin:20px auto 0 auto;background:#eb5520;border-radius:2px;width:130px;height:30px;}
.sybt a i{position:relative;z-index:3;}
.sybt a img{position:relative;z-index:3;margin-left:25px;}
.sybt a span{display:block;width:0;height:100%;position:absolute;top:0;background:#eb5520;}
.sybt a:hover img{-webkit-transform: translatex(-5px);-ms-transform: translatex(-5px);transform: translatex(-5px);}
.mj-t{display:flex;flex-wrap:wrap;justify-content:space-between;}
.mj-t a{background:#f79256;color:#fff;display:block;width:calc(50% - 1px);margin-bottom:2px;padding:50px 0;}
.mj-t a:last-child{background:#e5be91;}
.mj-t a dl{display:flex;flex-wrap:wrap;}
.mj-t a dl dt{width:50%;padding-left:50px}
.mj-t a dl dt h3{font-size:30px;margin-bottom:35px;}
.mj-t a dl dt p{font-size:16px;line-height:24px;margin-bottom:100px;}
.mj-t a dl dt h5{display:flex;justify-content:center;align-items:center;font-size:14px;width:110px;height:30px;border-radius:2px;position:relative;overflow:hidden;border:1px solid #fff;}
.mj-t a dl dt h5 i{position:relative;z-index:3;transition:all 0s;}
.mj-t a dl dt h5 span{display:block;position:absolute;top:0;width:0;height:100%;background:#fff;}
.mj-t a dl dd{width:50%;display:flex;justify-content:center;padding-top:20px;}
.mj-t a dl dd img{}
.mj-t a:hover{}
.mj-t a:hover h5{color:#eb5520;}
.mj-t a:hover h5 span{width:100%;}
.mj-t a:hover img{transform:scale(1.1);}
.mj-b{position:relative;}
.mj-b a{display:block;color:#fff;background:#7dcfb6;padding:55px 50px 0 50px;overflow:hidden;}
.mj-b a dl{}
.mj-b a dl dt{margin-bottom:45px;}
.mj-b a dl dt h3{font-size:30px;margin-bottom:25px;}
.mj-b a dl dt p{font-size:16px;line-height:24px;}
.mj-b a dl dd{height:230px;display:flex;justify-content:center;align-items:flex-end;}
.mj-b a dl dd img{}
.mj-b a:hover img{transform:scale(1.1);}
.mj-b .active0 a{background:#7dcfb6;}
.mj-b .active1 a{background:#00b2ca;}
.mj-b .active2 a{background:#1d4e89}
.mj-b .swiper-button-next{background:url(/uploads/image/tpsimages/r.png);width:19px;height:36px;right:-70px;}
.mj-b .swiper-button-next:hover{background:url(/uploads/image/tpsimages/r-1.png);}
.mj-b .swiper-button-prev{background:url(/uploads/image/tpsimages/l.png);width:19px;height:36px;left:-70px;}
.mj-b .swiper-button-prev:hover{background:url(/uploads/image/tpsimages/l-1.png);}

.cpzx{background:#f9f9f9;padding:85px 0;}
.cpzx-b{position:relative;}
.cpzx-b a{display:block;text-align:center;font-size:18px;background:#f79256;padding-bottom:40px;color:#fff;}
.cpzx-b a h4{overflow:hidden;}
.cpzx-b a h4 img{display:block;width:100%;}
.cpzx-b a:hover{}
.cpzx-b a:hover img{transform:scale(1.1);}
.cpzx-b .active0 a{background:#f79256;}
.cpzx-b .active1 a{background:#7dcfb6;}
.cpzx-b .active2 a{background:#00b1c9;}
.cpzx-b .active3 a{background:#1d4e89;}
.cpzx-b .swiper-button-next{background:url(/uploads/image/tpsimages/r.png);width:19px;height:36px;right:-70px;}
.cpzx-b .swiper-button-next:hover{background:url(/uploads/image/tpsimages/r-1.png);}
.cpzx-b .swiper-button-prev{background:url(/uploads/image/tpsimages/l.png);width:19px;height:36px;left:-70px;}
.cpzx-b .swiper-button-prev:hover{background:url(/uploads/image/tpsimages/l-1.png);}

.jjfa{background:url(/uploads/image/tpsimages/jjfa-bj.jpg)no-repeat center;color:#fff;}
.jjfa-b{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.jjfa-l{width:350px;background:#111c25;padding:30px 0;}
.jjfa-l dl{position:relative;cursor:pointer;}
.jjfa-l dl:nth-child(1) dt{border-top:1px solid #1d2830;}
.jjfa-l dl dt{display:flex;align-items:center;justify-content:space-between;height:103px;position:relative;z-index:3;padding:0 30px;border-bottom:1px solid #1d2830;flex-wrap:wrap;}
.jjfa-l dl dt i{display:block;width:55px;}
.jjfa-l dl dt i .img1{display:block;width:25px;}
.jjfa-l dl dt i .img2{display:none;width:25px;}
.jjfa-l dl dt p{font-size:16px;line-height:24px;width:calc(100% - 55px);}
.jjfa-l dl dd{transition:all 0.5s;position:absolute;width:0;height:100%;background:#eb5520;left:0;bottom:0;}
.jjfa-l dl.active{}
.jjfa-l dl.active i .img1{display:none;}
.jjfa-l dl.active i .img2{display:block;}
.jjfa-l dl.active dd{width:100%;}
.jjfa-r{width:60.76923076923076%;}
.jjfa2{color:#fff;display:none;}
.jjfa2:nth-child(1){display:block;}
.jjfa2 h3{font-size:30px;color:#fff;line-height:40px;margin-bottom:30px;width: 450px;max-width: 100%;}
.jjfa2 .div1{font-size:18px;line-height:30px;margin-bottom:30px;width: 450px;max-width: 100%;}
.jjfa2>a{display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;color:#fff;background:#eb5520;border-radius:2px;width:130px;height:30px;margin-bottom:175px;}
.jjfa2>a i{position:relative;z-index:3;}
.jjfa2>a img{position:relative;z-index:3;margin-left:25px;}
.jjfa2>a span{display:block;width:0;height:100%;position:absolute;top:0;background:#eb5520;}
.jjfa2>a:hover img{-webkit-transform: translatex(-5px);-ms-transform: translatex(-5px);transform: translatex(-5px);}
.jjfa2-b{display:flex;flex-wrap:wrap;justify-content:space-between;}
.jjfa2-b a{display:block;border-radius:2px;width:calc((100% - 30px) / 4);overflow:hidden;}
.jjfa2-b a img{display:block;width:100%;}
.jjfa2-b a:hover img{transform:scale(1.1);}

.gywm{margin:85px auto;}
.gywm-t{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 50px;}
.gywm-t dl{text-align:center;font-size:16px;color:#333;margin-bottom:70px;}
.gywm-t h6{width:1px;height:60px;background:#eee;}
.gywm-t dl h3{color:#eb5520;font-size:18px;margin-bottom:15px;transition:all 0.5s;}
.gywm-t dl h3 i{font-size:36px;padding-right:5px;}
.gywm-t dl:hover h3{-webkit-transform: translatey(-5px);-ms-transform: translatey(-5px);transform: translatey(-5px);}
.gywm-b{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.gywm-l{width:calc(50% - 70px);}
.gywm-l dl{display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-bottom:1px solid #eee;}
.gywm-l dl:last-child{border:none;padding-bottom:0}

.gywm-l dl dt{display:flex;width:90px;height:90px;border-radius:90px;border:1px solid #eee;justify-content:center;align-items:center;position: relative;}
.gywm-l dl dt i{}
.gywm-l dl dt i{width: 100%;height: 100%;border-radius: 50%;display: inline-block;position: absolute;-webkit-animation: rotation 2s linear infinite;animation: rotation 2s linear infinite;display:block;}
.gywm-l dl dt i:after {content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;border-radius: 50%;border: 2px solid transparent;border-bottom-color: #eb5520;}
.gywm-l dl dd{width:calc(100% - 140px);color:#333;}
.gywm-l dl dd h3{font-size:18px;margin-bottom:15px;}
.gywm-l dl dd p{line-height:20px;margin-bottom:5px;}
.gywm-l dl dd a{color:#eb5520;}
.gywm-l dl:hover{}
.gywm-r{width:50%;position:relative;overflow:hidden;border-radius:20px;}
.gywm-r img{display:block;width:100%;}
.gywm-r p{width: 100%;height:100%;position:absolute;left: 0;top: 0;display: flex;justify-content: center;align-items:center;}
.gywm-r p i{display:block;position: relative;}
.gywm-r p i::before, .gywm-r p i::after {position: absolute;width: 100%;height: 100%;border-radius: 50%;background: #fff;content: '';top:0;left:0}
.gywm-r p i::before{animation: scale 2s infinite; }
.gywm-r p i::after{animation: scale2 2s infinite; }
@keyframes scale{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(2); opacity: 0;}}
@keyframes scale2{0%{ transform: scale(1);opacity:.9;}100%{ transform: scale(4);opacity:0;}}
.gywm-r p i img{position: relative;z-index: 3;display:block;}
.gywm-r:hover>img{transform:scale(1.1);}

.xwzx{background:#f9f9f9;padding:85px 0;}
.xwzx-b{display:flex;flex-wrap:wrap;justify-content:space-between;}
.xwzx-b dl{width:calc((100% - 70px) / 3);border-radius:5px;overflow:hidden;background:#fff;transition:all 0.5s;padding-bottom:35px;}
.xwzx-b dl dt{position:relative;overflow:hidden;}
.xwzx-b dl dt img{display:block;width:100%;}
.xwzx-b dl dt p{width:130px;line-height:32px;position:absolute;right:0;top:0;text-align:center;background:rgba(235,85,32,0.8);color:#fff;}
.xwzx-b dl dt h6{width: 100%;height:100%;position:absolute;left: 0;top: 0;display: flex;justify-content: center;align-items:center;}
.xwzx-b dl dt h6 i{display:block;position: relative;}
.xwzx-b dl dt h6 i::before, .xwzx-b dl dt h6 i::after {position: absolute;width: 100%;height: 100%;border-radius: 50%;background: #fff;content: '';top:0;left:0}
.xwzx-b dl dt h6 i::before{animation: scale 2s infinite; }
.xwzx-b dl dt h6 i::after{animation: scale2 2s infinite; }
.xwzx-b dl dt h6 img{display:block;position:relative;z-index:3;}
.xwzx-b dl dd{padding:25px 25px 30px 25px;}
.xwzx-b dl dd a{display:block;}
.xwzx-b dl dd h3{color:#000;font-size:16px;line-height:24px;}
.xwzx-b dl dd i{display:block;height:1px;background:#eee;margin:23px 0;}
.xwzx-b dl dd p{color:#333;font-size:16px;line-height:24px;}
.xwzx-b dl>a{color:#eb5520;padding-left:25px;}
.xwzx-b dl:hover{box-shadow:1px 1px 10px rgba(0,0,0,0.2)}
.xwzx-b dl:hover dt a>img{transform:scale(1.1);}
.xwzx-b dl a:hover h3{color:#eb5520;}


@media(min-width:1200px){
    .gywm-l dl:hover img{-webkit-transform: translatey(-5px);-ms-transform: translatey(-5px);transform: translatey(-5px);}
    .jjfa2 .div1{height:120px}
    .jjfa2 h3{height:80px;}
}
@media screen and (max-width:1200px){
    body:before{content: '';width:100%;height:60px;display:block;}
    .jjfa{background-size:auto 100%!important;}
    .jjfa-l{display:flex;flex-wrap:wrap;}
    .jjfa-l dl{width:50%;}
    .jjfa-l dl.active{background:#eb5520;border-bottom: 1px solid #1d2830;}
    .jjfa-l dl dt{padding:0;height:auto;display:block;padding:20px 0;border:none;}
    .jjfa-l dl dt i{width:100%;height:40px;}
    .jjfa-l dl dt i img{margin:0 auto;}
    .jjfa-l dl dt p{width:100%;font-size:14px;}
    .jjfa2-b a{width:calc(50% - 5px);margin-bottom:10px}
    .gywm-t{justify-content:flex-start;}
    .gywm-t dl{width:33%;}
    .gywm-l dl dt,.wmys dl dt{width: 60px;height: 60px;}
    .gywm-l dl dt img,.wmys dl dt img{transform:scale(0.8)}
    .gywm-l dl dd{width:calc(100% - 90px);}
    .banner dl{bottom:10px;}
}