/* public */

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    border: none;
    text-decoration: none !important;
    font-family: Microsoft YaHei;
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
}


/* ul hide */

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


/* ul li hide */

ul li {
    list-style: none
}


/* css var  */

:root {
    --color: #CB451B;
    --fontcolortitle: #000;
    --fontcolorintro: #333;
    --fonthometitle: 36px;
    --fonttitle: 18px;
    --fontintro: 16px;
    --fontweight: 700;
    --fontfamily: 'Lato', 'Open Sans', 'Roboto', 'Poppins', 'Oswald', 'Noto Sans', 'Montserrat', sans-serif
}


/* title @media */


/* max 1280px title 30px */

@media (max-width:1280px) {
     :root {
        --fonthometitle: 30px
    }
}


/* max 768px title 20px 16px 14px*/

@media (max-width:768px) {
     :root {
        --fonthometitle: 20px;
        --fonttitle: 16px;
        --fontintro: 14px
    }
}


/* css public  */


/*  padding: 0px;  margin: 0px; */

*,
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
table,
th,
td,
ol,
ul,
li,
dl,
dt,
dd,
div,
p {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}


/* -webkit */

html {
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent;
    background: url(/template/pc/skin/images/mainbg.jpg) repeat;
}


/* body css */

body {
    margin: 0px auto;
    max-width: 1920px;
    color: var(--fontcolortitle);
    font-size: 16px;
    line-height: 1.6;
    overflow-x: hidden;
    overflow-y: scroll;
    font-family: var(--fontfamily)
}


/* W weight*/

h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: capitalize;
    font-weight: 700;
    color: rgb(95 57 22)
}

a {
    text-decoration: none;
    color: inherit
}

li,
ol,
ul {
    list-style: none
}

iframe,
video {
    max-width: 100%;
    outline: 0;
    border: none;
    vertical-align: bottom
    /* pic align  */
}

button {
    outline: 0;
    border: none
}

img.lazy {
    display: inline-block;
    opacity: 0
}

img.lazy,
img.tst {
    transition: opacity .6s, transform .3s ease;
}

img.loaded {
    opacity: 1
}

img:not([src]) {
    visibility: hidden;
    position: absolute;
}
img{max-width: 100%}
.hidden {
    overflow: hidden
}


/* anmiation  */

.lazy-load {
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    top: 50%;
    left: 50%;
    margin-top: -9px;
    margin-left: -9px;
    background-color: #CCC;
    animation: loading 1s linear infinite;
    border-radius: 100%
}

.lazy-wrap {
    display: block;
    position: relative;
    overflow: hidden
}

.lazy-wrap::after {
    content: "";
    display: block;
    padding-bottom: 50%
}

.lazy-wrap.lazy-loaded .lazy-load {
    -webkit-animation: none;
    animation: none;
    display: none
}

.lazy-wrap.lazy-loaded::after {
    padding-bottom: 0
}


/* @keyframes*/

@keyframes loading {
    0% {
        transform: scale(.2);
        opacity: 1
    }
    to {
        transform: scale(2);
        opacity: 0
    }
}

.line1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.line2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.line3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
}


/* ==================================================== */


/* web site body  */

.header,
.main,
.footer {
    /* border: red solid 1px; */
}

.header {
    width: 100%;
    height: 350px;
    background-image: url("/template/pc/skin/images/topbg.jpg");
    background-repeat: repeat;
    text-align: center;
    border-bottom: 2px solid #b9998c;
    position:relative;
}

.main {
    width: 100%;
    height: auto;
    margin: auto;
    padding:50px 0;

    /* background-image: url("{eyou:global name='web_templets_pc' /}/skin/images/web-back.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; */
}

.main-list {
    max-width: 1200px;
    margin: auto;
}

.footer {
    width: 100%;
    min-height: 588px;
    background:url("/template/pc/skin/images/foot-back3.jpg");
    background-repeat: repeat;
    text-align: center;
    background:#f1efed;
}


/* ==================================================== */


/*  moudel */


/* page */

.page_pages {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: none;
    overflow: hidden;
    text-align: center;
    line-height: 30px;
    clear: both;
}

.page_pages ul {
    text-align: center;
}

.page_pages ul li {
    text-align: center;
    height: 18px;
    overflow: hidden;
    display: inline;
    margin: 0 2px;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
}

.page_pages ul li a {
    border: 1px solid #f09b91;
    color: #555555;
    display: inline;
    height: 18px;
    overflow: hidden;
    padding: 4px 8px 4px 8px;
    margin: 0;
}

.page_pages ul li a:hover {
    border: 1px solid #f09b91;
    color: #fff;
    background: #f09b91;
    height: 18px;
    overflow: hidden;
    text-decoration: none;
    cursor: pointer;
}

.page_pages ul li.thisclass a {
    background-color: #f09b91;
    height: 18px;
    overflow: hidden;
    color: #fff;
    font-weight: bold;
    border: 1px solid #f09b91;
}

.page_pages .pageinfo {
    color: #999999;
}

.page_pages .pageinfo strong {
    color: #333;
    font-weight: normal;
}


/* header */

.header-top {
    width: 100%;
    height: 173px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.header-top img {
    height: 173px;
    margin: auto;
}

.header-tel {
    width: 100%;
    height: 80px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    /* border: red solid 1px; */
}

.header-tel1,
.header-tel2,
.header-tel3,
.header-tel4,
.header-tel5 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: #5f3916;
    font-weight:600;
    padding: 0 10px;
}
.header-tel1-img,
.header-tel2-img,
.header-tel3-img,
.header-tel4-img,
.header-tel5-img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background:#ca8f7f;
    line-height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    
}

.header-tel1-ti,
.header-tel2-ti,
.header-tel3-ti,
.header-tel4-ti,
.header-tel5-ti {
    width: calc(100% - 38px);

    text-align: left;
    padding-left: 10px;
    
}







.header-tel1-img img,
.header-tel2-img img,
.header-tel3-img img,
.header-tel4-img img,
.header-tel5-img img {
    height: 80%;
    padding:10%;
}


/* header-menu */

.header-menu {
    width: 100%;
    position:absolute;
    bottom:0;
}

.header-menu-list {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.header-menu-list ul {
    width: 100%;
    line-height: 48px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.header-menu-list ul li {
    width: 10%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.header-menu-list ul li.on{background:#ca8f7f;color:#fff;}


/* menu  jq */

.navbar {
    width: 100%;
    overflow: hidden;
}

.nav-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
}

.nav-item {
    position: relative;
}

.nav-item a {
    display: block;
    color:rgb(95 57 22);
    text-align: center;
    text-decoration: none;
}

.nav-item a:hover {
    background-color: rgb(231, 217, 217);
    opacity: 0.5;
    width: 134px;
}

.dropdown-menu {
    display: none;
    position: absolute;
    background-color: #333;
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dropdown-menu li a {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-menu li a:hover {
    background-color: #555;
}


/* main title*/

.main-title {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url("/template/pc/skin/images/26.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 373px 54px;
    /* border: red solid 1px; */
    text-align: center;
}

.main-title span {
    width: auto;
    display: inline-block;
    /* background-color: #CB451B; */
}


/* main list*/

.main-list {
    width: 100%;
    height: auto;
    max-width: 1250px;
    display: none;
}


.main-list.active {
    width: 100%;
    height: auto;
    max-width: 1250px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}


.main-list-li {
    width: 25%;
    height: auto;
    margin-bottom: 50px;
}

.main-list-ti {
    width: 92%;
    display: flex;
    justify-content: center;
}

.main-list-img {

    height: 389px;
}

.main-list-img img {
    height: 389px;
}


/* index pic jsjq */

.zoom-image {
    transition: transform 0.3s ease;
    cursor: pointer;
}

.zoom-image:hover {
    transform: scale(1.07);
}

.zoomed {
    transform: scale(1.07);
}


/* main-contact */

.main-contact {
    width: 920px;

    max-width: 1250px;
    margin: auto;
    padding-top: 100px;
    padding-bottom: 100px;
}

.main-contact-ar-top{    width: 920px;
    height: 88px;
    background-image: url("/template/pc/skin/images/bj4_01.png");
    background-repeat: no-repeat;}
.main-contact-ar-foot{    width: 920px;
    height: 88px;
    background-image: url("/template/pc/skin/images/bj4_03.png");
    background-repeat: no-repeat;}



.main-contact-ar {
    width: 920px;
    background-image: url("/template/pc/skin/images/bj4_02.png");
    background-repeat: repeat-y;
    padding: 0 50px;
}

.app-main-contact {
    display: none;
}


/* content page */

.main-content-ti {
    width: 100%;
    padding-top: 50px;
    text-align: center;
    padding-bottom: 50px;
}

.main-content1 {
    width: 100%;
    max-width: 1250px;
    display: flex;
    flex-direction: row;
    margin: auto;
    justify-content: space-between;
}

.main-content1-left {
    width: 50%;
}

.main-content1-right {
    width: 50%;
}

.main-content1-left1 {
    padding-bottom: 20px;
    display: flex;
    flex-direction: column;
}
.main-content1-left2 .intro{    word-break: break-all;}
.main-content1-left2 .intro p{    word-break: break-all;}
.main-content1-left2-tt {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding-bottom: 15px;

}

.main-content1-left2-tt span {
    color:#633916
}

.main-content1-left3 {
    width:100%;
    padding-bottom: 15px;

}
.main-content1-left3 img{max-width:100%;}


.main-content2 {
    width:100%;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 100px;
}
.main-content2{display:flex;justify-content:center;align-items:center;flex-direction:column;}
.main-content2 img{max-width:50%;}

/* footer  tel  */

.footer-tel {
    width: 100%;
    height: 80px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    /* border: red solid 1px; */
}

.footer-tel1,
.footer-tel2,
.footer-tel3,
.footer-tel4,
.footer-tel5 {
    display: flex;
    flex-direction: row;
    width: 12%;
}

.footer-tel1-img img,
.footer-tel2-img img,
.footer-tel3-img img,
.footer-tel4-img img,
.footer-tel5-img img {
    width: 26px;
    height: 26px;
}

.footer-time-wrap {
    width: 100%;
    padding:40px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.footer-time {
    font-size: 18px;
    font-weight: 600;
    color: rgb(95 57 22);
    line-height: 1.8

}

.footer-tel1-l {
    display: inline-block;
}


/* foot wx */

.footer-wx {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.footer-wx-wx,
.footer-wx-line,
.footer-wx-whatsapp,
.footer-wx-Telegram {
    display: flex;
    flex-direction: column;
    margin-right: 15px;
}

.footer-wx-wx span,
.footer-wx-line span,
.footer-wx-whatsapp span,
.footer-wx-Telegram span {
    text-align: center;
}

.footer-tel-li {
    padding: 10px;
}

.pc-footer {
    display: block;
}

.app-footer {
    display: none;
}

.footer-wx-wx, .footer-wx-line, .footer-wx-whatsapp, .footer-wx-Telegram{width:220px;}
/* ==================================================== */


/* WEB App */


/* index APP */

@media (max-width: 992px) {
    .header-tel {
        width: 100%;
        height: auto;
        display: flex;
        flex-wrap:wrap;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-size: 9px;
        /* border: red solid 1px; */
    }
    /* header-tel1 */
    .header-tel1 {
        display: flex;
        display: inline-block;
        flex-direction: row;
        width: 33.333%;
        height: 40px;
        height: auto;
        flex-wrap: wrap;
    }
    .header-tel1-img {
        justify-content: center;
        display: flex;
        flex-direction: row;
        margin: 0 auto;

    }


    /* .header-tel2 */
    .header-tel2 {
        display: flex;
        display: inline-block;
        flex-direction: row;
        width: 33.333%;
        height: 40px;
        height: auto;
        flex-wrap: wrap;
    }
    .header-tel2-img {
        justify-content: center;
        display: flex;
        flex-direction: row;
        margin: 0 auto;
    }


    /* .header-tel3 */
    .header-tel3 {
        display: flex;
        display: inline-block;
        flex-direction: row;
        width: 33.333%;
        height: 40px;
        height: auto;
        flex-wrap: wrap;

    }
    .header-tel3-img {
        justify-content: center;
        display: flex;
        flex-direction: row;
        margin: 0 auto;
    }


    /* .header-tel4 */
    .header-tel4 {
        display: flex;
        display: inline-block;
        flex-direction: row;
        width: 50%;
        height: 40px;
        height: auto;
        flex-wrap: wrap;
        margin:2% 0;
    }
    .header-tel4-img {
        justify-content: center;
        display: flex;
        flex-direction: row;
        margin: 0 auto;
        padding:0;
    }


    /* .header-tel5 */
    .header-tel5 {
        display: flex;
        display: inline-block;
        flex-direction: row;
        width: 50%;
        height: 40px;
        height: auto;
        flex-wrap: wrap;
        margin:2% 0;
    }
    .header-tel5-img {
        justify-content: center;
        display: flex;
        flex-direction: row;
        margin: 0 auto;
    }


.header-tel1-ti,
.header-tel2-ti,
.header-tel3-ti,
.header-tel4-ti,
.header-tel5-ti {
    width: 100%;
    text-align:center;
   
    
}

.main-content2 img{max-width:100%;}



    .header-menu {
        width: 100%;
        height: 70px;
        font-size: 13px;
        margin-top: 50px;
    }
    /* header-menu */
    .header-menu {
        width: 100%;
        height: auto;
    }
    .header-menu-list ul li {
        width: 20%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        font-size: 12px;
    }
    /* main-list */
    .main-list-img {
        width: 100%;
        height: auto;
    }
    .main-list {
        width: 100%;
        height: auto;

    }
    .main-list-li {
        width: 48%;
        height: auto;

        flex-direction: column;
        margin:1%;
    }
    .main-list-img img {
        width: 100%;
        height: auto;
    }
    /* contact */
    .main-contact {
        display: none;
    }
    .app-main-contact {
        display: block;
        width: 100%;
        height: auto;
        margin: auto;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .app-main-contact-ar {
        width:96%;
        margin:0 2%;

    }
    /* content */
    .main-content-ti {
        width: 100%;
        padding-top: 0px;
        text-align: center;
        padding-bottom: 20px;
    }
    .main-content1 {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: auto;
    }
    .main-content1-right {
        width: 100%;
        display: flex;
        order: 0;
        justify-content: center;
    }
    .main-content1-left {
        padding-top:20px;
        display: flex;
        order: 1;
        width: 100%;
        flex-direction: column;
    }
    .main-content1-right img {
        width: 95%;
        height: auto;
    }
    .main-content1-left1 {
        padding-bottom: 20px;
        text-align: center;
    }
    .main-content1-left2 {
        padding: 10px;
    }
    .main-content1-left2-tt {
        display: flex;
        flex-direction: row;
        padding-left:10px;
        text-align: right;
    }
    .main-content1-left2-tt span {
        width: 80px;

    }
    .main-content1-left2-tt p {
        width: calc(100% - 80px);
        text-align: left;
    }
    .main-content1-left3 {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        padding-bottom: 15px;
    }
    .main-content2 {
        width: 100%;


        padding: 15px;
        box-sizing: border-box;
    }
    /* footer-wx */
    .footer-wx {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap
    }
    .footer-wx-wx,
    .footer-wx-line,
    .footer-wx-whatsapp,
    .footer-wx-Telegram {
        width: 42%;
        display: flex;
        flex-direction: column;
        margin-right: 15px;
    }
    .footer-wx-wx span,
    .footer-wx-line span,
    .footer-wx-whatsapp span,
    .footer-wx-Telegram span {
        text-align: center;
    }
    /* app foot */
    .footer-tel {
        display: none;
    }
	.pc-footer {
		display:none;
	}
    .app-footer {
        padding-top: 5px;
        padding-bottom: 5px;
        display: block;
    }
}


/* list APP */


/* contact APP */


/* centent APP */


.main-title-son{display: flex;justify-content: center;align-items: center;width:100%;margin-bottom: 50px;}
.main-title-son span{    display: block;
    padding: 5px 10px;
    border-radius: 8px;
    margin: 0 10px;
    background: #efe3b9;
    border: 2px solid #cba361;
    background-repeat: no-repeat;
    cursor: pointer;
    color: #694b19

}
.main-title-son span.active{color: #efefef;border:2px solid #efe3b9;background:#cba361;}
.main-list-ti a{font-size: 18px;color:#694b19;padding:10px 0;font-weight: 600 }