/*新页使用的CSS*/

/*头部背景变化*/
.topdiv{ background-color:transparent;}
.topdiv.over{ background-color:#FFFFFF; box-shadow:0 0 0.3em #bbbbbb;}
.topdiv.oven{ position:fixed;}

.indexcount.over{ margin-top:0em;}

.topdiv .a1{ color:#FFFFFF;}
.topdiv.over .a1{ color:#333333;}
.topdiv .a1 .a1_1{ display:block;}
.topdiv.over .a1 .a1_1{ display:none;}
.topdiv .a1 .a1_2{ display:none;}
.topdiv.over .a1 .a1_2{ display:block;}

.topdiv .a4 .a4_1{display:block;}
.topdiv .a4.oven .a4_1{display:none;}
.topdiv.over .a4 .a4_1{display:none;}
.topdiv.over .a4.oven .a4_1{display:none;}

.topdiv .a4 .a4_2{display:none;}
.topdiv .a4.oven .a4_2{display:none;}
.topdiv.over .a4 .a4_2{display:block;}
.topdiv.over .a4.oven .a4_2{display:none;}

.topdiv .a4 .a4_3{display:none;}
.topdiv .a4.oven .a4_3{display:block;}
.topdiv.over .a4 .a4_3{display:none;}
.topdiv.over .a4.oven .a4_3{display:none;}

.topdiv .a4 .a4_4{display:none;}
.topdiv .a4.oven .a4_4{display:none;}
.topdiv.over .a4 .a4_4{display:none;}
.topdiv.over .a4.oven .a4_4{display:block;}

.topdiv .a2 a.ahover99:link{ color:#FFFFFF;}
.topdiv .a2 a.ahover99:active{ color:#FFFFFF;}
.topdiv .a2 a.ahover99:visited{ color:#FFFFFF;}
.topdiv .a2 a.ahover99:hover{ color:#FFFFFF;}

.topdiv .a2 a.ahover100:link{ color:#333333;}
.topdiv .a2 a.ahover100:active{ color:#333333;}
.topdiv .a2 a.ahover100:visited{ color:#333333;}
.topdiv .a2 a.ahover100:hover{ color:#006cb7;}

.topdiv.over .a2 a.ahover99:link{ color:#333333;}
.topdiv.over .a2 a.ahover99:active{ color:#333333;}
.topdiv.over .a2 a.ahover99:visited{ color:#333333;}
.topdiv.over .a2 a.ahover99:hover{ color:#006cb7;}
.topdiv.over .a2 a.ahover99.over{ color:#006cb7;}

.topdiv .a2 .a2_1{ background-color:#FFFFFF;}
.topdiv.over .a2 .a2_1{ background-color:#006cb7;}

.topdiv .a3 .a3_1{ display:block;}
.topdiv.over .a3 .a3_1{ display:none;}
.topdiv .a3 .a3_2{ display:none;}
.topdiv.over .a3 .a3_2{ display:block;}


/*菜单样式*/
.navdiv{width:7em;}
.navdiv .b1{ display:none;}
.navdiv:hover .b1{display:block;}
.navdiv.over .b1{display:block;}
.navdiv .b2{ display:none;}
.navdiv:hover .b2{ display:block;}

/*下拉条件选项*/
a[navdown]:hover { color:#006cb7;}
a[navdown]:hover .do1{ color:#006cb7;}
a[navdown] .box {display:none; border:1px solid #006cb7;}
a[navdown]:hover .box {display:block;}
a[navdown] .li:hover {color:#FFFFFF; background-color:#006cb7;}

/*A标签效果*/
a.ahover1:link{ color:#333333;}
a.ahover1:active { color:#333333;}
a.ahover1:visited { color:#333333;}
a.ahover1:hover{ color:#006cb7;}

a.ahover2:link{ color:#FFFFFF;}
a.ahover2:active { color:#FFFFFF;}
a.ahover2:visited { color:#FFFFFF;}
a.ahover2:hover{ color:#FFFFFF;}

a.ahover3:link{ color:#999999;}
a.ahover3:active { color:#999999;}
a.ahover3:visited { color:#999999;}
a.ahover3:hover{ color:#FFFFFF;}

a.ahover4:link{ color:#006cb7;}
a.ahover4:active { color:#006cb7;}
a.ahover4:visited { color:#006cb7;}
a.ahover4:hover{ color:#6fbf50;}

a.ahover5:link{ background-color:#213155;}
a.ahover5:active { background-color:#213155;}
a.ahover5:visited { background-color:#213155;}
a.ahover5:hover{ background-color:#006cb7;}
a.ahover5.over{ background-color:#006cb7;}

a.ahover6:link{ color:#333333;}
a.ahover6:active { color:#333333;}
a.ahover6:visited { color:#333333;}
a.ahover6:hover{ color:#006cb7;}
a.ahover6.over{ color:#006cb7;}
a.ahover6:link .a1{ display:none;}
a.ahover6:active .a1{ display:none;}
a.ahover6:visited .a1{ display:none;}
a.ahover6:hover .a1{ display:block;}
a.ahover6.over .a1{ display:block;}

.lianx_box{ color:#333333;}
.lianx_box:hover{ color:#006cb7;}
.lianx_box.over{ color:#006cb7;}
.lianx_box .a1{ display:none;}
.lianx_box:hover .a1{ display:block;}
.lianx_box.over .a1{ display:block;}

a.ahover7:link{ background-color:transparent; border:1px solid #FFFFFF;}
a.ahover7:active { background-color:transparent; border:1px solid #FFFFFF;}
a.ahover7:visited { background-color:transparent; border:1px solid #FFFFFF;}
a.ahover7:hover{ background-color:#6fbf50; border:1px solid #6fbf50;}
a.ahover7.over{ background-color:#6fbf50; border:1px solid #6fbf50;}

a.ahover8:link{ color:#999999;}
a.ahover8:active { color:#999999;}
a.ahover8:visited { color:#999999;}
a.ahover8:hover{ color:#333333;}



/*产品详细页面-功能清单变化样式*/
/*整体宽度变化*/
.funct_list{ width:9.5%;}
.funct_list.over{ width:33.5%;}
/*边线变化*/
.funct_list .a1{ border-right:1px solid rgba(255,255,255,0.1);}
.funct_list.over .a1{ border-right:1px solid rgba(24,122,191,1.0);}
/*默认内容隐藏和显示*/
.funct_list .a1 .a1_1{ display:block;}
.funct_list.over .a1 .a1_1{ display:none;}
/*详细内容隐藏和显示*/
.funct_list .a1 .a1_2{ display:none;}
.funct_list.over .a1 .a1_2{ display:block;}

a.ahover9:link,a.ahover9:active,a.ahover9:visited{ background-color:#FFFFFF;}
a.ahover9:hover{ background-color:#006cb7;}
a.ahover9:link .a1,a.ahover9:active .a1,a.ahover9:visited .a1{ color:#333333;}
a.ahover9:hover .a1{ color:#FFFFFF;}
a.ahover9:link .a2,a.ahover9:active .a2,a.ahover9:visited .a2{ color:#666666;}
a.ahover9:hover .a2{ color:#FFFFFF;}
a.ahover9:link .a3,a.ahover9:active .a3,a.ahover9:visited .a3{ color:#6fbf50;}
a.ahover9:hover .a3{ color:#FFFFFF;}
a.ahover9:link .a3 .a3_1,a.ahover9:active .a3 .a3_1,a.ahover9:visited .a3 .a3_1{ display:block;}
a.ahover9:hover .a3 .a3_1{ display:none;}
a.ahover9:link .a3 .a3_2,a.ahover9:active .a3 .a3_2,a.ahover9:visited .a3 .a3_2{ display:none;}
a.ahover9:hover .a3 .a3_2{ display:block;}

a.ahover10:link{ background-color:#999; color:#FFFFFF;}
a.ahover10:active { background-color:#999; color:#FFFFFF;}
a.ahover10:visited { background-color:#999; color:#FFFFFF;}
/*a.ahover10:hover{ background-color:#6fbf50; color:#FFFFFF;}*/
a.ahover10.over{ background-color:#6fbf50; color:#FFFFFF;}




/*学习资料下拉菜单*/
.onenav:hover{background-color:#6fbf50;}
.onenav.over{background-color:#6fbf50;}

.onenav:hover .a1{ display:none;}
.onenav.over .a1{ display:none;}

.onenav:hover .a2{ display:block;}
.onenav.over .a2{ display:block;}

.onenav:hover .a3{ color:#FFFFFF; font-weight:bold;}
.onenav.over .a3{ color:#FFFFFF; font-weight:bold;}

.twobox{ background-color:#f8fbf7;}

.twonav:hover .a1{ background-color:#6fbf50;}
.twonav.over .a1{ background-color:#6fbf50;}

.twonav:hover .a2{ color:#6fbf50;}
.twonav.over .a2{ color:#6fbf50;}

a.ahover11:link{ color:#666666;}
a.ahover11:active { color:#666666;}
a.ahover11:visited { color:#666666;}
a.ahover11:hover{ color:#6fbf50;}

.aboutbox:hover .a1{ display:none;}
.aboutbox:hover .a2{ display:block;}
.aboutbox:hover .a3{ display:block;}

a.ahover12:link{ color:#dbdbdd;}
a.ahover12:active { color:#dbdbdd;}
a.ahover12:visited { color:#dbdbdd;}
a.ahover12:hover{ color:#006cb7;}
a.ahover12.over{ color:#006cb7;}
a.ahover12:link .a1{ display:none;}
a.ahover12:active .a1{ display:none;}
a.ahover12:visited .a1{ display:none;}
a.ahover12:hover .a1{ display:none;}
a.ahover12.over .a1{ display:block;}

/* 设置里程碑中滚动条的样式 */
.yearbox ::-webkit-scrollbar {width:0px;height:0px;}

.zh-content img { max-width: 100%; height: auto; }
.zh-content p { margin-bottom: 15px; }
.zh-page { margin: 20px 0; text-align: center; font-size: 12px; }
.zh-page a { display: inline-block; margin: 5px 5px; padding: 0 10px; border: solid 1px #006cb7; background-color: #006cb7; color: #fff; line-height: 30px; border-radius: 4px; }
.zh-page a:hover { color: #fff; }
.zh-page a.on { background-color: #fff; color: #006cb7; }
