#list li{width:259px; margin: 10px 0 0 10px;float:left;}
#list li:nth-child(4n+1){ margin-left: 0;}

#list li{position: relative; }
#list li .box1{ position: absolute;left: 0;top: 0; width:100%; height: 100%; text-align: center; display: table;}
#list li .box1 p{ width:259px; font-size:14px; height: 170px;display: table-cell; vertical-align: middle; opacity: 0;}
#list li:hover p{background:rgba(255,255,255,0.5);color: #000000; opacity: 1;transition: all .5s ease-out;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-0-transition: all .5s ease-out;}
#list dd li:first-child{margin-left: 0;}
#list dl:last-child{ margin-bottom: 0;}
#list ul{ overflow:hidden;}
#list .g_page_div{ padding-top: 15px; clear:both; display:block;}
#list .g_page_div a,#list .g_page_div span{ display:inline-block; padding:4px 10px; margin:0 3px; border:1px solid #ddd; color:#666; text-decoration:none; font-size:12px;}
#list .g_page_div a:hover{ background:#f5f5f5; color:#333;}
#list .g_page_div span.current{ background:#333; color:#fff; border-color:#333;}
#list .g_page_div span.rows{ border:none; color:#999;}


#lunbo{ padding-top:10px; position:relative; padding-bottom:10px;}
#lunbo .swiper-slide{ height: 80px;}
#lunbo .swiper-slide.last{background:#F7F3F7; line-height: 80px; text-align: center;}
#lunbo .swiper-slide img{ opacity: 0.5;}
#lunbo dd.title{padding: 0 0 10px;}
#lunbo dd.about{font-size: 12px;}
#lunbo dd.about .ewm{ padding: 180px 0 0 0; text-align: center;}
#lunbo dd.about .ewm img{ width:150px;}
#lunbo dd.about{ display: none; width:1050px; height: 600px;background:#F7F3F7; padding: 30px;}
#lunbo dd.about h1,#lunbo dd.about h2{ text-align: right;}
#lunbo dd.about{font-size: 14px; padding: 50px;}
#lunbo dd.about p{ text-indent: 2em;}
#lunbo dd.about .content{height: 200px; overflow-y:auto; margin-top: 20px; }

#lunbo .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background:none;}
#lunbo .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background:none;}
#lunbo .swiper-button-next i.iconfont,#lunbo .swiper-button-prev i.iconfont{color:#DE2008;font-size: 35px;}

#lunbo .bigimg-next,#lunbo .bigimg-prev{ position: absolute;top: 0;right: 0;bottom: 0; width:48%; height: 600; }
#lunbo .bigimg-prev{left: 0; right: auto;}

#box a{ text-decoration: none;}
#box a:hover{color: #333;}
#box div.about{font-size: 12px;}
#box div.about .ewm{ padding: 180px 0 0 0; text-align: center;}
#box div.about .ewm img{ width:150px;}
#box div.about{  width:1066px; height: 608px;background:#f2f2f2; padding: 30px; font-size: 12px;}
#box div.about h1,#box dd.about h2{ text-align: right;}
#box div.about{font-size: 14px; padding: 50px;}
#box div.about .content{height: 450px; overflow-y:auto; margin-top: 20px; font-size: 12px;}
#box #right-side-container{float:left;min-width:720px;min-height:608px;width:1066px;overflow:hidden;margin:18px 0 0;display:inline}
#box #big-image-container{float:left;min-width:720px;min-height:480px;width:1066px;height:608px;background-color:#FFF;overflow:hidden}
#box #loading-bar-container{display:none;float:left;min-width:720px;width:1066px;height:4px;background-color:#e5e5e5;overflow:hidden}
#box #loading-bar{float:left;width:2px;height:4px;background-color:#ccc}
#box #controls-container{float:left;min-width:720px;width:1066px;height:40px;overflow:hidden}
#box #thumbnails-container{float:left;min-width:720px;min-height:73px;width:1066px;height:97px;overflow:hidden;display:block}
#box #thumbnails{float:left;display:block;min-height:65px;height:87px;overflow:visible;margin-bottom:6px}
#box a.thumbnail{float:left;width:142px;height:87px;margin-right:12px;overflow:hidden;background-color:#f0f0f0;background-repeat:no-repeat;background-position:center center;filter:alpha(opacity=50);opacity:.5}
#box .fadedActiveSlide{filter:alpha(opacity=50)!important;opacity:.5!important}
#box .activeSlide{filter:alpha(opacity=100)!important;opacity:1!important}
#box .hover-thumb{filter:alpha(opacity=100)!important;opacity:1!important}
#box .slideshow-scrollable{position:relative;min-width:720px;min-height:480px;width:1066px;height:608px;overflow:hidden;padding:0;margin:0 auto}
#box .slideshow-scrollable .items{float:left;width:1066px;height:608px;min-width:720px;min-height:480px;background:#fff}
#box .slideshow-scrollable .items .slideshow-item{float:left;min-width:720px;min-height:480px;width:1066px;height:608px;background-repeat:no-repeat;background-position:center center;background-size:contain}
#box .wraptocenter{display:table-cell;text-align:center;vertical-align:middle}
#box .wraptocenter>img,.wraptocenter>a,.wraptocenter>span{vertical-align:middle}
#box .wraptocenter>img{overflow:visible}
#box .wraptocenter>a{height:100%;display:table-cell;text-align:center;vertical-align:middle}
#box .wraptocenter>a>img{vertical-align:middle}
#box .wraptocenter{display:block}
#box .wraptocenter span{display:inline-block;height:100%;width:1px;margin-left:-1px}
#box #controls{float:right;width:66px;padding:6px 0 9px 6px;display:none}
#box #prev-button{float:left;cursor:pointer;width:10px;height:9px}
#box #prev-button:hover{background-position:0 9px}
#box #play-button{float:right;cursor:pointer;margin-left:14px;width:5px;height:9px}
#box #play-button:hover{background-position:0 9px}
#box #pause-button{float:right;cursor:pointer;margin-left:5px;width:8px;height:9px}
#box #pause-button:hover{background-position:0 9px}
#box #next-button{float:left;cursor:pointer;margin-left:14px;width:10px;height:9px}
#box #next-button:hover{background-position:0 9px}
#box .content-column{float:left;width:240px;height:576px;background-color:#fff;padding:25px 10px 25px 20px;border:1px solid #DCDCDC}
#box .content-column p{margin:0;-webkit-margin-before:0;-webkit-margin-after:0}
#box a.project-link{float:left;width:264px;line-height:14px;font-size:12px;color:#A5A5A5;font-weight:700;margin:2px 0 2px 0}
#box a.project-link:hover{color:#505050}
#box a.project-link-active{float:left;width:264px;line-height:14px;font-size:12px;color:#505050;font-weight:700;margin:2px 0 2px 0}
#box a.indented-link{width:192px!important}
#box a.project-link-active:hover{color:#505050}
#box #project-title{float:left;font-size:15px;margin-top:6px;line-height:22px;font-family:Arial,Simsun}
#box #project-title span{margin-right:18px}
#box #project-title a{color:#999}
#box #project-title a:hover{color:#444}
#box #content-box{float:left;height:576px;margin:0 0 0 6px;padding:25px 20px;width:600px;font-size:12px;border:1px solid #DCDCDC}
#box #content-box p{margin:0}
#box #content-scrollable{float:left;width:565px;height:585px;overflow:auto;padding-right:10px;line-height:18px;margin:51px 15px 0}
#box #content-scrollable p{margin:0}
#box #big-image-container,#box .slideshow-scrollable,#box .slideshow-scrollable .items,#box .slideshow-scrollable .items .slideshow-item{width:1066px;height:608px}
#box .projectlist{padding-top:3px;line-height:19px}
#box #content-scrollable{margin-top:0}