/** 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,i{ margin:0; padding:0;font-style: normal;font-weight: normal;}
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:#000103; position: relative;    overflow-x: hidden;}
.fl{float:left;}
.fr{float:right;}
.pc{display:block;}
.mobile{display:none !important;}
.m1200{width:1200px;margin:0 auto;overflow: hidden;position: relative;}
/*顶部导航*/
.navTop {background:url(../image2021/navbg.png) repeat;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 4%;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.jpg) no-repeat center top;}
.header .header_txt{margin: 0 auto;margin-top:112px;display: block;}
/**nav**/
#nav{width: 100%;z-index:6;height: 0px;padding-top: 35px;}
/* height: 73px; margin-bottom: 60px;*/
#nav .m1200{border-bottom: 4px solid #00f6ff;}
#nav .m1200.act{position: fixed;top:0;left:50%;margin-left: -600px;z-index: 99;border: 0;}
#nav .m1200 ul{width: 75.4%;margin:0 auto;}
#nav .m1200 ul li{width: 50%;*width: 49%;}
#nav a{font-size: 30px;width:66.29%;padding: 22px 0;color:#666666;background: #ffffff;display: block;
  text-align: center;align-items: center;cursor: pointer;margin-bottom: 1px;}
#nav a:hover{background:url(../image2021/liBtnH.png) no-repeat;background-size: 100% 100%;color: #ffffff;}
#nav a.act{background:url(../image2021/liBtnH.png) no-repeat;background-size: 100% 100%;color: #ffffff;}
.tabCon ul li{display: none;}
.tabCon ul li.activeBlock{display: block;}
/*module1*/
.text{font-size: 20px;color: #ffffff;width: 60%;margin:0 auto 0;text-align: center;}
.module1 .tyBtn{width: 224px;font-size: 18px;color: #ffffff;margin:30px auto 40px;background: url(../image2021/tyBtn.png) no-repeat center top;text-align: center;line-height:64px;height: 64px;line-height: 64px;display: block;    -webkit-animation: ball-scale-multiple 1s 0s linear infinite alternate;
  animation: ball-scale-multiple 1s 0s linear infinite alternate;}
.module1 .lqCon .fl{width: 50%;}
.module1 .lqCon .fl h4{width: 182px;height: 104px;background: url(../image2021/h2bg1.png) no-repeat center top;line-height: 104px;text-align: center;font-size: 24px;text-shadow: 1px 2px 1px #6b4f4c;color: #ffffff;margin:0 auto 45px;}
.module1 .lqCon .lqFx h4{background: url(../image2021/h2bb.png) no-repeat center top;}
.module1 .lqCon .lqLast{width: 72%;
  margin: 0 auto;
  overflow: hidden;}
.module1 .lqCon .fl span{background: url(../image2021/lsbg1.png) no-repeat center top;width:200px;height: 70px;text-align: center;font-size: 16px;color: #ffffff;display:flex;/*实现垂直居中*/
  align-items:center;/*实现水平居中*/
  justify-content:center;margin-bottom:28px;*display: block;}
.module1 .lqCon .lqFx span{background: url(../image2021/lsbg2.png) no-repeat center top;}
.marginT{margin:0 auto;}
/*module*/
.module{width: 100%;background: url(../image2021/moduleBg.jpg) no-repeat center top;padding: 30px 0 0 0;}
.module2{margin-bottom: 50px;}
.moduBg{background: url(../image2021/moduleBg.jpg) no-repeat center top;padding: 30px 0 0 0;}
.module2 .tt{width: 173px;height: 29px;margin:0 auto 37px;}
.module2 .tt3{width: 333px;height: 29px;}
.module2 .tt4{width: 373px;height: 29px;}
.videoCon{width: 100%;background: #333333;padding:20px 0 30px 0 ;}
.videoCon p{font-size: 16px;color: #ffffff;text-align: center;}
.videoCon p i{color: #33cde5;font-weight: bold;}
.videoBg{width: 1101px;margin:0 auto;background: url(../image2021/videoBg.png) no-repeat center center;padding: 30px 0;height: 437px;}
.videoBg .videoWrapp{margin:0 auto;display: block;margin-top: 30px;width: 700px;position: relative;}
.tc1{position: absolute;top:0;left: 0;z-index: 5;width: 100%;}
.tc2{position: absolute;top:1;left:0;z-index: 4;width: 100%;}
.videoBtn{position: absolute;width: 100%;height: 100%;top:0;left:0;z-index: 6;cursor: pointer;}
.videoBtn img{width: 76px;height: 76px;margin:150px auto 0;display: block;}
.videoBtn i{display:block;text-align: center;font-size: 24px;color: #ffffff;font-weight: bold;line-height: 50px;}
.videoBg video{width: 100%;}
/* *******form-wrap****** */
.midForm.form-wrap{width: 100%;margin: 0 auto 50px;}
.midForm.form-wrap .con{padding: 10px 2%;position: relative;border:4px solid #00f6ff;border-radius: 10px;}
.midForm.form-wrap form .label{float: left;width: 34%;margin: 10px 1%;padding-left: 3%;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:#33cde5;}
.midForm.form-wrap .qt_form .qt_btn{background: url(../image2021/icon_lijiyuyue.png) no-repeat center top;position: absolute;top:0px;right:3%;width: 18.75%;height:118px;}
/* .midForm.form-wrap form .label i {background-image: url(https://liuxue.xdf.cn/special/include/imagess/form_icon_blue2.png);} */
.midForm.form-wrap form .label i.iconDown{background-image: url(../image2021/form_icon_blue3.png);background-position: center -200px;}
/* *******bottomNav****** */
.bottomNav{text-align: center;padding:30px 0;}
.bottomNav h2{color:#339fb1;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%;border-left: 1px solid #07dff0;}
.bottomNav .list.first{border:0;}
.bottomNav .list li{padding:5px 0;}
.bottomNav .list a{color:#ffffff;}
.bottomNav .list a:hover{color:#ffffff;text-decoration: underline;}
/* *******slide_form****** */
.slide_form{position: fixed;z-index: 1002;bottom:120px;left:1px;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: #4c4c4c;width: 100%;margin:0;position: fixed;bottom:0;z-index: 1001;border-top: 2px solid #898989;}
.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:30px;right:0;cursor: pointer;}
.bottomForm.form-wrap form .label{float: left;width: 13%;margin: 20px 1% 0;border-radius: 6px;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: 45%;left: 92%;background: url(../image2021/downBg.png) no-repeat;} */
.bottomForm.form-wrap form .label i.iconDown{top: 35%;left: 85%;}
.bottomForm.form-wrap .qt_form .qt_btn{width: 18%;float: left;color: #fff;background: linear-gradient(#1999ab, #345ea8);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: 8px 10px 13px;}
.bottomForm.form-wrap .tiaokuan a {color: #2086dd;}

@media screen and (max-width:1000px) {
    body{line-height: 160%;font-size: 0.28rem;padding-bottom: 1.4rem;}
    .pc{display: none;}
	  .m1200{width: 94.66%;margin:0 auto;}
	  .mobile{display:block !important;}
	  .title{padding-bottom: 0.2rem;}
    .title img{width: 70%;}
	  /* header */
	  .header{background: url(../image2021/banner_m_bg.jpg) no-repeat center top;background-size: 100% auto;padding-top:0;}
    .navTop{height: auto;line-height: 160%;padding: 0.2rem 0;}
    .navTop .m1200{width: 100%;}
    .navTop .fl {width: 20%;}
    .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: 82.1%;margin: 0.7rem auto 0;}
    /*nav*/
    #nav{height: 0rem;padding-top: 0rem;margin-bottom: 0rem;}
    /* height: 1rem; */
    #nav .m1200{border-bottom: 0.04rem solid #00f6ff;width: 100%;}
    #nav .m1200.act{margin-left: 0;transform: translate(-50%,0);}
    #nav .m1200 ul{width: 86.66%;}
    #nav a{font-size: 0.3rem;width:92.3%;padding: 0.22rem 0;color:#666666;background: #ffffff;display: flex;justify-content: center;align-items: center;cursor: pointer;margin-bottom:0.01rem;}
    #nav a:hover{ color: #666666;background: #ffffff;}
    #nav a.act {background: url(../image2021/liBtnH.png) no-repeat;background-size: 100% 100%;color: #ffffff;}
    /*module*/
    .text {font-size: 0.24rem;color: #33cde5;width:100%;margin: 0 auto 0;text-align: left;}
    .module1 .tyBtn{width: 41%;
    height: 0.85rem;
    line-height: 0.85rem;
    -webkit-background-size: contain;
    background-size: contain;
    margin: 0.48rem auto 0.3rem;font-size: 0.24rem;display: block;}
    .module1 .lqCon .fl{width: 100%;}
    .module1 .lqCon .fl h4{width: 2.1rem;height: 1.2rem;font-size: 0.3rem;background-size: 100% 100%;line-height: 1.2rem;margin: 0 auto 0.3rem;}
    .module1 .lqCon .fl span{    width: 42.59%;height: 0.8rem;background-size: 100% 100%;font-size: 0.24rem;line-height: 0.3rem;margin-bottom: 0.2rem;}
    .moduBg{padding: 0.4rem 0 0 0;background-size:auto auto;background-position-x: 58%;}
    .module2{margin-bottom: 0.3rem;}
    .module2 .tt{width: 1.73rem;height: 0.3rem;margin: 0 auto 0.35rem;}
    .module2 .tt img{width: 100%;display: block;}
    .module2 .tt3{width: 3.33rem;height: 0.29rem;}
    .module2 .tt4{width: 3.83rem;height: 0.29rem;}
    .module2 .m1200{width: 100%;}
    .videoCon{padding: 0.25rem 0 0.2rem 0;}
    .videoCon p{width: 94.6%;font-size: 0.24rem;text-align: left;margin:0 auto;line-height: 0.4rem;}
    .videoBg{width: 94.6%;margin:0.3rem auto 0;background: url(../image2021/mvideoBg.png) no-repeat;background-size: 100% 100%;height: 4.42rem;padding: 0;overflow: hidden;}
    .videoBg .videoWrapp{width: 6.5rem;margin-top: 0.4rem;}
    .videoBtn img{width: 0.74rem;height: 0.74rem; margin: 1.5rem auto 0;}
    .videoBtn i{font-size: 0.22rem;line-height: 0.4rem;}
    /* wap提交表单 */
    .mobile.form-wrap{z-index: 0;padding: 0 0 0.48rem ;width: 100%;margin-top: 0.45rem;}
    .mobile.form-wrap .title img{width:100%}
    .mobile.form-wrap .con{padding: 0.2rem 0% 0rem 0%;
      border: 0.04rem solid #00f6ff;
      border-radius: 0.2rem;}
    .mobile.form-wrap form .label{width: 36%;margin: 0.1rem 2%;float: left;border: none;background: #fff;padding-left: 10%;-moz-box-shadow: 0px 0.1rem 0.1rem #e09494;-webkit-box-shadow: 0px 0rem 0.05rem #e9e9e9;box-shadow: 0px 0rem 0.05rem #e9e9e9;height: 0.8rem;line-height: normal;}
    .mobile.form-wrap form .label i{top: 20%;left: 5%;-webkit-transform: scale(0.8);transform: scale(0.8);}
    .mobile.form-wrap form .label i.iconDown{top: 30%;left: 80%;}
    .mobile.form-wrap form .label span,
    .mobile.form-wrap form .label input,
    .mobile.form-wrap form .label select{font-size: 0.28rem;    padding: 0.2rem 0 0 0;line-height: normal;}
    .mobile.form-wrap .qt_form .qt_btn{font-size: 0.3rem;width: 100%;background: url(../image2021/icon_lijiyuyue.png) no-repeat center top;-webkit-background-size: auto 100%;background-size: auto 100%; margin: 0.1rem 2%;height: 1.18rem;-webkit-animation: ball-scale-multiple 1s 0s linear infinite alternate;-o-animation: ball-scale-multiple 1s 0s linear infinite alternate;animation: ball-scale-multiple 1s 0s linear infinite alternate;}
    .mobile.form-wrap .tiaokuan{color: #ffffff;padding-left: 2%}
    .mobile.form-wrap .tiaokuan a{color:#33cde5;}
    .mobile.form-wrap .tiaokuan .checked.active{background: url(https://liuxue.xdf.cn/images/form_checked.png) no-repeat center top;}
    .mobile.form-wrap .tiaokuan .checked{background: url(https://liuxue.xdf.cn/images/form_checked2.png) no-repeat center top;}

}
/*放大*/
@-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;
}