

/*  头部01 */
.pc_header_bg{background:url("pc_head_bg01.jpg") top center no-repeat #ddeefc; height: auto; background:#fff;}

/* top_bar */
.pc_header_group01 .top_bar {height: 46px; background:rgba(0,0,0,0.2); background-color: #d8ecff; width: 100%; margin:0 ;} 

.pc_header_group01 .top_nblogo a{ color:#cd2125; margin-top: 10px; float: left; padding: 0px 5px;}
.pc_header_group01 .nblogo a{ color:#cd2125; margin-top: 10px; float: right;}
 



.pc_header_group01 .top_link { display: inline-block; color:#cd2125; margin-top: 15px; float: right;}
.pc_header_group01 .top_link a {color:rgba(0, 0, 0, 0.6); font-weight: 600;font-size: 15px; padding: 0px 5px;float: left;  }
.pc_header_group01 .top_link a>span{padding: 0px 4px; }

/* .pc_header_group01 .top_link a+a { border-left: 1px #fff solid;padding: 0px 5px; } */
.pc_header_group01 .top_link a { border-left: 1px rgba(0, 0, 0, 0.6) solid;padding: 0px 8px; }
.pc_header_group01 .top_link a:hover { color:rgba(0, 0, 0, 0.9); }


.pc_header_group01 .top_link .versions01 { background-color: #4074b3; border-radius: 100px; width:70px; height: 28px; line-height: 28px; text-align: center; padding: 0px; display: block; margin-top: -6px; color:#fff; border: 0px;margin-right: 5px;}
.pc_header_group01 .top_link .versions01:hover {color:#fff;background-color: #90b4df;}

.pc_header_group01 .top_link .versions02 { font-size: 12px; background-color: #4074b3; border-radius: 100px; width:70px; height: 28px; line-height: 28px; text-align: center; padding: 0px; display: block; margin-top: -6px; color:#fff; border: 0px;margin-right: 5px;}
.pc_header_group01 .top_link .versions02:hover {color:#fff;background-color: #90b4df;}



.popmenu01{ display: inline-block; height: 30px;margin-top: 0px; float: left; }
.popmenu01>a{display:block;  right:15px; top:0px; font-size: 15px; color: rgba(0, 0, 0, 0.6) !important; }
.popmenu01>a:hover{color:rgba(0, 0, 0, 0.9)!important; }
.popmenu01 a img{float: left;}

.popmenu01 .popwin01{ background-color: #fff; display:none; z-index:2000; position:absolute; padding: 5px 10px;line-height: 30px; width: 100px; max-height: 200px; margin-left: -30px; margin-top: 25px; font-size: 16px; font-weight: 600; padding: 0px 5px; border:1px #f1f1f1 solid; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);}
.popmenu01.on .popwin01{ display:block; padding: 5px 0px;} 
.popmenu01.on .popwin01>a{color: #666 !important; text-align: center; width: 100%; display: block;   border-left: 0px;float: left; } 








/* logo01 */

.pc_header_group01 .pc_logo{float:left; margin:30px 0 0 0px;}


/* logo02 */

.pc_header_group01 .pc_logo02{float:left; margin:10px 0 0 0px; width: 100%;}





/* PC搜索01 */
.pc_header_group01 .pc_search01 {float:right;height:60px;  margin-top: 30px; margin-right: 10px; width: 80% }

.pc_header_group01 .pc_search02 { margin-top: 40px;}


/* 输入框样式 */
.pc_header_group01 .pc_search01 .keyword{ float:left; width:calc(100% - 60px); height:42px; line-height:42px; font-size:16px; padding-left:40px; font-family:"微软雅黑";color:#888; background:#fff url("search_bg01.png") no-repeat 10px center;  border:#ccc 1px solid; margin: 0px 0px 0px 0px; }
/* 按钮样式 */

.pc_header_group01 .pc_search01 .ok{ cursor:pointer;margin: 0px 0 0 0px;  float:left; font-family:"微软雅黑"; color:#fff; width:60px; height:42px; line-height:42px; font-size:16px;  background:#fa5419 url("icon002b.png") no-repeat center center; border:0px ;transition: background-color 0.9s; -moz-transition: background-color 0.9s; /* Firefox 4 */ -webkit-transition: background-color 0.9s; /* Safari and Chrome */ -o-transition: background-color 0.9s; /* Opera */  background:#db0000;

}
.pc_header_group01 .pc_search01 .ok:hover{background:#b00101 url("icon002b.png") no-repeat center center;  background:#b00101;}

.pc_header_group01 .pc_search01 .login{ margin-left:5px; float: left; cursor:pointer; float:left; font-family:"微软雅黑"; color:#fff; width:100px; height:40px; line-height:40px; font-size:18px; text-align: center; background:#ff5400; border:0px ; transition: background-color 0.9s; -moz-transition: background-color 0.9s; /* Firefox 4 */ -webkit-transition: background-color 0.9s; /* Safari and Chrome */ -o-transition: background-color 0.9s; /* Opera */}

.pc_header_group01 .pc_search01 .login:hover{background:#b00101;}



@media screen and  (min-width: 1024px){/*屏幕大于 1024px*/  
.wap_header_blank{height: 0px; } /*WAP头部空白*/
.wap_search01 { display: none; } /* 移动端搜索隐藏 */
}


/* PC自适应主菜单 */
.pc_nav01{position: relative;width:100%;background: #3dadec;border-bottom:1px solid #ddd;height:48px;z-index: 9999}
.pc_nav01 .navbox{width: 1100px;margin: 0 auto; /* border: 1px solid #000;*/}
.pc_nav01 .nav{display: block; float: left;width:calc(100% - 0px); margin-left:0px; }
.pc_nav01 .nav .nav_pc{ width: 100%;}
.pc_nav01 .nav ul li{float:left;position: relative;border-right: 0px solid #ccc;box-sizing: border-box;z-index: 999;}
.pc_nav01 .nav ul li:first-child{border-left: 0px solid #ccc;}
.pc_nav01 .nav ul li .f_a{line-height:48px;display:block;text-align:center;font-size:18px;color:#fff;}
.pc_nav01 .nav ul li:hover .f_a{background-color:#036bae;color: #fff; transition:all .3s}
.pc_nav01 .nav ul li .s_navbox{display:none;position: absolute;left: 0;width: 100%; background:#fff;background-color: #00a2ff;z-index: 9999;box-sizing: border-box}
.pc_nav01 .nav ul li .s_navbox .s_a a{color:#fff;font-size:15px;text-transform:uppercase;display:block;text-align: center;padding: 10px 0;border-top: 1px solid #62c5fe; }
.pc_nav01 .nav ul li .s_navbox .s_a a:hover{background-color:#036bae;color: #fff;}
.wap_nav01{display:none}
.headlf .wap_logo{display: none;}
.headrg .m_menuimg{display: none;}

/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:1200px) {
   .nav ul li .f_a{font-size:14px}
   .nav ul li .s_navbox .s_a a{font-size:12px}
   .foot_top ul{margin-left:60px}
   .nav ul li .s_navbox .s_a{width:100%}
}

/* PC自适应主菜单 */




/* 竖项主菜单 */
.pc_nav_h01 {background:#a2c2e9; width:100%; margin:0 auto; height:56px; }
.pc_nav_h01 .menunav{ max-width:1250px;  margin:0 auto; padding-left:0px;}
.pc_nav_h01 .menunav{ height:56px; line-height:56px; background:#a2c2e9; position:relative; z-index:9990; font-size:26px; /*padding-left:356px; width:844px;*/}
.pc_nav_h01 .menunav a{ color:#fff; transition: background-color 0.3s; -moz-transition: background-color 0.3s; /* Firefox 4 */ -webkit-transition: background-color 0.3s; /* Safari and Chrome */ -o-transition: background-color 0.3s; /* Opera */}

.pc_nav_h01 .menunav span{ padding: 0px 8px; margin-top: -6px;}


.pc_nav_h01 .menunav .nLi{ float:left; position:relative; display:inline-block; width:calc(100% / 8 - 10px);  }
.pc_nav_h01 .menunav .nLi h3{ float:left; width: 100%;}
.pc_nav_h01 .menunav .nLi h3 a{ display:block; padding:0 10px; width: 100%; font-size:20px; font-weight:600;background:#a2c2e9;margin-right:0px; text-align: center;font-family: "微软雅黑";

    text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0; color:#000; font-weight: 600;
}
.pc_nav_h01 .menunav .sub{ display:none; width:410px; left:0; top:40px; position:absolute; background:rgba(45,95,155,0.9); line-height:35px; padding:10px 0; font-size:16px; }
.pc_nav_h01 .menunav .sub li{zoom:1; width: 50%; float: left;}
.pc_nav_h01 .menunav .sub a{ display:block; padding:2px 10px; text-indent:1.5em;
transition: background-color 0.5s; -moz-transition: background-color 0.5s; /* Firefox 4 */ -webkit-transition: background-color 0.5s; /* Safari and Chrome */ -o-transition: background-color 0.5s; /* Opera */ color:#fff; }
.pc_nav_h01 .menunav .sub a:hover{ background:#86a6cd; color:#fff;}
.pc_nav_h01 .menunav .on h3 a{ background:#4074b3; color:#000; font-weight: 600;}

.pc_nav_h01 .menunav .all h3 a{float:left;  position:relative; display:inline; padding:0 30px; font-size:18px; font-weight:normal; color:#fff; width: 170px; margin-right: 0px; background:url("../css/all_bg01.png") 190px 15px no-repeat; background-color:#ed586f;}
.pc_nav_h01 .menunav .all h3 a:hover{background-color:#d9213e;}



.pc_nav_h01 .menunav .nLi h3 .oldman {background-color: #db0000; line-height: 42px; height: 42px; border-radius: 8px; margin-top: 8px;  width:200px; margin-left: 15px; text-shadow:none; color:#fff;}

.pc_nav_h01 .menunav .nLi h3 .oldman:hover {background-color: #b70404;}


/* 竖项主菜单 */




.pc_header_bg1{background:url("pc_head_bg01.jpg") top center no-repeat #ddeefc; height: auto; background:none;}





/* 手机端顶部辅助阅读导航 */
.wap_topmenu_group01 {float: left;width: 100%; line-height: 200%;padding: 5px 5px;background-color: #224b7f;}
.wap_topmenu_group01>li {display: block;width: 33.33%;float: left;  }
.wap_topmenu_group01 a {display: block;width: 100%; text-align: center; color:#fff; font-size: 1.6rem;}
.wap_topmenu_group01 .right { text-align: right; padding-right: 10px; }


/* 手机端顶部辅助阅读导航 */
.wap_topmenu_group01 {float: left;width: 100%; line-height: 200%;padding: 5px 5px;background-color: #224b7f;}
.wap_topmenu_group01>li {display: block;width: 33.33%;float: left;  }
.wap_topmenu_group01 a {display: block;width: 100%; text-align: center; color:#fff; font-size: 1.6rem;}
.wap_topmenu_group01 .right { text-align: right; padding-right: 10px; }


@media screen and (min-width: 1024px) {/*屏幕大于1024px*/
    .wap_topmenu_group01 {display: none;}
    }   


@media screen and (max-width: 640px) and (min-width: 0px){/*屏幕 0-640px*/    
.wap_topmenu_group01 {display: block;}

}

/* 折行手机端导航 */
.wap_menu_group01 {width:100%;line-height: 200%;  overflow: hidden; padding: 10px 5px; background-color: #224b7f; color:#fff; display: none; font-size: 1.7rem; font-weight: 600;}

.wap_menu_group01>li { display: inline; float: left;  width: 33.33%;}
.wap_menu_group01 a{color:#fff; width: 100%; float: left; border-bottom: 0px rgba(255, 255, 255, 0) solid; display: block; text-align: center; line-height: 220%;}
.wap_menu_group01 a:hover{color:#fff; }
.wap_menu_group01 .on {background-color: rgba(0, 0, 0, 0.2); color:#fff; border-bottom: 0px rgba(255, 255, 255, 0.9) solid; border-radius: 100px;}


@media screen and (min-width: 1024px) {/*屏幕大于1024px*/
    .wap_menu_group01 {display: none;}
    }   


@media screen and (max-width: 640px) and (min-width: 0px){/*屏幕 0-640px*/    
.wap_menu_group01 {display: block;}
 .demo_blank{ height: 0px;}
 .wap_header_blank { height: 0px;}
 .wap_header{position:relative ;top:0px;left:0px; }
}
