@charset "utf-8";
*{ font-family: "Microsoft Yahei",Arial;  }
body {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}
select {
    border: solid 1px #fff;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: url(images/arrow.png) no-repeat scroll 210px center transparent;
    padding-right: 14px;
}
select::-ms-expand { display: none; }
.no-padding{  padding: 0;  }
#wraps, #wrap, html, body {
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    min-width: 1200px;
    max-width: 1920px;
    background-color: #ffffff;
    min-height: 690px;
    overflow: hidden;
}
.footer{padding: 10px 0;text-align: center;color: #fff;width: 100%;background: #204496;overflow: hidden;}
/*index*/
.index-box{width: 100%;height: 100%;background: url("images/index-bg.jpg") no-repeat;background-size: 100% 100%;overflow: hidden;position: relative;margin: 0 auto;}
/*		body img{opacity: 0;}*/
/*.index-box{width: 100%;height: 100%;margin: 0 auto;position: relative;overflow: hidden;}*/
.bottom-bg{position: absolute;width: 100%;height: auto;bottom:0;left:0;}
.main-box{width:65%;position: relative;margin: auto;height: 100%;overflow-x: hidden;}
.logo{display: block;width:266px;height: 48px;margin-top: 3%;}
.slogan{display: block;width: 80%;margin:10px auto;animation: bounceIn 1s 0s forwards;
    -moz-animation: bounceIn 1s 0s forwards;	/* Firefox */
    -webkit-animation: bounceIn 1s 0s forwards;	/* Safari 鍜?Chrome */
    -o-animation: bounceIn 1s 0s forwards;	/* Opera */}
.btn-box{display: block;width: 90%;height: auto;margin:1% auto;overflow:hidden;position:relative;z-index:6;animation: fadeIn 1s 0.6s forwards;
    -moz-animation: fadeIn 1s 0.6s forwards;	/* Firefox */
    -webkit-animation:fadeIn 1s 0.6s forwards;	/* Safari 鍜?Chrome */
    -o-animation: fadeIn 1s 0.6s forwards;	/* Opera */}
.btn-box a{float: left;display: block;width: 30%;margin: 10px;overflow: hidden;box-sizing: border-box}
.btn-box a img{width: 90%;}
.people{display: block;position: absolute;bottom: 0;width: 40%;height: auto;left: 50%;margin-left: -20%;z-index: 3;}
/*about*/
.nav-box{display: block;margin: 0;overflow: hidden;margin-top: 40px;}
.nav-box li{float: left;margin: 10px;}
.nav-box li a{display: block;width: auto;height: 30px;padding:0 10px;text-align: center;line-height: 30px;color: #050505;font-size:24px;background-color: #ffae26;border-radius: 20px; }
.nav-box li a.active{font-weight: bold;color: #fff;background-color: #0071bc;}
.left-content{width: 46%;
    padding: 0 20px 20px 0;
    box-sizing: border-box;
    height: 50%;
    overflow-y: scroll;
    float: left;
    margin-top: 20px;}
.left-content .p1{font-size: 18px;color: #262626;line-height: 34px;text-indent: 36px;margin: 10px 0;}
.right-box{float: right;width: 50%;}
.right-box img{display: block;width: 100%;margin: 16px auto;margin-top:10%;}
.about-people{display: block;width: 46%;height: auto;position: absolute;right: 0;bottom: 0;}
.main-nav{position: absolute;right: 5%;top: 20%;}
.main-nav ul li a{display: block;width: 132px;height: 40px;color: #fff;font-size: 18px;line-height: 40px;text-align: center;background-color: #0071bc;border-top:  1px solid #37a9f6;}
.main-nav ul li a.active{background-color: #ffae26;}
.main-nav ul li img{display: block;width: auto;margin: auto;}
.tx-img{display: block;width: 90%;height: auto;margin: 10px auto;}
/*xc*/
.xc-box,.job-box{width: 100%;height: 50%;border: 1px solid #0071bc;border-radius: 16px;overflow-y: auto;margin-top: 6%;box-sizing: border-box;}
h1{color: #0071bc;font-size: 30px;text-align: center;line-height: 50px;margin-top: 20px;clear: both;}
.line,.xc{display: block;width: auto;margin:16px auto;}
h2{font-size: 20px;color: #3a3a3a;text-align: center;margin: 16px auto;}
h2 a{color: #f9b846;}
.p2{font-size: 20px;color: #3a3a3a;text-align: center;}
.plan1{width: 50%;float: left;}
.plan2{float: right;}
/*job*/
.job-box{margin-top: 16px;position: relative;}
.job-box table {width:95%;margin: 16px auto;}
.job-box table tr th{color: #0071bc;font-size: 24px;font-weight: bold;text-align: center;line-height: 50px;}
.job-box table tr td{font-size: 16px;color: #2c2c2c;text-align: center;line-height: 40px;}
.job-box table tr.job-title{background: url("images/job-line.png") bottom left;background-repeat: no-repeat;background-size: 100%;}
.job-box table tr td a{display: block;width: 120px;height: 26px;text-align: center;line-height: 26px;background-color: #0071bc;color: #fff;border-radius: 20px;}
.p3{font-size: 16px;color: #2c2c2c;margin-left: 3%;line-height: 30px;margin-bottom: 20px;float: left;}
.job-img{position: absolute;
   right: 7%;
    width: 20%;
  }
/* 璁剧疆婊氬姩鏉＄殑鏍峰紡 */
::-webkit-scrollbar {
    width:10px;
}
/* 婊氬姩妲?*/
::-webkit-scrollbar-track {
    -webkit-box-shadow:inset006pxrgba(0,113,188,0.3);
    border-radius:16px;
  /*  border: 1px solid #0071bc;*/
}
/* 婊氬姩鏉℃粦鍧?*/
::-webkit-scrollbar-thumb {
    border-radius:10px;
    background:rgba(0,113,188,1);
    -webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
    background:rgba(255,255,255,1);
}