.banner {
	width   : 1400px;
	margin  : 132px auto 82px;
	position: relative;
}

.tabjiaohuan {
	width     : 73px;
	height    : 189px;
	/*background: url(./tab.png) no-repeat;*/
	position  : absolute;
	right     : -73px;
	cursor    : pointer;
	z-index   : 2;
	transition: 1.3s;

}

.waice {
	/* 3D变形 */
	transform-style    : preserve-3d;
	-webkit-perspective: 1000;
	-moz-perspective   : 1000;
	-ms-perspective    : 1000;
	perspective        : 1000;
}

/* .waice:hover .tabjiaohuan {
	transform: rotateY(180deg);
} */

.tabjiaohuan p{
	position: absolute;
	left: 0;
	top:0;
	font-size: 14px;
	color: #004bc6;
	padding: 65px 0 0 0;
}
.tabjiaohuan p span{
	display: block;
	width: 45px;
	text-align: center;	
	line-height: 14px;
}
.tabjiaohuan p span.span1{
	border-bottom: 1px solid #78a681;
	padding-bottom: 2px;
	margin-bottom: 2px;
}
.banner .bd {
	height    : 100%;
	overflow  : hidden;
	box-shadow: 0px 0px 16px 0px rgba(72, 72, 72, 0.55);
}

.banner .bd img {
	width: 100%;
}

.banner .hd {
	width      : 61%;
	margin-top : -2.5%;
	margin-left: 20%;
}

.banner .hd ul {
	width   : 100%;
	height  : 88px;
	position: relative;
}

.banner .hd li {
	height          : 100%;
	float           : left;
	background-color: #bcdfff;
	width           : 7.28%;
	position        : relative;
	cursor          : pointer;
	box-shadow      : 0px 0px 18px 0px rgba(10, 2, 4, 0.54);

}

.banner .hd li.li1 {
	z-index: 5;
}

.banner .hd li.li2 {
	z-index: 4;
}

.banner .hd li.li3 {
	z-index: 3;
}

.banner .hd li.li4 {
	z-index: 2;
}

.banner .hd li.on {
	width           : 46.84%;
	background-color: #0f72ca;

}

.banner .hd li .text {
	width      : calc(100% - 88px);
	height     : 90%;
	overflow   : hidden;
	margin-left: 88px;
	position   : relative;
	z-index    : 10;
	padding-top: 15px;
}

.banner .hd li .text.notLeft {
	margin-left: 0;
}

.banner .hd li .text p {

	font-size  : 18px;
	line-height: 30px;
	color      : #3073b1;
	text-align: center;
}

.banner .hd li.on .text {
	width      : 100%;
	margin-left: 0;
	margin     : auto;
}

.banner .hd li.on .text p {
	color: #fff;
}

.banner .hd li.nextwidth {
	width: 38.6%;
}

.banner .hd li .right_sj {
	height          : 100%;
	width           : 88px;
	position        : absolute;
	right           : -44px;
	top             : 0;
	background-color: #bcdfff;
	transform       : (45deg);
	transform       : skewX(-45deg);

	box-shadow      : 10px 0px 9px -3px rgb(113 112 112 / 30%);
	border-right    : 1px solid #87b8e6;

}

.left_sj {
	height          : 100%;
	width           : 88px;
	position        : absolute;
	left            : -44px;
	top             : 0;
	background-color: #bcdfff;
	transform       : (45deg);
	transform       : skewX(45deg);
	box-shadow      : -10px 0px 9px -3px rgb(113 112 112 / 30%);
	border-left     : 1px solid #87b8e6;
}

.banner .hd li.on .right_sj,
.banner .hd li.on .left_sj {
	background-color: #0f72ca;
}

.li_next .left_sj {
	display: none;
}

.li_next .right_sj {
	display: block;
}

.li_prve .left_sj {
	display: block;
}

.li_prve .right_sj {
	display: none;
}

.on .right_sj {
	display: block;
}

.on .left_sj {
	display: block
}

.wangqihg {
	background  : url(./wqhg_bg.png) no-repeat;
	width       : 251px;
	height      : 37px;
	text-align  : center;
	float       : right;
	margin-right: 5px;
	background-size: 100% 100%;
	transition: all .4s;
}
.wangqihg:hover{
}
.wangqihg:hover span{
	padding: 0 10px;
	font-size: 14px;
}
.wangqihg label {
	width           : 28px;
	height          : 4px;
	background-color: #fbfdff;
	display         : inline-block;
}

.wangqihg span {
	font-size     : 12px;
	font-weight   : normal;
	font-stretch  : normal;
	line-height   : 37px;
	letter-spacing: 0px;
	color         : #fbfdff;
	padding       : 0 5px;
	transition: all .4s;
}

.ph_banner{
	height: 4.5rem;
	width: 95%;
	margin: 1.4rem auto 0;
	display: none;
}
.ph_banner .swiper-container {
	width: 100%;
	height: 3.5rem;
}

.ph_banner .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height: 100%;
	position: relative;
}
.ph_banner img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ph_banner .swiper-slide .text{
	display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color:rgb(134 132 132 / 50%);
    padding: .1rem .2rem;
}
.ph_banner .swiper-slide .text p{
	font-size: .28rem;
    color: #fbfdff;
    text-align: left;
    line-height: 1.5;
    white-space: nowrap;
	text-overflow: ellipsis;
	text-shadow: 1px 1px 0px #000;
	overflow: hidden;
}
.swiper-pagination{
	text-align: right;
}
.swiper-pagination-bullet{
	background-color: #fff;
	opacity: 1;
}
.swiper-pagination-bullet-active{
	background-color: #0e73ca;
}
.phslide_main{
	width: 90%;
	margin:-.5rem auto 0;
	z-index: 1;
	height: 1rem;
	position: relative;
}
.phslide_main .text{
	font-size: .26rem;
	background-color: #0e73ca;
	width: 60%;
	height: 100%;
	float: left;
}
.phslide_main .ph_wqhg{
	width: 40%;
	background-color: #bbe0fe;
	height: 100%;
	float: left;
	text-align: center;
}
.phslide_main .ph_wqhg a{
	display: block;
	font-size: .24rem;
	color: #fbfdff;
}
@media screen and (max-width: 1400px) {
	.banner {
		width: 82%;
	}

	.banner .hd li .text p {
		font-size  : 14px;
		line-height: 25px;
	}

	.banner .hd ul {
		height: 78px;
	}

}
@media screen and (max-width: 1200px){
	.banner .hd li .text p{
		font-size: 12px;
		line-height: 25px;
	}
}
@media screen and (max-width: 1023px){
	.pc_banner{
		display: none;
	}
	.ph_banner{
		display: block;
	}
	.wangqihg label{
		background-color: #005bac;
	}
	.wangqihg {
		width: auto;
		background: none;
		float: inherit;
		text-align: center;
		margin-right: 0;
		/* margin-top: -.3rem; */
	}
	.wangqihg span{
		color: #0f72ca;
		line-height: 50px;
		display: inline-block;
	}
}