/*关于我们*/
.sec-about{padding: 5% 0;margin: 3% 0 0 0; justify-content: space-between;}
.in-about-text{justify-content: space-between;}
.in-about-text-con{width: 48%; flex-direction: column;justify-content: center;}
.in-about-text h6{font-family: 'playfair';font-size: 48px;color: #241916;margin-top: 0;margin-bottom: 0;}
.in-about-text h2{color: #241916;margin: 30px 0;}
.in-about-text h2 span{display: inline-block;vertical-align: middle;}
.in-about-text h2 span:nth-child(2){width: 30px;height: 3px;background: #1f2034;}
.in-about-content{color: #666;line-height: 26px;margin-bottom: 30px;}
.in-more{width: 120px;position: relative;}
.in-more a{display: inline-block;line-height: 40px;font-size: 16px;color: #333;}
.in-more a .icon{font-size: 22px; color: #999;transition: all 0.5s;}
.in-more:after{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #3d3d3d;}	
.in-more:hover a .icon{transform: translateX(10px);}
.in-about-pic-wp {width: 48%;position: relative;}
.in-about-pic{overflow: hidden;position: relative;z-index: 2;text-align: center;}
.video-icon-wp{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.video-icon{position: relative;z-index: 3;cursor: pointer;}
.video-icon .icon{font-size: 80px;color: #fff;}
.video-icon:before{content: ''; position: absolute;width: 90%;height: 90%;border: 5px solid rgba(255,255,255,0.7); background: transparent; left: 5%;top: 5%;
border-radius: 50%; animation: iconopacity 2s ease infinite;z-index: 2;}
.video-icon:after{content: ''; position: absolute;width: 90%;height: 90%;border: 5px solid rgba(255,255,255,0.7); background: transparent; left: 5%;top: 5%;
border-radius: 50%;animation: iconopacity 2s ease 0.7s infinite;z-index: 1;}
.in-about-x{position: absolute;top: -55px;right: -70px;z-index: 1;}
.in-about-tit{justify-content: center;align-items: center;}
.inabout-line{width: 70px;height: 2px;background: #241916;margin-right: 16px;}
.in-about-pictext h5{font-size: 22px;color: #241916;margin-bottom: 0;}
.in-about-pictext h6{color: #a2a4b1;margin-top: 2px;}
.index-aboutvideo{display: none;position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,0.9);z-index: 9999999;}
.videowp{width: 100%;height: 100%;justify-content: center;align-items: center;}
.videowp video{width: 80%;height: 750px;}
.videoClose{position: absolute;right: 6%;top: 8%;cursor: pointer;z-index: 9999999;}
.videoClose .icon{font-size: 26px; color: #fff;}

@media screen and (max-width: 1200px) {
	.in-about-x{display: none;}
}
@media screen and (max-width: 1100px) {
	.in-about-content{line-height: normal;}
	.in-about-x{top: -30px;right: -30px;}
}
@media screen and (max-width: 768px) {
	.sec-about-pic{width: 100%;padding: 0 15px;}
	.sec-about-text-wp{width: 100%;padding: 0 15px;}
	.in-about-text{width: 100%;padding-left: 0;}
	.in-about-text h1{font-size: 20px;margin-top: 10px;}
	.in-about-text h2{font-size: 18px;margin-top: 10px;}
	.module-tab-more a{margin-top: 0;margin-bottom: 16px;}
	.in-about-text-con{width: 100%;margin-bottom: 16px;}
	.in-about-pic-wp{width: 100%;}
	.videowp video{height: auto;}
}
@keyframes iconopacity{
	from{
		transform: scale(1);
	    -webkit-transform: scale(1);
	    opacity: 1;
	    -webkit-opacity: 1;
    }
	to{
		transform: scale(1.8);
	    -webkit-transform: scale(1.8);
	    opacity: 0;
	    -webkit-opacity: 0;
    }
}
/*产品*/
.sec-product-bg{padding: 5% 0;background: #f2f2f3;}
.index-cp-title{text-align: center;}
.index-cp-title h6{font-family: 'playfair';font-size: 48px;color: #241916;text-transform:uppercase; margin-top: 0;margin-bottom: 0;}
.index-cp-title h2{margin-top: 16px; margin-bottom: 16px;padding-bottom: 16px;position: relative;}
.index-cp-title h2:before{content: '';position: absolute;width: 40px;height: 3px;background: #1f2034;left: 50%;transform: translateX(-50%);bottom: 0;}
.index-product-wp{margin-top: 40px;}
.indexProdcut .swiper-wrapper .swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;
-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;
align-items: center;transition: 300ms;transform: scale(0.8);}
.indexProdcut .swiper-wrapper .swiper-slide-active,.indexProdcut .swiper-wrapper .swiper-slide-duplicate-active{transform: scale(1);}
.inner-product-prev,.inner-product-next{top: 50%;transform: translateX(-50%);width: 50px;height: 50px;border-radius: 50%;border: 1px solid #c6ad7c;
justify-content: center;align-items: center;transition: all 0.5s;}
.inner-product-prev{left: 28%;transform: translateX(50%);}
.inner-product-prev .icon,.inner-product-next .icon{font-size: 20px;color: #c6ad7c; transition: all 0.5s;}
.inner-product-prev:hover .icon{transform: scale(2);}
.inner-product-next{right: 28%;}
.inner-product-next:hover .icon{transform: scale(2);}
.indexProductPic{overflow: hidden;background: url(../images/indexProductBg.jpg) no-repeat center center;background-size: cover;}
.indexProductPic img{width: 100%;transition: all 0.5s;}
.indexProductText{padding: 2% 5%; background: #fff;}
.indexProductTitle h4{color: #666;font-weight: 600;}
.indexProductTitle h5{color: #999;}
.indexProductLogo{margin-top: 16px;padding-top: 16px;position: relative;justify-content: space-between;align-items: center;}
.indexProductLogo:before{content: '';position: absolute;width: 100%;height: 1px;background: #ddd;left: 0;top:0;}
.indexProductLogo img{height: 30px;}
.indexProductLogo .icon{font-size: 20px;color: #999;}
.indexProdcut .swiper-wrapper .swiper-slide:hover .indexProductPic img{transform: scale(0.9);}
@media screen and (max-width: 768px) {
	.index-cp-title h1{font-size: 20px;margin-top: 10px;}
	.index-cp-title h2{font-size: 18px;margin-top: 10px;}
	.inner-product-prev, .inner-product-next{display: none;}
	.indexProductTitle h5{display: none;}
	.indexProductLogo{display: none;}
	.indexProductTitle h4{font-size: 14px;}

}
/*产品应用*/
.sec-altbg{padding: 5% 0;}
.sec-altListWp{position: relative;height: 570px;}
.altListBg{position: absolute;width: 100%;height: 100%;z-index: 0;overflow: hidden;}
.altListBgPic{display: none;}
.altListBgPicOn{transform: scale(1.2);transition: all 2.6s;}
.altListItemWp{height: 100%; margin-top: 40px;position: relative;z-index: 1;overflow: hidden;}
.altListItemWp a{width: 25%;height: 100%;position: relative;transition: all 0.5s;z-index: 6;}
.altListItemWp a:not(:first-child):before{content: '';position: absolute;width: 1px;height: 100%;background: rgba(255,255,255,0.2);left: 0;top: 0;}
.altListItem{position: absolute;width: 100%;height: 100%; left: 0;top: 0; padding: 8% 5%;flex-direction: column;justify-content: flex-end;
color: #fff;}
.altListItemTitle{width: 100%; transform: translateY(80px);transition: all 0.5s;}
.altListItemTitle h1{width: 100%;font-family: 'oswald-regular';font-size: 60px; font-weight: 600; position: relative;padding-bottom: 14px;margin-bottom: 20px;
    background-image: linear-gradient(to right,rgba(255,255,255),rgba(255,255,255,0.2));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.altListItemTitle h6:before{content: '';position: absolute;width: 50px;height: 4px;background: #fff;left: 0;bottom: 0;}    
.altListItemTitle h2{font-weight: 600; transition: all 0.5s;}
.altListItem-des{opacity: 0;transform: translateY(200px); margin-bottom: 16px; overflow: hidden;transition: all 0.3s;}
.altListItemWp a:hover .altListItemTitle{transform: translateY(0);}
.altListItemWp a:hover .altListItem-des{opacity: 1;transform: translateY(0);}
.altListItemWp a:hover .altListItem h2{font-size: 32px;}
.alt-more{width: 100px;padding-bottom: 10px;position: relative;}
.altListItemWp a:hover {background: linear-gradient(to bottom, rgba(0,0, 0,1),rgba(198,173,124,.8));}  
.xs-altListItemWp{display: none;margin-top: 24px;}
.xs-altListItem{justify-content: space-between;}
.xs-altListItem a{width: 49%;overflow: hidden;}
.xs-altListItem img{width: 100%;}
.xs-altListItem h5{text-align: center;color: #333;}
@media screen and (max-width: 768px) {
	.sec-altListWp{display: none;}
	.xs-altListItemWp{display: block;}
}
  
/*资质证书*/
.sec-honor-bg{padding: 5% 0;background: url(../images/honorbg_02.jpg) no-repeat center center;background-size: cover;
background-attachment: fixed;}
.sec-honor-bg .sec-title{justify-content: space-between;align-items: center;}
.sec-honor-bg .sec-title .index-pro-title{width: 70%;}
.sec-honor-bg .sec-title .index-pro-title h2{color: #fff;margin: 0 0 16px 0;}
.sec-honor-bg .sec-title .index-pro-title h2 span:nth-child(2){background: #fff;}
.sec-honor-bg .sec-title .index-pro-title h6{font-family: 'playfair'; font-size: 22px;color: #fff;text-transform: uppercase;}
.sec-honor-bg .sec-title .in-more a{color: #fff;}
.sec-honor-bg .sec-title .in-more a .icon{color: #fff;}
.sec-title2{justify-content: space-between;align-items: center;margin-top: 16px;}
.honor-text{width: 40%;color: #fff;line-height: 26px;}
.num-item{margin-left: 16px;flex-direction: column;align-items: center;color: #fff;}
.num{font-family: "oswald-bold";font-size: 30px;}
.honor-wp{margin-top: 32px;}
.honor-wp .honor .swiper-slide{padding: 10px 10px 0 10px;background: #f1f1f1;}
.honor-pic{overflow: hidden;}
.honor-pic img{width: 100%;}
.honor-wp .honor .swiper-slide h4{font-size: 16px; text-align: center;}
@media screen and (max-width: 768px) {
	.sec-honor-bg .sec-title .index-pro-title{width: 60%;}
	.sec-honor-bg .sec-title .index-pro-title h2{font-size: 18px;margin: 0 0 0 0;}
	.sec-honor-bg .sec-title .index-pro-title h1{font-size: 14px;}
	.sec-title2{display: none;}
	.honor-wp{margin-top: 8px;}
}
/*新闻*/
.sec-news-wp{position: relative;height: 750px;}
.news-left{position: absolute;width: 33.3333%;height: 100%;padding: 15% 0;left: 0;top: 0;flex-direction: column;justify-content: space-around;}
.news-left .index-pro-title h6{font-family: 'playfair';font-size: 34px;text-transform: uppercase;}
.news-left .index-pro-title h2{margin-top: 16px;margin-bottom: 0;}
.news-navwp a{color: #241916;}
.news-navwp a h4{font-size: 16px;position: relative;padding-left: 16px;margin-bottom: 20px;}
.news-navwp a h4:before{content: '';position: absolute; width: 5px;height: 5px;background: #241916;border-radius: 50%;left: 0;top: 50%;
transform: translateY(-50%);}
.news-right{position: absolute;width: 66.6666%;height: 100%;right: 0;top: 0;}
.news-right .mySwiperNew{height: 750px;}
.mySwiperNew .swiper-slide{position: relative;padding: 12% 3%;}
.mySwiperNew .swiper-slide:before{content: '';position: absolute;width: 1px;height: 100%;background: #e5e5e5;left: 0;top: 0;}
.mySwiperNew .swiper-slide h4{color: #ccc;}
.in-news-pic{overflow: hidden;margin: 16px 0;}
.in-news-pic img{width: 100%;}
.in-news-text{width: 100%;}
.in-news-date{font-family: 'oswald-regular';font-size: 18px;color: #666;}
.in-news-title{font-size: 20px;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.in-news-des{color: #999;line-height: 32px;}
@media screen and (max-width: 768px) {
	.news-left{width: 100%;position: relative;height: auto;padding: 0;flex-direction: row;align-items: center;}
	.index-pro-title{width: 60%;}
	.news-left .index-pro-title h1{font-size: 14px;}
	.news-left .index-pro-title h2{font-size: 18px;margin-top: 0;}
	.news-navwp{display: none;}
	.news-right{width: 100%;position: relative;margin: 24px 0;}
	.sec-news-wp{height: auto;}
	.news-right .mySwiperNew{height: auto;}
	.mySwiperNew .swiper-slide{padding: 3%;}
	.mySwiperNew .swiper-slide h4{font-size: 14px;}
	.in-news-date{font-size: 14px;}
	.in-news-title{font-size: 16px;}
	.in-news-des{display: none;}
}
/*发货*/
.sec-send{background: url(../images/fhbg_02.jpg) no-repeat center center;background-attachment: fixed;background-size:cover;}
.in-pgm-right{width: 50%;padding: 80px;background: rgba(255,255,255,.7);box-sizing: border-box;}
.in-pgm-right h3{font-weight: 600;font-family: arial;color: rgba(51,51,51,0.4);}
.in-pgm-right h2{font-weight: 600;color: #1a1a1a;}
.in-pgm-right h5{line-height: 32px;}
.in-pgm-right-contact{width: 140px;height: 40px;line-height: 40px;background: #1a1a1a;text-align: center;margin-top: 16px;transition: all 0.5s;}
.in-pgm-right-contact a{display: block;font-size: 16px; color: #fff;position: relative;}
.in-pgm-right-contact a span{position: relative; z-index: 3;}
.in-pgm-right-contact a:after{content: '';position: absolute;width: 0;height: 100%;left: 0;top: 0; background: #333;transition: all 0.5s;z-index: 2;}
.in-pgm-right-contact:hover a:after{width: 100%;}
.in-pgm-left{width: 50%;margin-left: 50%;padding: 80px;background: rgba(0,84,158,.9);box-sizing: border-box;}
.in-pgm-left h2{font-weight: 600;color: #fff;}
.in-pgm-left h5{line-height: 32px;color: #fff;}
.in-pgm-left-contact {width: 140px;height: 40px;line-height: 40px;background: #1a1a1a;text-align: center;margin-top: 16px;transition: all 0.5s;}
.in-pgm-left-contact a{display: block;font-size: 16px; color: #fff;position: relative;}
.in-pgm-left-contact a span{position: relative; z-index: 3;}
.in-pgm-left-contact a:after{content: '';position: absolute;width: 0;height: 100%;left: 0;top: 0; background: #333;transition: all 0.5s;z-index: 2;}
.in-pgm-left-contact:hover a{color: #fff;}
.in-pgm-left-contact:hover a:after{width: 100%;}

@media screen and (max-width: 1200px){
	.in-pgm-right h2,.in-pgm-left h2{font-size: 22px;}
}
@media screen and (max-width: 1000px){
	.in-pgm-left,.in-pgm-right{padding: 40px;}
}
@media screen and (max-width: 768px){
	.in-pgm-bg{background-size: cover;}
	.in-pgm-left,.in-pgm-right{padding: 20px;}
	.in-pgm-right h2, .in-pgm-left h2{font-size: 18px;}
	.in-pgm-left h5{font-size: 14px;}
	.in-pgm-right{width: 100%;}
	.in-pgm-left{width: 100%;margin-left: 0;}
}