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

 
body { 
	margin: 0;
	padding: 0; 
	font:'\5FAE\8F6F\96C5\9ED1',sans-serif,Tahoma, Helvetica, Arial;
	font-size: 12px;
	line-height:1.6;
	color: #333;
}
a img {
	border: none;
	border-radius: 10px;
}
p { margin: 0; padding: 0;}
a {
  color: #0b5087;
}
a:hover { color: #0b5087;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family:Tahoma, Helvetica, Arial,'\5FAE\8F6F\96C5\9ED1',sans-serif;}
.l{ float:left;}
.r{ float:right;}
.ml_5{ margin-left:5px;}
.mt_10{ margin-top:10px;}
.ml_10{ margin-left:10px;}
.mr_10{ margin-right:10px;}
.mb_10{ margin-bottom:10px;}
.mb_20{ margin-bottom:20px;}
.mt_40{  margin-top:40px;}
.mt_20{ margin-top:20px;}
.ml_20{ margin-left:20px;}
.mt_5{ margin-top:5px;}
.txt_center{ text-align:center;}
.f_bold{ font-weight:bold;}
.f_normal{ font-weight:normal;}
.blueF{color: #0b5087;}
.orangeF{color:#fa6103;}
a.menu_m:focus, a.menu_m:hover{ color:#fff;}
a.menu:focus, a.menu:hover{ color:#0b5087;}
.lineh30{   height: 30px;
    line-height: 30px;}
.redF{ color:#ff0000;}
.f16{ font-size:16px;}
.f14{ font-size:14px;}
.fbold{ font-weight:bold;}
label{ font-weight:normal; margin:0;}
.marg0{ margin:0;}
.f12{ font-size:12px;}
.txtLeft{ text-align:left;}
.txtRight{ text-align:right;}
.txtUnderl{ text-decoration:underline;}
.greenF{ color:#61bc3d;}
.h2Style{ font-size:16px; margin:0; padding:0;}
/** Layout */
.wrapper {
	margin: 0 auto;
	width: 1002px;
	clear: left;
}
.wrapAll{ margin-top:80px;}

 
.logo{ background:url(../images/docsign_03.jpg) no-repeat; width:420px; height:61px; display:inline-block;}
.menu{ margin:0 20px; font-size:18px; height:79px; line-height:79px; }
.menu:hover{ text-decoration:underline;}
.end {
	padding: 0;
}
.memLog{ background:#1c6cac;    display:inline-block;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; color:#fff; padding:0px 10px; height:38px; line-height:38px;-moz-transition-duration: 1s; /* Firefox 4 */
-webkit-transition-duration: 1s; /* Safari 和 Chrome */
-o-transition-duration: 1s; /* Opera */} 
.memLog .iconSh{  background:url(../images/signI1.png) no-repeat; vertical-align:middle; width:25px; height:23px; display:inline-block; }
.memLog:hover{ background:#55a5e5;transition-duration: 2s;
-moz-transition-duration: 1s; /* Firefox 4 */
-webkit-transition-duration: 1s; /* Safari 和 Chrome */
-o-transition-duration: 1s; /* Opera */
}
.signGuM{  height:38px; line-height:38px;  display:inline-block;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; }
a.signGuM:hover
{
 color:#4f9fdf;


}
/* flexslider */
.flexslider{position:relative;height:387px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; width:100%; }
.slides{position:relative;z-index:1;}
.slides li{height:387px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}



#container { width: 1102px;   margin: 0 auto; }
 
/*优势 */ 
.proWo{ width:1002px; margin:0 auto; height:auto; overflow:hidden;padding-bottom: 20px;}
.proWo h1{ font-size:24px; text-align:center; padding:30px 0 10px; margin:0; font-weight:normal;}
.proWo ul{ font-size:14px; height:auto; overflow:hidden;text-align:justify;text-justify:inter-ideograph;overflow:hidden; }
.proWo ul li{ width:50%; display:inline-block;   font-size:12px; line-height:22px; color:#2a2a2a; margin-top:10px;  } 
.proWo ul li p{font-family:"宋体";}
.proWo ul li h2{ font-weight:bold; font-size:18px; color:#0b4f95; margin-bottom:10px; display:block; font-weight:normal;}
.proWo .pic {
    float: left;
    height:125px;
    margin-right: 20px;
    width:115px;
    cursor:default;
}

.proWo .cont {
    overflow: hidden;
    width:330px;
	color:#555;
	
 
}
.proWo .sslIcon{ background:url(../images/docsign_09.jpg) no-repeat left 15px; }
.proWo .codeIcon{ background:url(../images/docsign_10.jpg) no-repeat 40px  20px; }
.proWo .usIcon{ background:url(../images/docsign_15.jpg) no-repeat left 15px; }
.proWo .pdfIcon{ background:url(../images/docsign_13.jpg) no-repeat 45px 20px; }
 
.moreDetail{ padding:6px 25px;  font-size:14px;text-align: center; color: #0b5087;background: #fff;border: solid 1px #0b5087;border-radius: 3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.moreDetail:hover{background: #0b5087;color: #fff;} 


#conTable { width: 1002px;   margin: 0 auto; }
.contrast{ background:#fafafa; padding:20px 0 40px ; height:auto; overflow:hidden;}
.contrast ul li { height:60px; line-height:60px; }
.contrast ul li span{ width:266px;  background:#fff; display:inline-block; float:left; text-align:center; height:60px; line-height:60px; font-size:12px;}
.border_lt{ border-left:#d2d2d2 1px solid;border-top:#d2d2d2 1px solid;}
.border_lrt{ border-left:#d2d2d2 1px solid;border-right:#d2d2d2 1px solid;border-top:#d2d2d2 1px solid;}
.border_b{ border-bottom:#d2d2d2 1px solid;;}

.bluebg{ width:113%; margin-left:-20px}
.contrast ul li.bluebg span{background:#0b5087; color:#fff;}
.struct{ text-align:center; font-size:14px; color:#555;}


.moreDetail{ padding:6px 25px;  font-size:14px;text-align: center; color: #0b5087;background: #fff;border: solid 1px #0b5087;border-radius: 3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.payAll{    height: auto;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 30px;}
.payAll h1{ text-align:center; font-weight:normal; font-size:24px;}
.payWay{ width:100%;  border:1px solid #0b5087;border-radius: 6px;-webkit-border-radius:6px;-moz-border-radius:6px; font-size:16px; text-align:center; padding:35px 0; position:relative; margin-top:20px; margin-bottom:20px;}
.way_01{ background:url(../images/pay1.png) no-repeat; width:50px; height:50px; position:absolute; top:-25px; left:215px;}
.way_02{ background:url(../images/pay2.png) no-repeat; width:50px; height:50px; position:absolute; top:-25px; left:215px;}
.experience{background:url(../images/docsign_23.jpg) no-repeat center top #eee; padding:30px 0 20px; height:auto; overflow:hidden;}
.experience h1{ font-size:20px; color:#555; text-align:center; font-weight:normal; margin-top:10px; margin-bottom:20px;}
.experience .btnExp{ background:url(../images/docsign_19.jpg) no-repeat; letter-spacing:2px; width:217px; height:56px; line-height:56px; margin:10px auto 10px; cursor:pointer; display:block; color:#fff; padding-left:80px;font-size:18px;}
.btnExp:hover{ background:url(../images/docsignhover_27.jpg) no-repeat; text-decoration:none; }
.footer{ color:#555; text-align:center; padding:20px 0; font-size:12px; line-height:24px;}
.footer .fnav a{ margin:0 8px; color:#555;}





/* 回到顶部 */
 #returnTop {
	_display:none;
	position:fixed;
	_position:absolute;
	z-index:999;
	right:15px;
	bottom:-200px;
	_bottom:auto;
	width:36px;
	height:65px;
	text-indent:-999px;
	overflow:hidden;
	background-image:url(../images/Top.png);
	_background-image:url(../images/Top.png);
	background-repeat:no-repeat;
	background-position:0 0;
	transition:bottom 0.9s;
	-webkit-transition:bottom 0.9s;
	-moz-transition:bottom 0.9s;
	-o-transition:bottom 0.9s;
}
#returnTop:hover {
	background-position:0 -65px;
}

.DetailPage{text-align:justify; text-justify:inter-ideograph; font-size:14px; line-height:24px; color:#666666;   border-bottom:1px solid #CCC; padding-bottom:60px;}
.titleDe{ font-size:24px; font-weight:normal;color:#0b5087; margin:20px 0 10px 0;}
.DetailPage p{ text-indent:2em;}
.DetailPage p strong{ color:#333; font-size:16px;}
/**featuresummary**/
.featuresummary{ margin-top:50px;}
.head_fs{font-family:Verdana,'\5FAE\8F6F\96C5\9ED1','\9ED1\4F53','\5B8B\4F53','\65B0\5B8B\4F53',sans-serif;font-size:20px; color:#000; padding:0px 10px; *padding-top:2px;background:url(../images/symbol.png) no-repeat; background-position:-40px -47px; line-height:20px; height:20px;padding-left:25px;}
.content_fs{}
.content_fs table{width:100%;}
.content_fs table td{width:50%;}
#mt{ padding-top:44px;}
.content_fs table td{margin-left:10px; padding-top:40px;}
.img_cfs0 ,.img_cfs1 ,.img_cfs2 ,.img_cfs3 ,.img_cfs4 ,.img_cfs5 ,.img_cfs6 ,.img_cfs7 ,.img_cfs8,.img_cfs9,.img_cfs10,.img_cfs11{ width:63px; height:53px;}
.img_cfs0{  background:url(../images/function.gif) no-repeat 0px 0px;float:left;  }
.img_cfs1{  background:url(../images/function.gif) no-repeat -65px 0px;float:left;}
.img_cfs2{ background:url(../images/function.gif) no-repeat 0px -65px; float:left;  }
.img_cfs3{  background:url(../images/function.gif) no-repeat -77px -73px;float:left;}
.img_cfs4{  background:url(../images/function.gif) no-repeat 0px -128px;float:left; }
.img_cfs5{  background:url(../images/function.gif) no-repeat -76px -136px;float:left; }
.img_cfs6{  background:url(../images/function.gif) no-repeat 0px -191px;float:left; height:30px;}
.img_cfs7{  background:url(../images/function.gif) no-repeat -77px -200px;float:left; }
.img_cfs8{ background:url(../images/function.gif) no-repeat 0px -240px;float:left; }
.img_cfs9{  background:url(../images/function.gif) no-repeat -67px -266px;float:left;}
.img_cfs10{ background:url(../images/function.gif) no-repeat 0px -310px; float:left;}
.img_cfs11{ background:url(../images/function.gif) no-repeat -70px -334px; float:left;}
.task_fs{   font-size:14px; font-family:Verdana,'\5B8B\4F53','\65B0\5B8B\4F53',sans-serif; color:#666666; margin-left:15px; width:269px;   margin-top: -5px; *margin-top:0px;float:left;}
.right_fs{}
.content_tfs{ line-height:25px; font-family:Verdana,'\5FAE\8F6F\96C5\9ED1','\9ED1\4F53','\5B8B\4F53','\65B0\5B8B\4F53',sans-serif;}
.head_tfs{ font-size:20px; font-family:Verdana,'\5FAE\8F6F\96C5\9ED1','\9ED1\4F53','\5B8B\4F53','\65B0\5B8B\4F53',sans-serif; color:#0595cd;}

.feeM{ text-align:center; background:url(../images/feeM_27.jpg) no-repeat top center; height:373px; width:100%; color:#fff;}
.feeM .feeTitle{ font-size:24px; margin:0; padding-top:130px; line-height:50px;}
.feeM .feestruc{ font-size:16px;}
.feeM .feeBtn{ display:inline-block; background:url(../images/feeBtn_28.jpg) no-repeat; width:350px; height:50px; margin-top:60px;-moz-transition-duration: 5s; /* Firefox 4 */
-webkit-transition-duration: 5s; /* Safari 和 Chrome */
-o-transition-duration: 5s; /* Opera */}
.feeM .feeBtn:hover{ background:url(../images/feeBtnHover_28.jpg) no-repeat;-moz-transition-duration: 5s; /* Firefox 4 */
-webkit-transition-duration: 5s; /* Safari 和 Chrome */
-o-transition-duration: 5s; /* Opera */}

.protocol p{ margin-bottom:10px; color:#555; }

.api-flow{ background:url(../images/api-flow_03.jpg) no-repeat; padding-top:80px;}
.api-flow ul li{ float:left;  color:#555; }

