/*product*/
#flow2{
position: fixed;
width: 100%;
text-align: center;
top: 97px;
}
h1{
font-family: 'Oswald', sans-serif;
letter-spacing: 2px;
font-size: 50px;
text-align: left;
color: #eb4b0b;
}
#product_type{
  margin: 0 auto;
text-align: center;
width: 1140px;
float: none;
}

/* 加载 Portamento 成功后的样式 */ 
#portamento_container{position:relative;z-index:95; height: 162px;} 
#portamento_container #product_type{} 
 
/* 滑动时的样式 */ 
#portamento_container #product_type.fixed{position:fixed;} 




#scroll{
position: absolute;
top: -60px;
right: 7px;
cursor: pointer;
}
#product{
  width: 1100px;
}
#product_type{
float: left;
text-align: center;
height: 63px;
width: 100%;
/*top: 99px;*/
background-color: #171717;
/*position: fixed;*/
position: relative;
z-index: 999;
}
#product_type span{
float: left;
text-align: center;
width: 180px;
height: 60px;
display: block;
color: black;
margin-bottom: 2px;
line-height: 68px;
font-weight: bold;
background-color: #171717;
position: relative;
cursor: pointer;
border-top: 3px solid #292929;
color: #979797;
font-size: 14px;
border-right: 1px solid #292929;
border-left: 1px solid #292929;
}


#product_type .current{
color: white;
background-color: #292929;	
}

#product_type span:hover{
    color:white;
    background-color: #292929;
    -o-transition: color .50s linear;
    -webkit-transition: color .50s linear;
    -moz-transition: color .50s linear;
    transition:  color .50s linear;
}
#product_type .current{

}

#product_type .current
.close_{
position: absolute;
background-image: url("../images/product/product_close.png");
background-repeat: no-repeat;
width: 27px;
height: 25px;
float: left;
bottom: -15px;
left: 80px;
}
#product
.product_block{
float: left;
text-align: center;
padding-bottom: 0;
width: 1100px;
margin: 40px 0px 0px;
}
.product_block
.info_img{
  float: left;
}
.product_block
.info_img  span{
float: left;
width: 1140px;
}
.product_block
.info_img  img{

}
.type_top{
	font-size: 18px;
color: white;
float: left;
border-bottom: 1px solid white;
width: 100%;
text-align: left;
letter-spacing: 1px;
padding-bottom: 10px;
margin-bottom: 35px;
}
#product
.productContainer{
float: left;
width: 100%;
text-align: center;
}
#product
.productContainer div{
float: left;
width: 225px;
min-height: 259px;
text-align: center;
margin: 50px 0 40px 0 !important;
padding: 0 !important;
}
#product
.productContainer a{
  color: black;float: left;
}
#product
.productContainer div img{
  
}
#product
.productContainer div span{
  float: left;
text-align: center;
width: 100%;
}

#product
.productContainer .type{
 margin-bottom: 3px; 
}

#product
.productContainer div .info{
float: left;
font-size: 14px;
margin-top: 8px;
padding-bottom: 10px;
padding-top: 10px;
  letter-spacing: 1px;
  color: #cbcbcb;
}

#product
.productContainer div .name{
font-family: 'Oswald', sans-serif;
letter-spacing: 2px;
float: left;
font-size: 15px;
color: white;
letter-spacing: 1px;
margin-bottom: 12px;
}

#product
.productContainer div:hover{
border: 2px solid #fe4d00;	
}


#product
.productContainer div:hover .info{
	background-color: #fe4d00;
	color: white;
}

#product
.productContainer div .info{
font-family: 'Oswald', sans-serif;
letter-spacing: 2px;
}

#slideshowWrapper{
position: relative;
margin: 0 auto -18px;
background-color: black;
padding: 0;
}
#slideshow{
 width: 100%;

}
#slideshow li{
  width: 100%;
}
#slideshow
.worder{
position: absolute;
top: 43%;
right: 14.5%;
}

#slideshow
.worder2{
position: absolute;
top: 36%;
color: white;
width: 45%;
right: 0;
}

#slideshow
.worder3{
position: absolute;
top: 50%;
color: white;
width: 45%;
left: 0;
}

#slideshow h1{
width: 408px;
font-size: 45px;
}

#slideshow
.worder span,
#slideshow
.worder2 span,
#slideshow
.worder3 span{
margin-top: 26px;
text-align: center;
margin-bottom: 25px;
display: block;
}

#slideshow 
.fadeaction span{
float: left;
clear: both;
margin-bottom: 10px;
margin-top: 0;
}


#slideshow a{
font-size: 18px;
color: #f8d308;
letter-spacing: 2px;

}
#slideshow li img{
position: relative;
float: left;
width: 50%;
}

#bx-pager{
position: absolute;
right: 85px;
bottom: 50px;
height: 214px;
width: 58px;
}

#bx-pager .active{
  border: 1px solid #eb4b0b;
float: left;
}
#bx-pager a{
  float: left;
}

#slideshow
.name_{

}

#slideshow .fadeaction
.info_{
color: #bcbcbc;
float: left;
text-align: left;
line-height: 28px;
font-size: 18px;
margin-top: 20px;
opacity: 1 !important;
}

#show02{
float: left;
background-color:white;
width: 100%;
position: relative;
min-height: 600px;
}

#show02 #word{
float: left;
position: absolute;
top: 17%;
left: 12%;
text-align: left;
color: #5b5b5b;
line-height: 42px;
font-size: 24px;
}
#show02 h1{
color: black;
position: absolute;
top: 14%;
width: 200px;
float: left;
left: 12%;
font-size: 61px;
}


@media screen and (min-width: 768px) and (max-width: 1100px) {

  #show02 #word{
  float: left;
  position: absolute;
  top: 13%;
  left: 8%;
  text-align: left;
  color: #5b5b5b;
  line-height: 28px;
  font-size: 20px;
  }
  #show02 #word strong{
    line-height: 40px;
  }
  #show02 h1{
  color: black;
  position: absolute;
  top: 5%;
  width: 200px;
  float: left;
  left: 8%;
  font-size: 50px;
  }

}


  #carousel div {

width: 364px;
height: 608px;
float: left;
/*padding: 18px;
margin: 0 15px;*/
      }
#carousel div a{
  float: left;
}
#carousel div:hover{
    color:white;
    background-color: #eb4b0b;

}




#show03{
position: relative;
float: left;
width: 100%;
background-color: #c4c4c4;
min-width: 1100px;
height: 608px;
}
#show03
.info{
float: left;
width: 100%;
text-align: center;
font-weight: bold;
line-height: 23px;
margin-top: 32px;
}

#show03 div img{
  margin-top: 105px;
}

#show03 .disabled{
  opacity: 0;
}
#show03 h1,#show04 h1,#show05 h1{
  position: absolute;
top: 10%;
left: 7%;
color: white;
z-index: 9;
}


#show04{
  position: relative;
float: left;
width: 100%;
background-color: #c4c4c4;
min-width: 1100px;
height: 608px;
  background-image: url("../images/product/bg04.jpg");

}
#show04
#video{

}
#show04
#video img{
  margin-top: 61px;


}

#show05{
  position: relative;
float: left;
width: 100%;
background-color: #c4c4c4;
min-width: 1100px;
height: 608px;
  background-image: url("../images/product/bg05.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#show05 .bx-wrapper .bx-pager{
display: block;
bottom: -34px;
}
#show05 .bx-wrapper{
  width: 100%;

}


#show05
#related{
height: 470px;
display: block;
margin-top: 143px;


}
#show05 .slide .name,
#show05 .slide .type{
float: left;
width: 100%;
color: white;
line-height: 20px;
font-size: 18px;
padding-top: 20px;
}
#show05 .slide .type{
  padding-bottom: 20px;
  padding-top: 0;
}
#show05 
.bx-controls-direction{
display: inline-block;
}

.slide{
  border: 2px solid transparent;
  margin: 0;
  
}


      #pager {
text-align: center;
margin-top: 20px;
position: absolute;
color: #666;
top: 45%;
height: 61px;
width: 100%;
left: 0;
      }
      #show_pag a {
         background-image: url("../images/catalogs/page.png");
        background-position: 0 13px;
        background-repeat: no-repeat;
        color: #666;
        display: inline-block;
        font-size: 0;
        height: 17px;
        margin: 0 3px;
        padding: 5px 10px;
        text-decoration: none;
        width: 22px;
      }

      #show_pag a.selected {
        background-position: -42px 13px;
      }
      #prev, #next {
        display: block;
        width: 50px;
        height: 80px;
        margin-top: -40px;
        position: absolute;
        top: 41%;
        z-index: 2;
      }
#show05
#related .bx-prev{
left: -40px;
top: 150px;
}
#show05
#related .bx-next{
right:-40px;
top: 150px;
}



      #prev {
        background: url(../images/catalogs/arrow.png ) no-repeat;
        left: 1%;
      }
      #prev:hover {
        background: url(../images/catalogs/arrow_a.png ) no-repeat;
      }     
      #next {
        background: url(../images/catalogs/arrow2.png ) no-repeat;
        right: 0%;
      }
      #next:hover {
        background: url(../images/catalogs/arrow2_a.png ) no-repeat;
      }       

@media screen and (min-width: 1100px) and (max-width: 1300px) {

  #show02 #word{
  float: left;
  position: absolute;
  top: 13%;
  left: 10%;
  text-align: left;
  color: #5b5b5b;
  line-height: 42px;
  font-size: 24px;
  }
  #show02 h1{
  color: black;
  position: absolute;
  top: 5%;
  width: 200px;
  float: left;
  left: 10%;
  font-size: 50px;
  }


  #show04
  #video img{
margin-top: 95px;
width: 65%;
  }
  #slideshow
  .worder{
  position: absolute;
  top: 38%;
  right: 4.5%;
  }

}

@media screen and (min-width: 800px) and (max-width: 1100px){

  #show04
  #video img{
  margin-top: 121px;
  width: 71%;
  }

  #slideshow
  .worder{
  position: absolute;
  top: 40%;
  right: 2.5%;
  }



}