@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:0px;}
}

/*index*/
@media screen and (max-width: 1600px) {
	.ban-dt h3,.ip .tit h3,.ic .boxs .box h3,.inews .tit .tl h3{ font-size:3.2em;}
	.ban-dt{ padding:65px 0 80px 0;}
	.ip .boxs .box2{ width:30%;}
	.ip{ padding:80px 0 0 0;}
	.iab .txt h4 { font-size: 3.2em;  margin: 20px 0 30px 0;}
	.inews{ padding:60px 0;}
	.inews .tit{ margin-bottom:60px;}
	.ic .boxs .box{ height:540px;}
	.ic .boxs .box .ic-btn{ width:120px;}
	.ic .boxs .box .ic-input { width: calc(100% - 120px);}
	.ip .boxs .box2 .box:first-child,.ip .boxs .box3 .box:first-child{ margin-bottom: 60px;}
}
@media screen and (max-width: 1400px) {
	.header .mune .m-list>a{ padding:30px 15px 20px 15px;}
	.header .dots a {  padding: 30px 0px 20px 20px;}
	.header .logo img{ width:120px;}
	.ban-dt h3,.ip .tit h3,.ic .boxs .box h3,.iab .txt h4,.inews .tit .tl h3{ font-size:2.8em;}
	.ban-dt span{ margin:20px auto;}
	.ban-dt h3{ letter-spacing:10px;}
	.ip .tit span{ margin:20px 0 10px 0;}
	.ip .boxs .box .txt h3{ font-size:1.6em; margin-bottom:0;}
	.ip .boxs .box .txt{ margin:30px 0;}
	.ip .boxs>*{ padding:20px;}
	.ip .boxs .box2 .box:first-child,.ip .boxs .box3 .box:first-child{ margin-bottom: 40px;}
	.footer .fo2 .fi1{ margin-bottom:20px;}
	.footer .fo1 .mune p a{ line-height:28px;}
	.ic .boxs .box{ height:500px;}
}
@media screen and (max-width: 1250px) {
	.inews .inews-slider .in-p{ left:16%;}
	.inews .inews-slider .in-n{ right:16%;}
	.inews .inews-slider .in-p,.inews .inews-slider .in-n{ top:35%;}
	.inews .inews-slider .txt .t h3{ margin-bottom:12px;}
	.inews .inews-slider .txt .t { margin: 10px auto 0 auto;}
	.ic .boxs .box{ height:360px;}
	.iab .txt{ padding:10% 20px;}
	.ic .boxs .box{ padding:6% 80px;}
	.ban-dt{ padding:50px 0 40px 0;}
	.iab .txt a{ margin-top:40px;}
}
@media screen and (max-width: 1024px) {
	.header .mune,.header .dots,.footer .fo1{ display:none;}
	.footer .fo2{ padding:40px 0 0 0;}
	.ip .boxs .box1,.ip .boxs .box2{ width:33.33%;}
	.ip .boxs .box2 .box:first-child .txt{  margin:0 0 20px 0;}
	.ip{ padding:60px 0 0 0;}
	.ic .boxs .box { padding: 6% 40px;}
	.ban-dt h3,.ip .tit h3,.ic .boxs .box h3,.iab .txt h4,.inews .tit .tl h3{ font-size:2.4em;}
	.iab .txt{ max-width:60%;}
	.inews .tit{ margin-bottom:30px;}
	.inews .tit .tl span{ margin:15px 0;}
	.inews .tit .tb{ padding:50px 0 0 0;}
	.inews .inews-slider .in-p{ left:6%;}
	.inews .inews-slider .in-n{ right:6%;}
	.inews .inews-slider .in-p,.inews .inews-slider .in-n{ top:35%; opacity: 1;}
	.header{ padding:0 20px;}
}
@media screen and (max-width:850px) {
	.ban-dt p{ margin-top:12px;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:20px;}
	.ip .boxs>*{ display:block; }
	.ip .boxs .box1,.ip .boxs .box2,.ip .boxs .box3{ width:100%; overflow:hidden;}
	.ip .boxs .box{ width:calc(50% - 20px) !important; margin:10px !important; float:left;}
	.ip .boxs .box .txt{ margin:20px 0 !important;}
	.ip .tit{ margin-bottom:20px;}
	.ip .boxs .box3{ padding:20px;}
	.iab .txt{ max-width:100%; padding:40px 20px; }
	.iab .txt p{ text-shadow:0 0 5px #000;}
	.inews .inews-slider .in-p{ left:10px;}
	.inews .inews-slider .in-n{ right:10px;}
	.ic .boxs .box { width: calc(100% - 8px);  height:fit-content;}
	.inews .tit .tl,.inews .tit .tb{ float:none;}
	.inews .tit .tb{ padding:10px 0 0 0; text-align:right;}
	.inews .inews-slider .in-p,.inews .inews-slider .in-n{ background-size: 30px 30px; width: 30px; height: 30px; top:38%; border-radius:50%; box-shadow:0 0 5px #000;}
	.inews .inews-slider .txt .t h3{ font-size:1.6em; margin-bottom:0;}
}
@media screen and (max-width:650px) {
	.ban-dt h3, .ip .tit h3, .ic .boxs .box h3, .iab .txt h4, .inews .tit .tl h3{ font-size:2em;}
	.iab .txt h3{ font-size:1.6em;}
	.iab .txt h4{ margin:15px 0 30px 0;}
	.bottomlist ul li img{ width:25px; height:25px;}
	.ban-dt h3{ letter-spacing:0;}
	.ban-dt h4{ font-size:1.4em; line-height:20px;}
	.ban-dt{ padding:30px 0;}
	.ban-dt span { margin: 10px auto;}
	.ip{ padding:30px 0 0 0;}
	.banner .ban1{ background: url(../images/m-banner01.jpg) center center no-repeat;}
	.banner .ban2{ background: url(../images/m-banner02.jpg) center center no-repeat;}
	.banner .ban3{ background: url(../images/m-banner03.jpg) center center no-repeat;}
	.banner,.banner .swiper-slide{  height:60vh;}
}
@media screen and (max-width:450px) {
	.banner .swiper-slide img{ width:120%;}
	.banner .swiper-pagination-bullet{ width:10px; height:10px;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:10px;}
	.ip .boxs .box{ width:100% !important; margin:10px 0 !important; }
	.iab .txt,.inews{ padding:40px 0;}
	.ic .boxs .box{ padding:40px 20px;}
	.ic .boxs .box input{ padding:10px 12px;}
	.ic .boxs .box .ic-btn{ width:80px;}
	.ic .boxs .box .ic-input { width: calc(100% - 80px);}
	#hamburger{ top:15px;}
}

/*about*/
@media screen and (max-width: 1600px) {
	.about-ban .warp,.about-ban{ height:650px;}
	.about .ab-2 .boxs .box.box3 {  padding: 10% 5% 5% 6%;}
}
@media screen and (max-width: 1400px) {
	.about-ban .warp,.about-ban{ height:550px;}
	.about-ban .txt h3{ font-size:3.2em;}
	.about-ban .txt h4{ font-size:2em;}
	.about .ab-2 .boxs .box h3{ font-size:3.2em; line-height:42px;}
	.about .ab-2 .boxs .box{ height:500px;}
	.about .ab-4{ padding:60px 40px;}
	.about .ab-4 .tit h3{ font-size:3.2em; margin-bottom:30px;}
	.about .ab-5{ padding:60px 0;}
	.about .ab-5 .tit h3{ font-size:3.2em;}
	.about .ab-5 .tit h4{ font-size:2em;}
	.about .ab-5 .tit{ margin-bottom:30px;}
}
@media screen and (max-width: 1250px) {
	.about-ban .warp,.about-ban{ height:450px;}
	.about-ban .txt h3,.about .ab-5 .tit h3{ font-size:2.8em;}
	.about .ab-2 .boxs .box h3{ font-size:2.8em; line-height:36px;}
	.about .ab-4 .tit h3{ font-size:2.8em; margin-bottom:20px;}
	.about-ban .txt span{ margin:15px 0 20px 0;}
	.about-ban .txt h4{ font-size:1.6em;}
	.about .ab-2 .boxs .box{ height:fit-content;}
	.about .ab-2 .boxs .box.box1,.about .ab-2 .boxs .box.box2,.about .ab-2 .boxs .box.box3,.about .ab-2 .boxs .box.box4{ padding:80px 60px;}
}
@media screen and (max-width:1024px) {
	.about-ban .warp,.about-ban{ height:350px;}
	.about-ban .txt h3,.about .ab-5 .tit h3{ font-size:2.4em;}
	.about .ab-2 .boxs .box h3{ font-size:2.4em; line-height:36px;}
	.about .ab-4 .tit h3{ font-size:2.4em; margin-bottom:20px;}
	.about-ban .txt h4{ font-size:1.6em;}
	.about .ab-2 .boxs .box{ height:fit-content;}
	.about .ab-2 .boxs .box.box1,.about .ab-2 .boxs .box.box2,.about .ab-2 .boxs .box.box3,.about .ab-2 .boxs .box.box4{ padding:40px 20px;}
	.about .ab-4 .ab4-slider p{ font-size:1.4em;}
}
@media screen and (max-width:850px) {
	.about .ab-2 .boxs .box{ width:100%; display:block;}
	.about .ab-2 .boxs .box2{ border-bottom:1px solid #ccc;}
	.about-ban .txt h3,.about .ab-5 .tit h3{ font-size:2em;}
	.about .ab-2 .boxs .box h3{ font-size:2em; line-height:36px;}
	.about .ab-4 .tit h3{ font-size:2em; margin-bottom:20px;}
	.about .ab-4{ padding:40px 20px;}
	.about .ab-5{ padding:40px 0;}
	.about .ab-5 .tit h4{ line-height:16px; font-size:1.6em;}
	.about .ab-5 .tit h3{ line-height:24px;}
	.about .ab-2 .boxs .box.box4{ height:400px;}
}
@media screen and (max-width:650px) {
	.about-ban .warp,.about-ban{ height:240px;}
	.about-ban .txt h3, .about .ab-5 .tit h3,.about .ab-2 .boxs .box h3{ font-size:1.6em;}
}

/*contact*/
@media screen and (max-width: 1600px) {
	#container,.contact .map{ height: 850px;}
	.contact input, .contact textarea{ font-size:1.6em; line-height:20px; padding:10px 12px;}
	.contact .txts .txt{ padding:12% 8%;}
	.contact .txts .txt .tit h4{ margin-bottom:15px;}
	.contact .txts .txt .tit h3{ font-size:3.2em; margin-bottom:8px;}
}
@media screen and (max-width: 1400px){
	.contact .map,.contact .txts{ width:50%;}
	#container,.contact .map{ height: 750px;}
	.contact input, .contact textarea{  padding:8px 12px;}
	.contact .txts .txt{ padding:86px 60px;}
	.contact textarea{ margin-top:0;}
	.contact .txts .txt .tit h4{font-size:1.6em;}
	.contact .txts .form h3{ font-size:2.4em; margin-bottom:20px;}
	.contact .txts .txt .tit h3{ font-size:2.4em; margin-bottom:8px;}
	.contact .txts .txt .t h3{ font-size:2em; margin-bottom:10px;}
	.contact .txts .txt .t p{ line-height:24px;}
	.contact .btn .fc-btn{ font-size:1.6em;}
}
@media screen and (max-width: 1200px){
	.contact .txts .txt,.contact .txts .form{ padding:60px 40px;}
}
@media screen and (max-width: 1024px){
	.contact>*{ display:block;}
	.contact .map,.contact .txts{ width:100%;}
	#container,.contact .map{ height: 450px;}
}
@media screen and (max-width: 650px){
	.contact .txts .form .dot .fc-input { width: calc(100% - 30px);}
}
@media screen and (max-width: 450px){
	.contact .txts .txt,.contact .txts .form{ padding:40px 20px;}
	.contact .txts .txt .tit h3,.contact .txts .form h3{ font-size:2em;}
	.contact .txts .txt .tit h4,.contact input, .contact textarea,.contact .btn .fc-btn{ font-size:1.4em;}
	.contact .txts .txt .t h3{ font-size:1.6em;}
}

/*news*/
@media screen and (max-width: 1400px) {
	.news-ban{ height:350px;}
}
@media screen and (max-width: 1024px) {
	.news-ban{ height:250px;}
	.line-tips{ padding:15px 0;}
	.news .dots .dot .txt h3{ font-size:1.6em;}
	.news .dots{ width:100%; margin:0;}
	.news .dots .dot{ margin:20px 10px; width:calc(50% - 20px);}
}
@media screen and (max-width: 850px) {
	.news .dots .dot{ margin:20px 0px; width:calc(100%);}
	.news .dots .dot .txt h3{ margin-top:10px;}
	.news .dots .dot .txt span{ margin:5px auto;}
	div.fy a ,div.fy span.current,div.fy span.disabled{padding:4px 8px; }
}


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

/*display*/
@media screen and (max-width: 1650px) {
	.display .dots .btn{ left:0;}
	.display .gallery-top{ padding:70px 15%;}
	.display .gallery-thumbs .img{ width:160px; height:160px;}
	.display .gallery-thumbs{ margin:0 70px;}
	.display .tit{ padding:40px 20px 30px 20px;}
}
@media screen and (max-width: 1450px) {
	.display .gallery-top .swiper-slide a .txt{ padding:40px 20px;}
	.display .gallery-top{ padding:60px 10%;}
	.display .gallery-top .in-p{ left: 4%;}
	.display .gallery-top .in-n{ right: 4%;}
}
@media screen and (max-width: 1250px) {
	.display .gallery-thumbs .img{ width:120px; height:120px;}
	.display .gallery-top .swiper-slide a .txt span{ margin-top:5%;}
	.display .gallery-top .swiper-slide a .txt h3{ font-size: 1.8em; padding-bottom: 20px; margin-bottom: 20px;}
	.display .gallery-top .swiper-slide a .txt h4{  margin-top:14px;}
}
@media screen and (max-width: 1024px) {
	.display .gallery-top .swiper-slide a>*{ display:block; }
	.display .gallery-top .swiper-slide a .txt{ width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.display .gallery-top{ padding:70px 25%;}
}
@media screen and (max-width: 850px) {
	.display .gallery-top{ padding:70px 15%;}
}
@media screen and (max-width: 650px) {
	.display .tit{ padding:20px 20px 20px 20px;}
	.display .tit h3{ font-size:1.8em; line-height:20px;}
	.display .tit h4{ font-size:1.4em; line-height:14px;}
	.display .gallery-thumbs .img{ width:80px; height:80px;}
	.display .in-p,.display .in-n{ background-size: 30px 30px; width: 30px; height: 30px; top:50%; }
	.display .gallery-thumbs{ padding:30px 0;}
}
@media screen and (max-width: 450px){
	.display .gallery-top{ padding:30px 40px;}
	.display .gallery-top .swiper-slide a .txt{ padding:20px 12px;}
	.display .gallery-top .swiper-slide a .txt h3{ font-size: 1.6em; padding-bottom: 10px; margin-bottom: 14px;}
	.display .gallery-top .swiper-slide a .txt span{ padding:8px 30px;}
	.display .gallery-thumbs{ margin:0 45px;}
}


/*technology*/
@media screen and (max-width: 1600px) {
	.technology .t2 .tit{ width:40%}
	.technology .t2 .imgs{ max-width: 60%; width:100%;}
	.technology .t2 .honor-slider{ max-width:100%; width:100%;}
	.technology .t1 .boxs .txt .t h3, .technology .t1 .boxs .txt .t h4{ font-size:3.2em;}
	.technology .t1 .boxs .txt{ padding:40px 8%;}
	.technology .t2 .tit h3{ font-size:3.2em; line-height:42px;}
	.technology .t2{ padding:60px 6%;}
}
@media screen and (max-width: 1400px) {
	.technology .t1 .boxs .txt{ padding:40px 60px;}
	.technology .t1 .boxs .txt .t h3, .technology .t1 .boxs .txt .t h4{ font-size:2.4em; line-height:28px;}
	.technology .t1 .boxs .txt .t p{ font-size:1.4em;}
	.technology .t2 .tit h3{ font-size:2.4em; line-height:28px;}
}
@media screen and (max-width: 1200px) {
	.technology .t1 .boxs.box1 .txt{ padding:40px 60px;}
	.technology .t1 .boxs.box1 .txt p{ display:inline;}
	.technology .t2 .honor-slider p{ margin-top:10px; font-size:1.4em;}
}
@media screen and (max-width: 1024px) {
	.technology .t1 .boxs>*{ display:block; width:100%;}
	.technology .t1 .boxs:first-child .txt{ border-bottom:1px solid #eee;}
	.technology .t2 .tit{ width:100%;}
	.technology .t2 .imgs{ max-width:100%;}
	.technology .t2 .tit{ padding:10%;}
	.technology .t2 .honor-slider .swiper-slide{ transform: scale(0.8);}
	.technology .t2 .honor-slider .swiper-slide-active{  transform: scale(1);}
}
@media screen and (max-width:650px) {
	.technology .t1 .boxs .txt,.technology .t1 .boxs.box1 .txt{ padding:30px 20px;}
	.technology .t1 .boxs .txt .t h3, .technology .t1 .boxs .txt .t h4{ font-size:1.8em; line-height:24px;}
	.technology .t1 .boxs .txt .t p{ display:inline;}
	.technology .t2{ padding:20px 20px;}
	.technology .t2 .tit h3{ font-size:2em;}
}

/*product*/
@media screen and (max-width: 1600px) {
	.product .tit h3{ font-size:3.2em; line-height:42px; margin-bottom:10px;}
	.product .line{ padding:45px 20px;}
	.product .box2 h3{ font-size:2em;}
}
@media screen and (max-width: 1400px) {
	.product .tit h3{ font-size:2.8em; line-height:32px; }
	.product .tit {  padding: 30px 20px 30px 20px;}
	.product .box1 .box { width: calc(50% - 20px);  margin: 0 10px;}
	.product .box2 .box { width: calc(25%);  margin: 0 0px;}
	.product .box1 h3{ font-size:2.4em;}
	.product .box2 .txt{ padding-top:24%;}
	.product .box2 { padding: 0 30px 0px 30px; }
}
@media screen and (max-width: 1200px) {
	.product .box1 h3{ font-size:2em;}
	.product .box1 h4,.product .box2 h4{ font-size:1.4em; line-height:18px;}
	.product .box2 h3{ font-size:1.6em;}
	.product .tit h3{ font-size:2em; line-height:24px; margin-bottom:6px;}
	.product .tit h4,.product .line p{ font-size:1.4em; line-height:24px;}
	.product .line{ padding:30px 20px;}
}
@media screen and (max-width: 1024px) {
	.product .box2 .box{ width:50%;}
	.product .box1 .box { width: calc(50%);  margin: 0 0px;}
	.product .box1 h3{ font-size:1.6em;}
}
@media screen and (max-width: 650px) {
	.product .box2 .box,.product .box1 .box{ width: 100%;}
	.product .box2,.product .box1{ padding:0 0px;}
	.product .tit h3{ font-size:1.8em;}
}

/*product-n*/
@media screen and (max-width: 1200px) {
	.product-n .p-list{ padding:30px 0 20px 0;}
	.product-n .p-list a{ margin:0 10px 5px 0; padding:8px 20px;}	
}
@media screen and (max-width: 1024px) {
	.product-n .boxs .box .txt{ padding:8px 14px; }
	.product-n .p-list a{ font-size:1.4em;}
	.product-n .boxs .box .txt p{ font-size:1.4em;}
}
@media screen and (max-width: 850px) {
	.product-n .boxs .box { width: calc(50% - 20px); margin: 10px;}
}
@media screen and (max-width: 650px) {
	.product-n .boxs{ width:100%; margin:0; }
	.product-n .boxs .box { width: 100%; margin: 10px 0; }
	.product-n .p-list a{ text-align:center; margin:0 5px 5px 5px; padding:8px 10px; width:calc(50% - 15px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
}

/*productshow*/
@media screen and (max-width: 1024px) {
	.productshow .txts .txt{ padding:20px 0 0 40px;}
	.productshow .txts .txt h3{ font-size: 2.8em;   padding-bottom: 5px; margin-bottom: 10px;}
	.productshow .dots .dot .tit h3{ font-size:1.8em;}
	.productshow .dots .dot .txt .tb{ overflow-x: auto;}
	.productshow .dots .dot .txt .tb table{ max-width:1000px;}
}
@media screen and (max-width: 850px) {
	.productshow .txts>*{ float:none; width:100%; max-width:600px; margin:0 auto;}
	.productshow .txts .txt{ padding:30px 20px 0 20px;}
	.productshow .txts{ margin-bottom:0;}
	.productshow .dots .dot .tit h3{ font-size:1.6em; margin-bottom:10px;}
	.productshow .dots .dot .tb table{ max-width: 850px;}
	.productshow .dots .dot .tb table tr td{ padding:6px 10px; line-height:18px;}
}
@media screen and (max-width: 650px) {
	.productshow .dots .dot .tb table tr td img{ max-width:80px !important; width: 80px !important;}
	.productshow .txts .txt h3{ font-size:2em;}
	.productshow .txts .txt{ padding:20px 0px 0 0px;}
	.productshow{ padding:40px 0 20px 0;}
	.productshow .dots .dot .proc-slider .swiper-slide .img{ padding:4px;}
}