/*.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{display:block;width:100%} .banner a{display:block;overflow:hidden;/*animation: fangda 5s ease-in-out infinite alternate;*/} .banner .swiper-slide{overflow:hidden;} .banner .swiper-slide dl{position:absolute;width:100%;height:100%;left:0;top:0;text-align:center;color:#fff;} .banner .swiper-slide dl .div1{width:550px;margin:0 50px;} .banner .swiper-slide dl h3{font-size:50px;margin-bottom:33px;} .banner .swiper-slide dl p{font-size:20px;line-height:36px;margin-bottom:32px;} .banner .swiper-slide dl p i{color:#cad1dc;} .banner .swiper-slide dl h5{width:180px;height:50px;border:1px solid #fff;font-size:16px;} .banner .swiper-slide dl h5 img{margin-left:30px;} .banner .swiper-slide-active{} .banner .swiper-slide-active dl h3{animation: indalrun 1s ease both .2s;} .banner .swiper-slide-active dl p{animation: indalrun 1s ease both .4s;} .banner .swiper-slide-active dl h5{animation: indalrun 1s ease both .6s;} .banner .swiper-pagination-bullet{background:#fff;opacity:1;} .banner .swiper-pagination-bullet-active{background:#c6181e;} .gywm{position:relative;padding:150px 0;background:url(/uploads/image/sdimages/gywm-bj.png)no-repeat right -10px top 120px;} .gywm-l{width:38.98809523809524%;overflow:hidden;} .gywm-l img{display:block;width:100%;} .gywm-l:hover img{transform:scale(1.1);} .gywm-c{width:28.57142857142857%;height:100%;margin-bottom: 170px;} .gywm-c dt{position:relative;margin-bottom:54px;} .gywm-c dt h4{color:#f7f7f7;font-size:72px;text-transform:uppercase;} .gywm-c dt h3{color:#c6181e;font-size:24px;position:absolute;width:100%;height:100%;left:0;top:0} .gywm-c dd{} .gywm-c dd h3{font-size:20px;margin-bottom:35px;} .gywm-c dd .div1{color:#575757;font-size:18px;line-height:36px;margin-bottom:42px;} .gywm-c dd .div2{color:#878787;font-size:16px;line-height:30px;margin-bottom:55px;} .gywm-c dd a{width:180px;height:50px;border:1px solid #707070;font-size:16px;color:#707070;} .gywm-c dd a img{margin-left:25px;display:block;} .gywm-c dd a .img2{display:none;} .gywm-c dd a:hover{background:#c6181e;border-color:#c6181e;color:#fff;} .gywm-c dd a:hover .img1{display:none;} .gywm-c dd a:hover .img2{display:block;} .gywm-r{width:20.238095238095238%;overflow:hidden;} .gywm-r img{display:block;width:100%} .gywm-r:hover img{transform:scale(1.1);} .jq22{width:60%;position:absolute;right:0;bottom:15%;color:#f7f7f7;font-size:200px;height: 264px!important;overflow:hidden;z-index:-1;} .jq22 li{width:550px!important;} .fzlc{padding-top:85px;background:url(/uploads/image/sdimages/fzlc-bj2.jpg)no-repeat center;height:960px;} .sybt{text-align:center;position:relative;margin-bottom:60px;} .sybt h4{text-transform:uppercase;font-size:72px;color:rgba(77, 103, 134, 0.2);} .sybt h3{color:#fff;font-size:24px;position:absolute;width:100%;height:100%;left:0;top:0} .fzlc .sybt{margin-bottom:80px;} @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;}} .fzlc-t{position:relative;margin-bottom: 250px;} .fzlc-t .w2{position:relative;} .fzlc-t .swiper-container{width:900px;max-width:100%} /*.fzlc-t>div{width:calc(100% - 200px);}*/ .fzlc-tl{position:absolute;width: 115px;left: 33px;top: 128px;overflow:hidden;height:50px;z-index:3;} .fzlc-tr{position:absolute;width: 115px;right: 33px;top: 128px;overflow:hidden;height:50px;z-index:3;} .fzlc-tr .fzlc-tl-s{left: -230px;} .fzlc-tl-s{position:absolute;min-width:100%;display:flex;left:0;top:0;transition:all 0.5s} .fzlc-tl-s p{width: 115px;text-align:center;color: #fff;font-weight: bold;display: flex;align-items: center;justify-content: space-between;font-size: 36px;} .fzlc-tl-s p i{display:block;width: 15px;height: 15px;border-radius:10px;background: #6a869c;} .fzlc-t h6{position:absolute;width:100%;left:0;background: rgba(255, 255, 255, 0.2);height:1px;top: 155px;} .fzlc-t dl{color: #fff;/*transform:scale(0)*/transition:all 0.5s;font-weight: bold;text-align: center;} .fzlc-t dl dt{font-size: 100px;} .fzlc-t dl p{width: 15px;height: 15px;border-radius:10px;background: #fff;margin-right: 40px;position:relative;margin: 0 auto 30px auto;} .fzlc-t dl p::before, .fzlc-t dl p::after {position: absolute;width: 100%;height: 100%;border-radius: 50%;background: #c6181e;content: '';top:0;left:0;} .fzlc-t dl p::before{animation: scale 2s infinite; } .fzlc-t dl p::after{animation: scale2 2s infinite; } .fzlc-t dl dd{font-size:18px;line-height:24px;font-weight: normal;} .fzlc-t .swiper-slide-active dl{transform:scale(1);} .fzlc-t .swiper-button-next{width: 60px;height: 60px;background:url(/uploads/image/sdimages/r2.png);right: 18.571428571428572%;margin:0;margin-top: 17px;} .fzlc-t .swiper-button-prev{width: 60px;height: 60px;background: url(/uploads/image/sdimages/l2.png);left: 18.571428571428572%;margin:0;margin-top: 17px;} .fzlc-b{text-align:center;color:#fff;} .fzlc-b h3{font-size:36px;margin-bottom:26px;} .fzlc-b p{font-size:18px;} /*.cpzx{border:1px solid #eee;background:#fafafa;}*/ .cpzx-l{width:26.30208333333333%;padding-top:97px;} .cpzx-l .sybt{margin-bottom:30px;text-align:left;} .cpzx-l .sybt h4{color:#ededed;} .cpzx-l .sybt h3{justify-content:flex-start;color:#c6181e;} .cpzx-l p{font-size: 18px;line-height:48px;margin-bottom:145px;} .cpzx-l p a{display:block;color:#333333;} .cpzx-l p a:hover{color:#c6181e;} .cpzx-l h5{} .cpzx-l h5 a{display:block;margin-right:35px;} .cpzx-l h5 a img{display:block;} .cpzx-r{width:73.69791666666667%;background:#fff;} .cpzx-r a{display:block;border-bottom:1px solid #eee;border-left:1px solid #eee;padding:0px 70px 57px 70px;text-align:center;} .cpzx-r a dl{padding-top:130px;overflow:hidden;margin-bottom:128px;} .cpzx-r a dl h3{font-size:24px;color:#000;margin-bottom:20px;} .cpzx-r a dl p{color:#878787;font-size:16px;} .cpzx-r a dl h5{width:180px;height:50px;border:1px solid #707070;font-size:16px;color:#575757;margin-top:45px;margin-bottom:-95px;} .cpzx-r a dl h5 img{margin-left:26px;} .cpzx-r a h4{position:relative;z-index:3;} .cpzx-r a h4 img{display:block;margin:0 auto;} .cpzx-r a i{display:block;position:relative;} .cpzx-r a i img{display:block;width:100%;margin-top:-32%} .cpzx-r a i .img2{position:absolute;width:100%;left:0;top:0;opacity:0;margin-top:0;} .cpzx-r a:hover dl{padding-top:80px;overflow:inherit;} .cpzx-r a:hover dl h5{margin-bottom:-45px;} .cpzx-r a:hover i .img1{opacity:0;} .cpzx-r a:hover i .img2{opacity:1;} .jjfa{margin:100px auto;} .jjfa .sybt h4{color:#ededed;} .jjfa .sybt h3{color:#c6181e;} .jjfa-b a{display:block;position:relative;} .jjfa-b a h4{overflow:hidden;} .jjfa-b a h4 img{display:block;width:100%;} .jjfa-b a h3{color:#fff;font-size:24px;position:absolute;left:0;bottom:0;width:100%;padding:80px 10px 35px 10px;text-align:center;z-index:3;background-image: linear-gradient(rgba(44, 66, 101, 0), rgba(44, 66, 101, 0.8));} .jjfa-b a:hover img{transform:scale(1.1);} .jrwm{color:#fff;text-align:center;font-size:18px;background:url(/uploads/image/sdimages/jrwm-bj.jpg)no-repeat center;height:850px;padding-top:95px;} .jrwm .sybt{margin-bottom:20px;} .jrwm .sybt h4{color:rgba(255, 255, 255, 0.1);} .jrwm .sybt h3{color:#fff;} .jrwm-t{margin-bottom:100px;} .jrwm-c{font-size:18px;margin-bottom:45px;} .jrwm-c dl{} .jrwm-c dl h4{margin-bottom:50px;} .jrwm-c dl:hover h4 img{-webkit-transform: translatey(-10px);-ms-transform: translatey(-10px);transform: translatey(-10px);} .jrwm-b{width:180px;height:50px;border:1px solid #fff;color:#fff;font-size:16px;} .jrwm-b img{margin-left:25px;} .jrwm-b:hover{background:#c6181e;border-color:#c6181e;} .jrwm-b:hover .img1{display:none;} .xwzx{margin:100px auto;} .xwzx .sybt h4{color:#ededed;} .xwzx .sybt h3{color:#c6181e;} .xwzx-b{} .xwzx-l{width:29.76190476190476%;display:block;} .xwzx-l h4{overflow:hidden;margin-bottom:32px;} .xwzx-l h4 img{display:block;width:100%;} .xwzx-l h3{color:#383838;font-size:24px;margin-bottom:28px;} .xwzx-l p{color:#878787;font-size:16px;line-height:30px;margin-bottom:43px;} .xwzx-l h5{width:180px;height:50px;border:1px solid #707070;font-size:16px;color:#707070;} .xwzx-l h5 img{margin-left:25px;display:block;} .xwzx-l h5 .img2{display:none;} .xwzx-l:hover h4 img{transform:scale(1.1);} .xwzx-l:hover h5{background:#c6181e;border-color:#c6181e;color:#fff;} .xwzx-l:hover h5 .img1{display:none;} .xwzx-l:hover h5 .img2{display:block;} .xwzx-c{width:50%} .xwzx-c a{display:block;padding-bottom:26px;border-bottom:1px solid #eee;margin-bottom:33px;} .xwzx-c a:last-child{border:none;padding-bottom:0!important;margin-bottom:0!important;} .xwzx-c a h3{color:#383838;font-size:20px;margin-bottom:17px;} .xwzx-c a p{color:#878787;font-size:16px;line-height:30px;} .xwzx-c a:hover h3{color:#c6181e;} .xwzx-r{width:45%;background:#fafafa;padding:37px 30px;} .xwzx-rt{padding-bottom:25px;border-bottom:1px solid #eee;margin-bottom:30px;} .xwzx-rt h3{color:#455f87;font-size:24px;} .xwzx-rt h3 img{margin-right:15px;} .xwzx-rt a{color:#878787;font-size:16px;} .xwzx-rt a:hover{color:#c6181e;} .xwzx-rb{} .xwzx-rb a{margin-bottom:33px;} .xwzx-rb a:last-child{margin-bottom:0px!important;} .xwzx-rb a dt{width:20px;height:20px;border-radius:2px;background:#455f87;color:#fff;font-size:16px;} .xwzx-rb a dd{width:calc(100% - 38px);} .xwzx-rb a dd h3{line-height:20px;color:#383838;font-size:20px;margin-bottom:17px;} .xwzx-rb a dd p{color:#878787;line-height:24px;} .xwzx-rb a:hover dt{background:#c6181e;} .xwzx-rb a:hover dd h3{color:#c6181e;} .xwzx{} @media(max-width:1750px){ .xwzx-c a{margin-bottom:22px;padding-bottom:17px;} .xwzx-rb a{margin-bottom:15px;} .gywm-c{margin-bottom:30px;} .cpzx-l{width:500px} .cpzx-r{width:calc(100% - 500px)} .cpzx-l p{margin-bottom:50px;} } @media(max-width:1500px){ .gywm-c dt{margin-bottom:20px;} .gywm-c dd h3,.gywm-c dd .div2{margin-bottom:25px;} .gywm-c dd .div1{margin-bottom:30px;font-size:18px;} .xwzx-c a p{font-size:14px;line-height:25px;} .xwzx-rt{padding-bottom:15px;margin-bottom:15px;} } @media screen and (max-width:1200px){ .banner{margin-top:60px;} .banner .swiper-slide dl h3{ font-size: 20px;margin: 33px 0 20px;} .banner .swiper-slide dl p{ font-size:16px;} .banner .swiper-slide dl h5{display:none} .gywm-c dt h4,.sybt h4{font-size:45px;} .gywm-c dd .div1{line-height:30px;} .gywm-c dd a,.jrwm-b{width:150px;height:40px;} .cpzx-l p{display:flex;flex-wrap:wrap} .cpzx-l p a{width:50%} .cpzx-r a{border:none} .jrwm-c dl{width:calc(50% - 5px)} .jrwm-c dl h4 img{width:100px} }