/* ====== home banner start ====== */
.carousel-btn {
	text-align:center;
	margin:10px 0;
}
.carousel-btn a {
	display:inline-block;
	width:16px;
	height:16px;
	border-radius:16px;
	margin:0 6px;
	background:#CCC;
}
.carousel-btn .selected {
	background:#0080d7;
	cursor:default;
}
.carousel-btn a span {
	display:none;
}
.carousel-btn-fixed {
	width:100%;
	position:absolute;
	bottom:15px;
	left:0;
	margin:0;
	z-index:100;
}
.carousel {
	position:relative;
	padding:0px;
}

@media (min-width:768px) and (max-width:991px) {
	.carousel{ height:380px !important; }
	.carousel .carousel-item .carousel-img a img{ height:380px !important; }
}

@media screen and (max-width:768px) {
	.carousel{ height:320px !important; }
	.carousel .carousel-item .carousel-img a img{ height:320px !important; }
	.carousel-btn-fixed {
		bottom:10px;
	}
	.carousel-btn a {
		width:10px;
		height:10px;
		border-radius:10px;
		margin:0 5px;
	}
}
@media screen and (max-width:640px) {
	.carousel{ height:260px !important; }
	.carousel .carousel-item .carousel-img a img{ height:260px !important; }
}
@media screen and (max-width:480px) {
	.carousel{ height:145px !important; }
	.carousel .carousel-item .carousel-img a img{ height:145px !important; }
	.carousel-btn-fixed {
		bottom:6px;
	}
	.carousel-btn a {
		width:8px;
		height:8px;
		border-radius:8px;
		margin:0 3px;
	}
}
.carousel-item {
	position:relative;
	float:left;
	display:block;
}
.carousel-item .carousel-img {
	display:block;
}
.carousel-item .carousel-img a[href="javascript:;"] {
	cursor:default;
}
.carousel-item .carousel-img img {
	display:block;
}
.responsive-carousel {
	overflow:hidden;
}
.responsive-carousel .carousel-item img {
	width:100%;
	height:auto !important;
}
.responsive-carousel .carousel-direction {
	display:none;
}
.responsive-carousel:hover .carousel-direction {
	display:block;
}
.responsive-carousel-set .carousel-info-inner h3 {
	font-weight:normal;
}
/* ====== home banner end ====== */
/* ====== home more start ====== */
.more{
	font-size:14px;
	margin:0px auto;
	margin-top:26px;
	border:1px solid #9ea2a7;
	height:40px;
	line-height:40px;
	padding:0px;
	width:158px;
	transition:all 0.3s;
	background:none;
	color:#666;
	border-radius:0px;
	text-indent:0px;
	display:inline-block;
}
.more:hover{
	border:1px solid #0080d7;
	background:#0080d7;
	color:#FFF;
}
/* ====== home more end ====== */

/* ====== home product list start ====== */
.homeProList{
	padding:0px;
	padding-bottom:78px;
}
.homeProList h1{
	font-size:26px;
	color:#333;
	font-weight:normal;
	line-height:28px;
	text-align:center;
	padding-top:68px;
}
.homeProList h1 div{
	font-size:14px;
	padding-top:20px;
}
.homeProList h1 div i{
	display:inline-block;
	height:1px;
	border-top:1px solid rgba(51,51,51,0.2);
	vertical-align:middle;
}
.homeProList h1 div span{
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	color:#999;
}

.sample h1 div i{
	width:10%;
}
.sample h1 div span{
	width:30%;
}
@media (max-width: 1200px) {
	.sample h1 div i{
		width:10%;
	}
	.sample h1 div span{
		width:50%;
	}
}
@media (max-width: 768px) {
	.sample h1 div i{
		width:10%;
	}
	.sample h1 div span{
		width:70%;
	}
}
.products h1 div i{
	width:10%;
}
.products h1 div span{
	width:20%;
}
@media (max-width: 1200px) {
	.products h1 div i{
		width:20%;
	}
	.products h1 div span{
		width:30%;
	}
}
@media (max-width: 768px) {
	.products h1 div i{
		width:15%;
	}
	.products h1 div span{
		width:40%;
	}
}
.homeProList .proList{
	padding-top:46px;
	overflow:hidden;
}
.homeProList .proList li{
	padding:0px 25px;
}
.homeProList .proList li a{
	color:#666;
	overflow:hidden;
	width:100%;
	display:block;
}
.homeProList .proList li a.txt{
	height:55px;
	line-height:55px;
	overflow:hidden;
}
.homeProList .proList li a:hover{
	color:#0080d7;
}
.homeProList .proList li img{
	width:100%;
	opacity:1;
}
.homeProList .proList li img:hover{
	opacity:0.9;
}
.products .proList li img{
	transition:all 0.3s;
	transform:scale(1);
}
.products .proList li img:hover{
	transform:scale(1.2);
}
.homeProList .proList li h3{
	text-align:left;
	height:50px;
	overflow:hidden;
	padding-top:5px;
	line-height:45px;
	font-size:16px;
	font-weight:bold;
}
.homeProList .proList li h3 a{
	color:#4d4d4d;
}
.homeProList .proList li h3 a:hover{
	color:#0f61b9;
}
.homeProList .proList li p{
	text-align:left;
	line-height:25px;
	color:#4d4d4d;
	height:75px;
	overflow:hidden;
}
/* ====== home product list end ====== */
/* ====== home about start ====== */
.homeAbout{
	background-image:url(../images/banner-03.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#edf6ff;
	color:#333;
	line-height:28px;
	text-align:center;
	padding-bottom:80px;
}

.homeAbout h1{
	font-size:26px;
	color:#333;
	font-weight:normal;
	line-height:28px;
	text-align:center;
	padding-top:68px;
}
.homeAbout h1 div{
	font-size:14px;
	padding-top:22px;
}
.homeAbout h1 div i{
	display:inline-block;
	width:10%;
	height:1px;
	border-top:1px solid rgba(51,51,51,0.2);
	vertical-align:middle;
}
.homeAbout h1 div span{
	display:inline-block;
	width:50%;
	text-align:center;
	vertical-align:middle;
}
@media (max-width: 1200px) {
	.homeAbout h1 div i{
		width:10%;
	}
	.homeAbout h1 div span{
		width:60%;
	}
}
@media (max-width: 768px) {
	.homeAbout h1 div i{
		width:10%;
	}
	.homeAbout h1 div span{
		width:70%;
	}
}
.homeAbout .about{
	text-align:center;
	padding-top:60px;
}
.homeAbout .about img{
	float:right;
	margin-left:30px;
}
@media (max-width: 768px) {
	.homeAbout .about img{
		margin:0px auto 20px auto;
		float:none;
		display:block;
		max-width:100%;
	}
}
.homeAbout .about p{
	text-align:left;
	text-indent:30px;
}
/* ====== home about end ====== */

/* ====== home news list start  ====== */

.homeNewsList{
	padding:0px 0px 60px 0px;
	background:#f9f9f9;
}
.homeNewsList h2{
	font-size:16px;
	color:#1ba5d8;
	text-align:left;
	padding-top:60px;
}
.homeNewsList h2 a{
	display:block;
	float:right;
	font-size:14px;
	color:#808080;
	background:url(../images/bit.jpg) no-repeat right center;
	padding-right:16px;
	transition:all 0.5s;
}
.homeNewsList h2 a:hover{
	color:#1ba5d8;
	background-position: 28px center;
}
.homeNewsList .container{
	padding:0px;
}
.homeNewsList .media{
	margin:0px;
	border-bottom:1px dotted #ccc;
	padding:15px 0px;
}
.homeNewsList .media-left{
	padding-right:10px;
}
.homeNewsList .media-left span{
	display:block;
	text-align:center;
	background:#f2f2f2;
	color:#9e9e9e;
	padding:0px 10px;
	width:70px;
}
.homeNewsList .media-left span:first-child{
	font-size:24px;
	line-height:50px;
	border-bottom:1px solid #FFF;
	color:#666;
}
.homeNewsList .media-left span:last-child{
	font-size:12px;
	line-height:24px;
}
.homeNewsList .media-body{
	text-align:left;
	color:#a0a0a0;
	line-height:20px;
	font-size:14px;
}
.homeNewsList .media-body h4{
	font-weight:bold;
	font-size:14px;
	padding-bottom:5px;
}
.homeNewsList .media-body h4 a{
	color:#333
}
.homeNewsList .media-body h4 a:hover{
	color:#0080d7
}
.homeNewsList ul{
	padding-top:12px;
}
.homeNewsList ul li{
	height:46px;
	line-height:46px;
	text-align:left;
	border-bottom:1px solid #e5e5e5;
	text-indent:15px;
	position:relative;
	overflow:hidden;
}
.homeNewsList  ul li a:hover{
	color:#0080d7
}
.homeNewsList ul li span{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:30px;
	height:46px;
}
.homeNewsList ul li span i{
	display:block;
	width:2px;
	height:2px;
	background:#7c7c7c;
	position:absolute;
	top:20px;
	left:4px;
}
.homeNewsList ul li span i:first-child{
	top:20px;
	left:0px;
}
.homeNewsList ul li span i:last-child{
	top:24px;
}

/* ====== home news list end ====== */



