html,body,a,div,p,span,section,nav,ul,li,img,h1,h2,h3,h4,h5,h6,header,footer {margin:0;padding:0;box-sizing:border-box;font-family: "Microsoft Yahei", 微软雅黑, Arial, Helvetica, sans-serif; } a {text-decoration:none;color:inherit;cursor:pointer;} img {display:block;max-width:100%;} input,textarea,button {outline:none;border:0;background:none;} em {font-style:normal;} @font-face {font-family:ITCAGS-Bk;src:url('font/ITCAvantGardeStd-Bk.otf');} @font-face {font-family:ITCAGS-Md;src:url('font/ITCAvantGardeStd-Md.otf');} html {font-size:calc(100vw / 19.2);} .en-bk {font-family:ITCAGS-Bk; font-weight: 500; } .en-md {font-family:ITCAGS-Md;} [v-cloak] {display:none !important;} .main-layout {max-width:1530px;padding:0 15px;width:100%;margin:0 auto;} body::-webkit-scrollbar {width:5px;height:5px;background-color:#F5F5F5;} body::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px;background-color:#F5F5F5;} body::-webkit-scrollbar-thumb {border-radius:5px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#bdbdbd;} body::-webkit-scrollbar-thumb:hover {border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.4);} @media (max-width: 1366px) { .main-layout {padding:0 45px;} } @media (max-width: 500px) { .main-layout {padding:0 20px;} } /* 原子css -start */.flex {display:flex;} .inline-flex {display:inline-flex;} .items-center {align-items:center;} .items-end {align-items:flex-end;} .justify-center {justify-content:center;} .justify-between {justify-content:space-between;} .justify-around {justify-content:space-around;} .flex-1 {flex:1;} .flex-col {flex-direction:column;} .flex-wrap {flex-wrap:wrap;} .text-center {text-align:center;} .text-right {text-align:right;} .block {display:block;} .absolute {position:absolute;} .relative {position:relative;} .fixed {position:fixed;z-index:99;} .over-hidden {overflow:hidden;} .object-cover {object-fit:cover;} .bg-cover {background-size:cover;background-position:center;background-repeat:no-repeat;} .circle {border-radius:50%;} .white-bg {background:#fff;} .text-white {color:#fff;} .text-grey {color:#333;} .text-grey-light {color:#666;} .main-bg {background:#006FBC;} .main-cl {color:#006FBC;} .w-full {width:100%;} .h-full {height:100%;} .weight-normal {font-weight:normal;} .f60 {font-size:60px;} .f48 {font-size:48px;} .f44 {font-size:44px;} .f36 {font-size:36px;} .f32 {font-size:32px;} .f24 {font-size:24px;} .f20 {font-size:20px;} .f18 {font-size:18px;} .f16 {font-size:14px;} .f14 {font-size:14px;} .am6 {transition:.6s all;} .am {transition:.2s all;} .am1 {transition:.1s all;} /* 原子css - end *//* common css */ .flex-center {display:flex;align-items:center;justify-content:center;} /* common css */ .nowrap {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} /* header start */ .header {font-size:20px; transition: all .4s ease-in-out; top:0;left:0;z-index:99;width:100%;height:66px;padding:0em 5.6em 0em 1.5em;color:rgba(255,255,255,.5);border-bottom:1px rgba(255,255,255,.2) solid;} .header .header-logo {width:13.6em;height: 1.55em;} /* height:2.5em;*/ .header .header-logo::after {content:'';width:100%;padding-bottom:20.8%;display:block;} .header .header-logo .header-logo-pic {width:100%;height:100%;} .header .search-box {right:90px;top:50%;min-width:5.6em;color:#fff;cursor:pointer;transform:translateY(-50%);} .header .search-box.open {right:126px;padding-right:1%;border-radius:2em;border:1px solid #e1e1e1;cursor:default;} .header .search-box .search-wrap {width:2em;height:2em;border:1px solid rgba(255,255,255,.4);} .header .search-box.open .search-wrap,.header.deep-black .search-box.open .search-wrap {border:0;} .header .search-box .head-search {height:2em;} .searchbtn{font-size: 14px;} .deep .searchbtn{color: #4b4b4b;} .header .search-box .head-search>div {width:100%;height:100%;} .header .search-box .head-search input::placeholder {color:#fff;} .header .search-box .head-search .icon-close {margin-left:10px;color:#fff;cursor:pointer;} .header .head-search input {color:#fff;} .header.deep-black .head-search input {color:#333;} .header.deep-black .head-search input::placeholder {color:#999;} .header.deep-black .search-box .head-search .icon-close {color:#999;} .header .search-box .head-search .icon-close:hover {transform:rotate(360deg);} .header .search-box .search-circle {width:1em;height:1em;border:2px solid #fff;} .header .search-box .search-circle .search-dot {position:absolute;width:4px;height:4px;left:-4px;top:-4px;transform-origin:calc(0.5em + 2px) calc(0.5em + 2px);transform:rotate(180deg);transition:all .3s;} #headKey{font-size: 14px;} /* transform:rotate(180deg);transform-origin:calc(2px - 0.5em) calc(2px - 0.5em);*/.header .header-nav {padding-left:5.2em;} .header .header-nav .header-nav-item {position:relative;padding:0 28px;} .header .header-nav .header-nav-item svg {margin-left: 4px;} .header-nav-item>svg path{fill: rgb(255 255 255 / 50%);} .deep .header-nav-item>svg path{fill: rgb(135 135 135 / 100%);} .header .header-nav .header-nav-item .second-nav {position:absolute;top:3.3em;left:0;z-index:99;justify-content:flex-end;width:100%;height:0px;transition:all .3s;overflow:hidden;border: 0px solid red;} .header .header-nav .header-nav-item .second-nav p {font-size: 12px;} .header .header-nav .header-nav-item:hover .second-nav {height: 240px;} .header .header-nav .second-nav>li {font-size:0;list-style:none;color:#878787;padding: 12px 12px 12px 32px;background:rgb(255 255 255 / 95%)} .header .header-nav .second-nav li:last-child{border-radius: 0px 0px 6px 6px;padding-bottom: 24px;} .header .header-nav .second-nav li a {position:relative;display:inline-block;line-height:1;margin-left:0em;text-align: center;display: block;} .header .header-nav .second-nav li a::after {content:"";position:absolute;top:50%;left:0;width:1.5em;height:1.5em;background:url(../images/nav-hover.png) center center no-repeat;background-size:contain;transform:translate(-50%,-50%) scale(0);transition:all .6s;} .header .header-nav .third-nav li a::after {content:"";position:absolute;top:50%;left:20px;width:1.5em;height:1.5em;background:url(../images/nav-hover.png) center center no-repeat;background-size:contain;transform:translate(-50%,-50%) scale(0);transition:all .6s;} .header .header-nav .second-nav li a.active,.header .header-nav .second-nav li a:hover {color:#006FBC;} .header .header-nav .second-nav li a.active::after,.header .header-nav .second-nav li a:hover::after {transform:translate(-50%,-50%) scale(1);} .header .header-nav .header-nav-item .third-nav {position:absolute;top:0em;left:100%;z-index:99;justify-content:flex-end;width:100%;height:0;transition:all .3s;overflow:hidden;width: 100%;} .header .header-nav .third-nav li {font-size:0;list-style:none;color:#878787;padding: 12px 12px 12px 12px;background:rgb(255 255 255 / 95%);border-left: 1px solid #ccc;} .header .header-nav .second-nav li:hover .third-nav {height: 250px;} .header .header-nav .third-nav li:last-child{border-radius: 0px 0px 6px 6px;padding-bottom: 24px;} .s_nav svg{transform: rotate(270deg);} .s_nav svg path{fill: rgb(135, 135, 135);} .header.deep .header-nav .header-nav-item.text-white {color:#006FBC;} .header.deep .header-nav .header-nav-item {color:#878787;} .header.deep-black .header-logo-w {display: block;} .header.deep-black .header-logo-b {display: none;} .header.deep-black .header-nav .header-nav-item.text-white {color:#006FBC;} .header.deep-black .header-nav .header-nav-item {color:#878787;} .header.deep-black {background:#fff;border-bottom:1px solid #f1f1f1;} .header.deep-black .search-box .search-wrap {border:1px solid rgba(0,0,0,.4);} .header.deep-black .search-box .search-circle {border:2px solid #333;} .header.deep-black .search-box .search-circle .search-dot {background:#333;} .header .header-logo-w {display: block;} .header .header-logo-b {display: none;} /*@media screen and (min-width: 500px) {*/ /* .header:hover .header-nav .header-nav-item.text-white {color:#006FBC;}*/ /* .header:hover .header-nav .header-nav-item {color:#878787;}*/ /* .header:hover {background:#fff;border-bottom:1px solid #f1f1f1;}*/ /* .header:hover .search-box .search-wrap {border:1px solid rgba(0,0,0,.4);}*/ /* .header:hover .search-box .search-circle {border:2px solid #333;}*/ /* .header:hover .search-box .search-circle .search-dot {background:#333;}*/ /* .header:hover .header-logo-w {display: none;}*/ /* .header:hover .header-logo-b {display: block;}*/ /*}*/ .head-search {display:none;} .header2 {font-size:20px;top:0;left:0;z-index:99;width:100%;height:5em;padding:.5em 5.6em .5em 2.5em;color:rgba(255,255,255,.5);} .header2 .header-logo {width:12em;} /* height:2.5em;*/.header2 .header-logo::after {content:'';width:100%;padding-bottom:20.8%;display:block;} .header2 .header-logo .header-logo-pic {width:100%;height:100%;} .header2 .search-box {right:0;top:0;height:100%;width:5.6em;color:#fff;cursor:pointer;} .header2 .search-box .search-wrap {width:2em;height:2em;border:1px solid rgba(255,255,255,.4);} .header2 .search-box .search-circle {width:1em;height:1em;border:2px solid #fff;} .header2 .search-box .search-circle .search-dot {position:absolute;width:4px;height:4px;left:-4px;top:-4px;transform-origin:calc(0.5em + 2px) calc(0.5em + 2px);transform:rotate(180deg);transition:all .3s;} /* transform:rotate(180deg);transform-origin:calc(2px - 0.5em) calc(2px - 0.5em);*/.header2 .header-nav {padding-right:2.6em;} .header2 .header-nav .header-nav-item {padding:0 1.4em;} .header2.deep .header-nav .header-nav-item.text-white {color:#006FBC;} .header2.deep .header-nav .header-nav-item {color:#878787;} .header2.deep-black .header-nav .header-nav-item.text-white {color:#006FBC;} .header2.deep-black .header-nav .header-nav-item {color:#878787;} .header2.deep-black {background:#fff;border-bottom:1px solid #f1f1f1;} .header2.deep-black .search-box .search-wrap {border:1px solid rgba(0,0,0,.4);} .header2.deep-black .search-box .search-circle {border:2px solid #333;} .header2.deep-black .search-box .search-circle .search-dot {background:#333;} .header .mo-nav {position:relative;z-index:10;display:none;width:auto;} /*.header .mo-nav .icon-box {position:absolute;top:50%;left:50%;width:2em;height:2em;color:#000;transform:translate(-50%,-50%);overflow:hidden;}*/ .header .mo-nav .icon-box { border-radius: 999px;border: 1px solid rgba(255,255,255,.4);height: 2em;padding: 0em 0.5em;display: flex;align-items: center;justify-content: center;box-sizing: border-box; } .wem20{width: 2em;} .header .mo-nav .icon-box .icon {font-size:1.6em;color:#fff;} .header .mo-nav .icon-box p {font-size:1em;color:#fff;} .header .mo-nav .icon-box .avtive {display:block;} .header .mo-nav .icon-box .close {display:none;} .header.deep-black .mo-nav .icon-box { border: 1px solid rgba(0,0,0,.4); } .header.deep-black .mo-nav .icon-box .icon {color:#333;} .header.deep-black .mo-nav .icon-box p {color:#333;} .header .mo-nav.open .icon-box { border: 1px solid rgba(0,0,0,.4); } .header .mo-nav.open .icon-box .avtive {display: none;} .header .mo-nav.open .icon-box .close { display: block; } .header .navs-mo {position:fixed;top:4em;left:0;width:100%;height:0;background:#fff;overflow:hidden;} .header .navs-mo.open {height:100%;} .header .navs-mo .list {display:block;height:0;transition:all .6s;} .header .navs-mo.open .list {height:100%;} .header .navs-mo .nav>li {margin:0 1em;font-size:14px;list-style:none;} .header .navs-mo .nav>li .f-nav {padding:1em 0;border-bottom:1px #f1f1f1 solid;} .header .navs-mo .nav>li {color:#333;} .header .navs-mo .nav>li .second-nav {height:0;overflow:hidden;} .header .navs-mo .nav>li.active .f-nav {border-bottom:none;} .header .navs-mo .one-nav>li.active .second-nav {height:auto;} .header .navs-mo .one-nav>li.active .one-font {transform:rotate(90deg);} .header .navs-mo .nav .second-nav .s_nav {display:block;padding:1em 0;color:#999;} .header .navs-mo .nav .second-nav li:last-child {border-bottom:none;} /* 手机端-三级导航 */ .header .navs-mo .nav>li .third-nav {height:0;overflow:hidden;} .second-nav>li.active .third-nav {height:280px !important;background: #fcfcfc;padding-left: 10px;border-radius: 4px;} .header .navs-mo .second-nav>li.active{height:auto;} .header .navs-mo .nav .third-nav .s_nav {display:block;padding:1em 0;color:#999;} .header .navs-mo .nav .third-nav li:last-child {border-bottom:none;} .header .navs-mo .second-nav>li.active .second-font {transform:rotate(90deg);} @media (max-width:1025px) { .header .mo-nav {position: absolute; right: 3.8em;/*3.6em*/ display:flex; align-items: center; justify-content: center; height: 3.6em;} } /* #EBEFF1 */ /* header end *//* footer */.footer {background:#EBEFF1;font-size:20px;position: relative;} .footer .footer-logo-box {width:20em;height: 2.3em;} .footer .footer-logo-box::after {content:'';display:block;width:100%;padding-bottom:21.1%;} .footer .footer-logo-box .footer-logo {width:100%;object-fit:cover;} .footer .footer-left {width:55.5em;border-right:1px solid rgba(109, 115, 131, 0.2);} .footer .footer-left .footer-left-top {padding:1.85em 3em 1.2em 0;border-bottom:1px solid rgba(109, 115, 131, 0.2);} .footer .footer-left .pad-left {padding-left:10.5em;} .footer .footer-left .channel {width:2.6em;height:2.6em;border:1px solid #35393c;margin-left:1.5em;} .footer .footer-left .channel .iconfont {font-size:1.4em;} .footer .footer-left .footer-left-nav {padding: 1em 3em 1em 0em;} .footer .footer-left .footer-nav-item {font-weight: bold;margin-bottom: 6px;display: inline-block;color: #000;} .footer .footer-left .footer-nav-itemc {display: block;margin-top: 10px;font-size: 12px;color: #000;} .footer .footer-contact {padding:3em 0 0 2.5em;} .footer .footer-contact .phone-icon {margin-right:.5em;} .footer .footer-contact .phone-icon i {color: #a7a7a8;} .footer .footer-contact .phone-icon .iconfont {font-size:1.4em;} .footer .footer-contact .contact-method {padding-top:3em;color:#A9AEB5;} .footer .footer-contact .contact-method .footer-ewm-item {width:80px;margin-right: 20px;text-align: center;display: flex;flex-direction: column;align-items: center;} .footer .footer-contact .contact-method .footer-ewm-item p {margin-top: 10px;line-height: 16px;color: #212A40;height: 32px;} .com-icon {width:2.6em;height:2.6em;border:1px solid #a7a7a8;} .footer-phone{color: #212A40;font-size: 14px;} .footer-phone span{font-weight: bold;} /* footer */ /* 公共按钮 style*/ .link-btn {font-size:20px;max-width:74em;} .link-btn .link-btn-text {height:14px;line-height:1;overflow:hidden;margin-right:.8em;} .link-btn:hover .link-btn-text .text-box {transform:translateY(-14px);} .link-btn .circle {width:2.2em;height:2.2em;} .link-btn .circle__inner {position:absolute;top:0;left:0;right:0;bottom:0;border-radius:0%;} .link-btn .circle__inner--yellow {background:#006FBC;transform:translate(0px,0px);} .link-btn:hover .circle__inner--yellow {transform:scale(0,0);opacity:0;} .link-btn .circle__inner--bordered {opacity:0;transform:scale(.7);border:1px solid #006FBC;} .link-btn:hover .circle__inner--bordered {transform:scale(1.1,1.1);opacity:1;} .link-btn .circle__inner--bordered--gary {opacity:0;transform:scale(.7);border:1px solid #6D7383;} .link-btn .circle__arrow {position:absolute;top:0;left:0;right:0;bottom:0;} .link-btn .circle__arrow--black {transform:translate(0px,0px);opacity:1;} .link-btn .circle__arrow--yellow {transform:translate(-50%,0px);opacity:0;} .link-btn:hover .circle__arrow--yellow {transform:translate(0,0);opacity:1;} .link-btn:hover .circle__arrow--black {transform:translate(50%,0);opacity:0;} /* 公共按钮 */ /* 公共banner */ .com-banner {height: 20em; font-size:18px;} /* .com-banner::after {content:'';width:100%;padding-bottom:41.6667%;display:block;} */ .com-banner .com-banner-pic {width:100%;height:100%;object-fit:cover;} .com-banner .com-banner-pic-pc {display: block;} .com-banner .com-banner-pic-mo {display: none;} .com-banner-title-content {width:100%;left:0;bottom:7.2em;} .com-banner-title-content .com-banner-title-cn {font-size:2em;} .com-banner-title-content .com-banner-title-en {font-size:1.6em;} /* .com-banner-btn {width:9.8em;height:2.9em;line-height:2.9em;border-radius:1.5em;}*/ .com-banner-btn {width:1.96rem;height:.58rem;line-height:.58rem;border-radius:.3rem;font-size:16px;margin-top:.48rem;} /*@media (max-width:1366px) {*/ /* .com-banner {height:20em;}*/ /*}*/ /* 公共banner *//* 公共Tags */.com-tags {z-index:26;background:#FBFBFB;font-size:20px;border-bottom:1px solid #ececec;} .com-tags .com-tag-item {height:4.2em;/* min-width:66px;*/ line-height:4.2em;cursor:pointer;font-size:16px;position:relative;margin-right:3.8em;} /* .com-tags .com-tag-item:last-of-type {margin-right:0;} */.com-tags .com-tag-over-box {overflow-x:auto;overflow-y:hidden;} .com-tags .swiper-slide {width:auto;} .com-tags .com-tag-item.active,.com-tags .com-tag-item:hover {color:#006FBC;} .com-tags .com-tag-item.active::after,.com-tags .com-tag-item:hover::after {content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#006FBC;} /* 公共Tags */.com-title-box .com-title-en {font-size:24px;} .com-title-box .com-title-cn {font-size:44px;} /*面包屑*/.com-breadcrumbs {font-size:20px;line-height:4.25em;border-bottom:1px solid #e6e6e6;} .com-breadcrumbs .crumb {color:#bdbdbd;} .com-breadcrumbs .crumb.cur {color:#333;} /*面包屑*/@media (max-width:1780px) {.footer {font-size:18px} .footer .footer-left .pad-left {padding-left:6em;} } @media (max-width:1660px) { .footer {font-size:16px} .footer .pad-left {padding-left:5em;} .footer .footer-left {width:50em;} .com-title-box .com-title-en {font-size:20px;} .com-title-box .com-title-cn {font-size:36px;} } @media (max-width:1367px) { .f60 {font-size:56px;} .f48 {font-size:44px;} .f44 {font-size:40px;} .f36 {font-size:32px;} .f32 {font-size:28px;} .f18 {font-size:14px;} .f16 {font-size:12px;} .header,html .right-navigate {font-size:18px;} .header .header-nav {padding-right:1.6em;} .header .header-nav .header-nav-item {padding:0 1em;} .header2,html .right-navigate {font-size:18px;} .header2 .header-nav {padding-right:1.6em;} .header2 .header-nav .header-nav-item {padding:0 1em;} .footer .footer-left .pad-left {padding-left:2em;} .footer-left-nav {padding:0 1em;} .footer .footer-left {width:40em;} .com-title-box .com-title-en {font-size:20px;} .com-title-box .com-title-cn {font-size:30px;} .com-banner-title-content .com-banner-title-cn {font-size:2em;} .com-banner-title-content .com-banner-title-en {font-size:1.2em;} .com-banner-title-content {bottom:1rem;} } @media (max-width:1081px) { .link-btn .circle { width: 1.8em; height: 1.8em; } } @media (max-width:1024px) { .f60 {font-size:52px;} .f48 {font-size:44px;} .f44 {font-size:40px;} .f36 {font-size:34px;} .f32 {font-size:30px;} .f18 {font-size:16px;} .f16 {font-size:14px;} .link-btn .circle { width: 1.8em; height: 1.8em; } .header,html .right-navigate {font-size:15px;} .header .header-nav {display:none;/*padding-right:1.6em;*/} .header2,html .right-navigate {font-size:15px;} .header2 .header-nav {padding-right:1.6em;} /* .header .header-nav .header-nav-item {padding:0 1em;} */ .footer {flex-direction:column;padding: 0px 30px;} .footer .footer-left {width:100%;} .footer .footer-contact {padding:2em;display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.1);} } @media (max-width:768px) { html {font-size:calc(100vw / 7.5);} .f60 {font-size:48px;} .f48 {font-size:42px;} .f44 {font-size:38px;} .f36 {font-size:32px;} .f32 {font-size:28px;} .f24 {font-size:20px;} .header,html .right-navigate {font-size:15px;} .header {height:60px;padding:0 20px;} /* .header .header-logo {width:10em;} */ .header .header-nav {display:none;position:absolute;margin-top:4em;padding-right:0;left:0;top:0;flex-direction:column;width:100vw;height:calc(100vh - 4em);background:#fff;color:#000;} .header .header-nav .header-nav-item.text-white {color:#000;} .header .header-nav .header-nav-item {height:45px;justify-content:center;border-bottom:1px solid #f5f5f5;} .header .search-box {width:3.6em;height: 3.6em; top: auto; right: 6px; min-width: auto; transform: none;} .header .search-box.open {width:auto; height: auto;right: 2%;} .header2,html .right-navigate {font-size:15px;} .header2 {height:4em;padding:0 3.6em 0 15px;} .header2 .header-logo {width:10em;} .header2 .header-nav {display:none;position:absolute;margin-top:4em;padding-right:0;left:0;top:0;flex-direction:column;width:100vw;height:calc(100vh - 4em);background:#fff;color:#000;} .header2 .header-nav .header-nav-item.text-white {color:#000;} .header2 .header-nav .header-nav-item {height:45px;justify-content:center;border-bottom:1px solid #f5f5f5;} .header2 .search-box {width:3.6em;} /* .header .header-nav {display:none;} */ /* .header .header-nav .header-nav-item {padding:0 1em;} */ .com-banner-title-content {bottom:3em;} .com-banner::after {padding-bottom:80%;} .com-banner .com-banner-pic-pc {display: none;} .com-banner .com-banner-pic-mo {display: block;} .com-title-box .com-title-en {font-size:14px;} .com-title-box .com-title-cn {font-size:27px;} .link-btn .circle { width: 30px; height: 30px; } } @media (max-width:1367px) { .com-banner { font-size: 18px; } } @media (max-width:1080px) { .com-banner { height: 14em; } } @media (max-width:1024px) { .com-banner { font-size: 16px; } } @media (max-width: 768px) { .footer .footer-logo-box { width: 15em; height: 1.6em; } } @media (max-width:500px) { .f60 {font-size:36px;} .com-banner { font-size: 16px; } .banner-item-en {font-size:20px;} .footer .footer-left .footer-left-top {flex-direction:column;padding:2em;} .footer .footer-left .footer-left-top .follow-us {margin-top:1em;} .com-banner-title-content .com-banner-title-cn {font-size:.5rem;} .com-banner-title-content .com-banner-title-en {font-size:.34rem;} .com-tags .com-tag-item {height:1rem;line-height:1rem;} .com-banner-btn {width:2.6rem;font-size:14px;height:.8rem;border-radius:.8rem;line-height:.8rem;} } /* 二维码弹窗 */.public--qrcode-popup {position:fixed;top:0;left:0;z-index:100;display:none;width:100%;height:100%;font-size:20px;background:rgba(0,0,0,.6);} .public--qrcode-popup .wrapper {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);} .public--qrcode-popup .wrapper .qrcode {width:10em;height:10em;} .public--qrcode-popup .wrapper .txt {margin-top:1em;font-size:0.9em;text-align:center;color:#fff;} .public--qrcode-popup .wrapper .close {position:absolute;top:-2em;right:-2em;font-size:1em;color:#fff;cursor:pointer;} .public--qrcode-popup .wrapper .close:hover {transform:rotate(360deg);} /* 搜索页 */ .search-banner {height:17em;} .search-banner::after {display:none;} .search-banner .com-banner-content {left:0;bottom:0;width:100%;} .search-banner .page--search-form {width:100%;} .search-banner .page--search-form .el-form-item__content {font-size: 20px;} .search-banner .page--search-form .el-form {display:flex;width:70%;margin:0 auto;font-size:0;} .search-banner .page--search-form ._input {flex:1;} .search-banner .page--search-form .el-form-item {margin:0;} .search-banner .page--search-form .el-input {font-size:0.9em;} .search-banner .page--search-form .el-form-item .el-input__inner {height:3em;border-radius:0;line-height:3em;} .search-banner .page--search-form .el-form-item__content {width:100%;line-height:3em;} .search-banner .page--search-form .el-form-item .el-button {height:3em;border-radius:0;border-color:#006fbc;font-size:0.9em;background-color:#006fbc;} .search-banner .tag-navs {margin-top:3em;} .search-banner .tag-navs .item {padding:0 .5em 1em;font-size:0.8em;color:#666;cursor:pointer;} .search-banner .tag-navs .item::after {content:"";position:absolute;bottom:0;left:50%;width:0;height:1px;background:#0a84ff;transition:all .6s;transform:translateX(-50%);} .search-banner .tag-navs .item.active,.search-banner .tag-navs .item:hover {color:#0a84ff;} .search-banner .tag-navs .item.active::after,.search-banner .tag-navs .item:hover::after {width:100%;} .page--search-main {padding:2.25em 0;font-size:20px;} .search--case-list .list {margin-top: -1em; margin-left: -1em;} .search--case-list .item {width:calc((100% - 4em) / 4);margin-top: 1em;margin-left: 1em;} .search--case-list .item a { display: block; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; } .search--case-list .item .pic-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .search--case-list .item .pic-img .pic { width: 100%; height: 100%; object-fit: cover; } .search--case-list .item .info {bottom:0;left:0;width:100%;padding:2em;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,1));} .search--case-list .item .txt {width:70%;font-weight:normal;font-size:1.2em;} .search--case-list .item .iconfont {font-size:1.5em;} .search--case-list .item:hover {transform:scale(0.9);} .search--case-list .item:hover .info {padding-right:1em;} .search--news-list .list {gap:2em 4em;} .search--news-list .item {width:calc((100% - 4em) / 2);} .search--news-list .item .info {width: 65%;padding-right:2em;} .search--news-list .item .date {margin-bottom:.8em;font-size:0.7em;color:#999;} .search--news-list .item .title {display:-webkit-box;margin-bottom:1em;font-size:1.2em;font-weight:normal;color:#000;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} .search--news-list .item .txt {font-size:.8em;color:#666;} .search--news-list .item .pic-img {width:35%;height:0;padding-bottom:19.5%;overflow:hidden;} .search--news-list .item .pic-img .pic {position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);} .search--news-list .item .pic-img .iconfont {top:50%;left:50%;font-size:2.7em;color:#fff;transform:translate(-50%,-50%);} .search--news-list .item:hover .title {color:#0a84ff;} .search--news-list .item:hover .iconfont {font-size:3em;} .search-pagination {margin-top:3em;} @media (max-width:1024px) { .page--search-main {font-size:16px;} .search--case-list .item .info {padding: 1em;} } @media (max-width:768px) { .search-banner { height: 15em; } .search-banner .page--search-form .el-form-item__content {font-size: 16px;} .search--case-list .list,.search--news-list .list { gap: 2em 0; margin-top: 0; margin-left: 0; } .search--case-list .item,.search--news-list .item { width: 100%; margin-top: 0; margin-left: 0; } .search--case-list .item .info {padding: 2em;} .search-banner .page--search-form .el-form-item .el-input__inner { height: 40px; line-height: 40px; } .search-banner .page--search-form .el-form-item .el-button { height: 40px; } } /* 我的 */ .main-layout2 {max-width:100%;padding:0 0;width:100%;margin:0 auto;} .main-layout3 {max-width:100%;padding:0 220px;width:100%;margin:0 auto;} .banner_tool{ right: 20px; top: 0px; position: absolute; width: 80px; height: 100%; /* background: deeppink; */ } .banner_wx,.banner_sph{ /* font-size: 12px; */ width: 32px; height: 32px; cursor: pointer; /* border: 1px solid #925252; */ } .banner_wx{ background: url('/img/gognzhonghao.png') no-repeat; background-size: 100%; } .banner_sph{ background: url('/img/shipinhao.png') no-repeat; background-size: 100%; } .deep .banner_wx{ background: url('/img/gognzhonghao2.png') no-repeat; background-size: 100%; } .deep .banner_sph{ background: url('/img/shipinhao2.png') no-repeat; background-size: 100%; } .banner_ewm{ position: absolute; top: 58px; right: 0px; height: 0; } @media (max-width: 1366px) { .main-layout2 {padding:0 45px;} .main-layout3 {padding:0 50px;} } @media (max-width: 500px) { .main-layout2 {padding:0 20px;} .main-layout3 {padding:0 20px;} .footer .footer-left .footer-left-top{ padding: 2em 0em; } .footer-nav-itemc{ display: none !important; } .footer-left-nav{ padding: 1em 0em 0em !important; } .footer .footer-contact{ padding: 1px 0em 0.5em 0em !important; margin-top: 0em; } .footer .footer-contact .contact-method{ padding-top: 1em; } .phonebox{ display: flex; justify-content: center; text-align: center; } .phonebox2{ display: flex !important; justify-content: center !important; } .banner_tool{ /* display: none; */ height: 0px; width: 0px; } .footer-ewm-item:last-child{ margin-right: 0px !important; } } .footer .footer-left{ border-right: none; } li { list-style: none; } .jus-end{ display: flex; justify-content: flex-end; } .jus-sta{ display: flex; justify-content: flex-start; } .jus-around{ display: flex; justify-content: space-around; } .jus-bet{ display: flex; justify-content: space-between; } .jus-cen{ display: flex; justify-content: center; } .jus-even{ display: flex; justify-content: space-evenly; } .ali-cen{ align-items: center; } .ali-end{ align-items: flex-end; } .ali-sta{ align-items: flex-start; } .ali-str{ align-items: stretch; } .flex-col{ flex-direction: column; } .flex-wrap{ flex-wrap: wrap; } .text-cut1{ overflow:hidden; /*超出文本隐藏*/ text-overflow:ellipsis; /*超出部分省略号显示*/ display:-webkit-box; /*弹性盒模型*/ -webkit-box-orient:vertical; /*上下垂直*/ -webkit-line-clamp:1; /*自定义行数*/ } .text-cut2{ overflow:hidden; /*超出文本隐藏*/ text-overflow:ellipsis; /*超出部分省略号显示*/ display:-webkit-box; /*弹性盒模型*/ -webkit-box-orient:vertical; /*上下垂直*/ -webkit-line-clamp:2; /*自定义行数*/ } .text-cut3{ overflow:hidden; /*超出文本隐藏*/ text-overflow:ellipsis; /*超出部分省略号显示*/ display:-webkit-box; /*弹性盒模型*/ -webkit-box-orient:vertical; /*上下垂直*/ -webkit-line-clamp:3; /*自定义行数*/ } .text-cut5{ overflow:hidden; /*超出文本隐藏*/ text-overflow:ellipsis; /*超出部分省略号显示*/ display:-webkit-box; /*弹性盒模型*/ -webkit-box-orient:vertical; /*上下垂直*/ -webkit-line-clamp:5; /*自定义行数*/ } .pubfooter{ margin-top: 60px; background:#EBEFF1 } .layui-flow-more{ font-size: 14px; display: block; width: 100%; text-align: center; } .kongbox{ /* background: pink; */ height: 300px; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .kongbox p{ text-align: center; margin-top: 8px; font-size: 14px; color: #848484; } .kongbox img{ width: 100px !important; height: 100px !important; } .beianhao a:hover{ color: #333 !important; } .beianhao{ /* background: pink; */ text-align: center; font-size: 14px; padding-bottom: 20px; } .none{ display: none; }