﻿@charset "utf-8";
/* CSS Document */
/* 共用样式 */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, ins, kbd, q, s, samp, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0px;padding: 0px;border: 0px;outline: 0px;}
html {overflow-x:hidden;overflow-y:scroll;}
body {width: 100%;font-size:13px;color:#4d4c4c;font-family:microsoft yahei, Tahoma,Verdana, Georgia, Arial;}
div, ul, li, p, ol, dl {list-style:none;display: block;}
table {border:0;cellpadding:0;cellspacing:0;}
a, img {border:0px;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
a{color:#3b3b3b;}
.clearfix {display:inline-table;}/* Hides from IE-mac \*/
*html .clearfix {height:1%;}a
.clearfix {display:block;
}/* End hide from IE-mac */
*+html .clearfix {min-height:1%;}
a:focus {outline:none;}
a:link {text-decoration: none;blr:expression(this.onFocus=this.blur());}
a:visited {text-decoration: none;blr:expression(this.onFocus=this.blur());}
a:hover {text-decoration: none;blr:expression(this.onFocus=this.blur());}
a:active {text-decoration: none;blr:expression(this.onFocus=this.blur());color:fa3729;}
.clear {clear: both;}
/* header */
.header{width:100%; height:95px; background:url(../images/hdbg.jpg) repeat-x left top;}
.logo{width:563px; height:90px; float:left; margin-left:40px;}
.f_topright {background: url("../images/f_tbg.png") no-repeat;float: right;
height: 58px;line-height: 58px;overflow: hidden;width: 350px;
}
.f_topright ul {margin-left: 46px;}
.f_topright ul li {color: #b9e3fa;display: inline;float: left;margin-left: 10px;}
.f_topright ul li a {color: #fff;}
.f_topright ul li a:hover {color: #ccc; text-decoration:underline;}
/* main */
.main{ width:1200px; margin:0 auto; margin-top:30px;}
/* left */
.left{ width:801px; float:left;}
/* banner */
.banner{ width:801px; height:255px; margin-bottom:24px;}
.focusBox {position: relative;width:801px;height:255px;overflow: hidden;}
.focusBox .pic{position: relative;width:801px;height:255px;}
.focusBox .pic img {width:801px;height:255px;display: block;}
.focusBox .pic li{position: absolute; width:801px; left: 0px; top: 0px; display: none;}
.focusBox .num {position: absolute;z-index: 3;bottom: 8px;right: 8px;}
.focusBox .num li {float: left;position: relative;width: 22px;height: 18px;line-height: 15px;
overflow: hidden;text-align: center;margin-right: 2px;cursor: pointer;
}
.focusBox .num li a, .focusBox .num li span {position: absolute;z-index: 2;display: block;
color: white;width: 100%;height: 100%;top: 0;left: 0;text-decoration: none;}
.focusBox .num li span {z-index: 1;background: black;filter: alpha(opacity=50);opacity: 0.5;}
.focusBox .num li.on a, .focusBox .num a:hover {background: #f60;}
/* worry */
.worry{width:375px; height:180px; background:#f2f7ea url(../images/apple.jpg) no-repeat left bottom; 
float:left;border:1px solid #dfdfdf;}
.main h2{ width:100%; height:44px; background:url(../images/h2bg.jpg) repeat-x left top;}
.main h2 img{ padding-left:12px; padding-top:15px;}
.worrycon,.solvecon{ color:#353636; margin-top:17px;margin-left:133px; line-height:26px;}
.main .left .solve{width:375px; height:180px; float:right; border:1px solid #dfdfdf;background:#f2f7ea;}
.solvecon{margin-left:5px;}
.solvecon li strong{ width:13px;height:13px; background:#b2c579; display:block; line-height:15px; margin-top:5px; margin-right:3px;
 float:left; font-size:12px; text-align:center; font-weight:normal;}
.solvecon span{ float:left;}
.solvecon li{ clear:both; line-height:26px; font-size:13px;}
.function{ margin-top:19px;}
.function h2{border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;}
.funcon{ padding:0px 30px; line-height:26px;}
.funcon h3{ margin-top:28px;font-size:17px; margin-bottom:10px;}
/* right */
.right{ width:360px; float:right; }
.f_indexnra_right { background: none repeat scroll 0 0 #eff4fb;border: 1px solid #c7daf2;height: 322px;position: relative;}
.f_indexnra_right h4 {color: #000;font-size:16px;margin: 25px 0 0 40px;width: 278px;}
.f_indexnra_right form {height: auto;margin: 0px 0 0 40px;overflow: hidden;width: 278px;}
.f_index_input1 {background: none repeat scroll 0 0 #fff;border: 1px solid #d7d7d7;font-size: 12px;
height: 34px;line-height: 34px;margin-top: 16px;text-indent: 10px;width: 276px;}
.f_inde_p1 {float: right;line-height: 28px;margin-top: 10px;}
.f_inde_p1 a {color: #1c9de5;}
.f_indec_button1 {
background: url("../images/login_button1.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
border: medium none;cursor: pointer;float: left;height: 32px;margin-right: 14px;margin-top: 30px;width: 132px;}
.f_indec_button1:hover{filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;-webkit-opacity:0.7;-o-opacity:0.7;-ms-opacity:0.7;}
.f_indec_button2 {
background: url("../images/login_button2.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
border: medium none;cursor: pointer;float: left;height: 32px;margin-top: 30px;width: 132px;}
.f_indec_button2:hover{filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;-webkit-opacity:0.9;-o-opacity:0.9;-ms-opacity:0.9;}

.f_index_zhc {background: url(../images/zhcbg.jpg) repeat-x left top;border-top: 1px solid #bac6d6;
bottom: 0;height: 42px;line-height: 42px;overflow: hidden;position: absolute;text-align: center;width: 100%; font-size:15px;}
.f_index_zhc a {color: #019bfd;font-size: 15px;margin-left: 10px;}
.f_index_zhc a:hover{ color:#43b6ff; text-decoration:underline;}

.help,.focus{width:100%; height:300px;margin-top:26px; border:1px solid #d7d7d7; background:#fff;}
.help h2{margin-bottom:8px;}
.f_index_p3 {line-height:26px;margin-left:20px;width: 320px;}
.focus{height:245px;}
.suoqu{margin-top:26px;}
/* foot */
.footer{widht:100%; height:121px; background:url(../images/footbg.jpg) repeat-x left top; margin-top:87px;}
.foot{ width:1200px; margin:0 auto; text-align:center; font-size:14px; color:#c4c2c2; line-height:24px;padding-top:12px;}



