/* PC */
[v-cloak] {
      display: none;
    }
@media (min-width:1400px) {
	.homeIframe{
		width: 100%;
		vertical-align:bottom;
	}
	.mainBox{
		width: 1400px;
		margin: 0 auto;
	}
	.bannerBox{
		width: 100%;
	}
	.bannerTop{
		width: 100%;
		height: 500px;
		border-radius: 10px;
		cursor: pointer;
	}
	.bannerTop img{
		width: 100%;
		height: 100%;
	}
	.smallbtnshow{
		display: none;
	}
	.bannerBottom{
		width: 100%;
		height: 180px;
		margin-top: 50px;
	}
	.bannerBottom >div{
		float: left;
		border-radius: 10px;
		cursor: pointer;
	}
	.bannerBottom >div:nth-child(1){
		background: #3481F8;
	}
	.bannerBottom >div:nth-child(2){
		margin-left: 25px;
		background: #F86F3B;
	}
	.bannerBottom >div:nth-child(3){
		margin-left: 25px;
		background: #89CA4E;
	}
	.bannerChannel{
		width: 450px;
		height: 180px;
		color: #FFFFFF;
		display: flex;
		display: -webkit-flex;
	}
	.channelLeft{
		width: 350px;
		height: 100%;
	}
	.channelLeft >p{
		padding-left: 40px;
	}
	.channelLeft >p:nth-child(1){
		margin-top: 40px;
		font-size: 30px;
		font-family: Microsoft YaHei;
		font-weight: bold;
		line-height: 50px;
	}
	.channelLeft >p:nth-child(2){
		margin-top: 10px;
		font-size: 16px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		line-height: 20px;
	}
	.channelRight{
		width: 100px;
		height: 100%;
		line-height: 180px;
	}
	.channelRight img{
		width: 68px;
		height: 68px;
	}
	.videosmall{
		display: none;
	}
	.videoBox{
		width: 100%;
		height: 530px;
		margin-top: 20px;
	}
	.videoBox img{
		width: 100%;
		height: 100%;
	}
	.videoBoxLeft{
		float: left;
		width: 940px;
		height: 100%;
		border-radius: 10px;
		cursor: pointer;
	}
	.videoBoxRight{
		float: left;
		width: 440px;
		height: 100%;
		margin-left: 20px;
	}
	.videoBoxRightTop{
		width: 100%;
		height: 248px;
		border-radius: 10px;
		cursor: pointer;
	}
	.videoBoxRightBottom{
		width: 100%;
		height: 248px;
		margin-top: 34px;
		border-radius: 10px;
		cursor: pointer;
	}
	.videoTitle{
		position: relative;
		bottom: 50px;
		width: 100%;
		height: 50px;
		text-indent: 10px;
		border-radius: 0 0 10px 10px;
		line-height: 50px;
		background: rgba(48, 98, 169, .6);
		font-size: 18px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #FFFFFF;
		display: inline-block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow:ellipsis;
	}
	.exhibitions{
		width: 100%;
		height: 650px;
		margin-top: 20px;
		border-radius: 10px;
		background: url(../img/365zhan.png) no-repeat;
		background-size: 100% 100%;
		display: flex;
		display: -webkit-flex;
		flex-direction: column;
		align-items: stretch;
	}
	.exhibitionsTitle{
		width: 556px;
		height: 58px;
		margin-left: 92px;
		margin-top: 206px;
		font-size: 60px;
		font-family: Source Han Sans CN;
		font-weight: bold;
		color: #001456;
		line-height: 58px;
	}
	.exhibitionsContent{
		width: 327px;
		height: 30px;
		margin-left: 92px;
		margin-top: 43px;
		font-size: 30px;
		font-family: Microsoft YaHei;
		font-weight: bold;
		color: #001456;
		line-height: 30px;
	}
	.exhibitionsBtn{
		width: 180px;
		height: 50px;
		margin-left: 92px;
		margin-top: 56px;
		background: #FFD800;
		border-radius: 10px;
		color: #FFFFFF;
		line-height: 50px;
		text-align: center;
		font-size: 18px;
		font-weight: 700;
		cursor: pointer;
	}
	.middleshow,.smallshow{
		display: none !important;
	}
	.pdfBox{
		width: 100%;
		height: 360px;
		margin-top: 20px;
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.pdfInfo{
		position: relative;
		width: 210px;
		height: 360px;
	}
	.pdfInfo img{
		width: 210px;
		height: 300px;
		cursor: pointer;
	}
	.pdfInfo p{
		width: 94%;
		margin-top: 8px;
		text-align: justify;
		margin-left: 3%;
		font-size: 18px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #222222;
		line-height: 26px;
		word-break:break-all;
		display:-webkit-box;
		-webkit-line-clamp:2;
		-webkit-box-orient:vertical;
		overflow:hidden;
		cursor: pointer;
	}
	.productAndService{
		width: 100%;
		height: 520px;
		margin-top: 20px;
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.productsmall{
		display: none;
	}
	.productInfo{
		width: 320px;
		height: 520px;
		background: #FFFFFF;
		box-shadow: 0px 3px 11px 1px rgba(0, 0, 0, 0.08);
		border-radius: 10px;
		cursor: pointer;
	}
	.productInfoTop{
		width: 100%;
		height: 260px;
	}
	.productInfoBootom{
		width: 100%;
		height: 260px;
	}
	.productInfoTop img{
		width: 100%;
		height: 100%;
	}
	.servesType{
		width: 100%;
		height: 140px;
		margin-top: 35px;
	}
	.servesTypeLeftone{
		float: left;
		width: 107px;
		height: 100%;
		background: rgba(255,192,0,0.2);
	}
	.servesTypeLeftone span{
		margin-left: 60px;
		margin-bottom: 20px;
		font-size: 84px;
		font-family: Microsoft YaHei;
		font-weight: bold;
		color: #FFC000;
		line-height: 115px;
	}
	.servesTypeLefttwo{
		float: left;
		width: 107px;
		height: 100%;
		background: rgba(52,129,248,0.2);
	}
	.servesTypeLefttwo span{
		margin-left: 60px;
		margin-bottom: 20px;
		font-size: 84px;
		font-family: Microsoft YaHei;
		font-weight: bold;
		color: #3481F8;
		line-height: 115px;
	}
	.servesTypeLeftthree{
		float: left;
		width: 107px;
		height: 100%;
		background: rgba(248, 111, 59,0.3);
	}
	.servesTypeLeftthree span{
		margin-left: 60px;
		margin-bottom: 20px;
		font-size: 84px;
		font-family: Microsoft YaHei;
		font-weight: bold;
		color: #F86F3B;
		line-height: 115px;
	}
	.servesTypeLeftfour{
		float: left;
		width: 107px;
		height: 100%;
		background: rgba(137, 202, 78,0.3);
	}
	.servesTypeLeftfour span{
		margin-left: 60px;
		margin-bottom: 20px;
		font-size: 84px;
		font-family: Microsoft YaHei;
		font-weight: bold;
		color: #89CA4E;
		line-height: 115px;
	}

	.serverType-name{
		display: inline;
		height: auto;
		width: auto;
		float: right;
		margin-right:5px ;
	}
	.servesTypeRight{
		width: 40%;
		float: right;
		margin-right: 40px;
		font-size: 16px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #989999;
	}
	.servesTypeRight li{
		background: url(../img/dot.png) no-repeat left;
		background-size: 6px 6px;
		line-height: 36px;
		text-indent: 20px;
		width: 100%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.moreServes{
		width: 100%;
		height: 20px;
		line-height: 20px;
		margin-top: 50px;
		font-size: 18px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #3062A9;
		text-align: center;
		text-indent: 35px;
	}
	.smallpartner{
		display: none;
	}
	.partnerBox{
		margin-top: 20px;
		width: 1400px;
	}
	.partnerInfo{
		float: left;
		width: 210px;
		height: 160px;
		margin-left: 28px;
		cursor: pointer;
	}
	.partnerInfo:nth-child(6n + 1){
		margin-left: 0;
	}
	.partnerInfo img{
		width: 210px;
		height: 120px;
		border-radius: 10px;
		border: 1px solid #eef3ff;
	}
	.partnerName{
		width: 100%;
		height: 40px;
		line-height: 40px;
		text-align: center;
		font-size: 16px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #222222;
	}
	.swiperHome{
		/* float: right; */
		width: 1400px;
		height: 100%;
		cursor: pointer;
	}
	.swiperOne{
		width: 100%;
		height: auto;
		/* background: #99CCFF; */
		border-radius: 10px;
		overflow: hidden;
	}
	.change-but{
		width: 1400px;
		height: 110px;
		line-height: 110px;
		text-align: center;
	}
	.chang-item{
		width: 120px;
		height: 40px;
		margin: 0px 20px;
		border-radius: 5px;
		line-height: 40px;
		text-align: center;
		padding: 0px 10px;
		background-color: #F2F2F2;
		display: inline-block;
		cursor: pointer;
	}
	.backbut{
		background-color:#3062A9;
		color: #FFFFFF;
	}
	.videoPlay{
		margin: 0 auto;
		position: relative;
		bottom: 45%;
		transform: translateY(-150%);
		width: 10%;
		height:18%;
		background: url(../img/videoplay.png) no-repeat;
		background-size: 100% 100%;
	}
	.videoPlay1{
		margin: 0 auto;
		position: relative;
		bottom:55%;
		transform: translateY(-150%);
		width: 10%;
		height:18%;
		background: url(../img/videoplay.png) no-repeat;
		background-size: 100% 100%;
	}
	.videoPlay2{
		margin: 0 auto;
		position: relative;
		bottom: 55%;
		transform: translateY(-150%);
		width: 10%;
		height:18%;
		background: url(../img/videoplay.png) no-repeat;
		background-size: 100% 100%;
	}
}
/* 中屏 */
@media (min-width:1000px) and (max-width:1399px) {
	.homeIframe{
		width: 100%;
		vertical-align:bottom;
	}
	.mainBox{
		width: 1000px;
		margin: 0 auto;
	}
	.bannerBox{
		width: 100%;
	}
	.bannerTop{
		width: 100%;
		border-radius: 10px;
		height: 357.14px;
		cursor: pointer;
	}
	.bannerTop img{
		width: 100%;
		height: 100%;
	}
	.smallbtnshow{
		display: none;
	}
	.bannerBottom{
		width: 100%;
		height: 180px;
		margin-top: 50px;
	}
	.bannerBottom >div{
		float: left;
		border-radius: 10px;
		cursor: pointer;
	}
	.bannerBottom >div:nth-child(1){
		background: #FD9B3C;
	}
	.bannerBottom >div:nth-child(2){
		margin-left: 20px;
		background: #186ADE;
	}
	.bannerBottom >div:nth-child(3){
		margin-left: 20px;
		background: #33BABC;
	}
	.bannerChannel{
		width: 320px;
		height: 180px;
		color: #FFFFFF;
		display: flex;
		display: -webkit-flex;
	}
	.channelLeft{
		height: 100%;
	}
	.channelLeft >p{
		padding-left: 30px;
		padding-right: 10px;
	}
	.channelLeft >p:nth-child(1){
		margin-top: 30px;
		font-size: 22px;
		font-family: Microsoft YaHei;
		font-weight: bold;
		line-height: 50px;
	}
	.channelLeft >p:nth-child(2){
		margin-top: 20px;
		font-size: 16px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		line-height: 20px;
	}
	.channelRight{
		width: 100px;
		height: 100%;
		line-height: 180px;
	}
	.channelRight img{
		width: 68px;
		height: 68px;
	}
	.videosmall{
		display: none;
	}
	.videoBox{
		width: 100%;
		height: 380px;
		margin-top: 20px;
	}
	.videoBox img{
		width: 100%;
		height: 100%;
	}
	.videoBoxLeft{
		float: left;
		width: 675px;
		height: 100%;
		border-radius: 10px;
		cursor: pointer;
	}
	.videoBoxRight{
		float: left;
		width: 300px;
		height: 100%;
		margin-left: 25px;
	}
	/* .videoBoxRight > .videoPlay{
		bottom:50%;
	} */
	.videoBoxRightTop{
		width: 100%;
		height: 170px;
		border-radius: 10px;
		cursor: pointer;
	}
	.videoBoxRightBottom{
		width: 100%;
		height: 170px;
		margin-top: 40px;
		border-radius: 10px;
		cursor: pointer;
	}
	.videoTitle{
		position: relative;
		bottom: 50px;
		width: 100%;
		height: 50px;
		text-indent: 10px;
		border-radius: 0 0 10px 10px;
		line-height: 50px;
		background: rgba(48, 98, 169, .6);
		font-size: 18px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #FFFFFF;
		display: inline-block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow:ellipsis;
	}
	.exhibitions{
		width: 100%;
		height: 465px;
		margin-top: 20px;
		border-radius: 10px;
		background: url(../img/365zhan.png) no-repeat;
		background-size: 100% 100%;
		display: flex;
		display: -webkit-flex;
		flex-direction: column;
		align-items: stretch;
	}
	.exhibitionsTitle{
		width: 556px;
		height: 58px;
		margin-left: 92px;
		margin-top: 100px;
		font-size: 42px;
		font-family: Source Han Sans CN;
		font-weight: bold;
		color: #001456;
		line-height: 58px;
	}
	.exhibitionsContent{
		width: 327px;
		height: 30px;
		margin-left: 92px;
		margin-top: 43px;
		font-size: 20px;
		font-family: Microsoft YaHei;
		font-weight: bold;
		color: #001456;
		line-height: 30px;
	}
	.exhibitionsBtn{
		width: 130px;
		height: 35px;
		margin-left: 92px;
		margin-top: 56px;
		background: #FFD800;
		border-radius: 10px;
		color: #FFFFFF;
		line-height: 35px;
		text-align: center;
		font-size: 16px;
		font-weight: 700;
		cursor: pointer;
	}
	.bigshow,.smallshow{
		display: none !important;
	}
	.pdfBox{
		width: 100%;
		height: 360px;
		margin-top: 20px;
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.pdfInfo{
		position: relative;
		width: 180px;
		height: 258px;
	}
	.pdfInfo img{
		width: 180px;
		height: 258px;
		/* border-radius: 10px; */
		cursor: pointer;
	}
	.pdfInfo p{
		width: 94%;
		margin-top: 8px;
		text-align: justify;
		margin-left: 3%;
		font-size: 18px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #222222;
		line-height: 26px;
		word-break:break-all;
		display:-webkit-box;
		-webkit-line-clamp:2;
		-webkit-box-orient:vertical;
		overflow:hidden;
		cursor: pointer;
	}
	.productAndService{
		width: 100%;
		height: 520px;
		margin-top: 20px;
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.productsmall{
		display: none;
	}
	.productInfo{
		width: 230px;
		height: 374px;
		background: #FFFFFF;
		box-shadow: 0px 3px 11px 1px rgba(0, 0, 0, 0.08);
		border-radius: 10px;
		cursor: pointer;
	}
	.productInfoTop{
		width: 100%;
		height: 185px;
	}
	.productInfoBootom{
		width: 100%;
		height: 260px;
	}
	.productInfoTop img{
		width: 100%;
		height: 100%;
	}
	.servesType{
		width: 100%;
		height: 187px;
		margin-top: 26px;
	}
	.servesTypeLeftone{
		float: left;
		width: 76px;
		height: 72%;
		background: rgba(255,192,0,0.2);
	}
	.servesTypeLeftone span{
		margin-left: 30px;
		line-height: 110px;
		font-size: 84px;
		font-family: Microsoft YaHei;
		font-weight: bold;
		color: #FFC000;
		line-height: 115px;
	}
	.servesTypeLefttwo{
		float: left;
		width: 76px;
		height: 72%;
		background: rgba(52,129,248,0.2);
	}
	.servesTypeLefttwo span{
		margin-left: 30px;
		line-height: 110px;
		font-size: 84px;
		font-family: Microsoft YaHei;
		font-weight: bold;
		color: #3481F8;
		line-height: 115px;
	}
	.servesTypeLeftthree{
		float: left;
		width: 76px;
		height: 72%;
		background: rgba(248, 111, 59,0.3);
	}
	.servesTypeLeftthree span{
		margin-left: 30px;
		line-height: 110px;
		font-size: 84px;
		font-family: Microsoft YaHei;
		font-weight: bold;
		color: #F86F3B;
		line-height: 115px;
	}
	.servesTypeLeftfour{
		float: left;
		width: 76px;
		height: 72%;
		background: rgba(137, 202, 78,0.3);
	}
	.servesTypeLeftfour span{
		margin-left: 30px;
		line-height: 110px;
		font-size: 84px;
		font-family: Microsoft YaHei;
		font-weight: bold;
		color: #89CA4E;
		line-height: 115px;
	}
	.serverType-name{
		display: inline;
		height: auto;
		width: auto;
		float: right;
		margin-right:5px ;
	}
	.servesTypeRight{
		float: right;
		width: 40%;
		margin-right: 10px;
		font-size: 16px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #989999;
	}
	.servesTypeRight li{
		background: url(../img/dot.png) no-repeat left;
		background-size: 6px 6px;
		line-height: 36px;
		text-indent: 20px;
		width: 100%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.moreServes{
		width: 100%;
		height: 20px;
		line-height: 20px;
		margin-top: 20px;
		font-size: 18px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #3062A9;
		text-align: center;
		text-indent: 35px;
	}
	.smallpartner{
		display: none;
	}
	.partnerBox{
		margin-top: 20px;
		width: 1000px;
	}
	.partnerInfo{
		float: left;
		width: 180px;
		height: 160px;
		margin-left: 24px;
		cursor: pointer;
	}
	.partnerInfo:nth-child(5n + 1){
		margin-left: 0;
	}
	.partnerInfo img{
		width: 180px;
		height: 103px;
		border-radius: 10px;
		border: 1px solid #eef3ff;
	}
	.partnerName{
		width: 100%;
		height: 40px;
		line-height: 40px;
		text-align: center;
		font-size: 16px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #222222;
	}
	.swiperHome{
		/* float: right; */
		width: 1000px;
		height: 100%;
		cursor: pointer;
	}
	.change-but{
		width: 1000px;
		height: 110px;
		line-height: 110px;
		text-align: center;
	}
	.chang-item{
		width: 120px;
		height: 40px;
		margin: 0px 20px;
		border-radius: 5px;
		line-height: 40px;
		text-align: center;
		padding: 0px 10px;
		background-color: #F2F2F2;
		display: inline-block;
		cursor: pointer;
	}
	.backbut{
		background-color:#3062A9;
		color: #FFFFFF;
	}
	.videoPlay{
		margin: 0 auto;
		position: relative;
		bottom: 45%;
		transform: translateY(-150%);
		width: 10%;
		height:18%;
		background: url(../img/videoplay.png) no-repeat;
		background-size: 100% 100%;
	}
	.videoPlay1{
		margin: 0 auto;
		position: relative;
		bottom: 65%;
		transform: translateY(-150%);
		width: 10%;
		height:18%;
		background: url(../img/videoplay.png) no-repeat;
		background-size: 100% 100%;
	}
	.videoPlay2{
		margin: 0 auto;
		position: relative;
		bottom: 65%;
		transform: translateY(-150%);
		width: 10%;
		height:18%;
		background: url(../img/videoplay.png) no-repeat;
		background-size: 100% 100%;
	}
}
/* 移动 */
@media (max-width:999px) {
	.homeIframe{
		width: 1400px;
		vertical-align:bottom;
	}
	.mainBox{
		width: 1400px;
		margin: 0 auto;
	}
	.bannerBox{
		width: 100%;
	}
	.bannerTop{
		width: 100%;
		height: 500px;
		border-radius: 10px;
		cursor: pointer;
	}
	.bannerTop img{
		width: 100%;
		height: 100%;
	}
	.smallbtnshow{
		display: none;
	}
	.bannerBottom{
		width: 100%;
		height: 180px;
		margin-top: 50px;
	}
	.bannerBottom >div{
		float: left;
		border-radius: 10px;
		cursor: pointer;
	}
	.bannerBottom >div:nth-child(1){
		background: #3481F8;
	}
	.bannerBottom >div:nth-child(2){
		margin-left: 25px;
		background: #F86F3B;
	}
	.bannerBottom >div:nth-child(3){
		margin-left: 25px;
		background: #89CA4E;
	}
	.bannerChannel{
		width: 450px;
		height: 180px;
		color: #FFFFFF;
		display: flex;
		display: -webkit-flex;
	}
	.channelLeft{
		width: 350px;
		height: 100%;
	}
	.channelLeft >p{
		padding-left: 40px;
	}
	.channelLeft >p:nth-child(1){
		margin-top: 40px;
		font-size: 30px;
		font-family: Microsoft YaHei;
		font-weight: bold;
		line-height: 50px;
	}
	.channelLeft >p:nth-child(2){
		margin-top: 10px;
		font-size: 16px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		line-height: 20px;
	}
	.channelRight{
		width: 100px;
		height: 100%;
		line-height: 180px;
	}
	.channelRight img{
		width: 68px;
		height: 68px;
	}
	.videosmall{
		display: none;
	}
	.videoBox{
		width: 100%;
		height: 530px;
		margin-top: 20px;
	}
	.videoBox img{
		width: 100%;
		height: 100%;
	}
	.videoBoxLeft{
		float: left;
		width: 940px;
		height: 100%;
		border-radius: 10px;
		cursor: pointer;
	}
	.videoBoxRight{
		float: left;
		width: 440px;
		height: 100%;
		margin-left: 20px;
	}
	.videoBoxRightTop{
		width: 100%;
		height: 248px;
		border-radius: 10px;
		cursor: pointer;
	}
	.videoBoxRightBottom{
		width: 100%;
		height: 248px;
		margin-top: 34px;
		border-radius: 10px;
		cursor: pointer;
	}
	.videoTitle{
		position: relative;
		bottom: 50px;
		width: 100%;
		height: 50px;
		text-indent: 10px;
		border-radius: 0 0 10px 10px;
		line-height: 50px;
		background: rgba(48, 98, 169, .6);
		font-size: 18px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #FFFFFF;
		display: inline-block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow:ellipsis;
	}
	.exhibitions{
		width: 100%;
		height: 650px;
		margin-top: 20px;
		border-radius: 10px;
		background: url(../img/365zhan.png) no-repeat;
		background-size: 100% 100%;
		display: flex;
		display: -webkit-flex;
		flex-direction: column;
		align-items: stretch;
	}
	.exhibitionsTitle{
		width: 556px;
		height: 58px;
		margin-left: 92px;
		margin-top: 206px;
		font-size: 60px;
		font-family: Source Han Sans CN;
		font-weight: bold;
		color: #001456;
		line-height: 58px;
	}
	.exhibitionsContent{
		width: 327px;
		height: 30px;
		margin-left: 92px;
		margin-top: 43px;
		font-size: 30px;
		font-family: Microsoft YaHei;
		font-weight: bold;
		color: #001456;
		line-height: 30px;
	}
	.exhibitionsBtn{
		width: 180px;
		height: 50px;
		margin-left: 92px;
		margin-top: 56px;
		background: #FFD800;
		border-radius: 10px;
		color: #FFFFFF;
		line-height: 50px;
		text-align: center;
		font-size: 18px;
		font-weight: 700;
		cursor: pointer;
	}
	.middleshow,.smallshow{
		display: none !important;
	}
	.pdfBox{
		width: 100%;
		height: 360px;
		margin-top: 20px;
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.pdfInfo{
		position: relative;
		width: 210px;
		height: 360px;
	}
	.pdfInfo img{
		width: 210px;
		height: 300px;
		cursor: pointer;
	}
	.pdfInfo p{
		width: 94%;
		margin-top: 8px;
		text-align: justify;
		margin-left: 3%;
		font-size: 18px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #222222;
		line-height: 26px;
		word-break:break-all;
		display:-webkit-box;
		-webkit-line-clamp:2;
		-webkit-box-orient:vertical;
		overflow:hidden;
		cursor: pointer;
	}
	.productAndService{
		width: 100%;
		height: 520px;
		margin-top: 20px;
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.productsmall{
		display: none;
	}
	.productInfo{
		width: 320px;
		height: 520px;
		background: #FFFFFF;
		box-shadow: 0px 3px 11px 1px rgba(0, 0, 0, 0.08);
		border-radius: 10px;
		cursor: pointer;
	}
	.productInfoTop{
		width: 100%;
		height: 260px;
	}
	.productInfoBootom{
		width: 100%;
		height: 260px;
	}
	.productInfoTop img{
		width: 100%;
		height: 100%;
	}
	.servesType{
		width: 100%;
		height: 140px;
		margin-top: 35px;
	}
	.servesTypeLeftone{
		float: left;
		width: 107px;
		height: 100%;
		background: rgba(255,192,0,0.2);
	}
	.servesTypeLeftone span{
		margin-left: 60px;
		margin-bottom: 20px;
		font-size: 84px;
		font-family: Microsoft YaHei;
		font-weight: bold;
		color: #FFC000;
		line-height: 115px;
	}
	.servesTypeLefttwo{
		float: left;
		width: 107px;
		height: 100%;
		background: rgba(52,129,248,0.2);
	}
	.servesTypeLefttwo span{
		margin-left: 60px;
		margin-bottom: 20px;
		font-size: 84px;
		font-family: Microsoft YaHei;
		font-weight: bold;
		color: #3481F8;
		line-height: 115px;
	}
	.servesTypeLeftthree{
		float: left;
		width: 107px;
		height: 100%;
		background: rgba(248, 111, 59,0.3);
	}
	.servesTypeLeftthree span{
		margin-left: 60px;
		margin-bottom: 20px;
		font-size: 84px;
		font-family: Microsoft YaHei;
		font-weight: bold;
		color: #F86F3B;
		line-height: 115px;
	}
	.servesTypeLeftfour{
		float: left;
		width: 107px;
		height: 100%;
		background: rgba(137, 202, 78,0.3);
	}
	.servesTypeLeftfour span{
		margin-left: 60px;
		margin-bottom: 20px;
		font-size: 84px;
		font-family: Microsoft YaHei;
		font-weight: bold;
		color: #89CA4E;
		line-height: 115px;
	}

	.serverType-name{
		display: inline;
		height: auto;
		width: auto;
		float: right;
		margin-right:5px ;
	}
	.servesTypeRight{
		width: 40%;
		float: right;
		margin-right: 40px;
		font-size: 16px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #989999;
	}
	.servesTypeRight li{
		background: url(../img/dot.png) no-repeat left;
		background-size: 6px 6px;
		line-height: 36px;
		text-indent: 20px;
		width: 100%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.moreServes{
		width: 100%;
		height: 20px;
		line-height: 20px;
		margin-top: 50px;
		font-size: 18px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #3062A9;
		text-align: center;
		text-indent: 35px;
	}
	.smallpartner{
		display: none;
	}
	.partnerBox{
		margin-top: 20px;
		width: 1400px;
	}
	.partnerInfo{
		float: left;
		width: 210px;
		height: 160px;
		margin-left: 28px;
		cursor: pointer;
	}
	.partnerInfo:nth-child(6n + 1){
		margin-left: 0;
	}
	.partnerInfo img{
		width: 210px;
		height: 120px;
		border-radius: 10px;
		border: 1px solid #eef3ff;
	}
	.partnerName{
		width: 100%;
		height: 40px;
		line-height: 40px;
		text-align: center;
		font-size: 16px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #222222;
	}
	.swiperHome{
		/* float: right; */
		width: 1400px;
		height: 100%;
		cursor: pointer;
	}
	.swiperOne{
		width: 100%;
		height: auto;
		/* background: #99CCFF; */
		border-radius: 10px;
		overflow: hidden;
	}
	.change-but{
		width: 1400px;
		height: 110px;
		line-height: 110px;
		text-align: center;
	}
	.chang-item{
		width: 120px;
		height: 40px;
		margin: 0px 20px;
		border-radius: 5px;
		line-height: 40px;
		text-align: center;
		padding: 0px 10px;
		background-color: #F2F2F2;
		display: inline-block;
		cursor: pointer;
	}
	.backbut{
		background-color:#3062A9;
		color: #FFFFFF;
	}
	.videoPlay{
		margin: 0 auto;
		position: relative;
		bottom: 45%;
		transform: translateY(-150%);
		width: 10%;
		height:18%;
		background: url(../img/videoplay.png) no-repeat;
		background-size: 100% 100%;
	}
	.videoPlay1{
		margin: 0 auto;
		position: relative;
		bottom:55%;
		transform: translateY(-150%);
		width: 10%;
		height:18%;
		background: url(../img/videoplay.png) no-repeat;
		background-size: 100% 100%;
	}
	.videoPlay2{
		margin: 0 auto;
		position: relative;
		bottom: 55%;
		transform: translateY(-150%);
		width: 10%;
		height:18%;
		background: url(../img/videoplay.png) no-repeat;
		background-size: 100% 100%;
	}
}