*{margin:0;padding:0;color:#333}a{text-decoration:none;color:#fff}.content{width:1200px;margin:0 auto}.nav{display:flex;justify-content:space-between;align-items:center;padding:58px 0 120px}.nav ul{list-style:none}.nav ul li{display:inline-block;padding:0 16px;color:#fff;font-size:18px}.border-b-1{border-bottom:1px solid #fff}.banner{background-image:url(/images/banner.jpg?70e942f5085a99bf8b30acc7e07bad41);width:100%;height:720px;position:relative;background-size:100% 100%;min-width:1200px;background-repeat:no-repeat;background-position:100% 100%}.banner .intro{color:#fff;margin:0 auto;line-height:1.6;text-indent:2em;transform:translate(-50%,-50%);position:absolute;top:55%;left:50%;padding-left:30px}.banner p{color:#fff}.position-relative{position:relative}.position-absolute{position:absolute;top:0;left:50%;transform:translateX(-50%)}.header{display:flex;justify-content:space-between;align-items:center;font-size:1.6rem}.header img{width:200px}h1,h2,h3{text-align:center;padding:1rem}section{padding:1rem 3rem;line-height:2.2rem}section h1,section p{color:#fff}section p{text-indent:2em;font-size:1.2rem;padding-bottom:1rem}.project ul{display:flex;flex-wrap:wrap;list-style:none}.project ul li{width:30%;margin:1rem;overflow:hidden}.project ul img{width:100%}.project ul .con{background:#c5beae;padding:1rem;line-height:1.5rem;margin-top:-4px}.project ul .con p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff}.project ul .con .title{color:#fff;text-align:center;font-size:1.2rem;padding-bottom:.4rem}.flow{width:1200px;overflow:hidden;margin:0 auto}.flow .content{position:relative;height:283px}.flow ul{width:2800px;height:283px;overflow:hidden;position:absolute}.flow ul>li{display:inline-block;width:300px;margin:0 1rem;overflow:hidden;cursor:pointer}.flow ul>li .con{position:relative;border:1px solid #333;padding:1rem;border-radius:1rem}.flow ul>li .con p{height:150px;overflow:hidden;text-overflow:ellipsis}.flow ul>li .arrow{position:absolute;border:8px solid transparent;border-top-color:#333;bottom:-8px;left:50%;transform:translate(-50%,50%)}.flow ul>li .circle{text-align:center;margin-top:3rem}.flow ul>li .circle:after{content:"";display:block;width:8px;height:8px;background:#333;border-radius:50%;margin:0 auto;z-index:2}.flow ul>li .year{text-align:center}.flow ul>li:hover *{color:red}.flow ul>li:hover .con{border:1px solid red;background:red}.flow ul>li:hover .con p{color:#fff}.flow ul>li:hover .arrow{border-top-color:red}.flow ul>li:hover .circle:after{background:red}.flow .line{border-top:1px dashed #333;transform:translateY(-26px)}.flow .button{display:flex;justify-content:space-between;margin:2rem;cursor:pointer}.flow .button div{border:1px solid #333;border-radius:1rem;padding:.2rem 2rem}.flow .button div:hover{background:#ccc}