@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) {
	.header{ padding:20px 0 10px 0;}
	.header .logo img{ width:260px;}	
	.header .menus .top .lun .lc>*{ font-size:1.4em;}
	.header .menus .top .lun img{  width:24px; margin:4px 10px 0 20px;}
	.header .menus .menu .tel p,.header .menus .top .companys .ct h3,.header .menus .top .companys .c-more a{font-size:1.4em;}	
	.header .menus .menu .m-list>a{ padding:12px 0; font-size:1.4em;}
	.header .menus .menu .tel { margin: 12px 0 12px 40px;}
	.footer{ padding:60px 0 80px 0;}
	.i-tit h3{ font-size:4.2em;}
	.i-tit h4{ font-size:2.4em;}
	.ip:after{ left:-12%;}
	.iab .iab-slider .swiper-slide .txt h3{ font-size:4.8em;}
	.inews{ padding:60px 0 80px 0;}
}
@media screen and (max-width: 1440px) {
	.header .logo img{ width:220px;}	
	.footer .links .flogo img{ width:120px;}
	.footer .links .f-mune{ padding:30px 0;}
	.footer .links input{ font-size:1.4em;}
	.footer .txts .tit h3{ font-size:2em; margin-top:30px;}
	.footer .txts .tit h4{ font-size:1.4em;}
	.banner .swiper-slide img{ width:120%; margin-left:-10%;}
	.i-tit h3{ font-size:3.6em;}
	.ip{ padding:70px 0 200px 0;}
	.ip .ipb{ margin-top:40px;}
	.ip .iplist{ padding-right: 0px;}
	.ip .ipb{ font-size:2em;}
	.iab .iab-txts .txt{ padding:30px 0;}
	.iab{ background-size:150% auto;}
	.inews .inews-txts .boxs .box .date h3{ font-size:3.2em;}
	.inews .inews-txts .boxs .box .txt h3{ font-size:1.6em;  margin:6px 0;}
}
@media screen and (max-width: 1240px) {
	.header .menus .menu .tel { margin: 12px 0 12px 20px;}
	.header .menus .menu .m-list>a{ margin:0 14px;}
	.header .menus .top .companys .ct h3{ line-height:28px;}
	.header .menus .top .companys .ct span{ height:28px;}
	.header .logo{ padding:10px 0;}
	.footer .txts{ width:70%;}
	.footer{ padding:20px 0;}
	.footer .links .f-mune{ padding:20px 0;}
	.footer .links .flogo img{ width:100px;}
	.ip{ padding:70px 0 160px 0;}
	.i-tit h3{ font-size:2.8em;}
	.i-tit h4{ font-size:2em;}
	.i-tit span{ margin-top:10px;}
	.ip .iplist>div{padding: 10px 0px;margin:10px 0;}
	.ip .iplist>div h3{ font-size:1.2em;}
	.ip .iplist{ padding-right:20px; width:35%;}
	.ip .boxs{ width:65%;}
	.iab .iab-txts .txt h3{ font-size:2em;  margin-bottom:10px;}
	.iab .iab-slider .swiper-slide .txt h3{ font-size:4em;}
	.iab .iab-slider .swiper-slide .txt h4{ font-size:2em; margin-top:-12px;}
	.iab .iab-slider .swiper-slide .txt a,.iab .iab-txts .txt a,.inews .inews-txts .left .txt span,.inews .inews-txts .boxs .more a{ padding:8px 12px;}
	.inews .inews-txts .boxs .box a{ padding:12px 0;}
	.ip .boxs .box { width: calc(50% - 20px);    margin-left: 20px;}
	.ip .iplist>div:hover h3, .ip .iplist>div.hover h3{ margin-left: 10px;}
	.ip .iplist>div span:after{ display: none;}
	.iab .iab-slider .swiper-slide .txt{ padding:20px;}
	.iab .iab-slider .swiper-slide .txt a{ margin-top:20px;}
	.iab .iab-slider .swiper-slide .txt h4{ margin-bottom:13px;}
	.iab .btn{ right: 55px; bottom: 25px;}
}
@media screen and (max-width: 1024px) {
	.header .menus{ display:none;}
	.header{ padding:12px 0;}
	.header .logo img{ width:140px;}	
	.footer .txts,.footer .links .f-mune,.footer .links .two,.footer .links form{ display:none; }
	.footer .links{ width:100%; float:none; text-align:center;}
	.footer{ background:#3d3d40;}
	.footer .links .flogo img{ width:80px; margin-bottom:20px;}
	.ip{ padding:60px 0 120px 0;}
	.ip .ipb{ margin-top:20px;}
	.ip .iplist{ overflow:hidden; float:none; width:100%; margin-bottom:20px;}
	.ip .iplist>div{ margin:0; width:40%; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.ip .boxs{ float:none; width:100%; margin-top:20px;}
	.ip .boxs .box{ margin:0 10px;}
	.iab .iab-slider .swiper-slide .txt{  height:280px; width:100%;}
	.iab .iab-slider .swiper-slide .img{ width:100%;}
	.inews .inews-txts .boxs{ padding-left:20px;}
	.inews .inews-txts .boxs .box a{ padding:10px 0;}
	.inews{ padding:60px 0;}
}
@media screen and (max-width: 850px) {
	.header .logo{ padding:0;}	
	#hamburger { top: 24px; }
	.bottomlist ul li img{ width:25px; height:25px; }
	.footer{ margin-bottom:37px;}
	.ip .iplist>div{ width:50%;}
	.ip{ padding:40px 0 100px 0;}
	.i-tit h3{ font-size:2.8em;}
	.i-tit h4{ font-size:2em;}
	.ip .iplist>div{width: 65%;}
	.iab{ padding:60px  0; background-size:250% auto;}
	.inews .inews-txts .boxs .box .txt h3{ font-size:1.4em; line-height:20px; height:20px;}
}
@media screen and (max-width: 650px) {
	.i-tit h3{ font-size:2em;}
	.i-tit h4{ font-size:1.8em;}
	.iab{ margin-top:-60px;}
	.ip .iplist>div:hover h3, .ip .iplist>div.hover h3{ font-size:1.2em;}
	.inews .inews-txts .left{ width:100%;  margin-bottom:20px;}
	.inews .inews-txts .boxs{ width:100%;  padding:0;}
	.inews{ padding:40px 0;}
	.ip .iplist>div{ padding:6px 10px;}
	.ip .boxs .box{ width:100%; margin:0 0 20px 0;}
	.iab{ padding:60px  0; background-size:cover !important;}
	.iab .iab-slider .swiper-slide .txt h3{ font-size:2.4em;}
	.iab .iab-slider .swiper-slide .txt h4{ font-size:1.8em;}
	.iab .iab-slider .swiper-slide .txt{ height:350px;}
	.ip .iplist>div{width: 100%; max-width:360px;}
	.inews .inews-txts{ margin-top:20px;}
	.inews .inews-txts .left .txt{ padding:20px;}
	.inews .inews-txts .left .txt h3{ font-size:1.4em;}
	.inews .inews-txts .boxs .box .date h3{ font-size:2em;}
	.inews .inews-txts .boxs .box .date{ width:50px;}
	.inews .inews-txts .boxs .more a{ margin-top:20px;}
	.iab .iab-slider .swiper-slide .txt p{ line-height: 1.5;}
	#hamburger {top: 20px;}
}


/*about*/
@media screen and (max-width: 1680px) {
	.about-t .ab1{ padding:80px 0;}
	.about-t .ab1 .txts{ padding:40px 0 20px 0;}	
	.about-t .ab2 .video{ padding:40px 0 80px 0;}
}
@media screen and (max-width: 1440px) {
	.about-t .ab1 .txts p{ margin-bottom:20px;}
	.about-t .ab3 .btn .hp, .about-t .ab3 .btn .hn,.about-t .ab3 .btn .hp:hover, .about-t .ab3 .btn .hn:hover{ width:50px; height:50px; background-size:50px 50px;}
	.about-t .ab1 .dots .dot{ height:650px; padding:8% 40px 20px 40px;}
	.about-t .ab3 .btn{  top:calc(50% - 25px);}
}
@media screen and (max-width: 1240px) {
	.about-t .ab3 .imgs{ padding:0 80px;}
	.about-t .ab3 .honor-slider{ padding:30px 0;}
}
@media screen and (max-width: 1024px) {
	.about-t .ab1 .txts{ padding:20px 0;}
	.about-t .ab1{ padding:60px 0;}
	.about-t .ab1 .dots .dot .tit h3{ font-size:1.8em;}
	.about-t .ab1 .dots .dot .tit h4{ font-weight: bold;}
	.about-t .ab1 .dots .dot .a,.about-t .ab1 .dots .dot .arrow .b{ display: none;}
	.about-t .ab1 .dots .dot .b{ display: block;}
	.about-t .ab1 .dots .dot .txt{ height: auto; opacity: 1;}
	.about-t .ab2 .video{ padding:20px 0 40px 0;}
	.about-t .ab3{ margin-bottom:50px;}
	.about-t .ab3 .imgs{ padding:0 20px;}
	.about-t .ab1 .dots .dot{ width:50%; border-bottom:1px solid rgba(238,238,238,0.4);  height:360px; padding:40px 20px 20px 20px;}
	.about-t .ab2 .video:after{ opacity: 1; transform:  translateY(0px); width:60px; background-size:60px auto;}
}
@media screen and (max-width: 850px) {
	.about-t .ab2 .video{ overflow:hidden;}
	.about-t .ab2 .video img{ width:150%; margin-left:-25%;}
	.about-t .ab1 .dots .dot .tit h4,.about-t .ab1 .dots .dot .tit h3{ font-size:1.6em;}
	.about-t .ab1{ padding:40px 0;}
	.about-t .ab1 .dots .dot{ width:100%;  height:auto; padding:20px 12px;}
}
@media screen and (max-width: 450px) {
	.about-t .ab3 { margin-bottom:30px;}
	.about-t .ab3 .btn .hp, .about-t .ab3 .btn .hn,.about-t .ab3 .btn .hp:hover, .about-t .ab3 .btn .hn:hover{ width:30px; height:30px; background-size:30px 30px;}
}

/*product*/
@media screen and (max-width: 1680px) {
	.product-t{ padding:80px 0;}
	.product-t .p-list a{ min-width:150px; font-size:1.6em;}
}
@media screen and (max-width: 1440px) {
	.product-t .p-list{ margin:30px auto;}
	.product-t .p-list a{ font-size:1.4em; min-width:120px; padding:8px 12px;}
	.product-t .pro-boxs .pb{ width: calc(25% - 30px); margin:20px 15px; }
}
@media screen and (max-width: 1240px) {
	.product-t .pro-boxs .pb{ width: calc(25% - 20px); margin:10px 10px; }
}
@media screen and (max-width: 1024px) {
	.product-t{ padding:60px 0;}
}
@media screen and (max-width: 850px) {
	.product-t .pro-boxs .pb{ width: calc(50% - 20px);}
	.product-t .p-list a{ width: 50%; min-width:100px;}
}
@media screen and (max-width: 650px) {
	.product-t{ padding:40px 0 20px 0;}
	.product-t .pro-boxs .pb{ width: calc(50% - 20px);}
	.product-t .p-list a{ width:100%;}
	.product-t .pro-boxs .pb{ width: calc(50% - 10px); margin:5px; }
}
/*news*/
@media screen and (max-width: 1680px) {
	.banners .warp{ height:550px;}
	.banners .warp .txt h3{ font-size:2.8em;}
	.banners .warp .txt h4{ font-size:4.2em; line-height:1.2;}
	.news-t{ padding:80px 0;}
	.tits h3{ font-size:4.2em;}
	.tits h4{ font-size:2.8em;}
	.news-t .n-list a{ font-size:1.6em; min-width:150px;}
	.news-t .n-list{ margin:30px auto;}
	.news-t .news-txts .ntop{ margin-top:60px;}
	.news-t .news-txts .ndot{ margin-top:40px;}
}
@media screen and (max-width: 1440px) {
	.banners .warp{ height:450px;}
	.banners .warp .txt{ padding-top:6%;}
	.banners .warp .txt h3{ font-size:2.4em;}
	.banners .warp .txt h4{ font-size:3.6em;}
	.tits h3{ font-size:3.6em;}
	.tits h4{ font-size:2.4em;}
	.news-t .n-list a{ font-size:1.4em; min-width:120px; padding:8px 12px;}
	.news-t .news-txts .ntop .nbox a .txt h3{ font-size:1.6em}
	.news-t .news-txts .ntop{ margin-top:50px;}
	.news-t .news-txts .ntop .nbox a .txt h4{ padding:8px 0;}
	.news-t .news-txts .ntop .nbox a .txt span{ margin-top:20px;}
	.news-t .news-txts .ndot .dot a .txt .tit h3{ font-size:1.6em;}
	.news-t .news-txts .ndot .dot a .txt .tit{ margin-bottom:15px;}
}
@media screen and (max-width: 1240px) {
	.news-t .news-txts .ntop .nbox a .txt p {height: 24px;  -webkit-line-clamp: 1;}
	.news-t .news-txts .ndot .dot a .txt{ padding:20px 0;}
}
@media screen and (max-width: 1024px) {
	.news-t{ padding:60px 0;}
	.news-t .news-txts .ntop .nbox {   width: calc(100% - 20px);   margin: 20px auto; float:none; max-width:600px;}
	.news-t .news-txts .ntop{ width:100%; margin:40px 0 0 0;}
	.news-t .news-txts .ndot{ max-width:600px; margin:0 auto;}
	div.fy{ text-align:center;  padding:40px 0 0 0;}
	.news-t .news-txts .ndot .dot a .arrow{ width:60px;}
	.news-t .news-txts .ndot .dot a .arrow img{ width:24px;}
}
@media screen and (max-width: 850px) {
	.banners .warp{ height:350px;}
	.banners .warp .txt{ padding-top:4%;}
	.banners .warp .txt h3{ font-size:2em;}
	.banners .warp .txt h4{ font-size:2.8em;}
	.tits h3{ font-size:2.4em;}
	.tits h4{ font-size:2em;}
	.news-t .news-txts .ntop .nbox a .txt h3,.news-t .news-txts .ndot .dot a .txt .tit h3{ font-size:1.4em;}
	div.fy a ,div.fy span.current,div.fy span.disabled{ padding:4px 8px; }
}
@media screen and (max-width: 650px) {
	.banners .warp .txt{ padding-top:20%;}
	.news-t{ padding:40px 0;}
	.news-t .n-list{ margin:20px auto;}
	.news-t .n-list a{ min-width:auto; padding:8px 12px;}
	.news-t .news-txts .ntop .nbox a>*{ display:block;}
	.news-t .news-txts .ntop .nbox a .txt,.news-t .news-txts .ntop .nbox a .img{ width:100%;}
	div.fy{ padding-top:20px;}
	.news-t .news-txts .ndot .dot a .arrow{ width:40px;}
	.news-t .news-txts .ndot .dot a .txt .tit{ margin-bottom:4px;}
}

/*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;}
}

/*manufacture*/
@media screen and (max-width: 1680px) {
	.manufacture-t .mdots .mboxs .box .tit h3{ font-size:3.2em;}
	.manufacture-t .mdots .mboxs .box .tit h4{ font-size:2.4em;}
	.manufacture-t{ padding:80px 0;}
	.manufacture-t .mdots .mtop a{ font-size:1.6em; min-width:150px;}
}
@media screen and (max-width: 1440px) {
	.manufacture-t .mdots .mboxs .box .txt{ padding:40px;}
	.manufacture-t .mdots .mtop a{ font-size:1.4em; min-width:120px;}
}
@media screen and (max-width: 1240px) {
	.manufacture-t{ padding:60px 0;}
	.manufacture-t .mdots .mtop{ margin: 30px auto;}
	.manufacture-t .mdots .mboxs .box .tit h3{ font-size:2.4em;}
	.manufacture-t .mdots .mboxs .box .tit h4{ font-size:2em;}
}
@media screen and (max-width: 1024px) {
	.manufacture-t .mdots .mboxs .box>*{ display:block;}
	.manufacture-t .mdots .mboxs .box .img{ width:100%; overflow:hidden;}
	.manufacture-t .mdots .mboxs .box .dot h3{ font-size:1.6em;}
}
@media screen and (max-width: 850px) {
	.manufacture-t .mdots .mtop a{ padding:8px 15px; min-width:auto; width: 50%;}
}
@media screen and (max-width: 650px) {
	.manufacture-t{ padding:40px 0;}
	.manufacture-t .mdots .mtop a{ width:100%;}
	.manufacture-t .mdots .mboxs .box .txt{ padding:30px;}
	.manufacture-t .mdots .mboxs .box .dot h3{ font-size:1.4em;}
	.manufacture-t .mdots .mboxs .box .dot .d{ margin-top:0px;}
}
@media screen and (max-width: 450px) {
	.manufacture-t .mdots .mboxs .box .txt{ padding:20px;}
	.manufacture-t .mdots .mboxs .box .tit h3{ font-size:2em;}
	.manufacture-t .mdots .mboxs .box .tit h4{ font-size:1.8em;}
	.manufacture-t .mdots .mboxs .box .tit span{ margin:10px 0;}
	.manufacture-t .mdots .mboxs .box .img .i1{margin-bottom:8px;}
	.manufacture-t .mdots .mboxs .box .img .i1,.manufacture-t .mdots .mboxs .box .img .i2{ width:100%;}
	.manufacture-t .mdots .mboxs .box .img .i2{ margin-left:0; }
}

/*contact*/
@media screen and (max-width: 1680px) {
	.contact-t{ padding:80px 0;}
	.contact-t .txts .tit h3{ font-size:2.4em; margin-bottom:20px;}
	.contact-t .txts .dots{ margin-bottom:40px;}
	.contact-t .txts{ padding-left:4%;}
	#container{ height:800px;}
}
@media screen and (max-width: 1440px) {
	.contact-t .txts .tit h3{ font-size:2em; margin-bottom:10px;}
	.contact-t .txts .dots .dot h4,.contact-t input, .contact-t textarea{ font-size:1.6em;}
	.contact-t .btn .fc-btn{ font-size:1.6em; margin-top:30px;}
	.contact-t .fc-input{ margin-bottom:10px;}
	.contact-t .form .dot input{ margin:15px;}
	#container{ height:700px;}
}
@media screen and (max-width: 1240px) {
	.contact-t .txts .tit h3{ font-size:2em; margin-bottom:10px;}
	.contact-t .txts .dots{ margin-bottom:20px;}
	.contact-t .txts .dots .dot{ margin:10px 0;}
}
@media screen and (max-width: 1024px) {
	.contact-t{ padding:60px 0;}
	.contact-t .map, .contact-t .txts{ float:none;}
	.contact-t .map{ width:100%; margin-bottom:40px;}	
	#container{ height:400px;}
	.contact-t .txts{ width:100%; padding:0;}
}
@media screen and (max-width: 850px) {
	.contact-t .btn{ text-align:center; }
	.contact-t .btn .fc-btn{ margin-top:10px; padding:8px 40px; font-size:1.4em;}
	.contact-t .txts .tit h3{ font-size:1.6em;}
	.contact-t .txts .dots .dot h4, .contact-t input, .contact-t textarea{ font-size:1.4em;}
	.contact-t .form .dot input{ margin:5px 15px;}
}
@media screen and (max-width: 650px) {
	.contact-t{ padding:40px 0;}
	.contact-t .txts .dots .dot{ margin:10px 0 0 0; width:100%;}
	.contact-t textarea{ margin:0 0 15px 0;}
	.contact-t .form .dot input{ width: calc(100% - 30px);}
	.contact-t .form .dot input{ margin:0px 15px;}
}