@charset "utf-8"; 
.fa_ml9{
  position:relative;
  font-size:30px;
  text-align:center;
}
.fa_ml9 .fa_text_wrapper{
  position:relative;
  display:inline-block;
  padding-top:0.2em;
  padding-right:0.05em;
  padding-bottom:0.1em;
  overflow:hidden;
}
.fa_ml9 .fa_letter{
  transform-origin:50% 100%;
  display:inline-block;
  line-height:1em;
}
.fa_footcate a{
  font-size:14px;
  display:block;
  margin-top:10px;
  color:#aaa;
  transition:all 0.5s;
}
.fa_Title h1{
  font-size:42px;
  color:#083a7e;
  font-weight:bold;
  text-transform:uppercase;
  margin-bottom:20px;
}
.fa_Title p span{
  display:inline-block;
  margin:5px;
  background:#083a7e;
  height:10px;
  border-radius:200px;
}
.fa_Title p span:nth-child(1){
  width:10px;
  animation:fa_span01_ani 1.5s ease infinite alternate;
}
.fa_Title p span:nth-child(2){
  width:45px;
  animation:fa_span02_ani 1.5s ease infinite alternate;
}
.fa_More9 a{
  display:inline-block;
  padding:10px 40px;
  border-radius:500px;
  border:#fff solid 1px;
  color:#fff;
  font-size:14px;
  transition:all 0.5s;
}
.fa_More9 a:hover{
  color:#fff;
}
@media only screen and (max-width: 768px){
  
  .c_portalResPublic_codeContainer-01001012{
    min-height:500px;
    width:100%;
  }
  .fa_ml9{
    font-size:22px;
  }
  .fa_Title h1{
    font-size:22px;
    color:#000;
  }
}
@media only screen and (min-width: 769px){
  
  .c_portalResPublic_codeContainer-01001012{
    min-height:500px;
    width:100%;
  }
  .fa_dec{
    position:absolute;
    top:0;
    left:8%;
    width:10px;
    animation:fa_dec_ani 5s linear alternate  infinite;
  }
  .fa_dec span{
    width:1px;
    height:236px;
    max-height:20vh;
    display:block;
    margin:auto;
    background:#fff;
  }
  .fa_dec i{
    display:block;
    width:10px;
    height:10px;
    border-radius:50%;
    background:#fff;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 769px){
  
}
.fa_bottom_info p{
  font-size:15px;
  line-height:30px;
  color:#fff;
}
.fa_bottom_info p b{
  font-size:30px;
  font-weight:normal;
  display:block;
  margin-bottom:20px;
}
.fa_bottom_info p a{
  color:#fff;
}
.delighter .fa_item{
  transition:all 1s;
  -webkit-clip-path: polygon(0 0%, 0% 100%, 0% 100%, 0% 0%);
  clip-path: polygon(0 0%, 0% 100%, 0% 100%, 0% 0%);
}
.delighter.started .fa_item{
  -webkit-clip-path: polygon(0 0%, 0% 100%, 100% 100%, 100% 0%);
  clip-path: polygon(0 0%, 0% 100%, 100% 100%, 100% 0%);
}
.fa_jaz{
  animation-name: fa_jazani;
  animation-direction: normal;
  animation-duration: 1s;
  animation-delay: 1s;
}
@keyframes fa_jazani
{
  from {
    -webkit-clip-path: polygon(0 0%, 0% 100%, 0% 100%, 0% 0%);
    clip-path: polygon(0 0%, 0% 100%, 0% 100%, 0% 0%);
  }
  to {
    -webkit-clip-path: polygon(0 0%, 0% 100%, 100% 100%, 100% 0%);
    clip-path: polygon(0 0%, 0% 100%, 100% 100%, 100% 0%);
  }
}
@keyframes fa_span01_ani
{
  0% {
    width:10px;
  }
  100% {
    width:45px;
  }
}
@keyframes fa_span02_ani
{
  0% {
    width:45px;
  }
  100% {
    width:10px;
  }
}
@keyframes move-forever {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}
@keyframes fa_slide {
  0% {
    transform: translateX(-25%);
  }
  100% {
    transform: translateX(25%);
  }
}
@media all and (max-width: 1630px){

.index_p1_yz {position:absolute;
top:51.3%;
right:8%;
}
}
.p_MatteIcon .iconfont:before{
content:'\e602';
}
.index_p1{
overflow:hidden;
position:relative;
z-index:9;
}
.mingzi{
overflow:hidden;
font-size:14px;
color:#666;
line-height:28px;
opacity:0;
padding-left:0;
margin-top:30px;
transition:all 1s;
position:relative;
z-index:1;
}
.mingzi a{background: #fff;
    display: inline-block;
    padding: 10px 32px;
    color: #019795!important; border-radius:30px;}
.home_title{
overflow:hidden;
text-align:center;
}
.home_titlejc{
display:block;
font-size:34px;
color:#000;
font-weight:normal;
}
.home_titleyw{
font-size:16px;
color:#333;
text-transform:uppercase;
}
.home_titlex{
display:block;
width:50px;
height:2px;
background:#129454;
margin:20px auto;
}
.home_titleslg{
display:block;
font-size:14px;
color:#333;
padding:0 17%;
line-height:26px;
font-weight:normal;
}
.index_p1nr{
overflow:hidden;
margin-left:-3%;
margin-top:30px;
}
.index_p1nr li{
width:22%;
float:left;
margin-left:3%;
}
.index_p1nr_img{
width:100%;
height:200px;
text-align:center;
border-radius:5px;
transition:all 1s;
}
.index_p1nr li:nth-child(1) .index_p1nr_img{
background:#1f80ac;
}
.index_p1nr li:nth-child(2) .index_p1nr_img{
background:#527b06;
}
.index_p1nr li:nth-child(3) .index_p1nr_img{
background:#1297a4;
}
.index_p1nr li:nth-child(4) .index_p1nr_img{
background:#f97450;
}
.index_p1nr li:nth-child(5) .index_p1nr_img{
background:#f97450;
}
.index_p1nr_img1{
display:inline-block;
overflow:hidden;
font-size:30px;
color:#fff;
font-weight:600;
line-height:54px;
}
.index_p1nr_img1 img{
float:left;
margin-right:10px;
height:54px;
}
.index_p1nr_img2{
display:block;
font-size:13px;
color:#fff;
margin-top:8px;
}
.index_p1nr_bt{
display:block;
font-size:18px;
color:#353535;
line-height:40px;
transition:all 1s;
font-weight:normal;
}
.index_p1nr_text{
display:block;
font-size:12px;
line-height:24px;
color:#888;
transition:all 1s;
}
.index_p1nr li:hover .index_p1nr_img{
background:#4c5f6d;
}
.index_p1nr li:hover .index_p1nr_bt, .index_p1nr li:hover .index_p1nr_text{
color:#ff3300;
}
.middle{
margin:0 auto;
}
.syfw{
overflow:hidden;
position:relative;
}
.syfwul{overflow:hidden;height: 500px;position:relative;}
.syfwul li{width: 25%;height:100%;position:relative;float:left;overflow:hidden;padding: 4%;transition:all 1s;}
.syfwul li:after{
content:"";
position:absolute;
background:linear-gradient(120deg,rgba(0, 0, 0, 0) , rgba(0, 0, 0, 0));
top:0px;
left:0px;
width:100%;
height:100%;
z-index:0;
transition:.4s ease;
}
.da1{
background:url(https://omo-oss-image.thefastimg.com/portal-saas/pg2024122411454080310/cms/image/567eb0fd-4610-4436-bc8e-69dedd479fec.jpg) no-repeat;
background-size:cover;
background-position:center;
}
.da2{
background:url(https://omo-oss-image.thefastimg.com/portal-saas/pg2024122411454080310/cms/image/14baddf3-8f5e-4df9-9b55-c4683ea981b2.jpg) no-repeat;
background-size:cover;
background-position:center;
}
.da3{
background:url(https://omo-oss-image.thefastimg.com/portal-saas/pg2024122411454080310/cms/image/47b1dbb1-1759-45be-849e-a16f3422097c.jpg) no-repeat;
background-size:cover;
background-position:center;
}
.da4{
background:url(https://omo-oss-image.thefastimg.com/portal-saas/pg2024122411454080310/cms/image/d2266aa1-8250-44a7-bee6-288bf8de0dea.jpg) no-repeat;
background-size:cover;
background-position:center;
}
.syfwul .active:after{
content:"";
background-color:rgb(255, 255, 255);
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:0;
}
.syfwul_img{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
transition:all 1s;
}
.syfwul_img img{
width:100%;
height:100%;
}
.syfw_h3{
font-size:20px;
color:#fff;
font-weight:normal;
position:relative;
z-index:1;
overflow:hidden;
transition:all 1s;
}
.syfw_h3 i{display:block;width:6px;height: 62px;background:rgba(206,157,95,1);float:left;margin-right:15px;transition:all 1s;}
.syfw_h3 h3{
    display: block;
    text-align: left;
    font-size: 24px;
    font-weight: normal;
    float: left;
    transition: all 1s;
    width: 24px;
  }
.syfw_h3 em{  display: none;font-size:12px;color:#ffffff;text-transform:uppercase;float:left;width:80%;font-style: normal;opacity:0.5;transition:all 1s;}
.syfw_text{
overflow:hidden;
font-size:14px;
color:#f7f7f7;
line-height:24px;
padding-left:0;
margin-top:32px;
transition:all 1s;
position:relative;
z-index:1;
opacity:0;
}
.syfwul li.active1 .syfw_h3 h3{
    font-size: 24px;
    font-weight: normal;
}
.syfwul li.active .syfw_h3 h3{
    font-size: 30px;
    font-weight: normal;
}
.syfwul li.active1{width: 16%;padding: 4% 2%;}
.syfwul li.active{width: 52%;padding: 0 3%;}
.syfwul li.active .syfwul_img{
right:-100%;
}

.syfwul li.active .syfw_h3 i{width:10px;height: 250px;margin-right:30px;     background: #ce9d5f; }
.syfwul li.active .syfw_h3 h3{
color:#ce9d5f;
width:80%;
margin-top:20%;
}


.syfwul li.active .syfw_h3 em{
opacity:1;
color:#ce9d5f;
display: block;
}
.syfwul li.active .syfw_text{
opacity:1;
color: #666;
}
.syfwul li.active .mingzi{
opacity:1;
}
.syfwul_img1{
position:absolute;
bottom:20px;
width:100%;
z-index:1;
}
.syfwul_img1 img{
width:100%;
display:block;
}
.syfw dl{position:absolute;top:0;left:0;width:100%;margin-bottom: 0;height:100%;z-index:3;}
.syfw dl dd{width: 25%;height:100%;cursor:pointer;margin-bottom: 0;float:left;     cursor: default !important; }
.syfw dl dd.syfwd1{width: 16%;}
.syfw dl dd.syfwd{width: 52%;}

@media all and (max-width: 1630px){
.index_p1_yz {
        right: 5%;
    }
}
@media all and (max-width: 1530px){

.index_p1_yz {
        right: 4%;
    }
}
@media all and (max-width: 1440px){

.index_p1_yz {
        right: 0;
    }
}
@media(max-width: 1280px){

.syfwul li.active .syfw_h3 h3, .syfwul li.active .syfw_h3 em {
        width: 80%;
    }
}
@media(max-width: 1180px){

.index_p1nr_img {
        height: 130px;
    }
.index_p1nr_img1 {
        line-height: 40px;
        font-size: 20px;
    }
.index_p1nr_img1 img {
        height: 40px;
    }
.syfwul li.active .syfw_h3 i {
        height: 200px;
        margin-right: 15px;
    }
.syfwul_img img {
        width: auto;
    }
.syfw_text {
        padding-left: 16px;
        margin-top: 20px;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
    }
}
@media(max-width: 767px){

.index_p1 {
    }
.home_titlejc {
        font-size: 22px;
    }
.home_titleyw {
        font-size: 14px;
        margin-top: 5px;
    }
.home_titlex {
        margin: 10px auto;
    }
.home_titleslg {
        line-height: 20px;
    }
.index_p1nr li {
        width: 47%;
    }
.index_p1nr_img {
        height: 110px;
    }
.index_p1nr_img img {
        max-width: 70%;
    }
.syfw dl, .syfwul_img1 {
        display: none;
    }
.syfwul {
        height: auto;
    }
.syfwul li {
        width: 100%;
        height: auto;
    }
.syfwul_img img {
        width: 100%;
        height: auto;
    }
.syfw_h3 h3 {
        width: auto;
        font-size: 22px;
    }
.syfw_h3 em {
        opacity: 1;
        color: #fff;
        font-size: 12px;
        z-index: 1;
    }
.syfwul li {
        padding: 30px;
        margin: 0 0 10px;
        background-size: cover;
    }
.syfwul li:after{
        content:'';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
    }
.syfwul li.active {
        width: 100%;
        padding: 30px;
    }
.syfwul li.active .syfwul_img {
        right: 0;
    }
.syfwul li.active .syfw_h3 i {
        height: 60px;
        width: 6px;
    }
.syfw_text {
        z-index: 1;
        position: relative;
        opacity: 1;
        margin-top: 0;
        color: rgba(255,255,255,0.7);
        line-height: 20px;
    }
.mingzi{opacity:1;margin: 16px 0 0;padding-left: 16px;}
.syfwul li.active .syfw_h3 p {
        margin-top: 0;
    }
.syfw {
    }
}
@media all and (max-width: 1630px){

.index_p1_yz {
        right: 5%;
    }
}
@media(max-width: 1280px){

.home_titleslg {
        display:block;
        font-size: 14px;
        color: #5d5d5d;
        padding: 0 0%;
        line-height: 26px;
        font-weight: normal;
    }
}