@charset "utf-8";
*{ font-family: "Microsoft Yahei",Arial;  }
body {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
}
.no-padding{  padding: 0;  }
.no-margin{margin: 0;  }
ul li,ul{list-style: none;margin: 0;padding: 0;}
a{text-decoration: none!important;}
.footer{width: 100%;height: 0.36rem;text-align: center;font-size: 0.14rem;color: #fff;line-height: 0.36rem;background-color: #0f4c5a;}
/*index*/
.bg{display: block;width: 100%;height: auto;position: relative;}
.logo{display: block;width: 1.11rem;height: 0.38rem;float: left;margin-top: 0.5rem;margin-left: 0.3rem;}
.slogan{display: block;width: 6.24rem;height: auto;top:2rem;position: absolute;left: 50%;margin-left: -3.12rem;}
.btn{display: block;width: 2.99rem;height: auto;position: absolute;left: 50%;z-index: 6;bottom: 3rem;margin-left: -1.49rem;}
.btn img{display:  block;width: 100%;height: auto;}
.btn1{/* top: 4.07rem; */}
.btn2{top: 4.79rem;}
.btn3{top: 5.5rem;}
.bottom-bg{display: block;width: 100%;margin: auto;}
.banner-img{width: 100%;display: block;margin: auto;}
/*about*/
.nav{position: fixed;right: 0;top: 0;width: 100%;/* overflow: hidden; */z-index: 99;height: 0.53rem;background-color: #1a1e1e;}
.nav .nav-icon{display: block;/* width: 2rem; */height: auto;float: right;margin-right: 0.2rem;margin-top: 0.06rem;font-size: 0.28rem;color: #fff;font-weight: bold;line-height: 0.4rem;}
.nav .nav-icon img{/* display: inline-block; */width: 0.58rem;height: 0.26rem;margin-left: 0rem;margin-top: 0.06rem;/* line-height: 0.28rem; */float: right;margin-left: 0.08rem;}
.nav-box{display: none;margin: 0;overflow: hidden;padding-top: 0.3rem;clear: both;background-color: rgba(0,0,0,0.5);width: 2.38rem;float: right;}
.nav-box li{width: 100%;margin: auto;}
.nav-box li a{display: block;height:0.7rem;padding:0;text-align: center;width:100%;line-height: 0.7rem;color: #fff;font-size:0.26rem; }
.nav-box li a.active{background-color: #04809d;}
.content-box{width: 100%;background-color: #ffffff;overflow: hidden;}
.border-box{width: 100%;margin: 0.3rem auto;height: auto;overflow-y: auto;position: relative;z-index: 96;margin-top: 0;margin-bottom: 0;min-height: 9rem;}
.js-box,.ln-box,.wh-box{width: 90%;margin: 0.2rem auto;overflow: hidden;position: relative;z-index: 10;}
/*.hide-box{display: none;}*/
.right-top{position: absolute;width: 2.75rem;right: 0;top: 0;}
.right-mid{position: absolute;width: 4.93rem;left: 0;top: 10%;}
.left-bottom{position: absolute;width: 90%;left: 0;bottom: 0;}
.right-bottom{position: absolute;width: 2.75rem;right: 0;top: 50%;}
.zd{display: block;width: 0.58rem;margin:0.2rem auto;height: auto}
.title{display: block;width: 100%;height: auto;margin: 0.3rem auto;}
.star{display: block;width: 3.11rem;margin: 0.3rem auto;}
.top-icon{display: block;width: 0.78rem;margin: 0.3rem auto;}
.top-icon img{display: block;width: 0.63rem;height: auto;}
.job-btn{display: block;width: 2.99rem;height: auto;margin: auto;margin-top: 0.5rem;}
.job-btn img{width: 2.99rem;height: auto;}
.img2{display: block;width: 1.5rem;height: auto;margin: 2rem auto;}
h1{color: #04809d;font-size: 0.32rem;text-align: left;line-height: 0.6rem;position: relative;z-index: 40;padding-top: 0.3rem;padding-bottom: 0.2rem;
    font-weight: bold;background: url("images/title-line.jpg") no-repeat;background-size: 0.86rem 0.07rem;background-position: left bottom;margin-left: 0.4rem;}
h1 span{display: inline-block;background: url("images/arrow-top.jpg") no-repeat;width: 0.23rem;height: 0.23rem;background-size: 100% 100%;margin-left: 0.16rem;}
h2{color: #04809d;font-size: 0.28rem;margin: 0.3rem 0;font-weight: bold;line-height: 0.46rem;clear: both;margin-bottom: 0.1rem;}
.p1{font-size: 0.24rem;color: #5f5f5f;line-height: 0.5rem;text-align: left;text-indent: 2em;}
.p2{color: #5f5f5f;font-size: 0.24rem;line-height: 0.5rem;width: 96%;text-align: left;margin-top: 0.16rem;}
.p2 span{color: #04809d;font-size: 0.36rem;font-weight: bold;font-style: initial;}
.p3{color: #5f5f5f;font-size: 0.24rem;line-height: 0.5rem;width: 96%;text-align: left;margin-top: 0.06rem}
.p3 span{color: #04809d;font-weight: bold;}
.road-box{width:100%;margin: 0.2rem auto;overflow: hidden; }
.road-box ul{float: left;width: 50%;margin-bottom: 0.3rem;}
.road-box ul li{color: #5f5f5f;font-size: 0.24rem;line-height: 0.48rem;text-align: left;}
.road-box ul li span{font-weight: bold;}
/*job*/
.job-box {width: 100%;margin: 0.3rem auto;height: auto;overflow: hidden;clear: both;}
.job-box ul{float: left;width: 46%;margin-right: 2%;}
.job-box ul li{color: #5f5f5f;font-size: 0.24rem;text-align: center;padding: 0.06rem 0;height: 0.8rem;padding-top: 0.3rem}
.job-box ul li h4{width: 100%;background-color: #ebf2f5;text-align: center;border-radius: 0.1rem;color: #377f9a;font-weight: bold;line-height: 0.6rem;margin-top: -0.1rem;}
.job-box ul li em{font-weight: bold;}
h3{color: #377f9a;font-size: 0.24rem;line-height: 0.5rem;text-align: left;font-weight: bold;clear: both;}
.job-box .p3 span{color: #5f5f5f;}
.job-btn{display: block;width: 2.26rem;clear: both;margin: 0.3rem auto;}
.music{position: absolute;  width: .31rem;  height: .31rem;  z-index: 2;  top: .3rem;
    left: .5rem;}
.music.music-play{-webkit-animation:music 1.5s linear infinite;animation:music 1.5s linear infinite;}
@keyframes music{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@-webkit-keyframes music{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}