.main_banner{ height:100%;  height:1410px; position: relative;}
.main_banner .sct_inner li{height:440px;}

.pic-wrapper {
    top:0;
    position: absolute;
    width: 100%;
    height: 1410px;
    overflow: hidden;
  }
  
  figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;

    /*animation*/
    animation: slideShow 15s linear infinite 0s;
    -o-animation: slideShow 15s linear infinite 0s;
    -moz-animation: slideShow 15s linear infinite 0s;
    -webkit-animation: slideShow 15s linear infinite 0s;
  }
  
  figurecaption {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
  }
  
  .pic-1 {
    opacity: 1;
    background: url(../image/main_banner01.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  
  .pic-2 {
    animation-delay: 5s;
    -o-animation-delay: 5s;
    -moz--animation-delay: 5s;
    -webkit-animation-delay: 5s;
    background: url(../image/main_banner02.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  
  .pic-3 {
    animation-delay: 10s;
    -o-animation-delay: 10s;
    -moz--animation-delay: 10s;
    -webkit-animation-delay: 10s;
    background: url(../image/main_banner03.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  /* keyframes*/
  
  @keyframes 
  slideShow {  0% {
   opacity: 0;
   transform:scale(1);
   -ms-transform:scale(1);
  }
   5% {
   opacity: 1
  }
   35% {
   opacity: 1;
  }
   40% {
   opacity: 0;
   transform:scale(1.1);
   -ms-transform:scale(1.15);
  }
   100% {
   opacity: 0;
   transform:scale(1);
   -ms-transformm:scale(1);
  }
  }
   @-o-keyframes 
  slideShow {  0% {
   opacity: 0;
   -o-transform:scale(1);
  }
   5% {
   opacity: 1
  }
   35% {
   opacity: 1;
  }
   40% {
   opacity: 0;
   -o-transform:scale(1.15);
  }
   100% {
   opacity: 0;
   -o-transformm:scale(1);
  }
  }
   @-moz-keyframes 
  slideShow {  0% {
   opacity: 0;
   -moz-transform:scale(1);
  }
   5% {
   opacity: 1
  }
   35% {
   opacity: 1;
  }
   40% {
   opacity: 0;
   -moz-transform:scale(1.15);
  }
   100% {
   opacity: 0;
   -moz-transformm:scale(1);
  }
  }
   @-webkit-keyframes 
  slideShow {  0% {
   opacity: 0;
   -webkit-transform:scale(1);
  }
   5% {
   opacity: 1
  }
   35% {
   opacity: 1;
  }
   40% {
   opacity: 0;
   -webkit-transform:scale(1.15);
  }
   100% {
   opacity: 0;
   -webkit-transformm:scale(1);
  }
  }




.sct_inner{width:100%;}
.sct_inner li{position: relative; }
.sct_inner li.w25{width:25%;}
.sct_inner li.w50{width:50%; float:left;}
.sct_inner li.w75{width:75%;}

.main_banner .sct_inner li h2.title{font-size:30px;}

.sct_inner li.bg_white{background:rgba(255,255,255,.88);
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
    -ms-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;}
.sct_inner li.bg_red{background:rgba(215,0,52,.88);
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
    -ms-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;}
.sct_inner li.bg_white:hover{background:rgba(255,255,255,.95);}
.sct_inner li.bg_red:hover{background:rgba(215,0,52,.95);}

.sct_inner li .content{position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align: center; width:100%;}

.sct_inner li .content p.text{color:#fff; font-size:20px; padding:0 40px;}
.sct_inner li .content p.text.p40{padding-bottom:40px;}

.sct_inner li .content p.text i{padding-right:10px;}

.sct_inner li .content .title{font-size:40px; font-weight: 700; padding-bottom:40px; line-height: 1;}

.sct_inner li.bg_red .content .title{color:#fff; padding-bottom:20px;}

.section01 .sct_inner{position: relative;  background:rgba(255,255,255,.5);}
.section01 .sct_inner li{height:530px; }
.section01 .sct_inner li.w75{padding:80px 0; float:left; background:#fff;}
.section01 .sct_inner li.w25.empty{float:left; }
.section01 .sct_inner li h2.title{font-size:30px; padding-left:240px;}
.section01 .sct_inner li .content{width:100%;  padding:0 180px;}
.section01 .sct_inner li .content .item{text-align: center; cursor: pointer;}
.section01 .sct_inner li .content .item:hover img{opacity: 0.7;}
.section01 .sct_inner li .content .item p{padding-top:12px; font-weight: 700;}
.section01 .sct_inner li .content .item p.category{font-weight: 500; font-size:14px;}
.section01 .sct_inner li .content .item .item_inner{overflow: hidden; width:100%;}
.section01 .sct_inner li .content .item img{width:290px; max-width: 100%; margin:0 auto; text-align: center;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
    -ms-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;}

.owl-nav{position: absolute; left:100px; right:100px; top:50%; transform: translateY(-50%); margin:0 !important;}
.owl-theme .owl-nav [class*=owl-]{background:none !important;}
.owl-carousel .owl-nav button{-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
    -ms-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;}
.owl-carousel .owl-nav button.owl-prev:hover{transform: translateX(-20px);}
.owl-carousel .owl-nav button.owl-next:hover{transform: translateX(20px);}

.owl-prev{position: absolute; left:0;}
.owl-next{position: absolute; right:0;}

.owl-theme .owl-dots{position: absolute; left:50%; transform: translateX(-50%); bottom:-100px;}

.section02 .sct_inner li.w50{height:380px; color:#fff; cursor: pointer; overflow: hidden;}
.section02 .sct_inner li.w50.left{background-color:#222;}
.section02 .sct_inner li.w50.right .title{padding-bottom:20px;}

.section02 .sct_inner li.w50 .overlay{-webkit-transition: transform .8s ease-out; 
    -moz-transition: transform .8s ease-out;  -ms-transition: transform .8s ease-out;
    -o-transition: transform .8s ease-out;transition: transform .8s ease-out;}
.section02 .sct_inner li.w50:hover .overlay{
    -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); /* IE 9 */ -o-transform: scale(1.4); transform: scale(1.4);}
.section02 .sct_inner li.w50.left .overlay{background-color:#222; background-image: url(../image/main_bg01.jpg);
    height:100%; opacity: 0.5; background-blend-mode: soft-light;}

.section02 .sct_inner li.w50.right{background-color:#d70034;}
.section02 .sct_inner li.w50.right .overlay{background-color:#d70034; background-image: url(../image/main_bg02.jpg);
    height:100%; opacity: 0.3; background-blend-mode: multiply;}
.section02 .sct_inner li.w50.right .line{
    border:1px solid #fff; z-index: 80; width:94%; height:90%; display: block; position: absolute;
    top:50%; left:50%; transform: translate(-50%, -50%);}

.link_btn_type2.play a{box-shadow: inset 0 0 0 1px #fff;}
.link_btn_type2.play a:before{display:none;}
.link_btn_type2.play a:after{left:55%; width: 0; height: 0; border-top: 10px solid transparent;
    border-left: 16px solid #fff; border-bottom: 10px solid transparent;}


.section03 .sct_inner > li{height:380px; float:left;}
.section03 .sct_inner li.w25{background:#d70034;}
.section03 .sct_inner li.w25 .overlay{background-color:#d70034; background-image: url(../image/main_bg03.jpg);
    height:100%; opacity: 0.3; background-blend-mode: multiply;}
.section03 .sct_inner li.w25 .content{color:#fff;}
.section03 .sct_inner li.w75 .content{width:100%; padding:0 80px;}

.board_list li{border-bottom:1px solid #e1e1e1; margin-bottom:40px; padding-bottom:20px; cursor: pointer;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
    -ms-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;}
    .board_list li:hover{border-bottom:1px solid #d70034;}
.board_list li:last-child{margin-bottom:0; border-bottom:0; padding-bottom:0;}
    .board_list li:hover:last-child{border-bottom:0;}

.board_list li > div{float:left;}
.board_list li div.time{width:10%; text-align: center;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
    -ms-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;}
    .board_list li:hover .time{color:#d70034;}
.board_list li div.time .date{font-size:40px; font-weight: 700; line-height:1;}

.board_list li div.board{width:90%; text-align: left;  padding-left:20px;}
.board_list li div.board .board_title{font-size:20px; font-weight: 500; padding-bottom:10px;}

.board_list li div.board .board_title, .board_list li div.board .board_inner_text{
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;}




.section04{border-top:1px solid #e1e1e1; margin-top:-1px;}
.section04 .sct_inner{width:1200px; margin:0 auto; padding:80px 0; max-width: 100%;}
.section04 .content{text-align: center;}
.section04 .content .title{ font-size: 40px; font-weight: 700; padding-bottom: 40px; line-height: 1;}
.section04 .content .text{font-size:20px; padding-bottom:60px;}