/* CSS Document */
/*all*/
@media screen and (max-width: 1024px) {

	.munes,
	.xxl {
		display: none;
	}

	#hamburger,
	.xl {
		display: block;
	}



	.footer-tit {
		/* margin-bottom: 53px; */
	}
}

/*index*/
@media screen and (max-width: 1400px) {
	.header .mune .line2 {
		margin-right: 0px;
	}
}

@media screen and (max-width: 1350px) {
	.banner-slider .swiper-slide {
		height: 500px;
	}

	.banner .txt {
		padding: 35px 35px;
	}

	.header .mune .line2 .fd-list>a {
		margin: 20px 20px 24px 20px;
	}

	.header .logo {
		padding: 20px 0;
	}

	.footer .fm-list .dot {
		width: 130px;
	}

	.footer .fm-list .dot:nth-child(2) {
		width: 360px;
	}
}

@media screen and (max-width: 1200px) {
	.banner-slider .swiper-slide {
		height: 300px;
	}

	.banner .txt2 h3 {
		font-size: 2.4em;
	}

	.banner .txt2 {
		padding-top: 5%;
	}

	.header .mune .line2 .fd-list>a {
		font-size: 1.4em;
	}

	.footer .two .d {
		float: none;
		margin-bottom: 10px;
		margin-left: 0;
	}



	.footer .fm-list .dot {
		width: 123px;
	}
}

@media screen and (max-width: 1024px) {
	.header .logo img {
		width: 100px;
	}

	.header .mune {
		display: none;
	}

	.banner .txt h3 {
		font-size: 2.4em;
		margin-bottom: 10px;
	}

	.banner .txt h4 {
		font-size: 2em;
		line-height: 24px;
		margin-bottom: 15px;
	}

	.banner .txt a {
		margin-top: 20px;
	}

	.ia .box1 .box1-1 h3,
	.ia .box1 .box1-2 h3 {
		font-size: 2.4em;
	}

	.ia .box1 .box1-1 p {
		width: 100%;
	}

	.inews .tit h3 {
		font-size: 2.4em;
	}

	.ia {
		padding: 25px 0;
	}

	.banner .txt2 h3 {
		font-size: 2em;
		line-height: 1.2;
	}

	.banner .txt2 h4 {
		line-height: 16px;
	}
}

@media screen and (max-width: 900px) {
	.inews .btn {
		width: 300px;
		margin-left: -150px;
	}
}

@media screen and (max-width: 800px) {
	.ia .box1>* {
		width: calc(100% - 6px);
		height: fit-content;
	}

	.ia #oranger>div h3 {
		text-align: center;
		font-size: 1.8em;
	}

	.ia #oranger>div {
		height: 80px;
		width: calc(100% - 6px);
		margin: 0 3px 6px 3px;
	}

	.ia #oranger {
		margin-top: 6px;
	}

	.inews .inews-slider .txt p {
		font-size: 1.6em;
	}
}

@media screen and (max-width: 650px) {


	.ia .dot-txt a {
		width: 100%;
	}

	.banner .txt {
		margin: 30px 0;
		max-width: 100%;
	}

	.header .logo {
		padding: 10px 0;
	}

	#hamburger {
		top: 28px;
		right: 20px;
	}

	.banner .txt2 {
		padding-top: 40px;
	}

	.banner .txt2 h3 {
		font-size: 1.6em;
		line-height: 1.5;
	}

	.banner .txt2 h4 {
		line-height: 16px;
		display: none;
	}
}

@media screen and (max-width: 500px) {


	.inews .swiper-container-horizontal>.swiper-pagination-bullets,
	.inews .swiper-pagination-custom,
	.inews .swiper-pagination-fraction {
		display: none;
	}

	.inews .swiper-button-disabled {
		opacity: 0.2;
	}

	.inews .inews-slider {
		padding-bottom: 50px;
	}
}

@media screen and (max-width: 400px) {
	.banner .txt {
		padding: 20px;
	}

	.ia .box1 .box1-1,
	.ia .box1 .box1-2 {
		padding: 40px 20px;
	}

	.ia .box1 .box1-1 a {
		margin-top: 20px;
	}
}

/*application*/
@media screen and (max-width: 1400px) {
	.application-t .boxs {
		width: calc(100% + 40px);
		margin-left: -20px;
	}

	.application-t .boxs .box {
		width: calc(33.33% - 40px);
		margin: 30px 20px;
	}
}

@media screen and (max-width: 1200px) {
	.lines .left a {
		padding: 15px 15px;
		font-size: 1.4em;
	}

	.lines .right {
		padding: 15px;
	}

	.application-t .boxs .box {
		margin: 20px 20px;
	}

	.application-t {
		padding: 50px 0;
	}
}

@media screen and (max-width: 1024px) {
	.banners {
		height: 320px;
	}

	.lines .right {
		display: none;
	}

	.application-t .boxs {
		width: calc(100%);
		margin: 20px 0 0 0;
	}

	.application-t .boxs .box {
		width: calc(50% - 40px);
	}
}

@media screen and (max-width: 800px) {
	.application-t .tit h3 {
		font-size: 2em;
	}
}

@media screen and (max-width:700px) {
	.application-t .boxs .box {
		width: calc(50% - 20px);
		margin: 10px;
	}
}

@media screen and (max-width:600px) {
	.banners {
		height: 240px;
	}

	.energy {
		background-position: 75% center;
	}

	.application-t .boxs {
		margin: 0;
	}

	.application-t .boxs .box {
		float: none;
		width: calc(100%);
		margin: 20px auto;
		max-width: 380px;
	}

	.application-t {
		padding: 40px 0;
	}

	div.fy {
		padding-top: 10px;
	}

	.lines .left a {
		padding: 8px;
	}
}

/*application*/
@media screen and (max-width: 1400px) {
	.application-t .boxs {
		width: calc(100% + 40px);
		margin-left: -20px;
	}

	.application-t .boxs .box {
		width: calc(33.33% - 40px);
		margin: 30px 20px;
	}
}

@media screen and (max-width: 1200px) {
	.lines .left a {
		padding: 15px 15px;
		font-size: 1.4em;
	}

	.lines .right {
		padding: 15px;
	}

	.application-t .boxs .box {
		margin: 20px 20px;
	}

	.application-t {
		padding: 50px 0;
	}
}

@media screen and (max-width: 1024px) {
	.banners {
		height: 320px;
	}

	.energy {
		height: 240px;
	}

	.lines .right {
		display: none;
	}

	.application-t .boxs {
		width: calc(100%);
		margin: 20px 0 0 0;
	}

	.application-t .boxs .box {
		width: calc(50% - 40px);
	}
}

@media screen and (max-width: 800px) {
	.application-t .tit h3 {
		font-size: 2em;
	}
}

@media screen and (max-width:700px) {
	.application-t .boxs .box {
		width: calc(50% - 20px);
		margin: 10px;
	}

	.energy {
		height: 400px;
	}

	.energy {
		background-position: 80% center;
	}
}

@media screen and (max-width:600px) {
	.banners {
		height: 240px;
	}

	.energy {
		height: 380px;
	}

	.energy {
		background-position: 75% center;
	}

	.application-t .boxs {
		margin: 0;
	}

	.application-t .boxs .box {
		float: none;
		width: calc(100%);
		margin: 20px auto;
		max-width: 380px;
	}

	.application-t {
		padding: 40px 0;
	}

	div.fy {
		padding-top: 10px;
	}

	.lines .left a {
		padding: 8px;
	}
}

@media screen and (max-width:450px) {
	.energy {
		height: 280px;
	}
}

/*news*/
@media screen and (max-width: 1450px) {
	.ab4 .boxs {
		width: calc(100% + 40px);
		margin-left: -20px;
	}

	.ab4 .boxs .box {
		width: calc(33.33% - 40px);
		margin: 20px 20px;
	}
}

@media screen and (max-width: 1200px) {
	.ab4 .boxs {
		width: calc(100% + 20px);
		margin-left: -10px;
	}

	.ab4 .boxs .box {
		width: calc(33.33% - 20px);
		margin: 15px 10px;
	}
}

@media screen and (max-width: 850px) {
	.ab4 .boxs .box {
		width: calc(50% - 20px);
		margin: 15px 10px;
	}

	.ab4 .boxs .box .txt {
		padding: 20px 25px 20px 25px;
	}

	.ab4 .boxs .box .txt h3 {
		font-size: 1.8em;
		margin-bottom: 15px;
	}

	.ab4 {
		padding: 40px 0;
	}
}

@media screen and (max-width: 500px) {
	.ab4 .boxs .box {
		width: calc(100% - 20px);
		float: none;
		max-width: 370px;
		margin: 10px auto;
	}

	.ab4 {
		padding: 30px 0;
	}
}

/*honor*/
@media screen and (max-width: 1400px) {
	.ab5 .box {
		width: calc(25% - 70px) !important;
		margin: 15px 35px !important;
	}
}

@media screen and (max-width: 1250px) {
	.ab5 .boxs {
		width: calc(100% + 20px) !important;
		margin-left: -10px;
	}

	.ab5 .box {
		width: calc(25% - 20px) !important;
		margin: 15px 10px !important;
	}
}

@media screen and (max-width: 850px) {
	.ab5 .box {
		width: calc(33.33% - 20px) !important;
	}
}

@media screen and (max-width: 600px) {
	.ab5 .box {
		width: calc(50% - 20px) !important;
		margin: 15px 10px !important;
		float: left !important;
	}
}

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

/*service*/
@media screen and (max-width: 1400px) {
	.service-t .dots {
		width: calc(100% + 80px);
		margin-left: -40px;
	}

	.service-t .dot {
		width: calc(20% - 80px);
		margin: 10px 40px;
	}
}

@media screen and (max-width: 1200px) {
	.service-t .dots {
		width: calc(100%);
		margin-left: 0px;
	}

	.service-t .dot {
		width: calc(20% - 20px);
		margin: 10px 10px;
	}

	.service-t .dot img {
		max-width: 90%;
	}

	.service {
		height: 400px;
	}
}

@media screen and (max-width: 1024px) {
	.service-t .dot p {
		font-size: 1.6em;
		line-height: 20px;
	}

	.service-t .dot img {
		max-width: 60%;
	}

	.service {
		height: 320px;
	}

	.service .txt h3 {
		font-size: 3.2em;
	}

	.service .txt h4 {
		font-size: 1.6em;
		margin-top: 5px;
	}
}

@media screen and (max-width: 800px) {
	.service-t .dots {
		text-align: center;
	}

	.service-t .dot {
		width: calc(25%);
		float: none;
		display: inline-block;
	}
}

@media screen and (max-width: 600px) {
	.service-t .dot {
		width: calc(33.33% - 20px);
		display: block;
		float: left;
	}

	.service-t .dot p {
		height: 48px;
	}
}

@media screen and (max-width: 500px) {
	.service {
		height: 240px;
	}

	.service-t .dot p {
		font-size: 1.4em;
	}

	.service-t .dot img {
		max-width: 100%;
	}

	.service-t {
		padding: 40px 0 0 0;
	}
}

/*promble*/
@media screen and (max-width: 1400px) {
	.spd-b .dots {
		width: calc(100% + 20px);
		margin-left: -10px;
	}

	.spd-b .dots .dot {
		float: left;
		width: calc(50% - 20px);
		margin: 15px 10px;
		padding: 10px 15px;
	}
}

@media screen and (max-width: 800px) {
	.spd-b {
		padding: 30px 0;
	}

	.spd-b .dots .dot {
		overflow: hidden;
		float: none;
		width: calc(100% - 20px);
		margin: 10px 10px;
		padding: 6px 0px;
	}
}


/*contact*/
@media screen and (max-width: 1400px) {
	.c3 form {
		width: calc(100% + 20px);
		margin-left: -10px;
	}

	.c3 .dot {
		width: calc(50% - 20px);
		margin: 0 10px 10px 10px;
	}

	.c3 .dot2 {
		width: calc(100% - 20px);
		margin: 0 10px 20px 10px;
	}
}

@media screen and (max-width: 1024px) {
	.c1 .dots .dot {
		width: 33.33%;
		margin-bottom: 20px;
	}

	.c1 .dots .dot img {
		width: 80px;
	}

	.c1 .dots {
		max-width: 600px;
	}

	.c1 .dots .dot p {
		height: 44px;
	}
}

@media screen and (max-width: 800px) {
	.c1 {
		padding: 50px 0 20px 0;
	}

	.c1 .tit h3 {
		font-size: 2.4em;
		margin-bottom: 25px;
	}

	.c1 .tit .tl p {
		font-size: 1.6em;
		display: block;
	}

	.c1 .tit .tl p span {
		font-size: 20px;
	}

	.c1 .dots .dot h3 {
		font-size: 1.6em;
		padding: 0;
	}

	.c1 .dots {
		padding-top: 30px;
	}

	.c3 p {
		line-height: 24px;
	}

	.c3 .dot {
		width: calc(100% - 20px);
	}

	.c3 h3 {
		line-height: 20px;
	}
}

@media screen and (max-width: 600px) {
	.c3 h3 {
		margin-bottom: 5px;
	}
}

@media screen and (max-width: 500px) {
	.c1 .dots .dot {
		width: 50%;
	}

	.c1 .tit h3 {
		font-size: 2em;
	}

	.c1 .tit .tl p {
		font-size: 1.4em;
	}

	.c1 .tit .tl p span {
		font-size: 16px;
	}

	.c1 .dots .dot p {
		font-size: 1.4em;
	}

	.c1 .dots .dot img {
		width: 60px;
	}

	.c3 {
		padding: 30px 0;
	}

	.c3 .fc-input,
	.c3 .fc-txt {
		padding: 5px 6px;
	}
}

/*product*/
@media screen and (max-width: 1200px) {
	.product-t .right .boxs {
		width: calc(100%);
		margin-left: 0px;
	}

	.product-t .right .box {
		width: calc(33.33% - 20px);
		margin: 15px 10px;
	}

	.product-t .left a {
		padding: 15px;
	}

	.product-t .left .tit {
		padding: 25px 15px;
	}
}

@media screen and (max-width: 1024px) {
	.product-t .left a {
		line-height: 18px;
	}

	.product-t .left .tit h3 {
		font-size: 2em;
	}

	.product-t .left .tit h4 {
		font-size: 1.4em;
	}

	.product-t .left a {
		padding: 10px 15px;
	}
}

@media screen and (max-width: 850px) {
	.product-t .left {
		width: 160px;
	}

	.product-t .right {
		width: calc(100% - 160px);
		padding-left: 20px;
	}

	.product-t .right .box {
		width: calc(50% - 20px);
	}

	.product-t .right .tit .r {
		display: none;
	}

	.product-t .right .box .txt {
		padding: 12px;
	}
}

@media screen and (max-width: 600px) {
	.product-t .right .box {
		max-width: 275px;
		width: 100%;
		float: none;
		margin: 20px auto;
	}
}

@media screen and (max-width: 500px) {
	.product-t * {
		font-size: 10px !important;
	}

	.product-t .right {
		height: 400px;
		overflow: scroll;
	}


	.product-t .left .tit h3 {
		font-size: 1.6em;
	}

	.product-t .left .tit h4 {
		font-size: 1.2em;
	}

	.product-t .left a {
		padding: 8px 5px;
	}

	.product-t .left .tit {
		padding: 10px 20px;
	}

	.product-t .left a {
		line-height: 16px;
		float: left;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.product-t .warp {
		width: calc(100% + 40px);
		margin-left: -20px;
	}

	.product-t {
		padding: 10px 10px 30px 10px;
	}

	/* .product-t .left a{ display:none;} */
}

/*productshow*/
@media screen and (max-width: 1300px) {
	.productshow .txts .txt .t1 p {
		margin-bottom: 12px;
	}
}

@media screen and (max-width: 1200px) {
	.productshow .txts .txt {
		padding-left: 10px;
	}
}

@media screen and (max-width: 1024px) {
	.productshow .txts .img {
		width: 100%;
	}

	.productshow .txts .txt {
		padding-left: 0;
		width: 100%;
	}

	.m_list li {
		width: fit-content;
		margin-right: 5px;
	}

	.m_list li a {
		width: fit-content;
		padding: 0 10px;
	}

	.productshow .txts {
		padding: 20px 0 10px 0;
	}
}

@media screen and (max-width: 768px) {
	.productshow .info1 .tt h3 {
		display: block !important;
	}

	.product_memo {
		padding-top: 0;
	}

	.pro_info {
		margin-bottom: 0;
	}

	.pro_info div {
		margin-bottom: 20px;
	}

	.productshow .info1 .tt2 {
		overflow: scroll;
	}

	.productshow .info1 .tt2 table {
		min-width: 500px;
	}
	.footer-tit p{
		font-size: 8px;
	}
}

/*sample*/
@media screen and (max-width: 1400px) {
	.sample .boxs {
		overflow: hidden;
		width: calc(100% + 30px);
		margin-left: -15px;
	}

	.sample .boxs .box {
		float: left;
		width: calc(25% - 30px);
		margin: 10px 15px;
	}
}

@media screen and (max-width: 1024px) {
	.sample .boxs {
		overflow: hidden;
		width: calc(100% + 30px);
		margin-left: -15px;
	}

	.sample .boxs .box {
		float: left;
		width: calc(33.33% - 30px);
		margin: 10px 15px;
	}

	.sample {
		padding: 45px 0;
	}

	.sample .tit {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 800px) {
	.sample .boxs {
		overflow: hidden;
		width: calc(100% + 30px);
		margin-left: -15px;
	}

	.sample .boxs .box {
		float: left;
		width: calc(50% - 30px);
		margin: 10px 15px;
	}

	.sample .tit h3 {
		font-size: 2em;
	}
}

@media screen and (max-width: 600px) {
	.sample .boxs {
		overflow: hidden;
		width: calc(100% + 20px);
		margin-left: -10px;
	}

	.sample .boxs .box {
		float: left;
		width: calc(50% - 20px);
		margin: 10px 10px;
	}

	.sample .boxs .box .txt {
		padding: 6px;
	}

	.sample .boxs .box .txt p {
		margin-bottom: 6px;
	}
}

/*test*/
@media screen and (max-width: 1350px) {
	.test .boxs {
		width: calc(100% + 20px);
		margin-left: -10px;
	}

	.test .boxs .box {
		width: calc(25% - 20px);
		margin: 25px 10px;
	}
}

@media screen and (max-width: 1200px) {
	.test .boxs .box {
		margin: 15px 10px;
	}
}

@media screen and (max-width: 1024px) {
	.test .table {
		overflow: scroll;
		margin: 30px 0;
	}

	.test .table table {
		margin: 0;
		width: 1000px;
	}

	.test .t3 .dot h3,
	.test .t3 .dot h4 {
		line-height: 20px;
		padding: 12px;
	}

	.test .t3 .dot {
		margin: 15px 0;
	}

	.test .boxs .box {
		width: calc(50% - 20px);
		margin: 15px 10px;
	}

	.test p {
		line-height: 20px;
	}
}

@media screen and (max-width: 500px) {
	.test {
		padding: 40px 0;
	}

	.test .boxs .box {
		width: calc(100% - 10px);
		margin: 5px 5px;
	}

	.test .t1 h3 {
		font-size: 1.6em;
		line-height: 24px;
	}
}

/*technology*/
@media screen and (max-width: 1250px) {
	.ab2 .t1 .dot img {
		height: 100px;
	}

	.ab2 .t1 .dot {
		padding: 10px 20px;
	}
}

@media screen and (max-width: 1024px) {
	.ab2 .t2 .dots .dot {
		float: left;
		width: calc(50% - 20px);
		float: left;
		margin: 10px;
	}

	.ab2 .t2 .dots .dot p {
		padding: 10px 0 0 0;
	}

	.ab2 .t2 h3 {
		font-size: 1.6em;
		margin: 30px 0 10px 0;
		line-height: 20px;
	}
}

@media screen and (max-width: 800px) {
	.ab2 .t1 .dot img {
		height: 60px;
	}

	.ab2 .t1 .dot {
		padding: 10px 10px;
	}

	.ab2 .t1 p {
		line-height: 20px;
	}
}

@media screen and (max-width: 600px) {
	.ab2 .t2 h3 {
		font-size: 1.4em;
	}

	.ab2 .t2 .dots .dot {
		float: left;
		width: calc(100% - 20px);
	}
}

/*energy*/
@media screen and (max-width: 1250px) {
	.en-txts .en-box .img img {
		max-height: 400px;
	}

	.en-txts .en-box .img h3 {
		font-size: 2em;
	}

	.en-txts .en-box .box1s .box p {
		font-size: 1.4em;
	}

	.en-txts .en-box .box1s .box {
		width: calc(33.33% - 20px);
	}

	.en-txts {
		padding: 20px 0;
	}

	.per-boxs .box .txt h3 {
		font-size: 1.6em;
		margin: 10px 0 14px 0;
	}
}

@media screen and (max-width: 1024px) {
	.en-txts .table {
		overflow-x: scroll;
	}

	.en-txts .table table {
		width: 1100px;
	}
}

@media screen and (max-width: 650px) {
	.en-txts .en-box .img h3 {
		font-size: 1.6em;
	}

	.en-txts .en-box .box1s .box {
		width: calc(50% - 20px);
	}

	.per-boxs .box>* {
		width: 100%;
		float: none;
		padding: 0;
	}

	.per-boxs .box .txt {
		margin: 20px 0;
	}

	.per-boxs .box:nth-child(2n-1) .img {
		float: none;
	}

	.per-boxs .box {
		max-width: 460px;
		margin: 0 auto;
	}
}

@media screen and (max-width: 450px) {
	.en-txts .en-box .box1s .box {
		width: calc(100% - 20px);
	}

	.en-txts .en-box .txt {
		padding: 10px 0;
	}

	.en-txts .en-box .tit h3 {
		padding-bottom: 4px;
		margin-bottom: 10px;
		font-size: 1.6em;
		border-bottom: 1px solid #bfbfbf;
	}

	.per-boxs .box .txt h3 {
		font-size: 1.4em;
		margin: 0;
	}
}