@charset "utf-8";
*{ font-family: "Microsoft Yahei",Arial;  }
.no-padding{  padding: 0;  }
.no-margin{margin: 0;  }
.index-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.p101{position: absolute;left: 20%;top: 6%;width: 14%;opacity: 0;
    -webkit-animation: bounceInDown 1.6s forwards;
    -moz-animation: bounceInDown 1.6s forwards;
    -ms-animation: bounceInDown 1.6s forwards;
    animation: bounceInDown 1.6s forwards;
}
.p102{position: absolute;left: 0;bottom: 0;width: 74%;opacity: 0;
    -webkit-animation: fadeIn 1.6s forwards .6s;
    -moz-animation: fadeIn 1.6s forwards .6s;
    -ms-animation: fadeIn 1.6s forwards .6s;
    animation: fadeIn 1.6s forwards .6s;
}
.p103{position: absolute;left: 51%;top: 10%;width: 24%;opacity: 0;
    -webkit-animation: smallbig 1.6s forwards 1.2s;
    -moz-animation: smallbig 1.6s forwards 1.2s;
    -ms-animation: smallbig 1.6s forwards 1.2s;
    animation: smallbig 1.6s forwards 1.2s;
}
.p104{position: absolute;right: 35%;bottom: 27.7%;width: 9%;opacity: 0;
    -webkit-animation: flash 1.6s infinite linear 1.8s;
    -moz-animation: flash 1.6s infinite linear 1.8s;
    -ms-animation: flash 1.6s infinite linear 1.8s;
    animation: flash 1.6s infinite linear 1.8s;
}
.p104 img{width:100%;}
@media all and (min-width: 320px)  and (max-width:980px ){
    .p101{position: absolute;left: 20%;top: 6%;width: 30%;}
    .p102{position: absolute;left: 0;top: 37%;width: 86%;}
    .p103{position: absolute;left: 43%;top: 10%;width: 49%;}
    .p104{position: absolute;right: 13%;top: 41.7%;width: 24%;}
}
@media all and (min-width: 981px)  and (max-width:1281px ){
    .p101{position: absolute;left: 20%;top: 6%;width: 14%;}
    .p102{position: absolute;left: 0;bottom: 0;width: 74%;}
    .p103{position: absolute;left: 51%;top: 10%;width: 24%;}
    .p104{position: absolute;right: 22%;bottom: 27.7%;width: 9%;}
}
@media all and (min-width: 1280px)  and (max-width:1367px ){
    .p101{position: absolute;left: 20%;top: 6%;width: 14%;}
    .p102{position: absolute;left: 0;bottom: 0;width: 74%;}
    .p103{position: absolute;left: 51%;top: 10%;width: 24%;}
    .p104{position: absolute;right: 22%;bottom: 27.7%;width: 9%;}
}
@media all and (min-width: 1366px)  and (max-width:1441px ){
    .p101{position: absolute;left: 20%;top: 6%;width: 14%;}
    .p102{position: absolute;left: 0;bottom: 0;width: 74%;}
    .p103{position: absolute;left: 51%;top: 10%;width: 24%;}
    .p104{position: absolute;right: 22%;bottom: 27.7%;width: 9%;}
}
@media all and (min-width: 1441px)  and (max-width:1681px ){
    .p101{position: absolute;left: 20%;top: 6%;width: 14%;}
    .p102{position: absolute;left: 0;bottom: 0;width: 74%;}
    .p103{position: absolute;left: 51%;top: 10%;width: 24%;}
    .p104{position: absolute;right: 22%;bottom: 27.7%;width: 9%;}
}
@media all and (min-width: 1680px)  and (max-width:1920px ){
    .p101{position: absolute;left: 20%;top: 6%;width: 14%;}
    .p102{position: absolute;left: 0;bottom: 0;width: 74%;}
    .p103{position: absolute;left: 51%;top: 10%;width: 24%;}
    .p104{position: absolute;right: 22%;bottom: 27.7%;width: 9%;}
}
@media all and (min-width: 1680px)  and (max-height:1200px ){
    .p101{position: absolute;left: 20%;top: 6%;width: 14%;}
    .p102{position: absolute;left: 0;bottom: 0;width: 74%;}
    .p103{position: absolute;left: 51%;top: 10%;width: 24%;}
    .p104{position: absolute;right: 22%;bottom: 27.7%;width: 9%;}
}
/*棣栭〉*/
.index-top{border-bottom: 5px solid #ed6c00;min-width: 1170px;}
.main-width{width: 1170px;margin: 0 auto;}
.logo{display: block;float: left;}
.nav-list{float: right;position: relative;}
.nav-list li{float: left;}
.nav-list li.one-li{text-align: center;display: block;margin-left: -9px;position: relative;}
.nav-list li.one-li a.one-a{font-size: 16px;text-decoration: none;display: block;height: 60px;line-height: 60px;text-align: center;color: #575757;padding: 0 25px;}
.nav-list li.one-li a.one-a.on{text-decoration: none;color: #fff;background: #ed6c00 url("images/nav-li-on.png") no-repeat center bottom;}
.nav-list li.one-li a.one-a:hover{text-decoration: none;color: #fff;background: #ed6c00  url("images/nav-li-on.png") no-repeat center bottom;}
.nav-list li.one-li a.one-a:active{ text-decoration: none; }
.nav-list li.one-li a.one-a:visited{text-decoration: none; }
.img{/* width: 100%; */}
.img img{width: 100%;}
.footer{padding: 16px 3px;text-align: center;color: #fff;background: #ed6c00;margin-top: 30px;min-width: 1170px;}
.banner{width: 100%;min-width: 1170px;}
.banner img{width: 100%;}
.main-content{width: 100%;}
.main-content .title{width: 100%;}
.main-content .text-img {margin-right: 30px;margin-bottom: 30px;}
.text-content{padding: 37px 15px 50px 15px;background: #f5f5f5;margin-top: 20px;}
.main-p{font-size: 14px;line-height: 20px;margin-top: 15px;text-indent: 2em;text-align: justify;color: #656565;}
.jobs-main{width: 890px;margin: 0 auto;}
.job-wrap-title{background: url("images/h1-bg.jpg") no-repeat;text-align: center;margin-bottom: 25px;margin-top: 30px;}
.job-wrap-title span{margin: 0 auto;color: #ed6c00;font-size: 20px;font-weight: bold;}
.job-wrap{/* width: 1052px; */margin: 0 auto;}
.job-wrap .job-list{}
.job-wrap .job-list2{}
.job-wrap .job-list tr{}
.job-wrap .job-list tr td{background: #fff;}
.job-wrap .job-list2 tr td{background: #e1e1e1;}
.job-wrap .job-list tr td h1{line-height: 55px;height: 55px;background: #f7a200 url("images/icon1.png") no-repeat 12px 11px;color: #fff;font-size: 18px;font-weight: bold;padding-left: 50px;}
.job-wrap .job-list tr td h2{line-height: 55px;height: 55px;background: #989898 url("images/icon2.png") no-repeat 12px 11px;color: #fff;font-size: 18px;font-weight: bold;padding-left: 50px;}
.job-wrap .job-list tr td .j-list{}
.job-wrap .job-list tr td .j-list2{}
.job-wrap .job-list tr td .j-list span{font-size: 16px;color: #585858;margin-left: 35px;cursor: pointer;}
.job-wrap .job-list tr td .j-list2 span{font-size: 16px;color: #585858;margin-left: 35px;cursor: pointer;}
.job-wrap .job-list tr td .j-list span.on{font-size: 16px;color: #ed6c00;font-weight:bold;}
.job-wrap .job-list tr td .j-list2 span.on{font-size: 16px;color: #ed6c00;font-weight:bold;}
.job-wrap .job-list tr td .j-list span:hover{font-size: 16px;color: #ed6c00;font-weight:bold;}
.job-wrap .job-list tr td .j-list2 span:hover{font-size: 16px;color: #ed6c00;font-weight:bold;}
.job-wrap .job-content{background: #ffffff;padding: 25px 7px;margin-top: 30px;}
.job-wrap .job-content a{font-size: 16px;color: #585858;float: left;margin-left: 5px;margin-right: 5px;margin-top: 5px;padding: 5px 23px;text-decoration: none;border-radius: 15px;}
.job-wrap .job-content a.on{background: #f7a200;color: #fff;text-decoration: none;}
.job-wrap .job-content a:hover{background: #f7a200;color: #fff;text-decoration: none;}
.job-wrap .job-content a:active{text-decoration: none;}
.job-wrap .job-content a:visited{text-decoration: none;}
.job-wrap ul{}
.job-wrap ul li{
    margin-top: 20px;
}
.job-wrap ul li .dept-title{background: url("images/li2.jpg") no-repeat;height: 33px;line-height: 33px;width: 100%;font-size: 15px;cursor: pointer;font-weight: bold;color: #fff;padding-left: 15px;}
.job-wrap ul li .dept-title.on{background: url("images/li-in.jpg") no-repeat;height: 33px;line-height: 33px;width: 100%;font-size: 15px;cursor: pointer;font-weight: bold;color: #fff;padding-left: 15px;}
.job-wrap ul li .job-list{
    padding: 20px 0;
    /* display: none; */
}
.job-wrap ul li .job-list table{}
.job-wrap ul li .job-list table tr{}
.job-wrap ul li .job-list table tr td{padding: 4px 9px;border-bottom: 1px dashed #ddd;}
.notice{font-size: 14px;color: #656565;line-height: 1.8;}
.notice .title-h1{font-size: 14px;color: #ed6c00;font-weight: bold;margin-top: 24px;line-height: 30px;}
.xc-main{padding: 0 80px;}
.img{margin: 20px auto;}
.xc-title{font-size: 14px;color: #fff;font-weight: bold;background: url("images/title-bg2.jpg") no-repeat;width: 92px;height: 26px;line-height: 26px;text-align: center;}
.main-p2{font-size: 14px;color: #565656;line-height: 1.5;margin: 10px 20px;}
.newsContent{
    width: 90%;
    margin: 0 auto;
    padding: 40px 20px;
}
.newsContent table{width: 100%!important;}
.newsContent table tr:nth-child(1) td {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 5px solid #ed6c00;
    height: 40px;
    line-height: 40px;
}
.newsContent table td{border: 1px  solid #ddd;}
.newsContent table td{padding: 5px 10px;text-align: center;}