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

}

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

}

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


}


@media screen and (max-width: 1200px){
.header{min-width:initial;}
.w960{width:100%;}
.logo{padding-top:0;}
.logo img{height:35px;}
.top{width:calc(100% - 40px);padding:16px 20px!important; min-width:initial;transition: all ease-in-out 300ms; height: 35px; position: fixed;}
.top.fixed{padding:16px 20px!important;transition: all ease-in-out 300ms;}

.header-top{display: none;}
.nav{display: none;}
.fix_top #top{height:70px;}
.nav .l .logo {width: 224px; height:23px; margin: 23px 0 20px 25px;}

.nav_ph {
    transform: translateX(100%);
    height: calc(100% - 70px);
    width: 100%;
    top: 68px;
	background-color:#fff;
	position: fixed;
	overflow-y: auto;
	touch-action: none;
	overflow-x: 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: 2;
}
.nav_ph ul{padding:25px;}
.nav_ph li{border-bottom:1px solid #ccc; padding:15px 0 13px; position: relative; clear:both;}
.nav_ph li a{color:#000000;font-size: 16px;}
.nav_ph li .submenu{padding:0; transition: all ease-in-out 200ms;overflow: hidden;max-height: 0;}
.nav_ph li.show .submenu{max-height: 800px;padding:10px 0 0 0;}
.nav_ph li .submenu li{border:0; padding:8px 0;}
.nav_ph li .submenu li a{position: relative;padding: 0 0 0 25px;font-size: 14px; color:#333;font-weight: lighter;display: inline-block;}
.nav_ph li .submenu li a:before {
    background-color: #354b54;
    position: absolute;
    display: block;
    opacity: 0.3;
    content: "";
    height: 1px;
    width: 16px;
    top: 8px;
    left: 0;
}
.nav_ph li .submenu li dl{padding-top:6px;clear: both;}
.nav_ph li .submenu li dd{float:left;line-height: 22px;}
.nav_ph li .submenu li dd a{position: relative;padding: 3px 0 3px 25px;font-size: 14px;color: #666;font-weight: lighter;width: 140px;display: block;float: left; line-height: 18px;}
.nav_ph li .submenu li dd a:before {height:0;}

.ph_nav_show .nav_ph {
    transform: translateX(0);
    z-index: 2;
}

.nav_ph li svg {
    position: absolute;
    height: 20px;
    opacity: 0.8;
    width: 20px;
    left: auto;
    right: 8px;
    top: 12px;
	transition: all ease-in-out 100ms;
}
.ar0 {
    stroke-miterlimit: 10;
    stroke: #000000;
    stroke-width: 1;
    fill: none;
}

.nav_ph li.show svg {transform: rotate(180deg);}


#hamburger, #hamburger-2 {
    display: block;
}
#hamburger, #hamburger-2 {
    transition: all ease-in-out 200ms;
    cursor: pointer;
    outline: none;
    display:block;
    height: 30px;
    width: 30px;
    margin-top: 8px;
}
#hamburger {
    float:right;
}

#hamburger span, #hamburger-2 span {
    transition: all ease-in-out 200ms;
    background-color: #000000;
    display: block;
    width: 100%;
    height: 2px;
}
.fix_top #hamburger span, #hamburger-2 span {background-color: #514040;}

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

.show-mobile-navigation #hamburger {
    opacity: 1;
}

.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);
}
.banner_ph{display:block; width:100%;}
.ls_banner{display:none;}
.swiper-container {width: 100%;height:460px;padding-top: 68px;}
.swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        background-position:center center!important;
        background-repeat:no-repeat!important;
        background-size:cover!important;
}
.swiper-slide a {display: block;width: 100%;height: 100%; position: absolute; z-index:2}

.about_main{width:100%; min-width:initial;}
.about_main h3{padding:0 30px;}
.about_main ul{padding:0 30px;}
.about_main ul li{width:calc(33.33% - 0px);}
.about_main ul li a{margin:0 40px; }
.about_main ul li a span{display:block; font-size:16px;}
.about_main ul li img{width:100%;}
#news{width:100%;min-width:initial;}
.new_main{width:100%;}
.new_main h4{font-size:35px;}
.new_main dl{width:calc(33.33% - 30px); margin:0 15px;border:0;}
.new_main dt img{width:100%; height:initial;}
#product{width:100%;min-width:initial;}
.pro_main{width:100%;}
.pro_main h2{font-size:35px;}
.scroll{width:100%;}
.tempWrap{margin:0 auto;}
.picScroll dd{width:173px;}
.picScroll dt{width:223px;}
#online{min-width:initial;height:initial;width:100%;}
.online_main{display: inline-flex;}
.partner_main{min-width:initial;}
.multipleColumn .bd ul{width:189px;}
.partner_main h2{font-size:35px;}
.partner_main .tempWrap{border-right: 1px solid #d5d9da;}
.multipleColumn .bd ul li{height:initial;}
.multipleColumn .bd ul li img{width:100%;}
.multipleColumn{border-right:0;}
#contact{min-width:initial;}
.contact_main{width:100%;}
.contact_main h2{font-size:35px;}
.contact_main p{padding:0 30px;}
#foot{min-width:initial;padding: 50px 0;}
.foot_main{width:100%;}
.foot_main ul{width: calc(50% - 60px); float:left!important;margin:0 30px; min-height: 185px;}
#foot_1{min-width:initial;}
#foot_1 p{width:calc(100% - 60px); padding:0 30px;}

.about_ban{background-position: top 68px center;background-size: 100% auto;padding-top: calc(19.5% + 68px);height: 0px;}
.ab_main{width: calc(100% - 40px); padding:0 20px;}
.ab_img img{max-width:100%;}
.honor_main{width: calc(100% - 180px);}
.ab_main h3{width: 50%; right: 146px;}
#honor .tempWrap{width:auto!important;}
#honor .picScroll_1 ul li{margin:0 17px;}
.develop_main{width:100%;}
.mod18 .listBox{width: calc(100% - 60px); margin: 0 30px;}
.applicat_main{width:calc(100% - 120px); padding:0 60px;}
.pro_con{width:calc(100% - 60px); padding:0 30px;}
.pro_l{width:30%;}
.pro_r{width:70%;}
.pro_cont dl{width:calc(50% - 22px);}
.pro_list_con dl{margin: 0 10px 30px;}
.pro_cont dl dt img{width: 100%; height:initial;}
.pro_ban{background-position:top 68px center;background-size: 100% auto;padding-top:calc(19.5% + 68px);height: 0px;}
.pro_content{width:calc(100% - 60px); padding:30px 30px 0;}
.pro_c_l{width:100%;}
.ban{width:100%;}
.min_pic{width:100%;display: flex;}
.ban2{width:calc(100% - 2px); }
.ban2 ul{}
.ban2 ul li{width:964px;}
.ban2 ul li a{text-align:center; display:block;}
.ban2 ul li img{max-width:100%;height:auto;}
.pro_r_l{width:100%;}
.pro_content{margin: 0px auto 0}
#store ul{width:calc(100% - 40px); padding:0 20px;}
.pro_cont{border:0;}
#store{margin-top:20px;}
.slideTxtBox .bd ul{width: calc(100% - 40px); padding: 20px 20px;}
.slideTxtBox .bd .zone_ul{width: calc(100% - 40px); padding: 20px 20px;}

.solution_ban{background-position:top 68px center;background-size: 100% auto;padding-top:calc(22.5% + 68px);height: 0px;}
.solution_main{width:calc(100% - 60px); padding:0 30px;}
.solution_main dl{width:calc(50% - 20px); margin:0 10px;}
.solution_main dt img{width:100%;height: auto;}
.solution_main h2 a{height:initial; line-height:initial; padding:10px 0;}
.news_con{width:100%;}
.news_more_fot{padding:15px 20px 0;}
.news_con h2{font-size:16px;clear: both; line-height: 25px;}
.news_con h2 span{margin:15px 0 0;}

.store_ban{background-position:top 80px center;background-size: 100% auto;padding-top:calc(40.5% + 80px);height: 0px;}
.all_pro{width:calc(100% - 40px); padding:20px 20px 0; clear: both;}
.store_l{width:30%;}
.store_l a img{width:100%;}
.store_r{width:calc(70% - 20px); padding-left:20px;}
.store_con{width:calc(100% - 32px); margin:0 15px 15px;}
.store_con .tab_2 input,.store_con .tab_2 textarea{width:calc(100% - 32px); }

.support_ban{background-position:top 68px center;background-size: 100% auto;padding-top:calc(22.5% + 68px);height: 0px;}
.battery_main{width:calc(100% - 40px); padding:0 20px;margin: 20px auto 50px;display: inline-block;}
.support_text{font-size:14px;}
.uploader{width:calc(100% - 50px);}
.filename{width:calc(100% - 61px);}
.video_main{width:100%;}
.scroll_2{width:100%;}

.video_con{width:100%; height:initial;}
.picScroll_2 ul li img{max-width:100%;height: auto;}
.down_main{width:calc(100% - 40px); padding:0 20px;}
.down_main ul{width:calc(33.33% - 20px);margin: 0 9px;}
.down_main ul li a span{display:block; float:initial;}
.down_li{max-height:initial;}
.down_main ul h2{font-size:20px;height:46px; line-height:46px;}

.news_ban{background-position:top 68px center;background-size: 100% auto;padding-top:calc(22.5% + 68px);height: 0px;}
.new_con{width:calc(100% - 40px); padding:0 20px; clear:both;}
.new_con dt{width:30%;}
.new_con dt img{width:100%; height:auto;}
.new_con dd{width:calc(70% - 20px); padding-left:20px;}

.contact_ban{background-position:top 68px center;background-size: 100% auto;padding-top:calc(22.5% + 68px);height: 0px;}
.con_main{width:calc(100% - 40px); padding:40px 20px; margin:0;}
.faq_main .operate{margin: 20px 0 30px;}
.faq_main{width:calc(100% - 40px); padding:0px 20px;display: inline-block;    margin: 30px auto 30px;}


}


@media screen and (max-width: 1024px){
.mod18 .picBox{width:1024px;}
.mod18 .picBox li{width:1024px;}
.pro_con{width:calc(100% - 60px); padding:0 30px;clear: both;}
.about_content{width:100%;}
.about_content .r{width:454px; font-size:13px; line-height:22px;}

.icon_six{width:100%;min-width:initial;}
.icon_six h2{width:calc(100% - 60px); padding:0 30px;line-height: 32px; padding-bottom:10px;font-size:32px;}
.icon_six h3{width:calc(100% - 60px);padding:0 30px;}
.icon_six ul{width:calc(100% - 60px);padding:0 30px;}
.icon_six li{width: calc((100% - 90px) / 3);margin: 15px 15px;}
}



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

.picScroll dd{width:123px;}
.picScroll dt{width:173px;}
.multipleColumn .bd ul{width:139px;}
.ab_main h3{width: 58%;}
#honor .picScroll_1 ul li{margin:0 9px;}
.mod18 .picBox{width:768px;}
.mod18 .picBox li{width:768px;}
.applicat_main{width:calc(100% - 80px); padding:0 40px;}
.ban2 ul li{width:708px;}
#store{border:0;}
#store ul li{width:calc(50% - 32px); line-height:50px; height: 50px;  border-bottom: 1px solid #d4d8d9;}
#store ul li a{float:initial; font-size:14px; display:block;}
#store ul li a:hover, #store ul li .cur{height:initial; border-bottom: 1px solid #00b1a9;}
.about_content .l {width:450px; margin:0 auto; float:initial; margin-bottom:20px;}

.about_content .r{width:calc(100% - 80px); font-size:14px; height:initial;}
}

@media screen and (max-width: 640px){	
.icon_six h2{font-size:30px;}
.new_main h4{font-size:30px;}
.pro_main h2{font-size:30px;}
.contact_main h2{font-size:30px;}
.swiper-container {height:260px;}
.about_main ul li a{margin:0 15px; }
.about_main ul li a span{display:block; font-size:12px;}
.about_main h2{font-size:35px;}

.picScroll dd{width:100%}
.picScroll dt{width:100%}
.picScroll dl{border:0;}
#product{padding:50px 0 30px;}
.online_main h2{font-size:24px;padding-top: 10px;}
.online_main h2 span{display:none;}

.multipleColumn .bd ul{width:50%;}
.multipleColumn .bd ul li{width:100%;}
.partner_main{padding:50px 0; width:100%;}
.partner_main li{width:100%; margin:0;}
.partner_main li div{width: 100px; margin: 0 auto;}

.contact_main p{font-size:16px;}
#contact{padding:50px 0;}
.new_main dl{width: calc(100% - 30px);}
#foot_1 p{display:none;}
#foot_1 p.foot_ph{display:block;}
#honor .picScroll_1 ul li{margin:0 24px;}
.ab_main h2{padding: 100px 0 0;}
.ab_main h3{width: calc(100% - 80px); position:initial;height:initial;}
.ab_main h2,.honor_main h2,.develop_main h2,.applicat_main h2{font-size:32px;}

.mod18 .picBox{width:640px;}
.mod18 .picBox li{width:640px;}
.applicat_main{width:calc(100% - 40px); padding:0 20px;}
.applicat_main ul{width:100%;}
.applicat_main li {width:calc(50% - 40px); padding:0 20px;}
.applicat_main li a{width:100%;}
.applicat_main li a span{display:block; line-height: 24px; padding-top:10px;}
.pro_l{width:100%; padding-bottom:10px;}
.pro_r{width:100%;}
.pro_cont dl{width:calc(100% - 2px); margin-left:0; margin-bottom:10px;}
.ban2 ul li{width:354px;}
.ban2 {height:285px;}
.num ul li img{max-width:100%; height:auto;}
.num ul{width:100%!important;height:initial!important;}
.num ul li{width:calc(20% - 2px); height: 100%;}
.prev_btn1,.next_btn1{margin-top:12px;}
#store ul li{width:100%;margin-right:0;}
.slideTxtBox{margin-top:20px;}
.slideTxtBox .hd ul li{font-size:14px; width:calc(50% - 20px); margin:0 10px 0; padding:15px 0 10px;border-bottom: 2px solid #fff;}
.pro_r_l p{margin: 35px 0 40px;}
.solution_main h2 a{font-size:16px;}
.solution_main{margin-top:20px;display: inline-block; clear:both;}
.solution_main dl{width:100%; margin:0;}
.solution_main dd{margin: 15px 0 30px;}
.store_l{width: 100%;}
.store_r{width: 100%;}

.store_con .tab_2{padding: 20px 20px 30px;}
.store_con .tab_1 h2{margin-left:0;}
.store_con .store_sub{width:calc(100% - 40px); padding:0 15px;}
.store_con .back{padding: 30px 40px 0 0;}
.battery_main td{font-size:14px;}
.battery_main td .ba_input{width:calc(100% - 30px);}
.battery_main td .supp_select{width:calc(100% - 10px);}
.battery_main .support_sub{width:calc(100% - 10px);}
.support_text{margin:15px 0 15px; display: inline-block;}
.picScroll_2 ul li a span{font-size:12px;}
.picScroll_2{padding:0 77px;}
.video_pic .tempWrap{width:260px!important;}

.down_main ul{width:100%;margin: 15px 0 0;}
.down_main ul li a span{display:initial; float:right;}
.down_li{max-height:initial;}
.down_main ul h2{font-size:20px;height:46px; line-height:46px;}
.RegistNumber{width:320px;}

.new_con dt{width:100%;}
.new_con dd{width:100%; padding-top:20px;}
.news_con h2{padding:30px 30px;}
.faq_main .type{width:100%;}
.faq_main .type li{width:calc(100% - 10px); margin:0 0 10px; padding:0 0 0 10px;}
.faq_main .type li a{padding:10px 0;}
.faq_main .operate li h4 i{top:16px;}
.faq_main .operate{margin:0px 0 20px;}
.news_more_fot_l{width:100%;}

.about_content .l{width:100%;}
.mejs__container,.mejs__overlay-play{width:100%!important;}
.mejs__layer{width:100%!important;height:200px!important;}
.about_content .l video{width:100%!important; height:200px!important;}
#mep_0{height:200px!important;}


.icon_six li {
    width: calc(100% - 20px);
    margin: 15px 10px;
}

}



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

.mod18 .picBox{width:414px;}
.mod18 .picBox li{width:414px;}

}

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

#honor .picScroll_1 ul li{margin:0 9px;}
#honor .picScroll_1 ul li img{max-width:100%;}
.mod18 .picBox{width:375px;}
.mod18 .picBox li{width:375px;}
.ban2 ul li{width:315px;}
.ban2 {height: 220px;}
.picScroll_2 ul li{width:80px;margin: 0 6px}
.video_pic .tempWrap {width: 186px!important;}
}


@media screen and (max-width: 320px){
.swiper-container {height:200px;}
.multipleColumn .bd ul{width:50%;}
.multipleColumn .bd ul li{width:100%;}
#honor .picScroll_1 ul li{margin:0 0px; width:100%;}
#honor .picScroll_1 ul li img{max-width:100%; height:auto;}
.mod18 .picBox{width:320px;}
.mod18 .picBox li{width:320px;}
.ban2 ul li{width:260px;}
.ban2 {height: 200px;}
.battery_main td{font-size:12px;}
.battery_main td strong{font-size:12px;}
.rdobox{font-size:12px;}
.picScroll_2 ul li{width:70px;margin: 0 6px}
.video_pic .tempWrap {width: 170px!important;}
.RegistNumber{width:260px;}
}