@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: 1600px){
	.header{ padding:0 15px;}
	.header .logo{ padding:12px 0;}
	.header .mune .dot{ margin-left:40px;}
	.banner .swiper-slide,.banner .txt{ height:650px;}
	.ipl{ padding:60px 0;}
	.inp{ height:650px;}
	.iab .txt{ padding:80px 0;}
	.iab2 { padding: 120px 0 80px 0;}
	.footer .fo2 .mune{ padding:70px 0 80px 0;}
	.footer .fo2 .ft p{ padding:30px 0 20px 0;}
	.banner .txt .t{ padding-left:40px;}
}
@media screen and (max-width: 1400px){
	.header .mune .dot{ margin-left:20px;}
	.header .mune .m-dot { padding: 10px 10px;}
	.header .logo{ padding:6px 0;}
	.header .mune .dot>*{ padding:8px 15px;}
	.banner .swiper-slide,.banner .txt{ height:500px;}
	.banner .txt h3{ font-size:4em;}
	.banner .txt h4{ font-size:2.8em; padding-top:12px;}
	.banner .swiper-button-prev{ left: 10px;}
	.banner .swiper-button-next{ right: 10px;}
	.ipl .tit h3,.ifp .tit h3{  margin-bottom: 20px; font-size: 2.4em;}
	.ipl .dots .dot .img .t p{ padding:60% 0 0 0;}
	.ipl .dots .dot .txt p{ padding:20px 0 0 0;}
	.ifp{ padding:50px 0 30px 0;}
	.footer .fo2 .mune{ padding:60px 0;}
	.iab2 .dots{ margin-bottom:60px;}
}
@media screen and (max-width: 1200px){
	.banner .swiper-slide,.banner .txt{ height:400px;}
	.ipl{ padding:40px 0;}
	.ipl .dots{ width: calc(100% + 10px); margin-left: -5px;}
	.ipl .dots .dot{ width: calc(20% - 10px); margin: 0 5px;}
	.ipl .dots .dot .txt p{ padding:10px 0 0 0;}
	.inp { height: 350px;}
	.inp .t { padding-top: 6%; padding-left: 24%;}
	.inp .t h3{ font-size:3.2em; margin-bottom:10px;}
	.ifp .dots p{ padding:10px 0 0 0;}
	.iab2 { padding: 60px 0 40px 0;}
	.footer .fo2 .mune{ padding:40px 0;}
}
@media screen and (max-width: 1024px){
	.header .mune,.footer .fo2 .mune,.footer-message{ display:none;}
	#hamburger{ top:12px;}
	.footer .fo2 .ft{ padding:20px 0;}
	.footer .fo2 .ft p{ padding:12px 0 0 0;}
	.iab2 .dots .dot>*{ height:240px;}
	.ifp .dots { width: calc(100%); margin-left: 0px;}
	.ipl .dots .dot {  width: calc(33.33% - 10px);}
	.ipl .dots .dot .txt p{ padding:10px 0;}
}
@media screen and (max-width: 850px){
	.inp .t { padding-top: 8%; padding-left: 18%;}
	.iab2 .dots .dot { width: calc(100%); margin: 0 0px;}
	.iab2 .dots .dot>*{ width:50%; float:left;}
	.iab2 .dots .dot .img{ background-size:cover !important;}
	.iab .txt{ padding:60px 0;}
	.banner .swiper-pagination{ right:5%;}
}
@media screen and (max-width: 650px){
	.banner .swiper-slide,.banner .txt{ height:300px;}
	.banner .txt h3{ font-size:3.2em;}
	.banner .txt h4{ font-size:2em;}
	.inp .t { padding-top: 8%; padding-left: 8%;}
	.footer .fo1 .txt p{ line-height:24px;}
	.iab2 .dots { width: calc(100%); margin-left: 0px; margin-bottom:20px;}
	.bottomlist ul li img{ width:25px; height:25px;}
	.footer{ margin-bottom:37px;}
	.footer .fo1{ padding:40px 0 20px 0;}
	.banner .swiper-pagination-bullet{ width:10px; height:10px;}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 4px;}
	.ipl .dots .dot .txt p{ height:32px; line-height:16px;}
	.ipl{ padding:40px 0 20px 0;}
	.inp{ height:320px;}
	.ifp { padding: 30px 0 20px 0;}
	.ifp .dots p { transform: translateY(0px); opacity: 1;}
	.iab2 .dots .dot>*{ height:260px;}
}
@media screen and (max-width: 500px){
	.banner .swiper-slide,.banner .txt{ height:240px;}
	.ipl .tit h3, .ifp .tit h3{ font-size:2em; margin-bottom:12px;}
	.ipl .dots .dot .img .t p{ padding:40% 0 0 0; line-height:16px;}
	.inp{ height:280px;}
	.iab .txt h3{ font-size:2em; margin-bottom:15px;}
	.iab .txt p{ padding-bottom:8px; line-height:20px;}
	.iab2 .dots .dot>*{ width:100%; float:none;}
	.iab2 .dots .dot .img{ float:left; }
	.iab2 .dots .dot .txt{ display:block; height:auto;}
	.footer .fo1 .txt p span{ display:block;}
}
@media screen and (max-width: 400px){
	.banner .txt h3 { text-shadow: 1px 1px 2px #999;}
	#hamburger{ right:12px;}
	.banner .txt .t{ padding-left:30px;}
	.ipl .dots .dot .txt p{ font-size:1.2em;}
	.ipl{ padding:30px 0 20px 0;}
	.inp{ height:200px;}
	.inp .t h3{  font-size:2.4em;}
	.inp .t h4{ font-size:2em;}
	.iab .txt{ padding:30px 0;}
	.iab2{ padding:30px 0;}
	.footer .fo2 .ft p,.footer .fo1 .txt h4{ line-height:20px;}
}

/*product*/
@media screen and (max-width: 1400px){
	.banners .txt,.banners{ height:500px;}
}
@media screen and (max-width: 1200px){
	.banners .txt,.banners{ height:450px;}
	.product-list { padding: 0 0 50px 0;}
	.product-list .box { margin: 20px 10px;}
	.product-two a{ padding:0 2%;}
}
@media screen and (max-width: 1024px){
	.banners .txt,.banners{ height:380px;}
	.product-list .box .txt { padding: 20px 10px 12px 10px;}
	.product-two{ padding:0 0 20px 0;}
	.product-two a{ padding:0 10px;}
}
@media screen and (max-width: 850px){
	.lead{ padding:20px 0;}
	.banners .txt,.banners{ height:340px;}
	.banners .txt .t h3 { font-size: 3.2em;  margin-bottom: 10px;}
	.banners .txt .t h4 { font-size: 2em; line-height:32px;}
	div.fy a ,div.fy span.current,div.fy span.disabled{  padding:4px 8px; }
}
@media screen and (max-width: 650px){
	.banners .txt,.banners{ height:280px;}
	.product-list .box { width: calc(50% - 20px); margin:10px;}
	.product-list { padding: 0 0 30px 0;}
	.product-two a{ font-size:1em; padding:0 5px;}
}
@media screen and (max-width: 450px){
	.banners .txt,.banners{ height:200px;}
	.banners .txt .t h3 { font-size: 2.4em;  margin-bottom: 5px;}
	.banners .txt .t h4 { font-size: 1.6em;  line-height:24px;}
	.product-list .box .txt{ padding:20px 0 10px 0;}
	.product-list .box { width: calc(50% - 4px); margin: 10px 2px;}
}

/*productshow*/
@media screen and (max-width: 1200px){
	.productshow .tits { padding: 30px 0 60px 0;}
}
@media screen and (max-width: 1024px){
	.productshow .tits,.productshow{ padding: 0px 0 40px 0;}
	.productshow .tits h3{ margin-bottom:10px;}
	.productshow .txts .img,.productshow .txts .txt{ width: 50%;}
	.productshow .txts .txt .tit h3{ font-size:2.4em; line-height:28px; padding:16px 0;}
}
@media screen and (max-width: 850px){
	.productshow .txts .txt .dot {  padding: 20px 0;}
	.productshow .txts .txt .btn{ padding-top:20px;}
	.productshow .txts .txt .dot p,.productshow .txts .txt .btn a{ font-size:1.6em;}
	.productshow .txts .txt .tit h3{ font-size:2em;}
	.productshow .txts .txt .dot h4{ font-size:2em; margin-bottom:5px;}
	.productshow .txts .txt .btn a{ line-height:24px;}
}	
@media screen and (max-width: 650px){
	.productshow .tits, .productshow{ padding-bottom:20px;}
	.productshow .tits h3{ font-size:2.4em;}
	.productshow .tits p{ line-height:20px;}
	.productshow .txts .txt .dot h4{ font-size:1.8em;}
	.productshow .txts .txt .dot p, .productshow .txts .txt .btn a{ font-size:1.4em;}
	.productshow .txts .img,.productshow .txts .txt{ width: 100%; padding:0; max-width:450px; float:none; margin: 0 auto;}
}

/*contact*/
@media screen and (max-width: 1024px){
	.contact-t .txt h4{ font-size:2em; line-height:24px;}
}
@media screen and (max-width: 850px){
	.contact-t .txt,.contact-t .feedback{ width:100%; float:none; max-width:600px; margin:10px auto;}
	.contact-t{ padding:20px 0 30px 0;}
	.contact-t .feedback{ margin-top:40px;}
	.contact-t .feedback input, .contact-t .feedback textarea{ margin-bottom:10px;}
}
@media screen and (max-width: 500px){
	.contact-t .feedback .btn .fc-btn{ font-size:1.6em;}
	.contact-t .feedback textarea { margin-bottom:25px;}
	.contact-t .feedback{ margin-top:20px;}
	.contact-t .txt h3{ margin-bottom:15px; font-size:2em;}
	.contact-t .txt h4{ font-size:1.6em;}
	.contact-t .txt p{ line-height:24px;}
	.contact-t .feedback h3{ font-size:1.4em; line-height:20px;}
}

/*news*/
@media screen and (max-width: 1200px) {
	.news-t { padding: 0px 0 60px 0;}
}
@media screen and (max-width: 1024px) {
	.news-t .boxs .box .txt{ padding:12px;}
	.news-t .boxs .box .txt h3{ margin-bottom:10px;}
	.news-t .boxs .box .txt span{ margin-top:15px;}
	.news-t .boxs{ width: calc(100% ); margin-left: 0px;}
	.news-t .boxs .box{ width: calc(25% - 10px); margin:10px 5px;}
}
@media screen and (max-width: 850px) {
	.news-t .boxs{ max-width:600px; margin:0 auto;}
	.news-t .boxs .box{ width: calc(50% - 20px);  margin:10px 10px;}
	.news-t { padding: 0px 0 40px 0;}
}
@media screen and (max-width: 450px) {
	.news-t .boxs .box .txt span{ padding:6px 12px;}
	.news-t .boxs .box{ width: 100%;  margin:20px auto; max-width:290px; float:none;}
}

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

/*about*/
@media screen and (max-width: 1450px) {
	.about-t .ab3 .txts { width: 100%;}
	.about-t .ab3 .txts .tit{ width:50%;}
}
@media screen and (max-width: 1250px) {
	.about-t .ab2 .dots .dot { width: calc(33.33% - 20px); margin: 0 10px;}
	.about-t .ab2 .dots { width: calc(100%);  margin-left: 0px;}
	.about-t .ab2 .dots .dot .txt p { padding: 20px 0 0px 0;}
	.about-t .ab2 { padding: 60px 0 80px 0;}
	.about-t .ab1 .txts { padding: 60px 0 40px 0;}
	.about-t .ab3 .txts{ height:350px;}
}
@media screen and (max-width: 1024px) {
	.about-t .ab1 .txts,.about-t .ab1 .txts>*,.about-t .ab3 .txts,.about-t .ab3 .txts>*{ display:block;}
	.about-t .ab1 .txts .tit h3,.about-t .ab3 .txts .tit h3{ padding:0 0 15px 0; font-size:2.4em;}
	.about-t .ab1 .txts .txt p,.about-t .ab3 .txts .txt p { font-size: 1.4em;}
	.about-t .ab3 .txts{ height:auto; padding:60px 0;}
}
@media screen and (max-width: 850px) {
	.about-t .ab2 .dots .dot { width: 100%; margin: 20px 0; float:none; overflow:hidden;}
	.about-t .ab2 .dots .dot>*{ width:50%; float:left;}
	.about-t .ab2{ padding:30px 0;}
	.about-t .ab2 .dots .dot .txt{ padding:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.about-t .ab2 .dots .dot .txt h3{ padding:0 0 10px 0;}
} 
@media screen and (max-width: 700px) {
	.about-t .ab2 .dots .dot>*{ width:100%; float:none;}
	.about-t .ab2 .dots .dot{ max-width:380px; margin:0 auto;}
	.about-t .ab2 .dots .dot .txt{ padding:20px 0;}
	.about-t .ab2 .dots .dot .txt p { padding: 0px 0 0px 0;}
}
@media screen and (max-width: 450px) {
	.about-t .ab1 .txts { padding: 40px 0 20px 0;}
	.about-t .ab1 .txts .txt p,.about-t .ab3 .txts .txt p{ line-height:20px;}
}