.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{ background:#fff;}

/*顶部导航*/
.navbars4{ height:100px; width:1600px;}
.navbars4 .logo{ width:282px;}
.navbars4 .logo img{ margin: 0 auto; display: block;}
#mould81573 .navs>li>a{ margin: 0 5px; color:#fff;}
#mould81573 .navs>li:hover>a{ background:#fff; color:#ec752e; border-radius:6px;}
#mould81573 .navs>li.active>a{ background:#fff; color:#ec752e; border-radius:6px;}
#mould81573{ position: fixed; top: 0; width:100%; z-index: 999; background:#ec752e;}
.navbars4 .tel{ float:right; margin: 15px 0 0 3%; background:#fff; border-radius:10px; padding:8px 15px; box-sizing:border-box;}
.navbars4 .tel .title2{ font-size:18px; line-height: 18px; margin-bottom:8px;}
.navbars4 .tel .haoma{ font-size:28px; line-height: 28px; font-family: arial; font-weight:bold; color:#ec752e;}


/*大图*/
#mould81572 .swiper-slide img{ height:100vh;}
#mould81572 .swiper-button-next, .swiper-button-prev{ top:52%;}
#mould81572 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:60px;}
#mould81572 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:60px;}
#mould81572 .swiper-container .swiper-pagination .swiper-pagination-bullet{ background-color:rgb(255, 255, 255);background:rgb(255, 255, 255);opacity:0.4;border-radius:4px; width:30px;}
#mould81572 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background-color:rgb(255, 255, 255);background:rgb(255, 255, 255);opacity:1;border-radius:4px; width:30px;}


.width_1600{ width:1600px; margin:100px auto 0 auto;}


/*简介*/
.about_a .left{ float:left; width:38%; margin-top:1%;}
.about_a .left div img{ display:block; margin: 0 auto 40px auto;}
.about_a .left p{ line-height:40px; color:#fff; margin-bottom:20px;}
.about_a .left p:first-child{ line-height:36px; text-indent:2em; margin-bottom:36px;}
.about_a .left p span{ float:left; background:url(/images/chuan.png) no-repeat; width:20px; height:40px; margin-right:15px;}

.about_a .right{ float:right; width:56%;}
.about_a .right video{ width:100%;}



/*优势*/
.youshi li{ float:left; width:33.333%; height:100vh; position:relative; overflow:hidden; background: rgba(236,117,46,1);}
.youshi li img{ height:100%; width:100%; transition:.5s;}
.youshi li:hover img{ transform: scale(0.9) translate3d(0, 0, 0) translateY(-1.5%);}
.youshi li .cont_box{
    position:relative;
    bottom:130px;
    background: rgba(236,117,46,0.6);
    height:130px;
    padding:30px;
    box-sizing:border-box;
    color:#fff;
    transition:.5s;
}
.youshi li:hover .cont_box{ height:300px; bottom:300px; background: rgba(236,117,46,1);}

.youshi li .cont_box:before{ 
    position:absolute;
    top: -100px;
    left: 0;
    content: "";
    border-width: 100px 640px 0 0;
	border-style:  solid solid none solid;
	border-color:  transparent rgba(236,117,46,0.6) transparent transparent;
    transition:.5s;
}
.youshi li:hover .cont_box:before{ border-color:  transparent rgba(236,117,46,1) transparent transparent;}
.youshi li .cont_box h2{ font-size:30px; line-height:30px; margin-bottom:10px;}
.youshi li .cont_box h3{ font-size:18px; line-height:18px; margin-bottom:15px;}
.youshi li .cont_box p{ line-height:30px; display:none;}
.youshi li:hover .cont_box p{ display:block;}




/*加盟优势*/
#mould78455{ width:100%;}
#mould78455 ul{ width:100%;}
#mould78455 .beijing{ transform: skew(-10deg,0deg); float:left; width:25%; background:rgb(0,0,0,0.3); text-align:center; padding:40px 0; box-sizing:border-box; height:100vh; position:relative;    border-right: 1px solid rgb(255,255,255,0.2);}
#mould78455 .beijing:hover{ background:rgb(236,117,46,0.6);}
#mould78455 li{ margin-top: 60%; transform: skew(10deg,0deg);}
.beijing h3{ width:100px;height:100px; margin: 0 auto;}
.beijing-a h3{ background:url(/images/ys.png); background-position: 100px 0;}
.beijing-b h3{ background:url(/images/lc.png); background-position: 100px 0;}
.beijing-c h3{ background:url(/images/zc.png); background-position: 100px 0;}
.beijing-d h3{ background:url(/images/dh.png); background-position: 100px 0;}
.beijing li h4{ color: #fff;font-size: 30px;letter-spacing: 2px;line-height: 42px;margin:7% 0 6% 0;}
.beijing-b hr{ border-top: 0px solid #eeeeee;border-bottom: 0px solid #ffffff;}
.beijing li h2{ text-align: left;font-size:16px; line-height:30px; margin:5% auto 10% auto;color:#fff;    width:80%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
#mould78455 li span{ display: none;font-size: 20px;line-height: 44px;background: #ec752e;color: #fff;width: 186px;height: 44px;border-radius: 40px;position: absolute;margin-left: -28%;letter-spacing: 2px;}
#mould78455 .clearfix div:hover li span{display: inherit; background: #fff; color:#ec752e;}
.swiper-container{ overflow: unset;}

#mould78455 .beijing-a{ position: relative;}
#mould78455 .beijing-a{ background:0;}
#mould78455 .beijing-a:hover{ background:0;}
#mould78455 .beijing-a:before{content: "";position: absolute;left: -100%;top: 0;width: 200%;border-width: 0 0 990px 0px;border-style: none solid solid;border-color: transparent transparent rgb(0,0,0,0.3);z-index: -1;transform: rotate(-180deg);}
#mould78455 .beijing-a:hover:before{border-color: transparent transparent rgb(236,117,46,0.6);}

#mould78455 .beijing-d{ position: relative;}
#mould78455 .beijing-d{ background:0;}
#mould78455 .beijing-d:hover{ background:0;}
#mould78455 .beijing-d:before{ content: "";position: absolute;right: -100%;top: 0;width: 200%;border-width: 0 0 990px 0px;border-style: none solid solid;border-color: transparent transparent rgb(0,0,0,0.3);z-index: -1;transform: rotate(-180deg);}
#mould78455 .beijing-d:hover:before{ border-color: transparent transparent rgb(236,117,46,0.6);}
.beijing:hover h3{ background-position: 0 0;}




/*产品*/
.cp_a{ position:relative;}
.cp_a .mySwiper21{ z-index:1;}
.cp_a>img{ position:absolute; left:50%; top:25%; transform:translateX(-47%); z-index:2;}
.cp_a .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: 120px!important; background-color:#ec752e; width:60px; height:60px; background-size: 36%;}
.cp_a .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left: 120px!important; background-color:#ec752e; width:60px; height:60px; background-size: 36%;}



/*新闻*/
.news_a{ margin-top:100px;}
.news_a li.left{ background: rgba(236,117,46,0.6); float:left; width:64%; border-top-right-radius:20px; border-bottom-right-radius:20px; padding:60px 60px 60px 0; margin-right:64px;}
.news_a li.left div{ float:left; margin-right:30px; margin-left: 13%; box-sizing:border-box; border-radius:15px; overflow:hidden;}
.news_a li.left div img{ width:100%; height:100%; transition:.5s;}
.news_a li.left div:hover img{ transform:scale(1.05);}
.news_a li.left a{ color:#fff;}
.news_a li.left h4{ font-size:20px; line-height:30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; padding-top:22%;}
.news_a li.left p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; line-height:30px; margin:20px 0;}
.news_a li.left time{ }


.news_a li{ width:20%; float:left;}
.news_a li:nth-child(2){ margin-top:3%;}
.news_a li:nth-child(2),.news_a li:nth-child(3){ margin-bottom:30px; border-bottom:1px dashed rgba(255,255,255,0.5); padding-bottom:30px;}
.news_a li a{ color:#fff;}
.news_a li h4{ font-size:20px; line-height:30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin:5px 0 10px 0;}
.news_a li p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height:30px;}


/*底部*/
.foot_left_a{ float:left; width:26%;}
.foot_left_a h2{ float:left; text-align:center; color:#fff;}
.foot_left_a h2 img{ display:block; border-radius:8px; width:128px; height:128px;}
.foot_left_a h2:first-child{ margin-right:20px;}
.foot_left_a .lianxi p{ color:#fff; line-height:30px;}
.foot_left_a .lianxi p:first-child{ font-size:24px; font-weight:bold; margin:20px 0 10px 0;}

footer ul{ float:right; width:58%;}
footer li{ float:left; margin-right:60px;}
footer li:last-child{ margin-right:0;}
footer li a{ color:#fff;}
footer li h4{ font-size:20px; margin-bottom:10px;}
footer li h5{ line-height:36px;}


.copy{ background:rgba(0,0,0,0.1);}
.copy>div{ width:1600px; margin:48px auto 0 auto;}
.copy .fl{ float:left; line-height:48px; color:#fff;}
.copy .fr{ float:right; line-height:48px; color:#fff;}
.copy a{ color:#fff;}


@media screen and (max-width:1680px){
  .navbars4{ width:94%;}
  .navbars4 .tel{ margin-left:2%;}
  
  .about_a .left div img{ width:40%;}
  .about_a .left p{ line-height:30px;}
  
  .width_1600,.copy>div{ width:92%;}
  .cp_a .swiper-wrapper{ transform: translate3d(-270px, 0px, 0px)!important;}
  .news_a li.left{ width:60%;}
  .news_a li.left div{ width:600px; margin-left:6%;}
  .news_a li.left h4{ padding-top:14%;}
  .news_a li.left h4,.news_a li h4{ -webkit-line-clamp:1;}
  .news_a li p{ -webkit-line-clamp:2;}
  .news_a li:nth-child(2){ margin-top: 2%;}
  .foot_left_a{ width:30%;}
  footer ul{ width:64%;}
}
  
@media screen and (max-width:1440px){ 
  .navbars4 .tel{ display:none;}
  .about_a .left{ margin-top:1.5%;}
  .about_a .left div img{ margin-bottom: 24px;}
  .cp_a .swiper-wrapper{ transform: translate3d(-230px, 0px, 0px)!important;}
  .beijing li h4{ font-size:24px;}
  #mould78455 li span{ margin-left:-38%; font-size:18px; letter-spacing:normal;}
  footer ul{ width:66%;}
  footer li{ margin-right:48px;}
}  
  
@media screen and (max-width:1360px){ 
  .about_a .left{ width:40%; margin-top:0;}
  .cp_a .swiper-wrapper{ transform: translate3d(-216px, 0px, 0px)!important;}
  .news_a li.left{ padding: 48px 48px 48px 0;}
  .news_a li{ width:24%;}
  footer li{ margin-right:42px;}
}