/*.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 .swiper-pagination{display:none;}
.banner a>img{width:100%;display:block;}
.banner a>img{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 dl{position:absolute;width:100%;height:100%;left:0;top:0;color:#fff;}
.banner .swiper-slide dl dt{}
.banner .swiper-slide dl dt h2{font-size:28px;text-transform:uppercase;margin-bottom:25px;}
.banner .swiper-slide dl dt h3{font-size:60px;margin-bottom:40px;}
.banner .swiper-slide dl dt h4{width:68px;height:3px;background:#00aeee;margin-bottom:30px;}
.banner .swiper-slide dl dt p{font-size:24px;line-height:30px;width:500px;margin-bottom:80px;}
.banner .swiper-slide dl dt h5{width:180px;height:50px;border-radius:3px;background:#00aeee;color:#fff;font-size:15px;}
.banner .swiper-slide dl dt h5 img{margin-left:30px;}
.banner .swiper-slide-active a{}
.banner .swiper-slide-active a h2{animation: indalRun 1s ease both .5s;}
.banner .swiper-slide-active a h3{animation: indalRun 1s ease both .6s;}
.banner .swiper-slide-active a h4{animation: indalRun 1s ease both .7s;}
.banner .swiper-slide-active a p{animation: indalRun 1s ease both .8s;}
.banner .swiper-slide-active a h5{animation: indalRun 1s ease both .9s;}
.banner-tb{position:absolute;width:100%;left:0;bottom:70px;z-index:3;}
.banner-tb .w1>p{width:10px;height:17px;cursor:pointer;}
.banner-tb .a1{background:url(../images/r.png);}
.banner-tb .swiper-pagination2{margin:0 20px;color:#fff;font-size:18px;margin-right:0;}
.banner-tb .swiper-pagination2 p{opacity:0.3;display:flex;justify-content:space-between;height:20px;align-items:center;margin-right:20px}
.banner-tb .swiper-pagination2 p:last-child{flex-direction: row-reverse;margin-left:0}
.banner-tb .swiper-pagination2 p i{margin-left:0;margin-right:0;}
.banner-tb .swiper-pagination2 p span{}
.banner-tb .swiper-pagination2 p i{position:relative;height:2px;display:block;width:0;background:rgba(255, 255, 255, 0.1);}
.banner-tb .swiper-pagination2 p i::after {position: absolute;width: 0%;height: 100%;background: #00aeee;content: '';top:0;left:0;transition:all 4s;}
.banner-tb .swiper-pagination2 p.active{opacity:1;}
.banner-tb .swiper-pagination2 p.active i{width:148px;margin-left:20px;}
.banner-tb .swiper-pagination2 p.active:last-child i{width:148px;margin-left:0;margin-right:20px;}
.banner-tb .swiper-pagination2 p.active i::after{width:100%;}

.banner-tb .swiper-pagination2 .swiper-pagination-bullet{width:auto;font-size:18px;height:auto;opacity:0.3;display:flex;justify-content:center;margin:0 12.5px;}
 .banner-tb .swiper-pagination2 .swiper-pagination-bullet-active{}
.banner-tb .a2{background:url(../images/l.png);}
.banner .swiper-pagination-bullet{background:#fff;opacity:1;}
.banner .swiper-pagination-bullet-active{background:#d72819;}
@media screen and (max-width:1200px) {
  .banner .swiper-slide dl dt p
  {font-size: 18px;
  line-height: 30px;
  width: 500px;
  margin-bottom: 45%;}

.banner .swiper-slide dl dt h2
{
  font-size: 22px;
  text-transform: uppercase;
  margin-top: 16px;}

.banner .swiper-slide dl dt h3
{
  font-size: 26px;
  margin-bottom: 30px;
}
}
@media screen and (max-width:992px) {
  .banner .swiper-slide dl dt p
  {font-size: 16px;
  line-height: 30px;
  width: 500px;
  margin-bottom: 45%;}

.banner .swiper-slide dl dt h2
{
  font-size: 22px;
  text-transform: uppercase;
 margin-top: 16px;}

.banner .swiper-slide dl dt h3
{
  font-size: 26px;
  margin-bottom: 30px;
}  
}
@media screen and (max-width:768px) {
    .banner .swiper-slide dl dt p
  {font-size: 14px;
  line-height:18px;
  width: 500px;
  margin-bottom: 45%;}

.banner .swiper-slide dl dt h2
{
  font-size: 18px;
  text-transform: uppercase;
  margin-top: 16px;}

.banner .swiper-slide dl dt h3
{
  font-size: 21px;
  margin-bottom: 30px;
}
}


.gywm{margin:100px auto;background:url(../images/gywm-bj.png)no-repeat center top 180px;}
.gywm-t{text-align:center;margin-bottom:70px;}
.gywm-t h3{font-size:38px;color:#333;margin-bottom:40px;}
.gywm-t p{width:1273px;max-width:100%;font-size:16px;line-height:28px;color:#666}
.gywm-c{text-align:center;padding:0 113px 75px 113px;}
.gywm-c dl{width:288px;}
.gywm-c dl h4{height:120px;}
.gywm-c dl h3{color:#333;font-size:26px;margin-bottom:23px;}
.gywm-c dl p{font-size:16px;line-height:28px;color:#666}
.gywm-c dl:hover h4 img{-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}
.gywm-b{}
.gywm-l{width:calc(48.06666666666667% - 11px);align-items:flex-start;}
.gywm-b a{display:block;position:relative;color:#fff;overflow:hidden;margin-bottom:20px;}
.gywm-b a>img{display:block;width:100%;}
.gywm-b a dl{position:absolute;z-index:3;width:100%;padding:0 50px 35px 50px;left:0;bottom:0}
.gywm-b a dl dt{}
.gywm-b a dl dt h3{font-size:30px;margin-bottom:10px;}
.gywm-b a dl dt h4{font-size:16px;text-transform:uppercase;}
.gywm-b a dl dd{width:76px;height:76px;border-radius:76px;background:#fff;position:relative;}
.gywm-b a dl dd::before, .gywm-b a dl dd::after {position: absolute;width: 100%;height: 100%;border-radius: 50%;background: #fff;content: '';top:0;left:0}
.gywm-b a dl dd::before{animation: scale 2s infinite; }
.gywm-b a dl dd::after{animation: scale2 2s infinite; }
@keyframes scale{0%{ transform: scale(1); opacity:.9}100%{ transform: scale(1.2); opacity: 0;}}
@keyframes scale2{0%{ transform: scale(1);opacity:.9;}100%{ transform: scale(1.5);opacity:0;}}
.gywm-b a dl dd img{position:relative;z-index:3;}
.gywm-b a:hover>img{transform:scale(1.1);}
.gywm-r{width:calc(51.93333333333333% - 11px);}

.hxyw{background:#f3f3f3;padding:130px 0;}
.hxyw-l{width:37.5%;}
.hxyw-l h3{color:#00aeee;font-size:26px;margin-bottom:23px;}
.hxyw-l h3 p{width:9px;height:9px;border-radius:9px;background:#00aeee;margin-right:20px;}
.hxyw-l h4{color:#333333;font-size:40px;line-height:60px;margin-bottom:80px;}
.hxyw-l h5{}
.hxyw-l h5 a{display:block;width:69px;height:69px;/* box-shadow:1px 1px 10px rgba(0, 0, 0, 0.1); */border-radius: 70px;}
.hxyw-l h5 a.a1{background:url(../images/l2.png);}
.hxyw-l h5 a.a1:hover{background:url(../images/l2-1.png);}
.hxyw-l h5 a.a2{background:url(../images/r2.png);margin-left:35px;}
.hxyw-l h5 a.a2:hover{background:url(../images/r2-1.png);}
.hxyw-r{width:55.98958333333334%}
.hxyw-r a{display:block;overflow:hidden;color:#fff;text-align:center;}
.hxyw-r a img{display:block;width:100%;}
.hxyw-r a dl{position:absolute;width:100%;left:0;bottom:0;padding:0px 30px 90px 30px;}
.hxyw-r a dl h3{font-size:32px;margin-bottom:25px;}
.hxyw-r a dl h4{font-size:28px;text-transform:uppercase;}
.hxyw-r a:hover img{transform:scale(1.1);}

.hxjzl{ padding-top:60px; }
.hxjzl-t{text-align:center;margin-bottom:70px;}
.hxjzl-t h3{font-size:38px;color:#333;margin-bottom:40px;}
.hxjzl-b { width: 100%; overflow: hidden; display: flex; flex-wrap: nowrap; }
.hxjzl-b>div { width: 300px; height: 596px; background-color: rgba(0, 0, 0, 0.4); background-size: cover; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; overflow: hidden; }
.hxjzl-item { display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; width: 100%; max-height: 596px; height: 100%; overflow: hidden; cursor: pointer; color: #fff; }
.hxjzl-item::after { position: absolute; top: 100%; display: block; content: ''; width: 100%; height: 100%; z-index: 1; background-color: rgba(0, 0, 0, 0.5); -webkit-transition: 0.3s; transition: 0.3s; }
.hxjzl-item .hxjzl-top { display: flex; flex-direction: column; align-items: center; position: absolute; width: 100%; left: 0; top: 25%; -webkit-transition: 0.3s; transition: 0.3s; z-index: 2; }
.hxjzl-item .hxjzl-top span { display: block; font-size: 82px; font-weight: 900; }
.hxjzl-item .hxjzl-top h3 { width: 168px; font-size: 24px; font-weight: bold; line-height: 34px; text-align: center; }
.hxjzl-item .hxjzl-bottom { position: absolute; width: 100%; left: 0; top: 70%; -webkit-transition: 0.3s; transition: 0.3s; display: flex; justify-content: center; z-index: 2; font-size: 18px; font-weight: 400; line-height: 28px; opacity: 0; }
.hxjzl-item .hxjzl-bottom p { display: block; max-width: 342px; font-size: 18px; font-weight: 400; line-height: 28px; }
.hxjzl-item:hover::after { top: 0%; }
.hxjzl-item:hover .hxjzl-top { top: 20%; }
.hxjzl-item:hover .hxjzl-bottom { opacity: 1; top: 55%; }
@media screen and (max-width:1200px) {
    .hxjzl-item .hxjzl-top span { font-size: 56px; }
    .hxjzl-item .hxjzl-top h3 { font-size: 20px; }
    .hxjzl-item .hxjzl-bottom p { padding: 0 15px; font-size: 16px; }
}
@media screen and (max-width:992px) {
    .hxjzl-b { flex-wrap: wrap; }
    .hxjzl-b>div { flex: 0 0 33.3333% !important; max-width: 33.3333% !important }
}
@media screen and (max-width:768px) {
    .hxjzl-b { flex-wrap: wrap; }
    .hxjzl-b>div { flex: 0 0 50% !important; max-width: 50% !important; height: 366px; }
    .hxjzl-item .hxjzl-top span { font-size: 32px; }
    .hxjzl-item .hxjzl-top h3 { line-height: 28px; font-size: 18px; }
    .hxjzl-item .hxjzl-bottom p { padding: 0 15px; line-height: 24px; font-size: 14px; }
    .hxjzl-item:hover .hxjzl-top { top: 10%; }
    .hxjzl-item:hover .hxjzl-bottom { opacity: 1; top: 40%; }
}

.hzhb{padding-top:100px;}
.hzhb-t{border-bottom:1px solid #e2e2e2;padding-bottom:55px;}
.hzhb-t dt{width:calc(100% - 100px)}
.hzhb-t h4{color:#00aeee;font-size:26px;margin-bottom:25px;}
.hzhb-t h4 p{width:9px;height:9px;border-radius:9px;background:#00aeee;margin-right:20px;}
.hzhb-t h3{color:#333333;font-size:46px;text-align: center;}
.hzhb-t a{color:#333333;font-size:16px;}
.hzhb-t a img{margin-left:17px;}
.hzhb-t a:hover{color:#00aeee;}
.hzhb-b{position:relative;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2}
.hzhb-b i{position:absolute;display:block;width:100%;left:0;top:calc(50% - 0.5px);height:1px;background:#e2e2e2;}
.hzhb-b .swiper-container{height:460px;width:calc(100% + 1px)}
.hzhb-b .swiper-slide{height:230px;border-right:1px solid #e2e2e2}
.hzhb-b .swiper-slide a{height:230px;}
.hzhb-b .swiper-slide a img{max-width:90%;max-height:90%;}
.hzhb-b .swiper-slide a:hover img{-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}
.hzhb-b .swiper-button-next{width:69px;height:69px;border-radius:69px;box-shadow:1px 1px 10px rgba(0, 0, 0, 0.1);transition:all 0.5s;background:url(../images/r2.png);right:-100px;}
.hzhb-b .swiper-button-next:hover{background:url(../images/r2-1.png);}
.hzhb-b .swiper-button-prev{width:69px;height:69px;border-radius:69px;box-shadow:1px 1px 10px rgba(0, 0, 0, 0.1);transition:all 0.5s;background:url(../images/l2.png);left:-100px;}
.hzhb-b .swiper-button-prev:hover{background:url(../images/l2-1.png);}

.xwzx{background:#f3f3f3;padding:90px 0}
.xwzx .hzhb-t{border:none}
.xwzx-b{position:relative;}
.xwzx-b a{display:block;background:#fff;}
.xwzx-b a .div1{}
.xwzx-b a .div1 h4{width:calc(100% - 95px);overflow:hidden;}
.xwzx-b a .div1 h4 img{display:block;width:100%;}
.xwzx-b a .div1 p{width:95px;position:relative;background:#ebebeb;color:#999999;font-size:16px;text-align:center;z-index:1;}
.xwzx-b a .div1 p i{transform: rotate(90deg);transition:all 0s}
.xwzx-b a .div1 p::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform-origin: 50% 0%;transform: scaleY(0);transition: transform 300ms;z-index: -1;background:#00aeee;}
.xwzx-b a dl{}
.xwzx-b a dl dt{padding:40px 35px;width:calc(100% - 95px);border-right:1px solid #eee;}
.xwzx-b a dl dt h3{color:#444444;font-size:18px;}
.xwzx-b a dl dd{width:95px;text-align:center;}
.xwzx-b a dl dd h3{color:#333;font-size:24px;margin-bottom:10px;}
.xwzx-b a dl dd h4{color:#333333;font-size:15px;}
.xwzx-b a:hover .div1 h4 img{transform:scale(1.1);}
.xwzx-b a:hover .div1 p{color:#fff}
.xwzx-b a:hover .div1 p::before{transform: none;transform-origin: 50% 100%;}
.xwzx-b .swiper-button-next{width:69px;height:69px;border-radius:69px;box-shadow:1px 1px 10px rgba(0, 0, 0, 0.1);transition:all 0.5s;background:url(../images/r2.png);}
.xwzx-b .swiper-button-next:hover{background:url(../images/r2-1.png);}
.xwzx-b .swiper-button-prev{width:69px;height:69px;border-radius:69px;box-shadow:1px 1px 10px rgba(0, 0, 0, 0.1);transition:all 0.5s;background:url(../images/l2.png);}
.xwzx-b .swiper-button-prev:hover{background:url(../images/l2-1.png);}

@media screen and (max-width:1200px){
	.banner{margin-top:60px;}
    .gywm-b a dl dd{width:60px;height:60px;}
    .gywm-c dl h4 img{transform:scale(0.7);}
    .hzhb-b .swiper-container{height:200px;}
    .hzhb-b .swiper-slide{height:100px;border-right:1px solid #e2e2e2}
    .hzhb-b .swiper-slide a{height:100px;}
    .hzhb-b .swiper-slide a img{max-width:70%;max-height:70%;}
    .hzhb-b{border-bottom: 1px solid #e2e2e2;}
    .banner-tb{bottom:15px;}
    .banner-tb .w1{justify-content:center;}
    .banner-tb .swiper-pagination2 p{font-size:16px;}
    .banner-tb .swiper-pagination2 p.active i{width:30px;margin-left:20px;}
    .banner-tb .swiper-pagination2 p.active:last-child i{width:30px;margin-left:0;margin-right:20px;}
}