/** CSS Reset **/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form, fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; vertical-align: bottom;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:center; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
abbr,acronym { border:0; }
textarea, input, select{resize: none;outline:none;background:none;border:none;}
button {overflow:visible;width:auto;margin:0;padding:0;border:0 none;outline:none;}
input{border:0}
a{text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent; -webkit-touch-callout:none;}
a:hover{ text-decoration:none;color:#000;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size: 0;}
.clearfix{display:inline-block;}
/* Hide from IE Mac */
.clearfix {display:block;}
html{width: 100%;height:100%;}
body{color:#333;font-size:24px;line-height:160%;font-family: "Microsoft YaHei";width: 100%;height:100%;}
.fl{float:left;}
.fr{float:right;}
.pc{display:block;}
.mobile{display:none;}
.m1000{width:1000px;margin:0 auto;}

/* banner */
.header {height:740px;width: 100%;background:url(../images/header_bg.jpg) no-repeat center top;}
.header .m1000{position: relative;height: 100%;}
.header .header_t{margin: 90px auto 0;display: block;}
.header .intro{font-size:22px;padding:30px 20px;background:url(../images/bg_1.jpg) repeat-y;font-weight: bold;color:#fff;position: absolute;bottom:-120px;}

.page{padding:30px 0;color:#fff;}
.title{text-align: center;margin:30px auto;}

.btn{display:block;margin:0 auto;text-align: center;background: #ffb300;color:#00258e;width: 40%;border-radius: 50px;padding:10px 0;font-weight: bold;-moz-box-shadow:0px 5px 5px #434343; -webkit-box-shadow:0px 5px 5px #434343; box-shadow:0px 5px 5px #434343;}
.btn:hover{background: #fcb91a;}

/*page1*/
.page1{padding:150px 0 30px;background: url(../images/bg_3.jpg) repeat-x left top;text-align: center;font-weight: bold;font-size:24px;}

/*page2*/
.page2 .content {background: url(../images/page2_bg.png) no-repeat center top;padding:40px 0;}
.page2 .content li{border-radius: 6px;float: left;width: 40%;background: url(../images/page2.png) no-repeat left top;padding: 0 4% 43px;font-weight: bold;margin: 10px 1%;-moz-box-shadow:0px 0px 30px #666; -webkit-box-shadow:0px 0px 30px #666; box-shadow:0px 0px 30px #666;background-size: 100% 100%;}
.page2 .content li h5{font-size:36px;padding:16px 0 40px;}

/*page3*/
.page3 {background: url(../images/bg_3.jpg) repeat-x left top;}
.page3 .content{padding-top:40px;}
.page3 .content li{float: left;width: 49%;margin:30px 0.5%;background:rgba(255,255,255,0.03); }
.page3 .content li.even{ margin: 50px 0.5% 10px;}
.page3 .content li h6{margin-top:-30px;padding-left:10px;background: url(../images/page3.png) no-repeat left top;font-size: 32px;font-weight: bold;}
.page3 .content li h6 img{vertical-align: middle;}
.page3 .content li p{padding:30px;}

/*page4*/
.page4 .swiper-slide{float: left;width: 30%;margin:20px 1.6% 40px;background: url(../images/bg_2.jpg) repeat-y center top;padding-bottom:10px;-moz-box-shadow:0px 0px 30px #666; -webkit-box-shadow:0px 0px 30px #666; box-shadow:0px 0px 30px #666;}
.page4 .swiper-slide h5{padding:20px;text-align: center;font-weight: bold;font-size: 30px;}
.page4 .swiper-slide div{padding:20px;background: #fff;}
.page4 .swiper-slide div p{font-size: 16px;line-height: 160%;padding-bottom:10px;color: #333;}
.page4 .swiper-slide div p b{color:#a40f37;}
.page4 .swiper-slide.mt20{margin: 40px 1.6% 40px;}
.page4 .swiper-slide.mt20 div{height: 350px;}


/*page5*/
.page5{background: url(../images/bg_3.jpg) repeat-x left top;}
.page5 .content .item{border-bottom:4px solid #a40e37;margin-bottom:20px;position: relative;}
.page5 .content .item .txt{width: 66%;line-height: 140%;padding:20px 2% 0; min-height: 210px;}
.page5 .content .item .txt h5{color:#d23748;font-weight: bold;padding-bottom:10px;}
.page5 .content .item .txt p{color:#fff;font-size: 18px;padding-bottom:20px;}
.page5 .content .item .photo{width: 30%;text-align: center;position:absolute;right: 0;bottom:0;}
.page5 .content .item .photo p{background: url(../images/bg_2.jpg) repeat-y left top;color: #00133e;font-weight: bold;}
.page5 .content .item.even .txt{padding-left:40%;}
.page5 .content .item.even .photo{left: 0;}

/*page5*/
.zxyy{background:url(../images/zxyy_bg.jpg) no-repeat center top;background-size: 100% 100%;}
.form-wrap form label{border:none;}
.form-wrap .btn-wrap{background: #ff8a13;}


@media screen and (max-width:1000px) {
  body{font-size: 20px;line-height: 160%;-webkit-text-size-adjust: none;}
  .m1000{width:100%;margin:0 auto;padding: 0;}
  .pc{display:none;}
  .mobile{display:block;}
  .page{padding: 2rem;}
  .title {margin: 2rem 0 1rem;}
  .btn{width: 45%;}
  /*header*/
  .header {height:34rem;background:url(../images/m_header_bg.png) no-repeat center top;}
  .header .header_t{width: 80%;}
  .header .intro{padding: 30px 4%;left: 3%;width: 86%;}

  /*page1*/
  .page1{padding: 8rem 0 2rem;}

  /*page2*/
  .page2 .content {background: url(../images/m_page2_bg.png) no-repeat center top; padding: 16px 0;}
  .page2 .content li{width: 44%;padding:0 2% 25px;}

  /*page3*/
  .page3 .content li,
  .page3 .content li.even{width: 100%;margin: 30px 0;}

  /*page4*/
  .page4 .swiper-container{padding-bottom: 90px;}
  .page4 .swiper-slide{margin: 20px 5% 40px;width: 90% !important;}
  .page4 .swiper-slide.mt20{margin: 20px 5% 40px;}
  .page4 .swiper-slide.mt20 div{height: auto;}


}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}