/* ------------------------------------------------ S0=公共样式 ------------------------------------------------ */
/* 综合 */
html {}
body { margin: 0;padding: 0;background: #E5E4EA;color: #000;font-size: 16px;line-height: 24px;font-family: "微软雅黑", Verdana, airal; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, form, fieldset, input, textarea, p, span, a { margin: 0;padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: inherit;font-weight: normal; }
address, cite, code, em, th, i { font-style: normal;font-weight: normal; }
img { border: 0;vertical-align: top; margin: 0;}

/* 表格 */
table { border-collapse: collapse;border-spacing: 0; }
table, td, tr, th { font-size: 12px; }

/* 列表 */
ol, ul { list-style: none; }

/* 链接 */
a {	color: #bdc2c7;text-decoration: none; }
a:visited {	text-decoration: none; }
a:hover { color: #fff;text-decoration: underline; }
a:active { color: #bdc2c7; }

/* 浮动 */
.fl { float: left; }
.fr { float: right; }
/* 清除浮动 */
.clear { clear: both;width: 0;height: 0;overflow: hidden;　}
.clearfix {　}
.clearfix:after { clear: both;content: ".";display: block;height: 0;overflow: hidden;visibility: hidden; }

/* ======================== 以上代码无需修改 ================================== */
/* padding */
.pl5 { padding-left: 5px; }
.pr5 { padding-right: 5px; }
.pl10 { padding-left: 10px; }
.pr10 { padding-right: 10px; }

/* margin */
.mt1 { margin-top: 1px; }
.mt12 { margin-top: 12px; }
.mb16 { margin-bottom: 16px; }
.ml10 { margin-left: 10px; }

/* font */
.ft12 { font-size: 12px; }
.ft14 { font-size: 14px; }
.ft16 { font-size: 16px; }

/* 重点标记 */
.green { color: green; }
.red { color: red; }

/* 去除border */
.nb { border: none; }

/* ------------------------------------------------ E0=公共样式 ------------------------------------------------ */

/* ------------------------------------------------ S0=首页样式 ------------------------------------------------ */

html {scroll-behavior: smooth;    }
section {margin-top: -130px;}
body {overflow-x: hidden;}

.head_nav{position: fixed;top:0px;left: 0px;  height:130px; width: 100%; background: url(../images/bg_head_nav.gif) repeat-x left bottom ; z-index: 100;}

.container{        
	    height: 100vh; /*纵向满屏*/
        width: 100vw; /*横向满屏*/
        /*scroll-snap-type: y mandatory; /*按Y轴纵向滚动*/
        overflow-y: scroll; /*当Y值变化时采取滚动处理*/
        overflow-x: hidden; /*隐藏横行滚动*/}
.logo img{ margin-left: 130px; }

.logo2 {    width: 237px;
    height: 123px;
    margin: 10px auto 10px;
    background: url(../images/logo_chongzhi.png) no-repeat center center / cover;}

.pages {
        /*scroll-snap-align: start; 每次滚动后停在下一页面的开始位置*/
        /*height: 856px; 纵向满屏*/
        width: 100vw; 横向满屏*/
        background-blend-mode: multiply;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1em;
      }
      #pag1 {
		 height: 852px;  background: url(../images/bg_banner01.jpg) no-repeat center bottom / cover;padding-top: 65px;
      }
      #pag2 {
		height: auto;background: url(../images/bg_banner02.jpg) no-repeat center bottom / cover;
      }
      #pag3 {
       height: 1400px;background: url(../images/bg_banner03.jpg) no-repeat center top / cover;
      }
      #pag4 {
       background:#1d3651; display: block;text-align: center; color: #bdc2c7;padding: 40px;
      }

@keyframes slide{0%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(0,-2%);-moz-transform:translate(0,-2%);-ms-transform:translate(0,-2%);-o-transform:translate(0,-2%);transform:translate(0,-2%)}}

.innerbox {position: relative; width: 100%; height: 100%; text-align: center;}

.hero{ background: url(../images/hero.png) no-repeat center / 100%;
    margin: 90px auto;
    width: 430px;
    height: 715px;

    -webkit-animation: slide .8s infinite alternate 300ms 0 ease;
    -moz-animation: slide .8s infinite alternate 300ms 0 ease;
    -ms-animation: slide .8s infinite alternate 300ms 0 ease;
    animation: slide .8s infinite alternate 300ms 0 ease;
    -moz-animation: slide .8s infinite alternate;
    -webkit-animation: slide .8s infinite alternate;
    -o-animation: slide .8s infinite alternate;
    -ms-animation: slide .8s infinite alternate;
    animation: slide .8s infinite alternate;}
    .left01{ background: url(../images/left01.png) no-repeat center / 100%;
    position: absolute;
    bottom: 0px;
    left: 136px;
    width: 402px;
    height: 787px;}
    .right01{ background: url(../images/right01.png) no-repeat center / 100%;
    position: absolute;
    bottom: 25px;
    right: 130px;
    width: 329px;
    height: 678px;}

   .title_rmyx{ background: url(../images/title_rmyx.png) no-repeat center; margin: 40px auto 0px;  width: 100%; height: 122px;}
   .rmyx{  margin: 0px auto;  }
   .rmyx a{  display: inline-block;}
   .rmyx_mid { padding: 82px;}

.navlist{    position: absolute;
    font-size: 0;
    top: 50px;
    right: 60px;}
.nav_st{    position: relative;
    display: inline-block;
    text-transform: uppercase;
    margin-right: 62px;
    cursor: pointer;}
.nav-st img {width: auto;
    height: 32px;
    display: inline-block;
    vertical-align: top;
    }
.nav-st .txt{    position: relative;
    display: inline-block;
    vertical-align: top;
    font-family: fzcjljt;
    font-size: 24px;
    line-height: 32px;
    color: rgba(0, 0, 0, .9);
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    margin-left: 6px;
    margin-right: 60px;
	}