/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color: #1f1f1f;outline:0;}

a,a:hover{color:#333;}

img{ vertical-align:middle;}

/*font
@font-face{font-family:fz; src: url(fz.ttf);}
@font-face{font-family:fzs; src: url(fzs.ttf);}*/

/*@font-face {
	font-family:fz;
	src:url(font/webfont.eot?11);
	src:url(font/webfont.eot?#iefix) format('embedded-opentype'),url(font/webfont.woff?11) format('woff'),url(font/webfont.ttf?11) format('truetype'),url(font/webfont.svg#webfont) format('svg')
}*/




body{background:#fff;
    font-style:normal;
    font-family:'fzs','microsoft yahei';
    font-size:12px;
    overflow-x: hidden;
}

/*layout*/
.fluid{ display:table-cell; *display:inline-block; width:2000px; *width:auto;}
.col-table{ display: block; width:100%; clear: both;}
.col-table .col{ display: table-cell; padding-right: 20px;}
.justified-box{ clear:both; width:100%;overflow:hidden; margin: 30px 0;}
.justified-item{ width: 126%;}
.wrapper{ width: 1200px;margin:0 auto; clear: both;}
.wrapper-small{ width:960px; height: auto; overflow: hidden; text-align: left;}

.color-box{ border-radius:4px;background:red; display: block; padding: 20px; margin: 10px 0;}

.ul-col{ margin-top:80px;}
.ul-col li{ float:left; margin-right: 20px;margin-bottom:20px;}

.ul-col-3 li{ width: 26%; margin-right: 35px; margin-bottom: 30px;}
.ul-col-4 li{ width: 19%;}
.ul-col-5 li{ width: 18%;}


.footer .ul-col-5 li{ width: 10%;}
.footer .ul-col-5 li:first-child,.footer .ul-col-5 .li-first{ width: 30%;}
.footer .ul-col-5 .li-last{ width: 15%;}



.header{ width:100%;height:70px;background:url(../img/headerbg.png) no-repeat; background-size: 100% 100%; position:absolute; z-index: 999; top: 0; webkit-transition: all ease 0.4s;      -moz-transition: all ease 0.4s;      -o-transition: all ease 0.4s;      transition: all ease 0.4s;}
.header-fixed{ position:fixed;}
.footer{ background:#282e3b;color:#999a9d; padding: 20px 0;text-align:left;}


.logo{ float:left; margin-right: 64px; height:70px; line-height:70px;}
.logo a{font-size:24px; color:#FFF;display:inline-block;*display:inline;}
.login-bar{ float:right; margin-left: 0; width: 231px;}
.login-bar a{ display:inline-block;*display:inline;*zoom:1; font-size:18px; margin-top: 18px; margin-left: 14px;}
.loginbar-ico{ display:inline-block;*display:inline;*zoom:1;width:88px;height:35px;background:url("../img/loginbar-ico.gif") no-repeat;}
.login-ico{ background-position:0 0;}
.reg-ico{ width: 110px; background-position:-88px 0;}



.guanzhu_login {  height:25px; line-height:25px; margin-top:22px; float:right;width:210px;}
.guanzhu_login a { float:right; display:block; height:25px;}

a.login {width:97px; height:26px; text-align:center; background:url(../img/mobiledown_1.png) repeat-x;font-weight:bold;}
a.login:link { color:#fff; text-decoration:none;}
a.login:visited { color:#fff; text-decoration:none;background:url(../img/mobiledown_1.png) repeat-x;}
a.login:hover { color:#fff; text-decoration:none;background:url(../img/mobiledown_2.png) repeat-x;}

a.reg { width:97px; height:27px; text-align:center; background:url(../img/reg_bg.jpg) repeat-x; color:#fff;font-weight:bold;}
a.reg:link { color:#fff; text-decoration:none;}
a.reg:visited { color:#fff; text-decoration:none;background:url(../img/reg_bg2.gif) repeat-x;}
a.reg:hover { color:#fff; text-decoration:none;background:url(../img/reg_bg2.gif) repeat-x;}

.nav li{ float:left;}

.rukou .color-box{ float:left; width: 280px; margin-right: 74px; height: auto; line-height: 40px; acccolor: #fff;}

.timeline .color-box{ width: 412px; height: auto; float: left; margin-right: 123px; font-size: 19px; text-align: left;line-height: 1.2; word-wrap: break-word;background-color: #f4f4f4; color: #545454; border-radius: 8px;}
.timeline li{ clear:both; position: relative;}


.nav{ line-height: 70px;}
.nav li{ margin-right: 28px;}
.nav li .nav-title{ font-size: 14px;color:#c6c5c5;position:relative; display: block;}
.nav li.active .nav-title{ color:#fff; }
.nav li .nav-title:hover{ color:#fff; }
/*.arrow{ display:block; width:28px;height:15px;background:url(../img/arrow.png) no-repeat;}
.nav li .nav-title .arrow{ display:none;  position: absolute; bottom: 0; left: 50%; margin-left: -15px; }*/
.nav li .sub-nav{ display:none; position: absolute; top: 97px; width: 100%; left: 0; filter: alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.8; background-color: #fff; z-index: 9999; height: 32px; line-height: 32px; text-align: center;}
.nav li.active .sub-nav,.nav li.active .nav-title .arrow{ display:block;}

.nav li .sub-nav a{ border-right: 2px solid #969696; padding-right: 30px; margin-right: 30px; color: #969696; font-size: 14px;}
.nav li .sub-nav a:hover{ color:#1c95e8;}
.nav li .sub-nav a:last-child{ border-right:none;}


.footer h5{ font-size: 16px;color:#fff;font-weight:normal;margin-bottom:20px;}
.footer p{ font-size:14px; margin-bottom: 20px;}
.footer p a{ color: #c6c5c5;}
.footer p a:hover{ color:#fff;}
.footer .p-copyright{ text-align:center;font-size:14px;margin-bottom:15px; color: #858585;}
.footer .p-tel{ font-size:24px;background:url("../img/common-ico.png") no-repeat;background-position:0 0; padding-left: 30px;}

.container{ margin-top:0px; text-align: center; height: auto; overflow: hidden; padding-top: 70px;}
.containerNo{ margin:0;}
.h3-title{ font-weight:normal; font-size: 50px;text-align:center;  padding: 60px 0;color: #434040;font-family:'fz','microsoft yahei';}
.p-text{ font-size:14px;text-align:center;margin: 0 auto; margin-bottom: 20px; line-height: 1.6;}

.gray-bg{ background: #f6f6f6; margin-bottom: -30px; padding: 20px 0;}
.gray-bg .wrapper{ width:1080px;margin:0 auto;text-align:left;}

.icon-why{ float:left; display:block; margin-right: 45px; margin-top: 20px;}
.list li{ clear:both; margin-bottom: 70px; height: auto; overflow: hidden; color: #787676;}
.list li h5{ font-size: 25px;font-weight:normal;margin-top: 5px; font-family:'fz','microsoft yahei';}
.list li p{ margin: 0px 0 15px; font-size: 16px;}
.list li div{ font-size:14px; line-height: 1.8;}

.list-works{ width:100%;overflow:hidden;}
.list-works ul{ width: 120%;}
.list-works li{ width: 50%; float: left; clear: none;}


.xiazai-banner{ float:left; margin-right: 65px;}
.xiazai-list span{ display:block; line-height: 1.8;}
.xiazai-list .a-1{ border:1px solid #ddd; text-align: center; /* height: 100px; */ height: 162px; border-radius: 15px;vertical-align: middle; display: table-cell; width: 215px; margin-bottom: 10px;}
.xiazai-list li{ float:left;width:25%; clear: none; margin-right: 50px;}
.xiazai-list .title{ margin:3px 0 0 20px;}
.xiazai-list span{ color:#8d8d8d;}


.wrapper2{ width:1027px; }


.common-ico{ display:inline-block;*display:inline;*zoom:1; background:url("../img/common-ico.png") no-repeat;}
.icon-weibo,.ico-qqweibo{ width:38px;height:38px;}
.icon-weibo{ background-position:0 -62px;}
.ico-qqweibo{ margin-left:20px; background-position:-43px -62px;}
.icon-weibo:hover,.ico-qqweibo:hover{ opacity:0.9;}

.icon-aliyun{ width:24px;height:24px; background-position: 0 -37px; position: relative; top: 6px; margin-right: 5px;}

.dowload{ padding: 126px 0 40px;}
.p-xiazai{ color:#ff8f0b;font-size:50px; text-align: left; line-height: 1.3; margin-top: 40px; font-family:'fz','microsoft yahei';}
.p-xzmgs{ color:#999999;font-size:24px;text-align:left; line-height: 1.4; margin-bottom: 30px;margin-top:20px;}

.xiazai-list{}

.a-orange{ background:#f98b29 !important;}
.a-lanse{ background:#3282dc !important;;}
.a-lvse{ background:#6eb543 !important;;}
.a-qingse{ background:#48b7c1 !important;;}
.a-orange,.a-lanse,.a-lvse,.a-qingse{ color: #fff !important; margin-top: 20px !important;}

.containerTop{ padding-top:0px;}


   /*-------------------------scroll---------------------*/
    #toTop {
        display: none;
        text-decoration: none;
        position: fixed;
        bottom: 40px;
        right: 10px;
        overflow: hidden;
        width: 53px;
        height: 50px;
        border: none;
        text-indent: 100%;
        background: url(../img/totop.png) no-repeat left top;
    }

    #toTopHover {
        background: url(../img/totop.png) no-repeat left -50px;
        width: 53px;
        height: 50px;
        display: block;
        overflow: hidden;
        float: left;
        opacity: 0;
        -moz-opacity: 0;
        filter: alpha(opacity=0);
    }

    #toTop:active, #toTop:focus {
        outline: none;
    }
    /*------------------------house---------------------*/