h1,h2,h3 { font-weight: normal;}

.ui-page { /* background: url(../images/loan/bgJK.jpg) no-repeat bottom center; */ background-size: 100% 100%; height: auto;}
.center  { height: auto; overflow: hidden;}

.riskManage { letter-spacing: 2px;}
.riskManage .top { margin-top: 140px;}
.riskManage .top .cat { font-size: 30px; margin-bottom: 40px; padding-top: 0; margin-left: 0; }
.riskManage .top .back {
	*display: inline;zoom: 1;display: inline-block; 
	width: 110px; height: 34px; line-height: 34px; color: #fff; text-align: center; background: #1b1a1d; background: rgba(105,112,122,.5);
}
.riskManage .linev { border-bottom: 1px solid #fff;border-bottom: 1px solid rgba(255,255,255,.1);}
.riskManage .content_wrapper { position: relative;}
.riskManage .container { width: 1142px; margin-left: auto; margin-right: auto;}
/* tab contents */
.riskManage .tab_content { width: 997px; float: left; position: relative; overflow: hidden;}
.riskManage .tab_content .item_block { display: table-cell; vertical-align: middle; width: 997px; height: auto;}
.riskManage .tab_content .item_block .wrapper {width: 997px; height: 405px;  }
.riskManage .tab_content .content_list { position: relative;margin-top: 148px; height: 552px;}

/* tab buttons  */
.riskManage .tab_button { position: absolute; right: 0; width: 145px; height: 405px;float: right; padding: 0; margin: 148px 0; }
.riskManage .tab_button .content_list { position: relative;}
.riskManage .tab_button .listWrap { height: 405px; overflow: hidden;}
.riskManage .tab_button li {border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255,255,255,.3);border-left: 1px solid #fff; border-left: 1px solid rgba(255,255,255,.3);}
.riskManage .tab_button li.active,
.riskManage .tab_button li:hover { 
	background: #fff;
	background: rgba(255,255,255,.2);
	transition: all .6s ease-out 0s;
}
.riskManage .tab_button p {	height: 134px; width: 144px; padding: 0 15px; display: table-cell; vertical-align: middle; font-size: 16px; color: #b5b5b5; line-height: 28px; text-align: center;}
.riskManage .tab_button li.active p,
.riskManage .tab_button li:hover p {
	color: #fff;
}
.riskManage .controls-direction a {
	border-left: 1px solid #fff; border-left: 1px solid rgba(255,255,255,.3); text-align: center;
	position: absolute; right: 0; width: 144px; height: 130px;
}
.riskManage .controls-direction a:hover {
	/* background: rgba(80, 94, 112,.75); */
	transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
}
.riskManage .controls-direction .prev {border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255,255,255,.3);top: -130px; }
.riskManage .controls-direction .prev:before {
	content: ''; *display: inline; zoom: 1; display: inline-block; width: 34px; height: 18px; background: url(../images/aboutus/arrow.png) no-repeat; background-position: 0 0;
    position: relative; top: 56px; left: 17px; opacity: 1; filter: alpha(opacity=100);
    transition: all .3s ease-out 0s;
    transform: translate(0,0) rotate(0);

    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}
.riskManage .controls-direction .prev:after {
	content: ''; *display: inline; zoom: 1; display: inline-block; width: 34px; height: 18px;	background: url(../images/aboutus/arrow.png) no-repeat; background-position: -34px 0;
    position: relative; top: 100px; left: -17px; opacity: 0; filter: Alpha(opacity=0);
    transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
    transform: translate(0,0) rotate(0);

    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}
.riskManage .controls-direction .prev:hover:before { position: relative; top: 12px;  opacity: 0; filter: alpha(opacity=0);}
.riskManage .controls-direction .prev:hover:after {	position: relative; top: 56px; opacity: 1; filter: alpha(opacity=100);}
.riskManage .controls-direction .next {border-top: 1px solid #fff; border-top: 1px solid rgba(255,255,255,.3);  bottom: -130px;  }
.riskManage .controls-direction .next:before {
	content: ''; *display: inline; zoom: 1; display: inline-block; width: 34px; height: 18px; background: url(../images/aboutus/arrow.png) no-repeat; background-position: 0 -18px;
    position: relative; top: 56px; left: 17px; opacity: 1; filter: alpha(opacity=100);
    transition: all .3s ease-out 0s;
    transform: translate(0,0) rotate(0);

    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}
.riskManage .controls-direction .next:after {
	content: ''; *display: inline; zoom: 1; display: inline-block; width: 34px; height: 18px;	background: url(../images/aboutus/arrow.png) no-repeat; background-position: -34px -18px;
    position: relative; top: 12px; left: -17px;  opacity: 0; filter: alpha(opacity=0);
    transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
    transform: translate(0,0) rotate(0);

    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}
.riskManage .controls-direction .next:hover:before { position: relative; top: 100px;  opacity: 0; filter: alpha(opacity=0); }
.riskManage .controls-direction .next:hover:after {	position: relative; top: 56px; opacity: 1; filter: alpha(opacity=100); }

.lte_ie8 .riskManage .controls-direction .prev:after { visibility: hidden;}
.lte_ie8 .riskManage .controls-direction .prev:hover:after{ visibility: visible;}
.lte_ie8 .riskManage .controls-direction .prev:before { visibility: visible;}
.lte_ie8 .riskManage .controls-direction .prev:hover:before{ visibility: hidden;}

.lte_ie8 .riskManage .controls-direction .next:after { visibility: hidden;}
.lte_ie8 .riskManage .controls-direction .next:hover:after{ visibility: visible;}
.lte_ie8 .riskManage .controls-direction .next:before { visibility: visible;}
.lte_ie8 .riskManage .controls-direction .next:hover:before{ visibility: hidden;}

/* ------ 轮播内容 ------ */
.riskManage .item_block { color: #fff;}
/* 严谨 */
.riskManage .item_block.yanj {}
.riskManage .item_block.yanj .wrapper .item { width: 33.33%; float: left; overflow: hidden;}
.riskManage .item_block.yanj .wrapper .item img { width: 100%; height: 380px;}
.riskManage .item_block.yanj .wrapper .item .txt {text-align: center; background: #69707a; background: rgba(105,112,122,.85);}
.riskManage .item_block.yanj .wrapper .item .txt .inner { width: 300px; height: 210px; display: table-cell; vertical-align: middle;}
.riskManage .item_block.yanj .wrapper .item .txt .line { display: block; width: 24px; height: 3px; background: #999; margin: 0 auto;}
.riskManage .item_block.yanj .wrapper .item .txt h3 { font-size: 18px; margin-top: 10px; margin-bottom: 20px;}
.riskManage .item_block.yanj .wrapper .item .txt .t { display: block; text-align: center; margin-top: 15px; font-size: 14px;}

/* 五级跟踪管理 */
.riskManage .item_block.genz { }
.riskManage .item_block.genz .wrapper { position: relative; height: 546px;}
.riskManage .item_block.genz .wrapper .hd { position: absolute; top : 0; left: 0;width: 20%; height: 182px; background: url(../images/loan/genz-hd.png) no-repeat top left;}
.riskManage .item_block.genz .wrapper .item { float: left; position: relative; width: 20%;}
.riskManage .item_block.genz .wrapper .item img { width: 100%; height: 182px;}
.riskManage .item_block.genz .wrapper .item .txt {	display: table-cell; vertical-align: middle; width: 20%; height: 182px; color: #fff; text-align: center; background: #69707a; background: rgba(105,112,122,.85);}
.riskManage .item_block.genz .wrapper .item .upper {display: block; text-transform: uppercase; font-size: 24px;} 
.riskManage .item_block.genz .wrapper .item .line { display: block; width: 2px; height: 17px; background: #606060; background: rgba(255,255,255,.3);  margin: 10px auto;}
.riskManage .item_block.genz .wrapper .item .t { font-size: 14px; line-height: 24px; letter-spacing: 3px;}
.riskManage .item_block.genz .wrapper .item.offset { top: 182px;}
/* 四级信用审核评估 */
.riskManage .item_block.pg {}
.riskManage .item_block.pg .wrapper { width: 920px; height: 460px; background: url(../images/loan/bgPg.png) no-repeat top center; background-size: 100%; }
/* 潜在风险管理 */
.riskManage .item_block.qianZai .p1 ,
.riskManage .item_block.qianZai .p2 {
	font-size: 22px;
}
.riskManage .item_block.qianZai .p2 { margin-left: 187px; margin-top: 15px; margin-bottom: 60px;}
.riskManage .item_block.qianZai .item { margin-bottom: 20px; width: 100%;}
.riskManage .item_block.qianZai .item img {width: 34%; height: 216px; float: left; }
.riskManage .item_block.qianZai .item .ctx {
	-webkit-box-sizing: border-box;	box-sizing: border-box; 
	 display: table-cell; vertical-align: middle; 
	 width: 66%; height: 216px;  background: #69707A; background: rgba(105,112,122,.85); padding-left: 50px; padding-right: 60px;
}
.riskManage .item_block.qianZai .item .ctx h3 { font-size: 18px; margin-bottom: 20px;}
.riskManage .item_block.qianZai .item .ctx p { line-height: 34px; font-size: 14px; letter-spacing: 1px;}
/* 严禁的风险管理制度 */
.riskManage .item_block.fx {font-size: 18px; line-height: 30px; }
.riskManage .item_block.fx .p1 { margin-bottom: 70px; /*width: 89%;*/}
.riskManage .item_block.fx .div1 {
	text-align: center; font-size: 26px; line-height: 1.4;
	position: relative; left: 60px;width: 702px; height: 430px; background: url(../images/loan/bgfx.png) no-repeat center center;
}
.riskManage .item_block.fx .div1 .fontB{font-weight: bold}
.riskManage .item_block.fx .div1 .dot { position: absolute;font-size: 18px;}
.riskManage .item_block.fx .div1 .dot .circle { 
	*display: inline; zoom: 1; display: inline-block; width: 15px; height: 15px; background: #fff; border-radius: 50%;
}
.riskManage .item_block.fx .div1 .dot.tc { left: 50%; margin-left: -36px; top: -5px;}
.riskManage .item_block.fx .div1 .dot.tc .circle { display: block; margin-left: auto; margin-right: auto; margin-top: 4px;}
.riskManage .item_block.fx .div1 .dot.bc { left: 50%; margin-left: -36px; bottom: -5px;}
.riskManage .item_block.fx .div1 .dot.bc .circle {display: block; margin-left: auto; margin-right: auto; margin-bottom: 4px;}
.riskManage .item_block.fx .div1 .dot.lc { top: 50%; margin-top: -18px; left: 65px;}
.riskManage .item_block.fx .div1 .dot.lc .circle { margin-left: 10px;}
.riskManage .item_block.fx .div1 .dot.rc { top: 50%; margin-top: -18px; right: 75px;}
.riskManage .item_block.fx .div1 .dot.rc .circle { margin-right: 10px;}
.riskManage .item_block.fx .div1 .cir { position: absolute; }
.riskManage .item_block.fx .div1 .cir .inner  {
	text-align: center; display: table-cell; vertical-align: middle;font-size: 18px;
	width: 116px; height: 116px; background: #fff;line-height: 26px; background: rgba(255,255,255,.75); color: #2f2d31;
	-webkit-border-radius: 50%; border-radius: 50%;
}
.riskManage .item_block.fx .div1 .cir.tl { top: 47px; left: 135px;}
.riskManage .item_block.fx .div1 .cir.tr { top: 47px; right: 148px;}
.riskManage .item_block.fx .div1 .cir.bl { bottom: 47px; left: 135px;}
.riskManage .item_block.fx .div1 .cir.br { bottom: 47px; right: 148px;}
.riskManage .item_block.fx .div1 .txt { position: relative; top: 178px;}

/* 大数据管理系统 */
.riskManage .item_block.dashu .item { margin-bottom: 15px;width: 100%;}
.riskManage .item_block.dashu .ctx { 
	-webkit-box-sizing: border-box;	box-sizing: border-box;
	height: 290px; width: 49%; background: #69707a; background: rgba(105,112,122,.85);
}
.riskManage .item_block.dashu img { width: 51%; height: 290px;} 
.riskManage .item_block.dashu .ctx {position: relative; letter-spacing: 2px; display: table-cell; vertical-align: middle;}
.riskManage .item_block.dashu .ctx:after { 
	content:''; display: block; width: 19px; height: 32px; background: url(../images/loan/arrowDashu.png) no-repeat center;
	position: absolute; right: -19px; top: 50%; margin-top: -16px; background-position: -19px 0;
}
.riskManage .item_block.dashu .item2 .ctx:after { background-position: 0 0; left: -19px; right: auto;}
.riskManage .item_block.dashu .ctx h3 { font-size: 22px; margin-bottom: 18px;font-weight: bold;}
.riskManage .item_block.dashu .ctx p { font-size: 18px; line-height: 30px;}
.riskManage .item_block.dashu .item1 img { float: right;}
.riskManage .item_block.dashu .item2 img { float: left;}
.riskManage .item_block.dashu .item1 .ctx { padding: 0 62px; }
.riskManage .item_block.dashu .item2 .ctx { padding: 0 40px;}

/*字间距*/
.letter0{letter-spacing: 1.5px;}
.letter4{letter-spacing: 4px;}

@media all and (max-height:638px) , (max-width: 1366px) { 
	.riskManage .top { margin-top: 75px;}
	.riskManage .top .cat{margin-bottom: 10px}
	.riskManage .tab_content .item_block .wrapper { width: 997px;}
	.riskManage .tab_content { width: 997px;}

	.riskManage .tab_content .item_block { height: auto;}
	.riskManage .tab_content .item_block .wrapper { height: 405px;}
	
	.riskManage .tab_content .item_block.pg .wrapper { height: 460px;background: url(../images/loan/bgPg-s.png) no-repeat top center;}

	.riskManage .item_block.qianZai .p1, 
	.riskManage .item_block.qianZai .p2 {
		font-size: 20px; margin-top: 15px;
	}
	.riskManage .item_block.qianZai .p2{margin-bottom: 15px}
	.riskManage .item_block.qianZai .item{ margin-bottom: 10px;}
	.riskManage .item_block.qianZai .item img,
	.riskManage .item_block.qianZai .item .ctx { height: 186px;}

	.riskManage .item_block.genz .wrapper .item .txt,
	.riskManage .item_block.genz .wrapper .item img { height: 155px;}
	.riskManage .item_block.genz .wrapper .item.offset{top:155px;}

	.riskManage .item_block.fx .p1{margin-bottom: 10px}
	.riskManage .tab_content .item_block.fx .wrapper { height: 590px;}
	
	.riskManage .item_block.dashu img,
	.riskManage .item_block.dashu .ctx { height: 238px;}

	.riskManage .item_block.yanj .wrapper .item .txt .inner { height: 180px;}
	.riskManage .item_block.yanj .wrapper .item img { height: 320px;}

	.riskManage .container { width: 1132px; padding: 0 10px;float: left;}

	/* 右侧按钮 */
	.riskManage .tab_button{ margin: 148px 0;height: 405px;}
	.riskManage .tab_button .listWrap { height: 405px;}
	.riskManage .tab_button p { height: 135px;}
	.riskManage .controls-direction a { height: 134px;}
	.riskManage .controls-direction .prev { top: -135px;}
	.riskManage .controls-direction .next { bottom: -135px; /* top: 396px!important; */}

	.riskManage .controls-direction .prev:before { top: 41px;}
	.riskManage .controls-direction .prev:hover:after { top: 41px;}

	.riskManage .controls-direction .next:before { top: 41px;}
	.riskManage .controls-direction .next:hover:after { top: 41px;}
}