@charset "utf-8";
/* CSS Document */
/* 案例筛选系统 CSS Document 
 * ver：2.0
 * By：liuyang.
 * ICQ：1845676808
 * Date：2017/02/15
*/


/**common**/
*{ margin:0; padding:0;}
body {font:12px \5FAE\8F6F\96C5\9ED1,Arial,Helvetica,sans-serif;}
table,td,tr,th{font-size:12px;}
ol,ul {list-style:none;}
li{list-style-type:none;}
img{border:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;}
address,cite,code,em,th,i{font-weight:normal; font-style:normal;}
.clear{*zoom:1;}
.clear:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a { text-decoration:none;}
a:visited { text-decoration:none;}
a:hover { text-decoration:none;}
a:active { text-decoration:none;}
.fl { float:left;}
.fr { float:right;}


.bn_img { width:100%; height:460px; overflow:hidden; margin:0 auto; padding:0; background:url(../images/banner.jpg) center center no-repeat; background-size:cover; position:fixed; left:0; top:0; z-index:-1;}
.bn_tit { width:1200px; height:80px; overflow:hidden; margin:105px auto 0; padding:0;}
.bn_tit h3 { width:50%; height:50px; overflow:hidden; line-height:50px; margin-bottom:10px; padding:0; color:#fff; font-family:"微软雅黑"; font-size:40px; font-weight:bold;}
.bn_tit p { width:50%; height:20px; overflow:hidden; line-height:20px; margin:0px; padding:0; color:#fff; font-family:"微软雅黑"; font-size:14px;}

.al_main { width:100%; min-height:320px; margin:275px auto 0; padding:0; background-color:#eaeaea; position:relative;}
.al_main .al_scr { width:1200px; height:540px; margin-left:-600px; padding:0; position:absolute; left:50%; top:-170px;}
.al_scr .scr_l { width:285px; height:490px; overflow:hidden; margin-top:-20px; padding:0; background-color:#fff; border-top:4px solid #f00; float:left; box-sizing:border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.scr_l ul { width:100%; height:450px; overflow:hidden; margin:18px auto; padding:0;}
.scr_l ul li { width:100%; height:50px; overflow:hidden; margin:0 auto; padding:0;}
.scr_l ul li a { display:block; width:100%; height:50px; overflow:hidden; line-height:50px; margin:0 auto; padding:0 60px; border-left:4px solid #fff; color:#565656; font-family:"微软雅黑"; font-size:16px; box-sizing:border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; transition:padding 0.8s; -webkit-transition:padding 0.8s; -ms-transition:padding 0.8s;}
.scr_l ul li a span { display:block; width:23px; height:13px; overflow:hidden; margin:19px 0 18px; background:url(../images/nav_jt1.png) 0 0 no-repeat; float:right;}
.scr_l ul li a:hover { padding:0 40px 0 70px; background-color:#e5e5e5; border-left:4px solid #f00; color:#212121; font-size:15px; font-weight:bold;}
.scr_l ul li a:hover span { background:url(../images/nav_jt2.png) 0 0 no-repeat;}
.scr_l ul li a.scr_act1 { padding:0 40px 0 70px; background-color:#e5e5e5; border-left:4px solid #f00; color:#212121; font-size:15px; font-weight:bold;}
.scr_l ul li a.scr_act1 span { background:url(../images/nav_jt2.png) 0 0 no-repeat;}

.al_scr .scr_r { width:855px; height:350px; margin-top:120px; padding:0 20px; background-color:#fff; float:right; position:relative;}
.scr_r ul li { width:855px; height:50px; overflow:hidden; margin:0 auto; padding:0;}
.scr_r ul li.li_line { border-bottom:1px solid #dfdfdf; box-sizing:border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.scr_r ul li h3 { height:50px; overflow:hidden; line-height:50px; color:#212121; font-family:"微软雅黑"; font-size:14px; font-weight:bold; float:left;}
.scr_r ul li a { display:inline-block; height:24px; overflow:hidden; line-height:24px; margin:12px 2px; padding:0 10px; border:1px solid #fff; border-radius:2px; color:#666666; font-family:"微软雅黑"; font-size:14px; float:left;}
.scr_r ul li a font { font-family:Arial, Helvetica, sans-serif;}
.scr_r ul li a:hover, .scr_r ul li a.scr_act2 { border:1px solid #d9d9d9; color:#f00; font-weight:bold;}
.scr_r ul li .li_f { width:50%; float:left;}
.scr_r ul li span { display:inline-block; height:50px; line-height:50px; color:#999; font-family:"微软雅黑"; font-size:12px; float:right;}
.scr_r ul li .scr_cl { height:20px; overflow:hidden; margin:15px 0; padding:0 10px; float:left;}
.scr_cl a.cl_1, .scr_cl a.cl_2, .scr_cl a.cl_3, .scr_cl a.cl_4, .scr_cl a.cl_5, .scr_cl a.cl_6, .scr_cl a.cl_7, .scr_cl a.cl_8, .scr_cl a.cl_9, .scr_cl a.cl_10, .scr_cl a.cl_11 { display:inline-block; width:20px; height:20px; overflow:hidden; margin:0 1px 0 0; padding:0; border:none; border-radius:0; float:left;}
.scr_cl a.cl_1 { background-color:#cf0000;}
.scr_cl a.cl_2 { background-color:#f58f00;}
.scr_cl a.cl_3 { background-color:#f2e200;}
.scr_cl a.cl_4 { background-color:#58ca00;}
.scr_cl a.cl_5 { background-color:#4496ee;}
.scr_cl a.cl_6 { background-color:#6e2cdf;}
.scr_cl a.cl_7 { background-color:#d51ad3;}
.scr_cl a.cl_8 { background-color:#8d5412;}
.scr_cl a.cl_9 { background-color:#000000;}
.scr_cl a.cl_10 { background-color:#989898;}
.scr_cl a.cl_11 { background-color:#ffffff; border:1px solid #dfdfdf; box-sizing:border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.scr_cl a.cl_1:hover, .scr_cl a.cl_2:hover, .scr_cl a.cl_3:hover, .scr_cl a.cl_4:hover, .scr_cl a.cl_5:hover, .scr_cl a.cl_6:hover, .scr_cl a.cl_7:hover, .scr_cl a.cl_8:hover, .scr_cl a.cl_9:hover, .scr_cl a.cl_10:hover, .scr_cl a.cl_act1 { border:none; border-radius:0; background-image:url(../images/tb1.png); background-position:center center; background-repeat:no-repeat;}
.scr_cl a.cl_11:hover, .scr_cl a.cl_act2 { border:1px solid #dfdfdf; border-radius:0; background-image:url(../images/tb2.png); background-position:center center; background-repeat:no-repeat;}

.scr_jg { width:100%; height:30px; overflow:hidden; line-height:30px; margin:0 auto; padding:0; color:#999; font-family:"微软雅黑"; font-size:14px; text-align:center; background-color:#eaeaea;}
.scr_jg font { color:#f00; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

.al_list { width:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#eaeaea;}
.al_list ul { width:1200px; overflow:hidden; margin:0 auto; padding:0;}
.al_list ul li { width:285px; margin:0 20px 20px 0; padding:0; background-color:#fff; float:left;}
.al_list ul li:hover { box-shadow:0px 2px 0px #f00;}
.al_list ul li.mr_no { margin:0 0 20px 0;}
.al_list ul li a.lt_img { display:block; width:265px; height:220px; overflow:hidden; margin:0 10px 10px; padding:10px 0 0 0;}
.al_list ul li h3 { width:255px; height:20px; overflow:hidden; line-height:20px; margin:0; padding:10px 15px; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; color:#666; font-family:"微软雅黑"; font-size:14px; font-weight:normal;}
.al_list ul li h3 font { color:#666; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.al_list ul li h3 span { display:block; float:right; font-size:14px;}
.al_list ul li .lt_btn { width:255px; height:30px; overflow:hidden; margin:0; padding:10px 15px;}
.lt_btn a.a_btn { display:block; width:68px; height:28px; overflow:hidden; line-height:28px; margin-right:6px; padding:0; color:#666; font-family:"微软雅黑"; font-size:13px; text-align:center; background-color:#fafafa; border:1px solid #eaeaea; border-radius:1px; float:left;}
.lt_btn a.a_btn:hover { background-color:#f00; border:1px solid #f00; color:#fff;}
.lt_btn input { display:block; float:right; margin-top:9px; width:14px; height:14px;}


/*.al_list { width:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#eaeaea;}
#waterfall{ width:1200px; overflow:hidden; margin:0 auto; padding:0;}
#waterfall .cell { width:285px; margin:0 auto 20px; padding:0; background-color:#fff; cursor:pointer; box-sizing:border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.cell h2 { display:block; width:100%; overflow:hidden; margin:0 auto; padding:20px 18px; border-bottom:1px solid #dfdfdf; box-sizing:border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.cell h2 img { display:block; width:100%; overflow:hidden; margin:0; padding:0;}
#waterfall .cell:hover { box-shadow:0px 2px 0px #f00;}
#waterfall .cell h3 { width:100%; overflow:hidden; margin:0; padding:18px; color:#666; font-family:"微软雅黑"; font-size:14px; font-weight:normal; box-sizing:border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.cell h3 font { color:#666; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.cell h3 span { display:block; float:right; font-size:14px;}*/

.scr_r .ly_reset { width:80px; height:30px; overflow:hidden; margin:0; padding:0; position:absolute; bottom:10px; right:20px;}
.ly_reset a { display:block; width:80px; height:30px; overflow:hidden; line-height:30px; color:#fff; font-family:"微软雅黑"; font-size:14px; text-align:center; background-color:#f00; border-radius:1px;}
.ly_reset a:hover { background-color:#e50000;}

.dc_btn { width:30px; height:120px; overflow:hidden; margin-top:-60px; margin-right:-650px; padding:0; position:fixed; right:50%; top:50%; display:none;}
.dc_btn a { display:block; width:14px; height:110px; overflow:hidden; line-height:16px; margin:0; padding:10px 8px; border-radius:1px; background-color:#212121; color:#eaeaea; font-family:"微软雅黑"; font-size:14px; text-align:center;}
.dc_btn a:hover { background-color:#f00;}

.al_foot { width:100%; height:40px; overflow:hidden; margin:0 auto; padding:0; background-color:#000000;}
.al_foot .ft_ct { width:1200px; height:40px; overflow:hidden; line-height:40px; margin:0 auto; padding:0; color:#666; font-family:"微软雅黑"; font-size:12px;}

.ly_top { width:40px; height:40px; overflow:hidden; margin:0; padding:0; position:fixed; right:10px; bottom:40px;}
.ly_top a { display:block; width:38px; height:38px; overflow:hidden; margin:0; padding:0; border:1px solid #dfdfdf; border-radius:1px; background:#fff url(../images/tp_tb1.png) center center no-repeat;}
.ly_top a:hover { border:1px solid #212121; background:#212121 url(../images/tp_tb2.png) center center no-repeat;}