﻿body { font-family: 'Huiti'; font-size: 14px; width: 100%; height: 100%; color: #666; }
body, p, ul, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6, th, td { margin: 0; padding: 0; }
li { list-style: none; }
a { text-decoration: none; color: #666; display: block; }
input, select, textarea { border: none; outline: none; background: none; font-family: '微软雅黑'; padding: 0; }
textarea { resize: none; }
img { border: none; vertical-align: top; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
table { border: 0; border-collapse: collapse; }
em, i { font-style: normal; }

@font-face {
    font-family: 'Huiti'; /*a name to be used later*/
    src: url('/huiti.ttf'); /*URL to font*/
}
.fr { float: right; }
.fl { float: left; }
.clear { zoom: 1; }
.clear:after { content: ""; display: block; clear: both; }
.contain { width: 1029px; margin: 0 auto; }
.box-con { width: 100%; }
.box-con * { max-width: 100%; }
.header { position: relative; }
.header .img1 { padding-left: 10px; margin-top: 15px; }
.header .nav { float: left; margin-left: 40px; }
.header .nav .li1 { float: left; margin: 0 30px; padding: 34px 0; }
.header .nav .li1 .show { position: absolute; left: 0; width: 100%; top: 0; border-top: 1px solid #e5e5e5; background: #fff; padding: 25px 0; z-index: 444; display: none; }
.header .nav .li1 .show .contain { overflow: hidden; }
.header .nav .li1 .show .all_a { margin-right: 50px; float: left; }
.header .nav .li1 .show .p1 { font-size: 18px; margin-bottom: 20px; }
.header .nav .li1 .show a { font-size: 12px; line-height: 24px; }
.header .nav .li1 .show a:hover { color: #9a0e14; }
.header .nav .li1 .a1 { color: #333; font-size: 15px; padding-bottom: 15px; }
.header .nav .li1 .a1.active, .header .nav .li1:hover .a1 { color: #9a0e14; border-bottom: 2px solid #9a0e14; }
.header .img2 { width: 30px; height: 30px; display: none; cursor: pointer; float: right; margin-right: 10px; margin-top: 3px; background: url(../images/navBtn.png) no-repeat center; background-size: 22px; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.header .img2.active { background: url(../images/close.png) no-repeat center; background-size: 22px; }
.nav1 { width: 100%; position: absolute; top: 50px; z-index: 99999; background: #9a0e14; display: none; }
.nav1 li { float: none; border-top: 1px solid #9b9b9b; }
.nav1 li .a1 { line-height: 50px; color: #fff; padding-left: 10%; font-size: 14px; display: block; }
.nav1 li .a1 img { vertical-align: inherit; margin-left: 5px; }
.nav1 li .a1 img.active2 { transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.nav1 li .mask2 { background: #d9c46d; width: 100%; display: none; }
.nav1 li .mask2 div { width: 100%; height: 50px; border-top: 1px solid #9b9b9b; }
.nav1 li .mask2 div .a2 { font-size: 12px; line-height: 50px; padding-left: 15%; display: block; color: #fff; }
.header .right { padding-right: 10px; margin-top: 15px; }
.header .right .p1 { font-weight: bold; font-size: 24px; background: url(../images/header_phone.png) no-repeat left; padding-left: 30px; color: #9a0e14; float: left; line-height: 50px; margin-right: 18px; }
.header .right .qq { margin-right: 8px; width: 48px; height: 48px; border: 1px solid #ccc; border-radius: 50%; float: left; background: url(../images/header_qq.png) no-repeat center; }
.header .right .qq a { height: 100%; }
.header .right .wechat a { height: 100%; }
.header .right .wechat { margin-right: 8px; width: 48px; height: 48px; border: 1px solid #ccc; border-radius: 50%; float: left; position: relative; background: url(../images/header_wechat.png) no-repeat center; }
.header .right .wechat .show { width: 180px; position: absolute; top: 0; left: 50%; margin-left: -97px; z-index: 33; text-align: center; color: #5c5c5c; line-height: 30px; background: #fff; padding: 10px; display: none; }
.header .right .wechat .show .dot { position: absolute; top: -8px; left: 50%; margin-left: -9px; width: 17px; height: 10px; background: url(../images/dotdot.png) no-repeat center; }
.header .right .tm { float: left; width: 144px; height: 48px; border: 1px solid #ccc; border-radius: 24px; text-align: center; }
.header .right .tm p { line-height: 48px; text-align: center; color: #272636; font-size: 16px; padding-right: 35px; display: inline-block; background: url(../images/header_tm.png) no-repeat right; }
.header .right .tm a { height: 100%; }
.footer { padding: 15px 0; position: relative; background: #6b1f1d; }
.footer .main { margin: 0 auto; width: 1200px; }
.footer .main .copy { line-height: 24px; font-size: 14px; color: #FFFFFF; }
.footer .all_right { padding: 15px 0; position: relative; }
.footer p.fl { color: #fff; padding: 15px 0 15px 10px; }
.footer p.fl a { color: #fff; display: inline; }
.in_footer { background: #000; }
.footer .right { margin-right: 30px; width: 130px; color: #fff; }
.footer .help { text-align: center; font-size: 12px; background: url(../images/footer_end.png) no-repeat left; background-position-x: 104px; cursor: pointer; }
.footer .show { position: absolute; bottom: 50px; right: 30px; z-index: 1; background: #9a0e14; text-align: center; line-height: 30px; width: 110px; display: none; }
.footer .show a { border-top: 1px solid #bfbfbf; background: #9a0e14; color: #fff; }
.inside_banner { width: 100%; display: flex; justify-content: center; overflow: hidden; }
.inside_banner img { max-width: 100%; }
.hidebg { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 3; display: none; }

/* top-4 */
.top-4 { width: 100%; }
.top-ban .swiper-slide { width: 100%; display: flex; justify-content: center; }
.top-ban .swiper-slide img { max-width: 100%; }
.top-next:after, .top-prev:after { color: #FFFFFF; }
.top-page .swiper-pagination-bullet-active { background: #FFFFFF; }
