@charset "gb2312";
/* CSS Document */
body,html{min-width:1200px;max-width:100%;margin:0 auto;-moz-transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;}
body,h1,h2,h3,h4,h5,h6,hr,blockquote,dl,dd,ul,ol,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;color:#333333;font-weight: 300; }
body{font-size:14px;font-style:normal;background:#FFFFFF;font-family:"微软雅黑";}
img{border:0;}
ul,li{list-style:none;}
a,a:hover{text-decoration:none;}
.text_over_hide{overflow:hidden;white-space:nowrap;text-overflow:hidden;}
/* 初始�?*/
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	margin: 0;
	padding: 0;
	border: none;
}
img {
	height: auto;
	width: auto\9; /* ie8 */
	-ms-interpolation-mode: bicubic;/*为了照顾ie图片缩放失真*/
	display:block
}
body{ overflow-x:hidden;}
.fl{float:left;}
.fr{float:right;}
 .clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden;}
 .clearfix{zoom:1;}
 *html .clearfix{height:1%;}
.wrap{ width:1200px; margin:0 auto;}
.re{position: relative;}
.ab{position: absolute;}
.translateXY {-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.translateX {-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.translateY {-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.zt_an{animation: hover 3s linear infinite;}
.zt_fade{animation: fadeIn-t 2s linear infinite;}
.zt_whole a{display: block;}
.zt_box{width: 1100px;margin:0 auto;}
.zt_banner{height: 800px;background: url(../images/banner_bj.jpg) no-repeat top center; }
.zt_banner .zt_box{position: relative;}
.banner_box{position: absolute;top: 220px;right: -10px;}
.banner_box img,.zt_bt img,.zt1_an img{display: block;margin: 0 auto;}
.banner_box a{margin-top: 30px;}
.zt_1{height: 600px;background: url(../images/zt1_bj.jpg) no-repeat top center;}
.zt1_box{width: 820px;margin: 0 auto;padding-top: 140px;}
.zt1_box_bd{height: 374px !important;}
.zt1_box_hd{overflow: hidden;width: 55px;margin: 40px auto 0;}
.zt1_box_hd li{width: 16px;height: 17px;margin: 0 5px;background: url(../images/zt1_icon.jpg) no-repeat;float: left;}
.zt1_box_hd li.on{background: url(../images/zt1_icon1.jpg) no-repeat;}
.zt_2{height: 593px;background: url(../images/zt2_bj.jpg) no-repeat top center;padding-top: 225px;}
.zt_2 ul{overflow: hidden;width: 645px;margin: 60px auto 5px;}
.zt_2 ul li{float: left;margin: 0 33px;}
.zt_top{height: 124px;background: url(../images/zt_top.jpg) no-repeat top center;}
.zt_top ul{width: 1100px;margin: 0 auto;}
.zt_top ul li{width: 183.33px;float: left;line-height: 130px;font-size: 24px;color: #fff;text-align: center;text-shadow:5px 2px 6px #000;}
// .zt_top ul li.current{color: #fff6e1;}

.box1_1{width:100%;height:868px; background:url(../images/box1_1.jpg) no-repeat center center;margin:0 auto}
.box1_2{width:100%;height:868px; background:url(../images/box1_2.jpg) no-repeat center center;margin:0 auto}
.box1_3{width:100%;height:869px; background:url(../images/box1_3.jpg) no-repeat center center;margin:0 auto}
.box1_4{width:100%;height:868px; background:url(../images/box1_4.jpg) no-repeat center center;margin:0 auto}
.box1_5{width:100%;height:868px; background:url(../images/box1_5.jpg) no-repeat center center;margin:0 auto}
.box1_6{width:100%;height:868px; background:url(../images/box1_6.jpg) no-repeat center center;margin:0 auto}
.box1_7{width:100%;height:869px; background:url(../images/box1_7.jpg) no-repeat center center;margin:0 auto}
.box1_8{width:100%;height:868px; background:url(../images/box1_8.jpg) no-repeat center center;margin:0 auto}
.box1_9{width:100%;height:868px; background:url(../images/box1_9.jpg) no-repeat center center;margin:0 auto}
.box1_10{width:100%;height:868px; background:url(../images/box1_10.jpg) no-repeat center center;margin:0 auto}
.box1 a{ display:block;width:1300px;height:868px;margin:0 auto;}

.box2_1{width:100%;height:869px; background:url(../images/box1_11.jpg) no-repeat center center;margin:0 auto}
.box2_2{width:100%;height:868px; background:url(../images/box1_12.jpg) no-repeat center center;margin:0 auto}
.box2_3{width:100%;height:868px; background:url(../images/box1_13.jpg) no-repeat center center;margin:0 auto}
.box2_4{width:100%;height:868px; background:url(../images/box1_14.jpg) no-repeat center center;margin:0 auto}
.box2_5{width:100%;height:869px; background:url(../images/box1_15.jpg) no-repeat center center;margin:0 auto}
.box2_6{width:100%;height:868px; background:url(../images/box1_16.jpg) no-repeat center center;margin:0 auto}
.box2_7{width:100%;height:868px; background:url(../images/box1_17.jpg) no-repeat center center;margin:0 auto}
.box2_8{width:100%;height:868px; background:url(../images/box1_18.jpg) no-repeat center center;margin:0 auto}
.box2_9{width:100%;height:869px; background:url(../images/box1_19.jpg) no-repeat center center;margin:0 auto}
.box2_10{width:100%;height:868px; background:url(../images/box1_20.jpg) no-repeat center center;margin:0 auto}

.box2 a{ display:block;width:1300px;height:868px;margin:0 auto;}

.box3_1{width:100%;height:868px; background:url(../images/box1_21.jpg) no-repeat center center;margin:0 auto}
.box3_2{width:100%;height:868px; background:url(../images/box1_22.jpg) no-repeat center center;margin:0 auto}
.box3_3{width:100%;height:869px; background:url(../images/box1_23.jpg) no-repeat center center;margin:0 auto}
.box3_4{width:100%;height:868px; background:url(../images/box1_24.jpg) no-repeat center center;margin:0 auto}
.box3_5{width:100%;height:868px; background:url(../images/box1_25.jpg) no-repeat center center;margin:0 auto}


.box3 a{ display:block;width:1300px;height:868px;margin:0 auto;}

//animation: hover 3s linear infinite;
@-webkit-keyframes hover{
    0%,100%{-webkit-transform:translateY(0)}
    20%,70%{-webkit-transform:translateY(-5px)}
    40%,60%{-webkit-transform:translateY(0)}
}
@keyframes hover{
    0%,100%{transform:translateY(0)}
    20%,70%{transform:translateY(-5px)}
    40%,80%{transform:translateY(0)}
}
// animation: fadeIn-t 2s linear infinite;
@keyframes fadeIn-t {
  0% {
    transform: scale(0.9);
    opacity: 1;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.9);
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn-t {
  0% {
    -webkit-transform: scale(0.9);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.9);
    opacity: 1;
  }
}
.hover{ -webkit-animation: hove 2s linear infinite; animation: hove 2s linear infinite;}
@-webkit-keyframes hove {
    0%,100% {
        -webkit-transform: translateY(0);
    }
    20%,70% {
        -webkit-transform: translateY(-5px);
    }
    40%,60% {
        -webkit-transform: translateY(0);
    }
}
@keyframes hove {
      0%,100% {
          transform: translateY(0);
      }
      20%,70% {
          transform: translateY(-5px);
      }
      40%,80% {
          transform: translateY(0);
      }
  }