﻿.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");
}

/*顶部导航*/
#mould82055{ background:none; position:absolute; top:0; z-index:9999; width:100%;}
#mould82055 .navs>li{ position: relative;}
#mould82055 .navs>li:hover{ background: none;}
#mould82055 .navbars4 .active{ background: none;}
#mould82055 .navs>li>a{ color:#fff; line-height:100px; font-weight: bold; padding: 0; margin:0 24px; display: block; text-align: center; position:relative;}
#mould82055 .navs>li>a:after{ content:""; width:0; height:1px; background:#fff; position:absolute; bottom:28px; left:0; transition:.5s;}
#mould82055 .navs>li:hover>a{ border-radius:0; background: none;}
#mould82055 .navs>li:hover>a:after{ width:100%;}
#mould82055 .navbars4 .active a{ background: none; color:#fff;}
#mould82055 .navbars4 .active a:after{ width:100%;}

.navbars4{ width:1600px;}
.navbars4 .logo{ width:440px;}
.navbars4 .phone{ float:right; background:#e60061 url(/images/icon_phone.png) no-repeat left 12px center; background-size: 24px; color:#fff; font-size:22px; font-weight:bold; padding:0 18px 0 40px; 
  line-height:48px; border-radius:24px; margin:27px 0 0 48px;}




/*轮播图*/
#mould82420{ position:relative;}
#mould82420 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: 20px!important;}
#mould82420 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left: 20px!important;}
#mould82420 .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;}
#mould82420 .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;}
#mould82420 .swiper-button-next:after,#mould82420 .swiper-button-prev:after{ display:none;}

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

/*简介*/
.about_a{ background:url(/images/about_bg.jpg) no-repeat center center; background-size: cover; padding:80px 0 180px 0;}
.about_a .left{ float:left; width:52%; overflow:hidden;}
.about_a .left img{ width:100%; transition:.5s;}
.about_a .left:hover img{ transform:scale(1.06);}
.about_a .right{ float:right; width:44%; margin-top:30px;}
.about_a .right h2{ font-size:48px; font-family: "YSBT"; font-style: italic;}
.about_a .right h2 span{ color:#f199b3; font-size:30px; font-style: initial; margin-left:30px;}
.about_a .right h3{ background:#e60061; border:2px solid #333; box-sizing:border-box; font-size:48px; font-family: "YSBT"; text-align:Center; font-style: italic; color:#fff; line-height:60px; border-radius:30px; margin:24px 0 36px 0;}
.about_a .right p{ line-height:36px; text-indent:2em; }
.about_a .right a{ display:block; width:206px; line-height:60px; background:#e60061 url(/images/icon_1.png) no-repeat center center; border:1px solid #333; box-sizing:border-box; font-size:28px; 
  font-family: "YSBT"; text-align:Center; font-style: italic; color:#fff; border-radius:30px; margin-top:30px;}




/*产品*/
.product_a{ background:url(/images/product_bg.jpg) no-repeat center center; background-size: cover; padding:80px 0;}
.product_menu{ text-align:center;}
.product_menu a{ display:inline-block; width:206px; line-height:60px; background: #fff url(/images/icon_2.png) no-repeat center center; border:1px solid #e60061; box-sizing:border-box; font-size:28px; 
  font-family: "YSBT"; text-align:Center; font-style: italic; color:#e60061; border-radius:30px; margin:0 15px 48px 15px;}
.product_menu a.on{ background:#e60061 url(/images/icon_1.png) no-repeat center center; color:#fff;}

.product_cont{ }
.product_cont .slider_11{ display:none;}
.product_cont .swiper-slide{ border:10px solid #e60061; box-sizing:border-box; border-radius:20px;}
.product_cont .swiper-slide a{ display:block;}
.product_cont .swiper-slide img{ border-radius:16px; border-radius:10px;}


/*优势*/
.join_a{ background:url(/images/join_bg.jpg) no-repeat center; padding:80px 0;}
.join_a .join_box{ width:50%; position:relative;}
.join_a .join_box h2{ font-size:48px; font-family: "YSBT"; font-style: italic;}
.join_a .join_box h2 span{ color:#f199b3; font-size:30px; font-style: initial; margin-left:30px;}
.join_a .join_box h3{ background:#e60061; display:inline-block; border:2px solid #333; box-sizing:border-box; font-size:48px; font-family: "YSBT"; text-align:Center; font-style: italic; 
  color:#fff; line-height:60px; border-radius:30px; margin:24px 0 36px 0; padding:0 20px;}
.join_a .join_box h4{ display:block; width:206px; line-height:60px; background:#e60061 url(/images/icon_1.png) no-repeat center center; border:1px solid #333; box-sizing:border-box; font-size:28px; 
  font-family: "YSBT"; text-align:Center; font-style: italic; color:#fff; border-radius:30px; margin-top:30px;}
.join_a .join_box p{ font-size:20px; margin-top:16px;}
.join_a .join_box a{ display:block; width:206px; line-height:60px; background: url(/images/icon_2.png) no-repeat center center; border:1px solid #e60061; box-sizing:border-box; font-size:28px; 
  font-family: "YSBT"; text-align:Center; font-style: italic; color:#e60061; border-radius:30px; margin-top:30px; position:absolute; top:42px; right:0;}


/*新闻*/
.news_a{ padding:80px 0 60px 0; background:url(/images/news_bg.jpg) no-repeat center;}
.news_a h2{ font-size:48px; font-family: "YSBT"; font-style: italic; text-align: center; color:#fff; margin-bottom:30px;}
.news_a h2 span{ color:#f199b3; font-size:30px; font-style: initial; margin-left:30px;}

.news_a .swiper-slide div{ border-radius:20px; overflow:hidden;}
.news_a .swiper-slide div img{ transition:.5s;}
.news_a .swiper-slide:hover div img{ transform:scale(1.08);}
.news_a .swiper-slide time{ display:block; color:#fff; margin:20px 0 10px 0;}
.news_a .swiper-slide h3{ color:#fff; font-size: 22px; line-height: 24px; font-weight:bold; letter-spacing: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_a .swiper-slide a{ display:block; width:206px; line-height:60px; background:#fff url(/images/icon_2.png) no-repeat center center; border:1px solid #e60061; box-sizing:border-box; font-size:28px; 
  font-family: "YSBT"; text-align:Center; font-style: italic; color:#e60061; border-radius:30px; margin-top:30px;}



/*底部*/
.foot_a{ background:url(/images/foot_bg.jpg) no-repeat center top; width:100%; padding:48px 0 0 0;}
.foot_a .foot_txt{ margin-bottom:30px;}
.foot_a .foot_txt img{ float:left;}
.foot_a .foot_txt h3{ float:right; background:#e60061; display:inline-block; border:2px solid #333; box-sizing:border-box; font-size:48px; font-family: "YSBT"; text-align:Center; 
  color:#fff; line-height:60px; border-radius:30px; padding:0 40px; margin-top:13px;}

.foot_a .erweima{ float:left; width:36%; margin-top:20px;}
.foot_a .erweima div{ float:left; width:32%; margin-right:2%; text-align:center;}
.foot_a .erweima div:last-child{ margin-right:0;}
.foot_a .erweima div img{ border-radius:8px; overflow:hidden; width:160px; height:160px;}
.foot_a .erweima div p{ color:#fff; margin-top:10px;}

.foot_a ul{ float:right; width:50%;}
.foot_a li{ float:left; width:16%; margin-right:5%;}
.foot_a li:last-child{ margin-right:0;}
.foot_a li a{ color:#fff;}
.foot_a li h4{ line-height:48px;}
.foot_a li h4 a{ font-size:20px; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.3);}
.foot_a li h5 a{ font-size:16px; line-height:30px;}

.foot_a .footer-foot{ background:none; margin-top: 40px;}
.foot_a .footer-foot .width_1600{ border-top:1px solid rgba(255,255,255,0.3);}
.foot_a .footer-foot p{ float:left; line-height:64px; color:#fff;}
.foot_a .footer-foot p:last-child{ float:right;}
.foot_a .footer-foot p a{ color:#fff;}




@media screen and (min-width: 1501px) and (max-width: 1680px){
  .navbars4,.width_1600{ width:96%;}
  .about_a .right h3{ font-size:42px;}

}

@media screen and (min-width: 1441px) and (max-width: 1500px){
  .navbars4,.width_1600{ width:96%;}
  .about_a .right h3,.foot_a .foot_txt h3{ font-size:42px;}
  #mould82055 .navs>li>a{ margin: 0 20px;}
  .about_a .right p{ line-height: 30px;}
  .join_a .join_box{ width:54%;}
  .foot_a .erweima div img{ width:90%;}
}

@media screen and (min-width: 1361px) and (max-width: 1440px){
  .navbars4,.width_1600{ width:96%;}
  .about_a .right h3,.foot_a .foot_txt h3{ font-size:40px;}
  #mould82055 .navs>li>a{ margin: 0 20px;}
  .about_a .right p{ line-height: 30px;}
  .join_a .join_box{ width:54%;}
  .foot_a .erweima div img{ width:90%;}
  
}
  
@media screen and (max-width: 1360px){
  .navbars4 .phone{ display:none;}
  .navbars4,.width_1600{ width:96%;}
  .about_a .right h3,.foot_a .foot_txt h3{ font-size:40px;}
  #mould82055 .navs>li>a{ margin: 0 20px;}
  .about_a .right p{ line-height: 30px;}
  .join_a .join_box{ width:54%;}
  .foot_a .erweima div img{ width:90%;}
}
  
  
  
