@charset "utf-8";.over{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@font-face{font-family:AB;src:url(../font/Avenir-Black.otf) format("truetype")}
@font-face{font-family:CGB;src:url(../font/century-gothic-bold.TTF) format("truetype")}
.banner{max-width:1920px;margin:0 auto}
.banner .banner-con01{position:absolute;left:8.4375%;top:50%;transform:translate(0,-50%);z-index:9}
.banner .banner-con01 h2{margin-bottom:9.1rem}
.banner .banner-con01 h2 em{display:block;height:1rem;line-height:1rem;font-size:.85rem;color:#fff;font-family:CGB;margin-bottom:.55rem}
.banner .banner-con01 h2 span{display:inline-block;height:4rem;line-height:4rem;font-size:3.5rem;font-weight:700;color:#ff9800;position:relative}
.banner .banner-con01 h2 span:after{content:"";position:absolute;left:0;right:0;bottom:0;height:.3rem;background:#fff;z-index:-1}
.banner .banner-con01 ul li{height:2.2rem;line-height:2.2rem}
.banner .banner-con01 ul li a{display:inline-block;height:2.2rem;font-size:.85rem;color:#fff;padding-left:1.7rem;position:relative}
.banner .banner-con01 ul li a:before{content:"";position:absolute;width:1rem;height:1px;background:#fff;left:0;top:50%;transform:translate(0,-50%)}
.banner .banner-con01 ul li:first-child a:before{height:2px}
.banner .banner-video-btn{position:absolute;width:3.5rem;height:3.5rem;cursor:pointer;right:13.542%;bottom:4.45rem;z-index:9}
.banner .banner-video-btn img{width:3.5rem;height:3.5rem;display:block}
.banner img{width:100%;display:block}
.banner .banner-btn-next,.banner .banner-btn-prev{position:absolute;width:56px;height:56px;border:2px solid #fff;border-radius:50%;top:50%;margin-top:-30px;z-index:5;cursor:pointer;opacity:0;transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s}
.banner .banner-btn-next:hover,.banner .banner-btn-prev:hover{background:#003e9a;border-color:#003e9a}
.banner .banner-btn-prev:after{content:"";width:8px;height:8px;border:2px solid #fff;border-style:solid none none solid;position:absolute;right:50%;margin-right:-7px;top:50%;margin-top:-4px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.banner .banner-btn-next:after{content:"";width:8px;height:8px;border:2px solid #fff;border-style:solid solid none none;position:absolute;left:50%;margin-left:-7px;top:50%;margin-top:-4px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.banner .banner-btn-prev{left:6%}
.banner .banner-btn-next{right:6%}
.banner:hover .banner-btn-next,.banner:hover .banner-btn-prev{opacity:1}
.banner .banner-paging{position:absolute;height:1rem;line-height:1rem;left:0;bottom:2.5rem;text-align:center;z-index:1}
.banner .banner-paging .swiper-pagination-bullet{display:inline-block;width:.8rem;height:.8rem;border-radius:100%;margin:0 .5rem;border:2px solid #fff;background-color:#fff;cursor:pointer;opacity:1}
.banner .banner-paging .swiper-pagination-bullet-active{background-color:#003e9a}
.title{text-align:center;position:relative}
.title span{display:block;height:96px;line-height:96px;font-size:56px;color:#333;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}
.title span a{display:inline-block;max-width:100%;height:96px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.title span:after{content:"";position:absolute;width:33px;height:3px;background:#333;bottom:0;left:50%;transform:translate(-50%,0);z-index:1}
.guide{height:755px;max-width:1920px;margin:0 auto;background:url(../images/guide-bg.jpg) no-repeat center;background-size:1920px 755px}
.guide .guide-left{float:left;width:24.286%;padding-top:95px}
.guide .guide-left h2{margin-bottom:54px}
.guide .guide-left h2 span{display:block;height:64px;line-height:64px;font-size:56px;color:#000;font-weight:700}
.guide .guide-left .guide-left-pic .pic{overflow:hidden}
.guide .guide-left .guide-left-pic .pic img{width:100%;display:block;transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}
.guide .guide-left .guide-left-pic .pic:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1)}
.guide .guide-left .guide-left-pic .txt{padding:20px 100px 20px 25px;background:#fff;position:relative}
.guide .guide-left .guide-left-pic .txt h4 span{display:block;height:22px;line-height:22px;font-size:16px;color:#252525}
.guide .guide-left .guide-left-pic .txt .guide-left-btn{position:absolute;width:44px;height:44px;top:50%;margin-top:-22px;right:32px;z-index:1;cursor:pointer}
.guide .guide-left .guide-left-pic .txt .guide-left-btn img{width:44px;height:44px;display:block}
.guide .guide-middle{float:left;width:37.143%;margin-left:7.072%;margin-top:145px;position:relative}
.guide .guide-middle .pic{width:100%;display:block}
.guide .guide-middle .pic img{width:100%;display:block}
.guide .guide-middle .pic2{
    position:absolute;width: 100%;left:0;top:0;
}
.guide .guide-middle .pic2 img{width:100%;display:block}

.guide .guide-middle .txt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.guide .guide-middle .txt h4{margin-bottom:16px}
.guide .guide-middle .txt h4 span{display:block;height:48px;line-height:48px;font-size:33px;color:#282828;text-align:center}
.guide .guide-middle .txt p em{display:block;height:38px;line-height:38px;font-size:26px;color:#282828;text-align:center;text-transform:uppercase;letter-spacing:5px}
.guide .guide-middle .pa{position:absolute;width:124px;height:124px;border-radius:50%;overflow:hidden;z-index:2}
.guide .guide-middle .pa .txt{width:122px;height:122px;background:#003e9a;border:1px solid #000f26;border-radius:50%;position:relative}
.guide .guide-middle .pa .txt h4{position:absolute;left:0;right:0;top:50%;transform:translate(0,-50%);z-index:1}
.guide .guide-middle .pa .txt h4 span{display:block;height:36px;line-height:36px;font-size:24px;color:#fff;text-align:center}
.guide .guide-middle .pa .txt h4 em{display:block;height:20px;line-height:20px;font-size:11px;color:#fff;text-transform:uppercase;text-align:center}
.guide .guide-middle .pa.guide-middle-video01{top:-50px;left:50%;transform:translate(-50%,0)}
.guide .guide-middle .pa.guide-middle-video02{left:-40px;bottom:70px}
.guide .guide-middle .pa.guide-middle-video03{right:-40px;bottom:70px}
.guide .guide-right{float:right;width:24.286%;padding-top:156px}
.guide .guide-right h4{margin-bottom:44px}
.guide .guide-right h4 span{display:block;height:34px;line-height:34px;font-size:26px;color:#000;font-weight:700}
.guide .guide-right .desc{line-height:28px;font-size:16px;color:#666;text-align:justify}
.guide .guide-right .more{padding-top:60px;height:52px;line-height:52px;position:relative}
.guide .guide-right .more a{display:inline-block;padding-left:22px;height:52px;font-size:16px;color:#252525;transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s;position:relative}
.guide .guide-right .more a span{display:block;position:relative;z-index:1}
.guide .guide-right .more a:before{content:"";position:absolute;width:52px;height:52px;background:#ff9800;border-radius:50%;left:0;top:0;z-index:0}
.guide .guide-right .more a:hover{color:#003e9a}
@media screen and (max-width:1460px){.guide .guide-left h2 span{font-size:50px}
}
.scope{padding:82px 0 0;max-width:1920px;margin:0 auto;overflow:hidden}
.scope .scope-list{padding-top:42px}
.scope .scope-list-ul{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:wrap}
.scope .scope-list-ul li{width:17.70834%;position:relative}
.scope .scope-list-ul li .list-pic{height:100%;position:relative}
.scope .scope-list-ul li .list-pic:after{content:"";position:absolute;left:0;right:0;bottom:0;height:27.5rem;background:url(../images/scope-img-bg.png) no-repeat center bottom;background-size:100% 100%;z-index:1}
.scope .scope-list-ul li .list-pic img{width:100%;display:block;position:relative}
.scope .scope-list-ul li .list-pic img.img{position:absolute;left:0;top:0;opacity:1;z-index:1}
.scope .scope-list-ul li .list-pic img.pic{opacity:0;z-index:-1}
.scope .scope-list-ul li .list-txt{padding:0 2.2rem;position:absolute;left:0;right:0;bottom:3.6rem;z-index:2}
.scope .scope-list-ul li .list-txt h4{padding-bottom:1.2rem;position:relative}
.scope .scope-list-ul li .list-txt h4:after{content:"";position:absolute;width:1.3rem;height:.2rem;background:#003e9a;left:0;bottom:0;z-index:1}
.scope .scope-list-ul li .list-txt h4 span{display:block;height:2.2rem;line-height:2.2rem;font-size:1.5rem;color:#fff;font-weight:700}
.scope .scope-list-ul li .list-txt h4 em{display:block;height:1.3rem;line-height:1.3rem;font-size:.7rem;color:#fff;opacity:.7;text-transform:uppercase}
.scope .scope-list-ul li .list-txt .con{display:none}
.scope .scope-list-ul li .scope-video-btn{position:absolute;width:3.8rem;height:3.8rem;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;cursor:pointer;display:none}
.scope .scope-list-ul li .scope-video-btn img{width:3.8rem;height:3.8rem;display:block}
.scope .scope-list-ul li.cur{width:46.5625%}
.scope .scope-list-ul li.cur .list-pic:after{display:none}
.scope .scope-list-ul li.cur .list-pic img.pic{opacity:1;z-index:1}
.scope .scope-list-ul li.cur .list-pic img.img{opacity:0;z-index:-1}
.scope .scope-list-ul li.cur .list-txt{padding:1.75rem 2.5rem 1.2rem;bottom:0;background:rgba(0,0,0,.77)}
.scope .scope-list-ul li.cur .list-txt h4{height:2.2rem;padding-bottom:.75rem}
.scope .scope-list-ul li.cur .list-txt h4:after{display:none}
.scope .scope-list-ul li.cur .list-txt h4 span{float:left;padding-right:1.65rem;position:relative}
.scope .scope-list-ul li.cur .list-txt h4 span:after{content:"";position:absolute;width:1px;height:1.7rem;background:rgba(255,255,255,.5);right:5%;top:50%;margin-top:-.85rem;transform:rotate(20deg);z-index:1}
.scope .scope-list-ul li.cur .list-txt h4 em{float:left;margin-top:.8rem;opacity:.5;padding-left:.75rem}
.scope .scope-list-ul li.cur .list-txt .con{display:block;padding-right:8.4rem;position:relative}
.scope .scope-list-ul li.cur .list-txt .con .desc{line-height:1.3rem;font-size:.8rem;color:#fff;text-align:justify}
.scope .scope-list-ul li.cur .list-txt .con a{position:absolute;display:block;height:1.7rem;line-height:1.7rem;font-size:.85rem;color:#fff;background:#ff9800;padding:0 1rem;right:0;top:-.3rem;z-index:1}
.scope .scope-list-ul li.cur .scope-video-btn{display:block}
.product{padding:84px 0 78px;max-width:1920px;margin:0 auto;overflow:hidden}
.product .product-tab{margin-top:30px;padding-bottom:20px;border-top:1px solid #eaeaea}
.product .product-tab-ul{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:wrap}
.product .product-tab-ul li{padding-top:18px;position:relative}
.product .product-tab-ul li:before{content:"";position:absolute;width:0;height:3px;background:#003e9a;left:0;top:-2px;z-index:1;transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s}
.product .product-tab-ul li a{display:block;padding:0 5px;height:40px;line-height:40px;font-size:18px;color:#333}
.product .product-tab-ul li.cur:before,.product .product-tab-ul li:hover:before{width:100%}
.product .product-tab-ul li.cur a,.product .product-tab-ul li:hover a{color:#003e9a;font-weight:700}
.product .product-list ul{display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:wrap}
.product .product-list li{width:49.375%;margin-bottom:1.1rem;position:relative}
.product .product-list li .pic a{display:block;position:relative;z-index:1}
.product .product-list li .pic a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:11.5rem;background:url(../images/product-pic-bg.png) repeat-x left bottom;z-index:1}
.product .product-list li .pic img{width:100%;display:block}
.product .product-list li .txt{padding:0 12rem 0 2rem;position:absolute;left:0;right:0;bottom:1.85rem;z-index:2;transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}
.product .product-list li .txt h4 a{display:block}
.product .product-list li .txt h4 span{display:block;height:2rem;line-height:2rem;font-size:1.4rem;color:#fff;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product .product-list li .txt h4 em{display:block;height:1.4rem;line-height:1.4rem;font-size:.8rem;color:#fff;opacity:.5;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product .product-list li .txt .product-video-btn{position:absolute;width:3.4rem;height:3.4rem;background:url(../images/product-video-icon01.png) no-repeat center;background-size:3.4rem 3.4rem;right:2.25rem;top:-1px;z-index:1;cursor:pointer;transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s}
.product .product-list li .txt .product-video-btn:hover{background-image:url(../images/product-video-icon02.png)}
.product .product-list li .hover{position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,62,154,.88);z-index:-1;opacity:0;transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s}
.product .product-list li .hover .con{position:absolute;left:5%;right:5%;top:50%;transform:translate(0,-50%);z-index:1}
.product .product-list li .hover .con h4{text-align:center;height:3.4rem}
.product .product-list li .hover .con h4 a{display:inline-block;height:3.4rem}
.product .product-list li .hover .con h4 span{display:block;height:2rem;line-height:2rem;font-size:1.4rem;color:#fff;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product .product-list li .hover .con h4 em{display:block;height:1.4rem;line-height:1.4rem;font-size:.8rem;color:#fff;opacity:.5;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product .product-list li .hover .con .more{padding-top:2.4rem}
.product .product-list li .hover .con .more a{display:block;width:2.5rem;height:2.5rem;margin:0 auto;background:url(../images/product-icon-a01.png) no-repeat center;background-size:2.5rem 2.5rem}
.product .product-list li:hover .txt{opacity:0}
.product .product-list li:hover .hover{z-index:5;opacity:1}
.case{padding:80px 0 120px;background:#f3f4f8;max-width:1920px;margin:0 auto;overflow:hidden}
.case .case-list{padding-top:35px}
.case .case-left{float:left;width:33.7143%;padding-top:60px}
.case .case-left h4{margin-bottom:32px}
.case .case-left h4 span{display:block;height:60px;line-height:60px;font-size:47px;color:#252525}
.case .case-left h4 em{color:#003e9a}
.case .case-left .desc{line-height:24px;font-size:16px;color:#666;text-align:justify}
.case .case-left .more{padding-top:50px;height:53px;line-height:53px}
.case .case-left .more a{display:inline-block;height:53px;font-size:16px;color:#fff;background:#ff9800;padding:0 58px;border-radius:20px 0 20px 0}
.case .case-left .case-tab{padding:7.6rem 0 25px;border-bottom:1px solid #dedfe2;position:relative}
.case .case-left .case-tab:after{content:"";position:absolute;width:31.1441%;height:3px;background:#ff9800;left:0;bottom:-3px;z-index:1}
.case .case-left .case-tab ul{display:flex;display:-webkit-flex;justify-content:flex-start;-webkit-justify-content:flex-start;flex-wrap:wrap}
.case .case-left .case-tab li{width:31.992%;background:#003e9a;border-radius:10px;overflow:hidden;margin-bottom:.45rem;margin-right:2.012%}
.case .case-left .case-tab li a{display:block;padding:13px 10px 4px}
.case .case-left .case-tab li i{display:block;width:34px;height:28px;margin:0 auto}
.case .case-left .case-tab li i img{width:34px;height:28px;display:block}
.case .case-left .case-tab li span{display:block;height:34px;line-height:34px;font-size:19px;color:#fff;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.case .case-left .case-tab li:nth-of-type(3n){margin-right:0}
.case .case-left .case-tab li.cur{background:#ff9800}
.case .case-right{float:right;width:55.7143%;position:relative}
.case .case-right .pic img{width:100%;display:block}
.case .case-right .case-right-con{position:absolute;width:380px;background: #fff;border-radius: 20px 0 20px 0;bottom:140px;right:-20px;z-index:2;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.case .case-right .item-txt {
  position: absolute;
  background: #fff;
  border-radius: 20px 0 20px 0;
  z-index: -1;
  opacity: 0;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -moz-transition: all 0.3s;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.case .case-right .item-txt:before {
  content: "";
  position: absolute;
  width: 52px;
  height: 52px;
  left: -52px;
  top: -36px;
  background: url(../images/ancur.png) no-repeat;
  background-size: 52px 52px;
}
.case .case-right .item-txt .con {
  width: 310px;
  padding: 52px 30px 45px 40px;
  background: #fff;
  border-radius: 20px 0 20px 0;
}
.case .case-right .item-txt .con h4 {
  height: 40px;
  line-height: 40px;
  margin-bottom: 16px;
}
.case .case-right .item-txt .con h4 a {
  display: inline-block;
  max-width: 100%;
  height: 40px;
  font-size: 24px;
  color: #252525;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.case .case-right .item-txt .con .desc {
  line-height: 24px;
  height: 96px;
  font-size: 16px;
  color: #666666;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.case .case-right .item-txt.item-line01 {
  bottom: 130px;
  right: 55px;
}
.case .case-right .item-txt.item-line02 {
  bottom: 55px;
  right: -40px;
}
.case .case-right .item-txt.item-line03 {
  bottom: -70px;
  right: 10px;
}
.case .case-right .item-txt.item-line04 {
  top: 305px;
  left: 100px;
}
.case .case-right .item-txt.item-line05 {
  top: 265px;
  left: 230px;
}
.case .case-right .item-txt.active {
  z-index: 2;
  opacity: 1;
}
@media screen and (max-width: 1460px) {
  .case .case-left h4 span {
    font-size: 41px;
  }
  .case .case-right .item-txt .con {
    width: 290px;
    padding: 30px 20px 25px 30px;
    background: #fff;
    border-radius: 20px 0 20px 0;
  }
  .case .case-right .item-txt .con h4 {
    height: 40px;
    line-height: 40px;
    margin-bottom: 16px;
  }
  .case .case-right .item-txt .con h4 a {
    display: inline-block;
    max-width: 100%;
    height: 40px;
    font-size: 24px;
    color: #252525;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .case .case-right .item-txt .con .desc {
    line-height: 24px;
    height: 96px;
    font-size: 16px;
    color: #666666;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
  .case .case-right .item-txt.item-line01 {
    bottom: 110px;
    right: 30px;
  }
  .case .case-right .item-txt.item-line02 {
    bottom: 45px;
    right: -45px;
  }
  .case .case-right .item-txt.item-line03 {
    bottom: -85px;
    right: 15px;
  }
  .case .case-right .item-txt.item-line04 {
    top: 270px;
    left: 90px;
  }
  .case .case-right .item-txt.item-line05 {
    top: 260px;
    left: 175px;
  }
}

.yos{padding:70px 0 0;max-width:1920px;margin:0 auto;overflow:hidden}
.yos .yos-list{margin-top:45px;position:relative}
.yos .yos-list .yos-pic{position:relative}
.yos .yos-list .yos-pic:after{content:"";position:absolute;left:0;right:0;bottom:0;height:22.5rem;background:url(../images/yos-bg-icon01.png) repeat-x left bottom;z-index:1}
.yos .yos-list .yos-pic img{width:100%;display:block}
.yos .yos-list .yos-ul{position:absolute;left:0;right:0;top:0;bottom:0;z-index:5;display:flex;display:-webkit-flex;justify-content:flex-start;-webkit-justify-content:flex-start;flex-wrap:wrap}
.yos .yos-list .yos-ul li{width:25%;position:relative}
.yos .yos-list .yos-ul li:after{content:"";position:absolute;width:1px;top:0;bottom:0;right:0;background:rgba(255,255,255,.22);z-index:0}
.yos .yos-list .yos-ul li:last-of-type:after{display:none}
.yos .yos-list .yos-ul li .show{padding:0 2rem 0;position:absolute;left:0;right:0;bottom:3.1rem;z-index:1;opacity:1;transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}
.yos .yos-list .yos-ul li .show i,.yos .yos-list .yos-ul li .show i img{display:block;width:3.75rem;height:3.75rem}
.yos .yos-list .yos-ul li .show h4{padding-top:1.1rem;height:2.5rem;line-height:2.5rem;font-size:1.5rem;color:#fff;font-weight:700}
.yos .yos-list .yos-ul li .con{position:relative;padding:0 3rem;height:100%;background:rgba(0,62,154,.96);z-index:-1;opacity:0;transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s}
.yos .yos-list .yos-ul li .con i{display:block;width:3.75rem;height:3.75rem;padding-top:7.75rem;margin:0 auto}
.yos .yos-list .yos-ul li .con i img{display:block;width:3.75rem;height:3.75rem}
.yos .yos-list .yos-ul li .con h4{padding-top:2.1rem;height:2.5rem;line-height:2.5rem;font-size:1.9rem;color:#fff;text-align:center}
.yos .yos-list .yos-ul li .con .desc{padding-top:1.5rem;line-height:1.3rem;height:7.8rem;font-size:.8rem;color:#fff;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}
.yos .yos-list .yos-ul li .con .yos-video-btn{margin-top:2.8rem;height:2.5rem;line-height:2.5rem;text-align:center}
.yos .yos-list .yos-ul li .con .yos-video-btn p {
  display: inline-block;
  height: 2.5rem;
  background: #ff9800;
  border-radius: 1.25rem;
  padding: 0 1.5rem;
  cursor: pointer;
}
.yos .yos-list .yos-ul li .con .yos-video-btn p a,
.yos .yos-list .yos-ul li .con .yos-video-btn p span {
  display: block;
  height: 2.5rem;
  font-size: 0.9rem;
  color: #fff;
  padding-right: 3rem;
  position: relative;
}
.yos .yos-list .yos-ul li .con .yos-video-btn p a:after,
.yos .yos-list .yos-ul li .con .yos-video-btn p span:after {
  content: "";
  position: absolute;
  width: 1.65rem;
  height: 1.65rem;
  background: url(../images/yos-video-icon01.png) no-repeat center;
  background-size: 1.65rem 1.65rem;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 1;
}
.yos .yos-list .yos-ul li.cur .show{z-index:-1;opacity:0}
.yos .yos-list .yos-ul li.cur .con{z-index:1;opacity:1}
.news{padding:80px 0 106px;max-width:1920px;margin:0 auto;overflow:hidden}
.news .news-tit{border-bottom:1px solid #d6d6d6;padding-top:40px}
.news .news-tit h4{float:left}
.news .news-tit h4 a{display:block;height:60px;line-height:60px;font-size:28px;color:#003e9a;font-weight:700;padding-left:44px;background:url(../images/news-icon-a01.png) no-repeat left center;transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s}
.news .news-tit h4 a:hover{color:#ff9800}
.news .news-tit ul{float:right}
.news .news-tit ul li{float:left;margin-right:2.5rem}
.news .news-tit ul li a{display:block;height:60px;line-height:60px;font-size:18px;color:#333;padding-left:30px;position:relative;transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s}
.news .news-tit ul li a i{position:absolute;width:20px;height:22px;left:0;top:50%;margin-top:-11px;z-index:1}
.news .news-tit ul li a i img{width:20px;height:22px;display:block}
.news .news-tit ul li a:hover{color:#003e9a}
.news .news-tit ul li:last-of-type{margin-right:0}
.news .news-list{padding-top:45px}
.news .news-left{float:left;width:41.07143%}
.news .news-left dt{overflow:hidden}
.news .news-left dt img{display:block;width:100%;transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}
.news .news-left dt:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1)}
.news .news-left dd{padding-top:2.4rem}
.news .news-left dd h4{height:40px;line-height:40px;margin-bottom:30px}
.news .news-left dd h4 a{display:inline-block;max-width:100%;height:40px;font-size:22px;color:#282828;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s}
.news .news-left dd h4 a:hover{color:#003e9a}
.news .news-left dd .desc{line-height:26px;font-size:16px;color:#282828;text-align:justify;opacity:.8}
.news .news-left dd .more{padding-top:28px;height:48px;line-height:48px}
.news .news-left dd .more a{display:inline-block;height:48px;font-size:16px;color:#fff;background:#003e9a;border-radius:24px;padding:0 68px;transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s}
.news .news-left dd .more a:hover{background:#ff9800}
.news .news-right{float:right;width:52.5%}
.news .news-right .swiper-container{height:565px}
.news .news-right dl dd{padding-bottom:24px;border-bottom:2px solid #e9e9e9;margin-bottom:31px}
.news .news-right dl dd h4{height:30px;line-height:30px;margin-bottom:10px}
.news .news-right dl dd h4 a{display:inline-block;max-width:100%;height:30px;font-size:20px;color:#282828;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;-moz-transition:all .3s}
.news .news-right dl dd h4 a:hover{color:#003e9a}
.news .news-right dl dd .txt{padding-right:39.456%;position:relative}
.news .news-right dl dd .txt .desc{line-height:26px;font-size:16px;color:#282828;text-align:justify;opacity:.8}
.news .news-right dl dd .txt .date{position:absolute;height:26px;line-height:26px;font-size:14px;color:#282828;opacity:.5;right:0;top:0;z-index:1}
.about{max-width:1920px;margin:0 auto;overflow:hidden}
.about .about-pic{overflow:hidden}
.about .about-pic img{width:100%;display:block;transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}
.about .about-pic:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1)}
.about .about-con{padding:35px 0 100px}
.about .about-con .desc{padding-top:45px;line-height:30px;font-size:16px;color:#666;text-align:justify}
.about .about-con ul{padding-top:30px;display:flex;display:-webkit-flex;justify-content:flex-start;-webkit-justify-content:flex-start;flex-wrap:wrap}
.about .about-con ul li{width:23.286%;margin-right:2.2853333%;overflow:hidden}
.about .about-con ul li img{width:100%;display:block;transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}
.about .about-con ul li:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1)}
.about .about-con ul li:last-of-type{margin-right:0}



@keyframes warn{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}
5%{opacity:1}
to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}
}
@keyframes warn2{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}
5%{opacity:8}
to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}
}
@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
.spin{-webkit-animation:hvr-buzz-out 3s infinite linear;animation:hvr-buzz-out 3s infinite linear}
.fa-spin{-webkit-animation:hvr-buzz-out 3s infinite linear;animation:hvr-buzz-out 3s infinite linear}
.fa-spin2{-webkit-animation:fa-spin 30s infinite linear;animation:fa-spin 30s infinite linear}
.fa-shake{-webkit-animation:pulse 3s infinite linear;animation:pulse 3s infinite linear}
.fa-shake2{-webkit-animation:pulse 11s infinite linear;animation:pulse 11s infinite linear}
.fa-bubble{-webkit-animation:bubble 3s infinite linear;animation:bubble 3s infinite linear}
.fa-bounceIn{-webkit-animation:bounceIn 3s infinite linear;animation:bounceIn 3s infinite linear}

         
@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@-webkit-keyframes bubble{0%{-webkit-transform:scale(0);transform:scale(0);top:0;left:110px}
20%{-webkit-transform:scale(1);transform:scale(1);top:-36px;left:20px}
90%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
100%{opacity:0}
}
@keyframes bounceIn{0%{-webkit-transform:scale(0);transform:scale(0);top:0;left:110px}
20%{-webkit-transform:scale(1);transform:scale(1);top:-36px;left:20px}
90%{-webkit-transform:scale(2);transform:scale(2);opacity:1}
100%{opacity:0}
}
@-webkit-keyframes fadeInDown1{from{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInDown1{from{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInDown1{-webkit-animation-name:fadeInDown1;animation-name:fadeInDown1}
@-webkit-keyframes fadeInDown2{from{opacity:0;-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInDown2{from{opacity:0;-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInDown2{-webkit-animation-name:fadeInDown2;animation-name:fadeInDown2}
@-webkit-keyframes fadeInLeft1{from{-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInLeft1{from{-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInLeft1{-webkit-animation-name:fadeInLeft1;animation-name:fadeInLeft1}
@-webkit-keyframes fadeInLeft2{from{-webkit-transform:translate3d(-5%,0,0);transform:translate3d(-5%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInLeft2{from{-webkit-transform:translate3d(-5%,0,0);transform:translate3d(-5%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInLeft2{-webkit-animation-name:fadeInLeft2;animation-name:fadeInLeft2}
@-webkit-keyframes fadeInRight1{from{-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInRight1{from{-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInRight1{-webkit-animation-name:fadeInRight1;animation-name:fadeInRight1}
@-webkit-keyframes fadeInRight2{from{-webkit-transform:translate3d(5%,0,0);transform:translate3d(5%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInRight2{from{-webkit-transform:translate3d(5%,0,0);transform:translate3d(5%,0,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInRight2{-webkit-animation-name:fadeInRight2;animation-name:fadeInRight2}
@-webkit-keyframes zoomLeft{from{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);opacity:0}
50%{opacity:1}
}
@keyframes zoomLeft{from{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);opacity:0}
50%{opacity:1}
}
.zoomLeft{-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-animation-name:zoomLeft;animation-name:zoomLeft}
.zoomRight{-webkit-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-animation-name:zoomLeft;animation-name:zoomLeft}
@-webkit-keyframes fadeInUp1{from{-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInUp1{from{-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInUp1{-webkit-animation-name:fadeInUp1;animation-name:fadeInUp1}
@-webkit-keyframes fadeInUp2{from{-webkit-transform:translate3d(0,2%,0);transform:translate3d(0,2%,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@keyframes fadeInUp2{from{-webkit-transform:translate3d(0,2%,0);transform:translate3d(0,2%,0);opacity:0}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.fadeInUp2{-webkit-animation-name:fadeInUp2;animation-name:fadeInUp2}












html{font-size:12px;-webkit-text-size-adjust:none}
@media screen and (min-width:1200px){html{font-size:12.5px}
}
@media screen and (min-width:1280px){html{font-size:13.33333px}
}
@media screen and (min-width:1366px){html{font-size:14.22916px}
}
@media screen and (min-width:1440px){html{font-size:15px}
}
@media screen and (min-width:1600px){html{font-size:16.66666px}
}
@media screen and (min-width:1660px){html{font-size:17.29166px}
}
@media screen and (min-width:1920px){html{font-size:20px}
}