/* 页面开始 */

body {
    overflow-x: hidden !important;
}

.viewport {
    margin: 0 auto;
    background: #FFF;
    position: relative;
}

.mobile {
    width: 100%;
    font-size: 0.8rem;
}

.logo {
    width: 100%;
    height: 5.5rem;
    background-color: #40312c;
    text-align: center;
}

    .logo a {
        margin: 1.55rem auto 0;
        display: inline-block;
        width: 70%;
        height: 2.4rem;
        background: url(../image/logo.png?1) no-repeat center center;
        background-size: auto 100%;
    }
/*导航部分*/
.mobile-nav {
    width: 100%;
    background-color: #bd9979;
    font-size: 0;
}

    .mobile-nav ul {
        text-align: center;
    }

        .mobile-nav ul li {
            display: inline-block;
            height: 3.15rem;
            padding-top: 1.1rem;
            width: 16%;
            text-align: center;
        }

            .mobile-nav ul li:last-child a {
                border: none;
            }

            /* .mobile-nav ul li.on a {
                font-weight: bold;
                color: #40312c;
            }*/

            .mobile-nav ul li.on a {
                color: #fff;
            }

            .mobile-nav ul li a {
                display: inline-block;
                width: 100%;
                height: 2rem;
                border-right: 1px solid #aa896d;
                color: #fff;
            }

            .mobile-nav ul li.active a {
                color: #f68b1f;
            }

            .mobile-nav ul li p {
                font-size: 1.5rem;
                line-height: 2rem;
            }

.swiper-slide img {
    width: 100%;
   /* height: 400px;*/
}
/*灰线*/
.hui {
    width: 100%;
    height: 0.4rem;
    background: url(../image/huixian.png) no-repeat center center;
    background-size: 100% 100%;
}

/*最新活动*/

.main {
    background-color: #fff;
}

    .main.hd {
        background-color: #fff;
        text-align: center;
    }

.q1 {
    margin: 3.7rem auto 0;
    width: 20.4rem;
    height: 12.4rem;
    background: url(../image/zxhd.png) no-repeat center center;
    background-size: 100% 100%;
    text-indent: -10000em;
}

.main.hd > a {
    display: inline-block;
    margin: 0 auto;
    width: 94%;
    margin-bottom: 0.75rem;
}

    .main.hd > a img {
        width: 100%;
    }

.sj1_a1 {
    position: relative;
    display: inline-block;
}

.sj1_p {
    position: absolute;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    bottom: 0;
    width: 100%;
    line-height: 36px;
    padding: 10px 0;
    background: rgba(0,0,0,0.7);
    letter-spacing: 1px;
}

/*品牌实力*/

.q2 {
    margin: 3rem auto 0;
    width: 370px;
    height: 12.4rem;
    background: url(../image/ppsl.png) no-repeat center center;
    background-size: auto 100%;
    text-indent: -10000em;
}

.main.pp > a {
    display: inline-block;
    margin: 0 auto;
    width: 100%;
    /*	margin-bottom:0.75rem;*/
    position: relative;
}

    .main.pp > a > i {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5) url(../image/video.png)no-repeat center center;
        background-size: 3.2rem 3.25rem;
    }

    .main.pp > a img {
        width: 100%;
    }

.main.pp ul {
    width: 94%;
    margin: 0 auto;
}

    .main.pp ul li {
        width: 32%;
        float: left;
        background-color: #eeeeee;
        text-align: center;
    }

        .main.pp ul li img {
            width: 100%;
        }

        .main.pp ul li:nth-child(2) {
            margin: 0 2%;
        }

        .main.pp ul li p {
            margin-top: 1rem;
            color: #40312c;
            font-family: "Arial MT";
            font-weight: bold;
        }

        .main.pp ul li span {
            display: inline-block;
            width: 7.5rem;
            height: 0.35rem;
            background: url(../image/lg.png) no-repeat center center;
            background-size: 100% 100%;
        }

        .main.pp ul li h3 {
            color: #bd9a7a;
        }

        .main.pp ul li i {
            display: inline-block;
            width: 1.15rem;
            height: 1.15rem;
            background: url(../image/sheying-video.png) no-repeat center center;
            background-size: 100% 100%;
            margin: 0.8rem auto 1rem;
        }

/*拍摄风格*/

.q3 {
    margin: 3rem auto 0;
    width: 544px;
    height: 12.4rem;
    background: url(../image/psfg.png) no-repeat center center;
    background-size: auto 100%;
    text-indent: -10000em;
}

.main.fg ul {
    width: 94%;
    margin: 0 auto;
}

    .main.fg ul li {
        float: left;
        width: 27%;
        text-align: center;
    }

        .main.fg ul li img {
            width: 100%;
            border-radius: 50%;
        }

        .main.fg ul li a {
            color: #40312c;
        }

        .main.fg ul li:nth-child(2), .main.fg ul li:nth-child(5) {
            margin: 0 9.5%;
        }

        .main.fg ul li a i {
            display: inline-block;
            width: 2.7rem;
            height: 1.95rem;
            background: url(../image/style.png) no-repeat center center;
            background-size: 100% 100%;
        }

        .main.fg ul li h3 {
            font-weight: normal;
        }

/*全球城市旅拍*/
.q3_gywm {
    margin: 0 auto 15px;
    width: 358px;
    height: 12.4rem;
    background: url(../image/gywm.png) no-repeat center center;
    background-size: auto 100%;
    text-indent: -10000em;
}

.qqlp a {
    display: block;
}

    .qqlp a img {
        width: 100%;
        overflow: hidden;
      /*  height: 200px;*/
    }

.about_div {
    /*padding: 25px 20px 30px 20px;*/
    background: #fafafa;
   /* width: 50%;*/
    /*float: left;*/
   /* height: 200px;*/
}

    .about_div .h3_t1 {
        font-size: 24px;
        line-height: 36px;
        font-weight: normal;
        padding: 25px 15px 20px 15px;
        color: #000;
    }

    .about_div .gs_center {
        font-size: 14px;
        line-height: 30px;
        color: #666;
        padding: 0 15px;
       /* height: 90px;*/
        overflow: hidden;
    }
.about_div h3{text-align:center;}
.q4 {
    margin: 0 auto 0;
    width: auto;
    height: 12.4rem;
    background: url(../image/kpdy.png) no-repeat center center;
    background-size: auto 100%;
    text-indent: -10000em;
}

.main.kp ul {
    width: 94%;
    margin: 0 auto;
}

    .main.kp ul li {
        width: 49%;
        text-align: center;
    }

        .main.kp ul li:nth-child(odd) {
            float: left;
        }

        .main.kp ul li:nth-child(even) {
            float: right;
        }

        .main.kp ul li img {
            width: auto;
        }

        .main.kp ul li h2 {
            margin-top: 1rem;
            font-size: 1.2rem;
            color: #40312c;
        }

        .main.kp ul li span {
            font-size: 0.6rem;
            color: #999999;
            font-family: "Times New Roman";
            font-style: italic;
        }

        .main.kp ul li p {
            font-size: 0.9rem;
            color: #bd9a7a;
            font-weight: bold;
        }

/*更多*/

a.more {
    margin: 0 auto;
    display: block;
    width: 24rem;
    height: 2.9rem;
    color: #fff;
}

    a.more i {
        display: inline-block;
        width: 50%;
        font-size: 1.2rem;
        height: 100%;
        line-height: 2.9rem;
        text-align: center;
        float: left;
    }

        a.more i:nth-child(1) {
            background-color: #40312c;
        }

        a.more i:nth-child(2) {
            background-color: #bd9a7a;
        }

/*口碑评价*/

.q5 {
    margin: 0 auto 0;
    width: 23rem;
    height: 11.15rem;
    background: url(../image/kbpj.png) no-repeat center center;
    background-size: 100% 100%;
    text-indent: -10000em;
}

.q99 {
    margin: 0 auto;
    width: 90%;
}

    .q99 img {
        width: 100%;
        height: auto;
        display: block;
        margin: 0 auto
    }

.main.wj ul li {
    position: relative;
    float: left;
    width: 100%;
    padding: 0 1% 30px;
    font-size: 0;
    background-color: #F5F5F5;
    margin-bottom: 23px;
}

    .main.wj ul li img {
        width: 100%;
    }

    .main.wj ul li .shij {
        position: absolute;
        top: 20px;
        left: 20px;
        width: 70px;
        height: 70px;
        background-color: #BD9A7A;
        color: #fff;
    }

        .main.wj ul li .shij p {
            font-size: 36px;
            line-height: 36px;
            margin-top: 10px;
        }

        .main.wj ul li .shij span {
            font-size: 12px;
            line-height: 12px;
        }

    .main.wj ul li a > h2 {
        font-size: 18px;
        color: #675148;
        margin-top: 20px;
    }

    .main.wj ul li a > p {
        font-size: 12px;
        color: #999999;
        margin: 5px auto 0;
    }

    .main.wj ul li a > i {
        display: inline-block;
        width: 56px;
        height: 9px;
        margin-top: 46px;
        background: url(../image/jiantou.png)no-repeat;
    }

    .main.wj ul li a > span {
        font-size: 14px;
        line-height: 30px;
        color: #41332D;
        display: block;
        font-family: "宋体";
        margin-top: 30px;
        text-align: center;
    }

div.mmm {
    width: 103px;
    height: 20px;
    margin: 0 auto;
    border-top: 1px solid #C4C4C4;
    line-height: 20px;
    color: #7D7D7D;
    text-align: center;
    font-size: 12px;
}

.main.pj ul li {
    margin: 0 auto;
    width: 94%;
    background-color: #f2f2f2;
    margin-bottom: 0.8rem;
}

    .main.pj ul li .pj-l {
        width: 25%;
        float: left;
        text-align: center;
        position: relative;
    }

        .main.pj ul li .pj-l i {
            display: inline-block;
            width: 2rem;
            height: 2rem;
            position: absolute;
            right: 10%;
            bottom: 4%;
        }

        .main.pj ul li .pj-l img {
            width: 70%;
            border-radius: 50%;
        }

    .main.pj ul li .pj-r {
        width: 75%;
        float: right;
    }

        .main.pj ul li .pj-r h2 {
            display: inline-block;
            float: left;
        }

        .main.pj ul li .pj-r p {
            display: inline-block;
            width: 85%;
        }

        .main.pj ul li .pj-r i {
            display: inline-block;
            width: 4.65rem;
            height: 0.7rem;
            background: url(../image/xing.png) no-repeat center center;
            background-size: 100% 100%;
        }

/*服务承诺*/

.cn img {
    width: 100%;
}

/*定位*/

.dw {
    width: 100%;
    height: 12.5rem;
    background: rgba(34,34,34,1) url(../image/dw-bg.png) no-repeat center 0;
    -webkit-background-size: 100%;
    background-size: 100%;
    text-align: center;
    position: relative;
}

    .dw .wz {
        margin: 2.5rem auto 0;
        display: inline-block;
        width: 34rem;
        height: 3.65rem;
        background: url(../image/dw.png) no-repeat center center;
        background-size: auto 100%;
    }

    .dw .zy {
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -2rem;
        width: 4rem;
        height: 4rem;
        background: url(../image/zy.png) no-repeat center center;
        background-size: 100% 100%;
    }

/*底部*/

.foot {
    background-color: #222222;
}

.q9 {
    margin: 0 auto 0;
    width: 16.65rem;
    height: 6.4rem;
    background: url(../image/yxa.png) no-repeat center center;
    background-size: 100% 100%;
    text-indent: -10000em;
}

.xian {
    width: 94%;
    margin: 0 auto;
    border-bottom: 1px solid #393939;
}

.copy {
    text-align: center;
}

    .copy p {
        color: #ffffff;
        font-size: 12px;
        line-height: 24px;
    }

        .copy p a {
            color: #999999;
        }

.footer {
    width: 100%;
    height: 3.2rem;
    background: url(../image/footer.png)no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9;
}

    .footer a {
        float: left;
        display: inline-block;
        height: 100%;
    }

        .footer a:nth-child(1) {
            width: 39.95%;
        }

        .footer a:nth-child(2) {
            width: 30.2%;
        }

        .footer a:nth-child(3) {
            width: 29.8%;
        }

/*二级页面*/
.q21 {
    margin: 0 auto 0;
    width: 20.05rem;
    height: 12.4rem;
    background: url(../image/fgzp.png) no-repeat center center;
    background-size: 100% 100%;
    text-indent: -10000em;
}

.nav {
    width: 94%;
    margin: 0 auto;
    text-align: center;
}

    .nav a {
        display: inline-block;
        padding: 0 15px;
        height: 2.8rem;
        font-size: 1.0rem;
        line-height: 2.8rem;
        text-align: center;
        color: #000000;
    }

        .nav a.on {
            background-color: #bd9a7a;
            color: #fff;
        }

.main.kp .ynav {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

    .main.kp .ynav ul li {
        float: left;
        width: 16%;
        height: 2.8rem;
        font-size: 1.0rem;
        line-height: 2.8rem;
        text-align: center;
    }

        .main.kp .ynav ul li:nth-child(5) {
            width: 17.8%;
        }

        .main.kp .ynav ul li a {
            /*width: 100%;*/
            display: inline-block;
            color: #000000;
            padding: 0 10px;
        }

            .main.kp .ynav ul li a:hover {
                color: #40312c;
            }

            .main.kp .ynav ul li a i {
                display: inline-block;
                width: 1px;
                height: 1rem;
                border-right: 1px solid #b2b2b2;
                float: right;
                margin-top: 0.9rem;
            }
        /*.main.kp .ynav ul li:last-child{
	margin-left: 0.4rem;

}*/
        .main.kp .ynav ul li:last-child a i {
            display: none;
        }

    .main.kp .ynav li.on {
      
    }

        .main.kp .ynav li.on a {
            color: #fff;
            background-color: #bd9a7a;
            padding:0 5px;
        }

.main.dy ul li.on a  {
    background: #bd9a7a;
    color: #fff;
}

.mpage {
    margin: 0 auto;
    text-align: center;
}

    .mpage li {
        font-size: 1.2rem;
        display: none;
        width: 12rem;
        height: 100%;
        line-height: 2.9rem;
        text-align: center;
    }

        .mpage li a {
            color: #fff;
        }

        .mpage li.ppre {
            display: inline-block;
            background-color: #40312c;
        }

        .mpage li.pnext {
            display: inline-block;
            background-color: #bd9a7a;
        }

.q22 {
    margin: 0 auto 0;
    width: 20.05rem;
    height: 12.4rem;
    background: url(../image/lukpdy.png) no-repeat center center;
    background-size: 100% 100%;
    text-indent: -10000em;
}

.main.dy ul li {
    width: 94%;
    margin: 0 auto;
}

    .main.dy ul li img {
        width: 100%;
    }

    .main.dy ul li .kp-b {
        width: 100%;
    }

        .main.dy ul li .kp-b h2 {
            color: #000000;
            line-height: 1.8rem;
            font-size: 1.2rem;
        }

        .main.dy ul li .kp-b .kp-r {
            float: right;
        }

        .main.dy ul li .kp-b p {
            font-size: 1.0rem;
            line-height: 1.5rem;
            color: #666;
        }

        .main.dy ul li .kp-b span {
            color: #a3a3a3;
            line-height: 1.1rem;
        }
    
.q1 > a, .q2 > a, .q3 > a, .q4 > a, .q5 > a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.q23 {
    margin: 0 auto 0;
    width: auto;
    height: 12.4rem;
    background: url(../image/luzxhd.png) no-repeat center center;
    background-size: auto 100%;
    text-indent: -10000em;
}

.main.ehd ul li {
    width: 94%;
    margin: 0 auto;
    background-color: #fafafa;
}

    .main.ehd ul li .hd-l {
        position: relative;
        width: 100%;
    }

        .main.ehd ul li .hd-l i.on {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: inline-block;
            background: rgba(0,0,0,0.7);
            "
        }

        .main.ehd ul li .hd-l img {
            width: 100%;
        }

    .main.ehd ul li .hd-r {
        width: 100%;
        height: 6.6rem;
        background: url(../image/jx.png) no-repeat center center;
        background-size: 100% 100%;
    }

        .main.ehd ul li .hd-r h2 {
            display: inline-block;
            margin: 1.4rem 0 0 1rem;
            line-height: 1.5rem;
        }

        .main.ehd ul li .hd-r span {
            float: right;
            margin: 3.7rem 1.2rem 0 0;
            color: #fff;
        }

.p-main {
    width: 94%;
    margin: 0 auto;
    text-align: center;
    color: #40312c;
    padding-top: 4rem;
}

    .p-main h3 {
        font-weight: normal;
    }

    .p-main p {
        font-size: 1.2rem;
        color: #bd9979;
    }

        .p-main p span {
            color: #888888;
        }

        .p-main p a {
            color: #F58B1F;
            font-style: italic;
        }

    .p-main i {
        display: inline-block;
        margin-bottom: 1.6rem;
        color: #C4C4C4;
    }

.r02 {
    margin: 0 auto;
    text-align: center;
}

    .r02 a {
        font-size: 1.2rem;
        width: 12rem;
        height: 100%;
        line-height: 2.9rem;
        text-align: center;
        color: #fff;
    }

        .r02 a.re {
            display: inline-block;
            background-color: #40312c;
        }

        .r02 a.ne {
            display: inline-block;
            background-color: #bd9a7a;
        }

.swiper-pagination-bullet {
    width: 2.75rem !important;
    height: 0.55rem !important;
    border-radius: 0.275rem !important;
    border: 0.05rem solid #fff !important;
}

.swiper-pagination-bullet-active {
    background-color: #fff !important;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.2rem !important;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 3rem !important;
    left: 0 !important;
    width: 100% !important;
}

.ppimg img {
    max-width: 100%;
}

.gs_center1 {
    color: #eee;
    font-size: 16px;
    line-height: 36px;
    text-align: left;
    max-height: 180px;
    overflow: hidden;
}

.list_liuyan {
    padding: 40px;
}

    .list_liuyan .tit {
        font-size: 20px;
        font-weight: bold;
        color: #444;
        border-left: 4px solid #40312C;
        padding-left: 10px;
        margin-bottom: 10px;
    }

.list_liuyan_box {
    padding: 10px 0px;
}

.list_liuyan select, .list_liuyan .form_text {
    color: #666;
    width: 100%;
    height: 38px;
    border-radius: 3px;
    line-height: 38px;
    text-indent: 10px;
    background-color: #fff;
    border: 1px solid #ddd;
    font-size: 14px;
}

.list_liuyan .form_textarea {
    height: 120px;
}

.clear {
    clear: both;
}

.list_liuyan .form_button {
    width: 160px;
    height: 42px;
    background-color: #40312C;
    font-size: 16px;
    text-align: center;
    line-height: 42px;
    border: 0px;
    font-family: "Microsoft yahei", helvetica;
    color: #FFF;
    cursor: pointer;
    margin-top: 0px;
    border-radius: 3px;
    margin-top: 10px;
}

.content {
    font-size: 1.2em;
    padding: 25px 20px;

}

.lp {
    width: 100%;
    margin: 0 auto;
    font-size: 0;
}

.content img {
    width: 100%;
}

.lp img {
    width: 100%;
}

.lp a {
    position: relative;
    display: inline-block;
    width: 50%;
}


.main.kp .ynav ul li {
    display: inline-block;
    float: none;
    width: auto;
}

    .main.kp .ynav ul li:nth-child(5) {
        width: auto;
    }

    .main.kp .ynav ul li:first-child a i {
    }


#detail_next {
    padding-top: 10px;
}





.ynav li {
    display: inline-block;
    width: auto !important;
}

    .ynav li a {
        padding: 0 12px;
        display: inline-block;
        line-height: 2.6rem;
        font-size: 1.0rem;
        color: #000000;
    }
    .ynav li.on a {
        background: #bd9a7a;
        color: #fff;
    }


/*分页样式*/
.page_turner {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
}

    .page_turner a, .page_turner span {
        background: #fff;
        color: #40312C;
        float: left;
        display: block;
        border: 1px solid #CBD0D4;
        border-radius: 4px;
        padding: 6px 12px;
        margin-left: 4px;
        line-height: 16px;
        font-size: 16px;
    }

        .page_turner a:link, .page_turner a:visited {
            text-decoration: none;
        }

    .page_turner a {
        font-size: 16px;
    }

        .page_turner a:hover, .page_turner a.c {
            background: #40312C;
            border: 1px solid #40312C;
            color: #FFF;
        }

/*
.cn_d {
    padding: 25px 20px 30px 20px !important;
    width: 100% !important;
    color: #000 !important
}*/

.lxwm{
    background: #40312C;
    padding: 30px 25px;
    color: #fff;
}

.lxwm .h3_t1{
    font-size: 1.8rem;
    font-weight: normal;
    padding-bottom: 10px;
}
.qqlp_about a{
    display: block;
    overflow:hidden;
}

    .qqlp_about a img{
        width: 50%;
        float:left;
    }

    .main.kp ul li a{
        margin-bottom:10px;
        display:block;
        width:100%;
        overflow:hidden;
        position:relative;
    }

.hd_ul1 {
    overflow: hidden;
}

    .hd_ul1 li {
        width: 50%;
        float: left;
    }

        .hd_ul1 li .hd_to1 {
            padding: 0 5px;
            overflow: hidden;
        }

            .hd_ul1 li .hd_to1 .sj1_a1 img {
                width: 100%;
            }


.al_dw {
    position: absolute;
    text-align: center;
    background: rgba(0,0,0,0.5);
    top: 0;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    color: #fff;
}
    .al_dw:hover {
        background: rgba(0,0,0,0.01);
    }

    .al_dw .al_dwp{
        color:#fff !important;
        padding-top: 11rem;
        font-size: 1.6rem !important;
        font-weight: normal !important;
        letter-spacing: 0.8px;
    }