@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: 1550px) {
	.warp{ padding:0 50px;}
	.banner .swiper-slide{ height:550px;}
	.banner .txt .t{ padding:16% 0 0 0;}
	.banner .txt h3{ font-size:4.5em; margin-bottom:10px;}
	.ia .txt p{ margin-bottom:10px;}
	.footer .fo1 { padding: 30px 0 45px 0;}
	.footer .fo1 .right .dot{ width:100px;}
}
@media screen and (max-width: 1400px) {
	.warp{ padding:0 20px;}
	.header .logo img{ width:240px;}
	.header .mune .m-dot{ padding: 27px 0px 20px 30px;}
	.header .mune span { padding: 27px 0px 20px 30px;}
}
@media screen and (max-width: 1300px) {
	.banner .swiper-slide{ height:450px;}
	.banner .txt .t{ padding:12% 0 0 0;}
	.banner .txt h3 { font-size: 3.5em; line-height:45px;}
	.ip .ip-slider .txt h3{ font-size:1.8em;}
	.inews { overflow:hidden; width: 100%; margin-right: 0%; margin-bottom:40px;}
	.inews .txt .dot{ float:left; width:calc(33.33% - 70px);}
	.inews .txt .dots{ overflow:hidden;}
	.inews .txt .dot:hover{ width:33.33%;}
	.inews .txt .dot:last-child{ border-bottom:1px solid #e5e5e5;}
	.ia { width: 50%; margin-right: 4%;}
	.iv{ width:46%;}
	.footer .fo1 .right .dot{ width:80px;}
	.footer .fo1 .right .dot:first-child{ width:300px;}
	.banner .txt.txt2 .t{ padding:260px 0 0 5%;}
}
@media screen and (max-width: 1150px) {
	.ia .txt{ margin-top:00px;}
	.footer .fo1 .right .f-mune{ display:none;}
	.ia .txt .dots .dot img{ width:40px;}
	.ia .txt h3{ font-size:1.6em; margin-bottom:10px;}
	.banner .txt .t{ padding:140px 0 0 0; }
}
@media screen and (max-width: 1024px) {
	.header .mune{ display:none;}
	
	.banner .swiper-slide{ height:350px;}
	.banner .txt h3 { font-size: 2.4em; line-height:30px;}
	.banner .txt h4 {  font-size: 1.4em;  line-height: 16px; margin-bottom:20px;}
	.banner .txt a{ font-size:1.4em; padding:2px 15px;}
	#hamburger{ top:30px;}
	.ia .txt .dots .dot h4{ padding:5px 0 0 0;}
	.inews .txt .dot { width: calc(33.33% - 20px);  padding: 10px 0; margin: 0 10px;}
	.inews .txt .dot:hover{ padding:10px 20px;}
	.iboxs{ padding:40px 0;}
	.footer .fo1{ display:none;}
	.ia .txt .dots .dot h4{ font-size:1.4em;}
	.banner .txt.txt2 .t{ padding:240px 0 0 0;}
	.banner .txt.txt2 h3{font-size:3.2em;}
	.ip .ip-slider .img img{ width:100px;}
	.ip .ip-slider .img{ width:50px; height:46px; margin-bottom:5px;}
	.ip .ip-slider .swiper-slide:hover img{ margin-left: -50px;}
	.ip .ip-slider .txt h3{ font-size:1.4em; line-height:20px; height:40px;}
	.ip .ip-slider .swiper-slide{ padding:20px 0;}
}
@media screen and (max-width: 850px) {
	.inews .txt .dot { width: calc(100% - 20px); }
	.inews .txt .dot:hover{ width:100%;}
	.tits{ margin-bottom:20px;}
	.inews{ margin-bottom:30px;}
	.ia { width: 100%; margin-right: 0%; margin-bottom:30px;}
	.iv{ width:100%;}
	.footer .fo2 .warp>*{ display:inline; padding:0;}
	.footer .fo2 p{padding:0; display:inline; float:none;}
	.footer .fo2 p:last-child{ float:none; display:inline; padding:0;}
	.banner .txt.txt2 h3{font-size:2.4em; margin-bottom:12px; padding-left:10px;}
	.banner .txt.txt2 h4{font-size:1.6em; letter-spacing:0px;}
}
@media screen and (max-width: 600px) {
	.banner .swiper-slide{ height:250px;}
	.banner .txt a{ display:none;}
	.banner .txt .t{ padding:100px 0 0 0;}
	.inews .txt .dot h3{ font-size:1.6em; margin-bottom:0;}
	.inews .txt .dot p{ height:24px; -webkit-line-clamp: 1;}
	.tits h3{ font-size:1.6em;}
	.iboxs{ padding:30px 0;}
	.tits{ margin-bottom:10px;}
	.banner .txt.txt2 .t{ padding:160px 0 0 0;}
}
@media screen and (max-width: 500px) {
	.banner .txt .t{ max-width:100%; padding:150px 0 0 0;}	
	.banner .txt h3{ font-size:2em; line-height:24px; margin-bottom:5px;}
	.header .logo img{ width:200px;}
	#hamburger{ top:25px; right:15px;}
	.footer .fo2 .warp>*{ font-size:1.2em; line-height:20px;}
	.footer .fo2 .warp{ padding:0 15px;}
	.footer .fo2{ padding:12px 0;}
	.inews{ margin-bottom:20px;}
	.ia .txt .dots .dot{ padding:5px; width:33.33%;}
	.ia .txt .dots { margin-top: 15px; padding:10px 0;}
	.ia .txt .dots .dot img{ width:25px;}
	.bottomlist ul li img{ width:30px; height:30px;}
	.footer{ margin-bottom:42px;}
}

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

/*about*/
@media screen and (max-width: 1600px) {
	.about-t .tit h3{ font-size:4.2em;}
	.about-t .ab1 .txts .txt p{ line-height:32px;}
	.about-t .ab1 .txts{ margin-top:40px;}
	.about-t .ab1{ padding:50px 0;}
	.about-t .honor .swiper-slide{ padding:40px 40px;}
	.about-t .honor .honor-slider{ padding:60px 0 2px 0;}
	.about-t .video{ padding:50px 0;}
	.about-t .video .video-slider{ margin-top:50px;}
	.banners{ height:450px;}
}
@media screen and (max-width: 1400px) {
	.banners{ height:400px;}
	.banners .warp h3 { font-size: 4.2em; margin-bottom:10px;}
	.about-t .tit h3{ font-size:3.2em;}
	.about-t .tit h4{ font-size:2.4em;}
	.about-t .honor .honor-slider { padding: 40px 0 2px 0;}
	.about-t .honor .swiper-slide{ padding:20px;}
	.about-t .honor .swiper-slide .txt{ margin-top:15px;}
	.about-t .btn{ margin-top:40px;}
	.about-t .video .video-slider .txt h3,.about-t .honor .swiper-slide .txt h3{ font-size:1.6em;}
	.about-t .video .video-slider{ margin-top:40px;}
	.about-t .ab1 .txts .txt p{ font-size:1.4em; line-height:24px;}
	.lead a{ margin:0 40px; font-size:1.6em; padding:12px 0;}
}
@media screen and (max-width: 1200px) {
	.banners{ height:350px;}
	.banners .warp h3 { font-size: 3.2em;}
	.banners .warp h4 { font-size: 2.4em;}
	.banners .warp h4:after {  top: 12px;  left: calc(100% + 10px);}
	.lead a{ margin:0 20px;}
	.about-t .ab1,.about-t .honor,.about-t .video{ padding:40px 0;}
	.about-t .tit h3 { font-size: 2.4em;}
	.about-t .tit h4 { font-size: 2em;}
	.about-t .ab1 .txts,.about-t .video .video-slider{ margin-top:20px;}
	.about-t .ab1 .txts .txt{ padding:0 20px;}
	.about-t .honor .honor-slider { padding: 20px 0 2px 0;}
	.about-t .honor .swiper-slide{ padding:0 0 20px 0;}
}
@media screen and (max-width: 1024px) {
	.about-t .ab1 .txts>*{ float:none; }
	.about-t .ab1 .txts .img{ width:100%; margin-bottom:20px;}
	.about-t .ab1 .txts .txt{ width:100%; padding:0;}
}
@media screen and (max-width: 800px) {
	.banners{ height:280px;}
	.banners .warp h3{ font-size:2.4em;}
	.banners .warp h4 { font-size: 1.8em;}
	.banners .warp h4:after {  top: 6px;  left: calc(100% + 10px);}
	.lead a{ margin:0 10px; font-size:1.4em;}
	.about-t .ab1,.about-t .honor,.about-t .video{ padding:20px 0;}
	.about-t .tit h3{ font-size:2em; margin-bottom:5px;}
	.about-t .tit h4{ font-size:1.6em;}
	.about-t .ab1 .txts,.about-t .video .video-slider{ margin-top:10px;}
	.about-t .swiper-pagination-bullet { width: 20px;  height: 20px; line-height: 20px;  font-size: 12px; margin: 2px 2px;}
	.about-t .swiper-button-next, .about-t .swiper-button-prev { width: 22px; height: 22px; background-size: 22px 22px; top: 24px;}
	.about-t .honor .swiper-slide{ padding:0 0 12px 0}
	.about-t .video .video-slider .txt h3, .about-t .honor .swiper-slide .txt h3{ font-size:1.4em;}
	.about-t .btn{ margin-top:20px;}
	.about-t .video .video-slider .txt h3{ margin-top:10px;}
}
@media screen and (max-width: 500px) {
	.banners{ height:200px;}
}

/*service*/
@media screen and (max-width: 1800px) {
	.service-t .dot .txt{ padding:40px 50px 20px 50px;}
	.service-t .dot .txt h3{font-size:4.5em; margin-bottom:12px;}
	.service-t .dot .txt h4{ font-size:2.8em; margin-bottom:20px;}
	.service-t .dot .txt p{ line-height:32px;}
}
@media screen and (max-width: 1550px) {
	.service-t .dot .txt{ padding:20px 40px;}
	.service-t .dot .txt h3{font-size:3.6em; margin-bottom:12px;}
	.service-t .dot .txt p{ display:inline;}
}
@media screen and (max-width: 1250px) {
	.service-t .dot .txt h3{font-size:3.2em; margin-bottom:6px;}
	.service-t .dot .txt h4 { font-size: 2.4em; margin-bottom: 10px;}
	.service-t .dot .txt p{ line-height:24px; font-size:1.4em;}
}
@media screen and (max-width: 1024px) {
	.service-t { padding: 40px 0;}
	.service-t .dot .txt{ padding:20px 20px;}
	.service-t .dot .txt h3{font-size:2.4em; margin-bottom:2px;}
	.service-t .dot .txt h4 { font-size: 1.6em; margin-bottom: 5px;}
	.service-t .dot .txt p{ line-height:20px;}
}
@media screen and (max-width: 900px) {
	.service-t{ overflow:hidden;}
	.service-t .dot{display:table-cell; width:50%;}
	.service-t .dot .img,.service-t .dot .txt{ width:100%; float:none;}
	.service-t .dot:nth-child(2) .img{ float:none;}
}
@media screen and (max-width: 650px) {
	.service-t .dot{display:block; width:100%;}
}

/*news*/
@media screen and (max-width: 1024px) {
	.news-t{ padding:50px 0;}
	.news-t .dot { margin: 20px 12px; width: calc(33.33% - 24px);}
	.news-t .dot .txt h3{ font-size:1.8em;}
	.news-t .dot .txt h4{ padding:5px 0;}
	.news-t .dot .txt{ padding:12px;}
	.news-t .dots{ width:100%; margin:0;}
}
@media screen and (max-width: 800px) {
	.news-t .dot { margin: 16px 6px; width: calc(33.33% - 12px);}
	.news-t .dot .txt h3{ font-size:1.6em;}
	.news-t{ padding:30px 0 50px 0;}
}
@media screen and (max-width: 650px) {
	.news-t .dot { width: calc(50% - 12px); margin: 10px 6px;}
}
@media screen and (max-width: 450px) {
	.news-t .dot { width: calc(100% - 12px); margin: 10px 6px;}
}

/*product*/
@media screen and (max-width: 1400px) {
	.product-list{ width:25%;}
	.product-t .product-txt{ width:calc(75%); padding-left:20px;}
	.product-list a,.product-list h3{ padding:15px 20px;}
	.product-list h3{ font-size: 1.8em;}
	.product-t .product-txt .boxs .box .txt p { padding: 35px 10px 30px 10px;}
	.product-t .product-txt .boxs{ width:calc(100% + 40px); margin:25px 0 0 -20px;}
	.product-t .product-txt .boxs .box{width:calc(50% - 40px); margin:25px 20px;}
}
@media screen and (max-width: 1200px) {
	.product-list a{  ; font-size:1.4em;}
	.product-list h3{ font-size: 1.6em;}
	.product-t .product-txt .tit h3 { padding: 15px 0; font-size: 2.4em;}
	.product-t .product-txt .boxs{ width:calc(100% + 20px); margin:15px 0 0 -10px;}
	.product-t .product-txt .boxs .box{width:calc(50% - 20px); margin:15px 10px;}
	.product-t .product-txt .tit .ml{ padding:15px 0;}
}
@media screen and (max-width: 1024px) {
	.product-list{ padding-right: 20px;}
	.product-list a,.product-list h3{ padding:12px 10px; line-height: 24px;}
	.product-list{ padding-right:40px;}
	.product-t .product-txt .boxs .box .txt p { padding: 25px 10px 20px 10px; font-size:1.4em;}
	.product-t{ padding:40px 0;}
	.product-t .product-txt .fy{ margin-top:0;}
}
@media screen and (max-width: 800px) {
	.product-list{ display:none;}
	.product-t .product-txt{ width:100%; padding:0;}
	.product-t .product-txt .tit h3{ padding:0 0 10px 0; font-size:2em;}
	.product-t .product-txt .productshow .txt{ padding:20px 0;}
	.product-t .product-txt .productshow .btn a{ font-size:1.4em; padding:6px 10px; margin-top:2px;}
	.product-t .product-txt .tit .ml{ display: none;}
}
@media screen and (max-width: 600px) {
	.product-t .product-txt .boxs{ width:calc(100%); margin:10px 0 0 0px;}
	.product-t .product-txt .boxs .box{width:calc(100%); margin:15px 0px; }
}

/*contact*/
@media screen and (max-width: 1500px) {
	.c3 .left .dot:nth-child(2n-1){ width:55%;}
	.c3 .right .dot{ width:calc(100% + 40px); margin-left:-20px;}
	.c3 .right .fc-input { width: calc(50% - 40px);  margin: 0 20px 20px 20px;}
}
@media screen and (max-width: 1350px) {
	.c3 .left .dot{ padding:20px;}
	.c3 .left .dot:nth-child(2n-1),.c3 .left .dot:nth-child(2n){ width:100%;}
	.c3 .left .dot .img{ float:left; padding:15px; width:70px;}
	.c3 .left .dot .img img{ width:40px;}
	.c3 .left .dot .txt{ float:left; padding:10px 0 0 20px;}
	.c3 .left{ width:40%;}
	.c3 .right{ width:60%;}
}
@media screen and (max-width: 1024px) {
	.c3 .left{ padding:20px 0;}
	#container{ margin:40px 0; height:350px;}
	#c2{ margin-bottom:40px;}
	#c2 .box>*{ font-size:1.4em;}
	#c2 .box:first-child>*{ font-size:1.6em;}
}
@media screen and (max-width: 800px) {
	.c3 .left,.c3 .right{ width:100%;}
	.c3 .left .dot{ padding:12px 0;}
	.c3 .left .dot .txt h3{ font-size:1.8em; margin-bottom:0;}
	.c3 .right { padding: 0px 0 30px 0;  padding-left: 0%;}
	.c3 .right form{ padding:0;}
	#c2 .box .t3{ display:none;}
	#c2 .box>*{ width:25%; line-height:18px;}
}	
@media screen and (max-width: 500px) {
	#container{ margin:0 0 40px 0;}
	.c3 .left .dot .img{ padding:10px; width:45px;}
	.c3 .left .dot .img img{ width:25px;}
	.c3 .left .dot .txt{ padding:0 0 0 20px;}
	.c3 .left .dot .txt h3{ font-size:1.6em; line-height:20px;}
	.c3 .right h3{ line-height:20px;}
	.c3 .right .fc-input { width: calc(100%); margin: 0 0px 12px 0px;}
	.c3 .right .dot { width: calc(100%);  margin-left:0px;}
	.c3 .right textarea{ margin-bottom:15px;}
	.c3 .right input, .c3 .right textarea{ padding:6px 12px;}
	.c3 .right .btn .fc-btn{ font-size:1.6em;}
	.c3 .left .dot .txt { width: calc(100% - 45px);}
	#c2 .box .t2{ display:none;}
	#c2 .box>*{ width:33.333%; }
	#container{ height:240px;}
}