.cwgw-container{
    padding-top: 80px;
}
.cwgw-banner{
    width: 100%;
    height: 500px;
    background:url(../img/cwgw/cwgw-banner.png) center center no-repeat;
    background-size: cover;
    margin-bottom: 83px;
}
.cwgw-content{
    width: 1200px;
    margin:0 auto;
}
.top-button > a:last-child{
    background:linear-gradient(90deg, #006CDE 0%, #00A7EC 100%)
}
.cwgw-main-1{
    background:#fff;
}
.cwgw-main-1-wrapper{
    width: 1200px;
    margin: 0 auto;
    display:flex;
    justify-content: space-between;
    padding-bottom: 100px;
}
.cwgw-main-1-wrapper-left{
    padding-top: 85px;

}
.cwgw-main-1-wrapper-left .sb-line{
    margin-bottom: 38px;
}
.cwgw-main-1-wrapper-left h3{
    color:#333;
    font-weight: bold;
    padding-bottom: 26px;
    font-size: 30px;
}
.cwgw-main-1-wrapper-left p{
    width: 629px;
    word-break: break-word;
    font-size: 14px;
    color:#666;
    line-height: 26px;
    padding-bottom: 50px;

}

.cwgw-main-1-wrapper-right{
    width: 492px;
    height: 431px;
    background:url(../img/cwgw/whatiscwgw.png) center center no-repeat;
    background-size: 492px 431px;
}
.cwgw-main-2{
    background:#F7F8FA;
}
.cwgw-main-2-wrapper{
    width: 1200px;
    margin:0 auto;
    padding-top: 44px;
    padding-bottom: 43px;
}
.cwgw-main-2-wrapper h3{
    margin:0 auto;
    padding-bottom: 18px;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align:center;
}

.cwgw-main-2-wrapper .sb-line{
    margin:0 auto;
    margin-bottom: 57px;
}
.cwgw-main-2-list{
    display:flex;
    flex-wrap: wrap;
}
.cwgw-main-2-list li {
    flex: 0 0 auto;
    width: 588px;
    height: 148px;
    margin: 0 24px 22px 0;
    font-size:0;
    border-radius: 9px;
}
.cwgw-main-2-list li:hover{
    box-shadow: 0 2px 21px rgba(0,0,0,.1)
}
.cwgw-main-2-list li:nth-child(even) {
    margin-right: 0 !important
}
.cwgw-main-2-list li:nth-child(1) {
    background:url(../img/cwgw/main-2-1.png) center center no-repeat;
    background-size: 588px 148px;
}
.cwgw-main-2-list li:nth-child(2) {
    background:url(../img/cwgw/main-2-2.png) center center no-repeat;
    background-size: 588px 148px;
}
.cwgw-main-2-list li:nth-child(3) {
    background:url(../img/cwgw/main-2-3.png) center center no-repeat;
    background-size: 588px 148px;
}
.cwgw-main-2-list li:nth-child(4) {
    background:url(../img/cwgw/main-2-4.png) center center no-repeat;
    background-size: 588px 148px;
}
.cwgw-main-2-list li:nth-child(5) {
    background:url(../img/cwgw/main-2-5.png) center center no-repeat;
    background-size: 588px 148px;
}
.cwgw-main-2-list li:nth-child(6) {
    background:url(../img/cwgw/main-2-6.png) center center no-repeat;
    background-size: 588px 148px;
}
.cwgw-main-3{
    background:#fff;
}
.cwgw-main-3-wrapper{
    padding-top: 112px;
}
.cwgw-main-3-wrapper h3{
    text-align: center;
    font-size: 30px;
    font-weight:bold;
    color:#333;
    padding-bottom: 20px
}
.cwgw-main-3-wrapper > p{
    text-align: center;
    font-size: 20px;
    color:#666;
    padding-bottom: 48px;
    line-height: 23px;
}
.cwgw-main-3-wrapper-content{
    height: 647px;
    background:url(../img/cwgw/cwgw-main-3-wrapper-content.png) center center no-repeat;
    background-size: 100% 100%;
}
.aspect-wrapper{
    width: 1200px;
    margin:0 auto;
    display:flex;
    color:#fff;
    padding-top: 87px;
}
.aspect-wrapper > div{
    position:relative;
    width: 269px;
    height: 500px;
    border-right: 1px solid #fff;
    opacity: 0.8;
    border-radius: 1px;
    transition: all 0.5s linear;
    padding: 48px 53px 0px 74px;
}
.aspect-wrapper > div.active{
    width: calc(268px + 124px);
}
.aspect-wrapper > div.active div{
    opacity: 1;
}
.aspect-wrapper h4{
    font-size:34px;
    font-weight:bold;
    letter-spacing: 1px;
    padding-bottom: 14px;
}
.aspect-wrapper h5{
    font-size: 22px;
    padding-bottom:10px;
}
.aspect-wrapper h6{
    transition: all 0.5s linear;
    padding-bottom: 24px;
    opacity: 0;
    width: 20em;
}
.aspect-wrapper > div.active h6{
    opacity: 0.72
}
.aspect-wrapper > div > div{
    transition: all 0.5s linear;
    padding-bottom: 70px;
    opacity:0;
    font-size: 14px;
    line-height: 20px;
    width: 267px;
}
.cwgw-main-3-wrapper-content>div>div:last-child{
    border-right: 0;
}
.reverse-btn-1{
    position:absolute;
    left: 70px;
    bottom: 40px;
}
.cwgw-main-4{
    background:#fff;
}

.cwgw-main-4-wrapper{
    width: 1200px;
    margin:0 auto;
    padding-top: 74px;
    padding-bottom: 94px;
}
.cwgw-main-4-wrapper h3{
    margin:0 auto;
    padding-bottom: 18px;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align:center;
}

.cwgw-main-4-wrapper .sb-line{
    margin:0 auto;
    margin-bottom: 58px;
}
.cwgw-main-4-wrapper-box{
    display:flex;
}
.cwgw-main-4-wrapper-box > div{
    width: 222px;
    height: 294px;
    padding: 41px 19px 0px 20px;
    box-sizing:border-box;
    background:#000;
    margin-right: 24px;
}
.cwgw-main-4-wrapper-box > div:last-child{
    margin-right: 0;
}
.cwgw-main-4-wrapper-box .img{
    width: 40px;
    height: 40px;
    margin:0 auto;
    margin-bottom: 26px;
}
.cwgw-main-4-wrapper-box > div{
    color:#666;
    font-size: 16px;
}
.cwgw-main-4-wrapper-box > div:hover{
    color:#1C56A0;
}
.cwgw-main-4-wrapper-box > div .title{
    text-align: center;
    margin-bottom:16px;
    font-size: 16px;
}
.cwgw-main-4-wrapper-box > div .content{
    font-size: 14px;
    line-height: 27px;
    letter-spacing: -1px;
}
.cwgw-main-4-wrapper-box > div:hover .title{
    font-weight: bold;
}
.cwgw-main-4-wrapper-box > div:nth-child(1){
    background:url(../img/cwgw/1-bg.png) center center no-repeat;
    background-size: 100% 100%;
}
.cwgw-main-4-wrapper-box > div:nth-child(2){
    background:url(../img/cwgw/2-bg.png) center center no-repeat;
    background-size: 100% 100%;
}
.cwgw-main-4-wrapper-box > div:nth-child(3){
    background:url(../img/cwgw/3-bg.png) center center no-repeat;
    background-size: 100% 100%;
}
.cwgw-main-4-wrapper-box > div:nth-child(4){
    background:url(../img/cwgw/4-bg.png) center center no-repeat;
    background-size: 100% 100%;
}
.cwgw-main-4-wrapper-box > div:nth-child(5){
    background:url(../img/cwgw/5-bg.png) center center no-repeat;
    background-size: 100% 100%;
}
.cwgw-main-4-wrapper-box > div:nth-child(1):hover{
    background:url(../img/cwgw/1-bg-hover.png) center center no-repeat;
    background-size: 100% 100%;
    box-shadow: 0px 2px 21px 0px #EFF2F5;
}
.cwgw-main-4-wrapper-box > div:nth-child(2):hover{
    background:url(../img/cwgw/2-bg-hover.png) center center no-repeat;
    background-size: 100% 100%;
    box-shadow: 0px 2px 21px 0px #EFF2F5;
}
.cwgw-main-4-wrapper-box > div:nth-child(3):hover{
    background:url(../img/cwgw/3-bg-hover.png) center center no-repeat;
    background-size: 100% 100%;
    box-shadow: 0px 2px 21px 0px #EFF2F5;
}
.cwgw-main-4-wrapper-box > div:nth-child(4):hover{
    background:url(../img/cwgw/4-bg-hover.png) center center no-repeat;
    background-size: 100% 100%;
    box-shadow: 0px 2px 21px 0px #EFF2F5;
}
.cwgw-main-4-wrapper-box > div:nth-child(5):hover{
    background:url(../img/cwgw/5-bg-hover.png) center center no-repeat;
    background-size: 100% 100%;
    box-shadow: 0px 2px 21px 0px #EFF2F5;
}
.cwgw-main-4-wrapper-box > div:nth-child(1) .img{
    background:url(../img/cwgw/1.png) center center no-repeat;
    background-size: 40px 40px
}
.cwgw-main-4-wrapper-box > div:nth-child(2) .img {
    background:url(../img/cwgw/2.png) center center no-repeat;
    background-size: 40px 40px
}
.cwgw-main-4-wrapper-box > div:nth-child(3) .img {
    background:url(../img/cwgw/3.png) center center no-repeat;
    background-size: 40px 40px
}
.cwgw-main-4-wrapper-box > div:nth-child(4) .img {
    background:url(../img/cwgw/4.png) center center no-repeat;
    background-size: 40px 40px
}
.cwgw-main-4-wrapper-box > div:nth-child(5) .img {
    background:url(../img/cwgw/5.png) center center no-repeat;
    background-size: 40px 40px
}
.cwgw-main-4-wrapper-box > div:nth-child(1):hover .img{
    background:url(../img/cwgw/1-hover.png) center center no-repeat;
    background-size: 40px 40px
}
.cwgw-main-4-wrapper-box > div:nth-child(2):hover .img {
    background:url(../img/cwgw/2-hover.png) center center no-repeat;
    background-size: 40px 40px
}
.cwgw-main-4-wrapper-box > div:nth-child(3):hover .img {
    background:url(../img/cwgw/3-hover.png) center center no-repeat;
    background-size: 40px 40px
}
.cwgw-main-4-wrapper-box > div:nth-child(4):hover .img {
    background:url(../img/cwgw/4-hover.png) center center no-repeat;
    background-size: 40px 40px
}
.cwgw-main-4-wrapper-box > div:nth-child(5):hover .img {
    background:url(../img/cwgw/5-hover.png) center center no-repeat;
    background-size: 40px 40px
}