@charset "utf-8";
* { padding: 0; margin: 0; text-decoration: none; list-style: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-family: 'arial','Microsoft Yahei'; }
html, body { width: 100%; background: #fff; }
img { border: none; display: block; }
.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
:root {
  --main-color:#bb8c59;
  --title-size-h1:16px;
}
@font-face
{
font-family: urbanist;
src: url('urbanist.ttf')
    ,url('urbanist.eot');
}
.main { width:1430px; height: 100%; margin: 0 auto; }
.symain { width:1600px; height: 100%; margin: 0 auto; position:relative;}
@media screen and (max-width: 1660px) {
.symain,.main { width:94%; margin:0 auto; }
}
@media screen and (max-width: 1210px) {
.symain,.main { width:92%; margin:0 auto; }
}
.fl { float: left; }
.fr { float: right;}
em,i{ font-style:normal;}
:root {
  --title-size-60:clamp(32px, 4vw, 60px);
  --title-size-56:clamp(20px, 4vw, 56px);
  --title-size-44:clamp(21px, 4vw, 44px);
  --title-size-38:clamp(23px, 4vw, 38px);
  --title-size-36:clamp(22px, 4vw, 36px);
  --title-size-32:clamp(20px, 4vw, 32px);
  --title-size-28:clamp(18px, 4vw, 28px);
  --title-size-26:clamp(18px, 4vw, 26px);
  --title-size-24:clamp(15px, 3vw, 24px);
  --title-size-22:clamp(15px, 3vw, 22px);
  --title-size-20:clamp(13px, 3vw, 20px);
  --title-size-18:clamp(13px, 3vw, 18px);
  --title-size-16:clamp(13px, 0.8vw, 16px);
  --title-size-15:15px;
  --title-size-14:14px;
}

.footer{ background:#f5f5f5; padding-top:3%;}
@media screen and (min-width:1260px) {
.flogo{ float:left; width:12%;}
.fnav{ float:left; width:68%;}
.fnav li{ margin:0 15px;}
.flixi{ float:right; width:20%;}
}
@media screen and (max-width:1260px) and (min-width:760px) {
.flogo,.fnav{ margin-bottom:20px;}
.fnav li{ margin-right:30px;}
}
@media screen and (max-width:760px) {
.flogo{ margin-bottom:20px;}
.fnav{ display:none;}
}

.flogo img.fimg{ max-width:80px;}
.flogos{ margin-top:20px;}
.flogos li{ position:relative; float:left; margin-right:20px;}
.flogos li img{ width:20px;}
.flogos li p{ display:none;}
.flogos li p{ position:absolute; left:-42px; top:40px; padding:0; background:#fff; border:1px #ddd solid;}
.flogos li p img{ display:block; width:110px; padding:0px;}
.flogos li p:before{ content:""; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:12px solid #ddd; position:absolute; left:50%; margin-left:-7px; top:-12px;}
.flogos li:hover p{ display:block;}


.fnav li{ float:left; width: calc(16.66% - 30px);}
.fnav li em{ display:block; font-size:var(--title-size-24); line-height:2; font-weight:700; color:#333; margin-bottom:10px;}
.fnav li a{ display:block; color:#333; font-size:var(--title-size-16); line-height:1.8;}
.fnav li a:hover{ color:var(--main-color);}


.flixi em{ display:block; font-size:var(--title-size-24); line-height:2; font-weight:700; color:#333; margin-bottom:10px;}
.flixi i{ font-size:var(--title-size-28); line-height:1.6; color:var(--main-color); font-weight:700; background:url(../images/ico06.png) left no-repeat; padding-left:35px; font-family:"urbanist";}
.flixi p{ padding-left:35px; margin:5px 0; line-height:30px; color:#171516; font-size:var(--title-size-16);}
.flixi p.email{ background:url(../images/ico07.png) left no-repeat;}
.flixi p.address{ background:url(../images/ico08.png) left top 2px  no-repeat;}
.flixi p.tel{ background:url(../images/ico06s.png) left top 2px  no-repeat;}

.copyright{ text-align:center; border-top:1px #d7d7d7 solid; color:#666; font-size:var(--title-size-16); padding:16px 0; margin-top:3%;}
.copyright span{ padding:0 15px;}
.copyright a{ color:#666;}


.indnews { position: relative; padding:2% 0;}
.indnews ul{ position: relative; overflow: hidden; z-index: 0; margin-top:20px;}
.indnews ul li{ box-sizing: border-box;}
.indnews ul li a{ display:block;}
@media screen and (min-width:1200px) {
.indnews ul li{ width:calc(33.33% - 24px); float:left; margin-right:36px; margin-bottom:30px;}
.indnews ul li:nth-child(3n+0){ margin-right:0;}
.indnews ul li .newsimg{ height:330px;}
}
@media screen and (max-width:1200px) and (min-width:960px) {
.indnews ul li{ width:calc(50% - 20px); float:left; margin-right:40px; margin-bottom:30px;}
.indnews ul li:nth-child(2n+0){ margin-right:0;}
.indnews ul li .newsimg{ height:310px;}
}
@media screen and (max-width:960px) and (min-width:640px) {
.indnews ul li{ width:calc(50% - 20px); float:left; margin-right:40px; margin-bottom:30px;}
.indnews ul li:nth-child(2n+0){ margin-right:0;}
.indnews ul li .newsimg{ height:280px;}
}
@media screen and (max-width:640px) {
.indnews ul li{ margin-bottom:20px;}
.indnews ul li .newsimg img{ width:100%;}
}
.indnews ul li .newsimg{ overflow:hidden; position:relative; margin-bottom:10px;}
.indnews ul li .newsimg img{ transition: all 0.3s; object-fit: cover; width:100%; height:100%; position:relative;}
.indnews ul li:hover img{ transform: scale(1.05); }
.indnews ul li em{ display:block; color:#111; line-height:2; transition: all 0.3s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; overflow: hidden; font-size:var(--title-size-20);}
.indnews ul li:hover em{ color:var(--main-color);}
.indnews ul li i{ color:#171516; display:inline-block; font-size:var(--title-size-16); line-height:2;}
.indnews ul li p{ color:#666; height:50px; line-height:25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; font-size:var(--title-size-16);}
.indnews ul li{ padding-bottom:35px; background:url(../images/rig.png) left bottom no-repeat;}
.indnews ul li:hover{ background:url(../images/rigs.png) left bottom no-repeat;}


.inpro{ padding:2% 0;}
.inpro_body{ margin-top:1.5%;}
@media screen and (min-width:760px) {
.inpro_body li{ float:left; width: calc(33.33% - 22px); margin-bottom:33px; margin-right:33px;}
.inpro_body li:nth-child(3n){ margin-right:0;}
}
@media screen and (max-width:760px) {
.inpro_body li{ float:left; width: calc(50% - 10px); margin-bottom:20px; margin-right:20px;}
.inpro_body li:nth-child(2n){ margin-right:0;}
}
.inpro_body li a{ display:block; background:#f8f8f8;  transition: all 0.3s;}
.inpro_body li a .psimg{ height:clamp(160px, 20vw, 350px); overflow:hidden; position:relative; }
.inpro_body li a .psimg img{ position:absolute; width:100%; height:100%; object-fit: cover; transition: all 0.3s;}
.inpro_body li a .psimg:hover img{ transform: scale(1.05); }
.inpro_body li a:hover{ background:var(--main-color);}
.inpro_body li a span{ line-height:2; font-size:var(--title-size-18); color:#333; display:block; transition: all 0.3s;}
@media screen and (min-width:760px) {
.inpro_body li a span{ background:url(../images/rigs.png) right 30px center no-repeat; margin:16px 30px;}
.inpro_body li a:hover span{ color:#fff; background:url(../images/rigy.png) right 50px center no-repeat;}
}
@media screen and (max-width:760px) {
.inpro_body li a{ padding-bottom:5px;}
.inpro_body li a span{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; margin:10px 20px;}
}

.indad01{ position:relative; overflow:hidden;}
.indad01 img{ display:block; width:100%;}
@media screen and (max-width:860px) {
.indad01 img{ width:140%; margin-left:-20%;}
}
.indad01 .indtxt{ position:absolute; z-index:5; width:100%; top:50%; transform: translateY(-50%); text-align:center; color:#fff;}
.indad01 .indtxt span{ font-size:var(--title-size-44); line-height:2.2; display:block; font-weight:700; text-shadow:0px 0px 8px #333;}
.indad01 .indtxt i{ font-size:var(--title-size-18); display:block; margin:0 auto; max-width:900px; font-family:"urbanist"; line-height:1.5; text-shadow:0px 0px 8px #333;}