
.ps01-product-hero{
	margin-bottom: 0;
}

.p-introduction{
	margin: 70px 0;
	display: block;
}
.p-introduction .container{
	max-width: 1300px;
	margin: 0 auto;
	display: block;
}
.p-introduction .row > .p-content p{
	font-size: 20px;
    line-height: 32px;
}
.p-introduction .p-list{
	width: 100%;
	display: block;
}
.p-introduction ul{
	display: block;
	margin-top: 50px;
	text-align: center;
}
.p-introduction ul li{
	display: inline-block;
	vertical-align: top;
	max-width: 250px;
	margin: 0 50px;
	text-align: center;
}
.p-introduction ul li .p-content h3{
	margin-top: 20px;
	font-size: 22px;
	line-height: 1.5;
}
@media(min-width:1024px){
	.p-introduction{
		margin-top: -200px;
		position: relative;
	}
}
@media(min-width:768px) and (max-width:1023px){
	.ps01-product-hero .ps01-product-hero__bg-down{
		left: -12%;
	}
	.p-introduction{
		margin-top: -50px;
		position: relative;
	}
}
@media (max-width:767px){
	.p-introduction ul li{
		margin: 30px 0;
	}
	.p-introduction ul li .p-content h3{
		font-size: 18px;
	}
	.ps01-product-hero .ps01-product-hero__bg-down{
		left: -10%;
	}
	.p-introduction{
		margin-top: -100px;
		position: relative;
	}
}

/**/
.p-scenario-application{
	margin: 100px 0 0px 0;
	display: block;
}
.p-scenario-application .heading-03{
	display: block;
	width: 100%;
	text-align:center;
	margin-bottom: 50px;
}
.p-scenario-application  ul{
	margin-top: 50px;
}
.p-scenario-application  ul li{
	display: inline-block;
	vertical-align: top;
}
.p-scenario-application .p-content{
	text-align: center;
	box-shadow: 1px 5px 10px rgba(0, 0, 0, .2);
	background-color: #fff;
	border-radius: 20px;
	margin-bottom: 20px;
}
.p-scenario-application .p-content a,
.p-scenario-application .p-content a:hover{
	color: #333;
}
.p-scenario-application .p-content img{
	width: 100%;
}
.p-scenario-application .p-content .p-text{
	text-align: left;
	padding: 15px;
}
.p-scenario-application .p-content .p-text h3{
	font-size: 22px;
	line-height: 1.5;
	margin-bottom: 10px;
}
.p-scenario-application .p-content .p-text p{
	font-size: 18px;
	line-height: 1.7;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.p-scenario-application .swiper-wrapper{
	transition-timing-function : linear;
  }
.p-scenario-application .swiper-pagination{
	bottom:0px;
}
.p-scenario-application  .swiper-container{
	padding-bottom: 40px;
	width: 86.458333vw;
	max-width: 1440px;
}

@media (min-width:768px){
	.p-scenario-application .swiper-button-prev,.p-scenario-application .swiper-button-next{
		display: none !important;
	}
	.p-scenario-application .swiper-slide{
		width: 423px !important;
	}
	.p-scenario-application .swiper-wrapper{
		justify-content: center;
	}
	.p-scenario-application .swiper-container-initialized .swiper-wrapper{
		justify-content: inherit;
	}
	.p-scenario-application .swiper-slide .p-content{
		margin: 0 20px;
	}
}
@media (max-width:767px){
	.p-scenario-application .p-content{
		max-width: 283px;
		margin-left: auto;
		margin-right: auto;
	}
	.p-scenario-application .swiper-button-prev {
		background: url(/Assets/HisiliconV2/images/prve.jpg) no-repeat top center;
		background-size: cover;
	}
	.p-scenario-application .swiper-button-next {
		background: url(/Assets/HisiliconV2/images/next.jpg) no-repeat top center;
		background-size: cover;
	}
	.p-scenario-application .swiper-button-prev:after,.p-scenario-application  .swiper-button-next:after{
		content:'';
	}
	.p-scenario-application .swiper-container{
		padding-bottom: 20px;
	}
	.p-scenario-application .heading-03{
		margin-bottom: 30px;
	}
	.p-scenario-application .p-content .p-text h3{
		font-size: 18px;
	}
	.p-scenario-application .p-content .p-text p{
		font-size: 16px;
	}
}



/*ÃƒÂ¤Ã‚Â¸Ã…Â¡ÃƒÂ¥Ã…Â Ã‚Â¡ÃƒÂ¦Ã…â€™Ã¢â‚¬ËœÃƒÂ¦Ã‹â€ Ã‹Å“*/
.new-intro-text{
	margin: 70px 0;
}
.new-intro-text .container{
	max-width: 1300px ;
	margin: 0 auto;
	display: block;
}
.new-intro-text .p-content p{
	font-size: 20px;
	line-height: 32px;
	text-align: center;
}
.new-intro-text .heading-03{
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
	font-size: 40px;
	font-weight: bold;
}
.new-intro-text .p-list{
	margin-top: 70px;
}
.new-intro-text .p-list ul{
	text-align: center;
	letter-spacing: -0.32em;
}
.new-intro-text .p-list ul li{
	display: inline-block;
    vertical-align: top;
    max-width: 24%;
    padding: 0 30px;
	text-align: center;
	letter-spacing: normal;
}
.new-intro-text ul li .p-content h3 {
	margin-top: 50px;
	margin-bottom: 20px;
    font-size: 22px;
    line-height: 1.5;
}

/*ÃƒÂ¦Ã¢â‚¬â€œÃ‚Â¹ÃƒÂ¦Ã‚Â¡Ã‹â€ ÃƒÂ¤Ã‚Â¼Ã‹Å“ÃƒÂ¥Ã…â€™Ã¢â‚¬â€œ*/
.new-intro-text.dark-background{
	background-color: #f3f4f8;
	padding:70px 0;
}
.new-intro-text.list-four .p-list ul li{
	max-width:24.5%;
	padding: 0 20px;
	margin-bottom: 30px;
}

@media (max-width:767px){
	.new-intro-text .p-list ul li{
		max-width: 100%;
		padding: 0 15px;
		margin-top: 50px;
	}
	.new-intro-text.list-four .p-list ul li{
		max-width: 100%;
		padding: 0 15px;
		margin-top: 50px;
	}
	.new-intro-text .p-content{
		padding: 0 15px;
	}
	.new-intro-text .p-list ul li:first-child{
		margin-top: 0;
	}
	.new-intro-text ul li .p-content h3{
		font-weight: normal;
		font-weight: bold;
	}
	.new-intro-text .heading-03{
		font-size:24px;
		font-weight: bold;
	}
}


/*sc13*/

.sc8-13 {
	width: 72.9167vw;
	margin: 0 auto;
	margin-top: 5.4167vw;
}

.sc8-13-content {
	margin-top: 3.33vw;
	display: flex;
	justify-content: space-between;
}

.sc8-13-content .sc8-13-content-item {
	width: 22.9167vw;
	height: 21vw;
	border-radius: 1vw;
	overflow: hidden;
	background-color: #F3F4F8;
}
.sc8-13-content-item img{
	max-width: 100%;
}

.sc8-13-content .sc8-13-content-item .img {
	transition: transform 1.5s;
}

.sc8-13-content .sc8-13-content-item .description {
	margin: 1.71875vw 2.08vw 0;
}

.sc8-13-content .sc8-13-content-item .description .title {
	font-size: 1.04167vw;
	line-height: 1.667vw;
	margin-bottom: 1.71875vw;
	font-weight: bold;
}

.img-hover {
	transform: scale(1.05);
	transition: transform 1.5s;
}

.sc8-13 .sc8-13-content a {
	color: black;
}

.sc8-13 a {
	text-decoration: none;
}

.sc8-13-content-item .description-third {
	margin: 1.71875vw 0.2vw 0 1.5625vw;
	overflow-y: scroll;
	height: 18vw;
	padding-right: 1.5625vw;
}

.sc8-13-content-item .description-third .title p {
	font-size: 1.04167vw;
	line-height: 1.667vw;
	font-weight: bold;
	margin-bottom: .625vw;
}

.sc8-13-content-item .description-third p {
	font-size: .9375vw;
	line-height: 1.45vw;
}

.sc8-14 {
	width: 72.9167vw;
	margin: 0 auto;
	margin-top: 5.4167vw;
}

.sc8-14 .box2 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 3.33vw;
}

.sc8-14 .box2 .box2-item {
	width: 35.417vw;
	background-color: #F3F4F8;
	border-radius: 1vw;
	display: flex;
	align-items: center;
	margin-bottom: 2.083vw;
	height: 8.125vw;
}

.sc8-14 .box2 .box2-item p {
	margin: 1.71875vw 3.125vw;
	font-size: 1.667vw;
	line-height: 2.5vw;
	width: 23.575vw;
}

.sc8-14 .box2 .box2-item .box2-img {
	width: 3.54167vw;
}

.sc8-15 {
	width: 72.9167vw;
	margin: 0 auto;
	margin-top: 3.4167vw;
}

.sc8-15 .sc8-title {
	margin-bottom: 2.29vw;
}

.sc8-15 p {
	font-size: .8333vw;
	line-height: 1.09375vw;
	margin: 5.2vw 0 5.729167vw;
}

br.mob-show {
	display: none;
}
.sc8-title {
	/*48,72*/
	text-align: center;
	font-size: 2.5vw;
	line-height: 3.75vw;
}

.sc8-text {
	/*20  32*/
	font-size: 1.0417vw;
	line-height: 1.667vw;
}

/*mobile*/

@media screen and (max-width: 767px) {
	.sc8-title {
		font-size: 5.33vw;
		line-height: 8vw;
	}
	.sc8-text {
		font-size: 3.733vw;
		line-height: 5.8667vw;
	}
	.kv {
		width: 87.2vw;
		margin: 0 auto;
	}
	.kv-text {
		left: 0;
		transform: translateX(0);
		margin-top: 22.133vw;
		width: 87.2vw;
	}
	.kv-text .title {
		font-size: 6.4vw;
		line-height: 9.6vw;
	}
	.sc8-1 {
		width: 89.33vw;
		margin: 11.2vw auto 0;
	}
	.sc8-1 .sc8-text {
		margin-top: 9.06vw;
		width: 87.2vw;
		margin: 9.07vw auto 0;
	}
	.sc8-1 .sc8-1-cont {
		flex-direction: column;
		margin-top: 10.667vw;
	}
	.sc8-1 .sc8-1-cont .left,
	.sc8-1 .sc8-1-cont .right {
		width: 89.33vw;
	}
	.sc8-1 .sc8-1-cont p {
		font-size: 4.267vw;
		line-height: 6.4vw;
		font-weight: bold;
		margin-left: 0vw;
		margin-top: -3vw;
	}
	.sc8-1 .sc8-1-cont .right {
		margin-top: 11.2vw;
	}
	.sc8-1 .sc8-1-cont .right-text {
		margin-left: 0;
		margin-top: 27vw;
	}
	.sc8-2 {
		width: 78.8vw;
		margin: 11.2vw auto 0;
	}
	.sc8-2 .sc8-title {
		margin-bottom: 8.533vw;
	}
	.sc8-2 .bottm {
		display: none;
	}
	.sc8-3 {
		width: 89.333vw;
		margin: 0 auto;
		padding-top: 11.2vw;
	}
	.sc8-3 .sc8-title {
		margin-bottom: 8.5333vw;
	}
	.sc8-3 p {
		margin-top: 8.533vw;
	}
	.sc8-4 {
		width: 89.333vw;
		margin: 10.667vw auto 0;
	}
	.sc8-4 .sc8-title {
		margin-bottom: 11.2vw;
	}
	.sc8-4 .mid {
		flex-direction: column;
	}
	.sc8-4 .mid .mid-item {
		width: 57.6vw;
		margin: 0 auto;
		margin-bottom: 10.933vw;
	}
	.sc8-4 .mid .mid-item img {
		width: 21.33vw;
	}
	.sc8-4 .mid .mid-item .title {
		margin: 5.867vw auto 3.467vw;
		font-size: 4.267vw;
		line-height: 6.4vw;
	}
	.sc8-4 .sc8-4-bottom {
		margin: 0vw auto 10.667vw;
		padding: 5.867vw 5.33vw;
		border-radius: 5.5vw;
	}
	br.mob-show {
		display: block;
	}
	br.pc-show {
		display: none;
	}
	.sc8-5 .sc8-title {
		padding: 11.2vw 0 5.8667vw;
	}
	.sc8-5 .sc8-5-content {
		width: 89.33vw;
		flex-direction: column;
		padding-bottom: 10.667vw;
	}
	.sc8-5 .sc8-5-content-item {
		width: 89.33vw;
		height: 49vw;
		border-radius: 5vw;
	}
	.sc8-5 .sc8-5-content-item .title {
		font-size: 4.2667vw;
		line-height: 6.4vw;
		margin-top: 5.867vw;
	}
	.sc8-5 .sc8-5-content-item .sc8-text {
		width: 78.667vw;
		margin: 3.467vw auto 0;
	}
	.sc8-5 .sc8-5-content-item:nth-child(1),
	.sc8-5 .sc8-5-content-item:nth-child(2),
	.sc8-5 .sc8-5-content-item:nth-child(3) {
		margin-bottom: 5.33vw;
	}
	.sc8-6 {
		width: 89.333vw;
		margin: 11.2vw auto 0;
	}
	.sc8-6 p {
		font-size: 3.7333vw;
		line-height: 5.867vw;
		margin: 3.733vw 0 6.4vw;
	}
	.sc8-6 .sc8-6-content {
		flex-direction: column;
	}
	.sc8-6 .sc8-6-content .sc8-6-content-item {
		width: 89.333vw;
		border-radius: 4vw;
	}
	.sc8-6 .sc8-6-content .sc8-6-content-item:nth-child(1) {
		margin-bottom: 8vw;
	}
	.sc8-6 .sc8-6-content .sc8-6-content-item img {
		width: 84vw;
		margin: 5.33vw auto 5.867vw;
	}
	.sc8-6 .sc8-text {
		font-size: 3.7333vw;
		line-height: 5.867vw;
		margin: 0 4.8vw 5.6vw;
	}
	.sc8-7 {
		width: 89.333vw;
		margin: 11.2vw auto 0;
	}
	.sc8-7 .sc8-title {
		width: 48vw;
		margin: 0 auto;
		text-align: left;
	}
	.sc8-7 .sc8-7-content {
		margin-top: 12vw;
		flex-direction: column;
	}
	.sc8-7 .sc8-7-content .sc8-7-content-item {
		width: 89.333vw;
		border-radius: 6vw;
		box-shadow: 2px 2px 8px 2px #f3f3f3;
	}
	.sc8-7 .sc8-7-content .sc8-7-content-item:nth-child(1),
	.sc8-7 .sc8-7-content .sc8-7-content-item:nth-child(2) {
		margin-bottom: 8vw;
	}
	.sc8-7 .sc8-7-content .sc8-7-content-item .sc8-text {
		width: 69.333vw;
		margin: 5.867vw auto;
	}
	.sc8-8 {
		width: 89.333vw;
		margin: 11.2vw auto 10.667vw;
	}
	.sc8-8 .sc8-title {
		width: 59.733vw;
		margin: 0 auto;
	}
	.sc8-8 .sc8-8-content {
		margin-top: 8.533vw;
		flex-direction: column;
	}
	.sc8-8 .sc8-8-content .left {
		width: 89.333vw;
		border-radius: 6vw;
		margin-bottom: 5.33vw;
	}
	.sc8-8 .sc8-8-content .left .text {
		width: 68vw;
		margin: 8.5333vw auto 8.2667vw;
	}
	.sc8-8 .sc8-8-content h2 {
		font-size: 3.733vw;
		line-height: 5.867vw;
	}
	.sc8-8 .sc8-8-content .sc8-text {
		margin-top: 3.467vw;
	}
	.sc8-8 .sc8-8-content .mid {
		width: 89.333vw;
		margin-bottom: 5.33vw;
	}
	.sc8-8 .sc8-8-content .mid .mid-item:nth-child(1) {
		border-radius: 6vw;
		margin-bottom: 5.33vw;
	}
	.sc8-8 .sc8-8-content .mid .mid-item:nth-child(1) h2 {
		width: 40.533vw;
		padding: 11.2vw 0 10.933vw 10.667vw;
	}
	.sc8-8 .sc8-8-content .mid .mid-item:nth-child(2) {
		border-radius: 6vw;
	}
	.sc8-8 .sc8-8-content .mid .mid-item:nth-child(2) h2 {
		width: 40.533vw;
		padding: 11.2vw 0 10.933vw 10.667vw;
	}
	.sc8-8 .sc8-8-content .right {
		width: 89.333vw;
		border-radius: 6vw;
	}
	.sc8-8 .sc8-8-content .right h2 {
		width: 40.533vw;
		padding: 11.2vw 0 10.933vw 10.667vw;
	}
	.sc8-8 .sc8-8-jiantou {
		width: 12.5vw;
		margin: 5.333vw auto 8vw;
	}
	.sc8-8 .sc8-8-pic {
		width: 89.333vw;
	}
	.sc8-8 .sc8-8-pic img {
		width: 26.4vw;
	}
	.sc8-9 .sc8-9-cont {
		width: 89.33vw;
		padding-top: 11.2vw;
	}
	.sc8-9 .text-img {
		align-items: normal;
		margin: 9.06vw 0 11.36vw;
		flex-direction: column;
	}
	.sc8-9 .text-img .sc8-text:nth-child(1) {
		margin-bottom: 6.133vw;
	}
	.sc8-9 .text-img .sc8-text:nth-child(2) {
		margin-bottom: 3.467vw;
	}
	.sc8-9 .text-img .img {
		width: 89.33vw;
		margin-top: 4.667vw;
	}
	.sc8-9 .second-text .sc8-text {
		color: #666666;
	}
	.sc8-9 .lunbo {
		width: 89.33vw;
	}
	.sc8-10 {
		width: 87.2vw;
		margin-top: 11.2vw;
	}
	.sc8-10 .sc8-title {
		width: 48vw;
		margin: 0 auto;
		text-align: left;
	}
	.sc8-10 .sc8-text {
		margin-top: 9.07vw;
	}
	.sc8-11 {
		margin-top: 11.2vw;
	}
	.sc8-11 .sc8-11-content {
		width: 89.333vw;
		margin-top: 8.533vw;
	}
	.sc8-11 .sc8-11-content .sc8-11-content-item:nth-child(1),
	.sc8-11 .sc8-11-content .sc8-11-content-item:nth-child(2),
	.sc8-11 .sc8-11-content .sc8-11-content-item:nth-child(3),
	.sc8-11 .sc8-11-content .sc8-11-content-item:nth-child(4),
	.sc8-11 .sc8-11-content .sc8-11-content-item:nth-child(5),
	.sc8-11 .sc8-11-content .sc8-11-content-item:nth-child(6) {
		margin-bottom: 2.667vw;
	}
	.sc8-12 {
		margin-top: 11.2vw;
	}
	.sc8-12 .box1 {
		width: 89.3333vw;
		margin-top: 8.533vw;
	}
	.sc8-12 .box1 .box1-item {
		width: 43.2vw;
		border-radius: 3vw;
	}
	.sc8-12 .box1-item p {
		margin: 7.2vw 0 7.2vw 4.8vw;
		font-size: 3.733vw;
		line-height: 5.867vw;
	}
	.sc8-12 .primary-button [class*='font-ico'] {
		margin: 1.5vw 2vw 1.7vw;
		font-size: 3vw;
		width: 3.025vw;
	}
	.sc8-12 .box1 .box1-img {
		width: auto;
		margin-top: -10vw;
		margin-left: 33vw;
	}
	.sc8-13 {
		width: 89.3333vw;
		margin-top: 11.2vw;
	}
	.sc8-13-content {
		margin-top: 8.533vw;
		flex-direction: column;
	}
	.sc8-13-content .sc8-13-content-item {
		width: 89.3333vw;
		height: 75vw;
		border-radius: 6vw;
	}
	.sc8-13-content .sc8-13-content-item:nth-child(1),
	.sc8-13-content .sc8-13-content-item:nth-child(2) {
		margin-bottom: 8vw;
	}
	.sc8-13-content .sc8-13-content-item .description {
		margin: 5.867vw 8vw 0;
	}
	.sc8-13-content .sc8-13-content-item .description .title {
		font-size: 3.733vw;
		line-height: 5.8667vw;
	}
	.sc8-13-content-item .description-third {
		margin: 8.533vw 2.2vw 0 5.333vw;
		height: 62vw;
		padding-right: 6.5625vw;
	}
	.sc8-13-content-item .description-third p {
		font-size: 3.7333vw;
		line-height: 5.8667vw;
		margin-bottom: 3vw;
	}
	.sc8-13-content-item .description-third .title p {
		font-size: 3.7333vw;
		line-height: 5.8667vw;
		margin-bottom: 3.467vw;
	}
	.sc8-14 {
		width: 89.333vw;
		margin-top: 11.2vw;
	}
	.sc8-14 .box2 {
		margin-top: 8.533vw;
	}
	.sc8-14 .box2 .box2-item {
		width: 89.333vw;
		border-radius: 3vw;
		margin-bottom: 2.667vw;
		height: 20.533vw;
	}
	.sc8-14 .box2 .box2-item p {
		margin: 0 11.2vw 0 8vw;
		font-size: 3.733vw;
		line-height: 5.867vw;
		width: 53.333vw;
	}
	.sc8-14 .box2 .box2-item .box2-img {
		width: 8.8vw;
	}
	.sc8-15 {
		width: 89.333vw;
		margin-top: 8.533vw;
	}
	.sc8-15 .sc8-title {
		margin-bottom: 8.533vw;
	}
	.sc8-15 p {
		font-size: 3.2vw;
		line-height: 4.8vw;
		margin: 8.267vw 0 16.267vw;
	}
}

/*scrollbar*/
.sc8-13-content-item .description-third::-webkit-scrollbar {
	width: .2vw;
}

.sc8-13-content-item .description-third::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: rgba(0, 0, 0, 0.2);
}

@supports (-ms-ime-align: auto) {
	
	.sc8-12 .primary-button [class*='font-ico'] {
		margin: 1vw 1.2vw 1.2vw 1vw;
	}
	
	.sc8-13-content-item .description-third {
		scrollbar-arrow-color: #f3f4f8;
		scrollbar-face-color: #f3f4f8;
		scrollbar-highlight-color: #f3f4f8;
		scrollbar-shadow-color: #f3f4f8;
		scrollbar-track-color: #f3f4f8;
		scrollbar-3dlight-color: #f3f4f8;
		scrollbar-darkshadow-color: #f3f4f8;
		scrollbar-base-color: #f3f4f8;
	}
}

@media screen and(-ms-high-contrast:active),
(-ms-high-contrast:none) {
	.sc8-12 .primary-button [class*='font-ico'] {
		margin: 1vw 2vw 1.2vw 1vw;
	}
	.sc8-13-content-item .description-third {
		scrollbar-arrow-color: #f3f4f8;
		scrollbar-face-color: #f3f4f8;
		scrollbar-highlight-color: #f3f4f8;
		scrollbar-shadow-color: #f3f4f8;
		scrollbar-track-color: #f3f4f8;
		scrollbar-3dlight-color: #f3f4f8;
		scrollbar-darkshadow-color: #f3f4f8;
		scrollbar-base-color: #f3f4f8;
	}
}

.sc8-13 .sc8-title{
	font-size: 40px;
}
@media (max-width:767px){
	.sc8-13 .sc8-title{
		font-size: 24px;
	}
}
