@charset "utf-8";
/* CSS Document */
/*首页banner*/
@font-face {
    font-family: Helvetica;
    src: url(../fonts/HelveticaLTStd-BlkCond.otf);
}
#index_banner{ position: relative}
#index_banner img{ width: 100%; }
#mouse{ position: absolute;background: url(../images/mouse.png) no-repeat center center;width: 29px;height: 64px;
bottom: 15%;left: 50%;margin-left: -15px;z-index: 1200;animation:linkmoves 0.5s ease-in-out infinite alternate;
-webkit-animation:moves 1s ease-in-out infinite alternate;}
@keyframes moves{
  0%{transform:translateY(-30px);-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px)}
  100%{transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px)}
}
@-webkit-keyframes linkmoves{
   0%{transform:translateY(-30px);-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px)}
  100%{transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px)}
}
@-moz-keyframes linkmoves{
  0%{transform:translateY(-30px);-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px)}
  100%{transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px)}
}

.hkuc_fs_number_wrap{
    bottom: 4%;width: 180px;left:50%;margin-left: -90px;position: absolute
}
.hkuc_fs_number span{ width:7px;height: 7px;border-radius: 50%;background: white;text-indent: -9999px;line-height: 25px;
display: block;float: left;margin: 9px 0;}
.hkuc_fs_number span:hover{ cursor: pointer }
.hkuc_fs_number span.current{ width: 25px;height: 25px;text-indent: 0;margin: 0;color: #fa7705;font-size: 13px;text-align: center}
.page_line{ display: block;background: white;height: 1px;width: 60px;margin: 12px 5px 0;float: left;position: relative}
.page_line b{ display: block;position: absolute;left: 0;top: 0;background: #fa7705;height: 1px;width: 0;}
.hkuc_fs_number .page_line:last-child{ display: none;}
#banner_words{ z-index: 2000;position: absolute;top: 30%;width: 100%;}
.sec_container{ opacity: 0;height: 152px;}
#banner_words h2{font-size: 38px;font-family: "Helvetica";color: white;font-weight: normal;position: absolute;left: 50%;bottom: -60%;margin-left: -350px;margin-top: -32px;text-transform:capitalize;opacity: 0;width: 700px;text-align: center;overflow: hidden;height: 0;letter-spacing: 6px;}
#banner_words h3{
    font-size: 38px;
    font-family: "Helvetica";
    color: white;
    font-weight: normal;
    position: absolute;
    left: 50%;
    bottom: -20px;
    margin-left: -350px;
    margin-top: -15px;
    opacity: 0;
    width: 700px;
    text-align: center;
    overflow: hidden;
    letter-spacing: 6px;
    }
#banner_words h1{text-transform: uppercase;font-size: 62px;color: white;font-weight: normal;position: absolute;left: 50%;margin-left: -550px;top: 0;opacity: 0;width: 1100px;text-align: center;overflow: hidden;letter-spacing: 6px;}
.title_words{ display: none;}
.title_words.active{ display: block;}
.sec_nav li{ float: left;width: 280px;border: 3px solid #ff912b;border:3px solid rgba(255,145,43,0.85);height: 45px;line-height: 45px;border-radius: 30px;text-align: center;text-transform: uppercase;
color: white;font-family: "Helvetica";font-size: 24px;margin-top: 25px;margin-right: 18.6px;}
/*首页内容*/
#content_wrap{ overflow: hidden}
#index_nav .container{ padding: 20px 0}
#index_nav ul li{ width: 400px;float: left;text-align: center;height: 100px;transform: rotateY(0deg);transition:  ease-out 1.5s }
#index_nav ul li.current a{ color: #fa7705}
#index_nav ul li:hover:not(.current){ cursor: pointer;transform: rotateY(360deg)}
#index_nav ul li:hover a{ color: #fa7705}
.nav_contain{ display: block;height: 80px;width: 74px;margin: 0 auto;background: url(../images/index_nav_icons.png) no-repeat 0 top;}
#icon_1:hover .nav_contain, #icon_1.current .nav_contain{ background-position-y: -100px;}
#icon_2 .nav_contain{ background-position-y: -200px;}
#icon_2:hover .nav_contain, #icon_2.current .nav_contain{ background-position-y: -300px;}
#icon_3 .nav_contain{ background-position-y: -400px;}
#icon_3:hover .nav_contain, #icon_3.current .nav_contain{ background-position-y: -500px;}
#index_nav ul li a{ display: block; text-transform: uppercase;}
.index_sec_nav{ background: #f9f9f9;border-top: 1px solid #e5e5e5;}
.index_sec_nav .container{ padding: 20px 0 }


.left_content{ width: 50%;float: left;overflow: hidden}
.left_content img{ transition: all 0.5s;}
.left_content img:hover{ transform: scale(1.2,1.2)}
.right_content{ width: 540px;float: left;padding: 70px 0 0 60px;}
.right_content h3{ color: #1c7ac0;font-size: 30px;font-family: "Helvetica"}
.right_content{ color: #636363;line-height: 34px;}
.right_content .more{ background: white;height: 28px;line-height: 28px; }
.content_sp{ display: block;width: 24px;height: 1px;margin: 35px 0;background: #ccc;}

.main_content{ display: none;height: 439px}
.main_content.active{ display: block;}
.all_content{ display: none;overflow: hidden}
.all_content.active{ display: block;}