@charset "utf-8";






/*插件样式*/

#banner_box {position: relative; width: 1200px; margin:0px auto ;height: 450px;}

#banner_box  ul{margin:15px auto;}

#banner_box  ul a,#banner_box ul img{display:block;}

#banner_box  li{position: absolute;left: 0px;top: 0px; position:absolute;list-style:none;background:#000;width:0;height:0;z-index:0;cursor:pointer;overflow:hidden; border: 3px solid #fff;}
#banner_box  li a img{width:100%; height:450px; overflow:hidden;}
#banner_box  li a{ display:block; position:relative;  }



#banner_box  li a .text_box{ opacity:0; filter: alpha(opacity=0); position:absolute; z-index:99; bottom:0;  height:100%; width:100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#BF000000', endColorstr='#BF000000');background:rgba(0,0,0,0.75);}

#banner_box  li a .text_box h1{ text-align:center; display:block; font-size:26px; color:#fff;  padding-top:40px; width:80%; margin:0 auto;}

#banner_box  li a .text_box p{ color:#ddd; font-size:16px; line-height:35px; padding-top:15px;     width: 70%; margin:0 auto;}

#banner_box  li a:hover .text_box{ opacity:1; filter: alpha(opacity=1);}

#banner_box  .poster-btn{position: absolute;height: 100%; width:100px;top: 0px;z-index: 10;opacity: 1; }


#banner_box .poster-prev-btn{right: 150px;background: url(../images/bnt_3d_prev.png) no-repeat center center;  cursor:pointer; }

#banner_box .poster-next-btn{left: 160px;background: url(../images/bnt_3d_next.png) no-repeat center center; cursor:pointer; }

#banner_box li img{width:100%;height:100%;vertical-align:top;}


/*景区配套*/



ul, li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.clear {
    clear: both;
}




.sy-project {
    width: 1200px;
    height: 460px;
    margin:20px 0 0 0;
	
}

.sy-pro-l {
    position: relative;
    width: 830px;
    height: 429px;
    float: left;
}
@media(max-width:1100px){
    .sy-pro-l{
        /*width: 1024px;*/
		width: 830px;
    }
}
.sy-pro-lul li {
    position: relative;
    float: left;
    width: 339px;
    height: 429px;
    overflow: hidden;
}
@media(max-width:1100px){
    .sy-pro-lul li{
        width: 310px;
    }
}
.sy-pro-lul li img {
    width: 100%;
    height: 100%;
    -webkit-transition: all .37s;
    -moz-transition: all .37s;
    -o-transition: all .37s;
    transition: all .37s;
}

.sy-pro-lul li:hover img {
    -webkit-transform: scale(1.06, 1.06);
    -moz-transform: scale(1.06, 1.06);
    -ms-transform: scale(1.06, 1.06);
    -o-transform: scale(1.06, 1.06);
    transform: scale(1.06, 1.06);
}

.sy-pro-lul li:nth-child(2) {
    margin: 0 22px;
}
@media(max-width:1100px){
    .sy-pro-lul li:nth-child(2){
        margin: 0 8px;
    }
}
@media (max-width: 640px) {
    .sy-pro-lul li:nth-child(2) {
        margin:0 0 0 23px;
		
    }
}

.sy-pro-lul li:nth-child(3) {
     margin:24px 0 0 22px;
}

.sy-pro-lul li:nth-child(2),
.sy-pro-lul li:nth-child(3) {
    width: 440px;
    height: 202px;
}

.sy-pro-lul li span {
    position: absolute;
    display: block;
    width: 100%;
    height: 55px;
    line-height: 55px;
    font-size: 18px;
    color: #fff;
    bottom: 0;
    text-align: center;
    background: rgba(0, 0, 0, .5);
}

.sy-pro-l .owl-controls .owl-buttons div {
    position: absolute;
    right: 0;
    top: -30px;
    width: 16px;
    height: 16px;
    padding: 0;
}

.sy-pro-l .owl-controls .owl-buttons .owl-prev {
    right: 20px;
    background: url("../images/sy-pro-l-PN.png") -33px .5px no-repeat;
}

.sy-pro-l .owl-controls .owl-buttons .owl-next {
    background: url("../images/sy-pro-l-PN.png") -50px .5px no-repeat;
}

.sy-pro-l .owl-controls .owl-buttons .owl-prev:hover {
    background: url("../images/sy-pro-l-PN.png") 0 .5px no-repeat;
}

.sy-pro-l .owl-controls .owl-buttons .owl-next:hover {
    background: url("../images/sy-pro-l-PN.png") -15px .5px no-repeat;
}

.sy-pro-r {
    position: relative;
    float: left;
    width: 368px;
    height: 429px;
    background: #d5d5d5;
}

.sy-pro-r:hover {
    box-shadow: 0 0 6px rgba(0, 0, 0, .7);
}

.sy-pro-r img {
    width: 100%;
    height: 100%;
}






.sy-pro-lul li:hover span {
    z-index: 2;
    background: #E60012;
}

.sy-pro-lul li a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    z-index: 1;
    background: rgba(0, 0, 0, .4);
    -webkit-transition: all .37s;
    -moz-transition: all .37s;
    -o-transition: all .37s;
    transition: all .37s;
}

.sy-pro-lul li a:hover:after {
    height: 100%;
}

.sy-pro-lul li a:before {
    content: "+";
    position: absolute;
    top: -44px;
    left: 50%;
    left:45%\9;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-size: 40px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #E60012;
    z-index: 3;
    cursor: pointer;
    -webkit-transition: all .37s;
    -moz-transition: all .37s;
    -o-transition: all .37s;
    transition: all .37s;
}

.sy-pro-lul li a:hover:before {
    top: 35%;
}