*{padding: 0;margin: 0;}
body{font-size: 14px;}
.wrap1{width: 1200px;margin: 0 auto;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;overflow: hidden;}
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button{background: none;border: none;}
ul,li{list-style: none;}
a{text-decoration: none;color: #333333;}
.fl{float: left;}
.fr{float: right;}




/* nav */
.casenav{width: 1366px;margin: 66px auto 85px auto;position: relative;max-width: 100%;}
.casenav .xian{width: 100%;height: 1px;background-color: #000000;position: absolute;top: 214px;}
.casenav .p1{font-size: 40px;line-height: 50px;color: #1378cc;font-weight: 600;text-align: center;}
.casenav .p1 span{color: #393c44;}
.casenav ul{width: 810px;margin: 60px auto 0;}
.casenav ul li{width: 120px;margin: 0 75px;text-align: center;}
.casenav ul li img{height: 35px;display: block;margin: 0 auto;}
.casenav ul li img.img2{display: none;}
.casenav ul li p{color: #909090;font-size: 20px;font-weight: 600;}
.casenav ul li .dian{height: 14px;position: relative;margin: 12px 0;position: relative;}
.casenav ul li .dian div{width: 10px;height: 10px;border-radius: 50%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;background-color: #909090;}
.casenav ul li.active .dian div{width: 14px;height: 14px;background-color: #e44d26;}
.casenav ul li.active img.img1{display: none;}
.casenav ul li.active img.img2{display: block;}
.casenav ul li.active p{color: #e44d26;}

.caseCont{margin-bottom: 90px;}


/* classic */
.classic .search{height: 45px;background-color: #eeeeee;line-height: 45px;text-indent: 15px;position: relative;}
.classic .search form{position: absolute;right: 15px;top: 6.5px;height: 32px;}
.classic .search form .txt{height: 28px;width: 224px;padding: 0 75px 0 10px;position: absolute;right: 0;}
.classic .search form .btn{width: 75px;line-height: 32px;background-color: #bb1418;color: #fff;position: absolute;right: 0;top: 0;}
.classic .cont .classisnav{border: 1px solid #d9d9d9;margin-top: 5px;}
.classic .cont .classisnav li{line-height: 40px;border-top: 1px solid #d9d9d9;}
.classic .cont .classisnav li:nth-of-type(1){border: none;}
.classic .cont .classisnav li .tit{width: 130px;text-align: center;background-color: #eeeeee;color: #333333;}
.classic .cont .classisnav li .classify{padding: 0 5px;}
.classic .cont .classisnav li .classify a{display: inline-block;padding: 0 7px;margin: 0 5px;line-height: 28px;cursor: pointer;}
.classic .cont .classisnav li .classify a:hover, .classic .cont .classisnav li .classify a.on{background-color: #bb1418;color: #fff;}
.classic .cont .caselist li{width: 290px;padding-bottom: 23px;background-color: #f0ecdd;margin:24px 5px 0;}
.classic .cont .caselist li div{height: 225px;position: relative;overflow: hidden;}
.classic .cont .caselist li div img{width: 290px;height: 225px;transition: 1s all;}
.classic .cont .caselist li div:hover img{transform: scale(1.2);}
.classic .cont .caselist li .p1{line-height: 44px;font-size: 22px;text-indent: 10px;position: relative;}
.classic .cont .caselist li .p1 span{font-size: 14px;color: #1d2088;font-weight: 600;position: absolute;right: 10px;bottom: 8px;line-height: 20px;}

/* panorama */
.panorama .panoramalist{}
.panorama .panoramalist li{width: 385px;text-align: center;height: 423px;margin: 32px 7.5px 0;box-shadow: 0 10px 10px #e7e7e8;margin-bottom: 24px;}
.panorama .panoramalist li .img{width: 385px;height: 270px;position: relative;}
.panorama .panoramalist li .img img{width: 385px;height: 270px;}
.panorama .panoramalist li .img .cover{position: absolute;top: 0;left: 0;display: none;}
.panorama .panoramalist li .img:hover .cover{display: block;}
.panorama .panoramalist li a .p1{font-size: 20px;padding: 13px 0;}
.panorama .panoramalist li a .p2{color: #a0a4a9;}
.panorama .panoramalist li a .font{line-height: 41px;text-align: center;height: 41px;display: flex;justify-content: center;align-items: center;color: #a0a4a9;margin-top: 2%;}
.panorama .panoramalist li a .font p{margin-left: 25px;}
.likes{padding-left: 35px;background: url(../images/xin.png) no-repeat left;position: absolute;bottom: 10px;left: 38px;color: #fff;z-index: 5;line-height: 26px;}

/* building */
.building{}
.building .search{height: 45px;background-color: #eeeeee;line-height: 45px;text-indent: 15px;position: relative;}
.building .search form{position: absolute;right: 15px;top: 6.5px;height: 32px;}
.building .search form .txt{height: 28px;width: 224px;padding: 0 75px 0 10px;position: absolute;right: 0;}
.building .search form .btn{width: 75px;line-height: 32px;background-color: #bb1418;color: #fff;position: absolute;right: 0;top: 0;}
.building .cont .classisnav{border: 1px solid #d9d9d9;margin-top: 5px;}
.building .cont .classisnav li{line-height: 40px;border-top: 1px solid #d9d9d9;}
.building .cont .classisnav li:nth-of-type(1){border: none;}
.building .cont .classisnav li .tit{width: 130px;text-align: center;background-color: #eeeeee;color: #333333;}
.building .cont .classisnav li .classify{padding: 0 5px;}
.building .cont .classisnav li .classify a{display: inline-block;padding: 0 7px;margin: 0 5px;line-height: 28px;}
.building .cont .classisnav li .classify a:hover, .building .cont .classisnav li .classify a.on{background-color: #bb1418;color: #fff;}
.building .buildinglist li{width: 285px;text-align: center;margin: 0 7.5px;box-shadow: 0 0px 20px #e3e3e3;margin-top: 30px;border-radius: 10px;overflow: hidden;}
.building .buildinglist li img{width: 285px;height: 202px;}
.building .buildinglist li .p1{font-size: 20px;margin-top: 40px;line-height: 28px;}
.building .buildinglist li .p2{margin-top: 10px;line-height: 22px;color: #999999;}
.building .buildinglist li a{display: block;width: 126px;height: 38px;text-align: center;line-height: 38px;border: 1px solid #ff8948;margin: 15px auto 27px;color: #ff8948;}