/*banner*/ 
 
/*.banner .swiper-slide{ height:100vh;  position:relative; z-index:1; background-repeat:no-repeat; background-position:center; background-size:cover}
.banner .swiper-slide a{ display:block; width:100%; height:100%}
.banner .swiper-pagination{ bottom:50px; display:none !important}
.banner .swiper-pagination .swiper-pagination-bullet{ width:10px; height:10px; background-color:#fff; opacity:1; margin:0 15px; position:relative}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{ content:""; display:block; position:absolute; z-index:2; left:-6px; right:-6px;top:-6px; bottom:-6px; border:1px solid #fff; border-radius:50%}
.banner video{ width:100%; height:100%;    object-fit: cover; display:block;} */
  
.nbanner{ height:505px;  background-repeat:no-repeat; background-position:center; background-size:cover}
.nbanner {
  position: sticky;
  top: 0;
  transition: opacity 0.3s ease; /* 平滑消失效果 */
}
/* 当页面滚动时，通过 JS 添加 .hide 类 */
.nbanner.hide {
  opacity: 0;
}
.nbanner .weap{   position:relative; height:100%}
.nbanner .txt{ position:absolute; z-index:2; left:0;top:50%; transform:translateY(-20%)}
.nbanner .txt h3{ font-size:42px; position:relative;margin-bottom:0} 
.nbanner .txt .p{ font-size:25px; color:#666; } 
 
.nbanner .box{ height:505px; background-repeat:no-repeat; background-position:center; background-size:cover; position:fixed; z-index:1; left:0; right:0;top:0;z-index：auto；}

.n_banner{ z-index:5; overflow:hidden; width:100%;}
.n_banner .swiper-slide{ height:100vh; width:100%;}
.n_banner .swiper-slide img{ display:block; width:100%; height:100%; border:none; -ms-interpolation-mode:bicubic; -o-object-fit:cover; object-fit:cover; transform:scale(1.05, 1.05);}
.n_banner .swiper-slide-active img{ -webkit-animation-name:centerBig; animation-name:centerBig; animation-duration:10s; animation-delay:1s;}
@-webkit-keyframes centerBig{
  100%{
    transform:scale(1, 1);
  }
}
@keyframes centerBig{
  100%{
    transform:scale(1, 1);
  }
}
.n_banner .swiper-slide .weap{ position:absolute; left:50%; top:90px; bottom:0; display:flex; flex-wrap:wrap; align-items:center; transform:translate(-50%,0); z-index:6;}
.n_banner .swiper-slide .clear{ width:100%;}
.n_banner .swiper-slide .clear em{ transform:translateY(-60px); opacity:0; display:block; font-size:42px; letter-spacing: 0em; color:#17489d; font-weight:bold; line-height:1.1;}
.n_banner .swiper-slide .clear p{ transform:translateY(-90px); opacity:0; font-size:25px; letter-spacing: 0em; color:#404040; font-weight:bold; margin-top:13px;}
.n_banner .swiper-slide .com_more{ transform:translateY(100px); opacity:0; font-size:20px; letter-spacing:0em; color:#404040; padding:0 72px 0 25px; line-height:2.28; display:inline-block; border:2px solid #404040; border-radius:8px; background:url(../images/n_point.png) right 25px center no-repeat; background-size:24px 20px; margin-top:16.6vh;}
.n_banner .swiper-slide .com_more:hover{ border-color:#17489d; color:#17489d;}
.n_banner .swiper-slide.swiper-slide-active .clear *,.n_banner .swiper-slide.swiper-slide-active .pic{ transition:all 1s ease 1s; transform:translateY(0); opacity:1;}
.n_banner .swiper-pagination{ bottom:5%;}
.n_banner .swiper-pagination-bullet{ width:100px; height:8px; background:none; opacity:1; margin:0 9px!important; border-radius:1000px; transition:all 0.6s; position:relative;}
.n_banner .swiper-pagination-bullet:before {content:''; display: block; width: 100%; height: 5px; background-color: rgba(142,142,142,0.5); position: absolute; bottom: 0; left: 0; z-index: 1;}
.n_banner .swiper-pagination-bullet:after  {content:''; display: block; width: 100%; height: 5px; background-color:#17489d; position: absolute; bottom: 0; left: 0; right: 0;z-index: 2; transform: scaleX(0); transform-origin: left;}
.n_banner .swiper-pagination-bullet-active:after { transform: scaleX(1); 
	/* -webkit-transition: transform 10s linear; transition: transform 10s linear */
	animation: 10s  0s infinite normal none running; animation-name:in_width;
}
@keyframes in_width {0% {width: 0%; } 100% {width: 100%;} }

.indexswiper .swiper,.indexswiper{ height:100vh}
.indexswiper .swiper-slide{ height:100vh; background-repeat:no-repeat; background-position:center; background-size:cover}
.indexswiper .txtbox{ height:calc(100vh - 100px);display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; position:relative;top:100px}
.indexswiper .txtbox .img{ position:relative; width:46%; margin-right:2%}
.indexswiper .txtbox .img img{ display:block; width:100%}
.indexswiper .txtbox .img span{ display:block; position:absolute;}
.indexswiper .txtbox .img .sp1{ width:29%;top:54.2%; left:10.6%}
.indexswiper .txtbox .img .sp2{ width:25.3%;top:65%; left:7.8%}
.indexswiper .txtbox .img .sp3{ width:17%;top:77.5%; left:6%}
.indexswiper .txtbox .txt{ width:46%}
.indexswiper .txtbox .txt .p1{ margin-bottom:10px}
.indexswiper .txtbox .txt .p1 img{ max-width:100%}
.indexswiper .txtbox .txt .p2{ font-size:46px; letter-spacing:6px}
.indexswiper .txtbox .txt .line{ height:2px; background-color:#acacac; margin-bottom:10px}
.indexswiper .txtbox .txt .p3{ font-size:24px; letter-spacing:2.5px; }
.indexswiper .txtbox .txt .p4{font-size:0; margin-top:30px}
.indexswiper .txtbox .txt .p4:after,.indexswiper .txtbox .txt .p4:before{ content:""; display:inline-block; width:20px; height:20px; border-radius:50%}
.indexswiper .txtbox .txt .p4:after{background-color:rgba(240,130,0,.6) }
.indexswiper .txtbox .txt .p4:before{background-color:#606060; margin-right:-5px}

.indexswiper .txtbox .txt02 .p1 img{ width:85%}
.indexswiper .txtbox .txt02{ width:62%; margin-left:-7%; position:relative; z-index:3;top:-100px;transition: all 0.8s 0.2s;    opacity: 0;transform: translateY(100px);}
.banner .swiper-slide-active .txtbox .txt02{ opacity:1;transform: translateY(0);}

.banner .txtbox .txt .p1{    transition: all 0.8s 0.2s;    opacity: 0;transform: translateY(100px);}
.banner .swiper-slide-active .txtbox .txt .p1{    opacity:1;transform: translateY(0);}
 
.banner .txtbox .txt .p2{    transition: all 0.8s 0.3s;    opacity: 0;transform: translateY(100px);}
.banner .swiper-slide-active .txtbox .txt .p2{    opacity:1;transform: translateY(0);}

.banner .txtbox .txt .line{    transition: all 0.8s 0.4s;    opacity: 0;transform: translateY(100px);}
.banner .swiper-slide-active .txtbox .txt .line{    opacity:1;transform: translateY(0);}

.banner .txtbox .txt .p3{    transition: all 0.8s 0.5s;    opacity: 0;transform: translateY(100px);}
.banner .swiper-slide-active .txtbox .txt .p3{    opacity:1;transform: translateY(0);}

.banner .txtbox .txt .p4{    transition: all 0.8s 0.6s;    opacity: 0;transform: translateY(100px);}
.banner .swiper-slide-active .txtbox .txt .p4{    opacity:1;transform: translateY(0);}

.banner .txtbox .img{    transition: all 0.8s 0.2s;    opacity: 0;transform: translateX(-100px);}
.banner .swiper-slide-active .txtbox .img{    opacity:1;transform: translateX(0);}

.banner .txtbox .img .sp1{    transition: all 0.8s 0.8s;    opacity: 0; }
.banner .swiper-slide-active .txtbox .img .sp1{    opacity:1; }
.banner .txtbox .img .sp2{    transition: all 0.8s 1s;    opacity: 0; }
.banner .swiper-slide-active .txtbox .img .sp2{    opacity:1; }
.banner .txtbox .img .sp3{    transition: all 0.8s 1.2s;    opacity: 0; }
.banner .swiper-slide-active .txtbox .img .sp3{    opacity:1; }

.indexswiper .indexbox .txt .plo h3{    transition: all 0.8s 0.2s;    opacity: 0;transform: translateY(100px);}
.indexswiper .swiper-slide-active .indexbox .plo h3{    opacity:1;transform: translateY(0);}

.indexswiper .indexbox .txt .plo .eng{    transition: all 0.8s 0.4s;    opacity: 0;transform: translateY(100px);}
.indexswiper .swiper-slide-active .indexbox .plo .eng{    opacity:1;transform: translateY(0);}

.indexswiper .indexbox .txt .p1{    transition: all 0.8s 0.6s;    opacity: 0;transform: translateY(100px);}
.indexswiper .swiper-slide-active .indexbox .p1{    opacity:1;transform: translateY(0);}

.indexswiper .indexbox .txt .p2{    transition: all 0.8s 0.8s;    opacity: 0;transform: translateY(100px);}
.indexswiper .swiper-slide-active .indexbox .p2{    opacity:1;transform: translateY(0);}

.indexswiper .indexbox .txt .p3{    transition: all 0.8s 1s;    opacity: 0;transform: translateY(100px);}
.indexswiper .swiper-slide-active .indexbox .p3{    opacity:1;transform: translateY(0);}

.indexswiper .indexbox .txt .p4{    transition: all 0.8s 1.2s;    opacity: 0;transform: translateY(100px);}
.indexswiper .swiper-slide-active .indexbox .p4{    opacity:1;transform: translateY(0);}

 

.indexswiper .index01 .img{ transition: all 0.8s .5s;opacity: 0;transform: translateX(100px);}
.indexswiper .index01.swiper-slide-active .img{ opacity:1;transform: translateX(0);}

.indexswiper .index02 .img{ transition: all 0.8s 1.6s;opacity: 0;transform: translateX(100px);}
.indexswiper .index02.swiper-slide-active .img{ opacity:1;transform: translateX(0);}

.indexswiper .index03 .img{ transition: all 0.8s 1.6s;opacity: 0;transform: translateX(100px);}
.indexswiper .index03.swiper-slide-active .img{ opacity:1;transform: translateX(0);}

 

.indexbox{height:calc(100vh - 100px);display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; margin-top:100px;}

.index01 .txt{ width:34.3%; margin-right:3%}
.index01 .img{ width:62.7%; text-align:right; font-size:0 }
.index01 .img img{  max-width:100%}

.index01swiper .swiper-slide{ opacity:0 !important}
.index01swiper .swiper-slide.swiper-slide-active{ opacity:1 !important}

.plo{ margin-bottom:25px}
.plo h3{ font-size:35px; font-weight:bold; line-height:1.2}
.plo .eng{ font-size:16px; font-weight:bold; text-transform:uppercase}

.indexbox .txt .p1{ font-size:32px; font-weight:bold; color:#878787; line-height:1.2; margin-bottom:25px}
.indexbox .txt .p2{ font-size:16px; color:#787878}
.indexbox .txt .p3{ font-size:24px; font-weight:bold; color:#5f5f5f; padding-top:35px}

.index02{ position:relative}
 
.index02 .img{ position:absolute; z-index:2; right:0; bottom:0; width:52.6%}
.index02 .img img{ display:block; width:100%}
.index02 .txt{ width:38%; text-align:justify; }

.index03{ position:relative} 
.index03 .img{ width:66%}
.index03 .img img{ display:block; width:100%}
.index03 .txt{ width:34%}
.index03 .p2{ max-width:470px;}

.index03 .p4{ height:225px; margin-top:90px}
.index03 .p4 .swiper{ height:100%}
.indexswiper .index03 .p4 .swiper-slide{ height:auto}

.index03 ul{ padding-right:5px;}
.index03 ul li{ float:left; width:33.33%; margin-bottom:10px}
.index03 ul li .a{ display:block; height:125px; margin-right:10px; background-color:#fff; text-align:center; border:1px solid #cacaca; line-height:62px; font-size:0; padding:10px;}
.index03 ul li .a a{ display:block; height:105px; line-height:105px; text-align:center; font-size:0}
.index03 ul li .a img{ display:inline-block; vertical-align:middle; max-width:100%; max-height:100%;  }
.index03 .swiper-scrollbar-drag{ width:2px; left:2px;}
.index03 .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical>.swiper-scrollbar{ width:6px; border-radius:0}

.main{ background-color:#fff}

.menu-box{position:relative;z-index:3;background-color:#fff;border-bottom:1px solid #e7e7e7;line-height:60px;font-size:16px}
.menu-box dl a{font-size:14px;margin-right:24px;display:inline-block}
.menu-box dl a.on{color:#f08200}
.menu-box .span{position:absolute;width:0;height:3px;background-color:#f08200;left:0;bottom:-1px;transition:all 0.4s}
.menu-box dt a::after{content:"\eb17";font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;font-size:0.14rem;margin-left:0.16rem}
.menu-box dl{ float:left} 

.main{ background-color:#fff; position:relative; z-index:2; padding-top:45px; padding-bottom:170px}

.about01{ margin-bottom:80px}
.about01 .hd{ margin-bottom:25px}
.about01 .hd h3{ font-size:45px; font-weight:bold; position:relative; line-height:1.2}
.about01 .hd h3::after{ content:""; display:block; width:200px; height:6px; position:absolute; z-index:-1; left:0; top:50; background-color:#f08200; margin-top:15px;}
.about01 .bd{ overflow:hidden; font-size:16px}
.about01 .bd a{ font-size:16px}
.about01 .bd img{ max-width:100%;}
.about01 .bd h6.p{ font-size:24px; color:#5f5f5f; font-weight:normal; margin-bottom:35px}

.about02 .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.about02 ul{  width:35%; margin-right:10%}
.about02 ul li{ width:50%; float:left; line-height:1.2 }
.about02 ul li .a{ padding:25px 0; border-bottom:1px solid #dedede; border-right:1px solid #dedede}
.about02 ul li:nth-child(3) .a,.about02 ul li:nth-child(4) .a{border-bottom:none}
.about02 ul li:nth-child(even) .a{ padding-left:50px; border-right:none}
.about02 ul li .num span{ font-size:73px; color:#f08200; font-family:Impact;}
.about02 ul li .num i{ margin-left:10px}
.about02 ul li .p{ font-size:16px; color:#bbbbbb}
.about02 .video{  width:80%; position:relative; margin:0 auto; text-align:center}
.about02 .video video{ width:100%; text-align:center;}
.about02 .video img{ position:absolute; z-index:3; left:50%;top:50%; cursor:pointer; margin-left:-38px; margin-top:-38px;transition: all 0.4s;}
.about02 .video .active img{    opacity: 0; transform: scale(1.6);}

.newslist .bd li a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; padding-top:70px; padding-bottom:30px}
.newslist .bd li{ border-bottom:1px dashed #cccccc}
.newslist .bd li:last-child{ border-bottom:none}
.newslist .bd .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0}
.newslist .bd .txt .date{ font-size:18px; color:#696969}
.newslist .bd .txt h3{ font-size:25px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:10px}
.newslist .bd .img{flex:0 0 390px; height:260px; overflow:hidden; border-radius:5px; margin-left:88px;}
.newslist .bd .img img{ display:block; width:100%; height:100%;object-fit: cover;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.newslist .bd a:hover .img img{ transform:scale(1.1)}
.newslist .bd .txt .p{ font-size:16px;display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2; color:#333}
.newslist .bd .txt .more{ margin-top:50px}
.newslist .bd .txt .more span{ display:inline-block; width:120px; height:42px; line-height:42px; background-color:#f08200; color:#fff; text-align:center;}

.mainnewspage{ background-color:#f7f7f7}
.newspage .bd{ background-color:#fff; border-top:2px solid #dfdcdc;}
.newspage .conn{ padding:60px; overflow:hidden; min-height:80vh}
.newspage .conn img{ max-width:100%; height:auto !important}
.newspage .conn h1.title{ font-size:25px; text-align:center; font-weight:normal}
.newspage .conn .info{ text-align:center; font-size:13px; color:#929292; padding-bottom:40px; border-bottom:1px solid #dcdcdc; margin-bottom:20px}
.newspage .conn .ms{ font-size:16px;}
.newspage .conn .ms a{ font-size:16px}
.nextprev{ background-color:#d8d8d8; padding:0 15px; height:80px; line-height:80px; overflow:hidden}
.nextprev li{ float:left; width:48%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.nextprev li:nth-child(even){ float:right; text-align:right}

.productlist .bd ul{ margin:0 -15px;}
.productlist .bd li{ float:left; width:25%; margin-bottom:30px;}
.productlist .bd li a{ display:block; margin:0 15px; background-color:#fbfbfb; padding-bottom:15px;}
.productlist .bd li .img{ height:244px; margin:0 15px; border:1px solid #dadada; overflow:hidden; margin-bottom:20px}
.productlist .bd li .img img{ display:block; width:100%; height:100%;object-fit: cover;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.productlist .bd li .img2{ height:518px; border:1px solid #dadada; overflow:hidden; margin-bottom:20px}
.productlist .bd li .img2 img{ display:block; width:100%; height:100%;object-fit: cover;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}
.productlist .bd li .img3{ width::370px; border:1px solid #dadada; overflow:hidden; margin-bottom:20px}
.productlist .bd li .img3 img{ display:block; width:100%; height:100%;object-fit: cover;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;}

.productlist .bd li a:hover .img img{ transform:scale(1.1)}
.productlist .bd li a:hover h3{ color:#f08200}
.productlist .bd li .t h5{ display:inline-block; line-height:36px; height:36px; background:url(../images/h5png.png) no-repeat right center; padding-left:15px; padding-right:20px; min-width:205px; font-size:16px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; max-width:100%; color:#333}
.productlist .bd li h3{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding:0 15px; font-size:20px; color:#686767; font-weight:normal; margin-bottom:15px}
.productlist .bd .ps{ padding:0 15px; font-size:15px; color:#949393;}
.productlist .bd .ps .p{ padding-left:22px; background:url(../images/ico-p.png) no-repeat center left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.mainproductpage{ background-color:#f7f7f7}
.mainproductpage .bd{background-color:#fff; border-top:2px solid #dfdcdc; padding:60px}

.producpage01{ margin-bottom:45px;} 
.producpage01 .left{ width:50%; float:left}
.producpage01 .left img{ display:block; width:100%;}
.producpage01 .right{ float:right; width:48%}
.producpage01 .right h1.title{ font-size:25px; color:#f08200; font-weight:normal; padding-bottom:10px; border-bottom:1px solid #ccc; margin-bottom:25px;}
.producpage01 .right li{ font-size:15px; margin-bottom:15px}
.producpage01 .right .as{ margin-top:36px;}
.producpage01 .right .as a{ display:inline-block; padding:0 20px; line-height:48px; margin-right:15px; font-size:16px;}
.producpage01 .right .as .a1{ background-color:#e3e3e3;}
.producpage01 .right .as .a1:before{ content:""; display:inline-block; width:33px; height:36px; vertical-align:middle; background:url(../images/ico-pdf.png) no-repeat center; background-size:100%; margin-right:10px; position:relative;top:-3px}
.producpage01 .right .as .a2{ background-color:#f08200; color:#fff}
.producpage01 .right .as .a2:before{ content:""; display:inline-block; width:29px; height:29px; vertical-align:middle; background:url(../images/ico-tel.png) no-repeat center; background-size:100%; margin-right:10px; position:relative;top:-3px}

.producpage01 .swiper-button-next,.producpage01 .swiper-button-prev{ width:47px; height:47px;}
.producpage01 .swiper-button-next{ background:url(../images/ico-next.png) no-repeat center; background-size:100%}
.producpage01 .swiper-button-prev{ background:url(../images/ico-prev.png) no-repeat center; background-size:100%}
.producpage01 .swiper-button-next:after,.producpage01 .swiper-button-prev:after{ display:none}

.producpage02 .hd{ margin-bottom:15px}
.producpage02 .hd h3{ display:inline-block; padding:0 30px; line-height:38px; color:#fff; font-size:18px; background-color:#f08200; font-weight:normal; border-radius:5px;}
.producpage02 .ms{ margin-bottom:30px; overflow:hidden; font-size:15px}
.producpage02 .ms img{ max-width:100%; height:auto !important}
.producpage02 .ms a{ font-size:15px;}
.producpage02 .ms li{ margin-bottom:10px; padding-left:30px; background:url(../images/ico-d.png) no-repeat left 5px;}

.contact01{ margin-bottom:70px}
.contact01 .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.contact01 .left{flex:0 0 32%; background-color:#fff; border-bottom:1px solid #f08200; box-shadow:0 0 20px rgba(0,0,0,.21); padding:50px; margin:0 5%}
.contact01 .left li{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; height:60px; border-bottom:1px solid #cecece}
.contact01 .left li .p{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0;position: relative;}
.contact01 .left li .p input{ width:100%; border:none; height:50px; }
.contact01 .hd h3{ font-size:36px; font-weight:normal; margin-bottom:12px; line-height:1.2}
.contact01 .hd .p{ font-size:16px; line-height:1.6; margin-bottom:20px; color:#666}
.contact01 .btnbox{ margin-top:20px}
.contact01 .btnbox button{display:block;margin:0 auto;width:130px;height:54px;border-radius:27px;background-color:#eee;text-align:center;line-height:54px;font-size:18px;transition:all 0.4s;cursor:pointer;border:none}
.contact01 .btnbox button::after{content:"\eb16";font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;margin-left:6px}
.contact01 .btnbox button:hover{ background-color:#f08200; color:#fff}
.contact01 .right .as{ margin-bottom:35px}
.contact01 .right .as a{ display:inline-block; width:145px; height:44px; line-height:44px; background-color:#8a8a8a; font-size:16px; color:#fff; text-align:center; margin-right:10px}
.contact01 .right .as a.on,.contact01 .right .as a:hover{ background-color:#f08200}
.contact01 .right li{ margin-bottom:10px; padding-left:43px; background-position:left 3px; background-repeat:no-repeat;}
.contact01 .right li.a1{ background-image:url(../images/ico-a01.png)}
.contact01 .right li.a2{ background-image:url(../images/ico-a02.png)}
.contact01 .right li.a3{ background-image:url(../images/ico-a03.png)}
.contact01 .right li.a4{ background-image:url(../images/ico-a04.png)}

.contact02 .map{ height:550px;}
.maincontact{ padding-bottom:0; overflow:hidden}

.index01 .lne{ height:1px; background-color:#f08200; width:218px; margin-top:10px}
.index01 .p7{ font-size:25px; font-weight:bold}
.index01 .p8{ font-size:20px; color:#3f3f3f}
.index05 .imgs{flex:0 0 51%; height:550px;transition: all 0.8s .5s;transform:translateX(-100px); opacity:0}
.index05 .imgs .plo{ display:none}
.indexswiper .index05.swiper-slide-active .imgs{transform:translateX(0); opacity:1}
.index05 .imgs li{ float:left; width:33.33%; margin-top:20px}
.index05 .imgs li .a{ margin-right:20px}
.index05 .imgs li .a img{ display:block; width:100%;height:162px;}
.index05 .txt{ padding-left:120px}
.index05 .txt .img{ margin-left:-120px;transition: all 0.8s .5s; transform:translateY(100px); opacity:0} 
.indexswiper .index05.swiper-slide-active .txt .img{transform:translateY(0); opacity:1}
.index05 .txt .img img{ width:100%}

.index01 .swiper-pagination{ position:static; text-align:left; margin-top:10px}

.com_show{ padding-top:85px;}
.ab_t{ font-size:40px; font-family:"arialbd";}




@media (max-width: 1580px){
.nbanner,.nbanner .box{ height:26.3vw;}
.nbanner .txt{ left:10px;}
}
@media (max-width: 1340px){     
.banner .swiper-slide-active .txtbox .txt .p2{ font-size:32px}
.indexswiper .txtbox .txt .p3{ font-size:20px}
}
 
@media only screen and (max-width:1440px){
.n_banner .swiper-slide .clear em{ font-size:60px;}
.n_banner .swiper-slide .clear p{ font-size:30px;}
.n_banner .swiper-slide .com_more{ font-size:21px;}
}
@media (max-width: 999px){ 
.indexswiper .swiper-slide{ } 
.indexswiper .txtbox{ display:block;   height:auto;}
.indexswiper .txtbox .img{ width:98%; margin-bottom:20px}
.indexswiper .txtbox .txt{ width:100%; text-align:center}
.indexswiper .txtbox .txt .p1 img{ max-width:70%}
.banner .swiper-slide-active .txtbox .txt .p2{ font-size:21px;letter-spacing: 1px;}
.indexswiper .txtbox .txt .p3{ font-size:16px;letter-spacing: 1px;}

.indexswiper .weap{ height:100%}
.indexbox{ display:block;height:auto; margin-top:0; position:relative;top:50%; transform:translateY(-50%)}
 
.index01 .txt{ width:100%; margin-right:0; position:relative; z-index:8}
.index01 .img{ width:80%; margin:0 auto; margin-top:20px}
.plo h3{ font-size:28px}
.indexbox .txt .p1{ font-size:20px}
.index02 .indexbox{ position:relative; z-index:4;  }
.index02 .txt{ width:100%; position:relative; z-index:3}
.indexbox .txt .p3{ font-size:20px}
.indexbox .txt .p2{ font-size:15px}
.index03 .txt{ width:100%}
.index03 .p4{ margin-top:10px; height:150px;}
.index03 .img{ width:100%; margin-top:20px}
.index03 ul li .a{ height:82px; padding:5px}
.index03 ul li .a a{ display:block; height:70px; line-height:70px; }


.nbanner, .nbanner .box{ height:50vw}
.nbanner .txt h3{ font-size:24px}
.nbanner .txt .p{ font-size:14px}
 
.menu-box dl a{ margin-right:15px}
.about01 .hd h3{ font-size:24px}
.about01 .bd h6.p{ font-size:20px}
.about01 .bd{ font-size:15px;}
.about01 .bd a{ font-size:15px}
.about01{ margin-bottom:20px}
.about02 .weap{ display:block}
.about02 ul{ width:100%; margin-right:0; overflow:hidden}
.about02 .video{ width:100%}
.about02 ul li .num span{ font-size:49px}

.main{ padding-top:25px; padding-bottom:60px}
.nextprev{ height:60px; line-height:60px}

.contact01 .weap{ display:block}
.contact01 .left{ margin-bottom:50px}


.newspage .conn{ padding:20px;}
.newspage .conn h1.title{ font-size:18px; line-height:1.2; margin-bottom:20px}
.newspage .conn .info{ padding-bottom:10px; margin-bottom:10px}
.newspage .conn .ms,.newspage .conn .ms a{ font-size:15px;}

.mainproductpage .bd{ padding:10px}
.producpage01 .left{ float:none; width:100%; margin-bottom:20px}
.producpage01 .right{ float:none; width:100%}
.producpage01 .right h1.title{ font-size:18px; line-height:1.2; margin-bottom:20px; padding-bottom:20px}
.producpage01 .right li{ margin-bottom:10px}
.producpage01 .swiper-button-next, .producpage01 .swiper-button-prev{ width:40px; height:40px; line-height:40px}
.producpage01 .right .as a{ font-size:12px; height:36px; line-height:36px; padding:0 10px; margin-right:10px; margin-bottom:10px}
.producpage01 .right .as .a1:before{ height:20px; width:20px}
.producpage01 .right .as .a2:before{ width:20px; height:20px}
.producpage01{ margin-bottom:25px}
.producpage02 .hd h3{ font-size:16px; line-height:36px}

.productlist .bd li{ width:50%}
.productlist .bd li a{ margin:0 5px;}
.productlist .bd ul{ margin:0 -5px}
.productlist .bd li .t h5{ min-width:0}

.banner .txtbox .txt .line{ display:none}

.index05 .imgs{ height:calc(40vw + 58px )} 
.index05 .indexbox{ display:block}
.index05 .txt{ padding-left:0}
.index05 .txt .img{ margin-left:0; margin-top:10px}
.index05 .txt .plo{ display:none}
.index05 .imgs .plo{ display:block; margin-bottom:10px}
.index05 .imgs li{ margin-top:10px; width:25%}
.index05 .imgs li:nth-child(n+9){ display:none}
.index05 .imgs li .a{ margin:0 5px;}

.indexswiper .txtbox .txt02{ width:98%; margin:0 1%;top:0; margin-top:5vh}
.index01 .p7{ font-size:21px}
.index01 .p8{ font-size:14px}
.index01 .lne{ margin-top:5px; width:100%}
.index01 .plo{ text-align:center}

.index05 .imgs li .a img{ height:15vw}
.qm-top{ height:0 !important}


.indexswiper{ padding-top:55px;}
.banner .swiper-slide{ padding:50px 0}
.indexswiper .swiper-slide,.indexswiper .swiper-wrapper,.indexswiper .swiper, .indexswiper,.n_banner .swiper-slide{ height:auto !important}
.indexbox{    top:auto; transform:none;}
.index01{ padding:50px 0; padding-bottom:20px}
.index05,.index02{ padding:50px 0}
.indexswiper .weap{ height:auto}
.index05 .imgs{ opacity:1; transform:none}
.indexswiper .index01 .img{ opacity:1; transform:none; width:100%; padding-left:20%; margin-top:-60px}
.indexswiper .indexbox .txt .p2,.index05 .txt .img,.indexswiper .index02 .img,.indexswiper .indexbox .txt .p2,.indexswiper .indexbox .txt .p3,.indexswiper .indexbox .txt .plo h3,.indexswiper .indexbox .txt .plo .eng{ opacity:1; transform:none}

.n_banner .swiper-slide{ background:#eaeaea; padding-bottom:240px;}
.n_banner .swiper-slide .weap{ top:auto; bottom:115px;}
.n_banner .swiper-slide .clear em{ font-size:25px;}
.n_banner .swiper-slide .clear p{ font-size:15px;}
.n_banner .swiper-slide .com_more{ margin-top:25px; font-size:13px;}
.n_banner .swiper-slide img{ width:200%; margin-left:-91%;}
.n_banner .swiper-pagination-bullet:before,.n_banner .swiper-pagination-bullet:after{ height:10px;}
}
@media (max-width: 760px){ 
.newslist .bd li a{ display:block; padding:15px 0}
.newslist .bd .txt .date{ font-size:14px}
.newslist .bd .txt h3{ font-size:16px}
.newslist .bd .txt .p{ font-size:14px}
.newslist .bd .txt .more span{ height:36px; line-height:24px; font-size:12px; width:100px}
.newslist .bd .txt .more{ margin-top:20px}
.newslist .bd .img{ margin-left:0; height:60vw; margin-top:20px}



.contact01 .left{ margin:0; padding:20px; margin-bottom:40px}
.contact01 .hd h3{ font-size:22px}
.contact01 .hd .p{ font-size:14px}
.contact01 .left li .p input{ height:40px}
.contact01 .left li{ height:50px}
.contact01 .btnbox button{ height:40px; font-size:12px; line-height:40px; width:100px}
.contact01 .right .as a{ height:34px; line-height:34px; font-size:12px; width:120px}
.contact01 .right .as{ margin-bottom:20px;}
.contact02 .map{ height:350px}

.productlist .bd li{ width:100%; margin-bottom:15px}
.productlist .bd li .img{ height:60vw}
.productlist .bd li h3{ font-size:18px}

.menu-box{ line-height:50px}

.menu-box .span{ display:none}
#menu-dt{ overflow:hidden; margin:0 -1%}
.menu-box dl{ padding-top:10px; float:none}
.menu-box dl a{ float:left; width:48%; margin:0 1%; text-align:center; background-color:#eee; margin-bottom:10px; border-radius:5px; height:40px; line-height:40px; font-size:15px}
.menu-box dt a::after{ display:none;}
.menu-box dl a.on{ background-color:#f08200; color:#fff;}

.indexswiper .txtbox{top:50%;transform: translateY(-50%);}
.index02 .img{ width:62%;    bottom: -10vw;}

.index02{ padding-bottom:0}
.index02 .img{ position:static; width:auto; margin:0 -10px; height:60vw; overflow:hidden}
.indexbox .txt .p3{ margin:10px 0}
.indexswiper .txtbox .txt02 .p1 img{ width:100%}
}