*{margin: 0; padding: 0; box-sizing: border-box;}
/* .wd1200 {background-color: red;} */
.projectMIDDLE img{width: 100% ;height: 100%;}
.projectMIDDLE h1{ font-size: 65px;text-align: center; letter-spacing:8px;padding-top: 40px; font-weight: 700; }
.projectMIDDLE h2{font-size: 40px;text-align: center;  letter-spacing:5px;font-weight: 500; margin-top: 20px;} 
.projectMIDDLE .picBOX{width: 1200px;  height:80% ; margin: 0 auto;padding: 15px;}
.projectMIDDLE>div:nth-of-type( odd ){background-color: white;}
.projectMIDDLE>div:nth-of-type( even ){background-color: #E6E6E6;}
.projectMIDDLE>div:nth-of-type(7){background-image: url(https://sxjtjt-menhu.obs.cn-southwest-2.myhuaweicloud.com/home/项目图7-1.png);background-repeat:no-repeat;background-size: 100%; }
.projectMIDDLE>div:nth-of-type(8){background-color: white;}
.projectMIDDLE>div:nth-last-of-type(1){margin-bottom: 80px;}





/*路内*/
.lunei { overflow: hidden;width: 1200px;margin: auto; }
.picIn {width: 25%;height: 30%; float: left; margin: 2% 2% 2% 4%;}
.text-desc{position: absolute; left: 0; top: 0; background-color: #fff; height: 100%; opacity: 0; width: 100%; padding: 20px;}
h2 span:after{content: ""; width: 50%; height: 3px; background-color: #fff; position: absolute; left: 25%; bottom: 0;}
.port-1{float: left; position: relative; overflow: hidden; text-align: center; }
.port-1 .text-desc{opacity: 0.9; top: 80%; transition: 1s; color: #000; padding: 45px 20px 20px;}
.port-1 img{transition: 0.5s;}
.port-1:hover img{transform: scale(1.2);}
.port-1.effect-1:hover .text-desc{top: 0;}
.port-1.effect-2 .text-desc{top: auto; bottom: -100%;}
.port-1.effect-2:hover .text-desc{bottom: 0;}
@media only screen and (max-width: 360px){
	ul{width: 300px;}
	.port-1 .text-desc, .port-1.effect-3:hover .text-desc{padding: 20px;}
}
/*项目展示*/
.sep {width:28%;text-align:center;float: left; margin: 0 4% 0  0; }
.sep .image-hover {margin: 2% 0 1% -5%}
.image-hover {box-sizing:border-box; position:relative;width:450px;height:200px;display:inline-block;overflow:hidden;background:#fff;border:10px solid #fff;}
.image-hover img {width: 100%;height: 100%;}
.img-shadow-1:hover{transform:scale(1.1);-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);
-webkit-box-shadow: 0 58px 36px -56px black;-moz-box-shadow: 0 58px 36px -56px black;
box-shadow: 0 58px 36px -56px black;}
.img-shadow-1
{transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;}
.img-shadow-1:hover
{transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;}