/* p{ transition:all 0.2s ease-in 0s;}
p:hover{ transform:translateY(-5px);} */
/* banner */
.header_banner{background: url(../images2021/bg1.jpg) no-repeat center top;padding:50px 0;}
.header_banner img{margin: 0 auto;display: block;}
.btn{cursor: pointer;text-align: center;transition:all 0.2s ease-in 0s;display: block;width: 200px;border-radius: 50px;margin:50px auto 0;padding:15px 70px 15px 40px;background: url(../images2021/btn_icon.png) no-repeat 88% center;background-color: #2dacb5;color:#fff;font-weight:bold;}
.btn.depblue{background-color: #31308b;}
.btn.organge{background-color: #fb793e;}
.btn:hover{color:#fff;background-position: 92% center;-moz-box-shadow:0px 4px 5px #0a777f; -webkit-box-shadow:0px 4px 5px #0a777f; box-shadow:0px 4px 5px #0a777f;}

/*nav*/
.navTopH{width: 100%;background: #31308b;}
.navigation {width: 100%;background: #31308b;z-index: 20;top: 0;right: 0;}
.navigation li {float: left;position: relative;z-index: 99;width: 11.1%;padding:20px 0;text-align: center; color: #FFF;font-size: 20px;transition: all 0.2s linear;cursor: pointer;}
.navigation li:hover,
.navigation li.current{font-weight: bold;}

/*title*/
.page{padding:40px 0;}
.title{text-align: center;padding-bottom:20px;}

/*page1*/
.page1 .tab h3{font-size:48px;line-height: 160%;text-align: center;color:#fff;background: #31308b;position: relative;float: left;width: 46%;margin:0 2%;}
.page1 .tab h3:after{content:"";width:16px;height: 16px;background: #f66929;border:4px solid #fff;position: absolute;right:-8px;top:-8px;}
.page1 .tabwrap .item{float: left;width: 46%;margin:0 2%;background:linear-gradient(#fefeff, #eeedff);padding:25px 0;height: 380px}
.page1 .tabwrap .item h4{font-size: 20px;line-height: 160%;padding:0 2% 0 10%;}
.page1 .tabwrap .item h4 img{vertical-align: middle;margin-right: 10px;}
.page1 .tabwrap .item p{color:#666;padding:0 2% 0 10%;}

.page1 .tabwrap .item ul li{border: 1px solid #d9dbfc;margin:0 5% 5px; }
.page1 .tabwrap .item ul li div{padding: 20px 0;width: 56%;}
.page1 .tabwrap .item ul li div h4{font-size: 20px;line-height:160%;padding: 0;}
.page1 .tabwrap .item ul li div p{padding: 0;}

/*page2*/
.box1{background: url(../images2021/bg2.jpg) no-repeat center top;}
.page2 .swiper-slide{float: left;width: 32.3%;}
.page2 .swiper-slide.mid{margin: 0px 1.5%;}
.page2 .item{background: url(../images2021/page2.png) no-repeat center top;position: relative;padding:60px 10px 40px 30px;height: 100px;}
.page2 .item img{position: absolute;top:13px;left:3%;}
.page2 .item  h3{font-size: 22px;margin-bottom: 10px;}
.page2 .item  h3 span{border-bottom:1px solid #f66929;}

/*page3*/
.page3{padding-top:40px;}
.page3 ul li{background: url(../images2021/page3.png) no-repeat center bottom;float: left;width: 30.3%;padding:70px 0 90px;height: 75px;color:#2e328a;text-align: center; }
.page3 ul li.mid{margin: 0px 4.5%;}

/*page4*/
.page4 .swiper-slide{width: 33.3%;float: left;}
.page4 ul li{cursor: pointer;float: left;width: 48%;text-align: center;margin: 5px 1%;height: 50px;position: relative;color:#353487;background:linear-gradient(to right,#333388,#f5692a);background:#333388\0; border-radius: 5px;}
.page4 ul li div{border-radius: 5px;background: #fff;position: absolute; top: 0;bottom: 0;left: 0;right: 0;margin: auto auto;height: 40px;width: 96%;line-height: 40px;transition:all 0.1s ease-in 0s;}
.page4 ul li:hover div{background: linear-gradient(to right,#333388, #f5692a);color:#fff;background:#333388\0;}

/*biaodan*/
.biaodan{background: url(../images2021/bg3.jpg) repeat-y;padding:40px 0;}
.biaodan .m1200{background:;padding:20px 0;border-radius: 10px;background-image: linear-gradient(#d6d6d6, #f4f4f4 ,#d6d6d6);}
.biaodan .form-wrap{width: 70%;}
.biaodan .form-wrap form .label{border:1px solid #b5b5b5}
.biaodan .form-wrap .xdf_formbtn{background: #f66929;}
.biaodan .tiaokuan{color:#333;}
.biaodan .tiaokuan a{color: #f56827}

/*page5*/
.page5 ul li{float: left;width: 25%;text-align: center;height: 130px;background: #f66929;color:#fff;padding:20px 0;}
.page5 ul li.tworow{background: #2e328a;}
.page5 ul li.isPc{padding:0;height: 170px;}
.page5 ul li div{border-right:1px solid #fff;}
.page5 ul li.tworow div{padding:20px 0;}
.page5 ul li.last div{border-right:none;}

/*page6*/
.page6 ul{background: url(../images2021/page6.png) no-repeat center 146px;}
.page6 ul li{float: left;width: 23%;margin:0px 1%;color: #2e328a;position: relative;}
.page6 ul li b{line-height:150%;font-size: 120px;color:#fcd9c9;font-family: "Impact","Microsoft YaHei";display: block;text-align: center;background: url(../images2021/page6_dot.png) no-repeat center 86%;}
.page6 ul li h3{position: absolute;top:85px;font-size: 24px;background: #fff;text-align: center;width: 100%}
.page6 ul li p{border:1px dashed #2e328a;border-radius: 10px;padding:10px 5%;}
.page6 ul li.ml14{margin-left: 14%;}

/*page7*/
.page7{background:url(../images2021/bg4.jpg) no-repeat center top;}
.page7 .content{text-align: center;}
.page7 .tabletitle li{background: #2e328a;font-weight: bold;font-size: 30px;padding:20px 0;float: left;color:#fff;}
.page7 .tab0{width: 15%}
.page7 .tab1{width: 23%}
.page7 .tab2{width: 24%}
.page7 .tab3{width: 23%}
.page7 .tab4{width: 15%}
.page7 .tab5{width: 24%}
.page7 .tab6{width: 14%}
.page7 .tableWrap{height: 630px;overflow-y:auto; }
.page7 .tableWrap li{background: #fff;padding:10px 0;}
.page7 .tableWrap li.even{background: #f0f0ff}
.page7 .tableWrap li p{float: left;}

/*page8*/
.page8 ul li{float: left;width: 25.3%;background: url(../images2021/page8.png) no-repeat center top;padding:38px 0 38px 5%;transition:all 0.2s ease-in 0s;border-radius: 18px;}
.page8 ul li.mid{margin: 0 4.5%;}
.page8 ul li a{color:#fff;display: block;}
.page8 ul li h3{font-size: 28px;padding-bottom:10px;}
.page8 ul li p span{color:#fb793e;}
.page8 ul li:hover{-moz-box-shadow:0px 0px 10px #974148; -webkit-box-shadow:0px 0px 10px #974148; box-shadow:0px 0px 10px #974148;transform:translateY(-5px);}

/*qt_bottomlink*/
.qt_bottomlink{background: url(../images2021/bg5.jpg) no-repeat center top;-webkit-background-size:cover;background-size:cover;}
.qt_bottomlink .swiper-slide{float: left;width:32.6% }
.qt_bottomlink .swiper-slide.mid{margin:0 1%; }
.qt_bottomlink .swiper-slide ul li{margin: 10px 0;padding:20px 5%;background:#ffffff; }
.qt_bottomlink .swiper-slide ul li a:hover{text-decoration: underline;}
.qt_bottomlink .swiper-slide ul li h3{font-size: 18px;color:#32318f;padding-bottom:10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 160%;}
.qt_bottomlink .swiper-slide ul li img{float:left;width: 45%;height: auto;margin:0 5px 0px 0;}
.qt_bottomlink .swiper-slide ul li p{font-size: 14px;color: #666;line-height: 140%;}
.qt_bottomlink .swiper-slide ul li p span{color:#32318f;}

.xdf_slide .xdf_slidebtn{bottom:30px;}
.xdf_bottomForm.form-wrap form .label{width:20%;}

@media screen and (max-width:1000px) {
	.m1200{width: 98%}
	.page {padding: 0.4rem 0;}

  /* banner */
  .header_banner{background: url(../images2021/m_bg1.jpg) no-repeat center top;    padding: 0.5rem 0;}
  .header_banner img{width: 92%;margin-bottom:0.5rem;}
  .btn{width: 50%;padding: 0.2rem 14% 0.2rem 6%;margin: 0.2rem auto 0;}

  .title img{width: 120%;margin-left: -10%;}

  .page1 .tab h3{font-size: 0.34rem;padding: 0.2rem 0;opacity: 0.6;}
  .page1 .tab h3.hover{opacity: 1;}
  .page1 .tabwrap .item{width: 96%;display: none;padding: 0.2rem 0;height: auto;}
  .page1 .tabwrap .item.hover{display: block;}
  .page1 .tabwrap .item h4{font-size: 0.3rem;}
  .page1 .tabwrap .item h4 img{vertical-align: top;margin-right: 6px;width: 0.4rem;}
  .page1 .tabwrap .item ul li{position: relative;overflow: hidden;}
  .page1 .tabwrap .item ul li .fl{position: absolute;left: -46%;}
  .page1 .tabwrap .item ul li div{width: 76%;}

  .page2 .m1200{width: 100%}
  .page2 .item{padding: 60px 10px 10px 20px;background: url(../images2021/m_page2.png) no-repeat center top;background-size: 100% 100%;}
  .page2 .item img{top: 0.2rem;}
  .page2 .swiper-container{padding-bottom: 0.6rem;}
  .page2 .swiper-slide{width: 80%}

  .page3 {padding-top: 0.4rem;}
  .page3 ul li{width: 100%;background: url(../images2021/m_page3.png) no-repeat center bottom; padding: 0.2rem 0;height:auto;}
  .page3 ul li.mid{margin: 0px;}

  .page4 .swiper-container{padding-bottom: 0.8rem;}
  .page4 .swiper-slide{width: 100%;}

  .page5 ul li{width: 50%; height: 90px;}
  .page5 ul li.last{ border-top: 1px solid #fff;height: 89px;}
  .page5 ul li.tworow div{padding: 12px 0;}

  .page6 .content{background: url(../images2021/m_page6.png) no-repeat center 0.3rem;background-size: 100% 100%;}
  .page6 ul{background: none}
  .page6 ul li{width: 45%;margin: 0px 2%;}
  .page6 ul li b{display: inline-block;padding-right: 0.2rem;font-size: 0.3rem;background: none;}
  .page6 ul li h3{position: relative;top:0;font-size: 0.3rem;background: url(../images2021/page6_dot.png) no-repeat center bottom;padding-bottom: 0.2rem;}
  .page6 ul li p{padding: 0.1rem 5%;margin: 0.2rem 0;}
  .page6 ul li.ml14 {margin-left: 25%;}

  .swiper-pagination-bullet-active {opacity: 1;background: #323488;}

  .duanxin{width: 50% !important}
  .leyuMobile{width: 50% !important;border-right: none;}
  .adviceBtn{display: none;}
}

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


.gundongtiao{
    scrollbar-arrow-color: #fff;
    scrollbar-face-color: #fb793e;
    scrollbar-highlight-color: #fb793e;
    scrollbar-shadow-color: #fb793e;
    scrollbar-track-color: #ddd;
    scrollbar-3dlight-color:#fb793e;
    scrollbar-darkshadow-color: #ddd;
    scrollbar-base-color: #fb793e;
}
/* 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: #fb793e;
    box-shadow: inset 0 0 5px #fb793e;
    border-radius: 5px;
}
.gundongtiao::-webkit-scrollbar-button{
    height: 0;
    background-color: #dddddd;
    /*border-radius: 5px;*/
}