.mo_768{z-index:100 !important;}

.h-line{
  width:100%;
  height:1px;
  background:rgba(255,255,255,0.2);
  position:fixed;
  top:99px;
  left:0;
  z-index:-1;
}
.s-line{
  width:1px;
  height:100vh;
  background:rgba(255,255,255,0.2);
  position:fixed;
  top:0;
  left:99px;
  z-index:-1;
}
.sy-nav{
  width:100px;
  height:100px;
  background:#00479d;
  cursor:pointer;
  position:relative;
  z-index:0;
}
.sy-nav:before{
  content:"";
  width:0;
  height:100%;
  background:#00479d;
  cursor:pointer;
  position:absolute;
  right:0;
  top:0;
  transition:all 0.3s;
  z-index:-1;
  display: none;
}
.sy-nav:hover:before{
  width:100%;
  left:0;
}
.sy-nav dl{
  height:100%;
  display:grid;
  align-content:center;
}
.sy-nav dl dt{
  font-weight:normal;
  font-size:16px;
  color:#fff;
  text-align:center;
  margin-top:10px;
  line-height:14px;
}
.sy-nav dl dd{
  display:block;
  width:36px;
  height:2px;
  background-color:#fff;
  transform-origin:4px 3px;
  transition:all 0.5s;
  margin:0 auto;
}
.sy-nav dl dd:nth-child(2){
  margin:10px auto;
}
.line1{
  transform:rotate(45deg) translate(3px,2px);
}
.line2{
  opacity:0;
}
.line3{
  transform:rotate(-45deg) translate(3px,2px);
}
.col-btn{
  width:100px;
  height:calc(100vh - 100px);
  position:relative;
  z-index:9;
}
.col-btn i{
  content:"";
  width:0%;
  height:100%;
  position:absolute;
  background:#00479d;
  z-index:-1;
  transition:all 0.5s;
}
.col-btn ul{
  position:absolute;
  left:29px;
  bottom:40px;
}
.col-btn a{
  display:block;
  width:42px;
  height:42px;
  border-radius:50px;
  border:1px solid #fff;
  line-height:40px;
  font-size:0;
  transition:all 0.3s;
  overflow:hidden;
}
.col-btn a span{
  display:inline-block;
  color:#fff;
  vertical-align:middle;
  transition:all 0.3s;
  font-size:14px;
  opacity:0;
}
.col-btn li:hover a{
  width:112px;
  border-color:#e60012;
  background:#e60012;
}
.col-btn li:hover a span{
  opacity:1;
  transition-delay:0.4s;
}
.col-btn li:nth-child(2){
  margin:30px 0;
}
.on1{
  width:100% !important;
}
.hide-nav{
  height:auto;
  width:340px;
  position:fixed;
  top:0;
  left:100px;
}
.logo{
  line-height:92px;
  height:92px;
  background:#fff;
  text-align:center;
}
.menu{
  width:100%;
  height:calc(100vh - 100px);
  background:rgba(0,0,0,0.75);
  transform:perspective(300px) rotateY(90deg);
  transition:all 0.5s;
  transform-origin:left;
  transition-delay:0.3s;
  opacity:0;
  display: none;
}
.menu.on{
  transform:perspective(300px) rotateY(0deg);
  opacity:1;
  display: block;
}
.menu li{
  width:100%;
  height:12.5%;
  position:relative;
  z-index: 0;
  /*z-index:999 !important;*/
}
.menu li:before{
  content:"";
  width:0%;
  height:100%;
  position:absolute;
  top:0;
  right:0;
  transition:all 0.5s;
  z-index:-1;
  background:#00479d;
}
.menu li:hover:before{
  width:100%;
  left:0;
}
.menu li > a{
  display:flex;
  align-items:center;
  width:100%;
  height:100%;
  padding-left:40px;
  border-bottom:1px solid rgba(255,255,255,0.2);
  color:#fff;
}
.menu em{
  font-size:16px;    
  font-style: normal;
}
.menu span{
  font-family:pop;
  font-size:14px;
}
.second{
  position:absolute;
  left:100%;
  top:0;
  background:rgba(0,0,0,0.8);
  display:none;
}
li:nth-child(2) .second{
  width:145px;
}
li:nth-child(3) .second{
  width:183px;
}
li:nth-child(4) .second,
li:nth-child(5) .second,
li:nth-child(6) .second{
  width:116px;
}
.second dd a{
  display:block;
  line-height:65px;
  width:100%;
  padding:0 30px;
  transition:all 0.5s;
  color:#fff;
  text-align:center;
}
.second dd:hover a{
  background:#e02327;
}
.qcode{
  position:fixed;
  right:60px;
  top:42px;
  color:#fff;
  font-size:15px;
  line-height:17px;
  padding-left:27px;
  background:url(/img/qcodeIcon.png) no-repeat center left;
  cursor:pointer;
}
.qcode img{
  position:absolute;
  left:0;
  top:60px;
  opacity:0;
  transition:all 0.5s ease-out;
}
.qcode:hover img{
  top:27px;
  opacity:1;
}
.copy{
  line-height:22px;
  color:#fff;
  position:fixed;
  bottom:40px;
  right:60px;
}
.copy a{
  color:#fff;
  transition:all 0.5s;
}
.copy a:hover{
  text-decoration:underline;
}
.banBtn{
  position:fixed;
  left:50%;
  transform:translateX(-50%);
  top:54%;
  font-size:0;
  text-align:center;
  margin-top:80px;
  z-index:50;
}
.banBtn a{
  display:inline-block;
  color:#fff;
  font-size:16px;
  width:200px;
  height:60px;
  border:1px solid #fff;
  border-radius:40px;
  line-height:58px;
  text-align:center;
  margin:0 20px;
}
.banBtn a{
  display:inline-block;
  width:180px;
  height:55px;
  border:1px solid #fff;
  line-height:53px;
  text-align:center;
  margin:0 20px;
  transition:all 0.3s;
  position:relative;
  z-index:0;
}
.banBtn a:before{
  content:"";
  width:0;
  height:53px;
  background:#082b60;
  transition:all 0.5s;
  position:absolute;
  top:0;
  left:50%;
  z-index:-1;
}
.banBtn a img{
  display:inline-block;
  margin-right:12px;
  vertical-align:middle;
}
.banBtn a span{
  display:inline-block;
  font-size:15px;
  color:#fff;
  vertical-align:middle;
}
.banBtn a:hover{
  border-color:#082b60;
}
.banBtn a:hover:before{
  width:100%;
  left:0;
}

.ylicp {
    padding: 20px;
    color: #fff;
    font-size: 12px;
}
li.ylicp a {
    padding: 0!important;
    display: inline-block!important;
    border: none!important;
    width: auto!important;
    height: auto!important;
}

@media screen and (max-width: 769px){
  
.qcode{
    display:none;
  }
.copy{
    display:none;
  }
.col-btn {
    width: 80px;
    height: calc(100vh - 80px);
  }
.s-line {
    left: 79px;
  }
.h-line {
    top: 79px;
  }
.sy-nav {
    width: 80px;
    height: 80px;
  }
.sy-nav dl dt {
    font-size: 16px;
  }
.hide-nav {
    left: 80px;
    width: 200px;
  }
.logo {
    line-height: 70px;
    height: 70px;
  }
.logo img{
width:80%;
  }
.col-btn ul {
    left: 19px;
  }
.col-btn li:nth-child(2) {
    margin: 20px 0;
  }
.menu {
    height: calc(100vh - 80px);
    background: rgba(0,0,0,0.8);
  }
.menu li > a {
    padding-left: 20px;
  }
.menu em {
    font-size: 15px;
  }
li .second {
    display:none !important;
  }
.banBtn{
    display:none;
}
  .ylicp {
    padding: 15px;
  }
}



.pl_service4{
	top: 80%;
}
.pl_service4 .service_item{
	background: rgba(230, 0, 18, 0.8);
}



input{ border:none;}
.fw_wrap{ width:478px; margin:0 auto; padding-top:257px;}
.fw_title{ height:39px; line-height:31px; font-weight:bold; color:#976f1b; text-indent:17px; background:url(https://omo-oss-image.thefastimg.com/portal-saas/new2022111411582919687/cms/image/780477a5-7a25-460b-bc5e-e858d5b2f825.png?d=1673862271783) no-repeat;}
.fw_com{ min-height:89px; _height:89px; background:#edeae1 url(/images/add/fw_bg.jpg) top repeat-x; border-left:1px #ece3e3 solid;border-right:1px #ece3e3 solid;}
.fw_input{ width:370px; margin:0 auto; height:25px; overflow:hiddenl; padding-top:30px;}
.fw_input label{ line-height:22px; float:left; color:#b49d6d;}
input.input_text{ width:255px; height:20px; text-indent:10px; line-height:20px; vertical-align:middle; float:left;border:1px #ece3e3 solid; margin-left:5px; background:#f6f2e7;}
input.sumBtn{ width:52px; height:22px; float:right; background:#e39e9b; color:#f6f4ee; cursor:pointer; font-weight:bold;}
.fw_bot{ height:12px; background:url(https://omo-oss-image.thefastimg.com/portal-saas/new2022111411582919687/cms/image/e61aaaf9-9381-453b-98a0-d8183e54d2ef.png?d=1673862361471) no-repeat;}