@charset "UTF-8";
* { margin: 0; padding: 0; outline: none; }

html, body { width: 100%; height: auto; text-align: center; font-family: "微软雅黑",arial; }

body { text-align: left; }

img { border: none; }

li { list-style: none; }

a { text-decoration: none; }

@-webkit-keyframes ys { 0% { background: #530209; color: #fff; opacity: 0; transform: scale(1); }
  50% { background: #530209; color: #fff; opacity: 0.5; transform: scale(0.8); }
  100% { background: #530209; color: #fff; opacity: 1; transform: scale(1); } }
@-webkit-keyframes myxz { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }
.wrap { width: 100%; height: auto; max-width: 1920px; margin: 0 auto; position: relative; overflow: hidden; }
.wrap img { display: block; width: 100%; height: auto; }
.wrap header, .wrap footer { height: 30px; width: 100%; background: #666666; line-height: 30px; color: #f5f5f5; font-size: 12px; }
.wrap header .header, .wrap footer .header { width: 1200px; height: 30px; margin: 0 auto; display: flex; justify-content: space-between; }
.wrap header .header .wel, .wrap footer .header .wel { width: auto; height: 30px; }
.wrap header .header ul, .wrap footer .header ul { width: 32%; height: 30px; display: inline-flex; justify-content: space-between; }
.wrap header .header ul li:before, .wrap footer .header ul li:before { float: left; width: 16px; height: 30px; content: ''; margin-right: 8px; }
.wrap header .header ul li:nth-child(1):before, .wrap footer .header ul li:nth-child(1):before { background: url(../img/tel.png)/*tpa=http://nbmy1995.com/index/img/tel.png*/ no-repeat; }
.wrap header .header ul li:nth-child(2):before, .wrap footer .header ul li:nth-child(2):before { background: url(../img/address.png)/*tpa=http://nbmy1995.com/index/img/address.png*/ no-repeat; }
.wrap header .footer, .wrap footer .footer { max-width: 1200px; height: 30px; margin: 0 auto; text-align: center; }
.wrap nav { width: 100%; height: 160px; background: #fff; }
.wrap nav .nav { width: 1200px; height: 100%; margin: 0 auto; display: flex; justify-content: space-between; }
.wrap nav .nav .logo { width: 450px; height: 100%; background: url(../img/logo_.jpg)/*tpa=http://nbmy1995.com/index/img/logo_.jpg*/ no-repeat center/450px 160px; }
.wrap nav .nav ul { width: auto; height: 100%; display: inline-flex; }
.wrap nav .nav ul li { width: auto; height: 100%; }
.wrap nav .nav ul li a { display: block; width: 133px; height: 48px; margin: 56px 0; line-height: 48px; text-align: center; font-size: 18px; color: #530209; }
.wrap nav .nav ul li a:hover { animation: ys 0.5s; animation-fill-mode: forwards; }
.wrap nav .nav ul li a.nav_a_active { background: #530209; color: #fff; }
.wrap .banner_inner { width: 100%; height: auto; max-width: 1920px; }
.wrap .xm { width: 100%; height: auto; background: #f8f8f8; }
.wrap .xm .xm_ { width: 1200px; height: auto; margin: 0 auto; display: flex; }
.wrap .xm .xm_ .xm_nr { width: 470px; height: auto; padding: 150px 75px 75px 90px; }
.wrap .xm .xm_ .xm_nr p { width: 100%; height: 50px; line-height: 46px; font-size: 50px; color: #000; border-left: 5px solid #000; padding-left: 8px; margin-bottom: 15px; }
.wrap .xm .xm_ .xm_nr i { display: block; width: 150px; height: 30px; line-height: 30px; font-size: 20px; color: #666; font-style: normal; text-transform: uppercase; border-radius: 15px; text-align: center; border: 1px solid #666; margin-bottom: 15px; }
.wrap .xm .xm_ .xm_nr span { display: block; width: 100%; height: auto; font-size: 16px; color: #333; line-height: 30px; }
.wrap .xm .xm_ ul { width: 470px; height: 490px; display: inline-flex; justify-content: space-between; padding: 75px 0; flex-wrap: wrap; }
.wrap .xm .xm_ ul li { width: 150px; height: 155px; background-color: #eee; background-image: url(../img/xm_item.png)/*tpa=http://nbmy1995.com/index/img/xm_item.png*/; position: relative; margin-bottom: 10px; cursor: pointer; }
.wrap .xm .xm_ ul li p { position: absolute; left: 0; bottom: 35px; width: 100%; height: 40px; line-height: 40px; font-size: 16px; color: #333; text-align: center; }
.wrap .xm .xm_ ul li p:before { position: absolute; display: block; left: 0; top: 0; right: 0; width: 25%; margin: 0 auto; height: 2px; background: #d3d3d3; content: ''; }
.wrap .xm .xm_ ul li:nth-child(2) { background-position: -160px 0; }
.wrap .xm .xm_ ul li:nth-child(3) { background-position: -320px 0; }
.wrap .xm .xm_ ul li:nth-child(4) { background-position: 0 -168px; }
.wrap .xm .xm_ ul li:nth-child(5) { background-position: -160px -168px; }
.wrap .xm .xm_ ul li:nth-child(6) { background-position: -320px -168px; }
.wrap .xm .xm_ ul li:nth-child(7) { background-position: 0 -336px; }
.wrap .xm .xm_ ul li:nth-child(8) { background-position: -160px -336px; }
.wrap .xm .xm_ ul li:nth-child(9) { background-position: -320px -336px; }
.wrap .xm .xm_ ul li:hover { background-color: #530209; background-image: url(../img/xm_item_hover.png)/*tpa=http://nbmy1995.com/index/img/xm_item_hover.png*/; }
.wrap .xm .xm_ ul li:hover p { animation: ys 1s; animation-fill-mode: forwards; }
.wrap .xm .xm_ ul li:hover p:before { background: #fff; }
.wrap .xm .xm_ dl { position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: none; z-index: 999; }
.wrap .xm .xm_ dl:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: #000; opacity: 0.9; z-index: -1; }
.wrap .xm .xm_ dl dd { width: 80%; height: 80%; background: #fff; margin: 5% auto; border-radius: 10px; padding: 18px; font-size: 20px; line-height: 35px; display: none; position: relative; }
.wrap .xm .xm_ dl dd .xm_js_bt { width: 100%; height: 60px; line-height: 60px; text-align: center; font-size: 23px; }
.wrap .xm .xm_ dl dd .xm_js_close { position: absolute; right: 30px; top: 18px; width: 50px; height: 50px; border: 1px solid #e0e0e0; text-align: center; line-height: 46px; font-size: 42px; border-radius: 100%; background: #e3e3e3; color: #333; cursor: pointer; }
.wrap .xm .xm_ dl dd .xm_js_close:hover { animation: myxz 1s; animation-fill-mode: forwards; }
.wrap .xm .xm_ dl dd p { text-indent: 36px; }
.wrap .yyjj, .wrap .address { width: 100%; height: auto; background: #f8f8f8; padding: 75px 0 35px 0; }
.wrap .yyjj .yyjj_, .wrap .yyjj .address_, .wrap .address .yyjj_, .wrap .address .address_ { width: 100%; max-width: 1200px; height: auto; margin: 0 auto; background: #fff; }
.wrap .yyjj .yyjj_ .bt, .wrap .yyjj .address_ .bt, .wrap .address .yyjj_ .bt, .wrap .address .address_ .bt { width: 100%; height: 115px; font-size: 36px; color: #333; text-align: center; line-height: 115px; font-weight: 600; }
.wrap .yyjj .yyjj_ .yyjj_nr, .wrap .yyjj .yyjj_ .address_nr, .wrap .yyjj .address_ .yyjj_nr, .wrap .yyjj .address_ .address_nr, .wrap .address .yyjj_ .yyjj_nr, .wrap .address .yyjj_ .address_nr, .wrap .address .address_ .yyjj_nr, .wrap .address .address_ .address_nr { padding: 15px 90px; width: auto; height: auto; }
.wrap .yyjj .yyjj_ .yyjj_nr p, .wrap .yyjj .yyjj_ .address_nr p, .wrap .yyjj .address_ .yyjj_nr p, .wrap .yyjj .address_ .address_nr p, .wrap .address .yyjj_ .yyjj_nr p, .wrap .address .yyjj_ .address_nr p, .wrap .address .address_ .yyjj_nr p, .wrap .address .address_ .address_nr p { width: 100%; height: auto; line-height: 36px; font-size: 18px; color: #333; }
.wrap .yyjj .yyjj_ .yyjj_nr p i, .wrap .yyjj .yyjj_ .address_nr p i, .wrap .yyjj .address_ .yyjj_nr p i, .wrap .yyjj .address_ .address_nr p i, .wrap .address .yyjj_ .yyjj_nr p i, .wrap .address .yyjj_ .address_nr p i, .wrap .address .address_ .yyjj_nr p i, .wrap .address .address_ .address_nr p i { float: left; height: 22px; width: 22px; margin-top: 8px; margin-right: 8px; background: url(../img/yyjj_tb.png)/*tpa=http://nbmy1995.com/index/img/yyjj_tb.png*/; }
.wrap .yyjj .yyjj_ .yyjj_nr p:nth-child(2) i, .wrap .yyjj .yyjj_ .address_nr p:nth-child(2) i, .wrap .yyjj .address_ .yyjj_nr p:nth-child(2) i, .wrap .yyjj .address_ .address_nr p:nth-child(2) i, .wrap .address .yyjj_ .yyjj_nr p:nth-child(2) i, .wrap .address .yyjj_ .address_nr p:nth-child(2) i, .wrap .address .address_ .yyjj_nr p:nth-child(2) i, .wrap .address .address_ .address_nr p:nth-child(2) i { background-position: 0 -32px; }
.wrap .yyjj .yyjj_ .yyjj_nr p:nth-child(3), .wrap .yyjj .yyjj_ .address_nr p:nth-child(3), .wrap .yyjj .address_ .yyjj_nr p:nth-child(3), .wrap .yyjj .address_ .address_nr p:nth-child(3), .wrap .address .yyjj_ .yyjj_nr p:nth-child(3), .wrap .address .yyjj_ .address_nr p:nth-child(3), .wrap .address .address_ .yyjj_nr p:nth-child(3), .wrap .address .address_ .address_nr p:nth-child(3) { margin-bottom: 20px; }
.wrap .yyjj .yyjj_ .yyjj_nr p:nth-child(3) i, .wrap .yyjj .yyjj_ .address_nr p:nth-child(3) i, .wrap .yyjj .address_ .yyjj_nr p:nth-child(3) i, .wrap .yyjj .address_ .address_nr p:nth-child(3) i, .wrap .address .yyjj_ .yyjj_nr p:nth-child(3) i, .wrap .address .yyjj_ .address_nr p:nth-child(3) i, .wrap .address .address_ .yyjj_nr p:nth-child(3) i, .wrap .address .address_ .address_nr p:nth-child(3) i { background-position: 0 -61px; }
.wrap .yyjj .yyjj_ .yyjj_nr p span, .wrap .yyjj .yyjj_ .address_nr p span, .wrap .yyjj .address_ .yyjj_nr p span, .wrap .yyjj .address_ .address_nr p span, .wrap .address .yyjj_ .yyjj_nr p span, .wrap .address .yyjj_ .address_nr p span, .wrap .address .address_ .yyjj_nr p span, .wrap .address .address_ .address_nr p span { display: block; width: auto; height: 30px; line-height: 30px; font-size: 20px; color: #333; font-weight: 600; }
.wrap .yyjj .yyjj_ .yyjj_nr .yyjj_nr_, .wrap .yyjj .yyjj_ .address_nr .yyjj_nr_, .wrap .yyjj .address_ .yyjj_nr .yyjj_nr_, .wrap .yyjj .address_ .address_nr .yyjj_nr_, .wrap .address .yyjj_ .yyjj_nr .yyjj_nr_, .wrap .address .yyjj_ .address_nr .yyjj_nr_, .wrap .address .address_ .yyjj_nr .yyjj_nr_, .wrap .address .address_ .address_nr .yyjj_nr_ { width: 100%; height: auto; line-height: 30px; font-size: 18px; color: #333; padding-top: 20px; }
.wrap .yyjj .yyjj_ .yyjj_nr .address_map, .wrap .yyjj .yyjj_ .address_nr .address_map, .wrap .yyjj .address_ .yyjj_nr .address_map, .wrap .yyjj .address_ .address_nr .address_map, .wrap .address .yyjj_ .yyjj_nr .address_map, .wrap .address .yyjj_ .address_nr .address_map, .wrap .address .address_ .yyjj_nr .address_map, .wrap .address .address_ .address_nr .address_map { width: 697px; height: 550px; border: 1px solid #eee; margin-bottom: 20px; overflow: hidden; position: relative; }
.wrap .yyjj .yyjj_ .yyjj_nr .address_map iframe, .wrap .yyjj .yyjj_ .address_nr .address_map iframe, .wrap .yyjj .address_ .yyjj_nr .address_map iframe, .wrap .yyjj .address_ .address_nr .address_map iframe, .wrap .address .yyjj_ .yyjj_nr .address_map iframe, .wrap .address .yyjj_ .address_nr .address_map iframe, .wrap .address .address_ .yyjj_nr .address_map iframe, .wrap .address .address_ .address_nr .address_map iframe { width: 720px; height: 550px; position: absolute; display: block; left: -3px; top: -3px; overflow: hidden; }

/*# sourceMappingURL=css.css.map */