@font-face {font-family: 'AlibabaPuHuiTi';src:url(../fonts/AlibabaPuHuiTi/AlibabaPuHuiTi-3-55-Regular.ttf),url(../fonts/AlibabaPuHuiTi/AlibabaPuHuiTi-3-55-Regular.woff),url(../fonts/AlibabaPuHuiTi/AlibabaPuHuiTi-3-55-Regular.woff2);
font-family:Didot;src:url(../fonts/Didot.eot);src:url(../fonts/Didot.eot) format('embedded-opentype'),url(../fonts/Didot.woff) format('woff'),url(../fonts/Didot.ttf) format('truetype'),url(../fonts/Didot.svg) format('svg');font-weight:400;font-style:normal;
    font-display: swap;
}
@font-face{font-family:'Sharp Sans';src:url(../fonts/SharpSans/SharpSans-Bold.woff) format('woff');font-weight:700;font-style:normal}
@font-face{font-family:'Sharp Sans';src:url(../fonts/SharpSans/SharpSans-BoldItalic.woff) format('woff');font-weight:700;font-style:italic}
@font-face{font-family:'Sharp Sans';src:url(../fonts/SharpSans/SharpSans-Semibold.woff) format('woff');font-weight:600;font-style:normal}
@font-face{font-family:'Sharp Sans';src:url(../fonts/SharpSans/SharpSans-SemiboldItalic;.woff) format('woff');font-weight:600;font-style:italic}
@font-face{font-family:'Sharp Sans';src:url(../fonts/SharpSans/SharpSans-Medium.woff) format('woff');font-weight:500;font-style:normal}
@font-face{font-family:'Sharp Sans';src:url(../fonts/SharpSans/SharpSans-MediumItalic.woff) format('woff');font-weight:500;font-style:italic}
@font-face{font-family:'Sharp Sans';src:url(../fonts/SharpSans/SharpSans-Book.woff) format('woff');font-weight:400;font-style:normal}
@font-face{font-family:'Sharp Sans';src:url(../fonts/SharpSans/SharpSans-BookItalic.woff) format('woff');font-weight:400;font-style:italic}
*{box-sizing: border-box; margin: 0; padding: 0; text-decoration: none; list-style: none; font-family: 'Sharp Sans';}
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,dl,dt,dd,ol,ul,li,fieldset,form,label,footer,header,hgroup,nav,section{margin:0;padding:0;border:0;}
body{background:#1a1a1a;color:#faf0e4;position:relative;font-size: 14px; font-family:'Sharp Sans',sans-serif;font-weight:500;font-style:normal;--font-weight-light:500;--font-weight-normal:500;--font-weight-medium:500;--font-weight-bold:700;}
a{color: #faf0e4;font-weight: 500; cursor: pointer; font-size: inherit; font-weight: inherit; text-decoration: none}
a:hover {color: inherit;text-decoration:none;}
a:active {color: #inherit;outline: 0}

img {max-width: 100%;}
h2{padding-bottom:2rem;text-transform:capitalize;}
.font36{font-size: 48px;}
.index_p100{padding: 5rem 0;}

.a_transition{transition: background-color 0.2s, color 0.2s, border 0.2s;}
.container{max-width: 1800px; margin: 0 auto;}
.header{width: 100%; position: fixed; top:0;left:0;z-index:999999;}
.header.bg{background:rgba(56,46,32,.8);transition:all 0.3s ease-out;}
.head{display: flex; justify-content: space-between; align-items: center;margin: 0 15px; height: 100px;transition:all 0.3s ease-out;}
.logo{float: left;max-width: 200px;}

.language_a{display: none;position: relative;padding:0 24px 0 38px; cursor: pointer;}
.language_a:before{content:''; position: absolute; left:0; top:50%; width: 1px; height: 22px; background:#fff; margin-top:-11px;}
.language_a p{color: #ddd;padding-left: 30px;margin: 10px 0; background:url(../images/map1.gif) no-repeat left center; background-size: 20px;}
.language_text{position: absolute; top:35px; left: 0; z-index:99; background:#fff; width: 100%; display: none; padding:10px 0;}
.language_text a{display: block; text-align: center;}
.language_a:hover .language_text{ display: block}

.head_nav{display: flex; align-items: center; height: 100%;}
.nav{display: flex;align-items: center; height: 100%;}
.nav li{position: relative;margin-right:25px;height: 100%;display: flex;align-items: center;}
.nav li:last-child{margin-right: 0px;}
.nav li a{font-size: 20px;margin: 0 0.1vw; color: #fff;text-transform: capitalize; text-align: center; position: relative; height: 100%; display: flex; align-items: center;}
.nav li a:after{content:''; position: absolute; left:50%; bottom:0; width: 0%; height: 3px; background:#faf0e4; transition: all 0.5s ease-out;}
.nav li:hover { transition: all 0.5s ease-out;}
.nav li:hover a{opacity: .8; color: #faf0e4; transition: all 0.5s ease-out;}
.nav li:hover a:after{width: 100%; left:0;}

.nav li .menu_nav{position: absolute;top:100%; left:0px;transform-origin: top; transform: scaleY(0); opacity: 0; transition: all .5s ease-out; z-index: 999;color: #c6ba9b; background-color: #4f463a;min-width: 200px;}
.nav li .menu_nav a{font-size: 14px; color: #c6ba9b; justify-content:flex-start;line-height:3em;}
.nav li .menu_nav a:after{width:0%;}
.nav li:hover .menu_nav a:hover{color: #fff;}
.nav li:hover .menu_nav{transform: scaleY(1); opacity: 1}


.index2 {background: url(../images/index2_bg.jpg) no-repeat center center;height: 100vh; display: flex; justify-content: center;align-items: center;}
.index2 .text {text-align: center; letter-spacing: 1px;transition: all 0.3s ease-out;}
.index2 .text h1{font-size: 60px;margin-bottom: 3vw;font-weight: bold;}
.index2 .text .text2{padding:20px 0;letter-spacing: 1px;}
.index2 .text .text2 h1{font-size: 40px;margin-bottom: 0;font-weight: bold;}
.index2 .text .text2 h3{font-size: 16px;}

.index2 a.more1 {font-size: 15px; margin: 55px auto 0;}
a.more1 {display: inline-block;padding:5px 10px; font-size: 16px;  border: 2px solid #c6ba9b; transition: all 0.3s ease-out;}
a.more1 i{display: inline-block; margin-left: 22px; transition:all 0.3s ease-out;}
a.more1:hover{background:#c6ba9b; color: #4f463a; border:2px solid #c6ba9b;}
a.more1:hover i{color: #4f463a;}

.index3{overflow: hidden;}
.index3 ul{display: flex;}
.index3 ul li{width: 32%; transition: all 0.5s ease-out; position: relative;}
.index3 ul li:nth-child(1){margin-right: 5px;}
.index3 ul li.cur{width: calc(68% - 5px);}
.index3 ul li .img {width: 100%; height:800px; overflow: hidden; position: relative;}
.index3 ul li .fz_jut {position: absolute; top: 0; left: 0;width: 100%; padding-left: 80px; z-index: 2; padding-top: 130px;}
.index3 ul li .fz_jut .font {width: 100%; display: flex; align-items: flex-start;}
.index3 ul li .fz_jut .font .title {width:25%;line-height: 1.2;min-width: 100px;text-transform:capitalize;}
.index3 ul li .fz_jut .font .nei {opacity: 0;visibility: hidden; transition: opacity 0.15s 0.3s linear;width: 72%;}
.index3 ul li .fz_jut .font .nei .text {display: none;font-size: 21px;font-weight: normal; line-height: 1.5;letter-spacing: 0px; max-width:90%; margin-bottom: 100px;}
.index3 ul li .fz_jut .font .nei .fz_list {display: flex;flex-wrap: wrap; margin-bottom: 40px;}
.index3 ul li .fz_jut .font .nei .fz_list .li{padding: 0 10px 0px 10px;margin: 10px 0; border-left:4px solid #faf0e4; width:49%;}
.index3 ul li .fz_jut .font .nei .fz_list .li .name{font-size: 20px;line-height: 1; margin-bottom: 0px;color: #faf0e4;}
.index3 ul li .fz_jut .font .nei .fz_list .li .shu {line-height: 1;font-size: 32px;}
.index3 ul li .fz_jut a.more1{background:#faf0e4;border:2px solid #faf0e4; color: #4f463a;transition:all 0s; text-transform: capitalize;}
.index3 ul li .fz_jut a.more1 i{color: #4f463a; transition:all 0s;}
.index3 ul li .fz_jut a.more1:hover{background:none; border:2px solid #faf0e4;color: #faf0e4;}
.index3 ul li .fz_jut a.more1:hover i{color: #faf0e4;}
.index3 ul li .img img {width: 100%; height: 100%; object-fit: cover; position: absolute;top: 0%; left: 0%; transition: left 0.3s linear;}
.index3 ul li:nth-child(2) .img {transform-origin: left  bottom;}
.index3 ul li:nth-child(2) .img img {left: 0%;}
/*.index3 ul li:nth-child(2).cur .img img {left: 0%;}*/
.index3 ul li.cur .fz_jut .font .nei {flex-shrink: 1; opacity: 1; visibility: visible; transition: opacity 0.15s 0.5s linear;width: 75%;}
.index3 ul li.cur .fz_jut .font .nei .text{display:block;background: rgba(0,0,0,.5);border-radius: 8px;padding: 5px 15px;}

.index3 .index3_mob{display: none;background: url(../images/index3_bg.jpg);background-size: cover;padding: 0;}
.index3 .index3_mob:last-child{background: url(../images/index3_bg2.jpg);}
.index3 .index3_mob_box{padding:10px 30px;}
.index3 .index3_mob_box h3{margin-top: 20px; font-size: 2rem; margin-bottom: 20px;}
.index3 .index3_mob_box .text{font-size: 16px;padding-bottom: 2vw;}

.index4{background:url(../images/index4_bg.jpg);background-size: cover;height: 100vh;margin: 0 auto;padding: 0rem 0;/*linear-gradient(to right, #20160f,#4f463a);*/ display: flex;align-items: center;}
.index4_box h2 {margin-bottom:20px;color: #faf0e4;text-transform: capitalize;}
.index4_box .main_text>.text{padding-bottom: 0.75rem;}
.index4_box .main_text>.text:last-child{padding-bottom: 0px;}
.index4_box .main_text>.text h3{font-weight: normal;font-size: 21px;display:inline-block; margin-bottom: 10px;border-top:2px #9a8574 solid;padding-top:8px; text-transform: uppercase;}
.index4_box .main_text>.text p{font-size: 16px; margin-bottom:0.75rem;line-height: 1.5;letter-spacing: .0255rem;}

.index4_button{font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: #4f463a; background: #faf0e4; border-radius: 5px; padding: 12px 32px;text-decoration: none; display: inline-block; border: 1px solid #faf0e4;}
.index4_button:hover {background-color: #4f463a;color: #faf0e4; border: 1px solid #faf0e4; text-decoration: none}
.index4_button:active {background-color: #4f463a; color: #faf0e4; border: 1px solid #faf0e4; text-decoration: none}

.index-product {margin: 0 auto;}
.index-product .container h2{letter-spacing: 2px;}


.footer{background-size: cover;margin: 0 auto;}









.index_partners{background:linear-gradient(to right, #20160f,#4f463a); margin: 0 auto;}
.index_partners>.container{max-width: 1200px;}
.index_partners .row>.col{padding:2rem;}





.footer{
    background-color: #222222;
    position: relative;
}