@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: 1400px) {
	.banner .swiper-slide{ height:600px; }
	.ia .left .txt { padding: 60px 0 55px 0;}
	.ia .left .dots{ margin-top:40px;}
	.ia .left .t p { padding: 0 40px;}
	.ia .left .txt{ width:100%;}
	.ia .left .dot { width: calc(33.33% - 60px);  margin: 0 30px;}
	.icer .right img { margin-left: 20px;  height:60px;}
	.ip #tablea{ margin-top:40px;}
	.inews .txts { margin-top: 50px;}
	.footer .right .fs{ width:400px;}
	.footer .right .fc-input,.footer .right form{ width:320px;}
	.icon{ padding:60px 0;}
	.icon .btn a{ margin-top:60px;}
}
@media screen and (max-width: 1300px) {
	.header .hea2 a { margin: 0 10px;}
	.header .hea2 span { padding-left: 10px;}
	.header .hea2{ padding:15px 20px 15px 0;}
	.header .hea1 {  padding: 12px 20px;}
	.ia .left .t h3,.icer .left h3,.ip .i-tit h3,.inews .i-tit h3,.icon .i-tit h3{ font-size:2.8em;}
	.ia .left .t h4 { margin: 10px 0 15px 0;}
	.ia .left .t p{ line-height:20px;}
	.icer .left h3{ margin-bottom:15px;}
	.icer .left p,.ip .i-tit p,.inews .i-tit p,.icon .i-tit p{ font-size:1.6em;}
	.ip { padding: 60px 0 55px 0;}
	.ip #oranger a { margin: 5px 2px;  padding: 6px 8px;}
	.ip .i-tit{ margin-bottom:20px;}
	.inews{ padding:60px 0;}
	.icon .btn a { margin-top: 40px;}
	.icon .txt{ padding:50px;}
}
@media screen and (max-width: 1200px) {
	.footer .right .fs{ display:none;}
	.banner .swiper-slide{ height:500px; }
	.ia .left .txt{ padding:40px 0;}
	.ia .left .dots{ padding:0 20px;}
	.ia .left .dot { width: calc(33.33% - 20px);  margin: 0 10px;}
	.icer .left{ width:50%;}
	.ip #oranger a p{ font-size:1.6em;}
	.ip #oranger a{ width:20%;}
	.inews .inews-slider {  padding: 0 40px;}
	.ia .left .dot p{ height:40px;}
}
@media screen and (max-width: 1024px) {
	.header .hea2 .mune,.header .hea1{ display:none;}
	.header .hea2 .logo img{ width:160px;}
	#hamburger{ top:25px; right:20px;}
	.ip #oranger a img{ height:24px;}
	.ip #oranger a p{ line-height:24px;}
	.ip #tablea .dot {  width: calc(50% - 40px); margin-top:20px;}
	.ip #tablea{ margin-top:0;}
	.icon .txt .right{ padding-left:40px;}
	.icon .txt .right { width: calc(100% - 375px);}
}
@media screen and (max-width: 850px) {
	.icon .txt{ width:100%;}
	.icon .txt>*{ float:none;}
	.icon .txt .right{ width:100%; padding-left:0; margin-top:20px;}
	.footer .img{ display:none;}
	.ia .left .txt,.ia .left{ width:100%;}
}
@media screen and (max-width: 800px) {
	.banner .swiper-slide{ height:300px; }
	.ia .left .dot h3{ padding:0;}
	.icer .left{ width:100%;}
	.icer .right{ padding:0 0 40px 0;}
	.icer .left a{ margin-top:20px;}
	.ip .i-tit p{ line-height:24px;}
	.icer .left p, .ip .i-tit p, .inews .i-tit p, .icon .i-tit p{ font-size:1.4em; display:inline;}
	.ia .left .t h3, .icer .left h3, .ip .i-tit h3, .inews .i-tit h3, .icon .i-tit h3{ font-size:2.4em;}
	.ip #oranger a{ width:32%;}
	.footer .left .f-mune{ display:none;}
}
@media screen and (max-width:550px) {
	.ia .left .t p{ padding:0 20px;}
	.ip #oranger a{ width:fit-content;}
	.ip #tablea .dot {  width: calc(100% - 40px);}
	.footer .left p{ line-height:20px;}
	.footer{ padding:10px 0 30px 0;}
	.icon{ padding:40px 0;}
	.icon .txt{ padding:30px;}
	.icon .txt .left img{ width:80px;}
	.icon .i-tit{ margin-bottom:20px;}
}
@media screen and (max-width:500px) {
	.ia .left .dots{ margin-top:10px;}
	.ia .left .dot { width: calc(33.33%); margin:10px 0 0 -1px; height:140px;}
	.ia .left .dot img{ width:40px;}
	.ia .left .dot p{ height:20px;}
	.icer .left,.ip,.inews{ padding:40px 0;}
	.inews .txts{ margin-top:20px;}
	.banner .swiper-slide{ height:240px; }
	.ia .left .t h4{ line-height:24px;}
	.inews .box{ padding:10px;}
	.inews .box .txt h4{ padding:10px 0;}
	.inews .box .txt span { margin: 25px auto 0 auto;}
}
@media screen and (max-width:400px) {
	.icer .right img{ height:50px;}
	.icon .txt .left p{ font-size:2.2em;}
	.icon .txt .right p{ line-height:30px;}
	.ia .left .dot { width: calc(33.33%); margin:10px 0 0 -1px; height:160px;}
}

/*contact*/
@media screen and (max-width:1300px) {
	.product-list a .txt p{ font-size:1.6em;}
	.product-list a{ padding:20px 0;}
}
@media screen and (max-width:1024px) {
	.warp2{ padding:0 20px;}
	.c1 .txts { padding:40px 0 40px 0;}
	.c1 .txts .left img{ width:80px;}
	.c1 .txts .left p{ font-size:2.4em;}
	.c1 .txts .right .dot p{ font-size:1.6em;}
	.c2 h3 { font-size: 2em; margin-bottom: 24px;}
	.c2 { padding: 25px 0 10px 0;}
	#container { height: 400px; margin: 20px 0;}
	.c2 .fc-btn{ margin-top:20px;}
	.c1 .txts .right .dot img{ width:26px;}
	.banners{ height:320px;}
	.banners .txt h3{ font-size:3.2em; margin-bottom:10px;}
	.product-list a{ padding:10px; width:25%; border-bottom:1px solid #404040;}
	.product-list a .img img{ width:60px;}
	.product-list a .img{ width:60px;}
	.product-list a .txt{ height:60px;  width:fit-content;}
	.c1 .tit p {  font-size: 1.6em; line-height:24px;}
}
@media screen and (max-width:800px) {
	.c1 .txts>* { display:block; width: 100%; padding:20px 0;}
	.c1{background-size:100%;}
	.c1 .tit p{ display:inline; line-height:20px;}
	.lead{ padding:20px 0;}
	.lead>*{ font-size:1.4em;}
}
@media screen and (max-width:600px) {
	.product-list a .txt{ height:40px;}
	.banners{ height:240px;}
	.banners .txt h3{ font-size:2.4em; margin-bottom:10px;}
	.banners .txt p { display:inline; font-size: 1.4em; line-height:20px; width:80%; margin:0 auto;}
	.c1 .txts{ padding:0;}
	.c1 .txts .right .dot span{ width:40px;}
	.c1 .txts .right .dot p{ font-size:1.4em; line-height:20px;}
	.c1 .txts .left p{ font-size:2em; line-height:24px;}
	.c2 h3{ margin-bottom:20px;}
	.product-list a>*{ display:block; width:100%; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.product-list a .img{ margin:0 auto; text-align:center;}
	.product-list a .img img{ width:40px; margin-bottom:5px;}
	.product-list a .txt{ height:35px; width:100%}
	.product-list a .txt p{ font-size:1.4em;}
}	
@media screen and (max-width:400px) {
	#container { height: 300px;}
	.c2 h4 { font-size: 1.4em; line-height:20px;}
	.banners .txt p{ width:95%;}
}

/*news*/
@media screen and (max-width:1024px) {
	.news-t .box .txt h3{ height:35px; line-height:35px; margin-bottom:10px;}
	.news-t .box .txt{ padding-left:20px;}
	.news-t .box .txt span {  margin: 25px 0 0 0; padding:12px 16px;}
	.news-t .box .txt .shares img{ width:25px;}
	.news-t .box .img,.news-t .box .img img{ width:320px;}
}
@media screen and (max-width:800px) {
	.news-t .box a>* {  display:block; width:100%;}
	.news-t .box .img,.news-t .box .img img{ max-width:100%;}
	.news-t .box .txt{ padding:20px 0 0 0;}
	.news-t .box .txt h3{ font-size:2.6em;}
}
@media screen and (max-width:600px) {
	.news-t .box .txt h3{ font-size:2em; line-height:24px; height:24px;}
	.news-t .box .txt p {  line-height: 24px;}
	.news-t .box .img{ max-width:100%;}
}

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

/*product*/
@media screen and (max-width: 1400px) {
	.product-t .boxs .box a>*{ display:block; width:100%;}
	.product-t .boxs .box a .img,.product-t .boxs .box a .txt{ width:100%;}
}
@media screen and (max-width: 1024px) {
	.product-t .pro-kind h3{ font-size:3.2em; margin-bottom:10px;}
	.product-t .pro-kind h4{ display:inline; line-height:20px;}
}
@media screen and (max-width: 600px) {
	.product-t .boxs .box{ width:calc(100% - 26px); margin:10px 13px;}
}

/*productshow*/
@media screen and (max-width: 1500px) {
	.productshow-t .txts{ padding:0;}
	.productshow-t .txts .img{ width:40%; padding:0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.productshow-t .txts .txt{ width:60%;}
	.productshow-t .txts .txt{ margin-top:0;}
	.productshow-t .txts .txt a{ margin-top:40px;}
	.productshow-t .txts .txt .color{ padding:20px 0;}
}
@media screen and (max-width: 1300px) {
	.productshow-t .txts .txt .color h3,.productshow-t .txts .txt .model h3,.productshow-t .txts .txt .parameters>h3{ font-size:1.6em;}
	.productshow-t .txts .txt{ width:100%;}
	.productshow-t .txts .img{ width:100%; max-width:500px; margin:0 auto; float:none;}
}
@media screen and (max-width: 1024px) {
	.productshow-t .txts .img{  max-width:400px;}
	.productshow-t .txts .txt .color .pro-cs span{ width:60px; height:24px;}
	.productshow-t .txts .txt .color h3{ line-height:20px;}
	.productshow-t .txts .txt .parameters>h3{ line-height:20px;}
	.productshow-t .boxs>h3{ padding:35px 0 0px 0;}
	.productshow-t .productshow-slider:after, .productshow-t .productshow-slider:before{ width:20px;}
	.productshow-t .productshow-slider{ padding:0 20px;}
	.productshow-t .pro-kind h3{ font-size:2.8em;}
	.productshow-t .pro-kind h4{ display:inline;}
}
@media screen and (max-width: 800px){
	.productshow-t .swiper-button-prev{ left:0;}
	.productshow-t .swiper-button-next{ right:0;}
	.productshow-t .swiper-button-prev,.productshow-t .swiper-button-next{ width:12px; height:20px; background-size:12px 20px;}	
	.productshow-t .parameters{ overflow:scroll;}
}
@media screen and (max-width: 600px){
	.productshow-t .boxs .box a .img,.productshow-t .boxs .box a .txt{ width:100%;}
	.productshow-t .boxs .box a>*{ display:block;}
	.productshow-t .txts .img img,.productshow-t .txts .img{ padding:0;}
}


/*about*/
@media screen and (max-width: 1700px) {
	.about-t .ab2 .imgs img{ height:400px;}
	.about-t .ab1 .left .dot{ width:calc(33.33% - 60px); margin:0 60px 0 0;}
}
@media screen and (max-width: 1600px) {
	.about-t .ab1 .txts .left .t p{ margin-top:10px; line-height:24px;}
	.about-t .ab2 .imgs img{ height:350px; margin: 10px 20px;}
}
@media screen and (max-width: 1500px) {
	.about-t .ab1{ padding:50px 0;}
	.about-t .ab1 .left .dots{ margin-top:20px;}
	.about-t .ab1 .tit h3,.about-t .ab2 .tit h3{ font-size:3.2em;}
	.about-t .ab1 .tit h4,.about-t .ab2 .tit h4{ font-size:1.6em;}
	.about-t .ab1 .left .dot h3{ padding:0;}
	.about-t .ab1 .left .dot{ width:calc(33.33% - 20px); margin:0 20px 0 0;}
	.about-t .ab1 .left .dot img{ width:40px;}
}
@media screen and (max-width: 1250px) {
	.about-t .ab2 .imgs img{ height:240px; margin: 10px 10px;}
	.about-t .ab2{ padding:50px 0;}
	.about-t .ab2 .tit{ margin-bottom:20px;}
	.about-t .ab1 .tit h3,.about-t .ab2 .tit h3{ font-size:2.4em;}
	.about-t .ab1 .tit h4,.about-t .ab2 .tit h4{ font-size:1.4em; line-height:20px;}
	.about-t .ab1 .left .dot p{ height:40px;}
}
@media screen and (max-width: 1024px) {
	.about-t .ab1 .txts .left,.about-t .ab1 .txts .right{ width:100%;}
	.about-t .ab1 .txts .right{ text-align:right; margin-top:40px;}
	.about-t .ab1 .txts .right img{ max-width:600px; width:100%;}
	.about-t .ab2 .imgs img{ width:35%; height:100%; }
}
@media screen and (max-width: 600px) {
	.about-t .ab1 .txts .left{ padding-right:0;}
	.about-t .ab1 .txts .left .t p{ line-height:20px;}
	.about-t .ab1{ padding:30px 0;}
	.about-t .ab1 .tit{ margin-bottom:10px;}
}
@media screen and (max-width: 400px) {
	.about-t .ab1 .left .dot{ width:calc(33.33%); margin:0 -1px 0 0;}
	.about-t .ab1 .left .dot p{ font-size:1.2em;}
	.about-t .ab2{ padding:40px 0; overflow:hidden;}
	.about-t .ab1 .tit h4, .about-t .ab2 .tit h4{ font-size:1.2em; font-weight:normal;}
	.about-t .ab2 .imgs img { float:left; width:42%; margin:10px 4%;  height: 100%;}
}