/** 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;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
/** CSS Reset **/
*{-webkit-tap-highlight-color:transparent; -webkit-touch-callout:none;outline:none;}
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; }
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%;}
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:20px;line-height:140%;font-family: "Microsoft YaHei";width: 100%;height:100%;background: #fff;}
.fl{float:left;}
.fr{float:right;}
.mobile{display:none;}
.m1000{width:1000px;margin:0 auto;overflow: hidden;}
/* p{ transition:all 0.2s ease-in 0s;}
p:hover{ transform:translateY(-5px);} */

/* banner */
.banner {width: 100%; height: 611px; position: relative;background:url("../images/header.png") no-repeat center top;}
.banner .flipInX{margin:55px auto 0;display: block;}
/*nav*/
.nav{width:100%;font-size: 20px;z-index: 1000;position: relative;background: #3e59ce;}
.isStuck{top:0 !important;left: 0}
.nav .m1000{width:1000px;margin:0 auto;}
.nav li{float:left;margin:0 1.5%;text-align: center;cursor: pointer;padding: 20px 0;}
.nav li a{color:#fff;}
.nav li.menuOver a{color:#12f2fa;font-weight: bold;}
.nav li a:hover{color:#12f2fa;}
/*part*/
.page { padding: 60px 0;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; }
.page .title {margin-bottom:60px;text-align: center;}
.page .title p{color: #0a0f4d;font-size: 22px;padding-top:20px;-webkit-text-size-adjust:none;}
.page .title.white p{color:#fff;}
/*page1*/
.page1 .con{background:url(../images/page1_img.png) no-repeat left center;padding:36px 0 36px 310px;}
.page1 .con .txt{padding:15px;background:url(../images/page1_txt_bg.png) repeat-x;background-size: 100% 100%;color:#fff;position: relative;}
.page1 .con .txt p{padding-bottom:10px;position: relative;}
.page1 .con .txt img{position: absolute;bottom:15px;right:15px;}
/*page2*/
.page2{background:#2e439e;}
.page2 .con li{width: 32.3%;height: 170px;float: left;position: relative;margin:30px 0%;background:url(../images/page2.png) no-repeat center center;}
.page2 .con li img{position: absolute;top:-30px;left:0px;}
.page2 .con li p{color:#fff;padding:30px 50px;}
.page2 .con li.mid{margin:30px 1.5%;}
.page2 .con li.last{background:url(../images/page2_bg.png) no-repeat center center;}

/*page3*/
.page3 .con{background: url(../images/page3.png) no-repeat top center;padding:40px 145px 60px;color:#121967;font-size: 24px;line-height: 160%;}

/*page4*/
.page4{background: url("../images/page4_bg.png") no-repeat center top;-webkit-background-size:cover;background-size:cover;}
.page4 .con div{width: 33%;float: left;}
.page4 .con div h6{padding-bottom:20px;font-size: 32px;text-align: center;}
.page4 .con div h6 span{font-size: 24px;padding-top: 20px;display: block;}
.page4 .con div p{color:#fff;background-image: url(../images/page4.png);background-repeat: no-repeat;height: 170px;}
.page4 .con div.one{color: #3f62e5;margin-top:120px;}
.page4 .con div.two{color: #3052d5;margin:60px 0.5% 0; }
.page4 .con div.three{color: #1c3bc0;}
.page4 .con div.one p{background-color:#3f62e5;background-position: left 10px;padding:40px 30px;}
.page4 .con div.two p{background-color:#3052d5;background-position: left 30px;padding:70px 30px;}
.page4 .con div.three p{background-color:#1c3bc0;background-position: left 60px;padding:100px 30px;}
/*page5*/
.page5{background: #2e439e;}
.page5 .con{background: url(../images/page5.png) no-repeat center top;color:#fff;padding: 50px 20px;}
.page5 .con table tr td{padding: 10px 30px 10px 50px;height: 100px;}
/*page6*/
.page6{}
.page6 .con{}
.page6 .con h6{padding-left:30px;background: url(../images/page6.png) no-repeat left center;font-size: 24px;color:#2e439e;-webkit-text-size-adjust:none;}
.page6 .con p{padding:10px 30px 20px;-webkit-text-size-adjust:none;}

/*page7*/
.page7{background:url("../images/page7_bg.png") no-repeat center top;-webkit-background-size:cover;background-size:cover;}
.page7 .con{}
.page7 .con .tab{}
.page7 .con .tab li{font-size: 24px;color:#fff;width: 48%;float: left;margin:10px 1%;height: 100px;cursor: pointer;background: url(../images/page7_tab.png) no-repeat center top;line-height: 100px;text-align: center;}
.page7 .con .tab li.active{color:#12f2fa;font-weight: bold;background: url(../images/page7_tab_active.png) no-repeat center top;}
.page7 .con .txtWrap{display: none;background: url(../images/page7.png) no-repeat center center;padding:25px 40px;color:#fff;border:3px solid #51f2fb;-webkit-background-size:100% 100%;background-size:100% 100%;}
.page7 .con .txtWrap p{display: none;}

.zxyy{background:url("../images/page8_bg.jpg") no-repeat center top;-webkit-background-size:cover;background-size:cover; }
.form-wrap .btn-wrap{background: #4861cd;}
.xdf_bottomForm.form-wrap form .label{width: 34%;}
@media screen and (max-width:1000px) {
	.nav .m1000,
	.m1000{width:98%;margin:0 auto;}
	.pc{display:none;}
	.mobile{display:block;}

	.page{padding: 2rem 2%;}
	.nav li{width: 17%;}

	.page1 .con{background:none;padding:0;}
  .page1 .con p{ -webkit-text-size-adjust:none;}

  .page2 .con li{width: 100%;height: 120px;margin: 10px 0%;background:url(../images/m_page2.png) no-repeat top right;}
  .page2 .con li img{position: absolute;top:-20px;}
  .page2 .con li p{color:#fff;padding:20px 50px 0px 80px;}
  .page2 .con li.mid{ margin: 10px 0%;}
  .page2 .con li.last{display: none;}

  .page3 .con{background: url(../images/m_page3.png) no-repeat top center;padding:30px 50px 70px;-webkit-text-size-adjust:none;}

  .page4 .con div.one{margin-top:130px;}
  .page4 .con div.two{margin:30px 0.5% 0; }
  .page4 .con div.one p{background-position: left 10px;padding:40px 15px;}
  .page4 .con div.two p{background-position: left 20px;padding:50px 15px;height:222px;}
  .page4 .con div.three p{background-position: left 30px;padding:60px 15px;height:260px;}
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-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;
}