@charset "utf-8";
body {margin:0;padding:0;font-family: '微软雅黑';font-size: 14px;height: 100%;}
input, select, textarea { vertical-align: middle; outline:none; }
h1, h2, h3, h4, h5, h6{font-weight:normal;}
img { border: 0; vertical-align:middle; }
ul, li, ol, dl, dt {list-style: none;}
a { text-decoration: none; outline: none; color: #000; }
* { padding: 0px; margin: 0px; }
.fl { float: left; }
.fr { float: right; }
.fw{ overflow:hidden;}
.clear { clear: both;}
.clearfix:before, .clearfix:after {display: table;content: "";}
.clearfix:after {clear: both;}
.text{text-align: center;}
.wrap{width:80%;margin:0 auto;}
.wrap2{width: 1000px;margin:0 auto;}


.aaaaa a:hover{
    animation: mouse 1s linear alternate infinite running;
    -webkit-animation: mouse 1s linear alternate infinite running;
}


@keyframes warn {
      0% {
          transform: scale(1);
          opacity: 0.8;
      }

      100% {
          transform: scale(1.8);
          opacity: 0.0;
      }

}


@keyframes mouse{
    0%{ transform:translateY(0); -webkit-transform:translateY(0); }
    100%{ transform:translateY(15px); -webkit-transform:translateY(15px); }
    }
@-webkit-keyframes mouse{
    0%{ transform:translateY(0); -webkit-transform:translateY(0); }
    100%{ transform:translateY(15px); -webkit-transform:translateY(15px); }
    }


.xx dl a:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index: -1; background-color:#0055a5; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.xxx dl a:hover:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.xxx dl:hover{ border-color: #0055a5;overflow:hidden;}
.xx dl a:hover{color:#fff !important;}


.xxx li a:hover img{

    transform:scale(1.2, 1.2);
    -webkit-transform:scale(1.2, 1.2);
    -o-transform:scale(1.2, 1.2);
    -moz-transform:scale(1.2, 1.2);

    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;
}



/*侧导航*/
.yuyan{}
.yuyan a{margin: 0 1em;}
.onyy{font-weight: bold;color: #db3632 !important;}
.fenxiang{padding: 1em 0 ;}
.fenxiang a{margin: 0 1em;}


.sider-nav { position: absolute; right: 0px; top: 0; display: block; height: 120px; overflow: hidden; width: 208px; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;display: none; }
.sider-nav li { float: right; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; width: 103px;z-index: 999999999; }
.sider-nav li a { padding: 0px 20px; line-height: 60px; display: block; height: 60px; }
.sider-nav li a:hover { background-color: #eeeeee; }
.sider-nav li.btn-toggle { width: 207px; }
.sider-nav { width: auto; height: 60px; }

.menuBox { position: fixed; right: 104px; top: 0px; width: 336px; z-index: 9999999; box-shadow: 0 -10px 20px 0 rgba(0, 0, 0, 0.2); text-align: center; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; transition: transform 0.7s 0s,opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s,visibility 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: -webkit-transform 0.7s 0s,opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s,visibility 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.bgMenu { background-color: #fff; }
.menuBox a:link, .menuBox a:visited { color: #646464; }
.menuBox a:active, .menuBox a:hover { color: #b28850; }
.menu {padding: 22px 0px 10px;}
.menu .itemA { font-size: 16px; height: 40px; line-height: 40px; display: block; position: relative; }
.menu .itemA .ico { color: #b28850; padding: 0px 26px; }
.menu .itemA i { background: url(menu_ico2.png) no-repeat; width: 7px; height: 7px; position: absolute; right: 5%; top: 50%; margin-top: -3px; opacity: 0; visibility: hidden; transition: 0.6s; -webkit-transition: 0.6s; transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }
.menu .itemA.active .ico { background: url(menu_ico1.png) no-repeat scroll left center; }
.menu .itemA:hover { background-color: #eeeeee; }
.menu .itemA:hover i { opacity: 1; visibility: visible; transform: rotate(0deg); -webkit-transform: rotate(0deg); }
.openMneu { transform: translateY(80px); -webkit-transform: translateY(80px); opacity: 0; visibility: hidden; z-index: -100; }
.pusher-black { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background: url(null.png) no-repeat transparent; display: none; z-index: 999999; }
.menuOpen .pusher-black { display: block; }
.subMenu { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 12px 0px; display: none; }

.menu-handler .burger { width: 22px; height: 1px; background: #a0a0a0; display: block; position: absolute; z-index: 5; top: 26px; left: 19px; margin: 0px 0px 0px 0px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-3 { top: 36px; }
.menu-handler.active .burger-1 { top: 31px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-3 { top: 31px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.menu-handler {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 22px;
    z-index: 1300;
}
.menu-handler {
    display: block;
    cursor: pointer;
    position: relative;
    transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);
    -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);
}

.user-toggle{position: fixed;right:0;top:0;}
/*侧导航*/






/*风景名胜*/
.head{position: fixed;left:0;top:0;width: 100%;background:url(bg3.png) repeat-x;height: 100px;padding: 0 0 15px 0;z-index: 99999;}
.logo{width: 15%;line-height: 100px;display:list-item;list-style: none;}
.nav{width: 54%;margin:0 0 0 3%;}
.nav ul li{float:left;width: 10.9%;text-align: center;border-right:1px #bcc9c6 solid;}
.nav ul li a{display:block;padding:18px 0;}
.nav ul li a dl{height: 34px;line-height: 34px;background-repeat: no-repeat;background-position:center 0;margin:0 0 10px 0;
    transition: .5s all ease;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    -o-transition:.5s all ease;

}
.nav ul li a p{font-size: 15px;color:#333333;}
.onnav a dl{background-position:center -65px !important;}
.onnav a p{color: #db3632  !important;}
.nav ul>li a dl{background-image:url(a1_233.png);}
.nav ul>li+li a dl{background-image:url(a1_23.png);}
.nav ul>li+li+li a dl{background-image:url(a1_14.png);}
.nav ul>li+li+li+li a dl{background-image:url(a1_26.png);}
.nav ul>li+li+li+li+li a dl{background-image:url(a1_11.png);}
.nav ul>li+li+li+li+li+li a dl{background-image:url(a1_17.png);}
.nav ul>li+li+li+li+li+li+li a dl{background-image:url(a1_06.png);}
.nav ul>li+li+li+li+li+li+li+li a dl{background-image:url(a1_20.png);}
.nav ul>li+li+li+li+li+li+li+li+li a dl{background-image:url(a1_08.png);}



.nav ul li a:hover p{color:#db3632;}
.nav ul li a:hover dl{background-position:center -69px;

    transition: .5s all ease;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    -o-transition:.5s all ease;

}
.nav ul>li+li+li+li+li+li a:hover dl,.nav ul>li+li+li+li+li+li+li+li a:hover dl{background-position: center -66px;

    transition: .5s all ease;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    -o-transition:.5s all ease;

}




.headR{width:25%; margin:34px 0 0 0;}
.search{border:1px #c4c4c5 solid;width: 32%;height: 29px;line-height: 29px;background:#fff;padding:0 15px;border-radius: 29px;overflow:hidden;}
.search input{width: 85%;float:left;border:none;background:#fff;height: 29px;line-height: 29px;}
.search a{width:15%;float:right;text-align: center;}
.Language{width: 25%;padding:0 15px;border-radius: 29px;background:url(jt2_03.jpg) no-repeat #fff 95% center;height: 29px;line-height: 29px;border:1px #c4c4c5 solid;margin:0 1%;position:relative;font-size: 13px;}

.headR .lang{display:none;background:#fff;width:100%;position:absolute;top:29px;left:-1px;z-index: 999999999;border:1px #c4c4c5 solid;border-top:none;border-radius:0 0 29px 29px;overflow:hidden;}
.headR .lang .a{ cursor: pointer;display:block;height:26px;line-height:26px;font-size:13px;color:#444444;padding:0;text-align: center;}
.headR .lang .a:hover{background:#cbe4d7;}




.share{width: 20%;height: 29px;line-height: 29px;display:list-item;list-style: none;}
.share a{width: 50%;text-align: center;position: relative;float:left;}
.share a span{position: absolute;left:-30px;top:29px;width: 105px;height: 0;}
.share a span img{width: 100%;height: 100%;}

.nybanner{max-height: 315px;background-size: cover !important;background-position: center !important;background-repeat: no-repeat;height: 409px;}




/*banner*/
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #00865e url(loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
.banner .slick-dots { left: 3%; top: 45%; z-index: 1000; }
.banner .slick-dots li { margin: 0px 0px 10px; position: relative; width: 8px; height: 8px; display: block; transition: 300ms; -webkit-transition: 300ms; }
.banner .slick-dots a { width: 8px; height: 8px; overflow: hidden; display: block; background: url(banner_n1.png) no-repeat; text-indent: -2em; }
.banner .slick-dots li.slick-active a { background: url(banner_n2.png) no-repeat; }

@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

.banner-box { position: relative; overflow: hidden;}
.banner { position: relative; overflow: hidden; width: 100%; z-index: 0; background-color: #efefef; color: #fff; }
.banner .item{background-position:center;background-size:cover; }
.banner .bimg { width: 100%; display: block; position: absolute; left: 0px; top: 0px; }
.banner .item { position: relative; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat; }
/*.banner .slick-active .bimg { visibility: visible !important; -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }
*/
.banner .slick-active  { visibility: visible !important; -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }



.mouseIco { background: url(btn22.png) no-repeat scroll center center; width: 29px; height: 50px; position: absolute; left: 50%; bottom: 5%; margin-left: -12px; z-index: 100; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; }
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}

@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}
/*banner*/






.footer{background:url(foot.jpg); height: 220px; }
.footTop{background:url(footbg.jpg) no-repeat;background-position: center;background-size: cover;line-height: 24px;padding:30px 0;}
.footTop .footT-head{font-size: 18px;color:#333333;}
.footTop .footT-main{color:#333333;font-size: 15px;}
.footTop .footT-main a{color:#333333;font-size: 15px;margin:0 6px;}
.footT-bom{margin:35px 0 0 0;}
.add{width: 80%;}
.footT-head2{font-size: 18px;color:#333333;line-height: 40px;}
.addR ul li{color:#333333;font-size: 15px;line-height: 40px;}
.ewm{width: 20%;}
.ewm div{margin:0 1%;}
.ewm div p{font-size: 15px;color:#333333;}
.footBotom{background:#4d5668;height: 46px;line-height: 46px;background:#4d5668;color:#b5b7bd;font-size: 13px;}


.subnav{background:#e6e6e6;padding:10px 0;}
.subnav a{height: 30px;line-height: 30px;padding:0 12px;color:#333333;font-size: 16px;background:url(a1_49.png) no-repeat;background-size:100% 100%;display:inline-block;margin:0 5px;}
.subnav a:hover{background:url(a1_51.png) no-repeat;color:#fff;background-size:100% 100%;}
.subnav2{padding:10px 0;}
.subnav2 a{height: 50px;line-height: 50px;padding:0 12px;color:#333333;font-size: 24px;background:url(a1_49.png) no-repeat;background-size:100% 100%;display:inline-block;margin:0 5px;}
.osub{background:url(a1_51.png) no-repeat !important;color:#fff !important;background-size:100% 100% !important;}

.scenic{margin:60px 0; height: 1150px}
.scenic-top{}
.scenicT{height: 70px;line-height: 70px;background:url(a1_56.png) no-repeat #f0f0f0 center top;font-size: 30px;font-weight: bold;color:#333333;}
.scenicB{border-right:1px #dcdcdc solid;border-left:1px #dcdcdc solid;padding:36px 29px;position: relative;}
.scenicB b{height: 9px;background:url(border1.jpg) repeat-x;position: absolute;left:0;bottom:0;width: 100%;}
.scenicB p{color:#444;line-height: 28px;}

.scenic-list{margin:50px 0 0 0;}
.scenic-list ul li{float:left;width: 31%;margin:0 1% 3% 1.3%;position: relative;/*height: 398px;*/overflow:hidden;}
.scenic-list ul li a{display:block;height: 100%;}
.scenic-list ul li a img{
    width: 100%;height: 100%;
    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;

}
.scenic-list ul li a p{position: absolute;left:0;bottom:0;background:url(bg1.png) repeat;height: 36px;line-height: 36px;color:#fff;width: 100%;text-align: center;}
.scenic-list ul li a:hover img{

    transform:scale(1.2, 1.2);
    -webkit-transform:scale(1.2, 1.2);
    -o-transform:scale(1.2, 1.2);
    -moz-transform:scale(1.2, 1.2);

    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;
}
.scenic-list ul li a:hover p{background:url(b21.png) repeat;}



.pagBox{text-align: center;}
/*.paging{height: 32px;line-height: 32px;display:inline-block;}
.paging a,.paging span{float:left;color:#444444;font-size: 16px;padding:0 10px;margin:0 10px;}
.paging a:hover{border-bottom: 2px #db3632 solid;color:#db3632;}
.pagingR a:hover,.pagingL a:hover{border-bottom: none !important;}
.pagingR,.pagingL{width: 70px;height: 32px;}
.pagingR a,.pagingL a{width: 100%;height: 100%;background-repeat: no-repeat;background-position: center 0;margin:0;padding:0;}
.pagingL a{display:block;background-image: url(btn_03.png);}
.pagingR a{display:block;background-image: url(btn_05.png);}
.pagingL a:hover,.pagingR a:hover{background-position: center -88px;}*/


/*分页*/
.paging{padding:30px 0; font-size:0;}
.paging a{display:none;}
    .paging .SplitPage a {
        line-height: 34px;
        display: inline-block;
        font-size: 14px;
        color: #6b6b6b;
        padding: 0 14px;
        margin-right: 6px;
        border: 1px #d6d6d6 solid;
        height: 34px;
    }
/*.page .SplitPage a:first-child{display:none;}*/
.nowpage{background:#cc0000; color:#fff; line-height:34px; display:inline-block; font-size:14px; padding:0 14px; margin-right:6px; border:1px #d6d6d6 solid;}
.paging .SplitPage a:hover{background: #cc0000;color: #fff;}


/*图片放大*/
    .photo-mask {
        position: fixed;
        z-index: 99999999;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        background-image:url(bg1.png);
        background-repeat:repeat;
        display: none;
    }
    .photo-panel {
        position: fixed;
        display: none;
        clear: both;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index:  999999999;
    }
    .photo-panel .photo-div,
    .photo-panel .photo-bar {
        width: 100%;
    }
    .photo-panel .photo-div {
        width: 960px;
        height: 560px;
        z-index: 11;
        margin: auto;
        position: fixed;
        left: 0;
        right: 0;
        top:20%;

    }
    .photo-panel .photo-close {
        background: url(close.png);
        width: 56px;
        height: 56px;
        position: absolute;
        margin-left: 664px;
        z-index: 9999999;
    }
    .photo-panel .photo-close:hover {
        background: url(close_ch.png);
        width: 56px;
        height: 56px;
        position: absolute;
        margin-left: 664px;
    }
    .photo-panel .photo-bar-tip {
        width: 700px;
        height: 44px;
        position: absolute;
        margin-top: -64px;
        padding: 10px;
    }
    .photo-panel .photo-bar-tip:hover {
        width: 700px;
        height: 44px;
        position: absolute;
        margin-top: -64px;
        background: #000;
        filter: alpha(opacity=20);
        -moz-opacity: 0.8;
        opacity: 0.8;
        color: #fff;
        padding: 10px;
    }
    .photo-panel .photo-img {
        width: 720px;
        float: left;
        height: 560px;
        background: #fff;
    }
    .photo-panel .photo-view-w {
        width: 720px;
        height: 560px;
        text-align: center;
        vertical-align: middle;
        display: table-cell;
    }
    .photo-panel .photo-view-h {
        width: 720px;
        height: 560px;
        text-align: center;
        vertical-align: middle;
    }
    .photo-panel .photo-view-w img {
        max-width: 100%;
        height: auto;
        vertical-align: middle;
        text-align: center;
        max-height: 540px;
        margin: 10px;
        -moz-box-shadow: 5px 5px 5px #a6a6a6;
        /* 老的 Firefox */
        box-shadow: 5px 5px 5px #a6a6a6;
        -webkit-animation: swing 1s .2s ease both;
        -moz-animation: swing 1s .2s ease both;
    }
    .photo-panel .photo-view-h img {
        max-width: 700px;
        height: 540px;
        margin: 10px;
        -moz-box-shadow: 5px 5px 5px #a6a6a6;
        /* 老的 Firefox */
        box-shadow: 5px 5px 5px #a6a6a6;
        -webkit-animation: swing 1s .2s ease both;
        -moz-animation: swing 1s .2s ease both;
    }
    @-webkit-keyframes swing {
        20%,
        40%,
        60%,
        80%,
        100% {
            -webkit-transform-origin: top center;
        }
        20% {
            -webkit-transform: rotate(15deg);
        }
        40% {
            -webkit-transform: rotate(-10deg);
        }
        60% {
            -webkit-transform: rotate(5deg);
        }
        80% {
            -webkit-transform: rotate(-5deg);
        }
        100% {
            -webkit-transform: rotate(0deg);
        }
    }
    @-moz-keyframes swing {
        20%,
        40%,
        60%,
        80%,
        100% {
            -moz-transform-origin: top center
        }
        20% {
            -moz-transform: rotate(15deg);
        }
        40% {
            -moz-transform: rotate(-10deg);
        }
        60% {
            -moz-transform: rotate(5deg);
        }
        80% {
            -moz-transform: rotate(-5deg);
        }
        100% {
            -moz-transform: rotate(0deg);
        }
    }
    .photo-panel .photo-left,
    .photo-panel .photo-right {
        width: 120px;
        float: left;
        margin-top: 220px;
    }
    .photo-panel .arrow-prv {
        background: url(l.png);
        width: 120px;
        height: 120px;
    }
    .photo-panel .arrow-prv:hover {
        background: url(l_ch.png);
        width: 120px;
        height: 120px;
        cursor: pointer;
    }
    .photo-panel .arrow-next {
        background: url(r.png);
        width: 120px;
        height: 120px;
    }
    .photo-panel .arrow-next:hover {
        background: url(r_ch.png);
        width: 120px;
        height: 120px;
        cursor: pointer;
    }
/*图片放大*/



/*西山*/
.banner{height:100%;width: 100%;overflow:hidden;}



.aboutH{margin:65px 0;}
.aboutH-head{}
.aboutH-head h1{font-size: 40px;font-weight: bold;color:#222222;}
.aboutH-head h1 img{margin:0 15px 0 0;}
.aboutH-head dl{color:#555;font-size: 16px;margin:18px 0 0 0;line-height: 40px;}

.aboutH-head .title {text-align: center;width: 35%;margin:0 auto;position: relative;}
.aboutH-head .title .fl{position: absolute;left:-9px;top:0;height: 40px;width: 9px;background:url(yuan.png) no-repeat;background-position: center;}
.aboutH-head .title .fr{position: absolute;right:-9px;top:0;height: 40px;width: 9px;background:url(yuan.png) no-repeat;background-position: center;}

.aboutH-head .title span {display: block;font-size: 20px;color: #23330e;position: relative;}
.aboutH-head .title span:before,.aboutH-head .title span:after {content: '';position: absolute;top:50%;background: #bfbfbf;width:30%;height:1px;}
.aboutH-head .title span:before{left:0;}
.aboutH-head .title span:after {right:0;}

.aboutH-main{margin:22px 0 0 0;}
.abL{width: 49.3%;}
.abL dl{width: 48.5%;}


.abL-pic{height: 310px;overflow:hidden; position: relative;}
.abL-pic .bd{height: 100%;}
.abL-pic .bd ul{width: 100%;height: 100%;}
.abL-pic .bd li{ width:100% ; height:100%; float:left; overflow:hidden; position:relative; }
.abL-pic .bd li a b{display: block;width:100%; height:100%;background-size: cover;background-position: center;position: relative;

    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;
}
.abL-pic .bd li a:hover  b{
    transform:scale(1.2, 1.2);
    -webkit-transform:scale(1.2, 1.2);
    -o-transform:scale(1.2, 1.2);
    -moz-transform:scale(1.2, 1.2);

    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;
}
.abL-pic .bd li p{background:url(bg1.png) repeat;height: 36px;line-height: 36px;color:#fff;position: absolute;left:0;bottom:0;width: 100%;text-indent: 10px;}
.abL-pic .bd li p img{width: 4px;height: 4px;display:inline-block;margin:0 5px 0 0;}
.abL-pic .hd{  position:absolute; bottom:12px; right:11px; z-index:10;}
.abL-pic .hd li{  width:10px; height:10px; line-height:10px;overflow:hidden; display:inline-block; vertical-align:bottom; margin-right:5px; text-indent:-99999em; cursor:pointer; border-radius:50%;background:#90938c;}
.abL-pic .hd li.on{ background:#c3c5bf;}
/*.abL-pic{height: 310px;overflow:hidden;   background-size: cover;background-position: center;}
.abL-pic a img{width: 100%;height: 100%;

    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;


}
.abL dl:hover .abL-pic a img{

    transform:scale(1.2, 1.2);
    -webkit-transform:scale(1.2, 1.2);
    -o-transform:scale(1.2, 1.2);
    -moz-transform:scale(1.2, 1.2);

    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;
}
*/



.abL-txt{margin:5px 0 0 0;}
.abLhead-top{height: 41px;line-height: 41px;background:#516c88;font-size: 20px;font-weight: bold;color:#fff;}
.abLhead-top span{margin:0 5px;}
.abLhead-top1{height: 41px;line-height: 41px;background:#317375;font-size: 20px;font-weight: bold;color:#fff;}
.abLhead-top1 span{margin:0 5px;}

.abLhead-main{background:#f5f5f5;padding:15px 20px;min-height: 147px;overflow:hidden;height:147px;}
.abLhead-main p{color:#444444;line-height: 26px;}
.abL-btn{}
.abL-btn a{width: 78px;height: 25px;line-height: 25px;border:1px #71879d solid;display:inline-block;border-radius: 25px;color:#516c88;text-align: center;margin:14px 0  0 0;


    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;

}
.abL-btn1{}
.abL-btn1 a{width: 78px;height: 25px;line-height: 25px;border:1px #71879d solid;display:inline-block;border-radius: 25px;color:#516c88;text-align: center;margin:14px 0  0 0;


    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;

}



.abLhead-main{}
.abLhead-main ol li{height: 26px;line-height:26px;overflow:hidden;}
.abLhead-main ol li a strong{color:#333333;font-size: 15px;}
.abLhead-main ol li a .fl{color:#444;width: 67%;padding:0 0 0 3%;background:url(dian.jpg) no-repeat left center;}
.abLhead-main ol li a .fr{width: 30%;color:#666;font-size:13px;overflow:hidden;text-align: right;}
.abLhead-main ol li a:hover *{color:#db3632;}





.abL dl:hover .abL-btn a{background:#71879d;border:1px #317375 solid;color:#fff;

    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;

}
.abL dl:hover .abL-btn1 a{background:#317375;border:1px #317375 solid;color:#fff;

    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;

}

.abR{width: 49.3%;}
.abR-top{}
.jqhd{width: 48.5%;}
.jqhd-head{height: 46px;line-height: 46px;background:#e7dfcb;font-size: 20px;color:#333333;font-weight: bold;}
.jqhd-main{margin:5px 0 0 0;height: 259px;position: relative;}
.jqhd-main .bd ul{width: 100%;height: 259px;}
.jqhd-main .bd li{ width:100% ; height:100%; float:left; overflow:hidden; position:relative; }
.jqhd-main .bd li img{ width:100%; height:100%; display:block;

    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;

 }

.jqhd-main .bd li:hover  a img{

    transform:scale(1.2, 1.2);
    -webkit-transform:scale(1.2, 1.2);
    -o-transform:scale(1.2, 1.2);
    -moz-transform:scale(1.2, 1.2);

    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;
}







.jqhd-main .bd li p{background:url(bg1.png) repeat;height: 36px;line-height: 36px;color:#fff;position: absolute;left:0;bottom:0;width: 100%;text-indent: 10px;}
.jqhd-main .bd li p img{width: 4px;height: 4px;display:inline-block;margin:0 5px 0 0;}
.jqhd-main .mr_frBtnL{display:inline;right:70px;}
.jqhd-main .mr_frBtnR{right:14px;}
.jqhd-main .mr_frBtnL,.jqhd-main .mr_frBtnR{position: absolute;bottom:14px;width:8px;height:14px;cursor:pointer;z-index: 9999;}
.jqhd-main .pageState{position: absolute;bottom:3px;color:#fff;right:33px;z-index: 99999;font-size: 16px;}
.jqhd-main .pageState span{font-size:20px;}



.xsmv{width: 48.5%;}
.xsmv-head{height: 46px;line-height: 46px;}
.xsmv-head dl{font-size: 20px;color:#333333;font-weight: bold;height: 44px;line-height: 44px;border:1px #bebebe solid;text-align: center;width: 48%;cursor:pointer;}

.xsmv-main{position: relative;margin:5px 0 0 0;height: 259px;}
.xsmv-main .bd ul{width: 100%;height: 259px;}
.xsmv-main .bd li{ width:100% ; height:100%; float:left; overflow:hidden; position:relative; }
.xsmv-main .bd li b{position: absolute;left:0;right:0;top:40%;width: 56px;height: 56px;background:url(b1_11.png) no-repeat;margin:0 auto;}

.xsmv-main .bd li img{ width:100%; height:100%; display:block; 

    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;


}
.xsmv-main .bd li :hover   img{

    transform:scale(1.2, 1.2);
    -webkit-transform:scale(1.2, 1.2);
    -o-transform:scale(1.2, 1.2);
    -moz-transform:scale(1.2, 1.2);

    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;
}




.xsmv-main .bd li p{background:url(bg1.png) repeat;height: 36px;line-height: 36px;color:#fff;position: absolute;left:0;bottom:0;width: 100%;text-indent: 10px;}
.xsmv-main .bd li p img{width: 4px;height: 4px;display:inline-block;margin:0 5px 0 0;}
.xsmv-main .hd{  position:absolute; bottom:12px; right:11px; z-index:10;}
.xsmv-main .hd li{  width:10px; height:10px; line-height:10px;overflow:hidden; display:inline-block; vertical-align:bottom; margin-right:5px; text-indent:-99999em; cursor:pointer; border-radius:50%;background:#90938c;}
.xsmv-main .hd li.on{ background:#c3c5bf;}
.onxsmv{background:#eed6cf;border:1px #eed6cf solid !important;}
.hide{display:none;}
.onxsmv2{background:url(b1_49.png) no-repeat !important;color: #db3632 !important;background-size: 100% 100% !important;}


.abR-botom{margin:10px 0 0 0;}
.rwxs{color:#222222;font-weight: bold;font-size: 20px;border-bottom: 1px #bebebe solid;padding:0 0 9px 0;}
.rwxs-main{height: 170px;margin:6px 0 0 0;position: relative;width: 100% !important;}
.rwxs-main .bd{overflow:hidden;}
.rwxs-main .bd ul{height:170px;overflow:hidden;}
.rwxs-main .bd li{ width:275px; height:100%; float:left; overflow:hidden; position:relative;margin:0 11px 0 0; }
.rwxs-main .bd li a img{ width:100%; height:100%; display:block;
    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;
 }
.rwxs-main .bd li p{background:url(bg1.png) repeat;height: 36px;line-height: 36px;color:#fff;position: absolute;left:0;bottom:0;width: 100%;text-align: center;}
.rwxs-main .mr_frBtnL{display:inline;right:40px;background: url(left1.png) no-repeat;background-position: 0 0; }
.rwxs-main .mr_frBtnR{right:0;background: url(right1.png) no-repeat;background-position: 0 0;}
.rwxs-main .mr_frBtnL:hover,.rwxs-main .mr_frBtnR:hover{background-position:0 -76px;}

.rwxs-main .mr_frBtnL,.rwxs-main .mr_frBtnR{position: absolute;top:-38px;width:24px;height:24px;cursor:pointer;z-index: 9999;}
.rwxs-main .bd li a:hover p{background:url(b21.png) repeat;}
.rwxs-main .bd li a:hover img{

    transform:scale(1.2, 1.2);
    -webkit-transform:scale(1.2, 1.2);
    -o-transform:scale(1.2, 1.2);
    -moz-transform:scale(1.2, 1.2);

    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;
}



.Teletext{height:406px;margin:30px 0 0 0;overflow:hidden;}
.txtbox{width: 33%;position: relative;height: 100%;overflow: hidden;}
.txtbox a{display:block;width: 100%;height: 100%;}
.txtbox a p{position: absolute;left:0;bottom:0;width: 100%;height: 36px;line-height: 36px;background:url(bg1.png) repeat;text-align: center;color:#fff;}
.txtbox a:hover p{background:url(b21.png) repeat;}

.txtbox a:hover b{
    transform:scale(1.2, 1.2);
    -webkit-transform:scale(1.2, 1.2);
    -o-transform:scale(1.2, 1.2);
    -moz-transform:scale(1.2, 1.2);

    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;
}

.txtbox a b{display:block;width: 100%;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;

    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;
}
.txtbox2 ul li a:hover b{
    transform:scale(1.2, 1.2);
    -webkit-transform:scale(1.2, 1.2);
    -o-transform:scale(1.2, 1.2);
    -moz-transform:scale(1.2, 1.2);

    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;
}

.txtbox2 ul li a b{display:block;width: 100%;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;

    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;
}





.txtbox2{width: 33.8%;margin:0 .1%;height: 100%;}
.txtbox2 ul{height: 100%;}
.txtbox2 ul li{width: 49%;margin:0 .5% 1% .5%;position: relative;float:left;height: 49.3%;overflow: hidden;}
.txtbox2 ul li a p{position: absolute;left:0;bottom:0;width: 100%;height: 36px;line-height: 36px;background:url(bg1.png) repeat;text-align: center;color:#fff;}
.txtbox2 ul li a{display:block;width: 100%;height: 100%;}
.txtbox2 ul li a:hover p{background:url(b21.png) repeat;}


.playxs{background-image:url(bg4_02.jpg);padding:70px 0 0 0;background-position:top center;background-size: cover;background-repeat: no-repeat;}
.playxs-nav{margin:20px 0 0 0;}
.playxs-nav ul li{float:left;width: 16.6%;}
.playxs-nav ul li a p{color:#333333;font-size: 15px;text-align: center;line-height: 30px;}
.playxs-nav ul li a div{height: 80px;margin:0 0 5px 0;background-position: center 0;background-repeat: no-repeat;

    transition: .5s all ease;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    -o-transition:.5s all ease;

}
.playxs-nav ul>li a div{background-image:url(b1_29.png);}
.playxs-nav ul>li+li a div{background-image:url(b1_30.png);}
.playxs-nav ul>li+li+li a div{background-image:url(b1_33.png);}
.playxs-nav ul>li+li+li+li a div{background-image:url(b1_35.png);}
.playxs-nav ul>li+li+li+li+li a div{background-image:url(b1_37.png);}
.playxs-nav ul>li+li+li+li+li+li a div{background-image:url(b1_39.png);}
.playxs-nav ul li a:hover div{
    background-position: center -144px;
    transition: .5s all ease;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    -o-transition:.5s all ease;
}
.playxs-nav ul li a:hover p{color:#cc0000;}



.playxs-circuit{margin:37px 0 0 0;}
.circuit-menu{text-align: center;}
.circuit-menu h1{color:#333333;font-size: 20px;font-weight: bold;margin:0 0 23px 0;}
.circuit-menu a{height: 36px;line-height: 36px;background-image: url(b1_47.png);background-repeat: no-repeat;background-size: 100% 100%;padding:0 20px;display:inline-block;margin:0 12px;font-size: 16px;font-weight: bold;color:#333333;}
.circuit-menu a:hover{background-image:url(b1_49.png);color:#db3632;}

.circuit-list{position: relative;height: 340px;margin:26px 0 0 0;}
.circuit-list .bd{overflow:hidden;}
.circuit-list .bd ul{width: 100%;height: 340px;}
.circuit-list .bd li{ width:555px; height:100%; float:left; overflow:hidden; position:relative;margin:0 20px 0 0; }
.circuit-list .bd li img{ width:100%; height:100%; display:block;
    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;


 }
.circuit-list .bd li p{background:url(bg1.png) repeat;height: 36px;line-height: 36px;color:#fff;position: absolute;left:0;bottom:0;width: 100%;text-align: center;}

.circuit-list .mr_frBtnL{display:inline;left:40%;}
.circuit-list .mr_frBtnR{right:40%;}
.circuit-list .mr_frBtnL,.circuit-list .mr_frBtnR{position: absolute;bottom:-32px;width:25px;height:16px;cursor:pointer;z-index: 9999;}
.circuit-list .hd{  position:absolute; bottom:-32px; right:0;left:0; z-index:10;/*margin:0 auto;display:inline-block;*/  text-align: center;}
.circuit-list .hd li{  width:10px; height:10px; line-height:10px;overflow:hidden; display:inline-block; vertical-align:bottom; margin-right:5px; text-indent:-99999em; cursor:pointer; border-radius:50%;background:#90938c;}
.circuit-list .hd li.on{ background:#c3c5bf;}

.circuit-list .bd li a:hover p{background:url(b21.png) repeat;}
.circuit-list .bd li a:hover img{

    transform:scale(1.2, 1.2);
    -webkit-transform:scale(1.2, 1.2);
    -o-transform:scale(1.2, 1.2);
    -moz-transform:scale(1.2, 1.2);

    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;
}




.playxs-other{margin:65px 0 0 0;}
.playxs-other table{width: 100%;}
.playxs-other table tr td{position: relative;border-right:2px #daddd9 solid;overflow: hidden;}
.playxs-other table tr td a span{width: 20px;height: auto;background:url(bg1.png) repeat;color:#fff;font-size: 18px;text-align: center;position: absolute;left:0;right:0;top:38%;margin:0 auto;padding:7px 8px;z-index: 99;}
.playxs-other table tr td a img{width: 100%;

    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;

}
.playxs-other table tr td a:hover   img{

    transform:scale(1.2, 1.2);
    -webkit-transform:scale(1.2, 1.2);
    -o-transform:scale(1.2, 1.2);
    -moz-transform:scale(1.2, 1.2);

    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;
}




.playxs-other table tr td a b{position: absolute;left:0;top:0;width: 100%;height: 100%;z-index: 9;overflow:hidden;}
.playxs-other table tr td a:hover span{border:1px #aa987b solid;padding:5px 6px;}


.playxs-other table tr td a b:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index: -1; background-image:url(bg1.png);background-repeat: repeat; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.playxs-other table tr td a:hover b:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}






/*西山出行（西山交通）*/
.trip{margin:29px 0; height: 100%}


.trip ul li{float:left;width:24%;margin:10px .5%;position: relative;height: 311px;overflow:hidden;}
.trip ul li a{display:block;height: 100%;}
.trip ul li a img{
    width: 100%;height: 100%;
    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;

}
.trip ul li a p{position: absolute;left:0;bottom:0;background:url(bg1.png) repeat;height: 36px;line-height: 36px;color:#fff;width: 100%;text-align: center;}
.trip ul li a:hover img{

    transform:scale(1.2, 1.2);
    -webkit-transform:scale(1.2, 1.2);
    -o-transform:scale(1.2, 1.2);
    -moz-transform:scale(1.2, 1.2);

    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;
}
.trip ul li a:hover p{background:url(b21.png) repeat;}






/*游在西山（景点摄影）*/
.journey{margin:58px 0;}




/*西山出行（网友热评）*/
.buzz{margin:59px 0;}
.Guestbook{}
.Guestbook-head{font-size: 20px;color:#333333;font-weight: bold;}
.Guestbook-input{margin:19px 0 0 0;}
.input-item{margin:0 0 13px 0;}
.input-item input{width: 47%;border:1px #d2d2d2 solid;height: 44px;line-height: 44px;padding:0 0 0 2%;}
.Guestbook-input textarea{resize: none;height: 100px;padding:2%;border:1px #d2d2d2 solid;width: 96%;}
.Guestbook-btn{text-align: center;margin:27px 0 0 0;}
.Guestbook-btn a{width: 150px;height: 36px;line-height: 36px;border-radius: 36px;background:#cc0000;text-align: center;color:#fff;font-size: 18px;display:inline-block;}


.Guestbook-list{margin:42px 0 0 0;}
.discuss{margin:23px 0 0 0;}
.discuss ul li{margin:0 0 50px  0;}
.discuss-top{border-bottom: 1px #d9d9d9 solid;padding:0 0 11px 0;}
.user2{width: 44px;height: 44px;border-radius: 44px;overflow:hidden;}
.user2-xx{width: 95%;}
.user2-xx p{font-size: 17px;color:#444444;}
.user2-xx dl{font-size: 13px;color:#999999;}


.discuss-main{}
.discuss-main h6{color:#666666;line-height: 30px;}
.discuss-main p{color:#000000;line-height: 28px;}
.reply{background:#f0f0f0;padding:12px 20px;margin:10px 0 0  0;}
.reply h5{color:#db3632;}
.reply p{color:#333333;line-height: 28px;}







/*在线订票*/
.reserve{margin:50px 0;}
.reserve-head{background:#f0f0f0;height: 50px;line-height: 50px;font-size: 24px;color:#333333;}
.reserve-main{border-right:1px #ededed solid;border-left:1px #ededed solid;position: relative;padding:36px 20px;}
.reserve-main .border{position: absolute;left:0;bottom:0;width: 100%;background:url(border1.jpg) repeat-x;height: 9px;}
.zxdp-top{font-size: 18px;color:#000000;border-bottom:1px #f0f0f0 solid;padding:0 0 15px 0;}
.zxdp-main{margin:22px 0 0 0;}
.zxdp-main ul li{float:left;border:1px #dcdcdc solid;text-align: center;height: 78px;line-height: 78px;width: 23%;margin:0 1%;display:list-item;list-style: none;}
.zxdp-main ul li a{display:block;height: 100%;width: 100%;}



/*住在西山（酒店介绍）*/
.stay{margin:29px 0;}
.stay-main{}
.stay-main ul li{background:#f0f0f0;width: 48%;float:left;margin:0 1% 3% 1%;height: 310px;}
.stayL{width: 50%;overflow:hidden;height: 100%;overflow:hidden;}
.stayL a img{width: 100%;height: 100%;
    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;


}
.stay-main ul li:hover .stayL a img{

    transform:scale(1.2, 1.2);
    -webkit-transform:scale(1.2, 1.2);
    -o-transform:scale(1.2, 1.2);
    -moz-transform:scale(1.2, 1.2);

    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;
}



.stayR{width: 44%;padding:0 3%;}
.stayR h1{font-size: 20px;color:#333333;font-weight: bold;margin:10% 0 0 0;}
.stayR p{line-height: 24px;color:#444444;margin:10% 0;min-height: 96px;overflow:hidden;}
.stayR a{width: 108px;height: 28px;line-height: 28px;border:1px #b5b5b5 solid;border-radius: 28px;text-align: center;color:#b5b5b5;display:inline-block;position:relative;z-index: 4;overflow:hidden;}


.stay-main ul li:hover .stayR h1{color:#cc0000 !important;}

.stayR a:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index: -1; background-color:#cc0000; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.stay-main ul li:hover .stayR a:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.stay-main ul li:hover .stayR a{ overflow:hidden;color:#fff;border-color:#cc0000;}





/*联系我们*/
.contact{margin:59px 0;}
.contact-map{border: 1px #bfbfbf solid;}
.contact-map img{width: 100%;height: 100%;}
.contact-addre{margin:57px 0 0 0;}
.lxLogo{}
.lxName{margin:32px 0 0 0;}
.lxName span{color:#333333;font-size: 16px;margin:0 45px 0 0;}
.lxName span img{margin:0 6px 0 0;}
.lxMain{margin:50px 0 0 0;}
.lxMain ul li{float:left;width: 25%;color:#333333;font-size: 16px;height: 32px;line-height: 32px;}





/*人事招聘*/
.info{margin:59px 0;}
.recuite-info{ margin-top:20px;}
.recuite-info:nth-child(1) .recuite-list{ display:block;}
.recuite-list h4{color:#373d41;font-size: 18px;}
.recuite-list p{color:#565b5e;line-height: 28px;}
.recuite-top{  background:#f0f0f0; transition:366ms; position:relative; overflow:inherit; cursor:pointer;}
.recuite-top .t{  display:block; float:left; position:relative; color:#333333; font-size:16px; line-height:37px; padding-left:22px; }
.recuite-top .ico{ background:url(recuite-icon.png) no-repeat -26px 0; width:19px; height:19px; position:absolute; right:40px; top:9px;}
.recuite-top.on{ background:#516c88;}
.recuite-top.on .t{ color:#fff;}
.recuite-top.on .ico{ background-position:0 0;}
.recuite-list{ background:#fff; padding:25px 39px 40px 39px; position:relative; color:#565b5e; line-height:2; border:1px solid #516c88; border-top:none; display:none;}
.recuite-list .t{ font-size:18px; color:#373d41; padding-bottom:10px;}
.recuite-list .deliver{ margin-top:35px; padding-top:35px; border-top:1px solid #e1e2e3;}
.recuite-list .deliver a{ color:#516c88; font-size:16px; text-decoration:underline;}
.recuite-list .showd{  background:url(tshow.png) left center no-repeat; display:block; padding-left:29px; color:#516c88; font-size:16px; text-decoration:underline; cursor:pointer; position:absolute; right:40px; bottom:40px; transition:322ms;}
.recuite-list .showd:hover{ background-position:left 2px;}




/*人文西山*/
.cultural{margin:59px 0;}
.cultural ul li{float:left;width:24%;margin:0 .5% 2%;height: 311px;overflow:hidden;}
.cultural ul li a{display:block;height: 100%;}
.rwpic{height: 243px;overflow:hidden;}
.rwpic img{
    width: 100%;height: 100%;
    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;

}
.rwtxt{height: 60px;line-height: 60px;background-image: url(bg5_03.jpg);background-size: cover;background-repeat: no-repeat;font-size: 18px;font-weight: bold;color:#333333;}
.cultural ul li a:hover .rwtxt{background-image:url(bg5_05.jpg);color:#fff;
    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;
}
.cultural ul li a:hover .rwpic img{

    transform:scale(1.2, 1.2);
    -webkit-transform:scale(1.2, 1.2);
    -o-transform:scale(1.2, 1.2);
    -moz-transform:scale(1.2, 1.2);

    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;
}





/*未来规划*/
.project{margin:59px 0;}
.project ul li{float:left;width:24%;margin:0 .5% 2%;height: 310px;overflow:hidden;position: relative;}
.project ul li a{display:block;height: 100%;}
.project ul li a img{
    width: 100%;height: 100%;
    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;

}
.project ul li a p{position: absolute;left:0;bottom:0;width: 100%;background:url(bg1.png) repeat;color:#fff;height: 36px;line-height: 36px;text-align: center;}
.project ul li a:hover p{background:url(b21.png);}
.project ul li a:hover img{

    transform:scale(1.2, 1.2);
    -webkit-transform:scale(1.2, 1.2);
    -o-transform:scale(1.2, 1.2);
    -moz-transform:scale(1.2, 1.2);

    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;
}







/*西山动态*/
.Trends{margin:59px 0;}
.Trends ul li{float:left;width:24%;margin:0 .5% 2%;height: 419px;overflow:hidden;position: relative;}
.Trends ul li a{display:block;height: 100%;}
.rwpic2{height: 310px;overflow:hidden;}
.rwpic2 img{
    width: 100%;height: 100%;
    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;
}
.Trends-txt{background:#f0f0f0;padding:21px 24px;position: relative;}
.lin1{height: 2px;position: absolute;left:0;bottom:0;width: 0;background:#cc0000;
    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;

}
.Trends-txt p{color:#333;font-size: 18px;}
.txt-data{margin:23px 0 0 0;line-height: 18px;position: relative;overflow:hidden;}
.txt-data span{color:#777777;margin:0 26px 0 0;}
.txt-data span img{margin:0 7px 0 0;}
.txt-data b{width: 18px;height: 18px;background:url(play2.png) no-repeat;display:inline-block;position: absolute;right:0;top:20px;

    transition: .5s all ease;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    -o-transition:.5s all ease;

}

.Trends ul li a:hover .lin1{width: 100%;}
.Trends ul li a:hover .txt-data b{top:0;}
.Trends ul li a:hover .Trends-txt p{color:#cc0000;}
.Trends ul li a:hover .rwpic2 img{

    transform:scale(1.2, 1.2);
    -webkit-transform:scale(1.2, 1.2);
    -o-transform:scale(1.2, 1.2);
    -moz-transform:scale(1.2, 1.2);

    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;
}






/*西山简介*/
.intro{margin:59px 0;}
.intro-top{background:#f0f0f0;height: 54px;line-height: 54px;color:#333333;font-size: 24px;}
.intro-main{border-left:1px #dcdcdc solid;border-right:1px #dcdcdc solid;position: relative;padding:42px 19px 30px;}
.intro-main b{position: absolute;left:0;bottom:0;height: 9px;width: 100%;background:url(border1.jpg) repeat-x;}
.intro-txt{margin:30px 0 0 0;}
.intro-txt p{line-height: 28px;color:#444444;}
.intro-pic{margin:35px 0 0 0;}
.intro-pic img{width: 49%;}




/*西山视频*/
.video{margin:59px 0;}
.video ul li{float:left;width:24%;margin:0 .5% 3% .5%;position: relative;height:259px;overflow:hidden;}
.video ul li a{display:block;height: 100%;}
.video ul li a b{width: 56px;height: 56px;position: absolute;left:0;right:0;margin:0 auto;top:38%;display:inline-block;background:url(b1_11.png) no-repeat;}
.video ul li a img{
    width: 100%;height: 100%;
    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;

}
.video ul li a p{position: absolute;left:0;bottom:0;background:url(bg1.png) repeat;height: 36px;line-height: 36px;color:#fff;width: 100%;text-indent: 15px;overflow:hidden;}
.video ul li a p img{width: 4px;height: 4px;margin:0 5px 0 0;}
.video ul li a:hover img{

    transform:scale(1.2, 1.2);
    -webkit-transform:scale(1.2, 1.2);
    -o-transform:scale(1.2, 1.2);
    -moz-transform:scale(1.2, 1.2);

    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;
}
.video ul li a:hover p{background:url(b21.png) repeat;}





.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; left: 0; top: 0; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 860px; height: 480px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -240px; margin-left: -430px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 37px; height: 38px; cursor: pointer; position: absolute; top: -42px; right: 0px; }
.vwrap .close i { display: block; width: 37px; height: 38px; background: url(close22.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button { background: none no-repeat!important; }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }














/*新闻详情*/
.news{margin:29px 0;}
.news-main{border-left:1px #dcdcdc solid;border-right:1px #dcdcdc solid;position: relative;padding:42px 19px 30px;}
.news-border{position: absolute;left:0;bottom:0;height: 9px;width: 100%;background:url(border1.jpg) repeat-x;}

.news-paging{border-top:1px #f0f0f0 solid;padding:10px 0 0 0;position: relative;font-family: '微软雅黑';font-size: 16px;}
.news-paging .pag{line-height: 26px;}
.news-paging .pag a{color:#888888;}
.news-paging .pag a span{color:#888888;}
.news-paging .pag a:hover span{color:#cc0000;}
.news-paging .fh{position: absolute;right:0;top:29%;border:1px #dcdcdc solid;width: 128px;height: 35px;line-height: 35px;text-align: center;}
.news-paging .fh a{color:#888;display:block;}
.news-paging .fh a img{margin:0 6px 0 0;}
.news-paging .fh a:hover{background:#cc0000;color:#fff;
    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;
}


.news-txt{margin:59px 0;}
.news-txt p{color:#555555;line-height: 30px;}

.news-survey{border-bottom: 1px #f0f0f0 solid;padding:0 0 16px 0;}
.newsBox{display:inline-block;}
.news-survey span{margin:0 54px 0 0;float:left;}
.news-survey span .fl img{margin:0 7px 0 0;}
.news-survey span .fl{color:#aaaaaa;}
.news-survey span .fr{color:#aaaaaa;}