.banner h5,.banner h3,.banner p,.banner h4{transform: translateY(50px);
    -ms-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    opacity: 0;transition:all 0.8s;}
.banner .swiper-slide-active h5,.banner .swiper-slide-active h3,.banner .swiper-slide-active p,.banner .swiper-slide-active h4 {transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1;}
.banner .swiper-slide-active h5{
    transition-delay: .2s;
    -ms-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
} 
.banner .swiper-slide-active h3{
    transition-delay: .4s;
    -ms-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
} 
.banner .swiper-slide-active p{
    transition-delay: .6s;
    -ms-transition-delay: .6s;
    -moz-transition-delay: .6s;
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
} 
.banner .swiper-slide-active h4{
    transition-delay: .8s;
    -ms-transition-delay: .8s;
    -moz-transition-delay: .8s;
    -webkit-transition-delay: .8s;
    -o-transition-delay: .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;animation: fangda 5s ease-in-out infinite alternate;}*/
.banner .swiper-slide{overflow:hidden;}
.banner .swiper-slide a{transition:all 3s!important;}
.banner .swiper-slide a dl{position:absolute;width:100%;height:100%;left:0;top:0;color:#fff;}
.banner .swiper-slide a dl h5{font-size:18px;margin-bottom:25px;}
.banner .swiper-slide a dl h3{font-size:58px;margin-bottom:20px;}
.banner .swiper-slide a dl p{font-size:58px;margin-bottom:80px;}
.banner .swiper-slide a dl h4{width:160px;height:50px;border-radius:50px;background:#00affd;color:#fff;font-size:16px;}
.banner .swiper-slide-active a{}
.banner .swiper-pagination-bullet{background:#fff;opacity:1;}
.banner .swiper-pagination-bullet-active{background:#d72819;}
.banner .swiper-button-next{width:15px;height:26px;background:url(/template/pc/skin/images/r3.png);right:5%;z-index:100000;cursor:position}
.banner .swiper-button-prev{width:15px;height:26px;background:url(/template/pc/skin/images/l3.png);left:5%;z-index:100000;cursor:position}
.banner .swiper-pagination{bottom:110px;display:flex;justify-content:center;}
.banner .swiper-pagination-bullet{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:22px;border:1px solid rgba(255, 255, 255, 0);margin-right:10px;opacity:1;background:none;}
.banner .swiper-pagination-bullet:after{content: '';width:8px;height:8px;background:#fff;border-radius:10px;}
.banner .swiper-pagination-bullet-active{border-color:#00affd;}
.banner .swiper-pagination-bullet-active:after{background:#00affd;}

.osSlider-main .slider-btn-prev {
    position: absolute;
    z-index: 30;
    top: 50%;
    left: 5%;
    width: 15px;
    height: 26px;
    text-indent: -9999px;
    margin-top: -13px;
    background: url(../images/l3.png)no-repeat;
    transition: all .5s linear;
    cursor:pointer;
    z-index:1000;
}


    /* 下一个 */
.osSlider-main .slider-btn-next {
    position: absolute;
    z-index: 30;
    top: 50%;
    right: 5%;
    width: 15px;
    height: 26px;
    text-indent: -9999px;
    margin-top: -13px;
    background: url(../images/r3.png)no-repeat;
    transition: all .5s linear;
    cursor:pointer;
    z-index:1000;
}



/* 高亮导航部分 */
.osSlider-main{height:0;}
.htmleaf-container img{max-width:inherit;width:100%}
.osSlider-main .slider-nav {position: absolute;width:100%;height: 22px;bottom: 110px;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:22px;height:22px;border-radius:22px;border:1px solid rgba(255, 255, 255, 0);margin-right:10px;opacity:1;background:none;font-size:0;cursor:pointer;}
.osSlider-main .slider-nav li:after{content: '';width:8px;height:8px;background:#fff;border-radius:10px;}
.osSlider-main .slider-nav li.active {border-color:#00affd;}
.osSlider-main .slider-nav li.active:after{background:#00affd;}

.wmys{background:#fff;position:relative;z-index: 300000;margin-top:-70px;box-shadow:1px 1px 10px rgba(0, 0, 0, 0.1);margin-bottom:90px;}
.wmys dl{width:calc((100% - 3px) / 4);padding:45px 35px 43px 35px;transition:all 0.5s;}
.wmys dl h4{}
.wmys dl h4 img{display:block;}
.wmys dl h4 .img2{display:none;}
.wmys dl dt{width:calc(100% - 70px)}
.wmys dl dt h3{color:#333333;font-size:20px;margin-bottom:10px;font-weight: bold;}
.wmys dl dt p{color:#999999;font-size:15px;line-height:20px;}
.wmys i{width:1px;height:119px;background:#e6e6e6;margin-top:20px;}
.wmys dl:hover{background:url(/template/pc/skin/images/wmys-bj.jpg);}
.wmys dl:hover h4 .img1{display:none;}
.wmys dl:hover h4 .img2{display:block;}
.wmys dl:hover *{color:#fff}

.cpzx{}
.sybt{text-align:center;margin-bottom:50px;}
.sybt h3{font-size:42px;color:#333333;}
.sybt p{color:#999;font-size:16px;padding-top:20px;}
.cpzx-t{position:relative;}
.cpzx-t .swiper-container{padding:0 50px}
.cpzx-t .swiper-slide{display:flex;justify-content:center;}
.cpzx-t .swiper-button-next{width:15px;height:26px;background:url(/template/pc/skin/images/r4.png);right:0%}
.cpzx-t .swiper-button-prev{width:15px;height:26px;background:url(/template/pc/skin/images/l4.png);left:0%}
.cpzx-t a{display:block;text-align:center;color:#666;font-size:18px;padding-bottom:20px;position:relative;}
.cpzx-t a h4{height:50px;}
.cpzx-t a h4 img{display:block;margin:0 auto;}
.cpzx-t a h4 .img2{display:none;}
.cpzx-t a p{position:absolute;width:0;left:0;bottom:0;height:3px;background:#00affd;}
.cpzx-t .swiper-slide-active a{color:#00affd;}
.cpzx-t .swiper-slide-active a .img1{display:none;}
.cpzx-t .swiper-slide-active a .img2{display:block;}
.cpzx-t .swiper-slide-active a p{width:100%;}
.cpzx-b{background:#f6f6f6;padding:80px 0}
.cpzx-b2{position:relative;}
.cpzx-b3{opacity:0;z-index:1;position:absolute;width:100%;left:0;top:0;transition:all 0.5s;}
.cpzx-b3:nth-child(1){position:relative;z-index:3;opacity:1;}
.cpzx-b a{background:#fff;padding:48px 0;display:block;}
.cpzx-b a dt{padding:0 40px}
.cpzx-b a dt h3{color:#333;font-size:24px;margin-bottom:15px;}
.cpzx-b a dt p{font-size:16px;color:#999999;}
.cpzx-b a h4{overflow:hidden;}
.cpzx-b a h4 img{display:block;width: 70%;margin: 50px auto;}
.cpzx-b a dd{margin:0 40px;background:#f6f6f6;padding-left:20px;font-size:15px;color:#666666;}
.cpzx-b a dd p{width:60px;height:40px;background:#626262;border-top-right-radius:50px;border-bottom-right-radius:50px;}
.cpzx-b a:hover h4 img{transform:scale(1.1);}
.cpzx-b a:hover dd{color:#00affd}
.cpzx-b a:hover dd p{background:#00affd;}

.yyfw{color:#fff;padding: 80px 0 50px 0;background:url(/template/pc/skin/images/yyfw-1.jpg)no-repeat center;}
.yyfw .sybt{}
.yyfw .sybt h3{color:#fff;}
.yyfw .sybt p{color:rgba(255, 255, 255, 0.6);}
.yyfw-t{margin-bottom: 145px;}
.yyfw-l{width:630px;display:none;}
.yyfw-l:nth-child(1){display:block;}
.yyfw-l h3{font-size:32px;margin-bottom:25px;}
.yyfw-l h3 i{display:block;width:77px;}
.yyfw-l p{font-size:18px;line-height:30px;margin-bottom: 70px;}
.yyfw-l a{width:160px;height:50px;border-radius:50px;background:#00affd;color:#fff;font-size:16px;}
.yyfw-l a:hover{opacity:0.8;}
.yyfw-b{font-size:16px;}
.yyfw-b a{width:calc(100% / 6);position:relative;height:74px;color:#fff}
.yyfw-b a p{width:1px;height:16px;position:absolute;right:-1px;top:27px;background:#fff;}
.yyfw-b a:last-child p{display:none;}
.yyfw-b a.active{background:#00affd;z-index:3;}
.yyfw-b a.active p{background:#00affd;display:none;}

.gywm{padding:80px 0;background:url(/template/pc/skin/images/gywm-bj2.jpg)no-repeat center left;}
.gywm-t{margin-bottom:20px;}
.gywm-l{width:45.33333333333333%}
.gywm-l h3{color:#333333;font-size:42px;margin-bottom: 20px;}
.gywm-l .div1{color:#999999;font-size:16px;line-height:32px;margin-bottom: 30px;}
.gywm-l .div2{padding-right:40px;font-size:16px;color: #333333;font-weight: bold;margin-bottom:60px;}
.gywm-l .div2 dl:last-child h3{font-size:20px;font-weight:bold}
.gywm-l .div2 dl h3{font-size:21px;color:#00affd;margin-bottom:5px;display:flex;align-items:flex-start;justify-content:center;}
.gywm-l .div2 dl h3 i{font-size:56px;line-height:100%;}
.gywm-l a{width:160px;height:50px;border-radius:50px;background:#00affd;color:#fff;font-size:16px;}
.gywm-l a:hover{opacity:0.8;}
.gywm-r{position:relative;width:49.333333333333335%}
.gywm-r>img{display:block;width:100%;}
.gywm-r dl{position:absolute;width:100%;height:100%;left:0;top:0;}
.gywm-r dl dt{width:64px;height:64px;border-radius:64px;position:relative;}
.gywm-r dl dt img{display:block;position:relative;z-index:3;}
.gywm-r dl dt::before, .gywm-r dl dt::after {position: absolute;width: 100%;height: 100%;border-radius: 50%;background: #00affd;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(4);opacity:0;}}
.gywm-b{font-size:20px;}
.gywm-b a{display:block;width:24%;overflow:hidden;position:relative;color:#fff;}
.gywm-b a>img{display:block;width:100%;}
.gywm-b a dl{position:absolute;left:0;bottom:0;width:100%;padding:30px 30px 13px 30px;background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));z-index:3;}
.gywm-b a:hover>img{transform:scale(1.1);}

.cgal{padding:80px 60px;background:url(/template/pc/skin/images/cgal-bj.jpg)no-repeat center;}
.cgal-t{margin-bottom:37px;}
.cgal-t a{display:block;background:#fff;position:relative;}
.cgal-t a h4{overflow:hidden;}
.cgal-t a h4 img{display:block;width:100%;}
.cgal-t a dl{padding:37px 33px;}
.cgal-t a dl h3{color:#333;font-size:20px;margin-bottom:20px;font-weight: bold;}
.cgal-t a dl p{color:#999;font-size:16px;line-height:24px;}
.cgal-t a i{position:absolute;left:0;bottom:0;width:0;height:3px;background:#00affd;}
.cgal-t a:hover img{transform:scale(1.1);}
.cgal-t a:hover i{width:100%}
.cgal-t a:hover h3{color:#00affd}
.cgal-c{margin-bottom:40px;}
.cgal-c a{display:block;width:18px;height:15px;}
.cgal-c .a1{background:url(/template/pc/skin/images/l5.png);}
.cgal-c .a1:hover{background:url(/template/pc/skin/images/l5-1.png);}
.cgal-an{width:calc(100% - 80px);height:2px;background:#d7d7d6;opacity:1!important;position: relative;}
.cgal-an span{background: #00affd!important;}
.cgal-c .a2{background:url(/template/pc/skin/images/r5.png);}
.cgal-c .a2:hover{background:url(/template/pc/skin/images/r5.png);}
.cgal-b{width:160px;height:50px;border-radius:50px;background:#00affd;color:#fff;font-size:16px;}
.cgal-b:hover{opacity:0.8;}

.hzhb{margin:80px auto;}
.hzhb-b{position:relative;padding-bottom:50px;}
.hzhb-b .swiper-container{border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;height:285px;}
.hzhb-b .swiper-slide{height:142px;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;}
.hzhb-b a{/*margin:5px;*/height:calc(100% - 0px)}
.hzhb-b a:hover{box-shadow:1px 1px 10px rgba(0, 0, 0, 0.2);} 
.hzhb-b a:hover img{-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}
.hzhb-b .swiper-pagination-bullet-active{border-color:#d5d5d5;}
.hzhb-b .swiper-pagination-bullet-active:after{background:#00affd;}
.hzhb-b .swiper-pagination-bullets{
    bottom: 10px;
    left: 0;
    width: 100%;
}
.hzhb-b .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}

.xwzx{background:#f6f6f6;padding:100px 0;}
.xwzx-b{}
.xwzx-l{width:25.2%;display:block;background:#fff;position:relative;}
.xwzx-l i{display:block;position:absolute;left:0;top:0;color:#fff;font-size:22px;padding:28px 35px;z-index:3;background-image: linear-gradient(#rgba(0, 0, 0,0.8), rgba(0, 0, 0, 0));}
.xwzx-l h4{overflow:hidden;}
.xwzx-l h4 img{display:block;width:100%;}
.xwzx-l dl{padding:40px 33px 45px 33px;}
.xwzx-l dl h3{color:#333333;font-size:22px;line-height:30px;margin-bottom:25px;}
.xwzx-l dl p{color:#777777;font-size:15px;line-height:26px;margin-bottom:25px;}
.xwzx-l dl h5{color:#c6c6c6;font-size:16px;margin-bottom:50px;}
.xwzx-l dl dt{color:#999;}
.xwzx-l dl dt img{margin-right:10px;}
.xwzx-l:hover h4 img{transform:scale(1.1);}
.xwzx-l:hover h3{color:#00affd;}
.xwzx-r{width:43.333333333333335%;background:#fff;}
.xwzx-r dt{border-bottom: 1px solid #dde0ec;padding: 43px 60px 24px 60px;}
.xwzx-r dt a{display:block;}
.xwzx-r dt a h3{color: #333333;font-size:22px;line-height:30px;margin-bottom: 26px;}
.xwzx-r dt a p{color: #777777;font-size:15px;line-height:26px;margin-bottom: 25px;}
.xwzx-r dt a h5{color: #c6c6c6;font-size:16px;}
.xwzx-r dt a:hover{-webkit-transform: translateX(-10px);-ms-transform: translateX(-10px);transform: translateX(-10px);}
.xwzx-r dt a:hover h3{color:#00affd;}
.xwzx-r dd{padding: 20px 60px 0px 60px;}
.xwzx-r dd a{display:block;font-size:15px;line-height: 38px;color:#333333;}
.xwzx-r dd a:hover{color:#00affd;}
.xwzx-r>a{width: 134px;height: 47px;color:#fff;text-transform:uppercase;background: #00affd;margin-left: 50px;border-radius: 60px;margin-top: 23px;}
.xwzx-r>a img{margin-left:18px;}
.xwzx-r>a:hover img{-webkit-transform: translateX(-10px);-ms-transform: translateX(-10px);transform: translateX(-10px);}

@media screen and (max-width:1200px){
    .banner{margin-top:60px;}
    .banner-an .swiper-pagination{bottom:10px}
    .yyfw-b a{width: calc(100% / 2);}
    /*.yyfw-b a.active{background:none;color:#00affd;}*/
    @keyframes scale{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(1.5); opacity: 0;}}
    @keyframes scale2{0%{ transform: scale(1);opacity:.9;}100%{ transform: scale(3);opacity:0;}}
    .banner .swiper-pagination,.osSlider-main .slider-nav{bottom:10px;}
    .cpzx-b a h4 img{margin:10px auto;}

}