@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;}

.layout, .content{ width:1200px; margin:0 auto; position:relative;}

.boxMo{ min-width:1200px;}

.header_bar{ height: 48px; background-color: #fff;}
.header_bar .intro{ float: left; font-size: 14px; line-height: 48px; color: #333;}
.header_bar_right{ float: right;}
.header_bar_right a{ position: relative; float: left; height: 48px; margin-left: 20px; font-size: 14px; line-height: 48px; color: #333;}

.header_bar_right a:hover{ color: #00aeff;}
.header_bar_right a:hover:before{ position: absolute; left: 50%; bottom: 9px; width: 4px; height: 4px; margin-left: -2px; background-color: #00aeff; border-radius: 50%; content: "";}

.header{ position: relative; padding: 50px 0; z-index: 4;}
.logo{ float: left; width: 400px; height: 70px;}

.header_right{ float: right; width: 600px; }
.header_search{ display:none; position: relative; width: 600px; height: 42px; border: 1px solid #e2e2e2; border-radius: 21px;}
.header_search_keyword{ width: 550px; height: 42px; font-size: 14px; line-height: 42px; color: #888888; text-indent: 1em; border: none; background: transparent; outline: none;}
.header_btn_search{ position: absolute; right: 13px; bottom: 9px; width: 26px; height: 26px; background: url(../images/btn_search.jpg) no-repeat center top transparent; border: none;}


.nav{ position: relative; float: right; width: ; height: 38px; z-index: 4; }
.nav_tem{ position: relative; float: left; margin-left: 40px; margin-right: 6px;}
.nav_tem.nomar{ margin: 0}
.nav_t{ position: relative; padding-right: 18px; font-size: 16px; line-height: 28px; color: #2b86ef; cursor: pointer;}
.nav_t a{ color: #2b86ef}
.nav_t i{ position: absolute; right: 0; top: 50%; width: 11px; height: 6px; margin-top: -3px; background: url(../images/nav_arr.png) no-repeat center top;}


.nav_list{ display: none; position: absolute; top: 28px; left: -30px; width: 100px; padding: 5px 0; background-color: #2b86ef; z-index: 3}
.nav_list li{ height: 30px; font-size: 14px; line-height: 30px; text-align: center;}
.nav_list li a{ color: #fff;}

/*.nav_tem.selected .nav_t i{ background-image: url(nav_arr2.png);}*/
.nav_tem.selected .nav_list{ display: block;}

.footer{ padding: 40px 0; margin-top:30px; background-color: #fff; border-top: 1px solid #2a7bec;}
.footer_top{ padding-bottom: 20px; }
.footer_list_tem{ float: right; margin: 10px 40px 0 0;}
.footer_list_tem a{ display: inline-block; margin-bottom: 12px; font-size: 20px; line-height: 20px; color: #333;}
.footer_list_tem ul{}
.footer_list_tem ul li{ height: 30px; font-size: 14px; line-height: 30px;}
.footer_list_tem ul li a{ font-size: 14px; color: #666;}

.footer_qrcode{ float: right; width: 220px;}
.footer_qrcode_tem{ width: 100px;}
.footer_qrcode_tem img{ display: block; width: 100px; height: 100px; margin: 0 auto}
.footer_qrcode_tem p{ margin-top: 8px; font-size: 14px; line-height: 14px; color: #333; text-align: center;}

.footer_bot{ padding-top: 34px; border-top: 1px solid #181a1d;}
.footer_bot p{ font-size: 14px; line-height: 28px; color: #333; text-align: center;}

#btn_top{ display: none; position: fixed; bottom: 40px; left: 50%; margin-left: 650px; width: 60px; height: 60px; background: url(../images/btn_top.png) no-repeat center top;}
#btn_top.active{ display: block;}

.footer_des{ float: left; text-align: left; font-size: 16px; line-height: 40px; color: #333;}