/*.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:rgba(255, 255, 255, 0.3);opacity:1;}
.banner .swiper-pagination-bullet-active{background:rgba(255, 255, 255, 1);}
.banner dl{position:absolute;left:0;bottom:0;width:100%;height:70%;z-index:10}
	    .banner dl dt{position:relative;width:70px;}
	    @media(max-width:1200px){
	        .banner dl dt{width:50px;}
	    }
	    .banner dl dt img{position:relative;z-index:3;display:block;}
	    .banner dl dt::before, .banner dl dt::after {position: absolute;width: 100%;height: 100%;border-radius: 50%;background: #f08301;content: '';top:0;left:0;}
        .banner dl dt::before{animation: scale 2s infinite; }
        .banner dl dt::after{animation: scale2 2s infinite; }
        @keyframes scale{0%{ transform: scale(1); opacity:.5}100%{ transform: scale(1.5); opacity: 0;}}
        @keyframes scale2{0%{ transform: scale(1);opacity:.5;}100%{ transform: scale(2.5);opacity:0;}}

.osSlider-main .slider-nav {
    position: absolute;
    width:100%;
    height: 22px;
    bottom: 20px;
    text-align: center;
    z-index: 25;
}
.htmleaf-container img{max-width:inherit;}
.osSlider-main .slider-nav {position: absolute;width:100%;height: 22px;bottom: 30px;text-align: center;z-index: 25;display:flex;justify-content:center;font-size:0;cursor:position;}
.osSlider-main .slider-nav li {display:flex;align-items:center;justify-content:center;width:10px;height:10px;border-radius:22px;;margin:0 5px;opacity:1;background:none;font-size:0;transition:all 0.5s;cursor:pointer;background:rgba(255, 255, 255, 0.3);}
.osSlider-main .slider-nav li.active,.osSlider-main .slider-nav li:hover {background:rgba(255, 255, 255, 1);}

.cpzx{}
.cpzx a{padding:55px;width:50%;}
.cpzx a:nth-child(2),.cpzx a:nth-child(3){background:#efefef;}
.cpzx a dl{width: 55%;}
.cpzx a dl h5{color:#999999;font-size: 18px;font-family:Arial;margin-bottom:15px;}
.cpzx a dl h3{color:#333333;font-size: 27px;margin-bottom:195px;}
.cpzx a dl dt{color:#666666;}
.cpzx a dl dt p{margin-left:20px;width:40px;height:40px;border-radius:40px;background:#f08301;}
.cpzx a dl dt p img{}
.cpzx a h4{width: 40%;}
.cpzx a h4 img{}
.cpzx a:hover dt img{transform: rotate(48deg);}
.cpzx a:hover h4 img{-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}

.jjfa{margin-top:100px;}
.sybt{margin-bottom:60px;}
.sybt h4{color:#9c9c9c;font-size:24px;margin-bottom:25px;}
.sybt h4 i{width:50px;height:3px;background:#ff8a00;margin-right:20px;display:block;}
.sybt h3{color:#333333;font-size:38px;}
.jjfa-b{}
.jjfa-b a{display:block;position:relative;width: calc(50% - 5px);overflow:hidden;}
.jjfa-b a>h4{overflow:hidden;}
.jjfa-b a>h4 img{display:block;width: 100%;}
.jjfa-b a dl{position:absolute;width:100%;left:0;bottom:0;background:rgba(0, 0, 0, 0.4);z-index:3;}
.jjfa-b a dl dt{position:absolute;left:65px;bottom:70px}
.jjfa-b a dl dt h3{font-size:32px;margin-bottom:18px;color:#fff}
.jjfa-b a dl dt h5{text-transform:uppercase;font-size:18px;color:rgba(255, 255, 255, 0.4);margin-bottom:220px;}
.jjfa-b a dl dt p{width:50px;height:50px;border-radius:50px;border:1px solid #fff;}
.jjfa-b a dl dd{position:absolute;left:0;bottom:-300px;z-index:4;background:rgba(255, 255, 255, 0.9);padding:35px ;padding:35px 55px 45px 55px;width:100%}
.jjfa-b a dl dd h3{color:#333333;font-size:32px;margin-bottom:15px;}
.jjfa-b a dl dd p{color:#515151;line-height:22px;margin-bottom:25px;width:264px;}
.jjfa-b a dl dd h5{width:127px;height:46px;border:1px solid rgba(81, 81, 81, 0.7);color:rgba(81, 81, 81, 0.7);font-size: 16px;}
.jjfa-b a:hover dl dt{opacity:0;}
.jjfa-b a:hover dl dd{bottom:0}
.jjfa-b a dl dd h5:hover{background: #f08301;color:#fff;border-color: #f08301;}

.gywm{position:relative;padding:120px 0;}
.gywm-t{position:relative;z-index:3;margin-bottom:95px;}
.gywm-l{}
.gywm-r{width:56.53333333333334%;}
.gywm-r .div1{color:#666666;font-size:15px;line-height:28px;margin-bottom:105px;}
.gywm-r a{width:127px;height:46px;border:1px solid #8d8e8f;color:#515151;}
.gywm-r a:hover{background:#ff9313;color:#fff;border-color:#ff9313;}
.gywm-b{background:#fff;box-shadow:1px 1px 10px rgba(0, 0, 0, 0.05);position:relative;z-index:3;}
.gywm-b dl{width:25%;position:relative;padding:33px 0;}
.gywm-b dl dt{text-align:center;}
.gywm-b dl dt h4{height:83px;}
.gywm-b dl dt h4 img{}
.gywm-b dl dt h3{color:#333333;font-size:25px;}
.gywm-b dl i{position:absolute;right:0;top:33px;height:110px;width:1px;background:#eaeaea;}
.gywm-b dl:last-child i{display:none;}
.gywm-b dl dd{position:absolute;width:100%;height:100%;color:#fff;padding:33px 40px;background:#ff9313;transition:all 0.5s;opacity:0;left:0;top:0}
.gywm-b dl dd h3{font-size:25px;margin-bottom:15px;}
.gywm-b dl dd p{line-height:24px;}
.gywm h6{width:58.69791666666667%;height:100%;position:absolute;right:0;bottom:0;background:#f5f5f5;}
.gywm-b dl:hover dd{opacity:1;}
.gywm-b dl:hover dd h3{animation: indalRun 1s ease both .2s;}
.gywm-b dl:hover dd p{animation: indalRun 1s ease both .4s;}

.wmys{color:#fff;text-align:center;background:url(../images/wmys-bj.jpg)no-repeat center;}
.wmys-b{height:267px;padding:0 80px;}
.wmys-b dl{}
.wmys-b dl:hover{}
.wmys-b dl h3{margin-bottom:10px;}
.wmys-b dl h3 i{font-family:Arial;font-size:68px;line-height:100%;}
.wmys-b dl h3 p{width:27px;height:27px;border-radius:27px;font-family:Arial;background:#ff8828;margin-top:5px;margin-left:5px;}
.wmys-b dl:nth-child(1) h3 p{font-size:24px;font-weight:bold;}
.wmys-b dl:nth-child(2) h3 p{font-size:16px;}
.wmys-b dl:nth-child(3) h3 p{font-size:16px;}
.wmys-b dl:nth-child(4) h3 p{font-size:24px;font-weight:bold;}
.wmys-b dl:nth-child(5) h3 p{font-size:20px;}
.wmys-b dl>p{font-size:18px;}

.ryzz{height:877px;background:url(../images/ryzz-bj.jpg)no-repeat center;}
.ryzz-b{}
.ryzz-l{width:524px;background:#fff;padding:68px 60px;}
.ryzz-l h3{color:#333333;font-size:38px;margin-bottom:30px;}
.ryzz-l p{font-size:16px;line-height:32px;color:#777777;margin-bottom:100px;}
.ryzz-l a{width:116px;color:#666;}
.ryzz-l a i{margin-left:20px;width:40px;height:40px;border-radius:40px;background:#f08301;}
.ryzz-l a:hover i{transform: rotate(48deg);}

.gcsl{padding:100px 0;background:#f7f7f7;}
.gcsl-t{margin-bottom:50px;}
.gcsl-t .sybt{margin-bottom:0;}
.gcsl-t2{font-size:18px;}
.gcsl-t2 a{margin:0 40px;position:relative;color:#666666;position:relative;padding-bottom:16px;}
.gcsl-t2 a i{position:absolute;left:0;width:0;bottom:0;height:4px;background:#ff8828;}
.gcsl-t2 a.active{color:#333333;font-weight:bold;}
.gcsl-t2 a.active i{width:100%;}
.gcsl-b{position:relative;}
.gcsl-b2{width:100%;left:0;top:0;position:absolute;opacity:0;z-index:1;transition:all 0.5s;}
.gcsl-b2:nth-child(1){position:relative;z-index:3;opacity:1;}
.gcsl-l{width:47.8%;}
.gcsl-l a{display:block;overflow:hidden;position:relative;}
.gcsl-l a img{display:block;width:100%;}
.gcsl-l a:hover img{}
.gcsl-l a dl{position:absolute;width:100%;left:0;bottom:0;padding:100px 200px 35px 32px;background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));}
.gcsl-l a dl p{width:8px;height:8px;background:#ff8828;margin-top:8px;}
.gcsl-l a dl h3{width:calc(100% - 24px);color:#fff;font-size:24px;}
.gcsl-l .swiper-pagination{padding-right:50px;bottom:45px;display:flex;justify-content:flex-end;}
.gcsl-l .swiper-pagination-bullet{width:8px;height:8px;border-radius:0;background:#fff;opacity:1;}
.gcsl-l .swiper-pagination-bullet-active{background:#ff8828;}
.gcsl-r{width:48.4%;background:#fff;padding:100px 90px 0 90px;}
.gcsl-r .div1>h3{color:#333333;font-size:32px;margin-bottom:22px;}
.gcsl-r .div1>p{color:#777777;font-size:15px;line-height:28px;margin-bottom:70px;}
.gcsl-r .div2{padding-right:80px;}
.gcsl-r .div2 dl h3{margin-bottom:10px;}
.gcsl-r .div2 dl h3 i{color:#333333;font-size:46px;line-height:100%;}
.gcsl-r .div2 dl h3 p{width:27px;height:27px;border-radius:27px;font-family:Arial;background:#ff8828;margin-top:5px;margin-left:5px;color:#fff;}
.gcsl-r .div2 dl:nth-child(1) h3 p{font-size:18px;font-weight:bold;}
.gcsl-r .div2 dl:nth-child(2) h3 p{font-size:16px;}
.gcsl-r .div2 dl:nth-child(3) h3 p{font-size:13px;}
.gcsl-r .div2 dl>p{color:#666;}

.xwzx{margin:100px auto;}
.xwzx-t{margin-bottom:50px;}
.xwzx-t .sybt{margin-bottom:0;}
.xwzx-t2{font-size:18px;}
.xwzx-t2 a{margin:0 40px;position:relative;color:#666666;position:relative;padding-bottom:16px;}
.xwzx-t2 a i{position:absolute;left:0;width:0;bottom:0;height:4px;background:#ff8828;}
.xwzx-t2 a.active{color:#333333;font-weight:bold;}
.xwzx-t2 a.active i{width:100%;}
.xwzx-b{position:relative;}
.xwzx-b2{width:100%;left:0;top:0;position:absolute;opacity:0;z-index:1;transition:all 0.5s;}
.xwzx-b2:nth-child(1){position:relative;z-index:3;opacity:1;}
.xwzx-b a{display:block;background:#fafafa;}
.xwzx-b a h4{overflow:hidden;}
.xwzx-b a h4 img{display:block;width:100%;}
.xwzx-b a dl{padding:38px 35px}
.xwzx-b a dl h5{color:#999999;font-size:14px;margin-bottom:13px;}
.xwzx-b a dl h3{height:64px;font-size:23px;margin-bottom:80px;color:#333333;line-height:32px;}
.xwzx-b a dl dt{color:#999999;font-size:16px;}
.xwzx-b a dl dt p{width:40px;height:40px;border-radius:40px;border: 1px solid #f08301;}
.xwzx-b a:hover h4 img{transform:scale(1.1);}
.xwzx-b a:hover p{transform: rotate(48deg);}
.xwzx{}
.xwzx{}

@media(max-width:1500px){
    .sybt h3{font-size:30px;}
    .gywm-b dl dd{padding:25px 15px;}
}
@media screen and (max-width:1200px){
    .cpzx a:nth-child(3){background:#fff;}
    .cpzx a:nth-child(2),.cpzx a:nth-child(4){background:#efefef;}
    .jjfa-b a dl{position:relative;background:#fff;}
    .jjfa-b a dl dd{position:relative;bottom:0}
    .gywm-b dl{width:50%}
    .gywm-b dl dd{position:relative;opacity:1;height:auto;background:#fff;color:#666;padding:10px}
    .gywm-b dl dd h3{display:none;}
    .wmys-b dl h3{justify-content:flex-start;margin-bottom: 4px;}
    .wmys{padding: 40px 40px 20px 40px!important;background-size: auto 100%!important;}
    .wmys-b dl{width:50%;text-align: left;}
    .ryzz{background:#efeff0;}
    .gcsl-t2 a{width:33.33%;text-align: left;margin-bottom: 0!important;}
    .xwzx-b a dl h3{height:48px;}
    .xwzx .gcsl-t2 a{width: 33.33%;}
    .banner .swiper-pagination{bottom:10px;}    
    .cpzx a dl dt p,.ryzz-l a i,.xwzx-b a dl dt p{width:30px;height:30px;}
    .cpzx a{padding:40px 20px!important}
    .cpzx a h4 img{width: 270px;}
    .gywm{padding:40px 35px!important}
    .sybt h3{font-size:20px!important;}
    .gcsl-l .swiper-pagination{bottom:20px}
    .wmys-b dl:nth-child(4) h3 p,.wmys-b dl:nth-child(1) h3 p,.gcsl-r .div2 dl:nth-child(1) h3 p{font-size:22px!important;font-weight: inherit;padding-top: 2px;}
    .ryzz-l a{width:100px}
    .ryzz-l a i{margin-left:0;}
}