﻿/* banner
---------------------------------------------------------------------------------------------------*/
.productBanner{
	background:url(img/banner3.png) no-repeat center center;
}
.productBanner1{
	background:url(img/banner4.png) no-repeat center center;
}
.productBanner2{
	background:url(img/banner5.png) no-repeat center center;
}
.productBanner3{
	background:url(img/banner6.png) no-repeat center center;
}
.productBanner4{
	background:url(img/banner7.png) no-repeat center center;
}
/*.productBanner5{*/
	/*background:url(img/banner8.png) no-repeat center center;*/
/*}*/
.productBanner6{
	background:url(img/banner19.png) no-repeat center center;
}
.productBanner7{
	background:url(img/banner20.png) no-repeat center center;
}
.productBanner8{
	background:url(img/recruit.png) no-repeat center center;
}
.productBanner1,
.productBanner2,
.productBanner3,
.productBanner4,
.productBanner5,
.productBanner6,
.productBanner7,
.productBanner8,
.productBanner{
	height:418px;
	_width: expression(((document.compatMode && document.compatMode=='CSS1Compat')? document.documentElement.clientWidth : document.body.clientWidth) < 1000? '1005px' :'auto');
	min-width:100%;
}



.product{
	height:620px;
	margin-top:50px;
}
.productList{
	height:230px;
	width:320px;
	margin:5px 5px 0 0;
	background:#F7F7F7;
	float:left;
	display:inline;
	padding-top:40px;
	text-align:center;
	color:#666666;
}
.productList dt{
	height:90px;
}
.productList dt p{
	height:60px;
	width:96px;
	margin:0 auto;
	background:url(img/icon1.png) no-repeat;
	background-position:left -268px;	
}
.productList span{
	display:block;
	height:14px;
	width:100px;
	margin:0 auto;
	background:url(img/icon1.png) no-repeat;
	background-position:left -868px;	
}
.productList p.icon1{
	background-position:-100px -868px;
	width:66px;
}
.productList p.icon2{
	background-position:-200px -868px;	
}
.productList p.icon3{
	background-position:-300px -868px;
	width:48px;	
}
.productList p.icon4{
	background-position:-400px -868px;
	width:50px;		
}
.productList p.icon5{
	background-position:-500px -868px;	
	width:53px;		
}
.productList p.icon6{
	background-position:-600px -868px;	
	width:63px;	
}
.productList h6{
	line-height:50px;
	font-size:16px;
	color:#333;
}

.productList p{
	color:#666;
}


/* 预付卡发行与受理
---------------------------------------------------------------------------------------------------*/
.prepaidCard,.internet,.crossBorder,.e-commerce,.finance,.user,.cleanCount{
	height:1460px;
	*height:1500px;
}
.suggest-1{
	height:88px;
	background:#F5F5F5;
	border:1px solid #CCCCCC;
	line-height:88px;
	padding:0 25px;
	margin-top:40px;
    font-size:14px;
	color:#666;
}
.pic1{
	height:435px;
	text-align:center;
	margin:45px 0 10px 0;
}
.bg-title{
	height:77px;
}
.bg-title span{
	float:left;
	display:block;
}
.num{
	font-size:75px;
	color:#999;
	width:90px;
	height:77px;
	line-height:79px;
}
.bg-pic{
	height:77px;
	width:55px;
	background:url(img/icon1.png) no-repeat;
	background-position:-500px top;
	
}
.titWord{
	width:490px;
	float:left;
	color:#666;
}
.titWord h3{
	font-size:34px;
}
.titWord p{
	font-size:16px;
	color:#999;
}
.card-1,.card-4{
	line-height:38px;
	font-size:14px;
	color:#666;
}
.card-2{
	height:230px;
}
.card-2 dd,.card-2 dt{
	width:410px;
}
.card-2 dd.width{
	width:553px;
}


/*互联网支付
---------------------------------------------------------------------------------------------------*/
.internet{
	height:2320px;
	*height:2360px;
}

.suggest-2{
	height:100px;
	padding:20px 25px;
	background:#F5F5F5;
	border:1px solid #CCCCCC;
	line-height:24px;
	margin-top:40px;
    font-size:14px;
	color:#666;
}

/*跨境外汇支付
---------------------------------------------------------------------------------------------------*/
.crossBorder{
	height:2512px;
	*height:2530px;
}
.card-3{
	height:410px;
}
.card-3 dd{
	width:425px;
}
.card-3 dt{
	width:320px;
	text-align:left;
}
.card-4{
	height:360px;
}
.card-5{
	height:165px;
}
.card-6{
	height:130px;
}
.card-6 dd{
	width:500px;
}
.card-4 dd{
	width:340px;
	margin-right:50px;
	text-indent:2em;
	margin-top:80px;
	display:inline;
}
.card-4 dt{
	width:410px;
	text-align:center;
}


/*电子商务平台
---------------------------------------------------------------------------------------------------*/
.e-commerce{
	height:2730px;
	*height:2750px;
}
.commerceList{
	margin-top:40px;
	height:300px;
}
.commerceList1{
	height:235px;
}
.width{
	width:320px;
}
.width1{
	width:408px;
}
.list-word{
	width:465px;
}
.list-img{
	width:470px;
	text-align:center;
}
.list-img2{
	width: 350px;
	text-align: center;
	margin-top: 45px;
}

/*金融专业化服务
---------------------------------------------------------------------------------------------------*/
.finance{
	height:1500px;
	*height:1545px;
}

/*商户和用户平台
---------------------------------------------------------------------------------------------------*/
.user{
	height: 1090px;
	*height: 1130px;
}

.userList a{
	display:block;
	height:215px;
	width:260px;
	float:left;
	background:url(img/icon1.png) no-repeat;
	background-position:-632px top;
	margin:40px 0 30px 53px;
	display:inline;
	text-align:center;
}
/*-------add--------*/
.card-3 p{
	text-indent:2em;
}
/*----------清洁算服务----------*/
.cleanCount{
	height:750px;
}


/*-------------add--------------*/
.titWord2{
	width:570px;
}
.commerceList2{
	height:180px;
}
.commerceList3{
	height:275px;
}
.erwei{
	float:left;
	text-align:center;
	font-size:18px;
	color:#666;
	line-height:28px;
	display:inline;
}
.card-4 dd.width{
	width:410px;
	margin-top:0;
}
.titWord3{
	width:635px;
}
.titWord4{
	width:300px;
}
.card-7{
	height:260px;
}
/*修改*/
.lg-font{
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
.bold{
	font-weight: bold;
	color: #000;
}
.card-8{
	height: 420px;
}
.Hotline{
	margin-top: 16px;
	font-size: 18px;
	font-weight: bold;
	color: #000;
}
.special{
	margin-right: 10px;
	font-weight: bold;
	color: #000;
}
/* banner
---------------------------------------------------------------------------------------------------*/
.focusImg1{
	background:url(img/banner8_new.jpg) no-repeat center center;
}
.focusImg2{
	background:url(img/banner22_new.jpg) no-repeat center center;
}
.focusImg3{
	background:url(img/banner_song.jpg) no-repeat center center;
}
.focusImg1,.focusImg2,.focusImg3{
	height:420px;
	width:100%;
}
#focusImg ul{
	overflow:hidden;
	height:420px;
	width:100%;
}
#focusImg li.showImg{ display:list-item;}

.focusOehls {
	width:125px;
	z-index:69;
	height:4px;
	position:absolute;
	bottom:24px;
	right:100px;
}
.focusOehls ul {
	width:155px;
	margin:0 auto;
	overflow: hidden;
	padding-top: 5px;
}
.focusOehls  li {
	float: left;
	width: 34px;
	height:4px;
	font-size:0;
	margin-right:12px;
	cursor: pointer;
	background:#666;
}
.focusOehls  li.current {
	background:#f00;
}
/*修改product5*/
.finance1{
	height: 2080px;
}
.commerceList-s{
	height: 495px;
}


/*---------------------2015年11月20日--新写的----------------------------------------------------------*/
#focusImg ul li a{
	display: block;
	height: 418px;
}
.height_song_01{
	height: 333px;
	margin-bottom: 25px;
}
.height_auto{
	height: auto;
}
.mar_bottom_01{
	margin-bottom: 50px;
}
.date_song{
	height: auto;
	padding-bottom: 45px;
	width: 222px;
	font-size: 20px;
}
.date_song p{
	height: 70px;
	line-height: 70px;
	font-size: 18px;
}
.date_song i{
	top: 24px;
}
.date_song ul li {
    height: 115px;
    line-height: 115px;
}
.date_song li span{
	top: 28px;
}
.process_song{
	height: 544px;
	margin-top: 0px;
	margin-bottom: 15px;
}
.date_song .deed{
	left: 288px;
}
.btn_wrap{
	width: 985px;
	margin: 7px auto;
	min-height: 100px;
	height: auto;
	overflow: hidden;
}
.btn_song_01{
	background:url(img/hai_guan_01.png) no-repeat center center;
	color: #fff;
    display: block;
    float: left;
    font-size: 16px;
    height: 60px;
    line-height: 52px;
    padding-left: 80px;
    text-align: left;
    width: 230px;
    margin: 8px 9px;
}
.btn_song_02{
	background:url(img/hai_guan_02.png) no-repeat center center;
}
.card-2 .wid_350{
	width: 350px;
}
.mar_top_01{
	margin-top: 65px;
}
/*---------------*/
.zuo_wrap{
	width: 985px;
	margin: 0px auto;
	height: auto;
	overflow: hidden;
}
.zuo_left{
	float: left;
	width: 400px;
}
.zuo_right{
	float: right;
	width: 580px;
}
.zuo_left p{
	line-height: 42px;
	font-size: 14px;
	color: #666;
}
/*-------------------------------------------*/
.five_plus_wrap{
	width: 980px;
	height: 600px;
	margin: 0px auto;
	margin-top: 40px;
	margin-bottom: -20px;
	background:url(img/pic_bg_01.jpg) no-repeat  center ;
	position: relative;
	z-index: 1;
	font-family: "微软雅黑";
	color: #e7e8e9;
}
.five_plus_wrap a{
	color: #e7e8e9;
}
.call_song{
	font-size: 32px;
	position: absolute;
	top: 464px;
	left: 50px;
	z-index: 2;
}
.ad_01{
	font-size: 14px;
	position: absolute;
	top: 571px;
	left: 768px;
	z-index: 2;
	font-weight: bold;
}
.ad_02{
	display: block;
	position: absolute;
	top: 538px;
	left: 859px;
	z-index: 2;
	background:url(img/pic_001.png) no-repeat  center ;
	height: 41px;
	width: 105px;
}
.blue_wrap{
	font-size: 20px;
	text-align: center;
	width: 819px;
	height: 41px;
	line-height: 41px;
	background: #00aeef;
	position: absolute;
	right: 30px;
	top: 38px;
	font-weight: bold;
}
.blue_wrap:hover{
	background: #3ccaff;
}
.green_wrap{
	font-size: 20px;
	text-align: center;
	width: 710px;
	height: 41px;
	line-height: 41px;
	background: #8cc63f;
	position: absolute;
	right: 30px;
	top: 133px;
	font-weight: bold;
}
.green_wrap:hover{
	background: #96db3a;
}
.red_wrap{
	font-size: 20px;
	text-align: center;
	width: 602px;
	height: 41px;
	line-height: 41px;
	background: #ae2c2c;
	position: absolute;
	right: 30px;
	top: 229px;
	font-weight: bold;
}
.red_wrap:hover{
	background: #cd4545;
}
.orange_wrap{
	font-size: 20px;
	text-align: center;
	width: 494px;
	height: 41px;
	line-height: 41px;
	background: #f7941e;
	position: absolute;
	right: 30px;
	top: 323px;
	font-weight: bold;
}
.orange_wrap:hover{
	background: #fea841;
}
.yellow_wrap{
	font-size: 20px;
	text-align: center;
	width: 385px;
	height: 41px;
	line-height: 41px;
	background: #fef669;
	position: absolute;
	right: 30px;
	top: 418px;
	font-weight: bold;
}
.five_plus_wrap .yellow_wrap{
	color: #5d8bbd;
}
.yellow_wrap:hover{
	background: #faf489;
}
.blue_pic{
	background:url(img/pic_xin_01.png) no-repeat left  center ;
	color: #e7e8e9;
    height: 0;
    left: 31px;
    padding-top: 95px;
    position: absolute;
    top: 27px;
    width: 82px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}
.green_pic{
	background:url(img/pic_xin_02.png) no-repeat left  center ;
	color: #e7e8e9;
    height: 0;
    left: 139px;
    padding-top: 95px;
    position: absolute;
    top: 123px;
    width: 82px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}
.red_pic{
	background:url(img/pic_xin_03.png) no-repeat left  center ;
	color: #e7e8e9;
    height: 0;
    left: 247px;
    padding-top: 95px;
    position: absolute;
    top: 220px;
    width: 82px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}
.orange_pic{
	background:url(img/pic_xin_04.png) no-repeat left  center ;
	color: #e7e8e9;
    height: 0;
    left: 355px;
    padding-top: 95px;
    position: absolute;
    top: 315px;
    width: 82px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}
.yellow_pic{
	background:url(img/pic_xin_05.png) no-repeat left  center ;
	color: #e7e8e9;
    height: 0;
    left: 463px;
    padding-top: 95px;
    position: absolute;
    top: 410px;
    width: 82px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}
.blue_pic:hover{
	background:url(img/pic_xin_01_over.png) no-repeat left  center ;
}
.green_pic:hover{
	background:url(img/pic_xin_02_over.png) no-repeat left  center ;
}
.red_pic:hover{
	background:url(img/pic_xin_03_over.png) no-repeat left  center ;
}
.orange_pic:hover{
	background:url(img/pic_xin_04_over.png) no-repeat left  center ;
}
.yellow_pic:hover{
	background:url(img/pic_xin_05_over.png) no-repeat left  center ;
}
.wid_985{
	width: 985px;
}
.part_3_wrap{
	height: auto;
	overflow: hidden;
	margin-bottom: 65px;
}
.part_3_bg{
	background:url(img/img14.png) no-repeat left  center ;
	width: 418px;
	height: 227px;
	float: right;
}
.flo_left{
	float: left;
	width: 515px;
}s
.internet_auto{
	height: auto;
	overflow: hidden;
}
.mar_top_bottom{
	margin-top: 45px;
	margin-bottom: 10px;
}
*{
	padding:0;margin: 0;
}
/*2018年12月18日   为了兼容360，所以有些代码比较啰嗦，在改之前请看看360是否正常*/
.title .emailBox{
	position: relative;
	display: inline-block;
	margin-left: 10px;
	padding: 0 33px 0 44px;
	font-size: 16px;
	color: #676767;
	line-height: 37px;
	background: #F7F7F7;
}
.title .emailBox img{
	position: absolute;
	top:10px;
	left: 10px;
	width: 20px;
}
.mainBox .titleBox{
	padding:34px 0 19px 0;
	width: 100%;
	font-size: 15px;
	font-weight: 600;
	line-height:40px ;
}
.mainBox .titleBox ul{
	display: inline-block;
	
}
.mainBox .titleBox h3{
	float: left;
	font-size: 15px;
	font-weight: 600;
}
.mainBox .titleBox ul li{
	float: left;
	margin-left: 20px;
	padding: 0 13px 0 13px;
	border:1px solid #676767;
	color: #676767;
	line-height:40px ;
	font-size: 15px;
	cursor: pointer;
}
.mainBox .titleBox ul .active{
	color:#FF0000 ;
	border:1px solid #FF0000;
}
.clearfix:after {
    display:block;
    content:"";
    clear:both
}
.clearfix {
    zoom:1
}
.recruitTitle{
	padding-left:1%;
	width: 99%;
	height:60px;
	background: #F7F7F7;
	color: #676767;
	font-size: 16px;
}
.recruitTitle li{
	margin:0 32px;
	float: left;
	width: 64px;
	text-align: center;
	line-height: 60px;
	
}
.recruitTitle li:nth-child(1),.listBox .listChild ol li:nth-child(1){
	/* margin-left:0; */
}
.recruitTitle li:nth-last-child(1),.listBox .listChild ol li:nth-last-child(1){
	margin-right:0;
	cursor: pointer;
}
.listBox {
	width: 100%;
	color: #676767;
	font-size:16px ;
}
.listBox .listChild{
	/* padding-left:1%; */
	width: 100%;
	border-bottom:1px solid #F7F7F7 ;
}
.listBox .listChild .clearfix {
	padding-left:1%;
	width: 99%;
	/* border-bottom:1px solid #F7F7F7 ;	 */
}
.listBox .listChild .clearfix:hover{
	background: #f4f4f4;
}
.listBox .listChild >ol li{
	float: left;	
	margin:0 32px;
	width: 64px;
	height:89px;
	line-height: 89px;
	text-align: center;
}
.listBox .listChild >ol{
	height:89px;
}
.listChild>:nth-last-child(1){
	margin-top:30px;
}
.listBox .listChild .clearfix img{
	display: inline-block;
	width: 16px;
}
.listBox .listChild .lookBtnClose,.listBox .listChild .lookBtnOpen,.recruitTitle li.lookBtn{
	width: 48px;
}
/* .listBox .listChild:hover{
	background: #f4f4f4;
} */
.listBox .fontMainBox
{
	display: none;
    /* padding-left: 16px; */
    width: 99%;
    padding-left: 1%;
    margin: 0 32px;
}
.listBox .fontMainBox ol{
	font-size: 15px;
    line-height: 30px;
    padding-left: 18px;
}
.listBox .fontMainBox img{
	margin-right:10px;
	width: 8px;
}
.listBox .seatEl{
	padding-bottom:39px;
	padding-top: 20px;
}
.listBox .listChild >ol .widthEl,.recruitTitle .widthEl{
	text-align: left;
	width:150px;
}

