@charset "utf-8";
/* CSS Document */
#index_nav_bg{ width:100%; height:auto; overflow:hidden; background:#f5f5f5;}
#index_pro_bg{ width:100%; height:auto; overflow:hidden; background:#fff;}
#index_case_bg{ width:100%; height:auto; overflow:hidden; background:#f5f5f5;}

#index_title{margin:auto;margin-top:150px;width:600px; height:50px; overflow:hidden;}
#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;}
/* #index_title .ttp{color:#f8e8d1;}
#index_title .tdp{border:#f8e8d1 1px solid;background:#5e3311;color:#f8e8d1;} */

#index_content{margin:auto; margin-top:30px;width:95%; height:auto; overflow:hidden; line-height:30px;}
#index_pic{margin:auto; margin-top:30px;padding-bottom:100px;width:1000px; height:auto; overflow:hidden; text-align:center;}

#nav_content{margin:auto; margin-top:50px;padding-bottom:120px;width:1080px; height:auto; overflow:hidden;}
#nav_content li{float:left; 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:#7c5b36;*position:absolute;*margin-top:10px}

#pr_content{margin:auto; margin-top:30px;width:95%;height:auto;overflow:hidden;}
#pr_content ul{display:block;float:left;margin:1%; margin-top:20px;padding:0;width:31.3%;height:auto;overflow:hidden;text-align:center;}
#pr_content #p_pic{ width: 100%;}
#pr_content #p_pic .pp{ padding-bottom:68%; background:no-repeat center center;background-size:cover;cursor:pointer;}
#pr_content #p_info{padding:5px; height:35px;text-align:center; overflow:hidden;}
#pr_content #p_info span,s,p{display:block;margin-top:3px;}
#pr_content #p_info s{font-size:11px; color:#999;}
#pr_content #p_info span{color:#333;font-weight:bolder;}
#pr_content #p_info a{color:#000;}
#pr_content #p_line{clear:both;height:1px;}
#pr_more{margin:auto;margin-top:10px;margin-bottom:50px;width:200px; height:40px; line-height:40px; text-align:center;border:#fcd201 1px solid;border-radius:5px; background: #fcd201;}
#pr_more a{ color:#000;}

#ca_content{margin:auto; margin-top:30px; margin-bottom:100px;width:1003px;height:auto;overflow:hidden;}
#ca_content ul{ display:block; float:left;height:400px;border-right:#fff 1px solid;}
#ca_content #cal1{width:200px;}
#ca_content #cal2{ width:200px;}
#ca_content #cal3{ width:300px;}
#ca_content #cal3 img{ width:300px; height:400px;}
#ca_content #cal4{ width:300px;border:none;}
#ca_content #cal4 img{ width:300px; height:400px;}
#ca_content #cap1{ height:200px;border-bottom:#fff 1px solid;}
#ca_content #cap1 img{ width:200px; height:200px;}
#ca_content #cap2{ height:200px;}
#ca_content #cap2 img{ width:200px; height:199px;}
#ca_content #cat{margin-top:-30px;width:100%;height:30px;line-height:30px;text-align:center; color:#000;background:#eee;filter:alpha(opacity=70);  -moz-opacity:0.7;  -khtml-opacity: 0.7; opacity: 0.7;  }

@media screen and (max-width: 750px) {
#index_title{margin:auto;margin-top:50px;width:98%; height:auto; overflow:hidden;}
#index_title .tl{position:relative; height:1px; background:none;}
#index_title .tc{position:absolute;width:100%;margin:auto;margin-top:0px; text-align:center;}
#index_title .tt{padding:0px 20px 0px 20px;font-size:20px; 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; display: none;}
#index_pic{ width: 100%;padding-bottom:20px; text-align: center;}
#index_pic img{ width: 90%;} 

#ca_content{ width: 95%;}
#ca_content ul{ display:block; float:left;height:auto;border-right:none;}
#ca_content #cal1{width:50%;}
#ca_content #cal2{ width:50%;}
#ca_content #cal3{ width:50%;}
#ca_content #cal3 img{ width:100%;}
#ca_content #cal4{ width:50%;border:none;}
#ca_content #cal4 img{ width:100%;}

#ca_content #cap1{ height:auto;border-bottom:#fff 1px solid;}
#ca_content #cap1 img{ width:100%; height:auto;}
#ca_content #cap2{ height:auto;border-bottom:#fff 1px solid;}
#ca_content #cap2 img{ width:100%; height:auto;}
#ca_content #cat{margin-top:-30px;width:100%;height:30px;line-height:30px;text-align:center; color:#000;background:#eee;filter:alpha(opacity=70);  -moz-opacity:0.7;  -khtml-opacity: 0.7; opacity: 0.7;  }

#pr_content{margin:auto; margin-top:30px;width:100%;height:auto;overflow:hidden;}
#pr_content ul{display:block;float:left;margin:1%; margin-top:20px;padding:0;width:48%;height:auto;overflow:hidden;text-align:center;}
#pr_content #p_pic{ width: 100%;}
#pr_content #p_pic .pp{ padding-bottom:68%; background:no-repeat center center;background-size:cover;cursor:pointer;}
#pr_content #p_info{padding:5px; height:35px;text-align:center; overflow:hidden;}
#pr_content #p_info span,s,p{display:block;margin-top:3px;}
#pr_content #p_info s{font-size:11px; color:#999;}
#pr_content #p_info span{color:#333;font-weight:bolder;}
#pr_content #p_info a{color:#000;}
#pr_content #p_line{clear:both;height:1px;}
#pr_more{margin:auto;margin-top:30px;margin-bottom:30px;width:150px; height:30px; line-height:30px; text-align:center;border:#fcd201 1px solid;border-radius:5px; background: #fcd201;}
#pr_more a{ color:#000;}

}