@charset "utf-8";
/* CSS Document */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    border: 0;
    outline: 0;
    font-size: 100%;
   /* vertical-align: baseline; */
    margin: 0;
    padding: 0
}

article,
aside,
canvas,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
audio,
video {
    display: block
}

ul,
li,
ol {
    list-style: none;
}


a img,input{ border: 0}

body,html {
    width: 100%;
    -webkit-text-size-adjust: 100%;
    font-family:Helvetica, Arial,  "Microsoft YaHei";
    font-size: 14px;
    color: #333;
    -webkit-font-smoothing: antialiased;
	box-sizing: border-box;
	min-width: 1200px;
}

a {
    color: #1989fa;
    font-weight: 500
}

a,
a:hover {
    text-decoration: none
}

img {
    max-width: 100%;
    height: auto;
    width: auto\9;
}


.clear {
    background: none;
    border: 0;
    clear: both;
    display: block;
    float: none;
    font-size: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0
}

.left {
    float: left
}

.right {
    float: right
}

.clear-right {
    margin-right: 0 !important
}

.clear-bottom {
    margin-bottom: 0 !important
}

.container{width: 1200px; margin: 0 auto; overflow: hidden;}

.f_30{font-size:30px;}
.f_16{font-size:16px;}


/*---------- universal ----------*/


/*heading*/

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
    font-weight: 400;
    clear: both
}

h1 {
    font-size: 42px;
    line-height: 60px
}

h2 {
    font-size: 34px;
    line-height: 43px
}

h3 {
    font-size: 28px;
    line-height: 36px
}

h4 {
    font-size: 22px;
    line-height: 30px
}

h5 {
    font-size: 18px;
    line-height: 32px
}

h6 {
    font-size: 16px;
    line-height: 28px
}


/*animation*/

a,
ul.ul-page-links li a,
nav#top-menu ul li ul.sub-menu li a,
ul.column-three li h4 {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.object-non-visible {
    opacity: 0;
    filter: alpha(opacity=0);

}

 @media screen and (min-width: 320px) and (max-width:1024px){
.object-non-visible {
    opacity: 1;
    filter: alpha(opacity=1);

}
}




/*button*/

a.btn {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    background: #1989fa;
}

a.btn-normal {
    height: 44px;
    line-height: 44px;
    padding: 0 30px;
}

a.btn-small {
    height: 36px;
    line-height: 36px;
    padding: 0 20px;
}


/*schema*/


.center {
    position: relative;
   /* width: 1060px;
    margin: 0 auto;*/
    clear: both;
    overflow: hidden;
	left: 50%;
	margin-left: -400px;
}

.wrap {
    position: relative;
    width: 1060px;
    margin: 0 auto;
    clear: both;
}



/* list */

ul li:last-child,
ol li:last-child {
    margin-right: 0!important
}

/*---------- header ----------*/

.header-top {
    text-align: center;
    width: 100%;
    height: 75px;
    border-bottom: 1px solid #ededed;

    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    -moz-transition: opacity 0.5s, -moz-transform 0.5s;
    -o-transition: opacity 0.5s, -o-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
    visibility: visible;

	background-color: rgba(255, 255, 255, 0.8);
}

.center-header {
    display: inline-block;
    width: 1200px;
}

.header-top:after {
    content: "";
    display: table;
    clear: both;
}

.header-top.is-hide {
    -webkit-transform: translate3d(0, -60px, 0);
    -moz-transform: translate3d(0, -60px, 0);
    -ms-transform: translate3d(0, -60px, 0);
    -o-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0);
    opacity: 0;
}

a.logo {
    display: block;
    width: 200px;
    height: 60px;
    float: left;
    margin:8px 39px 0 0;
}

.center-sub-menu {
    padding:20px 0
}

nav#top-menu {
    float: left;
    height: 75px
}

nav#top-menu>ul {
    float: left;
}

nav#top-menu>ul>li {
    float: left;
    margin-right: 39px;
}

nav#top-menu>ul>li>a {
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    cursor: pointer;
    height: 97px;
    line-height: 97px;
}

nav#top-menu ul li a:hover {
    color: #1989fa
}

nav#top-menu ul li.triangle {
    color: #1989fa;
    border-bottom: 2px solid #1989fa
}

nav#top-menu ul li.triangle a {
    color: #1989fa
}

nav#top-menu ul li.current-menu-item a {
    color: #1989fa !important;
}


/*top sub menu*/

nav#top-menu ul li ul.sub-menu {
    position: absolute;
    left: 0;
    top: 76px;
    width: 100%;
    max-height: 0px;
    z-index: 999;
    background: #fff;
    -webkit-transition: max-height 0.4s linear;
    -moz-transition: max-height 0.4s linear;
    transition: max-height 0.4s linear;
    overflow: hidden;
}

nav#top-menu ul li ul:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #ededed;
}

nav#top-menu ul li ul.sub-menu li {
    float: left;
    margin-right: 79px
}

nav#top-menu ul li ul.sub-menu li a {
    color: #333;
    cursor: pointer;
    display: block;
    padding-top: 43px;
    background-size: 30px  30px !important
}

nav#top-menu ul li ul.sub-menu li a:hover {
    color: #1989fa;
}

nav#top-menu ul li:hover ul.sub-menu {
    max-height: 200px;
}

nav#top-menu ul li ul.sub-menu li.kodo a {
    background: url(../images/menu/m_ico_8.png) no-repeat top center;
}

nav#top-menu ul li ul.sub-menu li.pili a {
    background: url(../images/menu/m_ico_10.png) no-repeat top center;
}

nav#top-menu ul li ul.sub-menu li.fusion a {
    background: url(../images/menu/m_ico_9.png) no-repeat top center;
}

nav#top-menu ul li ul.sub-menu li.dora a {
    background: url(../images/menu/m_ico_11.png) no-repeat top center;
}

nav#top-menu ul li ul.sub-menu li.qcos a {
    background: url(../images/menu/m_ico_1.png) no-repeat top center;
}

nav#top-menu ul li ul.sub-menu li.about a {
    background: url(../images/menu/m_ico_13.png) no-repeat top center;
}
nav#top-menu ul li ul.sub-menu li.honor a {
    background: url(../images/menu/m_ico_115.png) no-repeat top center;
}
nav#top-menu ul li ul.sub-menu li.file a {
    padding-top: 43px;
    background: url(../images/menu/m_ico_12.png) no-repeat top center;
}

nav#top-menu ul li ul.sub-menu li.work-order a {
    padding-top: 43px;
    background: url(../images/menu/m_ico_16.png) no-repeat top center;
}

nav#top-menu ul li ul.sub-menu li.blog a {
    padding-top: 43px;
    background: url(../images/menu/m_ico_3.png) no-repeat top center;
}

nav#top-menu ul li ul.sub-menu li.contact a {
    padding-top: 43px;
    background: url(../images/menu/m_ico_15.png) no-repeat top center;
}

nav#top-menu ul li ul.sub-menu li.cooperation a {
    padding-top: 43px;
    background: url(../images/menu/m_ico_17.png) no-repeat top center;
}

nav#top-menu ul li ul.sub-menu li.developer-center a {
    padding-top: 43px;
    background: url(../images/menu/m_ico_1.png) no-repeat top center;
}

nav#top-menu ul li ul.sub-menu li.eco a {
    padding-top: 43px;
    background: url(../images/menu/m_ico_1.png) no-repeat top center;
}

nav#top-menu ul li ul.sub-menu li.forum a {
    padding-top: 43px;
    background: url(../images/menu/m_ico_18.png) no-repeat top center;
}

nav#top-menu ul li ul.sub-menu li.join a {
    padding-top: 43px;
    background: url(../images/menu/m_ico_14.png) no-repeat top center;
}

nav#top-menu ul li ul.sub-menu li.link a {
    padding-top: 43px;
    background: url(../images/menu/m_ico_6.png) no-repeat top center;
}

nav#top-menu ul li ul.sub-menu li.qa-community a {
    padding-top: 43px;
    background: url(../images/menu/m_ico_2.png) no-repeat top center;
}

nav#top-menu ul li ul.sub-menu li.architect a {
    padding-top: 43px;
    background: url(../images/menu/m_ico_4.png) no-repeat top center;
}

nav#top-menu ul li ul.sub-menu li.reports a {
    padding-top: 43px;
    background: url(../images/menu/m_ico_7.png) no-repeat top center;
}
nav#top-menu ul li ul.sub-menu li.document a {
    padding-top: 43px;
    background: url(../images/menu/m_ico_21.png) no-repeat top center;
}
nav#top-menu ul li ul.sub-menu li.software a {
    padding-top: 43px;
    background: url(../images/menu/m_ico_22.png) no-repeat top center;
}
nav#top-menu ul li ul.sub-menu li.support a {
    padding-top: 43px;
    background: url(../images/menu/m_ico_19.png) no-repeat top center;
}

nav#top-menu ul li ul.sub-menu li.cooperative-development a {
    padding-top: 43px;
    background: url(../images/menu/m_ico_5.png) no-repeat top center;
}

nav#top-menu ul li ul.sub-menu li.kodo a:hover,
li.kodo.current-menu-item a {
    background: url(../images/menu/m_ico_8_h.png) no-repeat top center !important;
    background-size: 30px  30px !important
}

nav#top-menu ul li ul.sub-menu li.pili a:hover,
li.pili.current-menu-item a {
    background: url(../images/menu/m_ico_10_h.png) no-repeat top center !important;
    background-size: 30px  30px !important
}

nav#top-menu ul li ul.sub-menu li.fusion a:hover,
li.fusion.current-menu-item a {
    background: url(../images/menu/m_ico_9_h.png) no-repeat top center !important;
    background-size: 30px  30px !important
}

nav#top-menu ul li ul.sub-menu li.architect a:hover {
    padding-top: 43px;
    background: url(../images/menu/m_ico_4_h.png) no-repeat top center;
}

nav#top-menu ul li ul.sub-menu li.dora a:hover,
li.dora.current-menu-item a {
    background: url(../images/menu/m_ico_11_h.png) no-repeat top center !important;
    background-size: 30px  30px !important
}

nav#top-menu ul li ul.sub-menu li.qcos a:hover,
li.qcos.current-menu-item a {
    background: url(../images/menu/m_ico_1_h.png) no-repeat top center !important;
    background-size: 30px  30px !important
}

nav#top-menu ul li ul.sub-menu li.about a:hover,
li.about.current-menu-item a {
    background: url(../images/menu/m_ico_13_h.png) no-repeat top center !important;
    background-size: 30px  30px !important
}
nav#top-menu ul li ul.sub-menu li.honor a:hover,
li.honor.current-menu-item a {
    background: url(../images/menu/m_ico_115_h.png) no-repeat top center !important;
    background-size: 30px  30px !important
}

nav#top-menu ul li ul.sub-menu li.file a:hover,
li.file.current-menu-item a {
    background: url(../images/menu/m_ico_12_h.png) no-repeat top center !important;
    background-size: 30px  30px !important
}

nav#top-menu ul li ul.sub-menu li.work-order a:hover
{
    background: url(../images/menu/m_ico_16_h.png) no-repeat top center !important;
    background-size: 30px  30px !important
}

nav#top-menu ul li ul.sub-menu li.blog a:hover,
li.blog.current-menu-item a {
    background: url(../images/menu/m_ico_3_h.png) no-repeat top center !important;
    background-size: 30px  30px !important
}

nav#top-menu ul li ul.sub-menu li.contact a:hover,
li.contact.current-menu-item a {
    background: url(../images/menu/m_ico_15_h.png) no-repeat top center !important;
    background-size: 30px  30px !important
}

nav#top-menu ul li ul.sub-menu li.cooperation a:hover,
li.cooperation.current-menu-item a {
    background: url(../images/menu/m_ico_17_h.png) no-repeat top center !important;
    background-size: 30px  30px !important
}

nav#top-menu ul li ul.sub-menu li.developer-center a:hover,
li.developer-center.current-menu-item a {
    background: url(../images/menu/m_ico_1_h.png) no-repeat top center !important;
    background-size: 30px  30px !important
}

nav#top-menu ul li ul.sub-menu li.eco a:hover,
li.eco.current-menu-item a {
    background: url(../images/menu/m_ico_1_h.png) no-repeat top center !important;
    background-size: 30px  30px !important

}

nav#top-menu ul li ul.sub-menu li.forum a:hover,
li.forum.current-menu-item a {
    background: url(../images/menu/m_ico_18_h.png) no-repeat top center !important;
    background-size: 30px  30px !important
}

nav#top-menu ul li ul.sub-menu li.join a:hover,
li.join.current-menu-item a {
    background: url(../images/menu/m_ico_14_h.png) no-repeat top center !important;
    background-size: 30px  30px !important
}

nav#top-menu ul li ul.sub-menu li.link a:hover,
li.link.current-menu-item a {
    background: url(../images/menu/m_ico_6_h.png) no-repeat top center !important;
    background-size: 30px  30px !important
}

nav#top-menu ul li ul.sub-menu li.qa-community a:hover,
li.qa-community.current-menu-item a {
    background: url(../images/menu/m_ico_2_h.png) no-repeat top center !important;
    background-size: 30px  30px !important
}

nav#top-menu ul li ul.sub-menu li.reports a:hover,
li.reports.current-menu-item a {
    background: url(../images/menu/m_ico_7_h.png) no-repeat top center !important;
    background-size: 30px  30px !important
}

nav#top-menu ul li ul.sub-menu li.support a:hover,
li.support.current-menu-item a {
    background: url(../images/menu/m_ico_19_h.png) no-repeat top center !important;
    background-size: 30px  30px !important
}

nav#top-menu ul li ul.sub-menu li.cooperative-development a:hover,
li.cooperative-development.current-menu-item a {
    background: url(../images/menu/m_ico_5_h.png) no-repeat top center !important;
    background-size: 30px  30px !important
}


/*register*/

ul#qn-register {
    float: right;
    height: 97px;
    line-height: 97px;
}

ul#qn-register li {
    float: left;
}

ul#qn-register li:first-child a {
    margin: 0
}

ul#qn-register li a {
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    margin-left: 20px
}

ul#qn-register li a.signup {
    display: inline-block;
    padding: 0 20px;
    height: 36px;
    line-height: 36px;
    background: #1989fa;
    color: #fff;
	border-radius: 20px;
}
ul#qn-register li a.signup:hover {

    background: #fe6305; 
}

ul#qn-register li a.signin {
 display: inline-block;
line-height: 30px;
    height: 30px;
    color: #1989fa;
border-bottom: #fff 0px solid;
}
ul#qn-register li a.signin:hover {
	
    color: #000;
	border-bottom: #000 1px solid;
	
}

/*底部*/
.footer{width:100%; background-color: #32425c; padding: 45px 0 0 0; position: relative; overflow: hidden;}
.f_content{width:430px; margin: 0 30px 28px 10px; color: #aaa; border-right: #2d2e3b 1px solid;}
.f_con{background:url(../images/f_ico.png) no-repeat; width:400px; height: 27px; padding-left:36px; margin-top: 12px; line-height: 30px;}
.f_logo{width: 240px; height: 80px; margin-bottom: 30px;}
.f_content .icp{ background-position: 0 -36px;}
.f_content .address{ background-position: 0 -72px;}
.f_sider{width:650px; margin: 0 30px 10px 10px; text-align: center; }
.f_sider li{width:20%;float: left;}
.f_sider li p{color: #fff;font-size: 14px; font-weight: bold; line-height: 46px;}
.f_sider li a{color:#aaa; font-size: 12px;display: block; line-height: 26px;}
.f_sider li a:hover{color:#fff;}
.footer .bq{width:100%; background-color: #192948; height: 50px; margin-top: 15px; text-align: center; color: #aaa; font-size: 12px; line-height: 50px;}
.footer .bq a{color:#aaa;}
.footer .bq a:hover{color:#fff;}

/*客服*/
.toolbar-item,.toolbar-layer{background:url(../images/toolbar.png) no-repeat;}
.toolbar{position:fixed;right:0px;bottom:50px; z-index: 10;}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -798px;}
.toolbar-item-weixin:hover{background-position:0 -860px;}
.toolbar-item-weixin .toolbar-layer{height:212px;background-position:0 0;}
.toolbar-item-feedback{background-position:0 -426px;}
.toolbar-item-feedback:hover{background-position:0 -488px;}
.toolbar-item-app{background-position:0 -550px;}
.toolbar-item-app:hover{background-position:0 -612px;}
.toolbar-item-app .toolbar-layer{height:60px;background-position:0 -294px;}
.toolbar-item-top{background-position:0 -674px;}
.toolbar-item-top:hover{background-position:0 -736px;}
.toolbar-layer{position:absolute;right:50px;bottom:-9px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;padding-left: 0px;font-size: 20px;font-weight: bold;line-height: 52px; color: #333;
}
.document table{width:100%;border-collapse:collapse;border:1px solid #eee}
.document table th{padding:10px 0;font-size:14px;color:#333;background:#f1f1f1;font-weight:normal}
.document table th.th1{width:50%;padding-left:10%;text-align:left;}
.document table th.th2{width:25%;text-align:center;}
.document table th.th3{width:25%;text-align:center;}
.document table th.th1-2{width:50%;padding-left:10%;text-align:left;}
.document table th.th2-2{width:30%;text-align:center;}
.document table th.th3-2{width:20%;text-align:center;}
.document table tr{cursor:pointer}
.document table td{padding:10px 0;font-size:14px;border-bottom:1px solid #eee}
.document table td.td1{padding-left:2%}
.document table td.td2{text-align:center}
.document table td.td3{text-align:center}
.document table td.td4{text-align:center}
.document table td.td4 .down-td5-img{display:none;background:#fff;padding:10px;text-align:center;}
.document table td.td4 .down-td5-img p{text-align:center;}
.document table td.td4 .down-code{position:relative;overflow: visible;}
.document table td.td4 .down-code .down-td5-img{position: absolute;bottom:40px;right:0;}
.document table td.td4 .down-code:hover .down-td5-img{display:block;}
.document table td.td3 .downbtn{display:inline-block;background:url(../images/down1.png) no-repeat center;width:36px;height:32px;}
.document table td.td4 .downbtn{display:inline-block;background:url(../images/down1.png) no-repeat center;width:36px;height:32px;}
.document table tr.down-tr2:hover td a{color:#066cce}
.document table tr.down-tr2:hover td .downbtn{background:url(../images/down2.png) no-repeat center;}
.document table tr.down-tr1 .td3 a.downbtn:hover{background:url(../images/down2.png) no-repeat center;}
.document table tr.down-tr1 .td4 a.downbtn:hover{background:url(../images/down2.png) no-repeat center;}