.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}
.width_1600{ width:1600px; margin:0 auto;}


.container-fluid{overflow-x: hidden;}



/*侧边*/
.cebian{ position:fixed; bottom:30%; right:0; z-index:999;}
.cebian>div{ width:72px; height:72px; position:relative; margin:5px 0; background:#ec6c02;}
.cebian>div span{ background: url(/images/fixcont.png) no-repeat; width:48px; height:48px; margin:0 auto; display:block;}
.cebian>div .one p{ font-size:12px; text-align:center; color:#fff;}
.cebian>div .two{ background:#ec6c02; width:140px; height:72px; position:absolute; right:-140px; top:0; color:#fff; text-align:center; line-height:72px; transition:1s; font-size:14px;}

.cebian>div.box_a a{ display:block;}
.cebian>div.box_a span{  background-position: 0 0;}
.cebian>div:nth-child(1) .two { width: 200px;right: -200px;}
.cebian>div:nth-child(1) .two p{    font-size: 20px; line-height: 72px;    padding: 0 20px;}

.cebian>div.box_b span{   background-position: -48px 0;}
.cebian>div.box_b .two{ background:#fff;}
.cebian>div.box_b:hover .one{ display:block;}
.cebian>div.box_b:hover .two{ right:78px; height:140px;}
.cebian>div.box_b .two img{ width:140px; height:140px;}

.cebian>div.box_c span{   background-position: -96px 0;}
.cebian>div.box_c .two{ background:#fff;}
.cebian>div.box_c:hover .one{ display:block;}
.cebian>div.box_c:hover .two{ right:78px; height:140px;}
.cebian>div.box_c .two img{ width:140px; height:140px; }

.cebian>div.box_d span{ background-position: -144px 0;}
.cebian>div.box_d:hover .one{ display:block;}

.cebian>div:hover{cursor: pointer;}
.cebian>div:hover .one{ display:none;}
.cebian>div:hover .two{ right:0;}





/*导航*/
#mould81408{ width:1600px; }
#mould81408 .navbars4{ width:1600px;background:#fff;position: absolute;z-index:999;border-radius: 0 0 12px 12px;height: 90px;margin-left: 50%;transform: translate(-50%, 0);    box-shadow: 0px 4px 8px 0px rgb(0,0,0,0.1);}
.navbars4{height:90px;}
.navbars4 ul{height:90px;}
.navbars4 .logo{ width:251px;margin-left: 51px;height: 90px;}
.navbars4 li{ }
.navbars4 li a{ color:#333; display: block;margin-left:51px;font-size: 18px;padding:0;}
.navbars4 li:nth-child(8) a{margin-right:51px;}
.navbars4 li:hover a{color:#ec6c02;background: none;line-height: 90px;border-radius:initial;border-top: 2px solid #ec6c02;}
.navbars4 li.active a{color:#ec6c02;background: none;border-radius:initial;line-height: 90px;border-top: 2px solid #ec6c02;}




/*轮播图*/
#mould81409 .swiper-button-next, .swiper-button-prev{border-color:#fff;}
#mould81409 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:40px;top: 55%;}
#mould81409 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:40px;top: 55%;}
#mould81409 .swiper-container .swiper-pagination .swiper-pagination-bullet{ background:#fff; border-radius:10px; width:50px;opacity:0.5;margin:0 6px!important;}
#mould81409 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background-color:#fff;background:#fff;opacity:1;}


#mould81409 .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 20px;;}


/*标题*/
.title{margin-bottom: 60px;}
.title .title-left{float: left;    position: relative;}
.title .title-left h2{font-size:36px;color:#ec6c02;    font-weight: 600;line-height: 48px;}
.title .title-left p{font-size:16px;color:#666;margin-top:10px;line-height: 17px;}
.title .title-left img{position:absolute;top: 23px;right: -110px;}
.title .title-right {float: right;    margin-top: 14px;}
.title .title-right a{background:#ec6c02;line-height: 44px;width:152px;text-align: center;color:#fff;font-size:14px;    float: right;}



/*明星产品*/
.mx .title{margin:10px 0 110px 0;}
.mx{width: 1760px;position: relative;margin: 80px 0 60px 0;}
.mx .mx-left{float: left;width: 28%;}
.mx .mx-right{float: right;width: 68%;}
.mx .mx-right h3{font-size: 100px;line-height: 112px;color: rgb(236,108,2,0.1);font-weight: bold;}
.mx .mx-right .nr li{width:23%;    float: left;    margin-left: 1%;}
.mx .mx-right .nr li p{text-align:center;    color: #EC6C02;font-size: 18px;}
.mx .mx-right .nr li:nth-child(1){width:28%;background: #EC6C02;    padding: 10px 0 20px 0;    margin-left:0;    margin-top: -60px;}
.mx .mx-right .nr li:nth-child(1) p{    color: #fff;}
.mx .mx-right .nr{position: relative;    z-index: 999;}
.mx .mx-right .nr:before{    z-index: -1;content: "";display: block;position: absolute;width: 112%;height: 105%;bottom: 0;right: 0;box-shadow: 0px 0px 10px 2px rgb(236,108,2,0.1);background: #fff;}
.mx:before{z-index: -1;content: "";display: block;position: absolute;background: #F9F9F9;width: 110%;height: 100%;top: 60px;left: 0;}


/*精美色卡*/
.sk .mx-right {float: left;}
.sk .mx-left {float: right;}
.sk .mx-right h3 {text-align: right;}
.sk .title .title-right {float: left;}
.sk .title .title-left {float: right;}
.sk .title .title-left img {left: -120px;}
.sk .mx-right .nr:before {left: 0;}
.sk {float: right;}
.sk1 .mx:before{    left: inherit;right: 0;}
.sk1 .mx .mx-right .nr li:nth-child(4) {width: 28%;background: #EC6C02;padding: 10px 0 20px 0;margin-left: 0;margin-top: -60px;}
.sk1 .mx .mx-right .nr li:nth-child(1) {width:23%;    float: left;    margin-left: 1%;background: 0;    padding: 0;margin-top: 0;}
.sk1 .mx .mx-right .nr li:nth-child(1) p {color: #EC6C02;}
.sk1 .mx .mx-right .nr li:nth-child(4) p {color: #fff;}




/*案例中心*/
.al .mx-right .nr li {width: 20%;margin-left: 3%;padding: 20px 0;}
.al .mx-right .nr li:nth-child(1) {padding: 0;}



/*产品*/
.product_a{ width:100%; }
.product_a>img{ display:block; margin:0 auto 48px auto;}
.product_a .swiper-slide{ position:relative;background: #fff;box-shadow:0px 0px 10px 2px rgb(236,108,2,0.1);text-align:center;padding: 50px 0;}
.product_a .swiper-pagination-bullet{ background:#D8D8D8; width:50px; border-radius:10px; opacity:1; margin:0 5px!important;}
.product_a .swiper-pagination-bullet-active{ background:#EC6C02;}
.product_a .swiper-button-prev,.product_a .swiper-button-next{ width:80px; height:80px; border-radius:50%; background:url(/images/btn_a.png) no-repeat; top:45%;}
.product_a .swiper-button-prev{ left:15%;}
.product_a .swiper-button-next{ right:15%; background-position:-80px 0;}
.product_a .swiper-container .swiper-wrapper {height: auto;padding: 80px 0 125px 0;}
.product_a .swiper-slide h2{    font-size: 36px;line-height: 48px;color: #EC6C02;font-weight: bold;}
.product_a .swiper-slide h3{    font-size: 14px;line-height: 16px;color: #666666;margin: 10px 0 40px 0;}
.product_a .swiper-slide p{color: #EC6C02;}
.product_a .swiper-slide>p{line-height: 27px;width: 90%;margin: 0 auto;color: #333;}
.product_a .swiper-slide .nr{margin: 60px auto 0 auto;}
.product_a .swiper-slide .nr li{    width: 25%;float: left;}


.product_a .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 70px;}



/*关于华都*/
.about{background:#f9f9f9;}
.about .jj{    margin: 0 auto;padding: 80px 0;width: 1600px;}
.about .jj .left{width:49%;float:left;}
.about .jj .left h3{    font-size: 100px;color: rgb(0,0,0,0);-webkit-text-stroke: 1px #d9d9d9;line-height: 112px;margin-bottom: 50px;}
.about .jj .left p{font-size:30px;color:#ec6c02;line-height: 46px;}
.about .jj .left span{font-size:16px;color:#333;line-height: 34px;margin-top: 50px;display: block;}
.about .jj .left .more a{margin-top:50px;background: #ec6c02;line-height: 44px;width: 152px;text-align: center;color: #fff;font-size: 14px;float: left;}
.about .jj .right{float:right;width: 38%;}





/*底部*/
#mould81009{width:100%;background:#ec6c02;}
.footer{ background:none;}
.foot{margin:0 auto;width: 100%;}
.footer-foot{ background:none;}
.footer-foot .center{  margin:0 auto; border-top: 1px solid rgba(255,255,255,0.3);}
.footer-foot p{ line-height:52px; float:left; color:#fff;}
.footer-foot p a{ color:#fff;margin-right: 0px;}
.footer-foot p:last-child{ float:right;}
.foot_nav li p{ font-size:18px; color:#fff;line-height: 25px;margin-bottom: 15px;}
.foot_nav li a{ font-size:14px; color:rgb(255,255,255,0.8);line-height: 20px;margin-bottom: 15px;display: inline-block;}
.foot_nav li a:hover{ color:#fff;opacity:1;}
.foot_nav{    padding-right: 56px;}
.foot_nav > ul > li {margin-right: 50px;}
.foot {overflow: hidden;padding-top:64px;padding-bottom:40px;}
.foot-ewm{ float:right;}
.foot-ewm div>h2{color:rgb(255,255,255,0.8);font-size:16px;display: inline;margin-left: 8px;}
.foot-ewm div>p{color:#fff;font-size:18px;float: none;margin-left: 26px;line-height: 16px;}
.foot-ewm div{margin-bottom:18px;}



@media screen and (min-width:1440px) and (max-width:1680px){ 

  
    #mould81408 .navbars4 {width: 95%;    height: 80px;}
.navbars4 li.active a {line-height: 80px;}
   .navbars4 li a {margin-left: 40px;}
  .navbars4 .logo {width: 221px;height: 80px;margin-left: 40px;}
    .navbars4 ul {height: 80px;}
  .navbars4 li:hover a {line-height: 80px;}
  
  .mx {width: 95%;margin: 60px 0 40px 0;}
.sk {margin: 80px 0 60px 0;}
  

  
  
  
  .product_a .swiper-container .swiper-wrapper {padding: 60px 0 105px 0;}
  .product_a .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 50px;}
  
    .about .jj {width: 95%;}
  .about .jj .left h3 {display: none;}
    .about .jj {padding: 60px 0;}

  
  .footer {width: 95%;}
  
  .footer-foot {width: 95%;}
  .foot {padding-top: 54px;padding-bottom: 30px;}

  
  
}

@media screen and (min-width:1360px) and (max-width:1439px){ 

  
  
  
  #mould81408 .navbars4 {width: 95%;    height: 80px;}
.navbars4 li.active a {line-height: 80px;}
   .navbars4 li a {margin-left: 40px;}
  .navbars4 .logo {width: 221px;height: 80px;margin-left: 40px;}
    .navbars4 ul {height: 80px;}
  .navbars4 li:hover a {line-height: 80px;}
  
  .mx {width: 95%;margin: 60px 0 40px 0;}
.sk {margin: 80px 0 60px 0;}
  

  
  
  
  .product_a .swiper-container .swiper-wrapper {padding: 60px 0 105px 0;}
  .product_a .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 50px;}
  
    .about .jj {width: 95%;}
  .about .jj .left h3 {display: none;}
  .about .jj {padding: 60px 0;}
  
  .footer {width: 95%;}
  
  .footer-foot {width: 95%;}
.foot {padding-top: 54px;padding-bottom: 30px;}
}