html,body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
a:link,a:active,a:hover,a:visited{text-decoration: none;}
em{font-style:normal}
li{list-style: none;}
ul>li:last-child{margin-bottom: 0;margin-right: 0;}
li{list-style:none}
input{outline: none;border: none;}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
i{font-style: normal;}
html::-webkit-scrollbar {display:none}/*隐藏滚动条*/
html,body{
	width:100%;
	height:100%;
	font-family: "microsoft yahei";
}
.mb75{margin-bottom: 95px;}
/*text-transform*/
.uppercase{text-transform: uppercase;}
.lowercase{text-transform: lowercase;}
.capitalize{text-transform: capitalize;}
/*theme conment*/
.theme-color{color: #/*EB5C02*/!important;}
.theme-border{border: 2px solid #EB5C02!important;}
.theme-bg{background-color: #EB5C02!important;}
.theme-btn{
	display: inline-block;
	width: 150px;
	padding: 5px 0;
	text-align: center;
  	font-size: 14px;
  	line-height: 30px;
  	font-weight: bold;
  	border-radius: 22px;
  	text-transform: capitalize;
	color: #EB5C02!important;
	border: 2px solid #EB5C02!important;
	background-color: transparent!important;
	cursor: pointer;
	transition: all .3s;
}
.theme-btn:hover {
	color: #fff!important;
	background-color: #EB5C02!important;
}
.scale12,
.scale15{
	transition: all .8s;
}
.scale12:hover{
    transform:scale(1.2);
    -ms-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
    transition: all 0.8s ease-in-out;
}
.scale15:hover{
    transform:scale(1.5);
    -ms-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-webkit-transform: scale(1.5);
    transition: all 0.8s ease-in-out;
}
.blod{font-weight: bold;}
.bg {
	/*display: table;*/
	width: 100%;
	height: 100%;
	background-color: white;
	overflow: hidden;
	position: relative;
} 

.loading{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 8888;
	background-color: white; 
	/*display: none;*/
}
.loading .pic{
	width: 64px;
	height: 64px;
	background: url(../img/common/loading.gif);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.dialog{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.dialog-banner{background-color: rgba(0,0,0,0.3);}
/*banner*/
.banner{
	width: 100%;
	height: 100%;
	background-color: white;
}
.banner .swiper-container,
.banner .swiper-slide{
	height: 100%;
	overflow: hidden;
	position: relative;
}
.banner img{ width: 100%;}
.banner{ font-size: 62.5%!important;}
/*自定义分页器样式*/
.swiper-pagination-bullet{
	width: 12px;
	height: 12px;
	display: inline-block;
	border-radius: 0!important;
	background-color: #fff;
	opacity: 1;
	margin: 0 10px!important;
}
.swiper-pagination-bullet-active{
	background-color: #EB5C02;
	outline: none;
}
.banner .nextBtn,
.bg .nextBtn{
	position: absolute;
    bottom: 70px;
    left: 50%;
    margin-left: -20px;
    z-index: 50;
    width: 40px;
    cursor: pointer;
    opacity: 0.6;
}
.banner .nextBtn{
	animation: scrollbottom .8s linear infinite alternate;
    -moz-animation: scrollbottom .8s linear infinite alternate;
	-ms-animation: scrollbottom .8s linear infinite alternate;
	animation: scrollbottom .8s linear infinite alternate;
}
.bg .nextBtn{
	position: absolute;
    bottom: 30px;
	animation: scrollbottom2 .8s linear infinite alternate;
    -moz-animation: scrollbottom2 .8s linear infinite alternate;
	-ms-animation: scrollbottom2 .8s linear infinite alternate;
	animation: scrollbottom2 .8s linear infinite alternate;
}
@-webkit-keyframes scrollbottom{
	from{bottom: 70px;}
	to{bottom: 60px;}
}
@keyframes scrollbottom{
	from{bottom: 70px;}
	to{bottom: 60px;}
}

@-webkit-keyframes scrollbottom2{
	from{bottom: 30px;}
	to{bottom: 20px;}
}
@keyframes scrollbottom2{
	from{bottom: 30px;}
	to{bottom: 20px;}
}
@media (max-width: 375px) {
	.banner{font-size: 70%!important;}
}
@media (min-width: 375px) {
	.banner{font-size: 90%!important;}
}
@media (min-width: 440px) {
	.banner{font-size: 110%!important;}
}
@media (min-width: 768px) {
	.banner{font-size: 130%!important;}
}
@media (min-width: 992px) { 
	.banner{font-size: 150%!important;}
}
@media (min-width: 1200px) {
	.banner{font-size: 200%!important;}
}

/*section*/
section{
	width: 100%;
	padding: 80px 0;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
section.bgc{background-color: #f9f9f9;}
.service section:nth-child(odd){background-color: #f9f9f9;}
.service section:nth-child(even){background-color: #fff;}
/*section:nth-child(odd){background-color: #f9f9f9;}
section:nth-child(even){background-color: #fff;}*/
section .wrap{
	width: 1200px;
	padding: 0;
	margin: 0 auto;
	position: relative;
}
section .content{
	width: 100%;
	position: relative;
}
section .content ul{
	width: 100%;
	position: relative;
}
@media screen and (max-width: 1199px){
	section .wrap{
		width: 100%;
		padding: 0 15px;
	}
}
@media screen and (min-width: 240px) and (max-width: 779px){
	section{padding: 15px 0;}
	section .wrap{
		width: 100%;
		padding: 0 15px;
	}
}
.title{
	text-align: center;
}
.title h2{
	text-transform: capitalize;
}
.title .line{
    width: 100%;
    max-width: 50px;
    margin: 20px auto 60px;
    border: 2px solid #EB5C02;
}

/*index*/
.banner.home .ss1{
	background: url(../img/1index/banner1.jpg) no-repeat center;
	background-size: cover;
}
.banner.home .ss2{
	background: url(../img/1index/banner2.jpg) no-repeat center;
	background-size: cover;
}
.banner.home .ss3{
	background: url(../img/1index/banner3.jpg) no-repeat center;
	background-size: cover;
}

.banner.home .rap{
	max-width: 1000px;
    width: 95%;
	min-height: 100px;
	height: auto;
	margin:0px auto;
	position: absolute;
	top: 50%;
	left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	/*background-color: #eee;*/
}
.banner.home .rap .copy{
    color:#ffffff;
    position: relative;
    font-size:15px;
    line-height:22px;
    text-align: center;
    /*background-color: #ccc;*/
}
.banner.home .rap .copy h2{
    font-size: 54px;
    line-height: 64px;
    padding: 30px 0px;
    margin: 0px;
    font-weight: 400;
    /*text-transform: capitalize;*/
}
.banner .caption{
	text-transform: lowercase;
	margin-bottom: 30px;
}
@media (max-width: 1400px){
	.banner.home .rap .copy h2{
	    font-size: 40px;
	    line-height: 45px;
	    padding-bottom: 25px;
	}
	.banner .caption{margin-bottom: 25px;}
}
@media (max-width: 990px){
	.banner.home .rap .copy h2{
	    font-size: 36px;
	    line-height: 45px;
	    padding-bottom: 20px;
	}
	.banner .caption{margin-bottom: 20px;}
}
@media (max-width: 650px){
	.banner.home .rap .copy h2{
		font-size: 34px;
	    line-height: 40px;
	    padding-bottom: 15px;
	}
	.banner .caption{margin-bottom: 15px;}
}
section.home{
	margin:0;
	padding: 0;
}
section.home .wrap{width: 100%;}
/*/index*/


/*service*/
.bg.service{
	background: url(../img/4service/services.jpg) no-repeat center;
	background-size: cover;
	background-color: white;
}
section.liucheng{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
section.liucheng .item{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
section.liucheng:nth-child(odd) .txt{float: right;}
section.liucheng:nth-child(odd) .pic{float: left;}
section.liucheng:nth-child(even) .txt{float: left;}
section.liucheng:nth-child(even) .pic{float: right;}
section.liucheng .txtCon{
	padding: 100px;
	position: relative;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	color: #000;
	font-size: 26px;
	line-height: 1.5;
	display: none;
}
section.liucheng .txtCon .black_b {
    width: 100%;
    /*padding: 10px 5%;*/
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
section.liucheng:nth-child(odd) .txtCon{background-color: #f9f9f9;}
section.liucheng:nth-child(even) .txtCon{background-color: #fff;}
section.liucheng .item .txtCon .closeBtn{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	position: relative;
	position: absolute;
	top: 0;
	right: 0;
	border: 2px solid #EB5C02;
	cursor: pointer;
	vertical-align: middle;
}
section.liucheng .closeBtn img{
	width: 30px;
	position: absolute;
	top: 50%;
	right: 50%;
	margin: -15px -15px 0 0;
}
section.liucheng .item .txt{width: 45%;padding-left:2%;text-align: left;}
section.liucheng .item .pic{width: 37%;}
/*section.liucheng .item .pic{
	width: 300px;
	height: 300px;
	border-radius: 50%;
	background: url('../img/4service/s1.png') no-repeat center center;
	background-size: 70%;
	background-color: #ccc;
}*/

section.liucheng .item .txt img{width: 150px;}
section.liucheng .item .txt h2{padding: 30px 0;margin:0;font-size: 30px}
section.liucheng .item .pic img{width: 100%;}
@media screen and (min-width: 240px) and (max-width: 779px){
	section.liucheng .item{padding: 0;}
	section.liucheng .item .txt{
		width: 100%;
		padding-bottom: 15px;
	}
	section.liucheng .item .pic{width: 100%;}
	section.liucheng .item .pic img{width: 100%;}
}
/*service*/
/*company*/
.bg.company{
	background: url(../img/5company/company.jpg) no-repeat center;
	background-size: cover;
	background-color: white;
}
@media screen and (min-width: 240px) and (max-width: 779px){
	.company-bg{
		background: url(../img/5company/4.jpg) no-repeat center;
		background-size: cover;
	}
}
section.wenhua .content ul li{
	width: 100%;
	position: relative;
	overflow: hidden;
}
section.wenhua .content ul li:not(:last-child){margin-bottom: 70px;}
section.wenhua .biaoti{
	width: 25%;
	float: left;
}
section.wenhua .biaoti h2{
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	text-align: left;
	border-left: 2px solid #EB5C02;
	text-indent: 20px;
}
section.wenhua .miaoshu{
	width: 70%;
	float: right;
}
@media screen and (min-width: 240px) and (max-width: 779px){
	section.wenhua .biaoti{width: 100%;}
	section.wenhua .miaoshu{
		width: 100%;
		text-align: center;
	}
	section.wenhua .biaoti h2{
		text-align: center;
		border: none;
		text-indent: 0;
		margin-bottom: 15px;
	}
}
/*section.team h4{
	margin: 40px auto 20px;
	font-size: 30px;
}*/
section.team p{
	margin-top: 40px;
	font-size: 20px;
	line-height: 1.6;
	letter-spacing: 0;
	font-style: normal;
}
section.team .ms-staff-carousel .ms-staff-info{
	width: 80%;
	min-height: 160px;
	margin: 0 auto;
}

@media screen and (max-width: 779px){
	section.team .ms-staff-carousel .ms-staff-info{
		width: 100%;
	}
}
/*company*/
/*honor*/
.bg.honor{
	background: url(../img/3honor/honor.jpg) no-repeat 20% 0%;
	background-size: cover;
	background-color: white;
}
section.story .content ul li{
	width: 30%;
	float: left;
	position: relative;
}
section.story .content ul li:not(:last-child){margin-right: 5%;}
section.story .content ul li>div{
	width: 55%;
	height: 0;
	padding-bottom: 55%;
	border-radius: 50%;
}
section.story .lf{
	background-color: #fff;
	position: relative;
	position: absolute;
	left: 0;
	z-index: 3;
	color: #b7bdbf;
	letter-spacing: 0.1em;
	text-align: center;
	overflow: hidden;
	-webkit-box-shadow: 10px 10px 30px #333;
		 	box-shadow: 10px 10px 30px #333;
}
section.story .rt{
	float: right;
	overflow: hidden;
	float: right;
}
section.story .rt img{width: 100%;}
section.story .lf .txt{
	font-size: 27px;
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
section.story .lf .txt p{
	letter-spacing: 0;
	font-size: 25px;	
}
@media screen and (min-width: 240px) and (max-width: 779px){
	section.story .content ul li{
		width: 100%;
		padding: 0 0 20px 0;
	}
	section.story .content ul li:nth-child(1){padding-top: 5px;}
}
/*prize*/
section.prize .content ul li{
	float: left;
	height: auto;
	margin-bottom: 0;
}
section.prize .prize-txt{
	width: 80%;
	padding-right: 5%;
}
section.prize .prize-img{
	width: 20%;
	height: 0;
	text-align: center;
	font-size: 30px;
	line-height: 150px;
}
section.prize .prize-img img{width: 100%;}
@media screen and (min-width: 240px) and (max-width: 779px){
	section.prize .content ul li{width: 100%;}
	section.prize .prize-txt p{text-align: center;}
}
/*专利*/
section.patent ul li{
	width: 49%;
	float: left;
	margin-right: 2%;
	height: auto;
	margin-bottom: 30px;
}
section.patent ul li p{
	padding: 0 0 0 20px;
	margin: 0;
	text-indent: 0;
	font-size: 17px;
	height: auto;
	/*overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;*/
}
section.patent ul li p.blod{
	background: url(../img/common/zfx.png) no-repeat 0 10px;
	background-size: 10px;
	line-height: 1.5;
	font-weight: normal;
	font-size: 22px;
	/*margin-bottom: 10px;*/
}
section.patent ul>li:nth-child(even){margin-right: 0;}
section.patent ul>li:nth-last-child(2),
section.patent ul>li:last-child{margin-bottom: 0;}
@media screen and (min-width: 240px) and (max-width: 779px){
	section.patent ul li{width: 100%;}
	section.patent ul>li:nth-last-child(2){margin-bottom: 15px;}
}
/*honor*/

/*product*/
section.proList ul{font-size: 0;}
section.proList li{
	width: 360px;
	height: auto;
	/*float: left;*/
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-indent: 15px;
	background-color: #fff;
	padding-bottom: 50px;
	margin-right: 60px;
	margin-bottom: 0;
	/*border: 2px solid #EB5C02;*/
	border-radius: 5px;
 	box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}
section.proList ul>li:last-child{margin-right: 0;}
section.proList li a img{
	height: 200px;
	text-align: center;
	vertical-align: middle;
	transition: all .8s;
	margin-top: 30px;
}
@media screen and (min-width: 780px) and (max-width: 1199px){
	section.proList ul li{
		width: 360px;
		display: block;
		margin: 0 auto 30px;
	}
	section.proList ul>li:last-child{
		margin-bottom: 0;
		margin-right: auto;
	}
}
@media screen and (min-width: 240px) and (max-width: 779px){
	section.proList ul li{
		width: 100%;
		margin: 0 0 30px 0;
	}
	section.proList li a img{max-width: 450px;}
}
section.proList li p{
	line-height: 1.2;
	font-size: 20px;
	letter-spacing: 0;
	text-transform: capitalize;
}
section.proList li p.name{
	font-size: 26px;
	margin-bottom: 10px;
}
section.proList li a.link-btn{
	margin: 50px 0 0 0;
}
section.proFunction ul li{
	width: 33.33%;
	height: auto;
	position: relative;
	float: left;
	text-align: center;
}
@media screen and (max-width: 779px){
	section.proFunction ul li{width: 100%;margin-bottom: 30px;}
	section.proFunction ul li:last-child{margin-bottom: 0;}
}
section.proFunction ul li .canvas{
	width: 180px;
	height: 180px;
	border-radius: 50%;
	margin: 0 auto;
	/*background: rgba(0,0,0,.5);*/
}
section.proFunction ul li p.name{
	color: #424b54;
	font-size: 22px;
	margin-bottom: 5px;
	text-transform: uppercase;
}
section.proFunction ul li p.kw{
	font-size: 14px;
	margin-bottom: 20px;
}
/*section.proFunction ul li p.km{
	font-size: 18px;
	margin-bottom: 20px;
}*/

/*场景*/
/*section.scene{padding-top: 0;}*/
section.scene .content{
	height: auto;
	overflow: hidden;
	background: url(../img/2product/3.jpg) no-repeat 0% 0%;
	background-size: cover;
}
section.scene li{
	width: 33.32%;
	height: 0;
	float: left;
	padding-bottom: 21%;
	margin: 0;
	text-align: center;
	color: white;
	position: relative;
	overflow: hidden;
}
section.scene li:nth-child(2) div{
	font-size: 30px;
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
section.scene li:nth-child(4),
section.scene li:nth-child(5),
section.scene li:nth-child(6){
	border-top: 1px solid #b7bdbf;
}

section.scene li:nth-child(1),
section.scene li:nth-child(2),
section.scene li:nth-child(4),
section.scene li:nth-child(5){
	border-right: 1px solid #b7bdbf;
}
section.scene li:nth-child(1),
section.scene li:nth-child(2),
section.scene li:nth-child(3){
	border-bottom: 1px solid #b7bdbf;
}
section.scene li:nth-child(2),
section.scene li:nth-child(3),
section.scene li:nth-child(5),
section.scene li:nth-child(6){
	border-left: 1px solid #b7bdbf;
}

section.scene li:nth-child(even){background: hsla(0,0%,70%,0.6);}
section.scene img{width: 100%;}
@media screen and (min-width: 240px) and (max-width: 779px){
	section.scene .content{background: none;}
	section.scene .content ul li{
		width: 100%;
		padding-bottom: 62%;
		margin-bottom: 15px;
		border: none;
	}
	section.scene li:nth-child(even){display: none;}
}
.bg .name{
	color: white;
	letter-spacing: 0.2rem;
    position: absolute;
    top: 42%;
    right: 5%;
    font-size: 6em;
    font-weight: bold;
	text-transform: uppercase;
}
@media screen and (max-width: 779px){
	.bg .name{font-size: 4em;}
}
/*product*/
.bg.product{
	width: 100%;
	height: 100%;
	background: url(../img/2product/product_1.jpg) no-repeat center;
	background-size: cover;
	background-color: white;
}
.bg.product .box h4{
	color: white;
    letter-spacing: 0.2rem;
    font-size: 6em;
    font-weight: bold;
    opacity: 0.8;
    text-transform: uppercase;
}
@media screen and (max-width: 779px){
	.bg.product .box h4{font-size: 4em;}
}
.bg.pro{
	width: 100%;
	height: 100%;
	background: url(../img/2product/product_2.jpg) no-repeat center;
	background-size: cover;
	background-color: white;
}
@media screen and (max-width: 768px) {
	.bg.pro{
		background: url(../img/2product/m2.jpg) no-repeat center;
		background-size: cover;
	}
}
.bg .wrap{
	max-width: 1400px;
	width: 100%;
	position: absolute;
    left: 50%;
    top: 66%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	color: #fff;
	display: table;
}
.bg .wrap .box{
	width: 40%;
	float: left;
	height: auto;
	padding-top: 150px;
}
.bg .wrap .img{
	width: 60%;
	float: right;
	overflow: hidden;
}
.bg .wrap .img img{width: 100%;}
@media screen and (max-width: 996px) {
	.bg .wrap .box{
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
		padding-top: 0;
	}
	.bg .wrap .img{
		width: 100%;
	}
}

.bg .wrap h2{
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 32px;
    font-weight: 400;
    letter-spacing: 0;
}
.bg .wrap h4{
    white-space: nowrap;
    font-size: 60px;
    line-height: 70px;
    font-weight: 400;
    margin: 20px 0;
}
section.proConcept ul li{
	list-style: none;
	width: 16.6666666666%;
	height: auto;
	float: left;
	position: relative;
	text-align: center;
	overflow: hidden;
}
section.proConcept ul li .icon{
	width: 150px;
	height: 150px;
	border-radius: 50%;
	margin: 0 auto 15px;
	position: relative;
	overflow: hidden;
	background-color: #222;
}
section.proConcept ul li .icon img{
	width: 61.8%;
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
section.proConcept ul li p{
    font-size: 14px;
    line-height: 20px;
    text-transform: capitalize;
}
@media screen and (max-width: 779px){
	section.proConcept ul li{
		width: 50%;
		margin-bottom: 20px;
	}
	section.proConcept ul li:nth-child(5),
	section.proConcept ul li:nth-child(6){margin-bottom: 0;}
	section.proConcept ul li p{height: 50px;}
}
section.proParameter p{
	/*margin: 10px 0;*/
	/*padding-bottom: 5px;*/
	text-indent: 0;
	font-size: 0;
	line-height: 2;
	border-bottom: 1px solid #222;
	/*border-bottom: 2px solid #EB5C02;*/
}
section.proParameter p span{
	display: inline-block;
	width: 50%;
	/*height: 100%;*/
	padding: 10px;
	margin: 0;
	/*padding: 0;*/
	font-size: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-indent: 10px;
}
@media screen and (max-width: 779px){
	section.proParameter p span{width: 100%}
}
section.proImgList ul li{
	width: 32%;
	height: auto;
	float: left;
	position: relative;
	overflow: hidden;
	margin-right: 2%;
	margin-bottom: 0;
}
section.proImgList ul>li:last-child{margin: 0}
section.proImgList h5{
	padding-bottom: 20px;
	line-height: 2;
	font-size: 20px;
}
section.proImgList ul li img{width: 100%;}
@media screen and (max-width: 779px){
	section.proImgList ul li{
		width: 100%;
		margin: 0 0 15px 0;
	}
}

/*battery*/
section.battery{
	padding: 150px 0;
	background-color: #fff!important;
}
section.battery ul{
	width: 100%;
	min-width: 300px;
	height: auto;
	margin: 0 auto;
	line-height: 20px;
	overflow: hidden;
	position: relative;
} 
section.battery ul li{
	width: 20%;
	min-height: 20px;
	line-height: 1.5;
	float: left;
	text-align: center;
	border-right: 2px solid #EB5C02;
	font-size: 20px;
}
section.battery ul>li:first-child{border-left: 2px solid #EB5C02;}
@media screen and (max-width: 779px){
	section.battery{padding: 50px 0;}
	section.battery ul{width: 60%;} 
	section.battery ul li{width: 100%;margin: 20px 0;}
	section.battery ul>li:not(:first-child){border-left: 2px solid #EB5C02;}
}
/*batteryPoint*/
section.batteryPoint{
	padding: 0;
}
section.batteryPoint ul{
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}
section.batteryPoint ul li{
	width: 50%;
	height: auto;
	float: left;
	overflow: hidden;
	position: relative;
	background: #ccc;
	color: #fff;
}
section.batteryPoint ul li img{width: 100%;}
section.batteryPoint .black_b{
	width: 100%;
    height: 100%;
    padding: 5%;
    background-color: rgba(0,0,0,0.5);
    position: relative;
    position: absolute;
    top: 0px;
    opacity: 0;
    font-size: 16px;
    transition: all 0.6s;
    overflow: hidden;
}
section.batteryPoint .black_b:hover{opacity: 1;}
section.batteryPoint .bp_title {
	padding: 0;
	margin: 0 0 30px 0;
    font-size: 26px;
    display: inline-block;
    line-height: 1.2;
    position:relative;
}
section.batteryPoint .bp_content {
	padding: 0;
	margin: 0;
	font-size: 18px;
	line-height: 1.6;
}
section.batteryPoint .bp_title::after{
    content:'';
    display:block;
    width:0;
    height:2px;
    position:absolute;
    left:0;
    bottom:-5px;
    background: #fff;
    transition:all 0.6s ease-in-out;
}
section.batteryPoint ul li:hover .bp_title::after{width:100%;}
@media screen and (max-width: 600px){
	section.batteryPoint .bp_title {font-size: 22px;}
}
@media screen and (max-width: 1199px){
	section.batteryPoint ul li{width: 100%;}
	section.batteryPoint .black_b{
		height: auto;
		position: absolute;
	    left: 50%;
	    top: 50%;
	    transform: translate(-50%, -50%);
	    -webkit-transform: translate(-50%, -50%);
	    -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	    text-align: center;
	    background: transparent;
	}
	section.batteryPoint .bp_content {display: none;}
	section.batteryPoint .bp_title {margin: 0;}
}
@media screen and (min-width: 1200px)  and (max-width: 1599px){
	section.batteryPoint .bp_title {font-size: 30px;}
}
@media screen and (min-width: 1600px){
	section.batteryPoint .bp_title {margin-top: 70px;}
}
/*@media screen and (max-width: 375px){
	section.batteryPoint .bp_title {font-size: 20px;}
}
@media screen and (min-width: 376px) and (max-width: 414px){
	section.batteryPoint .bp_title {font-size: 24px;}
}
@media screen and (min-width: 415px)  and (max-width: 650px){
	section.batteryPoint .bp_title {font-size: 24px;}
}
@media screen and (min-width: 651px)  and (max-width: 767px){
	section.batteryPoint .bp_title {font-size: 24px;}
}
@media screen and (min-width: 768px)  and (max-width: 991px){
	section.batteryPoint ul li{width: 100%;}
	section.batteryPoint .bp_title {font-size: 24px;}
}
@media screen and (min-width: 992px)  and (max-width: 1024px){
	section.batteryPoint .bp_title {font-size: 26px;}
}
@media screen and (min-width: 1025px){
	section.batteryPoint .bp_title {font-size: 30px;}
}*/
/*pro video*/
.pro.video{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:99999999;
	background: black;
	display: none;
}
.pro.video video{
	width: 100%;
	height: 100%;
}
.pro .cvideoImg{
	width: 60px;
	height: 60px;
	position: fixed;
	top: 83px;
	right: 65px;
	background-color: transparent;
    background-image: url(../img/common/close-btn.svg);
    background-position: center;
    -webkit-background-size: 60px 60px;
    background-size: 60px 60px;
    border: 0;
    outline: none;
    display: none;
    cursor: pointer;
}
.pro .pvideoImg{
	width: 79px;
    height: 79px;
    position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -39px;
	margin-left: -39px;
    background-color: transparent;
    background-image: url(../img/common/play-btn-dark.svg);
    background-position: center;
    -webkit-background-size: 79px 79px;
    background-size: 79px 79px;
    border: 0;
    outline: none;
    display: none;
    cursor: pointer;
}
section.jianjie p,
section.wenhua p,
section.liucheng p,
section.proConcept p,
section.scene p,
section.prize p{
	font-size: 22px;
	line-height: 1.5;
}
section.jianjie p:not(:last-child),
section.wenhua p:not(:last-child),
section.liucheng p:not(:last-child),
section.proConcept p:not(:last-child),
section.prize p:not(:last-child){
	margin-bottom: 20px;
}