@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: 1500px) {
	.inews .inews-slider .swiper-slide .txt span{ margin-top:20px;}
	.inews .inews-slider .swiper-slide .txt p { -webkit-line-clamp: 3; height:84px;}
	.inews .inews-slider .swiper-slide .txt {  padding: 20px 20px;  margin:-80px 20px 0 20px;   width: calc(100% - 40px);}
    .inews .inews-slider .swiper-slide .txt:after{ left:-20px;}
    .inews .inews-slider .swiper-slide .txt span{ width:120px;}
    .inews .inews-slider .swiper-slide .txt span img { margin: 0 5px 0 25px;}
    .ia .txts {  width: calc(100% + 40px);  margin: -90px 0 0 -20px;}
    .ia .dots{ width:calc(100% - 100px); margin:40px 50px 0 50px;}
    .ia .txts .txt{ padding:100px 100px;}
    .banner .swiper-slide{ height:650px;}
    .banner .txt .t{ padding-top:16%;}
	.inews .inews-slider .swiper-slide .txt:after{ top:20px;}
}
@media screen and (max-width: 1400px) {
	.banner .swiper-slide{ height:550px;}
	.banner .txt h3 { font-size: 3.5em; margin-bottom:10px;}
	.banner .txt h4{ font-size:1.6em;}
	.banner .btn .swiper-pagination{ font-size:2em;}
	.banner .banner-slider>.btns{ height:120px;}
	.banner .btn .swiper-container-horizontal>.swiper-pagination-bullets, .banner .btn .swiper-pagination-custom, .swiper-pagination-fraction{ top:60px;}
	.banner .btns .btn:after{ left:50px; top:75px;}
	.ia .txts {   width: calc(100%);    margin: -90px 0 0 0px;}
	.ia .dot .t h3{ padding:30px 0;}
	.ihonor .swiper-slide .txt h3{ margin-top:35px;}
	.ip .dots {  width: calc(100% + 20px);  margin-left: -10px;}
	.ip .dots .dot { width: calc(50% - 20px);  margin: 0 10px;}
}
@media screen and (max-width: 1250px) {
	.header .logo{ padding:4px 0;}
	.header .mune a{ margin:20px 6px;}
	.header .mune span { padding: 21.5px 20px;}
	.banner .swiper-slide{ height:450px;}
	.ip .dots{ margin-top:20px;}
	.ip { padding: 50px 0 50px 0;}
	.ip .dots .dot p { font-size: 1.4em; padding-top:10px;}
	.ia .txts .txt p{ line-height:24px;}
	.ia .txts .txt span{ padding:5px 10px;}
	.ia .dots{ padding:10px 0 0 0;}
	.ia .dot { width: calc(25%);  margin: 0 0px; box-shadow:none;}
	.ia .txts{ margin:0;}
	.ia .txts .txt h3{ font-size:2.2em; margin-bottom:10px;}
	.tits h3,.footer .fo1 .tit{ font-size:2.2em; padding-bottom:20px;}
	.ia .dots{ width:100%; margin:20px 0 0 0;}
	.ia .txts .txt { padding: 60px 40px;}
	.ia .dot .t h3 span{ font-size:3.2em;}
	.ia .dot:first-child .t h3{ font-size:4em;}
	.ia .dot:last-child .t h3 span{ font-size:45px;}
	.inews .inews-slider .swiper-slide .txt p{ height:60px; line-height:20px;}
	.footer .fo1 .con{ padding-right:0;}
	.footer .fo1 .two{ padding-right:20px; margin-right:20px;}
	.footer .fo1 .con p{ line-height:24px;}
	.footer .fo1{ padding:40px 0;}
	.footer .fo1 .con h4{ font-size:1.6em; margin-bottom:10px;}
	.footer .fo1 .con2 .dot a{ width:50%;}
}
@media screen and (max-width: 1024px) {
	.footer .fo1,.header .mune{ display:none;}
	#hamburger{ top:25px;}
	.banner .txt h3{ font-size:3.2em;}
	.banner .btns .btn{ width:120px;}
	.b-p, .b-n {  width: 30px !important;   height: 30px !important;  background-size: 30px 30px !important;  top: 22px !important;}
	.banner .btns #btn, #btn2{ left:45px;}
	.banner .btns #btn img, #btn2 img{ width:30px;}
	.icase .icase-slider .swiper-slide .txt h3 {  padding: 5px 0 10px 0;   font-size: 1.4em;  line-height: 24px;}
	.banner .btn .swiper-container-horizontal>.swiper-pagination-bullets, .banner .btn .swiper-pagination-custom, .swiper-pagination-fraction{ top:45px;}
	.banner .btns .btn:after{ left:30px; top:60px;}
	.icase .icase-slider .swiper-slide{ padding-bottom:10px;}
	.ihonor .swiper-slide .txt h3{ margin-top:10px; font-size:1.4em;}
	.ihonor .swiper-slide{ padding-top:30px;}
	.footer .fo2 { padding: 12px 0;}
	.ihonor .swiper-button-next, .ihonor .swiper-button-prev {  width: 40px;  height: 40px;  background-size: 40px 40px;}
	.icase { padding: 40px 0;}
	.inews .tits { padding: 40px 0 25px 0;}
	.icase .btns{ top:75%;}
}
@media screen and (max-width: 800px) {
	.banner .swiper-slide{ height:350px;}
	.banner .txt .t{ padding-top:14%;}
	.banner .txt h3{ font-size:2.4em; margin-bottom:5px;}
	.banner .banner-slider>.btns{ height:90px;}
	.ia .dot .t h3{ padding:10px 0;}
	.ia .txts .txt{ padding:5%;}
	.ia .dot .t{ padding:10%;}
	.inews .inews-slider .swiper-slide .txt span{ padding:10px;}
	.inews .inews-slider .swiper-slide .txt h3{ font-size:1.6em; padding-bottom:10px;}
	.ia .txts>img{ width:150%;}
	.ia .txts{ overflow:hidden;}
	.footer .fo2 p:last-child{ float:none;}
	.footer .fo2{ padding:6px 0;}
	.footer .fo2 p{ font-size:1.2em; line-height:14px; display:inline !important; padding:0 !important;}
}
@media screen and (max-width: 650px) {
	.banner .txt .t{ padding-top:60px;}
	.banner .swiper-slide{ height:260px;}
	.header .logo img{ height:35px; padding:5px 0;}
	#hamburger{ top:20px; right:15px;}
	.ip{ padding:30px 0;}
	.ia .dot{ width:50%;}
	.icase .icase-slider {  padding: 25px 0px 0px 0px;}
	.ip .dots .dot{ width:100%; margin:10px auto; float:none;  max-width:400px;}
	.icase .btns{ top:80%;}
	.icase .swiper-button-next,.icase .swiper-button-prev{ width:20px; height:35px; background-size:20px 35px;}
}
@media screen and (max-width: 550px) {
	.ia .txts>img{ width:200%;}
	.tits h3, .footer .fo1 .tit{ font-size:1.8em; padding-bottom:10px;}
	.ihonor,.icase{ padding:30px 0;}
	.ihonor .swiper-slide{ padding-top:15px;}
	.inews .inews-slider .swiper-slide .txt span{ font-size:1.4em; padding:8px 10px;}
	.inews .inews-slider .swiper-slide .txt span img{ margin:0 0 -2px 25px;}
	.banner .txt .t{ width:100%; padding:80px 0 0 0;}
	.banner .txt h4{ font-size:1.4em; line-height:24px;}
	.banner .txt h3{ font-size:2em;}
}
@media screen and (max-width: 450px) {
	.ip{ padding:30px 0 10px 0;} 
	.ia .txts>img{ width:250%;}
	.ia .txts .txt span{ margin-top:15px;}
	.bottomlist ul li img{ width:30px; height:30px;}
	.footer{ margin-bottom:42px;}
}

/*news*/
@media screen and (max-width: 1350px) {
	.news-t{ padding:40px 0 20px 0;}
	.news-t .dots{ margin-top:0;}
	.news-t .dots .dot{ margin:20px;}
}
@media screen and (max-width: 1024px) {
	.news-t .dots .dot .img{ padding:10px;}
	.news-t .dots .dot .txt p{ padding-top:10px;}
	.news-t .dots .dot .txt{ padding:0 10px 10px 10px;}
	.news-t .dots{ width:calc(100% + 20px); margin-left:-10px; margin-top:20px;}
	.news-t .dots .dot{ width:calc(33.33% - 20px); margin:10px 10px;}
	.banners .warp .lead .ld{ display:none;}
	.banners{ height:280px; background-size:cover !important;}
	.banners .warp .txt h3{ font-size:3.2em; margin-bottom:15px;}
	.banners .warp .lead .current>span{ width:40px; height:40px; padding:8px 0;}
	.banners .warp .lead .current h3{ width:120px; padding:10px 6px; line-height:20px;}
	.banners .warp .lead .current .clist .dot a{  width:120px; padding:8px 6px; line-height:20px; font-size:1.4em;}
	.banners:after{ height:40px; width:100%;}
}
@media screen and (max-width: 800px) {
	.news-t .dots .dot{ width:calc(50% - 20px);}
	.banners .warp .txt h3{ font-size:2.4em;}
}
@media screen and (max-width:550px) {
	.news-t .dots .dot{ width:calc(100% - 20px); float:none; max-width:400px; margin:15px auto;}
	.news-t .dots .dot .txt h4{ margin-bottom:12px;}
}


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

/*principle*/
@media screen and (max-width: 1024px) {
	.principle-t{ padding:45px 0;}
	.principle-t .txt{ margin-top:20px;}
	.principle-t .txt p{ font-size:1.4em; line-height:20px;}
}
@media screen and (max-width: 800px) {
	.principle-t{ padding:30px 0;}
}

/*contact*/
@media screen and (max-width: 1400px) {
	#container{ height:520px;}
}
@media screen and (max-width: 1200px) {
	#container{ height:420px;}
}
@media screen and (max-width: 1024px) {
	#container{ height:320px;}
	.contact-t{ padding:40px 0;}
	.contact-t .txt .right .fc-btn{ margin-top:20px;}
	.contact-t .txt{ margin-top:30px;}
	.contact-t .txt .left h4{ font-size:2.4em; margin-bottom:15px;}
	.contact-t .txt .left h3{ font-size:1.8em; margin-bottom:5px;}
	.contact-t .txt .left p{ margin-bottom:10px;}
}
@media screen and (max-width: 850px) {
	.contact-t .txt .left,.contact-t .txt .right{ width:100%; float:none; }
	.contact-t .txt .left{ margin-bottom:40px;}
}
@media screen and (max-width: 600px) {
	.contact-t .txt .right .dot{ width:calc(100%); margin-left:0px;}
	.contact-t .txt .right .dot .fc-input{ float:none; width:calc(100%); margin:5px 0px;}	
	.contact-t .txt .left h3{ font-size:1.6em; margin-bottom:0;}
	.contact-t .txt .left h4{  font-size:1.8em; margin-bottom:10px;}
	.contact-t .txt .left h5{ font-size: 1.6em;}
	.contact-t .txt .left{ margin-bottom:20px;}
}

/*industry*/
@media screen and (max-width: 1024px) {
	.industry-t{ padding:30px 0;}
	.industry-t .boxs{ margin:30px 0;}
	.industry-t .boxs .box .txt{  padding:5% 20px 20px 20px;}
	.industry-t .boxs .box .txt h4{ margin-top:20px;}
	.industry-t .boxs .box .txt h3{ font-size:1.6em;}
	.industry-t .boxs .box .txt span{ margin:10px 0;}
	.industry-t .boxs .box .txt p { line-height: 20px; height: 40px; -webkit-line-clamp: 2;}
}
@media screen and (max-width: 800px) {
	.industry-t .boxs .box{ max-width:600px; margin:20px auto; overflow:hidden;}
	.industry-t .boxs .box a{ display:block;}
	.industry-t .boxs .box a>*{ display:block; width:100%;}
	.industry-t .boxs .box a .img,.industry-t .boxs .box:nth-child(2n) .img{float:left;}
	.industry-t .boxs .box .txt{ padding:20px;}
}

/*product*/
@media screen and (max-width: 1250px) {
	.product-t .product-txt{ padding-left:0;}
}
@media screen and (max-width: 1024px) {
	.product-t .product-list{ width:160px;}
	.product-t .product-list .pd span img,.product-t .product-list .lc .lct img{ width:20px;}
	.product-t .product-list .pd .t h3,.product-t .product-list .lc .lct .t h3{ font-size:1.6em;}
	.product-t .product-list .pd .t h4,.product-t .product-list .lc .lct .t h4{ font-size:1.2em; line-height:14px;}
	.product-t .product-list .pd .t,.product-t .product-list .lc .lct .t { width:calc(100% - 40px);}
	.product-t .product-list .pd{ padding:10px;}
	.product-t .product-list .pdd a{ padding:6px 10px;}
	.product-t .product-list .pdd a p{ font-size:1.4em; line-height:20px;}
	.product-t .product-txt{ width:calc(100% - 160px);}
	.product-t .product-txt .dot {  width: calc(50% - 10px); margin: 0 0 10px 10px; padding:20px;}
	.product-t .product-txt .dot .txt p{ padding:10px 0;}
}
@media screen and (max-width: 800px) {
	.product-t{ padding:40px 0;}
	.product-t .product-list{ display:none;}
	.product-t .product-txt{ width:calc(100%);}
	.product-t .product-txt .dot {  width: calc(50% - 20px); margin:10px;}
}
@media screen and (max-width: 600px) {
	.product-t{ padding:20px 0;}
	
	.product-t .product-txt .dot .txt p{ font-size:1.4em;}
}
@media screen and (max-width: 450px) {
	.product-t .product-txt .dot{ padding:12px;}
	.product-t .product-txt .dot { float:none; width:100%; max-width:400px; margin:20px auto;}
}

/*case*/	
@media screen and (max-width: 1200px) {
	.case-t{ padding:60px 0 40px 0;}
	.case-t .tits h4{ padding:10px 0 20px 0;}
	.case-t .boxs{ width:calc(100% + 20px); margin-left:-10px;}
	.case-t .boxs .box{ width:calc(33.33% - 20px); margin:10px;}
}
@media screen and (max-width: 850px) {
	.case-t .boxs .box{ width:calc(50% - 20px);}
	.case-t .boxs .box .txt h3{ padding:8px;}
	.case-t .boxs .box .txt h4{ padding:6px;}
	.case-t{ padding:40px 0 20px 0;}
}
@media screen and (max-width: 600px) {
	.case-t .boxs .box .txt h3{ font-size:1.6em;}
	.case-t .boxs{ width:calc(100%); margin-left:0px;}
	.case-t .boxs .box{ float:none; width:calc(100%); margin:15px auto; max-width:350px;}
}

/*produdtshow*/
@media screen and (max-width: 1250px) {
	.product-t .productshow-t{ padding-left:20px;}
}
@media screen and (max-width: 800px) {
	.productshow-t .txt1 .img{ float:none; width:100%; margin:0 auto; text-align:center; margin-bottom:20px;}
	.productshow-t .txt1 .img img{ max-width:calc(100% - 2px);}
	.productshow-t .txt1 .txt{ float:none; width:100%; max-width:500px; margin:0 auto;}
	.product-t .productshow-t{ padding-left:0px;}
	.productshow-t .txt2 .table{ margin:20px 0; overflow:scroll; }
	.productshow-t .txt2 .table table{ width:800px;}
}
@media screen and (max-width: 550px) {
	.productshow-t .txt2 .t p{ line-height:24px;}
	.productshow-t .txt2{ margin-top:20px;}
	.productshow-t .txt2 .t{ margin-bottom:20px;}
}

/*about*/
@media screen and (max-width: 1250px) {
	.about-t .txt p{ line-height:24px;}
	.about-t{ padding:40px 0;}
	.about-t .tits{ margin-bottom:40px;}
}
@media screen and (max-width: 850px) {
	.about-t .img{ width:100%; margin-bottom:20px; text-align:center;}
	.about-t .txt { padding-left: 0px;  width: 100%;}
}

/*video*/
@media screen and (max-width: 1024px) {
	.video-t .boxs .box { width: calc(50% - 20px); margin: 15px 10px;}
	.video-t { padding: 45px 0;}
	.video-t .tits h4 { padding: 20px 0 20px 0;}
}
@media screen and (max-width:750px) {
	.video-t .boxs{ width:100%; margin:0;}
	.video-t .boxs .box { width: calc(100%);  margin: 0 auto 30px auto; max-width:450px; float:none;}
	.video-t .boxs .box .txt h3{ padding:15px 10px;}
}
@media screen and (max-width:450px) {
	.video-t{ padding:30px 0;}
	.video-t .boxs .box .img .i img{ width:40px;}
	.video-t .boxs .box .txt h3{ font-size:1.4em; padding:8px 10px;}
	.video-t .boxs .box { margin: 0 auto 15px auto; }
}