*{
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: "微软雅黑";
}
html,body{
    height: 100%;
}
a{
    text-decoration: none;
    color:#000;
}
html{
    font-size: 0.83vw;
}
/* header */
header{
    width: 100%;
    height:43.125rem;
    background:url(wc_stwmLogo.png) no-repeat;
    background-size: cover;
    margin-bottom: 3rem;
    position: relative;
}
header span{
    display: inline-block;
    width: 7.625rem;
    height: 3.0625rem;
    text-align: center;
    line-height: 3.125rem;
    background-color: #609cc6;
    position: absolute;
    top: 0;
    right: 22.5rem;
    font-size: 1rem;
    color: #fff;
    border-bottom-left-radius:0.3125rem;
    border-bottom-right-radius:0.3125rem ;
}
#stwm_box1{
    width: 75rem;
    margin: auto;
    height: 23.1875rem;
    margin-bottom: 3.0625rem;
    display: flex;
}
.scroll_box{
    width: 38.75rem;
    position: relative;
    overflow: hidden;
    margin-right: 1.75rem;
    margin-right: 2rem;
}
.scroll_box>ul{
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
}
.scroll_box>ul li{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.pre{
    width: 2.625rem;
    height: 4.3125rem;
    position: absolute;
    left: 0;
    top:9rem;
    background: url(scroll_boxImg.png) no-repeat ;
    background-size: cover;
    display: none;
}
.nex{
    width: 2.625rem;
    height: 4.3125rem;
    position: absolute;
    right: 0;
    top:9rem;
    background: url(scroll_boxImg.png) no-repeat  ;
    background-size:cover;
    background-position: -2.625rem;
    display: none;
}
.scroll_box>ul li img{
    width: 38.75rem;
    height: 23.1875rem;
}
.scroll_box>ul li:hover img{
    transform: scale(1.1,1.1);
}
.scroll_box>ul li p{
    position: absolute;
    height: 2.9375rem;
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    line-height:2.9375rem ;
    color: #fff;
    font-size: 1rem;
    width: 100%;
    padding-left: 12px;
    box-sizing: border-box;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.scroll_box>div{
    position: absolute;
    display: flex;
    bottom: 1.1875rem;
    right: 1.1875rem;
    z-index: 99;
}
.scroll_box>div span{
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-color: #fff;
    margin-right: .625rem;
}
.scroll_box>div .isselect{
    background-color: #215fea;
}
.box1_title{
    flex: 1;
    display: flex;
    flex-direction: column;
}
.stwm_title1{
    height: 3.4375rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.stwm_title1>div{
    width: 22.75rem;
    display: flex;
    justify-content: space-between;
}
.stwm_title1>div span{
    font-size: 1.375rem;
    color: #006738;
    display: inline-block;
    text-align: center;
    line-height: 3.4375rem;
    font-weight: 700;
    font-style: italic;
}
.title1T{
    background: url(stwm_titleImg1.png) no-repeat;
    background-size:100%;
    height: 3.4375rem;
    width: 12.25rem;
}
.title2T{
    background: url(stwm_titleImg1.png) no-repeat;
    background-size:100%;
    /* width: 13rem; */
    /* height: 3.4375rem; */
    font-size: 1rem !important;
    /* line-height:  1rem !important; */
    padding: 3px 18px;
}
.stwm_title1 .isshowbox{
    width: 27rem;
    display: flex;
    justify-content: space-between;
}
.stwm_title1>a{
    color: #666;
    font-size: .875rem;
}
.box1_title article{
    flex: 1;
}
.box1_ul{
    display: flex;
    flex-direction: column;
}
.box1_ul li{
    height: 9.625rem;
    border-bottom: 1px dashed #62af2b;
}
.box1_ul li>a>span{
    height: 2rem;
    line-height: 1.5rem;
    font-size: 1.125rem;
    color: #333;
    font-weight: 700;
}
.box1_ul li>div>p>a{
    font-size: 1rem;
    line-height: 1.75rem;
    color: #666;
}
.box1_ul li>div>p>span{
    font-size: 1rem;
    line-height: 1.75rem;
    height: 1.75rem;
    display: inline-block;
    color: #62af2f;
    position: relative;
    margin-left: 3.75rem;
    float: right;
}
.box1_ul li>div>p>span>img{
    width: 1.25rem;
    position: absolute;
    left: -1.45rem;
    top: .25rem;
}
#stwm_box2{
    height:37.5rem ;
    background:url(stwm_box2Img.png) no-repeat;
    background-size: cover;
    margin-bottom: 2.5rem;
}
#stwm_box2>article{
    width: 75rem;
    margin: auto;
    height: 100%;
    padding-top:2.125rem ;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box
}
#stwm_box2>article div{
    width: 36.625rem;
    display: flex;
    flex-direction: column;
}
#stwm_box2>article div>span{
    height: 4.125rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.25rem;
}
#stwm_box2>article div>span>div{
    height: 1.625rem;
    width: 4.375rem;
    background-color: #62af2b;
    border-radius: .3125rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
#stwm_box2>article div>span>div p{
    color: #fff;
    font-size: .875rem;
    font-family: "宋体";
}
#stwm_box2>article div>span>img{
    height: 4.125rem;
}
#stwm_box2>article div>ul{
    flex: 1;
}
#stwm_box2>article div>ul li{
     height: 5.75rem;
     margin-top: 1.1875rem;
     background-color: rgba(255, 255, 255, 0.2);
     border:1px solid #83ca2f ;
     box-sizing: border-box;
     display: flex;
     flex-direction: column;
     justify-content: center;
     padding-left: 1.125rem 
}
#stwm_box2>article div>ul li>a{
    font-size: 1.125rem;
    margin-bottom: 0.2rem;
    color: #333;
}
#stwm_box2>article div>ul li>span{
    height: 1.25rem;
    display: flex;
    align-items: center;
    font-size: 1rem;
    color: #62af2f;
}
#stwm_box2>article div>ul li>span img{
    width: 1.25rem;
    margin-right: .375rem;
    
}
#stwm_box3{
    width: 75rem;
    height: 23.5rem;
    margin: auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 3rem;
}
#stwm_box3>div{
    width: 36.3125rem;
    display: flex;
    flex-direction: column;
}
#stwm_box3>div>article{
    margin-top: .75rem;
    flex: 1;
}
#stwm_box3>div>article ul li{
    height: 4.875rem;
    box-sizing: border-box;
    border-bottom: .0625rem dashed #62af2b;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .3125rem;
}
#stwm_box3>div>article ul li>a{
    display: flex;
    align-items: center;
    width: calc(100% - 8rem) ;
}
#stwm_box3>div>article ul li>a>p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.125rem;
    color: #333;
}

#stwm_box3>div>article ul li>a::before{
    content: "";
    display: inline-block;
    width: .625rem;
    height: .625rem;
    border-radius: 50%;
    border:  .0625rem solid #62af2b;
    box-sizing: border-box;
    margin-right: .625rem;

}
#stwm_box3>div>article ul li>span{
    width: 8rem;
    display: flex;
    align-items: center;
    color: #999;
    font-size: 1rem;
   
}
#stwm_box3>div>article ul li>span img{
    width: 1.25rem;
    margin-right: .375rem;
}
#stwm_box4{
    height: 24.375rem;
    background: url(stwm_box4Img.png) no-repeat;
    background-size: cover;
}
#stwm_box4>div{
    width: 75rem;
    height: 100%;
    margin: auto;
    padding-top: 2.625rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin-bottom: 2.5rem;
}
#stwm_box4>div>div{
    height: 8.4375rem;
    display: flex;
    justify-content: space-between;
}
#stwm_box4>div>div img{
    width: 36.25rem;
}
#stwm_box4>div>a img{
    margin-top: 1.875rem;
    width: 100%;
}
#stwm_box1  ul:nth-child(2){
    display: none;
}
#stwm_box3  ul:nth-child(2){
    display: none;
}
@media screen and (max-width:1200px){
    header span{
        width: 60px;
        height: 20px;
        line-height: 20px;
        border-bottom-left-radius:5px;
        border-bottom-right-radius:5px ;
        font-size: 12px;
    }
    #stwm_box1{
        flex-direction: column;
        width: 80%;
        height: 440px;
        align-items: center;
        font-size: 12px;
    }
    .scroll_box{
        width: 80%;
        height:120px;
        margin-right: 0px;
        margin-bottom: 15px;
        font-size: 12px;
    }
    .scroll_box>ul li img {
        width: 100%;
        font-size: 12px;
        height: 120px;
    }
    
    .scroll_box>ul li p {
        bottom:0px;
        height: 15.625px;
        line-height: 15.625px;
        font-size: 12px;
    }
    .box1_title{
        width: 80%;
    }
    .stwm_title1 {
        height:25px;
        margin-bottom: 10px;
        font-size: 12px;
    }
    .stwm_title1>div {
        width: 70%;
        height:25px;
        font-size: 12px;
    }
    .title1T {
        height:25px;
        width:90px;
        font-size: 12px;
    }
    .stwm_title1>div span {
        font-size: 13px;
        line-height: 25px;
        font-size: 12px;
    }
    .box1_ul li {
        height: 120px;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
    }
    .stwm_title1 > a {
        font-size: 12px;
    }
    .box1_ul li > a > span {
        font-size: 13px;
    }
    .box1_ul li > div > p > a {
        font-size: 12px;
    }
    .box1_ul li > div > p > span {
        font-size: 12px;
        float: right;
    }
    .box1_ul li > div > p > span > img {
        width: 10px;
        left: -13px;
        top: -1px;
    }
    #stwm_box2 {
        height: 780px;
        background-size: cover;
    }
    #stwm_box2 > article {
       flex-direction: column
    }
    #stwm_box2 > article div {
        width:100%;
    }
    #stwm_box2 > article div > span {
        height: 25px;
        
    }
    #stwm_box2 > article div > span > img {
        height: 25px;
    }
    #stwm_box2 > article div > span > div {
        height:20px;
        width: 50px;
        border-radius: 5px;
    }
    #stwm_box2 > article div > span > div p {
       font-size: 12px;
    }
    #stwm_box2 > article div > ul li > a {
        font-size: 13px;     
    }
   
    #stwm_box2 > article div > ul li {
        height: 80px;
      
    }
    #stwm_box2 > article div > ul li > span {
        height: 20px;
        font-size: 12px;
        justify-content: flex-end;
        margin-right: 5px;
    }
    #stwm_box2 > article div > ul li > span img {
        width: 10px;
    }
    #stwm_box3 {
       flex-direction: column;
       width:80%;
       height: 450px;
    }
    #stwm_box3 > div {
        width: 100%;
        margin-top: 15px;
    }
    .stwm_title1 .isshowbox {
        width: 250px;
        height: 100%;
        display: flex;
        align-items: center;
    }
    .title2T {
        /* width: 130px; */
        /* height: 35px; */
        font-size: 12px !important;
        line-height: 35px !important;
        background-size: cover;
    }
    #stwm_box3 > div > article ul li {
        height: 40px;
        border-bottom: 1px dashed #62af2b;

    }
    #stwm_box3>div>article ul li>a{
        display: flex;
        align-items: center;
        width: calc(100% - 80px) ;
    }
    #stwm_box3 > div > article ul li > a >p {
        font-size: 12px;
    }
    #stwm_box3 > div > article ul li > a::before {
        width: 5px;
        height: 5px;
        margin-right: 5px;
    }
    #stwm_box3 > div > article ul li > span {
        width: 80px;
        font-size: 12px;
    }
    #stwm_box3 > div > article ul li > span img {
        width: 10px;
    }
    #stwm_box4{
        height: 220px;
    }
    #stwm_box4>div{
        width: 80%;
        margin-bottom: 20px;
    }
    #stwm_box4>div>div{
        flex-direction: column;
        height: 180px;
    }
    #stwm_box4>div>div img{
        width: 100%;
    }
    #stwm_box4 > div > a img {
        width: 100%;
        height: 60px;
    }
}