/* 大熊科技 -- 百世功坊  --  通用模块  ---  样式表 */

/* TIME:2020-12-08 | author: Hefengyu */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	outline: 0;
}
html *::-webkit-scrollbar {
	width:7px;
	background:#fff;
}
html *::-webkit-scrollbar-thumb {
	background:#ccc;
}
html *::-webkit-scrollbar-track-piece {
	width:0;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	padding: 0;
	margin: 0;
}
fieldset, iframe, img {
	border: 0
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block
}
audio, canvas, video, progress {
	display: inline-block;
	vertical-align: baseline
}
button {
	background: none;
	border: 0;
	box-sizing: content-box;
	color: inherit;
	cursor: pointer;
	font: inherit;
	line-height: inherit;
	overflow: visible;
	vertical-align: inherit
}
button:disabled {
	cursor: default
}
audio:not([controls]) {
	display: none
}
input {
	font-family: '微软雅黑'
}
input[type="text"], input[type="tel"], input[type="button"], input[type="reset"], input[type="email"], input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	font-family: 'Microsoft YaHei'
}
body {
	font: normal normal normal 14px/1.8 Gotham, 'Microsoft YaHei', Helvetica, Arial, " sans-serif";
	color: #555;
}
a, a:link, a:visited {
	text-decoration: none;
}
a:active {
	text-decoration: none
}
a {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-user-select: none;
	-moz-user-focus: none;
	-moz-user-select: none;
}
a:hover {
	text-decoration: none
}
ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}
dl,dd{
	padding: 0;
	margin: 0;
}
img {
	border: none;
}
.clearfix{
	clear: both;
}
.container{
	width: 1400px;
	margin: 0 auto;
}
@font-face {
	font-family: 'FuturaMedium';
	src: url('../fonts/FuturaMedium.woff') format('woff'),
		url('../fonts/FuturaMedium.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}




/* --PC端header模块-- */
header{
	position: relative;
}
header .container{
	display: flex;
	justify-content: space-between;
	padding: 0 30px;
}
header .logo{
	width: 20%;
	margin-top: 55px;
}
header .logo img{
	max-width: 100%;
}
nav {
	width: 80%;
}
nav ul{
	display: flex;
	justify-content: flex-end;
}
nav li{
	margin-left: 100px;
}
nav li>a{
	color: #000000;
	font-size: 28px;
	line-height: 30px;
	line-height: 165px;
}

nav .active{
	background: url(../images/nav-line.png) no-repeat center bottom;
}
.drop-down{
	background: #f5f5f5;
	width: 100%;
	line-height: 70px;
	position: absolute;
	top: 165px;
	left: 0;
	font-size: 16px;
	z-index: 2;
	text-align: center;
	display: none;
}
.drop-down dd{
	display: inline-block;
	margin: 0 16px;
}
.drop-down dd>a{
	color: #666;
	padding-left: 15px;
	position: relative;
}
.drop-down dd a>i{
	width: 4px;
	height: 4px;
	background: #666;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0,-50%);
}
.drop-down dd a:hover{
	color: #ff0037;
}
.drop-down dd a:hover i{
	background: #ff0037;
}


/* -- 标题 -- */

.title{
	text-align: center;
}
.title h4{
	font-size: 48px;
	color: #282828;
	letter-spacing: 8px;
	line-height: 60px;
}
.title p{
	font-size: 24px;
	color: #c8c8c8;
	font-weight: 300;
}
.title1 .line{
	width: 50px;
	height: 4px;
	background: #ff0037;
	margin: 20px auto;
}
.title1 p{
	font-size: 36px;
	text-transform:uppercase;
}


/* --底部-- */
footer{
	background: url(../images/footer-bg.jpg) no-repeat center;
	background-size: cover;
	padding: 50px 0 30px 0;
}
footer .container{
	display: flex;
}
footer .left{
	width: 20%;
}
footer .right{
	width: 15%;
}
footer .center{
	width: 65%;
}
footer .left .item{
	background: #8a8a8a;
	border-radius: 20px;
	padding: 20px;
	margin-bottom: 30px;
	color: #fff;
}
footer .left .item .tel{
	font-family: "FuturaMedium";
	color: #fff;
	font-size: 42px;
	line-height: 45px;
	letter-spacing: 1.5px;
}
footer .left .item h4{
	font-size: 15px;
}
footer .left .item h3{
	background: url(../images/icon-weixin.png) no-repeat left top;
	padding-left: 40px;
	font-size: 22px;
	line-height: 24px;
}
footer .left .item p{
	font-size: 22px;
	line-height: 24px;
	margin-top: 10px;
}
footer .center{
	display: flex;
	justify-content: space-evenly;
}
footer .center .til a{
	color: #fff;
	display: block;
	background: url(../images/footer-line1.png) no-repeat center bottom;
	padding-bottom: 20px;
	margin-bottom: 20px;
	font-size: 26px;
}
footer .center .fot-nav a{
	color: #fff;
	font-size: 18px;
	line-height: 36px;
	display: block;
}
footer .right img{
	width: 110px;
}
footer .right h4{
	font-size: 18px;
	color: #fff;
}
footer a:hover{
	color: #ff1301 !important;
}
footer .copyright{
	text-align: center;
	font-size: 14px;
	color: #666;
	margin-top: 50px;
	padding-top: 20px;
	border-top: 1px solid #393939;
}
footer .copyright a{
	color: #666 !important;
}


/* --内页-- */
.banner-inpages img{
	width: 100%;
	display: block;
}



/* --手机站导航-- */
.sp_header {
	height: 50px;
	/*overflow: hidden;*/
	background: #fff;
	position: fixed;
	z-index: 9999;
	width: 100%;
	top: 0;
	left: 0;
	/* border-bottom: 1px solid #f7f1ff; */
}
.sp_logo {
	float: left;
}
.sp_logo img {
	margin-top: 12px;
	margin-left: 10px;
	display: block;
	margin-right: 20px;
	width: 120px;
}
.sp_nav {
	width: 55px;
	float: right;
	position: relative;
	cursor: pointer;
	height: 30px;
	margin-top: 14px
}
.sp_nav span {
	display: block;
	background: #ff0037;
	width: 30px;
	height: 4px;
	position: absolute;
	left: 10px;
	transition: all ease 0.35s;
	/* border-radius: 4px; */
}
.sp_nav span:nth-of-type(1) {
	top: 0px
}
.sp_nav span:nth-of-type(2) {
	top: 10px
}
.sp_nav span:nth-of-type(3) {
	top: 20px
}
.sp_nav_se span:nth-of-type(2) {
	width: 20px
}
.sp_nav_se span:nth-of-type(3) {
	width: 10px
}
.sjj_nav {
	position: fixed;
	z-index: 999999;
	background: #fff;
	width: 60%;
	height: 100%;
	font-size: 14px;
	line-height: 40px;
	top: 50px;
	right: -60%;
	border-top: 1px #e9e9e9 solid;
	overflow: auto;
	overflow-x: hidden;
	transition: right ease 0.35s;
}
.nav_show {
	right: 0
}
.sjj_nav ul li i {
	position: absolute;
	top: 6px;
	right: 0px;
	/*border-left: 1px #eee solid;*/
	height: 30px;
	padding: 0px 7px 0 7px
}
.sjj_nav>ul>li {
	border-bottom: 1px #e9e9e9 solid;
	padding: 0 20px;
	position: relative;
	line-height: 46px;
	font-size: 14px
}
.sjj_nav ul li ul {
	display: none;
	padding-bottom: 10px;
	padding-left: 10px;
}
.sjj_nav ul li>ul>li {
	font-size: 14px;
	line-height: 30px;
	position: relative;
	width: 100%;
}
.sjj_nav ul li a {
	color: #333;
	width: 80%
}
.sjj_nav ul li ul li a {
	color: #888;
	text-align: left;
	display: block;
	width: 100%;
}
.sjj_nav ul li i svg {
	width: 20px;
	height: 20px;
	fill: #ff0037;
}
.sjj_nav ul li ul li>ul {
	margin-left: 10px
}
.yd_nav {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 99;
	padding: 5px 0;
	border-top: 1px #e9e9e9 solid;
	overflow: hidden
}
.yd_nav ul {
	overflow: hidden;
}
.yd_nav ul li {
	width: 25%;
	float: left;
	text-align: center;
	/*border-right: 1px rgba(0,0,0,0.1) solid;*/
}
.yd_nav ul li:last-child {
	border-right: 0
}
.yd_nav ul li h4 {
	color: #999;
	margin: 0;
	font-size: 13px;
	line-height: 14px;
}
.yd_nav ul li i{
	color: #999;
	font-size: 20px;
	line-height: 20px;
}
.yd_nav ul .active h4 {
	color: #ff0037;
}
.yd_nav ul .active i{
	color: #ff0037;
}




.visible-lg,
.visible-md,
.visible-sm,
.visible-xs{
	display: none;
}
.hidden-lg,
.hidden-md,
.hidden-sm,
.hidden-xs{
	display: block;
}


/* ----------------------------1680------------------------- */
@media(max-width: 1680px) {
	
}


/* ----------------------------1440------------------------- */
@media(max-width: 1440px) {
	.container{
		width: 1200px;
	}
	nav li{
		margin-left: 60px;
	}
	nav li>a{
		line-height: 120px;
		font-size: 24px;
	}
	header .logo{
		margin-top: 35px;
	}
	.drop-down{
		top: 120px;
	}
	footer .left .item .tel{
		font-size: 36px;
	}
	footer .left .item h4{
		font-size: 13px;
	}
	footer .left .item h3{
		font-size: 18px;
		background-size: auto 100%;
		padding-left: 30px;
	}
	footer .left .item p{
		font-size: 18px;
	}
	footer .center .til a{
		font-size: 20px;
	}
	footer .center .fot-nav a{
		font-size: 16px;
		line-height: 32px;
	}
}

/* ----------------------------1367------------------------- */
@media(max-width: 1367px) {
	
}


/* ----------------------------1200------------------------- */
@media(min-width: 1200px) {
	.visible-lg {
	  display: block;
	}
	.hidden-lg{
		display: none;
	}
}
/* ----------------------------1200------------------------- */
@media(max-width: 1200px) {
	.visible-md {
	  display: block;
	}
	.hidden-md{
		display: none;
	}
	.container{
		width: 970px;
	}
	.title h4{
		font-size: 40px;
	}
	.title p{
		font-size: 20px;
	}
	.banner-inpages{
		margin-top: 50px;
	}
	.copyright-mobile{
		padding: 40px 15px;
		background: #e9e9e9;
		text-align: center;
		color: #888;
		margin-bottom: 40px;
	}
	.copyright-mobile a{
		color: #888;
	}
}

/* ----------------------------992------------------------- */
@media(max-width: 992px) {
	.visible-sm {
	  display: block;
	}
	.hidden-sm{
		display: none;
	}
	.title1 .line{
		margin: 10px auto;
	}
	.container{
		width: 100%;
	}
}

/* ----------------------------767------------------------- */
@media(max-width: 767px) {
	.visible-xs {
	  display: block;
	}
	.hidden-xs{
		display: none;
	}
	.title h4{
		font-size: 32px;
		line-height: 34px;
		margin-bottom: 5px;
		letter-spacing: 0;
	}
	.title p{
		font-size: 16px;
	}
	.banner-inpages{
		display: flex;
		justify-content: center;
		overflow: hidden;
	}
	.banner-inpages img{
		height: 140px;
		width: auto;
	}
}

/* ----------------------------340------------------------- */
@media(max-width: 340px) {
	.title h4{
		font-size: 28px;
	}
	.title p{
		font-size: 14px;
	}
}