.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;
	text-align: center;
	padding: .25rem 0 .34rem;
}
.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
}
.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>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 .solution-nav-item,
.pc .topical-nav-box .topical-header-nav>li:hover .solution-nav-item {
	color: #FFFFFF
}

.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: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}
/* 手机端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 .banner-box {
	padding-top: 0;
	height:3.6rem;
}

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

/* 手机端解决方案分类 */
.phone .topical-nav-box {
	margin-top: 0;
	padding-top: .4rem;
  overflow:hidden
}
.phone .topical-header-nav{white-space: nowrap;
border-bottom: 1px solid #ccc;
font-size: 0;
width:auto;
}
.phone .topical-header-nav>li {
  width:4.5rem;
  margin:0;
	height: .77rem;
	font-size: .34rem;
  line-height: .77rem;
  padding: 0;
  background: transparent;
  border: 0;
}
.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{color:#2B60B5}
.phone .topical-header-nav>li.active .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 .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.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;}

.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;
}

/* 媒体查询 */
@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: 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: 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: 85.85%;
	}
	.back {
		margin-left: 7.075%;
	}
}

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