/*共同样式*/

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 14px;
	font-family:"微软雅黑";
}

footer {
	padding: 35px 0 0 0;
}

a {
	color: black;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color: #FFF;
	background-color: #DA0000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.header-frontend .nav li a:hover,
.header-frontend .nav li a:focus{
	color: #FFF;
	background-color: #DA0000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/*导航样式开始*/

.navbg {
	background: white;
	border: none;
}

.logo_fill {
	/*float: left;*/
	margin-top:10px;
}

.theirsize {
	width: 100% \9;
}

.header_nav_fill {
	float:right;
	margin-top: 28px;
}

.header_nav_fill ul li {
	padding: 0 5px 0 5px;
}
.nav_size {
	font-size: 16px;
}


/*导航样式结束*/

/*文字滑动开始*/
@-webkit-keyframes slideUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}
	80% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px)
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}
@-moz-keyframes slideUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(2000px);
		transform: translateY(2000px)
	}
	60% {
		opacity: 1;
		-moz-transform: translateY(-30px);
		transform: translateY(-30px)
	}
	80% {
		-moz-transform: translateY(10px);
		transform: translateY(10px)
	}
	100% {
		-moz-transform: translateY(0);
		transform: translateY(0)
	}
}
@keyframes slideUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		-ms-transform: translateY(2000px);
		transform: translateY(2000px)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateY(-30px);
		-ms-transform: translateY(-30px);
		transform: translateY(-30px)
	}
	80% {
		-webkit-transform: translateY(10px);
		-ms-transform: translateY(10px);
		transform: translateY(10px)
	}
	100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

.bounceInUp {
	-webkit-animation-name: slideUp;
	-moz-animation-name: slideUp;
	animation-name: slideUp
}
.animated {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	animation-fill-mode: both
}
/*文字滑动结束*/

/*内容区样式开始*/

.position_top_fill {
	padding-top: 20px;
}
.title_size {
	text-align: center;
	margin: 25px auto;
	font-size: 24px;
	position:relative;
}
.title_size:after {
	content:"";
	position:absolute;
	bottom:-5px;
	left:50%;
	margin-left:-25px;
	width:50px;
	height:2px;
	background:#DA0000;
}
.top_fill{
	margin:auto;
	padding-top: 10px;
}
.btn {
	font-size: 12px;
}
.intro_top_fill{
	padding:10px 0 20px 0;
}
.breadcrumb li a:hover {
	text-decoration: none;
	outline: none;
}
/*部分页面公用样式*/
.outerbox{
	margin-top: 20px;
	overflow: hidden;
}
.second_title {
	font-size: 12px;
	font-weight: bold;
}
.my_detail_size {
	font-size: 8px;
	padding: 10px 0 25px 0;
	line-height: 13px;
}
/*案例详情样式*/
.case-border{
	border: 1px solid #d0cece ;
}
.case_font_size{
	font-size: 14px;
	padding: 8px 0 8px 0;
}
.icon_color{
	padding: 0 10px 0 10px;
	color: #DA0000;
}
.case-fixed{
	padding-top: 10px;
}
/*新闻咨询样式*/
.right-news{
	float: left;
	width: 70%;
	margin-left: 2%;
}
.second-slide{
	float: left;
	width: 11%;
}
.second-right-news{
	float: left;
	width: 86%;
	margin-left: 2%;
}
.news_border{
	border: 1px solid #DDD;
	padding:10px;
	background:#FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.news_border p{
	font-size:24px;
	text-align:center;
}
.news_border strong{
	color: #DA0000;
	font-size:40px;
}
.news_border small{
	display:block;
}
.news_border a{
	font-weight:normal;
}
.news_detail{
	line-height: 180%;
}
.news_detail a {
	color: lightslategray;
	text-decoration: none;
	outline: none;
}
.news_detail span a{
	font-size:20px;
	font-weight: bold;
	text-decoration: none;
	outline:none;
	color: black;
}
.news_detail span a:after {
	content:"";
	display:block;
	width:60px;
	height:4px;
	background:#999;
}
.news_detail span a:hover{
	color: #DA0000;
}
.news_detail span a:hover:after {
	background: #DA0000;
}
.news_detail small{
	display:block;
}
.news_detail a.more {
	color:#333;
}
.news_detail a.more:hover {
	color:#DA0000;
}
.news_line {
	clear:both;
	padding-top:10px;
	border-bottom:solid 1px #DDD;
}

/*新闻咨询样式结束*/
.vid-wrapper{
	width:100%;
	position:relative;
	padding-bottom:88%;    /*需要用padding来维持16:9比例,也就是9除以16*/
	height: 0;
}
.vid-wrapper video{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video_bg {
	background: white;
}
.nav-hide{
	display: block;
}
.nav-tabs {
	border-bottom: none;
}
/*内容区样式结束*/


/*页脚样式开始*/

.footer_detail {
	position: relative;
	padding-bottom: 0;
}

.footer_detail img {
	width: 100%;
	max-height: 30%;/*兼容样式*/
}

.footer_detail p {
	position: absolute;
	top: 15%;
	left: 30%;
	line-height: 2;
	color: #ffffff;
}

.footer_detail .span1 {
	position: absolute;
	top: 77%;
	left: 32%;
	color: #ffffff;
}

.footer_detail .span2 {
	position: absolute;
	top: 91%;
	left: 26%;
	color: #ffffff;
}

.footer_detail .span2 a {
	font-weight: normal;
	color: #c0c1c3;
}

.footer_detail .span2 a:hover {
	text-decoration: none;
	outline: none;
	color: white;
}

.footer1 {
	text-align: center;
	margin-top: -1px;
	padding: 10px 0;
	color: white;
	background: #333;
}

.footer {
	text-align: center;
	margin-top: 20px;
	padding: 5px 0;
	color: white;
	background: #333;
}

.p1,
.span2 {
	font-weight: normal;
	color: #FFF;
}

.underline {
	height: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.underline {
	margin-bottom: 5px;
	border: 0;
	border-top: 1px solid #666;
}

.span2 a {
	font-weight: normal;
	color: #c0c1c3;
}

.span2 a:hover {
	text-decoration: none;
	outline: none;
	color: white;
}

@media (min-width: 1200px) {
	body {
		font-size: 16px;
	}
	.nav_size {
		font-size: 16px;
	}
	.p1,
	.span2 {
		font-size: 14px;
	}
	.underline {
		margin-bottom: 5px;
	}
	.title_size {
		font-size: 24px;
	}
	.second_title {
		font-size: 16px;
	}
	.my_detail_size {
		font-size: 14px;
		padding: 10px 0 25px 0;
		line-height: 20px;
	}
	.intro_top_fill{
		padding:20px 0 30px 0;
	}
	.btn {
		font-size: 14px;
	}
}

@media (min-width: 992px) and (max-width: 1200px) {
	body {
		font-size: 14px;
	}
	.nav_size {
		font-size: 14px;
	}
	footer {
		padding: 10px 0 0 0;
	}
	.footer_detail p {
		top: 8%;
		left: 30%;
	}
	.p1,
	.span2 {
		font-size: 12px;
	}
	.underline {
		margin-bottom: 6px;
	}
	.title_size {
		font-size: 22px;
	}
	.second_title {
		font-size: 14px;
	}
	.my_detail_size {
		font-size: 12px;
		padding: 10px 0 25px 0;
		line-height: 18px;
	}
	.news_border p {
		font-size: 20px;
	}
	.news_border span a {
		font-size: 16px;
	}
	.btn {
		font-size: 13px;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	body {
		font-size: 12px;
	}
	footer {
		padding: 20px 0 0 0;
	}
	.footer_detail img {
		width: 100%;
		height: 130px;
	}
	.footer_detail p {
		top: 3%;
		left: 26%;
	}
	.nav_size {
		font-size: 13px;
	}
	.p1,
	.span2 {
		font-size: 10px;
	}
	.underline {
		margin-bottom: 10px;
	}
	.title_size {
		font-size: 20px;
	}
	.second_title {
		font-size: 12px;
	}
	.my_detail_size {
		font-size: 10px;
		padding: 10px 0 25px 0;
		line-height: 15px;
	}
	.news_border p {
		font-size: 16px;
	}
	.news_border span a {
		font-size: 12px;
	}

	.news_detail span a,
	.news_detail a {
		font-size: 14px;
	}
	.case_font_size{
		padding: 10px 0 10px 0;
		line-height: 10px;
	}
}

@media (max-width: 768px) {
	body {
		font-size: 10px;
	}
	.navbar-brand img{
		width: 70%;
	}
	/*轮播li*/
	.carousel-indicators  {
		bottom: 5px;
	}
	.carousel-indicators li {
		width: 8px;
		height: 8px;
	}
	.carousel-indicators .active {
		width: 9px;
		height: 9px;
	}
	footer {
		padding: 20px 0 0 0;
	}
	.footer_detail img {
		width: 100%;
		height: 130px;
	}
	.footer_detail p {
		top: 5%;
		left: 19%;
	}
	.nav_size {
		font-size: 12px;
	}
	.p1,
	.span2 {
		font-size: 8px;
	}
	.underline {
		margin: -4px 0 7px 0;
	}
	.title_size {
		font-size: 16px;
	}
	.news_border p {
		text-align: center;
		font-size: 16px;
		line-height: 130%;
	}
	.news_border span a {
		font-size: 12px;
	}
	.news_detail{
		border-bottom:1px solid lightgrey;
	}
	.news_detail span a,
	.news_detail a {
		font-size: 14px;
	}
	.header_nav_fill { float:none;}
}