/*公共样式*/

* {
    margin: 0;
    padding: 0;
    color: #000;
    font-size: 1rem;
    font-style: normal;
    font-family: 'ts' !important;
}

@font-face {
    font-family: 'ts';
    src: url(../fonts/ts.ttf);
}

a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
}

#ContactZidingyi {
    width: 1440px !important;
    margin: 0 auto;
    padding: 40px 0;
}

#lContent {
    width: 1440px !important;
    margin: 0 auto;
    display: block;
    padding: 40px 0;
}

input {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input {
    -webkit-tap-highlight-color: transparent;
}

input {
    outline: none;
}

select {
    outline: none;
}

input[type=button],
input[type=submit],
input[type=file],
button {
    cursor: pointer;
    -webkit-appearance: none;
}

button {
    -webkit-tap-highlight-color: transparent;
}

ul {
    list-style-type: none;
}

.slh {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.slh-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
}

.slh-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-word;
}

.slh-4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-break: break-word;
}

.slh-5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    word-break: break-word;
}

.slh-6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    word-break: break-word;
}

.fl-r {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
}

.fl-c {
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
}

.w-96 {
    width: 96%;
    margin: 0 2%;
}

.w-94 {
    width: 94%;
    margin: 0 3%;
}

.w-100 {
    width: 100%;
    margin: 0 auto;
}

.w-74 {
    width: 75.6%;
    margin: 0 12.2%;
}

.w-14 {
    width: 1440px;
    margin: 0 auto;
}

.min-w {}


/*##########*/

.header {
    height: 100px;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}

.header-box {
    align-items: center;
    justify-content: flex-start;
}

.header-logo {
    padding-right: 40px;
    width: 21%;
}

.header-logo img {
    width: 100%;
}

.header-a {
    color: #E3F6FA;
    font-size: 18px;
    /* font-weight: bold; */
    padding: 40px 0px;
    /* width: 19%; */
    text-align: center;
}

.header-b {
    color: #E3F6FA;
    font-size: 16px;
    padding: 40px 0px;
    width: 25%;
    text-align: center;
}

.header-a:hover {
    background-color: #E3F6FA;
    color: #82ACBC;
}

.header-b:hover {
    background-color: #E3F6FA;
    color: #82ACBC
}

.slider-box {
    /* padding-bottom: 8px; */
}

.slider-box .swiper-pagination-bullet-active {
    background: rgba(145, 183, 194, 1)!important;
}

.slider-box .swiper-pagination-bullet {
    border: 2px solid #91B7C2;
}

.anna-box {
    position: relative;
    justify-content: center;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 30px;
}

.anna-box-title {
    color: #fff;
    font-size: 32px;
    width: 270px;
    margin: 0 auto;
    padding: 0px 10px;
    /* background-color: #fff; */
    z-index: 9;
}

.anna-box-en {
    color: #8D8D8D;
    font-size: 10px;
    padding: 2px 0;
}

.anna-box-desc {
    color: #8D8D8D;
    font-size: 14px;
    padding: 2px 0;
}

.anna-box-line {
    width: 100%;
    height: 1px;
    /* background-color: #B7B7B7; */
    position: absolute;
    top: 28px;
}

.anna-pics {
    margin-top: 0px;
    margin-bottom: 30px;
}

.anna-pics-l {
    width: 34%;
}

.anna-pics-l img {
    width: 100%;
}

.anna-pics-v {
    width: 32%;
}

.anna-pics-v .anna-pics-v-a img {
    width: 100%;
}

.anna-pics-r {
    width: 34%;
}

.anna-pics-r img {
    width: 100%;
}

.w-325 {
    width: 325px;
}

.news-nav {
    justify-content: center;
}

.news-nav-a:hover {
    color: #BEBEBE;
}

.news-nav-a {
    padding: 0px 25px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-right: 1px solid #BEBEBE;
    color: #BEBEBE;
}

.mt-zero {
    margin-bottom: 0;
}

.news-box {
    padding-top: 20px;
    padding-bottom: 15px;
    flex-wrap: wrap;
}

.news-box-list {
    width: 30%;
    padding-bottom: 40px;
}

.news-box-list-title {
    color: #9B9B9B;
    font-size: 18px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #BEBEBE;
}

.news-box-list-desc {
    color: #9A9A9A;
    line-height: 25px;
    font-size: 14px;
    padding-top: 15px;
}

.style-box .slider {
    width: 100%;
    position: relative;
    max-width: 1920px;
    margin: 0px auto
}

.style-box .tab_menu {
    width: 100%;
    margin: 0px auto;
    height: 50px;
    overflow: hidden;
}

.style-box .tab_menu li {
    width: 20%;
    float: left;
    height: 50px;
    line-height: 20px;
    color: #333;
    background: #fff;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
}

.style-box .tab_menu li.on {
    color: #333;
    background: #fff;
}

.style-box .tab_menu li.on .bg_tiao {
    background: #000;
}

.style-box .tab_menu li.on .bg_tiao2 {
    background: #000;
}

.style-box .tab_menu li.on .bg_tiao3 {
    background: #000;
}

.style-box .tab_menu li.on .bg_tiao4 {
    background: #000;
}

.style-box .tab_menu li.on .bg_tiao5 {
    background: #000;
}

.style-box .tab_menu li.on .bg_tiao6 {
    background: #000;
}

.style-box .tab_menu li.on .bg_tiao7 {
    background: #000;
}

.style-box .tab_menu li.on .bg_tiao8 {
    background: #000;
}

.style-box .tab_menu li a {
    width: 98%;
    float: left;
    color: #91B7C2;
    text-decoration: none;
    font-size: 14px;
    display: inline-table;
    height: 50px;
    padding-top: 0px;
    border-right: 1px solid #91B7C2;
}

.style-box .tab_menu li:last-child a {
    border-right: 0px;
}

.style-box .tab_menu li.on a {
    color: #000;
}

.style-box .tab_box .hide {
    display: none;
}

.style-box .bg_tiao {
    height: 10px;
    width: 100%;
    background: #91B7C2;
}

.style-box .english {
    font-size: 14px;
}

.style-box .sliderp {
    width: 100%;
    position: relative;
    max-width: 1300px;
    margin: 0px auto
}

.style-box .spics {
    flex-wrap: wrap;
    justify-content: flex-start;
}

.style-box .spics a {
    width: 100%;
    padding-bottom: 18px;
}

.style-box .spics a img {
    width: 100%;
}

.style-box .tab_menu2 {
    width: 1400px;
    height: 100px;
    margin: 0px auto;
    padding-left: 1px;
}

.style-box .tab_menu2 li {
    width: 204px;
    border: solid 2px #ffffff;
    margin-right: 10px;
    height: 82px;
    float: left;
    overflow: hidden;
    margin-top: 30px;
}

.style-box .tab_menu2 li img {
    width: 238px;
    height: 82px;
    margin-left: -15px;
}

.style-box .tab_menu2 li.on {
    border: solid 2px #b40000;
}

.style-box .photo-pd {
    padding-top: 0 !important;
}

.style-box .slipic {
    padding-top: 0px;
    padding-bottom: 10px;
}

.img-box-s {
    width: 1440px;
    height: 1440px;
    position: relative;
    margin: 25px auto;
}

.img-box-a1 {
    position: absolute;
    top: 0;
    left: 0;
}

.img-box-a2 {
    position: absolute;
    top: 0;
    left: 510px;
    width: 460px;
}

.img-box-a2 img {
    width: 100%;
}

.img-box-a3 {
    position: absolute;
    top: 0;
    left: 980px;
    width: 460px;
}

.img-box-a3 img {
    width: 100%;
}

.img-box-a4 {
    position: absolute;
    top: 402px;
    left: 511px;
    width: 930px;
    height: 350px;
}

.img-box-a4 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.img-box-a5 {
    position: absolute;
    top: 480px;
    left: 960px;
}

.img-box-a6 {
    position: absolute;
    top: 960px;
    left: 0;
}

.anna-box a:hover {
    color: #7DACB6
}


/* 本例子css */

.city-box {
    margin-top: 15px;
    margin-bottom: 20px;
}

.city-box .picFocus {
    margin: 0 auto;
    width: 100%;
    padding: 5px 0;
    position: relative;
    overflow: hidden;
    zoom: 1;
}

.city-box .picFocus .hd {
    width: 76%;
    margin: 0 12%;
    padding-top: 15px;
    overflow: hidden;
}

.city-box .picFocus .hd ul {
    overflow: hidden;
    zoom: 1;
    /*border-bottom: 1px solid #ACC9D1;*/
}

.city-box .picFocus .hd ul li {
    width: 19%;
    padding-top: 5px;
    float: left;
    text-align: center;
}

.city-box .picFocus .hd ul li img {
    width: 100%;
    border-bottom: 2px solid #fff;
    padding-bottom: 10px;
    cursor: pointer;
}

.city-box .picFocus .hd ul li.on {
    background: url("") no-repeat center 0;
}

.city-box .picFocus .hd ul li.on img {
    border-color: #7AA8B5;
}

.city-box .picFocus .bd li {
    vertical-align: middle;
}

.city-box .picFocus .bd img {
    width: 100%;
    height: auto;
    display: block;
}

.city-box .picFocus .hd ul li img:hover {
    border-bottom: 2px solid #7AA8B5;
}

.cate-nav {
    justify-content: space-between;
}

.cate-nav-a {
    font-size: 16px;
    color: #97BCC5;
    padding: 14px 0px;
    width: 20%;
    text-align: center;
    border-right: 1px solid #97BCC5;
}

.cate-nav-a:hover {
    background-color: #97BCC5;
    color: #DEF6FA;
}

.cate-check {
    background-color: #97BCC5;
    color: #DEF6FA;
}

.nav-img-box {
    width: 76%;
    margin: 20px 12%;
}

.nav-img-box-list {
    width: 100%;
}

.nav-img-box-list img {
    width: 100%
}

.nav-img-check {
    display: block;
}

.nav-img-none {
    display: none;
}

.footer-main {}

.footer-nav-main {
    background-color: #E3F6FA;
}

.footer-nav {
    align-items: center;
    justify-content: flex-start;
}

.footer-nav-logo {
    padding-right: 40px;
    width: 38%;
}

.footer-nav-logo img {
    width: 100%;
}

.footer-nav-a {
    color: #84A6B2;
    font-size: 16px;
    padding: 40px 0px;
    width: 12%;
    text-align: center;
}

.footer-nav-b {
    color: #84A6B2;
    font-size: 16px;
    padding: 40px 0px;
    width: 18%;
    text-align: center;
}

.footer-nav-a:hover {
    background-color: #91B7C2;
    color: #E3F6FA;
}

.footer-nav-b:hover {
    background-color: #91B7C2;
    color: #E3F6FA;
}

.footer-nav-top {
    color: #84A6B2;
    font-size: 16px;
    padding: 40px 0px;
    width: 15%;
    text-align: center;
}

.footer-nav-top:hover {
    background-color: #91B7C2;
    color: #E3F6FA;
}

.footer-nav-check {
    background-color: #91B7C2;
    color: #E3F6FA;
}

.footer-db-main {
    background-color: #91B7C2;
}

.footer-db {
    padding-top: 50px;
    padding-bottom: 60px;
    align-items: center;
    width: 1000px;
    margin: 0 auto;
}

.footer-db-wx {
    width: 15%;
    text-align: center;
}

.footer-db-wx img {
    width: 100%;
}

.footer-db-wb {
    width: 15%;
    text-align: center;
}

.footer-db-wb img {
    width: 100%;
}

.wx-s {
    font-size: 14px;
    color: #E3F6FA;
    padding: 0.4rem 0.4rem;
}

.wb-s {
    font-size: 14px;
    color: #E3F6FA;
    padding: 0.4rem 0.4rem;
}

.footer-db-info {
    width: 60%;
}

.footer-db-info-s1 {
    width: 100%;
}

.footer-db-info-top {
    width: 100%;
    padding-bottom: 0.4rem;
}

.top-s1 {
    width: 31%;
    color: #E3F6FA;
    font-size: 16px;
}

.footer-db-info-tel {
    width: 100%;
    padding-bottom: 0.4rem;
}

.tel-s2 {
    width: 100%;
    color: #E3F6FA;
    font-size: 30px;
    font-weight: 600;
}

.footer-db-info-main {
    width: 100%;
    justify-content: space-between;
}

.footer-db-info-s1 {
    width: 50%;
}

.s1-s1 {
    font-size: 16px;
    color: #E3F6FA;
    padding-bottom: 0.2rem;
    width: 100%;
}

.footer-line {
    width: 100%;
    height: 1px;
    background-color: #fff;
}

.footer-copy {
    padding-top: 30px;
    padding-bottom: 50px;
    text-align: center;
}

.company {
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    color: #E3F6FA;
}


/*作品风格*/

.photo-top {
    padding-top: 70px;
    padding-bottom: 60px;
}

.photo-top-s1 {
    display: inline-block;
    font-size: 46px;
    text-align: center;
    color: #92B6C4;
    padding-top: 0px;
    padding-bottom: 0px;
}

.f-w {
    font-weight: 600;
    letter-spacing: 2px;
}

.photo-top-s2 {
    font-size: 16px;
    color: #A7A7A7;
    text-align: center;
}

.photo-nav {
    align-items: center;
    margin-bottom: 60px;
}

.photo-nav-a {
    width: 10%;
    height: 65px;
    border-right: 1px solid #91B7C2;
    color: #A2C2CD;
    text-align: center;
}

.photo-img {
    padding: 15px 0;
    flex-wrap: wrap;
}

.photo-img-a {
    width: 32.5%;
    padding-bottom: 22px;
}

.photo-img-a img {
    width: 100%;
}

.pd-top {
    margin: 28px 0;
}

.pd-top-main {
    border: 1px solid #91B7C2;
    align-items: center;
    height: 290px;
}

.pd-top-img {
    width: 32%;
}

.pd-top-img img {
    width: 100%;
}

.pd-top-box {
    width: 44%;
}

.pd-top-box-en {
    width: 100%;
    padding-bottom: 3px;
    font-size: 24px;
    font-weight: 600;
    color: #91B7C2;
}

.pd-top-box-title {
    width: 100%;
    padding-bottom: 3px;
    font-size: 26px;
    color: #91B7C2;
}

.pd-top-box-strict {
    width: 100%;
    padding-bottom: 3px;
    font-size: 14px;
    color: #91B7C2;
}

.pd-top-box-link {
    padding: 28px 0;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}

.pd-top-box-link-img {
    padding-right: 2%;
    width: 10.5%;
}

.pd-top-box-link-link {
    font-size: 18px;
    color: #91B7C2;
}

.pd-top-pages {
    width: 20%;
    justify-content: flex-start;
    height: 128px;
}

.pd-top-pages-box {
    border: 2px solid #91B7C2;
    border-radius: 8px;
    padding: 20px 12px;
    text-align: center;
}

.pd-top-pages-box:hover {}

.pd-top-pages-mr {
    margin-right: 15%;
}

.pd-top-pages-img {
    width: 100%;
    padding-bottom: 12px;
}

.pd-top-pages-img img {
    width: 80%;
    margin: 0 10%;
}

.pd-top-pages-msg {
    width: 100%;
    font-size: 16px;
    color: #91B7C2;
}

.pd-mid-box {
    padding-top: 0px;
    padding-bottom: 0px;
    position: relative;
}

.pd-mid-l {
    width: 73%;
    /*width: 1050px;*/
}

.pd-mid-l img {
    width: 100%;
}

.pd-mid-r {
    width: 350px;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.pd-fixed {
    position: fixed;
    top: 0px;
    width: 350px;
}

.pd-mid-r-top {
    width: 100%;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    background-color: #91B7C2;
    color: #E3F6FA;
    font-size: 22px;
}

.pd-mid-r-cate {
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
}

.pd-cate-a {
    width: 48%;
    margin-top: 12px;
    font-size: 14px;
    text-align: center;
    background-color: #fff;
    color: #AFAFAF;
    border: 1px solid #91B7C2;
    padding: 8px 0;
}

.pd-cate-b {
    width: 100%;
    margin-top: 12px;
    font-size: 14px;
    text-align: center;
    background-color: #fff;
    color: #AFAFAF;
    border: 1px solid #91B7C2;
    padding: 8px 0;
}

.pd-mid-msg {
    width: 100%;
    font-size: 14px;
    color: #AFAFAF;
    padding-top: 20px;
}

.pd-mid-info {
    width: 100%;
    font-size: 14px;
    color: #AFAFAF;
    padding-top: 20px;
}

.pd-mid-db {
    width: 100%;
    margin: 28px 0;
    background-color: #91B7C2;
    align-items: center;
    height: 60px;
}

.pd-mid-db-l {
    width: 65%;
    color: #E3F6FA;
    font-size: 20px;
}

.pd-mid-db-r {
    width: 35%;
    justify-content: flex-end;
    color: #E3F6FA;
    font-size: 18px;
    align-items: center;
}

.pd-mid-db-r img {
    width: 14%;
    margin-right: 6%;
}

.pd-mid-db-r span {
    font-size: 20px;
    color: #E3F6FA;
}

.pd-slide-box {
    padding: 18px 0px;
}

.pd-slide-box-l {
    width: 73%;
}

.pd-slide-box-r {
    width: 14%;
    background-color: #fff;
    color: #E3F6FA;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url('/res/home/images/pd-next.png') !important;
    right: 0px !important;
    left: auto;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url('/res/home/images/pd-prev.png') !important;
    right: 0px !important;
    left: 0px !important;
}

.swiper-button-next,
.swiper-button-prev {
    top: 11% !important;
    width: 75px !important;
    height: 185px !important;
    background-size: 75px 185px !important;
}

.photo-navs {}


/*客片*/

.k-container {
    width: 100%;
}

.k-nav {
    padding-bottom: 60px;
    flex-wrap: nowrap;
    height: 71px;
}

.k-nav-l {
    width: 31%;
    justify-content: flex-start;
    position: relative;
    flex-wrap: nowrap;
    border: 1px solid #91B7C2;
}

.k-nav-r {
    width: 60%;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.k-nav-l-a {
    padding: 25px 0;
    color: #91B7C2;
    font-size: 14px;
    text-align: center;
    width: 33.3%;
    border-right: 1px solid #91B7C2;
}

.k-nav-l-a:nth-child(3) {
    border-right: 0;
}

.k-col {
    background-color: #91B7C2;
    color: #E3F6FA !important;
}

.k-nav-check {
    position: absolute;
    top: 70px;
    float: left;
    left: 10%;
    border-width: 25px;
    border-style: solid;
    border-color: #91B7C2 transparent transparent transparent;
}

.k-nav-r-a {
    padding: 4px 6px;
    margin-right: 14px;
    font-size: 14px;
    border: 1px solid #91B7C2;
    color: #A7A7A7;
    margin-bottom: 10px;
}

.k-nav-r-check {
    position: absolute;
    top: 0px;
    float: left;
    right: -29px;
    border-width: 14px;
    border-style: solid;
    border-color: #91B7C2 transparent transparent transparent;
    transform: rotate(270deg);
}

.pos-r {
    position: relative;
}

.k-nav-r-a:nth-child(1) {
    margin-right: 20px;
}

.k-col1 {
    font-size: 20px !important;
}

.k-img-box {
    padding-bottom: 20px;
}

.k-img-box-list {
    flex-wrap: wrap;
}

.k-img-a {
    width: 24%;
    margin-bottom: 20px;
}

.k-img-a img {
    width: 100%;
}

.k-img-s {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding-bottom: 20px;
    color: #AFAFAF;
}

.kd-top {
    margin-top: 28px;
    margin-bottom: 28px;
    height: 290px;
    justify-content: space-around;
    border: 1px solid #91B7C2;
    align-items: center;
}

.kd-top-l {
    width: 80%;
}

.kd-top-l-s1 {
    display: inline-block;
    font-size: 42px;
    text-align: center;
    color: #92B6C4;
    padding-top: 2px;
    padding-bottom: 2px;
}

.kd-top-l-s2 {
    display: inline-block;
    font-weight: 600;
    font-size: 42px;
    text-align: center;
    color: #92B6C4;
    padding-top: 2px;
    padding-bottom: 2px;
}

.kd-top-l-s3 {
    display: inline-block;
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    color: #92B6C4;
    padding-top: 2px;
    padding-bottom: 2px;
}

.kd-top-r {
    width: 20%;
    justify-content: flex-start;
    height: 128px;
}

.kd-top-r-pages {
    border: 2px solid #91B7C2;
    border-radius: 8px;
    padding: 20px 12px;
    text-align: center;
}

.pd-mid-pages {
    width: 100%;
    margin: 28px 0;
    background-color: #91B7C2;
    align-items: center;
    height: 60px;
}

.pd-mid-pages-l {
    width: 50%;
    justify-content: flex-start;
    align-items: center;
}

.pd-mid-pages-l-img {
    width: 10%;
    padding-left: 30px;
    padding-right: 12px;
}

.pd-mid-pages-l-img img {
    width: 100%;
}

.pd-mid-pages-l-zx {
    font-size: 18px;
    color: #E3F6FA;
}

.pd-mid-pages-r {
    width: 50%;
    justify-content: flex-end;
    align-items: center;
}

.pd-mid-pages-r-a {
    border: 1px solid #fff;
    border-radius: 3px;
    padding: 6px 8px;
    align-items: center;
}

.pd-mid-pages-r-img {
    width: 30%;
}

.pd-mid-pages-r-z {
    font-size: 16px;
    color: #E3F6FA;
}

.pd-pages-mr {
    margin-left: 10px;
    margin-right: 30px;
}

.kd-top-r-img {
    width: 100%;
    padding-bottom: 12px;
}

.kd-top-r-img img {
    width: 80%;
    margin: 0 10%;
}

.kd-top-r-s3 {
    width: 100%;
    font-size: 16px;
    color: #91B7C2;
}


/*作品风格自动切换导航*/

.photo-navs .slider {
    width: 100%;
    position: relative;
    max-width: 1920px;
    margin: 0px auto
}

.photo-navs .tab_menu {
    width: 100%;
    margin: 0px auto;
    height: 90px;
    overflow: hidden;
}

.photo-navs .tab_menu li {
    width: 8.3333%;
    float: left;
    height: 85px;
    line-height: 20px;
    color: #333;
    background: #fff;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
}

.photo-navs .tab_menu li.on {
    color: #333;
    background: #fff;
}

.photo-navs .tab_menu li.on .bg_tiao {
    background: #000;
}

.photo-navs .tab_menu li.on .bg_tiao2 {
    background: #000;
}

.photo-navs .tab_menu li.on .bg_tiao3 {
    background: #000;
}

.photo-navs .tab_menu li.on .bg_tiao4 {
    background: #000;
}

.photo-navs .tab_menu li.on .bg_tiao5 {
    background: #000;
}

.photo-navs .tab_menu li.on .bg_tiao6 {
    background: #000;
}

.photo-navs .tab_menu li.on .bg_tiao7 {
    background: #000;
}

.photo-navs .tab_menu li.on .bg_tiao8 {
    background: #000;
}

.photo-navs .tab_menu li a {
    width: 100%;
    float: left;
    color: #91B7C2;
    text-decoration: none;
    font-size: 14px;
    display: inline-table;
    height: 50px;
    padding-top: 10px;
    border-right: 1px solid #91B7C2;
}

.photo-navs .tab_menu li:last-child a {
    border-right: 0px;
}

.photo-navs .tab_menu li.on a {
    color: #000;
}

.photo-navs .tab_box .hide {
    display: none;
}

.photo-navs .bg_tiao {
    height: 5px;
    width: 100%;
    background: #91B7C2;
}

.photo-navs .english {
    font-size: 14px;
    color: #91B7C2;
}

.photo-navs .sliderp {
    width: 100%;
    position: relative;
    max-width: 1300px;
    margin: 0px auto
}

.photo-navs .spics {
    flex-wrap: wrap;
    justify-content: flex-start;
}

.photo-navs .spics a {
    width: 32.5%;
    margin-bottom: 18px;
    margin-right: 18px;
}

.photo-navs .spics a:nth-child(3n+0) {
    margin-right: 0px;
}

.photo-navs .spics a img {
    width: 100%;
}

.photo-navs .tab_menu2 {
    width: 1400px;
    height: 100px;
    margin: 0px auto;
    padding-left: 1px;
}

.photo-navs .tab_menu2 li {
    width: 204px;
    border: solid 2px #ffffff;
    margin-right: 10px;
    height: 82px;
    float: left;
    overflow: hidden;
    margin-top: 30px;
}

.photo-navs .tab_menu2 li img {
    width: 238px;
    height: 82px;
    margin-left: -15px;
}

.photo-navs .tab_menu2 li.on {
    border: solid 2px #b40000;
}

.photo-navs .photo-pd {
    padding-top: 0 !important;
}

.photo-navs .slipic {
    padding-top: 35px;
    padding-bottom: 10px;
}


/*城市旅拍*/

.city-navs {
    padding-top: 40px;
    padding-bottom: 25px;
}

.city-navs-title {
    width: 40%;
}

.city-navs-lp {
    width: 100%;
    font-size: 42px;
    color: #91B7C2;
}

.city-navs-phs {
    width: 100%;
    font-size: 42px;
    color: #91B7C2;
    font-weight: 600;
}

.city-navs-box {
    width: 900px;
    margin-top: 26px;
    border: 1px solid #91B7C2;
    height: 71px;
    line-height: 70px;
}

.city-navs-box-list {
    border-right: 1px solid #91B7C2;
}

.city-navs-box-list:nth-child(6) {
    border: 0;
}

.city-navs-box-list {
    width: 150px;
    text-align: center;
    position: relative;
    color: #91B7C2;
}

.k-nav-r-a:hover {
    color: #E3F6FA;
    background-color: #91B7C2;
}

.k-check-col {
    color: #E3F6FA;
    background-color: #91B7C2;
}

.city-navs-box-list .c-nav-r-check {
    display: none;
}

.k-check-col .c-nav-r-check {
    display: block;
    position: absolute;
    top: 70px;
    float: left;
    left: 34%;
    border-width: 22px;
    border-style: solid;
    border-color: #91B7C2 transparent transparent transparent;
}

.city-img-box {
    padding-top: 20px;
    padding-bottom: 20px;
    flex-wrap: wrap;
}

.city-img-box-a {
    width: 32.5%;
    margin-bottom: 20px;
}

.city-img-box-a img {
    width: 100%;
}


/*资讯*/

.news-top {
    padding-top: 90px;
    justify-content: center;
    text-align: center;
}

.news-top-s1 {
    font-size: 45px;
    color: #91B7C2;
    font-style: normal;
    letter-spacing: 1px;
}

.news-top-s2 {
    font-size: 8px;
    color: #A8A8A8;
    padding: 5px 0;
}

.news-navs {
    justify-content: center;
    padding-bottom: 35px;
}

.news-navs-a {
    font-size: 14px;
    color: #A8A8A8;
    padding-left: 20px;
    padding-right: 20px;
    border-right: 1px solid #A8A8A8;
}

.news-navs-a:nth-child(4) {
    border: 0;
}

.news-list {
    flex-wrap: wrap;
}

.news-list:nth-child(6) {
    border-bottom: 0;
}

.news-list-box {
    width: 45%;
    padding-bottom: 15px;
    padding-top: 50px;
}

.news-list-box-img {
    width: 14%;
}

.news-list-box-img img {
    width: 100%;
}

.news-list-box-info {
    width: 84%;
}

.news-list-box-info-tit {
    font-size: 18px;
    color: #A8A8A8;
    padding-bottom: 14px;
    border-bottom: 1px dashed #A8A8A8;
}

.news-list-box-info-desc {
    font-size: 14px;
    color: #A8A8A8;
    padding-top: 14px;
    line-height: 18px;
}

.zx-pages {
    margin-top: 45px;
    margin-bottom: 75px;
    align-items: center;
}

.zx-pages-link {
    width: 30%;
    justify-content: flex-start;
    align-items: center;
}

.zx-pages-pages {
    width: 30%;
}

.zx-pages-kong {
    width: 30%;
}

.zx-pages-pages .pagination {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
}

.zx-pages-pages .pagination li {
    float: left;
}

.s-hid {
    display: none;
}

.p-check {
    color: #000;
}

.news-line {
    width: 100%;
    background-color: #A8A8A8;
    height: 1px;
    display: inline-block;
    display: block;
}

.news-line:nth-child(2) {
    display: block;
}


/*price*/

.price-box {
    padding: 90px 0;
}

.price-box-l {
    width: 65%;
}

.price-box-l-top {
    width: 100%;
    margin-bottom: 55px;
    color: #E3F6FA;
    background-color: #91B7C2;
    overflow: hidden;
    justify-content: flex-start;
    align-items: center;
}

.price-box-l-top img {
    width: 8%;
    margin-right: 18px;
}

.price-box-l-top span {
    color: #E3F6FA;
    font-size: 45px;
    display: inline-block
}

.i-sy-tit {
    padding-bottom: 0px;
    padding-top: 0px;
    font-size: 16px;
    color: #000;
    text-align: left;
}

.layui-input-block {
    margin-left: 0px !important;
}

.checklist-box {
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.checklist {
    width: 25%;
    padding-bottom: 15px;
}

.checklist span {
    color: #B2B2B2
}

.radio-list {
    color: #B2B2B2
}

.ipt {
    width: 100% !important;
    height: 3rem !important;
    font-size: 0.7rem !important;
    padding-left: 0.5rem !important;
    border-radius: 8px !important;
    margin: 0.8rem 0 !important;
}

.m-t {
    margin: 35px 0;
}

.btn-w {
    width: 100% !important;
    background-color: #91B7C2 !important;
    height: 60px !important;
    font-size: 25px !important;
    color: #E3F6FA !important;
}

.price-box-mid {
    width: 1px;
    background-color: #B1B1B1;
}

.layui-form-item {
    margin-bottom: 0px !important;
}

.price-box-r {
    width: 30%;
}

.price-box-r-img {
    width: 100%;
}

.price-box-r-img a {
    width: 100%;
    padding: 28px 0;
    border-bottom: 1px solid #B1B1B1;
}

.price-box-r-img a:nth-child(1) {
    padding-top: 0px;
}

.price-box-r-img a:last-child {
    border-bottom: 0px;
}

.price-box-r-img a img {
    width: 100%;
}

.box-mat-top {
    padding-top: 45px;
}

.db-line {
    padding-bottom: 25px;
    border-bottom: 1px solid #EEEEEE
}

.top-line {
    padding-top: 25px;
}

.down-line {
    padding-bottom: 25px;
}

.success-info {
    margin: 0 auto;
    padding: 60px 80px;
    justify-content: center;
    background-color: #fff;
}

.success-info .layui-layer-content {
    border-radius: 10px !important;
}

.success-info-img {
    width: 40%;
    margin: 0 30%;
}

.success-info-img img {
    width: 100%;
}

.success-info-msg1 {
    width: 100%;
    margin: 0.5rem 0;
    font-size: 40px;
    color: #91B7C2;
    text-align: center;
}

.success-info-msg2 {
    width: 100%;
    margin: 0rem 0rem;
    font-size: 16px;
    color: #91B7C2;
    text-align: center;
}

.success-info-btn {
    width: 50%;
    border: 0;
    margin: 10px 25%;
    font-size: 14px;
    background-color: #91B7C2;
    color: #E3F6FA;
    text-align: center;
    padding: 0.3rem 0rem;
}

.layui-layer-page .layui-layer-content {
    overflow-y: hidden !important;
}

.layui-layer {
    border: 2px solid #93B8C1;
}

.make-box {
    padding-top: 90px;
    padding-bottom: 20px;
}

.make-box-title {
    width: 100%;
    padding-bottom: 40px;
    text-align: center;
    font-size: 32px;
    color: #90B7C1;
    font-weight: 600;
}

.make-box-info {
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #92B8C3;
}

.make-box-main {
    justify-content: space-around;
    width: 84%;
    margin: 0 8%;
    padding-bottom: 135px;
    padding-top: 100px;
}

.make-box-list {
    width: 33%;
    justify-content: center;
    align-items: center;
}

.make-box-list-img {
    width: 20%;
    margin: 0 40%;
    padding-bottom: 45px;
}

.make-box-list-img img {
    width: 100%;
}

.make-box-list-info {
    font-size: 22px;
    color: #92B7C0;
    padding-bottom: 12px;
    text-align: center;
}

.make-box-list-info-ph {
    font-size: 25px;
    color: #92B7C0;
    padding-bottom: 18px;
    text-align: center;
}

.make-box-list-desc {
    font-size: 14px;
    color: #92B7C0;
    padding-bottom: 57px;
    text-align: center;
}

.make-box-list-desc-ph {
    font-size: 12px;
    color: #92B7C0;
    text-align: center;
    padding-bottom: 8px;
}

.make-link {
    width: 180px;
    height: 40px;
    font-size: 18px;
    color: #E3F6FA;
    line-height: 40px;
    border-radius: 5px;
    text-align: center;
    background-color: #91B7C2;
}

.make-box-list-ipt {
    width: 200px;
    height: 30px;
    padding-bottom: 8px;
}

.make-box-list-ipt input {
    width: 200px;
    height: 25px;
    border: 1px solid #91B7C2;
    font-size: 8px;
    padding-left: 3px;
}

.make-box-list-img-ph {
    width: 16%;
    margin: 0 42%;
    padding-bottom: 40px;
}

.ppt {
    padding-bottom: 8px;
}

.make-box-list-img-ph img {
    width: 100%;
}

.make-link {
    cursor: pointer;
}

.about-box {
    margin-top: 95px;
    margin-bottom: 65px;
}

.about-box-info {
    width: 60%;
}

.about-top-nav {
    padding-bottom: 30px;
    border-bottom: 1px solid #e9e9e9;
}

.about-top-nav-a {
    padding: 4px 15px;
    margin-right: 14px;
    font-size: 14px;
    border: 1px solid #91B7C2;
    margin-bottom: 10px;
}

.about-top-nav-a:nth-child(1) {
    margin-right: 20px;
}

.about-top-nav {
    justify-content: flex-start;
}

.about-edit {
    padding-top: 20px;
    padding-bottom: 40px;
    color: #272727;
    font-size: 15px;
    line-height: 22px;
}

.about-edit p {
    color: #272727;
    font-size: 15px;
    line-height: 22px;
}

.about-edit img {
    width: 100%;
}

.about-edit p img {
    width: 100%;
}

.news-mains {
    width: 1440px;
    margin: 0 auto;
    margin-top: 80px;
    margin-bottom: 65px;
}

.news-d-box {
    width: 60%;
}

.news-d-box-link {
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 30px;
    border-bottom: 1px solid #E9E9EB;
}

.news-d-box-link span {
    margin-right: 5px;
    color: #A1A1A1;
    font-size: 15px;
}

.news-d-box-link a {
    margin-right: 5px;
    color: #A1A1A1;
    font-size: 15px;
}

.news-d-box-link i {
    margin-right: 5px;
    color: #A1A1A1;
}

.news-d-db-msg {
    justify-content: flex-start;
}

.news-d-db-msg-form {
    color: #262626;
    font-size: 15px;
    padding-bottom: 4px;
}

.news-d-db-msgs-pages {
    width: 100%;
}

.news-d-db-msgs-date {
    width: 70%;
    color: #262626;
    font-size: 15px;
    padding-bottom: 4px;
}

.news-d-db-msgs-pages {
    width: 30%;
    justify-content: flex-end;
    align-items: center;
}

.news-d-db-msgs-pages a {
    padding-left: 15px;
    color: #262626;
    font-size: 15px;
}

.img-box-s:hover a {
    background: #000;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.img-box-s:hover img {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.img-box-s a:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.spics:hover a {
    background: #000;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.spics:hover img {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.spics a:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.k-img-box-list a:hover {
    background-color: #000;
}

.k-img-box-list a:hover img {
    opacity: 0.7;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}


/*.anna-pics-pos a:hover{background-color: #000;}
.anna-pics-pos a:hover img{opacity: 0.7;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}
*/

.anna-pics-pos:hover a {
    background: #000;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.anna-pics-pos:hover img {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.anna-pics-pos img:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}


/*
.city-img-box a:hover{background-color: #000;}
.city-img-box a:hover img{opacity: 0.7;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}
*/

.city-img-box:hover a {
    background: #000;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.city-img-box:hover img {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.city-img-box a:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.anna-pics-pos {
    position: relative;
    height: 750px;
}

.anna-pics-la {
    position: absolute;
    top: 0;
    left: 0;
}

.anna-pics-la img {
    width: 500px;
    height: 750px;
}

.anna-pics-2a {
    position: absolute;
    top: 0;
    left: 500px;
}

.anna-pics-2a img {
    width: 440px;
    height: 375px;
}

.anna-pics-3a {
    position: absolute;
    top: 375px;
    left: 500px;
}

.anna-pics-3a img {
    width: 440px;
    height: 375px;
}

.anna-pics-4a {
    position: absolute;
    top: 0px;
    left: 940px;
}

.anna-pics-4a img {
    width: 500px;
    height: 750px;
}


/* 本例子css */

.slideGroup {
    width: 96%;
    margin: 0 2%;
    text-align: left;
    height: 260px;
}

.slideGroup .parHd {
    height: 30px;
    line-height: 30px;
    background: #f4f4f4;
    padding: 0 20px;
    border-bottom: 1px solid #ddd;
    position: relative;
}

.slideGroup .parHd ul {
    float: left;
    position: absolute;
    left: 20px;
    top: -1px;
    height: 32px;
}

.slideGroup .parHd ul li {
    float: left;
    padding: 0 15px;
    cursor: pointer;
}

.slideGroup .parHd ul li.on {
    height: 30px;
    background: #fff;
    border: 1px solid #ddd;
    border-bottom: 2px solid #fff;
}

.slideGroup .slideBox {
    overflow: hidden;
    zoom: 1;
    padding: 10px 0 10px 85px;
    position: relative;
}

.slideGroup .sPrev,
.slideGroup .sNext {
    position: absolute;
    left: 5px;
    top: 10px;
    display: block;
    width: 78px;
    height: 180px;
    border: 1px solid #fff;
    background: url(/res/home/images/icoLeft.png) center center no-repeat;
}

.slideGroup .sNext {
    left: auto;
    right: 5px;
    background: url(/res/home/images/icoRight.png) center center no-repeat
}


/*.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }
*/

.slideGroup .parBd ul {
    overflow: hidden;
    zoom: 1;
}

.slideGroup .parBd ul li {
    margin: 0 8px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
}

.slideGroup .parBd ul li .pic {
    text-align: center;
}

.slideGroup .parBd ul li .pic img {
    width: 260px;
    height: 180px;
    display: block;
    padding: 0 2px;
}

.slideGroup .parBd ul li .pic a:hover img {
    border-color: #999;
}

.slideGroup .parBd ul li .title {
    line-height: 24px;
}

a,
img {
    border: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

.clearfix {
    display: block;
}

#video-box {
    width: 960px;
    margin: 15px auto;
    /*background: url('/res/home/images/huidian.png')*/
}

video::-internal-media-controls-download-button {
    display: none;
}

video::-webkit-media-controls-enclosure {
    overflow: hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
}


/* tFocus 大的幻灯 */

#tFocus-leftbtn,
#tFocus-rightbtn {
    display: block;
    background: url(/res/home/images/spr.png) no-repeat;
}

#tFocus {
    width: 960px;
    height: 720px;
    overflow: hidden;
    margin: 30px auto 0 auto;
    position: relative;
}

#tFocus-pic {
    width: 960px;
    height: 720px;
    position: relative;
}

#tFocus-pic li {
    width: 960px;
    height: 760px;
    position: absolute;
    left: 0;
    top: 0;
    filter: alpha(opacity: 0);
    opacity: 0;
}

#tFocus-pic li em {
    display: block;
    width: 960px;
    height: 550px;
}

#tFocus-pic li em img.tFocus-picimg {
    width: 960px;
    height: 760px;
}

#tFocus-pic li em img.tipimg {
    position: absolute;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

#tFocusBtn {
    width: 960px;
    height: 160px;
    position: absolute;
    bottom: 0;
    z-index: 20;
    overflow: hidden;
    zoom: 1;
}

.tFocusBtn-box {
    width: 960px;
    margin: 0 auto;
}

#tFocus-btn {
    width: 960px;
    height: 160px;
    position: relative;
    left: 0;
    bottom: 0;
    overflow: hidden;
    zoom: 1;
    float: left;
    margin-right: 3px;
}

#tFocus-btn ul {
    width: 100000px;
    position: absolute;
    left: 0;
    top: 10px;
}

#tFocus-btn li {
    width: 205px;
    height: 130px;
    display: block;
    float: left;
    margin-right: 15px;
    position: relative;
    cursor: pointer;
}

#tFocus-btn li img {
    width: 230px;
    height: 130px;
}

#tFocus-btn li:nth-child(4) {
    margin-right: 0;
}

#tFocus-btn li:hover {
    font-size: 30px;
}

#tFocus-btn li .tFocus-btn-connect {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 186px;
    height: 100px;
    padding: 10px;
    background: url(../images/spbg.png) no-repeat;
    word-wrap: break-word;
    overflow: hidden;
    word-break: break-all;
    line-height: 145px;
    font-size: 24px;
    color: #E3F6FA;
}

#tFocus-btn li.active {
    padding-bottom: 4px;
    border-bottom: 5px solid #91b7c2;
}

#tFocus-btn li.active .tFocus-btn-connect {
    display: block;
    background: url(../img/spr.png) no-repeat;
}

#tFocus-leftbtn,
#tFocus-rightbtn {
    height: 40px;
    margin-top: 18px;
    width: 15px;
    float: left;
    text-indent: -9999px;
}

#tFocus-leftbtn {
    margin-right: 5px;
    background-position: -455px -60px;
}

#tFocus-rightbtn {
    background-position: -480px -60px;
}


/* 大图上的弹层样式 */

.tipcontent {
    padding: 10px;
    width: 660px;
    height: 400px;
    border-radius: 3px;
    overflow: hidden;
    zoom: 1;
    display: none;
    position: absolute;
    left: 50%;
    top: 0px;
    z-index: 222;
    margin-left: -340px;
    margin-top: 80px;
    background: #ffffff;
}

.tipcontent .close {
    background: url(/res/home/images/close.jpg) no-repeat right center;
    width: 100%;
    height: 30px;
    cursor: pointer;
}

#tipconmessage {
    position: relative;
    width: 660px;
    height: 350px;
    margin-top: 20px;
    overflow: hidden;
    zoom: 1;
}

#tipconmessage .img_list {
    overflow: hidden;
    zoom: 1;
    position: relative;
    height: 350px;
}


/* 根据图片的张数来设定dl的宽度 */

.img_list dl {
    width: 3500px;
    position: absolute;
    height: 350px;
    left: 0px;
}

.img_list dd {
    float: left;
    width: 660px;
    height: 350px;
}

.img_list dd .img_list_content {
    padding-left: 40px;
    padding-right: 40px;
    width: 580px;
    overflow: hidden;
    zoom: 1;
}


/* 左右点击的按钮样式 */

#tipconmessage .toLeft {
    display: none;
    position: absolute;
    width: 27px;
    height: 54px;
    top: 35%;
    background: url(/res/home/images/left.jpg) no-repeat left center;
    left: 0px;
    cursor: pointer;
}

#tipconmessage .toLeft:hover {
    background: url(/res/home/images/lefthover.jpg) no-repeat left center;
}

#tipconmessage .toRight {
    display: none;
    position: absolute;
    width: 27px;
    height: 54px;
    top: 35%;
    background: url(/res/home/images/right.jpg) no-repeat left center;
    cursor: pointer;
    right: 0px;
}

#tipconmessage .toRight:hover {
    background: url(/res/home/images/righthover.jpg) no-repeat left center;
}

.layui-form-radio div {
    color: #666;
}

.layui-input-block span {
    color: #666;
}

.layui-input-block input {
    color: #666;
}

.make-box-list-ipt input {
    color: #666;
}

.pagination ul li apan {
    color: #666;
}

.active span {
    color: #91B7C2;
}

.nav-bgcol {
    background-color: #000 !important;
}

.nav-encol {
    color: #000 !important;
}

.pd-cate-a:hover {
    color: #E3F6FA;
    background-color: #91B7C2;
}

.pd-cate-b:hover {
    color: #E3F6FA;
    background-color: #91B7C2;
}

.sample {
    width: 100%;
    font-size: 15px;
    color: #000;
    line-height: 22px;
}

.sample p {
    font-size: 15px;
    color: #000;
    line-height: 22px;
}

.sample span {
    font-size: 15px;
    color: #000;
    line-height: 22px;
}

.sample p img {
    width: 100%;
}

.sample img {
    width: 100%;
}

.photo-top-navs {
    width: 1440px;
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 15px;
}

.photo-top-navs-list {
    width: 100%;
    align-items: center;
    height: 70px;
    justify-content: space-between;
}

.navs-list-sp {
    width: 8.33%;
    border-top: 5px solid #99CCCD;
    height: 70px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #99CCCD;
    color: #A2C3CC;
}

.navs-list-sp:last-child {
    border-right: 0;
}

.navs-list-sp:hover {
    border-top: 5px solid #000;
    color: #000;
}

.sortCheck {
    border-top: 5px solid #000;
    color: #000;
}