/* 重置样式 */
section, body, div, p, span, h1, h2, h3, h4, h5, h6, form, input, a, ul, li, dt, dd, dl, ol, header, nav, footer {margin: 0;padding: 0;box-sizing: border-box;line-height: 1;}
a {text-decoration: none;}
li {list-style: none;}
input {border: none;outline: none;background-color: transparent;}

/* 通用样式 */
.p1920 {width: 1920px;position: relative;left: 50%;margin-left: -960px;}
.w1200 {width: 1200px;margin: 0 auto;}
.fl {float: left;}
.fr {float: right;}
.clearfix::after {content: '';display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.dfc {display: flex;justify-content: space-between;align-items: center;}

/* 头部 */
header {background-color: #f8f8f8;border-bottom: 1px solid #dddddd;}
.header {height: 34px;}
.header div {font-size: 15px;color: #2c2b2b;}
.header div a {font-size: 15px;color: #2c2b2b;}
.header div p {font-size: 15px;color: #2c2b2b;}

.header-box {height: 120px;}
.header-logo {display: flex;align-items: center;}
.header-wire {width: 1px;height: 50px;background-color: #808080;margin: 0 20px;}
.header-logo div:last-child p:first-child {font-size: 18px;color: #df131e;font-weight: bold;margin-bottom: 12px;}
.header-logo div:last-child p:last-child {font-size: 18px;color: #df131e;font-weight: bold;}

.header-tel {display: flex;align-items: center;}
.header-tel div:nth-child(2) {margin-left: 8px;}
.header-tel div:nth-child(2) p {font-size: 15px; color: #000;line-height: 17px;}
.header-tel div:nth-child(3) {width: 1px;height: 34px;background-color: rgba(0, 0, 0, .5);margin-left: 11px;}
.header-tel div:nth-child(4) {margin-left: 10px;}
.header-tel div:nth-child(4) p {line-height: 24px;color: #e60000;font-size: 24px;font-family: Arial, Helvetica, sans-serif;}

.header-nav {background-color: #141414;border-top: 2px solid #df131e;}

/* 导航栏 */
.nav1 {}
.nav-li {position: relative;z-index: 999;}
.nav-a {display: block;padding: 0 36px;height: 50px;line-height: 50px;font-size: 18px;color: #fff;}
.nav-ul {height: 0;overflow: hidden;position: absolute;left: 0;top: 50px;background-color: #141414;z-index: 999;width: 100%;}
.nav-ul li {width: 100%;}
.nav-ul li a {width: 100%;height: 38px;line-height: 38px;text-align: center;display: block;color: #fff;}

.nav-li:hover .nav-a {color: #fff;background-color: #df131e;}
.nav-li:nth-child(8) .nav-ul {display:none;}
.nav-li:nth-child(4) .nav-ul {display:none;}
.nav-li:nth-child(7) .nav-ul {display:none;}
.nav-ul li a:hover {color: #fff;}

/* 产品中心 */
.s1 {padding-top: 50px;padding-bottom: 50px;}

.s1a {text-align: center;}
.s1a h1 {font-size: 30px;color: #333333;font-weight: bold;margin-bottom: 16px;}
.s1a p {font-size: 14px;color: #666666;}

.s1b {margin-top: 30px;}
.s1b1 {width: 250px;}
.s1b1-name {width: 100%;height: 100px;background-color: #d01620;text-align: center;padding-top: 28px;}
.s1b1-name h1 {font-size: 24px;color: #fff;font-family: '[HYk1gj]';font-weight: bold;margin-bottom: 12px;}
.s1b1-name p {font-size: 16px;color: #fff;}

.s1b1-kg {width: 100%;border-left: 1px solid #dddddd;border-right: 1px solid #ddd;height: 10px;}

.s1b1-list {width: 100%;}
.s1b1-list-a {
    width: 100%;display: block;line-height:38px;padding-left: 44px;background-color: #d01620;
    background-image: url(../images/xm.png);
    background-repeat: no-repeat;background-position: 13px center;
    color: #fff;
    font-size: 14px;}
.s1b1-list ul {width: 100%;border-left: 1px solid #dddddd;border-right: 1px solid #ddd;padding: 10px 19px;}
.s1b1-list ul li {width: 100%;}
.s1b1-list ul li a {
    display: block;width: 100%;
    line-height:24px;background-color: #333;
    font-size: 14px;color: #fff;
    padding-left: 36px;
    background-image: url(../images/rjt.png);
    background-repeat: no-repeat;
    background-position: 13px center;}
.s1b1-list ul li+li {margin-top: 10px;}

.s1b1-list-a:hover {color: #fff;}
.s1b1-list ul li a:hover {background-color: #d01620;}

.s1b1-bottom {width: 100%;background-color: #d01620;padding: 15px 0;}
.s1b1-bottom h1 {color: #fff;font-size: 20px;font-family: '[HYk1gj]';font-weight: bold;text-align: center;margin-bottom: 13px;}
.s1b1-tel {display: flex;align-items: center;justify-content: center;}
.s1b1-tel-img {margin-right: 10px;}
.s1b1-tel-title p {font-size: 24px;color: #fff;font-family: Arial;font-weight: bold;line-height: 24px;}

.s1b2 {width: 924px;flex-wrap: wrap;}
.s1b2 li {width: 220px;margin-bottom: 26px;}
.s1b2 li:nth-child(9) {margin-bottom: 10px;}
.s1b2 li:nth-child(10) {margin-bottom: 10px;}
.s1b2 li:nth-child(11) {margin-bottom: 10px;}
.s1b2 li:nth-child(12) {margin-bottom: 10px;}
.s1b2 li a {display: block;width: 100%;}
.s1b2 li a div {width: 100%;line-height: 0;border: 2px solid #dfdfdf;margin-bottom: 10px;}
.s1b2 li a div img {width: 100%;display: inline-block;}
.s1b2 li a h3 {font-size: 14px;color: #333;text-align: center;}

.s1b2 li:hover a div {border-color: #df131e;}

/* 选择 */
.s3 {padding: 50px 0;}

.s3 .hd {width: 410px;}
.s3 .hd ul li {width: 410px;height: 160px;background: -webkit-linear-gradient(70deg, #eae9e9 135px, #f6f6f6 0);background: -o-linear-gradient(70deg, #eae9e9 135px, #f6f6f6 0);background: -moz-linear-gradient(70deg, #eae9e9 135px, #f6f6f6 0);background: linear-gradient(70deg, #eae9e9 135px, #f6f6f6 0);padding-left: 40px;cursor: pointer;padding-right: 20px;}
.s3-left-img {position: relative;}
.s3-left-img img {position: relative;}
.s3-left-img img:last-child {position: absolute;left: 0;top: 0;opacity: 0;}
.s3-left-title h3 {font-size: 20px;color: #333;font-weight: bold;margin-bottom: 15px;}
.s3-left-title p {font-size: 14px;color: #666;line-height: 22px;}


.s3 .hd ul li.on {background: -webkit-linear-gradient(70deg, #b70d16 135px, #df131e 0);background: -o-linear-gradient(70deg, #b70d16 135px, #df131e 0);background: -moz-linear-gradient(70deg, #b70d16 135px, #df131e 0);background: linear-gradient(70deg, #b70d16 135px, #df131e 0);}
.s3 .hd ul li.on .s3-left-img img {opacity: 1;}
.s3 .hd ul li.on .s3-left-title h3 {color: #fff;}
.s3 .hd ul li.on .s3-left-title p {color: #fff;}

.s3 .bd {width: 780px;}
.s3 .bd ul a img {width: 780px;}

/* 简介 */
.s4 {
    height: 580px;
    background-image: url(../images/bg.png);
    background-repeat: no-repeat;}
.s4-box {height: 100%;padding-top: 50px;}
.s4a {text-align: center;}
.s4a h1 {font-size: 30px;color: #333;font-weight: bold;margin-bottom: 22px;}
.s4a p {font-size: 14px;color: #666;}
.s4a p span {font-size: 18px;color: #df131e;font-weight: bold;}

.s4b {
    position: relative;
}
.s4b .bd {
    position: relative;
    width: 100%;
    min-height: 360px;
    background-color: #fff;
    padding-left: 240px;
    margin-top: 20px;
}
.s4b .bd ul {padding-top: 40px;padding-right: 45px;}
.s4b .bd ul p {font-size: 14px;color: #666;line-height: 28px;}

.s4b .hd {
    width: 170px;
    min-height: 100%;
    background-color: #df131e;
    position: absolute;
    top: 0;
}
.s4b-name {width: 100%;padding-top: 82px;padding-left: 20px;}
.s4b-name h1 {font-size: 24px;font-family: '[HYk1gj]';color: #fff;font-weight: bold;margin-bottom: 12px;}
.s4b-name div {width: 47px;height: 2px;background-color: #fff;}
.s4b .hd ul {width: 170px;position: absolute;right: 0;top: 152px;}
.s4b .hd ul li {width: 100%;line-height: 86px;padding-left: 26px;background-repeat: no-repeat;background-image: url(http://xinghuajs.com/template/default/assets/images/s4b-jt.png);background-position: 139px center;font-size: 16px;color: #fff;cursor: pointer;}

.s4b .hd ul li.on {background-color: #333;}

/* 新闻 */
.s5 {padding: 50px 0;}
.s5a {width: 785px;border: 1px solid #cecccc;}
.s5a-top {width: 100%;}
.s5a-top div {width: 50%;height: 58px;background-color: #df131e;padding: 0 15px;}
.s5a-top div:last-child {background-color: #333;}
.s5a-top div p {color: #fff;line-height: 24px;font-size: 18px;padding-left: 26px;background-image: url(../images/s5a-bg.png);background-repeat: no-repeat;background-position: left center;}
.s5a-top div a {font-size: 16px;text-transform: uppercase;color: #fff;}

.s5a-con {width: 100%;padding: 27px 15px;align-items: flex-start;}
.s5a-con-box {width: calc((50% - 17px));}

.s5a-con-wire {width: 1px;margin-top: 10px;height: 410px;background-color: #dddddd;margin-top: 10px;}

.s5a-con-box-tj li+li {margin-top: 15px;}
.s5a-con-box-tj-title {width: 220px;}
.s5a-con-box-tj-title h1 {font-size: 14px;color: #333;margin-bottom: 15px;}
.s5a-con-box-tj-title p {font-size: 12px;color: #666;line-height: 18px;}
.s5a-con-box-tj-title p span {color: #d01620;}

.s5a-con-box-wire {width: 100%;height: 1px;background-color: #dddddd;margin: 26px 0;}

.s5a-con-box-list li a {width: 100%;display: block;line-height: 36px;padding-left: 16px;font-size: 14px;color: #333;background-image: url(../images/s5a-con-box-list-bg.png);background-repeat: no-repeat;background-position: left center;}

.s5b {width: 400px;border: 1px solid #cecccc;}
.s5b-name {width: 100%;height: 58px;background-color: #df131e;padding: 0 15px;}
.s5b-name p {color: #fff;line-height: 24px;font-size: 18px;padding-left: 30px;background-image: url(http://xinghuajs.com/template/default/assets/images/s5b-bg.png);background-repeat: no-repeat;background-position: left center;}
.s5b-name a {font-size: 16px;text-transform: uppercase;color: #fff;}

.s5b-list .bd {width: 100%;padding: 23px 13px;}
.s5b-list-ul li a {display: block;width: 100%;padding: 20px 0;border-bottom: 1px solid #e2e2e2;}
.s5b-list-ul li a h1 {font-size: 14px;color: #df131e;line-height: 18px;padding-left: 24px;margin-bottom: 12px;position: relative;}
.s5b-list-ul li a p {font-size: 14px;color: #666;line-height: 18px;padding-left: 24px;position: relative;}

.s5b-list-ul li a h1::before {content: '问';display: block;width: 18px;height: 18px;background-color: #df131e;font-size: 13px;color: #fff;position: absolute;left: 0;top: 0;text-align: center;line-height: 18px;}
.s5b-list-ul li a p::before {content: '答';display: block;width: 18px;height: 18px;background-color: #2a2a2a;font-size: 13px;color: #fff;position: absolute;left: 0;top: 0;text-align: center;line-height: 18px;}


/*  */
.p1920 {width: 1920px;position: relative;left: 50%;margin-left: -960px;}
.w1200 {width: 1200px;margin: 0 auto;}
.s9 {padding: 20px 0;}
.s9-box {font-size: 12px;color: #000;line-height: 2;}
.s9-box a {font-size: 12px;color: #000;line-height: 2;margin: 0 5px;}

/* 底部 */
footer {background-color: #333;}
.footer-layout {padding-top: 34px;padding-bottom: 26px;}
.footer-layout div a {font-size: 14px;color: #fff;margin-right: 10px;}
.footer-layout div a:first-child {font-size: 16px;margin-right: 0;}
.footer-layout div+div {margin-top: 13px;}

.footer-yqlj {padding-top: 24px;padding-bottom: 35px;}
.footer-yqlj h1 {line-height: 47px;padding-left: 66px;color: #fff;font-size: 20px;background-image: url(../images/footer-yqlj.png);background-repeat: no-repeat;background-position: left center;}
.footer-yqlj div {margin-top: 29px;line-height: 29px;color: #fff;font-size: 14px;}
.footer-yqlj div a {color: #fff;font-size: 14px;line-height: 29px;}
.footer-yqlj div p {color: #fff;font-size: 14px;line-height: 29px;}

.footer-code {height: 108px;align-items: flex-end;display: flex;}
.footer-code+.footer-code {margin-top: 25px;}
.footer-code div:first-child {width: 108px;height: 108px;margin-right: 20px;}
.footer-code div:first-child img {width: 100%;height: 100%;}
.footer-code div+div p {font-size: 14px;color: #fff;line-height: 25px;}

/* 页脚 */
.footer-bottom {background-color: #222222;padding-top: 10px;padding-bottom: 15px;}
.footer-bottom div {margin: 0 auto;display: flex;align-items: center;justify-content: center;}
.footer-bottom div p {color: #fff;font-size: 14px;}
.footer-bottom div p a {color: #fff;}
.footer-bottom div p+p{margin-left: 10px;}
.footer-bottom div+div {margin-top: 10px;}