/*--------------copyright by vicky start-------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

html {
    font-size: 10px;
    line-height: 1.8;
}

body {
    line-height: 1.8;
    letter-spacing: 2px;
    font-size: 1.6rem;
    font-family: 'Noto Serif TC', serif;
    overflow-x: hidden;
    color: #161b1f;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td {
    vertical-align: top;
}

a {
    display: block;
    color: #303030;
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #303030;
}

img {
    max-width: 100%;
}

hr {
    margin-top: 0;
    margin-bottom: 0;
    border: 0;
    border-top: 0;
}

::selection {
    background: rgba(153, 127, 95, 1);
    color: #fff;
}

[lang="one"] {
    font-family: 'Noto Serif TC';
    font-weight: 600;
    letter-spacing: 1px;
}

/*--捲軸效果--*/
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    margin: 0;
}

::-webkit-scrollbar-thumb {
    background: rgb(153, 127, 95, 1);
    /*捲軸顏色*/
}

/************************************************************************************************************************************************
************************************************************************************************************************************************
************************************************************************************************************************************************/
/*carousel-fade*/
.carousel-fade .carousel-inner .item {
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
    z-index: 2;
}

.carousel-inner>.item>img {
    display: inline-block;
}


/****header start****/


/*mibutton*/
.mibutton {
    position: fixed;
    top: 2em;
    right: 2em;
    z-index: 50;
    cursor: pointer;
    width: 40px;
    height: 30px;
    text-align: left;
    display: none;
}

.mibutton span {
    display: block;
    text-align: center;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    transition: .3s ease all;
}

.mibutton span:nth-child(2) {
    top: 10px;
}

.mibutton span:nth-child(3) {
    top: 20px;
}

.mibutton_ani span {
    opacity: 1;
    background: #000;
}

.mibutton_ani span:nth-child(1) {
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    top: -2px;
}

.mibutton_ani span:nth-child(2) {
    opacity: 0;
}

.mibutton_ani span:nth-child(3) {
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
    -webkit-transform-origin: center left;
    transform-origin: center left;
}

/*navbar*/
.navbar {
    padding: 3.4rem 3.3rem;
    text-align: left;
    border-radius: 0;
    min-height: auto;
    margin: 0;
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
}

.navtop,
.intop {
    position: fixed;
    z-index: 30;
    opacity: 1;
    pointer-events: auto;
    background: rgb(255 255 255 / 1);
    transition: .5s ease-in;
}

.navbar .menu_logo {
    width: 13%;
    display: inline-block;
    vertical-align: middle;
}

/*ibutton*/
.ibutton {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    width: 85%;
}

.ibutton ul {}

.ibutton li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 1em;
    letter-spacing: 3px;
    text-align: center;
}

.ibutton a {
    position: relative;
    overflow: hidden;
    transition: .2s ease all;
    color: #814b07;
    height: 30px;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 18px;
}

p.ch {
    transition: .3s ease all;
}

p.en {
    transition: .3s ease all;
    text-transform: uppercase;
}

.ibutton a:hover p.ch {
    transform: translateY(-100%);
}

.ibutton a:hover p.en {
    transform: translateY(-100%);
}

@media (max-width:1600px) {
    .navbar {
        padding: 2rem;
    }

    .ibutton {
        width: 85%;
    }
}

@media screen and (max-width:1100px) {
    .ibutton {
        width: 89%;
    }

    .ibutton li {
        padding: 0 1rem;
    }
}

@media (max-width:1080px) {
    img.ft001_logo {
        max-width: 22vw;
    }

    .mibutton {
        display: block;
        top: 1.5em;
    }

    .mibtop,
    .mibshow {
        position: fixed;
        opacity: 1;
        display: block;
    }

    .ibutton {
        width: 100%;
        text-align: center;
        display: none;
        padding-bottom: 1em;
    }

    .ibutton li {
        display: block;
        width: 100%;
        padding: 0;
    }

    .ibutton li a {
        padding: 1em;
        transition: .2s ease all;
        height: auto;
    }

    .ibutton li a:hover {
        background: #4c4c4c;
    }

    .ibutton a:hover p.en,
    .ibutton a:hover p.ch {
        transform: translateY(0);
    }

    p.en {
        display: none;
    }
    .navbar {
        padding: 1rem;
                opacity: 1;
        background: rgb(255 255 255 / 1);
                z-index: 9;
    }
}

@media screen and (max-width:1000px) {
    .navbar .menu_logo {
        width: 15%;
    }
}

@media (max-width:600px) {

    .mibutton {
        top: 1.3em;
    }
}

@media (max-width:500px) {
    .mibutton {
        right: 1em;
    }

    .navbar .menu_logo {
        width: 35%;
    }

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


}

@media (max-width: 414px) {


    .mibutton {
        top: 1em;
    }
}

@media (max-width:350px) {
    .mibutton {
        top: 1em;
    }
}

/****header end****/
/***********************/

.dex {
    position: relative;
}


.dex_inner {}


/*logo*/
.logo {
    position: absolute;
    top: 3.5rem;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    width: 15%;
}

.logo a {
    display: inline-block;
    transition: .3s ease all;
}

.logo a:hover {
    opacity: .7;
}


/*dex_txt*/
.dex_txt {
    position: absolute;
    top: 33rem;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    width: 10%;
    text-align: center;
}

.dex_txt h3 {
    font-size: 24px;
    color: #ffffff;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    display: inline-block;
    vertical-align: top;

}

.dex_txt h6 {
    font-size: 14px;
    color: #ffffff;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    display: inline-block;
    letter-spacing: 0;
    vertical-align: bottom;
}


/*enter*/
.enter {
    position: absolute;
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    gap: 0.8vw;
    justify-content: center;
    position: absolute;
    bottom: 21.2rem;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
    -webkit-animation: fadein 5s forwards;
    animation: fadein 5s forwards;
    text-transform: uppercase;
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.enter:after,
.enter:before {
    content: "";
    display: block;
    flex: 0 0 auto;
    height: 190px;
    top: 5rem;

}

.enter:before {
    -webkit-animation: scrolldown 2s cubic-bezier(1, 0, 0, 1) infinite;
    animation: scrolldown 2s cubic-bezier(1, 0, 0, 1) infinite;
    background: #e4d9d5;
    left: 50%;
    margin-left: -.5px;
    position: absolute;
    width: 1px;
    z-index: 10;
}

.enter:after {
    background: #000;
    position: absolute;
    width: 1px;
    z-index: 0;
}

@-webkit-keyframes scrolldown {
    0% {
        transform: scaleY(0);
        transform-origin: 0 0
    }

    50% {
        transform: scale(1);
        transform-origin: 0 0
    }

    50.1% {
        transform: scale(1);
        transform-origin: 0 100%
    }

    to {
        transform: scaleY(0);
        transform-origin: 0 100%
    }
}

@keyframes scrolldown {
    0% {
        transform: scaleY(0);
        transform-origin: 0 0
    }

    50% {
        transform: scale(1);
        transform-origin: 0 0
    }

    50.1% {
        transform: scale(1);
        transform-origin: 0 100%
    }

    to {
        transform: scaleY(0);
        transform-origin: 0 100%
    }
}

.enter a {
    color: #e4d9d5;
}


@media screen and (max-width:1600px) {
    .enter {
        bottom: 10rem;
    }

    .enter:after,
    .enter:before {
        height: 70px;
        top: 4.6rem;
    }
}

@media screen and (max-width:1400px) {
    .dex_txt {
        top: 26rem;
    }
}

@media screen and (max-width:1200px) {
    .dex_txt {
        top: 22rem;
    }

    .dex_txt h3 {
        font-size: 20px;
    }
}

@media screen and (max-width:1100px) {
    .dex_txt {
        top: 20rem;
    }

    .dex_txt h3 {
        font-size: 17px;
    }

    .dex_txt h6 {
        font-size: 12px;
    }
}
@media screen and (max-width:1080px) {
.dex {
    margin-top: 5rem;
}
}
@media screen and (max-width:1000px) {
    .logo {
        width: 20%;
    }

    .dex_txt {
        top: 26rem;
        width: 80%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .dex_txt h6 {
        font-size: 14px;
        -webkit-writing-mode: inherit;
        writing-mode: inherit;
        text-align: center;
        display: block;
    }

    .dex_txt h3 {
        font-size: 24px;
        -webkit-writing-mode: inherit;
        writing-mode: inherit;
        text-align: center;
        display: block;
        order: -1;
        width: 100%;
        margin-bottom: 1rem;
    }
}

@media screen and (max-width:768px) {
    .logo {
        width: 20%;
    }

    .dex_txt {
        top: 23rem;
    }
}

@media screen and (max-width:650px) {

    .dex_txt {
        top: 18rem;
    }

    .enter {
        bottom: 9rem;
    }
}

@media screen and (max-width:576px) {
    .logo {
        top: 2rem;
    }

    .dex_txt {
        top: 16rem;
    }

    .dex_txt h6 {
        font-size: 12px;
    }

    .dex_txt h3 {
        font-size: 18px;
    }

    .enter {
        bottom: 5rem;
    }

    .enter:after,
    .enter:before {
        height: 40px;
        top: 3.6rem;
    }
}

@media screen and (max-width:450px) {
    .dex_txt {
        top: 12rem;
    }

    .enter {
        bottom: 3rem;
    }

    .enter:after,
    .enter:before {
        height: 22px;
    }
}

@media screen and (max-width:414px) {
    .dex_txt {
        top: 11rem;
    }

    .dex_txt h3 {
        font-size: 15px;
        margin-bottom: 0.5rem;
    }
}

@media screen and (max-width: 390px) {
    .dex_txt {
        top: 10rem;
    }
}

@media screen and (max-width:360px) {
    .enter {
        bottom: 1rem;
    }

    .enter:after,
    .enter:before {
        display: none;
    }
}

@media screen and (max-width:310px) {
    .dex_txt {
        top: 9rem;
        width: 95%;
    }

    .enter {
        bottom: 0rem;
    }
}

/***********************/
/***********************/
/***location start***/


.location {
    position: relative;
    width: 40%;
    height: 400px;
    vertical-align: top;
}

.location .map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width:991px) {
    .location {
        height: 300px;
    }
}

@media screen and (max-width: 834px) {
    .location {
        height: 450px;
        width: 100%;
        margin-top: 3rem;
    }
}

@media screen and (max-width:450px) {
    .location {
        height: 250px;
    }
}

@media screen and (max-width:360px) {
    .location {
        height: 250px;
    }
}

/***location end****/
/***********************/
/***********************/

/***footer***/

footer {}

.fttop {
    background: #fff;
}

.fttop .ftwrap {
    width: 1330px;
    max-width: 100%;
    margin: 0 auto;
    padding: 9rem 0 3rem;
}


.ftwrap .ftcont {
    width: 1330px;
    max-width: 100%;
    margin: 0 auto 8.5rem;
    display: flex;
    justify-content: space-between;
}

.ftcont .ftlogo {
    width: 18%;
}

.ftcont .ftlist {
    width: 25%;
}

.ftlist .fttitle {}

.ftlist .fttitle h1 {
    font-size: 22px;
    color: #997f5f;
    font-weight: 600;
}

.ftlist .ftinfo {
    text-align: left;
    margin-top: 1.7rem;
    padding-top: 1.5rem;
    position: relative;
}

.ftlist .ftinfo:before {
    content: '';
    background: #d4cdc5;
    width: 18px;
    max-width: 100%;
    min-height: 1px;
    position: absolute;
    top: 0;
    left: 0;
}

.ftlist .ftinfo ul {}

.ftlist .ftinfo ul li {
    margin-bottom: 1rem;
}

.ftlist .ftinfo ul li span {
    position: relative;
    font-size: 16px;
    color: #231815;
}

.ftlist .ftinfo ul li span a {
    transition: .5s all;
}

.ftlist .ftinfo ul li span a:hover {
    color: #b28146;
}

.ftlist .ftinfo ul li span:nth-of-type(1) {
    display: inline-block;
    width: 6%;
    vertical-align: top;
    color: #d4cdc5;
    text-align: center;
    margin-right: .5rem;
}

.ftlist .ftinfo ul li span:nth-of-type(2) {
    display: inline-block;
    width: 85%;
    vertical-align: top;
}


/*ft_web*/
.ftwrap .ft_web {
    width: 824px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 2.4rem;
}

.ftwrap .ft_web ul {
    display: flex;
    justify-content: space-between;
}

.ftwrap .ft_web ul li {}

.ftwrap .ft_web ul li a {
    color: #997f5f;
    transition: .5s all;
}

.ftwrap .ft_web ul li a h3 {
    font-size: 16px;
    font-weight: 500;
}

.ftwrap .ft_web ul li a:hover {
    color: #000;
}

.ft_line {
    background: rgba(212, 205, 197, 1);
    max-width: 100%;
    min-height: 1px;
    margin: 1rem auto 2.8rem;
}

/*ft_link*/
.ft_link {
    margin-top: 2.2rem;
    width: 400px;
    max-width: 100%;
    margin: 0 auto;
}

.ft_link a {
    transition: .3s ease all;
    display: inline-block;
    width: 32%;
    padding: 0 1.5rem;

}

.ft_link a:hover {
    transform: translateY(-5px);
}



.ftbt {
    background: #575757;
}

.ftbt .ftbt_wrap {
    width: 1000px;
    max-width: 100%;
    margin: 0 auto;
    padding: 1rem 0;
}

/*copyright*/
.copyright {
    color: #ffffff;
    font-size: 14px;
    display: inline-block;
    top: 0;
    right: 0;
    width: 75%;
    text-align: left;
}

.copyright a {
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
}

.copyright a:hover {
    color: #8c6637;
}

/*share*/
.share {
    color: #ffffff;
    font-size: 12px;
    display: inline-block;
    width: 24%;
    text-align: left;
}

.share a {
    font-size: 14px;
    display: inline-block;
    margin-right: 1rem;
}

.share a:hover {
    opacity: .7;
}

@media screen and (max-width:1200px) {
    .ftwrap .ftcont {
        padding: 0 2rem;
    }
}

@media screen and (max-width:1100px) {
    .ftcont .ftlist {
        width: 30%;
    }
}

@media screen and (max-width:991px) {
    .ft_line {
        max-width: 95%;
    }

    .ftbt .ftbt_wrap {
        padding: 1rem 2rem;
    }
}

@media screen and (max-width:834px) {
    .fttop .ftwrap {
        padding: 7rem 2rem 3rem;
    }

    .ftwrap .ftcont {
        padding: 0;
        margin: 0 auto 5rem;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .ftcont .ftlogo {
        width: 30%;
    }

    .ftcont .ftlist {
        width: 50%;
    }

    .ft_line {
        max-width: 100%;
    }

    .share {
        width: 70%;
        margin: 0 auto;
        text-align: center;
        display: block;
    }

    .copyright {
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width:768px) {
    .ftcont .ftlogo {
        width: 35%;
    }

    .ftcont .ftlist {
        width: 49%;
    }
}

@media screen and (max-width:576px) {
    .ftwrap .ftcont {
        flex-wrap: wrap;
        justify-content: center;
    }

    .ftcont .ftlogo {
        width: 45%;
        margin-bottom: 3rem;
    }

    .ftcont .ftlist {
        width: 70%;
    }

    .ftwrap .ft_web ul {
        flex-wrap: wrap;
        justify-content: center;
    }

    .ftwrap .ft_web ul li {
        width: 25%;
        margin-bottom: 1rem;
        text-align: center;
    }
}

@media screen and (max-width:450px) {

    .fttop .ftwrap {
        padding: 5rem 2rem 3rem;
    }

    .ftcont .ftlogo {
        width: 50%;
    }

    .ftwrap .ftcont {
        margin: 0 auto 5rem;
    }

    .ftwrap .ft_web {
        padding: 0;
    }

    .ftwrap .ft_web ul li {
        width: 30%;
    }
}

@media screen and (max-width:430px) {
    .ftcont .ftlist {
        width: 90%;
    }
}

@media screen and (max-width:414px) {
    .fttop .ftwrap {
        padding: 5rem 1rem .5rem;
    }

    .ft_link {
        text-align: center;
    }

    .ft_link a {
        width: 32%;
        margin-bottom: 1rem;
        padding: 0 .5rem;
    }
    .ftlist .ftinfo ul li span:nth-of-type(2) {
    width: 88%;
}
}

@media screen and (max-width:393px) {
    .ftwrap .ft_web ul li {
        width: 32%;
    }
}

@media screen and (max-width:370px) {
    .ftwrap .ft_web ul li {
        width: 40%;
    }

}

@media screen and (max-width:360px) {
    .ftcont .ftlogo {
        width: 60%;
    }
}

@media screen and (max-width:340px) {
    .ftcont .ftlist {
        width: 100%;
    }
}

@media screen and (max-width:330px) {
    .fttop .ftwrap {
        padding: 5rem 1rem .5rem;
    }
}

@media screen and (max-width:300px) {
    .ftlist .ftinfo ul li span:nth-of-type(2) {
        letter-spacing: 0;
    }

    .share {
        width: 100%;
    }
}


/***********************/
/***inbanner start***/
.inbanner {

    width: 100%;
    min-height: 658px;
    position: relative;
}

.inbanner_abt {
    background: url(../../images/inbanner_abt.jpg) top center;
    background-size: cover;
    background-repeat: no-repeat;
}

.inbanner_warranty {
    background: url(../../images/inbanner_warranty.jpg) top center;
    background-size: cover;
    background-repeat: no-repeat;
}

.inbanner_news {
    background: url(../../images/inbanner_news.jpg) top center;
    background-size: cover;
    background-repeat: no-repeat;
}

.inbanner_projects {
    background: url(../../images/inbanner_projects.jpg) top center;
    background-size: cover;
    background-repeat: no-repeat;
}

.inbanner_portfolio {
    background: url(../../images/inbanner_portfolio.jpg) top center;
    background-size: cover;
    background-repeat: no-repeat;
}

.inbanner_progress {
    background: url(../../images/inbanner_progress.jpg) top center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media screen and (max-width:1536px) {
    .inbanner {
        min-height: 530px;
    }
}

@media screen and (max-width:1366px) {
    .inbanner {
        min-height: 470px;
    }
}

@media screen and (max-width:1000px) {
    .inbanner {
        min-height: 340px;
    }
}

@media screen and (max-width:768px) {
    .inbanner {
        min-height: 260px;
    }
}

@media screen and (max-width:450px) {
    .inbanner {
        min-height: 200px;
    }
}

@media screen and (max-width:360px) {
    .inbanner {
        min-height: 170px;
    }
}

@media screen and (max-width:300px) {
    .inbanner {
        min-height: 150px;
    }
}

/***inbanner end****/
/***********************/
/***********************/
/***title start***/

.title {
    width: 1540px;
    max-width: 100%;
    margin: 0 auto 4.5rem;
    padding: 14rem 0 0 0;
    position: relative;
    display: flex;
    align-items: flex-end;
}

.title:before {
    content: '';
    background: url(../../images/title_deco01.png) top left no-repeat;
    background-size: contain;
    width: 130px;
    max-width: 100%;
    min-height: 118px;
    position: absolute;
    top: 0;
    left: 8.6rem;
}

.title h2 {
    font-size: 46px;
    color: #231815;
    font-weight: bold;
    margin-right: 5rem;
}

.title h3 {
    font-size: 28px;
    color: #997f5f;
    font-weight: 600;
    border-bottom: 1px solid #a7a8ac;
    padding: .8rem 0 1rem 0;
}

@media screen and (max-width:1536px) {
    .title {
        padding: 14rem 2rem 0;
    }
}

@media screen and (max-width:1000px) {
    .title h2 {
        font-size: 37px;
    }

    .title h3 {
        font-size: 25px;
    }
}

@media screen and (max-width:768px) {
    .title {
        padding: 10rem 2rem 0;
    }

    .title:before {
        min-height: 88px;
        left: 7rem;
    }
}

@media screen and (max-width: 650px) {
    .title h2 {
        font-size: 33px;
        margin-right: 2rem;
    }
}

@media screen and (max-width:576px) {
    .title h2 {
        margin-right: 1rem;
    }

    .title h3 {
        font-size: 17px;
    }
}

@media screen and (max-width:450px) {
    .title {
        padding: 7rem 2rem 0;
        flex-wrap: wrap;

    }

    .title:before {
        min-height: 60px;
        left: 6rem;
    }

    .title h2 {
        margin: 0 0 1rem 0;
        width: 60%;
    }

}

@media screen and (max-width:414px) {
    .title {
        padding: 4.5rem 2rem 0;
    }

    .title:before {
        min-height: 40px;
        left: 8rem;
    }
}

@media screen and (max-width:393px) {
    .title:before {
        max-width: 20%;
    }
}

@media screen and (max-width:370px) {
    .title h2 {
        font-size: 25px;
        margin: 0 0 .5rem 0;
    }

    .title h3 {
        font-size: 15px;
    }
}

@media screen and (max-width:360px) {
    .title {
        padding: 4.5rem 1rem 0;
    }

    .title:before {
        left: 6rem;
    }
}

@media screen and (max-width:300px) {
    .title h2 {
        font-size: 22px;
    }
}

@media screen and (max-width:px) {}

@media screen and (max-width:px) {}

@media screen and (max-width:px) {}

@media screen and (max-width:px) {}

@media screen and (max-width:px) {}

/***title end****/
/***********************/
/***********************/
/***about start***/

.about {}

/*about1*/
.about1 {
    width: 1800px;
    max-width: 100%;
    margin: 0 auto;
}

/*abt11*/

.about1 .abt11 {
    display: flex;
    justify-content: space-between;
}

.abt11 .abt11_inner {
    width: 43%;
    position: relative;
    padding: 13.9rem 0 0 3.5rem;
}

.abt11_inner .abt11_title {
    margin-bottom: 4.5rem;
    display: flex;
    align-items: flex-end;
}

/*.abt11_inner .abt11_title:before {
    content: '';
    background: url(../../images/title_deco01.png) top left no-repeat;
    background-size: contain;
    width: 130px;
    max-width: 100%;
    min-height: 118px;
    position: absolute;
    top: 0;
    left: 11.3rem;
}*/

.abt11_inner .abt11_title h2 {
    font-size: 46px;
    color: #231815;
    font-weight: bold;
    width: 38%;
}

.abt11_inner .abt11_title h3 {
    font-size: 28px;
    color: #997f5f;
    font-weight: 600;
    width: 60%;
    border-bottom: 1px solid #a7a8ac;
    padding: .8rem 0 1rem 0;
}

.abt11_inner .abt11_txt {
    text-align: justify;
}

.abt11_inner .abt11_txt p {
    font-size: 16px;
    color: #231815;
    margin-bottom: 2.5rem;
    letter-spacing: 0;
}

.abt11 .abt11_img {
    padding: 11.8rem 0 0 0;
}

.abt11 .abt11_img img {}


/*abt12*/
.abt12 {
    margin: 0 auto 3rem;
    padding: 0;
    display: flex;
    justify-content: space-between;
}

.abt12 .abt12_img {
    width: 61%;
}

.abt12 .abt12_txt {
    width: 35%;
    padding: 10.5rem 7.5rem 0 0;
}

.abt12_txt .abt12_title {
    margin-bottom: 3rem;
}

.abt12_txt .abt12_title h2 {
    font-size: 28px;
    color: #997f5f;
    font-weight: 600;
    padding-bottom: .7rem;
    border-bottom: 1px solid #a7a8ac;

}

.abt12_txt .abt12_title h3 {
    font-size: 20px;
    color: #997f5f;
    padding-top: 1rem;
    letter-spacing: 0;
}

.abt12 .abt12_txt p {
    font-size: 18px;
    color: #231815;
    text-align: justify;
    letter-spacing: 0;
    margin-bottom: 2rem;
}

@media screen and (max-width:1600px) {
    .about1 .abt11 {
        padding: 0 2rem;
    }
}

@media screen and (max-width:1366px) {
    .abt11 .abt11_inner {
        padding: 13.9rem 0 0 0;
    }
    .abt12 .abt12_txt {
    padding: 3rem 7.5rem 0 0;
}
}

@media screen and (max-width:1300px) {
    .abt11 .abt11_inner {
        width: 60%;
    }

    .abt11_inner .abt11_txt {}
}

@media screen and (max-width:1100px) {
    .abt11 .abt11_inner {
        width: 90%;
    }

    .abt12 {
        padding: 0 2rem 6.7rem 2rem;
    }

    .abt12 .abt12_txt {
        width: 50%;
        padding: 1rem 0 0 3rem;
    }
}

@media screen and (max-width:1000px) {
    .abt11_inner .abt11_title h2 {
        font-size: 37px;
    }

    .abt11_inner .abt11_title h3 {
        font-size: 25px;
    }
}

@media screen and (max-width:991px) {
    .about1 .abt11 {
        flex-wrap: wrap;
        justify-content: center;
    }

    .abt11 .abt11_inner {
        width: 70%;
        order: -1;
        padding: 3rem 0 0 0;
    }

    .abt11_inner .abt11_txt {}

    .abt11 .abt11_img {
        padding: 0;
    }

    .abt12 {
        padding: 0 2rem 3rem 2rem;
        flex-wrap: wrap;
        justify-content: center;
        margin: 3rem auto 0;
    }
    .abt12 .abt12_img {
    width: 100%;
}

    .abt12 .abt12_txt {
        width: 70%;
        padding: 0 0 3rem 0;
        order: -1;
    }
}

@media screen and (max-width:768px) {
    .abt11_inner .abt11_title:before {
        min-height: 88px;
        left: 7rem;
    }


    .abt11 .abt11_inner {
        width: 80%;
    }

    .abt12 .abt12_txt {
        width: 80%;
    }
}

@media screen and (max-width:576px) {
    .abt11 .abt11_inner {
        width: 100%;
    }

    .abt12 .abt12_txt {
        width: 100%;
    }
}

@media screen and (max-width:450px) {

    .abt11_inner .abt11_title:before {
        min-height: 60px;
        left: 6rem;
    }

    .abt11_inner .abt11_title h2 {
        font-size: 30px;
    }

    .abt11_inner .abt11_title h3 {
        font-size: 20px;
    }
}

@media screen and (max-width: 414px) {
    .abt11 .abt11_inner {
        padding: 1rem 0 0 0;
    }

    .abt11_inner .abt11_title:before {
        min-height: 40px;
    }
}

@media screen and (max-width:393px) {
    .abt11_inner .abt11_title:before {
        min-height: 40px;
        max-width: 20%;
    }
}

@media screen and (max-width:370px) {
    .abt11_inner .abt11_title h2 {
        font-size: 25px;
    }

    .abt11_inner .abt11_title h3 {
        font-size: 15px;
    }
}

@media screen and (max-width:360px) {
    .about1 .abt11 {
        padding: 0 1rem;
    }

    .abt12 {
        padding: 0 1rem 3rem 1rem;
    }
}

@media screen and (max-width:300px) {
    .abt11_inner .abt11_title h2 {
        font-size: 22px;
    }

    .abt12_txt .abt12_title h2 {
        font-size: 23px;
    }

    .abt12_txt .abt12_title h3 {
        font-size: 12px;
    }
}


/*about2*/
.about2 {
    width: 1808px;
    max-width: 100%;
    margin: 6rem auto;
}

.scale_img {
    overflow: hidden;
}

.scale_img img {
    position: relative;
    clip: rect(0, 0, 0, 0);
}

@media screen and (max-width:834px) {
    .about2 {
        margin: 4rem auto;
    }
}

@media screen and (max-width:360px) {
    .about2 {
        margin: 3rem auto;
    }
}


/*about3*/
.about3 {
    width: 1800px;
    max-width: 100%;
    margin: 6rem auto 0;
    display: flex;
    justify-content: space-between;
}


.about3 .abt3_img {
    width: 61%;
}

.about3 .abt3_txt {
    width: 35%;
    padding-top: 10rem;
}

.abt3_txt .abt3_title {
    margin-bottom: 2rem;
}

.abt3_txt .abt3_title h2 {
    font-size: 28px;
    color: #997f5f;
    font-weight: bold;
    padding-bottom: 1.3rem;
    border-bottom: 1px solid #a7a8ac;
}

.abt3_txt .abt3_title h3 {
    font-size: 20px;
    color: #997f5f;
    font-weight: 300;
    letter-spacing: 0;
    padding-top: 1rem;
}

.about3 .abt3_txt p {
    font-size: 18px;
    color: #231815;
    margin-bottom: 1.5rem;
    letter-spacing: 0;
    text-align: justify;
}
.about3 .fontbr{
    display: none;
}

@media screen and (max-width:1800px) {
    .about3 {
        padding: 0 2rem 0 0;
    }
}

@media screen and (max-width:1536px) {
    .about3 .abt3_txt {
        width: 27%;
    }
}
@media screen and (max-width: 1366px) {
    .about3 .abt3_txt {
        padding-top: 2rem;
    }
}
@media screen and (max-width:1200px) {
    .about3 .abt3_txt {
        padding-top: 1rem;
    }
}

@media screen and (max-width:1000px) {
    .about3 .abt3_txt {
        padding-top: 2rem;
    }
}

@media screen and (max-width:991px) {
    .about3 {
        flex-wrap: wrap;
        justify-content: center;
        padding: 0;
        margin-top: 4rem;
    }

    .about3 .abt3_img {
        width: 100%;
        padding: 0 2rem 0 0;
    }

    .about3 .abt3_txt {
        padding-top: 0;
        width: 70%;
        margin: 3rem 0;
        order: -1;
    }
}

@media screen and (max-width:768px) {
    .about3 .abt3_txt {
        width: 80%;
    }
}

@media screen and (max-width:576px) {
    .about3 .abt3_txt {
        padding: 0 2rem;
        width: 100%;
    }
}
@media screen and (max-width:414px) {
   .about3 .fontbr{
    display: block;
}
}
@media screen and (max-width:360px) {
    .about3 .abt3_img {
        padding: 0 1rem;
    }

    .about3 .abt3_txt {
        padding: 0 1rem;
    }
}

@media screen and (max-width:300px) {
    .abt3_txt .abt3_title h2 {
        font-size: 30px;
    }

    .abt3_txt .abt3_title h3 {
        font-size: 12px;
    }
}


/***about end****/
/***********************/

/***********************/
/***top***/
#gotop {
    position: fixed;
    bottom: 3em;
    right: 1em;
    z-index: 50;
    cursor: pointer;
    display: none;
    width: 3%;
}

#gotop i {
    font-size: 40px;
    color: #191818;
    transition: .2s linear;
}

#gotop:hover i {
    transform: translateY(-5px);
}

@media (max-width:991px) {
    #gotop {
        width: 5%;
    }
}

@media (max-width:768px) {
    #gotop {
        width: 7%;
    }
}

@media (max-width:450px) {
    #gotop {
        width: 10%;
    }
}

/***********************/
.space {
    transform: translateY(-82px);
}

.space2 {
    transform: translateY(8px);
}



/***********************/
/***********************/
/***inews start***/

.inews {
    width: 1556px;
    max-width: 100%;
    margin: 0 auto;
    padding: 10.3rem 0 7.9rem;
    display: flex;
    justify-content: space-between;
}

.inewslist_rwd .ntitle {
    width: 100% !important;
}

.inews .inews_title {
    width: 22%;
    text-align: right;
    padding: 6.4rem 3.7rem 0 0;
}

.inews .inews_title h2 {
    font-size: 46px;
    color: #231815;
    font-weight: bold;
}

.inews .inews_title .line {
    width: 80%;
    height: 1px;
    background: #a7a8ac;
    margin: 1rem 0 1rem auto;
}

.inews .inews_title h3 {
    font-size: 28px;
    color: #997f5f;
    font-weight: 600;
}

.inews .inews_title span {
    font-size: 14px;
    color: #997f5f;
    font-weight: 300;
    letter-spacing: 0;
}

.inewslist {
    width: 76%;
    padding-right: 11rem;
}

@media screen and (max-width:1536px) {
    .inews .inews_title {
        padding: 6.4rem 2rem 0 0;
    }
}

@media screen and (max-width:1500px) {
    .inews .inews_title h3 {
        font-size: 23px;
    }

    .inewslist {
        padding-right: 5rem;
    }
}

@media screen and (max-width:1200px) {
    .inews .inews_title {
        padding: 4rem 0rem 0 0;
    }
}

@media screen and (max-width:1100px) {
    .inews {
        padding: 7rem 2rem 6rem;
        flex-wrap: wrap;
        justify-content: center;
    }

    .inews .inews_title {
        width: 40%;
        text-align: center;
        padding: 0 0 3rem 0;
    }

    .inews .inews_title .line {
        margin: 1rem auto;
    }

    .inewslist {
        padding-right: 0;
        width: 100%;
    }
}

@media screen and (max-width:650px) {
    .inews .inews_title {
        width: 70%;
    }
}

@media screen and (max-width:414px) {
    .inews {
        padding: 5rem 2rem 5rem;
    }
}

@media screen and (max-width:393px) {
    .inews .inews_title {
        width: 100%;
    }
}

@media screen and (max-width: 360px) {
    .inews {
        padding: 5rem 1rem 5rem;
    }
}

/***inews end****/
/***********************/
/***********************/
/***iprojects start***/

.iprojects {
    border-top: 1px #d4cdc5 solid;
}

.iprolist_rwd .ntitle {
    width: 100% !important;
}

.ipro {
    width: 1556px;
    max-width: 100%;
    margin: 0 auto;
    padding: 10.3rem 0 7.9rem;
    display: flex;
    justify-content: space-between;
}

.ipro .ipro_title {
    width: 22%;
    text-align: right;
    padding: 6.4rem 3.7rem 0 0;
}

.ipro .ipro_title h2 {
    font-size: 46px;
    color: #231815;
    font-weight: bold;
}

.ipro .ipro_title .line {
    width: 80%;
    height: 1px;
    background: #a7a8ac;
    margin: 1rem 0 1rem auto;
}

.ipro .ipro_title h3 {
    font-size: 28px;
    color: #997f5f;
    font-weight: 600;
}

.ipro .ipro_title span {
    font-size: 14px;
    color: #997f5f;
    font-weight: 300;
    letter-spacing: 0;
}

.iprolist {
    width: 76%;
    padding-right: 11rem;
}

@media screen and (max-width:1536px) {
    .ipro .ipro_title {
        padding: 6.4rem 2rem 0 0;
    }
}

@media screen and (max-width:1500px) {
    .ipro .ipro_title h3 {
        font-size: 23px;
    }

    .iprolist {
        padding-right: 5rem;
    }
}

@media screen and (max-width:1200px) {
    .ipro .ipro_title {
        padding: 4rem 0rem 0 0;
    }
}

@media screen and (max-width:1100px) {
    .ipro {
        padding: 7rem 2rem 6rem 1rem;
        flex-wrap: wrap;
        justify-content: center;
    }

    .ipro .ipro_title {
        width: 40%;
        text-align: center;
        padding: 0 0 6rem 0;
    }

    .ipro .ipro_title .line {
        margin: 1rem auto;
    }

    .iprolist {
        padding-right: 0;
        width: 100%;
    }
}

@media screen and (max-width:650px) {
    .ipro .ipro_title {
        width: 70%;
    }
}

@media screen and (max-width:414px) {
    .ipro {
        padding: 5rem 2rem 5rem 1rem;
    }
}

@media screen and (max-width:393px) {
    .ipro .ipro_title {
        width: 100%;
    }
}

/***iprojects end****/
/***********************/
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
    background: #cabaaa;
    border: solid 1px #303030;
    color: #303030;
    border-radius: 2px;
    font-weight: 400;
    transition: .2s linear;
    padding: 0em 1em;
    height: auto;
    line-height: 2;
    font-size: 16px;
    margin: 5px;
}

button:hover,
html input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
    background: #655749;
    color: #ffffff;
}

.table-responsive {
    border: 0;
    margin: 10px 0;
}

/***news*************************************************************************************************/
.news {
    width: 1248px;
    margin: 0 auto;
    max-width: 100%;
    padding: 0 0 3em;
    color: #000;
    font-size: 16px;
}

.newslist {}

.news_inner {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.newstitle {
    font-size: 20px;
    font-weight: bold;
}

.newslist table.tableimg tr td {
    padding-right: 1%;
}


.newslist table .h1,
.newslist table .h2,
.newslist table .h3,
.newslist table .h4,
.newslist table .h5,
.newslist table .h6,
.newslist table h1,
.newslist table h2,
.newslist table h3,
.newslist table h4,
.newslist table h5,
.newslist table h6 {
    line-height: normal;
}

/***newslist_rwd***/
.newslist_rwd {
    text-align: left;
    display: inline-block;
    width: 32%;
    margin: 0 1.5rem 4rem 0;
}

/*npic*/
.npic {
    position: relative;
    width: 506px;
    max-width: 100%;
    min-height: 338px;
    transition: .3s ease all;
    display: inline-block;
    vertical-align: top;
}

.npicimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
}

.newslist_rwd:hover .npic {
    -webkit-filter: drop-shadow(0px 0px 16px rgba(56, 52, 43, 0.25));
    filter: drop-shadow(0px 0px 16px rgba(56, 52, 43, 0.25));
}

.newslist_rwd a:hover .npic {
    -webkit-filter: drop-shadow(0px 0px 16px rgba(56, 52, 43, 0.25));
    filter: drop-shadow(0px 0px 16px rgba(56, 52, 43, 0.25));
}

/*ntitle*/
.newslist_rwd .ntitle {
    text-align: center;
    position: relative;
    margin: 1.8rem 0 0 0;
    width: 100%;
    padding: 0;
    display: inline-block;
    vertical-align: top;
}

.newslist_rwd .ntitle .news_title {}

.newslist_rwd .ntitle .news_title h3 {
    font-size: 22px;
    font-weight: 600;
    text-align: left;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    letter-spacing: 0;
}

.newslist_rwd .ntitle .news_title h3 a:first-child {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.newslist_rwd .ntitle .news_title h3 a:not(:first-child) {
    display: inline-block;
}

.newslist_rwd .ntitle .news_deco {
    margin-top: 1.2rem;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}


.newslist_rwd .ntitle .news_deco hr {
    background: #a7a8ac;
    width: 100px;
    max-width: 100%;
    min-height: 1px;
    text-align: left;
    margin: 0;
}

.newslist_rwd .ntitle .news_deco p {
    font-size: 14px;
    color: #231815;
    font-weight: 300;
    padding: 0 2rem 0 .5rem;
    line-height: 1;
}

.newslist_rwd .ntitle .news_deco span {
    font-size: 14px;
    color: #231815;
    font-weight: 300;
    line-height: 1;
}


@media screen and (max-width:1400px) {
    .newslist_rwd .ntitle .news_deco hr {
        width: 120px;
    }
}

@media screen and (max-width:1200px) {
    .news {
        padding: 0 2rem;
    }
    
}

@media screen and (max-width:1100px) {
   .newslist_rwd {
    width: 31%;
}
    .newslist_rwd .ntitle .news_deco hr {
        width: 100px;
    }
}

@media screen and (max-width:991px) {
   .newslist_rwd {
    width: 48%;
}
    .newslist_rwd .ntitle {
        width: 100%;
    }
}

@media screen and (max-width:834px) {
    
    .newslist_rwd .ntitle .news_deco hr {
        width: 140px;
    }

    .newslist_rwd .ntitle .news_deco p {
        padding: 0 0 0 .5rem;
    }
}

@media screen and (max-width:650px) {
       .newslist_rwd {
        width: 46%;
    }
    .newslist_rwd .ntitle .news_deco hr {
        width: 80px;
    }
}

@media screen and (max-width:576px) {
    .news_inner {
        flex-wrap: wrap;
        justify-content: center;
    }

    .newslist_rwd {
        width: 80%;
        margin-bottom: 3rem;
    }

    .newslist_rwd .ntitle .news_deco hr {
        width: 210px;
    }
}

@media screen and (max-width:450px) {

    .newslist_rwd {
        width: 100%;
    }
}

@media screen and (max-width:414px) {
    .newslist_rwd .npic {
        min-height: 248px;
    }

    .newslist_rwd .ntitle .news_deco hr {
        width: 160px;
    }
}

@media screen and (max-width:393px) {
    .newslist_rwd .npic {
        min-height: 238px;
    }
}

@media screen and (max-width:370px) {
    .newslist_rwd .ntitle .news_deco hr {
        width: 120px;
    }
}

@media screen and (max-width:360px) {
    .news {
        padding: 0 1rem;
    }
}

@media screen and (max-width:340px) {
    .newslist_rwd .npic {
        min-height: 200px;
    }

    .newslist_rwd .ntitle .news_deco hr {
        width: 90px;
    }
}

@media screen and (max-width:310px) {
    .newslist_rwd .npic {
        min-height: 180px;
    }

    .newslist_rwd .ntitle .news_deco hr {
        width: 60px;
    }
}


/*********************************************************************/

.projects {
    width: 1248px;
    margin: 3rem auto 0;
    max-width: 100%;
    padding: 3rem 0 0 0;
}

.prolist {
    display: flex;
    justify-content: space-between;
}

.prolist table .h1,
.prolist table .h2,
.prolist table .h3,
.prolist table .h4,
.prolist table .h5,
.prolist table .h6,
.prolist table h1,
.prolist table h2,
.prolist table h3,
.prolist table h4,
.prolist table h5,
.prolist table h6 {
    line-height: normal;
}

/***prolist_rwd***/
.prolist_rwd {
    text-align: left;
    display: inline-block;
    width: 45%;
    margin-bottom: 8rem;
}

/*npic*/
.prolist_rwd .npic {
    position: relative;
    width: 480px;
    max-width: 100%;
    min-height: 481px;
    transition: .3s ease all;
    display: inline-block;
    vertical-align: top;
}

.prolist_rwd .npic:before {
    content: '';
    width: 100%;
    min-height: 100%;
    background: #d4cdc5;
    position: absolute;
    top: 0;
    left: 0;
    transition: .5s all;
}

.prolist_rwd .npic .npicimg {
    position: absolute;
    top: -3rem;
    left: 3rem;
    width: 100%;
    height: 100%;
    background-position: center center;
    transition: .5s all;
}

.prolist_rwd a:hover .npic .npicimg {
    top: 0;
    left: 0;
}


/*ntitle*/
.prolist_rwd .ntitle {
    text-align: center;
    position: relative;
    margin: 4.5rem 0 0 0;
    width: 90%;
    padding: 0;
    display: inline-block;
    vertical-align: top;
}

.prolist_rwd .ntitle .pro_title {}

.prolist_rwd .ntitle .pro_title h3 {
    font-size: 30px;
    font-weight: bold;
    color: #997f5f;
    text-align: left;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    letter-spacing: 0;
}

.prolist_rwd .ntitle .pro_title h3 a:first-child {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.prolist_rwd .ntitle .pro_title h3 a:not(:first-child) {
    display: inline-block;
}

.prolist_rwd .ntitle .pro_title hr {
    background: #a7a8ac;
    width: 97px;
    max-width: 100%;
    min-height: 1px;
    text-align: left;
    margin: 0.8rem 0;
}

.prolist_rwd .ntitle .pro_title h4 {
    font-size: 16px;
    font-weight: 400;
    color: #231815;
    text-align: left;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    letter-spacing: 0;
    line-height: 1.8;
}

.prolist_rwd .ntitle .pro_bt {
    width: 100%;
    margin-top: 2rem;
    display: flex;
    justify-content: space-between;
}

.prolist_rwd .ntitle .pro_bt .pro_deco {
    margin-top: 1.2rem;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.prolist_rwd .ntitle .pro_bt .pro_deco p {
    font-size: 14px;
    color: #231815;
    font-weight: 300;
    padding: 0 2rem 0 .5rem;
    line-height: 1;
}

.prolist_rwd .ntitle .pro_bt .pro_deco span {
    font-size: 14px;
    color: #231815;
    font-weight: 300;
    line-height: 1;
}

.prolist_rwd .ntitle .pro_bt .pro_more {
    width: 109px;
    max-width: 100%;
    background: #997f5f;
}

.prolist_rwd .ntitle .pro_bt .pro_more h5 {
    font-size: 14px;
    color: #e4d9d5;
    font-weight: 600;
    padding: 1rem 0;
    transition: .5s all;
    z-index: 1;
    position: relative;
}

.prolist_rwd a:hover .ntitle .pro_bt .pro_more h5 {
    color: #000000;
}

@media screen and (max-width:1536px) {
    .prolist_rwd .ntitle .pro_bt .pro_deco {
        width: 50%;
    }
}

@media screen and (max-width:1300px) {
    .prolist_rwd .ntitle .pro_bt .pro_deco {
        width: 55%;
    }
}

@media screen and (max-width:1200px) {
    .projects {
        padding: 3rem 2rem 0;
    }

    .prolist_rwd .ntitle .pro_bt .pro_deco {
        width: 60%;
    }
}

@media screen and (max-width:1000px) {
    .prolist_rwd .ntitle {
        width: 100%;
    }

    .prolist_rwd .npic .npicimg {
        top: -1rem;
        left: 1rem;
    }
}

@media screen and (max-width:834px) {
    .prolist_rwd .ntitle .pro_bt .pro_deco {
        width: 65%;
    }

    .prolist_rwd .npic {
        min-height: 370px;
    }
}

@media screen and (max-width:768px) {
    .prolist_rwd {
        width: 48%;
    }

    .prolist_rwd .ntitle .pro_bt .pro_deco p {
        padding: 0 1rem 0 .5rem;
    }
}

@media screen and (max-width:650px) {
    .prolist_rwd .npic {
        min-height: 280px;
    }

    .prolist_rwd .ntitle .pro_bt .pro_deco p {
        padding: 0;
        letter-spacing: 0;
    }

    .prolist_rwd .ntitle .pro_bt .pro_deco p {
        font-size: 12px;
    }
}

@media screen and (max-width:576px) {
    .prolist {
        flex-wrap: wrap;
        justify-content: center;
    }

    .prolist_rwd {
        width: 80%;
        margin-bottom: 6rem;
    }

    .prolist_rwd .npic {
        min-height: 430px;
    }

    .prolist_rwd .npic .npicimg {
        top: -2rem;
        left: 2rem;
    }

    .prolist_rwd .ntitle .pro_bt .pro_deco {
        width: 45%;
    }
}

@media screen and (max-width:450px) {
    .prolist_rwd {
        width: 100%;
    }

    .prolist_rwd .npic {
        min-height: 410px;
    }

    .prolist_rwd .npic .npicimg {
        top: -1rem;
        left: 1rem;
    }

    .prolist_rwd .ntitle .pro_bt .pro_deco {
        width: 57%;
    }
}

@media screen and (max-width: 1200px) {
    .projects {
        padding: 3rem 2rem 0 1rem;
    }
}

@media screen and (max-width:402px) {
    .prolist_rwd .npic {
        min-height: 360px;
    }
}

@media screen and (max-width:390px) {
    .prolist_rwd .npic {
        min-height: 350px;
    }
}

@media screen and (max-width: 360px) {}

@media screen and (max-width:350px) {
    .prolist_rwd .npic {
        min-height: 300px;
    }
}

@media screen and (max-width:320px) {
    .prolist_rwd .npic {
        min-height: 280px;
    }

    .prolist_rwd .ntitle .pro_bt .pro_deco {
        width: 60%;
    }
}

@media screen and (max-width:310px) {
    .prolist_rwd .ntitle .pro_bt {
        flex-wrap: wrap;
        justify-content: center;
    }

    .prolist_rwd .ntitle .pro_bt .pro_deco {
        width: 70%;
        margin-bottom: 2rem;
    }
}

@media screen and (max-width:300px) {
    .prolist_rwd .npic {
        min-height: 250px;
    }
}

@media screen and (max-width:px) {}



/*page_num*/
.page_num {
    padding: 1em 0;
}

.page_num a {
    display: inline-block;
}

.inews .page_num {
    display: none;
}

.ripple2 {
    margin-bottom: 5rem;
}

/*************************
*******service_album*******
**************************/
#service_album {
    width: 1240px;
    max-width: 100%;
    margin: 0 auto;
    padding-bottom: 40px;
    padding-top: 40px;
    min-height: 40vh;
}

#service_album a {
    color: #cbae01;
    display: inline-block;
}

#service_album a:visited,
#service_album a:focus {
    color: #513c26;
}

#service_album a:hover {
    color: #7f4d18;
}

/*npic*/
.panel-body .npic {
    position: relative;
    width: 400px;
    max-width: 100%;
    min-height: 300px;
    transition: .3s ease all;
    display: inline-block;
    vertical-align: top;
}

.panel-body .npicimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: top center;
}

.table1 table {
    max-width: 15%;
    display: inline-block;
}

.table2 td {
    max-width: 200px;
    padding: 1rem 0 1.6rem;
}

.table2 td a {
    color: #231815;
    font-size: 18px;
    padding: 0 2rem;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    letter-spacing: 0;
}

.table2 td a:before {
    content: '';
    width: 90%;
    border-bottom: 1px solid #a7a8ac;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.table1 .npic {
    position: relative;
    width: 200px;
    max-width: 100%;
    min-height: 150px;
    transition: .3s ease all;
    display: inline-block;
    vertical-align: top;
}

.table1 .npicimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: top center;
}

table.tablegrid {
    background: #f7f7f7;
}

@media screen and (max-width:1200px) {
    .table1 .npic {
        width: 180px;
    }
}

@media screen and (max-width: 1100px) {
    .table1 .npic {
        width: 345px;
        min-height: 270px;
    }
}

@media screen and (max-width: 1000px) {
    .table1 .npic {
        width: 315px;
        min-height: 240px;
    }

    .table1>div:nth-of-type(1) {
        width: 90%;
        margin: 0 auto;
    }
}


@media(max-width:992px) {
    .contactm {
        margin-bottom: 20px
    }

    .table1 table {
        max-width: 100%;
    }

    table.tablegrid {
        max-width: 33%;
    }

    .table1 .npic {
        width: 310px;
    }
}

@media screen and (max-width: 834px) {
    .table1 .npic {
        width: 245px;
        min-height: 170px;
    }
}

@media(max-width:768px) {
    .table1>div:nth-of-type(1) {
        width: 100% !important;
    }

    .table1 table {
        max-width: 47%;
    }

    .table1 .npic {
        width: 341px;
        min-height: 250px;
    }
}

@media (max-width: 650px) {
    .table1 .npic {
        width: 280px;
        min-height: 210px;
    }
}

@media (max-width: 576px) {
    .table1 .npic {
        width: 250px;
        min-height: 180px;
    }
}

@media (max-width: 500px) {
    .table1 .npic {
        width: 210px;
    }
}

@media (max-width: 450px) {
    .table1 .npic {
        width: 185px;
        min-height: 120px;
    }

    .table1 table {
        max-width: 49%;
    }

}

@media (max-width: 430px) {
    .table1 .npic {
        width: 175px;
        min-height: 100px;
    }
}

@media (max-width: 414px) {
    .table1 .npic {
        width: 188px;
        min-height: 120px;
    }
}

@media (max-width: 402px) {
    .table1 .npic {
        width: 180px;
        min-height: 120px;
    }
}

@media screen and (max-width:393px) {

    table.tablegrid {
        max-width: 100%;
    }

    .table1 .npic {
        width: 175px;
        min-height: 115px;
    }

    .table1 table {
        max-width: 100%;
    }
}

@media (max-width: 370px) {
    .table1 .npic {
        width: 162px;
    }
}

@media (max-width: 350px) {
    .table1>div:nth-of-type(1) {
        text-align: center;
    }

    .table1 table {
        max-width: 100%;
    }

    .table1 .npic {
        width: 155px;
        min-height: 120px;
    }
}

@media (max-width: 340px) {
    .table1 .npic {
        width: 320px;
        min-height: 240px;
    }
}

@media (max-width: 320px) {
    .table1 .npic {
        width: 280px;
    }
}

/*album*/
.album {
    z-index: 5;
    position: relative;
    width: 1330px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0 3rem;
}

.album>table {
    width: 100%;
}

.album>table tr td:first-of-type>table:first-of-type {
    width: 100%;
}

.album a {
    display: inline-block;
    color: #231815;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
        vertical-align: bottom;
}

.album tr.photo a {
    overflow: hidden;
    width: 185px;
    max-width: 100%;
    height: 150px;
    position: relative;
}

.album tr.photo a img {
    height: auto;
}

.album tr.photo {
    transition: .2s ease-in-out;
}

.album tr.photo:hover {
    opacity: .6;
}

.album .table-responsive {
    border: 0;
    margin: 10px;
    width: 14%;
    display: inline-block;
    overflow-x: hidden;
    background: #f7f7f7;
}

.album .table-responsive td {
    vertical-align: middle;
}

@media screen and (max-width:1100px) {
    .album tr.photo a {
        width: 154px;
        height: 120px;
    }
}

@media screen and (max-width:1000px) {
    .album .table-responsive {
        width: 30%;
    }

    .album tr.photo a {
        width: 300px;
        height: 200px;
    }
}

@media screen and (max-width:991px) {
    .panel-body .npic {
        width: 290px;
        min-height: 240px;
    }
}

@media screen and (max-width:834px) {
    .album {
        padding: 0 2rem;
    }

    .album .table-responsive {
        width: 30%;
    }

    .panel-body .npic {
        width: 230px;
        min-height: 160px;
    }

    .album tr.photo a {
        width: 239px;
        height: 180px;
    }

}

@media screen and (max-width: 768px) {
    .album .table-responsive {
        width: 30%;
    }
}

@media screen and (max-width:650px) {
    .album .table-responsive {
        width: 46%;
    }

    .album tr.photo a {
        width: 276px;
        height: 200px;
    }

    /*.pho {
        text-align: center;
    }*/
}

@media screen and (max-width: 576px) {
    .album .table-responsive {
        width: 45%;
    }

    .album tr.photo a {
        width: 241px;
        height: 170px;
    }
}

@media screen and (max-width:450px) {
    .album .table-responsive {
        width: 44%;
    }

    .album tr.photo a {
        width: 180px;
        height: 120px;
    }
}

@media screen and (max-width:414px) {
    .album {
        padding: 0;
    }
}

@media screen and (max-width:393px) {}

@media screen and (max-width: 370px) {
    .album .table-responsive {
        width: 43%;
    }

    .album tr.photo a {
        width: 160px;
        height: 120px;
    }
}

@media screen and (max-width: 350px) {
    .album tr.photo a {
        width: 150px;
        height: 120px;
    }
}

@media screen and (max-width: 330px) {
    .album .table-responsive {
        width: 90%;
    }

    .album tr.photo a {
        width: 300px;
        height: 200px;
    }
}

@media screen and (max-width: 320px) {}

.panel-body {
    padding: 1rem;
}

.panel-body table {
    width: 32.3333%;
    display: inline-block;
}

.page1 {
    width: 100% !important;
    display: block !important;
}

.page1 table,
.page1 table tbody,
.page1 table tbody tr {
    width: 1000px !important;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

@media screen and (max-width:834px) {
    .panel {
        width: 100%;
        overflow: hidden;
    }

    .row {
        margin: 0;
    }
}

@media screen and (max-width:576px) {
    .panel-body table {
        width: 48%;
    }
}

@media screen and (max-width:450px) {
    .panel-body .npic {
        width: 180px;
        min-height: 120px;
    }
}

@media screen and (max-width:393px) {
    .panel-body .npic {
        width: 160px;
    }
}

@media screen and (max-width: 360px) {
    .panel-body .npic {
        width: 140px;
        min-height: 100px;
    }
}

@media screen and (max-width: 320px) {
    .panel-body .npic {
        width: 120px;
        min-height: 80px;
    }
}

@media screen and (max-width: 300px) {
    .panel-body table {
        width: 47%;
    }
}

/***********************/
/***********************/
/***warranty start***/

.warranty {
    width: 1320px;
    max-width: 100%;
    margin: 0 auto;
}

.warranty1,
.warranty2,
.warranty3,
.warranty4 {
    display: flex;
        justify-content: center;
    margin-bottom: 3.2rem;
}

.warranty1 .wty1_left,
.warranty2 .wty2_left,
.warranty3 .wty3_left,
.warranty4 .wty4_left {
    width: 64%;
}

.warranty1 .wty1_left img,
.warranty2 .wty2_left img,
.warranty3 .wty3_left img,
.warranty4 .wty4_left img {}

.warranty1 .wty1_right,
.warranty2 .wty2_right,
.warranty3 .wty3_right,
.warranty4 .wty4_right {
    width: 35%;
    background: url(../../images/pattern.jpg);
    padding: 6rem 2rem 0 4rem;
}

.wty1_right .wty1_title,
.wty2_right .wty2_title,
.wty3_right .wty3_title,
.wty4_right .wty4_title {}

.wty1_right .wty1_title h2,
.wty2_right .wty2_title h2,
.wty3_right .wty3_title h2,
.wty4_right .wty4_title h2 {
    font-size: 28px;
    color: #997f5f;
    position: relative;
    padding-bottom: 1rem;
}

.wty1_right .wty1_title h2:before,
.wty2_right .wty2_title h2:before,
.wty3_right .wty3_title h2:before,
.wty4_right .wty4_title h2:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #997f5f;
    position: absolute;
    bottom: 0;
    left: 0;
}

.wty1_right .wty1_title h2 span,
.wty2_right .wty2_title h2 span,
.wty3_right .wty3_title h2 span,
.wty4_right .wty4_title h2 span {
    font-size: 42px;
}

.wty1_right .wty1_title h3,
.wty2_right .wty2_title h3,
.wty3_right .wty3_title h3,
.wty4_right .wty4_title h3 {
    font-size: 20px;
    color: #997f5f;
    padding: 1rem 0 2.7rem;
}

.wty1_right .wty1_txt,
.wty2_right .wty2_txt,
.wty3_right .wty3_txt,
.wty4_right .wty4_txt {}

.wty1_right .wty1_txt p,
.wty2_right .wty2_txt p,
.wty3_right .wty3_txt p,
.wty4_right .wty4_txt p {
    font-size: 18px;
    color: #231815;
    letter-spacing: 1px;
    padding-bottom: 2rem;
    text-align: justify;
}

@media screen and (max-width:1300px) {

    .warranty1,
    .warranty2,
    .warranty3,
    .warranty4 {
        padding: 0 2rem;
    }
}

@media screen and (max-width:991px) {

    .warranty1 .wty1_left,
    .warranty2 .wty2_left,
    .warranty3 .wty3_left,
    .warranty4 .wty4_left {
        width: 55%;
    }

    .warranty1 .wty1_right,
    .warranty2 .wty2_right,
    .warranty3 .wty3_right,
    .warranty4 .wty4_right {
        width: 40%;
        padding-top: 2rem;
    }

}
@media screen and (max-width:834px){
        .warranty1 .wty1_left, .warranty2 .wty2_left, .warranty3 .wty3_left, .warranty4 .wty4_left {
        width: 61%;
    }
    .warranty1 .wty1_right, .warranty2 .wty2_right, .warranty3 .wty3_right, .warranty4 .wty4_right {
    padding: 2rem 2rem 0 2rem;
}
}

@media screen and (max-width:768px) {

    .warranty1,
    .warranty2,
    .warranty3,
    .warranty4 {
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 7rem;
    }

    .warranty1 .wty1_left,
    .warranty2 .wty2_left,
    .warranty3 .wty3_left,
    .warranty4 .wty4_left {
        width: 100%;
    }

    .warranty1 .wty1_right,
    .warranty2 .wty2_right,
    .warranty3 .wty3_right,
    .warranty4 .wty4_right {
        width: 100%;
        padding: 2rem;
        order: -1;
    }
}

@media screen and (max-width:414px) {

    .warranty1,
    .warranty2,
    .warranty3,
    .warranty4 {
        margin-top: 5rem;
    }

    .wty1_right .wty1_txt p br,
    .wty2_right .wty2_txt p br,
    .wty3_right .wty3_txt p br,
    .wty4_right .wty4_txt p br {
        display: none;
    }
}

@media screen and (max-width:360px) {

    .warranty1,
    .warranty2,
    .warranty3,
    .warranty4 {
        padding: 0 1rem;
    }
}

@media screen and (max-width:320px){
.wty1_right .wty1_title h2, .wty2_right .wty2_title h2, .wty3_right .wty3_title h2, .wty4_right .wty4_title h2 {
    font-size: 25px;
}
    .wty1_right .wty1_title h2 span, .wty2_right .wty2_title h2 span, .wty3_right .wty3_title h2 span, .wty4_right .wty4_title h2 span {
    font-size: 32px;
}
}
/***warranty end****/
/***********************/