@charset"utf-8";
/* CSS Document */
@charset"utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
body {
    font-family: Helvetica, Tahoma, Arial, "Microsoft YaHei", STXihei,  SimSun, Heiti, sans-serif;background: #fbfbfb;
}
.clearfix:before,
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
.w1000 {width: 1000px;margin: auto;}
.f_l {float: left;}
.f_r {float: right;}
.title_box {
    text-align: center;
    
}
.light_box {
    background: #f0f9ff;
    padding-bottom: 60px;
}
.dark_box {
    background: #e5f1ff;
    padding-bottom: 60px;
}
.title_box h2 {
    display: inline-block;
    color: #3598db;
    font-size: 26px;
    font-weight: 100;
    padding: 60px 20px 10px;
    *display:inline;
    *zoom:1;
}
.light_box h2 {
    background: #f0f9ff;
}
.dark_box h2 {
    background: #e5f1ff;
}

/*topbar {*/
.topbar {
    height: 36px;
    line-height: 36px;
    background: #002440;
}
.topbar p {
    color: #e5e5e5;
    font-size: 14px;
}
.topnav p {float: left;}
.topnav span {
    font-size: 16px;
}
.topbar a {
    float: left;
    color: #e5e5e5;
    font-size: 14px;
    text-decoration: none;
    margin-right: 20px;
}
.topbar a:hover {
    color: #fff;
}
/*topbar }*/

/*header {*/
.header {padding: 20px 0;}
.logo {
    float: left;
    width: 239px;
    height: 61px;
    text-indent: -9999999px;
    background: url(../images/docsign_logo.jpg) no-repeat;
}
.nav {
    float: right;
    margin-top: 10px;
}
.nav li {float: left;}
.nav a {
    float: left;
    font-size: 18px;
    color: #2c2c2c;
    height: 38px;
    line-height: 38px;
    padding: 0 16px;
    margin-left: 4px;
    text-decoration: none;
    border-radius: 24px;
}
.nav a:hover {
    color: #fff;
    background: #3598db;
}
.nav_tele {
    font-size: 18px;
    color: #3598db;
    height: 32px;
    line-height: 32px;
    padding-left: 68px;
    margin: 2px 0 0 14px;
    background: url(../images/telephone-32.png) no-repeat 30px 0;
    border-left: 1px solid #ccc;
}
/*header }*/

/*main_visual {*/
.main_visual{height:649px;border-top:1px solid #d7d7d7;overflow:hidden;position:relative;}
.main_image{height:649px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:649px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:649px;}
.main_image li span{display:block;width:100%;height:649px}
.main_image li a{display:block;width:100%;height:649px}
.main_image li .img_1{background:url('https://www.wosigndoc.com/images/respond/banner1.jpg') center top no-repeat}
.main_image li .img_2{background:url('https://www.wosigndoc.com/images/respond/banner2.jpg') center top no-repeat}
.main_image li .img_3{background:url('https://www.wosigndoc.com/images/respond/banner3.jpg') center top no-repeat}
.main_image li .img_4{background:url('https://www.wosigndoc.com/images/respond/banner4.jpg') center top no-repeat}
div.flicking_con{position:absolute;top:612px;z-index:999;width:100%;height:21px;text-align: center;}
div.flicking_con a{display:inline-block;width:21px;height:21px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;_background:url('../images/btn_main_img_ie6.png') 0 0 no-repeat;text-indent:-999999px}
div.flicking_con a.on{background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;_background:url(../images/hover_left_ie6.png) no-repeat left top;left:100px;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:100px;_background:url(../images/hover_right_ie6.png) no-repeat right top;}
/*main_visual }*/

/*nav {*/
.subnav {
    width: 100%;
    height: 50px;
    background: #002440;
    font-size: 16px;
    line-height: 50px;
    z-index: 999;
    opacity: 0.94;
}
.subnav ul {
    width: 1000px;
    margin: auto;
    border-left: 1px solid #032037;
    border-right: 1px solid #12466f;
}
.subnav li {
    float: left;
}
.subnav a {
    float: left;
    width: 248px;
    text-decoration: none;
    text-align: center;
    color: #e5e5e5;
    border-left: 1px solid #12466f;
    border-right: 1px solid #000c16;
}
.subnav a:hover {
    background: #3598db;
    color: #fff;
    border-color: #3598db;

}
/*nav }*/

/*column {*/
.column p {
    color: #808080;
    line-height: 2;
    font-size: 13px;
    margin-top: 10px;
}
.column h3 {
    font-size: 16px;
    color: #808080;
    margin: 20px 0 6px 0;
}
.step_list_box {position: relative;}

.step_list .title_box {
    width: 100%;
    position: relative;
}
.step_list a {color:#3598DB;}
.ljsq_icon {
    position: absolute;
    right: 0;
    top: 35px;
    *top:5px;
    width: 124px;
    height: 30px;
    line-height: 30px;
    background: #c9262e;
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
    text-indent: 48px;
    text-decoration: none;
}
.ljsq_icon:hover {
    background-color: #f52732;
}
.step_list {
    width: 1020px;
    padding-top: 130px;
    background: url(../images/step_list.png) no-repeat top left;
    margin-top: 30px;
}
.step_list li {
    float: left;
    font-size: 14px;
    color: #808080;
    width: 130px;
    margin-right: 166px;
    line-height: 1.5;
}
/*column }*/

/*cpys {*/
#cpys ul {
    width: 1000px;
}
#cpys li {
    float: left;
    width: 380px;
    margin-top: 20px;
    padding-left: 80px;
}
.cpys_icon1 {background: url(../images/cpys_icon1.png) no-repeat left 18px;margin-right: 80px;}
.cpys_icon2 {background: url(../images/cpys_icon2.png) no-repeat left 18px;}
.cpys_icon3 {background: url(../images/cpys_icon3.png) no-repeat left 18px;margin-right: 80px;}
.cpys_icon4 {background: url(../images/cpys_icon4.png) no-repeat left 18px;}
.cpys_btn {
    display: block;
    width: 150px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin: 20px auto 0;
    border: 1px solid #3598db;
    text-decoration: none;
    color: #3598db;
    border-radius: 12px;
}
.cpys_btn:hover {
    background: #3598db;
    color: #fff;
}
/*cpys }*/
.contrast {margin-top: 30px;}
.contrast li {
  height: 40px;
  line-height: 40px;
}
.contrast li span {
  width: 212px;
  background: #fff;
  display: inline-block;
  float: left;
  text-align: center;
  height: 40px;
  line-height: 40px;
  font-size: 13px;
}
.border_lt {
  border-left: #d2d2d2 1px solid;
  border-top: #d2d2d2 1px solid;
}
.f_bold {
  font-weight: bold;
}
.bluebg {
  width: 113%;
  margin-left: -20px;
}
.contrast li.bluebg span {
  background: #3598db;
  color: #fff;
}
.border_lrt {
  border-left: #d2d2d2 1px solid;
  border-right: #d2d2d2 1px solid;
  border-top: #d2d2d2 1px solid;
}
.border_b {
  border-bottom: #d2d2d2 1px solid;
}

.feeM {
  text-align: center;
  background: url(https://www.wosigndoc.com/images/respond/signpribg.gif) no-repeat top center;
  height: 427px;
  width: 100%;
  color: #fff;
}
.feeM .feeTitle {
  font-size: 42px;
  margin: 0;
  padding-top: 170px;
  line-height: 50px;
}
.feestruc {
    font-size: 18px;
    margin-top:10px;
}
/*footer {*/
.footer {
    background: #2c2c2c;
    text-align: center;
    color: #e5e5e5;
    font-size: 14px;
    padding: 40px 0 20px;
}
.footer p {
    margin:0 0 20px;
}
.footer a {
    color: #e5e5e5;
    text-decoration: none;
}
.footer a:hover {color:#fff;}
/*footer }*/
img[src="http://icon.cnzz.com/img/pic.gif"] {display: none;}