@charset "utf-8";
/* CSS Document */
*{ margin: 0; padding: 0;}

*,:after,:before{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0 }
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust:none }
html { font-size:62.5% }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;clear:all; }
body { font:14px/1.5'XinGothic-SinaWeibo', 'Microsoft Yahei', 'helvetica', 'arial'; -webkit-text-size-adjust:none; color:#1a1a1a; background:#fff; -webkit-text-size-adjust:none; min-width: 320px; max-width: 750px; margin:0 auto }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
form { display:inline }
ul, ol { list-style:none }
a:link, a:visited { text-decoration:none; }
a:hover { text-decoration:none; }
img { vertical-align:top; border:0; -ms-interpolation-mode:bicubic; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
button, input, select, textarea { font-size:100%; vertical-align:middle; outline:none; font-family:'Microsoft Yahei', 'helvetica', 'arial' }
textarea { resize:none }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor:pointer; -webkit-appearance:button; -moz-appearance:button }
input:focus:-moz-placeholder, input:focus::-webkit-input-placeholder {
color:transparent
}
i, em { font-style:normal }
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0
}
section, details { background:#fff; overflow:hidden }
table { border-collapse:collapse; border-spacing:0 }
.fl { float:left; }
.fr { float:right; }
.hide { display:none; }
.show { display:block; }
.absolute { position:absolute }
.relative { position:relative }
.Hidden {display:none;}
@font-face { font-family: 'Text_W'; src: url('../fonts/Text_W.ttf'); font-weight: normal; font-style: normal; }
@media (min-width:320px) and (max-width:399px) {
    html {font-size: 31% !important}
    }
    
    @media (min-width:400px) and (max-width:479px) {
    html {font-size: 39% !important}
    }
    
    @media (min-width:480px) and (max-width:639px) {
    html {font-size: 47% !important}
    }


header{ padding:1.5rem; background-color: #c81a55; display: flex; justify-content:space-between; align-items: center; position: relative;z-index: 999;}
header .navBtn{ width: 8%;}
header .logo{ width: 65%;}
header .zixun{ width: 5%;}
header a img{width: 100%;}
footer{ width: 100%; position: fixed; bottom: 0;min-width: 320px; max-width: 750px;background-color: #000;z-index:9; }
footer ul{ width: 100%; display: flex; justify-content:space-between; align-items: center; }
footer li{ width: 27%; background-color: #000; text-align:center ; padding:0.8rem 0 0.3rem; display: flex; justify-content:center; align-items: center; }
footer li a{ color: #fff; display: block;}
footer li i{ width: 50%; display: block; margin: 0 auto;}
footer li i img{ width: 100%; display: block;}
footer li p{ font-size:14px;  line-height:20px;}
footer li:last-child{ width: 46%; background-color: #c24047;}
footer li:last-child a{ display: flex; justify-content:center; align-items: center;}
footer li:last-child i{ width: 25%;  display:inline-block;}
footer li:last-child p{ display:inline-block;line-height: 40px;font-size: 20px; }
.wrapper{ width: 100%; overflow: hidden; position: absolute; top: 0;min-width: 320px; max-width: 750px;}
.pg{ width: 100%; height:100vh;}
.page0{background-color: #f5f6f8; }
.page1{background-color: #f5f6f8; }
.page2{background-color: #f5f6f8; }
.page3{background-color: #f5f6f8; }
.page4{background-color: #f5f6f8; }
.page5{background-color: #f5f6f8; }
.xmt{ width: 100%;}
.xmt img{ width: 100%; display: block;}
.xmxp{ margin-top: 2rem; font-size: 6rem;font-family: 'Text_W'; text-align: center; letter-spacing: -2px; background: linear-gradient(to right, #c30913, #200000); -webkit-background-clip: text; color: transparent; padding:2rem 0; display: flex; justify-content:center; align-items: center;}
.xmxp i{ font-size: 3.6rem; margin: 0 2rem; letter-spacing:0}
.xmlist{ width: 92%; margin: 0 auto;display: flex; justify-content:space-between; }
.xmlist .txm{ width: 32%; background-color: #fff; padding: 2%; margin: 1rem 0;}
.xmlist .txm i{ width: 100%; border-radius: 1rem; overflow: hidden; display: block;}
.xmlist .txm i img{ width: 100%; display: block;}
.xmlist .txm h4{ position: relative; font-size: 2.4rem; letter-spacing: -1px; font-family: 'Text_W'; line-height: 200%; background: linear-gradient(to right, #c30913, #200000); -webkit-background-clip: text; color: transparent;}
.xmlist .txm h4 em{ width: 12%; position: absolute; top: 1.5rem; right: 0.5rem;}
.xmlist .txm p{ display: flex; justify-content:space-between; align-items: center; margin-bottom: 2rem;}
.xmlist .txm span{ font-size: 1.6rem; color: #333; display: inline-block; padding:0 1rem; border: 1px solid #640c0f; border-radius: 50px;}
.xmlist .txm b{ display: block; width: 3rem; height: 3rem; padding: 0.5rem; background: linear-gradient(to right, #c30913, #200000); border-radius: 50px;}
.xmlist .txm b img{ width: 100%; display: block;}
.yyxx{ padding: 2rem 0; text-align: center;}
.yyxx p{ font-size: 2.4rem; color: #333; line-height: 150%;}
.yyxx p:nth-child(2){ padding-bottom: 2rem;}
.yyxx i{ height: 10px; display: block; background-color: #dcdcdc; margin-bottom: 2rem;}
.yyxx span{ color: #757575; display: block;}
.yyxx span.beian{ font-size: 2.2rem; margin-bottom: 1rem;}
.yyxx span.sm{ font-size: 1.8rem;}
.van-swipe__indicators{ position: fixed; bottom: 9%;}
.van-swipe__indicator{ width: 10px; height: 10px; background:#181d3a; opacity:1; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; }
.van-swipe__indicator--active{ width: 40px;}

/* 幻灯片css -------------------------------------- */
.slideBox { width: 100%; height: 100vh; position:relative;}
.slideBox a {display: block; position: relative;}
.slideBox img{ width:100%; height: 100vh; object-fit:cover;}
.slideBox i img{ width: 100%; height: auto;}
.b1{ width: 67%;  position: absolute; right: -67%; top: 40%;}
.b2{ width: 100%; position: absolute; right: 0; top: 15%;}
.b3{ width: 100%; position: absolute; right: 0; top: 8%;}
/**/
.slideBox1 { width: 100%; position:relative; overflow:hidden; }
.slideBox1 .hd { position:absolute; line-height:18px; bottom:80px; width:100%; text-align:center;z-index:1; }
.slideBox1 .hd li { display:inline-block; width:10px; height:10px; line-height:100px; margin:0 2px; overflow:hidden; background:#181d3a; cursor:pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; }
.slideBox1 .hd li.on { width:40px;}
.slideBox1 .bd li { width: 100%; height: 67vh; position:relative;}
.slideBox1 .bd li a {display: block;}
/**/
.slideBox2 { width: 100%; height: 100vh; position:relative;}
.slideBox2 a {display: block; position: relative;}
.slideBox2 img{ width:100%; height: 100vh; object-fit:cover;}
.slideBox2 i img{ width: 100%; height: auto;}
.slideBox2 i{ width: 86%; border-radius: 8px; position: absolute; left: 7%; bottom: 17%; box-shadow:0 0 10px rgba(196, 90, 118, 0.5);overflow: hidden;}
/**/
.slideBox3 { width: 100%; height: 100vh; position:relative;}
.slideBox3 a {display: block; position: relative;}
.slideBox3 img{ width:100%; height: 100vh; object-fit:cover;}
.slideBox3 i img{ width: 100%; height: auto;}
.slideBox3 i{ width: 70%; display: block; position: absolute; left: 5%; bottom: 20%;  }

/**/
.slideBox4 { width: 100%; height: 100vh; position:relative;}
.slideBox4 a {display: block; position: relative;}
.slideBox4 img{ width:100%; height: 100vh; object-fit:cover;}


.dh { animation: mymove 1s forwards;}
@keyframes mymove {
    0% { bottom: 22%;}
    100% { bottom: 17%; }
}
.s1{ animation: slide 1s forwards;}
@keyframes slide {
    0% { right: -67%}
    100% { right: 0;}
}
.s2{ animation: slide2 1s forwards;}
@keyframes slide2 {
    0% {  left: -65%;}
    100% { left: 5%;}
}