﻿@charset "utf-8";

/* 通用代码 */
*{margin:0;padding:0;}
@media screen and (min-width: 320px) { html {font-size: 14px;}}
@media screen and (min-width: 360px) { html {font-size: 16px;}}
@media screen and (min-width: 400px) { html {font-size: 18px;}}
@media screen and (min-width: 440px) { html {font-size: 20px;}}
@media screen and (min-width: 480px) { html {font-size: 22px;}}
@media screen and (min-width: 640px) { html {font-size: 28px;}}
@media screen and (min-width: 750px) { html {font-size: 32px;}}

body{ font-size: .9375rem; color: #333; font-family: '微软雅黑'; max-width: 23.4375rem; margin-left: auto; margin-right: auto;}
ul,li,small{ list-style: none; }
i,em{ font-style: normal; }
input{-webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; outline: 0;}
a{ text-decoration: none; }
.clearfix:after {content: ""; display: block; width: 100%; height: 0; line-height: 0; overflow: hidden; clear: both; }

.dis_flex{ -webkit-display: flex; -moz-display: flex; -o-display: flex; display: flex; }
.flex_flow_c{ -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; }
.flex{ -webkit-flex: 1; -moz-flex: 1; -o-flex: 1; flex: 1; }

.animate{ -webkit-transition: .4s all; -moz-transition: .4s all; -o-transition: .4s all; transition: .4s all;}

.qm_sub:active{ opacity: .9;}

input::-webkit-input-placeholder { color:#999;}
input:-moz-placeholder { color:#999;}
input::-moz-placeholder { color:#999;}
input:-ms-input-placeholder { color:#999;}

table {border-collapse: collapse; border-spacing: 0; }
.border1{ border:1px solid #a4c8b3; }
.border2{ border:1px dotted #bfdacb; }
.border3{ border:1px solid #e5e5e5; }

.btn_top .hd,.btn_top .hd2{ background: url(../images/icon_f.png) no-repeat; background-size: cover;}
.btn_top .hd2{ background-position-y:bottom;}
.btn_top .bd a,.btn_top .bd_c li.item strong{ color: #caa456 !important}

.marbt5 {margin-bottom:5px;}
.martp10 {margin-top:10px;}

/*文字颜色*/
.co_red{ color:#f00;}
.co_blue{ color:#0099ff;}
.co_green{ color:#1c9916; }
.co_orange{ color:#caa456; }
.co_333{ color:#333; }
.co_black{ color:#000; }
.co_j{ color:#ffd200;}
.co_m{ color:#bae4a3;}
.co_s{ color:#93b7ff;}
.co_h{ color:#ffa200;}
.co_t{ color:#af8673;}
/*背景颜色*/
.back_j{ background:#ffd200;}
.back_m{ background:#bae4a3;}
.back_s{ background:#93b7ff;}
.back_h{ background:#ffa200;}
.back_t{ background:#af8673;}
.back_red{ background:#f00;}
.back_blue{ background:#0099ff;}
.back_green{ background:#1c9916; }
.back_white{ background:#fff; }
/*字号大小*/
.si_105{ font-size: 105%; }
.si_110{ font-size: 110%; }
.si_120{ font-size: 120%; }
.si_130{ font-size: 130%; }
.si_140{ font-size: 140%; }
.si_150{ font-size: 150%; }
.si_160{ font-size: 160%; }
.si_170{ font-size: 170%; }
.si_170{ font-size: 180%; }
.si_190{ font-size: 190%; }
.si_200{ font-size: 200%; }
/*文字水平对齐*/
.text_l{ text-align: left; }
.text_c{ text-align: center; }
.text_r{ text-align: right; }

/*通用*/
.dis_inblock{ display: inline-block; vertical-align: top;}
.help_icon{ width: 16px; height: 16px; background-position: -152px -2px;}
.none{ display: none; }
.hr{ height: .8125rem; background:#f8f8f8; border:solid #e5e5e5; border-width: 1px 0;}
.hr.bb0{ border-bottom: 0; }
.img{ width: 100%; height: auto; vertical-align: top;}
.dis_cneter{ -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }


/* 通用代码 end */

/* heade */
#heade,.heade{ height: 3.125rem; max-width: 23.4375rem; margin-left: auto; margin-right: auto;}
.heade{ background:#17297d; padding: 0 .625rem; position: fixed; /*left: 0; right: 0;*/ top: 0; z-index: 11; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.heade img{ height: auto; vertical-align: top; }
.heade .lg img{ width:8rem; }
.heade .gw{ padding-left: .46875rem; }
.heade .gw img{ width: 1.34375rem; }
.heade .crumb{ text-align: left; font-size: 0; }
.heade .crumb span{ font-family: '宋体'; color: #fff; opacity: .5; padding: 0 .625rem; font-size: .9375rem; }
.heade .crumb a{ font-size: .875rem; color: #fff; display: inline-block; vertical-align: bottom; height: 1rem; line-height: 1rem; overflow: hidden; max-width: 4.5rem; white-space: normal;}
.heade .crumb a.gd i{ background: #fff; display: inline-block; width: 4px; height: 4px; overflow: hidden; margin: 0 2px; border-radius: 2px; vertical-align: middle; }

.heade .nav{ text-align:left; }
.heade .nav li{ display: inline-block; padding: 0 .625rem; }
.heade .nav li a{ font-size: 1rem; color: #fff;}
.item-search {
    background: url(nav_yh.png) no-repeat center center;
    background-size:120% 50%;
}

.heade .exper{ padding-left: .625rem; }
.heade .exper img{ width: 3.625rem; }
.heade .more{ padding-left: .625rem; height: 100%; margin-right: -.625rem;}
.heade .more a{ height: 100%; padding: 0 .625rem;  float:left; }
.heade .more i{ width: 1.25rem; height: .1875rem; border-radius: .1875rem; display: block; background: #fff; margin: .25rem 0 0 0; }
.heade .more i:first-child{ margin-top: 0; }
/* heade end */

/*栏目页导航*/
.crumb_nav {font-size: 1rem;background:#f2f2f2;z-index: 2;box-shadow: 0 .125rem .25rem -.0625rem rgba(0,0,0,.2);position: relative;}
.crumb_nav .url {text-align: left;padding: 0 .625rem;line-height: 2.25rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.crumb_nav .url a {font-size:1rem;color: #747474;}
.icon_home {width: 1.6rem;padding: .325rem 0rem 0rem .625rem;}
.icon_home img {width:100%;}

/*栏目页导航 end*/

/* footer */
#footer{ font-size: 1em; color: #ccc; padding:1rem 0; }
#footer p {font-size: .625rem; padding-top: .9375rem; }
#footer p a{ color:#ccc; }
#footer .links a {color: #333; padding: 0 .3125rem; }
/* footer end */