@charset "UTF-8";
/* img */
.img_box img {
  width: 100%;
  height: 100%; }

.hide {
  display: none !important; }

.text_purple {
  color: #7b73d9 !important; }

.bg_white {
  background-color: #7b73d9 !important; }

.text_purple2 {
  color: #5643ab !important; }

.text_blue9 {
  color: #006298 !important; }

.text_green {
  color: #d7ff65 !important; }

.bg_green {
  background-color: #d7ff65 !important; }

.text_white {
  color: #fff !important; }

.bg_white {
  background-color: #fff !important; }

/*color*/
.text_gary {
  color: #929292 !important; }

.bg_gary {
  background-color: #929292 !important; }

.text_red {
  color: #c60900 !important; }

.bg_white {
  background-color: #c60900 !important; }

/* 新使用 */
.text_blue10 {
  color: #009cff !important; }

.bg_blue10 {
  background-color: #009cff !important; }

.text_yellow {
  color: #ffea00 !important; }

.bg_yellow {
  background-color: #ffea00 !important; }

.text_orange {
  color: #e35b00 !important; }

.bg_orange {
  background-color: #e35b00 !important; }

.text_black {
  color: #260200 !important; }

.bg_black {
  background-color: #260200 !important; }

/* 动效 */
@keyframes slideDowm {
  0% {
    max-height: 0; }
  100% {
    max-height: 800px; } }
@keyframes slideDowm_1 {
  0% {
    top: -629px; }
  100% {
    top: -165px; } }
@keyframes floats {
  0% {
    transform: translateY(0px); }
  50% {
    transform: translateY(10px); }
  to {
    transform: translateY(0px); } }
@keyframes floatsX {
  0% {
    transform: translateX(-30px); }
  50% {
    transform: translateX(15px); }
  to {
    transform: translateX(-30px); } }
/* 放大 */
@keyframes scale_1 {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }
@keyframes scale_x_1 {
  0% {
    transform: scaleX(1); }
  40% {
    transform: scaleX(1.2); }
  100% {
    transform: scaleX(1); } }
@keyframes scale_x_2 {
  0% {
    transform: scaleX(1); }
  60% {
    transform: scaleX(0.8); }
  100% {
    transform: scaleX(1); } }
@keyframes chuizi {
  0% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }
  30% {
    -moz-transform: rotate(-24deg);
    -ms-transform: rotate(-24deg);
    -webkit-transform: rotate(-24deg);
    transform: rotate(-24deg); }
  100% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); } }
@keyframes goto {
  0% {
    transform: translateY(-5px); }
  50% {
    transform: translateY(5px); }
  100% {
    transform: translateY(-5px); } }
@keyframes goto_s {
  0% {
    transform: translateY(-1px); }
  50% {
    transform: translateY(1px); }
  100% {
    transform: translateY(-1px); } }
/* 翻转 */
@keyframes overturn {
  0% {
    transform: rotateY(0deg); }
  100% {
    transform: rotateY(720deg); } }
/* 翻转 1 */
@keyframes overturn_1 {
  0% {
    transform: rotateY(0deg); }
  100% {
    transform: rotateY(180deg); } }
@keyframes opacity_show {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/* header	*/
.dj-head {
  position: relative;
  overflow: hidden;
  height: 900px; }

/* 图片 */
.dj-head {
  /* 背景 */
  /* 高度无法整除 */
  /* 遮蔽层 */
  /* .dj-head-layer{
  	background: url(../images/head/bg_layer_bg.png) repeat-x center 80px;
  
  	.dj-head-layer-full{
  		background: url(../images/head/bg_layer_full.png) no-repeat center top;
  	}
  	.dj-head-layer-bg{
  		background: url(../images/head/bg_layer.png) no-repeat center top;
  	}
  } */ }
  .dj-head .dj-head-full-bg1 {
    background: url(../images/head/bg_head_full_01.png) no-repeat center top; }
  .dj-head .dj-head-full-bg2 {
    background: url(../images/head/bg_head_full_02.png) no-repeat center 450px; }
  .dj-head .dj-head-bg1 {
    background: url(../images/head/bg_head_01.png) no-repeat center top;
    height: 225px; }
  .dj-head .dj-head-bg2 {
    background: url(../images/head/bg_head_02.png) no-repeat center top;
    height: 225px; }
  .dj-head .dj-head-bg3 {
    background: url(../images/head/bg_head_03.png) no-repeat center top;
    height: 225px; }
  .dj-head .dj-head-bg4 {
    background: url(../images/head/bg_head_04.png) no-repeat center top;
    height: 225px; }
  .dj-head .s_boat {
    background: url(../images/head/s_boat.png); }
  .dj-head .s_spindrift {
    background: url(../images/head/s_spindrift.png);
    z-index: 2; }

/* 元素图片 */
.dj-head {
  /* 因为标语带有黑色背景 无法取出*/ }
  .dj-head .dec {
    font-size: 0; }
  .dj-head .d_slogan {
    background: url(../images/head/d_slogan.png) no-repeat center top; }
  .dj-head .dj-logo {
    background: url(../images/head/_logo.png) no-repeat center top; }
  .dj-head .dj-link-1 {
    background: url(../images/head/link-1.png) no-repeat center top; }
    .dj-head .dj-link-1:hover {
      background: url(../images/head/link-1_h.png) no-repeat center top; }
  .dj-head .dj-link-2 {
    background: url(../images/head/link-2.png) no-repeat center top; }
    .dj-head .dj-link-2:hover {
      background: url(../images/head/link-2_h.png) no-repeat center top; }
  .dj-head .dj-link-3 {
    background: url(../images/head/link-3.png) no-repeat center top; }
    .dj-head .dj-link-3:hover {
      background: url(../images/head/link-3_h.png) no-repeat center top; }

/* 位置 */
.dj-head {
  /* logo */
  /* 时间 */
  /* 遮蔽层 */
  /* .dj-head-layer{
  	top: 580px;
  	height:658px;
  	z-index: 3;
  	.dj-head-layer-full,.dj-head-layer-full-all,.wrap,.dj-head-layer-bg{
  		height: 100%;
  	}
  } */ }
  .dj-head .dec,
  .dj-head .dj-logo, .dj-head .dj-time, .dj-head .dj-link_btn,
  .dj-head .dj-head-layer, .dj-head .scene {
    position: absolute;
    width: 100%;
    top: 0; }
  .dj-head .dec,
  .dj-head .dj-logo, .dj-head .dj-time, .dj-head .dj-link_btn {
    left: 50%; }
  .dj-head .dj-logo {
    margin-left: -495px;
    top: 15px;
    width: 167px;
    height: 124px; }
  .dj-head .dj-time {
    margin-left: -204px;
    top: 275px;
    width: 408px;
    height: 36px;
    background: url(../images/head/_time.png) no-repeat center top;
    text-align: center;
    font: 700 16px/33px "Microsoft YaHei";
    color: #d2fffd; }
  .dj-head .dj-link_btn {
    top: 330px;
    width: 89px;
    height: 232px;
    font-size: 0;
    transition: all .3s;
    animation: floats 3s ease-in-out infinite; }
    .dj-head .dj-link_btn.dj-link-1 {
      margin-left: -194px; }
    .dj-head .dj-link_btn.dj-link-2 {
      animation-delay: 1s;
      margin-left: -40px; }
    .dj-head .dj-link_btn.dj-link-3 {
      animation-delay: .5s;
      margin-left: 114px; }
    .dj-head .dj-link_btn.dj-link-1:hover, .dj-head .dj-link_btn.dj-link-2:hover, .dj-head .dj-link_btn.dj-link-3:hover {
      animation-delay: 0s;
      animation: none; }
  .dj-head .dj-link {
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: 362px; }
    .dj-head .dj-link .a1, .dj-head .dj-link .a2 {
      display: block;
      float: left;
      width: 102px;
      height: 35px;
      font: 500 14px/38px "Microsoft YaHei";
      color: #fff;
      transition: color .3s;
      text-align: center;
      background: url(../images/head/link-4.png) no-repeat center top; }
      .dj-head .dj-link .a1:hover, .dj-head .dj-link .a2:hover {
        color: #ffea00; }
  .dj-head #scene {
    position: absolute;
    left: 50%;
    margin-left: -960px;
    top: 0;
    max-width: 1920px;
    min-width: 1000px;
    z-index: 2; }
    .dj-head #scene .layer {
      position: absolute;
      top: 0;
      left: 0; }
    .dj-head #scene .layer.s_boat {
      *zoom: 1;
      vertical-align: top;
      line-height: 0;
      width: 1920px;
      height: 900px; }
    .dj-head #scene .layer.s_spindrift {
      *zoom: 1;
      vertical-align: top;
      line-height: 0;
      width: 2050px;
      height: 950px;
      margin-left: -32.5px; }
  .dj-head .dj-head-top {
    z-index: 3; }


.mod--zzjsq {
  margin: 0 auto;
  position: absolute;
  bottom: 42px;
  text-align: center;
  left: 50%;
  margin-left: -500px;
  width: 1000px;
  font: 500 14px/18px "Microsoft YaHei";
  color: #003861;
  z-index: 3; }

body .my_footer {
  margin-top: 0; }

body .view {
  position: relative; }