﻿.banner {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.banner img{
    width:100%;
    vertical-align:top;
}
.path {
   overflow:hidden;
   font-size:0.16rem;
   height:0.6rem;
   line-height:0.6rem;
   padding-top:0.2rem;
}
.path .txt{
   float:right;
}
.gsjj {
    overflow:hidden;
    padding-bottom:0.7rem;
}
.gsjj .slt{
    float:left;
    width:37.5%;
}
.gsjj .slt img{
    width:100%;
    vertical-align:top;
}
.gsjj .intro{
    float:right;
    width:60.625%;
}
.gsjj .intro .tit{
    width:35%;
    height:1rem;
    margin-bottom:0.2rem;
}
.gsjj .intro .tit img{
    width:100%;
    vertical-align:top;
}
.gsjj .intro .txt{
    padding-left:3%;
    font-size:0.18rem;
    line-height:0.26rem;
    color:#000000;
    text-align: justify;
}
.our_advantage {
    width: 100%;
    overflow: hidden;
}
.our_advantage img{
    width:100%;
    vertical-align:top;
}
.qywh {
    padding:1.05rem 0;
    background:#e6e6e6;
    overflow:hidden;
}
.qywh .xiangqing{
    overflow:hidden;
    background:#fff;
    height:4.35rem;
    box-shadow: 0 0 0.2rem #c4c4c4;
}
.qywh .left {
    float: left;
    width: 50%;
    background:url(../web_images/qiye_13.jpg)no-repeat;
    background-color:#fff;
    background-size:1.3% 100%;
    background-position:left top;
    height:4.35rem;
}
.qywh .left .txt{
    padding:0.5rem 7%;
    font-size:0.18rem;
    line-height:0.45rem;
}
.qywh .right{
    float:right;
    width:50%;
}
.qywh .right img{
    height:4.35rem;
    width:100%;
}
.notes {
    padding:0.75rem 0 0.55rem 0;
    background:#fff;
}
.notes .en_tit{
    width:37.5%;
    margin:0 auto;
    font-size:0;
}
.notes .en_tit img{
    width:100%;
    vertical-align:top;
}
.notes .cn_tit{
    font-size:0.35rem;
    text-align:center;
    margin-bottom:0.5rem;
}
.notes .note_list{
    width:100%;
    display:flex;
    justify-content:space-between;
    /*white-space:nowrap;*/
    overflow-x: scroll;
    overflow-y: hidden;
}
.note_list::-webkit-scrollbar {/*滚动条整体样式*/
        width: 1rem;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 0.1rem;
}

.note_list::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 0.1rem;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: #5f36eb;
    }

.note_list::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 0.1rem;
        background: #EDEDED;

}
.notes .note_list ul{
    display:flex;
    justify-content:space-between;
    padding-bottom:0.6rem;
}
.notes .note_list ul li{
    width:3rem;
    margin-right:0.45rem;
    min-height:1.58rem;
    border:solid #d7d7d7 1px;
    border-radius:0.1rem;
    overflow:hidden;
    padding:0.25rem;
}
.notes .note_list ul li .date{
    height:0.28rem;
    line-height:0.28rem;
    background:url(../web_images/icon_07.png)no-repeat;
    background-size:7.5% 100%;
    background-position:left center;
    font-size:0.24rem;
    font-weight:bold;
    padding-left:10%;
    margin-bottom:0.2rem;
}
.notes .note_list ul li .intro{
    width:3rem;
    font-size:0.18rem;
    line-height:0.28rem;
    overflow:hidden;
}
.team {
    background: url(../web_images/team_bj_24.jpg)no-repeat;
    background-size: 100% 100%;
    padding: 0.7rem 0;
}
.team .en_tit{
    width:21.875%;
    margin:0 auto;
    font-size:0;
    margin-bottom:0.1rem;
}
.team .en_tit img{
    width:100%;
}
.team .cn_tit{
    font-size:0.35rem;
    text-align:center;
    color:#fff;
    margin-bottom:0.5rem;
}
.team .team_list{
    overflow:hidden;
}
.team .team_list ul{
    overflow:hidden;
}
.team .team_list ul li{
    float:left;
    width:31.75%;
    margin-right:2.1%;
}
.team .team_list ul li.last{
    margin-right:0;
}
.team .team_list ul li .slt{
    width:100%;
    font-size:0;
    margin-bottom:0.2rem;
}
.team .team_list ul li .slt img{
    width:100%;
    height:2.9rem;
    vertical-align:top;
}
.team .team_list ul li .txt_box{
    overflow:hidden;
}
.team .team_list ul li .txt_box .tit_box{
    float:left;
    width:32.6%;
    height:0.95rem;
    border:solid #fff 1px;
    display: flex;
    flex-direction:column;
    align-items: center;
    flex-wrap:wrap;
    justify-content:center;
}
.team .team_list ul li .txt_box .tit_box .bumen{
    font-size:0.22rem;
    text-align:center;
    color:#fff;
    /*width:100%;*/
}
.team .team_list ul li .txt_box .tit_box .bumen_en{
    font-size:0.16rem;
    text-align:center;
    color:#fff;
    /*width:100%;*/
}
.team .team_list ul li .txt_box .intro{
    float:right;
    font-size:0.18rem;
    line-height:0.32rem;
    color:#fff;
    width:63%;
}
.slideBox {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.slideBox .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}
.slideBox .bd li {
    zoom: 1;
    vertical-align: middle;
}
.slideBox .bd img {
    width: 100%;
    height: 100%;
    display: block;
}
.slideBox .hd {
    display:none;
}
.slideBox .wenzi{
    width:19.5%;
    position:absolute;
    left:10%;
    top:0.9rem;
    z-index:999;
}
.slideBox .wenzi img{
    width:100%;
    height:auto !important;
}
 .slideBox .next {
     display: block;
     width:1.33rem;
     height:2.64rem;
     position:absolute;
     right:0;
     top:35%;
     z-index:999;
}
.slideBox .next img{
    width:100%;
    vertical-align:top;
     height:auto !important;
}
.slideBox .prev{
     display: block;
     width:1.33rem;
     height:2.64rem;
     position:absolute;
     left:0;
     top:35%;
     z-index:999;
 }
.slideBox .prev img{
    width:100%;
    vertical-align:top;
     height:auto !important;
}





.sj_banner{ vertical-align:top;}
.sj_aboutus{ padding:.18rem;}
.sj_aboutus .tit{ font-size:.32rem; font-weight:bold; color:#000; margin-bottom:.1rem; text-align:center;}
.sj_aboutus .txt{ font-size:.24rem; color:#929292; margin-bottom:.2rem; text-align:center;}
.sj_aboutus .cont{ font-size:.24rem; text-align:justify; padding-bottom:.2rem;}
.sj_aboutus .cont img{ max-width:100% !important;}

.sj_advantage{ background:url(/web_images/h5/advantage_bg.jpg)no-repeat center top #f0eeff; padding:.18rem; background-size:contain;}
.sj_advantage .nav_img{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.sj_advantage .nav_img li{ width:48%; line-height:0; margin-bottom:.25rem; position:relative;}
.sj_advantage .nav_img li .img_shadow_1{ box-shadow:rgb(111,132,234,.4) 0 .2rem .2rem;}
.sj_advantage .nav_img li .img_shadow_2{ box-shadow:rgb(253,111,88,.4) 0 .2rem .2rem;}
.sj_advantage .nav_img li .img_shadow_3{ box-shadow:rgb(19,203,247,.4) 0 .2rem .2rem;}
.sj_advantage .nav_img li .img_shadow_4{ box-shadow:rgb(251,170,178,.4) 0 .2rem .2rem;}
.sj_advantage .nav_img img{ width:100%; height:1.9rem; border-radius:.25rem;}
.sj_advantage .nav_img span{ position:absolute; bottom:0; left:0; font-size:.24rem;line-height:.32rem; color:#fff; text-align:center; width:100%; margin-bottom:.35rem;}

.sj_culture{ background-color:#f0eeff;}
.sj_culture .text{ font-size:.24rem; line-height:.32rem; text-align:center; padding:.4rem 0;}

.sj_events{ background:url(/web_images/h5/1_06.jpg)no-repeat center top; padding:.18rem; background-size:cover;}

.sj_teams{ background:url(/web_images/h5/1_07.jpg)no-repeat center top; padding:.18rem; background-size:cover;}
.sj_teams ul{}
.sj_teams ul li{ display:flex; align-items:center; justify-content:space-between;}
.sj_teams ul li img{ width:2.11rem; height:2.45rem;}
.sj_teams ul li:nth-child(2n) img{ float:right;}
.sj_teams .img_1:after{ content:' '; box-shadow:rgb(111,132,234,.4) 0 .2rem .2rem;}
.sj_teams .img_2:after{ content:' '; box-shadow:rgb(111,132,234,.4) 0 .2rem .2rem;}
.sj_teams .img_3:after{ content:' '; box-shadow:rgb(111,132,234,.4) 0 .2rem .2rem;}
.sj_teams ul li .txt{ font-size:.24rem; line-height:.32rem; width:3.6rem; margin-left:.4rem;}
.sj_teams ul li:nth-child(2n) .txt{ text-align:right; margin-right:.4rem;}

.sj_corporate{ padding:.18rem;}
.sj_corporate ul li{ line-height:0; margin-bottom:.2rem;}
.sj_corporate ul li img{ width:100%;}
.sj_corporate .more_btn{ background:url(/web_images/h5/btn_bg_2.jpg)repeat-y; background-size:contain; color:#fff; font-size:.22rem; width:3.11rem; height:.47rem; line-height:.47rem; display:block; text-align:center; border-radius:.47rem; margin:.2rem auto .4rem;}

.sj_corporate .more_btn.nomore{ background:none #7b7b7b;}

