.more-btn,a:hover {
	color: #bc1656
}

.more-btn {
	margin-top: 10px;
	padding: 13px 23px;
	border: 1px solid #bc1656
}

.more-btn:hover {
	border: 1px solid #bc1656;
	background: 0 0;
	color: #666
}

.bg-main,.border-main .button.active,.nav-main.border-main .nav-head,.nav-pills.border-main .active a,.pagination.border-main .active,.pointer.border-main .active {
	background-color: #bc1656
}

.border-main,.border-main .button,.border-main .tab-body,.border-main .tab-nav li a,.button.bg-main,.nav-main.border-main .nav-head,.nav-main.border-main a,.nav.border-main .active a,.nav.nav-tabs.border-main,.pager.border-main a,.pagination.border-main li,.pointer.border-main li,.selected.border-main {
	border-color: #bc1656
}

.bg-inverse .nav-menu ul a:hover,.bg-inverse .nav.nav-menu.nav-pills .active ul a:hover,.bg-inverse .nav.nav-menu.nav-pills ul a:hover,.bg-inverse .nav.nav-menu.nav-tabs .active ul a:hover,.bg-inverse .nav.nav-menu.nav-tabs ul a:hover,.button.border-main,.nav a:hover,.nav-menu.nav-pills .active ul a:hover,.pager-next.border-main,.pager-prev.border-main,.pager.border-main a,.text-main,a.text-main:link,a.text-main:visited,blockquote.border-main strong {
	color: #bb262a
}

.pagination.border-main li {
	margin: 0 5px
}

.button.bg-sub {
	border: 1px solid #bc1656
}

.bg-nav {
	background: #fff
}

.bg-gray,.bg-nav {
	border-top: 1px solid #eee
}

.bg-gray {
	background-color: #f5f5f5
}

.bg-black2,.bg-sub {
	background-color: #bc1656
}

.bg-sub {
	color: #fff
}

.bg-footnav {
	background: #000
}

.bg-footnav p {
	border-bottom: 1px solid #111
}

.nav .active a {
	font-weight: 400
}

.bg-inverse .nav.nav-pills .active a,.bg-inverse .nav.nav-pills.nav-inline a:hover {
	background-color: #bc1656;
	color: #fff
}

.nav-menu li {
	margin-right: 0;
	margin-left: 0;
	padding: 10px 15px
}

.bg-inverse .nav-inline li a {
	padding: 8px 25px
}

.nav-menu li {
	padding: 10px
}

.bg-inverse .nav-inline li a {
	padding: 8px 55px
}

.nav-menu li .drop-menu li {
	margin-right: 0;
	margin-left: 0
}

.bg-inverse .nav-menu ul a:hover,.bg-inverse .nav.nav-menu.nav-pills .active ul a:hover,.bg-inverse .nav.nav-menu.nav-pills ul a:hover,.bg-inverse .nav.nav-menu.nav-tabs .active ul a:hover,.bg-inverse .nav.nav-menu.nav-tabs ul a:hover,.button.border-main,.nav a:hover,.nav-menu.nav-pills .active ul a:hover,.pager-next.border-main,.pager-prev.border-main,.pager.border-main a,.text-main,a.text-main:link,a.text-main:visited,blockquote.border-main strong {
	color: #333
}

.nav-pills .active a,.nav-pills a:hover {
	background-color: #bc1656;
	color: #fff
}

.nav-inline.nav-menu ul a:hover {
	background-color: #bc1656
}

.nav-menu li:hover .drop-menu a {
	color: #222
}

.nav-menu .drop-menu {
	border-radius: 20px;
	background-color: #bc1656
}

.bg-inverse .nav-menu.nav-inline .active ul a,.bg-inverse .nav-menu.nav-inline ul a,.bg-inverse .nav-menu.nav-inline.nav-big .active ul a,.bg-inverse .nav-menu.nav-inline.nav-big ul a,.nav-menu ul a,.nav-menu.nav-big.nav-inline ul a,.nav-menu.nav-pills .active ul a,.nav-menu.nav-tabs ul a,.navbar-body .nav ul a {
	background: #bc1656;
	color: #fff
}

.button.bg-main {
	border-color: #552618;
	background-color: #552618
}

.button.border-main {
	border-color: #e80303;
	color: #e80303
}

.pointer.border-main li {
	border-color: #552618
}

.pointer.border-main li.active {
	background-color: #552618
}

.border-main {
	border-color: #e80303
}

.w100 {
	width: 150px
}

.icon-navicon {
	position: absolute;
	top: 30px;
	right: 10px
}

.nav-navicon .input-group .input {
	float: right;
	width: auto
}

.nav a {
	color: #bc1656;
	text-align: left;
	font-size: 1pc
}

.nav-menu li:hover drop-menu a {
	background-color: #ddd;
	color: #222
}

.wrap-top {
	padding: 3px 0;
	background-color: #000
}

.wrap-top,.wrap-top a {
	color: #fff
}

.wrap-header {
	box-shadow: 0 3px 6px rgba(0,0,0,.175)
}

.button.bg-main {
	border-color: #bc1656;
	background-color: #bc1656
}

.button.border-main {
	color: #bc1656
}

.button.border-main,.pointer.border-main li {
	border-color: #bc1656
}

.pointer.border-main li.active {
	background-color: #bc1656
}

.border-main {
	border-color: #bc1656
}

.border-sub,.button.border-sub {
	border-color: #bc1656;
	color: #bc1656
}

.about-box .border-sub {
	border-color: #fff;
	color: #fff
}

.button.border-sub:hover {
	border-color: #bc1656;
	background-color: #bc1656;
	color: #fff
}

h2.s1 {
	font-size: 24px
}

h2.s1,h3.s1 {
	color: #bc1656
}

h3.s1 {
	text-transform: uppercase;
	font-size: 1pc
}

.flico {
	display: block;
	color: #bc1656;
	text-align: center;
	font-size: 66px
}

.remen {
	padding-left: 10px;
	line-height: 34px
}

.ss {
	border: 1px solid #bc1656
}

.ss-btn {
	border-radius: 0
}

.tel {
	padding-left: 0;
	height: 63px;
	text-align: right;
	font-size: 1pc;
	line-height: 63px
}

.tel span {
	padding-right: 5px
}

.tel strong {
	padding-left: 5px;
	color: #bc1656;
	font-weight: 50pc;
	font-size: 18px
}

.fengge {
	float: right;
	color: #555;
	font-size: 14px
}

.about-bg {
	background: url(../images/pbg2.jpg) center center repeat
}

.about-box {
	padding: 10px;
	color: #666
}

.about-box h2 {
	color: #bc1656;
	font-size: 18px
}

.about-box a {
	color: #bc1656
}

.service {
	background-color: #f5f5f5
}

.service .serico {
	padding-right: 10px;
	color: #fff;
	font-size: 40px
}

.service h2 {
	padding-top: 20px;
	color: #c00;
	font-size: 18px
}

.service p {
	color: #333;
	font-size: 14px
}

.youshi {
	background: url(../images/ysbg.jpg) center top repeat-y
}

.youshi .ysico {
	display: block;
	color: #bc1656;
	text-align: right;
	font-size: 75pt
}

.youshi p {
	padding-top: 5px;
	color: #fff;
	font-size: 14px
}

.youshi h1 {
	color: #bc1656;
	font-size: 28px
}

.youshi h2 {
	display: block;
	margin: 0;
	padding: 0;
	color: #bc1656;
	font-size: 18px
}

.youshi .item h2 {
	padding-bottom: 8px;
	border-bottom: 1px dashed #bc1656;
	color: #bc1656;
	font-size: 20px
}

.youshi2 {
	background: #22b7fc url(../images/ysbg.jpg) right center no-repeat
}

.youshi2 h1 {
	color: #fff;
	font-size: 24px
}

.youshi2 .ysitem {
	margin: 10px;
	padding: 20px;
	background-color: #fff
}

.youshi2 .ysitem2 {
	margin: 10px;
	padding: 20px;
	background-color: #bc1656
}

.youshi2 h2 {
	display: block;
	margin: 0;
	padding: 0;
	color: #bc1656;
	font-size: 18px
}

.youshi2 .ysitem p {
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 14px
}

.youshi2 .ysitem2 h2 {
	color: #fff
}

.youshi2 .ysitem2 p {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 14px
}

.bb {
	border-bottom: 1px solid #bc1656;
	color: #c00;
	font-size: 24px
}

.bb2 {
	border-bottom: 0 solid #ddd;
	color: #fff
}

.prolist h3 {
	padding: 8px 0;
	text-align: center
}

.typelist {
	padding-bottom: 30px;
	padding-left: 20px;
	font-size: 20px
}

.typelist a {
	padding: 10px 20px;
	border: 1px solid #bc1656;
	color: #bc1656
}

.typelist a span {
	padding-right: 5px;
	color: #bc1656
}

.typelist div {
	margin: 10px 0;
	padding-top: 10px;
	text-align: center
}

.pro {
	background: url(../images/pbg3.jpg) center center repeat
}

.proitem {
	overflow: hidden;
	margin-bottom: 0;
	padding: 10px
}

.proitem h3 {
	min-height: 58px
}

.proitem img {
	padding: 1px;
	width: 100%;
	background: #bc1656;
	transition: all .3s
}

.proitem img:hover {
	transform: scale(1.02)
}

.proitem .protext {
	padding: 10px 10px 10px;
	color: #bc1656;
	text-align: center
}

.more-btn2,.pro h1.s1,.pro h2.s1 {
	color: #bc1656
}

.more-btn2 {
	margin-top: 10px;
	padding: 13px 23px;
	background: #fff
}

.more-btn2:hover {
	background: #fff;
	color: #666
}

.index-proclass {
	margin-top: 10px
}

.index-proclass h1 {
	padding: 10px;
	background-color: #bc1656;
	color: #fff;
	text-align: center;
	font-size: 1pc;
	line-height: 40px
}

.index-proclass ul {
	margin: 0;
	padding: 0;
	border: 1px solid #ddd;
	border-bottom: 0
}

.index-proclass li {
	margin: 0;
	border-bottom: 1px solid #ddd;
	background-color: #fff;
	list-style: none;
	text-align: center;
	line-height: 3pc
}

.index-proclass li.on,.index-proclass li:hover {
	background-color: #bc1656
}

.index-proclass li a {
	color: #333
}

.index-proclass li.on a,.index-proclass li:hover a {
	color: #fff
}

.case {
	background: #f5f5f5
}

.caselist h3 {
	padding: 8px 0 20px;
	text-align: center
}

.casebox {
	overflow: hidden;
	padding: 10px
}

.caseitem {
	box-shadow: 0 22px 40px rgba(0,0,0,.16)
}

.caseitem img {
	padding: 10px;
	width: 100%;
	transition: all .3s
}

.caseitem img:hover {
	transform: scale(1.02)
}

.caseitem.bg {
	background-color: #267ae4;
	color: #fff
}

.business {
	background: url(../images/pbg.jpg) center center repeat
}

.busilist h3 {
	padding: 8px 0 20px;
	color: #bc1656;
	text-align: center
}

.busibox {
	overflow: hidden;
	padding: 10px
}

.busiitem {
	border: 1px solid #bc1656
}

.busiitem img {
	padding: 10px;
	width: 100%;
	transition: all .3s
}

.busiitem img:hover {
	transform: scale(1.02)
}

.newsitem .news-date {
	float: left;
	display: inline-block;
	width: 5rem;
	height: 5rem;
	background: #f2f2f2;
	text-align: center
}

.newsitem ul {
	padding-left: 0
}

.newsitem li {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #ddd
}

.newsitem .news-date1 {
	margin-top: .6rem;
	color: #666;
	text-align: center;
	font-size: 1.5625rem
}

.newsitem .news-date2 {
	color: #999;
	text-align: center;
	font-size: .8rem
}

.newsitem .news-bodys {
	overflow: hidden;
	padding: 0 .875rem;
	zoom: 1
}

.newsitem .news-bodys h3,.newsitem .news-bodys p {
	overflow: hidden;
	word-wrap: break-word
}

.newsitem .news-bodys p {
	margin-top: 10px;
	color: #999;
	font-size: .75rem;
	line-height: 1.15rem
}

.news-span1 {
	width: 20%
}

.news-span2 {
	width: 80%
}

.news-item2 {
	position: relative;
	overflow: hidden;
	margin: 4px 0;
	padding: 0
}

.news-item2 .news-time {
	padding: 6px 0;
	border-right: 1px solid #eee;
	color: #666;
	text-align: center;
	transition: all .3s
}

.news-action {
	box-sizing: border-box;
	padding: 0 9pt 0 10px
}

.news-item2 .news-time .news-time-date {
	font-size: 22px
}

.news-item2 .news-title {
	position: relative;
	padding-bottom: 0;
	color: #666;
	font-size: 18px
}

.news-item2 .news-desc,.news-item2 .news-title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 24px;
	transition: all .3s
}

.news-item2 .news-desc {
	color: #999;
	font-size: 9pt
}

.news-item2 .news-tit {
	position: relative;
	z-index: 10
}

.news-item2:after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	display: block;
	width: 0;
	height: 100%;
	background-color: #bc1656;
	content: "";
	transition: all .3s
}

.news-item2:hover:after {
	width: 100%
}

.news-item2:hover .news-desc,.news-item2:hover .news-time,.news-item2:hover .news-title {
	color: #fff
}

.news-head {
	padding: 20px;
	width: 100%;
	color: #fff;
	text-align: center;
	font-weight: 50pc;
	font-size: 20px;
	line-height: 25px
}

.news-head span {
	padding-right: 8px
}

.news-head.bg1 {
	background-color: #bc1656
}

.news-head.bg2 {
	background-color: #29d1a0
}

.news-head.bg3 {
	background-color: #bc1656
}

@media only screen and (max-width:768px) {
	.news-span1 {
		width: 31.4%
	}

	.news-span2 {
		width: 68.6%
	}

	.news-action {
		box-sizing: border-box;
		padding: 0 9pt 0 20px
	}

	.news-item2 .news-time .news-time-date {
		font-size: 18px
	}

	.news-item2 .news-title {
		padding-bottom: 6px;
		font-size: 1pc
	}
}

.jobsitem ul {
	padding: 0
}

.jobsitem li {
	margin-bottom: 10px;
	border: 1px solid #ddd;
	background-color: #f9f9f9
}

.jobsitem li h3 {
	padding: 10px 15px
}

.jobsitem li .jobs-info {
	padding: 10px
}

.jobs-info div {
	padding: 5px;
	border-bottom: 1px dashed #ddd
}

.jobsitem li .jobs-bodys {
	padding: 10px 15px
}

.nav.nav-sitemap a {
	color: #fff
}

.nav-sitemap ul a {
	padding-left: 0;
	color: #fff
}

.foot-weixin {
	width: 140px
}

.qq {
	display: inline-block;
	margin: -2px 2px 0;
	width: 20px;
	height: 20px;
	background: url(../images/qq.png)
}

.product-about li {
	border-bottom: 1px dashed #aaa;
	line-height: 3rem
}

.news-line {
	margin-bottom: 40px;
	border: 1px dashed #aaa;
	text-align: center
}

.news-body {
	margin: 20px auto
}

.order-tip {
	padding-left: 25px;
	color: #fff
}

.order-tip .con {
	border: 1px dashed #aaa;
	line-height: 2.5rem
}

.bread {
	margin: 8px 0;
	color: #555;
	font-size: 13px
}

.bglx {
	background: url(../images/lxbg.jpg) top center no-repeat
}

.lxico {
	display: block;
	color: #bc1656;
	font-size: 5pc
}

.lxico,.pagess {
	text-align: center
}

.pagess {
	clear: both;
	overflow: hidden;
	margin: 20px;
	margin-left: 0;
	font-size: 9pt
}

.pagess ul li {
	display: inline-block;
	margin: 0 3px;
	padding: 2px 9px;
	border: 1px solid #ccc;
	background: #fff;
	color: #999;
	line-height: 20px
}

.pagess ul li:hover {
	border: 1px solid #ccc;
	background: #ccc;
	color: #fff
}

.pagess ul li:hover a {
	color: #fff
}

.pagess ul li.thisclass {
	display: inline-block;
	margin: 0 3px;
	padding: 2px 9px;
	border: 1px solid #ccc;
	background: #ccc;
	color: #fff
}

.pagess ul li.thisclass a {
	color: #fff
}

.pagess ul li a {
	display: block;
	color: #999
}

.pagess ul li a:hover {
	color: #fff
}
.ksbd ul{ width:100%; padding-left: 0px; margin:0 auto;}
.ksbd ul li{ display:block; float:left; width:32%; margin-right:2%; margin-bottom:10px; border:1px solid #4b82d5; box-sizing:border-box; font-size:13px; text-align:center; height:100%; line-height:30px;}
.ksbd ul li:nth-of-type(3n+3){ margin-right:0;}
.ksbd ul li a{ display:block; color:#4b82d5;}
.footer-nav2{display: none;}
@media only screen and (max-width: 640px){
.footer-nav2{display: block !important;height:35px;background: #4381e4;position: fixed;bottom: 0;width: 100%;max-width: 640px;z-index: 999;}
.footer-nav2 ul{padding-left: 0px;height: 100%;list-style:none;}
.footer-nav2 ul li{width: 33.33%;float: left;height: 100%;border-right:1px solid rgba(0,0,0,0.2);box-sizing: border-box;}
.footer-nav2 ul li a{display: block;height: 100%;}
.footer-nav2 ul li:nth-child(1){background: url(/skin/img/footer-1.png) no-repeat center;}
.footer-nav2 ul li:nth-child(2){background: url(/skin/img/footer-2.png) no-repeat center;}
.footer-nav2 ul li:nth-child(3){background: url(/skin/img/footer-3.png) no-repeat center;}
.footer-nav2 ul li:nth-last-child(1){border-right: 0;}
}