.nbanner {
  position: relative;
  overflow: hidden;
}

.nbanner .swiper-slide .hh_img {
  width: 100%;
}

.nbanner .swiper-slide img.pc {
  width: 100%;
}
.nbanner  .swiper-slide .hh_w {
    width: 50px;
    margin: 0 auto;
}
.nbanner .swiper-slide .hh_w .hh_info {
  position: absolute;
  top: 80%;
  transform: translateY(-50%);
}

.nbanner .swiper-slide .hh_w .hh_info .hh_banner {
  margin-bottom: 5px;
}

.nbanner .swiper-slide .hh_w .hh_info .hh_text p {
  color: #fafafa;
  line-height: 1.75;
  font-family: 'hmos_l';
}

.nbanner .swiper-slide .hh_w .hh_info a {
  font-family: 'hmos_l';
  color: #fff;
  margin-top: 7.031vw;
  display: inline-block;
  align-items: center;
  position: relative;
  padding-bottom: 20px;
  position: relative;
}

.nbanner .swiper-slide .hh_w .hh_info a::before {
  position: absolute;
  width: 0;
  height: 1px;
  background: #fff;
  bottom: 0;
  left: 0;
  transition: all .5s;
  content: '';
}

.nbanner .swiper-slide .hh_w .hh_info a img {
  transform: rotate(45deg);
  transition: all .5s;
}

.nbanner .swiper-slide .hh_w .hh_info a span {
  margin-right: .5rem;
}

.nbanner .swiper-slide .hh_w .hh_info a:hover img {
  transform: rotate(0deg);
}

.nbanner .swiper-slide .hh_w .hh_info a:hover::before {
  width: 100%;
}

.nbanner .hhsyb_text {
  position: absolute;
  bottom: 0;
  left: .6rem;
  z-index: 1;
  display: none;
}

.nbanner .hhsyb_text .hh_text {
  color: #fff;
  writing-mode: vertical-lr;
}

.nbanner .hhsyb_text .syb {
  width: 100%;
  margin: 15px 0 0 0;
  height: 1rem;
  position: relative;
}

.nbanner .hhsyb_text .syb .syb1 {
  position: absolute;
  width: 1px;
  background: #fff;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
}

.nbanner .hhsyb_text .syb .syb2 {
  position: absolute;
  width: 1px;
  background: #fff;
  opacity: .5;
  z-index: 1;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.nbanner .hhsyb_text .syb .syb1.active {
  animation: progressAnimationStrike 5s;
}

.nbanner .nbanner_btnBox {
  position: absolute;
  right: .6rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.nbanner .nbanner_btnBox .swp_page .swp_pageStart {
  color: #fff;
}

.nbanner .nbanner_btnBox .swp_page .swp_pageEnd {
  color: #fff;
  opacity: .5;
}

@keyframes progressAnimationStrike {
  from {
    height: 0;
  }

  to {
    height: 100%;
  }
}

.nbanner .nbanner_btnBox .swp_page .syb {
  width: 100%;
  margin: 20px 0;
  height: 2rem;
  position: relative;
}

.nbanner .nbanner_btnBox .swp_page .syb .syb1 {
  position: absolute;
  width: 1px;
  background: #fff;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
}

.nbanner .nbanner_btnBox .swp_page .syb .syb2 {
  position: absolute;
  width: 1px;
  background: #fff;
  opacity: .5;
  z-index: 1;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.nbanner .nbanner_btnBox .swp_page .syb .syb1.active {
  animation: progressAnimationStrike 6s;
}

.nbanner .nbanner_btnBox .swiper-pagination {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  margin-top: .3rem;
}

.nbanner .nbanner_btnBox .swiper-pagination .swiper-pagination-bullet {
  background: #fff;
  opacity: .4;
  margin: 8px 0;
}

.nbanner .nbanner_btnBox .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  position: relative;
}

.nbanner .nbanner_btnBox .swiper-pagination .swiper-pagination-bullet-active::before {
  position: absolute;
  content: '';
  background: #fff;
  opacity: 0.4;
  width: 15px;
  height: 15px;
  border-radius: 1000px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media (min-width: 2500px) {
  .nbanner .swiper-slide .hh_w .hh_info a {
    margin-top: 4vw;
  }

  .nbanner .swiper-slide .hh_w .hh_info a span {
    font-size: 24px;
  }
}



#banner { font-size:0; overflow:hidden; }


.pagebanner {
    position: relative;
    overflow: hidden;
    display: block;
}
/*ind-banner*/
.ind-banner{width: 100%; overflow: hidden; position:relative;} 
.ind-banner .swiper-slide { color: #fff; background:#000; } 
.ind-banner .swiper-slide {position: relative;}
.ind-banner .swiper-slide img{width: 100%; display: block;}
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; position:relative; /*min-height:750px; height:100vh;*/}
.ind-banner .swiper-slide a .shipin {position: absolute;top: 0;left: 0; width: 100%;height: 100%;overflow:hidden;}
.ind-banner .swiper-slide a video {width: 100%;height: 100%;object-fit: cover;}
.ind-banner .swiper-button-prev{display:none;} 
.ind-banner .swiper-button-next{display:none;} 
/*index-banner-wrapper swiper-pagination-bullet*/
.index-banner-wrapper .swiper-pagination-bullet{display:none;}
/*bannerTel*/
.bannerTel{ display: none; }
.ind-bannerTel{width: 100%; overflow: hidden;} 
.ind-bannerTel .swiper-slide { color: #fff; } 
.ind-bannerTel .swiper-slide img{width: 100%;}
.ind-bannerTel .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-bannerTel .swiper-pagination{  text-align: center; left: 0; width: 100%; bottom: 0.68rem!important; display:none;} 
.ind-bannerTel .swiper-pagination-bullet { opacity: 1!important; width:8px; height:8px; text-align: center;border:1px solid #fff;background: transparent;border-radius:50%;margin:0 4px!important; } 
.ind-bannerTel .swiper-pagination-bullet-active {background:#fff;} 
@media screen and (max-width:768px){
.ind-banner .swiper-slide .img{height:0;position: relative;overflow: hidden;padding-bottom:44%;}
.ind-banner .swiper-slide .img img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block; width:100%; max-width:none; height:auto;}
}

/*hh__scroll*/
.hh__scroll{align-items:center;border:1px solid rgba(255, 255, 255, 0.5);border-radius:50%;bottom:48px;box-sizing:border-box;cursor:pointer;display:flex;height:80px;justify-content:center;left:calc(50% - 40px);margin-top:80px;position:absolute;transition:all .2s ease;width:80px; z-index:2;}
.hh__scroll__icon{z-index:2;fill:#f5f5f5;background-image:url(../images/icon-scroll-mouse-animated.svg);background-repeat:no-repeat;background-size:100%;height:48px;width:48px}

/*@media (max-width: 1920px){
.hh__scroll{bottom:0.48rem;height:0.8rem;left:calc(50% - 0.4rem);margin-top:0.8rem;width:0.8rem;}
.hh__scroll__icon{height:0.48rem;width:0.48rem;}
}	*/
@media (max-width: 1220px){
.hh__scroll{bottom:0.28rem;height:0.6rem;left:calc(50% - 0.2rem);margin-top:0.6rem;width:0.6rem;}
.hh__scroll__icon{height:0.28rem;width:0.28rem;}
}


/*indexAbout*/
.indexProduct{padding-top:90px;background:url(../images/index-bg.jpg) center top 80px no-repeat; background-size:100%;}
.indexProduct .indexTitle{ background-image:url("../images/index-protit.png");}
.indexProduct img {
    width: 100%;
    display: block;
}



/*indexTitle*/
.indexTitle{position:relative;margin-bottom:50px;  background-position:left 20px; background-repeat:no-repeat; background-size:12px;overflow: hidden;}
.indexTitle .cn{font-size:36px;color:#000000;font-weight:300; line-height:normal;}
.indexTitle .cn a{color:#333333;}
.indexTitle .cn span{ color:#ed7d31;}
.indexTitle .en{ font-size:36px; line-height:normal; color:#333333;font-weight:bold; margin-bottom:5px;}
.indexTitle .en a{color:#333333;font-family: 'corbel', Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; /* 优化渲染 */ -moz-osx-font-smoothing: grayscale; /* 兼容不同浏览器 */}


/*indexWZBoxNr*/
.indexWZBoxNr{position:relative; float:right; inherit  padding-bottom:90px;font-size:16px;line-height:34px;color:#000000;}


.indexProductList{ position:relative;}
.indexHotTitListBox{ width:210px; height:240px; overflow:hidden; position:absolute;top:50%;left: 50px;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); z-index:2;}
.indexHotTitList{ overflow:hidden;}
.indexHotTitList .swiper-slide{ cursor:pointer;width:100%; height:30px!important;}
.indexHotTitList .li{position:relative; text-align:right; width:100%;}
.indexHotTitList .li:after{ content:''; display:none; width:6px; height:6px;border-radius:50%; background:#fff; overflow:hidden; position:absolute;right:0;top:50%; margin-top:-3px;}
.indexHotTitList .li .cn{font-size:18px;font-weight:300; line-height:normal; line-height:28px; padding:3px 0;padding-right:22px;color:#fff;}
/**/
.indexHotTitList .swiper-slide{text-align:center;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}
.indexHotTitList .swiper-slide-active .li:after{ display:block;}
.indexHotTitList .swiper-slide-active{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1; }


/*indexHotsalesList*/
.indexHotsalesBox .indexHotsalesListBox,
.indexHotsalesList .swiper-container{overflow:hidden;}
.indexHotsalesList .swiper-slide{float:none; overflow:hidden; width:100%;}
.indexHotsalesList .li{ margin:0;}
.indexHotsalesList .li a{ padding:0; display:block; vertical-align:bottom;position:relative;}

.indexHotsalesList .li .title{color:#fff;line-height: normal; text-align:left;position:absolute;bottom:0; left:0;right:0; max-width:590px;background:url(../images/bg90.png) center top repeat;}
.indexHotsalesList .li .titleNr{ padding:80px 120px 60px 120px; }

.indexHotsalesList .li .title .cn{font-size:26px;font-weight:300; line-height:normal;margin-bottom:24px;}
.indexHotsalesList .li .title .en{ font-size:62px;font-weight:300;font-family: 'Helvetica', Arial, Helvetica, sans-serif;text-transform:uppercase; margin-bottom:2px;}
.indexHotsalesList .li .title .des{font-size:14px;line-height:26px; height:52px; overflow:hidden;}

.alignMiddleContent .draggable {
    width: 1400px;
    margin: 0 auto;
}

.slick-list{position:relative;display:block;margin:0;padding:0;}
#BannerBlocks{background-color:#ebebeb;color:#fff;overflow:hidden;padding-top: 90px;padding-bottom: 70px;}
#BannerBlocks .alignMiddle{height:inherit}
#BannerBlocks .alignMiddle .alignMiddleContent{vertical-align:middle;display:inline-block;width:100%}
#BannerBlocks .alignMiddle .helper{height:inherit;vertical-align:middle;display:inline-block}
#BannerBlocks .title{font-size:24px;line-height:22px;width:80%;text-align:center;margin:auto;margin-bottom:5px;font-family:"arial";text-transform:uppercase;letter-spacing:inherit;color:inherit;font-weight:normal}
#BannerBlocks .subTitle{font-size:13px;line-height:13px;width:80%;text-align:center;margin:auto;margin-bottom:45px;font-family:"arial"}
#BannerBlocks .blocks .items{margin:0 0;position: relative;}
#BannerBlocks .slick-track{display: flex; flex-wrap: wrap;}
#BannerBlocks .block{width:327px;position:relative;z-index:5;margin:0 15px;transition: all .2s ease;/* transform:skew(-9deg); */overflow:hidden}
#BannerBlocks .block.item1{right:-6.666%}
#BannerBlocks .block.item3{left:-6.666%}
#BannerBlocks .block .blockInner{display:block;text-align: center;}
#BannerBlocks .block .blockInner  span{color: #999999;}
#BannerBlocks .block .blockInner p{line-height: 45px;}
#BannerBlocks .block .textContainer{display:inline-block;float:right;margin-right:-5px;margin-top:400px;height:50px;padding:0 15px;background-color:#fff;/*transform:skew(9deg)*/}
#BannerBlocks .block .textContainer .blockTitle{line-height:50px;font-family:"arial";text-transform:uppercase;font-size:16px;color:#000;letter-spacing:-1px}
#BannerBlocks .block .blockInner .imageWrapper{overflow:hidden}
#BannerBlocks .block .blockInner .image .overlay.on{background-color:rgba(0,0,0,.4)}
#BannerBlocks .block .blockInner .image .overlay{position:absolute;top:0;left:57px;right:58px;bottom:0}
#BannerBlocks .block .blockInner .image{position:relative;height:450px;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);background-size:cover;background-repeat:no-repeat;background-position:center;transition:transform 3s;-webkit-transition:-webkit-transform 3s;-moz-transition:-moz-transform 3s;-ms-transition:-ms-transform 3s}
#BannerBlocks .block .blockInner .text .title{font-size:31px;margin:0;text-align:left;line-height:36px;padding-bottom:15px}
#BannerBlocks .block .blockInner .text{min-height:248px;padding:45px 40px;font-size:20px;color:#616161;line-height:22px;background:#fff}
#BannerBlocks .arrowOuter{z-index:999;position:absolute;top: 48.5%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);width: 30px; height: 45px;cursor:pointer;}
#BannerBlocks .arrowOuter.prev{left:200px}
#BannerBlocks .arrowOuter.next{right:200px;background-image:url(../images/jt2.png);}
#BannerBlocks .arrowOuter{text-align:center;border-radius:100%;background-image:url(../images/jt.png);background-repeat: no-repeat;}

#BannerBlocks .block .blockInner img{
   width: 100%;
    height: 327px;
    object-fit: cover;
}

#BannerBlocks .indexTitle{
	text-align:center;
	margin-bottom: 50px;
}

.more a{
	display: block;
    width: 180px;
    line-height: 40px;
    border: 1px solid;
    text-align: center;
    border-radius: 30px;
    margin: 0 auto;
    margin-top: 70px;
    color: #333;
}

.about_msg{
	padding-top:90px;
	background: url(../images/index-bg.jpg) center bottom no-repeat;
    background-size: 100%;
}

.news {
    position: relative;
    margin-top: 0;
}
.news_bg {
	width: 100%;
    display: block;
}
.news .news_content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 10;
	text-align: center;
}
.news .title {
    height: 67px;
    font-size: 36px;
    font-weight: 800;
    line-height: 67px;
	
}
.news .desc {
    margin-top: 10px;
    height: 36px;
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
}
.news .desc, .news .title {
    color: #fff;
    letter-spacing: 2px;
}

.new_btn {
    display: inline-block;
    padding: 0 55px;
    height: 40px;
	line-height: 40px;
    background: 0 0;
    border: 1px solid #fff;
    border-radius: 30px;
    font-size: 16px;
	margin-top: 60px;
	margin-left: 30px;
}

.new_btn, .new_btn span {
    position: relative;
    color: #fff;
}
.news .new_btn:first-of-type {
    margin-left: 0;
}

.new_btn:hover span {
    color: #000;
}

.new_btn:hover:before {
    transition: all .3s;
	background: #fff;
    width: 100%;
}
.new_btn:before {
    content: '';
    width: 0%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: ease-in-out .3s;
    border-radius: 30px;
    background: #fff;
}

.news::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.37);
}



.service{
	margin-top: 44px;
    height: 31px;
	display: table;
	position: relative;
    margin-left: auto;
    margin-right: auto;
	margin-top: 90px;
}

.service .wrapper{
	display: flex;
    justify-content: space-between;
}

.service .card {
    width: 450px;
    height: 300px;
	text-align: center;
    display: block;
	background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}
.service .card .title {
    height: 58px;
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    line-height: 58px;
    letter-spacing: 1px;
    margin-top: 85px;
}

.service .card .desc {
    height: 26px;
    line-height: 26px;
}

.service .card .act, .service .card .desc {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}

.service .card .act {
    display: inline-block;
    margin-top: 40px;
    height: 22px;
    line-height: 22px;
    letter-spacing: 1px;
    position: relative;
}

.service .card .act::before {
    position: absolute;
    left: 0;
    display: block;
    height: 2px;
    background: #fff;
    transition: all .3s;
}

.link__title::after, .service .card .act::before {
    bottom: -4px;
    width: 0;
    content: "";
}

.service .card:hover .act::before {
    width: 80px;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.hd{ padding:50px 0 20px 0;}
.hd h4{text-align:center; font-size:20px; color:#1d1d1d;  margin:0px 0 2px 0; padding-top:0px;}
.hd em{color:#000; font-size:30px; font-style:normal; text-transform:uppercase; line-height:30px; margin-top:5px; font-family:FZDaHei-B02S FZDHTJW FZDHTJW—GB1-0 7156; font-weight:bold;}


.option {
    text-align: center;
    margin-top: 80px;
    margin-bottom: 70px;
}
.option h2 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 30px;
}
.option p {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 40px;
}

.hm-sec2 img{
	display: block;
	width: 100%;
}

.cont{
	display: flex;
    justify-content: center;
	margin-bottom: 50px;
}

.cont-nav{
	width: 190px;
    line-height: 47px;
    border: 1px solid;
	margin: 0 20px;
	cursor: pointer;
}
.cont-nav.on{
	color: #fff;
	background-color: #333;
}


/*关于我们*/
.about_m{
	background:url(../images/about_bg2.png) no-repeat center bottom;
	padding-bottom: 160px;
}
.about_mh{
	background:url(../images/about_bg1.png) no-repeat center center;
	text-align: center;
	padding-top: 95px;
    padding-bottom: 30px;
	margin-bottom: 60px;
}
.about_mh h2{
	font-size: 30px;
    line-height: 36px;
	margin-bottom: 10px;
}
.about_mc p{
	padding: 0 55px;
}

/*产品中心*/
.prodt_m{
	background-color: #e6e6e6;
	text-align: center;
	padding: 90px 0;
}
.prodt_m h2{
	font-size: 30px;
    line-height: 36px;
	margin-bottom: 10px;
}
.prodt_mc{
	display: flex;
    justify-content: space-between;
	margin-top: 60px;
}
.Prli img{
	display: block;
	width: 100%;
}
.prodt_b{
	display: block;
    width: 150px;
    line-height: 40px;
    margin: 0 auto;
    border: 1px solid #333;
	margin-top: 50px;
}



.pp{
	text-align: center;
	margin-bottom: 65px;
	margin-top: 90px;
}
.pp h2{
	font-size: 30px;
    line-height: 36px;
	margin-bottom: 10px;
}

.pp_ul{
	display: flex;
    flex-wrap: wrap;
	margin-top: 70px;
}
.pp_li{
	width: 16.6%;
}
.pp_li img{
	display: block;
	border: 1px solid rgba(0,0,0,0.1);
	width: 100%;
}
.pp_more{
	border: 1px solid #333;
    width: 148px;
	font-size: 16px;
    height: 38px;
    line-height: 38px;
    margin: 0 auto;
	margin-top: 35px;
}
.pp_more a{
	color: #333;
}


/*新闻中心*/
.m_tx_pic{width:45%; height:256px; position:relative; margin-top:10px;margin-bottom: 60px; float:left;}
.m_tx_pic img{display: block;}
.m_tx_txt{width:90%; padding:15px 5% 0 5%; height:70px; line-height:25px; background-color:rgba(36,161,165,0.7); font-size:16px; color:#FFF; position:absolute; bottom:0; left:0; }
.m_tx_hb{color:#fff; font-size:16px; line-height:33px; margin-top:12px;}
.m_tx_txt a{color:#FFF;}
.m_news_wrap{float:right; width:53%; margin-top:10px; display:inline; margin-bottom:40px;}
.m_news_bd .m_item { margin-bottom:18px; background-color:#f9f9f9;}
.m_news_bd .m_time { width:10%; background-color:#f9f9f9; float:left; text-align:center; padding:10px 5%; }
.m_news_bd .m_time .p1 { font-size:48px; color:#737373; line-height:65px; border-bottom:1px solid #bbb;}
.m_news_bd:hover .p1 { color:#24a1a5;}
.m_news_bd .m_time .p2 { font-size:14px; color:#737373; line-height:33px;  }
.m_news_bd:hover .p2 { color:#24a1a5;}
.m_news_bd .list { width:75%; float: right; display: inline; margin-right:2.4%  }
.m_news_bd .list h4 { font-size:18px; line-height:30px; margin-top:10px; }
.m_news_bd .list h4 a { color:#000; font-size:18px; font-weight:normal; }
.m_item:hover .m_time{ background-color:#1a1a1a; color:#fff; }
.m_item:hover{ background-color:#333333;}
.m_item:hover h4 a,.m_item:hover .list p { color:#fff;}
.m_news_bd .list p { line-height:26px; color: #575757; font-size:16px;margin-top: 5px; }

.m_mic_pic{  float:left;}
.m_mic_pic img { width:100%; margin-bottom:30px;}
.m_mic2_pic{ float:right; margin-bottom:45px;}

.Brand {
     
      margin: 0 auto;
      
      display: flex;
      flex-wrap: wrap; /* 小屏幕自动换行 */
      justify-content: space-between;
	line-height: 30px;
	margin-bottom:50px; 
    }

/* 箭头按钮：圆形 + 居中图标 */
    .arrow-btn {
      width: 50px;
      height: 50px;
      background-color: #f57c00;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      margin-top: 2rem;
    }
.arrow-btn span {color:#FFF; }
.m_contact { display:none; }
.module2{
	padding: 60px 0 60px;
}
.module2 .wrapper{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
    .left-section {
      width: 40%; 
      min-width: 250px; /* 防止极端窄屏变形 */
    }
    .right-section {
      width: 55%;
      min-width: 300px; /* 防止极端窄屏变形 */
    }
.aboutl{
	width: 67%;
}
.aboutl p{
	margin: 30px 0 50px;
    line-height: 30px;
    text-align: justify;
}
.aboutl .more{
	width: 150px;
    line-height: 40px;
    text-align: center;
    
    display: block;
}
.aboutr{
	
	float: right;
}
.aboutr img {
	float: right;
	
}

.aboutr video{
	border: 1px solid rgba(0,0,0,0.1);
}

@media screen and (max-width:1400px){  
.Prli{
	width: 23%;
}
#BannerBlocks .block {
    width: 320px;
	margin: 0 15px !important;
}
#BannerBlocks .arrowOuter {
	top: 44%;
}
.news .news_content {
    width: 60%;
}
.service .card {
    width: 380px;
    height: 260px;
}
.service .card .title {
    margin-top: 60px;
}

}
@media screen and (max-width:1024px){  
.dtd{width:340px;}
.m_news_bd .m_time .p2{font-size:12px;}
.m_tx_hb{margin-top:2px;}
.m_down_contact .hdt em{font-size:21px;}
#main {height:1020px;}
}
@media screen and (width:768px){  
.p_item {height:356px;}
.p_item .yc{display: none;} 
#nofirst4, #nofirst8 { margin-right:0; }
}
@media screen and (max-width:768px){
.hd{ padding:0px 0 0 0;}
.about_item{float:none; width:98%; margin:0 auto 50px;}
.about_img{width:100%; float:none;}
.dtd{position:relative; margin:auto; top:0; right:0;}
#main{height: auto;}
.responimg{width:100%;}
.item{height:100%;}
.m_news_wrap{float:none; width:90%; margin:0 auto 31px;}

.wrapper { width:100%; margin:0 auto; }
#header { position:static; height:auto; }
#hContainer { height:0; }

.m_pro_list .bd li { width:23%; }
#nofirst1, #nofirst2, #nofirst3, #nofirst5, #nofirst6, #nofirst7, #nofirst9, #nofirst10 { margin-right:2.5%; }
#nofirst4, #nofirst8 { margin-right:0; }

.m_contact { display:block; }

.visible-xs { visibility:hidden; }

.p_item { max-width:21.48em; width:47%; margin:0 1.5% 3%; }
#icontacts { display:block; }
#inews{margin:0 1.5% 3%;}
.p_clear { clear:both; height:0px; margin:0; padding:0; width:0; border:none; overflow:hidden; }

#m_down { display:none; }

#demo1{width:98%;}

.hidden-sm { display:none; }

}
@media screen and (max-width:640px){
	
.indexProduct {
    padding-top: 30px;
    background: url(../images/index-bg.jpg) center top no-repeat;
    background-size: 100%;
}
.indexTitle .en {
    font-size: 30px;
    margin-bottom: 5px;
}
.indexTitle .cn {
    font-size: 18px;
}
.container {
    padding: 0 3%;
}
.indexTitle {
    margin-bottom: 30px;
}
.indexWZBoxNr {
    position: relative;
    margin-left: 0%;
    padding-bottom: 30px;
    font-size: 14px;
    line-height: 30px;
    color: #000000;
}
.indexProduct img {
    width: 100%;
    display: block;
}
.indexHotTitListBox {
    width: 210px;
    height: 130px;
    top: 37%;
    left: 120px;
    z-index: 2;
}
.indexHotTitList .li .cn {
    font-size: 14px;
}
.alignMiddleContent .draggable {
    width: 100%;
    margin: 0 auto;
}
	.module2 {
    padding: 30px 0 30px;
}
.aboutl {
    width: 90%;
    margin: 0 auto;
	margin-bottom: 30px;
}
.aboutr {
   /*width: 90%;
    margin: 0 auto;*/
	display: none;
	
}
.aboutl p {
    margin: 30px 0 20px;
    line-height: 30px;
    text-align: justify;
}
#BannerBlocks {
    background-color: #ebebeb;
    color: #fff;
    overflow: hidden;
    padding-top: 30px;
    padding-bottom: 30px;
}	
#BannerBlocks .indexTitle {
    text-align: center;
    margin-bottom: 30px;
}
#BannerBlocks .block {
    width: 300px;
    margin: 0 5px !important;
}
.imageContainer img{
	width: 100%;
}
.more a {
    margin-top: 30px;
}
#BannerBlocks .arrowOuter {
    top: -14%;
}
#BannerBlocks .arrowOuter.prev {
    left: 20px;
}
#BannerBlocks .arrowOuter.next {
    right: 20px;
}
#BannerBlocks .blocks .items {
    margin: 0 0;
    position: relative;
}
.about_msg {
	padding: 0 3%;
    padding-top: 30px;
}
.news .news_content {
    width: 85%;
}
.news .title {
    height: auto;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
}
.news .desc {
	display: none;
    margin-top: 10px;
    height: 30px;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
}
.new_btn {
    display: inline-block;
    padding: 0 25px;
    height: 30px;
    line-height: 30px;
    background: 0 0;
    border: 1px solid #fff;
    border-radius: 30px;
    font-size: 14px;
    margin-top: 10px;
    margin-left: 30px;
}
.service{
    height: 30px;
    margin-top: 30px;
	padding: 0 3%;
}
.service .wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.service .card {
    width: 100%;
    height: 225px;
	margin-bottom: 20px;
}
.service .card .title {
    margin-top: 45px;
    font-size: 18px;
    height: 50px;
}
.service .card .act {
    margin-top: 20px;
    height: 22px;
    line-height: 22px;
}

.wrapper { width:100%; margin:0 auto; }
#header { position:static; }
#header div.wrapper { height:auto; }
#header .language { display:none; }
#main .wrapper {
    width: 90%;
	 margin: 0 auto;
}
.translated-text {
    display: none;
}
.banner ul li img{
	width: 100%;
	height: 160px;
}

.about_item {
    margin: 0 auto 0px;
	float: none;
	width:90%; font-size:14px; line-height:28px;
}
.about_img {
	display:none;
}

.option {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
}
.option h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 15px;
}
.option p {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 20px;
}
.cont {
    margin-bottom: 25px;
}
.cont-nav {
    line-height: 35px;
}
.about_m {
    padding-bottom: 40px;
    width: 90%;
    margin: 0 auto;
}
.about_mh {
    background-size: 100%;
    padding-top: 40px;
    padding-bottom: 30px;
    margin-bottom: 10px;
}
.about_mh h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px;
}
.about_mc p {
    padding: 0;
}

.prodt_m {
    background-color: #e6e6e6;
    text-align: center;
    padding: 40px 5%;
    box-sizing: border-box;
    margin: 0 auto;
}
.prodt_m h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px;
}
.prodt_mc {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
	flex-wrap: wrap;
}

.Prli {
    width: 47%;
    margin-bottom: 20px;
}

.prodt_b {
    margin-top: 15px;
}
.pp {
	width: 90%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 30px;
}
.pp h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px;
}
.pp_ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}
.pp_li {
    width: 50%;
}


.m_series_item {width:48%; }
.series_1, .series_3,.series_5{margin-right:4%;}
.series_2, .series_4,.series_6{margin-right:0;}

.m_pro_list .bd li { width:32%; }
.nofirst1, .nofirst2, .nofirst4, .nofirst5, .nofirst7, .nofirst8, .nofirst10 { margin-right:2%; }
.nofirst3, .nofirst6, .nofirst9 { margin-right:0; }
.m_item { width:90%; float:none; margin:0 auto; }
.about_img{margin:25px 0 0px;}
.dtd iframe{width:100%;}
.m_mic2_pic  {width:100%; margin-bottom:0px;}

.hidden-xm { display:none; }
.clear-xm { clear:both; }
}
@media screen and (max-width:480px){
.wrapper { width:100%; margin:0 auto; }
#header { position:static; }
#header div.wrapper { height:auto; }
#header .language { display:none; }

.hidden-xs { display:none; }
.m_news_bd .list{width: 94%; padding-bottom:15px;}
.hd h4{padding-bottom:15px;}
#main .hd h4{padding-top:0px;}



#main { border:0; background:none; background-color:#fff; padding:1em 0; }
#iBrand .bd { padding-bottom:0; width:94%; margin:0 auto; }
#iBrand .bd ul li { width:49%; margin:0; }
#iBrand .bd ul li a { height:auto; }
.p_item { float:none; width:94%; display:block; border-top:0; margin:0 auto; }
.p_item img { display:none; }
.p_item .hd {  padding-top:0; width:100%; }
.p_item .bd { width:100%; }
.p_item .bd ul li { background:url(../images/icon2.png) no-repeat left center; }
.p_item .bd ul li a { color:#000; }

.p_item:hover {  border-top:0; background-color:#fff; }
.p_item:hover .hd { color:#a1251e; }
.p_item:hover .hd em { color:#696969; }
.p_item:hover .bd {color:#000;}
.p_item:hover .bd ul li { background:url(../images/icon2.png) no-repeat left center; }
.p_item:hover .bd a {color:#000; }
.p_item:hover .red {color:red; }
.p_item {border:none;}

#inews { margin:0 auto; background-color:#fff; border-top:0; }

#icontacts { display:none; }



.hhd h4{text-align:center; font-size:20px; color:#000000; background:url(../images/about_hb.png) no-repeat center top;  margin:0px 0 34px 0; padding-top:32px;}
.hhd h4 em{color:#000; font-size:30px; font-style:normal; text-transform:uppercase; line-height:30px; margin-top:5px; font-family:FZDaHei-B02S FZDHTJW FZDHTJW—GB1-0 7156; font-weight:bold;}

.m_mic_pic img {width:100%; margin-bottom:5px;}
.m_mic2_pic img  {width:100%;  margin-bottom:0px;}




.m_pro_list .bd li { width:49%; margin-top:1%;}
#nofirst1, #nofirst3, #nofirst5, #nofirst7, #nofirst9 { margin-right:2%; }
#nofirst2, #nofirst4, #nofirst6, #nofirst8, #nofirst10 { margin-right:0; }


.m_news { margin:2% auto; }
.m_contact { display:none; }
.hidden-xm { display:none; }

#mobile_nav_wrap { height:49px; width:100%; display:block; }
#mobile_nav { border-top: 1px solid rgb(61, 61, 70); width: 100%; height: 48px; display: -webkit-box; margin: 0px; padding: 0px; -webkit-box-orient: horizontal; background: -webkit-gradient(linear, 0 0, 0 100%, from(rgb(82, 73, 69)), color-stop(0.6, rgb(82, 73, 69)), to(rgb(72, 64, 60))); box-shadow: rgba(255, 255, 255, 0.0980392) 0px 1px 0px 0px inset; height: 49px; opacity: 1; width: 100%; position:fixed; left:0; bottom:0; display:block; z-index:10010; }
#mobile_nav .img { background-position: center 3px; background-repeat: no-repeat; background-size: 18px 18px;}
#mobile_nav .img img { padding: 3px 0 0 0; height: 24px; width: 24px; color: #fff; line-height: 48px; vertical-align: middle;}
#mobile_nav .home { width:60px; height:60px; background:url(../images/home.png) no-repeat center center; background-size:100% 100%; border-radius:60px;  margin-right: 0; position: relative; vertical-align: middle; display: inline-block; margin-top:-10px; }

#mobile_nav .icon { color: #fff; display: inline-block; float: none; font-size: 18px; height: 18px; margin-right: 0; position: relative; vertical-align: middle;
 width: 18px; }
#mobile_nav > a, #mobile_nav > div { color: #fff;  cursor: pointer; float: left;  font-size: 0.75em; height: 100%; line-height: 20px;  position: relative; text-align: center; width: 20%; }
#mobile_nav a:hover { text-decoration:none; }
#mobile_nav .menu ul { background-color: #414141; border-radius: 6px; bottom: 44px; display: none; font-size: 0.875em; margin-bottom: 8px;  max-height: 311px; overflow-x: hidden; overflow-y: scroll; padding: 0 10px; position: absolute; left: 0; }
#mobile_nav .menu ul li { border-bottom: 1px solid #6a6b6c; }
#mobile_nav .menu ul li:last-child { border: medium none;}
#mobile_nav .menu ul li a { background-color: inherit; color: #ffffff; display: block; height: 38px; line-height: 38px; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 75px;}
#mobile_nav ul::after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #434343; bottom: 45px; content: ""; height: 0; position: fixed; width: 0; }
.item{width:100%;}
.about_item{margin:0 auto 0px;}


}
@media screen and (max-width:360px){

}
@media screen and (max-width:320px){
    
}
    @media (max-width: 768px) {
      .left-section,
      .right-section {
        width: 100%;
		  margin-bottom: 30px;
      }
      .left-section {
        margin-bottom: 2rem; /* 增加上下间距 */
      }
		
    }
/* 增加上下间距 */
 .ad-container {
            position: relative;
            width: 100vw;
            height: 800px;; 
	         
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            transition: opacity 1s ease-in-out;
        }

        .ad-overlay {
            position: relative;

            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            text-align: left;
            color: white;
            /*text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);*/
            padding: 20px;
        }

        .ad-content {
            max-width: 700px;
            width: 100%;
            padding-left: 10%;
        }
.ad-content h1{font-size: 48px;font-weight: normal;color:#333;}
        .ad-title {
            font-size: 48px;

            margin-bottom: 20px;
            animation: fadeInUp 0.8s ease-out;
        }

        .ad-subtitle {
            font-size: 22px;
            max-width: 100%;
            line-height: 1.6;
            animation: fadeInUp 0.8s ease-out 0.2s both;
			font-weight:300;
			color:#333;
        }

        .ad-cta {
            margin-top: 40px;
            padding: 15px 40px;
            font-size: clamp(1rem, 2vw, 1.2rem);
            background: linear-gradient(135deg, #ff6b6b, #ee5a24);
            color: white;
            border: none;
            border-radius: 50px;
            cursor: pointer;
            transition: transform 0.3s, box-shadow 0.3s;
            animation: fadeInUp 0.8s ease-out 0.4s both;
        }

        .ad-cta:hover {
            transform: scale(1.05);
            box-shadow: 0 10px 30px rgba(238, 90, 36, 0.4);
        }

        .ad-indicators {
            position: absolute;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 12px;
        }

        .indicator {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.5);
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .indicator.active {
            background: white;
            transform: scale(1.2);
        }

        .indicator:hover {
            background: rgba(255, 255, 255, 0.8);
        }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

@media (max-width: 1400px) { 
	 .ad-container {
            width: 100vw;
            height: 580px; }
}
 @media (max-width: 768px) {
.ad-content{padding-left: 5%;}
.ad-content h1{font-size: 24px;font-weight: normal; }
.ad-subtitle {font-size: 16px;}
.ad-container { font-size: 28px; width: 100vw; height: 300px;}
}