@charset "utf-8";
/* CSS Document */
#index_title{margin:auto;margin-top:150px;width:600px; height:50px; overflow:hidden; display: none;}
#index_title .tl{position:relative; height:1px; background:#fcd201;}
#index_title .tc{position:absolute;width:600px;margin:auto;margin-top:-70px; text-align:center;}
#index_title .tt{padding:0px 20px 0px 20px;font-size:30px; font-weight:bolder;color:#385cba;}
#index_title .td{margin:auto; margin-top:10px;width:400px; height:40px; line-height:40px;font-size:16px; color:#000; background:#FFF; border:#fcd201 1px solid;}

#main_title{margin:auto;margin-top:30px;width:400px; height:50px; overflow:hidden;}
#main_title .tl{position:relative; height:1px; background:#fcd201;}
#main_title .tc{position:absolute;width:400px;margin:auto;margin-top:-30px; text-align:center;}
#main_title .td{margin:auto; margin-top:10px;width:200px; height:40px; line-height:40px;font-size:20px; font-weight:bolder;color:#000; background:#FFF; border:#fcd201 1px solid;}
#main_title .td a{font-size:20px; font-weight:bolder;color:#000;}

#index_nav_bg{ width:100%; height:auto; overflow:hidden; background:#f4f4f4;}
#nav_content{margin:auto; margin-top:30px;padding-bottom:30px;width:95%; height:auto; overflow:hidden; text-align:center;}
#nav_content li{ display:inline-block;width:120px; height:128px; background:url(../images/na.png);}
#nav_content li:hover{background:url(../images/na_on.png);}
#nav_content li a {display:table-cell;padding:10px;width:60px; height:60px;margin-top:20px;text-align:center;vertical-align: middle; color:#385cba;*position:absolute;*margin-top:10px}

#main{clear:both;margin:auto;padding:0; margin-top:20px;width:95%;height:auto!important;min-height:100px;max-height:none;overflow:hidden;}
#main_center{float:left;display:inline;margin:0;padding:0;width:100%;}

#center_content{ margin-top:0px;clear:both;height:auto;overflow:hidden;background:#FFF;}

#main_center #center_content #page{clear:both;width:100%;margin-top:20px; margin-bottom:20px;text-align:center;}
#main_center #center_content #page span{display:inline-block;width:auto;margin-right:5px;padding:5px 10px 5px 10px; background:#f6f6f6; border:#e3e3e3 1px solid;}
#main_center #center_content #page span:hover{background:#e3e3e3;}
#main_center #center_content #page strong{color:#000;}

#main_center #center_content #product_list{clear:both;margin-top:10px;height:auto;overflow:hidden;}
#main_center #center_content #product_list ul{display:block;float:left;margin:1%;padding:0;width:31.3%;text-align:center; }
#main_center #center_content #product_list ul:hover{}
#main_center #center_content #product_list #p_pic{width: 100%;}
#main_center #center_content #product_list #p_pic .pp{ padding-bottom:68%; background:no-repeat center center;background-size:cover;cursor:pointer;}
/*#main_center #center_content #product_list #p_pic a img{border:0;max-width:280px; max-height:280px; width:expression(this.width > 280 && this.height < this.width*280/280 ? 280: true);height:expression(this.height > 280 ? 280: true);margin-top:expression(this.height < 280  ? (280 -this.height)/2: 0);}
*/
#main_center #center_content #product_list #p_info{padding:10px 5px 10px 5px; }
#main_center #center_content #product_list #p_info span,s{float:left; display:block; height:20px;}
#main_center #center_content #product_list #p_info p{ clear:both;display:block; padding-top:5px;}
#main_center #center_content #product_list #p_info s{ float:right;font-size:11px;color:#999;}
#main_center #center_content #product_list #p_info a{ display:block;height:40px; overflow:hidden;}
#main_center #center_content #product_list #p_info span{color:#cb2027; font-family: Georgia, "Times New Roman", Times, serif; font-size:16px;}
#main_center #center_content #product_list #p_info p{color:#f0820b;}
#main_center #center_content #product_list #p_line{clear:both; margin:0; padding:0; height:1px;}


@media screen and (max-width: 750px) {
#index_nav_bg{ display: none;}
#main_title{ display: none;}
#main_center #center_content #product_list ul{width:48%;}
}