@media (max-width: 1220px) and (min-width: 1020px) {
	.header-ul li {
		margin-right: 65px;
	}

	.header-ul li::after {
		right: -36px;
	}
	.about-detop{
	    display: flex;
	    align-items: center;
	}
	.about-deceT{
	     display: flex;
	    align-items: center;
	}
}

@media (max-width: 1020px) {

	.container {
		padding: 0 20px;
	}

	.header {
		height: 55px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.logo {
		height: 30px;
		margin-top: 0;
	}
	.logo2 {
		height: 30px;
		margin-top: 0;
	}

	.menubtn i {
		display: block;
		width: 20px;
		height: 2px;
		background-color: #ffffff;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
	}

	.menubtn i:nth-child(1) {
		-webkit-transform-origin: left bottom;
		-moz-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		-o-transform-origin: left bottom;
		transform-origin: left bottom;
	}

	.menubtn i:nth-child(2) {
		margin-top: 4px;
	}

	.menubtn i:nth-child(3) {
		margin-top: 4px;
		-webkit-transform-origin: left top;
		-moz-transform-origin: left top;
		-ms-transform-origin: left top;
		-o-transform-origin: left top;
		transform-origin: left top;
	}

	.menubtn.on i:nth-child(1) {
		-webkit-transform: rotate(36deg);
		-moz-transform: rotate(36deg);
		-ms-transform: rotate(36deg);
		-o-transform: rotate(36deg);
		transform: rotate(36deg);
	}

	.menubtn.on i:nth-child(2) {
		opacity: 0;
	}

	.menubtn.on i:nth-child(3) {
		-webkit-transform: rotate(-36deg);
		-moz-transform: rotate(-36deg);
		-ms-transform: rotate(-36deg);
		-o-transform: rotate(-36deg);
		transform: rotate(-36deg);
	}

	.COVER {
		width: 60%;
		height: 100%;
		background-color: #1c1c1c;
		/* display: none; */
		overflow: hidden;
		overflow-y: auto;
		position: fixed;
		top: 0px;
		left: -100%;
		z-index: 1001;
	}

	.MULUS {
		width: 100%;
		box-sizing: border-box;
		padding: 10px;
	}

	.mulu {
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		box-sizing: border-box;
		width: 100%;
		display: block;
	}

	.mulu1 {
		width: 100%;
		padding: 10px 0;
		color: white;
		font-size: 14px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.mulu1 img {
		width: 6px;
	}

	.banner .swiper-button-next {
		width: 25px;
		height: 25px;
	}

	.banner .swiper-button-prev {
		width: 25px;
		height: 25px;
	}

	.banner .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
	}

	.banne1 {
		height: auto !important;
	}

	.banne3_1 {
		font-size: 35px;
	}

	.banne3_2 {
		margin-top: 10px;
		font-size: 12px;
	}

	.inde-pro {
		margin: 20px auto;
	}

	.inde-pr {
		width: 49%;
		margin: 1% 0;
		margin-right: 2%;
	}

	.inde-pr:nth-child(2n) {
		margin-right: 0;
	}

	.inde-pr2 {
		padding: 10px;
	}

	.inde-pr2_2 {
		font-size: 14px;
	}

	.inde-pr2_1 {
		margin-top: 2px;
	}

	.inde-about {
		/*margin-bottom: 25px;*/
	}

	.inde-abou {
		width: 100%;
		margin: 70px auto;
	}

	.inde-abou1 {
		font-size: 25px;
	}

	.inde-abou2 {
		margin-top: 5px;
		font-size: 12px;
	}

	.inde-abou3 {
		margin-top: 25px;
		font-size: 12px;
	}

	.inde-abou4 {
		width: 95px;
		height: 30px;
		border-radius: 30px;
		margin-top: 20px;
		line-height: 30px;
		font-size: 14px;
	}

	.footer-to {
		margin: 25px auto;
		flex-wrap: wrap;
	}

	.footer-to1 {
		border-right: 0;
		width: 100%;
		padding: 0;
	}

	.footer-to1_1 {
		font-size: 14px;
	}

	.footer-to1_2 {
		font-size: 12px;
	}

	.footer-to1_3 {
		margin-top: 15px;
		font-size: 12px;
		line-height: normal;
	}

	.footer-to2 {
		border-right: 0;
		width: 100%;
		padding: 0;
		padding-top: 8%;
	}

	.footer-to2_1 {
		font-size: 16px;
	}

	.footer-to2_2 {
		margin-top: 10px;
		font-size: 12px;
	}

	.footer-to3 {
		width: 100%;
	}
.footer-to3 img {
    position: inherit;
    left: inherit;
    top: inherit;
    transform: none;
     margin: auto; 
     margin-top: 15px;
}
.footer-to3_1 {
    margin-top: 10px;
    font-size: 12px;
}
	.footer-dow {
		padding: 10px 0;
		font-size: 12px;
	}

	.mp-titles div {
		font-size: 12px;
	}

	.pro-left {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}

	.pro-lef1 {
		padding: 15px 0;
	}

	.pro-lef1_1 {
		font-size: 16px;
	}

	.pro-lef2_3 {
		font-size: 14px;
	}

	.pro-lef2_4 {
		font-size: 12px;
	}

	.pro-right {
		width: 100%;
	}

	.pro-seach {
		height: 40px;
		border-radius: 40px;
	}

	.pro-seach1 {
		height: 40px;
		border-radius: 40px;
		padding: 0 15px;
	}

	.pro-seach2 {
		height: 40px;
		border-radius: 40px;
		font-size: 14px;
	}

	.pro-seajg {
		margin-top: 15px;
	}

	.pro-seajg1 {
		font-size: 12px;
	}

	.pro-seajg2 {
		font-size: 12px;
		margin-bottom: 10px;
	}

	.pro-li {
		width: 49%;
		margin-bottom: 20px;
		padding: 10px;
	}

	.pro-li:nth-child(2n) {
		margin-right: 0;
	}

	.pro-li1 {
		height: 150px;
	}

	.pro-li2_1 {
		font-size: 18px;
	}

	.pro-li2_2 {
		height: 50px;
		margin-top: 10px;
		font-size: 12px;
	}

	.pro-li2_3 {
		height: 40px;
		margin-top: 5px;
	}
.pro-li3{
    height: 150px;
}
.pro-li3_1{
    font-size: 12px;
}
	.pro-deta-left {
		width: 100%;
	}

	.pro-deta-le1 {
		height: 300px;
	}

	.pro-deta-le2_1 {
		height: 55px;
	}

	.pro-deta-le3 {
		margin-top: 15px;
	}

	.pro-deta-right {
		width: 100%;
		margin-left: 0;
		margin-top: 3%;
	}

	.pro-deta-ri1 {
		font-size: 24px;
		line-height: normal;
	}

	.pro-deta-ri2 {
		margin-top: 10px;
		padding: 10px;
		font-size: 12px;
	}

	.pro-deta-ri3 {
		margin-top: 10px;
		margin-bottom: 15px;
	}

	.pro-deta-ri3_1 {
		margin-bottom: 10px;
		font-size: 12px;
	}

	.pro-deta-ri4 {
		padding: 10px 0;
	}

	.pro-deta-ri4_1 span {
		font-size: 14px;
	}

	.pro-deta-ri4_3 {
		margin-bottom: 10px;
	}

	.pro-deta-ri4_3_1 {
		font-size: 12px;
	}

	.pro-deta-ri4_3_2 {
		font-size: 12px;
	}

	.pro-deta-ri4_4 {
		font-size: 12px;
	}

	.pro-deta-ri4_5 {
		margin-bottom: 10px;
		font-size: 12px;
	}

	.rmpro-list {
		margin-top: 25px;
		margin-bottom: 25px;
	}

	.rmpro-tit {
		font-size: 16px;
	}

	.rmpro-li {
		margin-top: 10px;
	}

	.rmpro-li .swiper-container {
		width: 100%;
	}

	.rmpro-l2 {
		font-size: 12px;
	}

	.pro-conta {
		margin: 30px auto;
	}

	.pro-conta1 {
		font-size: 22px;
	}

	.pro-conta2 {
		margin-top: 15px;
		font-size: 15px;
	}

	.pro-conta3 {
		margin-top: 15px;
	}

	.pro-conta3_1 {
		width: 100%;
		margin-right: 0;
		margin-bottom: 2%;
	}

	.pro-conta3_1_1 {
		font-size: 14px;
	}

	.pro-conta3_1_2 {
		height: 40px;
		margin-top: 10px;
	}

	.pro-conta5 {
		width: 170px;
		height: 40px;
		font-size: 14px;
	}

	.img-tcs {
		/*width: 250px;*/
		height: 300px;
	}

	.img-close {
		width: 20px;
		/*right: -25px;*/
		top: -20px;
	}
.img-tc1{
    	height: 300px;
}
	.nybanne1 {
		height: 300px;
	}

	.nybanne2_1 {
		font-size: 30px;
	}

	.nybanne2_2 {
		margin-top: 10px;
		font-size: 12px;
	}

	.about-top {
		padding: 10px 0;
		font-size: 16px;
	}

	.about-ce {
		margin: 15px auto;
		font-size: 16px;
	}

	.about-dow {
		margin: 25px auto;
	}

	.about-dow1 {
		font-size: 35px;
	}

	.about-dow2 {
		margin-top: 20px;
	}

	.about-dow3_1 {
		height: auto;
		padding: 10px;
		display: flex;
		align-items: center;
	}

	.about-dow3_1_1 {
		width: calc(100% - 10px);
		line-height: normal;
		font-size: 12px;
	}

	.about-dow3_1_2 {
		width: 10px;
	}

	.about-dow3_2 {
		padding: 15px;
		font-size: 12px;
	}

	.technology-top {
		padding: 10px 0;
	}

	.technology-top1 {
		font-size: 18px;
	}

	.technology-top2 {
		font-size: 16px;
		margin-top: 15px;
	}

	.technology-cen {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.technology-ce1 {
		padding: 10px 15px;
		display: flex;
		align-items: center;
	}

	.technology-ce1_1 {
		width: 30px;
	}

	.technology-ce1_2 {
		width: calc(100% - 40px);
	}

	.technology-ce1_2_1 {
		font-size: 16px;
	}

	.technology-ce1_2_2 {
		margin-top: 5px;
		font-size: 12px;
	}

	.technology-ce2 {
		padding: 0 15px;
	}

	.technology-ce3 {
		padding: 10px 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.technology-ce3_1 {
		width: calc(100% - 12px);
		font-size: 12px;
	}

	.technology-ce3_2 {
		width: 12px;
	}

	.technology-ce4 {
		padding: 10PX 0;
		font-size: 12px;
	}
	.contact-box {
	    margin: 25px auto;
	    flex-wrap: wrap;
	}
	.contact-left {
	    border-right: 0;
		border-bottom: 1px solid #EBEBEB;
	    width: 100%;
	    padding-right: 0;
		padding-bottom: 20px;
	}
	.contact-le1 {
	    margin-bottom: 10px;
	}
	.contact-le2_1 {
		margin-bottom: 5px;
	    font-size: 12px;
	}
	.contact-le3 {
	    margin-top: 20px;
	    font-size: 12px;
	    line-height: 25px;
	}
	.contact-le4{
		margin-top: 20px;
	}
	.contact-right {
	    width: 100%;
	    padding-left: 0;
		padding-top: 20px;
	}
	.contact-ri1{
		font-size: 18px;
	}
	.contact-ri2 {
	    margin-top: 10px;
	    font-size: 12px;
	}
	.contact-ri3 {
	    margin-top: 20px;
	    display: flex;
		flex-wrap: wrap;
	}
	.contact-ri3_1 {
	    width: 100%;
	    margin-right: 0;
		margin-bottom: 20px;
	}
	.contact-ri3_1:last-child{
		margin-bottom: 0;
	}
	.contact-ri31_1{
		font-size: 12px;
	}
	.contact-ri31_2 {
	    height: 35px;
	    font-size: 12px;
	    margin-top: 5px;
	}
	.contact-ri31_3 {
	    height: 100px;
	    font-size: 12px;
	    margin-top: 5px;
	}
	.contact-ri3_3 {
	    width: 140px;
	    height: 40px;
	    font-size: 16px;
	}
	.contact-ri4{
	font-size: 12px;
}
.about-detop {
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
}
.about-detop1 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 20px;
}
.about-detop1_1{
    font-size: 17px;
}
.about-detop1_2 {
    margin-top: 25px;
    font-size: 12px;
    line-height: 20px;
}
.about-detop1_3 {
    margin-top: 25px;
    font-size: 12px;
    line-height: 20px;
}
.about-detop2{
    width: 100%;
}
.about-dece {
    margin: 15px auto;
	display:flex;
	    flex-wrap: wrap;
}
.about-dece1{
    font-size: 17px;
}
.about-dece2{
    display: flex;
    flex-wrap: wrap;
}
.about-dece3 {
    width: 100%;
    margin-top: 20px;
}
.about-dece3_1{
    font-size: 16px;
}
.about-dece3_2{
    font-size: 14px;
}
.about-dece4{
    width: 100%;
    margin-top: 20px;
}
.about-dece5 {
    width: 100%;
    padding-right: 0;
	padding-bottom: 10%;
}
.about-dece6{
	 width: 100%;
	 font-size: 14px;
}
.about-deceT2{
    width: 100%;
}
.about-deceT1{
        width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 20px;
}
.about-deceT1_1{
        font-size: 17px;
}
.about-deceT1_2{
    margin-top: 25px;
    font-size: 12px;
    line-height: 20px;
}
.technology-deto1 {
    font-size: 18px;
    margin-bottom: 14px;
    padding: 0;
}
.technology-deto2{
    display: flex;
    flex-wrap: wrap;
}
.technology-deto2_1 {
    width: 100%;
    padding: 0;
    font-size: 14px;
}
.technology-deto2_2 {
    width: 100%;
    padding: 0;
    padding-top: 15px;
}
.technology-decens {
    margin: 10px auto;
}
.technology-decen {
    width: 100%;
    margin-bottom: 15px;
    display:flex;
    align-items: flex-start;
}
.technology-decen1{
    width: 64px;
}
.technology-decen2 {
    width: calc(100% - 89px);
    margin-left: 25px;
}
.technology-decen2_1 {
    font-size: 16px;
    margin-bottom: 10px;
}
.technology-decen2_2{
     font-size: 14px;
}

}