/* 智慧城市系列-智慧环卫平台平台页面 样式 */
.citygar_container{width:100%;height:auto;overflow:hidden;}
.citygar_container .first_wrap{width:1200px;height:130px;text-align:center;margin:0 auto;}
.citygar_container .first_wrap ul.cf_list01{width:810px;height:54px;line-height:54px;margin:72px auto 59px auto;}
.citygar_container .first_wrap ul.cf_list01>li{float:left;width:33.33%;height:100%;text-align:center;box-sizing:border-box;font-size:16px;border:1px solid rgba(221,221,221,1);}
.citygar_container .first_wrap ul.cf_list01>li:hover{background-color:#0527AF;border:1px solid rgba(5,39,175,1);box-sizing:border-box;color:#fff;}
.citygar_container .first_wrap ul.cf_list01>li>a{display:inline-block;width:100%;height:100%;color:#333;text-decoration:none;}
.citygar_container .first_wrap ul.cf_list01>li:hover a{color:#fff;}
.citygar_container .first_wrap ul.cf_list01>li.cur{background-color:#0527AF;border:1px solid rgba(5,39,175,1);box-sizing:border-box;color:#fff;}
.citygar_container .first_wrap ul.cf_list01>li.cur a{color:#fff;}
.citygar_container .second_wrap {width:1200px;margin:0 auto;height:700px;overflow:hidden;}
.citygar_container .second_wrap .tw_detail{width: 100%;height:560px;margin-top:30px;text-align:center;color:#333;}
.citygar_container .second_wrap .tw_detail p{font-size:16px;line-height:36px;}
.citygar_container .second_wrap .tw_detail ul.list01{margin-top:74px;width:100%;height:80%;box-sizing:border-box;}
.citygar_container .second_wrap .tw_detail ul.list01 li{float: left;width:300px;height:100%;text-align:center;padding:5px;margin:0 50px;box-sizing:border-box;padding:5px;}
.citygar_container .second_wrap .tw_detail ul.list01 li:hover img{-ms-transform:rotate(15deg); /* IE 9 */-webkit-transform: rotate(15deg);/* Safari and Chrome */transform: rotate(15deg);box-shadow:0 0 0 #aaaaaa;transform-origin:center top;-ms-transform-origin:center top;-webkit-transform-origin:center center;}
.citygar_container .second_wrap .tw_detail ul.list01 li>img{display:inline-block;transition: transform 0.1s ease;}
.citygar_container .second_wrap .tw_detail ul.list01 li>span{display:block;font-size:28px;margin:12px 0;}
.citygar_container .second_wrap .tw_detail ul.list01 li .img_wrap{width: 100%;height:200px;position:relative;}
.citygar_container .second_wrap .tw_detail ul.list01 li .img_wrap .circle_img{position:absolute;right:-24px;bottom:-32px;z-index:-1;}
.citygar_container .third_wrap{width:1200px;height:700px;overflow:hidden;margin:0  auto;}
.citygar_container .third_wrap .tw_detail{width:100%;height:520px;background:url(../newImg/4.3.21cityenvironment/b0.png) no-repeat center;margin-top:40px;}
.citygar_container .third_wrap .tw_detail ul.twlist01{width:100%;height: 100%;box-sizing: border-box;position: relative;}
.citygar_container .third_wrap .tw_detail ul.twlist01>li {width:auto;height:180px;overflow:hidden;box-sizing:border-box;}
.citygar_container .third_wrap .tw_detail ul.twlist01>li:hover .text_wrap{-ms-transform:scale(1.1,1.1); /* IE 9 */-webkit-transform:scale(1.1,1.1);/* Safari and Chrome */transform:scale(1.1,1.1);}
.citygar_container .third_wrap .tw_detail ul.twlist01>li:nth-child(1){position:absolute;left:580px;top:40px;}
.citygar_container .third_wrap .tw_detail ul.twlist01>li:nth-child(2){position:absolute;left:70px;top:180px;}
.citygar_container .third_wrap .tw_detail ul.twlist01>li:nth-child(3){position:absolute;left:620px;top:300px;}
.citygar_container .third_wrap .tw_detail ul.twlist01>li img{width:180px;height:173px;float:left;}
.citygar_container .third_wrap .tw_detail ul.twlist01>li h3{font-size:24px;color:#0527AF;margin-bottom:16px;font-weight: normal;}
.citygar_container .third_wrap .tw_detail ul.twlist01>li p{font-size:16px;color:#333;line-height:30px;width:auto;height:auto;}
.citygar_container .third_wrap .tw_detail ul.twlist01>li .text_wrap{float:left;width:300px;height:100%;margin:30px 20px 20px 20px;}
.citygar_container ul.four_wrap{width:1200px;height:320px;box-sizing:border-box;margin:0 auto;margin-bottom:73px;transition: transform 0.1  ease-in-out;}
.citygar_container ul.four_wrap>li:hover{-ms-transform:scale(1.1,1.1); /* IE 9 */-webkit-transform:scale(1.1,1.1);/* Safari and Chrome */transform:scale(1.1,1.1);box-shadow:0 2px 3px #aaaaaa;}
.citygar_container ul.four_wrap>li:nth-child(1) {float:left;width:534px;height:100%;box-sizing:border-box;}
.citygar_container ul.four_wrap>li:nth-child(1)>img{width:100%;height:100%;}
.citygar_container ul.four_wrap>li:nth-child(2){float:left;width:660px;height:100%;background-color:#F4F4F4;border-radius:4px;padding:27px;box-sizing:border-box;}
.citygar_container ul.four_wrap>li:nth-child(2)>.text{width:100%;height:100%;padding:60px  47px 0;border-radius:4px;box-sizing:border-box;box-shadow:3px 5px 8px 0px rgba(232,232,232,1);background-color:#fff;}
.citygar_container ul.four_wrap>li:nth-child(2)>.text ul.sw_list02{width:100%;height:60px;}
.citygar_container ul.four_wrap>li:nth-child(2)>.text ul.sw_list02>li:nth-child(1) {width:60%;height:30px;float:left;color:#333;}
.citygar_container ul.four_wrap>li:nth-child(2)>.text ul.sw_list02>li:nth-child(1) h3{font-size:20px;}
.citygar_container ul.four_wrap>li:nth-child(2)>.text ul.sw_list02>li:nth-child(2) {width:40%;height:30px;float:right;text-align:right;}
.citygar_container ul.four_wrap>li:nth-child(2)>.text ul.sw_list02>li:nth-child(2) i{width:125px;height:1px;background-color:#CCC;display:inline-block;}
.citygar_container ul.four_wrap>li:nth-child(2)>.text p{font-size:14px;line-height:24px;}
.citygar_container .five_wrap{width:1200px;height:750px;margin-top:70px;overflow: hidden;margin:auto;text-align:center;}
.citygar_container .five_wrap>img{width:auto;height:auto;}
.citygar_container .six_wrap{width:100%;height:430px;background-color:#F4F4F4;margin-bottom:73px;padding:60px;}
.citygar_container .six_wrap .sw_detail{width:1200px;height:100%;box-sizing: border-box;margin: 50px auto 0;}
.citygar_container .six_wrap .sw_detail .sw_detail1{width:240px;height:100%;float: left;box-sizing: border-box;}
.citygar_container .six_wrap .sw_detail .sw_detail1:nth-child(1){width:200px;}
.citygar_container .six_wrap .sw_detail .sw_detail1:nth-child(2){width:240px;}
.citygar_container .six_wrap .sw_detail .sw_detail1>p{font-size:14px;color:#333;margin-top:17px;height:52px;}
.citygar_container .six_wrap .sw_detail img{width: auto;width:422px;height:auto;float: left;display:block;margin:0 6px;}
.citygar_container .six_wrap .sw_detail ul.sw_list01{width:147px;height:100%;overflow: hidden;float: left;}
.citygar_container .six_wrap .sw_detail ul.sw_list01>li{width:100%;height:52px;margin-bottom:18px;border-radius:7px 0px 0px 7px;line-height:52px;color:#fff;font-size:14px;box-sizing: border-box;float: left;}
.citygar_container .six_wrap .sw_detail ul.sw_list01>li span{display:inline-block;padding-left:20px;}
.citygar_container .six_wrap .sw_detail ul.sw_list01>li:nth-child(odd){background-color:#1C3DC3;}
.citygar_container .six_wrap .sw_detail ul.sw_list01>li:nth-child(even){background-color:#5EB4D3;}
.citygar_container .six_wrap .sw_detail ul.sw_list01>li:last-child{margin-bottom:0;}
.citygar_container .seven_wrap{width:1200px;height:500px;overflow: hidden;margin:0 auto;}
.citygar_container .seven_wrap>li{width:340px;height:170px;box-sizing:border-box;margin-bottom:69px;float: left;}
.citygar_container .seven_wrap>li:hover .sw_top{transform: translateX(15px);}
.citygar_container .seven_wrap>li:hover P{transform: translateX(-15px);}
.citygar_container .seven_wrap>li:nth-child(2),.citygar_container .seven_wrap>li:nth-child(5){margin:0 90px;}
.citygar_container .seven_wrap>li .sw_top{width:100%;height:90px;margin-bottom:20px;position: relative;transition: transform 0.1 ease-in-out;}
.citygar_container .seven_wrap>li .sw_top>img{float: left;width:auto;height:auto;display: block;}
.citygar_container .seven_wrap>li .sw_top>.img_title{float: left;width:90%;height:90px;display: block;font-size:20px;color:#333;background-color: #F4F4F4;border-radius:45px;position: absolute;left:25px;top:2px;z-index: -1;}
.citygar_container .seven_wrap>li .sw_top>.img_title span{display: block;padding-left:120px;width:100%;height:90px;line-height:90px;}
.citygar_container .seven_wrap>li>p{font-size: 14px;line-height:24px;width:auto;height:auto;transition: transform 0.1 ease-in-out;}