/*内页公共Css*/ .box{box-sizing: border-box;} a{color:#333;} .container{ width:100%; margin:50px auto; } .container .main{ width:1200px; margin:auto; overflow:hidden; } /*左侧*/ .container .main .main_left{width:22%;} .container .main .main_left .cat{ width:100%; border:1px solid #e4e4e4; padding-bottom:20px; } .container .main .main_left ul li{ width:100%; height:50px; } .container .main .main_left ul li.cat_title{ height:65px; background-color:#525252; } .container .main .main_left ul .cat_second{ background:url(/statics/images/tem/fen_jt3.png) no-repeat 26px 11px; } .container .main .main_left ul li a{ display:block; width:90%; height:100%; margin:auto; font-size:16px; text-indent:30px; line-height:65px; border-bottom:1px solid #e4e4e4; } .container .main .main_left ul .cat_third{ display:none; } .container .main .main_left ul .cat_third li{ background:url(/statics/images/tem/fen_jt3.png) no-repeat 50px 11px; } .container .main .main_left ul .cat_third li a{ display:block; width:80%; height:100%; margin-left:15%; font-size:16px; text-indent:30px; line-height:65px; border-bottom:1px solid #e4e4e4; } .container .main .main_left ul li.cat_title a{ font-size:20px; text-indent:20px; font-weight:600; line-height:65px; color:#fff; } .container .main .main_left ul li:not(.cat_title) a:hover, .container .main .main_left ul li.cur a{ font-weight:600; color:#ed6d01; } .container .main .main_left .left_info{ width:100%; padding:10px 15px; margin:10px 0; background-color:#f3f3f3; border:1px solid #e4e4e4; } .container .main .main_left .left_info .info_title{ width:100%; font-size:16px; text-align:center; height:40px; line-height:40px; } .container .main .main_left .left_info hr{ width:100%; margin:0 0 15px 0; border:1px solid #999; } .container .main .main_left .left_info .info_contact{ width:100%; font-size:14px; line-height:25px; } .container .main .main_left .left_info .info_code{ width:100%; margin-top:5px; text-align:center; } .container .main .main_left .left_info .info_code img{ width:80%; margin:3%; } /*右侧*/ .container .main .main_right{ width:75%; margin-left:3%; } .container .main .main_right .right_nav{ height:32px; font-size:14px; line-height:36px; border-bottom:1px solid #999; overflow:hidden; } .container .main .main_right .right_nav .innor_home{ float:left; width:30px; line-height:27px; } .container .main .main_right .right_nav .innor_home img{ width:100%; transform: translateX(-100%); filter:drop-shadow(30px 0 0 #525252); } .container .main .main_right .right_content{ width:100%; margin-top:30px; } /*右侧列表*/ .container .main .main_right .right_content .right_ul{ width:100%; overflow:hidden; } .container .main .main_right .right_content .right_ul .right_list{ float:left; width:32%; margin-left:2%; margin-bottom:20px; } .container .main .main_right .right_content .right_ul .right_list:nth-child(3n+1){ margin-left:0; } .container .main .main_right .right_content .right_ul .right_list .list_img{ display:block; width:100%; height:200px; overflow:hidden; position: relative; } .container .main .main_right .right_content .right_ul .right_list .list_img img{ display: block; position: absolute; top:0; left:0; bottom:0; right:0; margin: auto; max-width:100%; max-height:100%; transition:all 0.6s; } .container .main .main_right .right_content .right_ul .right_list:hover .list_img img{ transform:scale(1.1); } .container .main .main_right .right_content .right_ul .right_list .list_title{ width:100%; height:50px; padding:5px 20px; box-shadow: 0 5px 10px rgba(0,0,0,0.1); } .container .main .main_right .right_content .right_ul .right_list .list_title a{ display:block; width:40%; border-bottom:2px solid #999; font-size:14px; font-weight:bold; line-height:30px; word-break: keep-all; white-space: nowrap; transition:all 0.6s; } .container .main .main_right .right_content .right_ul .right_list:hover .list_title a{ width:100%; border-bottom:2px solid #ed6d01; color:#ed6d01; } /*右侧详情*/ .detail_title{ font-size:20px; font-weight:600; text-align:center; } .detail_content{ padding:30px 10px; } .up_down{ padding:15px 20px; background:#fbfbfb; border:1px solid #dedede; margin-top:30px; font-size:12px; transition: all 0.6s; } .up_down:hover{ border:1px solid #999; } .up_down a:hover{ color:#ed6d01; } /*上侧导航*/ .container .container_nav{ height:60px; box-shadow:0 0 20px #ddd; text-align:center; } .container .container_nav li{ display:inline-block; margin:0 38px; cursor:pointer; } .container .container_nav li a{ box-sizing: border-box; display:inline-block; font-size:16px; line-height:60px; color:#000; } .container .container_nav .on a,.container .container_nav li:hover a{ color: #ed6d01; border-bottom: 2px solid #ed6d01; } /*面包屑*/ .container .main .crumbs{ display:block; width:1200px; padding-top:10px; font-size:14px; } .container .main a{ font-size:14px; } /*下侧内容*/ .container .main .main_list{ width:100%; overflow:hidden; padding-bottom:20px; } .container .main .main_list li{ float:left; width:21%; height:350px; margin-left:5%; margin-top:30px; } .container .main .main_list li .pic{ display:block; width:90%; height:84%; margin:0 auto; overflow:hidden; } .container .main .main_list li .pic img{ width:100%; height:100%; transition: all 0.6s; } .container .main .main_list li:hover .pic img{ transform: scale(1.1); } .container .main .main_list li .list_title{ width:100%; height:55px; padding:10px 20px; box-shadow: 0 5px 10px rgba(0,0,0,0.1); } .container .main .main_list li .list_title a{ display:block; width:40%; border-bottom:2px solid #666; font-size:16px; font-weight:bold; line-height:30px; word-break: keep-all; white-space: nowrap; transition:all 0.6s; } .container .main .main_list li:hover .list_title a{ width:100%; color:#ed6d01; border-bottom: 2px solid #ed6d01; } /*推荐*/ .recommend{ width:100%; margin:30px auto; border:1px solid #e4e4e4; overflow:hidden; } .recommend .recommend_title{ padding:10px 20px; background:#fbfbfb; border:1px solid #dedede; font-size:16px; } .recommend ul{ float:left; width:48%; max-height:230px; overflow:hidden; } .recommend ul:nth-child(3){ margin-left:4%; } .recommend ul li{ height:35px; border-bottom:1px dashed #ccc; text-indent:20px; line-height:35px; } /*分页*/ .pagination{ width:100%; margin:60px auto 20px; text-align:center; font-size:14px; } .pagination a{ display:inline-block; height: 28px; margin-left:6px; border:1px solid #ddd; background:#fff; padding-left:10px; padding-right:10px; line-height:28px; } .pagination a:hover{ background:#2d2d2d; color:#fff; } .pagination span{ display:inline-block; height:28px; margin-left:6px; padding-left:8px; padding-right:8px; background:#2d2d2d; color:#fff; line-height:28px; }