@charset 'utf-8';
@media screen and (max-width: 1600px) {
	#hd #cloud .col55{
		margin-left: 1%;
	}
}
@media screen and (max-width: 1440px) {
	#hd{
		font-size: 14px;
	}
	#hd h2{
		padding-bottom: 20px;
	}
	/*----------- assistant ----------*/
		#hd .assistant_slider .item {
		    padding: 0 10px;
		}
		#hd .assistant_slider .owl-item.center .item {
		    padding: 0 24px;
		    -moz-transform: scale(1.2);
		    -webkit-transform: scale(1.2);
		    -o-transform: scale(1.2);
		    -ms-transform: scale(1.2);
		    transform: scale(1.2);
		}
	/*----------- cloud --------------*/
		#hd #cloud .col45{
			padding-right: 15px;
		}
		#hd #cloud .col55{
			margin-left: 0;
		}
		#hd #cloud .col55 {
		    width: 66%;
		    padding-top: 66%;
		}
		#hd #cloud img.cloudPhoto{
			width: 25%;
		}
	/*----------- sound --------------*/
		#hd #sound .title {
		    max-width: 480px;
		}
	/*----------- detail -------------*/
		#hd #detail_localization .txtBox,
		#hd #detail_life .txtBox {
		    padding: 7% 20px 20px;
		}
		#hd #detail_localization ul.detailIcon_list li,
		#hd #detail_life ul.detailIcon_list li {
		    max-width: 80px;
		}
		#hd #detail_localization .detailText_list,
		#hd #detail_life .detailText_list {
		    max-width: 400px;
		}
		#hd ul.detailIcon_list {
		    margin: 40px 0 35px;
		}
		#hd #detail_personalise .w1200 {
		    padding: 45px 0 20px;
		}
		#hd #detail_customized .txtBox {
		    padding: 8% 20px 20px;
		}
		#hd #detail_customized ul.bubble_list {
		    top: 23%;
		}
		#hd #detail_life .life03 ul.bubble_list {
		    width: 80%;
		    bottom: 15%;
		    right: 12%;
		}
		#hd #detail_aiot .txtBox {
		    padding: 10% 20px 20px;
		}
	/*----------- skill --------------*/
		#hd #skill ul.skill_list {
		    margin-top: 30px;
		}
		#hd #skill {
		    padding: 70px 0 100px;
		}
}
@media screen and (max-width: 1280px) {
	#hd ul.bubble_list li {
	    padding-bottom: 25px;
	}
	/*----------- assistant ----------*/
		#hd .assistant_slider .owl-item.center .item {
		    padding: 0 60px;
		}
	/*----------- sound --------------*/
		#hd #sound {
		    padding: 40px 0 50px;
		}
	/*----------- detail -------------*/
		#hd #detail_localization ul.detailIcon_list li, 
		#hd #detail_life ul.detailIcon_list li {
		    max-width: 72px;
		}
		#hd #detail_localization .detailText_list, 
		#hd #detail_life .detailText_list {
		    max-width: 350px;
		}
		#hd #detail_localization .txtBox, 
		#hd #detail_life .txtBox {
	    	padding: 5% 20px 20px;
		}
		#hd ul.detailIcon_list a img{
			max-width: 92% !important;
		}
		#hd ul.detailIcon_list {
	    	margin: 30px 0 25px;
		}
		#hd #detail_customized .txtBox {
		    padding: 6% 20px 20px;
		}
		#hd #detail_aiot .txtBox {
		    padding: 7% 20px 20px;
		}
		#hd #detail_aiot small {
		    margin-top: 30px;
		}
	/*----------- skill --------------*/
		#hd #skill ul.skill_list > li {
		    padding: 5px 0;
		}
		#hd #skill {
		    padding: 50px 0 80px;
		}
}
@media screen and (max-width: 1023px) {
	#hd{
		font-size: 13px;
	}
	/*----------- kv -----------------*/
		#hd #kv .w1200 {
		    padding: 130px 0;
		}
		#hd #kv .pdBox {
		    width: 70%;
		    right: -10%;
		}
	/*----------- sliderBanner -------*/
		#hd #sliderBanner .item {
		    padding-top: 60%;
		}
		#hd #sliderBanner img.pd {
		    width: 23%;
		    left: 15%;
		}
	/*----------- assistant ----------*/
		#hd .assistant_slider .owl-item.center .item {
		    padding: 0 45px;
		}
		#hd #assistant {
		    padding: 40px 0 30px;
		}
		#hd #assistant .pd {
		    max-width: 230px !important;
		}
		#hd .assistant_slider {
		    padding: 20px 0 10px;
		    min-height: 140px;
		}
	/*----------- cloud --------------*/
		#hd #cloud .col45{
			padding-right: 10px;
			width: 35%;
		}
		#hd #cloud .col55 {
		    width: 76%;
		    padding-top:76%;
		}
	/*----------- sound --------------*/
		#hd #sound ul.pd {
		    width: 30%;
		    padding-top: 44%;
		}
		#hd #sound .title {
		    max-width: 450px;
		    margin: 0 auto 30px;
		}
		#hd #sound{
			padding: 30px 0;
		}
	/*----------- detail -------------*/
		#hd .detail h2{
			padding-bottom: 8px;
		}
		#hd #detail_localization .txtBox, 
		#hd #detail_life .txtBox,
		#hd #detail_customized .txtBox,
		#hd #detail_localization .photoBox,
		#hd #detail_life .photoBox,
		#hd #detail_customized .photoBox,
		#hd #detail_aiot .photoBox,
		#hd #detail_aiot .txtBox{
			width: 100%;
		}
		#hd #detail_customized .talk_slider .item,
		#hd #detail_life .talk_slider .item,
		#hd #detail_localization .talk_slider .item,
		#hd #detail_aiot .talk_slider .item{
			padding-top: 40%;
		}
		#hd #detail_localization .talk_slider .item:before,
		#hd #detail_life .talk_slider .item:before,
		#hd #detail_aiot .talk_slider .item:before {
		    width: 100%;
		    height: 20%;
		    left: 0;
		    top: 0;
		    background: -webkit-linear-gradient(top,rgba(255,255,255,1),rgba(255,255,255,0));
		    background: -o-linear-gradient(bottom,rgba(255,255,255,1),rgba(255,255,255,0));
		    background: -moz-linear-gradient(bottom,rgba(255,255,255,1),rgba(255,255,255,0));
		    background: linear-gradient(to bottom,rgba(255,255,255,1),rgba(255,255,255,0));
		}
		#hd #detail_customized .talk_slider .item:before {
		    width: 100%;
		    height: 20%;
		    left: 0;
		    top: 0;
		    background: -webkit-linear-gradient(top,rgba(108,106,180,1),rgba(108,106,180,0));
		    background: -o-linear-gradient(bottom,rgba(108,106,180,1),rgba(108,106,180,0));
		    background: -moz-linear-gradient(bottom,rgba(108,106,180,1),rgba(108,106,180,0));
		    background: linear-gradient(to bottom,rgba(108,106,180,1),rgba(108,106,180,0));
		}
		#hd #detail_localization .txtBox, 
		#hd #detail_life .txtBox,
		#hd #detail_customized .txtBox {
		    padding: 30px 20px 20px;
		}
		#hd #detail_personalise .w1200 {
		    padding: 30px 0 10px;
		}
		#hd #detail_life .f45{
			order: 1;
		}
		#hd #detail_life .f55 {
		    order: 2;
		}
		#hd #detail_customized .talk_slider .item {
		    background-position: center 83%;
		}
		#hd #detail_customized .txtBox .kind {
		    margin: 25px 0 10px;
		}
		#hd #detail_aiot .f45{
			order: 1;
		}
		#hd #detail_aiot .f55{
			order: 2;
		}
		#hd #detail_aiot .talk_slider .item.aiot03{
			background-position: center top;
		}
	/*----------- skill --------------*/
		#hd #skill ul.item_list > li {
		    padding: 5px 3px;
		}
}
@media screen and (max-width: 768px) {
	#hd h2{
		font-size: 2em;
	}
	#hd h3{
		padding-bottom: 2px;
	}
	#hd ul.bubble_list li.bubble_a span {
	    width: 38px;
	    height: 38px;
	}
	#hd ul.bubble_list li.bubble_a .txt{
		padding-left: 6px;
	}
	#hd ul.bubble_list li.bubble_q p,
	#hd ul.bubble_list li.bubble_a .txt p {
	    padding: 7px 15px;
	    border-radius: 17px;
	}
	#hd ul.bubble_list li.bubble_a .txt p:before{
		border-radius: 17px;
	}
	#hd ul.bubble_list li {
	    padding-bottom: 16px;
	}
	#hd .talk_slider .owl-prev, #hd .talk_slider .owl-next{
		width: 40px;
		height: 40px;
	}
	#hd .talk_slider .owl-prev {
	    left: 0.5%;
	}
	#hd .talk_slider .owl-next {
	    right: 0.5%;
	}
	#hd .talk_slider .owl-dots {
	    padding-bottom: 10px;
	}
	#hd .talk_slider .owl-dot {
	    width: 9px;
	    height: 9px;
	    margin: 0 4px;
	}
	/*----------- kv -----------------*/
		#hd #kv .col50{
			width: 100%;
		}
		#hd #kv .pdBox {
			position: relative;
		    width: 100%;
		    bottom: 0;
		    right: 0;
		    margin-top: 30px;
		}
		#hd #kv .w1200{
			padding: 70px 0 0;
			text-align: center;
		}
		#hd #kv .titleImg{
			margin-left: auto;
		}
	/*----------- sliderBanner -------*/
		#hd #sliderBanner img.pd {
		    width: 26%;
		    left: 10%;
		}
		#hd #sliderBanner ul.bubble_list{
			left: 38%;
		}
	/*----------- assistant ----------*/
		#hd .assistant_slider .owl-item.center .item {
		    padding: 0 30px;
		}
		#hd #assistant .pd {
		    max-width: 200px !important;
		}
	/*----------- cloud --------------*/
		#hd #cloud .col45{
			padding-right: 0;
			width: 100%;
		}
		#hd #cloud .col55 {
		    width: 100%;
		    padding-top:100%;
		    margin-left: 15%;
		    margin-bottom: 30px;
		}
		#hd #cloud{
			padding-top: 20px;
		}
	/*----------- sound --------------*/
		#hd #sound ul.pd {
		    width: 45%;
		    padding-top: 67%;
		}
		#hd #sound ul.pd h6{
			font-size: 1.1em;
		}
	/*----------- detail -------------*/
		#hd #detail_customized .talk_slider .item, 
		#hd #detail_life .talk_slider .item, 
		#hd #detail_localization .talk_slider .item,
		#hd #detail_personalise .talk_slider .item,
		#hd #detail_aiot .talk_slider .item {
		    padding-top: 55%;
		}
		#hd ul.detailIcon_list {
		    margin: 25px 0 15px;
		}
		#hd #detail_localization .txtBox, 
		#hd #detail_life .txtBox, 
		#hd #detail_customized .txtBox {
		    padding: 25px 20px 20px;
		}
		#hd #detail_personalise .w1200 {
		    padding: 25px 0 10px;
		}
		#hd ul.detailText_list p{
			text-align: left;
			max-width: 350px;
		}
		#hd ul.detailIcon_list li{
			max-width: 72px;
		}
	/*----------- skill --------------*/
		#hd #skill h6 {
		    width: 80px;
		    padding-top: 37px;
		}
		#hd #skill ul.item_list > li {
		    min-width: 85px;
		}
		#hd #skill ul.skill_list {
		    margin-top: 20px;
		}
}
@media screen and (max-width: 480px) {
	#hd{
		font-size: 12px;
	}
	#hd h2{
		padding-bottom: 12px;
	}
	#hd ul.bubble_list li.bubble_q p, 
	#hd ul.bubble_list li.bubble_a .txt p {
	    padding: 7px 10px;
	}
	#hd .specificationsBtn{
		display: block;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	#hd .specificationsBtn ul {
	    right: -75px;
	}
	/*----------- sliderBanner -------*/
		#hd #sliderBanner ul.bubble_list {
		    top: 12%;
		}
		#hd #sliderBanner .item {
		    padding-top: 80%;
		}
		#hd #sliderBanner ul.bubble_list {
		    left: 35%;    
		    width: 58%;
		}
	/*----------- assistant ----------*/
		#hd .assistant_slider .owl-item.center .item {
		    -moz-transform: scale(1.2);
		    -webkit-transform: scale(1.2);
		    -o-transform: scale(1.2);
		    -ms-transform: scale(1.2);
		    transform: scale(1.2);
		}
		#hd .assistant_slider .owl-item.center .item {
		    padding: 0 20px;
		}
		#hd #assistant {
		    padding: 30px 0 20px;
		}
	/*----------- cloud --------------*/
		#hd #cloud .col45{
			padding-right: 0;
			width: 100%;
		}
		#hd #cloud .col55 {
		    width: 120%;
		    padding-top:120%;
		    margin-left: 0;
		    margin-bottom: 15px;
		    margin-top: 10px;
		}
	/*----------- sound --------------*/
		#hd #sound .title {
		    max-width: 300px;
		    margin: 0 auto 20px;
		}
		#hd #sound ul.pd h6 {
		    top: 37%;
		    width: 85px;
		}
		#hd #sound {
		    padding: 20px 0;
		}
		#hd #sound ul.pd {
		    width: 55%;
		    padding-top: 81%;
		}
	/*----------- detail -------------*/
		#hd #detail_localization ul.detailIcon_list li, 
		#hd #detail_life ul.detailIcon_list li,
		#hd ul.detailIcon_list li{
			max-width: 68px;
		}
		#hd #detail_customized .txtBox .kind {
		    margin: 18px 0 6px;
		}
	/*----------- skill --------------*/
		#hd #skill h6{
			display: block;
			width: 100%;
			font-size: 16px;
			padding: 20px 0;
		}
		#hd #skill ul.skill_list{
			text-align: center;
			margin-top: 0;
		}
		#hd #skill ul.item_list{
			width: 100%;
		}
		#hd #skill {
		    padding: 30px 0 40px;
		}
}
@media screen and (max-width: 400px){
	/*----------- sliderBanner -------*/
		#hd .assistant_slider .owl-item.center .item {
		    -moz-transform: scale(1);
		    -webkit-transform: scale(1);
		    -o-transform: scale(1);
		    -ms-transform: scale(1);
		    transform: scale(1);
		}
		#hd .assistant_slider{
			min-height: 0;
		}
		#hd .assistant_slider {
		    padding: 0;
		}
		#hd #assistant .pd {
		    max-width: 170px !important;
		}
		#hd #assistant {
		    background-size: 100% 60%;
		}
	/*----------- detail -------------*/
		#hd #detail_localization ul.detailIcon_list li, 
		#hd #detail_life ul.detailIcon_list li{
		    max-width: 53px;
		}
		#hd #detail_customized .talk_slider .item, 
		#hd #detail_life .talk_slider .item, 
		#hd #detail_localization .talk_slider .item, 
		#hd #detail_personalise .talk_slider .item,
		#hd #detail_aiot .talk_slider .item  {
		    padding-top: 70%;
		}
		#hd ul.detailIcon_list a img {
		    max-width: 100% !important;
		}
		#hd ul.detailIcon_list li{
			width: 30%;
		}
		#hd #detail_customized .txtBox .mailLink {
		    border-left: 2px solid #fff;
		    padding-left: 5px;
		    font-size: 1.1em;
		}
		#hd #detail_aiot ul.bubble_list {
		    top: 10%;
		    left: 29%;
		}
	/*----------- skill --------------*/
		#hd #skill ul.item_list > li {
		    min-width: 72px;
		}
		#hd #skill h6{
			padding: 12px 0;
		}
		#hd #skill ul.item_list > li img {
		    max-width: 82%!important;
		}
}