﻿.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");
}
#fp-nav ul li a span, .fp-slidesNav ul li a span{ background:#fff;}


/*顶部导航*/
#mould82055{ background:#fff; position:fixed; top:0; z-index:9999; width:100%; box-shadow: 0 0 10px rgb(0 0 0 / 30%);}
#mould82055 .navs>li{ position: relative;}
#mould82055 .navs>li:hover{ background:#f28a11;}
#mould82055 .navbars4 .active{ background: #f28a11;}
#mould82055 .navs>li>a{ color:#333; line-height:100px; font-weight: bold; padding: 0 24px; display: block; text-align: center;}
#mould82055 .navs>li:hover>a{ color:#fff; border-radius:0; background: none;}
#mould82055 .navbars4 .active a{ background: none; color:#fff;}
.navbars4{ width:1600px;}
.navbars4 .logo{ width:240px;}
.navbars4 .phone{ float:right; background:#f28a11; color:#fff; font-size:22px; font-weight:bold; padding:0 18px; line-height:48px; border-radius:6px; margin:27px 0 0 48px;}

.header_active,.header_active .logo,.header_active ul{ height:80px;}
.header_active .navs>li>a{ line-height:80px!important;}
.header_active .logo{ width:200px;}
.header_active .phone{ margin: 17px 0 0 48px;}

/*轮播图*/
#mould82072 .swiper-slide img{ height: 100vh;}
#mould82072 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: 50px!important;}
#mould82072 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left: 50px!important;}
#mould82072 .swiper-container .swiper-pagination .swiper-pagination-bullet{ background-color:rgb(255, 255, 255);background:rgb(255, 255, 255);opacity:0.5;border-radius:4px; width:30px;}
#mould82072 .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:0 auto; background:rgba(255,255,255,0.88);}
/*简介*/
.about_a{ width:100%;}
.about_a .left{ width:48%; padding-left:9%; box-sizing:border-box;}
.about_a .left h2{ font-size:48px; line-height:48px; margin-top: 80px; margin-bottom:12px; font-family: "YSBT";}
.about_a .left h3{ font-size:18px; line-height:18px; position: relative; padding-bottom:20px; margin-bottom:20px;}
.about_a .left h3:after{ content: ""; position: absolute; bottom:0; left:-24%; width:72%; height:5px; background:#f28a11;}
.about_a p{ text-indent:2em; line-height:36px;}
.about_a ul{ margin-top:48px;}
.about_a li{ float:left; width:24%; text-align:center;}
.about_a li span{ width:100px; height:100px; display:block; background-color:#f28a11; background-image:url(/images/btn_index.png); border-radius:50%; }
.about_a li:nth-child(2) span{ background-position:-100px 0;}
.about_a li:nth-child(3) span{ background-position:-200px 0;}
.about_a li:nth-child(4) span{ background-position:-300px 0;}
.about_a li em{ display:block; width:100px;margin-top:20px;}
.about_a li span:hover{width:100px; height:100px; display:block; background-color:#e07800;}

/*产品*/
.product_a{ position:relative;}
.product_a .big_box{ }
.product_a .big_box .list_a{ }
.product_a .big_box .list_a div:first-child{ float:left; width:46%; padding:50px 0 0 50px; box-sizing:border-box;}
.product_a .big_box .list_a div:first-child h2{ font-family: "YSBT"; font-size:120px; line-height:120px; color:rgba(242,138,17,0.5); text-align:right;}
.product_a .big_box .list_a div:first-child h3{ font-family: "YSBT"; font-size:72px; line-height:72px; text-align:right;}
.product_a .big_box .list_a div:first-child h4{ font-family: "YSBT"; font-size:72px; line-height:72px; text-align:right; position:relative; padding-bottom:12px; margin-bottom:15px;}
.product_a .big_box .list_a div:first-child h4:after{ content:""; width:100%; height:5px; background:#f28a11; position:absolute; bottom:0; left:0;}
.product_a .big_box .list_a div:first-child p{ line-height:32px; text-indent:2em;}
.product_a .big_box .list_a div:first-child a{ float:right; width:160px; line-height:48px; border:1px solid #f28a11; font-size:18px; font-weight:bold; color:#f28a11; display:block;
  border-radius:8px; text-align:Center;}
.product_a .big_box .list_a div:first-child a:hover{ background:#f28a11; color:#fff;}
.product_a .big_box .list_a div:last-child{ float:right; width:48%;}

.product_a .small_box{ width:90%; margin:0 auto; position:absolute; left:5%; bottom:-110px;}
.product_a .small_box .list_b{ width:23.5%; height:200px; float:left; margin-right:2%; border:1px solid #f28a11; background:#f28a11; box-sizing:border-box; border-radius:12px; overflow:hidden; position:relative;}
.product_a .small_box .list_b:hover{ cursor: pointer;}
.product_a .small_box .list_b:last-child{ margin-right:0;}
.product_a .small_box .list_b div{ position:absolute; right:20px; bottom:20px; z-index:2;}
.product_a .small_box .list_b div span{ color:#fff; text-align:right; display:block;}
.product_a .small_box .list_b div p{ font-size:18px; color:#fff; text-align:right;}
.product_a .small_box .list_b:after{ content:""; width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; bottom:0; left:0; z-index:1;}
.product_a .small_box .list_b:hover:after{ background:rgba(0,0,0,0);}


/*学习*/
.study_a{ padding:40px 80px; box-sizing:border-box; margin-top:100px;}
.study_a h2{ font-size:64px; line-height:64px; color:rgba(242,138,17,0.5); text-transform: uppercase; font-family: "YSBT"; text-align:center;}
.study_a h3{ font-size:48px; line-height:48px; font-family: "YSBT"; text-align:center;}
.study_a ul{ margin-top:30px;}
.study_a li{ float:left; width:30%; background:#f28a11; color:#fff; text-align:center; border-radius:8px; padding:30px 0 40px 0;}
.study_a li:first-child{ width:36%;}
.study_a li:nth-child(1),.study_a li:nth-child(2),.study_a li:nth-child(4){ margin-right:2%;}
.study_a li:nth-child(2),.study_a li:nth-child(3){ margin-bottom:2%;}
.study_a li span{ width:120px; height:120px; display:block; background: url(/images/btn_study.png) no-repeat; margin:0 auto 20px auto;}
.study_a li:nth-child(2) span{ background-position:-120px 0;}
.study_a li:nth-child(3) span{ background-position:-240px 0;}
.study_a li:nth-child(4) span{ background-position:-360px 0;}
.study_a li:nth-child(5) span{ background-position:-480px 0;}

.study_a li h4{ font-size:30px; line-height:30px; font-weight:bold;}
.study_a li p{ font-size:18px; line-height:30px; margin:48px 0 86px 0; display:none;}
.study_a li:first-child p{ display:block;}
.study_a li a{ width:240px; line-height:64px; background:#fff; font-size:30px; font-weight:bold; color:#f28a11; display:block; margin:0 auto 10px auto; border-radius:8px;}
.study_a li.on:hover{ background:#fff; padding:20px 0;}
.study_a li.on:hover span{ margin:0 auto;}
.study_a li.on:hover h4{ color:#f28a11; margin-bottom:20px;}
.study_a li.on:hover p{ display:block; margin:0; color:#333; font-size:16px;}



/*门店查询*/
.store_a{ background:none; margin-top:100px;}
.store_a h2{ font-size:64px; line-height:64px; color:rgba(242,138,17,0.5); text-transform: uppercase; font-family: "YSBT"; text-align:center;}
.store_a h3{ font-size:48px; line-height:48px; font-family: "YSBT"; text-align:center;}
.store_bg{ width:100%; margin:0 auto; border-radius: 12px; overflow: hidden;}
.result-list-wrap{ width:100%; margin:48px auto 0 auto;}
.result-list{ background: #f19149;}
.result-item h3{ color: #fff; font-size: 20px;}
.result-item p{ color: #fff;}
.result-item{ margin: 20px 0 15px 0; border-bottom: 1px dashed #fff;}
.store_a h4{font-size:20px; color:#fff; line-height:40px;font-weight: bold;}


/*合伙人*/
.partner_a{ padding:60px 80px; box-sizing:border-box; margin-top:100px;}
.partner_a .left{ float:left; width:64%;}
.partner_a .left h2{ font-size:64px; line-height:64px; color:rgba(242,138,17,0.5); text-transform: uppercase; font-family: "YSBT";}
.partner_a .left h3{ font-size:48px; line-height:48px; font-family: "YSBT";}
.partner_a .left>p{ line-height:30px; margin-top:60px;}
.partner_a .left a{ width:160px; line-height:48px; border:1px solid #f28a11; font-size:18px; font-weight:bold; color:#f28a11; display:block; border-radius:8px; text-align:Center; margin-top:24px;}
.partner_a .left a:hover{ background:#f28a11; color:#fff;}
.addmuns1 ul{ width:100%; margin-top:36px;}
.addmuns1 li{ width:32%; margin-right:2%;}
.addmuns1 li.pro1{ width:20%;}
.addmuns1 li:after{ display:none;}
.addmuns1 li:nth-child(even){ margin-right:0;}
.addmuns1 li p{ text-align: left; font-weight:normal; font-family: "YSBT"; color:#f28a11;}
.addmuns1 li p span{ font-size:72px; line-height:72px; position:relative; color:#f28a11;}
.addmuns1 li p em{ position:relative; top:-32px; right:-6px; font-size:30px;}
.addmuns1 li > span{ font-weight:normal; font-size:18px; line-height:18px; display: block; text-align: left; line-height: 26px;}
.partner_a .right{ float:right; width:28%; border-radius:10px; overflow:hidden;}



/*新闻*/
.news_a{ padding:60px 80px; box-sizing:border-box; margin-top:100px;}
.news_a h3 span{ font-size:64px; line-height:48px; color:rgba(242,138,17,0.5); text-transform: uppercase; font-family: "YSBT"; display:inline-block;}
.news_a h3{ font-size:48px; line-height:48px; font-family: "YSBT"; margin-bottom:24px;}
.news_a ul{ }
.news_a li{ float:left; width:31%; background:#fff; padding-bottom:20px; border-radius:12px; overflow:hidden;}
.news_a li:hover{ background:#f28a11;}
.news_a li:nth-child(-n+2){ margin-right:3.5%;}
.news_a li .new-img{ overflow:hidden;}
.news_a li .new-img img{ transition:.5s;}
.news_a li:hover .new-img img{ transform:scale(1.08);}
.news_a li .new-title{ font-size:20px; line-height:20px; font-weight:bold; margin-top:30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_a li .new-body{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin:15px 0; line-height:24px;}
.news_a li .new-date{ }
.news_a li .new-title,.news_a li .new-body,.news_a li .new-date{ padding:0 20px; box-sizing:border-box;}
.news_a li:hover .new-title,.news_a li:hover .new-body,.news_a li:hover .new-date{ color:#fff;}


/*底部*/
footer{ padding:60px 80px; box-sizing:border-box; margin-top:100px!important;}
footer h3 span{ font-size:64px; line-height:48px; color:rgba(242,138,17,0.5); text-transform: uppercase; font-family: "YSBT"; display:inline-block;}
footer h3{ font-size:48px; line-height:48px; font-family: "YSBT"; margin-bottom:20px;}
.foot_up .messages{ float:left; width:40%;}
.messages .msg{ margin-bottom:0;}
.messages .msg input[type="text"]{ width: 100%; background: none; border:1px solid #f28a11; line-height: 36px; box-shadow: none; border-radius: 6px; padding:2px 20px; box-sizing: border-box;}
.messages .msg-right:last-child { width: 100%;}
.messages textarea { height: 120px; width: 100%; background: none; border:1px solid #f28a11; line-height: 36px; box-shadow: none; padding: 0; color:#333; border-radius: 6px; padding:2px 20px; box-sizing: border-box;}
.messages .msg .btn-mesSubmit{ border-radius: 6px;margin: 10px 0 0 0; border: none; width: 100%; line-height: 40px; height: auto; background: #f28a11; color: #fff; font-size: 16px; box-sizing: border-box;}

.foot_up ul{ float:right; width:54%;}
.foot_up li{ float:left; margin-right:4%;}
.foot_up li:last-child{ margin-right:0;}
.foot_up li p{ font-size:20px; line-height:20px; font-weight:bold; margin-bottom:10px;}
.foot_up li a{ display:block; line-height:30px;}
.foot_up li a:hover{ color:#f28a11;}

.foot_down .left{ float:left; width:45%; margin-top: 30px;}
.foot_down .left h2{ font-family: "YSBT"; font-size:48px; line-height:48px; margin-top:24px;}
.foot_down .left p{ line-height:48px;}

.foot_down .right{ float:right;}
.foot_down .right div{ float:left; text-align:center; border-radius:6px; overflow:hidden;}
.foot_down .right div:nth-child(-n+2){ margin-right:30px;}
.foot_down .right div img{ width:148px; height:148px; background:rgba(242,138,17,0.5); padding: 10px; box-sizing: border-box;}
.foot_down .right div span{ display:block; margin-top:10px;}


.footer_foot{ width:100%; margin-top:30px; border-top:1px solid rgba(242,138,17,0.5);}
.footer_foot p{ float:left; padding-top:12px;}
.footer_foot p:last-child{ float:right;}
.footer_foot p a:hover{ color:#e28d0c;}


@media screen and (max-width:1680px){ 
  .navbars4{ width:94%;}
  .width_1600{ width:90%;}
  .about_a .left{ width:54%; padding-left:5%;}
  .about_a p{ line-height:28px;}
  .about_a ul{ margin-top:30px;}
  
  .product_a .big_box .list_a div:first-child h3{ display:none;}
  .product_a .small_box{ bottom:-60px;}
  .study_a{ padding: 20px 60px 30px 60px;}
  .study_a ul{ margin-top: 15px;}
  .study_a li{ padding: 10px 0 20px 0;}
  .study_a li p{ margin: 48px 0 40px 0;}
  .study_a li.on:hover{ padding:0 0 10px 0;}
  .study_a li.on:hover h4{ margin-bottom:10px;}
  .result-list-wrap{ margin: 24px auto 0 auto;}
  .result-list-wrap{ height:420px;}
  .partner_a{ padding:30px 60px;}
  .partner_a .left{ width:68%;}
  .partner_a .left>p{ margin-top:10px;}
  .partner_a .right{ height:480px;}
  .addmuns1 ul{ margin-top:20px;}
  .news_a{ padding:30px 60px;}
  .news_a li .new-img{ height:240px;}
  footer{ padding:30px 60px;}
  
  .foot_down .left{ margin-top:0;}
  .foot_down .right{ margin-top:-60px;}
}
  
@media screen and (max-width:1500px){ 
  .about_a .left{ width:48%;}
  .product_a .big_box .list_a div:first-child h2{ font-size:100px; line-height:100px;}
  .product_a .small_box{ bottom:-100px;}
  .partner_a .left h2{ font-size:56px; line-height:56px;}
  .foot_up ul{ width:56%;}
  .foot_up li{ margin-right:3%;}
  footer{ padding:30px 40px;}
}
@media screen and (max-width:1440px){ 
  .header_active .phone{ margin: 17px 0 0 20px;}
  .about_a .left h2{ font-size:40px; line-height:40px;}
  .product_a .big_box .list_a div:first-child a{ margin-top:12px;}
  .product_a .small_box{ bottom:-130px;}
  .addmuns1 li p span{ font-size:64px; line-height:64px;}
  .foot_up li{ margin-right:2%;}
  .product_a{ padding-bottom:30px;}
}
@media screen and (max-width:1360px){ 
  .header_active .phone{ display:none;}
  .about_a .left{ width:45%;}
  .partner_a .left h2{ font-size:48px; line-height:48px;}
  .addmuns1 li p span{ font-size:60px; line-height:60px;}
  .addmuns1 li p em{ font-size:24px;}
}
  
  
  
  
  
