body {
  background: #ffffff;
}
.com {
  width: 1000px;
  margin: 0 auto;
}
.kf {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -290px;
  margin-left: 570px;
}
.kf .zxkf {
  position: absolute;
  left: 0;
  top: 105px;
  right: 0;
  height: 100px;
}
.kf .homepage {
  position: absolute;
  left: 0;
  top: 208px;
  right: 0;
  height: 50px;
}
.kf .mobile {
  position: absolute;
  left: 0;
  top: 265px;
  right: 0;
  height: 50px;
}
.kf .yh {
  position: absolute;
  left: 0;
  top: 323px;
  right: 0;
  height: 50px;
}
.kf .close_kf {
  position: absolute;
  left: 0;
  top: 430px;
  right: 0;
  height: 50px;
}
.head {
  background-color: #ffffff;
  z-index: 99;
  height: 120px;
  font-size: 0;
  white-space: nowrap;
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  border-bottom: 1px solid #f4e4e6;
}
.head .div_logo {
  width: 230px;
  height: 120px;
  position: relative;
  margin-left: 100px;
}
.head .div_logo img {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -45px;
}
.head .div_kf {
  height: 120px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 350px;
  left: 1550px;
}
.head .div_kf img {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -25px;
}
.head .nav {
  padding-top: 44px;
  position: absolute;
  top: 0;
  left: 500px;
}
.head .nav ul {
  display: flex;
}
.head .nav ul li a {
  color: #390e0c;
  padding: 0px 30px;
  margin: 0 5px;
  border-radius: 3px;
  line-height: 32px;
  font-size: 16px;
  display: block;
  position: relative;
}
.head .nav ul a:hover {
  color: #d10019;
}
.head .nav ul a .hot {
  position: absolute;
  left: 100%;
  top: -6px;
  z-index: 30;
  margin-left: -10px;
  -webkit-transition: all ease 0.2s;
  transition: all ease 0.2s;
  opacity: 1;
}
.head .nav ul a.active {
  color: #d10019;
}
.head .nav ul a .hot.cur {
  opacity: 0;
}
.section {
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: center;
  font: 50px "Microsoft Yahei";
  color: #fff;
  opacity: 0;
}
.slide {
  position: relative;
}
.pa {
  position: absolute;
  top: 50%;
  left: 50%;
}
.page1 {
  background: url('../images/home-bg.png') center no-repeat;
  margin-top: 64px;
}
.page1 .page-l {
  width: 280px;
  margin: -260px 0 0 -440px;
}
.page1 .page-l img {
  width: 100%;
}
.page1 .page-r {
  width: 930px;
  height: 430px;
  margin: -338px 0 0 -325px;
  text-align: center;
}
.page1 .page-r .pic {
  text-align: center;
}
.page1 .page-r .pic img {
  display: block;
  margin: 20px auto;
}
.page1 .page-r .pic03 {
  margin-bottom: 0;
}
.page1 .page-r .div_pic01 {
  margin-bottom: 20px;
}
.page1 .page-r .pmenu {
  text-align: center;
  font-size: 0;
}
.page1 .page-r .pmenu a {
  display: inline-block;
  width: 90px;
  height: 90px;
  font-size: 0;
  margin: 25px 17px 20px;
}
.page1 .page-r .pmenu .p-reg {
  background: url(../images/aboutus_btn.png) no-repeat center;
  background-size: 100% auto;
}
.page1 .page-r .pmenu .p-ab {
  background: url(../images/01_btn02.png) no-repeat center;
  background-size: 100% auto;
}
.page1 .page-r .pmenu .p-kf {
  background: url(../images/kf_btn.png) no-repeat center;
  background-size: 100% auto;
}
.page1 .page-r .pmenu a:hover {
  -webkit-animation: bounce 1s !important;
  animation: bounce 1s !important;
}
.page1 .page-r .domain {
  font-size: 0;
}
.page1 .page-r .domain a {
  background: url(../images/p1_3.png) no-repeat center;
  background-size: 100% auto;
  width: 335px;
  height: 66px;
  display: block;
  margin: 0 auto;
}
.page2 {
  background: url(../images/kjgj_bg.jpg) no-repeat center;
}
.page2 .page2-txt {
  width: 1200px;
  height: 470px;
  margin: -230px 0 0 -600px;
  text-align: center;
}
.page2 .page2-txt .pic {
  font-size: 0;
  text-align: center;
}
.page2 .page2-txt .page2_div01 {
  margin-bottom: 20px;
}
.page2 .page2-txt .btn_wappage {
  display: block;
  width: 468px;
  height: 36px;
  background: url(../images/02_title03bg.png) no-repeat center;
  background-size: 100% auto;
  font-size: 26px;
  color: #faf27b;
  text-align: center;
  line-height: 36px;
  margin: 0 auto 30px;
}
.page2 .page2-txt .page2_menu {
  margin-top: -21px;
}
.page2 .page2-txt .page2_menu a {
  display: inline-block;
  width: 155px;
  height: 155px;
  font-size: 24px;
  color: #ffffff;
  margin: 0 13px;
}
.page2 .page2-txt .page2_menu a:hover {
  -webkit-animation: bounce 1s !important;
  animation: bounce 1s !important;
}
.page2 .page2-txt .page2_menu a p {
  margin-top: 50px;
}
.page2 .page2-txt .page2_menu a span {
  font-size: 16px;
}
.page2 .page2-txt .page2_menu a:nth-child(1) {
  background: url('../images/xljc_bg.png');
}
.page2 .page2-txt .page2_menu a:nth-child(2) {
  background: url('../images/kfzx_bg.png');
}
.page2 .page2-txt .page2_menu a:nth-child(3) {
  background: url('../images/yhhd_bg.png');
}
.page2 .page2-txt .page2_menu a:nth-child(4) {
  background: url('../images/kc_bg.png');
}
.page2 .page2-txt .page2_menu a:nth-child(5) {
  background: url('../images/qhb_bg.png');
}
.page2 .page2-txt .page2_menu a:nth-child(6) {
  background: url('../images/yh_bg.png');
}
.page2 .page2-pic01 {
  position: absolute;
  bottom: 70px;
  left: 50%;
  margin-left: 72px;
  width: 244px;
  height: 450px;
}
.page2 .page2-pic01 img {
  width: 100%;
}
.page2 .page2-pic02 {
  position: absolute;
  margin: 115px 0 0 411px;
  width: 277px;
  height: 209px;
}
.page3 {
  background: url('../images/yxtd_bg.png') center;
}
.page3 .page3-txt {
  width: 1200px;
  height: 470px;
  margin: -230px 0 0 -600px;
  text-align: center;
}
.page3 .page3-txt .pic {
  font-size: 0;
  text-align: center;
}
.page3 .page3-txt .page3_div01 {
  margin-bottom: 20px;
}
.page3 .page3-txt .page3_menu {
  margin-top: 40px;
}
.page3 .page3-txt .page3_menu a {
  display: inline-block;
  width: 121px;
  height: 320px;
  font-size: 30px;
  font-family: SimSun;
  line-height: 121px;
  writing-mode: tb-rl;
  color: #ffffff;
  margin: 0  15px;
  background: url(../images/p2_bg.png) no-repeat;
}
.page3 .page3-txt .page3_menu a:hover {
  -webkit-animation: bounce 1s !important;
  animation: bounce 1s !important;
}
.page3 .page3-txt .page3_menu img {
  margin: 5px auto;
  display: block;
}
.page3 .page3-txt .page3_menu .page3_pic01 {
  position: absolute;
  bottom: 70px;
  left: 50%;
  margin-left: 72px;
  width: 244px;
  height: 450px;
}
.page3 .page3-txt .page3_menu .page3_pic01 img {
  width: 100%;
}
.page3 .page3-txt .page3_menu .page3_pic02 {
  position: absolute;
  margin: 115px 0 0 411px;
  width: 277px;
  height: 209px;
}
.page4 {
  background: #333333 url('../images/app_bg.png') center;
  margin-top: 30px;
}
.page4 .page-txt {
  width: 650px;
  text-align: left;
  margin: -316px 0 0 -330px;
  font-size: 0;
}
.page4 .page-txt .p4_img2 {
  margin: 35px 0 0 -62px;
}
.page4 .page-txt .p4_ewm {
  margin: 55px 0 0 212px;
}
.page4 .page-txt .pic {
  margin-bottom: 0px;
}
.page5 {
  background: url(../images/rmyh_bg.png) center;
}
.page5 .pmenu {
  margin-top: 80px;
  margin-left: 350px;
}
.page5 .pmenu a {
  display: inline-block;
}
.page5 .pmenu a img {
  transition: all 0.5s;
}
.page5 .pmenu a:hover img {
  transform: scale(1.3, 1.3);
  -ms-transform: scale(1.3, 1.3);
  /* IE 9 */
  -webkit-transform: scale(1.3, 1.3);
  /* Safari and Chrome */
  -o-transform: scale(1.3, 1.3);
  /* Opera */
  -moz-transform: scale(1.3, 1.3);
}
.fixednav {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 99;
  font-size: 14px;
  width: 100%;
  height: 90px;
  background: rgba(0, 0, 0, 0.8);
  border-top: 1px solid #61543e;
}
.fixednav .ceul {
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0px;
  padding-top: 14px;
  margin: 0 auto;
  width: 1000px;
  padding-bottom: 10px;
}
.fixednav .ceul li {
  text-align: center;
  color: #dec695;
  padding-bottom: 6px;
}
.fixednav .ceul li .yellow {
  color: #dec695;
}
.fixednav .ceul li .green {
  color: green;
}
.fixednav .ceul li .red {
  color: red;
}
.fixednav .ceul li em {
  color: #dec695 !important;
}
.fixednav .ceul li a {
  width: 122px;
  height: 27px;
  text-align: center;
  line-height: 27px;
  border-radius: 3px;
  font-size: 16px;
  color: #dec695;
  border: 1px solid #dec695;
  display: block;
}
.fixednav .ceul li span {
  display: block;
  margin-top: 10px;
}
.fixednav .ceul li:hover a {
  color: #e42807;
  border: 1px solid #e42807;
}
.fixednav .tac {
  text-align: center;
  height: 51px;
}
#fp-nav ul {
  margin-top: -30px !important;
}
#fp-nav ul li {
  margin: 10px !important;
}
#fp-nav ul li a span {
  width: 12px !important;
  height: 12px !important;
  background: #999 !important;
  border-radius: 50%;
  margin: 10px auto !important;
  border: 0 !important;
}
#fp-nav ul li a.active span {
  background: #5303ad !important;
}
@-webkit-keyframes rotating {
  0% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  50% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  100% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@keyframes rotating {
  0% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  50% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  100% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@media screen and (max-height: 740px) {
  .head {
    background-color: #ffffff;
    z-index: 99;
    height: 100px;
    font-size: 0;
    white-space: nowrap;
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
  }
  .head .div_logo {
    width: 230px;
    height: 70px;
    display: block;
    float: left;
    margin-top: 15px;
  }
  .head .div_logo img {
    width: 100%;
  }
  .head .nav {
    padding-top: 34px;
  }
  .fixednav {
    background: #666666;
  }
  .page1 .page-r {
    width: 800px;
    height: 410px;
    margin: -200px 0 0 -400px;
    text-align: center;
  }
  .page1 .page-r .pic {
    margin-bottom: 10px !important;
  }
  .page1 .page-r .pmenu a {
    margin-top: 15px;
  }
  .page2 {
    background: url(../images/kjgj_bg.png) center top;
    background-size: cover;
  }
  .page2 .page2-txt {
    height: 329px;
    margin: -200px 0 0 -600px;
    text-align: center;
  }
  .page3 {
    background-size: cover;
  }
  .page3 .page-txt {
    width: 1000px;
    text-align: center;
    margin-top: -200px;
    margin-left: -500px;
    font-size: 0;
  }
  .page3 .page-txt img {
    margin: 5px auto;
    display: block;
  }
  .page3 .page-txt .page3_pic04 {
    padding-top: 20px;
  }
  .page4 {
    background-size: cover;
  }
  .page4 .page-txt {
    width: 540px;
    text-align: left;
    margin: -200px 0 0 -80px;
    font-size: 0;
  }
  .page4 .page-txt img {
    width: 100%;
  }
  .page4 .page-txt .pic {
    margin-bottom: 0px;
  }
  .page4 .page-txt .page-btn a {
    display: block;
  }
  .page4 .page-txt .page-btn a img {
    width: 111px;
  }
  .page5 {
    background-size: cover;
  }
  .page6 {
    background-size: cover;
  }
  .page6 .pmenu {
    margin: 0;
  }
}
@media screen and (max-height: 680px) {
  .page1 .page-r {
    width: 600px;
    height: 410px;
    margin: -160px 0 0 -300px;
    text-align: center;
  }
  .page1 .page-r .pic {
    margin-bottom: 0px !important;
  }
  .page1 .page-r .pmenu a {
    margin-top: 5px;
  }
  .page2 {
    background: url(../images/kjgj_bg.png) center top;
    background-size: cover;
  }
  .page2 .page2-txt {
    height: 329px;
    margin: -140px 0 0 -600px;
    text-align: center;
  }
  .page2 .page2_div01 img {
    width: 400px;
  }
  .page2 .page2_menu a {
    width: 90px !important;
    height: 240px !important;
    line-height: 90px !important;
    text-align: left;
    padding-top: 60px;
    font-size: 22px !important;
    background-size: 100% auto !important;
  }
  .page3 .page-txt {
    width: 800px;
    text-align: center;
    margin-top: -150px;
    margin-left: -400px;
    font-size: 0;
  }
  .page3 .page-txt img {
    max-width: 400px;
    width: 240px;
    margin: 5px auto;
    display: block;
  }
  .page3 .page-txt .page3_pic01 img {
    width: 400px;
  }
  .page4 .page-txt {
    width: 460px;
    margin: -160px 0 0 -80px;
  }
  .page6 .com {
    margin-top: 40px;
  }
  .page6 .com img {
    width: 240px;
  }
  .page6 .com .pmenu {
    margin-top: 0px;
  }
  .page6 .com .pmenu a {
    padding: 0 10px;
  }
  .page6 .com .pmenu a img {
    width: 120px;
  }
}