@charset "utf-8";
/* CSS Document */
/* 灰白模式 */
/* html { -webkit-filter: grayscale(100%); }*/
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; }
ul,li { list-style: none; }
ul { 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: none; }
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:30px; left:150px; z-index:1000; width:665px; height:227px;}
.header img { width:60%; height:Uto;}

/*#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_box{ position: absolute; right: 2%; bottom: 0px; z-index: 1006;width: 455px; height: 110px; overflow:hidden; padding-left:50px; }
#PicNum {width: 425px; height: 110px; pointer-events: none; overflow:hidden; z-index:1006;}
#PicNum .Text{ width:100px; height:100px; overflow:hidden; float:left; cursor:pointer; text-align:center; margin-right:10px;  text-indent:-999em; overflow:hidden; border:3px solid #8b8b8b; pointer-events:auto; margin-bottom:5px; }
#PicNum .Text.cur{ border:3px solid #fff;}
.PicNum_box .prev,.next{text-indent: -999px; position:absolute; display: block; overflow: hidden; height: 42px; width: 25px; z-index:1008;}
.PicNum_box .prev { cursor:pointer; background:url(../images/prev.png) no-repeat; bottom:20px; left:0px;}
.PicNum_box .next { cursor:pointer; background:url(../images/next.png) no-repeat; bottom:20px; left:400px;}

/*.prev,.next{text-indent: -999px; position:absolute; display: block; overflow: hidden; width: 42px; height: 25px; z-index:1008;}
.prev { cursor:pointer; background:url(../images/prev.png) no-repeat; top:34%; left:243px;}
.next { cursor:pointer; background:url(../images/next.png) no-repeat;bottom:19%; left:243px;}*/

/*对话框*/
.page{display:none; position:absolute; left:25%; bottom:18%; width:50%; height:55%; background:#fff; opacity:0.90; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); z-index:1005; padding: 30px 40px; 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{height:40px; border-bottom:1px solid #838484; padding-bottom:10px;}
.item_title h2{float: left;  font-size: 32px;  color: #5c5c5c;  line-height: 40px;  padding-right: 10px; padding-left:30px; background:url(../images/icon_dialog_left.png) no-repeat scroll 0 12px;}
/*路*/
.dialog_text{ margin-top:30px;}
.dialog_text .viewport{ height:450px;}
.dialog_text .viewport_txt{list-style: none;  position: absolute;  left: 0;  top: 0;  padding: 0;  margin: 0;  width: 100%; background:url(../images/dialog_cont_title1.png) no-repeat; height:150px; padding-left:240px;}
.dialog_text h3{font-size: 20px;  color: #3c3c3c;  font-weight: normal;  margin: 5px 0 10px;}
.dialog_text p{ font-size:15px;  line-height: 30px; color:#666; text-indent:2em;}
.dialog_text p.road{ font-size:15px;  line-height: 30px; color:#666; background:url(../images/dialog_cont_title4.png) no-repeat; padding-left:235px; max-height:180px; min-height:140px; overflow:hidden; display: block; text-overflow: ellipsis;}
.dialog_text p.bridge{ font-size:15px;  line-height: 30px; color:#666; background:url(../images/dialog_cont_title1.png) no-repeat; padding-left:285px; max-height:180px; min-height:140px; overflow:hidden; display: block; text-overflow: ellipsis;}
.dialog_text p.house{ font-size:15px;  line-height: 30px; color:#666; background:url(../images/dialog_cont_title7.png) no-repeat; padding-left:375px; max-height:180px; min-height:140px; overflow:hidden; display: block; text-overflow: ellipsis;}
.dialog_text p.garden{ font-size:15px;  line-height: 30px; color:#666; background:url(../images/dialog_cont_title2.png) no-repeat; padding-left:415px; max-height:180px; min-height:140px; overflow:hidden; display: block; text-overflow: ellipsis;}
.dialog_text p.green{ font-size:15px;  line-height: 30px; color:#666; background:url(../images/dialog_cont_title3.png) no-repeat; padding-left:385px; max-height:180px; min-height:140px; overflow:hidden; display: block; text-overflow: ellipsis;}
.dialog_text p.perfect{ font-size:15px;  line-height: 30px; color:#666; background:url(../images/dialog_cont_title8.png) no-repeat; padding-left:465px; max-height:180px; min-height:140px; overflow:hidden; display: block; text-overflow: ellipsis;}
.dialog_text p.school{ font-size:15px;  line-height: 30px; color:#666; background:url(../images/dialog_cont_title6.png) no-repeat; padding-left:315px; max-height:180px; min-height:140px; overflow:hidden; display: block; text-overflow: ellipsis;}
.dialog_text p.tunnel{ font-size:15px;  line-height: 30px; color:#666; background:url(../images/dialog_cont_title5.png) no-repeat; padding-left:335px; max-height:180px; min-height:140px; overflow:hidden; display: block; text-overflow: ellipsis;}




.dialog_text li{ float:left; width:46%; height:50%; margin-top:15px; margin-right:20px; position:relative;}
.dialog_text li .caption{ display: block; position: absolute; z-index: 2; font-size: 15px; text-shadow: none; color: #fff; background:#000; background: rgba(0, 0, 0, 0.7) none repeat scroll 0% 0%!important; left: 0; right: 0; bottom: 0; padding: 7px 20px; margin: 0; max-width: none;overflow: hidden;display: block;white-space: nowrap;text-overflow: ellipsis;}
.dialog_text img{ width:100%; height:50%;}

/*.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;}*/


/*大事记*/
.progress_list{margin-top:30px;height: 82%; position:relative;/* background: url(../images/progress_line.png) repeat-y 100px 0;*/}
.progress_list .progress{ height:420px; width:100%; padding:0; margin-bottom:10px;}
/*.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;}
.progress_list ul li{background: url(../images/icon_progress1.png) no-repeat 91px 0; float:left; margin-top:10px;  padding:0 0 10px 0;  zoom: 1;  width: 100%;  border: none;  height: auto;}
.progress_list ul li.date{background:none; padding:0 0 15px 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 img{width:80%; height:50%; margin:10px 0;}
.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;height: 100%; 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;}

.logo{ position:absolute; bottom:0; left:150px; width:128px; height:126px; z-index:1003;}

/*footer star*/
.footer{clear:both; position:absolute; bottom:0; z-index:1002; background:#c4261d; background: rgba( 196, 38, 29, 0.5) none repeat scroll 0% 0%; height:70px; width:100%; margin: 0 auto; padding-left:260px;}
.footer .topnav li{ float:left; height:45px; width:130px; margin-bottom:5px;}
.footer .topnav li a {display:block; font-family:"微软雅黑","Microsoft Yahei"; text-align: center; color: #fff; cursor:pointer; height:45px; width:130px;}
.footer li.active, .topnav li:hover{display:block; text-decoration:none; color:#fff; background:url(../images/hover_bg.jpg) repeat-x;}