/** 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:18px;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:600px;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;}

/*nav*/
.nav_wrap{height:80px;line-height:80px;background:url(../images/nav.png) repeat-x;width: 100%;z-index:20;}
.nav_wrap .nav{overflow:hidden;}
.nav_wrap .nav li{float:left;width:16.6%;font-size:24px;text-align:center;cursor:pointer;}
.nav_wrap .nav li a{color:#fff;}
.nav_wrap .nav li.menuOver a{line-height:60px;font-weight:bold;font-size:30px;border-bottom: 4px solid #fff;}

.page{padding:80px 0 30px;color:#fff;}
.title{text-align: center;margin:0px auto;}
.title p{font-weight: bold;color:#fff;font-size: 24px;line-height:200%;}
.page .content{margin:30px 0;}

.btn{height: 52px;line-height:42px;font-weight:bold;display:block;margin:20px auto;text-align: center;background: url(../images/btn.png) no-repeat center top;color:#00133e;width: 40%;}
.btn:hover{line-height:52px;background: url(../images/btn_hover.png) no-repeat center top;}

/*page1*/
.box1{background:url(../images/bg_1.jpg) repeat-x;background-size: 100% 100%;}
.page1 .content{padding:25px 40px;background: url(../images/page1.png) repeat-y;color:#fff;border-radius: 10px;}

/*page2*/
.page2 .content li{color:#fff;border-radius: 30px 0 30px 0;float: left;width: 27.8%;margin-right:2%;margin-bottom:20px;padding: 10px 2% 20px;background:url(../images/page2.png) repeat-x;background-size: 100% 100%;text-align: center;}
.page2 .content li b{font-size:30px;line-height: 160%;display: block;background:url(../images/page2_b.jpg) no-repeat center bottom;margin-bottom:5px; }
.page2 .content li.pc_mr0{margin-right:0%;}

/*page3*/
.page3 .tab_wrap{width:100%;}
.page3 .tab_wrap .tab{width:100%;position: relative;z-index:2;}
.page3 .tab_wrap .tab li{border-radius: 10px;float:left;cursor: pointer;margin:0 20px;font-size:24px;width:150px; text-align: center;background:#f9b800; color:#fff;font-weight: bold;height: 52px;line-height: 52px;}
.page3 .tab_wrap .tab li.active{background:#cc3948;}
.page3 .tab_wrap .item_wrap{position:relative;overflow:hidden;background:#ee4557;margin: 0px 10px;top: -25px;}
.page3 .tab_wrap .item_wrap .item{position: absolute;left:-100%;width:96%;padding:50px 2%;overflow: hidden;}
.page3 .tab_wrap .item_wrap .item table{border-right: 1px solid #fff;}
.page3 .tab_wrap .item_wrap .item table thead td {background: #fff;color:#ee4557;font-weight:bold;font-size: 20px;text-align: center;}
.page3 .tab_wrap .item_wrap .item table td {padding: 15px 5px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;}


/*page4*/
.page4 {background:#00133e;}
.page4 .content li{color:#fff;width: 46%;margin-right:2%;margin-bottom:20px;background: #cb3a49;padding: 60px 1% 10px;float:left;height:120px;position: relative;border-radius: 10px 0 0 0;}
.page4 .content li b{display: block;font-size:20px;position: absolute;left:-10px;top:10px;background:url(../images/page4.png) no-repeat left center; padding:5px 20px 15px 20px;}
.page4 .content li.even{margin-right: 0;}

/*page5*/
.page5 .content li{width: 31.3%;float:left;padding:0 2% 10px 0;}
.page5 .content li div{color:#fff;background-color: #ba2a39;padding: 20px 5%;height:250px;}
.page5 .content li div b{font-size:22px;border-bottom:1px solid #fff;display:block;padding-bottom:10px;margin-bottom:10px;}
.page5 .content li.even div{background-color: #cb3a49;}
.page5 .content li:hover{background-image:url(../images/page5_bg.jpg);background-position:  90% bottom;background-repeat:  no-repeat;}

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

/*page7*/
.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: 22px;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 1rem;}
  .title {margin: 2rem 0 1rem;}
  .btn{width: 45%;}
  /*header*/
  .header {height:30rem;background:url(../images/m_header_bg.jpg) no-repeat center top;}
  .header .header_t{width: 80%;}

  /*page1*/
  .page1,
  .page4{padding:5rem 0 1rem;}
  .page1 .m1000,
  .page4 .m1000{width: 100%;}

  /*page2*/
  .page2 .content li{width: 44%;margin-right: 2%;}
  .page2 .content li.pc_mr0{margin-right:2%;}
  .page2 .content li.m_mr0{margin-right:0%;}

  /*page3*/
  .page3 .tab_wrap .item_wrap .item span{font-size: 28px;}
  .page3 .tab_wrap .item_wrap .item .fl{width: 100%;padding-bottom:20px;}
  .page3 .tab_wrap .item_wrap .item .fr{width: 100%;padding-left:0%;padding-top:20px;border-left:none;border-top:1px #fff dashed;}
 
  /*page4*/
  .page4 .content li{width: 88%;margin: 10px 4%;padding: 70px 2% 10px;}
  .page4 .content li b{background:url(../images/m_page4.png) no-repeat left center;font-size: 28px;}

  /*page5*/
  .page5 .content li{width: 98%;background: url(../images/page5_bg.jpg) no-repeat right bottom;margin: 20px 0 0;}
  .page5 .content li div{height: auto;}
  .page5 .content li div b{font-size: 28px;line-height: 160%;}

  /*page6*/
  .page6 .content .item.even .txt {padding-left: 34%;}

  .reg_mobile{width: 75%;}


}
.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;
}