*{ padding:0; margin: 0; } a{ text-decoration: none; color:#333; } a:hover{ color: #ec0000; } li{ list-style:none; } .clear{ clear: both; } body{ font-size: 12px; } .header{ width: 100%; height:auto; } .header .top{ width: 100%; height:40px; background-color: #363636; } .header .top .box{ width: 1000px; height:40px; margin: 0 auto; } .header .top .box .box_l{ width: 270px; height:40px; float: left; line-height:40px; color:#ffffff; } .header .top .box .box_r{ width: 190px; height:40px; line-height:40px; color:#ffffff; float: right; } .header .top .box .box_r a{ color:#ffffff; } .header .center{ width: 1000px; height:125px; margin: 0 auto; } .header .center .logo{ width: 725px; height:125px; float: left; } .header .center .tel{ width: 235px; height:125px; float: right; } .header .menu{ width: 100%; height:45px; background: repeat-x; } .header .menu ul{ width: 1000px; height:45px; line-height:45px; margin: 0 auto; } .header .menu ul li{ width:100px; height:45px; float: left; text-align: center; } .header .menu ul li a{ display: block; width: 100px; height:45px; color:#ffffff; font-size: 14px; } .header .menu ul li a:hover{ background: no-repeat center center; } /****幻灯******/ .banner{width: 100%;height: 400px; margin: 0 auto;} /* flexslider */ .flexslider{position:relative;height:400px;overflow:hidden;background:url(/uploads/image/limages/loading.gif) 50% no-repeat;} .slides{position:relative;z-index:1;} .slides li{height:400px;} .flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;} .flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;} .flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(/uploads/image/limages/dot.png) right 0 no-repeat;cursor:pointer;} .flex-control-nav .flex-active{background-position:0 0;} .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;} .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;} .flex-direction-nav li a.flex-prev{left:40px;background:url(/uploads/image/limages/prev.png) center center no-repeat;} .flex-direction-nav li a.flex-next{right:40px;background:url(/uploads/image/limages/next.png) center center no-repeat;} .hot-search{ width: 100%; height:40px; margin: 0 auto; background: #666666; line-height:40px; } .hot-search .box{ width: 1000px; height:40px; margin: 0 auto; } .hot-search .box .box_l{ width: 375px; height:40px; float: left; } .hot-search .box .box_r{ width: 280px; height:30px; margin-top: 5px; float: right; } .hot-search .box .box_r #key{ width: 220px; height:30px; float: left; border:0; } .hot-search .box .box_r #sub{ width: 60px; height:30px; float: right; text-align: center; line-height:30px; color:#ffffff; background-color: #ff0000; border:0; cursor: pointer; } .container{ width: 1000px; height:auto; margin: 20px auto; } .container .floor{ width: 1000px; height:auto; margin: 0 auto; } .container .floor .dh{ width: 965px; height:60px; margin: 0 auto; } .container .floor .box{ width: 1000px; height:auto; margin-top: 35px; } .container .floor .box .box_l{ width: 270px; height:auto; float: left; } .container .floor .box .box_l .tt{ width: 270px; height:117px; } .container .floor .box .box_l .list{ width: 240px; height:auto; background-color: #e5e5e5; overflow: hidden; padding: 10px 15px; } .container .floor .box .box_l .list ul li{ width: 240px; height:45px; background-color: #ffffff; text-align: center; line-height:45px; margin: 10px 0; } .container .floor .box .box_l .list ul li a{ display: block; width: 240px; height:45px; background: no-repeat left 25px center; font-size: 18px; font-weight: bold; } .container .floor .box .box_r{ width: 710px; height:auto; float: right; border:1px solid #d2d2d2; } .container .floor .box .box_r .tt{ width: 710px; height:50px; border-bottom:2px solid #cc0000; } .container .floor .box .box_r .tt h2{ display: block; width: 180px; height:50px; background: no-repeat left center; text-align: center; line-height:50px; font-size: 18px; color:#ffffff; float: left; } .container .floor .box .box_r .tt a{ display: block; width: 50px; height:50px; float: right; text-align: center; line-height:50px; margin-right: 15px; } .container .floor .box .box_r .list{ width: 710px; height:auto; padding: 10px 0; } .container .floor .box .box_r .list ul li{ width: 220px; height:210px; float: left; margin: 10px 8px; } .container .floor .box .box_r .list ul li .img{ width: 220px; height:180px; border:2px solid #ec0000; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .container .floor .box .box_r .list ul li .img img{ display: block; width: 180px; height: 140px; } .container .floor .box .box_r .list ul li h3{ width: 220px; height:40px; text-align: center; line-height:40px; } .ad{ width: 1000px; height:342px; margin: 10px auto; } .floor1{ width: 1000px; height:auto; margin: 30px auto 0 auto; } .floor1 .dh{ width: 720px; height:70px; margin: 0 auto; } .floor1 .box{ width: 1000px; height:790px; margin: 15px auto 0 auto; background: no-repeat center center; position: relative; } .floor1 .box .one{ width: 610px; height:135px; position: absolute; top:0; left:0; } .floor1 .box .one .tt{ width: 555px; height:48px; border-bottom:2px solid #999999; background: no-repeat left bottom; padding-left: 55px; line-height:55px; font-size: 24px; margin-bottom: 10px; } .floor1 .box .one p{ width: 610px; line-height:35px; background: no-repeat left 10px center; text-indent: 2em; font-size: 16px; } .floor1 .box .one p b{ color:#ff0000; } .floor1 .box .two{ width: 540px; height:135px; position: absolute; top:310px; right:20px; } .floor1 .box .two .tt{ width: 485px; height:48px; border-bottom:2px solid #999999; background: no-repeat left bottom; padding-left: 55px; line-height:55px; font-size: 24px; margin-bottom: 10px; } .floor1 .box .two p{ width: 540px; line-height:30px; background: no-repeat left 10px center; text-indent: 2em; font-size: 16px; } .floor1 .box .two p b{ color: #ff0000; } .floor1 .box .three{ width: 540px; height:135px; position: absolute; top:595px; left:10px } .floor1 .box .three .tt{ width: 485px; height:48px; border-bottom:2px solid #999999; background: no-repeat left bottom; padding-left: 55px; line-height:55px; font-size: 24px; margin-bottom: 10px; } .floor1 .box .three p{ width: 540px; line-height:30px; background: no-repeat left 10px center; text-indent: 2em; font-size: 16px; } .floor1 .box .three p b{ color: #ff0000; } .lc{ width: 100%; height:330px; margin-top: -20px; background: repeat center; } .al{ width: 1000px; height:auto; margin: 10px auto; } .al .dh{ width: 355px; height:40px; margin: 0 auto; } .al .list{ width: 1000px; height:285px; border:1px solid #bfbfbf; margin-top: 20px; position: relative; overflow: hidden; } .al .list ul{ width: 2000px; height: 235px; position: absolute; top:25px; left:0; } .al .list ul li{ width: 240px; height:235px; float: left; margin: 0 5px; } .al .list ul li .img{ width: 236px; height:176px; border:2px solid #ec0000; } .al .list ul li .img img{ display: block; width: 236px; height:176px; } .al .list ul li h2{ width: 240px; height:55px; line-height:55px; text-align: center; } .floor2{ width: 1000px; height:auto; margin: 10px auto; } .floor2_l{ width: 635px; height:auto; float: left; } .floor2_l .dh{ width: 635px; height:40px; line-height:40px; border-bottom:1px solid #959595; } .floor2_l .dh .dh_box{ width: 200px; height:40px; float: left; } .floor2_l .dh .dh_box h2{ width: 90px; height:38px; text-align: center; float: left; line-height:38px; border-bottom:2px solid #ec0000; } .floor2_l .dh .dh_box span{ display: block; width: 100px; height:40px; float: right; text-align: right; line-height:40px; } .floor2_l .dh .more{ width: 50px; height:40px; float: right; } .floor2_l .dh .more a{ color:#c7b1aa; } .floor2_l .box{ width: 635px; height:240px; padding: 30px 0; } .floor2_l .box img{ display: block; width: 300px; height:240px; float: left; } .floor2_l .box .text{ width: 325px; height:240px; float: right; } .floor2_l .box .text p{ width: 325px; height:180px; line-height:25px; text-indent: 2em; color:#003300; } .floor2_l .box .text .zx{ width: 220px; height:30px; margin-top: 30px; float: right; } .floor2_l .box .text .zx a{ display: block; width: 96px; height:26px; border:2px solid #003300; line-height:26px; text-align: center; } .floor2_r{ width: 330px; height:auto; float: right; } .floor2_r .dh{ width: 330px; height:40px; line-height:40px; border-bottom:1px solid #959595; } .floor2_r .dh .dh_box{ width: 150px; height:40px; float: left; } .floor2_r .dh .dh_box h2{ width: 90px; height:38px; text-align: center; float: left; line-height:38px; border-bottom:2px solid #ec0000; } .floor2_r .dh .dh_box span{ display: block; width: 60px; height:40px; float: right; text-align: right; line-height:40px; } .floor2_r .dh .more{ width: 50px; height:40px; float: right; } .floor2_r .dh .more a{ color:#c7b1aa; } .floor2_r .box_content { width:330px; height:250px; position: relative; overflow: auto; text-align: center; } .floor2_r .box_content li { list-style: none; } .floor2_r .box_content ul li { float: left; } #b04 { width: 330px;} #b04 .arrow { position: absolute; top: 120px;} #b04 #al { left: 0px;} #b04 #ar { right: 0px;} #b04 ul{width: 330px;margin-top: 10px} .floor3{ width: 1000px; height:auto; margin: 0 auto; } .floor3_l{ width: 630px; height:auto; float: left; } .floor3_l .dh{ width: 630px; height:50px; border-bottom:1px solid #aaaaaa; } .floor3_l .dh .tabs{ width: 340px; height:50px; float: left; } .floor3_l .dh .tabs a{ display: block; width: 159px; height:48px; float: left; line-height:48px; font-size: 18px; color:#000000; font-weight: bold; } .floor3_l .dh .tabs a span{ margin-left: 15px; font-size: 14px; font-weight: 200; color:#333333; } .floor3_l .dh .tabs a.curr{ border-bottom: 2px solid #ec0000; } .floor3_l .dh .more{ width: 50px; height:50px; float: right; line-height:50px; text-align: center; } .floor3_l .tabbox{ width: 630px; height:240px; padding: 35px 0; } .floor3_l .tabbox .tab_box{ width: 630px; height:240px; overflow: hidden; } .floor3_l .tabbox .tab_box .hot{ width: 300px; height:240px; float: left; } .floor3_l .tabbox .tab_box .list{ width: 260px; height:240px; float: right; background: no-repeat left center; padding-left: 40px; } .floor3_l .tabbox .tab_box .list ul li{ width: 260px; height:48px; line-height:48px; background: no-repeat right 15px center; } .floor3_r{ width: 300px; height:auto; float: right; } .floor3_r .dh{ width: 300px; height:40px; line-height:40px; border-bottom:1px solid #959595; } .floor3_r .dh .dh_box{ width: 120px; height:40px; float: left; } .floor3_r .dh .dh_box h2{ width: 90px; height:38px; text-align: center; float: left; line-height:38px; border-bottom:2px solid #ec0000; } .floor3_r .dh .dh_box span{ display: block; width: 30px; height:40px; float: right; text-align: right; line-height:40px; } .floor3_r .dh .more{ width: 50px; height:40px; float: right; } .floor3_r .dh .more a{ color:#c7b1aa; } .floor3_r .list{ width:300px; height:300px; position: relative; overflow: hidden; } .floor3_r .list ul{ width: 300px; height:600px; position: absolute; top:0; left:0; } .floor3_r .list ul li{ width: 300px; height:90px; margin: 10px 0; } .floor3_r .list ul li .w{ width: 300px; height:30px; background: no-repeat left center; line-height:30px; text-indent: 25px; } .floor3_r .list ul li .w a{ color:#000000; } .floor3_r .list ul li .d{ width: 300px; height:50px; background: no-repeat left top ; line-height:25px; text-indent: 25px; margin-top: 8px; color:#666666; } .flink{ width: 1000px; height:80px; margin: 15px auto 30px auto; border:1px solid #ff0000; /*background: no-repeat center center;*/ /*padding-left: 145px;*/ /*padding-right: 35px;*/ } .flink ul li{ padding: 0 10px; float: left; line-height:80px; } .flink ul li span{ font-size: 16px; color:#000000; font-weight: bold; } .footer{ width: 100%; height:240px; background-color: #e60012; padding-top: 20px; } .f_nav{ width: 960px; height:50px; background-color: #990000; margin: 0 auto; color:#ffffff; } .f_nav ul li{ width: 90px; height:50px; line-height:50px; float: left; text-align: center; } .f_nav ul li a{ color:#ffffff; font-weight: bold; } .f_nav ul li.li{ width: 1px; } .footer .line{ width: 735px; height: 8px; margin: 10px auto 0 auto; } .footer .box{ width: 770px; height: 130px; margin: 10px auto 0 auto; } .footer .box .f_logo{ width: 100px; float: left; } .footer .box .text{ width: 535px; height:130px; float: left; margin: 0 15px; color: #ffffff; line-height:22px; } .footer .box .wx{ width: 105px; height:130px; float: right; }