@charset "utf-8";
*{ font-family: "Microsoft Yahei",Arial;  }
.no-padding{  padding: 0;  }
.no-margin{margin: 0;  }
.s-img{position: absolute;opacity: 0;}
.index-img{  position: absolute;  width: 100%;  left: 0;  bottom: 0;-webkit-animation: fadeIn 3s forwards linear;  }
.p101{  width: 48.4%;  left: 50%;  margin-left: -24.2%;  top: 17%; -webkit-animation: bounceIn .6s forwards linear; }
.p102{  width: 31.19%;  left: 50%;  margin-left: -7%;  top: 49%;-webkit-animation: fadeInUp 1.6s forwards linear;  }
.p103{  width: 58.4%;  left: -31%;  top: 20%;  -webkit-animation: fadeIn 3.6s forwards linear;}
.p104{  width: 9%;  left: 50%;  top: 67%;  margin-left: 15.5%; display: block; -webkit-animation: bounceIn 1.6s forwards linear .6s;}
.p104 img{position: relative;display: block;width: 100%;}
.index-footer{position: absolute;bottom:0;left: 0;width: 100%;padding: 15px;text-align: center;}
@media all and (min-width: 320px) and (max-width: 1200px) {
    .index-img{position: absolute;width: 100%;left: 0;top: 0;}
    .p101{width: 48.4%;left: 50%;margin-left: -24.2%;top: 4%;}
    .p102{width: 31.19%;left: 50%;margin-left: -7%;top: 16%;}
    .p103{width: 58.4%;left: -31%;top: 3%;}
    .p104{width: 9%;left: 50%;top: 22%;margin-left: 15.5%;}
}
@media all and (min-width: 1280px) and (max-width: 1367px) {
    .index-img{  position: absolute;  width: 100%;  left: 0;  bottom: 0;  }
    .p101{  width: 48.4%;  left: 50%;  margin-left: -24.2%;  top: 10%;  }
    .p102{  width: 31.19%;  left: 50%;  margin-left: -7%;  top: 49%;  }
    .p103{  width: 58.4%;  left: -31%;  top: 20%;  }
    .p104{  width: 9%;  left: 50%;  top: 67%;  margin-left: 15.5%;  }
}
@media all and (min-width: 1680px) and (max-width: 1920px) and (max-height: 1081px) {
    .index-img{  position: absolute;  width: 100%;  left: 0;  bottom: 0;  }
    .p101{  width: 48.4%;  left: 50%;  margin-left: -24.2%;  top: 14%;  }
    .p102{  width: 31.19%;  left: 50%;  margin-left: -7%;  top: 49%;  }
    .p103{  width: 58.4%;  left: -31%;  top: 20%;  }
    .p104{  width: 9%;  left: 50%;  top: 67%;  margin-left: 15.5%;  }
}
body{min-width: 1200px;}
/*棣栭〉*/
.index-top{height: 119px;}
.main-width{width: 1180px;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;margin-top: 30px;}
.nav-list li{float: left;}
.nav-list li.one-li{text-align: center;display: block;position: relative;margin-left: 43px;}
.nav-list li.one-li a.one-a{font-size: 20px;text-decoration: none;display: block;text-align: center;color: #333333;font-weight: normal;padding-bottom: 5px;}
.nav-list li.one-li a.one-a.on{text-decoration: none;color: #333333;border-bottom: 4px solid #246aa2;}
.nav-list li.one-li a.one-a:hover{text-decoration: none;color: #333333;border-bottom: 4px solid #246aa2;}
.nav-list li.one-li a.one-a:active{ text-decoration: none; }
.nav-list li.one-li a.one-a:visited{text-decoration: none; }
.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;}
.banner img{width: 100%;height: auto;}
.content-main{padding: 53px 0;}
.content-main .title-bg{background: url("images/title-bg.png") no-repeat bottom center;font-size: 28px;line-height: 45px;color: #2f4c77;font-weight: bold;text-align: center;padding-bottom: 22px;}
.text-content{padding: 0 124px;}
.text-content p{font-size: 20px;line-height: 32px;text-align: justify;text-indent: 2em;margin-top: 20px;}
.gd-wrap{margin: 88px auto;}
.gd-wrap tr td{padding: 0 5px;}
.footer{background: #246aa2;color: #fff;padding: 15px;text-align: center;}
.city-wrap{}
.city-wrap table{width: 780px;margin: 45px auto;}
.city-wrap table tr{}
.city-wrap table tr td{text-align: center;font-size: 20px;line-height: 32px;color: #0a597c;padding: 0 15px;}
.main-p{font-size: 20px;line-height: 44px;margin-top: 20px;margin-bottom: 20px;}
.job-content{width: 1000px;margin: 20px auto;}
.job-content table{}
.job-content table tr{}
.job-content table tr td{border-bottom: 8px solid #fff;}
.job-content table tr td span{font-size: 20px;color: #fff;text-align: center;padding: 12px 10px;display: block;}
.job-content table tr td .apply{text-align: center;color: #fff;font-size: 14px;display: block;}
.xc-wrap{width: 1000px;margin: 20px auto;}
.xc-wrap table{margin: 30px auto;width: 1000px; }
.xc-wrap table tr{ height: auto !important;}
.xc-wrap table tr:nth-of-type(1) td{text-align: center;font-size: 21px;padding: 10px 0;color: #fff;border: 1px solid #ddd;background: #8ab9e9; }
.xc-wrap table tr:nth-of-type(2) td{text-align: center;font-size: 21px;padding: 10px 0;color: #fff;border: 1px solid #ddd;background: #8ab9e9; }
.xc-wrap table tr td{font-size: 16px;padding: 10px 0 !important;border: 1px solid #ddd !important;text-align: center;height: 30px !important; }
.xc-wrap table tr td:nth-of-type(2){width: 220px;}
.xc-wrap table tr td:nth-of-type(3){width: 120px !important;}
.contact-wrap{padding-top: 20px;}
.contact-wrap p{font-size: 20px;color: #246aa2;line-height: 48px;}
.contact-wrap p a{color: #246aa2;}
.trip{width:938px; margin:20px auto;}
.trip table{width:100%;}
.trip table tr td{padding:8px; font-size:14px; border: 1px solid #eee;}