/*当宽度大于768时，执行以下代码*/
@media(min-width:768px) {	
.navbar_2{background: rgba(0,0,0,.8);}
	
	
.card_image {
	z-index: 1;
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;

	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}	
	
	.imgpc_1{background-image:url("../img/index/about_1.png");}
	.imgpc_2{background-image:url("../img/index/about_2.png");}
	.imgpc_3{background-image:url("../img/index/about_3.png");}
	
	.card_image:after {
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.4));
	transition: opacity .3s ease;
	opacity: 0
}
.card:hover .card_image {
	background-color: #E92125;
}	
	
	
	
	
.qrcode {
	width: 68px;
	height: 24px;
	align-self: flex-start;
	position: relative;
	cursor: pointer;
	color: rgb(0, 152, 69);

}

.qrcodehover {
	display: none;
	position: absolute;
	top: 26px;
	left: -30px;
	width: 146px;
	height: 170px;
	z-index: 999;
	background-color: rgb(255, 255, 255);
	box-shadow: rgb(153 153 153) 0px 2px 10px;
	border-radius: 4px;

}

.qrcodeImg {
	width: 130px;
	height: 130px;
	background-repeat: no-repeat;
	background-size: 130px 130px;
	margin: 15px auto;
	background-image:url("../img/qr_tip.png");
}

.qrcode:hover .qrcodehover {
	display: block;
}

.textqrcode {
	font-size: 13px;
	width: 100%;
	text-align: center;
	color: rgb(50, 50, 50);
	margin: 0px;
}	
	

	
	
}

/* 导航小于767的时候，文字距离 */	
@media(max-width:767px) {
	

.index_inner .container h2{ font-size: 40px;}	
	
	
	
.navbar_3{padding-left: 40%;}

	
.card_image {
	z-index: 1;
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;

	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}	
	
	.imgpc_1{background-image:url("../img/index/about_1_1.png");}
	.imgpc_2{background-image:url("../img/index/about_2_1.png");}
	.imgpc_3{background-image:url("../img/index/about_3_1.png");}
	
	.card_image:after {
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.4));
	transition: opacity .3s ease;
	opacity: 0
}
.card:hover .card_image {
	background-color: #E92125;
}	
	


.item_box h2{ margin-top: 50px;}

@media(max-width:767px) {
.navbar-custom .nav li a:active, .navbar-custom .nav li a:focus {
	outline: 0;
	background-color: #555555;
	
		
		
}	
	
.navbar-collapse span.follow {
	display: none !important;
}
	
	
.item_bd card_image cont{
	z-index: 1;
	display: block;
	position: relative;
	width: 200px;
	height: 180px;
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-color: #ccc;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out; background-image: url("../img/index/about_2.png");
}	
	
		
	
}

/* 导航小于767的时候，背景色调节 */
.nav_mask {
	position: fixed;
	z-index: 999;
	left: 30%;
	top: 0;
	width: 100%;
	height: 80%;
	background: #ffffff;
	opacity: 0;
	-webkit-transition: opacity .4s linear;
	-ms-transition: opacity .4s linear;
	-moz-transition: opacity .4s linear;
	transition: opacity .4s linear;
	display: none;
}

.nav_mask.show {
	opacity:inherit;
}