/*.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%;text-align:center;background:#f5f5f7;color:#1d1d1f;}
/*.banner img{width:100%;display:block;}*/
/*.banner a{display:block;overflow:hidden;animation: fangda 5s ease-in-out infinite alternate;}*/
.banner h3{font-size:52px;margin: 0 auto;margin-bottom:15px;/* width: 950px; */}
.banner h4{font-size:26px;line-height:34px;width: 556px;margin-bottom:30px;}
.banner dl{font-size:20px;position:relative;}
.banner dl a{color: #1d95d4;margin:0 20px;}
.banner dl a i{position:relative;}
.banner dl a i span{width:0;height: 2px;background: #1d95d4;left:0;bottom:-2px;display:block;position:absolute;transition: all 0s;}
.banner dl a:hover span{width:100%}
.banner dl a p{margin-left:13px;margin-top: 4px;width: 8px;height:11px;background:url(../image/banner-tb.png);background-size:100% 100%!important;}
.banner dl a:hover img{/* transform: translateX(10px); */}
.banner h5{/* margin-top:-10px; *//* height: calc(100vh - 65px); *//* overflow:hidden; */}
.banner h5 img{
    display: block;
    width: 100%;
}
.banner .swiper-slide{overflow:hidden;}
.banner .div1{position:absolute;width:100%;left:0;top:0;z-index:2;padding-top: 80px;}
.banner .swiper-slide a{transition:all 3s!important;}
.banner .swiper-slide .dl1{color:#000}
.banner .swiper-slide .dl1 a{color:#1d95d4}
.banner .swiper-slide .dl1 a i span{/* background:#fff; */}
.banner .swiper-slide .dl1 a p{background:url(../image/banner-tb.png);}
.banner .swiper-slide .dl0,.banner .swiper-slide .dl2{color:#fff}
.banner .swiper-slide .dl0 a,.banner .swiper-slide .dl2 a{color:#fff}
.banner .swiper-slide .dl0 a i span,.banner .swiper-slide .dl2 a i span{background:#fff;}
.banner .swiper-slide .dl0 a p,.banner .swiper-slide .dl2 a p{background:url(../image/banner-tb2.png);}
.banner .swiper-slide-active a{}
.banner .swiper-slide-active h3{animation: indalRun 1s ease both .2s;}
.banner .swiper-slide-active h4{animation: indalRun 1s ease both .4s;}
.banner .swiper-slide-active dl{animation: indalRun 1s ease both .6s;}
.banner .swiper-pagination{bottom:40px;}
.banner .swiper-pagination-bullet{background:#fff;opacity:1;}
.banner .swiper-pagination-bullet-active{background: #1d95d4;}

.cpzx{display: grid;    padding: 16px;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 16px;}
.cpzx a{text-align:center;display:block;position:relative;color:#000;overflow:hidden;}


.cpzx2 a:nth-child(1),.cpzx2 a:nth-child(4){
    color: #fff;
}

.nycplb a{color: #000!important;}




.cpzx2 a:nth-child(2) h5 ,.cpzx2 a:nth-child(3) h5 {
	
	    background: #363636;
		color: #fff;
	
}





.cpzx2 a:nth-child(2)  h5:hover,.cpzx2 a:nth-child(3) h5:hover {
	
	    background: #636363;color: #fff;
	
}


.nycplb a:nth-child(2) h5 ,.nycplb a:nth-child(3) h5 {  background: #e0e0e0;
		color: #000;}

.nycplb a:nth-child(2) h5:hover ,.nycplb a:nth-child(3) h5:hover {  background: #d1d1d1;
		color: #000;}




.cpzx2 a dl{position:absolute;width:100%;left:0;bottom:12%!important;top: initial !important;padding:5% 10px 0 10px;z-index:2;}



.cpzx a dl{position: absolute;
    width: 100%;
    left: 0;
    bottom: 12% !important;
    top: inherit;
    padding: 5% 10px 0 10px;
    z-index: 2;}
.cpzx a h3{font-size:40px;margin-bottom:10px;}
.cpzx a h3 img{margin-left:13px;width: 156px;}
.cpzx a h4{font-size:20px;line-height:32px;font-size:20px;line-height:32px;margin-bottom:14px;}
.cpzx a h5{    color: #000;
    height: 40px;
    padding-right: 32px;
    padding-left: 32px;
    font-size: 18px;
    background:#e0e0e0;
    line-height: 38px;margin: 30px auto 0px;    transition: all 0.5s;
    width: max-content;}
	
.cpzx a h5:hover{   background:#d1d1d1;    transition: all 0.5s;}
	
	

.yyly .div1 h5,.synews .div1 h5,.tjcp .div1 h5{    color: #000;
    height: 40px;
    padding-right: 32px;
    padding-left: 32px;
    font-size: 18px;
    background:#e0e0e0;
    line-height: 38px;margin: 30px auto 0px;    transition: all 0.5s;
    width: max-content;}
	
.yyly .div1 h5:hover,.synews .div1 h5,.tjcp .div1 h5{   background:#d1d1d1;    transition: all 0.5s;}


.yyly .div1 h3,.synews .div1 h3{ color:#fff;}
.yyly .div1 h4,.synews .div1 h4{ color:#fff;}







.tjcp{    margin-bottom: 0px!important;}

.yyly::after {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    right: 0;
    width: 100%;
    bottom: 0;
   background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background-repeat: no-repeat;
  
    z-index: 1;
}

.synews::after {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    right: 0;
    width: 100%;
    bottom: 0;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background-repeat: no-repeat;
  
    z-index: 1;
}


	
.cpzx a h5 i{position:relative;}
.cpzx a h5 i span{width:0;height: 2px;background: #1d95d4;left:0;bottom:-2px;display:block;position:absolute;    transition: all 0.5s;}
.cpzx a h5:hover span{width:100%}
.cpzx a h5 img{margin-left:8px;margin-top: 2px;width: 8px;}
.cpzx a p{}
.cpzx a p img{display:block;width:100%;}
.cpzx a:hover h5{}
.cpzx a:hover h5 img{}
/*.cpzx a:hover p img{transform:scale(1.05);}*/

.pj{width:100%;text-align:center;background:#f5f5f7;position: relative;color:#1d1d1f;    margin-bottom: 16px;}
.pj .div1{z-index: 33;position: absolute;
    bottom: 12%;
    transform: translate(-50%, 0%);
    left: 50%;}

.pj h3{font-size:52px;margin-bottom:15px;}
.pj h4{font-size:26px;line-height:34px;width:585px;margin-bottom:30px;}
.pj dl{font-size:20px;position:relative;}
.pj dl a{color: #1d95d4;margin:0 20px;line-height: 100%;transition: all 0s;}
.pj dl a i{position:relative;transition: all 0s;}
.pj dl a i span{width: 0;height: 2px;background: #1d95d4;left:0;bottom: -4px;display:block;position:absolute;transition: all 0s;}
.pj dl a:hover span{width:100%}
.pj dl a img{margin-left:13px;display: block;margin-top: 2px;width: 8px;}
/* .pj dl a:hover img{transform: translateX(10px);} */
.pj h5{margin-top:0px;}
.pj h5 img{width:100%;display:block;}




.xwzx  .indextitlebox .cntitle{font-size:40px;font-weight: normal;
   padding: 50px 0px;font-family: "futura", sans-serif;}


.xwzx .swiper-container{padding-bottom:50px;}
.xwzx a{display:block;color:#000;}
.xwzx a h4{overflow:hidden;}
.xwzx a h4 img{display:block;width:100%;}
.xwzx a dl{border:1px solid #eee;padding:40px 34px 40px 34px}
.xwzx a dl h5{color:#666666;margin-bottom:10px;font-size: 14px;}
.xwzx a dl h3{font-size:22px;margin-bottom:15px;}
.xwzx a dl p{line-height:24px;height:48px;}
/*.xwzx a:hover img{transform:scale(1.05);}*/
.xwzx a:hover h3{/* color:#003c93; */}
.xwzx .swiper-pagination{bottom:0px;}
.xwzx .swiper-pagination-bullet{background:#949494;opacity:1;}
.xwzx .swiper-pagination-bullet-active{background:#333333;}

@media screen and (max-width:1200px){
    .cpzx a h3 img{width:130px;}
    .banner .swiper-pagination{bottom:10px;}
  .banner dl a img, .pj dl a img,.cpzx a h5 img{margin-left:6px;}
  .banner h3,.pj h3{font-size:32px!important}
  .banner h4,.cpzx a h4,.pj h4{font-size:19px!important;margin-bottom: 15px!important;}
  .banner .div1{position:absolute;width:100%;top:10px;z-index:2}
  .cpzx a h3{font-size:32px!important;margin-bottom: 10px!important;}
  .cpzx a dl{padding-top:50px;}
  .pj .div1{position:absolute;left:0;top:50px;width:100%}
  .pj{padding-top:0}
  .banner dl a i, .cpzx a h5 i,.pj dl a i{font-size:17px;}
}