*{padding:0; margin:0;}
.bgan_01{z-index: 9999;}
.science01 {
    overflow: hidden;
    padding-top: .4rem;

}
*:focus{outline: none;}
img{display: block;}
.science01 dl{width: 100%; display: flex; clear: both; background: #fff; padding: .3rem;border-radius: .15rem; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.science01 dt{width: 45%; background: #f8f8f8; padding: .6rem .45rem; border-radius: .15rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.science01 dt img{width: 100%;}
.science01 dd{width: calc(55% - .9rem); margin:0 .3rem 0 .6rem;}
.science01 dd .date1{ width: 100%; display: flex; align-items: center; font-size: .32rem; color: #57a75a;}
.science01 dd .date1 i{ margin-right: .28rem;}
.science01 dd .date1>img{ width:.24rem; }
.science01 dd .scrollcon1{ font-size: .18rem; line-height: 1.77; color: #666; margin-top: .4rem;}
.science01 ul{width: 100%; display: flex; flex-wrap: wrap;}
.science01 ul li{width:48.5%;overflow: hidden;position:relative;;padding:.3rem 0 .3rem .3rem;margin-top:.4rem;background-color:#fff;border-radius:.1rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; margin-right: 3%; display: flex;}
.science01 ul li:nth-child(2n){margin-right: 0;}
.science01 ul li .s_img1{width: 45%; background: #f8f8f8; padding: .1rem; border-radius: .15rem;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.science01 ul li .s_img1 img{width: 100%;}
.science01 ul li::before{content:"";width:100%;height:.05rem;display:block;overflow:hidden;background-color:#57a75a;position:absolute;left:0px;bottom:-.05rem;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
.science01 ul li:hover::before{bottom:0px;}
.science01 ul li .intro{width: calc(55% - .5rem); margin:0 0 0 .5rem;position:relative;}
.science01 ul li .intro .date1{ width: 100%; display: flex; align-items: center; font-size: .32rem; color: #57a75a;}
.science01 ul li .intro .date1 i{ margin-right: .28rem;}
.science01 ul li .intro .date1>img{ width:.24rem; }
.science01 ul li .intro .scrollcon2{width: 100%;position:relative; height: 3.1rem;}
.science01 ul li .intro .scrollcon_01{width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;}

.science01 ul li .intro .scrollcon_inner{position:absolute; width: 100%; height: 100%; overflow-y: auto;font-size: .18rem; line-height: 1.77; color: #666; margin-top: .3rem; padding-right: .4rem;;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.science01 ul li .intro .scrollcon_inner p{ text-align: justify;}
.joinnavfr,.joinsubfr{ background: #fff;}
.joinnavfr ul{background: url("../images/line.png") bottom center repeat-x;  padding-bottom: .2rem; margin-bottom: .2rem; overflow: visible;}
.joinnavfr ul li a {
    color: #333;
    padding: 0;
}
.joinnavfr ul li.on{position: relative; }

.joinnavfr ul li.on a:before{ content: ''; width: 100%; height: .05rem; position: absolute; left: 0; bottom: -.21rem;background-image:-webkit-linear-gradient(left,#5db456,#1c2985); z-index: 999; }
.joinnavfr ul li.on a{color: #4a8f4e;}
.join01 {
    overflow: hidden;
    padding: 1.2rem 0 1.6rem;
    clip-path:polygon(100% 0%, 100% 90%, 0% 100%, 0% 0%);-webkit-clip-path:polygon(100% 0%, 100% 90%, 0% 100%, 0% 0%);
    background: #fff;

}
.ours-main {

    position: relative;
    width:100%;
    margin:0 auto;

}

.swiper3{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.swiper3 .swiper-wrapper{
    width: 100%;
}
.swiper3 .swiper-slide  {
    text-align: center;
    width: 80%;
    max-width: 7.49rem;


}




.swiper3  .swiper-slide-active{
    z-index: 999 !important;
}
.swiper3  .swiper-slide-active .swbox1 h3{
    display: block;
}


.swbox1{ width: 100%;padding-bottom: .2rem;}
.imgintro{position: relative;border-radius: .1rem; overflow: hidden; box-shadow: 0 .05rem .1rem rgba(120,120,120,.3);}
.imgintro:before{ width: 100%; height: 100%; position: absolute; left: 0; top:0; background: rgba(255,255,255,.6); z-index: 2; content: '';}
.imgintro>img{ width: 100%; display: block;}
.swiper3  .swiper-slide-active .imgintro:before{ display: none;}

.pagebox{ display: flex; justify-content: space-between;}
.join_b{font-size: .2rem; color: #333; padding: 0 .4rem; display: flex; align-items: flex-start;}
.join_b>i{ font-size: .6rem; color: #5db456;line-height: 1;  font-family: Helvetica; font-weight: bold;}
.swiperjoin-prev img:nth-child(2),.swiperjoin-next img:nth-child(2){display: none;}
.swiperjoin-prev:hover img:nth-child(2),.swiperjoin-next:hover img:nth-child(2){display: block;}
.swiperjoin-prev:hover img:nth-child(1),.swiperjoin-next:hover img:nth-child(1){display: none;}
.rlbox{display: flex;}
.swiperjoin-prev{ margin-right: .2rem;}
.swiperjoin-prev img,.swiperjoin-next img{ width: .5rem;}
.activeNum{position: absolute; top:-1.3rem; left:calc(50% + 2.4rem); font-size:1.9rem; font-family: Helvetica; z-index: 9;background-image:-webkit-linear-gradient(top left,#5db456,#1c2985);

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent; font-weight: bold;  }
.job_list{ width: 100%; margin-top: .6rem;}
.job_list h3{text-align: center; font-size: .42rem; color: #000;}
.job_item { width: 100%; box-sizing: border-box; background: #fff; padding: .3rem .5rem; margin-top:.2rem;margin-bottom: 0; border-radius: 5px; transition: all .3s linear; border-radius: .2rem;}

.job_title{ display: flex; align-items: center;}
.job_l1{ width: calc(100% - .4rem);}
.job_l1 h4{ display: flex; align-items: center; font-size: .24rem; color: #000;}
.job_l1 h4>i{ display: block; margin-right: .2rem;}
.job_l1 p{ line-height: .36rem; }
.job_l1 p.p1{font-size: .2rem;  color: #999; }
.job_l1 p.p1 span{margin-right: .3rem;}
.job_l1 p.p2{font-size: .24rem;  color: #222; }
.job_l1 p.p2 span{ margin-left: .5rem;}
.job_r1{ font-size: .2rem; color:#222; white-space: nowrap;display: flex; align-items: center; width: 1.1rem; justify-content: space-between;}
.job_r1 i{margin-left: .1rem;}
.job_r1>img{ max-width: 100%;}
.job_list h4 span.time img{ margin-right: 10px;}
.job_detail{  padding: .3rem 0; display: none; border-top:solid #ddd 1px; margin-top: .2rem; width: 100%; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; width: 100%; }
.job_detail .job_con{ float: left; width: 49%;border-right: solid #ddd 1px; box-sizing: border-box;}
.job_detail>.job_con:nth-child(2){ padding-left: .44rem; width: calc(50% - .44rem); border-right: none;}
.job_detail .hremail{ width: 100%; clear: both;  }
.job_detail .hremail p{padding:.3rem 0 0;font-size: .2rem; color: #1c2886;}
.job_detail h6{ font-size:.18rem; padding: .1rem 0; }
.job_detail p{ line-height: 1.77; font-size: .18rem; color: #888;}

@media screen and (max-width: 750px){
    .join01 {
        overflow: hidden;
        padding: .1rem 0 .4rem;
        clip-path:polygon(100% 0%, 100% calc(100% - .3rem), 0% 100%, 0% 0%);-webkit-clip-path:polygon(100% 0%, 100% calc(100% - .3rem), 0% 100%, 0% 0%);
        background: #fff;

    }
    .join_b {
        font-size: .16rem;
        padding: 0 .2rem;
    }
    .join_b > i {
        font-size: .24rem;
    }
    .job_list h3 {
        font-size: .2rem;
    }
    .activeNum{display: none;}
    .swiperjoin-prev img, .swiperjoin-next img {
        width: .3rem;
    }
    .job_list{margin-top: .1rem;}
    .job_item{margin-top: .2rem; padding: .2rem;}
    .job_l1 h4{font-size: .16rem;}
    .job_l1 p.p1{font-size: .14rem;}
    .job_l1 p.p1 span{margin-right: .1rem;}
    .job_r1{font-size: .12rem; width: .7rem;}
    .job_r1>i>img{max-height: .12rem; max-width: .12rem;}
    .job_detail .job_con{float: none; width: 100%; border-right: none;}
    .job_detail h6{font-size: .16rem;}
    .job_detail p {font-size: .14rem; line-height: 1.5;}
    .job_detail > .job_con:nth-child(2){padding-left: 0; width: 100%;}
    .job_detail .hremail p {
        padding: .1rem 0 0;
        font-size: .16rem;
    }
    .job_detail{padding: .1rem 0; margin-top: .1rem;}
    .science01 dl {
        flex-wrap: wrap;
        padding: .2rem;
    }
    .science01 dt{width: 100%;padding: .2rem;}
    .science01 dd{width: 100%; margin:.2rem 0 0;}
    .science01 dd .date1{font-size: .2rem;}
    .science01 dd .date1 i{margin-right: .1rem;}
    .science01 dd .date1 i img{max-height: .18rem;}
    .science01 dd .scrollcon1{font-size: .14rem; margin-top: .1rem; line-height: 1.5;}
    .science01 ul li{width: 100%; margin-right: 0;margin-top: .2rem; padding: .2rem 0 .2rem .2rem;}
    .science01 ul li .intro .date1 {
        font-size: .2rem;
    }
    .science01 ul li .intro .date1  i img{max-height: .18rem;}
    .science01 ul li .intro .date1 i{margin-right: .1rem;}
    .science01 ul li .intro {
        width: calc(55% - .2rem);
        margin: 0 0 0 .2rem;
        position: relative;
    }
    .science01 ul li .intro .scrollcon2{ height: 2rem; padding-bottom: .2rem;margin-top: .1rem;}
    .science01 ul li .intro .scrollcon_inner{margin-top: 0; padding-right: .2rem;font-size: .14rem; line-height: 1.5;}
    .joinnavfr ul li{width:32%;}
}