﻿@charset "UTF-8";
/*banner*/
.banner-box{ width:100%; height:344px; background:#000000; overflow:hidden;position: relative;}
.fullSlide{ width:100%;  position:relative;  height:344px; background:#ffffff;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:344px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:344px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:30px; left:0; height:30px; line-height:30px; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:50px; height:3px; margin:3px; overflow:hidden; background:#ffffff; line-height:999px;}
.fullSlide .hd ul .on{ width:50px; border-radius:10px; background:#303030; -moz-transition: all ease .5s;-o-transition: all ease .5s;-webkit-transition: all ease .5s;transition: all ease .5s;}

/*效果*/
.case_effect{width:100%;position:relative;margin-top:15px}
.case_effect .effect_zh{width:1400px;margin:auto;position:relative;border-bottom: 1px solid #eee;padding-bottom: 20px; }

/*分类筛选*/
.al-sort{background:#fff;}
.al-sort-ul{width:auto; overflow:hidden;}
.al-sort-ul li.clearfix{line-height: 40px;position: relative;top:-1px;overflow: hidden;}
.al-sort-ul li.clearfix ul li.on {background: #DFAF6D;padding: 5px 10px;}
.al-sort-ul li.clearfix ul li.on a{color: #333;}
.al-sort-ul-title{width: 95px;text-align: center;color:#000000; font-size:14px;float: left;}
.al-sort-ul-angle{ width:1305px; overflow:hidden; background: #fff;float:left; }
.al-sort-ul-angle li{padding:0 09px; display: inline;}
.al-sort-ul-angle li a{ display:inline-block; white-space:nowrap; font-size:14px; color:#585858;}
.al-sort-ul-m{ width:1300px; min-height:40px; position:relative; background: #fff; }
.al-sort-ul-li{ width:1230px;height:40px; line-height:40px; overflow:hidden;color:#585858; }
.al-m-but{ width:40px; height:40px; position:absolute; right:10px; top:0;}
.yq_btn1{ width:40px; height:40px; background:url(../images/flash-b.gif)  right center no-repeat; cursor:pointer; line-height:40px;color: #dfaf6d;}
.yq_btn2{ width:40px; height:40px; display:none;background:url(../images/flash-t.gif)  right center no-repeat; cursor:pointer; line-height:40px;color: #dfaf6d;}
.yq_btn1a{ width:40px; height:40px; background:url(../images/flash-b.gif)  right center no-repeat; cursor:pointer; line-height:40px;}
.yq_btn2b{ width:40px; height:40px; display:none;background:url(../images/flash-t.gif)  right center no-repeat; cursor:pointer; line-height:40px;}

.case_xuan{width: 96%;height: 40px;overflow: hidden; padding: 30px 0 10px;margin-left:1%}
.case_xuan .case_xuan_center{width: 100%;height: 40px;margin: auto;position: relative;}
.case_xuan .case_xuan_center .case_left{float: left;}
.case_xuan .case_xuan_center .case_left .screen{width:208px;overflow:hidden;height:37px;float:left}
.case_xuan .case_xuan_center .case_left .screen .newest{width:80px;height:35px;background:#DFAF6D;text-align:center;line-height:35px;font-size:15px;    color: #333;float:left;cursor: pointer;}
.case_xuan .case_xuan_center .case_left .screen a{width:80px;height:35px;background:#fff;text-align:center;line-height:35px;font-size:15px;border:1px solid #afafaf;    color: #333;float:left;margin-left:15px;cursor: pointer;}
.case_xuan .case_xuan_center .case_left .formant{float:left}
.case_xuan .case_xuan_center .case_left .formant .shu_ru{width:320px;height:35px;border:1px solid #afafaf;font-size:15px;padding-left: 5px;color: #999;}
.case_xuan .case_xuan_center .case_left .formant .bom{width:80px;height:36px;background:#525252;margin-left:-5px;border:1px solid #525252;font-size:15px;color:#fff;cursor: pointer;text-align:center}
.case_xuan .case_xuan_center .case_right{float:right;font-size:16px;color:#717171}


/*案列列表*/
.case_lib{width: 100%; height: auto; overflow: hidden;  margin-top: 25px;margin-bottom: 50px;}
.case_lib .sjs-in{width: 100%; height: auto; margin: auto;  overflow: hidden; margin-bottom: 50px;}
.case_lib .sjs-in {width: 100%; height: auto; overflow: hidden; }
.case_lib .sjs-in li{width: 413px; float: left; height: 400px;  margin: 0 10px 30px;  overflow: hidden;}
.case_lib .sjs-in li .li_time{  width: 395px;  height: 70px;  background: #ffffff;  padding: 10px 15px; }
.case_lib .sjs-in .li_ancad{  width: 425px;  height: 305px;display: block;  overflow: hidden; }
.case_lib .sjs-in p{font-size: 14px;text-align: center;}
.case_lib .sjs-in .fo_xin{overflow: hidden;margin-top: 15px;}
.case_lib .sjs-in .fo_xin div{ float: left;margin: 0 10px;font-size: 14px;}
.case_lib .sjs-in .fo_xin div img{    vertical-align: sub; margin-right: 5px;}
.case_lib .sjs-in i{color: #828282;}
.case_lib .sjs-in li img{cursor:pointer;transition:all .8s}
.case_lib .sjs-in li :hover img{transform:scale(1.1)}
.case_lib .sjs-in li:hover{-moz-box-shadow:0 3px 25px #969696;-webkit-box-shadow:0 3px 25px #969696;box-shadow:0 3px 25px #969696}
.case_lib .sjs-in li:hover p{color: #7F0B72;}
/*.case_lib .lib_zho li:hover .li_time{background: #FF9630;}*/

/*分页*/

.case_lib .more{width:279px;margin:30px auto}
.case_lib .more a{display:block;background:#FFF;padding:10px;color:#a0763c;border:1px solid #a0763c;text-align:center;font-size:16px}
.case_lib .more a:hover{display:block;background:#a0763c;padding:10px;color:#fff;border:1px solid #a0763c;text-align:center;font-size:16px}
.case_lib .more p{display:block;background:#FFF;padding:10px;color:#000;border:1px solid #000;text-align:center;font-size:16px}
.case_lib .more p:hover{display:block;background:#FFC107;padding:10px;color:#fff;border:1px solid #FFC107;text-align:center;font-size:16px}
