.case-col {

	width: 100%;

	display: table;

}

.case-col ul {

	width: 6.7rem;

	margin: 0 auto;

	display: table;

}

.case-col ul li {

	width: 3.25rem;

	height: 2.81rem;

 margin-top: .2rem;

}

.case-col ul li h4 {

	width: 3.23rem;

	height: 1.8rem;

	overflow: hidden;

}

.case-col ul li h4 img {

	width: 100%;

}

.case-col ul li p b {

	display: block;

	text-align: left;

 font-size: .26rem;

	color: #333;

	font-weight: normal;

 letter-spacing: .02rem;

}

.case-col ul li p em {

	display: block;

 font-size: .22rem;

 line-height: .4rem;

 padding-top: .1rem;

	text-align: left;

}

.case-col ul li p em i {

	color: #f00;

 margin: 0. 04rem;

}

.case-col ul li p {

	width: 3.24rem;

	height: 1rem;

 border: .01rem solid #e8e8e8;

	border-top: none;

 padding: .15rem .2rem;

	position: relative;

}

.case-col ul li p a {

	display: inline-block;

 width: .68rem;

 height: .68rem;

	background: #FF6A6A;

 border-radius: .04rem;

	position: absolute;

 right: .1rem;

 top: .16rem;

	color: #fff;

	text-align: center;

 line-height: .28rem;

 padding-top: .06rem;

}

.case-col ul li p span {

 line-height: .64rem;

	color: #555;

 font-size: .24rem;

	position: relative;

 padding: 0 .4rem;

}

.case-col ul li p span:after {

	content: '';

	position: absolute;

	left: 0;

	top: 50%;

 width: .1rem;

 height: .1rem;

 border: .03rem solid #cccccc;

	border-radius: 50%;

 margin-top: -.07rem;

}

.case-col ul li p span:before {

	content: '';

	position: absolute;

	right: 0;

	top: 50%;

 width: .1rem;

 height: .1rem;

 border: .03rem solid #cccccc;

	border-radius: 50%;

 margin-top: -.07rem;

}

.team-list {

	display: none;

}

.team-list.show {

	display: block;

}

.case-menu {

	width: 100%;

	display: table;

}

.case-menu ul {

	width: 6.7rem;

	margin: 0 auto;

	display: table;

}

.case-menu ul li {

	width: 3.25rem;

	height: 2.45rem;

}

.case-menu ul li:nth-child(2n) {

	float: right;

}

.case-menu ul li h4 {

	width: 3.23rem;

	height: 1.8rem;

	overflow: hidden;

}

.case-menu ul li h4 img {

	width: 100%;

}

.case-menu ul li p {

	width: 3.24rem;

 height: .64rem;

 border: .01rem solid #e8e8e8;

	border-top: none;

	text-align: center;

}

.case-menu ul li p span {

 line-height: .64rem;

	color: #555;

 font-size: .24rem;

	position: relative;

 padding: 0 .4rem;

}

.case-menu ul li p span:after {

	content: '';

	position: absolute;

	left: 0;

	top: 50%;

 width: .1rem;

 height: .1rem;

 border: .03rem solid #cccccc;

	border-radius: 50%;

 margin-top: -.07rem;

}

.case-menu ul li p span:before {

	content: '';

	position: absolute;

	right: 0;

	top: 50%;

 width: .1rem;

 height: .1rem;

 border: .03rem solid #cccccc;

	border-radius: 50%;

 margin-top: -.07rem;

}

.school div p span {

 width: .42rem;

}

.school div p em b {

	width: 1.3rem;

	text-align: right;

}

header {

	box-shadow: 0 8px 15px rgba(0,0,0,.2);

}

 @media screen and (max-width: 330px) {

.school div p em b {

	width: 1.5rem;

	text-align: right;

}

}

.recommended {

	background: url(../images/bg11.jpg) top center no-repeat;

	-webkit-background-size: 100% auto;

	background-size: 100% auto;

 margin-top: .2rem;

	background-color: #fff;

}

.recommended h2.tits b {

	color: #fff;

}

.recommended h2.tits i {

	color: #fff;

}

.recommended {

	overflow: hidden;

	width: 7.5rem;

	height: auto;

 margin-bottom: .2rem;

}

.recom-col {

	width: 7.5rem;

 padding-top: .2rem;

	overflow: hidden;

}

.contact a {

 border-radius: .04rem;

}

.recom-col ul {

	width: 100%;

	height: 100%;

}

.recom-col ul li {

	width: 3rem !important;

	height: 3.12rem;

 margin: 0 .08rem;

	float: left;

}

.recom-col ul li h4 {

	width: 100%;

	height: 2rem;

 border-radius: .05rem .05rem 0 0;

}

.recom-col ul li h4 img {

	width: 100%;

	height: 100%;

 border-radius: .05rem .05rem 0 0;

}

.recom-col ul li p {

	width: 100%;

	height: 1rem;

	border-top: none;

 padding: 0 .18rem;

	position: relative;

}

.recom-col ul li p b {

	display: block;

	color: #333333;

	font-weight: normal;

 line-height: .6rem;

}

.recom-col ul li p span {

	display: block;

}

.recom-col ul li p em {

	font-weight: normal;

	color: #999999;

 font-size: .2rem;

	float: left;

}

.recom-col ul li p i {

	display: inline-block;

 width:.2rem;

 height: .2rem;

	background: url(../images/ico16.png) center no-repeat;

	-webkit-background-size: 100% 100%;

	background-size: 100% 100%;

	float: left;

 margin: 0 .02rem;

}

.recom-col ul li p a {

	display: inline-block;

 width: .68rem;

 height: .68rem;

	background: #FF6A6A;

 border-radius: .04rem;

	position: absolute;

 right: .1rem;

 top: .16rem;

	color: #fff;

	text-align: center;

 line-height: .28rem;

 padding-top: .06rem;

}

.case-roll {

	height: 4rem;

	position: relative;

	width: 6.7rem;

	margin: 0 auto;

}

.case-roll #certify2 {

	width: 6.7rem;

	margin: 0 auto;

	height: 3.5rem;

 margin-top: .15rem;

 margin-bottom: .3rem;

	overflow: hidden;

	position: absolute;

}

.case-roll ul li {

	width: 6.7rem;

	float: left;

 margin: 0 .1rem;

	overflow: hidden;

	height: 3.5rem;

}

.case-roll ul li h4, .case-roll ul li h4 img {

	width: 100%;

	height: 100%;

}

.case-roll ul li h4 {

	position: relative;

}

.case-roll ul li h4 span {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	display: inline-block;

 height: .65rem;

	background: rgba(0,0,0,.57);

	text-align: center;

 line-height: .65rem;

	color: #fff;

 font-size: .24rem;

	font-weight: normal;

 padding: 0 .2rem;

	overflow: hidden;

}

.store-col ul li {

	height: 3.5rem;

}

.store-col ul li h4 {

	height: 100%;

}

.store-col ul li h4 img {

	height: 100%;

}

.case-store {

	display: table;

}

.case {

 padding-bottom: .3rem;

 margin-bottom: .2rem;

}

.contact {

 margin-bottom: .2rem;

}

.video {

	width: 100%;

	display: table;

	background-color: #fff;

}

.video-main {

	width: 6.7rem;

	height: 2.8rem;

	background-color: #333333;

 margin-top: .2rem;

 margin-bottom: .2rem;

	position: relative;

}

.video-main span.play {

	display: inline-block;

	background: url(../images/plays.png) center no-repeat;

	-webkit-background-size: 100% 100%;

	background-size: 100% 100%;

 width: .86rem;

 height: .86rem;

	position: relative;

	left: 50%;

	top: 50%;

 margin-left: -.43rem;

 margin-top: -.43rem;

	cursor: pointer;

}

.case-data {

	width: 100%;

	display: table;

	background-color: #fff;

	min-height: 1rem;

 margin-top: .2rem;

 padding: .35rem .3rem;

}

.case-data-fl {

	width: 2.36rem;

	height: 2.7rem;

 border: .01rem solid #cccccc;

}

.case-data-fl img {

	width: 100%;

	height: 100%;

}

.case-data-fr {

	width: 4.5rem;

	height: 2.7rem;

}

.case-data-fr p {

	width: 100%;

	display: table;

}

.case-data-fr i {

	display: inline-block;

 width: .76rem;

 height: .66rem;

	float: left;

	display: flex;

	justify-content: center;

	align-items: center;

}

.case-data-fr i img {

 height: .36rem;

}

.case-data-fr span {

	width: 3.7rem;

	display: table;

	display: inline-block;

	float: right;

 line-height: .4rem;

 padding: .13rem 0;

	max-height: 1.06rem;

 font-size: .24rem;

	color: #333333;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

}

.case-data-fr span a {

	display: inline-block;

	width: 1.28rem;

 height: .5rem;

	background-color: #FF6A6A;

 border-radius: .05rem;

	color: #fff;

	float: right;

	text-align: center;

 line-height: .5rem;

 margin-top: -.05rem;

 font-size: .2rem;

}

.case-data-fr span b {

	font-weight: bold;

	color: #FF6A6A;

 font-size: .26rem;

}

.case-experi {

	width: 100%;

	display: table;

 padding-top: .8rem;

}

.case-experi h5 {

	width: 100%;

 border-top: .01rem solid #cccccc;

	display: table;

 height: .4rem;

}

.case-experi h5 span {

	display: inline-block;

 height: .4rem;

 line-height: .4rem;

 padding-left: .3rem;

 padding-right: .16rem;

	background-color: #fff;

 margin-top: -.2rem;

	float: left;

 font-size: .28rem;

	position: relative;

}

.case-experi h5 span:after {

	content: '';

	position: absolute;

	left: 0;

	top: 50%;

 width:.1rem;

 height: .26rem;

 border-radius: .05rem;

	background-color: #FF6A6A;

 margin-top: -.13rem;

}

.case-experi p {

 line-height: .46rem;

 font-size: .24rem;

	color: #666666;

	text-align: justify;

}

.adv-bannar {

	width: 100%;

	height: 1.43rem;

	background: url(../images/bann1.jpg) center no-repeat;

	-webkit-background-size: 100% 100%;

	background-size: 100% 100%;

}

.adv-bannar a {

	display: inline-block;

	float: right;

	width: 1.8rem;

 height: .65rem;

	background: url(../images/btn-bg.png) center no-repeat;

	-webkit-background-size: 100% 100%;

	background-size: 100% 100%;

	text-align: center;

	color: #fff;

 line-height: .65rem;

 margin-right: .42rem;

 margin-top: .39rem;

}

.case-prod {

 padding: .3rem 0;

	margin: 0;

}

.case-prod h6 {

	text-align: center;

	margin: 0;

 padding: .2rem 0;

}

.case-prod h6 img {

 height: .32rem;

}

.case-prod h6 i {

	display: block;

 font-size: .24rem;

	color: #666666;

	font-weight: normal;

 padding-top: .15rem;

}

.contact-bg {

	background: none;

	margin-bottom: 0;

	height: auto;

	display: table;

 margin-bottom: -.2rem;

}

.case-data-col {

	width: 100%;

	display: table;

 padding: .3rem 0;

 border-bottom: .01rem solid #f1f1f1;

}

.case-data h6 {

	text-align: center;

	margin: 0;

 padding: .2rem 0;

}

.case-data h6 img {

 height: .32rem;

}

.case-data h6 i {

	display: block;

 font-size: .24rem;

	color: #666666;

	font-weight: normal;

 padding-top: .15rem;

}

.none {

	border-bottom: none !important;

}

.contact a {

 font-size: .28rem;

}