@charset "utf-8";

html,body{
    overflow-x: hidden;
    max-width: 100%;
}
.breadcrumb {
	background: none;
}

.breadcrumb>li+li:before {
	color: #cccccc !important;
}

.breadcrumb a {
	color: #9a989f;
}

.breadcrumb a.active {
	color: #d82119;
}

.caseList {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.caseList::before {
	content: '';
	padding-top: 68%;
	display: block;
}

.owl-carousel {
	width: 90%;
	margin: 0 auto;
}

#pro {
	background-color: #ededed;
}
.container{
    max-width: 100%;
}

#mywork ul {
	padding: 0;
	width: 100%;
}

#mywork li {
	width: 32%;
	display: inline-block;
	padding: 1%;
}

.topBtn {
	position: relative;
}

.topBtn .bg {
	display: none;
	background-color: #3b5999;
	color: #fff;
	position: absolute;
	padding: 10px;
	bottom: 45px;
	left: 15px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	font-size: 1.8rem;
	font-weight: bold;
	z-index: 999;
}

.topBtn .bg a{
    color: #fff;
}

.topBtn:hover .bg {
	display: block;
}

.topBtn.wechat .bg {
	background-color: #42b33e;

}
.topBtn.wechat .bg h4{
  	font-size: 13px;  
}

.topBtn .bg img {
	width: 130px;
	height: auto;
}

.topBtn .bg h4 {
	margin: 3px 0;
}

.topBtn.email .bg {
	background-color: #de4b39;
	right: 15px;
	left: unset;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 0;
}
#case,#pro{
    padding-top: 5%;
}
.career .heading img{
    display: block;
}