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

}

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


}

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


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



}
@media screen and (max-width: 1400px){
.content{width:1200px;}

}

@media screen and (max-width:1366px){
.content{width:1200px;}
.page_bg .r{width:480px;}
.page_bg .r img{width:480px;}
.page_bg .l{width:calc(100% - 510px);}
.page_bg .l h2{font-size:36px;}
.page_bg .l p{font-size:16px;}
.tech03 .content12{width:1000px;}
.index_swiper{height:650px;}
.left_tit h2{font-size:28px;}
.left_tit p{padding: 15px 0 10px;}


}

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


}

@media screen and (max-width: 1024px){
.nei_ban{height:500px;}
.content{width:calc(100% - 100px); margin:0 50px;}
.content12{width:calc(100% - 100px); margin:0 50px;}
.tech03 .content12{width: calc(100% - 100px);margin: 0 50px;}
.page_bg .r{width:380px;}
.page_bg .r img{width:380px;}
.page_bg .l{width:calc(100% - 410px);}
.page_bg .l h2{font-size:30px;}
.page_bg .l p{font-size:14px;}

.nav{display:none;}
.top{height:80px;}
.top .lan{display:none;}
.top .logo{left:25px;}
.top .logo a{height:50px;width: 171px;background: url(/en/images/logo_white_m.png) no-repeat 0 0;background-size: 171px 50px;}

.top.fix_top #hamburger span, #hamburger-2 span{background-color: #333;}
.top.fix_top{height:80px;}
.top.fix_top .logo a{background: url(/en/images/logo_m.png) no-repeat 0 0;background-size:171px 50px;}
.top.fix_top .nav li a{color:#000;}
.top.fix_top .nav li a:after{background: #de880e;margin-top: -7px;}



.top.other #hamburger span, #hamburger-2 span{background-color: #333;}
.top.other{height:80px;}
.top.other .logo a{background: url(/en/images/logo_m.png) no-repeat 0 0;background-size:171px 50px;}
.top.other .nav li a{color:#000;}
.top.other .nav li a:after{background: #de880e;margin-top: -7px;}



#hamburger, #hamburger-2 {
    display: block;
}
#hamburger, #hamburger-2 {
    transition: all ease-in-out 200ms;
    position: fixed;
    cursor: pointer;
    outline: none;
    display:block;
    width: 30px;
    right: 25px;
    top: 30px;
	z-index:15;
}
#hamburger span, #hamburger-2 span {
    transition: all ease-in-out 200ms;
    background-color: #fff;
    display: block;
    width: 100%;
    height: 2px;
}

#hamburger span:nth-child(2), #hamburger-2 span:nth-child(2) {
    margin: 8px 0;
}

.show-mobile-navigation #hamburger {
    opacity: 1;
}
.show-mobile-navigation #hamburger span, #hamburger-2 span{ background-color:#000;}
.show-mobile-navigation #hamburger span:nth-child(1), #hamburger-2 span:nth-child(1) {
    transform: rotate(45deg) translateY(10px) translateX(4px);
}
.show-mobile-navigation #hamburger span:nth-child(2), #hamburger-2 span:nth-child(2) {
    height: 0;
    margin: 0;
}
.show-mobile-navigation #hamburger span:nth-child(3), #hamburger-2 span:nth-child(3) {
    transform: rotate(-45deg) translateY(2px) translateX(-8px);
}
.nav_ph {
    transform: translateX(100%);
    height:calc(100% - 70px);
    width: 100%;
    top: 80px;
	z-index:10;
	background-color:#fff;
	position: fixed;
	touch-action: none;
	overflow: hidden;
	pointer-events: auto;
	box-shadow: 0 0 18px -2px rgba(0, 0, 0, 0.1);
    transition: all ease-in-out 200ms;
	left: 0;
	display:block;
}	
.show-mobile-navigation .nav_ph {
    transform: translateX(0);
    z-index: 100;
}

.nav_ph ul{padding:25px;}
.nav_ph li{border-bottom:1px solid #ccc; padding:15px 0; position: relative;}
.nav_ph li a{color:#333; font-size:16px;font-family: Arial;}
.nav_ph li a.l{float:left;background-color: #61b4e4;padding: 6px 0;color: #fff;width:calc(50% - 5px);text-align: center;margin-right:5px;}
.nav_ph li a.r{float:right;background-color: #61b4e4;padding: 6px 0;color: #fff;width:calc(50% - 5px);text-align: center;margin-left:5px;}
.nav_ph li.none{border-bottom:0;}
.nav_ph li .submenu{padding:0 0 0 0; transition: all ease-in-out 200ms;overflow: hidden;max-height: 0;}
.nav_ph li.show .submenu{max-height: 300px;padding-top:10px;}
.nav_ph li .submenu li{border:0; padding:5px 0;width:100%;display: inline-block;}
.nav_ph li .submenu li a{position: relative;padding: 0 0 0 25px;font-size: 15px; color:#333;}
.nav_ph li .submenu li a:before {
    background-color: #354b54;
    position: absolute;
    display: block;
    opacity: 0.3;
    content: "";
    height: 1px;
    width: 16px;
    top: 9px;
    left: 0;
}
.ph_nav_show .nav_ph {
    transform: translateX(0);
    z-index: 2;
}

.nav_ph li svg {
    position: absolute;
    height: 16px;
    opacity: 0.8;
    width: 16px;
    left: auto;
    right: 8px;
    top: 20px;
	transition: all ease-in-out 100ms;
}
.ar0 {
    stroke-miterlimit: 10;
    stroke: #354b54;
    stroke-width: 1;
    fill: none;
}
.nav_ph li.show svg {transform: rotate(180deg);}

.index02 .l{width:100%; padding-right:0;}
.index_tit{border-left:0; padding:0;}
.index_tit h2{padding: 5px 0 40px; font-size:32px;text-align: center;}
.index_tit h2:before{width: 70px;height: 2px;top: 70px;left:50%; margin-left:-35px;}
.index_tit .txt{text-align:left;}
.index02 .r{width:100%; padding-left:0; margin-top:50px;}
.index02 .r .r01,.index02 .r .r02{height:530px;}
.about01 .countNum li{width: calc((100% - 4px) / 5);}
.about02 .pic ul{padding-top: 0px;}

.about03 .kuang{height:300px;}
.about03 .kuang .l{width: 520px;}
.about03 .kuang .l img{width:100%;}
.about03 .kuang .r{height:300px;width: calc(100% - 520px);}
.about03 .kuang .r .info h2{font-size:20px;}
.about03 .kuang .r .info p{font-size:14px;}


.left_tit{border-left:0;padding: 0px 0 0 0}
.left_tit h2{font-size: 28px;}
.left_tit h2:before{display:none;}
.left_tit .txt{font-size:14px;}
.left_tit p{padding: 10px 0 5px;}
.products01{padding:60px 0;}
.products01 .l{width:100%;}
.products01 .r{width:100%; padding-left:0; text-align: center;}


.products02 .info {line-height: 32px;font-size: 24px;}
.products03{padding: 60px 0px;}
.products03 .box{display: inline-block;width: calc(100% - 60px);padding:50px 30px;margin-bottom:30px;}
.products03 .box .l{width:100%;}
.products03 .box .r{width:100%;padding-left:0;}
.products03 .box .r h2{font-size: 24px;padding: 20px 0 5px;}
.products03 .box .r .txt{font-size: 16px;line-height: 30px;}
.box_swiper .swiper-pagination-bullets{display:none;}
.tech02{height:450px;}
.tech02 .slide02{width: calc(100% - 60px);margin: 0 30px;}
.tech02 .slide02 .time_cont{left:40px;}
.tech02 .slide02 .time_cont.down h2{top:15px;}
.tech02 .slide02 .time_cont.down .txt{bottom: 26px; top:inherit;}
.tech02 .slide02 .time_cont .txt:before{left:61px;}
.tech02 .slide02 .time_cont.down .txt:before{
    content: "\e72e";
    font-family: "lsfont";
    color: #fff;
    font-size: 36px;
    bottom: -20px;
    position: absolute;
    left: 61px;
	top:inherit;
}

.tech02 .slide02_prev {left: 20px;}
.tech02 .slide02_next {right: 20px;}
.tech03{padding: 40px 0;}
.customer{padding: 40px 0 0;}
.customer01{width: calc(100% - 40px);margin: 0 20px;}
.hr{padding:40px 0;}
.csr01{padding:40px 0 60px;}
.csr02{height:300px;}
.csr02 .info{font-size: 20px;line-height: 32px;}
.csr03{padding:40px 0;}
.csr03 .total{margin: 0 20px;padding: 0 20px;width: calc(50% - 80px);}


}

@media screen and (max-width: 920px){
.content{width:calc(100% - 100px); margin:0 50px; display:block!important;text-align: center;}
.page_bg .r{width:100%; padding-left:0; padding-top:50px;}
.page_bg .r img{width:520px;}
.page_bg .l{width:100%;}
.page_bg .l h2{font-size:32px;}
.page_bg .l p{font-size:16px;}
.index02 .r .r01,.index02 .r .r02{height:420px;}

.foot{padding:20px 0;}
.foot .up li{display:none;}
.foot .up li:last-child{display:block;padding:0;width: 100%; border-left:0;}
.foot .up li .child a, .foot .up li .child p{display: block;}
.foot .up li .child{display: flex;justify-content: center;align-items: center;}
.foot .up li .child p{padding:0 5px;}

.about03 .kuang{display: table; height:auto;}
.about03 .kuang .l{width:100%;}
.about03 .kuang .r{width:100%;height:auto; padding:30px 0;}
.about03 .kuang .r .info{width:calc(100% - 100px);padding: 0 50px;}
.about03 .kuang .r .info h2{font-size:22px;}
.about03 .kuang .r .info p{font-size:16px;}
.tech_swiper .cont{display:block;}
.tech_swiper .cont .l{width: calc(100% - 60px);padding: 30px 30px;}
.tech_swiper .cont .r{width:100%;}
.tech03{padding: 60px 0;}
.tech03 .content12 {width:calc(100% - 100px); margin:0 50px;}
.hr .info img{max-width:100%;}
.csr01 .list li{width:calc(100% - 80px); margin: 0 40px 40px; }
.csr01 .list li p{font-size:16px;padding: 25px;}
.compliance01 .list li a{height:120px;}


}

@media screen and (max-width: 800px){
.copyright{height:auto; line-height:22px; padding:10px 0;}
.copyright .l,.copyright .r{float:none;}
.tech02{padding: 40px 0 80px;}

}

@media screen and (max-width: 640px){
.content{text-align:left;width: calc(100% - 60px);margin: 0 30px;}
.content12{width: calc(100% - 60px);margin: 0 30px;}
.index_tit h2{font-size:28px;}
.page_bg .r{padding-bottom:30px;}
.page_bg .r img{width:100%;}
.b-scroll{display:none;}
.copyright{font-size:12px;}
.copyright .r a{font-size:12px;}
.copyright .content{width: calc(100% - 60px);margin: 0 30px;}
.foot .content{width: calc(100% - 60px);margin: 0 30px;}
.foot .up li .child{display:block;}
.foot .up li .child p{padding:0;}
.nei_ban{height: 300px;}
.nei_ban .bg{background-position: center center!important;background-size: cover!important;}
.nei_ban .head .up{font-size:30px;}
.left_tit h2 {font-size: 22px;}
.left_tit p{font-size: 16px;line-height: 24px;}
.left_tit .txt{line-height: 26px;}
.title.center h2{font-size:22px;line-height: 36px;text-align: center;}
.index02{padding:40px 0;}
.index_swiper{height: 300px;}
.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets{top:60%;right:20px;}
.index_swiper .swiper-pagination-bullet{width:8px; height:8px;margin:10px 6px!important;}
.index02 .r .r01{width:100%;}
.index02 .r .r02{width:100%;}

.swiper-button-prev{left: -20px;}
.swiper-button-next{right: -20px;}
.about01{padding:40px 0;}
.about01 .info p{font-size:14px;}
.about01 .countNum ul{display:block;}
.about01 .countNum li{width: calc((100% - 4px) / 2);display: block;float: left;height: 130px;border: 0;}
.about02{padding:40px 0;height: auto;display: table;}
.about02 .info{font-size:14px; line-height:26px;}
.about02 .pic ul{padding-top:0;}
.about02 .pic li{width:calc((100% - 60px) / 3);padding:0 10px;}
.about03{padding:40px 0;}
.about03 .kuang{margin: 30px 0;}
.about03 .kuang .r .info h2 {font-size: 16px;padding-bottom: 10px;margin-bottom: 10px;}
.about03 .kuang .r .info p {font-size: 14px;}

.products01{padding:40px 0;}
.products02{height:auto;}
.products02 .info{line-height: 26px;font-size: 16px;}
.products03 .box{margin-bottom:20px;}
.products03 .box .r h2{font-size: 16px;padding: 20px 0 5px;}
.products03 .box .r .txt{font-size: 14px;line-height: 26px;}
.box_swiper .swiper-pagination-bullets{display:none;}
.tech01{padding: 40px 0 80px;}
.tech_swiper{margin-top:30px;}
.box_swiper{width:100%;}
.tech_swiper .cont .r{height:250px;}
.tech_swiper .cont .l h2{font-size:20px;}
.tech_box_prev{left:-30px;}
.tech_box_prev:after{width:20px; height:20px;}
.tech_box_prev:hover:after{margin-left:0;}
.tech_box_next {right: -30px;}
.tech_box_next:hover:after{margin-right:0;}
.tech_box_next:after{width:20px; height:20px;}
.tech02{padding: 40px 0 20px; height:590px;}
.tech02 .info{line-height:26px;padding: 30px 0 10px;}
.tech02 .slide02{width: calc(100% - 60px);margin: 0 30px; height:100px;}
.tech02 .slide02 .time_cont{left:0;}
.tech02 .slide02 .time_cont .txt{width: 100px;padding: 10px;left: 20px;}
.tech02 .slide02 .time_cont.down h2{top:15px;}
.tech02 .slide02 .time_cont.down .txt{bottom: 26px; top:inherit;}
.tech02 .slide02 .time_cont .txt:before{left:41px;}
.tech02 .slide02 .time_cont.down .txt:before{
    content: "\e72e";
    font-family: "lsfont";
    color: #fff;
    font-size: 36px;
    bottom: -20px;
    position: absolute;
    left: 41px;
	top:inherit;
}
.tech02 .slide02_next, .slide02_prev{width:30px; height:30px;}
.tech02 .slide02_prev {left: 10px;}
.tech02 .slide02_next {right: 10px;}
.tech03{padding:40px 0;}
.tech03 .content12 {width: calc(100% - 20px); margin: 0 10px;}
.tech03 .swiper_pagination_num{display:none;}
.tech03_swiper_small{padding:10px;}
.tech03_swiper_small .gallery-thumbs{overflow: hidden;}
.csr01 {padding: 40px 0 20px;}
.csr01 .list{margin-top: 30px;}
.csr01 .list li {width: calc(100% - 40px);margin: 0 20px 30px;}
.csr02 .info {font-size: 16px;line-height: 28px;}
.csr03 .total{width:calc(100% - 60px); padding:0 30px;margin: 10px 0;}

.compliance01 .list li{width:calc(100% - 40px);margin: 0 20px 15px;}
.compliance01 .list li a{font-size: 18px; height:60px;}

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

}


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


}