/* CSS Document */

.banner{ width:100%; min-width:1100px; }
.banner img{ width:100%;}
.flexslider{ width:100%; position:relative;overflow:hidden; margin:0 auto;}
.slides{position:relative; z-index:1; }
.flex-control-nav{position:absolute;bottom:20px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{width:24px;height:5px;margin:0 5px;display:inline-block;}
.flex-control-nav a{width:24px;height:5px;display:inline-block;overflow:hidden; text-indent:-9999px; cursor:pointer; background:#ccc;}
.flex-control-nav .flex-active{ background:#2481d1;}
/* banner */

.product{ background:url(../img/product_bg.jpg); padding-top:50px;}
.product_nav{ padding:16px 0; background:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);  border:1px solid #ccc; margin-bottom:50px;}
.product_nav li{ display:inline-block; padding-left:17px; padding-right:17px; line-height:32px; float:left; text-align:center; font-size:16px; color:#333; background:url(../img/icon_line.png) no-repeat right center;}
.product_nav li:last-of-type{ background:none;}
.product_nav li.active a { color:#006fd8; }
.product_nav li a{ color:#333; text-decoration:none; }
.product_nav li a:hover{ color:#006fd8;}

.ul_product li{ width:33.3333%; float:left; margin-bottom:50px; cursor:pointer; height:294px; overflow:hidden; }
.ul_product li:hover .p_main{ opacity:1;}
.ul_product div{ width:80%; display:; margin:0 auto;  position:relative;}
.ul_product img{ width:100%; display:block;}
.ul_product h3{ line-height:30px; font-size:16px; text-indent:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ul_product .p_main{ width:100%; height:100%; position:absolute; background:url(../img/opaicty_80.png); top:0; left:0; display:none;}
.ul_product .p_main h4{ font-size:16px; text-indent:20px; color:#fff; line-height:30px; margin-top:20px;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ul_product .p_main div { line-height:24px; font-size:14px; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.product_showbox {}
.product_showbox img { max-width:99%; }
.product_showbox .title { font-size:2.1rem; padding:10px 0; color:#0c65bf; }
.product_showbox .info { color:#0c65bf; font-size:1.6rem; padding:10px 0; }
.product_showbox .do4down { clear:both; padding:2rem 0 3.5rem 0; }
.product_imgs { clear:both; color:#0c65bf; }
.product_imgs li { width:30%; float:left; margin-right:2%; }
.product_imgs li.active { border:1px solid #0c65bf; }
.product_content { border-top:1px solid #ccc; padding:15px 0; margin-top:15px; }

.product_searchbox { clear:both; padding-bottom:10px; padding-top:10px; }
.product_searchbox .frmbox { width:20%; float:right; }

@media (max-width:768px){
    .banner{ min-width:inherit;}
    .product_nav li{ width:50%; padding-left:0; padding-right:0; }
    .product_nav li:nth-of-type(2n+2){ background:none;}
    
    .ul_product li{ width:50%; height:auto; overflow:auto; }
	.ul_product li{ width:100%; height:auto; overflow:auto;}
    .ul_product h3{ width:50%; text-indent:0;}
    .ul_product img{ width:50%;}
    .ul_product .p_main{ width:50%; right:0; left:auto; top:0; display:block;}
    .ul_product .p_main h4{ margin-top:10px;}
    .ul_product div{ width:100%; padding-left:5px; padding-right:5px; font-size:10px;}
    .ul_product .p_main p{ font-size:10px;}
	
	.product_searchbox .frmbox { width:100%; float:none; }

}

@media (max-width:520px){
    .banner{ min-width:inherit;}
    .ul_product li{ width:100%; height:auto; overflow:auto;}
    .ul_product h3{ width:50%; text-indent:0;}
    .ul_product img{ width:50%;}
    .ul_product .p_main{ width:50%; right:0; left:auto; top:0; display:block;}
    .ul_product .p_main h4{ margin-top:10px;}
    .ul_product div{ width:100%; }
    .ul_product .p_main p{ font-size:8px;}
}