.mobile {width:100%;} .mobile-inner {margin-right:auto;margin-left:auto;background-color:#000000;position:relative;} .mobile-inner img {} .mobile-inner p {color:#676767;line-height:25px;font-size:16px;padding-bottom:30px;padding-right:30px;padding-left:30px;margin:0px;} .mobile-inner-header {background-color:rgb(255,255,255);width:100%;height:50px;position:relative;top:0px;z-index:33;left:0px;} .mobile-inner-header-icon {color:#ffffff;height:50px;font-size:25px;text-align:center;float:right;width:50px;position:relative;-webkit-transition:background 0.5s;-moz-transition:background 0.5s;-o-transition:background 0.5s;transition:background 0.5s;} .mobile-inner-header-icon:hover {background-color:rgba(255,255,255,0.2);cursor:pointer;} .mobile-inner-header-icon span {position:absolute;left:calc((100% - 25px) / 2);top:calc((100% - 1px) / 2);width:25px;height:1px;background-color:rgb(199,34,27);} .mobile-inner-header-icon span:nth-child(1) {transform:translateY(4px) rotate(0deg);} .mobile-inner-header-icon span:nth-child(2) {transform:translateY(-4px) rotate(0deg);} .mobile-inner-header-icon-click span:nth-child(1) {animation-duration:0.5s;animation-fill-mode:both;animation-name:clickfirst;} .mobile-inner-header-icon-click span:nth-child(2) {animation-duration:0.5s;animation-fill-mode:both;animation-name:clicksecond;} @keyframes clickfirst {0% {transform:translateY(4px) rotate(0deg);} 100% {transform:translateY(0) rotate(45deg);} } @keyframes clicksecond {0% {transform:translateY(-4px) rotate(0deg);} 100% {transform:translateY(0) rotate(-45deg);} } .mobile-inner-header-icon-out span:nth-child(1) {animation-duration:0.5s;animation-fill-mode:both;animation-name:outfirst;} .mobile-inner-header-icon-out span:nth-child(2) {animation-duration:0.5s;animation-fill-mode:both;animation-name:outsecond;} @keyframes outfirst {0% {transform:translateY(0) rotate(-45deg);} 100% {transform:translateY(-4px) rotate(0deg);} } @keyframes outsecond {0% {transform:translateY(0) rotate(45deg);} 100% {transform:translateY(4px) rotate(0deg);} } .mobile-inner-nav {background-color:hsla(224,27%,35%,.6);width:100%;position:absolute;top:50px;padding-bottom:0%;display:none;z-index:444;} .mobile-inner-nav a {border-bottom:solid 1px rgba(255,255,255,0.3);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;color:#fff;transition:all 0.5s;} .mobile-inner-nav dl {display:none;} .mobile-inner-nav dl dd {line-height:33px;text-decoration:none;text-indent:3em;font-size:16px;color:#FFFFFF;border-bottom:solid 1px rgba(255,255,255,0.3);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;font-weight:300;font-size:14px;} .mobile-inner-nav li {border-bottom:solid 1px rgba(255,255,255,0.3);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;line-height:53px;text-indent:20px;} .mobile-inner-nav h2.h2tit {line-height:50px;text-decoration:none;text-indent:2em;font-size:16px;color:#FFFFFF;border-bottom:solid 1px rgba(255,255,255,0.3);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;font-weight:300;} .mobile-inner-nav h2.h2tit a {color:#FFFFFF;} .mobile-inner-nav a {border-bottom:none;} .mobile-inner-nav li {-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:returnToNormal;animation-name:returnToNormal;} @-webkit-keyframes resize {from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);} 0% {opacity:0;-webkit-transform:scale(5,5);transform:scale(5,5);} 100% {opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);} } @keyframes resize {from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);} 0% {opacity:0;-webkit-transform:scale(5,5);transform:scale(5,5);} 100% {opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);} } @-webkit-keyframes returnToNormal {from {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);} to {opacity:1;-webkit-transform:none;transform:none;} } @keyframes returnToNormal {from {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);} to {opacity:1;-webkit-transform:none;transform:none;} } .mobile-inner-nav li:last-child h2.h2tit {border-bottom:none;} .mobile-inner-nav li .h3tit {height:50px;position:relative;background:url(../images/51_icon_search@2x.png) no-repeat 30px center;background-size:17px;} .mobile-inner-nav li .words {display:block;width:100%;height:100%;border:none;background:none;text-indent:60px;font-size:15px;color:#fff;background:url(../images/search2.png) no-repeat 30px center;background-size:20px;} .mobile-inner-nav li:last-child {border-bottom:none;} .mobile-inner-nav li form {display:block;width:100%;height:100%;} @charset "utf-8";@charset "UTF-8";.animated {animation-duration:1s;animation-fill-mode:both;} .animated.infinite {animation-iteration-count:infinite;} .animated.hinge {animation-duration:2s;} .fadeInUp {animation-duration:1.76s;animation-name:fadeInUp;} @keyframes fadeInUp {from {opacity:0;transform:translate3d(0,9%,0);} to {opacity:1;transform:none;} } @keyframes slideInDown {from {transform:translate3d(0,-100%,0);visibility:visible;} to {transform:translate3d(0,0,0);} } .slideInDown {animation-name:slideInDown;} @keyframes fadeIn {from {opacity:0;} to {opacity:1;} } .fadeIn {animation-duration:1.76s;animation-name:fadeIn;} body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr,span {margin:0;padding:0;} html {font-size:62.5%;} body {font-size:1.4rem;} html,body {} body {font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";font-weight:300;color:#000000;background:#fff;margin:0 auto;padding:0px;} body {-webkit-tap-highlight-color:rgba(0,0,0,0);} input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance:none;} textarea {-webkit-appearance:none;} a {text-decoration:none;color:#235aa7;outline:none;} a:active {star:expression(this.onFocus=this.blur());} img {border:0px;vertical-align:middle;} li {list-style:none;} * {outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} a:link {text-decoration:none;} a:visited {text-decoration:none;} a:hover {text-decoration:none;} a:active {text-decoration:none;} .loading {position:fixed;left:0px;top:0px;width:100%;height:100%;background:#fff;z-index:99999;} .loadingfa {width:50px;height:50px;line-height:50px;text-align:center;font-size:29px;color:#1f8adf;position:absolute;left:50%;margin-top:-25px;margin-left:-25px;top:50%;} @keyframes rotate {from {-webkit-transform:rotate(0deg)} to {-webkit-transform:rotate(360deg)} } @-webkit-keyframes rotate {from {-webkit-transform:rotate(0deg)} to {-webkit-transform:rotate(360deg)} } @-moz-keyframes rotate {from {-moz-transform:rotate(0deg)} to {-moz-transform:rotate(360deg)} } @-ms-keyframes rotate {from {-ms-transform:rotate(0deg)} to {-ms-transform:rotate(360deg)} } @-o-keyframes rotate {from {-o-transform:rotate(0deg)} to {-o-transform:rotate(360deg)} } .xuanzhuan {animation:2s linear 0s normal forwards infinite rotate;-webkit-animation:2s linear 0s normal forwards infinite rotate;-moz-animation:2s linear 0s normal forwards infinite rotate;-o-animation:2s linear 0s normal forwards infinite rotate;} .xuanzhuan img {display:block;width:100%;} .pc {display:block;} .wap {display:none;} .clearflex:after {content:"";display:table;clear:both;} .head {padding-left:36px;position:absolute;width:100%;z-index:111;left:0px;top:0px;} .head .logo {float:left;padding-top:25px;} .head .logo a {display:block;width:173px;height:60px;position:relative;background:url(../images/logo.png) no-repeat center center;background-size:100%} .head .logo a i {position:absolute;width: 10px;height: 10px;background:#F39200;border-radius:400px;left: 77px;top:27px;} .head .right {float:right;} .head .right .nav {float:left;width:612px;} .head .right .nav li {float:left;width:33.333%;} .head .right .nav .h2tit {padding-top:29px;line-height:1;text-transform:uppercase;} .head .right .nav .h2tit a {font-size:16px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";font-weight:600;line-height:24px;color:rgba(29,29,29,1);padding-left:24px;} .head .right .language {float:left;margin-left:65px;padding-top:30px;font-size:16px;font-family:SourceHanSansCN-Light;font-weight:300;line-height:24px;color:rgba(29,29,29,1);opacity:1;margin-right:24px;float:right;} .head .right .language a {color:rgba(29,29,29,1);font-size:16px;} .head .right .language a:hover,.head .right .language a.current {color:#F39200} .index_gallery {} .index_gallery .swiper-slide{ opacity: 0 !important; } .index_gallery .swiper-slide.swiper-slide-active{ opacity: 1 !important; } .index_gallery .content {position:relative;height: 100vh;background-position:center 0 !important;background-repeat:no-repeat !important;background-size:cover !important;} .index_gallery .swiper-pagination .swiper-pagination-bullet {margin:0px 14px;width:12px;height:12px;border:2px solid rgba(255,255,255,1);border-radius:50%;opacity:1;background:none;} .index_gallery .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {} .index_gallery .dots {position:absolute;width:auto;height:20px;left:0;bottom:37px;text-align:center;position:absolute;left:50%;-o-transform:translate(-50%,0%);-webkit-transform:translate(-50%,0%);-moz-transform:translate(-50%,0%);-ms-transform:translate(-50%,0%);transform:translate(-50%,0%);z-index:55;} .index_gallery .swiper-pagination {width:auto;height:auto;height:0;zoom:1;position:relative;} .index_gallery .dot {position:absolute;left:0;top: 3px;width: 13px;height: 13px;border-radius:300px;background:#F39200;z-index:44;margin-left:14px;} .index_gallery .text {position:absolute;left:46px;font-size:33px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";font-weight:600;line-height:50px;color:rgba(0,92,169,1);top:20vh;text-transform:uppercase;right:46px;} .index_gallery .text2 {position:absolute;left:46px;top:20vh;right:46px;} .index_gallery .text2 .h2tit {font-size:33px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";font-weight:600;line-height:50px;color:rgba(243,146,0,1);text-transform:uppercase;margin-bottom:12px;} .morebase {} .morebase i {background:url(../images/group426@2x.png) no-repeat center center;} .btnbase.map i {background: url(../images/location-icon.png) no-repeat center 11px #f39200;border-radius: 83px;background-size: 15px !important;} .btnbase span {font-size: 16px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";font-weight:600;line-height:25px;color:rgba(0,158,227,1);text-decoration:underline;padding-left:12px;display:inline-block;vertical-align:middle;} .btnbase:hover span {color:rgba(243,146,0,1);} .morebase:hover i {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);} .btnbase {text-transform:uppercase;line-height:37px;display:inline-block;vertical-align:middle;font-size:0;} .btnbase i {background-size:100% !important;width:37px;height:37px;display:inline-block;vertical-align:middle;position:relative;overflow:hidden;/* border-radius:540px;*//* overflow:hidden;*/} .footer {background:#fff;padding-left:48px;position:relative;height:136px;} .footer .left {float:left;width:50%;padding-top:32px;} .footer .left .item {float:left;width:50%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;} .footer .left .item img {width: 97px;} .footer .left .text {font-size:17px;font-family: SourceHanSansCN-Light;font-weight:300;line-height:25px;color:rgba(29,29,29,1);padding-left:27px;} .footer .right {float:left;width:50%;padding-top: 51px;padding-left: 5%;} .footer .right p {font-size:17px;font-family: SourceHanSansCN-Light;font-weight:300;line-height:25px;color:rgba(29,29,29,1);} .footer .right b {font-size:10px;font-family:SourceHanSansCN-Normal ligh;font-weight:400;line-height:25px;color:rgba(29,29,29,1);display:block;} .footer .return {background:url(../images/group39@2x.png) no-repeat center center;background-size:28px;width:28px;height:100%;cursor:pointer;position:absolute;top:0;right:10%;} .bounce {animation-name:bounce;transform-origin:center bottom;animation-fill-mode} @keyframes bounce { from,20%,50%,80%,to { animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); transform:translate3d(0,0,0); } 43% { animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060); transform:translate3d(0,-16px,0); } 70% { animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060); transform:translate3d(0,-14px,0); } 90% { transform:translate3d(0,-15px,0); } 100% { transform:translate3d(0,-16px,0); } } .head .logo a i.bounce2 {animation-name:bounce2;transform-origin:center bottom;animation-fill-mode} @keyframes bounce2 { 20%,50%,80%,to { animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); transform:translate3d(0,0,0);} 0% {animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transform:translate3d(0,-16px,0);} 40%,43% {animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transform:translate3d(0,-12px,0);} 70% {animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transform:translate3d(0,-8px,0);} 100% {transform:translate3d(0,0px,0);} } /*@keyframes bounce2 { 20%,50%,80%,to { animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); transform:translate3d(0,0,0);} 0% {animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transform:translate3d(0,-16px,0);} 40%,43% {animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transform:translate3d(0,-12px,0);} 70% {animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transform:translate3d(0,-8px,0);} 90% {transform:translate3d(0,-2px,0);} 100% {transform:translate3d(0,0px,0);} }*/ .head .right .nav {position:relative;} .head .right .nav .slide {position:absolute;left:0px;top:0px;width:100%;background:#fff;z-index:2;padding-bottom:20px;padding-top:67px;display:none;} .head .right .nav .item:last-child {border-right:none;} .head .right .nav .item {float:left;width:33.333%;height:200px;border-right:1px solid #878787;} .head .right .nav .item a:nth-child(1){ margin-top:-6px;} .head .right .nav .h2tit a.current{ color: #F39200 } .head .right .nav .item a.current, .head .right .nav .item a:hover {color:rgba(0,92,169,1);} .head .right .nav .item a.current:after, .head .right .nav .item a:hover:after {left:12px;opacity:1;} .head .right .nav .item a:after {content:"";position:absolute;top:5px;width:6px;background:rgba(0,92,169,1);height:6px;border-radius:5500px;-webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;left:24px;top:10px;opacity:0;} .head .right .nav .item a {font-size:15px;font-family:SourceHanSansCN-Light;position:relative;padding-left:24px;font-weight:300;line-height:25px;color:rgba(29,29,29,.7);display:block;text-transform:uppercase;} .head .right .nav ul:after {content:"";display:table;clear:both;} .head .right .nav ul {position:relative;z-index:5;} body.nonepad {padding-bottom:0px;} .fixed {position:fixed;top:0px;right:136px;z-index:555;} .fixed .search:hover:after {width:7px;height:7px;} .fixed .search:after {content:"";background:#fff;border-radius:40px;width:7px;height:7px;position:absolute;top:50%;left:50%;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all 0.2s;-o-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s;width:0px;height:0px;} .fixed .search {float:left;width:36px;height:36px;cursor:pointer;margin-top:24px;display:inline-block;vertical-align:middle;background:url(../images/search.png) no-repeat center center;background-size:100%;position:relative;} .fixed .more {float:left;margin-left:24px;width:36px;height:36px;cursor:pointer;margin-top:24px;display:inline-block;vertical-align:middle;background:url(../images/switch.png) no-repeat center center;background-size:100%;} .main {} .fixed .more:hover{ background: url(../images/switch2.png) no-repeat center center; background-size: 100%; } .main .left_wrap {padding-top: 143px;} .position {font-size:17px;font-family:SourceHanSansCN-Light;font-weight:600;line-height:25px;color:#F39200;position:relative; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";font-weight:600;text-transform: uppercase;} .position:after {width:12px;height:12px;background:rgba(243,146,0,1);border-radius:50%;opacity:1;position:absolute;content:"";top:7px;left:-22px;} .position a {color:rgba(29,29,29,1);font-weight:300;font-family: "SourceHanSansCN-Light";text-transform: uppercase;} .position a:nth-child(1){ cursor: text; } .position span {color:#1D1D1D;font-weight:300;} .list_type1 {padding-top:32px;padding-bottom:100px;} .tcolum li {float:left;width:calc((100% - 72px)/3);margin-right:36px;} .tcolum li:nth-child(3n) {margin-right:0px;} .list_type1 li {} .list_type1 li .imgbox a {overflow:hidden;position:relative;height:0;position:relative;width:100%;padding-bottom:100%;display:block;} .list_type1 li .imgbox a:after {height:111px;background:linear-gradient(180deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0.45) 34%,rgba(0,0,0,0) 100%);opacity:0.3;position:absolute;width:100%;content:"";left:0px;top:0px;} .list_type1 li .imgbox span {font-size: 28px;font-family: "SourceHanSansCN-Normal";font-weight:600;line-height:50px;color:rgba(255,255,255,1);left:9px;top:1px;position:absolute;z-index:5;} .list_type1 li .imgbox img {height:100%;left:0;position:absolute;top:0;width:100%;} .list_type1 li .dec {font-size:17px;font-family:SourceHanSansCN-Light;font-weight:300;line-height:25px;color:rgba(29,29,29,1);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;} .morebase2 {font-size:17px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";font-weight:600;line-height:25px;color:rgba(0,158,227,1);text-decoration:underline !important;display:inline-block;vertical-align:middle;} .list_type1 li .content {height:148px;padding-top:22px;} .channel_footer {position:relative;height:186px;} .channel_footer .footer {position:absolute;left:0px;bottom:0px;width:100%;} .channel_footer .footer:hover {height:100%;border-top:3px solid #F39200;} .channel_footer .footer:hover .left {padding-top:36px;} .channel_footer .footer:hover .left .item img {width:114px;} .channel_footer .footer:hover .left .text {padding-left:23px;} .footer .return span {display:block;width:109px;text-align:center;font-size:10px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";font-weight:400;line-height:25px;color:rgba(29,29,29,1);position:absolute;position:absolute;top:75%;left:50%;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;} .channel_footer .footer:hover .return span {opacity:1;top:66%} .channel_footer {cursor:pointer;} .morebase2:hover {color:#F39200} .wrapbase1 {width:calc(100% - 273px)} body.current .fixed { padding-right: 559px; } body.current.current2 .fixed{ padding-right: 963px; } /*@media screen and (min-width:1920px) {} @media screen and (max-width:1919px) and (min-width:1803px) {.wrapbase1 {width:1647px;} .fixed {left:1647px;} } @media screen and (max-width:1803px) and (min-width:1603px) {.wrapbase1 {width:1447px;} .fixed {left:1447px;} } @media screen and (max-width:1603px) and (min-width:1303px) {.wrapbase1 {width:1147px;} .fixed {left:1147px;} } */.fixed {left:auto;right:48px;-webkit-transition: all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;} .wrapbase1 {width:calc(100% - 324px);padding-left:48px;} .switchnav {width:40px;height:36px;float:right;background:url(../images/menu-enabled.png) no-repeat center center;background-size:100%;margin-top:18px;cursor:pointer;} .position strong {font-size:17px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";font-weight:600;color:rgba(29,29,29,1);} .position strong:last-child:before{content:"/";font-weight:300;padding-right: 4px;} .h2type1 {font-size:33px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";font-weight:600;line-height:50px;color:rgba(29,29,29,1);padding-top:28px;padding-bottom:18px;} .list_type2 {padding-bottom:110px;overflow: hidden;zoom: 1;} .list_type2 li {margin-bottom:10px;} .list_type2 li .imgbox {overflow:hidden;} .list_type2 li .imgbox img {display:block;position:absolute;top:50%;left:50%;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-height:100%;} .list_type2 li .title {padding-top:35px;text-decoration:underline;color:#1D1D1D;font-size:17px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";font-weight:bold;line-height:25px;color:rgba(29,29,29,1);} .list_type2 li .dec {font-size:17px;font-family:SourceHanSansCN-Light;font-weight:300;line-height:25px;color:rgba(29,29,29,1);} .list_type2 li .dec img{ margin-top: 50px; width: 100%; height: auto; margin-bottom:40px; } .list_type2 li .clickdown {padding-top:25px;padding-bottom:30px;} .list_type2 li .clickdown a { display:block;width:25px;height:37px; margin:auto;background:url(../images/downarrowbutton@2x.png) no-repeat center center; background-size:100%; -webkit-transition:transform 0.4s; -o-transition:transform 0.4s; -moz-transition:transform 0.4s; -ms-transition:transform 0.4s; transition:transform 0.4s; cursor: default; } .list_type2 li .clickdown a:hover {background:url(../images/downarrowbutton2@2x.png) no-repeat center center; background-size:100%; -o-transform:translate(0%,20%); -webkit-transform:translate(0%,20%); -moz-transform:translate(0%,20%); -ms-transform:translate(0%,20%); transform:translate(0%,20%); } .list_type2 li .title2 {color:#1D1D1D;font-size:17px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";font-weight:bold;line-height:25px;color:rgba(29,29,29,1);} .list_type2 li .height1 {height:50px;} .playbtn {} .playbtn i {background:url(../images/button-videos@2x.png) no-repeat center center;} .playbtn:hover i:after {opacity:1;} .playbtn i:after {content:"";position:absolute;opacity:0;-webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;width:0;height:0;border-style:solid;border-width:6px 0 6px 11px;border-color:transparent transparent transparent #fff;position:absolute;top:50%;left:50%;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);} .playbtn i:hover {} .height2 {height:12px;} .list_type2 li .imgbox a {height:100%;left:0;position:absolute;top:0;width:100%;} .list_type2 li .imgbox {border:3px solid #f1f2f4;height:0;position:relative;width:100%;padding-bottom:100%;background:#f1f2f4;} .list_type2 li .imgbox:hover {border:3px solid #F39200} .alertmodal {position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:88888;background:rgba(29,29,29,.4);} .alertmodal .center {position:absolute;top:50%;left:50%;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;} .alertmodal .center .videowrap {width:1250px;max-width:90%;position:relative;display:block;margin:auto;} .alertmodal .center .videowrap .close {position:absolute;right:-18px;top:-18px;background:url(../images/button-video-close@2x.png) no-repeat center center;background-size:100%;width:38px;height:38px;cursor:pointer;z-index:56;} .alertmodal .center .videowrap .play {cursor:pointer;background:url(../images/play@2x.png) no-repeat center center;background-size:76px;width:100%;height:100%;left:0px;top:0px;position:absolute;z-index:5;} .alertmodal .center .videowrap video {display:block;width:100%;max-height: 83vh;} .alertmodal {display:none;} .fcolum {} .fcolum li {float:left;width:calc((100% - 108px)/4);margin-right:36px;} .fcolum li:nth-child(4n) {margin-right:0px;} .height10 {height:10px;} .list_type3 {padding-top:11px;padding-bottom:1px;border-bottom:3px solid #009EE3;} .list_type3 .h2tit {font-size: 26px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";font-weight:600;line-height: 37px;color:rgba(0,92,169,1);margin-bottom:26px;padding-bottom: 10px;padding-top: 5px;} .list_type3 li {} .list_type3 li .imgbox:hover {border:3px solid #F39200} .list_type3 li .imgbox {overflow:hidden;position:relative;border:3px solid #f1f2f4;} .list_type3 li .imgbox img {display:block;} .list_type3 li .compare:before {-webkit-transition:all 0.2s;-o-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s;content:"";position:absolute;border-radius:400px;right:0px;top:0px;width:24px;height:24px;-o-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(../images/close.png) no-repeat center center;background-size:45%;opacity:0;} .list_type3 li .compare:after {-webkit-transition:all 0.2s;-o-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s;content:"";position:absolute;border-radius:400px;right:0px;top:0px;width:24px;height:24px;border:2px solid rgba(135,135,135,1);-o-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .list_type3 li .compare {font-size:17px;-webkit-transition:all 0.2s;-o-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";font-weight:600;line-height:24px;color:rgba(135,135,135,1);line-height:24px;right:12px;bottom:12px;position:absolute;z-index:4;padding-right:36px;cursor:pointer;} .list_type3 li .title {display:block;font-size:17px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";font-weight:bold;line-height:24px;color:rgba(29,29,29,1);margin-top:22px;text-decoration:underline;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .list_type3 li .dec {font-size: 15px;font-family:SourceHanSansCN-Light;font-weight:300;line-height:24px;color:rgba(29,29,29,1);height:48px;margin-bottom:38px;} .list_type3 li .dec p:nth-child(2){ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .list_type3 li .dec p:nth-child(1){ display:none; } .list_type3 li .compare:hover {color:#F39200} .list_type3 li .compare:hover:after {border-color:#F39200} .list_type3 li .compare.current {color:#009EE3 !important;} .list_type3 li .compare.current:after {border-color:#009EE3 !important;} .list_type3 li .compare.current:before {opacity:1;} .list_type3 li .imgbox {height:0;position:relative;width:100%;padding-bottom:113%;background: #fff;} .equipment_detail .equ_left .imgbox{ background: #F1F2F3; } .list_type3 li .imgbox a { background: #F1F2F3; height:100%;left:0;position:absolute;top:0;width:100%;} /* .list_type3 li .imgbox a img {position:absolute;top:50%;left:50%;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width: 90%;} */ .list_type3 li .imgbox a img {position:absolute;top:50%;left:50%;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width: 100%;} .greyborder {border-color:#878787 !important;} .Recently_Items {} .Recently_Items .h2tit {font-size: 26px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";font-weight:600;line-height:48px;color:rgba(135,135,135,1);padding-top:8px;padding-bottom:27px;} .Recently_Items .content a {display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:top;} .Recently_Items .list {} .Recently_Items .content {} .Recently_Items .content * {display:block;} .Recently_Items .content .imgbox {width:124px;} .Recently_Items .content .imgbox img {width:100%;} .Recently_Items .content .rih {font-size:17px;font-family:SourceHanSansCN-Light;font-weight:300;line-height:25px;color: rgba(29,29,29,.7);padding-left:24px;} .Recently_Items .content .rih p {} .Recently_Items .content .rih p.addline {font-weight:600;text-decoration:underline;} .Recently_Items .swiper-pagination-bullet {width:12px;height:12px;border:2px solid rgba(135,135,135,1);border-radius:50%;margin:0px 12px !important;opacity:1;background:none;-webkit-transition:all 0.2s;-o-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s;} .Recently_Items .swiper-pagination-bullet.swiper-pagination-bullet-active {background:rgba(243,146,0,1);border-color:rgba(243,146,0,1);} .Recently_Items .swiper-pagination {bottom:0px;} .Recently_Items .swiper-container {padding-bottom:67px;} .Recently_Items {padding-bottom:40px;} .Recently_Items .content .imgbox {overflow:hidden;} .equipment_detail {padding-top:32px;} .equipment_detail .equ_right *{ max-width: 100% } .equipment_detail .equ_right .xuntable tr:hover td *, .equipment_detail .equ_right .xuntable tr:hover td{ color: #009EE3 !important; } .equipment_detail .equ_right .xuntable *{ vertical-align: top; font-weight: normal; font-size: 15px; color: rgba(29,29,29,1); font-weight: 500; } .equipment_detail .equ_right .xuntable td *{ font-size: inherit !important; vertical-align: middle !important; display: inline !important; position: relative; top: -2px; } .equipment_detail .equ_right .xuntable tr:nth-child(1) td > * >*{ display:block; padding-bottom:10px; font-weight:300; color: rgba(29,29,29,1) !important; font-size: 15px; } .equipment_detail .equ_right .xuntable + p{ color: rgba(29,29,29,1); font-weight:500; font-size:15px; } .equipment_detail .equ_right .xuntable{ width: 100% !important; } .equipment_detail .equ_right{ overflow: auto; } .equipment_detail .equ_left {float:left;width:780px;} /*.equipment_detail .equ_left .imgbox {overflow:hidden;height:0;position:relative;width:100%;padding-bottom: 94%;background: #ffffff;} .equipment_detail .equ_left .imgbox img {position:absolute;top:50%;left:50%;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width: 65%;} */ .equipment_detail .equ_left .imgbox img{ width: 100%; } .equipment_detail .equ_left .link {zoom:1;overflow:hidden;padding-top:37px;} .equipment_detail .equ_left .link p:nth-child(2) {width:45%;} .equipment_detail .equ_left .link p {float:left;width:55%;margin-bottom:12px;} .equipment_detail .equ_right {float:left;width:calc(100% - 780px); padding-left:37px;font-size: 15px; color: rgba(29,29,29,1);font-weight: 300;} .equipment_detail .equ_right .h2tit {font-size:33px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";font-weight:600;line-height:1;color:rgba(29,29,29,1);} .equipment_detail .equ_right .dec p {padding-bottom:33px;font-weight: inherit;} .equipment_detail .equ_right .dec { letter-spacing: -1px; font-size: 22px;font-family: HYQiHei-35S;font-weight:300;line-height:33px;color:rgba(135,135,135,1);padding-top:17px;} .equipment_detail .equ_right .h3tit {font-size:17px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";font-weight:600;line-height:25px;color:rgba(29,29,29,1);padding-top:36px;} .equipment_detail .equ_right .table1 {table-layout:fixed;} .equipment_detail .equ_right .table1 tr:hover td {color:#009EE3} .equipment_detail .equ_right .table1 td { font-size: 15px; font-family: SourceHanSansCN-Light; vertical-align: top; font-weight:300; line-height:25px; color:rgba(29,29,29,1); } .equipment_detail .equ_right .table1 td:nth-child(2) {font-weight: 500;font-family: SourceHanSansCN-Medium;} .equipment_detail .equ_right .table2 {font-size:17px;color:#1D1D1D;text-align:right;width:510px;max-width:100%;} .equipment_detail .equ_right .table2 th {font-weight:300;padding-bottom:30px;text-align:right;font-family: "SourceHanSansCN-Light";} .equipment_detail .equ_right .table2 td {font-weight:600;line-height:25px;font-family: SourceHanSansCN-Medium;font-weight: 500;} .donwload i:before {z-index:5;content:"";position:absolute;width:13px;height:3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;opacity:1;left:12px;border-radius:4px;bottom:6px;} .donwload:hover i:after {top:4px} .donwload i {width:37px;height:37px;background:rgba(243,146,0,1);background-size:20px !important;border-radius:50%;position:relative;overflow:hidden;} .donwload i:after {content:"";left:0px;top:0px;width:100%;height:100%;background:url(../images/group427@2x.png) no-repeat center 4px rgba(243,146,0,1);background-size:20px !important;-webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;border-radius:50%;position:absolute;overflow:hidden;} .back:hover i:after {left:-4px} .back i:after {width:100%;height:100%;background:url(../images/leftmore.png) no-repeat center center rgba(243,146,0,1);background-size:22px !important;position:absolute;left:0px;top:0px;-webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;content:"";} .back i {background:rgba(243,146,0,1);border-radius:50%;position:relative;overflow:hidden;} .equipment_detail .equ_left .h2tit {font-size:17px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";font-weight:600;line-height:25px;color:rgba(29,29,29,1);padding-top:30px;} .equipment_detail .equ_left .dec {} .equipment_detail .equ_left .dec p {font-size:17px;font-family:SourceHanSansCN-Light;font-weight:300;line-height:25px;color:rgba(29,29,29,1);padding-left:25px;position:relative;} .equipment_detail .equ_left .dec p:after {width:6px;height:6px;background:rgba(135,135,135,1);border-radius:50%;opacity:1;position:absolute;left:3px;top:9px;content:"";} .equipment_detail .equ_left .dec p a {color:rgba(29,29,29,1);text-decoration:underline;} .equipment_detail {padding-bottom:100px;} body::-webkit-scrollbar {width:9px;height:1px;} body::-webkit-scrollbar-thumb {border-radius:9px;background:#999} body::-webkit-scrollbar-track {border-radius:9px;background:#f1f2f4;} .comparemain {padding-top:12px;background:rgba(255,255,255,1);box-shadow:0px 0px 41px rgba(135,135,135,1);position:fixed;left:0px;z-index:7777;width:100%;top:120%;height:calc(100vh - 130px);overflow:hidden;} .comparemain.current1.current2 {top:130px;} .comparemain.current1 {top:calc(100vh - 262px);-webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;} .comparemain .btngroup .btnbase {position:absolute;left:0px;top:0px;} .comparemain .btngroup {height:36px;margin-bottom:37px;position:relative;} .comparemain .content1 {} .comparemain .item:nth-child(2) {padding-right:0px;padding-left:28px;} .comparemain .item {float:left;width:50%;zoom:1;overflow:hidden;position:relative;padding-right:28px;padding-left:0;} .comparemain .content1 .close {position:absolute;width:27px;height:27px;background:url(../images/close2.png) no-repeat center center;background-size:100%;cursor:pointer;right:28px;top:0;} .comparemain .content1 .content {display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:top;position:relative;} .comparemain .content1 .imgbox {} .comparemain .content1 .imgbox img {width:124px;} .comparemain .content1 .rih {font-size:17px;font-family:SourceHanSansCN-Light;font-weight:300;line-height:25px;color:rgba(29,29,29,1);padding-left:24px;} .comparemain .content1 .rih p {} .comparemain .content1 .rih p.addline {font-weight:600;text-decoration:underline;} .comparemain .posr {position:relative;padding-left:48px;overflow:hidden;height:calc(100% - 36px);} .comparemain .posr:before {position:absolute;top:80px;left:50%;-o-transform:translate(-50%,0%);-webkit-transform:translate(-50%,0%);-moz-transform:translate(-50%,0%);-ms-transform:translate(-50%,0%);transform:translate(-50%,0%);width:1px;height:100%;background:rgba(135,135,135,1);content:"";} .comparemain .content2 {height:calc(100% - 222px);overflow:auto;} .comparemain .content2 .h3tit {font-size:17px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";font-weight:600;line-height:25px;color:rgba(29,29,29,1);padding-top:23px;} .comparemain .content2 .table3 {table-layout:fixed;} .comparemain .content2 .table3 td {font-size:17px;font-family:SourceHanSansCN-Light;font-weight:300;line-height:25px;color:rgba(29,29,29,1);} .comparemain .content2 .table3 td:nth-child(2) {font-weight:600;} .comparemain .content2 .dec p:last-child {padding-bottom:0;} .comparemain .content2 .dec p {padding-bottom:25px;} .comparemain .content2 .dec {font-size:17px;font-family:SourceHanSansCN-Light;font-weight:300;line-height:25px;color:rgba(29,29,29,1);padding-top:60px;width:72%;max-width:100%;} .up i {border-radius:500px;overflow:hidden !important;background:#f39303;} .up i:after {-webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;content:"";position:absolute;left:0px;top:0px;width:100%;height:100%;background:url(../images/up.png) no-repeat center center;background-size:20px;border-radius:400px;} .up:hover i:after {top:-4px;} .down i {border-radius:500px;overflow:hidden !important;background:#f39303;} .down i:after {-webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;content:"";position:absolute;left:0px;top:0px;width:100%;height:100%;background:url(../images/group427@2x.png) no-repeat center center;background-size:20px;border-radius:400px;} .down:hover i:after {top:4px;} .comparemain .btngroup .down {display:none;} .height36 {height:36px;} .newproducts {padding-top:32px;} .newproducts .limit {} .newproducts .limit img {width:100%;} .newproducts .h2tit {font-size: 28px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";font-weight:600;padding-top:33px;line-height:1;padding-bottom:30px;color:rgba(29,29,29,1);} .newproducts .dec {font-size: 20px;width:57%;margin-bottom:8%;font-family:SourceHanSansCN-Light;font-weight:300;line-height:33px;color:rgba(135,135,135,1);opacity:1;} .list_products {} .list_products li {} .list_products li .imgbox:hover{ border-color:#F39200 } .list_products li .imgbox {overflow:hidden;border: 3px solid #f1f2f4;} .list_products li .imgbox img:hover{ -webkit-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); transform: scale(1.05,1.05); } .list_products li .imgbox img {display:block;width:100%;} .list_products li .dec2 {font-size:17px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";font-weight:600;line-height:25px;color:rgba(29,29,29,1);padding-top:23px;padding-bottom:27px;} .list_products li .linke {} .list_products li .linke p {padding-bottom:25px;} .list_products li .content {} .list_products li .content p {font-size:16px;font-family:SourceHanSansCN-Light;font-weight:300;line-height:24px;color:rgba(29,29,29,1);} .list_products li .content p.addline {font-weight:600;text-decoration:underline;} .list_products li .morebase2 {} .newproducts {padding-bottom:85px;} .equipment_service {padding-top:32px;} .equipment_service .limitimg {position:relative;} .equipment_service .limitimg img {display:block;width:100%;} .equipment_service .limitimg .text {right:37px;top:37px;width:285px;background:rgba(0,92,169,1);opacity:1;padding-top:18px;padding-left:25px;position:absolute;padding-bottom:20px;} .equipment_service .limitimg .title {font-size:17px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";line-height:25px;color:rgba(255,255,255,1);} .equipment_service .limitimg .dec {font-size:17px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";line-height:25px;color:rgba(255,255,255,1);} .equipment_service .limitimg .dec p {position:relative;padding-left:25px;} .equipment_service .limitimg .dec p:after {width:6px;height:6px;background:rgba(255,255,255,1);opacity:1;content:"";position:absolute;left:3px;top:10px;border-radius:450px;} .equipment_service .block_1 {position:relative;padding-right:51.6%;margin-bottom:37px;margin-top:30px;} .equipment_service .block_1 .content {min-height:508px;} .equipment_service .block_1 .title {font-size: 30px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";font-weight:600;line-height: 46px;color:rgba(29,29,29,1);} .equipment_service .block_1 .title span {display:block;} .equipment_service .block_1 .dec {font-size: 22px;font-family:SourceHanSansCN-Light;font-weight:300;line-height:33px;color:rgba(135,135,135,1);padding-top:18px;padding-bottom:14%;} .equipment_service .block_1 .ewm {display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;} .equipment_service .block_1 .ewm img {width:114px;} .equipment_service .block_1 .words {font-size:17px;font-family:SourceHanSansCN-Light;font-weight:300;line-height:25px;color:rgba(29,29,29,1);padding-left:11px;} .equipment_service .block_1 .imgbox {position:absolute;right:0px;top:0px;width:49%;height:100%;} .equipment_service .block_1 .title2 {font-size:17px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";font-weight:600;line-height:25px;color:rgba(29,29,29,1);margin-bottom:12px;text-transform: uppercase;} .equipment_service .block_1 .dec2 {font-size:24px;font-family:SourceHanSansCN-Light;font-weight:300;line-height:33px;color:rgba(135,135,135,1);} .equipment_service .list .block_1:nth-child(2n-1) {padding-right:0px;padding-left: 51.1%;} .equipment_service .list .block_1:nth-child(2n-1) .imgbox {left:0;right:auto;} .equipment_service {padding-bottom:73px;} .faq_list {} .faq_list li {padding-top:94px;} .faq_list li .imgbox {margin-bottom:95px;} .faq_list li .imgbox img {display:block;width:384px;max-width:90%;margin:auto;} .faq_list li .h2tit {font-size:33px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";font-weight:600;line-height:40px;color:rgba(29,29,29,1);padding-bottom:20px;} .faq_list li .title {font-size:17px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";font-weight:600;line-height:25px;color:rgba(29,29,29,1);} .faq_list li .dec {font-size: 15px;font-family:SourceHanSansCN-Light;font-weight:300;line-height:25px;color:rgba(29,29,29,1);margin-bottom:25px;} .faq_list {padding-bottom:67px;} .wap2 {display:none;} .wap_head {left:0px;top:0px;width:100%;z-index:5555;background:#fff;position:relative;margin-top: -388px;} .wap_logo {width:100%;position:relative;padding-left:48px;background:#fff;z-index:5;} .wap_logo a {display:block;padding-top: 18px;} .wap_logo a img {display:block;width:173px;} .wap_logo .close {width:20px;height:20px;background:url(../images/closeicon@2x.png) no-repeat center center;background-size:100%;position:absolute;right:28px;top:28px;} .wap_nav {padding-top:10px;background:#fff;} .wap_nav li {} .wap_nav li .h2tit {padding:0px 48px;border-bottom:1px solid rgba(204,204,204,.5);} .wap_nav li .h2tit a {display:inline-block;font-size:16px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";font-weight:600;line-height:24px;color:rgba(29,29,29,1);line-height:4;} .wap_nav li .wap_slide {display:none;} .wap_nav li .wap_slide .item {} .wap_nav li .wap_slide a {font-size:16px;font-family:SourceHanSansCN-Light;font-weight:300;line-height:24px;color:rgba(29,29,29,1);padding-left:72px;display:block;line-height:3.5;border-bottom:1px solid rgba(204,204,204,.5);} .wap_nav li .lans {zoom:1;overflow:hidden;position:relative;text-align:center;} .wap_nav li .lans:after {width:1px;height:60%;background:rgba(135,135,135,1);opacity:1;position:absolute;top:50%;left:50%;-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);content:"";} .wap_nav li .lans a {font-size:16px;font-family:SourceHanSansCN-Light;font-weight:300;line-height:24px;color:rgba(29,29,29,1);display:block;line-height:3.5;float:left;width:50%;border-bottom:1px solid rgba(0,0,0,.06);} .wap_nav li .lans a.cur {color:rgba(243,146,0,1);} .wap_head {} .current.wap_head {margin-top:0;} .current .wap_logo {-o-transform:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;} .current .wap_nav {-o-transform:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;text-transform:uppercase;} .wap_nav {transition-delay:.2s;-moz-transition-delay:.2s;-webkit-transition-delay:.2s;-o-transition-delay:.2s;} .wap_logo {-o-transform:translate(0%,-40px);-webkit-transform:translate(0%,-40px);-moz-transform:translate(0%,-40px);-ms-transform:translate(0%,-40px);transform:translate(0%,-40px);} .wap_nav {-o-transform:translate(0%,-40px);-webkit-transform:translate(0%,-40px);-moz-transform:translate(0%,-40px);-ms-transform:translate(0%,-40px);transform:translate(0%,-40px);} .equipment_detail .equ_right .table2 {max-width:100%;} .search_modal {position:fixed;left:0px;top:0px;right:0px;background:rgba(0,92,169,.9);bottom:0px;z-index:99999;} .search_modal .close {position:absolute;width:36px;height:36px;cursor:pointer;background:url(../images/searcbtclose@2x.png) no-repeat center center;background-size:100%;top: 24px;right: 107px;z-index:6;} .search_modal .content {width:1020px;margin:auto;padding-top:108px;max-width:94%;position:relative;} .search_modal .content .searchinput {height:48px;background:#fff;position:relative;} .search_modal .content .searchinput .words {height:100%;width:100%;display:block;border:none;font-size:16px;padding:0px 24px;padding-right:40px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";font-weight:600;color:rgba(29,29,29,1);} .search_modal .content .searchinput .send {cursor:pointer;position:absolute;right:12px;top:0;height:100%;border:none;background:none;padding:0px;background:url(../images/iconsearch@2x.png) no-repeat center center;background-size:100%;width:24px;} .search_modal .content .searchinput .words::-webkit-input-placeholder {color:rgba(242,242,242,1);} .search_modal .content .searchinput .words::-moz-placeholder {/* Mozilla Firefox 19+ */ color:rgba(242,242,242,1);} .search_modal .content .searchinput .words:-moz-placeholder {/* Mozilla Firefox 4 to 18 */color:rgba(242,242,242,1);} .search_modal .content .searchinput .words:-ms-input-placeholder {/* Internet Explorer 10-11 */ color:rgba(242,242,242,1);} .search_modal .content .slide {background:rgba(255,255,255,1);max-height:calc(100vh - 235px);overflow:auto;} .search_modal .content .slide li {padding-left:24px;padding-right:24px;border-bottom:1px solid #F2F2F2} .search_modal .content .slide .title {line-height:48px;font-size:16px;font-family:SourceHanSansCN-Light;font-weight:300;color:rgba(29,29,29,1);text-transform:uppercase;} .search_modal .content .slide .color1,.search_modal .content .slide .con .color1 {color:#009EE3;font-weight:600;} .search_modal .content .slide .color2,.search_modal .content .slide .con .color2 {color:#F39200;font-weight:600;} .search_modal .content .slide .imgcon {display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;} .search_modal .content .slide .imgbox {width:120px;} .search_modal .content .slide .imgbox img {width:100%;height: 120px;} .search_modal .content .slide .con {font-size:16px;font-family:SourceHanSansCN-Light;font-weight:300;line-height:24px;color:rgba(29,29,29,1);padding-left:15px;width: calc(100% - 120px);} .search_modal .content .slide li:hover {background:#F2F2F2} .search_modal .content .slide::-webkit-scrollbar {width:9px;height:1px;} .search_modal .content .slide::-webkit-scrollbar-thumb {border-radius:9px;background:#999} .search_modal .content .slide::-webkit-scrollbar-track {border-radius:9px;background:#f1f2f4;} .search_modal .content .slide .con p {min-height:20px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .search_modal .content .slide li:last-child{ padding-bottom: 15px; } .search_modal .content .slide .con p br{ display: none; } .blur_main.current {filter: blur(5px);} .search_modal {display:none;} .com_type_1 {padding-top:31px;} .com_type_1 .limit { background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important; height: 34vw; } .com_type_1 .limit img{} .com_type_1 .limit img {display: none;width:100%;} .com_type_1 .con1 .dec {font-size:24px;padding-top:33px;width:57%;font-family:SourceHanSansCN-Light;font-weight:300;line-height:33px;color:rgba(135,135,135,1);opacity:1;} .com_type_1 .con1 {padding-bottom:8%;} .com_type_1 .list {} .com_type_1 .list li {} .com_type_1 .list li .imgbox { width: 100%; height: 0; position: relative; padding-bottom: 100%; } .com_type_1 .list li .imgbox img {display:block;width:100%;height: 100%;left: 0;position: absolute;top: 0;width: 100%;} .com_type_1 .list li .con2 {padding-top:23px;height:155px;} .com_type_1 .list li .dec {font-size:17px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";font-weight:600;line-height:25px;color:rgba(29,29,29,1);} .com_type_1 .list li .morebase2 {} .com_type_1 {padding-bottom:18px;} .design_article {padding-top:27px;} .design_article .article_left *{ max-width: 100%; } .design_article .article_left {float:left;width:30%;} .design_article .article_left .h2tit {font-size: 30px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";font-weight:600;line-height:49px;color:rgba(29,29,29,1);text-transform: uppercase;} .design_article .article_left .dec p {padding-bottom:26px;} .design_article .article_left .dec {font-size:16px;font-family:SourceHanSansCN-Light;font-weight:300;line-height:24px;color:rgba(29,29,29,1);padding-top:15px;/* padding-bottom:26px;*/} .design_article .article_right {float:right;width:68%;} .design_article .article_right .article_list_1 {margin-bottom:17%;} .design_article .article_right .limit img {width:100%;} .design_article .article_right .dec0 {font-size:17px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";font-weight:600;line-height:25px;color:rgba(29,29,29,1);padding-top:23px;padding-bottom:27px;width:calc((100% - 37px)/2);} .design_article .article_right .article_list_1 li .dec {font-size:17px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";font-weight:600;line-height:25px;color:rgba(29,29,29,1);padding-top:23px;height:103px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;} .design_article .article_right .article_list_1 li img {width:100%;} .design_article .article_right .article_list_1 li:nth-child(2n) {margin-right:0px;} .design_article .article_right .article_list_1 li {width:calc((100% - 37px)/2);float:left;margin-bottom:37px;margin-right:37px;} .design_article.type2 .article_left{ width: 100%; float: none; } .next_article_wrap{ float: right; width:68%; } #loading_more{ text-align: center; display: none; } #loading_more a{ display: inline-block; vertical-align: middle; padding: 0px 10px; line-height: 2; color: rgba(0,158,227,1); position: relative; overflow: hidden; padding: 20px; font-size: 16px; } #loading_more .loadingfa img{ width:20px;} #loading_more .loadingfa{ position: static; display: inline-block; vertical-align: middle; margin: 0; width: 20px; height: 20px; margin-right: 6px; } #loading_more a { } .next_article {float:right;width:calc((100% - 37px)/2);} .next_article .title {font-size:17px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";font-weight:600;line-height:25px;color:rgba(29,29,29,1);margin-bottom:14px;} .next_article .imgbox {} .next_article .imgbox img {width:100%;} .next_article .dec {font-size:17px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";font-weight:600;line-height:25px;color:rgba(29,29,29,1);padding-top:23px;} .design_article {padding-bottom:100px;} .list_type4 li {} .list_type4 li .imgbox {margin-bottom:35px;} .list_type4 li .imgbox img {display:block;width:100%;} .list_type4 li .title {font-size:17px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";font-weight:600;line-height:25px;display:block;color:rgba(29,29,29,1);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .list_type4 li .title a {color:inherit;} .list_type4 li .dec {font-size: 15px;font-family:SourceHanSansCN-Light;font-weight:300;line-height:25px;color:rgba(29,29,29,1); } .list_type4 li:nth-child(5) .content{ height: auto; padding-bottom: 2vw; } .list_type4 ul li{ } .list_type4 ul{ display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-flow: wrap; } .list_type4 li .content {margin-bottom:14px;/*height: 337px;*/padding-bottom: 3%;} .list_type4 {padding-top:32px;} .list_type4 li .btnbase {margin-top:30px;} .references {padding-bottom:74px;} .references .title {font-size:17px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";font-weight:600;line-height:25px;color:rgba(29,29,29,1);margin-bottom:27px;} .references .list {} .references .list li:nth-child(6n) {margin-right:0px;} .references .list li {width:calc((100% - 190px)/6);float:left;margin-right:37px;margin-bottom:37px;} .references .limit {background:#fff;padding:25px 0px;} .references .limit img {width:186px;margin:auto;display:block;max-width:88%;} .contact_content {padding-top:32px;} .contact_content .limit {} .contact_content .limit img {display:block;width:100%;} .contact_content .content1 {margin-top:33px;padding-bottom:8%;} .contact_content .content1 .contact_left {float:left;width:calc(67.666% - 36px);} .contact_content .content1 .h2tit {font-size: 28px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";font-weight:600;line-height:50px;color:rgba(29,29,29,1);} .contact_content .content1 .dec {font-size: 22px;font-family:SourceHanSansCN-Light;font-weight:300;line-height:33px;color:rgba(135,135,135,1);margin-top:14px;} .contact_content .content1 .contact_right {float:right;width:calc((100% - 72px)/3);} .contact_content .content1 .contact_right p {font-size:17px;font-family:SourceHanSansCN-Light;font-weight:300;line-height:25px;color:rgba(29,29,29,1);} .contact_content .content1 .contact_right a {text-decoration:underline;color:inherit;} .contact_content .content1 .btnbase {margin-top:32px;} .list_type1.type2 li .content {padding-top:0px;height:263px;margin-top:34px;} .list_type1.type2 li .location {font-size:16px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal";font-weight:600;text-transform:unset;line-height:24px;color:rgba(29,29,29,1);} .list_type1.type2 li .dec2 {font-size: 15px;font-family:SourceHanSansCN-Light;font-weight:300;line-height:24px;color:rgba(29,29,29,1);cursor: text;-moz-user-select: text;-khtml-user-select: text;user-select: text;} .list_type1.type2 li .dec2 p {} .years_main{ padding-top: 30px; } .years_main .section_1{ padding-bottom: 30px; } .years_main .section_1 .left_content{ float: left; width: 46%; } .years_main .section_1 .heightbase{ height: 508px; background: #878787; } .years_main .section_1 .left_content .book_group{ height: 100%; position: relative; } .years_main .section_1 .left_content .book_group .full{ cursor: pointer; position: absolute; right: 0; top: 0px; width: 50px; height: 50px; z-index: 5; background: url(../images/fullscreenicon.png) no-repeat center center; background-size: 100%; } .years_main .section_1 .left_content .book_group .imgbox { position: relative; height: 508px; } .years_main .section_1 .left_content .book_group .imgbox img{ position: absolute; top: 50%; left: 50%; -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 81%; max-height: 90%; } .years_main .section_1 .left_content .book_group .swiper-button-prev:after, .years_main .section_1 .left_content .book_group .swiper-container-rtl .swiper-button-next:after, .years_main .section_1 .left_content .book_group .swiper-button-next:after, .years_main .section_1 .left_content .book_group .swiper-container-rtl .swiper-button-prev:after{ display: none; } .years_main .section_1 .left_content .book_group .leftbtn, .years_main .section_1 .left_content .book_group .rightbtn{ position: absolute; top: 56%; -o-transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); width: 37px; height: 37px; z-index: 5; background-size: 56% !important; } .years_main .section_1 .left_content .book_group .leftbtn{ left: 10px; font-size: 0px; background: url(../images/leftbtn.png) no-repeat center center; } .years_main .section_1 .left_content .book_group .rightbtn{ right: 10px; font-size: 0px; background: url(../images/rightbtn.png) no-repeat center center; } .years_main .section_1 .rightitem{ float: right; width: 54%; } .years_main .section_1 .item{ float: left; width: 45%; margin-left: 5%; } .years_main .section_1 .item .heightbase{ } .years_main .section_1 .item .down{ margin-top: 37px; } .years_main .section_2{ padding-bottom: 124px; } .years_main .section_2 .h2tit{ font-size: 17px; font-family: SourceHanSansCN-Normal; font-weight: 600; line-height: 25px; color: #1D1D1D; padding-bottom: 5px; } .years_main .section_2 .words{columns: 100px 4;-moz-columns: 100px 4;-webkit-columns: 100px 4;font-size: 15px;font-family: SourceHanSansCN-Light;font-weight: 300;line-height: 25px;color: #1D1D1D;} .history_tree{ } .history_tree .time{ padding-bottom: 3px; } .history_tree .time .left_wrap{padding-top: 0;} .history_tree .time .left_wrap .bgflex{ display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content: space-between; } .history_tree .time .group{ } .history_tree .time .group a.current, .history_tree .time .group a:hover{ color:#005CA9 } .history_tree .time .group a{ width: 62px; height: 25px; font-size: 17px; font-family: SourceHanSansCN-Normal; font-weight: 600; line-height: 25px; color: #1D1D1D; display: inline-block; vertical-align: middle; text-align: center; } .history_tree .time .title.current, .history_tree .time .title:hover{ color:#005CA9 } .history_tree .time .title{ font-size: 17px; font-family: SourceHanSansCN-Normal; font-weight:600; line-height: 25px; color: #1D1D1D; cursor: pointer; } .history_tree .list .left_wrap { padding-bottom: 1px; padding-top: 0; } .history_tree .list{ background: #F2F2F2; } .history_tree .list li:last-child{ margin-bottom:0px; } .history_tree .list li{ zoom: 1; padding-top: 34px; overflow: hidden; padding-bottom: 40px; border-bottom: 3px solid #009EE3; } .history_tree .list li .leftcontent{ float: left; width: calc((100% - 111px)/4); } .history_tree .list li .leftcontent .tit{ font-size: 33px; font-family: SourceHanSansCN-Normal; font-weight: 600; line-height: 50px; color: #005CA9; } .history_tree .list li .rightimg .imgbox:nth-child(3n){ margin-right:0px; } .history_tree .list li .leftcontent .dec{ font-size: 15px; font-family: SourceHanSansCN-Light; font-weight: 300; line-height: 25px; color: #1D1D1D; opacity: 1; padding-top: 26px; } .history_tree .list li .rightimg{ float: right; width: calc((100% - 25%)); padding-top: 13px; } .history_tree .list li .rightimg .imgbox{ float: left; width: calc((100% - 74px)/3); overflow: hidden; margin-right: 37px; } .history_tree .list li .rightimg .imgbox img{ width: 100%; } .Certificats{ background: #f2f2f2; } .Certificats .left_wrap{ padding-top: 0 !important; } .Certificats .h2tit{ font-size: 33px; font-family: SourceHanSansCN-Normal; font-weight:600; line-height: 50px; color: #005CA9; line-height: 96px; } .Certificats .list2 li a{ display: block; overflow: hidden; } .Certificats .list2{ zoom: 1; overflow: hidden; padding-bottom: 124px; } .Certificats .list2 li:nth-child(4n){ margin-right: 0; } .Certificats .list2 li{ float: left; width: calc((100% - 111px)/4); margin-right: 37px; margin-bottom: 37px; } .Certificats .list2 li a{ } .Certificats .list2 li a img{ width: 100%; } .history_tree .time{ width: 100%; top: 0px !important; width: 100%; z-index: 77777; } .history_tree .time.current .left_wrap .bgflex { background: #fff; padding-top: 10px; padding-right: 10px; } .list_type6 ul{ flex-wrap: wrap; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .list_type6{ padding-top: 32px; padding-bottom: 26px; } .list_type6 li{ margin-bottom: 74px; } .list_type6 li .imgbox{ } .list_type6 li .imgbox img{ width: 100%; } .list_type6 li .content{ padding-top: 30px; font-size: 17px; font-family: SourceHanSansCN-Normal; font-weight: 600; line-height: 25px; color: #1D1D1D; } .list_type6 li .content p span{ display:block; } .list_type6 li .title + p{ min-height: 50px; } .list_type6 li .title{ font-family: SourceHanSansCN-Normal; font-weight: 600; } .list_type6 li .content p { font-family: SourceHanSansCN-Light; font-weight: 300; margin-bottom: 30px; zoom: 1; overflow: hidden; font-size: 15px; } .list_type6 li .s1{ float: left; width: 20px; } .list_type6 li .s2{ float: left; width: calc(100% - 20px); } .list_type6 li .mb0 p{ margin-bottom: 0; } .list_type6 li .mb0{ margin-bottom: 30px; } .list_type6 li .imgbox{ overflow: hidden; } .correct i:after { -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url(../images/correct.png) no-repeat center center; background-size: 20px; border-radius: 400px; } .correct i { border-radius: 500px; overflow: hidden !important; background: #f39303; } .height30{ height: 30px; } .list_type2 li .content{ font-size: 17px; font-weight: 300; line-height: 25px; color: #1D1D1D; opacity: 1; padding-top: 23px; padding-bottom: 29px; } .list_type2 li .content p{ font-family: SourceHanSansCN-Light; } .list_type2 li .content p strong{ font-weight: bold; font-family: SourceHanSansCN-Normal; } .list_type2.noneborder li .imgbox:hover{ border: 3px solid #f1f2f4 } body.current{ } .chat_wrap{ width: 645px; background: #FFFFFF; opacity: 1; position: fixed; right: 0; top: 0px; z-index: 8888; padding-bottom: 37px; overflow: auto; max-height: 100vh; } .chat_wrap .close{ position: absolute; right: 37px; top: 25px; z-index: 5; cursor: pointer; width: 37px; height: 37px; background: url(../images/close3.png) no-repeat center center; background-size: 100%; } .chat_wrap .wide:after{ content:""; cursor:pointer; position:absolute; top: 50%; left: 50%; -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width:3px; height:90%; background:#878787; border-radius:5px; } .chat_wrap .wide{ position: absolute; top: 50%; left: 0; -o-transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); z-index: 7; width: 25px; height: 98px; cursor: pointer; } .chat_wrap .msg{ padding-top: 85px; padding-left: 87px; padding-right: 20px; padding-bottom: 28px; } .chat_wrap .msg1{ font-size: 17px; font-family: SourceHanSansCN-Normal; font-weight: 600; line-height: 25px; color: #878787; } .chat_wrap .msg2{ font-size: 17px; font-family: SourceHanSansCN-Normal; font-weight: 300; line-height: 25px; color: #878787; } .chat_wrap .chat_list{ padding: 0px 37px; } .chat_wrap .chat_list li{ zoom: 1; overflow: hidden; } .chat_wrap .chat_list li .infor_head{ zoom: 1; overflow: hidden; line-height: 37px; height: 37px; overflow: hidden; } .chat_wrap .chat_list li .user{ float: left; } .chat_wrap .chat_list li .user img{ width: 37px; height: 36px; } .chat_wrap .chat_list li .name{ float: left; padding-left: 11px; padding-right: 12px; font-size: 17px; font-family: SourceHanSansCN-Normal; font-weight: 600; color: #F39200; } .chat_wrap .chat_list li .pubtime{ font-size: 10px; font-family: SourceHanSansCN-Normal; font-weight: 400; float: left; color: #878787; line-height: 40px; } .chat_wrap .chat_list li .information{ padding-top: 5px; padding-left: 50px; } .chat_wrap .chat_list li .hr{ max-width: 400px; margin-bottom: 37px; } .chat_wrap .chat_list li .hr .item{ padding-bottom: 7px; border-bottom: 2px solid #F39200; display: inline-block; vertical-align: middle; } .chat_wrap .chat_list li .item p{ font-size: 17px; font-family: SourceHanSansCN-Normal; font-weight: 600; line-height: 25px; color: #1D1D1D; display: inline; } .chat_wrap .chat_list li .imgtext{ padding-top: 30px; display: flex; align-items: center; font-size: 10px; font-family: SourceHanSansCN-Normal; font-weight: 400; line-height: 25px; color: #878787; } .chat_wrap .chat_list li .imgtext img{ } .chat_wrap .chat_list li .imgtext span{ padding-left: 10px; } .chat_wrap .chat_list li .writing{ } .chat_wrap .chat_list li .writing .dots{ font-size: 19px; padding-right: 6px; line-height: 1; } .chat_wrap .chat_list li .writing .dots i:nth-child(1){ animation-delay:.2s; } .chat_wrap .chat_list li .writing .dots i:nth-child(2){ animation-delay:.3s; } .chat_wrap .chat_list li .writing .dots i:nth-child(3){ animation-delay:.4s; } .chat_wrap .chat_list li .writing .dots i{ font-style: normal; animation: opacity1 1s infinite; -moz-animation: opacity1 1s infinite; -webkit-animation: opacity1 1s infinite; -o-animation: opacity1 1s infinite; animation-direction: alternate; -webkit-animation-direction: alternate; animation-timing-function: ease-in; -webkit-animation-timing-function: ease-in; } .chat_wrap .chat_list li .writing b{ font-size: 10px; font-family: SourceHanSansCN-Normal; font-weight: 400; color: #878787; } .chat_wrap .custom_text{ margin: 0px 37px; position: relative; margin-top: 200px; } .chat_wrap .custom_text .words{ height: 74px; border: 3px solid #009EE3; opacity: 1; width: 100%; display: block; font-size: 17px; font-family: SourceHanSansCN-Normal; font-weight: 600; padding: 0px 24px; padding-right: 114px; color: #009EE3; } .chat_wrap .custom_text .groups{ position: absolute; z-index: 4; right: 12px; height: 100%; top: 0; } .chat_wrap .custom_text .attach{ background: url(../images/attach.png) no-repeat center 12px; padding-top: 41px; } .chat_wrap .custom_text .send{ background: url(../images/send.png) no-repeat center 12px; padding-top: 41px; } .chat_wrap .custom_text .groups *{ font-size: 10px; font-family: SourceHanSansCN-Normal; font-weight: 400; line-height: 25px; color: #1D1D1D; border:none; cursor:pointer; height: 100%; margin-left: 12px; width: 37px; background-size: 100% !important; } @keyframes opacity1{ 0%{ opacity: 0; } 100%{ opacity: 1; } } .chat_wrap .chat_list li.customer .user{ float: right; } .chat_wrap .chat_list li.customer .name{ float: right; color: #009ee3; } .chat_wrap .chat_list li.customer .pubtime{ float: right; } .chat_wrap .chat_list li.customer .information{ padding-left: 23%; padding-right: 50px; } .chat_wrap .chat_list li.customer .hr{ max-width:100%; } .chat_wrap .chat_list li.customer .item{ display:block; border-color: #009ee3; } .chat_wrap .chat_list li.customer .item p{ color: #009EE3 } .chat_wrap::-webkit-scrollbar {width:9px;height:1px;} .chat_wrap::-webkit-scrollbar-thumb {border-radius:9px;background:#999} .chat_wrap::-webkit-scrollbar-track {border-radius:9px;background:#f1f2f4;} .chat_wrap{ right: -645px; max-width: 100%; } .blur_main{ position: relative; } .text_colum{ padding-right:calc((100% - 72px)/3) ; } .text_colum .dec2{ font-size: 16px; font-family: SourceHanSansCN-Normal ; font-weight: 500; line-height: 24px; color: #1D1D1D; padding-top: 22px; opacity: 1; padding-bottom: 26px; columns: 100px 2; -webkit-columns: 100px 2; /* Safari and Chrome */ -moz-columns: 100px 2; /* Firefox */ } .text_colum .linke{ } .text_colum .linke p{ margin-bottom: 24px; } body.current {padding-right: 502px;} body.current .chat_wrap{ right: 0; box-shadow: 0px 0px 13px #878787; } body.current .head .right .nav{ width: 516px; } body.current .head .right .language{ margin-left: 0; margin-right: 62px; } body.current.current2 { padding-right: 910px; } body.current.current2 .chat_wrap{ width: 1053px; } .search_modal .content .slide .new_title { line-height: 48px; font-size: 14px; font-family: SourceHanSansCN-Light; font-weight: 300; color: #333; text-transform: uppercase; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; } .alertmodal .center2{ width: 492px; background: #FFFFFF; border: 1px solid #F2F2F2; max-width: 94%; position:absolute; top: 50%; left: 50%; -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding-bottom: 24px; } .alertmodal .center2 .h2tit{ height: 72px; border-bottom: 1px solid #F2F2F2; padding-top: 20px; padding-left: 22px; line-height: 1; font-size: 32px; font-family: SourceHanSansCN-Medium; font-weight: 500; line-height: 48px; color: #1D1D1D; opacity: 1; } .alertmodal .center2 .close{ cursor: pointer; right: 11px; top: 9px; width: 30px; height: 30px; background: url(../images/close.png) no-repeat center center; background-size: 12px; position: absolute; } .alertmodal .center2 .form_wrap{ padding-left: 23px; padding-top: 24px; padding-right: 23px; overflow: auto; max-height: 84vh; } .alertmodal .center2 .s2{ margin-bottom: 24px; } .alertmodal .center2 .s1{ font-size: 10px; font-family: SourceHanSansCN-Normal; font-weight: 500; line-height: 24px; color: #009EE3; zoom: 1; overflow: hidden; text-transform: uppercase; } .alertmodal .center2 .s2:after{ content: ""; display: table; clear: both; } .alertmodal .center2 .s2 input[type=text]{ border: none; width: 100%; display: block; border-bottom: 1px solid #009EE3; font-size: 16px; font-family: SourceHanSansCN-Normal; font-weight: 500; line-height: 24px; color: #1D1D1D; } .alertmodal .center2 .s2 input[type=text]::-webkit-input-placeholder{ color:rgba(135, 135, 135, .5) } .alertmodal .center2 .s2 input[type=text]::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:rgba(135, 135, 135, .5) } .alertmodal .center2 .s2 input[type=text]:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:rgba(135, 135, 135, .5) } .alertmodal .center2 .s2 input[type=text]:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:rgba(135, 135, 135, .5) } .alertmodal .center2 .s2 input[type=text] .alertmodal .center2 .s2{ margin-top: 7px; } .alertmodal .center2 .words{ } .alertmodal .center2 .s2 select{ border: none; width: 100%; display: block; border-bottom: 1px solid #009EE3; font-size: 16px; font-family: SourceHanSansCN-Normal; font-weight: 500; line-height: 24px; color: rgba(135, 135, 135, .5); appearance: none; -moz-appearance: none; -webkit-appearance: none; background: none; background: url(../images/down.png) no-repeat 97% center; } .alertmodal .center2 .s2 input.words1{ float: left; width: 108px; } .alertmodal .center2 .s2 input.words2{ float: left; width: calc(100% - 133px); } .alertmodal .center2 .line{ float: left; width: 25px; font-size: 16px; font-family: SourceHanSansCN-Normal; font-weight: 500; line-height: 24px; color: #1D1D1D; text-align: center; } .alertmodal .center2 .code{ height: 48px; border: 1px solid rgba(135, 135, 135, 0.5019607843137255); background: linear-gradient(180deg, #FFFFFF 0%, #F2F2F2 100%); opacity: 1; border-radius: 2px; cursor: pointer; margin-bottom: 35px; } .alertmodal .center2 .code button i{position: absolute;left: 8px;top: 8px;width: 32px;height: 32px;cursor: pointer;background: url(../images/cir.png) no-repeat center center;} .alertmodal .center2 .code button span{position: absolute;right: 16px;top: 14px;width: 20px;height: 20px;cursor: pointer;background: url(../images/cir2.png) no-repeat center center;} .alertmodal .center2 .code button{ position: relative; width: 100%; height: 100%; border: none; background: none; font-size: 16px; font-family: SourceHanSansCN-Light; font-weight: 300; line-height: 24px; color: #1D1D1D; text-align: left; padding-left: 56px; cursor: pointer; } .alertmodal .center2 .tear{ text-align: right; /* float: right; */ position: relative; font-size: 16px; font-family: SourceHanSansCN-Light; font-weight: 500; line-height: 24px; color: #009EE3; line-height: 26px; padding-right: 37px; } .alertmodal .center2 .tear input[type=radio], .alertmodal .center2 .tear input[type=checkbox] { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin: 0; padding: 0; opacity: 0; z-index: 2; cursor: pointer; } .alertmodal .center2 .tear input[type=radio]+label, .alertmodal .center2 .tear input[type=checkbox]+label { cursor:pointer; } .alertmodal .center2 .tear input[type=radio]+label::before, .alertmodal .center2 .tear input[type=radio]+label::after, .alertmodal .center2 .tear input[type=checkbox]+label::before, .alertmodal .center2 .tear input[type=checkbox]+label::after { content: ''; display: block; position: absolute; right: 0; top: 50%; margin-top: -14px; width: 26px; height: 26px; } .alertmodal .center2 .tear input[type=radio]+label::before, .alertmodal .center2 .tear input[type=checkbox]+label::before { border: 1px solid rgba(0, 158, 227, 1); background: #fff; /* box-shadow: inset 0 1px 1px rgba(0,0,0,.08); */ border-radius: 30px; } .alertmodal .center2 .tear input[type=radio]+label::before, .alertmodal .center2 .tear input[type=radio]+label::after { border-radius: 50%; } .alertmodal .center2 .tear input[type=radio]:checked+label::before, .alertmodal .center2 .tear input[type=radio]:checked+label::after, .alertmodal .center2 .tear input[type=checkbox]:checked+label::before, .alertmodal .center2 .tear input[type=checkbox]:checked+label::after { -webkit-animation: cd-bounce .3s; -moz-animation: cd-bounce .3s; animation: cd-bounce .3s; } .alertmodal .center2 .tear input[type=radio]+label::after, .alertmodal .center2 .tear input[type=checkbox]+label::after { background-color: #F29700; background-position: center center; background-repeat: no-repeat; display: none; background: url(../images/cir3.png) no-repeat center center; } .alertmodal .center2 .tear input[type=radio]+label::after { background-image: url(../images/cd-icon-radio.svg); } .alertmodal .center2 .tear input[type=radio]:checked+label::after, .alertmodal .center2 .tear input[type=checkbox]:checked+label::after { display: block; } .alertmodal .center2 .tear input[type=radio]:checked+label::before, .alertmodal .center2 .tear input[type=radio]:checked+label::after, .alertmodal .center2 .tear input[type=checkbox]:checked+label::before, .alertmodal .center2 .tear input[type=checkbox]:checked+label::after { -webkit-animation: cd-bounce .3s; -moz-animation: cd-bounce .3s; animation: cd-bounce .3s; } @-webkit-keyframes cd-bounce{0%,100%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(.8)}} @-moz-keyframes cd-bounce{0%,100%{-moz-transform:scale(1)}50%{-moz-transform:scale(.8)}} @keyframes cd-bounce{0%,100%{-webkit-transform:scale(1);-moz-transform:scale(1); -ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}} .alertmodal .center2 .tear label:after, .alertmodal .center2 .tear label:before{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .alertmodal .center2 .text{ clear: both; padding-top: 22px; font-size: 12px; font-weight: 500; line-height: 24px; color: #878787; margin-bottom: 16px; } .alertmodal .center2 .text a{ color: inherit; text-decoration: underline; } .alertmodal .center2 .s2, .alertmodal .center2 .s2 *, .alertmodal .center2 .s1{ -webkit-transition:all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s; } .alertmodal .center2 .s2 input[type=text].Validform_error{ color: rgba(255, 0, 0, 1); border-color: rgba(255, 0, 0, 1) } .alertmodal .center2 .model{ position: relative; } .alertmodal .center2 .model .Validform_wrong{ position: absolute; right: 0; top: 0px; font-family: SourceHanSansCN-Medium; font-weight: 500; line-height: 24px; color: #FF0000; text-transform: uppercase; } .bg2.alertmodal{ background: rgba(29, 29, 29, .9) } .alertmodal .center2 .s2 input.words3 { float: left; width: calc(100% - 102px); } .alertmodal .center2 .s2 .download{ float: right; font-size: 16px; font-family: SourceHanSansCN-Medium; border: none; background: none; font-weight: 500; line-height: 24px; color: #009EE3; width: 98px; text-align: center; border-bottom: 1px solid #009EE3; } .alertmodal .center2 .s2 input.words4{ } .alertmodal .center2 .s2 .codeimg{ float: right; font-size: 16px; font-family: SourceHanSansCN-Medium; border: none; background: none; font-weight: 500; cursor: pointer; } .alertmodal .center2 .s2 .codeimg img{ width: 88px; } button{ cursor: pointer; } .footer .left .item{ position: relative; } .footer .left .item:after{ content: ""; position:absolute; top: 50%; left: 40px; -o-transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); width: 7px; height: 7px; background: #F39200; border-radius: 50%; opacity: 1; display: none; } .footer .left .item:nth-child(2):after{ background: #009EE3; } .Recently_Items .content .rih p:nth-child(1){ font-weight: 600; } .Recently_Items .content .rih p:nth-child(2){ color: #000; } .Recently_Items .content .rih p:nth-child(3){ } .Recently_Items .content .rih p:nth-child(4){ } .Recently_Items .swiper-pagination.current1{ opacity: 0; } .Recently_Items .swiper-pagination.current2{ opacity: 0; } .Recently_Items .swiper-pagination.current3{ opacity: 0; } @media screen and (max-width: 992px){ .Recently_Items .swiper-pagination.current3{ opacity: 1; } } @media screen and (max-width: 640px){ .Recently_Items .swiper-pagination.current2{ opacity: 1; } } .equipment_service .block_1 .ewm .imgbox2{ position: relative; } .equipment_service .block_1 .ewm .imgbox2:after{ content: ""; position:absolute; top: 50%; left: 50%; -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 11px; height: 11px; background: #009EE3; border-radius: 50%; opacity: 1; } .design_article .article_right .article_list_1 li .imgbox2{ width: 100%; height: 0; position: relative; padding-bottom: 53%; } .design_article .article_right .article_list_1 li .imgbox2 img{ height: 100%; left: 0; position: absolute; top: 0; width: 100%; } @media screen and (max-width: 1280px){ .list_type4 li .content{ /*height: 48vw*/ } } .pb50.equipment_detail{ padding-bottom: 30px; } .bordertop3{ border-top: 3px solid #009EE3; } .list_type3 .h2tit + ul:after{ content: ""; display: table; clear: both; } .flow i { background: url(../images/grow@2x.png) no-repeat center center; background-size: 100%; } .btn_link{ padding-bottom: 36px; } .page_404{ text-transform: uppercase; height: calc(100vh - 136px); background: url(../images/404_fluko_tag01_0058@2x.jpg) no-repeat center center; background-size: cover; } .page_404 .wrapl{ padding: 0px 45px; padding-top: 127px; } .page_404 .wrapl .pos:after{ content:""; position:absolute; width: 12px; height: 12px; background: #F39200; border-radius: 50%; opacity: 1; left:-22px; top:6px; } .page_404 .wrapl .pos{ font-size: 16px; font-family: SourceHanSansCN-Light; font-weight: 300; line-height: 24px; color: #1D1D1D; position: relative; } .page_404 .wrapl .words{ padding-top: 6vh; font-family: Source Han Sans CN; font-weight: 500; } .page_404 .wrapl .text1{ font-size: 32px; color: #F39200 } .page_404 .wrapl .text2{ font-size: 32px; color: #005CA9; padding-bottom: 16px; } .page_404 .wrapl .link p:nth-child(1){ padding-bottom: 12px; } .page_404 .wrapl .link{ } .position a:nth-child(3) { color:#f39200; } .position strong a { /* color:#f39200; */ } .equipment_detail .equ_left .imgbox{ position: relative; } .equipment_detail .equ_left .imgbox .compare { font-size: 17px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; font-family: SourceHanSansCN-Normal; font-weight: 600; line-height: 24px; color: rgba(135,135,135,1); line-height: 24px; right: 12px; bottom: 12px; position: absolute; z-index: 4; padding-right: 36px; cursor: pointer; z-index: 5; } .equipment_detail .equ_left .imgbox .compare:before { -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; content: ""; position: absolute; border-radius: 400px; right: 0px; top: 0px; width: 24px; height: 24px; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url(../images/close.png) no-repeat center center; background-size: 45%; opacity: 0; } .equipment_detail .equ_left .imgbox .compare.current:before { opacity: 1; } .equipment_detail .equ_left .imgbox .compare.current:after { border-color: #009EE3 !important; } .equipment_detail .equ_left .imgbox .compare:after { -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; content: ""; position: absolute; border-radius: 400px; right: 0px; top: 0px; width: 24px; height: 24px; border: 2px solid rgba(135,135,135,1); -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .equipment_detail .equ_left .imgbox .compare:hover {color:#F39200} .equipment_detail .equ_left .imgbox .compare:hover:after {border-color:#F39200} .equipment_detail .equ_left .imgbox .compare.current {color:#009EE3 !important;} .equipment_detail .equ_left .imgbox .compare.current:after {border-color:#009EE3 !important;} .list_type3 li .dec p span{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .references .limit{ text-align: center; position: relative; } .references .text{ background: #fff; text-align: center; position:absolute; top: 50%; left: 50%; -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; font-size: 20px; } .list_type2 .height1, .list_type2 .height2{ display: none; } .list_type2 li .dec{ padding-bottom: 50px; } .list_type2 li .dec p br{ display: none; } .list_products.ocolum li{ float: left; width: 46%; } .list_products.ocolum li:nth-child(2n){ float: right; } .list_products.ocolum li .title{ display: block; font-size: 17px; font-family: SourceHanSansCN-Normal; font-weight: bold; line-height: 24px; color: rgba(29,29,29,1); margin-top: 22px; text-decoration: underline; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .list_products.ocolum li .dec{ font-size: 15px; font-family: SourceHanSansCN-Light; font-weight: 300; line-height: 24px; color: rgba(29,29,29,1); height: 48px; margin-bottom: 20px; width: 100%; } .list_products.ocolum li .dec p { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .list_products.ocolum li .linke p{ padding-bottom: 19px; } .list_products.ocolum li .linke p a{ width: 100%; } .list_products.ocolum li .linke p a span{ display: inline-block; padding-left: 12px; padding-top: 0; } .list_products.ocolum li .dec span{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #brshow.list_type2 li .dec p br{ display: block; } .equipment_detail .equ_right .xuntable.ke-zeroborder{ border-collapse: collapse; border-spacing: 0; table-layout: fixed } .alertmodal#alertmodal img{ position:absolute; top: 50%; left: 50%; -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 900px; max-width: 80%; } .alertmodal#alertmodal{ cursor: pointer; } .years_main .section_1 .left_content .book_group .full{ display: none; } .index_gallery .dot.pc{ display: block; } .index_gallery .dot.wap{ display: none; } .wrapmain{ width: 1400px; max-width: 100%; margin: auto; padding: 0px 15px; } .indexmain{ padding-bottom: 90px; } .indexmain .block_1{ padding-top: 50px; padding-bottom: 23px; } .indexmain .block_1 .hd{ text-align: center; padding-bottom: 40px; } .indexmain .block_1 .hd a{ font-size: 18px; font-family: SourceHanSansCN-Medium; font-weight: 500; color: #878787; position: relative; margin: 0px 30px; padding-bottom: 18px; border-bottom: 4px solid #fff; } .indexmain .block_1 .hd a:after{ } .indexmain .block_1 .hd a.current,.indexmain .block_1 .hd a:hover{ color: rgba(242, 151, 0, 1); border-color: rgba(242, 151, 0, 1); } .indexmain .block_1 .hd a.current:after{ } .indexmain .block_1 .bd{ position: relative; } .indexmain .block_1 .bd .list li:nth-child(4n){ margin-right:0px; } .indexmain .block_1 .bd .list li{ margin-top: 0px !important; margin-bottom: 30px !important; } .indexmain .block_1 .bd .list li{/* float:left; *//* margin-bottom:37px; */position:relative;} .indexmain .block_1 .bd .list li a *{ display:block; } .indexmain .block_1 .bd .list{ /* zoom: 1; */ /* overflow: hidden; */ } .indexmain .block_1 .bd .list a .imgbox{ overflow: hidden; } .indexmain .block_1 .bd .list a:hover .imgbox .img{ -webkit-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); transform: scale(1.05,1.05); } .indexmain .block_1 .bd .list{ -o-transform: translate(0px, 10px); -webkit-transform: translate(0px, 10px); -moz-transform: translate(0px, 10px); -ms-transform: translate(0px, 10px); transform: translate(0px, 10px); position: absolute; width: 100%; left: 0px; top: 0px; opacity: 0; z-index: -1; visibility: hidden; } .indexmain .block_1 .bd .list.curr{ -o-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); position: static; z-index: 1; opacity: 1; visibility: visible; } .indexmain .block_1 .bd .list a{ display: block; position: relative; overflow: hidden; } .indexmain .block_1 .bd .list .imgbox .img{ display: block; height: 100%; } .indexmain .block_1 .bd .list .imgbox{ height: 377px; } .indexmain .block_1 .bd .list .title{ position: static; right: 10px; bottom: 17px; font-size: 12px; font-family: SourceHanSansCN-Medium; font-weight: 500; color: #888888; line-height: 18px; display: block; font-size: 16px; padding-top: 12px; } .indexmain .block_2{ padding-top: 51px; } .indexmain .block_2 .list{ zoom: 1; overflow: hidden; padding-top: 50px; padding-bottom: 50px; } .indexmain .block_2 .list li:nth-child(3){ margin-right:0px; } .indexmain .block_2 .list li{ position: relative; float: left; overflow: hidden; } .indexmain .block_2 .list li img{ width: 100%; } .indexmain .block_2 .list li .tit{ top: 16px; width: 100%; position: absolute; font-size: 18px; font-family: SourceHanSansCN-Medium; font-weight: 500; color: #888888; line-height: 33px; z-index: 6; left: 0; position: static; display: block; padding-top: 10px; } .titlemodel3_1{text-align: center;} .titlemodel3_1 .title{ font-size: 24px; font-family: ; font-weight: bold; color: #005CA9; line-height: 36px; padding-bottom: 12px; } .titlemodel3_1 .dec{ font-size: 16px; font-family: SourceHanSansCN-Light; font-weight: 300; color: #1D1D1D; line-height: 24px; padding-top: 12px; } .indexmain .block_3{ padding-top: 51px; } .indexmain .block_3 .list{ zoom: 1; overflow: hidden; padding-top: 38px; padding-bottom: 50px; } .indexmain .block_3 .list li:nth-child(4n){ margin-right: 0px; } .indexmain .block_3 .list li{ /* float: left; */ /* width: calc((100% - 108px)/4); */ /* margin-right: 36px; */ overflow: hidden; } .indexmain .block_3 .list li img{ width: 100%; cursor: pointer; } .indexmain .block_4{ padding-top: 51px; } .indexmain .block_4 .content{ zoom: 1; overflow: hidden; padding-top: 38px; } .indexmain .block_4 .content .left{ width: 49%; float: left; } .indexmain .block_4 .content .imgbox{ overflow: hidden; } .indexmain .block_4 .content .imgbox img{ width: 100%; } .indexmain .block_4 .content .text{ } .indexmain .block_4 .content .text h2{ font-size: 12px; font-family: SourceHanSansCN-Medium; font-weight: 500; color: #1D1D1D; line-height: 12px; padding-top: 30px; padding-bottom: 5px; } .indexmain .block_4 .content .words{ zoom: 1; overflow: hidden; font-size: 12px; font-family: SourceHanSansCN-Light; font-weight: 300; color: #1D1D1D; line-height: 18px; } .indexmain .block_4 .content .words p:nth-child(2){ float:right; } .indexmain .block_4 .content .words p{ float: left; width: calc((100% - 36px)/2); } .indexmain .block_4 .content .right{ width: 44%; float: right; } .indexmain .block_4 .content .right li{ padding-bottom: 68px; } .indexmain .block_4 .content .right li a{ } .indexmain .block_4 .content .right li .tit{ display: block; font-size: 24px; font-family: SourceHanSansCN-Medium; font-weight: 500; color: #1D1D1D; } .indexmain .block_4 .content .right li .ans{display: block;font-size: 16px;font-family: SourceHanSansCN-Light;font-weight: 300;color: #1D1D1D;line-height: 24px;padding-top: 24px;} .indexmain, .indexmain *{ -webkit-transition:all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s; } .indexmain .block_4 .content .imgbox:hover img, .indexmain .block_3 .list li:hover img, .indexmain .block_2 .list li .imgbox:hover img{ -webkit-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); transform: scale(1.05,1.05); } .indexmain .block_2 .list li .imgbox{ overflow: hidden; display: block; } .indexmain .block_4 .content .right li .tit:hover{ color: rgba(243,146,0,1); } .showImg{ position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,0.4); z-index: 9999; display: none } .showImg .content{ position:absolute; top: 50%; left: 50%; -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* max-width: 100%; */ background: #fff; } .showImg .content img{max-width: 90vw;display: block;margin: auto;max-height: 86vh;} .showImg .content .close{ cursor: pointer; background: url(../images/close.png) no-repeat center center #fff; background-size: 51%; width: 26px; right: -13px; top: -13px; height: 26px; border-radius: 340px; position: absolute; } .showImg .content .title{ text-align:center; line-height:3; font-size:20px; } .indexmain .block_1 .bd .list .swiper-button-prev, .indexmain .block_1 .bd .list .swiper-button-next{ width: 76px; height: 76px; opacity: 1 !important; left: -100px; background: url(../images/bnt_jt_left.png) no-repeat center center; background-size: 100% !important; position:absolute; top: 50%; -o-transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); } .indexmain .block_1 .bd .list .swiper-button-prev:hover{ background: url(../images/bnt_jt_left_hover.png) no-repeat center center; } .indexmain .block_1 .bd .list .swiper-button-next{ left: auto; right: -100px; background: url(../images/bnt_jt_right.png) no-repeat center center; } .indexmain .block_1 .bd .list .swiper-button-next:hover{ background: url(../images/bnt_jt_right_hover.png) no-repeat center center; } .indexmain .block_1 .bd .list .swiper-button-prev:after, .indexmain .block_1 .bd .list .swiper-button-next:after{ display: none } .formContent{padding-top: 92px;} .formContent .models{ } .formContent .model:nth-child(2n){ padding-right:0px; padding-left: 50px; } .formContent .model{ width: 50%; padding-bottom: 50px; padding-right: 50px; } .formContent .title1{ font-size: 14px; font-weight: 400; color: #231916; margin-bottom: 8px; } .formContent .title1 strong{ color: #F39200; font-weight: normal; margin-left: 3px; } .formContent .models{ flex-wrap: wrap; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .formContent .models-type-2 .title1{ } .formContent.pt2 .title1{ padding-left: 18px; position: relative; } .formContent.pt2 .title1:after{ position: absolute; content: ""; left: 0px; top: 3px; border-radius: 40px; width: 12px; height: 12px; background: #F29700; } .formContent .sli{ position: relative; } .formContent select{ display: block; width: 100%; height: 36px; border-radius: 6px; border: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; font-size: 14px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #B4B5B5; padding-right: 23px; text-align: right; cursor: pointer; direction: rtl; background: url(../images/stroke66@2x.png) no-repeat calc(100% - 10px ) center #EEEEEE; background-size: 8px; } .formContent input{ } .formContent input::-webkit-input-placeholder{ color:#B4B5B5 } .formContent input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#B4B5B5 } .formContent input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#B4B5B5 } .formContent input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#B4B5B5 } .formContent .words{ display: block; width: 100%; height: 36px; border-radius: 6px; border: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; font-size: 14px; font-weight: 400; color: #B4B5B5; padding-right: 23px; text-align: right; background: #eeeeee; background-size: 8px; border: 1px solid #eeeeee; padding-left: 23px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal"; } .formContent .warning{ display: none; position: absolute; right: 0; font-size: 14px; font-weight: 400; color: #F29700; line-height: 20px; bottom: -24px; } .formContent .itm{ position: relative; } .formContent .h10{ height: 10px; } .formContent .model.w100{ width: 100%; padding-right: 0; } .formContent .textareaCont{ height: 140px; background: #EEEEEE; border-radius: 6px; position: relative; } .formContent .textareaCont textarea{ width: 100%; height: 100%; background: none; resize: none; padding: 10px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal"; color: #B4B5B5; -webkit-transition:all 0.2s; -o-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s; padding-bottom: 35px; border: 1px solid #EEEEEE; border-radius: 6px; } .formContent .textareaCont textarea.error, .formContent .textareaCont textarea:focus{ background: #fff; border: 1px solid #F29700; } .formContent .textareaCont textarea.error + .error + span{ color: #F29700; } label.error{ display: none; position: absolute; right: 0; font-size: 14px; font-weight: 400; color: #F29700; line-height: 20px; bottom: -24px; } .formContent .textareaCont span{ position: absolute; z-index: 4; right: 11px; bottom: 8px; -webkit-transition:all 0.2s; -o-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s; font-size: 14px; font-weight: 400; color: #B4B5B5; line-height: 20px; } .formContent .send{ padding-top: 34px; } .formContent .btn { width: 145px; height: 36px; background: #1B96D4; cursor: pointer; display: block; margin: auto; border: none; font-size: 14px; font-family: "HanHei SC","PingFang SC","Microsoft YaHei","SourceHanSansCN-Normal"; font-weight: 400; color: #FEFEFE; border-radius: 3px; } .formContent .sli.checks{ display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .formContent .item {position:relative;float: left;margin-right: 30px;/* padding-left: 25px; */font-size: 14px;font-weight: 400;color: #271A17;line-height: 20px;cursor: pointer;} .formContent .item input[type=radio], .formContent .item input[type=checkbox] { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin: 0; padding: 0; opacity: 0; z-index: 2; } .formContent .item input[type=radio]+label, .formContent .item input[type=checkbox]+label { cursor:pointer; } .formContent .item input[type=radio]+label::before, .formContent .item input[type=radio]+label::after, .formContent .item input[type=checkbox]+label::before, .formContent .item input[type=checkbox]+label::after { content: ''; display: block; position: absolute; left: 0; top: 2px; width: 16px; height: 16px; } .formContent .item input[type=radio]+label::before, .formContent .item input[type=checkbox]+label::before { border: 1px solid #F29700; background: #fff; /* box-shadow: inset 0 1px 1px rgba(0,0,0,.08); */ } .formContent .item input[type=radio]+label::before, .formContent .item input[type=radio]+label::after { border-radius: 50%; } .formContent .item input[type=radio]:checked+label::before, .formContent .item input[type=radio]:checked+label::after, .formContent .item input[type=checkbox]:checked+label::before, .formContent .item input[type=checkbox]:checked+label::after { -webkit-animation: cd-bounce .3s; -moz-animation: cd-bounce .3s; animation: cd-bounce .3s; } .formContent .item input[type=radio]+label::after, .formContent .item input[type=checkbox]+label::after { background-color: #F29700; background-position: center center; background-repeat: no-repeat; display: none; } .formContent .item input[type=radio]+label::after { background-image: url(../fonts/cd-icon-radio.svg); } .formContent .item input[type=radio]:checked+label::after, .formContent .item input[type=checkbox]:checked+label::after { display: block; } .formContent .item input[type=radio]:checked+label::before, .formContent .item input[type=radio]:checked+label::after, .formContent .item input[type=checkbox]:checked+label::before, .formContent .item input[type=checkbox]:checked+label::after { -webkit-animation: cd-bounce .3s; -moz-animation: cd-bounce .3s; animation: cd-bounce .3s; } @-webkit-keyframes cd-bounce{0%,100%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(.8)}} @-moz-keyframes cd-bounce{0%,100%{-moz-transform:scale(1)}50%{-moz-transform:scale(.8)}} @keyframes cd-bounce{0%,100%{-webkit-transform:scale(1);-moz-transform:scale(1); -ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}} .formContent .item label:after, .formContent .item label:before{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .formContent .item input[type=radio]+label::after{width: 8px;height: 8px;margin-top: 4px;margin-left: 4px;} .formContent .item:last-child{ margin-right: 0; } .formContent .model.pal{ padding-left: 5%; padding-right: 0px; } .formContent .model.par{ padding-left: 0; padding-right: 5%; } .formContent .item input + label span{white-space: pre;padding-left: 25px;} .formContent .item input[type=radio]+ em + label::after{width: 8px;height: 8px;margin-top: 4px;margin-left: 4px;} .formContent .item input + em + label span{white-space: pre;padding-left: 25px;} .formContent .item input[type=radio]+ em +label::after { width: 8px !important; height: 8px !important; margin-top: 4px !important; margin-left: 4px !important; } .formContent .item input[type=radio]+ em +label, .formContent .item input[type=checkbox]+ em +label { cursor:pointer; } .formContent .item input[type=radio]+ em +label::before, .formContent .item input[type=radio]+ em +label::after, .formContent .item input[type=checkbox]+ em +label::before, .formContent .item input[type=checkbox]+ em +label::after { content: ''; display: block; position: absolute; left: 0; top: 2px; width: 16px; height: 16px; } .formContent .item input[type=radio]+ em +label::before, .formContent .item input[type=checkbox] + em + label::before { border: 1px solid #F29700; background: #fff; /* box-shadow: inset 0 1px 1px rgba(0,0,0,.08); */ } .formContent .item input[type=radio]+ em +label::before, .formContent .item input[type=radio]+ em +label::after { border-radius: 50%; } .formContent .item input[type=radio]:checked+ em +label::before, .formContent .item input[type=radio]:checked+ em +label::after, .formContent .item input[type=checkbox]:checked+ em +label::before, .formContent .item input[type=checkbox]:checked+ em +label::after { -webkit-animation: cd-bounce .3s; -moz-animation: cd-bounce .3s; animation: cd-bounce .3s; } .formContent .item input[type=radio]+ em +label::after, .formContent .item input[type=checkbox]+ em +label::after { background-color: #F29700; background-position: center center; background-repeat: no-repeat; display: none; } .formContent .item input[type=radio]+ em +label::after { background-image: url(../images/cd-icon-radio.svg); } .formContent .item input[type=radio]:checked+ em +label::after, .formContent .item input[type=checkbox]:checked+ em +label::after { display: block; } .formContent .item input[type=radio]:checked+ em +label::before, .formContent .item input[type=radio]:checked+ em +label::after, .formContent .item input[type=checkbox]:checked+ em +label::before, .formContent .item input[type=checkbox]:checked+ em +label::after { -webkit-animation: cd-bounce .3s; -moz-animation: cd-bounce .3s; animation: cd-bounce .3s; } .alertContent{text-align:center;position: fixed;left: 0px;top: 0px;right: 0px;bottom: 0px;z-index: 9999;background: rgba(29, 29, 29, .9);} .alertContent .content{ width: 480px; height: 312px; background: #FFFFFF; border-radius: 6px; max-width: 96%; position:absolute; top: 50%; left: 50%; -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center; background: #FFFFFF; border: 1px solid #F2F2F2; } .alertContent .icon.succeed{ background: url(../images/succeed.png) no-repeat center center; background-size: auto 100%; margin-bottom: 23px; } .alertContent .icon.failed{ background: url(../images/failed.png) no-repeat center center; background-size: auto 100%; margin-bottom: 11px; } .alertContent .icon{ width: 40px; height: 40px; margin: 0 auto; } .alertContent .title{ font-size: 15px; font-weight: 400; color: #231916; line-height: 21px; padding-bottom: 12px; } .alertContent .time{ font-size: 14px; font-weight: 400; color: #1B96D4; line-height: 20px; } .alertContent .dec{ font-size: 14px; font-weight: 400; color: #333333; line-height: 20px; padding-bottom: 20px; } .alertContent .btn{ width: 145px; height: 36px; background: #1B96D4; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); border-radius: 6px; display: block; margin:0 auto; border-radius: 3px; cursor: pointer; border:none; font-size: 14px; font-weight: 400; color: #FFFFFF; } .formContent.pt2{ padding-top: 0; } .formContent .textWords{ font-size: 16px; padding-bottom: 60px; font-weight: 600; color: #F29700; line-height: 25px; } .formContent.pt2 .sli{padding-left: 18px;} .formContent .title2{ font-size: 14px; font-weight: 600; color: #231916; line-height: 20px; padding-left: 18px; margin-bottom: 15px; } .formContent .content{ padding-bottom: 40px; } .formContent .list ul{ flex-wrap: wrap; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; padding-top: 23px; } .formContent .list ul li{ width: 50%; padding-right: 50px; margin-bottom: 40px; } .formContent .models-type-2{ padding-top: 40px; border-top: 1px solid #EEEEEE; } .formContent .list ul li:nth-child(2n){ padding-right:0px; padding-left: 50px; } .formContent .content{ } .formContent .models-type-2 li{ } .pt2.formContent .textareaCont{ margin-left: 18px; } .formContent .words.error, .formContent .words:focus{ border: 1px solid #F29700; background: #fff } .formContent input[type=radio] + .error{ right: auto; left: 0px; width: 120px; top: 26px; } .formContent .error + .error { font-style: normal; color: #F29700; font-size: 13px; position: absolute; right: 0px; top: 43px; padding-left: 0; font-weight: 400; } .formContent .error + .warning{ display: block; } .formContent .words.error + .error + .warning{ display: block; } .formContent .words{ -webkit-transition:all 0.2s; -o-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s; } .area_input { display: block; width: 100%; height: 36px; border-radius: 6px; border: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; font-size: 14px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #B4B5B5; padding-right: 23px; text-align: right; cursor: pointer; direction: rtl; background: url(../images/stroke66@2x.png) no-repeat calc(100% - 10px ) center #EEEEEE; background-size: 8px; } .area_content { width: 380px; border: 1px solid #cad0dd; border-top: none; padding-bottom: 10px; position: absolute; display: none; background-color: #fff; margin-left: 6px; } .area_menu { overflow: hidden; font-size: 14px; color: #35393e; } .area_menu ul { margin: 0px; padding: 0px; } .area_menu ul li { float: left; width: 33.33%; list-style: none; text-align: center; height: 35px; line-height: 35px; box-sizing: border-box; cursor: pointer; background-color: #f4f4f4; font-weight: 400; border-bottom: 1px solid #cad0dd; } .area_menu ul li:nth-child(2) { border-right: 1px solid #cad0dd; border-left: 1px solid #cad0dd; } .area_menu ul .isClick { background-color: #fff; color: #f39200; border-bottom: none; } .area_data_content { padding: 10px; overflow: hidden; } .area_data { display: none; overflow: hidden; } .area_data .data_Part { overflow: hidden; } .area_data .part_type { float: left; font-size: 12px; padding-top: 10px; font-weight: 400; } .area_data_content .isBlock { display: block; } .area_data ul { margin: 0px; padding: 0px; padding-left: 30px; } .area_data ul li { float: left; list-style: none; padding-left: 12px; padding-right: 12px; font-size: 12px; padding-top: 5px; padding-bottom: 5px; cursor: pointer; border-radius: 3px; margin-left: 5px; margin-top: 5px; /* max-width: 77px; */ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 400; } .area_data ul li:hover a{ color:#fff; } .area_data ul li:hover { background-color: #f39200; color: #fff; } .area_data ul .isClick { background-color: #88c4f4; color: #fff; } .isBlock { display: block!important; z-index: 999; } .area_data a{ color: #000; font-size: 14px; } body{ overflow-x: hidden; } #validateRemind{ font-weight: normal; } .formContent .words#btn2 + .error{ right: 79px; } .formContent .textareaCont textarea + .error{ display: none !important; } .formContent .words[type=number]{ padding-right: 10px } .formContent .content .list{ border-bottom: 1px solid #eee; } .alertContent .content.type2{width: 480px;height: 312px;background: url(../images/pic@2x.jpg) no-repeat left center #fff;background-size: auto 100%;border-radius: 12px;text-align: left;padding-left: 209px;box-sizing: border-box;} .alertContent .content.type2 .text{font-size: 14px;font-weight: 400;color: #333333;margin-bottom:12px;opacity: .7;line-height: 20px;} .alertContent .content.type2 .time{ font-size: 13px; font-weight: 400; color: #1B96D4; opacity: .7; } .head .right .my{ float: left; position: relative; padding-top: 29px; } .head .right .my .h2tit{ font-size: 14px; font-family: PingFangSC-Semibold, PingFang SC; font-weight: 600; color: #161616; cursor: pointer; } .head .right .my .h2tit img{ width: 18px; } .head .right .my .h2tit span{ vertical-align: middle; padding-left: 3px; } .head .right .my .slide:after{ content:""; position:absolute; top: 50%; left: 50%; -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 1px; height: 94px; background:#DADADA; } .head .right .my:hover .slide{ top:54px; visibility:visible; opacity:1; z-index:5; } .head .right .my .slide{ position: absolute; width: 473px; height: 161px; background: url(../images/bg-popup@2x.png) no-repeat center center; background-size: 100%; position: absolute; left: 50%; -o-transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); top: 54px; padding-top: 34px; padding-left: 29px; -webkit-transition: all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s; top: 70px; visibility: hidden; opacity: 0; z-index: -1; } .head .right .my .slide .item{ float: left; width: 50%; /* display: flex; */ } .head .right .my .slide .item .tits{ font-size: 14px; font-family: PingFangSC-Semibold, PingFang SC; font-weight: 600; color: #666666; line-height: 20px; } .head .right .my .slide .item .ewm{ padding-top: 5px; display: flex; /* align-items: center; */ } .head .right .my .slide .item .imgbox{ margin-left: -4px; } .head .right .my .slide .item .imgbox img{ width: 70px; } .head .right .my .slide .item .tit{ } .head .right .my .slide .item .ri{ font-size: 12px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #3E3E3E; line-height: 17px; padding-left: 12px; padding-top: 5px; } .wap_nav li .wap_slide .item{ margin: 20px 48px; border-bottom: 1px solid #ddd; padding-bottom: 20px; } .wap_nav li .wap_slide .item .tits{ font-size: 14px; font-family: PingFangSC-Semibold, PingFang SC; font-weight: 600; color: #666666; line-height: 20px; } .wap_nav li .wap_slide .item .ewm{ padding-top: 5px; display: flex; } .wap_nav li .wap_slide .item .imgbox{ margin-left: -4px; } .wap_nav li .wap_slide .item .imgbox img{ width: 70px; } .wap_nav li .wap_slide .item .tit{ } .wap_nav li .wap_slide .item .ri{ font-size: 12px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #3E3E3E; line-height: 17px; padding-left: 12px; padding-top: 5px; } .sideChat{position: fixed;right: 0;bottom: 20%;z-index: 555;width: 33px;} .sideChat .chatimg{ display: none; } .sideChat .chatimg .h2tit img{ cursor: pointer; display: block; width: 100%; border-radius: 5px 0px 0px 5px; margin-bottom: 15px; } .sideChat .ewmTab{ position: relative; } .sideChat .ewmTab .h2tit{ position: relative; z-index: 444; cursor: pointer; } .sideChat .ewmTab .h2tit img{ width: 100%; } .sideChat .ewmTab:hover .side{ top: -58px; visibility:visible; opacity:1; z-index:5; } .sideChat .ewmTab .side{ position: absolute; right: 41px; top: -58px; width: 241px; height: 127px; background: url(../images/bg-popup-side@2x.png) no-repeat center center; background-size: 100%; padding: 2px; padding-right: 12px; -webkit-transition:all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s; top: -30px; visibility: hidden; opacity: 0; z-index: -1; } .sideChat .ewmTab .hd{ zoom: 1; overflow: hidden; } .sideChat .ewmTab .hd a.current{ background: #025BAA; color: #fff; } .sideChat .ewmTab .hd a{ font-size: 12px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #666666; float: left; text-align: center; line-height: 29px; width: 50%; background: #DDE0E4; } .sideChat .ewmTab .hd a.current{ } .sideChat .ewmTab .bd{ } .sideChat .ewmTab .bd .model{ display: none; } .sideChat .ewmTab .bd .model .tits{ display: none; } .sideChat .ewmTab .bd .model .ewm{ display: flex; padding-top: 9px; } .sideChat .ewmTab .bd .model .imgbox{ } .sideChat .ewmTab .bd .model .imgbox img{ width: 80px; } .sideChat .ewmTab .bd .model .ri{ font-size: 12px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #3E3E3E; line-height: 17px; padding-left: 8px; padding-top: 5px; } .sideChat .ewmTab .bd .model .ri .tit{ } .serviceMainPage{height: 100vh;position: relative;background: url(../images/bg-support@2x.jpg) no-repeat center center;background-size: cover;width: 100% !important;padding-top: 117px;} .serviceMainPage .title1{ font-size: 32px; color: #0058A5; font-weight: bold; float: left; padding-top: 60px; } .serviceMainPage .content{ float: right; margin-top: 30px; width: 380px; background: #FFFFFF; text-align: center; padding-bottom: 68px; margin-right: 205px; } .serviceMainPage .title2{ font-size: 18px; font-family: PingFangSC-Semibold, PingFang SC; font-weight: 600; color: #161616; line-height: 25px; padding-top: 40px; padding-bottom: 10px; } .serviceMainPage .dec{ font-size: 16px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #878787; line-height: 22px; padding-bottom: 26px; } .serviceMainPage .ewm{ width: 216px; margin: auto; border: 1px solid #eee; padding: 10px; } .serviceMainPage .ewm img{ /* width: 216px; */ width: 100%; } .serviceMainPage{ height: 100vh !important; } .search_modal .content .searchinput .words::-webkit-input-placeholder{ color:#ccc; } .search_modal .content .searchinput .words::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#ccc; } .search_modal .content .searchinput .words:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#ccc; } .search_modal .content .searchinput .words:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#ccc; }