.index-top {
    width: 100%;
    height: 640px;
    background: url(/res/images/index_04.jpg) no-repeat center;
}

.index-top-container {
    position: relative;
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}

@-webkit-keyframes cloud {
    0% {
        left: -250px;
        opacity: .2;
    }
    40% {
        left: 230px;
        opacity: 1;
    }
    60% {
        left: 650px;
        opacity: 1;
    }
    100% {
        left: 1020px;
        opacity: .2;
    }
}

@-moz-keyframes cloud {
    0% {
        left: -250px;
        opacity: .2;
    }
    40% {
        left: 230px;
        opacity: 1;
    }
    60% {
        left: 650px;
        opacity: 1;
    }
    100% {
        left: 1020px;
        opacity: .2;
    }
}

@-o-keyframes cloud {
    0% {
        left: -250px;
        opacity: .2;
    }
    40% {
        left: 230px;
        opacity: 1;
    }
    60% {
        left: 650px;
        opacity: 1;
    }
    100% {
        left: 1020px;
        opacity: .2;
    }
}

@keyframes cloud {
    0% {
        left: -250px;
        opacity: .2;
    }
    40% {
        left: 230px;
        opacity: 1;
    }
    60% {
        left: 650px;
        opacity: 1;
    }
    100% {
        left: 1020px;
        opacity: .2;
    }
}

.index-top .cloud-01 {
    position: absolute;
    top: 40px;
    left: -100px;
    width: 272px;
    height: 111px;
    -webkit-animation: cloud 60s linear 0s infinite;
       -moz-animation: cloud 60s linear 0s infinite;
         -o-animation: cloud 60s linear 0s infinite;
            animation: cloud 60s linear 0s infinite;
    opacity: .2;
    background: url(/res/images/cloud_01.png) no-repeat;
}

.index-top .cloud-02 {
    position: absolute;
    top: 120px;
    left: -100px;
    width: 156px;
    height: 64px;
    -webkit-animation: cloud 60s linear 15s infinite;
       -moz-animation: cloud 60s linear 15s infinite;
         -o-animation: cloud 60s linear 15s infinite;
            animation: cloud 60s linear 15s infinite;
    opacity: .2;
    background: url(/res/images/cloud_02.png) no-repeat;
}

.index-top .cloud-03 {
    position: absolute;
    top: 10px;
    left: -100px;
    width: 272px;
    height: 111px;
    -webkit-animation: cloud 60s linear 30s infinite;
       -moz-animation: cloud 60s linear 30s infinite;
         -o-animation: cloud 60s linear 30s infinite;
            animation: cloud 60s linear 30s infinite;
    opacity: .2;
    background: url(/res/images/cloud_01.png) no-repeat;
}

.index-top .cloud-04 {
    position: absolute;
    top: 80px;
    left: -100px;
    width: 156px;
    height: 64px;
    -webkit-animation: cloud 60s linear 45s infinite;
       -moz-animation: cloud 60s linear 45s infinite;
         -o-animation: cloud 60s linear 45s infinite;
            animation: cloud 60s linear 45s infinite;
    opacity: .2;
    background: url(/res/images/cloud_02.png) no-repeat;
}

.index-scroll-01 {
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    width: 614px;
    height: 286px;
    margin-top: -210px;
    margin-left: -407px;
    padding: 0 100px;
}

.index-scroll-01 .bd li {
    width: 614px;
    height: 266px;
}

.index-scroll-01 .bd img {
    display: block;
    width: 100%;
    height: 100%;
}

.index-scroll-01 .hd {
    text-align: center;
}

.index-scroll-01 .hd li {
    font-size: 0;
    display: inline-block;
    zoom: 1;
    width: 9px;
    height: 9px;
    margin: 0 5px;
    cursor: pointer;
    background: url(/res/images/index_06.png) no-repeat right;

    *display: inline;
}

.index-scroll-01 .hd .on {
    background-position: left;
}

.index-scroll-01 .prev,
.index-scroll-01 .next {
    position: absolute;
    top: 110px;
    left: 0;
    width: 76px;
    height: 76px;
    -webkit-transition: all .5s;
       -moz-transition: all .5s;
        -ms-transition: all .5s;
         -o-transition: all .5s;
            transition: all .5s;
    opacity: 0;
    background: url(/res/images/index_24.png) no-repeat;
}

.index-scroll-01 .next {
    right: 0;
    left: auto;
    background-position: right;
}

.index-top:hover .index-scroll-01 .prev,
.index-top:hover .index-scroll-01 .next {
    opacity: 1;
}

.beautiful {
    height: 610px;
    background: url(/res/images/index_01.jpg) center no-repeat;
}

.beautiful-box {
    width: 1208px;
    margin: 0 auto;
    padding-top: 30px;
}

.beautiful-box .headline {
    display: block;
    width: 1169px;
    height: 77px;
    margin: 0 auto;
    background: url(/res/images/index_02.png) center no-repeat;
}

.beautiful-box .beautiful-list {
    width: 530px;
    height: 32px;
    margin: 30px auto 35px auto;
}

.beautiful-box .beautiful-list a {
    font-size: 16px;
    line-height: 32px;
    float: left;
    width: 106px;
    height: 32px;
    text-align: center;
    color: #34190d;
}

.beautiful-box .beautiful-list .active {
    color: #fff;
    border-radius: 32px;
    background-color: #a81807;
}

.beautiful-box .beautiful-list a:hover {
    color: #fff;
    border-radius: 32px;
    background-color: #a81807;
}

.beautiful-box .picture-show li {
    position: relative;
    float: left;
    overflow: hidden;
    width: 292px;
    height: 172px;
    margin: 5px;
}

.beautiful-box .picture-show li a {
    display: block;
    width: 100%;
    height: 100%;
}

.beautiful-box .picture-show li img {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
       -moz-transition: all .3s;
        -ms-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;
}

.beautiful-box .picture-show li:hover img {
    -webkit-transform: scale(1.2);
       -moz-transform: scale(1.2);
            transform: scale(1.2);
}

.beautiful-box .picture-show li .info {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(/res/images/cover_60.png);
}

.beautiful-box .picture-show li h1 {
    font-size: 18px;
    line-height: 36px;
    overflow: hidden;
    width: 180px;
    margin-left: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    color: #fff;
}

.beautiful-box .picture-show li span {
    font-family: Arial;
    font-size: 16px;
    line-height: 36px;
    float: right;
    margin-right: 25px;
    color: #f5ca0e;
}

.index-scroll-02 .bd .date {
    font-family: Arial;
    font-size: 12px;
    display: block;
    color: #999;
}

.index-scroll-02 .bd h1 {
    font-size: 22px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    color: #333;
}

.index-scroll-02 .bd h1 a {
    color: #333;
}

.index-scroll-02 .bd li:hover h1 a {
    color: #eb542d;
}

.index-scroll-02 .bd p {
    font-size: 14px;
    line-height: 22px;
    display: -webkit-box;
    overflow: hidden;
    margin-top: 15px;
    text-overflow: ellipsis;
    color: #999;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.index-scroll-02 {
    position: relative;
    z-index: 9;
    left: 50%;
    width: 600px;
    margin-left: -600px;
    padding-right: 50px;
    padding-left: 190px;
    background: url(/res/images/index_08.png) no-repeat;
}

.index-scroll-02 .prev,
.index-scroll-02 .next {
    position: absolute;
    top: 16px;
    right: 0;
    width: 26px;
    height: 26px;
    background: url(/res/images/index_07.png) no-repeat;
}

.index-scroll-02 .next {
    top: 48px;
    background-position: 0 -30px;
}

.index-scroll-02 .prev:hover,
.index-scroll-02 .next:hover {
    background-position-x: -30px;
}

.index-scroll-02 .bd {
    overflow: hidden;
    height: 124px;
}

.index-news {
    position: relative;
    height: 540px;
    padding-top: 40px;
}

.index-news .sign1 {
    position: absolute;
    top: 240px;
    left: 50%;
    width: 372px;
    height: 338px;
    margin-left: -870px;
    background: url(/res/images/index_99.png) no-repeat;
}

.index-news .sign2 {
    position: absolute;
    top: 30px;
    right: 50%;
    width: 1571px;
    height: 514px;
    margin-right: -952px;
    background: url(/res/images/index_09.png) no-repeat;
}

.index-experience .headline {
    display: block;
    width: 1200px;
    height: 78px;
    margin: 0 auto;
    background: url(/res/images/index_10.png) no-repeat;
}

.index-experience .list {
    width: 936px;
    margin: 0 auto;
    margin: 70px auto 0 auto;
}

.index-experience .list li {
    float: left;
    width: 77px;
    margin: 0 20px;
}

.index-experience .list .box {
    position: relative;
    display: block;
    width: 77px;
    height: 77px;
}

.index-experience .list .normal {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /*background: url(/res/images/index_20.png) no-repeat;*/
}

.index-experience .list .active .normal,
.index-experience .list li:hover .normal {
    display: none;
}
/*
.index-experience .list .item1 .normal {
    background-position: 0 0;
}

.index-experience .list .item2 .normal {
    background-position: -117px 0;
}

.index-experience .list .item3 .normal {
    background-position: -234px 0;
}

.index-experience .list .item4 .normal {
    background-position: -350px 0;
}

.index-experience .list .item5 .normal {
    background-position: -468px 0;
}

.index-experience .list .item6 .normal {
    background-position: -585px 0;
}

.index-experience .list .item7 .normal {
    background-position: -702px 0;
}

.index-experience .list .item8 .normal {
    background-position: -819px 0;
}
*/
.index-experience .list .hover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /*background: url(/res/images/index_20.png) no-repeat;*/
    display: none;
}

.index-experience .list .active .hover,
.index-experience .list li:hover .hover {
    display: block;
}
/*
.index-experience .list .item1 .hover {
    background-position: 0 -108px;
}

.index-experience .list .item2 .hover {
    background-position: 1544px -91px;
}

.index-experience .list .item3 .hover {
    background-position: 1655px -91px;
}

.index-experience .list .item4 .hover {
    background-position: 1544px -91px;
}

.index-experience .list .item5 .hover {
    background-position: 1544px -91px
}

.index-experience .list .item6 .hover {
    background-position: 1544px -91px
}

.index-experience .list .item7 .hover {
    background-position: -702px -108px;
}

.index-experience .list .item8 .hover {
    background-position: -819px -108px;
}
*/
.index-experience .list h1 {
    font-size: 18px;
    margin-top: 15px;
    text-align: center;
    color: #721a12;
}

.index-experience {
    margin-top: -130px;
}

.index-park {
    position: relative;
    width: 100%;
    height: 780px;
    margin: 40px auto 0 auto;
    background: url(/res/images/index_11.jpg) no-repeat bottom;
}

.index-park .sign {
    position: absolute;
    top: 0;
    left: 50%;
    width: 655px;
    height: 562px;
    margin-left: -580px;
    background: url(/res/images/index_27.png) no-repeat left bottom;
}

.index-park .bd .box {
    position: relative;
    float: right;
    overflow: hidden;
    width: 218px;
    height: 134px;
    margin: 15px 10px;
}

.index-park .bd a {
    display: block;
    width: 100%;
    height: 100%;
}

.index-park .bd .pic-box {
    display: block;
    width: 100%;
    height: 100%;
}

.index-park .bd img {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
       -moz-transition: all .3s;
        -ms-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;
}

.index-park .bd .box:hover img {
    -webkit-transform: scale(1.2);
       -moz-transform: scale(1.2);
            transform: scale(1.2);
}

.index-park .bd h1 {
    font-size: 16px;
    line-height: 30px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    height: 30px;
    padding: 0 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    color: #fff;
    background: url(/res/images/cover_70.png);
}

.index-park .bd li {
    overflow: hidden;
    width: 714px;
    height: 328px;
}

.index-park .prev,
.index-park .next {
    position: absolute;
    top: 190px;
    left: 0;
    width: 48px;
    height: 92px;
    background: url(/res/images/index_12.png) no-repeat;
}

.index-park .next {
    right: 0;
    left: auto;
    background-position: right;
}

.index-park .bd {
    float: right;
    overflow: hidden;
    height: 328px;
    margin-right: 55px;
}

.index-scroll-03 {
    position: relative;
    overflow: hidden;
    width: 1250px;
    height: 328px;
    margin: 0 auto;
    padding-top: 45px;
}

.footer-list {
    width: 1220px;
    margin: 30px auto 60px auto;
}

.footer-list li {
    position: relative;
    float: left;
    overflow: hidden;
    width: 222px;
    height: 133px;
    margin: 0 11px;
}

.footer-list li a {
    display: block;
    width: 100%;
    height: 100%;
}

.footer-list li img {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
       -moz-transition: all .3s;
        -ms-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;
}

.footer-list li:hover img {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
            transform: scale(1.1);
}

.footer-list li .zt {
    position: absolute;
    top: 0;
    right: 10px;
    width: 37px;
    height: 40px;
    background: url(/res/images/index_18.png) center no-repeat;
}

.footer-list .rgt-btm {
    position: absolute;
    right: 12px;
    bottom: 15px;
}

.footer-list .rgt-btm em {
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
    display: block;
    color: #fff;
    border-bottom: 1px solid #fff;
}

.footer-list .rgt-btm i {
    font-size: 10px;
    font-style: normal;
    line-height: 20px;
    display: block;
    padding-right: 8px;
    padding-right: 8px;
    color: #fff;
    border-bottom: 1px solid #fff;
}

.findLy .itemBox5 .adBox.index-app {
    margin: 0;
}

.index-travel .headline {
    display: block;
    width: 1200px;
    height: 62px;
    margin: 0 auto;
    margin-bottom: 30px;
    background: url(/res/images/index_13.png) no-repeat;
}

.index-travel .app {
    font-size: 16px;
    line-height: 34px;
    display: block;
    width: 237px;
    height: 34px;
    margin: 0 auto;
    padding-left: 40px;
    color: #fff;
    background: url(/res/images/index_14.png) no-repeat;
}

.index-travel {
    position: relative;
    margin: -160px auto 30px auto;
}

.index-travel .info {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    padding: 10px 30px;
    background: url(/res/images/cover_45.png);
}

.index-travel .roundabout-in-focus .info {
    display: block;
}

.index-travel .info h1 {
    font-size: 18px;
    color: #fff;
}

.index-travel .info .look {
    font-family: Arial;
    font-size: 16px;
    line-height: 24px;
    float: right;
    margin-left: 10px;
    padding-left: 25px;
    color: #fff;
    background: url(/res/images/index_16.png) no-repeat left;
}

.index-travel .info .addr {
    font-size: 16px;
    line-height: 24px;
    float: right;
    padding-left: 20px;
    color: #fff;
    background: url(/res/images/index_15.png) no-repeat left;
}

.index-travel .info p {
    font-size: 13px;
    line-height: 18px;
    display: -webkit-box;
    overflow: hidden;
    margin-top: 10px;
    text-overflow: ellipsis;
    color: #ccc;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.index-travel .line {
    display: block;
    width: 460px;
    height: 12px;
    margin: 20px auto 40px auto;
    text-align: center;
    background: url('/res/images/index_25.png') no-repeat center;
}

.index-travel .line em {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 30px;
    background: url('/res/images/index_21.png') no-repeat right;

    *display: inline;
}

.index-travel .line .active {
    background-position: left;
}

.index-travel .more {
    font-size: 18px;
    line-height: 40px;
    display: block;
    width: 165px;
    height: 40px;
    margin: 0 auto;
    text-align: center;
    color: #aa2007;
    border: 1px solid #a91f06;
}

.index-travel .more:hover {
    color: #fff;
    background-color: #a91f06;
}

.myRoundaboutBox {
    overflow: hidden;
    width: 1190px;
    height: 318px;
    margin: 40px auto 0 auto;
    padding-left: 10px;
}

.roundabout-holder {
    position: relative;
    width: 1200px;
    height: 318px;
}

.roundabout-moveable-item {
    width: 570px;
    height: 318px;
}

.roundabout-moveable-item img {
    display: block;
    width: 100%;
    height: 100%;
}



/************************ 閺備即妞堢拠锔藉�?*****************************/

.content-detail {
    width: 1200px;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 60px;
}

.content-left {
    float: left;
    width: 735px;
}

.content-left h1 {
    font-size: 24px;
    line-height: 32px;
    height: 32px;
    margin-bottom: 30px;
}

.content-left .content-title {
    line-height: 44px;
    height: 44px;
    margin-bottom: 40px;
    background-color: #f5f5f5;
}

.content-title .time {
    font-size: 14px;
    float: left;
    color: #333;
}

.content-title .time em {
    margin: 0 20px;
}

.content-title .share {
    float: right;
}

.content-title .share .icon01 {
    line-height: 44px;
    float: left;
    height: 44px;
    margin-right: 35px;
    padding-left: 25px;
    color: #999;
    background: url(/res/images/icon01.png) no-repeat left;
}

.content-title .share .icon02 {
    line-height: 44px;
    float: left;
    height: 44px;
    margin-right: 35px;
    padding-left: 25px;
    color: #999;
    background: url(/res/images/icon02.png) no-repeat left;
}

.content-title .share .icon03 {
    line-height: 44px;
    float: left;
    height: 44px;
    margin-right: 20px;
    padding-left: 25px;
    background: url(/res/images/icon03.png) no-repeat left;
}

.content-detail .content-wrap {
    font-size: 14px;
    color: #333;
}

.content-detail .content-wrap p {
    font-size: 14px;
    margin-bottom: 20px;
    color: #333;
}

.content-detail .content-wrap img {
    display: block;
    width: 100%!important;
    height: auto!important;
    margin-bottom: 20px;
}

.content-left .btn {
    font-size: 16px;
    line-height: 42px;
    display: block;
    width: 194px;
    height: 42px;
    margin: 90px auto 0 auto;
    text-align: center;
    color: #fff;
    border-radius: 21px;
    background-color: #ff470e;
}

.content-left .btn:hover {
    background-color: #d0021b;
}

.content-right {
    float: right;
    width: 352px;
}

.content-right h1 {
    font-size: 24px;
    line-height: 32px;
    height: 32px;
    margin-bottom: 20px;
    color: #333;
}

.content-right .recommend li {
    height: 108px;
    margin-bottom: 20px;
}

.content-right .recommend .photo {
    float: left;
    width: 108px;
    height: 108px;
}

.content-right .recommend .photo img {
    width: 100%;
    height: 100%;
}

.content-right .recommend .introduce {
    font-size: 16px;
    float: right;
    width: 234px;
    margin-top: 30px;
    color: #333;
}

.content-right .recommend li:hover .introduce {
    color: #ff470e;
}


/************************ 濞撴瓕顔囬崚妤勩�?*****************************/

.travelsList {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 40px;
}

.travelsList .navBox {
    width: 100%;
    height: 75px;
    box-shadow: 0 3px 4px 0 #d2d2d2;
}

.travelsList .navBox .nav {
    width: 452px;
    margin: 0 auto;
    padding-top: 20px;
}

.travelsList .navBox a {
    font-size: 30px;
    line-height: 30px;
    float: left;
    width: 120px;
    height: 30px;
    margin: 0 53px;
    text-align: center;
    color: #373636;
}

.travelsList .navBox .active i {
    display: block;
    width: 30px;
    height: 3px;
    margin: 22px auto;
    background-color: #ed5322;
}

.travelsList .contentBox {
    width: 1200px;
    margin: 20px auto;
}

.travelsList .contentBox ul {
    width: 1224px;
}

.travelsList .contentBox li {
    float: left;
    width: 588px;
    height: 454px;
    margin: 24px 24px 0 0;
    box-shadow: 0 0 5px #ddd;
}

.travelsList .contentBox .pic {
    overflow: hidden;
    width: 100%;
    height: 314px;
}

.travelsList .contentBox img {
    width: 100%;
    height: 100%;
}

.travelsList .contentBox .pic img {
    -webkit-transition: all .2s;
       -moz-transition: all .2;
        -ms-transition: all .2s;
         -o-transition: all .2s;
            transition: all .2s;
}

.travelsList .contentBox .pic img:hover {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
            transform: scale(1.1);
}

.travelsList .contentBox .avatar {
    position: relative;
    overflow: hidden;
    width: 74px;
    height: 74px;
    margin: -40px auto 0 auto;
    border: 3px solid #fff;
    border-radius: 100%;
}

.travelsList .contentBox h1 {
    font-size: 18px;
    margin-top: 19px;
    text-align: center;
    color: #4a4a4a;
}

.travelsList .contentBox h1:hover {
    color: #d0021b;
}

.travelsList .contentBox h1 a {
    color: #4a4a4a;
}

.travelsList .contentBox li:hover h1 a {
    color: #ff470e;
}

.travelsList .contentBox p {
    font-size: 14px;
    margin-top: 11px;
    text-align: center;
    color: #9b9b9b;
}

.travelsList .contentBox span {
    display: inline-block;

    *display: inline;
}

.travelsList .contentBox .time {
    margin-right: 15px;
}

.travelsList .contentBox .author {
    margin-right: 30px;
}

.travelsList .contentBox .see,
.travelsList .contentBox .talk {
    padding-left: 23px;
}

.travelsList .contentBox .see {
    margin-left: 10px;
    background: url('/res/images/yjlb_2.png') no-repeat left center;
}

.travelsList .contentBox .talk {
    background: url('/res/images/yjlb_3.png') no-repeat left center;
}


/************************ 閺備即妞堥崚妤勩�?*****************************/

.news-list .list {
    width: 1200px;
    margin: 0 auto;
}

.news-list .list li {
    overflow: hidden;
    padding: 20px 10px 20px 0;
    border-bottom: #e7e6e3 solid 1px;
}

.news-list .list img {
    float: left;
    width: 285px;
    height: 194px;
    margin-right: 50px;
}

.news-list .list .news-text {
    overflow: hidden;
    width: 855px;
}

.news-list .list .news-text h1 {
    font-size: 18px;
    margin-bottom: 20px;
}

.news-list .list .news-text h1 a {
    color: #666;
}

.news-list .list .news-text h1 a:hover {
    color: #d0021b;
}

.news-list .list .news-text p {
    font-size: 14px;
    line-height: 1.7em;
    color: #999;
}

.news-list .list .detail {
    font-size: 14px;
    line-height: 34px;
    position: absolute;
    right: 0;
    bottom: 0;
    float: right;
    width: 100px;
    height: 34px;
    text-align: center;
    color: #fff;
    background-color: #ff470e;
}

.news-list .list .detail:hover {
    background-color: #d0021b;
}

.news-list .list .news-text {
    height: 160px;
    margin: 0 0 20px 0;
}

.news-list .list .time {
    font-size: 14px;
    line-height: 24px;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-right: 20px;
    color: #bdbdbd;
}

.news-list .btn {
    font-size: 16px;
    line-height: 42px;
    position: relative;
    z-index: 9;
    display: block;
    overflow: hidden;
    width: 194px;
    height: 42px;
    margin: 60px auto 60px auto;
    -webkit-transition: .5s;
            transition: .5s;
    text-align: center;
    color: #d0021b;
    border: 1px solid #d0021b;
    border-radius: 21px;
}

.news-list .btn i {
    position: absolute;
    z-index: -1;
    display: block;
    width: 0;
    height: 0;
    -webkit-transition: width .4s, height .4s;
            transition: width .4s, height .4s;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: #d0021b;
}

.news-list .btn:hover {
    color: #fff;
}

.news-list .btn:hover i {
    width: 562.5px;
    height: 562.5px;
}

.news-brief {
    position: relative;
    float: left;
    height: 194px;
}


/************************ 缂囧酣顥伴柊鎺戠�?*****************************/

.foodHotelList {
    width: 100%;
}

.foodHotelList .contentBox {
    width: 1200px;
    margin: 0 auto;
    padding: 0 0 100px 0;
}

.foodHotelList .list li {
    position: relative;
    margin-bottom: 50px;
}

.foodHotelList i {
    position: absolute;
    z-index: 9;
    top: -15px;
    left: -15px;
    width: 49px;
    height: 49px;
}

.foodHotelList .item1 i {
    background: url('/res/images/msjd_1.png') no-repeat center;
}

.foodHotelList .item2 i {
    background: url('/res/images/msjd_2.png') no-repeat center;
}

.foodHotelList .item3 i {
    background: url('/res/images/msjd_3.png') no-repeat center;
}

.foodHotelList .picBox {
    float: left;
    width: 307px;
    height: 184px;
    border: 1px dashed #b5b5b6;
}

.foodHotelList .picBox em {
    line-height: 2;
    position: absolute;
    z-index: 9;
    top: 20px;
    left: 0;
    width: 61px;
    height: 31px;
    text-align: center;
    color: #fff;
    background: url(/res/images/cacaca.png) no-repeat center;
}

.foodHotelList .b-box {
    float: left;
    width: 620px;
    margin-right: 50px;
}

.foodHotelList .b-box span {
    font-size: 14px;
    float: left;
    margin-right: 20px;
    color: #333;
}

.foodHotelList .infoBox b {
    font-size: 37px;
    color: #e06e49;
}

.foodHotelList .infoBox b span {
    font-size: 18px;
}

.foodHotelList .b-box h2 {
    padding: 10px 0 5px 0;
}

.foodHotelList .b-box s {
    padding-right: 5px;
    text-decoration: none;
}

.foodHotelList .pic {
    overflow: hidden;
    width: 296px;
    height: 167px;
    margin: 8px auto;
}

.foodHotelList .picBox img {
    width: 100%;
    height: 100%;
    -webkit-transition: all .2s;
       -moz-transition: all .2s;
        -ms-transition: all .2s;
         -o-transition: all .2s;
            transition: all .2s;
}

.foodHotelList .list li:hover img {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
            transform: scale(1.1);
}

.foodHotelList .list li:hover h1 {
    color: #ff470e;
}

.foodHotelList .infoBox {
    float: right;
    width: 840px;
}

.foodHotelList .infoBox h1 {
    font-size: 20px;
    color: #000;
}

.foodHotelList .infoBox p {
    font-size: 14px;
    line-height: 1.7em;
    overflow: hidden;
    height: 50px;
    margin-top: 10px;
    color: #bfbfbf;
}

.foodHotelList .infoBox .detail {
    font-size: 16px;
    line-height: 41px;
    display: block;
    width: 145px;
    height: 41px;
    margin-top: 24px;
    text-align: center;
    color: #fff;
    background-color: #ee5f3a;
}

.foodHotelList .infoBox .detail:hover {
    background-color: #f34109;
}

.foodHotelList .more {
    font-size: 16px;
    line-height: 41px;
    display: block;
    width: 194px;
    height: 41px;
    margin: 0 auto;
    text-align: center;
    color: #ee5f3a;
    border: 1px solid #ee5f3a;
    border-radius: 41px;
}

.foodHotelList .more:hover {
    color: #fff;
    background-color: #ee5f3a;
}


/************************ 濮广倖鏋冮崠鏍︾瑩妫帮拷*****************************/

.beefNoodlesTop {
    position: relative;
    width: 100%;
    height: 450px;
    border-top: 1px solid #000;
    background: url(/res/images/souptopic/nrmtop.png) no-repeat center bottom;
}

.beefNoodlesHistory {
    position: relative;
    width: 100%;
    height: 350px;
    background: url(/res/images/souptopic/minming.png) no-repeat center;
}

.beefNoodlesHistory .box {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 350px;
}

.beefNoodlesHistory .history {
    position: relative;
    float: left;
    height: 350px;
    background: url(/res/images/souptopic/bg_01.png) repeat;
}

.beefNoodlesHistory .history .title {
    position: absolute;
    top: 10px;
    right: 0;
    width: 157px;
    height: 249px;
    background: url(/res/images/souptopic/title_03.png) no-repeat;
}

.beefNoodlesHistory .box .history .text p {
    font-size: 19px;
}

.beefNoodlesHistory .history .arrow {
    position: absolute;
    right: -50px;
    bottom: 0;
    width: 23px;
    height: 25px;
    -webkit-animation: mysecond 1s linear 1s infinite alternate;
       -moz-animation: mysecond 1s linear 1s infinite alternate;
         -o-animation: mysecond 1s linear 1s infinite alternate;
            animation: mysecond 1s linear 1s infinite alternate;
    background: url(/res/images/souptopic/jiantou_01.png) no-repeat;
}

@keyframes mysecond {
    0% {
        right: -50px;
        bottom: 0;
    }
    100% {
        right: -70px;
        bottom: 0;
    }
}

@-moz-keyframes mysecond
/* Firefox */ {
    0% {
        right: -50px;
        bottom: 0;
    }
    100% {
        right: -70px;
        bottom: 0;
    }
}

@-webkit-keyframes mysecond
/* Safari and Chrome */ {
    0% {
        right: -50px;
        bottom: 0;
    }
    100% {
        right: -70px;
        bottom: 0;
    }
}

@-o-keyframes mysecond
/* Opera */ {
    0% {
        right: -50px;
        bottom: 0;
    }
    100% {
        right: -70px;
        bottom: 0;
    }
}

.beefNoodlesHistory .origin {
    position: relative;
    float: left;
    height: 350px;
    background: url(/res/images/souptopic/bg_02.png) repeat;
}

.beefNoodlesHistory .origin .title {
    position: absolute;
    top: 10px;
    left: 0;
    width: 149px;
    height: 215px;
    background: url(/res/images/souptopic/title_02.png) no-repeat;
}

.beefNoodlesHistory .origin .arrow {
    position: absolute;
    top: 0;
    left: -50px;
    width: 23px;
    height: 25px;
    -webkit-animation: myfirst 1s linear 1s infinite alternate;
       -moz-animation: myfirst 1s linear 1s infinite alternate;
         -o-animation: myfirst 1s linear 1s infinite alternate;
            animation: myfirst 1s linear 1s infinite alternate;
    background: url(/res/images/souptopic/jiantou_02.png) no-repeat;
}

@keyframes myfirst {
    0% {
        top: 0;
        left: -50px;
    }
    100% {
        top: 0;
        left: -70px;
    }
}

@-moz-keyframes myfirst
/* Firefox */ {
    0% {
        top: 0;
        left: -50px;
    }
    100% {
        top: 0;
        left: -70px;
    }
}

@-webkit-keyframes myfirst
/* Safari and Chrome */ {
    0% {
        top: 0;
        left: -50px;
    }
    100% {
        top: 0;
        left: -70px;
    }
}

@-o-keyframes myfirst
/* Opera */ {
    0% {
        top: 0;
        left: -50px;
    }
    100% {
        top: 0;
        left: -70px;
    }
}

.beefNoodlesHistory .text {
    display: none;
}

.beefNoodlesHistory .break {
    display: block;
    float: left;
    width: 4px;
    height: 350px;
    background-color: #fff;
}

.beefNoodlesHistory .origin .content {
    position: absolute;
    left: 100px;
    width: 740px;
    height: 240px;
    margin-top: 45px;
    padding-left: 200px;
}

.beefNoodlesHistory .history .content {
    position: absolute;
    right: 100px;
    width: 810px;
    height: 240px;
    margin-top: 45px;
    padding-right: 170px;
}

.beefNoodlesHistory .box .content p {
    font-family: kaiti;
    font-size: 22px;
    color: #fff;
}

.beefNoodlesHistory .box .content label {
    font-size: 14px;
    font-style: italic;
    display: block;
    margin-top: 20px;
    color: #fff;
}

.beefNoodlesTop .link {
    position: absolute;
    right: 50%;
    bottom: 160px;
    width: 150px;
    margin-right: -315px;
}

.beefNoodlesTop .link a {
    font-family: kaiti;
    font-size: 18px;
    line-height: 28px;
    display: block;
    float: right;
    width: 68px;
    height: 28px;
    margin-bottom: 10px;
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
    background-color: rgba(0, 0, 0, .3);
}

.beefNoodlesTop .link .a2 {
    margin-right: 20px;
}

.beefNoodlesTop .link .a3 {
    margin-right: 41px;
}

.beefNoodlesTop .link .a4 {
    margin-right: 61px;
}

.beefNoodlesTop .link .a5 {
    margin-right: 82px;
}

.beefNoodlesTop .link .a6 {
    margin-right: 103px;
}

.beefNoodlesTop .link .a7 {
    margin-right: 124px;
}

.beefNoodlesTop .link .a8 {
    margin-right: 144px;
}

.beefNoodlesTop .link a:hover {
    color: #000;
    background-color: #f3e945;
}

.beefNoodlesMake .break {
    display: block;
    width: 429px;
    height: 75px;
    margin: 45px auto;
    background: url(/res/images/souptopic/title_04.png) no-repeat;
}

.beefNoodlesMake .makeList {
    width: 1060px;
    margin: 0 auto;
    background: url(/res/images/souptopic/gongyi_bg.png) no-repeat;
    background-position: center 55px;
}

.beefNoodlesMake .makeList .text {
    font-size: 14px;
    line-height: 22px;
    width: 385px;
    color: #000;
    border: 1px solid #000;
    background-color: #fff;
}

.beefNoodlesMake .makeList .title {
    font-size: 40px;
    color: #d0021b;
}

.beefNoodlesMake .xuan .text {
    float: left;
    padding: 12px 10px 12px 103px;
    background: url(/res/images/souptopic/gongyi_icon_01.png) no-repeat 11px 30px #fff;
}

.beefNoodlesMake .xuan .title {
    float: left;
    margin-top: 35px;
    margin-left: 60px;
}

.beefNoodlesMake .huo {
    margin-top: 15px;
}

.beefNoodlesMake .huo .text {
    float: right;
    padding: 12px 103px 12px 10px;
    background: url(/res/images/souptopic/gongyi_icon_02.png) no-repeat 410px 85px #fff;
}

.beefNoodlesMake .huo .title {
    float: right;
    margin-top: 90px;
    margin-right: 60px;
}

.beefNoodlesMake .xing {
    margin-top: 15px;
}

.beefNoodlesMake .xing .text {
    float: left;
    padding: 12px 10px 12px 103px;
    background: url(/res/images/souptopic/gongyi_icon_03.png) no-repeat 11px 28px #fff;
}

.beefNoodlesMake .xing .title {
    float: left;
    margin-top: 35px;
    margin-left: 60px;
}

.beefNoodlesMake .liu {
    margin-top: 15px;
}

.beefNoodlesMake .liu .text {
    float: right;
    padding: 12px 103px 12px 10px;
    background: url(/res/images/souptopic/gongyi_icon_05.png) no-repeat 410px 18px #fff;
}

.beefNoodlesMake .liu .title {
    float: right;
    margin-top: 30px;
    margin-right: 60px;
}

.beefNoodlesMake .la {
    margin-top: 15px;
}

.beefNoodlesMake .la .text {
    float: left;
    padding: 12px 10px 12px 103px;
    background: url(/res/images/souptopic/gongyi_icon_04.png) no-repeat 11px 90px #fff;
}

.beefNoodlesMake .la .title {
    float: left;
    margin-top: 95px;
    margin-left: 60px;
}

.beefNoodlesMake .tang {
    margin-top: 15px;
}

.beefNoodlesMake .tang .text {
    float: right;
    padding: 12px 103px 12px 10px;
    background: url(/res/images/souptopic/gongyi_icon_06.png) no-repeat 410px 50px #fff;
}

.beefNoodlesMake .tang .title {
    float: right;
    margin-top: 55px;
    margin-right: 60px;
}

.beefNoodlesMake .hu {
    margin-top: 15px;
}

.beefNoodlesMake .makeList li:hover .text {
    color: #d0021b;
    border-color: #d0021b;
}

.beefNoodlesMake .makeList li:hover .title {
    font-weight: bold;
}

.beefNoodlesType {
    height: 525px;
    margin-top: 35px;
    padding-top: 25px;
    background: url(/res/images/souptopic/nrmbg1.png) no-repeat center;
}

.beefNoodlesType .break {
    display: block;
    width: 249px;
    height: 110px;
    margin: 0 auto;
    background: url(/res/images/souptopic/title_01.png) no-repeat;
}

.beefNoodlesMake .hu .text {
    float: left;
    padding: 12px 10px 12px 103px;
    background: url(/res/images/souptopic/gongyi_icon_07.png) no-repeat 11px 30px #fff;
}

.beefNoodlesMake .hu .title {
    float: left;
    margin-top: 35px;
    margin-left: 60px;
}

.beefNoodlesType .typeListWrap {
    width: 920px;
    margin: 0 auto;
    margin-top: 30px;
}

.beefNoodlesType .typeList {
    width: 1010px;
}

.beefNoodlesType .typeList li {
    position: relative;
    float: left;
    width: 162px;
    height: 162px;
    margin-right: 90px;
    margin-bottom: 20px;
}

.beefNoodlesType .typeList li img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 162px;
            border-radius: 162px;

    moz-border-radius: 162px;
}

.beefNoodlesType .typeList .title {
    font-family: kaiti;
    font-size: 40px;
    line-height: 156px;
    width: 156px;
    height: 156px;
    text-align: center;
    color: #fff;
    border: 3px dashed #fff;
    -webkit-border-radius: 156px;
       -moz-border-radius: 156px;
            border-radius: 156px;
}

.soup-nmb {
    margin-left: 130px;
}

.whereToEat {
    width: 970px;
    margin: 0 auto;
    padding-bottom: 80px;
}

.whereToEat .break {
    display: block;
    width: 429px;
    height: 75px;
    margin: 45px auto;
    background: url(/res/images/souptopic/title_05.png) no-repeat;
}

.whereToEat .eatList {
    width: 1010px;
}

.whereToEat .eatList li {
    float: left;
    width: 465px;
    margin-right: 40px;
    margin-bottom: 30px;
}

.whereToEat .eatList li img {
    display: block;
    width: 170px;
    height: 130px;
}

.whereToEat .eatList .content {
    float: right;
    width: 200px;
    margin-top: 25px;
    margin-right: 35px;
}

.whereToEat .eatList .content h1 {
    font-size: 22px;
    line-height: 29px;
    color: #000;
}

.whereToEat .eatList .content h1 a {
    font-size: 22px;
    line-height: 29px;
    color: #000;
}

.whereToEat .eatList .content span {
    font-size: 14px;
    line-height: 22px;
    float: left;
    height: 22px;
    margin-top: 12px;
    padding: 0 14px;
    color: #d0021b;
    border: 1px solid #d0021b;
    -webkit-border-radius: 24px;
       -moz-border-radius: 24px;
            border-radius: 24px;
}

.whereToEat .eatList li .link {
    float: right;
    width: 38px;
    height: 38px;
    margin-top: 35px;
    background: url(/res/images/souptopic/position.png) no-repeat;
}

.whereToEat .eatList li:hover h1 a {
    color: #d0021b;
}

.whereToEat .eatList li:hover .link {
    background-position: bottom;
}

.soup-more {
    margin: 0;
}


/************************ 濞茶濮╃拠锔藉�?*****************************/

.activity-box {
    width: 1200px;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 60px;
}

.activity-box .culture {
    width: 100%;
}

.activity-box .culture img {
    float: left;
    width: 599px;
    height: 322px;
    border: 3px solid #d7d7d7;
}

.activity-box .culture .culture-text {
    float: right;
    width: 572px;
    height: 328px;
}

.activity-box .culture .culture-text .top-line {
    width: 60px;
    height: 6px;
    background: #ed5322;
}

.activity-box .culture .culture-text h1 {
    font-size: 24px;
    margin-top: 30px;
    color: #4a4a4a;
}

.activity-box .culture .culture-text p {
    font-size: 14px;
    line-height: 24px;
    margin: 20px 0 25px 0;
    color: #878787;
}

.activity-box .culture .culture-text span {
    display: block;
}

.activity-box .culture .culture-text .time {
    font-size: 16px;
    margin-bottom: 5px;
    color: #ed5322;
}

.activity-box .culture .culture-text .place {
    font-size: 14px;
    float: left;
    margin: 5px 0 20px 0;
    padding-right: 30px;
    color: #878787;
    background: url(/res/images/hd1.png) right no-repeat;
}

.activity-box .culture .culture-text .doing {
    font-size: 16px;
    line-height: 36px;
    clear: both;
    width: 136px;
    height: 36px;
    text-align: center;
    color: #ed5322;
    border: 2px solid #ed5322;
    border-radius: 30px;
    background: #faedef;
}

.activity-box .activity-detail,
.activity-left .left-title {
    width: 100%;
}

.activity-left {
    float: left;
    width: 800px;
    padding-top: 30px;
}

.activity-left .left-title h1 {
    font-size: 18px;
    color: #4a4a4a;
}

.activity-left .long-line {
    display: block;
    width: 100%;
    height: 2px;
    margin-top: 20px;
    background-color: #e8e7e4;
}

.activity-left .short-line {
    display: block;
    width: 30px;
    height: 2px;
    margin: -2px 16px;
    background-color: #ed5322;
}

.activity-left .left-title p {
    font-size: 14px;
    line-height: 2em;
    overflow: hidden;
    color: #262626;
}

.activity-left .left-title .p-more {
    font-size: 14px;
    color: #4a90e2;
}

.activity-left .left-title .p-more:hover {
    color: #ff470e;
}

.activity-left .left-title .title-more {
    font-size: 14px;
    float: right;
    margin-top: 15px;
    color: #ff470e;
}

.activity-left .left-title .title-more:hover {
    color: #ff855f;
}

.activity-right {
    float: right;
    width: 352px;
    padding-top: 35px;
}

.activity-right .headline {
    font-size: 18px;
    line-height: 32px;
    display: block;
    height: 32px;
    margin-bottom: 16px;
    color: #4a4a4a;
}

.activity-right .recommend li {
    height: 108px;
    margin-bottom: 20px;
}

.activity-right .recommend .photo {
    float: left;
    overflow: hidden;
    width: 108px;
    height: 108px;
    margin-right: 12px;
}

.activity-right .recommend .photo img {
    width: 100%;
    height: 100%;
    -webkit-transition: all .2s;
       -moz-transition: all .2s;
        -ms-transition: all .2s;
         -o-transition: all .2s;
            transition: all .2s;
}

.activity-right .recommend .photo img:hover {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
            transform: scale(1.1);
}

.activity-right .recommend .title {
    font-size: 16px;
    padding-top: 30px;
    color: #4a4a4a;
}

.activity-right .recommend .title a {
    color: #4a4a4a;
}

.activity-right .recommend span {
    font-size: 14px;
    display: block;
    margin-top: 3px;
    color: #9b9b9b;
}

.activity-right .recommend li:hover .title a {
    color: #ff470e;
}

.active_detail_txt img {
    display: block;
    width: 100%;
    height: auto;
    padding: 15px 0;
}

.activity-left .pic-box {
    overflow: hidden;
    width: 822px;
    padding: 28px 0;
}

.activity-left .pic-box img {
    float: left;
    width: 252px;
    height: 150px;
    margin-right: 22px;
}

.activity-left .pic-box .box {
    float: left;
    margin-right: 17px;
}

.activity-left .pic-box .pic,
.activity-left .pic-box .pic img {
    width: 182px;
    height: 122px;
}

.activity-left .pic-box .pic img {
    float: none;
}

.activity-left .pic-box .pic {
    padding: 2px;
    border: 1px solid #f07852;
}

.activity-left .pic-box .title {
    font-size: 14px;
    padding: 0;
    text-align: center;
    color: #4a4a4a;
}

.activity-left .list li {
    padding: 20px 0;
    border-bottom: 1px solid #e7e7e7;
}

.activity-left .list-pic {
    float: left;
    overflow: hidden;
    width: 231px;
    height: 138px;
    margin-right: 16px;
}

.activity-left .list-pic img {
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s;
       -moz-transition: all .5s;
        -ms-transition: all .5s;
         -o-transition: all .5s;
            transition: all .5s;
}

.activity-left li:hover .list-pic img {
    -webkit-transform: scale(1.2);
       -moz-transform: scale(1.2);
            transform: scale(1.2);
}

.activity-left .list-title a {
    font-size: 18px;
    line-height: 30px;
    color: #333;
}

.activity-left .list-title a:hover {
    color: #ed5322;
}

.activity-left .list-content {
    position: relative;
    float: left;
    width: 540px;
    height: 138px;
}

.activity-left .list-content .list-brief {
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
    padding: 0;
    color: #8b8b8b;
}

.activity-left .list-content .brief-all {
    width: 770px;
}

.activity-left .list-content .list-info {
    font-size: 12px;
    line-height: 24px;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0;
    color: #878787;
}

.activity-left .list-info span {
    margin-right: 10px;
}


/************************ 游记详情 *****************************/

.travelsInfo {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 40px;
}

.travelsInfo .navBox {
    width: 100%;
    height: 70px;
}

.travelsInfo .navBox span {
    font-size: 30px;
    line-height: 30px;
    display: block;
    height: 30px;
    margin: 0 auto;
    padding-top: 10px;
    text-align: center;
    color: #373636;
}

.travelsInfo .navBox .active i {
    display: block;
    width: 30px;
    height: 3px;
    margin: 22px auto;
    background-color: #ed5322;
}

.travelsInfo .contentBox {
    width: 1120px;
    margin: 45px auto 0 auto;
}

.travelsInfo .mainBox {
    float: left;
    width: 740px;
}

.travelsInfo .tipBox {
    width: 698px;
    height: 98px;
    border: 1px solid #dcdcdc;
}

.travelsInfo .tipBox p {
    float: left;
    width: 232px;
    height: 50px;
    margin-top: 24px;
    border-right: 1px solid #dcdcdc;
}

.travelsInfo .tipBox .tip3 {
    border: none;
}

.travelsInfo .tipBox span {
    font-size: 14px;
    line-height: 20px;
    display: block;
    width: 100%;
    height: 20px;
    margin-top: -5px;
    padding-top: 40px;
    text-align: center;
    color: #333;
}

.travelsInfo .tipBox .tip1 span {
    background: url('/res/images/yjxq_3.png') no-repeat center top;
}

.travelsInfo .tipBox .tip2 span {
    background: url('/res/images/yjxq_4.png') no-repeat center top;
}

.travelsInfo .tipBox .tip3 span {
    background: url('/res/images/yjxq_5.png') no-repeat center top;
}

.travelsInfo .tipBox .tip1 li {
    width: 100%;
}

.travelsInfo .infoList .title {
    padding-top: 55px;
    border-bottom: 2px solid #dcdcdc;
}

.travelsInfo .infoList .title i {
    font-size: 28px;
    font-weight: bold;
    font-style: normal;
    line-height: 86px;
    float: left;
    width: 86px;
    height: 86px;
    margin: -45px 0 0 -40px;
    text-align: center;
    color: #999;
    background: url('/res/images/yjxq_2.png') no-repeat center;
}

.travelsInfo .infoList li:hover .title i {
    color: #fff;
    background: url('/res/images/yjxq_1.png') no-repeat center;
}

.travelsInfo .infoList p {
    color: #333;
}

.travelsInfo .infoList .title p {
    font-size: 23px;
    line-height: 39px;
    height: 39px;
}

.travelsInfo .infoList .brief {
    font-size: 13px;
    line-height: 2em;
    width: 660px;
    margin-top: 10px;
    margin-left: 24px;
}

.travelsInfo .infoList img {
    float: right;
    width: 679px;
    padding: 20px 0 10px 0;
}

.travelsInfo .sideBox {
    float: right;
    width: 285px;
}

.travelsInfo .sideBox .title {
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    height: 30px;
    margin-bottom: 15px;
    padding-left: 15px;
    color: #333;
    border-left: 4px solid #ffa900;
}

.travelsInfo .sideBox .titleA {
    line-height: 1em;
    height: 1em;
}

.travelsInfo .sideBox .menu .item {
    padding: 10px 0 10px 19px;
    background: url('/res/images/yjxq_7.png') no-repeat left center;
}

.travelsInfo .sideBox .menu .item a {
    font-size: 14px;
    line-height: 1.7em;
    display: block;
    color: #333;
}

.travelsInfo .sideBox .menu .item a:hover {
    color: #ffa900;
}

.travelsInfo .sideBox .mdd {
    width: 235px;
}

.travelsInfo .sideBox .mdd .picBox {
    overflow: hidden;
    width: 235px;
    height: 159px;
}

.travelsInfo .sideBox .mdd img {
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
       -moz-transition: all .3s;
        -ms-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;
}

.travelsInfo .sideBox .mdd .picBox:hover img {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
            transform: scale(1.1);
}

.travelsInfo .sideBox .mdd .name {
    margin-bottom: 18px;
}

.travelsInfo .sideBox .mdd .name a {
    font-size: 18px;
    color: #333;
}

.travelsInfo .sideBox .mdd .name a:hover {
    color: #d0021b;
}

.travelsInfo .sideBox .mdd .item {
    font-size: 14px;
    width: 235px;
    color: #333;
}

.travelsInfo .sideBox .mdd .item em {
    font-size: 18px;
    font-weight: bold;
}

.travelsInfo .sideBox .more {
    font-size: 14px;
    font-weight: normal;
    float: right;
    padding-right: 20px;
    color: #333;
    background: url('/res/images/yjxq_6.png') no-repeat right center;
}

.travelsInfo .sideBox .more:hover {
    color: #ffa900;
}

.travelsInfo .sideBox .mdd .it {
    margin-top: 10px;
}

.travelsInfo .sideBox .mdd .it em {
    padding: 0 3px;
}

.travelsInfo .sideBox .recommend {
    margin-top: 60px;
}

.travelsInfo .sideBox .recommend .title {
    width: 220px;
    margin-bottom: 10px;
}

.travelsInfo .sideBox .recommend li {
    width: 235px;
    margin-bottom: 10px;
    padding-top: 15px;
    border-top: 2px solid #333;
}

.travelsInfo .sideBox .recommend .picBox {
    overflow: hidden;
    width: 100%;
    height: 130px;
}

.travelsInfo .sideBox .picBox {
    border: 1px solid #fff;
}

.travelsInfo .sideBox .picBox:hover,
.travelsInfo .sideBox .recommend li:hover .picBox {
    border: 1px solid #d0021b;
}

.travelsInfo .sideBox .recommend img {
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
       -moz-transition: all .3s;
        -ms-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;
}

.travelsInfo .sideBox .recommend li:hover img {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
            transform: scale(1.1);
}

.travelsInfo .sideBox .recommend p {
    font-size: 13px;
}

.travelsInfo .sideBox .recommend .stipBox p {
    line-height: 1.7em;
}

.travelsInfo .sideBox .recommend li .title {
    font-weight: bold;
    margin: 0;
    padding: 0;
    border: none;
}

.travelsInfo .sideBox .recommend li .title a {
    color: #ffa900;
}

.travelsInfo .sideBox .recommend li .title a:hover {
    color: #d0021b;
}

.trave_ad_pic {
    display: block;
    overflow: hidden;
    width: 235px;
    height: 140px;
    margin-top: 20px;
    border: 1px solid #fff;
}

.trave_ad_pic:hover {
    border: 1px solid #d0021b;
}

.trave_ad_pic img {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
       -moz-transition: all .3s;
        -ms-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;
}

.trave_ad_pic:hover img {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
            transform: scale(1.1);
}


/************************ 閺嶆儳绐涙稉鎾活�?*****************************/

.lc-topic {
    padding-bottom: 60px;
}

.lc-topic .top {
    position: relative;
    width: 100%;
    height: 500px;
    background: url('/res/images/lc_01.png') no-repeat center;
}

.lc-topic .top .title {
    position: absolute;
    top: 120px;
    left: 50%;
    width: 606px;
    height: 224px;
    margin-left: -303px;
    background: url('/res/images/lc_01_01.png') no-repeat center;
}

.lc-topic-sust {
    position: relative;
    overflow: hidden;
    width: 1224px;
    height: 211px;
    margin: 0 auto 25px auto;
}

.lc-topic-sust .bd li {
    position: relative;
    float: left;
    overflow: hidden;
    width: 292px;
    height: 172px;
    margin: 5px 18px 5px 0;
}

.lc-topic-sust .bd li a {
    display: block;
}

.lc-topic-sust .bd li img {
    display: block;
    width: 300px;
    height: 235px;
    -webkit-transition: all .2s;
       -moz-transition: all .2s;
        -ms-transition: all .2s;
         -o-transition: all .2s;
            transition: all .2s;
}

.lc-topic-sust .bd li:hover img {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
            transform: scale(1.1);
}

.lc-topic-sust .bd li h1 {
    font-size: 24px;
    position: absolute;
    right: 20px;
    bottom: 35px;
    left: 20px;
    text-align: center;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .50);
}

.lc-topic-sust .bd li h2 {
    font-size: 16px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    left: 20px;
    text-align: center;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .50);
}

.lc-topic-sust .hd {
    margin-top: 15px;
    text-align: center;
}

.lc-topic-sust .hd li {
    font-size: 0;
    display: inline-block;
    zoom: 1;
    width: 14px;
    height: 14px;
    margin: 0 7px;
    cursor: pointer;
    background: url(/res/images/lczt_4.png) no-repeat;

    *display: inline;
}

.lc-topic-sust .hd .on {
    background-position: right;
}

.lc-topic-sust .prev,
.lc-topic-sust .next {
    position: absolute;
    top: 63px;
    left: 20px;
    width: 56px;
    height: 56px;
    background: url(/res/images/lczt_3.png) no-repeat 0 -66px;
}

.lc-topic-sust .next {
    right: 20px;
    left: auto;
    background-position: -64px -66px;
}

.lc-topic-sust .prev:hover,
.lc-topic-sust .next:hover {
    background-position-y: 0;
}

.lc-topic .break {
    margin: 40px 0;
}

.lc-topic .break span {
    font-size: 30px;
    display: block;
    width: 610px;
    margin: 0 auto;
    text-align: center;
    color: #d0021b;
    background: url(/res/images/lczt_2.png) no-repeat center;
}

.lc-topic .break .more {
    font-size: 18px;
    line-height: 32px;
    display: block;
    width: 96px;
    height: 32px;
    margin: 25px auto 0 auto;
    text-align: center;
    color: #d0021b;
    border: 2px solid #d0021b;
    border-radius: 30px;
}

.lc-topic .break .more:hover {
    color: #fff;
    background-color: #d0021b;
}

.lc-topic-feast {
    position: relative;
    width: 1220px;
    height: 405px;
    margin: 0 auto;
}

.lc-topic-feast .pic-wrap {
    position: relative;
    float: right;
    overflow: hidden;
    width: 680px;
    height: 405px;
}

.lc-topic-feast .bd li {
    width: 680px;
    height: 405px;
}

.lc-topic-feast .bd li img {
    display: block;
    width: 100%;
    height: 100%;
}

.lc-topic-feast .info {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(/res/images/lczt_5.png) no-repeat 0 -2px;
}

.lc-topic-feast .hd {
    /*margin: 20px 0 0 640px;*/
    margin-left: 640px;
    padding-top: 20px;
}

.lc-topic-feast .hd li {
    font-size: 24px;
    line-height: 45px;
    width: 150px;
    height: 45px;
    margin-bottom: 15px;
    cursor: pointer;
    text-align: center;
    color: #fff;
    border-radius: 30px;
    background: url(/res/images/lczt_7.png) no-repeat -15px 0;
}

.lc-topic-feast .hd .on {
    color: #4a4a4a;
    background-position: 0 -61px;
}

.lc-topic-feast .hd .item1 {
    margin-left: 80px;
}

.lc-topic-feast .hd .item2 {
    margin-left: 60px;
}

.lc-topic-feast .hd .item3 {
    margin-left: 40px;
}

.lc-topic-feast .hd .item4 {
    margin-left: 20px;
}

.lc-topic-feast .info p {
    font-size: 18px;
    line-height: 22px;
    margin: 0 240px 0 260px;
    color: #fff;
    text-shadow: 0 2px 4px #4a4a4a;
}

.lc-topic-spec {
    width: 1260px;
    margin: 0 auto;
}

.lc-topic-spec .box {
    width: 206px;
    height: 342px;
    padding: 3px;
    background-color: #d0021b;
}

.lc-topic-spec .even .box {
    background-color: #828088;
}

.lc-topic-spec .pic-box {
    display: block;
    overflow: hidden;
    width: 206px;
    height: 159px;
}

.lc-topic-spec .pic-box img {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: all .2s;
       -moz-transition: all .2s;
        -ms-transition: all .2s;
         -o-transition: all .2s;
            transition: all .2s;
}

.lc-topic-spec li:hover img {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
            transform: scale(1.1);
}

.lc-topic-spec .brief {
    font-size: 14px;
    line-height: 21px;
    padding: 16px 10px;
    color: #fff;
}

.lc-topic-spec h1 {
    font-size: 18px;
    height: 24px;
    margin-top: 30px;
    text-align: center;
    color: #4a4a4a;
}

.lc-topic-spec .even h1 {
    margin-top: 0;
    margin-bottom: 30px;
}

.lc-topic-spec li:hover h1 {
    color: #d0021b;
}

.lc-topic-spec li {
    float: left;
    width: 212px;
    margin: 0 20px;
}

.lc-topic-spec .line {
    display: block;
    width: 50px;
    height: 3px;
    margin: 55px auto 0 auto;
    background-color: #d0021b;
}

.lc-topic-spec .even .line {
    margin: 0 auto 55px auto;
}

.lc-topic .break-02 span {
    color: #417505;
}

.lc-topic .break-02 .more {
    color: #417505;
    border-color: #417505;
}

.lc-topic .break-02 .more:hover {
    background-color: #417505;
}

.lc-topic-town li {
    position: relative;
    float: left;
    overflow: hidden;
    width: 295px;
    height: 420px;
    margin: 0 7px;
}

.lc-topic-town {
    width: 1236px;
    margin: 0 auto;
}

.lc-topic-town li img {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: all .2s;
       -moz-transition: all .2s;
        -ms-transition: all .2s;
         -o-transition: all .2s;
            transition: all .2s;
}

.lc-topic-town li:hover img {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
            transform: scale(1.1);
}

.lc-topic-town li h1 {
    font-size: 24px;
    line-height: 56px;
    position: absolute;
    bottom: 50px;
    left: 50%;
    width: 198px;
    height: 56px;
    margin-left: -100px;
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 30px;
    background: url(/res/images/cover_50.png);
}

.lc-topic-town li h1:hover {
    background: url(/res/images/cover_50_hover.png);
}

.lc-topic .break-03 span {
    color: #ff7800;
}

.lc-topic .break-03 .more {
    color: #ff7800;
    border-color: #ff7800;
}

.lc-topic .break-03 .more:hover {
    background-color: #ff7800;
}

.lc-topic .break-04 span {
    color: #4a90e2;
}

.lc-topic .break-04 .more {
    color: #4a90e2;
    border-color: #4a90e2;
}

.lc-topic .break-04 .more:hover {
    background-color: #4a90e2;
}

.lc-topic-recom {
    width: 1040px;
    margin: 0 auto 20px auto;
    padding-left: 220px;
    background: url(/res/images/lczt_8.png) no-repeat 20px center;
}

.lc-topic-recom li {
    position: relative;
    float: left;
    width: 240px;
    height: 170px;
    margin-right: 20px;
}

.lc-topic-recom li img {
    display: block;
    width: 100%;
    height: 100%;
}

.lc-topic-recom .info {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 5px 10px;
    background: url(/res/images/cover_70.png);
}

.lc-topic-recom .info h1 {
    font-size: 16px;
    margin-bottom: 5px;
    color: #fff;
}

.lc-topic-recom .info .price {
    font-family: Verdana;
    font-size: 20px;
    font-weight: bold;
    color: #f57823;
}

.lc-topic-recom .info .buy {
    font-size: 16px;
    line-height: 28px;
    float: right;
    width: 60px;
    height: 28px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    background-color: #4a90e2;
}

.lc-topic-recom .info .buy:hover {
    background-color: #417cc1;
}

.lc-topic-recom.hotel {
    margin-bottom: 40px;
    background: url(/res/images/lczt_9.png) no-repeat 20px center;
}

.lc-topic-recom.hotel .info .buy {
    background-color: #00b060;
}

.lc-topic-recom.hotel .info .buy:hover {
    background-color: #059e59;
}

.lc-topic-video {
    position: relative;
    overflow: hidden;
    width: 1220px;
    height: 358px;
    margin: 0 auto;
}

.lc-topic-video .bd li {
    width: 1220px;
    height: 358px;
}

.lc-topic-video .bd li img {
    display: block;
    width: 100%;
    height: 100%;
}

.lc-topic-video .btns {
    position: absolute;
    top: 0;
    left: 0;
    width: 690px;
    height: 358px;
    background: url(/res/images/lczt_16.png) no-repeat 0 -2px;
}

.lc-topic-video .hd .title {
    font-size: 16px;
    line-height: 26px;
    float: left;
    width: 124px;
    height: 26px;
    text-align: center;
    color: #fff;
    background: url(/res/images/lczt_14.png) no-repeat;
}

.lc-topic-video .hd .on .title {
    color: #4a4a4a;
    background: url(/res/images/lczt_13.png) no-repeat;
}

.lc-topic-video .hd li {
    overflow: hidden;
    margin-bottom: 10px;
}

.lc-topic-video .hd .icon {
    float: left;
    width: 26px;
    height: 26px;
    margin-right: 12px;
}

.lc-topic-video .hd .on .icon {
    background: url(/res/images/lczt_15.png) no-repeat center;
}

.lc-topic-video .hd .time {
    font-size: 12px;
    line-height: 26px;
    float: left;
    margin-left: 15px;
    padding-left: 22px;
    color: #000;
    background: url(/res/images/lczt_12.png) no-repeat 0 4px;
}

.lc-topic-video .hd .on .time {
    color: #fff;
    background-position: 0 -24px;
}

.lc-topic-video .hd .num {
    font-size: 12px;
    line-height: 26px;
    float: left;
    margin-left: 65px;
    padding-left: 25px;
    color: #000;
    background: url(/res/images/lczt_12.png) no-repeat -128px 4px;
}

.lc-topic-video .hd .on .num {
    color: #fff;
    background-position: -128px -24px;
}

.lc-topic-video .hd {
    width: 440px;
    padding: 110px 0 0 160px;
}

.lc-topic-video .hd .item2 {
    margin-left: 10px;
}

.lc-topic-video .hd .item3 {
    margin-left: 20px;
}

.lc-topic-video .hd .item4 {
    margin-left: 30px;
}

.lc-topic-video .hd .item5 {
    margin-left: 40px;
}

.lc-topic-video .btns .more {
    font-size: 14px;
    float: right;
    margin-right: 110px;
    color: #fff;
}

.lc-topic-video .btns .more:hover {
    color: #f8e71c;
}

.lc-topic-video .bd .info {
    position: absolute;
    top: 110px;
    right: 190px;
    width: 200px;
}

.lc-topic-video .bd .play {
    display: block;
    width: 102px;
    height: 101px;
    margin: 0 auto;
    background: url(/res/images/lczt_11.png) no-repeat;
}

.lc-topic-video .bd .play:hover {
    -webkit-animation-name: tada;
       -moz-animation-name: tada;
         -o-animation-name: tada;
            animation-name: tada;
}

.lc-topic-video .bd h1 {
    font-size: 24px;
    margin-top: 5px;
    text-align: center;
    color: #fff;
    text-shadow: 0 2px 4px #4a4a4a;
}

.lc-topic-spots {
    height: 358px;
    margin-top: 40px;
    background-color: #f7f7f7;
}

.lc-topic-spots .content {
    width: 1100px;
    margin: 0 auto;
}

.lc-topic-spots .headline {
    padding: 15px 0;
}

.lc-topic-spots .headline span {
    font-size: 20px;
    display: block;
    text-align: center;
    color: #4a4a4a;
}

.lc-topic-spots .headline em {
    font-size: 20px;
    display: block;
    margin-top: 5px;
    text-align: center;
    color: #aaa;
}

.lc-topic-spots .map-box {
    float: right;
    width: 790px;
    height: 245px;
    background-color: #eee;
}

.lc-topic-spots .distance span {
    font-size: 14px;
    line-height: 30px;
    display: block;
    color: #4a4a4a;
}

.lc-topic-spots .distance p {
    font-size: 14px;
    line-height: 30px;
    color: #4a4a4a;
}

.lc-topic-spots .distance em {
    cursor: pointer;
    color: #ff7800;
}

.lc-topic-spots .distance {
    float: left;
}

.lc-topic-strategy {
    width: 1220px;
    margin: 40px auto 0 auto;
}

.lc-topic-strategy .headline {
    font-size: 30px;
    line-height: 48px;
    display: block;
    padding-bottom: 20px;
    padding-left: 65px;
    color: #ff7800;
    border-bottom: 1px dashed #c5c5c5;
    background: url(/res/images/lczt_17.png) no-repeat;
}

.lc-topic-strategy .more {
    font-size: 16px;
    float: right;
    margin-top: 30px;
    color: #ff7800;
}

.lc-topic-strategy .more:hover {
    color: #ff470e;
}

.lc-topic-strategy .sort {
    overflow: hidden;
    margin-top: 30px;
}

.lc-topic-strategy .sort a {
    font-size: 18px;
    line-height: 32px;
    float: left;
    width: 105px;
    height: 32px;
    margin-right: 10px;
    text-align: center;
    color: #4a4a4a;
}

.lc-topic-strategy .sort a:hover {
    color: #ff7800;
}

.lc-topic-strategy .sort .active {
    cursor: auto;
    color: #fff;
    background-color: #85909c;
}

.lc-topic-strategy .sort .active:hover {
    color: #fff;
}

.lc-topic-strategy .time-sort {
    overflow: hidden;
    margin-top: 20px;
}

.lc-topic-strategy .time-sort a {
    font-size: 16px;
    line-height: 32px;
    float: left;
    height: 32px;
    margin-right: 10px;
    padding: 0 14px;
    color: #85909c;
}

.lc-topic-strategy .time-sort a:hover {
    color: #ff7800;
}

.lc-topic-strategy .time-sort .active {
    cursor: auto;
    color: #fff;
    background-color: #85909c;
}

.lc-topic-strategy .time-sort .active:hover {
    color: #fff;
}

.lc-topic-strategy .time-sort span {
    font-size: 16px;
    font-weight: bold;
    line-height: 32px;
    float: left;
    margin-right: 50px;
    color: #000;
}

.lc-topic-strategy ul {
    width: 1240px;
    margin-top: 30px;
}

.lc-topic-strategy li {
    position: relative;
    float: left;
    width: 290px;
    height: 285px;
    margin-right: 20px;
    background-color: #f0f0f0;
}

.lc-topic-strategy li .pic-box {
    display: block;
    overflow: hidden;
    width: 290px;
    height: 167px;
}

.lc-topic-strategy li .pic-box img {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: all .2s;
       -moz-transition: all .2s;
        -ms-transition: all .2s;
         -o-transition: all .2s;
            transition: all .2s;
}

.lc-topic-strategy li:hover .pic-box img {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
            transform: scale(1.1);
}

.lc-topic-strategy li .name {
    font-size: 14px;
    display: block;
    margin: 20px 20px 0 90px;
    color: #4a90e2;
}

.lc-topic-strategy li h1 {
    font-size: 16px;
    margin: 20px 15px 10px 15px;
    color: #4a4a4a;
}

.lc-topic-strategy li h1 a {
    color: #4a4a4a;
}

.lc-topic-strategy li:hover h1 a {
    color: #ff7800;
}

.lc-topic-strategy li .head {
    position: absolute;
    top: 150px;
    left: 10px;
    width: 64px;
    height: 64px;
    border: 2px solid #fff;
    border-radius: 100%;
}

.lc-topic-strategy li .look,
.lc-topic-strategy li .like {
    font-family: Verdana;
    font-size: 14px;
    float: right;
    margin-right: 15px;
    padding-left: 20px;
    color: #999;
}

.lc-topic-strategy li .look {
    background: url(/res/images/lczt_19.png) no-repeat left;
}

.lc-topic-strategy li .like {
    background: url(/res/images/lczt_18.png) no-repeat left;
}


/************************ 闁氨鏁ら崚妤勩�?*****************************/

.commonList {
    width: 100%;
}

.commonList .sideBox {
    position: relative;
    width: 100%;
    height: 368px;
    padding-top: 50px;
}

.commonList .sideBox .title {
    font-size: 24px;
    line-height: 32px;
    width: 719px;
    height: 32px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    background: url(/res/images/comlist_05.png) no-repeat center;
}

.commonList .sideBox .scrollBox {
    position: relative;
    z-index: 0;
    margin: 30px auto;
}

.commonList .sideBox .ohbox {
    width: 1200px;
    margin: 0 auto;
}

.commonList .sideBox .piclist li {
    position: relative;
    z-index: 9;
    float: left;
    width: 227px;
    height: 237px;
    margin-right: 15px;
}

.commonList .sideBox .piclist .pic {
    overflow: hidden;
    width: 100%;
    height: 159px;
}

.commonList .sideBox .piclist img {
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s;
       -moz-transition: all .5s;
        -ms-transition: all .5s;
         -o-transition: all .5s;
            transition: all .5s;
}

.commonList .sideBox .piclist li:hover img {
    -webkit-transform: scale(1.2);
       -moz-transform: scale(1.2);
            transform: scale(1.2);
}

.commonList .sideBox .piclist .content {
    position: relative;
    width: 100%;
    height: 129px;
    background-color: #fff;
}

.commonList .sideBox .piclist li:hover .content {
    position: absolute;
    bottom: 0;
}

.commonList .sideBox .piclist .content .icon {
    position: absolute;
    top: -30px;
    left: 85px;
    width: 58px;
    height: 58px;
    background: url(/res/images/comlist_06.png) no-repeat center;
}

.commonList .sideBox .piclist li:hover .content .icon {
    background: url(/res/images/comlist_07.png) no-repeat center;
}

.commonList .sideBox .piclist .content i {
    display: block;
    width: 100%;
    height: 100%;
}

.commonList .sideBox .piclist .content .item1 {
    background: url(/res/images/tourism_down010.png) no-repeat center;
}

.commonList .sideBox .piclist .content .item2 {
    background: url(/res/images/tourism_down020.png) no-repeat center;
}

.commonList .sideBox .piclist .content .item3 {
    background: url(/res/images/tourism_down030.png) no-repeat center;
}

.commonList .sideBox .piclist .content .item4 {
    background: url(/res/images/tourism_down040.png) no-repeat center;
}

.commonList .sideBox .piclist .content .item5 {
    background: url(/res/images/comlist_12.png) no-repeat center;
}

.commonList .sideBox .pageBtn {
    position: absolute;
    top: -100px;
    left: 0;
    width: 100%;
    height: 418px;
    margin: 0 auto;
}

.commonList .sideBox .pageBtn span {
    position: absolute;
    top: 210px;
    width: 42px;
    height: 42px;
    cursor: pointer;
    opacity: .5;
}

.commonList .sideBox .pageBtn span:hover {
    opacity: 1;
}

.commonList .sideBox .pageBtn .prev {
    right: 50%;
    margin-right: 620px;
    background: url(/res/images/comlist_14.png) no-repeat center;
}

.commonList .sideBox .pageBtn .next {
    left: 50%;
    margin-left: 620px;
    background: url(/res/images/comlist_13.png) no-repeat center;
}

.commonList .sideBox .pageBtn .list {
    height: 9px;
    margin-top: 365px;
    text-align: center;
}

.commonList .sideBox .pageBtn .list li {
    font-size: 0;
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: 0 5px;
    cursor: pointer;
    background: url(/res/images/comlist_19.png) no-repeat right;

    *display: inline;
}

.commonList .sideBox .pageBtn .list .on {
    background: url(/res/images/comlist_19.png) no-repeat left;
}

.commonList .sideBox .piclist .content h1 {
    font-size: 16px;
    font-weight: bold;
    padding-top: 35px;
    text-align: center;
    color: #333;
}

.commonList .sideBox .piclist .content b {
    display: block;
    display: none;
    width: 16px;
    height: 2px;
    margin: 7px auto;
    background-color: #f1917a;
}

.commonList .sideBox .piclist li:hover .content b {
    display: block;
}

.commonList .sideBox .piclist .content .brief {
    font-size: 14px;
    display: none;
    padding: 0 20px;
    text-align: center;
    color: #999;
}

.commonList .sideBox .piclist li:hover .content .brief {
    display: block;
}

.commonList .mainBox {
    width: 1200px;
    margin: 20px auto 0 auto;
    padding-bottom: 40px;
}

.commonList .mainBox .left {
    float: left;
    width: 795px;
}

.commonList .mainBox .title {
    font-size: 20px;
    font-weight: bold;
    line-height: 46px;
    float: left;
    height: 44px;
    color: #333;
}

.commonList .mainBox .searchBox {
    float: right;
    width: 394px;
    height: 44px;
    border: 1px solid #ed5322;
}

.commonList .mainBox .searchBox input {
    font-size: 14px;
    line-height: 44px;
    float: left;
    width: 290px;
    height: 44px;
    padding: 0 10px;
    color: #333;
    border: none;
    outline: none;
}

.commonList .mainBox .searchBtn {
    float: right;
    width: 84px;
    height: 44px;
    background-color: #ed5322;
}

.commonList .mainBox .searchBtn i {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: url(/res/images/comlist_04.png) no-repeat center;
}

.commonList .mainBox .menu {
    font-size: 14px;
    width: 763px;
    margin-top: 20px;
    padding: 0 15px;
    color: #333;
    border: 1px solid #eee;
    background-color: #fefbf2;
}

.commonList .mainBox .sort {
    margin-top: 10px;
}

.commonList .mainBox .menu p {
    padding: 15px 0 8px 0;
}

.commonList .mainBox .sort p {
    padding: 10px 0;
}

.commonList .mainBox .menu b {
    font-size: 12px;
    float: left;
}

.commonList .mainBox .menu a {
    font-size: 12px;
    float: left;
    margin-bottom: 8px;
    margin-left: -1px;
    padding: 0 19px;
    color: #333;
    border-left: 1px solid #d9d6d0;
}

.commonList .mainBox .menu a:hover {
    color: #ec7a42;
}

.commonList .mainBox .sort a {
    margin-bottom: 0;
}

.commonList .mainBox .menu em {
    float: left;
    overflow: hidden;
    width: 720px;
}

.commonList .mainBox .menu .active {
    color: #ec7a42;
}

.commonList .mainBox .menu .active i {
    display: inline-block;
    width: 8px;
    height: 13px;
    margin-left: 5px;
    background: url(/res/images/comlist_20.png) no-repeat center;

    *height: 16px;
    *display: inline;
    *zoom: 1;
}

.commonList .mainBox .menu .m1 {
    padding-top: 0;
    border-bottom: 1px dashed #d9d6d0;
}

.commonList .mainBox .right {
    float: right;
    width: 375px;
}

.commonList .mainBox .mapBox {
    position: relative;
    height: 272px;
}

.commonList .mainBox .map {
    width: 100%;
    height: 238px;
    border: 1px solid #f1f1f1;
}

.commonList .mainBox .check a {
    font-size: 14px;
    line-height: 20px;
    display: block;
    height: 20px;
    margin: 13px auto 0 auto;
    padding-left: 3px;
    text-align: center;
    color: #4a4a4a;
}

.commonList .mainBox .check i {
    display: inline-block;
    width: 14px;
    height: 20px;
    margin-bottom: -5px;
    background: url(/res/images/tysjlb_1b.png) no-repeat center;

    *display: inline;
}

.commonList .mainBox .check a:hover {
    color: #ff8c00;
}

.commonList .mainBox .mapCover {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 238px;
    background: url(/res/images/bj1.png) repeat;
}

.commonList .mainBox .mapBox:hover .mapCover {
    display: block;
    -webkit-animation: show .4s ease-in-out;
            animation: show .4s ease-in-out;
}

.commonList .mainBox .mapCover .mapBtn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 96px;
    height: 96px;
    margin: -48px 0 0 -48px;
    cursor: pointer;
    background: url(/res/images/tysjlb_1a.png) no-repeat center;
}

.commonList .mainBox .list li {
    position: relative;
    padding: 30px 0;
    padding-left: 15px;
    border-bottom: 1px dashed #ddd;
}

.commonList .mainBox .list li:hover {
    background-color: #fff7f7;
}

.commonList .mainBox .pic {
    float: left;
    overflow: hidden;
    width: 206px;
    height: 125px;
    margin: 30px 0 0 15px;
    margin-top: 30px;
    padding: 3px;
    border: 2px solid #e2e2e2;
}

.commonList .mainBox .pic a {
    display: block;
    overflow: hidden;
}

.commonList .mainBox .pic img {
    width: 206px;
    height: 125px;
    -webkit-transition: all .2s;
       -moz-transition: all .2s;
        -ms-transition: all .2s;
         -o-transition: all .2s;
            transition: all .2s;
}

.commonList .mainBox li:hover .pic img {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
            transform: scale(1.1);
}

.commonList .mainBox .content {
    position: relative;
    float: right;
    width: 550px;
    height: 135px;
}

.commonList .mainBox .content .tip {
    font-size: 14px;
    line-height: 28px;
    float: right;
    width: auto;
    height: 28px;
    margin-right: 20px;
    padding: 0 10px;
    text-align: center;
    color: #ed5322;
    border: 1px solid #ed5322;
    border-radius: 100px;
}

.commonList .mainBox li:hover .content .tip {
    color: #fff;
    background: #ed5322;
}

.commonList .mainBox .content .sTitle {
    font-size: 18px;
    width: 100%;

    *width: 70%;
}

.commonList .mainBox .content .sTitle a {
    color: #ff1e00;
}

.commonList .mainBox .content .sTitle span {
    font-family: MicrosoftYaHeiLight;
    padding-left: 5px;
    color: #ff7000;
}

.commonList .mainBox .content .star {
    font-size: 14px;
    margin-top: 8px;
}

.commonList .mainBox .content .star i {
    float: left;
    width: 15px;
    height: 15px;
    background: url(/res/images/tysjlb_1.png) no-repeat right;
}

.commonList .mainBox .content .star .has {
    background: url(/res/images/tysjlb_1.png) no-repeat left;
}

.commonList .mainBox .content .star span {
    margin-left: 10px;
    color: #f5a623;
}

.commonList .mainBox .content .comment {
    float: left;
    margin-left: -10px;
}

.commonList .mainBox .content b {
    float: left;
    width: 1px;
    height: 14px;
    margin: 10px;
    background-color: #9b9b9b;
}

.commonList .mainBox .content .brief {
    float: left;
    margin-top: 10px;
}

.commonList .mainBox .content .brief img {
    float: left;
    width: 27px;
    height: 27px;
    border: 1px solid #e0e0e0;
    border-radius: 100%;
}

.commonList .mainBox .content .brief span {
    font-size: 12px;
    float: left;
    width: 510px;
    margin-left: 10px;
    color: #535353;
}

.commonList .mainBox .content .sItem {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 20px;
    margin-right: 30px;
}

.commonList .mainBox .content .sItem a {
    display: none;
    float: left;
    width: 20px;
    height: 20px;
}

.commonList .mainBox li:hover .content .sItem a {
    display: block;
}

.commonList .mainBox .content .sItem .item1 {
    background: url(/res/images/tysjlb_8.png) no-repeat center;
}

.commonList .mainBox .content .sItem .item2 {
    margin-left: 24px;
    background: url(/res/images/tysjlb_9.png) no-repeat center;
}

.commonList .mainBox .discount {
    position: relative;
    float: left;
    width: 775px;
    height: 20px;
    margin-top: 18px;
    padding: 5px 10px;
    background: url(/res/images/tysjlb_3.png) no-repeat 10px center;
    background-color: #f8f8f8;
}

.commonList .mainBox .discount i {
    position: absolute;
    top: -12px;
    left: 100px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom-color: #f8f8f8;
}

.commonList .mainBox .discount p {
    font-size: 12px;
    float: left;
    color: #9b9b9b;
}

.commonList .mainBox .discount span {
    font-size: 14px;
    margin-right: 10px;
    padding-left: 23px;
    color: #4a4a4a;
}

.commonList .mainBox .discount .more {
    font-size: 12px;
    float: right;
    width: 90px;
    height: 100%;
    margin-right: 10px;
    color: #9b9b9b;
    background: url(/res/images/tysjlb_10.png) no-repeat right center;
}

.commonList .mainBox .discount .more:hover {
    color: #ff1e00;
}

.commonList .mainBox .foodTop {
    margin-top: 30px;
    padding: 35px 25px 15px 25px;
    border: 1px solid #f0f0f0;
    background: url(/res/images/tysjlb_4.png) no-repeat 25px 12px;
}

.commonList .mainBox .foodTop .sList {
    margin-top: 10px;
    border-top: 2px solid #f0f0f0;
}

.commonList .mainBox .foodTop .sList li {
    padding: 20px 0;
    border-bottom: 1px dotted #f0f0f0;
}

.commonList .mainBox .foodTop .sPic {
    position: relative;
    float: left;
    overflow: hidden;
    width: 111px;
    height: 92px;
    margin-right: 10px;
}

.commonList .mainBox .foodTop img {
    width: 100%;
    height: 100%;
    -webkit-transition: all .2s;
       -moz-transition: all .2s;
        -ms-transition: all .2s;
         -o-transition: all .2s;
            transition: all .2s;
}

.commonList .mainBox .foodTop li:hover img {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
            transform: scale(1.1);
}

.commonList .mainBox .foodTop .num {
    font-size: 15px;
    line-height: 25px;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    text-align: center;
    color: #fff;
    background-color: #f5a623;
}

.commonList .mainBox .foodTop .item1 .num {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    background-color: #f46860;
}

.commonList .mainBox .foodTop .name {
    font-size: 14px;
    color: #4a4a4a;
}

.commonList .mainBox .foodTop .name:hover {
    color: #f5a623;
}

.commonList .mainBox .foodTop .brief {
    font-size: 12px;
    margin-top: 10px;
    color: #9b9b9b;
}

.commonList .mainBox .foodTop .sList .brief span {
    line-height: 1.5em;
    color: #ff8c00;
}

.commonList .mainBox .foodTop .fk {
    float: right;
    width: 48px;
    height: 48px;
    margin-top: -42px;
}

.commonList .mainBox .foodTop .fk span,
.commonList .mainBox .foodTop .fk em {
    display: block;
    width: 100%;
}

.commonList .mainBox .foodTop .fk span {
    font-size: 14px;
    color: #4a90e2;
}

.commonList .mainBox .foodTop .fk em {
    font-size: 12px;
    color: #9b9b9b;
}

.commonList .mainBox .foodTop .item2 .num {
    background-color: #ff731a;
}

.commonList .mainBox .foodTop .sList .it {
    height: 25px;
}

.commonList .mainBox .foodTop .it .name {
    height: 25px;
}

.commonList .mainBox .foodTop .it .name:hover {
    color: #f5a623;
}

.commonList .mainBox .foodTop .sList span {
    line-height: 25px;
    float: left;
}

.commonList .mainBox .foodTop .sList .fx {
    font-size: 12px;
    line-height: 25px;
    float: right;
    height: 25px;
    padding-left: 20px;
    color: #4a90e2;
    background: url(/res/images/tysjlb_6.png) no-repeat left center;
}

.commonList .mainBox .foodTop .more {
    width: 100%;
    margin-top: 20px;
    background: url(/res/images/tysjlb_1c.png) no-repeat center;
}

.commonList .mainBox .foodTop .more a {
    font-size: 14px;
    line-height: 24px;
    display: block;
    width: 100px;
    height: 24px;
    margin: 0 auto;
    text-align: center;
    color: #fbfbfb;
    border-radius: 200px;
    background-color: #ed5322;
}

.commonList .mainBox .foodTop .more a:hover {
    background-color: #ff541d;
}

.commonList .mainBox .stick {
    margin-top: 30px;
}

.commonList .mainBox .stick .title {
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
    width: 100%;
    height: 25px;
    padding-left: 30px;
    color: #4a4a4a;
    background: url(/res/images/comlist_16.png) no-repeat left center;
}

.commonList .mainBox .stick .title span {
    font-size: 12px;
    font-weight: normal;
    font-style: italic;
    color: #c9c7c7;
}

.commonList .mainBox .stick li {
    float: left;
    margin-top: 15px;
    padding: 20px;
    background-color: #fbfbfb;
}

.commonList .mainBox .stick .brief {
    font-size: 14px;
    line-height: 1.7em;
    min-height: 21px;
    padding: 0 0 15px 40px;
    color: #4a4a4a;
    border-bottom: 1px dashed #ddd;
    background: url(/res/images/comlist_15.png) no-repeat 12px 5px;
}

.commonList .mainBox .stick .from {
    padding: 15px 0 0 40px;
}

.commonList .mainBox .stick .from span {
    font-weight: bold;
    margin-left: 5px;
    color: #f8b02a;
}

.commonList .mainBox .stick .from a {
    font-size: 14px;
    line-height: 17px;
    float: right;
    height: 17px;
    color: #a8a8a8;
}

.commonList .mainBox .stick .sList li i {
    float: right;
    width: 1px;
    height: 17px;
    margin: 0 4px;
    background-color: #9b9b9b;
}

.commonList .mainBox .stick .change {
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    display: block;
    width: 100%;
    height: 40px;
    text-align: center;
    color: #fff;
    background-color: #f7a500;
}

.commonList .mainBox .stick .change:hover {
    background-color: #ed5322;
}

.commonList .mainBox .loading {
    font-size: 14px;
    margin: 30px;
    text-align: center;
    color: #666;
}

.commonList .mainBox .loading img {
    width: 20px;
    height: 20px;
    margin-top: -4px;
    margin-right: 10px;
    vertical-align: middle;
    background: url(/res/images/loading.gif) no-repeat;
}

/************************ 鏉╁洦鎶ら幖婊呭�?*****************************/

.commonList .sideBox .xContent {
    position: relative;
    width: 1100px;
    margin: 134px auto 0 auto;
    padding: 40px 50px 30px 50px;
    border: 1px solid #dbdbda;
    background-color: #fff;
    box-shadow: 0 4px 4px #dbdbda;
}

.commonList .sideBox .xTitle {
    font-size: 28px;
    text-align: center;
    color: #333;
}

.commonList .sideBox .xBrief {
    font-size: 14px;
    line-height: 2em;
    overflow: hidden;
    height: 120px;
    margin-top: 30px;
    color: #333;
}

.commonList .sideBox .xBriefr {
    height: auto;
}

.commonList .sideBox .xMore {
    font-size: 14px;
    line-height: 30px;
    display: block;
    width: 180px;
    height: 30px;
    margin: 20px auto 0 auto;
    text-align: center;
    color: #ed5322;
    border: 1px solid #ed5322;
    border-radius: 100px;
}

.commonList .sideBox .xMore:hover {
    color: #fff;
    background: #ed5322;
}

.commonList .sideBox .xContent i {
    position: absolute;
}

.commonList .sideBox .xIt1 {
    top: 0;
    left: 0;
    width: 454px;
    height: 322px;
    background: url(/res/images/comlist_02.png) no-repeat center;
}

.commonList .sideBox .xIt2 {
    right: 0;
    bottom: 0;
    width: 137px;
    height: 138px;
    background: url(/res/images/comlist_03.png) no-repeat center;
}

.commonList .xMainBox {
    margin-top: 110px;
    padding-bottom: 40px;
}

.commonList .xMainBox .foodTop {
    margin: 0;
}

.commonList .xMapBox {
    height: 380px;
}

.commonList .xMapBox .xTitle {
    font-size: 16px;
    line-height: 21px;
    height: 21px;
    margin-top: 30px;
    padding: 0 0 18px 20px;
    color: #4a4a4a;
    border-bottom: 1px solid #dbdbdb;
    background: url(/res/images/tysjlb_5.png) no-repeat left top;
}

.commonList .xMapBox .xMore {
    font-size: 12px;
    float: right;
    margin-right: 10px;
    color: #9b9b9b;
}

.commonList .xMapBox .xMore:hover {
    color: #ed5322;
}

.commonList .xMapBox .xMap {
    width: 789px;
    height: 295px;
    margin-top: 16px;
    border: 3px solid #fff;
    background-color: #d8d8d8;
}


/************************ 閺堝秴濮�缁儳鍍甸弫鍛皑 *****************************/

.theBox {
    width: 100%;
    height: 100%;
}

.theBox .service {
    padding-top: 20px;
    border-bottom: #eee solid 1px;
    box-shadow: 0 1px 1px 0 #eee;
}

.service .sercive-tit {
    width: 445px;
    margin: 0 auto;
}

.service .sercive-tit h1 {
    font-size: 24px;
    line-height: 30px;
    float: left;
    height: 43px;
    cursor: pointer;
    color: #373636;
}

.service .sercive-tit h1 em {
    display: block;
    width: 0;
    height: 3px;
    margin: 0 auto;
    margin-top: 12px;
    background-color: #ed5427;
}

.service .sercive-tit .active em,
.service .sercive-tit h1:hover em {
    width: 30px;
}

.service .sercive-tit span {
    float: left;
    width: 2px;
    height: 23px;
    margin: 2px 50px;
    background-color: #f7f7f7;
}

.service-ctn {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 50px;
}

.service-ctn .service-left {
    float: left;
    width: 800px;
    min-height: 770px;
}

.service-left .left-tit {
    padding-top: 30px;
}

.service-left .view-box {
    position: absolute;
    top: 40px;
    left: -416px;
    display: none;
    width: 718px;
    padding: 10px 30px;
    border: 1px solid #ed5322;
    background-color: #fff;
}

.service-left .view-boxr {
    position: absolute;
    z-index: 1;
    top: 40px;
    left: -416px;
    display: block;
    width: 718px;
    padding: 10px 30px;
    border: 1px solid #ed5322;
    background-color: #fff;
}

.service-left .left-tit .view:hover .view-box {
    display: block;
    -webkit-animation: show .4s ease-in-out;
            animation: show .4s ease-in-out;
}

.service-left .view-box li {
    padding: 15px 0;
    border-top: 1px dotted #e2e2e2;
}

.service-left .view-box .first {
    border-top: 0;
}

.service-left .left-tit .view-box li a {
    font-size: 14px;
    line-height: 20px;
    float: left;
    color: #6d6d6d;
}

.service-left .view-box li a:hover {
    color: #ed5322;
}

.service-left .left-tit .view-box li .more {
    font-size: 12px;
    line-height: 20px;
    float: right;
    padding-left: 15px;
    cursor: pointer;
    background: url(/res/images/more_01.png) left no-repeat;
}

.service-left .left-tit .view-box li .more:hover {
    color: #ed5322;
}

.service-left .view-box li em {
    float: left;
    width: 2px;
    height: 14px;
    margin: 2px 15px;
    background-color: #e3e4e4;
}

.service-left .left-tit h1 {
    font-size: 14px;
    line-height: 36px;
    float: left;
    height: 46px;
    margin: 0 100px 0 30px;
}

.service-left .left-tit h1 a {
    color: #373636;
}

.service-left .left-tit h1 .active {
    color: #ed5322;
}

.service-left .left-tit h1 a:hover,
.service-left .left-tit h1:hover .tt {
    color: #ed5322;
}

.service-left .left-tit .view {
    position: relative;
    z-index: 9;
    padding-right: 20px;
    background: url(/res/images/jq.png) right 15px no-repeat;
}

.service-left .left-tit .view .arrow {
    position: absolute;
    z-index: 2;
    bottom: 5px;
    left: 9px;
    display: block;
    display: none;
    width: 14px;
    height: 7px;
    background: url(/res/images/fwly_4.png) no-repeat -1px 0;
    background-color: #fff;
}

.service-left .left-tit.active .arrow {
    display: block;
    -webkit-animation: show .4s ease-in-out;
            animation: show .4s ease-in-out;
}

.service-left .left-tit .view:hover .arrow {
    display: block;
    -webkit-animation: show .4s ease-in-out;
            animation: show .4s ease-in-out;
}

.service-left .left-tit .record {
    float: right;
    width: 175px;
    height: 34px;
    border: 1px solid #d0021b;
    border-radius: 4px;
    background: #ed5322;
}

.service-left .left-tit .record:hover {
    background: #ff470e;
}

.service-left .left-tit .record em {
    font-size: 14px;
    line-height: 36px;
    margin: 0 8px;
    padding-left: 20px;
    color: #fafafa;
    background: url(/res/images/app.png) left no-repeat;
}

.service-left .service-txt {
    margin-top: 20px;
    border-top: #d2d2d2 dashed 1px;
}

.service-left .service-txt li {
    font-size: 0;
    border-bottom: #d2d2d2 dashed 1px;
}

.service-left .service-txt .ctn-show {
    padding: 20px 10px;
}

.service-left .service-txt .ctn-show:hover {
    background-color: #f8f8f8;
}

.service-left .service-txt .ctn-show .ctn-img {
    float: left;
    overflow: hidden;
    width: 226px;
    height: 152px;
    margin-right: 25px;
}

.service-left .service-txt .ctn-show .ctn-img img {
    width: 100%;
    height: 100%;
    -webkit-transition: all .2s;
       -moz-transition: all .2s;
        -ms-transition: all .2s;
         -o-transition: all .2s;
            transition: all .2s;
}

.service-left .service-txt .ctn-show:hover .ctn-img img {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
            transform: scale(1.1);
}

.service-left .service-txt .ctn {
    position: relative;
    z-index: 0;
    float: left;
    width: 528px;
    height: 152px;
}

.service-left .service-txt .ctn .bom-icon {
    position: absolute;
    bottom: 0;
    left: 0;
}

.service-left .service-txt .ctn .ctn-tit {
    font-size: 18px;
    color: #ed5322;
}

.service-left .service-txt .ctn .ctn-tit:hover {
    color: #ff6318;
}

.service-left .service-txt .ctn p {
    font-size: 14px;
    line-height: 24px;
    margin: 10px 0 22px 0;
    text-align: left;
    color: #6a6a6a;
}
.service-left .service-txt .ctn  .bom-icon {
    line-height: 20px;
    height: 20px;
}
.service-left .service-txt .bom-icon em {
    margin-right: 25px;
}

.service-left .service-txt .ctn .icon-lhz {
    font-size: 14px;
    color: #ed5322;
}
.service-left .service-txt .ctn .icon-lhz  i {
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.service-left .service-txt .ctn .icon-lhz  img {
    width: 100%;
    height: 100%;
}
.service-left .service-txt .ctn .icon-eye,
.service-left .service-txt .ctn .icon-pl {
    font-size: 14px;
    color: #b8b8b8;
}

.service-left .service-txt .ctn .icon-eye {
    padding-left: 30px;
    background: url(/res/images/icon09.png) left no-repeat;
}

.service-left .service-txt .ctn .icon-pl {
    padding-left: 30px;
    background: url(/res/images/icon05.png) left no-repeat;
}

.service-left .service-more {
    font-size: 14px;
    margin: 30px;
    text-align: center;
    color: #666;
}

.service-left .service-more img {
    width: 20px;
    height: 20px;
    margin-top: -4px;
    margin-right: 10px;
    vertical-align: middle;
    background: url(/res/images/loading.gif) no-repeat;
}

.service-right {
    float: right;
    width: 374px;
    margin-top: 30px;
    border: #eaeaea solid 1px;
}

.service-right .rig-box h1 {
    font-size: 16px;
    margin: 0 20px;
    padding: 12px 0;
    color: #ed5322;
    border-bottom: 1px dotted #eaeaea;
}

.service-right .rig-box h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 20px;
    padding: 20px 0 12px 0;
    color: #ed5322;
    border-bottom: 1px dotted #eaeaea;
}

.service-right .rig-box .item {
    float: left;
    width: 74px;
    height: 100px;
    margin: 20px 25px 0 25px;
    text-align: center;
}

.service-right .rig-box .item:hover span {
    color: #ed5322;
}

.service-right .rig-box .item span {
    font-size: 14px;
    color: #6d6d6d;
}

.service-right .rig-box .item-img01 {
    display: block;
    width: 74px;
    height: 74px;
    margin-bottom: 6px;
    background: url(/res/images/fwly_5.png) no-repeat;
}

.service-right .rig-box .item-img02 {
    display: block;
    width: 74px;
    height: 74px;
    margin-bottom: 6px;
    background: url(/res/images/fwly_5.png) no-repeat;
    background-position: -129px 0;
}

.service-right .rig-box .item-img03 {
    display: block;
    width: 74px;
    height: 74px;
    margin-bottom: 6px;
    background: url(/res/images/fwly_5.png) center no-repeat;
    background-position: -257px 0;
}

.service-right .rig-box .wd {
    font-weight: bold;
    padding-left: 30px;
    background: url(/res/images/fwly_1.png) left no-repeat;
}

.service-right .rig-box .wd i {
    font-style: normal;
    margin-left: 10px;
}

.service-right .rig-box .PM {
    font-size: 16px;
    float: right;
    color: #9b9b9b;
}


/*
     FILE ARCHIVED ON 17:43:11 Nov 13, 2021 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 19:20:41 Aug 18, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.615
  exclusion.robots: 0.033
  exclusion.robots.policy: 0.018
  esindex: 0.012
  cdx.remote: 5.237
  LoadShardBlock: 117.388 (3)
  PetaboxLoader3.datanode: 134.061 (5)
  load_resource: 668.682 (2)
  PetaboxLoader3.resolve: 396.459 (2)
*/