@charset "utf-8";


/*全局样式*/

body,ul,li,p,span,div,img,h1,h2,h3,h4,em,a,iframe/*.object,input,select,option,*/{padding:0px;margin:0px;border:none;}

body{font:14px/1.5em Tahoma,"Microsoft YaHei",Arial,"Open Sans";color:#333;overflow-x:hidden;background: #f5f5f5;}

table{ border-collapse:collapse;}
em{font-style: normal;}

ul,li{list-style:none;}

.clear:after{ clear:both; display:table; content:"";}

.clear{*zoom:1;}
.main_banner{margin-top:100px;}

.w1280{width:1280px;margin:0 auto;}
a{color:#333; text-decoration:none; cursor:pointer; outline:none;-webkit-tap-highlight-color:rgba(255,0,0,0);}
a:hover{color: #F05A23;text-decoration:none;}

.bread{padding:20px 0px;}

.bread a{color: #333;}

.bread a:hover{color: #F05A23;}

input,textarea{border:none;margin:0px;padding:0px;}

/*关于我们*/

.main_banner img,.cer img{width: 100%;height: auto;}

.main .about h2,.main .fac h2,.main .mac h2{font-size: 36px; text-align: center;padding: 20px 0px; color:#A2A2A2;}

.main .about h3,.main .fac h3,.main .mac h3{color: #F05A23; padding: 15px 0px;font-size: 24px;}

.main .about ul,.main .advan ul,.main .fac ul,.main .mac ul{overflow: hidden;padding: 20px 0px; }

.main .about ul li,.main .fac ul li,.main .mac ul li{width: 50%;float: left;}

.main .advan{background: #F05A23;margin:40px 0px;padding: 30px 0px 10px;}

.main .advan ul li{width: 25%; float: left;text-align: center;}

.main .advan ul li span{font-size: 24px;margin-top: 10px;}

.main .fac ul li,.main .mac ul li{height: 320px;margin: 20px 0px;}

.main .img{text-align: center;}

/*.main .img img{width:100%; height: auto;}*/



footer{background:#4f4f4f; color: #bfbfbf;padding: 40px 0px 0px;/*border-top-left-radius: 40px;border-top-right-radius: 40px;border-bottom-left-radius: 40px;border-bottom-right-radius: 40px;*/}

.foot{overflow: hidden;border-bottom:1px solid #fff;padding: 20px 0px;}

.foot>div{float: left;width: 25%;}

.foot .sns a{display: inline-block;width: 40px;height: 40px;background: url(/images/icon.png) no-repeat 5px -55px;margin:10px 5px;}

.foot .sns a.twi{background-position:-38px -55px;}

.foot .sns a.lin{background-position:-88px -55px;}

.foot .sns a.pin{background-position:-232px -55px;}

.foot h2{color: #fff;padding-bottom:15px;}
.foot li{padding: 4px 0px;}
.foot li a{color: #bfbfbf;}

.foot li a:hover{color: #F05A23;}

.copyright{text-align: center;padding: 20px 0px;}



/*联系我们*/

.con_det{overflow: hidden;padding: 10px 0px;}

.con_det .con_info,.con_det .con_mail{float: left;width: 49%;padding: 20px 10px;}

.con_det .con_info a{color: #333;}

.con_det .con_info a:hover{color:#F05A23; }

.con_det .con_info li i{display: inline-block;width: 20px;height: 20px;background: url(/images/icon.png) no-repeat -5px -101px;margin-right:5px;vertical-align: middle;}

.con_det .con_info li i.tel{background-position: -28px -101px;}

.con_det .con_info li i.fax{background-position: -51px -101px;}

.con_det .con_info li i.ser{background-position: -97px -101px;}

.con_det .con_info li i.mail{background-position: -75px -101px;}



.con_det .con_mail{box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 16px;}

.con_det .con_info ul li{font-size: 18px;color: #1e1e1e;padding: 10px 0px;}
.con_det .con_info ul li:first-child{font-size: 24px;}

.con_det .con_mail p{font-size: 18px; text-align: left;color:#F05A23;margin-bottom:15px;}

.con_det .con_mail #company,.con_det .con_mail #name,.con_det .con_mail #email,.con_det .con_mail #phone{width: 49.5%;}

.con_det .con_mail input{padding: 8px 10px;margin-bottom:15px;border:1px solid #ccc;}

.con_det .con_mail textarea{width: 100%;height: 140px;padding: 8px 10px;margin-bottom:15px;border:1px solid #ccc;font-family: auto;}

.con_det .con_mail #source{display: none;}

.con_det .con_mail #code{width: 90%;}

.con_det .con_mail #submit{width: 20%;}

.con_det .con_mail #submit:hover{background: #F05A23;color: #fff;}

.con_more{padding: 7% 0px;margin-top:40px;background: url(/images/con_bg.jpg) no-repeat 0px 0px;}

.con_more h3{text-align: center;margin-bottom:2%;color:#F05A23;font-size: 24px;}

.con_more p{text-align:center;color: #fff;font-size:18px;}



/*新闻*/

.news,.pro_main,.pro_det,.news_det{overflow: hidden;padding:50px 0px;}

.news .bread,.news_inf .bread{border-bottom:1px solid #ededed;}

.main_left{width: 21%;float:left;padding: 0px 1%; }

.main_left h3{color: #000;}

.main_left .child_nav li{padding:5px 0px;}

.main_left .child_nav a{font-size: 16px; color: #000;}

.main_left .child_nav a:hover{color: #F05A23;}

.main_right{width:74%;float: right;padding: 0px 1%; }

.news_list>ul li{overflow: hidden;padding:15px 10px;border-bottom: 1px dotted #ededed;}

.news_list>ul li .news_img{width: 24%;float: left;}

.news_list>ul li .news_info{width: 75%;float: right;}

.news_list>ul li .news_info h2{font-size: 18px;}

.news_list>ul li .news_info>a{display: inline-block;margin-top:20px;}

/*新闻详情*/
.news_det{overflow: hidden;}
.news_inf .news_body h1{font-weight:bold;font-size:18px;text-align:center;padding:30px 0px 10px;}

.news_inf .news_body p{padding:8px 0px;}

/*客户案例*/

.case>ul{overflow: hidden;border-bottom:1px solid #000;text-align: center;}

.case>ul li{display:inline-block;font-size:20px;font-weight:bold;padding: 25px 30px;}

.case>ul li:hover{color: #F05A23;cursor: pointer;}

.case>ul li.active{color: #F05A23;}

.case .case_det ul{overflow: hidden;padding:30px 0px;}

.case .case_det ul li{float: left;position: relative;margin:1% 1.5%;}

.case .case_det ul li h3{position: absolute;left: 0;bottom: 0px;width: 100%;background: #000;opacity: 0.8;filter:alpha(opacity=80);padding:10px 0px;text-align: center;color: #F05A23;}

.case_det>div{display: none;}

.case_det>div:first-child{display: block;}



/*下载*/

.down>div{overflow: hidden;/*padding: 2% 0px;*/ border-top:1px solid #ededed;margin-bottom:40px;}

.down .down_left{width: 32%;float: left;}

.down h2{text-align: center;color: #F05A23;padding: 20px 0px;}

.down .down_right{width: 67%;float: right;padding:1% 1%;border-left: 1px solid #ededed;}

.down .down_right li{overflow: hidden; border-bottom:1px solid #ededed;padding: 10px 0px;}

.down .down_right .down_txt{float: left;width: 87%;}

.down .down_right .down_txt i{display: inline-block;width: 25px;height: 25px;background: url(/images/icon.png) no-repeat -1px -122px;vertical-align: middle;margin-right: 5px;}

.down .down_right .down_txt a{font-size: 16px;color: #1f1f20;}

.down .down_right .down_txt a:hover{color: #F05A23;}

.down .down_right .down_icon{width:12%;float: right;border:1px solid #F05A23;padding:8px 0px;border-radius:15px; }

.down .down_right .down_icon a{color:#F05A23; }

.down .down_right .down_icon i{display: inline-block;width: 15px;height: 15px;background: url(/images/icon.png) no-repeat -68px -126px;margin:0px 8px 0px 20px;}

.down .down_right .down_icon:hover{background: #F05A23;}

.down .down_right .down_icon:hover a{color: #fff;}

.down .down_right .down_icon:hover i{background-position: -86px -126px;}



/*产品中心*/

.pro_bg{background:#f3f3f2;}

.pro h2{font-size: 24px;text-align: center;padding:15px 0px 30px; }

.pro h2 a{color:#F05A23;}

.pro>div ul{overflow: hidden;}

.pro>div ul li{width: 31%;float: left;margin:1% 1.1%;text-align: center;background:#fff;}
.pro>div ul li img{width: 100%;height: auto;}
.pro>div ul li h3 a{color: #333;}

.pro>div ul li p{font-size: 18px;}

.pro>div ul li p:last-child{margin:8% 0px;}

.pro>div ul li p:last-child a,.pro>div>p a,.main_right>ul li .news_info>a{padding: 10px 30px;border:1px solid #F05A23;color: #F05A23;font-weight: bold;border-radius: 10px;}

.pro>div ul li p:last-child a:hover,.pro>div>p a:hover,.main_right>ul li .news_info>a:hover{background:#F05A23;color: #fff;}

.pro>div>p{text-align: center;margin:2% 0px 8%;}



   /*产品列表*/
.pro_main .bread{border-bottom:1px solid #ededed;}

.pro_main .pro_list ul{overflow: hidden;}

.pro_main .pro_list ul li{width: 31%;float: left;margin:2% 1%;background:#fff;text-align: center;}

.pro_main .pro_list ul li a{font-size: 18px;color: #F05A23;word-break:break-word;}
.pro_main .pro_list ul li a img{width: 100%;height: auto;}

/*产品详情*/
.pro_inf{overflow: hidden;padding: 40px 0px;}

.pro_inf .det_img{float: left;width: 42%;}

.pro_inf .det_img img{width: 100%;height:auto;}

.pro_inf .det_txt{float: right;width: 55%;}

.pro_nav{margin-bottom:30px;}



/*.bx-pager{text-align:center;overflow:hidden;}

.bx-pager-item{display: inline-block;}

.bx-pager-item a{width: 20px;height: 20px;border-radius:10px;margin:0 5px;background: #666;display: block;font-size:0px;}

.bx-pager-item a.active {background: #000;}*/



.det_txt h1{font-size:18px;font-weight:bold;}

.det_txt p{padding:10px 0px;}

.det_txt p.notice,.det_txt p.notice a{color:#f7887f;}

.det_txt p.notice a:hover{color: #375dce;}

.det_txt a.inquire{border:1px solid #f24330;display: inline-block;padding:15px 25px;background: #fff0ee;color:#f24330;font-size: 18px;font-weight:bold;border-radius:5px;}

.det_txt a.inquire:hover{background: #f24330;color: #fff;}
.det_r .bread{border-bottom: 1px solid #666;}
.det_r h3{font-size:18px;font-weight:bold;border-bottom:1px solid #ddd;padding: 5px 0px;}

.det_r .des,.det_r .pack,.det_r .faq{padding: 20px 0px;}

.spe .new_tab{width: 100%;}

.spe .new_tab td{border:1px solid #999;padding: 8px 0px;text-align:center;word-break: break-word;}

.des p,.det_r .pack p{margin-top:10px;}

.det_r .faq ul li{padding:10px 0px;}

.prev_next ul,.related ul{overflow:hidden;padding:15px 0px;}

.prev_next ul li{width: 50%;float: left;}

.related ul li{width:24%;float: left;margin:0px 0.5%;text-align:center;background: #fff;}

/*.center img,*/.related ul li img{width: 100%;height: auto;}

.related ul li h2{font-size:14px;font-weight:bold;padding: 15px 0px;}
.det_c{text-align:center;}
.des img{border-radius:15px;}
.des h4{margin:40px 0px 20px;text-align:center;}


.feedback{display: none;position:fixed;top: 0px;left: 0px;width: 100%;height: 100%;background:#333;opacity:0.9;filter:alpha(opacity=90);z-index: 9999999;}

.feedback .close{width: 30px;height: 30px;background: url(/images/icon.png) no-repeat -102px -118px;position:absolute;right:25%;top: 9%;opacity:0.9;filter:alpha(opacity=90);}

.feedback .close:hover{cursor: pointer;}

.feedback_form{width: 50%;margin:5% auto;}

.feedback_form div{padding:5px 0px;}

.feedback_form p{color: #fff;font-size: 16px;}

.feedback_form p span{color: #f00;}

.feedback_form input, .feedback_form textarea{width:90%;padding:8px 10px;border:1px solid #999;font-family:arial;}

.feedback_form button{padding:12px 25px;background: #fff;color: #000;font-size:16px;border-radius:5px;}

.feedback_form button:hover{cursor:pointer;background: #375dce;color: #fff;}

#source{display:none;}

/*Intelligent energy storage cabinet*/
.det_adva ul{overflow: hidden;}
.det_adva ul li{width: 19%;height:275px;margin:0px 0.5%;float: left;background:#fff;}
.det_adva ul li p{text-align:center;}




/*导航nav*/
.head{position:fixed;top: 0px;left: 0px;width: 100%;background: #fff;z-index: 999999;}
.logo{float: left;padding: 19px;}
.nav{float: left;margin-left: 14%;}
.lan{float: right}
.nav>ul>li{float: left;position: relative;}
.nav>ul>li>a{display: block;padding: 39px 20px;font-size: 14px;font-weight:bold;}
.nav>ul>li>a:hover{background:#F05A23;color: #fff; }
.nav_list{display: none;width: 100%;position:absolute;left: 0px;top: 100px;background:#fff;opacity: 0.9;filter:alpha(opacity=90);}
.nav_list ul{padding: 50px 0px;}
.nav_list ul li{float: left;width: 23%;margin:0px 1%;}
.nav_list ul li h2{padding-bottom: 15px;border-bottom: 1px dotted #ddd;}
.nav_list ul li h3{padding: 15px 0px;font-size: 14px;}
.nav_list ul li p{padding: 5px 0px;}

.lan{position:relative;}
.lan p{ line-height: 100px;cursor: pointer;font-size: 14px;}
.lan p i{background:url(/images/lan.png) no-repeat 0px 0px;display:inline-block;width: 30px;height: 30px; vertical-align: middle;}
.lan ul{position: absolute;left: 0px;top: 100px;display: none;width: 100%;background: #fff;}
.lan ul li{padding: 8px 0px;text-align:center;}

/*移动端*/
.mobile,.menu_m_list,.phonemeng{display: none;}

@media only screen and (max-width:1024px){
	.head{display: none;}
	.mobile,.menu_m_list,.phonemeng{display: block;}
	.w1280{width:100%;}
	.dhlast{overflow: hidden;}
	.dhlast h2{width:50%; float:left; text-align:center;padding-top: 20px;}
	.dhlast h2 a{color:#fff; font-size:16px;}
	.main_left{display: none;}
	.main_right{width: 100%;}
	.pro_inf .det_img{width: 32%;}
	.pro_inf .det_txt{width: 65%;}
	.pro_inf{padding: 20px 0px;}
	.det_txt p{padding: 5px 0px;}
	.active .pag1_1,.tabout h1 span{font-size: 36px;}
	.tabout h2 a{font-size: 18px;}
	.tabout ul li p span{font-size: 18px;}
	.section3 img{width: 175px;height: auto;}
	.active .sml a h6{font-size: 18px;}
	.main_banner{margin-top:0px;}
	.main{padding: 0px 1%;}
	.main .about h2, .main .fac h2, .main .mac h2{font-size: 24px;}
	.main .fac ul li img, .main .mac ul li img{width: 100%;height: auto;}
	/*客户案例*/
	.case .case_det ul li{width:47%;}
	.case .case_det ul li img{width: 100%;height: auto;}
	.main_right>ul li .news_img img{width: 100%;height: auto;}
	.pro>div ul li p:last-child a, .pro>div>p a, .main_right>ul li .news_info>a{padding:5px 15px;}
	.down .down_left img{width: 100%;height: auto;}	
	.news, .pro_main, .pro_det,.news_det{padding: 25px 0px;}
	.feedback_form{margin:15% auto;}
	footer{padding:20px 0px 0px;}
	.foot_pro,.foot_cus,.fott_news{display: none;}
	.foot>div.base{float: none;width: 100%;text-align:center;}
	.foot .base img{width: auto;height: auto;}
	.sns{text-align: center;}
}

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

	/*surface pro*/

}

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

	/*ipad mini or ipad*/
	.active .pag1_1, .tabout h1 span{font-size:24px;}
	.active .pag1_2{right: 110px;}
	.active .pag1_3{left: 110px;}
	.main .about h3, .main .fac h3, .main .mac h3{padding: 8px 0px;}
	.main .fac ul li, .main .mac ul li{height: 180px;}
    /*.foot .base img{width: 100%;height: auto;}*/
    .down .down_right .down_txt{width: 82%;}
    .down .down_right .down_icon{width: 17%;}
    .main_left{display: none;}
    .main_right{width: 100%;}
    .con_det .con_info, .con_det .con_mail{width: 100%;}
    .pro_main .pro_list ul li a{font-size: 16px;}
}

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

	/*nexus 7*/
	.active .pag1_2{right: 32px;}
	.active .pag1_3{left: 32px;}
	.tabout ul li img{width: 100%;height: auto;}
	.section3 img{width: 120px;}
	.main .advan{margin:10px 0px;}
	.main .advan img{width: 100%;height: auto;}
	.down .down_right .down_icon{width:22%;}
	.pro_main .pro_list ul li{height: 235px;}
	.news, .pro_main, .pro_det,.news_det{padding: 15px 0px; }
	.feedback_form{width: 82%;}
	.feedback .close{right: 10%;top: 5%;}
}

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

	/*iphone 14 pro max*/
	.active .pag1_2 img,.active .pag1_3 img{width:125px;height: 27px; }
	.active .tabout h2{width: 142px;height: 32px;line-height: 32px;left: 67%;}
	.tabout ul li p{font-size: 12px;}
	.section3 img{width: 100%;height: auto;}
	.active .sethrmain .more{bottom: 10%;}
	.sefman ul li a{font-size: 18px;}
	.sefman h3 img{width: 100%;height: auto;}
	.main .about ul li, .main .fac ul li, .main .mac ul li{width: 100%;}
	.bread{padding: 10px 0px;}
	.case>ul li{padding: 15px 12px; font-size: 16px;}
	.case .case_det ul li h3{font-size: 14px;padding: 5px 0px;}
	.down .down_left,.down .down_right,.down .down_right .down_txt{width: 100%;}
	.down .down_right .down_txt h3{font-size: 14px;}
	.main_right>ul li .news_img,.main_right>ul li .news_info{width: 100%;}
	.con_det .con_info ul li:first-child{font-size:18px;}
	.con_det .con_info ul li{font-size: 14px;}
	.con_det .con_mail #company, .con_det .con_mail #name, .con_det .con_mail #email, .con_det .con_mail #phone{width: 100%;}
	.con_det .con_mail #code{width: 85%;}
	.con_more h3{font-size: 18px;}
	.con_more p{font-size: 14px;}
	.con_det .con_info{padding-top: 0px;}	
	.pro_main .pro_list ul li{height: 210px;}
	.pro_main .pro_list ul li a{font-size: 14px;}
	.pro h2{font-size: 18px;padding:10px 0px 15px;}
	.pro h3{font-size: 14px;}
	.pro>div ul li p{font-size: 12px;}
	.pro>div ul li p:last-child a, .pro>div>p a, .main_right>ul li .news_info>a{padding: 5px 8px;}
}

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

	/*pixel 5*/


}

@media only screen and (max-width:360px){
	.active .pag1_1, .tabout h1 span{font-size:18px;top:15%;}
	.active .pag1_2, .active .pag1_3{bottom: 22%;}
	.tabout h2 a{font-size: 14px;line-height:14px;}
	.active .sml a h6{font-size: 14px;}
	.active .sethrmain .more,.active .sefman .more{height: 30px;line-height: 30px;font-size: 12px;}
	.main .about h3, .main .fac h3, .main .mac h3{font-size: 18px;}
	.case .case_det ul li h3{font-size: 12px;}
	.pro h2{font-size: 14px;}
}