body { margin: 0px; padding: 0px; font-size: 14px;font-family: "SourceHanSans-Regular", system-ui, -apple-system, Heiti SC ,tahoma, arial, Hiragino Sans GB, "\5B8B\4F53",sans-serif; position: relative;}
/*fonts*/
@font-face { font-family: "SourceHanSans-Light"; src: url("https://www.hngymt.com/res/template/mingtai2023/resource/fonts//SourceHanSans-Light.otf") format("opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: "SourceHanSans-Regular"; src: url("https://www.hngymt.com/res/template/mingtai2023/resource/fonts/SourceHanSans-Regular.otf") format("opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: "SourceHanSans-Medium"; src: url("https://www.hngymt.com/res/template/mingtai2023/resource/fonts/SourceHanSans-Medium.otf") format("opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: "SourceHanSans-Bold"; src: url("https://www.hngymt.com/res/template/mingtai2023/resource/fonts/SourceHanSans-Bold.otf") format("opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: "BebasNeue"; src: url("https://www.hngymt.com/res/template/mingtai2023/resource/fonts/BebasNeue.otf") format("opentype"); font-weight: normal; font-style: normal; }
p, img, ul, li, a { margin: 0px; padding: 0px; border: 0px; list-style-type: none; text-decoration: none;}
a{ cursor: pointer;}
.clear { clear: both; }
.biao{font-size: 36px; color: #0c0c0c; text-align: center;font-weight: bold; }
.biao_y{font-size: 14px; color: #919191; text-align: center;}
.biaoa{font-size: 36px; color: #ffffff; text-align: center;font-weight: bold;}
.biaoa_y{font-size: 14px; color: #d7d7d7; text-align: center;}
.y_sb{font-size: 18px; margin: 30px 0;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0px; }


/*****切换banner**********/

#banner {
	width: 100%;
	height:593px;
	overflow: hidden;
	margin-top:95px;
	position:relative;
}
#banner .swiper-slide {
	position:relative;
	text-align:center;
}
#banner img {
	max-width: 100%;
}
.gallerytitle {
text-align: center;
font-size: 1em;
height: 42px;
line-height: 42px;
color: #fafafa;
position: absolute;
left: 0;
bottom: 0;
right: 0;
font-weight: normal;
text-shadow: 1px 1px 1px #000;
/* background-color: rgba(21,20,20,0.5); */
background-color: rgba(0,0,0,0);
background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.7));
background: -webkit-gradient(linear,top,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.7)));
background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.7));
background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.7));
}

.pagination {
    position: absolute;
    z-index: 20;
    bottom: 10px;
    width: 66px;
    text-align: center;
    right:0;
  }
  .swiper-pagination-switch {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius:5px;
    background: #fff;
    margin: 0 2px;
    opacity: 0.8;
    cursor: pointer;
  }
  .swiper-active-switch {
    background: #ff6600;
  }
/*****切换banner结束**********/


.yy_one{overflow-x: hidden; width: 100%; padding:60px 0 70px;}
.yy_onec{width: 1400px; margin:0px auto; overflow: hidden;}
.yy_onec ul li{margin: 25px 15px 0; border-radius:10px;-moz-border-radius:10px; -webkit-border-radius: 10px; background:#8db14d; width:436px;float: left;padding-bottom:30px;}
.yy_onec ul li:first-child{background: #B87719}
.yy_onec ul li:last-child{ background: #AB5A00}
.yy_onec ul li span{display: inline-block;font-weight: bold;  text-align:center; width:80%;font-size:24px;color: #453b02; line-height:32px;padding:10px; margin: 20px 30px 15px;background: #FFFFFF; border-radius:20px;-moz-border-radius: 20px; -webkit-border-radius: 20px;}
.yy_onec ul li p{margin:0 36px;font-size: 18px; line-height:40px; color: #FFFFFF; text-indent: 2em;}

.yy_two{width: 100%;padding-top:60px; padding-bottom: 60px;  background: url(../img/bga.jpg)no-repeat  top center #1c2f14;}
.yy_twoc{width: 1400px; margin:0px auto;}
.yy_twoa{margin: 0px 0 0px;}
.yy_twop{color: #bcbcbc; line-height:40px; margin: 18px 0;text-align: center;font-size:18px;}
.yy_twoa table{width: 1400px; border-collapse: collapse; margin-top: 10px;}
.yy_twoa table th{height:50px; padding: 0 1%; font-size: 18px; color: #52ff78; font-weight: bold; line-height: 24px; border: 1px solid #52ff78;}
.yy_twoa table td{height:50px; font-size: 18px; padding: 0 1% ;  color: #52ff78; line-height: 24px; border: 1px solid #52ff78; text-align: center; }
.yy_youshi{ background: #111c0c; padding-bottom: 50px;}
.yy_youshi ul{ display: block; margin: 0 auto; width: 1400px;}
.yy_youshi ul li{width:18%; height:160px; padding: 25px 0 25px; margin-left:2.5%;  float: left; display: block;border-radius:5px;}
.yy_youshi ul li:hover{background:#517047;box-shadow: 2px 2px 8px 10px rgb(0 0 0 / 15%); cursor:pointer;
    transform:translate(2px,2px);
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;}
.yy_youshi ul li span{ text-align: center; width: 56px; display: block; margin: 0 auto}
.yy_youshi ul li:first-child{ margin-left:0px;}
.yy_youshi ul li p{text-align: center; color: #FFFFFF; line-height:28px; margin-top: 18px; font-size:20px;}
.y_hs{margin: 30px 0;}
.y_hs li{background:#b9882e;}
.y_hss{line-height: 48px; font-size:36px;color: #fff; display: block;text-align: center; margin: 0 auto; padding: 50px 0px}
.yy_zll{width: 100%; background:#698734;padding-bottom: 30px; padding-top:40px;}
.yy_zlt{width:530px; height:70px; margin:0px auto;background:#435a19;border-radius:10px;font-weight: bold; text-align: center; color: #FFFFFF;font-size: 36px; line-height:70px;}
.yy_zlc{width: 1200px; margin: 0 auto;}
.yy_zlcp{color: #FFFFFF; line-height:32px; text-indent: 2em; font-size: 18px; padding-top:30px; padding-bottom: 10px;}
.yy_zlb{width: 1400px; margin: 0px auto 0; }
.yy_pro_ul li img{ width: 100%;}
.yy_gy{width:1400px; overflow: hidden; margin:0px auto; padding-top:50px; padding-bottom: 50px;}
.yy_gy ul{margin: 20px 0;}
.yy_gy ul li{float: left;height: 280px;position: relative; margin-right: 14px; margin-bottom: 15px;}
.yy_gy ul li:nth-child(3n){ margin-right: 0px;}
.yy_gy ul li:hover{transform: scale(1.02);
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;}
.yy_gy ul li p{position: absolute; bottom: 0; z-index:20;width: 100%; font-size: 18px; text-align: center; background: rgba(74, 69, 27, 0.7); padding:15px 0; color: #FFFFFF;}
.yy_gyk{width: 540px;}
.yy_gyz{width: 292px;}
.yy_gy4,.yy_gy5,.yy_gy6{ height: 296px!important;}
.yy_fx{width: 100%;padding-top:40px; background:#e5e5e5}
.yy_fx ul{width: 1400px;  margin: 30px auto 0px;padding-bottom:50px;}
.yy_fx ul li{float: left; padding-left:25px; border: 1px dashed  #8FAF90;margin-right: 20px; margin-bottom: 10px; font-size:20px;line-height:60px; overflow: hidden; height:60px; width:663px;background: url(../img/dd.jpg) 15px 30px no-repeat #FFFFFF;}
.yy_fx ul li:hover{ background:#517047;box-shadow: 2px 2px 8px 10px rgb(0 0 0 / 15%);
    transform: translate3d(0px, -4px, 0px);
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;}
.yy_fx ul li:nth-child(2n){ margin-right: 0px;}
.yy_fx ul li a{color: #0C0C0C; display: block}
.yy_fx ul li a:hover{color:#FFFFFF}


/*********产品部分样式************/
.yy_pro{ width: 1400px; margin: 0 auto; padding-bottom: 30px;}
.yy_pro h3{line-height: 48px; font-size:36px;color: #000000; text-align: center;font-weight: bold; padding:30px 0px;}
.yy_pro .yy_pro_ul li{float:left;width:32%;margin-right:1.7%; margin-bottom:22px; position: relative; border: 1px solid #c7c7c7}
.yy_pro .yy_pro_ul li:nth-child(3n){margin-right:0px;}
.yy_pro .yy_pro_ul li:hover{
    box-shadow: 3px 4px 18px 10px rgb(0 0 0 / 15%);
    transform: translate3d(0px, -8px, 0px);
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;}
.yy_pro .yy_pro_ul li img{transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-ms-transition:all 0.5s ease-in-out 0s;}
.yy_pro .yy_pro_ul li:hover img{transform: matrix(1.04, 0, 0, 1.04, 0, 0);-webkit-transform: matrix(1.04, 0, 0, 1.04, 0, 0);-o-transform: matrix(1.04, 0, 0, 1.04, 0, 0);-moz-transform: matrix(1.04, 0, 0, 1.04, 0, 0);-ms-transform: matrix(1.04, 0, 0, 1.04, 0, 0);}
.yy_pro .yy_pro_ul li .img-box{line-height: 0;overflow: hidden;}
.text-box h2 {font-size:24px;color: #414141;line-height:36px;font-weight: bold;margin: 16px 0 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
    -webkit-line-clamp: 1;-webkit-box-orient: vertical; text-align: center;}
.text-box h2 a{ color: #000000}
.text-box h2 a:hover{color:#CF0003}
.footer{ margin-top: 0px !important;}

/*! <=991 手机 平板屏幕宽度*****/
@media all and (max-width: 991px)
{  #banner{height:120px; margin-top: 52px;}
.yy_one{padding: 20px 0 20px;}
.yy_onec,.yy_zlc,.yy_zlb,.yy_gy,.yy_fx ul{ width: 98%; margin: 0 auto;}
.yy_fx ul li{ width: 92%;}
.yy_zl img,.yy_pro .yy_pro_ul li img,.yy_gy ul img{ width: 100%;}
.yy_twoc,.yy_youshi ul,.yy_pro,.yy_zlt{ width: 98%;margin: 0 auto;}
.yy_gy ul li{ width: 100%;}
.yy_twoa table{ width: 100%;word-break: break-all; /* 强制换行 */}
.yy_onec ul li{ width:92%;}
.y_hss,.biao,.biaoa,.y_hss,.yy_pro h3,.yy_zlt{padding:10px 0px;font-size: 24px;}
.yy_youshi ul li,.yy_pro .yy_pro_ul li{ width: 100%; margin-left: 0px; float: none ; margin-bottom: 20px;}
.yy_fx ul{ padding-bottom: 20px; padding-top: 20px;}
.yy_fx ul li{ line-height: 30px; height: 30px;font-size:16px;}
.yy_onec ul li p{ line-height: 24px ; margin: 0px 10px;}
}