@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: 1800px) {
	.warp2{ max-width:1600px;}
}
@media screen and (max-width: 1600px) {
	.warp2,.warp2{ max-width:1440px;}
	.banner .swiper-slide{ height:600px;}
	.ip .txts .box1 .txt h4{ font-size:2.4em; line-height: 28px;}
	.ip .txts .box1 .txt img{ margin-bottom:20px;}
	.ip .txts .box1 .txt h3{ padding-top:20px;}
	.iab .txt span { width: 140px; margin: 12px 0 20px -20px;}
	.iab .txt{ padding:2% 4%;}
	.ip .tit .dots .dot{ margin:10px 15px;}
	.ip .tit .txt h3{ font-size:3.2em;}
	.ip .tit .warp3>.txt{ width:40%;}
	.ip .tit .dots{ width:60%;}
}
@media screen and (max-width: 1400px) {
	 .header .mune .m-list>a{ font-size:1.6em; margin:0 20px; padding: 20px 0;}
	.header .logo{ padding:8px 0;}
	.header .more a{ margin:12px 20px; font-size:1.6em; }
	.ip .txts .dot .txt{ padding:20px;}
	.iline img{ height:60px;}
	.banner .swiper-slide{ height:500px;}
	.ip .tit .txt h3{ font-size:2.8em; line-height:32px;}
	.ip .tit .dots .dot a img{ height:30px;}
	.ip .tit .dots .dot a>*{ line-height:30px;}
	.ip .tit .dots .dot a p{ padding-left:10px;}
	.iab .warp2{ height:600px;}
	.iab .txt h3{ font-size:3.2em;}
	.iab .txt span{ height:4px;}
	.iab .txt h4{ font-size:2em; margin-bottom:12px;}
	.iab .txt p{ font-size:1.4em; line-height:20px;}
	.iline{ padding:20px 0;}
	.footer .fo1{ padding:50px 0 40px 0;}
	.footer .fo1 .left p{ font-size:1.4em; max-width:300px;}
	.footer .fo1 .right .two{ padding:20px;}
	.footer .fo1 .right .search h3{ font-size:3.2em;}
}
@media screen and (max-width: 1200px) {
	.header .logo img{ width:240px;}
	.header .logo{ padding:14px 0;}
	.header .mune .m-list>a,.header .more a{ font-size:1.4em;}
	.header .more a{ padding:2px 16px;}
	.ip .tit .warp3>*{ display:block; width:100%; text-align:center;}
	.ip .tit .warp3>.txt{ width:100%; margin-bottom:12px;}
	.ip .tit .warp3>.txt h3{ display:inline-block; padding:0 5px; font-size:2.4em;} 
	.ip .txts .box1 .txt{ width:50%; text-align:left;}
	.ip .txts .box1 .txt h3{ padding-top:0; margin-bottom:12px;}
	.ip .txts .box1 .txt img{ width:40px; margin-bottom:10px;}
	.ip .txts .box1 .txt h4{ font-size:1.8em; line-height:24px;}
	.ip .txts .dot .txt h3,.ip .txts .dot .txt span{ font-size:1.4em;}
	.iline img{ height:50px;}
	.footer .fo1 .right .two img{ width:140px;}
	.footer .fo1 .right .two{ padding:12px; border-radius:5px;}
	.footer .fo1 .right .search h3{ font-size:2.4em; margin-top:0;}
	.footer .fo1 .left h3{ font-size:2.4em;}
	.footer .fo1 .left h4{ font-size:1.8em; margin-bottom:6px;}
}
@media screen and (max-width: 1024px) {
	.header .mune{ display:none;}
	.banner .swiper-slide{ height:400px;}
	.ip .tit .dots .dot{ margin:5px 10px;}
	.ip .tit .dots .dot a p{ padding-left:5px;}
	.ip .tit .dots .dot a img{ height:25px;}
	.ip .tit .dots .dot a>*{ line-height:25px;}
	.ip .tit .dots .dot a p{ font-size:1.4em;}
	.ip .txts .left { width:calc(100% + 10px); margin-left:-5px; overflow:hidden;}
	.ip .txts .left .dot{ width:calc(50% - 10px); margin:0 5px 10px 5px; float:left;}
	.ip .txts .right { width: calc(100% - 10px);}
	.iab .txt{ padding:20px; bottom:-120px; width:100%; left:0; border-bottom:1px solid #eee;}
	.iab .txt span{ width:120px;  margin: 4px 0 10px -10px;}
	.iab{ margin-bottom:120px;}
	.iab .warp2{ height:400px;}
	.iab .txt h3{ font-size:2.4em;}
	.iab .txt h4{ font-size:1.6em;}
	.footer .fo1{ display:none;}
	.footer .fo2{ text-align:center;}
	.footer .fo2 p,.footer .fo2 p:last-child{ float:none; margin:0 5px; display:inline; line-height:20px;}
}
@media screen and (max-width: 850px) {
	.banner .swiper-slide{ height:300px;}
	.ip .tit .warp3>.txt h3{ font-size:2em;}
	.ip .txts .box1 .txt img{ width:30px;}
	.iline img{ height:40px;}
}
@media screen and (max-width: 650px) {
	.banner .swiper-slide{ height:240px;}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{ bottom:10px;}
	.header .logo img{ width:200px;}
	.header .logo{ padding:8px 0;}
	#hamburger{ top:14px; right:15px;}
	.ip .tit .warp3>.txt h3{ font-size:1.8em; line-height:24px;}
	.ip .txts .left .dot,.ip .txts .right .box2 .dot{ width: calc(100% - 10px); margin:0 auto 10px auto; float:none; max-width:450px;}
	.ip .txts .box1 .txt{ position: static; width: 100%; padding:30px 20px;}
	.ip .txts .right .box1{ max-width:450px; margin:0 auto 10px auto;}
	.bottomlist ul li img{ width:25px; height:25px;}
	.footer{ margin-bottom:37px;}
	.ip .tit .dots{ display:none;}
	.ip .tit .warp3>.txt{ margin-bottom:0;}
	.ip .tit{ padding:20px 0;}
	.iab .warp2{ height:300px;}
	.iab{ margin-bottom:180px;}
	.iab .txt{ bottom:-180px;}

}
@media screen and (max-width:500px) {
	.banner .swiper-slide{ height:170px;}
	.banner .swiper-pagination-bullet{ width:25px; height:3px;}
	.ip .tit .warp3>.txt h3{ font-size:1.6em;}
	.ip .tit{ margin:0 0 20px 0;}
	.ip .txts .left .dot, .ip .txts .right .box2 .dot{ max-width:300px;}
	.ip .txts .dot .txt{ padding:10px;}
	.ip .txts .box1 .txt h3{ font-size:1.8em;}
	.ip .txts .box1 .txt h4{ font-size:1.4em;}
	.ip .txts .box1 .txt{ padding:20px;}
	.iab .warp2{ height:240px;}
	.iab{ margin-bottom:200px;}
	.iab .txt{ bottom:-200px;}
	.iab .txt h4{ font-size:1.4em; line-height:20px; margin-bottom:0;}
	.iab .txt h3{ font-size:1.8em;}
}

/*about*/
@media screen and (max-width: 1600px) {
	.banners{ height:500px;}
	.tits h3{ font-size:4.2em;}
}
@media screen and (max-width: 1400px) {
	.banners{ height:400px;}
	.tits h3{ font-size:3.8em;}
	.about-t .ab-txt .img .tip h4{ font-size:3.2em; line-height:36px;}
	.about-t .txts .tl h3{ font-size:3.6em; margin-bottom:12px;}
	.about-t .txts .tl h4{ font-size:2em;}
}
@media screen and (max-width: 1200px) {
	.about-t .ab-txt .img .tip h3{ padding-top:10%;}
	.about-t .ab-txt .img .tip h4{ font-size:2.8em;}
	.about-t .txts .tr p{ margin-bottom:12px;}
	.about-t .ab-txt{ padding:40px 0;}
	.about-t .ab-txt .img{ margin-bottom:80px;}
	.about-t .txts .tl h3{ font-size:3.2em; margin-bottom:0;}
	.about-t .ab-txt .img .tip{  padding:40px 20px;}
}
@media screen and (max-width: 1024px) {
	.banners{ height:300px;}
	.tits h3{ font-size:2.4em;}
	.tits span{ margin-bottom:12px;}
	.about-t .ab-txt{ padding:20px 0 40px 0;}
	.about-t .txts .tl{ width:100%;}
	.about-t .txts>*{ display:block; }
	.about-t .txts .tl{ padding-bottom:10px;}
	.about-t .ab-txt .img .tip{max-width:240px;height:100%;left:0;}
	.about-t .ab-txt .img .tip h4{ font-size:2em; line-height:24px;}
	.about-t .ab-txt .img .tip h3{ padding-top:0; font-size:1.8em;}
	.about-t .ab-txt .img .tip img{ width:40px; margin-bottom:20px;}
	.about-t .ab-txt .img .tip h3{ margin-bottom:12px;}
	.about-t .ab-txt .img{ margin-bottom:40px;}
	.about-t .txts .tl h3{ font-size:2.8em;}
	.about-t .txts .tr p{ font-size:1.4em; line-height:24px; margin-bottom:0;}
	.lead span{ font-size:1.4em;}
}
@media screen and (max-width: 850px) {
	.banners{ height:240px;}
	.about-t .ab-txt .img{ height:240px; background:url(../images/about.jpg) center center no-repeat; background-size: cover !important;}
	.about-t .ab-txt .img>img{ display:none;}
	.about-t .txts .tl h3{ font-size:2em;}
	.about-t .txts .tl h4{ font-size:1.6em;}
}
@media screen and (max-width: 650px) {
	.tits span img{ width:60px;}
	.about-t .ab-txt .img{ margin-bottom:280px;}
	.about-t .ab-txt .img .tip{bottom:-100%;top:auto;max-width:100%; width:100%; text-align:left;}
	.about-t .txts .tl h3{ margin-bottom:10px;}
	.about-t .txts .tl h4{ line-height:20px;}
}
@media screen and (max-width: 500px) {
	.banners{ height:180px;}
	.tits h3{ font-size:2em;}
}

/*news*/
@media screen and (max-width: 1200px) {
	.news-t{ padding-bottom:60px;}
	div.fy{ padding-top:30px;}
	.news-t .news-txt { margin: 30px auto 0 auto;}
}
@media screen and (max-width: 1024px) {
	.news-t .news-txt .dot .txt{ padding:15px 12px;}
	.news-t .news-txt .dot .txt span{ margin-top:12px;}
	.news-t .news-txt .dot .txt h3{ font-size:1.6em;}
	.news-t .news-txt .dot .txt p{ line-height:20px; height:60px;}
	.news-t .news-txt .dot{ width:calc(33.33% - 20px); margin:10px;}
}
@media screen and (max-width: 850px) {
	.news-t .news-txt .dot{ width:calc(50% - 20px);}
	.news-t{ padding-bottom:40px;}
	div.fy{ padding-top:20px;}
	div.fy a,div.fy span.current,div.fy span.disabled{ margin:2px 3px;padding:6px 10px; }
}
@media screen and (max-width: 500px) {
	.news-t .news-txt .dot{ width:100%; max-width:400px;  float:none; margin:20px auto;}
	.news-t .news-txt { margin: 10px auto 0 auto;}
	div.fy{ padding-top:0px;}
}


/*newsshow*/
@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;}
	.newsshow .boxs{ margin-top: 20px;}
}

/*contact*/
@media screen and (max-width: 1400px) {
	.contact-t .c1 { padding:0 0  60px 0;}
	.contact-t .c2{ padding:50px 0;}
}
@media screen and (max-width: 1200px) {
	.contact-t .c1 .txts .txt h3{ font-size:2em; margin-bottom:30px; line-height:24px;}
	.contact-t .c2 .tit h3{ font-size:3.2em;}
}
@media screen and (max-width: 1024px) {
	.contact-t .c1 .txts{ margin-top:40px;}
	.contact-t .c2{ padding:50px 0;}
	.contact-t .c1 .txts .txt h3{ font-size:1.6em; margin-bottom:15px;}
	.contact-t .c1 .txts .txt{ width:100%; margin-bottom:20px;}
	.contact-t .c1 .txts .map{ width:100%;}
	.contact-t .c1 .txts .txt p{ width:50%; float:left;}
	.contact-t .c1 .txts .txt p:nth-child(2){ width:100% !important;}
	.contact-t .c2 .tit h3{ font-size:2.4em;}
}
@media screen and (max-width: 850px) {
	.contact-t .c1 .txts .txt p{ width:100%; float:none;}
	.c2 .fc-input { width:100%; margin:0 0px 12px 0px;}
	.c2 textarea{ margin-bottom:30px;}
	.c2 .dot { width: 100%;  margin: 20px 0 0 0px;}
	.contact-t .c1 { padding: 40px 0;}
	.contact-t .c1 .txts .txt p{ margin-bottom:5px;}
	.contact-t .c1 .txts{ margin-top: 20px;}
}
@media screen and (max-width: 650px) {
	.contact-t .c1 .txts .txt h3{ font-size:1.6em; margin-bottom:20px;}
	.c2 input, .c2 textarea{ padding:4px 10px;}
	.contact-t .c1{ padding:0 0 40px 0;}
	.contact-t .c2{ padding:40px 0;}
	.c2 .btn .fc-btn{ font-size:1.4em; padding:8px 30px;}
}

/*product*/
@media screen and (max-width: 1400px) {
	.product-t .pro-boxs .pro-list{ margin-right:20px;}
	.product-t .pro-boxs .boxs {  width: calc(100% - 240px);}
	.product-t .pro-boxs { padding: 60px 0 70px 0;}
}
@media screen and (max-width: 1200px) {
	.product-t .pro-boxs .boxs .box { width: calc(50% - 26px);}
}
@media screen and (max-width: 1024px) {
	.product-t .pro-boxs .pro-list{ width:160px;}
	.product-t .pro-boxs .pro-list p{ font-size:1.4em; padding:12px 0 6px 0; border-bottom:2px solid #f7f7f7;}
	.product-t .pro-boxs .pro-list p:hover,.product-t .pro-boxs .pro-list p.lock{ border-bottom: 2px solid #94c5b2;}
	.product-t .pro-boxs .pro-list h3{ font-size:1.6em; }
	.product-t .pro-boxs{  padding:40px 0 60px 0;}
	.product-t .pro-boxs .boxs {  width: calc(100% - 180px);}
}
@media screen and (max-width: 850px) {
	.product-t .pro-boxs .pro-list{ display:none;}
	.product-t .pro-boxs .boxs{ width:100%;}
	.product-t .pro-boxs .boxs .box{ padding:0 0 20px 0;}
	.product-t .pro-boxs .boxs .box .txt h3{ font-size:1.6em;}
	.product-t .pro-boxs .boxs .box .txt p{ font-size:1.4em;}
	.product-t .pro-boxs .boxs .box .txt span{ margin-top:20px;}
	.product-t .pro-boxs .boxs .box{ width: calc(50% - 12px); margin: 6px;}
}
@media screen and (max-width: 650px) {
	.product-t .pro-boxs .boxs .box{ width:100%; float:none; margin:20px auto; max-width:400px;}
	.product-t .pro-boxs{ padding:20px 0 40px 0;}
	.product-t .pro-boxs .boxs .box .txt span{ padding:8px 24px;}
}


/*productshow*/
@media screen and (max-width: 1400px) {
	.product-t .pro-boxs .pro-show .txts .txt h3{ font-size:2.4em;}
	.product-t .pro-boxs .pro-show .txts .txt p{ font-size:1.6em; line-height:28px;}
}
@media screen and (max-width: 1200px) {
	.product-t .pro-boxs .pro-show .txts>*{ float:none; width:100%;}
	.product-t .pro-boxs .pro-show .txts .img{ max-width:650px; margin:0 auto 40px auto;}
	.product-t .pro-boxs .pro-show .btns{ margin-top:60px;}
	.product-t .pro-boxs .pro-show .txts .txt{ padding-left:0;}
}
@media screen and (max-width: 1024px) {
	.product-t .pro-boxs .pro-show{ width: calc(100% - 180px); }
}
@media screen and (max-width: 850px) {
	.product-t .pro-boxs .pro-show{ width: calc(100%); }
	.product-t .pro-boxs .pro-show .txts .txt h3{ font-size:2em; margin:0 0 6px 0;}	
	.product-t .pro-boxs .pro-show .btns{ padding-top:20px; margin-top:40px;}
	.product-t .pro-boxs .pro-show .btns a{ width:100%; float:none; padding:4px 0;}
	.product-t .pro-boxs .pro-show .btns a:last-child{ text-align:left;}
}
@media screen and (max-width: 650px) {
	.product-t .pro-boxs .pro-show .txts .txt p{ font-size:1.4em; line-height:24px;}
	.product-t .pro-boxs .pro-show .txts .txt h4{ margin-bottom:10px;}
	.product-t .pro-boxs .pro-show .txts .txt h3{ font-size:1.8em; margin: 0;}
	.product-t .pro-boxs .pro-show .txts .txt h4,.product-t .pro-boxs .pro-show .btns a{ font-size:1.4em;}
}
@media screen and (max-width: 450px) {
	.product-t .pro-boxs .pro-show .txts .img{ margin-bottom:20px;}
	.product-t .pro-boxs .pro-show .btns{ margin-top:30px;}
}