/** 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:160%;font-family: "Microsoft YaHei";width: 100%;overflow-x:hidden;background:#ebf7ff; position: relative;}
.fl{float:left;}
.fr{float:right;}
.pc{display:block;}
.mobile{display:none !important;}
.m1200{width:1200px;margin:0 auto;overflow: hidden;position: relative;}
/* p{ transition:all 0.2s ease-in 0s;}
p:hover{ transform:translateY(-5px);} */

/*移动端导航*/
.navimenu{position: fixed;top: 1.2rem;right: 2%;z-index: 8;z-index: 8}
.navimenu .menuBtn{
    width: 0.8rem;
    height: 0.8rem;
    background: #b80920;
    line-height: 0.6rem;
    position: relative;
    color: #173e8d;
    text-align: center;
    font-size: 0.4rem;
    transform: translate3d(0px, 0px, 0px);
    backface-visibility: hidden;
    transform-style: preserve-3d;
    transition: transform 200ms ease-out 0s;
    outline: transparent solid 0.2rem;
    margin-left: 100%;
    }
.navimenu .menuBtn .burger{
    display: block;
    position: absolute;
    top: 50%;
    left: 0.15rem;
    background: #858eb1;
    transition: transform 200ms ease 0s;
    width: 0.5rem;
    height: 0.05rem;
    }
.navimenu .menuBtn .burger-1 {
    transform: translate3d(0px, -10px, 0px);
}
.navimenu .menuBtn .burger-2 {
    transform: translate3d(0px, -2px, 0px);
}
.navimenu .menuBtn .burger-3 {
    transform: translate3d(0px, 6px, 0px);
}
.navimenu .menuBtn.menu-open .burger-1 {
    transform: translate3d(0px, 0px, 0px) rotate(45deg);
}
.navimenu .menuBtn.menu-open .burger-2 {
    transform: translate3d(0px, 0px, 0px) scale(0.1, 1);
}
.navimenu .menuBtn.menu-open .burger-3 {
    transform: translate3d(0px, 0px, 0px) rotate(-45deg);
}
.navimenu .menuList{
    background: #b80920;
    width: 80%;
    text-align: right;
    padding: 0 5%;
    height: 0;
    overflow: hidden;
    transition: transform 200ms ease 0s;
}
.navimenu .menuList a{display: block;height: 0.7rem;line-height: 0.7rem;border-top: 1px solid #81111f;color:#fff;font-size: 0.24rem;}
.navimenu .menuList a.active{color: #172e73;font-weight: bold;}

/*顶部导航*/
.navTop {background:url(../image2021/navbg.png) repeat-x;height: 60px;line-height: 60px;}
.navTop  .fl{width: 10%}
.navTop  .fl img{vertical-align: middle;}
.navTop  .fr{width: 85%;}
.navTop  .fr a{display: inline-block;margin: 0 3%;color:#fff;font-size: 20px;}
.navTop  .fr a:hover{background: url(../image2021/nav_line.png) no-repeat center 50px;}

/* header */
.header {width: 100%;background: url(../image2021/banner_bg.png) no-repeat center top;}
.header .header_txt{margin: 40px auto 30px;display: block;}
.btn{transition:all 0.2s ease-in 0s;width:304px;height:66px;line-height:66px;color:#fff;text-align:center;margin:20px auto;background:url(../image2021/btn.png) no-repeat center top;display: block;}
.btn:hover{color:#fff;transform:translateY(-5px);}

/**nav**/
#nav{width: 100%;z-index:6;}
.nav a{font-size: 24px;float: left;width: 8%;margin:30px 2.25%;padding: 20px 0;color:#fff;background: #122f85;display: flex;justify-content: center;align-items: center;border-radius: 50%;}
.nav li.menuOver a,
.nav a:hover{background:#b80920;}

/*page*/
.page{padding: 40px 0;}
.bg1{background: url(../image2021/bg1.png) no-repeat center 42%;}
.bg2{background: url(../image2021/bg2.png) no-repeat center 5%;padding:40px 0;}
.title{text-align: center;padding-bottom:30px;}

/* *******page1****** */
.page1 .con{background: #fff;padding:25px 5%;color:#122f85;font-size: 20px;line-height: 160%;}

/* *******page2****** */
.page2 .con ul li{width: 20%;margin:30px 0;padding:30px 5%;float: left;background: #fff;position: relative;text-align: center;}
.page2 .con ul li.mid{margin:30px 5%;}
.page2 .con ul li img{position: absolute;left:0;top:-45px;}
.page2 .con ul li div h3{font-size: 30px;line-height: 160%;color:#122f85;}
.page2 .con ul li div p{color:#000;}

/* *******page3****** */
.page3{padding:0;}
.page3 .m1200{background: #fff;-moz-box-shadow:0px 0px 10px #ced8df; -webkit-box-shadow:0px 0px 10px #ced8df; box-shadow:0px 0px 10px #ced8df;padding:25px 0;}
.page3 .con li{float: left;width: 30%;margin: 20px 1.6%;text-align: center;background: #e5e5e5;border-radius: 10px;overflow: hidden;}
.page3 .con li h3{font-size: 24px;line-height: 160%;color:#fff;background: #122f85;padding:10px 0;}
.page3 .con li p{padding:20px 0;}

/* *******page4****** */
.page4 .con li{float: left;width: 20%;margin: 0px 0.4%;background: url(../image2021/page4.png) repeat-x;border:1px solid #fff;color:#fff;padding: 20px 2%;height: 180px;}
.page4 .con li h3{font-size: 30px;line-height: 160%;text-align: center;}

/* *******form-wrap****** */
.iconFormBlue2 .m1200{ width: 1190px;border: 1px solid #fff;}
.midForm.form-wrap{width: 100%;margin: 0;}
.midForm.form-wrap .con{background: url(../image2021/page_zxyy.png) repeat-x;padding: 20px 10%;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.midForm.form-wrap form .label{float: left;width: 41%;margin: 10px 2%;padding-left: 5%;border:none;}
.midForm.form-wrap form .label span{width: 25%;}
.midForm.form-wrap .tiaokuan{text-align: center;width: 100%;float: left;}
.midForm.form-wrap .tiaokuan a{color: #ffffff;}
.midForm.form-wrap .qt_form .qt_btn{background:#b80920;color:#fff;float: left;width: 46%;margin: 10px 2%;height: 50px;font-size: 20px;}

/* *******page5****** */
.page5{background: url(../image2021/bg3.png) no-repeat center top;}
.page5 ul li{display: flex;justify-content: center;align-items: center;width: 16%;height:164px;float: left;color:#fff;margin:10px 2%;text-align: center;background:url(../image2021/page5.png) no-repeat center center;}
.page5 .tip{text-align: center;padding-top:20px;}

/* *******page6****** */
.page6 .tab{float: left;padding:10px 2%;width: 31%;background: #cacaca;}
.page6 .tab li{width: 46%;margin:10px 2%;background: #fff;text-align: center;float: left;color:#666;padding:5px 0;cursor: pointer;}
.page6 .tab li.active,
.page6 .tab li:hover{background: #122f85;color:#fff;}
.page6 .tabTxt{float: left;background: #122f85;color:#fff;margin:35px 0;width: 63%;padding:30px 1%;}
.page6 .tabTxt div{display: none;}
.page6 .tabTxt div.show{display: block;}
.page6 .tabTxt div h3{font-size: 24px;padding-bottom: 10px;}
.page6 .tabTxt div h3 span{padding-left:20px;font-size: 16px;}
.page6 .tabTxt div p{height: 70px;}
.page6 .tabTxt div p a{color:#fff;}

/* *******page7****** */
.page7{background: url(../image2021/bg4.png) no-repeat center top;}
.page7 .table_head{background: #001d71;font-size: 20px;height: 60px;line-height: 60px;color:#fff;font-weight: bold;text-align: center;}
.page7 .table_head li{float: left;width: 25%}
.page7 .table_body{height: 630px;overflow-y:auto; }
.page7 .table_body tr{background:#f0f0f0;text-align: center;}
.page7 .table_body tr.odd{background:#e5e5e5; }
.page7 .table_body tr td{padding:10px 0;}

/* *******page8****** */
.page8 ul li{float: left;width:31.3%;margin:50px 0 0;position: relative;background: #fff;border-bottom:10px solid #3459c6;text-align: center;padding:40px 0 0px;}
.page8 ul li.mid{margin:50px 3% 0;}
.page8 ul li h3{color:#fff;font-weight:bold;font-size: 30px;line-height: 60px;height: 60px;width:100%;position: absolute;top:-38px;background: url(../image2021/page8.png) no-repeat center top;}
.page8 ul li p{font-size: 24px;color:#666;height: 50px;}
.page8 ul li a{transition:all 0.2s ease-in 0s;width: 30%;height: 40px;line-height: 40px;color:#fff;background: #b80920;display: block;margin:20px auto;border-radius: 10px;font-size: 16px;}
.page8 ul li a:hover{ transform:translateY(-5px);}

/* *******bottomNav****** */
.bottomNav{text-align: center;padding:80px 0;}
.bottomNav h2{color:#000;font-size: 30px;font-weight: bold;padding-bottom:20px;}
.bottomNav .list{width:22.5%;padding:10px 1%;float: left;font-size: 18px;line-height: 160%;background: url(../image2021/line.png) repeat-y left top;}
.bottomNav .list.first{background: none;}
.bottomNav .list li{padding:5px 0;}
.bottomNav .list a{color:#000;}
.bottomNav .list a:hover{color:#000;text-decoration: underline;}

/* *******slide_form****** */
.slide_form{position: fixed;z-index: 1002;bottom:120px;left:2px;width: 110px;height: 150px;cursor: pointer;display: none;margin-left:0;}
.slide_form .gjjyz{-webkit-animation: toup 2s 0s linear infinite ;animation: toup 2s 0s linear infinite ;}
.slide_form .gjjyz_btn{position: absolute;bottom:16px;left:10px;-webkit-animation: ball-scale-multiple 1s 0s linear infinite alternate;animation: ball-scale-multiple 1s 0s linear infinite alternate;}
.bottomForm.form-wrap{background: #4c4c4cf2;width: 100%;margin:0;position: fixed;bottom:0;z-index: 1001;}
.bottomForm.form-wrap .m1200{position: relative;border: none;width: 1200px;}
.bottomForm.form-wrap .m1200 .gjjyz_img{position: absolute;bottom:0;left: 0;}
.bottomForm.form-wrap .btn_close{width: 25px;height: 25px;background: url(../image2021/close2.png) no-repeat center center;position: absolute;top:26px;right:0;cursor: pointer;}
.bottomForm.form-wrap form .label{float: left;width: 20%;margin: 20px 1% 0;border-radius: 10px;border:none;height: 40px;}
.bottomForm.form-wrap form .label i{top: 18%;}
.bottomForm.form-wrap form .label input,
.bottomForm.form-wrap form .label select{width: 90%;}
.bottomForm.form-wrap form .label i.iconDown{top: 30%;left: 82%;}
.bottomForm.form-wrap .qt_form .qt_btn{width: 12%;float: left;color: #fff;background: linear-gradient(#a1d3fe, #2287dd);border-radius: 50px;margin-left: 20px;font-size: 20px;-webkit-animation: ball-scale-multiple 1s 0s linear infinite alternate;animation: ball-scale-multiple 1s 0s linear infinite alternate;}
.bottomForm.form-wrap .tiaokuan{width: 100%;float: left;margin: 5px 10px 10px;}
.bottomForm.form-wrap .tiaokuan a {color: #2086dd;}

@media screen and (max-width:1000px) {
    body{line-height: 160%;font-size: 0.28rem;}

	.m1200{width: 96%;margin:0 auto;}
	.pc{display:none !important;}
	.mobile{display:block !important;}
	.title{padding-bottom: 0.2rem;}
    .title img{width: 70%;}
    .btn{width: 50%;height: 0.8rem;line-height: 0.8rem;-webkit-background-size: contain;background-size: contain;margin: 0.1rem auto;}
    .page {padding: 0.3rem 0;}
    .bg1 {background: url(../image2021/m_bg1.png) no-repeat center 40%;-webkit-background-size: contain;background-size: contain;}
    .bg2 {background: url(../image2021/m_bg2.png) no-repeat center 5%;-webkit-background-size: contain;background-size: contain;padding:0;}

	/* header */
	.header{background: url(../image2021/banner_m_bg.png) no-repeat center top;background-size: 100% auto;height: 5.8rem;padding-top:0;}
    .navTop{height: auto;line-height: 160%;padding: 0.2rem 0;}
    .navTop .m1200{width: 100%;}
    .navTop .fl {width: 20%;}
    .navTop .fl a{
      position: initial;
    }
    .navTop .fl img{width: 100%;vertical-align: top;}
    .navTop .fr {width: 80%;}
    .navTop .fr a{float: left; width: 19%; margin: 0 2%;line-height: 160%;text-align: center;font-size: 0.24rem;}
    .navTop .fr a.last{width:22%}

    .header .header_txt{width: 98%;margin: 0.6rem auto 0;}

    /* page1 */
    .page1 .con{font-size: 0.28rem;padding: 0.2rem 5%;}

	/* page2 */
	.page2 .con ul li{ width: 48%;margin: 0.4rem 1%; padding: 0.5rem 0 0.2rem;}
	.page2 .con ul li.mid{margin: 0.4rem 1%;}
	.page2 .con ul li img{top: -25px;width: 30%;}
	.page2 .con ul li div h3{font-size: 0.36rem;padding-bottom: 0.1rem;}

    /* page3 */
    .page3 .con li{width: 94%;margin: 0.1rem 3%;}
    .page3 .con li h3{font-size: 0.32rem;padding: 0.1rem 0;}
    .page3 .con li p{padding: 0.1rem 0;}

    /* page4 */
    .page4 .con li{width: 44.6%;}
    .page4 .con li h3{font-size: 0.36rem;}

    /* page6 */
    .page6{padding: 0.5rem 0 0;}
    .page6 .m1200{width: 100%;}
    .page6 .tab{padding: 0.1rem 2%;width: 92%;margin: 0 2%;position: relative;z-index:1;}
    .page6 .tab li{width: 46%;margin: 0.1rem 2%;}
    .page6 .tabTxt{margin: -2.5rem 0 0.3rem;width: 92%; padding: 2.8rem 4% 0.4rem;}
    .page6 .tabTxt div h3 {font-size: 0.32rem;}
    .page6 .tabTxt div h3 span {padding-left: 0.1rem;font-size: 0.24rem;}
    .page6 .tabTxt div p{height: auto;}
    .page6 .btn{width: 60%;height: 1rem;line-height: 1rem;}

    /* page8 */
    .page8 {padding: 0.5rem 0 0.8rem;}
    .page8 ul li{width: 48%;margin: 0.5rem 1%;padding: 0.4rem 0 0px;}
    .page8 ul li.mid {margin: 0.5rem 1%;}
    .page8 ul li h3{font-size: 0.3rem;top: -0.4rem;line-height: 0.6rem;height: 0.6rem;background: url(../image2021/m_page8.png) no-repeat center top;-webkit-background-size: contain;background-size: contain;}
    .page8 ul li p{font-size: 0.24rem;height: 0.8rem;line-height: 140%;}
    .page8 ul li a{font-size: 0.24rem;height: 0.6rem;line-height: 0.6rem;width: 60%;margin: 0.1rem auto 0.2rem;}
    .page8 ul li.last{margin: 0.5rem 25%}

	/* zxyy */
	.iconFormBlue2 .m1200{width: 94%;}
	.midForm.form-wrap .con{padding: 0.1rem 0% 0.2rem;}
	.midForm.form-wrap form .label{width: 36%;margin: 0.1rem 1%;padding-left: 11%;height: 1rem;}
	.form-wrap form .label span,
	.form-wrap form .label input,
	.form-wrap form .label select{font-size: 0.30rem;height: 1rem;line-height: 1rem;}
	.form-wrap form .label i{left: 0.2rem;}
	.form-wrap form .label i.iconDown{left:80%;}

}
.gundongtiao{
    scrollbar-arrow-color: #fff;
    scrollbar-face-color: #812997;
    scrollbar-highlight-color: #812997;
    scrollbar-shadow-color: #812997;
    scrollbar-track-color: #ddd;
    scrollbar-3dlight-color:#812997;
    scrollbar-darkshadow-color: #ddd;
    scrollbar-base-color: #812997;

}
/* chrome & safari  */
.gundongtiao::-webkit-scrollbar{
    width: 10px;
    height: 10px;
    background-color: #dddddd;
}
.gundongtiao::-webkit-scrollbar-track{
    background-color: #dddddd;
    /*border-radius: 5px;*/
}
.gundongtiao::-webkit-scrollbar-thumb{
    border-radius: 0;
    background-color: #812997;
    box-shadow: inset 0 0 5px #812997;
    /*border-radius: 5px;*/
}
.gundongtiao::-webkit-scrollbar-button{
    height: 0;
    background-color: #dddddd;
    /*border-radius: 5px;*/
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*放大*/
@-webkiet-keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.9;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.9;
  }
}
@-o-keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.9;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.9;
  }
}
@keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.9;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.9;
  }
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}