@charset "utf-8";
/* CSS Document */
/*通用定义*/
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.fl{ float:left;}
.fr{ float:right;}
.clearer{clear:both; height:0; display:block; font-size:1px;overflow:hidden;}

.top_bar{ height: 42px; background-color: #fff;}
#today{ float: left; font: 16px/42px "Microsoft Yahei"; color: #666;}
.top_bar_r{ float: right; height: 18px; margin-top: 12px;}
.top_bar_r a, .top_bar_r span{ float: right; height: 18px; font: 16px/18px "Microsoft Yahei";}
.top_bar_r a{ padding-right: 16px; margin-right: 16px; border-right: 2px solid #999; cursor: pointer}
.top_bar_r span{ color: #1c438a;}

.banner{ height: 398px; background: url(../images/banner.jpg) no-repeat center top; overflow: hidden;}
.logo{ display: block; margin: 110px auto 0;}
.search{ position: relative; display: block; width: 520px; height: 48px; margin: 48px auto 0; padding: 0; background-color: #fff; border-radius: 4px;}
#search_keyword{ float: left; width: 430px; height: 48px; font: 16px/48px "Microsoft Yahei"; text-indent: 1em; background-color: #fff; border: none;  border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
#search_btn{  float: right; width: 88px; height: 48px; font: 18px/48px "Microsoft Yahei"; color: #fff; text-align: center; background-color: #1c438a; border-radius: 4px; border: none;}

.nav{ width: auto; height: 62px; margin-bottom: 30px; background-color: #1c438a;}
.nav a,.nav > div > a{ float: left; width: 200px; height: 62px; font: 22px/62px "Microsoft Yahei"; color: #fff; text-align: center;}
.nav a:hover{ background-color: #3860ae;}


.frd_link{ position: relative; padding: 14px 0; background-color: #1c438a; z-index: 10;}
.bot_link_tem{ position: relative; float: left; width: 293px; height: 36px; margin-right: 9px; background-color: #fff;}
.bot_link_btn.nomar, .bot_link_tem.nomar{ margin-right: 0}
.bot_link_tem:after{ position: absolute; right: 10px; top: 18px; width: 0; height: 0; border-width: 5px 5px 0; border-style:solid; border-color: #1a56a8 transparent transparent; content: ""; }
.bot_link_des{ font-size: 14px; line-height: 36px; color: #333; text-indent: 1em; cursor: pointer; border: 0; width: 100%; text-align: left; background: none;}
.bot_link_list{ display: none; position: absolute; bottom: 36px; left: 0; min-width: 293px; max-height: 180px; background-color: #fff; overflow-y: scroll;}
.bot_link_tem.active .bot_link_list{ display: block;}
.bot_link_tem.active:after{ transform: rotate(180deg);}
.bot_link_list.scroll{}
.bot_link_list li{ height: 30px; padding: 0 10px; font-size: 14px; line-height: 30px;  white-space: nowrap;}
.bot_link_list li a{ display: block;}
.bot_link_list li:hover{ background-color: #eee;}

.footer{ padding: 30px 0;}
.footer_des{ font-size: 14px; line-height: 28px; color: #000; text-align: center;}
.footer_des a{ color: #000;}

#btn_top{ display: none; position: fixed; bottom: 20px; left: 50%; margin-left: 620px; width: 120px; height: 60px; font: 16px/88px "Microsoft Yahei"; color: #fff; text-align: center; background-color: #d7d7d7; cursor: pointer;}
#btn_top:before{ position: absolute; top: 8px; left: 50%; width: 20px; height: 20px; margin-left: -10px; background: url(../images/icon_arr_top.png) no-repeat center top; content: "";}
#btn_top.active{ display: block;}

.i_jiucuo{ position: absolute; top: 0px; left: 0; }
.i_dzjg{ position: absolute; top: 10px; left: 90px;}

.side_i{ display: none; position: fixed; bottom: 80px; left: 50%; margin-left: 620px; width: 120px; z-index: 999;}
.side_i.active{ display: block}
.side_i_tem{ width: 110px; padding: 5px; margin-bottom: 20px; background-color: #fff;}
.side_i_tem img{ width: 110px;}
.side_i_tem p{ margin-top: 4px; font-size: 12px; line-height: 16px; color: #999; text-align: center;}