/* CSS Document */
/*
Theme Name: The International Finance Corporation
Theme URI: http://www.ifc.com/
Description:  爱永的作品。
Author:  爱永
Author URI: https://www.aysheji.com/
Date:2024-12-02.footermiddle
Version: 1.0
License: 爱永许可认证
*/
*{margin:0;padding:0;}
html{font-size:44.44px; overflow-x:hidden;}
@media screen and (min-width:320px) and (max-width:359px){html{font-size:44.44px}
html[mip]{font-size:44.44px!important}}
@media screen and (min-width:360px) and (max-width:374px){html{font-size:50px}
html[mip]{font-size:50px!important}}
@media screen and (min-width:375px) and (max-width:383px){html{font-size:52.08px}
html[mip]{font-size:52.08px!important}}
@media screen and (min-width:384px) and (max-width:392px){html{font-size:53.33px}
html[mip]{font-size:53.33px!important}}
@media screen and (min-width:393px) and (max-width:413px){html{font-size:54.58px}
html[mip]{font-size:54.58px!important}}
@media screen and (min-width:414px) and (max-width:539px){html{font-size:57.5px}
html[mip]{font-size:57.5px!important}}
@media screen and (min-width:540px){html{font-size:75px}.mainmenu > ul > li
html[mip]{font-size:75px!important}}

:root{
	--global-primary-color: #333;
	--global-main-color: #047fcc;
	--global-white-color: #fff;
}


ul,li,ol{list-style:none;}
img{ border:0; display:block; max-width:100%; transition: all 0.6s;}
.img100{width:100%; height:100%; object-fit: cover;object-position: center;}
a{text-decoration:none;	color: var(--global-primary-color);outline:none;}




@font-face {
  font-family: 'Poppins';
  src:url("fonts/Poppins-Regular.ttf") format("truetype");
}
@font-face {
  font-family: 'Poppins-Bold';
  src:url("fonts/Poppins-Bold.ttf") format("truetype");
}
@font-face {
  font-family: 'Poppins-ExtraBold';
  src:url("fonts/Poppins-ExtraBold.ttf") format("truetype");
}

body{font-size:14px; color: var(--global-primary-color); font-family:'Poppins', 'Pingfang-SC'; }
html.bodyhidden{ overflow:hidden;}
.clear{ clear:both;}
.clearfix::after, .clearfix::before{display: table; content: " ";}
.clearfix:after { clear:both}
*, ::after, ::before{box-sizing: border-box;}
a, button{cursor: pointer; transition:all 0.3s;}
button{ border:none; background:none; border-radius: 0;}
video{ width:100%; height:auto; display:block; object-fit:fill;}
table{ width:100%; border-collapse:collapse;}


/*以下为兼容手机*/
input, textarea, select{appearance: none;-moz-appearance: none;-webkit-appearance: none;}
input:focus, textarea:focus {outline: none;}
input:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;}
input::-ms-clear {display: none;}
/*以上为兼容手机*/

/*针对 type-"number"*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{ -webkit-appearance: none !important;}
input[type="number"]{ -moz-appearance: textfield;}


.swiper-wrapper{position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.swiper-slide{-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative;}

.wrap{ width:1200px; margin:0 auto;}
.w1440{ max-width:1440px; margin:0 auto; }

.headerbg{ width:100%; padding:0px 0; background:rgba(0,0,0,0.3); position:fixed; z-index:99999; top:0; left:0; transition: all 0.3s; }
.headerbg.fixed{ position:fixed; top:0; left:0; background:rgba(0,0,0,0.8);}
.header{ display:flex; justify-content:space-between; align-items:center; z-index: 8;}

.header_left{ width:100%; display:flex; align-items:center; justify-content:space-between;}
.header_right{ width:200px; display:flex; align-items:center; justify-content:flex-end;}

.logo{ width:247px; margin-right:100px;}
.logo a{ display:block;}
.logo img{ display:block; max-height:80px;}


/*主导航开始*/
.mainmenubg{transition:all 0.3s;}
.mainmenu{}
.mainmenu > ul{ display:flex;}
.mainmenu > ul > li{ margin-right:40px; position:relative;}
.mainmenu > ul > li:last-child{ margin-right:0px;}
.mainmenu > ul > li > a{ text-align:center; font-size:16px; color: var(--global-white-color); display:block; line-height:40px; padding:20px 0px; position:relative; font-weight:700;  white-space:nowrap;transition: all 0.3s;  }
.mainmenu > ul > li > a:hover{  color:var(--global-main-color);}
.mainmenu > ul > li > a:after{ content:""; display:block; width:0%; height:2px; position:absolute; bottom:10px; left:0; background:var(--global-main-color);transition: all 0.3s;}
.mainmenu > ul > li > a:hover:after{ width:100%;}

.headerbg.fixed .mainmenu li > a{ padding-top:20px; padding-bottom:20px;}


/*有子导航加箭头*/
.mainmenu li.menu-item-has-children > a{ padding-right:24px;}
.mainmenu li.menu-item-has-children > a:before{ content:""; display:block; width:24px; height:16px; background:url(images/navliiconnew.svg) no-repeat; position:absolute; right:0; top:50%; margin-top:-8px; transition:all 0.3s; }

/*普通二级菜单*/
.mainmenu ul li ul.sub-menu{ width:200px; position:absolute; left:50%; margin-left:-100px; top:90px; z-index:5; transform: translateY(40px); visibility:hidden; opacity: 0; transition:all 0.5s; border-radius:8px; box-shadow: 0px 18px 28px 0px rgba(0, 0, 0, 0.10);  background: var(--global-white-color); padding:20px; }

.headerbg.fixed .mainmenu ul li ul.sub-menu{ top:80px;}

.mainmenu ul li ul.sub-menu:before{ content: ''; display: inline-block; border: 10px solid transparent; border-bottom-color:var(--global-white-color); position: absolute; top: -19px; left: 50%; margin-left:-10px;}

.mainmenu ul li ul.sub-menu li{ margin:0 0 8px 0; border-bottom: #ccc 1px solid; height:auto; padding: 0 0 8px 0;}
.mainmenu ul li ul.sub-menu li:last-child{ margin-bottom:0; border-bottom:none;}
.mainmenu ul li ul.sub-menu li a, .mainmenu ul li.menu-item-has-children:hover ul li a{ text-align:left; border-radius:0; font-weight: 400; padding:0; color: #404040;  line-height:25px; width:auto; font-size: 16px;  min-width:inherit; }
.mainmenu ul li ul.sub-menu li a:hover{ color:var(--global-main-color);}


/*移上去*/
.mainmenu ul li.yishangqu > ul.sub-menu{ transform: translateY(0px); opacity:1; visibility:visible;}
.mainmenu ul li.yishangqu > a.youzifl{ color:var(--global-white-color);}
.mainmenu ul li.yishangqu.menu-item-has-children > a:before{ transform: rotate(180deg);}
.mainmenu ul li.yishangqu > .solution_submenubg{ transform: translateY(0px); opacity:1; height:auto; visibility:visible;}


/*主导航结束*/

/*top右边按钮*/
.mainmenuright{ width:auto; display:flex; justify-content:flex-end; position:relative;}
.mainmenurightcon{ display:flex; align-items:center;}

/*语言*/
.header_lang{ position:relative;}
.h_langlist{display:block; width:150px; position:absolute; left:-63px; top:40px; z-index:5; transform: translateY(40px); visibility:hidden; opacity: 0; transition:all 0.5s; box-shadow: 0px 18px 28px 0px rgba(0, 0, 0, 0.10);  background: var(--global-white-color); padding:20px;  border-radius:10px;}
.h_langlist:before{ content: ''; display: inline-block; border: 10px solid transparent; border-bottom-color:var(--global-white-color); position: absolute; top: -19px; left: 50%; margin-left:-10px;}
.h_langlist ul{}
.h_langlist li{ margin-bottom:14px;}
.h_langlist li:last-child{ margin-bottom:0;}
.h_langlist li a{font-size: 16px;  white-space:nowrap; }
.h_langlist li a:hover{ color:var(--global-main-color);}
.header_lang:hover .h_langlist{ transform: translateY(0px); opacity:1; visibility:visible;}

.header_langbtn{ width:24px; height: 24px; border-radius:100%; cursor:pointer; background-image:url(images/icon_lang.svg); background-position:center center; background-repeat:no-repeat; background-size:24px 24px;}

.header_searchbtn{ background-image:url(images/icon_search.svg); margin:0 14px; position:relative; z-index:3; display:none;}
.header_searchbtn.active{ background-image:url(images/icon_close.svg); }

.header_demobtn{ margin-left:40px; display:none;}
.publicbtn{ display:flex;
  align-items:center;
  justify-content:center; border-radius:10px; font-size: 16px; color:var(--global-white-color); line-height: 24px;background:var(--global-main-color); padding:12px 20px;  white-space:nowrap; }
.publicbtn:after {
  content:"";
  display:block;
  width:16px; transition:all 0.3s;
  height:10px;
  background:url(images/rightjt.png) no-repeat; background-size:16px;
  margin-left:5px
}
.publicbtn:hover{ background-color:#00446e; }
.headerbg.menuact .mainmenubg{ visibility:hidden;  opacity: 0;}



/*手机按钮*/
.mheaderbtn{ display:none;}
.mheaderbtn a{ display:block; width:44px; height:44px; margin-left:14px;}
.mheaderbtn a.mmenubtn{ background-image:url(images/hmenuicon.png); background-position: center center;  background-repeat: no-repeat;  background-size: 28px 28px; }
.colsemenubtn{cursor:pointer; width:30px; height:30px; display:none; position: absolute;right:10px;top:10px;font-size: 40px;color: #ccc; line-height: 30px; text-align: center;}

.ibanner{ position:relative;}
.ibanner_swiper{ overflow:hidden;}
.ibanner .swiper-slide{ position:relative;}
.ibanner .swiper-slide a{ display:block; width:100%; height:100%; }
.ibannerimg img{ width:100%; height:100%; object-fit: cover;object-position: center;}
.ibanner .swiper-slide-active img{ animation:mymove 8s infinite;}
@keyframes mymove{
	from{transform: scale(1);}
	to {transform: scale(1.1);}	
}
@-moz-keyframes mymove{
	from{transform: scale(1);}
	to {transform: scale(1.1);}	
}
@-webkit-keyframes mymove{
	from{transform: scale(1);}
	to {transform: scale(1.1);}
}
@-o-keyframes mymove{
	from{transform: scale(1);}
	to {transform: scale(1.1);}
}

.ibanner .swiper-slide a .ibantextall{ width:100%; height:100%; position:absolute; left:0; top:0; display:flex; justify-content:center; align-items:center; z-index:66;}
.ibanner .swiper-slide a .ibantext{ color:var(--global-white-color);}
.ibanner .swiper-slide a .ibantext .ibantextcon{ max-width:70%;}
.ibanner .swiper-slide a .ibantext .ibannertit{ font-size:60px; line-height:1.2;}
.ibanner .swiper-slide a .ibantext .ibannertit:after{ content:""; display:block; width:100px; height:2px; background:var(--global-white-color); margin-top:10px;}
.ibanner .swiper-slide a .ibantext .ibannerdesc{ font-size:24px; margin-top:20px;}
.ibanner .swiper-slide a .ibantext .ibannerbtn{ margin-top:20px;}
.ibannerbtnflex{ display:flex;}

@keyframes newsslide_progressbar{
 0%{width:0}
 to{width:100%}
}
@-webkit-keyframes newsslide_progressbar{
 0%{ width:0 }
 to{ width:100%}
}
.ibanner .news_pagination{ width:100%; text-align:center; position:absolute; bottom:20px; z-index: 2;}
.ibanner .news_pagination span{ display:inline-block; width:60px; height:6px; margin:0 5px; cursor:pointer; background: #E5E8F0; border-radius:2px; position:relative;}
.ibanner .news_pagination span.swiper-pagination-bullet-active:before{ content:""; display:block; width:100%; height:6px;background: var(--global-main-color); border-radius:2px; animation:newsslide_progressbar 3s; -webkit-animation:newsslide_progressbar 3s;}

.isection{ padding:80px 0;}

.iaboutbg{ background:url(images/iaboutbg.jpg) no-repeat left center #000; background-size:cover; position:relative;}
.iaboutbg:after{ content:""; display:none; position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.8); z-index:1;}
.iabout{ position:relative; z-index:2;}
.ititlecon{ text-align:center;}
.ititlecon .ititle{ font-size:40px; line-height:1.7; color:#00001d; }
.ititlecon .ititle:after{ content:""; display:block; width:100px; height:2px; background:#00001d; margin:0px auto 0;}
.ititledesc{ color:#888; margin-top:20px;}

.ititlecon.white .ititle{ color:var(--global-white-color);}
.ititlecon.white .ititledesc{ color:#999;}
.ititlecon.white .ititle:after{ background:var(--global-white-color);}

.iaboutflex{ display:flex; border-radius:10px; margin-top:50px; overflow:hidden;}
.iaboutleft{ width:50%; overflow:hidden;}
.iaboutleft img{ width:100%; height:100%;  object-fit: cover; object-position: center;}
.iaboutright{ width:50%; background:#f0f7ff; padding:40px;}
.iaboutbtn{ display:flex;}
.iaboutrcon, .ictitemnr{ margin-bottom:20px;}
.iaboutrcon p, .ictitemnr p{ font-size:16px; line-height:1.7;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:10; -webkit-box-orient:vertical;}

.iaboutrcon p{ margin-bottom:20px;}
.iaboutrcon h3{ margin-bottom:20px;}


.iwhypercentlist{}
.iwhypercentlist li{ margin-top:30px;}
.iwhypercentlist li .iwhyptitflex{ display:flex; justify-content:space-between;}
.iwhypercentlist li .iwhyptitflex h3{ font-size:16px; width:calc(100% - 50px);}
.iwhypercentlist li .iwhyptitflex .iwhypright{ width:50px; text-align:right;}
.iwhypercentlist li .iwhypercentcon{ border-radius:5px; border:var(--global-main-color) 1px solid; margin-top:10px; padding:2px;}
.iwhypercentlist li .iwhypercent{ height:4px; background:var(--global-main-color); border-radius:5px; }



.istepone_btn{ text-align:center; margin-top:15px;}
.istepone_btn a{border-bottom: 1px solid #00ade4; padding-bottom:5px; color: #002345;  display: inline-block;font-size: 16px;}
.istepone_btn a:hover,
.istepone_btn a:focus {
  color: #002345;
  background: linear-gradient(to right, rgba(0, 173, 228, 0.2) 0%, rgba(0, 173, 228, 0.2) 1%, rgba(0, 173, 228, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3300ade4", endColorstr="#0000ade4", GradientType=1);
  box-shadow: none;
  text-decoration: none;
}

.iwhatdolist{ margin-top:60px;}
.iwhatdolist ul{ display:flex;}
.iwhatdolist li{ width:33.3333%;}
.iwhatdolist li:nth-of-type(2n+1) {
    margin-top: 60px;
  }
.iwhatdolist li .iwhatdolicon{}
.iwhatdolist li .iwhatdoliimgcon{ position:relative;}
.iwhatdolist li .iwhatdoliimgcon:before {
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 25%, rgb(0, 35, 69) 75%);
  content: " ";
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.iwhatdolist li .iwhatdoliimgcon:after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 32px;
  background: transparent;
  display: inline-block;
  width: 0px;
  height: 0px;
  transform: rotate(180deg);
  border-top: 0px solid #fff;
  border-right: 20px solid white;
  border-left: 0px solid #fff;
  border-bottom: 20px solid transparent;
  z-index: 1;
}
.iwhatdolist li .iwhatdoliimg{ height:350px;}
.iwhatdolist li .iwhat-teaser__title{font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  color: #ffffff;
  left: 0;
  right: 0;
  z-index: 2;
  margin-bottom: 0;
  position: absolute;
  top: auto;
  bottom: 0;
  padding: 24px 24px 28px 6px;}
.iwhatdolist li .iwhatdolflex{display:flex;position: relative;align-items: center;}
.iwhatdolist li .iwhat-teaser__title img{ width:56px; height:56px;}
.iwhatdolist li .iwhat-teaser__title a{ color:#fff; font-size: 24px;}


.iwhatdolist li .iwhatdolitext{ padding:30px;}
.iwhatdolist li .iwhatdolitextdesc{font-size: 16px;
    line-height: 26px;color: #757575;
  font-weight: 400;}
.iwhatdolist li .iwhatdolitextbtn{ margin-top:20px;}
.iwhatdolist li .iwhatdolitextbtn a{border-bottom: 1px solid #00ade4; padding-bottom:5px; color: #002345;  display: inline-block;font-size: 18px;}
.iwhatdolist li .iwhatdolitextbtn a:hover{color: #002345;
  background: linear-gradient(to right, rgba(0, 173, 228, 0.2) 0%, rgba(0, 173, 228, 0.2) 1%, rgba(0, 173, 228, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3300ade4", endColorstr="#0000ade4", GradientType=1);
  box-shadow: none;
  text-decoration: none;}




.icoretechbg{ background: linear-gradient(180deg, #deecfb 0%, var(--global-white-color) 100%);}
.icoretechlist{ margin-top:50px; display:flex; gap:2%; padding:0 30px;}
.icoretechlistitem{ position:relative; width:32%; border-radius:10px; overflow:hidden;}
.ictitemleft{width:100%; height:400px;}
.icoretechlistitem:nth-child(2n) .ictitemleft{ order:1;}
.ictitemleft img{ width:100%; height:100%;  object-fit: cover; object-position: center; }
.ictitemright{ width:100%; padding:30px; overflow:hidden; position:absolute; bottom:-180px; left:0; background:rgba(0,0,0,0.7); z-index:3; color:var(--global-white-color); transition: all 0.3s;}
.icoretechlistitem:hover .ictitemright{bottom:0;}
.icttitle{ font-size:22px; margin-bottom:20px; line-height:1.6; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ictitemnr p{ margin-bottom:20px; font-size:16px;}
.ictitemnr ul{ display:flex; gap:20px; flex-wrap:wrap;}
.ictitemnr ul li{ background:url(images/yduigou.png) no-repeat left center; background-size:15px; padding-left:20px;}
.ictitembtn{ display:flex;}


.iadvantagebg{width:100%; background-image:url(images/iadvantagebg.jpg); background-repeat:no-repeat; background-size:cover;}
.iadvantage{}

.iadvlist{ margin-top:50px;}
.iadvlist ul{ display:flex; justify-content:space-between;}
.iadvlist li{ width:32%;transition: all 0.3s; margin-right:2%;}
.iadvlist li:nth-child(3n){ margin-right:0;}
.iadvlist li .iadvlicon{ border:#fff 1px solid; padding:10px; height:100%; border-radius:10px;}
.iadvlist li .iadvimg{ overflow:hidden; margin:0 auto;border-radius:10px;}
.iadvlist li .iadvimg img{ width:100%; margin:0 auto;}
.iadvlist li .iadvtext{ text-align:center; margin-top:24px;}
.iadvlist li .iadvtext h3{ font-size:18px; color:var(--global-white-color); font-weight:normal; line-height:24px;}
.iadvlist li .iadvtext h3:after{ content:""; display:block; width:100px; height:2px; background:var(--global-main-color); margin:15px auto 0;}
.iadvlist li .iadvtext .iadvtextdesc{ font-size:14px; color:#fff; font-weight:lighter; line-height:1.7; margin-top:20px;}
.iadvlist li:hover{ transform:translateY(-10px);}

.iadvlist li .iadvtext .ictitembtn{ justify-content:center; margin:20px 0;}


.isolutionbg, .ifaqbg{ background:#f5f5f5;}
.isolutionqh{ position:relative;}



.iglanceflex{ display:flex; align-items:center; background: #00446e;
	background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 10%, rgb(0, 34, 68) 10%, rgb(0, 34, 68) 10%, rgb(0, 34, 68) 89%, rgb(255, 255, 255) 89%, rgb(255, 255, 255) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=0);}
.iglanceleft{ width:58.33333333%; display:flex; justify-content:flex-end;}
.ifc__stats{margin: 110px 64px 64px 200px; background:#002244;}
.ifc__stats ul{display: flex;  flex-wrap: wrap;  justify-content: center;  width: 100%;}
.ifc__stats li{width: 48%; margin-right: 4%; border-top: 1px solid rgba(255, 255, 255, 0.2);  margin-bottom: 32px;  padding-top: 32px;}
.ifc__stats li:nth-child(2n){ margin-right:0;}
.ifc__stats li .ifc__stats_number{font-size: 50px; line-height: 100%;font-weight: 400;    letter-spacing: -1.5px;margin-bottom: 10px;  color: #00ade4;}
.ifc__stats li .ifc__stats_detail{font-weight: 700;  font-size: 16px;  line-height: 18px;  color: #F0F2F4;  margin: 0px 0px 16px 0px;}

.iglanceright{ width:41.66666667%; padding:60px; background:var(--global-main-color);}
.cmp-teaser{ max-width:450px;}
.cmp-teaser__title{ font-size:50px; color: #fff; margin-bottom:16px;}
.cmp-teaser__description p{color: #fff; font-size: 18px; margin-bottom: 22px;}







.icaselist{ margin-top:40px; padding:10px 0 20px 0; overflow:hidden;}
.icaselist li{ width:auto; margin:0 0 0 0; height:auto;}
.icaselist li a{ display:block; padding:10px; border:#ccc 1px solid; transition:all .2s linear; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; height: 100%;}
.icaselist li a .icaseimg{position: relative;overflow: hidden; height:250px;}
.icaselist li a .icaseimg:after{content: '';position: absolute;left: -100%;top: 0;width:100%;height:100%;background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform: skewx(-25deg);}
.icaselist li a .icaseimg img{ width:100%;  height:100%; object-fit: cover; object-position: top;}
.icaselist li a .icasetext{ padding:10px 0;}
.icaselist li a .icasetext h3{ font-weight:normal; font-size:18px; line-height:1.5; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.icaselist li a .icasetext p{ color:#666; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.icaselist li a:hover{ border:var(--global-main-color) 1px solid; box-shadow:0 10px 20px #e5e5e5; transform:translateY(-8px);}
.icaselist li a:hover .icasetext h3{ color:var(--global-main-color);}
.icaselist li a:hover .icasetext p{ color:var(--global-primary-color);}
.icaselist li a:hover .icaseimg:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.icaselist li a:hover .icaseimg img{}

.icasebtn a{ width:33px; height:64px; position:absolute; top:30%; z-index:3;}
.icasebtn a.icaseprve{ left:-50px; background:url(images/btn_prvered.png) no-repeat center center;}
.icasebtn a.icasenext{ right:-50px; background:url(images/btn_nextred.png) no-repeat center center;}



.ifaqbg .iaboutflex{flex-direction:row-reverse;}
.ifivefaqlist{}
.ifivefaqlist li{ margin-top:20px; background:#f8f9ff; padding:20px; border-radius:5px;}
.ifivefaqlist li .ifivefaqtitflex{}
.ifivefaqlist li .ifivefaqtitflex h3{ padding-bottom:5px; font-size:16px; border-bottom:#ccc 1px solid;}
.ifivefaqlist li .ifivefaqcentcon{ font-size:14px; line-height:1.7; margin-top:5px;}


.ireviewslist{ margin-top:40px;}
.ireviewslist ul{ display:flex; gap:2%;}
.ireviewslist li{ width:32%;}
.ireviewslist li .ireviewslicon{ height:100%; background:#f5f5f5; border-radius:10px; padding:30px;}
.ireviewslist li .ireviewsliflex{ display:flex; align-items:center;}
.ireviewslist li .ireviewsliimg{ width:60px; height:60px; border-radius:100%; overflow:hidden;}
.ireviewslist li .ireviewslitext{ margin-left:20px;}
.ireviewslist li .ireviewslitext h4{ font-weight:normal; font-size:18px;}
.ireviewslist li .ireviewslitext p{ font-size:14px; margin-top:0px;}
.ireviewslist li .ireviewslinr{ font-size:16px; margin-top:20px; line-height:1.6;}





.inewsbg{ background:#fff; background-size:cover;}
.inewslist{ margin-top:50px;}
.inewslist ul{ display:flex; flex-wrap:wrap;}
.inewslist li{ width:32%; margin:0 2% 2% 0;}
.inewslist li:nth-child(3n){ margin-right:0;}
.inewslist li a{ display:block; border-radius:10px; overflow:hidden;}
.inewslist li a .inewsimg{ width:100%; height:230px; overflow:hidden; position:relative;}
.inewslist li a .inewsimg:after{content: '';position: absolute;left: -100%;top: 0;width:100%;height:100%;background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform: skewx(-25deg);}
.inewslist li a .inewstext{ width:100%; padding:20px; background:#fafafa;}
.inewslist li a .inewstext h3{ color:var(--global-primary-color); font-size:18px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.inewslist li a .inewstext .inewsdesc{ color:#666; font-size:14px; line-height:20px; margin:10px 0;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.inewslist li a .inewstext .inewsdate{ background:#eaeaea; padding:5px 10px; display:inline-block; color:#666; font-size:14px; display:none;}
.inewslist li a:hover{ border-color:#008ac0; } 
.inewslist li a:hover .inewstext{ background:#f2f2f2;}
.inewslist li a:hover .inewstext h3{ color:var(--global-main-color);}
.inewslist li a:hover .inewstext .inewsdesc{ color:var(--global-primary-color);}
.inewslist li a:hover .inewsimg:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.inewslist li a:hover .inewsimg img{ transform: scale(1.1);}

.imorenews{ display:flex; margin-top:30px; justify-content:center;}


.footerbg{ background:#00001d; padding:60px 0 40px 0;}
.footer{ display:flex; gap:40px; justify-content:space-between;}
.footerleft{ width:70%;}
.footerlogo{ max-width:250px;}
.footerlogo img{ max-height:90px;}
.footermiddle{ width:30%; display:none;}
.footerright{ width:30%;}
.flogodesc{ font-size:18px; color:#999; margin-top:20px;}
.flogodesc:hover{ color:var(--global-white-color);}
.footertit{ font-size:22px; color:var(--global-white-color);}
.footertit:after{ content:""; display:block; width:40px; height:1px; background:#ccc; margin-top:10px;}
.footermenu, .fcontact{ margin-top:30px;}
.footermenu > ul{ display:flex; flex-wrap:wrap;}
.footermenu > ul > li{ margin-right:20px; margin-bottom:10px;}
.footermenu > ul > li a, .fcontact li{ color:#999; font-size:16px; line-height:1.7;}
.footermenu > ul > li a:hover, .fcontact li:hover{ color:var(--global-white-color);}
.footermenu > ul > li a:hover{ text-decoration:underline;}
.footermenu > ul > li > ul{ display:none;}


.fcontact li{ padding-left:50px; background-repeat:no-repeat; background-position:left center; background-size:30px; margin-bottom:20px; padding-top: 5px;
  padding-bottom: 5px;}
.fcontact li.footemail{ background-image:url(images/footer_icon_email.png);}
.fcontact li.footadress{ background-image:url(images/footer_icon_address.svg);}

.copyrightbg{ background:#00001d; padding:25px 20px; border-top:#CCC 1px solid;}
.copyright{ color:#999; text-align:center;}


/*二级页面开始*/

.erjibanner{ display:block; width:100%; position:relative;}
.erjibannerimg{}
.erjibannerimg img{ width:100%; object-fit:cover; object-position: center;}
.erjibannertext{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); display:flex; justify-content:center; align-items:center;}
.erjibannertext h2{ color:var(--global-white-color); font-size:60px; font-weight:normal; line-height:1.5; text-transform:uppercase;}
.erjibannertext h2:after{ content:""; display:block; width:100px; height:2px; background:var(--global-white-color); margin-top:5px;}
.erjibannertextdesc{ font-size:18px; color:var(--global-white-color); margin-top:10px;}

.erjititlecon{ }
.erjititlecon .erjiititle{ font-size:40px; line-height:1.7; color:var(--global-main-color); }
.erjititlecon .erjiititle:after{ content:""; display:block; width:100%; height:2px; background:var(--global-main-color);}

.erjititlecon.white .erjiititle{ color:var(--global-white-color);}
.erjititlecon.white .erjiititle:after{ background:var(--global-white-color);}

/*核心技术*/
.technologybgall{ position:relative; min-height:800px;}
.coretech{ position:relative; z-index:2;}

.coretechall, .solutionsall{ margin-top:40px;}


.shape {
  position: absolute;
  z-index: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(150deg,var(--global-main-color) 15%,#004f80 60%,#00001d 94%);
}
.shape span {
  width:120px;
  height:120px;
  border-radius:50%; position: absolute;
}
.shape :first-child {
  bottom:auto;
  left:-4%;
  background:hsla(0,0%,100%,.1)
}
.shape :nth-child(2) {
  top:10%;
  right:4%;
  background:hsla(0,0%,100%,.1)
}
.shape :nth-child(3) {
  top:280px;
  right:5.66666%;
  background:hsla(0,0%,100%,.3)
}
.shape :nth-child(4) {
  top:320px;
  right:7%;
  background:hsla(0,0%,100%,.15)
}
.shape :nth-child(5) {
  top:38%;
  right:auto;
  left:1%;
  background:hsla(0,0%,100%,.05)
}
.shape :nth-child(6) {
  top:44%;
  right:auto;
  left:10%;
  width:200px;
  height:200px;
  background:hsla(0,0%,100%,.15)
}
.shape :nth-child(7) {
  right:36%;
  bottom:50%;
  background:hsla(0,0%,100%,.04)
}
.shape :nth-child(8) {
  right:2%;
  bottom:70px;
  background:hsla(0,0%,100%,.2)
}
.shape :nth-child(9) {
  right:2%;
  bottom:1%;
  background:hsla(0,0%,100%,.1)
}
.shape :nth-child(10) {
  right:auto;
  bottom:1%;
  left:1%;
  background:hsla(0,0%,100%,.05)
}
.separator-skew {
	height: 100px;
  bottom: -30px; left:0;
  position: absolute; display:none;
  pointer-events: none;
  overflow: hidden;
  width: 100%;
  transform: translateZ(0);
}
.separator-skew svg{position: absolute;
  pointer-events: none;bottom: 0;}
.fill-white {
	fill: #fff;
}


.coreteachsubtit{ font-size:26px; margin-bottom:20px; color:#00001d;}
.coretechnr p{ margin-bottom:20px; font-size:16px; color:#666;}
.coretechnr p:last-child{ margin-bottom:0;}
.coretechnr p img{ border-radius:10px; margin:0 auto; height:auto;}

.coreteachgx{ position:relative; overflow:hidden;}
.coreteachgx .coreteachimg{ display:block;}
.coretechnritem{ position:relative; display:flex; margin-bottom:40px; border-radius:10px; background:#047fcc; overflow:hidden;}
.coretechnrtext{ width:50%; padding:30px 30px 30px 30px; color:#fff;}
.coretechnrtext h3{ color:#fff !important; font-size:18px; margin-bottom:10px;}
.coretechnrtext ul{ padding-left:20px;}
.coretechnrtext ul li{ list-style:disc; line-height:1.7;}
.coreteachimg{ width:50%; overflow:hidden;}
.coreteachimg img{ width:100%; height:100%; box-shadow: 0 2px 34px #1d76eb33;}


.coretechnritem:nth-child(2n){ flex-direction:row-reverse;}


.coreteachgx .coretechnr{ transition: all 0.3s;}
.coreteachgx .coretechnr p{ color:var(--global-white-color); font-size:20px; line-height:1.8;}
.coreteachgx .coretechnr .coreteachsubtit{ color:var(--global-white-color);}
.coreteachgx .coretechnr .coretechline{ display:block; width:150px; height:10px; background: linear-gradient(90deg, #26c5ff 0%, rgba(255, 255, 255, 0) 100%); margin:20px 0; border-radius:5px;}


.about-content{ margin-top:40px;}
.about-content ul{ margin-bottom:20px; padding-left:20px;}
.about-content ul li{ list-style:disc;}

.iabout_ceoname{ color:#027fe0; font-size:16px;}
.iabout_ceoposition{ font-size:20px; margin-top:0px;}
.iabout_ceoinfo{ margin-top:20px; line-height:1.7;}


.aboutflex{ display:flex; background:var(--global-main-color);}
.aboutleft, .aboutright{ width:50%;}
.aboutleft{ display:flex; justify-content:flex-end; align-items:center; padding-right:60px;}
.aboutleftcon{ max-width:450px; color:#fff;}
.aboutlefttit{ font-size:50px;}
.aboutleftnr{ margin-top:20px;}
.aboutleftnr p{ margin-bottom:20px; font-size:16px;}



.aboutPlansbg .aboutleft{justify-content:flex-start; background:#F0F2F4; padding:0 0 0 60px;}
.aboutPlansbg .aboutleftcon{ max-width:100%; color:#002345;}






.prosystem_content{}
.prosystem_content ul{}
.prosystem_content li{padding-left:25px; line-height:1.7; margin-bottom:20px;}
.prosystem_content li.elementor-icon-list-item{ display:flex; padding-left:0px; margin-bottom:5px;}
.prosystem_content li.elementor-icon-list-item:before{ content:""; display:block; width:20px; height:20px; fill:var(--global-primary-color); /*background:url(images/yduigou.png) no-repeat;*/ }



.proserbg{ padding-bottom:80px;}
.proser_wraplist{}
.proser_wraplist ul{ display:flex;}
.proser_wraplist li{ width:48.5%; margin-right:3%; background:#F0F2F4;}
.proser_wraplist li:nth-child(2n){ margin-right:0;}
.proser_wraplist li .proser_img{}
.proser_wraplist li .proser_textall{ padding:30px; background:#F0F2F4;margin-top: -30px;margin-right: 26px;position: relative;  z-index: 2;}
.proser_wraplist li .proser_textall .proser_texttit{ font-size:24px;}
.proser_wraplist li .proser_textall .proser_textcon{ margin-top:20px;}
.proser_wraplist li .proser_textall .proser_textcon p{ font-size:16px; margin-bottom:20px;}
.proser_wraplist li .proser_textall .ictitembtn{}

.ourproandserlist{ margin-top:40px;}
.ourproandserlist ul{ display:flex; flex-wrap:wrap;}
.ourproandserlist li{ width:32%; margin-right:2%; background:#F0F2F4; margin-bottom:2%;}
.ourproandserlist li:nth-child(3n){ margin-right:0;}
.ourproandserlist li .ourproserimg{}
.ourproandserlist li .ourproser_textall{ padding:30px; background:#F0F2F4;margin-top: -30px;margin-right: 26px;position: relative;  z-index: 2;}
.ourproandserlist li .ourproser_textall .ourproser_texttit{ font-size:24px;line-height: 1.2;}
.ourproandserlist li .ourproser_textall .ourproser_textcon{ margin-top:20px;}
.ourproandserlist li .ourproser_textall .ourproser_textcon p{ font-size:16px; margin-bottom:20px;}




/*解决方案*/

.solutionsall .icaselist ul{ display:flex; flex-wrap:wrap;}
.solutionsall .icaselist li{ width:32%; margin:0 2% 3% 0;}
.solutionsall .icaselist li:nth-child(3n){ margin-right:0; }

/*分页样式开始*/
#pageabc{text-align:center;margin:20px 0 0 0;clear:both;height:auto;overflow:hidden;color:var(--global-primary-color);line-height:23px;}
#pageabc a.noallowed{cursor: not-allowed;}
#pageabc span,#pageabc a{font-size:14px;color:#595757;padding:8px 15px;border:1px solid #313131;text-decoration:none;margin:3px 5px;display:inline-block;text-align:center; border-radius:5px;}
#pageabc a:hover,#pageabc a.current{color:var(--global-white-color);background-color:var(--global-main-color);border:1px solid var(--global-main-color);}
/*分页样式结束*/

.jobemail a{ text-decoration:underline;}
.jobemail a:hover{ color:var(--global-main-color);}

.joblist{ margin-top:40px; margin-bottom:50px;}
.joblist li{ margin-bottom:20px;}
.joblist li:last-child{ margin-bottom:0;}
.joblist li a{ display:flex; font-size:14px; padding:10px 20px; align-items:center; border-radius:30px; background:#f5f5f5;}
.joblist li a:hover{ background:var(--global-primary-color); color:var(--global-white-color);}
.joblist li a .jobtitle{ width:calc(100% - 500px); padding-right:50px; text-transform:capitalize;}
.joblist li a .workplace{ width:150px;}
.joblist li a .jobtime{ width:150px;}
.joblist li a .jobmore{ width:150px; background:var(--global-primary-color); color:var(--global-white-color); text-align:center; padding:10px 0; border-radius:30px;}
.joblist li a:hover .jobmore{ background:var(--global-white-color); color:var(--global-primary-color);}

.aboutvision{ margin-top:40px;}
.aboutsubtit{ text-align:center;}
.aboutsubtit:after{ content:""; display:block; width:100px; height:2px; background:var(--global-primary-color); margin:10px auto 0;}
.aboutvision .iadvlist{}
.aboutvision .iadvlist li .iadvtext h3, .aboutvision .iadvlist li .iadvtext .iadvtextdesc{ color:var(--global-primary-color);}

.coretechall .iaboutrcon p{ display:block; margin-bottom:10px;}

.signle-job{ background:var(--global-white-color); margin-top:30px; padding:40px; min-height:400px; border-radius:10px;}
.signle-job .coretechnr h3{ margin-bottom:20px;font-size: 18px;  font-weight: 600;  color: var(--global-primary-color);  line-height: 25px;}

.coretechnr h1, .coretechnr h2, .coretechnr h3, .coretechnr h4, .coretechnr h5, .coretechnr h6{ margin-bottom:20px;font-size: 18px;  font-weight: 600;  color: var(--global-primary-color);  line-height: 25px;}
.coretechnr h1{ font-size:32px;}
.coretechnr h2{ font-size:24px;}
.coretechnr h3{ font-size:18px;}
.coretechnr h4{ font-size:16px;}
.coretechnr h5{ font-size:14px;}
.coretechnr h6{ font-size:12px;}

.signle-job .coretechnr p{ margin-bottom:15px;}

.singlejobheader{ display:flex; align-items:center; justify-content:space-between;}
.singlejobheader .singlejobheaderleft{ width:calc(100% - 180px);}
.singlejobheader .singlejobback{}
.singlejobheader .singlejobback a{}
.singlejobheader .singlejobback a.publicbtn:before{  content:"";  display:block;  width:16px; transition:all 0.3s;  height:10px;  background:url(images/leftjt.png) no-repeat; background-size:16px;  margin-right:5px}
.singlejobheader .singlejobback a.publicbtn:after{ display:none;}

.sxp{ line-height:30px; border-top:#ccc 1px solid; padding-top:10px; margin-top:40px;}
.sxp span{ margin-right:10px;}
.sxp a:hover{ color: var(--global-main-color);}

/*针对中文设置*/
.zh-hans .fcontact li{ background-size:20px; padding-left: 30px;}
.zh-hans .icaselist li a .icasetext p{  -webkit-line-clamp:2;}
.zh-hans .coretechall .iaboutflex .iaboutright{ align-content: center;}
.zh-hans .ictitemright{bottom: -135px;}


.impact_two{}
.impact_twoflex{ display:flex;}
.impact_twoleft{ width:66.66666667%; padding-right:40px; padding-top:20px;}
.impact_tworight{ width:33.33333333%;}
.impact_twolefttit{font-weight: 500;  font-size: 32px;  line-height: 137.9%;  color: #002345;  padding-left: 30px;  border-left: 2px solid #00ade4;}
.impact_twoleftcon{ margin-top:40px;}
.impact_twoleftcon p{font-weight: 400;  font-size: 20px;  line-height: 33px;  color: #002345;  word-break: break-word;}

.impact_threelist{ margin-top:40px;}
.impact_threelist ul{ display:flex; flex-wrap:wrap;}
.impact_threelist li{ width:48.5%; margin:0 3% 3% 0; background: #F0F2F4; display:flex; align-items:center; padding:10px;}
.impact_threelist li:nth-child(2n){ margin-right:0;}
.impact_threelist li .impact_threelistimg{ background: #00ade4; width:64px; min-height:88px; height:100%; margin-right:20px;}
.impact_threelist li .impact_threelisttext{ width:calc(100% - 84px);}
.impact_threelist li .impact_threelisttexttit{font-size: 40px;    line-height: 100%;    font-weight: 400;}
.impact_threelist li .impact_threelisttextdesc{font-weight: 700;  font-size: 12px;  line-height: 16px; margin-top:10px;  color: #002345;  letter-spacing: 0.13em;  text-transform: uppercase;  display: block;}
.impact_threezs{ margin-top:40px; font-size: 16px;  line-height: 33px;  color: #002345; padding:40px; background:#f5f5f5;}




.header_langcon2{display: flex;
  justify-content: flex-end;}
.header_lang2{ width:165px; position:relative;}

.header_langbtnn{cursor:pointer;display: flex; align-items: center; line-height: 30px; padding: 10px 15px;}
.header_langbtnn img{width: 24px;  height: 16px;  margin-right: 10px;}
.header_langbtnn span{color: #FFF;  font-size: 16px;}
.header_langbtnn:after{ content:""; display:block; width:10px; height:6px; margin-left:10px; background:url(images/icon_langg.png);}
.header_langlist{position: absolute;  z-index: 777;  cursor: pointer;  transition: all .8s cubic-bezier(.3,1.1,.4,1.1);    width:165px; background:#fff; right:0;transform: translateY(20px); visibility:hidden; opacity: 0;}
.header_langlist ul{}
.header_langlist li{}
.header_langlist li a{display: block;  text-decoration: none;  padding: 10px 15px;color: #1D1E28; }
.header_langlist li a:hover{ background:#6070a0; color:#fff;}
.header_langlist ul li img{width: 24px;  height: 16px;  margin-right: 10px;vertical-align: middle;border-style: none;}
.header_langlist ul li span{  font-size: 16px;}

.header_lang:hover .header_langlist{ transform: translateY(0px); opacity:1; visibility:visible;}
.header_lang:hover .header_langbtnn:after{transform: rotate(180deg);}


.col-xl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}