.productInfo {
    position: relative;
}

.productInfo .tabs {
    width: 788px;
    height: 148px;
    background: #FFF;
    box-shadow: 0 5px 11px 0 rgba(204, 204, 204, 0.3);
    border-radius: 8px;
    position: absolute;
    top: 564px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
}

.productInfo .tabs .tab {
    width: 231px;
    height: 96px;
    background: #F8FAFC;
    border-radius: 8px;
    font-size: 16px;
    color: #014482;
    font-weight: 500;
}

.productInfo .tabs .tab:hover {
    cursor: pointer;
}

.productInfo .tabs .tab em {
    width: 40px;
    height: 40px;
    background: url("../img/spirit.png") no-repeat;
    display: block;
    margin: 15px;
}

.productInfo .tabs .tab:nth-of-type(1) em {
    background-position: -42px 0;
}

.productInfo .tabs .tab:nth-of-type(2) em {
    background-position: -42px -42px;
}

.productInfo .tabs .tab:nth-of-type(3) em {
    background-position: -42px -84px;
}

.productInfo .tabs .tab.active:nth-of-type(1) em {
    background-position: 0 0;
}

.productInfo .tabs .tab.active:nth-of-type(2) em {
    background-position: 0 -42px;
}

.productInfo .tabs .tab.active:nth-of-type(3) em {
    background-position: 0 -84px;
}

.productInfo .tabs .tab span {
    font-weight: bold;
}

.productInfo .tabs .tab.active {
    background: #014482;
    color: #FFF;
}

.productInfo .tabs .tab.active:hover {
    cursor: auto;
}

.clean .headPic {
    width: 100%;
    min-width: 1280px;
    height: 638px;
    background: url("../img/pImg1.jpg") no-repeat;
    background-size: cover;
    overflow: hidden;
    margin-bottom: 162px;
}

.clean .headPic .main {
    width: 1280px;
    margin: 0 auto;
    text-align: center;
}

.clean .headPic .slogan {
    font-size: 48px;
    font-weight: 500;
    color: #FFF;
    line-height: 72px;
    margin: 146px 0 38px 0;
}

.clean .headPic .smallSlogan {
    width: 750px;
    font-size: 20px;
    font-weight: 500;
    color: #FFF;
    line-height: 38px;
    margin: 0 auto;
}

.clean .proTit {
    font-size: 32px;
    color: #333333;
    text-align: center;
    min-width: 1280px;
    margin: 0 auto;
}

.clean .proTit .english {
    font-size: 16px;
    color: #999999;
    margin-top: 16px;
}

.clean .service {
    width: 1280px;
    margin: 64px auto 120px;
    text-align: center;
}

.clean .service .list {
    width: 132px;

}

.clean .service .list .icon {
    width: 48px;
    height: 48px;
    background: url("../img/spirit.png");
    margin: 0 auto;
}

.clean .service .list:nth-of-type(1) .icon {
    background-position: -84px 0;
}

.clean .service .list:nth-of-type(2) .icon {
    background-position: -84px -50px;
}

.clean .service .list:nth-of-type(3) .icon {
    background-position: -84px -100px;
}

.clean .service .list:nth-of-type(4) .icon {
    background-position: -84px -150px;
}

.clean .service .list:nth-of-type(5) .icon {
    background-position: -84px -200px;
}

.clean .service .list .tit {
    color: #333333;
    font-size: 20px;
    margin: 24px 0 16px 0;
    font-weight: 500;
}

.clean .service .list .text {
    color: #999999;
    font-size: 14px;
    line-height: 22px;
}

.clean .management {
    width: 100%;
    margin: 0 auto 124px;
    background: linear-gradient(to right, #027E91 0%, #027E91 50%, white 50%, white 100%);
    position: relative;
}

.clean .management .managMain {
    width: 1280px;
    margin: 0 auto;
    display: flex;
}

.clean .management .colorB1 {
    width: 32px;
    height: 32px;
    background: #D6E7ED;
    position: absolute;
    top: 105px;
    right: 182px;
}

.clean .management .colorB2 {
    width: 135px;
    height: 189px;
    background: #ECF0F7;
    position: absolute;
    top: 98px;
    right: 0;
}

.clean .management .colorB3 {
    width: 57px;
    height: 60px;
    background: #ECF0F7;
    position: absolute;
    top: 337px;
    right: 0;
}

.clean .management .colorB4 {
    width: 48px;
    height: 48px;
    background: #ECF0F7;
    position: absolute;
    top: 437px;
    right: 0;
}

.clean .management .left {
    /*width: 757px;*/
    height: 596px;
    /*background: #027E91;*/
    overflow: hidden;
}

.clean .management .left .main {
    width: 370px;
    margin: 159px 0 0 79px;
}

.clean .management .left .main .titC {
    font-size: 32px;
    color: #FFF;
}

.clean .management .left .main .titE {
    font-size: 16px;
    color: #FFF;
    margin: 13px 0 30px 0;
}

.clean .management .left .main .text {
    font-size: 16px;
    font-weight: 500;
    color: #FFF;
    line-height: 29px;
}

.clean .management .right {
    position: relative;
    flex: 1;
}

.clean .management .right .box {
    width: 240px;
    height: 232px;
    overflow: hidden;
}

.clean .management .right .box .icon {
    width: 45px;
    height: 45px;
    display: block;
    background: url("../img/spirit.png");
    margin: 24px 0 8px 24px;
}

.clean .management .right .box1 .icon {
    background-position: -134px 0;
}

.clean .management .right .box2 .icon {
    background-position: -134px -50px;
}

.clean .management .right .box3 .icon {
    background-position: -134px -100px;
}

.clean .management .right .box4 .icon {
    background-position: -134px -150px;
}

.clean .management .right .box5 .icon {
    background-position: -134px -200px;
}

.clean .management .right .box .title {
    font-size: 20px;
    color: #FFF;
    margin-left: 24px;
}

.clean .management .right .box .text {
    width: 192px;
    font-size: 16px;
    color: #FFF;
    line-height: 25px;
    margin: 16px auto 0;
}

.clean .management .right .box1 {
    background: #014482;
    position: absolute;
    top: 105px;
    left: 68px;
}

.clean .management .right .box2 {
    background: #E35456;
    position: absolute;
    top: 105px;
    left: 329px;
}

.clean .management .right .box3 {
    background: #FF9100;
    position: absolute;
    top: 364px;
    left: 329px;
}

.clean .management .right .box4 {
    width: 230px;
    height: 219px;
    background: #552D8D;
    position: absolute;
    top: 335px;
    left: 595px;
}

.clean .management .right .box5 {
    width: 150px;
    height: 150px;
    background: #635564;
    position: absolute;
    top: 148px;
    left: 595px;
}

.clean .integration {
    width: 1280px;
    margin: 59px auto 120px;
    display: flex;
}

.clean .integration .left {
    display: flex;
    justify-content: space-around;
    width: 583px;
    margin-top: 50px;
}

.clean .integration .left .box {
    text-align: center;
}

.clean .integration .left .box:nth-of-type(1) {
    width: 105px;
}

.clean .integration .left .box:nth-of-type(2) {
    width: 104px;
}

.clean .integration .left .box:nth-of-type(3) {
    width: 138px;
}

.clean .integration .left .box:nth-of-type(4) {
    width: 105px;
}

.clean .integration .left .chinese p:nth-of-type(1) {
    font-size: 18px;
    color: #333333;
    margin: 24px 0 8px 0;
}

.clean .integration .left .chinese p:nth-of-type(2) {
    font-size: 12px;
    color: #999999;
    white-space: nowrap;
}

.clean .integration .left .pic {
    display: flex;
    align-items: center;
    height: 74px;
}

.clean .integration .left .pic img {
    margin: 0 auto;
}

.clean .integration .line {
    width: 3px;
    height: 261px;
    background: #ECF0F7;
    margin: 0 58px;
}

.clean .integration .right li {
    display: flex;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    margin-top: 16px;
    text-align: left;
}

.clean .integration .right li em {
    width: 10px;
    height: 10px;
    background: #014482;
    border-radius: 100%;
    display: block;
    margin-top: 10px;
}

.clean .integration .right li p {
    width: 514px;
    margin-left: 19px;
    font-weight: 500;
}

.clean .finance {
    width: 100%;
    height: 456px;
    background: #383B42;
    margin-top: 38px;
    overflow: hidden;
}

.clean .finance .main {
    width: 1280px;
    height: 100%;
    margin: 0 auto;
    display: flex;
}

.clean .finance .left {
    width: 503px;
    height: 100%;
    position: relative;
    display: inline-block;
}

.clean .finance .left img {
    width: 230px;
    height: 230px;
    display: block;
    position: absolute;
}

.clean .finance .left img:nth-of-type(1) {
    top: 3px;
    left: -40px;
}

.clean .finance .left img:nth-of-type(2) {
    top: 221px;
    left: 82px;
}

.clean .finance .left img:nth-of-type(3) {
    top: 30px;
    left: 222px;
}

.clean .finance .left .box {
    width: 150px;
    height: 150px;
    line-height: 150px;
    font-size: 28px;
    color: #FFF;
    background: #595c61;
    border-radius: 56px;
    text-align: center;
    margin: 123px 0 0 122px;
}

.clean .finance .line {
    width: 1px;
    height: 360px;
    border: 1px solid #979797;
    margin-top: 48px;
}

.clean .finance .right {
    position: relative;
    width: 727px;
    color: #FFF;
}

.clean .finance .right .ball {
    width: 41px;
    height: 41px;
    background: #027E91;
    border-radius: 100%;
    margin: 38px 0 0 261px;
}

.clean .finance .right p {
    position: absolute;
}

.clean .finance .right p:nth-of-type(1) {
    font-size: 28px;
    top: 51px;
    left: 274px;
}

.clean .finance .right p:nth-of-type(2) {
    font-size: 32px;
    top: 182px;
    left: 94px;
}

.clean .finance .right p:nth-of-type(3) {
    font-size: 23px;
    top: 277px;
    left: 199px;
}

.clean .finance .right p:nth-of-type(4) {
    font-size: 20px;
    top: 385px;
    left: 174px;
}

.clean .finance .right p:nth-of-type(5) {
    font-size: 32px;
    top: 138px;
    left: 323px;
}

.clean .finance .right p:nth-of-type(6) {
    font-size: 80px;
    top: 233px;
    left: 339px;
    filter: blur(3px);
    opacity: 0.3;
}

.clean .finance .right p:nth-of-type(7) {
    font-size: 32px;
    top: 176px;
    left: 557px;
}

.clean .finance .right p:nth-of-type(8) {
    font-size: 23px;
    top: 266px;
    left: 515px;
}

.clean .finance .right p:nth-of-type(9) {
    font-size: 16px;
    top: 365px;
    left: 482px;
}

.powerStation .headPic {
    width: 100%;
    min-width: 1280px;
    height: 638px;
    background: url("../img/pimg11.jpg") no-repeat;
    background-size: cover;
    overflow: hidden;
}

.powerStation .headPic .main {
    width: 1280px;
    margin: 0 auto;
    text-align: center;
}

.powerStation .headPic .slogan {
    font-size: 40px;
    font-weight: bold;
    color: #FFF;
    margin: 162px 0 32px 0;
}

.powerStation .headPic .smallSlogan {
    width: 706px;
    font-size: 20px;
    font-weight: 500;
    color: #FFF;
    line-height: 34px;
    margin: 0 auto;
}

.powerStation .scene {
    width: 1280px;
    padding: 162px 0 131px;
    margin: 0 auto;
    overflow: hidden;
}

.powerStation .scene .left {
    width: 320px;
    float: left;
    margin-left: 75px;
}

.powerStation .scene .left .titC {
    font-size: 28px;
    font-weight: bold;
    color: #101558;
    line-height: 42px;
    margin-top: 56px;
}

.powerStation .scene .left .titE {
    font-size: 16px;
    font-weight: bold;
    color: #999;
    line-height: 24px;
    margin-top: 10px;
}

.powerStation .scene .left .text {
    margin-top: 17px;
    font-size: 16px;
    font-weight: 500;
    color: #666;
    line-height: 24px;
}

.powerStation .scene .right {
    float: right;
    width: 728px;
    overflow: hidden;
}

.powerStation .scene .right ul {
    display: flex;
    width: 1000%;
    height: 270px;
    align-items: center;
    justify-content: flex-start;
}

.powerStation .scene .right ul li {
    float: left;
    position: relative;
    width: 176px;
    padding-right: 16px;
    -webkit-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
}

.powerStation .scene .right ul li:hover {
    width: 216px;
}

.powerStation .scene .right ul li img {
    display: block;
    max-width: 100%;
}

.powerStation .scene .right ul li .txt {
    position: absolute;
    left: 16px;
    bottom: 9px;
    color: #FFF;
    font-size: 16px;
    line-height: 24px;
}

.powerStation .scene .right ul li .txt small {
    font-size: 12px;
    line-height: 18px;
    padding-left: 6px;
}

.specificService {
    width: 100%;
    height: 656px;
    background: url("../img/pimg16.jpg") no-repeat;
    background-size: cover;
    overflow: hidden;
    margin-bottom: 101px;
}

.specificService .main {
    width: 1280px;
    margin: 0 auto;
    position: relative;
}

.specificService .ball {
    width: 41px;
    height: 41px;
    background: #027E91;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: -4px;
    transform: translateX(-100px);
    z-index: 1;
}

.specificService .title {
    font-size: 28px;
    font-weight: 500;
    color: #FFF;
    line-height: 42px;
    letter-spacing: 1px;
    text-align: center;
    margin-top: 77px;
    position: relative;
    z-index: 3;
}

.specificService .cont {
    width: 1036px;
    height: 243px;
    border: 2px solid #027E91;
    border-left: 0;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    margin: 106px auto 0;
}

.specificService .cont ul {
    display: flex;
    justify-content: space-around;
    margin: -8px 0 0 -114px;
}

.specificService .cont ul li {
    text-align: center;
    width: 149px;
    margin: 0 auto;
}

.specificService .cont ul li em {
    width: 16px;
    height: 16px;
    background: #027E91;
    display: block;
    border-radius: 100%;
    margin: 0 auto;
}

.specificService .cont ul li .tit {
    font-size: 20px;
    color: #FFF;
    margin: 20px 0 12px 0;
}

.specificService .cont ul li .text {
    font-size: 14px;
    line-height: 20px;
    color: #FFF;
}

.specificService .cont ul:nth-of-type(2) {
    margin-top: 127px;
}

.powerTitle {
    text-align: center;
}

.powerTitle .textC {
    font-size: 32px;
    font-weight: 500;
    color: #333333;
}

.powerTitle .textE {
    font-size: 16px;
    font-weight: 500;
    color: #999999;
    margin-top: 16px;
}

.secSystem {
    width: 1280px;
    margin: 87px auto 149px;
    display: flex;
    justify-content: space-between;
}

.secSystem .left {
    width: 394px;
    height: 360px;
    margin-left: 134px;
    border-left: 1px solid #E6E6E6;
}

.secSystem .left dl {
    display: flex;
    height: 95px;
}

.secSystem .left dl dt {
    width: 104px;
    margin: 4px 0 0 -4px;
    text-align: center;
}

.secSystem .left dl dt .num {
    color: #333333;
    font-size: 12px;
}

.secSystem .left dl dt .ball {
    width: 8px;
    height: 8px;
    background: #014482;
    border-radius: 100%;
    display: block;
}

.secSystem .left dl dt .line {
    width: 104px;
    height: 1px;
    background: #E6E6E6;
}

.secSystem .left dl dd {
    margin-left: 23px;
}

.secSystem .left dl dd .tit {
    font-size: 20px;
    font-weight: 500;
    color: #333333;
    line-height: 30px;
}

.secSystem .left dl dd .text {
    font-size: 16px;
    font-weight: 400;
    color: #999999;
    line-height: 24px;
    margin-top: 12px;
}

.secSystem .right {
    width: 534px;
    height: 355px;
    margin-right: 56px;
}

.powerStation .advantage {
    background: #2A2C3F;
    width: 100%;
    height: 524px;
    margin-bottom: 100px;
    overflow: hidden;
}

.powerStation .advantage .main {
    width: 1280px;
    margin: 0 auto;
    display: flex;
}

.powerStation .advantage .main .left {
    width: 201px;
    color: #FFF;
    margin: 95px 0 0 24px;
}

.powerStation .advantage .main .left .textC {
    font-size: 28px;
    font-weight: bold;
    color: #FFF;
    line-height: 42px;
}

.powerStation .advantage .main .left .textE {
    font-size: 16px;
    font-weight: 500;
    color: #FFF;
    margin: 10px 0 17px 0;
}

.powerStation .advantage .main .left .textS {
    font-size: 16px;
    font-weight: 500;
    color: #FFF;
    line-height: 24px;
}

.powerStation .advantage .main .right {
    display: flex;
    margin: 108px 0 0 50px;
}

.powerStation .advantage .main .right li {
    width: 234px;
    height: 332px;
    background: #FFF;
    opacity: 0.98;
    margin: 0 7px;
}

.powerStation .advantage .main .right li:nth-of-type(1) {
    border-top: 8px solid #027E91;
}

.powerStation .advantage .main .right li:nth-of-type(2) {
    border-top: 8px solid #014482;
}

.powerStation .advantage .main .right li:nth-of-type(3) {
    border-top: 8px solid #393CC3;
}

.powerStation .advantage .main .right li:nth-of-type(4) {
    border-top: 8px solid #E35456;
}

.powerStation .advantage .main .right li .title {
    width: 140px;
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    line-height: 32px;
    margin: 46px 0 0 20px;
}

.powerStation .advantage .main .right li .text {
    width: 194px;
    font-size: 16px;
    font-weight: 500;
    color: #808080;
    line-height: 26px;
    margin: 36px 0 0 20px;
}

.powerStation .cooperatioMode {
    width: 1280px;
    margin: 0 auto;
}

.powerStation .cooperatioMode ul {
    display: flex;
    margin: 50px 0 120px 0;
}

.powerStation .cooperatioMode li {
    width: 320px;
    height: 509px;
    position: relative;
}

.powerStation .cooperatioMode li:nth-of-type(1) {
    background: url("../img/pimg18.png") no-repeat;
}

.powerStation .cooperatioMode li:nth-of-type(2) {
    background: url("../img/pimg19.png") no-repeat;
}

.powerStation .cooperatioMode li:nth-of-type(3) {
    background: url("../img/pimg20.png") no-repeat;
}

.powerStation .cooperatioMode li:nth-of-type(4) {
    background: url("../img/pimg21.png") no-repeat;
}

.powerStation .cooperatioMode li .title {
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    color: #FFF;
    line-height: 32px;
    margin-top: 24px;
}

.powerStation .cooperatioMode li .content {
    width: 232px;
    font-size: 18px;
    font-weight: 500;
    color: #FFF;
    line-height: 32px;
    margin: 92px auto 0;
}

.powerStation .cooperatioMode li .sign {
    font-size: 20px;
    font-weight: bold;
    color: #FFF;
    line-height: 30px;
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
}

.sojourn .headPic {
    width: 100%;
    min-width: 1280px;
    height: 638px;
    background: url("../img/pimg9.png") no-repeat;
    background-size: cover;
    overflow: hidden;
}

.sojourn .headPic .main {
    width: 1280px;
    margin: 0 auto;
    text-align: center;
}

.sojourn .headPic .main .slogan {
    font-size: 48px;
    /* font-weight: bold; */
    color: #FFF;
    line-height: 57px;
    margin-top: 147px;
}
.sojourn .headPic .main .slogan1 {
    margin: 10px auto 0;
    width: 706px;
    height: 68px;
    font-size: 20px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 34px;
}
.green-layer {
    max-width: 1200px;
    margin: auto;
}

.green-layer:before,
.green-layer:after {
    display: block;
    content: '';
    width: 100%;
    clear: both;
}

.green-layer .title {
    text-align: center;
}

.green-layer .title .tit {
    font-size: 32px;
    line-height: 47px;
    color: #333;
    margin-bottom: 1px;
}

.green-layer .title .tip {
    font-size: 16px;
    line-height: 24px;
    color: #999;
}

.green-layer .list {
    display: flex;
    justify-content: space-between;
    margin: auto;
}

.green-layer1 {
    padding: 204px 0 131px;
}

.green-layer1 .info {
    width: 320px;
    float: left;
}

.green-layer1 .info .tit {
    color: #101558;
    font-size: 28px;
    line-height: 42px;
    font-weight: 600;
}

.green-layer1 .info .tip {
    color: #999;
    font-size: 16px;
    line-height: 25px;
    padding-bottom: 5px;
    font-weight: 600;
}

.green-layer1 .info .txt {
    color: #666;
    font-size: 16px;
    line-height: 24px;
}

.green-layer1 .imgs {
    float: right;
    width: 732px;
    overflow: hidden;
}

.green-layer1 .imgs ul {
    display: flex;
    width: 1000%;
    height: 200px;
    align-items: center;
    justify-content: flex-start;
}

.green-layer1 .imgs ul li {
    float: left;
    position: relative;
    width: 236px;
    padding-right: 16px;
    -webkit-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
}

.green-layer1 .imgs ul li:hover {
    width: 276px;
}

.green-layer1 .imgs ul li img {
    display: block;
    max-width: 100%;
}

.green-layer1 .imgs ul li .txt {
    position: absolute;
    left: 16px;
    bottom: 9px;
    color: #FFF;
    font-size: 16px;
    line-height: 24px;
}

.green-layer1 .imgs ul li .txt small {
    font-size: 12px;
    line-height: 18px;
    padding-left: 6px;
}

.green-layer2 {
    height: 498px;
    background: url("../img/green/l2_bg.png") no-repeat;
    background-size: cover;
    margin-bottom: 80px;
}

.green-layer2 .title {
    padding-top: 90px;
}

.green-layer2 .title .tit {
    color: #FFF;
}

.green-layer2 .list {
    width: 1092px;
    padding: 70px 0 110px;
}

.green-layer2 .list li {
    text-align: center;
}

.green-layer2 .list li .icon {
    display: block;
    margin: 0 auto 24px;
    width: 64px;
    height: 64px;
    background: url("../img/green/icons.png") no-repeat;
}

.green-layer2 .list li .icon0 {
    background-position: 0 0;
}

.green-layer2 .list li .icon1 {
    background-position: -65px 0;
}

.green-layer2 .list li .icon2 {
    background-position: -130px 0;
}

.green-layer2 .list li .icon3 {
    background-position: -195px 0;
}

.green-layer2 .list li .icon4 {
    background-position: -260px 0;
}

.green-layer2 .list li .tit {
    font-size: 20px;
    line-height: 29px;
    color: #FFF;
    margin-bottom: 12px;
}

.green-layer2 .list li .txt {
    font-size: 18px;
    line-height: 27px;
    color: rgba(255, 255, 255, .73);
}

.green-layer3 .list {
    width: 1092px;
    padding: 57px 0 100px;
}

.green-layer3 .list li {
    width: 498px;
    padding: 24px;
    border: 1px solid #D9D9D9;
    text-align: center;
}

.green-layer3 .list li .img {
    display: block;
    width: 448px;
    height: 280px;
    margin-bottom: 30px;
    background-repeat: no-repeat;
}

.green-layer3 .list li .img0 {
    background-image: url("../img/green/l3_0.png");
}

.green-layer3 .list li .img1 {
    background-image: url("../img/green/l3_1.png");
}

.green-layer3 .list li .tit {
    font-size: 20px;
    line-height: 30px;
    color: #333;
    margin-bottom: 12px;
}

.green-layer3 .list li .txt {
    font-size: 18px;
    line-height: 27px;
    color: rgba(51, 51, 51, .73);
    padding-bottom: 21px;
}

.green-layer4 .list {
    width: 1200px;
    padding: 30px 0 100px;
}

.green-layer4 .list li {
    width: 206px;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .14);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .14);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .14);
    -webkit-border-radius: 6px;
    border-radius: 6px;
    text-align: center;
}

.green-layer4 .list li .img {
    display: block;
    width: 206px;
    height: 206px;
    margin-bottom: 16px;
    background-repeat: no-repeat;
}

.green-layer4 .list li .img0 {
    background-image: url("../img/green/l4_0.png");
}

.green-layer4 .list li .img1 {
    background-image: url("../img/green/l4_1.png");
}

.green-layer4 .list li .img2 {
    background-image: url("../img/green/l4_2.png");
}

.green-layer4 .list li .img3 {
    background-image: url("../img/green/l4_3.png");
}

.green-layer4 .list li .img4 {
    background-image: url("../img/green/l4_4.png");
}

.green-layer4 .list li .tit {
    font-size: 32px;
    line-height: 47px;
    color: #333;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.green-layer4 .list li .txt {
    font-size: 20px;
    line-height: 29px;
    color: rgba(51, 51, 51, .73);
    padding-bottom: 48px;
}

.green-layer4 .list li .tit:before,
.green-layer4 .list li .tit:after {
    display: block;
    content: '';
    margin: 0 14px;
    width: 31px;
    height: 1px;
    background-color: #D8D8D8;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .14);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .14);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .14);
}

.green-layer5 .list {
    width: 1120px;
    padding: 30px 0 120px;
}

.green-layer5 .list li {
    width: 305px;
    border: 1px solid rgba(219, 219, 219, .98);
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 50px 0;
    text-align: center;
}

.green-layer5 .list li .icon {
    display: block;
    margin: 0 auto 16px;
    width: 56px;
    height: 56px;
    background: url("../img/green/icons.png") no-repeat;
}

.green-layer5 .list li .icon0 {
    background-position: 0 -65px;
}

.green-layer5 .list li .icon1 {
    background-position: -57px -65px;
}

.green-layer5 .list li .icon2 {
    background-position: -114px -65px;
}

.green-layer5 .list li .tit {
    font-size: 24px;
    line-height: 36px;
    color: #333;
    margin-bottom: 8px;
}

.green-layer5 .list li .txt {
    font-size: 16px;
    line-height: 26px;
    color: #808080;
}