/*.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-bullet{background:#fff;opacity:1;} .banner .swiper-pagination-bullet-active{background:#d72819;} .cpzx{margin:80px auto;} .sybt{text-align:center;margin-bottom:50px;} .sybt h3{color:#222222;font-size:38px;margin-bottom:10px;} .sybt h4{color:#969899;font-size:15px;text-transform:uppercase;} .cpzx-b{} .cpzx-b a{background:#f3f3f3;width:calc(50% - 10px)} .cpzx-b a h4{height:350px;width:45.652173913043476%} .cpzx-b a h4 img{max-width:90%;} .cpzx-b a dl{width:43%} .cpzx-b a dl h3{color:#333333;font-size:24px;font-weight:bold;margin-bottom:10px;} .cpzx-b a dl h5{font-size:16px;color:#666666;font-style:oblique} .cpzx-b a dl .div1{margin-top:50px;color:#666;font-size:16px;line-height:26px;} .cpzx-b a dl dt{margin-top:40px;} .cpzx-b a dl dt p{width:130px;height:43px;color:#999999;font-size:16px;border:1px solid #999999} .cpzx-b a dl dt img{display:block;margin-left:-17px;position:relative;} .cpzx-b a dl dt .img2{display:none;} .cpzx-b a:nth-child(-n 2){margin-bottom:20px;} .cpzx-b a:hover h4 img{transform:scale(1.05);} .cpzx-b a:nth-child(-n 2):hover{background:#e6140b} .cpzx-b a:nth-child(-n 2):hover *{color:#fff;} .cpzx-b a:nth-child(-n 2):hover dt p{color:#fff;border-color:#fff} .cpzx-b a:nth-child(-n 2):hover dt .img1{display:none;} .cpzx-b a:nth-child(-n 2):hover dt .img2{display:block;} .cpzx-b a:nth-child(n 3){width:calc((100% - 40px) / 3);text-align:center;padding-bottom:50px;} .cpzx-b a:nth-child(n 3) h4{width:100%;height:245px;} .cpzx-b a:nth-child(n 3) dl{width:100%} .cpzx-b a:nth-child(n 3) dl h3{} .cpzx-b a:nth-child(n 3) dl h5{} .cpzx-b a:nth-child(n 3) dl .div1{display:none;} .cpzx-b a:nth-child(n 3) dl dt{display:none;} .cpzx-b a:nth-child(n 3):hover{background:#e6140b;} .cpzx-b a:nth-child(n 3):hover h3,.cpzx-b a:nth-child(n 3):hover h5{color:#fff;} .ywfw{position:relative;} .ywfw-b{background:no-repeat center left #f1f1f0;position:relative;} .ywfw-b2{transition:all 0.5s;position:relative;} /*.ywfw-b2 .ywfw-l .swiper-slide-active h3{animation: indalrun 0.8s ease both .2s;}*/ /*.ywfw-b2 .ywfw-l .swiper-slide-active h4{animation: indalrun 0.8s ease both .4s;}*/ /*.ywfw-b2 .ywfw-l .swiper-slide-active p{animation: indalrun 0.8s ease both .6s;}*/ /*.ywfw-b2 .ywfw-l .swiper-slide-active a{animation: indalrun 0.8s ease both .8s;}*/ .ywfw-l{width:40.10416666666667%;padding-top:5%;} .ywfw-l h3{color:#333333;font-size:42px;margin-bottom:15px;} .ywfw-l h4{color:#969899;font-size:15px;line-height:24px;margin-bottom:30px;text-transform:uppercase;} .ywfw-l p{color:#666666;font-size:16px;line-height:30px;margin-bottom:60px;} .ywfw-l a{width:130px;height:43px;border:1px solid #e6140b;font-size:16px;color:#e6140b;position:relative;} .ywfw-l a img{position:absolute;display:block;top:17px;right:-36px;} .ywfw-r{width:56.04166666666667%;position:relative;overflow:hidden;} .ywfw-r img{display:block;width:100%} .ywfw-c{position:absolute;width:63.17708333333333%;bottom:10%;z-index:4;left:0} .ywfw-ct{justify-content:flex-end;} .ywfw-ct a{width:62px;height:62px;background:rgba(0, 0, 0, 0.56);} .ywfw-ct a:hover{background:#e6140b;} .ywfw-cb{background:#fff;box-shadow:1px 1px 10px rgba(0, 0, 0, 0.1);overflow:hidden;} .ywfw-cb dl{height:137px;position:relative;cursor:pointer;transition:all 0.5s;padding-left:50px;} .ywfw-cb dl h3{font-size:60px;color:#e6140b;margin-right:15px;} .ywfw-cb dl dt{} .ywfw-cb dl dt h3{color:#333333;font-size:24px;margin-bottom:10px;} .ywfw-cb dl dt h4{color:#666666;font-size:16px;font-style:oblique} .ywfw-cb dl i{width:1px;height:50px;background:#d5d5d5;position:absolute;right:0;top:42px;} .ywfw-cb .swiper-container{width:calc(100% 1px)} .ywfw-cb .active dl,.ywfw-cb .active dl i{background:#e6140b;} .ywfw-cb .active dl *{color:#fff} /*.ywfw-cb dl:last-child i{display:none;}*/ /*gywm*/ .gywm{margin:80px auto;} .gywm-b{padding:0 50px;color: #333333;font-size:16px;margin-bottom:50px;} .gywm-b dl{text-align:center;} .gywm-b dl h3{font-size: 32px;display: flex;justify-content: center;margin-bottom: 10px;color: #e6140b;} .gywm-b dl h3 i{color:#e6140b;line-height:100%;font-size:58px;display: block;margin-top: -10px;padding-right: 5px;} .gywm-b dl h3 span{ margin-top: -10px; margin-left: -5px; } .gywm-b h6{background:#ebebeb;width:1px;height:84px;} .gywm-t{} .gywm-l{width:42.642857142857143%} .gywm-l dl{padding-bottom:34px;border-bottom:1px solid #efefef;margin-bottom:34px;} .gywm-l dl:last-child{border:none;padding-bottom:0!important;margin-bottom:0!important;} .gywm-l dl dt{width:100px;height:100px;position: relative;} .gywm-l dl dt i{position:absolute;width:100%;height:100%;left:0;top:0;background:url(/uploads/image/simages/gywm-bj.png)100% 100%;} .gywm-l dl dt img{} .gywm-l dl dd{width:calc(100% - 150px)} .gywm-l dl dd h3{color:#333;font-size:18px;margin-bottom:13px;} .gywm-l dl dd p{color:#777;margin-bottom:14px;} .gywm-l dl dd h4{font-size:15px;} .gywm-l dl dd h4 a{color:#777777;} .gywm-l dl dd h4 a:hover{color:#e6140b;} .gywm-l dl dd h4 i{display:block;margin:0 20px;width:1px;height:18px;background:#666666;} .gywm-r{width:53.57142857142857%;position:relative;overflow:hidden;border-radius:5px;} .gywm-r>img{display:block;width:100%} .gywm-r:hover>img{transform:scale(1.1);} .gywm-r dl{position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;} .gywm-r dl dt{position:relative;} .gywm-r dl dt img{display:block;z-index:3;position:relative;} .gywm-r dl dt::before, .gywm-r dl dt::after {position: absolute;width: 100%;height: 100%;border-radius: 50%;background: #fff;content: '';top:0;left:0} .gywm-r dl dt::before{animation: scale 2s infinite; } .gywm-r dl dt::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(3.5);opacity:0;}} .wmys{padding-top:110px;background:url(/uploads/image/simages/wmys-bj.jpg)no-repeat center top;} .wmys .sybt h3,.wmys .sybt h4{color:#fff;} .wmys-t{font-size:18px;line-height:32px;margin-bottom:60px;padding:0 30px;text-align:center;color:#fff} .wmys-b{background:#fff;box-shadow:1px 1px 10px rgba(0, 0, 0, 0.1);overflow: hidden;} .wmys-b a{display:block;padding:50px 30px 20px 40px;border-right:1px solid #e5e5e5;width: 23.400000000000002%;} .wmys-b a:last-child{border:none!important;margin-right: -1px;} .wmys-b a>h3{font-size:26px;color:#444;margin-bottom:40px;font-weight:bold;} .wmys-b a dl{ align-items: center; } .wmys-b a dt{} .wmys-b a dt h4{font-size:16px;color:#999999;margin-bottom:17px;} .wmys-b a dt h3{color:#444;font-size:31px;} .wmys-b a dt h3 i{line-height:100%;font-size:60px;padding-right:5px;} .wmys-b a dd{border-radius:120px;background:#fff;height: 120px;} .wmys-b a dd img{} .wmys-b a dd .img2{display:none;} .wmys-b a.active{width: 29.8%;background:url(/uploads/image/simages/wmys-bj2.jpg) right bottom #e6140b;border-color:#e6140b;} .wmys-b a.active *{color:#fff;} .wmys-b a.active dd{width:120px;height:120px;} .wmys-b a.active dd .img1{display:none;} .wmys-b a.active dd .img2{display:block;} .hzhb{margin:80px auto;} .hzhb-t{margin-bottom:40px;} .hzhb-t h3{font-size:38px;color:#222222;margin-bottom:15px;} .hzhb-t h4{color:#969899;font-size:15px;text-transform:uppercase;} .hzhb-t a{width:130px;height:43px;border:1px solid #e6140b;font-size:16px;color:#e6140b;position:relative;} .hzhb-t a img{position:absolute;display:block;top:17px;right:-36px;} .hzhb-t a:hover{} .hzhb-b{text-align:center;} .hzhb-b img{} .xwzx{background:#f6f6f6;} .xwzx-b{align-items:flex-start} .xwzx-l{width:160px;margin-top: 123px;} .xwzx-l h3{color:#222222;font-size:38px;margin-bottom:15px;} .xwzx-l h4{color:#969899;font-size:15px;text-transform:uppercase;margin-bottom:75px;} .xwzx-l dt{font-size:18px;margin-bottom: 150px;} .xwzx-l dt a{color:#666;margin-bottom:35px;} .xwzx-l dt a p{width:0;height:1px;margin-left:10px;background:#e6140b;} .xwzx-l dt a.active{color:#e6140b;} .xwzx-l dt a.active p{width:26px;} .xwzx-l dd{} .xwzx-l dd a{display:block;} .xwzx-l dd a img{display:block;} .xwzx-l dd a:hover{opacity:0.4;} .xwzx-l dd .a3{margin:0 10px;} .xwzx-r{position:relative;width:81.78571428571428%} .xwzx-r2{position:absolute;width:100%;left:0;top:0;left:0;transition:all 0.5s;opacity:0;} .xwzx-r2.active{position:relative;z-index:3;opacity:1;} .xwzx-r2 a{display:block;} .xwzx-r2 a dl{font-size:18px;color:#666666;margin-bottom: 25px;} .xwzx-r2 a dl h3{font-size:42px;color:#333333;padding-right:10px;} .xwzx-r2 a>h3{color:#333;margin-bottom: 35px;/* font-weight:bold; */font-size: 22px;} .xwzx-r2 a>h4{overflow:hidden;margin-bottom:20px;} .xwzx-r2 a>h4 img{display:block;width:100%;} .xwzx-r2 a p{color:#666666;font-size:18px;margin-bottom:35px;} .xwzx-r2 a h5{color:#666666;font-size:16px;font-weight:bold;} .xwzx-r2 a h5 img{display:block;margin-left:15px;} .xwzx-r2 a h5 .img2{display:none;} .xwzx-r2 a:hover dl{color:#e6140b;} .xwzx-r2 a:hover h3{color:#e6140b;} .xwzx-r2 a:hover h4 img{transform:scale(1.1);} .xwzx-r2 a:hover h5{color:#e6140b;} .xwzx-r2 a:hover h5 .img1{display:none;} .xwzx-r2 a:hover h5 .img2{display:block;} @media(max-width:1600px){ .ywfw-l{padding-top:2.5%;} .ywfw-l p{margin-bottom:40px;} .ywfw-c{bottom:5%} } @media(max-width:1300px){ .ywfw-l h4{margin-bottom:20px;} .ywfw-cb dl{height:120px;padding-left:30px;} } @media(min-width:1200px){ .xwzx-r2 .swiper-slide{padding:120px 0 120px 70px;border-left:1px solid #e6e6e6} .banner-an{position:absolute;width:50%;left:0;bottom:0;z-index:10;background:#e6140b;height:90px;} .banner .swiper-pagination{width:100%;height:90px;display:flex;justify-content:center;align-items: center;} .banner .swiper-pagination-bullet{background:#fff;opacity:1;width:20px;height:20px;border-radius:20px;border:3px solid #e6140b;margin: 0 20px;display:flex;justify-content:center;align-items:center;background:none;transition:all 0.5s;} .banner .swiper-pagination-bullet:after{content: '';width:6px;height:6px;border-radius:6px;overflow:hidden;background: #f38a85;} .banner .swiper-pagination-bullet-active{background:none;border-color:#fff;} .banner .swiper-pagination-bullet-active:after{background:none} .banner-an2{position:absolute;z-index:3;font-weight:bold;color:#fff;font-family:arial;right: 55px;top: 31px;z-index: 100;} .banner-an2 .i1{font-size:26px;} .banner-an2 .i2{opacity:0.3} .banner-an2 .i3{opacity:0.3} } @media screen and (max-width:1200px){ .banner{margin-top:60px;} .ywfw-c{position:relative;} .gywm-b{justify-content:flex-start;} .gywm-b dl{width:33.33%} .gywm-l dl dd{width:calc(100% - 120px)} .wmys-b a.active dd,.wmys-b a dd{width:100px;height:100px;} .wmys-b a dt h3 i{font-size:35px;} .wmys-b a{border:none;border-bottom:1px solid #e5e5e5;} .xwzx-l dt{display:flex;justify-content:space-between;} .xwzx-l dt a{width:33.33%;justify-content:center;} .banner .swiper-pagination-bullet{background:#fff;opacity:1;} .banner .swiper-pagination-bullet-active{background:#d72819;} }