/********************* index.css ********************/

/* _nav */

.header .logo {
	padding-top: 13px;
}

.response-logo,
.key-list-box,
.response-key-text,
.response-key-img {
	display: none;
}

/* .header .nav ul li a{
line-height: 64px;
} */

.response-logo-box {
	display: none;
}

@media screen and (min-width: 680px) {
	.mdui-drawer {
		display: none;
	}
}

.header .nav ul li.nav-index i {
	display: block;
}

.header .nav ul li.nav-index a {
	color: #fff;
}

.log-wrap {
	position: relative;
	z-index: 9999;
}

.banner {
	position: relative;
	width: 100%;
	margin-top: 92px;
}

.banner .content {
	position: relative;
	min-width: 1000px;
	height: 540px;
	overflow: hidden;
	background: #fff;
}

.banner-item {
	width: 100%;
	height: 100%;
}

.banner-item .inner {
	width: 100%;
	height: 100%;
	font-size: 26px;
	color: #fff;
	background-repeat: no-repeat;
}

.banner1 {
	width: 100%;
	height: 100%;
	background-image: url(../images/banner/1.jpg);
	background-position: center;
	background-size: cover;
}

.banner2 {
	background-image: url(../images/banner/2.jpg);
	background-position: center;
	background-size: cover;
}

.banner3 {
	background-image: url(../images/banner/3.jpg);
	background-position: center;
	background-size: cover;
}

.banner4 {
	background-image: url(../images/banner/4.jpg);
	background-position: center;
	background-size: cover;
}

.banner5 {
	background-image: url(../images/banner/banner.png);
	background-position: center;
	background-size: cover;
}

/* nav_ */

.nav-icon .map-b {
	display: none;
}

.nav-list {
	display: none;
}

/*********** _benner ***********/

/*** _登录区 ***/

.log-width {
	position: relative;
}

.log-box {
	position: absolute;
	left: 50%;
	margin-top: 58px;
	margin-left: 165px;
	width: 320px;
	height: 263px;
	background-size: cover;
	text-align: center;
	color: #fff;
	border-radius: 4px;
	z-index: 9999;
}

.login-user i {
	height: 24px;
	line-height: 24px;
	font-size: 18px;
}

.login-user i,
.log-Personal,
.log-Corporate,
.log-Offshore {
	color: #fff;
}

.log-Personal,
.log-Corporate,
.log-Offshore {
	width: 270px;
	height: 50px;
	border-radius: 4px;
	line-height: 50px;
	margin: 7px 0;
	font-size: 16px;
	color: #FFFFFF;
}

.login-user {
	margin: 20px 0 14px;
}

.log-Personal:hover {
	background: #016CD8;
}

.log-Personal {
	background: #074DA6;
}

.log-Corporate {
	background: #0D6DD6;
}

.log-Offshore {
	background: #FC882C;
}

.log-Corporate:hover {
	background: #0481FE;
}

.log-Offshore:hover {
	background: #FF9933;
}

/*** 登录区_ ***/

.top-benner,
.top-inner-benner {
	width: 100%;
	height: 425px;
	position: relative;
	overflow: hidden;
}

.top-benner ul.benner-change,
.top-inner-benner ul {
	position: absolute;
	z-index: 1;
	height: 425px;
	width: 100%;
}

.top-benner ul.benner-change li {
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
	width: 100%;
	height: 100%;
	background-size: cover!important;
}

.top-benner ul.benner-change li a {
	display: block;
	width: 100%;
	height: 100%;
}

.top-benner ul.benner-change li.show {
	opacity: 1;
	z-index: 1;
	filter: alpha(opacity=100);
}

.top-benner ul.benner-change img,
.top-inner-benner ul img {
	width: 100%;
	position: relative;
}

/***********_benner 切换***********/

.benner-main {
	position: relative;
	z-index: 1;
}

.inner .benner-main {
	top: -420px;
}

.ck-slide ul.ck-slide-wrapper li {
	position: absolute;
}

.ck-slide .ck-prev,
.ck-slide .ck-next {
	border-radius: 3px;
	height: 24px;
	text-indent: -9999px;
	margin-top: 1px;
	width: 24px;
	z-index: 2;
	margin-left: -28px;
}

.ck-slide .ck-prev2,
.ck-slide .ck-next2 {
	border-radius: 3px;
	height: 22px;
	text-indent: -9999px;
	width: 22px;
	z-index: 2;
}

.ck-slide .ck-prev {
	background: url("../images/icon/page_left.png") no-repeat scroll 50% center;
	display: block;
	position: absolute;
	left: 32px;
}

.ck-slide .ck-prev2 {
	background: url("../images/icon/page_left.png") no-repeat scroll 50% center;
	display: block;
	position: absolute;
	left: 17px;
}

.search-block .ck-slide .ck-prev2,
.search-block .ck-slide .ck-next2 {
	left: 0px;
	top: 74px;
	border-radius: 25px;
	background-color: #333;
	opacity: 1;
	filter: alpha(opacity=100);
}

.search-block .ck-slide .ck-next2 {
	right: 13px;
	left: auto;
	position: absolute;
}

.ck-slide {
	width: 100%;
	position: relative;
	overflow: hidden;
	padding-top: 94px;
}

.ck-slide .ck-next,
.ck-slide .ck-next2 {
	background: url("../images/icon/page_right.png") no-repeat scroll 50% center;
	float: left;
}

.ck-slidebox {
	bottom: 38px;
	left: 50%;
	position: absolute;
	z-index: 3;
	width: 100%;
}

.ck-slidebox ul {
	/*background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;*/
	border-radius: 25px;
	height: 24px;
	float: left;
	background: rgba(0, 0, 0, 0.5);
	padding: 1px 31px;
}

.ck-slidebox ul li {
	float: left;
	height: 15px;
	margin: 4px 5px;
}

.ck-slidebox ul li em {
	background: url(../images/icon/doc.png) no-repeat;
	cursor: pointer;
	display: block;
	height: 15px;
	text-indent: -999px;
	width: 15px;
}

.ck-slidebox ul li.current em {
	background: url(../images/icon/doc_s.png) no-repeat;
}

.ck-slidebox ul li em:hover {
	background: url(../images/icon/doc_s.png) no-repeat;
}

.inner-benner-change {
	display: block;
	height: 400px;
	left: 50%;
	margin-left: -640px;
	position: absolute;
	width: 1280px;
	z-index: 1;
	overflow: hidden;
}

.inner-benner-change li {
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
	width: 100%;
	height: 100%;
}

.inner-benner-change li a {
	display: block;
	width: 100%;
	height: 100%;
}

.inner-benner-change li.show {
	opacity: 1;
	z-index: 1;
	filter: alpha(opacity=100);
}

.select-box {
	position: relative;
	float: left;
	margin: 0 30px;
}

.select-box:last-child {
	margin-right: 0px;
}

.select-box ul {
	position: absolute;
	display: block;
	border: 1px solid #e1e1e1;
	left: 3px;
	bottom: 37px;
	background: #fff;
	z-index: 11;
	display: none;
}

.select-box ul li {
	width: 266px;
	height: 34px;
}

.select-box ul li a {
	line-height: 34px;
	font-size: 14px;
	text-align: center;
	width: 100%;
	color: #333;
}

.select-box ul li a:hover {
	background: #1076f9;
	color: #fff;
}

/***********benner 切换_***********/

/*********************** KEY RECOMMENDATIONS ***********************/

.h606bgfff {
	height: 606px;
	background: #fff;
}

.main-box .wrap {
	height: 100%;
	width: 100%;
}

.key-module ul li {
	width: 320px;
	height: 460px;
	float: left;
	position: relative;
}

.key-module h2,
.news-module h2 {
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	color: #333333;
	line-height: 24px;
	padding: 44px 0 30px 0;
}

.key-left {
	background: url('../images/key/key_01.jpg') no-repeat;
	background-size: cover;
	margin-right: 20px;
}

.key-center {
	background: url('../images/key/key_02.jpg') no-repeat;
	background-size: cover;
	margin-right: 20px;
}

.key-right {
	background: url('../images/key/key_03.jpg') no-repeat;
	background-size: cover;
	position: relative;
}

.key-hot {
	width: 100%;
	height: 320px;
	position: absolute;
	left: 0;
	top: 0;
}

.key-text-box {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 298px;
	height: 130px;
	opacity: 0.85;
	background: #FFFFFF;
	box-sizing: border-box;
	padding: 18px 12px;
}
/*old height：92px  modify by tansh*/
.key-text {
	position: absolute;
	left: 0;
	bottom: 15px;
	width: 298px;
	height: 100px;
	padding: 18px 10px 15px 12px;
	overflow: hidden;
	z-index: 8;
}
/*add height:20px tansh 20180723*/
.key-text .key-title {
	font-size: 20px;
	color: #000000;
	line-height: 18px;
	margin-bottom: 12px;
	height: 20px;
}
/*add 'text-overflow、white-space、height' tansh 20180823*/
.key-text a {
	width: 251px;/*old:100%*/
	font-size: 14px;
	color: #000000;
	line-height: 10px;
	margin: 5px 0;
	word-break: break-word;/*addby  tansh 20180719*/
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	height:15px;
}

.key-text a.key-icon {
	width: 30px;
	height: 30px;
	z-index: 999999;
	position: absolute;
	right: 12px;
	bottom: 28px;
	width: 30px;
	height: 30px;
	/* background: url('../images/icon/css_sprites.png') -10px -10px; */
}

/* .key-text a.key-icon:hover {
	background: url('../images/icon/css_sprites.png') -60px -10px;
} */

.key-text a:hover {
	color: #0D6DD6;
	text-decoration: underline
}

.key-on-off .key-left-01,
.key-on-off .key-center-01,
.key-on-off .key-right-01 {
	height: 412px;
}

.key-left-02,
.key-center-02,
.key-right-02 {
	display: none;
}

.key-b {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 15px;
	z-index: 99999999;
}

/*********** OVERSEAS BRANCH ***********/

.botton-left {
	width: 240px;
	float: left;
}

.bottom-box {
	background: #F8F8F8;
}

.title {
	font-weight: bold;
	font-size: 24px;
	color: #333333;
	line-height: 24px;
	padding: 44px 0 30px;
}

.bottom-box .text-box {
	float: left;
	text-align: justify;
	width: 414px;
	height: 100px;
	padding-bottom: 40px;
	/* margin-left: 20px;addby  tansh 2017/01/05 */
}

.bottom-box .text-box p {
	line-height: 24px;
	font-size: 14px;
	margin-bottom: 15px;
	padding-right: 15px;
	height: 193px;
	display: none;
}

.bottom-box .text-box p.show {
	display: block;
}

.map-list li {
	float: left;
	width: 327px;
	height: 34px;
	margin-right: 10px;
	margin-bottom: 15px;
	position: relative;
	z-index: 1px;
}

.map-b:first {
	position: relative;
}

.map-b {
	position: absolute;
	right: 12px;
	top: 12px;
	width: 12px;
	height: 12px;
	background: url('../images/icon/css_sprites.png') -154px -78px;
	display: none!important;/*hack for bug */
}

.map-list li a[dateID="1"],
.map-list li a[dateID="2"],
.map-list li a[dateID="3"],
.map-list li a[dateID="4"],
.map-list li a[dateID="5"],
.map-list li a[dateID="6"],
.map-list li a[dateID="7"],
.map-list li a[dateID="8"],
.map-list li a[dateID="9"] {
	background: #ffffff;
	background: #fff url('../images/icon/index_arrow.png') 303px 15px no-repeat;
	color: #333;
	height: 34px;
	display: block;
	font-size: 14px;
	width: 100%;
	line-height: 33px;
	vertical-align: middle;
	border: 1px solid #ccc;
	text-align: left;
	padding-left: 14px;
	vertical-align: middle;
	cursor: pointer;
	overflow: hidden;
	box-sizing: border-box;
}

.map-list li a {
	background: #ffffff;
	color: #333;
	height: 34px;
	display: block;
	font-size: 14px;
	width: 100%;
	line-height: 33px;
	vertical-align: middle;
	text-align: left;
	padding-left: 14px;
	vertical-align: middle;
	cursor: pointer;
	overflow: hidden;
	box-sizing: border-box;
}

.map-list li ul {
	position: relative;
	z-index: 400;
	top: 33px;
	display: block;
}

.map-li ul li:last-child span {
	border-bottom: 1px solid #ccc;
}

.map-li ul li:last-child a {
	border-bottom: 1px solid #ccc;
}

.map-list li ul li {
	margin-right: 0px;
	margin-bottom: 0px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	box-sizing: border-box;
}

.map-list li ul li a {
	background: #fff;
}

.map-list li ul li a:hover {
	background: #0D6DD6;
	color: #fff;
}

.map-list li div {
	overflow: hidden;
}

.hotlink-list {
	display: block;
	height: 38px;
	margin: 0px 0px 20px 0px;
}

.hotlink-list .title {
	font-size: 14px;
	margin-bottom: 0;
	margin-top: 10px;
	padding-right: 70px;
	padding-top: 0;
}

.hotlink-list span,
.hotlink-list a {
	float: left;
	display: block;
}

.hotlink-list .index-span50 {
	height: 1px;
}

/***************

		map.css

************************/

.map-box {
	background: url(../images/layout/map_bk.png) no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	width: 598px;
	height: 331px;
	float: right;
	margin-top: 105px;
	margin-right: 20px
	/* margin-right: 20px;addby tansh 2018/01/05 */
}

.map-box {
	position: relative;
	margin-top: 0px
}

/*modify tansh 2018/01/05  old background:url(../images/icon/map/doc.png) -12px -14px no-repeat;*/

.hotpoint-ul li {
	position: absolute;
	width: 11px;
	height: 11px;
	cursor: pointer;
	background: url(../images/icon/map/doc.png) -15px -17px no-repeat;
}

/*modify tansh 2018/01/05 old:background:url(../images/icon/map/doc.png) -12px -1px no-repeat;*/

.hotpoint-ul li.big {
	position: absolute;
	width: 12px;
	height: 12px;
	cursor: pointer;
	background: url(../images/icon/map/doc.png) -14px 0px no-repeat;
}

/*modify tansh 2018/01/05  old:background:url(../images/icon/map/doc.png) -1px -14px no-repeat;*/

.hotpoint-ul li.show {
	background: url(../images/icon/map/doc.png) 0px -16px no-repeat;
}

.hotpoint-ul li.big.show {
	background: url(../images/icon/map/doc.png) 0px 0px no-repeat;
}

.map-list li span {
	background: #fff;
	height: 34px;
	display: block;
	width: 100%;
	line-height: 33px;
	font-size: 14px;
	vertical-align: middle;
	color: #333;
	text-align: left;
	padding-left: 14px;
	vertical-align: middle;
	cursor: pointer;
	overflow: hidden;
	box-sizing: border-box;
}

.map-list li ul li span {
	background: #fff;
}

.map-list li ul li span:hover {
	background: #0D6DD6;
	color: #fff;
}

/*境外分支机构地图新样式 addby tsh 20171207 start */

.hotpoint-ul li[dateID="101"] {
	left: 200px;
	top: 121px;
}

.hotpoint-ul li[dateID="102"] {
	left: 205px;
	top: 118px;
}

/*add by lys 新增香港子行-点 20180418 */

.hotpoint-ul li[dateID="104"] {
	left: 203px;
	top: 116px;
}

.hotpoint-ul li[dateID="103"] {
	left: 213px;
	top: 117px;
}

.hotpoint-ul li[dateID="201"] {
	left: 430px;
	top: 65px;
	z-index: 100;
}

.hotpoint-ul li[dateID="202"] {
	left: 379px;
	top: 88px;
}

.hotpoint-ul li[dateID="203"] {
	left: 419px;
	top: 57px;
}

.hotpoint-ul li[dateID="204"] {
	left: 203px;
	top: 213px;
}

.hotpoint-ul li[dateID="301"] {
	left: 226px;
	top: 95px;
}

.hotpoint-ul li[dateID="302"] {
	left: 239px;
	top: 94px;
}

.hotpoint-ul li[dateID="401"] {
	left: 183px;
	top: 154px;
}

.hotpoint-ul li[dateID="402"] {
	left: 191px;
	top: 141px;
}

.hotpoint-ul li[dateID="501"] {
	left: 78px;
	top: 47px;
	z-index: 140;
}

.hotpoint-ul li[dateID="502"] {
	left: 95px;
	top: 55px;
	z-index: 145;
}

.hotpoint-ul li[dateID="503"] {
	left: 88px;
	top: 56px;
	z-index: 145;
}

.hotpoint-ul li[dateID="504"] {
	left: 87px;
	top: 55px;
	z-index: 145;
}

.hotpoint-ul li[dateID="601"] {
	left: 256px;
	top: 221px;
}

.hotpoint-ul li[dateID="505"] {
	left: 70px;
	top: 56px;
	z-index: 145;
}

.hotpoint-ul li[dateID="507"] {
	left: 104px;
	top: 54px;
	z-index: 145;
}

.hotpoint-ul li[dateID="506"] {
	left: 80px;
	top: 70px;
	z-index: 145;
}

.hotpoint-ul li[dateID="602"] {
	left: 262px;
	top: 209px;
}

.hotpoint-ul li[dateID="603"] {
	left: 250px;
	top: 226px;
}

.hotpoint-ul li[dateID="701"] {
	left: 491px;
	top: 214px;
}

.hotpoint-ul li[dateID="801"]{
	left:85px;
	top: 215px;
}

/* 迪拜分行 */
.hotpoint-ul li[dateID="901"]{
	left: 117px;
	top: 109px;
}
/*境外分支机构地图新样式 addby tsh 20171207 end */

/*addby  tansh 20180109*/

.bottom-box .text-box p {
	height: 140px;
	word-break: break-word;
	overflow: hidden;
}

.hotpoint-ul li div {
	display: none;
	position: absolute;
	height: 36px;
	padding-left: 16px;
	top: -4px;
	left: 9px;
	background: url(../images/icon/map/line.png) left 13px no-repeat;
}

.hotpoint-ul li.big div {
	top: -3px;
	left: 10px;
}

.hotpoint-ul li div a {
	border-bottom: 1px solid #c8c8c8;
	height: 30px;
	line-height: 32px;
	font-size: 14px;
	padding-left: 7px;
	padding-right: 7px;
	float: left;
	margin-top: 2px;
	white-space: nowrap;
}

.hotpoint-ul li div a i {
	display: block;
	font-size: 10px;
	line-height: 12px;
	white-space: nowrap;
}

.hotpoint-ul li div span {
	display: block;
	float: right;
	height: 5px;
	width: 5px;
	position: relative;
	left: 10px;
	background: url(../images/icon/map/doc2.png) no-repeat;
}

.hotpoint-ul li.show div {
	display: block;
}

.hotpoint-ul li.Tpoint {
	display: block;
	width: 28px;
	height: 36px;
	opacity: 0;
	filter: alpha(opacity=0);
	background: url(../images/icon/map/point.png) no-repeat;
	z-index: 200;
}

/* **********FINANCIAL NEWS********** */

.h280bgfff {
	height: 280px;
	background: #ffffff;
}

.news-module .warp {
	height: 100%;
	width: 100%;
	background-color: #ffffff;
}

.news-module ul li {
	/* flex:auto; */
	width: 326px;
	float: left;
	padding: 30px 0 0 0px;
	/*     width: 238px; */
}

.news-module .iconfont-01 {
	background: url('../images/icon/css_sprites_news.png') -102px -102px;
}

.news-module .iconfont-01:hover {
	background: url('../images/icon/css_sprites_news.png') -102px -10px;
}

.news-module .iconfont-02 {
	background: url('../images/icon/css_sprites_news.png') -194px -10px;
}

.news-module .iconfont-02:hover {
	background: url('../images/icon/css_sprites_news.png') -10px -10px;
}

.news-module .iconfont-03 {
	background: url('../images/icon/css_sprites_news.png') -194px -102px;
}

.news-module .iconfont-03:hover {
	background: url('../images/icon/css_sprites_news.png') -10px -102px;
}

.news-module ul li i {
	border-radius: 50%;
	color: #0D6DD6;
}

.news-module ul li h3 {
	font-size: 24px;
	line-height: 40px;
}

.news-module ul li h4 {
	color: #999;
	display: inline-block;
	text-align: left;
	font-size: 16px;
	line-height: 25px;
}

.news-module .new {
	padding: 56px 0 0 880px;
}

.news-module .new h3 {
	font-weight: bold;
	line-height: 50px;
	font-size: 20px;
}

.news-module .new ol li {
	text-align: right;
	list-style-type: disc;
	line-height: 38px;
	float: left;
	width: 360px;
}

.news-module .new ol li a {
	color: #00b259;
}

.news-module .new ol li i {
	float: right;
}

.news-module i {
	width: 72px;
	height: 72px;
}

/* 鼠标经过改变背景 */

.iconfont-text {
	padding: 20px 14px;
}

.iconfont-text p {
	font-size: 18px;
	color: #333333;
}

.iconfont-text a {
	font-size: 14px;
	color: #0D6DD6;
}

.iconfont-text a:hover {
	text-decoration: underline;
	font-size: 14px;
	color: #2378C9;
}

.news-module h2 {
	padding-top: 44px;
}

.news-module ul {
	margin-left: 20px;
}

/* * * * * * * * * * * bocom* * * * * * * * *  */

/* bocom-module */

.h385bgf8f8f8 {
	width: 100%;
	background-color: #F8F8F8;
}

.bocom-module a {
	display: inline;
}

.bocom-module-top {
	border-bottom: 1px solid #CED2D9;
	padding: 11px 13px;
	margin-bottom: 9px;
	height: 20px;
	line-height: 20px;
}

.bocom-module-title {
	border-left: 6px solid #0B4DAE;
	padding-left: 10px;
	font-weight: bold;
}

.bocom-module .wrap {
	height: 100%;
}

.bocom-module ol {
	display: inline-block;
	padding: 44px 0 65px;
}

.bocom-module .more-text {
	font-size: 14px;
	color: #999999;
}

.bocom-module .more-icon {
	width: 10px;
	height: 10px;
	background: url('../images/icon/css_sprites.png') -104px -138px;
	padding: 0;
	margin: 5px 0 0 4px;
}

.bocom-module ol li {
	background: #fff;
	padding-bottom: 33px;
}

/* margin: 0 10px 20px 0; */

.bocom-module ol li a {
	display: block;
	font-size: 16px;
	height: 16px;
	line-height: 16px;
	color: #333333;
	padding: 6px 20px 6px 16px;
}

.bocom-module ol li a em {
	/*  margin-left: -35px; */
	float: right;
	opacity: 0.7;
	font-size: 12px;
	line-height: 16px;
	color: #666666;
}

.bocom-module ol li {
	/* flex:1; */
	float: left;
	width: 490px;
	/* height: 276px; */
}

.bocom-module ol li:nth-child(1) {
	margin-right: 10px;
}

.bocom-module ol li:nth-child(2) {
	margin-left: 10px;
}

.bocom-module ol li a span {
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 300px;
	display: inline-block;
	box-sizing: border-box;
}

.bocom-module ol li a span:hover {
	color: #0E6ED6;
	;
	text-decoration: underline;
}

.bocom-module .more-text:hover {
	color: #0E6ED6;
	;
}

.bocom-module .more-text:hover em {
	background: url('../images/icon/css_sprites.png') -74px -138px;
}

/*2018年9月7日15:47:06-lys*/
.news-icon{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.ds_first_common {
	background-image: url(../images/icon/icon@3x/icon_foreign_02.png)!important;
}
.ds_first_hover {
	background-image: url(../images/icon/icon@3x/icon_foreign_01.png)!important;
}
.ds_sec_common {
	background-image: url(../images/icon/icon@3x/icon_deposits_02.png)!important;
}
.ds_sec_hover {
	background-image: url(../images/icon/icon@3x/icon_deposits_01.png)!important;
}
.ds_third_common {
	background-image: url(../images/icon/icon@3x/icon_loans_02.png)!important;
}
.ds_third_hover {
	background-image: url(../images/icon/icon@3x/icon_loans_01.png)!important;
}