join-part4 .left .item input,.join-part4 .left .item select option {color: #000} .join-part4 .left .item select{background: url(../images/select.png) no-repeat scroll 96% center transparent; display: block!important; color: #999} .join-part4 .left .item textarea{width: 100%;border: 0;background: transparent;padding: 20px;height: 150px;resize: none;font-size: 16px;} .join-part4 .left input::placeholder,.join-part4 .left select::placeholder,.join-part4 .left textarea::placeholder{ font-size: 16px; color: #999999;} .join-part4 .left input::-webkit-input-placeholder,.join-part4 .left select::-webkit-input-placeholder,.join-part4 .left textarea::-webkit-input-placeholder{ font-size: 16px; color: #999999;} .join-part4 .left input::-ms-input-placeholder,.join-part4 .left select::-ms-input-placeholder,.join-part4 .left textarea::-ms-input-placeholder{ font-size: 16px; color: #999999;} .join-part4 .left input::-moz-placeholder,.join-part4 .left select::-moz-placeholder,.join-part4 .left textarea::-moz-placeholder{ font-size: 16px; color: #999999;} .join-part4 .left .submit{margin: 30px auto 0;display: block;height: 60px;line-height: 50px;text-align: center;width: 37.14%; font-size: 14px;color: #ffffff; background-color: #c8192a;outline: none;-webkit-appearance: none;border:0; cursor: pointer;} .join-part4 .right .tit{position: relative;margin: 0;font-size: 16px;line-height: normal;padding-left: 22px;background: url("../images/joined.png") no-repeat left center;background-size: 10px 26px;} .join-part4 .right .joined-ls{margin-top: 20px;height: 350px;overflow: hidden;position: relative;} .join-part4 .joined-ls ul{position: absolute;left: 0;right: 0;width: 100%;top: 0;} .join-part4 .joined-ls li{position: relative;line-height: 49px;height: 50px;border-bottom: 1px dashed #dbdbdb;font-size: 16px;color: #666666;padding-left: 24px;} .join-part4 .joined-ls li::before{content:"";display: block;width: 4px;height: 4px;background-color: #c8192a;position: absolute;left: 0;bottom: 0;top: 0;margin: auto;} .join-part4 .joined-ls li >span{float:left;} .join-part4 .joined-ls .name{width: 25%;} .join-part4 .joined-ls .tel{width: 33.333%;} .join-part4 .joined-ls .area{width: 41.666%;} .project-part1{padding: 5.1% 0;} .project-tit{ font-size: 30px;letter-spacing: 3px;text-align: center;line-height: normal;margin: 0;font-weight: normal;} .project-part1 .intro{ font-size: 16px;line-height: 32px;color: #666666;max-width: 1200px;margin: 15px auto 50px;text-align: center;} .project-part2{padding: 5.1% 0;} .project-part2 .data{margin-top: 4.1%;background-color: #f8f8f8;} .project-part2 .data li{position: relative;} .project-part2 .data .pic{position: absolute;width: 50%;left: 0;top: 0;height: 100%;} .project-part2 .data .txt{text-align: center;padding: 5%;min-height: 500px; width: 50%;margin-left: 50%;} .project-part2 .data .tit-en{font-family: Oswald-Bold;font-size: 72px;font-weight: bold;color: #c8192a;line-height: normal;margin: 0;} .project-part2 .data .tit-cn{ font-size: 32px;font-weight: normal;color: #c8192a;line-height: normal;margin: 0;} .project-part2 .data .tit-cn::after{content:"";display: block;width: 30px;height: 4px;background-color: #c8192a;margin: 20px auto 30px;} .project-part2 .data .tit{ font-size: 24px;font-weight: normal;margin: 0 0 5px;} .project-part2 .data .intro{font-size: 16px;color: #666666;} .project-part2 .data .alt{position: absolute;bottom: 15px;width: 100%;left: 0;text-align: center; font-size: 16px;color: #ffffff;padding: 0 5%} .project-part2 .slick-dots{padding: 0 0 0 50%;bottom: 8%;} .project-part2 .slick-dots li{ background-color: #d1d1d1;height: 6px;width: 6px;border-radius: 50%;color: transparent;cursor: pointer;overflow: hidden;margin: 0 8px;} .project-part2 .slick-dots li *,.project-part2 .slick-dots li:before{display: none;} .project-part2 .slick-dots li.slick-active{background-color: #c8192a;box-shadow: 0 0 0 1px #c8192a;} .project-part3{padding: 3.2% 0;} .project-part3 .bg{width: 100%;margin-top: 3.2%;} .project-part3 .data{box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);padding-bottom: 1.2%;} .project-part3 .data .item{padding-bottom:40%;position: relative;display: block;} .project-part3 .data .pic{position: absolute;max-width: 90%;max-height: 90%;left: 0;bottom: 0;top: 0;right: 0; margin: auto; opacity: 0.4; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } .project-part3 .data .item:hover .pic{ opacity: 1; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; } .project-part3 .slick-dots{bottom: 3.2%;} .project-part3 .slick-dots li{ background-color: #d1d1d1;height: 6px;width: 6px;border-radius: 50%;color: transparent;cursor: pointer;overflow: hidden;margin: 0 8px;} .project-part3 .slick-dots li *,.project-part3 .slick-dots li:before{display: none;} .project-part3 .slick-dots li.slick-active{background-color: #c8192a;box-shadow: 0 0 0 1px #c8192a;} .project-part4{padding: 4.1% 0;} .project-part4 .data{margin-top:3.8%; } .project-part4 .data li{float: left;width: 23.555%;margin-right: 1.923%;} .project-part4 .data li:nth-child(4n){margin-right: 0;} .project-part4 .data .pic{padding-bottom: 100%;} .project-part4 .data .tit{ font-size: 22px;font-weight: normal;margin: 10px 0 5px;} .project-part4 .data .label{ font-size: 16px;color: #666666;} .project-part4 .data .label >span{display: inline-block;vertical-align: middle;padding: 0 15px;} .project-part4 .data .intro{ font-size: 16px;color: #666666;white-space: pre;} .project-part4 .btn{position: relative;z-index: 2; width: 136px;height: 36px;line-height: 36px;text-align: center;font-size: 16px;color: #ffffff!important;display: block;margin: 3.2% auto 0;} .project-part4 .btn::after{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top:0;transform: skew(-15deg);-ms-transform: skew(-15deg);-webkit-transform: skew(-15deg); background-color: #c8192a;z-index: -1;} .inner-menu{padding: 5.1% 0;text-align: center;} .inner-menu li{display: inline-block;margin: 5px;} .inner-menu li a{display: block; border: solid 1px #ccc;line-height: 38px;padding: 0 10px; min-width: 130px; font-size: 18px;color: #666666;} .inner-menu li .on{border-color: #c8192a; background-color: #c8192a;color:#fff;} .design-activity .data li{float: left;width: 32.478%;margin-right: 1.282%;margin-bottom: 3.8%;} .design-activity .data li:nth-child(3n){margin-right: 0;} .design-activity .data .pic{position: relative;padding-bottom: 67.19%;} .design-activity .data figure{width: 100%;height: 100%;position: absolute;left: 0;top:0;} .design-activity .data .time{position: absolute;bottom: 0;right: 0;width: 130px;line-height: 45px;background-color: #c8192a;text-align: center;font-family: Oswald-Light;font-size: 16px;color: #ffffff;} .design-activity .data .tit{font-size: 18px;line-height: normal;font-weight: normal;margin: 30px 0 10px;} .design-activity .data .intro{ font-size: 14px;font-weight: normal;color: #666666;line-height: normal;} .design-activity .data a:hover .intro{color: #c8192a} .design-activity .Page002046 .Pages{margin: 2.5% 0 6.4%;} .news_info{padding: 5.1% 0;} .news_info .title{text-align: center; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px dashed #eee;} .news_info .title > *{margin: 0;} .news_info .title h1{font-size: 24px; font-weight: normal; padding-bottom: 10px;} .news_info .title p{color: #666;} .news_info .title p span{ padding: 0px 10px} .news_info .video{ text-align: center; max-width: 800px; margin: auto} .news_info .video *{ width: 100%} .news_info .info_pn{ padding-top: 2%;} .news_info .info_pn span{margin-bottom: 10px;} .news_info img{width:auto !important;height:auto !important;} @media(max-width:768px){ .news_info .info_pn span{ float: none} } .aaua-project .design-activity{ background-color: #f8f8f8;padding: 5.2% 0;} .aaua-project .design-activity .data{margin-top: 3.8%;} .aaua-project .design-activity