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

/*index*/
@media screen and (max-width: 1680px) {
	.ip .ipb-1{ width:600px;}
	.iab .txt{ padding:8% 5%;}
	.iab .txt p{ font-size:2.4em;}
	.iab .txt a{ margin-top:26%;}
	.is{ padding:80px 0;}
	.iab .txt h3,.is .txt h3,.ip .ipb-1 .t h3{ font-size:4.2em;}
	.footer .fo2 .dot p a{ margin:8px 0;}
	
	.banner .swiper-slide .txt h3{ font-size:6.2em;}
	.banner .swiper-slide .txt .t a{ padding:14px 60px;}
}
@media screen and (max-width: 1500px) {
	.header{ padding:0 4%;}	
	.header .menu{ padding:30px 0;}
	.ip .ipb-1 .t{ top:10%; left:6%;}
	.ip .ipl .t, .ip .ipl .s{ top:6%;}
	.ip .ipl .t{ left:30px;}
	.ip .ipl img{max-height: 75%;}
	.iab .txt h3,.is .txt h3,.ip .ipb-1 .t h3{ font-size:3.6em;}
	.iab .txt p{ font-size:2em;}
	.iab .txt a{ margin-top:20%;}
	.header .logo{ padding-left:15%;}
	.banner,.banner .swiper-slide,.banner .swiper-slide .txt .warp2{  height:80vh; }
	
	.banner .swiper-slide.ban1 .txt .t { padding: 0 5% 0 50%;}
	.banner .swiper-slide .txt .t{ padding: 0 50% 0 5%;}
	.banner .swiper-slide .txt h3{ font-size:5.2em;}
	.banner .swiper-slide .txt .t a{ padding:14px 60px;}
}	
@media screen and (max-width: 1250px) {
	.ip div{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.ip .ipb-1{ width:40%;}
	.ip .ip2>*, .ip .ip3>*{ display:block; overflow:hidden;}
	.ip .ipl a>img{  padding:20px 0;}
	.ip .ipb-3,.ip .ipb-8{ width:100%;}
	.ip .ipb-4,.ip .ipb-5{ width:50%;}
	.ip .ipb-4,.ip .ipb-5,.ip .ipb-6,.ip .ipb-7{ float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.ip .ipb-6{ width:calc(100% - 478px); height:409px;}
	.ip .ipb-7{ width:478px;}
	.ip .ipb-4 a>img,.ip .ipb-5 a>img{ height:409px; padding:20px 0;}
	.ip .ipb-8 a>img{ padding:10% 0;}
	.iab .txt{ max-width:40%; padding:4% 5% 10% 5%;}
	.iab .txt h3,.is .txt h3,.ip .ipb-1 .t h3{ font-size:2.8em;}
	.iab .txt p{ font-size:1.6em;}
	.is{ padding:60px 0;}
	.is .txt h4{ font-size:1.8em;}
	.is .txt a{ font-size:1.6em;}
	.inews{ padding:60px 0;}
	.inews .warp .txt h3{ font-size:3.2em; margin:40px 20px;}
	.footer .fo1{ padding:40px 0;}
	.footer .fo2 .dot p a{ margin:5px 0;}
	.banner,.banner .swiper-slide,.banner .swiper-slide .txt .warp2{  height:600px; }
	.banner .swiper-slide .txt .t a{ padding:12px 40px;}
	.banner .swiper-slide .txt h3{ font-size:4.2em;}
	.banner .swiper-slide .txt .t a{ margin-top:20px;}
}
@media screen and (max-width: 1024px) {
	.header .more a p{ display:none;}
	.header .more>*{ margin-left:10px;}
	.header{ padding:0 20px;}
	.header .logo{ padding-left:0%;}
	.header .logo img{ width:80px;}
	.header .menu,.header .more>*{ padding:24px 0;}
	.header .more .lua .lua-box{ width:120px;}
	.ip .ipb-1 .t h4{ display:none;}
	.ip .ipl .s{ right:20px;}
	.inews .warp .txt{  padding:4% 0;}
	.ip .ipb-1{ width:50%;}
	.banner,.banner .swiper-slide{  height:400px; }
	.footer .fo2,.footer .fo1,.footer .fo3{ display:none;}
	.footer{ border:none;}
	.inews .warp .txt h3{ font-size:2.8em;}
	.inews .warp .txt a{ padding:14px 70px;}
	.menu-list .menu-btn .m-close p{ display:none;}
	.menu-list .menu-btn .m-logo img{ width:80px;}
	.menu-list .menu-txt a{ font-size:1.6em;}
	.menu-list .menu-txt{ margin:14vh auto 0 auto;}
	.field__input{ padding:14px 120px 14px 20px; font-size:1.6em;}
	.m-btn{ width:120px; margin-left:-120px; font-size:1.4em;}
	.s-close::before, .s-close::after{ width:30px;}
	.overCurtain{ right:10px;}
	.header .menu{ width:auto; }
	
	.banner .swiper-slide .txt h3{ font-size:3.2em;}
	.banner .swiper-slide .txt .t a{ display:none;}
}
@media screen and (max-width: 850px) {
	.ip .ipl .s img{ width:20px;}
	.ip .ipb-3, .ip .ipb-8,.ip .ipb-7,.ip .ipb-6{ width:33.33%; float:none;}
	.ip .ipb-4 a>img, .ip .ipb-5 a>img{ height:auto;}
	.ip .ipl .t, .ip .ipl .s{ top:20px;}
	.ip .ipb-4, .ip .ipb-5{ width:33.33%; float:none;}
	.ip .ip2>*, .ip .ip3>*{ display:table-cell; overflow:hidden;}
	.ip .ipb-8 a>img{ padding:0;}
	.ip .ipl .t{ left:20px;}
	.ip .ipl .m{ right:20px; bottom:20px;}
	.header .logo img{ width:60px;}
	.header .menu, .header .more>*{ padding:20px 0;}
	.header .logo img{ padding:5px 0;}
	.iab .txt h3, .is .txt h3, .ip .ipb-1 .t h3{ font-size:2.4em;  margin-bottom:10px;}
	.iab .txt p{ font-size:1.4em;}
	.ip .ipb-1 img,.ip .ipb-7 img{ opacity: 0;}
	.ip .ipb-1{background: url(../images/ip-t.jpg) center right no-repeat;background-size: cover !important;}
	.ip .ipb-7{ background: url(../images/ip6.jpg) center center no-repeat; background-size: cover !important;}
	.inews .warp>*{ float:none; width:100%;}
	.inews .warp .txt h3{ font-size:2em; margin:30px 0;}
	.inews .warp .txt{ padding:0 0 40px 0;}
	.inews .warp .txt a{ padding:10px 50px; margin:0 auto; display:block; width:fit-content;}
	.iab{ height:500px;}
}
@media screen and (max-width: 650px) {
	.banner{ margin-top:57px;}
	.banner,.banner .swiper-slide,.banner .swiper-slide .txt .warp2{  height:280px; }
	.ip .ipl .s img,.ip .ipb-7{ display:none;}
	.ip .ipl a>img{ max-height:200px; padding:40px 0;}
	.ip .ipb-6{ height:auto;}
	.iab{ background-position:70% 0%;}
	.iab .txt{ max-width:60%;}
	.is,.inews{ padding:40px 0;}
	.header .more>*{ margin-left:5px;}
	.ip .ipl .t, .ip .ipl .s{top:10px;}
	.iab .txt a{ margin-top:10%;}
	.iab .txt h3, .is .txt h3, .ip .ipb-1 .t h3{ font-size:2em;}
	.is .txt h4{ font-size:1.6em; margin:16px 0 10px 0;}
	.is .txt p{ line-height:18px;}
	.is .txt a{ font-size:1.4em;}
	.footer .fo4 p,.footer .fo4 p:last-child{ float:none; line-height:18px;}
	.footer{ text-align:center; margin-bottom:37px;}
	.footer .fo4{ padding:14px 0;}
	.bottomlist ul li img{ width:25px; height:25px;}
	.swiper-button-next, .swiper-button-prev{ width:20px; height:30px; background-size:20px 30px;}
	.m-btn{ width:80px; margin-left:-80px; padding:20px 5px;}
	.field__input{ padding:14px 80px 14px 0px; font-size:1.4em;}
	
	.banner .swiper-slide .txt h3{ font-size:2em;}
}
@media screen and (max-width: 450px) {
	.banner,.banner .swiper-slide,.banner .swiper-slide .txt .warp2{  height:200px; }
	.ip .ipb-1,.ip .ipb-2,.ip .ipb-3,.ip .ipb-4,.ip .ipb-5,.ip .ipb-6,.ip .ipb-8{ width:50%;}
	.ip .ipl a>img{ max-height:160px; max-width:90%; padding:50px 0 20px 0;}
	.ip .ip2>*{ display:block; float:left; margin:0;}
	.ip .ipb-5{ width:100%;}
	.iab .txt{ max-width:75%;}
	.iab{ height:400px;}
	
	.banner .swiper-slide.ban1 .txt .t { padding: 0 5% 0 30%;}
	.banner .swiper-slide .txt .t{ padding: 0 30% 0 5%;}
}

/*about*/
@media screen and (max-width: 1680px) {
	.warp2{ max-width:1440px;}
	.ab1 .txt h3,.ab2 .txt .t h3,.ab3 .tit h3,.ab4 .tit h3{ font-size:4.8em;}
	.ab1 .txt h4{ font-size:2em;}
	.ab3 .imgs .swiper-slide-next{ margin-left: -4%;}
}
@media screen and (max-width: 1550px) {
	.warp2{ max-width:1240px;}
	.ab4 .tit h3{ padding:40px 0;}
	.ab1 .txt h3,.ab2 .txt .t h3,.ab3 .tit h3,.ab4 .tit h3{ font-size:4em;}
	.ab3 .imgs .swiper-slide-active{ margin-left: 40%;}
	.ab3 .imgs .swiper-slide-next{ margin-left: -12%;}
	.ab2 .img .alead{ margin:70px auto; padding:0 40px;}
	.ab3{ padding:120px 0;}
}
@media screen and (max-width: 1250px) {
	.ab2 .img img{ max-height:80%;}
	.ab2 .txt .t{ margin:80px auto; padding:0 40px;}
	.ab4 .swiper-slide{ animation:middle 8s infinite;}
		@keyframes middle{
  0% {transform:translateX(0px);}
  80% {transform:translateX(-40px);}
  100% {transform:translateX(0px);}
	}	
}
@media screen and (max-width: 1024px) {
	.ab1 .txt h3, .ab2 .txt .t h3, .ab3 .tit h3,.ab4 .tit h3{ font-size:2.8em;}
	.ab1{ padding:16% 0 8% 0;}
	.ab2 .img .alead{ margin:50px auto;}
	.ab2 .txt .t{ margin:60px auto 20px auto;}
	.ab3{ padding:100px 0; margin-bottom:0;}
	.ab2 .txt .t p{ margin-top:10px;}
}
@media screen and (max-width: 850px) {
	.ab2>*{ float:none; width:100%;}
	.ab2 .img .alead{ padding:40px 20px; margin:0 auto;}
	.ab2 .txt .t{ padding:40px 20px; margin:0 auto;}
	.ab3 .warp2>*{ float:none;  }
	.ab3 .warp2 .tit{ width:100%; padding:0 0 40px 0;}
	.ab3 .warp2 .imgs{ width:100%;}
	.ab3{ padding:60px 0;}
	.ab3 .imgs .swiper-slide-active{ margin-left: 0%;}
	.ab3 .imgs .swiper-slide-next{ margin-left: 0%;}
	.ab4 .swiper-slide{ animation:middle 8s infinite;}
	@keyframes middle{ 0% {transform:translateX(0px);}
  80% {transform:translateX(-20px);}
  100% {transform:translateX(0px);}
	}	
	.ab4 .swiper-button-prev,.ab4 .swiper-button-next{ width: 20px; height: 30px; background-size: 20px 30px;}
	.ab4{ padding-bottom:40px;}
	.ab4 .swiper-pagination{ display: none;}
}
@media screen and (max-width: 650px) {
	.ab1 .txt h3,.ab2 .txt .t h3,.ab3 .tit h3,.ab4 .tit h3{ font-size:2em;}
	.ab1 .txt h4{ font-size:1.6em;}
	.ab1 .txt p{ margin-bottom:0; text-shadow:0 0 6px #000;}
	.ab1{ padding:200px 0 60px 0;}
	.ab2 .img img{ max-width:300px;}
	.ab2 .img .alead{ text-align:center;}
	.ab2 .txt .t p{ line-height:20px; margin-top:0;}
	.ab2 .txt .t h3{ margin-bottom:16px;}
	.ab3{ padding:40px 0;}
	.ab3 .tit h3{ margin-bottom:16px;}
	.ab3 .warp2 .tit{ padding-bottom:20px;}
}
@media screen and (max-width: 450px) {
	.ab1{ padding:180px 0 60px 0;}
	.ab4 .swiper-slide{ animation:middle 8s infinite;}
	@keyframes middle{ 0% {transform:translateX(0px);}
  80% {transform:translateX(0px);}
  100% {transform:translateX(0px);}
	}	
	.ab4 .tit h3{ padding: 30px 0 20px 0;}
	.ab4{ padding-bottom: 20px;}
}

/*news*/
@media screen and (max-width: 1680px) {
	.news .txt .t h3{ font-size:5.2em;}
	.news-box .box a .txt h3{ font-size:2.8em;}
}
@media screen and (max-width: 1550px) {
	.news .txt .t h3{ font-size:4.8em; margin-bottom:20px;}
	.news .txt .t .n-list{ margin-top:60px;}
	.news-box .box{padding: 70px 70px 120px 0;}
}
@media screen and (max-width: 1250px) {
	.news .txt{ padding:12% 40px;}
	.news .txt .t p{ font-size:1.4em;}
	.news .txt .t h3{ font-size:4.2em;}
	.news .txt .t .n-list a{ font-size:2em; padding:15px 0;}
	.news-box .box a .txt h3{ font-size:2.4em;  line-height:28px; height:56px;}
	.news-box .box a .txt p{ margin:20px 0 40px 0;}
	.news-box .box a .img { box-shadow: 40px 30px 0 #ebebeb;}
	.news-box .box{ padding:60px 40px 80px 0;}
	.news-box .box:nth-child(2n) a .img{ box-shadow: 40px 30px 0 #d4d4d4;}
}
@media screen and (max-width: 1024px) {
	.news{ padding-top:70px;}
	.news .txt{ width:50%;}
	.news-box{ padding-bottom:40px;}
	.news .txt .t h3{ font-size:3.6em;}
}
@media screen and (max-width: 850px) {
	.news{ padding-top:57px;}
	.news .txt{ width:60%;}
	.news-box .box a .txt h3{ font-size:2em;}
	.news-box .box a .txt>span{ padding:14px 60px;}
}
@media screen and (max-width: 650px) {
	.news .txt{ width:100%;}
	.news .txt{ padding:60px 20px;}
	.news .txt .t .n-list{ margin-top:20px;}
	.news .txt .t h3{ font-size:2.4em; margin-bottom:12px;}
	.news .txt .t .n-list a{ font-size:1.6em;}
	.news-box .box{ padding:40px 0;}
	.news-box .box a>*{ display:block; width:100%;}
	.news-box .box a .txt{ margin-bottom:30px;}
	.news-box .box a .img{ max-width:calc(100% - 40px); margin-bottom:40px;}
	div.fy a,div.fy span.current,div.fy span.disabled{  padding:4px 8px;}
}
@media screen and (max-width: 450px) {
	.news .txt{ padding:40px 20px;}
	.news-box .box a .txt h3{ font-size:1.8em; line-height:24px; height:48px;}
	.news-box .box a .txt p{ margin:20px 0;}
	.news-box .box a .txt>span{ padding:8px 20px;}
	.news-box .box a .img { box-shadow: 20px 15px 0 #ebebeb;}
	.news-box .box:nth-child(2n) a .img{ box-shadow: 20px 15px 0 #d4d4d4;}
	.news-box .box a .img{ max-width:calc(100% - 20px); margin-bottom:15px;}
}

/*newsshow*/
@media screen and (max-width: 1550px) {
	.newsshow{ padding:60px 0 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;}
}

/*service*/
@media screen and (max-width: 1680px) {
	 .service .warp2 .txt h3{ font-size:5.2em;}
	 .service-t .dot1, .service-t .dot2{ padding-bottom:80px;}
}
@media screen and (max-width: 1550px) {
	.service .warp2 .txt h3{ font-size:4.8em;}
	.service-t .txt{ padding:0 20px;}
	.service-t .txt h3{ font-size:2em; margin-bottom:20px;}
	.service-t .dot1 .t{ padding:20px 0;}
}
@media screen and (max-width: 1250px) {
	.service .warp2 .img{ padding:50px 30px;}
	.service .warp2 .txt{ padding:0 20px;}
	.service .warp2 .txt h3{ font-size:4.2em; margin-bottom:16px;}
	.service-t .dot1, .service-t .dot2{ padding-bottom:60px;}
}
@media screen and (max-width: 1024px) {
	.service-t .dot1>*,.service-t .dot2>*{ display:block;}
	.service .warp2 .txt h3{ font-size:3.6em;}
	.service .warp2 .txt p{ font-size:1.4em;}
	.service-t{ padding:40px 0 60px 0;}
	.service-t .txt h3{ margin-bottom:10px;}
	.service-t .txt p{ font-size:1.4em;}
	.service-t .dot1, .service-t .dot2{ padding-bottom:40px;}
	.service-t .dot2 .img{ text-align:right; margin-bottom:40px;}
	.service-t .dot1 .t{ padding:0 0 40px 0;}
	.service-t .dot1 .img,.service-t .dot2 .img{ width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
}
@media screen and (max-width: 850px) {
	.service-t .dot1>*, .service-t .dot2>*{ padding:0;}
	.service{ padding-top:57px;}
	.service .warp2 .img{ padding:40px 0;}
	.service .warp2 .txt h3{ font-size:3.2em;}
	.service-t .txt{ padding:0;}
	.service-t .dot2 .img,.service-t .dot1 .img{ text-align:center;}
}
@media screen and (max-width: 650px) {
	.service .warp2 .txt p{ line-height:20px;}
	.service .warp2 .txt{ width:80%;}
	.service .warp2 .txt h3{ font-size:2.4em; }
	.service-t .txt h3{ font-size:1.8em;}
	.service .warp2 .txt{ padding:0 0 0 20px;}
}
@media screen and (max-width: 450px) {
	.service .warp2>*{ display:block; }
	.service .warp2 .txt h3{ font-size:2em; margin-bottom:10px;}
	.service .warp2 .txt{ padding:0 0 40px 0 ; width:100%}
	.service .warp2 .img{ padding:20px 0}
	.service-t .dot1 .t{ padding-bottom:20px;}
	.service-t .txt h3{ font-size:1.6em;}
	.service-t .dot1, .service-t .dot2{ padding-bottom:20px;}
	.service-t{ padding:40px 0;}
}

/*download*/
@media screen and (max-width: 1680px) {
	.download .tit h3{ font-size:5.2em;}
}
@media screen and (max-width: 1500px) {
	.download .tit h3{ font-size:4.6em; padding:40px 0;}
	.download .boxs .box a{ padding:40px 40px;}
	.download .boxs .box a .l h3{ font-size:2em;}
	.download{ padding-bottom:70px;} 
}
@media screen and (max-width: 1250px) {
	.download .tit h3{ font-size:4.2em;}
}
@media screen and (max-width: 1024px) {
	.download .tit h3{ font-size:3.6em;}
	.download .boxs .box a .l p{ margin-top:40px;}
	.download .boxs .box a .r h4{ margin-bottom:40px;}
	.download{ padding-bottom:50px;} 
}
@media screen and (max-width: 850px) {
	.download .tit h3{ font-size:2.8em;}
	.download .boxs .box a .l h3{ font-size:1.6em;}
	.download .boxs .box a{ padding:30px 20px;}
}
@media screen and (max-width: 650px) {
	.download .tit h3{ font-size:2em; padding:30px 0;}
	.download .boxs .box a .r{ width:110px;}
	.download .boxs .box a .l{ width:calc(100% - 110px);}
	.download .boxs .box a .r p span img{ width:15px; margin-bottom:-5px;}
	.download .boxs .box a .l p{ margin-top:20px;}
	.download .boxs .box a .r h4{ margin-bottom:20px;}
	.download .boxs{ padding-bottom:0;}
}
@media screen and (max-width: 450px) {
	.download .boxs .box a{ padding:24px 20px;}
	.download{ padding-bottom:30px;} 
}

/*contact*/
@media screen and (max-width: 1680px) {
	.contact .txts .t1 h3{ font-size:5.2em;}
}
@media screen and (max-width: 1500px) {
	.contact .txts .t1 h3{ font-size:4.6em;}
	.contact>*{ padding:0 20px;}
	.contact{ padding:80px 20px;}
	#container{ height:720px;}
}
@media screen and (max-width: 1250px) {
	.contact .txts .t1 h3{ font-size:4.2em;}
	.contact .txts .t2 .d{ margin-bottom:20px}
	.contact .feedback h3{ padding:12px 0;}
	#container{ height:620px;}
}
@media screen and (max-width: 1024px) {
	.contact .txts .t1 h3{ font-size:3.2em; margin:20px 0 10px 0; padding-bottom:10px;}
	.contact .txts .t1{ margin-bottom:35px;}
	.contact .txts .t2 .dot{ width:calc(100% - 100px);}
	.contact .txts .t2 .img{ width:100px;}
	.contact input, .contact textarea{ padding:6px 14px;}
	#container{ height:520px;}
	.contact textarea{ margin-bottom:40px;}
}
@media screen and (max-width: 850px) {
	.contact>*{ display:block; width:100%; padding:0;}
	.contact{ padding:40px 20px;}	
	#container{ height:420px;}
	.contact .txts .t1 h3{ font-size:2.6em;}
	.contact .txts .t2 h3{ margin-bottom:5px;}
}
@media screen and (max-width: 450px) {
	.contact .txts .t2 .img{ padding-left:10px;}
	.contact .txts .t1 h3{ font-size:2em;}
	.contact .txts .t1>img{ width:60px;}
	.contact .txts .t1 p{ line-height:20px;}
	.contact .txts .t2 p{ line-height:20px;}
}

/*product*/
@media screen and (max-width: 1680px) {
	.product .p-list h3{ font-size:5.2em;}
	.product-t .dots .dot{ padding:50px 20px;}
}
@media screen and (max-width: 1500px) {
	.product .p-list h3{ font-size:4.8em;}
}
@media screen and (max-width: 1250px) {
	.product .p-list h3{ font-size:4.2em;}
	.product .p-list{ padding:0 40px 5% 40px;}
	.product .p-list .dots{ padding:30px 0;}
	.product-t .dots .dot{ padding:40px 20px;}
	.product-t{ padding-bottom:40px;}
	.product-t .dots{ padding-bottom:10px;}
}
@media screen and (max-width: 1024px) {
	.product .p-list h3{ font-size:3.6em; margin-bottom:20px;}
	.product-t .dots .dot{ width:33.33%;}
	.product .p-list .dots a{ padding:4px 0;}
	.product-t .dots .dot{ padding:3% 20px;}
}
@media screen and (max-width: 850px) {
	.product .p-list h3{ font-size:2.8em;}
	.product .p-list .dots{ padding:10px 0;}
	.product .p-list{ padding:0 20px;}
	.product .p-input{ width:140px;}
}
@media screen and (max-width: 650px) {
	.product-t .dots .dot{ width:50%;}
	.product .p-list{ padding:5% 20px;}
	.product form{ margin-top:20px;}
	.product .img{ width:50%;}
	.product .p-list h3{ font-size:2em;}
}
@media screen and (max-width: 450px) {
	.product .img{ display:none;}
	.product .p-list .dots a{ padding:0;}
	.product-t .dots .dot{ padding:3%;}
	.product-t .dots .dot .txt p{ font-size:1.4em;}
	.product-t{ padding-bottom:30px;}
	.product-t .dots{ padding-bottom:0;}
}

/*productshow*/
@media screen and (max-width: 1250px) {
	.productshow{ padding:80px 0;}
	.proshowmore .tit h3{  font-size:2em; padding:40px 0;}
}
@media screen and (max-width: 1024px) {
	.productshow .warp2>*{ float:none; width:100%;}
	.proshowmore .dots .dot{ width:50%;}
}
@media screen and (max-width: 650px) {
	.productshow{ padding:60px 0;}
	.productshow .warp2 .txt h4{ font-size:1.8em; padding-bottom:10px;}
	.productshow .warp2 .txt h3{ font-size:2em;}
}
@media screen and (max-width: 450px) {
	.productshow{ padding:40px 0;}
}