@charset "utf-8";
*{margin: 0;padding: 0;}
button,img{border: none;}
div,h3,p{box-sizing: border-box;}
a{text-decoration: none;cursor: pointer;}
button{cursor: pointer;}

/* CSS Document */
body,
ul,
p,
a,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
dl,
dt,
dd,
input,
span {
	margin: 0;
	padding: 0;
	font: 12px/21px, "", Arial, sans-serif!important;
	/* font-size: 14px; */
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
body,
h1,
h2,
h3,
h4,
h5,
p,
ul,
dl,
dd,
dt,
input {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="text"] {
	-webkit-appearance: none;
	border: none;
}

textarea {
	-webkit-appearance: none;
	resize: none;
}

ul,
li {
	list-style: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

a:hover {
	text-decoration: none;
	opacity: 1;
}

a:focus {
	text-decoration: none;
}

b,
u {
	font-weight: 100;
	font-family: inherit;
	text-decoration: none;
}

img {
	border: 0;
	display: block;
}

*:focus {
	outline: none;
}

body {
	-moz-background-size: cover;
	-ms-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	font-family: "微软雅黑";
	color: #000;
	background: #fff;
}

ul {
	list-style: none;
}

h6 {
	clear: both;
}
button{
	background: none;
	border: none;
}
button,
a {
	cursor: pointer;
}

a,
u {
	text-decoration: none;
	color: #000;
}

em,
i {
	font-style: inherit;
	font-size: 12px;
}


/* 鼠标变手指样式 */
.cur {
	cursor: pointer;
}

/* 文字加粗 */
.fb {
	font-weight: bold;
}
.fn {
	font-weight: normal;
}
.fbr {
	font-weight: bolder;
}
.dn{
	display: none;
}
.db{
	display: block;
}
.born{
	border: none!important;
}
/* 首行缩进2字 */
.text-i{
	text-indent: 2em;
}
/* 透明度 */
.op0 {
	opacity: 0;
}

.op05 {
	opacity: 0.5;
}

.op1 {
	opacity: 1;
}
/* 中心板块控制  */
.newadd_feng .container{
	width: 100%;
	margin: 0 auto;
	text-align: left;
	min-width: 970px;
	max-width: 1630px;
	padding: 0 15px;
}
.container2{
	width: 100%;
	margin: 0 auto;
	text-align: left;
	min-width: 970px;
	max-width: 1430px;
	padding: 0 15px;
}	
	.newadd_feng .ptbs15{padding: 15px;}
	.newadd_feng h1{margin: 0;}
	.newadd_feng img,.newadd_feng a img{max-width: 100%;height: auto;}
	.newadd_feng .swiper-slide img{width: 100%;height: auto;}
	.newadd_feng .pmt40{margin-top: 40px!important;}
	.newadd_feng .pmt30{margin-top: 30px!important;}
	.newadd_feng .pmt25{margin-top: 25px!important;}
	.newadd_feng .pmt20{margin-top: 20px!important;}
	.newadd_feng .pmt15{margin-top: 15px!important;}
	.newadd_feng .pmt10{margin-top: 10px!important;}
	.newadd_feng input{font-size: 14px;color: #333;padding: 5px 0;}
	.newadd_feng input::-webkit-input-placeholder {
	color: #b2b2b2;
	font-size: 14px;
	}
	.newadd_feng input::-moz-input-placeholder {
	color: #b2b2b2;
	font-size: 14px;
	}
	.newadd_feng input::-ms-input-placeholder {
	color: #b2b2b2;
	font-size: 14px;
	}
	.newadd_feng .swiper-container .swiper-button-prev,.newadd_feng .swiper-container .swiper-button-next{
		top: 47%;
		width: 30px;
		background-color: rgba(0,0,0,.3);
	}
	.newadd_feng .swiper-button-prev{
		left: 0!important;
	}
	.newadd_feng .swiper-button-next{
		right: 0!important;
	}
	.newadd_feng .bacfff22{background-color: #fff;padding: 25px;box-sizing: border-box;}
	.newadd_feng .bacfff{background-color: #fff;padding: 25px 0;width: 100%;}
	.newadd_feng .bacfff2{background-color: #fff;padding: 20px 0;width: 100%;}
	.newadd_feng .bacf6f{background-color: #f6f7fa;padding: 25px 0;width: 100%;}
	.newadd_feng .bacf5{background-color: #f5f5f5;padding: 20px 0 30px 0;width: 100%;}
	
	/* 公用title */
	.newadd_feng .addp_tit span{font-size: 24px;font-weight: bold;color: #333;}
	.newadd_feng .addp_tit img{margin: -4px 10px 0 0; display: inline-block;vertical-align: middle;}
	.newadd_feng .p_more{font-size: 16px!important;color: #666;font-weight: normal;}
	.newadd_feng .p_more span{letter-spacing: -4px;}
	.newadd_feng .p_more i{font-size: 16px;color: #666;}
	
	
	/*  */
	.newadd_feng .pp_tit .tits{font-size: 20px;font-weight: bold;color: #333;}
	
	/* 公用nav */
	.newadd_feng .addp_nav{
		width: 100%;
		background-color: #f7f9fb;
		padding: 12px 10px;
		border-radius: 30px;
		box-shadow:0px 18px 13px -18px rgba(51,51,51, .15);
	}
	.newadd_feng .addp_nav .uls{width: 95.5%;}
	.newadd_feng .addp_nav .uls.uls100{width: 100%;}
	.newadd_feng .addp_nav .uls a{
		display: inline-block;
		line-height: 30px;
		border-radius: 15px;
		width: 14%;
		text-align: center;
		margin-right: 1%;
		color: #434645;
		font-size: 15px;
	}
	.newadd_feng .addp_nav .uls  a:hover,.addp_nav .uls  a.active{background-color: #d6000f;color: #fff;}
	.newadd_feng .addp_nav .uls  a:last-child{margin-right: 0;}
	.newadd_feng .addp_nav .p_more{font-size: 16px;color: #666; margin-top: -2px;}
	
	/* 公用滚动条样式 */
	.addp_pptime::-webkit-scrollbar {/*滚动条整体样式*/
		width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
		height:100%;
		scrollbar-arrow-color:red;
		border-radius: 5px;
	}
	.addp_pptime::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
		border-radius: 5px;
		background: #cccccc;
		-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
		/* background: rgba(0,0,0,2); */
		scrollbar-arrow-color:red;
	}
	.addp_pptime::-webkit-scrollbar-track {/*滚动条里面轨道*/
		-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
		background: #f5f5f5;
		border-radius: 5px;
	}
	
	
	
	
	/* 公共头部的样式 */
	.add_headernav{height: 40px;line-height: 40px;border-bottom: 1px solid #eee;}
	.add_headernav li{position: relative;color: #333;cursor: pointer;margin-right:2.5%;}
	.add_headernav a:hover{color: #d6000f;}
	.add_headernav li img{display: inline-block; margin-right: 5px;vertical-align: middle;}
	.add_headernavl,.add_headernavr{width: 50%;}
	.add_headernavl li{ font-size: 14px;}
	.add_headernavl li:last-child,.add_headernavr li:last-child{margin-right: 0;}
	.add_headernavr li:last-child{color: #d6000f;}
	.add_headernavl li i{font-size: 12px;color: #ababab;margin-left: 3px;}
	.add_headernavr li{ font-size: 12px;}
	.add_headernavr li .add_headbox{z-index: 9999;display: none; position: absolute;top:98%;left: 57%;transform: translateX(-50%);-webkit-transform: translateX(-50%); }
	.add_headernavr li:hover .add_headbox{display: block;transition: all .2s;}
	.add_headernavr li .add_headbox img{max-width: 92px;height: auto;min-width: 80px;margin-right: 0;}
	.add_headerbox{display: none; background-color: #fff; position: absolute;left: -20%;top: 98%; border:1px solid #eee;z-index: 9999;}
	.add_headernavl li:hover .add_headerbox{display: block;transition: all .2s;}
	.add_headebook a{display: inline-block;width: 100%;text-align: center; text-align: center; border-bottom: 1px solid #eee;}
	.add_headerbox a:last-child{border-bottom:none;}
	.add_headercourse{width: 600px;border-right: none;border-bottom: none;}
	.add_headercourse .item{box-sizing: border-box; border-right: 1px solid #eee;border-bottom: 1px solid #eee; width: 32.8%;display: inline-block;padding:15px 5px; text-align: center;}
	.add_headercourse .links{line-height: 35px;}
	.add_headercourse .praname{line-height: 22px; font-size: 15px;font-weight: bold;color: #333;}
	.add_headercourse .item a{font-size: 13px;color: #666; display: inline-block;width: 42%; height: 24px;line-height:24px;border-radius: 12px;}
	.add_headercourse .item a:hover{background-color: #d6000f;color: #fff;}
	.add_headerregion{width: 615px;padding:10px 15px;box-sizing: border-box;}
	.p_headertit{font-size: 14px;color: #333;line-height: 30px;font-weight: bold;}
	.p_headertit img{max-width: 100%;height: auto;margin: -2px 5px 0 0;vertical-align: middle;}
	.add_headerregion a{font-size: 14px;color: #666;display: inline-block;padding: 0 15px;border-radius: 20px;}
	.add_headerregion a:hover{background-color: #d6000f;color: #fff;line-height: 28px;transition: background-color .2s;}
	
	/* nav */
	.addp_jbcnav{height:70px;line-height: 70px;width: 100%;background: url(../newimg2022424/line_ico.png) no-repeat center bottom #fff;}
	.addp_jbcnav .logos{margin-right: 20px;}
	.addp_jbcnavl span{display: inline-block; position: relative;margin-left:20px;}
	.addp_jbcnavl span::after{
		content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%); border-left: 1px solid #e6e6e6;height: 23px;
	}
	.addp_jblochttit{font-size: 24px;color: #333;font-weight: bold;}
	.addp_jblocht .pp-work{margin-left: 12px; padding: 0 10px;border-radius: 5px; height: 26px;line-height: 26px;font-size: 14px;color: #fff;background-color: #d6000f;}
	
	.addp_jbcnav .addp_jtabs{padding: 0 5px;height: 26px;line-height: 26px;text-align: center;border: 1px solid #e6e6e6;border-radius:4px 4px 0 0; }
	.addp_jbcnav .addp_jtabs,.addp_jbcnav .addp_jtabs i{ font-size: 14px;color: #999;margin-left: 2px;}
	.addp_jbcared{cursor: pointer; margin-left: 10px;padding-top: 3px; position: relative;height: 26px;line-height: 26px;}
	.addp_jbcared:hover .addp_jblochtlist{display: block;transition: all .2s;}
	.addp_jblochtlist{display: none; min-height: 140px; text-align: left; z-index: 2; border: 1px solid #e6e6e6; position: absolute;left: 2px;top: 28px;width:484px; background-color: #fff;font-size: 16px;color: #666;padding:20px 0 0 20px;border-radius:0 4px 4px 4px;}
	.addp_jblochtlist a{font-size: 15px; display: inline-block;margin: 0 8px 8px 0;padding: 0 12px;height: 24px;text-align: center;border-radius:12px; line-height: 24px;}
	.addp_jblochtlist a:hover,.addp_jblochtlist a.active{background-color: #d6000f;transition: background .2s; text-align: center;color: #fff;}
	.addp_jbcnavr{width: 11.6%;height: 36px;line-height: 36px;border-radius: 18px;border: 1px solid #d6000f;padding: 0 15px;}
	.addp_jbcnavr input{width: 88%;}
	
	
	.addp_jbcnavrr{width: 60%;}
	.addp_jbcnavrr .addp_jbcnavr{width: 48%; padding-right: 0; border-radius: 4px;border: 1px solid #ddd;border-right: none;}
	.region-sear{width: 63%;}
	.region-sear .addp_jbcnavr{width: 75%;}
	.region-sear a{width: 65px;text-align: center;padding: 0!important; font-size: 16px;color: #fff;border-radius:0!important;}
	.region-sear .region-btn{margin-left: 2px; padding: 0 15px;margin-top: -1px;height: 36px;background-color: #2870e9; display: inline-flex;justify-content: center;align-items: center;}
	.addp_jbcnavrr .addp_jbcnavr a{border-radius: 0 4px 4px 0; background-color: #e03731; display: inline-flex;justify-content: center;align-items: center; height: 100.4%;padding: 0 15px;margin-top: -1px;}
	.addp_jbcnavrr input::-webkit-input-placeholder {
	color: #666;
	font-size: 16px;
	}
	.addp_jbcnavrr input::-moz-input-placeholder {
	color: #666;
	font-size: 16px;
	}
	.addp_jbcnavrr input::-ms-input-placeholder {
	color: #666;
	font-size: 16px;
	}
	
	.calendarTextss{line-height: 18px;}
	.calendarTextss .calendartxt{position: relative;margin-left: 25px;}
	.calendarTextss .calendartxt img{margin-right: 6px;}
	.calendarTextss .calendartxt span.dat{position: absolute;left:27%;top: 59%;display: inline-block; margin-left: 8px; font-size: 18px;color: #333;font-weight: bold; transform: translate(-50%,-50%);}
	.calendarTextss .calendartxt span.tex{display: inline-block;font-size: 14px;color: #666;vertical-align: middle;}
	
	/* 新增导航样式*/  
	.addp_jbcnavc .lis a:hover{
		font-size: 20px;
		color: #d6000f;
	}
	.addp_jbcnavc .lis:last-child{margin-right: 0;}
	.addp_jbcnavc .lis.active{ 
		position: relative;
		font-size: 22px;
		color: #d6000f;
	}
	.addp_jbcnavc .lis.active::after{
		content: '';
		position: absolute;
		bottom: -1px;
		left: 50%;
		transform: translateX(-50%);
		width: 24px;
		height: 11px;
		background: url(../newimg2022424/nav-jts.png) no-repeat center;
		transition: all .2s;
	}
	
	.addp_jbcnavlc{width: 88%;}
	.addp_jbcnavc{padding-left: 15.5%;width: 74%;}
	.addp_jbcnavc .lis.active::after{
		content: '';
		position: absolute;
		bottom: -1px;
		left: 50%;
		transform: translateX(-50%);
		width: 24px;
		height: 11px;
		/* background: url(../newimg2022424/nav-jts.png) no-repeat center; */
		transition: all .2s;
	}
	.addp_jbcnav.addp_newnav .addp_jbcnavlc{width: 25%;}
	.addp_jbcnav.addp_newnav .addp_jbcnavc{padding-left: 0; width: 53.5%;margin-left: 7%;height: 50px;padding-top: 18px;}
	.detpagapp .addp_jbcnav.addp_newnav .addp_jbcnavc{padding-top: 18px;}
	.addp_jbcnav.addp_newnav{height:77px;line-height: 77px; width: 100%;background:#fff;border-bottom: 4px solid #d6000f;}
	.addp_jbcnav.addp_newnav .addp_jbcnavc .lis{
		width: 15.9%;
		height: 50px;
		font-size: 20px;
		color: #333;
		text-align: center;
		line-height: 50px;
		cursor: pointer;
		white-space: nowrap;
		margin-right: 0;
		float: left;
	}
	.addp_jbcnav.addp_newnav .addp_jbcnavc .lis img{
		margin-right: 10px;
		display: none;
		vertical-align: middle;
	}
	.addp_jbcnav.addp_newnav .addp_jbcnavc .lis.shows.active img{
		display: inline-block;
	}
	.addp_jbcnav.addp_newnav .addp_jbcnavc .lis.shows.active{
		box-sizing: content-box;
		width: 17%;
		height: 50px!important;
		border-top: 4px solid #d6000f;
		border-left: 1px solid #e6e6e6;
		border-right: 1px solid #e6e6e6;
		border-bottom: 4px solid #fff;
		padding-left: 2.7%;
		font-size: 22px;
		color: #d6000f;
		text-align: left;
		background-color: #fff;
	}
	.detpagapp .addp_jbcnav.addp_newnav .addp_jbcnavc .lis.shows.active{
		width: 18%;
		padding-left: 2.5%;
	}
	.addp_newnav .addp_jbcnavc .lis.active::after{
		background: none!important;
	}
	
	
	/* 考试页二级菜单 */
	.addp_sendnav{background-color: #e03731;height: 45px;line-height: 45px;}
	.addp_sendnav .sed_navs a{font-size: 16px;color: #fff;text-align: center; display: inline-block;width: 8.8%;}
	.addp_sendnav .sed_navs a.active{margin-top: 5px; font-weight: bold; background-color: #fff;color: #d6000f;border-radius: 4px 4px 0 0;height: 40px;line-height: 40px;}
	.addp_sendnav .sed_navs a.active h3{font-weight: bold; }
	
	/* 考试页三级菜单 */
	.addp_threenav{padding: 15px 0;border-bottom: 1px solid #eee;}
	.addp_threenav .three-li{display: none;}
	.addp_threenav .three-li.active{display: block;}
	.addp_threenav .three-tit {
		font: bold 16px/26px 'microsoft yahei';
		color: #ef2d36;
		padding: 0 10px;
		height: 26px;
		line-height: 26px;
		border: 1px solid #ef2d36;
		border-radius: 4px;
		text-align: center;
		display: inline-block;
		margin-right: 15px;
	}
	.addp_threenav .three-list{display: inline-flex;}
	.addp_threenav .three-list a{
		color: #333;
		font: bold 16px/26px 'microsoft yahei';
		margin-right: 15px;
		font-weight: normal;
	}
	
	.addp_secoleve{width: 100%;background-color: #fff;}
	.secoleve_item{display: none;}
	.secoleve_item.active{display: block;}
	.secoleve_item:nth-child(2n) li{width: 7.95%;	padding-left: 38px;}
	.secoleve_item li{
		position: relative;
		display: inline-block;
		text-align: left;
		line-height: 16px;
		position: relative;
		width: 8%;
		padding-left: 30px;
		height: 16px;
		margin-bottom: 15px;
		border-right: 1px solid #ccc;
		cursor: pointer;
	}
	.secoleve_item li a{font-size: 16px}
	.secoleve_item li:nth-child(12n){border: none;}
	.secoleve_item li:hover a{color: #d6000f;}
	.secoleve_item li:hover .jbczkbox a{color: #444;}
	.secoleve_item li:hover .jbczkbox{display: block;}
	/* 3级子菜单 */
	.jbczkbox {
		display: none;
		position: absolute;
		left: 0;
		top: 13px;
		z-index: 999;
		width: auto;
		height: auto;
		zoom: 1;
		padding-top: 15px;
	}
	.jbczkbox1{
		background: #fff;
		border: 1px solid #e82222;
		z-index: 999;
		clear: both;
		padding: 10px;
		padding-bottom: 0;
		padding-top: 0;
		padding: 20px 10px 5px 5px;
	}
	.secoleve_item .ico{position: absolute;left: 35px;top: 7px; width: 16px;height: 9px;}
	.secoleve_item li:nth-child(n+7) .jbczkbox,
	.secoleve_item li:nth-child(n+19) .jbczkbox{left:auto;right:0;}
	.secoleve_item li:nth-child(n+7) .ico,
	.secoleve_item li:nth-child(n+19) .ico{left:auto;right:35px;}
	.secoleve_item li:nth-child(n+13) .jbczkbox{left:0;right:auto;}
	.secoleve_item li:nth-child(n+13) .ico{left:35px;right:auto;}
	.secoleve_item li .jbczkbox p{font-size: 15px; color: #ccc;margin-bottom: 15px;}
	.secoleve_item li .jbczkbox a{font-size: 15px;color: #444;padding-left: 12px;white-space:nowrap;}
	.secoleve_item li .jbczkbox p span{font-size: 15px;color: #444;padding-right: 12px;white-space:nowrap;}
	.secoleve_item li .jbczkbox  a:hover{color: #d6000f;}
	
	/* addp_tipss */
	.addp_tipss{padding: 10px 0;}
	.addp_tipss li{
		width:24.1%;
		box-shadow: 0px 0px 5px 3px rgb(0 0 0 / 3%);
		position: relative;
		overflow: hidden;
	}
	.addp_tipxqk {
		position: absolute;
		width: 64%;
		height: 22%;
		top: 56%;
		left: 2.3%;
		z-index: 2;
		transition: all .6s;
	}
	.addp_tipxqk a{
		display: inline-block;
		height: 100%;
		width: 31%;
	}
	.addp_tipss li a{
		display: inline-block;
		width: 100%;
		height: 100%;
	}
	.addp_tipss li a img {
	  display: block;
	  width: 100%;
	  transition: all .6s;
	}
	.addp_tipss li .ht_wx{
		height: 100%;
		display: block;
		position: absolute;
		right: -136px;
		top: 0;
		transition: all .6s;
	}
	.addp_tipss li.active .ht_wx{right: 0;}
	.addp_tipss li.active a img{width: 96%;}
	
	
	/* 公用footer */
	.newadd_feng .foot_item img,.newadd_feng .foot_item a img{max-width: 100%;height: auto;}
	.newadd_feng .footers_t{padding: 40px 0 25px;}
	.newadd_feng .footers_t .tit{font-size: 18px;color: #fff;margin-bottom: 35px;}
	.newadd_feng .footers_t a{display: block; font-size: 14px;color: #ccc;line-height: 28px;}
	.newadd_feng .footers_t a:hover{color: #d6000f;}
	.footers_t .foot_item4 img{width: 45px;height: auto;border-radius: 5px;}
	.newadd_feng .footers_t .foot_item::after{
		content: '';
		position: absolute;
		right: 0;
		top:0;
		height: 90%;
		border-right: 1px solid #4d4d4d;
	}
	.newadd_feng .footers_t .foot_item4::after,
	.newadd_feng .footers_t .foot_item5::after
	{
		content: '';
		position: absolute;
		right: 0;
		top:0;
		height: 100%;
		border-right: 1px solid #4d4d4d;
	}
	.newadd_feng .footers_t .foot_item6::after{
		border: none;
	}
	.newadd_feng .footers_t .foot_item{position: relative; width:14.5%; padding-left: 5.3%;text-align: left;}
	.newadd_feng .footers_t .foot_item:first-child{padding-left: 0;width:11%;}
	.newadd_feng .footers_t .foot_item4,.newadd_feng .footers_t .foot_item5{width:20%;}
	.newadd_feng .footers_t .foot_item6{width:20%;font-size: 14px;color: #ccc;}
	.newadd_feng .footers_t .foot_item6 .phone{font-size: 30px;font-weight: bold;color: #fff;margin: 10px 0 25px 0;}
	.newadd_feng .footers_t .foot_item6 .btn_serve{width: 79.1%; color: #ebebeb;border: 1px solid #666666;border-radius:4px;height: 34px;margin: 10px 0 25px 0;}
	.newadd_feng .footers_t .foot_item6 .btn_serve img{margin-right: 8px;}
	.newadd_feng .footers_t .foot_item6 .san a{margin-right: 8%;}
	
	.newadd_feng .footers_t .foot_item4 img{margin-right: 8px;}
	.newadd_feng .footers_t .foot_item4 a{line-height: 14px;margin-bottom: 12px;}
	.newadd_feng .footers_t .foot_item4 a:last-child{margin-bottom: 0;}
	.newadd_feng .footers_t .foot_item4 .text{font-size: 12px;color: #fff;opacity: .5;margin-top: 8px;}
	.newadd_feng .footers_t .foot_item4 .tit,
	.newadd_feng .footers_t .foot_item5 .tit,
	.newadd_feng .footers_t .foot_item6 .tit{
		margin-bottom: 20px;
	}
	
	/* 第4个学习工具  container*/
	.newadd_feng .footers_t .foot_item4{padding-left:2%;}
	.newadd_feng .footers_t .foot_item4 img{margin: 0 auto;}
	.newadd_feng .footers_t .foot_item4 .tit{padding-left: 5%;}
	.newadd_feng .footers_t .foot_item4 a{display: inline-block;width: 26%; margin:0 10px 15px 0;font-size: 14px;}
	.newadd_feng .footers_t .foot_item4 a:nth-child(3){margin-right:0;}
	.newadd_feng .footers_t .foot_item4 .tits{text-align: center;margin-top: 5px;}
	.newadd_feng .footers_t .foot_item4 a:last-child{margin-bottom: 12px;}
	/* 第4个学习工具  container2*/
	.newadd_feng .container2 .footers_t .foot_item:nth-child(2),
	.newadd_feng .container2 .footers_t .foot_item:nth-child(3){width: 11.5%;padding-left: 4.3%;}
	.newadd_feng .container2 .footers_t .foot_item4{padding-left:1.5%;width: 26%;}
	
	
	
	
	
	.addp_jbcnav.addp_jbcnav2{background: url(../newimg2022424/line_ico.png) no-repeat center bottom #fff;}
	.newadd_feng .footers{width: 100%;background-color: #333;}
	.newadd_feng .footers_b{padding: 25px 0;font-size: 14px;color: #ccc;border-top: 1px solid #4d4d4d;}
	.newadd_feng .footers_b a{color: #ccc;}
	.newadd_feng .footers_b .wai{width: 100%;}
	.newadd_feng .footers_b .wai a,.newadd_feng .footers_b .wai .tit{margin-right:30px;}
	.newadd_feng .footers_b .wai a:hover{color: #d6000f;}
	.newadd_feng .footers_b .wai a:last-child{margin-right: 0;}
	.newadd_feng .footers_b a.bei{color: #808080;}
	.newadd_feng .bei img{margin-left: 10px;}
	
@media (max-width: 1800px) {
	.newadd_feng .container,.container2{width: 89%important;}
	.newadd_feng .footers_t .foot_item6 .phone{font-size: 28px;}
	
	
	.addp_jbcnavc{width: 70%;padding-left: 14.5%;}
	.secoleve_item li{width: 8%;padding-left: 21px;}
	.newadd_feng .container,.container2{width: 89%!important;}
	.newadd_feng .footers_t .foot_item6 .phone{font-size: 28px;}
	.addp_jbcnavc{width: 70%;padding-left: 14.5%;}
	.addp_specialitem{width: 63.8%;}
}	
@media (max-width: 1750px){
	/* 第4个学习工具  container*/
	.newadd_feng .footers_t .foot_item:nth-child(2),
	.newadd_feng .footers_t .foot_item:nth-child(3){width: 11.5%;padding-left: 4.3%;}
	.newadd_feng .footers_t .foot_item4 a{font-size: 12px}
}
@media (max-width: 1700px) {
	/* 新增导航样式 */
	.addp_jbcnav.addp_newnav .addp_jbcnavc{
		margin-left: 6%;
	}
	
	.newadd_feng .container,.container2{width: 87%!important;}
	.newadd_feng .footers_t .foot_item6 .phone{font-size: 26px;}
	
	.addp_jbcnavc {width: 70%;padding-left: 12.5%;}
	.secoleve_item li {padding-left: 15px;}
	.secoleve_item:nth-child(2n) li {padding-left: 17px;}
	.newadd_feng .footers_t .foot_item6 .phone{font-size: 26px;}
	.addp_jbcnavc {width: 70%;padding-left: 12.5%;}
	.secoleve_item li {padding-left: 15px;}
}

@media (max-width: 1650px){
	/* 新增导航样式 */
	.addp_jbcnav.addp_newnav .addp_jbcnavlc{width: 35%;}
	.addp_jbcnav.addp_newnav .addp_jbcnavc{
		margin-left: 3%;
	}
	.detpagapp .addp_jbcnav.addp_newnav .addp_jbcnavc{margin-left: 0;}
	.addp_jbcnav.addp_newnav .addp_jbcnavc .lis{
		font-size: 18px;
		width: 17%;
	}
	.addp_jbcnav.addp_newnav .addp_jbcnavc .lis a:hover{
		font-size: 18px;
	}
	.addp_jbcnav.addp_newnav .addp_jbcnavc .lis.shows.active{
		padding-left: 1.7%;
		width: 22%;
		font-size: 20px;
	}
	.detpagapp .addp_jbcnav.addp_newnav .addp_jbcnavc .lis.shows.active{width: 22.5%;}
	
	
	.addp_jbcnavc {width: 67%;padding-left: 12.5%;}
	.container2 .addp_jbcnavc{padding-left: 11.5%;width: 53%;}
	.secoleve_item li {padding-left: 20px;}
	.secoleve_item:nth-child(2n) li {padding-left: 17px;}
	
}
@media (max-width: 1600px) {
	.newadd_feng .footers_t .foot_item6 .phone{font-size: 25px;}
	.newadd_feng .footers_t .foot_item6 .phone{font-size: 25px;}
	
	/* 第4个学习工具  container2*/
	.newadd_feng .container2 .footers_t .foot_item4{font-size: 12px;}
	.newadd_feng .container2 .footers_t .foot_item4{padding-left:1%;}
	.newadd_feng .container2  .footers_t .foot_item4 a{width: 28%;}
	.newadd_feng .footers_t .foot_item4{width: 22%;}
}
@media (max-width: 1500px) {
	.newadd_feng .footers_t .foot_item{padding-left: 4%;}
	.newadd_feng .footers_t .foot_item:nth-child(2),
	.newadd_feng .footers_t .foot_item:nth-child(3){padding-left: 4.5%;}
	.newadd_feng .footers_t .foot_item{padding-left: 4%;}
	.newadd_feng .footers_t .foot_item:nth-child(2),
	.newadd_feng .footers_t .foot_item:nth-child(3){padding-left: 4.5%;}
	/* 第4个学习工具  container*/
	.newadd_feng .footers_t .foot_item4{padding-left:1%;width: 23%;}
	.newadd_feng .footers_t .foot_item4 a{width: 28%;}
	
	
	
	
	.addp_jbcnavc {padding-left: 9.5%;width: 58%;}
	.container2 .addp_jbcnavc{padding-left: 9.5%;width: 53%;}
	.addp_jbcnavr {width: 14.6%;height: 32px;line-height: 32px;}
	.secoleve_item li{font-size: 15px;width: 8%;padding-left: 12px;}
	.secoleve_item:nth-child(2n) li{width: 7.5%;	padding-left: 4px;}
	.container2 .secoleve_item li,.container2 .secoleve_item:nth-child(2n) li{padding-left: 4px;}
	/* 导航栏菜单 */
	.jbczkbox a{font-size:15px;}
	.jbczkbox1 {padding: 15px 8px 0px 0px;}
	.jbczkbox p{margin-bottom:10px;}
	
}
@media (max-width: 1450px) {
	.newadd_feng .container,.container2{width: 87%;}
}
@media (max-width: 1400px) {
	.newadd_feng .footers_t .foot_item{padding-left: 2.1%;}
	.newadd_feng .footers_t .foot_item:nth-child(2),
	.newadd_feng .footers_t .foot_item:nth-child(3){padding-left: 3.5%;}
	
	.addp_jbcnavc .lis.active{font-size: 19px;}
	.addp_jbcnavc .lis{font-size: 17px;}
	.addp_jbcnavc .lis a:hover{font-size: 17px;}
	.addp_jbcnavc {padding-left: 5.5%;width: 58%;}
	.container2 .addp_jbcnavc{padding-left: 6.5%;width: 53%;}
	.region-sear .region-btn{height: 32px;line-height: 32px;}
	.addp_jbcnavr{width: 14.6%;height: 32px;line-height: 32px;}
	
	
	.secoleve_item li{font-size: 15px;width: 7.85%;padding-left: 5px;}
	.secoleve_item:nth-child(2n) li{width: 7.9%;	padding-left: 8px;}
	/* 导航栏菜单 */
	.jbczkbox a{font-size:15px;}
	.jbczkbox1 {padding: 15px 8px 0px 0px;}
	.jbczkbox p{margin-bottom:10px;}
	/* 第4个学习工具  container2*/
	.newadd_feng .container2 .footers_t .foot_item4{padding-left:0.8%;}
	.newadd_feng .container2  .footers_t .foot_item4 a{width: 29%;margin:0 5px 10px 0;}
	.newadd_feng .footers_t .foot_item{padding-left: 2.1%;}
	.newadd_feng .footers_t .foot_item:nth-child(2),
	.newadd_feng .footers_t .foot_item:nth-child(3){padding-left: 3.5%;}
	
	/* 第4个学习工具  container*/
	.newadd_feng .footers_t .foot_item4{padding-left:1%;}
	.newadd_feng .footers_t .foot_item4 a{width: 28.5%;}
	.addp_jblochttit{font-size: 23px;}
}
@media (max-width: 1350px){
	.secoleve_item li a{font-size: 15px}
	.secoleve_item li{font-size: 15px;width: 7.6%;padding-left: 5px;}
	.secoleve_item:nth-child(2n) li{width: 7.9%;	padding-left: 3px;}
	/* 第4个学习工具  container*/
	.newadd_feng .footers_t .foot_item4{padding-left:1%;width: 25%;}
	.newadd_feng .footers_t .foot_item4 a{width: 28%;}
	/* 第4个学习工具  container2*/
	.newadd_feng .container2 .footers_t .foot_item4{padding-left:0.3%;}
	.newadd_feng .container2  .footers_t .foot_item4 a{width: 30%;margin:0 3px 10px 0;}
}
@media (max-width: 1300px) {
	/* 新增导航样式 */
	.addp_jbcnav.addp_newnav .addp_jbcnavc .lis.shows.active img{
		width: 22px;
		margin-right: 2px;
	}
	.addp_jbcnav.addp_newnav .addp_jbcnavc .lis.shows.active{
		font-size: 18px;
	}
	.addp_jbcnav.addp_newnav .addp_jbcnavlc{width: 39%;}
	.addp_jbcnav.addp_newnav .addp_jbcnavc{
		margin-left: 0;
	}
	
	
	.add_headernavlogos .addp_jbcnavr{width: 163px!important;}
	
	.addp_sendnav .sed_navs a{font-size: 15px;}
	
	.newadd_feng .footers_t .foot_item{padding-left: 2.1%;}
	.newadd_feng .footers_t .foot_item:nth-child(2),
	.newadd_feng .footers_t .foot_item:nth-child(3){padding-left: 3.5%;}
	.newadd_feng .footers_t .foot_item6 .phone{font-size: 23px;}
	
	.addp_jbcnavc .lis.active{font-size: 18px;}
	.addp_jbcnavc .lis{font-size: 16px;}
	.addp_jbcnavc .lis a:hover{font-size: 16px;}
	.addp_jbcnavc {padding-left: 5.5%;width: 58%;}
	.container2 .addp_jbcnavc{padding-left: 2.5%;width: 55%;}
	.secoleve_item li{font-size: 14px;width: 7.9%;padding-left: 0;}
	.container2 .secoleve_item li,.container2 .secoleve_item:nth-child(2n) li{padding-left: 0;}
	.secoleve_item li a{font-size: 15px}
	.secoleve_item:nth-child(2n) li{width: 7.9%;	padding-left: 0;}
	/* 导航栏菜单 */
	.jbczkbox a{font-size:14px;}
	.jbczkbox1 {padding: 15px 8px 0px 0px;}
	.jbczkbox p{margin-bottom:10px;}
	.newadd_feng .footers_t .foot_item{padding-left: 2.1%;}
	.newadd_feng .footers_t .foot_item:nth-child(2),
	.newadd_feng .footers_t .foot_item:nth-child(3){padding-left: 3.5%;}
	.newadd_feng .footers_t .foot_item6 .phone{font-size: 23px;}
	.detpagapp .footers_t .foot_item6 .phone{font-size: 23px;}
	.addp_jblochttit{font-size: 22px;}
}
@media (max-width: 1180px) {
	.container2{width: 84%;}
	.container2 .footers_t .foot_item:nth-child(2), .container2 .footers_t .foot_item:nth-child(3){padding-left: 3%;}
	.newadd_feng .footers_t .foot_item6 .phone{font-size: 21px}
	.detpagapp .footers_t .foot_item6 .phone{font-size: 21px;}
	
	.secoleve_item li a{font-size: 14px}
	.secoleve_item:nth-child(2n) li{width: 7.9%;padding-left: 0;}
	/* 第4个学习工具  container*/
	.newadd_feng .footers_t .foot_item4{padding-left:0.8%;}
	.newadd_feng .footers_t .foot_item4 a{width: 30%;}
	/* 第4个学习工具  container2*/
	.newadd_feng .container2 .footers_t .foot_item4{padding-left:0.1%;}
	.newadd_feng .container2  .footers_t .foot_item4 a{width: 33%;margin:0 0 10px 0;}
	.newadd_feng .footers_t .foot_item6 .phone{font-size: 21px}
	.detpagapp .footers_t .foot_item6 .phone{font-size: 21px;}
	
	
	/* 第二种container2 */
	.container2{width: 84%;}
	.container2 .footers_t .foot_item:nth-child(2), .container2 .footers_t .foot_item:nth-child(3){padding-left: 3%;}
	/* 第4个学习工具  container2*/
	.newadd_feng .container2 .footers_t .tit{font-size: 16px;}
	.addp_jblochttit{font-size: 19px}
}




	
	
/* 单行超出文字省略号 */
.ellipsis{
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}

/* 多行超出文字省略号 */
.ellipsis2{
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.flex {
  display: flex;
  -webkit-display: flex;
  /* Safari */
  -ms-display: flex;
  -moz-display: flex;
  -webkit-display: flex; }

/* flexinl 行内元素 Flex 布局 */
.flexinl {
  display: inline-flex;
  -webkit-display: inline-flex;
  /* Safari */
  -ms-display: inline-flex;
  -moz-display: inline-flex;
  -webkit-display: inline-flex; }

.flex-ac {
  display: flex;
  -webkit-display: flex;
  /* Safari */
  -ms-display: flex;
  -moz-display: flex;
  -webkit-display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -webkit-flex-direction: column;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center; }

.flexinl-ac {
  display: inline-flex;
  -webkit-display: inline-flex;
  /* Safari */
  -ms-display: inline-flex;
  -moz-display: inline-flex;
  -webkit-display: inline-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -webkit-flex-direction: column;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center; }

.flex-jc {
  display: flex;
  -webkit-display: flex;
  /* Safari */
  -ms-display: flex;
  -moz-display: flex;
  -webkit-display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -webkit-justify-content: center; }

.flexinl-jc {
  display: inline-flex;
  -webkit-display: inline-flex;
  /* Safari */
  -ms-display: inline-flex;
  -moz-display: inline-flex;
  -webkit-display: inline-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -webkit-justify-content: center; }

.flex-j {
  display: flex;
  -webkit-display: flex;
  /* Safari */
  -ms-display: flex;
  -moz-display: flex;
  -webkit-display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -webkit-justify-content: center; }

.flexinl-j {
  display: inline-flex;
  -webkit-display: inline-flex;
  /* Safari */
  -ms-display: inline-flex;
  -moz-display: inline-flex;
  -webkit-display: inline-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -webkit-justify-content: center; }

.flex-a1 {
  display: flex;
  -webkit-display: flex;
  /* Safari */
  -ms-display: flex;
  -moz-display: flex;
  -webkit-display: flex;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center; }

.flexinl-a {
  display: inline-flex;
  -webkit-display: inline-flex;
  /* Safari */
  -ms-display: inline-flex;
  -moz-display: inline-flex;
  -webkit-display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center; }

.flex-ja {
  display: flex;
  -webkit-display: flex;
  /* Safari */
  -ms-display: flex;
  -moz-display: flex;
  -webkit-display: flex;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -webkit-justify-content: center; }

.flexinl-ja {
  display: inline-flex;
  -webkit-display: inline-flex;
  /* Safari */
  -ms-display: inline-flex;
  -moz-display: inline-flex;
  -webkit-display: inline-flex;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -webkit-justify-content: center; }
.flex-sb {
  display: flex;
  -webkit-display: flex;
  /* Safari */
  -ms-display: flex;
  -moz-display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  }

.flex-asb {
  display: flex;
  -webkit-display: flex;
  /* Safari */
  -ms-display: flex;
  -moz-display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center; }

.flexinl-asb {
  display: inline-flex;
  -webkit-display: inline-flex;
  /* Safari */
  -ms-display: inline-flex;
  -moz-display: inline-flex;
  -webkit-display: inline-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center; }

/* 每个项目两侧的间隔相等。所以，项目之间的间隔比项目与边框的间隔大一倍 */
.flex-asa {
  display: flex;
  -webkit-display: flex;
  /* Safari */
  -ms-display: flex;
  -moz-display: flex;
  -webkit-display: flex;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  -ms-justify-content: space-around;
  -moz-justify-content: space-around;
  -webkit-justify-content: space-around;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center; }

.flexinl-asa {
  display: inline-flex;
  -webkit-display: inline-flex;
  /* Safari */
  -ms-display: inline-flex;
  -moz-display: inline-flex;
  -webkit-display: inline-flex;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  -ms-justify-content: space-around;
  -moz-justify-content: space-around;
  -webkit-justify-content: space-around;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center; }

.flex-as {
  display: flex;
  -webkit-display: flex;
  /* Safari */
  -ms-display: flex;
  -moz-display: flex;
  -webkit-display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center; }

.flexinl-as {
  display: inline-flex;
  -webkit-display: inline-flex;
  /* Safari */
  -ms-display: inline-flex;
  -moz-display: inline-flex;
  -webkit-display: inline-flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center; }

.flex-ae {
  display: flex;
  -webkit-display: flex;
  /* Safari */
  -ms-display: flex;
  -moz-display: flex;
  -webkit-display: flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -webkit-justify-content: flex-end;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center; }

.flexinl-ae {
  display: inline-flex;
  -webkit-display: inline-flex;
  /* Safari */
  -ms-display: inline-flex;
  -moz-display: inline-flex;
  -webkit-display: inline-flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -webkit-justify-content: flex-end;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center; }

.flex-jw {
  display: flex;
  -webkit-display: flex;
  /* Safari */
  -ms-display: flex;
  -moz-display: flex;
  -webkit-display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }

.flexinl-jw {
  display: inline-flex;
  -webkit-display: inline-flex;
  /* Safari */
  -ms-display: inline-flex;
  -moz-display: inline-flex;
  -webkit-display: inline-flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }
.flex-w {
  display: flex;
  -webkit-display: flex;
  /* Safari */
  -ms-display: flex;
  -moz-display: flex;
  -webkit-display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.flex-aw {
  display: flex;
  -webkit-display: flex;
  /* Safari */
  -ms-display: flex;
  -moz-display: flex;
  -webkit-display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center; }

.flexinl-aw {
  display: inline-flex;
  -webkit-display: inline-flex;
  /* Safari */
  -ms-display: inline-flex;
  -moz-display: inline-flex;
  -webkit-display: inline-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center; }