@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%;line-height: 0.4rem;background: url("images/footer.jpg") no-repeat center;background-size: 100% 100%;color: #fff;font-size: 0.14rem;text-align: center;}
/*index*/
.bg{display: block;width: 100%;height: auto;position: relative;}
.logo{display: block;width: 2.29rem;float: left;margin-top: 0.3rem;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*/
.right-nav{float: right;margin-right: 37px;margin-top: 30px;overflow: hidden;height: 50px;}
.right-nav ul{height: 100%;}
.right-nav ul li{float: left;height: 100%;}
.right-nav ul li a{display: block;color: #006445;font-size: 18px;font-weight: bold;font-style: italic;margin: 0 15px;height: 100%;box-sizing: border-box;}
.right-nav ul li a.active{border-bottom: 4px solid #6f3af1;color: #2c2282;}
.content-box{width: 100%;background-color: #ffffff;overflow: hidden;position: relative;}
.container{background: url("images/bg.jpg") top no-repeat;background-size: 100% 100%;padding: 1px;padding-bottom: 100px;}
.container-box{width: 680px;margin:auto;background-color: #fff;box-sizing: border-box;padding-bottom: 50px;border-radius: 12px 12px 0 0;}
.js-box{width: 100%;padding: 0.2rem 0.3rem;box-sizing: border-box;/* margin-bottom: 60px; */display: none;}
.second-box{width:100%;overflow: hidden;background-color: #ddf6ea;}
.second-box ul li{float: left;width: 24.5%;cursor:pointer;background: url("images/second-nav.png") no-repeat;height: 44px;font-size: 20px;text-align: center;line-height: 44px;color: #646464;font-weight: bold;background-size: 100% 100%;margin: 0 0.25%;box-shadow: 6px 6px 8px #a5c7bc;box-sizing: border-box;font-style: italic;}
.second-box ul li:hover,.second-box ul li.active{background: url("images/second-nav-active.png") no-repeat;background-size: 100% 100%;color: #fff}
.title{display: block;margin: 40px auto;}
.p1 {
    text-align: left;
    color: #666666;
    font-size: 17px;
    line-height: 35px;
    margin-bottom: 20px;
    text-indent: 2em;
}
.h2 {
    color: #fff;
    font-size: 18px;
    line-height: 39px;
    font-weight: bold;
    margin-bottom: 16px;
    width: 149px;
    font-style: italic;
    text-align: left;
    background: url(images/title-bg.png) no-repeat;
    margin-top: 20px;
    background-size: 100% 100%;
}
.h2 span {
    display: inline-block;
    margin-right: 6px;
    margin-left: 5px;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background-color: #56ca7a;
    color: #eef37c;
    text-align: center;
    line-height: 30px;
}
.p2 {
    text-align: left;
    color: #666666;
    font-size: 16px;
    line-height: 32px;
    overflow: hidden;
}
.p2 span {
    float: left;
    width: 30px;
    height: 30px;
    background-color: #006244;
    color: #fff;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    border-radius: 50%;
    margin-right: 16px;
    font-style: italic;
    font-size: 20px;
    padding-right: 8px;
    box-sizing: border-box;
}
.job-h1 {
    width: 100%;
    height: 42px;
    background: url(images/title-bg3.png) no-repeat;
    font-weight: bold;
    background-size: 100% 100%;
    color: #fff;
    font-size: 20px;
    font-style: italic;
    line-height: 42px;
}
.job-box {
    width: 600px;
    margin: 30px auto;
}
.job-box .com-box li:hover, .job-box .com-box li.active {
    background: url(images/com-bg-active.png) no-repeat;
    color: #fff;
    font-weight: bold;
}
.job-box .com-box li {
    float: left;
    cursor: pointer;
    background: url(images/com-bg.png) no-repeat;
    width: 19%;
    margin: 10px 0.5%;
    background-size: 100% 100%;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #666666;
    font-size: 15px;
    font-style: italic;
}
.job {
    display: none;
    border-bottom: 1px dashed #48ba72;
    padding-bottom: 6px;
}
h3 {
    color: #666666;
    font-style: italic;
    width: 100%;
    overflow: hidden;
    font-size: 18px;
    margin: 16px auto;
}
h3 .arrow {
    float: right;
    margin-top: 5px;
}
h3 img {
    display: inline-block;
    margin-right: 11px;
    margin-top: 10px;
}
.job-list ul li {
    width: 100%;
    overflow: hidden;
    font-size: 16px;
    font-weight: bold;
    padding-top: 0;
    /* padding-left: 30px; */
    padding-bottom: 10px;
}
.job-h1 span {
    float: right;
    font-size: 15px;
    color: #e1faee;
    margin-right: 20px;
    font-weight: normal;
}
.job-h1 img {
    display: inline-block;
    margin-right: 16px;
    margin-left: 30px;
}
.job-list ul li img {
    float: right;
    margin-top: -2px;
    /* width: 194px; */
    display: block;
}