.header-container,
.index-container, 
.ny-container{
    margin: 0 auto;
    padding: 0 15px;
}
@media (min-width: 768px) {
  .header-container,.index-container,.ny-container{width: 750px;}
}
@media (min-width: 992px) {
  .header-container,.index-container,.ny-container{width: 970px;}
}
@media (min-width: 1260px) {
  .header-container,.index-container,.ny-container{width: 1230px;}
}
@media (min-width: 1460px) {
  .header-container,.index-container,.ny-container{width: 1430px;}
}
@media (min-width: 1680px) {
  .header-container{width: 1630px;}
  
}
@media(min-width:1920px){
  .header-container{width: 1350px;}
}

:root {
  --theme-color:#0073be;
}



.header {
  background-color: #fff;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  box-shadow: 1px 1px 10px rgba(0,0,0,.3);
  }
.header {
  /* -moz-transition: all .5s;
  -o-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s; */
}

.header-logo3{display: none;}
.ny-header{background-color: transparent;}
.ny-header .header-logo3{display: block;}
.ny-header .header-logo1{display: none;}
.ny-header .navbar .navbar-a{color: #fff;}
.ny-header .header-wrap .tool{color: #fff;border: 1px solid #fff;}
.ny-header .pc-En a {color: #fff;}
.ny-header.header.scroll .header-logo3{display: none;}
.ny-header.header.scroll .tool{color: #325ea2;border: 1px solid #325ea2;}
.ny-header.header.scroll .pc-En a{color: #325ea2;}



.pageScroll.header {
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%)
}
.header.scroll{box-shadow: 1px 1px 10px rgba(0,0,0,.3);border-bottom:none;background-color: #fff;}
.header.ny .navbar .navbar-a{color: #333;}
.header.scroll .navbar .navbar-a{color: #333;}
.header.ny .header-logo1,
.header.scroll .header-logo1{display: block;}
.header.ny .header-logo{display: block;}
.header.scroll .header-logo{display: block;}
.header.scroll .header-logo{display: block;}
.header.scroll .header-logo1{display: none;}
.header.scroll .header-wrap .navbar-togger{padding: 28px 0;}
.header.scroll .tool-lan span,
.header.scroll .tool-lan .icon-down{color: #333;}
.header.scroll .tool-lan,
.header.scroll .tool-lan:hover{background:none;}
/* .header.scroll .header-wrap {line-height: 80px;} */

.header-wrap {
    line-height: 70px;
    transition: all 0.5s;
}
.header-wrap .logo{float: left;margin-top: 0;display: inline-block;opacity: 1;transition: all 0.5s;}
.header-wrap .logo h1{font-size: 0;float: left;}
.header-wrap .tool{float: right;line-height: 32px;border: 1px solid #325ea2;margin-top: 18px;border-radius: 5px;color: #325ea2;opacity: 1;}
.pc-En{padding: 0 11px 0 13px;}
.pc-En a{color: #325ea2;    min-width: 20px;display: inline-block;}
.pc-En a:hover{font-weight: bold;}
.pc-En a:first-child{margin-right: 6px;}
.pc-En a:last-child{margin-left: 2px;}
.header-wrap .navbar-togger{padding: 43px 0;margin-left: 72px;transition: all 0.5s;}
.header-wrap .navbar-togger .icon_bar{background-color: #0073be;width: 32px;height: 4px;border-radius: 2px;}
.header-wrap .navbar-togger .icon_bar:nth-of-type(2) {margin: 6px 0;}

/* ?????? */
.nav-search{
  background: url(../image/search.png)no-repeat center;
  position: relative;
  float: right;
  height: 100px;
  padding:0px 26px;
  }
.nav-search::after{content: "";display: inline-block;width: 36px;height: 36px;border-radius: 50%;background-color: #0073be;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: -1;}
.tool-lan .icon-down{font-size: 12px;margin-left: 4px;color: #fff;}
.tool-lan{background: none;position: relative;padding:0px 26px;}
.tool-lan span{font-size: 16px;color: #fff;}
.tool-lan ul{display: none;position: absolute;top: 100%;left:50%;width: 200%;transform: translateX(-50%);box-shadow: 0 0 20px rgba(0, 0, 0, .06);}
.tool-lan li{line-height: 45px;text-align: center;}
.tool-lan ul a{font-size: 16px;display: inline-block;background-color: #fff;width: 100%;}
.tool-lan ul a:hover {color: #0073be;}
.tool-lan:hover ul{display: block;}



    



  .search-box{position: absolute;top: 100px;right: 0;width: 320px;opacity: 0;height: 0;overflow: hidden;transition: all .3s;}
  .search-footer .search,
  .nav-search .search{background-color: #fff;border: 1px solid #777;border-right: 1px solid transparent;color: #777;
  padding: 0 10px;width: 260px;height: 46px;float: left;display: inline-block;}
  .search-footer .search{width: 230px;border: 1px solid #a7a7a7;border-right: 1px solid transparent;}
  .search-footer .butt,
  .nav-search .butt{float: left;width: 60px;height: 46px;display: inline-block;
  background: url(../image/search.png)no-repeat center;background-color: #0073be;}
  .search-footer .butt{width: 59px;background: url(PC/images/emall.png)no-repeat center #333; }
  .search-footer:hover .butt{background-color: #0073be;}
  .nav-search:hover .search-box{opacity: 1;height: 52px;}

  /* ??????? */
  .navbar{color: #0073be;float: right;margin-right: 37px;opacity: 1;}
  .navbar .navbar-ul{}
  .navbar .navbar-li{float: left;padding: 0 25px;}
  
  .navbar .navbar-a{color: #333;display: block;position: relative;}
  .navbar .navbar-li:hover .navbar-a,
  .navbar .navbar-li.active .navbar-a
  {color: #325ea2;z-index: 33;/* font-weight: bold; */}


  .navbar .navbar-li .navbar-a::after,
  .navbar .navbar-li .navbar-a::after{
    transition: all 0.5s;
    transform: translateX(-50%);
    content: "";
    display: block;
    background-color: #0073be;
    position: absolute;
    bottom: 12px;
    left: 50%;
    width: 0%;
    height: 1px;
  }

  .navbar .navbar-li:hover .navbar-a::after,
  .navbar .navbar-li.active .navbar-a::after{width: 100%;}


  /* .navbar .navbar-li.max-drop:hover , .navbar .navbar-li.max-drop.active {background-color: #0073be;} */
  .navbar .navbar-li.max-drop.active::after,
  .navbar .navbar-li.max-drop:hover::after{width: 0%;}

  .navbar-li{position: relative; }
  .max-drop{position: static;}
  .dropmenu-two,
  .dropmenu{
    position: absolute; top: 100%;left: 50%;transform: translate(-50%, 0);z-index: 0;background: #fff;
    max-height: 0;opacity: 0;overflow: hidden;transition: max-height .5s;
    border: none;color: #303233;width: 120%;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);height: auto;padding: 0;display: block;
  }
  .max-drop .dropmenu{width: 100%;border-top: 1px solid #dee5ed;}
  .nav-PCmenu li:hover .dropmenu-two ,
  .navbar-li:hover .dropmenu {max-height: 800px;opacity: 1;}
  /* ???????????????? */

  .dropmenu li>a {
    padding: 0 20px;
    display: block;
    font-size: 16px;
    color: #666;
    line-height: 59px;
    border-top: solid 1px #efefef;
    text-align: center;
    white-space: nowrap;
    width: 100%;
    height: auto;
    background: 0 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
  }
.dropmenu li:hover a{background-color: #0073be; color: #fff;  border-top: solid 1px #0073be;}
.dropmenu-two {
    top: 0%;
    left: 100%;
    transform: none;
    padding: 36px 0;
    width: 300%;
    box-shadow: none;padding: 0 20px;
    text-align: left;
}




  


  
  /* ?????????????? */
  .header.black {background: #fff;box-shadow: 1px 1px 10px rgba(0,0,0,.3);}
  .header.black.ny {box-shadow:none;}
  .header.black .navbar-a{color: #333;}
  .header-logo1{display: block;float: left;}
  .header-logo{display: none;}
  .header-logo.black{display: block;}
  .header-logo1.black{display: none;}
  .header-wrap .search.black{background: url(PC/images/search1.png)no-repeat center right;}


  @media (max-width: 1919px) {
  }
  @media (max-width: 1679px) {
  }
  
  @media (max-width: 1459px) {
  /* .navbar .navbar-li{padding: 0 20px;} */
  .dropmenu li>a {padding: 0 6px;line-height: 48px;}
  .navbar{margin-left: 10px;}
  .navbar .navbar-ul{margin-right: -14px;}
  .navbar .navbar-li{padding: 0 16px;}
  .dropmenu ul .dropmenu-item .dropmenu-right{padding-left: 30px;}
  .dropmenu ul .dropmenu-item .ztyw-img{margin-right: 30px;}
  .dropmenu ul .dropmenu-item .ztyw-font{width: 54%;}
  .dropmenu ul .dropmenu-item:nth-child(3),
  .dropmenu ul .dropmenu-item{padding: 25px 0;}
  .search-box{    top: 80px;}
 .bshare-custom a{margin-right: 10px;}
  }
  @media (max-width: 1259px) {  
  .navbar{margin-right: 0;}
  .navbar .navbar-ul{margin-right: 5px;}
  .navbar .navbar-li{padding: 0 5px;}
  .nav-search, .nav-loading{margin-right: 20px;}
  }
  @media (max-width: 991px) {
        .pc-En{line-height: 32px;
    border: 1px solid #325ea2;
    margin-top: 18px;display: inline-block;
    border-radius: 5px;
    color: #325ea2;}
  }
  @media (max-width: 767px) {

  }
  @media (max-width: 400px) {
  }
  @media (max-width: 321px) {
  }

 .footer{}
  .footer .logo h1{font-size: 0;}
  .footer-wrap{position: relative;padding:76px 0 47px;}
  .bott-share{margin-top: 35px;}

  .footer{}
  .footer .logo h1{font-size: 0;}
  .footer-wrap{position: relative;padding: 97px 0 46px;}
  .bott-share{margin-top: 105px;text-align: center;display: inline-block;}


  .footer-left{float: left;width: 28.6%;}
  .footer-left li{margin-bottom: 16px;}
  .footer-left img{}
  .footer-left h4{color: #1d1d1d;margin: 32px 0 19px;}
  .footer-left p{color: #666;}
  .footer-left p a{color: #666;}
  
  .footer-center{display: inline-block;float: left;margin: 0;margin-right: 15px;}
  .footer-center p{color: #999999;text-align: center;margin-top: 10px;}
  .footer-center img{margin-bottom: 10px;display: block;margin: 32px auto 0;}
  .footer-right{float: right;width: 25.581%;margin-top: 165px;}
  .footer-right img{width: 100%;}
  .footer-right p{color: #999999;line-height: 30px;}
  .footer-right h4{color: #d7a626;font-family: 'DIN';background: url(../image/telephone.png)no-repeat left center;padding: 5px 50px;display: inline-block;margin-top: 40px;}

  .mod_service{text-align: left;line-height: 80px;border-top: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;}
  .mod_service p{color: #555;}
  .mod_service p a{color: #555;margin-right: 48px;}
  .mod_service p a:hover{color: #333;}
  .mod_service p.ny-right a{color: #000;margin-right: 0;}
  .mod_service p.ny-right span{display: inline-block;width: 34px;height: 34px;background: #ec6b00 url(../image/down2.png)no-repeat center;background-size: 8px;transform: rotateZ(180deg);vertical-align: middle;    margin-left: 78px;}
  .black{cursor: pointer;}

@media (max-width: 1459px) {
  .footer-left{width: 36%;}
  .footer-center p{margin-top: 4px;}
  .footer-bot {margin: 40px 0 8px;}
  .footer-wrap{padding: 60px 0 30px;}
  .mod_service p a{margin-right: 20px;}
  .mod_service p.ny-right span{margin-left: 20px;}
}
@media (max-width: 1259px) {

  .footer-center{margin: 3px 10px 0;}
  .footer-right p{line-height: 26px;}
  .footer-right h4{margin-top: 30px;    padding: 5px 44px;    background-size: auto 100%;}
  .footer-wrap{padding: 60px 0 45px;}
  .footer-center img{margin: 20px auto 0;}
  .footer-left li {margin-bottom: 7px;}
  .footer-left h4{margin: 20px 0;}
  .mod_service{    line-height: 30px; padding: 18px 0;}
  .mod_service p{}
  .bshare-custom a:hover{    border: 1px solid #0073be;}
  .bshare-custom a{    width: 45px!important;height: 45px!important;line-height: 44px;    border: 1px solid #888888;}
}
@media (max-width: 991px) {

  .footer-left{width: 40%;}
  .footer-right h4{margin-top: 22px;padding: 5px  0 5px 44px;background-size: auto 100%;}
  .footer-bot{margin: 20px 0 0 ;}
  .footer-wrap{padding: 50px 0 35px;}
  .mod_service{line-height: 26px ;    padding: 18px 0 65px;}
  .footer-right{display: none;}
  .footer-left {width: 50%;}

}
@media (max-width: 767px) {
  .footer-left{width: 100%;margin-bottom: 20px;}
  .footer-center{width: auto;}
  .footer-center img{width: 80px;}
  .footer-right{width: calc(100% - 100px);}
  .footer-left img{width: 100px;}
  .bott-share{margin-top: 0;}
  .bshare-custom a{width: 40px!important;height: 40px!important;line-height: 40px;margin-right: 6px;}
}

  
/* ===================移动端===================*/
/*===================app-头部start===================*/

.header-app {
  background: #0073be;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  z-index: 500;
  -webkit-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
  -o-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
  transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
}

.header.open-PCmenu,
.header-app.open-menu {
  height: 100%;
  background: #fff;
  -webkit-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
  -o-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
  transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
}

.header-app .logo {
  float: left;
  vertical-align: middle;
  padding: 9px 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header-app .logo img {
  width: 100px;
}

.header-app .right-box {
  padding-left: 10px;
}

.header-app .red-txt {
  font-size: 14px;
}
.header-app .black-txt {
  font-size: 12px;
}
.navbar-app {
  position: relative;
  -webkit-box-shadow: 3px 0 15px 0 rgba(0, 0, 0, .2);
  box-shadow: 3px 0 7px 0 rgba(0, 0, 0, .1);
  height: 60px;
  text-align: center;
  background: #fff;
}
.navbar-togger {
  float: right;
  background: transparent;
  border: none;
  padding: 22px 15px;
  display: inline-block;
  visibility: visible;
  transition: transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96), opacity 0.28s 0.36s cubic-bezier(0.52, 0.16, 0.24, 1), -webkit-transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96);
}
.navbar-togger .icon_bar {
  width: 24px;
  height: 2px;
  background-color: #0073be;
  opacity: 1;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.navbar-togger .icon_bar:nth-of-type(2) {
  margin: 5px 0;
}
.open-PCmenu .navbar-togger .icon_bar:nth-of-type(2),
.open-menu .navbar-togger .icon_bar:nth-of-type(2) {
  opacity: 0;
}
.open-menu .navbar-togger .icon_bar:first-child {
    -webkit-transform: translate(0, 7px) rotate(45deg);
    -ms-transform: translate(0, 7px) rotate(45deg);
    transform: translate(0, 7px) rotate(45deg);
}

.open-menu .navbar-togger .icon_bar:last-child {
    -webkit-transform: translate(0, -7px) rotate(-45deg);
    -ms-transform: translate(0, -7px) rotate(-45deg);
    transform: translate(0, -7px) rotate(-45deg);
}

.nav-menu {
  position: absolute;
  top: 60px;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 620;
  padding: 20px 15px;
  overflow-x: hidden;
  overflow-y: auto;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 1s;
  -o-transition: visibility 0s linear 1s;
  transition: visibility 0s linear 1s;
}
.header.open-PCmenu .nav-PCmenu,
.header-app.open-menu .nav-menu {
  visibility: visible;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.nav-list li {
  border-bottom: 1px solid #cfcfcf;
  opacity: 0;
  pointer-events: none;
}
.nav-list li.open {
  border-bottom: none;
}
.header.open-PCmenu .nav-list li,
.header-app.open-menu .nav-list li {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.nav-list li:nth-child(1) {
  -webkit-transform: translateY(-44px);
  -ms-transform: translateY(-44px);
  transform: translateY(-44px);
  transition: opacity .3345s cubic-bezier(0.52, 0.16, 0.52, 0.84) .15s, transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s, -webkit-transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s;
}
.header.open-PCmenu .nav-list li:nth-child(1),
.header-app.open-menu .nav-list li:nth-child(1) {
  transition: opacity .3091s cubic-bezier(0.32, 0.08, 0.24, 1) .03s, transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s, -webkit-transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s;
}
.nav-list li:nth-child(2) {
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px);
  transition: opacity .29294s cubic-bezier(0.52, 0.16, 0.52, 0.84) .13s, transform .45043s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s, -webkit-transform .45043s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s;
}
.header.open-PCmenu .nav-list li:nth-child(2),
.header-app.open-menu .nav-list li:nth-child(2) {
  transition: opacity .32244s cubic-bezier(0.32, 0.08, 0.24, 1) .05s, transform .35825s cubic-bezier(0.32, 0.08, 0.24, 1) .04s, -webkit-transform .35825s cubic-bezier(0.32, 0.08, 0.24, 1) .04s;
}
.nav-list li:nth-child(3) {
  -webkit-transform: translateY(-36px);
  -ms-transform: translateY(-36px);
  transform: translateY(-36px);
  transition: opacity .26098s cubic-bezier(0.52, 0.16, 0.52, 0.84) .11s, transform .43756s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s, -webkit-transform .43756s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s;
}
.header.open-PCmenu .nav-list li:nth-child(3),
.header-app.open-menu .nav-list li:nth-child(3) {
  transition: opacity .33467s cubic-bezier(0.32, 0.08, 0.24, 1) .07s, transform .37539s cubic-bezier(0.32, 0.08, 0.24, 1) .06s, -webkit-transform .37539s cubic-bezier(0.32, 0.08, 0.24, 1) .06s;
}
.nav-list li:nth-child(4) {
  -webkit-transform: translateY(-32px);
  -ms-transform: translateY(-32px);
  transform: translateY(-32px);
  transition: opacity .2386s cubic-bezier(0.52, 0.16, 0.52, 0.84) .09s, transform .42827s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s, -webkit-transform .42827s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s;
}
.header.open-PCmenu .nav-list li:nth-child(4),
.header-app.open-menu .nav-list li:nth-child(4) {
  transition: opacity .34577s cubic-bezier(0.32, 0.08, 0.24, 1) .09s, transform .39692s cubic-bezier(0.32, 0.08, 0.24, 1) .08s, -webkit-transform .39692s cubic-bezier(0.32, 0.08, 0.24, 1) .08s;
}
.nav-list li:nth-child(5) {
  -webkit-transform: translateY(-28px);
  -ms-transform: translateY(-28px);
  transform: translateY(-28px);
  transition: opacity .22581s cubic-bezier(0.52, 0.16, 0.52, 0.84) .07s, transform .42259s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s, -webkit-transform .42259s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s;
}
.header.open-PCmenu .nav-list li:nth-child(5),
.header-app.open-menu .nav-list li:nth-child(5) {
  transition: opacity .35577s cubic-bezier(0.32, 0.08, 0.24, 1) .11s, transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .1s, -webkit-transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .1s;
}
.nav-list li:nth-child(6) {
  -webkit-transform: translateY(-24px);
  -ms-transform: translateY(-24px);
  transform: translateY(-24px);
  transition: opacity .20343s cubic-bezier(0.52, 0.16, 0.52, 0.84) .05s, transform .41691s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s, -webkit-transform .41691s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s;
}
.header.open-PCmenu  .nav-list li:nth-child(6),
.header-app.open-menu .nav-list li:nth-child(6) {
  transition: opacity .36577s cubic-bezier(0.32, 0.08, 0.24, 1) .13s, transform .41718s cubic-bezier(0.32, 0.08, 0.24, 1) .12s, -webkit-transform .41718s cubic-bezier(0.32, 0.08, 0.24, 1) .12s;
}
.nav-list li:nth-child(7) {
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
  transition: opacity .18105s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s, transform .41123s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s, -webkit-transform .41123s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s;
}
.header.open-PCmenu  .nav-list li:nth-child(7),
.header-app.open-menu .nav-list li:nth-child(7) {
  transition: opacity .37577s cubic-bezier(0.32, 0.08, 0.24, 1) .15s, transform .4115s cubic-bezier(0.32, 0.08, 0.24, 1) .14s, -webkit-transform .4115s cubic-bezier(0.32, 0.08, 0.24, 1) .14s;
}
.nav-list li:nth-child(8) {
  -webkit-transform: translateY(-16px);
  -ms-transform: translateY(-16px);
  transform: translateY(-16px);
  transition: opacity .15867s cubic-bezier(0.52, 0.16, 0.52, 0.84) .01s, transform .40555s cubic-bezier(0.52, 0.16, 0.52, 0.84) .17s, -webkit-transform .40555s cubic-bezier(0.52, 0.16, 0.52, 0.84) .17s;
}
.header.open-PCmenu  .nav-list li:nth-child(8),
.header-app.open-menu .nav-list li:nth-child(8) {
  transition: opacity .38577s cubic-bezier(0.32, 0.08, 0.24, 1) .17s, transform .40582s cubic-bezier(0.32, 0.08, 0.24, 1) .16s, -webkit-transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .16s;
}
.cate-item {
  position: relative;
}
.cate-item a {
  font-size: 16px;
  line-height: 48px;
  margin-right: 60px;
  display: block;
  color: #444;
}
.nav-list li.active .cate-item a,
.nav-list li.open .cate-item a {
  color: #0073be;
}
.category-cont a:last-child {
  border: none;
}
.category-cont a.active {
  color: #0073be;
}
.category-tig {
  font-size: 14px;
  color: #888;
  text-align: right;
  line-height: 48px;
  width: 50px;
  height: 48px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.category-tig::before,
.category-tig::after {
  content: '';
  background: #888;
  position: absolute;
  top: 50%;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.category-tig::before {
  width: 16px;
  height: 2px;
  right: 0;
  margin-top: -1px;
}
.category-tig::after {
  width: 2px;
  height: 16px;
  margin-top: -8px;
  right: 7px;
}
.nav-list li.open .category-tig::after {
  opacity: 0;
}
.nav-list li.open .category-tig::before {
  background: #0073be;
}
.category-cont {
  display: none;
}
.nav-list li.open .category-cont {
  display: block;
  border-top: solid 1px #cfcfcf;
  border-bottom: solid 1px #cfcfcf;
}
.category-pad {
  padding: 0 15px;
}
.category-cont a {
  line-height: 40px;
  border-bottom: 1px solid #cfcfcf;
  display: block;
  color: #666;
}
.category-pad a.active {
  color: #0073be;
}
.app-sousuo {
  line-height: 22px;
  border-right: solid 1px #0073be;
  padding-right: 15px;
  color: #0073be;
  float: right;
  font-size: 22px !important;
  margin-top: 19px;
}
.alert-search {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  top: 0;
  left: 0;
  z-index: 9999;
}
.alert-top {
  height: 60px;
  background: #fff;
  padding: 10px 15px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
.alert-top .text {
  border-radius: 0px;
  height: 40px;
  background: none;
  border: solid 1px rgba(0, 0, 0, 0.1);
  width: 80%;
  float: left;
  color: #666;
  padding: 0 10px;
}
.alert-top .search {
  background: url(PC/images/icon-search.png) no-repeat center;
  width: 10%;
  height: 26px;
  float: left;
  margin-top: 7px;
}
.alert-top span {
  color: #666;
  float: right;
  font-size: 20px !important;
  margin-top: 8px;
  width: 10%;
  text-align: center;
}
.app-lanu {
  text-align: center;
  margin-top: 20px;
}
.app-lanu a {
  display: inline-block;
  line-height: 30px;
  padding: 0 14px;
  font-size: 14px;
  color: #333;
}
.app-lanu a.on {
  background: #0073be;
  color: white;
  border-radius: 30px;}
  .app-search{margin-bottom: 15px;border: 1px solid #0073be;opacity: 0;transition:all 0.2s}
  .open-menu .app-search{opacity: 1;}
  .app-search input{width: 86%;line-height: 38px;height: 38px;font-size: 16px;line-height: 38px;color: #afafaf;padding: 0 12px;}
  .app-search button{width: 38px;float: right;height:38px;text-align: center;line-height: 38px;}
  .app-search i{font-size: 20px !important;color: #888;cursor: pointer;}
  .app-sousuo {line-height: 22px;color: #0073be;float: right;font-size: 22px !important;margin-top: 19px;}

/*===================app-头部end===================*/
/*===================app-底部 ===================*/
.foot-app {width: 100%;background: #dee5ed;padding: 0 15px;display: none;}
.foot-app .footer-tit {position: relative;border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
.foot-app .open .footer-tit a {color: #333;}
.foot-app .footer-tit a {font-size: 16px;color: #333;line-height: 48px;margin-right: 48px;display: block;}
.foot-app .footer-tig {
   font-size: 14px;color: #fff; text-align: right;line-height: 48px;
  width: 20px;height: 48px;position: absolute;right: 0px;top: 0;z-index: 2;}
.foot-app .footer-tig::before,
.foot-app .footer-tig::after {
 content: '';background: rgba(0, 0, 0, 0.4);position: absolute;top: 50%; transition: all .3s;left: 50%;}
.foot-app .footer-tig::before {width: 18px;height: 2px; margin-left: -8px;}
.foot-app .footer-tig::after {width: 2px;height: 18px;margin-top: -8px;}
.foot-app .footer-item.open .footer-tig::after { opacity: 0;}
.foot-app .footer-item.open .footer-tig::before {background: rgba(0, 0, 0, 0.4)}
.foot-app .footer-cont {display: none; border: solid 1px rgba(0, 0, 0, 0.2);border-top: 0;padding: 0 15px;}
.foot-app .footer-cont a {line-height: 40px;color: #333;display: block; font-size: 14px;
border-bottom: dashed 1px rgba(0, 0, 0, 0.4);}
.foot-app .footer-cont a:last-child { border: none;}
.foot-app .footer-item.open .footer-cont a.active { color: #e94609;}
.foot-app .footer-top {padding: 25px 0;}
.foot-app .footer-right {width: 100%;float: left;}
.foot-app .footer-right p {color: #fff;line-height: 22px;}
.foot-app .bshare{ float: none;text-align: center;margin-top: 15px;}
.foot-app .bshare a{margin-left: 15px;} 

.foot-app .footer-input{}
.foot-app .search-input{background-color: #fff;border: 1px solid #fff!important;}
.foot-app .search-butt{background-color: #fff;border: 1px solid #fff;}
.foinfo-left{float: left;width: 50%;}
.foinfo-right{float: right;width: 50%;}
.footer-info h4{color: #333333;margin-bottom: 16px;font-weight: 700;}
.foot-app .share-box {margin-top: 12px;margin-bottom: 10px;}
.mod_service_app p{color: #fff;}
.mod_service_app p a{color: #fff;}
.mod_service_app {padding-bottom: 15px;}

@media(max-width: 1459px) {
}


@media(max-width: 1259px) {
  .header-logo, .header-logo1 {width: 150px;}
  }
@media(max-width: 1023px) {
    .header{display: none !important;}
  .header-app{ display: block !important;}
  }
@media(max-width: 991px) {
}
@media (max-width: 767px) {
.app-sousuo {padding-right: 10px;}
.header-app .logo img{width: 100px;}
.header-app .logo{padding: 9px 12px;}
.tool-lan{background: url(PC/images/diq1.png)no-repeat center;float: left;height: 60px;}
.tool-che{background: url(PC/images/shangc1.png)no-repeat center;float: left;height: 60px;}
.tool-lan:hover{background: url(PC/images/diq.png)no-repeat center;}
.tool-che:hover{background: url(../image/shangc.png)no-repeat center;}
}
@media (max-width: 639px) {
}
@media (max-width: 370px) {
}









.footer-input .search-input{
  color: #999;border: 1px solid #707070;float: left;font-family: 'AK-LIGHT';
  height: 45px;width: 240px;padding: 0 8px;display: inline-block;
  border-radius: 5px 0 0 5px;
}
.footer-input .search-butt{
background: url(PC/images/sent.png)no-repeat center;float: left;border-radius: 5px;
display: inline-block;height: 45px;width: 60px;;background-color: #0073be;
border-radius: 0 5px  5px 0;cursor: pointer;
}


.iframe-nav .nav-top.one .nav-more {left: 0;}
.iframe-nav .nav-top.second {
  padding: 0 20px 0 54px;
}
.iframe-nav .nav-top.three{padding: 0 20px 0 65px;}

.com-file{}
.com-file-ul{margin: 0 -25px;}
.com-file-ul li{float: left;width: 50%;padding: 0 25px;margin-bottom: 19px;}
.com-file-item{border: 1px solid #e5e5e5;padding: 20px 30px;}
.com-file-item img{float: left;margin-right: 24px;}
.com-file-item .file-font{padding: 23px 0 20px;float: left;}
.com-file-item h4{color: #444;}
.com-file-item p{color: #888;margin-top: 9px;}

.btn-3d{width: 50px;height: 50px;perspective: 800px;position: relative;display: block;transition: all 1s;}
.btn-box{transform: preserve-3d;-webkit-transform-style:preserve-3d;}
.btn-item{width: 50px;height: 50px;position: absolute;}
.btn-left{transform: rotateY(-90deg);transition: all 0.5s;background: url(PC/images/btn-3d.jpg)no-repeat;}
.btn-center{transition: all 0.5s;background: url(PC/images/btn-3d2.png)no-repeat;}
.com-file-ul li:hover .btn-left,
.pro-box-ul li:hover .btn-left{transform: rotateY(0deg);}
.com-file-ul li:hover .btn-center,
.pro-box-ul li:hover .btn-center{transform: rotateY(90deg) ;}
.down-bth{float: right;margin: 20px 0;transition: all 2s;}
.btn-font{display: block; color: #666;border: 1px solid #999;
width: 200px;height: 50px;line-height: 50px;text-align: center;position: relative;}
.pro-box-ul li:hover .btn-font{color: #0073be;border: 1px solid #0073be;}


.com-page{font-family: 'Open Sans';text-align: center;}
.com-page a {width: 180px;background-color: #f1f3f6;display: block;height: 50px;line-height: 50px;}
.com-page span{position: relative;color: #666;z-index: 33;}
.page-cent{display: inline-block;vertical-align: top;margin: 0 7px;}
.page-cent img{width: 100%;}
.page-prev,
.page-next{display: inline-block;position: relative;}
.page-c i,
.page-prev i,
.page-next i{font-weight: 700;margin: 0 3px;color: #666;position: relative;z-index: 33;}
.page-next::before,
.page-prev::after{transition: all 0.5s;
  content: "";display: block;position: absolute;top: 0;right: 0;
  width: 0%;height: 100%;background-color: #0073be;
}
.page-next::before{left: 0;}
.page-next:hover::before,
.page-prev:hover::after{width: 100%;}
.page-next:hover span,
.page-prev:hover span{color: #fff;}
.page-next:hover i,
.page-prev:hover i{color: #fff;}

.swiper-button-next.com-butt,.swiper-button-prev.com-butt {
  background: none!important;
  width: 92px!important;
  height: 32px!important;
  background-color: #fff!important;
  text-align: center;
  font-size: 0!important;
  top: 0%!important;
  opacity: 1!important;
  /* border: 1px solid #d2d2d2; */
  position: unset!important;
  float: left;
  margin-right: 3px;
}
.com-butt.swiper-button-prev{background: url(../image/arrow1.png)no-repeat center!important;background-color: #ffffff!important;border: none!important;transition:all 1s;transform: rotateY(180deg);}
.com-butt.swiper-button-next{background: #0073be url(../image/arrow2.png)no-repeat center!important;transition:all 1s;}
.com-butt.swiper-button-prev:hover{}
.com-butt.swiper-button-next:hover{}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 0.4!important;}

.com-nav{text-align: center;}
.com-nav-ul{display: inline-block;margin: 50px 0 45px;}
.com-nav-ul li{float: left;padding: 0 10px;}
.com-nav-item{}
.com-nav-item a{color: #0073be;text-align: center;
  display: block; width: 200px;height: 40px;line-height: 37px;
  border: 1px solid #0073be;border-radius: 20px;
position: relative;overflow: hidden;}
.com-nav-item a span{position: relative;z-index: 33;}
.com-nav-item a::after{
  content: "";display: block;position: absolute;bottom: 0;left: 0;
  width: 100%;height: 0%;background:#fff;transition: all 0.5s;
}
.com-nav-item a:hover::after{height: 100%;background:#0073be;}
.com-nav-item a:hover span{color: #fff!important;}
.com-nav-item a.active span{color: #fff!important;}
.com-nav-item a.active {background:#0073be;}
.com-ul{margin: 0 -12px;font-size: 0;}
.com-ul li{width: 33.33%;padding: 0 12px;display: inline-block;vertical-align: top;}
.com-ul-item{box-shadow: 1px 1px 10px 10px rgba(0, 0, 0, .04);}
.com-ul-img{overflow: hidden;}
.com-ul-img img{width: 100%;transition: all 1s;}
.com-ul-font{text-align: center;background-color: #fff;}
.com-ul-font h4{}
.com-ul-font p{color: #333;}
.com-ul-item:hover img{transform: scale(1.05);}
.com-ul-item:hover p{color: #0073be;}

/* .com-pagination{text-align: center;padding: 30px 0 74px;} */
.com-pag-ul{ display: inline-block;}
.com-pag-ul li{float: left;margin: 0 5px;}
.com-pag-item{}
.com-pag-item a{width: 46px;height: 46px;text-align: center;line-height: 46px;transition: all .5s;
display: block;background-color: #f1f3f6;color: #999;font-family: 'Open Sans';}
.com-pag-item i{font-weight: 700;font-size: 14px;}
.com-pag-item a.active{background-color: #0073be;color: #fff;}
.com-pag-item a:hover{background-color: #0073be;color: #fff;}
.com-pagination1.swiper-pagination{width: 100%!important;bottom: 15px!important;}
.com-pagination.swiper-pagination {width: 100%!important;bottom: 40px!important;}
.com-pagination .swiper-pagination-bullet {background-color: #fff;width: 20px;height: 6px;border-radius: 0!important;opacity: 1!important;border-radius: 3px!important;    margin: 0 2px;}
.com-pagination .swiper-pagination-bullet-active {width: 40px;position: relative;}
.com-pagination .swiper-pagination-bullet-active::after{content: "";position: absolute;top: 0;left: 0;width: 0%;height: 6px;background: #0073be;border-radius: 3px!important;transition: all 8s;animation: swipermove 8s linear;}
.com-pagination .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px!important;}
.com-pagination1 .swiper-pagination-bullet{width: 11px;height: 11px;border-radius: 50%!important;margin: 0 5px;border: 2px solid #fff;background-color: transparent;opacity: 1;}
.com-pagination1 .swiper-pagination-bullet-active{background-color: #fff;}

@keyframes swipermove
{
 0%{
  width: 0%;
 }  
 100%{
  width: 100%;
 }
}

.bgz-left{float: left;width: 49.23%;}
.bgz-item{display: block;position: relative;}
.bgz-font p{margin-top: 6px;}
.bgz-font{position: absolute;bottom: 0;padding: 28px 46px 41px;color: #fff;width: 100%;}

/* bgz-font */
.bgz-right{float: right;width: 49.23%;}
.bgz-rt{margin-bottom: 21px;}
.bgz-img img{width: 100%;transition: all 1s;}

.bgz-bott-ul{margin-top: 38px;}
.bgz-bott-ul li{float: left;width: 49.23%;}
.bgz-bott-ul li:last-child{float: right;}
.bgz-bott-ul .bgz-font h4{color: #000;}
.bgz-bott-ul .bgz-font p{color: #151214;}
.bgz-img{overflow: hidden;}
.bgz-item:hover img{transform: scale(1.05);}





.com-icon{text-align: center;}
.icon-img{font-size: 0;position: relative;width: 125px;height: 125px;margin: auto;overflow: hidden;    border-radius: 50%;}
.icon-img::after{position: absolute;top: 0;right: 0;background-color: #0073be;content: "";display: inline-block;border-radius: 50%;width: 100%;height: 100%;transform: translateX(100%);transition: all 0.5s;}
.icon-img img{transition: all 0.5s;width: 100%;}
.icon-img .icon-img1{border: 2px solid #0073be;border-radius: 50%;}
.icon-img .icon-img2{transform: translateX(-100%);position: absolute;top: 0;left: 0;z-index: 11;}
.com-icon:hover .icon-img .icon-img2{transform: translateX(0%);}
.com-icon:hover .icon-img::after{transform: translateX(0%);}
.icon-font p{color: #666;}


.com-btn span{position: relative;z-index: 33;}
.com-btn{color: #333;border: 2px solid #959697;display: inline-block;
padding: 6px 32px;position: relative;}
.com-btn::after{transition: all 0.5s;
  content: "";display: block;background-color: #0073be;
  position: absolute;top:0;left: 0;width: 0%;height: 100%;}
.com-btn:hover{border: 2px solid transparent;}
.com-btn:hover span{color: #fff;}
.com-btn:hover::after{width: 100%;}



.form-ul{margin: 0 -10px;}
.form-ul li{float: left;padding: 0 10px;width: 50%;margin-bottom: 20px;}
.form-ul li:nth-child(4){width: 50%;}
.form-ul li:nth-child(5){width: 50%;}
.form-ul-item{background-color: #f5f5f5;line-height: 57px;padding: 0 18px;}
.form-ul label{color: #666;display: inline-block;}
.form-ul input{width: 100%;color: #666;font-size: 16px;}
.com-form textarea{
  background-color: #f5f5f5;
  resize: none;
  line-height: 45px;
  padding-left: 20px;
  padding-top: 1px;
  font-size: 16px;
  display: block;
  width: 100%;
  color: #666;
  height: 118px;
  margin-bottom: 20px;
  }
.form-btn a{display: block;transition: all 1s;padding: 14px 58px;display: block;
  color: #0073be;margin: 30px auto 0;border: 1px solid #0073be;} 
.form-btn a:hover{background-color: #0073be;color: #fff;}

textarea::-webkit-input-placeholder {color: #525252;}
textarea:-moz-placeholder {color: #525252;}
textarea::-moz-placeholder {color: #525252;}
textarea::-ms-input-placeholder {color: #525252;}

input::-webkit-input-placeholder { /* WebKit browsers */
    color: #666;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #666;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #666;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #666;
}

.yzm-box input::-webkit-input-placeholder,
.form-ul input::-webkit-input-placeholder { /* WebKit browsers */
    color: #666;
}

.yzm-box input:-moz-placeholder,
.form-ul input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #666;
}

.yzm-box input::-moz-placeholder,
.form-ul input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #666;
}

.yzm-box input::-moz-placeholder
.form-ul input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #666;
}

.yzm-box {margin-top: 10px;}
#yzm {background-color: #f5f5f5;line-height: 57px;padding-left: 20px;/* height: 45px; */font-size: 16px;}
#random {
    font-size: 24px;
    font-style: italic;
    text-align: center;
    vertical-align: bottom;
    width: 120px;
    margin: 0 24px;
    background-color: #f5f5f5;
    line-height: 57px;
    /* height: 45px; */
}

.yzm-box a {color: #666666;display: inline-block;font-size: 16px;}
.form-btn {text-align: left;    margin-top: 40px;}
.form-btn input{    position: relative;
    display: inline-block;
    width: 113px;
    font-size: 16px;
    letter-spacing: 4px;
    text-align: center;
    height: 33px;
    line-height: 33px;background-color: #0073be;color: #fff;}

input[type="radio"] + label::before {
  content: "\a0";
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  margin-right: 10px;
  border-radius: 0;
  text-indent: .15em;
  margin-bottom: 4px;
  border: 1px solid #0073be;
  border-radius: 50%;
}
input[type="radio"]:checked + label::before {
  background-color: #0073be;
  background-clip: content-box;
  padding: 0px;
  border: 1px solid #0073be;
}
input[type="radio"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}
.radio-inline{
  padding-left: 0;
}
input[type=radio][disabled]:checked + label::before{
  background-color:#CCCCCC;
  background-clip: content-box;
  padding: 0px!important;
  border: 1px solid #0073be!important;
}

@media  (max-width:1459px) {
  .form-btn{    margin-top: 40px;}
}


@media  (max-width:767px) {
  .form-ul li{width: 100%;}
#yzm {
    background-color: #fff;
    line-height: 50px;
    padding-left: 20px;
    height: 50px;
    width: 63%;
    max-width: 180px;
}
#random {
    margin: 20px 0 0;
    width: 35%;font-size: 20px;
}
.yzm-box a{font-size: 14px;margin-top: 10px;}
.form-btn{margin-top: 30px;}
.form-btn input{width: 120px;height: 40px;line-height: 38px;font-size: 14px;}
}


.com-ztyw{display: block;}
.ztyw-img{float: left;overflow: hidden;background-color: #f8f8f8 !important;}
.ztyw-img img{width: 100%;transition: all 1s}
.ztyw-font{float: left;}

.com-swxt{display: block;position: relative;}
.swxt-img{overflow: hidden;text-align: center;}
.brand-one .swxt-img{overflow: hidden;height: 445px;text-align: center;}
.swxt-img img{width: 100%;padding-bottom: 20px;transition: all 1s;}
.brand-one .swxt-img img{height: 100%;width: auto;max-width: 100%;padding-bottom: 20px;transition: all 1s;}
.swxt-font{text-align: center;color: #333;}


.scrollbar {
  overflow-y: auto;padding-right: 5px;
}

.scrollbar::-webkit-scrollbar {
  width: 3px;
  background-color: #dcdbdb;
}

.scrollbar::-webkit-scrollbar-thumb {
  background-color: #0073be;
  border-radius: 10px;
}


.omit{
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}




/*index- banner */
.ban-tit{line-height: 100px;font-size: 80px;color: #fff;font-family: 'cerab';margin: 16px 0 68px;letter-spacing: -4px;}
.ban-dec{color: #fff;font-family: 'cera';}
.ssline{position: relative;display: inline-block;}
.ssline::after{
  transition: all 0.2s;
  content: "";
  display: block;
  margin: 20px auto 14px;
  vertical-align: middle;
  width: 50px;
  height: 2px;
  background:#0073be;
}


.sxline{position: relative;}
.sxline::after{
  content: "";width: 1px;height: 130%;
  background-color: #ededed;position: absolute;top: -14px;right: 0;
}

.ssline2{position: relative;}
.ssline2::after{
  transition: all 0.4s;
  content: "";
  position: absolute;
  bottom: 0;left: 50%;transform: translateX(-50%);
  width: 0%;
  height: 1px;
  background:#0073be;
}

.ssline3{position: relative;}
.ssline3::after{
  transition: all 0.5s;
  content: "";
  display: inline-block;
  width: 0%;
  height: 1px;
  background:#0073be;
  position: absolute;
  bottom: -1px;right: 0%;
}
/* .new-one li.on.ssline3::after,
.new-one li:hover.ssline3::after{width: 100%;left: 0%;right: auto;} */


.banner-img{text-align: right;}
/* .banner-img img{width: 43.6%;} */
.banner-img,
.banner-wrap{position: absolute;top:49.2%;width: 100%;transform: translateY(-50%);}
.index.banner .swiper-slide {position: relative;overflow: hidden;}
.index.banner .app-banner{display: none;width: 100%;}
.index.banner{position: relative;z-index: 22;margin-top: 70px;}
.pc-banner{width: 100%;}
.banner-icon{z-index: 1;display: inline-block;animation: moveline 1.5s ease-in-out infinite;cursor: pointer;margin-top: 30px;}
.banner-icon img{width: 100%;}
@keyframes moveline
{
 0%{
  transform: translateY(-10px);
 }  
 100%{
 transform: translateY(0px);
 }
}
.banner-icon::after{position: absolute;top: 12px;left: 50%;content: "";width: 1px;height: 10px;background-color: #fff;transform: translate(-50%,0%);
animation: moveline2 1.5s ease-in-out infinite;}
@keyframes moveline2
{
 0%{
  height: 6px;
 }  
 100%{
 height: 8px;
 }
}



.banner-btn{display: inline-block;width: 45%;z-index: 11;}
.banner-tool{position: absolute;bottom: 0;left: 0;width: 100%;z-index: 11;height: 16.7%;}
.banner-font h4{color: #ec6b00;font-size: 72px;font-weight: bold;}
.bold{font-weight: bold;}
.banner-font p{color: #0073be;margin: 15px 0 0px;font-family: 'EVILDEAD';font-size: 36px;line-height: 48px;letter-spacing: 1px;}
.banner-box{width: 100%;text-align: left;}
.banner .swiper-pagination-bullets{width: auto;position: initial;float: right;margin-top: 40px;margin-right: -26px;}
/* .banner .swiper-slide{line-height: 500px;text-align: center;font-size: 50px;} */

.bn_txt{display: inline-block;float: right;}
.bn_txt .num{font-size: 72px;font-weight: bold;color: #ec6b00;display: inline-block;transform: translateY(-36px);}
.bn_txt .allnum{font-size: 30px;font-weight: bold;color: #fff;display: inline-block;    transform: translateY(-18px);}
.bn_txt em{display: inline-block;transform: rotate(36deg);width: 1px;height: 85px;background-color: #fff;}
.banner .swiper-pagination-bullet{width: 9px;height: 9px;border: 2px solid #fff;background-color: transparent;opacity: 1;margin-right: 47px;    position: relative;}
.banner .swiper-pagination-bullet-active{border: 2px solid #ec6b00;background-color: #ec6b00;}
.banner .swiper-pagination-bullet::after{content: "";display: inline-block;width: 30px;height: 1px;background-color: #fff;position: absolute;top: 2px;left: 15px;}
.banner .swiper-pagination-bullet:last-child::after{opacity: 0;}


@media(max-width: 1679px) {
  .banner-font h4{font-size: 60px;}
  .bn_txt .num {font-size: 68px;}
}

@media(max-width: 1459px) {
.banner-font h4{font-size: 50px;}
.banner-font p{font-size: 28px;line-height: 38px;}
.banner-icon{width: 20px;}
.bn_txt .num{font-size: 52px;}
  }
@media(max-width: 1259px) {
  .banner-font h4{font-size: 44px;}
  .index.banner{margin-top: 60px;}
  .banner-font p{font-size: 24px;line-height: 32px;}
  .banner-icon{width: 18px;}
  .banner-tool{height: 22%;}
}

@media(max-width: 991px) {
  .banner-font h4{font-size: 38px;}
}
@media(max-width: 767px) {
  .index.banner .app-banner{display: block;}
  .index.banner .pc-banner{display: none;}
  .banner-icon,
  .banner-font .index-btn{display: none;}
  .banner-font h4{font-size: 22px;}
  .banner-font p {font-size: 14px;line-height: 20px;}
  .bn_txt{display: none;}
  .banner-btn{display: none;}
  .banner-tool{height: 12%;}
  .banner .swiper-pagination-bullets{float: none;margin: 0;margin-left: 47px;}
  .brand-one .swxt-img img{ height:auto;}
  .brand-one .swxt-img{height:auto;padding: 0 50px;}
}
@media(max-width: 639px) {}
@media(max-width: 400px) {}
@media(max-width: 321px) {}




/* =====================首页end===================== */
 /*===内页banner===*/
/*===????????banner===*/
.ny-banner {position: relative;min-height: 70px;margin-top: 70px;}
.ny-banner img.ny-pc {display: block;width: 100%;}
.ny-banner img.ny-app {display: none;}
.ny-banner .ny-app{display: none;}
.ny-banner .ny-app img{width: 100%;}
.ny-font {width: 100%;position: absolute;top:55.2%;transform: translateY(-51%);text-align: center;}
.ny-header{width: 100%;text-align: center;}
.ny-tit{color: #fff;font-size: 48px;line-height: 72px;}
.ny-dec {color: #fff;margin-top: 13px;}
.ny-dec1 {color: #666;margin-top: 15px;}
.ny-tit1{font-size: 40px;color: #333;}
/* DIY */
.ny-banner .ny-font{text-align: left;}
.ny-banner .ny-title .ny-tit{font-size: 36px;color: #fff;font-weight: bold;padding-left: 55px;position: relative;}
.ny-banner .ny-title .ny-tit::before{content: "";display: inline-block;width: 7px;height: 27px;border-radius: 3px;position: absolute;background-color: #fff;    top: 25px;left: 30px;}
.ny-banner .ny-title .ny-dec{color: #fff;font-weight: 200;margin-top: -7px;padding-left: 55px;}
.nav-wrap{    position: relative;background-size: cover;background-repeat: no-repeat;background-position: center;}
.nav-header{background-color: #0073be;height: 90px;border-bottom: 1px solid #e5e5e5;    position: relative;overflow: hidden;}
.ban-nav{height: 48px;line-height: 90px;}
.ban-nav .com-ul{margin: 0;}
.ban-nav .com-ul li{width: auto;padding: 0;position: relative;}
.ban-nav .com-ul li a{color: #fff;position: relative;display: inline-block;padding:0 69px;font-weight: bold;}
.ban-nav .com-ul li.on a,
.ban-nav .com-ul li:hover a{color: #fff;position: relative;z-index: 33;}
.ban-nav .com-ul li a{position: relative;}
.ban-nav .com-ul li a::after{ 
transition: all 0.5s;
content: "";display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 5px solid #fff;opacity: 0;
position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);
}
.ban-nav .com-ul li::after,
.ban-nav .com-ul li::before{
  content: "";display: inline-block;
  position: absolute;left: 0;top: 50%;transform: translateY(-50%);
  background-size: auto 100%;
  width: 7px;height: 43px;background: url(../image/nav-bj.png)no-repeat;
}

.ban-nav .com-ul li::after{opacity: 0;}
.ban-nav .com-ul li:last-child::after{left: auto;right: 0;opacity: 1;}

.ban-nav .com-ul li.on a::after,
.ban-nav .com-ul li:hover a::after{opacity: 1;}





/* ????????????? */

.ny-mbx{position: absolute;left: 0;bottom: 0;width: 100%;text-align: right;}
.com-mbx::before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  padding-left: 0;
  margin-right: 8px;
  background: url(PC/nav-icon.png) no-repeat center;
}
.com-mbx{line-height: 80px;background: url(../image/nav-icon.png)no-repeat left;display: inline-block;color: #fff;float: left;}
.com-mbx a{color: #fff;font-size: 16px;}
.com-mbx a.active{color: #0073be;}
.com-mbx span{display: inline-block;margin:  0 12px;color: #fff;}

@media(max-width: 1679px) {
  /* .ny-banner .ny-title .ny-tit{font-size: 46px;} */
}
@media(max-width: 1459px) {
  /* .ny-banner .ny-title .ny-tit{font-size: 34px;    line-height: 50px;} */
  /* .nav-wrap{height: 600px;} */
  .nav-header{height: 60px;}
  .ban-nav .com-ul li a{padding: 0 60px;}
  .com-mbx{line-height: 60px;}
  .ban-nav .com-ul li{height: 60px;line-height: 60px;}
  /* .ny-banner{margin-top: 80px;} */
}
@media(max-width: 1259px){
  .ny-banner .ny-title .ny-tit{font-size: 30px;}
  .nav-header{height: 50px;}
  .ban-nav .com-ul li{height: 45px;line-height: 45px;}
  .com-mbx{line-height: 45px;}
   .ban-nav .com-ul li a{padding: 0 40px;}
  /* .nav-wrap{height: 550px;} */
  .ny-font{top: 54.2%;}
}
@media(max-width: 1023px){
  .ny-banner {margin-top: 60px;}
  .nav-header{display: none;}
}
@media(max-width: 991px) {
  .ny-banner .ny-title .ny-tit{font-size: 28px;}
  .ny-banner {margin-top: 60px;}
  /* .nav-wrap{height: 400px;} */
}
@media(max-width: 767px) {
  .ny-banner img.ny-pc { display: none;}
  .ny-banner .ny-font {display: block;}
  .ny-banner img.ny-app {display: block;width: 100%;}
  .ny-top {margin-bottom: 10px;}
  .com-mbx{display: none;}
  .nav-header{display: none;}
  .ny-banner .ny-app{display: block;}
  .ny-banner .ny-title .ny-tit {font-size: 22px;    margin-bottom: -16px;}
  .nav-wrap{height: auto;}
  .ny-font {top: 48.2%;}
}
@media(max-width: 640px) {

}
@media(max-width:408px) {
}



.com-play{
  width: 70px;
  height: 70px;
  border-radius: 50%;
  z-index: 33;
  background: url(../image/play2.png)no-repeat center;
  transition: all 0.5s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.com-play::after{
  content: "";display: block;background: url(../image/play1.png)no-repeat center;
  width: 70px;height: 70px;transition: all 1.5s;
}
.com-play-bj{position: relative;    overflow: hidden;}
.com-play-bj::after{
  transition: all 0.5s;
  content: "";display: block;background-color: rgba(1, 2, 3, .4);
  position: absolute;top:0;left: 0;width: 100%;height: 100%;}


@media(max-width: 1679px) {}
@media(max-width: 1459px) {
  .com-play,
  .com-play::after{width: 50px;height: 50px;background-size: 100%;}
}
@media(max-width: 1259px) {}
@media(max-width: 991px) {
  .com-play,
  .com-play::after{width: 40px;height: 40px;background-size: 100%;}
}
@media(max-width: 767px) {}
@media(max-width: 640px) {}
@media(max-width: 400px) {}
@media(max-width: 321px) {}




.triangle{position: relative;}
.triangle::after{ 
transition: all 0.5s;
content: "";display: inline-block;
border-left: 6px solid #0073be;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
margin-left: 10px;
vertical-align: middle;
margin-top: -5px;
}




.mengban {
    position: relative;
}

.mengban::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    top: 0;
    left: 0;
    position: absolute;
}


/* =====================index=====================  */

.omit {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.omit1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.omit3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


.bg-cover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}

.com-hover {display: inline-block;position: relative;background: transparent;z-index: 1;}
.com-hover::before{
  content:""; width:100%; height:100%; background: linear-gradient(60deg,#0086ac,#00bab4); position:absolute; left:0; bottom:0; transform-origin:100%; 
  -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1); transition:transform .4s cubic-bezier(.4,0,.2,1); 
  transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9; z-index: -1;
}
.inon-wrap li:hover .com-hover::before,
.com-hover.on::before,
.com-hover:hover::before{transform:scaleX(1); -webkit-transform:scaleX(1);transform-origin:0%; 
  -webkit-transform-origin:0%; }
.com-hover:hover a,
.com-hover.on a{color: #fff!important;}


.btn{ display: inline-block; *display:inline; *zoom:1;  text-decoration: none; position: relative; color:#333;}

.btn16{ position:relative; color: #666; overflow: hidden; -webkit-transition: all .6s;transition: all .6s;}
.btn16:hover span{ color:#fff; border-color:#56aab7;}
.btn16 .bgsqr1{ background: linear-gradient(60deg,#0086ac,#00bab4);position: absolute;width: 0;height: 0;border-radius: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);
-webkit-transition: width .6s,height .6s;transition: width .6s,height .6s;z-index: -1; left:0\9 !important; top:0\9 !important;}
.inon-wrap li:hover .btn16 .bgsqr1,
.btn16:hover .bgsqr1{ width:1000px; height:1000px;}
.btn16 span{ position:relative; z-index:33; }

.btn12{ border:1px solid #d0d0d0; position:relative; color: #666; overflow: hidden; -webkit-transition: all .6s;transition: all .6s;}
.btn12:hover{ color:#fff; border-color:#0073be;}
.btn12 .bgsqr1,.btn12 .bgsqr2{background:#0073be;position: absolute;top: 50%; top:0\9;content: '';width: 20px;height: 20px; -webkit-border-radius: 50%;border-radius: 50%;-webkit-transition: all 0.6s; transition: all 0.6s; opacity:0.5;}
.btn12 .bgsqr1{left: -20px;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.btn12 .bgsqr2{right: -20px;-webkit-transform: translate(50%,-50%);transform: translate(50%,-50%);}
.btn12:hover .bgsqr1{ -webkit-animation:criss-cross-left .8s both;animation:criss-cross-left .8s both;width:375px\9;height:375px\9;  opacity:1;}
.btn12:hover .bgsqr2{ -webkit-animation:criss-cross-right .8s both;animation:criss-cross-right .8s both;width:375px\9;height:375px\9;opacity:1;}
.btn12 span{ position:relative; z-index:1;}
@-webkit-keyframes criss-cross-left {
 0% {
  left:-20px
 }
 50% {
  left:50%;width:20px;height:20px;
 }
 100% {
  left:50%;width:375px;height:375px;
 }
}
@keyframes criss-cross-left {
 0% {
  left:-20px
 }
 50% {
  left:50%; width:20px;height:20px;
 }
 100% {
  left:50%;width:375px;height:375px;
 }
}
@-webkit-keyframes criss-cross-right {
 0% {
  right:-20px
 }
 50% {
  right:50%;width:20px;height:20px;
 }
 100% {
  right:50%;width:375px;height:375px;
 }
}
@keyframes criss-cross-right {
 0% {
  right:-20px
 }
 50% {
  right:50%;width:20px;height:20px;
 }
 100% {
  right:50%;width:375px;height:375px;
 }
}

.btn4{ border:1px solid #d0d0d0; border:1px solid rgba(0,0,0,0.2); -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;}
.btn4:hover{ color:#fff; }
.btn4 .btnbg-x { background:#ec6b00;position: absolute;z-index: -1;top: -1px;left: -1px;right: -1px; bottom: -1px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
	opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	background-color: #2f308a;
	color: #FFFFFF;
}
.btn4:hover .btnbg-x{
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
	opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.btn4 span{ position:relative; z-index:1; text-transform: capitalize}




.com-line{position: relative;}
.com-line::after{transition: all 0.5s;
  content: "";display: block;background-color: #0073be;
  position: absolute;bottom:0;left: 0;width: 0%;height: 1px;}
.com-line:hover::after{width: 100%;}


.index-span{font-size: 50px;color: #eb9745;font-family: 'Roboto';    display: inline-block;
   background-image: -webkit-linear-gradient(top, #eb9745, #efad6db8,transparent);
   /* //设置颜色与渐变方向 */
  background-clip: text;
  -webkit-background-clip: text; 
  /* //主要用于剪掉文字以外的区域。 */
  -webkit-text-fill-color: transparent;
  /* //设置文本的填充颜色。 */
}
.index-tit{font-size: 36px;color: #2f308a;font-weight: bold;}
.index-dec{color: #3a3a3a;margin-top: 12px;line-height: 24px;}


.bold{font-weight: bold;font-style: normal;}
em{font-style: normal;}
.pt75{padding-top: 75px;}
.mb80{margin-bottom: 80px;}


.line-doc{width: 100%;height: 1px;background-color: #e5e5e5;position: relative;  margin: 40px 0 37px;}
.line-doc::before{
  transition: all 0.5s;
  z-index: 99;
  content: "";
  display: block;
  background-color: #e5e5e5;
  position: absolute;
  bottom: 50%;
  right: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  transform: translate(50%,50%);
  }
.line-doc::after{
  transition: all 0.5s;
  content: "";
  display: block;
  background-color: #e5e5e5;
  position: absolute;
  bottom: 0;
  right: 50%;
  width: 0%;
  height: 1px;
  border-radius: 50%;
  z-index: -1;
}
.line-docdoc{
  position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: all 0.5s;
  width: 0;height: 0;background-image: linear-gradient(60deg,#0086ac,#00bab4);border-radius: 50%; 
}



.button13 {
    color: #fff;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    position: relative;
    display: inline-block;
    /* padding: 18px 82px 17px; */
    width: 250px;text-align: center;
    height: 60px;line-height: 62px;
}
.button13 span{position: relative;z-index: 3;}
.button13 a {
    color: #333;
    text-decoration: none;
    display: block
}

.button13::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border: 1px solid rgba(255,255,255,1);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-radius: 3px;
}

.button13:hover::before {
    opacity: 0;
    -webkit-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);

}

.button13::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-color: rgba(255,255,255,.25);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: scale(.5,.5);
    transform: scale(.5,.5);border-radius: 3px;
}

.button13:hover::after {
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1)
}

#message::-webkit-input-placeholder,
#message:-moz-placeholder,
#message::-moz-placeholder,
#message:-ms-input-placeholder{color: #999;}

/* 公共 */
.ny-left{float: left;}
.ny-right{float: right;}

.index-btn em{font-size: 14px;margin-left: 5px;}





.ny-nav1,
.ny-nav{text-align: center;}
.ny-nav1 li,
.ny-nav li{display: inline-block;vertical-align: top;}
.ny-nav li span{padding: 0 42px;}
.ny-nav li:nth-child(2)::after,
.ny-nav li:nth-child(2)::before{width: 1px;height: 18px;background-color: #c6c6c6;content: "";display: inline-block;vertical-align: middle;margin-top: -5px;transform: rotateZ(20deg);}
.ny-nav li.on span,
.ny-nav li:hover span{font-weight: bold;color: #0073be;}

.ny-nav1 li{}
.ny-nav1 li span{color: #666;display: inline-block;    padding: 9px 22px 9px 23px;border-radius: 25px;transition: all 0.5s;cursor: pointer;    margin: 0 16px;}
.ny-nav1 li.on span,
.ny-nav1 li:hover span{color: #fff;background-color: #0073be;}


@media (max-width: 1459px) {
  .ny-tit{font-size: 32px;}
}
@media (max-width: 1259px) {
  .ny-tit{font-size: 28px;}
}
@media (max-width: 991px) {
  .ny-tit{font-size: 26px;}
}
@media (max-width: 767px) {
  .ny-tit{font-size: 22px;}
}

/* ============ */

.app-menu{height: 45px;background: #fff;display: none;}
.app-parent{height: 100%; position: relative;}
.app-item{position: relative;height: 45px;padding: 0 15px;}
.app-cate{line-height: 45px; float: left;font-size: 14px;color: #333;}
.app-tig{position: absolute;width: 20px;height: 45px;top: 0;right: 15px;background: url(../image/pro-dowm.png) no-repeat center;}
.app-parent .pro-menu{display: none;position: absolute;width: 100%;left: 0;top: 100%;z-index: 33;}
.app-parent.open .app-tig{transform: rotate(90deg);}
.app-parent.open .app-item{border-bottom: solid 1px #eee;}
.app-menu .pro-menu{padding: 0 6px;background: white;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.app-menu .pro-item1{position: relative; height:41px; line-height: 40px;border-bottom: solid 1px #eeeeee;padding: 0 10px;}
.app-menu .pro-cate1{display: block;margin-right: 20px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden; font-size: 14px;color: #222;}
.app-menu .pro-tig1{position: absolute;right: 20px;top: 0; transition: all .5s; width: 20px;height: 40px;background: url(../image/pro-dowm.png) no-repeat center;}
.app-menu .pro-item2{position: relative;height: 41px; line-height: 40px;border-bottom: solid 1px #eeeeee;padding: 0 10px;}
.app-menu .pro-cate2{display: block;margin-right: 20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; font-size: 14px;color: #555;}
.app-menu .pro-cate2::before{content: "";width: 4px;height: 4px;background-color: #0073be;border-radius: 50%;display: inline-block;vertical-align: middle;margin-right: 6px;}
.app-menu .pro-tig2{position: absolute;right: 20px;top: 0; transition: all .5s;width: 20px;height:40px;background: url(../image/pro-dowm.png) no-repeat center;}
.app-menu .pro-slide2{border-bottom: solid 1px #eeeeee;}
.app-menu .pro-pad{padding: 7px 25px 4px;}
.app-menu .pro-pad a{display: block;font-size: 12px;color: #888;line-height: 20px;}
.app-menu .pro-slide1,.app-menu .pro-slide2{display: none;}
.app-menu .pro-parent1.open .pro-cate1,.app-menu .pro-cate1:hover{color: #0073be;font-weight: bold;}
.app-menu .pro-parent1.open .pro-tig1,.app-menu .pro-parent2.open .pro-tig2{transform: rotate(90deg);}
.app-menu .pro-parent2.open .pro-cate2{color: #0073be;}
.app-menu .pro-pad a.on,.pro-pad a:hover,.pro-cate2:hover{color: #0073be;}
.app-menu .pro-parent1.open .pro-slide1,.app-menu .pro-parent2.open .pro-slide2{display: block;}
.app-menu .pro-parent1:last-child .pro-item1{border-bottom: none;}
.app-menu{box-shadow: 0 0 13px rgba(0,0,0,.1);}

@media (max-width: 1259px) {

}
@media (max-width:991px){
  	.app-menu{display: block;}
}


/* =========index========== */






.index-one{}
.index-one .ny-header{text-align: left;}
.index-one .ny-wrap{position: relative;}
.index-one .ny-left{width: 32.674%;padding: 147px 0;position: relative;z-index: 1;}
.index-three .index-btn,
.index-one .ny-left .index-btn{margin-right: 10px;padding: 5px 16px;color: #333;border: 1px solid #9f9f9f;}
.index-three .index-btn .btnbg-x,
.index-one .ny-left .btnbg-x {background: #0073be;}
.index-three .index-btn:hover,
.index-one .ny-left .index-btn:hover {color: #fff;border: 1px solid #0073be;}
.inon-dec{font-family: 'EVILDEAD';font-size: 36px;color: #f0f0f0;padding-bottom: 64px;margin-top: 3px;}
.inon-left{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.inon-nav{text-align: left;width: 40.2%;margin-top: 93px;padding-bottom: 34.5%;}
.inon-nav h4{font-family: 'EVILDEAD';color: #0073be;line-height: 50px;background-color: #fff;border: 1px solid #f6f6f6;display: inline-block;min-width: 96px;padding: 0 15px;}
.inon-nav p{line-height: 50px;height: 50px;padding: 0 15px;display: inline-block;color: #fff;background: #0073be url(../image/right.png)no-repeat 93% center;padding-right: 15px;position: absolute;top: 0;left: 0;width: 0;opacity: 0;transition: all 0.2s;}
.inon-nav p span{width: 90%;display: inline-block;}
.inon-nav .ny-item{height: 50px;overflow: hidden;position: relative;}
.inon-nav li{margin-bottom: 11px;}
.inon-nav li.on .ny-item,
.inon-nav li:hover .ny-item{}
.inon-nav li.on p,
.inon-nav li:hover p{width: 100%;opacity: 1;}


.inon-box{display: none;}
.inon-box.on{display: block;}
.index-one{background: #f9f9f9 url(../image/inon-bj.png);background-size: 100%;background-position: center;transition: all 0.5s;}
.index-two:hover,
.index-one:hover{
-webkit-animation: bjrmovebj 8s ease-in-out infinite alternate;
-moz-animation: bjrmovebj 8s ease-in-out infinite alternate;   
animation: bjrmovebj 8s ease-in-out infinite alternate;
}


@-moz-keyframes bjrmovebj /* Firefox */
{
   0%{
  background-size: 100%;
 }  
 100%{
  background-size: 120%;
 }
}

@-webkit-keyframes bjrmovebj /* Safari 和 Chrome */
{
   0%{
  background-size: 100%;
 }  
 100%{
  background-size: 120%;
 }
}

@-o-keyframes bjrmovebj /* Opera */
{
   0%{
  background-size: 100%;
 }  
 100%{
  background-size: 120%;
 }
}
@keyframes bjrmovebj
{
 0%{
  background-size: 100%;
 }  
 100%{
  background-size: 120%;
 }
}





.index-one .ny-right:hover{background-position: 0 0 ;}
.index-one .ny-right{width: 66.326%;background: url(../image/inon-2.png)no-repeat center;background-size: 100%;    background-position: 100px -100px;transition: all 1s;}
.index-one .ny-right>img{width: 100%;}
.index-one .ny-right h4{font-weight: bold;font-size: 60px;color: #575757;line-height: 72px;margin-bottom: 29px;}
.inon-right{position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: right;}
.inon-swiper{margin-top: 10.05%;width: 42.5%;display: inline-block;text-align: left;}

.inon-swiper .ny-img{width: 80.72%;}
.inon-swiper .ny-img img{width: 100%;}
.inon-swiper .ny-txt{padding-left: 56px;}
.inon-swiper .swiper-pagination-bullet{width: 30px;height: 2px;background-color: #bfbfbf;border-radius: 0;margin-right: 15px;}
.inon-swiper .swiper-pagination-bullet-active{width: 58px;height: 2px;background-color: #0073be;}
.inon-swiper .swiper-pagination{position: inherit;text-align: left;    margin-top: 55px;}



.ind2 {
    width: 100%;
    -webkit-transition: 0.6s linear;
    transition: 0.6s linear;
}

.ind22 {
    width: 100%;
    -webkit-transition: 0.6s linear;
    transition: 0.6s linear;
}

.ind2_txt {
    float: left;
    width: 20%;
    position: relative;
    height: 100%;
}

.ind2_txt::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background: rgba(255, 255, 255, .15);
    top: 0;
    right: 0;
}

.ind2mb {
    width: 100%;
    height: 100%;
    background: rgba(22, 22, 22, .2);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: 0.6s linear;
    transition: 0.6s linear;
    z-index: 1;
}

.ind2_con {
    box-sizing: border-box;
    position: relative;
    z-index: 11;
    position: absolute;
    top: 64%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
}

.ind2_con>h4 {
    color: #fff;
    font-weight: bold;
    /* text-align: center; */
}

.ind2_con>p {font-weight: bold;color: #fff;line-height: 1;margin: 0;/* text-align: center; */margin-top: 9px;}

.heng {
    width: 80%;
    height: 1px;
    background: #fff;
    position: relative;
    margin: 60px auto 68px;
    opacity: 0;transition: all 0.5s;
}
.ind2_txt:hover .heng{opacity: 1;}

.ind2_con>img {
    opacity: 0;
    -webkit-transition: 0.6s linear;
    transition: 0.6s linear;
}



.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }

}

.ind2 {position: relative;}
.ind2 .ny-header{position: absolute;top: 0;left: 0;width: 100%;background: linear-gradient(#034ba4,transparent);height: 35.8%;z-index: 33;padding-top: 7.3%;}
.ind2 .index-dec{color: #fff;}


.index-two{    position: relative;}
.index-two{background: #f9f9f9 url(../image/inth-bj.png);background-size: 100%;background-position: center;transition: all 0.5s;}
.index-two .ny-header{text-align: left;}
.index-two .ny-wrap{position: relative;}
.index-two .ny-left{}
.index-two .inon-dec{background: none;padding-bottom: 0;}
.index-two .ny-txt p{color: #666;line-height: 30px;height: 120px;}
.index-two .ny-left {width: 55%;background: url(../image/inth-2.png)no-repeat top left;background-size: 100%;background-position: -100px;transition: all 0.5s;}
.index-two .ny-left img{width: 100%;}
.index-two:hover .ny-left {background-position: 0;}
.inth-right{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.inth-right .index-tit{color: #0073be;}
.index-two .ny-right{width: 36.51%;margin-top: 10.55%;}
.index-two .ny-right .ny-txt{margin: 2px 0 61px;}
.inth-ul{margin-top: 65px;}
.inth-ul h4{color: #000;margin: 13px 0 14px;}
.inth-ul p{color: #666;line-height: 24px;width: 74%;height: 48px;}
.inth-ul li{width: 64.5%;margin-bottom: 22px;}
.inth-ul li:nth-child(2n){width: 35.5%;}
.inth-ul li:nth-child(2n) p{width: 98%;}
.inth-ul li:hover h4{color: #0073be;}
.inth-ul li:hover img{animation: swing 0.5s ;}
.inth-left{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.index-three .index-tit,
.inth-left h4{padding-left: 46px;background: url(../image/down.png)no-repeat 12px 10px;color: #0073be;}
.index-three .ny-header p,
.inth-left p{color: #acacac;padding-left: 46px;    margin-top: 4px;font-weight: bold;}
.inth-left{}
.inth-boxs{display: inline-block;position: relative;z-index: 1;margin-top: 9.3%;/* display: none; */}
.inth-boxs a{display: inline-block;vertical-align: middle;    margin-left: 42px;}
.inth-boxs:hover a{animation: swing 0.5s;}
.inth-box{display: inline-block;vertical-align: middle;}

.index-three{padding: 95px 0;}
.index-three .ny-top .index-btn{float: right;margin-top: 0px;}
.index-three .ny-header{text-align: left;display: inline-block;    width: 50%;}
.index-three .ny-header h4{display: inline-block;}
.index-three .ny-header p{display: block;}
.index-three .ny-wrap{position: relative;margin-top: 74px;background: #f8f8f8;}
.index-three .ztyw-font{background-color: #f8f8f8;padding: 29px 40px 22px;width: 100%;}
.index-three .ztyw-font h4{color: #333;font-weight: bold;line-height: 30px;}
.index-three .ztyw-font p{color: #666;line-height: 30px;height: 60px;}
.index-three .ny-left{width: 50%;}
.index-three .ny-right a:hover h4,
.index-three .ny-left:hover h4{color: #0073be;}
.index-three .ny-right a:hover img,
.index-three .ny-left:hover img{transform: scale(1.05);}
.index-three .ny-right{width: 50%;background-color: #f8f8f8;}

.index-three .ny-right .ztyw-img{width: 50%;}
.index-three .ny-right .ztyw-font{width: 50%;padding: 60px 32px 22px;}
.index-three .ny-right .ztyw-font p{margin: 18px 0 20px;}
.index-three .ny-right .com-ztyw:last-child .ztyw-img{float: right;}
.index-three .ny-right .com-ztyw:last-child .ztyw-font{float: left;}


.inth-time{float: right;position: relative;}
.inth-time span:first-child{font-size: 12px;font-weight: bold;color: #d7d7d7;transform: translateY(-45px);display: inline-block;}
.inth-time span:last-child{font-size: 24px;font-weight: bold;color: #0073be;transform: translateY(-11px);margin-left: 4px;display: inline-block;}
.inth-time::after {content: "";}
.inth-time  em{display: inline-block;transform: rotate(36deg);width: 1px;height: 75px;background-color: #d7d7d7;}
.index-three .ztyw-font .index-btn{margin-top: 18px;font-size: 12px;}
.index-three .ny-left p{margin: 22px 0 77px;}
    

@media (max-width: 1919px) {
  .inon-nav{    padding-bottom: 12.5%;}
  .index-one .ny-right h4{    font-size: 54px;    line-height: 66px;}

  .index-two .ny-right{    margin-top: 4.8%;}
  .inth-boxs{margin-top: 5.8%;}
  .index-three .ny-left p {margin: 22px 0 62px;}
  .index-three .ny-right .ztyw-font p {margin: 18px 0 36px;}
}
@media (max-width: 1679px) {
  .inon-swiper {margin-top: 7.05%;}
  .inon-dec{padding-bottom: 40px}
  .inon-nav{padding-bottom: 9.5%;margin-top: 40px;width: 50.2%;}
  .index-one .ny-right h4 {font-size: 50px;line-height: 62px;}
  .index-two .ny-right .ny-txt {margin: 2px 0 36px;}
  .inth-ul {margin-top: 20px;}
  .inth-ul p{width: 100%;}
.index-two .inth-boxs img{width: 100px;}
.index-three .ny-left p {margin: 22px 0 19px;}
.index-three .ny-right .ztyw-font{    padding: 50px 32px 25px;}
.index-three .ny-right .ztyw-font p {margin: 10px 0 8px;}
   .index-three{padding: 80px 0;}
   .index-three .ny-wrap{margin-top: 50px;}
}
@media (max-width: 1459px) {
   .index-one .ny-right h4 {font-size: 40px;line-height: 50px;}
   .index-tit {font-size: 34px;}
   .index-one .ny-left{padding: 72px 0;}
   .inon-dec{font-size: 30px;}
   .heng{    margin: 38px auto 48px;}

   .index-two .ny-right {width: 39.51%;}
   .index-two .ny-txt p{line-height: 26px;height: 73px;}
   .index-two .inth-boxs img {width: 90px;}
   .inth-ul li img{width: 50px;}
   .index-two .ny-left {width: 56%;}
   .index-three{padding: 60px 0;}
   .index-three .ztyw-font{padding: 37px 40px 17px;}
   .inth-time span:last-child {font-size: 22px;}
   .inth-time em{    height: 62px;}
   .index-three .ny-right .ztyw-font {padding: 32px 20px 15px;}
   .index-three .ny-wrap{margin-top: 35px;}
}
@media (max-width: 1259px) {
  .inon-swiper .ny-txt {padding-left: 0px;}
  .index-one .ny-right h4 {font-size: 34px;line-height: 40px;}
  .inon-swiper .swiper-pagination{    margin-top: 16px;}
  .inon-dec{font-size: 24px;padding-bottom: 28px;}
  .index-tit {font-size: 30px;}
  .inon-nav{padding-bottom: 5.5%;margin-top: 20px;width: 62.2%;}
  .inon-nav p {line-height: 45px;height: 45px;}
  .inon-nav h4{line-height: 45px;}
  .inon-nav li {margin-bottom: 5px;}
  .index-one .ny-left {padding: 42px 0;}
  .ind2_con>img{width: 42px;}
  .heng {margin: 32px auto 30px;}
  .index-two .ny-txt p{height: 52px;}
  .index-two .ny-right .ny-txt {margin: 2px 0 16px;}
  .inth-ul li img {width: 40px;}
  .inth-ul h4{margin: 8px 0;}
  .inth-ul li{margin-bottom: 6px;}
  .inth-ul {margin-top: 12px;}
  .index-two .ny-right { width: 41.51%;}
  .index-two .inth-boxs img {width: 80px;}
  .index-three{padding: 50px 0;}
  .index-three .ztyw-font h4{line-height: 26px;}
  .index-three .ztyw-font p{line-height: 24px;height: 48px;}
  .inth-time{display: none;}
  .index-three .ny-left .inth-time{display: block;}
  .index-three .ztyw-font .index-btn {margin-top: 0;}
  .index-three .ny-right .ztyw-font {padding: 27px 20px 17px;}
  .index-three .ny-left p {margin: 10px 0 19px;}
  .index-three .ztyw-font {padding: 23px 40px 4px;}
}
@media (max-width: 991px) {
.inon-left{position: initial;}
.index-one .ny-left{width: 100%;z-index: 2;}
.inon-nav{display: none;}
.index-one .app-menu{display: block;margin: 20px 0;}
.index-one .ny-right {width: 100%;position: relative;background-size: auto 100%;background-position: right;}
.inon-swiper{width: 100%;}
.index-one .ny-right h4 {font-size: 28px;line-height: 36px;}
.inon-swiper .ny-img {width: 60%;    margin: auto;}
.index-one .ny-right>img {width: 84%;float: right;}
.inon-swiper .ny-txt{text-align: center;}
.inon-swiper .swiper-pagination{text-align: center;}
.index-two .ny-left{width: 100%;}
.inth-right{position: initial;}
.index-two .ny-right{width: 100%;margin: 0;padding: 45px 0;}
.index-two .ny-left img {width: 58%;}
.index-two .ny-left{background-size: auto 100%;background-position: 0;}
.inth-boxs a{margin-left: 22px;}
.inth-ul { margin-top: 24px;}
.index-three .ny-left{width: 100%;}
.index-three .ny-right{width: 100%;}
.index-three .ny-right .ztyw-font {padding: 56px 20px;}
.index-three .ny-right .ztyw-font p {margin: 28px 0;}
} 
@media (max-width: 767px) {
  .index-tit {font-size: 22px;}
  .inon-dec{font-size: 20px;}
  .index-one .ny-right h4 {font-size: 20px;line-height: 26px;    margin-bottom: 15px;}
  .inon-right {position: initial;background: url(../image/inon-111.png)no-repeat right  center;background-size: 100% 100%;}
  .index-one .ny-right>img{display: none;}
  .index-one .ny-right{background: none;/* z-index: 1; */}
  .index-btn {font-size: 14px;}
  .inon-swiper .swiper-pagination {margin-top: 0;}
  .inon-swiper {margin: 0;padding: 40px 0 20px;}
  .inon-swiper .swiper-pagination-bullet-active {width: 30px;}
  .inon-swiper .swiper-pagination-bullet {width: 10px;margin-right: 8px;}
  .ind22{display: none;}
  .ind2{padding: 45px 0;}
  .ind2 .ny-header{position: initial;background: none;padding-top: 0;}
  .ind2 .index-dec{    color: #3a3a3a;}
  .ind2-swiper{margin-top: 20px;}
  .heng{opacity: 1!important;margin: 14px auto;width: 50%;}
  .ind2_con>img{opacity: 1!important;}
  .ind2_con{top: 50%;}
  .ind2_con>img {width: 32px;}
  .index-three .ny-header p, .inth-left p{padding-left: 35px;}
  .index-three .index-tit, .inth-left h4{padding-left: 35px;background-position-y: 0;}

  .index-two .ny-txt p{height: auto;}
  .index-two .inth-boxs img{width: 50px;}
  .index-two .ny-left{background: url(../image/inth-111.png)no-repeat left;background-size: 100%;}
  .index-two .ny-left>img{opacity: 0;}
  .index-two .ny-left img {width: 50%;}
  .index-two .inth-boxs img{margin-top: -10px;width: 40px;}
  .inth-ul li{width: 25%;float: left;text-align: center;}
  .inth-ul li:nth-child(2n){width: 25%;}
  .inth-ul p{height: auto;}
  .index-three{padding: 45px 0;}
.index-three .ny-right .ztyw-font{width: 100%;}
.index-three .ny-right .ztyw-img{width: 100%;}
.index-three .ny-left{margin-bottom: 20px;}
.index-three .ny-right{margin-bottom: -20px;}
.index-three .ny-right .ztyw-font{padding: 20px;margin-bottom: 20px;}
.index-three .ny-right .ztyw-font p {margin: 12px 0;}
} 






.new-btn{width: 120px;height: 35px;text-align: center;border-radius: 20px;border: 1px solid #0073be;display: block;position: relative;overflow: hidden;}
.new-btn::before{transition: all 0.5s;
  content: "";display: block;background-color: #0073be;
  position: absolute;left: 0;width: 0%;height: 100%;}
.new-btn span{
  font-size: 14px;
  color: #0073be;
  transition: all 0.5s;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  display: inline-block;
  }
.new-btn span:first-child{left: 50%;width: 100%;}
.new-btn span:last-child{left: -100%;color: #fff;}
.new-btn:hover  span:first-child{left: 150%;}
.new-btn:hover  span:last-child{left: 50%;width: 100%;}
.new-btn:hover::before{width: 110%;}
.new{}
.new-one{padding: 66px 0 80px;}
.new-one li{padding-bottom: 45px;border-bottom: 1px solid #dcdcdc;margin-bottom: 41px;}
.new-one li:last-child{margin-bottom: 0;}
.new-one .ztyw-img{width: 20.22%;}
.new-one .ztyw-font{width: 77.142%;float: right;padding-top: 11px;}
.new-one .ztyw-font h4{color: #000;    margin: 12px 0;}
.new-one .ztyw-font p{color: #666;line-height: 30px;height: 60px;}
.new-one .ztyw-font .time{color: #010101;font-weight: bold;}
.new-one .new-btn{margin-top: 36px;}
.new-one li:hover.ssline3::after{width: 100%;left: 0%;right: auto;}
.new-one li:hover .new-btn  span:first-child{left: 150%;}
.new-one li:hover .new-btn  span:last-child{left: 50%;width: 100%;}
.new-one li:hover .new-btn::before{width: 110%;}
.new-one li:hover h4{color: #0073be;}
.new-one li:hover img{transform: scale(1.05);}


@media (max-width: 1459px) {
  .new-one{padding: 60px 0 ;}
  .new-one .ztyw-font h4{font-size: 20px;}
  .new-one .ztyw-font p{line-height: 26px;height: 52px;}
  .new-one .new-btn {margin-top: 18px;}
  .new-one li{padding-bottom: 30px;margin-bottom: 30px;}
}
@media (max-width: 1259px) {
  .new-one .ztyw-img {width: 25.5%;}
  .new-one .ztyw-font {width: 72.142%;}
    .new-one{padding: 50px 0 ;}
}
@media (max-width: 991px) {
    .new-one .ztyw-img {width: 33.5%;}
  .new-one .ztyw-font {width: 63.142%;}
}
@media (max-width: 767px) {
  .new-one .ztyw-img{width: 100%;}
  .new-one .ztyw-font{width: 100%;padding-top: 20px;}
    .new-one li{padding-bottom: 20px;margin-bottom: 20px;}
      .new-one{padding: 45px 0 ;}
}
@media (max-width: 639px) {}
@media (max-width: 400px) {}



.case{padding: 72px 0 91px;}
.case-one{}
.case-one ul{margin: 0 -20px -41px;}
.case-one li{width: 50%;padding: 0 20px;margin-bottom: 41px;}
.case-one li p{color: #999;}
.case-one li h4{    display: block;}
.case-one li:hover img{transform: scale(1.05);}
.case-one li:hover h4{color: #ff7400;}
.case-one li:hover span,.pro-bot li:hover .add-icon{width: 29px;height: 29px;background: url(../image/more2h.png);}

.case-one li:hover .ssline::after{width: 50%;background-color: #ff7400;}
.add-icon{width: 29px;height: 29px;border-radius: 3px;display: inline-block;background:#ff7400;float: right;margin-top: 3px;position: relative;transition:all 0.5s;background: url(../image/more2.png) no-repeat;}
.add-icon::after,
.add-icon::before{width: 12px;height: 2px;background-color: #fff;content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: all 0.5s;display: none;}
.add-icon::after{transform: translate(-50%,-50%) rotateZ(90deg);display: none;}
.case-one li .swxt-font{background-color: #f8f8f8;text-align: left;padding: 34px 23px 10px;}
.case-one li .ssline::after{width: 32%;height: 2px;background-color: #e5e5e5;margin: 22px 0 12px;transition:all 0.5s;}
.caon-font{width: calc(100% - 40px);    display: inline-block;}
.lpage{margin-top: 80px;}

@media (max-width: 1459px) {
  .case-one li .ssline::after{    margin: 16px 0 12px;}
  .lpage{margin-top: 60px;}
  .case{padding: 60px 0;}
}
@media (max-width: 1259px) {
  .case{padding: 50px 0;}
  .case-one li .swxt-font{padding: 26px 20px;}
  .lpage{margin-top: 50px;}
}
@media (max-width: 991px) {
  .case-one li{padding: 0 10px ;margin-bottom: 20px;}
  .case-one ul{margin: 0 -10px -20px }
}
@media (max-width: 767px) {
  .case{padding: 45px 0;}
  .lpage{margin-top: 45px;}
  .case-one li{width: 100%;}
  .case-one li .swxt-font {padding: 20px;}
}
@media (max-width: 639px) {}
@media (max-width: 400px) {}




/* service */
.service-one{padding: 33px 0 80px;}
.serv-top{font-size: 0;padding: 61px 0 37px;border-bottom: 1px solid #dcdcdc;}
.serv-font{width: 80%;float: left;margin-left: 5.5%;}
.serv-time{float: left;}
.serv-icon{float: right;}
.serv-icon .add-icon {width: 42px;height: 42px;}
.serv-icon .add-icon::after,.serv-icon .add-icon::before{width: 19px;height: 3px;}
.serv-time span{color: #999;display: inline-block;width: 100%;text-align: right;padding: 0 5px;}
.serv-time p{color: #000;font-weight: bold;}
.serv-time p::before{  transition: all 0.2s;
  content: "";  vertical-align: middle;
  display: block;background-color: #e5e5e5;width: 96px;height: 2px;margin: 8px auto 1px;}
.serv-font{/* max-height: 102px; */overflow: hidden;transition:all 0.5s;height: 100px;}
.serv-font h4{color: #000;margin-bottom: 12px;line-height: 30px;}
.serv-font p{line-height: 30px;color: #666;font-size: 16px;}

.serv-ul{}
.serv-ul ul{}
.serv-ul li{}
.serv-ul li.on .serv-font{max-height: 1000px;height: auto;overflow-x: auto;}
.serv-ul li.on .add-icon{transform: rotateZ(90deg);}
.serv-ul li.on .add-icon::before{opacity: 0;}


@media (max-width: 1459px) {
  .serv-top{padding: 45px 0 35px;}
  .service-one {padding: 10px 0 60px;}
  .serv-font p {line-height: 26px;}
  .serv-font {/* max-height: 100px; */}
}
@media (max-width: 1259px) {
  .serv-font{width: 79%;margin-left: 3.5%;}
  .serv-font h4{margin-bottom: 6px;line-height: 28px;}
    .service-one {padding: 10px 0 50px;}
}
@media (max-width: 991px) {
  .serv-font {width: 74%;    margin-top: -5px;}
  .serv-top {padding: 36px 0 25px;}
}
@media (max-width: 767px) {
  .service-one {padding: 10px 0 45px;}
  .serv-time{display: none;}
  .serv-icon .add-icon{width: 22px;height: 22px;background-size: 22px;}
  .serv-icon .add-icon::after, .serv-icon .add-icon::before{width: 12px;height: 2px;}
  .serv-font {width: calc(100% - 50px);height: 98px;}
}




.newinfo{padding: 71px 0 0;}
.newinfo-one{}
.newinfo-header h4 {color: #000;line-height: 36px;}
.newinfo-header p {color: #666;line-height: 28px;color: #666;padding:3px 0 33px;}
.newinfo-header span{font-family: 'Arial';margin-right: 16px;}
.newinfo-header span:last-child{margin-right: 0;}
.newinfo-header {border-bottom: 1px solid #dfdfdf;text-align: center;}
.newinfo-center{padding:50px 0 57px;font-size: 16px;border-bottom: 1px solid #dfdfdf;}
.newinfo-center img{max-width: 100%;height: auto !important;display: block;margin: 0 auto;}
.newinfo-center p{color: #666;line-height: 32px;}
.newinfo-footer{text-align: center;    margin:44px 0;}
.newinfo-footer a{font-size: 16px;width: 38%;display: inline-block;padding: 0 10px;}
.newinfo-footer em{display: inline-block;width: 18px;height: 16px;vertical-align: middle;background:#ff7400 url(../image/right.png)no-repeat center;background-size: 7px;margin-top: 0;margin-right: 17px;}
.newinfo-footer span{color: #ff7400;vertical-align: middle;}
.newinfo-footer a:hover span{color: #ff7400;}
.newinfo-footer span.omit1{color: #000;max-width: 80%;display: inline-block;vertical-align: middle;text-align: left;}
.newinfo-prev em{transform: rotateZ(180deg);}

@media (max-width: 1459px) {
  .newinfo{padding-top: 60px;}
  .newinfo-footer span.omit1{max-width: 75%;}
}
@media (max-width: 1259px) {
    .newinfo{padding-top: 50px;}
    .newinfo-footer a {width: 48%;}
    .newinfo-footer{margin: 35px 0;}
    .newinfo-header p{padding: 0px 0 24px;}
}
@media (max-width: 991px) {
  .newinfo-footer span.omit1 {max-width: 65%;}
}
@media (max-width: 767px) {
    .newinfo{padding-top: 45px;}
    .newinfo-footer a {width: 100%;margin-bottom: 10px;text-align: left;}
    .newinfo-center{padding: 30px 0;}
}





.about-ban.ban-nav .com-ul li a{padding:  0 52px;}
.brand{padding-bottom: 70px;}
.brand-one {padding: 57px 0 8px}
.brand-one .ny-header{border-bottom: 1px dashed #cfcfcf;text-align: left;}
.brand-tit{font-weight: bold;color: #0073be;padding-left: 22px;background: url(../image/dot.png)no-repeat 4px center;}
.brand-dec{color: #333;line-height: 30px;padding-left: 22px;    margin: 20px 0 50px;}
.brand-swiper .swxt-font{background-color: #f6f6f6;    padding: 25px 10px 27px;}
.brand-one .ny-wrap{ padding: 54px 0 0;position: relative;}
.brand-one .swiper-pagination{display: none;}

.swiper-tool{display: inline-block;width:auto;z-index: 11;position: absolute;top: -20px;right: 0;background-color: #fff;padding-left: 10px;}
.swiper-tool .swiper-button-next,.swiper-tool .swiper-button-prev {
  background: #ededed url(../image/right.png)no-repeat center!important;
  background-size: 7px;
  width: 40px!important;
  height: 40px!important;
  border-radius: 50%;
  text-align: center;
  font-size: 0!important;
  top: 0%!important;
  opacity: 1!important;
  position: initial!important;
  float: left;
  margin-left: 12px;margin-top: 0;
}
.swiper-tool .swiper-button-prev{transform: rotateZ(180deg);}
.swiper-tool .swiper-button-next:hover,.swiper-tool .swiper-button-prev:hover{background-color:#0073be!important;}

@media (max-width: 1459px) {
  .brand-one .ny-wrap {padding: 35px 0 0;}
  .brand-dec{    margin: 20px 0 35px;    line-height: 26px;}
  .brand {padding-bottom: 60px;}
}
@media (max-width: 1259px) {
   .brand {padding-bottom: 50px;}
   .brand-swiper .swxt-font{padding: 20px 10px;}
   .brand-one {padding: 50px 0 0px;}
}
@media (max-width: 991px) {}
@media (max-width: 767px) {
   .brand {padding-bottom: 45px;}
}



.down-one{padding: 68px 0 80px;}
.down-ul img{margin-right: 15px;}
.down-ul p{display: inline-block;width: 82%;vertical-align: middle;color: #000;}
.down-ul a{display: inline-block;background: url(../image/down-bj.png)no-repeat center;background-size: 100%;padding: 9px 77px 10px 34px;float: right;margin-top: 8px;}
.down-ul .ny-item{padding: 21px 28px;border: 1px solid #f5f5f5;border-radius: 5px;transition: all 0.5s;}
.down-ul li{margin-bottom: 14px;}
.down-ul li:last-child{margin-bottom: 0;}

.down-ul li:hover .ny-item{background-color: #f5f5f5;}
.ny-banner .ny-title .rela-tit::before{display: none;}
.ny-banner .ny-title .rela-tit{padding-left: 0;text-align: center;padding-bottom: 12px;margin-bottom: 23px;background: url(../image/rela-tit-bj.png)no-repeat center bottom;}
.ny-banner .ny-title .rela-dec{padding-left: 0;text-align: center;}


@media (max-width: 1459px) {
  .down-ul p{width: 79%;}
  .down-one{padding: 60px 0;}
}
@media (max-width: 1259px) {
  .down-ul a{    padding: 8px 60px 8px 25px;}
  .down-ul p {width: 76%;}
    .down-one{padding: 50px 0;}
}
@media (max-width: 991px) {
  .down-ul img{width: 45px;}
  .down-ul .ny-item {padding: 20px;}
  .down-ul p {width: 70%;}
}
@media (max-width: 767px) {
  .down-ul img {width: 35px;margin-right: 8px;}
  .down-ul .ny-item {padding: 15px 10px;}
  .down-ul a {float: none;margin-top: 12px;padding: 3px 40px 3px 20px;}
  .down-one{padding: 45px 0;}
  .down-ul p {width: 82%;}
}


.relation{margin-top: -240px;    position: relative;}
.relation-one{background: url(../image/rela-bj.jpg)no-repeat center top;background-size: 100%;padding: 73px 52px 96px;}
.relation-one .ny-left{width: 26%;margin-top: 54px;}
.relation-one .ny-left h4{font-weight: bold;color: #ff7400;}
.relation-one .ny-left span{color: #0073be;font-family: 'EVILDEAD';display: inline-block;margin: 14px 0 24px;}
.relation-one .ny-left p{color: #000;line-height: 28px;/* padding-bottom: 10px; *//* margin-bottom: 10px; */}
.rela-p{border-bottom: 1px solid #dfdfdf;padding-bottom: 17px;margin-bottom: 10px;}
.rela-font{top: 41%;}

.relation-one {}
.relation-one .ny-right{width:67.7%;}
.relation-one .ny-right h4{font-weight: bold;color: #666;}
.relation-one .ny-right .rela-span{color: #c4c4c4;display: inline-block;    margin: 13px 0 33px;height: 60px;}
.relation-one .new-btn{border-radius: 5px;    border: 1px solid #ff7400;}
.relation-one .new-btn span{color: #ff7400;}
.relation-one .new-btn::before{background-color: #ff7400;}
.relation-one .new-btn:hover span:last-child{color: #fff;}
.relation-one .ztyw-img{width: 48.5%;border-radius: 5px;}
.relation-one .ztyw-font{margin-top: 49px;width: 42.5%;float: right;transition: all 0.5s;background: url(../image/right2.png)no-repeat  left 3px;background-position-x: -50%;}
.relation-one li:hover img{transform:scale(1.05) ;}
.relation-one li:hover .ztyw-font{padding-left: 85px;background-position-x: 0px;}
.relation-one li{margin-bottom: 80px;}
.relation-one li:last-child{margin-bottom: 0px;}


.relation-one li:hover .new-btn::before {
    width: 110%;
}
.relation-one li:hover .new-btn span:first-child {
    left: 150%;
}
.relation-one li:hover .new-btn span:last-child {
    left: 50%;
    width: 100%;
}
.relation-one li:hover .new-btn span:last-child {
    color: #fff;
}



@media (max-width: 1459px) {
  .relation-one .ztyw-font {margin-top: 48px;    width: 44.5%;}
  .relation-one .ny-right .rela-span{margin:13px 0 20px;}
  .relation-one li {margin-bottom: 50px;}
  .relation-one{padding: 60px 40px 60px;}
}
@media (max-width: 1259px) {
  .relation-one .ny-right .rela-span {margin:13px 0 15px;}
  .relation-one .ztyw-font{margin-top: 24px;}
  .relation-one li:hover .ztyw-font{padding-left: 60px;background-size: 38px;}
  .relation-one li {margin-bottom: 30px}
}
@media (max-width: 991px) {
  .relation-one .ztyw-font{width: 48.5%;margin-top: 0;}
  .relation-one li:hover .ztyw-font {padding-left: 40px;background-size: 25px;}
  .relation-one .ny-right .rela-span {margin: 10px 0 3px;}
  .relation-one {padding: 40px 20px;}
}
@media (max-width: 767px) {
  .relation-one{margin: 0 -15px;}
  .relation-one .ny-left{width: 100%;margin: 0 0 30px;}
  .relation-one .ny-right{width: 100%;}
  .relation-one li:hover .ztyw-font {padding-left: 0px;background: none;}
  .relation-one .ny-right .rela-span{height: 40px;}
}




.contact{}
.contact{}
.contact-one .ny-left{width: 20%; margin-top: -7px;}
.contact-one{background: url(../image/cont-bj.png)no-repeat center top;background-size: 100%;padding: 122px 65px 118px 52px;}
.cont-top{border-bottom: 1px solid #dcdcdc;transition: all 0.5s;background-position-x: -50%;padding-bottom: 68px;}
.cont-top h4{font-weight: bold;color: #666;margin-bottom: 23px;}
.cont-right {width: 71.5%;float: right;transition: all 0.5s;}
.cont-right{}
.contact-one li{width: 50%;margin-bottom: 8px;}
.contact-one:hover .cont-top {padding-left: 85px;background: url(../image/right3.png)no-repeat left 3px;}

.cont-bot{    padding-top: 67px;}
.cont-bot li{width: 25%;margin-bottom: 0;}
.cont-bot p{line-height: 24px;}
.contact-two{margin-top: 84px;}
.contact-two img{width: 100%;}
.ny-banner .cont-font{ top:39.8%;}
.ny-banner .cont-font .rela-tit{text-align: right;background: url(../image/rela-tit-bj.png)no-repeat right bottom;color: #fd8d2f;}
@media (max-width: 1459px) {
  .cont-top{padding-bottom: 40px;}
  .cont-bot {padding-top: 40px;}
  .contact-two {margin-top: 60px;}
  .contact-one{padding: 100px 65px 100px 52px;}

}
@media (max-width: 1259px) {
  .contact-two {margin-top: 50px;}
  .contact-one:hover .cont-top{padding-left: 60px;background-size: 38px;}
  .cont-top{padding-bottom: 30px;}
  .cont-bot {padding-top: 30px;}
  .contact-one {padding: 63px 50px;}
}
@media (max-width: 991px) {
  .contact-one:hover .cont-top {padding-left: 40px;background-size: 25px;}
.contact-one {background-size: 100% 100%;}
.contact-one {padding: 45px 20px;}
.cont-top h4{    margin-bottom: 14px;}
}
@media (max-width: 767px) {
  .contact-two {margin-top: 45px;}
  .contact-one .ny-left{width: 100%;margin: 0;}
  .cont-right{width: 100%;}
  .contact-one .ny-right{width: 100%;}
  .contact-one:hover .cont-top {padding-left: 0px;background: none;}
  .contact-one li{width: 100%;}
  .cont-bot p{display: inline;}
}





.nav-header .com-mbx{line-height: 90px;}
.join-font{top: 57.8%;}
.join{margin-top: -30px;position: relative;}
.join-tit{font-family: 'ldong';-webkit-writing-mode: vertical-lr;float: right;font-size: 60px;color: #fff;padding-bottom: 315px;background: url(../image/rela-tit-bj2.png)no-repeat center bottom;letter-spacing: 12px;}
.join-tit::after{content: "";display: inline-block;}
.join-dec{font-family: 'ldong';-webkit-writing-mode: vertical-lr;float: right;font-size: 48px;color: #fff;margin-top: 11%;margin-left: -12px;letter-spacing: 12px;}
.join-one{width: 23.714%;background: url(../image/join-bj.png)no-repeat center top;background-size: 100%;border-radius: 10px;    padding: 73px 52px 86px;}
.join-one::after{content: "";display: inline-block;width: 45px;height: 23px;background: url(../image/right3.png)no-repeat center;transform: rotateZ(90deg);margin-top: 159px;}
.join-one .ny-left{width: 100%;margin-top: 42px;}

.join-two{margin-top: 70px;}
.jotw-swiper{}
.jotw-swiper h4{font-weight: bold;font-size: 48px;color: #035bab;margin-bottom: 11px;}
.jotw-swiper p{font-family: 'EVILDEAD';color: #ff7400;}
.jotw-swiper .ny-left{width: 62.57%;border-radius: 0 10px 10px 0;overflow: hidden;float: left;}
.jotw-swiper .ny-left img{width: 100%;}
.jotw-swiper .ny-right{float: right;width: 33%;padding-left: 82px;position: relative;margin-top: 11.75%;}
.jotw-swiper .ny-right::after{content: "";display: inline-block;width: 76px;height: 8px;background-color: #ff7400;position: absolute;left: -35px;top: 42%;}


.jotw-swiper .swiper-pagination{ margin-top: 69.4%;height: 20px;}
.jotw-swiper .swiper-pagination-bullet{width: 12px;height: 12px;margin-right: 11px;opacity: 1;background-color: #f0f0f0;    vertical-align: middle;}
.jotw-swiper .swiper-pagination-bullet-active{width: 20px;height: 20px;background-color: #035bab;}
.jotw-right{position: absolute;width: 100%;height: 100%;top: 0;}


    
.join-three{margin-top: 64px;}
.join-three .jotw-swiper .ny-left{float: right;border-radius:  10px  0 0 10px ;}
.join-three .jotw-swiper .ny-right{float: left;padding-left: 0;padding-right: 138px;text-align: right;}
.join-three .jotw-swiper .ny-right::after{left: auto;right: -35px;}


@media (max-width: 1919px) {
.jotw-swiper .swiper-pagination {margin-top: 55.4%;}
}
@media (max-width: 1679px) {
.jotw-swiper .ny-right{    width: 38%;    margin-top: 5.75%;}
.jotw-swiper h4{font-size: 42px;}
.join-three .jotw-swiper .ny-right{padding-right: 82px;}
}

@media (max-width: 1459px) {
  .jotw-swiper h4{font-size: 38px;}
  .join-tit{font-size: 50px;letter-spacing: 8px;    padding-bottom: 260px;    background-size: auto 250px;}
  .join-dec{font-size: 42px;letter-spacing: 8px;   }
  .nav-header .com-mbx {line-height: 60px;}
  .join-one .ny-left{margin-top: 0;}
  .join-one::after{    margin-top: 115px;}
  .join {margin-top: -20px;}
  .join-two {margin-top: 60px;}
}
@media (max-width: 1259px) {
  .join-tit{font-size: 44px;letter-spacing: 6px;padding-bottom: 120px;background-size: auto 110px;}
  .join-dec {font-size: 38px;letter-spacing: 8px;}
  .join-two {margin-top: 50px;}
  .join-one {width: 25.714%;padding: 56px 40px;}
  .join {margin-top: -10px;}
  .join-one::after {margin-top: 98px;}
  .jotw-swiper h4 {font-size: 32px;}
  .jotw-swiper .swiper-pagination {margin-top: 47.4%;}
    .nav-header .com-mbx {line-height: 45px;}
}
@media (max-width: 991px) {
  .join-one {width: 29.714%;padding: 40px 40px;}
  .join-one::after {margin-top: 68px;}
  .join {margin-top: -40px;}
  .jotw-swiper h4 {font-size: 28px;}
  .jotw-swiper .ny-right::after{width: 70px;height: 4px;}
  .jotw-swiper .ny-right{padding-left: 60px;}
  .jotw-swiper .swiper-pagination-bullet-active {width: 15px;height: 15px;}
  .join-three .jotw-swiper .ny-right{padding-right: 60px;}
}
@media (max-width: 767px) {
  .join-two {margin-top: 45px;}
  .join-tit{font-size: 22px;padding-bottom: 0;background: none;-webkit-writing-mode:unset;letter-spacing: normal;float: none;display: block;}
  .join-dec{font-size: 22px;-webkit-writing-mode:unset;letter-spacing: normal;margin: 0;float: none;display: block;}
  .join-one{width: 100%;padding: 20px;margin: 0;margin-top: 45px;}
  .join {margin-top: -30px;}
  .join-one::after{margin-top: 0;}
  .join-one::after{background-size: 100%;    width: 26px;}
  .join-one .ny-left{margin-bottom: 0;}
  .jotw-swiper .ny-right{width: 100%;padding-left: 0;}
  .jotw-swiper .ny-left{width: 100%;}
  .jotw-right{position: inherit;}
  .jotw-swiper .ny-right::after{opacity: 0;}
  .jotw-swiper h4 {font-size: 22px;}
  .jotw-swiper .swiper-pagination{position: initial;text-align: left;margin: 0;}
  .jotw-swiper p{margin-bottom: 10px;}
  .join-three .jotw-swiper .ny-right{padding-right: 0;    text-align: left;}
}




.tab-header{border-bottom: 2px solid #dcdcdc;}
.tab-header h4{color: #333;font-weight: bold;float: left;line-height: 26px;padding: 7px 18px 29px;}
.tab-header h4:nth-child(1){width: 59%;}
.tab-header h4:nth-child(2){width: 25.1%;}
.tab-header h4:nth-child(3){width: 10%;}
.tab-header h4:nth-child(4){width: 4.8%;}

.ofon-ul .tab-header{background-color: #fff;border-bottom: 1px solid #dcdcdc;}
.ofon-ul .tab-header em{font-size: 24px;font-weight: 900;color: #dcdcdc;transition: all 0.5s;display: inline-block;}
.ofon-ul .tab-header h4{color: #333;font-weight: 400;font-size: 16px;padding:15px 18px 6px;}
    
    
.offers {padding: 69px 0 79px;}
.offers .ofon-ul {}
.contact-one .ofon-wrap>p,
.ofon-wrap>p{color: #006084;line-height: 30px;margin: 43px 0 38px;}
.offers .ofon-ul li {background-color: #fff;}
.offers .ofon-item {}
.offers .ofon-ul li.active .ofon-font {}
.offers .ofon-font {}
.offers .ofon-txt{width: 100%;}
.offers .off-btn {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: relative;
  transition: all 1s;
  background: url(PC/images/add3.png)no-repeat center;}
.offers .off-btn::before,
.offers .off-btn::after {
    transition: all 0.5s;
    content: "";
    display: block;
    width: 30px;
    height: 2px;
    background-color: #006084;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.offers .ofon-btn {margin-top: -24px;padding: 10px 0;}
.offers .off-btn::before {transform: translate(-50%,-50%) rotateZ(90deg);}
.offers .ofon-ul li.active .off-btn::after {transform: translate(-50%,-50%) rotateZ(-90deg);opacity: 0;}
.offers .ofon-ul li.active .off-btn::before {transform: translate(-50%,-50%) rotateZ(0deg); /* background-color: #124a96; */}
.offers .ofon-ul li.active .off-btn {background: url(PC/images/add4.png)no-repeat center;transform: rotateZ(-180deg);}
.offers .ofon-drop {
    transition: all 0.5s;
    max-height: 0;
    opacity: 0;
    padding: 0 18px;
    overflow: hidden;
    width: 100%;
}
.offers .ofon-drop .row p {
    color: #666;
    line-height: 30px;
    margin-bottom: 0px;
    font-size: 16px;
}
.offers .ofon-drop .row p.ofon-tit{margin-bottom: 2px;font-weight: bold;color: #333;}
.offers .ofon-drop .row h4 {color: #444;margin-bottom: 11px;}
.offers .ofon-drop .row a{display: inline-block;color: #fff;background-color: #ff7400;border-radius: 5px;    padding: 8px 24px;margin-top: 19px;}
.offers .ofon-drop .row {margin-bottom: 16px;width: 50%;float: left;padding-right: 10px;}
.offers .ofon-drop .row:last-child{margin-bottom: 22px;}
    
.offers .ofon-ul li.active .ofon-drop {max-height: 1200px;opacity: 1;padding: 24px 18px 0;margin-top: -7px;border-bottom: 1px solid #dcdcdc;}
.offers .ofon-ul li.active .tab-header em{transform: rotateZ(180deg);color: #ff7400;}
.offers .ofon-btn span {margin-left: 12px;}
.offers .row:last-child p a {color: #006084;}
.offers .lpage{margin-top: 80px;}
@media  (max-width:1459px) {
  .ofon-wrap>p{    line-height: 28px;margin: 35px 0;}
  .offers .ofon-drop .row {margin-bottom: 26px;}
  .offers .lpage{margin-top: 60px;}
  .offers{padding: 60px 0 ;}
  .ofon-ul .tab-header em {font-size: 18px;}
}
@media  (max-width:1259px) {
  .ofon-wrap>p{    line-height: 24px;margin: 30px 0 35px;}
  .offers .lpage{margin-top: 50px;}
  .offers{padding: 50px 0 ;}
  .offers .ofon-txt{width: 90%;}
  .tab-header h4:nth-child(2),
  .tab-header h4:nth-child(3){width: 18%;}
  .tab-header h4{    padding: 7px 18px 20px;}
}
@media  (max-width:991px) {
  .offers .ofon-drop{    padding: 0 20px;}
  .offers .off-btn::before, .offers .off-btn::after{width: 20px;height: 2px;}
  .tab-header h4:nth-child(2), .tab-header h4:nth-child(3){width: 20%;padding: 15px 0px 6px;}
  .tab-header h4:nth-child(1) {width: 54%;}
}
@media  (max-width:767px) {
  .offers .ofon-drop .row {margin-bottom: 20px;}
  .offers .ofon-ul li.active .ofon-drop{padding-bottom: 10px;}
  .offers{padding: 45px 0 ;}
  .tab-header h4:nth-child(2){display: none;}
  .tab-header h4:nth-child(1){width: 45%;}
  .tab-header h4:nth-child(3){width: 28%;}
  .tab-header h4{    padding: 10px 12px;}
  .offers .ofon-txt{width: 100%;}
  .offers .lpage{margin-top: 45px;}
  .offers .ofon-drop .row{width: 100%!important;}
  .tab-header h4:nth-child(3){display: none;}
  .tab-header h4:nth-child(1) {width: 87%;}
}




.drop-nav{position: relative;display: block;}
 .nav-top{
   position: relative;	    height: 76px;line-height: 78px;
   border-bottom: solid 1px #dee5ed;}
 .nav-top .nav-a{
   color: #0073be;
   font-size: 18px;
   display: block;
   font-weight: bold;
   padding: 0px 45px 0 10px;
       overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
 }
 .nav-top .nav-more{
   font-size: 16px;
   color: #333;
   text-align: center;
   transition: all .5s;
   line-height: 52px;
   width: 45px;
   height: 52px;
   position: absolute;
   right: 0;
   top: 12px;
   z-index: 2;
 }
.nav-bot{top: 48px;left: 0;width: 100%;display: none;padding-top: 14px;}
.nav-bot .nav-item{}
.nav-bot{z-index: 99;}
.nav-more.open{transform: rotateZ(180deg);opacity: 1;}
.nav-a.active{}
.nav-top.one{    border-bottom: dashed 1px #dee5ed;height: 50px;line-height: 50px;}
.nav-top.one .nav-more{right: 15px;}
.nav-top.one .nav-a{ padding: 0px 45px 0 10px;font-size: 16px;font-weight: 400;color: #000;}
.nav-top.second { padding: 0px 45px 0 10px;}

.product-one{padding-bottom: 80px;}
.product-one .ny-left{width: 15%;margin-top: 44px;}
.product-one .ny-right{width: 83%;}
.pro-top{font-size: 16px;margin: 70px 0 28px;}
.pro-top p.left{color: #000;}
.pro-top p.right{color: #bebebe;}
.pro-top p.right a{color: #000;margin: 0 6px;}
.pro-top p.right a.on{color: #ff7400;}



.pro-bot{}
.pro-bot li{width: 33.33%;padding:  0 8px;margin-bottom: 20px;}
.pro-bot li:hover img{transform: scale(1.05);}
.pro-bot li:hover h4{color: #ff7400;}
.pro-bot li:hover .add-icon{transform: rotateZ(90deg);}
.pro-bot ul{margin:  0 -8px -20px;}
.pro-bot .swxt-img{background-color: #f7f7f7;padding: 86px 0 83px;}
.pro-bot .swxt-font{text-align: left;background-color: #fbfbfb;padding: 22px 25px 20px 22px;}
.pro-font{width: 88%;display: inline-block;}
.pro-font h4{color: #000;}
.pro-font p{color: #b2b2b2;    margin-top: 4px;}
.pro-bot .add-icon {width: 26px;height: 26px;/* border-radius: 50%; */display: none;}






@media (max-width: 1659px) {
  .relation {margin-top: -180px;}
    .pro-bot .swxt-img{    padding: 60px 0;}
}
@media (max-width: 1459px) {
  .relation {margin-top: -140px;}
  .product-one{padding-bottom: 60px;}
  .product-one .ny-right {width: 80%;}
  .product-one .ny-left {width: 18%;    margin-top: 49px;}
  .pro-top{    margin: 60px 0 28px;}
  .nav-top{height: 62px;line-height: 62px;}
  .pro-bot .swxt-img{    padding: 50px 0;}
}
@media (max-width: 1259px) {
  .product-one{padding-bottom: 50px;}
    .pro-bot .swxt-img{    padding: 30px 0;}
    .pro-bot li{width: 50%;}
    .product-one .ny-right {width: 75%;}
    .product-one .ny-left {width: 23%;}
}
@media (max-width: 991px) {
    .relation {margin-top: -80px;}
}
@media (max-width: 767px) {
      .relation {margin-top: 0px;}
      .product-one{padding-bottom: 45px;}
      .product-one .ny-left{width: 100%;display: none;}
      .product-one .ny-right{width: 100%;}
      .pro-bot li{width: 100%;}
      .pro-top p.right{width: 100%;margin-top: 10px;}
}




/* =======新增======= */
.company-one{padding: 153px 0 35px;}
.company-one .ny-left{padding: 102px 0  0 66px;width: 30%;}
.company-one .ny-left h4{font-weight: bold;color: #ff7400;}
.company-one .ny-left span{color: #0073be;font-family: 'EVILDEAD';display: inline-block;margin: 14px 0 187px;}
.company-one .ny-wrap{background-color: #fff;box-shadow:  0 10px 20px rgba(0, 0, 0, .1);border-radius: 10px;/* padding-bottom: 40px; */}
.company-one .ny-right{width: 69%;}
.company-one .ny-right img{width: 100%;position: relative;}
.company-one .ny-left::after {
    content: "";
    display: block;
    width: 45px;
    height: 23px;
    background: url(../image/right3.png)no-repeat center;
    transform: rotateZ(90deg);
}


.company-two {/* padding-bottom: 37px; */}
.company-two .ny-left {width: 60%;}
.company-two .ny-txt{height: 305px;}
.company-two .ny-right {position: relative;margin-top: 0px;}
.company-one .ny-right .video::after{content:'';position: absolute;top: 0px;left: 0px;width:100%;height:100%;background: url(../image/play.png) no-repeat 50%  #00000054;}
.company-one .ny-right .video{margin-top: -63px;margin-right: -2px;position: relative;margin-bottom: 50px;}

.company-two .ny-left p{font-size: 16px;color: #333;line-height: 30px;border-bottom: 1px solid #e5e5e5;text-indent:2em;margin-bottom: 4px; margin-bottom: 16px; padding-bottom: 21px;}
.company-two .ny-left p:last-child{margin-bottom:0;border-bottom: none;}
.comtw-ul{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.comtw-ul h4{font-weight: bold;color: #0073be;}
.comtw-ul p{color: #666;font-weight: bold;font-size: 14px;margin-bottom: 4px;}
.comtw-ul .ny-item{text-align: center;}
.comtw-ul li{position: absolute;}
.comtw-ul li:nth-child(1){top: -7%;left: 34%;}
.comtw-ul li:nth-child(2){top: 44%;left: -11%;}
.comtw-ul li:nth-child(3){bottom: -5%;left: 40%;}


.company-three{padding: 171px 0;}
.company-three .ny-wrap{    margin-top: 65px;}
.company-three .index-dec{}
.company-three .ny-header p{ color: #fff; font-family: 'EVILDEAD'; display: inline-block; margin: 14px 0 24px;}
.company-three .ny-header p::after{content: "";width: 8px;height: 31px;background-color: #d7d7d7;border-radius: 8px;display: block;margin: 16px  auto 0;}
.company-three li{width: 16.66%;padding: 0 14px;}
.company-three ul{margin:  0 -14px;}
.company-three li:hover img{transform: rotateY(180deg);}
.company-three li:hover .compth-item{background-color: #fff;}


.compth-item{background-color: #eaf5ff;text-align: center;border-radius: 8px;height: 412px;padding-top: 112px;transition: all 1s;transform-origin: top center;transition: all 0.5s;}
.compth-item img{transition: all 0.5s;}
.compth-font{padding: 0 16px;}
.compth-font h4{color: #484848;font-weight: bold;margin: 25px 0 10px;}
.compth-font p{color: #484848;line-height: 30px;}

.company-four .index-tit{color: #333;font-size: 48px;}
.company-four .ny-header p{color: #0052a5; font-family: 'EVILDEAD'; display: inline-block; margin: 14px 0 24px;}
.company-four .ny-header{text-align: left;}
.company-four .ny-header img{width: 100%;}
.company-four{    padding: 141px 0;}

.compfo-item{padding-left: 27px;background: url(../image/icon-1.png)no-repeat left 11px;color: #676767;}
.compfo-item h4{font-weight: bold;    margin-bottom: 14px;}
.compfo-item p{}
.company-four .swiper-slide{    padding: 185px 0 94px;}
.company-four .swiper-pagination{display: none;}

@media (max-width: 1679px) {
  .company-four,
.company-three {padding: 120px 0;}
}

@media (max-width: 1459px) {
  .company-one {padding: 100px 0 25px;}
  .company-two .ny-right img{width: 330px;}
  .compth-font .p-style{display: inline;}
  .compth-item{height: 350px;padding-top: 50px;}
  .compth-item img{width: 80px;}
  .company-three li{padding: 0 10px;}
  .company-three ul{margin: 0 -10px;}
  .company-three .ny-wrap {margin-top: 35px;}
  .company-four,
  .company-three {padding: 100px 0;}
  .company-four .swiper-slide {padding: 100px 0 40px;}
  .company-four .index-tit{font-size: 42px;}

}
@media (max-width: 1259px) {
  .company-one .ny-left {padding: 60px 0 0 60px;}
.company-one .ny-left span{margin: 14px 0 130px;}
.company-one {padding: 100px 0 25px;}
.company-two .ny-left{width: 100%;}
.company-two .ny-wrap{text-align: center;}
.company-two .ny-right{width: auto;float: none;display: inline-block;margin: 0 0 30px;}
.company-two .ny-right img {width: 300px;}
.compth-font p{line-height: 22px;font-size: 14px;}
.compth-item img {width: 70px;}
.compth-item {height: 300px;padding-top: 40px;}
.company-three .ny-header p{margin-bottom: 0;}
  .company-four,
.company-three {padding: 80px 0;}
  .company-four .index-tit{font-size: 36px;}
}
@media (max-width: 991px) {
  .company-one .ny-left {padding: 40px 0 0 40px;}
  .company-one .ny-left span {margin: 14px 0 80px;}
  .company-two .ny-right img {width: 270px;}
  .company-two{/* padding-bottom: 20px; */}
  .company-three li{width: 33.33%;margin-bottom: 20px;}
  .compth-item{height: auto;}
  .compth-item img {width: 60px;}
  .compth-font h4{    margin: 10px 0 8px;}
  .compth-item{padding: 20px 0;min-height: 210px;}
  .compth-font{padding:0 10px}
  .compth-font p{height: 52px;}
    .company-four,
  .company-three {padding: 60px 0;}
    .company-four .index-tit{font-size: 32px;}
}
@media (max-width: 767px) {
  .company-one .ny-left{width: 100%;padding: 20px;}
  .company-one .ny-right{width: 100%;}
  .company-one .ny-left::after{display: none;}
  .company-one .ny-left span{margin-bottom: 0;}
  .company-one .ny-right img{margin: 0;}
  .company-one .ny-wrap{padding-bottom: 0;}
  .company-one{padding: 45px 0;}
  .company-two .ny-right{    margin: 6px 0 40px;}
  .company-three li{width: 50%;}
    .company-four{padding: 45px 0 20px;}
    .company-three {padding: 45px 0;}
      .company-four .index-tit{font-size: 22px;}
      .company-four .ny-header img{display: none;}
      .company-four .swiper-slide{padding: 20px;}
      .company-four .swiper-slide {padding: 0;}
      .company-four .swiper-pagination{display: block;}
   .company-four    .swiper-container{padding-bottom: 40px;}
  
}









.product-xq{}
.productxq-one{}
.productxq-tit{font-size: 26px;color: #000;font-weight: bold;position: relative;padding-left: 14px;}
.productxq-tit::before{position: absolute;content: "";width: 4px;height: 25px;background: #f9be00;top: 7px;left: 0px;}
.proi-left{float: left;width: 46.5%;}
.proi-right{float: right;width: 41.7%;padding-top: 22px;}
.productxq-one-tit{padding-top: 5px;}
.productxq-one-tit h2{font-weight: bold;color: #000;text-align: left;border-bottom: 1px solid #eeeeee;padding-bottom: 35px;}
.productxq-one-tit p{font-size: 18px;color: #000;line-height: 30px;margin-bottom: 18px;}
.productxq-one-tit p span{color: #999;}
.productxq-one-tit .ny-txt{margin-top: 29px;height: 250px;margin-bottom: 33px;}
.productxq-btn{}
.productxq-btn a{display: inline-block;color: #fff;padding: 8px 19px;font-size: 18px;    margin-right: 10px;}
.productxq-btn a:nth-child(1){background-color: #ff7400;}
.productxq-btn a:nth-child(2){background-color: #0073be;}
.productxq-btn a:nth-child(3){background-color: #444444;}
.productxq-btn a:nth-child(1) span{padding-left: 34px;background: url(../image/productxq-1.png)no-repeat left center;}
.productxq-btn a:nth-child(2) span{padding-left: 34px;background: url(../image/productxq-2.png)no-repeat left center;}
.productxq-btn a:nth-child(3) span{padding-left: 34px;background: url(../image/productxq-3.png)no-repeat left center;}

.jqzoom{background: #f7f7f7; position:relative;padding:0px;cursor:pointer;margin:0px;display:block; width:100%;height:100%;overflow:hidden;}
.jqzoom img{width:100%; height:100%;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:368px;height:368px;background:#ffffff;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px; border:1px solid #aaa;background:#ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.spec-preview{width: 100%;}
.spec-scroll{width:100%;position: relative;margin-top: 16px;margin-right:-15px;}
.spec-scroll .prev{left:0px;text-align: left;}
.spec-scroll .next{right:0px;text-align: right;}
.spec-scroll .prev,.spec-scroll .next{opacity: 1;z-index: 3;font-weight: bold;position: absolute;top: 0;width: 20px;height: 87px;cursor:pointer;font-size: 20px;line-height: 88px;color: #fff;background-color: #4c4c4c;}
.proi-left:hover .spec-scroll .prev,.proi-left:hover .spec-scroll .next{opacity: 1;}
.spec-scroll .prev:hover,.spec-scroll .next:hover{color: #000;}
.spec-scroll .items{height: 88px;overflow: hidden;position: relative;vertical-align: middle;width: 91%;margin: auto;transform: translateX(7px);}
.spec-scroll .items ul{overflow: hidden;margin: 0 auto;position:absolute;}
.spec-scroll .items ul li{width:184px;padding: 0 22px;margin-right: 13px;float: left;border: 1px solid #e6e2e2;}
.spec-scroll .items ul li.hover{border: 1px solid #0076d6;}
.spec-scroll .items ul li img{width:100%;height:100%;background: white;}
.spec-scroll .items ul li p{color: #333;font-size: 16px;text-align: center;margin-bottom: 0px;}.pir-swiper{display: none;position: relative;background: white;padding-bottom: 30px;}
.pir-pic img{display: block;width: 100%;}
.pir-swiper .swiper-pagination{bottom: 0px;width: 100%;}
.pir-swiper .swiper-pagination-bullet{width: 8px;height: 8px;background:#cecece;opacity: 1;margin: 0 5px !important;}
.pir-swiper .swiper-pagination-bullet-active{background:#000;}
.proinfo-one{padding: 73px  0 68px;}

@media (max-width: 1459px) {
  .spec-scroll .items ul li {width: 156px;}
  .spec-scroll .items {height: 74px;}
  .spec-scroll .prev, .spec-scroll .next{height: 69px;line-height: 69px;}
  .proi-right{width: 45.7%;}
  .productxq-one-tit p{    margin-bottom: 12px;}
  .productxq-one-tit .ny-txt{height: 200px;}
  .productxq-one-tit h2{padding-bottom: 26px;}
  .proinfo-one{padding: 60px 0;} 
}
@media (max-width: 1259px) {
  .spec-scroll .items ul li {width: 184px;}
  .spec-scroll .items {    height: 87px;}
  .spec-scroll .prev, .spec-scroll .next{height: 87px;line-height: 87px;}
  .productxq-one-tit p {margin-bottom: 4px;}
  .productxq-one-tit .ny-txt {height: 170px;margin: 10px 0 18px;}
  .productxq-one-tit h2 {padding-bottom: 15px;}
  .productxq-btn a{margin-bottom: 14px;}
  .productxq-btn a:last-child{margin-bottom: 0px;}
  .proinfo-one{padding: 50px 0;}
}
@media (max-width: 991px) {
  .spec-scroll .items ul li {width: 138px;}
  .spec-scroll .items {    height: 58px;}
  .spec-scroll .prev, .spec-scroll .next{height: 58px;line-height: 58px;}
  .productxq-one-tit p{font-size: 16px;line-height: 26px;}
  .productxq-one-tit .ny-txt {height: 144px;}
  .productxq-btn a{font-size: 14px;}
  .productxq-btn a:nth-child(1) span,
  .productxq-btn a:nth-child(2) span,
  .productxq-btn a:nth-child(3) span,
  .productxq-btn a:nth-child(4) span{    background-size: 12px;    padding-left: 20px;}
}
@media (max-width: 767px) {
    .proinfo-one{padding: 45px 0;}
    .proi-right{width: 100%;padding-top: 0;}
    .proi-left{display: none;}
    .pir-swiper{display: block;}
    .productxq-one-tit .ny-txt{height: auto;}
}





.proinfo-header{line-height: 98px;background: #0073be url(../image/proinfo-bj.png)no-repeat center;background-size: 100%;
-webkit-animation: bjrmovebj 8s ease-in-out infinite alternate;
-moz-animation: bjrmovebj 8s ease-in-out infinite alternate;   
animation: bjrmovebj 8s ease-in-out infinite alternate;}
.proinfo-header h4{font-weight: bold;color: #fff;    display: inline-block;}

.prointw-item{text-align: center;border: 1px solid #eeeeee;border-radius: 5px;position: relative;padding: 30px 0 31px;}
.prointw-item::after{content: "";position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 23px;height: 6px;background-color: #ff7400;}
.prointw-item h4{color: #0073be;font-weight: bold;height: 50px;}
.prointw-item p{color: #bbb;margin: 12px 0 8px;}
.prointw-item img{}
.prointw-font{padding:  0 20px;}

.proinfo-two{
    font-size: 16px;
}
.proinfo-two .ny-wrap{padding: 44px 0 37px;}
.proinfo-two li{width: 16.66%;padding: 0 20px;}
.proinfo-two ul{margin: 0 -20px;}

.proinfo-three{}
.proinfo-table{margin: 73px 0 80px;width: 100%;}
.proinfo-table table{max-width: 100%;border: 1px solid #e5e5e5;width: 100% !important;}
.proinfo-table table th{font-size: 18px;color: #333;font-weight: bold; padding: 17px 0 14px;background-color: #bdd9eb;border: 1px solid #bdd9eb;}
.proinfo-table table td{font-size: 16px;padding: 18px 10px 14px 30px;}
.proinfo-table table td:nth-child(1){color: #333;width: 14.7%;}
.proinfo-table table td:nth-child(2){color:#333;padding-left: 33%;/* text-align: center; *//* width: 10%; */}


.proinfo-three{}
.proinfo-four table th{border: 1px solid #e5e5e5;width: 10%;padding: 18px 24px 22px;line-height: 24px;}
.proinfo-four .proinfo-table td:nth-child(1){width: 10%;padding: 0 5px;}
.proinfo-four .proinfo-table td:nth-child(2){/* width: 13%; */padding: 16px 5px;}
.proinfo-four .proinfo-table td:nth-child(3){/* width: 14%; */padding: 0 5px;}
.proinfo-four .proinfo-table td:nth-child(4){/* width: 16%; */padding: 0 5px;}
.proinfo-four .proinfo-table td{text-align: center;line-height: 24px;padding: 0 10px;white-space: nowrap;}
.proinfo-down{background-color: #bdd9eb;    font-weight: bold;padding: 19px 0 15px !important;}
.proinfo-btn{color: #fff;background-color: #ff7400;color: #fff;font-size: 18px;padding: 9px 25px;}
.proinfo-four tr:last-child  td:nth-child(2){padding: 7px 0 8px;}


.proinfo-four .proinfo-table{margin: 73px 0 68px;}
.proinfo-five .proinfo-table table td:nth-child(1){width: 26.9%;}
.proinfo-five .newinfo-footer{border-top: 1px solid #eee;border-bottom: 1px solid #eee;margin: 0;    padding: 45px 0;}
.proinfo-five .newinfo-footer a{width: 50%;float: left;padding: 0;}
.proinfo-five .newinfo-footer a:first-child{text-align: left;}
.proinfo-five .newinfo-footer a:last-child{text-align: right;}
.proinfo-five .newinfo-footer span.omit1{max-width: 80%;width: auto;}
.proinfo-five .proinfo-table{margin: 73px 0 89px;}

.proinfo-six{padding: 72px 0 80px;}
.proinfo-six .ny-wrap{margin-top: 60px;}
.proinfo-six .ny-header{}
.proinfo-six .ny-header h4{color: #000;font-weight: bold;}
.proinsix-swiper{padding:  0 70px;position: relative;}
.proinfo-six .swiper-container{}
.proinfo-six .swiper-button-next{background: url(../image/righttt.png)no-repeat center;right: 0;}
.proinfo-six .swiper-button-prev{background: url(../image/righttt.png)no-repeat center;left: 0;transform: rotateZ(180deg);}
.proinfo-six .swiper-slide:hover img{transform: scale(1.05);}
.proinfo-six .swiper-slide:hover .add-icon{transform: rotateZ(90deg);}
@media (max-width: 1459px) {
    .proinfo-header {line-height: 70px;}
    .proinfo-two li{padding: 0 15px;}
    .proinfo-two ul{margin: 0 -15px;}
    .proinfo-two .ny-wrap{padding: 60px 0 30px;}
    .proinfo-five .proinfo-table,
    .proinfo-four .proinfo-table,
    .proinfo-table{margin: 60px 0 0 0;}
    .proinfo-four table th{padding: 18px 16px;}
    .proinfo-five .newinfo-footer{    padding: 32px 0;}
    .proinfo-six{padding: 60px 0;}
    .proinfo-six .ny-wrap {margin-top: 35px;}
}
@media (max-width: 1259px) {
  .proinfo-five .newinfo-footer{padding: 35px 0;}
  .proinfo-two li{width: 25%;margin-bottom: 20px;}
  .prointw-item{    padding: 28px 0 20px;}
  .proinfo-five .proinfo-table,
  .proinfo-four .proinfo-table,
  .proinfo-table{margin:  50px 0;}
  .proinfo-table table td:nth-child(1){width:auto;}
  .proinfo-table table td:nth-child(2){padding-left: 20px;}
  .proinfo-four .proinfo-table, .proinfo-table{white-space: nowrap;}
  .proinfo-four .proinfo-table p, .proinfo-table p{white-space: normal;max-width:100vh;}
  .proinfo-five .newinfo-footer span.omit1 {max-width: 77%;}
  .proinfo-six{padding: 50px 0;}
  .pro-font {width: 86%;}
  .proinsix-swiper{padding:  0 50px;}
}
@media (max-width: 991px) {
  .proinfo-header {line-height: 55px;}
  .proinfo-table table td {font-size: 14px;/* padding: 5px !important; */}
  .proinfo-five .newinfo-footer span.omit1 {max-width: 68%;}
}
@media (max-width: 767px) {
  .proinfo-two li{width: 50%;}
  .prointw-item {padding: 20px 0 16px;}
  .prointw-item img{width: 42px;}
  .prointw-item p{margin: 6px 0;}
  .proinfo-two .ny-wrap{padding: 45px 0 25px;}
  .proinfo-five .proinfo-table,
  .proinfo-four .proinfo-table,
  .proinfo-table{margin:  45px 0;}
  .proinfo-table table th {font-size: 16px;}
  .proinfo-five .newinfo-footer a{width: 100%;}
  .proinfo-five .newinfo-footer a:last-child{text-align: left;}
  .proinfo-five .newinfo-footer {padding: 22px 0 18px;}
  .proinfo-six{padding: 45px 0;}
    .proinsix-swiper{padding:  0 20px;}
}




/* ============ 关于我们 about ================== */
.about{}
.about-one{padding: 50px 0 0;}
.abt1-con{position: relative;border-radius: 8px;overflow: hidden;background: #fff;}
.abt1-con::before{position: absolute;content: "";width: 22.29%;height: 100%;background: url(../image/abt1-bf.png)no-repeat center;background-size: cover;left: 0;top: 0;}
.abt1-left{padding-left: 50px;padding-top: 114px; float: left;width: 22.29%;}
.abt-tit{position: relative;}
.abt-tit h3{font-size: 36px;line-height: 40px;color: #ff7400;font-weight: bold;}
.abt-tit h4{margin-top: 12px; font-size: 24px;line-height: 35px;color: #0073be; font-family: 'EVILDEAD';}
.abt1-mo{position: absolute;left: 0;bottom: 0;width: 22.29%;padding-left: 50px;padding-bottom: 60px;}
.abt1-mo>a{display: inline-block;font-size: 0;}
.abt1-mo img{display: inline-block;max-width: 100%;}
.abt1-right{margin-left: 22.29%;}
.abt1-swip{position: relative;}
.abt1-pic{overflow: hidden;}
.abt1-pic img{width: 100%;}
.abt1-swip .swiper-pagination{padding-right: 41px;padding-left: 269px; height: 15px;width: auto;font-size: 0; bottom: 35px;left: auto;right: 0;}
.abt1-swip .swiper-pagination-bullet{margin: 0 5px;vertical-align: middle;opacity: 1;background: #fff;width: 11px;height: 11px;}
.abt1-swip .swiper-pagination-bullet-active{background-color: #f39e00;width: 15px;height: 15px;}
.abt1-swip .swiper-pagination::before{position: absolute;content: "";width: 260px;height: 1px;background: #f39e00;left: 0;top: 50%;transform: translateY(-50%);}

.about-two{padding: 119px 0 50px;display: none;}
.abt2-con{}
.abt2-ul{font-size: 0;border-radius: 8px;border: 1px solid #dcdcdc;}
.abt2-ul li{position: relative; display: inline-block;vertical-align: top;width: 33.333%;}
.abt2-ul li>div{padding: 98px 42px 58px;}
.abt2-tit{}
.abt2-tit h4{padding-left: 74px;display: inline-block;position: relative;font-size: 18px;line-height: 30px;color: #efefef; font-family: 'EVILDEAD';}
.abt2-tit h4::before{position: absolute;content: "";width: 62px;height: 12px;background: url(../image/abt2-bf.png)no-repeat center;background-size: 100% 100%;left: 0;top: 50%;transform: translateY(-50%);}
.abt2-p{margin-top: 20px; font-size: 14px;line-height: 36px;color: #333;height: 180px;}
.abt2-ul li::before{position: absolute;content: "";width: 1px;height: 100%;background: #dcdcdc;top: 0;right: 0%;}
.abt2-ul li:last-child::before{display: none;}
.abt2-ul li:hover .abt2-tit h4{color: #f39e00;}

.about-three{padding: 0px 0 160px;width: 100%;position: relative;background-size: cover;background-repeat: no-repeat;background-position: center;}
.about-three .abt-tit h3{color: #035bab;}
.about-three .abt-tit h4{color: #faa049;}
.abt3-con{/* padding-bottom: 49px; */position: relative;background: #fff;border-radius: 8px;transform: translateY(80px);z-index: 5;}
.abt3-left{padding-left: 46px;padding-top: 60px;float: left;width: 100%;text-align: center;}
.abt3-tag{margin-top: 57px; display: inline-block;font-size: 0;}
.abt3-tag img{display: inline-block;max-width: 100%;}
.abt3-right{/* margin-left: 18.29%; */}
.abt3-pics{padding: 57px 50px 0px;}
.abt3-ul1{font-size: 0;margin: 0 -1px 0;/* overflow: hidden; */}
.abt3-ul1 li{display: inline-block;vertical-align: top;width: 33.333%;padding: 0 1px;}
.abt3-ul1 li>div{position: relative;}
.abt3-pic{position: relative;overflow: hidden;height: 295px;}
.abt3-pic::before{z-index: 2; position: absolute;content: "";width: 100%;height: 100%;background: rgba(0,0,0,.4);left: 0;top: 0;}
.abt3-bf{position: absolute;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;left: 0;top:0;transition: ease .8s;}
.abt3-font{z-index: 2;padding-top: 14px;font-size: 18px;line-height: 36px;color: #fff;font-weight: bold;text-align: center;position: absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%);transition: ease .5s;}
.abt3-ul1 li:hover .abt3-font{padding-bottom: 30px;}
.abt3-number{margin-top: 83px;}
.abt3-ul2{font-size: 0;text-align: center;margin: 0 -10px 0;overflow: hidden;}
.abt3-ul2 li{display: inline-block;vertical-align: top;width: 25%;padding: 0 10px;}
.abt3-ul2 li>div{}
.abt3-ul2 li h3{font-size: 60px;line-height: 50px;color: #666;font-weight: bold;}
.abt3-ul2 li p{font-size: 18px;line-height: 36px;color: #666;}


.about-four{padding: 80px 0 0px;}
.about-four .abt-tit h3{color: #035bab;}
.about-four .abt-tit h4{color: #ff7400;}
.about-four .abt-tit{border-bottom: 1px solid #dcdcdc;padding-bottom: 31px;}
.abt4-con{}
.abt4-swip{position: relative;}
.abt4-slide{position: relative;height: 752px;}
.abt4-pic{float: left;width: 42.5%;}
.abt4-bf{position: absolute;width: 78.94%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;left: 0;top:0;transition: ease .8s;}
.abt4-pic>img{width: 100%;display: none;}
.abt4-font{position: absolute; width: 57.5%; right: 0; bottom: 0;}
.abt4-font>div{padding: 85px 72px 40px;background: #fff;position: relative;z-index: 2;}
.abt4-txt{margin-top: 30px;}
.abt4-p{font-size: 14px;line-height: 36px;color: #333;height: 324px;}
.abt4-p p{margin-bottom: 36px;}
.abt4-p p:last-child{margin-bottom: 0;}
.abt4-swip .swiper-pagination{display: none; height: 8px;width: 100%;}
.abt4-swip .swiper-pagination-bullet{margin: 0 5px;vertical-align: top;}
.abt4-swip .swiper-pagination-bullet-active{background-color: #0073be;}
.abt4-swip .swiper-button-next{background: #ffad00;right: auto;left: 42.5%;margin-left: -88px;}
.abt4-swip .swiper-button-prev{background: #0052a5;left: 42.5%;margin-left: -141px;}
.abt4-swip .swiper-button-next,
.abt4-swip .swiper-button-prev{opacity: 1 !important; font-size: 20px;font-weight: bold;color: #fff;line-height: 41px;width: 41px;height: 41px;border-radius: 10px;text-align: center;    top: auto;
    bottom: 30px;
    transform: none;}
	


.about-five{position: relative; padding: 111px 0 71px;border-bottom: 1px solid #eaeaea;}
.abt5-bf{position: absolute;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center bottom;left: 0;top:0;}
.abt5-con{position: relative;}
.abt5-ul{font-size: 0;}
.abt5-ul li{display: inline-block;vertical-align: middle;width: 20%;padding: 0 80px;transition: ease .5s;}
.abt5-ul li>div{}
.abt5-ul li h4{padding-bottom: 12px; font-size: 18px;line-height: 24px;color: #333;font-weight: bold;border-bottom: 1px solid #dcdcdc;}
.abt5-p{margin-top: 13px;font-size: 14px;line-height: 24px;color: #333;}
.abt5-ul li span{position: relative;margin-top: 16px; display: inline-block;width: 10px;height: 10px;border-radius: 50%;background: #ffad00;}
.abt5-ul li span::before{position: absolute;content: "";width: 1px;background: #dcdcdc;top: 15px;left: 4.5px;}
.abt5-ul li:nth-child(1) span{margin-bottom: 148px;}
.abt5-ul li:nth-child(1) span::before{height: 143px;}
.abt5-ul li:nth-child(2) span{margin-bottom: 245px;}
.abt5-ul li:nth-child(2) span::before{height: 240px;}
.abt5-ul li:nth-child(3) span{margin-bottom: 158px;}
.abt5-ul li:nth-child(3) span::before{height: 153px;}
.abt5-ul li:nth-child(4) span{margin-bottom: 245px;}
.abt5-ul li:nth-child(4) span::before{height: 240px;}
.abt5-ul li:nth-child(5) span{margin-bottom: 168px;}
.abt5-ul li:nth-child(5) span::before{height: 163px;}
.abt5-ul li:hover{transform: translateY(-20px);}

@media (max-width: 1659px) {

}
@media (max-width: 1459px) {
	.abt-tit h3{font-size: 30px;}
	.abt-tit h4{font-size: 18px;line-height: 30px;}
	.abt1-left{padding-top: 80px;padding-left: 40px;}
	.abt1-mo{padding-left: 40px;}
	.about-one{padding: 60px 0 0;}
	.about-two{padding: 60px 0;}
	.abt2-p{height: 216px;margin-top: 12px;}
	.abt2-ul li>div{padding: 60px 35px 40px;}
	.abt3-tag{width: 120px;margin-top: 30px;}
	.abt3-left{padding-left: 40px;}
	.abt3-ul2 li h3{font-size: 46px;line-height: 50px;}
	.abt3-ul2 li p{font-size: 16px;}
	.abt3-number{margin-top: 50px;}
	.abt3-con{padding-bottom: 40px;transform: translateY(100px);}
	.about-three{padding: 30px 0 130px;}
	.abt3-pic{height: 240px;}
	.abt4-slide{height: 630px;}
	.abt4-p p{margin-bottom: 20px;}
	.abt4-p{height: 264px;line-height: 32px;}
	.about-four{padding: 70px 0 0px;}
	.abt4-font>div{padding: 60px 50px 40px;}
	.abt4-txt{margin-top: 20px;}
	.about-four .abt-tit{padding-bottom: 20px;}
	.abt5-ul li{padding: 0 40px;}
	.about-five{padding: 60px 0;}
	.abt5-ul li:nth-child(1) span{margin-bottom: 98px;}
	.abt5-ul li:nth-child(1) span::before{height: 93px;}
	.abt5-ul li:nth-child(2) span{margin-bottom: 195px;}
	.abt5-ul li:nth-child(2) span::before{height: 190px;}
	.abt5-ul li:nth-child(3) span{margin-bottom: 108px;}
	.abt5-ul li:nth-child(3) span::before{height: 103px;}
	.abt5-ul li:nth-child(4) span{margin-bottom: 195px;}
	.abt5-ul li:nth-child(4) span::before{height: 190px;}
	.abt5-ul li:nth-child(5) span{margin-bottom: 118px;}
	.abt5-ul li:nth-child(5) span::before{height: 113px;}
	
}
@media (max-width: 1259px) {
	.abt-tit h3{font-size: 24px;line-height: 30px;}
	.abt-tit h4{font-size: 16px;margin-top: 8px;}
	.abt1-left{padding-top: 60px;padding-left: 30px;}
	.abt1-swip .swiper-pagination::before{width: 160px;}
	.abt1-swip .swiper-pagination{padding-left: 169px;bottom: 25px;}
	.abt1-mo{padding-left: 30px;}
	.abt2-ul li>div{padding: 50px 30px 40px;}
	.abt3-pic{height: 180px;}
	.abt3-left{padding-top: 50px;padding-left: 30px;}
	.abt3-tag{width: 100px;}
	.abt3-ul2 li h3{font-size: 40px;line-height: 50px;}
	.abt3-number{margin-top: 30px;}
	.abt4-slide{height: 580px;}
	.abt4-font>div{padding: 60px 40px 40px;}
	.abt5-ul li{padding: 0 20px;}
	.abt5-ul li h4{padding-bottom: 8px;}
	.abt5-p{margin-top: 8px;}
	.abt5-ul li span{margin-top: 8px;}
	.abt5-ul li:nth-child(1) span{margin-bottom: 68px;}
	.abt5-ul li:nth-child(1) span::before{height: 63px;}
	.abt5-ul li:nth-child(2) span{margin-bottom: 165px;}
	.abt5-ul li:nth-child(2) span::before{height: 160px;}
	.abt5-ul li:nth-child(3) span{margin-bottom: 78px;}
	.abt5-ul li:nth-child(3) span::before{height: 73px;}
	.abt5-ul li:nth-child(4) span{margin-bottom: 165px;}
	.abt5-ul li:nth-child(4) span::before{height: 160px;}
	.abt5-ul li:nth-child(5) span{margin-bottom: 88px;}
	.abt5-ul li:nth-child(5) span::before{height: 83px;}
	.abt3-font{padding-top: 5px;}
}
@media (max-width: 991px) {
.abt1-left{width: 30%;}
.abt1-right{margin-left: 30%;}
.abt1-con::before{width: 30%;}
.abt1-mo{padding-bottom: 40px;}
.abt1-swip .swiper-pagination::before{width: 100px;}
.abt1-swip .swiper-pagination{padding-left: 109px;}
.abt2-ul li{width: 50%;border-bottom: 1px solid #dcdcdc;}
.abt2-ul li:nth-child(3){border-bottom: none;}
.abt2-ul li:nth-child(even)::before{display: none;}
.abt2-ul li:nth-child(odd)::before{display: block;}
.abt3-tag{width: 70px;}
.abt3-pic{height: 165px;}
.abt3-font{padding-top: 0;font-size: 16px;}
.abt3-ul2 li{width: 50%;margin-top: 15px;}
.abt3-ul2{margin-top: -15px;}
.abt3-ul2 li h3{font-size: 30px;line-height: 40px;}
.abt4-p p{margin-bottom: 12px;}
.abt4-slide{height: 500px;}
.abt4-p{line-height: 30px;height: 264px;}
.abt4-font>div{padding: 50px 35px 30px;}
.abt4-txt{margin-top: 15px;}
.about-four .abt-tit{padding-bottom: 15px;}
.abt5-ul li{width: 25%;}


}
@media (max-width: 767px) {
	.abt-tit h3{font-size: 22px;}
	.abt-tit h4{font-size: 14px;line-height: 24px;}
	.about-one{padding: 40px 0 0;}
	.abt1-swip .swiper-pagination::before{display: none;}
	.abt1-swip .swiper-pagination{padding: 0;width: 100%;}
	.abt1-mo{display: none;}
	.abt1-left{float: none;width: 100%;padding: 0;}
	.abt1-right{margin: 25px 0 0;}
	.abt1-con::before{display: none;}
	.abt-tit h4{margin-top: 2px;}
	.about-two,.about-five{padding: 40px 0;}
	.abt2-tit h4{font-size: 16px;}
	.abt2-ul li>div{padding: 40px 25px;}
	.abt2-tit h4 { color: #f39e00;}
	.abt3-left{float: none;width: 100%;padding: 30px 20px 0px;text-align: center;}
	.abt3-right{margin-left: 0;}
	.abt3-con{transform: none;}
	.about-three{padding: 40px 0 40px;}
	.abt3-pics{margin-top: 0;padding-top: 0px;}
	.abt3-tag{margin-top: 20px;width: 40px;}
	.abt3-pic{height: 130px;}
	.abt3-ul2 li h3{font-size: 26px;}
	.abt3-ul2 li p{font-size: 14px;}
	.about-four{padding: 40px 0 0;}
	.abt4-pic{float: none;width: 100%;}
	.abt4-font{position: relative; width: 100%;right: auto;bottom: auto;}
	.abt4-slide{height: auto;}
	.abt4-pic>img{display: block;}
	.abt4-bf{display: none;}
	.abt4-font>div{padding: 30px 15px 40px;}
	.abt4-swip .swiper-button-next, 
	.abt4-swip .swiper-button-prev{display: none;}
	.abt4-swip .swiper-pagination{display: block;bottom: 20px;}
	.abt4-p{height: auto;}
	.about-four .abt-tit{padding-bottom: 10px;}
	.abt4-txt{margin-top: 10px;}
	.abt5-ul li h4{font-size: 16px;}
	.abt5-ul li:nth-child(1) span,
	.abt5-ul li:nth-child(2) span,
	.abt5-ul li:nth-child(3) span,
	.abt5-ul li:nth-child(4) span,
	.abt5-ul li:nth-child(5) span{margin-bottom: 0;}
	.abt5-ul li span::before{display: none;}
	.abt5-ul li{width: 33.333%;vertical-align: top;margin-top: 20px;}
	.abt5-ul{margin-top: -20px;}
	
	
}

@media (max-width: 640px) {
.abt2-ul li{width: 100%;}
.abt2-p{height: auto;line-height: 26px;margin-top: 5px;padding-right: 0;}
.abt2-ul li>div{padding: 30px 20px;}
.abt5-ul li{width: 50%;}
.abt5-ul li:hover{transform: none;}
.abt3-ul1 li{width: 100%;margin-top: 2px;}
.abt3-ul1{margin-top: -2px;}
.abt3-pic{height: 300px;}
.abt3-ul2 li p{line-height: 30px;}
.abt3-ul2{margin: -15px 0 0;}
.company-two .ny-txt{height:auto;}
}
.ny-txt p{ text-align:left;}
@media (max-width: 440px) {
	.abt5-ul li{width: 100%;padding: 0;}
}

.compfo-pagins{position: relative;}
.compfo-pagin{    position: absolute;bottom: 4%;left: 0;width: 100%;}
.compfo-pagin-box{display: block;margin-top: 42px; margin-left: 33px;width: 32%;height: 30px;line-height: 30px;position: relative;}
.compfo-pagin-box::after{
    content: "";
    position: absolute;
    top: 51%;
    left: -100%;
    width: 100%;
    height: 1px;
    background-color: #325ea2;
    display: inline-block;}
.compfo-pagin .swiper-slide{padding: 0;margin: 0;height: 30px;}
.compfo-pagin .swiper-slide em{width: 10px;height: 10px;background-color: #0052a5;opacity: 1;vertical-align: middle;margin-right: 47px;position: relative;display: inline-block;border-radius: 50%;}
.compfo-pagin .swiper-slide-active em{width: 28px;height: 28px;background-color: #ec6b00;}
.compfo-pagin .swiper-slide em::after {
content: "";
    display: inline-block;
    width: 32px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 17px;
    background-color: #0052a5;
    transform: translateY(-50%);
}
.company-four .swiper-slide-active em::after{    left: 30px; width: 30px;}
@media (max-width: 1459px) {
  .compfo-pagin{bottom: 0%;}
}
@media (max-width: 1259px) {
  .compfo-pagin {bottom: -10%;}
}
@media (max-width: 768px) {
  .compfo-pagins{display: none;}
  .compth-font p{height: auto;}
  .offers .ofon-drop .row p{font-size:14px;line-height: normal;}
  .compth-font .p-style{display: block;}
}
a.none{display:none;}
.brand .swiper-container{max-width:800px;}
.nr{display:none;}
.proinfo-header h4{margin-right:20px;font-size: 18px;}
.proinfo-header h4.on{padding: 10px 20px;border: 2px solid #fff;}
.case .add-icon::after,.case .add-icon::before{display:none;}
.case .add-icon,.pro-bot .add-icon{background: url(../image/more2.png) no-repeat;background-size: 25px;}
.case .case-one li:hover .add-icon{transform:rotateZ(90deg);}
.logo-font{display: inline-block;margin-left: 30px;float: left;margin-top: 15px;}
.logo-font h4{font-size: 14px;line-height: 20px;text-align: left;color: #0073be;font-weight: bold;}
@media(max-width: 1023px)
{
  .logo-font{margin-left: 10px;}
  .logo-font h4{font-size: 14px;line-height: 18px;}
}
.pro-spec{clear:left;border-bottom:1px dashed #eee;line-height:30px;font-size:14px;padding-top:0px}
.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0px;background:#eeeeee;padding:20px 0px;border-radius:0 0 15px 15px;display:none}
.pro-spec .pro-value{display:inline-block;float:left;padding-right:20px}
.pro-spec .pro-bt{font-size:16px;display:inline-block;padding-right:20px;width:200px;text-align:right;float:left}
.pro-spec .pro-values{float:left;width:80%}
.pro-but{/* display:none; */border-radius:0;padding:18px;margin:20px 0 0;/* display:inline-block; */font-size:16px;font-weight:700;background:#287ac2;border:1px solid #287ac2;color:#fff;position:relative;min-width:280px;text-align:center;font-weight:300;min-width:200px;margin-right:20px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;-ms-transition:background-color .2s linear;transition:background-color .2s linear;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:2;animation-iteration-count:2;width:100%;min-width:0;}
.jg{position:fixed;left:0px;top:0px;margin:0px}
.product.on .icon-down{transform:rotate(270deg)}
.product.on .noselect{display:block}
.product-one .ny-left{margin-top:5px}
.pro-top{margin:30px 0 28px}
@media(max-width:776px){
.pro-but,.jg{display:block}
.pro-top{margin:30px 0 28px}
.pro-spec .pro-values{width:100%}
.noselect{padding:85px 10px 20px;width:100%;height:100vh;overflow:auto;position:fixed;z-index:9999;top:0px;left:0px;margin:0px;border-radius:0px;display:none}
.pro-spec .pro-bt{text-align:left}
}
.sx{
    /* display: none; */
}
.serv-p{overflow-y:auto;}
/*滚动条整体*/
*::-webkit-scrollbar{
    width: 8px !important;
    /*滚动条宽度*/
    height: 8px !important;
}
/*滚动条按钮*/
*::-webkit-scrollbar-button {
}
*::-webkit-scrollbar-track{
    background-color:#f3f3f3;
    /*滑道全部*/
}
*::-webkit-scrollbar-track-piece{
    background-color:#f3f3f3;
    /*滑道*/
    -webkit-border-radius:4px;
    /*滑道圆角宽度*/
}
*::-webkit-scrollbar-thumb{
    background-color:#ddd;
    /*滑动条表面*/
    border:solid 1px #C0C0C0;
    /*滑动条边框*/
    border-radius: 22px;
    /*滑动条圆角宽度*/
}
/*横竖滚动条交角*/
*::-webkit-scrollbar-corner {
    background-color: #ddd;
}
/*横竖滚动条交角图案*/
*::-webkit-resizer {
    background-repeat: no-repeat;
    background-position: bottom right;
}
/*鼠标滑过滑动条*/
*::-webkit-scrollbar-thumb:hover{
    background-color:#F3F3E0;
}

.footer .links{display:block;clear:both;transform: translateY(15px);}
.footer .links a{color:#999999;margin-right:10px;}
.footer .links a:hover{color:#0073be;}

.index-com {
  max-width: 1820px;
  padding: 0 50px;
  margin: 0 auto;
  margin-top: 60px;
}
.index-com .index-ent {
  background: #F2F2F2;
  border-radius: 20px;
}
.index-com .index-ent .titles {
  padding: 0 60px;
  overflow: hidden;
}
.index-com .index-ent .titles span {
  line-height: 104px;
  display: block;
  float: left;
  color: #2E2E2E;
  font-size: 30px;
}
.index-com .index-ent .titles a {
  float: right;
  display: block;
  line-height: 34px;
  margin-top: 35px;
}
.index-com .index-ent .titles a:hover {
  color: #0089E7;
}
.index-com .index-ent .list {
  overflow: hidden;
  padding: 0 35px 68px;
}
.index-com .index-ent .list li {
  width: 50%;
  float: left;
  padding: 0 25px;
}
.index-com .index-ent .list li a {
  display: block;
  background: #fff;
  padding: 32px 35px 34px 380px;
  position: relative;
}
.index-com .index-ent .list li a .pic {
  background-size: cover;
  height: 420px;
  max-width: 320px;
  width: 45%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 50px;
  top: 32px;
}
.index-com .index-ent .list li a .right {
  text-align: right;
  padding-top: 114px;
  height: 420px;
  position: relative;
  max-width: 287px;
  margin: 0 auto;
}
.index-com .index-ent .list li a .right::before {
  content: "";
  position: absolute;
  width: 31px;
  height: 31px;
  border-radius: 100%;
  border: 2px solid #666;
  right: 0;
  bottom: 18px;
  background: url("PC/images/index/new3.png") no-repeat center;
}
.index-com .index-ent .list li a .right .date {
  font-size: 0;
  position: relative;
  padding-bottom: 22px;
  margin-bottom: 28px;
  border-bottom: 4px solid #2E2E2E;
  background: url("PC/images/index/new2.png") no-repeat left 5px;
}
.index-com .index-ent .list li a .right .date span {
  display: block;
  font-size: 72px;
  color: #0089E7;
  line-height: 86px;
  font-weight: 200;
  letter-spacing: -6px;
}
.index-com .index-ent .list li a .right .date i {
  color: #fff;
  font-size: 24px;
  font-style: normal;
  line-height: 28px;
  display: inline-block;
  background: #D6D6D6;
  padding: 0 7px;
  font-weight: 200;
}
.index-com .index-ent .list li a .right .title {
  font-size: 24px;
  line-height: 34px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 34px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.index-com .index-ent .list li a:hover {
  box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.15);
}
.index-com .index-ent .list li a:hover .right .title {
  color: #0089E7;
}
.index-com .index-new-title {
  overflow: hidden;
  padding: 46px 60px 28px;
}
.index-com .index-new-title span {
  display: block;
  float: left;
  line-height: 42px;
  font-size: 30px;
  padding: 0 2px;
  margin-right: 30px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  border-bottom: 4px solid transparent;
}
.index-com .index-new-title span:hover {
  color: #2E2E2E;
}
.index-com .index-new-title span.active {
  border-bottom-color: #DA251D;
  color: #2E2E2E;
}
.index-com .index-new-title a {
  display: block;
  line-height: 42px;
  float: right;
}
.index-com .index-new-title a:hover {
  color: #0089E7;
}
.index-com .index-new {
  background: #ECF3F8;
  margin-bottom: 60px;
  margin-top: 30px;
}
.index-com .index-new .new-list {
  overflow: hidden;
  display: none;
}
.index-com .index-new .new-list.active {
  display: block;
}
.index-com .index-new .new-list .left {
  display: block;
  background: #F2F2F2;
  float: left;
  width: 42%;
  max-width: 710px;
  height: 658px;
}
.index-com .index-new .new-list .left .pic {
  height: 340px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.index-com .index-new .new-list .left .con {
  padding: 40px 10px 0;
  max-width: 610px;
  margin: 0 auto;
}
.index-com .index-new .new-list .left .con h6 {
  font-size: 24px;
  color: #2E2E2E;
  line-height: 34px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 34px;
  position: relative;
  padding-left: 20px;
  margin-right: 20px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.index-com .index-new .new-list .left .con h6::before {
  content: "";
  background: url("PC/images/index/new1.png") no-repeat center;
  width: 7px;
  height: 9px;
  position: absolute;
  left: 3px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.index-com .index-new .new-list .left .con p {
  margin: 19px 20px;
  line-height: 28px;
  height: 56px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 16px;
}
.index-com .index-new .new-list .left .con .date {
  margin: 28px 20px 0;
  padding-top: 40px;
  border-top: 2px solid #B9B9B9;
  overflow: hidden;
  position: relative;
}
.index-com .index-new .new-list .left .con .date::before {
  background: url("PC/images/index/new4.png") no-repeat center;
  position: absolute;
  content: "";
  width: 33px;
  height: 10px;
  right: 0;
  bottom: 29px;
}
.index-com .index-new .new-list .left .con .date span {
  display: block;
  float: left;
  position: relative;
  font-size: 48px;
  line-height: 58px;
  color: #0089E7;
  font-family: Arial;
}
.index-com .index-new .new-list .left .con .date span i {
  display: block;
  font-size: 18px;
  font-style: normal;
  position: absolute;
  right: 0;
  top: -12px;
  color: #0089E7;
  font-family: Arial;
  line-height: 24px;
}
.index-com .index-new .new-list .left:hover .con h6 {
  color: #0089E7;
}
.index-com .index-new .new-list .right {
  width: 52%;
  margin: 48px 3%;
  background: #fff;
  padding: 10px 60px 51px;
  max-width: 890px;
  float: right;
}
.index-com .index-new .new-list .right .top-list {
  display: block;
  overflow: hidden;
  padding-left: 250px;
  margin-top: 40px;
  position: relative;
}
.index-com .index-new .new-list .right .top-list .pic {
  width: 233px;
  height: 145px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.index-com .index-new .new-list .right .top-list .con {
  max-width: 460px;
  float: left;
  width: 100%;
}
.index-com .index-new .new-list .right .top-list .con span {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 18px;
  color: #2E2E2E;
  line-height: 30px;
  margin-bottom: 11px;
  height: 30px;
  font-weight: 600;
  padding-left: 17px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  background: url("PC/images/index/new1.png") no-repeat left center;
}
.index-com .index-new .new-list .right .top-list .con p {
  line-height: 28px;
  height: 56px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 16px;
  padding-left: 17px;
}
.index-com .index-new .new-list .right .top-list .con .date {
  font-family: Arial;
  font-size: 16px;
  position: relative;
  margin-top: 15px;
  line-height: 26px;
  padding: 10px 0 0 17px;
  border-top: 1px solid rgba(205, 205, 205, 0.39);
}
.index-com .index-new .new-list .right .top-list .con .date::before {
  background: url("PC/images/index/new4.png") no-repeat center;
  content: "";
  width: 33px;
  height: 10px;
  position: absolute;
  right: 0;
  bottom: 7px;
}
.index-com .index-new .new-list .right .top-list:hover .pic {
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02);
}
.index-com .index-new .new-list .right .top-list:hover .con span {
  color: #0089E7;
}
.index-com .index-new .new-list .right .other-list {
  overflow: hidden;
  padding-top: 31px;
}
.index-com .index-new .new-list .right .other-list a {
  display: block;
  width: 43%;
  float: left;
  margin: 20px 14% 0 0;
  line-height: 28px;
  font-size: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 18px;
  background: url("PC/images/index/new1.png") no-repeat left center;
}
.index-com .index-new .new-list .right .other-list a:nth-child(2n) {
  margin-right: 0;
}
.index-com .index-new .new-list .right .other-list a:hover {
  font-weight: 600;
  color: #0089E7;
}

@media(max-width: 1800px) {
  .index-production .index-prod .right-content .swiper-container .swiper-slide .pic {
    width: 50%;
  }
}

@media (max-width: 1700px) {
  .index-com .index-ent .list li {
    padding: 0 10px;
  }
  .index-com .index-ent .list li a {
    padding-left: 55%;
    padding-right: 20px;
  }
  .index-com .index-ent .list li a .pic {
    left: 20px;
    height: 380px;
    max-width: 280px;
  }
  .index-com .index-ent .list li a .right {
    padding-top: 60px;
    height: 390px;
  }
  .index-com .index-ent .list li a .right .date {
    background-size: 50px;
  }
  .index-com .index-ent .list li a .right .date span {
    font-size: 60px;
  }
  .index-com .index-new .new-list .right .top-list .con {
    float: none;
  }
}
@media (max-width: 1500px) {
  .index-production .index-prod .title {
    font-size: 30px;
  }
  .index-production .index-prod .text {
    font-size: 18px;
    line-height: 28px;
    height: 84px;
  }
}
@media (max-width: 1320px) {
  body {
    padding-top: 0;
  }
 .header {
    position: fixed;
    z-index: 99;
    background: #fff;
  }
  .header-top {
    background-color: transparent;
  }
  .index-title span {
    font-size: 40px;
    line-height: 50px;
  }
  .index-production .index-prod .left-content {
    width: 100%;
    margin-bottom: 32px;
    border-radius: 6px;
  }
  .index-production .index-prod .left-content .swiper-container .swiper-slide {
    overflow: hidden;
    height: 353px;
  }
  .index-production .index-prod .left-content .swiper-container .swiper-slide .pic {
    width: 60%;
    position: absolute;
    right: 0;
    top: 0;
    height: 353px;
    max-width: 500px;
    margin-top: 0;
  }
  .index-production .index-prod .left-content .swiper-container .swiper-slide .con {
    float: left;
    text-align: left;
    padding: 135px 0 0 57px;
    position: relative;
    z-index: 2;
  }
  .index-production .index-prod .right-content {
    width: 100%;
  }
  .index-com {
    padding-top: 0;
    margin-top: 45px;
  }
  .index-com .index-ent .list {
    max-width: 770px;
    margin: 0 auto;
  }
  .index-com .index-ent .list li {
    width: 100%;
    float: none;
    margin: 50px auto 0;
  }
  .index-com .index-ent .list li:first-child {
    margin-top: 0;
  }
  .index-com .index-new {
    padding: 50px;
  }
  .index-com .index-new .new-list .left {
    float: none;
    max-width: 710px;
    width: 100%;
    margin: 0 auto;
  }
  .index-com .index-new .new-list .right {
    float: none;
    width: 100%;
    margin: 50px auto 0;
    max-width: 710px;
  }
}
@media(max-width: 1099px){
  .index-production .index-prod .left-content .swiper-container .swiper-slide .pic {
    width: 50%;
  }
  .index-production .index-prod .right-content .swiper-container .swiper-slide .pic {
    width: 50%;
  }
  .index-production .index-prod .left-content .swiper-container .swiper-slide .con {
    width: 45%;
  }
}
@media (max-width: 999px) {
  .index-about .index-abo .content {
    padding: 50px;
  }
  .index-about .index-abo .content table td span {
    font-size: 30px;
    letter-spacing: -1px;
  }
  .index-about .index-abo .content table td p {
    font-size: 16px;
    line-height: 26px;
  }
}
@media (max-width: 767px) {
  .index-title {
    padding: 70px 20px 50px;
  }
  .index-title span {
    font-size: 35px;
    line-height: 45px;
  }
  .index-production .index-prod {
    padding: 0 20px 50px;
  }
  .index-production .index-prod .title {
    font-size: 20px;
    line-height: 30px;
  }
  .index-production .index-prod .text {
    font-size: 16px;
  }
  .index-production .index-prod .left-content .swiper-container .swiper-slide .con {
    padding: 135px 0 0 20px;
  }
  .index-production .index-prod .left-content .swiper-container .swiper-slide .type {
    left: 20px;
  }
  .index-production .index-prod .right-content .swiper-container .swiper-slide {
    padding-left: 20px;
  }
  .index-production .index-prod .right-content .swiper-container .swiper-slide .type {
    left: 20px;
  }
  .index-about .index-abo {
    padding: 0 20px 50px;
  }
  .index-about .index-abo .content {
    padding: 30px 20px;
  }
  .index-about .index-abo .content .web-table {
    display: none;
  }
  .index-about .index-abo .content .phone-table {
    display: block;
    max-width: 400px;
    margin: 0 auto;
  }
  .index-about .index-abo .content table tr td::before {
    display: none;
  }
  .index-about .index-abo .content table tr td:last-child {
    border-left: 1px solid #DCDCDC;
  }
  .index-about .index-abo .content table tr td span {
    font-size: 30px;
    letter-spacing: -1px;
  }
  .index-about .index-abo .content table tr td p {
    font-size: 16px;
    line-height: 26px;
  }
  .index-about .index-abo .content table tr:first-child td {
    border-bottom: 1px solid #DCDCDC;
    padding-bottom: 20px;
  }
  .index-com {
    padding: 0;
    margin-top: 30px;
  }
  .index-com .index-new-title span {
    font-size: 20px;
  }
  .index-com .index-ent {
    border-radius: 0;
  }
  .index-com .index-ent .titles {
    padding: 30px 20px 10px;
  }
  .index-com .index-ent .titles span {
    font-size: 20px;
    line-height: 40px;
  }
  .index-com .index-ent .titles a {
    margin-top: 2px;
  }
  .index-com .index-ent .list {
    padding: 0 20px 60px;
  }
  .index-com .index-ent .list li {
    padding: 0;
  }
  .index-com .index-ent .list li a .right .date span {
    font-size: 40px;
    letter-spacing: 0;
  }
  .index-com .index-ent .list li a .right .date i {
    font-size: 18px;
  }
  .index-com .index-ent .list li a .right .title {
    font-size: 18px;
  }
  .index-com .index-new {
    padding: 30px 20px;
    margin-bottom: 0;
  }
  .index-com .index-new .new-list .left {
    height: auto;
    padding-bottom: 30px;
  }
  .index-com .index-new .new-list .left .pic {
    height: 260px;
  }
  .index-com .index-new .new-list .left .con {
    padding-top: 20px;
  }
  .index-com .index-new .new-list .left .con h6 {
    font-size: 18px;
    line-height: 28px;
    height: 28px;
  }
  .index-com .index-new .new-list .left .con h6::before {
    display: none;
  }
  .index-com .index-new .new-list .left .con p {
    margin-top: 5px;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    margin-bottom: 0;
  }
  .index-com .index-new .new-list .left .con .date {
    margin-top: 15px;
    padding-top: 20px;
  }
  .index-com .index-new .new-list .left .con .date span {
    font-size: 30px;
    line-height: 40px;
  }
  .index-com .index-new .new-list .left .con .date span i {
    font-size: 14px;
    line-height: 20px;
  }
  .index-com .index-new .new-list .right {
    padding: 10px 20px 40px;
  }
  .index-com .index-new .new-list .right .top-list {
    padding-left: 200px;
  }
  .index-com .index-new .new-list .right .top-list .pic {
    width: 180px;
  }
}
@media (max-width: 500px) {
  .index-title {
    padding: 50px 20px 50px;
  }
  .index-title span {
    font-size: 25px;
    line-height: 35px;
  }
  .index-title p {
    font-size: 16px;
    line-height: 26px;
  }
  .index-production .index-prod {
    padding: 0 20px 50px;
  }
  .index-production .index-prod .title {
    font-size: 20px;
    line-height: 30px;
  }
  .index-production .index-prod .text {
    font-size: 16px;
  }
  .index-production .index-prod .left-content .swiper-container .swiper-slide {
    height: auto;
    padding: 50px 20px;
  }
  .index-production .index-prod .left-content .swiper-container .swiper-slide .pic {
    position: relative;
    height: 200px;
    right: auto;
    top: auto;
    margin: 0 auto;
    width: 100%;
  }
  .index-production .index-prod .left-content .swiper-container .swiper-slide .con {
    text-align: center;
    padding: 20px 0 0;
    width: 100%;
  }
  .index-production .index-prod .left-content .swiper-container .swiper-slide .type {
    top: 20px;
    z-index: 3;
  }
  .index-production .index-prod .right-content .swiper-container .swiper-slide {
    height: auto;
    padding: 50px 20px;
  }
  .index-production .index-prod .right-content .swiper-container .swiper-slide .type {
    top: 20px;
  }
  .index-production .index-prod .right-content .swiper-container .swiper-slide .pic {
    position: relative;
    height: 200px;
    right: auto;
    top: auto;
    margin: 0 auto;
    width: 100%;
  }
  .index-production .index-prod .right-content .swiper-container .swiper-slide .con {
    text-align: center;
    padding: 20px 0 0;
    width: 100%;
  }
  .index-case .swiper-container .swiper-wrapper .swiper-slide {
    height: 400px;
    padding-top: 100px;
  }
  .index-case .swiper-container .swiper-wrapper .swiper-slide span {
    font-size: 20px;
  }
  .index-com .index-ent .list li a .pic {
    height: 200px;
  }
  .index-com .index-ent .list li a .right {
    padding-top: 30px;
    height: 200px;
  }
  .index-com .index-ent .list li a .right::before {
    bottom: 0;
  }
  .index-com .index-ent .list li a .right .date {
    background-size: 30px;
    padding-bottom: 18px;
    margin-bottom: 18px;
  }
  .index-com .index-ent .list li a .right .date span {
    line-height: 40px;
    font-size: 20px;
  }
  .index-com .index-ent .list li a .right .date i {
    font-size: 12px;
    line-height: 22px;
  }
  .index-com .index-ent .list li a .right .title {
    font-size: 14px;
  }
  .index-com .index-new .new-list .right .top-list {
    padding-left: 0;
  }
  .index-com .index-new .new-list .right .top-list .pic {
    display: none;
  }
  .index-com .index-new .new-list .right .other-list a {
    width: 100%;
    float: none;
  }
}


.about-three{padding-top: 50px;padding-bottom:50px;background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed;}
.contact-tit{font-size:42px;line-height:50px;color:#222;text-align:center;position:relative;padding-bottom:19px}
.contact-tit::before{position:absolute;content:"";width:40px;height:3px;background: #ec6b00;bottom:0;left:50%;transform:translateX(-50%);}
.about2-con{margin-top:40px}
#historySlide{position:relative;width:100%;overflow:hidden}
#historySlide .history-c{height:auto;width:100%;position:relative}
.history-c .swiper-slide{width:100%;height:auto}
#historySlide .history-c .year{float:left;width:48.54%;overflow:hidden}
#historySlide .history-c .year img{width:100%}
#historySlide .history-c .cont{position:relative;width:100%;padding:0 185px}
#historySlide .history-c .des{float:right;width: 100%;padding-top:50px;padding-left:35px;text-align: center;}
#historySlide .p-tit{font-size: 56px;font-family:'DIN1451';color: #3379fd;line-height:80px;}
#historySlide .history-c .des p{font-size:16px;line-height:26px;color:#333;position:relative}
#historySlide .history-scroll{height:70px;margin:0 auto;padding:0 80px;margin-top:40px}
#historySlide .swiper-container{padding:0 0px}
.history-scroll .swiper-slide{float:left;width:154px;height:70px;background:url(../image/time-line.png)repeat-x top left 19px;cursor:pointer}
#historySlide .time-line{width:154px;height:70px;position:relative}
.history-scroll .dot{padding:3px;width:14px;height:14px;border:1px solid #3379fd;border-radius:50%;position:absolute;top: 15px;left:12px;display: block;opacity:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.history-scroll .dot i{display:block;background:#3379fd;width:100%;height:100%;border-radius:50%}
.history-scroll .swiper-slide.active-nav .dot{opacity:1}
.history-scroll .daty{font-size:16px;line-height:32px;position:absolute;top:37px;left: 43px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:10;}
#historySlide .arrow-left,#historySlide .arrow-right{width:55px;height:55px;border:1px solid #ccc;border-radius:50%;background:url(../image/p-prev2.png)no-repeat center;position:absolute;top:50%;margin-top:-40px;z-index:10;cursor:pointer;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
#historySlide .arrow-left{left:0}
#historySlide .arrow-right{right:0;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
#historySlide .arrow-left:hover,#historySlide .arrow-right:hover{background-image:url(../image/p-prevH.png);background-color:#3379fd;border-color:#3379fd}
.abt2-p{margin-top:11px;max-height: 50px;}
#historySlide .swiper-pagination{display:none;width:100%}
#historySlide .swiper-pagination-bullet{width:6px;height:6px;background:#2c64fa;opacity:1;margin:0 8px}
#historySlide .swiper-pagination-bullet-active{position:relative}
#historySlide .swiper-pagination-bullet-active::before{position:absolute;content:"";width:12px;height:12px;border-radius:50%;border:1px solid #2c64fa;left:-3px;top:-3px}
@media(max-width:1459px){
#historySlide .history-c .des{padding-top:30px}
.about-three{height:600px}
.about3-dec{font-size:26px}
#historySlide .p-tit{font-size: 40px;line-height:70px;}
.research-tit{font-size:38px;line-height:40px}
}
@media(max-width:1259px){
#historySlide .history-c .cont{padding:0 100px}
.ab1-txt p{font-size:17px}
.ab1-txt h3{font-size:22px}
#historySlide .p-tit{font-size:56px;line-height:60px}
#historySlide .history-c .des{padding-top:25px}
.about-three{height:550px}
}
@media(max-width:991px){
.anchor{display:none !important}
.header-app{display:block !important}
.about3-dec{font-size:21px;line-height:30px}
.about-three{height:auto}
#historySlide .history-c .year{width:100%}
#historySlide .history-c .des{width:100%;padding-left:0}
#historySlide .p-tit{font-size:40px;line-height:50px}
#historySlide .arrow-left,#historySlide .arrow-right{width:42px;height:42px}
#historySlide .history-c .cont{padding:0px 70px}
#historySlide .history-scroll{margin-top:20px}
}
@media(max-width:640px){
	.contact-tit{font-size: 22 ;}
#historySlide .swiper-pagination{display:block;bottom:3px}
#historySlide .arrow-left,#historySlide .arrow-right{display:none}
#historySlide{padding-bottom:35px}
#historySlide .history-c .cont{padding:0 10px}
#historySlide .history-scroll{padding:0 10px}
.about-three{background-attachment:inherit}
}
.about-three {/* display:none */}