/* 大标题 */
@font-face{
	font-family: Roboto-Bold-3;
	src: url('../font/newRoboto/Roboto-Bold-3.ttf')
}
/* 新-标题 */
@font-face{
	font-family: Roboto-Bold-title;
	src: url('../font/roboto/Roboto-Bold-3.ttf')
}
/* 新-描述细体 */
@font-face{
	font-family: Roboto-Light-whiteDesc;
	src: url('../font/newRoboto/Roboto-Light-10.ttf')
}
/* */
@font-face{
	font-family: Roboto-Medium-12;
	src: url('../font/roboto/Roboto-Medium-12.ttf')
}
/* 黑背景下 描述 使用常规字体 */
@font-face{
	font-family: Roboto-Regular-blackRule;
	src: url('../font/roboto/Roboto-Regular-blackRule.ttf')
}


@keyframes amplification{
    0%{
    transform: scale(1);  /*开始为原始大小*/
    }
    100%{
        transform: scale(1.2);
    }

}
@-webkit-keyframes amplification /*Safari and Chrome*/
{
    0%{
    	transform: scale(1);  /*开始为原始大小*/
    }

    100%{
        transform: scale(1.2);
    }
}
@keyframes reduce{
    0%{
    transform: scale(1.2);  /*开始为原始大小*/
    }
    100%{
        transform: scale(1);
    }

}
@-webkit-keyframes reduce /*Safari and Chrome*/
{
    0%{
    	transform: scale(1.2);  /*开始为原始大小*/
    }

    100%{
        transform: scale(1);
    }
}
.aaa{
	animation-name: amplification;   
  	animation-fill-mode:forwards;
  	animation-timing-function: linear;   
  	animation-delay: 0s; 
  	animation-iteration-count: 1;   
  	animation-duration: 0.8s;  
}
.bbb{
	animation-name: reduce;   
  	animation-fill-mode:forwards;
  	animation-timing-function: linear;   
  	animation-delay: 0s; 
  	animation-iteration-count: 1;   
  	animation-duration: 0.8s;  
}

.technology{
	color: #fff;
}
.titleTextbox{
	min-height: 900px;
	padding: 30px 0;
	display: flex;
	align-items : center; 
	justify-content : center;
	width: 100%;
}
.titleText{
	text-align: center;
	height: 120px;
	font-size: 160px;
	font-family: Helvetica-Bold, Helvetica;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 120px;
	letter-spacing: 2px;
	text-shadow: 5px 0px 0px rgba(255, 255, 255, 0.5);
	margin: auto;
}
h1{
	transform: translateY(0px) scale3d(1.000,1.000,1.000);
    opacity: 1.000;
    transition: transform 400ms linear, opacity 200ms linear;
}
.textCont{
	font-size: 17px;
	transform: translateY(0px) scale3d(1.000,1.000,1.000);
    opacity: 1.000;
    transition: transform 400ms linear, opacity 200ms linear;
	font-family: Roboto-Light-whiteDesc;
}
.textHide{
	transform: translateY(0px) scale3d(1.000,1.000,1.000);
    opacity: 0;
    transition: transform 400ms linear, opacity 200ms linear;
}
.text_field{
	
}
.text_field .twoTextd{
	font-size:67px;
	text-align: center;
}

/*文本设置*/
.text_field h2{
	font-size: 37px;
	text-align: center;
	font-family: Roboto-Bold-3;
}
.text_field .textCont{
	font-family: Roboto-Light-whiteDesc;
	color: #8C8C8D;
}
.text_field .textCont span{
	color: #fff;
}
/*尾部手机样式*/
.phoneDiv{
	display: flex;
    flex-wrap: wrap;
    /*height: 2400px;*/
}
.phoneFlex{
	position: sticky;
	width:50%;
	text-align: center;
}
.phoneFlexDescribe{
	display: flex;
	padding-top: 60px;
    width: 50%;
    text-align: center;
}
.phoneFlexDescribeBotm{
	display: none;
}
/*High-Res Audio*/
.audiolis{
	width: 30%;
}
.audiolis>img{
	width: 100%;
	margin-bottom:55px;
}
.audio_title{
	width: 68px;
	height: 24px;
	background-color: rgba(80,224,192,0.2);
	border-radius: 4px;
	margin: auto;
	font-family: Roboto-Regular-blackRule;
}
.audio_title>p{
	color: #50E0C0;
	font-size: 12px;
	line-height: 24px;
	text-align: center;
}
.audio_desc{
	padding-top:16px;
	text-align: center;
}
.audio_desc>p{
	color: #ccc;
	margin-bottom:5px;
	font-family: Roboto-Bold-title;
}
.audio_desc>span{
	color: #666666;
	font-family: Roboto-Light-whiteDesc;
}
.twoText{
	transform: translateY(24px) scale3d(0.970,0.970,0.970);
    opacity: 1;
    transition: transform 400ms linear, opacity 200ms linear;
}
.twoTextf,.twoText1f{
	opacity:0;
 	transition: transform 400ms linear, opacity 200ms linear;
}
/*phone*/
.phoneTitle{
    font-size: 37px;
    font-weight: bold;
    text-align: left;
    font-family: Roboto-Bold-3;
}
.phoneDesc{
    color: #8C8C8D;
    font-size: 17px;
    padding-top: 24px;
    line-height: 27px;
    font-family: Roboto-Light-whiteDesc;
}
.phoneDesc span{
	color: #fff;
}
.phoneDesc_boxs,
.phoneDesc_boxs_gapless
.phoneDesc_boxs_Adaptive{
	transform: translateY(24px) scale3d(1,0.963,0.963);
    opacity:1;
    transition: transform 400ms linear, opacity 200ms linear;
}
.phoneDescMore_boxs_oneOne,
.phoneDescMore_boxs2_oneTwo,
.phoneDesc_boxs_gapless_two,
.phoneFlexDescribe_boxs_EQ
{
	transform: translateY(24px) scale3d(1,0.963,0.963);
    opacity:0;
    transition: transform 400ms linear, opacity 200ms linear;
}

/*1-头*/
body[data-h="955"] .twoText{
	transform: translateY(24px) scale3d(0.970,0.970,0.970);
    opacity: 0.5;
    transition: transform 400ms linear, opacity 200ms linear;
}
body[data-h="1046"] .twoText{
	transform: translateY(212px) scale3d(0.963,0.963,0.963);
    opacity: 0.000;
    transition: transform 400ms linear, opacity 200ms linear;
}
/*1-文字*/
body[data-div="1000"] .twoText1{
	transform: translateY(24px) scale3d(0.970,0.970,0.970);
    opacity: 0.5;
    transition: transform 400ms linear, opacity 200ms linear;
}
body[data-div="1060"] .twoText1{
	transform: translateY(212px) scale3d(0.963,0.963,0.963);
    opacity: 0.000;
    transition: transform 400ms linear, opacity 200ms linear;
}

/*响应式处理*/
@media (min-width: 980px){
	/*5*/
	body[data-phoneTitle="1930"] .phoneDesc_boxs,body[data-phoneDesc="1930"] .phoneDescMore_boxs_oneOne{
		transform: translateY(24px) scale3d(1,0.963,0.963);
	    opacity:0.5;
	    transition: transform 400ms linear, opacity 200ms linear;
	}
	body[data-phoneTitle="2103"] .phoneDesc_boxs{
		transform: translateY(24px) scale3d(1,0.963,0.963);
	    opacity:0;
	    transition: transform 400ms linear, opacity 200ms linear;
	}
	body[data-phoneDesc="2054"] .phoneDescMore_boxs_oneOne{
		transform: translateY(24px) scale3d(1,0.963,0.963);
	    opacity:1;
	    transition: transform 400ms linear, opacity 200ms linear;
	}
	body[data-phoneDesc="2276"] .phoneDescMore_boxs_oneOne{
		transform: translateY(24px) scale3d(1,0.963,0.963);
	    opacity:0.5;
	    transition: transform 400ms linear, opacity 200ms linear;
	}
	body[data-phoneDesc_oneTwo="2276"] .phoneDescMore_boxs2_oneTwo{
		transform: translateY(24px) scale3d(1,0.963,0.963);
	    opacity:0.5;
	    transition: transform 400ms linear, opacity 200ms linear;
	}
	body[data-phoneDesc_oneTwo="2400"] .phoneDescMore_boxs2_oneTwo{
		transform: translateY(24px) scale3d(1,0.963,0.963);
	    opacity:1;
	    transition: transform 400ms linear, opacity 200ms linear;
	}
	
	body[data-gapless="3252"] .phoneDesc_boxs_gapless,
	body[data-gapless="3252"] .phoneDesc_boxs_gapless_two{
		transform: translateY(24px) scale3d(1,0.963,0.963);
	    opacity:0.5;
	    transition: transform 400ms linear, opacity 200ms linear;
	}
	body[data-gapless="3367"] .phoneDesc_boxs_gapless{
		transform: translateY(24px) scale3d(1,0.963,0.963);
	    opacity:0;
	    transition: transform 400ms linear, opacity 200ms linear;
	}
	body[data-gapless="3367"] .phoneDesc_boxs_gapless_two{
		transform: translateY(24px) scale3d(1,0.963,0.963);
	    opacity:1;
	    transition: transform 400ms linear, opacity 200ms linear;
	}
	/*body[data-phone="3617"] .twoTextf{
		transform: translateY(24px) scale3d(1,0.963,0.963);
	    opacity: 1;
	    transition: transform 400ms linear, opacity 200ms linear;
	}*/
	body[data-eq="3416"] .phoneFlexDescribe_boxs_EQ{
		transform: translateY(24px) scale3d(1,0.963,0.963);
	    opacity:0.5;
	    transition: transform 400ms linear, opacity 1000ms linear;
	}
	body[data-eq="3500"] .phoneFlexDescribe_boxs_EQ{
		transform: translateY(24px) scale3d(1,0.963,0.963);
	    opacity: 1;
	    transition: transform 400ms linear, opacity 1000ms linear;
	}
	
	body[data-phoneText="3520"] .twoTextf1{
		transform: translateY(24px) scale3d(1,0.963,0.963);
	    opacity: 1;
	    transition: transform 400ms linear, opacity 1000ms linear;
	}
	/*6*/
	/* body[data-div="3967"] .phone2{
		opacity:1;
		transition: transform 400ms linear, opacity 400ms linear;
	}
	body[data-phone="3967"] .twoTextg{
		transform: translateY(24px) scale3d(1,0.963,0.963);
	    opacity: 1;
	    transition: transform 400ms linear, opacity 200ms linear;
	}
	body[data-phoneText="4000"] .twoTextg1{
		transform: translateY(24px) scale3d(1,0.963,0.963);
	    opacity: 1;
	    transition: transform 400ms linear, opacity 1000ms linear;
	}
	 */
	/*7*/
	body[data-auto="3300"] .twoTextf{
		opacity:1;
		transition: transform 400ms linear, opacity 400ms linear;
	}
	body[data-autoDesc="3400"] .twoText1f{
		opacity:1;
		transition: transform 400ms linear, opacity 400ms linear;
	}

}

@media (max-width: 979px) { 
	/*动态背景图大小设置*/
	.titleTextbox{
		min-height: 700px;
	}
	/**/
	.twoUlPad{
		padding-right:70px;
	} 
	
	.twoHeader ul{
		float:none;
		text-align: center;
	}
	.topBananer{
		height: 500px;
	}
	.bananer_title{
		padding-top: 144PX;
	}
	/*放大放小文字*/
	.titleText{
		font-size: 95px;
	}
	
	.text_field .opctions{
		font-size: 75px;
	}
	.text_field .textCont{
		font-size: 25px;
	}
	.text_field .twoTextd{
		font-size: 38px;
	}
	
	/*Intelligent assistant*/
	.assistant{
		font-size: 50px;
    	line-height: 48px;
	}
	.intelligent{
		height: 1100px;
	}
	.alexaHide{
		opacity: 1;
	}
	.stickyImg{
		display: none;
	}
	/*FAQS*/
	.faqsText{
		width: 100%;
	}
	/*手机配图*/
	.phoneFlex,.phoneFlexDescribe{
		position:initial;
		width: 100%;
		justify-content : center;
	    padding-top:0px;
	}
	/*.phoneFlex img{
		padding-top: 40px;
		width: 250px !important;
	}*/
	.phoneDescMore_boxs_oneOne,
	.phoneDescMore_boxs2_oneTwo,
	.phoneDesc_boxs_gapless_two{
		opacity: 1;
	}
	.textHide {
		opacity: 1;
	}
	.phoneFlexDescribeTop{
		display: none;
	}
	.phoneFlexDescribeBotm{
		display: block;
	}
	.twoTextf, .twoText1f{
		opacity: 1;
	}
	.phoneFlexDescribe_boxs_EQ{
		opacity: 1;
	}
}
@media (max-width: 600px) {
	/*动态背景图大小设置*/
	.titleTextbox{
		min-height: 600px;
	}
	
	.twoUlPad{
		padding-right: 45px;
	} 
	.audiolis{
		width: 100%;
	}
	.twoHeader ul{
		float:none;
		text-align: center;
	}
	
	.topBananer{
		height: 500px;
	}
	.bananer_title{
		padding-top: 144PX;
	}

	/*放大放小文字*/
	.titleText{
		font-size:80px;
	}
	
	/*Intelligent assistant*/
	.assistant{
		font-size: 50px;
    	line-height: 48px;
	}
	.intelligent{
		height: 1100px;
	}
	.alexaHide{
		opacity: 1;
	}
	.stickyImg{
		display: none;
	}
	/*手机配图*/
	.phoneFlex,.phoneFlexDescribe{
		width: 100%;
		justify-content : center;
	}
	.textHide {
		opacity: 1;
	}
	.phoneFlexDescribeTop{
		display: none;
	}
	.phoneFlexDescribeBotm{
		display: block;
	}
}
@media only screen and (max-width: 480px){
	/*动态背景图大小设置*/
	.titleTextbox{
		min-height: 400px;
	}
	.topBananer{
		height: 400px;
	}
	.bananer_title{
		padding-top: 86px;
		font-size: 25px;
	}
	.bananer_describe{
		font-size: 19px;
		line-height: 21px;
	}
	
	/*放大放小文字*/
	.titleText{
		font-size: 55px;
	}
	
	.twoHeader ul{
		float:none;
		text-align: center;
	}
	
	/**/
	.overview-sound-handoff{
		left: 63%;
	}
	
	.text_field .opctions{
		font-size: 55px;
	}
	.text_field .textCont{
		font-size: 16px;
	}
	.text_field .twoTextd{
		font-size: 25px;
	}
	
	/*all Content*/
	.allContents{
		width: 50%;
	}
	/*Intelligent assistant*/
	.intelligent{
		height: 1190px;
	}
	.assistant{
		font-size: 50px;
    	line-height: 48px;
	}
	.alexaHide{
		opacity: 1;
	}
	.stickyImg{
		display: none;
	}
	
	/*手机配图*/
	.phoneFlex,.phoneFlexDescribe{
		width: 100%;
		justify-content : center;
	}
	.textHide {
		opacity: 1;
	}
	.phoneFlexDescribeTop{
		display: none;
	}
	.phoneFlexDescribeBotm{
		display: block;
	}
	
}