*{padding: 0px;margin: 0px;}
*, ::after, ::before { box-sizing: border-box; }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, button, input, textarea, th, td { margin: 0; padding: 0; list-style: none;  font-family: PingFang SC,Microsoft Yahei,Arial,Hiragino Sans; font-size:12px; font-weight: normal;}
html{ background-color:#fff; }
h3,h4,h5,h6,a,span,p{ display: block;}
img {width: 100%;object-fit: cover; display: block;}
li {list-style: none;}
a {text-decoration: none; display: block;}
body,html {height: 100%;width: 100%;font-size: 10px;}
.imgbox {overflow: hidden;position: relative;}
:root {
 --dex:#f6a20f
}



.clearfix {zoom:1}
.clearfix:after {content: '\20'; display: block; clear: both;}
.fl { float: left; }
.fr { float: right; }
input{ -webkit-appearance:none; } 


 

@font-face {
    font-family: "Num";
    src: url("../fonts/num.eot") format("eot"),
        url("../fonts/num.woff") format("woff"),
        url("../fonts/num.ttf") format("truetype");
}




/* pc */
.pc-1200px{display: none;}
@media only screen and (max-width:1200px){
.pc-1200px{ position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #333;z-index: 99999999999999999;display: block;}
.pc-1200px p{ position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;top: 50%;left: 0;}
.pc-1200px p img{ display: block;margin: 0 auto 2em;height: 50px;}
.pc-1200px p strong{ display: block;color: #fff;text-align: center;font-size: 2em;letter-spacing: 1px;line-height: 1em;margin-bottom: 2em;}
.pc-1200px p span{ display: block;text-align: center;color: #eee;letter-spacing: 1px;font-size: 16px;}
}


 

.icenter {width: 1200px;margin: auto;position: relative;}



/* more */ 
.more { display: block; width: 160px; text-align: center; height: 40px; color: #fff; background-image:linear-gradient(67deg, #b58757, #8c6147); line-height: 40px;   font-size: 14px;}
.more:hover{    opacity: 0.7;}  



*:focus{ outline:none; }

 


.header{position: fixed; width: 100%; height: 80px; border-bottom: 1px solid #ddd; top: 0; background: #fff; left: 0; z-index:999;}
.header .icenter{display: flex; justify-content: space-between; align-items: center;}
.header .icenter .logo{}
.header .icenter .logo img{display: block; width: auto; height: 56px;}
.header .icenter dl{display: flex; justify-content: space-between; align-items: center;}
.header .icenter dl dd{display: block; position: relative;  margin: 0 0 0 20px;}
.header .icenter dl dd h3{display: block; overflow: hidden; }
.header .icenter dl dd h3 a{height: 80px; display: flex; justify-content: center; align-items: center; color: #333; font-size: 18px; font-weight: bold;}
.header .icenter dl dd h3 a:hover{ color:#b78959; }
 
.header .icenter dl dd:hover h3 a{ color:#b78959; }
.header .icenter dl dd h4{position: absolute; top: 80px; left: 50%; z-index: 3; background: #fff; width: 180px; box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15); opacity: 0; visibility: hidden; padding: 10px; margin-left: -90px;}
.header .icenter dl dd:hover h4{ opacity: 1; visibility: visible;}
.header .icenter dl dd h4 a{display: block; color: #333; font-size: 14px; text-align: center; margin: 10px 0;}
.header .icenter dl dd h4 a:hover{ color:#b78959; }
 








.banner{ display: block; overflow: hidden; height: 100%;  position: relative; }
.inbanner_Swiper{ position: relative; z-index: 9; height: 100%; overflow: hidden; display: block;  }
.inbanner_Swiper .swiper-slide img{display: block; width: 100%; height: 100%; position: relative; object-fit: cover;}
.inbanner_Swiper .swiper-slide .txt .more{display: block; border: 0; background: #e22938; color: #fff; margin-top: 30px;}
.inbanner_Swiper .swiper-slide .txt .more:hover{}

.inbanner_Swiper .txt{position: absolute; left: 50%; top: 50%; z-index: 3; transform: translate(-50%, -50%);}
.inbanner_Swiper .txt h3{display: block; text-align: center; color: #fff; font-size: 80px; font-weight: bold; margin-bottom: 10px; line-height: 70px; }
.inbanner_Swiper .txt h4{display: inline-block; text-align: left; color: #fff; font-size: 24px;margin: 20px 0;    font-weight: bold;      padding: 50px;  position: relative; }
.inbanner_Swiper .txt h4 strong{display: block; font-size: 60px;}
.inbanner_Swiper .txt h4:after{ content: ""; background-image: linear-gradient(67deg, #b58757, #8c6147); position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 0 2em; z-index: -1;    opacity: 0.9;}
.inbanner_Swiper .txt h5{display: block; text-align: center; color: #fff; font-size: 24px; line-height: 36px;}

.inbanner_Swiper .txt dd{overflow: hidden;}


.inbanner_Swiper .txt h3,.inbanner_Swiper .txt h4,.inbanner_Swiper .txt h5{ opacity: 0; 
-webkit-transform: translateY(170%); transform: translateY(170%); 
-webkit-transition: -webkit-transform .9s ease-out .6s; transition: 
-webkit-transform .9s ease-out .6s; transition: transform .9s ease-out .6s; transition: transform .9s ease-out .6s,
-webkit-transform .9s ease-out .6s; will-change: transform; }


.inbanner_Swiper .swiper-slide-active .txt h3,.inbanner_Swiper .swiper-slide-active .txt h4,.inbanner_Swiper .swiper-slide-active .txt h5{-webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1;  }



.banner:after{  content: ""; position: absolute; width: 100%; height: 100%; background: #000; top: 0; left: 0; opacity: 0.4; z-index: 2;  }
.banner .b-more { position: absolute; margin: auto; z-index: 9; color: #FFFFFF; font-size: 14px; bottom: 90px; text-align: center; left: 50%; transform: translateX(-50%); }
.banner .b-more:after { content: ""; display: block; width: 1px; height: 60px; background-color: #ffffff; margin: auto; top: 50px; animation: updown 1.5s ease-out infinite; -webkit-animation: updown 1.5s ease-out infinite; position: absolute; left: 50%; transform: translateX(-50%); }

@keyframes updown {0% { bottom: -50px; opacity: 1; }50% { bottom: -80px; opacity: 0; }100% { bottom: 0px; opacity: 0; }}
@-webkit-keyframes updown {0% { bottom: -50px; opacity: 1; }50% { bottom: -80px; opacity: 0; }100% { bottom: 0px; opacity: 0; }}

.br_ry{position: absolute; left: 50%; top: 45%; z-index: 9; width: 100%; transform: translate(-50%, -50%); }
.br_ry .fa{color: #fff; left: 50px; position: absolute; font-size: 60px; cursor: pointer; display: block; font-weight: normal; width: 80px; height: 80px; text-align: center; line-height: 80px; opacity: 0.3; }
.br_ry .fa-angle-right{left:auto; right:50px; }
.br_ry .fa:hover{ opacity:0.5; }


.inbanner_Swiper .swiper-slide-active img {opacity: 1;transition: all 5s cubic-bezier(0.04, 0.79, 1, 1);}
.inbanner_Swiper .swiper-slide-active img{-webkit-animation-name:centerBig;animation-name:centerBig;}
@-webkit-keyframes centerBig{100%{transform:scale(1.2,1.1);-webkit-transform:scale(1.2,1.2);}}
@keyframes centerBig{100%{transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);}}
.inbanner_Swiper .swiper-slide img { transition: all .2s;animation-duration:3s;animation-timing-function:linear;animation-fill-mode: forwards;-webkit-animation-duration:5s;-webkit-animation-timing-function:linear;-webkit-animation-fill-mode: forwards;}











.home_tech{ margin: 80px auto; }
.home_tech .tt{display: block; overflow: hidden; margin:0 0 30px 0; }
.home_tech .tt strong{color: #8f644a; text-align: center; display: block; font-size: 40px;}
.home_tech .tt span{color: #8f644a; text-align: center; font-size: 20px;}
.home_tech .ht_list{ display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.home_tech .ht_list a{display: block; float: left; width: 31.3333%; margin: 0 3% 3% 0; background: #9d6a43; border-radius: 10px; padding: 30px; box-sizing: border-box;position: relative;}
.home_tech .ht_list a:nth-child(3n){margin-right:0;}
.home_tech .ht_list a strong{display: block; color: #fff; font-size: 32px;}
.home_tech .ht_list a span{text-transform: uppercase; color: #fff; font-size: 14px; opacity: 0.8;}
.home_tech .ht_list a i{display: block; width: 50px; height: 2px; background: #fff; margin: 18px 0;}
.home_tech .ht_list a p{display: block; color: #fff; font-size: 14px; text-align: justify;      line-height: 24px;word-break: break-all}
.home_tech .ht_list a:nth-child(1){background: #9d6a43;top: 30px;}
.home_tech .ht_list a:nth-child(2){background: #9e9e9e;}
.home_tech .ht_list a:nth-child(3){background: #ab7f58;top: 60px;}
.home_tech .ht_list a:nth-child(4){background: #7b7b7b;top: 30px;}
.home_tech .ht_list a:nth-child(5){background: #9e7357;}
.home_tech .ht_list a:nth-child(6){background: #474546;top: 60px;}





.home_map{display: block; overflow: hidden; padding: 50px 0; background: #f8f8f8; margin: 100px 0 0;}
.home_map .tt{text-align: center;}
.home_map .tt strong{-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right, #94674a, #d59f66 50%, #94674a); font-style: inherit; font-size: 40px;}
.home_map .tt span{color: #8f644a; text-align: center; font-size: 20px; text-transform: uppercase;}
.home_map .icenter{    position: relative;}
.home_map .icenter .homemap{display: block; object-fit: initial; width: 100%; opacity: 0.6;}
.home_map .icenter dd{}
.home_map .icenter dd a{position: absolute; top: 0; left: 0; z-index: 2; display: flex; align-items: center; justify-content: flex-start;}
.home_map .icenter dd a:hover{opacity: 0.7;}
.home_map .icenter dd a img{display: block; width: auto; height: 26px;}
.home_map .icenter dd a span{display: block; font-weight: bold; color: #986c4d; font-size: 14px; margin: 0 0 0 2px; }
.home_map .icenter dd a:nth-child(1){top: 27%; left: 3%;}
.home_map .icenter dd a:nth-child(2){top: 19%; left: 5%;}
.home_map .icenter dd a:nth-child(3){top: 23%; left: 8%;}
.home_map .icenter dd a:nth-child(4){top: 23%; left: 14%;}
.home_map .icenter dd a:nth-child(5){top: 26%; left: 22.5%;}
.home_map .icenter dd a:nth-child(6){top: 28%; left: 16%;}
.home_map .icenter dd a:nth-child(7){top: 31%; left: 18%;}
.home_map .icenter dd a:nth-child(8){top: 36%; left: 19%;}
.home_map .icenter dd a:nth-child(9){top: 57%; left: 17%;}
.home_map .icenter dd a:nth-child(10){top: 21%; left: 44%;}
.home_map .icenter dd a:nth-child(11){top: 26%; left: 49%;}
.home_map .icenter dd a:nth-child(12){top: 37%; left: 43%;}
.home_map .icenter dd a:nth-child(13){top: 38%; left: 37%;}
.home_map .icenter dd a:nth-child(14){top: 44%; left: 39%;}
.home_map .icenter dd a:nth-child(15){top: 48%; left: 40.5%;}
.home_map .icenter dd a:nth-child(16){top: 74%; left: 50%;}
.home_map .icenter dd a:nth-child(17){top: 88%; left: 55.5%;}
.home_map .icenter dd a:nth-child(18){top: 84%; left: 60%;}
.home_map .icenter dd a:nth-child(19){top: 60%; left: 85%;}
.home_map .icenter dd a:nth-child(20){top: 55%; left: 84%;}
.home_map .icenter dd a:nth-child(21){top: 55%; left: 76%;}
.home_map .icenter dd a:nth-child(22){top: 49%; left: 79%;}
.home_map .icenter dd a:nth-child(23){top: 47%; left: 72.5%;}
.home_map .icenter dd a:nth-child(24){top: 41%; left: 78%;}
.home_map .icenter dd a:nth-child(25){top: 38%; left: 75%;}
.home_map .icenter dd a:nth-child(26){top: 27%; left: 70.5%;}
.home_map .icenter dd a:nth-child(27){top: 14%; left: 71%;}






.home_pic{margin: 80px auto; overflow: hidden; position: relative; display: flex; justify-content: space-between; align-items: center;background: #f6f7f8;}
.home_pic .lf{display: block; width: 50%; overflow: hidden;}
.home_pic .lf img{ display: block;  width:100%; }
.home_pic .rh{ width: 40%;margin-right: 5%;}
.home_pic .rh strong{-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right, #94674a, #d59f66 50%, #94674a); font-style: inherit; font-size: 40px;}
.home_pic .rh span{color: #b78959; font-size: 18px; margin: 25px 0; }}
.home_pic .rh .more{}
.home_pic .rh .more:hover{}








 



.glfooter{padding: 60px 0; position: relative; overflow: hidden; background-image: linear-gradient(67deg, #fff, #d4d8db); background-size: cover; background-position: center;}
.glfooter .ta{display: flex; justify-content: space-between; align-items: flex-start;}
.glfooter .ta dl{}
.glfooter .ta dl h3{display: block; overflow: hidden; margin: 0 0 10px 0;}
.glfooter .ta dl h3 a{color: #b78959; font-size: 18px; font-weight: bold;}
.glfooter .ta dl h4{display: block; overflow: hidden;}
.glfooter .ta dl h4 a{color: #8d6148; display: block; font-size: 14px; margin: 0 0 10px 0;}

.glfooter .ta dl .lflogo{display: block; overflow: hidden; margin: 0 0 20px 0;}
.glfooter .ta dl .lflogo img{display: block; object-fit: initial; height: 80px;}
.glfooter .ta dl dd{}
.glfooter .ta dl dd p{display: flex; justify-content: flex-start; align-items: center; margin: 0 0 10px 0;}
.glfooter .ta dl dd p img{display: block; width: auto; height: 30px;}
.glfooter .ta dl dd p a{display: block; font-weight: bold; color: #b78959; font-size: 16px;}

.glfooter .ta dl dt{}
.glfooter .ta dl dt p{display: block; overflow: hidden; float: left;}
.glfooter .ta dl dt p img{ display: block;  height: 100px; width: auto;}
.glfooter .ta dl dt p font{display: block; text-align: center; color: #8d6148; font-size: 14px; margin: 5px 0 0 0;}


.glfooter .ta dl h3 a:hover,.glfooter .ta dl h4 a:hover{}


.glfooter .tb{ display: block; overflow: hidden;  margin:20px 0 0 0; }
.glfooter .tb a,.glfooter .tb span{display: block; float: left; color: #333; font-size: 14px;}
.glfooter .tb a{ margin:0 10px;}




 

.mbx{margin: 120px auto 50px; border-bottom: 1px solid #eee; display: flex; justify-content: flex-start; align-items: center; padding:0 0 10px 0; }
.mbx .fa,.mbx a,.mbx span{font-size: 14px; color: #999; margin-right: 10px;}
.mbx a:hover{    color: #8f6448;}
.mbx span{    color: #8f6448;}

.sing_ym_one{margin-bottom: 60px;    display: block; }
.sing_ym_one h3{display: block; color: #8d6248; font-size: 30px; font-weight: bold; border-bottom: 1px solid #ddd; margin-bottom: 30px;}
.sing_ym_one dl{display: flex; justify-content: space-between; align-items: flex-start;  }
.sing_ym_one dl dd,.sing_ym_one dl dt{display: block; width: 45%;      position: relative;}
.sing_ym_one dl dd strong{display: block; font-weight: normal; font-size: 18px; margin-bottom: 20px; color: #666;}
.sing_ym_one dl dd p{display: block; color: #333; font-size: 16px; line-height: 28px; text-align: justify; margin: 0 0 30px; }
.sing_ym_one dl dd .more{}
.sing_ym_one dl dt img{}
.sing_ym_one dl dt i{position: absolute; color: #fff; padding: 20px; background-image: linear-gradient(67deg, #b58757, #8c6147); bottom: -20px; left: -20px; text-transform: uppercase; font-style: normal; font-size: 24px; opacity: 0.95;}


.sing_ym_three{background: #f6f7f8; display: block; padding: 60px 0; overflow: hidden;}
.sing_ym_three h3{display: block; color: #8d6248; font-size: 30px; font-weight: bold; border-bottom: 1px solid #ddd; margin-bottom: 30px;}
.sing_ym_three h4{color: #b78959; font-size: 24px; margin: 25px 0;}
.sing_ym_three dl{display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: clamp(0px, 0vw, 0px) clamp(20px, 0vw, 0px);}
.sing_ym_three dl dd{padding: 30px; background: #fff; box-shadow: 0px 2px 20px 0 rgba(0,0,0,.1); margin: 0 0 30px 0; position: relative; border-radius: 10px;}
.sing_ym_three dl dd i{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(to top, #fff, #ddd 50%, #b78959);font-style:inherit;position:absolute;top:5px;right:20px;font-size:70px;font-family: num;}
.sing_ym_three dl dd span{display: block; color: #b78959; font-size: 16px; font-weight: 100;}
.sing_ym_three dl dd strong{display: block; color: #8d6248; font-size: 24px; margin: 10px 0;}
.sing_ym_three dl dd font{display: block; color: #333; font-size: 16px;}


.sing_ym_four{margin: 60px auto;}
.sing_ym_four h3{display: block; color: #8d6248; font-size: 30px; font-weight: bold; border-bottom: 1px solid #ddd; margin-bottom: 30px;}
.sing_ym_four dl{display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: clamp(0px, 0vw, 0px) clamp(20px, 0vw, 0px);}
.sing_ym_four dl a{overflow: hidden; border: 1px solid #ddd; display: flex; justify-content: space-between; align-items: center;     border-radius: 4px; margin-bottom: 20px; }
.sing_ym_four dl a p{display: block; width: 50%; overflow: hidden;}
.sing_ym_four dl a p img{display: block; width: 100%; transition: all .3s; }
.sing_ym_four dl a strong{display: block; width: 40%; margin: 0 5% 0 0;}
.sing_ym_four dl a strong i{text-transform: uppercase; font-style: inherit; color: #9a6f4e; font-weight: 100; font-size: 14px;}
.sing_ym_four dl a strong span{font-weight: bold; color: #333; font-size: 18px;}
.sing_ym_four dl a:hover{border: 1px solid #9a6f4e; }
.sing_ym_four dl a:hover p img{  -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.sing_ym_four dl a:hover strong span{color: #9a6f4e;}

.sing_ym_two{ margin-bottom: 60px;}
.sing_ym_two h3{display: block; color: #8d6248; font-size: 30px; font-weight: bold; border-bottom: 1px solid #ddd; margin-bottom: 30px;}
.sing_ym_two dl{}
.sing_ym_two dl dd{}
.sing_ym_two dl dd p{display: block; margin-bottom: 20px;}
.sing_ym_two dl dd p strong{display: flex; justify-content: flex-start; align-items: center; color: #906549; font-weight: bold; font-size: 18px;}
.sing_ym_two dl dd p strong i{display: flex; color: #b38556; width: 32px; height: 32px; border: 1px solid #b38556; align-items: center; justify-content: center; border-radius: 50%; font-style: inherit; font-size: 16px; margin-right: 5px;}
.sing_ym_two dl dd p span{display: block; padding: 0 0 0 38px; color: #8e6348; line-height: 24px; font-size: 14px;}
.sing_ym_two dl dt{display: block; overflow: hidden; margin: 50px 0 0 0;}
.sing_ym_two dl dt h4{text-align: center; display: block;  width: 120px; color: #906549; margin: 0 0 15px 0; font-size: 20px; border: 1px solid;}
.sing_ym_two dl dt h5{display: flex; justify-content: flex-start; align-items: center; color: #906549; margin: 0 0 15px 0; font-size: 18px;}
.sing_ym_two dl dt h6{display: block;   color: #8e6348; line-height: 24px; font-size: 14px;}
 





 

.mbx{margin: 120px auto 50px; border-bottom: 1px solid #eee; display: flex; justify-content: flex-start; align-items: center; padding:0 0 10px 0; }
.mbx .fa,.mbx a,.mbx span{font-size: 14px; color: #999; margin-right: 10px;}
.mbx a:hover{    color: #8f6448;}
.mbx span{    color: #8f6448;}

.sing_ym_one{margin-bottom: 60px;    display: block; }
.sing_ym_one h3{display: block; color: #8d6248; font-size:30px; font-weight: bold; border-bottom: 1px solid #ddd; margin-bottom: 30px;}
.sing_ym_one dl{display: flex; justify-content: space-between; align-items: flex-start;  }
.sing_ym_one dl dd,.sing_ym_one dl dt{display: block; width: 45%;      position: relative;}
.sing_ym_one dl dd strong{display: block; font-weight: normal; font-size: 18px; margin-bottom: 20px; color: #666;}
.sing_ym_one dl dd p{display: block; color: #333; font-size: 16px; line-height: 28px; text-align: justify; margin: 0 0 30px; white-space: pre-wrap}
.sing_ym_one dl dd p strong{margin: 0; color: #b78959; font-size: 20px; display: inline-block;}
.sing_ym_one dl dd .more{}
.sing_ym_one dl dt img{}
.sing_ym_one dl dt i{position: absolute; color: #fff; padding: 20px; background-image: linear-gradient(67deg, #b58757, #8c6147); bottom: -20px; left: -20px; text-transform: uppercase; font-style: normal; font-size: 24px; opacity: 0.95;}


.sing_ym_three{background: #f6f7f8; display: block; padding: 60px 0; overflow: hidden;}
.sing_ym_three h3{display: block; color: #8d6248; font-size: 30px; font-weight: bold; border-bottom: 1px solid #ddd; margin-bottom: 30px;}
.sing_ym_three h4{color: #b78959; font-size: 24px; margin: 25px 0;}
.sing_ym_three dl{display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: clamp(0px, 0vw, 0px) clamp(20px, 0vw, 0px);}
.sing_ym_three dl dd{padding: 30px; background: #fff; box-shadow: 0px 2px 20px 0 rgba(0,0,0,.1); margin: 0 0 30px 0; position: relative; border-radius: 10px;}
.sing_ym_three dl dd i{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(to top, #fff, #ddd 50%, #b78959);font-style:inherit;position:absolute;top:5px;right:20px;font-size:70px;font-family: num;}
.sing_ym_three dl dd span{display: block; color: #b78959; font-size: 16px; font-weight: 100;}
.sing_ym_three dl dd strong{display: block; color: #8d6248; font-size: 24px; margin: 10px 0;}
.sing_ym_three dl dd font{display: block; color: #333; font-size: 16px;}


.sing_ym_four{margin: 60px auto;}
.sing_ym_four h3{display: block; color: #8d6248; font-size: 30px; font-weight: bold; border-bottom: 1px solid #ddd; margin-bottom: 30px;}
.sing_ym_four dl{display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: clamp(0px, 0vw, 0px) clamp(20px, 0vw, 0px);}
.sing_ym_four dl a{overflow: hidden; border: 1px solid #ddd; display: flex; justify-content: space-between; align-items: center;     border-radius: 4px; margin-bottom: 20px; }
.sing_ym_four dl a p{display: block; width: 50%; overflow: hidden;}
.sing_ym_four dl a p img{display: block; width: 100%; transition: all .3s; }
.sing_ym_four dl a strong{display: block; width: 40%; margin: 0 5% 0 0;}
.sing_ym_four dl a strong i{text-transform: uppercase; font-style: inherit; color: #9a6f4e; font-weight: 100; font-size: 14px;}
.sing_ym_four dl a strong span{font-weight: bold; color: #333; font-size: 18px;}
.sing_ym_four dl a:hover{border: 1px solid #9a6f4e; }
.sing_ym_four dl a:hover p img{  -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.sing_ym_four dl a:hover strong span{color: #9a6f4e;}

.sing_ym_two{ margin-bottom: 60px;}
.sing_ym_two h3{display: block; color: #8d6248; font-size: 30px; font-weight: bold; border-bottom: 1px solid #ddd; margin-bottom: 30px;}
.sing_ym_two dl{}
.sing_ym_two dl dd{}
.sing_ym_two dl dd p{display: block; margin-bottom: 20px;}
.sing_ym_two dl dd p strong{display: flex; justify-content: flex-start; align-items: center; color: #906549; font-weight: bold; font-size: 18px;}
.sing_ym_two dl dd p strong i{display: flex; color: #b38556; width: 32px; height: 32px; border: 1px solid #b38556; align-items: center; justify-content: center; border-radius: 50%; font-style: inherit; font-size: 16px; margin-right: 5px;}
.sing_ym_two dl dd p span{display: block; padding: 0 0 0 38px; color: #8e6348; line-height: 24px; font-size: 14px;}
.sing_ym_two dl dt{display: block; overflow: hidden; margin: 50px 0 0 0;}
.sing_ym_two dl dt h4{text-align: center; display: block;  width: 120px; color: #906549; margin: 0 0 15px 0; font-size: 20px; border: 1px solid;}
.sing_ym_two dl dt h5{display: flex; justify-content: flex-start; align-items: center; color: #906549; margin: 0 0 15px 0; font-size: 18px;}
.sing_ym_two dl dt h6{display: block;   color: #8e6348; line-height: 24px; font-size: 14px;}
 




 
.ymlist{display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 0 30px; margin-bottom: 50px;}
.ymlist a{display: block; overflow: hidden; border: 1px solid #ddd; margin: 0 0 30px 0; }
.ymlist a:hover{border: 1px solid #8d6248;}
.ymlist a i{ display: block; font-style: inherit; background: #f5f5f5; text-align: center; color: #999; font-size: 14px; padding: 10px 0; }
.ymlist a p{display: block; overflow: hidden; padding: 30px;}
.ymlist a p strong{color: #8d6248; text-align: center; display: block; font-size: 16px;}
.ymlist a p span{ display: block; text-align: center; color: #333; font-size: 14px; line-height: 20px; margin: 20px 0; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
.ymlist a p .more{display: block; margin: 0 auto; zoom: 0.8;    width: 136px;}


.ymform{ background: url(../images/ymbgpic.jpg); background-size: cover; margin: 0 auto 50px; padding: 40px;}
.screen-reader-response{ display: none;  }
.ymform form{}
.ymform form dd{display: block; float: left; width: 31%; margin-right:2%; }
.ymform form dd font{display: block; color: #fff; font-size: 18px; margin: 0 0 5px 0;}
.ymform form dd input,.ymform form dd select{display: block; background: #fff; border: 0; height: 36px; width: 98%; padding-left: 20px; font-size: 14px; color: #333;}
.ymform form dd span{    position: relative;}
.ymform form dd span span{ position: absolute; top: 0; right: 20px; color: #f00; font-size: 14px; line-height: 36px;}
.wpcf7-response-output,.wpcf7-validation-errors{ display: block; text-align: center; color: #ffc78c; font-size: 20px; font-weight: bold;}
.ymform form dt{ display: block;overflow: hidden;width: 100%;}
.ymform form dt .wpcf7-submit{display: block; width: 200px; text-align: center; height: 50px; color: #fff; background-image: linear-gradient(67deg, #b58757, #8c6147); line-height: 50px; font-size: 18px; border: 0; margin: 20px auto;cursor:pointer;}

 
.ymyoushi{background: #fdfbf6; padding: 50px 0;}
.ymyoushi .icenter{}
.ymyoushi .icenter h3{display: block; color: #8d6248; font-size: 32px; font-weight: bold; border-bottom: 1px solid #ddd; margin-bottom: 30px;}
.ymyoushi .icenter dl{display: flex; justify-content: space-between;}
.ymyoushi .icenter dl dd{width: 30%;}
.ymyoushi .icenter dl dd img{display: block; width: 100%;}
.ymyoushi .icenter dl dt{display: flex; justify-content: space-between;width: 68%;}
.ymyoushi .icenter dl dt a{display: block; overflow: hidden; width: 23.5%; background: #fff; border: 1px solid #ddd;}
.ymyoushi .icenter dl dt a p{}
.ymyoushi .icenter dl dt a p img{display: block; width: 100%;}
.ymyoushi .icenter dl dt a strong{font-size: 16px; color: #a67e3d; text-align: center; display: block; margin: 10px 0 0 0; }
.ymyoushi .icenter dl dt a span{display: block; width: 80%; border-top: 1px solid #ddd; padding: 5px 0; margin: 10px auto; color: #666; text-align: center; font-size: 12px;}


.ymgs{margin: 50px auto; overflow: hidden;}
.ymgs h3{display: block; color: #8d6248; font-size: 32px; font-weight: bold; border-bottom: 1px solid #ddd; margin-bottom: 30px;}
.ymgs dl{display: flex; justify-content: space-between; align-items: flex-start;}
.ymgs dl i{display: block; width: 45%; overflow: hidden;}
.ymgs dl i img{display: block; width: 100%;}
.ymgs dl dd{display: block; overflow: hidden; width: 50%;}
.ymgs dl dd strong{display: block; color: #333; font-size: 24px; margin: 0 0 30px 0;}
.ymgs dl dd p{display: block; color: #333; font-size: 16px; margin:0 0 30px 0;}
 

.ymcase{background-color: #fdfbf6; display: block; overflow: hidden; padding: 50px 0;}
.ymcase .icenter{}
.ymcase .icenter h3{display: block; color: #8d6248; font-size: 32px; font-weight: bold; border-bottom: 1px solid #ddd; margin-bottom: 30px;}
.ymcase .icenter dl{ display: flex; justify-content: space-between;}
.ymcase .icenter dl a{display: block; overflow: hidden; width: 23.5%; background: #fff; border: 1px solid #ddd;}
.ymcase .icenter dl a i{ display: block; overflow: hidden; }
.ymcase .icenter dl a i img{ display: block; width: 100%; }
.ymcase .icenter dl a p{width: 90%; margin: 15px auto; overflow: hidden;}
.ymcase .icenter dl a p strong{color: #8d6248; text-align: center; display: block; font-size: 16px;}
.ymcase .icenter dl a p span{color: #8d6248; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; margin: 10px 0; font-size: 14px;}
.ymcase .icenter dl a p font{display: block; color: #333; text-align: justify; font-size: 14px;word-break: break-all}
.ymcase .icenter dl a .more{display: block; zoom: 0.7; margin: 10px auto;}

 

.ymml{margin: 50px auto; overflow: hidden; display: block;}
.ymml h3{display: block; color: #8d6248; font-size: 32px; font-weight: bold; border-bottom: 1px solid #ddd; margin-bottom: 30px;}
.ymml dl{}
.ymml dl h4{display: block; color: #333; font-size: 16px; margin: 20px 0;}
.ymml dl dd{ display: flex; justify-content: space-between; }
.ymml dl dd p{display: block; width: 23.5%; overflow: hidden;}
.ymml dl dd p i{overflow: hidden; display: block;}
.ymml dl dd p i img{display: block; width:100%;}
.ymml dl dd p strong{display: block; overflow: hidden; border: 1px solid #eee; padding: 0 20px 20px;}
.ymml dl dd p strong span{display: block; color: #b78959; font-size: 24px; margin: 20px 0;     font-weight: normal; }
.ymml dl dd p strong font{display: block; color: #333; font-weight: normal; font-size: 14px; text-align: justify;}
 
 

.ymtj{display: block;  margin: 50px auto;}
.ymtj h3{display: block; color: #8d6248; font-size: 30px; font-weight: bold; border-bottom: 1px solid #ddd; margin-bottom: 30px;}
.ymtj .ic{display: flex; justify-content: space-between;}
.ymtj .ic .lf{display: block; width: 63%; overflow: hidden;box-shadow: 0 0 8px rgba(0,0,0,.2);}
.ymtj .ic .lf h4{background: #b4b4b4; text-align: center; height: 40px; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 18px;}
.ymtj .ic .lf h5{display: block; color: #333; padding: 30px; font-size: 14px; text-align: justify; line-height: 24px;}
.ymtj .ic .rh{display: block; width: 35%; overflow: hidden;}
.ymtj .ic .rh img{ display: block; width: 100%; }
 

.single_ymzz{ margin: 50px auto; display: block; overflow: hidden;  }
.single_ymzz h3{display: block; color: #8d6248; font-size: 32px; font-weight: bold; border-bottom: 1px solid #ddd; margin-bottom: 30px;}
.single_ymzz dl{}
.single_ymzz dl h4{display: block; color: #333; font-size: 16px; margin: 20px 0;}
.single_ymzz dl dd{}
.single_ymzz dl dd a{border: 1px solid #ddd; text-align: center; float: left; width: 31%; margin: 0 2% 2% 0; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 16px; color: #333; font-weight: bold; position: relative;}
.single_ymzz dl dd a:after{  content: ""; width: 0; height: 0; border-top: 20px solid #b78959; border-right: 20px solid transparent; position: absolute; top: 0; left: 0; }
.single_ymzz dl dd a:hover{ color:#fff; background: #b78959;}

 




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



}