body{padding-top:0;}
.head.active,.head-c-l{background:none;border-color:rgba(255, 255, 255, 0.15);}
.head:hover .head-c-l{border-color:#eee;}
.head.active .img1{display:none;}
.head.active .img2{display:block;}
.head.active .head-c-r-l-t a{color:#fff}
.head.active .head-c-r>i{background:rgba(255, 255, 255, 0.15);}
.head.active .head-c-r .dh{background:#fff;}
.head.active .head-c-r-l>ul>li.active .head-c-r-l-t a, .head-c-r-l-t a:hover{color:#fff}
.head.active:hover .head-c-r-l>ul>li.active .head-c-r-l-t a{color: #6510AD;}
.head.active:hover{background:#fff;border-color:#fff;}
.head:hover .head-c-r-l-t a:hover{color: #6510AD!important;}
.head.active:hover .head-c-r-l-t a{color:#000}
.head.active:hover .img2{display:none;}
.head.active:hover .img1{display:block;}
.head.active:hover .head-c-r-l-t a{color:#000;}
.head.active:hover .head-c-r>i{background:#eee;}
.head.active .head-c-r .dh{background:#fff;}
.head.active:hover .head-c-r .dh{background:#6510AD;}
.head.active .head-c-r dl dt{color:#fff}
.head.active:hover .head-c-r dl dt{color:#000}
/*.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{display:block;}
.banner .swiper-slide{overflow:hidden;}
.banner .swiper-slide>a{display:block;position:relative;}
.banner .swiper-slide>a img{width:100%;}
.banner dl{text-align:center;color:#fff;position:absolute;width:100%;left:0;top:15%;}
.banner dl h3{font-size:48px;margin-bottom:27px;}
.banner dl h4{font-size:18px;margin-bottom:32px;}
.banner dl h5{font-size:16px;}
.banner dl h5 a{width:130px;height:40px;border:1px solid #fff;margin:0 10px;color:#fff;}
.banner dl h5 a img{margin-left:15px;}
.banner dl h5 a:hover{background:#6510AD;border-color:#6510AD;}
.banner dl h5 a:hover img{transform: translateX(10px);}
.banner .swiper-slide-active a{}
.banner .swiper-slide-active dl h3{animation: indalRun 1s ease both .2s;}
.banner .swiper-slide-active dl h4{animation: indalRun 1s ease both .4s;}
.banner .swiper-slide-active dl h5{animation: indalRun 1s ease both .6s;}
.banner .swiper-button-next{width:82px;height:26px;color:#fff;border-bottom:1px solid rgba(255, 255, 255, 0.5);text-align:center;transition:all 0.5s;right:80px;}
.banner .swiper-button-next:hover{color:#fff;border-color:#fff;}
.banner .swiper-button-next::after,.banner .swiper-button-prev::after{display:none;}
.banner .swiper-button-prev{width:82px;height:26px;color:#fff;border-bottom:1px solid rgba(255, 255, 255, 0.5);text-align:center;transition:all 0.5s;left:80px;}
.banner .swiper-button-prev:hover{color:#fff;border-color:#fff;}
.banner .swiper-pagination{bottom:35px;}
.banner .swiper-pagination-bullet{background:none;opacity:1;border:1px solid #fff;}
.banner .swiper-pagination-bullet-active{background:#fff;}

.cpzx{padding:90px 0;background:url(../images/cpzx-bj6.jpg)no-repeat center;}
.sybt{text-align:center;margin-bottom:65px;}
.sybt h3{font-size:48px;margin-bottom:28px;}
.sybt h4{font-size:24px;}
.cpzx-t{margin-bottom:30px;font-size:24px;border-bottom:2px solid #eee;}
.cpzx-t a{width:25%;padding-bottom:30px;position:relative;position:relative;line-height:100%;color:#000}
.cpzx-t a p{width:20px;height:15px;margin-left:55px;overflow:hidden;}
.cpzx-t a p img{display:block;transition:all 0.5s!important;}
.cpzx-t a p .img1{margin-top:-20px;margin-bottom:5px;}
.cpzx-t a p .img2{}
.cpzx-t a i{position:absolute;left:0;bottom:-2px;width:0;height:2px;background:#6510AD;display:block;}
.cpzx-t a.active{color:#6510AD;}
.cpzx-t a.active p .img1{margin-top:0;}
.cpzx-t a.active p .img2{}
.cpzx-t a.active i{width:100%}
.cpzx-b{position:relative;}
.cpzx-b2{left:0;width:100%;top:0;position:absolute;opacity:0;z-index:1;transition:all 0.5s;}
.cpzx-b2:nth-child(1){position:relative;opacity:1;z-index:3;}
.cpzx-b a{border:1px solid #eee;text-align:center;border-radius:10px;box-shadow:1px 1px 10px rgba(201, 201, 201, 0.2);background:url(../images/cpzx-bj7.jpg)no-repeat center bottom #fff;display:block;color:#000;padding-bottom:35px;background-size:100% auto;margin:10px;}
.cpzx-b a h4{overflow:hidden;}
.cpzx-b a h4 img{display:block;width: 80%;margin: 0 auto;}
.cpzx-b a h3{font-size:18px;transition:all 0s;}
.cpzx-b a:hover{color:#6510AD;}
.cpzx-b a:hover h4 img{transform:scale(1.1);}
.cpzx-b .swiper-button-next{width:50px;height:50px;background:url(../images/r3.png);right:-80px;transition:all 0.5s;}
.cpzx-b .swiper-button-next:hover{background:url(../images/r3-1.png);}
.cpzx-b .swiper-button-prev{width:50px;height:50px;background:url(../images/l3.png);left:-80px;transition:all 0.5s;}
.cpzx-b .swiper-button-prev:hover{background:url(../images/l3-1.png);}

.gywm{margin-top:90px;}
.gywm-t{}
.gywm-l{width:50%;}
.gywm-l a{display:block;}
.gywm-l a img{display:block;width:100%;}
.gywm-l a:hover img{transform:scale(1.1);}
.gywm-l .swiper-button-next{width:50px;height:50px;background:url(../images/r4.png);right:50px;transition:all 0.5s;}
.gywm-l .swiper-button-next:hover{background:url(../images/r3-1.png);}
.gywm-l .swiper-button-prev{width:50px;height:50px;background:url(../images/l4.png);left:50px;transition:all 0.5s;}
.gywm-l .swiper-button-prev:hover{background:url(../images/l3-1.png);}
.gywm-r{width:50%;padding-left:70px;}
.gywm-r dl{margin-bottom:30px;padding:0 20px 30px 10px;border-bottom:1px solid #eee;}
.gywm-r dl dt{width:90px;height:90px;border-radius:90px;color:#fff;font-size:18px;line-height:24px;}
.gywm-r dl:nth-child(1) dt{background: #6510AD;}
.gywm-r dl:nth-child(2) dt{background: #7a43a9;}
.gywm-r dl:nth-child(3) dt{background: #b483df;}
.gywm-r dl:nth-child(4){margin-bottom:0!important;padding-bottom:0!important;border-bottom:none;}
.gywm-r dl:nth-child(4) dt{background: #dbbff3;}
.gywm-r dl dd{width:calc(100% - 125px);}
.gywm-r dl dd h3{font-size:18px;margin-bottom:15px;}
.gywm-r dl dd p{font-size:16px;line-height:24px;color:#878787;}
.gywm-r dl:hover dt{}
.gywm-b{color:#fff;text-align:center;background:url(../images/gywm-bj.jpg)no-repeat center;}
.gywm-b2{padding:60px 40px;}
.gywm-b2 dl{}
.gywm-b2 dl h3{font-size:24px;margin-bottom:25px;}
.gywm-b2 dl h3 i{font-size:48px;}
.gywm-b2 dl h4{font-size:18px;}
.gywm-b2 dl:hover{}

.yyly{margin:95px auto;}
.yyly a{display:block;width:calc(50% - 1px);margin-bottom:2px;position:relative;color:#fff;}
.yyly a:nth-child(n+3){width:calc((100% - 4px) / 3)}
.yyly a h4{overflow:hidden;}
.yyly a h4 img{display:block;width:100%;}
.yyly a h3{font-size:30px;position:absolute;left: 0;top: 0;z-index:3;padding: 40px 50px;width: 100%;height: 100%;background-image: linear-gradient(to right bottom , #102a38, rgb(16 42 56 / 0%));}
.yyly a h5{width:60px;height:60px;border-radius:60px;border:2px solid rgba(255, 255, 255, 0.3);position:absolute;left:50px;bottom:50px;z-index: 3;}
.yyly a h5 img{display:block;transform: rotate(-45deg);}
.yyly a:hover h4 img{transform:scale(1.1);}
.yyly a:hover h5{background:#6510AD;border-color:#6510AD;}
.yyly a:hover h5 img{transform: rotate(0deg);}

.xwzx{padding:90px 0 125px 0;background:url(../images/xwzx-bj3.jpg)no-repeat center;}
.xwzx-b{position:relative;}
.xwzx-l{width:24.390243902439024%;color:#fff;display:block;position:relative;}
.xwzx-l h4{overflow:hidden;}
.xwzx-l h4 img{display:block;width:100%;}
.xwzx-l dl{position:absolute;left:0;bottom:0;background:rgba(0, 0, 0, 0.5);width:100%;padding:20px 25px 24px 25px;z-index:3;}
.xwzx-l dl dt{margin-bottom:15px;}
.xwzx-l dl dt h4{font-size:14px;margin-right:18px;}
.xwzx-l dl dt h4 p{width:40px;height:1px;background:#6510AD;margin-top:10px;}
.xwzx-l dl dt h5{width:85px;height:25px;border-radius:2px;background:#6510AD;font-size:14px;}
.xwzx-l dl h3{font-size:18px;}
.xwzx-l:hover img{transform:scale(1.1);}
.xwzx-c{position:relative;width:45.121951219512196%;overflow:hidden;}
.xwzx-c a{left:0;width:100%;top:0;position:absolute;opacity:0;z-index:1;transition:all 0.5s;display:block;}
.xwzx-c a:nth-child(1){position:relative;opacity:1;z-index:3;}
.xwzx-c a img{display:block;width:100%;}
.xwzx-c a h3{color:#fff;font-size:20px;position:absolute;left:0;bottom:0;width:100%;z-index:3;padding:33px 32px;}
.xwzx-c a:hover img{transform:scale(1.1);}
.xwzx-r{width:26.21951219512195%;position:relative;z-index:3;}
.xwzx-r a{display:block;position:relative;padding:21px 0;}
.xwzx-r a h6{position:absolute;right:0;top:0;width:100%;height:100%;background:#fff;opacity:0;}
.xwzx-r a h3{color:#000;font-size:20px;line-height:30px;margin-bottom:15px;position:relative;z-index:3;}
.xwzx-r a h5{color:#6f6f6f;font-size:14px;position:relative;z-index:3;}
.xwzx-r a p{width:60px;height:60px;border-radius:60px;background:#6510AD;position:absolute;right:20px;top:calc(50% - 30px);opacity:0;z-index:3;}
.xwzx-r a.active{}
.xwzx-r a.active h6{width:calc(100% + 120px);opacity:1;}
.xwzx-r a.active h3{color:#6510AD;}
.xwzx-r a.active h3,.xwzx-r a.active h5{transform: translateX(-80px);}
.xwzx-r a.active p{opacity:1;}

.zxly{padding:40px 0 55px 0;background:url(../images/gywm-bj.jpg)no-repeat center;}
.zxly-b{}
.zxly-b dt{color:#fff;margin-bottom:23px;}
.zxly-b img{margin-right:15px;}
.zxly-b dt h4{font-size:16px;margin-right:15px;}
.zxly-b dt h3{font-size:30px;}
.zxly-b dd{}
.zxly-b dd input{width:calc(17.682926829268292% - 10px);height:50px;padding:0 15px;column-rule: #777;}
.zxly-b dd input:nth-child(4){width:calc(37.19512195121951% - 10px)}
.zxly-b dd input::placeholder{color:#777777;}
.zxly-b dd button{width:9.75609756097561%;height:50px;background: #6510AD;color:#fff;cursor:pointer;transition:all 0.5s;}
.zxly-b dd button:hover{opacity:0.8;}
.zxly{}

@media(max-width:1800px){
    .gywm-r dl{margin-bottom:20px;padding-bottom:20px;}
}
@media(max-width:1600px){
    .gywm-r dl{margin-bottom:10px;padding-bottom:10px;}
    .gywm-r dl dd p{font-size:14px;}
}
@media(max-width:1400px){
    .gywm-r{padding-left:40px;}
    .gywm-r dl{padding: 0 0px 10px 0px;}
    .gywm-r dl dd h3{margin-bottom:10px;}
    .gywm-r dl dt{width:80px;height:80px;}
    .gywm-r dl dd{width:calc(100% - 90px);}
}
@media(max-width:1700px){
    .xwzx-r a{padding:11px 0}
}
@media(max-width:1500px){
    .xwzx-r a h3{font-size:16px;line-height:25px;margin-bottom:10px;}
}
@media screen and (max-width:1200px){
    .banner .swiper-pagination{bottom:10px;}
    .cpzx-t{
    justify-content: space-between;
}
    .cpzx-t a{width:50%;justify-content:space-between;}
    .gywm-b{background:#6510AD;}
    .gywm-b2 dl{width:33%}
    .yyly a h3{/* left:15px; *//* top:15px; */padding: 15px;}
    .yyly a h5{left:15px;bottom:15px;width:40px;height:40px;}
    .xwzx{background-size:auto 100%;}
    .xwzx-r a.active h6{width:100%;opacity:1;}
    .xwzx-r a.active h3{color:#6510AD;}
    .xwzx-r a.active h3,.xwzx-r a.active h5{transform: translateX(-0px);}
    .xwzx-r a.active p{opacity:0;}
    .zxly{background:#7baac3;}
    .zxly-b dd button{width:150px;}
}