@charset "utf-8";

/*方案列表*/
.content{width:100%; height:auto; overflow:hidden;}
.content .wrap{max-width: 1200px;margin:0 auto;}

.cardTitle{font-size:32px;font-weight:600;line-height:60px;color:#333;text-align:center;}

.solutionList{margin-top:30px;height:auto;overflow:hidden;}

.solutionList .item{height:300px;padding:40px;background:rgb(236,242,248);border-radius:1px;margin-bottom:30px;clear:both;border-right:2px solid rgb(236,242,248);border-bottom:2px solid rgb(236,242,248);}
.solutionList .item:hover{border-right:2px solid rgba(49,102,156,0.33);border-bottom:2px solid rgba(49,102,156,0.33);}
.solutionList .item .pic{width:448px;height:auto;margin-right:48px;float:left;}
.solutionList .item img{width:100%;height:100%;display:block;}

.solutionList .item .detail{width:55%;float:right;}
.solutionList .detail .title{font-size:24px;font-weight:500;color:#333;line-height:28px;margin-bottom:12px;text-align:left;}
.solutionList .detail .desc{font-size:14px;color:#666;line-height:24px;margin-bottom:15px;text-align:left;}

.solutionList .points{font-size:16px;line-height:32px;margin-bottom:15px;color:#0A2349;}
.solutionList .points .point-item:before{content:"";position:absolute;left:0;top:12px;width:8px;height:7px;background:#0E57A2;transform:skewX(-10deg);}
.solutionList .points .point-item{padding-left:17px;display:inline-block;margin-right:40px;position:relative;width:100px;}

.solutionList .btns a{display:inline-block;width:180px;height:46px;line-height:46px;font-size:16px;text-align:center;transition:all 0.1s linear 0s;border:1px solid #194AC3;color:#194AC3;margin-right:24px;}
.solutionList .btns a:hover{background:rgba(14,87,162,0.1);}

/*解决方案公共样式*/
.content h3{font-size:32px;font-weight:600;line-height:60px;color:#333;text-align:center;}

.container{max-width: 1200px;margin:0 auto;}
.type-title{width:170px;height:60px;line-height:60px;margin:50px auto 0;font-size:22px;text-align:center;}
.type-title.black{color:#000;border:1px solid #000;}
.type-title.white {color: #FFF;border: 1px solid #FFF;}

.cast_div{position:absolute;}
.cast_div::after,.cast_div::before{content:'';position:absolute;background:#999;}
.cast_div p.name{color:#333;font-size:16px;position:absolute;font-weight:bold;}

.cont_txt{background:url(../images/txt_bg.png) no-repeat;width:359px;height:205px;display:none;position:absolute;top:0;left:0;z-index:10;}
.cont_txt p{color:#666;font-size:12px;margin-top:8px;line-height:180%;}
.cont_txt div{padding:45px 15px 45px 25px;}

.cont_ico{width:140px;float:right;height:205px;position:absolute;right:0;top:0;}
.cont_ico::after{content:'';width:22px;height:29px;background:url(../images/adr_ico.png) no-repeat;position:absolute;}
.cont_ico::before{content:'';width:36px;height:36px;background:url(../images/dot1.png) no-repeat;position:absolute;z-index:12;}

.gory_list:hover::after{ background: #d52806; height: 2px;}
.gory_list:hover::before{ width: 2px; background: #d52806;}
.gory_list:hover p.name{display: none} 
.gory_list:hover .cont_txt{  display:block;}
.gory_list:hover .cont_ico::before{content: ''; width: 13px; height: 13px;background: url(../images/dot2.png) no-repeat;}

/*行业现状*/
.industry-status .type-title{margin-bottom:50px;}
.industry-status .content{position:relative;background:#EDF4FB;border-radius:10px;box-shadow:0 0px 10px 3px rgba(7, 17, 27, 0.08);}
.industry-status .content .text {padding:25px;text-align:center;}
.industry-status .content .text p{line-height:36px;font-size:18px;color:#42454c;}
.industry-status .content .img-box{width:100%;height:auto;}
.industry-status .content .img-box img{display:block;width:100%;height:100%;}

/*智慧社区*/
.smart_community {padding: 300px 0 400px; position: relative;}
.smart_community img{margin: 0 auto;display: block;width: 631px; height: 596px;}

.community_01{width: 100px;height: 100px;position: absolute;top: 357px;left: 627px;}
.community_01 .cont_ico{width: 100px;height: 80px;right: 281px;top: -122px;}
.community_01 .cont_ico::after{top: 162px;left: 292px;}
.community_01::before{width:1px;height: 126px;left: 22px;top: -81px;}
.community_01::after{width: 250px;height: 1px;top: -81px;left: -227px;}
.community_01 .cont_ico::before{left: 31px;top: 23px;}
.community_01 p.name{top: -135px;left: -314px;width: 160px;text-align:center;}
.community_01:hover .cont_txt{left: -418px;top: -290px;}
.community_01:hover::before{width:2px;height: 195px;left: 22px;top: -151px;}
.community_01:hover::after{width: 80px;height: 2px;top: -151px;left: -58px;}
.community_01:hover .cont_ico::before{left: 216px;top: -35px;}

.community_02{width: 100px;height: 100px;position: absolute;top: 375px;left: 717px;}
.community_02 .cont_ico{width: 100px;height: 80px;right: -158px;top: -181px;}
.community_02 .cont_ico::after{top: 218px;left: -146px;}
.community_02::before{width:1px;height: 180px;left: 22px;top: -141px;}
.community_02::after{width: 250px;height: 1px;top: -142px;left: 22px;}
.community_02 .cont_ico::before{left: 101px;top: 20px;}
.community_02 p.name{top: -192px;left: 197px;width: 160px;text-align:center;}
.community_02:hover .cont_txt{left: 101px;top: -290px;}
.community_02:hover::before{width:2px;height: 180px;left: 22px;top: -141px;}
.community_02:hover::after{width: 80px;height: 2px;top: -142px;left: 22px;}
.community_02:hover .cont_ico::before{left: -58px;top: 32px;}

.community_03{width: 100px;height: 100px;position: absolute;top: 361px;left: 535px;}
.community_03 .cont_ico{width: 100px;height: 80px;right: -465px;top: 71px;}
.community_03 .cont_ico::after{top: -33px;left: -454px;}
.community_03::before{width:1px;height: 65px;left: 22px;top: 64px;}
.community_03::after{width: 515px;height: 1px;top: 129px;left: 22px;}
.community_03 .cont_ico::before{left: 57px;top: 39px;}
.community_03 p.name{top: 78px;left: 460px;width: 160px;text-align:center;}
.community_03:hover .cont_txt{left: 325px;top: 0;}
.community_03:hover::before{width:2px;height: 65px;left: 22px;top: 64px;}
.community_03:hover::after{width: 304px;height: 2px;top: 129px;left: 22px;}
.community_03:hover .cont_ico::before{left: -142px;top: 51px;}

.community_04{width: 100px;height: 100px;position: absolute;top: 416px;left: 820px;}
.community_04 .cont_ico{width: 100px;height: 80px;right: -275px;top: 143px;}
.community_04 .cont_ico::after{top: -102px;left: -233px;}
.community_04::before{width:1px;height: 116px;left: 53px;top: 67px;}
.community_04::after{width: 238px;height: 1px;top: 181px;left: 47px;}
.community_04 .cont_ico::before{left: -4px;top: 20px;}
.community_04 p.name{top: 133px;left: 208px;width: 160px;text-align:center;}
.community_04:hover .cont_txt{left: 2px;top: 140px;}
.community_04:hover::before{width:2px;height: 86px;left: 53px;top: 67px;}
.community_04:hover::after{width: 0;height: 2px;top: 181px;left: 54px;}
.community_04:hover .cont_ico::before{left: -227px;top: 0;}

.community_05{width: 100px;height: 100px;position: absolute;top: 592px;left: 499px;}
.community_05 .cont_ico{width: 100px;height: 80px;right: 425px;top: -158px;}
.community_05 .cont_ico::after{top: 207px;left: 439px;}
.community_05::before{width:1px;height: 150px;left: 24px;top: -106px;}
.community_05::after{width: 438px;height: 1px;top: -106px;left: -414px;}
.community_05 .cont_ico::before{left: -4px;top: 33px;}
.community_05 p.name{top: -158px;left: -491px;width: 160px;text-align:center;}
.community_05:hover .cont_txt{left: -495px;top: -209px;}
.community_05:hover::before{width:2px;height: 150px;left: 24px;top: -106px}
.community_05:hover::after{width: 184px;height: 2px;top: -106px;left: -158px;}
.community_05:hover .cont_ico::before{left: 282px;top: 46px;}

.community_06{width: 30px;height: 30px;position: absolute;top: 659px;left: 471px;}
.community_06 .cont_ico{width: 100px;height: 80px;right: 379px;top: -109px;}
.community_06 .cont_ico::after{top: 106px;left: 453px;}
.community_06::before{width:1px;height: 30px;left: -422px;top: -4px;}
.community_06::after{width: 438px;height: 1px;top: 25px;left: -422px;}
.community_06 .cont_ico::before{left: 9px;top: 81px;}
.community_06 p.name{top: -60px;left: -502px;width: 160px;text-align:center;}
.community_06:hover .cont_txt{left: -481px;top: -73px;}
.community_06:hover::before{width:2px;height: 0;left: 24px;top: -106px}
.community_06:hover::after{width: 138px;height: 2px;top: 25px;left: -123px;}
.community_06:hover .cont_ico::before{left: 319px;top: 128px;}

.community_07{width: 30px;height: 30px;position: absolute;top: 633px;left: 444px;}
.community_07 .cont_ico{width: 100px;height: 80px;right: 319px;top: 131px;}
.community_07 .cont_ico::after{top: -125px;left: 396px;}
.community_07::before{width:1px;height: 145px;left: 18px;top: 31px;}
.community_07::after{width: 390px;height: 1px;top: 175px;left: -371px;}
.community_07 .cont_ico::before{left: 5px;top: 28px;}
.community_07 p.name{top: 126px;left: -445px;width: 160px;text-align:center;}
.community_07:hover .cont_txt{left: -440px;top: 104px;}
.community_07:hover::before{width:2px;height: 145px;left: 18px;top: 31px;}
.community_07:hover::after{width: 390px;height: 2px;top: 175px;left: -371px;}
.community_07:hover .cont_ico::before{left: 301px;top: 38px;}

.community_08{width: 30px;height: 30px;position: absolute;top: 726px;left: 478px;}
.community_08 .cont_ico{width: 100px;height: 80px;right: 319px;top: 238px;}
.community_08 .cont_ico::after{top: -230px;left: 396px;}
.community_08::before{width:1px;height: 250px;left: 18px;top: 31px;}
.community_08::after{width: 365px;height: 1px;top: 280px;left: -347px;}
.community_08 .cont_ico::before{left: 25px;top: 25px;}
.community_08 p.name{top: 232px;left: -425px;width: 160px;text-align:center;}
.community_08:hover .cont_txt{left: -440px;top: 196px;}
.community_08:hover::before{width:2px;height: 250px;left: 18px;top: 31px;}
.community_08:hover::after{width: 103px;height: 2px;top: 280px;left: -83px;}
.community_08:hover .cont_ico::before{left: 301px;top: 36px;}

.community_09{width: 30px;height: 30px;position: absolute;top: 722px;left: 516px;}
.community_09 .cont_ico{width: 100px;height: 80px;right: 86px;top: 343px;}
.community_09 .cont_ico::after{top: -356px;left: 157px;}
.community_09::before{width:1px;height: 358px;left: 12px;top: 11px;}
.community_09::after{width: 150px;height: 1px;top: 368px;left: -137px;}
.community_09 .cont_ico::before{left: 3px;top: 7px;}
.community_09 p.name{top: 395px;left: -216px;width: 160px;text-align:center;}
.community_09:hover .cont_txt{left: -384px;top: 282px;}
.community_09:hover::before{width:2px;height: 358px;left: 12px;top: 11px;}
.community_09:hover::after{width: 41px;height: 2px;top: 368px;left: -27px;}
.community_09:hover .cont_ico::before{left: 123px;top: 19px;}

.community_10{width: 30px;height: 30px;position: absolute;top: 781px;left: 550px;}
.community_10 .cont_ico{width: 100px;height: 80px;right: -461px;top: 164px;}
.community_10 .cont_ico::after{top: -173px;left: -384px;}
.community_10::before{width:1px;height: 198px;left: 18px;top: 15px;}
.community_10::after{width: 388px;height: 1px;top: 212px;left: 18px;}
.community_10 .cont_ico::before{left: 3px;top: 30px;}
.community_10 p.name{top: 160px;left: 332px;width: 160px;text-align:center;}
.community_10:hover .cont_txt{left: 289px;top: 95px;}
.community_10:hover::before{width:2px;height: 198px;left: 18px;top: 15px;}
.community_10:hover::after{width: 272px;height: 2px;top: 212px;left: 18px;}
.community_10:hover .cont_ico::before{left: -103px;top: 42px;}

.community_11{width: 30px;height: 30px;position: absolute;top: 775px;left: 680px;}
.community_11 .cont_ico{width: 100px;height: 80px;right: -240px;top: 276px;}
.community_11 .cont_ico::after{top: -286px;left: -162px;}
.community_11::before{width:1px;height: 305px;left: 18px;top: 15px;}
.community_11::after{width: 160px;height: 1px;top: 319px;left: 18px;}
.community_11 .cont_ico::before{left: -10px;top: 25px;}
.community_11 p.name{top: 268px;left: 100px;width: 160px;text-align:center;}
.community_11:hover .cont_txt{left: 172px;top: 220px;}
.community_11:hover::before{width:2px;height: 305px;left: 18px;top: 15px;}
.community_11:hover::after{width: 160px;height: 2px;top: 319px;left: 18px;}
.community_11:hover .cont_ico::before{left: 0;top: 37px;}

.community_12{width: 30px;height: 30px;position: absolute;top: 667px;left: 752px;}
.community_12 .cont_ico{width: 100px;height: 80px;right: -350px;top: 126px;}
.community_12 .cont_ico::after{top: -135px;left: -273px;}
.community_12::before{width:1px;height: 156px;left: 18px;top: 15px;}
.community_12::after{width: 267px;height: 1px;top: 170px;left: 18px;}
.community_12 .cont_ico::before{left: -10px;top: 25px;}
.community_12 p.name{top: 117px;left: 209px;width: 160px;text-align:center;}
.community_12:hover .cont_txt{left: 84px;top: 0;}
.community_12:hover::before{width:2px;height: 156px;left: 18px;top: 15px;}
.community_12:hover::after{width: 68px;height: 2px;top: 170px;left: 18px;}
.community_12:hover .cont_ico::before{left: -198px;top: 38px;}

/*智慧园区*/
.smart_park .posi_img{width:784px;height:443px;display:block;margin:0 auto;}
.smart_park{padding:200px 0 350px;position:relative;margin-top: 100px;}

.cast_div{ position: absolute;}
.cast_div::after,.cast_div::before{content: '';position: absolute;background: #999;}
.park_01{ width: 500px; top:100px; left:290px;}
.park_01 .cont_ico::after{top: 201px;left: 5px;}
.park_01::before{width:1px;height: 240px;left: 376px;top: -30px;}
.park_01::after{width: 125px;height: 1px;top: -30px;left: 252px;}
.park_01 .cont_ico::before{left: -128px;top: -47px;}
.cast_div p.name{ color: #333; font-size:16px; position: absolute; font-weight:bold;}
.park_01 p.name{top: -40px;left: 75px;width: 160px;text-align:center;}
.park_01:hover .cont_txt{left: -107px;top: -135px;}
.park_01:hover::before{height: 210px;top: 10px;}
.park_01:hover::after{top: 10px;left: 252px;width:126px;}
.park_01:hover .cont_ico::before{left: -115px;top: 4px;}

.park_02{ width: 500px; top:100px; left:290px;}
.park_02 .cont_ico::after{top: 176px;left: -95px;}
.park_02::before{width:1px;height: 109px;left: 275px;top: 70px;}
.park_02::after{width: 425px;height: 1px;top: 70px;left: -149px;}
.park_02 .cont_ico::before{left: -523px;top: 52px;}
.park_02 p.name{top: 20px;left: -225px;width: 160px;text-align:center;}
.park_02:hover .cont_txt{left: -291px;top: 2px;}
.park_02:hover::before{height: 100px;top: 90px;left: 277px;}
.park_02:hover::after{top: 90px;left: 68px;width: 209px;}
.park_02:hover .cont_ico::before{left: -300px;top: 84px;}

.park_03{width: 500px;top: 162px;left: 85px;}
.park_03 .cont_ico::after{top: 176px;left: -95px;}
.park_03::before{width:1px;height: 0;left: 376px;top: -30px;}
.park_03::after{width: 318px;height: 1px;top: 205px;left: -40px;}
.park_03 .cont_ico::before{left: -419px;top: 187px;}
.park_03 p.name{top: 158px;left: -120px;width: 160px;text-align:center;}
.park_03:hover .cont_txt{left: -108px;top: 2px;}
.park_03:hover::before{height: 100px;top: 90px;left: 277px;}
.park_03:hover::after{top: 90px;left: 250px;width: 29px;}
.park_03:hover .cont_ico::before{left: -117px;top: 84px;}

.park_04{width: 500px;top: 197px;left: 108px;}
.park_04 .cont_ico::after{top: 176px;left: -95px;}
.park_04::before{width:1px;height: 82px;left: 25px;top: 205px;}
.park_04::after{width: 249px;height: 1px;top: 205px;left: 26px;}
.park_04 .cont_ico::before{left: -353px;top: 266px;}
.park_04 p.name{top: 308px;left: -55px;width: 160px;text-align:center;}
.park_04:hover .cont_txt{left: -108px;top: 278px;}
.park_04:hover::before{width:2px;height: 82px;left: 25px;top: 205px;}
.park_04:hover::after{width: 249px;height: 2px;top: 205px;left: 26px;}
.park_04:hover .cont_ico::before{left: -341px;top: 273px;}

.park_05{width: 252px;top: 196px;left: 379px;}
.park_05 .cont_ico::after{top: 176px;left: -95px;}
.park_05::before{width:1px;height: 207px;left: 28px;top: 203px;}
.park_05::after{width: 152px;height: 1px;top: 409px;left: -124px;}
.park_05 .cont_ico::before{left: -259px;top: 392px;}
.park_05 p.name{top: 438px;left: -210px;width: 160px;text-align:center;}
.park_05:hover .cont_txt{left: -309px;top: 378px;}
.park_05:hover::before{width:2px;height: 200px;left: 27px;top: 190px;}
.park_05:hover::after{width: 0;height: 2px;top: 205px;left: 26px;}
.park_05:hover .cont_ico::before{left: -91px;top: 375px;}

.park_06{width: 252px;top: 194px;left: 427px;}
.park_06 .cont_ico::after{top: 176px;left: -95px;}
.park_06::before{width:1px;height: 240px;left: 28px;top: 203px;}
.park_06::after{width: 0;height: 1px;top: 477px;left: -124px;}
.park_06 .cont_ico::before{left: -102px;top: 428px;}
.park_06 p.name{top: 473px;left: -50px;width: 160px;text-align:center;}
.park_06:hover .cont_txt{left: -275px;top: 456px;}
.park_06:hover::before{width:2px;height: 276px;left: 27px;top: 190px;}
.park_06:hover::after{width: 0;height: 2px;top: 205px;left: 26px;}
.park_06:hover .cont_ico::before{left: -91px;top: 448px;}

.park_07{width: 252px;top: 254px;left: 524px;}
.park_07 .cont_ico::after{top: 176px;left: -95px;}
.park_07::before{width:1px;height: 344px;left: 28px;top: 203px;}
.park_07::after{width: 0;height: 1px;top: 477px;left: -124px;}
.park_07 .cont_ico::before{left: -102px;top: 526px;}
.park_07 p.name{top: 570px;left: -55px;width: 160px;text-align:center;}
.park_07:hover .cont_txt{left: -197px;top: 456px;}
.park_07:hover::before{width:2px;height: 276px;left: 27px;top: 190px;}
.park_07:hover::after{width: 0;height: 2px;top: 205px;left: 26px;}
.park_07:hover .cont_ico::before{left: -91px;top: 448px;}

.park_08{width: 252px;top: 153px;left: 649px;}
.park_08 .cont_ico::after{top: 176px;left: -95px;}
.park_08::before{width:1px;height: 316px;left: 28px;top: 212px;}
.park_08::after{width: 0;height: 1px;top: 477px;left: -124px;}
.park_08 .cont_ico::before{left: -102px;top: 506px;}
.park_08 p.name{top: 548px;left: -50px;width: 160px;text-align:center;}
.park_08:hover .cont_txt{left: -197px;top: 417px;}
.park_08:hover::before{width:2px;height: 241px;left: 27px;top: 190px;}
.park_08:hover::after{width: 0;height: 2px;top: 205px;left: 26px;}
.park_08:hover .cont_ico::before{left: -91px;top: 409px;}

.park_09 .cont_ico{right: -443px;height: 120px;width: 120px;top: 41px;}
.park_09{width: 20px;top: 500px;left: 549px;}
.park_09 .cont_ico::after{top: -9px;left: -326px;}
.park_09::before{width:1px;height: 0;left: 20px;top: 105px;}
.park_09::after{width: 420px;height: 1px;top: 60px;left: 27px;}
.park_09 .cont_ico::before{left: 85px;top: 1px;}
.park_09 p.name{top: 87px;left: 366px;width: 160px;text-align:center;}
.park_09:hover .cont_txt{left: 291px;top: 180px;}
.park_09:hover::before{width:2px;height: 115px;left: 444px;top: 60px;}
.park_09:hover::after{width: 420px;height: 2px;top: 60px;left: 24px;}
.park_09:hover .cont_ico::before{left: 95px;top: 133px;}

.park_10 .cont_ico{right: -436px;height: 120px;width: 120px;top: 1px;}
.park_10{width: 120px;top: 417px;left: 643px;height: 120px;}
.park_10 .cont_ico::after{top: 31px;left: -320px;}
.park_10::before{width:1px;height: 0;left: 20px;top: 105px;}
.park_10::after{width: 346px;height: 1px;top: 60px;left: 128px;}
.park_10 .cont_ico::before{left: 26px;top: 41px;}
.park_10 p.name{top: 87px;left: 402px;width: 160px;text-align:center;}
.park_10:hover .cont_txt{left: 291px;top: 180px;}
.park_10:hover::before{width:2px;height: 115px;left: 444px;top: 60px;}
.park_10:hover::after{width: 319px;height: 2px;top: 60px;left: 127px;}
.park_10:hover .cont_ico::before{left: 3px;top: 171px;}

.park_11 .cont_ico{right: -436px;height: 120px;width: 120px;top: 1px;}
.park_11{width: 0;top: 296px;left: 790px;height: 0;}
.park_11 .cont_ico::after{top: 42px;left: -293px;}
.park_11::before{width:1px;height: 150px;left: 34px;top: -105px;}
.park_11::after{width: 60px;height: 1px;top: -106px;left: 34px;}
.park_11 .cont_ico::before{left: -236px;top: -125px;}
.park_11 p.name{top: -155px;left: 19px;width: 160px;text-align:center;}
.park_11:hover .cont_txt{left: 60px;top: -200px;}
.park_11:hover::before{width:2px;height: 159px;left: 33px;top: -112px;}
.park_11:hover::after{width: 29px;height: 2px;top: -113px;left: 33px;}
.park_11:hover .cont_ico::before{left: -257px;top: -121px;}

.park_12 .cont_ico{right: -436px;height: 120px;width: 120px;top: 1px;}
.park_12{width: 0;top: 218px;left: 662px;height: 0;}
.park_12 .cont_ico::after{top: 42px;left: -293px;}
.park_12::before{width:1px;height: 150px;left: 34px;top: -105px;}
.park_12::after{width: 60px;height: 1px;top: -106px;left: 34px;}
.park_12 .cont_ico::before{left: -236px;top: -125px;}
.park_12 p.name{top: -155px;left: 17px;width: 160px;text-align:center;}
.park_12:hover .cont_txt{left: 60px;top: -200px;}
.park_12:hover::before{width:2px;height: 159px;left: 33px;top: -112px;}
.park_12:hover::after{width: 29px;height: 2px;top: -113px;left: 33px;}
.park_12:hover .cont_ico::before{left: -257px;top: -121px;}

/*智慧景区*/
.smart_scenic {padding:300px 0 350px;position:relative;margin-top:50px;}
.smart_scenic img{margin: 0 auto;display:block;width:1060px;height:397px;}

.scenic_01{width: 50px;height: 50px;position: absolute;top: 219px;left: 514px;}
.scenic_01 .cont_ico{width: 100px;height: 80px;right: 281px;top: -122px;}
.scenic_01 .cont_ico::after{top: 238px;left: 351px;}
.scenic_01::before{width:1px;height: 248px;left: 31px;top: -129px;}
.scenic_01::after{height: 1px;width: 90px;top: -129px;left: -59px;}
.scenic_01 .cont_ico::before{left: 253px;top: -25px;}
.scenic_01 p.name{top: -178px;left: -140px;width: 160px;text-align:center;}
.scenic_01:hover .cont_txt{left: -418px;top: -178px;}
.scenic_01:hover::before{width:2px;height: 248px;left: 31px;top: -129px;}
.scenic_01:hover::after{height: 2px;width: 90px;top: -129px;left: -59px;}
.scenic_01:hover .cont_ico::before{left: 264px;top: -12px;}

.scenic_02{width: 50px;height: 50px;position: absolute;top: 348px;left: 255px;}
.scenic_02 .cont_ico{width: 100px;height: 80px;right: 90px;top: -169px;}
.scenic_02 .cont_ico::after{top: 172px;left: 164px;}
.scenic_02::before{width:1px;height: 144px;left: 34px;top: -129px;}
.scenic_02::after{height: 1px;width: 90px;top: -129px;left: -56px;}
.scenic_02 .cont_ico::before{left: 66px;top: 22px;}
.scenic_02 p.name{top: -178px;left: -136px;width: 160px;text-align:center;}
.scenic_02:hover .cont_txt{left: -265px;top: -320px;}
.scenic_02:hover::before{width:2px;height: 132px;left: 34px;top: -121px;}
.scenic_02:hover::after{height: 2px;width: 90px;top: -129px;left: -56px;}
.scenic_02:hover .cont_ico::before{left: 168px;top: 36px;}

.scenic_03{width: 50px;height: 50px;position: absolute;top: 362px;left: 197px;}
.scenic_03 .cont_ico{width: 100px;height: 80px;right: 129px;top: -31px;}
.scenic_03 .cont_ico::after{top: 42px;left: 198px;}
.scenic_03::before{width:1px;height: 0;left: 29px;top: -132px;}
.scenic_03::after{height: 1px;width: 125px;top: 40px;left: -92px;}
.scenic_03 .cont_ico::before{left: 66px;top: 54px;}
.scenic_03 p.name{top: -8px;left: -176px;width: 160px;text-align:center;}
.scenic_03:hover .cont_txt{left: -201px;top: 118px;}
.scenic_03:hover::before{width:2px;height: 78px;left: -94px;top: 40px;}
.scenic_03:hover::after{height: 2px;width: 125px;top: 40px;left: -92px;}
.scenic_03:hover .cont_ico::before{left: 79px;top: 146px;}

.scenic_04{width: 50px;height: 50px;position: absolute;top: 422px;left: 141px;}
.scenic_04 .cont_ico{width: 100px;height: 80px;right: -44px;top: 151px;}
.scenic_04 .cont_ico::after{top: -152px;left: 42px;}
.scenic_04::before{width:1px;height: 162px;left: 47px;top: 25px;}
.scenic_04::after{height: 1px;width: 0;top: 40px;left: -92px;}
.scenic_04 .cont_ico::before{left: 35px;top: 23px;}
.scenic_04 p.name{top: 218px;left: -34px;width: 160px;text-align:center;}
.scenic_04:hover .cont_txt{left: -159px;top: 184px;}
.scenic_04:hover::before{width:2px;height: 162px;left: 47px;top: 25px;}
.scenic_04:hover::after{height: 2px;width: 0;top: 40px;left: -92px;}
.scenic_04:hover .cont_ico::before{left: 47px;top: 26px;}

.scenic_05{width: 50px;height: 50px;position: absolute;top: 409px;left: 247px;}
.scenic_05 .cont_ico{width: 100px;height: 80px;right: 80px;top: 281px;}
.scenic_05 .cont_ico::after{top: -277px;left: 142px;}
.scenic_05::before{width:1px;height: 288px;left: 23px;top: 25px;}
.scenic_05::after{height: 1px;width: 60px;top: 312px;left: -37px;}
.scenic_05 .cont_ico::before{left: 70px;top: 14px;}
.scenic_05 p.name{top: 338px;left: -124px;width: 160px;text-align:center;}
.scenic_05:hover .cont_txt{left: -253px;top: 300px;}
.scenic_05:hover::before{width:2px;height: 288px;left: 23px;top: 25px;}
.scenic_05:hover::after{height: 2px;width: 60px;top: 312px;left: -37px;}
.scenic_05:hover .cont_ico::before{left: 147px;top: 15px;}

.scenic_06{width: 50px;height: 50px;position: absolute;top: 357px;left: 305px;}
.scenic_06 .cont_ico{width: 100px;height: 80px;right: -30px;top: 439px;}
.scenic_06 .cont_ico::after{top: -434px;left: 20px;}
.scenic_06::before{width:1px;height: 427px;left: 11px;top: 27px;}
.scenic_06::after{height: 1px;width: 0;top: 0;left: -37px;}
.scenic_06 .cont_ico::before{left: 13px;top: 0px;}
.scenic_06 p.name{top: 483px;left: -71px;width: 160px;text-align:center;}
.scenic_06:hover .cont_txt{left: -172px;top: 425px;}
.scenic_06:hover::before{width:2px;height: 399px;left: 11px;top: 27px;}
.scenic_06:hover::after{height: 2px;width: 0;top: 312px;left: -37px;}
.scenic_06:hover .cont_ico::before{left: 25px;top: -18px;}

.scenic_07{width: 50px;height: 50px;position: absolute;top: 433px;left: 495px;}
.scenic_07 .cont_ico{width: 100px;height: 80px;right: -16px;top: 234px;}
.scenic_07 .cont_ico::after{top: -221px;left: 56px;}
.scenic_07::before{width:1px;height: 229px;left: 32px;top: 39px;}
.scenic_07::after{height: 1px;width: 0;top: 0;left: -37px;}
.scenic_07 .cont_ico::before{left: 48px;top: 16px;}
.scenic_07 p.name{top: 290px;left: -47px;width: 160px;text-align:center;}
.scenic_07:hover .cont_txt{left: -131px;top: 180px;}
.scenic_07:hover::before{width:2px;height: 141px;left: 32px;top: 39px;}
.scenic_07:hover::after{height: 2px;width: 0;top: 0;left: -37px;}
.scenic_07:hover .cont_ico::before{left: 60px;top: -58px;}

.scenic_08{width: 50px;height: 50px;position: absolute;top: 596px;left: 615px;}
.scenic_08 .cont_ico{width: 100px;height: 80px;right: -16px;top: 206px;}
.scenic_08 .cont_ico::after{top: -192px;left: 55px;}
.scenic_08::before{width:1px;height: 185px;left: 32px;top: 39px;}
.scenic_08::after{height: 1px;width: 0;top: 0;left: -37px;}
.scenic_08 .cont_ico::before{left: 48px;top: -1px;}
.scenic_08 p.name{top: 247px;left: -46px;width: 160px;text-align:center;}
.scenic_08:hover .cont_txt{left: -131px;top: 180px;}
.scenic_08:hover::before{width:2px;height: 141px;left: 32px;top: 39px;}
.scenic_08:hover::after{height: 2px;width: 0;top: 0;left: -37px;}
.scenic_08:hover .cont_ico::before{left: 61px;top: -28px;}

.scenic_09{width: 50px;height: 50px;position: absolute;top: 508px;left: 695px;}
.scenic_09 .cont_ico{width: 100px;height: 80px;right: -145px;top: 206px;}
.scenic_09 .cont_ico::after{top: -192px;left: -74px;}
.scenic_09::before{width:1px;height: 185px;left: 32px;top: 39px;}
.scenic_09::after{height: 1px;width: 125px;top: 223px;left: 32px;}
.scenic_09 .cont_ico::before{left: 48px;top: -1px;}
.scenic_09 p.name{top: 247px;left: 83px;width: 160px;text-align:center;}
.scenic_09:hover .cont_txt{left: 147px;top: 123px;}
.scenic_09:hover::before{width:2px;height: 185px;left: 32px;top: 39px;}
.scenic_09:hover::after{height: 2px;width: 125px;top: 223px;left: 32px;}
.scenic_09:hover .cont_ico::before{left: 51px;top: 11px;}

.scenic_10{width: 50px;height: 50px;position: absolute;top: 515px;left: 809px;}
.scenic_10 .cont_ico{width: 100px;height: 80px;right: -274px;top: 116px;}
.scenic_10 .cont_ico::after{top: -97px;left: -202px;}
.scenic_10::before{width:1px;height: 99px;left: 32px;top: 39px;}
.scenic_10::after{height: 1px;width: 255px;top: 137px;left: 32px;}
.scenic_10 .cont_ico::before{left: 48px;top: 2px;}
.scenic_10 p.name{top: 161px;left: 210px;width: 160px;text-align:center;}
.scenic_10:hover .cont_txt{left: 60px;top: 4px;}
.scenic_10:hover::before{width:2px;height: 99px;left: 32px;top: 39px;}
.scenic_10:hover::after{height: 2px;width: 155px;top: 137px;left: 32px;}
.scenic_10:hover .cont_ico::before{left: -165px;top: 14px;}

.scenic_11{width: 50px;height: 50px;position: absolute;top: 458px;left: 811px;}
.scenic_11 .cont_ico{width: 100px;height: 80px;right: -274px;top: -326px;}
.scenic_11 .cont_ico::after{top: 328px;left: -206px;}
.scenic_11::before{width:1px;height: 318px;left: 299px;top: -287px;}
.scenic_11::after{height: 1px;width: 268px;top: 30px;left: 31px;}
.scenic_11 .cont_ico::before{left: 57px;top: 17px;}
.scenic_11 p.name{top: -340px;left: 222px;width: 160px;text-align:center;}
.scenic_11:hover .cont_txt{left: 40px;top: -413px;}
.scenic_11:hover::before{width:2px;height: 249px;left: 299px;top: -217px;}
.scenic_11:hover::after{height: 2px;width: 268px;top: 30px;left: 31px;}
.scenic_11:hover .cont_ico::before{left: 69px;top: 99px;}

.scenic_12{width: 50px;height: 50px;position: absolute;top: 458px;left: 740px;}
.scenic_12 .cont_ico{width: 100px;height: 80px;right: -181px;top: -209px;}
.scenic_12 .cont_ico::after{top: 209px;left: -111px;}
.scenic_12::before{width:1px;height: 188px;left: 31px;top: -188px;}
.scenic_12::after{height: 1px;width: 160px;top: -188px;left: 31px;}
.scenic_12 .cont_ico::before{left: 48px;top: 3px;}
.scenic_12 p.name{top: -234px;left: 120px;width: 160px;text-align:center;}
.scenic_12:hover .cont_txt{left: 104px;top: -269px;}
.scenic_12:hover::before{width:2px;height: 188px;left: 31px;top: -188px;}
.scenic_12:hover::after{height: 2px;width: 160px;top: -188px;left: 31px;}
.scenic_12:hover .cont_ico::before{left: -28px;top: 15px;}

.scenic_13{width: 50px;height: 50px;position: absolute;top: 497px;left: 648px;}
.scenic_13 .cont_ico{width: 100px;height: 80px;right: -33px;top: -367px;}
.scenic_13 .cont_ico::after{top: 368px;left: 37px;}
.scenic_13::before{width:1px;height: 300px;left: 31px;top: -296px;}
.scenic_13::after{height: 1px;width: 0;top: -188px;left: 31px;}
.scenic_13 .cont_ico::before{left: 31px;top: 51px;}
.scenic_13 p.name{top: -346px;left: -48px;width: 160px;text-align:center;}
.scenic_13:hover .cont_txt{left: -76px;top: -485px;}
.scenic_13:hover::before{width:2px;height: 300px;left: 31px;top: -296px;}
.scenic_13:hover::after{height: 2px;width: 0;top: -188px;left: 31px;}
.scenic_13:hover .cont_ico::before{left: 42px;top: 65px;}

/*智慧校园*/
.smart_campus{padding:300px 0 350px;position:relative;margin-top:50px;}
.smart_campus img{margin:0 auto;display:block;width:1012px;height:517px;}

.school_01 {width:100px;height:100px;position:absolute;top:309px;left:533px;}
.school_01::before {width:1px;height:195px;left:22px;top:-151px;}
.school_01::after {width:188px;height:1px;top:-151px;left:-165px;}
.school_01 p.name {top:-200px;left:-244px;width:160px;text-align:center;}
.school_01 .cont_ico {width:100px;height:80px;}
.school_01 .cont_ico::before {left:-180px;top:-169px;}
.school_01 .cont_ico::after {top:40px;left:11px;}
.school_01:hover .cont_txt {left:-418px;top:-290px;}
.school_01:hover::before {width:2px;height:195px;left:22px;top:-151px;}
.school_01:hover::after {width:80px;height:2px;top:-151px;left:-58px;}
.school_01:hover .cont_ico::before {left:-66px;top:-157px;}

.school_02{width: 100px;height: 100px;position: absolute;top: 366px;left: 270px;}
.school_02 .cont_ico{width: 100px;height: 80px;right: -40px;top: 20px;}
.school_02 .cont_ico::after{top: 10px;left: 22px;}
.school_02::before{width:1px;height: 195px;left: 72px;top: -151px;}
.school_02::after{width: 188px;height: 1px;top: -151px;left: -115px;}
.school_02 .cont_ico::before{left: -177px;top: -188px;}
.school_02 p.name{top: -200px;left: -197px;width: 160px;text-align:center;}
.school_02:hover .cont_txt{left: -304px;top: -242px;}
.school_02:hover::before{width:2px;height: 195px;left: 73px;top: -151px;}
.school_02:hover::after{width: 20px;height: 2px;top: -151px;left: 55px;}
.school_02:hover .cont_ico::before{left: 7px;top: -176px;}

.school_03{width: 100px;height: 100px;position: absolute;top: 440px;left: 100px;}
.school_03 .cont_ico{width: 100px;height: 80px;right: -40px;top: 20px;}
.school_03 .cont_ico::after{top: 21px;left: 15px;}
.school_03::before{width:1px;height: 68px;left: 65px;top: 63px;}
.school_03::after{width: 120px;height: 1px;top: 130px;left: -54px;}
.school_03 .cont_ico::before{left: -113px;top: 92px;}
.school_03 p.name{top: 79px;left: -136px;width: 160px;text-align:center;}
.school_03:hover .cont_txt{left: -124px;top: -204px;}
.school_03:hover::before{width:2px;height: 56px;left: 65px;top: -7px;}
.school_03:hover::after{width: 0;height: 2px;top: -151px;left: 55px;}
.school_03:hover .cont_ico::before{left: 20px;top: -32px;}

.school_04{width: 100px;height: 100px;position: absolute;top: 481px;left: 213px;}
.school_04 .cont_ico{width: 100px;height: 80px;right: 0;top: 20px;}
.school_04 .cont_ico::after{top: 10px;left: -1px;}
.school_04::before{width:1px;height: 170px;left: 10px;top: 56px;}
.school_04::after{width: 120px;height: 1px;top: 225px;left: -110px;}
.school_04 .cont_ico::before{left: -129px;top: 187px;}
.school_04 p.name{top: 177px;left: -192px;width: 160px;text-align:center;}
.school_04:hover .cont_txt{left: -220px;top: 114px;}
.school_04:hover::before{width:2px;height: 58px;left: 10px;top: 56px;}
.school_04:hover::after{width: 0;height: 2px;top: -151px;left: 55px;}
.school_04:hover .cont_ico::before{left: 4px;top: 93px;}

.school_05{width: 100px;height: 100px;position: absolute;top: 527px;left: 320px;}
.school_05 .cont_ico{width: 100px;height: 80px;right: 0;top: 63px;}
.school_05 .cont_ico::after{top: -26px;left: 4px;}
.school_05::before{width:1px;height: 262px;left: 15px;top: 56px;}
.school_05::after{width: 207px;height: 1px;top: 317px;left: -191px;}
.school_05 .cont_ico::before{left: -205px;top: 236px;}
.school_05 p.name{top: 268px;left: -267px;width: 160px;text-align:center;}
.school_05:hover .cont_txt{left: -300px;top: 202px;}
.school_05:hover::before{width:2px;height: 154px;left: 14px;top: 56px;}
.school_05:hover::after{width: 0;height: 2px;top: -151px;left: 55px;}
.school_05:hover .cont_ico::before{left: 9px;top: 137px;}

.school_06{width: 100px;height: 100px;position: absolute;top: 394px;left: 382px;}
.school_06 .cont_ico{width: 100px;height: 80px;right: 76px;top: 500px;}
.school_06 .cont_ico::after{top: -484px;left: 79px;}
.school_06::before{width:1px;height: 523px;left: 14px;top: 34px;}
.school_06::after{width: 65px;height: 1px;top: 556px;left: -51px;}
.school_06 .cont_ico::before{left: 4px;top: 38px;}
.school_06 p.name{top: 504px;left: -134px;width: 160px;text-align:center;}
.school_06:hover .cont_txt{left: -310px;top: 500px;}
.school_06:hover::before{width:2px;height: 471px;left: 14px;top: 34px;}
.school_06:hover::after{width: 0;height: 2px;top: -151px;left: 55px;}
.school_06:hover .cont_ico::before{left: 84px;top: -7px;}

.school_07{width: 100px;height: 100px;position: absolute;top: 632px;left: 425px;}
.school_07 .cont_ico{width: 100px;height: 80px;right: 76px;top: 500px;}
.school_07 .cont_ico::after{top: -488px;left: 81px;}
.school_07::before{width:1px;height: 255px;left: 15px;top: 34px;}
.school_07::after{width: 85px;height: 1px;top: 288px;left: 16px;}
.school_07 .cont_ico::before{left: 162px;top: -230px;}
.school_07 p.name{top: 314px;left: 28px;width: 160px;text-align:center;}
.school_07:hover .cont_txt{left: -22px;top: 255px;}
.school_07:hover::before{width:2px;height: 230px;left: 14px;top: 34px;}
.school_07:hover::after{width: 0;height: 2px;top: 288px;left: 16px;}
.school_07:hover .cont_ico::before{left: 85px;top: -236px;}

.school_08{width: 100px;height: 100px;position: absolute;top: 665px;left: 499px;}
.school_08 .cont_ico{width: 100px;height: 80px;right: -290px;top: 154px;}
.school_08 .cont_ico::after{top: -130px;left: -257px;}
.school_08::before{width:1px;height: 160px;left: 44px;top: 34px;}
.school_08::after{width: 290px;height: 1px;top: 194px;left: 44px;}
.school_08 .cont_ico::before{left: 30px;top: 22px;}
.school_08 p.name{top: 221px;left: 262px;width: 160px;text-align:center;}
.school_08:hover .cont_txt{left: 122px;top: 134px;}
.school_08:hover::before{width:2px;height: 160px;left: 43px;top: 34px;}
.school_08:hover::after{width: 80px;height: 2px;top: 194px;left: 43px;}
.school_08:hover .cont_ico::before{left: -171px;top: 33px;}

.school_09{width: 100px;height: 100px;position: absolute;top: 605px;left: 656px;}
.school_09 .cont_ico{width: 100px;height: 80px;right: -290px;top: 154px;}
.school_09 .cont_ico::after{top: -130px;left: -257px;}
.school_09::before{width:1px;height: 160px;left: 44px;top: 34px;}
.school_09::after{width: 290px;height: 1px;top: 194px;left: 44px;}
.school_09 .cont_ico::before{left: 30px;top: 22px;}
.school_09 p.name{top: 221px;left: 262px;width: 160px;text-align:center;}
.school_09:hover .cont_txt{left: 122px;top: 134px;}
.school_09:hover::before{width:2px;height: 160px;left: 43px;top: 34px;}
.school_09:hover::after{width: 80px;height: 2px;top: 194px;left: 43px;}
.school_09:hover .cont_ico::before{left: -171px;top: 33px;}

.school_10{width: 130px;height: 100px;position: absolute;top: 565px;left: 712px;}
.school_10 .cont_ico{width: 100px;height: 80px;right: -290px;top: 112px;}
.school_10 .cont_ico::after{top: -93px;left: -287px;}
.school_10::before{width:1px;height: 120px;left: 44px;top: 34px;}
.school_10::after{width: 320px;height: 1px;top: 153px;left: 44px;}
.school_10 .cont_ico::before{left: 30px;top: 23px;}
.school_10 p.name{top: 176px;left: 291px;width: 160px;text-align:center;}
.school_10:hover .cont_txt{left: 122px;top: 56px;}
.school_10:hover::before{width:2px;height: 160px;left: 43px;top: 34px;}
.school_10:hover::after{width: 80px;height: 2px;top: 194px;left: 43px;}
.school_10:hover .cont_ico::before{left: -198px;top: 76px;}

.school_11{width: 130px;height: 100px;position: absolute;top: 491px;left: 741px;}
.school_11 .cont_ico{width: 100px;height: 80px;right: -178px;top: 63px;}
.school_11 .cont_ico::after{top: -50px;left: -175px;}
.school_11::before{width:1px;height: 93px;left: 44px;top: 25px;}
.school_11::after{width: 215px;height: 1px;top: 118px;left: 42px;}
.school_11 .cont_ico::before{left: 30px;top: 37px;}
.school_11 p.name{top: 145px;left: 182px;width: 160px;text-align:center;}
.school_11:hover .cont_txt{left: 122px;top: 56px;}
.school_11:hover::before{width:2px;height: 160px;left: 43px;top: 34px;}
.school_11:hover::after{width: 80px;height: 2px;top: 194px;left: 43px;}
.school_11:hover .cont_ico::before{left: -90px;top: 126px;}

.school_12{width: 130px;height: 100px;position: absolute;top: 443px;left: 805px;}
.school_12 .cont_ico{width: 100px;height: 80px;right: -256px;top: -152px;}
.school_12 .cont_ico::after{top: 189px;left: -286px;}
.school_12::before{width:1px;height: 104px;left: 11px;top: -67px;}
.school_12::after{width: 288px;height: 1px;top: -69px;left: 12px;}
.school_12 .cont_ico::before{left: 1px;top: 66px;}
.school_12 p.name{top: -117px;left: 226px;width: 160px;text-align:center;}
.school_12:hover .cont_txt{left: 47px;top: -173px;}
.school_12:hover::before{width:2px;height: 104px;left: 12px;top: -67px;}
.school_12:hover::after{width: 36px;height: 2px;top: -68px;left: 12px;}
.school_12:hover .cont_ico::before{left: -240px;top: 80px;}

.school_13{width: 80px;height: 80px;position: absolute;top: 402px;left: 718px;}
.school_13 .cont_ico{width: 100px;height: 80px;right: -256px;top: -235px;}
.school_13 .cont_ico::after{top: 278px;left: -180px;}
.school_13::before{width:1px;height: 225px;left: 67px;top: -173px;}
.school_13::after{width: 288px;height: 1px;top: -173px;left: 67px;}
.school_13 .cont_ico::before{left: 101px;top: 44px;}
.school_13 p.name{top: -224px;left: 274px;width: 160px;text-align:center;}
.school_13:hover .cont_txt{left: 125px;top: -322px;}
.school_13:hover::before{width:2px;height: 225px;left: 67px;top: -173px;}
.school_13:hover::after{width: 59px;height: 2px;top: -173px;left: 67px;}
.school_13:hover .cont_ico::before{left: -112px;top: 56px;}

.school_14{width: 80px;height: 80px;position: absolute;top: 278px;left: 685px;}
.school_14 .cont_ico{width: 100px;height: 80px;right: -182px;top: -160px;}
.school_14 .cont_ico::after{top: 186px;left: -119px;}
.school_14::before{width:1px;height: 188px;left: 53px;top: -158px;}
.school_14::after{width: 130px;height: 1px;top: -159px;left: 53px;}
.school_14 .cont_ico::before{left: 9px;top: -18px;}
.school_14 p.name{top: -209px;left: 109px;width: 160px;text-align:center;}
.school_14:hover .cont_txt{left: 125px;top: -268px;}
.school_14:hover::before{width:2px;height: 150px;left: 53px;top: -118px;}
.school_14:hover::after{width: 73px;height: 2px;top: -120px;left: 53px;}
.school_14:hover .cont_ico::before{left: -38px;top: 34px;}

.school_15{width: 80px;height: 80px;position: absolute;top: 300px;left: 590px;}
.school_15 .cont_ico{width: 100px;height: 80px;right: -44px;top: -208px;}
.school_15 .cont_ico::after{top: 253px;left: 32px;}
.school_15::before{width:1px;height: 188px;left: 67px;top: -142px;}
.school_15::after{width: 0;height: 1px;top: -159px;left: 49px;}
.school_15 .cont_ico::before{left: 25px;top: 43px;}
.school_15 p.name{top: -197px;left: -13px;width: 160px;text-align:center;}
.school_15:hover .cont_txt{left: -78px;top: -290px;}
.school_15:hover::before{width:2px;height: 155px;left: 66px;top: -110px;}
.school_15:hover::after{width: 0;height: 2px;top: -120px;left: 53px;}
.school_15:hover .cont_ico::before{left: 36px;top: 101px;}

/*智慧工地*/
.smart_site {padding:300px 0 350px;position: relative;margin-top:50px;}
.smart_site img{margin: 0 auto;display: block;width: 749px; height: 464px;}

.site_01{width: 50px;height: 50px;position: absolute;top: 463px;left: 542px;}
.site_01 .cont_ico{width: 100px;height: 80px;right: 183px;top: -340px;}
.site_01 .cont_ico::after{top: 348px;left: 240px;}
.site_01::before{width:1px;height: 311px;left: 18px;top: -300px;}
.site_01::after{height: 1px;width: 185px;top: -300px;left: -167px;}
.site_01 .cont_ico::before{left: 51px;top: 23px;}
.site_01 p.name{top: -347px;left: -247px;width: 160px;text-align:center;}
.site_01:hover .cont_txt{left: -526px;top: -429px;}
.site_01:hover::before{width:2px;height: 311px;left: 18px;top: -300px;}
.site_01:hover::after{height: 2px;width: 185px;top: -300px;left: -167px;}
.site_01:hover .cont_ico::before{left: 58px;top: 35px;}

.site_02{width: 50px;height: 50px;position: absolute;top: 482px;left: 340px;}
.site_02 .cont_ico{width: 100px;height: 80px;right: 250px;top: -166px;}
.site_02 .cont_ico::after{top: 189px;left: 321px;}
.site_02::before{width:1px;height: 152px;left: 33px;top: -128px;}
.site_02::after{height: 1px;width: 260px;top: -128px;left: -227px;}
.site_02 .cont_ico::before{left: 51px;top: 20px;}
.site_02 p.name{top: -176px;left: -312px;width: 160px;text-align:center;}
.site_02:hover .cont_txt{left: -346px;top: -237px;}
.site_02:hover::before{width:2px;height: 152px;left: 33px;top: -128px;}
.site_02:hover::after{height: 2px;width: 260px;top: -128px;left: -227px;}
.site_02:hover .cont_ico::before{left: 306px;top: 33px;}

.site_03{width: 50px;height: 50px;position: absolute;top: 541px;left: 255px;}
.site_03 .cont_ico{width: 100px;height: 80px;right: 187px;top: 20px;}
.site_03 .cont_ico::after{top: -17px;left: 252px;}
.site_03::before{width:1px;height: 25px;left: 26px;top: 30px;}
.site_03::after{height: 1px;width: 191px;top: 53px;left: -164px;}
.site_03 .cont_ico::before{left: 51px;top: 16px;}
.site_03 p.name{top: 6px;left: -248px;width: 160px;text-align:center;}
.site_03:hover .cont_txt{left: -255px;top: 69px;}
.site_03:hover::before{width:2px;height: 40px;left: 26px;top: 30px;}
.site_03:hover::after{height: 2px;width: 0;top: 53px;left: -164px;}
.site_03:hover .cont_ico::before{left: 257px;top: 47px;}

.site_04{width: 50px;height: 50px;position: absolute;top: 564px;left: 346px;}
.site_04 .cont_ico{width: 100px;height: 80px;right: 187px;top: 128px;}
.site_04 .cont_ico::after{top: -118px;left: 255px;}
.site_04::before{width:1px;height: 125px;left: 29px;top: 34px;}
.site_04::after{height: 1px;width: 191px;top: 158px;left: -162px;}
.site_04 .cont_ico::before{left: 51px;top: 13px;}
.site_04 p.name{top: 182px;left: -249px;width: 160px;text-align:center;}
.site_04:hover .cont_txt{left: -350px;top: 90px;}
.site_04:hover::before{width:2px;height: 125px;left: 29px;top: 34px;}
.site_04:hover::after{height: 2px;width: 25px;top: 158px;left: 6px;}
.site_04:hover .cont_ico::before{left: 239px;top: 24px;}

.site_05{width: 50px;height: 50px;position: absolute;top: 620px;left: 482px;}
.site_05 .cont_ico{width: 100px;height: 80px;right: 155px;top: 173px;}
.site_05 .cont_ico::after{top: -175px;left: 223px;}
.site_05::before{width:1px;height: 176px;left: 29px;top: 26px;}
.site_05::after{height: 1px;width: 149px;top: 201px;left: -119px;}
.site_05 .cont_ico::before{left: 64px;top: 10px;}
.site_05 p.name{top: 223px;left: -203px;width: 160px;text-align:center;}
.site_05:hover .cont_txt{left: -260px;top: 149px;}
.site_05:hover::before{width:2px;height: 131px;left: 29px;top: 26px;}
.site_05:hover::after{height: 2px;width: 0;top: 201px;left: -119px;}
.site_05:hover .cont_ico::before{left: 229px;top: -25px;}

.site_06{width: 50px;height: 50px;position: absolute;top: 659px;left: 608px;}
.site_06 .cont_ico{width: 100px;height: 80px;right: 70px;top: 221px;}
.site_06 .cont_ico::after{top: -211px;left: 139px;}
.site_06::before{width:1px;height: 227px;left: 29px;top: 32px;}
.site_06::after{height: 1px;width: 75px;top: 258px;left: -46px;}
.site_06 .cont_ico::before{left: 54px;top: 19px;}
.site_06 p.name{top: 280px;left: -128px;width: 160px;text-align:center;}
.site_06:hover .cont_txt{left: -103px;top: 177px;}
.site_06:hover::before{width:2px;height: 147px;left: 29px;top: 32px;}
.site_06:hover::after{height: 2px;width: 0;top: 258px;left: -46px;}
.site_06:hover .cont_ico::before{left: 143px;top: -50px;}

.site_07{width: 50px;height: 50px;position: absolute;top: 619px;left: 626px;}
.site_07 .cont_ico{width: 100px;height: 80px;right: -192px;top: 221px;}
.site_07 .cont_ico::after{top: -197px;left: -127px;}
.site_07::before{width:1px;height: 218px;left: 26px;top: 45px;}
.site_07::after{height: 1px;width: 182px;top: 262px;left: 27px;}
.site_07 .cont_ico::before{left: 54px;top: 23px;}
.site_07 p.name{top: 284px;left: 135px;width: 160px;text-align:center;}
.site_07:hover .cont_txt{left: 88px;top: 177px;}
.site_07:hover::before{width:2px;height: 218px;left: 26px;top: 45px;}
.site_07:hover::after{height: 2px;width: 64px;top: 262px;left: 26px;}
.site_07:hover .cont_ico::before{left: -54px;top: 35px;}

.site_08{width: 50px;height: 50px;position: absolute;top: 652px;left: 754px;}
.site_08 .cont_ico{width: 100px;height: 80px;right: -192px;top: 221px;}
.site_08 .cont_ico{width: 100px;height: 80px;right: -277px;top: 130px;}
.site_08 .cont_ico::after{top: -125px;left: -208px;}
.site_08::before{width:1px;height: 149px;left: 30px;top: 32px;}
.site_08::after{height: 1px;width: 266px;top: 180px;left: 30px;}
.site_08 .cont_ico::before{left: 54px;top: 32px;}
.site_08 p.name{top: 204px;left: 222px;width: 160px;text-align:center;}
.site_08:hover .cont_txt{left: 88px;top: 6px;}
.site_08:hover::before{width:2px;height: 149px;left: 30px;top: 32px;}
.site_08:hover::after{height: 2px;width: 61px;top: 180px;left: 30px;}
.site_08:hover .cont_ico::before{left: -139px;top: 43px;}

.site_09{width: 50px;height: 50px;position: absolute;top: 622px;left: 874px;}
.site_09 .cont_ico{width: 100px;height: 80px;right: -192px;top: 221px;}
.site_09 .cont_ico{width: 100px;height: 80px;right: -207px;top: -69px;}
.site_09 .cont_ico::after{top: 76px;left: -139px;}
.site_09::before{width:1px;height: 85px;left: 231px;top: -48px;}
.site_09::after{height: 1px;width: 198px;top: 36px;left: 33px;}
.site_09 .cont_ico::before{left: 56px;top: 1px;}
.site_09 p.name{top: -94px;left: 150px;width: 160px;text-align:center;}
.site_09:hover .cont_txt{left: 88px;top: -247px;}
.site_09:hover::before{width:2px;height: 89px;left: 231px;top: -51px;}
.site_09:hover::after{height: 2px;width: 203px;top: 36px;left: 29px;}
.site_09:hover .cont_ico::before{left: 68px;top: 5px;}

.site_10{width: 50px;height: 50px;position: absolute;top: 549px;left: 810px;}
.site_10 .cont_ico{width: 100px;height: 80px;right: -192px;top: 221px;}
.site_10 .cont_ico{width: 100px;height: 80px;right: -299px;top: -301px;}
.site_10 .cont_ico::after{top: 314px;left: -227px;}
.site_10::before{width:1px;height: 307px;left: 33px;top: -293px;}
.site_10::after{height: 1px;width: 279px;top: -294px;left: 33px;}
.site_10 .cont_ico::before{left: 49px;top: -11px;}
.site_10 p.name{top: -338px;left: 235px;width: 160px;text-align:center;}
.site_10:hover .cont_txt{left: -8px;top: -481px;}
.site_10:hover::before{width:2px;height: 307px;left: 33px;top: -293px;}
.site_10:hover::after{height: 2px;width: 0;top: -294px;left: 33px;}
.site_10:hover .cont_ico::before{left: -222px;top: 5px;}

.site_11{width: 50px;height: 50px;position: absolute;top: 519px;left: 762px;}
.site_11 .cont_ico{width: 100px;height: 80px;right: -192px;top: 221px;}
.site_11 .cont_ico{width: 100px;height: 80px;right: 73px;top: -425px;}
.site_11 .cont_ico::after{top: 442px;left: 146px;}
.site_11::before{width:1px;height: 396px;left: 33px;top: -378px;}
.site_11::after{height: 1px;width: 80px;top: -378px;left: -47px;}
.site_11 .cont_ico::before{left: 55px;top: 30px;}
.site_11 p.name{top: -425px;left: -131px;width: 160px;text-align:center;}
.site_11:hover .cont_txt{left: -168px;top: -499px;}
.site_11:hover::before{width:2px;height: 317px;left: 33px;top: -300px;}
.site_11:hover::after{height: 2px;width: 80px;top: -378px;left: 33px;}
.site_11:hover .cont_ico::before{left: 150px;top: 118px;}

/*方案价值*/
.value{width:100%;}
.value-top {height: 302px; background: #5294DB; overflow: hidden;}
.value-list{width:960px;margin:-140px auto 0;padding:45px 120px;background-color:#FFF;border-radius:10px;overflow:hidden;box-shadow:0px 0px 25px 8px rgba(7,17,27,0.08);}
.value-list li{display:table;width:100%;margin-bottom:40px;font-size:0;overflow:hidden;}
.value-list li .img-wrap{display:table-cell;vertical-align:middle;margin-right:40px;}
.value-list li .img-box{width:122px;height:122px;line-height:122px;text-align:center;background-color:#EDF4FB;margin: 0 20px;}
.value-list li .img-box img{max-width:100px;vertical-align:middle;}
.value-list li .text{display:table-cell;vertical-align:middle;width:798px;text-align:justify;overflow:hidden;}
.value-list li .name{position:relative;margin-bottom:8px;padding-bottom:15px;font-size:22px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.value-list li .name:after{position:absolute;content:"";bottom:0px;left:0px;width:50px;height:4px;background:#5294DB;}
.value-list li .desc{line-height:35px;font-size:16px;color:#434547;}

/*应用场景*/
.scene-content{margin-top:50px;max-width:1200px;height:auto;display:flex;flex-direction:column;justify-content:space-between;}
.scene-item{display:flex;margin-bottom:16px;}
.scene-items{flex:1;margin-right:16px;height:210px;display:flex;justify-content:center;align-content:center;align-items:center;color:#fff;font-weight:500;font-size:24px;background-position:center;background-size:100%;background-repeat:no-repeat;transition:all .2s linear 0s;-webkit-transition:all .2s linear 0s;}
.item-text {position:relative;line-height:36px;text-align:center;margin:0 40px;display:flex;justify-content:center;flex-direction:column;width:100%;}

.scene-items:hover {background-size:110%;}
.item-text:after {content:"";height:3px;width:0px;margin:auto;background:rgba(37,144,242,1);transition:all 0.3s linear 0s;}
.scene-items:hover .item-text:after {width:96px;}
.scene-items:last-child {margin-right:0;}

/*相关案例*/
.case .type-title{margin-bottom:50px;}
.example-list{margin:10px auto 0px;height:auto;overflow:hidden;clear:both;}
.example-list li{float:left;position:relative;width:380px;margin-right:30px;margin-bottom:50px;overflow:hidden;background:#FFFFFF;box-shadow:0 0 18px 0 rgba(7,17,27,0.08);transition:all 0.5s;}
.example-list li:nth-child(3n){margin-right:0;}
.example-list li:before{position:absolute;content:"";left:0;right:0;bottom:0;height:2px;opacity:1;background-color:#DCDCDC;transition:all .5s;}
.example-list li:after{position:absolute;content:"";left:0;right:100%;bottom:0;height:2px;opacity:0;background-color:#194AC3;transition:all .5s;}
.example-list li .img-box{position:relative;height:241px;overflow:hidden;}
.example-list li .img-box img{display:block;height:100%;width:100%;transition:all 0.3s ease-out;}
.example-list li .img-box .mask{position:absolute;bottom:-100%;left:0;width:100%;height:100%;line-height:36px;text-align:center;font-size:16px;color:#fff;overflow:hidden;background:rgba(0,0,0,0.75);transition:all 0.4s;}
.example-list li .img-box .mask .see-btn{position:absolute;top:50%;left:50%;display:block;width:106px;height:36px;margin:-18px 0px 0px -53px;line-height:34px;text-align:center;font-size:17px;color:#fff;border:1px solid #fff;transition:all 0.2s;}
.example-list li .info{padding:5px 0px;margin:0 auto;text-align:center;}
.example-list li .info h2,.example-list li .info p{padding:0px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.example-list li .info h2{line-height:36px;font-size:20px;color:#000;font-weight:bold;}
.example-list li .info p{line-height:32px;font-size:16px;color:#666666;}
.example-list li:hover{box-shadow:0 5px 25px rgba(0,0,0,0.1);transform:translate3d(0,-5px,0);}
.example-list li:hover:after{left:0;right:0;opacity:1;}
.example-list li:hover .img-box img{transform:scale(1.02);}
.example-list li:hover .mask{bottom:0;}
.example-list li .mask .see-btn:hover{border-color:#194AC3;background-color:#194AC3;}

/*在992和1199像素之间的屏幕里，主要是小屏PC md*/
@media (min-width: 992px) and (max-width: 1199px) {
	.subNav{width:96%;padding:0 2%;height:45px;margin-bottom:2%;}
	.subNav .wrap {padding-top:0;}
	.subNav span {height:100%;font-size:16px;line-height:45px;}
	.content .wrap{width:100%;}
	.cardTitle{font-size:28px;}
	.solutionList{width:96%;padding:2%;margin-top:0;}
	.solutionList .item{height:auto;padding:2%;margin-bottom:30px;overflow:hidden;}
	.solutionList .item .pic{width:40%;margin-right:1%;}
	.solutionList .item .detail{width:58%;}
	.solutionList .detail .title{font-size:20px;font-weight:600;margin-bottom:10px;}
	.solutionList .detail .desc{line-height:1.5;margin-bottom:10px;}
	.solutionList .btns a{height:40px;line-height:40px;}
	.banner h2 {font-size:30px;top:50%;margin-top:-20px;left:50%;margin-left:-152px;}
	.container{width:96%;padding:0 2%;}
	.type-title{height:50px;line-height:50px;margin:30px auto 0;font-size:20px;}
	.industry-status .type-title{margin-bottom:30px;}
	.industry-status .content .text {padding:3%;}
	.industry-status .content .img-box{height:auto;}
	.value-list{width:85%;padding:3%;margin-top:-190px;}
	.value-list li .text{width:82%;}
	.scene-content{margin-top:30px;width:100%;}
	.scene-items{max-height:170px;}
	.case .type-title{margin-bottom:30px;}
	.example-list {margin:0px auto;}
	.example-list li {width:32%;margin-right:2%;margin-bottom:2%;}
	.smart_community,.smart_park,.smart_scenic,.smart_campus,.smart_site{width:1200px;}
}

/*在小于991像素之间的屏幕里，主要是手机及平板 xs*/
@media (max-width: 991px) {
	.banner h2 {font-size:20px;top:40%;left:50%;margin-left:-112px;}
	.subNav{width:96%;padding:0 2%;height:37px;margin-bottom:5px;}
	.subNav .wrap {padding-top:0;}
	.subNav span {height:100%;font-size:15px;line-height:37px;display:inline-block;}
	.content{width:96%;padding:0 2%;}
	.cardTitle{font-size:20px;line-height:40px;}
	.solutionList{margin-top:0px;width:96%;padding:2%;}
	.solutionList .item{height:auto;padding:2%;margin-bottom:15px;display:block;overflow:hidden;}
	.solutionList .item .pic{width:100%;height:auto;margin-right:0px;}
	.solutionList .item img{width:100%;}
	.solutionList .item .detail{width:100%;float:left;}
	.solutionList .item .detail .title{font-size:16px;line-height:28px;margin:10px 0;text-align:center;font-weight:bold;}
	.solutionList .item .detail .desc{font-size:12px;line-height:1.5;margin-bottom:10px;}
	.solutionList .points{font-size:14px;line-height:1.5;margin-bottom:10px;}
	.solutionList .points .point-item:before{top:7px;}
	.solutionList .points .point-item{margin-right:0px;}
	.solutionList .btns a{width:49%;height:30px;line-height:30px;font-size:14px;margin-right:0;float:left;}
	.solutionList .btns a:last-child{float:right;}
	.content h3{font-size:18px;line-height:60px;}
	.type-title{width:115px;height:40px;line-height:40px;margin:0 auto;font-size:16px;}
	.industry-status .type-title{margin-bottom:15px;}
	.industry-status .content .text {padding:2%;}
	.industry-status .content .text p{line-height:1.5;font-size:14px;}
	.industry-status .content .img-box{height:auto;margin-bottom:10px;}
	.container,.solution .type-title,.case .type-title{margin-bottom:15px;clear:both;overflow:hidden;}
	.value{width: 100%;}
	.value-top {height:215px;}
	.value-top .type-title{margin-top:15px;}
	.value-list{width:86%;padding:2%;}
	.value-list li{margin-bottom:15px;}
	.value-list li .img-wrap{display:table-cell;vertical-align:middle;margin-right:40px;}
	.value-list li .img-box{width:100px;height:100px;line-height:100px;}
	.value-list li .img-box img{max-width:80px;}
	.value-list li .text{width:798px;padding-left:5px;}
	.value-list li .name{margin-bottom:5px;padding-bottom:10px;font-size:16px;}
	.value-list li .name:after{width:25px;}
	.value-list li .desc{line-height:1.5;font-size:14px;}
	.scene .type-title{margin-top:15px;}
	.scene-content{margin-top:15px;display:block;}
	.scene-item{display:block;margin-bottom:0px;}
	.scene-items{margin:0 0 5px 0;height:auto;font-size:20px;line-height:120px;display:block;}
	.item-text {line-height:120px;margin:0;display:block;font-weight:bold;}
	.example-list {width:100%;padding:0;margin-top:0;}
	.example-list li {width:100%;margin-right:0;margin-bottom:10px;}
	.example-list li:last-child{margin-bottom:0;}
	.example-list li .info h2 {line-height:28px;font-size:16px;}
	.example-list li .info p {line-height:24px;font-size:14px;}
	.cont_txt{display:block;}
	.cont_txt p{color:#666;font-size:12px;margin-top:8px;line-height:180%;}
	.cont_txt div{padding:45px 15px 45px 25px;}
	.gory_list:hover .cont_txt{top:0;left:0;}
	.gory_list::before,.gory_list::after{display:none;}
	.gory_list .name{display:none;}
	.gory_list .cont_ico{display:none;}
	.smart_community,.smart_park {width:100%;padding:0;height:2460px;left:50%;margin-left:-179px;margin-top:0;}
	.smart_community img,.smart_park .posi_img,.smart_scenic .posi_img,.smart_campus img,.smart_site .posi-img{display:none;}
	.smart_scenic{width:100%;padding:0;height:2665px;left:50%;margin-left:-179px;margin-top:0;}
	.smart_campus{width:100%;padding:0;height:3075px;left:50%;margin-left:-179px;margin-top:0;}
	.smart_site{width:100%;padding:0;height:2255px;left:50%;margin-left:-179px;margin-top:0;}
	.community_01,.park_01,.scenic_01,.school_01,.site_01{width:100%;height:auto;top:0;left:0;}
	.community_02,.park_02,.scenic_02,.school_02,.site_02{width:100%;height:auto;top:205px;left:0;}
	.community_03,.park_03,.scenic_03,.school_03,.site_03{width:100%;height:auto;top:410px;left:0;}
	.community_04,.park_04,.scenic_04,.school_04,.site_04{width:100%;height:auto;top:615px;left:0;}
	.community_05,.park_05,.scenic_05,.school_05,.site_05{width:100%;height:auto;top:820px;left:0;}
	.community_06,.park_06,.scenic_06,.school_06,.site_06{width:100%;height:auto;top:1025px;left:0;}
	.community_07,.park_07,.scenic_07,.school_07,.site_07{width:100%;height:auto;top:1230px;left:0;}
	.community_08,.park_08,.scenic_08,.school_08,.site_08{width:100%;height:auto;top:1435px;left:0;}
	.community_09,.park_09,.scenic_09,.school_09,.site_09{width:100%;height:auto;top:1640px;left:0;}
	.community_10,.park_10,.scenic_10,.school_10,.site_10{width:100%;height:auto;top:1845px;left:0;}
	.community_11,.park_11,.scenic_11,.school_11,.site_11{width:100%;height:auto;top:2050px;left:0;}
	.community_12,.park_12,.scenic_12,.school_12{width:100%;height:auto;top:2255px;left:0;}
	.scenic_13,.school_13{width:100%;height:auto;top:2460px;left:0;}
	.school_14{width:100%;height:auto;top:2665px;left:0;}
	.school_15{width:100%;height:auto;top:2870px;left:0;}
}