@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:30px 20px;}
    .header.hd{ padding: 12px 20px;}
    .iab .iab-b{  float:left; width: calc(50% - 40px); margin: 0 20px;}
    .ip .tit h3{ font-size:3.2em;}
    .iab .iab-b .txt h3{ font-size:2em;}
    .footer{ padding:60px 0 80px 0;}
    .inews .boxs .box .t2 p{ font-size:1.6em;}
    .inews .boxs .box{ width: calc(33.33% - 40px);}
    .inews .tit h3{ font-size:3.2em;}
}
@media screen and (max-width: 1450px) {
	.header{ padding:18px 20px;}
    .header .menu .m-list>a{ margin: 0 20px;}
    .iab .iab-b .txt h4{ font-size:3.2em;}
    .iab .iab-b .txt p{  line-height:1.5;}
    .ip{ padding-bottom:40px;}
    .ip .ip-slider .swiper-slide .txt .t h3{ font-size:2em;}
    .ip .ip-slider .swiper-slide .txt .t p{ font-size:1.4em; transform: translateY(-20px);}
    .ip .ip-slider .swiper-slide .txt .color span{ width:24px; height:24px;}
    .inews .boxs .box .t2 span:after{border: 4px solid #e54b07; width:12px; height:12px; top:-3px;}
    .inews .boxs .box .t2 span:before { top: 3px;    left: calc(100% + 30px);}
}
@media screen and (max-width: 1250px) {
	.header .menu .more a{ margin:5px 0 5px  20px;}
    .iab{ padding:40px 0px;}
    .ip .ip-slider .swiper-slide .txt .t p{ margin-top:20px;}
    .inews .boxs .box .t1 h3{ font-size:2em;}
     .inews .boxs .box{ width: calc(33.33% - 20px);}
     .footer .fl img{ width:140px; margin-bottom:20px;}
     .footer form input{ padding:12px;}
     .footer .fr{ width:50%;}
}
@media screen and (max-width: 1024px) {
	.header .menu{ display:none;}
	.header .logo img{ width:110px;}
	.header.hd .logo img{ transform: scale(1);}
	.header.hd{ padding: 18px 20px;}
	.iab .iab-b .txt h3{ font-size:1.6em;}
	.iab .iab-b .txt{ max-width:80%;}
	.ip .tit h3{ font-size:2.8em; margin-bottom:30px;}
	.ip .ip-slider .swiper-slide .txt .color{ margin:10px 0;}
	.ip .ip-slider .swiper-slide .txt .color span{ margin:0 4px;}
	.ip .ip-slider .swiper-slide .txt .t h3{ font-size:1.8em;}
	.inews .tit h3{ font-size:2.8em; margin-bottom:30px;}
	.footer .fr{ display:none;}
	.footer{ padding:40px 0;}
    .footer .fl{ width:100%; text-align:center;}
    .inews .boxs .box .t2 p{ margin:10px 0 15px 0;}
    .banner .banner-slider .swiper-pagination .swiper-pagination-bullet{ width:30px; height:2px; transform:translateY(24px);}
    .iab .iab-b{ width:100%; margin:20px auto; max-width:600px; float:none;}
    .iab{ padding:20px;}
    .inews{ max-width:550px; margin:0 auto;}
    .inews .boxs{ display:block; }
    .inews .boxs .box{ width: calc(100%); margin-top:30px;}
}
@media screen and (max-width: 850px) {
    .header{ position:static;}
    .iab .iab-b .txt h4{ font-size:2.8em;}
    .bottomlist ul li img{ width:25px; height:25px;}
    .footer{ margin-bottom:37px; padding:20px 0;}
    .footer .fl img{ width:120px; margin-bottom:10px;}
    .inews .boxs{ margin-bottom:40px;}
    .inews .boxs .box .t1 h3{ font-size:1.8em; margin-bottom:10px;}
    .inews .tit h3,.ip .tit h3{ font-size:2em; margin-bottom:20px;}
}
@media screen and (max-width: 450px) {
	.header,.header.hd{ padding:12px;}
	#hamburger{ top:15px; right:15px;}
	.banner .banner-slider .swiper-slide img{ width:130%; margin-left:-15%;}
	.ip .ip-slider .swiper-slide .txt .t p{ display:none;}
}

/*about*/
@media screen and (max-width: 1680px) {
	.about-t .tits .tit h3{ font-size:6.4em;}
	.about-t .tits .tit p{ font-size:1.6em;}
	.about-t{ padding:60px 0;}
    .about-t .tits{ margin-bottom:60px;}
    .banners{ height:500px;}
}
@media screen and (max-width: 1450px) {
	.banners{ height:450px;}
	.about-t .tits .tit h3{ font-size:5.8em;}
	.about-t .tits .t p, .about-t .txts .t p{ line-height:1.5; }
}
@media screen and (max-width: 1250px) {
	.banners{ height:400px;}
	.about-t .tits .tit h3{ font-size:4.8em;}
	.about-t .tits .tit p{ font-size:1.4em;}
	.about-t .tits .tit{ text-align:center;}
}
@media screen and (max-width: 1024px) {
	.banners{ height:350px;}
	.about-t .tits, .about-t .txts{ display:block;}
	.about-t .tits .tit, .about-t .txts .t,.about-t .tits .t, .about-t .txts .img{ width:100%}
	.about-t .tits .tit, .about-t .txts .t,.about-t .tits{ margin-bottom:20px;}	
	.about-t .tits .tit, .about-t .txts .t{ padding-right:0;}
}
@media screen and (max-width: 850px) {
	.banners{ height:300px;}
    .about-t .tits .tit h3{ font-size:3.8em;}
    .about-t{ padding:40px 0;}
    .about-t .tits .tit{ padding:0;}
}
@media screen and (max-width: 650px) {
	.banners{ height:250px;}
    .about-t .tits .tit h3{ font-size:3.2em;}
    .about-t{ padding:40px 0;}
}
@media screen and (max-width: 450px) {
    .about-t .tits .tit h3{ font-size:2.8em;}
    .about-t{ padding:40px 0;}
}

/*product*/
@media screen and (max-width: 1680px) {
    .product-t .pboxs{ width: calc(100%); margin-left: 0px;}
}
@media screen and (max-width: 1450px) {
	.product-t{ padding:60px 0;}
	.product-t .pboxs .pb .t p{ font-size:1.6em;}
	.product-t .pboxs .pb .t{ padding:8px;}
	.product-t .pboxs .pb .t .t1 h3{  font-size:1.6em; padding:8px 40px 8px 15px}
    .product-t .pboxs .pb .t .t1 span{ padding:10px 20px 10px 30px; font-size:1.8em;}
    .p-list a{ text-align:center;  padding:0 15px;}
}
@media screen and (max-width: 1250px) {
	.product-t{ padding:40px 0;}
    .product-t .pboxs .pb{ width: calc(33.33% - 20px); margin: 10px;}
}
@media screen and (max-width: 1024px) {
	 .product-t .pboxs .pb{ width: calc(50% - 20px); margin: 10px;}
	 .product-t .pboxs .pb .t .t1{ right: 0;}
	 .p-list{ flex-wrap:wrap;}
	 .p-list a{ margin:5px 0;}
	 div.fy a,div.fy span.current,div.fy span.disabled{ padding:4px 8px; }
}
@media screen and (max-width: 650px) {
	.product-t .pboxs .pb{ width: calc(100%); margin: 10px 0;}
}

/*productshow*/
@media screen and (max-width: 1680px) {
	.productshow{ padding:60px 0;}
	.productshow .pro-txts .tit h3{ font-size:3.2em;}
}
@media screen and (max-width: 1450px) {
	.productshow .pro-imgs .gallery-top .swiper-slide img,.productshow .pro-imgs .gallery-thumbs{ height:550px;}
    .productshow .pro-imgs .gallery-thumbs{ padding:30px 0;}
    .productshow .pro-imgs .gallery-thumbs .p-bottom,.productshow .pro-imgs .gallery-thumbs .p-top{ width: 100%; height: 25px; background-size: 100% 25px;}
}
@media screen and (max-width: 1024px) {
	.productshow .pro-txts .tit h3{ font-size:3.2em; margin-bottom:15px;}
	.productshow .pro-imgs .gallery-top{ width:100%; margin-bottom:15px;}
	.productshow .pro-imgs .gallery-thumbs{ width:100%;  height:auto; margin:0; padding:0 30px;}
    .productshow .pro-imgs .gallery-thumbs .p-bottom,.productshow .pro-imgs .gallery-thumbs .p-top{ width: 25px; height: 100%; background-size:25px 100% ;}
     .productshow .pro-imgs .gallery-thumbs .p-bottom{ background-image:url(../images/product/p-n.jpg);}
     .productshow .pro-imgs .gallery-thumbs .p-top{background-image:url(../images/product/p-p.jpg);}
    .productshow .pro-imgs .gallery-top .swiper-slide img{ height:auto;}
    .productshow .pro-txts .t .table{ overflow-x:scroll;}
    .productshow .pro-txts .t .table table{ min-width:1100px;}
    .productshow .pro-txts .tit h3{ font-size:2.4em;}
    .productshow .pro-imgs{ padding-bottom:30px;}
}
@media screen and (max-width: 650px) {
	.productshow{ padding:40px 0;}
	.productshow .pro-txts .tit{ padding:0 0 15px 0;}
	.productshow .pro-txts .t tr td{ padding:4px 8px;}
	.productshow .pro-txts .t .table table{ min-width:900px;}
}

/*news*/
@media screen and (max-width: 1680px) {
    .news-t .boxs{ width: calc(100% + 20px); margin-left: -10px; }
    .news-t .boxs .box{ width: calc(33.33% - 20px);  margin:10px;}
    .news-t .boxs .box .txt h3{ font-size:1.8em;}
    .news-t .tit h3{ font-size:3.2em;}
    .news-t{ padding:60px 0;}
}
@media screen and (max-width: 1450px) {
	.news-t .tit h3{ font-size:2.8em;}
    .news-t .boxs .box .txt{ padding:16px 0;}
}
@media screen and (max-width: 1024px) {
	.news-t .boxs .box .txt{ padding:16px 0 0 0;}
	.news-t .boxs .box .txt p{ height: 40px; -webkit-line-clamp:2; }
    .news-t .boxs .box .txt h3{ font-size:1.6em;}
    .news-t .boxs .box .txt span{ margin-top:12px;}
}
@media screen and (max-width: 850px) {
    .news-t .boxs .box{ width: calc(50% - 20px);}
}
@media screen and (max-width: 650px) {
	.news-t{ padding:40px 0;}
	.news-t .tit h3{ font-size:2.4em;margin-bottom:10px;}
	 .news-t .boxs{ width: calc(100%); margin-left: 0px; }
    .news-t .boxs .box{ width: calc(100%); margin:10px 0;}
}

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

/*network*/
@media screen and (max-width: 1680px) {
	.network-t{ padding:60px 0;}
	.network-t .tits h3{ font-size:3.2em;  margin-bottom:10px;}
}
@media screen and (max-width: 1450px) {
	.network-t .tits h3{ font-size:2.8em; }
}
@media screen and (max-width: 1024px) {
	.network-t{ padding:40px 0;}
}
@media screen and (max-width: 650px) {
	.network-t .tits h3{ font-size:2em; }
}

/*contact*/
@media screen and (max-width: 1680px) {
	.contact .txts .ct .tit h3,.contact .txts .cf h3{ font-size:3.2em;}
    .contact .txts .ct .tit h4{ font-size:2em; margin:10px 0 20px 0;}
    #container{ height:750px;}
    .contact .btn .fc-btn{ margin-top:30px;}
}
@media screen and (max-width: 1450px) {
	.contact .txts .ct .tit h3,.contact .txts .cf h3{ font-size:2.4em;}
    .contact .txts .cf h3{ margin-bottom:10px;}
    #container{ height:650px;}
    .contact .btn .fc-btn{ margin-top:20px;}
    .contact .txts .cf .dot input{ width: calc(50% - 20px);}
}
@media screen and (max-width: 1024px) {
    .contact{  display:block; }
    .contact .map, .contact .txts{ width:100%;}
     #container{ height:350px;}
     .contact .txts .ct,.contact .txts .cf{ padding:40px 30px;}
}
@media screen and (max-width: 850px) {
	.contact .txts .ct .tit h4{ font-size:1.8em;}
}
@media screen and (max-width: 650px) {
	.contact .txts .cf .dot input{ width: calc(100%);}
    .contact .txts .cf .dot{ display:block;}
}
@media screen and (max-width: 450px) {
	.contact .txts .ct,.contact .txts .cf{ padding:30px 20px;}
	.contact .txts .ct .tit h4{ font-size:1.6em;}
	.contact .txts .ct .tit h3, .contact .txts .cf h3{ font-size:2em;}
}