html,body{background-color: #f7f7f7;font-family:Verdana, Tahoma,Arial, Helvetica, sans-serif;overflow-x:hidden}
::-webkit-input-placeholder{color:#999}

::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-button,::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track,::-webkit-scrollbar-track:vertical{background-color:transparent}
::-webkit-scrollbar-track-piece{background-color:transparent;}
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:vertical{margin-right:8px;background-color:#2890eb}
::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #2890eb;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: -webkit-linear-gradient(30deg,
      transparent 20%, rgb(158, 93, 255) 20%,
      rgb(158, 93, 255) 40%, transparent 40%,
      transparent 60%, rgb(158, 93, 255) 60%,
      rgb(158, 93, 255) 80%, transparent 80%);
}
::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:vertical:hover{background-color:#5fb4ff}
::-webkit-scrollbar-corner,::-webkit-scrollbar-corner:vertical{background-color:transparente}
::-webkit-scrollbar-resizer,::-webkit-scrollbar-resizer:vertical{background-color:transparent}

.ws-header{position:fixed;left:0;right:0;width:100%;height:60px;background-color:#2f363c;box-shadow:0 1px 3px rgb(0 0 0 / 5%)}
.ws-header:after{position:absolute;left:0;right:0;width:100%;height:1px;background-color:#eee;content:''}
.ws-logo{position:absolute;width:200px;height:60px;line-height:60px;text-align:center}
.ws-logo img{width:93%;}
.ws-header-menu{position:absolute;right:16px;top:0}
.ws-header-menu>*{display:inline-block;vertical-align:middle}
.ws-header-menu .layui-nav{padding:0;background-color: transparent;}
.ws-header-menu .layui-nav .layui-nav-item{margin-left:16px}
.ws-header-menu .layui-nav .layui-nav-item a{padding:0 16px;color:#333}
.ws-header-menu .layui-nav .layui-nav-item a span{font-size:12px}
.ws-header-menu .layui-nav .layui-nav-more{right:-3px}
.ws-header .layui-container{height:100%}
.ws-header .layui-nav .layui-badge,.ws-header .layui-nav .layui-badge-dot{right:0}
.ws-header-more{display:none;line-height:60px;padding:0 10px;cursor:pointer}
.ws-header-tool{display:inline-block;line-height:60px;padding:0 10px 0 3px;vertical-align:middle;}
.ws-header-tool>a{margin-left: 8px;}

.ws-foot-nav{width:100%; padding:30px 15px;line-height:30px;color:#fff;background-color: #222;}
.ws-foot-nav ul li a{color: #d6d6d6;}
.ws-foot-nav .gzhbox{background-color: rgba(225, 225, 225, 0.2); margin-left: auto;margin-right: auto; padding: 10px;width: 120px;border-radius: 4px;}
.ws-foot-nav .gzhbox img{width: 100%;border-radius: 4px;}
.ws-foot-nav .txt-h26{line-height: 26px;text-align: center;}

.ws-footer{padding:30px 15px;line-height:30px;text-align:center;color:#fff;background-color: #1b1b1b;}
.ws-footer a{padding:0 5px;color:#fff}
.ws-footer a:hover{color:#1e9fff;text-decoration:underline}
.ws-footer-fixed{position:fixed;left:0;bottom:0;width:100%;box-shadow:0 -1px 3px rgb(0 0 0 / 5%)}
.ws-footer-fixed:after{position:absolute;top:0;left:0;right:0;width:100%;height:1px;background-color:#eee;content:''}
.ws-footer-fixed .ws-footer{height:60px;padding:15px 0;overflow:hidden;box-sizing:border-box;white-space:nowrap}
.ws-footer-fixed .ws-footer>*{display:inline-block;vertical-align:middle;padding:0 15px}

.ws-bg-light{background-color:#fff!important}

/*sz*/
.slider,.slider img{width: 100%;height: 100%;}

.sz-container {width: 80%;margin-left: auto;margin-right: auto;max-width: 1280px;}

.layui-card-body .aimg{width: 100%;}
.layui-card-body .aimg img{width: 100%;}
.layui-card-body .prodtitle{width: 100%;height: 50px;line-height: 50px; text-align: center;}

.company{padding: 20px;letter-spacing:3px;background-color: #fff;font-size: 16px;line-height:32px;text-indent: 2em;}
.companyimg{width: 100%;max-height: 334px;}
.companybg{background: url(../image/indpic.jpg) no-repeat; width: 100%;height: 388px;}
.company a{letter-spacing:0;font-size: 12px;text-indent: 0;}

.fang img{width: 100%;height: 260px;}
.kongbai{width: 100%;height: 15px;}

.home-news-box {background-color: #fff;}
.home-news,.home-news img{width: 100%;height:70px;}
.home-news .news-time{ text-align: center;border-right: 2px dashed #999;}
.home-news .news-time .text-large {font-size: 42px;line-height: 48px;color: #333; font-family: Verdana,Arial, Helvetica, sans-serif;}
.home-news .news-time .text-middle {font-size: 16px;color: #999;}
.home-news .news-txt{width: 100%;}
.home-news .news-txt .text-title{font-size: 20px;color: #333;width: 100%;height: 40px;line-height: 40px; overflow: hidden;}
.home-news .news-txt .text-sub{font-size: 15px;color: #999;white-space: nowrap;text-overflow: ellipsis;width: 100%;height: 30px;line-height: 30px; overflow: hidden;}

.news-pic img{width: 100%;}

.fang-title{font-size: 20px;}
.fang-text{height: 150px;line-height: 30px;font-size: 15px;}

.top60{width: 100%;height: 60px;background: transparent;}
.top60:after, .top60:before {content: "";display: block;clear: both;}

/**关于盛 start*/
.banner-contact{position: relative;min-height: 360px;color: #fff;background-repeat: no-repeat;background-size: 100% 100%;background-image: url(../image/contact.jpg);}
.bc-title{position: absolute;left: 20%;top:50%;font-size: 40px;color: #fff;}
.tsbtbox{background: #1767de;color: #fff;padding: 30px;}
.tsbt-span{width: 60px;height: 60px;line-height: 60px;text-align: center;background: #ffb600;border-radius: 100%;margin:10px auto 20px auto;position: relative;float: none;display: block;}
.tsbt-content{text-align: center;line-height: 40px;}
#map-container{width: 100%;height: 450px;}
.lybox{background-color: #fff; padding: 10px;}
.lybox .layui-textarea{height: 200px !important;}

.center-title{text-align: center;font-size: 30px;width: 100%;padding:20px 0 20px 0;}
.center-title:after, .center-title:before {content: "";display: block;clear: both;}
.cultbox{background: #fff;color: #333;padding: 30px;}
.cult-span{width: 60px;height: 60px;line-height: 60px;text-align: center;background: #e6e6e6;border-radius: 100%;margin:10px auto 20px auto;position: relative;float: none;display: block;}
.cult-content{text-align: center;line-height: 40px;}

.tearmidea1{height: 100px;background-color: #610ed5;background-image: linear-gradient(140deg, #a19cff 0%, #4f3aeb 40%, #400f94 80%);margin-top: 10px;overflow: hidden;}
.tearmidea2{height: 100px;background-color: #0e64d5;background-image: linear-gradient(140deg, #9cdeff 0%, #3a89eb 40%, #0f4b94 80%);margin-top: 10px;overflow: hidden;}
.tearmidea3{height: 100px;background-color: #0ed5c8;background-image: linear-gradient(140deg, #6dd8fb 0%, #2fdec9 40%, #0f9480 80%);margin-top: 10px;overflow: hidden;}
p.ideatext{display: block;font-size: 26px;color: #fff;text-align: center;line-height: 100px;}
.layui-elem-field{border-color: #ddd;}
.banner-culture{position: relative;min-height: 360px;color: #fff;background-repeat: no-repeat;background-size: 100% 100%;background-image: url(../image/culture.jpg);}
.banner-culture2{position: relative;min-height: 500px;color: #fff;background-repeat: no-repeat;background-size: 100% 100%;background-image: url(../image/culture2.jpg);margin-top: 10px;}

.company-title{height: 90px !important; text-align: center;}
.company-title span{font-size: 22px; font-weight: bold;line-height: 90px !important;;height: 90px;display: block;}
.company-text{padding: 20px; line-height: 40px; font-size: 18px;text-indent: 2em;letter-spacing:3px;}
.company-text img{max-width: 95%;margin-top: 20px;margin-bottom: 20px;}
.company-addr{float: right;width: 600px;margin: 10px;border-radius: 12px;}
.banner-company2{position: relative;min-height: 500px;color: #fff;background-repeat: no-repeat;background-size: 100% 100%;background-image: url(../image/company-b2.jpg);margin-top: 10px;}
.banner-company1{position: relative;min-height: 360px;color: #fff;background-repeat: no-repeat;background-size: 100% 100%;background-image: url(../image/company-b1.jpg);}

.banner-team1{position: relative;min-height: 300px;color: #fff;background-repeat: no-repeat;background-size: 100% 100%;background-image: url(/static/img/slider/team1.jpg);}
.team-rndbox{height: 400px;}
.qualified-rndbox{height: 400px;}
.qualified-rndbox img{max-height: 100%;}

.banner-zzry{position: relative;min-height: 360px;color: #fff;background-repeat: no-repeat;background-size: 100% 100%;background-image: url(/static/img/slider/zzry.jpg);}
.banner-office{position: relative;min-height: 360px;color: #fff;background-repeat: no-repeat;background-size: 100% 100%;background-image: url(../image/office.jpg);}

/**产品 start*/
.banner-szoab{position: relative;min-height: 540px;color: #fff;background-repeat: no-repeat;background-size: 100% 100%;background-image: url(../image/szoa-b.jpg);}
.banner-szoas{position: relative;min-height: 540px;color: #fff;background-repeat: no-repeat;background-size: 100% 100%;background-image: url(../image/szoa-s.jpg);}
.banner-szcrm{position: relative;min-height: 540px;color: #fff;background-repeat: no-repeat;background-size: 100% 100%;background-image: url(/static/img/slider/szcrm.jpg);}
.banner-szwms{position: relative;min-height: 540px;color: #fff;background-repeat: no-repeat;background-size: 100% 100%;background-image: url(../image/szwms.jpg);}
.banner-solution{position: relative;min-height: 360px;color: #fff;background-repeat: no-repeat;background-size: 100% 100%;background-image: url(../image/solution.jpg);}
.banner-join{position: relative;min-height: 360px;color: #fff;background-repeat: no-repeat;background-size: 100% 100%;background-image: url(../image/join.jpg);}

.brief-box{padding: 25px;border: 1px dashed #333;font-size: 18px;letter-spacing:3px;text-indent: 2em;line-height: 40px;border-radius: 12px;}

.join-box .layui-card-header{height: 50px;line-height: 50px;}
.join-box .layui-card-header h4{font-size: 22px;}
.join-box .layui-card-header span{display: block;text-align: right;position: absolute;right: 10px;top:0;font-size: 12px;}
.join-box .layui-card-body {line-height: 30px;}


.text-right{text-align: right;}
.login-mode{text-align: center;min-height: 40px;line-height: 40px;}

.banner-login{position: relative;min-height: 420px;color: #fff;background-repeat: no-repeat;background-size: cover;background-image: url(../image/login.jpg);}
.login-reg{min-width: 350px;}

/*新闻*/
.sznews {margin-top: 10px;}
.sznews .layui-laydate-main{width: 100% !important;}
.sznews .layui-laydate-content td{width: 40px !important;}
.sznews .news-img {overflow: hidden;max-height: 140px;}
.sznews .news-img img{width: 100%;}
.sznews .layui-card-header span{font-size: 16px; font-weight: bold;padding-left: 10px;}
.sznews .news-txt{letter-spacing:3px; font-size: 16px; padding: 0 10px 0 10px;text-indent: 2em;}
.sz-page{text-align: center;}

.sznews-nav {position: relative; padding: 0 15px; background-color: #0088ff; color: #fff; border-radius: 2px; box-sizing: border-box;text-align: center;}
.sznews-nav .sznews-nav-item {position: relative;display: inline-block;margin-top: 0; list-style: none; vertical-align: middle;line-height: 60px;}
.sznews-nav .sznews-nav-item a{display: block;padding: 0 20px;color: #fff;font-size: 18px; transition: all .3s;-webkit-transition: all .3s;padding: 0 15px;}
.sznews-nav .sznews-nav-item a:hover{background-color: #00c3ff;}
.sznews-nav .sznews-this:after{content: ""; position: absolute; left: 0; top: auto; bottom: 0; width: 100%; height: 4px; background-color: #a8dcff;  transition: all .2s; -webkit-transition: all .2s; pointer-events: none;}

.news-select{border: 2px dashed transparent;cursor: pointer;}
.news-select:hover{border-color: #1d7fff;}

.news-title{font-size:22px;text-align: center;height: 60px;line-height: 60px;}
.news-tools{height: 40px; color:#666;text-align: center;}
.news-content{letter-spacing:3px; font-size:16px;line-height: 30px;}
.news-content p{text-indent: 2em;}
.news-content img{max-width: 100%;}
.news-foot-txt{height: 40px;line-height: 40px;color: #666;}

.news-brief {border: 1px dashed #555;border-radius: 12px;margin-bottom: 20px;}
.news-brief .layui-field-box{letter-spacing:3px; font-size:18px;line-height: 30px; padding: 20px;text-indent: 2em;color:#333}


/*解决方案*/
.solution-img{overflow: hidden;height: 300px;position: relative;}
.solution-img img{width: 100%;height: 100%;}
.solution-img .solution-txt{overflow: hidden;position: absolute;margin: 10px; height: 0px; bottom:0;left:0; background-color: rgba(0,0,0,.1);transition: all .5s;overflow-y: auto;}
.solution-img:hover .solution-txt{height: 280px;transition: all .5s; background-color: rgba(0,0,0,.8);}
.solution-img .solution-txt p{letter-spacing:3px; font-size: 20px; line-height: 30px; text-indent: 2em;padding: 10px;cursor: pointer;color: #fff;}

.solution-img .solution-txt a{color: #ccc;}
.solution-img .solution-txt a:hover{color: #fff;}

.solution-img .solution-title{overflow: hidden; position: absolute;margin: -60px 10px 0 10px; width: calc(100% - 20px); height: 120px; top:50%;left:0; background-color: rgba(0,0,0,.3);text-align: center;}
.solution-img .solution-title span{letter-spacing:3px; font-size:32px;line-height: 120px; color: #fff;}


/*会员中心*/
.usbox{min-height: 600px;}
.bindmobilebox{display: none;padding:15px 1px 10px 1px;border: 1px dashed #333;}
.bindmobilebox .layui-form-item{margin-bottom: 5px;}

/* 垂直导航菜单PC */
.user-menu-pc{width: 98% !important; padding: 0;background-color: #2688e3; color: #fff;}
.user-menu-pc .layui-this,
.user-menu-pc .layui-this>a,
.user-menu-pc .layui-this>a:hover,
.user-menu-pc .layui-nav-child dd.layui-this,
.user-menu-pc .layui-nav-child dd.layui-this a{background-color: #1a6bb7; color: #fff;}
.user-menu-pc .layui-nav-title a,
.user-menu-pc .layui-nav-title a:hover,
.layui-nav-itemed>a{color: #fff !important;}
.user-menu-pc .layui-nav-bar{background-color: #d5d5d5;}
.user-menu-pc .layui-nav-child{background-color: #4b97de;}
.user-menu-pc .layui-nav-child a{color: #fff;}
.user-menu-pc .layui-nav-child a:hover{background: none; color: #DDD;}

.cardbox{}
.cardbox .layui-form-item .layui-form-label {width:120px;}
.cardbox .layui-form-item .layui-form-mid {margin-left: 9px;}
.cardbox .layui-form-item .layui-input-inline {min-width: 280px;}
.cardbox .layui-form-item .layui-input-block {margin-left: 130px;}

.card-mbt{width: 450px;height: 330px;background-color: #f2f2f2;position: relative;text-align: center;overflow: hidden;}
.card-win{display:block;height: 100%;}
.card-mbt img{max-height: 90%; max-width: 90%;}
.card-win:hover{background-color: #dedede;}

.mycardiframe{width: 600px;height: 378px;border: 1px solid #333;clear: both;}
.mycardimage{width: 600px;height: 378px;border: 1px solid #333;}
.update-card-btn{position: absolute;right:10px;top:3px;}

.usbox .layui-card-body .layui-card-body{overflow-x: auto;}
.usbox .fenge{width: 100%;height: 10px;font-size: 0;background-color: transparent;}
.usbox .layui-form-item {margin-bottom: 5px;}

.select-moban-box{display: none;width: 440px;max-height: 320px;overflow: hidden;position: absolute;top:20px;left: 20px;z-index: 999;}
.select_img_list{margin: 0;padding: 5px;list-style: none;width: 420px;max-height: 300px;overflow-y: auto;background-color: #fff;border: 1px solid #333;}
.select_img_list li{list-style: none;border-width: 1px;padding: 3px 5px;cursor: pointer;}
.select_img_list li:hover{border-style: dashed;border-color: #333;}
.select_img_list li img{width: 150px;max-height: 60px;border: 1px solid #333;}
.select_img_list .selected{background-color: #ededed;}

@media screen and (max-width:1399.98px){
  .layui-container{width:auto!important}
}
@media screen and (max-width:991.98px){
  .layui-container{width:100%!important;overflow:hidden}
  .ws-header-menu .layui-nav .layui-nav-item{margin:0}
  .ws-shade-show .ws-shade{content:'';position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.7);z-index:1001}
}

@media screen and (max-width:767.98px){
  .ws-logo{left:0;}
  .ws-header-menu{min-width: 80px;}
  .ws-header-menu .layui-nav{position:fixed;top:61px;right: -100%; width:100%;text-align:center;transition:all .3s;z-index:1003;height:60px;border-radius:0;box-shadow:0 1px 3px rgb(0 0 0 / 5%)}
  .ws-header-tool{display:inline-block;}
  .ws-header-more{display:inline-block;}
  .ws-header-tool .ws-cellphone{display: none;}

  .ws-nav-show .layui-header{z-index:1003}
  .ws-nav-show .ws-header-menu .layui-nav{display:block;right:0}
  .ws-nav-show .ws-header-menu .layui-nav{height: auto !important;}
  .ws-nav-show .ws-header-menu .layui-nav-tree{width: 50%;}
  .ws-header-menu .layui-nav .layui-nav-more {right: 10px;font-size: 14px;}
  .layui-nav-tree .layui-nav-child {background-color: #d7ebff !important;}
  .layui-nav-tree .layui-nav-child dd.layui-this, 
  .layui-nav-tree .layui-nav-child dd.layui-this a, 
  .layui-nav-tree .layui-this, 
  .layui-nav-tree .layui-this>a, 
  .layui-nav-tree .layui-this>a:hover {background-color: #45a2ff !important;}

  .sz-container {width: 98%;max-width:none;}

  .ws-footer{height: 50px;}
  .ws-footer p{padding-bottom:16px}
  .ws-footer a{display:block}
  .ws-footer-fixed .ws-footer{overflow:auto}
  .ws-footer-fixed .ws-footer a{display:unset}

  .bc-title{left: 10%;top:20%;}
  .ws-foot-nav{display: none;}
  .banner-company1,
  .banner-company2,
  .banner-szoab,
  .banner-szoas,
  .banner-szcrm,
  .banner-szwms,
  .banner-solution,
  .banner-join,
  .banner-zzry,
  .banner-office,
  .banner-team1,
  .banner-culture,
  .banner-culture2,
  .banner-contact
  {display: none;}
  p.ideatext{font-size: 14px;word-wrap: break-word;line-height: 40px;}
  .company-addr{width: 95%;}
  .date-static{display: none;}

  .usbox .layui-form-item .layui-form-label {padding: 9px 5px;width:60px;}
  .usbox .layui-form-item .layui-form-mid {margin-left: 9px;}
  .usbox .layui-form-item .layui-input-inline {margin: 0 0 10px 80px;}
  .usbox .layui-form-item .layui-input-block {margin-left: 80px;}

  .cardbox .layui-form-item .layui-form-label {width:100px;}
  body .cardbox .layui-form-item .layui-input-inline {margin: 0 0 10px 100px;width:calc(100% - 100px) !important; min-width: 100px;}
  .cardbox .layui-form-item .layui-input-block {margin-left: 150px;}
}