@charset "UTF-8";

body{ font-size:16px;  background:#fefeff url(big-bg.jpg) no-repeat top center;}
/*-----layout CSS-----*/
ul,ul li,.col,.hd,h2,.bd,.menu,.clear{ overflow:hidden; zoom:1; }

/*公共样式*/
.wrapper{width: 100%;}


/*------------------------头部 start--------------------------*/
.header-box{height: 880px;}
.header{ width:1200px; margin:0 auto;}

/*------------------------内容 start--------------------------*/
.cont-wrap{ background:url(allBg01.png) repeat-y top center;}
.content{width:1200px; margin:0 auto; padding-top:30px;}

/*宽度1200*/
.w1200{width:1200px; margin:0 auto;}

/*头图*/
.flower{right: 0;top: 0;   display:none;  animation: left-bg 4s both linear infinite ; transform-origin: top left;}
.top-title{top:96px; left: 50%; margin-left:-122px; }
.scale-in-center {
    -webkit-animation: scale-in-center 2.5s cubic-bezier(0.250, 0.460, 0.450, 0.940)  both;
            animation: scale-in-center 2.5s cubic-bezier(0.250, 0.460, 0.450, 0.940)  both;
}

.bird-l{top:240px; left: 400px;}
.slide-in-fwd-tl {
    -webkit-animation: slide-in-fwd-tl 3s cubic-bezier(.55,.09,.68,.53) 3.5s both;
            animation: slide-in-fwd-tl 3s cubic-bezier(.55,.09,.68,.53) 3.5s both;
}
.slide-in-fwd-br {
    -webkit-animation: slide-in-fwd-br 3s  cubic-bezier(0.250, 0.460, 0.450, 0.940) 4.5s both;
            animation: slide-in-fwd-br 3s  cubic-bezier(0.250, 0.460, 0.450, 0.940) 4.5s both;
}
.bird-r{top:340px; right:310px;}
.sun{    top: 198px;    left: 162px;}
.slide-in-fwd-sun{
    -webkit-animation: slide-in-fwd-sun 3s linear 2s both;
            animation: slide-in-fwd-sun 3s linear 2s both;
}
.sun-topcl{top: 230px;    left: -120px;}
.cloud{top:0px; left:0px;}
.cloud1{position:absolute;top:0px;left:0px;width:100%;height:100%;background:url("cloud1.png") no-repeat;z-index:1;opacity:0.8;}     
#cloud2{z-index:3;}


/*右侧文字列表视频焦点图-----*/
.hot-News-switch { position: relative; }

.hot-News-switch .bd { display: none; }

.hot-News-switch .bd:first-child { display: block; }

.hot-News-switch .thumb { width: 71.42857%; height: 483px; overflow: hidden; display: none; background-color: #000; }

.hot-News-switch .thumb img { position: relative; width: 100%; }

.hot-News-switch .thumb video { width: 100%; height: 100%; display: block; }

.hot-News-switch .thumb:first-child { display: block; }

.hot-News-switch .list { width: 28.57143%; position: absolute; top: 0; right: 0; background-color: #827a6f; overflow:hidden;}

.hot-News-switch .list p { height: 79px; display: block; padding: 10px 20px 5px; overflow: hidden; z-index: 2; position: relative; background-color: rgba(0, 0, 0, 0.5); }

.hot-News-switch .list a:after { content: ""; display: block; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #fff; position: absolute; top: 50%; left: -10px; margin-top: -10px; z-index: 1; opacity: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.hot-News-switch .list .image-bg { width: 100%; height: 100%; position: absolute; right: 0; top: 0; z-index: 1;  -webkit-filter: blur(5px); filter: blur(5px);}

.hot-News-switch .list .label { min-width: 48px; line-height: 20px; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; font-size: 14px; text-align: center; padding: 0 5px; background-color: #0066ff; -webkit-border-radius: 10px; border-radius: 10px; color: #fff; }

.hot-News-switch .list .title { display: block; font-size: 16px; color: #fff; display: -webkit-box; height: 40px; line-height: 20px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 3px; }

.hot-News-switch .list .on { height: 93px; background-color: #0066ff; }

.hot-News-switch .list .on .title { color: #fff; font-size: 20px; height: 48px; line-height: 24px; }

.hot-News-switch .list .on .label { background-color: #fff; color: #0066ff; }

.hot-News-switch .list .on:after { opacity: 1; left: 0; }

.hot-News-switch .video-bd .list .on .title { color: #fff; }

.hot-News-switch .video-bd .list .on { background-color: #e6002d; }

.hot-News-hd { position: absolute; top: 0; left: 0; z-index: 10; }

.hot-News-hd a { color: #fff; font-size: 18px; background-color: rgba(0, 0, 0, 0.5); float: left; min-width: 80px; margin-right: 1px; text-align: center; line-height: 44px; }

.hot-News-hd a.on, .hot-News-hd a:hover { background-color: #0370e8; }


/*卡片式图片列表-----*/
.zt-bot-img ul li {
    width: 30%;
    background: #F5F5F5;
    margin-right: 59px;
}
.zt-bot-img ul li:nth-child(3n) {
    margin-right: 0px;
}
 .zt-bot-img ul li {
    margin-bottom: 30px;
}
.zt-bot-imginfo {
    overflow: hidden;
    position: relative;
}
.zt-bot-imginfo {
    width: 100%;
    max-height: 177px;
    overflow: hidden;
}
.zt-bot-imginfo img {
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: all .8s ease;
    -webkit-transition: all .8s ease;
}
.zt-bot-imginfo img {
    width: 100%;
    height: 175px;
    object-fit: cover;
}
.zt-bot-img .video-btn {
    position: absolute;
    top: 52%;
    left: 50%;
    z-index: 99;
    transform: translate(-50%, -50%);
}

.zt-bot-img .video-btn img{width: 50px;    height: 50px;}
.zt-bot-font {
    padding: 25px 25px 5px 25px;
    position: relative;
}
.dot2 {
    -webkit-line-clamp: 2;
}
 .zt-bot-font .zt-bot-tit {
   font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    color: #000000;
    margin-bottom: 17px;
    height:57px;
}

.zt-bot-font .zt-bot-dec {
    font-size: 16px;
    line-height: 26px;
    color: #000000;
    height: 80px;
    margin-bottom: 30px;
}
.zt-bot-font time {
    font-size: 14px;
    line-height: 24px;
    position: absolute;
    right: 25px;
    bottom: 5px;
    color: #000000;
    text-align: right;
    display: inline-block;
    font-weight: initial;
}





/*------------------------底部 start--------------------------*/
.footer-wrap {
    background: #4396cc;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    padding: 60px 0 70px;
}
.footer{ width:1200px; margin:0 auto; text-align: center; font-size:14px; padding:20px 0; color:#fff; }




/*------------------------动画------------------------*/
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated1-5 {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated2 {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated2-5 {
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated3 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.active .pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}


@-webkit-keyframes left-bg {
    0% {
         
         -webkit-transform: rotateX(0deg) translateX(0px) skewX(0deg);
        transform: rotateX(0deg) translateX(0px) skewX(0deg);;
    }
    50% {
        -webkit-transform: rotateX(4deg) translateX(4px) skewX(4deg);
        transform: rotateX(4deg) translateX(4px) skewX(4deg);
    }
    100% {
        -webkit-transform: rotateX(0deg) translateX(0px) skewX(0deg);;
        transform: rotateX(0deg) translateX(0px) skewX(0deg);;
    }
}

@keyframes left-bg {

    0% {
        -webkit-transform: rotateX(0deg) translateX(0px) skewX(0deg);;
        transform: rotateX(0deg) translateX(0px) skewX(0deg);;
    }
    50% {
        -webkit-transform: rotateX(4deg) translateX(4px) skewX(4deg);
        transform: rotateX(4deg) translateX(4px) skewX(4deg);
    }
    100% {
        -webkit-transform: rotateX(0deg) translateX(0px) skewX(0deg);;
        transform: rotateX(0deg) translateX(0px) skewX(0deg);;
    }
}

@keyframes left2 {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(5deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

/* ----------------------------------------------
 * Generated by Animista on 2022-5-24 18:20:14
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-fwd-tl
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-fwd-tl {
  0% {
     
      -webkit-filter: blur(2px);
            filter: blur(2px);       
    -webkit-transform: translateZ(-100px) translateY(-50px) translateX(-500px) scale(0.5);
            transform: translateZ(-100px) translateY(-50px) translateX(-500px) scale(0.5);
    opacity: 0;
  }
  100% {
     
      -webkit-filter: blur(0px);
            filter: blur(0px);        
    -webkit-transform: translateZ(0) translateY(0) translateX(0) scale(1);
            transform: translateZ(0) translateY(0) translateX(0) scale(1);
    opacity: 1;
  }
}
@keyframes slide-in-fwd-tl {
  0% {
            -webkit-filter: blur(2px);
            filter: blur(2px);    
    -webkit-transform: translateZ(-100px) translateY(-50px) translateX(-200px) scale(0.5);
            transform: translateZ(-100px) translateY(-50px) translateX(-200px) scale(0.5);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);         
    -webkit-transform: translateZ(0) translateY(0) translateX(0) scale(1);
            transform: translateZ(0) translateY(0) translateX(0) scale(1);
    opacity: 1;
  }
}



@-webkit-keyframes slide-in-fwd-br {
  0% {
     
      -webkit-filter: blur(2px);
            filter: blur(2px);       
    -webkit-transform: translateZ(-100px) translateY(50px) translateX(200px) scale(0.5);
            transform: translateZ(-100px) translateY(50px) translateX(200px) scale(0.5);
    opacity: 0;
  }
  100% {
     
      -webkit-filter: blur(0px);
            filter: blur(0px);        
    -webkit-transform: translateZ(0) translateY(0) translateX(0) scale(1);
            transform: translateZ(0) translateY(0) translateX(0) scale(1);
    opacity: 1;
  }
}
@keyframes slide-in-fwd-br {
  0% {
            -webkit-filter: blur(2px);
            filter: blur(2px);    
    -webkit-transform: translateZ(-100px) translateY(50px) translateX(200px) scale(0.5);
            transform: translateZ(-100px) translateY(50px) translateX(200px) scale(0.5);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);         
    -webkit-transform: translateZ(0) translateY(0) translateX(0) scale(1);
            transform: translateZ(0) translateY(0) translateX(0) scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes slide-in-fwd-sun {
  0% {
     
      -webkit-filter: blur(2px);
            filter: blur(2px);       
    -webkit-transform: translateZ(-100px) translateY(100px) translateX(-10px) scale(0.5);
            transform: translateZ(-100px) translateY(100px) translateX(-10px) scale(0.5);
    opacity: 0;
  }
  100% {
     
      -webkit-filter: blur(0px);
            filter: blur(0px);        
    -webkit-transform: translateZ(0) translateY(0) translateX(0) scale(1);
            transform: translateZ(0) translateY(0) translateX(0) scale(1);
    opacity: 1;
  }
}
@keyframes slide-in-fwd-sun {
  0% {
            -webkit-filter: blur(2px);
            filter: blur(2px);    
    -webkit-transform: translateZ(-100px) translateY(100px) translateX(-10px) scale(0.5);
            transform: translateZ(-100px) translateY(100px) translateX(-10px) scale(0.5);
    opacity: 0;
  }
  100% {
    
    -webkit-filter: blur(0px);
            filter: blur(0px);         
    -webkit-transform: translateZ(0) translateY(0) translateX(0) scale(1);
            transform: translateZ(0) translateY(0) translateX(0) scale(1);
    opacity: 1;
  }
}


@-webkit-keyframes scale-in-center {
  0% {
    -webkit-filter: blur(2px);
            filter: blur(2px);    
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
     -webkit-filter: blur(0px);
            filter: blur(0px); 
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
     -webkit-filter: blur(2px);
            filter: blur(2px);
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
     -webkit-filter: blur(0px);
            filter: blur(0px); 
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}