/* CSS Document */
/*轮播图b*/
.banner{height:500px;width: 100%;overflow: hidden;position: relative;z-index: 1;}
.banner .slick-slider,.banner .slick-list,.banner .slick-track,.banner .slick-slide{height: 100%;}
.banner a{display: block;height: 100%;}
.banner .slick-slide{
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.banner .slick-dots {
    position: absolute;
    left: 0;
    bottom:0;
	height:32px;
    width: 100%;
    text-align: center;
    z-index: 99;
	background-color:#000;
	filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;
}

.banner .slick-dots li {
    display: inline-block;
    margin: 11px 6px;
}

.banner .slick-dots li button {
    display: block;
    width:6px;
    height:14px;
    font-size: 0;
    line-height: 0;
    text-indent: 999px;
    border: none;
    outline: none;
    cursor: pointer;
    background:url(../images/dot2.png) no-repeat center;	
	
	
}

.banner .slick-dots li.slick-active button {
	background:url(../images/dot1.png) no-repeat center; height:14px; width:22px;
}
.banner .slick-prev{ background: url(../images/bleft.png) no-repeat; position: absolute;top:200px;left:80px; width:53px; height:102px; z-index: 3; cursor: pointer; border:none;}
.banner .slick-next{ background: url(../images/bright.png) no-repeat; position: absolute;top:200px;width:53px; height:102px;right:80px;z-index: 3;cursor: pointer; border:none;}
/*轮播图d*/
.selects{padding-top:30px;}
.selects .title span{ display:block; width:300px; float:left; background:url(../images/case_ico.gif) no-repeat 0 center; height:40px; line-height:40px; font-size:20px;color:#000; padding-left:28px;}
.selects .title p{display:block; width:200px; float:right; text-align:right; font-size:14px; color:#b0b0b0; padding-top:10px;}
.selects .c_info{border:1px solid #d9d9d9; float:left; width:100%;}
.selects .c_info tr{height:39px; border-top:1px solid #d9d9d9; display:block; width:100%; line-height:39px;}
.selects .c_info tr:first-child{ border:none;}
.selects .c_info td{display:block;}
.selects .c_info tr .tit{width:100px;  display:block; float:left; padding-left:25px; background:url(../images/case_ico_1.gif) 10px 14px no-repeat #eee; font-size:14px; color:#a0a0a0}
.selects .c_info a{font-size:12px; color:#434343; margin-left:22px; padding:3px 5px;}
.selects .c_info a:hover{background:#E62129; color:#fff;}
.selects .c_info a.current{background:#E62129; color:#fff;}
.selects .c_info table,.selects .c_info table tbody{display:block;}
.case_list {padding-top:30px; clear:both;}
.case_list .sort_box{width:100%; height:40px; background:#eee; margin-bottom:10px;}
.case_list .sort_box .lt{ border:1px solid #b0a59f; height:28px; line-height:28px; float:left; margin-top:5px; margin-left:8px;}
.case_list .sort_box .lt a{display:block; width:66px; display:block; float:left; height:28px; border-left:1px solid #b0a59f; background:url(../images/case_ico_3.gif) 63px 10px no-repeat; padding-left:10px;}
.case_list .sort_box .lt a:first-child{border:none;}
.case_list .sort_box .lt a:hover,.case_list .sort_box .lt a.hover{color:#cc0033; background-image:url(../images/case_ico_2.gif)}

.case_list ul li{ float:left; width:290px; border:1px solid #dcdcdc; margin:0 10px 10px 0; overflow:hidden;}
.case_list ul li:nth-child(4n){ margin-right:0;}
.case_list ul li .pic{ width:290px; height:165px; overflow:hidden;}
.case_list ul li .pic img{ width:290px; height:165px;}
.case_list ul li .name{ font-size:14px; color:#484848; height:20px; line-height:20px; overflow:hidden; margin-top:5px;}
.case_list ul li .name a{ margin-left:8px;}
.case_list ul li .yuyue{ font-size:10px; color:#7a7a7a; text-indent:5px; height:30px; line-height:30px; margin-bottom:2px;}
.case_list ul li .yuyue span{font-size:12px; color:#7a7a7a; margin:0 2px;}
.case_list ul li .yuyue a{ display:block; text-align:center; width:80px; height:22px; line-height:22px; border-radius:10px;font-size:12px; color:#fff; background-color:#E62129; float:left; margin:3px 20px 0 20px; }
.case_list ul li .yuyue a:hover{ background-color:#BF151E;}

/*案例详情*/
.mian .mianleft{ width:950px; float:left;}
.mian .mianleft .caseinfo1{ border:1px solid #dcdcdc; padding:10px;}
.mian .mianleft .caseinfo1 h2{ text-align:center; font-size:24px; color:#000000;}
.mian .mianleft .caseinfo1 .time{ text-align:center; font-size:12px; color:#7d7d7d;}
.mian .mianleft .caseinfo1 dl{ border:1px solid #dcdcdc; border-bottom:none; font-size:14px; color:#000000; margin-top:20px;}
.mian .mianleft .caseinfo1 dl dt{ border-bottom:1px solid #d6d6d6; text-align:center; float:left; width:110px; height:38px; line-height:38px; background-color:#dcdcdc;}
.mian .mianleft .caseinfo1 dl dd{ border-bottom:1px solid #dcdcdc; text-align:center; float:left; width:198px; height:38px; line-height:38px; }
.mian .mianleft .caseinfo1 span{ font-size:16px; color:#000000; margin-top:10px; display:block;}
.mian .mianleft .caseinfo1 span em{ font-style:normal; font-size:14px; color:#555555;}
.mian .mianleft .caseinfo1 p{ font-size:14px; color:#626262; text-indent:2em;}
.mian .mianleft .desc{ overflow:hidden;border:1px solid #dcdcdc; margin-top:10px;  padding:10px; font-size:14px;}
.mian .mianleft .desc img{ max-width:930px; height:auto; padding-top:10px;}
.mian .mianleft .xscase{ margin-top:40px;}
.mian .mianleft .xscase h3{ width:950px; height:32px; background:url(../images/casetitle.png) no-repeat 0 bottom; margin-bottom:10px; font-size:18px; color:#000; overflow:hidden;}
.mian .mianleft .xscase h3 a{ display:block;width:50px; font-size:12px; padding-top:5px; height:32px; line-height:32px; float:right;}
.mian .mianleft .xscase ul li{ float:left; width:227px; margin:0 5px 10px; position:relative; overflow:hidden;}
.mian .mianleft .xscase ul li .pic{ width:227px; height:129px; overflow:hidden;}
.mian .mianleft .xscase ul li .pic img{ width:227px; height:129px;}
.mian .mianleft .xscase ul li .name{ width:100%; font-size:14px; color:#484848;line-height:30px; overflow:hidden; position:absolute; bottom:-30px;z-index:99; }
.mian .mianleft .xscase ul li .name a{width:100%;  color:#fff; font-size:12px; display:inline-block; text-align:center;}
.mian .mianleft .xscase ul li  i{ width:100%; height:60px; background-color:#000;  filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6; position:absolute; bottom:-30px;}
.mian .mianleft .xscase ul li a.yuyue{ display:block; text-align:center; width:100px; height:24px; line-height:24px; border-radius:12px;font-size:12px; color:#fff; background-color:#E62129; margin-left:70px; margin-bottom:5px;}

.mian .mianleft .xscase ul li a.yuyue:hover{ background-color:#BF151E;}
.mian .mianleft .xscase ul li:hover .name,.mian .mianleft .xscase ul li:hover i{
	bottom: 0px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}


.mian .mianright{ width:230px; float:left; margin-left:15px;}
.mian .mianright .sjs{ width:230px; border:1px solid #dcdcdc; }
.mian .mianright .sjs .pic{ text-align:center;width:210px; padding:10px;}
.mian .mianright .sjs .pic img{width:210px; height:210px;}
.mian .mianright .sjs .name{ border-top:1px solid #dcdcdc; font-size:14px; color:#000000; text-indent:10px;}
.mian .mianright .sjs .name a{ font-size:18px; color:#000000;}
.mian .mianright .sjs .name a:hover{ color:#af9658;}
.mian .mianright .sjs .gs{border-bottom:1px solid #dcdcdc; font-size:14px; color:#6d6d6d;text-indent:10px;}
.mian .mianright .sjs .yuyue{ display:block; margin:10px auto; text-align:center; font-size:16px; color:#ffffff; width:210px; height:34px; line-height:34px; background-color:#f35c5c;}
.mian .mianright .sjs .yuyue:hover{ background-color:#af9658; font-weight:bold;}
.mian .mianright .zbform{ width:230px; border:1px solid #dcdcdc; margin-top:10px; background:none; padding:0; text-align:inherit;}
.mian .mianright .zbform i{ display:block; text-align:center; margin-top:10px; font-style:normal; color:#fff; font-size:18px; width:50px; height:30px; line-height:30px; background-color:#f35c5c;}
.mian .mianright .zbform h1{ text-align:center; font-size:24px; color:#E62129; border:none; padding:0;}
.mian .mianright .zbform span{ display:block; text-align:center; font-size:12px; color:#aaaaaa;}
.mian .mianright .zbform input{ width:210px; height:36px; line-height:36px; text-indent:10px; margin:0 10px 10px 10px; padding:0;}
.mian .mianright .zbform region{ margin-left:10px;}
.mian .mianright .zbform .btns{ cursor:pointer; background-color:#E62129; font-size:16px; color:#fff; text-align:center; border:none; margin-top:10px;}
.mian .mianright .zbform .btns:hover{background-color:#af9658;}

/*实景案例*/
.band{ width:100%; height:500px; background:url(../images/hotcasebanner.jpg) no-repeat center;}
.aboutsj{ text-align:center; margin-top:30px;border-bottom:1px solid #a0a0a0;}
.aboutsj .title{ width:100%; height:54px; background:url(../images/absjtitle.png) no-repeat center;}
.aboutsj .title p{ font-size:16px; color:#00c2d1; font-family:宋体; margin-top:5px;}
.aboutsj .memo{ font-size:14px; color:#707070; margin-top:10px;}
.sjsearch{ margin:15px auto 25px; width:522px; height:42px; line-height:42px; background:url(../images/casesrachbg.png) no-repeat 0 0;}
.sjsearch .text{ width:446px; height:40px; padding:0;border:none; background:none; margin-top:1px;}
.sjsearch .btn{ width:60px; height:42px; background:none; border:none;}
.hotcasemian{ margin-top:30px; padding-bottom:40px;}
.hotcasemian .hotcaseleft{ width:920px; float:left;}
.hotcasemian .hotcaseleft .title{ width:100%; height:22px; background:url(../images/caseico.png) no-repeat 0 0; }
.hotcasemian .hotcaseleft ul li{ margin:15px 0; border:1px solid #d8d8d8;}
.hotcasemian .hotcaseleft ul li .pic{ width:325px; float:left; overflow:hidden; border-right:1px solid #d8d8d8;}
.hotcasemian .hotcaseleft ul li .pic a{ width:325px; height:185px; overflow:hidden; display:block;}
.hotcasemian .hotcaseleft ul li .pic img{ width:325px; height:185px;}
.hotcasemian .hotcaseleft ul li .casemidle{ width:400px; height:185px; float:left; padding-left:20px; background-color:#fff;}
.hotcasemian .hotcaseleft ul li .casemidle h5{ font-size:14px; color:#000; margin-top:5px;}
.hotcasemian .hotcaseleft ul li .casemidle h5 a{ color:#000;}
.hotcasemian .hotcaseleft ul li .casemidle span{ color:#000000; font-size:12px; display:block;}
.hotcasemian .hotcaseleft ul li .casemidle p{ font-size:12px; color:#787878; height:22px; line-height:22px;}
.hotcasemian .hotcaseleft ul li .casemidle p em{ font-style:normal; display:inline-block; width:50%;}
.hotcasemian .hotcaseleft ul li .casemidle .alinfo{ color:#25a8b4; font-size:12px;}
.hotcasemian .hotcaseleft ul li .casemidle .alinfo:hover{ color:#10919d;}
.hotcasemian .hotcaseleft ul li .casemidle .xian{ height:5px;}
.hotcasemian .hotcaseleft ul li .casemidle .zixun{color:#7a7a7a; font-size:10px; height:30px; line-height:30px; }
.hotcasemian .hotcaseleft ul li .casemidle .zixun span{ display:inline-block; font-size:12px; color:#7a7a7a; margin:0 5px 0 0;}
.hotcasemian .hotcaseleft ul li .casemidle .zixun a{ display:block; float:right; text-align:center; width:110px; height:24px; line-height:23px; background-color:#2199a3; color:#fff; font-size:14px; border-radius:13px; margin-right:20px; margin-top:1px;}
.hotcasemian .hotcaseleft ul li .casemidle .zixun a:hover{ background-color:#0a545a;}
.hotcasemian .hotcaseleft ul li .tx{ width:170px; height:185px; border-left:1px solid #d8d8d8; background-color:#FFF; float:left;}
.hotcasemian .hotcaseleft ul li .tx .pohot{ width:110px; height:110px; border-radius:50%; overflow:hidden; margin:10px auto 0;}
.hotcasemian .hotcaseleft ul li .tx .pohot a{ display:inline-block; width:110px; height:110px;}
.hotcasemian .hotcaseleft ul li .tx .pohot img{ width:110px; height:110px;}
.hotcasemian .hotcaseleft ul li .tx .xian{ text-align:center; margin-top:10px; height:5px;}
.hotcasemian .hotcaseleft ul li .tx p{width:166px; margin:12px auto 5px; height:30px; background:url(../images/caseico1_1.png) no-repeat right center;}
.hotcasemian .hotcaseleft ul li .tx p a{ font-size:18px; font-weight:bold; color:#2199a3; width:176px; height:30px; line-height:30px;}
.hotcasemian .hotcaseleft ul li .tx p a strong{font-size:12px;color:#000000; font-weight:normal;}
.hotcasemian .hotcaseleft ul li .tx span{ display:block;width:176px; margin:0 auto; font-size:12px; color:#8c8c8c; line-height:18px;}

.hotcasemian .hotcaseright{ width:250px; float:left; margin-left:30px; background-color:#FFF;}
.hotcasemian .hotcaseright .title{background-color: #2199a3;
    color: #fff;
    font-size: 14px;
    height: 39px;
    line-height: 45px;
    text-indent: 7px;
    width: 250px;}
.hotcasemian .hotcaseright .title a{color: #fff;
    display: inline-block;
    font-size: 12px;
    text-align: right;
    width: 180px;
}
.hotcasemian .hotcaseright .title a:hover{ color:#18747e;}	
.hotcasemian .hotcaseright ul li{ width:230px; text-align:center; margin:10px auto; position:relative;}
.hotcasemian .hotcaseright ul li img{ width:230px; height:131px;}
.hotcasemian .hotcaseright ul li .name{ position:absolute; bottom:0; width:100%; height:30px; line-height:30px;color:#FFF; z-index:999; font-size:12px; text-align:left; text-indent:10px;}
.hotcasemian .hotcaseright ul li .bg{ position:absolute;bottom:0;width:100%;height:30px;background-color:#000; opacity:0.5; }