@charset "utf-8";

/* CSS Document */

.line-right {

	border-right:2px #4D4D4D ridge;

}



/*底部固定bar*/

.fix-foot-bar {

	display:none;

	width:100%;

	height:40px;

	position:fixed;

	bottom:0;

	left:0;

	z-index:1025;

	overflow:visible;

	background:#232323;

-webkit-transition:height .25s ease-in-out, -webkit-transform .4s ease;

-o-transition:height .25s ease-in-out, transform .4s ease, -o-transform .4s ease;

transition:height .25s ease-in-out, transform .4s ease;

transition:height .25s ease-in-out, transform .4s ease, -webkit-transform .4s ease, -o-transform .4s ease;

	transform:translateZ(0)

}

.fix-foot-bar span {

	background: linear-gradient(to right, #232323 12%, #595959 50%, #232323 88%, #232323 88%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	font-size:1.1em;

	color:#FFF;

	height:40px;

	line-height:40px;

	text-align:center;

	letter-spacing:1px;

}

.fix-foot-bar span a {

	color:#FFF;

	text-decoration:none;

}

.fix-foot-bar span a:hover {

	color:#e41f20;

}



@media (max-width:1000px) {

 .index-footer {

 margin-bottom:40px;

}

 .fix-foot-bar {

 display:block;

}

}



/*產品Slider圖*/

div .image-container {

  width: 100%;

  height: 0;

  padding-bottom: 75%;

  overflow: hidden;

  background-color: #999;

}



div .image-container img {

  width: 100%;

}

/* ======= 輪播banner ======= */
.slider1_bg {
	position: relative;
background:#F8ECEE;
}

.slider1_container{
position: relative; 
top: 0px; 
left: 0px; 
width: 1200px; 
height: 574px; 
overflow:hidden;
margin: 0 auto;
}

.slides1{
cursor: move;
position: absolute;
left: 0px;
top: 0px;
width: 1200px;
height: 574px;
overflow: hidden;
}

.slider2_container{
position: relative;
top: 0px;
left: 0px;
width: 1200px; 
height: 574px;  
overflow:hidden;
margin: 0 auto;
}
.slider3_container{
position: relative;
top: 0px;
left: 0px;
width: 600px; 
height: 450px;  
overflow:hidden;
margin: 0 auto;
}
.slides3{
cursor: move;
position: absolute;
left: 0px;
top: 0px;
width: 600px;
height: 450px;
overflow: hidden;
}
					/* jssor slider bullet navigator skin 05 css */
					/*
					.jssorb05 div           (normal)
					.jssorb05 div:hover     (normal mouseover)
					.jssorb05 .av           (active)
					.jssorb05 .av:hover     (active mouseover)
					.jssorb05 .dn           (mousedown)
					*/
					.jssorb05 {
							position: absolute;
			bottom: 16px; right: 6px;
					}
					.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
							position: absolute;
							/* size of bullet elment */
							width: 16px;
							height: 16px;
							background: url(../images/b05.png) no-repeat;
							overflow: hidden;
							cursor: pointer;
					}
					.jssorb05 div { background-position: -7px -7px; }
					.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
					.jssorb05 .av { background-position: -67px -7px; }
					.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }
		
					/* jssor slider arrow navigator skin 12 css */
					/*
					.jssora12l                  (normal)
					.jssora12r                  (normal)
					.jssora12l:hover            (normal mouseover)
					.jssora12r:hover            (normal mouseover)
					.jssora12l.jssora12ldn      (mousedown)
					.jssora12r.jssora12rdn      (mousedown)
					*/
					.jssora12l, .jssora12r {
							display: block;
							position: absolute;
							/* size of arrow element */
							width: 30px;
							height: 46px;
							cursor: pointer;
							background: url(../images/a12.png) no-repeat;
							overflow: hidden;
			top: 287px;
					}
					.jssora12l { background-position: -16px -37px; }
					.jssora12r { background-position: -75px -37px; }
					.jssora12l:hover { background-position: -136px -37px; }
					.jssora12r:hover { background-position: -195px -37px; }
					.jssora12l.jssora12ldn { background-position: -256px -37px; }
					.jssora12r.jssora12rdn { background-position: -315px -37px; }