html, body { margin: 0px; padding: 0px; background: #ebebeb !important; font-size: 14px;font-family: "SourceHanSans-Regular", system-ui, -apple-system, Heiti SC ,tahoma, arial, Hiragino Sans GB, "\5B8B\4F53",sans-serif;}

/*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; }

.container{width: 75%;
    height: 100%;min-height: 100px!important;
    margin: 0 auto;
    position: relative;
    transition: all .5s ease;}
p, img, ul, li, a { margin: 0px; padding: 0px; border: 0px; list-style-type: none; text-decoration: none;}
a{ cursor: pointer;}
.clear { clear: both; }
.blue{color: #FFFFFF; font-size: 16px;}
.gray{color: #777777;}

.banner{ margin:95px auto 0px 0px; width: 100%;overflow: hidden;}
.banner img{ width: 100%;}
.banb{width:100%;color: #fefef3; background: #17283c; margin: 0 auto; position: relative;z-index: 2; margin-top: -4px;}
.banb img{position: relative; z-index: 1; width: 100%;}
.banba{position: relative;top:-100px; z-index: 3;}
.banba h3{font-size: 28px; margin-bottom: 15px;}
.banba p{line-height: 24px; }

/* US */
.m-slid{ margin: 30px  auto;  overflow: hidden;}
.m-slide{  margin: 0 auto;}
.m-slide .ri {float: left; margin-top: 20px; margin-left: 1%; width:68%;}
.m-slide .ri li{ display: block;background: #41A1F2;}
.m-slide .ri li img{ width: 100%;}
.m-slide .tab { float: left;width:30%;  margin-top: 20px;}
.m-slide .tab li {color: #666666; margin-bottom:1px; height: 173px;  background: #FFFFFF; }
.m-slide .tab li:hover{background: #ff9702;color: #FFFFFF; cursor: pointer;}
.m-slide .tab .on{background: #ff9702;color: #FFFFFF; cursor: pointer;}
.m-slide .tabs{font-size: 26px; padding-top: 28px;padding-bottom:10px; text-align: center;}
.m-slide .taba{font-size:14px ; margin: 0 16px;  line-height:18px;}

.bt{border-bottom: 1px solid #333;padding-bottom: 2px; line-height: 36px;}
.bt i{border-bottom: 3px solid #333333; color: #333333; font-style: normal;font-size: 28px; padding-bottom: 10px; font-weight: bold;font-family: "SourceHanSans-Bold";}


.hk{margin: 30px auto;}
.hkc{ overflow: hidden; background: #FFFFFF; margin: 20px 0; padding: 15px;}
.hkch{font-size: 16px; color: #878787; line-height:26px; margin: 10px 10px 10px; text-indent: 2em;}
.hkc ul li{float: left; width:49%; margin-right:2%; margin-top:15px;}
.hkc ul li:nth-child(2n){ margin-right: 0px;}
.hkc ul li img{ width: 100%;}
.hkc h3{margin: 12px 10px 6px;font-size: 28px;}
.hkcd{background: #3169C8;}
.hkchs{color: #aa6401; margin: 0 10px 10px;font-size:16px;}
.hkcx{ color: #414141; margin: 0 10px; line-height:28px;font-size: 16px;}

.bw{margin: 30px auto;}
.bw ul{margin:10px 0 20px; overflow: hidden;}
.bw ul li{float: left;width:49%; background: #FFFFFF;padding: 20px 0;  margin-right:2%; margin-top: 1%;}
.bw ul li:nth-child(2n){ margin-right: 0px;}
.bw ul li span{display:block; float: left; width:14%; margin-left: 1%;  text-align: center; background: #EBEBEB; line-height: 38px; font-size: 14px; color: #777777;}
.bw ul li span i{font-style: normal; font-size: 32px; display: block;}
.bw ul li p{display:block; float: left; margin:0px 2%; width: 81%;}
.bw ul li p a{display: block; color: #333333;font-size: 18px;}
.bw ul li p a:hover{color: #3169C8;}
.bw ul li p i{display: block;color: #999999; font-size: 14px; line-height: 20px; margin-top: 10px; font-style: normal;}

.bz{margin: 30px auto;overflow: hidden;}
.bz ul{margin: 20px 0;}
.bz ul li{width:32%;margin-right:2%; float: left;}
.bz ul li:nth-child(3n){ margin-right: 0px;}
.bz ul li img{ width: 100%;}


.tj{margin: 30px auto;}
.tj ul{margin: 20px 0;padding: 15px; background: #FFFFFF; overflow: hidden;}
.tj ul li{width: 19%; float: left; margin-right: 1.2%;}
.tj ul li:nth-child(5n){ margin-right: 0px;}
.tj ul li img {width:100%; height: 180px; background: #3169C8;}
.tj ul li p{text-align: center; line-height: 40px;}
.tj ul li p a{color: #333333;font-size: 18px;}
.tj ul li p a:hover{text-decoration: underline;}


/*! <=991 手机端 */
@media all and (max-width: 991px)

{  
    .container{width:95%;}
    .banner{ margin-top: 50px;}
    .banba h3{font-size: 28px;}
    .banba{top:-30px;}
    .bz ul li{width:100%; margin-bottom: 2%;}
    .hkc ul li{float: none; width: 100%;}
    .bw ul li{ width: 100%;}
    .m-slide .tab{ width: 100%;}
    .m-slide .tab li{ width: 32%; margin-bottom: 0px; float: left; margin-right: 2%; height: 310px;}
    .m-slide .tab li:nth-child(3n){ margin-right: 0px;}
    .m-slide .ri{ width: 100%;}
    .tj ul li{ width: 100%;}
    .bt i{font-size: 24px;}
    .bt{line-height: 28px;}
   
}