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

#mould86061{ width: 100%; background: none; text-align: center; position: relative; top: 0px; z-index:999;}
#mould86061:after{ content: ""; width:100%; height:100px; background:linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0)); position:absolute; bottom:0; left:0; z-index:-1;}
.navbars4{ width:90%; margin:0 auto;}
.navbars4 .logo{ float:inherit; width:120px; position:absolute; top:0; left:50%; transform:translateX(-80%);}
.navbars4 ul{ float:left;}
.navbars4 li{ padding:0 6px;}
.navbars4 li a{ color:#fff;}
.navbars4 li:hover a{ background:#fff; color:#b72422;}
.navbars4 li.active a{ background:#fff; color:#b72422;}
.navbars4 .phone_a{ border:1px solid #fff; color:#fff; border-radius:21px; line-height:42px; box-sizing:border-box; float:right; padding:0 20px; margin-top:28px; letter-spacing:1px;}
.navbars4 .phone_a p{ float:right; line-height:42px;}
.navbars4 .phone_a span{ float:right; display:inline-block; width:28px; height:28px; background:url(/images/phone.png) no-repeat; background-size: 90%; margin:10px 10px 0 10px;}
.navbars4 .phone_a h2{ float:right; line-height:42px; font-weight:bold; font-family:arial; font-size:20px;}



/*轮播图*/
#mould86062{ margin-top:-100px;}
#mould86062 .swiper-slide img{ height: 100vh;}
#mould86062 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: 64px!important;}
#mould86062 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left: 64px!important;}
#mould86062 .swiper-container .swiper-pagination .swiper-pagination-bullet{ background-color:#b72422;background:#b72422;opacity:0.4;border-radius:4px; width:8px;height:16px;}
#mould86062 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background-color:#b72422;background:#b72422;opacity:1;border-radius:4px; width:8px;height:24px;}


/*标题*/
.title_a{ text-align:center; width:360px; margin:64px auto;}
.title_a div h2{ font-size:32px; line-height:36px; letter-spacing: 1px; float:left;}
.title_a div p{ float:right; line-height:36px; text-align:Center; color:#fff; background:#b72422; border-radius:18px; padding:0 12px; margin-left:10px;}
.title_a div:last-child{ margin-top:6px;}
.title_a div span{ float:left; font-family:arial; position:relative; font-size:18px; margin:12px 0 0 6px;}
.title_a div span:after{ content:""; width:100%; height:1px; background:#b72422; position:absolute; bottom:-4px; left:0;}
.title_a div h3{ font-size:48px; line-height:48px; font-weight:bold; color:#b72422; letter-spacing: 6px; float:right;}
/*通用*/
.width_1600{ width:1600px; margin:0 auto;}


/*优势*/
.advantage_a{ padding-bottom:80px;}
.advantage_a li{ float:left; width:21%; margin-right:5.33%; padding:15px 15px 24px 15px; box-sizing:border-box; background:#b72422; text-align:center; position:relative; z-index:1; transition:.6s;}
.advantage_a li:after{ content:""; position:absolute; left:0; top:0; border:1px solid #b72422; z-index:-1; transform: rotate(-10deg); transition: .6s linear all; width:82%; height:90%;}
.advantage_a li:hover:after{ transform: rotate(10deg);}
.advantage_a li:nth-child(odd){ margin-top:40px;}
.advantage_a li:hover{ margin-top:20px;}
.advantage_a li:last-child{ margin-right:0;}
.advantage_a li div{ overflow:hidden;}
.advantage_a li div img{ width:100%; transition:.6s;}
.advantage_a li:hover div img{ transform:scale(1.1);}
.advantage_a li h2{ color:#fff; font-size:24px; margin-top:20px;}
.advantage_a li p{ color:#fff; padding:0 16px 0 16px; line-height:24px; height:48px; overflow: hidden;}


/*加盟*/
.jm_a{ background:url(/images/jm_bg.jpg) no-repeat center; min-height:900px; padding-bottom:80px;}
.jm_a a:hover{ color:#333;}
.jm_a a.on{ width:46%; float:right; margin-top: 280px;}
.jm_a a.on div{ margin-bottom:15px; position:relative; padding-left:64px; box-sizing:border-box;}
.jm_a a.on div:before{ content:"01"; font-size:44px; font-family:arial; color:#b72422; position:absolute; left:0; top:8px;}
.jm_a a.on div:nth-child(2):before{ content:"02";}
.jm_a a.on div:nth-child(3):before{ content:"03";}
.jm_a a.on div:nth-child(4):before{ content:"04";}
.jm_a a.on div:nth-child(2),.jm_a a.on div:nth-child(3){ margin-left:24px;}
.jm_a a.on div h2{ font-size:30px; color:#b72422;}

.jm_a a.down{ width:49%; float:left; margin-top: 740px; text-align:right;}
.jm_a a.down div{ margin-bottom:15px; position:relative; padding-right:64px; box-sizing:border-box;}
.jm_a a.down div:before{ content:"05"; font-size:44px; font-family:arial; color:#b72422; position:absolute; right:0; top:8px;}
.jm_a a.down div:nth-child(2):before{ content:"06";}
.jm_a a.down div:nth-child(3):before{ content:"07";}
.jm_a a.down div:nth-child(4):before{ content:"08";}
.jm_a a.down div:nth-child(1){ margin-right:72px;}
.jm_a a.down div:nth-child(2){ margin-right:72px;}
.jm_a a.down div:nth-child(3){ margin-right:48px;}
.jm_a a.down div h2{ font-size:30px; color:#b72422;}

.jm_a span{ display:block; width:360px; margin:80px auto 0 auto; background:#b72422; font-family:arial; text-align:Center; font-size:38px; color:#fff; border-radius:44px; padding:10px 0;}
.jm_a span em{ display:block; font-size:18px;}


/*火爆场景*/
.cp_a{ position:relative; background:#b72422; background-attachment: fixed; padding:48px 0;}
.cp_a .mySwiper21{ z-index:1; overflow:hidden;}
.cp_a>img{ position:absolute; left:50%; top:50%; transform:translate(-48%,-50%); z-index:2;}
.cp_a .swiper-button-next,.cp_a .swiper-button-prev{ top:49%;}
.cp_a .swiper-button-next,.swiper-container-rtl .swiper-button-prev{ right: 120px!important; background-color:#b72422; width:60px; height:60px; background-size: 36%;}
.cp_a .swiper-button-prev,.swiper-container-rtl .swiper-button-next{ left: 120px!important; background-color:#b72422; width:60px; height:60px; background-size: 36%;}


/*新闻*/
.news_a{ padding-bottom:80px;}
.news_a li{ float:left; width:22%; margin-right:4%; border-radius:12px; overflow:hidden; box-shadow:0 0 16px rgba(0 0 0 / 10%); transition:.5s;}
.news_a li:hover{ box-shadow:0 0 16px rgba(0 0 0 / 24%);}
.news_a li:last-child{ margin-right:0;}
.news_a li a>img{ display: block; margin: 0 auto;}
.news_a li div{ width:calc(100% - 40px); margin:0 auto; box-sizing:border-box; border-radius:8px; overflow:hidden; position:relative;}
.news_a li div:after{ content:""; background:rgba(0,0,0,0.4) url(/images/play.png) no-repeat center center; background-size:40px; position:absolute; top:0; left:0; width:100%; height:100%;}
.news_a li h2{ padding:10px 20px 20px; margin-top:12px; border-top:1px solid #ccc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition:.5s;}
.news_a li:hover h2{ color:#b72422;}


/*版权*/
.footer_bg{ background:#b72422; padding-top:60px;}
.footer_bg .left{ width:36%; float:left; color:#fff;}
.footer_bg .left .foot_logo h2{ font-size:32px;}
.footer_bg .left .foot_logo h3{ font-size:48px; font-weight:bold; line-height:72px; font-family:arial; color:#b72422; background:#fff; display:inline-block; padding:0 30px; border-radius:36px; margin: 24px 0; letter-spacing: 6px;}
.footer_bg .left .foot_logo p{ line-height:36px; background: url(/images/icon_add.png) no-repeat center left; padding-left:24px;}

.footer_bg .left .foot_share{ margin-top:16px;}
.footer_bg .left .foot_share a{ width:56px; height:56px; display:block; border-radius:6px; float:left; position:relative;}
.footer_bg .left .foot_share a:nth-child(-n+2){ margin-right:24px;}
.footer_bg .left .foot_share a:nth-child(1){ background:rgba(0,0,0,0.2) url(/images/sj1.png) no-repeat center;}
.footer_bg .left .foot_share a:nth-child(2){ background:rgba(0,0,0,0.2) url(/images/wx1.png) no-repeat center;}
.footer_bg .left .foot_share a:nth-child(3){ background:rgba(0,0,0,0.2) url(/images/dy1.png) no-repeat center;}
.footer_bg .left .foot_share a div{ width:120px; height:120px; position:absolute; bottom:56px; left:50%; margin-left:-56px; box-shadow: 0 0 8px rgb(0 0 0 / 10%); transition:.5s; transform: scale(0); transform-origin: bottom;}
.footer_bg .left .foot_share a:hover div{ transform: scale(1);}

.footer_bg .left div:last-child{ margin-top:60px;}
.footer_bg .left div:last-child h2{ float:left; font-size:44px; font-family:"楷体"; margin-right:10px;}
.footer_bg .left div:last-child h3{ float:left; font-size:20px; line-height:20px; margin-top:2px;}
.footer_bg .left div:last-child h3 p{ font-size:12px; line-height:14px; margin-top:2px; letter-spacing: 1px; font-family: arial;}

.messages3{ width: 48%; background:#fff; float:right; padding:50px; box-sizing:border-box; border-radius:12px;}
.messages3 ul{ padding: 0; width: 54%; float:left;}
.messages3 ul h2{ font-size:30px; margin-bottom:24px;}
.messages3 ul li{ margin-bottom:18px;}
.messages3 ul li input{ float: inherit; height: 48px; padding: 0; padding-left: 14px; width: 90%; color:#333; border-radius: 6px; margin: 0!important; background:#fff; box-shadow:none; font-size:16px;}
.messages3 ul li input:first-child{ margin-right:2%!important;}
.messages3 ul li input:focus{ box-shadow:none; border:1px solid #ccc;}
.messages3 ul li a{ width: 60%; background: #b72422; border-radius: 6px; font-size: 16px; color: #fff; margin: 0; line-height: 48px; height: 48px;}
.messages3 ul li a:hover{ background:#982034; color:#fff;}
.messages3 div{ float:right; width:200px;}
.messages3 div img{ width:180px; height:180px; margin:24px 0 0 10px;}
.messages3 div p{ text-align:Center; color:#b72422;}

.copyright{ border-top:1px solid rgba(255,255,255,0.1); margin-top:30px;}
.copyright .fl{ float:left;}
.copyright .fr{ float:right;}
.copyright .fl,.copyright .fr,.copyright a{ line-height:48px; color:#fff;}


@media (max-width: 1680px){
  .navbars4 .phone_a h2 em{ display:none;}
  .navbars4 .logo{ transform: translateX(-20%);}
  .width_1600{ width:90%;}
  .cp_a>img{ transform: translate(-57%,-50%);}
}

@media (min-width: 1560px) and (max-width: 1679px){
  .navbars4{ width:94%;}
  .navbars4 .phone_a h2 em{ display:none;}
  .navbars4 .logo{ transform: translateX(-20%);}
  .width_1600{ width:90%;}
  .news_a li{ width:23.5%; margin-right:2%;}
  .cp_a>img{ transform: translate(-62%,-50%);}
}

@media (min-width: 1440px) and (max-width: 1559px){
  .advantage_a li p { padding: 0;line-height: 24px;}
  .navbars4{ width:94%;}
  .navbars4 .phone_a h2 em{ display:none;}
  .navbars4 .logo{ transform: translateX(-40%);}
  .navbars4 li{ padding:0;}
  .width_1600{ width:90%;}
  .news_a li{ width:23.5%; margin-right:2%;}
  .cp_a>img{ transform: translate(-68%,-50%);}
}
@media (min-width: 1360px) and (max-width: 1439px){
  .navbars4{ width:94%;}
  .navbars4 .phone_a h2 em{ display:none;}
  .navbars4 .phone_a p{ display:none;}
  .navbars4 .logo{ transform: translateX(40%);}
  .navbars4 li{ padding:0;}
  .width_1600{ width:90%;}
  .news_a li{ width:23.5%; margin-right:2%;}
  .cp_a>img{ transform: translate(-71%,-50%);}
  .footer_bg .left .foot_logo h3{ font-size:44px;}
}

