@charset "utf-8";

body{background-color:#ececec;}
/*banner图片,导航*/
.bannerbox {margin:0 0 24px 0;background-color:#fff;}
.bannerbox .imgbanner{width: 100%;height:200px;}
.bannerbox ul{padding:0 50px;}
.bannerbox ul li{width:12.5%;float:left;text-align:center;font-size:18px;}
.bannerbox ul li span{line-height: 72px;height: 72px;display:inline-block;}
.bannerbox ul li span.current{color:#C40001;}


/*路径导航条*/
.channelbox {height: 50px;line-height:50px;}
.channelbox span{color: #C40001;}


/*案例列表*/
.casebox {margin:0 0 24px 0;}

.casebox .caselist {padding: 0px;margin:auto;}
.casebox .caselist .nocardbox{text-align: center;height:300px;font-size: 16px;padding:100px 0;background-color:#fff;}
.casebox .caselist li {float: left;width: 280px;text-align: center;margin: 10px;cursor: pointer;}
.casebox .caselist li img{width:280px;}
.casebox .caselist li p{background-color:#fff;height:54px;line-height: 54px;font-size:16px;overflow: hidden;padding:0 4px;}



/*弹出设置框*/
.popupbox{
    position: fixed; 
    z-index: 999; 
    width:100%; 
    height:100%; 
    background-color: rgba(0,0,0,0.6); 
    top:0; left:0;
    display:none;}
.popupbox .showbox{
    width:1100px;
    background-color:#fff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -550px;
    margin-top: -250px;
    height: 500px;
}
.popupbox .showbox .loadinggif {
    height: 11px;
    left: 50%;
    margin-left: -8px;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    width: 16px;
}
.popupbox .showbox .popclose{
    z-index:1000;
    position: absolute;
    right: 5px;
    top: 0px;
    width:25px;
    cursor: pointer;}
.popupbox .showbox .procont {
    
}


.showbox .showleft {
    float: left;
    overflow: hidden;
    padding:  0 25px;
    width: 400px;
}

.showleft .showmain {
    
    position: relative;
    width:100%;
}
.showleft .showmain .arttitle {
    height:60px;
    line-height: 23px;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    margin: 20px 0 10px 0;
    overflow: hidden;
}

.showleft .showmain .artdetail {
    font-size: 12px;
    line-height: 24px;
    height:400px;
    overflow: auto;
}
.showbox .showright {
    background: #efefef none repeat scroll 0 0;
    float: right;
    height: 500px;
    position: relative;
    width: 700px;
}

.casephoto {
    height: 500px;
    overflow: hidden;
    position: relative;
    width: 100%;
}



/*顶部banner滚动图*/
.flexslider {margin: 0px auto ;position: relative;width: 700;height: 500px;overflow: hidden;zoom: 1;}
.flexslider .slides li {width: 100%;height: 100%;}
.flexslider .slides a img {
    width: 100%;
    height: 100%;
    display: block;
}
.flexslider .flex_direction_nav a {
    width: 62px;
    height: 115px;
    line-height: 99em;
    overflow: hidden;
    margin: -60px 0 0;
    display: block;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease; 
}

.flex_direction_nav .flexnext {background: url(/res/images/home/next.png) no-repeat;right: 0;}
.flex_direction_nav .flexprev {background: url(/res/images/home/prev.png) no-repeat;left: 0;}
.flexslider:hover .flexnext {opacity: 0.8;filter: alpha(opacity=25);}
.flexslider:hover .flexprev {opacity: 0.8;filter: alpha(opacity=25);}
.flexslider:hover .flexnext:hover,.flexslider:hover .flexprev:hover {opacity: 1;filter: alpha(opacity=50);}

.flexslider .flex_control_nav {width: 100%;position: absolute;bottom: 20px;text-align: center;}
.flex_control_nav li {margin: 0 2px;display: inline-block;zoom: 1;}
.flex_control_nav li span {
    cursor: pointer;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius:6px;
    background:#cccccc;
    margin-right:10px;
}
.flex_control_nav li.active span {
    background: #C40001;
}

/*案例详情展示框*/
.casetextbox {margin:0 0 24px 0;}
.casetextbox .casetext {
	width:1100px;
    background-color:#fff;
    height: 500px;
	margin:0 auto;
}