@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: sans-serif, "Microsoft YaHei", "微软雅黑", Arial; }

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

input, textarea { outline: none; }

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

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

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

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

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

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

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

a:hover { opacity: .95; color: #e75f1c; }

a:active { opacity: .8; }

.fl { float: left; }

.fr { float: right; }

hr { display: block; border: none; }

.hide { display: none; }

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

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

.header .logo { float: left; }

.header .logo a { display: block; line-height: 110px; font-size: 0; }

.header .logo a:hover, .header .logo a:active { opacity: 1; }

.header .navbar { float: right; width: 950px; padding-left: 30px; padding-right: 30px; background-image: url("../images/navbar_bg.png"); background-position: right center; background-size: 100% 100%; }

.header .navbar ul li { position: relative; float: left; width: 16.66667%; }

.header .navbar ul li > a { display: block; display: flex; display: -webkit-flex; flex-flow: column nowrap; justify-content: center; align-items: center; height: 110px; color: #fff; font-size: 18px; font-weight: bold; }

.header .navbar ul li > a em { display: block; padding-top: 7px; font-size: 14px; font-style: normal; text-transform: uppercase; }

.header .navbar ul li .nav-child { opacity: 0; position: absolute; z-index: -9; top: 100%; left: -33px; width: 160px; background-color: #e75f1c; border-radius: 5px; overflow: hidden; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; }

.header .navbar ul li .nav-child a { display: block; line-height: 35px; padding-left: 15px; color: #fff; font-size: 15px; }

.header .navbar ul li .nav-child a:hover { background-color: #D50000; }

.header .navbar ul li:hover .nav-child { opacity: 1; z-index: 99; }

.header .head-sub { line-height: 45px; overflow: hidden; border-top: 1px dotted #5b5b5b; border-bottom: 1px dotted #5b5b5b; }

.header .head-sub .com-name { float: left; letter-spacing: 2px; color: #4b4b4b; font-size: 20px; font-weight: bold; }

.header .head-sub .tel { float: right; font-size: 14px; }

.header .head-sub .tel b { color: #e75f1c; font-size: 18px; }

.banner { position: relative; overflow: hidden; }

.banner .button-prev, .banner .button-next { position: absolute; z-index: 9; top: 50%; margin-top: -22.5px; cursor: pointer; }

.banner .button-prev { left: 150px; }

.banner .button-next { right: 150px; }

.index-wrapper .sec-tit { text-align: center; padding-top: 60px; font-size: 0; }

.index-wrapper .sec-tit h3 { position: relative; display: inline-block; line-height: 1; padding-left: 35px; padding-right: 35px; padding-bottom: 15px; color: #e75f1c; font-size: 36px; border-bottom: 1px solid #e4e4e4; }

.index-wrapper .sec-tit h3:after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; margin: auto; width: 45px; height: 2px; background-color: #e75f1c; }

.index-wrapper .sec-tit h4 { line-height: 1; margin-top: 15px; color: #c8c8c8; font-size: 20px; text-transform: uppercase; }

.index-wrapper .sec-tit p { display: none; line-height: 1; margin-top: 25px; color: #4c4c4c; font-size: 16px; }

.index-wrapper .section-box1 { padding-bottom: 100px; }

.index-wrapper .section-box1 .list { margin-top: 70px; }

.index-wrapper .section-box1 .list .item { float: left; width: 33.33%; text-align: center; }

.index-wrapper .section-box1 .list .item .icon { position: relative; width: 160px; height: 160px; margin-left: auto; margin-right: auto; padding-top: 55px; padding-bottom: 55px; background-color: #f8f8f8; border-radius: 45px; }

.index-wrapper .section-box1 .list .item .icon span { display: block; width: 50px; height: 50px; margin-left: auto; margin-right: auto; background-position: center bottom; background-size: auto 200%; }

.index-wrapper .section-box1 .list .item .icon:before { content: ''; position: absolute; left: 0; right: 0; top: 2px; margin: auto; width: 148px; height: 148px; border: 4px solid #fff; border-radius: 45px; }

.index-wrapper .section-box1 .list .item .title { line-height: 1; margin-top: 20px; color: #313131; font-size: 20px; font-weight: normal; }

.index-wrapper .section-box1 .list .item:hover .icon { background-color: #e75f1c; }

.index-wrapper .section-box1 .list .item:hover .icon span { background-position: center top; }

.index-wrapper .section-box2 { padding-left: 50px; padding-right: 50px; padding-bottom: 100px; }

.index-wrapper .section-box2 .content { line-height: 30px; margin-top: 45px; margin-left: auto; margin-right: auto; color: #333; font-size: 15px; }

.index-wrapper .section-box3 .list { display: flex; display: -webkit-flex; flex-direction: row; flex-wrap: wrap; padding-left: 35px; padding-right: 35px; padding-top: 10px; overflow: hidden; }

.index-wrapper .section-box3 .list .item { float: left; width: 16.66667%; padding-left: 15px; padding-right: 15px; margin-top: 30px; }

.index-wrapper .section-box3 .list .item a { display: block; padding: 5px; border: 1px solid #c2c2c2; }

.index-wrapper .section-box3 .list .item a:hover { border-color: #e75f1c; }

.index-wrapper .section-box3 .list .item a:hover .pic img { transform: scale(1.15); -ms-transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15); }

.index-wrapper .section-box3 .list .item a:hover .h-info { opacity: 1; bottom: 0; }

.index-wrapper .section-box3 .list .item .pic { position: relative; max-height: 290px; overflow: hidden; }

.index-wrapper .section-box3 .list .item .pic img { display: block; width: 100%; transition: all 0.8s; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; }

.index-wrapper .section-box3 .list .item .h-info { opacity: 0; position: absolute; left: 0; right: 0; bottom: -102px; width: 100%; line-height: 24px; padding: 15px 10px; color: #fff; font-size: 15px; background-color: rgba(231, 95, 28, 0.8); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }

.index-wrapper .section-box3 .list .item .title { height: 40px; line-height: 45px; overflow: hidden; color: #3c3c3c; font-size: 14px; }

.index-wrapper .section-box3 .more { display: block; width: 145px; height: 45px; line-height: 41px; text-align: center; margin-left: auto; margin-right: auto; margin-top: 45px; margin-bottom: 45px; border: 2px solid #e75f1c; border-radius: 30px; color: #3c3c3c; font-size: 18px; }

.index-wrapper .section-box3 .more:hover { color: #fff; background-color: #e75f1c; }

.index-wrapper .section-box4 { padding-top: 75px; padding-bottom: 60px; background-color: #f6f6f6; }

.index-wrapper .section-box4 .tab-title { text-align: center; font-size: 0; }

.index-wrapper .section-box4 .tab-title h3 { display: inline-block; padding-left: 15px; padding-right: 15px; color: #c8c8c8; font-size: 36px; font-weight: bold; cursor: pointer; }

.index-wrapper .section-box4 .tab-title h3.current, .index-wrapper .section-box4 .tab-title h3:hover { color: #e75f1c; }

.index-wrapper .section-box4 .sec-tit { padding-top: 0; }

.index-wrapper .section-box4 .sec-tit h3 { width: 160px; }

.index-wrapper .section-box4 .tab-content { margin-top: 35px; overflow: hidden; }

.index-wrapper .section-box4 .news-important { float: left; width: 340px; padding-right: 40px; border-right: 1px solid #c6c6c6; }

.index-wrapper .section-box4 .news-important .pic img { display: block; width: 100%; }

.index-wrapper .section-box4 .news-important .title { display: inline-block; width: 100%; line-height: 1.2; margin-top: 15px; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.index-wrapper .section-box4 .news-important .sub { line-height: 1; margin-top: 10px; color: #676767; font-size: 14px; }

.index-wrapper .section-box4 .news-important .sub span { display: inline-block; margin-right: 40px; }

.index-wrapper .section-box4 .news-important .text { line-height: 24px; margin-top: 20px; color: #4b4b4b; font-size: 14px; }

.index-wrapper .section-box4 .news-important .more-detail { display: inline-block; margin-top: 35px; color: #e75f1c; font-size: 16px; }

.index-wrapper .section-box4 .more { float: none; clear: both; display: block; width: 145px; height: 45px; line-height: 41px; text-align: center; margin-left: auto; margin-right: auto; margin-top: 30px; border: 2px solid #e75f1c; border-radius: 30px; color: #3c3c3c; font-size: 18px; }

.index-wrapper .section-box4 .more:hover { color: #fff; background-color: #e75f1c; }

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

.inside-wrapper .side-left { float: left; width: 235px; padding-bottom: 150px; }

.inside-wrapper .side-left h3 { line-height: 74px; text-align: center; background-color: #e75f1c; background-image: url("../images/side_left_title_bg.png"); background-position: center center; background-size: cover; color: #fff; font-size: 18px; font-weight: normal; }

.inside-wrapper .side-left ul { padding-top: 10px; padding-left: 15px; padding-right: 15px; padding-bottom: 45px; border: 1px solid #d5d5d5; border-top: none; }

.inside-wrapper .side-left ul li { text-align: center; border-bottom: 1px solid #d5d5d5; }

.inside-wrapper .side-left ul li a { display: block; line-height: 50px; color: #585858; font-size: 14px; }

.inside-wrapper .side-left ul li:hover, .inside-wrapper .side-left ul li.current { background-color: #e75f1c; border-bottom-color: #e75f1c; }

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

.inside-wrapper .side-right { float: right; width: 915px; }

.inside-wrapper .module-news-list { width: 100%; padding-left: 0; }

.list-img-wrapper { display: flex; display: -webkit-flex; flex-direction: row; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; overflow: hidden; }

.list-img-wrapper .item { float: left; width: 25%; padding-left: 15px; padding-right: 15px; margin-bottom: 30px; }

.list-img-wrapper .item a { display: block; padding: 5px; border: 1px solid #c2c2c2; }

.list-img-wrapper .item a:hover { border-color: #e75f1c; }

.list-img-wrapper .item a:hover .pic img { transform: scale(1.15); -ms-transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15); }

.list-img-wrapper .item a:hover .h-info { opacity: 1; bottom: 0; }

.list-img-wrapper .item .pic { position: relative; max-height: 290px; overflow: hidden; }

.list-img-wrapper .item .pic img { display: block; width: 100%; transition: all 0.8s; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; }

.list-img-wrapper .item .h-info { opacity: 0; position: absolute; left: 0; right: 0; bottom: -102px; width: 100%; line-height: 24px; padding: 15px 10px; color: #fff; font-size: 15px; background-color: rgba(231, 95, 28, 0.8); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; }

.list-img-wrapper .item .title { height: 40px; line-height: 45px; overflow: hidden; color: #3c3c3c; font-size: 14px; }

.pagination { text-align: center; padding-bottom: 90px; margin-top: 40px; font-size: 0; }

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

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

.footer { padding-top: 80px; padding-bottom: 70px; background-color: #1b1b1b; }

.footer .fl { width: 555px; }

.footer .f-logo { color: #fff; font-size: 34px; font-weight: bold; }

.footer .f-logo img { display: none; }

.footer .f-nav { line-height: 80px; margin-top: 30px; border-top: 1px solid #3d3d3d; border-bottom: 1px solid #3d3d3d; overflow: hidden; }

.footer .f-nav a { float: left; display: block; margin-right: 30px; color: #868686; font-size: 16px; font-weight: bold; }

.footer .f-nav a:hover { color: #e75f1c; }

.footer .copyright { margin-top: 45px; color: #868686; font-size: 16px; font-weight: bold; }

.footer .qrcode { float: left; width: 120px; margin-top: 45px; margin-left: 110px; text-align: center; color: #868686; font-size: 16px; }

.footer .qrcode img { display: block; width: 100%; margin-bottom: 15px; }

.footer .contact { float: right; max-width: 400px; line-height: 30px; margin-top: 50px; color: #868686; font-size: 16px; }

.suspend { position: fixed; top: 315px; right: -220px; z-index: 99; width: 220px; padding-left: 15px; padding-right: 15px; padding-bottom: 30px; background-color: #ec0000; border-radius: 2px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }

.suspend .arrow { position: absolute; left: -50px; top: 0; width: 50px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 50px; font-family: '宋体'; background-color: #ec0000; cursor: pointer; }

.suspend .content img { display: block; width: 155px; margin-top: 35px; margin-left: auto; margin-right: auto; }

.suspend .content p { line-height: 30px; padding-top: 5px; margin-top: 25px; color: #fff; font-size: 14px; border-top: 1px solid #fff; }

.suspend .content a { display: block; width: 90px; line-height: 30px; text-align: center; margin-top: 20px; color: #000; font-size: 14px; border-radius: 30px; }

.suspend .content a.xz { float: left; background-color: #fecb2e; }

.suspend .content a.sh { float: right; background-color: #fff; }

.module-news-list { float: left; width: 860px; padding-left: 40px; }

.module-news-list .item { margin-bottom: 40px; overflow: hidden; }

.module-news-list .item .pic { float: left; width: 150px; }

.module-news-list .item .pic img { display: block; width: 100%; }

.module-news-list .item .info { float: left; width: 670px; padding-left: 25px; }

.module-news-list .item .info .title { line-height: 1.2; font-size: 18px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.module-news-list .item .info .title a { color: #222; }

.module-news-list .item .info .title a:hover { color: #e75f1c; }

.module-news-list .item .info .title:hover { color: #e75f1c; }

.module-news-list .item .info .sub { line-height: 1; margin-top: 10px; color: #676767; font-size: 14px; }

.module-news-list .item .info .sub span { display: inline-block; margin-right: 40px; }

.module-news-list .item .info .text { height: 48px; line-height: 24px; margin-top: 25px; color: #4b4b4b; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

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