@charset "utf-8";
*{ font-family: "Microsoft Yahei",Arial;  }
.no-padding{  padding: 0;  }
.no-margin{margin: 0;  }
/*棣栭〉*/
.index-top{height: 100px;background: url("images/nav-bg.jpg") repeat-x;width: 100%;}
.main-width{width: 1200px;margin: 0 auto;}
.logo{display: block;float: left;}
.index-nav{  position: absolute;  top: 0;  width: 100%;  left: 0;  height: 86px;  background: #fff;  }
.nav-list{float: right;/* width: 60%; */position: relative;/* background: #f7f7f7; *//* margin-top: 30px; */}
.nav-list li{float: left;}
.nav-list li.one-li{text-align: center;display: block;position: relative;}
.nav-list li.one-li a.one-a{font-size: 18px;text-decoration: none;display: block;width: 134px;height: 100px;line-height: 100px;text-align: center;color: #4b4948;font-weight: normal;}
.nav-list li.one-li a.one-a.on{text-decoration: none;color: #fff7d9;background: #af2227;font-size: 18px;}
.nav-list li.one-li a.one-a:hover{text-decoration: none;color: #fff7d9;background: #af2227;}
.nav-list li.one-li a.one-a:active{ text-decoration: none; }
.nav-list li.one-li a.one-a:visited{text-decoration: none; }
.footer{padding: 5px 3px;text-align: center;color: #666;}
.nav-list li.one-li div{width: 100%;top: 100px;height: 0px;overflow: hidden;position: absolute;left: 0;}
.nav-list li.one-li div span{display: block;width: 100%;height: 30px;}
.nav-list li.one-li div span a{display: block;font-size: 16px;text-decoration:none;background:#f7e1c9; height: 30px;line-height: 30px;color: #4b4948;}
.nav-list li.one-li div span a.on{text-decoration: none;color: #fff;background: #af2227;font-weight: normal;}
.nav-list li.one-li div span a:hover{  text-decoration: none;  color: #fff;background:#af2227;font-weight: normal;}
.nav-list li.one-li div span a:active{ text-decoration: none; }
.nav-list li.one-li div span a:visited{text-decoration: none; }
.nav-list li.one-li:hover div{ transition: 1s;height: 500px; }
.btn_gotop{ display: none; position:fixed; bottom:100px; right: 25px; width: 40px; height: 40px; background: url(images/top.png) no-repeat;}
.btn_gotop a{display: block; width: 100%; height: 100%;}
.banner{width: 100%;height: auto;}
.content-body-bg{background: url("images/bg.png") repeat;width: 100%;}
.content-body-bg .content-body{width: 100%;padding: 30px 0;}
.content-body-bg .content-body .title-bg{background: url("images/title-bg.png") no-repeat center;width: 100%;height: 75px;line-height: 75px;text-align: center;color: #b52328;font-size: 28px;font-weight: bold;}
.content-body-bg .content-body .text-content{}
.content-body-bg .content-body .text-content .text-p{font-size: 14px;line-height: 26px;margin: 10px auto;}
.content-body-bg .content-body .text-content .text-h{font-size: 20px;color: #b52328;font-weight: bold;}
.content-body-bg .content-body .text-content .text-h1{color: #434343;font-size: 16px;font-weight: bold;}
.content-body-bg .content-body .text-content .img{width: 100%;margin: 20px auto;}
.img img{margin: 0 auto;}
.content-body-bg .content-body .fzlc-wrap{background: url("images/lc-bg.png") no-repeat center center;width: 100%;height: 670px;}
.content-body-bg .content-body .fzlc-wrap ul{
    /* border: 1px  red dashed; */
    position: relative;
    width: 100%;
    height: 100%;
    margin-top: 75px;
}
.content-body-bg .content-body .fzlc-wrap ul li{width: 277px;position: absolute;}
.content-body-bg .content-body .fzlc-wrap ul li h1{text-align: center;font-size: 18px;font-weight: bold;}
.content-body-bg .content-body .fzlc-wrap ul li.num1{
    left: 62px;
}
.content-body-bg .content-body .fzlc-wrap ul li.num2{
    top: 452px;
    left: 331px;
}
.content-body-bg .content-body .fzlc-wrap ul li.num3{
    left: 588px;
    top: 0;
}
.content-body-bg .content-body .fzlc-wrap ul li.num4{
    left: 856px;
    top: 452px;
}
.content-body-bg .content-body .fzlc-wrap ul li.num1 h1{color: #e7541e;margin-bottom: 10px;}
.content-body-bg .content-body .fzlc-wrap ul li.num2 h1{color: #169e98;margin-bottom: 10px;}
.content-body-bg .content-body .fzlc-wrap ul li.num3 h1{color: #ed9027;margin-bottom: 10px;}
.content-body-bg .content-body .fzlc-wrap ul li.num4 h1{color: #0399dd;margin-bottom: 10px;}
.content-body-bg .content-body .fzlc-wrap ul li p{font-size: 14px;line-height: 26px;color: #000000;text-indent: 0em;text-align: justify;}
.ln-wrap{width: 860px;margin: 0 auto;}
.ln-wrap span{font-size: 22px;font-weight: bold;color: #fff;padding: 5px 15px;text-align: center;background: #b52328;border-radius: 10px; }
.ln-wrap p{font-size: 16px;line-height: 26px;color: #000;margin-top: 26px;margin-bottom: 35px;padding-left: 20px;}
/*杞挱*/
#scroll{width:100%;position:relative;padding-bottom: 90px;}
#scroll ul{list-style:none;}
#scroll ul li{width:100%;margin:0px; padding:0px; display:none;}
#scroll ul li img{width: 100%;}
.subl{position:absolute;top:260px;left: 0;z-index:99;cursor:pointer;}
.subr{position:absolute;top:260px;right: 0;cursor:pointer;}
.fl{float: left;}
.fr{float: right;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
a:active{text-decoration: none;}
a:link{text-decoration: none;}
a:visited{text-decoration: none;}
.footer{background: #b52328;color: #fff;text-align: center;font-size: 16px;padding: 30px 0;}
.job-wrap{width:1000px; margin:0 auto; padding:104px 0 200px 0;}
.job-wrap .leftCont{width:158px; height:auto; overflow: hidden;}
.job-wrap .leftCont li{ position: relative; width:100%; height:42px; margin-bottom:12px; background:#919191; border-radius:5px;}
.job-wrap .leftCont li .btn-arr{display: none; position: absolute; top:50%; left:8px; margin-top:-5.5px; width:10px; height:11px; background: url("images/btn-arr.png") no-repeat;}
.job-wrap .leftCont li.on{background:#cb363c;}
.job-wrap .leftCont li:hover{background:#cb363c;}
.job-wrap .leftCont li.on .btn-arr{display: block;}
.job-wrap .leftCont li a{display: block; width:100%; height:100%; line-height:42px; font-size:18px; text-align: center; color:#fff;}
.job-wrap .rightCont{ display: none; float: right; width:800px;}
.job-wrap .rightCont.on{display: block;}
.job-wrap .rightCont table{width:100%;}
.job-wrap .rightCont table.top-bar{background:#919191; border-radius:5px;}
.job-wrap .rightCont table.top-bar tr td{line-height: 42px; font-size:18px; color:#fff;}
.job-wrap .rightCont table.top-bar tr td.first{padding-left:42px;}
.job-wrap .rightCont table.dept tr span{ margin-left:25px; padding-left:12px; font-size:20px; border-left:4px solid #e62129;}
.job-wrap .rightCont table.dept .btn-open{display: block; width:18px; height:20px; margin:0 auto; background: url("images/arr.png") no-repeat;}
.job-wrap .rightCont table.dept tr td{padding:20px 0 8px 0;border-bottom:1px dashed #3e3a39;}
.job-wrap .rightCont table.dept.on .btn-open{background: url("images/arrr-on.png");}
.job-wrap .rightCont table.zw-box{ margin-top:10px; display:block;}
.job-wrap .rightCont table.zw-box tr td{ padding:8px 0; border-bottom:1px dashed #3e3a39; font-size:16px; color:#3e3a39;}
.job-wrap .rightCont table.zw-box tr td.indent{padding-left:40px;}
.job-wrap .rightCont table.zw-box tr td .btn-apply{ display: block; width:112px; height:30px; margin:0 auto; line-height:30px; font-size:16px; color:#fff; text-align: center; border-radius:20px; background:#919191;}
.contact-wrap{font-size: 18px;font-weight: bold;padding-left: 100px;color: #5e5e5e;}
body{min-width: 1200px;}
.index img{opacity:0;}
.index{ position: relative; width:100%; height:100%; background: url("images/index_icon.jpg") center top no-repeat; background-size:cover;
    -ms-behavior:url(backgroundsize.min.htc);
    behavior:url(backgroundsize.min.htc);}
.index .index-1{position: absolute; left:3.6%; top:4%; width:13%;}
.index .index-2{position: absolute; left:50%; top:4%; margin-left:-14%; width:28%;}
.index .index-3{position: absolute; left:50%; top:22.8%; margin-left:-18%; width:36%;}
.index .index-4{position: absolute; left:0; bottom:0; width:100%; height:100%; z-index:9;
    background: url("images/index-4.png") center top no-repeat; background-size:cover;
    -ms-behavior:url(backgroundsize.min.htc);
    behavior:url(backgroundsize.min.htc);}
.index .btn-enter{ display: block; position: absolute; right:6%; bottom:4%; width:14%; z-index:10;}
.index .btn-enter .index-5{width:100%; vertical-align: top;}
.index .index-6{position: absolute; left:50%; bottom:2.5%; margin-left:-13%; width:26%; z-index:10;}
.index.cur .index-1{-webkit-animation:fadeInDown 0.4s 0.4s linear forwards;animation:fadeInDown 0.4s 0.4s linear forwards}
.index.cur .index-2{-webkit-animation:fadeInDown 0.4s 0.8s linear forwards;animation:fadeInDown 0.4s 0.8s linear forwards}
.index.cur .index-3{-webkit-animation:scaleImg 0.4s 1.2s linear forwards;animation:scaleImg 0.4s 1.2s linear forwards}
.index.cur .index-5{-webkit-animation:bounceIn 0.4s 2.0s linear forwards;animation:bounceIn 0.4s 2.0s linear forwards}
.index.cur .index-6{-webkit-animation:fadeInUp 0.4s 1.6s linear forwards;animation:fadeInUp 0.4s 1.6s linear forwards}
@media screen and (max-width:1366px) {
    .index .index-6{width:18%; margin-left:-9%; bottom:0.5%;}
    .index .btn-enter{width:10%;}
}
@media screen and (max-width:980px) {
    .index .index-6{width:60%; margin-left:-30%; bottom:9%;}
    .index .btn-enter{width:20%; right:4%;}
}
/*鍔ㄧ敾*/
@-webkit-keyframes scaleImg{
    0%{ -webkit-transform:scale(4); opacity:0;}
    100%{-webkit-transform:scale(1); opacity:1;}
}
@keyframes scaleImg{
    0%{transform:scale(4); opacity:0;}
    100%{transform:scale(1); opacity:1;}
}
@-webkit-keyframes fadeInDown{
    0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}
    100%{opacity:1;-webkit-transform:none;transform:none;visibility: visible;}
}
@keyframes fadeInDown{
    0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}
    100%{opacity:1;-webkit-transform:none;transform:none; visibility: visible;}
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        -ms-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
@-webkit-keyframes bounceIn {
    0%,100%,20%,40%,60%,80% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }
    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }
    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}
@keyframes bounceIn {
    0%,100%,20%,40%,60%,80% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        -ms-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        -ms-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }
    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        -ms-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        -ms-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }
    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        -ms-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}