@charset "utf-8";

* {
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  -webkit-text-size-adjust: 100%
}
body {
  padding: 0;
  margin: 0 auto;
  font-size: 16px;
  line-height: 2.25;
  color: #333333;
  background: #fff;
  font-family: "Microsoft YaHei";
  overflow-x: hidden!important;
  -webkit-text-size-adjust: none;
  /*取出点击出现半透明的灰色背景*/
  -webkit-tap-highlight: rgba(0, 0, 0, 0);
  /*控制内容的可选择性*/
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}

input[type="button"], input[type="submit"], input[type="reset"] {
  -webkit-appearance: none;
}
.ul, form, dl, dt, dd, div, figure, article, nav, menu, aside, pre {
  padding: 0;
  margin: 0;
}
.ul, .ul li {
  list-style: none;
}
table, table td {
  border-collapse: collapse;
}
table {
  border-spacing: 0;
}
table td, select, input, textarea {
  font-size: 14px;
}
select, input, textarea {
  border-radius: 0;
  -webkit-border-radius: 0;
}
select, input, textarea, pre {
  font-family: "Microsoft YaHei";
}
img {
  border: none;
  max-width: 100%;
  vertical-align: middle;
}
a {
  color: #333;
  text-decoration: none;
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 去掉链接触摸高亮 */
}
a:hover {
  color: #6a3906;
  text-decoration: none;
}
a:focus {
  color: #333;
  outline: none;
  -moz-outline: none;
}
a:active {
  color: #333;
}
pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  text-align: justify;
  text-justify: inter-ideograph;
}
.clear {
  clear: both;
  height: 0px;
  overflow: hidden;
  zoom: 0;
}
.clearfix:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.dot {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.dot2, .dot3, .dot4, .dot5, .dot6 {
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-box-orient: vertical;
}
.dot2 {
  -webkit-line-clamp: 2;
}
.dot3 {
  -webkit-line-clamp: 3;
}
.dot4 {
  -webkit-line-clamp: 4;
}
.dot5 {
  -webkit-line-clamp: 5;
}
.dot6 {
  -webkit-line-clamp: 6;
}
.ytable {
  display: table;
  width: 100%;
}
.ytable-fixed {
  table-layout: fixed;
}
.ytable-cell {
  display: table-cell;
  vertical-align: middle;
}
@media (max-width:1024px) {
  .ytable.xy,
  .ytable.xy .ytable-cell{display: block;}
}
.Ispic {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
:after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.nM {
  margin: 0;
}
.nP {
  padding: 0;
}
select.select-css {
	border: solid 1px #000;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
    background-repeat:  no-repeat;
    background-position:  98% center;
    background-color:  transparent;
	padding-right: 20px;
    padding-left: 10px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select.select-css::-ms-expand {
display: none;
}
/**初始 End**/
.w22, .w75 {
  padding-bottom: 4%;
}
@media(min-width:1025px) {
  .fl {
    float: left;
  }
  .fr {
    float: right;
  }
  .w22 {
    width: 22%;
  }
  .w75 {
    width: 75%;
  }
}
.img-block{
    display: block; 
    width: 100%;
}
/*↑↑↑如修改栏目左右结构宽度比例 请不要修改这里的  在style.css 加上修改*/
/*用于图片变黑白*/
.grayscale{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");-webkit-filter:grayscale(1);filter:grayscale(1);filter:gray}.grayscale.grayscale-fade{transition:filter .5s;}@media screen and (-webkit-min-device-pixel-ratio:0){.grayscale.grayscale-fade{-webkit-transition:-webkit-filter .5s;transition:-webkit-filter .5s;}}.grayscale.grayscale-fade:hover,.grayscale.grayscale-off{-webkit-filter:grayscale(0);filter:grayscale(0)}.grayscale.grayscale-replaced{-webkit-filter:none;filter:none}.grayscale.grayscale-replaced>svg{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:0}.flipInY .grayscale.grayscale-replaced>svg {opacity:1;}.grayscale.grayscale-replaced.grayscale-fade:hover>svg,.grayscale.grayscale-replaced.grayscale-off>svg{opacity:0}
/**页面框架 End**/
.auto { margin: 0 auto;}
.auto_1600 { max-width: 1600px; width: 96%; margin: 0 auto}
.auto_1400 { max-width: 1400px; width: 96%; margin: 0 auto}
.w_96{ padding:0 4%}
/*******************************
open-search
********************************/
.open-search{cursor: pointer;}
.open-search[rel="absolute"]{position: absolute; top: 50%;}
.open-search[rel="relative"]{position: relative;}
.open-search.on{background: none!important;}
.open-search.on:before,
.open-search.on:after{position: absolute; content: ''; width: 70%; left: 15%; height: 3px; top: 50%; margin-top: -1.5px;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.open-search.on:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}

.top-search{position: relative;display: none;padding-right: 50px;}
.top-search[rel="absolute"]{position: absolute; top: 100%; right: 0; z-index: 100; width: 100%;max-width: 320px;}
.top-search .text{width: 100%; height: 44px; line-height: 44px; border: 0;background: #fff; padding: 0 10px;color: #999;}
.top-search .text.focus{color: #333;}
.top-search .btn{position: absolute; right: 0; top: 0; height: 100%; width: 50px;background-repeat: no-repeat;background-position: center center;}

/*******************************
open-menu
********************************/
@media(max-width:1024px){
body.menu-show{overflow: hidden;}

.open-menu{z-index: 10; width: 40px; height: 40px;}
.open-menu[rel="relative"]{position: relative;}
.open-menu[rel="absolute"]{position: absolute; top: 50%; transform: translateY(-50%);}
.open-menu i{position: absolute; width: 100%; height: 3px; background: #fff; left: 0; top: 50%; margin-top: -1.5px; transition: 0.3s;}
.open-menu:not(.on) i:nth-child(1){margin-top: -10px;}
.open-menu:not(.on) i:nth-child(3){margin-top: 8px;}

.open-menu.on i:nth-child(2){opacity: 0;}
.open-menu.on i:nth-child(1){transform: rotate(-45deg);}
.open-menu.on i:nth-child(3){transform: rotate(45deg);}
}

/*************************************
whir_menu.2.0
**************************************/
@media(min-width:1025px){
.top-sub{position: absolute; top: 100%; z-index: 100;}
}
@media(max-width:1024px){
.has-multi aside,
.has-sub span{position: relative;padding-right: 40px; overflow: hidden;}
.has-multi aside .op-multi,
.has-sub span .op{position: absolute; width: 40px; height: 100%; height: 100%; transition: 0.3s; right: 0; top: 0;}
.has-multi aside .op-multi.click,
.has-sub span .op.click{transform: rotate(45deg);}
.has-multi aside .op-multi:before,
.has-multi aside .op-multi:after,
.has-sub span .op:before,
.has-sub span .op:after{position: absolute; content: ''; width: 12px; height: 2px;background: #fff; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.has-multi aside .op-multi:after,
.has-sub span .op:after{ width: 2px; height: 12px;}
.has-multi aside .op-multi:before,
.has-multi aside .op-multi:after{background-color: #666;}
}

[rel="li-relative"] li{position: relative; z-index: 100;}
[type="Vertical"] .sub{display: none;}
[type="Vertical"] .sub dl{padding: 10px;}
[type="Vertical"] .sub dt{line-height: 24px; padding: 5px 0; text-align: center;}
@media(min-width:1025px){
[type="Vertical"] .sub dl{background: rgba(255,255,255,0.85);}
[rel="li-relative"] .sub{left: 50%; width: 180px; margin-left: -90px;}
}

[type="Vertical-hierarchy"] .hierarchy{display: none;}
@media(min-width:1025px){
[type="Vertical-hierarchy"] .has-multi{position: relative;}
[type="Vertical-hierarchy"] .hierarchy{ position: absolute; left: 100%;top: 0;z-index: 20; width: 100%;background-color: rgba(0,0,0,0.7); padding: 10px 0;}
[type="Vertical-hierarchy"] .hierarchy[data-num="2"]{background-color: rgba(0,0,0,0.5);}
}

/*Top003124 */
.Top003124{ background: #fff;  box-shadow: 0 0 10px rgba(0,0,0,0.1); position: relative; z-index: 200}
.fp-viewing-page1 .Top003124{background: #fff0;}
.Top003124:hover{ background: #fff; }
@media (min-width:1025px) {
.Top003124{position: fixed;width: 100%;left: 0;top: 0;transition:background-color 0.3s,transform 1s;}
.Top003124.Down{transform: translateY(-5.3125em);}
}
@media (max-width:1024px) {
.Top003124 .wap-fixed{position: fixed;width: 100%;left: 0;top: 0;z-index: 100;background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.Top003124 .logo .white{display: none;} 
.Top003124 .auto{position: relative;}
.index_banner{margin-top: 70px;}
}

.Top003124 .logo{float: left;display: table;height: 5em;}
.Top003124 .logo a{display: table-cell; vertical-align: middle;}
.Top003124 .logo img{height:34px;}

.Top003124 .top-nav dd{font-family: 'Bebas';}
.Top003124 .top-nav dd.oa a{display: block; border: 1px solid #ccc;border-radius: 50%;text-align: center;}
.Top003124.hover .top-nav dd.oa a{border-color: #ccc;}
.Top003124 .top-nav dd.lang a{margin: 0 5px;}
.Top003124 .top-nav dd.stock b{font-weight: normal;}
.Top003124 .top-lang{margin: 1.4vw 1.61vw 0 0; float:right; position:relative;}
.Top003124 .top-lang .icon{width:72px;height: 38px; line-height:38px; text-align:center; cursor: pointer;background: url(../images/top_lan.png) no-repeat center center;}
.Top003124 .top-lang .box{text-align: center;position: absolute; left: -10px; right:-10px;padding:5px;border-radius: 10px;background-color: rgba(0,0,0,0.2);display: none;}
.Top003124 .top-lang .box a{ color: #fff}


@media(min-width:1025px) and  (max-width:1770px) {
.Top003124 .top-nav{margin-right: 8.34vw;}
}
@media (min-width:1025px) {
.Top003124 .top-nav{float: right; margin-left: 7.5em;padding-top: 1.75em; font-size: 0.875em; }
.Top003124 .top-nav dd{float: left;line-height:2.5714em;}
.Top003124 .top-nav dd.oa{margin-left: 4.2857em;}
.Top003124 .top-nav dd.oa a{width:2.5714em;}
.Top003124 .top-nav dd.stock{margin-right: 2.1428em;padding-right: 2.1428em;border-right: 1px solid rgba(255,255,255,0.1);}
.Top003124:not(.hover) .top-nav dd.stock{border-right-color: #fff;}
}
@media (max-width:1024px) {
.Top003124 .top-nav{position: absolute;right: 0; bottom: 100%;display: flex;align-items: center; margin-bottom: 0.5em;}
.Top003124 .top-nav dd{line-height: 2;}
.Top003124 .top-nav dd:not(:last-child){margin-right: 1em;}
.Top003124 .top-nav dd.oa a{width:2em;}
}

.Top003124 menu li span{display: block;}
@media (min-width:1025px) {
.Top003124 menu{ margin:auto; width:70%; max-width:1060px;transition: 0.3s; top:0!important}
.Top003124 menu ul{ white-space:nowrap;}
.Top003124 .menu-hide{ width: 0; opacity: 0; height: 80px; overflow: hidden;}
.Top003124 menu li{ display:inline-block}  
.Top003124 menu li:not(:last-child){margin-right:3.2em;}
.Top003124 menu li span,
.Top003124 menu li span a{line-height:5em;}  
.Top003124 menu li span a{display: block;position: relative;z-index: 1;}
.Top003124 menu li span a:after{position: absolute;content: ''; left: 0; bottom: 0; height: 2px;background-color: #6a3906; transition: 0.3s;}
.Top003124 menu li:hover span a:after,
.Top003124 menu li.aon span a:after{width: 100%;}
.Top003124 menu li.aon span a{color: #6a3906}
.Top003124 menu li .sub{position: absolute; top: 100%; background-color: #fff;border-radius: 0 0 5px 5px; overflow: hidden;}
.Top003124 .pc_open_menu{ float:right; cursor:pointer; position:relative; margin:2vw 1.61vw 0 0; width:20px; height:18px;}
.Top003124 .pc_open_menu span,
.Top003124 .pc_open_menu::before,
.Top003124 .pc_open_menu::after{ position:absolute;  width:100%; height:2px; background:#a78359; border-radius:3px; left:0; transition:0.3s;}
.Top003124 .pc_open_menu::before,
.Top003124 .pc_open_menu::after{content:'';}
.Top003124 .pc_open_menu::before{ top:0;}
.Top003124 .pc_open_menu::after{ bottom:0;}
.Top003124 .pc_open_menu span{ top:50%; margin-top:-1px; width:80%}
.Top003124 .pc_close_menu span{opacity: 0;}
.Top003124 .pc_close_menu::before{transform: rotate(45deg); top:8px;}
.Top003124 .pc_close_menu::after{transform: rotate(-45deg); bottom:8px;}
}


.Top003124 .open-search{position: absolute;right: 0; top: 0;width: 5em;height:5em; border-left:solid 1px #eeeeee; background:url("../images/top_search.png") no-repeat center center; cursor: pointer;}
.Top003124 .top-search{position: absolute;right: 0; top: 100%; background-color: #fff; width: 100%;max-width: 400px; border-top:solid 1px #eee}
.Top003124 .top-search .btn{background-color:#a78359; background-image: url(../images/Top003124-btn.svg); background-size: auto 50%;}
.Top003124 .open-search.on:before,
.Top003124 .open-search.on:after{width: 40%; left: 30%;}
.Top003124.hover .open-search.on:before,
.Top003124.hover .open-search.on:after{background-color:#a78359;}
@media (max-width:1560px) {
.Top003124 menu li:not(:last-child){margin-right:2.2em;}
.Top003124 .open-search{width:4em;}
}
@media (max-width:1400px) {
.Top003124 menu li:not(:last-child){margin-right:1.6em;}
}
@media (max-width:1300px) {
.Top003124 menu li:not(:last-child){margin-right:1em;}
}
@media (max-width:1200px) {
.Top003124 .pc_open_menu{ display:none}
}
@media (max-width:1024px) {
.Top003124 menu{position: fixed; left: -100%;top:7em;height: calc(100% - 7em); overflow: auto; background-color: #fff; width: 220px;opacity: 0;transition: 0.3s ease;}   
.menu-show .Top003124 menu{left: 0; opacity: 1; transform:translateX(0);}
.Top003124 menu li{ border-bottom: 1px solid #eee;}
.Top003124 menu li span{padding-top: 1em; padding-bottom: 1em;padding-left: 1em;}
.Top003124 .has-sub span .op:before,
.Top003124 .has-sub span .op:after{background-color: #ccc;}
.Top003124 menu li .sub{background-color: rgba(0,0,0,0.1);}
.Top003124 .top-lang{ position:absolute; right:100px; top:50%; margin:0; transform: translateY(-50%);}

.Top003124 .open-search{width:2.4em; height: 2.4em; top: 50%;margin-top: -1.2em; background-size: auto 60%; right:50px;}   
.Top003124 .open-menu{width:2.4em; height: 2.4em; right:1%;} 
.Top003124 .open-menu i{width:80%; background-color: #a78359;} 
.Top003124 .open-menu i:nth-child(2){width: 60%;}
}


.open_nav{ position: fixed; left: -100%; top: 0; width: 100%; height: 100%; opacity: 0; transition: all 0.5s;  z-index: 202 }
.open_nav.on{ opacity: 1; left: 0;}
.open_nav::before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.8);}
.open_nav dl{ float: left; width: 12.5%; position: relative; height: 100%; z-index: 10; padding-top: 17vw; text-align: center; border-right: 1px solid #f8f8f8; background-color: #fff; transition: all 0.5s;}
.open_nav dl:hover{ background-color: transparent;}
.open_nav dl a{ display: block;}
.open_nav dl dt a{ font-size: 18px; color: #333; font-weight: bold;}
.open_nav dl dt{ margin-bottom: 1.2vw;}
.open_nav dl dd a{ color: #666; font-size: 16px; margin: 5px 0;}
.open_nav dl a:hover{ color: #d5201f;}
.open_nav .close{ width: 18px; height: 18px; position: absolute; z-index: 12; right: 3vw; top: 3vw; background: url(../images/close.png) no-repeat center; cursor: pointer;}
@media (max-width:1024px) {
.open_nav{ display: none}
}

.bottom{ padding-top:3%; background:#222222 url(../images/bottom_bg.png) no-repeat left bottom; background-size:25.52%}
.bottom,
.bottom a{ color:#777777}
.bottom a:hover{ color:#6a3906}
.bottom b{ display:block; font-weight:normal}
.bottom .caidan{ float:left; width:77%; padding-bottom:3%}
.bottom .caidan li{ float:left;}
.bottom .caidan li:not(:last-child){ padding-right:5%;}
.bottom .caidan span{ padding:2px 0; display:block}
.bottom .caidan b{ display:block; padding-bottom:6px;}
.bottom .caidan b a{ color:#cccccc}
.bottom .other{ float:right; width:22%; max-width:270px;}
.bottom .other b{ padding-bottom:6px;color:#cccccc}
.bottom .tel{ font-size:14px; line-height:1.5}
.bottom .tel b{ font-size:28px; color:#fff}
.bottom .ShareTo{ font-size:14px;}
.bottom .ShareTo b{ display:block; font-weight: normal}
.bottom .ShareTo a{ margin: 0!important;margin-right: 8px!important;}
.bottom .ShareTo .ewma:not(:last-child) a{ margin-right: 0!important}
.bottom .ShareTo span{ display: block; position: relative; float: left}
.bottom .ShareTo .social-share a:not(:hover),
.bottom .ShareTo .ewm a:not(:hover){ color: #888888!important; border-color: #474747!important}

.bottom .ShareTo .ewm a{border: solid 1px #e6e7e7; display: inline-block;width: 40px; height: 40px; border-radius: 50%; position: relative; transition: background 0.6s ease-out 0s;}
.bottom .ShareTo .ewm img{ position: absolute; width: 130px; max-width: inherit; right: 0; bottom:60px; display: none}
.bottom .ShareTo .ewm a:before{ content: ''; position: absolute; width: 100%; height: 100%; display: block; background: no-repeat center center; opacity: 0.5}
.bottom .ShareTo .ewm a:hover:before{ opacity: 1}
.bottom .ShareTo .douyin a:hover{ border-color: #000; background: #000}
.bottom .ShareTo .douyin a:before{ background-image: url("../images/share_douyin.png")}
.bottom .ShareTo .app a:hover{ border-color: #2ba248; background: #2ba248}
.bottom .ShareTo .app a:before{ background-image: url("../images/share_app.png")}

.bottom .bottom-search{ margin-top:3%; margin-bottom:5%;  width:100%; border:solid 1px rgba(255,255,255,0.15); overflow:hidden; position:relative;}
.bottom .bottom-search .text{ border:none; background:none; width:100%; line-height:40px; height:40px; padding:0 10px; color:#777;}
.bottom .bottom-search .text.focus{ color: #dadada;}
.bottom .bottom-search .btn{ position:absolute; right:0; height:100%; width:40px; background:url(../images/icon_search.png) no-repeat center center;}
.copyright{ padding:1% 0; border-top:solid 1px rgba(255,255,255,0.05)}
.copyright .right{ float:right}
.copyright .right a{ position:relative;}
.copyright .right a:not(:last-child):after{ content:''; position:absolute; right:-15px; top:0; bottom:0; width:1px; height:50%; margin:auto; background:rgba(255,255,255,0.1)}
.copyright .right a:not(:last-child){ margin-right:30px;}
.copyright .left{ float:left}
@media (max-width:1260px) {
.bottom .caidan{width:68%;}
.bottom .other{width:29%;}
.bottom .tel b{ font-size:22px;}
}
@media (max-width:768px) {
.bottom .caidan{ display:none}
.bottom .other{width:100%; float:none; max-width:none}
.bottom .other b.f18{ display:none}
.bottom .tel b{ font-size:20px;display:inline-block; padding-left:12px;}
.bottom .ShareTo span{ display:inline-block}
.bottom .ShareTo b{ display: inline-block; float: left; line-height: 40px;}
.copyright{ padding:3% 0; margin-top:3%}
.copyright .icp{ display:none}
.copyright .right,
.copyright .left{ text-align:center; float:none;}
}

.location_menu{ line-height:30px; border-bottom: 1px solid #ededed;}
.location_menu .location{ font-size: 14px; color:#999999; padding-left:32px; background: url("../images/icon_location.png") no-repeat left center}
.location_menu .location em{ font-style: normal}
.location_menu .location a{ color: #999999; padding: 0px 5px;}
.location_menu .location a:hover{ color: #008dc5;}
.location_menu .location span{ color: #6a3906; padding-left: 5px;}
.location_menu .menu{ padding: 0; margin: 0; position: relative; z-index: 101}
.location_menu .menu li { font-size: 16px; position: relative; z-index: 10;}
.location_menu .menu li a{ display: block;color: #666;}
.location_menu .menu li:last-child{ margin-right: 0}
.location_menu .menu .column{ display: none}
  
@media(min-width:768px){
.location_menu { padding: 20px 0;}
.location_menu  .menu ul{ display: block!important;}
.location_menu  .menu li{ float: left;}
.location_menu  .menu li:not(:last-child){ margin-right:5em;}
.location_menu  .menu li.aon a{ color: #6a3906; }
.location_menu  .menu li a:after{ content: ''; width: 0; position: absolute; left: 50%;  bottom: -20px;  height: 2px;background: #6a3906;transition: all .3s; transform: translateX(-50%); }
.location_menu  .menu li.aon a:after{width: 100%;}
.location_menu  .menu li a:hover:after{ width: 100%;}
}
@media(min-width:1025px){
.location_menu  .location{ float: left}
.location_menu  .menu{ float:right}
.location_menu  .menu li{margin-right: 30px;}
}
@media(max-width:768px){
.location_menu{padding-bottom: 5px;}
.location_menu .location{ padding-top: 10px; padding-bottom: 10px; padding-left: 20px;}
.location_menu .location em{ display: none}
.location_menu .menu .column{ line-height: 40px; color: #fff; font-size: 18px; position: relative;display: block; padding: 0 20px; margin: 0;
background: #008dc5; /* Old browsers */
background: -moz-linear-gradient(left, #a78359 0%, #cdb89f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #a78359 0%,#cdb89f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #a78359 0%,#cdb89f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a78359', endColorstr='#cdb89f',GradientType=1 ); /* IE6-9 */
}
.location_menu .menu .column:before{ content: ''; width:20px; height: 100%; position: absolute; right: 2%; transition: 0.4s; background: url(../images/icon_menu.png) no-repeat left}
.location_menu .menu .column.on:before{ background-position: right}
.location_menu .menu ul{ z-index: 20; background: #fff; box-shadow: 0 10px 10px 2px #eee; display: none; position: absolute; width:100%; left: 0;}
.location_menu .menu ul li{font-size: 14px; padding:5px 0;width: 100%; border-bottom: dotted 1px #ddd}
.location_menu .menu ul li a{ display: block; padding: 0 20px}
}


.banner .ban img{ width: 100%}
.banner .ban .wap{ display: none}
@media(max-width:1024px){
.banner .ban .pc{ display: none}
.banner .ban .wap{ display:block}
}

.zoomimg .pic{ overflow: hidden;border-radius: 10px;}
.zoomimg .pic span{ display: block; background: no-repeat center center; background-size: cover;
-webkit-transition: -webkit-transform 1.2s ease;
transition: -webkit-transform 1.2s ease;
transition: transform 1.2s ease;
transition: transform 1.2s ease,-webkit-transform 1.2s ease;
}
.zoomimg:hover .pic span{
  -webkit-transform:scale(1.2);transform:scale(1.2)
}

.mp h1,.mp h2,.mp h3,.mp h4,.mp h5,.mp p,.h_mp{ padding: 0; margin: 0; font-weight: normal}
.f18{ font-size: 18px;}
.f20{ font-size: 20px;}
.f24{ font-size: 24px;}
.f30{ font-size: 30px;}
.f34{ font-size: 34px;}
.f56{ font-size: 56px;}
@media(max-width:1200px){
 body{font-size: 15px;}
 .f18{ font-size: 17px;}
.f20{ font-size: 19px;}
.f24{ font-size: 22px;}
.f30{ font-size: 26px;}
.f34{ font-size: 30px;}
.f56{ font-size: 40px;}
}
@media(max-width:960px){
 body{font-size: 14px; line-height: 1.8;}
.f18{ font-size: 16px;}
.f20{ font-size: 18px;}
.f24{ font-size: 18px;}
.f30{ font-size: 20px;}
.f34{ font-size: 22px;}
.f56{ font-size: 36px;}
}
.color_brown{ color: #a78359}
.color_80{ color: #808080}
.color_33{ color: #333333}
.color_99{ color: #999999}

.Column_GroupProfile{ background: url("../images/about_bg.png") no-repeat right 12%; background-size:25.6% }

.padding_tb,
.single_article{ padding:4% 0}
.single_article .article{ padding:3% 0}
.single_article .photo{ padding-top: 2%}
.single_article hr{border: none}

.editor_about .title{ line-height: normal}
.editor_about .info{ padding: 3% 0}
.editor_about .txt{ color: #a78359; padding: 8px;background: linear-gradient( #cdb89f 0%,#a78359 100%);}
.editor_about .txt .box{ background: #fff; padding: 5% 0;}
.editor_about .txt span{ display:inline-block}
@media(min-width:960px){
.editor_about{ position: relative; padding-left:23%}
.editor_about .txt{ position: absolute; top: 0; left: 0;}
.editor_about .txt .box{writing-mode:tb-lr; writing-mode:vertical-lr;}
.editor_about .txt span:nth-child(1){ position: absolute; padding-top:20px; padding-bottom:20px; left: -18px; background: #fff;}
.editor_about .txt span:nth-child(2){ padding-left: 10%; padding-top: 10%;}
.editor_about .txt span:nth-child(3){ padding-right: 10%; padding-top: 40%;}
}
@media(max-width:960px){
.editor_about .txt{ margin:5% 0}
.editor_about .txt .box{ padding: 2%; text-align: center}
.editor_about .txt span{ padding: 0px 10px;}
}

.editor_culture { position: relative; overflow: hidden}

.editor_culture .txt ul li{ position: relative; text-align: center; }
.editor_culture .txt ul li .before{ z-index: 1; content: ''; width: 100%; height: 100%; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; transition: 0.5s;padding: 100% 0; }
.editor_culture .txt ul li:last-child:before{ width: 105%}

.editor_culture .txt ul li .icon{ overflow: hidden}
.editor_culture .txt ul li .icon img{ width: 50px; height: 50px;}
.editor_culture .txt ul li .title{ color: #a78359; padding-bottom: 3%}
.editor_culture .txt ul li .title:after{ content: ''; display: block; width: 30px; height: 1px; margin-top: 20px; margin: auto; background: #a78359}
.editor_culture .txt ul li *{ position: relative; z-index: 5;}
.editor_culture .txt ul li  strong{font-weight: normal; font-size: 17px;}
/*
.editor_culture .txt ul li:hover{background: rgba(255,255,255,0)}
.editor_culture .txt ul li:hover,
.editor_culture .txt ul li:hover .title{ color: #fff}
.editor_culture .txt ul li:hover .before{ background: rgba(0,0,0,0.2);}
.editor_culture .txt ul li:hover .icon img{transform: translateY(100px); filter: drop-shadow(#fff 0 -100px); }
.editor_culture .txt ul li:hover .title:after{ background: #fff}
*/
@media(min-width:768px){
.editor_culture .txt{ position: absolute; width: 100%; height: 100%;}
.editor_culture .txt:before,
.editor_culture .txt:after{ content: ''; position: absolute; width: 1px; height: 100%; top: 0; background: rgba(42,106,57,0.07); z-index: 10}
.editor_culture .txt:before{ left: 33.333%;}
.editor_culture .txt:after{ right: 33.333%;}
.editor_culture .txt ul{ display: table; width: 100%; height: 100%; position: relative}
.editor_culture .txt ul li{width: 33.333%; display: table-cell; vertical-align: middle;}
.editor_culture .txt ul li p{  max-width:355px; width: 96%; margin: auto; min-height: 108px;}
}
@media(max-width:768px){
.editor_culture .txt ul li{ padding: 3% 0}
.editor_culture .txt ul li:nth-child(2){ border-top: solid 1px rgba(42,106,57,0.07); border-bottom: solid 1px rgba(42,106,57,0.07)}
.editor_culture .txt ul li .before{
  padding: unset;
}
}

.Column_Organizational{ background:#f8f9fa url(../images/jiagou_bg.jpg) no-repeat center top;background-size: 100%;}

.editor_organizational{ text-align:center}

.staff_list li{ background: #f9fafc; padding: 1% 4%; transition: 0.5s}
.staff_list li:not(:last-child){ margin-bottom: 1.5%}
.staff_list li span{ color: #a78359}
.staff_list li p{ color: #555; max-height: 72px;}
.staff_list li time{ color: #666}
.staff_list li:hover{ transform:translateY(-10px)}

.editor_huabiaohui .infobox{ background: #f8f9fa}
.editor_huabiaohui .infobox:not(:last-child){ margin-bottom:2%;}
.editor_huabiaohui .box{ padding:4%;}
.editor_huabiaohui .pic{ float: left; width:19.197%; background: #fff; padding:1.5% 3%;}
.editor_huabiaohui .pic img{ width: 100%}
.editor_huabiaohui .info{ float: right; width: 77%; padding:2.5% 0}
.editor_huabiaohui .list{ padding: 3%; border-top: solid 2px #fff}
.editor_huabiaohui .list li{ float: left; width: 11%; text-align: center}
.editor_huabiaohui .list li:not(:last-child){ border-right: solid 1px #efefef}
.editor_huabiaohui .list li:hover .icon{ transform: rotateY(180deg)}
.editor_huabiaohui .list .icon{ transition: 0.3s}
.editor_huabiaohui .list .txt{ padding-top: 10px;}
.editor_huabiaohui .more a,
.Column_HuaBiaoHui .read_more a{ color: #fff; background: #a78359; width: 130px; line-height: 45px; text-align: center; display: inline-block}
.Column_HuaBiaoHui .more{ display: none}
.Column_HuaBiaoHui .sub{ text-align: center}
.Column_HuaBiaoHui .read_more{ padding-top:1%}
.Column_HuaBiaoHui .part2{ background: #f8f9fa; margin-bottom: 3%}
.editor_huabiaohui_register{ padding: 2% 3%; text-align: center;background: #f8f9fa;}
.editor_huabiaohui_register .pic_table{ padding-bottom:2%; display: table;width: 100%; max-width: 800px; margin: auto}
.editor_huabiaohui_register .pic_table .ytable-cell{ padding: 4%; width: 50%;}
.editor_huabiaohui_register .pic_table .ying img{ border-radius: 10px; box-shadow: 0 0 46px rgba(31,50,59,0.2)}
.editor_huabiaohui_register h3.f18{ padding: 0; margin: 0}
.editor_huabiaohui_register .tel{ width: 90%; margin: auto; text-align: left; padding:7% 8%; border-radius: 10px; background: #f5f2ed url(../images/tel_bg.png) no-repeat 127% bottom; background-size: 38%; color: #a78359; line-height: 1.5}
.editor_huabiaohui_register .tel b{ display: block; font-weight: normal; font-size: 28px;}
@media(max-width:960px){
.editor_huabiaohui .list li{ width: 20%}
.editor_huabiaohui_register .tel b{font-size: 24px;}
}
@media(max-width:640px){
.editor_huabiaohui .list li{ width:33.333%}
.editor_huabiaohui .list .icon img{ width: 40%}
.editor_huabiaohui .pic,
.editor_huabiaohui .info{ float: none; width: 100%; }
.editor_huabiaohui .pic{ margin: auto; width: 50%;}
.editor_huabiaohui_register .pic_table .ytable-cell{ display: block; width: 100%;}
.editor_huabiaohui .more,
.editor_huabiaohui .read_more{ text-align: center; padding-top: 3%}
}

.Pages{ padding-top:5%; padding-bottom:1%; text-align: center}
.Pages .p_page{ display: block}
.Pages a{ min-width: 55px; line-height: 55px; padding: 0px 5px; margin: 0 10px; display: inline-block; overflow: hidden; background: #f6f6f6 no-repeat center center}
.Pages a.a_cur{ color: #fff; background: #a78359}
.Pages em{ font-style: normal}
.Pages .a_prev,
.Pages .a_next{ text-indent: -120px;}
.Pages .a_prev{ background-image: url("../images/a_prev.png")}
.Pages .a_next{ background-image: url("../images/a_next.png")}
.Pages span,
.Pages .a_first,
.Pages .a_end{ display: none}
@media(max-width:960px){
.Pages a{ min-width:40px; line-height:40px;margin: 0 5px;}
}


.info_main{ padding:6%; background: #f8f9fa}
.info_main .article{ border-top: solid 1px #ededed; border-bottom: solid 1px #ededed}
.info_main .article ul,
.info_main .article ol{ padding-left: 1em}
.info_main .article ol ol {list-style-type:none;} 
.info_main .article ol ol li {counter-increment:section;} 
.info_main .article ol ol li:before {content: "(" counter(section, decimal) ")、";}/*decimal 数字*/
.info_main .num{ color: #a78359; font-weight: bold}
.info_main .end{ padding-top: 3%}
.info_main .end .txt{ float: right; line-height: 25px; color: #666}
.info_main .end .txt span{ display: block}
.info_main .end .apply{ display: block; line-height: 50px; max-width: 180px; width:40%; text-align: center; cursor: pointer; color: #fff; background: #a78359}
.info_main .end .apply:hover{ background: #6a3906}
.info_main .end .apply.finish,
.info_main .end .apply.finish:hover{ background: #ddd; cursor: default}
.info_main .two_img{ text-align: center}
.info_main .two_img img{ margin: 10px;}
.info_main .other{ margin-top: 3%; position: relative}
.info_main .other .dot{ opacity: 0.8}
.info_main .other .back{ display: none; padding:2px 20px; background: #6a3906; color: #fff}
.info_main .other .ShareTo{ color: #666; float: right  ;  padding-left: 2.2vw;}
.info_title{ text-align: center; padding-bottom: 4%}
.info_title h1{ line-height: 1.5}
.info_title dl{ color: #666666}
.info_title dl span{ padding-right: 60px;}


.Column_Tenders .other{ background: #fff; padding: 1% 3%}
.Column_Tenders .other:before{ content: ''; position: absolute; top: 0; width: 1px; height: 100%; left: 50%; background: #f6f2ee}
.Column_Tenders .other span{ width: 48%;}
.Column_Tenders .other .prepage{ float: left}
.Column_Tenders .other .nextpage{ float: right}
.editor_tenders{ color: #666}

@media(max-width:960px){
.info_main .article img{ height:auto !important}
.info_main .two_img img{ margin: 10px 0;}
.info_main .other{ padding-right: 0}
.info_main .other .ShareTo{ float: none; padding-bottom: 2%}

.info_main .end .txt{ float: none}
.info_main .end .apply{ line-height:40px; margin-top: 4%}
.Column_Tenders .other .prepage,
.Column_Tenders .other .nextpage{ float: none; width: 100%}
.Column_Tenders .other:before{ display: none}
}


.honor_list ul{ margin-left: -2.667%; margin-right: -2.667%}
.honor_list li{ float: left; width: 25%; padding:1.5% 2.667%; text-align: center}
.honor_list li .pic{ border: solid 1px #eaeaea; padding:10%}
.honor_list li .pic span{ padding-bottom:108.7%; background-size: contain}
.honor_list li .txt{ margin-top:6%; height: 54px; line-height: 27px;}
.honor_list li a{ display: block;}
@media(max-width:1024px){
.honor_list li{ width: 33.333%}
}
@media(max-width:640px){
.honor_list li{ width:50%}
}

.Column_History{ padding-left:58px; padding-right:58px; background:#f8f9fa url(../images/history_bg.jpg) no-repeat center top;background-size: 100%;}
.history_list{ padding-top: 5%; padding-bottom: 5%; position: relative}
.history_list:before{ content: ''; position: absolute; width: 100%; top: 50%; border-bottom:dotted 2px #c2c2c2}
.history_list .list{ margin-left: -32px; margin-right: -32px;}
.history_list .item{ padding: 0px 33px;}
.history_list .item a{ position: relative; display: block; padding-bottom:160%;}
.history_list .info,
.history_list .pic{ width: 100%; height:41.667%; position: absolute;}
.history_list .pic span{ height: 100%}
.history_list .year{ padding-top: 5%;}
.history_list .txt{ line-height: 24px; width: 100%;}
.history_list .txt p{ margin-top: 10px;}
.history_list .item:nth-child(odd) .info{ top: 0}
.history_list .item:nth-child(odd) .pic{ bottom: 0}
.history_list .item:nth-child(even) .info{ bottom: 0}
.history_list .item:nth-child(even) .pic{ top: 0}
.history_list .slick-arrow{ background: no-repeat center center}
.history_list .slick-arrow:before{ display: none}
.history_list .slick-disabled{ cursor: default; opacity: 0.3}
.history_list .slick-prev{ left: -48px; background-image: url("../js/slick/slick-prev2.png")}
.history_list .slick-next{ right: -48px; background-image: url("../js/slick/slick-next2.png")}
@media(max-width:960px){
.history_list .list{ margin-left: -10px; margin-right: -10px;}
.history_list .item{ padding: 0px 10px;}
}
@media(max-width:640px){
.Column_History{ padding-left:10px; padding-right:10px; }
.history_list .slick-prev{ left: 0px;}
.history_list .slick-next{ right: 0px;}
.history_list .list{ padding: 0 20px;}
}

.news_list li{ position: relative;margin-bottom: 2%; background: #f9fafc}
.news_list .pic{ position:absolute; width: 37.143%; height: 100%}
.news_list .pic a{ display: block; height: 100%}
.news_list .pic span{ height: 100%; background-size: contain}
.news_list .txt{ padding: 3.6925% 5% 3.6925% 42.143%}
.news_list .txt h3{line-height: 24px;}
.news_list .txt h3 span{ max-width: 100%; display: inline-block; padding-right: 75px; position: relative}
.news_list .txt h3 .a1{ position:absolute; right: 0; display: inline-block;font-size: 14px; padding: 0px 5px;color: #fff; background: #a78359; border-radius: 4px;}
.news_list .txt h3 .a2{ float: left; max-width:100%;}
.news_list .txt p{ line-height: 32px; height: 64px; margin:2% 0; color: #555}
.news_list .txt time{ color: #666666}
@media(max-width:640px){
.news_list .txt h3 .a1{ bottom:5px; right: 5px;}
.news_list .txt h3 span{ padding-right: 0; position:inherit}
.news_list .txt p{ line-height:22px; height: 44px;}
.news_list .pic{ height: 70%; top: 15%}
}

.project_list li{ float: left; width: 31.429%; padding:1.2% 0; margin-left: 2.8565%}
.project_list li a{ display: block; position: relative}
.project_list .pic span{ padding-bottom:68.185%; display: block}
.project_list .txt{ padding-top: 2%; text-align:center}
.project_list h3{ color: #723a07}

@media(min-width:768px){
.project_list li:nth-child(3n+1){ clear: both; margin-left: 0}
.project_list .end{display: none}
}
@media(max-width:768px){
.project_list li{width:48%;margin-left: 2%}
.project_list li:nth-child(2n+1){ clear: both; margin-left: 0}
.project_list .end span{ background: #fafbfb}
.project_list .end .txt{ top: 33%; position: absolute; width: 100%; opacity: 0.5}
}

.more_icon{ padding-right:18px; background: url("../images/more_jt.png") no-repeat right}

@media(min-width:768px){
.project_body .location_menu{ border-bottom: none}
.project_body .location_menu .menu{ display: none}
}
.project_body .sub_title{ text-align: center; padding-bottom: 3%; position: relative}
.project_body .sub_title:after{ content: ''; margin: auto; display: block; width: 30px; height: 2px; background: #a78359}
.project_body .sub_title a{ position: absolute; right: 0}
@media(max-width:768px){
.project_body .sub_title a{ top:10px;}
}

.project_menu{padding:25px; line-height: 30px; box-shadow: 0 0 10px 2px #eee; position: relative;}
.project_menu li{ float: left; margin-right: 2%}
.project_menu li a{ display: block; color: #666666; cursor: pointer; position: relative}
.project_menu li a:hover,
.project_menu li .active{ color: #6a3906}
.project_menu li a:hover:after,
.project_menu li .active:after{ content: ''; position: absolute; left: 0;  bottom: -15px; width: 100%; height: 2px; background: #6a3906;}
@media(max-width:768px){
.project_menu ul{ white-space: nowrap; overflow-x: auto}
.project_menu ul li{ float: none; display: inline-block; padding-bottom: 20px;}
}

.project_info {overflow: hidden; margin-bottom:4%}
.project_info .auto_1400{ background: #fafbfb; }
.project_info .photobox{ float: left; width:50%}
.project_info .photobox .item a{ display: block; background: no-repeat center center; background-size: cover; padding-bottom:69.858%;}
.project_info .infobox{ float: right; width:50%; padding: 2% 4%}
.project_info .box{ position: relative}
.project_info .info{ padding-bottom:5%; min-height: 200px; border-bottom: solid 1px #ededed}
.project_info .info h1{ line-height: 1.2}
.project_info .price b{ color: #a78359; font-weight: normal; padding: 0px 10px; }
.project_info .tag{ line-height: 22px; font-size: 14px;margin-top: 10px;}
.project_info .tag span{ display: inline-block;; background: #f0f0f0; padding: 0px 5px;margin-right: 10px;  color: #999}
.project_info .r_ewm{ padding-right:27%;}
.project_info .ewm{ position: absolute; right: 0; top: 0; width:25.536%; max-width: 143px; text-align: center}
.project_info .ewm img{ width: 100%}
.project_info .ewm span{ display: block; border: solid 1px #dadada; padding:8px; background: #fff}
.project_info .ewm b{ font-weight: normal;  display: block; font-size: 14px; padding: 10px 0; line-height: 20px;}
.project_info .details{ padding-top:4%;}
.editor_info { line-height: 22px;}
.editor_info .sub,
.editor_info .txt{ padding: 6px 0; display:table-cell;}
.editor_info .sub{ width: 110px;}
@media(max-width:1200px){
.project_info .infobox{ padding: 2%}
}
@media(max-width:768px){
.project_info .photobox,
.project_info .infobox{ float: none; width:100%; }
.project_info .info h1{ padding: 3% 0}
.project_info .info .price{ padding-bottom: 3%}
.editor_info .sub{ width: 100px;}
}


.project_details{ background: #f8f9fa; color: #555; padding: 3% 0;}
.project_details .partbox{ margin-bottom: 3%; padding:3% 7.143%; background: #fff}
.project_details .tab_ul{ text-align: center; padding-bottom: 3%; font-size: 15px;}
.project_details .tab_ul li{ padding:8px; display: inline-block}
.project_details .tab_ul li a{ display: inline-block; padding: 0px 16px; border: solid 1px #ededed; cursor: pointer}
.project_details .tab_ul li.show a{ color: #fff; border-color: #a78359; background: #a78359}
@media(max-width:1200px){
.project_details .partbox{padding: 3%}
}
@media(max-width:1024px){
.project_details .tab_ul li{ padding:5px}
}
@media(max-width:768px){
.project_details .tab_ul ul{ white-space: nowrap; overflow-x: auto}
}
.project_house_photo .listbox{ margin-left: -15px; margin-right: -15px;}
.project_house_photo .item{ padding-left: 15px; padding-right: 15px;}
.project_house_photo .item a{ display: block;}
.project_house_photo .pic span{ padding-bottom:75.54%;}
.project_house_photo .txt{ text-align: center; margin-top: 3%}
.project_house_photo .slick-arrow{ margin-top:-18px; }
.project_house_photo .slick-prev{ left: -50px;}
.project_house_photo .slick-next{ right: -50px;}
@media(max-width:1200px){
.project_house_photo .slick-prev{ left: 0px;}
.project_house_photo .slick-next{ right: 0px;}
}
@media(max-width:768px){
.project_house_photo .listbox{ margin-left: -8px; margin-right: -8px;}
.project_house_photo .item{ padding-left: 8px; padding-right: 8px;}
}

.project_house_photo_info .item .pic{ position: relative}
.project_house_photo_info .item video{ position: absolute; width: 100%; height: 100%;object-fit: cover;}
.project_house_photo_info .item span{ display: block; padding-bottom:75%; background: no-repeat center center; background-size: cover}
.project_house_photo_info .large{ margin-bottom: 15px;}
.project_house_photo_info .small{ margin-left: -12.5px; margin-right: -12.5px;}
.project_house_photo_info .small .item{ padding-left: 12.5px; padding-right: 12.5px;}
.project_house_photo_info .small .item a{ display: block; cursor: pointer;}
.project_house_photo_info .small .video span:before{ content: ''; z-index: 5; width: 100%; height: 100%; position: absolute; background:no-repeat center center; background-color: rgba(0,0,0,0.5); background-image:  url(../images/video.png); background-size: 20%}
.project_house_photo_info .small .txt{ text-align: center; margin-top: 3%}
.project_house_photo_info .slick-arrow{ margin-top:-18px; }
.project_house_photo_info .slick-prev{ left: -50px;}
.project_house_photo_info .slick-next{ right: -50px;}
@media(max-width:1200px){
.project_house_photo_info .slick-prev{ left: 0px;}
.project_house_photo_info .slick-next{ right: 0px;}
}

.project_dynamics li{ position: relative;padding:2% 0 2% 70px}
.project_dynamics li h4{ font-weight: bold; padding-right: 120px;}
.project_dynamics li p{ color: #555}
.project_dynamics li time{ position: absolute; right: 0; top: 15%}
.project_dynamics li .tag{line-height: 24px; position: absolute; left: 0; top:20%; padding: 0px 12px; color: #80c269; border: solid 1px #80c269; border-radius: 3px;}
.project_dynamics li:first-child .tag{color: #eb3333; border-color: #eb3333}
.project_dynamics li:not(:last-child){ border-bottom: solid 1px #e1e1e1}
@media(max-width:960px){
.project_dynamics li{ padding-left: 0}
.project_dynamics li h4{ padding-right: 0}
.project_dynamics li p{ margin-bottom: 2%}
.project_dynamics li time{ position: inherit; float: right; font-size: 12px;}
.project_dynamics li .tag{ position: inherit}
}

.project_feature .details{ }
.editor_feature .info{font-size: 15px; padding: 2%; text-align: center}
.editor_feature .txt_icon{ padding: 2% 0; line-height: 24px;}
.editor_feature .txt_icon li{ float: left; padding: 2%; width: 25%; text-align: center;}
.editor_feature .txt_icon li:nth-child(4n+1){ clear: both}
.editor_feature .txt_icon .icon{ width: 50px; height: 50px; text-align: center; margin: auto}
.editor_feature .txt_icon .icon img{ max-width: 50px; max-height: 50px;}
.editor_feature .txt_icon .sub{ font-weight: bold; padding: 20px 0;}
@media(max-width:768px){
.editor_feature .txt_icon li{width:50%; }
.editor_feature .txt_icon li:nth-child(2n+1){ clear: both}
}

.project_ambitus .details{ font-size: 15px;}
.editor_metro .pic{ float: left; width: 66.667%;}
.editor_metro .info{ float: right; width:33.333%; background: #f7f7f7; padding:3% 4%}
@media(max-width:768px){
.editor_metro .pic,
.editor_metro .info{ float: none; width:100%;}
}

.project_goodness .details{font-size: 15px;}
.project_goodness .editor_goodness {  margin-left: -30px; margin-right: -30px; margin-top: -30px;}
.editor_goodness table td{font-size: 15px; padding: 2%; width: 33.333%; border: solid 30px #fff;box-shadow: inset 0 0 0 1px #f6f2ee; vertical-align: top}
@media(max-width:1100px){
.project_goodness .editor_goodness {  margin-left: -10px; margin-right: -10px; margin-top: -10px;}
.editor_goodness table td{ border-width: 10px;}
}
@media(max-width:640px){
.editor_goodness table td{ display: block; width: 100%}
.editor_goodness table td{ border-width: 5px;}
}

.project_parameter .details{ padding: 2% 0}
.editor_parameter .ul li{ padding: 2px 0; float: left; width: 50%}
.editor_parameter .ul li .sub{ width: 120px; text-align: right; padding-right:20px; display: inline-block; color: #333}
.editor_parameter .ul li .txt{ display: inline-block}
@media(max-width:1100px){
.project_parameter .editor_parameter .ul li{ display: table;float: none; width: 100%}
}
@media(max-width:640px){
.editor_parameter .ul li{}
.editor_parameter .ul li .sub,
.editor_parameter .ul li .txt{ display: table-cell}
}


.service_intro .info{padding:3%}
.service_intro .txt{ text-align: justify; color: #555}
.service_intro .sub{ padding: 2% 0;}
.service_intro .pic img,
.service_module .pic img{ width: 100%}
.service_module{ background: #f8f9fa; padding: 4% 6%}
.service_module .listbox{ background:#fff url("../images/service_bg.png") no-repeat right bottom;background-size: 22.142%}
.service_module .title{ text-align: center; padding-bottom: 3%}
.service_module .info{padding:3%}
.service_module .info ul{ padding: 0 20px; margin: 0}
.service_module .info .sub{ padding: 2% 0}
.service_module .slick-prev{ left: -8%}
.service_module .slick-next{ right: -8%}
@media(min-width:768px){
.service_intro .fl_fr .pic{ width: 50%;}
.service_intro .fl_fr .info{ padding-left:7%}
.service_module .fl_fr .pic{ width:65.715%;}
.service_module .fl_fr .info{ padding-left:6%; padding-right: 3%}
}
@media(max-width:768px){
.service_intro .ytable-cell,
.service_module .ytable-cell{ display: block}
.service_module{padding: 2%}
.service_module .infobox{ padding: 0 45px;}
.service_module .slick-prev{ left:0}
.service_module .slick-next{ right:0}
}

.tenders_list ul{ margin-left: -1.5%; margin-right: -1.5%;}
.tenders_list li{ float: left; width: 33.333%; padding: 1.5%}
.tenders_list a{ display: block; padding: 12%; background: #f8f9fa}
.tenders_list a:hover{ color: #fff; background:#a78359}
.tenders_list a:hover time{ color: rgb(255,255,255,0.8)}
.tenders_list time span{ display: inline-block}
.tenders_list time span:nth-child(odd){ float: left}
.tenders_list time span:nth-child(even){ float: right}
@media(max-width:1024px){
.tenders_list li{ width:50%}
}
@media(max-width:640px){
.tenders_list{ margin:0}
.tenders_list li{ width:100%;}
.tenders_list a{padding:4%;}
}

.jobs_list .title{transition: 0.5s; position: relative; background: #f8f9fa}
.jobs_list .title:before{ content: ''; position: absolute; right:3%; top: 50%; transform: rotate(-135deg); width: 8px; height: 8px; border-right: solid 1px #999999; border-bottom: solid 1px #999999; transition: 0.5s}
.jobs_list .title.first:before{content: none;}
.jobs_list .title li{ float: left; width:24%; padding:1% 0; text-align: center}
.jobs_list .title li.n1{ padding-left:4%; width: 27%; text-align: left}
.jobs_list .title li.n5{ display: none}
.jobs_list .title.show{ color: #fff; background: #a78359; margin-bottom: 0;}
.jobs_list .title.show:before{ border-color: #fff; transform: rotate(45deg); margin-top: -4px;}
.jobs_list .first{ color: #a78359; background: #fbf9f7}
.jobs_list .list{ padding-top: 9px;}
.jobs_list .list .title{ cursor: pointer}
.jobs_list .info{ display: none; background: #f8f9fa; padding:3%; line-height: 2.5; position: relative;}
.jobs_list .info .sub{ color: #333;}
.jobs_list .info .txt{ color: #666; padding-bottom: 4%}
.jobs_list .info .txt_wap{ padding-bottom: 4%; display: none}
.jobs_list .info .txt_wap p{ padding: 0; margin: 0}
.jobs_list .info .txt_wap span{ color: #999}
.jobs_list .info .apply{ text-align: right}
.jobs_list .info .apply a{background: #a78359; text-align: center; color: #fff; line-height:50px; width: 180px; display:inline-block; cursor: pointer;}
@media (max-width:768px) {
.jobs_list .title li.wap{ display: none}
.jobs_list .title li.n1{ width: 65%}
.jobs_list .title li.n5{ width: 25%; display: block}
.jobs_list .info .txt_wap{ display: block}
}
@media(max-width: 640px){
.jobs_list .info .apply{ text-align: center}
.jobs_list .info .apply a{line-height: 40px; width: 120px;}
}

.PopUpForm{ position: fixed; width: 100%; height: 100%; top: 0; background: rgba(0,0,0,0.2);  z-index: 101; display:none}
.PopUpForm .ytable{ height: 100%}
.PopUpForm .form_item{padding: 5%; position: relative; max-width: 1280px; margin: auto; background: #f8f9fa url(../images/form_bg.png) no-repeat right bottom;}
.PopUpForm{    overflow: auto; }
.PopUpForm .form_item .close{ position:absolute; display:block; width:30px; height:30px; cursor:pointer; right:2%; top:2%; background:url(../images/close.png)}
.PopUpForm .item_box{ position: relative; padding:10px 0}

.PopUpForm .form_err{ color: #da3924}
.PopUpForm .name{padding: 3px 22px; display:inline-block}
.PopUpForm .tips{ position: absolute;line-height: 50px; padding: 0px 22px; color: #666666; font-size: 14px; opacity: 0.5;}
.PopUpForm .text{ width: 100%; height: 50px; background: #fff; border:none; padding: 0px 10px;}
.PopUpForm textarea.text{ height: 100px;}
.PopUpForm .item_btn{ text-align:center; padding-top:3%}
.PopUpForm .item_btn .btn{ display:inline-block; line-height: 50px; max-width: 180px; width:40%; text-align: center; cursor: pointer; color: #fff; background: #a78359; border:none}
.PopUpForm .item_btn .btn:hover{ background: #6a3906}

.PopUpForm .queueList{ margin:0;border:none}
.PopUpForm .fonttip{ position:absolute; text-align:left; top:0;color: #999; padding:0px 22px; font-size: 14px; line-height:50px; width:70%; background:#fff;}
.PopUpForm .filetip{ display:none}
.PopUpForm .placeholder{padding-top:0px; min-height:inherit}
.PopUpForm .webuploader-container{ margin: auto; width: 168px; z-index:5; float:right;}
.PopUpForm .placeholder .webuploader-pick{ line-height:50px; padding-left:40px; padding-right:20px; background:#a78359 url(../images/uploader.png) no-repeat 10px; margin:0; font-size:14px;}
.PopUpForm .statusBar .btns .uploadBtn{background: #a78359;}
.PopUpForm .form_item.job{ max-width:800px;}
.PopUpForm #JobName{ color:#a78359; font-weight:bold}
@media(min-width:768px){
.PopUpForm .threebox .item_box{ float: left; width: 32%;}
.PopUpForm .threebox .item_box:nth-child(2){ margin: 0 2%}
.PopUpForm .twobox .item_box{ float: left; width: 48%;}
.PopUpForm .twobox .item_box:nth-child(2){ float: right}
}
@media(max-width:768px){
.PopUpForm .item_box{padding:5px 0}
.PopUpForm .name{ padding:0px 6px}
.PopUpForm .tips{ line-height:40px; padding:0 6px;}
.PopUpForm .text{ height:40px;}
.PopUpForm .fonttip,
.PopUpForm .placeholder .webuploader-pick{ line-height:40px;}
}
.contact_info{ width:100%; background: #f8f9fa;}
.contact_info .info{ padding:3%}
.contact_info .info img{ margin-right:20px;}
.contact_info .info li{ padding:5px 0}
.contact_info .map{ width: 66.429%; padding-bottom:42.858%; position: relative}
.contact_info .map #map{ position:absolute; top:0; width:100%; height: 100%;}
.contact_info .map img{max-width: none;}
.contact_info .sub,
.editor_contact{ max-width:280px; margin:auto;}
@media (max-width:768px) {
.contact_info .ytable-cell{ width:100%; display:block}
.contact_info .map{padding-bottom:65%;}
}

.link_list li{ float: left; width: 20%; padding: 1%; text-align: center;}
.link_list li a{ display: block; padding: 10px; box-shadow: 0 0 10px rgb(138,138,138,0.3)}
.link_list .pic{ position: relative; padding-bottom: 40%; overflow: hidden;}
.link_list .pic img{ position: absolute; max-height: 100%; margin: auto; left: 0; right: 0; top: 0; bottom: 0}
.link_list .name{ padding: 10px 0}

.search_list li{ padding:1% 0; border-bottom:dashed 1px #eee}
.search_list li time{ float:right}

.sitemap li{ padding:1% 0; border-bottom:dotted 1px #ccc}
.sitemap li b{ padding-right:20px;}
.sitemap .sub{ display:inline-block}
.sitemap .sub span{ display:inline-block; padding-right:20px;}
@media (max-width:768px) {
.sitemap .sub span{ padding-right:10px;}
}
.sub_24{ display: none!important}


.golfcon{}
.golfcon p{font-size:16px;line-height: 33px;}
.golfcon .fl{float:left;}
.golfcon .fr{float:right;}
.golfcon .center{text-align: center;}
.golfcon .tit{font-size:30px;color:#6a3906;margin:0;text-align: center;margin-bottom:3%;}
.golfcon .topcon{padding:0% 0 4%; text-align: center;}
.golfcon .topcon h2{font-size:32px;font-weight: bold; line-height: 1.5; color:#6a3906;}
.golfcon .topcon .p{font-size:22px;color:#333; text-align: right;}
.golfcon .topcon img{margin-top:1%;margin-bottom:1%;}
.golfcon .topcon p span{margin:0 10px;}
.golfcon .con{margin-bottom:4%;}

.golfcon h3{font-size:22px;color:#333;font-weight: normal;}
.golfcon .h3{font-size:24px;color:#333;font-weight: bold;}

.golfcon .con2 .item{margin-bottom:30px;}
.golfcon .con2 .item .text{width:47%;padding-top:3%;}
.golfcon .con2 .item .pic{width:47%;}
.golfcon .con3 .item{margin-bottom:30px;}
.golfcon .con3 .item .text{width:47%;padding-top:3%;}
.golfcon .con3 .item .pic{width:47%;}

.golfcon .con5 dl dd{width:49%;float:left;margin-right:2%;background:#f5f5f5;padding:3%;margin-bottom:2%;min-height: 235px;}
.golfcon .con5 dl dd:nth-child(2n){margin-right:0;}
.golfcon .con5 dl dd h3{margin:0;}
.golfcon .con5 dl dd h3:after{content:'';width:25px;height: 2px;background:#6a3906;display: block;margin-top:15px;}

.golfcon .con6 .item{margin-bottom:30px;}
.golfcon .con6 .item .text{width:47%;padding-top:1%;}
.golfcon .con6 .item .pic{width:47%;}

.golfcon .con7 .item{margin-bottom:30px;}
.golfcon .con7 .item .text{width:47%;padding-top:3%;}
.golfcon .con7 .item .pic{width:47%;}

.golfcon .con8 .item{margin-bottom:30px;}
.golfcon .con8 .item .text{width:47%;padding-top:1%;}
.golfcon .con8 .item2 .text{padding-top:3%;}
.golfcon .con8 .item .pic{width:47%;}
.golfcon .con9 dl dd{background:#f5f5f5;width:49%;float:left; margin-right:2%;margin-bottom:2%;padding:2%;min-height: 304px;}
.golfcon .con9 dl dd:nth-child(2n){margin-right:0;}
.golfcon .con9 dl dd h3{margin:0;}
.golfcon .con9 dl dd h3:after{content:'';width:25px;height: 2px;background:#6a3906;display: block;margin-top:15px;}
.golfcon .con9 dl dd p{line-height: 30px}

.golfcon .con10 .text{width:47%;padding-top:1%;}
.golfcon .con10 .pic{width:47%;}
.golfcon .con11 .text{width:49%;}

@media(max-width:768px){
  .golfcon p{line-height: 30px;}
  .golfcon h3{font-size:20px;}
  .golfcon .fl{float:none;}
  .golfcon .fr{float:none;}
  .golfcon .topcon h2{font-size:22px;}
  .golfcon .topcon .p{font-size:16px;}
  .golfcon .topcon p br{display: none}
  .golfcon .topcon p span{display: block;}
  .golfcon .tit{font-size:22px;}
  .golfcon .h3{font-size:20px;}
  .golfcon .con2 .item{margin-bottom:10px;}
  .golfcon .con2 .item .text{width:100%;}
  .golfcon .con2 .item .pic{width:100%;}
  .golfcon .con3 .item{margin-bottom:10px;}
  .golfcon .con3 .item .text{width:100%;}
  .golfcon .con3 .item .pic{width:100%;}
  .golfcon .con5 dl dd{width:100%;min-height: auto;}
  .golfcon .con6 .item .text{width:100%;}
  .golfcon .con6 .item .pic{width:100%;}
  .golfcon .con7 .item .text{width:100%;}
  .golfcon .con7 .item .pic{width:100%;}
  .golfcon .con8 .item .text{width:100%;}
  .golfcon .con8 .item .pic{width:100%;}
  .golfcon .con9 dl dd{width:100%;min-height: auto;}
  .golfcon .con10 .text{width:100%;}
  .golfcon .con10 .pic{width:100%;}
  .golfcon .con11 .text{width:100%;}
}

/*Galary003154 */
.Galary003154 .auto > div{ max-width: 1400px;margin: 0 auto; overflow: hidden;}
.Galary003154 .slider-for .Ispic{padding-bottom: 50%;}
.Galary003154 .slider-for li{position: relative;}
.Galary003154 .slider-for li .txt{position: absolute; bottom: 0; left: 50px;background-color: rgba(0,0,0,0.5); color: #fff; font-size: 16px;line-height: 3; padding:5px 0; width: 100%;text-align: center; opacity: 0;}
.Galary003154 .slider-for li.slick-current .txt{opacity: 1;left: 0;}
.Galary003154 .auto .slider-nav{margin-top: 1.625em;}
.Galary003154 .slider-nav .slider{margin: 0 -0.7em;}
.Galary003154 .slider-nav li div{padding: 0 0.9375em;}
.Galary003154 .slider-nav .Ispic{padding-bottom: 61%; border: 2px solid #fff;}
.Galary003154 .slider-nav li.slick-current .Ispic{border-color: #6a3906;}
.Galary003154 .slick-arrow{width:2.8125em; border-radius: 50%;height: 2.8125em;border: solid 2px #ffffff;font-size: 1em;z-index: 200;position: absolute; top: 50%;margin-top: -1.40625em;background-position: center;background-repeat: no-repeat;background-size: 44% auto;background-color:transparent;}
.Galary003154 .slick-prev{left: 1.25em; background-image: url(../images/Galary003154-btn-prev.svg);}
.Galary003154 .slick-next{right: 1.25em; background-image: url(../images/Galary003154-btn-next.svg);}
.Galary003154 .slick-arrow:hover{background-color: #6a3906;border-color: #6a3906;}
.Galary003154 .slick-prev:before,
.Galary003154 .slick-next:before{display: none;}
@media (min-width:1025px) {
.Galary003154 .auto{padding:0 0 4%;}
}
@media (max-width:1024px) {
.Galary003154 .auto{padding:1em 0;}
.Galary003154 .auto .slider-nav{margin-top: 0.5em;}
.Galary003154 .slider-nav .slider{margin: 0 -0.3em;}
.Galary003154 .slider-nav li div{padding: 0 0.3em;}
.Galary003154 .slider-for li .txt{line-height: 30px}

}

/*Galary003155 */
.Galary003155 .auto > div{ max-width: 1400px;margin: 0 auto; overflow: hidden;}
.Galary003155 .slider-for .Ispic{padding-bottom: 50%;}
.Galary003155 .slider-for li{position: relative;}
.Galary003155 .slider-for li .txt{position: absolute; bottom: 0; left: 50px;background-color: rgba(0,0,0,0.5); color: #fff; font-size: 16px;line-height: 3; padding:5px 0; width: 100%;text-align: center; opacity: 0;}
.Galary003155 .slider-for li.slick-current .txt{opacity: 1;left: 0;}
.Galary003155 .auto .slider-nav{margin-top: 1.625em;}
.Galary003155 .slider-nav .slider{margin: 0 -0.7em;}
.Galary003155 .slider-nav li div{padding: 0 0.9375em;}
.Galary003155 .slider-nav .Ispic{padding-bottom: 61%; border: 2px solid #fff;}
.Galary003155 .slider-nav li.slick-current .Ispic{border-color: #6a3906;}
.Galary003155 .slick-arrow{width:2.8125em; border-radius: 50%;height: 2.8125em;border: solid 2px #ffffff;font-size: 1em;z-index: 10;position: absolute; top: 50%;margin-top: -1.40625em;background-position: center;background-repeat: no-repeat;background-size: 44% auto;}
.Galary003155 .slick-prev{left: 1.25em; background-image: url(../images/Galary003154-btn-prev.svg);}
.Galary003155 .slick-next{right: 1.25em; background-image: url(../images/Galary003154-btn-next.svg);}
.Galary003155 .slick-arrow:hover{background-color: #6a3906;border-color: #6a3906;}
@media (min-width:1025px) {
.Galary003155 .auto{padding:0 0 4%;}
}
@media (max-width:1024px) {
.Galary003155 .auto{padding:1em 0;}
.Galary003155 .auto .slider-nav{margin-top: 0.5em;}
.Galary003155 .slider-nav .slider{margin: 0 -0.3em;}
.Galary003155 .slider-nav li div{padding: 0 0.3em;}
.Galary003155 .slider-for li .txt{line-height: 30px}
}