@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; overflow:hidden;}
	.banner .swiper-slide .txt{ margin-left:-5%;}
	.iab .txt{ padding:5%;}
	.iab .txt .tit h3{ font-size:4.2em; margin-left:20px;}
	.iab .txt .t a{ padding:12px 60px;}
    .ip .tit h3,.inews .tit h3,.icase .tit h3{ font-size:4.2em;}
    .ip .dots{ padding:0 40px;}
    .nums{ padding:180px 0;}
    .nums .num h3{ font-size:6.8em;}
    .inews .nboxs .n1 .txt h3{ font-size:2.2em;}
    .icase .tit{ margin:40px 0;}
    .icase .icase-slider{ padding:0 120px;}
    .icase .swiper-button-prev{ left:60px;}
    .icase .swiper-button-next{ right:60px;}
    .footer .fo1{ padding:50px 20px;}
    .footer .fo1 .fadd .fa{ padding:10px 20px;} 
    .footer .fo1>*{ padding:0 10px;}
    .footer .fo1 .fcont .flogo h3{ font-size:1.4em;}
}
@media screen and (max-width: 1450px) {
	.header .logo img{ width:80px;}
	.header .mune .m-dot>a{ padding:16px 0;}
    .header .mune .m-dot{ margin:0 0px;}
    .banner .swiper-slide{ height:600px;}
    .iab .txt .t h4{ font-size:2em;}
    .ip .tit h3, .inews .tit h3, .icase .tit h3{ font-size:3.6em;}
    .ip .dots{ padding:0 20px;}
    .ip{ padding:50px 0;}
    .ip .dots .dot .t p{ font-size:1.4em; margin:10px 0;}
    c{ font-size:5em;}
    .nums{ padding:160px 0;}
    .inews .tit h3{ margin-bottom:30px;}
    .inews .nboxs .n1 .txt h3{ font-size:2em;}
    .inews .nboxs .n1 .txt span{ margin-top:20px;}
    .inews .nboxs .n1 .txt h4{ font-size:1.4em; margin:10px 0;}
    .inews .nboxs .n1 .txt span{ padding:14px 60px;}
    .inews .nboxs .n2 .txt h3{ font-size:1.8em;}
    .inews .nboxs .n2 .txt h4{ margin:12px 0;}
    .inews .nboxs .n3 .tip h3{ font-size:2.4em;}
    .inews .nboxs .n3 .txt h3{ font-size:1.6em;}
    .icase .swiper-slide .txt .t{ padding:20px 40px;}
    .icase .swiper-slide .txt .t h3{ font-size:2em;}
    .icase .swiper-slide .txt .t2{ padding:20px 40px;}
    .icase .swiper-slide .txt .t2 h4{ font-size:1.6em;}
    .icase .swiper-slide .txt .t2 a{ margin-top:20px; padding:14px 60px; font-size:1.4em;}
    .footer .fo1{ padding:30px 20px;}
    .footer .fo1 .flinks h3 a{ font-size:1.6em; margin-bottom:10px;}
    .footer .fo1 .fcont .fd{ margin-top:10px;}
    .footer .fo2{ padding:16px 0;}
}
@media screen and (max-width: 1250px) {
    .header .mune a{ font-size:1.4em;}
    .banner .swiper-slide{ height:500px;}
    .iab .txt .tit h3{ font-size:3.2em;}
    .iab .txt .tit{ margin-bottom:20px;}
    .ip .dots .dot .img { border: 6px solid #fff;}
    .ip .tit h3, .inews .tit h3, .icase .tit h3{ font-size:2.8em; margin-bottom:30px;}
    .inews .nboxs .n1 .txt span,.iab .txt .t a,.icase .swiper-slide .txt .t2 a{ padding:10px 20px; font-size:1.4em;}
    .inews .nboxs .n3 .txt h3{ font-size:1.4em; margin-top:10px;}
    .icase .tit{ margin:20px 0;}
    .icase .icase-slider{ padding:0 20px;}
    .icase .swiper-button-prev{ left:10px;}
    .icase .swiper-button-next{ right:10px;}
}
@media screen and (max-width: 1024px) {
	.header .mune,.header .hls{ display:none;}
	.banner .swiper-slide{ height:400px;}
    .iab .txt{ padding:40px; transform: translateY(40px);}
    .iab .txt .tit img{ width:30px;}
    .iab .txt .tit h3{ font-size:2.8em;}
    .iab .txt .t h4{ font-size:1.8em;}
    .iab .txt .t p{ line-height:1.5;}
    .iab{ padding:60px 0;}
    .nums .num h3{ font-size:4.2em;}
    .nums{ padding:100px 0;}
    .inews .nboxs .n1 .txt h3{ font-size:1.6em; line-height:24px; height:48px;}
    .inews .nboxs .n3{ display:none;}
    .inews .nboxs .n2{ width:100%;}
    .inews .nboxs .n1 .img{ width:50%;}
    .inews .nboxs .n1 .txt{ width:50%; padding:20px; }
    .inews .nboxs .n1 .txt span{ display:none;}
    .inews .nboxs .n1 a{align-items: center; margin-bottom:20px;}
    .inews{ padding:60px 0 40px 0;}
    .footer .fo1{ display:none;}
    .footer .fo2{ background:#000;}
    .footer .fo2 p,.footer .fo2 p a{ color:#999;}
}
@media screen and (max-width: 850px) {
	.iab .img{ width:100%; max-width:80%; margin:0 auto 20px  auto;}
	.iab{ display:block;}
	.iab .txt { max-width:80%; margin:0 auto 20px auto; padding: 20px;  transform: translateY(0px); width:100%;}
	.iab{ padding:40px 0 0 0;}
	.ip .tit h3, .inews .tit h3, .icase .tit h3{ font-size:2em; margin-bottom:20px;}
	.ip .dots .dot { width: calc(50% - 20px);}
	.nums .num{ width:30%; margin:30px 10%;}
    .nums{ padding:60px 0;}
    .bottomlist ul li img{ width:25px; height:25px;}
    .footer{ margin-bottom:27px;}
    .iab .txt .t img{ max-width:100%;}
}
@media screen and (max-width: 650px) {
	.header .logo img{ width:60px;}
	#hamburger{ top:18px; right:12px;}
	.banner .swiper-slide{ height:200px;}
	.iab .img,.iab .txt{ max-width:90%;}
	.iab .txt .t h4{ font-size:1.4em;}
    .iab .txt .tit h3{ font-size:1.8em;}
    .ip{ padding:30px 0;}
    .ip .dots{ padding:0;}
    .ip .tit h3, .inews .tit h3, .icase .tit h3{ font-size:1.6em; margin-bottom:10px;}
    .ip .dots .dot .t p{ margin:10px 0 0 0;}
    .nums .num h3{ font-size:3.2em;}
    .nums .num p{ font-size:1.4em;}
    .nums .num{ margin:20px 10px;}
    .inews .nboxs .n1 a,.inews .nboxs .n2 a{ flex-wrap: wrap;}
    .inews .nboxs .n1 .img,.inews .nboxs .n2 .img{ width:100%;}
    .inews .nboxs .n1 .txt,.inews .nboxs .n2 .txt{ padding:20px; width:100%;}
    .inews{ padding:40px 0 0 0;}
    .icase .swiper-button-prev, .icase .swiper-button-next{ width:30px; height:30px;}
    .icase .swiper-slide{ overflow:hidden;}
    .icase .swiper-slide .img img{ width:auto; height:400px;}
    .icase .icase-slider{ padding:0;}
    .icase .swiper-slide .txt{ width:100%;}
    .footer .fo2{ flex-wrap:wrap; text-align:center;}
}

/*about*/
@media screen and (max-width: 1680px) {
	.banners{ height:600px;}
	.about-t .tit h3{ font-size:4.2em;}
	.about-t .ab1 .abn h3{ font-size:6.8em;}
}
@media screen and (max-width: 1450px) {
	.banners{ height:500px;}
    .banners .txt h3{ font-size:3.2em;}
    .about-t .tit h3{ font-size:3.2em;  margin-bottom:30px;}
    .about-t .ab1 .abn h3{ font-size:4.8em;}
    .about-t .ab1 .abn p{ font-size:1.4em;}
}
@media screen and (max-width: 1250px) {
	.lead{ padding:12px 0;}
	.banners{ height:400px;}
    .about-t .ab1 .txt p{ margin-bottom:12px;}
    .about-t .ab3 .ah-slider{ margin-top:30px;}
    .about-t .ab4{ padding:60px 0;}
}
@media screen and (max-width: 1024px) {
	.lead .warp>*{ font-size:1.4em;}
	.about-t .tit h3{ font-size:2.4em;  margin-bottom:20px;}
	.about-t .ab1 .abn h3{ font-size:3.6em;}
	.about-t .ab3{ padding:60px 0;}
	.about-t .ab2{ padding:60px 0;}
}
@media screen and (max-width: 650px) {
	.banners{ height:300px;}
    .banners .txt h3{ font-size:2em;}
    .about-t .tit h3{ font-size:2em;}
    .about-t .ab1{ padding:20px  0 40px 0;}
    .about-t .ab1 .abn{ min-width:40%; margin-top:20px;}
    .about-t .ab1 .abns{ padding-top:20px;}
    .about-t .ab2,.about-t .ab3,.about-t .ab4{ padding:40px 0;}
}

/*product*/
@media screen and (max-width: 1680px) {
	.pro-lead .plead a h3{ font-size:4.2em;}
}
@media screen and (max-width: 1450px) {
	.pro-lead .plead a h3{ font-size:3.6em;}
}
@media screen and (max-width: 1250px) {
	.pro-lead .plead a h3{ font-size:3.2em;}
    .pro-lead .plead{ height:500px;}
}
@media screen and (max-width: 1024px) {
	.pro-lead .plead a h3{ font-size:2.4em;}
    .pro-lead .plead{ height:500px;}
}
@media screen and (max-width: 850px) {
	.pro-lead .plead a h3{ font-size:2em;}
    .pro-lead .plead{ height:400px; width:100%;}
    .pro-lead{ display:block;}
}
@media screen and (max-width: 650px) {
	.pro-lead .plead a h3{ font-size:1.8em;}
    .pro-lead .plead{ height:300px;}
}

/*product-n*/
@media screen and (max-width: 1680px) {
	.product-n{ padding:30px 40px 80px 40px;}
	.product-n .plist .pld{ padding:20px 20px 20px 30px;}
	.product-n .plist .pld h3 a{ font-size:2em;}
	.product-n .plist .pld p a{ padding:6px 15px; margin-left:-6px; font-size:1.6em; margin-top:16px;}
        .product-n .plist .pld li a {
            padding: 6px 15px;
            font-size: 1.6em;

        }
    .product-n .plist .pld{ margin-right:30px;}
}
@media screen and (max-width: 1450px) {
	.product-n{ padding:30px 20px 60px 20px;}
    .product-n .pboxs .dot .t p{ margin:10px 0; font-size:1.4em;}
    .product-n .pboxs .dot .img { border: 8px solid #fff;}
}
@media screen and (max-width: 1250px) {
	.product-n .plist .pld h3 a{ font-size:1.8em;}
	.product-n .plist .pld p a{ font-size:1.4em; margin-left:0;}
	.product-n .plist .pld{ margin: 0 10px 10px 0; padding:20px 20px 20px 20px;}
    .product-n .pboxs .dot{ margin:0 10px 10px 10px;}
    .product-n .pboxs .dot .t p{ margin:10px 0 0 0; }
    .product-n .pboxs .dot .img { border: 6px solid #fff;}
    .product{ padding-left:20px;}
    .product .txt h3{ text-shadow:0 0 4px rgba(0,0,0,0.6);}
}
@media screen and (max-width: 1024px) {
    .product-n .plist .pld{ padding:10px;}
    .product-n .plist .pld h3 a{ font-size:1.6em;}
}
@media screen and (max-width: 850px) {
	.product-n .plist{ display:none;}
	.product-n .pboxs{ width:100%;}
	.product-n{ padding:30px 20px;}
	div.fy a,div.fy span.current,div.fy span.disabled{ padding:4px 8px;}
}
@media screen and (max-width: 650px) {
	.product-n .pboxs .dot { width: calc(50% - 20px);}
}
@media screen and (max-width: 450px) {
	.product-n .pboxs .dot { width: calc(100% - 20px);}
}

/*productshow*/
@media screen and (max-width: 1680px) {
	.proshow .btns{ padding:40px 0 60px 0;}
	.proshow .pro-more .tit h3{ margin-bottom:30px;}
}
@media screen and (max-width: 1450px) {
	.proshow .pro-more{ padding:0;}
	.proshow .pro-top .txt .tit h4{ font-size:2.2em;}
	.proshow .pro-top .txt .tit h3{ font-size:2.8em;}
}
@media screen and (max-width: 1250px) {
	.proshow .pro-top{ padding:30px;}
	.proshow .pro-txt{ padding:30px;}
	.proshow .pro-txt .tit h3{ margin-bottom:30px;}
	.proshow .pro-more .dot .t p{ margin-top:8px;}
}
@media screen and (max-width: 1024px) {
	.proshow .pro-top .txt .tit h3{ font-size:2.4em;}
	.proshow .pro-top .txt .tit h4{ font-size:1.8em;}
	.proshow .pro-top .txt .tmore p{ font-size:1.4em;}
	.proshow .pro-more .tit h3{ font-size:2em; margin-bottom:16px;}
}
@media screen and (max-width: 850px) {
	.proshow .pro-top .img,.proshow .pro-top .txt{ width:100%;}
    .proshow .btns{ padding:10px 0 40px 0;}
    .proshow .btns a p{ font-size:1.4em;}
    .proshow .btns a{ padding:12px 20px; width:100%; margin-top:10px;}	
    .proshow .btns{ flex-wrap:wrap;}
    .proshow .btns a span{ order:2;}
    .proshow .btns .next .type{ order:1;}
    .proshow .btns .prev span { transform: rotate(180deg);}
}
@media screen and (max-width: 650px) {
	.proshow .pro-top{ padding:20px;}
	.proshow .pro-more .prod .dot {    width: calc(100% - 20px);   margin: 10px;}
    .proshow .pro-top .txt .tit h3{ font-size:2em;}
    .proshow .pro-top .txt .tit h4{ font-size:1.6em;}
    .proshow .pro-txt{ padding:20px;}
    .proshow .pro-txt .tit h3{ font-size:2em; margin-bottom:20px;}
    .proshow .btns a{ padding:8px;}
    .proshow .btns span{ display:none;}
    .proshow .pro-more .dot .t p{ font-size:1.4em;}
}

/*case*/
@media screen and (max-width: 1680px) {
	.case-t{ padding:40px 0;}
	.c-list a{ font-size:1.6em;  padding:12px 30px; margin-right:20px;}
	.case-t .cdots .cd .txt h3{ font-size:2em;}
    .case-t .cdots .cd .txt p{ font-size:1.6em;}
    .case-t .cdots .cd .txt{ padding:30px 20px;}
}
@media screen and (max-width: 1450px) {
	.c-list a{ font-size:1.6em;  padding:7px 20px; margin-right:10px;}
	.case-t .cdots .cd .txt{ padding:15px 0px 0 0;}
	.case-t .cdots{ margin-top:0px;}
    .c-list{ margin:0 0 20px 0;}
}
@media screen and (max-width: 1250px) {
	.case-t .cdots .cd .txt h3{ font-size:1.8em;}
    .case-t .cdots .cd .txt p{ font-size:1.4em;}
    .case-t .cdots .cd .txt span{ margin:8px 0;}
}
@media screen and (max-width: 1024px) {
    .c-list a{ font-size:1.4em;}
    .case-t .cdots .cd .txt h3{ font-size:1.6em;}
    .case-t .cdots .cd{ margin:15px;}
}
@media screen and (max-width: 850px) {
	.case-t .cdots{ margin-bottom:0;}
    .c-list a{ padding:6px 10px; margin:6px 10px;}
    .case-t{ padding:20px 0 40px 0;}
}
@media screen and (max-width: 650px) {
	.case-t .cdots .cd {  width: calc(100% - 30px);}
    .c-list{ margin-bottom:10px;}
}

/*news*/
@media screen and (max-width: 1680px) {
    .news-t .nd .txt h3{ font-size:2.2em;}
    .news-t .nd .txt{ padding:20px 20px 0 20px;}	
}
@media screen and (max-width: 1450px) {
	.news-t .nd .txt span{ margin-top:30px; padding:12px 40px; font-size:1.4em;}
    .news-t .nd .txt h4{ margin:20px 0;}
}
@media screen and (max-width: 1250px) {
	.news-t .nd .txt h3{ font-size:2em; line-height:24px; height:48px;}
	.news-t .nd .txt h4{ margin:10px 0;}
    .news-t .nd .txt{ padding:20px 0 0 0;}
}
@media screen and (max-width: 1024px) {
	.news-t .nd .txt h3{ font-size:1.8em;}
	.news-t .nd .txt span{ margin-top:20px; padding:8px 30px;}
}
@media screen and (max-width: 850px) {
    .news-t .nd .txt h3{ font-size:1.6em;}
    .news-t .nd .txt h4{ font-size:1.4em;}
    .news-t .nd .txt p{ height:60px; line-height:20px;}
    .news-t .nd{ margin-bottom:40px;}
}
@media screen and (max-width: 650px) {
	.news-t{ padding:20px 0 40px 0;}
	.news-t .nd { width: calc(100% - 30px); margin-bottom:30px;}
}



/*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) {
	.feedback .tit h3{ font-size:4.2em;}
	.feedback .tit h4{ font-size:1.4em;}
	.feedback .fcb{ padding:12px 40px;}
}
@media screen and (max-width: 1450px) {
	.information .cad1 .txt .fd{ margin-top:8px;}
	.information{ padding:60px 0;}
	.information .cad2 .cad .txt h3{ font-size:1.6em; margin-bottom:20px;}
    .information .cad2 .cad .txt{ padding:20px;}
    .information .cad1 .txt{ padding:20px 40px;}
    .feedback .tit h3{ font-size:3.6em;}
    .feedback{ padding:50px 0;}
}
@media screen and (max-width: 1250px) {
	.information .cad1 .txt .two{ margin-top:6px;}
	.information .cad1 .txt .flogo h3{ font-size:1.6em; }
	.information .cad1 .txt .flogo{ margin-bottom:10px;}
    .information{ padding:40px 0;}
}
@media screen and (max-width: 1024px) {
	.information .cad1{ display:block; max-width:720px;  margin:0 auto 30px auto;}
	.information .cad1 .img,.information .cad1 .txt{ width:100%;}
	.feedback .tit h3{ font-size:3.2em;}
	.feedback input, .feedback textarea{ font-size:1.4em;}
	.feedback .dot .d {  width: calc(50% - 10px);}
    .feedback .fcb{ font-size:1.4em; padding:12px;}
    .feedback .btn{ margin:20px auto 0 auto; text-align:center;}
}
@media screen and (max-width: 850px) {
    .feedback input, .feedback textarea{ padding:8px 12px;}	
    .feedback .tit h3{ font-size:2.4em; margin-bottom:0;}
    .information .cad2 .cad{ width:100%; max-width:400px; margin:20px auto 0 auto;}
}
@media screen and (max-width: 650px) {
	.feedback .tit{ margin-bottom:20px;}
	.feedback .dot .d{ width:100%; margin-bottom:20px;}
	.feedback .dot{ display:block; margin-bottom:0;}
}
@media screen and (max-width: 450px) {
	.feedback .dot .d{ margin-bottom:10px;}
    .feedback .fcb{ padding:8px;}
}