/* 合同能源管理模式 */
body{background-color: #fff;}
.cooperate_1{padding-top: 40px;height: 1387px;}
.cooperate_1 .title{height: 190px;}
.cooperate_1 .title .list{width: 365px;height: 190px;text-align: center;background:linear-gradient(to left, #a3d529, #0389d0);text-transform: uppercase;color: #fff;padding-top: 50px;}
.cooperate_1 .title .list h3{font-weight: bold;line-height: 55px;font-size: 48px;}
.cooperate_1 .title .list h4{font-weight: bold;line-height: 40px;font-size: 30px;}

.cooperate_1 .title .content{width: 1355px;height: 190px;font-size: 16px;padding: 60px 40px 0 40px;color: #4e4e4e;background-color: #f4fcff;line-height: 35px;position: relative;}
.cooperate_1 .title .content::after{content:'';width: 5px;height: 190px; background:linear-gradient(to top,#2ca4bf, #56a450);position: absolute;top: 0;right: 0;}

.cooperate_1 .introduce ul li{width: 553px;height: 476px;background:linear-gradient(to top, #ccecf9, #f6fdff);margin: 30px 30px 0px 0px;float: left;text-align: center;}
.cooperate_1 .introduce ul li:nth-child(3){margin: 30px 0px 0px 0px;}
.cooperate_1 .introduce ul li i{width: 222px;height: 223px;display: block;background-repeat: no-repeat;background-position: center;background-size: contain;margin: 0 auto;}
.cooperate_1 .introduce ul li h4{font-size: 24px;color: #3a3a3a;line-height: 60px;}
.cooperate_1 .introduce ul li p{padding: 0 20px;font-size: 16px;line-height: 30px;}

.cooperate_1 .exhibit ul li{width: 553px;height: 538px;background-color: #f4fcff;float: left;margin: 30px 30px 0px 0px;}
.cooperate_1 .exhibit ul li:nth-child(3){margin: 30px 0px 0px 0px;}
.cooperate_1 .exhibit ul li i{display: block;height: 443px;width: 553px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.cooperate_1 .exhibit ul li h4{font-size: 18px;text-align: center;line-height: 95px;}

/* 公私合营模式   特许经营模式  节能照明工程总包模式 */
.cooperate_2 ul li{height: 820px;position: relative;margin-bottom: 116px;}
.cooperate_2 ul li .list{height: 637px;background-color: #f1f1f1;position: absolute;bottom: 0;left: 0;right: 0;}
.cooperate_2 ul li .list .list-fl{width: 818px;height: 637px;position: relative;padding: 130px 110px 0 78px ;}
.cooperate_2 ul li .list .list-fl .title{width: 336px;height: 187px;position: absolute;right: 0;top: -187px; background:linear-gradient(to left, #a3d529, #0389d0);text-align: center; text-transform: uppercase;color: #fff;padding-top: 50px;}
.cooperate_2 ul li .list .list-fl .title h3{font-weight: bold;line-height: 55px;font-size: 48px;}
.cooperate_2 ul li .list .list-fl .title h4{font-weight: bold;line-height: 40px;font-size: 30px;}
.cooperate_2 ul li .list .list-fl .content{font-size: 16px;line-height: 35px;height: 240px;}
.cooperate_2 ul li .list .list-fl .button{display: block; width: 68px;height: 68px;background-image: url(../images/cooperate_2-button.png);background-repeat: no-repeat;background-position: center;background-size: cover;margin-top: 25px;}

.cooperate_2 ul li .list .list-fr{width: 902px;height: 637px;position: relative;}
.cooperate_2 ul li .list .list-fr .imges{width: 823px; height: 670px;position: absolute;left: 0;top: -187px;}
.cooperate_2 ul li .list .list-fr .imges ul li{width: 823px; height: 670px;position: relative;background-repeat: no-repeat;background-position: center;background-size: cover;}
.cooperate_2 ul li .list .list-fr .imges ul li .title{height: 73px;background-color: rgba(0, 0, 0, 0.5);position: absolute;bottom: 0;left: 0;right: 0;}
.cooperate_2 ul li .list .list-fr .imges ul li .title h4{font-size: 18px;color: #fff;text-align: center;line-height: 73px;}
.cooperate_2 ul li .list .list-fr .imges .swiper-container .swiper-pagination-bullet{border-bottom:inherit;width: 12px; opacity: 1;  height: 12px; background:#007fc8;  margin: 0 7px; border-radius: 50%;}
.cooperate_2 ul li .list .list-fr .imges .swiper-container .swiper-pagination-bullet-active{background:#8bca43; }
.cooperate_2 ul li:nth-child(even) .list .list-fl .title{position: absolute;left: 0;top: -187px; }
.cooperate_2 ul li:nth-child(even) .list .list-fr .imges{position: absolute; left: 79px; top: -187px;}

@media (max-width: 1680px) {
    /* 合同能源管理模式 */
    .cooperate_1 .title .list{width: 319px;}

    .cooperate_1 .title .content{width: 1185px;padding: 60px 35px 0 35px; margin-bottom: 0;}

    .cooperate_1 .introduce ul li{width: 483px;margin: 30px 26px 0px 0px;}
    .cooperate_1 .introduce ul li i{width: 194px;}
    .cooperate_1 .introduce ul li p{padding: 0 17px;}

    .cooperate_1 .exhibit ul li{width: 483px;margin: 30px 26px 0px 0px;}
    .cooperate_1 .exhibit ul li i{width: 483px;}

    /* 公私合营模式   特许经营模式  节能照明工程总包模式 */
    .cooperate_2 ul li .list .list-fl{width: 715px;padding: 130px 96px 0 68px ;}
    .cooperate_2 ul li .list .list-fl .button{display: block; width: 68px;height: 68px;background-image: url(../images/cooperate_2-button.png);background-repeat: no-repeat;background-position: center;background-size: cover;margin-top: 25px;}

    .cooperate_2 ul li .list .list-fr{width: 789px;}
    .cooperate_2 ul li .list .list-fr .imges{width: 720px;}
    .cooperate_2 ul li .list .list-fr .imges ul li{width: 720px;}

    .cooperate_2 ul li:nth-child(even) .list .list-fr .imges{ left: 69px;}

}
@media (max-width: 1560px) {
    /* 合同能源管理模式 */
    .cooperate_1 .title .list{width: 296px;}

    .cooperate_1 .title .content{width: 1100px;padding: 60px 32px 0 32px;}

    .cooperate_1 .introduce ul li{width: 448px;margin: 30px 24px 0px 0px;}
    .cooperate_1 .introduce ul li i{width: 180px;}
    .cooperate_1 .introduce ul li p{padding: 0 15px;}

    .cooperate_1 .exhibit ul li{width: 448px;margin: 30px 24px 0px 0px;}
    .cooperate_1 .exhibit ul li i{width: 448px;}

    /* 公私合营模式   特许经营模式  节能照明工程总包模式 */
    .cooperate_2 ul li .list .list-fl{width: 663px;padding: 130px 89px 0 63px ;}
    .cooperate_2 ul li .list .list-fl .button{display: block; width: 68px;height: 68px;background-image: url(../images/cooperate_2-button.png);background-repeat: no-repeat;background-position: center;background-size: cover;margin-top: 25px;}

    .cooperate_2 ul li .list .list-fr{width: 732px;}
    .cooperate_2 ul li .list .list-fr .imges{width: 668px;}
    .cooperate_2 ul li .list .list-fr .imges ul li{width: 668px;}

    .cooperate_2 ul li:nth-child(even) .list .list-fr .imges{ left: 64px;}

}
@media (max-width: 1440px) {
    /* 合同能源管理模式 */
    .cooperate_1 .title .list{width: 273px;}

    .cooperate_1 .title .content{width: 1015px;padding: 60px 29px 0 29px;}

    .cooperate_1 .introduce ul li{width: 413px;margin: 30px 22px 0px 0px;}
    .cooperate_1 .introduce ul li i{width: 166px;}
    .cooperate_1 .introduce ul li p{padding: 0 13px;}

    .cooperate_1 .exhibit ul li{width: 413px;margin: 30px 22px 0px 0px;}
    .cooperate_1 .exhibit ul li i{width: 413px;}

    /* 公私合营模式   特许经营模式  节能照明工程总包模式 */
    .cooperate_2 ul li .list .list-fl{width: 612px;padding: 130px 82px 0 58px ;}
    .cooperate_2 ul li .list .list-fl .button{display: block; width: 68px;height: 68px;background-image: url(../images/cooperate_2-button.png);background-repeat: no-repeat;background-position: center;background-size: cover;margin-top: 25px;}

    .cooperate_2 ul li .list .list-fr{width: 675px;}
    .cooperate_2 ul li .list .list-fr .imges{width: 616px;}
    .cooperate_2 ul li .list .list-fr .imges ul li{width: 616px;}

    .cooperate_2 ul li:nth-child(even) .list .list-fr .imges{ left: 59px;}

}
@media (max-width: 1366px) {
    /* 合同能源管理模式 */
    .cooperate_1 .title .list{width: 258px;}

    .cooperate_1 .title .content{width: 962px;padding: 60px 27px 0 27px;}

    .cooperate_1 .introduce ul li{width: 391px;margin: 30px 20px 0px 0px;}
    .cooperate_1 .introduce ul li i{width: 157px;}
    .cooperate_1 .introduce ul li p{padding: 0 12px;}

    .cooperate_1 .exhibit ul li{width: 391px;margin: 30px 20px 0px 0px;}
    .cooperate_1 .exhibit ul li i{width: 391px;}

    /* 公私合营模式   特许经营模式  节能照明工程总包模式 */
    .cooperate_2 ul li .list .list-fl{width: 580px;padding: 130px 77px 0 55px ;}
    .cooperate_2 ul li .list .list-fl .button{display: block; width: 68px;height: 68px;background-image: url(../images/cooperate_2-button.png);background-repeat: no-repeat;background-position: center;background-size: cover;margin-top: 25px;}

    .cooperate_2 ul li .list .list-fr{width: 640px;}
    .cooperate_2 ul li .list .list-fr .imges{width: 584px;}
    .cooperate_2 ul li .list .list-fr .imges ul li{width: 584px;}

    .cooperate_2 ul li:nth-child(even) .list .list-fr .imges{ left: 55px;}

}

@media (max-width: 1099.98px) ,(min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	.cooperate_1{padding-top:0.40rem ;height:12.2rem ;}
	.cooperate_1 .title{height:2.80rem ; margin-bottom: 0.3rem;}
	.cooperate_1 .title .list{width:2.5rem ;height:2.80rem ;padding-top:0.50rem ;}
	.cooperate_1 .title .list h3{line-height:1rem ;font-size:0.42rem ;}
	.cooperate_1 .title .list h4{line-height:0.40rem ;font-size:0.28rem ;}
	.cooperate_1 .title .content{width:4.7rem ;height:2.80rem ;font-size:0.26rem ;padding:0.2rem ;line-height:0.3rem ;}
	.cooperate_1 .title .content::after{width:0.05rem ;height:2.80rem ;}
	.cooperate_1 .introduce ul li{width:2.33rem;height:4.5rem ;margin:0.1rem 0.1rem 0 0 ;}
	.cooperate_1 .introduce ul li:nth-child(3){margin: 0.1rem 0 0 0;}
	.cooperate_1 .introduce ul li i{width:1rem ;height:1.5rem ;margin:auto ;}
	.cooperate_1 .introduce ul li h4{font-size:0.26rem ;line-height:0.80rem ;}
	.cooperate_1 .introduce ul li p{padding:0 0.10rem;font-size:0.24rem ;line-height:0.30rem ;}
	.cooperate_1 .exhibit ul li{width:2.33rem ;height:4rem ;margin:0.1rem 0.1rem 0 0 ;}
	.cooperate_1 .exhibit ul li:nth-child(3){margin: 0.1rem 0 0 0;}
	.cooperate_1 .exhibit ul li i{width:2.33rem ;height:3rem ;}
	.cooperate_1 .exhibit ul li h4{font-size:0.26rem ;line-height:0.3rem ;margin-top: 0.1rem;}
	
	.cooperate_2 {height: 26rem;}
	.cooperate_2 ul li{height:8.20rem ;margin-bottom:0.4rem ;}
	.cooperate_2 ul li .list{height:6.37rem ;}
	.cooperate_2 ul li .list .list-fl{width:7.2rem ;height:6.37rem ;padding:0.30rem 3.60rem 0.78rem 0.30rem;;}
	.cooperate_2 ul li .list .list-fl .title{width:3rem ;right: 3.4rem; height:1.87rem ;top:-1.87rem ;padding-top:0.50rem ;}
	.cooperate_2 ul li .list .list-fl .title h3{line-height:0.55rem ;font-size:0.42rem ;}
	.cooperate_2 ul li .list .list-fl .title h4{line-height:0.40rem ;font-size:0.28rem ;}
	.cooperate_2 ul li .list .list-fl .content{font-size:0.26rem ;line-height:0.3rem ; height: 5.5rem; overflow: hidden;}
	.cooperate_2 ul li .list .list-fl .button{width:0.68rem ;height:0.68rem ;margin-top:0.25rem ;}
	
	.cooperate_2 ul li .list .list-fr{width:3.4rem ;height:6.37rem ;}
	.cooperate_2 ul li .list .list-fr .imges{width:3.4rem ;height:6.70rem ;top:-8.24rem ;}
	.cooperate_2 ul li .list .list-fr .imges ul li{width:3.4rem ;height:6.70rem ;}
	.cooperate_2 ul li .list .list-fr .imges ul li .title{height:0.73rem ;}
	.cooperate_2 ul li .list .list-fr .imges ul li .title h4{font-size:0.30rem ;line-height:0.73rem ; padding: 0 0.1rem;}
	.cooperate_2 ul li .list .list-fr .imges .swiper-container .swiper-pagination-bullet{width:0.12rem ;height:0.12rem ;margin:0.07rem ;}
	
	.cooperate_2 ul li:nth-child(even) .list .list-fl{padding: 0.30rem 0.30rem 0.78rem 3.60rem ;}
	.cooperate_2 ul li:nth-child(even) .list .list-fl .title{left:3.4rem ;top:-1.87rem ;}
	.cooperate_2 ul li:nth-child(even) .list .list-fr .imges{left:0 ;top:-8.24rem ;}

}