/**鐧诲綍鍓嶅悇椤甸潰**/

/**鐧诲綍鍓嶅ご閮�**/
.header{border-bottom: 1px solid #eee; box-shadow: #eee 0px 20px 0px;}
.header_top{margin: 0 auto; max-width: 1180px; overflow:hidden; padding: 0 10px;}
.header_menu{ padding: 20px 10px 0;height: auto;margin: 0 auto; max-width: 1180px; overflow:hidden;}
.header_menu>.logo a{ background: url(../images/logo.png) no-repeat;width:130px;height:39px; display:block;}
.header_menu ul{ float:left; margin-left:10px;}
.header_menu ul li {display: inline-block; padding: 6px 2px 5px;border-bottom: 4px solid #fff;margin-right:10px;transition:0.3s;}
.header_menu ul li.select,.header_menu ul li:hover {border-bottom: 4px solid #87ba23; color:#87ba23;}
.header_menu ul li>a {padding: 0 5px 6px; font-weight: 300; font-size: 18px; text-decoration: none; height: 39px; display: inline-block; color: #333; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent;}
.header_menu>ul>li>a.select {color: #598700;}

/**甯姪椤甸潰**/
.already_left {float: left;width: 780px;}
.already_left_top{ padding:10px 0; overflow:hidden;}
.already_left_inp{ background:url(../images/ico_search.png) no-repeat left center #fff; padding-left:20px;}
.already_left>.problem{padding:20px 0;}
#side_nav ul{display:none}
.already_left>.problem ul li{ padding:10px; border-bottom:1px dashed #eee;}
.already_left>.problem ul li:hover{ background:#f8f8f8;}
.already_left>.problem02{padding:20px 0;}
.already_left>.problem02 ul li{ padding:10px; cursor:pointer;}
.already_right {border-radius: 5px;float: right;width: 270px; margin-top: 30px;}
.already_right01,.already_right02{ border:1px solid #eee; padding:20px; border-radius: 3px; margin-bottom:20px;}
.already_right01>.telephone{ background:url(../images/u59.png) no-repeat; padding-left:60px;margin-top:20px; color:#666;}
.already_right02>.mail{ background:url(../images/u87.png) no-repeat; padding-left:70px; margin-top:10px; min-height:100px;color:#666;}


/***鐧诲綍鍓嶅簳閮�***/
.foot_body {background: #F8F8F8; font-size: 12px; color: #999; padding: 20px 0;}
.foot_body>ul {text-align: center; height: 30px; line-height: 30px;}
.foot_body>ul>a {color: #707070; margin: 0 5px;}
.footmenu {overflow: hidden;}
.footmenu_bg {background: #dbeff9;overflow: hidden;}
.footmenu_bg .footmenu_content {max-width: 1180px; margin: 0 auto; padding:0 10px;}
.footmenu .mleft {float: left; padding: 5px 0; overflow: hidden;}
.footmenu .mleft a {color: #004688; display: block; float: left; text-align: left; margin-right: 20px; line-height: 23px; padding:5px 0;}

.footcopy {font-size: 12px; padding: 15px 0 22px 0; line-height: 25px; }
.footcopy a {margin-right: 25px; white-space: nowrap;font-weight: normal; color: #666;}
.footcopy_bottom { max-width: 1180px; margin: 0 auto;overflow:hidden; padding:0 10px;}
.footcopy_bottom ul {float: left;}
.footcopy_bottom p {float: right; text-align: right; color: #888;}
.icon_pci,.mleft_ico01, .mleft_ico02, .mleft_ico03, .mleft_ico04, .mleft_ico05, .mleft_ico06, .mleft_ico07, .mleft_ico08, .mleft_ico09 {background: url(../images/epay_indexico.png) no-repeat;width: 24px;height: 24px;display: inline-block;vertical-align: middle;}
.mleft_ico01:hover,.mleft_ico02:hover,.mleft_ico03:hover,.mleft_ico04:hover {
opacity: 0.8;}
.mleft_ico01 {background-position: 0px 0px; margin-right: 5px;}
.mleft_ico02 {background-position: 0px -25px; margin-right: 5px;}
.mleft_ico03 {background-position: 0px -50px; margin-right: 5px;}
.mleft_ico04 {background-position: 0px -75px; margin-right: 5px;}
.mleft_ico05 {background-position: 0px -100px; margin-right: 5px;}
.mleft_ico06 {background-position: 0px -123px; margin-right: 5px;}
.mleft_ico07 {background-position: 0px -147px; margin-right: 5px;}
.mleft_ico08 {background-position: 0px -172px; margin-right: 5px;}
.mleft_ico09 {background-position: 0px -197px; margin-right: 5px;}
.icon_pci{background: url(../images/PCI-logo-s.png) no-repeat; margin-right: 5px;}

/**缃戠珯鍦板浘**/
.sitemapbox{padding:20px 0; overflow:hidden;}
.sitemapbox_ico01,.sitemapbox_ico02,.sitemapbox_ico03,.sitemapbox_ico04{vertical-align: middle;background:url(../images/epay_sitemap.png) no-repeat; margin:20px auto 40px auto;display: block;}
.sitemapbox_ico01{background-position: -1px -1px;width:60px;height:49px;}
.sitemapbox_ico02{background-position: -1px -50px;width:60px;height:60px;}
.sitemapbox_ico03{background-position: -1px -111px;width:60px;height:60px;}
.sitemapbox_ico04{background-position: -1px -172px;width:60px;height:60px;}
 .sitemapbox h2{ border-bottom:1px solid #eee; padding:20px 10px; overflow:hidden; font-size: 14px; margin-bottom:20px;}
 .sitemapbox ul li{width:19%; float:left; margin:0 13px;list-style:none outside; background: #f3fbfe;border-radius: 30px;padding:20px;}
 .sitemapbox ul li a{width:100%;padding:5px; display:block;font-size:14px; text-decoration:none;color:#333;color:#00469c;}
 .sitemapbox ul li a:hover{color:#00469c;text-decoration: underline;;}
 
 /***鍙嬫儏閾炬帴***/
.apply_btn{font-size:14px;padding:0 20px;font-weight:normal;min-height:30px;height:30px;line-height:30px;margin-top:10px;}
.apply_btn>i{position:relative;top:3px;margin-right:5px;}
.links_div{min-height:350px;}
.links_div>a{border:1px solid #ececec;margin:5px;padding:5px;text-align:center;display: inline-block;}
.links_div>a>img{height:60px;}
.apply_btn_div{border-top:1px solid #D7D7D7;text-align:center;margin:20px 0;padding:20px 0;}
.apply_btn_div>a{margin:0 10px;}
.apply_logos{border:1px solid #CCC;}
.apply_logos>.div1{margin:20px;overflow:hidden;}
.apply_logos>.div2{height:50px;text-align:center;line-height:50px;background:#EEE;}

/**affiliate**/
.affiliate{margin:0 10px;}
.affiliate a{cursor: pointer; display: inline-block;}
.affiliate_xmp{margin:20px auto;word-break:break-all;width:90%;}
.affiliate_pou {background-color: #fff;left: 40%;top: 50%;width:37%;margin: -200px 0 0 -200px;position: fixed !important; position: absolute;z-index: 5;border-radius: 5px;
display: none;text-align: left;font-size: 14px;line-height:30px;color: #666;overflow: auto;max-height:750px;}
.affiliate_pou .close {height: 24px;line-height: 18px;text-align: right;height: 24px;line-height: 18px;width:100%;}

/****閫夋嫨鎴戜滑****/
.why_img_div{overflow:hidden;}
.why_img_div>ul{border:1px solid #EAEAEA;padding:25px 20px;}
.why_img_div .title{min-height:90px;}
.why_img_div .content{min-height:430px;}
.why_img_div a{width:35px;height:35px;background:url(../images/whyus_15.png);position:absolute;display:none;}
.why_img_div .why_a1{margin:140px 0 0 108px;}
.why_img_div .why_a2{margin:150px 0 0 110px;*margin:150px 0 0 -360px;}
.why_img_div .why_a3{margin:150px 0 0 330px;*margin:150px 0 0 -140px;}
.why_img_div .content:hover>a{display:block;}
.why_img_div>.left_ul{width:238px;}
.why_img_div>.left_ul img{width:100%;}
.why_img_div>.right_ul{width:476px;}

/**娉曞緥鍗忚**/
.menuleft{width:200px;float:left;}
.menuleft h2{padding:30px 20px 15px 50px; color:#333; background:url(../images/epay_men01.gif) no-repeat 20px 15px;font-size: 16px;border-bottom:1px solid #ddd; }
.menuleft ul{overflow: hidden;}
.menuleft ul li{border-left:3px solid #fff;}
.menuleft ul li:hover{border-left:3px solid #00479d;}
.menuleft ul li a{padding:15px 25px;display: block;color:#666;border-bottom:1px solid #efefef;}
.menuleft ul li a:hover{background:url(../images/epay_menu.png) no-repeat 168px center;text-decoration: none;color:#004688;font-weight: bold;}
.menuleft .menuleft_hover{border-left:3px solid #00479d;background:url(../images/epay_menu.png) no-repeat 168px center;text-decoration: none;color:#00479d;font-weight: bold;}
.menuleft .menuleft_hover a{color:#00479d;}
.aboutright{width:858px;float:left;border-left:1px solid #eee;padding:20px 50px 50px;min-height:600px;}
.aboutright .about_top{border-bottom: 1px dashed #ccc; background:url(../images/epay_about01.gif) no-repeat right bottom;padding:40px 20px 10px;font-weight: lighter;font-size: 30px;margin-bottom:15px;overflow:hidden;}
.aboutright .img{padding:5px;border: 1px solid #eee;}
.aboutright .about_text{line-height: 24px;color:#666; padding:10px;}
.aboutright .about_text h3{padding:20px 0 10px;color:#004688; font-size: 16px;}

/**灏忛敭鐩�**/
#keyboardInputMaster { position: absolute; border: 1px solid #ccc; color: #666; background: #fff; text-align: left; z-index: 1000000; width: auto; box-shadow:1px 1px 5px rgba(0,0,0,0.3);padding-top:5px;}

#keyboardInputMaster thead tr th { text-align: left; padding: 2px 5px 2px 4px; background: inherit; border: 0px none; }
#keyboardInputMaster thead tr th select,
#keyboardInputMaster thead tr th label { color: #999; font: normal 11px Arial,sans-serif; }
#keyboardInputMaster thead tr th select {height: 20px; line-height: 20px; border: 1px solid #ccc; padding:0 0 0 5px;margin-right:15px;}
#keyboardInputMaster thead tr th select:hover {border: 1px solid #ccc;}
#keyboardInputMaster thead tr td { text-align: right; padding: 2px 4px 2px 5px; background: inherit; border: 0px none; }
#keyboardInputMaster thead tr td span { padding: 2px 5px; font: bold 11px Arial,sans-serif; background: #ccc; color:#666; cursor: pointer; margin-right:5px;}
#keyboardInputMaster thead tr td span.pressed {background: #bbb; }

#keyboardInputMaster tbody tr td { text-align: left; margin: 0px; padding: 0px 4px 3px 4px; }
#keyboardInputMaster tbody tr td div { text-align: center; position: relative; height: 0px; }
#keyboardInputMaster tbody tr td div#keyboardInputLayout { height: auto; }
#keyboardInputMaster tbody tr td div#keyboardInputLayout table { height: 30px; white-space: nowrap; width: 100%; border-collapse: separate; }
#keyboardInputMaster tbody tr td div#keyboardInputLayout table.keyboardInputCenter { width: auto; margin: 0px auto; }
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td { vertical-align: middle; padding: 0px 10px; white-space: pre; font: normal 11px 'Lucida Console',monospace; border: 2px solid #fff;background: #eee; cursor: default; }
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.last { width: 99%; }
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.alive { background-color: #ccccdd; }
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.target { background-color: #ddddcc; }
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.hover {background: #8EC31E; color:#fff;}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.pressed,
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.dead { background-color: #cccccc; }

#keyboardInputMaster tbody tr td div var { position: absolute; bottom: 0px; right: 0px; font: bold italic 11px Arial,sans-serif; color: #444444; }

.keyboardInputInitiator {position:absolute;margin:9px 0 0 -30px; vertical-align: middle; cursor: pointer; }

.ov-el {
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* tc */
.tc_lblue{ color:#00479D !important; }

.bgc_ebebf4{ background-color:#ebebf4;}
.bgc_87ba23{background: #87ba23 !important; }
.bgc_f3f6fa {background: #f3f6fa  !important; }

.pad_none{ padding:0 !important;}

.fw_bold{ font-weight:bold;}

/* epay */
.bl_hbanner{
	width:100%;
	overflow:hidden;
	position:relative;
}

.bimg_full{
	width:100%;
}

/* bg_b */
.bg_b01{
	background:url(../images/epay_index02.jpg) no-repeat center ;
	background-size:auto 100%;
	height:780px;
}
.bg_b02{
	background:url(../images/epay_index08.jpg) no-repeat center ;
	background-size:auto 100%;
	height:530px;
}
.bg_b03{
	background:url(../images/epay_payment.jpg) no-repeat center ;
	background-size:auto 100%;
	height:530px;
}
.bg_b04{
	background:url(../images/epay_payment_05.jpg) no-repeat 200px center #ebebf4  ;
	background-size:auto 100%;
	height:530px;
}
.bg_b05{
	background:url(../images/epay_receivables_02.jpg) no-repeat center #ebebf4  ;
	background-size:auto 100%;
	height:530px;
}
.bg_b06{
	background:url(../images/epay_receivables_34.jpg) no-repeat right bottom #f2f2f2  ;
	background-size:auto 85%;
	height:460px;
}
.bg_b07{
	background:url(../images/epay_receivables_19.jpg) no-repeat right bottom #f1e8e8  ;
	background-size:auto 100%;
	height:460px;
}
.bg_b08{
	background:url(../images/epay_cambist.jpg) no-repeat center   ;
	background-size:auto 100%;
	height:530px;
}
.bg_b09{
	background:url(../images/epay_receivables_17.jpg) no-repeat right bottom #f1e8e8  ;
	background-size:auto 100%;
	height:531px;
}
.bg_b01 img,
.bg_b02 img,
.bg_b03 img,
.bg_b04 img,
.bg_b05 img,
.bg_b06 img,
.bg_b07 img,
.bg_b08 img,
.bg_b09 img{ display:none;}
.text_hbanner{
	position:absolute;
	top:26%;
	width:1200px;
	margin-left:-500px;
	left:50%;
	height:100%;
	font-size:48px;
}
.tx_hr{
	margin-left:10px;
	width:48%;
}
.text_hbanner h2,
.text_bgl h2{
	font-size:1em;
	font-weight:bold;
}
.a_fs_30{
	font-size:.625em !important;
}
.a_fs_36{
	font-size:.75em !important;
}
.text_hbanner p,
.text_bgl p{
	font-size:.334em;
	margin:.5em 0 1em;
}
.text_hbanner a,
.text_bgl a{
	font-size:.25em;
}
.bl_hicon{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
.hb_iconbl,
.text_hicon{
	width:50%;
	float:left;
	overflow:hidden;
}
.hb_iconbl{
	text-align:center;
	padding:10% 0;
}
.hb_iconbl img,
.hb_iconin{
	width:76%;
	margin:0 auto;
	overflow:hidden;
}
.hb_iconin{
	width:80%;
}
.hb_iconin span{
	display:block;
	margin-top:5%;
	float:left;
	width:33%;
	font-size:18px;
}
.text_hicon{
	padding:10% 0;
}
.text_hicon > *{
	margin-left:5%;
}
.text_hicon h2{
	padding:2% 0 0;
	font-weight:bold;
}
.text_hicon p{
	padding:2% 0;
	font-size:16px;
}
.bg-l{
	background:#eff1f1;
	padding:7% 0;
	overflow:hidden;
}
.bg-r{
	background:#87BA23 ;
	padding:7% 0;
	overflow:hidden;
}
.bg-l .hb_bgl,
.bg-r .hb_bgr{
	width:40%;
	float:left;
	text-align:center;
}
.bg-l img{
	max-width:300px;
	width:80%;
}
.bg-r img{
	max-width:490px;
	width:100%;
}
.size_larg img{
	max-width:520px;
}
.text_bgl{
	width:50%;
	margin-left:7%;
	float:left;
	font-size:48px;
}
.text_bgl h2{
	padding:8% 0 1%;
}
.bl_htext{
	width:100%;
	text-align:center;
	font-size:30px;
	padding:6% 0; 
}
.bl_htext h2{
	font-size:1em;
	padding-bottom:1%;
}
.bl_htext p{
	font-size:.53em;
	padding-bottom:1%;
}
.bl_htext a{
	font-size:.47em;
}
.paymenttxt02 {
    background: #00479d ;
    min-height: 130px;
    overflow: hidden;
    width: 100%;
}
.paymenttxt02_txt {
    color: #dee7f3;
    margin: 1% auto;
    width: 100%;
    max-width: 1200px;
	overflow:hidden;
}
.bl_pt_half{
	width:45%;
	margin-left:5%;
	float:left;
	overflow:hidden;
	font-size:18px;
	height:110px;
}
.bl_pt_half:nth-child(2n+1){
	margin-left:0;
}
.bl_pt_half h2{
    color: #dee7f3;
    margin: 25px 10px 0 120px;
	font-weight:bold;
    font-size: 1em;
}
.bl_pt_half p{
    color: #dee7f3;
    font-size: .67em;
    margin: 10px 10px 20px 115px;
}
.pt_icon01{
    background: rgba(0, 0, 0, 0) url("../images/epay_payment_06.png") no-repeat 10px center;
}
.pt_icon02{
    background: rgba(0, 0, 0, 0) url("../images/epay_payment_09.png") no-repeat 10px center;
}
.pt_icon03{
    background: rgba(0, 0, 0, 0) url("../images/epay_receivables_03.png") no-repeat 10px center;
}
.pt_icon04{
    background: rgba(0, 0, 0, 0) url("../images/epay_payment_08.png") no-repeat 10px center;
}
.bimg_half{
	position:relative;
	top:0;
	right:50%;
	background-position: center right;
	height:530px;
	width:inherit;
}
/* other no adapt */
.min_w1200{
	overflow:auto;
	min-width:1200px;
}

.img_full{
	width:100%;
	margin:20px 0;
}
.img_full img{
	width:100%;
}
.img_auto{
	width:100%;
	text-align:center;
}
.img_auto img{
	max-width:98%;
}
.img_frame01{
	border:1px solid #e1e1e1;
	padding:5px;
	box-sizing:border-box;
}
.icon_event_01{
	width:6px;
	height:8px;
	background:url(../images/icon_index_nologin.png) no-repeat left top;
	margin:21px 2px 0;
	float:left;
}
.ab_event_ul{
	width:100%;
	margin:10px auto;
}
.ab_event_ul li{
	padding:5px 0;
	height:50px;
	line-height:50px;
	border-bottom: 1px dashed #ccc;
}
.ab_event_ul li:last-child{
	border-bottom: none;
}
.ab_event_ul h3{
	float:left;
	font-size:14px;
	text-indent:.5em;
	color:#333;
	max-width:760px;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ab_event_ul .date{
	float:right;
	font-size:12px;
	color:#999;
}
.ab_event_h3{
	width:100%;
	margin:10px 0;
	font-size:18px;
	text-align:center; 
}
.h_btn_green,
.h_btn_blue{
	display:inline-block;
	color:#fff !important;
	border-radius:2px;
	text-align:center;
	width:18em;
	height:3.5em;
	line-height:3.5em;
}
.h_btn_green b,
.h_btn_blue b{
	display:none;
}
.h_btn_green{
	font-size: 0.292em !important;
	background-color:#87ba23;
}
.h_btn_green:hover{
	background-color:#7da02b;
}
.h_btn_blue{
	background-color:#00469c ;
}

/* join */
.jd_title{
	padding:10px 20px 15px;
	color:#fff;
	background:#a9d28e;
}
.jd_title h3{
	color:#fff;
	font-size:18px;
	font-weight:bold;
}
.jd_title p{
	color:#fff;
	font-size:14px;
	padding-bottom:5px;
}
.btn_jd{
	display:block;
	padding:13px 20px;
	background:#01479d;
	color:#fff;
	font-size:14px;
}
.btn_jd:hover{
	background:#0e56af;
}
.icon_jdtag{
	width:15px;
	height:20px;
	background:url(../images/icon_index_nologin.png) no-repeat left -10px;
}
.jd_subt{
	font-size:18px;
	border-left: 8px solid #88ba23;
	text-indent:.5em;
}

/* news */
.bd_s_e6e6e6{ border:1px solid #e6e6e6;}
.row{
	overflow:hidden;
}
.row > .w_370{
	width:370px;
	box-sizing:border-box;
	margin-left:15px;
}
.row > .w_370:first-child{
	margin-left:0;
}
.icon_news{
	margin:10px auto;
	background: #fcfcfc ;
	height:113px;
	width:113px;
	border:1px solid #f3f3f3;
	border-radius:50%;
}
.icon_news .i_01,
.icon_news .i_02,
.icon_news .i_03{
	display:block;
	margin:26.5px auto;
	width:86px;
	height:60px;
	background: url(../images/icon_news.png) no-repeat;
	background-position: center -160px;
}
.icon_news .i_02{ background-position: center -220px;}
.icon_news .i_03{ background-position: center -280px;}
.ul_list li{
	padding-bottom:20px;
}
.icon_paytips,
.icon_payserve{
	display:block;
	margin:10px auto;
	width:86px;
	height:80px;
	background: url(../images/icon_news.png) no-repeat;
	background-position: center top;
}
.icon_payserve{ background-position: center -80px;}
.btn_news_lb{
	display:inline-block;
	background:#e4ecf7;
	line-height:35px;
	min-width:130px;
	text-align:center;
	padding:0 20px;
	box-sizing:border-box;
	border-radius:2px;
}
.news_ul{
	border-top:1px solid #e1e1e1;
}
.news_ul li{
	padding:15px 5px;
	border-bottom:1px solid #e1e1e1;
	overflow:hidden;
}
.news_ul h4,
.news_ul p{
	width:875px;
}
.btn_nmore{
	display:block;
	margin-top:25px;
	font-size:16px;
	height:38px;
	line-height:38px;
	text-align:center;
	color:#7b7b7b;
	border-bottom:1px solid #ebebeb;
	/*lg(top, #f6f6f6 , #f0f0f0)*/
	background-image: -webkit-linear-gradient(#f6f6f6, #f0f0f0);
	background-image: -o-linear-gradient(#f6f6f6, #f0f0f0);
	background-image: linear-gradient(#f6f6f6, #f0f0f0);
	background:#f0f0f0\9;
}
.btn_nmore i{
	display:inline-block;
	width:15px;
	height:10px;
	margin:0 10px;
	background:url(../images/icon_index_nologin.png) no-repeat 0 -29px;
}
.slide_box{
	position:relative;
}
.slide_btn{
	position:absolute;
	bottom:6px;
	left:0;
	right:0;
	text-align:center;
}
.slide_btn .hd{
	display:inline-block;
	margin:20px auto;
}
.slide_btn .hd li{
	display:inline-block;
	height:21px;
	line-height:21px;
	width:21px;
	background:rgba(0,0,0,.6);
	color:#ab9088;
	font-size:10px;
	border-radius:50%;
	margin:0 10px;
	cursor:pointer;
}
.slide_box_cc{
	position:relative;
	float:left;
	width:345px;
	height:488px;
	padding:10px;
	border:1px solid #00479d;
}
.slide_box_cc .bd li{
	position:relative;
	width:100%;
	height:100%;
}
.slide_box_cc .bd img{
	width:100%;
	height:100%;
	display:block;
}
.slide_box_cc .bd p{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	font-size:12px;
	padding:10px;
	line-height:20px;
	color:#fff;
	background:#000; filter:alpha(opacity=80);
	background:rgba(0,0,0,.5);
}
.slide_btn{ position:absolute; top:0; left:0; right:0;}
.slide_box_cc .prev,
.slide_box_cc .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:55px; background:#000 url(../images/slider-arrow.png) -110px center no-repeat; filter:alpha(opacity=50);opacity:0.3;   }
.slide_box_cc .next{ left:auto; right:3%; background-position:8px center; }
.slide_box_cc .prev:hover,
.slide_box_cc .next:hover{ filter:alpha(opacity=100);opacity:.7;  }
.slide_box_cc .prevStop{ display:none;  }
.slide_box_cc .nextStop{ display:none;  }

/*****************************************************************************************************************/.

@media screen and (max-width: 1200px) {

.bg_b01{
	height:490px;
}
.bg_b02,
.bg_b03,
.bg_b05,
.bg_b08{
	height:420px;
}
.bg_b06{
	height:360px;
	background-size:80% auto;
}
.bg_b07{
	height:360px;
}
.bg_b09{
	height:460px;
}
.text_hbanner{
	width:100%;
	margin-left:0;
	left:3%;
	height:100%;
	width:55%;
	font-size:36px;
}
.bl_htext{
	font-size:36px;
}
.text_bgl{
	font-size:36px;
}
.bimg_half{
	height:430px;
}
.tx_hr{
	left:50% !important;
	width:48% !important;
}

}
@media screen and (max-width: 1050px){
.header_menu{
	height:auto !important;
}
}

@media screen and (max-width: 980px) {

.bg_b01{
	height:420px;
}
.bg_b02,
.bg_b03,
.bg_b05,
.bg_b08{
	height:320px;
}
.bg_b06{
	height:300px;
	background-size:80% auto;
}
.bg_b07{
	height:280px;
}
.bg_b09{
	height:350px;
}
.text_hbanner{
	width:100%;
	margin-left:0;
	left:3%;
	height:100%;
	width:55%;
	font-size:34px;
}
.text_bgl{
	font-size:34px;
}
.bimg_half{
	height:350px;
}
.bl_htext{
	font-size:21px;
}
/***鐧诲綍鍓嶅簳閮�***/
.footcopy_bottom ul,
.footcopy_bottom p{
	float:none;
	text-align:center;
	padding:0 10px;
}

}

@media screen and (max-width: 768px) {

.bg_b01{
	height:320px;
}
.bg_b02,
.bg_b03,
.bg_b05,
.bg_b08{
	height:320px;
}
.bg_b06{
	height:240px;
}
.text_hbanner{
	width:100%;
	margin-left:0;
	left:2%;
	height:100%;
	width:55%;
	font-size:30px;
}
.text_bgl{
	font-size:30px;
}
.text_hicon h2{
	padding: 0;
}
.bg-r img{
	max-width:300px;
	width:60%;
}
.bl_pt_half{
	width:50%;
	margin-left:0;
}
.bl_htext{
	font-size:19px;
}

}

@media screen and (max-width: 640px) {
.header_menu {
    height: 50px !important;
}
.s_bg_f2f2f2{ background-color:#f2f2f2 !important;}
.s_bg_f1e8e8{background: #f1e8e8 !important; }
.bg_b01,
.bg_b02,
.bg_b03,
.bg_b05,
.bg_b06,
.bg_b07,
.bg_b08,
.bg_b09{
	background:none;
	height:auto;
}
.bg_b01 img{
	display:block;
	width:100%;
}
.bg_b02 img,
.bg_b03 img,
.bg_b05 img,
.bg_b06 img,
.bg_b07 img,
.bg_b08 img,
.bg_b09 img{
	display:block;
	width:100%;
}
.text_hbanner{
	position:relative;
	top:0;
	left:0;
	margin-left:0;
	width:100%;
	height:100%;
	box-sizing:border-box;
	padding:10px;
	background:#f5f5f5 ;
	overflow:hidden;
}
.text_hbanner h2,
.text_bgl h2,
.text_bgr h2{
	font-size:20px;
}
.text_hbanner p,
.text_bgl p,
.text_bgr p{
	font-size:12px;
	margin:.25em 0;
}
.text_hbanner a,
.text_bgl a,
.text_bgr a{
	font-size:10px;
	line-height:2em;
}
.bg-r .hb_bgr{
	width:100%;
	margin-top:5%;
}
.hb_iconbl,
.text_hicon{
	width:100%;
}
.text_hicon{
	padding-top:0;
}
.text_hicon h2{font-size:20px;}
.text_hicon p{font-size:12px;}
.text_hicon a{font-size:10px;}
.bg-l .hb_bgl{ margin-left:28%;}
.text_bgl{ width:85%;}
.bl_hbs .text_hbanner{
	position:absolute;
	height:auto;
	top:inherit;
	bottom:10%;
	background:none;
}
.bl_htext{
	font-size:20px;
}
.bl_htext a{
	font-size:12px;
}
.bl_htext p{
	font-size:12px;
}
.bl_pt_half{
	width:98%;
	float:none;
	margin:0 auto !important;
	font-size:16px;
	background-size:70px;
}
.bl_pt_half h2,
.bl_pt_half p{
	margin-left:90px;
}
.bg_b04{
	width:100%;
	position:static;
	height:160px;
	background-position: center;
	background-size:auto 100%;
}
.tx_hr{
	position:static;
	left:0;
	width:100% !important;
	background:none;
	padding-left:7%;
}
a.h_btn_green{
	line-height:3.5em;
	float:left;
}

.fmin_tl{
	position:absolute;
	top:5%;
	left:10px;
	width:60%;
	background:none;
	font-size:24px;
}
.pad_none{
	padding:20px 0 !important;
}
.sm_p_re{
	padding-left:7% !important;
	position:static !important;
}

/**鐧诲綍鍓嶅ご閮�**/
.header{
	overflow:visible;
}
.header_menu{
	position:relative;
	overflow:visible;
}
.header_menu ul{
	position:absolute;
	width:50px;
	height:36px;
	background:url(../images/icon_s_nav_btn.png) no-repeat center;
	top:14px;
	right:0;	
}
ul.s_hm_on{
	padding-top:70px;
	background:url(../images/icon_s_nav_btn.png) no-repeat;
	background-position: right 20px ;
}
.header_menu li{ display:none !important; }
ul.s_hm_on{
	top:0;
	border:1px solid #ddd;
	right:0;
	margin:0;
	width:100%;
	height:auto;
	z-index:99999;
}
.s_hm_on li{
	display:block !important;
	font-size:16px;
	width:100%;
	background:#fff;
}
.s_hm_on ul a{
	display:block;
	width:100%;
	padding:0;
	height:24px !important;
}

/*.s_btn_nav{
	margin:0 10px 0 0;
	width:20px;
	height:30px;
	background:url(../images/icon_s_nav_btn.png) no-repeat center;
	background-size:18px auto;
}*/
#body{
	background:#fff;
}

/* slideout.css */
.slideout-menu {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  width: 142px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: none;
}

.slideout-panel {
  position: relative;
  z-index: 1;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
  overflow: hidden;
}

.slideout-open .slideout-menu {
  display: block;
}
/* slideout.css end */


}

/* key board num new */
.numt_head{
	background: #abb5c8;
}
.numt_closer{
	background: none !important; margin-right: 0 !important; color: #fff !important;
}
.numt_td{
	padding:3px 10px !important;
}
.numt_td table{
	width: 100% !important;
}
.numt_td td{
	cursor: pointer !important;
	text-align: center !important;
	background: #abb5c8 !important;
	color: #fff !important;
	width: 10px;
	height: 30px;
	font-size: 14px !important;
}
.numt_td td.hover{
	background-color: #88ba25  !important;
}
td.icon_num_Bksp{
	background:#abb5c8 url("../images/icon_num_Bksp.png") no-repeat center center !important;
}

/* exchange link pop div */
#user_pop{
	display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}
.affiliate_pou .icoclose{
	margin: 5px;
}
#user_popbg{
	background: #000; -moz-opacity: .7; opacity: .7;
	*filter: alpha(opacity=70);
}
#affiliate_text{
	position: absolute;
	z-index: -1000;
	top: -1000px;
	left: -1000px;
	width: 1px;
	height: 1px;
}
/* pdf */
.user_pop{
	height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}
#user_popbg{
	display:none;
    left: 0;
    top: 0;
    background:rgba(0,0,0,.5);
}
.affiliate_pou{
	background: #fff none repeat scroll 0 0;
    height: 80%;
    left: 0;
    margin: 0;
    margin: 0 auto !important;
    position: fixed;
    right: 0;
    top: 10%;
    width: 600px;    overflow: hidden;
    border: 1px solid #ddd;
}
.affiliate_pou .close{
    width: 100%;
	position: absolute;
}
.affiliate_pou .close a{
    padding: 10px 5px;
}
.affiliate_xmp{
	margin: 30px 10px 0;    width: auto;     height: 92%;
}
#previewImg,
#previewImg iframe
{
    width: 100% !important;    height: 100%;
}


/**affiliate2**/
.affiliate2{margin:10px;}
.affiliate2 a{cursor: pointer;}
.affiliate2_xmp{margin:50px;word-break:break-all;width:600px;}
.affiliate2_pou {background-color: #fff;left: 40%;top: 50%;width:37%;margin: -200px 0 0 -200px;position: fixed !important; position: absolute;z-index: 5;border-radius: 5px;
display: none;text-align: left;font-size: 14px;line-height:30px;color: #666;overflow: auto;max-height:750px;}
.affiliate2_pou .close {text-align: center;height: 24px;line-height: 18px;text-align: right;height: 24px;line-height: 18px;width:37%;text-align: right;position: fixed;}
#affiliate2_text {
    height: 1px;
    left: -1000px;
    position: absolute;
    top: -1000px;
    width: 1px;
    z-index: -1000;
}
.affiliate2_pou .close {
    position: absolute;
    width: 100%;
}
.affiliate2_pou .close a {
    padding: 10px 5px;
}

/* 注册活动小图标 */
.p_nav{
	display: block; position: absolute; z-index: 99999; top: 10px; right: 0; height: 55px;
}
@media screen and (max-width: 640px) {
	.p_nav{right: 70px;}
}
@media screen and (max-width: 400px) {
	.p_nav{ display:none;}
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.animated.infinite {
    animation-iteration-count: infinite;
}
.animated.hinge {
    animation-duration: 2s;
}
@keyframes bounceInRight {
0% {
    opacity: 0;
    transform: translateX(2000px);
}
60% {
    opacity: 1;
    transform: translateX(-30px);
}
80% {
    transform: translateX(10px);
}
100% {
    transform: translateX(0px);
}
}
.bounceInRight {
    animation-name: bounceInRight;
}
/* 注册活动小图标 end */