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


#mould78441{ position:fixed; top:0; width:100%; z-index: 9999; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); transition:1s;}
.navbars4{ width:1360px;}
.navbars4 .logo{ width:280px;}
.navbars4 ul{ height:100px;}
.navbars4 li a{ padding:0; margin-right:48px; position:relative; background:none;}
.navbars4 li.active a{ background:none; color:#f60302;}
.navbars4 li:hover a{ background:none; color:#f60302;}
.navbars4 li:last-child a{ margin-right:0;}
.navbars4 li a:after{ content:""; display:block; width:0; height:2px; background:#f60302; position:absolute; top:30px; transition:.6s;}
.navbars4 li:hover a:after{ width:100%;}
.navbars4 li.active a:after{ width:100%;}


#mould78442 .swiper-slide img{ height:100vh;}
#mould78442 .swiper-button-next, .swiper-button-prev{ top:56%;}
#mould78442 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:40px;}
#mould78442 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:40px;}
#mould78442 .swiper-container .swiper-pagination .swiper-pagination-bullet{background-color:rgb(255, 255, 255);background:rgb(255, 255, 255);opacity:1;border-radius:4px; width:30px;}
#mould78442 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{background-color:#f60302;background:#f60302;}



.about_3275{ width:1360px; margin:80px auto 0 auto;}
.about_3275 .left{ float:left; width:50%;}
.about_3275 .left h2{ font-size:30px; font-weight:bold; color:#f60302;}
.about_3275 .left span{ display:block; font-size:18px; line-height:18px; font-family: arial; text-transform: uppercase; margin:10px 0 24px 0;}
.about_3275 .left>p{ line-height:30px; text-indent:2em;}
.about_3275 .left>a{ padding:10px 24px; border:1px solid #ccc; transition:.5s; display: inline-block; text-transform: uppercase; margin-top:48px;}
.about_3275 .left>a:hover{ background: #f60302; color:#fff; border:1px solid #f60302;}
.about_3275 .left li{ float:left; width:20%; text-align:Center; margin-top:48px;}
.about_3275 .left li a{ width:88px; height:88px; margin:0 auto; display:block; border-radius:50%; background:#f60302 url(/images/btn_index.png) no-repeat;}
.about_3275 .left li:nth-child(2) a{ background-position: -88px 0;}
.about_3275 .left li:nth-child(3) a{ background-position: -176px 0;}
.about_3275 .left li:nth-child(4) a{ background-position: -264px 0;}
.about_3275 .left li:nth-child(5) a{ background-position: -352px 0;}
.about_3275 .left li p{ font-size:18px; line-height:18px; margin-top:20px;}
.about_3275 .left li:hover p{ color:#f60302;}

.about_3275 .right{ float:right; width:42%;}
.about_3275 .right img{ width:100%; border:3px solid #f60302; box-sizing:border-box;}



#mould78449{ padding-bottom:64px; background-image:url('//upload.ruituoyun.com/Upload/website/8337/image/2021/08/13/6376444144630415664669775.jpg');background-size:100%;background-repeat:no-repeat;background-position:center top;width:100%;}
#mould75509{ background-color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0);}
#mould75509 .tit5 h2{ font-size:36px; font-weight:bold; color:#333; padding-top: 60px;}
#mould75509 .tit5 h3{ font-size:20px; color:#333; margin-top:20px; margin-bottom:36px;}
#mould75509 .tit5 img{background-color:rgb(255, 255, 255);background:rgb(255, 255, 255);}
#mould75509{background-color:rgba(0, 0, 0, 0);background:rgba(0, 0, 0, 0);}

#mould75411{ width:1440px; margin:0 auto;}
.cp18_list{ width:100%;}
.cp18_list li{ margin-top:0;}
.cp18_list li:nth-child(-n+4){ margin-bottom:24px;}
.cp18_list li a{ overflow:hidden;}
.cp18_list li a img{ transition:.5s;}
.cp18_list li a img:hover{ transform:scale(1.1);}
.cp18_list li span{ width:100%; height:auto; margin:0; top: inherit;bottom:0; left:0; background: rgba(0,0,0,0.5); line-height: 48px; font-size:16px;}



.guodu{ background:#f60302;}
.guodu_bg,.case_bg{ width:1440px; margin:0 auto;}
.guodu_bg .left{ float:left; width:64%; padding:50px 0 80px 150px; box-sizing:border-box; background:url(/images/kuang.png) no-repeat center left;}
.guodu_bg .left p{ line-height:30px; font-size:20px; color:#fff;}
.guodu_bg .left hr{ width:60%; margin:5px 0;}
.guodu_bg .right{ float:right; width:24%; background:#fff; text-align:Center; padding:25px 0;}
.guodu_bg .right p{ font-size:24px; font-weight:bold; margin-top:15px; color:#f60302;}


/*案例*/
.case{ background:#f0f0f0; padding-bottom:40px;}
#mould75513{ width:100%;}
#mould75513 li{ background:#fff; padding:20px 20px 0 20px; box-sizing:border-box; margin-bottom:24px;}
#mould75513 li:hover{ background:#f60302;}
#mould75513 li.childBlank{ display:none;}
#mould75513 li:nth-child(-n+2){ width:49%;}
#mould75513 li a{ overflow:hidden;}
#mould75513 li p{ line-height:48px;}
#mould75513 li:hover p{ color:#fff;}



.news6 .news6-cont{ width:1360px; margin: 40px auto;}
.news6 .con li{ width:52%; border-bottom: 1px solid #ccc; padding-bottom: 20px;}
.news6 .con li:first-child,.news6 .con li:last-child{ border:none; padding:0;}
.news6 .con li .tu{ width:35%; height:145.6px;}
.news6 .con li .main{ width:63%;}
.news6 .con li .main h4{ font-size:20px;}
.news6 .con li:hover .main h4{ text-decoration: none; color:#f60302;}

.news6 .con li:first-child{ width:45%;}
.news6 .con li .tu1{ width:100%; height:360px;}
.news6 .con li img{ transition:.5s;}
.news6 .tj:hover .title{ color:#f60302;}



.footer{ background: #333;}
.foot{ width:1360px; padding:60px 0 60px 0;}
.foot_nav > ul > li{ margin-right:64px;}
.foot_nav > ul > li:last-child{ margin-right:0;}
.foot_nav li p{ margin-bottom:20px;}
.foot_nav li a{ line-height:32px;}
.foot_nav li a:hover{ color:#fff;}

.footer-foot{ background:none;}
.footer-foot .center{ width:1360px; margin:0 auto; border-top:1px solid rgba(255,255,255,0.2);}
.footer-foot p{ line-height:60px; float:left;}
.footer-foot p a:hover{ color:#fff;}
.footer-foot p:last-child{ float:right;}
.foot-ewm{ float:right; width: 30%; border-left: 1px solid rgba(255,255,255,0.2); padding-left: 40px; position:relative;}
.foot-ewm p{ float:initial; line-height:36px; color: #fff; margin-left:0;}
.foot-ewm div{ position:absolute; top:0; right:0;}
.foot-ewm div img{ width:128px; height:128px;}
.foot-ewm div span{ color:#fff; display: block; text-align: center; margin-top: 8px;}



@media screen and (max-width: 1560px){ 
  .navbars4,#mould75411,.guodu_bg, .case_bg,.news6 .news6-cont,.foot,.footer-foot .center,.about_3275{ width:94%;}
  .about_3275 .left{ width:54%;}
  .about_3275 .left>a{ margin-top:24px;}
}







