html{overflow-x: hidden;}
body{margin:0;padding:0;}
ul{padding:0;margin:0;}
li{list-style: none;}
i{font-style: normal;}
a,a:hover{color:#333;text-decoration: none;display: block;}
*{font-family:"微软雅黑";box-sizing: border-box;color:#333;}
.w{width: 98%;max-width: 1200px;margin: 0 auto;}
.menu{width: 35px;display: none;}

/* header */
.header{display: flex;justify-content: center;flex-wrap: wrap;}
.header .logo{position: absolute;top: 102%;left: 50%;transform: translate(-55%,10%);transition: all 1s;}
.header .logo1{display: none;}
.header-top{width: 100%;height: 70px;}
.header-top img{width: 100%;z-index: 999;position: relative;}
.header-bottom{height: 890px;width: 100%;background: url(../image/header-bg.jpg);background-size: cover;animation: banner 20s infinite;animation-delay:2s;animation-direction:alternate;margin-top: -21px;}
@keyframes banner{0%{background-image: url(../image/header-bg.jpg);background-size: cover;background-repeat: no-repeat;margin-top: -21px;}
33%{background-image: url(../image/header-bg1.jpg);background-size: cover;background-repeat: no-repeat;margin-top: -21px;}
66%{background-image: url(../image/header-bg2.jpg);background-size: cover;background-repeat: no-repeat;margin-top: -21px;}
100%{background-image: url(../image/header-bg.jpg);background-size: cover;background-repeat: no-repeat;margin-top: -21px;}}
.hb-top{display: flex;justify-content: space-between;align-items: center;height: 157px;position: relative;}
.hb-top *{color: #fff;}
.header .line1{font-size: 32px;font-weight: bold;}
.header .line2{display: flex;width: 30%;}
.header .line2 img{width: 85px;height: 85px;margin: 0 18px;}
.header .line3{position: relative;}
.header .line3 p{margin: 0;font-size: 14px;}
.header .line2 p{font-size: 14px;margin: 10px 0;color: #fedf34;}
.header .line3 p:nth-of-type(2){font-size: 26px;color: #fedf34;margin: 0;font-weight: bold;}
.header .line3::before{content: "";display: inline-block;width: 50px;height: 50px;background: url(../image/phone.png);position: absolute;left: -67px;}
.hb-bottom{width: 1200px;transition: all .6s cubic-bezier(.46, 1, .23, 1.52);display: flex;justify-content: space-around;align-items: center;height: 80px;line-height: 80px;background-color: #fcd72d;}
.hb-bottom a{margin-left: -27px;}
.hb-bottom a div{font-weight: bold;color: #bc001d;width: 116px;height: 46px;line-height: 46px;text-align: center;}
.hb-bottom a:nth-of-type(4){visibility: hidden;display: inline-block;width: 20%;}
.hb-bottom a:hover div{background: url(../image/hb-bottom-k.png)no-repeat;}
.hbh300{background-color: #fff;position: fixed;top: 0;left: 0;width: 100%;z-index: 10;justify-content: center;}
.lg300{position: fixed!important;top: 0!important;z-index: 11;}
.hbha{margin: 0 22px;margin-left: 0!important;}
/* header */

/* about */
.about{background: url(../image/about-bg.png)no-repeat;background-size: 100% 100%;height: 685px;}
.about .w{display: flex;}
.ableft{width: 50%;display: flex;justify-content: space-around;flex-direction: column;height: 685px;}
.abtitle{font-size: 30px;font-weight: bold;background: url(../image/about4.png)no-repeat;text-align: center;width: 185px;height: 80px;line-height: 80px;}
.abtxt{width: 85%;font-size: 16px;color: #222222;text-indent: 32px;line-height: 44px;letter-spacing: 0.19px;}
.abjj{width: 85%;display: flex;}
.abjjtitle{position: relative;background: url(../image/about3.png)no-repeat;width: 137px;height: 278px;font-size: 30px;font-weight: bold;}
.abjjtitle div{width: 30px;position: absolute;top: 85px;left: 35px;line-height: 32px;}
.jjtitle{font-size: 18px;font-weight: bold;color: #c5404d;}
.jj{flex: 1;margin-top: 50px;width: 85%;}
.jj ul li{display: flex;justify-content: flex-start;margin: 20px 0;}
.jj ul li span:nth-of-type(1){width: 60%;}
.abright{align-self: center;}
.abrimgbox{margin-left: -30px;width: 616px;height: 433px;background: url(../image/about1.png)no-repeat;background-size: 100% 100%;/* box-shadow: 0 0 50px 30px #fff inset */;}
/* about */

/* 由来 */
.content1{background: url(../image/content1-bg.png);background-size: 100% 100%;height: 629px;}
.content1 .w{display: flex;justify-content: space-between;align-items: center;}
.content1 .imgbox{display: flex;flex-direction: row-reverse;justify-content: flex-end;align-items: center;width: 385px;}
.content1 .imgbox .imgb{position: relative;left: 75%;}
.content1 .imgs{width: 50%;height: 629px;position: relative;}
.content1 .imgs img{width: 110px;height: 110px;border-radius: 50%;position: absolute;border: 1px solid #c93529;}
.content1 .imgs img:nth-of-type(1){top: 50%;transform: translate(0,-50%);}
.content1 .imgs img:nth-of-type(2){top: 25%;left: 60px;transform: translate(0,-25%);}
.content1 .imgs img:nth-of-type(3){top: 75%;left: 60px;transform: translate(0,-75%);}
.content1 .imgs img:nth-of-type(4){top: 5%;left: 180px;transform: translate()}
.content1 .imgs img:nth-of-type(5){bottom: 5%;left: 180px;}
.content1 .txtbox{margin-left: 15%;}
.content1 .titlebox{display: flex;flex-direction: row-reverse;justify-content: center;align-items: center;width: 152px;height: 454px;border: 1px solid #bc001d;border-right: 0;margin-right: 16px;}
.content1 .titleboxs{display: none;}
.content1 .c1title{position: relative;left: 20px;}
.content1 .c1title::before{content: "";display: block;;height: 52px;width: 1px;background-color: #bc001d;position: absolute;left: 28px;top: -59px;}
.content1 .c1title::after{content: "";display: block;;height: 52px;width: 1px;background-color: #bc001d;position: absolute;left: 30px;top: 341px;}
.content1 .c1ftitle{display: flex;justify-content: space-between;flex-direction: column;height: 90%;flex: 1;margin-left: 30px;position: relative;}
/* .content1 .c1ftitle .c1logo{position: relative;} */
.content1 .c1ftitle .c1logo::before{content: "";display: block;width: 43px;height: 26px;background: url(../image/c1-xian.png);position: absolute;top: 29%;left: 6%;}
.c1ftitle .des{display: flex;}
.c1ftitle .des{margin-top: 25px;}
.c1ftitle .des div:nth-of-type(2){width: 20px;font-size: 20px;color: #bc001d;font-weight: bold;line-height: 20px;word-wrap: break-word;}
.c1ftitle .des div:nth-of-type(1){width: 14px;font-size: 14px;color: #111111;word-wrap: break-word;line-height: 14px;margin-right: 10px;margin-left: 3px;}
.c1txt{height: 475px;font-size: 15px;}
.c1txtall{display: none;}
.c1txtall1{display: none;}
.c1txt ul{display: flex;flex-direction: row-reverse;}
.c1txt ul li{opacity: 0;width: 15px;letter-spacing: 20px;word-wrap: break-word;line-height: 15px;border-left: 1px solid #987f31;padding: 0 24.2px;}
.c1txt ul li div:nth-of-type(2){margin-top: 0;}
/* 由来 */

/* 爆品 */
.content2{background: url(../image/c2-bg.png);background-size: 100% 100%;height: 1060px;}
.c2topleft{width: 50%;}
.c2topleft p:nth-of-type(1){font-size: 40px;font-weight: bold;color: #fcd932;margin: 0;padding-top: 64px;}
.c2topleft p:nth-of-type(2){border-top: 1px solid #de8b9a;border-bottom: 1px solid #de8b9a;padding: 10px;}
.c2topleft p:nth-of-type(2) span{font-size: 24px;color: #f7ebec;margin:0 20px;}
.c2topleft p:nth-of-type(3){display: flex;justify-content: space-between;flex-wrap: nowrap;overflow: hidden;}
.c2topleft p:nth-of-type(3) span{font-size: 29px;color: #fff;min-height: 30px;white-space: nowrap;}

.c2bottom{width: 1280px;height: 670px;background-image: linear-gradient(rgba(255,255,255,1) 30%,rgba(255,255,255,0));margin-top: 50px;margin-left: -40px;box-shadow: 0 0 10px 2px rgba(255,255,255,.5);}
.c2nav{display: flex;justify-content: space-between;align-items: center;height: 170px;}
.c2nav a{display: inline-block;border: 1px solid #ececec;border-radius: 24px;background-color: #fff;font-size: 22px;width: 175px;height: 50px;text-align: center;line-height: 50px;margin-right: 30px;}
/* 第一个默认被选中 */
.c2nav a:active,.c2nav a:hover,.c2nav a.active{background-color: #fdd82d;}
.c2nav a:active div,.c2nav a:hover div,.c2nav a.active div{color: #bc001d;}
.c2content:nth-child(2){display: flex;}
.c2content{display: none;justify-content: space-between;animation: slideOut 0.5s ease-in-out 0.3s backwards;}
@keyframes slideOut{0%{margin-top:-10%; opacity: 0;}20%{margin-top:-5%; opacity: 1;}40%{margin-top:5%; opacity: 1;}60%{margin-top:-2%; opacity: 1;}80%{margin-top:2%; opacity: 1;}100%{margin-top:0; opacity: 1;}}
.c2cimg{width: 102%;height: 445px;position: relative;}
.c2cimg img{width: 100%;height: 100%;}
.c2cimg::before{content: "";width: 614px;height: 428px;position: absolute;border: 1px solid rgba(255,255,255,0.5);left: 8px;top: 8px;}
.c2ctxt{width: 80%;margin-left: 5.8%;}
.c2ctxt p:nth-of-type(1){font-size: 32px;color: #bc001d;margin: 0; padding-top:10px;}
.c2ctxt p:nth-of-type(2){font-size: 16px;color: #444444;text-indent: 32px;letter-spacing: 1px;line-height: 32px;border-top: 1px dashed #e6e6e6;padding-top: 30px;}
.c2ctxt p:nth-of-type(3){font-size: 30px;color: #bc001d;margin-top: 50px;}
.c2ctxt p:nth-of-type(4) a{font-size: 14px;color: #ffffff;display: inline-block;padding: 12.5px 53px;background-color: #bc001d;border-radius: 24px;}
.c2ctxt p:nth-of-type(4) a:nth-of-type(2){font-size: 14px;color: #ffffff;display: inline-block;padding: 12.5px 53px;background-color: #fcd42a;border-radius: 24px;margin-left: 20px;}
.c2ctxt p:nth-of-type(4) a:hover{box-shadow: 0 0 2px 2px red;}
/* 爆品 */

/* 统一技术 */
.content3{background: url(../image/c3-bg.png);background-size: 100% 100%;height: 757px;}
.content3 .w{text-align: center;}
.content3 .title{font-size: 44px;font-weight: bold;color: #bc001d;text-align: center;padding: 90px 0 20px;}
.content3 .ftitle{font-size: 18px;color: #333333;text-align: center;border: 1px solid #bc001d;display: inline;padding: 5px;}
.con{display: flex;justify-content: space-between;margin-top: 100px;}
.conbox{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 230px;height: 400px;position: relative;transition: all linear 0.2s;background: #bc001d url(../image/conbox-bg.png);background-blend-mode: Multiply;}
.conbox .line5{height: 11px;overflow: hidden;width: 100%;background: url(../image/c3-2-1.png)no-repeat;background-position-y: -12px;background-position-x: 50%;}
.conbox::before{content: "";width: 215px;height: 385px;border: 1px solid rgba(255,255,255,0.5);position: absolute;opacity: .5;transition: opacity linear 1s}
.conbox:active,.conbox:hover,.conbox.active{background-color: #fdda2f;}
.conbox:active::before,.conbox:hover::before,.conbox.active::before{opacity: 1;}
.content3 .line1{width: 50px;height: 40px;background: url(../image/c3-3.png)no-repeat;margin-top: 20px;}
.content3 .con .conbox{box-shadow: 0px 0px 8px rgb(0 0 0 / 10%);}
.content3 .con{display: none;}
[data-swiper-slide-index="1"] .line1{background-position-y: -80px;}
[data-swiper-slide-index="2"] .line1{background-position-y: -160px;}
[data-swiper-slide-index="3"] .line1{background-position-y: -240px;}
[data-swiper-slide-index="4"] .line1{background-position-y: -320px;}
[data-swiper-slide-index="5"] .line1{background-position-y: -400px;}
[data-swiper-slide-index="6"] .line1{background-position-y: -480px;}
[data-swiper-slide-index="7"] .line1{background-position-y: -560px;}
.content3 .line2{font-size: 24px;color: #fff;margin-top: 30px;}
.content3 .line3{color: #fff;margin-bottom: 30px;}
.content3 .line4{font-size: 14px;color: #fff;margin-top: 15px;width: 178px;line-height: 25px;height: 125px;}

.swiper {width: 100%;height: 100%;overflow: hidden;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;
-ms-flex-align: center;-webkit-align-items: center;align-items: center;margin-top: 50px;}
.swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
/* 统一技术 */
/* 图片 */
.content4{display: flex;background-color: #b31426;height: 340px;position: relative;overflow: hidden;z-index: 10;}
.content4 img:nth-of-type(1){position: absolute;bottom: -10px;left: -40px;}
.content4 img:nth-of-type(2){position: absolute;bottom: -10px;left: 47%;}
.content4 img:nth-of-type(3){position: absolute;right: 0;z-index: -1;}
.content4 .con{display: flex;flex-direction: column;position: absolute;right: 0;left: 16.5%;width: 30%;margin-top: 78px;}
.content4 span{display: flex;justify-content: space-between;flex-wrap: nowrap;}
.content4 .con span:nth-of-type(2){border-top: 1px solid #c54758;}
.content4 .con span:nth-of-type(1) div{letter-spacing: 6px;font-size: 40px;font-weight: bold;color: #e9b830;margin-bottom: 16px;}
.content4 .con span:nth-of-type(2) div{letter-spacing: 4.9px;font-size: 28px;font-weight: bold;color: #fff;padding-top: 16px;}
.content4 .con a{display: inline-block;width: 157px;height: 40px;background-color: #fdda2f;border-radius: 30px;color: #fff;text-align: center;line-height: 40px;align-self: end;margin-top: 57px;transition: .8s all;}
/* 图片 */

/* 新闻 */
.content5{background: url(../image/c5-bg.png);background-size: 100% 100%;padding-bottom: 30px;}
.content5 .con{display: flex;flex-direction: column;align-items: center;margin: 0;}
.content5 .title{text-align: center;}
.content5 .title p:nth-of-type(1){font-size: 30px;font-weight: bold;color: #bc001d;margin: 0;padding-top: 30px;}
.content5 .title p:nth-of-type(2){font-size: 14px;color: #9a8789;}
.content5 .txtleft span:nth-of-type(1){font-size: 20px;color: #666666;}
.content5 .txtleft span:nth-of-type(2){font-size: 16px;color: #222222;}
.xqbox .txtleft li:nth-of-type(1), .content5 .txtleft li{border-bottom: 1px solid #eaeaea !important;background-color: revert !important;height: 68px;line-height: 68px;}
.content5 .txtleft li:nth-of-type(1),
.content5 .txtright li:nth-of-type(1){border: none;display: flex;justify-content: space-between;align-items: center;height: 80px;background-color: #fff;line-height: 40px;}
.content5 .tltitle{height: 80px;width: 160px;background-color: #bc001d;position: relative;}
.content5 .tltitle .tltitle-1{font-size: 20px!important;display: inline-block;width: 160px;height: 20px;margin-left: 20px;color: #fff!important;margin-top: 10px;}
.content5 .tltitle .tltitle-2{font-size: 12px;color: #fff!important;position: absolute;top: 30px;left: 20px;}
.content5 .more{display: inline-block;width: 87px;height: 42px;background-color: #fcd62c;text-align: center;align-self: flex-start;transition: .8s all;}
.content5 .more:hover,
.content4 .con a:hover{text-indent: 20px;}
.content5 .txt{width: 100%;display: flex;justify-content: space-between;}
.content5 .txt .txtleft,
.content5 .txt .txtright{width: 49%;}
.content5 .txtright li{border-bottom: 1px dashed #eaeaea;height: 92.5px;}
.content5 .txtright li a p:nth-of-type(1){color: #333333;}
.content5 .txtright li:nth-of-type(2) a p:nth-of-type(1){margin-top: 30px;}
.content5 .txtright li a p:nth-of-type(2){font-size: 14px;color: #666666;}
.content5 .txtleft li span:nth-of-type(1){}
.content5 .txtleft li span:nth-of-type(2){}
.content5 .txtleft a:hover span:nth-of-type(2){color: #bc001d;}
.content5 .txtright a:hover p:nth-of-type(1){color: #bc001d;}
/* 新闻 */

/* 友情链接 */
.content6{background-color: #f1f1f1;line-height: 60px;margin-top: -3px;}
.content6 span{font-size: 18px;font-weight: bold;color: #bc001d;}
.content6 a{font-size: 14px;color: #333333;display: inline-block;margin: -12px 2px 0;}
.content6 a:hover{color: #bc001d;}
/* 友情链接 */

/* footer */
.footer{background: url(../image/footer-bg.png);background-size: 100% 100%;padding: 20px 0;margin-top: -10px;}
.footer .w{display: flex;justify-content: space-between;align-items: center;height: 100%;padding: 30px 0;}
.footer *{color: #fcd82d;}
.footer .footitle{font-size: 20px;font-weight: bold;}
.footer .navtxt a{display: inline;font-size: 14px;}
.footer .lixi span{font-size: 14px;}
.footer .lixi img,
.footer .lixi span{vertical-align: middle;}
.footer li{margin: 20px 0;}
.footer .er{margin-top: 20px;}
.footer .hudong{margin-top: 20px;}
/* footer */


/* 详情 */
.xqheader-bottom{height: 300px;width: 100%;min-width: 100%;background: url(../image/header-bg.png),url(../image/header-bg1.jpg),url(../image/header-bg2.jpg);background-position: top;animation: banner 20s infinite;animation-delay:2s;animation-direction:alternate;margin-top: -21px;}
@keyframes banner{0%{background-image: url(../image/header-bg.png);background-position: top;}
33%{background-image: url(../image/header-bg1.jpg);background-position: top;}
66%{background-image: url(../image/header-bg2.jpg);background-position: top;}
100%{background-image: url(../image/header-bg.png);background-position: top;}}
.xqheader-bottom .logo{top: 102%;}
.xqbox .top{border-bottom: 1px solid #eee;}
.xqbox .top .topcon{height: 50px;line-height: 50px;}
.xqbox .top .topcon span a{display: inherit !important; font-size:14px;}
.xqbox .con{margin: 0 auto;}
.xqbox{ background:url(../image/c5-bg.png) repeat-y center;}
.xqbox .txt{padding: 50px 0;}
.xqbox .topconb{display: flex;justify-content: center;}
.xqbox .topconb a{width: 120px;height: 40px;font-size: 16px;line-height: 40px;text-align: center;margin-top: 40px;margin-right: 20px;}
.xqbox .topconb a:active,.xqbox .topconb a:hover,.xqbox .topconb a.active{background-color: #bc001d;color: #fff;}
#fl_select{background-color: #bc001d;color: #fff;}
.xqbox .txt .conctl{display: none;}
.xqbox .txt .conctl:nth-child(1){display: flex;}
.xqbox .txt{flex-direction: column;}
.xqbox .txt .img{width: 200px;min-width: 200px;max-width: 200px;height: 180px;margin: 0;}
.xqbox .txt .img img{width: 100%;height: 100%;}
.xqbox .txt .txtleft, .xqbox .txt .txtright,.xqbox .txt ul{width: 100%;}
.xqbox .txtright li:nth-of-type(1){display: none;}
.xqbox .txtleft li:nth-of-type(1), .xqbox .txtleft li{height: 200px;line-height: 45px;display: flex;}
.conctl .txtcon{color: #808080;font-size: 14px;margin-left: 4%;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.xqbox .txtleft li a:hover span{color: #bc001d;}
.aboutxq{background: none;}
.aboutxq .w{flex-direction: column;}
.aboutxq .w .ableft{width: 100%;}
.aboutxq .abjj{width: 50%;align-self: flex-start;}
.aboutxq .abright{align-self: flex-end;margin-top: -38%;}
.xqbox .c2bottom{margin-top: 0;height: auto;min-height: 900px;}
.xqbox .c2content{flex-direction: column-reverse;}
.xqbox .c2cimg img{width: 91%;margin-left: 7%;}
.xqbox .c2cimg::before{display: none;}
.xqbox .lixi{padding-bottom: 300px;}
.xqbox .lixi div{font-size: 20px;font-weight: bold;line-height: 40px;}
.xqbox .c2ctxt{width: 100%;margin: 0 auto;}

.xqbox .pro{display: flex;justify-content: space-between;flex-wrap: wrap;}
.xqbox .pro:after{content: "";width: 33%;}
.xqbox .pro .item{width: calc(33% - 20px);position: relative;overflow: hidden;}
.xqbox .pro .item img{width: 100%;}
.xqbox .pro .item .itemtxt{font-size: 20px;font-weight: 600;text-align: center;margin: 15px 0;}
.xqbox .pro .item .itemimg::after{content: "";position: absolute;width: 140%;height: 40px;top: 20%;transform-origin: bottom;right: 27px;background: rgba(255,255,255,0.8);transform: rotate(300deg) translateY(300px);opacity: 0;}
.xqbox .pro .item .itemimg::before{content: "";position: absolute;top: 0px;left: 0px;width: 0px;height: 100%;background: rgba(191,4,17,0.9);z-index: -1;transition: all linear 0.25s;background-image: url(../images/ne_02.png);background-repeat: no-repeat;background-position: right 18px bottom 20px;}
.xqbox .pro .item:hover .itemimg::after{transform: rotate(300deg) translateY(-200px);transition: all linear 0.5s;opacity: 1;}
.xqbox .pro .item:hover img{transform: scale(1.1);transition: all .5s;}
.xqbox .pro .item .itemimg{height: 100%;max-height: 260px;overflow: hidden;}
.xqbox .newstitle p{color: #000!important;font-size: 25px;}
.xqbox .content{display: flex;flex-direction: column;align-items: center;border-bottom: 1px solid #dcdcdc;padding-bottom: 40px;}
.xqbox .xqy-line1{font-size: 24px;font-weight: 600;text-align: center;}
.xqbox .xqy-line2{font-size: 12px;margin: 30px 0;}
.xqbox .xqy-line2 span{margin: 0 15px;}
.xqbox .xqy-line4 p{line-height: 34px;text-indent: 32px;}
.xqbox .xqy-line4 p a{display: inline-block;}
.xqbox .bottom a{color: #000;display: inline-block;}
.xqbox .bottom a:hover{color: #bc001d;}
.xqbox s.xqynews p{font-size: 16px}

.page{display: flex;justify-content: center;margin-top: 20px;margin-left: -3.5%;}
.page div{padding: 5px;border: 1px solid #ccc;margin: 0 2px;cursor: pointer;}
.page .active{background-color: #ccc;}

/* 返回顶部 */
.return{position: fixed;right: 2%;bottom: 20%;cursor: pointer;background-color: #bc001d;opacity: .5;padding: 13px;display: none;}
.return:hover{background-color: #bc001d;opacity: 1;}
.sj_footer{display: none;}
/* 返回顶部 */