.cwgw-container{
    padding-top: 80px;
}
.cwgw-banner{
    width: 100%;
    height: 500px;
    background:url(../img/cwsl/cwsl-banner.png) center center no-repeat;
    background-size: cover;
}
.cwgw-content{
    width: 1200px;
    margin:0 auto;
}
.top-button > a:last-child{
    background:linear-gradient(90deg, #006CDE 0%, #00A7EC 100%)
}
.cwgw-content > p {
    width: 766px;
    letter-spacing: 0;
    line-height:21px;
}
.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:#fff;
}
.cwgw-main-2-wrapper{
    width: 1200px;
    margin:0 auto;
    padding-top: 90px;
    padding-bottom: 43px;
}
.cwgw-main-2-wrapper h3{
    margin:0 auto;
    padding-bottom: 60px;
    font-size: 30px;
    font-weight: bold;
    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: 383px;
    height: 198px;
    margin: 0 25px 26px 0;
    background:#F7F8FA;
    transition: box-shadow 0.25s ease
}
.cwgw-main-2-list li:hover{
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.15);
}
.cwgw-main-2-list li:nth-child(3) {
    margin-right:0
}
.main-2-top {
    display:flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 32px;
    padding-top: 41px;
}
.main-2-top img {
    width: 34px;
    height: 31px;
    margin-right:10px;
}
.main-2-top h4{
    color:#333;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 22px;
}
.main-2-bottom p{
    text-align:center;
    padding:0 26px 0 28px;
    font-size: 18px;
    color: #666666;
    line-height: 26px;
}
.cwgw-main-2-list li:nth-child(6) {
    margin-right:0
}
.cwsl-main-3{
    height: 786px;
    background:url(../img/cwsl/scene.png) center center no-repeat;
    background-size: cover;
    font-size: 0;
}
.cwsl-main-5{
    height: 276px;
    background:url(../img/cwsl/service-step.png) center center no-repeat;
    background-size: auto 100%;
    font-size: 0
}
.cwsl-main-4{
    background:#fff;
}
.cwsl-main-4-wrapper{
    width: 1200px;
    margin:0 auto;
    padding-top: 95px;
    padding-bottom: 140px;
}
.cwsl-main-4-wrapper h2{
    text-align:center;
    font-size: 30px;
    color:#333;
    font-weight:bold;
    margin-bottom: 18px;
}
.cwsl-main-4-wrapper > p{
    text-align:center;
    font-size: 20px;
    color:#666;
    margin-bottom: 60px;
}
.main-4-box{
    display:flex;
    justify-content: center;
}
.main-4-box > div{
    position:relative;
    width: 326px;
    height: 430px;
    margin-right: 50px;
    transition:all 0.25s ease;
    padding: 0 26px;
}
.main-4-box > div:nth-child(1) {
    background:url(../img/cwsl/box-1.png) center center no-repeat;
    background-size: 100% 100%;
}
.main-4-box > div:nth-child(2) {
    background:url(../img/cwsl/box-2.png) center center no-repeat;
    background-size: 100% 100%;
}
.main-4-box > div:nth-child(3) {
    background:url(../img/cwsl/box-3.png) center center no-repeat;
    background-size: 100% 100%;
    margin-right: 0;
}
.main-4-box > div:nth-child(1):hover {
    background:url(../img/cwsl/box-1-hover.png) center center no-repeat;
    background-size: 100% 100%;
}
.main-4-box > div:nth-child(2):hover {
    background:url(../img/cwsl/box-2-hover.png) center center no-repeat;
    background-size: 100% 100%;
}
.main-4-box > div:nth-child(3):hover {
    background:url(../img/cwsl/box-3-hover.png) center center no-repeat;
    background-size: 100% 100%;
    margin-right: 0;
}
.main-4-box-content{
    color:#fff;
    position:absolute;
    top: 279px;
    transition: top 0.5s ease;
}
.main-4-box > div:hover .main-4-box-content {
    top: 148px;
}
.main-4-box > div:hover .main-4-box-content ul {
    opacity: 1
}
.main-4-box > div:hover .main-4-box-content h3 {
    margin-bottom: 50px;
}
.main-4-box-content h3{
    width: 200px;
    height: 46px;
    text-align:center;
    line-height: 46px;
    border-radius: 7px;
    margin:0 auto;
    margin-bottom: 26px;
    border: 1px solid #fff;
    padding: 0 36px;
    transition: margin-bottom 0.5s ease
}
.line-content {
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 35px;
    padding: 0 36px;
}
.line-content .line {
    width: 49px;
    height: 1px;
    background:#fff;
    margin-top:0;
}
.main-4-box-content ul{
    transition: opacity 0.8s ease;
    margin-left: 20px;
    opacity: 0
}
.main-4-box-content li{
    list-style: outside;
    width: 260px;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 0px;
}