@charset "utf-8";
.b_title{
	line-height: 30px;
	font-size: 30px;
	padding-top: 100px;
	margin-bottom: 30px;
	font-weight: bold;
	text-align: center;
	position: relative;
}
.b_title:after{
	position: absolute;
	bottom: -10px;
	width: 20px;
	height: 2px;
	background: #b7282c;
	left: 50%;
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	content: "";
}
.b11_box{
	width: 100%;
	background: #f3f3f3;
	padding-bottom: 20px;
}
.b11_box .b11_nav{
	height: 500px;
	background: #fff;
	width: calc((100% - 40px) / 2);
	text-align: center;
	padding: 0 140px;
	box-sizing: border-box;
}
.b11_box .b11_nav:hover{
	background: #ab393c;
	color:#fff;
}
.b11_box .b11_nav .img2{
	display: none;
}
.b11_box .b11_nav:hover .img1{
	display: none;
}
.b11_box .b11_nav:hover .img2{
	display: block;
}
.b11_box .b11_nav .b11_icon{
	height: 110px;
	margin-top: 65px;
}
.b11_box .b11_nav .img{
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}
.b11_box .b11_nav .b11_title{
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
}
.b11_box .b11_nav .b11_content{
	font-size: 16px;
	line-height: 30px;
	margin-top: 30px;
}

.b12_box .b12_nav{
	width: 35%;
  	border-radius: 10px;
  	box-shadow: 0px 3px 15px 0px rgba(67, 65, 65, 0.31);
  	overflow: hidden;
  	border:1px solid #313131;
  	box-sizing: border-box;
  	position: relative;
}
.b12_box .b12_nav .img{
	padding: 24px;
	max-width: 100%;
	margin: auto;
	box-sizing: border-box;
}
.b12_box .b12_nav .b12_more{
	position: absolute;
	bottom: -96px;
	left: 0;
	height: 96px;
	background: #616161;
	color:#fff;
	font-size:16px;
	text-align: center;
	line-height: 96px;
	width: 100%;
	-o-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;
	transition: all 0.6s;
}
.b12_box .b12_nav:hover .b12_more{
	bottom: 0;
}

.b13_box{
	width: 100%;
	padding-bottom: 40px;
}
.b13_box .b13_img{
	width: 100%;
}
.b13_box .b13_inner{
	width: 80%;
	margin: auto;
	padding: 105px 0;
	position: relative;
}
.b13_box .b13_nav{
	position: absolute;
	z-index: 10;
	width: 80px;
	height: 80px;
	background: #eee;
	border-radius: 50%;
}
.b13_box .b13_nav1{
	left: 3.8%;
	top: 55%;
}
.b13_box .b13_nav2{
	left: 19%;
	top: 68%;
}
.b13_box .b13_nav3{
	left: 33%;
	top: 49%;
}
.b13_box .b13_nav4{
	left: 48%;
	top: 55%;
}
.b13_box .b13_nav5{
	left: 61.8%;
	top: 22.5%;
}

.b13_box .b13_nav6{
	left: 77%;
	top: 38%;
}

.b13_box .b13_nav7{
	left: 92%;
	top: 18%;
}

.b13_box .b13_nav .b13_txt{
	position: absolute;
	z-index: 10;
	width: 160px;
	text-align: center;
}
.b13_box .b13_nav1 .b13_txt,
.b13_box .b13_nav3 .b13_txt,
.b13_box .b13_nav5 .b13_txt,
.b13_box .b13_nav7 .b13_txt{
	bottom: calc(100% + 16px);
}
.b13_box .b13_nav2 .b13_txt,
.b13_box .b13_nav4 .b13_txt,
.b13_box .b13_nav6 .b13_txt{
	top:calc(100% + 16px);
}
.b13_box .b13_nav .b13_title{
	font-size: 32px;
	line-height: 40px;
	font-weight: bold;
}
.b13_box .b13_nav .b13_content{
	font-size: 16px;
	line-height: 24px;
}

.b12_box .body_con .div_img {     
  margin-bottom:100px  
}
.b12_box .body_con .bus_img
{
    margin:auto;border: 1px solid #313131;
    box-sizing: border-box;border-radius: 10px;max-width: 100%;
}
/*响应式适配*/
@media screen and (max-width: 1861px) {
	
}
@media screen and (max-width: 1681px) {
	
}
@media screen and (max-width: 1450px) {
	.b13_box .b13_nav1{
		left: 3.8%;
		top: 52%;
	}
	.b13_box .b13_nav2{
		left: 19%;
		top: 65%;
	}
	.b13_box .b13_nav3{
		left: 33%;
		top: 46%;
	}
	.b13_box .b13_nav4{
		left: 48%;
		top: 52%;
	}
	.b13_box .b13_nav5{
		left: 61.8%;
		top: 22%;
	}
	
	.b13_box .b13_nav6{
		left: 77%;
		top: 35%;
	}
	
	.b13_box .b13_nav7{
		left: 89.5%;
		top: 20%;
	}
	.b11_box .b11_nav {
	    padding: 0 100px;
	}
}
@media screen and (max-width: 1335px) {
	.b13_box .b13_nav1{
		left: 3.8%;
		top: 50%;
	}
	.b13_box .b13_nav2{
		left: 19%;
		top: 60%;
	}
	.b13_box .b13_nav3{
		left: 33%;
		top: 44%;
	}
	.b13_box .b13_nav4{
		left: 47%;
		top: 49%;
	}
	.b13_box .b13_nav5{
		left: 61.8%;
		top: 25%;
	}
	
	.b13_box .b13_nav6{
		left: 77%;
		top: 35%;
	}
	
	.b13_box .b13_nav7{
		left: 89.5%;
		top: 20%;
	}
	.b13_box .b13_nav1 .b13_txt,
	.b13_box .b13_nav3 .b13_txt,
	.b13_box .b13_nav5 .b13_txt,
	.b13_box .b13_nav7 .b13_txt{
		bottom: calc(100% + 10px);
	}
	.b13_box .b13_nav2 .b13_txt,
	.b13_box .b13_nav4 .b13_txt,
	.b13_box .b13_nav6 .b13_txt{
		top:calc(100% + 10px);
	}
	.b11_box .b11_nav {
	    padding: 0 60px;
	}
	
}
@media screen and (max-width: 1200px) {
	
}
@media screen and (max-width: 1100px) {

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

}
@media screen and (max-width: 768px) {
    .b12_box .body_con .div_img {
        margin-bottom: 20px;      
    }
	.b_title {
	    line-height: 24px;
	    font-size: 24px;
		padding-top: 20px;
		margin-bottom: 25px;
	}
	.b11_box{
		padding-bottom: 30px;
	}
	.b11_box .b11_inner{
		display: block;
	}
	.b11_box .b11_nav {
	    height: auto;
	    width: 100%;
	    padding: 20px;
	    margin-bottom: 10px;
	}
	.b11_box .b11_nav .b11_icon {
	    height: auto;
	    margin: auto;
	    margin-top: 0px;
	    margin-bottom: 16px;
	    width: 40px;
	}
	.b11_box .b11_nav .b11_content {
	    font-size: 14px;
	    line-height: 24px;
	    margin-top: 16px;
	}
	.b12_inner{
		display: block;
	}
	.b12_box .b12_nav {
	    width: 100%;
	    margin-bottom: 20px;
	}
	.b12_box .b12_nav .b12_more {
	    position: absolute;
	    bottom: -60px;
	    height: 60px;
	    line-height: 60px;
	}
	.b13_box {
	    padding-bottom: 20px;
	}
	.b13_box .b13_inner {
	    width: auto;
	    padding: 10px 20px 0 20px;
	    display: -webkit-box; 
		display: -moz-box; 
		display: -moz-flex; 
		display: -ms-flexbox; 
		display: -o-flex;
		display: -webkit-flex;
		display: flex;
		-o-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-o-justify-content: flex-start;
		-moz-justify-content: flex-start;
		-ms-justify-content: flex-start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		
	}
	.b13_box .b13_img {
	    display: none;
	}
	.b13_box .b13_nav_icon {
	    width: 60px;
	    height: 60px;
	    background: #eee;
	    margin: auto;
	    border-radius: 50%;
	    display: -webkit-box; 
		display: -moz-box; 
		display: -moz-flex; 
		display: -ms-flexbox; 
		display: -o-flex;
		display: -webkit-flex;
		display: flex;
		-o-justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		justify-content: center;
		-o-align-items: center;
		-moz-align-items: center;
		-ms-align-items: center;
		-webkit-align-items: center;
		align-items: center;
		margin-bottom: 5px;
	}
	.b13_box .b13_nav_icon .img{
		max-height: 50%;
		max-width: 50%;
	}
	.b13_box .b13_nav {
	    position: initial;
	    z-index: 10;
	    width: 50%;
	    height: auto;
	    background: transparent;
	    border-radius: 0;
	    display: block;
	    margin-bottom: 20px;
	}
	.b13_box .b13_nav .b13_txt {
	    position: initial;
	    width: 100%;
	    text-align: center;
	}
	.b13_box .b13_nav .b13_title{
		font-size: 24px;
   	 	line-height: 30px;
	}
	.b13_box .b13_nav .b13_content {
	    font-size: 14px;
	    line-height: 20px;
	}
}
@media screen and (max-width: 414px) {
	
}