

/*PC*/
@media only screen and (min-width: 769px){
  
  .p_TitleBox{
  width:100%;
  height:80px;
  display:none;
  padding:10px;
  position:absolute;
  bottom:0;
  left:0;
  z-index:999;
  font-weight:bold;
}

  .p_TitleBox{
  width:100%;
  height:80px;
  display:none;
  padding:10px;
  position:absolute;
  bottom:0;
  left:0;
  z-index:999;
  font-weight:bold;
}

  
.bt01{ 
margin-top:10px;
color:#313131;
FONT-WEIGHT: bold;
font-size:26px;
}

.bt02{ 
color:#736d6d;
font-size:14px;
}
  
  .bt03{ 
text-align: center;
margin-top:10px;
color:#000;
FONT-WEIGHT: bold;
font-size:36px;
}

.bt04{ 
text-align: center;
text-align: center;
color:#736d6d;
font-size:18px;
}
  
  
  .bt05{
    margin-top:10px;
    color: #fff;
    FONT-WEIGHT:bold;
     font-size:36px; 
     text-align: center;}

.bt06{ 
text-align: center;
color:#ffffff;
font-size:18px;
}

.bt07{ 
text-align: center;
color:#cccccc;
font-size:14px;
  LINE-HEIGHT: 28px; 
  padding-top:25px;
}
   .bt051{
    margin-top:10px;
    color: #000;
    FONT-WEIGHT:bold;
     font-size:36px; 
     text-align: left;}

.bt061{ 
text-align: left;
color:#000;
font-size:18px;
}

     .bt052{
    margin-top:10px;
    color: #fff;
    FONT-WEIGHT:bold;
     font-size:36px; 
     text-align: left;}

.bt062{ 
text-align: left;
color:#fff;
font-size:18px;
}
.bt071{ 
text-align: left;
color:#333;
font-size:14px;
  LINE-HEIGHT: 28px;   padding-top:25px;
} 
  .bt10{ 
  FONT-WEIGHT: bold;
color:#ffffff;
font-size:18px;
  LINE-HEIGHT: 40px; 
}
  
 .bt11{ 

color:#cccccc;
font-size:14px;
  LINE-HEIGHT: 25px; 
}
  
  .hydi{
  margin-top:30px;
}
.hydi ul{
  float: left;
  LINE-HEIGHT: 20px;
  HEIGHT: 20px;
  margin-right: 50px;
  color: rgb(255, 255, 255);
}

.hydi li.hydizi a{
  FONT-WEIGHT: bold;
color:#ffffff;
font-size:18px;
}

.hydi li{
  LINE-HEIGHT: 30px;
  color: rgb(204, 204, 204);
}
    
.hydi li a{
color: rgb(204, 204, 204);
}
   .p_page{
display:inline !important;

}
  .e_pagebox {
    float: right;
    width: auto;
    height: auto;
    clear: both;
    position: relative;
}
  
.swiper-pagination {
	display:none;
    position: absolute;
    z-index: 20;
    bottom: 80px;
    width: 100%;
    text-align: center;
}
  
  
 .iAbility-list {
    height: 193px;
    margin-top: 30px; }
    .iAbility-list li {
      float: left;
      width: 290px;
      height: 100%;
      position: relative; }
      .iAbility-list li .icon {
            width: 60px;
        height: 60px;;
        margin: 24px auto 0;
        background: url(/img/gs01.png) center center no-repeat;
        transition: all 0.8s; }
   .iAbility-list li .icon2 {
        width: 60px;
        height: 60px;
        margin: 24px auto 0;
        background: url(/img/gs02.png) center center no-repeat;
        transition: all 0.8s; }
   .iAbility-list li .icon3 {
            width: 60px;
        height: 60px;
        margin: 24px auto 0;
        background: url(/img/gs03.png) center center no-repeat;
        transition: all 0.8s; }
   .iAbility-list li .icon4 {
            width: 60px;
        height: 60px;
        margin: 24px auto 0;
        background: url(/img/gs04.png) center center no-repeat;
        transition: all 0.8s; }
      .iAbility-list li .sp1 {
        display: block;
        color: #fff;
        text-align: center;
        line-height: 30px;
        font-size: 30px;
        font-weight: bold;
        margin-top: 23px; }
      .iAbility-list li .sp2 {
        display: block;
        color: #fff;
        text-align: center;
        line-height: 14px;
        font-size: 14px;
        margin-top: 14px; }
      .iAbility-list li.ac:after {
        content: '';
        position: absolute;
        width: 1px;
        height: 193px;
        background: url(/img/zrline.png);
        top: 0;
        right: 0; }
      .iAbility-list li:hover .icon {
        transform: rotate(180deg); }
    .iAbility-list li:hover .icon2 {
        transform: rotate(180deg); }
    .iAbility-list li:hover .icon3 {
        transform: rotate(180deg); }
    .iAbility-list li:hover .icon4 {
        transform: rotate(180deg); }
  .iApp {
    width: 1204px;
    height: 358px;
    background-color: #fff;
    margin-top: 55px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
    .iApp li {
      float: left;
      width: 290px;
      height: 172px;
      margin: 4px 0 0 4px;
      position: relative;
      z-index: 1;
      overflow: hidden;
      transition: transform .3s; }
      .iApp li .block {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: 0;
        transition: all 0.35s;
        filter: alpha(opacity=0);
        z-index: 20; }
      .iApp li span {
        display: block;
        width: 100%;
        height: 100%;
        line-height: 172px;
        color: #fff;
        text-align: center;
        opacity: 0;
        position: absolute;
        z-index: 100;
        filter: alpha(opacity=0); }
      .iApp li.li1 {
        background: url(/img/iApp1.jpg); }
      .iApp li.li2 {
        background: url(/img/iApp2.jpg); }
      .iApp li.li3 {
        background: url(/img/iApp3.jpg); }
      .iApp li.li4 {
        background: url(/img/iApp4.jpg); }
      .iApp li.li5 {
        background: url(/img//iApp5.jpg); }
      .iApp li.li6 {
        background: url(/img/iApp6.jpg); }
      .iApp li.li7 {
        background: url(/img/iApp7.jpg); }
      .iApp li.li8 {
        background: url(/img/iApp8.jpg); }
      .iApp li::after, .iApp li::before {
        content: '';
        position: absolute;
        bottom: 10px;
        top: 10px;
        left: 10px;
        right: 10px;
        z-index: 199;
        transition: all 0.35s;
        filter: alpha(opacity=0); }
      .iApp li::after {
        border-bottom: 1px solid #fff;
        border-top: 1px solid #fff;
        transform: scale(0, 1); }
      .iApp li::before {
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: scale(1, 0); }
      .iApp li:hover .block {
        opacity: 0.6;
        filter: alpha(opacity=60); }
      .iApp li:hover::after, .iApp li:hover::before {
        transform: scale(1, 1); }
      .iApp li:hover span {
        opacity: 1;
        filter: alpha(opacity=100); }
 
 
#c_portalResPublic_codeContainer-15580035485560249 a:link {
    color: #ffffff !important;
    text-decoration: none;
}
  
}

