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

/*index*/
@media screen and (max-width: 1680px) {
	.banner .ban1 .txt h3{ font-size:4em;}
    .banner .ban1 .txt h4{ font-size:3.2em; margin:5px 0 16px 0;}
    .banner .ban1 .txt h5{ font-size:4em;}
    .banner .ban1 .txt p{ font-size:2.8em;}
    .banner .ban2 .txt h3{ font-size:4em;}
    .banner .ban2 .txt h4{ font-size:3.2em; margin:5px 0 16px 0;}
    .banner .ban2 .txt h5{ font-size:3.6em;}
    .banner .ban2 .txt p{ font-size:2em;}
    .iab .txt .t1 h3{ font-size:3.2em;}
    .iab .txt .t2 h3{ font-size:2.8em;}
    .iab .txt .t1{ margin-bottom:20px;}
    .iab .txt .t3{ margin-top:40px;}
    .iab .txt .t3 .dot .d .t h3{ font-size:4.2em;}
    .iab .txt .t3 .dot{ margin-top:20px;}
    .ipt{ padding:60px 0;}
    .ipt .txt h3{ font-size:3.2em;}
    .ipt .txt h4{ font-size:3.6em;}
    .ipt .txt .i-more{ margin-top:70px;}
    .ipt .dots .dot .t h3{ font-size:2.2em;}
    .ipt .dots .dot .t p{ font-size:1.6em;}
    .iap .txt h3{ font-size:3.2em;}
    .iap .iap-d{ max-width:400px;}
    .iap .iap-d .ipd p{ font-size:1.8em; line-height:24px;}
    .iap .iap-d .ipd span{ height:24px;}
    .iad .txt h3{ font-size:3.2em;}
    .iad .dots .d p{ font-size:1.6em;}
    .inews .tit h3{ font-size:3.2em;}
    .inews{ padding:55px 0 80px 0;}
    .inews .itl .txt h3{ font-size:2.2em;}
    .header .mlr .mlrd{ top:0;}
    .header .menu .md .mll{ padding:40px 20px;}
    .header .menu .md .mlr>a{ font-size:1.4em;}
    .header .menu .md .mll h3{ font-size:2.2em;}
    .header .menu .md .mll h4{ font-size:4.2em;}
    .header .menu .md .mll p{ font-size:1.8em;}
    .header .mll .mld { padding: 8px 0 !important;  font-size: 1.6em !important;}
}
@media screen and (max-width: 1450px) {
	.header .logo{ padding:12px 20px;}
    .header .menu .m-list>a{font-size:1.4em;padding: 30px 20px 18px 20px;}
    .header .luns>* {  padding: 30px 20px 14px 20px;}
    .header .luns .lun p,.header .luns .sreach p{ font-size:1.4em;}
    .banner .ban1 .txt h3{ -webkit-text-stroke: 1px #fff; font-size:3.2em;}
    .banner .ban1 .txt h4{ font-size:2.4em; margin:5px 0 16px 0;}
    .banner .ban1 .txt h5{ font-size:3.2em;}
    .banner .ban1 .txt p{ font-size:2.4em;}
    .banner .ban2 .txt h3{ -webkit-text-stroke: 1px #fff; font-size:3.2em;}
    .banner .ban2 .txt h4{ font-size:2.4em; margin:5px 0 16px 0;}
    .banner .ban2 .txt h5{ font-size:3.2em;}
    .banner .ban2 .txt p{ font-size:1.8em;}
    .iab{ padding:60px 0;}
    .iab .txt .t1 h3{ font-size:2.8em;}
    .iab .txt .t1 h4{ font-size:1.8em;}
    .iab .txt .t1{ margin-bottom:10px;}
    .iab .txt .t2 h3{ font-size:2.4em;}
    .iab .txt .t3>p{ font-size:1.6em;}
    .iab .txt .t3{ margin-top:20px;}
    .iab .txt .t3 .dot .d>p{ font-size:1.4em;}
    .iab .txt .t3 .dot .d .t h3{ font-size:3.6em;}
    .iab .iab-slider .iab-p, .iab .iab-slider .iab-n{ top:45%;}
    .ipt .txt h3{ font-size:2.8em;}
    .ipt .txt h4{ font-size:3.2em;}
    .ipt .txt h5{ font-size:1.6em;}
    .ipt .txt p span{ font-size:20px;}
    .ipt .txt .i-more{ margin-top:30px;}
    .ipt .dots .dot .t h3{ font-size:2em;}
    .ipt .dots .dot .t p{ font-size:1.4em;}
    .ipt .dots .dot .d img{ width:50px;}
    .iap .txt h3{ font-size:2.8em;}
    .iap .txt p{ font-size:1.4em;}
    .iap .iap-d .ipd p{ font-size:1.6em;}
    .iap .iap-d .ipd{  padding:12px 12px 12px 20px; margin:5px 0;}
    .iap .iap-d .ipd.hover span{ width:60px;}
    .iad .txt h3{ font-size:2.8em;}
    .iad .txt p{ font-size:1.4em;}
    .iad .dots .d p{ font-size:1.4em;}
    .iad .dots .d img{ width:40px;}
    .inews .tit h3{ font-size:2.8em;}
    .inews .tit p{ font-size:1.4em;}
    .inews .itl .txt{ padding:15px 20px;}
    .inews .itl .txt h3{ font-size:1.8em;}
    .inews .itr .dot .t h3{ font-size:1.6em;}
    .inews .itr .dot .d h3{ font-size:2.8em;}
    .inews .itl .i-more{ bottom:10px;}
    .inews{ padding:50px 0 60px 0;}
    .footer .fmd p a{ margin-bottom:6px;}
    .footer .fmd h3{ margin-bottom:10px;}
    .footer .fmd h4{ font-size:2.4em; margin:10px 0;}
    .footer .fmd .fs span>img{  height:20px;}
	.footer .fmd .fs p{ font-size: 1.6em;}
	 .header .menu .md .mll{ padding:30px 20px;}
    .header .menu .md .mll h3{ font-size:2em;}
    .header .menu .md .mll h4{ font-size:3.2em;}
    .header .menu .md .mll p{ font-size:1.6em;}
    .header .mll .mld { padding: 6px 0 !important;  font-size: 1.4em !important;}
    .header .mlr .mlrd .txt h3{ font-size:2em;}
    .header .mlr .mlrd .txt h4{ font-size:1.4em;}
    .header .mlr .mlrd .txt p{ margin:10px 0;}
}
@media screen and (max-width: 1250px) {
	.header .menu .m-list>a {padding: 30px 15px 18px 15px;}
	.header .logo img{ width:140px; }
	.header .logo{ padding:18px 20px;}
	.banner .ban1 .txt h3{ font-size:2.4em;}
    .banner .ban1 .txt h4{ font-size:2em; margin:5px 0 16px 0;}
    .banner .ban1 .txt h5{ font-size:2.8em;}
    .banner .ban1 .txt p{ font-size:2em;}
    .banner .ban2 .txt h3{ font-size:2.4em;}
    .banner .ban2 .txt h4{ font-size:2em; margin:5px 0 12px 0;}
    .banner .ban2 .txt h5{ font-size:2.8em;}
    .banner .ban2 .txt p{ font-size:1.4em; margin-top:6px;}
    .iab .txt .t1 h3{ font-size:2.4em;}
    .iab .txt .t1 h4{ font-size:1.6em;}
    .iab .txt .t1{ margin-bottom:10px;}
    .iab .txt .t2 h3{ font-size:2em;}
    .iab .txt .t3>p{ font-size:1.4em;}
    .iab .txt .t1 h3{ font-size:2.4em;}
    .iab .txt .t2 h3{ font-size:1.8em;}
    .iab .txt .t3 .dot .d .t h3{ font-size:3.2em;}
    .iab .iab-slider .iab-p,.iab .iab-slider .iab-n{ width: 40px; height: 40px; background-size: 40px 40px;}
    .ipt .txt h3{ font-size:2.4em;}
    .ipt{ padding:40px 0;}
    .ipt .txt h4{ font-size:2.8em; margin:10px 0;}
    .ipt .dots .dot .t h3{ font-size:1.6em;}
    .iap .txt h3{ font-size:2.4em;}
    .iap .iap-d{ max-width:300px;}
    .iad .txt h3{ font-size:2.4em;}
    .inews .tit{ margin-bottom:20px;}
    .inews .tit h3{ font-size:2.4em;}
    .inews .itl .txt h3{ font-size: 1.6em; line-height: 24px; height: 24px; -webkit-line-clamp:1}
    .inews .itl{ width:50%;}
    .footer .fmd{ min-width:auto; margin-right:20px;}
	.footer .fmd .fs p{ font-size: 1.4em;}
    .header .menu .md .mll{ padding:20px 20px;}
    .header .menu .md .mll h3{ font-size:1.6em;}
    .header .menu .md .mll h4{ font-size:2.2em;}
    .header .menu .md .mll p{ font-size:1.6em;}
    .header .mll .mld { padding: 2px 0 !important; }
    .header .mlr .mlrd .txt h3{ font-size:1.4em;}
    .header .mll .mld.hover:after{ height:2px;}
	
	.footer .two{ width:120px;}
    .footer .fmd h3{ font-size:1.4em;}
}
@media screen and (max-width: 1024px) {
    .header .menus,.footer .fo1{ display:none;}
    .header .logo{ padding:12px ;}
    .iab{ padding:40px 0;}
    .iab .warp{ display:block; }
    .iab .txt{ width:100%; margin-bottom:20px;}
    .iab .iab-slider{ width:100%; max-width:600px; margin:0 0 0 auto;}
    .warp{ max-width:850px;}
    .ipt .warp{ display:block;}
    .ipt .txt{ width:100%; margin-bottom:20px;}
    .ipt .dots{ width:100%;}
    .ipt .dots .dot{ padding:5%;}
    .iap{ padding:80px 0;}
    .iap .iap-d .ipd p{ font-size:1.4em;}
    .iap .iap-d .ipd span{ height:20px;}
    .iap .iap-d .ipd p{ line-height:20px;}
    .iap .iap-d .ipd.hover span{ width:40px;}
    .iap .iap-d{ max-width:300px;}
    .iab .iab-slider:after{ width:30px; height:20px;}
    .iab .txt .t1 h3{ font-size:2em;}
    .iab .txt .t2 h3{ font-size:1.6em;}
    .iab .txt .t3 .dot .d .t h3{ font-size:2.8em;}
    .ipt .txt h3{ font-size:2em;}
    .ipt .txt h4{ font-size:2.4em;}
    .ipt .txt h5{ font-size:1.4em; line-height:1.5;}
    .ipt .txt p span{ font-size:16px;}
    .i-more{ padding:6px 12px;}
    .ipt .dots .dot{ padding:30px;}
    .iap .txt h3{ font-size:2em; margin-bottom:20px;}
    .iap .iap-d{ max-width:200px;}
    .iad .warp{ display:block;}
    .iad{ padding:40px 0;}
    .iad .txt{ width:100%;  padding:0;}
    .iad .txt h3{ font-size:2em; margin-bottom:10px;}
    .iad .txt a{ margin-top:20px;}
    .iad .dots{ width:100%;}
    .inews{  padding:40px 0;}
    .inews .tit h3{ font-size:2em;}
    .inews .txts{ display:block;}
    .inews .itl{ width:100%; margin-bottom:20px;}
    .inews .itl .i-more{ bottom:10px; right:10px;}
    .inews .txts .itr{ width:100%;}
    .footer .fo2{ padding:12px 0;}
    .footer .warp{ display:block; text-align:center;}
}
@media screen and (max-width: 850px) {
	.iap .txt p{ max-width:calc(100% - 200px);}
	.iap{ padding:60px 0;}
	.footer{ margin-bottom: 37px;}
	.bottomlist ul li img{ width:25px; height:25px;}
	.banner .ban1 .txt h3{ font-size:1.8em;}
    .banner .ban1 .txt h4{ font-size:1.4em; margin:5px 0 10px 0;}
    .banner .ban1 .txt h5{ font-size:2em;}
    .banner .ban1 .txt p{ font-size:1.6em;}
    .banner .ban2 .txt h3{ font-size:1.8em;}
    .banner .ban2 .txt h4{ font-size:1.4em; margin:5px 0 10px 0;}
    .banner .ban2 .txt h5{ font-size:2em;}
}
@media screen and (max-width: 650px) {
	.header .logo{  padding:10px;}
	#hamburger{ right:15px;}
	.banner .swiper-slide img{ width:200%;  margin-left:-70%;}
	.banner .ban2 .txt{ padding-bottom:24%;}
	.banner .ban1 .txt{ display:none;}
	.banner .ban1 .txt h3{ font-size:1.4em;}
    .banner .ban1 .txt h4{ font-size:1.4em; max-width:60%;}
    .banner .ban1 .txt h5{ font-size:1.6em;}
    .banner .ban1 .txt p{ font-size:1.4em; margin-top:0;}
    .ipt{ background:#f1f1f1;}
    .iab .txt .t1 h3{ font-size:1.6em;}
    .iab .txt .t2 h3{ font-size:1.4em;}
    .iab .txt .t3 .dot .d .t p { transform: translateY(-2px);}
    .ipt .txt h3{ font-size:1.6em;}
    .ipt .txt h4{ font-size:1.8em;}
    .ipt .dots .dot{ padding:10px 0; width:100%;}
    .ipt .dots .dot .d img{ width:40px;}
    .ipt .dots .dot .t h3{ margin-bottom:6px;}
    .iap .iap-d{ max-width:100%; padding:0; display:block; position:relative; z-index:2; margin-bottom:20px;}
    .iap .txt p{ max-width:100%;}
    .iap{ padding:20px 0 60px 0;}
    .iap .iap-d .ipd{ width:fit-content; margin:10px 0 0 auto; min-width:40%;}
    .iap .iap-d .ipd.hover { transform: translateX(20px);}
    .iap .txt h3{ font-size:1.6em; margin-bottom:10px;}
    .iap .txt a{ margin-top:30px;}
    .iad .dots .di{ width:100%; order:0; margin-top:20px;}
    .iad .dots{  flex-wrap:wrap;}
    .iad .dots .dr, .iad .dots .dl{ width:100%; }
    .iad .dots .dl{ text-align:left;}
    .iad .dots .d{ display:flex; justify-content: center;}
    .iad .dots .d img{ margin-right:10px;}
    .iad .dots .d p{ width:200px;}
    .inews .tit{ margin-bottom:10px;}
    .inews .itl .txt{ padding:15px 20px 35px 15px;}
    .inews .itl a:first-child{ display:block;}
    .inews .itl .img{ width:100%;}
    .inews .itl .txt{ width:100%;}
    .inews .itl .txt span{ margin:2px 0;}
    .inews .itr .dot .d{ width:80px;}
    .inews .itr .dot .t{ padding:0;}
    .inews .itr .dot .d h3{ font-size:2em;}
    .inews .itr .dot .t h3{ font-size:1.4em; margin-bottom:2px;font-weight:bold;}
}

/*product*/
@media screen and (max-width: 1680px) {
	.banners{ height:400px;}
	.banners .txt{ padding-bottom:5%;}
	.banners .txt h4{ font-size:4em;}
	.product-t .pl a{ font-size:1.6em;}
    .product-t .pds .pd .txt h3{ font-size:2em;}
}
@media screen and (max-width: 1450px) {
	.banners{ height:380px;}
	.banners .txt h4{ font-size:3.6em;}
	.p-sreach input{ padding:6px 10px 6px 50px;}
	.p-sreach .pdb{ font-size:1.6em;}
	.product-t{ padding:40px 0;}
	.product-t .pds{ margin-top:20px;}
	.product-t .pds .pd{  width: calc(50% - 20px); margin: 10px 10px;}
    .product-t .pl a{ width:100%; max-width:160px; padding:6px 4px;}
}
@media screen and (max-width: 1250px) {
	.banners{ height:320px;}
	.banners .txt h4{ font-size:3.2em;}
	.banners .txt h3{ font-size:2em; margin-bottom:10px;}
	.product-t .pds .pd a{ padding:20px;}
	.product-t .pds .pd .txt p{ line-height:1.5;}
	.product-t .pl a{ max-width:140px; font-size:1.4em;}
	.product-t .pds .pd .txt h3{ font-size:1.8em;}
	.product-t .pds .pd .txt h4{ font-size:1.4em; line-height:1.2}
	.p-sreach .pdb{ font-size:1.4em;}
}
@media screen and (max-width: 1024px) {
	.banners{ height:240px;}
	.banners .txt h4{ font-size:2.4em;}
	.banners .txt h3{ font-size:1.8em; margin-bottom:0px;}
	.product-t .pds .pd .txt>span{ margin-top:10px; padding:6px 12px;}
}
@media screen and (max-width: 850px) {
	.banners{ height:180px;}
	.banners .txt h4{ font-size:2em;}
	.banners .txt h3{ font-size:1.4em;}
	.product-t .pds .pd a{  display:block; padding:20px 20px 0 20px;}
	.product-t .pds .pd .txt{ width:100%}
	.product-t .pds .pd .img{ width:100%}
	.product-t .pds .pd .img img{ max-width:200px;}
	.product-t{ padding:20px 0;}
	.product-t .pds{ margin:0;}
	.p-sreach .pd-s{ width:calc(100%);}
	.p-sreach .pdb{ width:80px;}
	.p-sreach .pdt{ padding:6px 6px 6px 34px; width:calc(100% - 80px); background: url(../images/product/sreach.png) 10px center no-repeat #f5f5f5; background-size:15px;}
}
@media screen and (max-width: 650px) {
    .product{ background-position:80% center;}
    .product-t .pds .pd{  width: calc(100% - 20px);}
    .product-t .pds .pd .img{ text-align:right;}
}
@media screen and (max-width: 450px) {
	.product-t .pds .pd .txt h3{ font-size:1.6em;}
	.product-t .pl a{ max-width:fit-content; padding:4px 10px; margin:5px 4px;}
}

/*product-n*/
@media screen and (max-width: 1680px) {
    .p-sreach .pback a{ font-size:1.6em;}
    .prod .txt{ padding:12px 10px;}	
    .product-n{ padding:40px 0;}
}
@media screen and (max-width: 1450px) {
	.prod .txt h3{ font-size:1.6em;}
	.prod .txt span{ padding:6px 20px; margin-top:8px;}
	.prod .txt p{ height: 20px; -webkit-line-clamp:1;}
}
@media screen and (max-width: 1250px) {
	div.fy{ padding-top:20px;}
	.prod{ width: calc(25% - 10px); margin: 5px;}
	.prod .txt h3{ font-size:1.4em;}
}
@media screen and (max-width: 1024px) {
	.prod .txt p{ font-size:1.2em;}
	.prod .txt span{ font-size:1.2em;}
	.p-sreach .pback a{ font-size:1.4em;}
}
@media screen and (max-width: 850px) {
	.p-sreach .warp{ flex-wrap:wrap;}
	.p-sreach .pback a{ margin-bottom:20px; display:inline-block;}
	div.fy a,div.fy span.current,div.fy span.disabled{ padding:4px 8px; }
}
@media screen and (max-width: 650px) {
	.prod{ width: calc(50% - 10px);}
	.product-n{ padding:20px 0;}
}
@media screen and (max-width: 450px) {
	.prod{ width: calc(100% - 10px); max-width:240px; margin:5px auto;}
}

/*productshow*/
@media screen and (max-width: 1680px) {
	.pro-main .tit .t{ width:70%}
	.pro-txts .pro-list{ width:300px;}
	.pro-txt { width: calc(100% - 300px);}
}
@media screen and (max-width: 1450px) {
	.pro-txts .pro-list{ width:280px; padding-right:20px;}
	.pro-txt { width: calc(100% - 280px);}
}
@media screen and (max-width: 1250px) {
	.pro-main .tit .t h3{ font-size:1.6em;}
	.pro-main .tit .tip{ padding:6px 20px;}
    .pro-main .p-main .ptxt h3{ font-size:1.6em;}
}
@media screen and (max-width: 1024px) {
	.pro-table .ptable tr td{ font-size:1.4em;}
	.pro-table .ptable .lock td, .pro-table .ptable tr .lock{ font-size:1.4em;}
    .pro-table .pbtns{ margin-top:20px;}
    .pro-table .tit h3{ font-size:1.6em; margin-bottom:20px;}
    .pro-line .img img{ max-height:240px; padding-bottom: 10px;}
    .pro-txts .pro-more .tit h3{ font-size:1.6em;}
    .pro-txts .pro-more .tit:after, .pro-txts .pro-more .tit:before{ height:4px;}
    .pro-main .tit .tip img{ max-width:100px;}
    .pro-main .tit .t{ padding:6px 20px;}
    .pro-txts .pro-list .pl h3 a{ font-size:1.4em;}
    .pro-txts .pro-list .pl h3 span img{ height:12px; margin-bottom:0px;}
    .pro-txts .pro-list .pl h3{ padding:4px 20px;}
}
@media screen and (max-width: 850px) {
	.pro-txt { width: calc(100%);}
	.pro-txts{ flex-wrap:wrap;}
	.pro-txts .pro-list{ width:100%; order:2; padding:0}
	.pro-txts .pro-list .pl{ display:none;}
	.pro-more{ display:flex; flex-wrap:wrap;}
	.pro-txts .pro-more .tit{ width:100%;}
	.pro-txts .pro-more .prod{ width:calc(50% - 20px); margin:10px;}
	.pro-main .p-main .ptxt{ padding-left:10px;}
	.pro-table .ptable table{ min-width:900px;}
	.pro-table .ptable{ max-height:420px; height:auto;}
}
@media screen and (max-width: 650px) {
	.pro-main .p-main .imgs{ width:100%; max-width:300px; margin:0 auto;}
	.pro-main .p-main{ flex-wrap:wrap; padding:10px;}
	.pro-main .p-main .ptxt{ width:100%; padding-left:0;}
	.pro-table{ padding:10px;}
    .ptable::-webkit-scrollbar { width:6px; height: 5px;}
    .pro-table .pbtns a{ padding:4px 10px;}
    .pro-main .tit .t h3{ font-size:1.4em;}
    .pro-line .img{ overflow:auto;}
    .pro-line .img img{ max-width: fit-content;}
}
@media screen and (max-width: 450px) {
	.pro-main .tit .tip{ display:none;} 
	.pro-main .tit .t{ width:100%; padding:6px 10px;}
	.pro-txts .pro-more .tit h3{ font-size:1.4em; padding:10px; margin-top:20px;}
	.pro-txts .pro-more .tit:after, .pro-txts .pro-more .tit:before{ height:2px;}
	.pro-txts .pro-more .prod{ width:100%; margin:20px auto 0 auto;}
	.pro-list .prod .txt h3{ font-size:1.4em;}
	.pro-table .pbtns{ display:block;}
	.pro-table .pbtns a{ width:100%; margin-top:6px;}
	.pro-table .pbtns a.pr{ text-align:right;}
	.pro-table .pbtns{ margin-top:10px;}
	.pro-txts .pro-more .tit h3{ margin-top:10px;}
	.pro-line{ padding:10px;}
	.pro-table .tit h3{ margin-bottom:10px;}
}

/*product-micro*/
@media screen and (max-width: 1680px) {
    .micro-ban .txt img{ height:80px;}
    .micro-ban .txt { top: calc(50% - 40px);}
    .micro-tip .txt .t h5{ font-size:2.4em;}
    .micro-tip .txt .t p{ font-size:1.6em;}
    .micro-tip .txt .t h4{ font-size:3.2em;}
    .micro-tip .txt .t h3{ font-size:2em;}
    .micro-t1 .tit h3{ font-size:2em;}
    .micro-t1{ padding:40px 0;}
    .micro-t1 .tit p{ font-size:1.4em;}
    .micro-t1 .imgs{ margin-top:20px;}
    .micro-t2 .dots .dot .img:after{ font-size:2em;}
    .micro-t3 .tit h3{ font-size:2em; margin-bottom:20px;}
    .micro-t1 .imgs .t h3{ font-size:1.4em;}
    .micro-t1 .imgs .t p{ font-size:1.4em;}
    .micro-t1 .imgs .t{ margin:15px 0 0 0;}
    .micro-t2 .tit h3{ font-size:2em;}
    .micro-t2 .dots .dot .txt p{ font-size:1.4em;}
    .micro-t3 .m-tit h3{ font-size:1.6em; }
    .micro-t3 .m-tit p{ font-size:1.4em;}
    .micro-t3 .mpdt .table{ overflow:auto;}
    .micro-t3 .mpdt tr td{ padding:10px 4px;}
    .micro-t3 .mpdt .lock td, .micro-t3 .mpdt tr .lock{ font-size:1.4em;}
}
@media screen and (max-width: 1450px) {
    .micro-tip .txt .t p{ font-size:1.4em;}
    .micro-tip .txt .t h4{ font-size:2.8em;}
    .micro-tip .txt .t h3{ font-size:1.6em;}
    .micro-tip .txt .t h5{ font-size:2em;}
    .micro-tip .txt .td p{ font-size:1.4em;}
    .micro-tip .txt .td h3{ font-size:1.6em; margin-bottom:0;}
    .micro-tip .txt .td{ margin-top:10px;}
}
@media screen and (max-width: 1250px) {
	.micro-ban .txt img{ height:60px;}
    .micro-ban .txt { top: calc(50% - 30px);}
    .micro-t2 .dots .dot .txt{ padding:20px 40px;}
    .micro-t3 .mpdt{  margin-top:40px;}
}
@media screen and (max-width: 1024px) {
	.micro-tip{ padding:40px 0;}
	.micro-tip .txt .t h4{ font-size:2em;}
    .micro-tip .txt .t h5{ font-size:1.6em;}
    .micro-t1 .tit p{ line-height:1.5;}
    .micro-t1 .tit h3{ font-size:1.8em;}
    .micro-t2 .tit h3{ font-size:1.8em; margin-bottom:20px;}
    .micro-t2{ padding:40px 0;}
    .micro-t2 .dots .dot .txt{ padding:10px 20px;}
    .micro-t2 .dots .dot .img:after{ font-size:1.4em; width:140px;}
    .micro-t2 .dots .dot .txt h3{ font-size:1.6em; margin-bottom:10px;}
    .micro-t3{ padding:30px 0;}
    .micro-t3 .m-tit h3{ font-size:1.4em;  margin-left:4px;}
    .micro-t3 .m-tit p{ margin-left:6px; width:100%;}
    .micro-t3 .m-tit{ flex-wrap:wrap; margin-bottom:10px;}
    .micro-t3 .mpdt{ margin-top:20px;}
}
@media screen and (max-width: 850px) {
	.micro-ban .txt img{ height:40px;}
    .micro-ban .txt { top: calc(50% - 20px);}
    .micro-tip .warp{ display:block;}
    .micro-tip .txt{ width:100%; margin-bottom:20px;}
    .micro-tip .img{ width:100%;}
    .micro-t1 .tit h3{ font-size:1.6em; margin-bottom:0;}
    .micro-t1{ padding:20px 0;}
    .micro-t1 .imgs{ display:block;}
    .micro-t1 .imgs .bl{ width:100%;}
    .micro-t1 .imgs .br{ width:100%; margin-top:20px;}
    .micro-t2 .dots .dot{ display:block;}
    .micro-t2 .dots .dot .img{ width:100%;}
    .micro-t2 .dots .dot .txt{ width:100%; padding:30px 20px;}
    .micro-t3 .tit h3{ font-size:1.6em; margin-bottom:0px;}
    .micro-t3 .mpds{ display:block;}
    .micro-t3 .mpds .mpd{ margin-top:20px;}
    .micro-t3 .mpdt tr td{ padding:6px 4px;}
}
@media screen and (max-width: 450px) {
	.micro-ban .txt img{ height:28px;}
    .micro-ban .txt { top: calc(50% - 24px);}
    .micro-tip .txt .t h4{ font-size:1.8em;}
    .micro-tip{ padding:20px 0;}
}

/*product-package*/
@media screen and (max-width: 1680px) {
	.package .pack-boxs{ margin-top:10px;}
}
@media screen and (max-width: 1450px) {
	.package .pack-boxs .pd{ width: calc(25% - 20px); margin: 10px 10px;}
    .package .pack-boxs .pd .txt{ padding:12px 10px;}
}
@media screen and (max-width: 1250px) {
	.package .pack-boxs .pd .txt p{ font-size:1.4em;}
	.package .pack-boxs .pd .txt{ padding:6px 10px;}
}
@media screen and (max-width: 1024px) {
	.package .pack-boxs .pd{ width: calc(25% - 10px); margin: 5px;}
}
@media screen and (max-width: 850px) {
	.package .pack-boxs .pd{ width: calc(50% - 10px);}
}

/*news*/
@media screen and (max-width: 1680px) {
	.news-boxs .nbox .t h3{ font-size:1.8em;}
	.top-news{ margin:40px 0 20px 0;}
	.top-news .txt h3{ font-size:2.2em;}
}
@media screen and (max-width: 1450px) {
	.news-boxs .nbox .txt{ padding:20px;}
	.top-news .txt h4{ font-size:1.4em; margin:20px 0;}
    .top-news .txt h4 span{ padding:4px 20px;}
    .clist a{ font-size:1.6em; padding:6px 20px; max-width:160px; width:100%}
}
@media screen and (max-width: 1250px) {
	.news-boxs .nbox .time .ti span{ font-size:1.4em;}
	.news-boxs .nbox .time>span{ padding:5px 20px;}
	.news-boxs .nbox .t p{ font-size:1.4em;}
	.news-boxs .nbox .t h3{ margin-bottom:6px;} 
	.top-news .txt h3{ font-size:1.8em;}
}
@media screen and (max-width: 1024px) {
	.clist a{ font-size:1.4em; max-width:100px; margin:5px;}
    .top-news .txt{ padding:20px;}
    .top-news .txt p{ font-size:1.4em;}
    .top-news .txt h4{ margin:10px 0;}
    .news-boxs .nbox .time .ti span{ display:none;}
    .news-boxs .nbox .time>span{ margin-top:0;}
    .news-boxs .nbox .time{ margin-top:10px;}
    .news-t{ padding:40px 0;}
    .top-news{ margin:20px 0 0 0;}
    .news-boxs .nbox .txt{ padding:10px;}
}
@media screen and (max-width: 850px) {
	.clist a{  max-width:fit-content;}
	.top-news a{ display:block;}
	.top-news .img,.top-news .txt{width:100%}
	.top-news{ max-width:400px; margin:10px auto;}
	.top-news .txt{ padding:10px 10px 30px 10px;}
	.top-news .txt h4 span{ padding:0px 4px; margin-right:6px;}
    .top-news .txt h3{ font-size:1.4em;}
    .top-news .txt h4{ margin:5px 0 0 0;}
    .top-news .swiper-pagination{ padding-left:0; bottom:10px;}
    .news-boxs .nbox .t h3{ font-size:1.4em; margin-bottom:0;}
    .news-boxs .nbox{ width: calc(50% - 10px); margin: 5px; }
}
@media screen and (max-width: 450px) {
	.news-boxs .nbox .time{ display:block; }
	.news-boxs .nbox .time>span{ padding:4px 10px; margin-top:6px; font-size:1.2em;}
	.news-t{ padding:30px 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;}
}

/*about*/
@media screen and (max-width: 1680px) {
	.ab1{ padding:60px 0;}
	.ab1 .tip h3{ font-size:3.2em;}
	.ab1 .tip p{ font-size:2.4em;}
    .ab1 .dot .d{ padding:0 40px;}
    .ab1 .dot .d .t h3{ font-size:4.2em;}
    .ab1 .dot .d>p{ font-size:1.4em;}
    .ab1 .txt p{ margin-top:16px;}
    .ab2>.tit{ padding:6% 20px;}
    .ab2>.tit h3{ font-size:3.2em;}

    .ab2 .gallery-top .h-txt p{ font-size:1.8em;}
}
@media screen and (max-width: 1450px) {
	.ab1 .tip h3{ font-size:2.8em;}
	.ab1 .tip h4{ font-size:1.6em;}
    .ab1 .tip p{ font-size:2em;}
    .ab1 .dot .d .t h3{ font-size:3.6em;}
    .ab2 .gallery-thumbs .swiper-slide h4{ font-size:2em;}
    .ab2 .gallery-thumbs .swiper-slide-thumb-active h3{ font-size:3.2em;}
    .ab2 .gallery-top .t p{ font-size:1.4em;}
    .ab2>.tit h3{ font-size:2.8em;}
    .ab2 .gallery-thumbs{ height:500px;}
    .banners .txt h4 span img{ width:120px;}

    .ab2 .gallery-thumbs{ width:300px;}
    .ab2 .gallery-top {  width: calc(100% - 300px);}
    .ab2 .gallery-top .h-txt p{ font-size:1.6em;}
}
@media screen and (max-width: 1250px) {
	.ab1 .tip h3{ font-size:2.4em;}
	.ab1 .dot .d .t h3{ font-size:2.4em;}
	.ab1 .tip p{ font-size:1.6em;}
	.ab1{ padding:40px 0;}
	.ab1 .txt p{ line-height:1.5;}
	.ab2>.tit h3{ font-size:2.4em;}
	.ab2 .gallery-thumbs .swiper-slide h4{ font-size:1.8em;}
	.ab2 .gallery-thumbs .swiper-slide h3{ font-size:2.2em;}
	.ab2 .gallery-thumbs{ width:240px;}
	.ab2 .gallery-top { width: calc(100% - 240px);}

	.ab2 .gallery-top .dai{ padding:20px 40px;}
	.ab2 .gallery-top .dai img{ height:30px;}
	.ab2 .gallery-top .h-txt{ padding:20px 40px;}
}
@media screen and (max-width: 1024px) {
	.ab1 .dot .d{ padding:0 20px;}
	.ab1 .tip h3{ font-size:2em; margin-bottom:10px;}
	.ab2>.tit h3{ font-size:2em;}

	.ab2 .gallery-top .h-txt p{ font-size:1.4em;}
}
@media screen and (max-width: 850px) {
	.ab2 .gallery-top .tit h4{ font-size:1.4em;}
	.ab2{ display:block;}
	.ab2>.tit{ width:100%;}
	.ab2 .history{ width:100%; display:block;} 
	.ab2 .gallery-thumbs{ width:100%; height:auto; border-top:1px solid rgba(255,255,255,0.8);}
    .ab2 .gallery-top{ width:100%;}
    .ab2 .gallery-thumbs .swiper-slide{padding:20px;border-right: 1px solid rgba(255,255,255,0.4);}
    .ab2 .gallery-thumbs .swiper-slide h4{ font-size:1.6em;}
	.ab2 .gallery-thumbs .swiper-slide h3{ font-size:1.8em; margin-bottom:4px;}
	.ab2>.tit{ padding:30px 20px;}
	.ab1 .tit{ display:block;}
	.ab1 .tip{ width:100%;}
	.ab1 .dot{ margin:20px 0 0 auto; }

	.ab2 .gallery-top .swiper-slide{ padding:40px 0;}
}
@media screen and (max-width: 650px) {
	.banners .txt h4 span img{ width:80px;}
	.ab1 .tip h3{ font-size:1.6em;}
	.ab1 .tip h4{ font-size:1.4em;}
	.ab2 .gallery-thumbs .swiper-slide{ padding:10px;}
	.ab2 .gallery-thumbs .swiper-slide h4{ font-size:1.4em;}
	.ab2 .gallery-top .pn span{ font-size:28px;}
}
@media screen and (max-width: 450px) {
	.ab2 .gallery-top .swiper-slide{ padding:20px 0;}
	.ab2 .gallery-top .dai{ text-align: center; padding: 20px 6px;}
}

/*contact*/
@media screen and (max-width: 1680px) {
	.contact-t .ctds .ctd h3{ font-size:2em; margin-bottom:20px;}
    .contact-t .ctds .ctd a{ margin-top:20px;}
    .contact-t .ctds{ margin:40px 0;}
    .cfeedback .tit h3{ font-size:2em;}
    .cfeedback .dot{ margin-top:30px;}
    .cfeedback .dot .d{ margin-bottom:20px;}
    .cfeedback .d h3{ font-size:1.4em;}
}
@media screen and (max-width: 1450px) {
	.contact-t .ctds .ctd{ padding:30px 20px;}
	.contact-t .ctds .ctd img{ width:50px;}
	.contact-t .ctds .ctd h3{ font-size:1.8em; margin-bottom:12px;}
	.contact-t .ctds .ctd a{ font-size:1.6em; margin-top:10px;}
	.cfeedback input, .cfeedback textarea{ padding:10px 12px; border-radius:5px;}
	.cfeedback .d h3{ padding-left:10px;}
	.cfeedback{ padding:10px 0;}
	.cfeedback .btn .fc-btn{ width:160px; padding:4px;}
    .contact-t .ctds .ctd p{ font-size:1.6em;}
}
@media screen and (max-width: 1250px) {
	.contact-t .ctds .ctd img{ width:40px;}
	.contact-t .ctds .ctd a{ font-size:1.4em;}
	.contact-t .ctds .ctd h3{ font-size:1.6em;}
	.cfeedback .tit h3{ font-size:1.6em; margin-bottom:10px;}
	.cfeedback .dot{ margin-top:20px;}
    .cfeedback .btn{ margin:20px auto 0 auto;}
    .cfeedback .d h3{ margin-bottom:6px;}
}
@media screen and (max-width: 1024px) {
	.contact-t .ctds .ctd p{ font-size:1.4em;}
	.contact-t .ctds{ margin:20px 0;}
	.contact-t .ctds .ctd{ padding:20px;}
	.cfeedback input, .cfeedback textarea{ padding:6px; font-size:1.4em;}
	.cfeedback .dot .d { width: calc(100% - 20px); margin-bottom:10px;}
	.contact-t{ padding:20px 0;}
}
@media screen and (max-width: 850px) {
	.contact-t .ctds .ctd img{ width:30px;}
	.contact-t .ctds .ctd{ margin:0; padding:10px; width:100%; margin-top:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.contact-t .ctds{ display:block; margin:0 0 30px 0; }
}

/*download*/
@media screen and (max-width: 1680px) {
	.down-dots .down-d .img{ padding:30px 20px;}
    .down-dots{ margin:20px 0 0 0;}
}
@media screen and (max-width: 1450px) {
	.down-dots .down-d .img{ padding:20px 10px;}
	.down-dots .down-d img{ width:80px;}
}
@media screen and (max-width: 1250px) {
	.down-dots .down-d .t{ margin-top:6px;}
	.down-dots .down-d{ margin:10px;}
}
@media screen and (max-width: 1024px) {
	.down-dots .down-d { width: calc(25% - 20px); margin:5px 10px;}
	.down-dots .down-d .img{ border-radius:5px;}
}
@media screen and (max-width: 850px) {
	.down-dots .down-d img{ width:40px;}
}
@media screen and (max-width: 650px) {
	.down-dots .down-d { width: calc(33.33% - 10px); margin:5px;}
	.down-dots .down-d .t p{ font-size:1.2em;}
}

/*service*/
@media screen and (max-width: 1450px) {
	.svsds .svsd{ width: calc(33.33% - 20px);}
}
@media screen and (max-width: 1024px) {
	.svsds .svsd{ width: calc(33.33% - 20px); margin: 10px;}
	.svsds .svsd p{ font-size: 1.4em; margin-top: 6px;}
}
@media screen and (max-width: 650px) {
	.svsds .svsd{ width: calc(50% - 20px);}
}