/* ============================================================
   样式重置 
   ============================================================ */
* { box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; -moz-tap-highlight-color: transparent; outline: none; }
body, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, select, textarea, button, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400; }
ul, dl, ol { list-style: none; }
img, fieldset, input[type="submit"] { border: 0 none; }
img { display: inline-block; overflow: hidden; vertical-align: top; width: 100%; }
em { font-style: normal; }
strong { font-weight: bolder; }
table { border-collapse: collapse; border-spacing: 0; }
button, input { cursor: pointer; border: 0 none; -webkit-appearance: none; appearance: none; border-radius: 0; }
textarea { word-wrap: break-word; resize: none; }  /* word-wrap for opera, resize for webkit */
menu { margin: 0; padding: 0; }
body { margin: 0 auto; -webkit-user-select: none; -webkit-text-size-adjust: none!important; font-family: "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "Arial", sans-serif, Droidsansfallback; font-size:16px; font-weight: 400; background: #fff; color: #333;}
input, textarea { font-family: "Helvetica Neue", "Helvetica", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "Arial", sans-serif, Droidsansfallback; font-weight: 400; }
input[type="number"] { -webkit-user-select: text; }
a, button, input { -webkit-touch-callout: none; }/* 1.ios 长按时不触发系统的菜单 2.禁止长按时下载图片 */
input, select, textarea { outline: none; background: none; font-weight: 400; }
/* input { -webkit-appearance: none; } */
/* 去除android4.0以下 a/button/input标签被点击时产生的边框 因为边框引起了不少bug */
a, button, input, select, li { -webkit-tap-highlight-color: rgba(0,0,0,0); }
/* Android4.0下不识别选择器-webkit-transform-3d 使用它可做Android4.0下版本兼容 */
@media all and (-webkit-transform-3d) {
/* android4.0+ ios4+ 恢复按钮被点击时产生的效果 */
    /*a,button,input{-webkit-tap-highlight-color:rgba(130,130,130,.52);}*/
a, button, input, select { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; -moz-tap-highlight-color: transparent; outline: none; }
}
a { text-decoration: none; }

/*弹性盒子*/
.flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.flex-v { -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flex-1 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.flex-align-top { -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: center; align-items: flex-start; }
.flex-align-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.flex-pack-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.flex-pack-justify { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.flex-space-around { -webkit-justify-content: space-around; justify-content: space-around; }
.flex-space-between { -webkit-justify-content: space-between; justify-content: space-between; }
.hor-view { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row }
.ver-view { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column }
.hor-gap { width: 1px; height: 100%; line-height: 0 }
.ver-gap { height: 1px; width: 100%; line-height: 0 }
/*弹性盒子*/
.between { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between }
.center { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center }
.start { display: flex; display: -webkit-flex; justify-content: flex-start; -webkit-justify-content: flex-start }
.end { display: flex; display: -webkit-flex; justify-content: flex-end; -webkit-justify-content: flex-end }
.middle { display: flex; display: -webkit-flex; -webkit-align-items: center; align-items: center; }
.v-bottom { display: flex; display: -webkit-flex; -webkit-align-items: flex-end; align-items: flex-end; }
.v-baseline { display: flex; display: -webkit-flex; -webkit-align-items: baseline; align-items: baseline; }
.col { display: flex; display: -webkit-flex; -webkit-flex-direction: column; flex-direction: column; }
.row { display: flex; display: -webkit-flex; -webkit-flex-direction: row; flex-direction: row; }
.nowrap { -webkit-flex-wrap: nowrap; -webkit-box-lines: single; -moz-flex-wrap: nowrap; flex-wrap: nowrap; }
.wrap { -webkit-flex-wrap: wrap; -webkit-box-lines: single; -moz-flex-wrap: wrap; flex-wrap: wrap; }
　 .fn-hide { display: none }
.clearfix:after, .clearfix:before { content: "."; display: block; height: 0; visibility: hidden; clear: both; }
.clearfix { *zoom: 1;
}
::-moz-placeholder {
color: #999;
font-size:18px;
}
::-webkit-input-placeholder {
color: #999;
font-size: 18px;
}
:-ms-input-placeholder {
color: #999;
font-size:18px;
}
.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hide-text-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.midcenter { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

body {box-sizing: border-box;position: relative; min-height:100vh;}

.page1 { position: relative;background:#FAF5EF url(../images/bg2.png) top no-repeat; background-size:cover;}
.top_flower{position:absolute; z-index:1;top:0px;left:0; width:24%;}
.foot_flower{position:absolute; z-index:1;bottom:0;right:0; width:21.5%;}
.top_logo{ margin:0 auto;width:680px; margin-bottom:42px;}
.house{ position:absolute; z-index:3; left:0;bottom:0;right:0; width:33.5%}
.ztwz{position:absolute;z-index:2;top:54px; right:30px; width:20%;}

.inner{ width:944px; height:541px; margin:0 auto;background:url(../images/bg6.png) no-repeat; background-size:cover;}
.page1_main{ position:relative; z-index:4; padding:10px;}
.lt_con{width:338px; padding-top:78px;}
.lt_con .logo{ width:213px;}
.lt_con .logowz{font-weight: 600;font-size: 26px;color: #FFF4DE;line-height: 37px; margin-top:20px;}

.rt_con{ width:calc(100% - 340px);padding:65px 90px 0px;}
.page1_box{background:rgba(255,255,255,0.8);border-radius:10px;box-shadow: 0px 3px 7px 0px #F8D9AF; width:338px;margin:0 auto; padding:35px 25px 50px;}
.inform{ height:55px;background: #fff;box-shadow: 0px 3px 7px 0px #F8D9AF;border-radius:6px; margin-top:25px;}
.inform input{ display:block; width:100%; height:54px; border:0; line-height:54px; background:none; padding:0 18px;font-size: 18px;color: #333;}
.btn{ margin-top:56px; height:56px;background: linear-gradient( 180deg, rgba(255, 68, 58, 0.8) 0%, rgba(167, 28, 24, 0.8) 100%);border-radius:28px;font-size:20px; color:#fff; font-weight:600}
.tipwz{ margin-top:25px;font-size:14px;font-weight:600;color: #999999;line-height:18px; text-align:center}


.page2_box{background: #FFFFFF;box-shadow: 0px 3px 7px 0px #F8D9AF;border-radius:10px;}
.title{height:43px;background: #B40500;border-radius: 10px 10px 0px 0px;font-weight: 600;font-size:18px;color: #FFFFFF;}
.info{ padding:1px 26px 18px;}
.info .wzp{ margin-top:15px;font-weight: 600;font-size:16px;color: #000000;line-height:22px; position:relative; padding-left:90px;min-height: 22px;}
.wid_01{ position:absolute;left:0;top:0;width:90px;}
.link_con{ padding:30px 10px 20px; margin-top:30px; margin-bottom:30px;}
.link_con li{ width:25%;}
.link_con li .icon{ display:block; width:50px; height:50px;}
.link_con li .bt_name{ margin-top:10px;font-weight: 600;font-size:16px;color: #000000;line-height:20px;}
.btn2{height:56px;background: #FFFFFF;box-shadow: 0px 2px 6px 0px #F8D9AF;border-radius:28px;font-weight: 600;font-size:20px;color: #A71C18;text-shadow: 0px 1px 2px #F8D9AF;}


.page3{background: linear-gradient( 180deg, #C8140D 0%, #880A05 100%); background-attachment:fixed}
.back{ position:absolute;top:60px;left:66px; width:86px;}
.flower_01{position:absolute; z-index:1;bottom:0;left:0; width:22%;}
.flower_02{position:absolute; z-index:1;top:0;right:0; width:18%;}
.page3_main{ position:relative;z-index:2;padding-top:50px; width:696px;}
.foot_cover{ position:absolute; z-index:4;bottom:0;right:0; width:676px; }
.page3 .top_logo{width:580px; margin-bottom:23px;}
.tit_bt{ display:block; width:352px; margin:0 auto;}
.card{position:relative; z-index:3; padding-top:264px; padding-bottom:240px; min-height:calc(100vh - 305px); margin-top:5px; background:url(../images/card1.png) top no-repeat; background-size:100% auto}
.page3 .f1{position:absolute; z-index:3;top:-55px;left:-70px; width:218px;}
.page3 .f2{position:absolute; z-index:5;bottom:7px;right:-90px; width:180px;}
.card .card_box{ position:relative; z-index:2; padding:0 100px;}
.card .infowz{ text-align:left;}
.card .infowz .wzp{margin-bottom:12px;font-weight: 600;font-size:24px;color: #000000;line-height:42px; position:relative; padding-left:120px;}
.card .infowz .wzp .wid_01{ width:140px;}
.toplink{ position:absolute; z-index:10;top:60px; left:0;right:0; margin:0 auto; width:1100px; color:#c6211d; font-size:20px}
.toplink a{ padding:0 20px;color:#c6211d}
.prompt-pop{
    z-index:9;
    position:fixed;
    margin:0 auto;
    width:300px;
    background: rgba(0,0,0,0.7);
    border-radius: 0.08rem;
    text-align:center;
    padding:8px;
    color:#fff;
    font-size:14px;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}
.rt_con1{width:calc(100% - 340px);padding:30px 65px}
.rt_con1 .notice{ height:42px;background: #FFF5E8 url(../images/notice.png) 10px center no-repeat;border-radius: 21px; padding:0 10px 0 50px;}
.rt_con1 .page_box{width:288px;margin:0 auto; padding-top:10px;}
.notice .swiper-container{height:100%; width:100%;}
.notice .swiper-slide{ width:auto;height:42px;font-size: 16px;color: #754200;font-weight: 600;line-height: 42px; white-space: nowrap; padding-right:50px;}
.notice .swiper-slide a{color: #754200;}


.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  margin: 0 auto;
}