@keyframes fadeInUp {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(0,50px,0);
      transform: translate3d(0,50px,0)
  }
  100% {
      opacity: 1;
      -webkit-transform: translate3d(0,0px,0);
      transform: translate3d(0,0px,0)
  }
}
body{line-height: 1.6;font-size: 16px;}
.fnt_16 { font-size:16px;}
.fnt_18 { font-size:18px;}
.fnt_20 { font-size:20px;}
.fnt_24 { font-size:24px;}
.fnt_26 { font-size:26px;}
.fnt_30 { font-size:30px;}
.fnt_32 { font-size:32px;}
.fnt_40 { font-size:40px;}
.fnt_50 { font-size:50px;}

@media only screen and (max-width: 1600px) {

  .fnt_24 { font-size:22px;}
  .fnt_26 { font-size:24px;}
  .fnt_30 { font-size:26px;}
  .fnt_32 { font-size:28px;}
  .fnt_40 { font-size:36px;}
  .fnt_50 { font-size:46px;}
}
@media only screen and (max-width: 1440px) {
  .fnt_18 { font-size:16px;}
  .fnt_20 { font-size:18px;}
  .fnt_24 { font-size:20px;}
  .fnt_26 { font-size:22px;}
  .fnt_30 { font-size:24px;}
  .fnt_32 { font-size:28px;}
  .fnt_40 { font-size:34px;}
  .fnt_50 { font-size:44px;}

}

@media only screen and (max-width: 1200px) {
  .fnt_16 { font-size:14px;}
  .fnt_18 { font-size:16px;}
  .fnt_20 { font-size:18px;}
  .fnt_24 { font-size:18px;}
  .fnt_26 { font-size:20px;}
  .fnt_30 { font-size:22px;}
  .fnt_32 { font-size:26px;}
  .fnt_40 { font-size:30px;}
  .fnt_50 { font-size:34px;}
}
@media only screen and (max-width: 1024px) {
  .fnt_30 { font-size:20px;}
}
@media only screen and (max-width: 768px) {
  .fnt_16 { font-size:14px;}
  .fnt_18 { font-size:14px;}
  .fnt_20 { font-size:16px;}
  .fnt_24 { font-size:16px;}
  .fnt_26 { font-size:16px;}
  .fnt_30 { font-size:18px;}
  .fnt_32 { font-size:20px;}

  .fnt_40 { font-size:24px;}
  .fnt_50 { font-size:30px;}
}


img{display: block;border:0px;}
.img_mo{display: none;}
@media only screen and (max-width: 768px) {
    .img_mo{display: block;}
    .img_pc{display: none;}
}
.w1440{width:1440px;margin:0 auto;}
.pt100{padding-top:100px;}
.pb100{padding-bottom:100px;}
.pt120{padding-top:120px;}
.pb120{padding-bottom:120px;}
@media only screen and (max-width: 1600px) {
  .w1440{width:80%;}
  .pt100{padding-top:5vw;}
  .pb100{padding-bottom:5vw;}
  .pt120{padding-top:6vw;}
  .pb120{padding-bottom:6vw;}
}
@media only screen and (max-width: 1200px) {
  .w1440{width:90%;}
}
@media only screen and (max-width: 768px) {
  .pt100{padding-top:12vw;}
  .pb100{padding-bottom:12vw;}
  .pt120{padding-top:15vw;}
  .pb120{padding-bottom:15vw;}
}


.text_tit{position: relative;text-align: center;padding-bottom:15px;margin-bottom:50px;font-weight: 700;}
.text_tit:after{
  content: "";position: absolute;left:50%;bottom:0px;transform:translateX(-50%);
  display: block;width:50px;height:6px;background: #e60012;
}
.text_tit br{display: none;}
@media only screen and (max-width: 1600px) {
  .text_tit{margin-bottom:3vw;padding-bottom:1vw;}
}
@media only screen and (max-width: 768px) {
  .text_tit{margin-bottom:8vw;padding-bottom:3vw;}
  .text_tit br{display: block;}
}
.header_height{height:62px;}
.j_header{border-bottom:1px solid #e60012;position: fixed;top:0px;right: 0px;left:0px;z-index: 5;background: #fff;}
.j_header .w1440{display: flex;flex-wrap: wrap;justify-content: space-between;} 
.j_header .logo{width:100px;}
.j_header .logo img{width:100%;}
.j_header ul{display: flex;flex-wrap: wrap;height: 100%;}
.j_header ul a{color:#666;}
.j_header ul a:focus{outline: 0;}
.j_header ul li{margin-left:40px;position: relative;height:100%;align-items: center;display: flex;flex-wrap: wrap;}
.j_header ul li a:after{
  content: "";position: absolute;left:50%;bottom:0px;transform:translateX(-50%);
  display: block;width:0%;height:2px;background: #e60012;
}
.j_header ul li a:hover:after{width:100%;}
.j_header ul li a.active:after{width:100%;}

.j_header .nav-button {
  position: relative;
  width: 60px;
  height: 60px;
  right: 0;
  display: none;
  text-align: center;
  z-index: 11;
  font-size: 0;
  float: right;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}

.j_header .nav-button.active {
  background-color: var(--color);
}

.j_header .nav-button.active div span {
  background-color: #666;
}

.j_header .nav-button div {
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translateY(-50%);
  width: 24px;
  height: 16px;
}

.j_header .nav-button div span {
  width: 100%;
  height: 2px;
  background-color: #666;
  display: block;
  margin: 0 auto;
  line-height: 2px;
  position: static;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
}

.j_header .nav-button div span.center-hr {
  margin: 5px 0 5px auto;
  position: relative;
}

.j_header .nav-button div span.top-hr {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.j_header .nav-button div span.bottom-hr {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.j_header .nav-button.active div span {
  position: absolute;
  top: 50%;
  margin-top: -1px;
  left: 0;
}

.j_header .nav-button.active div span.center-hr {
  display: none;
}

.j_header .nav-button.active div span.top-hr {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

.j_header .nav-button.active div span.bottom-hr {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}


@media only screen and (max-width: 1000px) {
  .j_header ul li{margin-left:25px;}
}
@media only screen and (max-width: 768px) {
  .j_header .nav{display:none;}
  .j_header .nav-button{display:block;}
  .j_header.active .nav{display:block;position:fixed;top:60px;left:0px;right:0px;background: #fff;height:calc(100vh  - 60px);}
  .j_header ul{height: auto;}
  .j_header .nav li{flex:0 0 100%;margin-left:0px;padding:10px 20px;border-bottom:1px solid #eee;}
  .j_header ul a{display: block;width:100%;}
}

.j_banner{position:relative;}
.j_banner .img{height:100%;}
.j_banner img{width:100%;height:100%;object-fit: cover;}
.j_banner .text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index: 2;color:#fff;}
.j_banner h3{margin-bottom: 20px;font-weight: 600;letter-spacing: 2px;}
.j_banner .b_btn{display: flex;margin-top:50px;}
.j_banner .b_btn a{display: flex;flex-wrap:wrap;padding:0 30px 0px 20px;;height:50px;background-color: #fff;border-radius: 50px;color:#e60012;align-items: center;margin-right: 20px;}
.j_banner .b_btn a.one{background: #e60012;color:#fff;}
.j_banner .b_btn a svg{margin-right: 15px;transition:all 0.3s ease-in-out;}
.j_banner .b_btn a span{line-height: 1;display: block;transition:all 0.3s ease-in-out;}
.j_banner .b_btn a.one:hover svg{transform:rotate(180deg);}
.j_banner .b_btn a.two:hover svg{transform:translateX(10px);}

.j_banner .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;border-radius: 10px;}
.j_banner .swiper-pagination .swiper-pagination-bullet-active{width:20px;background: #e61311;}

.j_banner .slide1 .text br{display: none;}

.j_banner .slide2 h3 p{
  text-indent: -0.5em;
}
.j_banner .slide2 h3 p::before {
  content: "《";
}

@media only screen and (max-width: 1000px) {
  .j_banner{height:50vw;}
}
@media only screen and (max-width: 768px) {
  .j_banner{height:auto;}
  .j_banner .text{top:40%;}
  .j_banner .text h3{line-height: 1.3;margin-bottom: 10px;}
  .j_banner .slide1 .text{top:26%;}
  .j_banner .slide1 .text br{display: block;}
  .j_banner h3{font-size: 22px;margin-bottom:0px;}
  .j_banner .b_btn{margin-top:5vw;flex-direction: column;}
  .j_banner .b_btn a{margin-bottom:5vw;width:160px;height:40px;font-size: 14px;}
  .j_banner .b_btn a.two svg{margin-right: 5px;}

  .j_banner .slide2 h3 span{padding-left:0px;}
  .j_banner .slide2 .b_btn{margin-left: 0px;}
  
}

.j_con01{background: url(../img/bg1.jpg) no-repeat center bottom;}
.j_con01 .jcon1_dl{display:flex;flex-wrap:wrap;justify-content: space-between;}
.j_con01 .jcon1_dl dl{width:680px;}
.j_con01 dt img{width:100%;}
.j_con01 dd{margin-top:30px;padding:0 20px;text-align: center;}
.j_con01 dd p{color:#666;margin-top:15px;}

@media only screen and (max-width: 1600px) {
  .j_con01 .jcon1_dl dl{width:48%;}
  .j_con01 dd{margin-top:2vw;}
}
@media only screen and (max-width: 1000px) {
  .j_con01 dd p br{display: none;}
}
@media only screen and (max-width: 768px) {
  .j_con01 .jcon1_dl dl{width:100%;margin-bottom: 8vw;}
  .j_con01 dd{margin-top: 5vw;}
  .j_con01 dd h3{font-size:20px;}
  .j_con01 dd p{margin-top: 10px;}
}

.j_con02{background: url(../img/bg2.jpg) no-repeat center bottom;background-size: cover;}
.j_con02 .w1440{display:flex;flex-wrap:wrap;justify-content: space-between;}
.j_con02 .left{flex:1;padding-right:150px;}
.j_con02 .left .text_tit{text-align: left;}
.j_con02 .left .text_tit:after{left:0px;transform:translateX(0);}
.j_con02 .left .p{color:#666;}
.j_con02 .left .p p{margin-bottom: 20px;line-height: 1.8;text-align: justify;}
.j_con02 .right{flex:0 0 680px;display:flex;flex-wrap:wrap;align-items: center;}
.j_con02 .right img{width:100%;}
@media only screen and (max-width: 1600px) {
  .j_con02 .right{flex:0 0 50%;}
  .j_con02 .left{padding-right:6vw;}
}
@media only screen and (max-width: 1000px) {
  .j_con02 .left{flex:0 0 100%;padding-right:0px;}
  .j_con02 .right{flex:0 0 100%;}
}

.j_con03 dl{display: flex;flex-wrap: wrap;background: #f7f7f7;margin-bottom: 80px;}
.j_con03 dl:last-child{margin-bottom: 0px;}
.j_con03 dl:nth-of-type(2n){flex-direction: row-reverse;}
.j_con03 dt{flex:0 0 720px;}  
.j_con03 dt img{width:100%;height: 100%;object-fit: cover;}
.j_con03 dd{flex:1;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;padding:20px;}
.j_con03 dd .dd{max-width:80%;margin:0 auto;}
.j_con03 dd .tile{display: flex;flex-wrap: wrap;align-items: center;}
.j_con03 dd .icon{margin-right: 10px;flex:0 0 68px;}
.j_con03 dd .icon img{width:100%;}
.j_con03 dd .h>*{line-height: 1;}
.j_con03 dd h4{margin-bottom: 15px;font-weight: 700;}
.j_con03 dd h5{font-weight: 300;color: #000;font-weight: 500;}
.j_con03 dd .p{color:#747474;line-height: 1.8;margin-top: 20px;text-align: justify;}
@media only screen and (max-width: 1600px) {
  .j_con03 dl{margin-bottom: 4vw;}
  .j_con03 dt{flex:0 0 50%;}  
}
@media only screen and (max-width: 1000px) {
  .j_con03 dd .icon{flex:0 0 45px;}
}
@media only screen and (max-width: 768px) {
  .j_con03 dd{flex:0 0 100%;padding:8vw 5vw;}
  .j_con03 dd .dd{max-width: 100%;}
  .j_con03 dt{flex:0 0 100%;}  
  .j_con03 dd h4{font-size:20px;}
  .j_con03 dd h5{font-size:18px;}
}

.j_con04{background: url(../img/22_33.jpg);}
.j_con04 .w1440{display:flex;flex-wrap:wrap;justify-content: space-between;}
.j_con04 .left{flex:0 0 550px;padding-right:50px;}
.j_con04 .left .text_tit{text-align: left;margin-bottom:30px;}
.j_con04 .left .text_tit:after{left:0px;transform:translateX(0);}
.j_con04 .left h4{margin-bottom: 10px;}
.j_con04 .left .p{color:#666;text-align: justify;}
.j_con04 .right{flex:1;display: flex;flex-wrap: wrap;align-items: center;}
.j_con04 .right dl{text-align: center;color:#184b78;border-radius: 100%;height:290px;flex:0 0 290px;align-content: center;}
.j_con04 .right dt span{font-weight: 700;}
.j_con04 .right dt span i{font-style: normal;font-size: 55px;display:inline-block;font-weight: 700;}
.j_con04 .right dd{padding:0 20px;}
.j_con04 .right dl:nth-of-type(1){background: radial-gradient(#c2d3ff 20%, transparent 74%);transform:translateX(40px);}
.j_con04 .right dl:nth-of-type(2){background: radial-gradient(#befbdc 10%, #fff);position: relative;z-index: 2;}
.j_con04 .right dl:nth-of-type(3){background: radial-gradient(#bef6fb 20%, transparent 74%);transform:translateX(-40px);}
.j_con04 .right dl:nth-of-type(1) span{color:#2948a2;}
.j_con04 .right dl:nth-of-type(2) span{color:#0f8845;}
.j_con04 .right dl:nth-of-type(3) span{color:#045a89;}

.j_con04 .right dl{opacity: 0;transition:all 0.3s ease-in-out;}
.j_con04 .right.animated dl{opacity: 1;}
.j_con04 .right.animated dl:nth-of-type(1){transition-delay: 0.2s;}
.j_con04 .right.animated dl:nth-of-type(2){ transition-delay: 0.4s;}
.j_con04 .right.animated dl:nth-of-type(3){ transition-delay: 0.6s;}

@media only screen and (max-width: 1600px) {
  .j_con04 .left{flex:0 0 40%;padding-right:2vw;}
  .j_con04 .right dl{flex:0 0 15.5vw;height:15.5vw;transform:translateX(0)!important;}
  .j_con04 .right dt span i{font-size:45px;}
}
@media only screen and (max-width: 1000px) {
  .j_con04 .left{flex:0 0 100%;padding-right:0px;}
  .j_con04 .right{flex:0 0 100%;}
  .j_con04 .right dl{flex:0 0 29vw;height:29vw;}
}
@media only screen and (max-width: 768px) {
  .j_con04 .left{margin-bottom: 5vw;}
  .j_con04 .left h4{font-size:20px;}
  .j_con04 .right dl{flex:0 0 100%;height:40vw;}
  .j_con04 .right dl:nth-of-type(2){background: radial-gradient(#befbdc 20%, transparent 74%);}
}

.j_con05{overflow: hidden;width:100%;}
.j_con05 .swiper{overflow: visible;}
.j_con05 dl{width:100%;border-right: 1px solid #f0f0f0;text-align: center;}
.j_con05 dt{max-width:300px;overflow: hidden;text-align: center;padding:20px;transition:all 0.3s ease-in-out;margin-left:auto;margin-right:auto;transition:all 0.3s ease-in-out;}
.j_con05  dt img{width:100%;height: 100%;object-fit: cover;}
.j_con05  dd{margin-top:25px;text-align: center;}
.j_con05  dd h3 a{color:#333;}
.j_con05  dd p{color:#999;margin-top:10px;}
.j_con05  dd h3:hover a{color:#e60012;}
.j_con05 dl:hover dt{transform:translateY(10px);}
@media screen and (max-width: 1600px) {
  .j_con05 dt{padding:2vw;}
  .j_con05 dd{margin-top:2vw;}
}
@media screen and (max-width: 767px) {
  .j_con05 dd{margin-top: 5vw;}
}

.sw_btn_all{margin-top:60px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.sw_btn_all .swiper_button{bottom:0px;top:auto;position:static;margin:0 15px;} 
.sw_btn_all .swiper-pagination{z-index: 0;position: static;}
.swiper_button:after{display: none;}
.swiper_button{background: none;width:40px;height:40px;background: #ffffff;border-radius: 100%;border:1px solid #666;transition:all 0.3s ease-in-out;}
.swiper_button svg{width:20px;height:20px;}
.swiper_button path{fill:#666;}
.swiper-button-prev svg{transform:rotate(180deg);}
.swiper_button:hover{background: #e60012;border-color: #e60012;}
.swiper_button:hover path{fill:#ffffff;}

@media screen and (max-width: 1600px) {
  .sw_btn_all{margin-top: 3vw;}
}

@media screen and (max-width: 767px) {
  .sw_btn_all{margin-top: 5vw!important;}
  .sw_btn_all .swiper-pagination{position:static;}
  .swiper-pagination-bullet{width:24px;height:3px;}
}

.sec8{background: #fcfcfc;}
.sec8 dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  justify-content: space-evenly;
}
.sec8 dd {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 10px;
  cursor: pointer;
  flex:0 0 auto;
}

.sec8 dd img{max-width: 100%;transition:all 0.3s ease-in-out;}
.sec8 dd span {display: block;flex: 0 0 100%;text-align: center;margin-top: 20px;}
.sec8 dd span a {color:#333;}
.sec8 dd span a:hover {color:#e60012;}

.sec8 dd:first-child {margin-left: 0px;}
.sec8 dd:hover span {color: #e60012;}
.sec8 dd:hover img {transform: scale(1.1);}

.sec8 dl dd{opacity: 0;transition:all 0.3s ease-in-out;transform:translateY(20px);}
.sec8 dl.animated dd{opacity: 1;transform:translateY(0px);}
.sec8 dl.animated dd:nth-of-type(1){transition-delay: 0.2s;}
.sec8 dl.animated dd:nth-of-type(2){ transition-delay: 0.3s;}
.sec8 dl.animated dd:nth-of-type(3){ transition-delay: 0.4s;}
.sec8 dl.animated dd:nth-of-type(4){ transition-delay: 0.5s;}

@media screen and (max-width: 767px) {

  .sec8 dd {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    margin-left: 0px;
    margin-bottom: 5vw;
  }
  .sec8 dd span {
    margin-top: 0vw;
    font-size: 16px;
  }

  .sec8 dd img {
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
  }
}