@charset "utf-8"; /* CSS Document */ *, ::after, ::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box} article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block} [tabindex="-1"]:focus:not(:focus-visible){outline:0 !important} p{margin-top:0;margin-bottom:1rem} b,strong{font-weight: bolder;} a{color:#007bff;text-decoration:none;background-color:transparent} a:hover{color:#0056b3;text-decoration:none} a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:none;text-decoration:none;} a:not([href]):not([class]){color:inherit;text-decoration:none;} a:not([href]):not([class]):hover{color:inherit;text-decoration:none} hr{box-sizing:content-box;height:0;overflow:visible} img{vertical-align:middle;border-style:none} sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline} sub{bottom:-.25em} sup{top:-.5em} sub{vertical-align:sub} sup{vertical-align:super} .small,small{font-size:80%;font-weight:400} svg{overflow:hidden;vertical-align:middle} code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em} code{font-size:87.5%;color:#e83e8c;word-wrap:break-word} pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar;display:block;font-size:87.5%;color:#212529;padding:.75rem} kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem;box-shadow:inset 0 -0.1rem 0 rgb(0 0 0 / 25%)} /*other*/ blockquote{margin:0 0 1rem} figure{margin:0 0 1rem} template{display:none} output{display:inline-block} summary{display:list-item;cursor:pointer} abbr[title],abbr[data-original-title]{text-decoration:underline;text-decoration:underline dotted;cursor:help;border-bottom:0;text-decoration-skip-ink:none} address{margin-bottom:1rem;font-style:normal;line-height:inherit} [hidden]{display:none !important} /*table*/ table{border-collapse:collapse} th{text-align:inherit;text-align:-webkit-match-parent} .table{width:100%;margin-bottom:1rem;color:#212529;background-color:transparent} .table:not(.table-dark){color:inherit} .table-bordered{border: 1px solid #dee2e6;} .table-bordered td,.table-bordered th{border:1px solid #dee2e6} .table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6} /*ul+ol*/ ol,ul,dl{margin-top:0;margin-bottom:1rem} ol ol,ul ul,ol ul,ul ol{margin-bottom:0} dt{font-weight:bolder} dd{margin-bottom:.5rem;margin-left:0} /*form*/ label{display:inline-block;margin-bottom:.5rem} label:not(.form-check-label):not(.custom-file-label){font-weight:700} /*h*/ h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem} .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:600;line-height:1.2;color:inherit} .h1,h1{font-size:2.5rem} .h2,h2{font-size:2rem} .h3,h3{font-size:1.75rem} .h4,h4{font-size:1.5rem} .h5,h5{font-size:1.25rem} .h6,h6{font-size:1rem} /*body*/ html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;} body{margin:0;font-family:"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;} /*input*/ button{border: none;} textarea{resize: none;} input {margin:0;padding: 0;} button, input, textarea {outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);} input[type="button"],input[type="text"],input[type="submit"],button,select,textarea{-o-appearance:none; -ms-appearance:none; -moz-appearance:none; -webkit-appearance:none;appearance:none; resize: none; border-radius:0; outline: none; background-color:transparent; font-family:inherit; font-size:inherit; color:inherit; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; vertical-align:middle;} input[type="button"],input[type="radio"],input[type="checkbox"],input[type="submit"],button {cursor:pointer;} /*clearfix*/ .clearfix:before, .clearfix:after{content:"";display:block;height:0;overflow:hidden;} .clearfix:after{clear:both;} .clearfix{zoom:1;} /*swiper*/ .swiper-button-prev, .swiper-button-next{outline:none;} .swiper-button-prev:after, .swiper-button-next:after{outline:none;display:none;} /*通知系统样式*/ .notification-container{position:fixed;top:200px;right:20px;z-index:9999} .notification{padding:15px;margin-bottom:10px;border-radius:4px;color:white;box-shadow:0 2px 10px rgba(0,0,0,0.1);animation:slideIn 0.5s,fadeOut 0.5s 2.5s forwards;max-width:300px} .notification.success{background-color:#000000} .notification.error{background-color:#dc3545} @keyframes slideIn{from{transform:translateX(100%)}to{transform:translateX(0)}} @keyframes fadeOut{from{opacity:1}to{opacity:0}} /*font-face*/ @font-face{font-family:Inter;src:url('fonts/InterVariable.woff2') format("woff2");font-weight:100 900;font-style:normal;font-display:swap;} /*body*/ body{font-family:-apple-system,BlinkMacSystemFont,"Source Han Sans SC","Microsoft Yahei","Noto Sans SC",Segoe UI,"PingFang SC", Hiragino Sans GB,"Microsoft YaHei", Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;min-width:320px;overflow-x: hidden;scroll-behavior: initial;color:#000;} /*html*/ html{font-size:calc(16vw/19.2);/*font-size:16px;*/} @media screen and (max-width:1200px){ html{font-size:14px} } @media screen and (max-width:540px){ html{font-size:2.59vw;font-size: clamp(14px, 2.59vw, 16px); min-width:320px;} } /*container*/ .container{width:87.39583333333333%;/*width:1720px*/margin: 0 auto;} .w1600{ width:83.33333333333333%; margin: 0 auto;} @media screen and (max-width:1440px) { .container{width:86%;} } @media screen and (max-width:1200px) { .container{width:90%;} .w1600{ width:90%;} } @media screen and (max-width:1024px){ .container{width:90%;} .w1600{ width:90%;} } @media screen and (max-width:768px){ .container{width:94%;} .w1600{ width:94%;} } .flex{display:box;display:-webkit-flex;display:-ms-flex;display:-webkit-box;display:-moz-box;display:flex;justify-content:flex-start;align-content:flex-start;} .absolute {position: absolute;} .trans5{-webkit-transition:.5s;transition:.5s} /***********************t-header***********************/ .t-header{position:fixed;top:0;left:0;width:100%;text-align:center;color:#fff;z-index:99;transition: all 0.36s;background: rgba(0, 40, 85, .1);padding-top:1rem;} /*t-header style2*/ .t-header a{color:#fff;transition:0.4s} .t-header.t-headerWhite{color:#000;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.05)} .t-header.t-headerWhite a{color:#000} .headerBlack .t-header{background: #000000!important;} @media (max-width:1200px){ .t-header{padding-top:0;} } /*t-placeholder占位标2 */ .t-placeholder{height:10rem} @media (max-width:1680px){ .t-placeholder{height:155px;} } @media (max-width:1200px){ .t-placeholder{height:64px;} } @media (max-width:768px){ .t-placeholder{height:64px;} } /*t-function*/ .t-header .t-function{display:flex;align-items:center;justify-content:space-between;height:5rem;} .t-header .t-right{display:flex;align-items:center;height:100%;} /*t-logo*/ .t-header .t-logo{display:flex;align-items:center;height:100%;} .t-header .t-logo .t-img-box{display:flex;align-items:center} .t-header .t-logo .t-img-box img{height:2.5rem} .t-header .t-logo .t-img-box img:nth-child(2){display:none} .t-header.t-headerWhite .t-logo .t-img-box img:nth-child(1){display:none} .t-header.t-headerWhite .t-logo .t-img-box img:nth-child(2){display:inline-block} @media screen and (max-width:2560px) { .t-header .t-function{height:5rem;} } @media screen and (max-width:1440px) { .t-header .t-function{height:80px;} .t-header .t-logo .t-img-box img{height:40px} } @media screen and (max-width:1200px){ .t-header .t-logo .t-img-box img{height:34px} .t-header .t-function{height:64px;} } /*t-tel*/ .t-header .t-tel{ font-size:1.25rem;margin-right:6.25rem;} .t-header .t-tel span{padding-left:2.1875rem;background:url('../images/icon-tel.png') no-repeat left center;background-size:1.125rem;} @media screen and (max-width:2560px) { .t-header .t-tel{ font-size:1.25rem;margin-right:6.25rem;} .t-header .t-tel span{padding-left:2.1875rem;background-size:1.125rem;} } @media screen and (max-width:1920px) { .t-header .t-tel{ font-size:20px;margin-right:100px;} .t-header .t-tel span{padding-left:35px;background-size:18px;} } @media screen and (max-width:1580px) { .t-header .t-tel{ font-size:18px;} .t-header .t-tel span{background-size:18px;} } @media (max-width:1680px){ .t-header .t-tel{margin-right:3.125rem;} } @media (max-width:1200px){ .t-header .t-tel{font-size:18px;display: none;} } /*.t-search*/ .t-header .t-search{position:relative;cursor:pointer;border-radius:.25rem; box-shadow: 0 .3125rem .625rem 0 rgba(0,0,0,0.08);position: relative;right:-4px;} .t-header .t-search{height:40px;padding-left:0;display:flex;justify-content:space-between;} .t-header .t-search .search-cancel{position: absolute;right:4.375rem;top: 50%;margin-top:-0.625rem;cursor: pointer;} .t-header .t-search .keyinput{box-sizing: border-box;border-radius:.25rem;height:100%;flex:1;padding:.625rem 1.25rem;line-height:2.5rem;font-size:1rem;width:14.6875rem;background-color: #fff;border: 1px solid #d2d2d2;color:#565f67;} .t-header .t-search .keyinput::-webkit-input-placeholder{color:#565f67} .t-header .t-search .keyinput:-moz-placeholder{color:#565f67} .t-header .t-search .keyinput::-moz-placeholder{color:#565f67} .t-header .t-search .keyinput:-ms-input-placeholder{color:#565f67} .t-header .t-search .subinput{display:flex; width:3.75rem;height:2.5rem;align-items:center; outline: none;border: none;font-size:0; background:url('../images/icon-search.png') no-repeat center center #0b48e2;background-size:1rem;border-radius:.25rem; position: relative;left:-0.25rem;} .t-header .t-search .keyinput::-ms-expand{background-color:transparent;border:0} .t-header .t-search .keyinput:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057} .t-header .t-search .keyinput:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)} .t-header .t-search .keyinput:disabled, .t-header .t-search .keyinput[readonly]{background-color:#e9ecef;opacity:1} @media screen and (max-width:2560px) { .t-header .t-search{right:-0.25rem;} .t-header .t-search{height:2.5rem;} .t-header .t-search .search-cancel{right:4.375rem;margin-top:-0.625rem;} .t-header .t-search .keyinput{padding:.625rem 1.25rem;line-height:2.5rem;font-size:1rem;width:14.6875rem;} .t-header .t-search .subinput{width:3.75rem;height:2.5rem;background-size:1rem;left:-0.25rem;} } @media screen and (max-width:1920px) { .t-header .t-search{right:-4px;} .t-header .t-search{height:40px;} .t-header .t-search .search-cancel{right:70px;margin-top:-10px;} .t-header .t-search .keyinput{padding:0 20px;height:40px;line-height:40px;font-size:16px;width:235px;} .t-header .t-search .subinput{width:60px;height:40px;background-size:16px;left:-4px;} } @media (max-width:1366px){ .t-header .t-search button img, .t-header .t-search button svg{width:12px} } @media (max-width:1200px){ .t-header .t-search{display:none} .t-header .t-search .subinput{height:53px;} .t-header .t-search .keyinput{padding:0 20px;height:53px;line-height:53px;font-size:16px;width:235px;} } /*t-nav*/ .t-header .t-nav{margin:0;padding:0;list-style:none;display:flex;justify-content:space-between;} .t-header .t-nav .li1{border: none;margin: 0 2.5rem} .t-header .t-nav .li1 .t-title-box{display:flex;align-items:center;cursor:pointer} .t-header .t-nav .li1 .t-title-box a{display:block;text-align:center;font-size:1.25rem;font-weight:normal;color:#fff;line-height:3rem;padding-bottom:1rem;position:relative} .t-header.t-headerWhite .t-nav .li1 .t-title-box a{color: #333;} .t-header .t-nav .li1 .t-title-box a::after{content:'';position:absolute;left:0;width:0;height:4px;transition:all 0.36s;background:#fff;opacity:0;bottom:0} .t-header .t-nav .li1:hover .t-title-box a::after, .t-header .t-nav .li1.on .t-title-box a::after{opacity:1;width:100%;background-color:#0b48e2;} .t-header .t-nav .li1:hover .t-title-box a, .t-header .t-nav .li1.on .t-title-box a{color:#fff;font-weight:bold;} .t-header.t-headerWhite .t-nav .li1:hover .t-title-box a, .t-header.t-headerWhite .t-nav .li1.on .t-title-box a{color: #0b48e2;} @media screen and (max-width:2560px) { .t-header .t-nav .li1{margin: 0 2.5rem} .t-header .t-nav .li1 .t-title-box a{font-size:1.25rem;line-height:3rem;padding-bottom:1rem;} } @media screen and (max-width:1920px) { .t-header .t-nav .li1 .t-title-box a{font-size:20px;line-height:48px;padding-bottom:16px;} } @media screen and (max-width:1680px) { .t-header .t-nav .li1 .t-title-box a{font-size:18px;line-height:48px;padding-bottom:16px;} } @media (max-width:1320px){ .t-header .t-nav li a{font-size:14px} } @media (max-width:1200px){ .t-header .t-nav{display:none} } /*drop-nav*/ .t-header .t-nav .drop-nav{position:absolute;width:100%;padding:0;z-index:10;border-radius:0 !important;box-shadow:0px 2px 19px 10px rgb(22 44 112 / 5%);left:50%;transform:translateX(-50%);transition: top 0.36s;top:100%;background:rgba(255,255,255,.2);justify-content:center;display:none;/* pointer-events:none ; */} .t-header.t-headerWhite .t-nav .drop-nav{background:rgba(12,43,120,.5);} .headerBlack .t-header .t-nav .drop-nav{background:rgba(12,43,120,.5)!important;} .t-header .t-nav .drop-nav ul{margin:0;list-style:none;padding:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center} .t-header .t-nav .drop-nav li{display:block;color:#fff;padding:1.125rem 3.3438rem;/* padding:0 3.3438rem; */position:relative;} .t-header .t-nav .drop-nav li a{display:block;padding:0 0px;transition:all 0.36s;white-space:nowrap;font-size:1rem;line-height:1.5rem; /* line-height:3.75rem; */font-weight:normal;color:#fff;} .t-header .t-nav .drop-nav li a:hover{color:#0b48e2; } .t-header:hover .t-nav .drop-nav {pointer-events: initial;} @media screen and (max-width:2560px) { .t-header .t-nav .drop-nav li{padding:1.125rem 3.3438rem;} .t-header .t-nav .drop-nav li a{font-size:1rem;line-height:1.5rem;} } @media screen and (max-width:1920px) { .t-header .t-nav .drop-nav li{padding:18px 53.5008px;} .t-header .t-nav .drop-nav li a{font-size:16px;line-height:24px;} } @media (max-width:1440px){ .t-header .t-nav .drop-nav li a{font-size:14px;} } @media (max-width:1320px){ .t-header .t-nav li a{font-size:.875rem} } @media (max-width:1260px){ .t-header .t-nav{padding-right:.3rem} } @media (max-width:1200px){ .t-header .t-nav{display:none} } /*t-nav2*/ .t-header .t-nav2{margin:0;padding:0;list-style:none;position:absolute;top:64px;left:0;width:100%;height:0;line-height:3.75rem;color:#333;background:#fff;overflow-y:auto;transition:0.4s;text-align:left} .t-open .t-header .t-nav2{height:calc(100vh - 64px)} .t-header .t-nav2 .li1{padding:0 30px} .t-header .t-nav2 .li1:last-child{border-bottom:1px solid #f1f1f1} .t-header .t-nav2 .li1{border-top:1px solid #f1f1f1} .t-header .t-nav2 li .t-title-box{display:flex;align-items:center;justify-content:space-between;} .t-header .t-nav2 li .t-title-box img, .t-header .t-nav2 li .t-title-box svg{width:0.3rem;height:0.3rem;transition:all 0.4s} .t-header .t-nav2 li .t-title-box img path, .t-header .t-nav2 li .t-title-box svg path{fill:#333} .t-header .t-nav2 li .t-title-box.on img, .t-header .t-nav2 li .t-title-box.on svg{transform:rotate(90deg)} .t-header .t-nav2 li a{color:#333;-webkit-transition:all 0.4s;transition:all 0.4s;font-size:18px} .t-header .t-nav2 li a:hover, .t-header .t-nav2 li.on > a{color:#008cd6} /*.drop-nav*/ .t-header .t-nav2 li .drop-nav{display:none;margin:0;padding:0;list-style:none;} .t-header .t-nav2 li .drop-nav ul{margin:0;padding:0;list-style:none;padding-bottom:20px;} .t-header .t-nav2 li .drop-nav li a{display:block;line-height:26px;padding:8px 20px;font-size:16px;position: relative;} .t-header .t-nav2 li .drop-nav ul li a:after{content:"";position:absolute;top:50%;left:0px;width:6px;height:6px;margin-top:-3px;border:1px solid #000;border-radius:50%;} /*t-search*/ .t-header .t-nav2 .t-box{padding:30px 30px;border-top:1px solid #f1f1f1;} .t-header .t-nav2 .t-search{border-top:1px solid #f1f1f1;width:100%;display:flex;width:100%;height:100%;justify-content:space-between;} /*t-switch*/ .t-header .t-switch{position:relative;display:none;width:24px;height:20px;cursor:pointer;margin-left:14px;} .t-header .t-switch i{position:absolute;left:0;height:.125rem;width:100%;background:#fff;transition:all 0.4s} .t-header .t-switch i:nth-child(1){top:0} .t-header .t-switch i:nth-child(3){bottom:0} .t-header .t-switch i:nth-child(2){top:50%;margin-top:-1px} .t-header.t-headerWhite .t-switch i{background:#333} body.t-open .t-header .t-switch i:nth-child(2){opacity:0} body.t-open .t-header .t-switch i:nth-child(1){top:50%;margin-top:-1px;-webkit-transform:rotate(45deg);transform:rotate(45deg)} body.t-open .t-header .t-switch i:nth-child(3){bottom:50%;margin-bottom:-1px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)} @media (max-width:1200px){ .t-header .t-switch{display:block} } /**********************mobile Search**********************/ .sj-search-btn{width:1.875rem;height:1.875rem;float:left;position:relative;cursor:pointer;-moz-transition-duration:.5s;-webkit-transition-duration: .5s;-o-transition-duration:.5s;transition-duration:.5s;/* background:url("../images/top-search2.png") no-repeat center center; */background-size:70%;z-index:5;display:none;margin-right:0.25rem;} .headerWhite .sj-search-btn, .t-header.onsb .sj-search-btn{background-image:url("../images/top-search2.png");} .headerBlack .sj-search-btn{background-image:url("../images/top-search.png")!important;} @media screen and (max-width:1150px) { .sj-search-btn{display:block;} } /*header-menu*/ .sj-search{overflow-x:hidden;position:fixed;background:#fff;height:calc(100vh - 3.125rem);z-index:9999;top:0;transition:all .24s cubic-bezier(0.26,0,0.6,0.2)} .sj-search .sj-searchB{max-width:56.25rem;margin:0 auto} .sj-search.search-hide{visibility:hidden;overflow-x:hidden;height:0;width:0;top:-3.125rem;opacity:0;transition:opacity .2s cubic-bezier(0.26,0,0.6,0.2)} .sj-search.search-show{visibility:visible;overflow-x:unset;height:auto;width:100%;top:0;opacity:1;transition:unset} .sj-search.search-show .search, .sj-search.search-show .search svg:first-child, .sj-search.search-show .search input{transform:translateX(0);transition:transform .24s cubic-bezier(0.48,0.04,0.52,0.2)} .sj-search.search-show .search .search-box{border:1px solid #dcdcdc} .sj-search.search-show .search .search-box svg path{fill-opacity:.85} .sj-search.search-show .search input{color:rgba(0,0,0,0.95)} .sj-search.search-show .search-list{opacity:1;transition:opacity .2s cubic-bezier(0.48,0.04,0.52,0.96)} .sj-search .search{display:flex;padding:1.5rem 1rem;align-items:center;justify-content:space-between;transform:translateX(1.875rem)} .sj-search .search::before{content:'';display:none} .sj-search .search .search-box{display:flex;flex:1;background:rgba(0,0,0,0.06);border-radius:2rem;padding:0 .75rem;align-items:center;box-sizing:border-box} .sj-search .search .search-close{color:rgba(0,0,0,0.75);font-size:1.125rem;line-height:1.5rem;margin-left:1rem;padding-right:.25rem;cursor:pointer;white-space:nowrap} .sj-search .search svg:first-child{margin-right:5px;transform:translateX(30px)} .sj-search .search input{flex:1;font-size:1.125rem;line-height:2.5rem;outline:0;border:0;padding:0;color:rgba(0,0,0,0.3);background:transparent;transform:translateX(30px)} .sj-search .search-list{position:unset;top:0;width:100%;max-height:calc(100vh - 3.25rem);opacity:0;transition:opacity .2s cubic-bezier(0.48,0.04,0.52,0.96)} .sj-search .search-list .search-list-box{border:0;box-shadow:none;border-radius:0;margin-top:0} .sj-search .search input::placeholder{color:#313131} .sj-search .search input:focus{color:#000000 !important} .sj-search .search input:focus::placeholder{color:rgba(0, 0, 0, 0.6)} .sj-search .topbtn{display: inline-block;width: 2.5rem !important;height: 2.5rem;background: url(../images/top-search.png) no-repeat center center;background-size: 1.125rem;border: 0;outline: 0;cursor: pointer; } /*mask-bg*/ .mask-bg{position:fixed;width:100%;height:100vh;opacity:0;z-index:9998;visibility:hidden} .mask-bg.show{-webkit-transition:all .5s;transition:all .5s;opacity:1;background:rgba(0,0,0,0.3);visibility:visible} /***********************footer***********************/ /*particle */ #particleContainer{width:100%;height:100%;background-color:transparent; position:absolute;bottom:0;left:0;right:0;z-index:0;pointer-events: none;} #particleContainer canvas{display:block;position:absolute;bottom:0;left:0;right:0;width:100%;height:50%;} /*footer */ .footer {background:#f3f3f3;padding-top:7.25rem;padding-bottom:4.625rem; position: relative;} .footer .w1600{ position: relative; z-index: 2;} .footer .footer-top{padding-bottom:9.375rem;} .footer .footer-topB{width:100%;} .footer .footer-nav .footer-navB{display:flex;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;flex-flow:wrap;justify-content:space-between;} .footer .footer-topB{display:flex;justify-content: space-between;} /*footer-nav*/ .footer .footer-nav{position:relative;width:84.375%;} .footer .footer-nav .ul2{height:auto;float:left;font-size:0;width:calc(100%/5);} .footer .footer-nav .ulB{margin:0;padding:0;list-style:none;max-width: 90%; } .footer .footer-nav .t1{margin-bottom:1.6875rem;font-size:1.25rem;color:#000000;line-height:1;font-weight:bold;} .footer .footer-nav .t1 a{display:inline-block;color:#000000;} .footer .footer-nav .t1 a:hover{color:#0b48e2;} .footer .footer-nav .t2{display:block;line-height:0;padding:0;margin:0;font-size:1.125rem;} .footer .footer-nav .t2 a{display:inline-block;color:#232323;line-height:1.5;padding:.2813rem 0; position:relative;padding-left:1.125rem;} .footer .footer-nav .t2 a:after{content:"";position:absolute;top:50%;left:0rem;width:.25rem;height:.25rem;margin-top:-0.125rem;border-radius:50%; background-color:#000;} .footer .footer-nav .t2 a:hover:after{background-color:#0b48e2;} .footer .footer-nav .t2 a:hover{color:#0b48e2;} /*footer-lx*/ .footer .footer-lx{width:26%;} .footer .footer-lx .footer-lxBox{display:flex;flex-flow:wrap;justify-content: flex-end;} .footer .qrcode-itemBox{width:6.25rem;margin-left:.9375rem; font-size: 1.125rem;color: #000000; text-align: center; font-weight: bold;} .footer .qrcode-itemBox .qrcode{padding:.6875rem;border-radius: .625rem;border:.0625rem solid #b8b8b9;} .footer .qrcode-itemBox .qrcode img{ width: 100%; height: auto;} /*bottom-logo*/ .footer .footer-logo{margin-bottom:.75rem;display:block;} .footer .footer-logo img{height:2.75rem;display:inline-block;} .footer .footer-txt{font-size:1.25rem;color:#313133;line-height:1.3;} /*footer-copyright*/ .footer .footer-copyright{font-size:.875rem;color:#5f5f5f;line-height:1.625rem;} .footer .footer-copyright a{color:#5f5f5f;} .footer .footer-copyright a:hover{color:#0b48e2;} .footer .footer-copyrightB{position: relative;display:flex;justify-content: space-between;padding-top:1.25rem;flex-wrap: wrap;flex-direction: row;} .footer .footer-left{width:50%;display:flex;flex-direction: column;align-items: flex-start;} .footer .footer-right{width:50%;display:flex;flex-direction: column;align-items: flex-end;} .footer .footer-icp{ text-align: right;margin-bottom: 1.5625rem;} .footer .qrcode-itemBox{width:6.25rem;} @media screen and (max-width:2560px) { .footer {padding-top:7.25rem;padding-bottom:4.625rem;} .footer .footer-top{padding-bottom:9.375rem;} .footer .footer-nav .t1{margin-bottom:1.6875rem;font-size:1.25rem;} .footer .footer-nav .t2{font-size:1.125rem;} .footer .footer-nav .t2 a{padding:.2813rem 0; position:relative;padding-left:1.125rem;} .footer .footer-nav .t2 a:after{width:.25rem;height:.25rem;margin-top:-0.125rem;} .footer .footer-lx{width:26%;} .footer .qrcode-itemBox{width:6.25rem;margin-left:.9375rem; font-size: 1.125rem;} .footer .qrcode-itemBox .qrcode{padding:.6875rem;border-radius: .625rem;} .footer .footer-logo{margin-bottom:.75rem;} .footer .footer-logo img{height:2.75rem;} .footer .footer-txt{font-size:1.25rem;} .footer .footer-copyright{font-size:.875rem;line-height:1.625rem;} .footer .footer-copyrightB{padding-top:1.25rem;} .footer .footer-icp{margin-bottom: 1.5625rem;} .footer .qrcode-itemBox{width:6.25rem;} } @media screen and (max-width:1920px) { .footer .footer-copyright{font-size:14px;} } @media screen and (max-width:1440px) { .footer .footer-nav .t1{font-size:16px;} .footer .footer-nav .t2{font-size:14px;} .footer .qrcode-itemBox{font-size:12px;} .footer .footer-copyright{font-size:12px;} .footer .footer-txt{font-size:18px;} } @media screen and (max-width:1200px) { .footer {padding-top:5rem;padding-bottom:4rem;} .footer .footer-top{padding-bottom:9.375rem;} .footer .footer-nav .t1{font-size:1.125rem;} .footer .footer-nav .t2{font-size:1rem;} .footer .footer-nav{width:70%;} .footer .footer-lx{width:30%;} .footer .footer-txt{font-size:1.125rem;} .footer .qrcode-itemBox{font-size:1rem;} .footer .footer-logo{margin-bottom:.75rem;} .footer .footer-logo img{height:2.75rem;} .footer .footer-copyright{font-size:12px;line-height:1.5;} } @media screen and (max-width:1199px) { .footer .footer-nav{position:relative;width:84.375%;} .footer {padding-top:5rem;padding-bottom:3rem;} .footer .footer-top{padding-bottom:5rem;} } @media screen and (max-width:991px) { .footer .footer-nav{ display: none;} .footer .footer-lx{width:100%;} .footer .footer-lx .footer-lxBox {justify-content:center;} .footer .footer-left{width:100%;align-items: flex-start;align-items: center;} .footer .footer-right{width:100%;align-items: flex-start;align-items: center;} .footer .footer-icp{ text-align:left;margin-bottom: 25px; text-align: center;} .footer .footer-copyright a:first-child{margin-left:0;} .footer .footer-top{padding-bottom:1rem;} } /*footer-sublist*/ .footer-sublist{font-size: 0;list-style:none;line-height: 0;margin-bottom: 1rem;padding-top:1.375rem;} .footer-sublist span{display:inline-block;} .footer-sublist a{display:inline-block;color:#5f5f5f;line-height:1;padding:0;position:relative;margin-left:1.25rem;font-size:.875rem;} .footer-sublist a:after{content:"";position:absolute;left:-0.625rem;top:50%;width:.0625rem;height:.375rem;margin-top:-0.1875rem;background:#999999;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;} .footer-sublist a:nth-child(1):after{ display: none;} .footer-sublist a:hover{color:#0b48e2;} @media screen and (max-width:2560px) { .footer-sublist{margin-bottom:1rem;padding-top:1.375rem;} .footer-sublist a{margin-left:1.25rem;font-size:.875rem;} .footer-sublist a:after{left:-0.625rem;height:.375rem;margin-top:-0.1875rem;} } @media screen and (max-width:1440px) { .footer-sublist{margin-bottom:1rem;padding-top:1.375rem;} .footer-sublist a{margin-left:1.25rem;font-size:14px;} .footer-sublist a:after{left:-10px;height:6px;margin-top:-3px;} } @media screen and (max-width:1200px) { .footer-sublist a{font-size:14px;} } /*links*/ .footer-links{position:relative;z-index:10;} .footer-links span{display:block;position:relative;width:16.25rem;padding:.625rem 1.4375rem;line-height:1.875rem;color:#000000;font-size:1rem; background-color: #fff;border-radius:.3125rem;} .footer-links span i{display:block;position:absolute;right:1.1875rem;top:50%;width:.75rem;height:.75rem;margin-top:-0.375rem;line-height:1;color:#3b3b3b;font-style:normal;font-size:.875rem;transition:0.35s;background: url(../images/icon-v.png) no-repeat center center;background-size: 1.125rem;} .footer-links:hover span i{transform:rotate(180deg)} .footer-links:hover .footer-link-list{opacity:1;visibility:visible;pointer-events:visible;transform:translateY(0px)} .footer-link-list{margin:0;padding:0;list-style:none;position:absolute;left:0;bottom:100%;padding:1.125rem 0;width:100%;text-align:center;border-radius:.5rem;background:#fff;opacity:0;visibility:hidden;transform:translateY(-1.875rem);pointer-events:none;transition:0.5s} .footer-link-list:before{position:absolute;left:50%;margin-left:-0.375rem;bottom:-0.5rem;content:"";border-left:.375rem solid transparent;border-right:.375rem solid transparent;border-top:.5rem solid #fff} .footer-link-list li{margin-bottom:.3125rem} .footer-link-list li:last-child{margin-bottom:0} .footer-link-list li a{display:inline-block;color:#3b3b3b;font-size:.875rem} .footer-link-list li a:hover{color:#145baa} .footer-links:hover span{background:#d4d5d9;} @media screen and (max-width:2560px) { .footer-links span{width:16.25rem;padding:.625rem 1.4375rem;line-height:1.875rem;font-size:1rem;} .footer-links span i{right:1.1875rem;top:50%;width:.75rem;height:.75rem;margin-top:-0.375rem;font-size:.875rem;background-size: 18px;} .footer-link-list{padding:1.125rem 0;} .footer-link-list:before{margin-left:-0.375rem;bottom:-0.5rem;border-left:.375rem solid transparent;border-right:.375rem solid transparent;border-top:.5rem solid #fff} } @media screen and (max-width:1440px) { .footer-links span{width:260px;padding:10px 23px;line-height:30px;font-size:16px;} .footer-links span i{right:19px;top:50%;width:12px;height:12px;margin-top:-6px;font-size:14px;background-size: 1.125rem;} .footer-link-list{padding:18px 0;} .footer-link-list:before{margin-left:-6px;bottom:-8px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #fff} } @media screen and (max-width:1200px) { .footer-links span{font-size:14px;} } @media screen and (max-width:991px) { .footer-links{margin-top:20px;} .footer-links span{width:90vw;} } /*footer-social*/ .footer-social{margin:0;list-style:none;line-height: 0;font-size: 0; padding:0;padding-top: .625rem;} .footer-social{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:100%;} .footer-social li{position:relative;margin-left:.625rem;list-style: none; line-height: 0;font-size: 0;} .footer-social li:first-child{margin-left:0;} .footer-social li .dpa{display:block;width:4.125rem;height:2.5rem;line-height:2.5rem;border-radius:2.5rem;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;background-color: #fff;} .footer-social li .dpa .icon{display:block;width:100%;height: 100%;background-position:center center;background-repeat:no-repeat;background-size:100%; font-size:0; } .footer-social li .dpa .icon.icon-wb{background-image:url('../images/icon-wb.png');} .footer-social li .dpa .icon.icon-xhs{background-image:url('../images/icon-xhs.png');} .footer-social li .dpa .icon.icon-dy{background-image:url('../images/icon-dy.png');} .footer-social li .dpa .icon.icon-vk{background-image:url('../images/icon-vk.png');} .footer-social li .dpa .icon.icon-wx{background-image:url('../images/icon-wx.png');} .footer-social li .dpa:hover{background-color:#008cd6;} .footer-social li .dpa2{display:block;width:13.4375rem;height:2.5rem;line-height:2.5rem;border-radius:2.5rem;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; background-color: #fff; text-align: center;} .footer-social li .dpa2 .icon{ display:inline-block;padding-left:1.375rem;background-repeat:no-repeat;background-position: left center;background-image:url('../images/icon-q2.png'); background-size:.625rem; font-size: 1rem;color:#6a6a6a;} @media screen and (max-width:2560px) { .footer-social{padding-top:.625rem;} .footer-social li{margin-left:.625rem;} .footer-social li:first-child{margin-left:0;} .footer-social li .dpa{width:4.125rem;height:2.5rem;line-height:2.5rem;border-radius:2.5rem;} .footer-social li .dpa2{width:13.4375rem;height:2.5rem;line-height:2.5rem;border-radius:2.5rem;} .footer-social li .dpa2 .icon{padding-left:1.375rem;background-size:.625rem;font-size:1rem;} } @media screen and (max-width:1200px) { .footer-social li .dpa{width:4.125rem;height:2.5rem;line-height:2.5rem;border-radius:2.5rem;} .footer-social li .dpa2{width:13.4375rem;height:2.5rem;line-height:2.5rem;border-radius:2.5rem;} .footer-social li .dpa2 .icon{font-size:14px;} } @media screen and (max-width:991px) { .footer-social li .dpa{width:4.125rem;height:2.5rem;line-height:2.5rem;border-radius:2.5rem;} .footer-social li .dpa2{width:11.25rem;height:2.5rem;line-height:2.5rem;border-radius:2.5rem;} .footer-social li .dpa2 .icon{ padding-left:22px;background-size:10px; font-size:14px;} } @media screen and (max-width:768px) { .footer-social li .dpa2{width:9rem;} } /*popBox*/ @media (min-width:768.1px){ .footer-social li .popup{display:none;position:absolute;bottom:2.25rem;right: 50%;margin-right:-4.0625rem;width:8.4375rem;height:9.375rem;} .footer-social li .er-code{padding:0.25rem;border-radius:0.25rem;background:#fff;-ms-box-shadow:0px 0rem 1rem 0px 0 rgba(0,0,0,.1);-o-box-shadow:0px 0rem 1rem 0px rgba(0,0,0,.1);box-shadow:0px 0rem 1rem 0px rgba(0,0,0,.1);position:relative;z-index:1;} .footer-social li .er-code img{width:8.125rem;height:8.125rem} .footer-social li .er-code p{font-size:.75rem;line-height:.75rem;color:#76767f; margin-bottom:0;} .footer-social li .triangle{position:absolute;background:#fff;-ms-box-shadow:0.25rem 0.25rem 0.5rem rgba(0,0,0,.1);-o-box-shadow:0.25rem 0.25rem 0.5rem rgba(0,0,0,.1);box-shadow:0.25rem 0.25rem 0.5rem rgba(0,0,0,.1);z-index:2;width:0.6875rem;height:0.6875rem;bottom:1.05rem;right: 50%;transform: translateX(50%) translateY(50%) rotate(45deg);} .footer-social li:hover .popup{display:block;} } @media screen and (max-width:768px) { /*popupCode弹窗二维码*/ .footer-social li .triangle{display:none;} .footer-social li .popup{display:none;position:fixed;z-index:1000;left:0;right:0;top:0;bottom:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.5);justify-content:center;align-items:center} .footer-social li .popup.active{display:flex} .footer-social li .popup .er-code{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.2);max-width:300px;position:relative} .footer-social li .popup .er-code img{max-width:100%;height:auto;display:block;border-radius:4px; width:200px;} .footer-social .close-btn{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;background-color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.25rem;color:#666;cursor:pointer;transition:background-color 0.3s;background-image:url('../images/icon-close2.png');background-position: center center; background-repeat: no-repeat;background-size:0.75rem;} .footer-social .close-btn:hover{background-color:#f0f0f0} .footer-social .popup.active .er-code{animation:fadeIn 0.3s ease-out forwards} } @media screen and (max-width:540px) { .footer-social li{margin-left:0.875rem;} } /*gotop*/ .gotopBtn{z-index:90;text-align: right; margin-bottom: 50px;} .gotopBtn .gotopicon{display:inline-block;width:50px;height:50px;border-radius:50%;position:relative;transition:0.4s ease-in-out;background:url('../images/icon-top.png') no-repeat center center #d3d4d9;background-size:7px;} .gotopBtn .gotopicon:hover{background-color:#0b48e2;background-image:url('../images/icon-top2.png');} /*f-side*/ .f-side{position:fixed;z-index:99;bottom:5vw;right:1.71875vw; display:inline-block!important;} .f-side .f-icon{background:url(../images/float-pic1.png) center center no-repeat;background-size:100%;width:5.625rem;height:5.625rem; position: relative;box-shadow:0 2px 30px rgba(0,0,0,0.1);border-radius: 50%;} .f-side .f-icon2{position:absolute;bottom:0;right:0;width:5.8125rem;height:6.0625rem;z-index:2;animation:keep 1s linear infinite;background:url(../images/float-pic.png) center center no-repeat;background-size:100%;} .f-side .f-wz{font-size:1rem;color:#313133;line-height:1;margin-top:.625rem; text-align: center;} @keyframes keep{0%{opacity:1;transform:translateY(-8px)}50%{transform:translateY(0px);opacity:1}100%{opacity:1;transform:translateY(-8px)}} @media screen and (max-width:768px) { .f-side{bottom:12.5rem;} .f-side .f-icon{width:4rem;height:4rem; } .f-side .f-icon2{width:4rem;height:4rem;} .f-side .f-wz{font-size:14px;} } /*****************************************index*****************************************/ /*indexBanner*/ .indexBanner{position:relative;overflow:hidden;} .indexBanner .swiper-slide{overflow:hidden; width:100%; position:relative;background:#000; float:left;} .indexBanner,.indexBanner .bannerimg,.indexBanner .item{height:100vh;} .indexBanner,.indexBanner .bannerimg,.indexBanner .item{height:100dvh;} /*bannerimg*/ .indexBanner .item{display:block; position: relative; z-index: 4;} .indexBanner .bannerimg{display:block;position:relative;width:100%;z-index:0;} .indexBanner .bannerimg>div{position:static!important;} .indexBanner .bannerimg img{display:block;position:absolute;bottom:0;left:0;z-index:1;width:100%;height:100%;max-width:100%;-o-object-fit: cover;object-fit: cover;-o-object-position:center;object-position:center;} /* .indexBanner .bannerimg img{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02);-webkit-transition:transform 6s ease;-moz-transition:transform 6s ease;-ms-transition:transform 6s ease;-o-transition:transform 6s ease;transition:transform 6s ease;} .indexBanner .swiper-slide.swiper-slide-active .bannerimg img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);} */ .indexBanner .bannerVideoB{overflow:hidden;position:absolute;height:100%;z-index:1;top:0; width:100%; left:0;} .indexBanner .bg{position: absolute!important; top:0;bottom:0; left:0; width: 100%; height: 100%; background:url('../images/bannerbg.png') no-repeat center center;background-size:100% 100%; z-index:3;pointer-events:none; } .indexBanner .bannerVideoB>div{position:static!important;} .indexBanner .bannerVideoB video{ display:block;max-width:none;width:100%;height:100%;-o-object-fit:cover;object-fit:cover; position:absolute;top:0;left:0;z-index:1;} .indexBanner .imgwz img{display:block;position:absolute;bottom:0;left:0;z-index:1;width:100%;height:100%;max-width:100%;-o-object-fit: cover;object-fit: cover;-o-object-position:center;object-position:center;} @media screen and (max-width:1200px){ .indexBanner .swiper-slide{height:60vw;} .indexBanner{height:60vw;} .indexBanner .item{height:60vw;} .indexBanner .bannerimg{height:60vw;} } /*bannerimgwz*/ .indexBanner .bannerimgwz{display:block;position:relative;width:100%;position:absolute;top:0;left:0;right:0;height:100%; z-index: 3;} .indexBanner .bannerimgwz>div{position:static!important;} .indexBanner .bannerimgwz img{display:block;position:absolute;bottom:0;left:0;z-index:1;width:100%;height:100%;max-width:100%;-o-object-fit: cover;object-fit: cover;-o-object-position:center;object-position:center;} .indexBanner .bannerimg img{-webkit-transform:scale(1.02);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);-webkit-transition:transform 6s ease;-moz-transition:transform 6s ease;-ms-transition:transform 6s ease;-o-transition:transform 6s ease;transition:transform 6s ease} .indexBanner .swiper-slide.swiper-slide-active .bannerimg img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)} /*bannerWz*/ .indexBanner .bannerWz{z-index:5;color: #fff;font-weight:normal;position:absolute;left:0;right:0;top:50%;-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%); } .indexBanner .bannerWz h2{font-size:2.5rem;font-weight:600;line-height:1.2; margin-bottom:1rem;} .indexBanner .bannerWz p{font-size: 1.375rem;font-weight:400;line-height:1.2; margin-bottom:0.5rem;} @media screen and (max-width:1200px){ .indexBanner .bannerWz h2{font-size:2rem;margin-bottom:0.6rem;} .indexBanner .bannerWz p{font-size:.875rem;margin-bottom:0.25rem;} .indexBanner .bannerWz{top:55%;} } @media screen and (max-width:1000px){ .indexBanner .bannerWz h2{font-size:2rem;} .indexBanner .bannerWz p{font-size:0.875rem;} } @media screen and (max-width:768px){ .indexBanner .bannerWz h2{font-size:1.8rem;} .indexBanner .bannerWz p{font-size:0.75rem;} } @media screen and (max-width:750px){ .indexBanner .bannerWz h2{font-size:1.5rem;} .indexBanner .bannerWz p{font-size:0.75rem;} } @media screen and (max-width:540px){ .indexBanner .bannerWz h2{font-size:1.25rem;} .indexBanner .bannerWz p{font-size:0.875rem;} } @media screen and (max-width:430px){ .indexBanner .bannerWz h2{font-size:1.25rem;} .indexBanner .bannerWz p{font-size:0.875rem;} } /*swiper-slide-active*/ .indexBanner .bannerimgwz, .indexBanner .bannerWz h2, .indexBanner .bannerWz p, .indexBanner .bannerWz .more{filter:alpha(opacity=0);opacity: 0;visibility: hidden;transform: translateY(2rem);transition: 0.75s;} .indexBanner .swiper-slide.swiper-slide-active .bannerimgwz, .indexBanner .swiper-slide.swiper-slide-active .bannerWz h2, .indexBanner .swiper-slide.swiper-slide-active .bannerWz p, .indexBanner .swiper-slide.swiper-slide-active .bannerWz .more{filter:alpha(opacity=100);opacity:1;visibility: visible;transform: translateY(0px);} .indexBanner .swiper-slide.swiper-slide-active .bannerWz h2{transition-delay: 0.5s;} .indexBanner .swiper-slide.swiper-slide-active .bannerWz p{transition-delay: 0.7s;} .indexBanner .swiper-slide.swiper-slide-active .bannerWz .more{transition-delay: 0.9s;} .indexBanner .swiper-slide.swiper-slide-active .bannerimgwz{transition-delay: 0.3s;} /*indexbanner-pagination*/ .indexbanner-paginationB{position:absolute;bottom:3.75rem;left:0;right:0; z-index:4; text-align:center;margin:0 auto; display: none;} .indexbanner-paginationB .swiper-pagination{bottom:0;line-height:0;font-size:0; position:static; width:100%;text-align:center;} .indexbanner-paginationB .swiper-pagination span{width:2.125rem;height:.25rem;border-radius:0;margin-right:1rem;outline:none;border:none;opacity:1;float:none;background:rgba(255,255,255,.5);cursor: pointer;position: relative;overflow:hidden;} .indexbanner-paginationB .swiper-pagination span.swiper-pagination-bullet-active .timer, .indexbanner-paginationB .swiper-pagination .swiper-pagination-bullet .timer{display:block;position:relative;background:transparent;opacity:1} .indexbanner-paginationB .swiper-pagination .swiper-pagination-bullet .process{display:block;position:absolute;top:0;left:0;width:0;opacity:0;height:100%;background:#008cd6;transition-property: width;transition-timing-function: linear;border-radius:.625rem;} .indexbanner-paginationB .swiper-pagination .swiper-pagination-bullet.play .process{opacity:1;width:100%;} .indexbanner-paginationB .swiper-pagination span::after{ display:none;} @media screen and (max-width:1200px) { .indexbanner-paginationB{bottom:2rem;} .indexbanner-paginationB .swiper-pagination{text-align:center;} } @media screen and (max-width:1024px) { .indexbanner-paginationB{bottom:1rem;} } @media screen and (max-width:768px) { .indexbanner-paginationB .swiper-pagination span{width:1rem;height:1px;} .indexbanner-paginationB .swiper-pagination span.swiper-pagination-bullet-active{width:1rem;} } /*bswbtn*/ .bswbtn{ font-size:0;line-height: 0;} .bswbtn .mbtn{display:inline-block;width:4rem;height:100%;border-radius:0;position:absolute;top:50%;transform:translateY(-50%);padding:0;margin:0;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;background-position:center center;background-repeat:no-repeat;background-size:.875rem;background-color: transparent!important;} .bswbtn .mbtn.swiper-button-prev{background-image:url(../images/arrow-left3.png);left: 0;opacity:0.5;} .bswbtn .mbtn.swiper-button-next{background-image:url(../images/arrow-right3.png);right: 0;opacity:0.5;} .bswbtn .mbtn.swiper-button-prev:hover{background-image:url(../images/arrow-left.png);opacity:1;} .bswbtn .mbtn.swiper-button-next:hover{background-image:url(../images/arrow-right.png);opacity:1;} .bswbtn .mbtn.swiper-button-disabled{opacity:0;} @media screen and (max-width:1200px){ .bswbtn .mbtn{width:3rem;height:3rem;} } @media screen and (max-width:1024px){ .bswbtn .mbtn{width:3rem;height:3rem;} } @media screen and (max-width:768px){ .bswbtn .mbtn{width:2.5rem;height:2.5rem;background-size:.5rem;} } /*swbtn*/ .swbtn{ font-size:0;line-height: 0;} .swbtn .mbtn{display:inline-block;width:3.125rem;height:3.125rem;border-radius:50%; position:absolute;top:50%;transform:translateY(-50%);padding:0;margin: 0;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out; background-position:center center; background-repeat:no-repeat;background-size:.625rem;background-color:#008cd6;} .swbtn .mbtn.swiper-button-disabled{opacity:0;} .swbtn .mbtn.swiper-button-prev{background-image:url(../images/arrow-left.png);left: 0;} .swbtn .mbtn.swiper-button-next{background-image:url(../images/arrow-right.png);right: 0;} .swbtn .mbtn:hover{ background-color: #008cd6;} @media screen and (max-width:1200px){ .swbtn .mbtn{width:3rem;height:3rem;} } @media screen and (max-width:1024px){ .swbtn .mbtn{width:3rem;height:3rem;} } @media screen and (max-width:768px){ .swbtn .mbtn{width:40px;height:40px;background-size:8px;} } /*.swbtnp .swiper-pagination*/ .swbtnp{ position:relative; display:block;margin:0 0.75rem;margin-top:2rem;} .swbtnp .swiper-pagination{ position: absolute;bottom: 0;top: auto;left: 0;right: 0;height:2px;background:#1f2d53;border-radius:5px; overflow:hidden;} .swbtnp .swiper-pagination .swiper-pagination-progressbar-fill{background:#008cd6;} /*scroll-down*/ .scroll-down{position:absolute;z-index:99;display:inline-block;left:0;right:0; width:5.75rem;margin:0 auto;bottom:4.125rem;text-align:center;animation:upDown 2s ease-out infinite;} .scroll-down img{max-width:100%;} .scroll-down{-webkit-animation: 2s linear 0s normal none infinite move2;animation: 2s linear 0s normal none infinite move2;} @keyframes move2{0%{opacity:1;transform:translateY(-0.625rem)}50%{transform:translateY(0rem);opacity:0.2}100%{opacity:1;transform:translateY(-0.625rem)}} @media screen and (max-width:1199px) { .scroll-down{top:auto;bottom:5rem;} } @media screen and (max-width:1023px) { .scroll-down{top:auto;bottom:2rem;} } /*indexNetworkB*/ .indexNetwork{ padding-top:10.625rem; padding-bottom:6.25rem; background-color:#fff;background-position:center bottom; background-repeat:no-repeat;background-size:100%;background-image:url(../images/index-mapbg.jpg); overflow: hidden;} .indexNetworkB{position:relative;} .indexNetwork .indexTit{ position: absolute;top:6px;left:0; text-align: left;} /*pageMap*/ .indexNetwork .pageMap{ text-align:right;padding-left:23.75%;position:relative;} .pageMap .pageMapB{position:relative;text-align: center;} .pageMap .pageMapB img{max-width:100%;} .pageMap .pageMapB .pic{ position: relative;pointer-events: none; z-index: 1;} .pageMap .pageMapB .pic img{width:100%;display:block;} .pageMap .pageMapB .pic-point{position:absolute;top:50%;left:0;right:0;z-index:0;margin:0 auto;width:68.3125rem; height:68.3125rem;margin-top:-34.1563rem;pointer-events: none; animation: yuanRun 50s linear forwards infinite;background-position:center bottom; background-repeat:no-repeat;background-size:100%;background-image:url(../images/index-map-yuan.png);} @keyframes yuanRun{form{transform:rotate(0deg)}to{transform:rotate(360deg)}} .pageMap .pageMap-linklist li{display:flex;flex-direction:column;align-items:center;justify-content:center;} .pageMap .pageMap-linklist li{color:#202945;display:flex;align-items:center;position:absolute;z-index:2;cursor:pointer} .pageMap .pageMap-linklist li a{background-color: #fff;color:#000000; display:inline-block; font-weight: normal;padding:0 1.5rem;line-height:2.125rem;border-radius:2.125rem;font-size:1rem;border:1px solid #efefef} .pageMap .pageMap-linklist li:nth-child(1) a, .pageMap .pageMap-linklist li:nth-child(2) a{background-color: #0b48e2;color:#fff; display:inline-block; font-weight: 600;padding:0 1.625rem;line-height: 3.375rem;border-radius:3.375rem;font-size:1.25rem;border:none;transition: all .5s ease-in-out;} /*.pageMap .pageMap-linklist li:nth-child(1) a, .pageMap .pageMap-linklist li:nth-child(2) a{border:none;color:white;background-image:linear-gradient(to right,#3d9ac5 0%,#114ce3 25%,#3d9ac5 50%,#114ce3 75%,#3d9ac5 100%);background-size:200%;animation:colorGradient 3.5s infinite} .pageMap .pageMap-linklist li:nth-child(2) a{background-image:linear-gradient(to right,#114ce3 0%,#3d9ac5 25%,#114ce3 50%,#3d9ac5 75%,#114ce3 100%);animation-delay: 3.5s;} @keyframes colorGradient{0%{background-position:0 0;transform: scale(1);}50%{background-position:100% 0;transform: scale(1.03);}100%{background-position:0 0;transform: scale(1);}}*/ .pageMap .pageMap-linklist li:nth-child(1) a, .pageMap .pageMap-linklist li:nth-child(2) a{display:inline-block;padding:12px 36px;font-size:16px;text-decoration:none;border-radius:6px;border:none;color:white;background-image:linear-gradient(to right,#0b48e2 0%,#3d9ac5 25%,#114ce3 50%,#3d9ac5 75%,#114ce3 100%);background-size:200%;animation:colorGradient 3s linear infinite;animation-name:colorGradient,scaleAnim;animation-duration:1.5s,3s;animation-iteration-count:infinite;animation-timing-function:linear,ease-in-out} .pageMap .pageMap-linklist li:nth-child(2) a{/*animation-delay:-0.75s,3s*/} @keyframes colorGradient{0%{background-position:0 0}100%{background-position:100% 0}} @keyframes scaleAnim{0%{transform:translateY(-0.3125rem) scale(1.03)}50%{transform:translateY(0px) scale(1)}100%{transform:translateY(-0.3125rem) scale(1.03)}} .pageMap .pageMap-linklist li a:hover{background-color: #0b48e2;color:#fff;} .pageMap .pageMap-linklist li a:hover{background-color:#0940cc;color:#fff;background: linear-gradient(-90deg, #3d9ac5 0%, #114ce3 100%);} .pageMap .pageMap-linklist li:nth-child(1){top: 65%;left: 44.5%;} .pageMap .pageMap-linklist li:nth-child(2){top: 32.5%;left: 48%;} .pageMap .pageMap-linklist li:nth-child(3){top: 39%;left: 48.5%;} .pageMap .pageMap-linklist li:nth-child(4){top: 47%;left: 57%;} .pageMap .pageMap-linklist li:nth-child(5){top: 72%;left: 46%;} .pageMap .pageMap-linklist li:nth-child(6){top: 71.9%;left: 69%;} .pageMap .pageMap-linklist li:nth-child(7){top: 54%;left: 30.3%;} .pageMap .pageMap-linklist li:nth-child(8){top: 61%;left: 64.5%;} .pageMap .pageMap-linklist li:nth-child(9){top: 50%;left: 80%;} .pageMap .pageMap-linklist li:nth-child(10){top: 55%;left: 80%;} .pageMap .pageMap-text{font-size:1.25rem;color:#381a1a;line-height:1.2; font-weight:normal;position: relative;width:38.75rem; height: 100%;display:flex;justify-content:center;align-items:center;position: absolute;top:0;left:0;text-align:left; z-index: 3;} .pageMap .pageMap-text .li{background-color:rgba(11,72,226,0.15);backdrop-filter:blur(5px);box-shadow:0px 0px 20px 0px rgba(0,40,31,0.05);padding:0;border-radius:.625rem;color:#202945;min-height:28.75rem;display:none} .pageMap .pageMap-text .li:nth-of-type(1){display:block} .pageMap .pageMap-text .li .text-box{ padding:4.375rem 4.375rem 4.375rem 4.375rem;} .pageMap .pageMap-text .li .des{font-size:1.25rem;color:#000000;line-height:1.5;} .pageMap .pageMap-text .li .tt{font-size:2.125rem;color:#000000;line-height:1;overflow:hidden;margin-bottom:3.875rem; font-weight:600;} .pageMap .pageMap-text .li .tt a{color:#000000} /*dian*/ .pageMap .dian{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;pointer-events: none;} .pageMap .dian .d{position:absolute;width:6.375rem;height:4.5625rem;pointer-events: none;animation:dianmove 3s linear infinite;background-position:center bottom; background-repeat:no-repeat;background-size:100%;background-image:url(../images/icon-dian.png);} .pageMap .dian .d2{top:33%;left:64%;/*animation-delay:-0.75s,3s*/} .pageMap .dian .d1{top:66.5%;left:61%;} @keyframes dianmove{0%{opacity:1;transform:translateY(-0.625rem) scale(1)}50%{transform:translateY(0px) scale(0.65);opacity:0.95}100%{opacity:1;transform:translateY(-0.625rem) scale(1)}} @keyframes diansacle{0%{opacity:1;transform:translateY(.625rem) scale(1)}100%{opacity:0;transform:translateY(-0.625rem) scale(1.2)}} @media screen and (max-width:2560px){ .pageMap .pageMapB .pic-point{width:68.3125rem; height:68.3125rem;margin-top:-34.1563rem;} .pageMap .pageMap-linklist li a{padding:0 1.5rem;line-height:2.125rem;border-radius:2.125rem;font-size:1rem;} .pageMap .pageMap-linklist li:nth-child(1) a, .pageMap .pageMap-linklist li:nth-child(2) a{padding:0 1.625rem;line-height: 3.375rem;border-radius:3.375rem;font-size:1.25rem;} .pageMap .pageMap-text{font-size:1.25rem;width:38.75rem; } .pageMap .pageMap-text .li{min-height:28.75rem;} .pageMap .pageMap-text .li .text-box{ padding:4.375rem 4.375rem 4.375rem 4.375rem;} .pageMap .pageMap-text .li .des{font-size:1.25rem;} .pageMap .pageMap-text .li .tt{font-size:2.125rem;margin-bottom:3.875rem;} .pageMap .pageMapB .pic-point{width:68.3125rem; height:68.3125rem;margin-top:-34.1563rem;} .pageMap .dian .d{width:6.375rem;height:4.5625rem;} } @media screen and (max-width:1920px){ .pageMap .pageMapB .pic-point{width:56.93vw; height:56.93vw;margin-top:-28.46vw;} .pageMap .pageMap-linklist li a{padding:0 1.25vw;line-height:1.77vw;border-radius:1.77vw;font-size:0.83vw;} .pageMap .pageMap-linklist li:nth-child(1) a, .pageMap .pageMap-linklist li:nth-child(2) a{padding:0 1.35vw;line-height: 2.81vw;border-radius:2.81vw;font-size:1.04vw;} .pageMap .pageMap-text{font-size:1.04vw;width:32.29vw; } .pageMap .pageMap-text .li{min-height:23.96vw;} .pageMap .pageMap-text .li .text-box{ padding:3.65vw 3.65vw 3.65vw 3.65vw;} .pageMap .pageMap-text .li .des{font-size:1.04vw;} .pageMap .pageMap-text .li .tt{font-size:1.77vw;margin-bottom:3.23vw;} .pageMap .dian .d{width:5.31vw;height:3.80vw;} } @media screen and (max-width:1200px){ .indexNetwork{ padding-top:9rem; padding-bottom:5rem;} .pageMap .pageMap-text .li .des{font-size:1.125rem;} .pageMap .pageMap-text .li .tt{font-size:2rem;margin-bottom:3rem;} } @media screen and (max-width:1024px){ .indexNetwork{ padding-top:7rem; padding-bottom:4rem;} .pageMap .pageMap-text .li .des{font-size:1rem;} .pageMap .pageMap-text .li .tt{font-size:1.75rem;margin-bottom:2rem;} } @media screen and (max-width:991px){ .indexNetwork{ padding-top:5rem; padding-bottom:3rem;} .pageMap .pageMapB .pic-point{width:89.59vw; height:89.59vw;margin-top:-44.80vw;} .pageMap .pageMap-linklist li a{padding:0 1.97vw;line-height:2.79vw;border-radius:2.79vw;font-size:1.31vw;} .pageMap .pageMap-linklist li:nth-child(1) a, .pageMap .pageMap-linklist li:nth-child(2) a{padding:0 2.13vw;line-height: 4.43vw;border-radius:4.43vw;font-size:1.64vw;} .pageMap .pageMap-text{font-size:1.64vw;width:50.82vw; } .pageMap .dian .d{width:8.36vw;height:5.98vw;} .pageMap .pageMap-text .li{min-height:0;} .pageMap .pageMap-text .li .text-box{ padding:3rem;} .pageMap .pageMap-text .li .des{font-size:1rem;} .pageMap .pageMap-text .li .tt{font-size:1.5rem;margin-bottom:1.5rem;} .pageMap .pageMap-linklist li:nth-child(2){top: 32.5%;left: 47%;} .pageMap .pageMap-linklist li:nth-child(3){top: 39%;left: 47.5%;} .pageMap .pageMap-linklist li:nth-child(7){top: 53.5%;left: 28.3%;} .indexNetwork .pageMap{padding-left:0;} .pageMap .pageMap-text{font-size:16px;width:100%;top:0;margin: 0;position: relative;} .pageMap .pageMapB .pic-point{width:90vw; height:90vw;margin-top:-45vw;} .pageMap .pageMap-text .li{min-height:0;} } @media screen and (max-width:768px){ .indexNetwork{ padding-top:4rem; padding-bottom:2rem;} .indexNetwork .indexTit{ position:static;top:0;} } /*yuan*/ .pageMap .pageMapB .yuan{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;pointer-events: none;} .pageMap .pageMapB .yuan .y{position:absolute;width:4px;height:4px;pointer-events: none;} .pageMap .pageMapB .yuan .y::before{content:'';border-radius:50%;background:rgba(0, 140, 214, 0.3);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:yuansacle 3s linear infinite} .pageMap .pageMapB .yuan .y::after{content:'';border-radius:50%;background:rgba(0, 140, 214, 0.3);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);animation:yuansacle 3s 1.5s linear infinite} @keyframes yuansacle{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.2)}} .pageMap .pageMapB .yuan .y.y1{left: 23.4%;top: 43%;} .pageMap .pageMapB .yuan .y.y1::before,.pageMap .pageMapB .yuan .y.y1::after{width:13.75rem;height:13.75rem} .pageMap .pageMapB .yuan .y.y2{left:29.9%;top:86%} .pageMap .pageMapB .yuan .y.y2::before,.pageMap .pageMapB .yuan .y.y2::after{width:12.125rem;height:12.125rem} .pageMap .pageMapB .yuan .y.y3{left: 52.1%;top: 31.166667%;} .pageMap .pageMapB .yuan .y.y3::before,.pageMap .pageMapB .yuan .y.y3::after{width:13.75rem;height:13.75rem} .pageMap .pageMapB .yuan .y.y4{left: 74.1%;top: 42%;} .pageMap .pageMapB .yuan .y.y4::before,.pageMap .pageMapB .yuan .y.y4::after{width:9.75rem;height:9.75rem} .pageMap .pageMapB .yuan .y.y5{left: 82.2%;top: 78%;} .pageMap .pageMapB .yuan .y.y5::before,.pageMap .pageMapB .yuan .y.y5::after{width:8.125rem;height:8.125rem} @media screen and (max-width:1024px){ .pageMap .pageMapB .yuan .y.y1::before,.pageMap .pageMapB .yuan .y.y1::after{width:10rem;height:10rem} .pageMap .pageMapB .yuan .y.y2::before,.pageMap .pageMapB .yuan .y.y2::after{width:9rem;height:9rem} .pageMap .pageMapB .yuan .y.y3::before,.pageMap .pageMapB .yuan .y.y3::after{width:10rem;height:10rem} .pageMap .pageMapB .yuan .y.y4::before,.pageMap .pageMapB .yuan .y.y4::after{width:7rem;height:7rem} .pageMap .pageMapB .yuan .y.y5::before,.pageMap .pageMapB .yuan .y.y5::after{width:6rem;height:6rem} } @media screen and (max-width:768px){ .pageMap .pageMapB .yuan .y.y1::before,.pageMap .pageMapB .yuan .y.y1::after{width:7rem;height:7rem} .pageMap .pageMapB .yuan .y.y2::before,.pageMap .pageMapB .yuan .y.y2::after{width:6rem;height:6rem} .pageMap .pageMapB .yuan .y.y3::before,.pageMap .pageMapB .yuan .y.y3::after{width:8rem;height:8rem} .pageMap .pageMapB .yuan .y.y4::before,.pageMap .pageMapB .yuan .y.y4::after{width:5rem;height:5rem} .pageMap .pageMapB .yuan .y.y5::before,.pageMap .pageMapB .yuan .y.y5::after{width:4rem;height:4rem} } /*pageShuju*/ .pageShuju .pageShujuList{margin:0;padding:0;list-style:none;font-size:0;position: relative;display:flex;flex-direction: row;box-sizing:border-box;justify-content:center;align-items:flex-start;flex-wrap: wrap;width:100%; z-index: 2;top:-114px;} .pageShuju li{font-size:1.25rem;color:#000000;line-height:1.875rem;text-align:left;display:flex;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;align-items:center;min-width: 13.875rem; margin:0 2.25rem;min-height:5.5rem;} .pageShuju li h2{font-size:1.25rem;color:#000000;font-weight:600; text-align:center;margin-bottom:.375rem;} .pageShuju li h2 strong{font-size:5.875rem;line-height:1;font-weight:600;color:#008CD6;color: transparent;background: linear-gradient(-90deg, #3d9ac5 0%, #114ce3 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;} .pageShuju li h2 .sup{line-height:1;position:relative;top:0;vertical-align: top;margin-left:.375rem; color:#000;font-weight:normal;} .pageShuju li h2 .sub{line-height:1;position:relative;top:0;vertical-align:baseline;margin-left:.375rem; color:#000;font-weight: normal;} @media screen and (max-width:2560px){ .pageShuju .pageShujuList{top:-7.125rem;} .pageShuju li{font-size:1.25rem;line-height:1.875rem;min-width: 13.875rem; margin:0 2.25rem;min-height:5.5rem;} .pageShuju li h2{font-size:1.25rem;margin-bottom:.375rem;} .pageShuju li h2 strong{font-size:5.875rem;} } @media screen and (max-width:1200px){ .pageShuju li{font-size:1.125rem;line-height:1.5;min-width:0; margin:0 2.25rem;min-height:5.5rem;} .pageShuju li h2{font-size:1.125rem;margin-bottom:.375rem;} .pageShuju li h2 strong{font-size:5rem;} .pageShuju .pageShujuList{top:-5rem;} } @media screen and (max-width:1024px){ .pageShuju li{font-size:1rem;line-height:1.5;min-width:0; margin:0 2.25rem;min-height:5.5rem;} .pageShuju li h2{font-size:1rem;margin-bottom:.375rem;} .pageShuju li h2 strong{font-size:4rem;} .pageShuju .pageShujuList{top:-3rem;} } @media screen and (max-width:991px){ .pageShuju .pageShujuList{top:0; margin-top: 1.875rem;} } @media screen and (max-width:768px){ .pageShuju li{font-size:1rem;line-height:1.5;min-width:0; margin:0 2.25rem;min-height:5.5rem;} .pageShuju li h2{font-size:1rem;margin-bottom:.375rem;} .pageShuju li h2 strong{font-size:3rem;} } /*indexTit*/ .indexTit{font-size:3.125rem;color:#000000;line-height:1.2; font-weight:600;position: relative;} .indexTit .titen{font-size:.875rem;color:#000000;font-weight:normal;line-height:1.3; padding-left: 4.375rem; position: relative;text-transform: uppercase;margin-bottom:.75rem;} .indexTit .titen:after{ content: ''; width:3.5rem;height:.25rem;position: absolute;left:0;top:50%;margin-top:-0.125rem;border-radius: .25rem;transition: all 0.4s linear;background: linear-gradient(-90deg, #3d9ac5 0%, #114ce3 100%);} .indexTit .tit span{color:#0b48e2;} .indexTit .tit a{color:#000000;} @media screen and (max-width:2560px){ .indexTit{font-size:3.125rem;} .indexTit .titen{font-size:.875rem;padding-left:4.375rem;margin-bottom:.75rem;} .indexTit .titen:after{width:3.5rem;height:.25rem;margin-top:-0.125rem;border-radius: .25rem;} } @media screen and (max-width:1920px){ .indexTit .titen{font-size:.875rem;} } /* @media screen and (max-width:1680px){ .indexTit{font-size:46px;} }*/ /* @media screen and (max-width:1440px){ .indexTit{font-size:2.5rem;} } */ @media screen and (max-width:1200px){ .indexTit{font-size:2.25rem;} } @media screen and (max-width:1024px){ .indexTit{font-size:1.875rem;} } @media screen and (max-width:768px){ .indexTit{font-size:1.75rem;} } /*more*/ .moreBtn{position:absolute;bottom:.625rem;right:0;} .more{display:inline-block;line-height:0;font-size:0;min-width:10.75rem;height:2.8125rem;line-height:2.8125rem;border-radius:2.8125rem;overflow:hidden;text-align:center;font-size:1.25rem;color:#ffffff;font-weight:400; background:#0b48e2; cursor:pointer;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;} .more .sp{display:inline-block;padding:0 1.6875rem;} /* .more .sp:hover{background-color:#0940cc;background: linear-gradient(-90deg, #3d9ac5 0%, #114ce3 100%);} */ .more{border:1px solid #0b48e2;position:relative;z-index:1;} .more .sp{color:#fff;position:relative;z-index:2;transition:all 0.4s} .more:hover{background:#0b48e2;} .more::before{content:"";position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-color:#fff;border-radius:25px;transform:scaleX(0);transform-origin:right;-webkit-transition:transform 0.6s cubic-bezier(0.785,0.135,0.15,0.86);-moz-transition:transform 0.6s cubic-bezier(0.785,0.135,0.15,0.86);-o-transition:transform 0.6s cubic-bezier(0.785,0.135,0.15,0.86);transition:transform 0.6s cubic-bezier(0.785,0.135,0.15,0.86)} @media (min-width:992px){ .more:hover .sp{color:#0b48e2} .more:hover::before{transform:scaleX(1);transform-origin:left} } @media screen and (max-width:2560px){ .moreBtn{bottom:.625rem;} .more{min-width:10.75rem;height:2.8125rem;line-height:2.8125rem;border-radius:2.8125rem;font-size:1.25rem;} .more .sp{padding:0 1.6875rem;} } /* @media screen and (max-width:1920px){ .more .sp{padding:0 27px;min-width:172px;height:45px;line-height:45px;border-radius:45px;font-size:20px;} } */ @media screen and (max-width:1440px){ .moreBtn{bottom:.625rem;} .more{min-width:10.75rem;height:2.8125rem;line-height:2.8125rem;border-radius:2.8125rem;font-size:1.25rem;} .more .sp{padding:0 1.6875rem;} } @media screen and (max-width:1200px){ .more {min-width:0;height:40px;line-height:40px;border-radius:40px;font-size:18px;} .more .sp{padding:0 24px;} } @media screen and (max-width:1024px){ .more {min-width:0;height:40px;line-height:40px;border-radius:40px;font-size:16px;} .more .sp{padding:0 20px;} } @media screen and (max-width:768px){ .more {min-width:0;height:40px;line-height:40px;border-radius:40px;font-size:14px;} .more .sp{padding:0 20px;} } @media screen and (max-width:370px){ .moreBtn{position: static;margin-top:20px;} } /*indexNewsList*/ .indexNews{overflow:hidden;background:#ffffff;padding-top:6.25rem; padding-bottom:2.1875rem;} .indexNewsList{list-style:none;margin:0;position:relative;overflow:hidden;display:flex;flex-direction: row;box-sizing:border-box;flex-wrap: wrap;margin-top:5.625rem; } /*indexNewsListul1*/ .indexNewsListul1{flex:0 0 calc(31.875%);background-color:#fff;box-sizing:border-box;height:100%; overflow: hidden;border-radius:1rem;margin-bottom:2.25rem;} .indexNewsListul1 .itema{display:block;position:relative;overflow:hidden;} .indexNewsListul1 .ImgBox{overflow:hidden;position:relative;overflow: hidden;padding-bottom:40rem;} .indexNewsListul1 .ImgBox>div{position:static!important;} .indexNewsListul1 .ImgBox img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;} .indexNewsListul1 .item{ display:block;width:100%;height:100%;object-fit:cover;} .indexNewsListul1 .title{position:absolute;left:5%;right:5%;top:50%;transform:translateY(-50%);text-align:center;} .indexNewsListul1 .title .t{font-size:2.75rem;color:#313133;line-height:1;overflow:hidden;margin-bottom:1.875rem; font-weight:600;} .indexNewsListul1 .timg{text-align:center;margin:0 auto;} .indexNewsListul1 .timg img {height:2.0625rem;} /*.indexNewsListul2 hover*/ .indexNewsListul1 .ImgBox img{-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform: scale(1.08);} .indexNewsListul1 .itema:hover .ImgBox img{-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} .indexNewsListul1 .ImgBox, .indexNewsListul1 .ImgBox img, .indexNewsListul1 .itema, .indexNewsListul1 .ImgBox img{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} /*indexNewsListul2*/ .indexNewsListul2{flex:0 0 calc(34.0625% - 2.1875rem);background-color:#fff;box-sizing:border-box;height:100%;margin-left:2.1875rem;} .indexNewsListul2 .item{ display:block;width:100%;box-sizing:border-box;height:100%; overflow: hidden;margin-bottom:2.25rem;} .indexNewsListul2 .itema{display:block;position:relative;overflow:hidden;border-radius:1rem;background-color:#eceff5;} .indexNewsListul2 .ImgBox{overflow:hidden;position:relative;overflow: hidden;border-radius:1rem;padding-bottom:18.875rem;} .indexNewsListul2 .ImgBox>div{position:static!important;} .indexNewsListul2 .ImgBox:after{content: '';width: 100%;position: absolute;top: 0;left: 0;height: 100%;background: #000;z-index:1;filter: alpha(opacity=0);opacity:0;} .indexNewsListul2 .ImgBox img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;} .indexNewsListul2 .title{position:absolute;left:7.06%;right:8%;top:50%;transform:translateY(-50%);min-height:9.5625rem;z-index:2;} .indexNewsListul2 .title .lei{font-size:1rem;color:#575757;line-height:1;overflow:hidden;margin-bottom:.8125rem; font-weight:500;} .indexNewsListul2 .title .t{font-size:1.25rem;color:#000000;line-height:1.5;overflow:hidden;font-weight:500;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis;} .indexNewsListul2 .title .date{display:inline-block;font-size:1rem;color:#494949;line-height:1.5;overflow:hidden;margin-top:.9375rem; font-weight:500;} .indexNewsListul2 .title .date span{display:inline-block;position:relative;padding-left:1.125rem;} .indexNewsListul2 .title .date span:after{content:"";position:absolute;top:50%;left:0rem;width:.25rem;height:.25rem;margin-top:-0.125rem;border-radius:50%; background-color:#0b48e2;} /*.indexNewsListul2 hover*/ .indexNewsListul2 .ImgBox img{-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform: scale(1.08);opacity:0;} .indexNewsListul2 .itema:hover .ImgBox:after{filter: alpha(opacity=60);opacity:0.6;} .indexNewsListul2 .itema:hover .ImgBox img{-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1} .indexNewsListul2 .itema:hover .title .lei{color:#fff;} .indexNewsListul2 .itema:hover .title .t{color:#fff;} .indexNewsListul2 .itema:hover .title .date{color:#999999;} .indexNewsListul2 .itema:hover .date span:after{background-color:#999;} .indexNewsListul2 .ImgBox:after, .indexNewsListul2 .title .date span:after, .indexNewsListul2 .ImgBox, .indexNewsListul2 .ImgBox img, .indexNewsListul2 .itema, .indexNewsListul2 .ImgBox img{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} /*indexNewsListul3*/ .indexNewsListul3{flex:0 0 calc(34.0625% - 2.1875rem);background-color:#eceff5;box-sizing:border-box;height:40rem;margin-left:2.1875rem;border-radius:1rem;} .indexNewsListul3 .indexNewsListul3B{ display:block;overflow: hidden;padding-top:3.625rem;padding-bottom:3.25rem;padding-left:3.3125rem;padding-right:4.0625rem;} .indexNewsListul3 .item{ display:block;width:100%;box-sizing:border-box;height:100%; overflow: hidden;} .indexNewsListul3 .itema{display:block;position:relative;overflow:hidden;padding-top:1rem;padding-bottom:1rem;} .indexNewsListul3 .item{ display:block;width:100%;height:100%;} .indexNewsListul3 .title{min-height:5.625rem;} .indexNewsListul3 .title .lei{display:inline-block;font-size:1rem;color:#575757;line-height:1.875rem;overflow:hidden;font-weight:500;margin-right:.875rem;vertical-align: middle;} .indexNewsListul3 .title .t{font-size:1.25rem;color:#000000;line-height:1.875rem;overflow:hidden;font-weight:500;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis; text-align: justify;} .indexNewsListul3 .title .dateB{margin-top:.75rem; vertical-align: middle;} .indexNewsListul3 .title .date{display:inline-block;font-size:1rem;color:#494949;line-height:1.875rem;overflow:hidden; font-weight:500;vertical-align: middle;} .indexNewsListul3 .title .date span{display:inline-block;position:relative;padding-left:1.125rem;} .indexNewsListul3 .title .date span:after{content:"";position:absolute;top:50%;left:0rem;width:.25rem;height:.25rem;margin-top:-0.125rem;border-radius:50%; background-color:#0b48e2;} /*.indexNewsListul3 hover*/ .indexNewsListul3 .itema:hover .title .lei{color:#0b48e2;} .indexNewsListul3 .itema:hover .title .t{color:#0b48e2;} .indexNewsListul3 .itema:hover .title .date{color:#0b48e2;} .indexNewsListul3 .itema:hover .date span:after{background-color:#0b48e2;} .indexNewsListul3 .title .date span:after, .indexNewsListul3 .itema{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} @media screen and (max-width:2560px){ .indexNews{padding-top:6.25rem; padding-bottom:2.1875rem;} .indexNewsList{margin-top:5.625rem; } .indexNewsListul1{border-radius:1rem;margin-bottom:2.25rem;} .indexNewsListul1 .ImgBox{padding-bottom:40rem;} .indexNewsListul1 .title .t{font-size:2.75rem;margin-bottom:1.875rem;} .indexNewsListul1 .timg img {height:2.0625rem;} .indexNewsListul2{flex:0 0 calc(34.0625% - 2.1875rem);margin-left:2.1875rem;} .indexNewsListul2 .item{margin-bottom:2.25rem;} .indexNewsListul2 .itema{border-radius:1rem;} .indexNewsListul2 .ImgBox{border-radius:1rem;padding-bottom:18.875rem;} .indexNewsListul2 .title{min-height:9.5625rem;} .indexNewsListul2 .title .lei{font-size:1rem;margin-bottom:.8125rem;} .indexNewsListul2 .title .t{font-size:1.25rem} .indexNewsListul2 .title .date{font-size:1rem;margin-top:.9375rem;} .indexNewsListul2 .title .date span{padding-left:1.125rem;} .indexNewsListul2 .title .date span:after{width:.25rem;height:.25rem;margin-top:-0.125rem;} .indexNewsListul3{flex:0 0 calc(34.0625% - 2.1875rem);height:40rem;margin-left:2.1875rem;border-radius:1rem;} .indexNewsListul3 .indexNewsListul3B{padding-top:3.625rem;padding-bottom:3.25rem;padding-left:3.3125rem;padding-right:4.0625rem;} .indexNewsListul3 .itema{padding-top:1rem;padding-bottom:1rem;} .indexNewsListul3 .title{min-height:5.625rem;} .indexNewsListul3 .title .lei{font-size:1rem;line-height:1.875rem;margin-right:.875rem;} .indexNewsListul3 .title .t{font-size:1.25rem;line-height:1.875rem;} .indexNewsListul3 .title .dateB{margin-top:.75rem;} .indexNewsListul3 .title .date{font-size:1rem;line-height:1.875rem;} .indexNewsListul3 .title .date span{padding-left:1.125rem;} .indexNewsListul3 .title .date span:after{width:.25rem;height:.25rem;margin-top:-0.125rem;} } /* @media screen and (max-width:1920px){ .indexNewsList{margin-top:90px; } .indexNewsListul1 .ImgBox{padding-bottom:640px;} .indexNewsListul1 .title .t{font-size:44px;margin-bottom:30px;} .indexNewsListul1 .timg img{height:33px;} .indexNewsListul2{flex:0 0 calc(34.0625% - 35px);margin-left:35px;} .indexNewsListul2 .item{margin-bottom:36px;} .indexNewsListul2 .itema{border-radius:16px;} .indexNewsListul2 .ImgBox{border-radius:16px;padding-bottom:302px;} .indexNewsListul2 .title{min-height:153px;} .indexNewsListul2 .title .lei{font-size:16px;margin-bottom:13px;} .indexNewsListul2 .title .t{font-size:20px;} .indexNewsListul2 .title .date{font-size:16px;margin-top:15px;} .indexNewsListul3{flex:0 0 calc(34.0625% - 35px);height:640px;margin-left:35px;} .indexNewsListul3 .indexNewsListul3B{padding-top:58px;padding-bottom:52px;padding-left:53px;padding-right:65px;} .indexNewsListul3 .title{min-height:90px;} .indexNewsListul3 .title .lei{font-size:16px;line-height:30px;margin-right:14px;} .indexNewsListul3 .title .t{font-size:20px;line-height:30px;} .indexNewsListul3 .title .date{font-size:16px;line-height:30px;} .indexNewsListul3 .title .date span{padding-left:18px;} } @media screen and (max-width:1680px){.indexNews{padding-top:100px; padding-bottom:34px;} .indexNewsList{margin-top:80px; } .indexNewsListul1 .ImgBox{padding-bottom:640px;} .indexNewsListul1 .title .t{font-size:40px;margin-bottom:30px;} .indexNewsListul1 .timg img{height:33px;} .indexNewsListul2{flex:0 0 calc(34.0625% - 35px);margin-left:35px;} .indexNewsListul2 .item{margin-bottom:36px;} .indexNewsListul2 .itema{border-radius:14px;} .indexNewsListul2 .ImgBox{border-radius:14px;padding-bottom:302px;} .indexNewsListul2 .title{min-height:153px;} .indexNewsListul2 .title .lei{font-size:14px;margin-bottom:13px;} .indexNewsListul2 .title .t{font-size:18px;} .indexNewsListul2 .title .date{font-size:14px;margin-top:15px;} .indexNewsListul3{flex:0 0 calc(34.0625% - 35px);height:640px;margin-left:35px;} .indexNewsListul3 .indexNewsListul3B{padding-top:58px;padding-bottom:52px;padding-left:43px;padding-right:55px;} .indexNewsListul3 .title{min-height:90px;} .indexNewsListul3 .title .lei{font-size:14px;line-height:30px;margin-right:14px;} .indexNewsListul3 .title .t{font-size:18px;line-height:30px;} .indexNewsListul3 .title .date{font-size:14px;line-height:30px;} .indexNewsListul3 .title .date span{padding-left:18px;} } @media screen and (max-width:1440px){.indexNews{padding-top:90px; padding-bottom:34px;} .indexNewsList{margin-top:70px; } .indexNewsListul1 .title .t{font-size:32px;} } */ @media screen and (max-width:1440px){ .indexNewsListul2 .title .lei{font-size:14px;} .indexNewsListul2 .title .t{font-size:16px} .indexNewsListul2 .title .date{font-size:14px;} .indexNewsListul3 .title .lei{font-size:14px;} .indexNewsListul3 .title .t{font-size:16px;} .indexNewsListul3 .title .date{font-size:14px;} } @media screen and (max-width:1200px){ .indexNews{padding-top:80px; padding-bottom:34px;} .indexNewsList{margin-top:60px; } .indexNewsListul1 .title .t{font-size:28px;} .indexNewsListul2 .title .lei{font-size:12px;} .indexNewsListul2 .title .t{font-size:15px} .indexNewsListul2 .title .date{font-size:12px;} .indexNewsListul3 .title .lei{font-size:12px;} .indexNewsListul3 .title .t{font-size:15px;} .indexNewsListul3 .title .date{font-size:12px;} .indexNewsListul3 .indexNewsListul3B{padding-top:3rem;padding-bottom:3rem;padding-left:2rem;padding-right:2rem;} } @media screen and (max-width:1024px){ .indexNews{padding-top:4.375rem; padding-bottom:2.125rem;} .indexNewsList{margin-top:50px; } .indexNewsListul1 .title .t{font-size:24px;} .indexNewsListul2 .title{min-height:5rem;} } @media screen and (max-width:991px){ .indexNews{padding-top:3rem; padding-bottom:2rem;} .indexNewsList{margin-top:40px; } .indexNewsListul1 .title .t{font-size:22px;} .indexNewsListul1 .ImgBox{padding-bottom:300px;} .indexNewsListul1{flex:0 0 calc(100%);margin-bottom:36px;} .indexNewsListul3{flex:0 0 calc(100%);height:auto;margin-left:0;} .indexNewsListul2{flex:0 0 calc(100%);margin-left:0;} .indexNewsListul2 .itema .ImgBox img{-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1} .indexNewsListul2 .itema .title .lei{color:#fff;} .indexNewsListul2 .itema .title .t{color:#fff;} .indexNewsListul2 .itema .title .date{color:#999999;} .indexNewsListul2 .itema .date span:after{background-color:#999;} .indexNewsListul3 .indexNewsListul3B{padding-top:3rem;padding-bottom:3rem;padding-left:2rem;padding-right:2rem;} .indexNewsListul2 .title .lei{font-size:14px;} .indexNewsListul2 .title .t{font-size:16px} .indexNewsListul2 .title .date{font-size:14px;} .indexNewsListul2 .title{min-height:0;} .indexNewsListul3 .title .lei{font-size:14px;} .indexNewsListul3 .title .t{font-size:16px;} .indexNewsListul3 .title .date{font-size:14px;} .indexNewsListul3 .title{min-height:0;} .indexNewsListul2 .ImgBox:after{filter: alpha(opacity=70)!important;opacity:0.7!important;} } /*indexProduct*/ .indexProduct{overflow:hidden;background:#ffffff;padding-top:6.25rem; padding-bottom:4.125rem;} .indexProductListB{margin:0 -0.625rem;} .indexProductList{padding:0;list-style:none;font-size:0;display:flex;flex-direction:row;flex-wrap:wrap;box-sizing:border-box;align-items:flex-start;justify-content:space-between;width:100%;position:relative;margin-top:5rem;} .indexProductList .item{display:block;width:20%;box-sizing:border-box;height: auto;overflow: hidden;margin-bottom:1.25rem;float:left;} .indexProductList .itema{display:flex;height:100%;position:relative;overflow:hidden;background-color:#eceff5;border-radius:1rem;margin:0 .625rem;flex-direction: column;justify-content: space-between;} .indexProductList .ImgBox{overflow:hidden;position:relative;overflow: hidden;padding-bottom:136.8421052631579%;} .indexProductList .ImgBox>div{position:static!important;} .indexProductList .ImgBox img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;} .indexProductList .title{min-height:12.5rem;} .indexProductList .title .titleNr{padding:2.875rem 2.25rem;} .indexProductList .title .lei{font-size:1.25rem;color:#575757;line-height:1;overflow:hidden;margin-bottom:.625rem; font-weight:500;} .indexProductList .title .line{width:5.3125rem;height:.25rem;border-radius: .25rem;transition: all 0.4s linear;background: linear-gradient(-90deg, #3d9ac5 0%, #114ce3 100%);margin-bottom:.4375rem;} .indexProductList .title .t{font-size:1.875rem;color:#080808;line-height:1.5;overflow:hidden;font-weight:600;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;} /*.indexProductList hover*/ .indexProductList .ImgBox img{-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} .indexProductList .itema:hover .ImgBox img{-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform: scale(1.08);} .indexProductList .itema:hover .title .lei{color:#fff;} .indexProductList .itema:hover .title .t{color:#fff;} .indexProductList .title .date span:after, .indexProductList .ImgBox, .indexProductList .ImgBox img, .indexProductList .itema, .indexProductList .ImgBox img{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .indexProductList .itema:hover{background:linear-gradient(295deg, #3d9ac5 0%, #114ce3 100%);} .indexProductList:hover .ImgBox img{ opacity:0.3;} .indexProductList:hover .itema:hover .ImgBox img{opacity:1;} @media screen and (max-width:2560px){ .indexProduct{padding-top:6.25rem; padding-bottom:4.125rem;} .indexProductListB{margin:0 -0.625rem;} .indexProductList{margin-top:5rem;} .indexProductList .item{margin-bottom:1.25rem;} .indexProductList .itema{border-radius:1rem;margin:0 .625rem;} .indexProductList .title{min-height:12.5rem;} .indexProductList .title .titleNr{padding:2.875rem 2.25rem;} .indexProductList .title .lei{font-size:1.25rem;margin-bottom:.625rem; font-weight:500;} .indexProductList .title .line{width:5.3125rem;height:.25rem;border-radius: .25rem;margin-bottom:.4375rem;} .indexProductList .title .t{font-size:1.875rem;} } /* @media screen and (max-width:1920px){ .indexProduct{padding-top:100px; padding-bottom:66px;} .indexProductList{margin-top:80px;} .indexProductList .title{min-height:200px;} .indexProductList .title .titleNr{padding:46px 36px;} .indexProductList .title .lei{font-size:20px;} .indexProductList .title .line{width:85px;margin-bottom:7px;} .indexProductList .title .t{font-size:30px;} } */ /* @media screen and (max-width:1680px){ .indexProduct{padding-top:100px; padding-bottom:60px;} .indexProductList{margin-top:70px;} .indexProductList .title{min-height:200px;} .indexProductList .title .titleNr{padding:46px 32px;} .indexProductList .title .line{width:85px;margin-bottom:7px;} .indexProductList .title .lei{font-size:18px;} .indexProductList .title .t{font-size:28px;} } @media screen and (max-width:1440px){ .indexProduct{padding-top:100px; padding-bottom:60px;} .indexProductList .title .lei{font-size:17px;} .indexProductList .title .t{font-size:26px;} .indexProductList .title{min-height:180px;} } */ @media screen and (max-width:1200px){ .indexProduct{padding-top:5.625rem; padding-bottom:3.125rem;} .indexProductList .title{min-height:10rem;} .indexProductList .title .titleNr{padding:2.5rem 1.875rem;} .indexProductList .title .lei{font-size:1rem;} .indexProductList .title .t{font-size:1.5rem;} .indexProductList{margin-top:4rem;} } @media screen and (max-width:1024px){ .indexProduct{padding-top:4.375rem; padding-bottom:2.5rem;} .indexProductList .title{min-height:8.75rem;} .indexProductList .title .titleNr{padding:2.5rem 1.5625rem;} .indexProductList .title .lei{font-size:.875rem;} .indexProductList .title .t{font-size:1.25rem;} .indexProductList{margin-top:3rem;} } @media screen and (max-width:991px){ .indexProduct{padding-top:3rem; padding-bottom:2rem;} /* .indexProductList .item{ flex:0 0 calc(100%);} .indexProductList .itema{display:flex;flex-direction: row;box-sizing:border-box;flex-wrap: wrap;} .indexProductList .title{min-height:140px;flex:0 0 calc(200px);} .indexProductList .ImgBox{flex:0 0 calc(100% - 200px);padding-bottom:200px;} */ .indexProductList .item{ flex:none; width:12.5rem;} .indexProductList{margin-top:3rem;} } /*indexDes*/ .indexDes{margin-top:5.875rem;font-size:1.25rem;line-height:1.5;text-align:center;color:#000000;font-weight:normal;} @media screen and (max-width:2560px){ .indexDes{font-size:1.25rem;margin-top:5.875rem;} } /* @media screen and (max-width:1920px){ .indexDes{font-size:20px;margin-top:94px;} } */ @media screen and (max-width:1440px){ .indexDes{font-size:16px;margin-top:4.375rem;} } @media screen and (max-width:1200px){ .indexDes{font-size:18px;margin-top:4.375rem;} } @media screen and (max-width:1024px){ .indexDes{font-size:16px;margin-top:3.125rem;} } @media screen and (max-width:768px){ .indexDes{font-size:14px;margin-top:1.875rem; text-align: left;} } /*indexTit2*/ .indexTit2{font-size:1.25rem;color:#000000;line-height:1.2; font-weight:normal;position: relative;width:12.9375rem; height: 100%;display:flex;justify-content:center;align-items:center;position: absolute;top:0;left:0;text-align:center;} .indexTit2 .icon{margin:0 auto;margin-bottom:1.5625rem;} .indexTit2 .icon img {height:5.5rem;} .indexTit2 a{color:#000000;padding:0 1rem;} @media screen and (max-width:2560px){ .indexTit2{font-size:1.25rem;width:12.9375rem;} .indexTit2 .icon{margin-bottom:1.5625rem;} .indexTit2 .icon img {height:5.5rem;} .indexTit2 a{padding:0 1rem;} } /* @media screen and (max-width:1680px){ .indexTit2{font-size:20px;} } */ @media screen and (max-width:1440px){ .indexTit2{font-size:18px;} } @media screen and (max-width:1200px){ .indexTit2{font-size:18px;} .indexTit2 .icon img {height:5rem;} } @media screen and (max-width:1024px){ .indexTit2{font-size:16px;} .indexTit2 .icon img {height:4rem;} } @media screen and (max-width:768px){ .indexTit2{font-size:14px;width:11rem;} } /*indexBusiness*/ .indexBusiness{overflow: hidden; padding-bottom: 5.75rem;padding-top:3.875rem;} .g-wrap {position:relative; margin:0 auto; width:100%; height:100%; overflow:hidden;} /*subjectsBOX*/ .subjectsBOX{overflow: hidden;position: relative;border-radius:2rem; background-color:#eceff5; padding-left: 12.9375rem;} .subjectsBOX .title{position:absolute;right:1.875rem;top:50%;transform:translateY(-50%);text-align:right; z-index:3;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;} .subjectsBOX .title .t{font-size:1.875rem;color:#fff;line-height:1.5;font-weight:600;} .subjectsBOX .title .t span{ display: inline-block; position: relative;padding-right:5rem;} .subjectsBOX .title .t span:after{ content: '';position: absolute;top:50%; right: 0; width:3.25rem; height:3.25rem;margin-top:-1.625rem;background:url(../images/icon-more.png) center center no-repeat;background-size:100%;} .subjectsBOX .ImgBox{overflow:hidden;position:relative;overflow: hidden;padding-bottom:24.1875rem;width:100%;border-radius:30px;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;} .subjectsBOX .ImgBox .img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%; height:100%;} .subjectsBOX .ImgBox .img>div{position:static!important;} .subjectsBOX .ImgBox img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover; z-index: 0;} .subjectsBOX .ImgBox .img:after{content: '';width: 100%;position: absolute;top: 0;left: 0;height: 100%;background: #000;z-index:2;filter: alpha(opacity=50);opacity: 0.5;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;} .subjectsBOX .ImgBox .img:before{content: '';width: 100%;position: absolute;top: 0;left: 0;height: 100%;z-index: 1;background:url(../images/index-pro2bg.png) center center no-repeat; background-size: 100% 100%;opacity:0;filter: alpha(opacity=0);-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;} @media screen and (max-width:2560px){ .indexBusiness{padding-bottom: 5.75rem;padding-top:3.875rem;} .subjectsBOX{border-radius:2rem;padding-left: 12.9375rem;} .subjectsBOX .title{right:1.875rem;} .subjectsBOX .title .t{font-size:1.875rem;} .subjectsBOX .title .t span{padding-right:5rem;} .subjectsBOX .title .t span:after{width:3.25rem; height:3.25rem;margin-top:-1.625rem;} .subjectsBOX .ImgBox{padding-bottom:24.1875rem;border-radius:1.875rem;} } @media screen and (max-width:1200px){ .indexBusiness{padding-bottom:5rem;padding-top:3rem;} .subjectsBOX .title .t{font-size:1.5rem;} } @media screen and (max-width:1024px){ .indexBusiness{padding-bottom:4rem;padding-top:2rem;} .subjectsBOX .title .t{font-size:1.25rem;} } @media screen and (max-width:991px){ .indexBusiness{padding-bottom:3rem;padding-top:2rem;} .subjectsBOX .title .t span:after{ display: none;} .subjectsBOX .title .t span{padding-right:0;} } @media screen and (max-width:768px){ .indexBusiness{padding-bottom:3rem;padding-top:2rem;} .subjectsBOX .title{ right:0;left:0;margin:0 auto;text-align:center;} .subjectsBOX .title .t{font-size:1.25rem;} /* .subjectsBOX .ImgBox .img:after{ display: none;} .subjectsBOX .ImgBox .img:before{ display: block;} */ .subjectsBOX{padding-left:11rem;} } @media screen and (max-width:640px){ .subjectsBOX .title .t{font-size:16px;} } /*subjects3BOX*/ #subjects3 {height:24.1875rem;position: relative;} #subjects3 .item{position:absolute;top:0; left:100%; width:31%; height:100%; overflow:hidden; -webkit-opacity:1; opacity:1; display:block;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;} #subjects3 .item1 {z-index:8;} #subjects3 .item2 {z-index:7;} #subjects3 .item3 {z-index:6;} #subjects3 .item4 {z-index:5;} /*#subjects3*/ #subjects3 .trans a {filter: alpha(opacity=0);opacity: 0;} /* 逐个出现 */ #subjects3 .ready .item2 {transition-delay:150ms; -webkit-transition-delay:150ms; -ms-transition-delay:150ms; -moz-transition-delay:150ms;} #subjects3 .ready .item3 {transition-delay:300ms; -webkit-transition-delay:300ms; -ms-transition-delay:300ms; -moz-transition-delay:300ms;} #subjects3 .ready .item4 {transition-delay:450ms; -webkit-transition-delay:450ms; -ms-transition-delay:450ms; -moz-transition-delay:450ms;} @media screen and (min-width:1024.1px){ /* 没有指向 */ #subjects3 .state-0 .item1 {left:0;} #subjects3 .state-0 .item2 {left:22%;} #subjects3 .state-0 .item3 {left:46%;} #subjects3 .state-0 .item4 {left:68.916%;} /* 指向第一个 */ #subjects3 .state-1 .item1 {left:0;} #subjects3 .state-1 .item2 {left:26%;} #subjects3 .state-1 .item3 {left:50%;} #subjects3 .state-1 .item4 {left:68.916%;} #subjects3 .state-1 .item1{width:41.77%;z-index:10;} #subjects3 .state-1 .item1 .ImgBox .img:after{filter: alpha(opacity=0);opacity: 0;} #subjects3 .state-1 .item1 .ImgBox .img:before{filter: alpha(opacity=100);opacity:1;} #subjects3 .state-1 .item1 .title{right:30%;} /* 指向第二个 */ #subjects3 .state-2 .item1 {left:0%;width:21%;} #subjects3 .state-2 .item2 {left:15%;} #subjects3 .state-2 .item3 {left:50%;} #subjects3 .state-2 .item4 {left:70.916%;} #subjects3 .state-2 .item2{width:41.77%;z-index:10;} #subjects3 .state-2 .item2 .ImgBox .img:after{filter: alpha(opacity=0);opacity: 0;} #subjects3 .state-2 .item2 .ImgBox .img:before{filter: alpha(opacity=100);opacity:1;} #subjects3 .state-2 .item2 .title{right:30%;} /* 指向第三个 */ #subjects3 .state-3 .item1 {left:0;width:21%;} #subjects3 .state-3 .item2 {left:13%;} #subjects3 .state-3 .item3 {left:40%;} #subjects3 .state-3 .item4 {left:76.916%;width:23%;} #subjects3 .state-3 .item3{width:41.77%;z-index:10;} #subjects3 .state-3 .item3 .ImgBox .img:after{filter: alpha(opacity=0);opacity: 0;} #subjects3 .state-3 .item3 .ImgBox .img:before{filter: alpha(opacity=100);opacity:1;} #subjects3 .state-3 .item3 .title{right:30%;} /* 指向第四个 */ #subjects3 .state-4 .item1 {left:0;width:21%;} #subjects3 .state-4 .item2 {left:12%;} #subjects3 .state-4 .item3 {left:36%;} #subjects3 .state-4 .item4 {left:58.146%;} #subjects3 .state-4 .item4{width:41.77%;z-index:10;} #subjects3 .state-4 .item4 .ImgBox .img:after{filter: alpha(opacity=0);opacity: 0;} #subjects3 .state-4 .item4 .ImgBox .img:before{filter: alpha(opacity=100);opacity:1;} #subjects3 .state-4 .item4 .title{right:30%;} } /*subjects2BOX*/ .subjectsBig{display:flex;flex-direction:row;flex-wrap: wrap;box-sizing:border-box;align-items:flex-start;justify-content:space-between;width:100%; position: relative; padding-top: 4.75rem;} .subjects2BOX{width:58.4375%;margin-bottom:2.8125rem;} #subjects2 {height:24.1875rem;position: relative;} #subjects2 .item{position:absolute;top:0; left:100%; width:59.2%; height:100%; overflow:hidden; -webkit-opacity:1; opacity:1; display:block;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;} #subjects2 .item1 {z-index:8;} #subjects2 .item2 {z-index:7;} @media screen and (min-width:1024.1px){ #subjects2 .trans a {filter: alpha(opacity=0);opacity: 0;} /* 逐个出现 */ #subjects2 .ready .item2 {transition-delay:150ms; -webkit-transition-delay:150ms; -ms-transition-delay:150ms; -moz-transition-delay:150ms;} /* 没有指向 */ #subjects2 .state-0 .item1 {left:0;} #subjects2 .state-0 .item2 {left:40.8%;} /* 指向第一个 */ #subjects2 .state-1 .item1 {left:0;} #subjects2 .state-1 .item2 {left:50.8%;width:49.2%;} #subjects2 .state-1 .item1{width:81%;z-index:10;} #subjects2 .state-1 .item1 .ImgBox .img:after{filter: alpha(opacity=0);opacity: 0;} #subjects2 .state-1 .item1 .ImgBox .img:before{filter: alpha(opacity=100);opacity:1;} #subjects2 .state-1 .item1 .title{right:30%;} /* 指向第二个 */ #subjects2 .state-2 .item1 {left:0%;width:49.2%;} #subjects2 .state-2 .item2 {left:20%;} #subjects2 .state-2 .item2{width:81%;z-index:10;} #subjects2 .state-2 .item2 .ImgBox .img:after{filter: alpha(opacity=0);opacity: 0;} #subjects2 .state-2 .item2 .ImgBox .img:before{filter: alpha(opacity=100);opacity:1;} #subjects2 .state-2 .item2 .title{right:30%;} } /*subjects1BOX*/ .subjects1BOX{width:39.875%;margin-bottom:2.8125rem;} #subjects1 {height:24.1875rem;position: relative;} #subjects1 .item{position:absolute;top:0; left:100%; width:100%; height:100%; overflow:hidden; -webkit-opacity:1; opacity:1; display:block;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;} #subjects1 .item1 {z-index:8;left:0;} @media screen and (min-width:1024.1px){ #subjects1 .item1:hover .ImgBox .img:after{filter: alpha(opacity=0);opacity: 0;} #subjects1 .item1:hover .ImgBox .img:before{filter: alpha(opacity=100);opacity:1;} #subjects1 .item1:hover .title{right:30%;} #subjects1 .item1 .ImgBox img{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;} #subjects1 .item1:hover .ImgBox img{-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform: scale(1.08);} } @media screen and (max-width:2560px){ .subjectsBig{padding-top: 4.75rem;} .subjects2BOX{margin-bottom:2.8125rem;} #subjects2 {height:24.1875rem;} #subjects3 {height:24.1875rem;} } @media screen and (max-width:1200px){ .subjectsBig{padding-top:3rem;} } @media screen and (max-width:1024px){ .subjects1BOX{width:100%;} .subjects2BOX{width:100%;} #subjects2 .item1, #subjects2 .state-0 .item1 {left:0;} #subjects2 .item2, #subjects2 .state-0 .item2 {left:50%;} #subjects3 {height:24.1875rem;border-radius:30px;} #subjects3 .item{top:0; width:50%; height:50%;} #subjects3 .item1, #subjects3 .state-0 .item1 {left:0;} #subjects3 .item2, #subjects3 .state-0 .item2 {left:50%;} #subjects3 .item3, #subjects3 .state-0 .item3 {left:0%;top:50%;} #subjects3 .item4, #subjects3 .state-0 .item4 {left:50%;top:50%;} #subjects2 .item{width:50%; } #subjects2 .state-0 .item1 {left:0;} #subjects2 .state-0 .item2 {left:50%;} .subjectsBOX .ImgBox{padding-bottom:0;width:100%;height:100%;border-radius:0;} } /**************************scrDIV.scrActive**************************/ /*fade-text*/ @media only screen and (min-width:768px){.scrDIV.fade-text1 .l{opacity:0;-webkit-transform:translateY(.5em);transform:translateY(.5em);display:inline-block;-webkit-transition:opacity .8s ease-out,-webkit-transform .8s ease-out;transition:opacity .8s ease-out,-webkit-transform .8s ease-out;transition:opacity .8s ease-out,transform .8s ease-out;transition:opacity .8s ease-out,transform .8s ease-out,-webkit-transform .8s ease-out;will-change:opacity,transform}} @media only screen and (min-width:768px){.scrDIV.scrActive.fade-text1 .l{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}} .scrDIV.fade-text1{opacity:0;-webkit-transform:translateY(.5em);transform:translateY(.5em);-webkit-transition:opacity .8s ease-out,-webkit-transform .8s ease-out;transition:opacity .8s ease-out,-webkit-transform .8s ease-out;transition:opacity .8s ease-out,transform .8s ease-out;transition:opacity .8s ease-out,transform .8s ease-out,-webkit-transform .8s ease-out;will-change:opacity,transform} .scrDIV.scrActive.fade-text1{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} /*fade-textrandom*/ .scrDIV.fade-textrandom{opacity:0;-webkit-transition:opacity 1s ease,-webkit-filter .8s ease-out;transition:opacity 1s ease,-webkit-filter .8s ease-out;transition:opacity 1s ease,filter .8s ease-out;transition:opacity 1s ease,filter .8s ease-out,-webkit-filter .8s ease-out} @media only screen and (min-width:768px){.scrDIV.fade-textrandom{will-change:opacity,filter;-webkit-filter:blur(3px);filter:blur(3px)}} .scrDIV.scrActive.fade-textrandom{opacity:1} @media only screen and (min-width:768px){.scrDIV.scrActive.fade-textrandom{-webkit-filter:blur(0);filter:blur(0)}} /*effect01*/ .scrDIV.effect01{opacity:0;-webkit-transform:translateY(.5em);transform:translateY(.5em);-webkit-transition:opacity .8s ease-out,-webkit-transform .8s ease-out;transition:opacity .8s ease-out,-webkit-transform .8s ease-out;transition:opacity .8s ease-out,transform .8s ease-out;transition:opacity .8s ease-out,transform .8s ease-out,-webkit-transform .8s ease-out} .scrDIV.scrActive.effect01{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} @media only screen and (min-width:768px){ .scrDIV.effect01{will-change:opacity,transform} } /*effect02*/ .scrDIV.effect02{-webkit-mask-repeat:no-repeat;-webkit-mask-size:200% 100%;-webkit-mask-position:-100% 0} @media only screen and (min-width:768px){.scrDIV.effect02{-webkit-mask-image:radial-gradient(circle farthest-corner at 100% 0,#000 60%,transparent 90%)}} @media only screen and (max-width:767px){.scrDIV.effect02{-webkit-mask-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,0)),color-stop(50%,#000));-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0) 0,#000 50%)}} .scrDIV.scrActive.effect02{opacity:1;-webkit-animation:maskAnimation 3s forwards cubic-bezier(.215,.61,.355,1);animation:maskAnimation 3s forwards cubic-bezier(.215,.61,.355,1)} @-webkit-keyframes maskAnimation{0%{-webkit-mask-position:-100% 0}100%{-webkit-mask-position:100% 0}} @keyframes maskAnimation{0%{-webkit-mask-position:-100% 0}100%{-webkit-mask-position:100% 0}} /*delay*/ .scrDIV.delay_3{-webkit-transition-delay:.3s;transition-delay:.3s} .scrDIV.delay_6{-webkit-transition-delay:.6s;transition-delay:.6s} .scrDIV.delay_9{-webkit-transition-delay:.9s;transition-delay:.9s} /*fadeInUpimg*/ .fadeInUpimg{-webkit-animation-name:fadeInUpimg;animation-name:fadeInUpimg} @keyframes fadeInUpimg{0%{transform:scale(1.5)}100%{transform:none}} .fadeInUpimg2{-webkit-animation-name:fadeInUpimg2;animation-name:fadeInUpimg2} @keyframes fadeInUpimg2{0%{transform:scale(1.2)}100%{transform:scale(1)}} .fadeInUpimg3{-webkit-animation-name:fadeInUpimg3;animation-name:fadeInUpimg3} @keyframes fadeInUpimg3{0%{transform:scale(1.1)}100%{transform:scale(1)}} /*fadeOutUpbg*/ .fadeOutUpbg{-webkit-animation-name:fadeOutUpbg;animation-name:fadeOutUpbg;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards} @-webkit-keyframes fadeOutUpbg{0%{opacity:1}to{-webkit-transform:translate3d(0,-102%,0);transform:translate3d(0,-102%,0)}} @keyframes fadeOutUpbg{0%{opacity:1}to{-webkit-transform:translate3d(0,-102%,0);transform:translate3d(0,-102%,0)}} /*fadeIn2*/ .fadeIn2{-webkit-animation-name:fadeIn2;animation-name:fadeIn2} @keyframes fadeIn2{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}} /*arrowRun*/ @keyframes arrowRun{0%{transform:translate3d(0%,0%,0px) scale3d(1,1,1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg);transform-style:preserve-3d}7%{transform:translate3d(150%,-150%,0px) scale3d(1,1,1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg);transform-style:preserve-3d}7.1%{transform:translate3d(-150%,150%,0px) scale3d(1,1,1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg);transform-style:preserve-3d}14%{transform:translate3d(0%,0%,0px) scale3d(1,1,1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg);transform-style:preserve-3d}} @keyframes arrowRun2{ 0%{transform:translate3d(0%,0%,0px) scale3d(1,1,1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg);transform-style:preserve-3d} 7%{transform:translate3d(150%,-150%,0px) scale3d(1,1,1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg);transform-style:preserve-3d} 7.1%{transform:translate3d(-150%,150%,0px) scale3d(1,1,1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg);transform-style:preserve-3d} 14%{transform:translate3d(0%,0%,0px) scale3d(1,1,1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg);transform-style:preserve-3d}} /***********************page***********************/ /*pagebanner*/ .pagebanner{ position: relative; overflow:hidden;} .pagebanner .bannerpic{margin:0;display:block; overflow:hidden;height:0;background-position:center top;background-repeat:no-repeat;padding-bottom:50%; position:relative;background-size:cover;z-index:1;} .pagebanner .bannerpic img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;right:0;animation: srmgani 4000ms 1 ease forwards;} @keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}} .pagebanner video{ display:block;max-width:none;width:100%;height:100%;-o-object-fit:cover;object-fit:cover; position:absolute;top:0;left:0;z-index:2;} .pagebanner .bannerbg{display:block;position: absolute; top:0;bottom:0; left:0; width: 100%; height: 100%;z-index:3;pointer-events:none;background-color: #000000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity: 0.5;} @media screen and (max-width:1024px){ .pagebanner .bannerpic{padding-bottom:60%;} } @media screen and (max-width:768px) { .pagebanner .bannerpic{padding-bottom:70%;min-height:31.25rem;} } /*pagebanner .t*/ .pagebanner .t {position:absolute;right:3%;left:3%;margin:0 auto;top:50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index:4;color:#ffffff; text-align: center;} .pagebanner .t .cn{font-size:4.0625rem;line-height:1;color:#fff;display:block;font-weight:700;} .pagebanner .t .wz{font-size:1.25rem;line-height:1;color:#fff;display:block;margin-top: 1.125rem; font-weight:normal; text-transform:uppercase;} @media screen and (max-width:1200px){ .pagebanner .t .cn{font-size:3rem;} .pagebanner .t .wz{font-size:1.125rem;margin-top:1rem;} } @media screen and (max-width:1024px){ .pagebanner .t .cn{font-size:2.75rem;} .pagebanner .t .wz{font-size:1rem;margin-top:0.625rem;} } @media screen and (max-width:768px) { .pagebanner .t .cn{font-size:2.5rem;} .pagebanner .t .wz{font-size:12px;} } @media screen and (max-width:750px) { .pagebanner .t .cn{font-size:2rem;} } /*videoBox*/ .pagebanner.bannerabout .t{ padding-bottom:5.875rem;} .videoBtn{width:3.125rem; position: absolute;bottom:0;left:0;right:0;margin:0 auto; cursor: pointer;} .videoBtn .icon-video{width:3.125rem;height:3.125rem;margin:0 auto;border-radius:50%;background:url('../images/icon-video.png') no-repeat center center; background-size:100%;} .videoBtn .icon-video{ display: block;animation: h_scale 2s linear infinite;-webkit-animation: h_scale 2s linear infinite;} @-webkit-keyframes h_scale{from{opacity:1;-webkit-transform:scale(1);transform:scale(1);}50%{opacity:1;-webkit-transform:scale(1.3);transform:scale(1.3);}} @keyframes h_scale{from{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(1.3);}} @media screen and (max-width:1200px){ .pagebanner.bannerabout .t{padding-bottom:5rem;} .videoBtn{width:3rem} .videoBtn .icon-video{width:3rem;height:3rem;} } @media screen and (max-width:1024px){ .pagebanner.bannerabout .t{padding-bottom:4em;} .videoBtn{width:3rem} .videoBtn .icon-video{width:3rem;height:3rem;} } @media screen and (max-width:768px) { .pagebanner.bannerabout .t{padding-bottom:5rem;} .videoBtn{width:3rem} .videoBtn .icon-video{width:3rem;height:3rem;} } /*pageTit*/ .pageTit{position: relative; text-align: center; font-size: 0; line-height: 0;} .pageTit .titen{font-size:.875rem;color:#000000;font-weight:normal;line-height:1.3; padding:0 4.8125rem; position: relative;text-transform: uppercase;margin-bottom:.75rem; display: inline-block; margin-top: 1.375rem;} .pageTit .titen:before{ content: ''; width:3.5rem;height:.25rem;position: absolute;left:0;top:50%;margin-top:-0.125rem;border-radius: .25rem;transition: all 0.4s linear;background: linear-gradient(-90deg, #3d9ac5 0%, #114ce3 100%);} .pageTit .titen:after{ content: ''; width:3.5rem;height:.25rem;position: absolute;right:0;top:50%;margin-top:-0.125rem;border-radius: .25rem;transition: all 0.4s linear;background: linear-gradient(-90deg, #3d9ac5 0%, #114ce3 100%)} .pageTit .tit {font-size:3.125rem;color:#000000;line-height:1; font-weight:600;} .pageTit .tit span{color:#0b48e2;} .pageTit .tit a{color:#000000;} @media screen and (max-width:2560px){ .pageTit .tit{font-size:3.125rem;} .pageTit .titen{font-size:.875rem;padding:0 4.8125rem;margin-bottom:.75rem;margin-top: 1.375rem;} .pageTit .titen:before, .pageTit .titen:after{width:3.5rem;height:.25rem;margin-top:-0.125rem;border-radius: .25rem;} } @media screen and (max-width:1920px){ .pageTit .titen{font-size:.875rem;} } /* @media screen and (max-width:1680px){ .pageTit .tit{font-size:46px;} }*/ /* @media screen and (max-width:1440px){ .pageTit .tit{font-size:2.5rem;} } */ @media screen and (max-width:1200px){ .pageTit .tit{font-size:2.25rem;} .pageTit .titen{padding:0 3rem;} .pageTit .titen:before, .pageTit .titen:after{width:2.5rem;} } @media screen and (max-width:1024px){ .pageTit .tit{font-size:1.875rem;} .pageTit .titen{padding:0 2.5rem;} .pageTit .titen:before, .pageTit .titen:after{width:2rem;} } @media screen and (max-width:768px){ .pageTit .tit{font-size:1.75rem;} } /*pageAbout*/ .pageAbout{padding-top:8.75rem;overflow:hidden;} .pageAbout .des{color:#2c2c2c;font-size:1.25rem;line-height:1.5;max-width:83.75%;margin:0 auto;font-weight:normal;margin-bottom:1.5625rem; padding-top:2.5rem; text-align: justify;} @media screen and (max-width:2560px){ .pageAbout{padding-top:8.75rem;} .pageAbout .des{font-size:1.25rem;margin-bottom:1.5625rem; padding-top:2.5rem;} } @media screen and (max-width:1920px){ .pageAbout .des{max-width:90%;} } @media screen and (max-width:1200px){ .pageAbout{padding-top:7rem;} .pageAbout .des{font-size:1.125rem;margin-bottom:1.5rem; padding-top:2rem;} } @media screen and (max-width:1024px){ .pageAbout{padding-top:5rem;} .pageAbout .des{font-size:1.125rem;margin-bottom:1.5rem; padding-top:2rem;} } @media screen and (max-width:768px){ .pageAbout{padding-top:4rem;} .pageAbout .des{font-size:1rem;margin-bottom:1.25rem;padding-top:2rem;} } /*dataList*/ .pageCompounddata{margin: 0 auto; width:100%; text-align: center;position: absolute;bottom:0;left:0;right:0; background-color:rgba(255, 255, 255, 0.7);} .dataList{padding:0;margin: 0 auto;list-style:none;font-size:0;position: relative;z-index:3;display:flex;flex-direction: row;box-sizing:border-box;align-items:flex-start;flex-wrap:wrap;justify-content:space-between;max-width:100rem;padding-top:3.5625rem;padding-bottom:2.6875rem; } .dataList li{font-size:1.25rem;line-height:1.5;color:#070707;text-align:center;font-weight:500; width:25%; position: relative;} .dataList li:after{content:"";position:absolute;left:0;top:50%;width:1px;height:7rem;margin-top:-3.5rem;background:#000000;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;} .dataList li:nth-child(1):after{ display: none;} .dataList li .number{font-size:3.75rem;line-height:1;font-weight:600; margin-bottom:.5rem;} .dataList li .counter{margin-right:.25rem;} .dataList li .sup{font-size:2.5rem;line-height:1;position:relative;top:.5rem;vertical-align: top;color:#070707;font-weight:600;} .dataList li .sub{font-size:1.25rem;line-height:1;position:relative;top:0;vertical-align:baseline;color:#070707;font-weight:600;} .dataList li .wz{color:#2c2c2c;font-size:1.25rem;line-height:1.5;margin:0 auto;font-weight:normal;margin-bottom: .875rem;} @media screen and (max-width:2560px) { .dataList{max-width:100rem;padding-top:3.5625rem;padding-bottom:2.6875rem; } .dataList li{font-size:1.25rem;} .dataList li:after{height:7rem;margin-top:-3.5rem;} .dataList li .number{font-size:3.75rem;margin-bottom:.5rem;} .dataList li .counter{margin-right:.25rem;} .dataList li .sup{font-size:2.5rem;} .dataList li .sub{font-size:1.25rem;} .dataList li .wz{font-size:1.25rem;margin-bottom: .875rem;} } @media screen and (max-width:1920px) { .dataList{max-width:1600px; } } @media screen and (max-width:1200px) { .dataList{padding-top:3rem;padding-bottom:2rem; } .dataList li{font-size:1.125rem;} .dataList li:after{height:7rem;margin-top:-3.5rem;} .dataList li .number{font-size:3rem;margin-bottom:.5rem;} .dataList li .counter{margin-right:.25rem;} .dataList li .sup{font-size:2.25rem;top:.25rem;} .dataList li .sub{font-size:1.125rem;} .dataList li .wz{font-size:1.125rem;margin-bottom: .875rem;} } @media screen and (max-width:1024px) { .pageCompounddata{position: relative; z-index: 2;background-color:rgba(235, 235, 235, 0.7);} .dataList li .number{font-size:2.5rem;;top:.15rem;} .dataList li .sup{font-size:2rem;top:.25rem;} .dataList li:after{ display: none;} .dataList li{font-size:1rem;} .dataList li .sub{font-size:1rem;} .dataList li .wz{font-size:1rem;margin-bottom: .875rem;} } @media screen and (max-width:768px) { .pageCompounddata{position: relative; z-index: 2;background-color:rgba(235, 235, 235, 0.7);} .dataList li .number{font-size:2rem;} .dataList li .sup{font-size:1.8rem;top:.15rem;} .dataList li{width:50%;margin-bottom: 1rem;} } @media screen and (max-width:640px) { .dataList li .number{font-size:1.75rem;} .dataList li .sup{font-size:1.5rem;top:.15rem;} } /*pageCompound*/ .pageCompoundB{padding-top:6.5625rem; padding-bottom:3.75rem;overflow:hidden;} .pageCompound{ position: relative; width:83.33333333333333%;overflow: hidden;margin:0 auto;display: block; margin-top:2rem;} .pageCompound .item{width:100%;position:relative;-moz-transition: all .3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all .3s ease-in-out;overflow: hidden; background-color: #fff;} .pageCompound .itema{width:100%;display: block;position:relative;overflow: hidden;border-radius:3.75rem;} .pageCompound .imgB{width:100%;margin:0;overflow: hidden;display: block; position:relative;height:0;padding-bottom: 56.5625%;border-radius:3.75rem;} .pageCompound .imgB img{position:absolute;margin:0;top:0;right:0;bottom:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;border-radius:3.75rem;} .pageCompound .title{position: relative; text-align: center; font-size: 0; line-height: 0;padding:2.5rem 0;} .pageCompound .title .ten{font-size:.875rem;color:#6a6a6a;font-weight:normal;line-height:1; position: relative;text-transform: uppercase;} .pageCompound .title .t {font-size:1.875rem;color:#000000;line-height:1.5; font-weight:400;margin-bottom:.75rem;} /*swiper-slide-active*/ .pageCompound .item{opacity:0; background-color: #fff;} .pageCompound .item.swiper-slide-active{opacity:1;} .pageCompound .item.swiper-slide-active .imgB img{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;animation: smgani2 4000ms 1 ease forwards;} @keyframes smgani2{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}} @media screen and (max-width:2560px) { .pageCompoundB{padding-top:6.5625rem; padding-bottom:3.75rem;} .pageCompound{margin-top:2rem;} .pageCompound .title{padding:2.5rem 0;} .pageCompound .title .ten{font-size:.875rem;} .pageCompound .title .t {font-size:1.875rem;margin-bottom:.75rem;} } @media screen and (max-width:1920px) { .pageCompound .title .ten{font-size:14px;} } @media screen and (max-width:1440px) { .pageCompound{width:86%;} } @media screen and (max-width:1200px) { .pageCompound{ width:90%;} .pageCompoundB{padding-top:5rem; padding-bottom:3rem;} .pageCompound{margin-top:2rem;} .pageCompound .title{padding:2.5rem 0;} .pageCompound .title .ten{font-size:.875rem;} .pageCompound .title .t {font-size:1.5rem;margin-bottom:.5rem;} .pageCompound .imgB img, .pageCompound .imgB{border-radius:3rem;} } @media screen and (max-width:1024px){ .pageCompound .title .t {font-size:1.25rem;margin-bottom:.5rem;} .pageCompound .itema{border-radius:2.5rem;} .pageCompoundB{padding-top:4rem; padding-bottom:2rem;} } @media screen and (max-width:768px){ .pageCompound{ width:94%;} .pageCompound .title .t {font-size:1.125rem;margin-bottom:.5rem;} .pageCompound .itema{border-radius:2rem;} .pageCompoundB{padding-top:3rem; padding-bottom:1.5rem;} .pageCompound .imgB img, .pageCompound .imgB{border-radius:2rem;} } /*swbtn*/ .swbtn{ font-size:0;line-height: 0;} .swbtn .mbtn{display:inline-block;width:100px;height:100px;border-radius:50%; position:absolute;top:25.125rem;padding:0;margin: 0;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out; background-position:center center; background-repeat:no-repeat;background-size:1.25rem;background-color:rgba(255, 255, 255, 0.7);} .swbtn .mbtn.swiper-button-disabled{opacity:0;} .swbtn .mbtn.swiper-button-prev{background-image:url(../images/arrow-left.png);left:2.25rem;} .swbtn .mbtn.swiper-button-next{background-image:url(../images/arrow-right.png);right:2.25rem;} .swbtn .mbtn:hover{ background-color: #fff;} @media screen and (max-width:1920px){ .swbtn .mbtn{width:6.25rem;height:6.25rem;background-size:1.25rem;} } @media screen and (max-width:1200px){ .swbtn .mbtn{top:20vw;width:5rem;height:5rem;background-size:1.125rem;} } @media screen and (max-width:1024px){ .swbtn .mbtn{top:30vw;width:4rem;height:4rem;background-size:1rem;} } @media screen and (max-width:768px){ .swbtn .mbtn{top:30vw;width:45px;height:45px;background-size:10px;} } /*paginationB3*/ .paginationB3{ text-align: center;margin-top:3.3125rem;} .paginationB3 .swiper-pagination{bottom:0;line-height:0;font-size:0; position:static; display:inline-block;text-align:center;width: auto;} .paginationB3 .swiper-pagination span{width:.625rem;height:.625rem;border-radius:.625rem;margin-right:.625rem;outline:none;border:none;opacity:1;float:none;background:rgba(57,57,57,.3);cursor: pointer;position: relative;overflow:hidden;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;} .paginationB3 .swiper-pagination span.swiper-pagination-bullet-active{width:2.5rem;} .paginationB3 .swiper-pagination span.swiper-pagination-bullet-active .timer, .paginationB3 .swiper-pagination .swiper-pagination-bullet .timer{display:block;position:relative;background:transparent;opacity:1} .paginationB3 .swiper-pagination .swiper-pagination-bullet .process{display:block;position:absolute;top:0;left:0;width:0;opacity:0;height:100%;background:#393939;transition-property: width;transition-timing-function: linear;border-radius:.625rem;} .paginationB3 .swiper-pagination .swiper-pagination-bullet.play .process{opacity:1;width:100%;} .paginationB3 .swiper-pagination span::after{ display:none;} @media screen and (max-width:1200px){ .paginationB3{margin-top:3rem;} } @media screen and (max-width:1024px){ .paginationB3{margin-top:2rem;} } @media screen and (max-width:768px) { .paginationB3{margin-top:1rem;} .paginationB3 .swiper-pagination span{width:.375rem;height:.375rem;} .paginationB3 .swiper-pagination span.swiper-pagination-bullet-active{width:1.5rem;} } /*pageCase*/ .pageCaseB{padding-top:6.25rem; padding-bottom:8.9375rem;overflow:hidden;} .pageCase{ position: relative; width:83.33333333333333%;overflow: hidden;margin:0 auto;display: block;} .pageCase .item{width:100%;position:relative;-moz-transition: all .3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;transition: all .3s ease-in-out;overflow: hidden; background-color: #fff;} .pageCase .itema{width:100%;display: block;position:relative;overflow: hidden;border-radius:3.75rem;} .pageCase .imgB{width:100%;margin:0;overflow: hidden;display: block; position:relative;height:0;padding-bottom:54.375%;border-radius:3.75rem;} .pageCase .imgB img{position:absolute;margin:0;top:0;right:0;bottom:0;left:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;border-radius:3.75rem;} .pageCase .imgB:before{content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background:url(../images/page-casebg.png) center center no-repeat; background-size: 100% 100%;} .pageCase .pageCasedata{position: relative; z-index: 2;margin: 0 auto; width:100%; text-align: center;position: absolute;bottom:0;left:0;right:0; background-color:rgba(255, 255, 255, 0.7);} .pageCase .title{position:absolute; text-align: center; font-size: 0; line-height: 0;padding:0;bottom:7.8125rem;left:0;right:0; z-index: 3;} .pageCase .title .t {font-size:1.5rem;color:#fff;line-height:1.5; font-weight:400; padding:0 1.875rem;} /*swiper-slide-active*/ .pageCase .item{opacity:0; background-color: #fff;} .pageCase .item.swiper-slide-active{opacity:1;} .pageCase .item.swiper-slide-active .imgB img{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;} .pageCase .item.swiper-slide-active .imgB img{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;animation: smgani 4000ms 1 ease forwards;} @keyframes smgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}} /*paginationB3*/ .pageCase .paginationB3{margin-top:0; position: absolute;left:0;right:0;bottom:3.125rem; z-index: 4;} .pageCase .paginationB3 .swiper-pagination span{background:rgba(255,255,255,.3);} .pageCase .paginationB3 .swiper-pagination .swiper-pagination-bullet .process{background:#fff;} @media screen and (max-width:1440px) { .pageCase{width:86%;} } @media screen and (max-width:1200px) { .pageCase{ width:90%;} .pageCaseB{padding-top:5rem; padding-bottom:6rem;} .pageCase .title{bottom:7rem;} .pageCase .title .t {font-size:1.25rem;padding:0 1.5rem;} .pageCase .paginationB3{bottom:3rem;} .pageCase .imgB, .pageCase .imgB img, .pageCase .itema{border-radius:3rem;} } @media screen and (max-width:1024px){ .pageCaseB{padding-top:4rem; padding-bottom:5rem;} .pageCase .title{bottom:5rem;} .pageCase .title .t {font-size:1.125rem;padding:0 1.25rem;} .pageCase .paginationB3{bottom:2rem;} .pageCase, .pageCaseSW, .pageCase .item, .pageCase .imgB, .pageCase .imgB img, .pageCase .itema{border-radius:2.5rem;} } @media screen and (max-width:768px){ .pageCase{ width:94%;} .pageCaseB{padding-top:3rem; padding-bottom:4rem;} .pageCase .title{bottom:3rem;} .pageCase .title .t {font-size:1.125rem;padding:0 1.25rem;} .pageCase .paginationB3{bottom:1.5rem;} .pageCase, .pageCaseSW, .pageCase .item, .pageCase .imgB, .pageCase .imgB img, .pageCase .itema{border-radius:2rem; overflow: hidden;} } /*pageTit2*/ .pageTit2{position: relative; text-align: center; font-size: 0; line-height: 0;} .pageTit2 .titen{font-size:.875rem;color:#000000;font-weight:normal;line-height:1.3; text-transform: uppercase;margin-bottom:.75rem; margin-top: 1.375rem;} .pageTit2 .tit {font-size:3.125rem;color:#b41a1c;line-height:1; font-weight:600;} .pageTit2 .tit span{padding:0 5.625rem;position: relative; display: inline-block;} .pageTit2 .tit span:before{content: ''; width:3.5rem;height:.25rem;position: absolute;left:0;top:50%;margin-top:-0.125rem;border-radius: .25rem;transition: all 0.4s linear;background:#b41a1c;} .pageTit2 .tit span:after{content: ''; width:3.5rem;height:.25rem;position: absolute;right:0;top:50%;margin-top:-0.125rem;border-radius: .25rem;transition: all 0.4s linear;background:#b41a1c;} @media screen and (max-width:2560px){ .pageTit2 .tit{font-size:3.125rem;} .pageTit2 .titen{font-size:.875rem;padding:0 4.8125rem;margin-bottom:.75rem;margin-top: 1.375rem;} .pageTit2 .titen:before, .pageTit2 .titen:after{width:3.5rem;height:.25rem;margin-top:-0.125rem;border-radius: .25rem;} } @media screen and (max-width:1920px){ .pageTit2 .titen{font-size:.875rem;} } /* @media screen and (max-width:1680px){ .pageTit2 .tit{font-size:46px;} }*/ /* @media screen and (max-width:1440px){ .pageTit2 .tit{font-size:2.5rem;} } */ @media screen and (max-width:1200px){ .pageTit2 .tit{font-size:2.25rem;} } @media screen and (max-width:1024px){ .pageTit2 .tit{font-size:1.875rem;} } @media screen and (max-width:768px){ .pageTit2 .tit{font-size:1.75rem;} } /*pageHonorList*/ .pageHonorList{padding:0;margin: 0 auto;list-style:none;font-size:0;position: relative;z-index:3;display:flex;flex-direction: row;box-sizing:border-box;align-items:flex-start;flex-wrap:wrap;justify-content: center;padding-top:6.5625rem;padding-bottom:1.5625rem;} .pageHonorList li{width:33.3333333%;position:relative;line-height:1.8;color:#000000;text-align:center;font-weight:500;margin-bottom:4.375rem;font-size:1.25rem;} .pageHonorList li:after{content:"";position:absolute;right:0;top:0;width:1px;height:100%;background:#b6b7b7;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;} .pageHonorList li:nth-child(3):after{ display: none;} .pageHonorList li:nth-child(5):after{ display: none;} .pageHonorList li .t{ text-align: center;} .pageHonorList li .t span{margin:0 auto;color:#fff;font-size:1.25rem;line-height:1.625rem;padding:.75rem 1.25rem;border-radius:3.125rem;margin-bottom:1.5rem;font-weight:600;background-color:#b41a1c;background: linear-gradient(-90deg, #dc383a 0%, #b41a1c 100%); display: inline-block;} @media screen and (max-width:2560px) { .pageHonorList{padding-top:6.5625rem;padding-bottom:1.5625rem; } .pageHonorList li{margin-bottom:4.375rem;font-size:1.25rem;} .pageHonorList li .t span{font-size:1.25rem;line-height:1.625rem;padding:.75rem 1.25rem;border-radius:3.125rem;margin-bottom:1.5rem;} } @media screen and (max-width:1200px) { .pageHonorList{padding-top:5rem;padding-bottom:1rem; } .pageHonorList li{margin-bottom:3rem;font-size:1.125rem;} .pageHonorList li .t span{font-size:1.125rem;line-height:1.5;padding:.75rem 1.25rem;border-radius:3.125rem;margin-bottom:1.5rem;} } @media screen and (max-width:1024px) { .pageHonorList li{width:50%;} .pageHonorList{padding-top:4rem;padding-bottom:1rem; } .pageHonorList li{margin-bottom:2rem;font-size:1rem;} .pageHonorList li .t span{font-size:1rem;line-height:1.5;} .pageHonorList li:nth-child(2):after{ display: none;} .pageHonorList li:nth-child(4):after{ display: none;} .pageHonorList li:nth-child(3):after{ display: block;} } @media screen and (max-width:768px) { .pageHonorList{padding-top:3rem;padding-bottom:1rem; } .pageHonorList li{margin-bottom:1.5rem;font-size:1rem;} .pageHonorList li .t span{font-size:1rem;line-height:1.5;} .pageHonorList li{width:100%;} } /*pageCertification*/ .pageCertification{background:#ebf1f8;padding-top:6.5rem;overflow:hidden;} .pageHonorwz{font-size:1.25rem;line-height:1.8;color:#000000;text-align:center;font-weight:500;max-width:45rem;margin:0 auto;margin-bottom: 1.4375rem;} .pageHonorimgBOX{padding-bottom:6.625rem;background:url(../images/page-honorbg.jpg) center top no-repeat; background-size:100%;} /*pageHonorimgList*/ .pageHonorimgList{margin: 0 auto;list-style:none;font-size:0;position: relative;z-index:3;display:flex;flex-direction: row;box-sizing:border-box;align-items:flex-start;flex-wrap:wrap;justify-content: center;padding:0 3.125rem; width:83.75%;} .pageHonorimgList li{width:25%;position:relative;margin-bottom:1.875rem;} .pageHonorimgList .itema{margin:0 .9375rem;} .pageHonorimgList li .t{ text-align: center; display: none;} .pageHonorimgList li .t span{margin:0 auto;color:#fff;font-size:1.25rem;line-height:1.625rem;padding:.75rem 1.25rem;border-radius:3.125rem;margin-bottom:1.5rem;font-weight:600;background-color:#b41a1c;background: linear-gradient(-90deg, #dc383a 0%, #b41a1c 100%); display: inline-block;} .pageHonorimgList .pic{overflow:hidden;position:relative;overflow: hidden;padding-bottom:72.14285714285714%;} .pageHonorimgList .pic>div{position:static!important;} .pageHonorimgList .pic img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:contain;} .pageHonorimgList .pic img{-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} /* .pageHonorimgList .itema:hover .pic img{-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform: scale(1.08);} */ .pageHonorimgList .pic, .pageHonorimgList .itema, .pageHonorimgList .pic img{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} @media screen and (max-width:2560px) { .pageCertification{padding-top:6.5rem;} .pageHonorwz{font-size:1.25rem;max-width:45rem;margin-bottom: 1.4375rem;} .pageHonorimgBOX{padding-bottom:6.625rem;background-size:100%;} .pageHonorimgList{padding:0 3.125rem;} .pageHonorimgList li{margin-bottom:1.875rem;} .pageHonorimgList .itema{margin:0 .9375rem;} .pageHonorimgList li .t span{font-size:1.25rem;line-height:1.625rem;padding:.75rem 1.25rem;border-radius:3.125rem;margin-bottom:1.5rem;} } @media screen and (max-width:1920px) { .pageHonorwz{max-width:720px; width:86%;} } @media screen and (max-width:1440px) { .pageHonorimgList{width:86%;} } @media screen and (max-width:1200px) { .pageHonorimgList{ width:90%;padding:0;} .pageHonorimgBOX{ background-size:cover} .pageCertification{padding-top:5rem;} .pageHonorwz{font-size:1.125rem;margin-bottom: 1.25rem;} .pageHonorimgBOX{padding-bottom:5rem;} .pageHonorimgList{padding:0 2rem;} .pageHonorimgList li{margin-bottom:1.5rem;} .pageHonorimgList .itema{margin:0 .6255rem;} .pageHonorimgList li .t span{font-size:1.125rem;line-height:1.5;margin-bottom:1.25rem;} } @media screen and (max-width:1024px){ .pageCertification{padding-top:4rem;} .pageHonorwz{font-size:1.125rem;margin-bottom: 1.25rem;} .pageHonorimgBOX{padding-bottom:4rem;} .pageHonorimgList{padding:0;} .pageHonorimgList li{margin-bottom:1.5rem;} .pageHonorimgList .itema{margin:0 .6255rem;} .pageHonorimgList li .t span{font-size:1rem;line-height:1.5;margin-bottom:1.25rem;} } @media screen and (max-width:768px){ .pageCertification{padding-top:4rem;} .pageHonorimgList{ width:94%;} .pageHonorimgList li{width:50%;} .pageHonorimgBOX{padding-bottom:3rem;} .pageHonorimgList li .t span{font-size:1.125rem;line-height:1.5;margin-bottom:1.25rem;} } /*pagebigMap*/ .pagebigMap{ background-color: #fff; padding-bottom: 3.125rem; padding-top: 7.8125rem; overflow: hidden;} .pagebigMap .pageMapB{max-width:76.25rem;margin:0 auto; margin-top:.625rem;} .pagebigMap .pageMapB .pic-point{top:calc(50% + 3.75rem);} /*pageMap-text2*/ .pageMap-text2 .pageMap-tit{font-size:1.75rem;color:#000000;line-height:1.3;overflow:hidden;font-weight:600;border-bottom:1px solid #a9adb2; padding-bottom:1.85rem;margin-bottom:2.5rem;} .pageMap-text2{position:relative;height:100%;border-radius:1.25rem;background:url(../images/page-ditubg.png) center top no-repeat #f2f8ff; background-size:100%;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.28);border:1px solid #ebedef;margin-top:-4.0625rem; padding:5.5rem 10.625rem 4.5625rem 10.625rem;} .pageMap-text2 .pageMap-textul{display:flex;text-align:left;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;margin: 0 -5px; } .pageMap-text2 .li{box-shadow:0px 0px 20px 0px rgba(0,40,31,0.05);padding:0;border-radius:.625rem;color:#202945; width:calc(50% - 10px); margin: 0 5px;margin-bottom:.9375rem;background:rgba(255,255,255,.5);} .pageMap-text2 .li .text-box{padding:.75rem 3.125rem 1.25rem 3.125rem;display:block;} .pageMap-text2 .li .des{font-size:1rem;color:#030303;line-height:1.5;font-weight:normal;margin-top:.4375rem;} .pageMap-text2 .li .tt{font-size:1.25rem;color:#030303;line-height:1.5;font-weight:normal; position:relative;} .pageMap-text2 .li .tt::after{content:"";position:absolute;left:-0.875rem;top:50%;width:.25rem;height:.25rem;border-radius:50%;background:#a0a0a0;margin-top:-0.125rem;} @media screen and (max-width:2560px) { .pagebigMap{padding-bottom: 3.125rem;padding-top: 7.8125rem;} .pagebigMap .pageMapB{max-width:76.25rem;margin-top:.625rem;} .pagebigMap .pageMapB .pic-point{top:calc(50% + 3.75rem);} .pageMap-text2 .pageMap-tit{font-size:1.75rem;margin-bottom:3.875rem;margin-bottom:2.5rem;padding-bottom:1.875rem;;} .pageMap-text2{border-radius:1.25rem; padding:5.5rem 10.625rem 4.5625rem 10.625rem;margin-top:-4.0625rem;} .pageMap-text2 .li{border-radius:.625rem;margin-bottom:.9375rem;} .pageMap-text2 .li .text-box{padding:.75rem 3.125rem 1.25rem 3.125rem;} .pageMap-text2 .li .des{font-size:1rem;margin-top:.4375rem;} .pageMap-text2 .li .tt{font-size:1.25rem;} .pageMap-text2 .li .tt::after{left:-0.875rem;width:.25rem;height:.25rem;margin-top:-0.125rem;} } @media screen and (max-width:1920px) { .pagebigMap .pageMapB{max-width:1220px;} } @media screen and (max-width:1200px) { .pagebigMap{padding-bottom: 3.125rem;padding-top:5rem;} .pagebigMap .pageMapB{margin-top:.625rem;} .pagebigMap .pageMapB .pic-point{top:calc(50% + 3.75rem);} .pageMap-text2 .pageMap-tit{font-size:1.5rem;margin-bottom:3.875rem;margin-bottom:2.5rem;padding-bottom:1.875rem;;} .pageMap-text2{border-radius:1.25rem; padding:5rem 7rem 4rem 7rem;margin-top:-3rem;} .pageMap-text2 .li{border-radius:.625rem;margin-bottom:.9375rem;} .pageMap-text2 .li .text-box{padding:.75rem 3rem 1.25rem 3rem;} .pageMap-text2 .li .des{font-size:1rem;margin-top:.4375rem;} .pageMap-text2 .li .tt{font-size:1.125rem;} .pageMap-text2 .li .tt::after{left:-0.875rem;width:.25rem;height:.25rem;margin-top:-0.125rem;} } @media screen and (max-width:1024px) { .pagebigMap{padding-bottom:3rem;padding-top:4rem;} .pageMap-text2{padding:4rem 5rem 3rem 5rem;margin-top:-2rem;} .pageMap-text2 .pageMap-tit{font-size:1.25rem;} .pageMap-text2 .li .des{font-size:.875rem;margin-top:.4375rem;} .pageMap-text2 .li .tt{font-size:1rem;} } @media screen and (max-width:768px) { .pageMap-text2 .li{width:calc(100% - 10px);} .pageMap-text2{padding:3rem 3rem 3rem 3rem;margin-top:-1.5rem;} .pageMap-text2 .pageMap-tit{font-size:1.25rem;} } /**************************pagebanner3**************************/ .pagebanner3{ position: relative;overflow:hidden;min-height:50vw;display:flex;flex-direction: row;box-sizing:border-box;align-items: center;flex-wrap:wrap;justify-content:center;} .pagebanner3 .bannerpic{margin:0;display:block; overflow:hidden;width:100%;height:100%;background-position:center top;background-repeat:no-repeat;position:relative;background-size:cover;z-index:1;position:absolute;top:0;left:0;right:0;} .pagebanner3 .bannerpic img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;right:0;animation: srmgani 4000ms 1 ease forwards;} @keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}} .pagebanner3 .bannerbg{display:block;position: absolute; top:0;bottom:0; left:0; width: 100%; height: 100%;z-index:3;pointer-events:none;background-color: #000000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity: 0.5;} @media screen and (max-width:1024px){ } @media screen and (max-width:768px) { .pagebanner3{ padding:6.25rem 0;} } /*pagebanner .t*/ .pagebanner3 .pagebanner-tt{position:relative;z-index:4;} .pagebanner3 .icon{margin-bottom:5.75rem; display: block; text-align: center;} .pagebanner3 .icon img{height:5.25rem;} .pagebanner3 .t {color:#ffffff; text-align: center;} .pagebanner3 .t .cn{font-size:4.0625rem;line-height:1;color:#fff;display:block;font-weight:700;} .pagebanner3 .t .wz{font-size:1.25rem;line-height:1;color:#fff;display:block;margin-top: 1.125rem; font-weight:700; text-transform:uppercase;} .pagebanner3 .title {color:#ffffff; text-align: center;} .pagebanner3 .title .cn{font-size:2.5rem;line-height:1.3;color:#fff;display:block;font-weight:500;max-width:60rem;margin:0 auto;} .pagebanner3 .title .wz{font-size:1.25rem;color:#fff;display:block;margin-top: 1.125rem; font-weight:normal;} .pagebanner3 .title .wz span.lei{line-height:1.5rem;background:url("../images/icon-lei.png") no-repeat left center;background-size:1.25rem;padding-left:1.875rem; margin-right:2.8125rem;} .pagebanner3 .title .wz span.date{line-height:1.5rem;background:url("../images/icon-date.png") no-repeat left center;background-size:1.125rem;padding-left:1.625rem;} @media screen and (max-width:1200px){ .pagebanner3 .t .cn{font-size:3rem;} .pagebanner3 .t .wz{font-size:1.125rem;margin-top:1rem;} .pagebanner3 .icon{margin-bottom:5rem; } .pagebanner3 .title .cn{font-size:2rem;max-width:60rem;} .pagebanner3 .title .wz{font-size:1.125rem;margin-top: 1.125rem; } .pagebanner3 .title .wz span.lei{line-height:1.5rem;background-size:1.125rem;padding-left:1.5rem; margin-right:2rem;} .pagebanner3 .title .wz span.date{line-height:1.5rem;background-size:1.125rem;padding-left:1.5rem;} .pagebanner3 .title .cn{max-width:90%;} } @media screen and (max-width:1024px){ .pagebanner3 .t .cn{font-size:2.75rem;} .pagebanner3 .t .wz{font-size:1rem;margin-top:0.625rem;} .pagebanner3 .icon{margin-bottom:4rem; } .pagebanner3 .title .cn{font-size:1.8rem;max-width:60rem;} .pagebanner3 .title .wz{margin-bottom:3rem;} } @media screen and (max-width:768px) { .pagebanner3 .t .cn{font-size:2.5rem;} .pagebanner3 .t .wz{font-size:12px;} .pagebanner3 .icon{margin-bottom:4rem; } .pagebanner3 .title .cn{font-size:1.5rem;max-width:90%;} } @media screen and (max-width:750px) { .pagebanner3 .t .cn{font-size:2rem;} } /************************page-tab************************/ .page-tab{margin:0 auto;padding:0;text-align: center; padding-top:3rem;} .page-tab ul { margin:0 auto;padding: 0;list-style: none; text-align:center;font-size: 0;} .page-tab ul li{margin: 0;padding: 0;display: inline-block;*display:inline;zoom:1;position: relative;height:2.5rem;line-height:2.5rem;border-radius:2.5rem; vertical-align:top;} .page-tab ul li a{font-size:.75rem;padding:0 .3125rem;margin:0 .1875rem;min-width:2.5rem;height:2.5rem;line-height:2.5rem;display:inline-block;text-align:center;color:#363636;border-radius:2.5rem;font-weight:normal;} .page-tab ul li.prev-page a{background:url(../images/arrow-left4.png) center center no-repeat #e8e8ed; background-size:5px;padding:0;} .page-tab ul li.next-page a{background:url(../images/arrow-right4.png) center center no-repeat #e8e8ed; background-size:5px;padding:0;} .page-tab ul li a:hover{background-color:#0b48e2; color: #fff;} .page-tab ul li a.focus{background-color: #e6ecfa;color: #0b48e2;} @media screen and (max-width:1920px){ .page-tab ul li{height:40px;line-height:40px;border-radius:40px;} .page-tab ul li a{font-size:12px;padding:0 5px;margin:0 3px;min-width:40px;height:40px;line-height:40px;border-radius:40px;} } @media screen and (max-width:1200px){ .page-tab{padding-top:3rem;} } @media screen and (max-width:1024px){ .page-tab{padding-top:2.5rem;} .page-tab ul li a{font-size:14px;margin:0 5px} } @media screen and (max-width:768px){ .page-tab{padding-top:2rem;} /* .page-tab ul li{ display:none;} */ .page-tab ul li.next-page, .page-tab ul li.prev-page{ display:inline-block;} .page-tab ul li.next-page a, .page-tab ul li.prev-page a{border-color: #000;} } /*****************************pageNav3 start*****************************/ .pageNav-wrapper{height:2.875rem;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;} .pageNav-primaryB{display:flex;align-items:center;} .pageNav-primary{display:flex;flex-direction:row;align-items:center;} .pageNav-primary .pageNav-item{margin:0;padding:0;list-style:none;flex-shrink: 0;display:flex;align-items:center;justify-content:center;height:100%} @media screen and (max-width:768px) { .pageNav-wrapper{height:auto;} .pageNav-primaryB{position:relative;width:100%; justify-content: center; margin-bottom:1.5rem} .pageNav-primary{padding-left:5%;overflow:visible;overflow-x: scroll;} .pageNav-primary::-webkit-scrollbar {display: none} } /*pageNav-primary一级*/ .pageNav-primary .pageNav-item .pageNav-dd{margin:0;padding:0;} .pageNav-primary .pageNav-item .pageNav-dd a{position:relative;display:inline-block;margin:0;padding:0 1.25rem;font-size:1.25rem;line-height:2.875rem;border-radius:2.875rem;cursor:pointer; color:#000000; margin-right:.5rem;background-color: #fff;border:1px solid #cbcdd3;} .pageNav-primary .pageNav-item .pageNav-dd.active a{background-color:#0080ff;color: #fff;border-color:#0080ff;} @media screen and (max-width:1200px) { .pageNav-primary .pageNav-item .pageNav-dd a{margin-right:.625rem;padding:0 1.5rem;font-size:0.875rem;line-height:2.65rem;} } @media screen and (max-width:1150px){ .pageNav-primary .pageNav-item .pageNav-dd a{margin-right:.625rem;padding:0 1.25rem;line-height:2.55rem;} } @media screen and (max-width:1024px){ .pageNav-primary .pageNav-item .pageNav-dd a{margin-right:.625rem;padding:0 1rem;line-height:2.25rem;} } /*pageNav-secondary*/ .pageNav-secondary{display:flex;flex-direction:row;align-items:center;justify-content:space-around;} .pageNav-secondary .pageNav-item{display:flex;align-items:center;justify-content:center;height:100%} @media screen and (max-width:768px) { .pageNav-secondary{width:100%;margin:1rem auto;line-height:0;display:block;} .pageNav-secondary .pageNav-item{display:block;} } /*****************************ServiceSearch start*****************************/ /*ServiceSearch*/ .ServiceSearch{position:relative;width:16.875rem;} .ServiceSearch .search-cancel{ position: absolute;right:2.875rem;top: 50%;margin-top: -10px;} .ServiceSearch input.text{font-size:0.875rem;height:2.875rem;line-height:2.875rem;border-radius:2.875rem;padding-left:1.5rem;padding-right:2.75rem;margin-bottom:0;font-weight:normal;color:#000;width:100%;background:#fff;display:block;border:1px solid #cbcdd3;} .ServiceSearch input::-webkit-input-placeholder, .ServiceSearch input:-moz-placeholder, .ServiceSearch input::-moz-placeholder, .ServiceSearch input:-ms-input-placeholder {color:#000;} .ServiceSearch .searchbtn {display:inline-block;width:2.875rem;height:2.875rem;font-size:0;margin-right:0;border-radius:0;margin-bottom:0;text-align:center;border:none;overflow:hidden;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;transition:All 0.5s ease;cursor:pointer;background:url("../images/icon-q1.png") no-repeat center center;background-size:1rem; position:absolute;right:0;top:0; z-index:5;} @media screen and (max-width:1200px) { .ServiceSearch{width:12.5rem;} } @media screen and (max-width:768px) { .ServiceSearch{width:100%; margin: 0 auto;} } /*pageNew*/ .pageNew{padding-top:6.25rem;padding-bottom:4.625rem;} @media screen and (max-width:1200px) { .pageNew{padding-top:5rem;padding-bottom:4rem;} } @media screen and (max-width:1024px) { .pageNew{padding-top:4rem;padding-bottom:4rem;} } @media screen and (max-width:768px) { .pageNew{padding-top:4rem;padding-bottom:3rem;} } /*newsHotImgBox*/ .page-newsHot{ overflow: hidden; padding-bottom:0;position: relative;} .newsHotBox{position: relative;overflow: hidden;background:url("../images/newsbg.png") no-repeat center bottom;background-size:100%; padding-bottom:3.75rem; } .newsHotBox .item{width:100%;background:#fff;border-radius:1.5rem;} .newsHotBox .item .itema{display:block; width:100%;height:100%; position: relative;} .newsHotBox .item .itema{display:flex;text-align:left;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;/* align-items: center; */border-radius:1.5rem; overflow: hidden;} .newsHotBox .item .img{width:65%;} /*ImgBox*/ .newsHotBox .item .imgBox{overflow:hidden;position:relative;width:100%;/* height:100%;*/height:0;padding-bottom:53.84615384615385%;} .newsHotBox .item .imgBox>div{position:static!important;} .newsHotBox .item .imgBox img { position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;aspect-ratio:1040 / 560;} .newsHotBox .item .itema, .newsHotBox .item .imgBox, .newsHotBox .item .imgBox img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .newsHotBox .item .itema:hover .imgBox img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);} /*info*/ .newsHotBox .item .info{width:35%;height:100%;} .newsHotBox .item .infoB{position:relative;height:100%;color:#6a6a6a;padding:3.875rem 3.875rem 1rem 3.875rem;} .newsHotBox .item .lei{font-size:1.125rem;line-height:1;margin-bottom:2.625rem;color:#6a6a6a;} .newsHotBox .item .tit{font-size:1.75rem;line-height:1.1;color:#000000;overflow:hidden;margin-bottom:2rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis;} .newsHotBox .item .des{font-size:1.125rem;line-height:1.8;color:#6a6a6a;overflow:hidden;margin-bottom:1.4375rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;overflow:hidden;text-overflow:ellipsis;} .newsHotBox .item .date{font-size:1.125rem;width:100%;line-height:2.5rem;font-weight:500;color:#9799a6;} .newsHotBox .item .date span{display:inline-block;position:relative;padding-left:.9375rem;} .newsHotBox .item .date span:after{content:"";position:absolute;top:50%;left:0;width:.375rem;height:.375rem;margin-top:-0.1875rem;border-radius:50%; background-color:#0b48e2;} .newsHotBox .item .itema:hover .tit{color:#0080ff;} @media screen and (max-width:2560px){ .newsHotBox{padding-bottom:3.75rem; } .newsHotBox .item{border-radius:1.5rem;} .newsHotBox .item .itema{border-radius:1.5rem;} .newsHotBox .item .infoB{padding:3.875rem 3.875rem 1rem 3.875rem;} .newsHotBox .item .lei{font-size:1.125rem;margin-bottom:2.625rem;} .newsHotBox .item .tit{font-size:1.75rem;margin-bottom:2rem;} .newsHotBox .item .des{font-size:1.125rem;margin-bottom:1.4375rem;} .newsHotBox .item .date{font-size:1.125rem;line-height:2.5rem;} .newsHotBox .item .date span{padding-left:.9375rem;} .newsHotBox .item .date span:after{width:.375rem;height:.375rem;margin-top:-0.1875rem;} } @media screen and (max-width:1440px){ .newsHotBox{padding-bottom:3.75rem; } .newsHotBox .item{border-radius:1.25rem;} .newsHotBox .item .itema{border-radius:1.25rem;} .newsHotBox .item .infoB{padding:2rem 3rem 1rem 3rem;} .newsHotBox .item .lei{font-size:16px;margin-bottom:2.5rem;} .newsHotBox .item .tit{font-size:20px;margin-bottom:1.5rem;line-height:1.5;} .newsHotBox .item .des{font-size:14px;margin-bottom:1rem;line-height:1.5;} .newsHotBox .item .date{font-size:14px;line-height:1.5rem;} .newsHotBox .item .date span{padding-left:.625rem;} } @media screen and (max-width:1200px){ .newsHotBox{padding-bottom:3.75rem; } .newsHotBox .item{border-radius:1.25rem;} .newsHotBox .item .itema{border-radius:1.25rem;} .newsHotBox .item .infoB{padding:3rem 3rem 1rem 3rem;} .newsHotBox .item .lei{font-size:1rem;margin-bottom:2.5rem;} .newsHotBox .item .tit{font-size:1.5rem;margin-bottom:1.5rem;} .newsHotBox .item .des{font-size:1rem;margin-bottom:1rem;} .newsHotBox .item .date{font-size:1rem;line-height:1.5rem;} .newsHotBox .item .date span{padding-left:.625rem;} .newsHotBox .item .img{width:100%;} .newsHotBox .item .info{width:100%;} .newsHotBox .item .infoB{padding:3rem;} .newsHotBox .item .tit{font-size:1.5rem;line-height:1.5;margin-bottom:2rem;} } @media screen and (max-width:1024px){ .newsHotBox .item .tit{font-size:1.35rem;line-height:1.5;margin-bottom:2rem;} } @media screen and (max-width:768px){ .newsHotBox .item .tit{font-size:1.25rem;line-height:1.5;margin-bottom:2rem;} } /*swbtn*/ .swbtn2{ font-size:0;line-height:0;} .swbtn2 .mbtn{margin: 0;display:inline-block;width:3.75rem;height:3.75rem;border-radius:50%;position:absolute;top:50%;margin-top:-7.5rem;padding:0;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out; background-position:center center; background-repeat:no-repeat;background-size:.625rem;background-color:rgba(255, 255, 255, 0.7);box-shadow:2px 12px 27px 0 rgba(21, 88, 255, 0.1);} .swbtn2 .mbtn.swiper-button-disabled{opacity:0;} .swbtn2 .mbtn.swiper-button-prev{background-image:url(../images/arrow-left.png);left:4.375rem;} .swbtn2 .mbtn.swiper-button-next{background-image:url(../images/arrow-right.png);right:4.375rem;} .swbtn2 .mbtn:hover{ background-color: #fff;} @media screen and (max-width:1920px){ .swbtn2 .mbtn{width:6.25rem;height:6.25rem;background-size:1.25rem;} } @media screen and (max-width:1200px){ .swbtn2 .mbtn{top:20vw;width:5rem;height:5rem;background-size:1.125rem;margin-top:-2.5rem;} .swbtn2 .mbtn.swiper-button-prev{left:3rem;} .swbtn2 .mbtn.swiper-button-next{right:3rem;} } @media screen and (max-width:1024px){ .swbtn2 .mbtn{top:30vw;width:4rem;height:4rem;background-size:1rem;} } @media screen and (max-width:768px){ .swbtn2 .mbtn{top:30vw;width:45px;height:45px;background-size:10px;} } /*swpagination2*/ .swpagination2{text-align:center;margin:0 auto;} .swpagination2 .swiper-pagination{bottom:0;line-height:0;font-size:0; position:static; width:100%;text-align:center;} .swpagination2 .swiper-pagination span{width:.625rem;height:.625rem;border-radius:50%;margin-right:.625rem;outline:none;border:none;opacity:1;float:none;background:#e1e2e5;cursor: pointer;position: relative;overflow:hidden;} .swpagination2 .swiper-pagination span.swiper-pagination-bullet-active{background:#0b48e2;} .swpagination2 .swiper-pagination span::after{ display:none;} @media screen and (max-width:1200px) { .swpagination2{bottom:2rem;} .swpagination2 .swiper-pagination{text-align:center;} } @media screen and (max-width:1024px) { .swpagination2{bottom:1rem;} } @media screen and (max-width:768px) { .swpagination2 .swiper-pagination span{width:1rem;height:1px;} .swpagination2 .swiper-pagination span.swiper-pagination-bullet-active{width:1rem;} } /*pageNewsList*/ .pageNews{overflow:hidden;} .pageNewsList{padding:0;list-style:none;margin:0 auto; overflow:hidden; padding-top: 3.75rem;} .pageNewsList .newsList{padding:0;list-style:none;display:flex;text-align:left;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;margin: 0 -1.0938rem; } .pageNewsList .item{padding:0;border-radius:1.25rem;color:#202945; width:calc(33.333333% - 2.1875rem); margin: 0 1.0938rem;margin-bottom:.9375rem;background:rgba(255,255,255,.5);margin-bottom: 2.875rem;} /*ImgBox*/ .pageNewsList .item .img{overflow:hidden;position:relative;} .pageNewsList .item .imgBox{overflow:hidden;position:relative;width:100%;/* height:100%;*/height:0;padding-bottom:53.72549019607843%;} .pageNewsList .item .imgBox>div{position:static!important;} .pageNewsList .item .imgBox img { position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;} .pageNewsList .item .itema, .pageNewsList .item .imgBox, .pageNewsList .item .imgBox img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .pageNewsList .item:hover .imgBox img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);} .pageNewsList .item .newstop{position: absolute;bottom:0;left:0;overflow: hidden;background:url("../images/news-leibg.png") no-repeat left center;background-size:100%; width:134px;line-height:40px; text-align: center;font-size:1rem;color:#fff;font-weight:500;} .pageNewsList .item{ display:block;border-radius:1.25rem;background:#f4f4f4; overflow:hidden;} .pageNewsList .itema{display:block;margin:0; position:relative;overflow:hidden;width:100%;height:100%;} /*title*/ .pageNewsList .title{padding:2.1875rem 2.5rem;} .pageNewsList .title .lei{font-size:1.125rem;line-height:1;margin-bottom:.75rem;color:#6a6a6a;} .pageNewsList .title .t{font-size:1.25rem;color:#000000;line-height:1.5;height:auto;overflow:hidden;margin-bottom:1.125rem;font-weight:500;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;} .pageNewsList .title .date{font-size:1.125rem;width:100%;line-height:2.5rem;font-weight:500;color:#9799a6;} .pageNewsList .title .date span{display:inline-block;position:relative;padding-left:.9375rem;} .pageNewsList .title .date span:after{content:"";position:absolute;top:50%;left:0;width:.375rem;height:.375rem;margin-top:-0.1875rem;border-radius:50%; background-color:#0b48e2;} /*hover*/ .pageNewsList .item:hover {background:#ebeff9;} @media screen and (max-width:2560px){ .pageNewsList .newsList{margin: 0 -1.0938rem; } .pageNewsList .item{border-radius:1.25rem;width:calc(33.333333% - 2.1875rem); margin: 0 1.0938rem;margin-bottom:.9375rem;margin-bottom: 2.875rem;} .pageNewsList .title{padding:2.1875rem 2.5rem;} .pageNewsList .title .lei{font-size:1.125rem;margin-bottom:.75rem;} .pageNewsList .title .t{font-size:1.25rem;margin-bottom:1.125rem;} .pageNewsList .title .date{font-size:1.125rem;line-height:2.5rem;} .pageNewsList .title .date span{padding-left:.9375rem;} .pageNewsList .title .date span:after{width:.375rem;height:.375rem;margin-top:-0.1875rem;} } @media screen and (max-width:1440px){ .pageNewsList .newsList{margin: 0 -16px; } .pageNewsList .item{border-radius:18px;width:calc(33.333333% - 32px); margin: 0 16px;margin-bottom:10px;margin-bottom: 40px;} .pageNewsList .title{padding:32px 40px;} .pageNewsList .title .lei{font-size:16px;margin-bottom:12px;} .pageNewsList .title .t{font-size:18px;margin-bottom:16px;} .pageNewsList .title .date{font-size:16px;line-height:24px;} .pageNewsList .title .date span{padding-left:15px;} .pageNewsList .title .date span:after{width:6px;height:6px;margin-top:-3px;} } @media screen and (max-width:1200px){.pageNewsList{ padding-top: 3rem;} .pageNewsList .newsList{margin: 0 -1rem; } .pageNewsList .item{border-radius:1.125rem;width:calc(33.333333% - 2rem); margin: 0 1rem;margin-bottom:0.625rem;margin-bottom: 2.5rem;} .pageNewsList .title{padding:2rem 2.5rem;} .pageNewsList .title .lei{font-size:1rem;margin-bottom:.75rem;} .pageNewsList .title .t{font-size:1.125rem;margin-bottom:1rem;} .pageNewsList .title .date{font-size:1rem;line-height:1.5rem;} .pageNewsList .title .date span{padding-left:.9375rem;} .pageNewsList .title .date span:after{width:.375rem;height:.375rem;margin-top:-0.1875rem;} } @media screen and (max-width:1024px){.pageNewsList{ padding-top:2rem;} .pageNewsList .newsList{margin: 0 -1rem; } .pageNewsList .item{width:calc(50% - 2rem);margin: 0 1rem;margin-bottom: 2.5rem;} } @media screen and (max-width:768px){ .pageNewsList .newsList{margin:0; } .pageNewsList .item{width:100%;margin:0;margin-bottom: 2.5rem;} } /*newsBtn*/ .page-newsInfo .newsBtnBox{margin-top:1.25rem; background-color:#f5f5f5;padding:2rem 2rem;padding-right:2.5rem;border-radius:1.25rem;} .page-newsInfo .newsBtn{font-size:0;position:relative;text-align:left;margin:0 auto;min-height:3.25rem;font-weight:500;} .page-newsInfo .newsBtn .newsBtnprev, .page-newsInfo .newsBtn .newsBtnnext{display:block;width:70%;} .page-newsInfo .newsBtn .n_a{display:block;text-align:left;} .page-newsInfo .newsBtn .n_a span{display:block; font-size: 0;line-height: 0;display:flex;align-items:center;width:100%;flex-shrink:0;} .page-newsInfo .newsBtn .n_a em{display:inline-block;font-size:1.125rem;color:#6a6a6a;max-width:calc(100% - 4.875rem);line-height:2.5rem;height:2.5rem;font-weight:normal;white-space:nowrap;text-overflow: ellipsis; overflow: hidden; font-style: normal;} .page-newsInfo .newsBtn .n_a em:hover{color:#000;} .page-newsInfo .newsBtn .n_a strong{display:inline-block;font-size:1.125rem;font-weight:500;color:#000;line-height:2.5rem;height:2.5rem;font-weight:500;width:4.875rem;} @media screen and (max-width:768px) { .page-newsInfo .newsBtn .newsBtnprev, .page-newsInfo .newsBtn .newsBtnnext{width:100%;} .page-newsInfo .newsBtn .n_a em{font-size:16px;} .page-newsInfo .newsBtn .n_a strong{font-size:16px;} } /*page-back*/ .page-back{margin:0 auto;text-align:center; position:absolute;right:0;top:50%; margin-top: -1.3125rem;} .page-back a{display:block;font-size:1.25rem;font-weight:500; overflow:hidden;line-height:3rem;height:3rem;width:7.5rem;border-radius:3rem;color: #fff;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s; background:#000;} .page-back a span{ display:block} .page-back a:hover{background:#0b48e2;color: #fff;} @media screen and (max-width:1200px) { .page-back a{font-size:1.125rem;} } @media screen and (max-width:768px) { .page-back{position:relative;bottom:0;margin-top:30px; margin-left: auto; margin-right: auto;} .page-back a{margin: 0 auto;font-size:14px; } } /*newsText*/ .page-newsInfo{padding-top:7.5rem;padding-bottom:5rem;} .newsText {width:calc(100% - 30rem);float:right;} .newsText .newsTextB {position:relative;} .newsText .newsTextNr {font-size:1.25rem;line-height:1.8;color:#000000;font-weight:normal;} .newsText .newsTextNr img {max-width:100%;height:auto!important;} @media screen and (max-width:1200px) { .page-newsInfo{padding-top:7rem;padding-bottom:4rem;} .newsText {width:calc(100% - 450px);} .newsText .newsTextNr {font-size:1.125rem;} } @media screen and (max-width:1024px) { .page-newsInfo{padding-top:5rem;padding-bottom:3rem;} .newsText {width:100%;float:none;margin-bottom:3rem;} } @media screen and (max-width:768px) { .page-newsInfo{padding-top:4rem;padding-bottom:3rem;} } /*page-newsXg*/ .page-newsZuixin {width:23.75rem;float:left;position:sticky;left:0;top:5rem;} .page-newsZuixin .page-newsZuixinB {padding:2.5rem 0 2.5rem 0;background-color:#f5f5f5;border-radius:1.5rem;} .page-newsZuixin .newsTit{padding:0 1.875rem;font-size:1.25rem;margin-bottom:1.25rem;line-height:1;color:#262e46;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .page-newsZuixin .xgNewsList {padding:0;margin:0 auto;position:relative;font-size:0; list-style:none;} .page-newsZuixin .xgNewsList li {font-size:0;display:block;} .page-newsZuixin .xgNewsList li a {display:block;padding:1.25rem 1.875rem;} .page-newsZuixin .xgNewsList li .listTitle .t {font-size:1.125rem;line-height:1.5rem;color:#000000;font-weight:normal;text-indent:1.25rem; position: relative;} .page-newsZuixin .xgNewsList li .listTitle .t::after{ content: ''; width: 1.25rem; height: 1.25rem; position: absolute;left: 0;top: .125rem;background:url("../images/news2-tit.png") no-repeat left center;background-size:1rem;} .page-newsZuixin .xgNewsList li a:hover .listTitle .t {color:#0940cc;} .page-newsZuixin .xgNewsList li .listTitle .lei{display:inline-block; font-size:.875rem;color:#6a6a6a;;line-height:1.5rem;overflow:hidden;font-weight:500;margin-left:1.5rem;vertical-align: middle;} .page-newsZuixin .xgNewsList li .listTitle .dateB{margin-top:.375rem; font-size:.875rem;vertical-align: middle; color:#6a6a6a;} .page-newsZuixin .xgNewsList li .listTitle .date{display:inline-block;color:#9799a6;line-height:1.5rem;overflow:hidden; font-weight:500;vertical-align: middle;} .page-newsZuixin .xgNewsList li .listTitle .date span{display:inline-block;position:relative;padding-left:1.125rem;} .page-newsZuixin .xgNewsList li .listTitle .date span:after{content:"";position:absolute;top:50%;left:0rem;width:.25rem;height:.25rem;margin-top:-0.125rem;border-radius:50%; background-color:#0b48e2;} @media screen and (max-width:1200px) { .page-newsZuixin {width:21.875rem;} .page-newsZuixin .newsTit{padding:0 1.5rem;font-size:1.125rem;margin-bottom:1.125rem;} .page-newsZuixin .xgNewsList li a {display:block;padding:1.125rem 1.5rem;} .page-newsZuixin .xgNewsList li .listTitle .t {font-size:1rem;line-height:1.25rem;} .page-newsZuixin .xgNewsList li .listTitle .lei{font-size:.875rem;} } @media screen and (max-width:1024px) { .page-newsZuixin{ width:100%;float:none;} } @media screen and (max-width:768px) { } /*moreBtn2*/ .moreBtn2{margin:0 auto;text-align:center;margin-top: .375rem;} .moreBtn2 a{display:inline-block;font-size:1.25rem;font-weight:normal;text-align:center;color:#000000;padding:0 1.625rem;line-height:2.75rem;height:2.75rem;border-radius:2.75rem;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;position:relative;border: .0625rem solid #000;} .moreBtn2 a span{ display:block;} .moreBtn2 a:hover{color:#fff;background:#0b48e2;border-color:#0b48e2;} @media screen and (max-width:1200px) { .moreBtn2 a{font-size:1.125rem;} } @media screen and (max-width:1024px) { .moreBtn2 a{font-size:1rem;} } /*ServiceSearch*/ .ServiceSearch2{position:relative;width:100%; margin-bottom: 1.875rem;} .ServiceSearch2 .search-cancel{position: absolute;right:4.6875rem;top: 50%;margin-top: -0.625rem;} .ServiceSearch2 input.text{font-size:1.25rem;height:3.75rem;line-height:3.75rem;border-radius:3.75rem;padding-left:1.5rem;padding-right:2.75rem;margin-bottom:0;font-weight:normal;color:#6a6a6a;width:100%;background:#fff;display:block;border:.0625rem solid #cbcdd3;} .ServiceSearch2 input::-webkit-input-placeholder, .ServiceSearch2 input:-moz-placeholder, .ServiceSearch2 input::-moz-placeholder, .ServiceSearch2 input:-ms-input-placeholder {color:#000;} .ServiceSearch2 .searchbtn {display:inline-block;width:4.6875rem;height:3.75rem;font-size:0;margin-right:0;border-radius:0;margin-bottom:0;text-align:center;border:none;overflow:hidden;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;transition:All 0.5s ease;cursor:pointer;background:url("../images/icon-q1.png") no-repeat center center;background-size:1rem; position:absolute;right:0;top:0; z-index:5;} @media screen and (max-width:1200px) { .ServiceSearch2 input.text{font-size:1.125rem;} } @media screen and (max-width:1024px) { .ServiceSearch2 input.text{font-size:1.125rem;} } /**************************pagebanner2**************************/ .pagebanner2{ position: relative;overflow:hidden;min-height:50vw;display:flex;flex-direction: row;box-sizing:border-box;align-items: center;flex-wrap:wrap;justify-content:center;} .pagebanner2 .bannerpic{margin:0;display:block; overflow:hidden;width:100%;height:100%;background-position:center top;background-repeat:no-repeat;position:relative;background-size:cover;z-index:1;position:absolute;top:0;left:0;right:0;} .pagebanner2 .bannerpic img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;right:0;animation: srmgani 4000ms 1 ease forwards;} @keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}} .pagebanner2 .bannerbg{display:block;position: absolute; top:0;bottom:0; left:0; width: 100%; height: 100%;z-index:3;pointer-events:none;background:url("../images/banner-pagebg.png") no-repeat center center;background-size:100% 100%;} @media screen and (max-width:1024px){ } @media screen and (max-width:768px) { .pagebanner2{ padding:6.25rem 0;} } /*pagebanner .t*/ .pagebanner2 .pagebanner-tt{position:relative;z-index:4; width: 100vw; margin: 0 auto; padding:11.875rem 0;} .pagebanner2 .t {color:#ffffff; text-align: center;} .pagebanner2 .t .cn{font-size:4.0625rem;line-height:1;display:block;font-weight:700;} .pagebanner2 .t .wz{font-size:1.25rem;line-height:1;display:block;margin-top: 1.125rem; font-weight:600; text-transform:uppercase;} .pagebanner2 .t .des{font-size:1.25rem;line-height:2;display:block;margin-top:5.875rem; font-weight:normal;} @media screen and (max-width:1200px){ .pagebanner2 .t .cn{font-size:3rem;} .pagebanner2 .t .wz{font-size:1.125rem;margin-top:1rem;} .pagebanner2 .t .des{font-size:1.125rem;margin-top:5rem;} } @media screen and (max-width:1024px){ .pagebanner2 .t .cn{font-size:2.75rem;} .pagebanner2 .t .wz{font-size:1rem;margin-top:0.625rem;} .pagebanner2 .t .des{font-size:1rem;margin-top:4rem;} } @media screen and (max-width:768px) { .pagebanner2 .t .cn{font-size:2.5rem;} .pagebanner2 .t .wz{font-size:12px;} } @media screen and (max-width:750px) { .pagebanner2 .t .cn{font-size:2rem;} } /**************************pageNav**************************/ /*pageNav*/ .pageNav{position:relative;z-index:2;text-align:center;background-color:#f3f3f3;padding:3.8125rem 0;} .pageNav .pageNavTit{margin-bottom:1.25rem;font-size:1.5rem;line-height:1.2;font-weight:500;display: none;} .pageNav ul{margin:0 auto;padding: 0;list-style:none;font-size:0;line-height:0;} .pageNav li{display:inline-block;*display:inline;zoom:1;vertical-align:top;margin:1rem 0;} .pageNav li a{position:relative;display:block;color:#484848;font-weight:normal;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;line-height:4.375rem;font-size:1.875rem;margin:0 1rem;padding:0 2.5rem;min-width:16.875rem;border-radius:4.375rem;border:1px solid #f3f3f3;} .pageNav li a span{display:block;position:relative; z-index:2;} .pageNav li a:hover{color:#000000; font-weight: 600;} .pageNav li a.on {color:#000000;font-weight: 600;border-color:#242424;} @media screen and (max-width:1200px) { .pageNav li a{font-size:1rem;line-height:4rem;padding:0 2rem;} .pageNav{padding:3rem 0;} } @media screen and (max-width:1024px) { .pageNav{padding:2rem 0;} .pageNav li a{line-height:3.5rem;margin:0 1rem;padding:0 1.5rem;} .pageNav ul{display: flex;overflow:visible;overflow-x: scroll; text-align: center;justify-content: center;} .pageNav ul::-webkit-scrollbar {display: none} .pageNav li{flex-shrink:0;align-items:flex-end;margin-right:1rem;overflow:hidden;position:relative;} .pageNav li a{margin:0;min-width:0;padding:0 2.5rem;} } @media screen and (max-width:960px) { .pageNav li a{padding:0 2rem;} } @media screen and (max-width:767px) { .pageNav li a{line-height:3rem;padding:0 1.5rem;} } /*pageTit3*/ .pageTit3{position: relative; text-align: center; font-size: 0; line-height: 0;margin-bottom:3.125rem;} .pageTit3 .tit{font-size:1.875rem;color:#0f0f0f;font-weight:600;line-height:1.3;margin-bottom:1.25rem;} .pageTit3 .line{width:5.125rem;height:.25rem;background:#0b48e2;margin:0 auto;margin-bottom:2.9375rem;} .pageTit3 .des{font-size:1.375rem;line-height:1.6;max-width:54.375rem;margin:0 auto;font-weight:normal;text-align:center;color:#0f0f0f;} @media screen and (max-width:2560px){ .pageTit3{margin-bottom:3.125rem;} .pageTit3 .tit{font-size:1.875rem;margin-bottom:1.25rem;} .pageTit3 .line{width:5.125rem;height:.25rem;margin-bottom:2.9375rem;} .pageTit3 .des{font-size:1.375rem;max-width:54.375rem;} } @media screen and (max-width:1920px){ .pageTit3{margin-bottom:3.125rem;} .pageTit3 .tit{font-size:1.875rem;margin-bottom:1.25rem;} .pageTit3 .line{width:5.125rem;height:.25rem;margin-bottom:2.9375rem;} .pageTit3 .des{font-size:1.375rem;max-width:54.375rem;} } @media screen and (max-width:1440px){ .pageTit3 .des{font-size:18px;} } @media screen and (max-width:1200px){ .pageTit3{margin-bottom:3rem;} .pageTit3 .tit{font-size:1.5rem;margin-bottom:1.125rem;} .pageTit3 .line{width:4rem;margin-bottom:2.5rem;} .pageTit3 .des{font-size:1.25rem;max-width:54.375rem;} } @media screen and (max-width:1024px){ .pageTit3{margin-bottom:3rem;} .pageTit3 .tit{font-size:1.375rem;margin-bottom:1.125rem;} .pageTit3 .line{width:3rem;margin-bottom:2rem;} .pageTit3 .des{font-size:1.125rem;} } @media screen and (max-width:768px){ .pageTit3{margin-bottom:3rem;} .pageTit3 .tit{font-size:1.25rem;margin-bottom:1.125rem;} .pageTit3 .line{width:2.5rem;margin-bottom:2rem;} .pageTit3 .des{font-size:1rem;max-width:100%;} } /**************************Business**************************/ /*pageBusiness*/ .pageBusiness{padding-top:6.875rem;padding-bottom:2.75rem;overflow:hidden;} @media screen and (max-width:2560px){ .pageBusiness{padding-top:6.875rem;padding-bottom:2.75rem;} } @media screen and (max-width:1200px){ .pageBusiness{padding-top:5rem;padding-bottom:2.5rem;} } @media screen and (max-width:1024px){ .pageBusiness{padding-top:4rem;padding-bottom:2.5rem;} } @media screen and (max-width:768px){ .pageBusiness{padding-top:4rem;padding-bottom:2.5rem;} } /*pageBusinesswzList*/ .pageBusinesswz{padding:0;list-style:none;margin:0 auto; overflow:hidden; padding-top:2.125rem;} .pageBusinesswzList{padding:0;list-style:none;display:flex;text-align:left;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;max-width:54.375rem;margin:0 auto;} .pageBusinesswzList .item{padding:.8125rem 0;border-radius:1.25rem;color:#202945; width:100%;margin-bottom:2.25rem;background:#f3f3f3;transition: all 0.3s ease-in-out;} .pageBusinesswzList .itema{display:flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: center; position: relative;} .pageBusinesswzList .itema:after{content:"";position:absolute;top:10%;bottom:10%;left:8.5rem;width:.0625rem;height:80%;margin-top:0;background-color:#000000;} .pageBusinesswzList .t{width:8.5rem;font-size:3.125rem;line-height:1.5;color:#0b48e2;font-weight:600;text-align:center; } .pageBusinesswzList .desc{width:calc(100% - 8.5rem);font-size:1.25rem;line-height:1.8;font-weight:500;color:#0f0f0f;} .pageBusinesswzList .descB{padding-left:2.9375rem;padding-right:3.3125rem;} .pageBusinesswzList .item:hover{background-color:#e4e4e4;} @media screen and (max-width:1920px){ .pageBusinesswzList{max-width:54.375rem;} } @media screen and (max-width:1440px){ .pageBusinesswzList .item{padding:13px 0;} .pageBusinesswzList .t{font-size:3rem;} .pageBusinesswzList .desc{font-size:16px;} } @media screen and (max-width:1200px){ .pageBusinesswzList .t{font-size:3rem;} .pageBusinesswzList .desc{font-size:1.125rem;} .pageBusinesswzList{max-width:54.375rem;} } @media screen and (max-width:1024px){ .pageBusinesswzList .t{font-size:2.5rem;} .pageBusinesswzList .desc{font-size:1.125rem;} .pageBusinesswzList{max-width:54.375rem;} } @media screen and (max-width:768px){ .pageBusinesswzList .t{font-size:2rem;} .pageBusinesswzList .desc{font-size:1rem;} .pageBusinesswzList{max-width:100%;} } /*pageBusinessListB*/ .pageBusinessListB{overflow:hidden;} .pageBusinessList{padding:0;list-style:none;display:flex;text-align:left;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;margin:0 auto;} .pageBusinessList .item{width:100%;position:relative;margin:3.75rem 0;border-radius:1.625rem;box-shadow:0 .3125rem 2.5rem rgba(0,0,0,0.26); overflow: hidden;} .pageBusinessList .titleNr{padding:5.625rem 6.5rem 2.75rem 6.5rem;} .pageBusinessList .t{color:#000000;font-size:1.875rem;line-height:1.5;margin-bottom:1.25rem;font-weight:600;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis;overflow: hidden;} .pageBusinessList .des{color:#000000;font-size:1.25rem;line-height:1.8;margin-bottom:2.9375rem;font-weight:500;min-height: 5rem; text-align: justify;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;overflow:hidden;text-overflow:ellipsis;overflow: hidden;} .pageBusinessList .pic img{max-width:100%;} .pageBusinessList .itema{display:flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items:flex-start; position: relative;width:100%; height:100%;} .pageBusinessList .title{width:44.5%;} .pageBusinessList .img{width:55.5%;} .pageBusinessList .imgB{margin:0;overflow:hidden;position:relative;overflow: hidden;padding-bottom:66.21621621621622%;} .pageBusinessList .imgB>div{position:static!important;} .pageBusinessList .imgB img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;} .pageBusinessList .imgB img{-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} .pageBusinessList .itema:hover .imgB img{-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform: scale(1.08);} .pageBusinessList .imgB, .pageBusinessList .itema, .pageBusinessList .imgB img{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} @media screen and (max-width:2560px){ .pageBusinessList .item{margin:3.75rem 0;border-radius:1.625rem;} .pageBusinessList .titleNr{padding:5.625rem 6.5rem 2.75rem 6.5rem;} .pageBusinessList .t{font-size:1.875rem;margin-bottom:1.25rem;} .pageBusinessList .des{font-size:1.25rem;margin-bottom:2.9375rem;min-height: 5rem;} } @media screen and (max-width:1200px){ .pageBusinessList .item{margin:3rem 0;border-radius:1.5rem;} .pageBusinessList .titleNr{padding:3rem 5rem;} .pageBusinessList .t{font-size:1.5rem;margin-bottom:1.125rem;} .pageBusinessList .des{font-size:1.125rem;margin-bottom:2.5rem;min-height: 5rem;} } @media screen and (max-width:1024px){ .pageBusinessList .item{margin:2.5rem 0;border-radius:1.5rem;} .pageBusinessList .titleNr{padding:3rem 3rem;} .pageBusinessList .t{font-size:1.25rem;margin-bottom:1rem;} .pageBusinessList .des{font-size:1rem;margin-bottom:2rem;min-height:0;} .pageBusinessList .img{width:55.5%; height: 100%;} .pageBusinessList .imgB{height:100%;padding-bottom:0;} } @media screen and (max-width:768px){ .pageBusinessList .item{margin:2rem 0;border-radius:1.5rem;} .pageBusinessList .titleNr{padding:4rem 4rem;} .pageBusinessList .t{font-size:1.5rem;margin-bottom:1.125rem;} .pageBusinessList .des{font-size:1.125rem;margin-bottom:2.5rem;min-height:0;} .pageBusinessList .title{width:100%;} .pageBusinessList .img{width:100%;height:auto;} .pageBusinessList .imgB{height:0;padding-bottom:66.21621621621622%;} } /**************************pageNav2**************************/ /*pageNav2*/ .pageNav2{position:relative;z-index:2;text-align:center;background-color:#fff;} .pageNav2 .pageNav2Tit{margin-bottom:1.25rem;font-size:1.5rem;line-height:1.2;font-weight:500;display: none;} .pageNav2 ul{margin:0 auto;padding: 0;list-style:none;font-size:0;line-height:0;} .pageNav2 li{display:inline-block;*display:inline;zoom:1;vertical-align:top;margin-bottom:1rem;} .pageNav2 li a{position:relative;display:block;color:#000000;font-weight:normal;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;line-height:3.625rem;font-size:1.25rem;margin:0 1rem;padding:0 2.5rem;min-width:11.5625rem;border-radius:3.625rem;border:1px solid #d9dbdf;font-weight:normal;} .pageNav2 li a span{display:block;position:relative; z-index:2;} .pageNav2 li a:hover{color:#000000;background-color: #d9dbdf;} .pageNav2 li a.on {color:#fff;border-color:#0b48e2; background-color: #0b48e2;} @media screen and (max-width:1200px) { .pageNav2 li a{font-size:1rem;line-height:4rem;padding:0 2rem;} .pageNav2{padding:3rem 0;} } @media screen and (max-width:1024px) { .pageNav2{padding:2rem 0;} .pageNav2 li a{line-height:3.5rem;margin:0 1rem;padding:0 1.5rem;} .pageNav2 ul{display: flex;overflow:visible;overflow-x: scroll;/* text-align: center;justify-content: center; */} .pageNav2 ul::-webkit-scrollbar {display: none} .pageNav2 li{flex-shrink:0;align-items:flex-end;margin-right:1rem;overflow:hidden;position:relative;} .pageNav2 li a{margin:0;min-width:0;padding:0 2.5rem;} } @media screen and (max-width:960px) { .pageNav2 li a{padding:0 2rem;} } @media screen and (max-width:767px) { .pageNav2 li a{line-height:3rem;padding:0 1.5rem;} } /*pageBusinessList2B*/ .pageBusinessList2B{overflow:hidden; padding-top: 42px;padding-bottom:5.9375rem;} .pageBusinessList2{padding:0;list-style:none;display:flex;text-align:left;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;margin:0 -1.625rem;} .pageBusinessList2 .item{width:calc(50% - 3.25rem);position:relative;margin:0 1.625rem;margin-bottom:3.125rem;border-radius:1.875rem;box-shadow:0 .3125rem 2.5rem rgba(0,0,0,0.26); overflow: hidden; background-color: #f3f3f3;} .pageBusinessList2 .titleNr{padding:2.5rem 4.5rem;} .pageBusinessList2 .t{color:#000000;font-size:1.625rem;line-height:1.5;margin-bottom:1.625rem;font-weight:600;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis;overflow: hidden;} .pageBusinessList2 .des{color:#0f0f0f;font-size:1.25rem;line-height:1.8;margin-bottom:2.9375rem;font-weight:500;min-height: 5rem; text-align: justify;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;overflow:hidden;text-overflow:ellipsis;overflow: hidden;} .pageBusinessList2 .imgB{margin:0;overflow:hidden;position:relative;overflow: hidden;padding-bottom:48.83720930232558%;border-radius:1.875rem;} .pageBusinessList2 .imgB>div{position:static!important;} .pageBusinessList2 .imgB img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;6ax-width:none;width:100%;height:100%;object-fit:cover;} .pageBusinessList2 .imgB img{-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} .pageBusinessList2 .item:hover .imgB img{-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform: scale(1.08);} .pageBusinessList2 .imgB, .pageBusinessList2 .item,.pageBusinessList2 .moreB span i,.pageBusinessList2 .moreB span, .pageBusinessList2 .imgB img{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .pageBusinessList2 .moreB{ text-align: right;} .pageBusinessList2 .moreB span{position:relative;display:inline-block;color:#000000;font-weight:normal;line-height:3.125rem;font-size:1.25rem;padding:0 1.5625rem;min-width:7.6875rem;border-radius:.875rem;border:1px solid #d9dbdf;font-weight:normal;text-align:left; vertical-align: middle;} .pageBusinessList2 .moreB span i{display:inline-block; width: 1.625rem; height: 1.625rem;background:url("../images/icon-ss.png") no-repeat center center;background-size:100%;vertical-align: middle; margin-left: .5rem;} .pageBusinessList2 .item:hover .t{color:#0b48e2;} .pageBusinessList2 .item:hover .moreB span{color:#fff;border-color:#0b48e2; background-color: #0b48e2;} .pageBusinessList2 .item:hover .moreB span i{ background-image:url("../images/icon-ss2.png");} @media screen and (max-width:2560px){ } @media screen and (max-width:1200px){ .pageBusinessList2{margin:0 -1.5rem;} .pageBusinessList2 .item{width:calc(50% - 3rem);margin:0 1.5rem;margin-bottom:3rem;border-radius:1.5rem;} .pageBusinessList2 .titleNr{padding:2.5rem 4rem;} .pageBusinessList2 .imgB{border-radius:1.5rem;} .pageBusinessList2 .t{font-size:1.5rem;margin-bottom:1.125rem;} .pageBusinessList2 .des{font-size:1.125rem;margin-bottom:2.5rem;min-height: 5rem;} } @media screen and (max-width:1024px){ .pageBusinessList2{margin:0 -1.5rem;} .pageBusinessList2 .item{width:calc(50% - 3rem);margin:0 1.5rem;margin-bottom:3rem;border-radius:1.25rem;} .pageBusinessList2 .imgB{border-radius:1.25rem;} .pageBusinessList2 .titleNr{padding:2.5rem 3rem;} .pageBusinessList2 .t{font-size:1.25rem;margin-bottom:1rem;} .pageBusinessList2 .des{font-size:1rem;margin-bottom:2rem;min-height:0;} } @media screen and (max-width:768px){ .pageBusinessList2{margin:0;} .pageBusinessList2 .item{width:100%;margin:0;margin-bottom:2.5rem;border-radius:1.25rem;} .pageBusinessList2 .titleNr{padding:4rem 4rem;} .pageBusinessList2 .t{font-size:1.5rem;margin-bottom:1.125rem;} .pageBusinessList2 .des{font-size:1.125rem;margin-bottom:2.5rem;min-height:0;} .pageBusinessList2 .title{width:100%;} } /*pageBusinessList3B*/ .pageBusinessList3B{overflow:hidden; padding-top:3.125rem;padding-bottom:5.625rem;} .pageBusiness+.pageBusinessList3B{padding-top:0;} .pageBusinessList3{padding:0;list-style:none;display:flex;text-align:left;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;margin:0 -1.9375rem;} .pageBusinessList3 .item{width:calc(33.33333% - 3.875rem);position:relative;margin:0 1.9375rem;margin-bottom:3.125rem;border-radius:1.625rem;box-shadow:0 .3125rem 2.5rem rgba(0,0,0,0.26); overflow: hidden; background-color: #f3f3f3;} .pageBusinessList3 .titleNr{padding:2.375rem 2.875rem 3.125rem 2.875rem;} .pageBusinessList3 .t{color:#000000;font-size:1.5625rem;line-height:1.5;margin-bottom:1.25rem;font-weight:600;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis;overflow: hidden;} .pageBusinessList3 .des{color:#0f0f0f;font-size:1.25rem;line-height:1.8;margin-bottom:.75rem;font-weight:500;min-height:10.3125rem; text-align: justify;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;overflow:hidden;text-overflow:ellipsis;overflow: hidden;} .pageBusinessList3 .imgB{margin:0;overflow:hidden;position:relative;overflow: hidden;padding-bottom:60.97560975609756%;border-radius:1.625rem;} .pageBusinessList3 .imgB>div{position:static!important;} .pageBusinessList3 .imgB img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;} .pageBusinessList3 .imgB img{-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} .pageBusinessList3 .item:hover .imgB img{-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform: scale(1.08);} .pageBusinessList3 .imgB, .pageBusinessList3 .item,.pageBusinessList3 .moreB span i,.pageBusinessList3 .moreB span, .pageBusinessList3 .imgB img{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .pageBusinessList3 .moreB{ text-align: right;} .pageBusinessList3 .moreB span{position:relative;display:inline-block;color:#000000;font-weight:normal;line-height:3.125rem;font-size:1.25rem;padding:0 1.5625rem;min-width:7.6875rem;border-radius:.875rem;border:1px solid #d9dbdf;font-weight:normal;text-align:left; vertical-align: middle;} .pageBusinessList3 .moreB span i{display:inline-block; width: 1.625rem; height: 1.625rem;background:url("../images/icon-ss.png") no-repeat center center;background-size:100%;vertical-align: middle; margin-left: .5rem;} .pageBusinessList3 .item:hover .t{color:#0b48e2;} .pageBusinessList3 .item:hover{ background-color: #fff;} .pageBusinessList3 .item:hover .moreB span{color:#fff;border-color:#0b48e2; background-color: #0b48e2;} .pageBusinessList3 .item:hover .moreB span i{ background-image:url("../images/icon-ss2.png");} @media screen and (max-width:1200px){ .pageBusinessList3{margin:0 -1.5rem;} .pageBusinessList3 .item{width:calc(50% - 3rem);margin:0 1.5rem;margin-bottom:3rem;border-radius:1.5rem;} .pageBusinessList3 .titleNr{padding:2.5rem 4rem;} .pageBusinessList3 .imgB{border-radius:1.5rem;} .pageBusinessList3 .t{font-size:1.5rem;margin-bottom:1.125rem;} .pageBusinessList3 .des{font-size:1.125rem;margin-bottom:2.5rem;min-height: 5rem;} } @media screen and (max-width:1024px){ .pageBusinessList3{margin:0 -1.5rem;} .pageBusinessList3 .item{width:calc(50% - 3rem);margin:0 1.5rem;margin-bottom:3rem;border-radius:1.25rem;} .pageBusinessList3 .imgB{border-radius:1.25rem;} .pageBusinessList3 .titleNr{padding:2.5rem 3rem;} .pageBusinessList3 .t{font-size:1.25rem;margin-bottom:1rem;} .pageBusinessList3 .des{font-size:1rem;margin-bottom:2rem;min-height:0;} .pageBusinessList3 .item:nth-child(3){ display: none;} } @media screen and (max-width:768px){ .pageBusinessList3{margin:0;} .pageBusinessList3 .item{width:100%;margin:0;margin-bottom:2.5rem;border-radius:1.25rem;} .pageBusinessList3 .titleNr{padding:4rem 4rem;} .pageBusinessList3 .t{font-size:1.5rem;margin-bottom:1.125rem;} .pageBusinessList3 .des{font-size:1.125rem;margin-bottom:2.5rem;min-height:0;} .pageBusinessList3 .title{width:100%;} } /*pageTit*/ .pageTit4{position: relative; text-align: center; font-size: 0; line-height: 0; } .pageTit4 .tit{font-size:1.875rem;color:#000000;font-weight:normal;line-height:1; padding:0 5.5rem; position: relative;text-transform: uppercase;display: inline-block;margin-bottom:3.75rem;} .pageTit4 .tit:before{ content: ''; width:3.5rem;height:3px;position: absolute;left:0;top:50%;margin-top:-0.125rem;transition: all 0.4s linear;background: linear-gradient(90deg, #ffffff 0%, #4f4e4e 100%);} .pageTit4 .tit:after{ content: ''; width:3.5rem;height:3px;position: absolute;right:0;top:50%;margin-top:-0.125rem;transition: all 0.4s linear;background: linear-gradient(-90deg, #ffffff 0%, #4f4e4e 100%)} @media screen and (max-width:2560px){ .pageTit4 .tit{font-size:1.875rem;padding:0 5.5rem;margin-bottom:3.75rem;} .pageTit4 .tit:before, .pageTit4 .tit:after{width:3.5rem;height:.1875rem;margin-top:-0.125rem;} } @media screen and (max-width:1200px){ .pageTit4 .tit{font-size:1.5rem;padding:0 3rem;margin-bottom:3rem;} .pageTit4 .tit:before, .pageTit4 .tit:after{width:2.5rem;} } @media screen and (max-width:1024px){ .pageTit4 .tit{font-size:1.25rem;padding:0 2.5rem;margin-bottom:2.5rem;} .pageTit4 .tit:before, .pageTit4 .tit:after{width:2rem;} } @media screen and (max-width:768px){ .pageTit4 .tit{font-size:1.25rem;margin-bottom:2rem;} } /*moreB2{*/ .moreB2{ text-align:center; margin-top: 2.5rem;} .moreB2 a{position:relative;display:inline-block;color:#000000;font-weight:normal;line-height:3rem;font-size:1.25rem;padding:0 1.5625rem;min-width:180px;border-radius:.875rem;font-weight:normal;text-align:left; vertical-align: middle; background-color:#d9dbdf;border-radius:.625rem; text-align: center;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .moreB2 a:hover{color:#fff;border-color:#0b48e2; background-color: #0b48e2;} /**************************pagebanner4**************************/ .pagebanner4{ position: relative;overflow:hidden;min-height:50vw;display:flex;flex-direction: row;box-sizing:border-box;align-items: center;flex-wrap:wrap;justify-content:center;} .pagebanner4 .bannerpic{margin:0;display:block; overflow:hidden;width:100%;height:100%;background-position:center top;background-repeat:no-repeat;position:relative;background-size:cover;z-index:1;position:absolute;top:0;left:0;right:0;} .pagebanner4 .bannerpic img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;right:0;animation: srmgani 4000ms 1 ease forwards;} @keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}} .pagebanner4 .bannerbg{display:block;position: absolute; top:0;bottom:0; left:0; width: 100%; height: 100%;z-index:3;pointer-events:none;background:url("../images/banner-pagebg.png") no-repeat center center;background-size:100% 100%;} @media screen and (max-width:1024px){ } @media screen and (max-width:768px) { .pagebanner4{ padding:6.25rem 0;} } /*pagebanner .t*/ .pagebanner4 .pagebanner-tt{position:relative;z-index:4; width: 100vw; margin: 0 auto; padding:11.875rem 0;} .pagebanner4 .t {color:#ffffff; text-align: center;} .pagebanner4 .t .cn{font-size:4.0625rem;line-height:1;display:block;font-weight:700;} .pagebanner4 .pagebanner-en{font-size:.75rem;line-height:1;display:block;font-weight:400; text-transform:uppercase; position: absolute;bottom:2.125rem;right:0;left:0; letter-spacing: 3.125rem;text-align: center; z-index:5; color:#999999;} @media screen and (max-width:1200px){ .pagebanner4 .t .cn{font-size:3rem;} .pagebanner4 .pagebanner-en{font-size:1.125rem;margin-top:1rem;letter-spacing:3rem;} .pagebanner4 .t .des{font-size:1.125rem;margin-top:5rem;} } @media screen and (max-width:1024px){ .pagebanner4 .t .cn{font-size:2.75rem;} .pagebanner4 .pagebanner-en{font-size:1rem;margin-top:0.625rem;letter-spacing:2rem;} .pagebanner4 .t .des{font-size:1rem;margin-top:4rem;} } @media screen and (max-width:768px) { .pagebanner4 .t .cn{font-size:2.5rem;} .pagebanner4 .pagebanner-en{font-size:.75rem;letter-spacing:1rem;} } @media screen and (max-width:750px) { .pagebanner4 .t .cn{font-size:2rem;} } /*pagePosition*/ .pagePositionBox{position:relative;background-color: #f3f3f3;padding:1.5625rem 0;} .pagePositionBox .w1600{position:relative;} .pagePosition{position:relative;font-size:1.25rem;line-height:2.8125rem;color:#373737;display:block;white-space:nowrap;overflow:hidden; } .pagePosition a{color:#373737;position:relative} .pagebanner .pagePosition a{color:#0b48e2} .pagePosition a.homei{display:inline-block} .pagePosition .active,.pagePosition a:hover{color:#373737;} .pagebanner .pagePosition .active{color:#373737} @media screen and (max-width:1200px){ .pagePosition{font-size:1.125rem;} } /*moreB2{*/ .moreB3{ float: right; position: absolute;right:0;top:0;} .moreB3 a{position:relative;display:inline-block;color:#000000;font-weight:normal;line-height:2.8125rem;font-size:1.25rem;padding:0 1.5625rem;min-width:8.125rem;border-radius:2.8125rem;font-weight:normal;text-align:left; vertical-align: middle; background-color:#d9dbdf;text-align: center;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out; text-align:center;} .moreB3 a:hover{color:#fff;border-color:#0b48e2; background-color: #0b48e2;} @media screen and (max-width:768px) { .moreB3{float: none; position: relative; margin-top: 1rem;;} } @media screen and (max-width:1200px){ .moreB3 a{font-size:1.125rem;} } /*pageCaseListBOX*/ .pageCaseListBOX{padding-top:4.375rem;padding-bottom:2.75rem;overflow:hidden;} @media screen and (max-width:2560px){ .pageCaseListBOX{padding-top:6.875rem;padding-bottom:2.75rem;} } @media screen and (max-width:1200px){ .pageCaseListBOX{padding-top:5rem;padding-bottom:2.5rem;} } @media screen and (max-width:1024px){ .pageCaseListBOX{padding-top:4rem;padding-bottom:2.5rem;} } @media screen and (max-width:768px){ .pageCaseListBOX{padding-top:4rem;padding-bottom:2.5rem;} } /*pageCaseList3B*/ .pageCaseList3B{padding-top:5rem;padding-bottom:6rem;} .pageCaseList3{padding:0;list-style:none;display:flex;text-align:left;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;margin:0 -1.9375rem;} .pageCaseList3 .item{width:calc(33.33333% - 3.875rem);position:relative;margin:0 1.9375rem;margin-bottom:3.875rem;border-radius:1.625rem;box-shadow:0 .3125rem 2.5rem rgba(0,0,0,0.26); overflow: hidden; background-color: #f3f3f3;} .pageCaseList3 .item a{ display:block; height:100%;} .pageCaseList3 .titleNr{padding:2rem 2.875rem 1.6875rem 2.875rem;} .pageCaseList3 .t{color:#000000;font-size:1.5625rem;line-height:1.5;margin-bottom:.75rem;font-weight:600;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis;overflow: hidden;} .pageCaseList3 .des{color:#0f0f0f;font-size:1.25rem;line-height:1.8;margin-bottom:0;font-weight:500;text-align: justify;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden;text-overflow:ellipsis;overflow: hidden;} .pageCaseList3 .imgB{margin:0;overflow:hidden;position:relative;overflow: hidden;padding-bottom:60.97560975609756%;border-radius:1.625rem;} .pageCaseList3 .imgB>div{position:static!important;} .pageCaseList3 .imgB img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;} .pageCaseList3 .imgB img{-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} .pageCaseList3 .item:hover .imgB img{-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform: scale(1.08);} .pageCaseList3 .imgB, .pageCaseList3 .item,.pageCaseList3 .moreB span i,.pageCaseList3 .moreB span, .pageCaseList3 .imgB img{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .pageCaseList3 .moreB{ text-align: right;} .pageCaseList3 .moreB span{position:relative;display:inline-block;color:#000000;font-weight:normal;line-height:3.125rem;font-size:1.25rem;padding:0 1.5625rem;min-width:7.6875rem;border-radius:.875rem;border:1px solid #d9dbdf;font-weight:normal;text-align:left; vertical-align: middle;} .pageCaseList3 .moreB span i{display:inline-block; width: 1.625rem; height: 1.625rem;background:url("../images/icon-ss.png") no-repeat center center;background-size:100%;vertical-align: middle; margin-left: .5rem;} .pageCaseList3 .item:hover .t{color:#0b48e2;} .pageCaseList3 .item:hover{ background-color: #fff;} .pageCaseList3 .item:hover .moreB span{color:#fff;border-color:#0b48e2; background-color: #0b48e2;} .pageCaseList3 .item:hover .moreB span i{ background-image:url("../images/icon-ss2.png");} @media screen and (max-width:1200px){ .pageCaseList3B{padding-top:4rem;padding-bottom:5rem;} .pageCaseList3{margin:0 -1.5rem;} .pageCaseList3 .item{width:calc(50% - 3rem);margin:0 1.5rem;margin-bottom:3rem;border-radius:1.5rem;} .pageCaseList3 .titleNr{padding:2rem 2.5rem .9375rem 2.5rem;} .pageCaseList3 .imgB{border-radius:1.5rem;} .pageCaseList3 .t{font-size:1.5rem;} .pageCaseList3 .des{font-size:1.125rem;min-height: 5rem;} } @media screen and (max-width:1024px){ .pageCaseList3B{padding-top:3rem;padding-bottom:4rem;} .pageCaseList3{margin:0 -1.5rem;} .pageCaseList3 .item{width:calc(50% - 3rem);margin:0 1.5rem;margin-bottom:3rem;border-radius:1.25rem;} .pageCaseList3 .imgB{border-radius:1.25rem;} .pageCaseList3 .titleNr{padding:2.5rem 3rem;} .pageCaseList3 .t{font-size:1.25rem;} .pageCaseList3 .des{font-size:1rem;min-height:0;} } @media screen and (max-width:768px){ .pageCaseList3B{padding-top:3rem;padding-bottom:3rem;} .pageCaseList3{margin:0;} .pageCaseList3 .item{width:100%;margin:0;margin-bottom:3rem;border-radius:1.25rem;} .pageCaseList3 .titleNr{padding:4rem 4rem;} .pageCaseList3 .t{font-size:1.5rem;} .pageCaseList3 .des{font-size:1.125rem;min-height:0;} .pageCaseList3 .title{width:100%;} } /*pageNav3*/ .pageNav3{position:relative;z-index:2;text-align:center;background-color:#fff;padding-bottom: 5.875rem;} .pageNav3 .pageNav3Tit{margin-bottom:1.25rem;font-size:1.5rem;line-height:1.2;font-weight:500;display: none;} .pageNav3 ul{margin:0 auto;padding: 0;list-style:none;font-size:0;line-height:0;} .pageNav3 li{display:inline-block;*display:inline;zoom:1;vertical-align:top;margin-bottom:1rem;} .pageNav3 li a{position:relative;display:block;color:#000000;font-weight:normal;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;line-height:3.625rem;font-size:1.25rem;margin:0 .625rem;padding:0 2.5rem;min-width:11.5625rem;border-radius:3.625rem;border:1px solid #d9dbdf;font-weight:normal;} .pageNav3 li a span{display:block;position:relative; z-index:2;} .pageNav3 li a:hover{color:#000000;background-color: #d9dbdf;} .pageNav3 li a.on {color:#fff;border-color:#0b48e2; background-color: #0b48e2;} @media screen and (max-width:1200px) { .pageNav3 li a{font-size:1rem;line-height:3rem;padding:0 1.5rem;} } @media screen and (max-width:1024px) { .pageNav3 li a{line-height:2.5rem;margin:0 0.625rem;padding:0 1.5rem;} .pageNav3 ul{display: flex;overflow:visible;/* overflow-x: scroll;text-align: center;justify-content: center; */ justify-content: flex-start;flex-wrap:wrap;} /* .pageNav3 ul::-webkit-scrollbar {display: none} */ .pageNav3 li{/* flex-shrink:0;align-items:flex-end; */margin-right:0.625rem;overflow:hidden;position:relative;} .pageNav3 li a{margin:0;min-width:0;padding:0 1.5rem;} } @media screen and (max-width:960px) { .pageNav3 li a{padding:0 1.25rem;line-height:2.5rem;} } @media screen and (max-width:767px) { .pageNav3 li a{line-height:2.5rem;padding:0 1rem;} } /************************productDetail************************/ /*slick初始化*/ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-moz-user-select:none;user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent} .slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0} .slick-list:focus{outline:none} .slick-list.dragging{cursor:pointer;cursor:hand} .slick-slider .slick-track,.slick-slider .slick-list{transform:translate3d(0,0,0)} .slick-track{position:relative;left:0;top:0;display:block;margin-left:0;margin-right:0} /*.slick-track:before,.slick-track:after{content:"";display:table}*/ .slick-track:after{clear:both} .slick-loading .slick-track{visibility:hidden} .slick-slide{float:left;height:100%;min-height:1px} [dir=rtl] .slick-slide{float:right} .slick-slide img{display:block} .slick-slide.slick-loading img{display:none} .slick-slide.dragging img{pointer-events:none} .slick-initialized .slick-slide{display:block} .slick-loading .slick-slide{visibility:hidden} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} .slick-arrow.slick-hidden{display:none} .slick-loading .slick-list{background:#fff;} .slick-prev,.slick-next{position:absolute;top:50%;height:1.5625rem;width:1.8125rem;line-height:0;font-size:0;cursor:pointer;background:none;color:transparent;transform:translate(0,-50%);padding:0;border:none;outline:none;z-index:1; display:none;} .slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{outline:none;background:0 0;color:transparent} .slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1} .slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25} .slick-prev:before,.slick-next:before{font-family:slick;font-size:1.75rem;line-height:1;color:#000;opacity:.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .slick-prev{left:-1.5625rem} [dir=rtl] .slick-prev{left:auto;right:-1.5625rem} .slick-next{right:-1.5625rem} [dir=rtl] .slick-next{left:-1.5625rem;right:auto} .slick-dotted.slick-slider{margin-bottom:1.875rem} .slick-dots{position:absolute;bottom:-1.5625rem;list-style:none;display:block;text-align:center;padding:0;margin:0;width:100%} .slick-dots li{position:relative;display:inline-block;height:1.25rem;width:1.25rem;margin:0 .3125rem;padding:0;cursor:pointer} .slick-dots li button{border:0;background:0 0;display:block;height:1.25rem;width:1.25rem;outline:none;line-height:0;font-size:0;color:transparent;padding:.3125rem;cursor:pointer} .slick-dots li button:hover,.slick-dots li button:focus{outline:none} .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1} /*prodetailimg*/ .detailBox{padding-top:4.6875rem; padding-bottom:4.6875rem; overflow: hidden;} .detailBox .detailBoxTop{display: flex;text-align: left;justify-content: flex-start;flex-wrap: wrap;} .detailBox .prodetailimg{ width:55.625%; float:left;} .detailBox .prodetailimgBox{ margin-right:4.1875rem;} .detailBox .detailNr{width:44.375%;float:right; position:relative;} @media screen and (min-width:1200.1px){ .detailBox .prodetailimg{position:-webkit-sticky;position:sticky;top:155px;} } @media screen and (min-width:1680.1px){ .detailBox .prodetailimg{position:-webkit-sticky;position:sticky;top:12rem;} } @media screen and (max-width:1200px){ .detailBox{padding-top:4rem; padding-bottom:4rem;} .detailBox .prodetailimgBox{ margin-right:3rem;} } @media screen and (max-width:1024px){ .detailBox{padding-top:3rem; padding-bottom:3rem;} .detailBox .prodetailimg{ float:none; width:100%;} .detailBox .detailNr{float:none;width:100%; padding-top:3rem;} .detailBox .prodetailimgBox{ margin-right:0;} } @media screen and (max-width:768px){ .detailBox{padding-top:3rem; padding-bottom:3rem;} .detailBox .prodetailimgBox{ margin-right:0rem; margin-bottom: 1.5rem;} .detailBox .prodetailimg{ float:none; width:100%;} .detailBox .detailNr{width:100%;float:none;} .detailBox .detailNr .detailNrBox{padding:1.5625rem 0; } .detailBox .prodetailimg{ position:relative;} } @media screen and (max-width:640px){ .detailBox .detailNr{padding:0 0;} } /*product-images-left*/ .prodetailimg .product-images-left{margin-top:1.75rem;padding:0 1.125rem;position:relative;overflow: hidden;} .prodetailimg .product-images-left .carousel{margin:0 -0.625rem;overflow: hidden;} .prodetailimg .product-images-left .thumbnail{float:left;width:25%;} .prodetailimg .product-images-left .thumbnail .item{margin:0 .625rem;border:1px solid #fafafa;border-radius:.5rem;filter:alpha(opacity=60);opacity:0.6;} .prodetailimg .product-images-left .thumbnail.swiper-slide-thumb-active .item{border-color:#9799a6;filter:alpha(opacity=100);opacity:1;} .prodetailimg .product-images-left .thumbnail .img{width:100%; height:0;padding-bottom:65.89805825242718%; position:relative;background-color: #fff;border-radius: .5rem;} .prodetailimg .product-images-left .thumbnail .img>div{position:static!important;} .prodetailimg .product-images-left .thumbnail img{ position:absolute;top:0;left:0;display:block;width:100%;height:100%; max-height:none; max-width:none;border-radius:.5rem;object-fit:cover; overflow:hidden; z-index:1; text-align:center; margin:0} .mallDetail{ background:#fff;} /* Arrows */ .prodetailimg .product-images-left .slick-next, .prodetailimg .product-images-left .slick-prev{height:1.875rem;width:1.875rem;margin-top:-2rem;position:absolute;top:50%;border:none;text-align:center;font-size:0;z-index:5; outline:none;padding:0;line-height:0;background-repeat: no-repeat;background-position: center;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;background-size:.75rem;} .prodetailimg .product-images-left .slick-prev{left:0;background-image: url("../images/arrow-left2.png");} .prodetailimg .product-images-left .slick-next{right:0;background-image: url("../images/arrow-right2.png");} .prodetailimg .product-images-left .slick-next.slick-disabled, .prodetailimg .product-images-left .slick-prev.slick-disabled{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;} @media screen and (max-width:1200px) { .prodetailimg .product-images-left .slick-next, .prodetailimg .product-images-left .slick-prev{height:1.5rem;width:1.5rem;background-size:.5rem;} .prodetailimg .product-images-left .slick-prev{left:0;} .prodetailimg .product-images-left .slick-next{right:0;} .prodetailimg .product-images-left{margin-top:1.5rem;} .prodetailimg .product-images-left .carousel{margin:0 -0.5rem;} .prodetailimg .product-images-left .thumbnail .item{margin:0 .5rem;} } @media screen and (max-width:1024px) { .prodetailimg .product-images-left .slick-next, .prodetailimg .product-images-left .slick-prev{height:1.25rem;width:1.25rem;background-size:.35rem;} .prodetailimg .product-images-left .carousel{margin:0 -0.3rem;} .prodetailimg .product-images-left .thumbnail .item{margin:0 .3rem;} } @media screen and (max-width:768px) { .prodetailimg .product-images-left{display:none;} .prodetailimg .product-images-left{margin-top:1.5rem;} } @media screen and (max-width:640px){ .prodetailimg .product-images-left{margin-top:1.5rem;} } /*mbtn*/ .mbtn{width:4rem;height:4rem;overflow:hidden;position:absolute;top:50%; margin:0;margin-top:-2rem;cursor:pointer;z-index:9;outline:none;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out; background-position:center center; background-repeat:no-repeat;background-color:rgba(219, 219, 219,0.7);background-size:.875rem;border-radius:50%;} .mbtn.mprevbtnb{background-image:url(../images/arrow-left1.png);left:0;} .mbtn.mnextbtnb{background-image:url(../images/arrow-right1.png);right:0;} .mbtn:hover{background-color:#dbdbdb;} .mbtn.swiper-button-disabled{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;} @media screen and (max-width:1024px) { .mbtn{width:2.75rem;height:2.75rem;} } @media screen and (max-width:768px) { .mbtn{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;} .mbtn{ display:none;} } /*bigImg*/ .bigImg{ position:relative; background:#fff;border-radius:1.625rem;overflow:hidden;} .bigImg .swiper-container{width: 100%;} .bigImg .swiper-container .swiper-slide{height:auto;position:relative;background:#FFF; width:100%;border-radius:1.625rem;} .bigImg .swiper-container .swiper-slide .img{overflow:hidden;padding-bottom:65.89805825242718%;position:relative;border-radius:1.625rem; display: block;} .bigImg .swiper-container .swiper-slide .img>div{position:static!important;} .bigImg .swiper-container .swiper-slide img{display:block;margin:auto;-webkit-transform:translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);position:absolute;left:50%;top:50%;max-width:none; height:100%;width:auto;width:100%;object-fit:cover;border-radius:1.625rem;} /*swiper-pagination*/ .bigImg .mbtn{display:none;} .bigImg .swiper-pagination{display:none;} @media screen and (max-width:768px) { .bigImg .swiper-container{ padding-bottom:0;} .bigImg .swiper-container .swiper-slide .img{border-radius:0;} .bigImg .swiper-pagination{display:flex;} .bigImg .swiper-pagination{position:absolute; width:auto;left:auto;right:1rem;top:1rem;z-index:1;padding:0 .5rem;height:1.5rem;line-height:1.5rem;background:rgba(0,0,0,.45);color:#fff;font-size:.75rem;border-radius:.25rem;display: inline-block;} } /*prott*/ .prott{font-size:1.875rem;line-height:1.5;color:#000000;padding-top:.375rem;padding-bottom:4rem;font-weight:600;} @media screen and (max-width:1200px){ .prott{font-size:1.65rem;padding-bottom:3rem;} } @media screen and (max-width:1024px){ .prott{font-size:1.55rem;padding-bottom:2rem;} } @media screen and (max-width:768px){ .prott{font-size:1.375rem;} } /*procs*/ .procs ul{margin:0;padding:0;list-style:none;overflow:hidden;} .procs li{ display:block; padding-left:3.125rem; position: relative;} .procs li .icon{ width:2.0625rem;height:2.0625rem; position: absolute; left: 0;top:1.625rem;background-position:left center; background-repeat:no-repeat;background-size:100%;background-image:url(../images/icon-pro1.png);} .procs li:nth-child(2) .icon{background-image:url(../images/icon-pro2.png);} .procs li:nth-child(3) .icon{background-image:url(../images/icon-pro3.png);} .procs li:nth-child(4) .icon{background-image:url(../images/icon-pro4.png);} .procs li:nth-child(5) .icon{background-image:url(../images/icon-pro5.png);} .procs li .item{display:flex;flex-shrink:0;padding:1.1875rem 0;width:100%;position:relative;border-bottom:1px solid #d9d9d9; font-size:1.25rem;color:#000000;line-height:1.8;} .procs li .item a{color:#000000;} .procs li .item a:hover{color:#0940cc;} .procs li .tt{flex-grow:0;min-width:6.25rem;} .procs li .wz{display:flex;align-items:center;flex-grow:1;justify-content:flex-start;color:#0f0f0f;} .procs li:nth-child(5) .item{ display: block;border-bottom:none;} .procs li:nth-child(5) .tt{ margin-bottom: .875rem;} @media screen and (max-width:1200px){ .procs li .item{ font-size:1.125rem;} } /*swiper-button*/ .swiper-btn .swiper-button-prev,.swiper-btn .swiper-button-next{width:3.125rem;height:6.25rem;margin-top:-3.125rem;position:absolute;top:50%;cursor:pointer;z-index:10;outline:none;overflow:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;} .swiper-btn .swiper-button-prev:after, .swiper-btn .swiper-button-next:after{background-size:.75rem; background-repeat: no-repeat; background-position:center center;display: block; content:""; position:absolute;top:0;left:0; width:100%; height:100%;-moz-transition: all .4s;-ms-transition: all .4s;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;} .swiper-btn .swiper-button-prev:after{background-image:url(../images/arrow-left.png);} .swiper-btn .swiper-button-next:after{background-image:url(../images/arrow-right.png);} .swiper-btn .swiper-button-prev{left:0;border-top-right-radius: 8px;border-bottom-right-radius: 8px;} .swiper-btn .swiper-button-next{right:0;border-top-left-radius: 8px;border-bottom-left-radius: 8px;} .swiper-btn .swiper-button-next:hover, .swiper-btn .swiper-button-prev:hover{background:rgba(0,0,0,.3)} .swiper-btn .swiper-button-prev.swiper-button-disabled, .swiper-btn .swiper-button-next.swiper-button-disabled{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;} @media screen and (max-width:1024px){ .swiper-btn .swiper-button-prev,.swiper-btn .swiper-button-next{width:2.5rem;height:5rem;margin-top:-2.5rem;} .swiper-btn .swiper-button-prev:after, .swiper-btn .swiper-button-next:after{background-size:.625rem;} } @media screen and (max-width:768px){ .swiper-btn .swiper-button-prev,.swiper-btn .swiper-button-next{width:1.875rem;height:3.75rem;margin-top:-1.875rem;} .swiper-btn .swiper-button-prev:after, .swiper-btn .swiper-button-next:after{background-size:.5rem;} } /*indexbanner-pagination*/ .paginationB{position:absolute;bottom:1.875rem;left:0;right:0; z-index:5; text-align:center; margin:0 auto;} .paginationB .swiper-pagination{bottom:0;line-height:0;font-size:0; position:static; width:100%;text-align:center;} .paginationB .swiper-pagination span{width:.625rem;height:.625rem;border:none;opacity:1;float:none;margin:0 .3125rem;border-radius:.625rem; background:#fff;cursor: pointer; outline: none;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;} .paginationB .swiper-pagination span.swiper-pagination-bullet-active{background:#0080ff;width:1.875rem;} @media screen and (max-width:1024px) { .paginationB .swiper-pagination{bottom:1.75rem;} } @media screen and (max-width:768px) { .paginationB .swiper-pagination{bottom:1.5rem;} } /*xgProduct*/ .products-swiper{ overflow: hidden;position: relative;margin: 0 -0.625rem;} .products-swiper .swbtn .mbtn.swiper-button-prev{left:1.25rem;} .products-swiper .swbtn .mbtn.swiper-button-next{right:1.25rem;} /*xgProductListB*/ .xgProduct{padding-top:5.875rem;padding-bottom:1.8125rem;} .xgProductListB{overflow:hidden;padding-top:2rem;} .xgProductList{padding:0;list-style:none;display:flex;text-align:left;flex-direction: row;justify-content: flex-start;} .xgProductList .item{width:33.33333%;position:relative;border-radius:1.625rem;box-shadow:0 .3125rem 2.5rem rgba(0,0,0,0.26); overflow: hidden; background-color: #f3f3f3;margin-bottom:2.875rem;} .xgProductList .titleNr{padding:2rem 2.875rem 1.6875rem 2.875rem;} .xgProductList .t{color:#000000;font-size:1.5625rem;line-height:1.5;margin-bottom:.75rem;font-weight:600;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis;overflow: hidden;} .xgProductList .des{color:#0f0f0f;font-size:1.25rem;line-height:1.8;margin-bottom:0;font-weight:500;text-align: justify;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden;text-overflow:ellipsis;overflow: hidden;} .xgProductList .imgB{margin:0;overflow:hidden;position:relative;overflow: hidden;padding-bottom:60.97560975609756%;border-radius:1.625rem;} .xgProductList .imgB>div{position:static!important;} .xgProductList .imgB img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;} .xgProductList .imgB img{-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} .xgProductList .item:hover .imgB img{-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform: scale(1.08);} .xgProductList .imgB, .xgProductList .item,.xgProductList .moreB span i,.xgProductList .moreB span, .xgProductList .imgB img{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .xgProductList .moreB{ text-align: right;} .xgProductList .moreB span{position:relative;display:inline-block;color:#000000;font-weight:normal;line-height:3.125rem;font-size:1.25rem;padding:0 1.5625rem;min-width:7.6875rem;border-radius:.875rem;border:1px solid #d9dbdf;font-weight:normal;text-align:left; vertical-align: middle;} .xgProductList .moreB span i{display:inline-block; width: 1.625rem; height: 1.625rem;background:url("../images/icon-ss.png") no-repeat center center;background-size:100%;vertical-align: middle; margin-left: .5rem;} .xgProductList .item:hover .t{color:#0b48e2;} .xgProductList .item:hover{ background-color: #fff;} .xgProductList .item:hover .moreB span{color:#fff;border-color:#0b48e2; background-color: #0b48e2;} .xgProductList .item:hover .moreB span i{ background-image:url("../images/icon-ss2.png");} @media screen and (max-width:1200px){ .xgProductList .item{border-radius:1.5rem;} .xgProductList .titleNr{padding:2rem 2.5rem .9375rem 2.5rem;} .xgProductList .imgB{border-radius:1.5rem;} .xgProductList .t{font-size:1.5rem;} .xgProductList .des{font-size:1.125rem;min-height: 5rem;} } @media screen and (max-width:1024px){ .xgProductList .item{width:50%;border-radius:1.25rem;} .xgProductList .imgB{border-radius:1.25rem;} .xgProductList .titleNr{padding:2.5rem 3rem;} .xgProductList .t{font-size:1.25rem;} .xgProductList .des{font-size:1rem;min-height:0;} } @media screen and (max-width:768px){ .xgProductList .item{width:100%;border-radius:1.25rem;} .xgProductList .titleNr{padding:4rem 4rem;} .xgProductList .t{font-size:1.5rem;} .xgProductList .des{font-size:1.125rem;min-height:0;} .xgProductList .title{width:100%;} .xgProductListB{ padding:0 3rem;} } .xgProductListB .swbtn{ display: none;} /*protitle*/ .protitle{position: relative; text-align: center; font-size: 0; line-height: 0; } .protitle .tit{font-size:3.125rem;color:#000000;font-weight:600;line-height:1; padding:0 5rem; position: relative;text-transform: uppercase;display: inline-block;margin-bottom:1.75rem;} .protitle .tit:before{ content: ''; width:3.5rem;height:3px;position: absolute;left:0;top:50%;margin-top:-0.125rem;transition: all 0.4s linear;background: linear-gradient(90deg, #0b48e2 0%, #3a9ac3 100%);} .protitle .tit:after{ content: ''; width:3.5rem;height:3px;position: absolute;right:0;top:50%;margin-top:-0.125rem;transition: all 0.4s linear;background: linear-gradient(-90deg, #0b48e2 0%, #3a9ac3 100%)} @media screen and (max-width:2565px){ .protitle .tit{font-size:1.875rem;padding:0 5.5rem;margin-bottom:1.75rem;} .protitle .tit:before, .protitle .tit:after{width:3.5rem;height:.1875rem;margin-top:-0.125rem;} } @media screen and (max-width:1200px){ .protitle .tit{font-size:1.5rem;padding:0 3rem;margin-bottom:1.5rem;} .protitle .tit:before, .protitle .tit:after{width:2.5rem;} } @media screen and (max-width:1024px){ .protitle .tit{font-size:1.25rem;padding:0 2.5rem;margin-bottom:1.5rem;} .protitle .tit:before, .protitle .tit:after{width:2rem;} } @media screen and (max-width:768px){ .protitle .tit{font-size:1.25rem;margin-bottom:2rem;} } .tagTit{font-size:1.5rem;line-height:2.8125rem;} .tagNavTit{font-size:1.5rem;color:#0f0f0f;line-height:2.8125rem;} /*tagNav*/ .tagNav{position:relative;z-index:2;/* text-align:center; */ margin-bottom: 3rem; padding-top: 3rem;} .tagNav .tagTit{margin-bottom:1.25rem;font-size:1.5rem;line-height:1.2;font-weight:500;} .tagNav .tagNavTit{font-size:1.875rem;color:#0f0f0f;font-weight:600;line-height:1.3;margin-bottom:2rem;} .tagNav ul{margin:0 -0.625rem;padding: 0;list-style:none;font-size:0;line-height:0;} .tagNav li{display:inline-block;*display:inline;zoom:1;vertical-align:top;margin-bottom:1rem;} .tagNav li a{position:relative;display:block;color:#000000;font-weight:normal;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;line-height:2.8125rem;font-size:1.25rem;margin:0 .625rem;padding:0 2.5rem;border-radius:3.625rem;border:1px solid #d9dbdf;font-weight:normal;} .tagNav li a span{display:block;position:relative; z-index:2;} .tagNav li a:hover{color:#000000;background-color: #d9dbdf;} .tagNav li.active a{color:#fff;border-color:#0b48e2; background-color: #0b48e2;} @media screen and (max-width:1200px) { .tagNav li a{font-size:1rem;line-height:2.5rem;padding:0 2rem;} } @media screen and (max-width:1024px) { .tagNav ul{margin:0;} .tagNav li a{line-height:2.5rem;margin:0 0.625rem;padding:0 1.5rem;} } @media screen and (max-width:960px) { .tagNav li a{padding:0 2rem;} } @media screen and (max-width:767px) { .tagNav li a{line-height:2.5rem;padding:0 1.5rem;} .tagNav{ margin-bottom: 2rem;} } /*noresult*/ .noresult{font-size:1.25rem;line-height:1.5;color:#6B7485;text-align:center;padding-bottom:1rem;padding-top:1rem;} .noresult img{max-width:100%;width:35rem;margin:0 auto;margin-bottom:.625rem;} .noresult h3{font-size:1.25rem;line-height:1.5;color:#4E5769;font-weight:500;margin-bottom:.625rem;} @media screen and (max-width:1200px) { .noresult{font-size:1.125rem;} .noresult h3{font-size:1.125rem;} } /*****************************contact*****************************/ /*pageTit5*/ .pageTit5{position: relative; font-size: 0; line-height: 0; } .pageTit5 .tit{font-size:1.875rem;color:#000000;font-weight:normal;line-height:1;position: relative;text-transform: uppercase;display: inline-block;margin-bottom:1.875rem;} @media screen and (max-width:1200px){ .pageTit5 .tit{font-size:1.5rem;margin-bottom:3rem;} } @media screen and (max-width:1024px){ .pageTit5 .tit{font-size:1.375rem;margin-bottom:2.5rem;} } @media screen and (max-width:768px){ .pageTit5 .tit{font-size:1.375rem;margin-bottom:2rem;} } /********************************contactBOX********************************/ /* contactBOX */ .contactBOX{padding-top:7.125rem; padding-bottom:1.875rem;} .contactBOX .contactBOXB{box-sizing:border-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content: space-between;} .contactBOX .pageContactB{width:45.625%;} .contactBOX .pageFeedbackB{width:54.375%;} .contactBOX .pageContactBox{width:90%; max-width:34.75rem;} @media screen and (max-width:1200px) { .contactBOX{padding-top:5rem; padding-bottom:3rem;} .contactBOX .pageContactBox{width:90%; max-width:556px;} } @media screen and (max-width:1024px) { .contactBOX{padding-top:4rem; padding-bottom:1.875rem;} .contactBOX .pageContactB{width:100%;padding-bottom:5rem;} .contactBOX .pageFeedbackB{width:100%;padding-bottom:3rem;} .contactBOX .pageContactBox{width:100%; max-width:100%;} } @media screen and (max-width:768px) { .contactBOX{padding-top:4rem; padding-bottom:3rem;} } /*feedbackBox*/ .feedbackBox{padding:0;} .feedback{padding:0;margin:0 -1rem;} .feedback .l1{float:left;width:50%; position:relative;} .feedback .l3{float:left;width:100%; position:relative;} .feedback .l1Box{margin:0 1rem;} @media screen and (max-width:768px){ .feedback{margin:0 auto;} .feedback .l1{float:none;width:100%;} .feedback .l3{float:none;width:100%;} .feedback .l1Box{margin:0 auto;} } /*feedback item.active*/ .feedback{padding-top:2rem;} .feedback .item{margin-bottom:3.3125rem;line-height:0;font-size:0;} .feedback .item .red{color:#ff0025;margin-left:.375rem; font-size: 1.25rem;} .feedback .item .l1Box{display:-ms-flexbox;display:flex;position:relative;border-radius:0;border-bottom:1px solid #cecece;box-sizing:border-box;background-color:#fff;cursor:text;transition:all 0.3s cubic-bezier(0.23,1,0.32,1) 0s; } .feedback .item.active.l1Box{outline:.25rem solid rgba(0,96,239,.4);box-shadow:none} .feedback .t{display:inline-block;position:absolute;top:0rem;left:0;height:1.25rem;color:#6a6a6a;font-size:1.25rem;font-weight:normal!important;line-height:1.25rem;cursor:text;transition:transform 200ms ease 0s;transform-origin:left top;transform:scale(1) translateY(1rem);user-select:none;z-index:1;} .feedback .item.active .t{transform:scale(0.8) translateY(.5rem);color:#bebebe;} .feedback .inputBox{margin-top:1.25rem;flex:1 1 0%;} .feedback .inputBox .text{-o-appearance:none; -ms-appearance:none; -moz-appearance:none; -webkit-appearance:none;appearance:none; resize: none; border-radius:0; outline: none; /*border:none;*/ background-color:transparent; font-family:inherit;font-weight:normal;font-size:inherit; color:inherit; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; vertical-align:middle;} .feedback .inputBox .text{width:100%;height:3.125rem;line-height:3.125rem;padding:.4375rem 0;box-sizing:border-box;font-size:1.25rem;border:none;outline:none;box-sizing:content-box;vertical-align:middle;background-color:transparent;color:#000000;-webkit-text-fill-color:#000;cursor:text; position:relative;z-index:2;font-weight:normal;} .feedback .inputBox .text2{padding:.4375rem 0;height:13.125rem;} .feedback .inputbtn{display:inline-block;width:100%;margin:0;outline:none;color: #000000;border:none;background-color: #fff;cursor:pointer;text-align:center; font-family:inherit; font-weight:normal;max-width:8.625rem;font-size:1.25rem;line-height:3rem;border-radius:3rem;margin-top:3.125rem;transition: 0.4s;border:1px solid #000000; } .feedback .inputbtn:hover{border-color:#0b48e2;background-color: #0b48e2;color: #fff;} @media screen and (max-width:768px){ .feedback .t{font-size:1.125rem;} .feedback .inputbtn{font-size:1.125rem;} .feedback .inputBox .text{font-size:1.125rem;} .feedback .item .red{font-size: 1.125rem;} } @media screen and (max-width:768px){ .feedback .item{margin-bottom:2rem;} .feedback .inputbtn{width:100%;margin-top:2rem;} .feedback .inputBox .text2{height:7rem} .feedback{padding-top:0;} } /*contactList*/ .contactList{padding:0;list-style:none;margin:0;position:relative;font-size:0;display:-ms-flexbox;display:flex;box-sizing:border-box;flex-direction: column;} .contactList .item{background-color:#fff;box-sizing:border-box;border-bottom: 1px solid #cecece; width: 100%; padding-top: 2.625rem;padding-bottom:1.875rem;} .contactList .item .t{font-size:1.5rem;line-height:1.5;color:#000000;font-weight:600;display:-ms-flexbox;display:flex;align-items: center;margin-bottom:.625rem;} .contactList .item .wz{font-size:1.25rem;line-height:1.8;color:#000;font-weight:normal;position: relative;padding-left:2rem; margin-bottom:.625rem;} .contactList .item .icon{width:1.375rem;height:1.375rem; display: block; position: absolute;top:.625rem;left:0;} .contactList .item .icon>div{position:static!important;} .contactList .item .icon img{display:block;max-width:none;width:100%;height:100%;object-fit:contain;} /*footer-lx*/ .contactList2{ padding:0;list-style:none;margin:0;padding-top: 2.5rem;} .contactList2 .contactList2B{display:flex;flex-flow:wrap;} .contactList2 .imgB{width:7.5rem;margin-right:1.25rem; font-size:1rem;color: #000000; text-align: center; font-weight:400;} .contactList2 .imgB .img{padding:.625rem;border-radius:8px;border:1px solid #b8b8b9; overflow: hidden;} .contactList2 .imgB .img img{ width: 100%; height: auto;} .contactList2 .t{font-size:1.25rem;line-height:1.5;color:#6a6a6a;font-weight:400;margin-bottom:1.875rem;} @media screen and (max-width:1220px){ .contactList2 .t{font-size:1.125rem;margin-bottom:1.5rem;} .contactList .item{padding-top:2rem;padding-bottom:1.5rem;} .contactList .item .t{font-size:1.25rem;} .contactList .item .wz{font-size:1.125rem;line-height:1.8;} } @media screen and (max-width:1024px){ .contactList .item{padding-top:1.5rem;padding-bottom:1.25rem;} } @media screen and (max-width:768px){ .contactList .item{padding-top:1.25rem;padding-bottom:1.25rem;} } /*pageMap*/ .pageMap{ position: relative;} #page4 .pageMap .pageMapB{ left:2.8125rem;} .pageMap .pageMap-text.pageMap-text1{font-size:1.25rem;color:#381a1a;line-height:1.2; font-weight:normal;position: relative;width:37.5rem; height:100%;display:flex;justify-content:flex-end;align-items:flex-end;top:auto;position: absolute;bottom:10rem;left:0;text-align:left; z-index: 3;} .pageMap .pageMap-text.pageMap-text1 .pageMap-textul{width:100%;} .pageMap .pageMap-text.pageMap-text1 .li{background-color:rgba(11,72,226,0.15);backdrop-filter:blur(10px);box-shadow:0px 0px 20px 0px rgba(0,40,31,0.05);padding:0;border-radius:.625rem;color:#202945;min-height:24.375rem;display:none} .pageMap .pageMap-text.pageMap-text1 .li:nth-of-type(1){display:block} .pageMap .pageMap-text.pageMap-text1 .li .text-box{ padding:5rem 3.75rem 4.375rem 3.75rem;} .pageMap .pageMap-text.pageMap-text1 .li .des{font-size:1.25rem;color:#000000;line-height:2;} .pageMap .pageMap-text.pageMap-text1 .li .tt{font-size:1.5625rem;color:#000000;line-height:1;overflow:hidden;margin-bottom:1.4375rem; font-weight:600;} .pageMap .pageMap-text.pageMap-text1 .li .tt a{color:#000000} .pageMap .pageMap-text.pageMap-text1 .addlink{ margin-top: 2.625rem;} .pageMap .pageMap-text.pageMap-text1 .addlink a{position:relative;display:inline-block;color:#fff;font-weight:normal;line-height:3rem;font-size:1rem;padding:0 1.25rem;border-radius:3rem;font-weight:normal;text-align:left; vertical-align: middle; background-color: #000;} .pageMap .pageMap-text.pageMap-text1 .addlink a span{display:inline-block; background:url("../images/icon-dd.png") no-repeat left center;background-size:.875rem;vertical-align: middle;padding-left:2.0625rem;} .pageMap .pageMap-text.pageMap-text1 .addlink a:hover{ background-color: #0b48e2;} @media screen and (max-width:2560px){ #page4 .pageMap .pageMapB{left:2.8125rem;} .pageMap .pageMap-text.pageMap-text1{font-size:1.25rem;width:37.5rem;bottom:10rem;} .pageMap .pageMap-text.pageMap-text1 .li{min-height:24.375rem;} .pageMap .pageMap-text.pageMap-text1 .li .text-box{padding:5rem 3.75rem 4.375rem 3.75rem;} .pageMap .pageMap-text.pageMap-text1 .li .des{font-size:1.25rem;} .pageMap .pageMap-text.pageMap-text1 .li .tt{font-size:1.5625rem;margin-bottom:1.4375rem;} .pageMap .pageMap-text.pageMap-text1 .addlink{margin-top:2.625rem;} .pageMap .pageMap-text.pageMap-text1 .addlink a{line-height:3rem;font-size:1rem;padding:0 1.25rem;border-radius:3rem;} .pageMap .pageMap-text.pageMap-text1 .addlink a span{background-size:.875rem;padding-left:2.0625rem;} } @media screen and (max-width:1920px){ #page4 .pageMap .pageMapB{left:2.34vw;} #page4 .pageMap .pageMapB{max-width:76.25rem;} .pageMap .pageMap-text.pageMap-text1{font-size:1.04vw;width:31.25vw;bottom:8.33vw;} .pageMap .pageMap-text.pageMap-text1 .li{min-height:20.31vw;} .pageMap .pageMap-text.pageMap-text1 .li .text-box{padding:4.17vw 3.13vw 3.65vw 3.13vw;} .pageMap .pageMap-text.pageMap-text1 .li .des{font-size:1.04vw;} .pageMap .pageMap-text.pageMap-text1 .li .tt{font-size:1.30vw;margin-bottom:1.20vw;} .pageMap .pageMap-text.pageMap-text1 .addlink{margin-top:2.19vw;} .pageMap .pageMap-text.pageMap-text1 .addlink a{line-height:2.50vw;font-size:0.83vw;padding:0 1.04vw;border-radius:2.50vw;} .pageMap .pageMap-text.pageMap-text1 .addlink a span{background-size:0.73vw;padding-left:1.72vw;} } @media screen and (max-width:1200px){ .pageMap .pageMap-text.pageMap-text1 .li .des{font-size:1rem;} .pageMap .pageMap-text.pageMap-text1 .li .tt{font-size:1.5rem;} .pageMap .pageMap-text.pageMap-text1 .li .text-box{padding:4vw 3vw 3vw 3vw;} .pageMap .pageMap-text.pageMap-text1 .addlink{margin-top:2rem;} .pageMap .pageMap-text.pageMap-text1 .addlink a{line-height:3rem;font-size:1rem;padding:0 1.25rem;border-radius:3rem;} .pageMap .pageMap-text.pageMap-text1 .addlink a span{background-size:.875rem;padding-left:2.0625rem;} } @media screen and (max-width:1024px){ .pageMap .pageMap-text.pageMap-text1{font-size:1rem;} .pageMap .pageMap-text.pageMap-text1 .li .des{font-size:1rem;} .pageMap .pageMap-text.pageMap-text1 .li .tt{font-size:1.375rem;} .pageMap .pageMap-text.pageMap-text1 .addlink{margin-top:1.5rem;} .pageMap .pageMap-text.pageMap-text1 .addlink a{line-height:3rem;font-size:1rem;padding:0 1.25rem;} .pageMap .pageMap-text.pageMap-text1 .addlink a span{background-size:.875rem;padding-left:2.0625rem;} } @media screen and (max-width:991px){ #page4 .pageMap .pageMapB{left:0;} .pageMap .pageMap-text.pageMap-text1 .li{min-height:0;} .pageMap .pageMap-text.pageMap-text1 .li .text-box{ padding:3rem;} .pageMap .pageMap-text.pageMap-text1 .li .des{font-size:1rem;} .pageMap .pageMap-text.pageMap-text1 .li .tt{font-size:1.25rem;margin-bottom:1.5rem;} .pageMap .pageMap-text.pageMap-text1{font-size:16px;width:100%;bottom:8rem;margin: 0;position: relative;} #page4 .pageMap .pageMapB{max-width:1220px;} } @media screen and (max-width:768px){ .pageMap .pageMap-text.pageMap-text1{font-size:14px;width:100%;bottom:3rem;margin: 0;position: relative;} .pageMap .pageMap-text.pageMap-text1 .addlink a{line-height:2.5rem;} .pageMap .pageMap-text.pageMap-text1 .li .des{ line-height: 1.5;} } /*pageTit6*/ .pageTit6{position: relative; text-align: center; font-size: 0; line-height: 0; } .pageTit6 .tit{font-size:1.875rem;color:#000000;font-weight:500;line-height:1; padding:0 5rem; position: relative;text-transform: uppercase;display: inline-block;margin-bottom:3.75rem;} .pageTit6 .tit:before{ content: ''; width:3.5rem;height:3px;position: absolute;left:0;top:50%;margin-top:-0.125rem;transition: all 0.4s linear;background: linear-gradient(90deg, #0b48e2 0%, #3a9ac3 100%);} .pageTit6 .tit:after{ content: ''; width:3.5rem;height:3px;position: absolute;right:0;top:50%;margin-top:-0.125rem;transition: all 0.4s linear;background: linear-gradient(-90deg, #0b48e2 0%, #3a9ac3 100%)} @media screen and (max-width:2565px){ .pageTit6 .tit{font-size:1.5rem;padding:0 5.5rem;margin-bottom:3.75rem;} .pageTit6 .tit:before, .pageTit6 .tit:after{width:3.5rem;height:.1875rem;margin-top:-0.125rem;} } @media screen and (max-width:1200px){ .pageTit6 .tit{font-size:1.375rem;padding:0 3rem;margin-bottom:3rem;} .pageTit6 .tit:before, .pageTit6 .tit:after{width:2.5rem;} } @media screen and (max-width:1024px){ .pageTit6 .tit{font-size:1.25rem;padding:0 2.5rem;margin-bottom:2.5rem;} .pageTit6 .tit:before, .pageTit6 .tit:after{width:2rem;} } @media screen and (max-width:768px){ .pageTit6 .tit{font-size:1.25rem;margin-bottom:2rem;} } /*clientListB*/ .clientListB{padding-top:115px;padding-bottom:1.8125rem;} .clientList{padding:0;margin:0 -0.5rem;list-style:none;display:flex;text-align:left;flex-wrap: wrap;flex-direction: row;justify-content: flex-start;} .clientList .item{width:calc(20% - 1rem);margin:0 .5rem;position:relative;border-radius:1rem;overflow: hidden; margin-bottom:1.25rem;border:1px solid #d2d2d2;} .clientList .t{color:#b49c9c;font-size:1.125rem;color:#fff;line-height:1.5;margin-bottom:.75rem;font-weight:400; position:absolute;left:3%;right:3%; text-align: center;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);filter: alpha(opacity=0);opacity:0; z-index: 2;} .clientList .img{margin:0;position:relative;overflow: hidden;padding-bottom:54.83870967741935%;border-radius:1rem;} .clientList .img>div{position:static!important;} .clientList .img:after{content: '';width: 100%;position: absolute;top: 0;left: 0;height: 100%;background: #000;z-index:1;filter: alpha(opacity=0);opacity:0;z-index:1;} .clientList .img img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:contain;filter: grayscale(100%);} .clientList .img img{-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} .clientList .item:hover .img img{-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform: scale(1.08);} .clientList .img, .clientList .item,.clientList .moreB span i,.clientList .moreB span,.clientList .img:after,.clientList .t, .clientList .img img{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .clientList .item:hover .t{filter: alpha(opacity=100);opacity:1;} .clientList .item:hover .img:after{filter: alpha(opacity=60);opacity:0.6;} .clientList .item:hover{ background-color: #fff;} .clientList .item:hover .moreB span{color:#fff;border-color:#0b48e2; background-color: #0b48e2;} .clientList .item:hover .moreB span i{ background-image:url("../images/icon-ss2.png");} .clientList .item:hover{box-shadow:0 .3125rem 2.5rem rgba(0,0,0,0.26); } /*pageTeam*/ .pageTeam{ overflow: hidden;padding-top:5.875rem; padding-bottom:5.875rem;position: relative;} .teamBox{position: relative;overflow: hidden;border:1px solid #d2d2d2;border-radius:1.25rem; } .teamBox .item{width:100%;background:#fff;} .teamBox .item .itema{display:block; width:100%;height:100%; position: relative;} .teamBox .item .itema{display:flex;text-align:left;flex-direction: row-reverse;flex-wrap: wrap;justify-content: flex-start;/* align-items: center; */border-radius:1.5rem;overflow: hidden;} .teamBox .item .img{width:65%;} /*ImgBox*/ .teamBox .item .imgBox{overflow:hidden;position:relative;width:100%;/* height:100%;*/height:0;padding-bottom:63.46153846153846%;} .teamBox .item .imgBox>div{position:static!important;} .teamBox .item .imgBox img { position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;} .teamBox .item .itema, .teamBox .item .imgBox, .teamBox .item .imgBox img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .teamBox .item .itema:hover .imgBox img{-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);} /*info*/ .teamBox .item .info{width:35%;height:100%;} .teamBox .item .infoB{position:relative;height:100%;color:#6a6a6a;padding:11.5625rem 6.25rem 6.25rem 2.5rem;} .teamBox .item .tit{font-size:1.875rem;line-height:1.1;color:#000000;overflow:hidden;margin-bottom:2rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis;} .teamBox .item .des{font-size:1.125rem;line-height:1.8;color:#6a6a6a;overflow:hidden;margin-bottom:5rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;overflow:hidden;text-overflow:ellipsis;} @media screen and (max-width:1200px){.pageTeam{ padding-top:5rem; padding-bottom:5rem;} .teamBox .item .img{width:100%;} .teamBox .item .info{width:100%;} .teamBox .item .infoB{padding:6rem 4rem 4rem 2.5rem;} .teamBox .item .tit{font-size:1.5rem;line-height:1.5;margin-bottom:2rem;} } @media screen and (max-width:1024px){.pageTeam{ padding-top:4rem; padding-bottom:4rem;} .teamBox .item .tit{font-size:1.35rem;line-height:1.5;margin-bottom:2rem;} } @media screen and (max-width:768px){ .teamBox .item .tit{font-size:1.25rem;line-height:1.5;margin-bottom:2rem;} } .teamBox .swiper-slide{ background-color:#fff;} .teamBox .swiper-slide .imgBox img{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;} .teamBox .swiper-slide.swiper-slide-active .imgBox img{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;animation: srmgani 4000ms 1 ease forwards;} @keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}} /*swbtn*/ .swbtn3{ font-size:0;line-height:0;display:inline-block; position: absolute;bottom:2.5rem;left:2.5rem;z-index: 3;} .swbtn3 .mbtn{margin: 0;display:inline-block;width:auto;height:auto;position:absolute;top:50%;padding:0;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out; background:none; font-size:1.125rem; color: #000; line-height: 1; position: static; margin-right: .625rem;border-radius:0;} .swbtn3 .mbtn:hover{color:#0b48e2;} @media screen and (max-width:1920px){ } @media screen and (max-width:1200px){ } @media screen and (max-width:1024px){ } @media screen and (max-width:768px){ } /*swpagination3*/ .swpagination3{ font-size:0;line-height:0;display:inline-block; position: absolute;top:2.5rem;left:2.5rem; z-index: 2;;} .swpagination3 .swiper-pagination{bottom:0;line-height:0;position:static; width:100%;text-align:center; line-height: 1; position: static; margin-right: .625rem;border-radius:0;font-size:1.125rem; color: #000;} .swpagination3 .swiper-pagination span{width:auto;height:auto;border-radius:0;margin-right:0;outline:none;border:none;opacity:1;float:none;cursor: pointer;position: relative;overflow:hidden;font-size:1.125rem; color: #000000;line-height: 1; background:none;} .swpagination3 .swiper-pagination span::after{ display:none;} @media screen and (max-width:1200px) { .swpagination3{padding:0.5rem 1rem;background:rgba(0,0,0,.45);color:#fff;border-radius:.25rem;} .swpagination3 .swiper-pagination{font-size:1rem; color: #fff;} .swpagination3 .swiper-pagination span{color: #fff;} } @media screen and (max-width:1024px) { } @media screen and (max-width:768px) { } /*pageNav4*/ .pageNav4{position:relative;z-index:2;text-align:center;background-color:#fff; margin-bottom: 2.5rem;} .pageNav4 .pageNav4Tit{margin-bottom:1.25rem;font-size:1.5rem;line-height:1.2;font-weight:500;display: none;} .pageNav4 ul{margin:0 auto;padding: 0;list-style:none;font-size:0;line-height:0;} .pageNav4 li{display:inline-block;*display:inline;zoom:1;vertical-align:top;margin-bottom:1rem;} .pageNav4 li a{position:relative;display:block;color:#000000;font-weight:normal;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;font-size:1.25rem;margin:0 1.25rem;padding:0 1.625rem;line-height:3rem;border-radius:3rem;border:1px solid #ccced4;font-weight:normal;} .pageNav4 li a span{display:block;position:relative; z-index:2;} .pageNav4 li a:hover{color:#000000;background-color: #d9dbdf;} .pageNav4 li a.on {color:#fff;border-color:#000; background-color: #000;} @media screen and (max-width:1200px) { .pageNav4 li a{font-size:1.125rem;margin:0 1.25rem;padding:0 1.625rem;line-height:3rem;border-radius:3rem;} } @media screen and (max-width:1024px) { .pageNav4 li a{font-size:1.125rem;margin:0 1.25rem;padding:0 1.625rem;line-height:3rem;border-radius:3rem;} } /*faqListBOX.active*/ .faqListBOX {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; height:0;} .faqListBOX.on{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;height:auto;} /*faqList*/ .faqListB{padding-top: 1.75rem;padding-bottom:4.25rem;} .faqList{margin:0;padding:0;list-style:none;font-size:0;} .faqList .item{ display:block;width:100%;border:1px solid #d2d8e3;border-radius:1.25rem; margin-bottom:1.375rem;} .faqList .itema{display:block;position:relative;overflow:hidden;} .faqList .faqtitle{position:relative;cursor: pointer;padding:1.75rem 2.375rem;} .faqList .faqtitle .t{font-size:1.5rem;color:#000000;line-height:1;font-weight:400; padding-right:1.25rem;} .faqList .faqtitle .linka{display:block;width:1.25rem; height:1.25rem;background-position:center center; background-repeat:no-repeat;background-size:100%; background-image:url(../images/icon-v.png); position:absolute;top:1.75rem;right:2.375rem; cursor: pointer;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;} .faqList .item{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .faqList .item .faqtitle.active .linka{-webkit-transform:rotate(180deg);transform:rotate(180deg);} .faqList .faqtmain{display:none;} .faqList .faqtmainB{font-size:1.125rem;color:#434343;font-weight:normal;line-height:1.8;padding:0 2.375rem 1.75rem 2.375rem;} .faqList .faqtmain a{color:#434343;} .faqList .faqtmain table{border:none;} .faqList .faqtmain table td{border:none;padding:0;} @media screen and (max-width:1920px) { /* .faqList .faqtmainB{font-size:18px;} .faqList .faqtitle .t{font-size:24px;} */ } @media screen and (max-width:1440px) { .faqList .faqtmainB{font-size:14px;} .faqList .faqtitle .t{font-size:18px;} } @media screen and (max-width:1200px) { .faqList .faqtmainB{font-size:1.125rem;} .faqList .faqtitle .t{font-size:1.375rem;} } @media screen and (max-width:1024px) { .faqList .faqtmain table td{ display: block!important; width: 100%!important;} } /*maillink*/ .maillink{ margin-top:.8125rem;margin-bottom:1.6875rem;} .maillink a{position:relative;display:inline-block;color:#fff!important;font-weight:normal;line-height:3rem;font-size:1rem;padding:0 1.5rem;border-radius:3rem;font-weight:normal;text-align:left; vertical-align: middle; background-color: #000;} .maillink a span{display:inline-block; background:url("../images/icon-dd.png") no-repeat left center;background-size:.875rem;vertical-align: middle;padding-left:2.0625rem;} .maillink a:hover{ background-color: #0b48e2;} /******************************************Product******************************************/ /*proNavList*/ .proNav{position:relative;cursor: pointer;border-bottom:1px solid #dcdcdc;margin-bottom:3.75rem;} .proNavBox{ overflow: hidden;} .proNavList .swiper-wrapper{display:flex;justify-content:center;} .swiperStart .proNavList .swiper-wrapper{justify-content:flex-start;} .proNavList .item{position:relative; width:16.66666666666667%;max-width:16.66666666666667%;/* display: flex; */height:auto;} .proNavList .item a{display:block;height:100%;padding-top:5.4375rem;padding-bottom:2.5rem;} .proNavList .t{/*font-size:1.875rem;*/font-size:1.5rem;color:#000000;line-height:1.3;font-weight:400;text-align:center;padding-left:0.625rem;padding-right:0.625rem;} .proNavList .icon{margin:0 auto;position:relative;text-align:center;padding-bottom:1.25rem;} .proNavList .icon img{height:5.375rem;margin:0 auto;} .proNavList .icon img{filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%); -webkit-filter: grayscale(1);} .proNavList .item::before{content:"";position:absolute;top:100%;left:0;right:0;margin:0 auto;width:0;height:.25rem;background-color:#0b48e2;-webkit-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s; pointer-events: none;} .proNavList .item.cur::before,.proNavList .item:hover::before{width:5.125rem;} .proNavList .item.cur .icon img,.proNavList .item:hover .icon img{filter: grayscale(0%);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%); -webkit-filter: grayscale(0);} .proNavList .item.cur .t,.proNavList .item:hover .t{color:#0b48e2;} .proNavList .item::before{top:auto;bottom:0;} @media screen and (max-width:1200px) { .proNav{margin-bottom:3rem;} .proNavList .item a{padding-top:5rem;padding-bottom:2.5rem;} .proNavList .t{font-size:1.375rem;} .proNavList .icon img{height:5rem;} .proNavList .icon{padding-bottom:1.125rem;} .proNavList .item.cur::before,.proNavList .item:hover::before{width:5rem;} .proNavList .item::before{height:4px;top:auto;bottom:0;} } @media screen and (max-width:1024px) { .proNav{margin-bottom:2rem;} .proNavList .item a{padding-top:4rem;padding-bottom:2.25rem;} .proNavList .icon img{height:4rem;} .proNavList .t{font-size:1.25rem;} .proNavList .item.cur::before,.proNavList .item:hover::before{width:4rem;} .proNavList .item::before{height:3px;top:auto;bottom:0;} } @media screen and (max-width:767px) { .proNavList .item{position:relative; width:25%;max-width:25%;} .proNavList .item a{padding-top:3rem;padding-bottom:2rem;} .proNavList .icon img{height:3rem;} .proNavList .t{font-size:1.125rem;} .proNavList .item.cur::before,.proNavList .item:hover::before{width:3rem;} .proNavList .item::before{height:2px;top:auto;bottom:0;} .swiperStart2 .proNavList .swiper-wrapper{justify-content:flex-start!important;} } @media screen and (max-width:375px) { .proNavList .item a{padding-top:2.5rem;padding-bottom:1.5rem;} .proNavList .icon img{height:3rem;} .proNavList .t{font-size:1rem;} .proNavList .item.cur::before,.proNavList .item:hover::before{width:2rem;height:2px;} } /*swiper-btns*/ .swiper-btns .btn{width:3.75rem;height:3.75rem;overflow:hidden;position:absolute;top:50%; margin:0;margin-top:-1.875rem;cursor:pointer;z-index:9;outline:none;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out; background-position:center center; background-repeat:no-repeat;background-color:rgba(219, 219, 219,0.7);background-size:.875rem;border-radius:50%;} .swiper-btns .btn.prev{background-image:url(../images/arrow-left1.png);left:3%;} .swiper-btns .btn.next{background-image:url(../images/arrow-right1.png);right:3%;} .swiper-btns .btn:hover{background-color:#dbdbdb;} .swiper-btns .btn.swiper-button-disabled{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;} @media screen and (max-width:1024px) { .swiper-btns .btn{width:2.75rem;height:2.75rem;background-size:.625rem;} } /*proTit*/ .proTit{font-size:1.875rem;position: relative; text-align: center; font-size: 0; line-height: 0;margin-bottom:3.125rem;} .proTit .tit{font-size:1.875rem;color:#0f0f0f;font-weight:600;line-height:1.3;margin-bottom:1.875rem;} .proTit .tit h2{margin-bottom:0;font-size:1.875rem;font-weight:600;margin-bottom:.625rem;} .proTit .tit h5{font-size:1.5625rem;font-weight:400;color:#0b48e2; margin-top:1.0625rem;margin-bottom:0cqb;} .proTit .line{width:5.125rem;height:.25rem;background:#0b48e2;margin:0 auto;margin-bottom:2.9375rem;} .proTit .des{font-size:1.375rem;line-height:1.7;max-width:57.5rem;margin:0 auto;font-weight:normal;text-align:center;color:#0f0f0f;} @media screen and (max-width:2560px){ .proTit{font-size:1.875rem;margin-bottom:3.125rem;} .proTit .tit{font-size:1.875rem;margin-bottom:1.875rem;} .proTit .tit h2{font-size:1.875rem;margin-bottom:.625rem;} .proTit .tit h5{font-size:1.5625rem;margin-top:.75rem;margin-bottom:0;} .proTit .line{width:5.125rem;height:.25rem;margin-bottom:2.9375rem;} .proTit .des{font-size:1.375rem;max-width:57.5rem;} } @media screen and (max-width:1920px){ .proTit{font-size:1.875rem;margin-bottom:3.125rem;} .proTit .tit{font-size:1.875rem;margin-bottom:1.875rem;} .proTit .tit h2{font-size:1.875rem;margin-bottom:.625rem;} .proTit .tit h5{font-size:1.5625rem;margin-top:1.0625rem;margin-bottom:0;} .proTit .line{width:5.125rem;height:.25rem;margin-bottom:2.9375rem;} .proTit .des{font-size:1.375rem;max-width:57.5rem;} } @media screen and (max-width:1440px){ .proTit .des{font-size:18px;} } @media screen and (max-width:1200px){ .proTit{font-size:1.5rem;margin-bottom:3rem;} .proTit .tit{font-size:1.5rem;margin-bottom:1.125rem;} .proTit .tit h2{font-size:1.5rem;margin-bottom:.625rem;} .proTit .tit h5{font-size:1.375rem;margin-top:1.0625rem;margin-bottom:0;} .proTit .line{width:4rem;margin-bottom:2.5rem;} .proTit .des{font-size:1.25rem;max-width:57.5rem;} } @media screen and (max-width:1024px){ .proTit{font-size:1.375rem;margin-bottom:3rem;} .proTit .tit{font-size:1.375rem;margin-bottom:1.125rem;} .proTit .tit h2{font-size:1.375rem;} .proTit .tit h5{font-size:1.25rem;} .proTit .line{width:3rem;margin-bottom:2rem;} .proTit .des{font-size:1.125rem;} } @media screen and (max-width:768px){ .proTit{font-size:1.25rem;margin-bottom:3rem;} .proTit .tit{font-size:1.25rem;margin-bottom:1.125rem;} .proTit .tit h2{font-size:1.25rem;} .proTit .tit h5{font-size:1.125rem;} .proTit .line{width:2.5rem;margin-bottom:2rem;} .proTit .des{font-size:1rem;max-width:100%;} } /*proTit2*/ .proTit2{position: relative; text-align: center; font-size: 0; line-height: 0; } .proTit2 .tit{font-size:1.875rem;color:#000000;font-weight:600;line-height:1; padding:0 4.5rem; position: relative;text-transform: uppercase;display: inline-block;margin-bottom:2.875rem;} .proTit2 .tit:before{ content: ''; width:2.625rem;height:.25rem;position: absolute;left:0;top:50%;margin-top:-0.125rem;transition: all 0.4s linear;background:#0b48e2;} .proTit2 .tit:after{ content: ''; width:2.625rem;height:.25rem;position: absolute;right:0;top:50%;margin-top:-0.125rem;transition: all 0.4s linear;background:#0b48e2;} @media screen and (max-width:2565px){ .proTit2 .tit{font-size:1.875rem;padding:0 4.5rem;margin-bottom:2.875rem;} .proTit2 .tit:before, .proTit2 .tit:after{width:2.625rem;height:.25rem;margin-top:-0.125rem;} } @media screen and (max-width:1200px){ .proTit2 .tit{font-size:1.5rem;padding:0 3rem;margin-bottom:2.5rem;} .proTit2 .tit:before, .proTit2 .tit:after{width:2.5rem;} } @media screen and (max-width:1024px){ .proTit2 .tit{font-size:1.25rem;padding:0 2.5rem;margin-bottom:2.5rem;} .proTit2 .tit:before, .proTit2 .tit:after{width:2rem;} } @media screen and (max-width:768px){ .proTit2 .tit{font-size:1.375rem;margin-bottom:2rem;} } /*pageProductListB*/ .pageProductListB{overflow:hidden;padding-top:5.9375rem;padding-bottom:5.125rem;} .pageProductList{padding:0;list-style:none;display:flex;text-align:left;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;margin:0 auto;} .pageProductList .item{width:100%;position:relative;margin:3.4375rem 0;border-radius:1.875rem;box-shadow:0 .3125rem 2.5rem rgba(0,0,0,0.26); overflow: hidden;} .pageProductList .titleNr{padding:5.625rem 6.25rem 6.25rem 6.25rem;} .pageProductList .t{color:#000000;font-size:1.8755em;line-height:1.5;margin-bottom:3.5625rem;font-weight:600;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis;overflow: hidden;} .pageProductList .des{color:#000000;font-size:1.25rem;line-height:1.8;margin-bottom:2.9375rem;font-weight:500;min-height: 5rem; text-align: justify;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;overflow:hidden;text-overflow:ellipsis;overflow: hidden;} .pageProductList .pic img{max-width:100%;} .pageProductList .itema{display:flex;flex-direction: row-reverse;flex-wrap: wrap;justify-content: flex-start;align-items:flex-start; position: relative;width:100%; height:100%;} .pageProductList .title{width:44.6875%;} .pageProductList .img{width:55.3125%;} .pageProductList .imgB{margin:0;overflow:hidden;position:relative;overflow: hidden;padding-bottom:66.44067796610169%;} .pageProductList .imgB>div{position:static!important;} .pageProductList .imgB img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;} .pageProductList .imgB img{-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} .pageProductList .itema:hover .imgB img{-moz-transform:scale(1.02);-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform: scale(1.02);} .pageProductList .imgB, .pageProductList .itema, .pageProductList .imgB img{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .pageProductList .moreB{ text-align:left; position: absolute;left:6.25rem;bottom:2.75rem;} .pageProductList .moreB span{position:relative;display:inline-block;color:#000000;font-weight:normal;line-height:3.125rem;font-size:1.25rem;padding:0 1.5625rem;min-width:7.6875rem;border-radius:.875rem;border:1px solid #d9dbdf;font-weight:normal;text-align:left; vertical-align: middle; line-height: 0;} .pageProductList .moreB span i{display:inline-block; width:1.625rem;height:3.125rem;background:url("../images/icon-ss.png") no-repeat center center;background-size:100%;vertical-align: middle; margin-left: .5rem;} .pageProductList .item:hover .t{color:#0b48e2;} .pageProductList .item:hover .moreB span{color:#fff;border-color:#0b48e2; background-color: #0b48e2;} .pageProductList .item:hover .moreB span i{ background-image:url("../images/icon-ss2.png");} @media screen and (max-width:1200px){ .pageProductListB{padding-top:5rem;padding-bottom:4rem;} .pageProductList .item{margin:3rem 0;border-radius:1.5rem;} .pageProductList .titleNr{padding:4rem 5rem 5rem 5rem;} .pageProductList .t{font-size:1.5rem;margin-bottom:1.5rem;} .pageProductList .des{font-size:1.125rem;margin-bottom:2.5rem;min-height:5rem;line-height:1.6;} .pageProductList .moreB{ left:5rem;bottom:2.5rem;} .pageProductList .moreB span{font-size:1.125rem;} } @media screen and (max-width:1150px){ .pageProductList .titleNr{padding:3rem 4rem;} .pageProductList .t{font-size:1.375rem;margin-bottom:1rem;} .pageProductList .des{line-height:1.5;} .pageProductList .moreB{ left:4rem;bottom:2rem;} } @media screen and (max-width:1024px){ .pageProductListB{padding-top:4rem;padding-bottom:3rem;} .pageProductList .item{margin:2.5rem 0;border-radius:1.5rem;} .pageProductList .titleNr{padding:3rem 3rem;} .pageProductList .t{font-size:1.25rem;margin-bottom:1rem;} .pageProductList .des{font-size:1rem;margin-bottom:2rem;min-height:0;} .pageProductList .img{height: 100%;} .pageProductList .imgB{height:100%;padding-bottom:0; min-height:23.75rem;} .pageProductList .moreB{ left:3rem;bottom:1.5rem;} } @media screen and (max-width:768px){ .pageProductListB{padding-top:3rem;padding-bottom:2.5rem;} .pageProductList .item{margin:2rem 0;border-radius:1.5rem;} .pageProductList .titleNr{padding:4rem 4rem;} .pageProductList .t{font-size:1.375rem;margin-bottom:1.125rem;} .pageProductList .des{font-size:1.125rem;margin-bottom:2.5rem;min-height:0;} .pageProductList .title{width:100%;} .pageProductList .img{width:100%;height:auto;} .pageProductList .imgB{height:0;padding-bottom:66.21621621621622%;min-height:0;} .pageProductList .moreB{ left:0;bottom:0; position: relative;} } /*pageProduct*/ .page img{max-width:100%;} .pageProduct{padding-top:6.0625rem;padding-bottom:3.75rem;} /*pageProductWZ*/ .pageProductWZ{padding-top:6.0625rem;max-width:70.125rem;margin:0 auto;font-size:1.25rem;font-weight:400;color:#000000;} .pageProduct4 .pageProductWZ{padding-top:3.5625rem;} .pageProductWZ .split2{width:2.125rem;height:.1875rem;background:#a3baf4;margin:0 auto;margin-bottom:1.5rem;} .pageProductWZ .split{width:4.25rem;height:.1875rem;background:#a3baf4;margin:0 auto;margin-bottom:1.5rem;} .pageProductWZ h3{color:#0f0f0f;font-size:1.875rem;font-weight:600;} .pageProductWZ h4{color:#010101;font-size:1.5625rem;font-weight:600;} .pageProductWZ h5{color:#010101;font-size:1.5625rem;font-weight:normal} .pageProductWZ h6{color:#010101;font-size:1.25rem;font-weight:normal} /*table1*/ .pageProductWZ .table1{text-align:center;margin:0 -0.5rem;border:none;} .pageProductWZ .table1 tr{display:flex;} .pageProductWZ .table1 td{color:#000000;font-size:1.25rem;line-height:1.5;font-weight:600; padding:1.25rem 1.25rem; background-color: #f3f3f3;border-radius:1rem; margin:0 .5rem; width: 100%;border:none;text-align:center;} /*table2*/ .pageProductWZ .table2Box{text-align:center;margin:0 auto;padding-top:2.3125rem;padding-bottom:.875rem;margin-top:2.5rem;position:relative;} .pageProductWZ .table2Box::before{ content:'';background:#f3f3f3;border-radius:1.875rem;position: absolute;top:0;left:0;right:0;margin:0 auto;width:85.2%;height:100%; z-index: -1;} .pageProductWZ .table2Box h3{text-align:center;color:#0b48e2;margin-bottom:3.125rem;font-size:1.875rem;font-weight:600;} .pageProductWZ .table2{text-align:center;margin:0 -0.5rem;border:none;width:100%;border-collapse:separate;} .pageProductWZ .table2 tr{display:flex;} .pageProductWZ .table2 td{border:none;margin:0 .5rem;box-shadow:0rem .3125rem 1.125rem rgba(0,0,0,0.1);vertical-align:top;width:33.33%;background:#fff;border-radius:1.5rem;padding:3.375rem 2.5625rem 3.75rem 2.5625rem; position: relative;} .pageProductWZ .table2 td:nth-child(1):after, .pageProductWZ .table2 td:nth-child(2):after{content:'';position: absolute;top:2.5rem;right: -2.5rem;width:3.4375rem;height:5.125rem;background:url("../images/pro-line-ss.png") no-repeat center center;background-size:100%;z-index: 2;pointer-events: none;} .pageProductWZ .table2 td h4{background:#0055dd;color:#fff;text-align:center;padding:.8125rem;border-radius:3.1875rem;font-weight:bold;font-size:1.5625rem;margin-bottom:1.875rem;line-height:1.5625rem;} .pageProductWZ .table2 td h5{text-align:center;color:#010101;font-size:1.5625rem;margin-bottom:1.6875rem;font-weight:normal} .pageProductWZ .table2 td p{line-height:1.7;margin-bottom:.75rem;font-size:1.25rem;font-weight:400; text-align:justify;color:#000000;} .pageProductWZ .table2 td p b{font-weight:600;color:#000;} .pageProductWZ .table2bottom{margin-top:1.625rem;text-align:center;} .pageProductWZ .table2bottom h3{position:relative;color:#0f0f0f;font-weight:600; margin-top:.875rem;} /*table3*/ .pageProductWZ .table3Box{margin:0 auto;text-align:center;background:#f3f3f3;border-radius:1.875rem;padding:2.3125rem 3.75rem;} .pageProductWZ .table3Box h3{text-align:center;margin-bottom:3.125rem;font-size:1.875rem;font-weight:600;} .pageProductWZ .table3bottom{text-align:center;background:#fff;border-radius:1.875rem;padding:2.3125rem 3.75rem;position: relative;top:-3rem;box-shadow:0rem .3125rem 1.125rem rgba(0,0,0,0.1);} .pageProductWZ .table3bottom h3{text-align:center;color:#0b48e2;margin-bottom:.625rem;font-size:1.875rem;font-weight:600;} .pageProductWZ .table3bottom h4{color:#010101;text-align:center;font-weight:400;font-size:1.5625rem;margin-bottom:1rem;line-height:1.5;} .pageProductWZ .table3bottom p{max-width:50rem;margin:0 auto;font-size:1.25rem;font-weight:400; text-align:justify;color:#000000;} .pageProductWZ .table3{margin:0 auto;text-align:center;border:none;border-collapse:separate; padding-top:1.6875rem;padding-bottom:1.6875rem;} .pageProductWZ .table3 tr{display:flex;} .pageProductWZ .table3 td{margin:0 1.125rem;vertical-align:top;width:33.33%;background:#fff;border-radius:1.5rem;padding:3.3125rem 1.6875rem 2.125rem 1.6875rem;border:.125rem solid #a3baf4;} .pageProductWZ .table3 td h4{background:#0055dd;color:#fff;text-align:center;padding:.8125rem;border-radius:3.1875rem;font-weight:bold;font-size:1.5625rem;margin-bottom:1.875rem;line-height:1.5625rem;} .pageProductWZ .table3 td h5{text-align:center;color:#010101;font-size:1.5625rem;margin-bottom:1.6875rem;font-weight:normal} .pageProductWZ .table3 td p{line-height:1.7;margin-bottom:.75rem;font-size:1.25rem;font-weight:400; text-align:justify;color:#000000;} .pageProductWZ .table3 td p b{font-weight:600;color:#000;} /*table4*/ .pageProductWZ .table4Box{margin:0 auto;text-align:center;padding:2.3125rem 0; position: relative;} .pageProductWZ .table4Box::before{ content:'';background:#f3f3f3;border-radius:1.875rem;position: absolute;top:0;left:0;right:0;margin:0 auto;width:85.2%;height:100%; z-index: -1;} .pageProductWZ .table4Box h3{text-align:center;margin-bottom:2.5rem;font-size:1.875rem;font-weight:600;} .pageProductWZ .table4Box p{max-width:50rem;margin:0 auto;font-size:1.25rem;font-weight:400; text-align:justify;color:#000000;} .pageProductWZ .table4{margin:0 -0.5rem;text-align:center;border:none;border-collapse:separate; padding-top:1.6875rem;padding-bottom:2.9375rem;} .pageProductWZ .table4 tr{display:flex;justify-content:center;} .pageProductWZ .table4 td{margin:0 .5rem;vertical-align:top;width:33.33%;background:#fff;padding:7.5rem 2.5rem 5.5rem 2.5rem;border:none;text-align:center;border-radius:100% / 6.25rem;box-shadow:0rem .3125rem 1.125rem rgba(0,0,0,0.1);} .pageProductWZ .table4 td h4{background:#0055dd;color:#fff;text-align:center;padding:.8125rem;border-radius:3.1875rem;font-weight:bold;font-size:1.5625rem;margin-bottom:2.875rem;line-height:1.5625rem;} .pageProductWZ .table4 td h5{text-align:center;color:#010101;font-size:1.5625rem;margin-bottom:3.5rem;font-weight:normal} .pageProductWZ .table4 td p{line-height:1.7;margin-bottom:.75rem;font-size:1.25rem;font-weight:400;color:#000000; text-align:center;} .pageProductWZ .table4 td p b{font-weight:600;color:#000;letter-spacing:-0.0625rem;} .pageProductWZ .table4 td .split2{margin-top:1.875rem;margin-bottom:3rem;} /*table-circle*/ .pageProductWZ .table-circle{margin:0 auto;text-align:center;border:none;border-collapse:separate;} .pageProductWZ .table-circle tr{display:flex;justify-content:center;} .pageProductWZ .table-circle td{border:none;vertical-align:top;width:50%;background:#fff;text-align:center;aspect-ratio:1/1;background:#fff;border-radius:50%;padding:3.75rem 6.875rem;margin:0 -1.5rem;display:flex;flex-direction:column;justify-content:center;box-shadow:0rem .3125rem 1.125rem rgba(0,0,0,0.1);} .pageProductWZ .table-circle td h3{color:#0b48e2;text-align:center;font-size:1.875rem;font-weight:600;margin-bottom:1.875rem;} .pageProductWZ .table-circle td p{line-height:1.7;margin-bottom:.75rem;font-size:1.25rem;font-weight:400;color:#000000;text-align:center; } .pageProductWZ .table-circle td p b{font-weight:600;color:#000;} .pageProductWZ .table-circle td .split2{margin-top:1.125rem;margin-bottom:2.125rem;} /*table5*/ .pageProductWZ .table5Box{margin:0 auto;text-align:center;position:relative;padding-bottom:4.6875rem;padding-top:2.3125rem;} .pageProductWZ .table5Box::before{ content:'';background:#f3f3f3;border-radius:1.875rem;position: absolute;top:0;left:0;right:0;margin:0 auto;width:85.2%;height:100%; z-index: -1;} .pageProductWZ .table5Box h3{text-align:center;margin-bottom:2.5rem;font-size:1.875rem;font-weight:600;} .pageProductWZ .table5Box p{max-width:50rem;margin:0 auto;font-size:1.25rem;font-weight:400; text-align:justify;color:#000000;} .pageProductWZ .table5bottom{text-align:center;background:#fff;border-radius:1.875rem;padding:4.5rem 2.5rem 2.5rem;position: relative;top:-3rem;box-shadow:0rem .3125rem 1.125rem rgba(0,0,0,0.1);} .pageProductWZ .table5bottom h3{text-align:center;color:#0b48e2;margin-bottom:.625rem;font-size:1.875rem;font-weight:600;} .pageProductWZ .table5bottom h4{color:#010101;text-align:center;font-weight:400;font-size:1.5625rem;margin-bottom:1rem;line-height:1.5;} .pageProductWZ .table5bottom p{max-width:100%;margin:0 auto;font-size:1.25rem;font-weight:400; text-align:center;color:#000000;} .pageProductWZ .table5{margin:0 auto;text-align:center;border:none;border-collapse:separate; padding-top:1.25rem;padding-bottom:1.6875rem;} .pageProductWZ .table5 tr{display:flex;} .pageProductWZ .table5 td{margin:0 1.125rem;vertical-align:top;width:33.33%;background:#fff;border-radius:1.5rem;padding:3.3125rem 1.6875rem 1.6875rem 1.6875rem;border:.125rem solid #a3baf4;} .pageProductWZ .table5 td h4{background:#0055dd;color:#fff;text-align:center;padding:.8125rem;border-radius:3.1875rem;font-weight:bold;font-size:1.5625rem;margin-bottom:1.875rem;line-height:1.5625rem;} .pageProductWZ .table5 td h5{text-align:center;color:#010101;font-size:1.5625rem;margin-bottom:1rem;font-weight:normal} .pageProductWZ .table5 td p{line-height:1.7;margin-bottom:.75rem;font-size:1.25rem;font-weight:400; text-align:justify;color:#000000;} .pageProductWZ .table5 td p b{font-weight:600;color:#000;} .pageProductWZ .table5 td .split{margin-top:2rem;margin-bottom:1.125rem;} @media screen and (max-width:1200px){ .pageProduct{padding-top:5rem;padding-bottom:3rem;} .pageProductWZ{padding-top:5rem;max-width:100%;font-size:1.125rem;} .pageProduct4 .pageProductWZ{padding-top:3rem;} .pageProductWZ h3{font-size:1.5rem;} .pageProductWZ h4{font-size:1.375rem;} .pageProductWZ h5{font-size:1.375rem;} .pageProductWZ h6{font-size:1.125rem;} .pageProductWZ .table1 td{font-size:1.125rem;} .pageProductWZ .table2Box h3{font-size:1.5rem;margin-bottom:3rem;} .pageProductWZ .table2 td h4{font-size:1.375rem;} .pageProductWZ .table2 td h5{font-size:1.375rem;} .pageProductWZ .table3Box h3{font-size:1.5rem;margin-bottom:3rem;} .pageProductWZ .table3bottom h3{font-size:1.5rem;margin-bottom:.625rem;} .pageProductWZ .table3bottom h4{font-size:1.375rem;} .pageProductWZ .table3bottom p{font-size:1.125rem;} .pageProductWZ .table3 td p{font-size:1.125rem;} .pageProductWZ .table3 td h4{font-size:1.375rem;} .pageProductWZ .table3 td h5{font-size:1.375rem;} .pageProductWZ .table3Box{padding:2.3125rem 3.5rem;} .pageProductWZ .table3bottom{padding:2.3125rem 3.5rem;top:-3rem;} .pageProductWZ .table4Box h3{font-size:1.5rem;margin-bottom:2.25rem;} .pageProductWZ .table4Box p{font-size:1.125rem;} .pageProductWZ .table4{padding-top:1.5rem;padding-bottom:2rem;} .pageProductWZ .table4 td{padding:7.5rem 2.5rem 5.5rem 2.5rem;border:none;text-align:center;border-radius:100% / 6.25rem;} .pageProductWZ .table4 td h4{font-size:1.375rem;margin-bottom:2.5rem;} .pageProductWZ .table4 td h5{font-size:1.375rem;margin-bottom:3rem;} .pageProductWZ .table4 td p{font-size:1.125rem;} .pageProductWZ .table4 td .split2{margin-top:1.5rem;margin-bottom:2.5rem;} .pageProductWZ .table-circle td{padding:3.75rem 6.875rem;} .pageProductWZ .table-circle td h3{font-size:1.5rem;margin-bottom:1.875rem;} .pageProductWZ .table-circle td p{font-size:1.125rem;} .pageProductWZ .table-circle td .split2{margin-top:1.125rem;margin-bottom:2.125rem;} .pageProductWZ .table5Box{padding-bottom:3rem;padding-top:2rem;} .pageProductWZ .table5Box h3{font-size:1.5rem;margin-bottom:2.5rem;} .pageProductWZ .table5Box p{max-width:50rem;font-size:1.125rem;} .pageProductWZ .table5bottom{padding:4.5rem 2.5rem 2.5rem;top:-3rem;} .pageProductWZ .table5bottom h3{font-size:1.5rem;margin-bottom:.625rem;} .pageProductWZ .table5bottom h4{font-size:1.375rem;margin-bottom:1rem;} .pageProductWZ .table5bottom p{font-size:1.125rem;} .pageProductWZ .table5{padding-top:1.125rem;padding-bottom:1.6875rem;} .pageProductWZ .table5 td{margin:0 1.125rem;padding:3.3125rem 1.6875rem 1.6875rem 1.6875rem;} .pageProductWZ .table5 td h4{font-size:1.375rem;margin-bottom:1.875rem;} .pageProductWZ .table5 td h5{font-size:1.375rem;margin-bottom:1rem;} .pageProductWZ .table5 td p{font-size:1.125rem;} .pageProductWZ .table5 td .split{margin-top:2rem;margin-bottom:1.125rem;} .pageProductWZ .table2 td:nth-child(1):after, .pageProductWZ .table2 td:nth-child(2):after{top: 2.5rem;right: -2.5rem;width:3.4375rem;height:5.125rem;} } @media screen and (max-width:1024px){ .pageProduct{padding-top:4rem;padding-bottom:2.5rem;} .pageProductWZ{padding-top:4rem;max-width:100%;font-size:1rem;} .pageProduct4 .pageProductWZ{padding-top:3rem;} .pageProductWZ h3{font-size:1.375rem;} .pageProductWZ h4{font-size:1.25rem;} .pageProductWZ h5{font-size:1.25rem;} .pageProductWZ h6{font-size:1.125rem;} .pageProductWZ .table1 td{font-size:1.125rem;} .pageProductWZ .table1 tr{display: block;flex-wrap: wrap;flex-direction: column;} .pageProductWZ .table1 td{display: block;margin:1rem 0; width:100%;} .pageProductWZ .table2 tr{display: block;flex-wrap: wrap;flex-direction: column;} .pageProductWZ .table2 td{display: block;margin:1rem 0; width:100%;} .pageProductWZ .table2Box{text-align:center;background:#f3f3f3;border-radius:1.875rem; padding-right:1.875rem;padding-left:1.875rem;margin-top:2rem;} .pageProductWZ .table2Box::before{ display:none;} .pageProductWZ .table2Box h3{font-size:1.375rem;margin-bottom:2rem;} .pageProductWZ .table2{margin:0;} .pageProductWZ .table2 td h4{font-size:1.25rem;} .pageProductWZ .table2 td h5{font-size:1.25rem;} .pageProductWZ .table3 tr{display: block;flex-wrap: wrap;flex-direction: column;} .pageProductWZ .table3 td{display: block;margin:1rem 0; width:100%;} .pageProductWZ .table3Box h3{font-size:1.375rem;margin-bottom:2rem;} .pageProductWZ .table3bottom h3{font-size:1.375rem;margin-bottom:.625rem;} .pageProductWZ .table3bottom h4{font-size:1.25rem;} .pageProductWZ .table3bottom p{font-size:1.125rem;} .pageProductWZ .table3 td p{font-size:1.125rem;} .pageProductWZ .table3 td h4{font-size:1.25rem;} .pageProductWZ .table3 td h5{font-size:1.25rem;} .pageProductWZ .table3Box{padding:2.3125rem 3rem;} .pageProductWZ .table3bottom{padding:2.3125rem 3rem;top:-3rem;} .pageProductWZ .table4{padding-top:1.5rem;padding-bottom:0;} .pageProductWZ .table4Box{text-align:center;background:#f3f3f3;border-radius:1.875rem; padding-right:1.875rem;padding-left:1.875rem;margin-top:2rem;} .pageProductWZ .table4Box::before{ display:none;} .pageProductWZ .table4Box h3{font-size:1.375rem;margin-bottom:2.25rem;} .pageProductWZ .table4Box p{font-size:1.125rem;} .pageProductWZ .table4{max-width:34.125rem; margin: 0 auto;} .pageProductWZ .table4 tr{flex-wrap: wrap;flex-direction: column;} .pageProductWZ .table4 td{display: block;margin:1rem 0; width:100%;} .pageProductWZ .table4 td{padding:7.5rem 2.5rem 5.5rem 2.5rem;} .pageProductWZ .table4 td h4{font-size:1.25rem;margin-bottom:2.5rem;} .pageProductWZ .table4 td h5{font-size:1.25rem;margin-bottom:3rem;} .pageProductWZ .table4 td p{font-size:1.125rem;} .pageProductWZ .table4 td .split2{margin-top:1.5rem;margin-bottom:2.5rem;} .pageProductWZ .table-circle td{padding:3.75rem 6.875rem;} .pageProductWZ .table-circle td h3{font-size:1.375rem;margin-bottom:1.875rem;} .pageProductWZ .table-circle td p{font-size:1.125rem;} .pageProductWZ .table-circle td .split2{margin-top:1.125rem;margin-bottom:2.125rem;} .pageProductWZ .table-circle{max-width:34.125rem; margin: 0 auto;} .pageProductWZ .table-circle tr{flex-wrap: wrap;} .pageProductWZ .table-circle td{margin:-1rem 0; width:100%;} .pageProductWZ .table5Box{padding-bottom:3rem;padding-top:2rem;} .pageProductWZ .table5Box h3{font-size:1.375rem;margin-bottom:2.5rem;} .pageProductWZ .table5Box p{max-width:50rem;font-size:1.125rem;} .pageProductWZ .table5bottom{padding:4.5rem 2.5rem 2.5rem;top:-3rem;} .pageProductWZ .table5bottom h3{font-size:1.375rem;margin-bottom:.625rem;} .pageProductWZ .table5bottom h4{font-size:1.25rem;margin-bottom:1rem;} .pageProductWZ .table5bottom p{font-size:1.125rem;} .pageProductWZ .table5{padding-top:1.125rem;padding-bottom:1.6875rem;} .pageProductWZ .table5 td{margin:0 1.125rem;padding:3.3125rem 1.6875rem 1.6875rem 1.6875rem;} .pageProductWZ .table5 td h4{font-size:1.25rem;margin-bottom:1.875rem;} .pageProductWZ .table5 td h5{font-size:1.25rem;margin-bottom:1rem;} .pageProductWZ .table5 td p{font-size:1.125rem;} .pageProductWZ .table5 td .split{margin-top:2rem;margin-bottom:1.125rem;} .pageProductWZ .table5 tr{display: block;flex-wrap: wrap;flex-direction: column;} .pageProductWZ .table5 td{display: block;margin:1rem 0; width:100%;} .pageProductWZ .table2 td:nth-child(1):after, .pageProductWZ .table2 td:nth-child(2):after{top:auto;left:0;right:0;margin:0 auto;width:3.4375rem;height:5.125rem;-webkit-transform:rotate(90deg);transform:rotate(90deg);bottom:-3rem;} } @media screen and (max-width:768px){ .pageProduct{padding-top:3rem;padding-bottom:2.5rem;} .pageProductWZ{padding-top:3rem;max-width:100%;} .pageProduct4 .pageProductWZ{padding-top:3rem;} } @media screen and (max-width:640px){ .pageProductWZ{padding-top:3rem;max-width:100%;font-size:1.125rem;} .pageProductWZ h3{font-size:1.25rem;} .pageProductWZ h4{font-size:1.125rem;} .pageProductWZ h5{font-size:1.125rem;} .pageProductWZ h6{font-size:1.1rem;} .pageProductWZ .table1 td{font-size:1.1rem;} .pageProductWZ .table2Box h3{font-size:1.25rem;margin-bottom:1.5rem;} .pageProductWZ .table2 td h4{font-size:1.125rem;} .pageProductWZ .table2 td h5{font-size:1.125rem;} .pageProductWZ .table3Box h3{font-size:1.25rem;margin-bottom:3rem;} .pageProductWZ .table3bottom h3{font-size:1.25rem;margin-bottom:.625rem;} .pageProductWZ .table3bottom h4{font-size:1.125rem;} .pageProductWZ .table3bottom p{font-size:1.1rem;} .pageProductWZ .table3 td p{font-size:1.1rem;} .pageProductWZ .table3 td h4{font-size:1.125rem;} .pageProductWZ .table3 td h5{font-size:1.125rem;} .pageProductWZ .table3Box{padding:2.3125rem 2.5rem;} .pageProductWZ .table3bottom{padding:2.3125rem 2.5rem;top:-3rem;} .pageProductWZ .table3{padding-bottom:0.625rem;} .pageProductWZ .table4Box h3{font-size:1.25rem;margin-bottom:2.25rem;} .pageProductWZ .table4Box p{font-size:1.1rem;} .pageProductWZ .table4 td{padding:6rem 2.5rem 5rem 2.5rem;} .pageProductWZ .table4 td h4{font-size:1.125rem;margin-bottom:2.5rem;} .pageProductWZ .table4 td h5{font-size:1.125rem;margin-bottom:3rem;} .pageProductWZ .table4 td p{font-size:1.1rem;} .pageProductWZ .table4 td .split2{margin-top:1.5rem;margin-bottom:2.5rem;} .pageProductWZ .table-circle td{padding:3.75rem 6.875rem;} .pageProductWZ .table-circle td h3{font-size:1.25rem;margin-bottom:1.5rem;} .pageProductWZ .table-circle td p{font-size:1.1rem;} .pageProductWZ .table-circle td .split2{margin-top:1.125rem;margin-bottom:2.125rem;} .pageProductWZ .table-circle td{padding:2rem 2rem;} .pageProductWZ .table4 td{padding:5rem 2rem 4rem 2rem;} .pageProductWZ .table5Box{padding-bottom:3rem;padding-top:2rem;} .pageProductWZ .table5Box h3{font-size:1.25rem;margin-bottom:2.5rem;} .pageProductWZ .table5Box p{max-width:50rem;font-size:1.1rem;} .pageProductWZ .table5bottom{padding:4.5rem 2.5rem 2.5rem;top:-3rem;} .pageProductWZ .table5bottom h3{font-size:1.125rem;margin-bottom:.625rem;} .pageProductWZ .table5bottom h4{font-size:1.125rem;margin-bottom:1rem;} .pageProductWZ .table5bottom p{font-size:1.1rem;} .pageProductWZ .table5{padding-top:1.125rem;padding-bottom:1.6875rem;} .pageProductWZ .table5 td{margin:0 1.125rem;padding:3.3125rem 1.6875rem 1.6875rem 1.6875rem;} .pageProductWZ .table5 td h4{font-size:1.125rem;margin-bottom:1.875rem;} .pageProductWZ .table5 td h5{font-size:1.125rem;margin-bottom:1rem;} .pageProductWZ .table5 td p{font-size:1.1rem;} .pageProductWZ .table5 td .split{margin-top:2rem;margin-bottom:1.125rem;} .pageProductWZ .table5 tr{display: block;flex-wrap: wrap;flex-direction: column;} .pageProductWZ .table5 td{display: block;margin:1rem 0; width:100%;} } @media screen and (max-width:370px){ .pageProductWZ .table4Box h3{font-size:1.25rem;margin-bottom:1.5rem;} .pageProductWZ .table4Box p{font-size:1.1rem;} .pageProductWZ .table4 td{padding:5rem 2rem 4rem 2rem;} .pageProductWZ .table4 td h4{font-size:1.125rem;margin-bottom:2rem;} .pageProductWZ .table4 td h5{font-size:1.125rem;margin-bottom:2rem;} .pageProductWZ .table4 td p{font-size:1.1rem;} .pageProductWZ .table4 td .split2{margin-top:1.5rem;margin-bottom:2rem;} .pageProductWZ .table-circle td{padding:2rem 2rem;} .pageProductWZ .table-circle td h3{font-size:1.25rem;margin-bottom:1.25rem;} .pageProductWZ .table-circle td p{font-size:1.1rem;} .pageProductWZ .table-circle td .split2{margin-top:1.125rem;margin-bottom:2rem;} } /******************************************Lemuse******************************************/ /*pageLemuseListB*/ .pageLemuseListB{padding-top:3.75rem;padding-bottom:3.75rem;} .pageLemuseList{padding:0;list-style:none;display:flex;text-align:left;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;margin:0 -1.625rem;} .pageLemuseList .item{width:calc(50% - 3.25rem);position:relative;margin:0 1.625rem;margin-bottom:5.375rem;border-radius:1.625rem;box-shadow:0 .3125rem 2.5rem rgba(0,0,0,0.2); overflow: hidden; background-color: #f3f3f3;} .pageLemuseList .titleNr{padding:2.625rem 1.25rem;} .pageLemuseList .t{color:#000000;font-size:1.625rem;line-height:1.5;margin-bottom:0;font-weight:600;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis;overflow: hidden; text-align: center;} .pageLemuseList .des{color:#0f0f0f;font-size:1.25rem;line-height:1.8;margin-bottom:0;font-weight:500;text-align: justify;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden;text-overflow:ellipsis;overflow: hidden;} .pageLemuseList .imgB{margin:0;overflow:hidden;position:relative;overflow: hidden;padding-bottom:48.83720930232558%;border-radius:1.625rem;} .pageLemuseList .imgB>div{position:static!important;} .pageLemuseList .imgB img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;} .pageLemuseList .imgB img{-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} .pageLemuseList .item:hover .imgB img{-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform: scale(1.08);} .pageLemuseList .imgB, .pageLemuseList .item,.pageLemuseList .moreB span i,.pageLemuseList .moreB span, .pageLemuseList .imgB img{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} .pageLemuseList .item:hover .t{color:#0b48e2;} .pageLemuseList .item:hover{ background-color: #fff;} .pageLemuseList .item:hover .moreB span{color:#fff;border-color:#0b48e2; background-color: #0b48e2;} .pageLemuseList .item:hover .moreB span i{ background-image:url("../images/icon-ss2.png");} @media screen and (max-width:1200px){ .pageLemuseListB{padding-top:3rem;padding-bottom:3rem;} .pageLemuseList{margin:0 -1.5rem;} .pageLemuseList .item{width:calc(50% - 3rem);margin:0 1.5rem;margin-bottom:5rem;border-radius:1.5rem;} .pageLemuseList .titleNr{padding:2rem 1.25rem;} .pageLemuseList .imgB{border-radius:1.5rem;} .pageLemuseList .t{font-size:1.5rem;} .pageLemuseList .des{font-size:1.125rem;min-height: 5rem;} } @media screen and (max-width:1024px){ .pageLemuseListB{padding-top:2.5rem;padding-bottom:2.5rem;} .pageLemuseList{margin:0 -1.5rem;} .pageLemuseList .item{width:calc(50% - 3rem);margin:0 1.5rem;margin-bottom:4rem;border-radius:1.25rem;} .pageLemuseList .imgB{border-radius:1.25rem;} .pageLemuseList .titleNr{padding:2rem 1.25rem;} .pageLemuseList .t{font-size:1.375rem;} .pageLemuseList .des{font-size:1rem;min-height:0;} } @media screen and (max-width:768px){ .pageLemuseListB{padding-top:2rem;padding-bottom:2rem;} .pageLemuseList{margin:0;} .pageLemuseList .item{width:100%;margin:0;margin-bottom:3rem;border-radius:1.25rem;} .pageLemuseList .titleNr{padding:2rem 1.25rem;} .pageLemuseList .t{font-size:1.25rem;} .pageLemuseList .des{font-size:1.125rem;min-height:0;} .pageLemuseList .title{width:100%;} } /*pageLemuse*/ .pageLemuse{padding-top:4.375rem;} .pageLemuse .pic{text-align:center;background:#fff;border-radius:1.875rem;position: relative;box-shadow:0rem .3125rem 1.125rem rgba(0,0,0,0.1);margin:3.125rem 0; overflow: hidden;} .pageLemuse .pic img{ width:100%; height:auto;} .pageLemuse .wz{max-width:67.5rem;margin:0 auto;font-size:1.5rem;font-weight:400; text-align:center;color:#0f0f0f;line-height:2; padding-top:2.9375rem;padding-bottom:2.9375rem;} @media screen and (max-width:1200px){ .pageLemuse{padding-top:4rem;} .pageLemuse .pic{margin:3rem 0;} .pageLemuse .wz{font-size:1.375rem;padding-top:2.5rem;padding-bottom:2.5rem;} } @media screen and (max-width:1024px){ .pageLemuse{padding-top:3rem;} .pageLemuse .pic{margin:2rem 0;} .pageLemuse .wz{font-size:1.25rem;padding-top:2rem;padding-bottom:2rem;} } @media screen and (max-width:768px){ .pageLemuse{padding-top:3rem;} .pageLemuse .pic{margin:1.5rem 0;} .pageLemuse .wz{font-size:1.125rem;padding-top:1.5rem;padding-bottom:1.5rem;} } /*pageLemuselx*/ .pageLemuselxB{padding-top:1rem;padding-bottom:10.25rem;} .pageLemuselx .itema{display:block; position:relative;border-radius:2.5rem;overflow: hidden;} .pageLemuselx .itema:after{display:block;position: absolute; top:0;bottom:0; left:0;right:0; width:100%;height:100%;z-index:3;pointer-events:none;background:#000;opacity:0.5; content:'';z-index:1;} .pageLemuselx .tt{color:#fff;font-size:1.875rem;line-height:1.5;margin-bottom:0;font-weight:600;text-align: center; position: absolute;left:0;right:0;top:50%;-webkit-transform:translateY(-5164);transform:translateY(-50%); z-index: 2;} .pageLemuselx .tt h3{font-size:1.875rem;font-weight:600;margin-bottom:0;} .pageLemuselx .pic{margin:0;overflow:hidden;position:relative;overflow: hidden;padding-bottom:15.5625%;border-radius:2.5rem; min-height: 7.5rem;} .pageLemuselx .pic>div{position:static!important;} .pageLemuselx .pic img {position:absolute;top:0;left:0;right:0;bottom:0;display:block;max-width:none;width:100%;height:100%;object-fit:cover;} .pageLemuselx .pic img{-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} .pageLemuselx .itema:hover .pic img{-moz-transform:scale(1.02);-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform: scale(1.02);} .pageLemuselx .pi30 .pageLemuselx .item, .pageLemuselx .pic img{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} @media screen and (max-width:1200px){ .pageLemuselxB{padding-top:1rem;padding-bottom:9rem;} .pageLemuselx .tt, .pageLemuselx .tt h3{font-size:1.5rem;} .pageLemuselx .itema{border-radius:2.25rem;} .pageLemuselx .pic{border-radius:2.25rem; min-height: 7.5rem;} } @media screen and (max-width:1024px){ .pageLemuselxB{padding-top:1rem;padding-bottom:7rem;} .pageLemuselx .tt, .pageLemuselx .tt h3{font-size:1.375rem;} .pageLemuselx .itema{border-radius:2rem;} .pageLemuselx .pic{border-radius:2rem; min-height: 7.5rem;} } @media screen and (max-width:768px){ .pageLemuselxB{padding-top:1rem;padding-bottom:5rem;} .pageLemuselx .tt, .pageLemuselx .tt h3{font-size:1.25rem;} } /*增加css*/ .pageMap .pageMap-text.pageMap-text1 .pageMap-textul .li:nth-child(n+3) .addlink{display:none!important;}