html, body {
	font-size: 14px;
	font-family: "Microsoft Yahei", PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
	position: relative;
	height: 100%;
}
ul, li, ol {
	list-style: none;
	background: 0 0;
	margin-bottom: 0;
	padding: 0;
}
.index-title {
	text-align: center;
	text-transform: uppercase;
	padding: 20px 0;
}
.index-title .bg-el {
	font-size: 88px;
	font-weight: 700;
	color: #ddd;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}
.index-title h4 {
	font-size: 36px;
	margin-top: -50px;
	margin-bottom: 0;
	color: #c30d23;
}
.index-title .title-bar {
	width: 80px;
	height: 3px;
	margin: 15px auto;
	background: #c30d23;
}
.btn-anniu {
	border-radius: 0;
	color: #333;
	background-color: #fff;
	border-color: #ccc;
	transition: 0.35s;
}
.btn-anniu:hover {
	color: #fff;
	background-color: #c30d23;
	border-color: #fff;
}
.navbar-menu {
	margin-bottom: 0;
}
.swiper-container img {
	width: 100%;
}


/*分类*/
.clas {
	margin-top: 30px;
}
.clas .item {
	text-align: center;
}
.clas img {
	max-width: 100%;
	height: auto;
}
.clas .text {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #c30d23;
}
.clas .text a {
	color: #c30d23;
}
/*案例*/
.case {
	padding: 50px 15px;
}
.case .index-title{ padding:0;}
.case-list .item.imgbox2 .info h4 {
	color: #333;
	background: #fff;
	margin: 0;
	overflow: hidden;
	height:36px;
	line-height: 36px;
	font-size: 14px;
	font-weight: 300;
	text-align: center;
	transition: 0.35s;
}
.case-list .item.imgbox2 {
	transform: translateY(0);
	transition: 0.35s;
}
.case-list .group {
	padding-left: 8px;
	padding-right: 8px;
}
.case-list .item a, .case-list .item a:hover {
	text-decoration: none;
}
.case-list .item.imgbox2:hover {
	transform: translateY(-10px);
}
.case-list .item.imgbox2:hover h4 {
	color: #fff;
	background: #c30d23;
}
.case-list .item {
	margin-bottom: 15px;
}
.case-list .item img{ width:100%; height:270px;}
/*优势*/
.advantage {
	background: #f1f0f0;
	padding: 20px 15px 30px;
}
.advantage .bg-el {
	color: #fff;
}
.advantage .advantage-list {
	text-align: center;
}
.advantage .features-box {
	padding-top: 15px;
	padding-bottom: 15px;
}
.advantage .features-box .features-box-icon {
	color: #fff;
	border-radius: 50%;
}
.advantage .features-box-icon i {
	font-size: 28px;
	font-style: normal;
}
.advantage .features-box:nth-child(1) .features-box-icon {
	background: #c30d23;
	width: 70px;
	height: 70px;
	line-height: 70px;
	margin: 25px auto;
}
.advantage .features-box:nth-child(2) .features-box-icon {
	background: #ff0066;
	width: 80px;
	height: 80px;
	line-height: 80px;
	margin: 20px auto;
}
.advantage .features-box:nth-child(3) .features-box-icon {
	background: #ff3366;
	width: 90px;
	height: 90px;
	line-height: 90px;
	margin: 15px auto;
}
.advantage .features-box:nth-child(4) .features-box-icon {
	background: #ff6666;
	width: 100px;
	height: 100px;
	line-height: 100px;
	margin: 10px auto;
}
.advantage .features-box:nth-child(5) .features-box-icon {
	background: #ff9999;
	width: 110px;
	height: 110px;
	line-height: 110px;
	margin: 5px auto;
}
.advantage .features-box:nth-child(6) .features-box-icon {
	background: #ffcccc;
	width: 120px;
	height: 120px;
	line-height: 120px;
	margin: 0 auto;
}
.advantage .features-box:nth-child(1) .features-box-icon:hover,.advantage .features-box:nth-child(2) .features-box-icon:hover,.advantage .features-box:nth-child(3) .features-box-icon:hover,.advantage .features-box:nth-child(4) .features-box-icon:hover,.advantage .features-box:nth-child(5) .features-box-icon:hover,.advantage .features-box:nth-child(6) .features-box-icon:hover{
	background: #00000055;
	box-shadow: 0px 0px 15px #000;
}


.advantage .features-box h5 {
	margin: 0;
	padding-top: 10px;
	height: 40px;
}
/*关于*/
.about {
	padding: 40px 0;
}
.about-title p {
	font: 900 48px/1em "Microsoft YAHEI";
	color: #ddd;
}
.about-title span {
	font-size: 18px;
	display: block;
	color: #c30d23;
	padding-bottom: 10px;
}
.about .text {
	margin-bottom: 30px;
	line-height:1.5em;
}
/*新闻资讯*/ 
.news{ padding-bottom:30px;}
.news-list .top-line .pic {
	min-width: 100%;
	width: 100%;
}
.news-list .top-line .text {
	width: 100%;
	margin-top: 15px;
	margin-left: 0;
}
.news-list .item {
width:100%;
float:left;
	margin-bottom: 30px;
}
.news-list .time {
	float: left;
	text-align: center;
}
.news-list .time span {
	display: block;
	width: 100%;
}
.news-list .time .day {
	font-size: 24px;
	height: 45px;
	line-height: 45px;
	background: #ccc;
}
.news-list .time .year {
	height: 24px;
	line-height: 24px;
	margin-top: 1px;
	font-weight: 300;
	background: #ccc;
}
.news-list .text {
	float: left;
}
.news-list .text h4 {
	margin-top: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news-list .text h4 a {
	font-size: 16px;
	font-weight:900;
	color: #666;
}
.news-list .text h4 a:hover, .news-list .text h4 a:focus {
	color: #c30d23;
	text-decoration: none;
}
.news-list .text .t-box {
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
/*新闻资讯*/ 
.footer {
	background: #333;
	color: #fff;
}
.footer .menu {
	text-align: center;
	padding: 30px 0;
}
.footer .menu li {
	display: inline;
	font-size: 16px;
	margin-left: 10px;
	margin-right: 10px;
}
.footer .menu li a {
	color: #fff;
}
.footer .info {
	padding-bottom: 30px;
}
.footer .copy {
	text-align: center;
	padding: 15px 0;
	background: #c30d23;
}
.footer .copy a {
	color: #fff;
	margin-left: 5px;
}
#mob-bottom {
	width: 100%;
	text-align: center;
	z-index: 1000;
	background-color: rgba(255, 255, 255, 1);
	position: fixed;
	bottom: 0;
	border-top: 2px solid #c30d23;
}
#mob-bottom .mob-bottom-item a {
	display: block;
	padding-top: 5px;
	padding-bottom: 2px;
	line-height: 1.5em;
	font-size: 12px;
}
#mob-bottom .mob-bottom-item .fa {
	font-size: 32px;
	height: 32px;
	width: 100%;
	color: #c30d23;
}
#mob-bottom .mob-bottom-item span {
	color: #c30d23;
}
.current-location { padding: 15px 0;}
.current-location .location{ float:left; height:30px; line-height:30px;}
.current-location a { color: #333; }
.current-location a:hover { color: #00ae68; }
.current-location ul { float: right; }
.current-location li a { padding: 5px 20px; }
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{color: #fff;
    background-color: #00ae68;}
.main { background: #f1f1f1; padding: 30px 15px; }
.news-list-main .item { background: #fff; padding: 15px 30px; border-radius: 5px; box-shadow: 0 2px 5px rgba(0, 37, 55, 0.1); margin: 0 auto 15px; font-size: 14px; }
.news-list-main .item h4 a { color: #333;}
.news-list-main .item h4 a:hover { color: #00ae68; }
.news-list-main .item p { color: #a3a3a3; }
.news-list-main .item span { margin-right: 10px; }
.news-list-main .item span i { margin-right: 5px; }
aside { background: #fff; border-radius: 5px; padding: 10px; margin-bottom: 15px; box-shadow: 0 2px 5px rgba(0, 37, 55, 0.1) }
aside .sidebar-tile { font-size: 18px; margin: 0; padding: 0; padding: 5px 0; border-bottom: 1px solid #ddd }
aside a { position: relative; color: #333; }
aside a:hover { color: #00ae68; }
aside .sidebar-tile a:before { content: ''; display: block; position: absolute; bottom: -4px; left: 0; height: 2px; width: 100%; background: #00ae68; }
aside .sidebar-column { margin: 10px auto; }
aside .sidebar-column li { padding: 0 5px; text-align:center; }
aside .sidebar-column a { display: block; padding: 5px 0; font-size: 16px; }
aside .sidebar-column li:hover { background: #f9f9f9; }
aside .sidebar-tel b { font-size: 16px; }
aside .sidebar-tel .tel { font-size: 22px; color: #00ae68; }
.body-main{ background:#fff; padding:10px; border-radius:5px; overflow:hidden; padding-bottom:30px;}
.body-main .title{ text-align:center; border-bottom:1px solid #f1f1f1; padding-bottom:20px; margin-bottom:20px;}
.body-main .title h1{ font-size:30px;}
.body-main .title .info{ font-size:14px; color:#a3afb7;}


.body-main img{max-width:100%;}
.page-main{ background:#fff;}
/*内容分页*/
.body-page{ border-top:1px solid #f1f1f1; padding-top:20px; margin-top:20px;}
.body-page a{ border:1px solid #e4eaec; padding:5px;}
.body-page a:hover{ background:#f3f7f9;}
.body-page li{padding-left:0; padding-right:0; padding-top:10px; padding-bottom:10px;}

.img-list-main{ background:#fff;border-radius: 5px;
    padding: 10px;}
.img-list-main .sidebar-tile { font-size: 18px; margin: 0; padding: 0; padding: 5px 0; border-bottom: 1px solid #ddd }
.img-list-main a { position: relative; color: #333; }
.img-list-main a:hover { color: #00ae68; }
.img-list-main .sidebar-tile a:before { content: ''; display: block; position: absolute; bottom: -4px; left: 0; height: 2px; width: 100%; background: #00ae68; }
.img-list-main .list{ display:inline-block;}
.img-list-main .item{ padding:10px; overflow:hidden;}
.img-list-main .item img{ width:100%;}
.img-list-main .item h4{ border:1px solid #f1f1f1; border-top:none; margin:0; height:36px; line-height:36px; text-align:center; overflow:hidden;}
.img-list-main .item:hover h4{border:1px solid #00ae68; border-top:none;}

@media (min-width: 1200px) {

.case-l { }
.case-l a { color: #666; }
.case-l li { position: relative; left: 0; top: 0; background: #fff; margin: 5% auto; }
.case-l li img { position: absolute; left: 0; top: -5%; height: 110%; width:230px; }
.case-l .text { font-size: 22px; padding: 65px 0; padding-left: 240px; border: 5px solid #ccc; }
.case-l .text:hover { border: 5px solid #00ae68; }
.case-l .text:hover a { color: #333; }
}

@media (max-width: 1200px) {

.projects-list li .text h3 { padding-top: 40px; }
.about { height: auto; }
.about-right { margin: 20px 0; height: auto; padding: 10px; float: none; }

.case-l { }
.case-l a { color: #666; }
.case-l li { position: relative; left: 0; top: 0; background: #fff; margin: 5% auto; }
.case-l li img { position: absolute; left: 0; top: -5%; height: 110%; width:230px; }
.case-l .text { font-size: 22px; padding: 65px 0; padding-left: 240px; border: 5px solid #ccc; }
.case-l .text:hover { border: 5px solid #00ae68; }
.case-l .text:hover a { color: #333; }
}

@media (max-width: 992px) {
.service-list { background: none; margin-top: 20px; }
.service-list li { padding: 5px 0; }
.service-list li .text { text-align: left; padding-right: 0; }
.service-list li .text-r { padding-left: 0; }
.service-list li img { display: none; }
.process .title small:before { width: 30%; top: 50px; left: 0; }
.process .title small:after { width: 30%; top: 50px; right: 0; }
.process .process-list { padding-top: 20px; }
.process .process-list dt { width: 120px; height: 120px; }
.process .process-list .item h4 { font-size: 22px; }
.process .process-list .item dd p { font-size: 12px; }

.case-l li { margin: 5% auto; }

.case-l li img { position: absolute; left: 0; top: -5%; height: 110%; width:250px; }
.case-l .text { font-size: 22px; padding: 40px 0; padding-left: 260px; border: 5px solid #ccc; }
}

@media (max-width: 768px) {
.case-l li img { position: absolute; left: 0; top: -5%; height: 110%; width:150px; }
.case-l .text { font-size: 18px; padding: 20px 0; padding-left: 160px; border: 5px solid #ccc; }
.current-location ul{ float:left; text-align:center;}
.current-location ul li{ display:inline-block; float:none;}
.body-main .title h1{ font-size:18 px;}
.advantage {
    padding: 0px 15px 30px;
}

.about {
    padding: 10px 0;
}
.news .index-title{padding-top:0;}
.projects-list { margin-top: 20px; }
.projects-list li { margin-bottom: 10px; padding: 0 5px; }
.projects-list li .mask { padding: 0 5px; }
.projects-list li .text h3 { padding-top: 20px; }
.projects-list li .text h3:after { margin: 10px auto; }
.projects-list li .text p { font-size: 12px; }
.projects-list li .text h3 { padding-top: 50px; }
.case { padding: 0 15px 20px 15px; }
.case .title h4 { font-size: 20px; }
.case .title small span { padding: 0 15px; font-size: 14px; }
.case .title small { font-size: 16px; }
.case .title small:before { top: 40px; left: 0; z-index: -1; }
.case .title p { font-size: 16px; }
.honor .title h4 { font-size: 20px; }
.honor .title small span { padding: 0 15px; font-size: 14px; }
.honor .title small { font-size: 16px; }
.honor .title small:before { top: 50px; left: 0; z-index: -1; }
.honor .title p { font-size: 16px; }
.team .title h4 { font-size: 20px; }
.team .title small span { padding: 0 15px; font-size: 14px; }
.team .title small { font-size: 16px; }
.team .title small:before { top: 40px; left: 0; z-index: -1; }
.team .title p { font-size: 16px; }
.process .title h4 { font-size: 20px; }
.process .title small span { padding: 0 15px; font-size: 14px; }
.process .title small { font-size: 16px; }
.process .title small:before { width: 20%; top: 40px; left: 0; }
.process .title small:after { width: 20%; top: 40px; right: 0; }
.process .title p { font-size: 16px; }
.process .process-list { padding-top: 20px; }
.process .process-list dt { width: 75px; height: 75px; }
.process .process-list .item h4 { font-size: 22px; }
.process .process-list .item dd p { font-size: 12px; }
.burnisher { padding: 20px 0; }
.burnisher .title h4 { font-size: 20px; }
.burnisher .title small span { padding: 0 15px; font-size: 14px; }
.burnisher .title small { font-size: 16px; }
.burnisher .title small:before { top: 40px; left: 0; z-index: -1; }
.burnisher .title p { font-size: 16px; }
#burnisher-list { margin-top: 10px; }
.news { padding: 20px 15px; }
.news .title h4 { font-size: 20px; }
.news .title small span { padding: 0 15px; font-size: 14px; }
.news .title small { font-size: 16px; }
.news .title small:before { top: 40px; left: 0; z-index: -1; }
.news .title p { font-size: 16px; }
.company .title h4 { font-size: 20px; font-weight: bold; color: #00ae68; }
.company .title h4 span { text-align: center; float: none; padding: 5px 0; }
.company .company-list li { padding: 5px }
.news .news-right { margin-top: 20px; }
.foot img { margin: 0 auto; }
.foot .menu { text-align: center; }
.aside-list{ padding:0; margin-top:15px;}
}
.img-list-main .item img{height:200px;}

/*768以下*/
@media only screen and (max-width: 767px) {
.footer {
	padding-bottom:57px;
}
.case-list .item img{ width:100%; height:150px;}
.footer{font-size:12px;}
.index-title .bg-el {
	font-size: 36px;
}
.index-title h4 {
	font-size: 18px;
	margin-top: -24px;
}
.index-title .title-bar {
	width: 40px;
	height: 2px;
	margin: 10px auto;
}
.about-title p {
	font: 900 28px/1em "Microsoft YAHEI";
	color: #ddd;
}
.navbar-menu {
	background: none;
}
.navbar-menu {
	min-height: 50px;
}
.news-list .time {
	width: 18%;
}
.news-list .text {
	width: 80%;
	margin-left: 2%;
}
.advantage .features-box:nth-child(1) .features-box-icon, .advantage .features-box:nth-child(2) .features-box-icon, .advantage .features-box:nth-child(3) .features-box-icon, .advantage .features-box:nth-child(4) .features-box-icon, .advantage .features-box:nth-child(5) .features-box-icon, .advantage .features-box:nth-child(6) .features-box-icon {
	width: 100px;
	height: 100px;
	line-height: 100px;
	margin: 10px auto;
}
.clas .text {
	font-size: 12px;
}
.navbar-default .navbar-brand{padding:0;}
}

/*768px-991px*/
@media only screen and (min-width: 768px) {
.navbar-menu {
	background: none;
}
.news-list .time {
	width: 13%;
}
.news-list .text {
	width: 85%;
	margin-left: 2%;
}
.index-title .bg-el {
	font-size: 36px;
}
.index-title h4 {
	font-size: 18px;
	margin-top: -24px;
}
.index-title .title-bar {
	width: 40px;
	height: 2px;
	margin: 10px auto;
}
.about-title p {
	font: 900 36px/1em "Microsoft YAHEI";
	color: #ddd;
}
.navbar-default .navbar-brand{padding:0;}
}

/*992px-1199px*/
@media only screen and (min-width: 992px) {
.navbar-menu {
	background: url(../images/top-bg.jpg) center center no-repeat;
	border-bottom: none;
}
.navbar-menu {
	min-height: 100px;
}

.menu-right {
	padding-top: 0px;
}
.navbar-menu .navbar-nav>li>a {
	color: #fff;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color: #333;
	background-color: #ffffff;
}
.navbar-menu .navbar-nav>.open>a, .navbar-menu .navbar-nav>.open>a:focus, .navbar-menu .navbar-nav>.open>a:hover {
	color: #333;
	background-color: #ffffff;
}
.navbar-brand {
	height: 100px;
	padding: 0;
}
.news-list .time {
	width: 18%;
}
.news-list .text {
	width: 80%;
	margin-left: 2%;
}
.index-title .bg-el {
	font-size: 48px;
}
.index-title h4 {
	font-size: 26px;
	margin-top: -30px;
}
.index-title .title-bar {
	width: 40px;
	height: 2px;
	margin: 12px auto;
}
.about-title p {
	font: 900 38px/1em "Microsoft YAHEI";
	color: #ddd;
}
}

/*1200px以上*/
@media only screen and (min-width: 1200px) {
.navbar-menu {
	background: url(../images/top-bg.jpg) center center no-repeat;
	border-bottom: none;
}
.navbar-menu {
	min-height: 100px;
}
.menu-right {
	padding-top: 19px;
}
.navbar-menu .navbar-nav>li>a {
	color: #fff;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color: #333;
	background-color: #ffffff;
}
.navbar-menu .navbar-nav>.open>a, .navbar-menu .navbar-nav>.open>a:focus, .navbar-menu .navbar-nav>.open>a:hover {
	color: #333;
	background-color: #ffffff;
}
.navbar-brand {
	height: 100px;
	padding: 0;
}
.news-list .time {
	width: 15%;
}
.news-list .text {
	width: 83%;
	margin-left: 2%;
}
.about-title p {
	font: 900 48px/1em "Microsoft YAHEI";
	color: #ddd;
}
}
