@charset "UTF-8";
* { padding: 0; margin: 0; box-sizing: border-box; background-repeat: no-repeat; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'PingFang SC', sans-serif,"Microsoft YaHei","微软雅黑",Arial; font-size: inherit; }

html { height: 100%; min-height: 100%; }

body { position: relative; background: #fff; color: #000; font-size: 14px; line-height: 1.1; margin-left: auto; margin-right: auto; min-height: 100%; }

textarea, input[type="button"], input[type="submit"], input[type="reset"], input[type='text'], input[type='password'] { -webkit-appearance: none; }

input, textarea { outline: none; border: 1px solid #666; border-radius: 0; }

div, dl, dt, dd, form, h1, h2, h3, h4, h5, h6, img, ol, ul, li, table, th, td, p, span, a { border: 0; font-family: inherit; }

table { border-spacing: 0; border-collapse: collapse; }

img { border: none; vertical-align: middle; display: inline-block; max-width: 100%; max-height: 100%; }

ul, ol { list-style-type: none; }

button { cursor: pointer; border: none; background-color: transparent; }

a { text-decoration: none; color: inherit; transition: all 0.15s; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; }

a:hover { color: #e62129; }

a:active { opacity: .8; }

hr { display: block; border: none; }

.clear { clear: both; }

.clear:before, .clear:after { content: ''; float: none; clear: both; display: block; width: 100%; }

.clearfix:after { content: ""; display: block; clear: both; }

.fl { float: left; }

.fr { float: right; }

.hide { display: none; }

.container { width: 1200px; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; }

.container:before, .container:after { content: ''; float: none; clear: both; display: block; width: 100%; }

.navbtn { display: none; position: absolute; z-index: 999; width: auto; height: auto; padding: 0 7px; border-radius: 5px; background-color: #e62129; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }

.navbtn span { display: block; width: 35px; height: 4px; margin: 8px 0; border-radius: 5px; background-color: #fff; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }

.navbtn.navclose span:nth-child(1) { -moz-transform: translateY(12px) rotate(45deg); -ms-transform: translateY(12px) rotate(45deg); -webkit-transform: translateY(12px) rotate(45deg); transform: translateY(12px) rotate(45deg); }

.navbtn.navclose span:nth-child(2) { opacity: 0; }

.navbtn.navclose span:nth-child(3) { -moz-transform: translateY(-12px) rotate(-45deg); -ms-transform: translateY(-12px) rotate(-45deg); -webkit-transform: translateY(-12px) rotate(-45deg); transform: translateY(-12px) rotate(-45deg); }

.header { height: 115px; }

.header .logo { float: left; height: 115px; line-height: 115px; font-size: 0; }

.header .logo img { padding: 15px 0; }

.header .navbar { float: right; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; height: 115px; text-align: right; font-size: 0; }

.header .navbar li { position: relative; float: left; }

.header .navbar li.current h3 a { color: #e62129; }

.header .navbar li h3 { position: relative; height: 30px; line-height: 30px; }

.header .navbar li h3 a { display: block; padding-left: 35px; padding-right: 17px; color: #000; font-size: 15px; }

.header .navbar li h3 .iconfont { position: absolute; top: 0; right: -11px; display: block; transform: scale(0.38); -ms-transform: scale(0.38); -webkit-transform: scale(0.38); -moz-transform: scale(0.38); -o-transform: scale(0.38); transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; }

.header .navbar li:hover h3 a { color: #e62129; }

.header .navbar li:hover h3 .iconfont { color: #e62129; transform: scale(0.38) rotate(180deg); -ms-transform: scale(0.38) rotate(180deg); -webkit-transform: scale(0.38) rotate(180deg); -moz-transform: scale(0.38) rotate(180deg); -o-transform: scale(0.38) rotate(180deg); }

.header .navbar li:hover .sub { opacity: 1; z-index: 9; }

.header .navbar li .sub { opacity: 0; position: absolute; z-index: -1; right: 0px; top: 115%; width: 160px; text-align: left; background-color: #fff; box-shadow: 0px 0px 5px 0px #666; border-radius: 5px; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; overflow: hidden; }

.header .navbar li .sub a { display: block; line-height: 45px; padding-left: 20px; font-size: 14px; }

.header .navbar li .sub a:hover { background-color: #f5f5f5; }

.banner { position: relative; height: 590px; overflow: hidden; }

.banner .swiper-slide a { display: block; width: 100%; height: 100%; background-position: center center; background-size: cover; }

.banner .swiper-pagination { bottom: 30px !important; }

.banner .swiper-pagination span { opacity: .8; background-color: #fff; outline: none; }

.banner .swiper-pagination .pagination-active { background-color: #000; }

.pro-slider { position: relative; margin-top: 30px; overflow: hidden; }

.pro-slider .button-prev, .pro-slider .button-next { position: absolute; z-index: 9; top: 50%; margin-top: -22.5px; color: #999; font-size: 45px; cursor: pointer; outline: none; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; }

.pro-slider .button-prev:hover, .pro-slider .button-next:hover { color: #ccc; }

.pro-slider .button-prev:active, .pro-slider .button-next:active { opacity: 0.8; }

.pro-slider .button-prev { left: 35px; }

.pro-slider .button-next { right: 35px; }

.pro-grid-list { margin-top: 30px; padding-top: 60px; padding-bottom: 60px; background-color: #eee; }

.pro-grid-list ul { display: grid; grid-template-columns: repeat(3, 33.33%); grid-template-rows: repeat(2, 260px); grid-auto-flow: column; margin-left: -10px; margin-right: -10px; }

.pro-grid-list ul li { padding: 10px; }

.pro-grid-list ul li:nth-child(3) { grid-row-start: 1; grid-row-end: 4; }

.pro-grid-list ul li a { position: relative; display: block; width: 100%; height: 100%; color: #fff; font-size: 120px; background-position: center center; background-size: cover; }

.pro-grid-list ul li a:before { content: ''; position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; background-color: rgba(230, 33, 41, 0.8); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }

.pro-grid-list ul li a:hover:before { opacity: 1; }

.three-pro { padding-top: 40px; padding-bottom: 40px; }

.three-pro ul { display: flex; flex-wrap: nowrap; flex-direction: row; }

.three-pro ul li { float: left; width: 33.33%; flex-grow: 1; }

.three-pro ul li:nth-child(2) { width: 65%; }

.three-pro ul li a { display: block; width: 100%; height: 340px; background-position: center center; background-size: cover; }

.inside-banner { height: 320px; background-position: center center; background-size: cover; }

.inside-wrapper { margin-top: 25px; }

.side-left { float: left; width: 21.61017%; min-height: 500px; background-color: #eee; }

.side-left .sub-menu-name { line-height: 50px; text-align: center; color: #fff; font-size: 22px; background-color: #e62129; }

.side-left ul li a { display: block; line-height: 50px; text-align: center; color: #3e3e3e; border-bottom: 1px solid #dbdbdb; }

.side-left ul li:hover a, .side-left ul li.current a { color: #e62129; }

.side-right { float: right; width: 76.27119%; padding-bottom: 100px; }

.crumbs { line-height: 25px; padding-bottom: 20px; overflow: hidden; border-bottom: 1px solid #bbb; }

.crumbs .menu-name { float: left; color: #020202; font-size: 18px; font-style: normal; }

.crumbs .mbs { float: right; color: #020202; font-size: 15px; }

.crumbs .mbs span { color: #e62129; }

.list-img-wrapper { margin-top: 30px; }

.list-img-wrapper ul { margin-left: -17.5px; margin-right: -17.5px; overflow: hidden; }

.list-img-wrapper ul li { float: left; width: 33.33%; margin: 17.5px 0; padding-left: 17.5px; padding-right: 17.5px;}

.list-img-wrapper ul li .pic { display: block; height: 250px; line-height: 250px; text-align: center; font-size: 0; border: 1px solid #d2d2d2; }

.list-img-wrapper ul li .title { display: block; line-height: 50px; text-align: center; font-size: 16px; }

.list-img-wrapper ul li:hover .pic { border-color: #e62129; }

.list-img-wrapper ul li:hover .title { color: #e62129; }

.pagination { margin-top: 60px; text-align: center; font-size: 0; }

.pagination span, .pagination a { display: inline-block; line-height: 25px; margin-left: 5px; margin-right: 5px; padding-left: 10px; padding-right: 10px; border: 1px solid #d5d5d5; color: #454545; font-size: 14px; }

.pagination .on, .pagination a:hover { color: #fff; background-color: #e62129; border-color: #e62129; }

.footer { background-color: #212121; }

.footer .item { float: left; height: 215px; padding-left: 30px; padding-right: 30px; padding-top: 60px; border-right: 1px solid #333; }

.footer .item h3 { color: #cfcfcf; font-size: 14px; }

.footer .item:last-child { border: none; }

.footer .foot-nav { width: 15%; }

.footer .foot-nav a { display: block; margin: 10px 0; color: #9e9e9e; }

.footer .foot-nav a:hover { color: #fff; }

.footer .foot-about { width: 42%; }

.footer .foot-about .text { line-height: 25px; margin-top: 10px; color: #9e9e9e; }

.footer .foot-contact { width: 28%; }

.footer .foot-contact ul { margin-top: 10px; }

.footer .foot-contact ul li { position: relative; line-height: 20px; margin: 10px 0; padding-left: 25px; }

.footer .foot-contact ul li .iconfont { position: absolute; top: 0; left: 0; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #565656; }

.footer .foot-contact ul li .dizhi { font-size: 19px; }

.footer .foot-contact ul li .tel { font-size: 18px; }

.footer .foot-contact ul li .youxiang { font-size: 14px; }

.footer .foot-contact ul li .text { display: block; color: #9e9e9e; }

.copyright { line-height: 20px; text-align: center; padding: 10px 0; color: #666; border-top: 1px solid #333; background-color: #212121; }

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

.nr{ width:100%; line-height:30px; padding-top:12px;}

.nr img{ max-width:100%; height:auto;}