@charset "utf-8";
/* CSS Document */
body{ font-family:"Microsoft Yahei","Hiragino Sans GB",sans-serif;}
a{ color:#666;}
a:hover, a:active, a:focus {color:#0088cc;}
a:hover{ text-decoration:underline;}
.more{color:#37a2c6; font-size:12px;}
.text-r{ text-align:right;}
.text-l{ text-align:left;}
.text-c{ text-align:center;}
.top{height: 34px;line-height: 34px;background: #f3f3f3;border-bottom: solid 1px #dfdfdf;}
.top_cont{font-size: 12px;color: #656565;}
.login-info span{ margin:0 5px;height:34px; line-height:34px; display:inline-block;}
.login-info span a:hover{   color:#30aa3b; text-decoration:none;}
.login-info .login_i7 a{ background:url(/images/V4/loginInf_03Ho.png) no-repeat left center; padding-left:18px;color:#30aa3b;}
.login-info .reg_i7 a{ background:url(/images/V4/loginInf_05.png) no-repeat left center; padding-left:18px;}
.login-info .reg_i7 a:hover{ background:url(/images/V4/loginInf_05Ho.png) no-repeat left center; }

 

.topmenu li{float:left;position:relative;background-position:right top;color:#333; height:34px;}
.topmenu li a{color:#333;}
.topmenu li a:hover{color:#ef5a00; }
.topmenu strong{display:block;position:relative; padding:0 10px;font-weight:normal; z-index:20;cursor:pointer;}
.topmenu .jq_hidebox{display:none;position:absolute;left:0;top:25px; padding:10px; border:1px solid #dfdfdf;box-shadow:0 1px 2px #ccc;background:#fff;z-index:10;line-height:24px;  }
.topmenu li.hover strong{border:1px solid #dfdfdf;border-bottom:none;background-color:#fff;}
.topmenu li.hover strong{margin:-1px -1px 0 -1px;}
.topmenu strong.icon_arr{padding-right:20px;background:url(/images/V4/topmenu.gif) no-repeat 65px 16px;}
.topmenu li.hover strong.icon_arr{background-position:65px -8px;}
.linkB {
    margin: 0 10px;
}
.nav_buy{ padding:20px 0; height:auto; overflow:hidden;}
.ser1{padding-left: 30px;padding-top: 5px; background: url(/images/V4/service.jpg) 5px center no-repeat;}


.nav-b{   font-size:16px; border-bottom:1px solid #eee; background:#fff;}
.nav-b .logo{ background:url(/images/V4/logo.jpg) no-repeat left 10px; height:66px; width:328px; float:left;}
.nav-b .menu-a{ float:right;}
.nav-b .menu-a ul li{ float:left; padding:0 20px; text-align:center; height: 66px; line-height:66px;}
.nav-b .menu-a ul li a{color:#333; font-size:14px;}
.nav-b .menu-a ul li a:hover{ color:#333; text-decoration:underline;}




.nav-b .loginTop{ background:#f5f5f5; border:1px solid #e7e7e7; height:30px;color:#666;  line-height:30px; padding:0 10px; margin-top:15px; margin-left:20px; position:relative;}
.nav-b .loginTop a{color:#666; margin:0 2px; font-size:12px;}
.nav-b .loginTop a:hover{ text-decoration:underline; color:#333;}
.loged{ background:url(/images/V4/userSign.png) no-repeat left center; padding-left:25px; }
.dropI{ background:url(/images/V4/drop-down.png) no-repeat center; width:16px; height:30px; display:inline-block;vertical-align: middle;}
.nav-b .loginTop a.loged:hover{ text-decoration:none;}
.nocon { position: absolute; top: 30px; left: -1px;z-index: 99;  *top: 28px; width: 100%;background:#f5f5f5; border:1px solid #e7e7e7; }
.menu-a .nocon ul li{padding:0; float:none; height:34px; line-height:34px;}
.menu-a .nocon ul li a{ display:block; text-align:center; margin:0; font-size:12px;}
.menu-a .nocon ul li a:hover{ text-decoration:none; background:#e5e5e5;}

.tel_a{ background:url(/images/V4/tel_a.png) no-repeat left center; width:132px; height:31px; display:inline-block; margin-left:15px;}
/*优势*/
.bannerInfo {
  width: 100%;
}
.bannerInfo ul {
  width: 1200px;
  margin: 0 auto;
  padding: 0;
}
.bannerInfo ul .item {
   width: 286px;
  height: 53px;
  margin: 15px 7.5px 0 7.5px;
  _margin: 20px 6px 0 6px;
  background:url(/images/V4/adv_bg.jpg) no-repeat;
  background-color: #f1f1f1;
  border: 1px solid #ccc;
  position:relative;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  *zoom: 1;
  
}
.bannerInfo ul .ml_0{ margin-left:0;}
.bannerInfo ul .mr_0{ margin-right:0;}

.bannerInfo ul .item:hover {
  background-position: -180px 0;
}
.bannerInfo ul .item:before,
.bannerInfo ul .item:after {
  display: table;
  content: "";
}
.bannerInfo ul .item:after {
  clear: both;
}
.bannerInfo ul .item .itemIcon {
  float: left;
  width: 50px;
  height: 32px;
  margin-top: 10px;
  margin-left: 12px;
  background:url(/images/V4/advicon.png) 10px 0px no-repeat;
}
.bannerInfo ul .item .itemIcon.shiyong {
  background:url(/images/V4/advicon.png) 10px -52px no-repeat;
}
.bannerInfo ul .item .itemIcon.yujin {
  background:url(/images/V4/advicon.png) 10px -107px no-repeat;
}
.bannerInfo ul .item .itemIcon.xiangying {
  background:url(/images/V4/advicon.png) 10px -163px no-repeat;
}
.bannerInfo ul .item a {
  color: #666;
}
.bannerInfo ul .item .itemDetail {
  *zoom: 1;
}
.bannerInfo ul .item .itemDetail:before,
.bannerInfo ul .item .itemDetail:after {
  display: table;
  content: "";
}
.bannerInfo ul .item .itemDetail:after {
  clear: both;
}
.bannerInfo ul .item .itemDetail h3 {
  float: left;
  margin-left: 10px;
  font-weight:normal;
  margin-top:13px;
  font-size: 18px;
}
.bannerInfo ul .item .itemDetail h3 a {
  color: #666;
}
.bannerInfo ul .item .itemDetail span {
  float: right;
  color: #808080;
  width: 12px;
  height: 17px;
  margin: 18px 20px 0 0px;
  background:url(/images/V4/goicon.png) no-repeat;
  font-size: 12px;
}


.th_b{ background:url(/images/V4/advicon.png) no-repeat 0 -224px; display:block; position:absolute; top:0; right:66px; width:71px; height:50px;}
.xq_b{ background:url(/images/V4/advicon.png) no-repeat 0 -304px; display:block; position:absolute; top:0; right:88px; width:51px; height:50px;}
.free_b{ background:url(/images/V4/advicon.png) no-repeat 0 -388px; display:block; position:absolute; top:0; right:90px; width:51px; height:50px;}

/*二级导航*/
.wrap-plat{height:110px; width:860px; margin:0 auto; }
.wrap-plat .plat { height:110px;position:relative;z-index:11;}
.wrap-plat .twocode {width:128px;height:160px;text-align:center;background:#fff;font:12px/20px "Microsoft YaHei","宋体";position:absolute;top:-32px;right:0;}
.wrap-plat .twocode img {margin-bottom:3px;width:128px;height:128px;}
.list-plat li {float:left;margin:0px 15px 0 15px;width:132px;height:105px;text-align:center;overflow:hidden;position:relative;z-index:2; cursor: pointer;  }

.list-plat .allPro{ height:105px; line-height:105px;width: 150px; }
.list-plat .allPro a{ font-size:18px; height: 36px; line-height: 36px;    margin-top: 40px;border:1px solid #999; width:127px; margin-left:20px;}
.list-plat .allPro a:hover{ border:1px solid #5db432;}
.list-plat .ico {margin:auto;padding-top:10px; height:60px;background-image:url(/images/V4/ico.png);background-repeat:no-repeat;cursor:pointer;}
.list-plat .text {padding-top:3px;text-align:center;font-size:14px;}
.list-plat .down {display:none;padding-top:3px;text-align:center;font-size:12px;}
.list-plat .round {
	_display:none;width:112px;height:112px;background:url(/images/V4/round.png);position:absolute;top:0px;left:0px;z-index:1;
	-webkit-transition:200ms;-moz-transition:200ms;transition:200ms;
	filter:alpha(opacity=0);opacity:0;
	transform:scale(.1);
	-webkit-transform:scale(.1);
	-moz-transform:scale(.1);
	-o-transform:scale(.1);
	-ms-transform:scale(.1);
}
.list-plat .update {display:none;_display:block;padding-top:8px;font-size:12px;color:#999; position: absolute; width: 100%; left: 0; bottom: 0;} 
.list-plat .ico-new {width:23px;height:11px;background:url(/images/V4/ico_new.png);overflow:hidden;position:absolute;top:10px;right:18px;z-index:2; display: none;}
.list-plat a {color:#445; display: block;height: 100%;width:100%; position: relative;}
.list-plat a:visited {color:#445;}
.list-plat a:hover {color:#5db432;}





a.plat-android .ico{background-position:32px 15px;-webkit-transition:200ms;-moz-transition:200ms;transition:200ms;}
a.plat-android:visited .ico{background-position:32px 15px;}
a.plat-android:hover .ico {background-position:32px -105px; }

a.plat-iphone .ico{background-position:-111px 15px;-webkit-transition:200ms;-moz-transition:200ms;transition:200ms;}
a.plat-iphone:visited .ico{background-position:-111px 15px;}
a.plat-iphone:hover .ico {background-position:-111px -105px;}

a.plat-pc .ico{background-position:-255px 15px;-webkit-transition:200ms;-moz-transition:200ms;transition:200ms;}
a.plat-pc:visited .ico{background-position:-255px 15px;}
a.plat-pc:hover .ico {background-position:-255px -105px;}

a.plat-wp .ico{background-position:-825px 15px;-webkit-transition:200ms;-moz-transition:200ms;transition:200ms;}
a.plat-wp:visited .ico{background-position:-825px 15px;}
a.plat-wp:hover .ico {background-position:-825px -105px;}

a.plat-apad .ico{background-position:-396px 15px;-webkit-transition:200ms;-moz-transition:200ms;transition:200ms;}
a.plat-apad:visited .ico{background-position:-396px 15px;}
a.plat-apad:hover .ico {background-position:-396px -105px;}

a.plat-ipad .ico{background-position:-528px 15px;-webkit-transition:200ms;-moz-transition:200ms;transition:200ms;}
a.plat-ipad:visited .ico{background-position:-528px 15px;}
a.plat-ipad:hover .ico {background-position:-528px -105px;}

a.plat-tv .ico{background-position:-681px 15px;-webkit-transition:200ms;-moz-transition:200ms;transition:200ms;}
a.plat-tv:visited .ico{background-position:-681px 15px;}
a.plat-tv:hover .ico {background-position:-681px -105px;}

 

a.plat-android:hover .update, a.plat-iphone:hover .update, a.plat-pc:hover .update, a.plat-wp:hover .update, a.plat-ipad:hover .update, a.plat-tv:hover .update , a.plat-apad:hover .update, a.plat-pad:hover .update , a.plat-pad-sel .update {display:block;} 
a.plat-android:hover .text, a.plat-iphone:hover .text, a.plat-pc:hover .text, a.plat-wp:hover .text, a.plat-ipad:hover .text, a.plat-tv:hover .text, a.plat-apad:hover .text, a.plat-pad:hover .text , a.plat-pad-sel .text {display:none;} 
a.plat-android:hover .down, a.plat-iphone:hover .down, a.plat-pc:hover .down, a.plat-wp:hover .down, a.plat-ipad:hover .down, a.plat-tv:hover .down, a.plat-apad:hover .down, a.plat-pad:hover .down, a.plat-pad-sel .down {display:block;}
a.plat-android:hover .round, a.plat-iphone:hover .round, a.plat-pc:hover .round, a.plat-wp:hover .round, a.plat-ipad:hover .round, a.plat-tv:hover .round, a.plat-apad:hover .round, a.plat-pad:hover .round, a.plat-pad-sel .round {
	filter:alpha(opacity=100);opacity:1;
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
}

.contact-b{ padding-top:23px;}
.contact-b .tel-b{ background:url(/images/V4/tel-b_03.png) no-repeat; width:138px; height:37px; display:block; margin-bottom:5px;} 
.contact-b .kf-b{ background:url(/images/V4/kf-b_07.png) no-repeat 7px center #8ac243; padding-left:20px; width:126px; height:33px; line-height:33px; display:block; color:#fff; font-size:12px; }
.contact-b .kf-b:hover{ color:#fff;} 




/*banner*/
.banner{ background:url(/images/V4/banner_03.jpg) no-repeat top center #eaeaea; width:100%; height:385px;}
.b-width{ width:1030px; margin:0 auto; position:relative; height:385px;}
.b-pro1{ background:url(/images/V4/ban-ele-de_03.png) no-repeat; width:131px; height:138px; position:absolute; top:90px; left:0;}
.b-pro2{ background:url(/images/V4/ban-ele-de_05.png) no-repeat; width:131px; height:138px; position:absolute; top:90px; right:0;}
.b-pro3{ background:url(/images/V4/ban-ele-de_10.png) no-repeat; width:131px; height:138px; position:absolute; top:240px; left:180px;}
.b-pro4{ background:url(/images/V4/ban-ele-de_09.png) no-repeat; width:131px; height:138px; position:absolute; top:240px;  right:210px;}

.b-width span{position: absolute; padding:15px 20px;background: #00aeef; color:#fff; font-size:18px; text-align:center;border-radius: 5px;-webkit-border-radius:5px;-moz-border-radius:5px; text-decoration:none;
      -webkit-transition:all .5s ease-in-out;
      -moz-transition:all .5s ease-in-out;
      -ms-transition:all .5s ease-in-out;
      -webkit-transform:scale(0.1);
      -moz-transform:scale(0.1);
      -ms-transform:scale(0.1);
      opacity: 0;
      filter:alpha(opacity=0);
}
.b-width span:hover{text-decoration:none;}
.b-pro1 span{top:10px;right: -90px;}
.b-pro2 span{top:10px;left: -130px;}
.b-pro3 span{top:10px;right: -130px;}
.b-pro4 span{top:10px;left: -140px;}
.b-pro1:hover span{ 
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  opacity: 1;
  filter:alpha(opacity=100);
}
.b-pro2:hover span{ 
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  opacity: 1;
  filter:alpha(opacity=100);
}
.b-pro3:hover span{ 
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  opacity: 1;
  filter:alpha(opacity=100);
}
.b-pro4:hover span{ 
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  opacity: 1;
  filter:alpha(opacity=100);
}
/* Arrow */
.b-pro1 .arrow-b, .b-pro3 .arrow-b {
 	position: absolute;
	width: 16px;
	height: 16px;
	left: 0%;
	margin-left: -7px;
	top: 40%;
	background:url(/images/V4/arrow-b.png) no-repeat;
	display:none;
 }

.b-pro2 .arrow-b,.b-pro4 .arrow-b{
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	right: 0%;
	right:-16px;
 	top: 40%;
	background: #00AEEF;
	background:url(/images/V4/arrow-c.png) no-repeat;
	display:none;
}

/*.b-pro1:hover{ background:url(/images/V4/ban-ele_03.png) no-repeat; width:131px; height:138px; position:absolute; top:36px; left:0;}
.b-pro2:hover{ background:url(/images/V4/ban-ele_05.png) no-repeat; width:131px; height:138px; position:absolute; top:36px; right:0;}
.b-pro3:hover{ background:url(/images/V4/ban-ele_10.png) no-repeat; width:131px; height:138px; position:absolute; top:240px; left:0;}
.b-pro4:hover{ background:url(/images/V4/ban-ele_09.png) no-repeat; width:131px; height:138px; position:absolute; top:240px;  right:0;}
*/



.fz_1{ position:absolute; display:block; top:220px; left:40px;}
.fz_2{ position:absolute; display:block; top:220px; left:350px;}
.fz_3{ position:absolute; display:block; top:220px; left:666px;}
.fz_4{ position:absolute; display:block; top:220px; left:953px;}
.brand a{
 	width: 171px;
	height: 174px;
	text-align: center;
 }
.brand img{
	width: 171px;
	height: 174px;
}
.brand .info{
	display: none;
 }
 .fzh_1{ background:url(/images/V4/bannerProH_10.png) no-repeat;position:absolute; width: 171px;
	height: 174px;  top:220px; left:40px;}
.fz_2{ background:url(/images/V4/bannerProH_03.png) no-repeat; position:absolute; display:block; top:220px; left:350px;}
.fz_3{ background:url(/images/V4/bannerProH_05.png) no-repeat; position:absolute; display:block; top:220px; left:666px;}
.fz_4{ background:url(/images/V4/bannerProH_07.png) no-repeat; position:absolute; display:block; top:220px; left:953px;}

.pdfimg{ background:url(/images/V4/wosign_bug_24.png) no-repeat; width:629px; height:310px; position:relative; display:block;}
.pdf-woq{ position:absolute; top:0; right:0;}
/*
.purchaseBtn{ padding:0px 24px; height:40px; line-height:40px;text-align: center; color: #fff;background: #37b249; border-radius: 3px;-webkit-border-radius:3px;-moz-border-radius:3px; border:none;  }
.purchaseBtn:hover{ background:#46c458;}
.priceStyle{ font-size:24px; color:#f60;}

.titF{ font-size:36px; font-weight:normal; color:#333; margin-bottom:20px;}
.areabg{  width:100%; padding:50px 0; height:300px; overflow:hidden;  color:#333}
.ssl_con{ width:1200px;position:relative; font-size:14px; margin:0 auto;} 
.ssl_bg .txt_fun{ left:20px; top:60px; width:435px;position:absolute; font-size:16px;}
.ssl_con .img_ins{ position:absolute;left:560px; top:0;  }
.txt_fun ul{ padding:10px 0 0;} 
.txt_fun ul li{ background:url(/images/V4/wosign_bug_15.png) no-repeat left center; padding-left:20px; font-size:14px; line-height:24px;}
 
 
.greybg{ background:#f7f7f7;}
.evcode_con{ width:1200px;position:relative; font-size:14px; margin:0 auto;} 
.evcode_con .txt_fun{ left:700px; top:60px; width:435px;position:absolute; font-size:16px;}
.evcode_con .img_ins{ left:0px; top:0; position:absolute; }

.pdf_con{ width:1200px;position:relative; font-size:14px; margin:0 auto;} 
.pdf_con .txt_fun{ left:20px; top:100px; width:435px;position:absolute; font-size:16px;}
.pdf_con .img_ins{ left:560px; top:0; position:absolute; }

free
.freeArea{ background:#f3f8f9; width:49%; text-align:center; position:relative; margin:20px 0; height:300px;}
.freeArea .sslfree{ background:url(/images/V4/wosign_bug_35.png) no-repeat 30px 50px; padding-top:200px; font-size:24px; color:#333;}
.freeArea .eamilfree{ background:url(/images/V4/wosign_bug_38.png) no-repeat 30px 50px; padding-top:200px; font-size:24px; color:#333;}
.freeArea .freeicon{ background:url(/images/V4/wosign_bug_32.png) no-repeat; position:absolute; top:10px; right:30px; width:122px; height:104px;}
 */
.custmer{ background:url(/images/V4/wosign_bug_44.png) top center no-repeat; padding-top:50px; margin-top:50px; margin-bottom:30px;}
.advbg{ background:url(/images/V4/advbg.png) repeat-x; height:85px; overflow:hidden;}
.advbg ul li{ background:url(/images/V4/wosign_bug_48.png) no-repeat; padding-left:80px; margin-right:152px; height: height:85px; line-height:85px;  float:left;height:85px; font-size:16px;}
.advbg ul li.tui{ background-position:0 10px;}
.advbg ul li.cf{ background-position:0 -79px;}
.advbg ul li.aj{ background-position:0 -164px;}
.advbg ul li.th{ background-position:0 -251px;}


a.abtn{display:block;height:60px;width:17px;overflow:hidden;background:url(/images/V4/arrow3.png) no-repeat 0px 50%;}
a.aleft{float:left;}
a.agrayleft{cursor:default;background-position:-34px 50%;}
a.aright{float:right;background-position:-17px 50%;}
a.agrayright{cursor:default;background-position:-51px 50%;}
.scrolllist{width:1200px;margin:0 auto;}
.scrolllist .imglist_w{  float:left;position:relative;/*必要元素*/}
 .scrolllist .imglist_w li{width:146px;float:left;padding:0 10px; margin-bottom:20px;}
.scrolllist .imglist_w li img{padding:2px;}
.scrolllist .imglist_w li a{color:#3366cc;text-decoration:none;float:left; background:url(/images/V4/case.png) no-repeat;width:146px; height:58px; overflow:hidden;}
.scrolllist .imglist_w li a:hover{background:url(/images/V4/caseHover.png);}
.scrolllist .imglist_w li a:hover img{filter:alpha(opacity=86);-moz-opacity:0.86;opacity:0.86;}
.scrolllist .imglist_w li p{height:48px;line-height:24px;overflow:hidden;float:left;}
.scrolllist .imglist_w li a.case1{ background-position:0 0;}
.scrolllist .imglist_w li a.case2{ background-position:0 -58px;}
.scrolllist .imglist_w li a.case3{ background-position:0 -116px;}
.scrolllist .imglist_w li a.case4{ background-position:0 -174px;}
.scrolllist .imglist_w li a.case5{ background-position:0 -232px;}
.scrolllist .imglist_w li a.case6{ background-position:0 -286px;}
.scrolllist .imglist_w li a.case7{ background-position:0 -353px;}
.scrolllist .imglist_w li a.case8{ background-position:0 -413px;}
.scrolllist .imglist_w li a.case9{ background-position:0 -468px;}
.scrolllist .imglist_w li a.case10{ background-position:0 -522px;}
.scrolllist .imglist_w li a.case11{ background-position:0 -580px;}
.scrolllist .imglist_w li a.case12{ background-position:0 -638px;}
.scrolllist .imglist_w li a.case13{ background-position:0 -696px;}
.scrolllist .imglist_w li a.case14{ background-position:0 -756px;}
.scrolllist .imglist_w li a.case15{ background-position:0 -812px;}
.scrolllist .imglist_w li a.case16{ background-position:0 -873px;}
.scrolllist .imglist_w li a.case17{ background-position:0 -928px;}
.scrolllist .imglist_w li a.case18{ background-position:0 -985px;}
.scrolllist .imglist_w li a.case19{ background-position:0 -1054px;}
.scrolllist .imglist_w li a.case20{ background-position:0 -1113px;}
.scrolllist .imglist_w li a.case21{ background-position:0 -1170px;}
.scrolllist .imglist_w li a.case22{ background-position:0 -1228px;}
.scrolllist .imglist_w li a.case23{ background-position:0 -1286px;}
.scrolllist .imglist_w li a.case24{ background-position:0 -1344px;}
.scrolllist .imglist_w li a.case25{ background-position:0 -1402px;}
.scrolllist .imglist_w li a.case26{ background-position:0 -1460px;}
.scrolllist .imglist_w li a.case27{ background-position:0 -1169px;}
.scrolllist .imglist_w li a.allCut{ background:#e5e5e5; text-align:center; color:#999; font-size:14px; height:40px; line-height:40px; margin-top:18px;}
.scrolllist .imglist_w li a:hover{ text-decoration:underline;}


/* 回到顶部 */
 #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/V4/Top.png);
	_background-image:url(/images/V4/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;
}





 

 
/*footer*/
.foot_list{height: 109px;border-top: solid 1px #289d33;background: #fafafa;}
.foot_list_cont span{float: left;width:218px;margin-right: 40px;margin-left: 10px; margin-top: 18px;padding-left: 30px; font-size: 16px;height: 78px;line-height: 78px;text-align: center;color: #000;border-right: solid 1px #dedede;background: url(/images/V2/foot_list.jpg) 999px 999px no-repeat;}
.foot_list_cont .l1{background-position: 0 0;}
.foot_list_cont .l2{background-position: 0 -78px;}
.foot_list_cont .l3{background-position: 0 -156px;}
.foot_list_cont .l4{background-position: 0 -234px;border-right: 0;}

.middle {
    margin: 0 auto;
    width: 1200px;}

.footer{ padding-top: 30px; background: #26313e; }
.foot_logo{ }
.foot_content{color: #b9b9b9;}
.foot_content h3{font-size: 16px;height: 45px;line-height: 45px;font-weight: normal;}
.f_list{width: 150px;}
.f_list li{line-height: 20px;}
.f_list li a{   color: #828690;}
.foot_text{margin-top: 20px;}
.foot_text p{text-align: center; padding:10px 0; line-height:20px;}
.turstIcon{ text-align:center;}
.turstIcon img{ margin:0 3px;}

.foot_list_cont2 span{float: left;width:218px;    margin-left: 13px;
margin-right: 26px;
margin-top: 18px;
padding-left: 85px; width: 130px;font-size: 16px;height: 78px;line-height: 78px; color: #000;border-right: solid 1px #dedede;background: url(/images/V2/foot_list.jpg) 999px 999px no-repeat;}
.foot_list_cont2 .l1{background-position: 0 0;}
.foot_list_cont2 .l2{background-position: 0 -78px;}
.foot_list_cont2 .l3{background-position: 0 -156px;}
.foot_list_cont2 .l4{background-position: 0 -234px;border-right: 0;}
.f_list2{width: 115px;}
.w980 .f4{ width:175px;}
.f_list2 li{line-height: 20px;}

.helpRightH{ position:fixed; right:0; top:350px;}
.helpRightH .shopCR{ background:url(/images/V2/helpH_26.png) no-repeat; width:210px; height:47px; position:relative; margin-top:10px;}
.helpRightH .shopCR .quanity{ background:#fff;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px; padding:0 5px; height:14px; line-height:14px; color:#fd6f27; position:absolute; top:17px; left:120px;}
.helpRightH .waiterS{ background:url(/images/V2/helpH_21.png) no-repeat;width:210px; height:47px; display:block;}

.ver-oper{ background:#1f2a37; border: 1px solid #2b3642; width:130px; padding:10px 0; margin-right:50px; margin-top:15px;}
.ver-oper ul li{ height:30px; line-height:30px;}
.ver-oper ul li a{ background:url(/images/V4/operate_58.png) no-repeat; padding-left:50px;height:30px; line-height:30px; display:block; color:#7f92a9;}
.ver-oper ul li a.part-1{ background-position:10px 0;}
.ver-oper ul li a.part-2{ background-position:10px -34px;}
.ver-oper ul li a.part-3{ background-position:10px -68px;}
.ver-oper ul li a.part-4{ background-position:10px -102px;}
/*css20150717*/
.part{padding: 60px 0;overflow: hidden;width: 1200px;margin: 0 auto;}

.left{width: 40%;}
.left p{font-size: 16px;}
.left p.p_bg{
	  padding-left: 20px;
	  background: url(/images/V4/wosign_bug_15.png) no-repeat left center;
	  line-height: 27px;font-size: 14px;
}
.left p.title{
	margin: 20px 0;font-size: 14px;
}
.left h2{font-size: 32px;color: #333;font-weight: 200;}
.left h2.title{margin-top:50px;margin-bottom: 30px; }
.right{width: 60%;}

.left .buy_btn{margin-top: 20px;}
.left .buy_btn a{display: inline-block;width: 105px;height: 40px;text-align: center;line-height: 40px;background: #3eca52;color: #fff;
	border-radius: 3px; font-size:16px;-moz-transition: all 1s ease 0s;
}
.left .buy_btn a:hover{ background:#62bc30; text-decoration:none;}
.left .buy_btn span{color: #f60;font-size: 24px;padding-left: 15px;margin-top: 5px;}

.part2{background: #f7f7f7;}
.free{ height: 300px;    padding-left: 220px;    position: relative;    width: 360px;background: url(/images/V4/wosign_bug_35.png) no-repeat 30px 70px #f3f8f9;}
.free2{height: 300px;    padding-left: 220px;    position: relative;    width: 360px; background: url(/images/V4/wosign_bug_38.png) no-repeat 30px 70px #f3f8f9;}
.freeName{ font-size: 24px;color: #333;margin-top: 120px;}
.free span,.free2 span{color: #f60;}
.free .free_bg,.free2 .free_bg{position: absolute;top: 10px;right: 30px;width: 122px;
  height: 104px;background: url(/images/V4/wosign_bug_32.png) no-repeat;}

.pad_left p,.pad_left h2,.pad_left div{}



/*内页*/
.ssl_1{ padding:50px 0; border-bottom:1px dashed #e0e0e0;}
.h2Stlyle{color: #333;    font-size: 28px;    font-weight: normal;margin-bottom: 20px; text-align:center;}
.funtion{ font-size:18px; text-align:center; margin-bottom:30px;}
.sslBlock{ text-align:center; width:226px; margin-top:100px; margin-left:20px;}
.pro{ border:1px solid #d5ac31; text-align:center; padding:20px 0; color:#d5ac31; position:relative; font-size:16px;}
.pro .tit{ font-size:18px; font-weight:normal;background:#fff; padding:10px 10px; position:absolute; top:-25px; left:48px;}

.purBtn_2{ padding:0px 24px; height:34px;  text-align: center; color: #fff;background: #37b249; border-radius: 3px;-webkit-border-radius:3px;-moz-border-radius:3px; border:none; margin-top:10px; font-size:14px;-moz-transition: all 1s ease 0s;}
.purBtn_2:hover{ background:#62bc30;}


.purBtn_3{ padding:0px 15px; height:30px;  text-align: center; color: #fff;background: #37b249; border-radius: 3px;-webkit-border-radius:3px;-moz-border-radius:3px; border:none;  font-size:14px;-moz-transition: all 1s ease 0s;}
.purBtn_3:hover{ background:#62bc30;}

.tryBtn{ padding:0px 15px; height:30px;  text-align: center; color: #fff;background: #37b249; border-radius: 3px;-webkit-border-radius:3px;-moz-border-radius:3px; border:none;  font-size:14px;-moz-transition: all 1s ease 0s;}
.tryBtn:hover{ background:#62bc30;}


.priceS2{ font-size:20px; color:#f60; margin-top:10px;}
.ordinary{ border:1px solid #c4c4c4; text-align:center; padding:20px 0; color:#414141; position:relative; font-size:16px;}

.ssl_3{ padding:50px 0;}

.ssl_3 .list-1{ background:#f7f7f7; width:586px; height:270px; text-align:center; padding:30px 0 20px; position:relative;}
.ssl_3 .s_sign{ background:url(/images/V4/ssllist_08.png) no-repeat 0 0 #f7f7f7;  }
.ssl_3 .s_sign2{ background:url(/images/V4/ssllist_10.png) no-repeat 0 0 #f7f7f7;  }
.ssl_3 .s_sign3{ background:url(/images/V4/ssllist_12.png) no-repeat 0 0 #f7f7f7;  }
.funtion-b{ font-size:18px; text-align:center; margin-bottom:15px;}


/*客户端证书*/
.client-cer{}
.pdfcer{  padding:50px 0;border-bottom: 1px dashed #e0e0e0;text-align:Justify;text-justify:inter-ideograph; height:auto; overflow:hidden;}
.pdfcer .imgLeft{background:url(/images/V4/client_03.png) no-repeat; width:525px; height:435px;}
.pdfcer .txtRight{ width:620px;}
.pdfcer ul{ padding:20px 0; height:auto; overflow:hidden;}
.pdfcer ul li{ background:url(/images/V4/client_14.png) no-repeat left center; padding-left:34px; float:left; width:270px; font-size:16px; margin:5px 0;}

.wosigndoc-td{ width:1200px; position:relative; height:90px;}
.wosigndoc-con{background:url(/images/V4/client_07.png) no-repeat; height:198px;width:1200px; top:-110px; position:absolute; }
.pdfcer .imgLeft-dw{background:url(/images/V4/client_11.png) no-repeat center center; width:525px; height:299px;}
.pdfcer .imgLeft-gr{background:url(/images/V4/client_19.png) no-repeat center center; width:525px; height:299px;}
.pdfcer .imgLeft-free{background:url(/images/V4/client_23.png) no-repeat center center; width:525px; height:299px;}

/*代码签名证书*/
.code-cer{ padding:50px 0;border-bottom: 1px dashed #e0e0e0; height:auto; overflow:hidden;}
.code-cer .leftImg{ background:#fafafa; padding:10px 0; text-align:center; border:1px solid #e7e7e7; width:330px; margin-right:50px;}
.code-cer .rightTxt{}
.rightTxt ul{padding:10px 0; height:auto; overflow:hidden;}
.rightTxt ul li{background:url(/images/V4/client_14.png) no-repeat left center; padding-left:34px; float:left; width:350px; font-size:16px; margin:5px 0;}

.andrio-code{ width:46%; background:#f7f7f7;  padding:30px 20px; margin-bottom:50px;height:auto; overflow:hidden;}
.andrio-code .and-sign-dw{ margin-right:20px;}
.andrio-code-txt{ width:300px;}
.andrio-code-txt ul{padding:10px 0; height:auto; overflow:hidden;}
.andrio-code-txt ul li{background:url(/images/V4/client_14.png) no-repeat left center; padding-left:34px; font-size:16px; margin:5px 0;}




/*PKI云服务*/
.pki-cloud{ padding:40px 0 50px;text-align:Justify;text-justify:inter-ideograph;}
.pki-c{ background:url(/images/V4/pki_02.png) no-repeat center center; height:398px; width:100%; margin:20px auto;}
.pki-list{ width:33%; text-align:center; border-right:1px dashed #e0e0e0; padding:20px 0;}
.pkitit{ font-size:24px; font-weight:normal; color:#333; margin-bottom:10px;}



ul.part2_ul{ padding: 0 0px;}
ul.part2_ul li{ position:relative;padding: 7px 0; padding-left: 48px; float:left; width:190px; margin:3px 0;}
ul.part2_ul li label{ font-size: 14px; line-height: 24px;  font-weight: 700; display: block;}
ul.part2_ul li p{ line-height: 24px; }
ul.part2_ul li b{ position: absolute; left: 0px; top: 0px; display: block; width: 36px; height: 36px; background: url(/images/V4/part2_icon.png) no-repeat;}
ul.part2_ul li.icon1 b{ background-position: 0 0;}
ul.part2_ul li.icon2 b{ background-position: 0 -36px;}
ul.part2_ul li.icon3 b{ background-position: 0 -72px;}
ul.part2_ul li.icon4 b{ background-position: 0 -108px;}
ul.part2_ul li.icon5 b{ background-position: 0 -144px;}
ul.part2_ul li.icon6 b{ background-position: 0 -180px;}


 



/* 所有产品 */

#pricing-table {
    margin: 30px auto;
    text-align: center;
    width: 1200px; /* total computed width = 222 x 3 + 226 */
}

#pricing-table .plan {
    font: 12px 'Lucida Sans', 'trebuchet MS', Arial, Helvetica;
     background: #fff;      
    border: 1px solid #ddd;
    color: #333;
    padding: 20px;
    width: 355px; /* plan width = 180 + 20 + 20 + 1 + 1 = 222px  257px*/      
    float: left;
    position: relative;
}

#pricing-table #most-popular {
    z-index: 2;
    top: -13px;
    border-width: 3px;
    padding: 30px 20px;
    border-radius: 5px;
    box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);    
}

#pricing-table .plan:nth-child(1) {
    border-radius: 5px 0 0 5px;        
}

#pricing-table .plan:nth-child(4) {
    border-radius: 0 5px 5px 0;        
}

/* --------------- */   

#pricing-table h3 {
    font-size: 20px;
    font-weight: normal;
    padding: 20px;
    margin: -20px -20px 50px -20px;
    background-color: #eee;
    background-image: linear-gradient(#fff, #eee);
}

#pricing-table #most-popular h3 {
    background-color: #ddd;
    background-image: linear-gradient(#eee, #ddd);
    margin-top: -30px;
    padding-top: 30px;
    border-radius: 5px 5px 0 0;         
}

#pricing-table .plan:nth-child(1) h3 {
    border-radius: 5px 0 0 0;       
}

#pricing-table .plan:nth-child(4) h3 {
    border-radius: 0 5px 0 0;       
}   

#pricing-table h3 span {
    display: block;
    font: bold 14px/100px Georgia, Serif;
    color: #f60;
    background: #fff;
    border: 5px solid #fff;
    height: 100px;
    width: 100px;
    margin: 10px auto -65px;
    border-radius: 100px;
    box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
}

/* --------------- */

#pricing-table ul {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
}

#pricing-table li {
    border-top: 1px solid #ddd;
    padding: 10px 0;
}

/* --------------- */
    
#pricing-table .signup {
    position: relative;
    padding: 8px 24px;
    margin: 20px 0 0 0;  
    color: #fff;
    font: bold 14px Arial, Helvetica;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;       
    background: #37b249;
     border-radius: 3px;     
 }

#pricing-table .signup:hover {
    background-color: #62bc30;
 }

#pricing-table .signup:active, #pricing-table .signup:focus {
    background: #62bc30;       
    top: 2px;
 }

/* --------------- */

.clear:before, .clear:after {
  content:"";
  display:table
}

.clear:after {
  clear:both
}

.clear {
  zoom:1
}

.productList{ padding:30px 0;}
table.proTableS{ border-left:1px solid #eee;border-top:1px solid #eee;}
table.proTableS tr th,table.proTableS tr td{border-right:1px solid #eee;border-bottom:1px solid #eee;padding:10px 5px; text-align:center;}
table.proTableS tr td{ font-size:12px;}
table.proTableS tr th{ padding:10px 5px;     background-color: #eee;    background-image: linear-gradient(#fff, #eee); font-size:16px; font-weight:normal;}

table.proTableS tr td.try-ver{ text-align:left; padding-left:20px;}

.orPrice_d{ color: #969696;    text-decoration: line-through; font-size:18px; margin-left:10px; font-style:italic;}
.orPrice_ny{ color: #969696;    text-decoration: line-through; font-size:14px; font-style:italic;}

/* 2016 add*/
/* 2016 add*/
/* 2016 add*/
/* 2016 add*/
/* input, label positioning */
.custom-checkbox, .custom-radio {
    position: relative;
}
.custom-checkbox input{position:absolute;left:2px;top:2px;margin:0;}
.custom-checkbox label{display:block;position:relative;font-size:1.3em;padding-right:1em;line-height:1;padding:.5em 0 .5em 30px;margin:0 0 .3em;cursor:pointer;}
/* states */
.custom-radio label{background:url(../../images/radiobutton.gif) no-repeat; } 
.custom-checkbox label,.custom-radio label{background-position:-10px -15px;}
.custom-checkbox label.hover,.custom-checkbox label.focus,.custom-radio label.hover,.custom-radio label.focus{background-position:-10px -115px;}
.custom-checkbox label.checked,.custom-radio label.checked{background-position:-10px -216px;}
.custom-checkbox label.checkedHover,.custom-checkbox label.checkedFocus{background-position:-10px -316px;}
.custom-checkbox label.focus,.custom-radio label.focus{outline:1px dotted #ccc;}

 /* input, label positioning */
.custom-radio input{position:absolute;left:2px;top:2px;margin:0;}
.setDefaultInfor .custom-radio label{display:block;position:relative;font-size:14px; padding:0 0 0 30px; cursor:pointer;}
/* ---- toggle button examples ---- */
#view{width:140px;display: block;}
#view .custom-checkbox,#view .custom-radio{width:50%;float:left;}
#show{width:250px;display: block;clear: left;}
#show .custom-checkbox,#show .custom-radio{width:33%;float:left;}
.toggle label{border-collapse:collapse;}
.toggle .custom-checkbox label,.toggle .custom-radio label{padding:.4em 1em;border:1px solid #aaa;background-color:#eee;text-align:center;cursor:pointer;font-size:1.2em;width:auto;overflow:visible;background:#459e00 url(../images/button-green.gif) no-repeat left center;color:#fff;border-color:#2d7406;text-shadow:-1px -1px 0 #37730e;}
.toggle .custom-checkbox label.hover,.toggle .custom-checkbox label.focus,.toggle .custom-radio label.hover,.toggle .custom-radio label.focus{background-position: right center;border-color:#205b00;}
.toggle .custom-checkbox label.checked,.toggle .custom-radio label.checked,.toggle .custom-checkbox label.checkedHover,.toggle .custom-checkbox label.checkedFocus{background:#2d7406;border-color:#2d7406;}
.toggle .first label{-moz-border-radius-bottomleft:7px;-webkit-border-bottom-left-radius:7px;border-bottom-left-radius:7px;-moz-border-radius-topleft:7px;-webkit-border-top-left-radius:7px;border-top-left-radius:7px;}
.toggle .last label{-moz-border-radius-bottomright:7px;-webkit-border-bottom-right-radius:7px;border-bottom-right-radius:7px;-moz-border-radius-topright:7px;-webkit-border-top-right-radius:7px;border-top-right-radius:7px;}

.setInforTip{ margin-bottom:20px;}
.ico-TipBlue {color:#2f83be; font-size: 14px; }
.ico-TipBlue .icon{ 
	background:url(../../images/2016_04/order_n_10.png) no-repeat;
    display: inline-block;
    height: 17px;
     width: 17px;
	 vertical-align:middle;
	 margin-right:5px;
	 
	 }
.passIcon{ color:#2ea039 ;  font-size: 14px;}
.passIcon .icon{ 
	background:url(../../images/2016_04/order_n_07.png) no-repeat left 0px;
    display: inline-block;
    height: 17px;
     width: 17px;
	 vertical-align:middle;
	 margin-right:5px;
	 
	 }
.inforTit{ font-size:16px; font-weight:100; color:green; background:url('/images/icon3.png') left center no-repeat; padding-left:15px;}
.setDefaultInfor .custom-radio{ margin:10px 0;}
/*.setInforBtn input{ width:auto; padding:0 10px; border:#2ea039 1px solid; color:#2ea039; background:none;transition: background-color 1s,width 1s;-webkit-transition: background-color 1s,width 1s;}
.setInforBtn input:hover{background:#2ea039; color:#fff;}*/

.setInforBtn_btn{ width:auto; padding:0 10px; border:#2ea039 1px solid; color:#2ea039; background:none;transition: background-color 1s,width 1s;-webkit-transition: background-color 1s,width 1s;}
.setInforBtn_btn:hover{background:#2ea039; color:#fff;}

.tcBgPic{background:url(../../images/opacImg.png) repeat;}

.transferOrderList{ margin-top:10px;}
.transferOrderList .panel-title a{ display:block; font-size:14px;}
.transferOrderList .panel-title a:hover,.transferOrderList .panel-title a:link,.transferOrderList .panel-title a:visited{ text-decoration:none; outline:none;} 
.ml_5{ margin-left:5px;}
.stallPw ul li .sendEmailBtnSet{ color:#1f8c29; border:#2ea039 1px solid;padding: 0 10px;}
.stallPw ul li .sendEmailBtnSet:hover{color:#3ebd4b; border:#3ebd4b 1px solid;}

.panel-heading{ position:relative;}
.panel-heading .neglectBtn{ position:absolute; right:5px; top:1px;color:#2f83be;right: 15px; top: 9px; }

/*chooseorginfo*/
.fontBold td span{
    font-weight:500;
}

/*ApiConnetct*/
.apiTransp {
  text-align: center;
  font-size: 16px;
  background: url(/images/ApiConnetct.jpg) no-repeat center bottom;
  padding-bottom: 330px;
  padding-top: 40px;
}
.transfer-td-vcenter tr td{
   vertical-align: middle!important;
}

.tdborderleft-none{
    border-left:0!important;
}
.tdborderright-none{
    border-right:0!important;
}
/*頁面佈局優化*/
.form-body {
    height: 100%;
}

body, html {
    margin: 0;
    padding: 0;
    height: 100%;
}

#content {
    min-height: 100%;
    position: relative;
}

#main {
    padding-bottom: 120px;
}

#footer {
    position: absolute;
    bottom: 0;
    /*padding: 10px 0;*/
    width: 100%;
}


.p_mb_10 {
    margin-bottom: 10px;
}

.greenbtna{
    cursor:pointer;background:#5cb85c;color:#fff; padding:5px 10px
}
/**/
.tran{
    color: white;
    display: block;
    min-width: 120px;
    text-align: center;
    background: #47a9d7;
    height: 30px;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    border-radius: 2px;
}
.tran:hover{
    color:#fff;
}
.fontBold{
   background-color:#f4f4f4;
   height:57px;
}