@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 .mune .m-dot a{ padding:24px 0;}
	.banner .swiper-slide{ height:700px;}
	.ip .txt{ padding:40px;}
	.ip .txt h4{ font-size:4.2em;}
	.ip .txt:after{ height:30px;}
	.tits h3{ font-size:4.2em;}
	.ipn .ipnd{ margin-top:30px;}
	.iab .iabd h3 span{ font-size:8em;}
	.iab{ padding:60px 0;}
	.cline{ padding:70px 0;}
	.cline .tel h3{ font-size:3.2em;}
    .cline .al img{ height:28px;}
    .inews{ padding:60px 0 70px 0;}
    .inews .box .txt .date{ margin:20px 0;}
    .footer .fo2 .fmenu .fm{ padding-left:120px;}
    .footer .fo2 .fct p, .footer .fo2 .fct a{ font-size:1.4em;}
}
@media screen and (max-width: 1450px) {
	.header a{ font-size:1.4em;}
	.header .mune .m-dot a{  padding:20px 0;}
	.header .mune .m-dot{ margin-left:60px;}
	.banner .swiper-slide{ height:600px;}
	.banner .ban2 .txt img{ width:500px;}
    .banner .ban1 .txt{ padding-left:6%;}
    .banner .ban1 .txt img{ width:400px;}
    .ip .ipd{ height:500px;}
    .ip .txt h4{ font-size:3.6em;}
    .ip .txt span{ padding:8px 10px;}
    .tits h3{ font-size:3.6em;}
    .ipn{ padding:50px 0;}
    .ipn .ipd .txt span{ padding:10px 30px;}
    .iab .iabd h3 span{ font-size:6em;}
    .iab .iabd{ height:160px;}
    .iab .iabd:nth-child(1){ transform: translateY(70px);}
	.iab .iabd:nth-child(2){ transform: translateY(35px);}
	.iab .iabd:nth-child(4){ transform: translateY(-35px);}
	.iab .iabd:nth-child(5){ transform: translateY(-70px);}
	.iab .iabds{ padding:70px 0; margin-top:-35px;}
	.cline{ padding:50px 0;}
	.cline .tits h3{ margin-bottom:10px;}
	.cline .tel h3{ font-size:2.8em;}
	.cline .al img{ height:20px;}
	.inews .tits{ margin-bottom:20px;}
	.inews .box .txt .t span{ padding:10px 40px;}
	.inews .box .txt .date{ padding:8px 10px;}
	.footer .fo2 .fs a{ padding:4px;}
}
@media screen and (max-width: 1250px) {
	.header .mune .m-dot a{ padding:16px 0;}
	.header .logo img{ height:20px;}
    .header .mune .m-dot{ margin-left:40px;}
    .banner .swiper-slide{ height:500px;}
    .banner .ban2 .txt img{ width:350px;}
    .ip .ipd{ height:400px;}
    .ip .txt{ padding:30px;}
    .ip .txt h4{ font-size:3.2em;}
    .ip .txt span { padding: 4px 10px;}
    .ip .txt:after{ height:20px;}
    .tits h3{ font-size:3.2em;}
    .ipn .ipd .txt span{ padding:6px 20px; margin-top:6px;}
    .ipn .ipd .txt h3{ font-size:2.2em;}
    .iab .tits h3{ margin-bottom:10px;}
    .iab .iabd h3 span{ font-size:5em; }
    .iab .iabd{border-left: 2px solid #000;}
    .iab .iabd p{ font-size:1.4em; line-height:1.2;}
    .cline{ padding:40px 0;}
    .cline .tel h3{ font-size:2.2em;}
    .inews{ padding:50px 0;}
    .inews .box .txt .date{ margin: 10px 0; padding:4px 10px;}
    .inews .box .txt .date img{ width:16px; margin-top:4px;}
    .inews .box .txt .t h3{ font-size:1.6em; margin-bottom:10px;}
    .inews .box .txt .t span { padding: 8px 20px;}
    .footer .fo1 span img{ width:20px;}
    .footer .fo1 input{ padding:8px 20px;}
    .footer .fo1 form .ftxt{ width:240px;}
    .footer .fo1 form .fbtn{ width:100px; font-size:1.4em;}
    .footer .fo2 .fct p, .footer .fo2 .fct a{ line-height:24px;}
    .footer .fo2 .fmenu .fm{ padding-left:100px;}
    .footer .fo2 .fmenu .fm h3{ margin-bottom:10px;}
    .footer .fo2 .fmenu .fm p a{ font-size:1.4em; }
    .footer .fo2 .fct h3{ font-size:1.4em;}
    .footer .flogo img{ width:100%;}
    .footer .fo2 .fct{ margin-top:0;}
    .footer .fo2 .fct:nth-child(2){ margin:20px 0;}
    .iab .iabds{ margin-top:0;}
}
@media screen and (max-width: 1024px) {
	.header .head1{ padding:6px 0;}
	.header .head1 .ht p{ font-size:1.4em;}
	.header .mune{ display:none;}
	.banner .swiper-slide{ height:400px;}
    .banner .ban1 .txt img{ width:300px;}
    .banner .ban1 .txt{ padding-left:4%;}
    .banner .swiper-pagination-bullet{ width:30px;}
    .ip{ padding:40px 0px;}
    .ip .txt h4{ font-size:2.4em;}
    .ip .txt{ padding:20px 10px;}
    .ip .txt:after{ height:16px;}
    .ip .txt h3{ font-size:1.4em;}
    .ip .ipd{ height:300px;}
    .ipn{ padding:40px 0;}
    .tits h3{ font-size:2.6em;}
    .ipn .ipnd{ margin-top:20px;}
    .ipn .ipnd .ipd{ width: calc(25% - 10px); }
    .ipn .ipnd .ipd:nth-child(5){ display:none;}
    .iab{ padding:40px 0;}
    .iab .iabd h3 span{ font-size:4em;}
    .iab .iabd{ padding:10px; height:120px;}
    .iab .iabd:nth-child(1){ transform: translateY(50px);}
	.iab .iabd:nth-child(2){ transform: translateY(25px);}
	.iab .iabd:nth-child(4){ transform: translateY(-25px);}
	.iab .iabd:nth-child(5){ transform: translateY(-50px);}
	.cline{ padding:30px 0;}
	.cline .warp{ flex-wrap: wrap;}
	.cline .tits{ width:100%; margin-bottom:20px;}
	.inews{ padding:40px 0;}
	.inews .boxs .box{ width: calc(33.33% - 10px);}
	.footer .fo1,.footer .fo2{ display:none;}
}
@media screen and (max-width: 850px) {
	.banner .swiper-slide{ height:300px;}
	.banner .ban1 .txt img{ width:200px; }
	.banner .ban2 .txt img{ width:240px;}
	.ip .warp{ flex-wrap:wrap;}
	.ip .ipd { width: calc(50% - 6px); margin:3px;}
	.ipn .ipnd{ flex-wrap:wrap;}
	.ipn .ipnd .ipd{ width: calc(50% - 10px); }
	.iab .iabds{ flex-wrap:wrap; padding:20px 0 0 0;}
	.iab .iabds .iabd{ transform:translateY(0); height:auto; width:auto;}
	.iab .iabd p{ font-size:1.2em;}
	.iab .iabd h3 span{ font-size:2.4em;}
    .iab .iabd h3 sup{ font-size:1.4em;}
    .cline .al{ padding:8px 10px;}
    .tits h3{ font-size:2.2em;}
    .inews .boxs .box:nth-child(3){ display:none;}
    .inews .boxs .box{ width:calc(50% - 10px);}
    .footer .fo3{ padding:14px 0;}
    .bottomlist ul li img{ width:25px; height:25px;}
    .footer{ margin-bottom:37px;}
}
@media screen and (max-width: 650px) {
	.banner .swiper-slide{ height:200px;}
	.banner .ban1 .txt img{ width:140px; }
	.ip{ padding:20px 0;}
    .ip .ipd{ height:240px;}
    .ip .txt span{ font-size:1.2em;}
    .ip .txt h4{ font-size:2em;}
    .tits h3{ font-size:2em;}
    .ipn .tits{ padding-bottom:10px;}
    .ipn .ipd .txt h3{ font-size:2em;}
    .cline .tel h3{ font-size:2em; margin-bottom:20px;}
    .footer .fo3 p{ font-size:1.2em;}
    .inews .boxs{ flex-wrap:wrap;}
    .inews .boxs .box{ width:100%; margin-top:20px;}
    .inews .tits{ margin-bottom:0;}
}

/*about*/
@media screen and (max-width: 1680px) {
	.banners{ height:400px;}
	.about-t{ padding:80px 0;}
    .abds .abd h3 span{ font-size:6.8em;}
    .abds .abd{ padding-bottom:30px; margin-bottom:20px;}
}
@media screen and (max-width: 1450px) {
	.banners{ height:300px;}
	.about-t{ padding:60px 0;}
    .ab-txts .tits h4{ font-size:2em;}
    .abds .abd h3 span{ font-size:5.8em;}
    .abds .abd p{ margin-top:0;}
    .ab-txts .tits>span{ margin:25px 0 20px 0;}
    .ab-txts .txt img{ margin-top:20px;}
}
@media screen and (max-width: 1250px) {
	.ab-txts .tits h4{ font-size:1.8em;}
	.abds .abd h3 span{ font-size:4.8em;}
	.abds .abd{ padding-bottom:20px; margin-bottom:10px;}
	.abds .abd p{ font-size:1.4em;}
	.abds{ width:26%;}
}
@media screen and (max-width: 1024px) {
	.abds .abd h3 span{ font-size:3.8em;}
	.abds .abd{ padding-bottom:10px;}
	.about-t{ padding:40px 0;}
	.ab-txts .tits h4{ margin-bottom:20px;}
}
@media screen and (max-width: 850px) {
	.ab-txts{ width:100%;}
	.abds{ width:100%; flex-wrap:wrap; display:flex; margin-top:20px;}
	.abds .abd{ width:33.33%; margin-bottom:20px;}
}
@media screen and (max-width: 650px) {
	.banners{ height:200px;}
	.ab-txts .tits>span{ margin:15px 0 10px 0;}
    .ab-txts .tits h4{ font-size:1.6em; margin-bottom:10px;}
    .abds .abd p{ font-size:1.2em; line-height:1.2;}
    .abds .abd h3 span{ font-size:3.2em;}
    .abds .abd{ width:50%;}
    .about-t{ padding:40px 0 20px 0;}
}

/*product*/
@media screen and (max-width: 1680px) {
	.plist{ padding:40px 0;}
	.plist a{ min-width:160px; padding:6px; margin:5px 10px;}
	.product-t .pds .pd .txt span{ padding:8px 40px;}
    .product-t .pds .pd{ margin:20px 5px;}
    .product-t{ padding:30px 0 70px 0;}
}
@media screen and (max-width: 1450px) {
	.product-t .pds .pd .txt h3{ font-size:2em;}
	.product-t .pds .pd .txt span{ margin-top:8px;}
	.plist{ padding:30px 0;}
}
@media screen and (max-width: 1250px) {
    .product-t .pds .pd { width: calc(25% - 10px);}
    .product-t .pds .pd .txt span{ padding:8px 20px;}
    .plist a{ margin:5px;}
    .plist{ padding:20px 0;}
    .product-t{ padding:30px 0 50px 0;}
}
@media screen and (max-width: 1024px) {
    .plist a{ min-width:140px;}
    .product-t .pds .pd .txt span{ font-size:1.2em;}
    div.fy a,div.fy span.current,div.fy span.disabled{ padding:4px 8px;}
}
@media screen and (max-width: 650px) {
	.product-t .pds .pd { width: calc(50% - 10px);}
	.product-t { padding: 20px 0;}
	.product-t .pds .pd{ margin:10px 5px;}
}

/*productshow*/
@media screen and (max-width: 1680px) {
	.productshow .pro-t .tit h3{ font-size:4.2em;}
	.productshow .pro-t{ padding-left:4%;}
	.productshow .pro-txts{ margin-top:40px;}
}
@media screen and (max-width: 1450px) {
	.productshow .pro-imgs .gallery-thumbs{ height:400px;}
	.productshow .pro-t .tit h3{ font-size:3.6em;}
	.productshow .pro-t .t{ padding-top:20px;}
	.productshow .btns{ margin-top:30px;}
	.productshow .btns a p{ font-size:1.4em;}
	.productshow{ padding:40px 0;}
}
@media screen and (max-width: 1250px) {
	.productshow .pro-txts .t tr td{ padding:8px 10px;}
	.productshow .btns a{ padding:8px 30px;}
	.productshow .more{ flex-wrap:wrap;}
	.productshow .more a{ margin:5px;}
}
@media screen and (max-width: 1024px) {
	.productshow .pro-imgs{ flex-wrap:wrap;}
	.productshow .pro-imgs .gallery-top{ width:100%;}
	.productshow .pro-imgs .gallery-thumbs{padding:0 30px;height:auto;width:100%;margin:20px 0 0 0;}
	.productshow .pro-imgs .gallery-thumbs .p-bottom,.productshow .pro-imgs .gallery-thumbs .p-top{ background-image: url(../images/ps-arrow2.png); width: 30px; height: 100%; background-size: 80%  auto !important; }
    .productshow .pro-imgs .gallery-thumbs .p-bottom{  transform: rotate(0deg);}
    .productshow .pro-imgs .gallery-thumbs .p-top{ transform: rotate(180deg); }
}
@media screen and (max-width: 850px) {
	.productshow .pro-imgs{ width:100%; margin-bottom:30px;}
	.productshow .pro-t{ width:100%; padding:0;}
    .productshow .pro-t .tit h3{ font-size:3.2em;}
    .productshow .pro-t .t{ min-height: auto;  padding-bottom:20px;}
    .productshow .pro-txts .t{ overflow:auto;}
    .productshow .pro-txts .t table{ min-width:1000px;}
}
@media screen and (max-width: 650px) {
	.productshow .btns{ flex-wrap:wrap;}
	.productshow .btns a{ width:100%; margin-top:10px;}
	.productshow .btns a{ padding:8px 10px;}
	.productshow .btns .next .type{ order:1;}
	.productshow .btns a span{ order:2;  transform: rotate(180deg); width:50px;}
	.productshow .pro-t .tit h3{ font-size:2.8em;}
	.productshow .more .al img{ height:15px;}
	.productshow .more a{ padding:6px;}
	.productshow .pro-txts .tit h4{ font-size:1.6em;}
	.productshow .btns{ margin-top:20px;}
}

/*news*/
@media screen and (max-width: 1680px) {
	.banners .txt h3{ font-size:4.2em;}
	.news-t .boxs .box{ margin:30px 10px;}
    .news-t .box .txt .t span{ padding:8px 40px;}
}
@media screen and (max-width: 1450px) {
	.news-t .box .txt .t h3{ font-size:1.6em; margin-bottom:10px;}
	.news-t .box .txt .date{ padding:4px 10px; margin:10px 0;}
    .news-t .box .txt .date  img{ max-width:15px; margin-top:4px;}
    .news-t .box .txt .t p {  height: 40px; -webkit-line-clamp: 2;}
}
@media screen and (max-width: 1250px) {
	.banners .txt h3{ font-size:3.2em;}
	.news-t .box .txt .t span{ padding:8px 30px;}
	.news-t{ padding:20px 0 40px 0;}
}
@media screen and (max-width: 1024px) {
	.banners .txt h3{ font-size:2.8em;}
	.banners .txt span{ width:60px; margin-top:10px;}
	.news-t .boxs .box{ margin:15px 10px;}
	.news-t .box .txt .t span{ padding:6px 20px; font-size:1.2em;}
}
@media screen and (max-width: 850px) {
    .news-t .box .txt .date{ padding:2px 4px;}
    .news-t .boxs .box{ width: calc(50% - 20px);}
    .news-t .box .txt .t span{ border-radius:5px;}
}
@media screen and (max-width: 650px) {
    .banners .txt h3{ font-size:2.4em;}
    .news-t .boxs .box{ width: calc(100%); margin:10px 0;}
    .news-t .box .txt .t h3{ margin-bottom:0;}
}

/*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 .c1{ padding:40px 20px;}
	.contact-t .c1 .txts .dot .d p{ font-size:1.4em;}
	.contact-t .c1 .txts .dot .d img{ width:50px;}
	#container{ height:400px;}
	.feedback{ margin-top:30px; padding:50px 0;}
	.feedback .tits{ padding:0 20px 0 0;}
	.contact-t .c1 .txts .dot .d{ margin-bottom:20px;}
	.feedback .dot input { width: calc(50% - 40px);}
}
@media screen and (max-width: 1450px) {
	.feedback input, .feedback textarea{ font-size:1.4em;}
	.feedback .dot input { width: calc(50% - 20px);}
	.contact-t .c1 .txts{ margin-top:20px;}
}
@media screen and (max-width: 1250px) {
	.contact-t .c1 .txts .dot .d{ margin:0 40px 10px 0;}
	.contact-t .c1 .txts .dot .d img{ width:40px;}
	.contact-t .c1 .txts .dot .d h3{ font-size:1.6em;}
	#container{ height:300px;}
	.feedback .tits h3{ margin-bottom:10px;}
}
@media screen and (max-width: 1024px) {
	.contact-t .c1{ padding:40px 0;}
	.contact-t .c1 .txts .two img{ width:100px;}
	.feedback .tits{ width:100%; padding:0 0 20px 0;}
	.feedback .warp{ flex-wrap:wrap;}
	.feedback form{ width:100%;}
}
@media screen and (max-width: 650px) {
	.contact-t .c1 .txts{ flex-wrap:wrap;}
	.contact-t .c1 .txts .two{ width:100%; text-align:right;}
	.contact-t .c1{ padding:30px 0;}
	.feedback{ padding:30px 0;}
	.feedback .dot{ display:block; margin-bottom:0;}
	.feedback .dot input{ width:100%; margin-bottom:10px;}
    .feedback .btn{ margin-top:20px;}
    .feedback .fc-btn{ padding:6px 20px;}
}