*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body,
html {
  min-height: 100%;
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body,
div,
p,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
img {
  border: none;
  margin: 0;
  padding: 0;
}
img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
input,
textarea {
  padding: 0 3px;
  margin: 0;
  font-family: "Microsoft YaHei";
  font-size: 14px;
  outline-style: none;
  background: #fff;
  border: 1px solid #d0b687;
}
textarea {
  resize: none;
}
ul,
li {
  list-style: none;
  list-style-type: none;
}
body {
  width: 100%;
  min-width: 1000px;
  *cursor: default;
  overflow: hidden;
  font: 16px/1 "Microsoft YaHei", Helvetica, 'STHeiti STXihei', 'Microsoft JhengHei', Arial;
}
a { text-decoration: none; color: inherit; }
.fr { float: right; }
.fl { float: left; }
.sl-container {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}

/*导航条*/
.navContainer {
  z-index: 3;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  overflow: hidden;
  padding: 13px 0;
  background-color: #c71414;
}
.logo { display: block; }
.menu {
  padding-top: 13px;
}
.menu li {
  float: left;
  padding: 0 15px;
  font-size: 18px;
  color: #ffffb2;
  cursor: pointer;
}
.menu li + li{
  border-left: 1px solid #ffffb2;
}
.menu li.active{ color: #ffff00;}


#pageContainer {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.page {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  min-width: 1008px;
  height: 100%;
  padding-top: 70px;
  overflow: hidden;
}
.current {
  display: block;
  z-index: 1;
}
.slide {
  display: block;
  z-index: 2;
}
.container {
  position: relative;
  width: 100%;
  height: 100%;
  background: url(../images/page-bg.jpg) no-repeat top center / cover;
}

/*第一屏*/
.page1 .container {
  background-image: url(../images/page1-bg.jpg);
  padding-top: 6%;
}
.page1 .sl-container{ position: static; }
.page1 span{
  position: absolute;
  left: 50%;
}
.dog1{
  margin-left: -70px;
  -webkit-animation: bounceInDown 1s both ease 0s;
  -o-animation: bounceInDown 1s both ease 0s;
  animation: bounceInDown 1s both ease 0s;
}
.wen1{
  z-index: 3;
  top: 210px;
  margin-left: -319px;
  width: 600px;
  -webkit-animation: bounceInLeft 1.5s both ease .5s;
  -o-animation: bounceInLeft 1.5s both ease .5s;
  animation: bounceInLeft 1.5s both ease .5s;
}
.wen2{
  -webkit-animation: bounceInRight 1s both ease .5s;
  -o-animation: bounceInRight 1s both ease .5s;
  animation: bounceInRight 1s both ease .5s;
}
.wen3 {
  -webkit-animation: fadeInDown  1s both ease 1.5s;
  -o-animation: fadeInDown  1s both ease 1.5s;
  animation: fadeInDown  1s both ease 1.5s;
}
.wen4 {
  -webkit-animation: fadeInUp  1s both ease 1.5s;
  -o-animation: fadeInUp  1s both ease 1.5s;
  animation: fadeInUp  1s both ease 1.5s;
}
.dog2{
  bottom: -5px;
  -webkit-animation: zoomIn 1s both ease 0s;
  -o-animation: zoomIn 1s both ease 0s;
  animation: zoomIn 1s both ease 0s;
}

/*第二屏*/

.page .hua{
  position: absolute;
  top: 0;
  width: 230px;
}
.page .hua1{
  left: 0;
  -webkit-animation: fadeInLeft 1s both ease 0s;
  -o-animation: fadeInLeft 1s both ease 0s;
  animation: fadeInLeft 1s both ease 0s;
}
.page .hua2{
  left: auto;
  right: 0;
  -webkit-animation: fadeInRight 1s both ease 0s;
  -o-animation: fadeInRight 1s both ease 0s;
  animation: fadeInRight 1s both ease 0s;
}
.page .hai{
  position: absolute;
  bottom: 0;
  width: 198px;
}
.page .hai1{
  left: 10px;
  -webkit-animation: fadeInLeft 1s both ease 0s;
  -o-animation: fadeInLeft 1s both ease 0s;
  animation: fadeInLeft 1s both ease 0s;
}
.page .hai2{
  left: auto;
  right: 0;
  -webkit-animation: fadeInRight 1s both ease 0s;
  -o-animation: fadeInRight 1s both ease 0s;
  animation: fadeInRight 1s both ease 0s;
}

.page2 .sl-container{
  width: 1030px;
    top: 20px;
    top: calc((100vh - 746px)/2);
}
.page2 .dsz{
  position: absolute;
  left: 50%;
  /**/
  width: 49.68%;
  top: 125px;
  margin-left: -24.8%;
  /**/
  -webkit-animation: zoomIn 1s both ease 0s;
  -o-animation: zoomIn 1s both ease 0s;
  animation: zoomIn 1s both ease 0s;
}
.page2 .txt{
  position: absolute;
  bottom: 20px;
  left: 40px;
  width: 950px;
}
.page2 h2{
  font-size: 18px;
  color: #ffff00;
  text-align: center;
  margin-bottom: 10px;
  -webkit-animation: fadeInDown 1s both ease 1s;
  -o-animation: fadeInDown 1s both ease 1s;
  animation: fadeInDown 1s both ease 1s;
}
.page2 p{
  font-size: 13px;
  color: #fff;
  line-height: 22px;
  text-indent: 26px;
}
.page2 p:nth-child(2){
  -webkit-animation: fadeInUp 1s both ease 1s;
  -o-animation: fadeInUp 1s both ease 1s;
  animation: fadeInUp 1s both ease 1s;
}
.page2 p:nth-child(3){
  -webkit-animation: fadeInUp 1s both ease 1.4s;
  -o-animation: fadeInUp 1s both ease 1.5s;
  animation: fadeInUp 1s both ease 1.5s;
}
.page2 p:nth-child(4){
  -webkit-animation: fadeInUp 1s both ease 2s;
  -o-animation: fadeInUp 1s both ease 2s;
  animation: fadeInUp 1s both ease 2s;
}
.page2 p:nth-child(5){
  -webkit-animation: fadeInUp 1s both ease 2.5s;
  -o-animation: fadeInUp 1s both ease 2.5s;
  animation: fadeInUp 1s both ease 2.5s;
}
.page2 p:nth-child(6){
  -webkit-animation: fadeInUp 1s both ease 3s;
  -o-animation: fadeInUp 1s both ease 3s;
  animation: fadeInUp 1s both ease 3s;
}

/*第三屏*/
.page3 .sl-container{
  width: 980px;
    top: 24px;
    top: calc((100vh - 731px)/2);
}
.page3 h2{
  position: absolute;
  top: 6px;
  font-size: 22px;
  color: #fff;
  width: 100%;
  text-align: center;
  letter-spacing: 4px;
}
.page3 .intro{
  position: absolute;
  left: 50%;
  top: 90px;
  font-size: 12px;
  color: #fff9e5;
  line-height: 22px;
  width: 640px;
  margin-left: -320px;
  text-align: center;
  -webkit-animation: zoomIn 1s both ease 0s;
  -o-animation: zoomIn 1s both ease 0s;
  animation: zoomIn 1s both ease 0s;
}
.tab1{
  position: absolute;
  top: 155px;
  left: 45px;
}
.tab1 li{
  float: left;
  width: 460px;
  margin-bottom: 10px;
}
.tab1 li:nth-child(2n){
  -webkit-animation: rotateInUpRight 1s both ease 0s;
  -o-animation: rotateInUpRight 1s both ease 0s;
  animation: rotateInUpRight 1s both ease 0s;
}
.tab1 li:nth-child(2n+1){
  -webkit-animation: rotateInUpLeft 1s both ease 0s;
  -o-animation: rotateInUpLeft 1s both ease 0s;
  animation: rotateInUpLeft 1s both ease 0s;
}
.tab1 .pic{
  float: left;
  width: 220px;
}
.tab1 .txt{
  float: left;
  width: 200px;
  margin-left: 10px;
  font-size: 13px;
  line-height: 20px;
}
.tab1 h3{
  font-size: 16px;
  margin-bottom: 5px;
}
.tab1 .hd {
  position: absolute;
  bottom: -15px;
  left: -20px;
  width: 100%;
  text-align: center;
}
.tab1 .hd a{
  display: inline-block;
  margin-right: 5px;
  cursor: pointer;
}

/*第四屏*/
.page4 .sl-container{
  width: 1000px;
    top: 22px;
    top: calc((100vh - 735px)/2);
}
.page4 .intro{
  position: absolute;
  width: 100%;
  top: 90px;
  font-size: 12px;
  color: #ed121b;
  line-height: 22px;
  text-align: center;
}
.tab2{
  position: absolute;
  left: 35px;
  top: 145px;
  /*background: green;*/
}
.tab2 .hd li{
  position: relative;
  float: left;
  color: #fff;
  width: 125px;
  padding: 10px 3px 10px 8px;
  background: #ed121b;
  cursor: pointer;
  -webkit-animation: fadeInDown .4s both ease 0s;
  -o-animation: fadeInDown .4s both ease 0s;
  animation: fadeInDown .4s both ease 0s;
}
.tab2 .hd li + li{
  margin-left: 10px;
}
.tab2 .hd li:nth-child(1){
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
.tab2 .hd li:nth-child(2){
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -o-animation-delay: .2s;
  animation-delay: .2s;
}
.tab2 .hd li:nth-child(2){
  -webkit-animation-delay: .4s;
  -moz-animation-delay: .4s;
  -o-animation-delay: .4s;
  animation-delay: .4s;
}
.tab2 .hd li:nth-child(3){
  -webkit-animation-delay: .6s;
  -moz-animation-delay: .6s;
  -o-animation-delay: .6s;
  animation-delay: .6s;
}
.tab2 .hd li:nth-child(4){
  -webkit-animation-delay: .8s;
  -moz-animation-delay: .8s;
  -o-animation-delay: .8s;
  animation-delay: .8s;
}
.tab2 .hd li:nth-child(5){
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
}
.tab2 .hd li:nth-child(6){
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
.tab2 .hd li:nth-child(7){
  -webkit-animation-delay: 1.4s;
  -moz-animation-delay: 1.4s;
  -o-animation-delay: 1.4s;
  animation-delay: 1.4s;
}
.tab2 .on i{
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-width: 8px 8px 0 8px;
  border-style: solid;
  border-color: #ed121b transparent transparent transparent;
}
.tab2 .hd span{
  display: block;
  text-align: center;
  font: 28px/1 Impact;
  margin-bottom: 5px;
}
.tab2 .hd p{
  font-size: 12px;
  line-height: 20px;
}
.tab2 .bian{
  position: absolute;
  width: 100px;
}
.tab2 .bian1{
  left: 10px;
  top: 123px;
}
.tab2 .bian2{
  right: 10px;
  bottom: 10px;
}
.tab2 .bd li{
  float: left;
  width: 935px;
  background: #fff;
  padding: 40px 60px 20px 80px;
  margin-top: 20px;
  display: none;
}
.tab2 .pic{
  float: left;
  width: 460px;
  -webkit-animation: fadeInLeft 1s both ease 0s;
  -o-animation: fadeInLeft 1s both ease 0s;
  animation: fadeInLeft 1s both ease 0s;
}
.tab2 .txt{
  float: right;
  width: 310px;
  margin-top: 70px;
  -webkit-animation: fadeInRight 1s both ease 0s;
  -o-animation: fadeInRight 1s both ease 0s;
  animation: fadeInRight 1s both ease 0s;
}
.tab2 h3{
  font-size: 16px;
  margin-bottom: 10px;
}
.tab2 .bd p{
  font-size: 14px;
  line-height: 24px;
  color: #404040;
}

/*第五屏*/
.page5 .cont{
    position: absolute;
    top: 15px;
    top: calc((100vh - 747px)/2);
}
.page5 .title{
  width: 400px;
}
.page5 .title img{
    display: block;
    margin: 0 auto;
}
.page5 .intro{
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  width: 1000px;
    margin-top: 20px;
}
.page5 ul{
    margin-top: 20px;
}
.page5 li{
  float: left;
  width: 490px;
  margin-bottom: 15px;
}
.page5 .li1,.page5 .li3{
  -webkit-animation: fadeInLeft 1s both ease 0s;
  -o-animation: fadeInLeft 1s both ease 0s;
  animation: fadeInLeft 1s both ease 0s;
}
.page5 .li2,.page5 .li4{
  -webkit-animation: fadeInRight 1s both ease 0s;
  -o-animation: fadeInRight 1s both ease 0s;
  animation: fadeInRight 1s both ease 0s;
}
.page5 .li3,.page5 .li4{
  -webkit-animation-delay: .5s;
  -moz-animation-delay: .5s;
  -o-animation-delay: .5s;
  animation-delay: .5s;
}
.page5 .li1,
.page5 .li3{
  margin-right: 20px;
}

/*第六屏*/
.page6 .sl-container{
  position: relative;
}
.page6 .cont{
    position: absolute;
    top: 35px;
    top: calc((100vh - 696px)/2);
}
.page6-bg{
  width: 990px;
  margin-left: 10px;
  -webkit-animation: zoomIn 1s both ease 0s;
  -o-animation: zoomIn 1s both ease 0s;
  animation: zoomIn 1s both ease 0s;
}
.page6 .intro{
  position: absolute;
  top: 125px;
  left: 270px;
  width: 480px;
}
.page6 h3{
  text-align: center;
  -webkit-animation: fadeInDown 1s both ease 1s;
  -o-animation: fadeInDown 1s both ease 1s;
  animation: fadeInDown 1s both ease 1s;
}
.page6 h3 img{
  width: 170px;
}
.page6 .intro p{
  font-size: 13px;
  color: #c80808;
  line-height: 20px;
  -webkit-animation: fadeInUp 1s both ease 1s;
  -o-animation: fadeInUp 1s both ease 1s;
  animation: fadeInUp 1s both ease 1s;
}
.page6 p img{ width: 200px; }
.content{
  margin-top: 20px;
  overflow: hidden;
  padding: 20px;
  background: #fce9c7 url("../images/shuiwen.png") repeat left top;
  -webkit-animation: zoomIn 1s both ease 1s;
  -o-animation: zoomIn 1s both ease 1s;
  animation: zoomIn 1s both ease 1s;
}
.content .tit{
  font-size: 12px;
  color: #ff0000;
  text-align: center;
  margin-bottom: 15px;
}
.weixin{
  border-right: 1px solid #ff0000;
}
.weixin li{
  float: left;
  margin-right: 40px;
}
.weixin li p{
  font-size: 12px;
  text-align: center;
  margin-top: 8px;
}
.biaodan{
  padding-left: 40px;
}
label{
  font-size: 14px;
  line-height: 24px;
  vertical-align: top;
}
.form-group{
  margin-bottom: 10px;
}
.form-group input{
  width: 300px;
  height: 24px;
  line-height: 24px;
}
textarea{
  width: 400px;
  height: 60px;
}
.btn{
  text-align: center;
  margin-top: 10px;
}
.btn input{
  border: 0;
  padding: 3px 30px;
  color: #fff;
  background: #d92800;
  font-size: 14px;
}






/*.page2 .sl-container,
.page3 .sl-container,
.page4 .sl-container {
  position: absolute;
  left: 50%;
}*/