123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157 |
- /* banner */
- .banner{ min-width:1000px; position:relative; height:500px; overflow:hidden; }
- .banner .bd{ position:relative; z-index:0; }
- .banner .bd ul{ width:100% !important; }
- .banner .bd li{ width:100% !important; height:500px; }
- .banner .bd li .siteWidth{ width:1000px; position:relative; margin:0 auto; height:500px; }
- .banner .bd li a{ height:500px; display:block; }
- .banner .bd .txt{ position:absolute; width:415px; top:100px; left:22px; font:normal 18px/30px "Microsoft YaHei"; }
- .banner .bd .btn{ display:block; zoom:1; margin-top:8px; width:72px; padding-right:10px; height:31px; line-height:31px; text-align:center; color:#fff; font-size:12px; background:url(images/banner-btn.png) 0 0 no-repeat;
- _background:url(images/banner-btn-ie6.png) 0 0 no-repeat;
- }
- .banner .hd{ width:100%; position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
- .banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:27px; height:4px; margin:4px; overflow:hidden;
- line-height:9999px; background: #fff;
- }
- .banner .hd ul .on{ background: #0054b0; }
- .box1{
- margin-top: 56px;
- }
- .box1 h1{
- font-size:26px;
- font-weight: bold;
- text-align: center;
- font-family: "微软雅黑";
- padding-bottom: 10px;
- margin-bottom: 44px;
- border-bottom: 2px solid #d8d8d8;
- background: url(../images/bd.png) no-repeat center bottom;
- }
- .box1 span{
- display: block;
- text-align: center;
- font-size: 24px;
- font-family: "微软雅黑";
- color: #646464;
- line-height: 36px;
- }
- .box1 a{
- display: block;
- width: 271px;
- height: 46px;
- margin: 0 auto;
- margin-top: 36px;
- margin-bottom: 56px;
- background: url(../images/num1_bg.png) no-repeat;
- text-align: center;
- line-height: 46px;
- font-family: "微软雅黑";
- font-size:16px;
- color: #00bcd6;
- }
- .box1 a:hover{
- background: url(../images/num1_bg_hover.png) no-repeat;
- color: white;
- }
- .box1 ul{
- overflow: hidden;
- width: 1180px;
- height: 325px;
- margin: 0 auto;
- }
- .box1 ul li{
- float: left;
- height: 325px;
- margin-right: 32px;
- }
- .box1 ul li a{
- margin: 0;
- height: 325px;
- display: block;
- }
- .box1 ul li.none{
- display: block;
- margin-right: 0;
- }
- .box2{
- padding-top: 50px;
- background: #f7f7f7;
- padding-bottom: 20px;
- }
- .box2 .lf{
- float: left;
- }
- .box2 ul{
- height: auto;
- }
- .box2 ul li{
- height: 380px;
- width: 1180px;
- margin-bottom: 32px;
- }
- .box2 .rh{
- float: right;
- width: 874px;
- height: 378px;
- background: #fff;
- border: 1px solid #dedede;
- }
- .box2 .rh .rh_1{
- float: left;
- margin-top: 34px;
- margin-left: 60px;
- width: 332px;
- font-family: "微软雅黑";
- }
- .box2 .rh .rh_1 .n1{
- height: 266px;
- overflow: hidden;
- }
- .box2 .rh .rh_1 .n2{
- float: right;
- }
- .box2 .rh .rh_1 .n2 a{
- width: 119px;
- height: 43px;
- text-align: center;
- line-height: 43px;
- border: 1px solid #00bcd6;
- background: #fff;
- color: #00bcd6;
- }
- .box2 .rh .rh_1 .n2 a:hover{
- border: 1px solid #00bcd6;
- background: #00bcd6;
- color: #fff;
- }
- .box2 .rh .rh_1 h2{
- font-size: 22px;
- color: #646464;
- line-height: 24px;
- font-family: "微软雅黑";
- font-weight: bold;
- margin-bottom: 22px;
- }
- .box2 .rh .rh_1 p{
- font-size: 16px;
- color: #646464;
- line-height: 24px;
- margin-bottom: ;
- }
- .box2 .rh .rh_2{
- float: right;
- margin-top: 34px;
- margin-right: 60px;
- }
- .box3{
- margin-top: 74px;
- }
- .box3 ul{
- height: auto;
- width: 1020px;
- }
- .box3 ul li{
- height: 74px;
- margin-bottom: 30px;
- }
|