@charset "utf-8";
:root{
   --font-size-18:1.8rem;
   --font-size-56:5.6rem
}

html,body{ line-height:20px; font-family:"Microsoft YaHei", Arial, Helvetica, sans-serif; color:#333333; height: 100%; width: 100%;}
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
audio,canvas,video, object{display:inline-block;*display:inline;*zoom:1;}
th{text-align:inherit;}
fieldset,img{border:0;}
iframe{display:block;}
abbr,acronym{border:0;font-variant:normal;}
del{text-decoration:line-through;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500;}
q:before,q:after{content:'';}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
a:hover{text-decoration:none;color:#0077c2;}
ins,a, a:visited{text-decoration:none; color: #333333;     cursor: pointer; transition: color .3s }
img{ max-width:100%}
/*clearfix*/
.clearfix:before,.clearfix:after{content:".";display:block;height:0;overflow:hidden;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;/* IE < 8 */}
.container-fluid{ padding:0}
.fn-r{ float:right}
.fn-l{ float:left}
html{font-size:10px;  }
body{font-size:1.2rem; }
.mians{ overflow: hidden;}
.w1060{ max-width: 1060px; margin: 0 auto; position: relative;}
.module p{ text-indent: 2em;}
.module .table p{ text-indent: 0;}
.mb{ display: none;}
.m-b-15{ margin-bottom: 15px;}
.d-flex{ display: flex;}
.align-center{ align-items: center;}
.align-end{ align-items: flex-end;}
.flex-column{ flex-direction: column;}
.justify-center{ justify-content: center;}
.justify-end{ justify-content: flex-end;}
.justify-between{ justify-content: space-between;}
.top-header{ width: 100%;}
.pt60{ padding-top: 60px;}
.menu{flex:1}
.login { margin-right: 10px;}
.login a{ background:#0077c2 ; color: #ffffff; border-radius: 5px;  height: 30px; min-width: 60px;}
.login a:hover{ background: #36b1ff;}
.menu ul li a{ color: hsla(0,0%,100%,.7); height: 44px; padding: 0 20px; display: inline-block; line-height: 44px;}
.logo{ background: url(../images/logo-white.png) no-repeat center; width: 75px; height: 34px; background-size: cover; margin-right: 30px; display: block;}
#banner{ height: 615px; overflow: hidden;  position: relative;}
#banner .swiper-slide{ background-repeat: no-repeat; background-position: center; background-size: cover;}
#banner .swiper-pagination-bullet{ width: 114px; height: 3px; border-radius: 0;background-color: rgba(255, 255, 255, .2); position: relative; opacity: 1;}
#banner .swiper-pagination-bullet::after{ content: ""; width: 0; height: 3px; position: absolute; top: 0; right:  0; background: #fff;}
#banner .swiper-pagination-bullet-active{ opacity: 1;}
#banner .swiper-pagination-bullet-active::after{   animation: mymove 6s; -webkit-animation: mymove 6s linear}

.ow-header-container { position: fixed;  width: 100%;  top: 0;  z-index: 12;  transition: top .3s ease-in-out}
.ow-header-container.is-light { color: hsla(0,0%,100%,.7)}
.ow-header-container.is-inverse{ background-color: #fff; box-shadow: 0 0 10px 2px rgba(34,34,34,.1);}
.ow-header-container.is-inverse .logo, .ow-header-container.is-open .logo{ background-image: url(../images/logo.png);}
.ow-header-container.is-inverse .menu ul li a, .ow-header-container.is-open .menu ul li a{ color: #000;}
.ow-header-container .menu ul li a.active{ color: #0077c2;}

.ow-header-container.is-open:after {background: #000; opacity: .3; width: 100%; height: 100vh;  display: block;  content: " ";  position: absolute;  top: 0;  left: 0}
.ow-header-container.is-open .top-header-content { border-bottom: 1px solid #f0f0f0}
.ow-header-container .top-header-content { position: relative;  z-index: 13}
.ow-header-container .top-header__popout {z-index: 2; position: absolute;  width: 100%;  background: #fff;  opacity: 1;  overflow: hidden;  height: 0px;}
.ow-header-container .top-header__popout .is-hover-scale { background-size: 100%}
.ow-header-container .top-header__popout .is-hover-scale:hover { background-size: 110%}
.ow-header-container .top-header__popout.is-active { padding-top: 45px; margin-top: -45px; opacity: 1; height: 340px;}

.popoutbox{ color: #000; padding: 30px 0;}
.popoutbox h2{ font-size: 16px; margin-bottom: 10px;}
.popoutbox .fontsize10{font-size: 10px; color: #666666;}
.popoutbox .dl{ margin-top: 30px;}
.popoutbox .dl dl{ flex: 1;}
.popoutbox .dl dl a{ display: flex; flex-direction: column;}
.popoutbox .dl dl a .i-con{ width: 212px; height: 125px; display: flex; align-items: center; justify-content: center; background: #f3f7fb; transition: all .3s ;}
.popoutbox .dl dl a .i-con img{ transition: all .3s ;}
.popoutbox .dl dl a:hover .i-con img{ transform:scale(1.2);}
.popoutbox .dl dl a:hover .i-con {box-shadow: 0 0 10px rgba(33, 133, 255, .14);}
.popoutbox .dl dl a p{ color: #666; margin-top: 5px;}

.home-piece{ margin: 10px 0; padding: 68px 0 50px; background-position: center; background-size: cover; color: #fff;}
.col-content{ margin-bottom: 50px;}
.fontstlye1{ font-size: 24px; color: #ef5858;  }
.fontstyle2{ font-size: 28px; font-weight: 600; line-height: 1.8; margin: 10px 0; }
.fontstyle3{ font-size: 18px; line-height: 1.8;}
.fontstyle5{ font-size: 24px; color: #1562a9; line-height: 1.5;}
.fontstyle6{ font-size: 24px; color: #333333; line-height: 1.5;}
.fontstyle7{font-size: 54px; line-height: 1.5; font-weight: 600; margin-bottom: 5px;}
.fontstyle8{ font-size: 26px;}
a.more-btn { font-size: 16px; color: #ffffff; margin-top: 50px; display: inline-block;}

.small{ font-size: 14px;}
.home-piece .a-more{ font-size: 14px; display: inline-block; margin-top: 20px; color: #fff;  }
.desk{ width: 100%;}
.sub-header{ border-top: solid 1px rgba(0,0,0,0);}
.is-inverse .sub-header{border-color: #f0f0f0;}
.is-inverse .sub-header span{ color: #222;}
.is-inverse .sub-header .btn a{ background: #0077c2; color: #fff; border-color: #0077c2;}
.sub-header .btn a{ display: flex; align-items: center; justify-content: center; border: solid 1px #fff; width: 79px; height: 24px; color: #fff; transition: all .3s; border-radius: 12px;}
.sub-header-content{ height: 44px;}
.main .home-piece{ margin: 0;  box-sizing: border-box;}
.main .pt60{ padding-top: 100px;}
.system-1{ height: 700px;}
.system-2{ height: 1037px; padding: 0;}
.system-4{  height: 451px;}
.tit{ font-size: 48px; line-height: 1.8;  margin-bottom: 30px;}
.tit span{ color: #1562a9;}
.system-2 .tit{ position: relative; top: -80px;}
.system-4 .tit{font-size: 24px;}

.parent-3{ padding-bottom: 0; overflow: hidden;}
.col-content .t2{ font-size: 36px; color: #333333; line-height: 1.8; margin-bottom: 10px;}
.col-content .t2 span{color: #1562a9;}
.col-content ul { margin: 0 0 0 20px; list-style: disc;}
.col-content ul li{ font-size: 18px; color: #333333; line-height: 1.8;}
.parent-4 .col-content ul li{ color: #fff;}

.erpList{ padding-bottom: 30px;}
.erpList .row{ padding: 0; background: linear-gradient(to right, #eef0f3, #ffffff); border-radius: 20px; margin: 35px;}
.erpList .row .col-content{ padding: 0px 0 0px 50px; margin-bottom: 0; color: #333333;}

.erpList .row:nth-last-of-type(1){ background: linear-gradient(to left, #eef0f3, #ffffff);}
.deskbg{ height: 312px; overflow: hidden; margin: 0 auto; text-align: center;}
.erp-4{ padding-bottom: 0;}
.erp-4 ul.uls{ margin: 50px auto 80px 60px; flex-wrap: wrap;  }
.erp-4 ul.uls li{ width: 46%; margin-left: 2%; font-size: 18px; line-height: 1.8; list-style: disc;}
.erp-5{ padding: 100px 0;}
.erp-5 .col-content{ margin-bottom: 0; position: relative;}
.erp-5 .col-content .text{ position: absolute; width: 100%; bottom: 0; left: 0; height: 140px; font-size: 13px; color: #333333; text-align: center;}
.erp-5 .col-content .text h6{font-weight: 400; font-size: 30px; color: #1562a9; margin-bottom: 16px;}
.erp-5 .col-content .text p{flex:1}

.content{ min-height: 500px; padding: 55px 0;}
.content .title{ margin-bottom: 65px;}
.content .title h1{font-size: 36px;  line-height: 1.5; margin-bottom: 10px;}
.content .title p{ font-size: 1.4rem;}
.content .list{ display: flex; flex-wrap: wrap; justify-content:space-between;}
.content .list dl{ width: 48%; margin: 0 0 20px 0;}
.content .list dl dt{ overflow: hidden;}
.content .list dl dt img{ width: 100%; transition: all .4s;}
/* .content .list dl a:hover dt img{ transform: scale(1.1);} */
.content .list dl dd{ font-size: 18px; margin-top: 10px; line-height: 1.4;}
.case{ background: #f5f5f5;}
.case .list dl{ width: 100%; position: relative;}
.case .list dl .dd-posi{ position:absolute ; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; z-index: -1; transition: all 0.3s ease 0s; margin: 0;}
.content .list dl a:hover .dd-posi{ opacity: 1; z-index: 1;}
.main .video-top{ padding: 100px 0 80px;}
.video .list dl dt{ position: relative; cursor: pointer;}
.video .list dl dt::after{ content: ""; width: 100%; height: 100%; background: rgba(0,0,0,.6) url(../images/icon-play.png) no-repeat center; position: absolute; top: 0; left: 0;}
.videoPlayPopup{ width: 100%; height: 100%; background: rgba(0,0,0,.8); position: fixed; z-index: 10000; top: 0; left: 0; display: none;}
.videoplayBg{ width: 100%; height: 100%; }
.videobox{ width: 60%; height: calc(100vh - 20%); background: #000;}
.videobox video{ width: 100%; height: 100%;}
.close-video{ width: 60%; margin-bottom: 10px;}
.close-video img{ cursor: pointer; width: 50px;}

.address1{font-size: 2rem; line-height: 1.9;}

footer{ background: #282828; padding: 50px 0 30px; color: #999999;}
footer .foot-logo{ margin-bottom: 10px;}
footer .footercopyright{ padding-top: 10px; border-top: solid 1px #414141; text-align: center; margin-top: 10px;}
footer .awm { width: 120px;  }
footer .awm dl dt{ background: #fff; padding: 3px;}
footer .awm img{ width: 100%;}
footer .awm dl{ margin-left: 20px;}


/*2024/3/29*/
.blueb{ font-size:1.8rem; color: #0077c2; font-weight: 600;  }
.mt20{ margin-top: 20px;}
.mt30{ margin-top: 30px;}
.colbox{ background: #ffffff; padding:30px 20px; border-radius:40px;}
.colbox .colbox-hd{ margin-bottom:30px; padding-bottom: 30px; border-bottom: solid 1px #ecedee;}
.colbox .colbox-hd dl{ margin-bottom:40px;}
.colbox .colbox-hd dl dt{ font-size: 18px; color: #333333; font-weight:normal;}
.colbox .colbox-hd dl dd{ font-size: 16px; line-height: 1.8;}
.colbox .colbox-hd dl.flex-column dt{ margin-bottom: 10px;}
.colbox .colbox-hd dl.flex-column dd{ margin-bottom: 10px;}
.b_btn{ font-size: 12px; color: #0077c2; border: solid 1px #0077c2; border-radius: 24px; height: 24px; width: 86px; display: flex; align-items: center; justify-content: center; color: #0077c2;}
a.b_btn{ color: #0077c2;}
a.b_btn:hover{ color: #36b1ff; border-color:#36b1ff ;}
.colbox h4{ font-size: 18px; text-align: center; margin: 20px 0 50px; font-weight: 600;}
.colbox-bd .btn{ background: #0077c2; color: #fff; transition: all .3s; cursor: pointer;}
.colbox-bd .btn:hover{ background: #36b1ff;}
.colbox-bd .w309{ width: 309px; height: 49px; border-radius: 25px; font-size: 18px;}
.colbox-bd .w198{ width: 198px; height: 31px; border-radius:30px; font-size: 12px;}
.btn-a a{ font-size: 14px; color: #333; display: inline-block; margin: 0 10px;}
.btn-a a.org{ color: #ff7e00; border-bottom: solid 1px #ff7e00;}
.two .colbox .colbox-hd dl{ margin-bottom:18px;}

.popup{ width: 100%; height: 100%; display: none; position: fixed; top: 0; left: 0; z-index: 10000;}
.popup .popup-body{ width: 100%; height: 100%; background: rgba(0,0,0,.8);}
.popup-main{ background: #fff; border-radius: 10px; padding:40px 15px 15px; position: relative;}
.popup-main .close-alert{cursor: pointer; position: absolute; top: 0; right: 0; padding: 10px;}

/*页面宽度大于1640px，小于1919px时*/
@media (min-width: 1640px) and (max-width: 1919px) {
  
}

/*页面宽度大于1200，小于1440时*/
@media (min-width: 1440px) and (max-width: 1639px){
 
}

/*页面宽度大于1200，小于1439时*/
@media (min-width: 1200px) and (max-width: 1439px) {
 
}

/*页面宽度大于768，小于1199时*/
@media (min-width: 768px) and (max-width: 1199px) {
 
}


/*移动端 页面宽度小于767*/
@media(max-width:767px){
  html{font-size:10px;}
  .mb{ display: block;}
  .pc{ display: none;}
  .w1060{ max-width: 100%; }
  .row{ margin: 0;}
  #banner{ height: 200px;}
  #banner .swiper-pagination-bullet{ width: 50px; height: 1px;}
  #banner .swiper-pagination-bullet::after{ content: ""; width: 0; height: 1px; position: absolute; top: 0; right:  0; background: #fff;}
  .home-piece{ padding: 30px; margin: 5px 0;}
  .fontstlye1{ font-size: 16px; color: #ef5858;  }
  .fontstyle2{ font-size: 18px; font-weight: 600; line-height: 1.4; margin: 4px 0; }
  .fontstyle3{ font-size: 16px;}
  .small{ font-size: 12px;}
  .desk img{ width: 100%;}
  .col-content{ text-align: center;}
  .mbdesk{ width: 60%; margin: 0 auto 20px;}
  footer { padding: 20px 0;}
  footer .footercopyright{ font-size: 12px; padding: 10px 20px;}
  footer .foot-logo{ width: 45%;}
  .logo{ margin: 0 auto;}
  .icon-menu{ background: url(../images/icon-menu-2.png) no-repeat center; background-size: 30px auto; width: 30px; height: 30px; position: absolute; top: 0; bottom: 0; left: 10px; margin: auto;}
  .is-inverse  .icon-menu{ background-image: url(../images/icon-menu-1.png);}
 
  .expandMenu{ position: fixed;  z-index: 0; width: 100%;   height: 100%; transition: transform .3s cubic-bezier(.7,.3,.1,1),height 0s ease .3s,width 0s ease .3s;}
  .expandMenu.isopen{width: 100%; z-index: 1000;}
  .em-mask{position: absolute; top: 0;  left: 0;  width: 100%;  height: 0;  background-color: rgba(0,0,0,.45);  opacity: 0;  filter: alpha(opacity=45);  transition: opacity .3s linear,height 0s ease .3s; pointer-events: none;}
  .expandMenu.isopen .em-mask{ height: 100%; opacity: 1;  transition: none;  -webkit-animation: antdDrawerFadeIn .3s cubic-bezier(.7,.3,.1,1);  animation: antdDrawerFadeIn .3s cubic-bezier(.7,.3,.1,1);   pointer-events: auto;}
  .expandMenu.isopen  .em-body{ transform: translateX(0); transition: transform .3s cubic-bezier(.7,.3,.1,1);}
  .em-body { position: absolute;  width: 100vw;  height: 100%; top: 0; left: 0; transform: translateX(-100%);}
  .em-body .em-body-content{position: relative;  z-index: 1;  overflow: auto;   background-color: #fff;  background-clip: padding-box;   border: 0; height: 100%;}
  .expandMenu .em-body-header{border-bottom: 1px solid rgb(240, 240, 240); padding: 5px  0; position: relative; }
  .expandMenu .em-body-header .logo{background-image: url(../images/logo.png);}
  .expandMenu .em-body-header .icon-close{ background: url(../images/icon-close.png) no-repeat center; background-size: 25px auto; width: 30px; height: 30px; position: absolute; top: 0; bottom: 0; left: 10px; margin: auto;}
  .em-body-main ul > li > a{
    padding: 15px 0;
    margin: 0 20px;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    flex: 1 1 auto;
    justify-content: space-between; 
    font-size: 14px;
  }
  .em-body-main ul ul{ background: #f0f0f0; height: 0; opacity: 0; transition: all .3s;  overflow: hidden;}
  .submenu a{display: flex; align-items: center; justify-content: space-between; transition: all .3s;}
  .submenu a i{ background: url(../images/r-arr.png) no-repeat center; background-size: 100% auto; width: 18px; height: 18px; transition: all .3s;}
  .submenu.acitve a i{  transform: rotate(90deg);}
  .submenu.acitve > a{ font-weight: 600;}
  .submenu.acitve ul{height: 100%; opacity: 1; overflow: visible;}

.main .pt60{ padding-top: 80px;}
.system-1{ height: auto;}
.system-2{ height: auto; padding: 0 0 30px 0;}
.system-4{  height: 180px;}
.tit{ font-size: 26px; line-height: 1.8;  margin-bottom: 10px;}
.tit span{ color: #1562a9;}
.system-2 .tit{ position: relative; top: -30px;}
.system-4 .tit{font-size: 16px;}
.main .col-content{ margin-top: 20px; margin-bottom: 30px;}
.parent-2{ padding-top: 64px;}
.col-content .t2{ font-size: 22px; color: #333333; line-height: 1.8; margin-bottom: 10px;}
.col-content .t2 span{color: #1562a9;}
.col-content ul { margin: 0 0 0 20px; list-style: none;}
.col-content ul li{ font-size: 14px; color: #333333; line-height: 1.8;}
.parent-3.home-piece{ padding: 30px 30px 0 30px;}

.erpList{ padding-bottom: 20px;}
.erpList .row{ padding: 0; background: linear-gradient(to right, #eef0f3, #ffffff); border-radius: 15px; margin: 0px 0px 15px 0;}
.erpList .row .col-content{ padding: 15px; margin-bottom: 20px; color: #333333; font-size: 12px;}

.deskbg{ height: 122px; overflow: hidden; margin: 0 auto; text-align: center;}
.erp-3{ padding: 20px;}
.erp-4{ padding-bottom: 0;}
.erp-4 ul.uls{ margin: 40px auto 50px 20px; flex-wrap: wrap;  display: block; }
.erp-4 ul.uls li{ width: 100%; margin-left: 0; font-size: 16px; line-height: 1.8; list-style: disc;}
.erp-5{ padding: 30px 0;}
.erp-5 .col-content{ margin-bottom: 0; position: relative;}
.erp-5 .col-content .bg{ height: 100%;}
.erp-5 .col-content .text{ position: absolute; width: 80%; bottom: 0; left: 0; right: 0; margin: 0 auto; height: 140px; font-size: 13px; color: #333333; text-align: center;}
.erp-5 .col-content .text h6{font-weight: 400; font-size: 30px; color: #1562a9; margin-bottom: 16px;}
.erp-5 .col-content .text p{flex:1}

.fontstyle7{font-size: 26px; }
.fontstyle8{ font-size: 16px;}
a.more-btn { font-size: 14px; color: #ffffff; margin-top: 20px; display: inline-block;}
.main .video-top{ padding: 60px 0 40px;}
.content{ min-height: 200px; padding: 25px ;}
.content .title{ margin-bottom: 25px;}
.content .title h1{font-size: 20px;  line-height: 1.5; margin-bottom: 10px;}
.content .title p{ font-size: 1.4rem;}
.content .list{ display: flex; flex-wrap: wrap; justify-content:space-between;}
.content .list dl{ width:100%; margin: 0 0 20px 0;}
.content .list dl dt{ overflow: hidden;}
.content .list dl dt img{ width: 100%; transition: all .4s;}
.content .list dl a:hover dt img{ transform: scale(1.2);}
.content .list dl dd{ font-size: 14px; margin-top: 10px; line-height: 1.4;}

.videobox{ width: 90%; height:auto; background: #000;}
.close-video{ width: 90%; margin-bottom: 10px;}
.close-video img{ cursor: pointer; width: 40px;}
.case .list dl .dd-posi img{ width: 60%;}
.address1{font-size: 1.5rem; line-height: 1.6; margin-top: 2rem;}

/*2024/3/29*/
.blueb{ font-size:1.8rem; color: #0077c2; font-weight: 600;  }
.mt20{ margin-top: 20px;}
.mt30{ margin-top: 30px;}
.colbox{ background: #ffffff; padding:30px 20px; border-radius:40px;}
.colbox .colbox-hd{ margin-bottom:30px; padding-bottom: 30px; border-bottom: solid 1px #ecedee;}
.colbox .colbox-hd dl{ margin-bottom:40px;}
.colbox .colbox-hd dl dt{ font-size: 18px; color: #333333; font-weight:normal;}
.colbox .colbox-hd dl dd{ font-size: 16px; line-height: 1.8;}
.colbox .colbox-hd dl.flex-column dt{ margin-bottom: 10px;}
.colbox .colbox-hd dl.flex-column dd{ margin-bottom: 10px;}
.b_btn{ font-size: 12px; color: #0077c2; border: solid 1px #0077c2; border-radius: 24px; height: 24px; width: 86px; display: flex; align-items: center; justify-content: center; color: #0077c2;}
a.b_btn{ color: #0077c2;}
a.b_btn:hover{ color: #36b1ff; border-color:#36b1ff ;}
.colbox h4{ font-size: 16px; text-align: center; margin: 20px 0 50px; font-weight: 600;}
.colbox-bd .btn{ background: #0077c2; color: #fff; transition: all .3s; cursor: pointer;}
.colbox-bd .btn:hover{ background: #36b1ff;}
.colbox-bd .w309{ width: 309px; height: 49px; border-radius: 25px; font-size: 18px;}
.colbox-bd .w198{ width: 198px; height: 31px; border-radius:30px; font-size: 12px;}
.btn-a a{ font-size: 14px; color: #333; display: inline-block; margin: 0 10px;}
.btn-a a.org{ color: #ff7e00; border-bottom: solid 1px #ff7e00;}
.two .colbox .colbox-hd dl{ margin-bottom:18px;}

}

@keyframes mymove {
  0% {
      width: 100%
  }

  to {
      width: 0
  }
}

@-webkit-keyframes mymove {
  0% {
      width: 100%
  }

  to {
      width: 0
  }
}