body{font-size: 16px;
    /* min-width: 1140px; */
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;} 
.w1640{ width: 1640px; margin: 0 auto; max-width: 1640px;}
.w1440{  width: 1440px; margin: 0 auto;  max-width: 1440px; }
.idxBody{ width: 100vw; height: 100vh;}
.idxbanImg{ width: 100vw; height: 100vh;  object-fit: cover;}
.banSwiper .txt{ position: absolute; top: 26.5vh; left: calc((100vw - 1440px)/2); z-index: 5;}

.idxBody .pagination{ position: absolute; left: 0; bottom: 3vh; z-index: 10;} 
.idxBody .pagination .swiper-pagination-bullet{ width: 15px; height: 15px; background-color: transparent; margin: 0 8px ; opacity: 1; border: 2px solid #fff;}
.idxBody .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #fff;}



header{ position: fixed; top: 0; left: 0;  width: 100%; color: #fff; z-index: 100;}
.logoImg{ filter: grayscale(100%) brightness(500%); -webkit-filter: grayscale(100%) brightness(500%); }
 
.oneNav{ font-size: 20px; padding: 0 1.3vw; line-height: 130px;  white-space: nowrap;}
.language{ height: 30PX; border: 1px solid #fff; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
.language .on{ background-color: #fff;color: #036e8e;}

.bodyHeader{ background: url(../images/bodyHeaderBg.jpg) no-repeat top center; background-size: cover;  
   position: fixed; top: 0; left: 0; width: 100%; z-index: 200; min-height: 180px;
}
.bodyHeader .bg{ width: 100%; position: absolute; right: 0; top: 0; z-index: 10; transition: all .6s; -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; }

/*  height: 180px; */
.bodyHeader header{ position: relative;top :auto; left: auto; z-index: 13;}
.bodyHeaderCell{ position: absolute; top: 0; right: calc(((100vw - 1440px)/2) + 10px); z-index: 11; opacity: .6; }
 
.bodyHeader.scroll{
    /* position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 200;
    */
} 
.bodyHeader.scroll .bg{  opacity: 0;}
.bodyHeader.scroll .bg2{ height: 100%; opacity: 1 !important; overflow: hidden;}

.bodyHeader.scroll .subnavbtoom{ background: #ebebeb;}

/* .bodyHeader.scroll  .bodyHeaderCell{ opacity: 0;} */

/* .bodyHeaderZW{height: 180PX;} */
nav li{ position: relative;}
nav li:hover>a{ color: #79f1f9;}
nav li.on::after{ display: block; content: ''; background: url(../images/oneNavbg.png) no-repeat center center; background-size: 100% 100%; width: 13px; height: 11px; position: absolute; left: 50%; margin-left: -7px; bottom: 25px;}
nav li.on>.oneNav{ color: #79f1f9;}
.aboutNav{ 
    /* height: 23px; */
    image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;}
.subnav{ border-top: 1px solid #32b4c3; position: relative; z-index: 12;}
.subnav>a{ height: 50px ; width: 200px; border-right: 1px solid #32b4c3;}
.subnav>a:first-child{ border-left: 1px solid #32b4c3;}
.subnav>a.on{ background-image: linear-gradient(to right,#02a7ba,#046e8f);}


nav li ul { position:absolute; float:left; width:150px;   display:none; background-color:#026685; z-index:9999;} /*这是第二级菜单*/
nav li ul a { display: block; text-decoration:none; color:#fff ; line-height: 2.4; font-size: 18px; padding: 0 12px;}
nav li ul li:hover { background:#005974; color: #6adfea;}
 
nav li ul ul{ top:0;left:150px; background:#005974;}
nav li ul a.more{ position: relative;}
nav li ul a.more::after{ display: block; content: ''; width: 6px; height: 11px; top: 50%; margin-top: -5px;  right: 12px; background: url(../images/right.png) no-repeat center center; background-size: 100% 100%; position: absolute; }
 

 
.subnavbtoom{ width: 100%; background-color: rgba(0, 0, 0, .08); position: absolute; left: 0; top: 50px;}
.subnavbtoom a{ border: none;  height: 40px; line-height: 40px;}
.subnavbtoom a.on{ background-color: #fff; color: #047493;}

.w37-2{ width: 37.2%;}
.aboutBox{ padding: 80px 0  ;}
.jbColor{ background-image:linear-gradient(to left,#02a7ba,#046e8f);; 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 
}

footer{    background-color: #111;}
footer .top{  border-bottom: 1px solid #333;}
footer .top .right{ line-height:1.8 ;}
footer .top .right img.ewmImg{ height: 96px;}
footer .bottom{ height: 40px;}
footer .bottom a:hover{ color: #fff;}


.teamInfolist{ background: url(../images/teamBg.png) no-repeat center center; background-size: 100%  100%;}
.teamInfolist li{ width: 44.5%;}
/* .historyBg{ background: url(../images/historyBg.jpg) no-repeat center bottom #f1f6fa; background-size: 100% auto;} */
.historyBg{ background: url(../images/historyBg.jpg) no-repeat center bottom #f1f6fa; background-size: 100% auto; padding-bottom: 250px;min-width: 1140px;}  


.history{ background: url(../images/history.png) no-repeat center center; background-size: 100% 100%; height: 410px; margin-top: 100px; min-width: 1140px;}
/* max-width: 320px; max-width: 280px;*/
.historyUl li{max-width: 18.7vw; position: absolute;transition: all .36s;-webkit-transition: all .36s;-moz-transition: all .36s;-ms-transition: all .36s;-o-transition: all .36s;}
.historyUl li::after{content: ""; display: block;position: absolute;  top: -30px;left: 10%;width: 35px;height: 30px;background: url(../images/historyBotIcon.png) no-repeat center bottom;background-size: 100% auto;
}  
.historyUl li:nth-child(2n):after{content: "";position: absolute;  top: auto;bottom: -30px; left: 10%; width: 35px; height: 30px; background: url(../images/historyTopIcon.png) no-repeat center bottom; background-size: 100% auto}
.historyUl li:nth-child(1){ left: 11%; top: 462px;}
.historyUl li:nth-child(2){ left: 19%; top: 100px;}
/*  max-width: 360px; */
.historyUl li:nth-child(3){ left: 28%; top: 402px;}
.historyUl li:nth-child(4){ left: 33%; top: 77px;max-width: 15vw;}
.historyUl li:nth-child(5){ left: 50%; top: 400px;max-width: 16.6vw;}
.historyUl li:nth-child(6){ left: 49%; top: 0;}
.historyUl li:nth-child(7){ left: 68%; top: 350px;}
.historyUl li:nth-child(8){ left: 70%; top: -40px; max-width: 18vw;}
.historyUl li:hover{ transform: translateY(-10px);   filter: drop-shadow(5px 5px 10px  rgba(52,52,52,.25));
    -webkit-filter: drop-shadow(5px 5px 10px  rgba(52,52,52,.25)); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px);  }
.historyImg img{ position: absolute; width:29px; height: 29px; animation: bgismaxll 2s linear 0s alternate infinite; -webkit-animation: bgismaxll 2s linear 0s alternate infinite; }
.historyImg img:nth-child(1){left: 13%; top: 328px;}
.historyImg img:nth-child(2){ left: 20.5%;top: 291px;}
.historyImg img:nth-child(3){ left: 30.8%;top: 317px;}
.historyImg img:nth-child(4){ left: 35.1%; top: 270px;}
.historyImg img:nth-child(5){ left: 52.8%; top:258px;}
.historyImg img:nth-child(6){ left: 52.8%; top:303px;}
.historyImg img:nth-child(7){ left: 70.2%; top:264px;}
.historyImg img:nth-child(8){ left: 72.3%; top: 174px;}

/* 

.historyImg img:nth-child(1){left: 13%; top: 328px;}
.historyImg img:nth-child(2){ left: 20.5%;top: 291px;}
.historyImg img:nth-child(3){ left: 30.8%;    top: 317px;}
.historyImg img:nth-child(4){ left: 35.1%; top: 270px;}
.historyImg img:nth-child(5){ left: 52.8%; top:258px;}
.historyImg img:nth-child(6){ left: 52.8%; top:303px;}
.historyImg img:nth-child(7){ left: 70.2%; top:264px;}
.historyImg img:nth-child(8){ left: 72.3%; top: 174px;}
*/

.historyImg img:nth-child(2n){ animation: bgismaxll2 2s linear 0s alternate infinite; -webkit-animation: bgismaxll2 2s linear 0s alternate infinite; }

.historyUl li:hover { color: #26b0c3;}
.historyUl li:hover .border-bottom{ border-color: #26b0c3;}
.historyUl li:hover .f36 {background-image: -webkit-linear-gradient(right, #81e134, #0ab5cd);  -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.historyUl li:hover .f20{ color: #81e134;}

.developBg{ background: url(../images/developBg.jpg) no-repeat center top; background-size: cover; padding-bottom: 100px;}
.yearNum{ font-size: 120px; line-height:1;  }
.yearNum span{ filter: drop-shadow(5px 0 10px rgba(185, 200, 211, .5)); line-height:1; -webkit-filter: drop-shadow(5px 0 10px rgba(185, 200, 211, .5)); }
.developSwiperTop .desc{  font-size: 18px; line-height: 1.6 ;}
.developBtn{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; filter: grayscale(100%); -webkit-filter: grayscale(100%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.developBtn.prev{ left: 0;}
.developBtn.next{ right: 0;}
.developBtn:hover{ filter: none; -webkit-filter: none; }
.developSwiperBot .developLine{ filter:  grayscale(100%) brightness(500%); transition: all 0s; -webkit-filter:  grayscale(100%) brightness(500%); }
.developSwiperBot .round{ width: 76px; height: 76px; border: 3px  solid #fff; margin-top: -20px;  font-size: 22px;}
.developSwiperBot .swiper-slide-thumb-active .round{ border-color: #02a8c8; }
.developSwiperBot .swiper-slide-thumb-active{ color: #02a8c8;}
.developSwiperBot .swiper-slide-thumb-active .developLine{ filter: none; -webkit-filter: none; }


.pipeline{}



.investBg{ background: url(../images/investBg.png) no-repeat center top 80px; background-size: 38% auto;}
.investBox .one{ width: 220px}
.investBox .two{ width:310px;}
.investBox .there{ width: 680px;}
.investBox .topThere div{ flex: 1; text-align: center; }
/* .investBox .four{ width: calc(100% - 990px);} */
.investBox .four{ width: calc(100% - 990px);}

.investItem .right{ width: calc(100% - 225px);}
.investItem .right .item{ height: 80px;}
.investItem .right .item + .item{ margin-top: 5px;}
.investItem a:hover{ color: var(--green);}
.layui-progress{ width: 100%; height: 30px; position: relative; border: 2px solid  #eeeeee; background-color: #fff; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
.layui-progress-bar{ background-image: linear-gradient(to right,#86d448,#28b5ba); height: 100%; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
.layui-progress::after{width: 1px; height: 100%; position: absolute; left: 25%; display: block; content: ''; top: 0; background: #eee; z-index: 10;}
.layui-progress::before{width: 1px; height: 100%; position: absolute; left: 50%; display: block; content: ''; top: 0; background: #eee; z-index: 10;}
.layui-progress .wow{ position: relative; }
.layui-progress .wire{width: 1px; height: 100%; position: absolute; left: 75%; display: block; content: ''; top: 0; background: #eee; z-index: 10}

.aboutBox hr {  height: 0; /*将高度设为0*/border-top: 1px dashed #e3e3e3; /*上边框设为实线*/margin: 20px 0; /*设置间距*/}

.newslist li{ width: calc((100% - 90px)/3); margin-right: 45px; margin-bottom: 45px;}
.newslist li:nth-child(3n){  margin-right: 0;}
/*.newslist li .title{ height: 2.6em;}*/
.newslist li .more{ border: 1px solid #999; padding: 0 25px; line-height: 1.6; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.newslist li:hover{ box-shadow: 0 0   10px rgba(0, 0, 0, .2); transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.newslist li:hover{ color: var(--green);}
.newslist li:hover .more{ color: #fff; background-color: var(--green); border-color: var(--green);}

.newslist li .title{ height:2.4em ;}

.pagelist a{ width: 36px; border: 1px solid transparent; height: 36px; margin: 0 7px; border-radius: 3px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.pagelist a:hover{ color: var(--green);}
.pagelist a.on{ border-color: var(--green); color: var(--green);}
.linka a:hover{ color: var(--green);}

.newpage .left{ width: 70%;}
.newpageBackImg{ height: 18px; transition: all 0s; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; }
.newpageBack{ height: 55px; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; }
.newpageBack:hover{ background: var(--green); color: #fff;}
.newpageBack:hover .newpageBackImg{filter: grayscale(100%) brightness(500%);}

.joinbg{ background-color: #f3fafb;}
.joinlist li{ width: calc((100% - 40px)/2); margin-right:40px; margin-bottom: 40px;}
.joinlist li:nth-child(2n){ margin-right: 0;}
.color-ddd{ color: #ddd;}
.joinlist li .right{ width: 8%; background-color: #c8eaf0;}

.joinlist li:hover{ box-shadow: 0 0  10px rgba(0, 0, 0, .2); transform:translateY(-10px) ; -webkit-transform:translateY(-10px) ; -moz-transform:translateY(-10px) ; -ms-transform:translateY(-10px) ; -o-transform:translateY(-10px) ; } 
.none{ display: none;}
.joinPop{ display: none;   width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 10000;}
.popbg{background: rgba(0, 0, 0, .6); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10;}
.joinPop .con{ width: 1200px; left: 50%; top: 50%; transform: translate(-50%,-50%); position: absolute; z-index: 20; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.joinPop  .info{}
.joinPop  .info{ max-height: 282px; overflow-y: scroll;   }
.joinPop  .info::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  width: 2px;}
.joinPop  .info::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: #09bec9; width: 2px; }
.joinPop  .info::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: #e3e3e3; width: 2px; }
.joinPop  .next,.joinPop  .prev{ position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.joinPop  .next{ right: -100px;}
.joinPop  .prev{ left: -100px;}
.next.swiper-button-disabled,.prev.swiper-button-disabled{ cursor: no-drop;}
.joinPop .close{ position: absolute ; right: 0; top: 0; z-index: 10; filter: grayscale(100%); opacity: 0.5; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.joinPop .close:hover{ filter: grayscale(0%); opacity: 1; -webkit-filter: grayscale(0%); transform:scale(0.9) ; -webkit-transform:scale(0.9) ; -moz-transform:scale(0.9) ; -ms-transform:scale(0.9) ; -o-transform:scale(0.9) ; }
#aboutSwiper .swiper-pagination { bottom: 40px;}
#aboutSwiper .swiper-pagination .swiper-pagination-bullet{ border: 1px solid #fff; opacity: 1; background-color: transparent; width: 12px; height: 12px; margin: 0 7px; }
#aboutSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #fff;}

.joinAbout .left{ background: url(../images/joinAboutbg.jpg) no-repeat center center; background-size: cover; padding-left: calc((100vw - 1440px )/2);}
.joinAbout .left ul{ display: grid; grid-gap: 40px 60px ; grid-template-columns: repeat(2,1fr);}
.joinAbout .left ul img:hover{ filter: drop-shadow(0 0 5px rgba(0,0,0,0.15)); transform:scale(0.95) ; -webkit-transform:scale(0.95) ; -moz-transform:scale(0.95) ; -ms-transform:scale(0.95) ; -o-transform:scale(0.95) ; -webkit-filter: drop-shadow(0 0 5px rgba(0,0,0,0.15)); }


.contactType{ margin-top: 70px;}
.contactType + .contactType{ margin-bottom: 50px; margin-top: 15px;}
.contactType li:nth-child(1){ width: 14.5%;}
.contactType li:nth-child(2){ width: 20.1%;}
.contactType li:nth-child(3){ width: 20.8%;}
.contactType li:nth-child(4){ width: 21.8%;}


.contactType .img{ height: 53px;}
.contactType .img img{ max-width: 100%; max-height: 100%;}


.contactOne{ padding: 90px 0;}
.contactOne .left{ width: 65%;}
 /* .contactEwm{ width: 9vw;} */

 .contactEwm{ width: 170px;}

 .contactOne .img{ height: 53px;}
 .contactOne .img img{ max-width: 100%; max-height: 100%;}
.contactIcon{ height: auto;}
.contactOne .left li{  width: 22%;}
.contactOne .left li:last-child{ width: 35%;}
.contactOne .left li .img{ height: 70px;}
.contactOne .left li .img img{max-width: 100%; max-height: 100%;}

.contactBoxs li{ max-width: 21%; min-width: 20%;}
.contactLineP::after{ display: block; content: ''; width:90%; position: absolute; height: 1px; left: 5%; top: 50%; background: #333;}


.gbookBox .left{ width: 33.5%;}
.gbookBox .left input + input{ margin-top: 30px;}
.gbookBox .right{ width: 64% }

.gbookBox .reset,.gbookBox .submit{ width: 200px; height: 70px; cursor: pointer; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.gbookBox .reset:hover, .gbookBox .submit:hover{ opacity: 0.85;}
.gbookBox .reset{ background-image: linear-gradient(to right,#8d8d8d,#b7b6b6);}
.gbookBox .submit{ background-image: linear-gradient(to right,#0ea2a7,#21ccce);}

.searchBox{ background-image: linear-gradient(to right,#046e8f,#02a7ba); transform: translateY(-105%); transition:all .6s ; -webkit-transition:all .6s ; -moz-transition:all .6s ; -ms-transition:all .6s ; -o-transition:all .6s ; -webkit-transform: translateY(-105%); -moz-transform: translateY(-105%); -ms-transform: translateY(-105%); -o-transform: translateY(-105%); }
.searchBox .form{ width: calc(100% - 80px);}
.searchBox .keys{ width: 80%; background: url(../images/search-w.png) no-repeat left center; background-size: auto 100%;}

 


.searchBox .submit{ width: 90px; height: 40px; border: 1px solid #fff;}
.searchBox input::-webkit-input-placeholder  {color:rgba(255, 255, 255, .65);}
.searchBox input:-moz-placeholder {color:rgba(255, 255, 255, .65);;}
.searchBox input::-moz-placeholder {color:rgba(255, 255, 255, .65);;}
.searchBox input:-ms-input-placeholder  {color: rgba(255, 255, 255, .65);;}

.searchBox.show{ transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); }


.grouplist li{ width: calc((100% - 150px)/4); margin-right: 50px; margin-bottom: 50px;}
.grouplist li:nth-child(4n){ margin-right: 0;}
.grouplist li:hover .pic{ box-shadow: 0 0 0 5px #87cdd3;}
/* background: #302f32; */
.grouplist li .pic{  width: 180px; transition: all .36s; height: 180px; overflow: hidden; position: relative;}
.grouplist li .pic img{ width: 100%; height: 100%; object-fit: cover;}
.grouplist li::after{transform: translateY(100%); width: 100%; height: 100%; position: absolute; display: block; content: ''; top: 0; left: 0; z-index: 6; transition: all .36s; background: #0897a3;}
.grouplist li:hover::after{ transform: translateY(0);}
.grouplist li .more{ cursor: pointer; position: absolute; left: 50%; bottom: 12%; z-index: 10; transform: translateX(-50%) translateY(100%); opacity: 0;}
.grouplist li:hover .more{   transform: translateX(-50%) translateY(0%); opacity: 1;}

.groupPop{ display: none;   width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 10000;}
.groupPop  .con{ width: auto; height: auto; z-index: 10; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.groupPop  .con  .center{ width: 960px;}
.groupPop  .info p{ margin-bottom: 10px;}

#teamSwiper .swiper-slide{ padding-top: 50px;}
.groupPopImg{ border-radius: 50%; width: 270px; height: 270px; object-fit: cover; position: absolute; right: 70px; top: -50px;}
.groupPop .close{ position: absolute; left: 80px; top: 30px; cursor: pointer; z-index: 10;}
.groupPop .close:hover{ transform: scale(1.2);}
.groupPop .next,.groupPop .prev{ cursor: pointer;}
.groupPop .next .iconfont,.groupPop .prev .iconfont{ font-size: 100px;}
.groupPop .next:hover,.groupPop .prev:hover{ color: #0897a3;}
.groupPop .swiper-button-disabled{ cursor: no-drop;}

.searchul li:hover{ color: #0897a3; box-shadow: 0 0 20px rgba(0, 0, 0, .15);}

.jobodesc{ line-height: 1;}
.jobodesc span{ border-color: #ddd;}
.jobodesc span:last-child{ border-right: none;}

.pipeline .one{ width: 190px;}
.pipeline .bigRight{ width: 1246px;}
.pipeline .two{ width: 174px;}
.pipeline .there{ width: 199px;}
.pipeline .four{ width: 864px; }
.pipeline .right { width: 1068px;}
.pipeline .layui-progress{ width: 680px;}
.progressTxt{ width: 680px; margin-left: 40px;}
.progressTxt div{  width: 25%;}
.pipeline .bigItem .four{ padding: 20px 40px;}
.pipeline .bigItem .there{  min-height: 80px;}
.pipeline .bigItem + .bigItem{ margin-top: 10px;}
.pipeline .item + .item{ margin-top: 4px;}
.pipeline .smallItem + .smallItem{ margin-top: 4px;}
.pipeline .color-green{ color: #02a5b8;}

 
.addressUl li{ background-image: linear-gradient(to bottom,#fff,#f3fafb);}
.addressUl li .con{  width: 100%;}
/* .addressUl li .title{ font-size: 28px;} 
.addressUl li .img img{ max-width: 100%; max-height: 100%;}
.addressUl li .img{ width: 30%; position: absolute; top: 50%; transform: translateY(-50%); left: 75%;   height: 96%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

*/
.addressIcon{ position: absolute; top: 50%; transform: translateY(-50%); left: 75%; max-height: 98%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.pl-100{ padding-left: 100px;}.pr-100{ padding-right: 100px;}
.w44{ width: 44%;}


.earthIconBtn{ border-left: 2px solid #fff;}
 
.earthIconBtn dl{ line-height: 40px; position:absolute;text-align: center;min-width:100px; width: auto;top:100%;left: 0;     
}
.earthIconBtn dl a{ display: block; border-bottom: 1px solid rgba(255, 255, 255, .08); background: #026685;}
.earthIconBtn dl a:hover{ background: #005974; color: #fff;}
.earthIconBtn dl{pointer-events: none;  visibility:hidden; opacity:0; filter:alpha(opacity=0); transform:  translateY(20px);  transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; }
.earthIconBtn:hover dl{ pointer-events: auto;visibility:visible; opacity:1; filter:alpha(opacity=100); transform: none;   }

.flex-shrink{ flex-shrink: 0 }