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;}
/*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 ,span{ margin: 0px; padding: 0px; border: 0px; list-style-type: none; text-decoration: none;}
a{ cursor: pointer;}
.clear { clear: both; }
.yellow{color: #f8e652;}
.blue{color: #63bbff;text-align: center;font-size: 18px; margin-top: 10px;}
.white{color: white;}
.blues{color: #0090FF;}
.container{width: 65%; height: 100%;
    
    margin: 0 auto;
    position: relative;
    transition: all .5s ease;}

.banner{width: 100%; height: 902px;background: url(../img/banner.jpg) center 0 no-repeat;background-size:100% 100%;background-attachment:fixed;}
.banner_c{margin: 0px auto 30px; line-height: 36px;}
.banner_c p{text-indent: 2em;}
.banner_c div{font-size: 24px; line-height: 68px;}

.yio{width: 1258px; margin: 0 auto 40px; height: auto; overflow: hidden;}
.yio ul li{width: 571px; margin:15px 29px; float: left; height: 460px;}
.yio ul li div{width: 571px; height: 292px; position: relative;}
.yio ul li div p{position: absolute; z-index:22; left: 0;bottom: 0;width: 100%; height: 48px; line-height: 48px; text-align: center;color: #FFFFFF;font-size: 16px;font-weight: bold;}
.yiop{font-size: 14px; margin-top: 20px; line-height: 24px; color: #0090ff; text-indent: 2em;}

.qc_q{width: 100%; height: 707px; background: url(../img/er.jpg) center 0 no-repeat #3e3f41;}
.qc_qc{width: 1000px; margin: 20px auto;}
.qc_qct{font-size: 32px; padding-top: 68px; text-align: center; color: #FFFFFF;}
.qc_qc ul{margin-top: 40px;}
.qc_qc ul li{float: left; width: 250px; height: 458px; line-height: 28px;}
.qc_qcto{padding-top: 30px;}
.qc_qc ul li p{margin: 10px 20px;}
.qc_qcblue{background: #05bab4;}
.qc_qchuang{background: #f9ec7c;}
.qc_qcbad{background: #ea9848;}


.qc_cp{width: 100%; background: #e9e9e9; overflow: hidden;}
.qc_cpc{width: 1200px; margin: 0 auto 40px;}
.qc_cptit{ margin: 35px 0 15px; background: #0090FF; color: #FFFFFF; font-size: 24px;padding: 6px 20px;}
.qc_cpc table{width: 1200px; border-collapse: collapse; margin-top: 10px;}
.qc_cpc table th{padding: 12px 0px;font-size: 16px; border: 1px solid #E9E9E9; background: #FFFFFF;}
.qc_cpc table td{padding: 6px 0px; color: #444444; border: 1px solid #E9E9E9; text-align: center; background: #FFFFFF;}

.qc_cpc ul li{float: left; margin-left: 10px; margin-bottom: 40px; background: #FFFFFF;width: 326px; height: 420px;}
.qc_cpc ul li img{width: 326px; height: 195px;}
.qc_cpc ul li h3{color: #333;margin: 10px 20px; }
.qc_cpc ul li p{margin: 10px 16px; color: #444444; font-size: 12px; line-height: 24px;}

.bw{margin: 30px auto;width: 1200px;}
.bw ul{margin: 20px 0 40px; overflow: hidden;}
.bw ul li{float: left;width: 580px; background: #FFFFFF;padding: 10px 0; height: 70px; margin: 10px;}
.bw ul li span{display:block; float: left; width: 90px; margin-left: 10px; height: 70px; 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-left: 10px; width: 460px; height: 70px;}
.bw ul li p a{display: block; color: #333333;}
.bw ul li p a:hover{color: #3169C8;}
.bw ul li p i{display: block; width: 460px; color: #999999; font-size: 12px; margin-top: 10px; font-style: normal;}


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

{   .banner{ height: 230px;background-size:100% 25%;}
    .banner_c div{line-height: 36px;}
    .banner_c p{ line-height: 24px;}
   .container{width:95%;margin:0 auto;}
   .banner_c {width:96%;margin:0 auto;min-height: auto !important;}
   .yio{ width: 96%;margin: 0px auto 10px auto;}
   .yio ul li{width:100%;margin: 15px 0px;float: none; height: auto;}

   .yio ul li div{ width: 100%; height: auto;}
   .yio ul li div p{ bottom: -8px;}
   .qc_q{ height: auto;}
   .qc_qc{ width: 100%;}
   .qc_qc ul{margin-top: 20px;}
   .qc_qc ul li{float: none; height: auto; padding-bottom: 20px;
    width:98%; margin: 0 auto;
    line-height:18px;}
   .qc_qc ul li img{ display: block;margin: 0 auto;}
   .qc_cpc,.qc_cpc table{ width: 98%; margin: 10px auto 10px auto;}
   .bw{ width: 98%;}
   .bw ul li{float: none;width:98%; background: #FFFFFF;padding:5px 0;margin:5px 0px; height:130px; border-bottom: 1px solid #E9E9E9;}
   .bw ul li p a{ font-size: 16px;line-height: 20px;}
   .bw ul li span{ width: 22%; margin-left: 0px;}
   .bw ul li p{width: 75%;}
   .bw ul li p i{ width: 100%; font-size: 14px; line-height: 18px;
    margin-top:5px;}
}