@import url("fonts/fonts.css"); 

body {font-family: 'Roboto'; font-weight: normal; --hover-color:#005ca1; --hover-color2:#2b2058; --white:#fff; --black:#000; --grey:#333; --grey2:#666; --grey3:#999;--rgb-white:255,255,255;--rgb-black:0,0,0; font-size: var(--font-size16);--rgb-hover:0,92,161; --rgb-hover2:43,32,88;--radius: .2rem;}

a:hover{color:var(--hover-color); }


/*effict*/
.Scale-img {overflow: hidden; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05); top:0px; left:0px;}
.effict{transition: all ease 0.3s;}
.imgbox{ overflow:hidden; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;transition: all .5s;-webkit-transition: all .3s;}
.imgbox img{ width:100%;height:100%;object-fit: cover;transition: all ease 0.3s;}

.itemhover{transition: all ease 0.3s;}
.activehover{box-shadow: 0px 3px 18px 0px rgba(var(--rgb-hover),0.2) !important;-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);}

.nones{ position:absolute; visibility:hidden; opacity:0; top:0;width: 100%;z-index: -10;left: 0;}

#bloc{z-index: 1;}
.subPage{position: relative; background-color: #fff;overflow: visible;}

.Hometitle {margin-bottom: 0.45rem;position: relative;z-index: 1;line-height: 1;}
.Hometitle .en{display: inline-block;font-size: var(--font-size60);color: var(--grey);font-weight: bold;  position: relative;}
.Hometitle.white .en{ color: #fff;}
.Hometitle.center{ text-align: center;}


.Homemore a{display: flex;align-items: center;width: 1.8rem;height: .55rem;border-radius: 0.5rem; border: 0.01rem solid var(--hover-color); color:var(--hover-color);justify-content: center;transition: .5s all;overflow:hidden;position: relative; z-index: 5;}
.Homemore a::after{display: inline-block;content: '';width: 0.1rem;height: 0.1rem;transform: rotate(45deg);border-top: 0.02rem solid var(--hover-color);border-right: 0.02rem solid var(--hover-color);margin-left: 0.1rem;vertical-align: middle;}
.Homemore.white a{border: 0.01rem solid var(--white); color:var(--hover-color); background: var(--white);}
.Homemore.white a::after{border-color: var(--hover-color);}
.Homemore a:hover{ color: #fff; background-color: var(--hover-color); border-color: var(--hover-color);}
.Homemore a:hover::after{ border-color: #fff;}


@media(max-width: 1024px) {
.Hometitle .en {font-size: var(--font-size40);}
}



/*Top003156 */
.Top003156 {position: relative;z-index: 100;left: 0;top: 0;width: 100%;background-color: var(--hover-color);  transition: 0.3s;}
.Top003156 .auto { position: relative; z-index: 3; }
.Top003156 .logo { display: table; }
.Top003156 .logo a { display: table-cell; vertical-align: middle; }
.Top003156 .top-right { position: absolute; right: 0; top: 0; display: table; }
.Top003156 .top-right > * { display: table-cell; vertical-align: middle; }
.Top003156 .open-search { cursor: pointer; display: block; width: 0.22rem; height: 0.22rem; background: url(../images/search.svg) no-repeat center center; background-size: 0.17rem auto; border-radius: 50%; }
.Top003156 .open-search.on:before, .Top003156 .open-search.on:after { background-color: var(--hover-color); }
.Top003156 .top-search { position: absolute; right: 0; top: 100%; z-index: 100; background-color: #fff; box-shadow: 0 0 0.05rem rgba(0,0,0,0.3); border-radius: 0.05rem; }
.Top003156 .top-search .text { width: 100%; height: 0.5rem; line-height: 0.5rem;; padding: 0 0.5rem 0 0.15rem;border-radius: 0.05rem; }
.Top003156 .top-search .btn { position: absolute; right: 0; top: 0; width: 0.5rem;; height: 100%; background: url(../images/search.svg) no-repeat center center; background-size: auto 0.18rem; }
.Top003156 .top-right .lang{position: relative;z-index: 100; padding-right: 0.25rem;}
.Top003156 .top-right .lang::before{position:absolute;right: 0; top: 50%; width: 0.01rem; height:.16rem; content: ''; background: rgba(var(--rgb-black), 0.3); transform: translateY(-50%);}
.Top003156 .top-right .lang .icon{ display:block;background:url(../images/lang.svg) no-repeat left center; padding:0 0.2rem 0 0.3rem; cursor:pointer; position: relative; z-index: 1;  background-size: auto 0.2rem; color: #333;}
.Top003156 .top-right .lang .icon:after {position: absolute;width:0.07rem;height: 0.07rem;content: '';transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);border-top: 1px solid #999;border-right: 1px solid #999;right: 0;top: 50%;margin-top: -0.04rem;}
.Top003156 .top-right .lang .lang_box{position: absolute; left: 50%; width: 100px;margin-left: -50px; z-index: 100;background: #fff;border-radius: 0 0 6px 6px; top: 100%; padding: 10px 0;display: none;}
.Top003156 .top-right .lang .lang_box a{display: block;line-height: 30px;text-align: center;}
.Top003156 .contact { background: var(--white); color: var(--hover-color); padding: 0.08rem 0.3rem; border-radius: 0.5rem;font-size: var(--font-size20); }

.Top003156 menu li span, .Top003156 menu li span a { display: block; }
.Top003156 menu li span { position: relative; z-index: 2; }
.Top003156 menu li span:after { position: absolute; content: ''; left: 50%; height: 2px; background-color: var(--white); transform: translateX(-50%); transition: 0.3s; bottom: -1px; width: 0; }
.Top003156 menu li span a:hover, 
.Top003156 menu li.aon span a { color: var(--white); }
.Top003156 menu li:hover span:after, 
.Top003156 menu li.aon span:after { width: 100%; }

.Top003156 menu li span a{color: var(--white);}

.Top003156 .logo .red{display: none;}
.Top003156 .logo .white{display: block;}

.Top003156.up{ position: fixed;}

.Top003156.hover .logo .white,
.Top003156.fixed .logo .white{display: none;}
.Top003156.hover .logo .red,
.Top003156.fixed .logo .red{display: block;}
.Top003156.hover menu li span a,
.Top003156.fixed menu li span a{color: #333;}
.Top003156.hover menu li span a:hover, 
.Top003156.fixed menu li span a:hover, 
.Top003156.hover menu li.aon span a,
.Top003156.fixed menu li.aon span a { color: var(--hover-color); }
.Top003156.hover,
.Top003156.fixed{background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); position: fixed;}
.Top003156.hover menu li span:after,
.Top003156.fixed menu li span:after{background-color: var(--hover-color);}
.Top003156.hover menu li a:hover,
.Top003156.hover menu li.aon span a,
.Top003156.fixed menu li a:hover,
.Top003156.fixed menu li.aon span a{color: var(--hover-color);}
.Top003156.hover .top-right .lang .icon,
.Top003156.fixed .top-right .lang .icon{background-image:url(../images/lang.svg); color: #333;}
.Top003156.hover .top-right .lang .icon:after,
.Top003156.fixed .top-right .lang .icon:after{ border-color: #333;}
.Top003156.hover .top-right .lang::before,
.Top003156.fixed .top-right .lang::before{background: rgba(var(--rgb-black), 0.3);}
.Top003156.hover .open-search,
.Top003156.fixed .open-search{background: url(../images/search.svg) no-repeat center center;background-size: 0.17rem auto; }
.Top003156.hover .open-search.on:before, 
.Top003156.hover .open-search.on:after,
.Top003156.fixed .open-search.on:before, 
.Top003156.fixed .open-search.on:after { background-color: var(--hover-color); }


@media (min-width:1025px) {
.Top003156 header { padding: 0 0rem 0 0%; }
.Top003156 menu { /* margin: 0 auto; display: table; */ float: right; }
.Top003156 .top-right{float: right;}
.Top003156 .top-right{float: right;margin-left: calc(30 / 1920* 100vw);}
.Top003156 menu li { float: left; }
.Top003156 menu li + li { margin-left: calc(50 / 1920 * 100vw); }
.Top003156 menu li span a { line-height:0.8rem; font-size: var(--font-size18);}
.Top003156 menu li span a {display: flex;align-items: center}
.Top003156 menu li.has-sub span a:after { content: '';display: block;width: 0.13rem;height: 0.08rem;background: center center no-repeat url(../images/select-w.svg);background-size: contain;margin-left: 0.1rem;transition: 0.3s; margin-top: 0.04rem;}
.Top003156 .logo { height: 0.8rem;  float: left;}
.Top003156 .logo img { max-height: 0.55rem; }
.Top003156 .top-right { height:0.8rem; }
.Top003156 .top-right dd a { margin-right: 0.1rem; }
.Top003156 .top-right dt:not(:first-child){padding-left: 0.2rem;}
.Top003156 .top-right dt:last-child{padding-left: 0rem;}
.top-search { width: 20em; }
.Top003156 menu li .sub{position: absolute; top: 100%; background-color: #fff;border-radius: 0 0 5px 5px;width: 2rem;  margin-left: -1rem; overflow: hidden; box-shadow: 0 0 0.2rem rgba(0,0,0,0.08);}
.Top003156 menu li .sub dt a:hover{color:var(--hover-color);}
}

@media (max-width:1024px) {
.Top003156 menu { position: absolute; right: 0; top: 100%;width: 240px; padding: 0.1rem; background: #fff;  visibility: hidden; transform: translateY(5em); transition: 0.3s; opacity: 0; }
.menu-show .Top003156 menu { transform: translateY(0); opacity: 1; visibility: inherit; }
.Top003156 menu li {border-bottom: 1px dotted #eee;}
.Top003156 menu li span{line-height: 0.6rem; padding-left:1em;}
.Top003156 menu li span a {   color: var(--grey); font-size:var(--font-size20); }
.Top003156 menu li a:hover, 
.Top003156 menu li.aon span a{color: var(--hover-color);}
.Top003156_fixed menu li span:after{ display: none;}
.Top003156 .logo {  height: 0.72rem; }
.Top003156 .logo img { max-height: 0.52rem; }
.Top003156 .top-right { height: 0.72rem; }
.Top003156 .top-right dd { font-size: 0.16rem; }
.Top003156 .top-right dd a { margin-left: 0.16rem; }
.Top003156 .top-right dt { padding-left:0.16rem; }
.Top003156 .open-menu { display: block; width: 0.3rem; height: 0.3rem; }
.Top003156 .open-menu i { background-color: var(--white); }
.Top003156 menu li.has-sub span .op:before, 
.Top003156 menu li.has-sub span .op:after{background-color: var(--hover-color);}
.top-search { width: 100%; }
.Top003156_fixed .open-menu i { background-color: var(--hover-color); }
.Top003156 menu li .sub {background-color: #f8f9fa;}
.Top003156 .top-right .lang .lang_box{width: 60px; margin-left: -30px;}
}



.Banner003223{position:relative;z-index:1; }
.Banner003223 .swiper-wrapper{height: auto;}
.Banner003223 .txt{position: absolute;width:100%;left:0;top:50%;transform: translateY(-50%);color:#fff; z-index: 20; text-align: center;}
.Banner003223 .txt :where(.tit,.desc,.Homemore){opacity:0;transform:translateY(2rem);transition:0.5s}
.Banner003223 .txt .tit {font-size: var(--font-size60);line-height: 1.2;   font-weight: 700; margin-bottom: 0.2rem;}
.Banner003223 .txt .desc{font-size: var(--font-size24); line-height: 1.7;}
.Banner003223 .txt .Homemore{margin-top:0.5rem;}

.Banner003223 .controls-page{top:50%; transform: translateX(-50%); bottom: auto; position: absolute;z-index: 30;text-align: center; right: 0.5rem;left: auto; width: auto;}
.Banner003223 .controls-page span{width: 0.14rem;height: 0.14rem; margin:.2rem 0  !important; background:var(--white);display: block; border-radius:  0.5rem;opacity: 1; }
.Banner003223 .controls-page span.swiper-pagination-bullet-active {background:var(--hover-color);}
.Banner003223 .swiper-slide-active .txt :where(.tit,.desc,.Homemore){opacity:1;transform:translateY(0)}
.Banner003223 .swiper-slide.swiper-slide-active .imgbox img{animation: scale linear 5s forwards;}

@media (min-width:1025px) {
.Banner003223 .wap{display: none;} 
.Banner003223 .pc {}
}
@media (max-width:1024px) {
.Banner003223 .pc{display: none;} 
.Banner003223 .txt .tit {font-size: var(--font-size30); margin-bottom: 0.1rem;}
.Banner003223 .txt .desc{font-size: var(--font-size16); }
}


.HomeAbout{ padding:var(--padMar100) 0 var(--padMar200) 0;position: relative;overflow: hidden;position: relative;background: url(../images/HomeAbout-bg.jpg) no-repeat bottom center; }
.HomeAbout .edit_info{max-width: 10rem; margin: 0 auto; font-size: var(--font-size18); color: var(--grey2); line-height: 1.8;  text-align: center;}
.HomeAbout .edit_info p{ margin: 0.1rem 0;}
.HomeAbout .en-tit{padding-top: var(--padMar130);position: relative;pointer-events: none;}
.HomeAbout .en-tit span{position: absolute;left: 0rem;bottom: -1rem;letter-spacing: 0.04em;font-size: calc(250 / 1920* 100vw);font-weight: bold;text-transform: uppercase;text-align: center;line-height: 1;background: linear-gradient(180deg, rgba(199,199,199, 0.15), rgba(199,199,199, 0.08));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;}

.HomeAbout .Homemore{margin-top:0.5rem; display: flex; justify-content: center;}

@media(min-width:1025px){
.HomeAbout .img{position: absolute;right: 0;top: 0;height:100%;width: 8.47rem;z-index: 2;}
}
@media(max-width:1560px){
.HomeAbout .img{width: 7rem;}
}
@media(max-width:1024px){
.HomeAbout{min-height: auto;}
.HomeAbout .intro{ margin-bottom: 0.2rem;}
.HomeAbout .en-tit{position: relative;pointer-events: none;}
.HomeAbout .en-tit span{font-size: 0.9rem;bottom: -0.3rem; right: 0; left: auto;}
}


.HomeSer{padding:var(--padMar160) 0; background-repeat: no-repeat;  background-position: center center; background-size: cover;  position: relative; z-index: 1;}
.HomeSer::before{position:absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background:var(--hover-color); opacity: 0.85; z-index: -1;}
.HomeSer .tit-en{font-size:calc(260 / 1920 * 100vw);font-weight:700; text-transform: uppercase; text-align:center;line-height:1;background:linear-gradient(180deg,rgba(255,255,255,0.7),rgba(255,255,255,0));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;}
.HomeSer ul{ padding:.45rem 0; border-radius:var(--radius); background-color:rgba(var(--rgb-white),1);backdrop-filter:blur(20px) saturate(100%); /* margin-top:-.5rem; */display: flex;flex-wrap: wrap;}
.HomeSer li{  width:calc(100% / 5); text-align:center;}
.HomeSer li .tit{font-size:var(--font-size24); color: var(--grey); }
.HomeSer li .icon{ margin-bottom: 0.24rem;}
.HomeSer li .icon img{ max-height:.65rem; transition: 0.3s;}
.HomeSer li:hover .icon img{transform: rotateY(180deg)}
.HomeSer li:hover .tit{color: var(--hover-color);}
@media(max-width:1024px){
.HomeSer .tit-en{ margin-top:.2rem; font-size:1rem;}
.HomeSer ul{ padding:.2rem 0; margin-top:-.1rem; justify-content:center;}
.HomeSer li{ min-width:25%; margin:.15rem 0.1rem; width:auto; }
.HomeSer li .tit{font-size:var(--font-size20);  }
.HomeSer li .icon{ margin-bottom: 0.18rem;}
.HomeSer li .icon img{max-height:.5rem;}
}



.HomeAdv{padding:var(--padMar100) 0; position: relative; overflow: hidden; background: url(../images/HomeAdv-bg.jpg) no-repeat top center; background-size: cover;}
.HomeAdv .intro{min-height:60vh;display: flex; flex-wrap: wrap; align-content: space-between;}
.HomeAdv .intro .desc{font-size:var(--font-size18); line-height:1.75;color: var(--grey2); padding-bottom: .5rem}
.HomeAdv .intro .desc p{margin: 0.1rem 0;}
.HomeAdv .intro .info{width: 100%}

.HomeAdv .list ul{  margin-top: 0.8rem;}
.HomeAdv .list li{ float: left; margin-bottom: 2%; margin-right: 2%; padding:0.4rem 0.3rem 0.6rem; background:var(--white);border-radius: var(--radius); }
.HomeAdv .list li *{transition: 0.5s}
.HomeAdv .list li a{display: block; }
.HomeAdv .list li .icon{color: var(--white);width: .7rem; height: .7rem; display: flex; justify-content: center; align-items: center; background: var(--hover-color); border-radius: 100%;}
.HomeAdv .list li .icon img{max-width: 0.4rem; filter: brightness(0) invert(1);}
.HomeAdv .list li .info{ padding-top:0.7rem;}
.HomeAdv .list li .tit{font-size:var(--font-size24);color: var(--grey); font-weight: 500; margin-bottom: 0.16rem;}
.HomeAdv .list li .desc{font-size:var(--font-size18); line-height: 1.75; color: var(--grey2);}
.HomeAdv .list li:hover{ background: var(--hover-color)}
.HomeAdv .list li:hover .icon{background: var(--white);color: var(--hover-color);}
.HomeAdv .list li:hover .icon img{filter:none}
.HomeAdv .list li:hover .tit,
.HomeAdv .list li:hover .desc{color: var(--white);}

@media(min-width:1025px){
.HomeAdv .list li{width: 23.5%;}
.HomeAdv .list li:nth-child(4n){margin-right: 0%;}
.HomeAdv .list li:nth-child(1){ margin-top: -0.4rem;}
.HomeAdv .list li:nth-child(2){ margin-top: 0.4rem;}
.HomeAdv .list li:nth-child(3){ margin-top: 0.8rem;}
.HomeAdv .list li:nth-child(4){ margin-top: 0rem;}
}


@media(max-width:1024px){
.HomeAdv .list{width: 100%}
.HomeAdv .list ul{  margin-top: 0rem;}
.HomeAdv .list li{padding: 0.3rem; margin-bottom: 0.2rem;}
.HomeAdv .list li .inner{ width: 100%; }
.HomeAdv .list li .info{padding-top:0.4rem;}
.HomeAdv .list li:nth-child(n+2) .inner{margin-top:4%}
}


.Bottom{background-color: #0165b0;position: relative; z-index: 11;}
.Bottom .b_top{}
.Bottom .b_top .flex{display: flex;justify-content: space-between;flex-wrap: wrap;background-size: 7.31rem 1.05rem;background-repeat: no-repeat;background-position: 38% 75%;}
.Bottom .b_top .left{width: 60%;padding: var(--padMar60) 0 .4rem;border-right: 1px solid rgba(255, 255, 255, .08);box-sizing: border-box;}
.Bottom .b_top .right{width: 40%;padding: var(--padMar60) 0 .4rem 7.6%;box-sizing: border-box;}
.Bottom .b_top .logo{ margin-bottom:0.6rem; display: flex;}
.Bottom .b_top .logo img{max-height: 0.55rem;}
.Bottom .b_top .slogan{font-size: var(--font-size32);color: var(--white); font-weight: 500; text-transform: uppercase; line-height: 1.2;max-width: 7.3rem; display: none;}
.Bottom .logo .organize{padding-left: 1rem;}
.Bottom .organize h4{color: #fff; margin: .15rem 0 .05rem 0;font-size: .2rem;font-weight: normal;}
.Bottom .organize p{font-size: .16rem; color: #fff; margin: 0;}
.Bottom .b_top .share{margin-top: .5rem;}
.Bottom .b_top .share li{float: left;position: relative;}
.Bottom .b_top .share li figure{position: absolute; left: 0; bottom: 100%; width: 1.2rem; padding: 5px;background: #fff; margin-bottom: 0.1rem;border-radius: 0.1rem;display: none;}
.Bottom .b_top .share li figure img{display: block;width: 100%;}
.Bottom .b_top .share li figure:before{position: absolute; content: '';border:5px solid transparent; left: 20px; top: 100%;border-top-color: #fff;}
.Bottom .b_top .share li:not(:last-child){margin-right: 0.15rem;}
.Bottom .b_top .share li a{display: block;background: rgba(255,255,255,0.1); width: 0.5rem; height: 0.5rem;background-position: center center;background-repeat: no-repeat; background-size: 0.22rem auto; border-radius: 50%; cursor: pointer;}
.Bottom .b_top .share li a:hover{background-color: var(--hover-color);}
.Bottom .b_top .foot-nav{margin-top: .5rem;}
.Bottom .b_top .foot-nav ul{display: flex;}
.Bottom .b_top .foot-nav ul li{margin-right: .5rem}
.Bottom .b_top .foot-nav ul li:last-child{margin-right: 0;}
.Bottom .b_top .foot-nav ul li a{font-size: var(--font-size20);color: var(--white);}
.Bottom .b_top .foot-contact dl dd{margin-bottom: .4rem;}
.Bottom .b_top .foot-contact dl dd:last-child{margin-bottom: 0;}
.Bottom .b_top .foot-contact dl dd .name{margin-bottom: .1rem;font-size: var(--font-size16);color: rgba(255, 255, 255, .6);}
.Bottom .b_top .foot-contact dl dd .text{font-size: var(--font-size20);color: var(--white);line-height: 1.5;}
.Bottom .b_top .foot-contact dl dd .tel{font-size: var(--font-size32);color: var(--white);font-weight: 500;line-height: 1.5;}

.Bottom .b_bottom{padding: .24rem 0;border-top: 1px solid rgba(255, 255, 255, .08);}
.Bottom .b_bottom .flex{display: flex;justify-content: space-between;flex-wrap: wrap;}
.Bottom .b_bottom .foot-icp{font-size: var(--font-size16);color: rgba(255, 255, 255, .6);}
.Bottom .b_bottom .foot-icp a{color: rgba(255, 255, 255, .6);}
.Bottom .b_bottom .foot-menu ul{display: flex;}
.Bottom .b_bottom .foot-menu ul li{display: flex;align-items: center}
.Bottom .b_bottom .foot-menu ul li a{font-size: var(--font-size16);color: rgba(255, 255, 255, .6);}
.Bottom .b_bottom .foot-icp a:hover,
.Bottom .b_bottom .foot-menu ul li a:hover{ color: var(--white);}
.Bottom .b_bottom .foot-menu ul li:not(:last-child):after{display: inline-block;content: '';width: 1px;height: 0.12rem;background: rgba(255,255,255,0.5);margin: 0 0.15rem;vertical-align: middle;}

@media(max-width:1024px){
.Bottom .b_top .left{width: 100%;}
.Bottom .b_top .right{width: 100%;padding: 0;}
.Bottom .b_top .logo{margin-bottom: 0.3rem;}
.Bottom .b_top .slogan{font-size: var(--font-size26);}
.Bottom .b_top .share{margin-top: .24rem;}
.Bottom .b_top .foot-nav{display: none;}
.Bottom .b_top .foot-contact dl dd{margin-bottom: .24rem;}
.Bottom .b_bottom{ padding: .2rem 0;margin-top: .2rem;}
.Bottom .b_bottom .foot-icp{margin-bottom: .2rem;}
}

.FloatBox{position: fixed;z-index:200;right:0.1rem;top:50%;transform: translateY(-50%);}
.FloatBox li{margin-bottom:0.05rem;position: relative;}
.FloatBox li>a{width:0.55rem;height:0.55rem;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 0.5rem;background: var(--hover-color);font-weight: lighter;color:#fff;font-size: var(--font-size14);}
.FloatBox li .icon{display: flex;align-items: center;justify-content: center;}
.FloatBox li .icon img{ max-width: 0.3rem;}
.FloatBox li:hover>a{background: var(--hover-color);}
.FloatBox li .tcbox{min-height:100%;min-width:1.5rem;right:108%;border-radius: 0.05rem;background: var(--hover-color);position: absolute;color:#fff;text-align: center;top:0%; padding:0.12rem;display: flex;align-items: center;flex-direction: column;white-space: nowrap;justify-content: center;display: none;}
.FloatBox li .tcbox p{ margin: 0; line-height: 1.5; }
.FloatBox li .tcbox p b{ font-size: var(--font-size20);}
.FloatBox li .tcbox img{ margin-bottom: 0.08rem;}
.FloatBox li:hover .tcbox{display: flex;}
.FloatBox li.gotop{opacity: 0;visibility: hidden;transition: all .5s;}
.FloatBox li.gotop a{background:var(--hover-color);}
.FloatBox li.gotop .icon img{ max-width: 0.16rem;}
.FloatBox li.gotop.on{opacity: 1;visibility: visible;}

@media(max-width:640px){
.FloatBox li>a{width:0.45rem;height:0.45rem;}
.FloatBox li .icon img{ max-width: 0.24rem;}
}



.cbanner{position: relative; background-color: #fff;}
.cbanner::after{position: absolute;content: '';left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.2);z-index: 1;}
.cbanner .txt{width:100%;position: absolute;z-index: 2;left:0;top:50%;transform: translateY(-50%);color:var(--white); display: flex;align-items: center;justify-content: center; }
.cbanner .txt .text{ text-align: center; display: none;}
.cbanner .txt .tit{font-size: var(--font-size60);font-weight: bold;line-height: 1.4; margin-bottom: 0.1rem;}
.cbanner .txt .desc{font-size: var(--font-size24);color: var(--white);line-height: 1.75; }
@media (min-width:1025px) {
.cbanner .wap{display: none;}   
}
@media (max-width:1024px) {
.cbanner .pc{display: none;}  
.cbanner .txt .tit{font-size: var(--font-size36);}  
.cbanner .txt .desc{font-size: var(--font-size18);}
}



/*Columnmenu*/
.Columnmenu{background:#fff; border-bottom: 0.01rem solid #eee; position:relative;z-index:1;}
.Columnmenu ul{}
.Columnmenu li{float:left;position:relative; }
.Columnmenu li:not(:last-child) { margin-right: calc(50 / 1920 * 100vw); }
.Columnmenu li a{display:block;font-size:var(--font-size18);position:relative;overflow:hidden;line-height:0.9rem;height:0.9rem;}
.Columnmenu li a:after { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; content: ''; height: 0.02rem; width: 0; background: var(--hover-color); transition: 0.3s; }
.Columnmenu li.aon a, .Columnmenu li:hover a { color: var(--hover-color);  }
.Columnmenu li.aon a:after, 
.Columnmenu li:hover a:after { width: 100%; }
@media(max-width:1024px){
.Columnmenu li a{line-height:0.6rem;height:0.6rem;}
}


.lm-title{margin-bottom:0.5rem; line-height: 1.2;}
.lm-title.center{text-align: center;}
.lm-title .en{font-size:var(--font-size56);color: var(--grey);font-weight: bold;}
.lm-title.white .en {color: #fff;}
@media(max-width:1024px){
.lm-title{margin-bottom:0.3rem;}
.lm-title .en{font-size:var(--font-size36);}
}


.OceanInfo{ padding: var(--padMar100) 0;}
.OceanInfo{padding: var(--padMar100) 0;}
.OceanInfo .item{  }
.OceanInfo .item:not(:last-child){ margin-bottom: 0.5rem;}
.OceanInfo .icon{position:relative;margin-bottom: 0.3rem;}
.OceanInfo .icon::before{content:'';display:block;position:absolute;left:-.1rem;top:-.0rem;background-image:linear-gradient(to right,rgba(var(--rgb-hover), 0.6),rgba(var(--rgb-hover2), 0.1));width:.3rem;height:.3rem;opacity:.8;border-radius:50%;}
.OceanInfo .icon img{max-width:.6rem;position:relative;z-index:2;}

.OceanInfo .tit {font-size: var(--font-size36);line-height: 1.2;  color: var(--grey); font-weight: 500;  margin-bottom: 0.2rem;}
.OceanInfo .desc{font-size: var(--font-size18) !important; color: var(--grey2); line-height: 1.8;}
.OceanInfo .desc p{ margin: 0;}
.OceanInfo .pic{position: relative;z-index: 2;padding-bottom: .2rem;padding-right: .2rem;}
.OceanInfo .pic:after{display: block; content: '';width:90%; height:90%; background:rgba(var(--rgb-hover), 0.08); position: absolute; right: 0; bottom: 0; z-index: -1;  border-radius:  var(--radius);}
.OceanInfo .pic img{ border-radius: var(--radius);}
.OceanInfo .item:nth-child(2n) .pic{padding-bottom: .2rem;padding-left: .2rem;}
.OceanInfo .item:nth-child(2n) .pic:after{right: auto; left: 0;}
@media (min-width:1025px) {
.OceanInfo .item{display: flex; justify-content: space-between; align-items: center;}
.OceanInfo .item:nth-child(2n){ flex-direction: row-reverse;}
.OceanInfo .left{width:44%;}
.OceanInfo .right{width:50%;}
}
@media(max-width:1024px){
.OceanInfo .left{margin-bottom: 0.3rem;}
.OceanInfo .tit{ font-size:var(--font-size26);margin-bottom: 0.16rem;}
.OceanInfo .icon{margin-bottom: 0.2rem;}
.OceanInfo .icon::before{width:.24rem;height:.24rem;left: -.05rem;}
.OceanInfo .icon img{max-width:.5rem;}
}




.AboutInfo{padding:var(--padMar100) 0; position: relative; overflow: hidden; background: #f8f8f8;}
.AboutInfo .edit_info {font-size: var(--font-size18);color: var(--grey2); line-height:1.8;}
.AboutInfo .edit_info p{ margin: 0.1rem 0;}
.AboutInfo .pic img{width: 100%; border-radius: var(--radius) 0 0 var(--radius);}
.AboutInfo .text{padding-top: .4rem;}
.AboutInfo .text ul{display: flex;justify-content: space-around;}
.AboutInfo .text ul li{width: 33.33%;}
.AboutInfo .text ul li:not(:last-child){padding-right: 6%;}
.AboutInfo .text ul li h2{margin: 0; font-size: .2rem; color: #333;}
.AboutInfo .text ul li p{margin: .15rem 0;}
@media (min-width:1025px) {
.AboutInfo .intro{ display: flex;justify-content: space-between; align-items: center;}
.AboutInfo .info{width:55%;} 
.AboutInfo .pic {width: calc(35% + calc(320.5 / 1920 * 100vw));margin-right: calc(-320.5 / 1920 * 100vw);}
}
@media(max-width:1024px){
.AboutInfo .info{ margin-bottom: 0.3rem;}
.AboutInfo .pic img{border-radius: var(--radius);}
}
@media(max-width:768px){
.AboutInfo .text ul{display: block;}
.AboutInfo .text ul li{width: 100%;}
.AboutInfo .text ul li:not(:last-child){padding-right:0;}
}



.TeamInfo{padding:var(--padMar100) 0; overflow: hidden; /* background-image: linear-gradient(to bottom,#f2f2f2,#fff); */  }
.TeamInfo .slick-slider{margin:0 -0.1rem; }
.TeamInfo .slick-list{overflow: inherit}
.TeamInfo .slick-slide {padding: 10px;position: relative;}
.TeamInfo li .imgbox {padding-top: 65.716%;transition: 0.3s;border-radius: var(--radius);display: block;}
.TeamInfo li .txt{ text-align: center; padding: 0.15rem 0; display: none;}
.TeamInfo li .txt .tit{ font-size:var(--font-size20); line-height: 1.8; color: var(--grey); }
.TeamInfo .slick-slide:not(.slick-active) .pic .imgbox{opacity: 0.3}
.TeamInfo .slick-slide:not(.slick-active) .txt .tit{opacity: 0}
.TeamInfo .slick-arrow { width: 0.5rem; height: 0.5rem; border-radius: 50%; background: var(--hover-color); z-index: 2; position: absolute; top: 50%; transform: translateY(-50%);text-indent: -999em;overflow: hidden; margin-top: -0.25rem;}
.TeamInfo .slick-arrow:before { position: absolute; content: ''; width: 20%; height: 20%; border-left: 2px solid #fff; border-top: 2px solid #fff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); left: 40%; top: 40%; }
.TeamInfo .slick-next:before { transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); }
.TeamInfo .slick-prev { left: 0.1rem; }
.TeamInfo .slick-next:before { transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); }
.TeamInfo .slick-next { right: 0.1rem; }
.TeamInfo .slick-arrow:hover:before{ border-color: #fff;}

@media(min-width:1025px){
.TeamInfo  .slick-prev{left:-0.3rem;}
.TeamInfo  .slick-next{right:-0.3rem;}
}
@media(max-width:1400px){
.TeamInfo .slick-slider{padding-left: 10%; padding-right: 10%;}
}



.Office{padding:var(--padMar100) 0; background-color: #f9f8fa; }
.Office ul{ display: flex; flex-wrap: wrap;}
.Office li{ float: left; border-radius: var(--radius);background-color: #fff;padding: 0.3rem; margin-bottom: 2%; margin-right: 2%; transition: 0.3s; position: relative; }
.Office li:hover{ box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.1);}
.Office .tit {font-size: var(--font-size28);line-height: 1.2;  color: var(--hover-color); font-weight: 500;  margin-bottom: 0.24rem;}
.Office .desc{font-size: var(--font-size16); color: var(--grey2); line-height: 1.7;}
.Office .desc p{ margin: 0.1rem 0; position: relative; padding-left: 0.36rem; }
.Office .desc p:before{position: absolute;left: 0;top: 0.03rem;width: 0.22rem;height: 0.22rem;content: "";background-repeat: no-repeat; background-position: left center; background-size: contain;}
.Office .desc p.add:before{ background-image: url(../images/Office_add.svg);}
.Office .desc p.phone:before{ background-image: url(../images/Office_phone.svg);}
.Office .desc p.email:before{ background-image: url(../images/Office_email.svg);}
.Office .desc p.attn:before{ background-image: url(../images/Office_attn.svg);}

@media (min-width:1025px) {
.Office li{ width: 49%;}
.Office li:nth-child(2n){margin-right: 0;}
}
@media(max-width:1024px){
.Office li{padding: 0.24rem;}
.Office .tit{font-size: var(--font-size24);}
}


.AdvInfo{padding:var(--padMar100) 0; }
.AdvInfo ul{ display: flex; flex-wrap: wrap;}
.AdvInfo li{ float: left; border-radius: var(--radius);background-color: #f7f8fa;display: flex;padding: 0.4rem 0.3rem; margin-bottom: 2%; margin-right: 2%; transition: 0.3s; position: relative; overflow: hidden;}
.AdvInfo li::before{transition: 0.3s;width: 0;position: absolute;left: 0;top: 0;height:0.03rem;background:var(--hover-color);content: '';}
.AdvInfo li:hover{ transform: translateY(-0.1rem);}
.AdvInfo li:hover::before{ width: 100%;}
.AdvInfo li .icon{flex-shrink: 0;width: 0.8rem;}
.AdvInfo li .icon img{max-width: 0.6rem;}
.AdvInfo .tit {font-size: var(--font-size24);line-height: 1.2;  color: var(--grey); font-weight: 500;  margin-bottom: 0.12rem;}
.AdvInfo .desc{font-size: var(--font-size16); color: var(--grey2); line-height: 1.75;}

@media (min-width:1025px) {
.AdvInfo li{ width: 49%;}
.AdvInfo li:nth-child(2n){margin-right: 0;}
}
@media(max-width:1024px){
.AdvInfo li{padding: 0.24rem;}
.AdvInfo li .icon{width: 0.6rem;}
.AdvInfo li .icon img{max-width: 0.45rem;}
}


.History{padding:var(--padMar100) 0; background-image:url(../images/History-bg.jpg); background-repeat:no-repeat; background-position:top center; background-size:cover; }
.History .big-box{ margin-bottom:.6rem;}
.History .big-box .item .text .year{ font-size:var(--font-size60); color:var(--hover-color); font-weight:bold;margin:.3rem 0 ; }
.History .big-box .item .text .desc{ line-height:1.7;   font-size:var(--font-size18); color:var(--grey2);}
.History .big-box .item .picbox .pic{ border-radius: var(--radius); overflow: hidden;}
.History .small-box{position:relative; padding-top:.1rem;}
.History .small-box .arrows a{ width: 0.5rem; height: 0.5rem; border-radius: 50%;  background: var(--white); z-index: 2;  position: absolute; top: 0%; text-indent: -999em;overflow: hidden;  cursor: pointer;}
.History .small-box .arrows a:before{position: absolute; content: ''; width: 20%; height: 20%;border-left: 0.02rem solid var(--hover-color);border-top: 0.02rem solid var(--hover-color); transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg); left: 40%; top: 40%;}
.History .small-box .arrows a.next:before{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);}
.History .small-box .arrows a:hover{background-color: var(--hover-color); border-color: var(--hover-color);}
.History .small-box .arrows a:hover:before{ border-color: var(--white);}
.History .small-box a.swiper-button-disabled:before { border-color: #ccc; }
.History .small-box a.swiper-button-disabled{cursor: auto;}
.History .small-box .year{font-weight:500;font-size:var(--font-size24);color:var(--grey);text-align:center; cursor:pointer;}
.History .small-box .prev{left:0;}
.History .small-box .next{right:0;}
.History .small-box .year span{ margin-top:.15rem; display:block;}
.History .small-box .swiper-slide-thumb-active .year{color:var(--hover-color);}
.History .small-box .year::before{content:'';height:.3rem;width:100%;display:block;background-image:url(../images/tiem-bg3.png); background-repeat:no-repeat; background-position:center;background-size:cover;}
.History .small-box .swiper-slide-thumb-active .year::before{ background-image:url(../images/tiem-bg2.png);}

@media (min-width:1025px) {
.History .big-box .item{ display: flex; justify-content: space-between;}
.History .big-box .item .text{ width:48%; }
.History .big-box .item .picbox{ width:44%;}
}
@media(max-width:1024px){
.History .big-box .item .text{ margin-bottom: 0.3rem;}
.History .big-box .item .text .year{font-size: var(--font-size46);margin:.12rem 0 ;}
}





.Bloglist{padding:  var(--padMar100) 0;}
.Bloglist li { border-bottom: 1px solid #f3f3f3; padding-bottom:0.3rem; margin-bottom: 0.3rem; position: relative; z-index: 2; }
.Bloglist li:after {content: "";position: absolute; width: 0; height: 1px; background: #eee;left: 0;bottom: 0;transition: all .5s;}
.Bloglist li:hover:after{background: var(--hover-color);width: 100%;height: 2px;}
.Bloglist li .pic{overflow: hidden; display: none;}
.Bloglist li .pic .imgbox{padding-top:69.955%;transition: 0.3s; border-radius: 0.1rem;}
.Bloglist li a:hover .imgbox img{transform: scale(1.1);}
.Bloglist li time{ display: block; font-size: var(--font-size16);color:var(--grey3); padding-left: 0.24rem; background: url(../images/icon-time.svg) no-repeat left center; background-size: 0.16rem auto; margin-bottom: 0.1rem;}
.Bloglist li .txt{  }
.Bloglist li .txt .tit{font-size:var(--font-size24);color:var(--grey);margin-bottom:0.1rem; line-height: 1.4; }
.Bloglist li .txt .desc{font-size:var(--font-size16);line-height:1.8;color:var(--grey3); }
.Bloglist li .txt .more{margin-top: 0.2rem;width: 0.4rem; height: 0.4rem; border: solid 0.01rem var(--hover-color); border-radius: 50%; position: relative;transition: 0.3s;display: flex;align-items: center;justify-content: center;}
.Bloglist li .txt .more:before { display: inline-block;content: '';width: 0.08rem;height: 0.08rem;transform: rotate(45deg);border-top: 0.01rem solid var(--hover-color);border-right: 0.01rem solid var(--hover-color);margin-left: -0.04rem; }

.Bloglist li a:hover .txt .tit{color:var(--hover-color);}
.Bloglist li a:hover .txt .more{background: var(--hover-color); border-color: var(--hover-color);}
.Bloglist li a:hover .txt .more:before{ border-color: var(--white); }
@media (min-width:1025px) {
.Bloglist li a{display: flex; justify-content: space-between; align-items: center;}
.Bloglist .pic{width: 26%;}
.Bloglist .txt{width:100%;}
}

@media(max-width:1024px){
.Bloglist li .pic{ margin-bottom: 0.24rem;}
}



.News_detail {padding: var(--padMar100) 0; }
.News_detail .news_info {}
.News_detail .news_info .title { text-align: center; padding-bottom: 0.2rem; border-bottom: 1px solid #eee; margin-bottom: 0.3rem; }
.News_detail .news_info .title h1 { margin: 0; padding-bottom: 0.15rem; font-size: var(--font-size32); font-weight: 500;  color: var(--black); }
.News_detail .news_info .title time {display: inline-block;color: #999; font-weight: lighter; font-size: var(--font-size16);padding-left: 0.3rem;background: url(../images/icon-time.svg) no-repeat left center;background-size: auto 0.18rem;line-height: 1.6}
.News_detail .news_info img {margin: 1% auto; /* margin: 2% auto; max-width: 50%; */ text-align: center }
.News_detail .info { line-height: 2; color: #333; font-size: var(--font-size16); }
.News_detail .info p{margin:0.1rem 0;}
.News_detail .bot { position: relative; margin-top: 0.4rem; padding-top: 0.32rem; border-top: 1px dashed #eee }
.News_detail .info_back { text-align: center; clear: both; position: absolute; right: 0; bottom: 0 }
.News_detail .info_back a { position: relative; color: #fff; display: block; width: 1.8rem; line-height: 0.5rem; border-radius: 0.5rem; background: var(--hover-color); }
.News_detail .info_back a:before{display: inline-block; vertical-align: top;content: '';background-image: url(../images/icon-back.svg);background-size: contain;background-position: center; background-repeat: no-repeat; width: 0.24rem;height: 0.5rem;margin-right: 0.1rem;}
.News_detail .info_pn span { display: block;  margin: 1% 0; }
.News_detail .info_pn span a { color: #666;  font-weight: lighter;}
.News_detail .info_pn span a:hover { color: var(--hover-color); }


@media (min-width:1025px) {

}

@media(max-width:1024px) {
.News_detail .bot{margin-top: 0.3rem;padding-top: 0.3rem;}
.News_detail .info_back { position: relative; margin-bottom: 0.16rem;}
.News_detail .news_info .title h1 { font-size: var(--font-size28); }
.News_detail .info_back a{ text-align: center; display: table;margin: 0 auto; }
.News_detail .info_pn span {  margin: 2% 0; }
.News_detail .info img{width: 100% !important; height: 100% !important;}
}


/*Page002623 */
.Page002623{padding: var(--padMar60) 0 0% 0 ; text-align: center;font-size: var(--font-size18);}
.Page002623 .Pages a.a_first,
.Page002623 .Pages a.a_end,
.Page002623 .Pages > span:not(.p_page){display: none;}
.Page002623 .Pages em{float: left;margin: 0 0.2rem; font-style: normal;}
.Page002623 .Pages .p_page{display: table; margin: 0 auto;}
.Page002623 .Pages a{float: left;line-height: 0.5rem; width: 0.5rem; margin: 0 0.05rem; border: 1px solid #eee; border-radius: 0.6rem;background: #fff;}
.Page002623 .Pages a.a_cur,
.Page002623 .Pages a:hover{color: #fff;background: var(--hover-color); }
.Page002623 .Pages .p_page > a{font-size: 0;height: 0.5rem;position: relative; }
.Page002623 .Pages .p_page > a:before{position: absolute;content: '';border-top: 0.02rem solid #666;border-right: 0.02rem solid #666;left: 50%;top: 50%;width: 0.1rem;height: 0.1rem;transform: rotate(45deg);margin: -0.05rem 0 0 -0.05rem;}
.Page002623 .Pages .p_page > a.a_prev:before{transform: rotate(-135deg);}
.Page002623 .Pages a.a_prev:hover:before{border-color: #fff;}
.Page002623 .Pages a.a_next:hover:before{border-color: #fff;}
@media(max-width:640px){
.Page002623 .Pages em{display: none;}
}



.Downlist{padding:  var(--padMar100) 0; display: none;}
.Downlist ul{display: flex; flex-wrap: wrap;}
.Downlist li{padding:0.3rem; background:#f5f6f8; border-radius: 0.1rem;  border-bottom: 0.05rem solid transparent; margin-bottom: 2%;}
.Downlist li a{display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.Downlist li .file{display: block; width: 0.36rem; height: 0.36rem; background:url(../images/icon-file.svg) left center no-repeat; background-size: contain; line-height:.18rem;}
.Downlist li .tit{font-size: var(--font-size22); line-height: 1.5;  color:var(--grey); margin-bottom:.5rem; }
.Downlist li:hover .tit{color: var(--hover-color);}
.Downlist li .dow{display: flex; align-items: center; justify-content: space-between;}
.Downlist li .more{color: var(--grey2); padding-right:.3rem; background:url(../images/down.svg) no-repeat right center; background-size:auto .2rem; line-height: .24rem; }
.Downlist li:hover{border-bottom-color: var(--hover-color); }
.Downlist li:hover .more{background-image: url(../images/down-on.svg); color: var(--hover-color); }
@media(min-width:1025px){
.Downlist li{ width:32%; margin-right:2%;}
.Downlist li:nth-child(3n){ margin-right: 0;}
}
@media(max-width:1024px) {
.Downlist li{ width:48%; margin-right:4%;}
.Downlist li:nth-child(2n){ margin-right: 0;}
.Downlist li{padding:0.24rem;}
.Downlist li .tit{margin-bottom:.24rem;}
}
@media(max-width:640px) {
.Downlist li{ width:100%; margin-right:0%;}
}



.Resource{padding:  var(--padMar100) 0; background-color: #f9f9f9;}
.Resource .item{  background-color: #fff; margin-bottom: .24rem;transition: 0.3s; border-radius: 0.1rem; cursor: pointer;}
.Resource .item .title{display: flex;align-items: center; justify-content: space-between;padding: .3rem;}
.Resource .item:hover{ background: var(--white); box-shadow: 0 0 0.15rem rgba(0,0,0,0.08);}
.Resource .item .tit {font-size: var(--font-size20);line-height: 1.5;  color: var(--grey); position: relative;padding-left: 0.3rem;  }
.Resource .item .tit:before{width: 0.14rem;height: 0.14rem;content: "";left: 0;top: 0.1rem;position: absolute;border-radius: 50%;background-color: rgba(var(--rgb-hover), 0.15);}
.Resource .item .tit:after{width: 0.06rem;height: 0.06rem;content: "";left: 0.04rem;top: 0.14rem;position: absolute;border-radius: 50%;background-color: rgba(var(--rgb-hover), 1);}
.Resource .item .more {width: 0.35rem;height: 0.35rem; background-color: var(--hover-color); border-radius: 50%; position: relative; margin-left:0.24rem;overflow: hidden;  transition: 0.3s;display: flex;align-items: center;justify-content: center; flex-shrink: 0; color: #fff;font-size: .15rem;}
/* .Resource .item .more::before,
.Resource .item .more::after {position: absolute;content: '';background: var(--white);}
.Resource .item .more::before {left: 50%;width: 50%;height: 0.02rem;top: 50%;transform: translate(-50%, -50%);}
.Resource .item .more::after {left: 50%;width: 0.02rem;top: 50%;height: 50%;transform: translate(-50%, -50%);} */
.Resource .item .title.action .more::after {display: none;}
.Resource .item .title.action .tit,
.Resource .item:hover .tit{ color: var(--hover-color);}

.Resource .item .list{display: none; padding: 0.3rem;border-top: 1px dotted rgba(0, 0, 0, 0.15);}
.Resource .item .list li{position: relative;padding-left: 0.18rem;font-size: var(--font-size18); line-height: 1.8; margin: 0.1rem 0;}
.Resource .item .list li:before{position: absolute; content: ''; width: 0.06rem; height: 0.06rem; border-radius: 50%;background: var(--hover-color); left: 0; top: 0.15rem;}

@media(max-width:1024px) {
.Resource .item .title{ padding: .24rem;}
.Resource .item .list{ padding: .24rem;}
}


.ContactInfo{overflow: hidden; }
.ContactInfo .desc{font-size: var(--font-size18); line-height: 1.8; color: var(--grey3); margin: 0;margin-bottom: 0.2rem; }
.ContactInfo .Contact{padding:  var(--padMar100) 0;}
.ContactInfo .Contact li{display: flex;flex-wrap: wrap;border-bottom: 1px dashed #e6e6e6; padding:0.24rem 0 ;}
.ContactInfo .Contact li .icon{width: 0.42rem;}
.ContactInfo .Contact li .icon img{max-width: 0.26rem;}
.ContactInfo .Contact li .txt{font-size: var(--font-size16);color: var(--grey);  width: calc(100% - 0.42rem);}
.ContactInfo .Contact li .txt .tit{color: var(--grey3); margin-bottom: 0.08rem; }
.ContactInfo .Contact li .txt p{ margin: 0; line-height: 1.5;font-size: var(--font-size20); }
.ContactInfo .Contact li .txt p b{font-size: var(--font-size36); color: var(--hover-color); font-weight: bold; }

.ContactInfo .formInfo{padding:  var(--padMar100) 0;position:relative;z-index: 5;}
.ContactInfo .formInfo::after{content:'';display:block;background:#f2f2f2;width:60vw;height:100%;position:absolute; left:0; top:0;z-index: -1; }
.ContactInfo .formInfo .form-ul{}
.ContactInfo .formInfo .form-ul li{margin-bottom: 0.16rem;position: relative;}
.ContactInfo .formInfo .form-ul li .tit{font-size: var(--font-size18);line-height: 0.45rem;height: 0.45rem;color: var(--grey2);display: block;}
.ContactInfo .formInfo .form-ul li .tit span{ color: #f00; padding-left: 0.05rem; vertical-align: sub;}
.ContactInfo .formInfo .form-ul li .tit em{ font-style:normal; color:#adadad;font-size: var(--font-size14); }
.ContactInfo .formInfo .form-ul li select,
.ContactInfo .formInfo .form-ul li .text{width: 100%;border: none;font-size: var(--font-size16); border-radius: 0.05rem; line-height: 0.5rem;height: 0.5rem;background: var(--white);color: var(--grey); padding: 0 0.2rem;}
.ContactInfo .formInfo .form-ul li select.focus,
.ContactInfo .formInfo .form-ul li .text.focus{ color: #333; }
.ContactInfo .formInfo .form-ul li textarea.text{height: 1.2rem; line-height: 1.6;}
.ContactInfo .formInfo .btn{width: 1.8rem;background: var(--hover-color);border-radius: 0.5rem;font-size: var(--font-size18);height:0.55rem;color: #fff;cursor: pointer;border: 0; margin-top: 0.2rem;}
@media (min-width:1025px) { 
.ContactInfo .box{display: flex; flex-wrap: wrap;justify-content: space-between;  }
.ContactInfo .Contact{width:45%;}
.ContactInfo .formInfo{width:50%;padding-left:0.8rem;}
.ContactInfo .formInfo .form-ul .row2 li{float: left;width: calc(50% - 0.12rem);}
.ContactInfo .formInfo .form-ul .row2 li:nth-child(2n){float: right;}
.ContactInfo .formInfo .form-ul .row3 li{float: left; width: 32%; margin-right: 2%;}
.ContactInfo .formInfo .form-ul .row3 li:nth-child(3n){ margin-right: 0;}
}
@media (max-width:1024px) {
.ContactInfo .Contact{ margin-bottom: 0.2rem;}
.ContactInfo .formInfo{padding: 0.3rem;}
.ContactInfo .formInfo::after{ width: 100%;}

}

.SingleInfo{padding:var(--padMar100) 0;}
.SingleInfo .edit_info{line-height:1.8; color: var(--grey); font-size: var(--font-size16);}
.SingleInfo li{ margin-bottom: 1%;}

.history-list{padding: 5% 0; position: relative;z-index: 1;}
.history-list:before{position: absolute; content: '';width: 1px;height: 100%;background-color: #005ca1; left: 50%;}
.history-list .item{display: flex; position: relative;z-index: 1;}
.history-list .item:before{position: absolute; content: '';width: 0.2rem; height: 0.2rem;border-radius: 50%; top: 0;left: 50%;margin-left: -0.1rem;}
.history-list .item .pic,
.history-list .item .txt{flex: 1;}
.history-list .item .pic{padding-right: 0.3rem;}
.history-list .item .txt{padding-left: 0.3rem;}

.ispic{ overflow:hidden; position:relative;}
.ispic figure{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;}
.ispic img{ width:100%; height:100%;object-fit: cover;}

#fzlc{padding:var(--padMar100) 0;background: #fbfdff;}
#fzlc .switch-box{padding: 0 0 0;background-image: url(../images/fzlc-bg.png);background-repeat:no-repeat;background-position:center bottom;background-size:100%;position: relative;}
#fzlc .switch-box::after{position:absolute;left:0;top: 3.77rem;content:'';display:block;width:100%;height:1px;background:#dedede;}
#fzlc .switch-box .date{ font-size:0.4rem; font-weight: 500; color: rgba(0,104,183); line-height:1; margin-bottom:.15rem;}
#fzlc .switch-box .tit{ color: rgba(0,104,183); font-weight: 500; font-size: var(--font-size18);}
#fzlc .switch-box .des{ width:165%; font-weight:100; max-height:4.8em; margin-bottom:.24rem; padding-right:.15rem; overflow-y: scroll; line-height: 1.2;}
#fzlc .switch-box .des::-webkit-scrollbar{width:0.02rem;height:.04rem}
#fzlc .switch-box .des::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}
#fzlc .switch-box .des::-webkit-scrollbar-thumb{background:rgb(0,104,183);border-radius:.04rem}
#fzlc .switch-box .des::-webkit-scrollbar-thumb:hover{background:rgba(0,104,183,.5)}
#fzlc .switch-box .des p{ margin:0;}
#fzlc .switch-box .ispic{ width:150%; padding-bottom:75%;}
#fzlc .switch-box .item{ padding-left:.2rem; padding-top:.35rem; border-left:solid 1px #dedede;}
#fzlc .switch-box .item::after{content:'';display:block;width:.15rem;height:.15rem;background:url(../images/pot4.png) no-repeat center center;background-size: contain;position:absolute;left:-.075rem;top: 3.1rem;}
#fzlc .switch-box .swiper{width:calc(100% + 2rem);padding-left:.075rem;padding-right:2rem;padding-bottom: 0;}
#fzlc .switch-box .swiper-slide{padding-top: 3.18rem;}
#fzlc .switch-box .swiper-slide:nth-child(2n){padding-top:0;}
#fzlc .switch-box .swiper-slide:nth-child(2n) .item{padding-top: 35px;padding-bottom: .1rem;min-height: 3.18rem;}
#fzlc .switch-box .swiper-slide:nth-child(2n) .item::after{bottom:0;}
#fzlc .switch-box .swiper-but{ top:auto; bottom:0; width:.5rem; height:.5rem; border:solid .02rem #0068b7; border-radius:1rem; opacity:1; background:transparent;}
#fzlc .switch-box .swiper-but::after{color:rgb(0,104,183); font-size:0.16rem; font-weight: 700;}
#fzlc .switch-box .swiper-but:hover{background:rgb(0,104,183);}
#fzlc .switch-box .swiper-but:hover::after{color:#fff;}
#fzlc .switch-box .swiper-button-prev{left:46%;}
#fzlc .switch-box .swiper-button-next{right:46%;}


@media(max-width:1024px){
#fzlc .tit-big{ font-size:0.36rem;}
#fzlc .switch-box .swiper{ width:100%; padding-right:1.2rem;}
#fzlc .switch-box .swiper-button-prev{ left:43%;}
#fzlc .switch-box .swiper-button-next{ right:43%;}
}

@media(max-width:640px){
#fzlc{ padding:.5rem 0;}
#fzlc .switch-box .swiper-button-prev{ left:38%;}
#fzlc .switch-box .swiper-button-next{ right:38%;}
}

.officeInfo{background-color: #fdfcfd; padding: var(--padMar80) 0 var(--padMar60) 0;}
.officeInfo .map{position:relative; margin-bottom: var(--padMar30);}
.officeInfo .map dd{position: absolute; left: calc(var(--x) / 1280 * 100%); top: calc(var(--y) / 683 * 100%);}
.officeInfo .map dd i{width: 0.1rem; height: 0.1rem; border-radius: 50%;display: block;position: relative;}
.officeInfo .map dd i:before{position: absolute; width: 0.2rem; height: 0.2rem;background: url(../images/map-ico.svg) no-repeat center center;background-size: contain; left: 50%;margin-left: -0.1rem; bottom: 0; content: '';}
.officeInfo .map dd:before,
.officeInfo .map dd:after{position: absolute; content: ''; background-color: rgba(0, 91, 161, 0.3); left: calc(var(--xy) *  -1rem); top: calc(var(--xy) *  -1rem); bottom: calc(var(--xy) *  -1rem); right: calc(var(--xy) *  -1rem); border-radius: 50%; animation: scale 3s infinite;-webkit-animation: scale 2s infinite;/* animation: breathe 2s ease-out infinite both; */}
.officeInfo .map dd:before{--xy:0.1;}
.officeInfo .map dd:after{--xy:0;}


.office-list .item{ margin-bottom: 0.2rem; background-color: var(--white); border-radius: 0.1rem; overflow: hidden;}
.office-list .item .ispic{padding-bottom: calc(80 / 180 * 100%); background-color: rgba(0,0,0,0.1);}
.office-list .item .txt{padding: 0.2rem;}
.office-list .item .tit{color:var(--hover-color); font-size: var(--font-size20);}
.office-list .item .country{color:var(--hover-color); opacity: 0.9; margin-bottom: 0.15rem;}
.office-list .item dd{font-size: var(--font-size14); padding-left: 0.3rem; background: no-repeat left top;background-size: auto 0.2rem;}
.office-list .item dd:not(:last-child){margin-bottom: 0.1rem;}
.office-list .item dd.phone{background-image: url(../images/Office_phone2.svg);}
.office-list .item dd.email{background-image: url(../images/Office_email2.svg);background-size:0.18rem auto; background-position: left top 0.2em;}
.office-list .item dd.add{background-image: url(../images/Office_add2.svg);}
@media(min-width:1025px){
.office-list{display: flex;flex-wrap: wrap;margin-top: -0.8rem;}
.office-list .item{width: calc((100% - 0.2rem * 2) / 3);}
.office-list .item:not(:nth-child(3n)){margin-right: 0.2rem;}
}
@media(min-width:481px) and (max-width:1024px){
.office-list .item{display: flex;}
.office-list .ispic{width: 45%;}
.office-list .txt{flex: 1;}
.office-list .item .ispic{padding-bottom: 0; min-height: 2.5rem;}
}

@keyframes breathe{
	0%{transform:scale(0);opacity:1}
	100%{transform:scale(1.5);opacity:0}
}

@keyframes scale{
	0%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);}
	50%{transform: scale(0.8);-webkit-transform: scale(0.8);-ms-transform: scale(0.8);}
	100%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);}
}
@keyframes scale2{
	0%{transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);}
	50%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);}
	100%{transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);}
}