.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}

footer{ width: 72%; margin: 0 auto;}
.foot_left{ float: left; width: 62%;}
.foot_nav{ float:inherit!important; width:100%; margin-bottom: 100px;}
.foot_nav dl{ width: 13.5%; float: left; margin-right: 3.8%;}
.foot_nav dl:last-child{ margin-right: 0;}
.foot_nav dt a{ font-size: 18px; line-height: 18px; color: #ccc; border-bottom: 1px solid rgba(255,255,255,0.4); padding-bottom: 15px; margin-bottom: 15px;}
.foot_nav dd a{ font-size: 14px; line-height: 28px; color: #ccc;}
.foot_nav dl a:hover{ color: #fff;}
.foot_number img{ width: 160px; height: 160px; float: left; margin-right: 40px;}
.foot_number .phone{ float: left;}
.foot_number .phone h3,.foot_number .address h3{ font-size: 24px; line-height: 24px; font-weight: bold; color: #ccc; margin-bottom: 20px;}
.foot_number .phone p,.foot_number .address p{ line-height: 30px; color: #ccc;}
.foot_number .address{ width: 43%; float: right; border-left: 1px solid rgba(255,255,255,0.3); margin-left: 50px; padding-left: 50px;}
.foot_right{ float: right; width: 31.5%;}

.copy{ width: 80%; border-top: 1px solid rgba(255,255,255,0.4); position: absolute; bottom: 0; left: 10%; transform:translateX(-5%); padding: 25px 0;}
.copy p{ color: #ccc; line-height: 16px; float: left;}
.copy p a{ color: #ccc; display: inline;}
.copy p a:hover{ color: #fff;}
.copy p:last-child{ float: right;}

.foot_nav > ul > li:nth-child(2) li{ width:50%; float:left;}

/*第四屏*/
.join8_good li{ width:33%;}
.join8_good li a{ display:block; height:100vh;}
.join8_good li .bg8_good{ height:100%; background:none;}
.join8_good li:hover .bg8_good{ background: rgba(0,0,0,.5);}

.join8_good li .jg{ padding-top:8%; box-sizing:border-box; margin: 60% 0 0;}
.join8_good li:hover .jg{ margin: 50% 0 0;}
.join8_good li .jg p{ width:120px; height:120px; margin:0 auto; background: #df061c; transform: rotate(45deg);}
.join8_good li .jg p span{ width:120px; height:120px; margin:0 auto; display: block; transform: rotate(-45deg); background:url(/images/icon-2.png) no-repeat; background-position: 28px center;}
.join8_good li:nth-child(2) .jg p span{ background-position: -80px center;}
.join8_good li:nth-child(3) .jg p span{ background-position: -180px center;}
.join8_good li:nth-child(4) .jg p span{ background-position: -284px center;}
.join8_good li:nth-child(5) .jg p span{ background-position: -392px center;}
/*.join8_good li .jg>span:after{ width:120px; height:120px; background: #df061c; transform: rotate(45deg); content: ""; clear: both; display: block;}*/


.join8_good li .jg h4{ line-height:24px; font-size:24px; color:#fff; font-weight:normal; padding-top: 48px;}
.join8_good li .jg h5{ height:0; transition:.6s; font-size:16px; line-height:30px; width:80%; text-indent:2em;}
.join8_good li:hover .jg h5{ height:auto;}


/*第五屏*/
#mould67804{ width:72%; margin:50px auto 0 auto;}
.news1 .swiper-container{ overflow: inherit; padding-bottom: 60px;}
.news1 .swiper-pagination-bullet{ background: #fff; opacity: 1; width:10px; height:10px;}
.news1 .swiper-pagination-bullet-active{ background: #df061c;}
.news1 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 0;}

.news_box{ width:31.6%; margin-right:2.6%; background: #fff; padding:16px; box-sizing:border-box; border:1px solid #e5e5e5; border-radius: 6px;}
.news_box:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.news_box:last-child{ margin-right:0;}
.news_box a:hover{ color: #333;}
.news_box .new-img{ width: 100%; height:232px; border-radius: 4px; overflow: hidden;}
.news_box .new-img img{ width: 100%; height:100%; transition:1s;}
.news_box:hover .new-img img{ transform:scale(1.1);}
.news_box .new-title{ font-size:20px; line-height:20px; margin: 20px 0 15px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_box .new-body{ color: #666; text-indent:2em; line-height:26px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.news_box .new-date{ display: block; margin:20px 0 10px 0; color: #999;}
.news_box .new-date em{ background: url("/images/yan.png") no-repeat left center; padding-left:24px; float: right; font-size: 14px;}
.news_box:hover .new-title{ color:#df061c;}


/*第三屏*/
#mould67801{ width:72%; margin:50px auto 0 auto;}
.product{ width:100%;}
.product li{ width:24%; margin-bottom:20px;}
.product li:nth-child(n+5){ margin-bottom:0;}
.product li p:first-child{ height:248px;}
.product li p:last-child{ color:#fff; background:rgba(0,0,0,0.6); transition:.4s;}
.product li:hover p:last-child{ background:#df061c;}


/*第二屏*/
#mould67799{ width:72%; margin-right:auto;margin-left:auto;}
.about_1253 .left{ float:left; width:50%; color:#fff;}
.about_1253 .left h2{ font-size:36px; line-height:36px; margin-bottom:40px;}
.about_1253 .left p{ line-height:30px; text-indent:2em;}
.about_1253 .left a{ background: #df061c; color:#fff; padding:9px 24px; border-radius: 4px; margin-top:30px; display:inline-block; transition:.6s; text-transform: uppercase; font-size: 18px; font-family: calibri;}
.about_1253 .left a:hover{ background:#fff; color:#df061c;}
.about_1253 .right{ float:right; width:45%;}
.about_1253 .right img{ width:100%;}
#mould67799 ul{ margin-top:48px;}
#mould67799 li{ float:left; background:rgba(0,0,0,0.5); border-radius:8px; width:20.5%; margin-right:6%; transition:.4s;}
#mould67799 li:hover{ background:#df061c;}
#mould67799 li:last-child{ margin-right:0;}
#mould67799 li a{ color:#fff; line-height:80px; font-size:22px; text-align:center; display: block;}
#mould67799 li a span{ width:40px; height:40px; display: inline-block; background:url(/images/icon-1.png) no-repeat; position: relative; top: 10px; background-position: -2px 0; padding-right: 12px;}
#mould67799 li:nth-child(2) a span{ background-position: -53px 2px;}
#mould67799 li:nth-child(3) a span{ background-position: -105px 4px;}
#mould67799 li:nth-child(4) a span{ background-position: -162px 0;}

/*第一屏*/
#mould67795{ width: 100%; position:fixed; top:0; z-index:9999; background:rgba(0,0,0,0.5);}
#mould67795 .navs>li:hover>a{ background-color:#df061c; background:#df061c;}
#mould67795 .navs>li.active>a{ background-color:#df061c; background:#df061c;}
.navbars4{ width:72%;}
.navbars4 .logo{ background:none; width:140px;}
.navbars4 .logo img{ margin:0 auto; display: block;}
.navbars4 li{ margin-right:24px;}
.navbars4 li a{ color:#fff; margin: 0 8px; padding: 10px 22px; transition:.4s;}
.navbars4 .active a{ border-radius: 6px;}
.navbars4 li:hover a{ border-radius: 6px;}
.navbars4 .phone{ float: right;}
.navbars4 .phone a{ font-size: 32px; color: #fff; font-family: arial; font-weight: bold; line-height: 100px; margin-left: 40px; transition:.4s;}
.navbars4 .phone a:hover{ color: #df061c;}
#mould67796 .swiper-slide img{ height:100vh;}
#mould67796 .swiper-button-next,#mould67683 .swiper-button-prev{ display:none;}
#mould67796 .swiper-container .swiper-pagination .swiper-pagination-bullet{ background-color:rgb(255, 255, 255);background:rgb(255, 255, 255);opacity:1;border-radius:5px; width:10px;height:10px;}
#mould67796 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background-color:#df061c;background:#df061c;opacity:1;border-radius:5px; width:10px;height:10px;}

.fp-tableCell{ height: 100% !important;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{ background:#fff;}


@media screen and (max-width: 1919px) and (min-width: 1441px){ 
  .navbars4,#mould67801{ width:94%;}
  #mould67804,#mould67799,footer,.copy{ width:90%;}
  .foot_nav{ margin-bottom:50px;}
}
@media screen and (max-width: 1440px) and (min-width: 1024px){ 
	.navbars4,#mould67801{ width:94%;}
    #mould67804,#mould67799,footer,.copy{ width:90%;}
    .foot_nav{ margin-bottom:50px;}
}