body,html{position: relative; background: #fff;}
section img{display: block;}
.aclear{clear: both;}
.adapt_screen{width: 100%;overflow: hidden;}
.pro-header{
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.pro-header img.main{
	width: 100%;margin:0 auto;
}
.pro-header .logo{width:600px; 
	position: absolute; top: 28.3%; left: 14.06%; }
.pro-header .logo img.main{
	width: 400px;
	float: left;
	margin-bottom: 20px;
}
.pro-header .logo img.title{
	width: 100%;

}
.pro-header .logo h2{font-size: 60px; color: #fff;line-height: 80px;letter-spacing: 2px;font-weight: 700;margin-top: 25px;}
.pro-header .logo p{
	font-size: 24px;color: #fff;line-height: 40px;margin-top: 25px;letter-spacing: 1px;
}
.pro-header .logo .button a{
	display: block;
    width: 180px;
    height: 50px;
    font-size: 18px;
    border-radius: 30px;
    border: 1px solid #fff;
    text-indent: 12px;
    margin-top: 20px;
    background: #2B3340;
    display: flex;
    justify-content:center;
    align-items:center;
}
.pro-header .logo .button a em{
	width: 100px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    font-style: normal;
    float: left;
    color: #fff;
    text-align: left;
}
.pro-header .logo .button a span{
	display: inline-block;
    width: 36px;
    height: 36px;
    background: url(../images/play-icon.png) no-repeat center center;
    background-size: cover;
    float: left;
}

.icons-list{
	width: 100%;
	background: #000;
	height: 440px;
}
.icons-list::before{
	position: relative;
	left: 0;
	top: 0px;
	display: block;
	content: "";
	width: 100%;
	border:1px solid transparent;
	border-image: linear-gradient(90deg,#41474C 0%,#70818A 50%,#41474C 100%);
	border-image-slice: 1;
}
.icons-list ul{
	width: 1300px;
	margin: 120px auto 0;
	display: flex;
	justify-content:space-between;
	align-content:space-between;
}
.icons-list ul li{
	width: calc(100%/6);
	text-align: center;
}
.icons-list ul li img{
	width: 100px;
	margin: 0 auto;
}
.icons-list ul li span{
	display: block;
	text-align: center;
	color: #D4D5D9;
	font-size: 20px;
	margin-top: 70px;
	letter-spacing: 1px;
}


.method-item{
	width: 100%;
	height: 100vh;
	background: #1C1F26;
	position: relative;
	overflow: hidden;
}
.method-item img.bg{
	width: 100%;
}
.method-item ul.bg{
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform:translate(-50%,-50%);
    height:100%;
}
.method-item ul.bg li{
	width: 100%;
	display: none;
    height:100%;
}
.method-item ul.bg li video{
	width: 100%;
	object-fit:cover;
	position: absolute;
	left: 50%;
	top: 50%;
	transform:translate(-50%,-50%);
    height:100%;
}
.method-item ul.bg li.active{
	display: block;
}
.method-item .mcontent{
	position: absolute;
	left: 13.91%;
	top: 10.22%;
	width: 36.6%;
}
.method-item .mcontent .title{
	font-size: 60px;
	font-weight: 600;
	color: #fff;
	letter-spacing: 2px;
}
.method-item .mcontent ul.nav{
	margin-top: 40px;
	float: left;
	display: flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-content:space-between;
	align-items:center;
}
.method-item .mcontent ul.nav li{
	width: 180px;
	height: 180px;
	background: linear-gradient(to top right, #464D57 0%,#464D57 50%,#377B90 70%,#36B5A0 100%);
	border-radius: 40px;
	float: left;
	margin-right: 20px;
	cursor: pointer;
}
.method-item .mcontent ul.nav li.active{
	width: 220px;
	height: 220px;
}
.method-item .mcontent ul.nav li .item{
	width: 176px;
	height: 176px;
	background: #2E3136;
	position: relative;
	top: 2px;
	left: 2px;
	border-radius: 40px;
}
.method-item .mcontent ul.nav li.active .item{
	width: 216px;height: 216px;
}
.method-item .mcontent ul.nav li .item img{
	width: 100px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform:translate(-50%,-50%);
	border-radius: 40px;
}
.method-item .mcontent ul.nav li.active .item img{width: 120px;}
.method-item .mcontent ul.text{
	padding-top: 40px;
	color: #fff;
	width: 100%;
	display: flex;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-content:space-between;
	align-items:center;
}
.method-item .mcontent ul.text li{
	display: none;
}
.method-item .mcontent ul.text li h3{
	font-size: 30px;
	font-weight: 600;
	letter-spacing: 2px;
}
.method-item .mcontent ul.text li p{
	font-size: 24px;line-height: 40px;
	margin-top: 20px;
	letter-spacing: 1px;
}
.method-item .mcontent ul.text li.active{
	display: block;
}




.chip-item{
	width: 100%;
	height: 100vh;
	background: #100F10;
	position: relative;
	overflow: hidden;
}
.chip-item img.bg{
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform:translate(-50%,-50%);
}
.chip-item video.bg{
	width: 100%;
	position: absolute;
	left: 50%;
	bottom:0;
	transform:translate(-50%);
    object-fit:fill;
}
.chip-item .text{
	width: 27.7%;
	max-width: 550px;
	min-width: 466px;
	height: 570px;
	top: 50%;
	position: absolute;
	transform:translateY(-50%);
	right: 14.3%;
	background: linear-gradient(to top right, #464D57 0%,#464D57 50%,#377B90 70%,#36B5A0 100%);
	border-radius: 40px;
}
.chip-item .text .item{
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	background: #2E3136;
	position: relative;
	left: 2px;top: 2px;
	border-radius: 40px;
}
.chip-item .text .item .title{
	font-size: 60px;
	font-weight: 600;
	letter-spacing: 2px;
	color: #fff;
	padding: 40px;
}
.chip-item .text .item img{
	width: 80%;
	margin: 0 auto;
}
.chip-item .text .item p{
	padding: 20px 30px;
	font-size: 24px;
	color: #B7B8BA;
	line-height: 40px;
	letter-spacing: 2px;
}


.screen-item{
	width: 100%;
	height: auto;
	background: linear-gradient(to right,#2E3238,#393E42);
	position: relative;
	overflow: hidden;
}
.screen-item img.bg{
	width: 100%;
}
.screen-item .text{
	width: 510px;
	height: 570px;
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	left:12.71%;
}
.screen-item .text h3{
	font-size: 60px;
	color: #fff;
	letter-spacing: 4px;
}
.screen-item .text span{
	display: block;
	font-size: 28px;
	color: #B7B8BA;
	margin-top: 40px;
	line-height: 54px;
	letter-spacing: 1px;

}
.screen-item .text p{
	font-size: 30px;
	color: #fff;
	margin-top: 40px;
	letter-spacing: 1px;
}



.thead-item{
	width: 100%;
	height: auto;
	background: linear-gradient(to right,#2E3238,#393E42);
	position: relative;
	overflow: hidden;
}
.thead-item img.bg{
	width: 100%;
}
.thead-item .text{
	width: 510px;
	height: 350px;
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	right:12.71%;
}
.thead-item .text h3{
	font-size: 60px;
	color: #fff;
	letter-spacing: 4px;
}
.thead-item .text span{
	display: block;
	font-size: 28px;
	color: #B7B8BA;
	margin-top: 40px;
	line-height: 54px;
	letter-spacing: 1px;

}
.thead-item .text p{
	font-size: 24px;
	color: #fff;
	line-height: 48px;
	margin-top: 40px;
	letter-spacing: 1px;
}



.combo-item{
	width: 100%;
	height: 100vh;
	background: #EBEBEB;
	position: relative;
	overflow: hidden;
}
.combo-item .left,.combo-item .right{
	width: 50%;
	height: 100%;
	float: left;
}
.combo-item .left{
	position: relative;
}
.combo-item .left .content{
	float: right;
	position: absolute;
	top: 60%;
	transform:translateY(-60%);
	right: 0;
}
.combo-item .left img{
	width: 670px;
}
.combo-item .left video{
	width: 456px;
	position: absolute;
	top: 62px;
	right: 110px;
	text-align: right;
}
.combo-item .right{

}
.combo-item .right .content{
	width: 500px;
	height: 726px;
	position: absolute;
	top: 60%;
	transform:translateY(-60%);
	margin-left: 50px;
}
.combo-item .right .content .title{
	font-size: 60px;
	font-weight: bold;
	letter-spacing: 2px;

}
.combo-item .right .content p{
	font-size: 24px;
	line-height: 60px;
	margin-top: 50px;
	color: #515151;
}
.combo-item .right .content ul{
	display: flex;
	justify-content:space-between;
	align-content:space-between;
	margin-top: 50px;
	color: #515151;
}
.combo-item .right .content ul li{
	width: 25%;
}
.combo-item .right .content ul li img{
	width: 60%;
	margin: 0 auto;
}
.combo-item .right .content ul li span{
	width: 100%;
	display: block;
	text-align: center;
	color: #515151;
	margin-top: 10px;
}

.metal-item{
	width: 100%;
	height: auto;
	background: #100B10;
	position: relative;
	overflow: hidden;
}
.metal-item img.bg{
	width: 100%;
}
.metal-item .text{
	width: 432px;
	height: 350px;
	position: absolute;
	top: 25.2%;
	left:17.5%;
}
.metal-item .text h3{
	font-size: 48px;
	color: #CCCBCA;
	letter-spacing: 4px;
}
.metal-item .text p{
	color:#CCCBCA;
	font-size: 24px;
	margin-top: 25px;
	line-height: 40px;
}
.metal-item img.main{
	width: 54%;
	position: absolute;
	bottom: 0;
	right: 4%;
}


.noise-reduction{
	width: 100%;
	height: 100vh;
	background: #1E2128;
	position: relative;
	overflow: hidden;
}
.noise-reduction .mcontent{
	width: 1350px;
	margin: 0 auto;
	display: flex;
	height: 100%;

}
.noise-reduction .mcontent .left{
	width: 1000px;
	padding-right: 30px;
}
.noise-reduction .mcontent .left ul.main{
	width: 100%;
	height: 100%;
}
.noise-reduction .mcontent .left ul.main li{
	width: 100%;
	height: 100%;
	position: relative;
	display: none;

}
.noise-reduction .mcontent .left ul.main li.active{
	display: block;
}
.noise-reduction .mcontent .left ul.main li img{
	width: 100%;
	border-radius: 40px;
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
}
.noise-reduction .mcontent .left .items{
	position: absolute;
	bottom: 30%;
	left: 55%;
	width: 180px;
	height: 30px;
}
.noise-reduction .mcontent .left .items span{
	width: 20px;
	height: 20px;
	display: inline-block;
	background: #7C7C7C;
	border-radius: 10px;
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,.2);
	margin-right: 5px;
}
.noise-reduction .mcontent .left .items span.active{
	background: #fff;
}
.noise-reduction .mcontent .right{
	width: 350px;
	padding-left: 30px;
	display: flex;
	flex-wrap:wrap;
	justify-content:center;
	flex-direction:row;
	align-items:center;
}
.noise-reduction .mcontent .right .mc{

}
.noise-reduction .mcontent .right .title{
	font-size: 48px;
	color: #CCCBCA;
	letter-spacing: 4px;
	line-height: 80px;
	color: #fff;
}
.noise-reduction .mcontent .right span{
	display: block;
	margin-top: 25px;
	font-size: 24px;
	color: #B6B7B9;
	line-height: 40px;
}
.noise-reduction .mcontent .right p{
	font-size: 30px;
	color: #E7E7E8;
	margin-top: 25px;
	letter-spacing: 2px;
}
.noise-reduction .mcontent .right .control{
	width: 100%;
	height: 80px;
	margin-top: 100px;
}
.noise-reduction .mcontent .right .control .controls.default{
	border-color: #5b5b5b;
}
.noise-reduction .mcontent .right .control .pre{
	width: 30px;
	height: 30px;
	border-bottom: 6px solid #ffffff;
	border-left: 6px solid #ffffff;
	transform: rotate(45deg);
	float: left;
	position: relative;
	top: 0;
	cursor: pointer;
}
.noise-reduction .mcontent .right .control .next{
	width: 30px;
	height: 30px;
	border-top: 6px solid #ffffff;
	border-right: 6px solid #ffffff;
	transform: rotate(45deg);
	float: left;
	position: relative;
	top: 0;
	cursor: pointer;
}

.endurance-item{
	width: 100%;
	height: auto;
	background: #1E2128;
	position: relative;
	overflow: hidden;
}
.endurance-item img.bg{
	width: 100%;
}
.endurance-item .text{
	width: 480px;
	height: 480px;
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	left:12.5%;
}
.endurance-item .text h3{
	font-size: 48px;
	color: #fff;
	letter-spacing: 4px;
}
.endurance-item .text p{
	color:#CCCBCA;
	font-size: 24px;
	margin-top: 25px;
	line-height: 40px;
}
.endurance-item .text .charge{
	margin-top: 25px;
}
.endurance-item .text .charge .c-icon{
	width: 150px;
}
.endurance-item .text .charge .c-text{
	margin-top: 10px;
	font-size: 32px;
}
.endurance-item .text .charge span{
	font-size: 20px;
	color: #fff;
	display: block;
	width: 100%;
	height: 30px;
	background: url(../images/time.png) left center no-repeat;
	background-size:30px 30px;
	text-indent: 35px;
	margin-top: 20px;
	color:#CCCBCA;

}
.endurance-item .text .c-item{
	width: 100%;
	margin-top: 25px;
}
.endurance-item .text .c-item ul li{
	float: left;
	width: 200px;
	color: #fff;
	display: flex;
	justify-content:left;
	align-items:center;
}
.endurance-item .text .c-item ul li img{
	width: 50px;
	height: 50px;
	display: inline-block;
}
.endurance-item .text .c-item ul li span{
	display: inline-block;
	font-size: 18px;line-height: 28px;
	margin-left: 10px;
}
.endurance-item img.main{
	width: 54%;
	position: absolute;
	bottom: 0;
	right: 4%;
}


.head-item{
	width: 100%;
	min-height: 100vh;
	background: #FBFBFB;
	padding-top: 50px;
}
.head-item .mcontent{
	width: 1700px;
	height: 700px;
	background: url(../images/head.jpg) center center no-repeat;
	background-size: cover;
	margin: 150px auto 100px;
	border-radius: 50px;
}
.head-item .mcontent .left{
	width: 55%;height: 100%;float: left;
	position: relative;
}
.head-item .mcontent .left .cmain{
	width: 400px;
	position: absolute;
	left: 30%;
	transform:translate(-50%);
	top:-10%;
}
.head-item .mcontent .left .hc1{
	width: 80px;
	position: absolute;
	left: 12%;
	top: 26%;
}
.head-item .mcontent .left .hc2{
	width: 108px;
	position: absolute;
	right: 8%;
	top: 26%;
}
.head-item .mcontent .left .hc3{
	width: 188px;
	position: absolute;
	left: 6%;
	bottom: 3%;
}
.head-item .mcontent .left .hc4{
	width: 128px;
	position: absolute;
	right: 8%;
	bottom: 16%;
}
.head-item .mcontent .right{
	width: calc(45% - 50px);
	height: 100%;
	float: left;
	display: flex;
	justify-content:left;
	align-items:center;
	padding-left: 50px;
}
.head-item .mcontent .right .mc .title{
	font-size: 48px;
	font-weight: bold;
	line-height: 70px;
	letter-spacing: 4px;
}
.head-item .mcontent .right .mc p{
	font-size: 24px;line-height: 40px;margin-top: 25px;
}
.head-item .mcontent .right .mc ul{
	display: flex;
	justify-content:space-between;
	align-content:space-between;
	margin-top: 60px;
}
.head-item .mcontent .right .mc ul li{
	width: 33%;
	text-align: center;

}
.head-item .mcontent .right .mc ul li img{
	width: 50%;
}
.head-item .items{
	width: 1400px;
	height: 500px;
	margin: 200px auto 50px;
}
.head-item .items ul{
	display: flex;
	justify-content:space-between;
	align-content:space-between;
}
.head-item .items ul li{
	width: calc(33% - 50px);
	padding-bottom: 100px;
	border-radius: 50px;
	background: url(../images/item-bg.png) center center no-repeat;
	background-size: cover;
}
.head-item .items ul li img{
	width: 50%;
	margin: 50px auto 20px;
	display: block;
}
.head-item .items ul li .title{
	height: 50px;line-height: 50px;text-align: center;
	font-size: 36px;
	color: #414141;
	letter-spacing: 2px;
}
.head-item .items ul li p{
	font-size: 24px;line-height: 40px;
	margin-top: 30px;
	text-align: center;
	color: #737373;
	letter-spacing: 2px;
}

.spec-item{
	margin-top:50px;
}
.spec-item .mcontent{
	width: 1400px;
	margin:0 auto;
}
.spec-item .mcontent .title{
	font-size: 48px;
	font-weight: bold;
	letter-spacing: 2px;
}
.spec-item .mcontent .pros{
	width: 1120px;
	margin:0 auto;
	display: flex;
	justify-content:space-between;
	align-items:space-between;
	margin-top: 30px;
}
.spec-item .mcontent .pros li{
	width: calc(40% - 18px);
	text-align: center;
	text-align: center;
}
.spec-item .mcontent .pros li img{
	width: 60%;
	margin:0 auto;
}
.spec-item .mcontent .pros li  p{
	width: 100%;
	height: 30px;line-height: 30px;
	text-align: center;
	position: relative;left: 30px;
	margin-top: 20px;
	font-size: 24px;letter-spacing: 1px;
}
.spec-item .mcontent .pros li span{
	width: 30px;
	height: 30px;
	position: relative;
	left: 30px;margin-top: 10px;
	border-radius: 15px;
}
.spec-item .mcontent .pros li span.green{background: #5E9580;}
.spec-item .mcontent .pros li span.blue{background: #467591;}
.spec-item .mcontent .pros li span.ash{background: #6E7178;}
.spec-item .mcontent table{
	width: 80%;
	margin:50px auto 30px;
	border-collapse: collapse;border-radius: 50px;
	border-collapse: separate;
	border-spacing: 0;
	border:1px solid #ebebeb;
}
.spec-item .mcontent table tr{
	height: 60px;
	min-height: 60px;
	border:none;
}
.spec-item .mcontent table tr td{
	border:1px solid #ebebeb;
	text-indent: 50px;
	font-size: 20px;
	letter-spacing: 1px;
	color: #706c6c;
}
.spec-item .mcontent table tr td img{
	max-width: 70%;
	margin:0 auto;
}
.spec-item .mcontent table tr.top{


}
.spec-item .mcontent table tr td.item1{
	border-top-left-radius: 50px;
}
.spec-item .mcontent table tr td.item3{
	border-top-right-radius: 50px;
	position: relative;
}
.spec-item .mcontent table tr td.item3 span{
	position: absolute;
	left: 10%;
	bottom: 10%;
	font-size: 20px;
}
.spec-item .mcontent table tr td.item4{
	border-bottom-left-radius: 50px;
	text-align: center;
	text-indent: 0;
}
.spec-item .mcontent table tr td.item5{
	border-bottom-right-radius: 50px;
	text-align: center;
	text-indent: 0;
	line-height: 30px;
}


/*==========================================*/
.popup-item{width: 100%;height: 100%;display: none;position: relative;}
.popup-item .shadow{
    width: 100%;
    height: 100%;
    background: #333;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    overflow: hidden;
}
.popup-item .window{
    z-index: 100002;
    width: 1200px;
    height: 676px;position: fixed;
    margin-left: -600px;
    left: 50%;
    top: 50%;
    margin-top: -337px;
}
.popup-item .window video{
    max-width: 100%;
    margin:0 auto;
}
.popup-item .center{
    align-items: center;
    display: -webkit-flex;
    justify-content: center;
}
.popup-item span{
    width: 40px;
    height: 40px;
    display: block;
    position: fixed;
    top: 20px;
    right: 20px;
    font-size: 30px;
    color: #999;
    cursor: pointer;
    z-index: 100002;
}


@media (max-width:1661px){
  .head-item .mcontent{width:1500px;} 
}
@media (min-width:1440px) and (max-width:1660px){
  .pro-header .logo{width:480px;}
  .noise-reduction .mcontent{width:1400px;}
  .noise-reduction .mcontent .right .title{line-height:50px;}
  .noise-reduction .mcontent .right span{line-height:30px;margin-top:15px;}
  .noise-reduction .mcontent .right .control{margin-top:50px;}
}
@media (min-width:1280px) and (max-width:1440px){
  .noise-reduction .mcontent{width:1200px;}
  .noise-reduction .mcontent .left .items{bottom:32%;left:46%;}
  .noise-reduction .mcontent .right .title{font-size:30px;line-height:40px;}
  .head-item .mcontent{width:1200px;}
  .head-item .items{width:1200px;}
  .spec-item .mcontent{width:1200px;}
  .noise-reduction .mcontent .right .control{margin-top:40px;}
  .combo-item .right .content{margin-left:20px;}
  .screen-item .text{width:480px;left:4.71%;}
  .chip-item .text{right:6.3%;}
  .method-item .mcontent{left:6.9%;}
  .method-item .mcontent .title{font-size:48px;line-height:60px;}
  .method-item .mcontent ul.nav{margin-top:25px;}
  .method-item .mcontent ul.nav li{width:160px;height:160px;}
  .method-item .mcontent ul.nav li .item{width:156px;height:156px;}
  .method-item .mcontent ul.nav li.active{width:200px;height:200px;}
  .method-item .mcontent ul.nav li.active .item{width:196px;height:196px;}
  .method-item .mcontent ul.text{padding-top:20px;}
  .method-item .mcontent ul.text li p{line-height:34px;margin:15px;}
  .thead-item .text{height:460px;right:4.5%;}
  .thead-item .text h3{line-height:50px;}
  .thead-item .text p{line-height:40px;margin-top:20px;}
  .icons-list ul{width:1100px;}
  .pro-header .logo{width:500px;left:10%;}
  .endurance-item .text{width:600px;left:9.5%;}
  .endurance-item .text h3{line-height:50px;}
  .endurance-item .text p{line-height:34px;}
  .endurance-item .text .charge .c-text{font-size:28px;}
  .spec-item .mcontent table tr td{font-size:18px;text-indent:30px;}
}