@charset "utf-8";




































/**/

.com {
    margin-left: 85px;
}

.news-list {
    /*padding-left: 75px;*/
    /*margin-top: 110px;*/
    /*margin-left: -2000px;*/
}




































/*#pageAll {*/


/*background: url(../img/index/culture_bg.jpg) center no-repeat;*/


/*!*-ms-behavior: url("./backgroundsize.min.htc");*!*/


/*!*behavior: url("./backgroundsize.min.htc");*!*/


/*!*height: 100%;*!*/


/*!*background: url(http://cdn.dowebok.com/139/images/bg.jpg) center no-repeat;*!*/


/*background-size: cover;*/


/*-ms-behavior: url(../css/backgroundsize.min.htc);*/


/*behavior: url(../css/backgroundsize.min.htc);*/


/*}*/

.news-list div.com {
    position: relative;
    width: 263px;
    height: 356px;
    float: left;
    overflow: hidden;
}

.bounceInUp .bg {
    filter: alpha(opacity=100);
    /*IE滤镜，透明度50%*/
    -moz-opacity: 1;
    /*Firefox私有，透明度50%*/
    opacity: 1;
    /*其他，透明度50%*/
    height: 100%;
    width: 100%;
    background-color: #5074b1;
    position: absolute
}

.bg_color .content {
    filter: alpha(opacity=50);
    /*IE滤镜，透明度50%*/
    -moz-opacity: 0.5;
    /*Firefox私有，透明度50%*/
    opacity: 0.5;
    /*其他，透明度50%*/
}

.news-list .com img {
    position: absolute;
}

img {
    border: 0px
}

.village_desc {
    /*opacity: 0;margin-left: -1000px;*/
}

.text1 {
    /*margin-left: 85px;*/
    margin-top: 250px;
    font-size: 24px;
    text-align: center;
    color: white;
    font-family: 'futura';
}

.text2 {
    text-align: center;
    font-size: 24px;
    color: white;
    font-family: 'futura';
}

.text3 {
    margin-top: 80px;
    font-size: 24px;
    color: white;
    width: 70%;
    border-bottom: 1px solid white;
    padding-bottom: 10px;
    font-family: 'futura';
    position: absolute;
    left: 15%;
}

.text4 {
    font-size: 24px;
    color: white;
    margin-top: 135px;
    font-family: 'futura';
    position: absolute;
    width: 100%;
    left: 0;
}

.first {
    position: absolute;
    top: 0;
    text-align: center;
    z-index: 1;
    height: 100%;
    width: 100%;
}

.s_div {
    width: 100%;
    height: 100%;
    background-color: #5074b1;
    position: absolute; // display: none;
    top: 355px;
}

.news-list a:hover .first {
    opacity: 0;
}

.com:hover .s_div {
    top: 0;
    animation: toop .2s ease 0s;
}

.com:hover .first {
    display: none;
}

@keyframes toop {
    0% {
        top: 300px;
    }
    25% {
        top: 284px;
    }

    65% {
        top: 142px;
    }

    100% {
        top: 0px;
    }
}

.second {
    position: absolute;
    /* top: -150px; */
    text-align: center;
    z-index: 1;
    width: 100%;
    height: 100%;
    margin: 0 auto;

    opacity: 1;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}



.culture {
    background: url(../img/index/culture_bg.jpg) center no-repeat;
    /*-ms-behavior: url("./backgroundsize.min.htc");*/
    /*behavior: url("./backgroundsize.min.htc");*/
    /*height: 100%;*/
    /*background: url(http://cdn.dowebok.com/139/images/bg.jpg) center no-repeat;*/
    background-size: cover;
    -ms-behavior: url(../css/backgroundsize.min.htc);
    behavior: url(../css/backgroundsize.min.htc);
}

.news-list div.com {
    position: relative;
    width: 265px;
    height: 355px;
    float: left;
    font-family: 'futura';
}

.background {
    filter: alpha(opacity=100);
    /*IE滤镜，透明度50%*/
    -moz-opacity: 1;
    /*Firefox私有，透明度50%*/
    opacity: 1;
    /*其他，透明度50%*/
    height: 100%;
    width: 100%;
    background-color: #5074b1;
    position: absolute
}

.bg_color .content {
    filter: alpha(opacity=50);
    /*IE滤镜，透明度50%*/
    -moz-opacity: 0.5;
    /*Firefox私有，透明度50%*/
    opacity: 0.5;
    /*其他，透明度50%*/
}

.news-list .com img {
    position: absolute;
    width: 100%;
    height: 100%;
}

img {
    border: 0px
}




































/*.text1 {*/


/*margin-left: 85px;*/


/*margin-top: 250px;*/


/*font-size: 24px;*/


/*color: white*/


/*}*/


/*.text2 {*/


/*margin-left: 80px;*/


/*margin-top: 0px;*/


/*font-size: 16px;*/


/*color: white*/


/*}*/


/*.text3 {*/


/*margin-left: 85px;*/


/*margin-top: 250px;*/


/*font-size: 24px;*/


/*color: white;*/


/*border-bottom: 1px solid white;*/


/*padding-bottom: 10px;*/


/*}*/


/*.text4 {*/


/*margin-left: 80px;*/


/*font-size: 16px;*/


/*color: white;*/


/*margin-top: 20px;*/


/*}*/


/*.first {*/


/*position: absolute;*/


/*top: 0;*/


/*text-align: center;*/


/*z-index: 1;*/


/*}*/


/*.second {*/


/*position: absolute;*/


/*top: -150px;*/


/*text-align: center;*/


/*z-index: 1;*/


/*display: none*/


/*}*/


/*@media (max-width: 1600px) {*/


/*!*.container{*!*/


/*!*width: 228px;*!*/


/*!*}*!*/


/*.news-lists dl {*/


/*width: 264px;*/


/*}*/


/*!*.hide_scroll {*!*/


/*!*overflow: hidden;*!*/


/*!*height: 100%;*!*/


/*!*width: 993px;*!*/


/*!*position: relative;*!*/


/*!*}*!*/


/*.article {*/


/*color: #fff;*/


/*margin-top: 40px;*/


/*font-size: 29px;*/


/*width: 460px;*/


/*margin-left: 75px;*/


/*margin-bottom: 20px;*/


/*}*/


/*!*#main {*!*/


/*!*position: relative;*!*/


/*!*margin: 0 auto;*!*/


/*!*width: 1200px;*!*/


/*!*height: 642px;*!*/


/*!*min-height: 642px;*!*/


/*!*}*!*/


/*}*/


/*#main {*/


/*position: relative;*/


/*margin: 0 auto;*/


/*width: 1600px;*/


/*height: 855px;*/


/*min-height: 642px;*/


/*}*/


/*.hide_scroll {*/


/*height: 855px;*/


/*width: 1360px;*/


/*}*/

.news-lists dl {
    width: 386px;
}

.news-lists dl .title {
    margin-top: 398px;
}

.com {
    margin-left: 80px;
}

.content {
    width: 1007px;
}

@keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0);
    }

    /*60% {*/
    /*opacity: 1;*/
    /*transform: translate3d(25px, 0, 0);*/
    /*}*/
    /*75% {*/
    /*transform: translate3d(-10px, 0, 0);*/
    /*}*/
    /*90% {*/
    /*transform: translate3d(5px, 0, 0);*/
    /*}*/
    to {
        transform: none;
    }
}

.bounceInLeft {
    animation-name: bounceInLeft;
    animation-duration: 2s;
    animation-fill-mode: both;
}

@keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0);
    }

    /*60% {*/
    /*opacity: 1;*/
    /*transform: translate3d(0, -20px, 0);*/
    /*}*/
    /*75% {*/
    /*transform: translate3d(0, 10px, 0);*/
    /*}*/
    /*90% {*/
    /*transform: translate3d(0, -5px, 0);*/
    /*}*/
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    animation-name: bounceInUp;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    ;
}

.second {
    /*margin-top: 500px;*/
}