@charset "utf-8";
 /* CSS Document */
 
 ::-webkit-input-placeholder {
     /* WebKit browsers */
     color: #999999;
     font-size: 14px;
     opacity: 1;
 }
 
 ::-moz-placeholder {
     /* Mozilla Firefox 19+ */
     color: #999999;
     font-size: 14px;
     opacity: 1;
     padding-left: 10px
 }
 
 :-ms-input-placeholder {
     /* Internet Explorer 10+ */
     color: #999999;
     font-size: 14px;
     opacity: 1;
     padding-left: 10px
 }
 /* 顶部 */
 
 body {
     padding-bottom: env(safe-area-inset-bottom);
     min-width: 1400px;
 }
 
 .w1400 {
     width: 1400px;
     margin: 0 auto;
 }
 
 .logo-left-txt {
     font-size: 20px;
     color: #c8192a;
     font-weight: bold;
 }
 
 .logo-left-txt {
     margin-left: 40px;
 }
 
 .logo-box {
     height: 140px;
     display: flex;
     align-items: center
 }
 
 .logo-tel {
     font-size: 24px;
     color: #c8192a;
     font-weight: bold;
     padding-left: 80px;
     background: url(../images/tel.png) no-repeat left center;
 }
 
 nav {
     background: #f9f9f9;
     position: relative;
 }
 
 .nav-top {
     padding: 0 26px;
 }
 
 .nav-top>li {
     width: 130px;
     font-size: 16px;
     border-bottom: 2px solid transparent;
     text-align: center;
     box-sizing: border-box;
     line-height: 65px;
 }
 
 .nav-top>li:hover {
     border-color: #c8192a;
 }
 
 .nav-top>li:hover>a {
     color: #c8192a;
     font-weight: bold;
 }
 
 .bannersize {
     height: 36.4583vw!important;
 }
 
 .nav-top>li:hover .nav-down {
     display: block;
 }
 /* 浮窗 */
 /* 关键词 */
 
 .keyword {
     border-bottom: 2px solid #e9eaeb;
 }
 
 .keyword-list {
     padding-left: 27px;
     background: url(../images/icon-kw.png) no-repeat left center;
 }
 
 .keyword-list li {
     color: #6d6d6d;
     margin-right: 10px;
 }
 
 .keyword-list li a {
     color: #6d6d6d;
 }
 
 .keyword-right {
     border-bottom: 2px solid #333333;
     padding: 40px 0;
 }
 
 .keyword-right p {
     color: #6d6d6d;
     padding-right: 80px;
     background: url(../images/location.png) no-repeat right center;
     line-height: 25px;
 }
 /* 简介 */
 
 .summary {
     padding: 60px 0;
 }
 
 .sum-list {
     padding: 0 26px;
 }
 
 .sum-item span {
     font-size: 60px;
     font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
 }
 
 .sum-red {
     margin-left: 13px;
     background: #ca172c;
     height: 36px;
     width: 36px;
     text-align: center;
     line-height: 36px;
     color: #fff;
     border-radius: 36px;
     font-size: 18px;
 }
 
 .sum-item p {
     color: #080808;
     font-size: 18px;
 }
 /* 产品 */
 
 .product {
     background: #f3f3f3;
     padding: 60px 0;
 }
 
 .product h2 {
     font-size: 36px;
     text-align: center;
     background: url(../images/pro-title.png) no-repeat center center;
     font-weight: bold;
     color: #333333;
 }
 
 .product h3 {
     text-align: center;
     font-size: 20px;
     margin-top: 5px;
 }
 
 .product-main {
     margin-top: 44px;
 }
 
 .product-left {
     width: 260px;
 }
 
 .pro-left-top {
     background: #ca172c url(../images/icon-pro.png) no-repeat 90% center;
     padding: 13px 0 13px 30px;
 }
 
 .pro-left-top p:last-child {
     font-size: 14px;
     text-transform: uppercase;
     color: #fff;
 }
 
 .pro-left-top p:first-child {
     color: #fff;
     font-size: 18px;
 }


 /*产品列表*/
.pro-left-mid {
     background: #fff;
     border: 1px solid #dedede;
     padding: 10px 7px;
 }
 
 .pro-left-mid li {
     border-left: 1px solid #eaeaea;
     border-right: 1px solid #eaeaea;
     border-bottom: 1px solid #eaeaea;
     padding: 12px 15px;
     background: url(../images/circle.png) no-repeat 90% center;
 }
 
 .pro-left-mid li:first-child {
     border-top: 1px solid #eaeaea;
 }
 
 .pro-left-mid li a {
     font-size: 16px;
     padding-left: 16px;
     background: url(../images/left.png) no-repeat left center;
 }
 
 .pro-left-mid li:hover {
     background: #eaeaea;
 }
 
 .pro-left-mid li:hover a {
     padding-left: 0;
     background: none;
 }




/*首页的产品列表*/

.plist{

      border: 1px solid #dedede;
      padding:17.4px 7px;
}


.prolist{
     background: #fff;
    
     padding: 10px 7px;
}



.prolist .ptit1 {
     padding: 12px 15px;
    background: url(../images/circle.png) no-repeat #ececec 90% center;
 }
 
 .prolist .ptit1:first-of-type {
     border-top: 1px solid #eaeaea;
 }
 
 .prolist .ptit1 a {
     font-size:18px;
     padding-left: 16px;
     background: url(../images/left.png) no-repeat left center;
 }
 
 .prolist .ptit1:hover {
     background: #ca172c;
 }
 
 .prolist .ptit1:hover a {
     padding-left: 0;
     background: none;
     color: #fff
 }





.prolist .ptit2 {
   font-size: 16px;
    padding: 11px 18px;
  
    line-height: 30px;
}


.prolist .ptit2  li{

border-bottom: 1px dashed #e2e2e2;
}


.prolist .ptit2  li a{
    color:#666;
}

.prolist .ptit2  li:hover a{
   color:#ca172c;
    padding-left: 10px;
}




/*以下更多*/
 .pro-left-more {
     font-size: 16px;
     font-weight: bold;
     text-align: center;
     margin: 25px 0;
 }
 
 .pro-left-more a {
     color: #ca172c;
 }
 
 .pro-left-bottom {
     background: #fff;
     border: 1px solid #c3c3c3;
 }
 
 .pro-left-tel {
     font-size: 28px;
     text-align: center;
     font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
     padding: 15px 0;
     color: #333333
 }
 
 .product-right {
     width: 1115px;
     display: grid;
    /* grid-template-columns: repeat(4, 1fr);*/
    grid-template-columns: 25% 25% 25% 25%;
     gap: 15.4px 20px;
 }
 
 .product-item {
     border: 1px solid #c5c5c5;
     background: #fff;
     padding: 8.3px 12px;
 }
 
 .product-item img {
 	width: 100%;
 	object-fit: cover;
 	height: 209px;
 }
 
 .product-item h4 {
     font-size: 16px;
     text-align: center;
     margin-top: 10px;
       overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
 }
 /* 理由 */
 
 .reason {
     padding: 55px 0;
     background: url(../images/ad-bg.png) center center no-repeat;
     background-size: cover;
 }
 
 .reason-title {
     background: url(../images/adv-title.png) no-repeat center center;
     text-align: center;
     padding-top: 50px;
     padding-bottom: 20px;
 }
 
 .reason-title h2 {
     font-size: 40px;
 }
 
 .reason-title h2 b {
     color: #ca172c
 }
 
 .reason-title h3 {
     font-size: 20px;
     margin-top: 20px;
     color: #333333
 }
 
 .adv-1 {
     margin: 45px 0;
 }
 
 .adv-summary {
     margin-top: 30px;
 }
 
 .adv-summary p {
     color: #333;
     padding-left: 30px;
     background: url(../images/w-box.png) no-repeat left 9px;
     line-height: 2em;
     font-size: 20px;
     margin-top: 20px;
 }
 
 .adv-summary p em {
     font-weight: bold;
     color: #c8000a
 }
 
 .adv-summary p b {
     font-weight: bold;
     color: #c8000a
 }
 
 .adv-title img {
     max-width: 100%;
 }
 
 .adv-summary p img {
     max-width: 100%;
 }
 
 .adv-half-t {
     max-width: 530px;
 }
 
 .adv-tel span {
     display: block;
     font-size: 16px;
     color: #4f4f4f;
     margin: 0 8px;
 }
 
 .adv-tel p {
     font-size: 30px;
     color: #ca172c;
     font-weight: bold;
 }
 
 .adv-title {
     padding-left: 100px;
 }
 
 .adv-title h4 {
     font-size: 30px;
     color: #fff;
     font-weight: bold;
     line-height: 67px;
 }
 
 .adv-title p {
     color: #333333;
     font-size: 18px;
     margin-top: 15px;
 }
 
 .adv-title hr {
     margin: 0;
     background: #ededef;
     margin-left: -100px;
     width: 416px;
     margin-top: 10px;
 }
 .adv-2ed hr{
 	width: 490px;
 }
 .adv-3rd hr{
 		width: 490px;
 }
 .adv-1st {
     background: url(../images/01.png) no-repeat;
 }
 
 .adv-2ed {
     background: url(../images/02.png) no-repeat;
 }
 
 .adv-3rd {
     background: url(../images/03.png) no-repeat;
 }
 /* 留言 */
 
 .message {
     background: url(../images/mes-bg.jpg) center center;
     height: 350px;
     display: flex;
     align-items: center;
 }
 
 .mes-top {
     color: #fff;
     font-size: 30px;
     padding: 0 25px;
     font-weight: bold;
 }
 
 .mes-top p:first-child {
     margin-right: 43px;
     padding-right: 64px;
     background: url(../images/mes-icon.png) no-repeat right bottom;
     background-size: contain;
 }
 
 .mes-top p:last-child {
     font-size: 24px;
     font-weight: normal;
     margin-left: 17px;
 }
 
 .mes-form {
     padding: 0 25px;
     margin-top: 48px;
 }
 
 .form-main {
     display: grid;
     grid-template-columns: 1fr 1fr 3fr 1fr;
     gap: 0px 13px;
 }
 
 .form-item {
     background: #fff;
     height: 54px;
     padding: 0 18px;
     display: flex;
     align-items: center;
 }
 
 .form-item img {
     margin-right: 10px;
 }
 
 .form-item input,
 .form-item textarea {
     border: none;
 }
 
 .form-item-sub {
     height: 54px;
 }
 
 .form-item-sub input {
     width: 100%;
     height: 100%;
     background: #ce010c;
     color: #fff;
     border: none;
     font-size: 16px;
 }
 /* 案例 */
 
 .case {
     background: url(../images/case-bg.jpg) center center;
     padding-top: 70px;
     padding-bottom: 134px;
 }
 
 .case h2 {
     font-size: 36px;
     text-align: center;
     background: url(../images/pro-title.png) no-repeat center center;
     font-weight: bold;
     color: #333333;
 }
 
 .case h3 {
     text-align: center;
     font-size: 20px;
     margin-top: 5px;
 }
 
 .case-cate {
     margin-top: 40px;
 }
 
 .case-cate li {
     padding-bottom: 30px;
     background: url(../images/cast-bot.png) no-repeat bottom center;
     width: 300px;
     text-align: center;
 }
 
 .case-cate li a {
     font-size: 20px;
     color: #333333
 }
 
 .case-cate li:hover {
     background: url(../images/cast-bot-2.png) no-repeat bottom center;
 }
 
 .case-cate li:hover a {
     font-weight: bold;
     color: #ca172c
 }
 
 .case-main {
     margin-top: 43px;
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 49px 44px
 }
 
 .case-item {
     border: 1px solid #c1c1c1;
 }
 
 .case-item:hover {
     box-shadow: 3px 3px 5px #dcdcdc;
 }
 
 .case-item-img {
     width: 50%;
 }
 
 .case-item-img img {
     width: 100%;
     height: 370px;
     object-fit: cover;
 }
 
 .case-item-right {
     width: 50%;
 }
 
 .case-item-contain {
     padding: 30px 25px;
 }
 
 .case-item-contain h4 {
     text-align: center;
 }
 
 .case-item-contain h4 a {
     font-size: 24px;
     font-weight: bold;
     color: #333333
 }
 
 .case-item-sum {
     font-size: 16px;
     line-height: 30px;
     color: #333333;
     margin-top: 36px;
     margin-bottom: 25px;
     padding: 0 14px;
 }
 
 .case-item-more {
     display: block;
     text-align: center;
     color: #fff;
     font-size: 22px;
     background: linear-gradient(#fe767e, #cf040e);
     line-height: 53px;
     cursor: pointer;
 }
 
 .case-item-more:hover {
     color: #fff;
 }
 
 .case-item-tel {
     margin-top: 15px;
 }
 
 .case-item-tel p {
     font-size: 22px;
     color: #ce010c;
     font-weight: bold;
     margin-left: 10px;
 }
 
 .case-more a {
     display: block;
     text-align: center;
     width: 253px;
     height: 45px;
     border: 1px solid #707070;
     line-height: 45px;
     margin: 70px auto 0 auto;
 }
 /* 关于我们 */
 
 .about {
     margin: 55px 0;
 }
 
 .about h2 {
     font-size: 36px;
     text-align: center;
     background: url(../images/pro-title.png) no-repeat center center;
     font-weight: bold;
     color: #333333;
 }
 
 .about h3 {
     text-align: center;
     font-size: 20px;
     margin-top: 5px;
 }
 
 .about-main {
     margin-top: 34px;
 }
 
 .about-left {
     width: 1035px;
 }
 
 .about-left-top {
     border: 1px solid #e8e8e8;
     padding: 25px;
 }
 
 .about-txt {
     flex: 1;
     padding-left: 30px;
 }
 
 .about-txt h4 {
     font-size: 24px;
     color: #ce010c;
     font-weight: bold;
 }
 
 .about-txt p {
     font-size: 16px;
     color: #666666;
     line-height: 1.8em;
     text-indent: 2em;
     margin-top: 15px;
 }
 
 .about-more {
     display: block;
     margin-top: 10px;
     color: #666666;
     text-decoration: underline;
 }
 
 .about-left-bottom {
     border: 1px solid #e8e8e8;
     margin-top: 24px;
 }
 
 .about-left-bottom-title {
     border-bottom: 1px solid #e8e8e8;
 }
 
 .about-left-bottom-title h4 {
     width: 167px;
     text-align: center;
     background: #ce010c;
     color: #fff;
     font-size: 16px;
     line-height: 49px;
 }
 
 .team-list {
     padding: 27.5px 40px;
 }
 
 .team-list h5 {
     text-align: center;
     margin-top: 6px;
     font-size: 16px;
 }
 
 .team-list li {
     width: 209px;
     margin: 0px 10px;
 }
 
 .team-list li img {
     width: 100%;
     height: 152px;
     object-fit: cover;
 }
 
 .about-right {
     width: 336px;
     border: 1px solid #e8e8e8;
 }
 
 .about-right h4 {
     background: url(../images/honor-bg.png);
     color: #fff;
     font-size: 24px;
     padding: 30px 16px;
 }
 
 .about-righ-bottom {
     padding: 22px 20px 21px 20px;
 }
 
 .about-righ-img {
     text-align: center;
 }
 
 .about-righ-img img {
     max-width: 100%;
 }
 
 .about-righ-img:first-child {
     margin-bottom: 25px;
 }
 
 .about-righ-bottom-tel {
     background: url(../images/hand-bg.png) no-repeat center bottom;
     text-align: center;
     margin-top: 16px;
     padding-top: 42px;
     padding-bottom: 5px;
 }
 
 .about-righ-bottom-tel p {
     font-size: 24px;
     font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
 }
 /* 新闻 */
 
 .news {
     margin: 40px 0;
 }
 
 .news h2 {
     font-size: 36px;
     text-align: center;
     background: url(../images/pro-title.png) no-repeat center center;
     font-weight: bold;
     color: #333333;
 }
 
 .news h3 {
     text-align: center;
     font-size: 20px;
     margin-top: 5px;
 }
 
 .news-main {
     margin-top: 33px;
 }
 
 .news-left {
     width: 740px;
 }
 
 .news-left-item {
     border-bottom: 1px dashed #e8e8e8;
     padding: 20px 0;
 }
 
 .news-time {
     width: 102px;
     text-align: center;
 }
 
 .news-time p {
     font-size: 40px;
     color: #333333
 }
 
 .news-time div {
     color: #787878;
     white-space: nowrap;
 }
 
 .news-left-contain {
     flex: 1;
     width: calc(100% - 102px);
 }
 
 .news-left-contain h4 {
     font-size: 18px;
     font-weight: bold;
 }
 
 .news-left-contain p {
     width: 100%;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     color: #333333;
     margin-top: 14px;
 }
 
 .news-left-item:hover h4 a {
     color: #ce010c
 }
 
 .hd {
     margin-top: 18px;
 }
 
 .next {
     background: url(../images/up.png);
     width: 337px;
     height: 24px;
     display: inline-block;
 }
 
 .prev {
     background: url(../images/down.png);
     width: 337px;
     height: 24px;
     display: inline-block;
     margin-left: 20px;
 }
 
 .news-right {
     width: 590px;
 }
 
 .news-right li {
     width: 282px;
 }
 
 .news-right li img {
     width: 100%;
     height: 212px;
     object-fit: cover;
 }
 
 .news-right-txt {
     background: #f6f6f6;
     padding: 30px 18px;
 }
 
 .news-right-txt h4 {
     font-size: 18px;
     color: #333333
 }
 
 .news-right-txt span {
     display: block;
     margin: 11px 0;
 }
 
 .news-right-txt p {
     color: #666666;
     line-height: 1.5em;
     height: 42px;
     overflow: hidden;
 }
 /* 底部 */
 
 .footer-top {
     background: #f3f3f3;
     padding: 65px 0;
 }
 
 .footer-top dt {
     font-size: 24px;
     color: #333333;
     margin-bottom: 30px;
 }
 
 .footer-top dd {
     color: #666666;
     font-size: 16px;
     margin: 9px 0;
 }
 
 .footer-top dd a {
     color: #666666;
 }
 
 .footer-bottom {
     background: #ce010c;
     padding: 26px 0;
 }
 
 .footer-bottom p {
     color: #fff;
     font-size: 16px;
 }
 
 .footer-bottom p a {
     color: #fff;
     padding: 0 5px;
 }
 
 .fl-r {
     position: fixed;
     z-index: 10;
     right: 0;
     top: 60%
 }
 
 .fl-r-item {
     background: #535353;
     text-align: center;
     width: 74px;
     height: 71px;
     margin: 1px 0;
 }
 
 .fl-r-img {
     width: 25px;
     height: 25px;
     text-align: center;
     margin: 0 auto;
 }
 
 .fl-r-item p {
     color: #fff
 }
 /* 内页 */
 
 .in-main {
     margin: 40px 0;
 }
 
 .path-main {
     padding: 20px 0;
     border-bottom: 1px #cacaca dashed;
 }
 
 .path-l {
     padding-left: 12px;
     border-left: 4px solid #ca172c;
     color: #797979
 }
 
 .path-l a {
     color: #797979
 }
 
 .path-r {
     padding-left: 20px;
     background: url(../images/phone.png) no-repeat left center;
     color: #7d7d7d;
     font-weight: bold;
     font-size: 12px;
 }
 /* 推荐新闻 */
 
 .in-new-rec dt {
     font-size: 16px;
     color: #333333;
     padding-bottom: 7px;
     background: url(../images/line2.png) bottom left no-repeat;
     margin-bottom: 10px;
 }
 
 .in-new-rec {
     margin-top: 20px;
 }
 
 .in-new-rec dd {
     padding: 15px 0;
     border-bottom: 1px solid #eeeeee;
 }
 
 .in-new-rec dd h3 {
     font-size: 16px;
     font-weight: bold;
 }
 
 .in-new-rec dd p {
     font-size: 14px;
     color: #5c5c5c;
     margin-top: 12px;
 }
 
 .rec-goods {
     margin-top: 40px;
 }
 
 .rec-goods-title {
     background: #f5f5f5;
     padding: 12px 0;
 }
 
 .rec-goods-title h2 {
     font-size: 16px;
     font-weight: bold;
     padding-left: 11px;
     border-left: 5px solid #ee0202;
     margin-left: 10px;
 }
 
 .rec-goods ul {
     margin-top: 22px;
 }
 
 .rec-goods li {
     width: 23.80%;
 }
 
 .rec-goods li img {
     width: 100%;
     height: 157px;
     object-fit: cover;
 }
 
 .rec-goods li h3 {
     text-align: center;
     font-size: 16px;
     margin-top: 10px;
 }
 
 .in-right {
     width: 1115px;
 }
 
 #think_page_trace_open {
     display: none;
 }
 
 article h1 {
     font-weight: bold;
     font-size: 18px;
     color: #333333;
 }
 
 .in-news-list li {
     padding: 20px 0;
     border-bottom: #dedede dotted 1px;
     transition: all 0.5s;
 }
 
 .in-news-list li:hover {
     background: #f5f5f5;
     padding: 20px 10px;
 }
 
 .article-grey {
     color: #868686;
     border: 1px solid #e5e5e5;
     margin: 15px 0;
     background: #f5f5f5;
     padding: 8px 12px;
 }
 
 .article-out {
     text-align: center;
     font-size: 14px;
     color: #898989;
     margin-top: 10px;
 }
 .news_box_nei{
 	margin-top: 15px;
 }
 .layui-laypage .layui-laypage-curr .layui-laypage-em {
    position: absolute;
    left: -1px;
    top: -1px;
    padding: 1px;
    width: 100%;
    height: 100%;
    background-color: #ce010c;
}
.layui-laypage a:hover {
    color: #ce010c;
}
 @media screen and (min-width: 1400px) {
     .layui-container {
         padding: 0;
         width: 1400px;
     }
 }
 
 @media screen and (max-width:1400px) {}
 
 @media screen and (max-width:992px) {}
 
 @media screen and (max-width:768px) {}
 
 @media screen and (max-width:500px) {}