.swiper-container {
	/* padding-top: .8rem; */
	/* width: 100%;
  height: 91.667vw;
  position: absolute;
  top: 0;
  left: 0; */
}
.pc .main-scroll{
	background:url('../image/newsBulletin/bg.png') top center no-repeat;
	background-size:100% 100%;
}
/* 解决方案 */
.solution-banner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	width: 100%;
	height: 3.6rem;
	background: url(../image/solveCase/banner.jpg) center center no-repeat;
	background-size: 100% 100%;
}

.solution-banner .solution-banner-text {
	width: 5.29rem;
	height: 1.01rem;
}


.topical-nav-box {
	margin-top: .47rem;
	width: 100%;
	background: #FFFFFF;
	/* height: .420096rem; */
	text-align: center;
	padding: .25rem 0 .34rem;
	/* background: url(../image/solveCase/line.png) bottom center no-repeat; */
  /* background-size: 77.031%; */
}
.topical-header-nav{
  position:relative;
  z-index:0;
  font-size:0;
}
.pc .topical-nav-box {
	width: 100%;
  margin: 0 auto;
  padding: 0;
  position: absolute;
  top: 3.1rem;
  left:0;
  z-index: 1;
  background-color: rgba(255,255,255,.3);
}
.pc .topical-header-nav{
	width:80%;
  margin:0 auto;
}
.topical-header-nav>li {
	display: inline-block;
	font-size: 0.18rem;
	padding: 0 .1rem 0 .45rem;
  background-color: transparent;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 0;
  opacity: 1;
}
.pc .topical-header-nav>li{
	max-width:2.4rem
}
/* .pc .topical-header-nav>li+li {
	margin-left: .15rem;
} */
.topical-header-nav>li:before{
  content: '';
  width: .3rem;
  height: .3rem;
  position: absolute;
  left: .1rem;
  top: 0;
  bottom: 0;
  margin: auto;
}
.topical-header-nav .solution-title1:before{
  background: url(../image/solveCase/title1-h.png) no-repeat center center;
  background-size: contain;
}
.topical-header-nav .solution-title2:before{
  background: url(../image/solveCase/title2-h.png) no-repeat center center;
  background-size: contain;
}
.topical-header-nav .solution-title3:before{
  background: url(../image/solveCase/title3-h.png) no-repeat center center;
  background-size: contain;
}
.topical-header-nav .solution-title4:before{
  background: url(../image/solveCase/title4-h.png) no-repeat center center;
  background-size: contain;
}
/* .topical-header-nav .solution-title1.active:before,.solution-title1:hover:before{
  background: url(../image/solveCase/title1-h.png) no-repeat center center;
  background-size: contain;
}
.topical-header-nav .solution-title2.active:before,.solution-title2:hover:before{
  background: url(../image/solveCase/title2-h.png) no-repeat center center;
  background-size: contain;
}
.topical-header-nav .solution-title3.active:before,.solution-title3:hover:before{
  background: url(../image/solveCase/title3-h.png) no-repeat center center;
  background-size: contain;
}
.topical-header-nav .solution-title4.active:before,.solution-title4:hover:before{
  background: url(../image/solveCase/title4-h.png) no-repeat center center;
  background-size: contain;
} */
.topical-header-nav>li .solution-nav-item {
	display: block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
  color: #fff;
  cursor: pointer;
}
.pc .topical-header-nav>li .solution-nav-item {
	height: .5rem;
	line-height: .5rem;
}

.topical-nav-box .topical-header-nav>li.active {
	background: #019df3;
}
.topical-nav-box .topical-header-nav>li:hover{	background:#019ddf}
/* .pc .topical-nav-box .topical-header-nav>li.active::after {
	content: ' ';
	display: block;
	height: 0px;
	width: 0;
	position: absolute;
	border-top: 10px solid #2b60b5;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	bottom: -10px;
	left: calc(50% - 7px);
} */

.topical-nav-box .topical-header-nav>li.active .solution-nav-item,
.topical-nav-box .topical-header-nav>li:hover .solution-nav-item {
	color: #FFFFFF !important;
}

/* .topical-header-nav>li:hover {
	border-bottom: 2px solid #f37b24;
	color: #f37b24;
}

.topical-header-nav>li:hover a {
	color: #f37b24;
} */

/* .topical-header-nav>li:nth-child(1),
.topical-header-nav>li:nth-child(2),
.topical-header-nav>li:nth-child(3) {
	border-right: 1px solid #e4e4e4;
} */

/* .slide1 p {
	font-size: 16px;
	color: #333;
	line-height: 1.6;
	text-align: justify;
	max-height: 240px;
	overflow-y: auto;
} */
.pc .topical-content{
	width:78.125%;
  margin:0 auto;
  padding-top: 2.604%;
	background-color:#fff
}

.topical-content .topical-content-title {
	background: url(../image/solveCase/title.png) center center no-repeat;
	height: .43rem;
	width: 4.79rem;
	margin: 0 auto;
	background-size: 100% 100%;
	padding: 0 1.5rem;
}

.topical-content .topical-content-text {
	/* width: 73.85%; */
	width:80%;
	margin: 0 auto;
}

.topical-content .topical-content-text>p {
	font-size: .16rem;
	/*text-indent: .32rem;*/
	line-height: .30rem;
	font-weight: 400;
}

.topical-content .topical-content-title>h4 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	/* -webkit-justify-content: center;
  justify-content: center; */
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	margin: 0px;
	height: 100%;
	color: white;
	font-size: 0.18rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


.swiper-container-scene-top {
	margin-top:0;
	/* width: 68.541%; */
	width:80%;
	height: 38.037vh;
	padding:.4rem 0;
}

.swiper-container-scene-top .swiper-wrapper {
	height: 100%;
}

.swiper-container-scene-top .swiper-slide {
	text-align: center;
	background: blue;
	height: 80%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	transition: 300ms;
	transform: scale(.9);
	margin: 0 auto;
	-webkit-box-reflect: below 0 -webkit-linear-gradient(transparent, transparent 80%, rgba(255, 255, 255, .3));
}



.swiper-container-scene-top .swiper-slide-active,
.swiper-container-scene-top .swiper-slide-duplicate-active {
	transform: scale(1.1);
	z-index: 1;
}

.swiper-container-scene-top .scene-slide1 {
	width: 100%;
	height: 100%;
	background: url(../image/solveCase/picture1.png) center center no-repeat;
	background-size: cover;
}

.swiper-container-scene-top .scene-slide2 {
	width: 100%;
	height: 100%;
	background: url(../image/solveCase/picture2.png) center center no-repeat;
	background-size: cover;
}

.swiper-container-scene-top .scene-slide3 {
	width: 100%;
	height: 100%;
	background: url(../image/solveCase/picture3.png) center center no-repeat;
	background-size: 100% 100%;
}

.topical-content .desc {
	/* width: 73.85%; */
	width:80%;
	margin: 0 auto;
	font-size: .16rem;
	font-weight: 400;
	line-height: .30rem;
	/*text-indent: .32rem;*/
}


.back {
	display: inline-block;
	margin-top: 3.4375%;
	font-size: 0.15rem;
	color: #448dca;
	margin-left: 13.075%;
}

.back:hover {
	cursor: pointer;
}
.phone body{-webkit-overflow-scrolling:touch;}
.phone .header{
/* 	position: absolute;
	top: 0; */
}

.phone #scroll-view{
	/* padding-top: 1.12rem; */
  height: 100%;
  position:relative
}

.phone .main-scroll{
	height: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
}

/* 手机端banner */
.phone .solution-banner {
	height:100%;
	background: url(../image/solveCase/banner-phone.jpg) center center no-repeat;
	background-size: 100% 100%;
}
/* .phone .solution-banner .solution-banner-text{
	background: url(../image/solveCase/banner-text-phone.png) center center no-repeat;
    background-size: 100% 100%;
} */
.phone .swiper-container-body {
	padding-top: 0;
	height:3.6rem;
}

/* 手机端隐藏面包屑 */
.phone .bread-cont {
	display: none;
}

/* 手机端解决方案分类 */
.phone .topical-nav-box {
	margin-top: 0;
	padding-top: .4rem;
}
.phone .topical-header-nav{white-space: nowrap;
border-bottom: 1px solid #ccc;
font-size: 0;
width:auto;
}
.phone .topical-header-nav>li {
	width: 10em;
	margin: 0 1em;
	height: .77rem;
	font-size: .34rem;
  line-height: .77rem;
  padding: 0;
  background: transparent;
  border: 0;
}
.phone  .topical-header-nav>li+li {
	margin-top: .1rem;
}
.phone .topical-header-nav>li.active, 
.phone .topical-header-nav>li:hover{
  background: transparent;
}
.phone .topical-header-nav>li .solution-nav-item{
  color: #192944;}
.phone .topical-header-nav>li .solution-nav-item:after{
  content:'';
  position:absolute;
  width:0;
  height:3px;
  bottom:0;
  left:50%;
  background-color:#2B60B5;
  transition:all .3s ease-in-out
}
.phone .topical-header-nav .swiper-pagination-bullet:before{content:none}
.phone .topical-header-nav>li.active .solution-nav-item, 
.phone .topical-header-nav>li:hover .solution-nav-item{color:#2B60B5!important}
.phone .topical-header-nav>li.active .solution-nav-item:after, 
.phone .topical-header-nav>li:hover .solution-nav-item:after{
  width:100%;
  left:0;
  transition:all .3s ease-in-out
}

/* 手机端的解决方案正文 */
.phone .topical-phone{
  width:90%;
  margin:0 auto;
}
.phone-topicals {
	display: none;
}

.pc .topical-content-phone {
	display: none;
}

.phone .topical-content {
	display: none;
}
.phone .topical-content-phone {
	height: auto;
  padding: .24rem .2rem;
  width:100%;
}
.phone .topical-content-phone{
  width:100%;
}
/* .phone .topical-content-phone:last-child{

} */
.phone .topical-content-phone .topical-content-title {
	color: #2B60B5;
	font-size: .3rem;
	display: flex;
	align-items: center;
}

.phone .topical-content-phone .topical-content-title h4 {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-left: 5px;
	width: 80%;
	font-size:.34rem
}

.phone .topical-content-phone .topical-content-title:before {
	content: ' ';
	display: inline-block;
	width: 3px;
	height: .35rem;
	background: #2B60B5;
}

.phone .topical-content-phone .swiper-container {
	padding-top: 0;
}

.phone .topical-content-phone .topical-content-text {
	padding-top: .5rem;
	font-size: .22rem;
	line-height: .4rem;
}
.phone .topical-content-phone .topical-content-text>p,
.phone .topical-content-phone .topical-content-text>p p,
.phone .topical-content-phone .topical-content-text>p span,
.phone .topical-content-phone .topical-content-text>p a
{
	font-size:.28rem!important;
	margin:0!important;
	padding:0!important;
}
.phone .topical-content-phone .topical-content-text>p img{
	max-width:100%;
	height:auto;
	margin:.1rem 0;
} 
.phone .topical-content-phone .swiper-container-scene-top .swiper-slide-active,
.phone .topical-content-phone .swiper-container-scene-top .swiper-slide-duplicate-active {
	/* transform: scale(1); */
}
.phone .topical-content-phone.hide-swiper .swiper-container-scene-top,.phone .topical-content-phone .swiper-pagination-topical{
	display: none;
}

.phone .topical-content-phone .swiper-container-scene-top {
	width: 90% !important;
	height: 3.5rem;
	margin-top: .3rem;
}

.phone .topical-content-phone .swiper-container-scene-top .swiper-slide {
	border: 0px;
	/* width: 90% !important; */
	/* transform: scale(1) !important; */
}

.topical-content .swiper-pagination-topical {
	display: none;
}

.phone .topical-content-phone .swiper-pagination-bullets {
	display: flex;
	align-items: center;
	padding-top: 6px;
	margin: 0 5%;
	position: relative;
	z-index:7
}

.phone .topical-content-phone .swiper-pagination-bullet {
	background: #4889BD;
	width: .4rem;
	height: 6px;
	border-radius: 0;
	transform: skewX(45deg);
}

.phone .topical-content-phone .swiper-pagination-bullet+.swiper-pagination-bullet {
	margin-left: 12px;
}

.phone .topical-content-phone .swiper-pagination-bullet.swiper-pagination-bullet-active {
	height: 4px;
	width: .8rem;
	background: #4f9cdb;
	transform: skewX(0);
}

.phone .cont-footer {
  height: auto;
  position:relative;
}
/* .phone .cont-footer .footer-info{
  padding-bottom:3.396rem
} */

/* 媒体查询 */
@media screen and (max-width: 1600px) {
	html {
		font-size: 90px;
	}

	.pc .topical-header-nav,.swiper-container-scene-top,.topical-content .desc,.topical-content .topical-content-text {
		/* width: 72.541%; */
		width: 77.85%;
	}

	.back {
		margin-left: 11.075%;
	}
}

@media screen and (max-width: 1440px) {
	.pc .topical-header-nav,.swiper-container-scene-top,.topical-content .desc ,.topical-content .topical-content-text {
		/* width: 76.541%; */
		width: 81.85%;
	}

	.back {
		margin-left: 9.075%;
	}
}

@media screen and (max-width: 1366px) {
	html {
		font-size: 85px;
	}

	.pc .topical-header-nav,.swiper-container-scene-top,.topical-content .desc ,.topical-content .topical-content-text {
	/* width: 80.541%; */
		width: 85.85%;
	}

	.back {
		margin-left: 7.075%;
	}
}

@media screen and (max-width:750px) {
	html {
		font-size: 13.33vw;
	}
}