﻿
#mould52678{ height:100vh;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:30px;}
.swiper-pagination-bullet{ opacity:1; background: #fff; width:30px; border-radius:3px; height:6px;}
.swiper-pagination-bullet-active{ background: #d70c19; width:60px;}
#mould52678 .swiper-button-next{ right:50px;}
#mould52678 .swiper-button-prev{ left:50px;}
#mould52679{ background-image:url('//upload.ruituoyun.com/Upload/website/179/image/2020/04/22/6372316803586744796650986.jpg');width:100%; height:100vh;}
#mould52680{ width:1360px; margin-right:auto; margin-left:auto; padding-top:240px;}

.about16{ height:auto;}
#mould52681 .about16-box{ margin:0;}
#mould52681 .about16-content{ background: none; height:auto;}
#mould52681 .about16-content .rectangle { background-color:#d70c19;background:#d70c19;}
#mould52681 .about16-content .number li .num span { color:#d70c19;}
#mould52681 .about16-content a:hover{ color:#d70c19;}
#mould52681 .about16-content .number li:first-child{ padding-left: 0;}
.about16-content .des{ line-height:30px; margin-top:40px;} 
.about16-content .number{ margin-top:40px;}
.about16-content .more{ margin-top:40px;}

#mould52682{ height: 400px; margin-top:50px; box-sizing: border-box; border: 2px solid #fff;}
#mould52682 video{ background-image:none; height: 100%; width: 100%;}

#mould52683{ width:100%;margin-top:140px;}
#mould52683 ul li{ width:33.3%; position: relative;}
#mould52683 ul li:nth-child(1),#mould52683 ul li:nth-child(2),#mould52683 ul li:nth-child(3){ margin-bottom:1px;}
#mould52683 ul li>a{ width:100%; height:410px; overflow: hidden;}
#mould52683 ul li>a img{ width:100%; height:100%; transition: .5s;}
#mould52683 ul li:hover>a img{ transition: scale(1.1);}

#mould52683 ul:after{ width:33.3%;}
.product li h2{ position: absolute; top: 60px; left: 60px; width: auto; font-size:24px; line-height:30px; font-family: Arial; text-transform: uppercase; color:#fff; z-index:999;}
#mould52683 li .pro_cont{ position: absolute; top: 0; left: 0; background: rgba(215,12,25,0.5); height: 100%; width: 100%; display:none; z-index:99; padding: 120px 60px 0 60px;box-sizing:border-box;}
#mould52683 li:hover .pro_cont{ display:block;}
#mould52683 li .pro_cont p:first-child{ height:auto;}
#mould52683 li .pro_cont p{ color:#fff; line-height:30px; text-align: inherit;}
#mould52683 li .pro_cont p:last-child{ overflow: inherit; white-space: inherit;}

#mould52684{ height:100vh;}
.about14 .about14-body li a .about-title{ width:1360px; top:30%;}
.about14 .about14-body li a .about-title h4{ font-size:20px; line-height:20px; font-family: Arial; text-transform: uppercase; color:#fff; margin-bottom: 20px;}
.about14 .about14-body li a .about-title p{ color:#fff;}
.about14 .about14-lam ul{ margin-left: -520px;}
.about14 .about14-lam ul li.active{ background: rgba(215,12,25,0.7);}

#mould52685{ background-image:url('//upload.ruituoyun.com/Upload/website/179/image/2020/04/22/6372316897161340772261214.jpg');width:100%; height:100vh; overflow:hidden;}
#mould52685>div{ min-height:960px;}
#mould52686 h2{ opacity:0.3;font-size:40px;font-family:Microsoft YaHei;color:#1a1a1a;}
#mould52686 h3{ font-size:30px;font-family:Microsoft YaHei;color:#1a1a1a;}
#mould52686{ margin-top:210px;}

#mould52694{ height:380px;width:100%; position: relative;}
#mould52694 .market{ position: absolute; top: 80px; left: 50%; margin-left: -680px; width:1360px; height: 380px;}
#mould52694 .market h2{ font-size:30px; line-height:30px; color: #fff; margin-bottom: 30px;}
#mould52694 .market h2:after{ content: ""; clear: both; display: block; height: 3px; width:64px; background: #fff; margin-top:20px;}
#mould52694 .market p{ font-size:18px; line-height:30px; color: #fff; width:396px;}
#mould52694 .market a{ background: #d70c19; margin-top:25px;}
#mould52694 .market a span{ font-size:24px; line-height:50px; color: #d70c19; font-weight:bold; background:#fff; display: block; padding:0 25px; float: left;}
#mould52694 .market a em{ width:26px; height:16px; background: url("/images/btn.png") no-repeat; background-position: -126px -2px; float:right; margin:17px 32px 0 32px;}

#mould52697 .foot{ width:1360px;}


#mould52740{ width:100%; height:auto; position: fixed; top: 0;z-index: 9999; background: #f2f2f2;}
#mould52740 .logo{ height:110px; width:493px;}
.navbars4 ul{ height: 110px;}
#mould52740 .navs>li>a{ margin: 8px 20px; padding: 0 0 10px 0;}
#mould52740 .navs>li:hover>a{ color:#d70c19;border-bottom-width:2px;border-bottom-style:solid;border-color:#d70c19;background-color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0);border-radius:0px; }
#mould52740 .navs>li.active>a{ color:#d70c19;border-bottom-width:2px;border-bottom-style:solid;border-color:#d70c19;background-color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0);border-radius:0px; }
.width_1360{ width:1360px; margin: 0 auto;}

a{color: #333; text-decoration:none; display: block;}
img{ display: block;}
.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}

.top_179{ background: #343434;}
.top_179_center{ width: 1360px; margin: 0 auto; font-size: 14px;}
.top_left{ float: left;}
.top_left p,.top_right p{ color: #fff; line-height: 36px; float: left; margin: 0 20px 0 0; font-size: 14px;}
.top_left p span,.top_right p span{ background: url("/images/btn.png") no-repeat; width: 20px; height: 20px; float: left; margin: 8px 5px 0 0;}
.top_left p:last-child span{ background-position: -28px 0;}

.top_right{ float: right; position: relative;}
.top_right p:after{ content: ""; clear: both; display: block; width: 1px; height: 20px; background: #ccc; position: absolute; top: 8px; left: 70px;}
.top_right p span{ background-position: -80px 0;}
.top_right p:last-child span{ background-position: -100px 0;}
.top_right p:last-child:after{ display: none;}
.top_right p img{ position: absolute; top: 36px; left: -20px; width: 80px; height: 80px; display: none; transition: 1s;}
.top_right p:last-child img{ left: 58px;}
.top_right p:hover img{ display: block;}


.news_179{ width: 1360px; margin: 0 auto; padding-top: 210px;}
.news_179_title h2{ font-family: Arial; font-size: 40px; line-height: 40px; font-weight: bold; text-transform: uppercase; color: rgba(26,26,26,0.3); text-align: center;}
.news_179_title h3{ font-size: 30px; line-height: 30px; text-align: center; position: relative; top: -20px;}

.news_179_cont{ margin-top: 10px;}
.news_179_menu{ position: relative; margin-bottom: 30px;}
.news_179_menu li{ float: left;}
.news_179_menu li a{ line-height: 40px; padding: 0 28px; box-sizing: border-box;}
.news_179_menu li:hover a{ color: #333;}
.news_179_menu li.on a{ background: #d70c19; color: #fff;}
.news_more{ line-height: 34px; padding: 0 26px; border: 1px solid #333; box-sizing: border-box; text-align: center; text-transform: uppercase; position: absolute; top: 2px; right: 0;}
.news_more:hover{ color: #d70c19; border: 1px solid #d70c19;}

.news_179_list ul{ display: none;}
.news_179_list li{ float: right; width: 53%; line-height: 51px; border-bottom: 1px solid #e5e5e5; box-sizing: border-box;}
.news_179_list li:last-child{ border: none;}
.news_179_list li:first-child{ width: 42.6%; position: relative; float: left;}
.news_179_list li:first-child a{ width: 100%; height: 420px; overflow: hidden;}
.news_179_list li:first-child a img{ width: 100%; height: 100%; transition: 1s;}
.news_179_list li:first-child:hover a img{ transform: scale(1.1);}
.news_179_list li:first-child p{ background: rgba(0,0,0,0.4); color: #fff; line-height: 40px; position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 20px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_179_list li h2{ width: 80%; line-height: 51px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_179_list li h2 em{
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid #999;
    position: relative;
    top: -2px;
    margin-right: 10px;
}
.news_179_list li:hover h2 em{ border-left: 6px solid #d70c19;}
.news_179_list li:hover h2{ color: #d70c19;}
.news_179_list li time{ float: right;}
.news_179_list li:hover time{ color: #d70c19;}

.link{ width:1360px; margin:0 auto; border-top: 1px solid rgba(255,255,255,0.3); color:#ccc; padding:10px 0 20px 0; box-sizing:border-box;}
.link h2{ font-size: 16px; line-height: 30px; float:left;}
.link a{ display: inline; color:#ccc; line-height: 30px; margin: 0 5px;}
.link a:hover{ color:#fff; text-decoration: underline;}

.footer{ background: #1a1a1a;}
.foot-ewm{ float:right;}
.footer-foot{ background: #000;}
.footer-foot div{ width: 1360px; margin: 0 auto;}
.footer-foot div p{ float:left; line-height:40px; font-size:14px; color: #b2b2b2;}
.footer-foot div p:last-child{ float:right;}
.footer-foot p a{ margin-right:10px;}
.footer-foot div p:last-child a{ border-right:1px solid rgba(255,255,255,0.8); padding-right:10px;}
.footer-foot div p:last-child a:last-child{ padding-right:0; margin-right:0; border-right:none;}

@media screen and (max-width: 1360px){ 
  .top_179_center{ width:100%; padding-left: 20px; box-sizing: border-box;}
  .top_left p, .top_right p{ font-size: 14px;}
  .news_179,.width_1360{ width: 100%; padding:0 20px; box-sizing: border-box;}
  #mould52740 .logo{ width: 32%; height:90px;} 
  .navbars4 ul{ height:90px;}
  #mould52680{ width:100%; padding:0 20px; box-sizing: border-box;}
  .about14 .about14-body li a .about-title{ width: 100%; padding:0 20px; box-sizing: border-box;}
  .about14 .about14-lam ul{ margin-left: -170%;} 
  .news_179{ padding-top:210px;}
}

