/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding:0; margin:0;} 
table {border-collapse:collapse; border-spacing:0;} 
fieldset,img,abbr,acronym{border:0;} 
address,caption,cite,code,dfn,em,th,var {font-weight: normal;font-style: normal;} 
ol,ul,li{list-style: none;} 
caption,th {text-align: left;} 
h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%;} 
q:before,q:after {content:”;} 
body{background:#fff;font-size:12px;font-family:"Microsoft YaHei";}
textarea {outline: none; resize: none; overflow:auto;}
img{vertical-align:middle;}
:focus{outline:0;}
.fix,.wrap1200,.wrap1198{*zoom: 1;}
.fix:after,.wrap1200:after,.wrap1198:after{content: "";visibility: hidden;display: block;height: 0;clear: both;}
a{color:#000; text-decoration:none;}a:hover{ color:#000;}
a img {border: none;text-decoration: none;}
label, button,a {cursor: pointer;}
p{word-wrap:break-word;}
.clear{ clear:both; height:1px; overflow:hidden;}
/* layout */
.col-center,.col-left,.col-right,.fl,.fr{float:left;display:inline}
.col-right,.fr{float:right; display:inline;}
.wrap1200{margin:0 auto;width:1200px;  }
.wrap1198{margin:0 auto;width:1198px}
/* 模块化 */
.mod{position:relative;}
.bd,.hd{clear:both;}
.h2 .more,.hd .more,.imore{float:right;display:inline}
.imore{text-indent:-999px}
.hd .icon{position:absolute;overflow:hidden}
.no{display:none!important}
.yes{display:block!important}
.noBor{border:none!important}
.line{overflow:hidden;height:1px}	


/*垂直居中*/
.middle{ display:table;}
.middle .sub{ display:table-cell; vertical-align:middle;}

/*水平等分*/
.justify { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.justify * { -webkit-box-flex: 1; -ms-flex: 1;-webkit-flex: 1; flex: 1; }

.alignC{ text-align: center;}
*{-webkit-overflow-scrolling: touch;}
.noscroll{ overflow:hidden; height: 100%;}

/* swiper5在safari浏览器里有bug */
.swiper-wrapper{
display: -webkit-box;
    -webkit-box-pack: start; /* justify-content */
    -webkit-box-align: start; /* align-items */
}
  
.aniCss{-webkit-transition: all 0.5s ease-in-out; 
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;} 

/*公用*/
.head,.foot,.Wrap,.banner{ width: 100%; max-width: 100%; min-width: 1200px;}
/* .bannerWrap{margin-top:0; background: #f8b526;} */
/* .bannerWrapActive{ margin-top: 100px;} */
/* .safari_bannerWrap{ [;background: -webkit-linear-gradient(left, #0022ba, #220361); ] } */
.fontFix{-webkit-text-size-adjust: none; display:table; max-height: 999999px; }


/* .wrap1200{ width: 1200px !important;} */
/* 轮播 */
.swiper {
    width: 100%;
    height: 100%;
    height: 481px;
    overflow: hidden;
    margin-top:102px;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;

}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;

}
.swiper-pagination{ z-index: 9;}
.swiperPc{ display: block; }
.swiperMobile{ display: none;}

.bannerTxtBtn{ background: url(../img/bannerTxtBtn.png) no-repeat; height: 225px;}
.bannerTxtBtn a:nth-child(1){ width: 156px; height: 45px; float: left; margin: 180px 10px 0 0;}
.bannerTxtBtn a:nth-child(2){ width: 160px; height: 45px; float: left; margin: 180px 0 0 0;}
.bannerTxtBtnMobile{ display: none;}


.menuActive{ position: fixed; top: 100px;}
.menuWrap{ width: 100%; max-width: 100%; min-width: 1200px;  width: 100%; min-width: 1200px; z-index: 2; }
.menuWrap{border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; background: #fff;}
.menu{ height: 78px;  letter-spacing: 2px; font: 18px/78px "Microsoft YaHei"; text-align: center; }
.menu li{ display:inline-block; padding: 0 10px; margin: 0 35px;}
.menu a { color:#000; height: 75px; line-height: 78px; display: block;}
.menu a:hover,.menu .on a{ border-bottom: solid 3px #1e5cfb;}

.bgf2f{ background: #f2f3f7; overflow: hidden;}
.hd01{ font:bold 28px/48px "Microsoft YaHei"; color:#333; margin: 60px 0 40px 0;}

.produceList{ margin:0 0 70px -11px; color: #fff; width:9999px;} 
.produceList li{ float: left; width: 231px; height: 428px; margin-left: 11px; border-radius: 10px; overflow: hidden; position: relative;}
.produceList li:hover{ margin-top: -10px;  box-shadow:0 3px 5px #c3c3c3;}
.produceList>li{ background: url(../img/product_bgA.png) no-repeat;}
.produceList>li:nth-child(3){ background: url(../img/product_bgB.png) no-repeat;}
.produceList>li:nth-child(4){ background: url(../img/product_bgB.png) no-repeat;}
.produceList>li:nth-child(5){ background: url(../img/product_bgC.png) no-repeat;}
.produceList .tit{ font:bold 30px/23px "Microsoft YaHei"; margin: 50px 0 0 27px;}
.produceList .desc{ font: 15px/23px "Microsoft YaHei"; min-height: 46px; margin: 25px 0 0 27px;}
.produceList dl{ font: 15px/20px "Microsoft YaHei"; margin: 25px 0 0 27px;}
.produceList dd{ margin-bottom:15px; padding-left: 20px; background: url(../img/product_icon.png) no-repeat 0 6px;}
.produceList .btn{ border-top: solid 3px #fff; height: 42px; position: absolute; left: 0; bottom: 0; width: 231px;}
.produceList .btn a{ display: block; background: #076bff; font: 16px/42px "Microsoft YaHei"; color: #fff; text-align: center;}
.produceList .first a:nth-child(1){ float: left; background: #ff5d3b; width: 115px;}
.produceList .first a:nth-child(2){ float: right; background: #076bff; width: 116px;}
.produceList>li:nth-child(2) a{ background: #076bff;}
.produceList>li:nth-child(3) a{ background: #3465e8;}
.produceList>li:nth-child(4) a{ background: #3465e8;}
.produceList>li:nth-child(5) a{ background: #2098f6;}

.minBanner{ background: url(../img/product_advantage_bg.png) no-repeat; background-size: 100% auto; height: 94px; box-shadow: 0px 2px 25px 20px #f0f1f4; overflow: hidden; border-top-right-radius: 12px; border-top-left-radius: 12px;}
.minBanner .advantage_word{ background: url(../img/advantage_word.png) no-repeat; width: 752px; height: 28px; margin:35px 0 0 217px; position: relative; overflow: hidden;}

.minBanner .light{
    position: absolute;
    -webkit-animation:aniLight 5s 0s infinite;
    -o-animation:aniLight 5s 0s infinite;
    -moz-animation:aniLight 5s 0s infinite;
    animation:aniLight 5s 0s infinite;
  
    background: -webkit-linear-gradient(-45deg,rgba(255, 255, 255, 0) 40%,rgba(255, 255, 255, 0.7) 50%,rgba(255, 255, 255, 0.7) 50%,rgba(255, 255, 255, 0) 60%);
    background: -moz-linear-gradient(-45deg,rgba(255, 255, 255, 0) 40%,rgba(255, 255, 255, 0.7) 50%,rgba(255, 255, 255, 0.7) 50%,rgba(255, 255, 255, 0) 60%);
    background: -o-linear-gradient(-45deg,rgba(255, 255, 255, 0) 40%,rgba(255, 255, 255, 0.7) 50%,rgba(255, 255, 255, 0.7) 50%,rgba(255, 255, 255, 0) 60%);
    background: -ms-linear-gradient(-45deg,rgba(255, 255, 255, 0) 40%,rgba(255, 255, 255, 0.7) 50%,rgba(255, 255, 255, 0.7) 50%,rgba(255, 255, 255, 0) 60%);
    background: linear-gradient(-45deg,rgba(255, 255, 255, 0) 40%,rgba(255, 255, 255, 0.7) 50%,rgba(255, 255, 255, 0.7) 50%,rgba(255, 255, 255, 0) 60%);
    
    background-repeat: no-repeat;
    background-position: -600px 0;
    position: absolute; left: 0%; top: 0; height: 100%; width: 920px; 
  }

@-webkit-keyframes aniLight {
    0% {
      /* -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); */
      background-position: -600px 0;
    }
    50% {
      /* -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0); */
      background-position: 600px 0;
      
    }
    100% {
      /* -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0); */
      background-position: 600px 0;
    }
    
  }
  
  @keyframes aniLight {
    0% {
      /* -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); */
      background-position: -600px 0;
      
    }
    50% {
      /* -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0); */
      background-position: 600px 0;
      
    }
    100% {
      /* -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0); */
      background-position: 600px 0;
      
    }
  }

.advantage_list{ margin:0 0 70px -20px;}
.advantage_list li{ float: left; width: 590px; height: 188px; margin: 20px 0 0 20px; box-shadow:0px 2px 25px 20px #f0f1f4; background: #fff; overflow: hidden;}
.advantage_list li:nth-child(3){ border-bottom-left-radius: 10px;}
.advantage_list li:nth-child(4){ border-bottom-right-radius: 10px;}
.advantage_list dl{ padding: 0 0 0 170px;}
.advantage_list li:nth-child(1) dl{ background: url(../img/advantage_icon01.jpg) 52px 28px no-repeat;}
.advantage_list li:nth-child(2) dl{ background: url(../img/advantage_icon02.jpg) 52px 28px no-repeat;}
.advantage_list li:nth-child(3) dl{ background: url(../img/advantage_icon03.jpg) 52px 28px no-repeat;}
.advantage_list li:nth-child(4) dl{ background: url(../img/advantage_icon04.jpg) 52px 28px no-repeat;}
.advantage_list dt{ color: #333; font: 28px/36px "Microsoft YaHei";  margin: 25px 0 20px 0;}
.advantage_list dd{ color: #707070; font: 16px/22px "Microsoft YaHei"; margin-bottom: 8px; padding-left: 28px;  background: url(../img/advantage_icon05.jpg) 0 5px no-repeat;}

.scene{ background: url(../img/sence_bg.jpg) center no-repeat; height: 667px;background-size: cover; overflow: hidden;}
.ZpSlideTab{ background:rgba(255, 255, 255, 0.7); border-radius:10px; position: relative;}
.ZpSlideTab .hdTab{ width: 240px; height: 380px; border-right:solid 2px #fff; margin-top:30px; float: left; position: absolute;}
.ZpSlideTab .hdTab li{ height: 40px; color: #333; font:bold 16px/40px "Microsoft YaHei"; cursor: pointer; margin-bottom:5px; text-indent:60px;}
.ZpSlideTab .hdTab li cite{  background:transparent; float: left; height:26px; width: 4px; margin-top:7px;}
.ZpSlideTab .hdTab .on cite{ background:#4c94fe;}
.ZpSlideTab .hdTab .on{background:#dedede;}

.ZpSlideTab .bd{ width: 900px; float: right;}
.sceneTxtImg{ position: relative; height: 445px; overflow: hidden;}
.sceneTxtImg .tit{ color: #333; font: 27px/40px "Microsoft YaHei"; letter-spacing: 2px; width: 294px; margin-top: 45px;}
.sceneTxtImg .desc{color: #414141; font: 14px/22px "Microsoft YaHei"; background: url(../img/advantage_icon05.jpg) 0 5px no-repeat; padding-left: 22px; width: 272px; margin-top: 30px;}
.sceneTxtImg .btn{ width: 294px; height: 34px;  font: 14px/34px "Microsoft YaHei"; text-align: center; border-radius: 3px; background: #076bff; margin-top: 43px;}
.sceneTxtImg .btn a{color: #fff; display: block; height: 34px;}
.sceneTxtImg .pic{ position: absolute; right: 45px; top: 45px; border-radius: 5px; overflow: hidden;}
.sceneTxtImg .pic img{ width: 533px;}

.logoMod{ margin:0 0 50px -10px;}
.logoMod li{ float: left; margin: 0 0 22px 10px; box-shadow:  0 5px 5px #e1e4eb;}

.supportMod{ text-align: center; margin:0 0 70px -15px;}
.supportMod li{ margin-left: 15px; float: left; width: 227px; height: 169px; color: #333; font: 16px/24px "Microsoft YaHei"; background: #fff; box-shadow: 0px 0 20px #f0f1f4;}
.supportMod li .icon{ width: 58px; height: 49px; background: url(../img/supportIcon.jpg) no-repeat; display: block; margin: 40px auto 25px auto;}
.supportMod li:nth-child(1) .icon{ background-position: center 0;}
.supportMod li:nth-child(2) .icon{ background-position: center -91px;}
.supportMod li:nth-child(3) .icon{ background-position: center -185px;}
.supportMod li:nth-child(4) .icon{ background-position: center -262px;}
.supportMod li:nth-child(5) .icon{ background-position: center -356px;}
.supportMod li a{ display: block; height: 169px; overflow: hidden;}

.loginWrap{ background: url(../img/loginBg.jpg) center no-repeat; background-size: cover; height: 167px; }
.loginWrap .wrap1200{ height: 167px;  background: url(../img/loginTxtBtn.png) 0 50px no-repeat; overflow: hidden;}
.loginWrap a{ display: block; width: 166px; height: 41px; margin-top: 103px; }



/*  */
@media screen and (max-width: 1360px) {
 

}
@media screen and (max-width: 1199px){
}
@media screen and (max-width: 992px) {
  .Wrap{ margin-top: 0;}
  .minBanner .advantage_word { margin: 32px 0 0 107px;}
  .head, .foot, .Wrap, .banner { min-width: auto;}
  .swiper { margin-top: 0px; height: 156px;}
  .swiperPc{ display: none; }
  .swiperMobile{ display: block;}

  .bannerTxtBtnMobile{  text-align: center; display: block;}
  .bannerTxtBtnMobile a{ font: 14px/34px "Microsoft YaHei"; border-radius: 5px; float: left; height: 34px; width: 185px;margin: 10px 0 10px 10px;}
  .bannerTxtBtnMobile a:nth-child(1){ background: #1f65ff; background: -webkit-linear-gradient(top, #9ec6fd, #1f65ff); color: #fff;}
  .bannerTxtBtnMobile a:nth-child(2){ border: solid 1px #1f65ff; color: #1f65ff;}



  .menuActive{ position: fixed; top: 100px;}.menuActive{ position: fixed; top: 83px;}
  .menuWrap .wrap1200{ width: 999999px;} 
  .menu{ height: 50px;font:bold 14px / 50px "Microsoft YaHei"; letter-spacing: 0;}
  .menu li{ float: left; margin: 0 0px;}
  .menu a{ height: 50px; line-height: 50px;}
  

   body .hd01 { font: bold 18px / 38px "Microsoft YaHei"; margin: 20px 0 10px 20px;}

  .produceList { margin: 0 0 0 0px; width: auto;}
  .produceList>li{ background-size: contain;}
  .produceList>li:nth-child(3){ background-size: contain;}
  .produceList>li:nth-child(4){ background-size: contain;}
  .produceList>li:nth-child(5){ background-size: contain;}

  .produceList li {width: 185px; height: 333px; margin:0 0 10px 10px;}
  .produceList .tit { font: bold 20px / 23px "Microsoft YaHei"; margin: 36px 0 0 23px;}
  .produceList .desc { font: 12px / 23px "Microsoft YaHei"; margin: 25px 0 0 23px;}
  .produceList dl { font: 12px / 20px "Microsoft YaHei"; margin: 19px 0 0 23px;}
  .produceList dd { margin-bottom: 10px; padding-left: 15px;}
  .produceList .btn {  border-top: solid 3px #fff; height: 40px;  width: 100%;}
  .produceList .btn a {font: 13px / 37px "Microsoft YaHei";}
  .produceList .first a:nth-child(1) { width: 50%;}
  .produceList .first a:nth-child(2) { width: 50%;}

  .minBanner{background-size: cover; height: 55px;}
  .minBanner .advantage_word { margin: 24px 0 0 28px;background-size: contain; width: 331px;  height: 28px}

  .advantage_list {  margin: 0 0 10px 0px;}
  .advantage_list li { width: 380px; height: auto; margin: 10px 0 0 10px; padding-bottom: 10px;}
  .advantage_list dl { padding: 0 0 0 20px;}
  .advantage_list dt { font: bold 16px / 36px "Microsoft YaHei"; margin: 10px 0 10px 40px;}
  .advantage_list dd { font: 14px / 22px "Microsoft YaHei"; padding-left: 15px;}

  .advantage_list li:nth-child(1) dl{ background: url(../img/advantage_icon01.jpg) 17px 5px no-repeat; background-size: 8%;}
  .advantage_list li:nth-child(2) dl{ background: url(../img/advantage_icon02.jpg) 17px 5px no-repeat; background-size: 8%;}
  .advantage_list li:nth-child(3) dl{ background: url(../img/advantage_icon03.jpg) 17px 5px no-repeat; background-size: 8%;}
  .advantage_list li:nth-child(4) dl{ background: url(../img/advantage_icon04.jpg) 17px 5px no-repeat; background-size: 8%;}

  .advantage_list li:nth-child(3){ border-bottom-left-radius: 0px;}
  .advantage_list li:nth-child(4){ border-bottom-right-radius: 0px;}

  .scene{ height: auto;}

  .ZpSlideTab{ border-radius: 0; margin-top: 56px;}
  .ZpSlideTab .hdTab{ float: none; position: initial; width: 100%; height: 50px; border: none; margin-top: 0; text-align: center; position: relative;top: -46px;}
  .ZpSlideTab .hdTab li {  height: 50px; font: bold 15px / 50px "Microsoft YaHei"; text-indent: 0px; display: inline-block; border-radius: 5px; padding: 0 12px;}
  .ZpSlideTab .hdTab cite{  display: none;}
  .ZpSlideTab .hdTab .on{ border-bottom-left-radius: 0; border-bottom-right-radius: 0; background: #f8fbfe;}
  .ZpSlideTab .hdTab .on cite{ background:#f8fbfe; width: 0;}
  .ZpSlideTab .bd{ float: none; width: 100%; margin-top: -50px; padding-bottom: 20px;}
  .sceneTxtImg{ height: auto;}
  .sceneTxtImg .tit { font: 16px / 40px "Microsoft YaHei"; width: auto; margin-top: 30px; margin-left: 20px;}
  .sceneTxtImg .desc { font: 13px / 22px "Microsoft YaHei"; padding-left: 22px; width: auto; margin-top: 10px; margin-left: 20px; margin-right: 20px;}
  .sceneTxtImg .pic { right: 0px; top: 0px; 

    position: relative;
    width: auto;
    margin: 10px;
  }
  .sceneTxtImg .pic img { width: 100%;}
  .sceneTxtImg .btn {  width: 360px;  height: 40px; font: 14px / 40px "Microsoft YaHei"; text-align: center; margin: 20px 20px 10px 20px;}

  .logoMod { margin: 0 0 0 0px;}
  .logoMod li { margin: 0 0 13px 13px; width: 180px;}

  .supportMod { margin: 0 0 10px 0px;}
  .supportMod li { margin: 0 0 15px 15px; width: 180px; height: 169px; font: 12px / 24px "Microsoft YaHei";}


  .loginWrap { height: 126px;}
  .loginWrap .wrap1200 { height: 108px; background: url(../img/loginTxtBtn.png) 40PX 50px no-repeat; background-size: 80%;}
  .loginWrap a { margin-top: 55px; }

}
@media screen and (max-width: 768px) {}
@media only screen and (max-width: 479px) {}
@media screen and (max-width: 321px) {}