�� /*banner*/ .focusBox .txt-bg { position: absolute; bottom: 33px; left: 120px; z-index: 1; height: 80px; width: 954px; background: #000000; filter: alpha(opacity=60); opacity: 0.6; overflow: hidden; } .focusBox .txt { left: 120px; position: absolute; bottom: 33px; z-index: 2; height: 80px; width: 954px; overflow: hidden; } .focusBox .txt li { height: 80px; line-height: 80px; position: absolute; bottom: -36px; } .focusBox .txt li a { display: block; color: white; padding: 0 0 0 10px; font-size: 16px; text-decoration: none; } .focusBox { position: relative; width: 100%; height: 600px; overflow: hidden; } .focusBox .pic { position: relative; z-index: 0; } .focusBox .pic img { width: auto; height: 600px; display: block; margin: auto } .focusBox .hd { width: 100%; position: absolute; bottom: 6px; text-align: center; font-size: 0; z-index: 1; } .focusBox .hd li { margin: 0 5px; background: url(../images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer; display: inline-block; *display: inline; zoom: 1; _background: url(../images/dot8.png) no-repeat 0 -16px; } .focusBox .hd .on { background-position: 0 0; } .focusBox .prev, .focusBox .next { width: 170px; height: 600px; background: url("../images/l.png"); position: absolute; top: 0; z-index: 10; cursor: pointer; text-indent: -9999px; filter: alpha(opacity=0); opacity: 0; } .focusBox .prev { left: 0; } .focusBox .next { background: url("../images/r.png"); right: 0; } .focusBox-grin { width: 1200px; height: 600px; position: absolute; left: 50%; top: 0; margin-left: -600px; z-index: 99; } /*banner�~_g*/ .id-wap{ margin: auto; width: 1170px; padding: 0 15px; overflow: hidden; background: #ffffff; } /*h��*/ .id-title{ margin-top: 30px; overflow: hidden; } .id-title span{ height: 45px; border-left: 8px solid #0477c5; float: left; line-height: 45px; text-indent: 18px; color: #0477c5; font-size: 24px; font-weight: bold; } /*h���~_g*/ .id-li01{ overflow: hidden; } .id-li01-map{ display: block; float: left; } .id-li01-text{ width: 560px; float: left; overflow: hidden; } .id-li01-text div{ margin-top: 28px; font-size: 16px; line-height: 32px; color: #666666; height: 224px; overflow: hidden; } .id-li01-text a{ display: block; width: 110px; height: 28px; border: 1px solid #0477c5; margin: 12px auto 0; text-align: center; line-height: 28px; color: #0477c5; } /*���[*/ .id-leader{ padding: 10px; float: right; overflow: hidden; background: #f4f4f4; height: 296px; width: 195px; } .id-leader .title{ overflow: hidden; } .id-leader .title a{ height: 30px; border-left: 8px solid #0477c5; float: left; line-height: 30px; text-indent: 18px; color: #0477c5; font-size: 14px; font-weight: bold; } .id-leader .img{ width: 160px; height: 200px; display: block; margin: 12px auto 0; } .id-leader .img img{ /*width: 160px;*/ height: 200px; display: block; margin:0 auto; } .id-leader h1{ line-height: 100%; margin-top: 11px; text-align: center; } .id-leader h1 a{ color: #444444; } .id-leader p{ font-weight: bold; line-height: 100%; margin-top: 11px; text-align: center; } .id-leader p a{ color: #444444; } /*���[�~_g*/ /*N��*/ .picScroll-left{ overflow:hidden; position:relative;z-index: 1;margin: 16px auto 0; } .picScroll-left .prev, .picScroll-left .next{ z-index: 1000; display:block; width:27px; height:59px; float:right; overflow:hidden; cursor:pointer; background:url("../images/d03.png") 0 0 no-repeat;position: absolute;left: 0; top:50px;} .picScroll-left .next{ background-position:right top; left: auto; right: 0 ;} .picScroll-left .bd{ margin-left: 35px ;width: 1100px;overflow: hidden } .picScroll-left .bd ul{ overflow:hidden; zoom:1; } .picScroll-left .bd ul li{ margin-right:47px; float:left; _display:inline; overflow:hidden; text-align:center } .picScroll-left .bd ul li a,.picScroll-left .bd ul li img{ display: block; width: 240px;height: 160px } .picScroll-left .bd ul li a{ height: auto; } .picScroll-left .bd ul li span{ margin-top: 10px; line-height: 24px; display: block; text-align: center; color: #444444; } /*N���~_g*/ .id-li02{ margin-top: 6px; overflow: hidden; } .id-li02-l{ float: left; width: 340px; margin-left: 35px; } .id-li02-l .title{ display: block; border-bottom: 3px solid #33984c; font-size: 18px; color: #33984c; line-height: 38px; height: 38px; text-transform: uppercase; } .id-li02-l .title02{ color: #f16798; border-bottom: 3px solid #f16798; } .id-li02-l .img{ display: block; overflow: hidden; margin-top: 22px; } .id-li02-l .img img{ display: block; width: 340px; height: 360px; } .id-list{ height: 170px; margin-top: 10px; overflow: hidden; } .id-list ul li{ margin: 5px 0; background: url("../images/d04.jpg") no-repeat 2px center ; float: left; width: 100%; line-height: 24px; } .id-list ul li a{ color: #444444; margin-left: 18px; float: left; } .id-list ul li a:hover{ color: #0477c5; } .id-li02-r{ float: right; margin-left: 0; margin-right: 35px; } .id-li02-r .title{ color: #ed923f; border-bottom: 3px solid #ed923f; } .id-li02-l02{ margin-left: 40px; } .id-imgs{ overflow: hidden; width: 110%; } .id-imgs ul li{ margin-right: 44px; margin-top: 24px; overflow: hidden; float: left; } .id-imgs ul li a{ width: 360px; height: 240px; display: block; position: relative; z-index: 1; } .id-imgs ul li a img{ width: 360px; height: 240px; background: #444444; display: block; } .id-imgs ul li a span{ width: 100%; line-height: 32px; background: url("../images/d05.png"); height: 32px; text-indent: 10px; color: #ffffff; position: absolute; z-index: 10; bottom: 0; left: 0; } .id-gy{ padding-bottom: 76px; width: 110%; overflow: hidden; } .id-gy ul li{ margin-right: 16px; margin-top: 20px; overflow: hidden; float: left; } .id-gy ul li a{ height: 36px; display: block; word-wrap:break-word; line-height: 18px; color: #444444; font-size: 14px; font-weight: bold; padding: 10px; width: 260px; background: #efefef; } .id-gy ul li a:hover{ color: #ffffff; background: #0477c5; } /*Rh�*/ .page-box{ width: 1200px; overflow: hidden; margin: auto; } .page-nav{ width: 100%; height: 46px; line-height: 46px; background: #ffffff; margin-top: 10px; color: #444444; font-size: 16px; } .page-nav a{ color: #444444; display: inline-block; margin: 0 20px; } .page-min{ overflow: hidden; margin-top: 20px; } .page-yd{ float: left; width: 340px; overflow: hidden; } .page-yd .name{ width: 340px; height: 50px; background: #0477c5; text-align: center; line-height: 50px; color: #ffffff; font-size: 18px; font-weight: 400; text-transform: uppercase; } .page-yd .ul{ background: #ffffff; overflow: hidden; } .page-yd .ul li{ width: 100%; height: 50px; background: url("../images/d06.png") no-repeat top center; } .page-yd .ul li a{ text-align: center; font-size: 16px; color: #444444; background: #ffffff; display: block; height: 50px; line-height: 50px; background: url("../images/ico03.png") no-repeat 322px 20px ; } .page-yd .ul li a:hover{ background: url("../images/ico04.png") no-repeat 322px 20px ; color: #0477c5; } .page-content{ width: 840px; float: right; overflow: hidden; padding-bottom: 46px; background: #ffffff; } .page-content-title{ border-bottom: 1px solid #e1e4f0; margin-top: 3px; line-height: 46px; height: 46px; overflow: hidden; } .page-content-title span{ float: left; margin-left: 6px; margin-top: 8px; line-height: 30px; height: 30px; border-left: 6px solid #0477c5; text-indent: 26px; font-size: 16px; color: #444444; } .page-list .id-list{ height: auto; } .page-list{ width: 805px; margin: auto; } .page-leader{ width: 790px; margin: auto; overflow: hidden; } .page-leader-title{ margin-top: 24px; color: #0477c5; font-size: 24px; line-height: 100%; } .age-list-ul{ overflow: hidden; width: 120%; } .age-list-ul ul li{ margin-right: 102px; margin-top: 20px; float: left; width: 120px; overflow: hidden; } .age-list-ul ul li a{ display: block; } .age-list-ul ul li a img{ /*width: 120px;*/ height: 160px; display: block; } .age-list-ul ul li a span{ line-height: 40px; display: block; text-align: center; color: #333333; font-size: 14px; } .age-list-ul ul li a span:hover{ color: #0477c5; } .page-map{ min-height: 780px; _height: 740px; width: 780px; margin: auto; } .page-map02{ width: 930px; } .page-map img{ width: 780px; display: block; margin: 10px auto 0 ; } .page-map div{ margin-top: 20px; font-size: 16px; line-height: 24px; color: #666666; } .page-content02{ width: 100%; } .page-map .img { width:500px; }