@charset "utf-8";
/* CSS Document */

html,body{ height:100%;}
body{
	margin:0px;
	padding:0px;
	font-size:14px;
	font-family:Microsoft YaHei;
	color:#333;
	background:#fafafa;
	text-align:center;
}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td{ margin:0px; padding:0px; list-style:none;}
a:link img,a:visited img,a:hover img{ border:none;}
a:link,a:visited{ color:#333; text-decoration:none;}
a:hover{ text-decoration:underline;}
.center{ width:1200px; margin:0 auto; text-align:left;}
.center2{ width:1280px; margin:0 auto; text-align:left;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.hide{ display:none;}
.wrapper{ min-height:100%;}
.height100{ height: 100%;}

/*body::-webkit-scrollbar{width:7px;}
body::-webkit-scrollbar-thumb{background:rgba(153,153,153,0.5);border-radius:5px;}
body::-webkit-scrollbar-track{background:#ddd;}*/

/* sprite */
.banner .btn-wrap span,.data-stati .item .img,.footer .download .platform a,.footer .download .platform a b,.icon-list b,.about-us .item b{ background:url(../images/sprite.png) no-repeat;}

/* header */
.header{ height:50px; line-height: 50px; background:#fff; border-bottom:1px solid #eee;}
.header .logo{float: left; cursor: pointer;}
.header .logo img{max-height: 60px; vertical-align: middle;}
.header .logo span{display: inline-block; height: 20px; line-height: 20px;
	font-size: 18px; color: #333945; vertical-align: middle;
	position: relative; top: 2px;
	font-family: "PingFang SC", "Lantinghei SC", "Microsoft YaHei", "Helvetica Neue", "Open Sans", Arial,微软雅黑,
	STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif;
}
.header .top_link{float: right; color: #333;}
.header .top_link:hover{color: #3e7af6; text-decoration: none;}
.header .top_link_2{float: right; color: #333;margin-right: 50px;}
.header .top_link:hover{color: #3e7af6; text-decoration: none;}

/* banner */
.banner{ min-width:1200px; height:300px; overflow:hidden; position:relative;}
.banner .img-wrap{ position:absolute; left:0; top:0; width:100%; height:462px;}
.banner .img-wrap li{ position:absolute; left:0; top:0; width:100%; height:462px;}
.banner .btn-wrap{ position:absolute; left:0; bottom:0; width:100%; height:60px; text-align:center;}
.banner .btn-wrap span{ display:inline-block; width:55px; height:5px; font-size: 0; border-radius: 5px; border: 1px solid rgba(255, 255, 255, .9); cursor:pointer; margin:0 10px; text-align: left; overflow: hidden;}
.banner .btn-wrap span.on{border-color: rgba(255, 255, 255, 1);}
.banner .btn-wrap span i{display: inline-block; width: 0; height: 100%; background: #ecf2ff;}
.banner .btn-wrap span.on i{
	width: 100%;
	transition: width 4s;
	-moz-transition: width 4s;	/* Firefox 4 */
	-webkit-transition: width 4s;	/* Safari 和 Chrome */
	-o-transition: width 4s;	/* Opera */
}

/* 支付类型、其他 */
.pay_type{margin-top: 70px;}
.pay_type h2{font-size: 24px; font-weight: normal;}
.pay_type .summary{font-size: 14px; color: #999; margin-top: 10px;}
.pay_type_list{margin-top: 35px;}
.pay_type_list .item{float: left; width: 298px; height: 290px; border: 1px solid #ddd; background: #fff; cursor: pointer; position: relative; overflow: hidden; margin-left: -1px; margin-top: -1px;}
.pay_type_list .item .ico{width: 70px; height: 70px; margin: 50px auto 30px; 
	-moz-transition: margin .2s linear;	/* Firefox 4 */
	-webkit-transition: margin .2s linear;	/* Safari 和 Chrome */
	-o-transition: margin .2s linear;	/* Opera */
}
.pay_type_list .item .ico1{background: url(../images/service_ico01.png) no-repeat;}
.pay_type_list .item .ico2{background: url(../images/service_ico02.png) no-repeat;}
.pay_type_list .item .ico3{background: url(../images/service_ico03.png) no-repeat;}
.pay_type_list .item .ico4{background: url(../images/service_ico04.png) no-repeat;}
.pay_type_list .item .ico5{background: url(../images/service_ico05.png) no-repeat;}
.pay_type_list .item .ico6{background: url(../images/service_ico06.png) no-repeat;}
.pay_type_list .item .ico7{background: url(../images/service_ico07.png) no-repeat;}
.pay_type_list .item .ico8{background: url(../images/service_ico08.png) no-repeat;}
.pay_type_list .item .ico9{background: url(../images/service_ico09.png) no-repeat;}
.pay_type_list .item .ico10{background: url(../images/service_ico10.png) no-repeat;}
.pay_type_list .item .ico11{background: url(../images/service_ico11.png) no-repeat;}
.pay_type_list .item .title{font-size: 18px; color: #000; text-align: center; padding: 0 30px; 
	transition: margin .2s linear;
	-moz-transition: margin .2s linear;	/* Firefox 4 */
	-webkit-transition: margin .2s linear;	/* Safari 和 Chrome */
	-o-transition: margin .2s linear;	/* Opera */
}
.pay_type_list .item p{font-size: 12px; color: #666; text-align: center; padding: 20px 30px; line-height: 1.5;}
.pay_type_list .item .btn{position: absolute; left: 50%;/* bottom: 38px; */ bottom: -54px; margin-left: -77px; width: 150px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; color: #3e7af6; border: 2px solid #3e7af6; border-radius: 4px; 
	transition: bottom .2s linear;
	-moz-transition: bottom .2s linear;	/* Firefox 4 */
	-webkit-transition: bottom .2s linear;	/* Safari 和 Chrome */
	-o-transition: bottom .2s linear;	/* Opera */	
}
.pay_type_list .item:hover{box-shadow: 0 0 8px 4px rgba(188, 220, 247, .5); z-index: 1;}
.pay_type_list .item:hover .ico{
	margin-top: -70px;
}
.pay_type_list .item:hover .title{
	margin-top: 58px;
}
.pay_type_list .item:hover .btn{
	bottom: 38px;
}

/* 首页footer */
.index_footer{height:50px; background: #081a43; margin-top:50px;width: 100%;}
.index_footer .item{float: left; width: 240px; margin: 65px 240px 0 0;}
.index_footer .item.last{margin-right: 0;}
.index_footer .item .ico{float: left; width: 54px; height: 56px; margin-right: 30px;}
.index_footer .item .ico1{background: url(../images/footer_ico01.png) no-repeat;}
.index_footer .item .ico2{background: url(../images/footer_ico02.png) no-repeat;}
.index_footer .item .ico3{background: url(../images/footer_ico03.png) no-repeat;}
.index_footer .item .txt{float: left; font-size: 18px; color: rgba(234, 234, 234, .5);}
.index_footer .item .txt p{margin-bottom: 10px;}
.index_footer .copyright{color: #fff; margin-top: 50px; text-align: center;}

/* 目录 */
.page_content{ margin-top:40px; display: table; min-height:600px; table-layout: fixed;}
.left_nav{position: relative; display: table-cell; width:270px; background:#fff; border:1px solid #eee; overflow: auto;}
.left_nav::-webkit-scrollbar{width:7px;}
.left_nav::-webkit-scrollbar-thumb{background:rgba(153,153,153,0.5);border-radius:5px;}
.left_nav::-webkit-scrollbar-track{background:#ddd;}

.catalog{height: 60px; line-height: 60px; padding-left: 30px; font-size: 16px; color: #666; border-bottom:1px solid #eee;}
.catalog2{padding-left: 30px; background: url(../images/arrow_top_down1.png) 210px center no-repeat; cursor: pointer;}
.catalog2.on{background: #f7f7f7 url(../images/arrow_top_down2.png) 210px center no-repeat;}
.cat_list{padding: 10px 20px; position: absolute; left: 0; right: 0; top: 61px; bottom: 0; background: #fff;}
.cat_list .cat{margin-top: 10px;}
.cat_list .cat_name{ display:block; height:24px; line-height:24px; color: #666; background:url(../images/arrow_down.png) right center no-repeat; cursor: pointer;}
.cat_list .cat_name.on{ background-image:url(../images/arrow_top.png);}
.cat_list .sub_cat li{height: 24px; line-height: 24px; margin: 8px 0 8px 10px; cursor: pointer; position: relative;}
.cat_list .sub_cat li img{position: absolute; left: 0; top: 50%; margin-top: -7px; width: 15px; height: 15px;}
.cat_list .sub_cat li span{display:block; padding-left:22px; font-size:14px; background:#fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cat_list .sub_cat li.on span, .cat_list .sub_cat li:hover span{color:#3e7af6;}
.cur_cat{height: 50px; line-height: 50px; padding-left: 30px; border-bottom: 1px solid #eee; position: relative;}
.cur_cat img{position: absolute; left: 30px; top: 50%; margin-top: -7px; width: 15px; height: 15px;}
.cur_cat span{display:block; padding-left:22px; font-size:14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


.item_list .item:not(:last-child){border-bottom: 1px solid #eee;}
.item_list .item_name{display: block; height: 40px; line-height: 40px; padding-left: 55px; background:url(../images/arrow_down.png) 240px center no-repeat; cursor: pointer;}
.item_list .item_name.on1{color: #fff; background: #3e7af6 url(../images/arrow_top2.png) 240px center no-repeat;}
.item_list .sub_item{border-top: 1px solid #eee;}
.item_list .sub_item li{height: 30px; line-height: 30px;}
.item_list .sub_item li a{display: block; padding-left: 68px; color: #999;text-decoration: none;}
.item_list .sub_item li.on2 a{background: #f4f5f9;}

.document_content{display: table-cell; background:#fff; border:1px solid #eee; border-left: none; overflow: hidden;}
.document_content .prettyprint{max-width: 98%;}
.document_content .crumbs{ height:60px; line-height:60px; padding:0 28px;}
.document_content .crumbs span, .document_content .crumbs a{color: #3e7af6;}
.document_content .document_detail{ padding: 10px 28px 20px;}
.document_content .document_detail .title{font-size: 24px; margin-bottom: 25px;}
.document_content .document_detail .paragraph{margin-top: 20px;}
.document_content .document_detail .paragraph p{line-height: 28px; color: #666;}

.content_img{margin-top: 20px;}

.go_top{position: fixed; left: 50%; margin-left: 620px; bottom: 130px; width: 54px; height: 54px; background: #a3a3a3 url(../images/go_top_ico.png) center center no-repeat; border-radius: 4px; cursor: pointer; display: none;}

/* footer */
.footer_fixed{ height:40px; margin-top:40px;}
.footer{ height:40px; line-height:40px; background:#081a43; color:#999; font-size:13px; margin-top:-40px;}