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


#mould82321{ position:fixed; top:0; 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:340px;}
.navbars4 li a{ padding:0; margin-right:54px; position:relative; background:none;}
.navbars4 li.active a{ background:none; color:#eeaa1e;}
.navbars4 li:hover a{ background:none; color:#eeaa1e;}
.navbars4 li:last-child a{ margin-right:0;}
.navbars4 li a:after{ content:""; display:block; width:0; height:2px; background:#eeaa1e; position:absolute; top:30px; transition:.6s;}
.navbars4 li:hover a:after{ width:100%;}
.navbars4 li.active a:after{ width:100%;}


/*大图*/
#mould82322 .swiper-slide img{ height:;}
#mould82322 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:30px;}
#mould82322 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:30px;}
#mould82322 .swiper-container .swiper-pagination .swiper-pagination-bullet{ background-color:#fff;background:#fff;opacity:1;border-radius:4px; width:30px;}
#mould82322 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background-color:#b51118;background:#b51118;opacity:1;border-radius:4px; width:30px;}
#mould82322 .swiper-button-next,#mould82322 .swiper-button-prev{ top:56%;}



/*跑马灯*/
#marquee{ width:100%; background:#eeaa1e url(/images/img2.png) no-repeat left 60px center; background-size: contain; padding:0 40px 0 200px; box-sizing:border-box;}
#scrollobj{ width:100%; margin:0 auto; background:#eeaa1e; white-space:nowrap; overflow:hidden;}
#scrollobj span{ line-height:80px; font-size:30px; font-weight:bold; color:#fff; margin:0 15px; letter-spacing: 2px;}


/*简介*/
.width_1600{ width:1600px; margin:0 auto;}
.about_a{ background:url(/images/about_bg.jpg) no-repeat; padding:100px 0 60px 0;}
.about_a .left{ float:left; width:48%;}
.about_a .left h2{ background:url(/images/about2.png) no-repeat bottom left; font-size:36px; font-weight:bold; padding: 44px 0 0 320px; color:#eeaa1e;}
.about_a .left h3{ font-size:36px; font-weight:bold; margin:30px 0 40px 0;}
.about_a .left p{ line-height:36px; text-indent:2em;}
.about_a .left a{ width:120px; line-height:40px; text-align:center; color:#fff; background:#eeaa1e; font-family:arial; text-transform: uppercase; display:block; font-size: 20px; border-radius:4px; margin-top:48px;}

.about_a .right{ float:right; width:48%;}


/*文化*/
.culture_a{ box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius:12px; overflow:hidden; margin-bottom:80px;}
#mould823221{ float:left; width:30%; padding:80px 0 0 0;}
#mould823221>h2{ text-align:center;}
#mould823221>h2 span{ font-size:48px; line-height:76px; font-weight:bold; border:2px solid #333; width:80px; height:80px; border-radius:50%; display:inline-block; text-align:center; margin: 0 6px;}
#mould823221 .swiper-slide{ text-align:Center;}
#mould823221 .swiper-slide h2{ font-size:36px; font-weight:bold; margin:100px 0 40px 0;}
#mould823221 .swiper-slide p{ line-height:36px; font-size:18px; height:200px;}
#mould823221 .swiper-slide img{ width:320px;}

.product_a{ float:right; width:70%; position:relative;}
.product_name{ position:absolute; top:0; left:0; background:rgba(0,0,0,0.5); width:100%; height:100%;}
.product_name h2{ width:25%; height:50%; float:left; color:#fff; border-right:1px solid rgba(255,255,255,0.8); box-sizing:border-box; text-align:center; font-size:20px;}
.product_name h2:nth-child(-n+4){ border-bottom:1px solid rgba(255,255,255,0.8);}
.product_name h2 span{ width:12px; height:12px; border-radius:50%; display:block; background:#fff; margin:60% auto 30px auto;}
.product_name h2:hover{ cursor: pointer;}
.product_img{ width:100%; height:100%;}
.product_img div{ display:none;}
.product_img img{ width:100%; height:100%;}


/*优势*/
.youshi_a{ background:url(/images/youshi_bg.jpg) no-repeat center; padding-bottom: 200px;}
.youshi_a>h2{ background:url(/images/about2.png) no-repeat bottom left 46%; font-size:36px; font-weight:bold; padding: 44px 0 0 360px; margin-bottom:48px; color:#eeaa1e; text-align:Center;}
.youshi_a .left{ float:left; width:48%;}
.youshi_a .left img{ margin-top: 4vw;}
.youshi_a .right{ float:right; width:48%; position:relative;}
.youshi_a .right li{ width:232px; height:248px; position:absolute; top:0;}
.youshi_a .right li:nth-child(1){ left:0; margin-top:7vw;}
.youshi_a .right li:nth-child(2){ left:0; margin-top:21vw;}
.youshi_a .right li:nth-child(3){ left:14vw;}
.youshi_a .right li:nth-child(4){ left:14vw; margin-top:14vw;}
.youshi_a .right li:nth-child(5){ left:14vw; margin-top:28vw;}
.youshi_a .right li:nth-child(6){ left:28vw; margin-top:7vw;}
.youshi_a .right li:nth-child(7){ left:28vw; margin-top:21vw;}
.youshi_a .right li .front{ 
    width:100%; height:100%; padding:40px 35px; box-sizing:border-box; color:#fff; background:url(/images/youshi3.png) no-repeat;
	-webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.youshi_a .right li:hover .front{ 
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.youshi_a .right li .back{ 
    width:100%; height:100%; padding:40px 35px; box-sizing:border-box; color:#fff; background:url(/images/youshi2.png) no-repeat;position:absolute; top:0; left:0;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.youshi_a .right li:hover .back{ 
	-webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.youshi_a .right li:hover .back,.youshi_a .right li:hover .front{
	-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
}
.youshi_a .right li h2{ font-size:24px; font-weight:bold; text-align:center; margin-bottom:6px;}
.youshi_a .right li p{ line-height:30px; font-size:18px;}
.youshi_a .right li .front h2,.youshi_a .right li .front p{ 
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	-webkit-transform: translateY(0) translateZ(60px) scale(1);
    transform: translateY(0) translateZ(60px) scale(1);
}
.youshi_a .right li .back h2,.youshi_a .right li .back p{ 
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	-webkit-transform: translateY(0) translateZ(60px) scale(1);
    transform: translateY(0) translateZ(60px) scale(1);
}
.youshi_a .right a{ width:120px; line-height:40px; text-align:center; color:#fff; background:#eeaa1e; font-family:arial; text-transform: uppercase; display:block; font-size: 20px; border-radius:4px; margin:48px auto 0 auto;}


/*VI*/
.honor_a{ }
.honor_a>h2{ background:url(/images/about2.png) no-repeat bottom left 46%; font-size:36px; font-weight:bold; padding: 44px 0 0 360px; margin-bottom:48px; color:#eeaa1e; text-align:Center;}
.honor_a li{ width:32%; float:left; border:1px solid #ccc; box-sizing:border-box; margin-right:2%;}
.honor_a li:nth-child(3n){ margin-right:0;}
.honor_a li:nth-child(-n+3){ margin-bottom:2%;}



/*新闻*/
.news_a{ background:url(/images/news_bg.jpg) no-repeat center; padding:64px 0;}
.news_a .left{ float:left; width:34%;}
.news_a .left h2{ background:url(/images/about2.png) no-repeat bottom left; font-size:36px; font-weight:bold; padding: 44px 0 0 320px; color:#eeaa1e; margin-bottom:80px;}
.news_a .left p{ font-size:22px; line-height:40px; text-indent:2em;}
.news_a .left a{ width:120px; line-height:40px; text-align:center; color:#fff; background:#eeaa1e; font-family:arial; text-transform: uppercase; display:block; font-size: 20px; border-radius:4px; margin-top:80px;}

#mould823222{ width:64%; float:right;}
#mould823222 .swiper-slide{ border-left:1px solid #ccc; padding:20px 0 20px 48px; box-sizing:border-box;}
#mould823222 .swiper-slide time{ line-height:24px;}
#mould823222 .swiper-slide time span{ font-size:30px; line-height:30px; display:block; color:#eeaa1e; font-family:arial;}
#mould823222 .swiper-slide h3{ font-size:20px; font-weight:bold; line-height:20px; margin:10px 0 24px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#mould823222 .swiper-slide div{ border-radius:12px; overflow:hidden;}
#mould823222 .swiper-slide div img{ transition:.5s;}
#mould823222 .swiper-slide div:hover img{ transform:scale(1.1);}
#mould823222 .swiper-slide p{ line-height:30px; margin-top:10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
#mould823222 .swiper-slide a:hover{ color:#eeaa1e;}
#mould823222 .swiper-slide a:hover p{ color:#333;}

/*底部*/
.footer{ background:url(/images/foot_bg.jpg) no-repeat center; padding-top:64px;}
.footer .up_box{ }
.footer .up_box .foot_logo{ float:left; width:28%;}
.footer .up_box .foot_txt{ float:left; width:40%; border-left:1px solid rgba(255,255,255,0.8); color:#fff; padding:35px 0 35px 4%; box-sizing:border-box;}
.footer .up_box .foot_txt span{ font-size:24px;}
.footer .up_box .foot_txt h2{ font-size:48px; font-weight:bold; font-family:arial; margin:30px 0;}
.footer .up_box .foot_txt p{ font-size:24px;}
.footer .up_box .erweima{ float:right; border-left:1px solid rgba(255,255,255,0.8); padding:35px 0 35px 4%; box-sizing:border-box;}
.footer .up_box .erweima p{ color:#fff; text-align:center; margin-top:10px;}

.footer .down_box{ background-image:url("../../images/shoouyedibu.png"); background-size:100% 100%; border-radius:8px; overflow:hidden; padding:12px; box-sizing:border-box; margin-top:36px;}
.footer ul{  border-radius:6px; padding:40px 0;}
.footer li{ float:left; width:14.28%; text-align:center;}
.footer li h4{ font-weight:bold; font-size:18px; font-weight:bold; margin-bottom:20px;}
.footer li h5{ line-height:36px;}
.footer li h4:hover a,.footer li h5:hover a{ color:#eeaa1e;}

.footer-foot{ background: none!important; width:1600px; margin: 0 auto;}
.footer-foot p{ float:left; line-height:64px; color: #fff;}
.footer-foot p:last-child{ float:right;}
.footer-foot p a { color: #fff;}







/*浮动*/
#mould82323{ width:100%;background:#eeaa1e;bottom: 0;position: sticky;background: #eeaa1e;z-index:9999;}
#mould82323 .width_1600{display:flex;}
#mould82323 .right{margin:30px;}
#mould82323 h2{color:#fff;font-size:30px; font-weight:bold;margin: 50px 0 10px 50px;}
#mould82323 p{color:#fff;margin: 0 0 20px 50px;}
.messages3{margin-left:50px; background:none;}
.messages3 input{padding:0;text-indent: 2em;}
#name2{ width:270px;height:50px; margin-right:20px;}
#mobile2{ width:270px; height:50px; margin-right:20px;}
.messages3 a{ background:#da391d; width:200px; height:50px; display: inline-block;color:#fff;line-height: 50px; text-align: center;
  font-weight: bold;border-radius: 100px;}
.guanbi{position: absolute;top: 5px;right: 5px;border:none;border-radius: 50%;background: transparent;}




@media screen and (min-width:1501px) and (max-width:1680px){ 
  .navbars4,.width_1600{ width:94%;}
  .footer-foot{ width:100%;}
  
  .youshi_a .right li:nth-child(2),.youshi_a .right li:nth-child(7){ margin-top:24vw;}
  .youshi_a .right li:nth-child(4){ margin-top:17vw;}
  .youshi_a .right li:nth-child(5){ margin-top:34vw;}
  .youshi_a .right li:nth-child(3),.youshi_a .right li:nth-child(4),.youshi_a .right li:nth-child(5){ left: 16vw;}
  .youshi_a .right li:nth-child(6),.youshi_a .right li:nth-child(7){ left: 32vw;}
}

@media screen and (min-width:1441px) and (max-width:1500px){ 
  .navbars4,.width_1600,.footer-foot{ width:94%;}
  #mould823221{ padding: 50px 0 0 0;}
  #mould823221 .swiper-slide h2{ margin: 80px 0 40px 0;}
   
  .youshi_a .right li:nth-child(2),.youshi_a .right li:nth-child(7){ margin-top:24vw;}
  .youshi_a .right li:nth-child(4){ margin-top:17vw;}
  .youshi_a .right li:nth-child(5){ margin-top:34vw;}
  .youshi_a .right li:nth-child(3),.youshi_a .right li:nth-child(4),.youshi_a .right li:nth-child(5){ left: 16vw;}
  .youshi_a .right li:nth-child(6),.youshi_a .right li:nth-child(7){ left: 32vw;}
  
  .footer .up_box .foot_txt p{ font-size: 22px;}
}

@media screen and (min-width:1361px) and (max-width:1440px){ 
  .navbars4,.width_1600{ width:94%;}
  .footer-foot{ width:100%;}
  .navbars4,.navbars4 .logo,.navbars4 ul{ height:80px;}
  .navbars4 .logo{ width:280px;}
  #mould823221{ padding: 50px 0 0 0;}
  #mould823221 .swiper-slide h2{ margin: 80px 0 40px 0;}
  
  .about_a .left p{ line-height:30px;}
  .about_a .left h3{ font-size: 30px; margin: 30px 0 30px 0;}
  #mould823221>h2 span{ font-size: 40px; line-height: 60px; width: 64px; height: 64px;}
  
  .youshi_a{ background-size: 100% auto;}
  .youshi_a .right{ transform: scale(0.9); width:52%;}
  .youshi_a .right li:nth-child(2),.youshi_a .right li:nth-child(7){ margin-top:26vw;}
  .youshi_a .right li:nth-child(4){ margin-top:19vw;}
  .youshi_a .right li:nth-child(5){ margin-top:38vw;}
  .youshi_a .right li:nth-child(3),.youshi_a .right li:nth-child(4),.youshi_a .right li:nth-child(5){ left: 18vw;}
  .youshi_a .right li:nth-child(6),.youshi_a .right li:nth-child(7){ left: 36vw;}
  
  .footer .up_box .foot_logo{ width:31%;}
  .footer .up_box .foot_txt p{ font-size: 22px;}
}

@media screen and (max-width:1360px){ 
  .navbars4,.width_1600{ width:94%;}
  .footer-foot{ width:100%;}
  .navbars4,.navbars4 .logo,.navbars4 ul{ height:80px;}
  .navbars4 .logo{ width:280px;}
  #mould823221{ padding: 50px 0 0 0;}
  #mould823221 .swiper-slide h2{ margin: 50px 0 20px 0;}
  
  .about_a .left p{ line-height:30px;}
  .about_a .left h3{ font-size: 30px; margin: 30px 0 30px 0;}
  #mould823221>h2 span{ font-size: 40px; line-height: 60px; width: 64px; height: 64px;}
  
  .youshi_a{ background-size: 100% auto;}
  .youshi_a .right{ transform: scale(0.9); width:52%;}
  .youshi_a .right li:nth-child(2),.youshi_a .right li:nth-child(7){ margin-top:26vw;}
  .youshi_a .right li:nth-child(4){ margin-top:19vw;}
  .youshi_a .right li:nth-child(5){ margin-top:38vw;}
  .youshi_a .right li:nth-child(3),.youshi_a .right li:nth-child(4),.youshi_a .right li:nth-child(5){ left: 18vw;}
  .youshi_a .right li:nth-child(6),.youshi_a .right li:nth-child(7){ left: 36vw;}
  
  .news_a .left p{ font-size: 22px;}
  .news_a .left h2{ margin-bottom:60px;}
  .news_a .left a{ margin-top:60px;}
  
  .footer .up_box .foot_logo{ width:28%;}
  .footer .up_box .foot_logo img{ width:90%;}
  .footer .up_box .foot_txt p{ font-size: 20px;}
}