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

#mould76071{ width:100%; z-index: 999; background:#fff; height:100px; transition:.8s;position:relative; position:fixed; top:0;}
.header_box{ width:1600px; margin:0 auto;position: relative;}
.header6 .logo{ width:80px; margin-left: 0; transform:translateX(-60%); transition:.5s;}
.header6 .logo img{ width:100%; height: auto; margin:10px auto 0 auto; display: block; transition:.5s; border-radius:6px;}
.header6 .phone{ float:right; position:relative; top:22px; width:56px; height:56px; border-radius:50%; background:#684297; cursor: pointer;}
.header6 .phone img{ width:60%; height:60%; margin:20% auto 0 auto; display:block;}
.header6 .phone p{ font-size: 26px; width:200px; line-height:48px; text-align:center; font-weight: bold; font-family:"arial"; background:#684297; color:#fff; position:absolute; top:78px; right:0; display:none;}
.header6 .phone:hover p{ display:block;}
.header6 .hotTel {width: 60px;height: 60px;position: absolute;right: 0px;top: 50%;-webkit-transform: translateY(-50%);}
.header6 .hotTel .icon {width: 60px;height: 60px;position: absolute;left: 0px;top: 0px;background: #684297;color: #FFFFFF;border-radius: 50%;line-height: 60px;text-align: center;font-size: 22px;z-index: 5;}
.header6 .hotTel .icon i{width:54%;margin:0 auto;display: block;-webkit-transition: all .35s;-webkit-animation: rotateIns 2s ease infinite;}
@-webkit-keyframes rotateIns {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	10%,
	20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
		transform: scale3d(.9, .9, .9) rotate(-3deg)
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
	}

	100% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}
.header6 .hotTel .tel {width: 60px;height: 60px;position: absolute;right: 0px;top: 0px;background: #684297;color: #FFFFFF;-webkit-transition: all .5s;border-radius: 60px;overflow: hidden;
  opacity: 0;text-align: center;padding-right: 40px;line-height: 60px;font-family: DIN;font-size: 20px;}
.header6 .hotTel:hover .tel {width: 188px;opacity: 1;}

.header6 .nav{ height:100px; transition:.5s; width:100%;}
.header6 .nav li{ width:calc((100% - 360px) / 7); height:100px;}
.header6 .nav li:nth-child(4){ margin-right: 144px;}
.header6 .nav li:nth-child(5){ margin-right: 0;}
.header6 .nav li h5{ transition:.5s; color:#333; font-size:18px; font-weight: bold; padding-top:28px;}
.header6 .nav li h6{ font-family: arial; text-transform: uppercase; font-size:15px; margin-top:6px;}
.header6 .nav li.active h5,.header6 .nav li.active h6{ color:#684297;}
.header6 .nav li:hover h5,.header6 .nav li:hover h6{ color: #684297;}
.header6 .nav li .erji{ z-index:999; padding-top:0; top:80px; width:64%; margin-left:18%; box-shadow:0 0 10px rgba(0 0 0 / 20%); border-radius:10px;}
.header6 .nav li .erji a{ width:100%; background:#fff; color:#333; margin-bottom:0; height:50px; line-height:50px;}
.header6 .nav li .erji a:hover{ background:#684297; color:#fff;}

.header_active,.header_active .nav li{ height:80px!important;}
.header_active .logo{ width:200px; height:80px;}
.header_active .nav li h5{ line-height:80px;}
.header_active .nav li .erji{ top:70px;}


/*大图*/
#mould86067 .swiper-slide img{ height:100vh;}
#mould86067 .swiper-container .swiper-pagination .swiper-pagination-bullet{ background:#fff; opacity:1; border-radius:4px; width:30px;}
#mould86067 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background:#684297;}


/*第二屏 简介*/
.about_a{ }
.about_txt{ float:left; width:58%; color:#fff; padding:14% 10% 10%; box-sizing:border-box;}
.about_txt h2{ font-size:36px; font-weight:bold; margin-bottom:24px;}
.about_txt p{ font-size:18px; line-height:36px; text-indent:2em;}
a.on{ color:#fff; font-size:18px; margin-top:48px; display: block; background:url(/images/more1.png) no-repeat center left 11px;}
@-webkit-keyframes rotation{
    from { transform: rotate(0deg); -webkit-transform: rotate(0deg);}
    to { transform: rotate(360deg); -webkit-transform: rotate(360deg);}
}
a.on img{
    margin-right:16px;
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
    animation: rotation 10s linear infinite;
    -moz-animation: rotation 10s linear infinite;
    -webkit-animation: rotation 10s linear infinite;
    -o-animation: rotation 10s linear infinite;
}


.about_cont{ float:right; width:40%; margin-top:100px;}
.about_cont .swiper-container{ width: 100%; height: 670px; padding:20px;}
.about_cont .swiper-container .swiper-wrapper{ height:100%;}
.about_cont .swiper-slide{ background:#fff; border-top-left-radius:120px; overflow:hidden; box-shadow:0 0 20px rgba(0 0 0 / 20%); position:relative;}
.about_cont .swiper-slide:after{ content:""; width:100%; height:72%; background:url(/images/about_xian_bg.png); position:absolute; bottom:0; left:0;} 
.about_cont .swiper-slide img{ width:100%; height:100%;}
.about_cont .swiper-slide .text1{ position:absolute; left:0; bottom:60px; color:#fff; z-index:9; padding:0 40px 0 40px; height:72px; overflow:hidden;}
.about_cont .swiper-slide-active .text1{ height:auto;}
.about_cont .swiper-slide .text1 h2{ font-size:28px; line-height:30px; font-weight:bold;}
.about_cont .swiper-slide .text1 h3{ font-size:18px; line-height:20px; font-weight:bold; font-family:"arial"; text-transform: uppercase; margin:12px 0;}
.about_cont .swiper-slide .text1 p{ line-height:24px;}
.about_cont .swiper-slide .text1 img{ width:auto;}
.about_cont a.on{ margin-top:24px;}


/*第三屏 产品*/
.product_a{ position:relative;}
.product_txt{ position:absolute; top:20%; left:50%; transform:translateX(-50%); width:50%; color:#fff; text-align:center; z-index: 9;}
.product_txt h4{ font-size:36px; line-height:36px; font-weight:bold; margin-bottom:24px;}
.product_txt p{ font-size:18px; line-height:30px; text-indent: 2em;}
.product_txt a.on{ display: inline-block; background:url(/images/more1.png) no-repeat center left 11px; margin-top:24px;}

.product_a .product_img{ width:100vw; height:100vh; position:relative;}
.product_a .product_img:after{ content:""; width:100%; height:100%; background:rgba(0,0,0,0.36); position:absolute; top:0; left:0;}
.product_a .product_img img{ width:100%; height:100vh;}
.product_a ul{ position:absolute; bottom:0; left:0; width:100%; border-top:1px solid #e5deeb; box-sizing:border-box;}
.product_a li{ width:25%; float:left; background:rgba(104,66,151,0.1) url(/images/product_logo.png) no-repeat center left 15%; border-right:1px solid #e5deeb; box-sizing:border-box; padding:80px 0 80px 8%;
  cursor: pointer; color:#fff;}
.product_a li:last-child{ border-right:none;}
.product_a li h2{ font-size:24px; line-height:30px; font-weight:bold; margin-top:12px;}
.product_a li h3{ font-size:18px; line-height:20px; font-weight:bold; font-family:"arial"; text-transform: uppercase; margin:12px 0;}
.product_a li.on{ background:rgba(104,66,151,0) url(/images/product_logo1.png) no-repeat center left 15%; color: #684297;}


/*第四屏 新闻*/
.news_a{ width:100%; padding-left:10%; box-sizing:border-box;}
.news_a .swiper-slide{ border-radius:10px; overflow:hidden; background:#fff;}
.news_a .swiper-slide .img{ overflow:hidden;}
.news_a .swiper-slide img{ transition:.5s;}
.news_a .swiper-slide:hover img{ transform:scale(1.1);}
.news_a .swiper-slide h2{ font-size:20px; line-height:24px; font-weight:bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:20px 20px 0 20px; box-sizing:border-box;}
.news_a .swiper-slide:hover h2{ color: #684297;}
.news_a .swiper-slide p{ font-size:15px; line-height:16px; padding:10px 20px 20px 42px; box-sizing:border-box; background: url(/images/icon.png) no-repeat left 20px top 10px; background-size:16px; color: #666;} 
.news_a .swiper-slide:hover p{ color: #666;}
.news_a .swiper-slide p span{background: url(/images/yan.png) no-repeat top 0px left;padding-left: 30px;float:right;}

.title_a{ margin-bottom:36px; margin-top:80px;}
.title_a h3{ font-size:48px; line-height:58px; font-weight:bold; color:#684297; float:left;}
.title_a a.on{ floaT:right; margin-top:0; background:url(/images/more4.png) no-repeat center left 11px; color: #684297; padding-right:10%; box-sizing:border-box;}


/*第五屏 人气*/
.hot_a{ position: relative; width: 100%; height:100vh; overflow:hidden; margin: 0 auto; left: 0;}
.hot_a .title_a{ z-index:9; position:relative; width:1600px; margin:180px auto -20px auto;}
.hot_a .title_a h3{ color:#fff;}
.hot_a .title_a a.on{ background:url(/images/more1.png) no-repeat center left 11px; color:#fff;}

.hot_a .f3Info{
  position: absolute;
  margin-top: -7.5vw;
  width: 105%;
  left: -2.5%;
  height: 12vw;
  z-index: 4;
  border-radius: 100vw/25vw;
  background: #7649a6;
  pointer-events: none;
}
.hot_a .f3Info2 {
  position: absolute;
  margin-top: -9vw;
  width: 105%;
  left: -2.5%;
  height: 10vw;
  z-index: 4;
  border-radius: 100vw/25vw;
  background: #7649a6;
  pointer-events: none;
}
.hot_a .f3Swiper {
  width: 100%;
  position: relative;
  z-index: 2;
}
.hot_a .f3Swiper .swiper-slide {
  width: 50vw;
  height: 35vw !important;
  cursor: pointer;
}
.hot_a .f3Swiper .swiper-slide .img {
  display:block;
  width: 50vw;
  height: 30vw;
  background-size: cover !important;
  transition: 0.5s all ease-in-out;
  position: relative;
  overflow: hidden;
}
.hot_a .f3Swiper .swiper-slide .img img{ transition: 0.5s all ease-in-out;}
.hot_a .f3Swiper .swiper-slide:hover .img img{ transform: scale(1.1);}


/*第六屏 版权*/
.footer{ background:none;}
.footer_logo{ width: 980px; margin: auto; z-index: 1; position: relative; transform:translateY(90px);}
.footer_logo .img{ position: absolute; top: 0; left: 0; width: 100%;}
.footer_logo .img img{ width:100%;}
.footer_logo .main_a{ width: 530px; margin: auto;position: relative; z-index: 2; padding-bottom: 280px; overflow: hidden;}
.footer_logo .main_a .item{ position: absolute; top: 36px; left: 50%; transform:translateX(-50%); width: 80px; height: 100%; transform-origin: center bottom; cursor: pointer;}
.footer_logo .main_a .item .item_main_box{ padding:10px;}
.footer_logo .main_a .item.on .item_main_box{ box-shadow:0 0 10px rgba(0 0 0 / 20%); border-radius:50%;}
.footer_logo .main_a .item:nth-child(1){ transform: translateX(-50%) rotate(0deg);}
.footer_logo .main_a .item:nth-child(2){ transform: translateX(-50%) rotate(30deg);}
.footer_logo .main_a .item:nth-child(3){ transform: translateX(-50%) rotate(60deg);}
.footer_logo .main_a .item:nth-child(4){ transform: translateX(-50%) rotate(-30deg);}
.footer_logo .main_a .item:nth-child(5){ transform: translateX(-50%) rotate(-60deg);}

.footer_logo .ouertation{ position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:120px; height:120px; border-radius:6px; overflow:hidden;}

.footer_cont{ background:#fff; padding-top:140px;}
.footer_cont_center{ width:1600px; margin:0 auto;}

.footer_cont ul{ width:64%; float:right;}
.footer_cont li{ float:left; width:16.66%;}
.footer_cont li:last-child{ margin-right:0;}
.footer_cont li h4{ font-size:20px; line-height:40px; font-weight:bold;}
.footer_cont li h4 a{ color:#684297;}
.footer_cont li h5{ line-height:36px;}
.footer_cont li h5 a{ color:#333;}

.footer_lx{ float:left; width:23%;}
.footer_lx h4{ font-size:18px; line-height:24px;}
.footer_lx h5{ color:#684297; font-size:36px; font-weight:bold; font-family:arial; margin:20px 0;}
.footer_lx p{ line-height:30px;}

.copyright{ border-top:1px solid rgba(0,0,0,0.1); width:1600px; margin:40px auto 0 auto;}
.copyright .fl{ float:left;}
.copyright .fr{ float:right;}
.copyright .fl,.copyright .fr,.copyright a{ line-height:48px;}




@media (max-width: 1680px){
  .header_box,.hot_a .title_a,.footer_cont_center,.copyright{ width:94%;}

  .about_txt{ padding: 14% 6% 10%;}
  .about_cont{ margin-top:140px;}
  .about_cont .swiper-container{ height:565px;}
  
  .news_a{ padding-left:4%;}
  
  .title_a{ margin-bottom:20px;}
  .title_a h3{ font-size:40px;}
  a.on{ font-size:16px;}
  
}
@media (min-width: 1560px) and (max-width: 1679px){
  .header6 .nav li:nth-child(4){ margin-right: 160px;}
  .about_cont .swiper-container{ height:524px;}
  .product_a li{ background-size: 60px;}
}
@media (min-width: 1440px) and (max-width: 1559px){
  .header6 .nav li:nth-child(4){ margin-right: 140px;}
  .header6 .logo{ transform: translateX(-90%);}
  
  .about_cont .swiper-container{ height:482px;}
  .about_cont{ margin-top:12%;}
  .product_a li{ background-size: 60px;}
  .product_a li.on{ background-size: 60px;}
  .product_a li h3{ font-size:16px; font-weight:normal;}
}
@media (min-width: 1360px) and (max-width: 1439px){
  .header6 .nav li:nth-child(4){ margin-right: 140px;}
  .header6 .logo{ transform: translateX(-90%);}
  .about_cont .swiper-container{ height:454px;}
  .about_cont{ margin-top:12%;}
  
  .product_txt{ width:54%;}
  .product_txt p{ font-size:16px; line-height:24px;}
  .product_a li{ background: rgba(104,66,151,0.1) url(/images/product_logo.png) no-repeat center left 13%; background-size: 60px;}
  .product_a li.on{ background: rgba(104,66,151,0.1) url(/images/product_logo1.png) no-repeat center left 13%; background-size: 60px;}
  .product_a li h3{ font-size:14px; font-weight:normal;}
}