html {
    height: 100%;
    overflow-y: initial;
}
body{
	font-family: "微软雅黑";
    position: relative;
	min-width: 1200px;
    min-height: 100%;
}
.w1200{
	width: 1200px;
	margin: auto;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.tel{
	text-align: left;
}
.ter{
	text-align: right;
}
.tec{
	text-align: center;
}
.header{
	height: 56px;
	background: #f5f7f8;
	box-shadow: 0 0 8px #c6c6c6;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 6;
    padding:5px 0;
}
.header-blank{
	height: 66px;
}
.logo{
	margin-right: 100px;
}
.nav li{
	float: left;
	padding: 0 20px;
	position: relative;
}
.nav li a.title{
	display: inline-block;
	width: 68px;
	height: 56px;
	text-align: center;
	color: #333;
	font-size: 16px;
	line-height: 56px;
	position: relative;
}
.nav li a.a1 {
    width:54px;
}
.nav li a.title::after{
	content: "";
	display: inline-block;
	left: 50%;
	width: 0;
	height: 2px;
	position: absolute;
	background: #10c5ef;
	bottom: 0;
	transition: all 0.5s;
}
.nav li a.title:hover::after{
	width: 100%;
	left: 0;
}
.nav li a.active::after{
	width: 100%;
	left: 0;
}
.nav li a.act{
	color: #31b5ed;
}
.snav{
	padding-top: 8px;
	left: 50%;
	margin-left: -69px;
	display: none;
}
.snav .arrow{
	width: 100%;
	height: 11px;
	background: url(../img/snavbg_03.png) no-repeat center;
	position: relative;
}
.snav-box{
	width: 114px;
	padding: 20px 12px;
	background: #fff;
	box-shadow: 0 0 8px #ededed;
}
.nav .snav-box a{
	display: inline-block;
	width: 100%;
	height: 36px;
	line-height: 36px;
	color: #333333;
	font-size: 14px;
	text-align: center;
}
.nav .snav-box a:hover{
	color: #31b5ed;
}
.nav li a.title:hover{
	color: #31b5ed;
}
.sign-box{
	margin-top: 16px;
}
.sign-box a{
	width: 64px;
	height: 26px;
	text-align: center;
	font-size: 16px;
	color: #666666;
	line-height: 26px;
	border-radius: 13px;
	margin-left: 6px;
}
.sign-box a.register{
	color: #31b5ed;
	border: 1px solid #31b5ed;
}
.sign-box a.register:hover{
	color: #fff;
	background: #31b5ed;
}
.sign-box a.sign:hover{
	color: #31b5ed;
}
.line-tit{
	border-bottom: 1px solid #e5e5e5;
	height: 46px;
	margin-top: 28px;
	margin-bottom: 40px;
}
.line-tit span{
	width: 180px;
	line-height: 46px;
	color: #999999;
	font-size: 24px;
	/*font-weight: lighter;*/
}
.line-tit a{
	display: inline-block;
	color: #3e3e3e;
	font-size: 16px;
	padding: 0 14px;
	margin-top: 14px;
}
.line-tit a:hover{
	color: #31b5ed;
}
.line-tit a.active{
	color: #31b5ed;
	background: url(../img/sanjiao_06.png) no-repeat bottom center;
}

.line-tit a.activemenu{
	color: #31b5ed;
	background: url(../img/sanjiao_06.png) no-repeat bottom center;
}

.table{
	display: table;
	border: 1px solid #d6d6d6;
}
.table thead{
	border: 1px solid #d6d6d6;	
}
.table thead th{
	height: 46px;
	line-height: 46px;
	color: #333333;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	background: #f9f9f9;
}
.app .td-1{
	padding-left: 46px;
	width: 200px;
    padding-right:46px;
}
.app .td-2{
	width: 120px;
}
.app .td-3{
	width: 200px;
    text-align:center
}
.app .td-4{
	width: 150px;
}
.app .td-5 {
    padding:0 20px;
    text-align:center
}
.app .td-5 a {
    margin:0 5px;
}
.table tbody td{
	line-height: 23px;
	height: 42px;
	color: #666666;
	font-size: 14px;
}
.table tbody td a{
	color: #31b5ed;
}
.table tbody td a:hover{
	color: #00a2e7;
	text-decoration: underline;
}
.release{
	position: fixed;
	top: 30%;
	right:200px;;
	display: block;
	width: 70px;
	padding-top: 80px;
	text-align: center;
	color: #666666;
	font-size: 16px;
	background: url(../img/fix_07.png) no-repeat top center;
}
.release:hover{
	color: #30bffc;
	background: url(../img/fix2_07.png) no-repeat top center;
}
.app-table .app-left{
	width: 164px;
	color: #3e3e3e;
	font-size: 14px;
	line-height: 30px;
	margin-right: 10px;
}
.app-table .app-left span{
	color: #f9c40c;
	margin-right: 3px;
}
.mb20{
	margin-bottom: 6px;
}
.app-table .app-right .input{
	height: 28px;
	border: 1px solid #d6d6d6;
	border-radius: 2px;
	width: 348px;
    padding: 0 8px;
}
.app-table .app-right .table{
	margin-top: 0;
	width: 1000px;
}
.app-table .app-right .table th{
	text-align: center;
	height: 40px;
    font-size: 14px;
    line-height: 40px;
    border-right: 1px solid #ccc;
}
.app-table .app-right .table td{
	border-right: 1px solid #ccc;
}
.app-table .app-right .table td{
	height: 40px;
	line-height: 40px;
	padding: 0;
	text-align: center;
}
.app-table .app-right textarea{
	width: 990px;
	height: 210px;
	border: 1px solid #d6d6d6;
	border-radius: 2px;
	resize:none ;
	font-size: 14px;
	color: #333333;
	line-height: 30px;
	padding-left: 10px;
	background: url(../img/edi_03.png) no-repeat 98% 96%;
}
.open .table{
	margin-top: 0;
}
.open .table th{
	border-right: 1px solid #ccc;
}
.open .table th,.open .table td{
	text-align: center;
	font-size: 14px;
}
.open .table td{
	height: 40px;
	line-height: 40px;
	background: #fff;
	padding: 0px;
    border-right: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
}
.open{
	padding: 20px;
}
.app-right .button{
	background: #31b5ed;
	color: #fff;
	padding: 0 30px;
	height: 38px;
	font-size: 14px;
	border: 1px solid #31b5ed;
	border-radius: 2px;
	margin-right: 30px;
}
.app-right .button2{
	background: #31b5ed;
	color: #fff;
	padding: 0 30px;
	height: 30px;
	font-size: 14px;
	border: 1px solid #31b5ed;
	border-radius: 2px;
	margin-left: 30px;
}
.app-right .button:hover,.app-right .button2:hover{
	background: #00a2e7;
	border: 1px solid #00a2e7;
}
.app-right p,.app-right span{
	font-size: 14px;
	line-height: 30px;
}
.greybg{
	background:#f9f9f9;
	padding-top: 20px;
}
.app-table .greybg .app-left{
	color: #7f7f7f;
}
.app-table .greybg .app-right .input-min{
	min-width: 40px;
	height: 30px;
	padding-right: 18px;
	color: #333333;
	font-size: 14px;
	border: 0 none;
	background: url(../img/edi_03.png) no-repeat right center;
}
.h30{
	height: 30px;
}
.app-right .m0{
	margin: 0;
}
.out-box{
	border-bottom: 1px solid #ccc;
	margin-bottom: 60px;
	padding-bottom: 30px;
}
.app-right p, .app-right span.file{
	width: 350px;
}
.mb12{
	margin-bottom: 12px;
}
.api-tleft span{
	font-size: 14px;
	color: #3e3e3e;
	width: 120px;
	line-height: 30px;
	margin-right: 16px;
}
.api-tleft{
	width: 590px;
}
.api-tleft .select-main{
	width: 350px;
}
.api-tleft .select-set{
	width: 300px;
}
.api-tleft .select-block{
	width: 350px;
}
.api-tleft input[type=text]{
	width: 335px;
	padding-left: 15px;
	height: 28px;
	border: 1px solid #d6d6d6;
	border-radius: 5px;
	font-size: 14px;
}
.api-tleft span.blue{
	width: auto;
	color: #31b5ed;
	margin-left: 14px;
}
.api-tleft span.explain{
	color: #999999;
	width: auto;
	padding-left: 15px;
}
.api-tleft input[type=button],.api-tleft input[type=submit]{
	background: #31b5ed;
    color: #fff;
    padding: 0 30px;
    height: 38px;
    font-size: 14px;
    border: 1px solid #31b5ed;
    border-radius: 2px;
    margin-right: 30px;
    transition: all 0.5s;
}
.api-tleft input[type=button]:hover,.api-tleft input[type=submit]:hover{
	background: #00a2e7;
}
.api-tright{
	background: #f9f9f9;
	padding: 15px 30px;
	margin-right: 25px;
	margin-bottom: 40px;
}
.api-tright p{
	font-size: 14px;
	color: #3e3e3e;
}
.api-tright textarea{
	width: 490px;
	padding: 10px;
	height: 210px;
	border: 1px solid #d6d6d6;
	border-radius: 2px;
	margin-bottom: 25px;
	resize: none;
	background: url(../img/edi_03.png) no-repeat 98% 96%;
}
.api-menu{
	width: 224px;
	float: left;
	background: #f3f3f3;
	border:1px solid #e5e5e5;
}
.api-menu .top-tit{
	height: 42px;
	line-height: 42px;
	padding-left: 50px;
	color: #333333;
	font-size: 16px;
	border-bottom: 1px solid #e5e5e5;
}
.api-menu ul{
	width: 100%;
}
.api-menu ul li{
	width: 100%;
}
.api-menu ul.lv1 li a{
	display: inline-block;
	padding-left: 60px;
	width: 166px;
	line-height: 42px;
	font-size: 14px;
	color: #333333;
	margin-left: -1px;
}
.hidden-y{
	/*width: 100%;
	overflow-x: hidden;
	overflow-y: scroll;*/
}
.api-menu ul li a:hover{
	background: #eae9e9;
}
.api-menu ul li a.active{
	background:#31b5ed;
	color: #f0f6f7;
}
.right-content {
	width: 936px;
	padding-bottom: 60px;
    font-size: 15px;
}
.right-content img {
    border:1px solid #dedcdc;
}
.bar-tit{
	margin-top: 7px;
	margin-bottom: 7px;
	width: 930px;
	padding-left:6px;
	background:url(../img/line_10.jpg) no-repeat left center;
	font-size: 16px;
	color: #333333;
}
.right-content .bar-tit {
    font-size: 15px;
}
.right-content .con{
	margin-bottom: 10px;
}
.right-content .con p{
	font-size: 14px;
	color: #666666;
	line-height: 32px;
}
.solid td{
	border-right: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
}
.api-table .td-1{
	padding-left: 45px;
	padding-right: 10px;
	width: 255px;
}
.api-table .td-2{
    padding:5px 20px;
    line-height:22px;
}
.api-table .tdq-1,.api-table .tdq-2 {
    text-align:center
}
.api-table .tdq-3 {
    text-align:center
}
.api-table .tdq-4{
    padding:0 20px;
    line-height:30px;
}
.api-table .tdq-5 {
    padding:0 20px;
}
.conts{
	position: relative;
}
.api-menu ul.lv2 a{
	display: inline-block;
  width: 199px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 10px;
  padding-right: 15px;
  line-height: 22px;
  color: #666;
  transition-duration: 500ms;
}
.api-menu ul.lv2 a span{
	display: inline-block;
	width: 100%;
	line-height: 22px;
	font-size: 13px;
}
.api-tit {
    color: #333333;
    font-size: 24px;
   
}
.api-tit1 {
    color: #333333;
    font-size: 18px;
    
}
.api-navbar{
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 10px;
}
.api-navbar a{
	font-size: 16px;
	color: #666666;
	margin-right: 24px;
	line-height: 46px;
}
.api-navbar a:hover,.api-navbar a.active{
	color: #31b5ed;
}
.info-bar{
	background-color: #f9f9f9;
	cursor: pointer;
	position: relative;
}
.info-bar span{
	border-top: 5px solid #31b5ed;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
	position: absolute;
	right: 10px;
	top: 15px;
}
.info-bar span.op{
	border-top: 5px solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #31b5ed;
    top: 10px;
}
.apinfo-box .con{
	margin-top: 15px;
}

.api-table th{
	padding: 0 20px;
	border-right:1px solid #d6d6d6;
}
.apinfo-box .api-table td{
	padding: 10px 20px;
    line-height:22px;
}
.apinfo-box .edi-box p{
	color: #333333;
	font-size: 16px;
	line-height: 32px;
}
.apinfo-box .edi-box textarea{
	border: 1px solid #d6d6d6;
	margin-top: 10px;
	border-radius: 2px;
	resize: none;
	width: 916px;
	height: 280px;
	padding: 10px;
	font-size: 14px;
	line-height: 30px;
	background: url(../img/edi_03.png) no-repeat 97% 96%;
}
.right-content .btn{
	background: #31b5ed;
	color: #fffefe;
	font-size: 16px;
	padding: 0 15px;
	border-radius: 2px;
	height: 38px;
	border: 0 none;
	margin-top: 16px;
}
.right-content .btn:hover{
	background: #00a2e7;
}
.line-tit .bbs{
	height: 30px;
	width: 80px;
	line-height: 30px;
	text-align: center;
	color: #999999;
	font-size: 14px;
	border: 1px solid #10c5ef;
	margin-top: 0;
	margin-left: 18px;
	padding: 0;
}
.line-tit .search{
	border: 1px solid #10c5ef;
	height: 30px;
}
.line-tit .search input[type=text]{
	width: 380px;
	padding: 0 4px;
	font-size: 14px;
	color: #999999;
	height: 30px;
	border: 0 none;
}
.line-tit .search .btn{
	width: 58px;
	height: 30px;
	background:url(../img/ISV_03.jpg) no-repeat center;
	border: 0 none;
}
.whitebg{
	height: 66px;
	width: 100%;
	background: #f5f7f8;
	box-shadow: 0 0 8px #c6c6c6;
	position: fixed;
	left: 0;
	top: -76px;
	z-index: 6;
}
.whitenav .nav li a.title{
	color: #ddd;
}
.whitenav .sign-box a{
	color: #ddd;
}
.whitenav .sign-box a.register{
	color: #31b5ed;
}
.whitenav .sign-box a.register:hover{
	color: #fff;
}
.view-bg{
	width: 100%;
	z-index: 1;
	top: 0;
	left: 0;
}
.section1 .w1200{
	max-width: 1200px;
	min-width: 1020px;
	position: relative;
	margin: 0 auto;
	padding-top: 12%;
	z-index: 2;
}
.section1 .txt h2,.section1 .txt h3{
	width: 100%;
	text-align: center;
	color: #fff;
    position:relative;
    z-index:3;
}
.section1 .txt h2{
	font-weight: bold;
	font-size: 66px;
	opacity: 0;
	filter: alpha(opacity=0);
}
.section1 .txt h3{
	font-size: 22px;
	font-weight: lighter;
	margin-top: 30px;
	opacity: 0;
	filter: alpha(opacity=0);
}
.section1 a{
	display: inline-block;
	width: 128px;
	height: 28px;
	text-align: center;
	line-height: 28px;
	font-size: 14px;
	font-weight: lighter;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 2px;
	position: absolute;
	right: 212px;
	bottom: -80px;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 2;
}
.section1 a:hover{
	opacity: 1;
	filter: alpha(opacity=100);
    color:#fff;
}
.section1 .logo-icon{
	width: 152px;
	height: 152px;
	left: 50%;
	margin-left: -76px;
	bottom: 30%;
	z-index: 2;
}
@keyframes amtIcon{
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-50px);
  }
  100% {
    transform: translateY(0);
  }
}
.section1 .logo-icon img{
	-webkit-animation:amtIcon 4s infinite linear;
}
.section2{
	background: #f6fdff;
}
.section2 .w1200,.section3 .w1200,.section4 .w1200{
	height: 100%;
	max-width: 1200px;
	position: relative;
	margin: 0 auto;
	z-index: 2;
}
.section2 h2{
	font-size: 26px;
	width: 100%;
	text-align: center;
	color: #373d41;
	position: absolute;
	top: 15%;
	margin-top: -30px;
	opacity: 0;
	filter: alpha(opacity=0);
}
.section2 .box-out{
	height: 514px;
	top: 50%;
	margin-top: -176px;
	z-index: 2;
}
.section2 .box{
	width: 380px;
	height: 512px;
	border: 1px solid #e4ecf3;
	box-shadow: 0 0 5px #e4f8fe;
	border-radius: 6px;
	overflow: hidden;
	background: #fff;
}

.section2 .box .bg1{
	background: url(../img/s2_03.png) no-repeat center;
}
.section2 .box .bg2{
	background: url(../img/s2_09.png) no-repeat center;
}
.section2 .box .bg3{
	background: url(../img/s2_06.png) no-repeat center;
}
.section2 .box .img{
	background-color: #e4f8fe;
	height: 240px;
}
.section2 .txt-out{
	padding: 26px;
}
.section2 .txt h3{
	color: #373d41;
	font-size: 22px;
	text-align: center;
	margin-bottom: 10px;
}
.section2 .txt p{
	font-size: 14px;
	color: #666666;
	line-height: 28px;
}
.section2 .box2{
	left: 50%;
	margin-left: -190px;
	bottom: -50px;
	opacity: 0;
	filter: alpha(opacity=0);
}
.section2 .box1{
	margin-left: -100px;
	opacity: 0;
	filter: alpha(opacity=0);
}
.section2 .box3{
	margin-right: -100px;
	opacity: 0;
	filter: alpha(opacity=0);
}
.section3 .box-out{
	width: 1200px;
	height: 580px;
	left: 0;
	top: 50%;
	margin-top: -290px;
}
.section3 .box-center{
	width: 450px;
	height: 450px;
	left: 50%;
	margin-left: -225px;
	top: 50%;
	margin-top: -225px;
}
.section3 h2{
	font-size: 26px;
    width: 100%;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 15%;
    margin-top: -30px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.section3 .box-center .img1{
	left: 0;
	top: 0;
	z-index: 3;
	opacity: 0;
	filter: alpha(opacity=0);
}
.section3 .box-center .img2{
	z-index: 4;
	left: 50%;
	margin-left: -102px;
	top: 50%;
	margin-top: -102px;
	transition-duration: 500ms;
	transform: scale(0);
}
.section3 .box-center .big{
	transform: scale(1,1);
}
.section3 .txt{
	position: absolute;
	z-index: 5;
}
.section3 .txt h3{
	font-size: 24px;
	color: #f9c40c;
}
.section3 .txt p{
	color: #ffffff;
	font-size: 16px;
}
.section3 .tit1{
	padding-right: 137px;
	background: url(../img/s3_03.png) no-repeat top right;
	padding-top: 36px;
	right: 750px;
	top: 75px;
	opacity: 0;
	filter: alpha(opacity=0);
}
.section3 .tit2{
	background: url(../img/s3_11.png) no-repeat top right;
	padding-right: 123px;
	padding-top: 67px;
	right: 806px;
	top: 342px;
	opacity: 0;
	filter: alpha(opacity=0);
}
.section3 .tit3{
	background: url(../img/s3_14.png) no-repeat top left;
	padding-left: 112px;
    padding-top: 94px;
    margin-left: 765px;
    top: 329px;
    opacity: 0;
	filter: alpha(opacity=0);
}
.section3 .tit4{
	background: url(../img/s3_06.png) no-repeat top left;
	margin-left:799px;
    top: 116px;
    padding-left: 118px;
    padding-top: 82px;
    opacity: 0;
	filter: alpha(opacity=0);
}
/*.section4{
	background: url(../img/p4bg_03.png) no-repeat center 58% ;
}*/
.section4 h2{
	font-size: 26px;
    width: 100%;
    text-align: center;
    color: #333;
    position: absolute;
    top: 15%;
    margin-top: -30px;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 2
}
.section4  .round{
    width: 1362px;
    height: 544px;
    background: url(../img/p4bg_03.png) no-repeat center;
    left: 50%;
    top: 50%;
    margin-left: -681px;
    margin-top: -222px;
    z-index: 2;
    background-size: 78%;
}
.section4 .p4logo{
    top: 44px;
    left: 50%;
    margin-left: -90px;
    -webkit-animation: amtIcontow 4s infinite linear;
    width: 180px;
}
@keyframes amtIcontow{
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-30px);
  }
  100% {
    transform: translateY(0);
  }
}
.section4 .dot{
	width: 142px;
	text-align: center;
	padding-top: 126px;
	color: #666666;
	font-size: 24px;
}
.section4 .step1{
	background: url(../img/step1.png) no-repeat top center;
	left: 158px;
	bottom: 68px;
	opacity: 0;
	filter: alpha(opacity=0);
}
.section4 .step2{
	background: url(../img/step2.png) no-repeat top center;
	left: 354px;
	bottom: 134px;
	opacity: 0;
	filter: alpha(opacity=0);
}
.section4 .step3{
	background: url(../img/step3.png) no-repeat top center;
	left: 581px;
    bottom: 20px;
    opacity: 0;
	filter: alpha(opacity=0);
}
.section4 .step4{
	background: url(../img/step4.png) no-repeat top center;
	right: 356px;
    bottom: 144px;
    opacity: 0;
	filter: alpha(opacity=0);
}
.section4 .step5{
	background: url(../img/step5.png) no-repeat top center;
	right: 123px;
    bottom: 92px;
    opacity: 0;
	filter: alpha(opacity=0);
}
.section4 .line1{
	background: url(../img/ling1_03.png) no-repeat;
	width: 0px;
	height: 93px;
	left: 228px;
    bottom: 155px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.section4 .line2{
	background: url(../img/line2_03.png) no-repeat;
	width: 0px;
	height: 139px;
	left: 427px;
    bottom: 109px;
}
.section4 .line3{
	background: url(../img/line3_03.png) no-repeat;
	width: 0px;
	height: 147px;
	left: 654px;
    bottom: 109px;
}
.section4 .line4{
	background: url(../img/line4_03.png) no-repeat;
	width: 0px;
	height: 147px;
	left: 938px;
    bottom: 121px;
}
.footer{
	background: #2b3239;
	width: 100%;
    position: absolute;
    bottom: 0px;
}
.foot-bottom{
	padding-top: 30px;
	/*padding-bottom: 26px;
	border-bottom: 1px solid #5c6165;*/ 
}
.foot-bottom a,.foot-bottom span{
	display: inline-block;
	font-size: 14px;
	color: #999;
}
.foot-bottom a:hover{
	color: #fff;
}
.foot-last{
	/*padding-top: 38px;*/
	padding-bottom: 30px;
}
.foot-last p{
	color: #999;
	font-size: 14px;
	line-height: 26px;
}


.down-box {
	width: 154px;
	text-align: center;
    position:absolute;
    right:136px;
    top:150px;
}
.down-box .img{
	width: 154px;
	height: 154px;
	background: #b6b6b6;
	border-radius: 50%;
	margin-bottom: 26px;
}
.down-box input{
	width: 94px;
	height: 30px;
	text-align: center;
	font-size: 16px;
	border: 1px solid #d6d6d6;
	background: #eeeeee;
}
.down-box input:hover{
	color: #fff;
	background: #00a2e7;
	border-color: #00a2e7;
}
.down-txt{
	width: 800px;
	/*margin-right: 160px;*/
}
.down-txt h2{
	font-size: 24px;
	color: #333333;
	line-height: 58px;
}
.down-txt span{
	color: #666666;
	font-size: 14px;
	line-height: 32px;
}
.down-txt span.tit{
	width: 82px;
	text-align: right;
	color: #333333;
	font-size: 16px;
}
.down-txt .down-info{
	width: 700px;
}
.down-txt .down-info p{
	font-size: 14px;
	line-height: 32px;
	color: #666666;
}
.isv-ul{
	width: 105%;
	margin-bottom: 20px;
}
.isv-ul li{
	float: left;
	width: 340px;
	margin-left: 54px;
	margin-bottom: 20px;
}
.isv-ul li .top{
	width: 338px;
	height: 290px;
	border: 1px solid #d6d6d6;
	background: #fafafa;
	margin-bottom: 20px;
}
.isv-ul li .top .img{
	width: 320px;
	height: 156px;
	overflow:hidden;
	display: inline-block;
	margin-left: 9px;
	margin-top: 9px;
	margin-bottom: 10px;
}
.isv-ul li .top .txt{
	display: inline-block;
	width: 320px;
	margin-left: 9px;
}
.isv-ul li .top .txt h3{
	color: #333333;
	font-size: 16px;
}
.isv-ul li .top .txt p{
	color: #666666;
	font-size: 14px;
	line-height: 24px;
}
.isv-ul li .org {
	color: #f9970c;
	font-size: 18px;
	line-height: 28px;
}
.isv-ul li .gray{
	color: #999999;
	font-size: 14px;
	line-height: 20px;
}
.isvinfo .app-right p{
	width: 1026px;
}
.isvinfo-img {
	right: 0;
	top: 0;
}
.account-tit{
	margin-top: 30px;
}
.account-tit span{
	font-size: 24px;
	color: #333333;
}
.account-tit a{
	display: inline-block;
	margin-right: 14px;
	font-size: 14px;
	color: #333333;
	line-height: 48px;
}
.account-tit a.login{
	color: #31b5ed;
}
.account-tit a:hover{
	color: #00a2e7;
}
.account-box{
	background: #fff;
	padding-top: 60px;
	box-shadow: 0 2px 6px #e4e4e4;
	padding-bottom: 40px;
	margin-top: 45px;
}
.account-box span.left{
	width: 450px;
	font-size: 14px;
	color: #3e3e3e;
	line-height: 42px;
	height: 42px;
}
.account-box input.reg{
	height: 40px;
	border: 1px solid #d6d6d6;
	border-radius: 2px;
	width: 340px;
	padding: 0 10px;
    font-size:14px;
}
.account-box input[type=submit]{
	background: #31b5ed;
	width: 362px;
	height: 38px;
	border: 1px solid #31b5ed;
	color: #ffffff;
	font-size: 14px;
	border-radius: 2px;
    margin-top: 5px;
}
.account-box input[type=submit]:hover{
	background: #00a2e7;
	border-color: #00a2e7;
}
.account-box span.txt{
	color: #f9c40c;
	font-size: 14px;
	line-height: 42px;
	margin-left: 12px;
    margin-right:3px;
}
.account-box input.verification{
	width: 220px;
    margin-right:10px;
}
.account-box a.zy{
	font-size: 12px;
	color: #3db5e6;
	float: left;
	margin-left: 12px;
	margin-top: 9px;
}
.account-box a.zy:hover{
	text-decoration: underline;
	color: #00a2e7;
}
.account-box input.immediately{
	background: #31b5ed;
	width: 362px;
	height: 38px;
	border: 1px solid #31b5ed;
	color: #ffffff;
	font-size: 14px;
	border-radius: 2px;
}
.account-box input.immediately:hover{
	background: #00a2e7;
	border-color: #00a2e7;
}
.account-box .a-box{
	width: 342px;
	padding-bottom: 10px;
	/*border-bottom: 1px solid #d7d7d7;*/
}
.account-box .a-box span {
    font-size:14px;
}
.account-box .a-box input {
    margin-top:8px;
    margin-right:10px;
}
.account-box .a-box a{
	font-size: 14px;
	color: #333333;
}
.account-box .a-box a.light{
	color: #999999;
}
.account-box .a-box a:hover{
	color: #31b5ed;
}
.account-box .a-box span.tit{
	color: #f9980f;
	font-size: 16px;
}
.account-box .a-box p{
	color: #999999;
	font-size: 14px;
	line-height: 26px;
}
.mr10{
	margin-right: 10px;
}
.area-sec{
	border:1px solid #d6d6d6;
	height: 30px;
	line-height: 30px;
	margin-right: 10px;
	width: 108px;
	font-size: 14px;
	border-radius: 2px;
}
.app-right .btn{
	background: #31b5ed;
    color: #fff;
    padding: 0 30px;
    height: 38px;
    font-size: 14px;
    border: 1px solid #31b5ed;
    border-radius: 2px;
    margin-right: 30px;
    transition: all 0.5s;
}
.app-right .btn:hover{
	background: #00a2e7;
}
.portrait{
	right: 0;
	top: 0;
	width: 152px;
	text-align: center;
}
.portrait .img{
	width: 150px;
	height: 150px;
	border: 1px solid #d6d6d6;
	margin-bottom: 10px;
}
.portrait .btn{
	background: #31b5ed;
    color: #fff;
    padding: 0 30px;
    height: 38px;
    font-size: 14px;
    border: 1px solid #31b5ed;
    border-radius: 2px;
    margin-right: 30px;
    transition: all 0.5s;
    margin-left: 18px;
}
.main-top{
	background: url(../img/index2_02.jpg) no-repeat top center;
	padding-top: 454px;
	height:320px;
    z-index:2;
    background-color:#f6fbff;
}
.main-top .bank{
	width: 360px;
	float: left;
	cursor: pointer;
    padding:0 20px;
}
.main-top .bank .img{
	/*margin-bottom: 20px;*/
	box-shadow:0 2px 8px #eeeeef;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	display: block;
	margin-left: 90px;
    transition-duration:0.3s;
    margin-bottom:20px;
}
.main-top .bank .img:hover {
    box-shadow:0 9px 28px #8addfd;
}
.main-top .active .img {
    box-shadow:0 9px 28px #8addfd;
}
.main-top .bank .wms{
	background: url(../img/rwms.png) no-repeat center;
}
.main-top .bank .pda{
	/*background: url(../img/rpda.png) no-repeat center;*/
    background: url(../img/repr.png) no-repeat center;
}
.main-top .bank .erp{
	/*background: url(../img/repr.png) no-repeat center;*/
    background: url(../img/rpda.png) no-repeat center;
}
.main-top .bank p{
	color: #666666;
	font-size: 16px;
}
.main-top .bank p.tit{
	font-size: 24px;
	color: #333333;
}
.main-top .bank:hover p.tit{
	color: #0182e7;
}
.main-top .bank .wms:hover{
	background: url(../img/rwmsh.png) no-repeat center;
}
.main-top .bank .pda:hover{
	/*background: url(../img/rpdah.png) no-repeat center;*/
    background: url(../img/reprh.png) no-repeat center;
}
.main-top .bank .erp:hover{
	/*background: url(../img/reprh.png) no-repeat center;*/
    background: url(../img/rpdah.png) no-repeat center;
}
.main-top .active .wms{
	background: url(../img/rwmsh.png) no-repeat center;
}
.main-top .active .pda{
	/*background: url(../img/rpdah.png) no-repeat center;*/
    background: url(../img/reprh.png) no-repeat center;
}
.main-top .active .erp{
	/*background: url(../img/reprh.png) no-repeat center;*/
    background: url(../img/rpdah.png) no-repeat center;
}
/*.main-top .bank:hover .img{
	box-shadow: 0 2px 8px #cae5fa;
}
.main-top .active .img{
	box-shadow: 0 2px 15px #cae5fa;
}*/
.main-top .active p.tit{
	color: #0182e7;
}
.custome-case {
	padding:60px 0;
    position:relative;
    background:#fff;
    z-index:2;
}
.custome-case h2{
	text-align: center;
	font-size: 36px;
	color: #666666;
	font-weight: lighter;
	margin-bottom: 38px;
}
.case-out ul{
	width: 105%;
}
.case-out ul li{
	float: left;
	margin-right: 38px;
	margin-bottom: 38px;
}
.case-out ul li a{
	display: inline-block;
	box-shadow: 0 0 5px #f2f2f2;
	border: 1px solid #f2f2f2;
    cursor:default;
}
.i-con {
	display: none;
}
.i-con .introduce1,.i-con .introduce2,.i-con .introduce3{
	padding: 60px 0;
}
.i-con .introduce1 h2,.i-con .introduce2 h2,.i-con .introduce3 h2{
	color: #6d6d6d;
	font-weight: lighter;
	font-size: 36px;
	text-align: center;
	margin-bottom: 30px;
}
.i-con .introduce1 p{
	font-size:14px;
	color: #333333;
	line-height: 28px;
}
.i-con .introduce2,.i-con .introduce3{
	background: #f7fbff;
}
.i-con .introduce3 .detail ul{
	width: 105%;
}
.i-con .introduce3 .detail li{
	float: left;
	margin-right: 46px;
	margin-bottom: 10px;
}
.i-con .introduce3 .detail li a{
	display: inline-block;
	width: 190px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #ebebeb;
	color: #666666;
	border-radius: 2px;
	font-size: 14px;
	padding: 0 5px;
}
.i-con .introduce3 .detail li a:hover{
	border-color: #31b5ed;
	color: #31b5ed;
}
.contact .tit{
	padding-left: 7px;
	background: url(../img/line_10.jpg) no-repeat left center;
	font-size: 16px;
	color: #333333;
	margin-bottom: 30px;
}
.contact .t-box{
	padding: 15px;
	width: 316px;
	height: 120px;
	border: 1px solid #d6d6d6;
	margin: 0 15px;
}
.contact .t-box .c-t{
	padding-left: 34px;
	color: #333333;
	font-size: 18px;
}
.contact .t-box .ct1{
	background: url(../img/c1.png) no-repeat left center;
}
.contact .t-box .ct2{
	background: url(../img/c2.png) no-repeat left center;
}
.contact .t-box .ct3{
	background: url(../img/c3.png) no-repeat left center;
}
.contact .t-box span{
	font-size: 14px;
	color: #666666;
}
.contact .t-box  a{
	font-size: 14px;
	//color: #333;
}
.contact .t-box  a:hover{
	color: #31b5ed;
}
.contact .t-box span.c-st{
	width: 84px;
	text-align: right;
	color: #333333;
}
.w1134{
	width: 1134px;
	margin: 0 auto;
}
.map{
	height: 550px;
	background: url(../img/cont17.png) no-repeat center;
}
.map .m-box{
	padding: 15px;
	border: 1px solid #0aa5e7;
	background: #fff;
	width: 300px;
	height: 140px;
	position: absolute;
	z-index: 2;
}
.contact .map .m-box .tit{
	padding-left: 26px;
	background: url(../img/contant_14.png) no-repeat left center;
	margin-bottom: 0;
}
.map .m-box span{
	font-size: 14px;
	color: #666;
}
.map .m-box span.mt{
	color: #333;
	width: 70px;
	text-align: right;
}
.map .m-box span.mc{
	width: 230px;
}
.map .m1{
	left: 244px;
    bottom: 48px;
}
.map .m2{
	right: 190px;
    top: 15px;
}
.map .m3{
	right: 92px;
    bottom: 141px;
}

.field-validation-error{
	float: left;
    line-height: 40px;
    margin-left: 10px;
    color: red;
}
.sign-box select{
	height: 28px;
    border: #d6d6d6 1px solid;
    border-radius: 2px;
}
.api-tleft select{
	height: 28px;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    font-size: 14px;
    padding: 0 5px;
    width: 351px;
}
.app-table .app-right .ui-select{
	height: 28px;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    font-size: 14px;
    padding: 0 5px;
    width: 200px;
}

.section1 .p-light{
	width: 1483px;
	height: 679px;
	left: 50%;
	margin-left: -698px;
	bottom: 0;
	z-index: 1;
}





.signin { 
    font-size:12px;
    position:relative;
}
.signin dt {
    cursor: pointer;
    background: #fff;
    border-radius: 3px;
    padding: 0 10px;
}
.signin dt span {
    border-top: 5px solid #666;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    float: right;
    margin-top: 12px;
    margin-left: 10px;
}
.signin dd {
    width: 100%;
    background: #fff;
    display:none;
    padding-bottom:8px;
}
.signin dd a {
    display:block;
    width:100%;
    text-align:center;
    margin:0;
    line-height:28px;
    font-size:13px;
}
.signin dd a:hover {
    color: #31b5ed;
}
.whitenav .signin dd a {
    color:#666;
}
.whitenav .signin dd a:hover {
      color: #31b5ed;
}
#dowebok {
    /*min-height:839px;*/
    padding-bottom: 140px;
}
.whitenav .signin dt {
    background:none;
    color:#fff;
}
.whitenav .signin dt span {
    border-top: 5px solid #fff;
}
.whitenav .signin dd {
    background:none;
}
.whitenav .signin dd a {
    color:#fff;
}
.miaoshu {
    width:1000px;
}
.miaoshu p,.miaoshu span {
    word-wrap:break-word;
}
.main-top-out {
    width:100%;
    height:766px;
}
.main-top-out .top-weight {
    background:#0182e8;
    height:540px;
    top:0;
}
.main-top-out .top-light {
    background:#f6fbff;
    height:236px;
    top:540px;
}
.ileft {
    display:block;
    width:91px;
    height:91px;
    position:fixed;
    left:70px;
    top:50%;
    margin-top:-45px;
    background:url(../img/left.png) no-repeat;
}
.iright {
    display:block;
    width:91px;
    height:91px;
    position:fixed;
    right:70px;
    top:50%;
    margin-top:-45px;
    background:url(../img/right.png) no-repeat;
}
.ileft:hover {
    background:url(../img/lefth.png) no-repeat;
    transition-duration:0.3s;
}
.iright:hover {
    background:url(../img/righth.png) no-repeat;
    transition-duration:0.3s;
}
.app-table {
    margin-bottom:30px;
}
code {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857;
    word-break: break-all;
    word-wrap: break-word;
    color: #333333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.account-box span.error {
    float:left;
    margin-left:10px;
    line-height:42px;
    color:#ff6b61;
    font-size:14px;
}