@charset "utf-8";
/* CSS Document */
@media (max-width:1800px){
.hz{width:70%;}
.hza{ width:70%;}
}
@media (max-width:1600px){
.hz{width:75%;}
.hza{ width:75%;}
	
.logo{padding:20px 0;margin:0;}
.logo img { height: 24px;}
 
 .sousuo .ssk { width: 40%;}
.mainbav .memu>a {padding:0 18px;}


.banner-title{font-size:42px;}

.index-title {font-size: 30px;line-height: 30px;}

.foot-menu { padding-right: 5%;}

.lingyu_liebiao li .lingyu_x span { font-size: 24px;}	

.products-banner-left-title{font-size: 42px;}





}
@media (max-width:1440px){
.hz{width:84%;}
.hza{ width:84%;}

.mainbav .memu>a{ font-size:15px;}

.foot-logo img { height: 45px;}




		}
@media (max-width:1300px){
.hz{width:88%;}
.hza{ width:88%; margin:50px auto !important;}

.banner-title{font-size:40px;line-height:45px;}

.foot-menu{padding-right: 3%;}
 
.sokc {width:70%;}




	}
@media (max-width:1200px){	
.hz{width:92%;}
.hza{ width:92%;}

.index-top-pic{display:none;}
.home-more{display:none;}

.sousuo_an img{width:25px;}
 .sousuo .ssk {width:60%; }
 .sousuo .ssk .input_btn{font-size:15px;}

.mainbav ul li ul{width:220px;}
.mainbav ul li .erji_dh dl dd {width:33.33%;}

.index-Years-pic img{width:40px;}

.sokb {width: 53%;}

.phone-hzs-left{ width:24%;}
.sokc { width: 65%;}
.foot-menu { width: 33.3%; }




.lingyu_liebiao li .lingyu_x span { font-size: 20px;}	

.pro-left{width:30%;}
.pro-right{width:65%;}
.pro-left .left-category ul li{font-size:16px;}

.contact-feedback .form-item .sokb { width: 85%;}

.contact-address-left{width:35%;}
.contact-address-right{width:60%;}

.contact-feedback .form-item .sokc { width:69%;}

 .products-banner-left-title{font-size:36px;}
 
 .products-banner-left{width:50%;}

 
 .product3-top-right-title {
    font-size: 36px;
    line-height: 40px;}
	
.product3-From-box-pic img { height:150px;}

.product3-left{width:30%;}
.product3-right{width:65%;}

.products-yy li{width:100%;}

.applicationshow-title{font-size:30px;}
.Resources-Explore li {width: 23%;}

.Resourceshow-bottom-right-bt-hz li{width:100%;}
.news-events-title a { font-size: 20px;}
}
@media (min-width:1024px){



}
@media (max-width:1024px){	
body{padding-top:0;font-size:15px;}

.top-pc { display:none;}
.tp_wrap { width:98%;margin: 0 auto;}

.sousuo {
    float: right;
    margin-top: 24px;
    margin-right:40px;}
.sousuo .ssk_bj{top:100px;}


.top_sj{
  position:relative;
    width: 100%;display:block; z-index: 2;
    transition: all 0.5s;box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.2);
	}
	.top_sj.active{ background:rgba(255,255,255,0.9);}
	.top_sj.open{ background:rgba(255,255,255,1);}
	.top_sj .tp_wrap:after{content: "";display: block;height: 0;visibility: hidden;clear: both;}
.hamburger{display:block;}
	.dh{position:absolute; left:0px;top:100%; z-index:1111;width:100%; display:none; background:#fff;overflow:hidden;-webkit-transition:1s;transition:1s;}
	.dhov{ height:calc(100vh - 85px);display:block;overflow-y:auto;padding:20px;}
	.dh>ul { text-align:left;}
	.dh>ul>li{  position:relative;}
	.dh>ul>li>a{display:block;padding:15px;font-size:16px;font-weight:bold;color:#000;}
	.dh>ul>li>a:hover{background:#fff;color:#3571ad;text-decoration:underline;}
	.dh>ul>li .droparea{display:none; padding:20px;background:#f5f5f5;}
	.dh>ul>li .droparea .sj{display:none;margin-top:10px; }
		.dh>ul>li .droparea .sj li{ padding-left: 20px;}
	.dh>ul>li .droparea .sj a{color:#666;  }
		.dh>ul>li .droparea .sj a:hover{text-decoration:underline;}
	
	.dh ul li span{position:absolute; height:65px;width:51px;top:-5px;right:0;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
    .dh ul li .inactive:before,.dh ul li .inactive:after{ transform: rotate(45deg);transition: all .3s ease;content: "";position: absolute;right:0;top: 50%; left:50%; margin-left:-5px;  height: 2px; width: 10px; border-radius: 3px;background-color:#333; margin-top: -3px; transition:0.5s;}
    .dh ul li .inactive:after {transform: rotate(-45deg);margin-top:3px;transition:0.5s;}
    .dh ul li .inactives:before,.dh ul li .inactives:after{  transform: rotate(135deg);transition: all .3s ease;content: "";position: absolute;top: 50%;  height: 2px; width:20px; border-radius: 3px;background-color:#333; margin-top:0px;}
    .dh ul li .inactives:after {transform: rotate(45deg);margin-top:0px;}
    .dh>ul>li .droparea img { display:none;}
    .dh ul li .droparea li{ padding:10px 0; position:relative; }
    .dh ul li .droparea li a{color:#333;font-size:16px;font-weight:bold;}
	 .dh ul li .droparea li a:hover{color: #3571ad;text-decoration:underline;}
.dh ul li .droparea li a.color{color:#3571ad;text-decoration:underline;}

.home-more{display:block;}
.index-dh-hz{margin:20px 0;}
.index-dh{width:100%; padding-left:0;}
.border-left{border-left:none !important;}
.index-top-pic{display:block;margin-left:0;}

.top-ggt-hz{margin-top:20px;}

.new{left:0;background:#fff;box-shadow:0 2px 10px rgba(195,195,195,0.7);top:44px; width:135px;}
.new li a{color:#333;}
.nav1{border:1px solid #333;border-radius:5px;padding:0 35px;}

	.sear_t { position:absolute; width:100% !important; top:90px; left:0px; background-color: #fafafa; background: linear-gradient(to bottom,#f5f5f5 10%,#ededed 50%,#f5f5f5 90%); z-index:99; display:none; }
	.search_bar1 { max-width:630px; border-bottom:1px solid #dcdcdc; margin:20px auto 10px; padding-left:50px; padding-right:50px; position:relative; width:80%;}
	.search_form .sf_input1 {padding:10px; display:block; font-size:18px; border:none; color:#212721;width:100%;line-height:36px;   height:46px; text-indent:10px;background-color: transparent;-webkit-appearance:none; } 
	.search_form .sf_input1:hover { outline:0;} 
	.search_form .sf_btn1 {background:url("../images/search_btn.png") no-repeat center;  width:46px; height:46px;   float: right; border: none; cursor: pointer; position:absolute; left:0px;}
	.search_form .search_close { position:absolute; right:5px; top:0px; width:20px; height:46px; background:url(../images/ssbtn_close.png) center no-repeat; }
	.search_form .sf_input::-webkit-input-placeholder { color:#505050; }
	
	/* 火狐浏览器 */
.search_form .sf_input::-moz-placeholder { color:#505050; }
.search_tbn { background:url(../images/ss_tbn.jpg) no-repeat center; width:20px; height:20px; float:left; padding:0 5px;margin:0 10px; cursor:pointer;}

.index-about-right-title{font-size:28px;line-height:30px;}
.index-news-nr-left { width: 48%;margin-bottom:20px;}

.caseshow-join-list{width:100%;}
.caseshow-join-menu{font-size:16px;}
.faq{font-size: 15px;}

.index-Get-box{width:100%; margin:60px auto;}

.foot-logo img { height: 40px;}

.lingyu_liebiao li .lingyu_x img{width:50px;}
.lingyu_liebiao li .lingyu_x span a{font-size:20px;}

.contact-feedback .form-item .sokb{width:84%;}

.pro-left2{width:38%;}
.pro-right2{width:55%}
.pro-left2 .left-category2 ul li h4 {
    width: 45px;
    height: 45px;
    line-height: 45px;}
.pro-left2 .left-category2 ul li {padding-left:60px;font-size:16px; margin-bottom:40px;}
.product2-fl li{width:33.3%;}


.Certification-product-top{display:block;}
.index-search{width:72%; height:42px;margin:0 auto;}
.Certification-product-top-right{justify-content:center;margin-top:20px;}

.careers-From-box {width:50%;margin-bottom:80px;}
.careers-From-box:nth-child(2n){border-right:none;}

.ny-banner-bj{ height:350px;}


.product3-From-box-pic img { height:130px;}

.products3-tu{width:48%;}
.product3-left{top:0;}

.contact-what li { width:20%;}

.left {font-size:24px;}

.index-feedback-hz {  width: 100vw; }
}


@media (max-width:960px){
.index-title{font-size: 26px;}

.index-Applications-box{width:47%;}
.index-Applications-more a{font-size:16px;} 
.index-about-left{width: 48%;}
.index-about-right{width: 48%;}

.index-why-left-a-title{font-size:20px;}
.index-why-left-a-title img{top:15px;}

    .sokc { width:64%; }

.foot-logo img { height: 30px;}
.foot-contact-title { font-size: 16px;}
.foot-bq-menu{width:100%;margin-top:20px;}

.foot-bq{margin-top:30px;}
.foot-bq-menu li a{font-size:14px;}
.foot-contact-wb li img { width: 32px;}
.foot-hz{display:block;}
.foot-box {width:100%; }

.ny-banner-an{font-size:16px;padding:10px 8%;}

.about-offices-bottom-fx li{width: 23%;margin-bottom:15px;}
.about-offices-bottom-lxfs li{width:31.33%;margin-bottom:2%;}


.pro-left{width:100%;}
.pro-right { width:100%;margin-top:30px;}
.pro-left .left-category ul{display: flex; flex-wrap: wrap;}
.pro-left .left-category ul li{width:50%;float:left; }
.pro-left .left-category ul li.on::after, .pro-left .left-category ul li:hover::after{display:none;}
.container { margin-top: 50px;}

.Milestones-title{font-size:28px;}
.contact-feedback .form-item .sokb{width:80%;}

.index-From-box{width:48%;margin-bottom:20px;}
.index-From-box-title p{font-size:40px;line-height:40px;}


.mainCon li{width:44%;}


.pro_gg-ls{margin-bottom:30px;}
.pro_gg-ls:nth-child(2n) .pro_gg-right{float:left;}
.pro_gg-ls:nth-child(2n) .pro_gg-pic{float:right;order: 0;}
.pro_gg{margin-bottom:50px;}

.pro_gg h1 {
    font-size: 24px;
    line-height: 30px;}
.Battery-sz{font-size:16px;}

.partnership-trusted{width:100%;}

.Partnership-From-box{width:48%;margin-bottom:20px;}

.Certification-bg li{font-size:18px;}



.Certification-product-bottom-box{ overflow-x:scroll;}
.Certification-product-bottom-box table thead tr{font-size:18px;}

.index-search{width:90%;margin-top:20px;}

.careers-faq{display:block;}
.careers-faq-box {width:100%;margin-bottom:50px;}

.products-banner-left{width:65%; }

.products2-banner-an p {width:70%;}

.products2-tu{width:48%;}



.product3-From-box{width:48%;}

 .products-common {display: block;}
.product-xq-sj{display:block;width:98%;margin:0 1%;}	
.product-top{display:none;}
.productshow-title{font-size: 22px;}
.productshow-top-right{width:100%;margin-top:50px;margin-top:40px;}
 .products2-banner-an{text-align:center;}
 
 .commitment-From-box{width:47%;} 
 .products-content-title {font-size: 20px;}
 
 .product3-left{width:100%;position:unset;margin-top:50px;}
.product3-right{width:100%;}
.applicationshow-top{margin-top:50px;}

.applications-office-left {width: 100%;}
.applications-office-right {width:100%;margin-top:20px;}
.applications-office-right .khjz_dkj{width:100%;}
.applications-office-right .Partnership-From-hz{width:100%;}

.applicationshow-title {font-size: 24px;line-height:30px;}
.Battery-title{font-size:18px;}

.applicationshow-left-top{margin-top:0 !important;}

.custom-lxfs li{width:48%;margin-bottom:30px;}

.custom-Battery li{width: 48%;}
.custom-Battery li p {
    font-size: 32px;
    line-height: 35px;}
	
.contact-what li { width: 23%;}

.Resources-Explore li a{font-size:16px;}

 .Resources-Explore li { width: 31.33%; }
.Blog-search {width: 60%;margin:0 auto;}
 .index-about-right-title {text-align:center;}
 
 .blog-hz {display: block;}
.Blog-search-box{margin-top:20px;width:100%;}

.topics-news-nr-left {width:48%;}
.topics-news-nr-left-title a{font-size: 16px;}

.resources-Submit-title {width: 100%;}
.resources-Submit-serach {width:60%;margin:50px auto 0 auto;}

.resources-Submit-title img{height:50px;}
.resources-Submit-title{font-size:22px;}

.resources-title-ms{text-align:center;font-size: 18px;}

.resources-real-title a{ font-size: 22px;}

.form-select{width:100%;margin-top:30px;}

.resources2-left{border-bottom: 1px solid #e9e9e9;width:100%;}

.resources2-right-nr{border-bottom: 1px solid #e9e9e9;}
.resources2-left-nr{position:unset;}

.pro-gg-box { display: block;}
.hz-width{ width:90%;margin:auto;}
.Resourceshow-bottom-right-bt-hz{margin-top:30px;}

.sj-hz-top{margin-top:40px;}

.index-news-nr{width:90%;margin:0 auto;}

.faq-left li{width:50%;float:left;padding-right:2%;text-align:center;}
.faq-left a{ font-size:18px;}

.events-news-nr-left{width:96%;}

.news-events-bj{display:block !important;}
.news-events-title a { font-size:18px;}


}



@media (max-width:768px){	
.banner-wb{min-width:80%;}
.banner-title {font-size:36px; line-height:40px;}
.index-banner-an p{ min-width:48%;width:210px;margin-bottom:10px;}
.index-banner-an p a{font-size:16px;}
.banner-ms{font-size:15px;}
.index-title-ms{width:90%;}
.banner-an{font-size:16px;}


 
.index-Years{flex-wrap: wrap;}
.index-Years-box{ width:50%; margin-bottom:30px;padding:0; flex-direction:row;}
.index-Years-pic img{width:35px;}
	


.index-Applications-box{width:97%;}
 
 .index-about-left{width:100%;margin-top:30px;}
.index-about-right{width:100%;}
.index-about-right-title p { font-size: 16px;}

.about-offices-left{width:100%;}
.about-offices-right{width:100%;margin-top:30px;}
	
.index-why-right{width:100%;margin-top:50px;}
.index-why-left{width:100%;}
.index-why-right-yuan{font-size:32px;line-height:35px;}
.index-why-p { font-size:22px !important;}

.index-news-nr-left{width:98%;}



.index-Get-left{width:100%;margin-right:0;}
.index-Get-right{width:100%;margin-top:30px;}
.index-Get-name{width:100%;}
.soka { width: 100%;}
  .sokc {width: 78%}
  
 .phone-hzs-left{width:15%; }
.phone-hzs {width: 100%;}

 .sokb { width: 100%;}
 .foot-menu {padding-right:0;width:100%;}
 
 .about-wb img{width:100%; padding: 0 0 4% 0;}

.service5Box4 .item{justify-content: space-between;flex-wrap: wrap;margin-top: 3.8vw;}
.service5Box4 .items{gap: initial;}
.img {width:100%;}
 .service5Box4 .item .content {padding:0px; padding-top:40px; width:100%; }
 .about-qywh-wb-title{font-size:18px;}
 
  .lingyu_liebiao li .lingyu_x img{width:45px;}
  .lingyu_liebiao li{width:50%;}
 .lingyu_liebiao li .lingyu_x span {font-size:18px; }
 
 .about-offices-bottom-fx li{width:31.33%;}
 .about-offices-bottom-lxfs li{width:48%;}
 
 .contact-feedback .form-item {width: 98%;}
 .contact-feedback .form-item .sokc{width:78%; }
 .contact-feedback .form-item .sokb{width:100%; }
 .contact-feedback .form-item .form-item img{margin-top:10px;}
 
 .contact-address-left{width:100%;}
.contact-address-right{width:100%;margin-top:20px;}
.contact-feedback .form-item .sokc { width:67%;}
 
 
 .pro_gg-pic{width:100%; margin-top:30px;}
.pro_gg-right{width:100%;margin-top:30px;}
.pro_t li{font-size:18px;margin:0 3%;}
.pro_gg-right-title{font-size:18px;}
.xt{display:none;}

.mainCon li{width:98%; margin-bottom:35px;}
.mainCon li:last-of-type{ display:block;}  
.mainCon{width:80%;margin:0 auto;}

.step .item{display:block !important;}
.owl-carousel .owl-item{display:block;}

.partnership-trusted li{width:44%;margin-bottom:30px;}
.partnership-trusted{width:90%;}
.partnership-trusted-sz{ width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 28px;}

.Partnership-From-box{width:98%;margin-bottom:20px;}
.Partnership-From-box-title{font-size: 18px;}
.partnership-hzhb li{width:31.33%;margin-bottom:5%;}
.partnership-hzhb li:nth-child(5n){margin-left:1%;}
.partnership-hzhb li:nth-child(8n){margin-left:1%;}

.index-Professional-title{font-size:28px;line-height:35px;}
.index-Professional-nr{font-size:16px;}

.pro-left2{ width:70%;margin:0 auto; float: none;}
.pro-right2 { width:100%;margin-top:50px;}

.Certification-bg li{font-size:16px;}


 .index-search {width:100%; }
.Certification-product-bottom-box table thead tr{font-size:16px;}
.Certification-product-bottom-box{margin-top:20px;}

.Certification-Voltage{margin-bottom:20px;}
.Certification-dw{width:50%;}
.Certification-Voltage{ font-size:15px;}
.Certification-Voltage2{ margin-left:0 ;font-size:15px;}
.Certification-hzs-bottom2{margin-left:0 ;}
.Certification-Voltage3{ font-size:15px;}

 .careers-offices-left{width:100%;margin-top:30px;}
.careers-offices-right{width:100%;}
 
.careers-From-box { width: 100%;border-bottom:1px solid #e6e6e6;border-right:0;  padding:0 0 30px 0;}
 .careers-From-box:last-of-type{ border-bottom:none;}
 .careers-From-box-title { font-size: 18px;}
 .careers-From-box:last-of-type{ margin-bottom:0;}
 .prosa2{width:100%;}
 .prosb2{width:100%;}
 
 .products-content-title{font-size:18px;}
 .products-banner-left{width:75%;}
.products-banner-left-title{font-size:36px;}
.products-banner-an p { width: 60%;}
 .products-banner-left{width:70%;text-align:center;margin:0 auto;float:none;}
 .products-service5Box4 .products-item {display:block;}
 .products-service5Box4 .products-item .products-content{width:100%;}
.products-img-hz {width: 100%;float:left;margin-top:30px;}
 .products-service5Box4 .products-item { display:block; overflow: hidden;}
 
 .product2-top{display:block;}
 .product2-top-pic{width:100%;}
  .product2-top-right{width:100%;margin-top:30px;}
 .product2-fl li{width:50%;}


 
 .product2-bottom-pic{width:50%;margin-bottom:40px;}
 
.product3-top-right-title{font-size:30px;}

.product3-From-box{width:80%; margin:0 auto 20px auto;}
.product3-From-box-pic img{height:120px;}



.commitment-From-box { width:97%;}
.products-yy li{width:50%;}

.Partnership-From-box2{width:48%;}
.Partnership-From-box-title2 { font-size: 16px;}
.Partnership-From-box-pic img { height: 45px;}

.about-offices-top{display:block;}

.products-yy2 li{width:100%;}

.custom-lxfs li{width:98%;}
.topics-more{text-align:center; float: none;}
.topics-more a{font-size:16px;}

.Resources-Explore li{width:48%;padding:12px 15px;margin:0 1% 5% 1%;}
.Resources-Explore li a { font-size: 15px;}

.Blog-left-nr {width:96%;}
.Blog-left-hz { margin-top: 30px; }
.resources-Submit-title img { height: 45px;  top: 25px;}
.resources-Submit-title{padding-left: 80px;}

 .topics-news-nr-left{ width: 98%; }
 
 .resources-real-hz { width: 42%;margin-bottom:40px;}
 
 .resources-real-hz{width: 92%;}
 .resources-real-pic { width: 30%;}
  .Resourceshow-bottom-right-bt-hz li { display: block;}
.Resourceshow-bottom-right-pic {width:100%;padding-right:0;}
.Resourceshow-bottom-right-hz { width:100%;margin-top:30px;}

.Resourceshow-bottom-right-bt-hz li{padding-right:0;}

.faq-left li{width:100%;padding-right:0;}

}

@media (max-width:580px){	
.sousuo .ssk .input_btn { width:32%;line-height:42px;}
.sousuo .ssk .input_txt {width: 68%; height: 42px;}
.sousuo .ssk { width:80%;}	

.banner-title{font-size:30px;line-height:36px; }

.index-Years-pic img{width:32px;}


.sokb {width: 100%;}
.phone-hzs-left{width:18%;}
.sokc{width:72%;}

.lingyu_liebiao li .lingyu_x span { font-size:16px; }
.about-offices-bottom-fx li{width:48%;}
.about-offices-bottom-lxfs li{width:98%;padding:15px 15px 15px 60px;}
.pro-left .left-category ul li{width:100%;}

.index-From-box{width:80%;margin:0 auto 20px auto;padding:5%;}
.contact-feedback .form-item .sokc {width:75%;}

.partnership-trusted { width:100%;}

.pro-left2{ width:90%;}

.pro_t2 li:last-of-type{margin-bottom:0;}


 .products-banner-left{width:90%; }
.products-banner-left-title{font-size:28px;line-height:30px;}
 .products-banner-an p { width: 70%;}
 
  .product2-fl li{width:100%;padding-right:0;}

.products2-tu-box{margin:0 auto;width:80%;}
.products2-tu{width:98%;}

.product3-top-right-title{font-size:26px;line-height:32px;}


.products3-tu{width:98%;}

.products-yy li{width:100%;}
.applicationshow-title { font-size: 22px;}
.menu_head{font-size:16px;}

 .custom-Battery li{width:98%;}
.contact-what li{width:38%;}

.Blog-search{width:80%;}
 .resources-Submit-title {font-size:20px; }
 .resources-Submit-serach { width: 80%;}
 
 .resources-real-title a {font-size: 20px;}
 
 .resources-real-pic {width:38%; }
.index-news-nr-left-title a{font-size:16px;}

.Resourceshow-bottom-right-title a { font-size:16px;}
.index-news-nr{width:82%;}
.hz-width{ width:82%;margin:auto;}

.index-about-right-title {font-size: 22px; }
.news-events-title a{font-size:16px; }

.left{font-size:20px;}
}
@media (max-width:480px){	
.phone-hzs-bottom-name{width:58%;} 
 .phone-hzs-left{width:26%;}
 .sokc{width: 60%;}
.contact-feedback .form-item .sokc{width:63%;}
  
 .pro_t li{margin-bottom:15px;}
 .pro_t3 li {margin: 0 3%;}
 .Certification-wb{width:80%;margin:0 auto;text-align:center;}
 .Certification-dw{width:80%;margin:0 auto;}
 .Certification-Voltage2{ margin-right:0;margin-bottom:20px;}
.Certification-hzs-bottom2{margin-right:0;}
.Certification-wb{margin:0 0 10px 0;}
.index-search{width:80%;}

 .products-banner-an p {width:92%;}
   .products2-banner-an p {width:92%;}
}
	
@media (max-width:320px){	



}