.xia_x {
    max-width: 1240px;
    width: 98%;
    text-align: center;
    height: 40px;
    position: relative;
}
.xia_x .img {
    background: url(../img/bg/xia.png);
    width: 19px;
    height: 24px;
    position: absolute;
    top: 0;
    display: inline-block;
    animation-name: myfirst;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
}

/*获奖作品*/
/*获奖作品-标题*/
/*index 景区概括*/
.jqgk {
    width: 100%;
    background: url(../img/bg/top_bg.png) no-repeat;
    overflow: hidden;
}
.jqgk .contai {
    max-width: 1240px;
    width: 98%;
    margin: auto;
    text-align: center;
    color: #666666;
    font-size: 14px;
    line-height: 24px;
    background: url(../img/bg/xie_xian.png) repeat-x bottom;
    padding-bottom: 10px;
}
.jqgk .contai p {
    margin: 40px auto;
}
@media (max-width: 480px) {
    .jqgk {
        background: none;
    }
}

.top_tit {
    text-align: center;
    margin: 60px auto 40px;
}
.top_tit span {
    display: inline-block;
}
.top_tit .span1 {
    font-size: 30px;
    font-family: fixedsys;
    color: #7c5300;
    font-weight: bold;
}
.top_tit .span1 a {
    color: #7c5300;
    background: url(../img/bg/quan.png) no-repeat left 3px;
    padding: 0px 10px;
}
.top_tit .span1 img {
    margin-top: -26px;
    margin-right: 6px;
}
.top_tit .span2 {
    font-family: arial;
    color: #b2b2b2;
    font-size: 12px;
}
@media (max-width: 480px) {
    .top_tit {
        margin: 30px auto;
    }
}
.top_tit .con_span {
    color: #666;
    font-size: 14px;
    display: block;
    margin: 40px auto;
}
@media (max-width: 320px) {
    .top_tit .con_span {
        margin: 20px auto;
    }
}


/* 获奖作品-列表 */
.case{padding:0}
@media only all and (max-width:640px){
    .case{padding:0 0 25px!important}
}
.case-slide{position:relative}
.case-slide{overflow:hidden}
.case-slide:after{content:"";display:table;clear:both}
.case-detail{display:none;padding:30px 0;position:absolute;bottom:0;width:100%;background-color:transparent!important}
@media only all and (max-width:1440px){
    .case-detail{padding:20px 0}
}
@media only all and (max-width:1200px){
    .case-detail{padding:10px 0}
}
@media only all and (max-width:640px){
    .case-detail{padding:5px 0}
}
.case-detail-title{text-align:left;padding:0 30px}
@media only all and (max-width:1440px){
    .case-detail-title{padding:0 20px}
}
@media only all and (max-width:1200px){
    .case-detail-title{padding:0 15px}
}
@media only all and (max-width:640px){
    .case-detail-title{padding:0 10px}
}
.case-detail-title a,.case-detail-title p{width:80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@media only all and (max-width:768px){
    .case-detail-title a,.case-detail-title p{width:95%}
}
.case-detail-title a{font-size:18px!important;color:#fff;display:block;font-weight:700}
@media only all and (max-width:1440px){
    .case-detail-title a{font-size:16px!important}
}
@media only all and (max-width:768px){
    .case-detail-title a{font-size:14px!important}
}
.case-detail-title p{font-size:14px;color:#fff}
@media only all and (max-width:768px){
    .case-detail-title p{font-size:12px!important}
}
.case-item{float:left;width:20%;}
@media only all and (max-width:640px){
    .case-item{width:50%}
}
.case-item-inner{background-color:#fff;}
.case-item-inner .case-image{position:relative;overflow:hidden;height: 400px;}
.case-item-inner .case-image a{display:block;font-size:0}
.case-item-inner .case-image img{width:100%;min-height: 400px; -webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;transition:all 1s}
.case-item-inner .case-image .case-shadow{width:100%;height:100%;background:rgba(0,0,0,.5);opacity:0;position:absolute;top:0;left:0;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;transition:all 1s}
.case-item-inner .case-image .case-shadow img{float:right;margin:30px;width:17px;height: 15px;min-height: 15px;}
@media only all and (max-width:1440px){
    .case-item-inner .case-image .case-shadow img{margin:20px}
}
@media only all and (max-width:768px){
    .case-item-inner .case-image .case-shadow img{margin:15px;width:12px}
}
.case-item-inner .case-image:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.case-item-inner .case-image:hover .case-shadow{opacity:1}


.case .more {
    width: 57px;
    height: 57px;
    display: block;
    background: url(../img/bg/more.png) no-repeat;
    color: #d5b369;
    font-size: 12px;
    line-height: 57px;
    text-align: center;
    margin: auto;
    cursor: pointer;
    margin-bottom: 50px;
    margin-top: 50px;
}
.case .more:hover {
    font-weight: bold;
    text-decoration: none;
}



/*新闻动态*/
.home_news {
    width: 100%;
    background: #fff;
}
.home_news .news_con {
    max-width: 1240px;
    width: 100%;
    margin: auto;
    overflow: hidden;
}
.home_news .news_con ul {
    width: 100%;
}
.home_news .news_con ul li {
    background: #f8f8f8;
    padding: 20px 20px;
    cursor: pointer;
    margin-bottom: 30px;
}
.home_news .news_con ul li .news_left {
    width: 77%;
    float: left;
}
.home_news .news_con ul li .news_left a {
    color: #4c4c4c;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    width: 95%;
    display: block;
    margin-bottom: 15px;
    height: 25px;
    line-height: 25px;
}
.home_news .news_con ul li .news_left p {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    width: 95%;
    max-height: 72px;
    overflow: hidden;
}
.home_news .news_con ul li .news_right {
    width: 23%;
    float: right;
    border-left: 1px solid #cccccc;
    min-height: 50px;
    color: #e0e0e0;
    font-family: arial;
    text-align: left;
    padding-left: 8%;
    background: url(../img/bg/li_1.png) no-repeat right;
    min-height: 95px;
}
.home_news .news_con ul li .news_right span {
    font-size: 42px;
    display: block;
    line-height: 45px;
}
.home_news .news_con ul li .news_right time {
    font-size: 18px;
}
.home_news .news_con ul li:hover {
    background: #d5b369;
}
.home_news .news_con ul li:hover .news_left a {
    color: #fff;
}
.home_news .news_con ul li:hover .news_left p {
    color: #7c5300;
}
.home_news .news_con ul li:hover .news_right {
    border-left: 1px solid #d5b369;
    background: url(../img/bg/li_1_h.png) no-repeat right;
    color: #7c5300;
}
.home_news .news_con ul li:hover .news_right span {
    color: #fff;
}
@media (max-width: 768px) {
    .home_news .news_con ul li .news_right {
        padding-left: 10px;
        padding-top: 15px;
    }
}
@media (max-width: 680px) {
    .home_news .news_con ul li .news_right span {
        font-size: 24px;
    }
    .home_news .news_con ul li .news_right time {
        font-size: 16px;
    }
}
@media (max-width: 480px) {
    .home_news .news_con ul li .news_left {
        width: 68%;
    }
    .home_news .news_con ul li .news_right {
        width: 32%;
    }
}
@media (max-width: 480px) {
    .home_news .news_con ul li {
        padding: 20px 10px;
    }
}
.home_news .news_con .more {
    width: 57px;
    height: 57px;
    display: block;
    background: url(../img/bg/more.png) no-repeat;
    color: #d5b369;
    font-size: 12px;
    line-height: 57px;
    text-align: center;
    margin: auto;
    cursor: pointer;
    margin-bottom: 30px;
}
.home_news .news_con .more:hover {
    font-weight: bold;
    text-decoration: none;
}







/*首页他们的评价 begin*/
#fh5co-comment-list .bg-comment {
    background-image: url("../img/bg/comment_bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0 30px;
}
#fh5co-comment-list .container {
}
#fh5co-comment-list .show-list {
    position: relative;
    margin: 0 -15px !important
}
#fh5co-comment-list .show-list .item {
    background: #FFF;
    /*padding: 30px 20px;*/
    padding: 0;
    position: relative;
    margin: 0 15px;
}
#fh5co-comment-list .show-list .item .media-img {
    overflow: hidden;
    width: 100%;
    /*height: 360px;*/
}
#fh5co-comment-list .show-list .item .media-img img {
    /*width: 250px;*/
    width: 100%;
    /*height: 360px;*/
    /*border-radius: 50%;*/
    transition: transform 1s ease 0s;
}
#fh5co-comment-list .show-list .item .media-img img:hover {
    transition: transform 1s ease 0s;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
#fh5co-comment-list .show-list .item .quote-txt.left-quote {
    padding: 10px 0 10px;
}
#fh5co-comment-list .show-list .item .quote-txt span {
    color: #CCC;
    font-size: 24px;
}
#fh5co-comment-list .show-list .item .quote-txt.left-quote {
    transform: rotateY(-48deg);
    -ms-transform: rotateY(-48deg);
    -moz-transform: rotateY(-48deg);
    -webkit-transform: rotateY(-48deg);
    -o-transform: rotateY(-48deg);
}
#fh5co-comment-list .show-list .item .quote-txt.right-quote {
    transform: rotateY(-225deg);
    -ms-transform: rotateY(-225deg);
    -moz-transform: rotateY(-225deg);
    -webkit-transform: rotateY(-225deg);
    -o-transform: rotateY(-225deg);
}
#fh5co-comment-list .show-list .item .signature {
    color: #ddd;
    font-size: 12px;
    /*padding: 15px 0 10px;*/
    margin-bottom: 20px;
    padding-bottom: 20px;
}
#fh5co-comment-list .show-list .item .signature a {
    cursor: pointer;
    color: #444
}
#fh5co-comment-list .owl-theme .owl-controls {
    margin-top: 40px;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #D61919
}
/*首页他们的评价 end*/




/* 视频列表 begin */
/*.owl-theme{background-color: #000;padding: 20px 0 5px;}*/
/*.owl-theme .item{margin: 10px;}*/
.owl-video .item{ margin: 10px; }



/* 视频列表 end */

/* ---------------------------------------------------------------------------- */
/* --------------------------------Zoom-Effect--------------------------------- */
/* ---------------------------------------------------------------------------- */
.zoom-container {
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 16px;
    font-size: 1rem;
    vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.zoom-container a {
    display: block;
    position: absolute;
    top: -100%;
    opacity: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    color: inherit;
}
.zoom-container:hover a {
    opacity: 1;
    top: 0;
    z-index: 500;
}
.zoom-container:hover a i {
    top: 50%;
    position: absolute;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}
.zoom-container img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;

}
.zoom-container .zoom-caption {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    -webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
    color: #fff;
}
.zoom-container .zoom-caption span{background-color: #FD0005;position:absolute;top: 0;padding: 0px 7px;font-weight: bold;font-size: 13px;}
.zoom-container .zoom-caption p{position: absolute;bottom: 0;left:0; right: 0;text-align: center;font-size: 20px; font-weight: bold;background: rgba(0, 0, 0, .5);margin:0;padding: 10px;}
.zoom-container:hover img {
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
    transform:scale(1.25);
}
.zoom-container:hover .zoom-caption {
    background: rgba(0, 0, 0, .5);
}
/* ---------------------------------------------------------------------------- */
/* -------------------------------Vid-Effect----------------------------------- */
/* ---------------------------------------------------------------------------- */





/* 合作伙伴 */
.section {
    overflow: hidden;
    /*height: 100%;*/
    text-align: center
}


.mbox5 {
    padding-top: 50px
}

.mbox5List {
    margin: 0 auto;
    max-width: 62.5%
}

.mbox5List .swiper-container {
    padding: 30px 0
}

.mbox5List .swiper-slide {
    opacity: 1;
    transition: all .4s ease 0s;
    transform: translateY(100%)
}

.mbox5List .swiper-slide:nth-child(2n) {
    transform: translateY(-100%)
}

.mbox5List .swiper-slide a {
    position: relative;
    display: block;
    overflow: hidden;
    height: 100%;
    background: rgba(122, 122, 122, .05);
    transition: all .7s ease 0s
}

.mbox5List .swiper-slide img {
    width: 100%
}

.mbox5Img {
    transition: all .7s ease 0s
}

.mbox5Mask {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    background: #da0502
}

.mbox5Hov {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: all .7s ease 0s;
    transform: scale(2)
}

.mbox5List .swiper-slide a:hover {
    background: #da0502
}

.mbox5List .swiper-slide a:hover .mbox5Img {
    opacity: 0;
    transform: scale(2)
}

.mbox5List .swiper-slide a:hover .mbox5Hov {
    opacity: 1;
    transform: scale(1)
}

.mbox5Bot {
    position: relative;
    padding: 10px 200px
}

.mbox5Btn {
    position: absolute;
    top: 50%;
    color: #333;
    font-size: 0;
    font-family: Arial;
    cursor: pointer;
    transform: translateY(-50%)
}

.mbox5Btn i, .mbox5Btn strong {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px
}

.mbox5Btn i.fa {
    color: #da0502;
    font-size: 15px
}

.mbox5Btn strong {
    padding: 0 5px
}

.mbox5Line {
    width: 148px;
    height: 1px;
    background: #d2d2d2;
    transition: width .6s ease 0s
}

.mbox5Btn:hover .mbox5Line {
    width: 100px;
    background: #da0502
}

.swiper-button-disabled strong {
    opacity: .5
}

.swiper-button-disabled .mbox5Line {
    width: 100px
}

.swiper-button-disabled:hover .mbox5Line {
    background: #d2d2d2
}

.mbox5Prev {
    left: 0
}

.mbox5Next {
    right: 0
}

.mbox5Bot .swiper-pagination {
    position: static
}

.mbox5Bot .swiper-pagination-bullet {
    margin: 0 6px;
    width: 34px;
    height: 3px;
    border-radius: 0;
    background: #ccc;
    vertical-align: middle;
    opacity: 1
}

.mbox5Bot .swiper-pagination-bullet-active {
    background: #da0502
}

.active .mbox5List .swiper-slide {
    opacity: 1;
    transition: all .8s ease .5s;
    transform: translateY(0)
}