body{ position:relative;}
.boot-page{ width:100%; background:url(../img/home/bj.jpg) no-repeat;float:left;background-size: cover;background-position: top center ;}
body a{transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.slow{-webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.slower{-webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.slowest{-webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.slowesb{-webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.slowesd{-webkit-animation-duration: 3.5s; animation-duration: 3.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.s15{-webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.s16{-webkit-animation-duration: 1.6s; animation-duration: 1.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.s17{-webkit-animation-duration: 1.7s; animation-duration: 1.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.s18{-webkit-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.s19{-webkit-animation-duration: 1.9s; animation-duration: 1.9s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.s20{-webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.s21{-webkit-animation-duration: 2.1s; animation-duration: 2.1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes fadeInUp{0%{opacity: 0; -webkit-transform: translateY(200px);} 50%{opacity: 0.3;} 100%{opacity: 1; -webkit-transform: translateY(0);}}
@keyframes fadeInUp{0%{opacity: 0; transform: translateY(200px);} 50%{opacity: 0.3;} 100%{opacity: 1; transform: translateY(0);}}
.fadeInUp{ -webkit-transform: translateY(200px); transform: translateY(200px);}
.fadeInUp.go{-webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
@-webkit-keyframes fadeIn-right{0%{opacity: 0; -webkit-transform: translateX(200px);} 50%{opacity: 0.3;} 100%{opacity: 1; -webkit-transform: translateX(0);}}
@keyframes fadeIn-right{0%{opacity: 0; transform: translateX(200px);} 50%{opacity: 0.3;} 100%{opacity: 1; transform: translateX(0);}}
.fadeIn-right{opacity: 0; -webkit-transform: translateX(200px); transform: translateX(200px);}
.fadeIn-right.go{-webkit-animation-name: fadeIn-right; animation-name: fadeIn-right;}
@-webkit-keyframes fadeIn-left{0%{opacity: 0; -webkit-transform: translateX(-200px);} 50%{opacity: 0.3;} 100%{opacity: 1; -webkit-transform: translateX(0);}}
@keyframes fadeIn-left{0%{opacity: 0; transform: translateX(-200px);} 50%{opacity: 0.3;} 100%{opacity: 1; transform: translateX(0);}}
.fadeIn-left{opacity: 0; -webkit-transform: translateX(-200px); transform: translateX(-200px);}
.fadeIn-left.go{-webkit-animation-name: fadeIn-left; animation-name: fadeIn-left;}
@keyframes moving{0%{bottom: 40px;opacity: 0;} 50%{opacity: 1;} 100%{bottom: 20px;opacity: 0;}}
@-webkit-keyframes moving{0%{bottom: 80px;opacity: 0;} 50%{opacity: .6;} 100%{bottom: 20px;opacity: 0;}}
.moving{-webkit-animation: moving 1.5s infinite;animation: moving 1.5s infinite;position:absolute;bottom: 20px;height: 40px;width: 40px; color:#8ec2e6; font-size:40px;background-position: center center;background-repeat: no-repeat;background-size: 50%;left: 50%;z-index: 3;}
.large-header{-webkit-animation-name: large-header;-moz-animation-name: large-header;-o-animation-name: large-header;animation-name: large-header;}
@-webkit-keyframes large-header{0%{opacity: 0;}100%{opacity: 1;}}
@-moz-keyframes large-header{0%{opacity: 0;}100%{opacity: 1;}}
@-o-keyframes large-header{0%{opacity: 0;}100%{opacity: 1;}}
@keyframes large-header{0%{opacity: 0;}100%{opacity: 1;}}


.logo-dq{ width:490px; margin-top:60px; font-size:14px; font-weight:normal; line-height:24px;}
.logo-dq img{ float:left; margin-right:10px; }

.logo-txt{ width:100%; margin-top:40px; font-size:24px; color:#019a16; margin-bottom:60px; font-weight:normal; line-height:24px; text-align:center;}

.dq-enter li{ width:220px; float:left; margin:20px 0 0 46px;}

.mgc{background:url(../img/home/mhc-bj.png) no-repeat;}
.sty{background:url(../img/home/sty-bj.png) no-repeat;}
.txt{background:url(../img/home/txt-bj.png) no-repeat;}
.sq{background:url(../img/home/sq-bj.png) no-repeat;}
.box-bd{ width:220px; height:250px;  text-align:center;}
.box-bd li:a{transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.dq-enter p{ float:left; line-height:20px;}
.boot-page .copyright{width:100%; text-align:center;
float:left; margin-top:100px; padding-bottom:40px;}
.boot-page .copyright span{font-family:"Arial"; font-size:14px; }


.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}
	@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}