/*.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(20px);}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;/* animation: fangda 5s ease-in-out infinite alternate; */}
.banner .swiper-slide{overflow:hidden;}
.banner .swiper-slide a{/* transition:all 3s!important; */}
.banner .swiper-slide-active a{}
.banner .swiper-pagination{bottom:55px;}
.banner .swiper-pagination-bullet{background:#fff;opacity:1;width:60px;height:3px;background:rgba(255, 255, 255, 0.2);position:relative;border-radius:0;}
.banner .swiper-pagination-bullet::before{position: absolute;width: 0%;height: 100%;background: #fff;content: '';top:0;left:0;}
.banner .swiper-pagination-bullet-active{}
.banner .swiper-pagination-bullet-active::before{width:100%;transition:all 4s;}

.cpzx{margin: 65px 45px 80px 45px;}
.cpzx a{display:block;width:calc((100% - 32px) / 3);margin-bottom:16px;background: #f2f2f2;overflow: hidden;position:relative;}
.cpzx a:nth-child(n+4){width:calc((100% - 48px) / 4);}
.cpzx a dl{position:absolute;width:100%;left:0;top:0;padding:45px 40px;z-index: 20;}
.cpzx a dl h3{color:#111111;font-size:26px;margin-bottom:20px;}
.cpzx a dl h5{color:#1b8ad7;font-size:16px;}
.cpzx a dl h5 img{margin-left:7px;}
.cpzx a h4{width:100%;/* height:426px; *//* padding:0 10% 50px 0; */justify-content:flex-end;align-items:flex-end;position: relative;z-index: 2;}
.cpzx a h4:after{content: '';width: 100%;height: 100%;position: absolute;top: 0;transition: all 0.3s;-webkit-transition: all 0.3s;z-index: 2;}
.cpzx a:nth-child(n+4) h4{/* height:292px; *//* padding:0 10% 30px 0; */}
.cpzx a:hover h3{}
.cpzx a:hover h4 img{transform:scale(1.05);}

.jjfa{margin-bottom: 110px;}
.sybt{text-align:center;margin-bottom: 40px;}
.sybt h3{color:#222222;font-size: 40px;margin-bottom: 20px;}
.sybt h4{width:43px;height:3px;background:#219ddf;margin-bottom: 20px;}
.sybt h5{color:#666666;font-size:16px;}
.jjfa-t{}
.jjfa-t h4{overflow:hidden;}
.jjfa-t h4 img{display:block;width:100%;}
.jjfa-t h4:hover img{/* transform:scale(1.05); */}
.jjfa-t dl{position:relative;z-index:2;margin-top: -150px;margin-bottom:10px;}
.jjfa-t dl dt{width: 530px;border-radius:10px;box-shadow:1px 1px 10px rgba(0, 0, 0, 0.1);padding: 40px;background:#fff;}
.jjfa-t dl dt h5{color:#1b8ad7;text-transform:uppercase;font-size:16px;margin-bottom:20px;}
.jjfa-t dl dt h3{color:#222222;font-size: 40px;margin-bottom: 20px;}
.jjfa-t dl dt p{color:#666666;font-size:16px;line-height:28px;margin-bottom: 30px;}
.jjfa-t dl dt a{width:100px;color:#1b8ad7;font-size:16px;}
.jjfa-t dl dt a img{}
.jjfa-t dl dt a:hover img{transform: translateX(10px);}
.jjfa-t .swiper-pagination{opacity:0;}
.jjfa-t .swiper-slide-active dl dt h5{animation: indalRun 1s ease both .2s;}
.jjfa-t .swiper-slide-active dl dt h3{animation: indalRun 1s ease both .4s;}
.jjfa-t .swiper-slide-active dl dt p{animation: indalRun 1s ease both .6s;}
.jjfa-t .swiper-slide-active dl dt a{animation: indalRun 1s ease both .8s;}
.jjfa-b{margin-top: -93px;}
.jjfa-b dl{width:147px;position:relative;z-index:3;margin-left:105px;}
.jjfa-b dl p{width:18px;height:30px;transition:all 0.5s;cursor:pointer;background-size:100% 100%!important;}
.jjfa-b dl .a1{background:url(../images/l3.png);}
.jjfa-b dl .a1:hover{background: url(../images/l3-1.png);}
.jjfa-b dl .a2{background:url(../images/r3.png);}
.jjfa-b dl .a2:hover{background:url(../images/r3-1.png);}
.jjfa-b dl dt{color:#777777;font-size:21px;}
.jjfa-b dl dt i{color:#000}

.toLink{display: inline-block;position: relative;font-size: 14px;color: #666;text-transform: uppercase;padding-right: 22px;background: url('../images/indArr.png') no-repeat right top 7px;transition: all .4s ease;}
.toLink:after{content: "";position: absolute;right: 0;bottom: -2px;width: 0;height: 1px;background: #1f5dcb;transition: all .6s ease;}
.toLink:hover:after{width: 100%;right: auto;left: 0;}
.toLink:hover{color: #1f5dcb;background-image: url('../images/indArrH.png');}
.toLink-white{color: #fff !important;background-image: url('../images/indArrW.png') !important;}
.toLink-white:after{background: #fff !important;}
.project{width: 100%;}
.project-lp{width: 100%;position: relative;}
.project-lp:after{content: "";position: absolute;width: 100%;height: 100%;background: #000;opacity: .3;top: 0;left: 0;z-index: 1;}
.project-lpimg{display: block;width: 100%;/* object-fit: cover; *//* height: 550px; */}
@media(max-height:700px){
    .project-lpimg{/* height:calc(100vh  - 150px); */}
}
.project-qq{width: 554px;height: 554px;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;z-index: 4;}
.circlePage{display: block;width: 100%;height: 100%;position: relative;z-index: 1;transform: scale(0.6);}
.circlePage:after {content: "";width: 100%;height: 100%;position: absolute;top: 0;right: 0;border: 4px solid #fff;box-sizing: border-box;border-radius: 50%;opacity: .2;}
.circlePage-base {width: 100%;height: 100%;position: absolute;top: 0;left: 0;transform: rotate(-90deg);z-index: 1;}
.circlePage-qq {stroke-dasharray: 1740 1740;stroke-dashoffset: 1740;}
.circlePage.ontrue .circlePage-qq {animation: circleQq 5s ease-in infinite;}
@keyframes circleQq{0%{stroke-dashoffset: 1740;}66%{stroke-dashoffset: 864;}66.00001%{stroke-dashoffset: 0;}100%{stroke-dashoffset:-864;}}
.circlePage-qq2 {stroke-dasharray: 1740 1740;stroke-dashoffset: 870;}
.circlePage.ontrue .circlePage-qq2 {animation: circleQq2 5s ease-in infinite;}
@keyframes circleQq2{0%{stroke-dashoffset: 870;}66%{stroke-dashoffset: 0;}66.00001%{stroke-dashoffset: -870;}100%{stroke-dashoffset: -1740;}}
.circleLine{width: 14px;height: 100%;position: absolute;top: 0;left: 50%;margin-left: -7px;z-index: 2;}
.circleLine i{position: absolute;width: 14px;height: 14px;border-radius: 50%;background: #d4d3d1;border-width: 3px;border-style: solid;}
.circleLine-t{top: -5px;left: 6px;border-color: #fff;}
.circleLine-b{bottom: -5px;right: 6px;border-color: #1f5dcb;}
.circlePage.ontrue .circleLine{animation: circleLn 5s ease-in infinite;}
@keyframes circleLn{0%{transform: rotate(0);}66%{transform: rotate(180deg);}100%{transform: rotate(360deg);}}
.project-wd{position: absolute;width: 100%;text-align: center;top: 50%;margin-top: -96px;z-index: 6;}
.project-wdtit li{font-size: 28px;color: #fff;}
.project-wddes{margin: 12px 0 36px;}
.project-wddes li .toLink-white{background-position: top 13px right 2px;}
.project-wddes li .toLink:after{bottom: 2px !important;}
.project-wdnum li, .project-wdnum span{font-size: 16px;color: #fff;font-family: 'GothamBook';}
.project-wdnum i{width: 52px;height: 1px;display: block;background: #fff;margin: 0 auto;}
.project-wdnum span{display: block;height: 36px;line-height: 36px;}
.project-wdsr{height: 36px;overflow: hidden;width: 100%;}
.project-wdsr li{height: 36px;display: block;line-height: 36px;}
.project-mbqq{display: none;width: 80px;height: 80px;position: absolute;left: 50%;margin-left: -40px;bottom: -2px;}
.project-mbqq:after {content: "";width: 80px;height: 80px;position: absolute;top: 0;left: 0;border: 2px solid #fff;border-radius: 50%;z-index: 1;box-sizing: border-box;}
.project-mbqqsvg {transform: rotate(-90deg);width: 80px;height: 80px;position: absolute;top: 0;left: 0;z-index: 2;}
.project-mbqqcir {stroke-dasharray: 0 503;}
.project-mbqq.ontrue .project-mbqqcir{animation: projectMbqq 5s ease-in infinite;}
@keyframes projectMbqq {0%{stroke-dasharray: 0 503;}100%{stroke-dasharray: 503 503;}}

.cgal{overflow:hidden;background:#f7f7f7;padding: 80px 0;}
.cgal-b{margin-bottom:40px;}
.cgal-b li{width:384px;margin-right:20px;}
.cgal-b li a{display:block;width:100%;position:relative;}
.cgal-b li a h4{overflow:hidden;}
.cgal-b li a h4 img{display:block;width:100%;}
.cgal-b li a dl{position:absolute;overflow:hidden;left:0;bottom:0;text-align:center;color:#fff;font-size:20px;line-height:24px;background:rgba(0, 0, 0, 0.65);width:100%;height:0;}
.cgal-b li a dl p{padding:0 20px}
.cgal-b li a:hover img{transform:scale(1.05);}
.cgal-b li a:hover dl{height:100%;}
.cgal-t{width:190px;height:60px;background:#29aee6;color:#fff;font-size:16px;border-radius:60px;margin-top:50px}
.cgal-t img{margin-left:10px;}
.cgal-t:hover img{transform: translateX(10px);}

.gywm{text-align:center;color:#fff;height:636px;background:url(../images/gywm-bj.jpg)no-repeat center right;}
.gywm dl{width:850px;}
.gywm h3{font-size:38px;margin-bottom:30px;}
.gywm h4{font-size:24px;margin-bottom:35px;}
.gywm p{font-size:16px;line-height:28px;margin-bottom:30px;}
.gywm dt{width: 190px;font-size:18px;}
.gywm dt i{display:block;width: 52px;height: 52px;background:url(../images/sp.png)no-repeat center;position: relative;}
.gywm dt i:before,.gywm dt i:after{
    content: "";
    display: block;
    width: 58px;
    height: 58px;
    border: 1px dotted #fff;
    border-radius: 100%;
    position: absolute;
    top: -3px;
    left: -3px;
    animation: videoDh 1.5s linear infinite;
    opacity: 0.8;
}
.gywm dt i:before{animation-delay: 0.6s}
.gywm dt i:after{animation-delay: 0s }
@keyframes videoDh { from {transform: scale(1, 1); opacity: 0.8;} to {transform: scale(1.8, 1.8); opacity: 0;} }
.gywm dt i img{display:none;}
.gywm dt img{display:block;}

.xwzx{background:#f9f9f9;padding: 80px 0;}
.xwzx-l{display:block;width:25.533333333333336%;background:#fff;box-shadow:1px 1px 10px rgba(0, 0, 0, 0.05);}
.xwzx-l h4{overflow:hidden;}
.xwzx-l h4 img{display:block;}
.xwzx-l dl{padding:34px 40px 60px 40px;}
.xwzx-l dl h5{color: #aeaeae;font-size:16px;margin-bottom:12px;}
.xwzx-l dl h3{color:#444444;font-size:22px;line-height:32px;margin-bottom:18px;}
.xwzx-l dl p{color:#8f8f8f;font-size:15px;line-height:25px;margin-bottom:65px;}
.xwzx-l dl i{height:28px;padding-left:40px;background:url(../images/xwzx-tb2.png)no-repeat center left;font-size:15px;color:#8d8d8d}
.xwzx-l:hover img{transform:scale(1.05);}
.xwzx-l:hover i{background:url(../images/xwzx-tb.png)no-repeat center left;color:#219ddf}
.xwzx-r{width:44.4%;background:#fff;box-shadow:1px 1px 10px rgba(0, 0, 0, 0.05);}
.xwzx-r>a{padding:45px 55px 30px 55px;border-bottom:1px solid #eeeff6;display:block;}
.xwzx-r>a h5{color: #aeaeae;font-size:16px;margin-bottom:15px;font-weight: bold;}
.xwzx-r>a h3{color:#444444;font-size:22px;line-height:32px;margin-bottom:18px;}
.xwzx-r>a p{color:#8f8f8f;font-size:15px;line-height:25px;}
.xwzx-r>a:hover h3{color:#219ddf}
.xwzx-r dt{padding:20px 56px 0 56px;}
.xwzx-r dt .div1{font-size:15px;margin-bottom:47px;}
.xwzx-r dt .div1 a{display:block;color:#444444;line-height:35px;}
.xwzx-r dt .div1 a:hover{color:#219ddf;}
.xwzx-r dt>a{width:125px;height:45px;position:relative;overflow:hidden;border-radius:45px;color:#999999;font-size:15px;border:1px solid #a0a0a0;z-index:2;}
.xwzx-r dt>a p{position:absolute;left:0;bottom:0;width:0;height:100%;z-index:-1;background:#219ddf;}
.xwzx-r dt>a:hover{color:#fff;border-color:#219ddf;background:#219ddf;}
.xwzx-r dt>a:hover p{width:100%}

.hqfa{color:#fff;height:187px;background:url(../images/hqfa-bj.jpg)no-repeat center;}
.hqfa dl{}
.hqfa h3{font-size:42px;margin-bottom:20px;}
.hqfa h4{font-size:20px;}
.hqfa a{width:220px;height:67px;position:relative;overflow:hidden;border-radius:67px;color:#fff;font-size:18px;border:2px solid #fff;z-index:2;}
.hqfa a p{position:absolute;left:0;bottom:0;width:0;height:100%;z-index:-1;background:#219ddf;}
.hqfa a:hover{color:#fff;border-color:#219ddf;background:#219ddf;}
.hqfa a:hover p{width:100%}
.hqfa{}
.hqfa{}
.hqfa{}

@media(max-width:1600px){
    .xwzx-r dt .div1{margin-bottom:35px;}
}
@media(max-width:1500px){
    .cpzx a{padding-top:20px}
    .cpzx a dl{padding: 20px;}
    .cpzx a dl h3{font-size: 22px;margin-bottom:10px;}
    .cpzx a h4{/* height:300px; */text-align: center;}
    .cpzx a:nth-child(n+4) h4{/* height:292px; */}
    .xwzx-r>a{padding-top:40px;}
    .xwzx-l dl p{margin-bottom:70px;}
    .xwzx-r dt .div1{margin-bottom:25px;}
    .hqfa h3{font-size:35px;}
    .circlePage{transform: scale(0.5);}
}
@media screen and (max-width:1200px){
    .banner .swiper-pagination{bottom:10px;}
    .jjfa-b{margin-top:-50px;}
    .jjfa-b dl{margin-left:150px;width:120px}
    .jjfa-b dl p{width:10px;height:17px;}
    .jjfa-t dl dt{border-radius:0;}
    .cgal-b li{width:300px}
    .cgal-t{width:160px;height:45px;}
    .cgal{/* margin-top:60px; */}
    .gywm{/* background: url(../images/gywm-bj2.jpg)no-repeat center; */position:relative;z-index:2;background: url(../images/gywm-bj.jpg)no-repeat top -150px right -50px;}
    .gywm h6{position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;background:rgba(14,136,223,0.8)}
    .gywm dt{width: 180px;}
    .gywm dt img{width:80px;}
    .jjfa-t h4 img{height:150px}
    .circlePage{display: none;}
    .project-qq {transform: scale(1);width: 100%;height: auto;}
    .project-wdtit li{font-size: 24px;}
    .project-wddes {margin: 6px 0 24px;}
    .project-lpimg {height: auto;min-height: 280px;}
    .project-wd {margin-top: -90px;}
    .project-mbqq{display: block;}
    .gywm h3{margin-top:60px}
    
}