@charset "utf-8";
/* CSS Document */

a, body, div, img, ol, i ,p,h1,h2,h3,h4,h5,h6,h7,h8,h9,h10{ border: 0; margin: 0; padding: 0; font-size: 100%; }
html, body { height: 100%; font-family: '微软雅黑';}
dl,dt{ margin:0; padding:0;}
img { color: transparent; font-size: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; }
ol { list-style: none; }
li { list-style: none; }
body { min-width: 960px; }
#flash_control .icon-up i, #flash_control .icon-up i:hover, #flash_control .icon-play i, #flash_control .icon-play i:hover, #flash_control .icon-pause i, #flash_control .icon-pause i:hover, #flash_control .icon-down i, #flash_control .icon-down i:hover { background: url(../images/icon-bg.png) no-repeat; }
* html, * html body { background-image: url(about:blank); background-attachment: fixed; zoom: 1; }
a { color: #262626; text-decoration: none; }
a:hover { color: #FF4503; text-decoration: underline; }
i { content: ''; font-weight: 400; font-style: normal; text-decoration: none; }
.home-full .flash { position: absolute; z-index: 600; }
#flash_control { position: fixed; z-index: 1006; width: 51px; height: 51px; overflow:hidden; top: 45%; right: 3em; }
#flash_control a { cursor: pointer; display: block; margin-bottom: 1px; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#99000000', endColorstr='#99000000'); background: transparent; background: rgba(0,0,0,.6); }
:root #flash_control a { filter: none\0/IE9; }
#flash_control a i { display: block; height: 100%; width: 100%; }
#flash_control .icon-up, #flash_control .icon-down { visibility: hidden; }
#flash_control .icon-up i { background-position: -426px 0; height: 51px; width: 51px; }
#flash_control .icon-up i:hover { background-position: -243px 0; height: 51px; width: 51px; }
#flash_control .icon-play i { background-position: -366px 0; height: 51px; width: 51px; }
#flash_control .icon-play i:hover { background-position: -183px 0; height: 51px; width: 51px; }
#flash_control .icon-pause i { background-position: -305px 0; height: 51px; width: 51px;}
#flash_control .icon-pause i:hover { background-position: -122px 0; height: 51px; width: 51px; }
#flash_control .icon-down i { background-position: -0px 0; height: 51px; width: 51px; }
#flash_control .icon-down i:hover { background-position: -61px 0; height: 51px; width: 51px; }
#flash_control .on .icon-up, #flash_control .on .icon-down { visibility: visible; }
#flash_control .on .icon-play i { display: block; }
#flash_control .on .icon-pause i { display: none; }
/* /index-only\ */
html, body { overflow: hidden; mins-width: 1024px; min-height: 100px; }
body { position: relative; }
.flash li { position: absolute; overflow: hidden; z-index: 601; left: 0; }
.flash .default { z-index: 605; }
.flash img { width: 100%; height: 100%; }

/*contain star*/
.contain{width:100%; height:100%; margin:0; padding:0; ont-size:12px; font-family: '微软雅黑';}

/*header star*/
.header{ position:absolute; top:0px; background:#000; z-index:1000; background: rgba(0,0,0,0.6); margin:0 auto; width:100%; height:70px; padding:0 30px 0 40px;}
.header .title{ float:left; width:auto; height:37px; padding-top:20px;}
.header .back{ position:absolute; right:6%; height:37px; width:105px; margin-top:18px; background:url(../images/back.png) no-repeat;}
.header .back h2{ margin:0; padding:0; line-height:37px; font-size:14px; color:#fff; padding-left:30px; }

/*#banner_cont .Pic img {min-width: 1024px;}*/
#banner_cont {position: relative;overflow: hidden;}
#banner_cont .Pic {width: 100%;height: 100%; position: absolute; z-index:999; top: 0px; left: 0; display: none; overflow: hidden;}


#PicNum {height: 60px; position: absolute; right: 7%; bottom: 35px; z-index: 1005; width: 210px; pointer-events: none;}
#PicNum .Text{ width:54px; height:54px; overflow:hidden; float:left; cursor:pointer; text-align:center; margin-right:10px;  text-indent:-999em; overflow:hidden; border:3px solid #fff; pointer-events:auto; }
#PicNum .cur{ border:3px solid #b72e22;}



/*content star*/
.content{ position:absolute; top:40px; left:0; bottom:45px; right:10%; z-index:1000; overflow:hidden; color:#fff;}
.content ul { float:left; list-style: none;}
.content ul li{ background:#000; background: rgba(0,0,0,0.5); width:230px; height:100px; list-style:none; padding:30px 15px;}
.content ul li .li_title{ float:left; width:230px; height:20px;}
.content ul li .li_title h3{ float:left; font-size:15px; color:#b72e22;}
.content ul li .li_title h4{ float:left; font-size:12px; color:#fff;}
.content ul li .li_title span{ cursor:pointer; width:33px; height:35px; float:right; background:url(../images/more.png) no-repeat scroll 0px 7px;}	
.content ul li .cont{ float:left; clear:both; margin-top:20px;} 
.content ul li .cont span{ float:left; font-size:12px; font-weight:bold; border-right:1px solid #fff; width:45px; height:55px; }
.content ul li .cont p.overview{width:230px; height:65px; padding:0px; font-size:12px;text-overflow:ellipsis;overflow: hidden;}
.content ul li .cont p{ float:right; width:170px; height:50px; padding-left:10px;font-size:12px;text-overflow:ellipsis;overflow: hidden;}
.content .imagetitle{ float:right; height:60px; top:750px; margin-top:20px; padding:0 30px;}

.photo2 {   z-index: 99999; clear:both; width: 225px; height:80px; left:20px; overflow:hidden; right:15px; margin:0; padding:0;}
.photo2 .body { position: relative;}
.photo2 .prev,.photo2 .next{text-indent: -999px; position:absolute; display: block; overflow: hidden; width: 15px; height: 21px; }
.photo2 .prev { cursor:pointer; background:url(../images/left_prev.png) no-repeat; top:36px;}
.photo2 .next { cursor:pointer; background:url(../images/left_next.png) no-repeat;top:36px; left:210px; z-index:1000;}
.photo2 #newslist { z-index:999; width: 180px; height:80px; overflow:hidden; position:relative; padding:0; margin:0;margin-top:10px; margin-left:20px; }
.photo2 #newslist ul {  width: 9999px;  position: absolute;  left: 0px;  top: 0px; list-style: none; display: block; padding: 0;}
.photo2 #newslist li {float: left;  position: relative;  left: 0px;  top: 0px; width: 80px; height: 60px;	padding: 0;	margin: 6px;}
.photo2 #newslist li img { width: 80px; height: 60px; }



.content ul li .boxbox{ float:left; clear:both; width: 200px; margin-top:20px; padding:0; overflow:hidden;}
.content ul li .picbox{ width:200px; height:60px; overflow:hidden; position:relative;}
.content ul li .piclist{ position:absolute; left:30px; top:0; height:60px; padding:0;}
.content ul li .piclist ul{ float:left; margin-top:30px;}
.content ul li .piclist li{width:80px; height: 60px; padding: 0; float: left; position: relative; display:block; margin-right: 10px;  float:left;}
.content ul li .piclist li img{width: 80px; height: 60px; }
.content ul li .swaplist{left:-3000px; top:0px}
.content ul li .og_prev,.og_next{cursor:pointer; position:absolute; display: block; overflow: hidden; width: 15px; height: 21px; }
.content ul li .og_prev{background:url(../images/left_prev.png) no-repeat; top:55%;}
.content ul li .og_next{ background:url(../images/left_next.png) no-repeat;top:55%; left:90%;}



/*对话框*/
.page{display:none; position:absolute; left:30%; top:12%; width:55%; height:70%; background:#fff; opacity:0.9; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); z-index:1005; padding: 30px 40px 0; overflow:hidden;}
.closepage{width: 30px; height: 30px;  position: absolute;  right: 1%;  top: 1%;  background: #b3b3b3 url(../images/close_btn.png) no-repeat;}
.closepage:hover{ background: #e9462f url(../images/close_btn.png) no-repeat;}
.item_title{background: url(../images/title_line.png) no-repeat 150px bottom; height:40px;}
.item_title h2{float: left;  font-size: 36px;  color: #5c5c5c;  line-height: 40px;  padding-right: 10px;}
.item_title .text{ float: right; padding-top: 15px; font-size: 14px; background: url(../images/title_line.png) no-repeat right 20px; padding-right: 20px; color: #d1d1d1;}
/*工程概况*/
.overview_text{ margin-top:30px;}
.overview_text .viewport{ height:450px;}
.overview_text .viewport_txt{list-style: none;  position: absolute;  left: 0;  top: 0;  padding: 0;  margin: 0;  width: 100%;}
.overview_text h3{font-size: 20px;  color: #3c3c3c;  font-weight: normal;  margin: 5px 0 10px;}
.overview_text p{ font-size:13px;  line-height: 24px; color:#666; text-indent: 2em;  padding: 10px 0 5px;}
/*.scroll-panel .scrollbar { background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; margin-left:5px; width: 10px;}
.scroll-panel .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width: 13px; position: relative; padding: 0 1px;}
.scroll-panel .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px;}*/
/*工程照片*/
.photo_list{ padding:0; margin-top:30px;}
.photo{ height:auto; width:100%;}
.photo_list ul{ width:100%; list-style: none; margin:0; padding:0;}
.photo_list ul li{  float: left;  width: 30%; background: rgba(0,0,0,0.9);  height: 170px; cursor:pointer; border-radius:10px; overflow: hidden; padding:0; margin:0 4% 40px 0;}
.photo_list ul li .icon{  display: block; width:30%; height:135px; overflow: hidden;  margin-bottom: 5px;}
.photo_list ul li .icon img{ width:30%; height:135px;}
.photo_list ul li p{ text-align:center; line-height:25px; font-size:13px;}
/*工程进度*/
.progress_list{margin-top:30px; position:relative; background: url(../images/progress_line.png) repeat-y 100px 0;}
.progress_list .progress{ height:450px; width:100%; padding:0;}
.progress_list ul{ width:100%; list-style: none; margin:0; padding:0;}
.progress_list h2{background: url(../images/icon_progress.png) #fff no-repeat 70px 0; color:#3c3c3c;  height: 60px; line-height:60px;  font-size: 20px;  font-weight: normal;  padding-left: 140px;  margin-bottom: 50px;}
.progress_list ul li{background: url(../images/icon_progress1.png) no-repeat 91px 0; float:left;  padding:0 0 30px 0;  zoom: 1;  width: 100%;  border: none;  height: auto;}
.progress_list ul li.date{background:none; padding:0 0 40px 0;}
.progress_list ul li h3{float: left; width: 70px; text-align: right; padding-right: 19px; color: #00bbff; font-size:20px; font-weight:normal; }
.progress_list ul li h4{float: left; width: 10%; text-align: left; padding-right: 19px; padding-top:2px; color: #666; font: normal 12px Arial;}
.progress_list ul li dl{float: right; text-align:left; width:82%; margin-top: -5px;}
.progress_list ul li dt{ color: #000; font-size:14px; padding-top:5px;}
.progress_list ul li dt span{ color:#666; font-size:12px; padding:0 10px;}
.progress_list ul li dt span a{ color:#0b84c0; margin-left:10px;}
.progress_list ul li.finish{background: url(../images/icon_progress2.png) no-repeat 85px 0px;}

/*自定义滚动条*/
#scroll {position:relative; width:100%; height:82%; overflow:auto;}
#scrollcontent {position:absolute; z-index:1000;}
#scrollbar {float:right; position:relative; display:none; width:15px; height:450px; z-index:100; background:url(../images/scroll-bg.gif)}
.scroller {position:absolute; top:0; width:15px; cursor:pointer; background-color:#ccc; background-position:50% 50%; background-repeat:no-repeat}
.buttonclick {background-color:#bbb}




/*自适应圆角投影*/
.round_shade_box{width:1px; height:1px; z-index:1007; font-size:0; display:none; _background:white; _border:1px solid #cccccc;}
.round_shade_top{margin:0 12px 0 10px; background:url(image/zxx_round_shade.png) repeat-x -20px -40px; _background:white; zoom:1;}
.round_shade_topleft{width:11px; height:10px; background:url(image/zxx_round_shade.png) no-repeat 0 0; _background:none; float:left; margin-left:-11px; position:relative;}
.round_shade_topright{width:12px; height:10px; background:url(image/zxx_round_shade.png) no-repeat -29px 0; _background:none; float:right; margin-right:-12px; position:relative;}
.round_shade_centerleft{background:url(image/zxx_round_shade.png) no-repeat 0 -1580px; _background:none;}
.round_shade_centerright{background:url(image/zxx_round_shade.png) no-repeat right -80px; _background:none;}
.round_shade_center{font-size:14px; margin:0 12px 0 10px; padding:10px; background:white; letter-spacing:1px; line-height:1.5;}
.round_shade_bottom{margin:0 12px 0 11px; background:url(image/zxx_round_shade.png) repeat-x -20px bottom; _background:white; zoom:1;}
.round_shade_bottomleft{width:11px; height:10px; background:url(image/zxx_round_shade.png) no-repeat 0 -30px; _background:none; float:left; margin-left:-11px; position:relative;}
.round_shade_bottomright{width:12px; height:10px; background:url(image/zxx_round_shade.png) no-repeat -29px -30px; _background:none; float:right; margin-right:-12px; position:relative;}
.round_shade_top:after,.round_shade_bottom:after,.zxx_zoom_box:after{display:block; content:"."; height:0; clear:both; overflow:hidden; visibility:hidden;}
.round_box_close{padding:2px 5px; font-size:12px; color:#ffffff; text-decoration:none; border:1px solid #cccccc; -moz-border-radius:4px; -webkit-border-radius:4px; background:#000000; opacity:0.8; filter:alpha(opacity=80); position:absolute; right:-5px; top:-5px;}
.round_box_close:hover{opacity:0.95; filter:alpha(opacity=95);}
/*自适应圆角投影结束*/
.zxx_zoom_left{width:45%; float:left; margin-top:20px; border-right:1px solid #dddddd;}
.zxx_zoom_left h4{margin:5px 0px 15px 5px; font-size:1.1em;}
.small_pic{display: block; width:30%; height:135px; margin-bottom: 5px;}
.small_pic a { width:100%;}
.small_pic img{ width:250px; height:135px;}



/*footer star*/

.footer{clear:both; position:absolute; bottom:0; z-index:1002; background:#000; height:43px; width:100%; margin: 0 auto; padding:0px 30px; border-top: solid 2px #a73124; }
.footer p{ padding:0; margin:0; font-size:12px; color:#fff; line-height:45px; text-align:center;}