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('/statics/home/css/font/ITCAvantGardeStd-Bk.otf');}
@font-face {font-family:ITCAGS-Md;src:url('/statics/home/css/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(../image/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(../image/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('../image/gognzhonghao.png') no-repeat;
  background-size: 100%;
}
.banner_sph{
  background: url('../image/shipinhao.png') no-repeat;
  background-size: 100%;
}
.deep .banner_wx{
  background: url('../image/gognzhonghao2.png') no-repeat;
  background-size: 100%;
}
.deep .banner_sph{
  background: url('../image/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;
}