.cloudbanner{margin:0 auto;height:484px;padding-top:64px;background-image:url(../images/cloud_banner.webp);background-repeat:no-repeat;background-position:center bottom;position:relative;background-color:#167ed8}
.cloudbanner h1{width:100%;display:block;font-size:32px;font-weight:bold;color:#fff;padding-top:100px; line-height: 40px; position: relative; z-index: 99;}
.cloudbanner p{width:571px; display:block; font-size:16px; font-weight:500;color:#fff;line-height:28px;margin-top:30px}
.cloudbanner .content { position: relative; height: 100%;}
.cloud_bannerimg { position:absolute; bottom:30px; right:0px;}
.cloud_tit {margin:0 auto;height:48px;background:rgba(255,255,255,1);box-shadow:0 1px 0 0 rgba(0,0,0,0.2);line-height:48px;}
.cloud_tit span {font-size:18px;color:#4a4a4a;float:left;font-weight:bold;}
.cloud_tit .fr a {color:#4A4A4A; font-size:18px; margin-left:35px; display:inline;}
.cloud_tit .fr a:hover { color:#0091F9;}
.cloudtext { margin:35px auto; color:#767676;font-size:14px; line-height:30px;}
.cloud_tit .content { position:relative;}
.zxfangan {
    float: left;
    width: 134px;
    height: 50px;
    background: #FFFFFF;
    border-radius: 25px;
    line-height: 50px;
    text-align: center;
    color: #000000;
    margin-top: 36px;
    font-size: 18px;
}
.smallnav {	float:right; width:100%;}
.smallnav ul { }
.padded {float:right;}
.smallnav ul li {float:left;display:inline;margin-right:0;list-style:none}
.smallnav ul li a {display:block;color:#4a4a4a;font-size:14px;margin-left:5px;font-weight:normal;text-decoration:none;padding:0 15px;}
.smallnav ul li a:hover {color:#337ab7;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.smallnav ul li.activenav a { color: #337ab7;}
.smallnavfixed { left:0px; top:64px; position:fixed; width:100%; z-index:888; background-color: #0066B2;}
.smallnavfixed span{color:#fff}
.smallnavfixed ul li a{display:block;color:#fff}
.smallnavfixed ul li a:hover {color: #fff; background:#141E62;}
.smallnavfixed ul li.activenav a { color: #fff; background:#141E62;}
.smallnavsmall { display:none;}
.cttll {display: block;height: 115px;font-size: 36px;color: #1F1F1F;line-height: 115px;text-align: left;}
.cttll02 {display: block;height: 115px;font-size: 32px;color: #1F1F1F;line-height: 115px;text-align: center; font-weight: bold;}
.cttll03 {display: block;height: 115px;font-size:24px;color: #1F1F1F;line-height: 115px;text-align: center;line-height:32px;}
.samll_tit {font-size: 20px; color: #1B1B1B;line-height: 25px; padding: 0 75px; display: block;text-align: center;  margin-bottom: 15px;}
.aboutbanner {margin:0 auto;background-image:url(../images/aboutUs.png);background-repeat:no-repeat;background-position:center bottom;position:relative;}
.about { margin-bottom: 60px;}
.about .fr { width: 37%;}
.about .fl { width: 57%;}
.about .fl p { font-size:16px;font-weight:400;color:#1F1F1F;line-height:26px;}
.about .fl p span {color: #007EDC;}
.follows { margin: 0 auto; background-color: #fff;}
.follows ul { margin: 0 -11px; margin-top: 20px;}
.follows ul li { float: left; width: 25%; padding: 0 11px; margin-bottom: 15px;}
.follows ul li .mobkvaluecon { padding: 20px 30px; height:275px; }
.follows ul li:hover .mobkvaluecon {box-shadow:0px 4px 12px 0px rgba(165,176,208,0.64);}
.follows ul li .mobkvaluecon .itojzhiconimg { margin: 0 auto; height: 72px; text-align: center; margin-top: 45px;}
.follows ul li .mobkvaluecon .itojzhiconimg img {width: 65px; height: 55px; display: inline;}
.follows ul li .mobkvaluecon .itojzhiconimg .icon {width: 65px; height: 55px; display: inline;}
.follows ul li .mobkvaluecon h1 {font-size:18px;color:#4A4A4A;line-height:27px; text-align: center; display: block; margin-top: 15px;}
.follows ul li .mobkvaluecon h1 span { font-weight: bold;}
.CoFounder { margin-bottom: 60px;}
.CoFounder ul { margin-top: 50px;}
.CoFounder ul li {float: left; width: 50%; padding: 0 95px; }
.CoFounder ul li .CoFoundercon { color: #3D4D60; text-align: center; font-size:52px;height:170px;line-height: 170px;}
.CoFounder ul li p { display: block; text-align: center;height:64px;font-size:20px;color:#1B1B1B;line-height:32px; margin-top: 15px;}
.wedo { margin: 0 auto; background-color: #fff;}
.wedo ul { margin: 0 -11px; margin-top: 20px;}
.wedo ul li { float: left; width: 33.3%; padding: 0 11px; margin-bottom: 15px;}
.wedo ul li .mobkvaluecon { padding: 20px 10px; height:200px; }
.wedo ul li:hover .mobkvaluecon {box-shadow:0px 4px 12px 0px rgba(165,176,208,0.64);}
.wedo ul li .mobkvaluecon .itojzhiconimg { margin: 0 auto; height: 72px; text-align: center;}
.wedo ul li .mobkvaluecon .itojzhiconimg img {width: 65px; height: 55px; display: inline;}
.wedo ul li .mobkvaluecon .itojzhiconimg .icon {width: 65px; height: 55px; display: inline;}
.wedo ul li .mobkvaluecon h1 {font-size:18px;color:#4A4A4A;line-height:27px; text-align: center; display: block; margin-top: 15px;}
.wedo .content { border-bottom: 2px solid #d8d8d8;}
.absolution { padding: 40px 0;background-color: #fff;}
.absolution .samll_tit  { margin-bottom: 40px;}
.absolution ul { margin: 0px;}
.absolution ul li { float: left; width: 33.3%; padding: 0 40px; height: 114px; margin-bottom: 40px;}
.absolution ul li .aboutlistcon {box-shadow:0px 2px 4px 0px rgba(117,131,147,0.33); background-color: #fff; height: 100%;}
.absolution ul li .aboutlistcon .aboutlistimg { height: 114px; position: relative;}
.absolution ul li .aboutlistcon .aboutlistimg img {height: 114px; width: 100%;}
.absolution ul li .aboutlistcon .aboutlistimg h1 { color: #fff;line-height:40px;font-size:18px; text-align: center; position: absolute; left: 0; right: 0; top:0; line-height: 114px;}
.metszcon {padding: 40px 0; }
.metszcon .fl { width: 74%;}
.metszcon .fl h1 { display: block;font-size:24px;line-height:34px; color: #353F4E;}
.metszcon .fl p { display: block;font-size:18px;line-height:28px; color: #767676; margin-top: 25px;}
.metszcon:nth-child(even) .fl {float: right!important;}
.metszcon:nth-child(even) .fr { float: left!important;}
.metsz {border-top: 2px solid #d8d8d8;}
.metszcon01 {padding: 40px 0; }
.metszcon01 .fl { width: 74%;}
.metszcon01 .fl h1 { display: block;font-size:24px;line-height:34px; color: #353F4E;}
.metszcon01 .fl p { display: block;font-size:18px;line-height:28px; color: #767676; margin-top: 25px;}
.metszcon01:nth-child(even) .fl {float: right!important;}
.metszcon01:nth-child(even) .fr { float: left!important;}
.bps .metszcon02 {padding: 40px 0; border-bottom: 1px solid #d8d8d8;}
.metszcon02 .fr { width: 74%;}
.metszcon02 .fr h1 { display: block;font-size:24px;line-height:34px; color: #006EDD;}
.metszcon02 .fr p { display: block;font-size:16px;line-height:28px; color: #767676; margin-top: 25px;}
.metszcon02:nth-child(even) .fl {float: right!important;}
.metszcon02:nth-child(even) .fr { float: left!important;}
.metszcon02:last-child { border: 0;}
.esblsit { background-color: transparent; margin-bottom: 100px;}
.esblsit ul li .mobkvaluecon { padding: 0px 10px; height:260px; background-color: #fff; padding-top: 60px; }
.eoslist { margin: 0 auto;}
.eoslist ul { margin: 0 -11px; margin-top: 20px;}
.eoslist ul li { float: left; width: 25%; padding: 0 11px; margin-bottom: 15px;}
.eoslist ul li .mobkvaluecon { padding: 0px 10px; height:260px; background-color: #fff; padding-top: 55px; }
.eoslist ul li:hover .mobkvaluecon {box-shadow:0px 4px 12px 0px rgba(165,176,208,0.64);}
.eoslist ul li .mobkvaluecon .itojzhiconimg { margin: 0 auto; height: 72px; text-align: center;}
.eoslist ul li .mobkvaluecon .itojzhiconimg img {width: 65px; height: 55px; display: inline;}
.eoslist ul li .mobkvaluecon .itojzhiconimg .icon {width: 75px; height: 65px; display: inline;}
.eoslist ul li .mobkvaluecon h1 {font-size:18px;color:#4A4A4A;line-height:27px; text-align: center; display: block; margin-top: 15px; font-weight: bold;}
.microService { margin: 60px auto;}
.microService ul { margin:0 -8px;}
.microService .content {border-bottom: 1px solid #D8D8D8; padding-bottom:45px;}
.microService ul li { float:left; width:33.3%; padding:0 8px; margin-bottom:16px;}
.microService ul li .microServicecon { background-color:#fff; height:360px; padding:45px 50px; text-align:center;transition: all 1s;}
.microService ul li .microServicecon .keyProducts_tit { height:64px;}
.microService ul li .microServicecon .keyProducts_tit .icon { height:64px; width:64px;}
.microServicecon h1 { display:block; font-size:18px; font-weight: bold;  color:#0A1633; line-height:24px; margin-top:10px;}
.microServicecon p { display:block; font-size:14px;  color:#767676; line-height:24px; margin-top:10px; text-align:left;}
.microService ul li:hover .microServicecon {box-shadow:0px 4px 12px 0px rgba(165,176,208,0.64);}
.moblie ul li { width:25%;}
.moblie ul li .microServicecon { background-color:#fff; height:300px; padding:30px 20px; text-align:center;transition: all 1s;}
.uccon ul li .microServicecon { height:420px; padding:45px 40px; }
.uccon ul li .microServicecon p { padding: 0 10px;}
.customerslist { margin: 0 auto; margin-bottom: 60px;}
.customerslist ul li { float: left; width: 25%; padding: 0 10px; height: 120px; margin-bottom: 20px;}
.customerslist ul li .aboutlistcon {box-shadow:0px 2px 4px 0px rgba(117,131,147,0.33); background-color: #fff; height: 100%;}
.Customercon { margin-bottom: 60px;}
.Customercon .fl { width: 58%; font-size: 18px;}
.btplss  ul li .mobkvaluecon .itojzhiconimg {
    margin-top: 0px;
}
.qcll ul li .mobkvaluecon .itojzhiconimg {
    margin-top: 0px;
}
.banklist { margin: 0px auto;}
.banklist ul { margin: 0 -12px;}
.banklist ul li { float: left; width: 50%; padding: 0 12px; margin-bottom: 24px;}
.banklist ul li .sollistcon {background:#fff; padding: 0 30px; cursor: pointer;}
.banklist ul li .sollistcon { background-color:#fff; padding:21px 20px 20px 30px;transition: all 1s; height: 160px; position: relative;}
.banklist ul li .sollistcon .keyProducts_tit { font-size:48px;font-weight:bold;color:#000;background:linear-gradient(180deg, rgba(159,171,189,1) 0%, rgba(181,196,210,0) 100%);
-webkit-background-clip:text;-webkit-text-fill-color:transparent;  position: absolute; left: 0; top: 10px; width: 80px; text-align: center;}
.banklist ul li .sollistcon .sollisttext {  margin-left: 60px; }
.banklist ul li .sollistcon .sollisttext h1 {font-size:16px;font-weight:500;color:#0A1633; font-weight: bold; letter-spacing: 0px;} 
.banklist ul li .sollistcon .sollisttext p { display:block; line-height:20px;font-size:14px; color:#767676; margin-top:13px;font-weight:400; min-height:48px;}
.banklist ul li .sollistcon .sollisttext a {width:140px;height:40px;background:rgba(255,255,255,1);border-radius:24px;border:1px solid #0066b2;float:left;text-align:center;line-height:40px;color:#0066b2;margin-top:20px;font-size:14px;transition:all 1s; display: none;}
.banklist ul li:hover .sollistcon {box-shadow:0px 4px 12px 0px rgba(165,176,208,0.64);}
.banklist ul li:hover .sollistcon a {background:#0066B2;border:1px solid #0066B2;color:#fff; transition: transform 250ms ease;}
.banklist01 ul li .sollistcon .keyProducts_tit {
    height: 56px;
    line-height: 56px;
    float: left;
    margin-top: 0px;
}
.banklist01 ul li .sollistcon .keyProducts_tit .icon {
    height: 50px;
    width: 50px;
}
.customermap { position: relative; margin: 0 auto;  margin-bottom: 40px;}
.rm_bank { position: absolute; right: 238px; top:298px; width: 40px; height: 40px;}
.rm_bankcon { position: absolute; right: -120px; bottom:50px;width:289px;height:210px;background:#fff;box-shadow:0px 4px 12px 0px rgba(165,176,208,0.64); display: none; padding: 0 40px;}
.rm_bank:hover .rm_bankcon {display: block;}
.rm_bankcon h1 { display: block; text-align: center; border-bottom: 2px solid #E5E5E5; padding: 20px 0;}
.rm_bankcon p { display: block; text-align: center; line-height:32px;font-size:16px; color: #424751; margin-top: 10px;}
.largestbank { margin: 0 auto; background-color: #fff;}
.largestbank .cttll03 { padding-top: 50px;}
.idatacon .content { border: 0;}
.largestbank  .content {background-image:url(../images/CombinedShape.png);background-repeat:no-repeat;background-position:center bottom; height: 482px; margin-bottom: 40px;}
.largestbank ul li { float: left; width: 25%; padding: 0 10px; height: 118px; padding-top: 40px;}
.largestbank ul li .aboutlistcon {height: 100%;	vertical-align: middle; text-align: center;}
.largestbank ul li .aboutlistcon img { display: inline;}
.achieved { margin-top: 20px; margin-bottom: 60px;}
.achieved  ul { width: 50%; float: left;}
.achieved  ul li { width: 100%; float: left;font-size:16px;line-height:26px; padding-right: 50px; padding-left: 25px; margin-bottom: 20px; position: relative;}
.achieved  ul li span { position: absolute; left: 0; top:9px; width: 8px; height: 8px; background-color: #007CDC;}
.contactbanner h1 { padding-top:140px ; position: relative;}
.contactbanner h1 span { width:60px;height:5px;background:#0074CA; position: absolute; left: 0; top: 120px;}
.tocontact { margin-bottom: 75px;}
.tocontact ul { margin:0 -10px; }
.tocontact ul li { float:left; width:33.33%; padding:0 10px; height:300px;}
.tocontact ul li .keyProductscon { background-color:#fff; padding:41px 50px 0 50px; height:300px;transition: all 1s;}
.tocontact ul li .keyProductscon .keyProducts_tit { margin:0 auto; height:56px; line-height:56px; text-align:center;}
.tocontact ul li .keyProductscon .keyProducts_tit .icon { height:56px;  width:56px; }
.tocontact ul li .keyProductscon .text { display:block; line-height:24px;font-size:22px; color:#0A2639;   text-align:center;font-weight:bold; margin:0 auto; margin-top:25px; margin-bottom: 43px;}
.tocontact ul li .keyProductscon .learnMore {
	text-align:center;
	line-height:54px;
	font-size:18px;
	transition: all 1s;
}
.tocontact ul li .keyProductscon .learnMore01 {
	text-align:center;
	line-height:54px;
	font-size:18px;
	transition: all 1s;
}
.tocontact ul li .keyProductscon .learnMore01 a {color:#137EEA;}
.tocontact ul li .keyProductscon .learnMore a {color:#137EEA;background:#fff;border-radius:8px;	border:1px solid #69ADFF; padding: 14px 45px;}
.tocontact ul li:hover .keyProductscon {box-shadow:0px 4px 12px 0px rgba(165,176,208,0.64);}
.tocontact ul li:hover .keyProductscon .learnMore a {background:rgba(0,102,178,1);border:1px solid rgba(0,102,178,1);color:#fff; transition: transform 250ms ease;}
.contactnei { height: 450px;box-shadow:0px 2px 7px 0px rgba(191,208,228,0.3);background:#fff; margin-bottom: 60px; position: relative;}
.contactnei .contactleft { padding: 40px; width: 365px; height: 100%; position: absolute; left: 0; top:0;}
.contactnei .contactleft h1 { display: block;font-size:22px;font-weight:bold;color:#181818;line-height:32px;}
.contactnei .contactleft p { display: block;font-size:16px;color:#1F1F1F;line-height:32px; margin-top: 20px; padding-left: 30px; position: relative;}
.contactnei .contactleft p span { position: absolute; left: 0; top: 5px; background-image: url(../images/en-icon-contact04.png); width: 16px; height: 21px;}
.contactright { margin-left: 365px; height: 100%;}
.contactright img { width: 100%; height: 100%;}

.cusbanner {margin:0 auto;background-image:url(../images/Customer.png);background-repeat:no-repeat;background-position:center bottom;position:relative;}
.esbbanner {
    background-image: url(../images/esb_banner1.webp);
    background-repeat: repeat;
    background-position: right bottom;
}
.bpsbanner {
    background-image: url(../images/bps_banner1.webp);
    background-repeat: repeat;
    background-position: right bottom;
}
.epbanner {
    background-image: url(../images/yingyongkaifa_banner1.webp);
    background-repeat: repeat;
    background-position: right bottom;
}
.dibanner .cloud_bannerimg { bottom: 0px; right: 0px; top:64px; position: absolute; text-align: right;}
.dibanner .cloud_bannerimg img { max-height: 100%; display: inline;}
.pasbanner {
    background-image: url(../images/pas_banner1.webp);
    background-repeat: repeat;
    background-position: right bottom;
}
.dpbanner {
    background-image: url(../images/zhihuishuju_banner1.webp);
    background-repeat: repeat;
    background-position: right bottom;
}
.metacubebanner {
    background-image: url(../images/metacube_bannerimg.webp);
    background-repeat: repeat;
    background-position: right bottom;
}
.mobilebanner {
    background-image: url(../images/mobile_banner.png);
}
.portalbanner {
    background-image: url(../images/qiyemenhu_banner1.webp);
    background-repeat: repeat;
    background-position: -216px 0;
}
.portalbanner .cloud_bannerimg { position: absolute; top: 85px; right: 0;  bottom: 0; text-align: right; }
.portalbanner .cloud_bannerimg img {max-height: 100%; display:inline;}
.tybanner {
    background-image: url(../images/uc_banner.webp);
}
.bankbanner { background-image: url(../images/Bankingbanner.png);}
.telbanner { background-image: url(../images/Tel.png);}
.energybanner { background-image: url(../images/Energyimg.png);}
.manubanner {background-image: url(../images/Manu.png);}
.contactbanner {background-image: url(../images/Contact.png);}
.btpbanner .cloud_bannerimg {
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.tranbout { background-color: transparent; margin-bottom: 10px;background-color: #fff;margin: 0 auto; padding-bottom: 80px;}
.tranbout .cttll03 {
    padding-top: 50px;
}
.tranbout .box {
    float: none;
	max-width: 1142px;
	margin: 0 auto;
	padding-top: 50px;
}
.tranbout .tab_menu { margin: 0 auto; width: 470px; position: relative;}
.tranbout .fixline {float: left;width: 100%;border-bottom:2px solid #D9D9D9; margin-top: -8px;}
.tranbout .tab_menu li {color:#000;float:left;display:inline;cursor:pointer;height:50px;line-height:50px;font-size:18px;margin:0px 20px;width:195px;text-align:center; padding: 0;}
.tranbout .tab_menu li div {border-top: 0;font-size:18px;}
.tranbout .tab_menu .current div {color:#0855AF;border-bottom:2px solid #0855AF; border-top: 0;}
.tranbout .tab_box {padding:0px;background-color:transparent;margin-top:30px;height:auto;float:left;width:100%;}
.tit_nc { margin: 0 auto; line-height: 27px;font-size: 18px;color: #0264B0;}
.tit_nc img { float: left; margin-right: 10px;}
.nclsit { margin: 15px auto; padding-left: 37px;}
.nclsit dl dd { float: left; width: 33.3%; font-size: 15px;color: #5E5E5E;line-height: 32px;}
.nclsit01 { margin: 15px auto; padding-left: 37px;}
.nclsit01 dl dd { float: left; width: 50%; font-size: 15px;color: #5E5E5E;line-height: 32px;}
.otheruser { float: left; width: 50%;}
.otheruser dl dd {float: left; width: 100%;font-size: 15px;color: #5E5E5E;line-height: 32px; margin-bottom: 15px; min-height: 32px; position: relative;}
.otheruser dl dd span { float: left; width: 140px;font-size: 14px;color: #0264B0; position: absolute; left: 0; top: 0;}
.otheruser dl dd .otherusercon {  margin-left: 140px;border-left:2px solid #D9D9D9; padding-left: 20px;}
.otheruser dl dd p {  display: block;}