#header{height:60px;border-bottom: solid 1px #303b51;}
.logo{width:154px;height:38px;background:url(../img/logo.png) center center no-repeat;position: absolute; left:360px;top:10px;}
.menu{display: flex;color: #fff;position: absolute; left:866px;}
.menu>div{width: 110px;height:58px;line-height: 58px; text-align: center;margin-right:40px;}
.menu>div:hover{background:url(../img/bg-selected-menu.png) left top repeat-x;}
.menu>div>a{color: #fff;font-size: 18px;text-decoration: none;display: block;height:100%;}
.selected-menu{background:url(../img/bg-selected-menu.png) left top repeat-x;}
.banner{height:580px;/* background:url(../img/0001.gif) center center no-repeat; */position: relative;}
.slogan1{position: absolute;left:432px;top:192px;display: none;z-index: 999;}
.slogan2{position: absolute;left:556px;top:305px;display: none;z-index: 999;}
.sub-menu{position: absolute;width:500px;height:190px;left:0px;z-index: 9999;display: flex;padding:20px;justify-content:space-around;background:url(../img/bg-sub-menu.png) left top repeat;}
.sub-menu-content{display: none;}
.sub-menu-colums{width:100px;color: #fff;text-align: left;}
.sub-menu-colums a{color: #fff;text-decoration: none;}
.sub-menu-colums>.sub-menu-colums-title{padding:0 0 15px 0;border-bottom: solid 1px #fff;height:25px;line-height: 25px;}
.sub-menu-colums>.sub-menu-colums-list{padding:20px 0 0 0;height:25px;line-height: 25px;}
.tec{display: flex;justify-content: center;}
.tec-list{width:257px;height:270px;background-color: bisque;margin-right: 60px;}
.tec-list-normal{background:url(../img/bg-tec-list.png) center center no-repeat;}
.tec-list-selected{background:url(../img/bg-tec-list-selected.png) center center no-repeat;}
.gis{width:110px;height:123px;background:url(../img/bg-3dgis.gif) center center no-repeat;margin:0 auto;margin-top:25px;}
.bim{width:188px;height:123px;background:url(../img/bg-bim.gif) center center no-repeat;margin:0 auto;margin-top:25px;}
.unreal{width:138px;height:123px;background:url(../img/bg-unreal.png) center center no-repeat;margin:0 auto;margin-top:25px;}
.algorithm{width:179px;height:123px;background:url(../img/bg-algorithm.png) center center no-repeat;margin:0 auto;margin-top:25px;}
.tec-title{font-size:20px;font-weight: bold;text-align: center;color:#3876FF;}
.tec-desc>p{width:80%;margin:0 auto;font-size: 12px;}


.detail-list{background-color: #EEF3F9;}
.title{background:url(../img/bg-title.png) left bottom no-repeat;width:348px;height:50px;line-height: 50px;}
.title-zn{font-size: 28px;color:#3677f9;font-weight: bold;}
.detail-content{height:30px;line-height: 30px;}
.detail-btn{width:141px;height:32px;background:url(../img/bg-btn.png) left top no-repeat;line-height: 32px;padding-left: 20px;color:#fff;margin-top: 14px;cursor: pointer;}
.part1{background:url(../img/bg-city.png) right top no-repeat;}
.part2{background:url(../img/bg-park.png) left top no-repeat;}
.part3{background:url(../img/bg-construction.png) right top no-repeat;}
.part4{background:url(../img/bg-sandbox.png) left top no-repeat;}




.demo{background:url(../img/bg-demo.png) center center no-repeat;}



.demo-title{width:150px;border-bottom: solid 1px #fff;color:#fff;font-weight: bold;font-size: 26px;margin:0 auto;text-align: center;padding:25px 0 10px 0;}
.demo-title-en{width:150px;color:#fff;font-size: 14px;margin:0 auto;text-align: center;padding:5px 0 10px 0;}
.demo-content{width:1200px;overflow: hidden;margin:0 auto;display: flex;}
.demo-list{display: flex;width: 9999px;}
.demo-list-common{width:200px;height:532px;cursor: pointer;overflow: hidden;position: relative;}
.demo-list-active{width:400px;}
.demo-list-city{background:url(../img/demo/img1.jpg) center center no-repeat;}
.demo-list-fire{background:url(../img/demo/img2.jpg) center center no-repeat;}
.demo-list-flood{background:url(../img/demo/img3.jpg) center center no-repeat;}
.demo-list-gardens{background:url(../img/demo/img4.jpg) center center no-repeat;}
.demo-list-park{background:url(../img/demo/img5.jpg) center center no-repeat;}
.demo-list-beam{background:url(../img/demo/img6.jpg) center center no-repeat;}
.demo-change{margin-top:100px;color: #fff;text-align: center;font-weight: bold;font-size: 18px;}

.partners{}
.partners-list{width:235px;height:80px;border: solid 1px #dcdcdc;margin-right:76px;}
.ceic{background:url(../img/partners/bg-ceic.png) center center no-repeat;}
.cggc{background:url(../img/partners/bg-cggc.png) center center no-repeat;}
.cggc1{background:url(../img/partners/bg-cggc1.png) center center no-repeat;}
.crcc{background:url(../img/partners/bg-crcc.png) center center no-repeat;}
.cscec{background:url(../img/partners/bg-cscec.png) center center no-repeat;}
.dobot{background:url(../img/partners/bg-dobot.png) center center no-repeat;}
.inspur{background:url(../img/partners/bg-inspur.png) center center no-repeat;}
.ceic{background:url(../img/partners/bg-ceic.png) center center no-repeat;}
.jigaokonggu{background:url(../img/partners/bg-jigaokonggu.png) center center no-repeat;}
.sdhs{background:url(../img/partners/bg-sdhs.png) center center no-repeat;}
.qinghua{background:url(../img/partners/bg-qinghua.png) center center no-repeat;}
.shanda{background:url(../img/partners/bg-shanda.png) center center no-repeat;}
.taiji{background:url(../img/partners/bg-taiji.png) center center no-repeat;}
.zky{background:url(../img/partners/bg-zky.png) center center no-repeat;}
.ls{background:url(../img/partners/bg-ls.png) center center no-repeat;}
.wr{background:url(../img/partners/bg-wr.png) center center no-repeat;}
#footer{background-color: #0b1e2f;}
#footer a{color: #fff;text-decoration: none;}
.bg-logo{width:142px;height:180px;background:url(../img/bg-bottom-logo.png) center center no-repeat ;}

.bg-line{width:127px;height: 161px;background:url(../img/bg-vertical-line.png) center center no-repeat ;}
/*common.css start*/
.h08{height:8px;}
.h10{height:10px;}
.h15{height:15px;}
.h16{height:16px;}
.h50{height:50px;}
.h55{height:55px;}
.h25{height:25px;}
.h75{height: 75px;}
.h30{height:30px;}
.h35{height:35px;}
.bg-fff{background-color: #fff;}
.h60{height:60px;}
.h45{height:45px;}
.h40{height:40px;}
/*common.css end*/

.pro-banner{height:580px;background:url(../img/pro/banner.png) center center no-repeat;position: relative;}
.intlligent-city{width:1202px;margin:0 auto;}
.city-left{width:443px;height:418px;background:url(../img/pro/bg-city-left.png) center center no-repeat;position: relative;color: #fff;}
.city-left-title{background:url(../img/prevention/bg-city-title.png) 1px 8px no-repeat;font-size: 22px;margin-left: 20px;padding-left: 23px;margin-bottom: 20px;font-weight: bold;}
.city-left-content{background:url(../img/prevention/icon-1.png) 1px 9px no-repeat;margin: 0 16px 26px 20px;padding-left: 18px;}


.city-right{width:746px;height:418px;background:url(../img/pro/bg-city-right.png) center center no-repeat;position: relative;}
.intlligent-city-title{color: #000;border-bottom: solid 1px #b4d7ff;font-size: 28px;padding-bottom: 12px;text-align: center;font-weight: bold;}
.intlligent-city-en{color: #a7a7a7;text-align: center;padding: 10px 0 33px 0;}

.prevention{background-color: #eef3f9;height:1409px;}
.prevention-left{width:606px;height:481px;background:url(../img/pro/bg-prevention.png) center center no-repeat;}
.prevention-en{color: #a7a7a7;text-align: center;text-align: center;padding: 10px 0 0 0;}
.prevention-right{width:577px;height:481px;}
.prevention-right-top{background:url(../img/pro/bg-top.png) center center no-repeat;height:199px;}
.prevention-right-top2{background:url(../img/pro/bg-top2.png) center center no-repeat;height:286px;}
.pre-item-1{background:url(../img/prevention/bg-pre-1.png) top center no-repeat;width:180px;height:100px;position: relative;}
.pre-item-2{background:url(../img/prevention/bg-pre-2.png) top center no-repeat;width:180px;height:100px;position: relative;}
.pre-item-3{background:url(../img/prevention/bg-pre-3.png) top center no-repeat;width:180px;height:100px;position: relative;}
.pre-item-4{background:url(../img/prevention/bg-pre-4.png) top center no-repeat;width:180px;height:100px;position: relative;}
.pre-item-5{background:url(../img/prevention/bg-pre-5.png) top center no-repeat;width:180px;height:100px;position: relative;}
.pre-item-6{background:url(../img/prevention/bg-pre-6.png) top center no-repeat;width:180px;height:100px;position: relative;}
.pre-item-text{width:100%;position: absolute;bottom:0;text-align: center;}


.prevention-list{display: flex;width:1200px;margin:0 auto;justify-content: space-between;}
.prevention-list>div{width:300px;height:173px;}

.prevention-list-title{background:url(../img/pro/bg-title.png) 1px 1px no-repeat;margin: 20px 0 0 10px;padding-left:10px;font-weight: bold;}
.prevention-list-text{padding: 0 18px 0 18px;text-indent: 2em;line-height: 30px;}
.prevention-list-title-jsc{height:54px;line-height:54px;background:#ffffff url(../img/pro/bg-title.png) 13px 15px no-repeat;padding-left:25px;font-weight: bold;}


/*construction start*/
.cons-banner{height:580px;background:url(../img/construction/bg-cons-banner.png) center center no-repeat;position: relative;}

.intlligent-city{width:1202px;margin:0 auto;}

.cons-left{width:443px;height:418px;background:url(../img/construction/bg-cons-left.png) center center no-repeat;position: relative;color: #fff;}
.cons-left-title{background:url(../img/pro/bg-city-title.png) 1px 8px no-repeat;font-size: 22px;margin-left: 20px;padding-left: 23px;margin-bottom: 20px;font-weight: bold;}
.cons-left-content{background:url(../img/prevention/icon-1.png) 1px 9px no-repeat;margin: 0 16px 26px 20px;padding-left: 18px;}
.cons-right{width:746px;height:418px;background:url(../img/construction/bg-cons-right.png) center center no-repeat;position: relative;}
.cons-item-left-1{width:834px;height:234px;background:url(../img/construction/bg-cons-1.png) left top no-repeat;}
.cons-item-right-1{width:366px;height:232px;border: solid 1px #dddddd;}

.cons-item-left-2{width:834px;height:234px;background:url(../img/construction/bg-cons-2.png) left top no-repeat;}
.cons-item-left-3{width:834px;height:234px;background:url(../img/construction/bg-cons-3.png) left top no-repeat;}
.cons-item-left-4{width:834px;height:234px;background:url(../img/construction/bg-cons-4.png) left top no-repeat;}
/*construction end*/
.campus-banner{height:580px;background:url(../img/campus/banner.png) center center no-repeat;position: relative;}
/*water 智慧水利 start*/
.water-left{width:443px;height:296px;background:url(../img/water/bg-water.png) center center no-repeat;position: relative;color: #fff;}
.water-right{width:745px;height:296px;background:url(../img/water/img1.png) center center no-repeat;position: relative;}
.numberic{width:287px;height:63px;background:url(../img/water/bg-number.png) center center no-repeat;margin-right: 13.5px;display: flex;}
.num-1{width:63px;height:63px;background:url(../img/water/bg-num-01.png) center center no-repeat;}
.num-2{width:63px;height:63px;background:url(../img/water/bg-num-02.png) center center no-repeat;}
.num-3{width:63px;height:63px;background:url(../img/water/bg-num-03.png) center center no-repeat;}
.num-4{width:63px;height:63px;background:url(../img/water/bg-num-04.png) center center no-repeat;}
.num-content{color:#0f4cc9;font-weight: bold;}
.num-content>p{margin:0;padding:0;}
.img2{height:231px;background:url(../img/water/img2.png) center center no-repeat;}
.img3{height:231px;background:url(../img/water/img3.png) center center no-repeat;}
.img4{height:231px;background:url(../img/water/img4.png) center center no-repeat;}
.img5{height:231px;background:url(../img/water/img5.png) center center no-repeat;}
.water-common-text{height:61px;background:url(../img/water/bg-text.png) center center no-repeat;line-height: 61px;text-align: center;font-weight: bold;}
/*water 智慧水利 end*/
/*fire 智慧消防 start*/
.fire-left{width:443px;height:351px;background:url(../img/fire/bg-fire.png) center center no-repeat;position: relative;color: #fff;}
.fire-right{width:745px;height:351px;background:url(../img/fire/img1.png) center center no-repeat;position: relative;background-size: 100% 100%;}
.fire-img2{height:332px;background:url(../img/fire/img1.png) center center no-repeat;}
.fire-img3{height:332px;background:url(../img/fire/img2.png) center center no-repeat;}
.fire-img4{height:332px;background:url(../img/fire/img3.png) center center no-repeat;}
.fire-img5{height:332px;background:url(../img/fire/img4.png) center center no-repeat;}
/*fire 智慧消防 end*/

/*park 智慧消防 start*/
.intlligent-park{width:1202px;margin:0 auto;}
.park-left{width:428px;height:364px;background:url(../img/park/bg-park.png) center center no-repeat;position: relative;color: #fff;}
.park-right{width:745px;height:364px;background:url(../img/park/img1.png) center center no-repeat;position: relative;background-size: 100% 100%;}
.park-img2{height:332px;background:url(../img/fire/img1.png) center center no-repeat;}
.park-img3{height:332px;background:url(../img/fire/img2.png) center center no-repeat;}
.park-img4{height:332px;background:url(../img/fire/img3.png) center center no-repeat;}
.park-img5{height:332px;background:url(../img/fire/img4.png) center center no-repeat;}
/*park 智慧消防 end*/

/*indus-park 智慧工业园区 start*/
.indus{background-color: #eef3f9;}
.intlligent-park{width:1202px;margin:0 auto;}
.park-indus-left{width:455px;height:440px;background:url(../img/industry/bg-industry.png) center center no-repeat;position: relative;color: #fff;}
.park-indus-right{width:746px;height:440px;background:url(../img/industry/img1.png) center center no-repeat;position: relative;background-size: contain;}
.indus-park-img2{width:367px;height:103px;background:url(../img/industry/img2.png) center center no-repeat;}
.indus-park-img3{width:367px;height:103px;background:url(../img/industry/img3.png) center center no-repeat;}
.indus-park-img4{width:367px;height:103px;background:url(../img/industry/img4.png) center center no-repeat;}
.indus-park-img5{width:367px;height:103px;background:url(../img/industry/img5.png) center center no-repeat;}
.indus-park-img6{width:448px;height:214px;background:url(../img/industry/img6.png) center center no-repeat;}

/*indus-park 智慧工业园区 end*/

/*campus 智慧校园 start*/
.indus{background-color: #eef3f9;}
.intlligent-park{width:1202px;margin:0 auto;}
.campus-left{width:462px;height:404px;background:url(../img/campus/bg-campus.png) center center no-repeat;position: relative;color: #fff;}
.campus-right{width:725px;height:404px;background:url(../img/campus/img1.png) center center no-repeat;position: relative;background-size: contain;}
.campus-img2{width:388px;height:217px;background:url(../img/campus/img2.png) center center no-repeat;}
.campus-img3{width:388px;height:217px;background:url(../img/campus/img3.png) center center no-repeat;}
.campus-img4{width:388px;height:217px;background:url(../img/campus/img4.png) center center no-repeat;}
.campus-img5{width:388px;height:217px;background:url(../img/campus/img5.png) center center no-repeat;}
.campus-img6{width:388px;height:217px;background:url(../img/campus/img6.png) center center no-repeat;}
.campus-img7{width:388px;height:217px;background:url(../img/campus/img7.png) center center no-repeat;}
.campus-common-text{height:61px;background:url(../img/water/bg-text.png) center center no-repeat;line-height: 61px;text-align: center;font-weight: bold;background-size: 100% 100%;}
/*campus 智慧校园 end*/
/*garden 智慧园林 start*/
.garden{background-color: #eef3f9;}
.intlligent-park{width:1202px;margin:0 auto;}
.garden-left{width:455px;height:530px;background:url(../img/garden/bg-garden.png) center center no-repeat;position: relative;color: #fff;}
.garden-right{width:746px;height:530px;background:url(../img/garden/img1.png) center center no-repeat;position: relative;background-size: contain;}
.garden-img2{width:588px;height:391px;background:url(../img/garden/img2.png) center center no-repeat;}
.garden-img3{width:300px;height:191px;background:url(../img/garden/img3.png) center center no-repeat;}
.garden-img4{width:300px;height:191px;background:url(../img/garden/img4.png) center center no-repeat;}
.garden-img5{width:300px;height:191px;background:url(../img/garden/img5.png) center center no-repeat;}
.garden-img6{width:300px;height:191px;background:url(../img/garden/img6.png) center center no-repeat;}
.campus-common-text{height:61px;background:url(../img/water/bg-text.png) center center no-repeat;line-height: 61px;text-align: center;font-weight: bold;background-size: 100% 100%;}
/*garden 智慧园林 end*/
/* 屏幕分辨率放大为 150 */
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 120dpi) {

}
/* 屏幕分辨率放大为 125 */
@media (-webkit-min-device-pixel-ratio: 1.25) {
.banner{height:480px;/* background:url(../img/0001.gif) center center no-repeat; */position: relative;}	
.slogan1{position: absolute;left:432px;top:162px;display: none;z-index: 999;}
.slogan2{position: absolute;left:556px;top:275px;display: none;z-index: 999;}
.menu{left:700px;}
}

@media (-webkit-min-device-pixel-ratio: 1) {

}
