body{background: #fff;margin: 0;font-family: 微软雅黑;font-size: 0.009rem;}
h1,h2,h3,h4,h5,h6,p,ul{list-style: none;padding: 0;margin: 0;font-weight: normal;}
a{text-decoration: none;}
.clearfix:after{content: "";display: block;height: 0;overflow: hidden;clear: both;}

.header{height: 0.042rem;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #e9e9e9;}
.header .logo{padding-left: 0.013rem;font-size: 0.0125rem;}
.header .nav{float: right;font-size: 0.009rem;}
.header .nav a{margin: 0 0.013rem;color: #000000;}
.banner{line-height: 0;}
.banner img{width: 100%;}

.part1{display: flex;}
.part1 .left{flex: 1;display: flex;flex-direction: column;justify-content: center;padding: 0 0.052rem;color: white;background: #4aadee;}
.part1 .left h1{font-size: 0.0146rem;padding-bottom: 0.005rem;}
.part1 .left p{word-break: break-all;font-size: 0.008rem;}
.part1 .left a{width: 0.082rem;height: 0.02rem;text-align: center;line-height: 0.02rem;display: block;color: white;border: 1px solid white;margin-top: 0.026rem;position: relative;overflow: hidden;transition: all 0.4s;z-index: 1;}
.part1 .left a:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: white;transform: translateX(-100%);transition: all 0.4s;z-index: -1;}
.part1 .left a:hover{color: #4aadee;}
.part1 .left a:hover:before{transform: translateX(0%);}
.part1 .right{display: flex;flex-wrap: wrap;width: 0.63rem;}
.part1 .right .item{width: 0.21rem;height: 0.166rem;position: relative;overflow: hidden;}
.part1 .right .item img{width: 100%;height: 100%;}
.part1 .right .item .drop{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #e85815;display: flex;justify-content: center;align-items: center;opacity: 0;transition: all 0.75s;}
.part1 .right .item .drop:before{content: "";position: absolute;width: calc(100% - 0.018rem);height: calc(100% - 0.018rem);left: 0.009rem;top: 0.009rem;border: 1px solid white;}
.part1 .right .item .drop .con:before{content: "";width: 0.008rem;height: 1px;background: white;display: block;margin: 0 auto 0.01rem;}
.part1 .right .item .drop .con:after{content: "";width: 0.008rem;height: 1px;background: white;display: block;margin: 0.01rem auto 0;}
.part1 .right .item .drop h3{font-size: 0.008rem;color: white;text-align: center;}
.part1 .right .item .drop p{font-size: 0.008rem;color: white;text-align: center;padding-top: 0.005rem;}
.part1 .right .item.active .drop{opacity: 0.8;}

.part2{padding-right: 690px;background: url(../images/img2.jpg) no-repeat right fixed;display: flex;justify-content: center;align-items: center;}
.part2 .con h1{font-size: 0.015rem;line-height: 1;text-align: right;padding-top: 0.065rem;}
.part2 .con h2{font-size: 0.009rem;line-height: 1;text-align: right;position: relative;padding: 0.004rem 0 0.006rem 0;}
.part2 .con h2:after{content: "";position: absolute;right: 0;bottom: 0;width: 0.02rem;height: 1px;background: #2e6b26;}
.part2 .con .img{padding: 0.0229rem 0;}
.part2 .con .img img{width: 0.352rem;}
.part2 .con>.text{width: 0.3rem;text-align: right;padding-left: 0.052rem;}
.part2 .con ul{display: flex;justify-content: center;padding: 0.042rem 0 0.08rem;}
.part2 .con ul li{padding: 0 0.026rem;}
.part2 .con ul li .number{font-size: 0.024rem;color: #48b0ef;text-align: center;}
.part2 .con ul li .number span:last-child{font-size: 0.009rem;vertical-align: middle;}
.part2 .con ul li .text{font-size: 0.009rem;color: #48b0ef;text-align: center;}

.part3{background: #f3f4f8;padding-bottom: 0.04rem;}
.part3>h1{font-size: 0.029rem;text-align: center;padding-top: 0.032rem;padding-bottom: 0.019rem;position: relative;}
.part3>h1:after{content: "";position: absolute;left: 50%;bottom: 0;width: 0.03rem;height: 1px;background: #959595;margin-left: -0.015rem;}
.part3 .menu{text-align: center;padding: 0.017rem;}
.part3 .menu a{font-size: 0.009rem;color: #646265;padding: 0 0.007rem;}
.part3 .case .swiper-slide{width: 0.293rem;height: 0.174rem;overflow: hidden;}
.part3 .case .swiper-slide img{width: 100%;height: 100%;transition: all .5s;}
.part3 .case .swiper-slide .drop{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(85,188,255,0.75);display: flex;justify-content: center;flex-direction: column;align-items: center;color: white;opacity: 0;transition: all .5s;}
.part3 .case .swiper-slide .drop h1{font-size: 0.009rem;}
.part3 .case .swiper-slide .drop h2{font-size: 0.009rem;padding-top: 0.003rem;}
.part3 .case .swiper-slide:hover img{transform: scale(1.25);}
.part3 .case .swiper-slide:hover .drop{opacity: 1;}

.part4{background: url(../images/designer_bg.jpg) no-repeat center;background-size: cover;display: flex;height: 100vh;position: relative;}
.part4 .left{width: 50%;}
.part4 .designer-info.swiper-container{height: 100%;}
.part4 .left .con{width: 0.224rem;}
.part4 .left .swiper-slide{display: flex;justify-content: center;align-items: center;}
.part4 .left .swiper-slide h1{font-size: 0.025rem;color: #49afed;}
.part4 .left .swiper-slide p{font-size: 0.007rem;color: #797979;padding-top: 0.014rem;padding-bottom: 0.023rem;}
.part4 .left .swiper-slide a{display: inline-flex;justify-content: space-between;background: #e85100;font-size: 0.007rem;color: #fff;border-radius: 100px;line-height: 1;padding: 0.006rem 0.0125rem;width: 0.045rem;}
.part4 .right{width: 50%;}
.part4 .designer-img.swiper-container{height: 100%;}
.part4 .right .swiper-slide .img{background: no-repeat center;background-size: cover;height: 100%;}
.part4 .btn-down{position: absolute;left: 50%;top: 50%;background: #4aadee;width: 0.026rem;height: 0.026rem;margin-left: -0.026rem;border-radius: 0.005rem 0 0 0.005rem;font-size: 0.008rem;color: white;text-align: center;line-height: 0.026rem;z-index: 10;cursor: pointer;}
.part4 .btn-up{position: absolute;left: 50%;top: 50%;background: #4aadee;width: 0.026rem;height: 0.026rem;margin-top: -0.026rem;border-radius: 0 0.005rem 0.005rem 0;font-size: 0.008rem;color: white;text-align: center;line-height: 0.026rem;z-index: 10;cursor: pointer;}

.part5{background: #00b3dc;}
.part5 .index-time-list{position:relative;margin-top:0}
.part5 .index-time-list:before{content:'';width:100%;height:1px;background-color:#ffffff;position:absolute;left:0px;top:50%;margin-top:-2px;}
.part5 .index-time-list .time_item{float:left;position:relative;width: 20%;height:0.26rem;text-align:center;}
.part5 .index-time-list .time_item:before{content:'';width:0.004rem;height:0.004rem;border-radius:50%;border: 0.001rem solid white;background:#00b3dc;position:absolute;left:50%;top:50%;margin-top:-0.003rem;margin-left:-0.003rem;z-index:6;}
.part5 .index-time-list .time_body{display:block;overflow:hidden;position:absolute;padding:0.01rem;box-sizing: border-box;width:100%;z-index:1;}
.part5 .index-time-list .time_body h4{font-size:0.008rem;color:#ffffff;text-align:center;margin:0px;}
.part5 .time-desc{font-size:0.007rem;color:#ffffff;text-align:center;margin:0;}
.part5 .index-time-list .time_item:nth-child(odd) .time_body{top:0px;}
.part5 .index-time-list .time_item:nth-child(even) .time_body{bottom:0px;}
.part5 .time-content{height:50%;position:relative;}
.part5 .time-content:before{content:'';border-left:1px dotted #fff;height:0.015rem;position:absolute;bottom:0;left:50%;transform:translateX(-50%);transition:all .3s ease-out 0s;margin-bottom:0.001rem;}
.part5 .time_item:nth-child(even) .time-content{margin-top:calc( 0.26rem / 2 )}
.part5 .time_item:nth-child(even) .time-content:before {content:'';border-left:1px dotted #fff;height:0.015rem;position:absolute;top:0;left:50%;transform:translateX(-50%);transition:all .3s ease-out 0s;margin-top:0.001rem;}
.part5 .nums{font-size:0.0125rem;color:#ffffff;opacity:1;transition:all cubic-bezier(.02,.45,.26,1.01) .3s;margin-bottom:0;}
.part5 .date_wrap{color:transparent;font-size:0.006rem;padding:0 0.021rem;height:0.01rem;line-height:0.01rem;transition:all .3s ease-out 0s;margin:0;}
.part5 .time_item:hover .nums{opacity:0;display:none;}
.part5 .time_item:hover h4 {color:#e85815;margin-top:0.01rem;}
.part5 .time_item:hover h4 span{color:#e85815 !important;}
.part5 .time_item:hover .date_wrap{color:#ffffff;}
.part5 .time_item:hover .time-desc{font-size:0.007rem;}
.part5 .details{color:transparent;position:relative;width:0.0625rem;height:0;display:block;margin:0 auto;opacity:0;background:#e85815;filter:alpha(opacity=0);transition:all .3s ease-out 0s;margin-top:28px;overflow:hidden;}
.part5 .details i{width:100%;height:100%;position:absolute;top:0;left:0}
.part5 .details .fa{color:transparent;}
.part5 .details .fa{font-size:0.016rem;}
.part5 .details i:before{content:'';width:0.008rem;height:1px;background:#ffffff;position:absolute;top:50%;left:50%;margin-left:-0.004rem;margin-top:-1px;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.part5 .details i:after{content:'';width:1px;height:0.008rem;background:#ffffff;position:absolute;top:50%;left:50%;margin-top:-0.004rem;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;}
.part5 .time_item:hover .time-content:after{border-color:#bebebe;border-bottom-color:#bebebe;border-top:1px solid;border-top-color:#e85815;}
.part5 .time_item:hover .details{opacity: 1;height: 0.016rem;}
.part5 .time-content::after{content:'';position:absolute;top:0;left:0;width:calc(100% - 2px);height:calc(100% - 2px);transition:all .3s ease-out 0s;border:1px solid transparent;}
.part5 .time_item:nth-child(even):hover .time-content:after{border-bottom:1px solid #e85815;border-top:none;}
.part5 .types{padding: 0.019rem 0 0.042rem;display: flex;}
.part5 .types .item{display: block;width: 0.124rem;height: 0.029rem;line-height: 0.029rem;text-align: center;font-size: 0.016rem;box-sizing: border-box;background: #0598ce;color: white;margin-right: 0.01rem;}
.part5 .types .more{display: block;width: 0.124rem;height: 0.029rem;line-height: 0.029rem;text-align: center;font-size: 0.016rem;box-sizing: border-box;border: 1px solid white;color: white;}

.part6{background: url(../images/bg.jpg) no-repeat bottom;background-size: cover;display: flex;align-items: center;padding: 0.028rem 0;position: relative;}
.part6>.title{width: 0.016rem;font-size: 0.016rem;color: white;padding-left: 0.019rem;line-height: 1;}
.part6>.title span{color: #00baf1;}
.part6>.con{flex: 1;}
.part6 .news.swiper-container{height: 0.375rem;padding-left: 0.168rem;}
.part6 .swiper-slide{display: flex;opacity: 0.5;transition: all 0.65s 0.3s;}
.part6 .swiper-slide .img{width: 0.208rem;height: 100%;overflow: hidden;position: relative;box-shadow: 0 0 35px rgba(12,3,6,.3);transition: all 0.65s 0.3s;}
.part6 .swiper-slide .img img{width: 100%;height: 100%;}
.part6 .swiper-slide .con{display: flex;flex: 1;color: white;padding: 0.021rem 0.118rem 0.021rem 0.04rem;position: relative;overflow: hidden;}
.part6 .swiper-slide .con:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #0068bf;z-index: -1;transform: translateX(-100%);transition: all 0.65s 0.4s;}
.part6 .swiper-slide .con .num{font-size: 0.019rem;display: flex;align-items: center;margin: 0.005rem 0.005rem auto 0;}
.part6 .swiper-slide .con .num:after{content: "";display: inline-block;width: 0.008rem;height: 1px;background: white;}
.part6 .swiper-slide .con .date{font-size: 0.006rem;}
.part6 .swiper-slide .con h1{font-size: 0.011rem;}
.part6 .swiper-slide .con p{font-size: 0.008rem;padding-top: 0.008rem;max-height: 0.052rem;overflow: hidden;}
.part6 .swiper-slide-active{opacity: 1;}
.part6 .swiper-slide-active .img{transform: scale(1.15);z-index: 10;}
.part6 .swiper-slide-active .con:before{transform: translateX(0%);}
.part6 .btns{position: absolute;right: 0;top: 50%;z-index: 10;padding-right: 0.021rem;margin-top: -0.029rem;}
.part6 .btns span{display: block;cursor: pointer;width: 0.024rem;height: 0.024rem;background: no-repeat center;background-size: contain;}
.part6 .btns span:first-child{background-image: url(../images/up.png);margin-bottom: 0.01rem;}
.part6 .btns span:last-child{background-image: url(../images/down.png);}

.part7{display: flex;align-items: center;padding: 0.076rem 0;}
.part7{background: #333333 url(../images/bg2.jpg) no-repeat right;background-size: 50% 100%;}
.part7>.title{width: 0.016rem;font-size: 0.016rem;color: white;padding-left: 0.019rem;line-height: 1;}
.part7>.title span{color: #00baf1;}
.part7>.con{flex: 1;display: flex;color: white;padding-left: 0.182rem;}
.part7 .company{border: 0.003rem solid white;box-sizing: border-box;width: 0.341rem;padding: 0.043rem;}
.part7 .company h1{font-size: 0.019rem;}
.part7 .company h2{font-size: 0.008rem;border-bottom: 1px solid #019dce;padding: 0.003rem 0;display: inline-block;margin-bottom: 0.029rem;}
.part7 .company p{padding: 0.009rem 0;font-size: 0.008rem;}
.part7 .company p:last-child{padding-top: 0.021rem;}
.part7 .company p span{font-size: 0.012rem;color: #039fd0;}
.part7 .message{width: 0.284rem;text-align: center;}
.part7 .message h1{font-size: 0.019rem;}
.part7 .message h2{font-size: 0.008rem;}
.part7 .ewm{display: flex;justify-content: center;padding-top: 0.029rem;padding-bottom: 0.016rem;}
.part7 .ewm .item{padding: 0 0.0125rem;}
.part7 .ewm img{width: 0.073rem;height: 0.073rem;}
.part7 .ewm span{display: block;text-align: center;font-size: 0.008rem;}
.part7 .share .social-share-icon{color: white;border: none;font-size: 0.014rem;width: auto;height: auto;line-height: 1;padding: 0.005rem;}

.footer{background: #333333;padding: 0.03rem;line-height: 1;font-size: 0.008rem;text-align: center;color: white;}