﻿@charset "UTF-8";
	* {
	word-break:break-all
}

/*强制换行*/
	body {
	font-size:14px;
	color:#000;
	font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	overflow: auto; overflow-x:hidden
}
a {
	color:#000;
}
a:hover {
	color:#FF0000;
}
h1 {
	font-size:18px;font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; color:#666;
}
h2{
	font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; color:#666;}
h2 small{ font-size:16px}
h2 a{ text-decoration:none !important}
h3 {
	color:#ededed;font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; font-size:18px
}

h4 {
	line-height:30px;
	text-indent:0.5em;
	color:#666666;
	font-size:14px;
	font-weight:bold
}
h4 a{ color:#555}
h5{
		font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif;
		font-weight:bold; font-size:16px
	}
.logo {
	}
.logo img {
	width:100%;
	height:auto
}
.navbar {
	margin-top:1%; margin-bottom:2px;
	background-color:#15406c;
	height:auto;
	border-top:#eee 1px solid
}
.navbar ul li {
	width:10%;
	padding:0;
	text-align:center;
	line-height:54px;
	float:left;
}
.navbar ul li a {
	color:#FFF;
	width:100%;
	display:block
}
.navbar ul li:hover {
	background-color:#cc2727
}
.navbar ul li:hover a {
	color:#FFF
}
.list-group-item {
	border-left:none;
	border-right:none;
	border-top:1px #CCCCCC dotted;
	text-indent:0.5em
}
a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active {
	border-color:#007f00
}
.lh35 {
	line-height:35px
}
.lh30 {
	line-height:30px
}
.f20 {
	font-size:20px;
}
.f14 {
	font-size:14px
}
.f12, .f12 a, .f12 {
	font-size:12px;
	color:#666
}
.f26{ font-size:26px}
#hr {
	height:1px;
	border-top:#aaa 1px solid;
	margin-bottom:1%;
	margin-top:2%
}
.about_bg{ background-image:url(../images/about_bg.jpg); background-position:center center; height:350px; margin-top:2%; color:#000; line-height:30px}
.about_bg a{ text-decoration:underline}
.foot, .foot a {
	color:#666
}
.p-l-r-0{padding-left:0px; padding-right:0px}
.p-l-r-5{padding-left:5px; padding-right:5px}
.mt40 {
	margin-top:40px
}
.mt15 {
	margin-top:15px
}
.mb10 {
	margin-bottom:10px
}
.list-group-item{ background:none}
.page_1 {
	font-family:Arial, Helvetica, sans-serif;
	line-height: normal;
	font-size: 12px;
	margin-top:20px
}
.page_1 a,.page_1 span {
	display:block;
	color:#000;
	font-weight:normal;
	text-decoration:none;
	letter-spacing:0px;
	border:1px solid #ccc;
	padding-top:3px;
	float:left;
	margin-top:5px;
	margin-right:2px;
	margin-bottom:5px;
	margin-left:2px;
	text-align:center;
	padding-right:5px;
	padding-left:5px;
	height:25px
}
/* SPAN和链�?/
	.page_1 a:hover, .page_1 a.current {
	color:#393939;
	border:1px solid #999
}
/* 当前链接有激活时*/
	.page_1 input {
	padding:0px;
	color:#000;
	height:25px;
	width:25px;
	border:0px solid #fff;
	text-align:center;
	margin-top:0px;
	margin-right:-5px;
	margin-bottom:0px;
	margin-left:-5px;
	vertical-align:middle;
	font-size:12px
}
/* 跳转INPUT*/
	.carousel {
	margin-bottom: 0;
	padding: 0 ;
}
/* Reposition the controls slightly*/
	.carousel-control {
	left: -12px;
}
.carousel-control.right {
	right: -12px;
}
/* Changes the position of the indicators*/
	.carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
}
/* Changes the colour of the indicators*/
	.carousel-indicators li {
	background: #cccccc;
}
.carousel-indicators .active {
	background: #333333;
}
ul, ol {
	margin-top: 0;
	margin-bottom: -10px;
}
.pro-list{}
.pro-list .channel{line-height:40px; width:100%; font-size:16px;  border-bottom:#06629a 1px solid;margin:10px 0px; text-indent:1em; color:#FF0000}
.pro-list ul{ list-style:none; padding:0px; margin:0px;}
.pro-list ul li{ width:45%; margin-right:5%; border-bottom:#CCC 1px dashed; float:left}
.pro-list ul li a{ width:100%; display:block; line-height:30px}
.p0{padding:0}
.pro-ch{padding:0px; margin:10px 0px;}
.pro-ch ul{ list-style-type:none;padding:0px; margin:0}
.pro-ch ul li{ width:11.6%; margin:5px 5px; line-height:40px; border:#ccc 1px solid; float:left; text-align:center }
.pro-ch ul li:hover{ background:#cc2727;}
.pro-ch ul li:hover a{ color:#FFF}
.pro-ch ul li a{ width:100%; display:block; text-decoration:none}
.clear{ clear:both}
.foot{ background-color:#333; height:auto; color:#ededed; line-height:30px; font-weight:normal !important; margin-top:2%}
.foot a{ color:#ededed}
.foot ul{ list-style-type:none; margin:0px; padding:0px}
.foot ul li{ width:45%; float:left; border-bottom:#666 1px dashed; margin-right:5%}
.foot ul li a{ width:100%; display:block;line-height:30px; color:#999; text-indent:1em}
.foot .copyright{ background-color:#666; margin-top:2%; font-size:12px}
.foot-nav{bottom:0; position: fixed;background-color:#ccc;width:100%;text-align: center;line-height:40px}
.foot-nav a{color:#ff0000;FONT-SIZE:20px;font-weight:bold; z-index:8}
.img500{ line-height:30px}
.img500 img {max-width:500px !important; height:auto}
.img-thumbnail{height: 165px;width: 100%;}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    display: block;
    height: auto;
    max-width: 100% !important;
    line-height: 1;
	overflow:hidden
}
@media only screen and (min-width:992px) {
	.img-responsive,.img-responsive a>img {
		width: 100%;
		height: 13pc;
border:1px #ccc solid;
padding:4px
	}

}
@media only screen and (max-width : 600px) {
.navbar ul li {
	width:25%

}
	.img-responsive,.img-responsive a>img {
		width: 100%;
		height: 10pc;
border:1px #ccc solid;
padding:4px
	}
.about_bg{ background:none; height:auto}
.pro-ch ul li{ width:23%;}
}
@media only screen and (max-width :480px) {
	img, table {
	width:100%
}
.navbar {
	margin-top:0px
}
.pro-ch ul li{ width:29.999%;}
.about_bg{ background:none; height:auto}
	.img-responsive,.img-responsive a>img {
		width: 100%;
		height: 9pc;
border:1px #ccc solid;
padding:4px
	}
.foot{margin-bottom:40px}
}
@media only screen and (max-width :400px) {
	img, table {
	width:100%
}
.navbar {
	margin-top:0px
}
.img-thumbnail{height:120px;width: 100%;}
.pro-ch ul li{ width:46%; float:left}
.about_bg{ background:none; height:auto}
	.img-responsive,.img-responsive a>img {
		width: 100%;
		height: 7pc;
border:1px #ccc solid;
padding:4px
	}
.foot{margin-bottom:40px}
}
@media only screen and (min-width : 601px) and (max-width : 991px) {
	.navbar-nav > li {
	width:25%;
	float:left;
	text-align:center
}
.about_bg{ background:none; height:auto}
.img-thumbnail{height: 220px;width: 100%;}
	.img-responsive,.img-responsive a>img {
		width: 100%;
		height: 12pc;
border:1px #ccc solid;
padding:4px
	}
}




.dede_pages{
}
.dede_pages ul{
	float:left;
	padding:12px 0px 12px 16px;
}
.dede_pages ul li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
}
.dede_pages ul li a{
	float:left;
	padding:2px 4px 2px;
	color:#555;
	display:block;
}
.dede_pages ul li a:hover{
	color:#690;
	text-decoration:none;
	padding:2px 4px 2px;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	padding:2px 4px 2px;
	font-weight:bold;
}
.dede_pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}


.nvv{width:100%;height: 40px;background-color:#0054b1;position: fixed;z-index: 9999;bottom: 0px;display: block;}
.nvv ul{margin: 0px;padding: 0px;}
.nvv li{width: 25%;float: left;color: #FFF;text-align: center;display: inline-block;}
.nvv li a{color: #fff;display: block;height: 40px;line-height: 40px;font-size: 14px;font-weight: bold;border-right-width: 1px;border-bottom-width: 1px;border-right-style: solid;border-bottom-style: solid;border-right-color: #01ba61;border-bottom-color: #01ba61;text-decoration: none;border-top-width: 1px;border-top-style: solid;border-top-color: #01ba61;}





















@charset "utf-8";
@media screen and (min-width: 1100px){
.nvv{display:none;}
}
@media screen and (max-width: 1099px){
.menu{width:100%;}

}
@media screen and (min-width: 781px){
.sjdh, .sjbanner, {display:none;}

	
	}
	
@media screen and (max-width: 780px){
img{width:100%;}
.banner, .logo_pc, .pro_list, #top, #left{display:none;}
.logo{width:100%; float:left}
.menu li{width:25%; border-bottom:1px #01ba61 solid; height:36px; line-height:36px;}
.sjbanner{ display:block; position:relative; z-index:99999;}
.index_banner{margin:0px auto; width:100%; height:auto; }
.index_banner ul{overflow:hidden;}
.index_banner li{position: absolute; top: 0; left: 0;overflow: hidden; width: 100%;}
.index_banner li a{display:block;margin:0 auto;}
.index_banner cite{position: absolute; bottom: 15px; left: 45%; z-index: 9999; display: block; width: 188px; height: 20px; _display: none;}
.index_banner cite span{float: left; display: block; width: 1em; height: 1em; text-indent: -999em; opacity: .8; cursor: pointer; background-image: url(../images/tg_flash_p2.png); background-repeat: no-repeat; margin-top: 0; margin-right: 5px; margin-bottom: 0; margin-left: 5px; }
.index_banner cite span:hover{background-color:#f5f5f5;}
.index_banner cite span.cur{ cursor: default; background-image: url(../images/tg_flash_p.png); background-repeat: no-repeat; }
.pro{width:100%;}
.scrolltop li{width:47%;}
.about{background:url(../images/index_22.jpg) repeat;}
.about_pic{display:none;}
.about_text{width:96%; margin:0 auto; float:none;padding-top:25px;}
#right, .news, .industry, .news ul li, .industry ul li, .ewm{width:98%; margin:auto;}
.news .tit img{width:229px; float:left;}
.new_tit{line-height:20px;}
.news dl dd, .tit a{padding-top:0}
.news dl dd p{line-height:14px;}
.industry .tit img{width:264px;}
.industry ul li a{padding-left:20px;}
.flink img{width:227px;}
.b_logo{float:none; margin:0 auto;}
.ewm li{margin-left:auto;margin-right:auto;}
.picnews DL DD{width:48%;}
.news dl dt{width:28%;}
.news dl dd{width:68%;}

.nvv{width:100%;height: 40px;background-color:#0054b1;position: fixed;z-index: 9999;bottom: 0px;display: block;}
.nvv ul{margin: 0px;padding: 0px;}
.nvv li{width: 25%;float: left;color: #FFF;text-align: center;display: inline-block;}
.nvv li a{color: #fff;display: block;height: 40px;line-height: 40px;font-size: 14px;font-weight: bold;border-right-width: 1px;border-bottom-width: 1px;border-right-style: solid;border-bottom-style: solid;border-right-color: #01ba61;border-bottom-color: #01ba61;text-decoration: none;border-top-width: 1px;border-top-style: solid;border-top-color: #01ba61;}
}
@media screen and (max-width: 570px){

}

