/** 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:160%;font-family: "Microsoft YaHei";width: 100%;height:100%;}
.fl{float:left;}
.fr{float:right;}
.mobile{display:none;}
.m1000{width:1000px;margin:0 auto;}
/* p{ transition:all 0.2s ease-in 0s;}
p:hover{ transform:translateY(-5px);} */
/* banner */
.header {width: 100%; height: 619px;background:url(../images2020/banner_bg.jpg) no-repeat center top;position: relative;}
.header .header_txt{margin:100px auto 75px;display: block;}
.header .m1000{overflow: hidden;}

/*nav*/
.nav{width:100%;height:70px;font-size: 20px;line-height:70px;background:url(../images2020/nav.png) repeat-x;z-index: 10;}
.nav li{float:left;width:15%;margin:0 0.6%;text-align: center;cursor: pointer;}
.nav li a{color:#fff;padding-bottom: 16px;}
.nav li.menuOver a{font-weight: bold;border-bottom: 6px solid #db431a;}
.nav.isStuck{background: #0f1669;}

/*page*/
.page { padding: 100px 0;}
.page .title{margin-bottom:30px;text-align: center;font-size: 48px;line-height: 120%;font-weight: bold;}
.page .title.white h4{color:#0f2570;}
.page .title.white h5{color:#d4dcf7;}
.page .title h4{color:#fff;}
.page .title h5{color:#c0ccf4;}

/*page1*/
.page1{background: url(../images2020/bg_1.jpg) no-repeat center top;color:#fff;}

/*page2*/
.page2 .content{text-align: center;}

/*page3*/
.page3{background: url(../images2020/bg_3.png) no-repeat center top;}
.page3 ul li{transition:all 0.2s ease-in 0s;text-align: center;color:#fff;border-radius: 10px;padding:10px 0;background: url(../images2020/page3.jpg) repeat-y center top;width: 90%;margin:10px auto;}
.page3 ul li:hover{transform:translateY(-5px);}

/*page4*/
.page4{background: url(../images2020/bg_4.jpg) no-repeat center top;}
.page4 .content{padding:30px 0;}
.page4 .content li{float: left;width: 33.3%;background: url(../images2020/page4_line.png) no-repeat right center;}
.page4 .content li h6{color:#f84c1e;font-size: 24px;text-align: center;padding-bottom:20px;}
.page4 .content li p{padding-left: 25px;background: url(../images2020/dot_org.png) no-repeat left center;color:#fff;margin-left:24%;}
.page4 .content li.last{background:none;}

/*page5*/
.page5 .content .box{color:#595757;border: 1px solid #0d2271;margin-top: 70px;padding-bottom:30px;border-radius: 20px;}
.page5 .content .box h6{background: #fff;width: 68%;margin: -30px auto 25px;height: 60px;}
.page5 .content .box h6 b{color:#f84c1e;font-size: 40px;margin: 0 6.5% 0 5%;text-align: center;height: 60px;line-height: 60px;font-style: italic;float: left;}
.page5 .content .box h6 span{font-size: 24px;color:#fff;margin-right: 6.5%;background: url(../images2020/page5.jpg) repeat-y;border-radius: 10px;float: left;width: 59%;text-align: center;height: 60px;line-height: 60px;}
.page5 .content .box h6 img{margin-top: 24px;float: left;}
.page5 .content .box h5{background: url(../images2020/page5_line.png) repeat-x left bottom;padding-bottom: 20px;margin:0 30px 20px;}
.page5 .content .box div{margin:0 30px;font-size: 18px;}
.page5 .content .box div b{color:#1d3488;padding-left:10px;}
.page5 .content .box div span{color:#f84c1e;font-weight: bold;}
.page5 .content .box div li{padding-left: 45px;background: url(../images2020/dot_gray.png) no-repeat 28px 10px;}

/*page6*/
.page6 {padding-top:0;}
.page6 .content{padding:66px 0 0 0;}
.page6 .content .tab li{width:19.2%;margin-right:1%;height:60px;background: #c0ccf4;float:left;text-align:center;line-height:60px;color:#fff;font-size:20px;font-weight: bold;cursor:pointer;animation: Tab1 0.3s linear 1;}
.page6 .content .tab li.tab-1{border-right:none;}
.page6 .content .tab li.last{margin-right:0;}
.page6 .content .tab li.active{background: url(../images2020/tab.jpg) repeat-y center top;padding: 7px 0;margin-top:-14px;animation: Tab .5s linear 1;}
.page6 .content .tab li:hover{background: url(../images2020/tab.jpg) repeat-y center top;}
.page6 .content .list_wrap{position:relative;overflow:hidden;-moz-box-shadow:0px 5px 10px #E5E5E5; -webkit-box-shadow:0px 5px 20px #E5E5E5; box-shadow:0px 5px 20px #E5E5E5;font-size: 18px;}
.page6 .content .list{position:absolute;left:-100%;width:96%;height:auto;padding:30px 2%;}
.page6 .content .list table{border:1px solid #d4dbf9;border-right:none;}
.page6 .content .list tr{background:#f7f8fe;}
.page6 .content .list tr td{padding:10px;border-right:1px solid #d4dbf9;text-align: center;}
.page6 .content .list .thead{background:#5e6ecc;color: #fff;text-align: center;}
.page6 .content .list .even{background:#e8ebf7;}
.page6 .content .list .fontL{text-align: left;}
.page6 .content .list ul{padding-left: 20%;}
.page6 .content .list ul li{padding-left:25px;background: url(../images2020/dot_gray.png) no-repeat left center;}
@keyframes Tab {
  0% {
    margin-top:0;
    padding: 0;
  }
  100% {
    margin-top:-14px;
    padding: 7px 0;
  }
}
@keyframes Tab1 {
  0% {
    margin-top:-14px;
    padding: 7px 0;
  }
  100% {
    margin-top:0;
    padding: 0;
  }
}

/*page7*/
.zxyy{background: #2132b5;}
.form-wrap{margin:0 auto;}
.form-wrap form label{border: none;}
.form-wrap .btn-wrap{background:#f84c1e;color: #fff;}
#reg form label {margin: 2px 0;}
.xdf_bottomForm.form-wrap form .label{width: 15%;}
@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 0;}

	/*banner*/
	.header{height: 35rem;background:url(../images2020/m_banner_bg.jpg) no-repeat center top;}
	.header .header_txt{width: 100%;}
  /* -webkit-text-size-adjust:none; */
  
  /*nav*/
  .nav{height: auto;}
  .nav .m1000{width:100%;}
  .nav li{width: 17%;margin: 0 1.3%;line-height: 140%;font-size: 22px;padding: 8px 0;}
  .nav li.menuOver{border-bottom: 6px solid #db431a;}
  .nav li.menuOver a{border-bottom: 0}

	/*page1*/
	.page1{padding: 3rem 0;-webkit-background-size: cover;background-size: cover;}
  .page1 .content{padding:0 5%;}

	/*page2*/

	/*page3*/
  
  /*page4*/
  .page4{-webkit-background-size: cover;background-size: cover;padding: 3rem 0;}
  .page4 .content li.last p{margin-left: 5%;}
  .page4 .content li p{margin-left: 12%;font-size: 18px;}
  
	/*page5*/
  .page5 .content .box div{font-size: 20px;}
  .page5 .content .box h6 span{margin-right: 7%;width: 50%;}
  .page5 .content .box div li{background: url(../images2020/dot_gray.png) no-repeat 28px 15px;}

  /*page7*/
  .reg_mobile {width: 90%;}

}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}