.nav {
	width: 100%;
	height: .88rem;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
}

.nav .nav-logo {
	width: 3.44rem;
}

.nav .nav-list {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
}

.nav .nav-list li {
	margin-left: .48rem;
	position: relative;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.nav .nav-list li a {
	color: #333333;
	font-size: .16rem;
	font-weight: 500;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.nav-list-sub{
	display: none;
	width: 112px;
	position: absolute;
	top: 65px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1000;
	background:rgba(53,129,254,0.81);
}
/* .nav-list-sub1{
	bottom: -70px;
} */
.nav-list-sub::after{
	content: "";
	width: 10px;
	height: 5px;
	background: url(../image/jt_01.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: -5px;
	left: 50%;
	transform: translateX(-50%);
}
.active a,.nav .nav-list li> a:hover {
	color: #3581FE !important;
}
.nav .nav-list li:hover .nav-list-sub{
	display: block;
}
.nav-list-sub a{
	width: 100%;
	display: block;
	padding: 10px 32px;
	white-space: nowrap;
	color: #fff!important;
	border-bottom: 1px solid #63A3E1;
}
.nav-list-sub a:hover{
	color: #fff!important;
}
.container-fluid{
	padding: 0 ;
}
#page{
      width: 100%;
      height: 80px;
      margin: 50px 0;
    }
.page-to{
	display: none;
}
.color333 {
	color: #333333;
}
.color2A6485{
	color: #3581FE;
}
.color999{
	color: #999;
}
.font-16 {
	/* font-size: .16px; */
}
.font-28{
	font-size: .28rem;
}
.font-14{
	font-size: .14rem;
}
.font-12{
	font-size: .12rem;
}
.font-w-b{
	font-weight: bold;
}
.pad-7-0{
	padding: 0.07rem 0;
}
.pad-b-19{
	padding-bottom: .19rem;
}
.bor-b-1-e6{
	border-bottom: 1px solid #e6e6e6;
}
.box{
	padding: .64rem 0 ;
}
.box_top{
	text-align: center;
}
.box-p{
	position: relative;
}
.box-p::after{
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 2%;
	height: 1px;
	background-color:#C1C1C1;
	content: "";
}
.swiper-box{
	height: 5.6rem;
	margin-top: -0.05rem;
}
.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	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;
}
.swiper-slide img{
	width: 100%;
	object-fit: cover;
}
.swiper-pagination-bullet{
	background: #fff!important;
}
.swiper-pagination-bullet-active{
	background: #3581FE!important;
}
.bot-con a  img{
	transition:all 1s ease-out;
}
.bot-con:hover a  img{
	transform:scale(1.2);
}
.bot-con:hover a  .bot-c-b-c{
	color: #fff!important;
}
.bot-con:hover{
	background: #3581FE;
}
.bot-con{
	overflow: hidden;
}
.ibot-mid{
	width: 100%;
	background: url(../image/bacg.jpg) no-repeat;
	background-size: cover;
}
.ibot-mid-mid{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
/* footer */
	.footer{
		max-width: 65%;
		height: 3.54rem;
		box-sizing: border-box;
		margin: 0 auto;
		/* padding: .4rem 0 .18rem; */
	}
	.fot_t{
		width: 100%;
	}
	.fot_t_t{
		margin-right: .64rem;
	}
	.fot_t_t p{
		white-space: nowrap;
		font-size: .2rem;
		color: #666;
		font-weight: bold;
	}
	.tr_t{
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
	.tr_t th{
		width: 2rem;
		box-sizing: border-box;
		color: #666;
		font-size: .16rem;
		font-weight: 500;
		/* padding: 0 .1rem; */
	}
	.tr_t td{
		width: 2rem;
		box-sizing: border-box;
		color: #999;
		font-size: .14rem;
		font-weight: 500;
	}
	.tr_t td p{
		margin-bottom: .08rem;
	}
	.tr_t td:hover,.tr_t th:hover{
		cursor: pointer;
		color: #3581FE;
	}
	.tr_t1{
		margin-top: .24rem;
	}
	.tr_t2{
		margin-top: .1rem;
	}
	.tr_td_p{
		color: #3581FE;
	}
	.beian{
		width: 100%;
		padding: .19rem 0 ;
		border-top:1px solid  #E6E6E6;
		font-size: .12rem;
		color: #c1c1c1;
		font-weight: 500;
		text-align: center;
		margin-top: .26rem;
	}
	.bot{
		max-width: 65%;
		margin: .56rem auto 0;
	}
	.bot-con{
		width: 3.64rem;
		border: 1px solid #E6E6E6;
	}
	.bot-con a .img-box{
		width: 100%;
		height: 2.04rem;
		overflow: hidden;
	}
	.bot-con a  img{
		width: 100%;
		height: 2.04rem;
		object-fit: cover;
	}
	.bot-c-b{
		width: 100%;
		box-sizing: border-box;
		padding: .16rem .32rem;
	}
	.bot-c-b-c{
		width: 100%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.bot-c-b-b{
		width: 100%;
		padding-top: .25rem;
		color: #999!important;
		font-size: .14rem;
		line-height: .26rem;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	/* 首页中间部分 */
	.ibot-mid{
		padding: .4rem 0;
	}
	.ibot-mid-con{
		max-width: 65%;
		margin:  0 auto .56rem;
	}
	.ibot-mid-mid0{
		width: 1.6rem;
		height: .32rem;
		margin-top: .32rem;
		cursor: pointer;
	}
	.ibot-mid-mid01{
		background: url(../image/ib_m01.png) no-repeat;
		background-size: 100% 100%;
	}
	.ibot-mid-mid011{
		background: url(../image/ib_m11.png) no-repeat;
		background-size: 100% 100%;
	}
	.ibot-mid-mid02{
		background: url(../image/ib_m02.png) no-repeat;
		background-size: 100% 100%;
	}
	.ibot-mid-mid022{
		background: url(../image/ib_m22.png) no-repeat;
		background-size: 100% 100%;
	}
	.ibot-mid-bot{
		max-width: 100%;
		margin:  .32rem auto 0;
	}
	.ibot-mid-box{
		width: 100%;
	}
	.ibot-mid-box > div{
		width: 49%;
	}
	.ibot-mid-box > div  img{
		width: 100%;
		height: 3.65rem;
		object-fit: cover;
		margin-bottom: .24rem;
	}
	.ibot-mid-box-p{
		margin-bottom: .1rem;
		width: 100%;
	}
	.ibot-mid-box-p:nth-child(2){
		color: #222222;
		font-size: .18rem;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.ibot-mid-box-p:nth-child(3){
		color: #999;
		font-size: .12rem;
	}
	.ibot-mid-box-p:last-child{
		color: #666;
		font-size: .14rem;
		line-height: .24rem;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		line-clamp: 3;
		-webkit-box-orient: vertical;
	}
	.ibot-mid-box > div a:hover{
		
	}
	.more{
		width: .86rem;
		height: .32rem;
		line-height: .32rem;
		text-align: center;
		color: #fff;
		background: #3581FE;
		display: block;
	}
	.ibot_mid_li a{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: .4rem;
	}
	
	.ibot_mid_li:last-child a{
		margin-bottom: 0;
	}
	.ibot_mid_li a .ibot_mid_li_d{
		width: 85%;
	}
	.ibot_mid_li a .ibot_mid_li_d  p:first-child{
		width: 100%;
		color: #222222;
		font-size: .18rem;
		margin-bottom: .08rem;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.ibot_mid_li a .ibot_mid_li_d p:last-child{
		width: 100%;
		color: #666666;
		font-size: .12rem;
		line-height: .2rem;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.ibot_mid_li a .ibot_mid_li_p{
		text-align: right;
	}
	.ibot_mid_li a .ibot_mid_li_p p:first-child{
		color: #666666;
		font-size: .24rem;
		font-weight: 500;
	}
	.ibot_mid_li a .ibot_mid_li_p p:last-child{
		color: #999999;
		font-size: .12rem;
		font-weight: 500;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.ibot_mid_li a:hover p,.ibot-mid-box-t a:hover p{
		color: #3581FE!important;
	}
	.ibot_img{
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		flex-wrap: wrap;
		max-width: 65%;
		margin: .56rem auto 0;
	}
	.ibot_img .img-box{
		width: 3.64rem;
		height: 2.4rem;
		margin-right: .48rem;
		margin-bottom: .32rem;
		overflow: hidden;
	}
	.ibot_img .img-box:nth-child(3n){
		margin-right: 0;
	}
	.ibot_img .img-box img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition:all 1s ease-out;
	}
	.ibot_img .img-box:hover img{
		transform:scale(1.2);
		cursor: pointer;
	}
	.sub_box{
		width: 0;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 999;
		height: 100vh;
	}
	.sub_show{
		width: 100%;
		height: 100%;
	}
	.sub_nav{
		display: none;
		position: absolute;
		top: 0;
		right: 0;
		width: 50%;
		height: 100%;
		background:rgba(42,100,133,0.81);
	}
	.sub_nav li a{
		width: 100%;
		display: inline-block;
		text-align: left;
		color: #fff;
		padding: 14px 0  14px 32px;
		position: relative;
		box-sizing: border-box;
		font-size: 12px;
	}
	/* .sub_nav li a::after{
		content: '';
		position: absolute;
		left: 55%;
		top: 50%;
		transform: translateY(-50%);
		width: 6.4px;
		height: 12px;
		background: url(../image/back.png) no-repeat;
		background-size: 100% 100%;
	} */
	.sub_nav li a:hover{
		background: #fff;
		color: #337ab7;
	}
	.sub_nav_top{
		width: 100%;
		/* display: inline-block; */
		color: #fff;
		padding: 14px 0  14px 32px;
		box-sizing: border-box;
		display: flex;
		align-items: center;
	}
	.sub_nav_top img{
		width: 12px;
		height: 11px;
		margin-right: 5px;
	}
	.sub_nav_top span{
		font-size: 14px;
		font-weight: bold;
		color: #fff;
	}
	.show{
		display: inline-block;
	}
	.sub_img{
		display: none;
	}
	.min-p{
		display: none;
	}
	.banner{
		width: 100%;
		height: 2.2rem;
		margin-bottom: .24rem;
	}
	.banner img{
		width: 100%;
		height: 2.2rem;
		object-fit: cover;
	}
	.con_box{
		max-width: 55%;
		margin: 0 auto .24rem;
	}
	.con_top{
		color: #666;
		font-size: .12rem;
		padding-bottom: .09rem;
		border-bottom: 1px solid #D9D9D9;
	}
	.con_bot{
		width: 100%;
		margin-top: 24px;
		margin-bottom: 50px;
	}
	
	.con_b_l > div{
		padding: 8px 0 8px .24rem;
		border-bottom: 1px solid #FFFFFF;
		background: #CBE7F8;
		color: #333;
		font-size: 14px;
	}
	.con_b_l > div:first-child{
		background: #3581FE;
		color: #fff;
		border-bottom:none;
	}
	
	.con_b_a{
		cursor: pointer;
	}
	.con_b_active,.con_b_a:hover{
		color: #3581FE!important;
	}
	.con_b_r_bt{
		width: 100%;
		display: flex;
		justify-content: space-between;
		padding-bottom: .24rem;
		margin-bottom: .24rem;
		border-bottom: 1px dotted #D9D9D9;
	}
	.con_b_r_bt > img{
		width: 2rem;
		height: 1.4rem;
		object-fit: cover;
		margin-right: .2rem;
	}
	.con_b_r_bc > p{
		color: #222;
		font-size: .2rem;
		font-weight: 500;
	}
	.con_b_r_bc .con_b_r_btt{
		width: 100%;
		color: #666666;
		font-size: .14rem;
		margin: .16rem 0 .24rem 0;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.con_b_r_btm{
		color: #999;
		font-size: .14rem;
	}
	.xxjs{
		width: 100%;
		display: flex;
		display: -webkit-flex;
		justify-content: flex-end;
		align-items: center;
	}
	.xxjs > img{
		width: 10px;
		height: 10px;
		margin-right: 5px;
	}
	.xxjs > span{
		color: #3581FE;
	}
	.con_b_r_tcc{
		margin-top: .16rem;
	}
	.con_b_r_img_box{
		width: 100%;
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.con_b_r_img_box > div{
		width: 2rem;
		margin-bottom: .2rem;
		margin-right: .2rem;
	}
	.con_b_r_img_box > div img{
		width: 100%;
		object-fit: cover;
	}
	.con_b_r_img_box > div p{
		text-align: center;
		color: #333;
		font-size: 12px;
		margin-top: .1rem;
	}
	.cp_log{
		height: 2rem;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		border: 1px solid #E6E6E6;
		box-sizing: border-box;
	}
	.cp_log img{
		width: .58rem!important;
	}
	.con_b_r_b_s{
		display: none;
	}
	.con_b_r_b table{
		width: 100%;
	}
	.con_b_r_b table tr th{
		color: #222222;
		font-size: .14rem;
		padding: .08rem .12rem;
		border:1px solid #E6E6E6;
	}
	.con_b_r_b table tr td{
		color: #666;
		font-size: .12rem;
		padding: .08rem .12rem;
		border:1px solid #E6E6E6;
	}
	.cact_box{
		margin-bottom: .24rem;
	}
	.cact_box > p{
		color: #222222;
		font-size: .16rem;
		font-weight: 400;
	}
	.cact_box > .cact_box_im1{
		width: .13rem;
		height: .18rem;
	}
	.cact_box > .cact_box_im2{
		width: .15rem;
		height: .15rem;
	}
	.cact_box > .cact_box_im3{
		width: .10rem;
		height: .17rem;
	}
	.cact_box > .cact_box_im4{
		width: .15rem;
		height: .12rem;
	}
	.cact_box > .cact_box_im5{
		width: .13rem;
		height: .16rem;
	}
	.cact_box > .cact_box_im6{
		width: .16rem;
		height: .12rem;
	}
	.map{
		width:5.6rem;
	}
	.deta_c{
		color: #3581FE;
		font-size: .2rem;
		margin: .15rem auto;
		text-align: center;
	}
	.deta_t{
		color: #999999;
		font-size: .14rem;
		padding: 0.06rem 0;
		margin-bottom: .32rem;
		border-top: 1px dotted  #C1C1C1;
		border-bottom: 1px dotted  #C1C1C1;
		text-align: center;
	}
	.deta_b{
		font-size: .14rem;
		color: #333;
		text-indent: 24px;
	}
	.deta_b img{
		width: 100%;
	}
	.deta_bot{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: .4rem auto 1.4rem;
		color: #999999;
		font-size: .14rem;
		cursor: pointer;
	}
	.deta_bot_t{
		color: #3581FE;
	}
	.add_page{
		display: none;
	}
	.add_page_show{
		display: none!important;
	}
/* 手机 */
/* 小屏幕（平板，小于等于 767px） */
@media (max-width: 767px) { 
	.nav-list{
		display: none!important;
	}	
	.nav{
		display: block!important;
		/* display: -webkit-flex;
		justify-content: space-between;
		align-items: center; */
		padding: 11px;
		height: auto;
		text-align: left;
	}
	.nav-logo{
		width: 60%!important;
	}
	.sub_img{
		display: block;
		width: 24px;
		float: right;
	}
	.swiper-box{
		height: 280px;
	}
	.swiper-slide img{
		height: 100%;
	}
	.bot{
		max-width: 100%;
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		flex-wrap: wrap;
		padding: 0 8px;
		box-sizing: border-box;
	}
	.bot-con{
		width: 48%;
		margin-bottom: 15px;
		margin-right: 4%;
	}
	.bot-con:nth-child(2n){
		margin-right: 0;
	}
	.bot-con a .img-box,
	.bot-con a img{
		height: 100px;
	}
	.bot-c-b{
		padding: 8px 16px;
	}
	.bot-c-b-b{
		line-height: 13px;
		font-size:12px;
	}
	.box_top > p:first-child{
		font-size: 20px;
	}
	.ibot-mid-mid0{
		width: 80px;
		height: 24px;
		margin-top: 16px;
	}
	.bot,.ibot-mid-con,.ibot_img,.footer{
		max-width: 100%;
	}
	.ibot-mid-bot{
		margin-top: 16px;
	}
	.ibot-mid-box{
		padding: 0 8px;
		box-sizing: border-box;
	}
	.ibot_mid_li{
		padding: 16px 0;
		border-top: 1px solid #D9D9D9;
	}
	.ibot-mid-box-t{
		padding-bottom: 16px;
	}
	.ibot-mid-box > div{
		width: 100%;
		/* margin-bottom: 10px; */
	}
	.ibot-mid-box > div img{
		height: 220px;
		margin-bottom: 12px;
	}
	.ibot-mid-box-p:last-child,.ibot_mid_li a .ibot_mid_li_d p:last-child{
		line-height: 20px;
	}
	.min-p{
		display: block;
		color: #999;
		font-size: 12px;
		margin: 8px 0;
	}
	.max-p{
		display: none;
	}
	.ibot_mid_li a .ibot_mid_li_d{
		width: 100%;
	}
	.more {
	    width: 43px;
	    height: 16px;
	    line-height: 16px;
	    text-align: center;
	    color: #fff;
	    background: #3581FE;
		margin: 0 auto;
	}
	.ibot_img{
		padding: 0 8px;
		box-sizing: border-box;
		margin-top: 24px;
	}
	.ibot_img .img-box{
		width: 48%;
		height: 120px;
		margin-right: 4%;
		margin-bottom: 16px;
		overflow: hidden;
	}
	.ibot_img .img-box:nth-child(3n){
		margin-right: 4%;
	}
	.ibot_img .img-box:nth-child(2n){
		margin-right: 0;
	}
	.tr_t th,.tr_t td{
		width: 50%;
		font-size: 12px;
	}
	.tr_t th{
		margin-bottom: 8px;
	}
	.tr_t td p{
		font-size: 12px;
	}
	.tr_t .min-tr{
		display: none;
	}
	.fot_t{
		width: 100%;
		padding: 15px 8px;
		box-sizing: border-box;
		border-top: 1px solid  #D9D9D9;
		/* display: flex; */
		/* justify-content: center; */
	}
	.fot_t_t{
		display: flex;
		margin-bottom: 15px;
		font-size: 14px;
	}
	.fot_t_t p{
		font-size: 14px;
	}
	table{
		width: 100%!important;
	}
	.tr_td_p{
		font-size: 10px;
	}
	.con_box{
		max-width: 100%;
	}
	.banner{
		height: 220px;
	}
	.banner img{
		width: 100%;
		height: 220px;
		object-fit: cover;
	}
	.con_top{
		padding:10px
	}
	.con_bot{
		margin-top: 0px;
		margin-bottom: 20px;
	}
	.con_b_r{
		padding: 0 15px;
	}
	.con_b_r_t{
		padding: 20px 0;
		color: #3581FE;
		font-size: 20px;
	}
	.con_b_l{
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	.con_b_l > div{
		width: calc(100% / 4);
		text-align: center;
	}
	.con_b_l > div:first-child{
		display: none;
	}
	.con_b_l > div{
		border-right: 1px solid #FFFFFF;
		border-bottom: none;
	}
	.con_b_l > div:last-child{
		border-right:none;
	}
	.con_b_active,.con_b_a:hover{
		background: #3581FE!important;
		color: #fff!important;
	}
	.con_b_rb{
		margin-top: 10px;
	}
	.con_b_r_bt > img{
		width: 100px;
		height: 70px;
	}
	.con_b_r_bt{
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.con_b_r_b a:last-child .con_b_r_bt{
		border-bottom:none;
	}
	.con_b_r_btm{
		display: none;
	}
	.con_b_r_btt{
		margin: 8px 0 12px 0!important;
		font-size: 14px!important;
	}
	.con_b_r_bc > p{
		font-size: 14px;
	}
	.con_top{
		font-size: 12px;
	}
	.con_b_a1{
		width: 50%!important;
	}
	.con_b_r_img_box > div{
		width: 48%;
		margin-bottom: 10px;
		margin-right: 4%;
	}
	.con_b_r_img_box > div:nth-child(2n){
		margin-right: 0;
	}
	.con_b_r_tp{
		color: #3581FE;
		font-size: 20px;
		margin: 15px 0;
	}
	.cp_log{
		height: 160px;
	}
	.cp_log img{
		width: 58px!important;
	}
	.con_b_r_b table tr td,.con_b_r_b table tr th{
		padding: 4px 6px;
	}
	.cact_box > .cact_box_im1{
		width: 7px;
		height: 9px;
	}
	.cact_box > .cact_box_im2{
		width: 8px;
		height: 8px;
	}
	.cact_box > .cact_box_im3{
		width: 5px;
		height: 9px;
	}
	.cact_box > .cact_box_im4{
		width: 7px;
		height: 6px;
	}
	.cact_box > .cact_box_im5{
		width: 6px;
		height: 8px;
	}
	.cact_box > .cact_box_im6{
		width: 8px;
		height: 6px;
	}
	.map{
		width: 100%;
	}
	.deta_c{
		margin:10px auto;
		font-size: 20px;
	}
	.deta_t{
		padding: 3px 0;
		margin-bottom:16px;
		font-size:14px;
	}
	.deta_bot{
		margin:20px auto 70px;
	}
	#page{
		display: none;
	}
	.ibot_mid_li a .ibot_mid_li_d p:last-child,.ibot-mid-box-p:last-child,.beian,.font-14{
		font-size: 12px;
	}
	.ibot_mid_li a .ibot_mid_li_d p:first-child,.ibot-mid-box-p:nth-child(2){
		font-size: 18px;
	}
	.xxjs{
		display: none;
	}
	.box-p::after{
		width: 10%;
	}
	.font-12{
		font-size: 12px;
	}
	.pad-7-0{
		padding: 7px 0!important;
	}
	.con_b_r_bc{
		width: calc(100% - 105px);
	}
	.add_page{
		display: block;
		width: 20%;
		padding: 5px 0;
		text-align: center;
		margin: 0 auto;
		background: #3581FE;
		color: #fff;
		border-radius: 3px;
	}
	.ibot-mid-mid01{
		background: url(../image/pib_m01.png) no-repeat;
		background-size: 100% 100%;
	}
	.ibot-mid-mid011{
		background: url(../image/pib_m11.png) no-repeat;
		background-size: 100% 100%;
	}
	.ibot-mid-mid02{
		background: url(../image/pib_m02.png) no-repeat;
		background-size: 100% 100%;
	}
	.ibot-mid-mid022{
		background: url(../image/pib_m22.png) no-repeat;
		background-size: 100% 100%;
	}
}
/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) { 
	.bot,.ibot-mid-con,.ibot_img,.footer,.con_box{
		max-width: 80%;
	}
	.footer{
		    /* height: 7.54rem; */
	}
	.bot-con{
		width: 4.64rem;
	}
	.ibot_img .img-box{
		width: 4.64rem;
		height: 3.4rem;
	}
	.ibot_mid_li a .ibot_mid_li_d p:last-child,.ibot-mid-box-p:last-child,.bot-c-b-b{
		line-height: .4rem;
	}
	.bot{
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		align-items: center;
	}
	.ibot-mid-box{
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
	}
	.fot_t{
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.con_bot{
		display: flex;
		justify-content: space-between;
	}
	.con_b_r_t,.con_b_r_tp{
		color: #3581FE;
		font-size: 20px;
		margin: 15px 0;
	}
	.con_bot .con_b_r{
		width: calc(100% - 2.47rem );
	}
	.con_b_l{
		width: 2.15rem;
	}
	
}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) { 
	.bot,.ibot-mid-con,.ibot_img,.footer{
		max-width: 80%;
	}
	.con_b_r_bc{
		width: calc(100% - 2.2rem);
	}
	.footer{
		    /* height: 7.54rem; */
	}
	.bot-con{
		width: 4.64rem;
	}
	.ibot_img .img-box{
		width: 4.64rem;
		height: 3.4rem;
	}
	.ibot_mid_li a .ibot_mid_li_d p:last-child,.ibot-mid-box-p:last-child,.bot-c-b-b{
		line-height: .4rem;
	}
}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) { 
	.bot, .ibot-mid-con, .ibot_img0,.ibot_img{
		max-width: 65%;
	}
	.footer{
		max-width: 58%;
	}
	.ibot_img .img-box{
		width: calc((100% - 0.96rem)/ 3);
		height: 2.4rem;
	}
	.bot-con{
		width: 3.64rem;
	}
	.con_box{
		max-width: 55%;
		margin: 0 auto .24rem;
	}
}