@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 .menu .links a{ padding:24px 20px;}
    .header .more{ padding:22px 20px;}
    .header .logo img{ width:190px;}
    .banner .swiper-slide .txt{ height:800px;}
    .banner .swiper-slide .txt h4{ font-size:5em;}
    .banner .swiper-slide .txt h3{ font-size:2.8em;}
    .banner .swiper-slide .txt p{font-size:2.4em;}
    .ip{ padding:80px 0;}
    .i-tit h4{ font-size:4.2em;}
    .ip .ip-slider .tit .t h3{ font-size:2em;}
    .ip .ip-slider .tit .i{ width:35%;}
    .ip .ip-slider .tit .i img{ width:100%;}
    .ip .ip-slider .tit .t{ width:75%;}
    .icus .icus-b .icusb .txt .t h3{ font-size:2em;}
    .icus .icus-b .icusb .txt .ti{ height:300px;}
    .icus .icus-b .icusb .txt{bottom:-270px;}
    .ie .txt .tit{ padding:60px 40px;}
    .ie .txt .tit .t p{ padding-top:0px;}
    .inews{ padding:100px 0;}
    .inews .dots{ margin-top:60px;}
    .inews .dots .dot .txt h3{ margin-bottom:30px;}
    .footer .fo1{ padding:40px 0;}
    .footer .fo1 .two p{ font-size:1.6em;}
}
@media screen and (max-width: 1450px) {
	.banner .swiper-slide .txt{ height:600px;}
    .header .menu .links a{ font-size:1.4em;}
    .header .more{ padding:21px 20px;}
    .header .logo img{ width:180px;}
    .header .menu .links{ padding-right:20px;}
    .banner .swiper-slide .txt h4{ font-size:3.6em;}
    .banner .swiper-slide .txt h3{ font-size:2.4em;}
    .banner .swiper-slide .txt p{font-size:2em;}
    .banner .swiper-slide .txt img{ height:50px;}
    .banner .swiper-slide .txt{ padding:0 10%;}
    .i-tit h4{ font-size:3.6em;}
    .i-tit h3{ font-size:2em;}
     .ip .ip-slider{ padding:40px 0;}
    .ip .ip-slider .tit .t p{ font-size:1.4em;}
    .ie .txt .tit .t p{ font-size:1.4em;}
     .inews{ padding:80px 0;}
    .inews .dots .dot .txt h4{ font-size:1.6em;}
    .footer .fo1 .links{ padding:0 20px;}
    .footer .fo1 .links .link p a{ font-size:1.4em; line-height: 24px; height:24px;}
    .footer .fo1 .two img{ width:140px;}
}
@media screen and (max-width: 1250px) {
	.banner .swiper-slide .txt{ height:500px;}
	.banner .swiper-slide .txt{ padding:0 40px;}
	.header .more a{ padding:0 10px;}
	.ip .ip-slider .tit .i{ padding: 30px 15px;}
	.ip .ip-slider .tit .t{ padding:0 15px;}
	.ip .swiper-pagination-progressbar{ height:10px;}
	.i-tit h4{ font-size:2.8em;}
	.i-tit h3{ font-size:1.6em;}
	.ie .txt .tit .t p{ line-height:1.5;}
	.inews .dots .dot .txt{ padding:20px;}
	.inews .dots .dot .txt h3{ margin-bottom:10px;}
	.inews .dots{ margin-top:40px;}
	.footer .fo1 .t h4{ margin:20px 0 6px 0;}
	.footer .fo1 .t h3{ font-size:2.4em;}
	.footer .fo1 .links .link h3 a{ font-size:1.6em;}
	.inews .dots .dot{ width: calc(25% - 10px); margin: 0 5px;}
	.icus .icus-b .icusb .txt img{ padding:10px 0;}
}
@media screen and (max-width: 1024px) {
	.header .menu{ display:none;}
	.ip{ padding:40px 0;}
	.icus .icus-b .icusb .txt{ position: static;}
	.icus .icus-b .icusb .txt .ti{ height:auto;}
	.icus .icus-b .icusb{ padding:0;}
	.icus .icus-b .icusb .txt .ti:after{  border-left: 20px solid transparent;   border-right: 20px solid transparent; border-top: 10px solid #006383; }
    .icus .icus-b .icusb .txt .t p{ height:auto; }
    .inews{ padding:60px 0;}
    .inews .dots .dot{ width: calc(50% - 10px); margin: 5px;}
    .footer .fo1{ display:none;}
    .footer .fo2{ padding:20px 0;}
    .footer .fo2 .t1,.footer .fo2 .t2{ text-align:center; float:none;}
    .footer .fo2 p{ line-height:1.4;}
    .footer .fo2 p span{ margin-left:5px;}
}
@media screen and (max-width: 850px) {
	.banner .swiper-slide .txt h4{ font-size:2.4em;}
    .banner .swiper-slide .txt h3{ font-size:1.6em;}
    .banner .swiper-slide .txt p{font-size:1.4em; max-width:50%;}
    .banner .swiper-slide .txt img{ height:40px;}
	 .banner .swiper-slide .txt{ height:400px;}
	 .ip .ip-slider .tit .t p{ display:none;}
	 .icus{ padding:60px 0;}
	 .icus .icus-b .icusb .txt .t{ padding:25px 20px;}
	 .icus .icus-b .icusb .txt .t h3{ font-size:1.8em;}
	 .icus .icus-b .icusb{ margin:20px auto; max-width:500px; float:none; width: calc(100% - 20px);}
	 .ie>*,.ie{ display:block;  width:100%;}
	 .ie .img{ height:400px;}
	 .ie .txt .tit{ padding:40px 30px;}
	 .ip .swiper-pagination-progressbar{ width:100%; left:0;}
}
@media screen and (max-width: 650px) {
	.banner .swiper-slide .txt{ height:300px;}
	.i-tit h4{ font-size:2.2em;}
    .bottomlist ul li img{ width:25px; height:25px;}
    .footer{ margin-bottom:37px;}
    .inews .dots .dot .txt h4{ font-size:1.4em;}
}
@media screen and (max-width: 450px) {
	.banner .swiper-slide .txt{ height:240px;}
	.banner .swiper-slide .txt{ padding:0 20px;}
	.header .logo{ padding:12px 10px;}
	.header .logo img{ width:140px;}
	#hamburger{ top:20px; right:15px;}
	.banner .swiper-slide .txt h4{ font-size:2em; }
	.banner .swiper-slide .txt h3{ padding:0 4px;}
	.banner .swiper-slide .txt p{ font-size:1.2em;}
	.banner .swiper-slide .txt img{ height:25px;}
	.banner .swiper-slide .txt h3:after{ display:none;}
	.ip .ip-slider .tit .t h3{ font-size:1.6em;}
	.ip .ip-slider .tit .i{ padding:12px 5px;}
	.icus .icus-b{ margin-top:20px;}
	.icus .icus-b .icusb .txt .t h3{ font-size:1.6em;}
	.inews{ padding:40px 0;}
	.inews .dots .dot{ width: calc(100% - 10px);}
}


/*about*/
@media screen and (max-width: 1680px) {
	.banners>.warp2{ height:450px;}
    .about-t .ab1 .txts .tit h3{ font-size:9em;}
    .about-t .ab1 .txts .tit h4{ font-size:4.2em;}
    .about-t .ab1 .txts .tit p{ font-size:2.2em;}
    .about-t .ab1 .dots .dot h3{ font-size:5em;}
    .tits>h3{ font-size:9em;}
    .tits>h4{ margin-top:-70px; margin-bottom:50px;}
}
@media screen and (max-width: 1450px) {
	.banners>.warp2{ height:400px; }
	.banners>.warp2 .t:after{ right:-10px;}
	.about-t .ab2{ padding:60px 0;}
	.about-t .ab3 .txt .img .t p{ font-size:2em;}
	.tits>h4{ font-size:2.6em;}
}
@media screen and (max-width: 1250px) {
	.banners>.warp2{ height:350px; }
	.banners>.warp2 .t h3, .banners>.warp2 .t p{ font-size:2em;}
	.lists a .t h3{ font-size:1.6em; margin:4px 0;}
	.about-t .ab1 .txts .tit h3{ font-size:8em;}
	.about-t .ab1 .txts .tit h4{ font-size:3.6em;}
    .about-t .ab1 .txts .tit p{ font-size:2em;}
    .about-t .ab1 .dots .dot h3{ font-size:4em;}
    .about-t .ab1 .dots .dot{ padding:10px 0;}
    .about-t .ab1 .dots .dot .d p{ font-size:2em;}
    .tits>h3{ font-size:7em;}
    .about-t .ab2{ padding:60px 0 0 0;}
    .about-t .ab2 .swiper-button-prev,.about-t .ab2 .swiper-button-next{  width: 20px; height: 40px; background-size: 20px 40px;}
    .about-t .ab3{ padding: 60px 0 80px 0;}
    .about-t .ab3 .txt{ height:280px;}
    .about-t .ab3 .txt .tit h3{ font-size:2.4em;}
    .about-t .ab3 .txt .img .t p{ font-size:1.8em;}
    .tits>h4{ font-size:2em; margin-top:-50px; margin-bottom:40px;}
    .about-t .ab3 .txt { border-top-left-radius: 100px;}
    .about-t .ab3 .txt .img{border-bottom-right-radius: 100px;}
    .about-t .ab1{  padding: 80px 0 100px 0;}
}
@media screen and (max-width: 1024px) {
	.banners>.warp2{ height:300px; }
    .about-t .ab1 .dots{ margin-top:30px;}
    .lists a .t{ padding:10px;}
    .lists a>p{ width:120px;}
    .about-t .ab1{  padding: 60px 0 80px 0;}
    .about-t .ab1 .dots .dot h3{ font-size:3em;}
    .about-t .ab1 .dots .dot .d p{ font-size:1.8em;}
    .about-t .ab1 .txts .tit h3{ font-size:6em;}
	.about-t .ab1 .txts .tit h4{ font-size:2.8em;}
    .about-t .ab1 .txts .tit p{ font-size:1.6em; letter-spacing:4px;}
    .about-t .ab1 .txts .tit{ width:30%;}
    .about-t .ab1 .txts .txt{ width:70%;}
    .tits>h3{ font-size:5em;}
}
@media screen and (max-width: 850px) {
	.lists{ display:none;}
	.tits>h4{ font-size:2em; margin-top:-30px; margin-bottom:20px;}
	.lists a .t h3{ font-size:1.4em;}
	.about-t .ab3 .txt{ height:200px;}
	.about-t .ab3 .txt .img .t p{ font-size:1.6em;}
	.about-t .ab3 .txt .tit h3{ font-size:2em;}
	.about-t .ab2 .hmore{ margin-top:20px; }
	.about-t .ab2 .hmore a{ font-size:1.4em;}
	.banners>.warp2 .t h3, .banners>.warp2 .t p{ font-size:1.6em;}
	.about-t .ab1 .txts{ display:block; }
	.about-t .ab1 .txts .tit{ width:100%; margin-bottom:20px;}
	.about-t .ab1{ padding:40px 0;}
	.about-t .ab1 .txts .txt{width:100%;}
	.about-t .ab1 .dots{width:100%;}
	.about-t .ab1 .dots .dot{ width:100%; margin-top:10px;}
}
@media screen and (max-width: 450px) {
	.about-t .ab1 .txts .tit h3{ font-size:3em;}
	.about-t .ab1 .txts .tit h4{ font-size:2.4em;}
	.about-t .ab2{ padding-top:40px;}
	.tits>h3{ font-size:3em;}
	.about-t .ab3{ padding:40px 0;}
	.about-t .ab3 .txt .tit{ width:100%;}
	.about-t .ab3 .txt{ display:block; height:auto;}
	.about-t .ab3 .txt .img{ width:100%; padding:40px 20px;}
}

/*honor&quality&partner*/
@media screen and (max-width: 1450px) {
	.honor .dots,.quality .dots,.partner .dots{ margin:20px 0 20px 0px;}
	.honor,.quality,.partner{ padding:60px 0;}
	.tits{ padding-bottom:10px;}
	div.fy{ padding-top:20px;}
}
@media screen and (max-width: 850px) {
	.honor .dots .dot{width: calc(25% - 20px); margin: 10px 10px;}
	.quality .dots .dot,.partner .dots .dot{width: calc(20% - 20px); margin: 10px 10px;}
}
@media screen and (max-width: 650px) {
	.honor .dots .dot{width: calc(50% - 20px); margin: 10px 10px;}
	.quality .dots .dot,.partner .dots .dot{width: calc(25% - 20px); margin: 10px 10px;}
	div.fy a ,div.fy span.current,div.fy span.disabled{ margin:2px 2px;padding:4px 8px;  }
}

/*product*/
@media screen and (max-width: 1680px) {
	.produt-t{ padding:40px 0 60px 0;}
	.produt-t .dots .dot .tit .t{ padding:10px 20px;}
	.produt-t .dots .dot .tit .t p{ font-size:1.2em; line-height:16px; max-height:32px;}
}
@media screen and (max-width: 1450px) {
	.produt-t .dots .dot{ margin:30px 10px;}
	.produt-t .dots .dot .tit .t h3{ font-size:1.6em;}
	.produt-t .dots .dot .tit .ta{ height:76px;}
}
@media screen and (max-width: 1250px) {
	.produt-t .dots .dot .tit .t p{ display:none;}
	.produt-t .dots .dot .tit .ta{ height:50px;}
	.produt-t .dots .dot .tit .t{ padding:8px 10px;}
	.lists.p-list a{ width:auto;}
	.lists.p-list a>p{ padding:15px 10px; }
	.produt-t .dots .dot{ margin:20px 10px;}
}
@media screen and (max-width: 850px) {
	.produt-t .dots .dot{ width: calc(50% - 20px);}
}
@media screen and (max-width: 650px) {
	.produt-t .dots .dot .tit .t h3{ font-size:1.4em;}
	.produt-t .dots .dot .tit .ta{ height:40px;}
}
@media screen and (max-width: 450px) {
	.produt-t .dots .dot{ width: calc(100% - 20px);  margin:10px 10px;}
}

/*productshow*/
@media screen and (max-width: 1680px) {
	.produtshow .pro-t .txt .tit h3{ font-size:2em;}
    .produtshow .pro-t .txt .ti .ds .d img{ margin-bottom:10px; width:40px;}
    .produtshow .pro-t{ margin-bottom:50px;}
    .produtshow{ padding:60px 0;}
}
@media screen and (max-width: 1250px) {
	.produtshow .pro-t .txt .tit{ margin:0 0 20px 0;}
	.produtshow .pro-t .txt .t h3{ margin-bottom:4px;}
	.produtshow .pro-t .txt .ti{ margin-top:30px;}
	.produtshow .p-txts .p-table{ margin-top:40px;}
}
@media screen and (max-width: 1024px) {
	.produtshow .p-more .pm .pmd{ width: calc(33.33% - 20px) ;}
	.produtshow .p-more .pm .pmd .t{ padding:6px;}
	.produtshow .pro-t .txt .ti .ds .d p{ line-height:1.2;}
	.produtshow .pro-t .img{ width:100%; margin-bottom:20px;}
	.produtshow .pro-t .txt{ width:100%; }
	.produtshow .pro-t{ max-width:650px;  margin:0 auto 40px auto;}
}
@media screen and (max-width: 850px) {
	.produtshow .p-more .pm .pmd .t h3{ font-size:1.4em; }
	.produtshow .p-more .pm .pmd{ width: calc(50% - 20px); margin:10px;}
}
@media screen and (max-width: 650px) {
	.produtshow .p-txts .p-table{ overflow-x:scroll;}
	.produtshow .p-txts .p-table table{ min-width:800px;}
	.produtshow .pro-t .txt .tit h3{ font-size:1.8em;}
	.produtshow{ padding:40px 0;}
}
@media screen and (max-width: 450px) {
	.produtshow .p-more .pm .pmd{ width: calc(100% - 20px);}
}



/*news*/
@media screen and (max-width: 1680px) {
    .news-t{ padding:40px 0;}
    .news-t .dots .dot .txt .t2 p {  height: 72px;    -webkit-line-clamp: 3;}
    .news-t .dots .dot .txt .t2 h3{ font-size:1.8em; margin:10px 0;}
}
@media screen and (max-width: 1250px) {
	.news-t .dots .dot .txt .t2 p { font-size:1.4em;  height: 48px;    -webkit-line-clamp: 2;}
    .news-t .dots{  width: calc(100% + 20px); margin-left: -10px;}
    .news-t .dots .dot{  width: calc(33.33% - 20px); margin:20px 10px; }
}
@media screen and (max-width: 1024px) {
	.news-t .dots .dot .txt .t2 h3{ font-size:1.6em; margin:6px 0 0 0;}
	.news-t .dots .dot .txt .t2 span{ padding:8px 20px;}
	.news-t .dots .dot .txt .t1{ padding:12px 0;}
}
@media screen and (max-width: 850px) {
	.news-t .dots .dot{  width: calc(50% - 20px);}
}
@media screen and (max-width: 450px) {
	.news-t .dots .dot{  width: calc(100% - 20px);}
}

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

/*customer*/
@media screen and (max-width: 1450px) {
	.network{ padding:100px 0;}
}
@media screen and (max-width: 850px) {
	.network{ padding:60px 0;}
}
@media screen and (max-width: 450px) {
	.network{ padding:40px 0;}
}

/*sale*/
@media screen and (max-width: 1450px) {
    .sale-t .dots .dot{ padding:0 40px 20px 40px;}	
    .sale-t .tip{ margin:30px 40px 0 40px;}
    .sale-t .dots .dot img{ width:50px;}
    .sale-t .dots .dot span{ width:100px; height:100px;}
}
@media screen and (max-width: 1250px) {
	.sale-t{ padding:80px 0;}
	.sale-t .dots .dot .t{ margin:20px 0 30px 0;}
	.sale-t .dots .dot{ width:calc(50% - 40px); margin:0 20px;}
}
@media screen and (max-width: 1024px) {
	.sale-t .dots .dot img{ width:40px;}
    .sale-t .dots .dot span{ width:90px; height:90px; margin-top:-40px;}
     .sale-t .dots .dot{ padding:0 30px 20px 30px;}	
     .sale-t .dots{ padding-top:40px;}
}
@media screen and (max-width: 850px) {
	.sale-t .dots .dot{ height:auto; width:100%; margin:60px 0 0 0;}
	.sale-t .dots{ padding-top:0px;}
	.sale-t{ padding:40px 0 80px 0;}
}
@media screen and (max-width: 650px) {
	.sale-t .dots .dot span{ width:70px; height:70px; margin-top:-20px; padding:15px 0;}
	.sale-t .tip{ margin:20px  0 0 0 ;}
	.sale-t .dots .dot .t{ margin:20px 0 20px 0;}
}
@media screen and (max-width: 450px) {
	.sale-t{ padding:0px 0 40px 0;}
	.sale-t .dots .dot .t h3{ font-size:1.6em;}
	.sale-t .dots .dot .t h4{ font-size:1.4em;}
}

/*contact*/
@media screen and (max-width: 1680px) {
	.contact-t .txt{ padding: 50px 80px;}
    #container{ height:600px;}
    .contact-t .txt .tit h3{ font-size:2em;}
    .contact-t .txt .t h4{ font-size:4em;}
    .contact-t .txt .tit p{ font-size:1.6em;}
    .contact-t .txt .t{ margin:20px 0;}
    .contact-t .txt .t1{ padding-bottom:20px;}
    .contact-t .txt .t2{ padding-top:20px;}
}
@media screen and (max-width: 1450px) {
	.contact-t .txt .t h4{ font-size:3.2em;}
    .contact-t .txt .t h3 img{ margin: 0 10px -6px 0; width:25px;}
    .contact-t .txt{ padding: 40px 40px;}
}
@media screen and (max-width: 1250px) {
	.contact-t .txt .t h4{ font-size:2.4em;}
	.contact-t .txt .tit h3{ font-size:1.8em;}
	.contact-t .txt .tit p{ font-size:1.4em;}
}
@media screen and (max-width: 1024px) {
	 #container{ height:500px;}
}
@media screen and (max-width: 850px) {
	.contact-t{ display: block; }
    .contact-t>*{ width:100%;}
    #container{ height:400px;}
}
@media screen and (max-width: 650px) {
	.contact-t .txt{ padding: 40px 20px;}
	.contact-t .txt .tit h3{ line-height:1.5;}
	.contact-t .txt .tit p{ line-height:1.2;}
    .contact-t .txt .t1 p,.contact-t .txt .t2 p{ line-height:1.5;}
}

/*feedback*/
@media screen and (max-width: 1250px) {
    .feedback .tit p{ max-width:100%;}
}
@media screen and (max-width: 850px) {
    .feedback .btn .fc-btn{ padding:6px 20px; width:140px;}
    .feedback input, .feedback textarea{ padding:4px 12px;}
}
@media screen and (max-width: 650px) {
    .feedback{ padding: 40px 0;}	
    .feedback .dot input{ float:none; width: calc(100% - 30px); margin: 0 15px; margin-bottom:12px;}
    .feedback .btn .fc-btn{ margin-top:20px;}
}