@charset "utf-8";
/* CSS Document */


body{ min-width:1200px;}
body,div,p,a,img,ul,li,span,h1,h2,h3,h4,h5,h6,table,tr,td,dd,dt{font-family:"微软雅黑",Arial; color:#333; margin:0; padding:0;}
ul,li{ list-style:none;}
img{ border:0;}

a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:none;}
ul, ol, li {list-style: none;}

top_main { max-width:1200px;;margin:0 auto;}



.opark-dynamic {
    min-width: 1280px;
    height: 720px;
    overflow: hidden;
    background: #f5f5f5;
}
.home-title{color: #333;font-size: 28px;text-align: center;margin: 60px auto 0;overflow: hidden}


.home-title  h3{color: #333;font-size: 28px;text-align: center}

.opark-dynamic ul {
    margin: 0 auto;
    padding: 40px 0;
    width: 1281px;
    overflow: hidden;
}

.opark-dynamic li {
    float: left;
    margin: 40px 20px 0;
    width: 387px;
    height: 387px;
}

.opark-dynamic li a {
    display: block;
    padding: 14px 15px;
    width: 357px;
    height: 357px;
    background-color: #fff;
    box-shadow: 0 0 25px rgba(0, 0, 0, .2);
    position: relative;
    transition: All .4s ease-in-out;
    -webkit-transition: All .4s ease-in-out;
    -moz-transition: All .4s ease-in-out;
    -o-transition: All .4s ease-in-out;
}

.opark-dynamic li a:hover {
    box-shadow: 0 0 35px rgba(0, 0, 0, .2);
    transform: translate(0,-20px);
    -webkit-transform: translate(0,-20px);
    -moz-transform: translate(0,-20px);
    -o-transform: translate(0,-20px);
    -ms-transform: translate(0,-20px);
}

.opark-dynamic li a .flag {
    display: block;
    padding-left: 5px;
    width: 67px;
    height: 27px;
    line-height: 27px;
    color: #fff;
    font-size: 12px;
    background: url( ../img/ico-flag-l.png) no-repeat;
    position: absolute;
    z-index: 90;
    top: 14px;
    left: 15px;
}

.opark-dynamic li img {
    display: block;
    width: 357px;
    height: 211px;
}

.opark-dynamic li span {
    display: block;
    line-height: 24px;
    overflow: hidden;
}

.opark-dynamic li .title {
    margin-top: 8px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    color: #000;
}

.opark-dynamic li .txt {
    margin-top: 12px;
    height: 48px;
    color: #999;
}

.opark-dynamic li .time {
    margin-top: 14px;
    height: 24px;
    font-size: 12px;
    color: #666;
}

.opark-dynamic .btn-load-more {
    display: block;
    margin: 0 auto;
    width: 190px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 24px;
    background-color: #ff6e07;
    font-weight: bold;
    color: #fff;
    box-shadow: 0 0 18px rgba(225, 109, 7, .5);
}