.swiper-container { width: 100%; height: 100%; }

.swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: -4px !important; }

.header { height: 1rem; background: #0483cc; font-size: 0.5rem; color: #FFFFFF; line-height: 1rem; position: fixed; top: 0; left: 0; width: 100%; z-index: 99; }
.header .header_1 { position: absolute; left: 0.3rem; top: 0.25rem; }
.header .header_1 span { width: 0.7rem; height: 0.08rem; background: #FFFFFF; display: block; margin-bottom: 0.1rem; transition: all .2s; }
.header .header_2 { padding-left: 1.5rem; font-size: 0.4rem; }
.header .active { margin-top: 0.1rem; }
.header .active span:nth-of-type(1) { background: #FCA311; transform: translateY(10px) rotateZ(45deg); }
.header .active span:nth-of-type(2) { display: none; }
.header .active span:nth-of-type(3) { background: #FCA311; transform: translateY(-11px) rotateZ(-45deg); }
.header .nav { background: #000000; width: 100%; height: 100vh; display: none; position: absolute; left: 0; top: 1rem; z-index: 99; }
.header .nav ul { padding-top: 0.5rem; }
.header .nav ul li { text-align: center; }
.header .nav ul li a { color: #FFFFFF; font-size: 0.3rem; }
.header .nav ul li img { width: 0.25rem; display: inline; margin-right: 0.1rem; }

.banner { padding-top: 1rem; }

.main_1 { background: #FFFFFF;  padding: 0.1rem 0; margin-bottom: 0.2rem; }
.main_1 ul { padding-left: 0.1rem; }
.main_1 ul li { width: 31.5%; background: #0483cc; height: 1.8rem; text-align: center; float: left; margin: 0.05rem; }
.main_1 ul li img { width: 0.7rem; display: inline; }
.main_1 ul li span { display: block; color: #FFFFFF; font-size: 0.24rem; }

.main_2 { background: #FFFFFF;  padding: 0.3rem 0; }
.main_2 h2 { font-size: 0.35rem; height: 0.4rem; border-left: 10px solid #0483CC; padding-left: 0.3rem; margin-bottom: 0.4rem; line-height: 0.4rem; position: relative; }
.main_2 h2 a { color: #0483CC; }
.main_2 h2 img { width: 0.5rem; position: absolute; right: 0.2rem; top: -0.05rem; }
.main_2 ul { padding-left: 0.1rem; }
.main_2 ul li { float: left; width: 48%; margin-right: 2%; }
.main_2 ul li span { font-size: 0.24rem; text-align: center; display: block; color: #585858; margin: 0.3rem 0; }

.main_3 { background: #FFFFFF;  padding: 0.3rem 0; }
.main_3 h2 { font-size: 0.35rem; height: 0.4rem; border-left: 10px solid #0483CC; padding-left: 0.3rem; margin-bottom: 0.4rem; line-height: 0.4rem; position: relative; }
.main_3 h2 a { color: #0483CC; }
.main_3 h2 img { width: 0.5rem; position: absolute; right: 0.2rem; top: -0.05rem; }
.main_3 ul li { font-size: 0.24rem; line-height: 0.8rem; border-bottom: 1px solid #e2e2e2; padding-left: 0.6rem; position: relative; }
.main_3 ul li span { width: 0.1rem; height: 0.1rem; border-radius: 50%; background: #585858; position: absolute; left: 0.3rem; top: 0.35rem; display: block; }
.main_3 ul li a { font-size: 0.26rem; color: #585858; }

.main_4 { background: #FFFFFF; padding-bottom: 1.5rem; }
.main_4 a { color: #585858; }
.main_4 h2 { height: 0.7rem; line-height: 0.7rem; background: #0483CC; font-size: 0.3rem; color: #FFFFFF; text-align: right; padding-right: 0.3rem; font-weight: bold; margin-bottom: 0.2rem; }
.main_4 h2 a { color: #FFFFFF; }
.main_4 h2 span { width: 0rem; height: 0rem; border: 0.1rem solid; border-color: transparent transparent #fff transparent; display: inline-block; }
.main_4 p { text-align: center; font-size: 0.24rem; color: #585858; padding: 0.1rem 0; }

/* 二级类目 */
.main { background: #FFFFFF;  padding: 1.2rem 0 0.2rem 0; margin-bottom: 0.2rem; }
.main ul { padding-left: 0.1rem; }
.main ul li { width: 31.5%; background: #0483cc; padding: 0.2rem 0;  height: 0.8rem; text-align: center; float: left; margin: 0.05rem; }
.main ul li span { display: block; color: #FFFFFF; font-size: 0.3rem; }

/* 详细单页 */
.Content { background: #FFFFFF;  padding-top: 1.5rem; }
.Content h2 { font-size: 0.35rem; color: #0483CC; height: 0.4rem; border-left: 10px solid #0483CC; padding-left: 0.3rem; margin-bottom: 0.4rem; line-height: 0.4rem; position: relative; }
.Content h2 a { color: #0483CC; }
.Content h2 img { width: 0.5rem; position: absolute; right: 0.2rem; top: -0.05rem; }
.Content ul li { font-size: 0.35rem; color: #585858; font-weight:bold; text-align: center; line-height: 0.8rem; border-bottom: 1px solid #e2e2e2; position: relative; }
.Content p { font-size: 0.3rem; color: #585858; line-height: 0.5rem; padding: 0.2rem; }
.Content table { font-size: 0.3rem; color: #585858; line-height: 0.5rem; padding: 0.2rem; }


/* 列表页面 */
.News { background: #FFFFFF; padding: 0.2rem 0; }
.News h2 { font-size: 0.35rem; color: #0483CC; height: 0.4rem; border-left: 10px solid #0483CC; padding-left: 0.3rem; margin-bottom: 0.4rem; line-height: 0.4rem; position: relative; }
.News h2 a { color: #0483CC; }
.News h2 img { width: 0.5rem; position: absolute; right: 0.2rem; top: -0.05rem; }
.News ul li { font-size: 0.24rem; line-height: 0.8rem; border-bottom: 1px solid #e2e2e2; padding-left: 0.6rem; position: relative; }
.News ul li span { width: 0.1rem; height: 0.1rem; border-radius: 50%; background: #585858; position: absolute; left: 0.3rem; top: 0.35rem; display: block; }
.News ul li a { font-size: 0.26rem; color: #585858; }
.News .Page { font-size: 0.25rem; text-align: center; color: #585858; line-height: 0.5rem; padding: 0.2rem; }
.News .Page a { color: #585858; }

/* 双排列表页面 */
.Pro { background: #FFFFFF;  padding-top: 1.5rem; }
.Pro h2 { font-size: 0.35rem; height: 0.4rem; border-left: 10px solid #0483CC; padding-left: 0.3rem; margin-bottom: 0.4rem; line-height: 0.4rem; position: relative; }
.Pro h2 a { color: #0483CC; }
.Pro h2 img { width: 0.5rem; position: absolute; right: 0.2rem; top: -0.05rem; }
.Pro ul { padding-left: 0.1rem; }
.Pro ul li { float: left; width: 48%; margin-right: 2%; }
.Pro ul li span { font-size: 0.24rem; text-align: center; display: block; color: #585858; margin: 0.3rem 0; }
.Pro .Page { font-size: 0.25rem; text-align: center; color: #585858; line-height: 0.5rem; padding: 0.2rem; }
.Pro .Page a { color: #585858; }

/* 信息留言 */
.Message { text-align: center; background: #FFFFFF; padding: 1.5rem 0.5rem 0.5rem 0.5rem ; }
.Message h2 { font-size: 0.35rem; color: #0483CC; height: 0.4rem; border-left: 10px solid #0483CC; padding-left: 0.3rem; margin-bottom: 0.4rem; line-height: 0.4rem; position: relative; }
.Message h2 a { color: #0483CC; }
.Message h2 img { width: 0.5rem; position: absolute; right: 0.2rem; top: -0.05rem; }
.Message ul li { font-size: 0.35rem; color: #585858; font-weight:bold; text-align: center; line-height: 0.8rem; border-bottom: 1px solid #e2e2e2; position: relative; }
.Message p { font-size: 0.3rem; color: #585858; line-height: 0.5rem; padding: 0.2rem; }
.g_input { padding-left: 1.2rem; height: 1.2rem; line-height: 1.2rem; font-size: 0.4rem;
    border: 1px solid #ccc;
    margin-top: -1px;
    width: 100%;
    color: #999;
    font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma;
    border-radius: 2px;
    outline: 0;
    position: relative; }


.footer { position: fixed; bottom: 0; left: 0; width: 100%; background: #0483CC; padding: 0.2rem 0; }
.footer ul { display: flex; }
.footer ul li { flex: 1; text-align: center; font-size: 0.24rem; }
.footer ul li img { width: 0.4rem; display: inline; }
.footer ul li span { font-size: 0.24rem; display: block; color: #FFFFFF; }

/*# sourceMappingURL=style.css.map */
