@charset "utf-8";
/* CSS Document */
/*all*/
@media screen and (max-width: 1024px) {
	#hamburger{ display:block !important;}
	.bottomlist{ display:block;}
	.footer{ margin-bottom:52px;}
}

/*index*/
@media screen and (max-width: 1680px) {
	.header .logo img{ height:60px;}
	.header .munes .mune .m-dot{ margin:0 30px;}
	.banner .swiper-slide{ height:700px;}
    .iab{ padding:80px 0;}
    .iab .txts .txt{ padding:4%;}
    .tits h3{ font-size:5em;}
    .tits p{ font-size:2em;}
    .iab .txts .txt h3{ font-size:5em;}
    .iab .txts .txt p{ font-size:1.6em;}
    .iab .txts .txt a{ margin-top:40px; padding:16px 40px;}
    .iab .txts .txt h4 { margin: -55px 0 60px 0;}
    .ip{ padding:90px 0;}
    .ips .ip-slider{ padding:60px 0 80px 0;}
    .ips .txt h3{ font-size:2.4em;}
    .ips .txt p{ font-size:1.6em;}
    .ivideo .iv:after { top: calc(50% - 50px);  left: calc(50% - 50px);  width: 100px;  height: 100px;}
    .ivideo .txt .t{ padding:40px;}
    .ivideo .txt .tits h4 { margin: -74px 0 60px 0;}
    .ivideo .txt .t a{ font-size:1.6em; margin:30px 0; padding:16px 40px;}
    .ivideo{ padding:90px 0;}
    .ivideo .txt .t p{ font-size:1.6em;}
    .inews{ padding-bottom:70px;}
    .inews .swiper-slide .txt h3{ font-size:2em;}
    .inews .swiper-slide .txt h4{ margin:10px 0 20px 0;}
    .inews .swiper-slide .txt span img{ width:80px;}
    .inews .more-news a{ font-size:1.6em;}
    .inews .more-news h3{ font-size:2em; margin-bottom:10px;}
    .inews .more a{ margin-top:40px; font-size:1.6em; padding:16px 40px;}
    .footer .fo1 .fsreach h3{ font-size:2em;}
    .footer .fo2 .fmenu .fm p a{ margin-bottom:20px;}
    .footer .fo1 .fsb{ width:120px;}
    .footer .fo1 .fst{ width:400px;}
    .footer .fo2 .fct h3{ margin-bottom:25px;}
}
@media screen and (max-width: 1450px) {
	.header .logo img{ height:50px;}
    .header .munes a,.header .hm a, .header .hm p{ font-size:1.4em;}
    .banner .swiper-slide{ height:600px;}
    .banner .txt img{ max-width:40%;}
    .iab{ padding:60px 0;}
    .tits h3{ font-size:4em;}
    .tits h4{ font-size:2.4em; margin: -24px 0 20px 0;}
    .tits p{ font-size:1.6em;}
    .iab .txts{ padding-top:100px;}
    .iab .txts .txt p{ font-size:1.4em;}
    .iab .txts .txt h3{ font-size:4em;}
    .iab .txts .txt h4{ font-size:2.4em; margin: -45px 0 50px 0;}
    .iab .txts .txt{ padding:40px;}
    .iab .txts .txt a,.ivideo .txt .t a{ font-size:1.4em; margin-top: 20px;  padding: 14px 30px;}
    .ip,.ivideo{ padding:70px 0;}
    .ivideo .txt .tits{ margin:20px 30px;}
    .ivideo .txt .tits h4 { margin: -54px 0 60px 0;}
    .ivideo .txt .t p{ font-size:1.4em;}
    .inews .ndots{ margin-top:30px;}
    .inews .more-news{ padding-left:40px;}
    .inews .more-news a{ font-size:1.4em; padding:8px;}
    .inews .swiper-slide .txt h3{ font-size:1.6em;}
    .inews .swiper-slide .txt p{ font-size:1.4em;}
    .inews .swiper-slide .txt{ padding:30px;}
    .inews .swiper-slide .txt span{ margin-top:30px;}
    .inews .inews-pag .swiper-pagination-bullet{ height:3px;}
    .inews .inews-pag .swiper-pagination-bullet-active{ width:120px;}
    .inews .more a{ margin-top:30px; font-size:1.4em; padding:14px 30px;}
    .footer .fo1{ padding:40px 0;}
    .footer .fo2 .fmenu .fm{ margin-right:100px;}
    .footer .fo3{ padding:20px 0;}
    .footer .fo1 .ftwo img{ width:200px;}
    .footer .fo2 .fmenu .fm h3 a{ margin-bottom:20px;}
    .footer .fo2 .fmenu .fm p a{ margin-bottom:10px;}
    .footer .fo2{ padding:30px 0 40px 0;}
    .footer .fo3{ padding:16px 0;}
}
@media screen and (max-width: 1250px) {
	.header .logo img{ height:40px;}
	.header .munes .mune .m-dot{ margin:0 20px;}
	.banner .swiper-slide{ height:500px;}
	.iab .txts .img { transform: translateY(-30px);}
    .iab .txts .txt{ margin-left:-40px;}
    .iab .txts .txt h3{ font-size:2.4em;}
    .iab .txts .txt h4 {  font-size: 2em; margin: -15px 0 30px 0;}
    .iab .txts .txt p{ line-height:1.5;}
    .iab .txts{ padding-top:60px;}
    .tits h3{ font-size:3em;}
    .tits h4 { font-size: 2em; margin: -14px 0 10px 0;}
    .tits p{ font-size:1.4em;}
    .ip, .ivideo{ padding:50px 0;}
    .swiper-container-horizontal>.swiper-scrollbar{ height:3px;}
    .ips .ip-slider{ padding:40px 0;}
    .ips .txt h3{ font-size:2em; line-height:24px; height:24px;}
    .ips .txt p{ font-size:1.4em;}
    .ivideo .iv:after { top: calc(50% - 30px);  left: calc(50% - 30px);  width: 60px;  height: 60px;}
    .ivideo .txt .tits h4 {  margin: -44px 0 50px 0;}
    .ivideo .iv{ height:100%;}
    .ivideo .txt .t{ padding:30px;}
    .footer .fo1{ padding:30px 0;}
    .footer .fo1 .fsreach h3{ font-size:1.8em;}
    .footer .fo1 .fsreach input{ font-size:1.4em; padding:4px 8px;}
    .footer .fo1 .fst{ width:340px;}
    .footer .fo1 .fsb{ width:80px;}
}
@media screen and (max-width: 1024px) {
	.header .munes,.header .hm{ display:none;}
	.banner .swiper-slide{ height:400px;}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets,.banner  .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:20px;}
    .iab .txts .txt{ padding:20px;}
    .iab .txts .txt a, .ivideo .txt .t a,.inews .more a{ padding:10px 20px;}
    .ivideo .txt .t{ margin-left:-20px;}
    .inews .more-news{ display:none;}
    .inews .inews-slider{ width:100%; padding-bottom:20px;}
    .inews{ padding-bottom:50px;}
    .footer .fo1,.footer .fo2{ display:none;}
    .footer .fo3 .warp{justify-content: center; flex-wrap: wrap; text-align: center;}
    .footer .fo3 p{ padding:0 10px;}
    .ips .swiper-slide .txt{transform: scale(1); right: 0%; }
}
@media screen and (max-width: 850px) {
	.banner .swiper-slide{ height:300px;}
    .iab .txts{ display:block;}
    .iab .txts .img{ width:100%;}
    .iab .txts .txt{ width:100%; margin-left:0;}
    .iab .txts .img { transform: translateY(0px);}
    .iab .txts{ padding-top:20px;}
    .ivideo .txt .t{ margin-left:0;}    
    .ip,.ivideo{ padding:30px 0; flex-wrap:wrap;}
    .ivideo .txt .t{ padding:20px;}
    .ivideo .txt{ width:100%; order:-1;}
    .ivideo .iv{ width:100%;}
    .inews .inews-slider{ max-width:400px; margin:0 auto;}
    .inews .inews-slider .swiper-slide a{ display:block; }
    .inews .swiper-slide .img,.inews .swiper-slide .txt{ width:100%;}
}
@media screen and (max-width: 650px) {
	.ips .ip-slider{ max-width:400px; margin:0 auto;}
	.header .logo img{ height:30px;}
	#hamburger{ top:20px; right:15px;}
	.banner .swiper-slide{ height:240px;}
	.banner .ban1{ background-position: left;}
    .banner .ban2{ background-position: right;}
    .iab{ padding:40px 0;}
    .inews .swiper-slide .txt{ padding:10px;}
    .inews .swiper-slide .txt h4{ margin:5px 0;}
    .bottomlist ul li img{ width:25px; height:25px;}
    .footer{ margin-bottom:27px;}
}

/*about*/
@media screen and (max-width: 1680px) {
	.banners .warp{ height:500px;}
	.banners .txt h3{ font-size:4em;}
	.ab1 .t p{ font-size:1.6em;}
    .ab1 .t{ margin-top:40px;}
    .ab2 .more a{ font-size:1.6em; padding:12px 50px;}
    .ab3 { padding: 100px 0 160px 0; background-size: 100% 160px;}
    .ab3 .txt p{ font-size:1.6em;}
    .ab3 .honor-slider{ padding-top:80px;}
    .ab4 a{ height:80vh;}
    .ab4 span img{ width:100px;}
}
@media screen and (max-width: 1450px) {
    .banners .warp{ height:400px;}
	.banners .txt h3{ font-size:3em;}
    .ab1{ padding:60px 0;}
    .ab1 .t p{ font-size:1.4em;}
    .ab1 .t{ margin-top:20px;}
    .ab2{ padding:60px 0;}
    .ab3 { padding: 80px 0 100px 0; background-size: 100% 100px;}
    .ab3 .txt p{ font-size:1.4em; line-height:1.5;}
    .ab4 span img{ width:60px;}
    .ab4 a{ height:500px;}
}
@media screen and (max-width: 1250px) {
	.banners .warp{ height:300px;}
	.banners .txt h3{ font-size:2em;}
    .ab1,.ab2{ padding:50px 0;}
    .ab2 .imgs{ padding:30px 10px;}
    .ab2 .imgs .img { width: calc(33.33% - 10px); margin: 0 5px;}
    .ab2 .more a {  font-size: 1.4em;  padding: 12px 40px;}
    .ab3 .txt .tits h4 { margin: -40px 0 30px 0;}
}
@media screen and (max-width: 850px) {
	.banners .warp{ height:240px;}
	.ab2 .imgs .img:nth-child(3){ display: none;}
	.ab2 .imgs .img { width: calc(50% - 10px);}
	.ab3 { padding: 40px 0 80px 0; background-size: 100% 80px;}
	.ab4 a{ height:300px;}
}
@media screen and (max-width: 650px) {
	.banners .warp{ height:200px;}
    .ab1, .ab2{ padding:30px 0;}
    .ab2 .imgs{ display:block;}
    .ab2 .imgs .img {  width: calc(100%); margin:20px 0 0 0;}
    .ab2 .imgs{ padding:0 20px 30px 20px;}
    .ab3 .warp{ display:block;}
    .ab3 .txt{ max-width:100%; width:100%; margin-bottom:20px;}
    .ab3 .imgs{ width:100%;}
    .ab3 .honor-slider{ padding-top:20px;}
}

/*equipment*/
@media screen and (max-width: 1450px) {
	.equipment{ padding:60px 0;}
    .equipment .imgs{ padding:0px 0;}
    .equipment .imgs .img {  width: calc(33.33% - 20px); margin: 10px;}
}
@media screen and (max-width: 1024px) {
	.equipment{ padding:40px 0;}
	.equipment .imgs{ padding:20px 0 0 0;}
	.equipment .imgs .img {  width: calc(33.33% - 10px); margin: 5px;}
}
@media screen and (max-width: 850px) {
	.equipment .imgs .img {  width: calc(50% - 10px); margin: 5px;}
}
@media screen and (max-width: 650px) {
	div.fy a ,div.fy span.current,div.fy span.disabled{ padding:4px 8px;}
}

/*product*/
@media screen and (max-width: 1680px) {
	.product-t .pro-boxs{ padding:50px 20px 0 20px;}
	.product-t .plists .plds p a{ padding:0 10px;}
	.product-t .plists .plds p:nth-child(8n) a{ padding-right:30px;}
    .p-tip{ padding:12px 0;}
    .product-t .plists .tit h3{ font-size:2em; }
    .product-t .plists .plds p a{ font-size:1.4em;}
    .pro-boxs .dot .txt h3{ font-size:2.4em;}
    .pro-boxs .dot .txt p{ font-size:1.6em;}
    .product-t .pro-boxs .dot { width: calc(33.33% - 20px); margin: 10px;}
}
@media screen and (max-width: 1450px) {
	.product-t .pro-boxs{ padding:40px 20px 0 20px;}
    .product-t{ padding:60px 0;}
}
@media screen and (max-width: 1250px) {
	.product-t .plists .plds p:nth-child(8n) a{ padding-right:10px;}
	.product-t .plists .plds p:nth-child(7n) a{ padding-right:30px; border:none;}
	.product-t .plists .plds p:nth-child(8n) a{ border-right:1px solid #dcdcdc;}
	.product-t .plists .plds p{ width:14.285%;}
    .pro-boxs .dot .txt h3{ font-size:2em;}
    .pro-boxs .dot .txt p{ font-size:1.4em;}
}
@media screen and (max-width: 1024px) {
	.product-t .pro-boxs .dot { width: calc(50% - 10px); margin: 5px;}
	.product-t .plists .plds p:nth-child(7n) a{ padding-right:10px;}
	.product-t .plists .plds p:nth-child(6n) a{ padding-right:30px; border:none;}
	.product-t .plists .plds p:nth-child(7n) a{ border-right:1px solid #dcdcdc;}
	.product-t .plists .plds p{ width:16.66%;}
    .product-t{ padding:40px 0;}
    .pro-boxs .dot .txt{transform: scale(1); right: 0%; }
}
@media screen and (max-width: 850px) {
	.product-t .pro-boxs .dot { width: 100%; margin: 10px auto; max-width:500px;}
	.product-t .plists .plds p:nth-child(6n) a{ padding-right:10px;}
	.product-t .plists .plds p:nth-child(6n) a{ border-right:1px solid #dcdcdc;}
	.product-t .plists .plds p:nth-child(4n) a{ padding-right:30px; border:none;}
	.product-t .plists .plds p{ width:25%;}
}
@media screen and (max-width: 650px) {
	.product-t .plists .plds p:nth-child(4n) a{ padding-right:10px;}
	.product-t .plists .plds p:nth-child(4n) a{ border-right:1px solid #dcdcdc;}
	.product-t .plists .plds p:nth-child(2n) a{ padding-right:20px; border:none;}
	.product-t .plists .plds p{ width:50%;}
	.product-t .plists .tit h3{ font-size:1.6em; margin-bottom:10px;}
	.product-t .plists .plds p{ padding:5px 0;}
	.product-t{ padding:20px 0;}
	.pro-boxs .dot .txt h3{ font-size:1.6em;}
	.pro-boxs .dot .txt{ padding:10px;}
	.product-t .plists .plds{ height:140px;}
    .product-t .plists .plds .more{ width:16px; height:16px;}
}

/*productshow*/
@media screen and (max-width: 1680px) {
	.productshow{ padding:70px 0;}
	.productshow .txts{ margin-bottom:80px;}
    .productshow .btns a{ padding:12px 20px;}
    .productshow .btns a p{ font-size:1.4em;}
    .productshow .txt .tit h3{ font-size:2.4em; margin:10px 0;}
    .productshow .txts .txt{ padding:10px;}
    .productshow .txt .tit{ margin-bottom:20px;}
    .productshow .txt .t p{ font-size:1.4em;}
} 
@media screen and (max-width: 1450px) {
	.productshow{ padding:50px 0;}
	.productshow .txts{ margin-bottom:60px;}
	.productshow .txt .tit h3{ font-size:2em;}
}
@media screen and (max-width: 850px) {
	.productshow .btns,.productshow .txts{ display:block;}
	.productshow .txts .img,.productshow .txts .txt{ width:100%;}
	.productshow .txts{ max-width:600px; margin:0  auto 20px auto;}
	.productshow .btns{ margin:0 auto; max-width:600px;}
	.productshow .btns .next{ margin-top:10px;}
	.productshow .btns .next .type{ order: 0;}
    .productshow .btns .next span,.productshow .btns .prev span{ order: 2; transform:rotate(180deg);}
}
@media screen and (max-width: 650px) {
	.productshow .btns a{ padding:10px;}
	.productshow .txt .tit h3{ font-size:1.6em;}
}

/*news*/
@media screen and (max-width: 1680px) {
	.news-t .ntxts .ntd .txt h3{ font-size:2.2em;}
    .news-t .ntxts .ntd .txt h4{ font-size:1.4em; margin:10px 0 20px 0;}
    .news-t .nlist a{ font-size:1.6em; padding:12px 30px;}
}
@media screen and (max-width: 1450px) {
	.news-t .ntxts .ntd .txt h3{ font-size:2em;}
	.news-t .ntxts .ntd .txt p{ font-size:1.4em;}
	.news-t .ntxts .ntd .txt span{ margin-top:20px;}
	.news-t .ntxts .ntd .txt span img{ width:80px;}
    .news-t{ padding:60px 0;}
}
@media screen and (max-width: 1250px) {
	.news-t .nlist a { font-size:1.4em; padding: 8px 20px;}
	.news-t .ntxts .ntd .txt h3{ font-size:1.8em;}
}
@media screen and (max-width: 1024px) {
	.news-t .ntxts .ntd .txt{ padding:10px 20px;}
	.news-t .ntxts .ntd .txt h4{ margin:0;}
	.news-t .ntxts .ntd .txt span{ margin-top:10px; }
	.news-t .ntxts .ntd .txt span img{ width:60px;}
}
@media screen and (max-width: 850px) {
	.news-t .ntxts .ntd a{ display:block; }
	.news-t .ntxts .ntd{ max-width:400px; margin:10px auto;}
	.news-t .ntxts .ntd .img,.news-t .ntxts .ntd .txt{ width:100%;}
	.news-t .tip{ display:block; text-align:center;}
	.news-t .tip .nlist{ margin:30px 0;}
	.news-t{ padding:40px 0;}
    .news-t .ntxts .ntd .txt h3{ font-size:1.6em;}
}
/*newsshow*/
@media screen and (max-width: 1550px) {
	.newsshow{ padding:60px 0;}
}
@media screen and (max-width: 1024px) {
	.newsshow .tit,.newsshow .btn{ padding:40px 20px;}	
	.newsshow .txt{ padding:20px;}
}
@media screen and (max-width: 600px) {
	.newsshow .tit h3{ font-size:1.6em;}
	.newsshow .tit .dot h4{ font-size:1em; padding:10px 2px;}
	.newsshow .tit{ padding:30px 20px 0 20px;}
	.newsshow .btn{ padding:0px 20px 30px 20px;}	
	.newsshow .btn a{ padding:10px 15px;}
	.newsshow { padding: 40px 0;}
	.newsshow .btn a { padding: 8px 10px;}
}

/*contact*/
@media screen and (max-width: 1680px) {
	.contact-t .dot .img img{ max-width:80px;}
	.contact-t .dot .t h3,.contact-t .dot .t h4{ font-size:2em;}
    .contact-t .dot .t p, .contact-t .dot .t a{ font-size:1.6em;}
    #container{ height:500px;}
    .feedback{ padding:80px 0;}
}
@media screen and (max-width: 1250px) {
	.contact-t{ padding:60px 0;}
	.contact-t .dots .dot{ width:50%;}
	.contact-t .dots{ flex-wrap:wrap; justify-content:center;}
	.feedback{ padding:60px 0;}
	.feedback input, .feedback textarea{ font-size:1.4em; padding:8px 10px;}
    .feedback .dot input { width: calc(50% - 25px);}
    .feedback .dot{ margin-bottom:20px;}
    .feedback .tits p{ font-size:1.6em;}
    .feedback form{ margin-top:30px;}
    .feedback .btn{ margin-top:30px;}
}
@media screen and (max-width: 1024px) {
	.contact-t .dot .img img{ max-width:60px;}
	.contact-t .dot .t h3,.contact-t .dot .t h4{ font-size:1.6em;}
    .contact-t .dot .t p, .contact-t .dot .t a{ font-size:1.4em;  word-break: break-all !important;}
    .feedback .fc-btn{ font-size:1.4em; padding:6px 40px; }
    .feedback .btn{ margin:30px auto 0 auto;}
}
@media screen and (max-width: 850px) {
	.contact-t .dots .dot{ width:100%;}
    .feedback{ padding:40px 0;}
    .feedback .dot input { width: calc(50% - 15px);}
    .feedback .tits p{ font-size:1.4em;}
}
@media screen and (max-width: 650px) {
	.feedback .dot{ display:block; margin-bottom:0;}
	.feedback .dot input{ width:100%; margin-bottom:10px;}
    .feedback form{ margin-top:10px;}
    .contact-t{ padding:40px 0;}
}