@charset "utf-8";

body,dl,dt,dd,h1,h2,h3,h4,p,ul,ol,li,th,td,input,button,select,textarea,iframe { margin:0; padding:0}
img { border:0}
input::-moz-placeholder { color:#fff} 
input::-webkit-input-placeholder { color:#fff}
button::-moz-focus-inner,input::-moz-focus-inner { padding:0; border:0}
textarea { resize:vertical}
table { border-collapse:collapse; border-spacing:0}
ul { list-style:none}
input { outline:none; -webkit-user-modify:read-write-plaintext-only; -webkit-tap-highlight-color:rgba(0,0,0,0)}
input[type=checkbox],input[type=radio] { vertical-align:middle}

html { height:100%; font:12px/1.5 "Microsoft Yahei","Lucida Grande",Helvetica,Arial; color:#272727; position:relative}
body {  background:#f5f5f5}

.error_txt {
	color:#ff3333;
	font-size:9pt;
	padding-left:5px;
}
		
.error {
	background-color:#ff3333;
}
/* 页面变灰代码
html {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: url(desaturate.svg#grayscale);
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(1);
}
*/
/* .btn_exit { padding-left:5%; color:#fff; line-height:41px; background:url(../images/icon_exit.png) no-repeat 0 center; position:absolute; top:10%; right:10%} */
.btn_exit { padding-left:1.7%; color:#fff; line-height:41px; background:url(../images/icon_exit.png) no-repeat 0 center; position:absolute; top:11%; right:4%}
a { color:#484747; text-decoration:none}
.underline { cursor:pointer; text-decoration:underline}

.c_b { color:#0095f0}
.c_r { color:#f00}
.c_g { color:#42c253}
.c_lgray { color:#aaa}

.w240 { width:240px}
.pt30 { padding-top:30px}
.mt10 { margin-top:10px}
.mt15 { margin-top:15px}
.mt20 { margin-top:20px;margin-left:9%}
.mt40 { margin-top:40px}
.mb20 { margin-bottom:20px}

.s12 { font-size:12px}
.s14 { font-size:14px}
.s16 { font-size:16px}
.s18 { font-size:18px}
.s20 { font-size:20px}
.s36 { font-size:36px}

.fr { float:right}

.ellipsis { white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.disable { opacity:.3; filter:alpha(opacity=30)}

.wrap { min-width:1024px; position:relative}
@media screen and (min-width:1180px){
	.wrap { width:1180px; margin-left:auto; margin-right:auto}
}


.header { height:121px; background:url(../images/header_bg.png) repeat-x}
.header_dec { height:121px; background:url(../images/header_bg_dec.png) no-repeat right 0}
.logo { width:257px; height:92px; background:url(../images/logo.png) no-repeat; position:absolute; top:7px; left:9%}
.nav { height:55px; line-height:20px; border-top:#74bbe2 1px solid; border-bottom:#74bbe2 1px solid; background:#ebf8ff;left:50px}
.nav .item { width:103px; height:55px; margin:0 0px; font-size:16px; line-height:55px; text-align:center; color:#1b80b8; float:left}
.nav .item:hover { background-position:-3px -4px}
/**
.nav .item.active, .nav .item:hover { background-image:url(../images/nav_dec.png); background-repeat:no-repeat;margin-left:9%}
**/
.nav .item.active { background-position:0 0}


.banner_c { height:470px; background:#3ebeff url(../images/banner_bg.jpg) no-repeat 160px 74px}
.banner_ls { width:760px; position:relative;margin-left:8%}
.banner_ls li { position:absolute; top:0; left:0}


.sign { width:320px; height:470px; color:#fff; background:url(../images/sign_bg.png); position:absolute; top:0; right:0;margin-right:60px}
.sign_top { height:75px; padding-top:18px; text-align:center; background:url(../images/sign_top_bg.png) no-repeat}
.sign_top .item { width:80px; height:27px; line-height:24px; text-align:center; color:#fff; vertical-align:top; display:inline-block}
.sign_top .item.dec_line { border-right:#52d3ff 1px solid}
.sign_top .item span { cursor:pointer}
.sign_top .item .active { padding:0 4px 3px; font-size:16px; color:#c6eeff; cursor:default; border-bottom:#7ed4fa 3px solid}
.sign_c { padding:0 30px}
.sign_inp { width:249px; height:44px; padding-left:10px; font-size:14px; color:#fff; border:#3ab1f1 1px solid; background:#6dc5f5}
.sign_btn { width:122px; height:48px; margin-right:20px; line-height:48px; text-align:center; font-size:16px; color:#fff; border:#2e94cc 1px solid; background:#129be1; display:inline-block}
.sign_vcode { width:114px; margin-right:20px}
.sign_vcode_img { margin-top:-3px; vertical-align:middle}
.sign_btn_vcode { width:105px; height:43px; line-height:43px; text-align:center; font-size:12px; color:#fff; background:#6dcc77; display:inline-block}

.social { height:62px; padding:6px 30px 0; line-height:54px; color:#fff; border-top:#30aaec 1px solid; position:absolute; bottom:0; left:0; right:0}
.social .weibo, .social .weixin { height:54px; padding-left:55px; opacity:.7; cursor:pointer; background-repeat:no-repeat; background-position:0 center}
.social .weibo { width:74px; background-image:url(../images/icon_weibo.png); float:left}
.social .weixin { width:60px;color:black; background-image:url(../images/icon_weixin.png); float:right}
.social .weibo:hover, .social .weixin:hover { opacity:1}
.weibo:hover {color:white; opacity:1;TEXT-DECORATION: none}
.weixin:hover {color:white; opacity:1;TEXT-DECORATION: none}
.qr { width:110px; height:119px; padding:10px 0 0 10px; background:url(../images/qr_bg.png) no-repeat; position:absolute; bottom:50px; right:30px; z-index:2}

.statistics { height:84px; background:#eee; position:relative}
.statistics .item { width:220px; height:74px; margin-left:20px; padding:10px 0 0 50px; color:#777; line-height:28px; background:no-repeat; background-position:0 center; float:left}
.statistics .item strong { padding-right:10px; font-size:28px; font-weight:normal; font-style:italic}
.statistics .file { background-image:url(../images/icon_file.png);margin-left:10%}
.statistics .file strong { color:#339f21}
.statistics .people { margin-left:90px;padding-left:60px; background-image:url(../images/icon_people.png)}
.statistics .people strong { color:#e4393c}
.statistics .register { margin-left:90px;padding-left:60px; background-image:url(../images/icon_register.png)}
.statistics .register strong { color:#3ebeff}

.contact_qq { width:68px; height:54px; padding-left:50px; color:#fff; line-height:54px; opacity:1; cursor:pointer; background:#70C3F0 url(../images/icon_qq.png) no-repeat 12px center; position:fixed; top:20px; right:0px}
.contact_qq:hover { opacity:1;background: #3AB1F1 url(../images/icon_qq.png) no-repeat 12px center;TEXT-DECORATION: none} 

.g_tit { height:36px; padding-top:10px; border-bottom:#dfdfdf 2px solid}
.g_tit strong { padding:0 70px 0 10px; font-size:16px; color:#555; line-height:34px; border-bottom-width:4px; border-bottom-style:solid; display:inline-block}

.product { width:780px; float:left}
.product .g_tit strong { border-bottom-color:#e4393c}
.product .item { width:230px; margin-top:30px; padding-bottom:15px; padding-left:100px; background-repeat:no-repeat; background-position:10px 4px; position:relative; float:left}
.product .money { margin-right:70px; background-image:url(../images/icon_product_money.png)}
.product .contract { background-image:url(../images/icon_product_contract.png)}
.product .copyright { margin-right:70px; background-image:url(../images/icon_product_copyright.png)}
.product .inspect { background-image:url(../images/icon_product_inspect.png)}
.product .item h3 { margin-bottom:10px; font-size:18px; color:#555}
.product .item p { color:#777; line-height:20px}
@media screen and (max-width:1090px){
	.product { width:700px}
	.product .item { width:200px}
}
.download { width:300px; float:right;margin-right:5%}
.download .g_tit strong { border-bottom-color:#44b1ea}
.download_v { margin-top:20px; margin-bottom:25px}
.download_v .pic { margin-right:15px; display:inline-block; vertical-align:middle}
.download_v .t { display:inline-block; vertical-align:middle}
.download .btn { height:56px; margin-top:10px; overflow:hidden; display:block}

.partner { clear:both;margin-right:5%;}
.partner .g_tit strong { border-bottom-color:#44b1ea}
.partner .partner_ls { padding:30px 0 10px; text-align:center}
.partner .item { width:200px; height:74px; margin:0 8px 16px; line-height:74px; text-align:center; vertical-align:top; border:#eee 1px solid; display:inline-block;background-color:white}
.partner .item img { vertical-align:middle}

.footer { margin-top:10px; padding:20px 0; text-align:center; color:#b2b2b2; line-height:24px; border-top:#dfdfdf 1px solid}


/* 产品介绍 */
.bg_lgray { background:#f5f5f5}
.bg_page { min-height:400px; background:url(images/bg_page.png)}
.sec_product_show h3 { margin-bottom:10px; font-size:28px; color:#444; font-weight:normal}
.sec_product_show p { font-size:14px; line-height:32px; color:#777}
.sec_product_show.s1 { width:870px; height:207px; margin-left:70px; padding-top:145px; background:url(../images/product01.jpg) no-repeat right bottom}
.sec_product_show.s2 { width:320px; height:267px; margin-left:90px; padding-top:160px; padding-left:600px; background:url(../images/product02.jpg) no-repeat left bottom}
.sec_product_show.s3 { width:970px; height:237px; margin:0 auto; padding-top:150px; background:url(../images/product03.jpg) no-repeat right bottom}
.sec_product_show.s4 { width:420px; height:155px; margin-left:90px; margin-bottom:30px; padding-top:280px; padding-left:430px; background:url(../images/product04.jpg) no-repeat left bottom}


/* 联系我们 */
.sec_contact_top { height:354px; margin-top:40px; background:url(../images/contact.jpg) no-repeat center}
.sec_contact_p { margin:0 140px 20px; text-indent:2em; font-size:14px; line-height:32px; color:#777}
.sec_contact_map { height:505px; margin-top:50px; background:url(../images/contact_map.jpg) no-repeat center; position:relative}
.sec_contact_info { width:480px; margin-left:-210px; color:#fff; text-shadow:#21b0e5 0 2px 2px; font-size:14px; line-height:30px; position:absolute; top:43px; left:50%}
/* 公证服务 */
.sec_tab { margin-left:5%;margin-right:5%;height:55px; margin-top:50px; text-align:center; border-bottom:#44b5df 1px solid}
.sec_tab .item { width:184px; line-height:54px; font-size:18px; cursor:pointer; border-radius:4px 4px 0 0; border-top:#e5e5e5 1px solid; border-left:#d9d9d9 1px solid; border-right:#d9d9d9 1px solid; display:inline-block;
background: -webkit-linear-gradient(top,  #ffffff 0%, #f3f3f3 100%);
background: linear-gradient(to bottom,  #ffffff, #f3f3f3);
}
.sec_tab .item.active { color:#fff; cursor:default; background:#44b5df}
.sec_article { max-width:840px; margin:40px auto; color:#777; line-height:32px}
.sec_article h1 { margin-bottom:20px; font-size:24px; text-align:center}
.sec_article h2 { font-size:14px}
.sec_article p { margin-bottom:20px; font-size:14px; text-indent:2em}
.sec_article ol { margin:0 0 20px 40px}

/* 解决方案 */
.sec_solution h3 { margin-bottom:10px; font-size:28px; color:#444; font-weight:normal}
.sec_solution p { font-size:14px; line-height:32px; color:#777}
.sec_solution_s1 { background:#4e6789 }
.sec_solution_s1 .sec_solution { width:900px; height:240px; margin:0 auto; padding-top:60px; background:url(../images/solution01.jpg) no-repeat right top}
.sec_solution_s1 h3, .sec_solution_s1 p { color:#fff}
.sec_solution_s2 { margin-top:10px; background:#e5f0f7 }
.sec_solution_s2 .sec_solution { width:300px; height:240px; margin:0 auto; padding-top:60px; padding-left:700px; background:url(../images/solution02.jpg) no-repeat}
.sec_solution_s3 { margin-top:10px; background:#fff }
.sec_solution_s3 .sec_solution { width:900px; height:240px; margin:0 auto; padding-top:60px; background:url(../images/solution03.jpg) no-repeat right 0}
.sec_solution_s4 { margin-top:10px; margin-bottom:20px; background:#7199be }
.sec_solution_s4 h3, .sec_solution_s4 p { color:#fff}
.sec_solution_s4 .sec_solution { width:350px; height:240px; margin:0 auto; padding-top:60px; padding-left:600px; background:url(../images/solution04.jpg) no-repeat}
/*备份的*/
/* .mylogin{padding:0 30px} */
.myresetpwd{ padding:0 30px;display:none;margin-top: 20px}
.mysignup{ padding:0 10px;display:none;margin-top: -50px}

.lo_b{ width:223px; height:270px; margin:0 auto}
.lo_zi{ width:223px; height:30px; line-height:30px; color:#fff}
.lo_zi span{ width:70px; float:left}
.lo_zi a{ color:#fff; float:right}
.lo_zi a:hover{ text-decoration:underline}
.lo_input{ width:223px; height:30px}
.lo_input input{ width:213px; height:30px; padding:0 10px; font-size:14px; line-height:30px; background:#fff; border:none; color:#555}
.lo_input1{ width:223px; height:30px}
.lo_input1 input{ width:80px; height:30px; padding:0 10px; font-size:14px; line-height:30px; background:#fff; border:none; color:#555; float:left}
.lo_input1 img{ padding:0 0 0 5px; float:left}

.lo_bar{ width:230px; height:60px; padding:10px 0 0 0; clear:both}
.lo_btn{ width:111px; height:39px; float:left}
.lo_btn1{ width:111px; height:39px; margin:0 auto}

.lo_bar a{ width:60px; height:39px; padding:0 20px 0 0; display:block; line-height:39px; color:#fff; font-size:14px; font-weight:bold; float:right}
.lo_bar a:hover{ color:#06F; text-decoration:underline}

.i_btn { height:42px; margin-top:14px; font-size:16px; color:#fff; line-height:40px; text-decoration:none; text-align:center; background:url(../images/i_bg_btn.png) repeat-x; display:block}
.i_btn img { margin:-.14em 8px 0 0; vertical-align:middle}
.i_btn:hover { color:#1e7ec2}
.i_btn.wb { width:144px; float:left}
.i_btn.txwb { width:144px; float:right}
/* 表格 */
.price_table { width:1020px; margin:30px auto 0; overflow:hidden}
.price_table .c1 { width:550px; float:left;height:300px}
.price_table .c2 { width:450px; float:right;height:364px}
.g_table { border-collapse:separate; border-spacing:2px; border:#d8e7e7 1px solid}
.g_table tr { background:#ececec}
.g_table tr:nth-child(odd) { background:#f3f3f3}
.g_table th, .g_table td { padding:10px; text-align:center}
.g_table th { background:#d8e7e7}