ng: 15px 0; border-bottom: dashed 1px #89898a;} .search_list li, .search_list li a{ color: #89898a} .search_list li a:hover{ color: #ba936b} .search_list li time{ float: right} .link_list{ padding-top: 3%} .link_list ul li{ float: left; width: 16.666%; padding: 1%;} .link_list ul li a{ display: block; border: solid 1px #eee; background-color: #fff; padding: 10px;} .link_list ul li .photo{ overflow: hidden} .link_list ul li span{ display: block; padding-bottom: 38%; background: no-repeat center center; background-size: contain} .link_list ul li h4{ padding: 10px 0; font-size: 16px; margin: 0; font-weight: normal} @media(max-width:1024px){ .link_list ul li{ width: 25%} } @media(max-width:640px){ .link_list ul li{ width: 50%} } .article_info .article{ padding: 3%; min-height: 200px;} /*ShaoLing*/ /* 视频弹窗 */ .video-play-wrap { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; background-color: rgba(0, 0, 0, .5); display: none; width: 100%; height: 100%; } .video-play-wrap .inner { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 80%; height: 90%; } .video-play-wrap video { position: absolute; width: 100%; height: 100%; } .video-play-wrap .close-btn { background: rgba(30, 30, 30, .6); cursor: pointer; height: 44px; padding: 10px; transition: color .2s; vertical-align: top; width: 44px; position: absolute; right: 0; top: 0; color: #ccc; } .video-play-wrap .close-btn svg path { fill: transparent; stroke: currentColor; stroke-linejoin: round; stroke-width: 3; } .About_tit{ font-size: 30px; margin: 0; font-weight: normal; text-align: center;} .About_tit p{ margin: 0; font-size: 16px; color: #666;} .About_box1{ background: url(../images/About_bg1.jpg) repeat; padding: 3.5% 0 1.5%;} .About_box1 .fl{ width: 55%;} .About_box1 .About_tit{ text-align: left;} .About_box1 .fl .txt{ font-size: 16px; line-height: 36px; padding: 1% 0 0 0; color: #666; text-align: justify;} .About_box1 .fr{ width: 38%;} .About_box2{ padding: 3% 0 6%;} .About_box2 ul{ margin-top: 3%;} .About_box2 li{ width: 32.052%; margin-right: 1.9%; float: left; position: relative; overflow: hidden;} .About_box2 li:nth-child(3){ margin-right: 0;} .About_box2 li figure{ padding-top: 80%;} .About_box2 li .txt{ position: absolute; left: 0; bottom: 0; text-align: center; color: #fff; font-size: 16px; padding: 0 11%; transition: all 0.5s; z-index: 5; height: 60px;} .About_box2 li .txt h3{ font-size: 20px; margin-top: 0; font-weight: normal;} .About_box2 li .txt p{ opacity: 0;} .About_box2 li::before, .About_box2 li::after{ content: ''; position: absolute; left: 0; bottom: 0;} .About_box2 li::before{ width: 100%; height: 37%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.8))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);} .About_box2 li:hover::after{ width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);} .About_box2 li:hover ::before{ opacity: 0;} .About_box2 li:hover .txt{ transform: translateY(50%); bottom: 50%; height: auto; } .About_box2 li:hover .txt p{ opacity: 1;} .About_box3{ background-color: #f7f7f7; padding: 4% 0;} .About_box3 ul{ margin-top: 3%;} .About_box3 li{ float: left; width: 48.718%; margin-right: 2.56%; margin-bottom: 2%;} .About_box3 li:nth-child(2n){ margin-right: 0;} .About_box3 li:nth-child(2n+1){ clear: both;} .About_box3 li figure{ padding-top: 52.633%;} .About_box3 li .txt{ background-color: #fff; padding: 5% 6%; min-height: 286px; text-align: justify;} .About_box3 li h3{ margin: 0 0 2%; font-size: 20px;} .About_box3 li p{ margin: 0; font-size: 16px; line-height: 32px; color: #666666;} @media(max-width:1400px){ .About_box2 li .txt h3{ font-size: 18px;} .About_box2 li .txt{ padding: 0 5%; font-size: 14px; line-height: 28px;} } @media(max-width:1024px){ .About_tit{ font-size: 24px;} .About_tit p{ font-size: 14px;} .About_box1 .fl, .About_box1 .fr{ width: 100%; float: none;} .About_box1 .fr{ text-align: center; margin: 2% 0;} .About_box1 .fl .txt, .About_box3 li p{ font-size: 14px; line-height: 28px;} .About_box3 li h3{ font-size: 18px;} } @media(max-width:768px){ .About_box2 li, .About_box3 li{ width: 100%; margin-right: 0; margin-bottom: 2%;} .About_box3 li .txt{ min-height: auto;} } .video_list{ padding-top: 5%;} .honor_list li{ width: 33.33%; float: left; text-align: center;} .honor_list li a{ display: block; width: 100%; padding: 2% 2% 10%; border: 1px solid #ececec; margin-left: -1px; margin-bottom: -1px; transition: all 0.5s;} .honor_list li figure{ position: relative; padding-top: 80%;} .honor_list li img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-height: 100%;} .honor_list li p{ margin: 0; font-size: 18px; color: #333;} .honor_list li a:hover{ box-shadow: 0 0 25px rgba(0,0,0,0.1); border-color: #fff;} @media(max-width:640px){ .honor_list li{ width: 50%;} .honor_list li p{ font-size: 16px;} } .video_list{ padding-top: 5%;} .video_list li{ width: 32.052%; margin-right: 1.9%; float: left; position: relative; overflow: hidden; cursor: pointer; margin-bottom: 2%;} .video_list li:nth-child(3n){ margin-right: 0;} .video_list li figure{ position: relative; padding-top: 64%;} .video_list li .video_bn, .video_list li figure::before{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .video_list li figure::before{ content: ''; background: url(../images/play_icon.png) no-repeat center rgba(0,0,0,0.2); transition: 0.5s} .video_list li .video_bn{ z-index: 10;} .video_list li p{ margin: 0; background-color: #f7f7f7; padding: 5% 9%; font-size: 18px; color: #333333; line-height: 28px;} .video_list li time{ float: right; font-size: 14px; color: #999999; margin-left: 10px;} .video_list li:hover p{ color: #fff; background-color: #c8192a} .video_list li:hover figure::before{ background-color: transparent; opacity: 0.5} @media(max-width:1024px){ .video_list li p{ font-size: 16px;} .video_list li time{ font-size: 12px;} } @media(max-width:768px){ .video_list li{ width: 49%; margin-right: 2%;} .video_list li:nth-child(3n){ margin-right: 2%;} .video_list li:nth-child(2n){ margin-right: 0;} } @media(max-width:640px){ .video_list li{ width: 100%; margin-right: 0!important;} .video_list li p{ font-size: 14px;} } .Charity_list .list{ padding: 5% 0;} .Charity_list .list:nth-child(2n){ background-color: #f7f7f7;} .Charity_list .list .pic{ width: 63.5%;} .Charity_list .list .txt{ padding: 3% 2% 3% 6%;} .Charity_list .list .txt *{ margin: 0; font-weight: normal;} .Charity_list .list h3{ font-size: 24px; color: #333333; padding-bottom: 3%;} .Charity_list .list h4{ font-size: 16px; color: #666666;} @media(max-width:1000px){ .Charity_list .list h3{ font-size: 20px;} } @media(max-width:640px){ .Charity_list .ytable-cell{ display: block; width: 100%!important;} .Charity_list .list .txt{ padding: 3% 0;} .Charity_list .list h3{ font-size: 16px; padding-bottom: 0;} .Charity_list .list h4{ font-size: 12px;} } .brand_power{ padding: 5% 0 2.5%;} .brand_power .tit{ text-align: center; padding-bottom: 3%;} .brand_power .tit *{ font-weight: normal; margin: 0;} .brand_power .tit h3{ font-size: 30px; color: #333; padding-bottom: 10px;} .brand_power .tit h4{ font-size: 16px; line-height: 32px; color: #666;} .brand_power li{ margin-bottom: 2.5%;} .brand_power .pic{ width: 70.55%;} .brand_power .txt{ background-color: #f8f8f8; padding: 2% 0 2% 5%;} .brand_power .txt b{ font-size: 36px; color: #c8192a;} .brand_power .txt h2{ font-size: 24px; color: #333;} .brand_power .txt h2::after{ content: ''; display: block; width: 30px; height: 3px; backgrouontainer{margin-right: 70px;} .Map000101 .mCSB_scrollTools{right: 20px;} .Map000101 .mCSB_scrollTools .mCSB_draggerRail{background-color: #fff!important;width: 10px;border-radius: 0;} .Map000101 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 10px;background-color: #c8192a!important;border-radius: 0;} .nearby-store .map-join{margin-top: 30px;} .nearby-store .map-join .tit{font-size: 24px;font-weight: normal;margin: 0;line-height: normal;} .nearby-store .map-join .intro{font-size: 18px;margin: 15px 0 15px;} .nearby-store .map-join .btn{display: inline-block;padding: 5px 20px;border:1px solid #c8192a;color: #c8192a;border-radius: 50px;} .serve-part1{padding: 5.12% 0 6.4%;} .serve-tit,.feedback-tit{ font-size: 36px;font-weight: normal;color: #333333;line-height: normal;margin: 0;text-align: center;} .serve-intro,.feedback-intro{font-size: 16px;color: #666666;margin: 15px 0 45px;text-align: center;} .bg-cover{background-repeat: no-repeat;background-size: cover;background-position: center center;} .serve-part1 .pic{padding-bottom: 134.61%;position: absolute;left: 0;top: 0;width: 100%;z-index: 1;} .serve-part1 .slick-box li{position: relative;} .serve-part1 .slick-box .txt{padding: 150.64% 16% 16%;background-color: #f7f7f7;text-align: center;} .serve-part1 .slick-box li:nth-child(2n) .txt{padding:16% 16% 150.64%; } .serve-part1 .slick-box li:nth-child(2n) .pic{top: auto;bottom: 0;} .serve-part1 .slick-box .tit{margin: 0; font-size: 24px;font-weight: normal;color: #333333;} .serve-part1 .slick-box .intro{ font-size: 16px;line-height: 26px;color: #666666;height: 52px;} .slick-nav{text-align: center;margin-top: 4.48%;} .slick-nav .slick-arrow{width: 50px;height: 15px;display: inline-block; position: relative;left: auto;right: auto; top: auto;transform: none;-webkit-transform: none;margin: 0 20px;background: url("../images/serve-arrows.png") no-repeat center center;background-size: 235.714% 100%;} .slick-nav .slick-prev{background-position: left center;} .slick-nav .slick-next{background-position: right center;} .serve-part2{padding: 5.2% 0;} .serve-part2 .serve-tit,.serve-part3 .serve-tit{margin-bottom: 50px;} .serve-part2 .slick-box{margin: 0 -15px;} .serve-part2 .slick-box li{border: 15px solid transparent;border-top: 0;border-bottom: 0;background: #fff;text-align: center;padding: 50px 20px; background-clip: padding-box;} .serve-part2 .slick-box .pic{display: inline-block;width: 40px;height: 40px;background-size: contain;} .serve-part2 .slick-box .tit{ font-size: 24px;font-weight: normal;color: #333333;margin: 20px 0 10px; } .serve-part2 .slick-box .intro{ font-size: 16px;color: #666666;} .serve-part2 .slick-box .btn{display: inline-block;margin-top: 25px;width: 136px;height: 42px;border: solid 1px #c8192a; font-size: 14px;color: #c8192a;line-height: 40px;text-align: center;} .serve-part2 .slick-box .btn:hover{background: #c8192a;color: #fff;} .serve-part3{padding: 6.4% 0;} .serve-part3 .txt{float: right;width: 50%;padding: 5.1%;background:url("../images/contact-bg.jpg") no-repeat right bottom #f7f7f7;background-size: contain;} .serve-part3 .cont{position: relative;} .serve-part3 .pic{position: absolute;left: 0;top: 0;width: 50%;height: 100%;} .serve-part3 .tip{ font-size: 16px;color: #333333;} .serve-part3 .tel-txt{font-family: Arial;font-weight: bold; font-size: 36px;color: #c8192a;margin: 15px 0 5px;line-height: 1;} .serve-part3 .work{ font-size: 14px;color: #666666;} .serve-part3 .way{position: relative;} .serve-part3 .btn{width: 156px;height: 46px;background-color: #c8192a; font-size: 14px;line-height: 46px;color: #ffffff;display: block;text-align: center;position: absolute;right: 0;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);} .serve-part3 .btn::before{content:"";display: inline-block;vertical-align: middle;width: 22px;height: 18px;background: url("../images/msg.png") no-repeat center center;background-size: 100% 100%;margin-right: 10px;} .serve-part3 .follow{margin-top: 70px;padding-top: 60px;border-top: 1px solid #e8e8e8;} .serve-part3 .follow img{width: 200px;padding: 9px;border: solid 1px #ededed;} .serve-part3 .follow .qrcode{display: inline-block;text-align: center;margin-right: 9%;} .serve-part3 .follow .label{font-size: 14px;color: #666666;margin-top: 15px;} /*.serve-part2 .slick-prev{ background-image: url(../js/slick/slick-prev-on.png);}*/ /*.serve-part2 .slick-next{ background-image: url(../js/slick/slick-next-on.png);}*/ .serve-part2 .slick-arrow{width: 50px;height: 15px;display: inline-block;background: url("../images/serve-arrows.png") no-repeat center center;background-size: 235.714% 100%;} .serve-part2 .slick-prev{background-position: left center;} .serve-part2 .slick-next{background-position: right center;} .pave-guide{padding: 6.4% 0;} .guide-tit{ font-size: 36px;font-weight: normal;color: #333333;line-height: normal;margin: 0;text-align: center;} .guide-intro{font-size: 16px;color: #666666;margin: 15px 0 45px;text-align: center;} .pave-guide .data{} .pave-guide .data li{margin-bottom: 10px;} .pave-guide .quest{position: relative; background-color: #f8f8f8;padding: 14px 50px 14px 80px; font-size: 18px;color: #333333;cursor: pointer;} .pave-guide .quest .num{font-style: normal; position: absolute;width: 70px;font-size: 24px;font-weight: bold;text-align: center;display: inline-block;left: 0;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);} .pave-guide .quest .icon{display: block;width: 12px;height: 12px;position: absolute;right: 24px;top: 0;bottom: 0;margin: auto;} .pave-guide .quest .icon::before,.pave-guide .quest .icon::after{content:"";display: block;background: #999999;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;} .pave-guide .quest .icon::before{width: 100%;height: 2px;} .pave-guide .quest .icon::after{height: 100%;width: 2px;} .pave-guide .answer{background-color: #f8f8f8;padding: 30px 50px 50px 80px; font-size: 16px;color: #666666;display: none;position: relative;line-height: 32px;} .pave-guide .active.quest{ background-color: #c8192a; color: #fff;} .pave-guide .active.quest .icon::before{background: #fff;} .pave-guide .active.quest .icon::after{display: none;} .transition{transition: all 0.3s;-webkit-transition: all 0.3s;} .Page002046 .Pages{ text-align:center; padding: 5% 0} .Page002046 .Pages a{ display:inline-block; vertical-align:middle;background-color: #eeeeee;margin: 0 8px; padding: 0 20px; line-height:48px; color:#666666;text-align: center;} .Page002046 .Pages a:hover, .Page002046 .Pages a.a_cur{ background-color: #c8192a; color:#fff;} .Page002046 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle; overflow:hidden;} .Page002046 .Pages .a_first, .Page002046 .Pages .a_end, .Page002046 .Pages .p_cur, .Page002046 .Pages .p_count, .Page002046 .Pages .p_jump, .Page002046 .Pages .p_total{ display:none;} .Page002046 .Pages .a_prev, .Page002046 .Pages .a_next{position: relative;background: #c8192a;overflow:hidden;color: transparent!important;font-size: 0;} .Page002046 .Pages .a_prev::after, .Page002046 .Pages .a_next::after{content:"";display: block;position: absolute;left: 0;bottom: 0;top: 0;right: 0;margin: auto;width: 48%;height: 8px; background:url(../images/page-arrows.png) no-repeat left center transparent;background-size: 200%; } .Page002046 .Pages .a_next::after{background-position: right center;} @media(max-width:640px){ .Page002046 .Pages a{padding:0 8px; width: auto;margin:0 4px; line-height: 30px;} } @media(max-width:480px){ .Page002046 .Pages a{margin:0 2px;} } .fqa.pave-guide .label{font-weight: bold; width: 60px;height: 100%;font-style: normal; background-color: #eaeaea;position: absolute;left: 0;top: 0;transform: none;-webkit-transform: none;-ms-transform: none;line-height: 60px; font-size: 32px;text-align: center;} .fqa.pave-guide .active .label{background: transparent;} .fqa.pave-guide .answer .label{padding-top: 20px;color:#333;} .fqa .answer .h4{margin: 0;} .fqa .answer .dt_ls dt,.fqa .answer .dt_ls dd{position: relative;padding-left: 20px;} .fqa .answer .dt_ls dt::before{content:""; display: block;box-sizing: border-box;background-color: #999999;border: 2px solid #fff;height: 9px;width: 9px;box-shadow: 0 0 0 1px #999;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;border-radius: 50%;} .fqa .answer .mark{color: #c8192a;font-size: 14px;} .feedback{padding: 5.1% 0 6.4%;} .feedback .cont{position: relative;background-color: #f9f9f9;} .feedback .cont .pic{width: 34.61%;position: absolute;left: 0;top: 0;height: 100%;} .feedback .cont .txt{width: 65.38%;float:right;padding: 5.1% 3.2% 4.4%;} .feedback .cont .item{width: 32.6%;float: left;margin-right: 1.08%;background: #fff;margin-bottom: 10px;position: relative;} .feedback .cont .item.rowspan2{width: 49.46%;} .feedback .cont .item.end{margin-right: 0;} .feedback .cont .item.rowspan3{margin-right: 0;width: 100%;} .feedback .cont .item input,.feedback .cont .item select{width: 100%;border: 0;background: transparent;padding: 0 20px;height: 60px;line-height: 60px;font-size: 16px;} .feedback .cont .item select{background: url(../images/select.png) no-repeat scroll 96% center transparent; display: block!important;} .feedback .cont .item textarea{width: 100%;border: 0;background: transparent;padding: 20px;height: 150px;resize: none;font-size: 16px;} .feedback .cont input::placeholder,.feedback .cont select::placeholder,.feedback .cont textarea::placeholder{ font-size: 16px; color: #999999;} .feedback .cont input::-webkit-input-placeholder,.feedback .cont select::-webkit-input-placeholder,.feedback .cont textarea::-webkit-input-placeholder{ font-size: 16px; color: #999999;} .feedback .cont input::-ms-input-placeholder,.feedback .cont select::-ms-input-placeholder,.feedback .cont textarea::-ms-input-placeholder{ font-size: 16px; color: #999999;} .feedback .cont input::-moz-placeholder,.feedback .cont select::-moz-placeholder,.feedback .cont textarea::-moz-placeholder{ font-size: 16px; color: #999999;} .feedback .cont .check-group{line-height: 60px;} .feedback .cont .check-group >*{display: inline-block;vertical-align: middle;} .feedback .cont .label{width: 120px;padding-left: 20px; font-size: 18px;font-weight: bold;display: inline-block;line-height: 60px;} .feedback .cont .check-item{position: relative;padding-left: 24px;margin-right: 4.8%;} .feedback .cont .check-item .name{ font-size: 18px;letter-spacing: 2px;color: #666666;} .feedback .cont .check-item .icon{display: inline-block;position: absolute;left: 0;top: 0;bottom: 0;margin: auto; width: 14px;height: 14px;background-color: #ffffff;border: solid 4px #cccccc;border-radius: 50%;} .feedback .cont .check-item input:checked + .icon{border: solid 4px #c8192a;} .feedback .cont .check-item input{position: absolute;opacity: 0;left: 0;top: 0;height: 100%;width: 100%;z-index: 1;cursor: pointer;} .feedback .cont .tip{ font-size: 14px;color: #999999;} .feedback .cont .choose-file{line-height: 30px; height: 30px;background-color: #eeeeee;border: solid 1px #cccccc;position: absolute;padding: 0 15px;right: 20px;top: 0;bottom: 0;margin: auto;display: inline-block;font-size: 14px;color: #666666;cursor: pointer;} .feedback .cont .choose-file input{position: absolute;width: 100%;height: 100%;opacity: 0;left: 0;top: 0;} .feedback .cont .submit{margin: 6.5% auto 0;display: block;height: 50px;line-height: 50px;text-align: center;width: 45.65%; font-size: 14px;color: #ffffff; background-color: #c8192a;outline: none;-webkit-appearance: none;border:0; cursor: pointer;} .feedback .webuploader-container{display: inline-block;position: relative;} .feedback .webuploader-container >div{width: 100%!important;height: 100%!important;} .feedback .webuploader-container >div input{left: 0;} .buy-way .data li{} .buy-way .data .ytable{min-height: 750px;padding: 2% 7.6%} .buy-way .data .pic{width: 55%;} .buy-way .data .txt{width: 45%;} .buy-way .data .centerTrue{text-align: center;} .buy-way .data .centerTrue .pic{width: 66.66%;} .buy-way .data .centerTrue .txt{width: 33.33%;} .buy-way .data .intro{white-space: pre-wrap; font-size: 18px;line-height: 32px;} .buy-way .data .icon{max-height: 40px;} .buy-way .data .tit{ font-size: 36px;font-weight: normal;margin: 10px 0 5px;} .buy-way .data .qrcode{margin-top: 40px;max-width: 200px;} .buy-way .data .label{font-size: 14px;margin-top: 10px;} .buy-way .data .btn{width: 136px;height: 46px;background-color: #c8192a;margin-top: 50px;display: inline-block;text-align: center; font-size: 16px;color: #ffffff;line-height: 46px;} .join-part1{padding: 4.1% 0 5.2%;} .join-tit{ font-size: 36px;font-weight: normal;line-height: normal;text-align: center;margin: 0;} .join-part1 .data{margin-top: 40px;} .join-part1 .data li{margin-right: 1.28%;width: 49.35%;margin-bottom: 20px; background-color: #f8f8f8;min-height: 200px;position: relative;padding: 35px 50px 35px 300px;height: 200px;float: left;} .join-part1 .data li:nth-child(2n){margin-right: 0;} .join-part1 .data .pic{position: absolute;left: 0;top: 0;width: 260px;height: 100%;} .join-part1 .data .tit{ font-size: 24px;font-weight: normal;line-height: normal;margin: 0;} .join-part1 .data .intro{max-height: 112px;overflow: auto; font-size: 16px;line-height: 28px;margin-top: 10px;} .join-part1 .data li:nth-child(3n),.join-part1 .data li:nth-child(4n){padding: 35px 300px 35px 50px;} .join-part1 .data li:nth-child(3n) .pic,.join-part1 .data li:nth-child(4n) .pic{left: auto;right: 0;} .join-part2{padding: 5.2% 0 4.1%;} .join-part2 .data{margin-top: 50px;font-size: 0;text-align: center;} .join-part2 .data li{margin-left: 1.92%; margin-bottom: 20px; float: left; width: 18.46%;border: solid 8px rgba(255,255,255,0.4);display:block;padding: 2.5%; text-align: center;} .join-part2 .join-tit{color: #fff;} .join-part2 .pic{height: 36px;background-size: contain;} .join-part2 .tit{ font-size: 24px;font-weight: normal;color: #ffffff;margin: 25px 0 15px;line-height: normal;} .join-part2 .intro{ font-size: 14px;line-height: 24px;color: #ffffff;opacity: 0.6;height: 72px;} .join-part3{padding: 3.125% 0 5.2%;} .join-part3 .cont{margin-top: 50px;position: relative;} .join-part3 .left{position: absolute;width: 50%;height: 100%;left: 0;top: 0;} .join-part3 .right{width: 50%;float: right;padding: 4.1% 30px 20px 190px;min-height: 540px; background-color: #f7f7f7;position: relative;} .join-part3 .tab-ls{position: absolute;left: 0;top: 12.2%;} .join-part3 .tab-ls li{cursor: pointer; width: 136px;height: 38px;background-color: #e0e0e0;padding-left: 35px;font-size: 16px;line-height: 38px;position: relative;margin-bottom: 10px;} .join-part3 .tab-ls li::after{content:"";display: block;width: 0;height: 0;position: absolute;right: 0;top: 0;border: 38px solid #f7f7f7;border-top-color: transparent;border-left-color: transparent;border-left-width:10px; border-right-width:10px; } .join-part3 .tab-ls li.active{background-color: #c8192a;color: #fff;} .join-part3 .right .wrap{max-height: 100%;overflow: auto;} .join-part3 .right .icon{max-height: 50px;} .join-part3 .right .tit{font-size: 24px;line-height: normal;font-weight: normal;} .join-part3 .right dd{position: relative;padding-left: 20px;} .join-part3 .right dd::before{content:"";background-color: #c8192a;display: inline-block;width: 4px;height: 4px;position: absolute;left: 0;top: 0;bottom: 0;margin: auto; font-size: 16px;line-height: 36px;color: #333333;} .join-part4{padding: 5.2% 0 4.6%;position: relative;} .join-part4 .bg{padding-bottom: 26.04%;position: absolute;width: 100%;top: 0;left: 0;} .join-part4 .join-tit{position: relative;z-index: 1;color: #fff;} .join-part4 .auto-inner{position: relative; background-color: #f8f8f8;padding: 5.1% 5.1% 6.4%;margin-top: 5.2%} .join-part4 .left{width: 50%;float: left;} .join-part4 .right{width: 35.714%;float: right;} .join-part4 .left .label {float: left; width: 100%; margin: 0 0 20px; padding: 0 20px; font-size: 16px;} .join-part4 .left .item{width: 31.42%;float: left;margin-right: 2.85%;background: #fff;margin-bottom: 20px;position: relative;} .join-part4 .left .item.end{margin-right: 0;} .join-part4 .left .item.rowspan3{margin-right: 0;width: 100%;} .join-part4 .left .item input,.join-part4 .left .item select{width: 100%;border: 0;background: transparent;padding: 0 20px;height: 60px;line-height: 60px;font-size: 16px;} .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 .data li:nth-child(n+7){display: none;} .aaua-tit{ font-size: 36px;margin: 0;line-height: normal;text-align: center;font-weight: normal;} .load-more{position: relative;z-index: 2; width: 136px;height: 36px;line-height: 36px;text-align: center;font-size: 16px;color: #ffffff!important;display: block;margin: 20px auto 0;} .load-more::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;} .aaua-part1{padding: 6.25% 0;background-color: #f8f8f8;} .aaua-part1 .item{ background-color: #ffffff;margin-bottom: 40px;position: relative;} .aaua-part1 .item:last-child{margin-bottom: 0;} .aaua-part1 .item .pic{position: absolute;width: 50%;height: 100%;left: 0;top: 0;} .aaua-part1 .item .txt{width: 50%;margin-left: 50%;padding: 6.4%;height: 440px;} .aaua-part1 .item .cont{position: relative;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);max-height: 100%;overflow: auto;} .aaua-part1 .item .tit{font-size: 30px;font-weight: normal;line-height: normal;margin: 0 0 35px;} .aaua-part1 .item .intro{font-size: 16px;line-height: 32px;} .aaua-part1 .item .skip-blank{display: inline-block;margin-top: 12%;padding-right: 15px;background: url("../images/skip-blank.png") no-repeat right center; font-size: 16px;font-weight: bold;color: #c8192a;} .aaua-part1 .item .tits{font-size: 18px;font-weight: normal; line-height: 32px;margin: 0 0 10px;} .aaua-part1 .item:nth-child(2n) .pic{left: auto;right: 0;} .aaua-part1 .item:nth-child(2n) .txt{margin-left: 0;} .aaua-part2{padding: 5.2% 0;} .aaua-part2 .data{margin-top: 5.1%;padding-bottom: 1%;} .aaua-part2 .data li{text-align: center;padding-top: 10px;vertical-align: top;} .aaua-part2 .data .pic{display: block;margin: 0 auto 30px;width: 58.20%;padding-bottom: 58.2%;border-radius: 50%;position: relative;} .aaua-part2 .data .pic::before{content:"";display: block;position: absolute;left: -4.4%;top: -4.4%;background: #c8192a;border-radius: 50%;z-index: -1;width: 100%;height: 100%;} .aaua-part2 .data .txt{max-width: 96%;margin: 0 auto;min-height: 190px;} .aaua-part2 .data .intro{white-space: pre-line;font-size: 14px;line-height: 24px;color: #666666;max-height: 72px;} .aaua-part2 .data .name{white-space: pre-line; font-size: 24px;font-weight: normal;line-height: 30px;margin-bottom: 10px;max-height: 60px;} .aaua-part2 .slick-dots{bottom: 0%;} .aaua-part2 .slick-dots li{ background-color: #d1d1d1;height: 6px;width: 6px;border-radius: 50%;color: transparent;cursor: pointer;overflow: hidden;margin: 0 8px;padding: 0;} .aaua-part2 .slick-dots li *,.aaua-part2 .slick-dots li:before{display: none;} .aaua-part2 .slick-dots li.slick-active{background-color: #c8192a;box-shadow: 0 0 0 1px #c8192a;} .new-ls{padding: 4.1% 0 5.2%;} .new-ls .data li{float: left;width: 32.478%;margin-right: 1.282%;margin-bottom: 3.8%;} .new-ls .data li:nth-child(3n){margin-right: 0;} .new-ls .data .pic{position: relative;padding-bottom: 67.19%;; overflow: hidden;} .new-ls .data .pic .isimg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .new-ls .data figure{width: 100%;height: 100%;position: absolute;left: 0;top:0;} .new-ls .data figure{ -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;} .new-ls .data a:hover figure{ -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1);} .new-ls .data .info{margin-top: 35px;} .new-ls .data .time{ font-family: Oswald-Light;font-size: 16px;color: #666666;display: inline-block;vertical-align: middle;} .new-ls .data .views{display: inline-block;vertical-align: middle;font-size: 16px;color: #999999;padding-left: 25px;background: url("../images/eye.png") no-repeat left center;position: relative;margin-left: 30px;} .new-ls .data .views::before{content:"";display: block; width: 1px;height: 10px;background-color: #bbbbbb;position: absolute;left: -15px;top:0;bottom: 0;margin: auto;} .new-ls .data .tit{font-size: 18px;line-height: normal;font-weight: normal;margin: 15px 0 0;position: relative;} .new-ls .data .tit::after{content:"";display: block;width: 100%;height: 1px;background-color: #eeeeee;margin: 30px 0 15px;} .new-ls .data .check-more{font-size: 16px;color: #666666;display: inline-block;} .new-ls .data .check-more::after{content:"";display: inline-block;vertical-align: middle;width: 19px;height: 9px;background: url("../images/new-arrow.png") no-repeat center center;background-size: 100% 100%;margin-left: 20px;} .new-ls .data a:hover .tit,.new-ls .data a:hover .check-more{color: #c8192a} .new-ls .data a:hover .tit::after{background-color: #c8192a} .new-ls .data a:hover .check-more::after{background: url("../images/new-arrow-on.png") no-repeat center center;background-size: 100% 100%;} .new-ls .Page002046 .Pages{margin: 0;} @media (min-width: 768px){ .join-part2 .data li:nth-child(5n+1){ clear: both; margin-left: 0} } @media (max-width: 1024px){ .buy-way .data .ytable{min-height: 0;padding-top: 5%;padding-bottom: 5%;} .join-part1 .data li{width: 100%;margin-right: 0;} } @media (max-width: 768px){ .store-filter .item{width: 32%;margin-right: 2%;} .store-filter .item:nth-of-type(3n){margin-right: 0;} .store-filter .store-search{width: 100%;margin-top: 10px;} .nearby-store .nearby-tit{font-size: 24px;} .store-filter .item select,.store-filter .store-search input,.store-filter .store-search .btn{height: 40px;line-height: 40px;} .store-filter .result{font-size: 18px;} .Map000101 .map,.Map000101 .info{width: 100%;height: 300px;} .Map000101 .info{padding-top: 25px;padding-bottom: 25px;} .Map000101 .info ul{max-height: 250px;} .serve-part2 .serve-tit, .serve-part3 .serve-tit{margin-bottom: 30px;} .serve-tit,.guide-tit,.feedback-tit{font-size: 24px;} .serve-part2 .slick-box .tit{font-size: 20px;} .serve-part3 .pic{position: relative;width: 100%;padding-bottom: 76.92%;} .serve-part3 .txt{width: 100%;} .serve-part3 .btn{position: relative;top: auto;transform: none;margin-top: 10px;right: auto;} .serve-part3 .follow{margin-top: 35px;padding-top: 30px;} .serve-part3 .follow .qrcode{width: 48%;margin-right: 2%;} .serve-part3 .follow .qrcode:nth-child(2n){margin-right: 0;} .pave-guide .answer{padding: 20px;} .pave-guide .quest .num,.fqa.pave-guide .label{font-size: 20px;} .pave-guide .quest{font-size: 16px;} .fqa.pave-guide .answer{padding-left: 80px;} .feedback .cont .pic{position: relative;width: 100%;padding-bottom: 60%;} .feedback .cont .txt{width: 100%;} .feedback .cont .item{width: 100%!important;margin-right: 0;} .feedback .cont .tip{display: block;padding: 0px 20px 10px;} .feedback .cont .choose-file{bottom: auto;top: 15px;} .feedback .cont .check-item{display: block;margin-left: 20px;line-height: 40px;} .serve-intro, .feedback-intro{margin-bottom: 25px;} .feedback .statusBar .info{display: none!important;} .feedback .statusBar .btns{width: 100%;left: 0;right: 0;} .feedback .statusBar .btns .webuploader-container{margin-right: 10px;} .buy-way .data .ytable{display: block;text-align: center;} .buy-way .data .pic,.buy-way .data .txt{display: block;width: 100%!important;text-align: center;} .buy-way .data .txt{margin-top: 20px;} .buy-way .data .tit{font-size: 24px;} .buy-way .data .intro{font-size: 16px;} .join-tit{font-size: 24px;} .join-part1 .data .tit,.join-part2 .tit,.join-part3 .right .tit{font-size: 20px;} .join-part1 .data .pic{position: relative;display: block;margin:auto;height: 200px;margin-bottom: 20px;} .join-part1 .data li{padding:20px!important;height: auto; text-align: center;} .join-part1 .data .intro{font-size: 14px;max-height: none;line-height: 26px;} .join-part2 .data li{width: 46.64%;} .join-part4 .joined-ls li{font-size: 14px;} .join-part3 .left{position: relative;padding-bottom: 69.23%;width: 100%;} .join-part3 .right{width: 100%;padding: 20px;min-height: auto;} .join-part3 .tab-ls{position: relative;top: auto;margin-bottom: 30px;text-align: center;} .join-part3 .tab-ls li{display: inline-block;width: auto;padding: 0 10px;margin: 5px;} .join-part3 .tab-ls li::after{display: none;} .join-part4 .left,.join-part4 .right{width: 100%;} .join-part4 .left .submit{height: 40px;line-height: 40px;} .join-part4 .right{margin-top: 30px;} .project-tit{font-size: 24px;letter-spacing:0;margin-bottom: 30px;} .project-part1 .intro{margin-bottom: 20px;} .project-part2 .data .pic{width: 100%;position: relative;padding-bottom: 64.1%;} .project-part2 .data .txt{width: 100%;margin: 0;min-height: 0;padding-bottom: 10%;} .project-part2 .data .tit-en{font-size: 30px;} .project-part2 .data .tit-cn{font-size: 24px;} .project-part2 .slick-dots{padding:0;bottom: 3%;} .project-part3 .data{padding-bottom: 4.2%;} .project-part2 .data .tit{font-size: 20px;} .project-part4 .data li{width: 49%;margin-right: 2%;margin-bottom: 2%;} .project-part4 .data li:nth-child(2n){margin-right: 0;} .project-part4 .data .tit{font-size: 18px;} .inner-menu li a{min-width: 100px;font-size: 14px;} .design-activity .data li{width: 100%;margin-right: 0;} .design-activity .data .tit{margin-top: 10px;} .aaua-part1 .item .pic{position: relative;width:100%;padding-bottom: 56.41%;} .aaua-part1 .item .txt{width:100%;margin: 0;height: auto;padding: 5%;} .aaua-part1 .item .cont{top: auto;transform: none;} .aaua-part1 .item .tit{font-size: 22px;margin-bottom: 15px;} .aaua-tit{font-size: 24px;margin-bottom: 30px;} .aaua-part2 .data .name{font-size: 20px;} .new-ls .data li{width: 100%;margin-right: 0;} .new-ls .data .info{margin-top: 15px;} .new-ls .data .tit::after{margin: 20px 0 10px;} .project-part4 .data .label{font-size: 14px;} .project-part4 .data .label >span{padding: 0;} .Map000101 .info li .tit{font-size: 20px;} } @media (max-width: 480px){ .join-part2 .data li{width: 100%;margin-right: 0;padding: 5% 2.5%;} } @media (max-width: 320px){ .join-part2 .data li{width: 100%;margin-right: 0;} } .newappreciation{padding-top: 10px;} .newappreciation .title{text-align: center; font-size: 32px; font-weight: normal; color: #333;} .newappreciation .txt{font-size: 18px; margin: 20px 0 50px 0; line-height: 1.8;} .auto-inner { width: 92%; max-width: 1560px; margin: 0 auto; } a{color:#333}

保存后可在微信扫码关注

二维码
在线反馈
让我们了解到产品及服务的相关问题,以便我们及时改进并提升服务体验。
立即反馈
反馈热线
电话反馈