@charset "utf-8";
/*global*/
body, h1, h2, h3, h4, h5, h6, p, ul, dl, dt, dd, form, fieldset { margin: 0; padding: 0; }
li{list-style-type:none;}
img{border:0}

.gray{ color:#999; font-weight:normal; font-size:12px}
.more{ float:right; font-weight:100; margin-right:10px; font-size:12px;}
.hide{display:none}
.timer{ font-size:12px; float:right; color:#999}
.f20{ font-size:20px;  font-family:Microsoft Yahei,simHei;}
.red{ color:#F00; margin:0 5px 0 5px;}
.green{ color:#038B00}
.blue{ color:#0050AA}
.fr{ float:right}
.fl{ float:left;}
ul.normal li{ height:20px; margin-left:15px; padding:5px 0 0 15px; background:url("../images/bg_li_normal.gif") left center no-repeat;}

span.sp{margin:0 10px 0 10px}

a:link{color:#425982;text-decoration:none}
a:visited{color:#425982; text-decoration:none}
a:hover{color:#F60;text-decoration:underline}
a:active{color:#425982;text-decoration:none}

/*Layout*/
body{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#666; }
.wrap{ float:left; width:100%; background:url("../images/bg_top.png") repeat-x; border-top:5px #ff9900 solid;}
#container{margin:0 auto;width:950px; position:relative;}
#sidebar{ float:left; width:225px; margin-right:13px;}
#content{ float:left; width:723px; }
#mainblock{ float:left; width:100%;  margin-top:-250px; padding-top:300px;background:url("../images/bg_header_show.png") top right no-repeat;}
h1.bigTitle{float:left; width:100%; padding-top:100px; text-indent:2em; height:80px; font-size:34px; font-family:Microsoft Yahei;}

/*header*/
.header{float:left; width:100%;height:90px; padding-top:18px;}
.logo{ float:left; width:410px}
.logo img{ float:left; margin-right:20px;}
.logo a img{ margin-top:15px}

.top{ position:absolute; top:20px; right:10px}
.top .tel{ font-family:Microsoft Yahei,simHei; font-size:16px; margin-right:20px; font-weight:bold; color:#F60;}
.top img{ margin:-7px 10px 0 0;}

ul.nav{ float:right;  height:20px; margin-top:45px;  font-family:Microsoft Yahei,simHei; }
ul.nav li{ float:left;  height:22px; padding:2px 13px 0 13px;  margin-right:2px;font-weight:bold; border-radius:5px; border:1px #f7f7f7 solid;}
ul.nav li a{  color:#376800; font-size:14px;  font-family:Microsoft Yahei,simHei;}
ul.nav li:hover{ background:#ffe8c5;border:1px #999 solid;}
ul.nav li a:hover{ text-decoration:none; color:#333; }
ul.nav li.cur{background:#F60; border:1px #333 solid;}
ul.nav li.cur a{ color:#FFF;}
ul.nav li.appli{position:relative}
ul.nav li .appicon{ position:absolute; top:-45px; left:0;}

/*img_switch */
.smallslider{float:left;width:678px; height:278px; border:1px #ccc solid; text-align:center; margin-top:12px;overflow:hidden; position:relative;}
.smallslider ul li{ left:0;}
.smallslider-btns{position:absolute;z-index:103; left:300px;}
.smallslider-btns span{ color:#5b5b5b;cursor:pointer;float:left;font-size:1px; -webkit-text-size-adjust:none; height:17px;  width:17px; background:url("../images/pic_dot.png") no-repeat;}
.smallslider-btns span.current-btn{ color:#F60; font-size:1px; background:url("../images/pic_dot_cur.png") no-repeat; }
.smallslider-lay{ display:none;}

/*login_form*/
.login{ float:left; width:268px; border:1px #ccc solid; border-left:none;  height:278px; margin-top:12px; position:relative}
.login h2{ float:left;width:100%;height:25px; padding-top:10px; border-bottom:1px #ccc solid; text-align:center; font-family:Microsoft Yahei;font-size:14px;}
.login h2 img{ margin:-3px 5px 0 0;}
.loginform{float:left; width:218px; padding:20px 20px 0 30px; }
.loginform form{ float:left; display:block}
.loginform p{ width:100%;padding:10px 0 10px 0; }
.loginform form h3{ float:left; clear:left;display:block; width:100%; padding:5px 0 3px 0; font-size:12px; font-weight:normal; color:#999}
.loginform input.ipt{ float:left; clear:left; width:200px; height:22px; padding:2px 0 0 4px; background:url("../images/bg_ipt_common.png") no-repeat;  border:1px #69913b solid}
.loginform input.ipt_cap{float:left; width:80px; height:22px; padding:2px 0 0 4px; background:url("../images/bg_ipt_captcha.png") no-repeat;  border:1px #69913b solid}
input.btn_login{ width:122px; height:30px; border:none; background:url("../images/bg_btn_login.png") no-repeat; cursor:pointer; margin-top:10px}
span#regcaptchainfo{ height:40px;color:#F00;font-size:12px;font-weight:bold;}
.loginform .reg{  float:left; width:100%;   margin-top:5px}
.certify{ float:left; width:100%; overflow:hidden;}
.certify span{ overflow:hidden;}
.certify img{ height:27px; margin-top:-3px; vertical-align:middle}

.nblock{ float:left; width:100%;}
.cblock{ float:left; width:300px; height:75px; padding:20px 15px 20px 0;  }
.cblock h2{ float:left; width:200px; padding:10px 0 10px 0; font-size:18px; color:#484848;   font-family:Microsoft Yahei,simHei;}
.cblock .intro{ float:left; width:200px;  line-height:20px; color:#8f8f8f}
.cblock img{ float:left; width:64px; height:73px; margin-right:15px;}

.aboutus{ float:left; width:254px; margin-top:25px; margin-right:13px;}
*html .aboutus{ margin-right:10px}
.aboutus h2{ float:left;width:100%;height:27px; background:url("../images/bg_h2_aboutus.png") top no-repeat; padding-top:7px; text-indent:20px;font-family:Microsoft Yahei;font-size:14px;}
.aboutus .block{float:left; width:232px; height:182px; background:url("../images/bg_aboutus.png") repeat-x; padding:10px; border-left:1px #ccc solid; border-right:1px #ccc solid; line-height:2; text-indent:2em;}
.aboutus dl.linklist{ float:left; width:190px; border:1px #ccc solid; height:128px; padding:10px 31px 0 31px;}
.aboutus dl.linklist dt{ float:left; width:100%; text-align:center; font-size:14px; font-family:Microsoft Yahei; font-weight:bold; height:40px}
.aboutus dl.linklist dt img{ margin-right:10px;}
.aboutus dl.linklist dd{ float:left;}

.flow{ float:left; width:415px; margin-top:25px;margin-right:12px;}
.ad{ float:left; width:117px;margin-top:25px;}

/*show*/
.title{ float:left; width:100%; margin-top:12px;}
.showcont{ float:left; width:100%;}

ul.prolist{ float:left; width:100%;}
ul.prolist li{float:left;width:100%; padding:60px 0 60px;background:url("../images/bg_li_prolist.png") bottom center no-repeat; }
ul.prolist li h3{ float:left; width:100%; text-align:center; font-size:40px; height:100px;font-family:Microsoft Yahei; color:#333;}
ul.prolist li h3 span{ font-size:24px; margin-left:20px; font-family:Arial; color:#999 }
ul.prolist li .picad{ float:left;}
ul.prolist li .procont{ float:left;padding:60px; width:427px; }
ul.prolist li .procont h2{ float:left; width:100%; font-size:40px; height:70px;font-family:Microsoft Yahei; color:#333;}
ul.prolist li .procont h2 span{ font-size:24px; margin-left:20px; font-family:Arial; color:#999 }
ul.prolist li .procont .prointro{ float:left; width:100%;  line-height:2; font-size:14px; color:#aeaeae;}
ul.prolist li.nobg{ background:none;}
ul.prolist li .narrow{ padding:60px 0 0 30px; width:300px; margin-right:20px}

.pic_service{ float:left; width:100%; padding-top:40px; text-align:center}
.detail_service{ float:left; padding:30px 0 50px 30px; line-height:2; font-size:14px; }
.detail_service h3{ height:40px; padding-top:20px; font-size:18px; font-family:Microsoft Yahei,simHei; color:#000}

.detail_faq{ float:left; padding:30px 0 50px 20px; line-height:2; font-size:14px; }
.detail_faq h3{ height:20px; padding-top:20px; font-size:18px; font-family:Microsoft Yahei,simHei; color:#000}

.detail_aboutus{ float:left; padding:30px 0 50px 20px; line-height:2; font-size:14px; }
.detail_aboutus h3{ height:50px; padding-top:20px; font-size:18px; font-family:Microsoft Yahei,simHei; color:#000}
.detail_aboutus .contactus{ float:right; border:1px #ccc solid; padding:2px; width:262px;margin:0 10px 0 20px}
.detail_aboutus .contactus h2{ width:100%; height:30px; padding:320px 0 0 20px; color:#000; font-family:Microsoft Yahei,simHei; font-size:18px;background:url("../images/bg_contactus.png")  no-repeat; }
.detail_aboutus .contactus .cmain{ float:left; width:222px; padding:20px 0 20px 20px; font-size:12px;  }

.app{ float:left; width:910px; padding:30px 20px 0 20px; height:424px; background:url("../images/bg_appcont.png") bottom no-repeat; border-bottom:1px #999 solid;}
.app_1{ float:left; width:910px;  padding:30px 20px 0 20px; height:424px; background:url("../images/bg_appcont_1.png") bottom no-repeat; border-bottom:1px #999 solid;}
.appleft{ float:left; width:50% }
.appright{ float:right;width:50%}
.appinfo{ float:left; width:400px; padding:20px 0 0 50px;}
.appinfo img{ float:left; margin-right:20px}
.appinfo h2{ float:left; width:249px; padding-top:5px; font-size:24px; font-family:Microsoft Yahei; color:#366700;}
.appinfo h2 span.sys{ font-size:14px; padding-left:15px; color:#666}
.appinfo ul.version{ float:left; width:249px;padding-top:5px; color:#999;}
.appinfo ul.version li{ float:left; width:122px;padding-top:5px;}

.appdownload{ float:left; width:410px; padding-top:75px; margin-left:20px;} 
.appdownload .w205{ width:200px;margin-right:10px;} 
.comdownload a{ padding:10px; display:block;}
.codedownload{ float:left; width:163px; height:175px; border:1px #ccc solid; border-radius:10px; padding:10px; background:#FFF; margin-left:15px; text-align:center;}
.codedownload h3{ font-size:14px; font-family:Microsoft Yahei;}
.codedownload img{ width:150px;}

.d_codedownload{width:163px; height:195px; border:1px #ccc solid; border-radius:10px; padding:10px; background:#FFF; margin-left:15px; text-align:center; margin-top:-20px;}
.d_codedownload h3.ios{font-size:14px; font-family:Microsoft Yahei;height:20px; padding-top:27px; background:url("../images/icon_apple.png") top center no-repeat;}
.d_codedownload h3.android{font-size:14px; font-family:Microsoft Yahei; height:20px; padding-top:27px; background:url("../images/icon_android.png") top center no-repeat;}
.d_codedownload img{ width:150px;}

/*footer*/
.footer{ float:left; width:100%; height:80px; padding-top:10px; margin-top:25px; line-height:2; text-align:center;  color:#555;background:url("../images/bg_footer.png") repeat-x;}
.footer a{ margin:0 10px 0 10px}


/*新增样式*/
.app_1 ul li{
    float: left;
    margin: 10px auto;
    width: 33.33333%;
    text-align: center;
}
.app_1 ul li span{
    display: inline-block;
    text-decoration: none;
    width: 90%;
    height: 80px;
    background-color: #FFFFFF;
    font-size: 1.2rem;
    border: 1px solid #ddd;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 20px #ddd; /*  Firefox */
    box-shadow: 0px 0px 20px #ddd;
}
.app_1 ul li span p a:first-child{
    margin: 14px 0 3px 30px;
}
.app_1 ul li span p a:last-child{
    margin: 3px 0 14px 30px;
}
.app_1 ul li span>a{
    float: right;
    display: block;
    margin: -14px 20px;
}
.clean{
    clear: both;
}
.app_1 ul li span p a:link{text-decoration:none;} /* 指正常的未被访问过的链接*/
.app_1 ul li span p a:visited{text-decoration:none;} /*指已经访问过的链接*/
.app_1 ul li span p a:hover{text-decoration:none;}/*指鼠标在链接*/
.app_1 ul li span p a:active{text-decoration:none;}/* 指正在点的链接*/