﻿.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}
@font-face{
    font-family: "YSBT";
    src:url("/images/YouSheBiaoTiHei-2.ttf");
}

/*导航*/
#mould76321{ position:fixed; top:-100px; width:100%; z-index: 9999; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); transition:1s;}
.navbars4{ width:1600px;}
.navbars4 .logo{ width:150px;}
.navbars4 ul{ height:100px;}
.navbars4 li a{ padding:0; margin-right:48px; position:relative; background:none;}
.navbars4 li.active a{ background:none; color:#085d40;}
.navbars4 li:hover a{ background:none; color:#085d40;}
.navbars4 li:last-child a{ margin-right:0;}
.navbars4 li a:after{ content:""; display:block; width:0; height:2px; background:#085d40; position:absolute; top:30px; transition:.6s;}
.navbars4 li:hover a:after{ width:100%;}
.navbars4 li.active a:after{ width:100%;}
#mould76321 .phone{ float:right; background:#085d40; color:#fff; font-size:20px; font-weight:bold; padding:0 16px; line-height:48px; border-radius:6px; margin:28px 0 0 36px;}

.active{ top:0;}
.navicon{position: absolute;padding: 8px 10px;width: 75px;box-sizing: border-box;margin-left: -38px;bottom: -31px;left: 50%;z-index: -1;background-color: rgba(255,255,255,1);
	border: 1px solid rgba(0,0,0,.2);border-top: none;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;box-shadow: 0 2px 20px rgba(0,0,0,.2);}
.navicon p{padding-left: 25px;position: relative;font-size: 14px;line-height: 14px}
.navicon p:before{content: '';display: block;position: absolute;width: 18px;height: 15px;top: -2px;left: 0;background-position: center center;background-repeat: no-repeat;
	background-size: 100% auto;background-image: url(/images/navicon.png);opacity: .6;}

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

.width_1600{ width:1600px; margin:0 auto;}
.title_a{ text-align:center; background:url(/images/title1.png) no-repeat; width:248px; height:95px; margin:0 auto 36px auto;}
.title_a h2{ font-size:30px; line-height:30px; font-weight:bold; color:#085d40; letter-spacing:5px; padding-top:40px;}
.title_a p{ font-size:16px; line-height:16px; margin-top:8px; color:#f1861a; font-family: arial; text-transform: uppercase;}
.title_b{ background:url(/images/title2.png) no-repeat;}
.title_b h2,.title_b p{ color:#fff;} 

/*动画*/
.loading{width: 100%;height:100%;position: fixed;left: 0%;top: 0%;z-index: 200;background:url(/images/loading.jpg) no-repeat;
  -webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);overflow: hidden;}
.loading.active{height: 0px;}
.loading_logo{width: 400px;height: auto;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);overflow: hidden;}
.loading{-webkit-transform: translateY(100%);-webkit-animation: loadingAnimate 5s ease 1 forwards;}
.loading_logo img{-webkit-transform: translateY(100%);-webkit-animation: loadingAnimate 5s ease 1 forwards;}
@-webkit-keyframes loadingAnimate{
	0%{-webkit-transform: translateY(100%);}
	40%,80%{-webkit-transform: translateY(0%);opacity: 1;}
	100%{-webkit-transform: translateY(0%);display:none;}
}



/*公司简介*/
.about_a{top:20px;background:url(/images/bg_a.jpg)no-repeat;}

.about_a .width_1600 .left{float: left;width: 49%;margin-top: 160px;  margin-bottom: 100px;  }
.about_a .width_1600 .right{float: right;margin-top: 90px;margin-bottom: 100px;}
.about_a .about_content p{color:#1a5141;line-height:34px;text-indent:2em;}
.about_content{margin-top:65px;}
.more{color:#fff!important;    margin: -55px 0 0 108px;}
.button{margin-top: 90px;}
.button img {margin-top: 70px;}

/*产品*/
.cp_a{top:20px;background:url(/images/bg_b.jpg)no-repeat;}
.cp_a .width_1600{margin-top:100px;}
.cp_a .cp_left{width:25%;float:left;}
.cp_a .cp_left ul{margin-top:50px;}
.cp_a .cp_left li{margin-bottom:50px;}
.cp_a .cp_left p{float:right;font-family: "YSBT"; font-size:36px; color:#1a5141;margin-right:170px;}

.cp_a .cp_middle{ float:left; width:22%; box-shadow: 0 0 10px rgba(0,0,0,0.2); text-align:Center; padding:19px 0; border-radius:30px; margin-right:4%;    margin-bottom: 100px;}
.cp_a .cp_middle span{ display:block; margin-bottom:104px;}
.cp_a .cp_middle span:last-child{ margin-bottom:0;}
.cp_a .cp_middle span img{ transition:1s;}
.cp_a .cp_middle span img:hover{
	-webkit-transform: rotateY(-360deg);
    transform: rotateY(-360deg); 
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.more1 {color:#fff!important;    margin: -60px 0 0 108px;}
.button1{margin-top:40px;}
.button1 img {margin-top: 30px;}

#mould823641{ float:right; width:49%; border-radius:30px 10px 10px 10px; overflow:hidden;}
#mould823641 .swiper-pagination{ text-align:right; padding-right: 12px; box-sizing: border-box;}
#mould823641 .swiper-container .swiper-pagination .swiper-pagination-bullet{ background:#fff;opacity:1;border-radius:2px; width:10px; height:10px;}
#mould823641 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background:#25795e;}
#mould823641 .swiper-button-next,#mould82364 .swiper-button-prev{ top:56%;}

/*加盟支持*/
.zhichi_a{background:#b1c92e;padding:100px 0;}
.zhichi_a .width_1600{}
.zhichi_left{float:left;width:25%;}
.zhichi_left h2{height: 80px;display: inline-block;background: #0c4643;color: #fff;line-height: 80px;border-radius: 50px;margin-top: 60px;
  font-family: "YSBT"; font-size:30px;padding:0 18px; }
.zhichi_left p{margin-top:30px; line-height:30px; font-size:18px;height:60px;}
.zhichi_right{float:right;width:25%;}
.zhichi_middle{float:left;width:50%;}
.zhichi_middle img {display: block;margin: 0 auto;}
.zhichi_right h2{height: 80px;display: inline-block;background: #0c4643;color: #fff;line-height: 80px;border-radius: 50px;margin-top: 60px;
  font-family: "YSBT"; font-size:30px;padding:0 18px; }
.zhichi_right p{margin-top:30px; line-height:30px; font-size:18px;}


/*门店展示*/
.mendian_a .swiper-wrapper{
  -webkit-transition-timing-function:linear;
  -moz-transition-timing-function:linear;
  -ms-transition-timing-function:linear;
  -o-transition-timing-function:linear;
  transition-timing-function:linear;
}
.mendian_a{background:#b1c92e;padding:50px 0 100px 0;}
.mendian_title{text-align:center; margin-bottom:65px;}
.mendian_a .swiper-slide img{border-radius:20px;}
.mendian_a .swiper-container{padding-bottom:50px;}
.button2 img{display:block;margin: 0 auto;}
.button2{text-align:center; margin-top:20px;}

/*新闻*/
.news_a{ background:white;padding-bottom:100px;padding-top: 40px;background: url(/images/bg_b.jpg)no-repeat;}
.news_title{text-align:center; margin-bottom:65px;}

.news_a li{position: relative; width:26.5%; float:left; margin-right:8%;background:#b0c92d;padding:10px; transform-style: preserve-3d;   border-radius: 8px;}
.out a{ position:relative;}
.yinying { position: absolute;width:100%;height:100px;color:#333;left:10px;bottom:10px;}

.news_a li:last-child{ margin-right:0;}
.news_a li:hover a {background: transparent;}
.news_a li:hover img {display:inline-block;;}
.news_a li::after{content: '';position: absolute;width: 100%;height: 100%;background: #0b4642;top: 15px;transform: translateZ(-1px);left: 15px;border-radius: 10px;}

.news_a li h3{ font-size:26px; line-height:20px;  margin: 10px 0 20px 20px;font-family: "YSBT"; }

.news_a li p{     line-height: 28px;margin: 20px 20px 0 20px;padding-bottom: 10px;}
.news_a li a{ display: block;background: #fefdc4;}
.news_a li p img{display:none;}


/*留言*/
.zixun_a{ background:#b1c92e;padding-bottom:50px;}
.zixun_left{float:left;width:50%;}
.zixun_right{float:right;width:50%;}
.zixun_right .img_one{display:block;margin: 0 auto;margin-top: 50px ;margin-bottom: 40px;;margin-right: 40%;}
.messages3{background:none;}
.messages3 ul{ width:88%; padding:0;}
.messages3 li{ width:100%;text-align: center;}
.messages3 ul li input{ width:100%; height:100px; margin-bottom:30px!important; border:none; border-radius:6px; padding:6px 24px; box-sizing:border-box; font-size:16px; 
  background:#fefdc3; color:#333; }
.messages3 ul li input:focus{ box-shadow:none;}
.messages3 ul li input:first-child{ margin:0;}
.messages3 ul li textarea{ width:100%; height:120px; margin:0; padding:20px; border:none; box-sizing:border-box; background:rgba(255,255,255,0.3); color:#fff;}
.messages3 ul li textarea:focus{ box-shadow:none;}
.messages3 ul li a{ margin:24px 0; width:180px; height:54px; line-height:54px; color:#333; background:#fefdc3; border-radius:6px; box-sizing:border-box;font-family: "YSBT";}
.zixun_right .img_two{margin-right: 10px;}

/*底部*/
.footer_a{background:#b1c92e;}
.foot_nav li p{color:#333;line-height:20px;margin-bottom:10px;font-weight:bold;}
.foot_nav li a{color:#333;font-size:16px;line-height:30px;transition: .5s;}
.foot_nav li a:hover{color:#0c4643;} 

.foot_nav > ul > li{margin-right:100px;line-height:40px;margin-bottom: 20px;}
.footer-foot{background:#b1c92e;}
.footer-foot .width_1600{ border-top:1px solid rgba(255,255,255,0.4);}
.footer-foot p{ line-height:60px; float:left; color:#333;}
.footer-foot p a{ color:#333;}
.footer-foot p a:hover{ color:#fff;}
.footer-foot p:last-child{ float:right;}

.footer_a .width_1600  .right{    float: right;}
.footer_a .width_1600  .right h2{font-size: 18px;font-weight: bold;text-align: right;}
.footer_a .width_1600  .right p{margin-top:19px;}
.phone > p{ font-size: 40px;font-weight: bold;font-family: "YSBT"; margin-bottom:20px;color:#fefdc3;
text-stroke: 1px #0c4643;
-webkit-text-stroke: 1px #0c4643; }

.footer_a .width_1600  .right img{margin-right:5px;}

/*适应*/
@media screen and (min-width:1550px) and (max-width:1680px){
  .width_1600, .navbars4 {width:92%;}
    .width_1600{width:92%;}
  /*留言*/
  .zixun_right {width:45%!important;}
  .messages3 ul{width:85%;}
  .messages3{width:100%;}
  .zixun_right .img_one{margin-top: 30px;margin-bottom: 20px;}
  .messages3 ul li input{height:65px;}
  /*新闻*/
  .news_a li{margin-right:7%;}
  /*加盟*/
  .zhichi_middle img{width:90%;}
  .zhichi_a p{font-size:16px;height: 74px;   margin-top: 15px;}
  .zhichi_a h2{margin-top: 35px;}
  /*产品*/
  .cp_a .cp_middle{width: 19%;}
  .cp_a .cp_middle span{margin-bottom: 45px; }
  .cp_a .cp_left li{margin-bottom: 20px ;}
  .cp_a .cp_left p{font-size: 30px;margin-right: 127px;margin-top: 7px;}
  .cp_a .cp_left{margin-right: 30px;}
   /*公司简介*/
  .about_a .width_1600 .right{width:50%;}
  .about_a .width_1600 .left{margin-top:100px;}
  .about_title img:nth-child(2){width:53%;}
}





@media screen and (min-width:1440px) and (max-width:1549px){
  .width_1600, .navbars4{width:92%;}
  /*留言*/
  .zixun_right {width:45%!important;}
  .messages3 ul{width:85%;}
  .messages3{width:100%;}
  .zixun_right .img_one{margin-top: 30px;margin-bottom: 20px;}
  .messages3 ul li input{height:65px;}
  /*新闻*/
  .news_a li{margin-right:7%;}
  /*加盟*/
  .zhichi_middle img{width:90%;}
  .zhichi_a p{font-size:16px;height: 74px;   margin-top: 15px;}
  .zhichi_a h2{margin-top: 35px;}
  /*产品*/
  .cp_a .cp_middle{width: 19%;}
  .cp_a .cp_middle span{margin-bottom: 45px; }
  .cp_a .cp_left li{margin-bottom: 20px ;}
  .cp_a .cp_left p{font-size: 30px;margin-right: 127px;margin-top: 7px;}
  .cp_a .cp_left{margin-right: 30px;}
   /*公司简介*/
.about_a .right{width:51%;}
  .about_content{margin-top: 20px ;}
  .about_a .about_content p{     line-height: 30px;}
  .button img{margin-top: 20px;}
  .about_title img:nth-child(2){display:none;}
}
 
@media screen and (min-width:1360px) and (max-width:1439px){
  .width_1600, .navbars4 {width:92%;}
  /*底部*/
  .foot_nav > ul > li{margin-right: 95px;}

  /*留言*/
  .zixun_right {width:45%!important;}
  .messages3 ul{width:85%;}
  .messages3{width:100%;}
  .zixun_right .img_one{margin-top: 30px;margin-bottom: 20px;}
  .messages3 ul li input{height:65px;}
  /*新闻*/
  .news_a li{margin-right:7%;}
  /*加盟*/
  .zhichi_middle img{width:90%;margin-top: 60px;}
  .zhichi_a {    padding: 40px 0;}
  .zhichi_a p{font-size:16px;height: 74px;   margin-top: 15px;}
  .zhichi_a h2{margin-top: 35px;}
  .zhichi_left, .zhichi_right{width:26%;}
  .zhichi_middle{width:48%;}
  /*产品*/
  .cp_a .cp_middle{width: 19%;}
  .cp_a .cp_middle span{margin-bottom: 39px; }
  .cp_a .cp_left li{margin-bottom: 20px ;}
  .cp_a .cp_left p{font-size: 30px;margin-right: 127px;margin-top: 7px;}
  .cp_a .cp_left{margin-right: 30px;}
   /*公司简介*/
.about_a .right{width:51%;}
  .about_content{margin-top: 20px ;}
  .about_a .about_content p{     line-height: 30px;}
  .button img{margin-top: 20px;}
  .about_title img:nth-child(2){display:none;}
  .about_a .width_1600 .left{    margin-top: 100px;}
}




























