/** 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:16px;line-height:180%;font-family: "Microsoft YaHei";width: 100%;height:100%;}
.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 */
.header {width: 100%; height: 500px;background:url(../images2020/banner_bg.jpg) no-repeat center top;}
.header .header_txt{margin:20px auto 0;display: block;}
.btn{display:block;width:335px;margin:40px auto 0;text-align: center;cursor: pointer;font-size: 28px;height: 70px;line-height: 60px;background: url(../images2020/btn.png) no-repeat center top;color:#fff;}
.btn:hover{background: url(../images2020/btn_hover.png) no-repeat center top;color:#fff;}

/*nav*/
.nav{width:100%;font-size: 20px;line-height:46px;color:#8b3686;z-index: 10;}
.nav li{float:left;width:11%;margin:0 5% 0 0;text-align: center;cursor: pointer;background:#ececec;}
.nav li a{color:#8b3686;}
.nav li.menuOver{font-weight: bold;background:url(../images2020/nav_active.png) no-repeat center top;-webkit-background-size: cover;background-size: cover;}
.nav li.menuOver a{color:#fff;}
.nav .m1000{padding:0;overflow: hidden;}
.isStuck{background:#ececec;}
.nav li.last{margin: 0;}

/*page*/
.page {padding: 30px 0;}
.page .title{margin-bottom:30px;font-size: 30px;background:url(../images2020/title.png) no-repeat left center;padding-left:90px;color:#8b3a86;line-height: 120%;}
.page .title p{font-family: "Candara";}

/*page1*/
.page1 .content ul{width: 45%;margin-top:10px;}
.page1 .content ul.fr{width: 55%;}
.page1 .content ul li{padding:5px 0 5px 20px;background:url(../images2020/page_line.png) no-repeat left 10px;}
.page1 .content ul li b{color:#8b3a86;}

/*page2*/
.page2 ul li{text-align: center;margin:10px 0.5%;width: 24%;float: left;}
.page2 ul li.width30{width: 30%;}
.page2 ul li.ml10{margin-left: 10%;}
.page2 ul li h6{font-size: 24px;color:#8b3a86;padding:10px 0;}

/*page3*/
.page3 ul li{margin:10px 0;}
.page3 ul li h5{padding:15px 0 15px 10px;font-weight:bold;font-size: 30px;color:#fff;width: 25%;float: left;-moz-box-shadow:2px 2px 5px #c1c1c1; -webkit-box-shadow:2px 2px 5px #c1c1c1; box-shadow:2px 2px 5px #c1c1c1;border-radius: 10px;}
.page3 ul li.one h5{background:#8b3686 url(../images2020/page3.png) no-repeat 95% center;}
.page3 ul li.two h5{background:#cc3d73 url(../images2020/page3.png) no-repeat 95% center;}
.page3 ul li.three h5{background:#f29b00 url(../images2020/page3.png) no-repeat 95% center;}
.page3 ul li.four h5{background:#ff7900 url(../images2020/page3.png) no-repeat 95% center;}
.page3 ul li.five h5{background:#3f4dac url(../images2020/page3.png) no-repeat 95% center;}
.page3 ul li p{width: 73%;float: right;padding-top:15px;}
.page3 ul li.five p{padding-top:0px;}

/*page4*/
.page4 .content li{float: left;margin:20px 5% 20px 0;;width:30% ;height:160px;text-align: right;position: relative;}
.page4 .content li img{position: absolute;top:0;right:0;}
.page4 .content li p{position: absolute;top:47px;left:0;background:#fff;padding:20px 0;width: 96%;text-align: center;}
.page4 .content li.three{margin-right: 0;}
.page4 .content li.one p{border: 6px solid #8b3686;}
.page4 .content li.two p{border: 6px solid #cc3d73;}
.page4 .content li.three p{border: 6px solid #f29b00;margin-right: 0;}
.page4 .content li.threeLine p{padding:5px 0;}

/*page5*/
.page5 .content{background:url(../images2020/page5_line.png) no-repeat center 80px;}
.page5 .content .box{width: 25%;float: left;}
.page5 .content .box h5{color:#fff;text-align: center;font-size: 30px;background:url(../images2020/page5.png) no-repeat center top;padding:45px 0 86px;}
.page5 .content .box h5 span{font-weight: bold;border-bottom:1px solid #fff;}
.page5 .content .box h5 p{margin-top:15px;}
.page5 .content .box p{text-align: center;}
.page5 .content .box1{margin-top: 35px;}
.page5 .content .box3{margin-top: 35px;}

/*page6*/
.page6 .content h6{color:#8b3a86;padding-left:20px;background:url(../images2020/page_line.png) no-repeat left center;margin:10px 0 0 0;}

.zxyy{background: url(../images2020/bg_7.png) no-repeat center top;}
.form-wrap{margin:0 auto;}
.form-wrap form label{border: none;}
.form-wrap .btn-wrap{background:#745dcf;color: #fff;}
#reg form label {margin: 15px 0;}

.xdf_bottomForm.form-wrap form .label{width: 22%;}
@media screen and (max-width:1000px) {
	body{font-size:24px;line-height: 160%;-webkit-text-size-adjust:none;}
	.m1000{width:98%;margin:0 auto;}
	.pc{display:none;}
	.mobile{display:block;}

	.page{padding: 2rem 2%;}
  .page .title{margin-bottom: 10px;}
  .page .tit{font-size: 32px;}
  .page .tit p img{width: 26%;}

	/*banner*/
	.header{height: 30rem;background:url(../images2020/m_banner_bg.jpg) no-repeat center top;}
	.header .header_txt{width: 90%;margin:30px auto 0;}
  /* -webkit-text-size-adjust:none; */

  /*nav*/
  .nav .m1000{width:100%;}
  .nav li{line-height: 140%;padding: 5px 3% 10px;width: 9%;margin: 0 1.5% 0 0;}

  /*page1*/
  .page1 .content ul,
  .page1 .content ul.fr{width: 100%;}
  .page1 .content ul li{background:url(../images2020/page_line.png) no-repeat left 12px;}

	/*page2*/
  .page2 ul li {margin: 20px 0%;width: 50%;}
  .page2 ul li h6 {font-size: 30px;}
  .page2 ul li.width30{width: 50%;}
  .page2 ul li.ml10{margin-left: 0%;}
  .page2 ul li.ml24{margin-left: 24%;}

	/*page3*/
  .page3 ul li h5{width: 35%;}
  .page3 ul li p {width: 100%;}

  /*page4*/
  .page4 .content li {margin: 20px 2.5%;width: 45%;}
  .page4 .content li.three{margin: 20px 2.5%;}
  .page4 .content li p{padding: 24px 0;}

	/*page5*/
  .page5 .content{background:none;}
  .page5 .content .box {width: 50%;margin-top: 20px;}
  .page5 .content .box h5{padding: 30px 0 86px;}
  .page5 .content .box1,
  .page5 .content .box3{margin-top: 20px;}

  .form-wrap {margin: 60px auto 0;}

}

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