@charset "utf-8";
/* CSS Document */
@font-face {font-family: 'iconfont';
    src: url('../font/iconfont.eot'); /* IE9*/
    src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
/*字体*/
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

/*顶部广告*/
#HDtopBar { height: 40px; background:#fd3200 url(../images/ad_top1.jpg) no-repeat top center; }
#HDtopBar a { height: 40px; display: block; width: 100%; }

/*顶部内容*/
#top{ height:40px; background:#f6f7f9; font-size: 12px;}
#top .t_main{ width:1200px; height:40px; margin:0 auto;}
#top .t_main .tm_left{ width:500px; height:40px; line-height:40px; float:left;}
#top .t_main .tm_right{ width:700px; height:40px; line-height:40px; float:left; text-align:right;}
#top .t_main .tm_right div{ display: inline-block; padding: 0 5px;}
#top .t_main .tm_right span { position: relative; bottom: 3px;}
#top .t_main .tm_right i.ic1{ font-size:20px; position:relative; top:-2px;}
#top .t_main .tm_right i.ic2{ font-size:28px;}
#top .t_main .tm_right a{ position:relative; top:-3px;}

/*logo和搜索区域*/
#search{ height: 90px; background-color: #FFFFFF;}
#search .s_main{ width:1200px; margin:0 auto;}
#search .s_main .sm_logo{ width: 240px; height: 70px; float: left;}
#search .s_main .sm_search_logo{ width: 175px; height: 70px; float: left; background: url("../images/search_logo.png"); }
#search .s_main .sm_search_form{ width: 390px; height: 70px; float: left; margin-left: 30px; margin-top: 5px; position: relative;}
#search .s_main .sm_search_form .ssf_form{ width: 390px; height: 40px; background-color: #00aaee; border-radius: 5px;}
#search .s_main .sm_search_form .ssf_form input[type="text"]{ display: block; float: left; width: 202px; height: 34px; margin-left: 3px; margin-top: 3px; border-radius: 2px 0 0 2px; padding: 0 10px;}
#search .s_main .sm_search_form .ssf_form .sf_type{ float: left; margin-top: 3px; width: 84px; height: 34px; background-color: #e8f4ff; line-height: 34px; text-align: center; cursor: pointer; color: #666666; border-left: 1px solid #dddddd;}
/*搜索框隐藏区域*/
#search .s_main .sm_search_form .ssf_form .sf_type .sfNav{ width:309px; height:auto; background-color:#FFF; position:absolute; z-index:1; top:40px; left:0px; border:1px solid #e6e6e6; border-right:0px; display:none;}
#search .s_main .sm_search_form .ssf_form .sf_type .sfNav li{ width:102px; height:30px; line-height:30px; float:left; text-align:center; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6;}
#search .s_main .sm_search_form .ssf_form .sf_type .sfNav li a{ display:block; color:#666;}
#search .s_main .sm_search_form .ssf_form .sf_type .sfNav li a:hover{ background-color:#e8f4ff;}

#search .s_main .sm_search_form .ssf_form input[type="submit"]{ display: block; width: 80px; height: 40px; float: left; cursor: pointer; background: none; color: #ffffff; font-size: 16px; font-weight: bold;}
#search .s_main .sm_search_form .sm_task{ font-size: 12px; height: 25px; line-height: 25px;}
#search .s_main .sm_ewm{ width: 360px; height: 80px; float: left; text-align: right; }
#search .s_main .sm_ewm .se_wxcode{ width:150px; float: right; text-align: center; font-weight: bold; height: 25px; line-height: 25px;}
#search .s_main .sm_ewm .se_wxcode .sw1{ color: #24eb49;}
#search .s_main .sm_ewm .se_wxcode .sw2{ color: #b0a827;}
#search .s_main .sm_ewm .se_wxcode .sw3{ color: #3e72c0;}
#search .s_main .sm_ewm .se_wxcode .sw3{ color: #3e72c0;}
/*#search .s_main .sm_ewm .se_img{ float: right; width: 70px; height: 70px; overflow: hidden;}*/
#search .s_main .sm_ewm .se_img{ float: right; overflow: hidden;}
#search .s_main .sm_ewm .se_img img{ width: 100%;}

/*导航区域*/
#nav{ height: 45px; background-color: #00aaee;}
#nav .n_main{ width: 1200px; height: 45px; margin: 0 auto;}
#nav .n_main ul li{ float: left; width: 120px; text-align: center; height: 45px; font-size: 18px; font-weight:bold;}
#nav .n_main ul li a{ display: inline-block; width: 100%; height: 45px; color: #FFFFFF; line-height: 45px;}
#nav .n_main ul li a.current{ background-color: #1878bc;}

/*主题区域*/
#main{ width: 1213px;  height: auto; margin: 0 auto;}
#main .m_top{ height: 8px; background: url("../images/content_top.png") no-repeat;}
#main .m_center{background: url("../images/content_center.png");}
#main .m_bottom{ height: 14px; background: url("../images/content_bottom.png") no-repeat;}

/*分页*/
.page_area{ margin:0 auto; color:#6f6f6f; font-size:12px; text-align:center;}
.page_area ul li{ border:1px solid #e7e5e2; display:inline-block; border-radius:5px; margin-left:5px;}
.page_area ul li.curr_page{ padding:7px 14px; border:1px solid #4286b3; background:#2c99d6; color:#FFF;}
.page_area ul li.end{ border-right:1px solid #e7e5e2;}
.page_area ul li.omit{ border:none;}
.page_area ul li.gopage{ padding:3px 8px;}
.page_area ul li a{ color:#6f6f6f; display:inline-block; padding:7px 14px;}
.page_area ul li span{ display:inline-block; padding:7px 14px;}

/*底部*/
#footer{ height: 195px; background-color: #35393c; color: #cccccc; font-size: 12px;}
#footer .f_area{ height: 150px; border-bottom: 1px solid #a9a4c0;}
#footer .f_area .fa_main{ width: 1200px; margin: 0 auto;}
#footer .f_area .fa_main .fam_about{ float: left; width: 470px;}
#footer .f_area .fa_main .fam_about .fama_title{ height: 35px; line-height: 35px;}
#footer .f_area .fa_main .fam_about .fama_link a{ color: #cccccc;}
#footer .f_area .fa_main .fam_logo{ float: left; width: 240px; height: 70px; overflow: hidden; margin-top: 20px;}
#footer .f_area .fa_main .fam_statement{ float: left; width: 470px; margin-left: 20px;}
#footer .f_area .fa_main .fam_statement .fams_title{ height: 35px; line-height: 35px;}
#footer .f_area .fa_main .fam_statement .fams_content{ line-height: 25px;}
#footer .f_copyright{ border-top: 1px solid #696767; text-align: center; height: 35px; line-height: 35px;}

/*弹框*/
.window_area{ padding: 15px; line-height: 25px;}

.totop{position:fixed;right:25px;bottom:25px;display:block;width:26px;height:62px;background:url(../images/rocket.png) no-repeat 0 0;-webkit-transition: all 0.2s ease-in-out;}
.totop:hover{background:url(../images/rocket.png) no-repeat 0 -62px;}

.window_area .thirdLogin i{ font-size: 36px; color: #1878bc;}

.vip_i_1{ font-size: 40px !important; position: relative; top: 10px;}




/**flex**/
.flex{
    display: flex;
}

.flex-row{
    flex-direction: row;
}

.flex-between{
    justify-content: space-between;
}

.flex-center{
    justify-content: center;
}

.margin-bottom-20{
    margin-bottom: 20px;
}

.margin-left-20{
    margin-left: 20px;
}

