@charset "utf-8"; @import "reset.css"; /*globe*/ body { background: #fff; color: #666; font: 12px/24px "寰蒋闆呴粦","鍗庢枃缁嗛粦",Arial,sans-serif; padding: 0; margin: 0; } a { color: #666; } a:hover { color: #bca56b; } .clear { clear: both; } .clearfix{zoom:1;} .clearfix:after{visibility:hidden;display:block;font-size:0;content:"1";clear:both;height:0;} .fl { float:left; } .fr { float:right; } /*public*/ .marT10 { margin-top: 10px; } .marT20 {margin-top: 20px;} .w1000{width: 1000px; margin: 0 auto;} /*header*/ .header{ width: 100%; height: 121px; } .logo{ width: 217px; float: left; } .head_right{ float:right; position: relative; margin-top:36px; } .head_r1 { float: left; font-size: 12px; line-height: 13px; color: #999999; padding-top: 6px; font-weight: bold; } .head_r2{ float: left; line-height: 13px; padding-top:6px; color: #aeb2b6; } .head_r2 ul li{ float: left; border-right: 1px solid #aeb2b6; display: inline; } .head_r2 ul li a{ text-align: center; font-size: 12px; line-height: 13px; color: #aeb2b6; padding:0 10px; } .head_r2 ul li.last{ padding-right: 0; border: 0; } .search{ width: 178px; height: 23px; padding-left: 5px; float: left; display: inline; background: url(../../img/bg_search.jpg) no-repeat center; } .search input{ width: 129px; padding:4px 0px; margin-left: 10px; margin-top: 1px; border: none; background: none; float: left; display:inline; color: #9ea6ac; line-height: 13px; overflow: hidden; } .search input.submit{ width: 25px; height: 13px; background: url(../../img/search.jpg) no-repeat; background-position: left center; float: left; display: inline; cursor: pointer; vertical-align:middle; margin-top: 5px; } .nav{ height: 45px; padding-top: 19px; margin: 0 auto; } .nav li.first{ float: left; width: 148px; margin-left: 0px; background: url(../../img/menu3.png) no-repeat center ; background-position: 0px 0px; } .nav li.firsts{ float: left; width: 148px; margin-left: 0px; background: url(../../img/menu3.png) no-repeat center ; background-position: 0px -45px; } .nav li{ float: left; width: 148px; background: url(../../img/menu1.png) no-repeat center; background-position: 0 0px; margin-left: -27px; } .nav li.last{ padding-right: 0; background: url(../../img/menu2.png) no-repeat center; background-position: 0px 0px; } .nav li.lasts{ padding-right: 0; background: url(../../img/menu2.png) no-repeat center; background-position: 0px -45px; } .nav li a{ font: bold 13px/86px "寰蒋闆呴粦"; color: #fff; text-align: center; line-height: 45px; width: 149px; display: inline-block; } .nav li.last a:hover,.nav a.on,.nav a.cur{ color: #fff; background: url(../../img/menu2.png) no-repeat center; background-position: 0px -45px; } .nav li.first a:hover,.nav a.on,.nav a.cur{ color: #fff; background: url(../../img/menu3.png) no-repeat center; background-position: 0px -45px; } .nav li.first a.hover,.nav a.on,.nav a.cur{ color: #fff; background: url(../../img/menu3.png) no-repeat center; background-position: 0px -45px; } .nav li a:hover,.nav a.on,.nav a.cur{ color: #fff; background: url(../../img/menu1.png) no-repeat center; background-position: 0px -45px; } .nav li a.hover,.nav a.on,.nav a.cur{ color: #fff; background: url(../../img/menu1.png) no-repeat center; background-position: 0px -45px; } /*banner*/ .banner{overflow: hidden;height: 486px;width: 100%;position: relative;} .banner .bd ul li{width: 100%;height: 486px;} .banner .hd{height: 30px;margin-top: -30px;position: absolute;left: 50%;} .banner .hd ul li{width: 10px; height: 10px;background: url(../../img/icon5.png) no-repeat;background-position: -15px 0px;display: block; margin-right:5px; float: left;text-indent: -999px;} .banner .hd ul li.on{width: 10px; height: 10px;background: url(../../img/icon5.png) no-repeat;background-position: 0px 0px;display: block;} /*main*/ .main{ height: 433px; width: 1022px; background: url(../../img/bg1.jpg) no-repeat; margin:5px auto ; margin-bottom: 40px; } .main_top{ width: 1000px; height: 210px; padding-top: 27px; } h1{ font: bold 16px "寰蒋闆呴粦"; color: #454f58; line-height: 45px; padding-left: 33px; padding-top: 26px; } .main_img{ width: 300px; line-height: 120px; padding-left: 25px; float: left; display: inline; } .main_img p{ font: 14px "寰蒋闆呴粦"; color: #454f58; line-height: 45px; text-align: center; border-bottom: 1px solid #eaebeb; } .main_pro{ height: 184px; width: 625px; padding-top: 17px; padding-left: 25px; float: left; } .main_pro h1{ font: bold 16px "寰蒋闆呴粦"; color: #454f58; line-height: 45px; padding-left: 0px; padding-top: 26px; display: inline; } .main_pro a{ margin-top: 17px; line-height: 29px; text-align: center; float: right; display: inline; } .main_p{ width: 623px; height: 137px; background: #f6f6f6; border: 1px solid #eaebeb; } .proScroll-left{ width:620px; height: 135px; overflow:hidden; position:relative;background:url(../../img/pro_bg2.jpg) no-repeat center;border:1px solid #eaebeb; } .proScroll-left .bd ul li{float: left;width: 185px;} .proScroll-left .bd ul li a{display: block; margin-top: 0px; text-align: center;} .proScroll-left .bd{position: relative;margin-left: 37px;width: 540px;height: 137px;overflow: hidden;} .proScroll-left .hd{} .proScroll-left .hd .prev{position: absolute;top: 35px;left: 10px;width: 10px;height: 32px;} .proScroll-left .hd .next{position: absolute;top: 35px;left: 602px;width: 10px;height: 32px;} .proScroll-left .bd ul li .pic{height: 135px;width: 185px;} .pro_name p{ text-align: center; font: 12px "寰蒋闆呴粦" #666; height: 20px; bottom: 5px; z-index: 100; margin-top: -25px; position: relative; } .main_news{ width: 300px; height: 165px; padding-right: 25px; float: right; display: inline; padding-top: 25px; } .main_news h2{ font: bold 16px/24px "寰蒋闆呴粦"; color: #454f58; line-height: 24px; padding-left: 0px; width: 300px; height: 37px; overflow: hidden; } .main_news h2 a{ margin-top: 8px; float: right; line-height: 0; } .main_news a{ } .main_news .more{ margin-top: 17px; line-height: 29px; float: right; display: inline; } .main_new { width: 300px; height: 137px; border-top: 1px solid #eaebeb; } .main_new ul li{ width: 300px; height:33px; background: url(../../img/news_bg.jpg) repeat-x bottom; } .main_new li a{ line-height: 33px; display: block; } .main_new .time{color: #b2b7ba;} .main_new .num{ padding-right: 5px; } .main_nav{ height: 220px; width: 100%; background: #f3f3f3; } .main_n{ width: 111px; float: left; margin-left: 66px; display: inline; } .main_n h2{ height: 34px; font: bold 14px "寰蒋闆呴粦"; color:#666; line-height: 34px; padding-left: 25px; padding-top: 20px; } .main_n ul{ padding-top: 0px; } .main_n li{ float: left; } .main_nav .first{ margin-left: 0px; } .main_n li img{ padding-left: 25px; line-height: 20px; display:inline; vertical-align: middle; } .main_n li a{ padding-left:10px; line-height: 20px; display:inline; color: #9c9c9c; } .main_n li a:hover{color: #bca56b;} /*foot*/ .footer{width:100%;height: 44px;background: #454f58;} .foot_con{width: 800px; float: left;} .foot_con p{color: #7b868f; font: 12px "寰蒋闆呴粦";padding-left:25px; line-height: 44px;} .foot_con p a{color:#7b868f;} .footer_links{ width: 196px; height: 25px; float: right; margin-top: 10px; position: relative; background: url(../../img/footerlink.jpg) no-repeat; cursor: pointer; display: inline; } .links_list{ width: 188px; padding: 0 3px; border: 1px solid #70767b; margin-bottom: none; position: absolute; bottom: 24px; background: #454f58; display: none; } .links_list a{ display: inline-block; width: 100%; line-height: 16px; padding:0 7px ; color:#7b868f; } .links_list a:hover{ color: #bca56b; } .ban{width: 100%;height: 133px; background: url(../../img/pages_ban.jpg) no-repeat center; border-bottom:1px solid #0091d4;} .ban p{padding-top: 55px;} .ban .p1{font-size: 24px;color: #fff; padding-left: 8px; padding-right: 8px; } .ban .p3{color: #c0dcf5; font-size: 24px;} .ban .p2{font-size: 24px; font-family: "Arial" ;color:#d8e5f0; padding-left: 8px;padding-right: 8px;} /*about*/ .mbx{width: 782px; height: 61px; background: url(../../img/mbx_bg.jpg) no-repeat;} .mbx .left{width: 500px; height: 61px; line-height: 61px;} .mbx .left .p1{font-size: 16px;color: #1078c7;font-weight: bold; border-left: 3px solid #1078c7; padding-left: 5px;} .mbx .left .p2{font-size: 16px;color: #e5e5e5;font-family: Arial;padding-left: 5px;} .mbx .right{width: 250px;height: 61px; line-height: 61px; float: right; } .mbx .right p{text-align: right;} .about_left{ width: 782px;padding: 30px 8px 30px; } .about_left p{ text-indent: 2em; } .demo_right{width: 185px; height: 617px; float: right;background:url(../../img/nav_bg2.jpg) no-repeat left;margin-top: 0px;} .demo_right .top{width: 185px;height: 78px; background: url(../../img/nav_bg1.jpg) no-repeat center; margin-top: 35px;} .demo_right .top .p1{font-size: 20px;color: #fff; font-weight: bold;text-align: center;line-height: 70px; } .demo_right .demo_right_list ul{margin-top: 3px;} .demo_right .demo_right_list ul li{width: 175px; height: 60px;float: right; border-bottom: 1px solid #ebebeb;} .demo_right .demo_right_list ul li:hover{height: 60px;background:url(../../img/nav_bg3.jpg) 130px no-repeat;float: right;width: 180px;} .demo_right .demo_right_list1 ul li:hover{height: 60px;background:url(../../img/nav_bg3.jpg) 145px no-repeat;float: right;width: 180px;} .demo_right .demo_right_list ul li.first{height: 60px;background:url(../../img/nav_bg3.jpg) 130px no-repeat;float: right;width: 180px;} .demo_right .demo_right_list1 ul li.first{height: 60px;background:url(../../img/nav_bg3.jpg) 145px no-repeat;float: right;width: 180px;} .demo_right .demo_right_list ul li a{width: 180px;line-height: 60px;display: block;font-size: 16px;color: #666666;text-align: center;float: right;} .demo_right .demo_right_list ul li:hover a{color: #1078c7;} .demo_right .demo_right_list ul li.first a{color: #1078c7;} /*partners*/ .partners{padding-bottom: 50px; margin-top: 30px;} .partners .logos ul li img{width: 170px;height: 126px; padding-top: 3px; padding-left: 4px;} .partners .logos ul li{float: left;width: 180px; height: 160px; margin-left: 15px; margin-bottom: 50px; } .partners .logos ul li div{width: 178px;height: 132px; background: url(../../img/logo_bg2.jpg) no-repeat center;} .partners .logos ul li div:hover{width: 178px; height: 132px; cursor:pointer;background: url(../../img/logo_bg.jpg) no-repeat center; border: none;} .partners .logos ul{width: 782px;} .partners .logos ul li p{ height: 25px ;font-size: 14px; text-align: center;color: #888;line-height: 25px;} /*newspaper*/ .newspaper{padding-top: 30px;padding-bottom: 30px;} .newspaper .logos ul li img{width: 209px;height: 244px;} .newspaper .logos ul li{float: left;width: 211px; height: 278px; margin:0 23px 30px; border: 1px solid #ececec;} .newspaper .logos ul li div{width: 209px;height: 244px;} .newspaper .logos ul li:hover div{border:1px solid #e1e1e1; cursor:pointer} .newspaper .logos ul{width: 782px;} .newspaper .logos ul li p{width: 181px;height: 32px; font-size: 12px; float: left;color: #666;line-height: 30px; background: #f6f6f6; border: 1px solid #ececec; padding: 0 14px;} .newspaper .logos ul li p .look{float: right; color: #999; cursor:pointer; line-height: 30px; } .newspaper .logos ul li p .look img{width: 11px; height: 9px;vertical-align: middle; padding-left: 5px;} .newspaper .logos ul li:hover p{background: #1078c7; color: #fff; border: 1px solid #1078c7;} .newspaper .logos ul li:hover p span{color: #fff;} /*honor*/ .staff-gallery{width:782px; position:relative; margin-bottom: 50px;} .staff-show{margin-left: 48px; margin-top: 30px; width:685px; height:490px; background: url(../../img/honor_bg.jpg) no-repeat bottom; text-align: center; position:relative; overflow:hidden;} .staff-show ul { position:absolute; left:0; top:0; height:430px; width: 11334px;} .staff-show ul li{ width:673px; height:430px; float:left; padding: 5px; border: 1px solid #dfdfdf; } .staff-thumb{ width:673px; margin:6px auto 0; height:120px; position:relative;overflow:hidden;} .staff-thumb ul { position:absolute; left:0; top:0;} .staff-thumb ul li{ float:left; display:inline-block; _display:inline; width:105px; height:120px;margin:5px 3px; cursor:pointer;} .staff-thumb ul li img{width: 105px; height: 67px; opacity:0.5;filter:alpha(opacity=50); border: 1px solid #cfcfcf; } .staff-thumb ul li.cur img{ opacity:1;filter:alpha(opacity=100); border: 2px solid #1078c7;} .staff-gallery a{ position:absolute; display:block; bottom:0; width:18px; height:44px; overflow:hidden; text-indent:-999em; z-index:1;} .staff-gallery a#prev{ left:0; top:515px; background: url(../../img/honor_left.png) no-repeat left;} .staff-gallery a#next{ right:0;top:515px; background: url(../../img/honor_right.png) no-repeat right;} /*video*/ .video{padding-top: 30px; padding-bottom: 100px;width: 782px; text-align: center;} .video-con{ position:relative;} .video-show{width:674px; height:432px; margin:0 auto;padding: 5px;border: 1px solid #dfdfdf; background: #000;} .video-bg {width: 782px; text-align: center;background: url(../../img/honor_bg.jpg) no-repeat top;position: relative;margin-top:25px;} .video-thumb { margin:0 auto; width:692px; height:130px; position:relative; overflow:hidden; text-align: center;} .video-thumb ul{ position:absolute; left:0; width: 700px;} .video-thumb ul li{ float:left; width:153px; height:130px; zoom:1; float: left;margin-right: 20px; } .video-thumb ul li img{ opacity:0.5; filter:alpha(opacity=50);margin-top: 25px;border: 1px solid #cfcfcf;} .video-thumb ul li img:hover{border: 2px solid #1078c7;} .video-thumb ul li.cur img{opacity:1; filter:alpha(opacity=100);} .video .video-con .prev{ float: left; padding-left: 3px; padding-top: 55px; } .video .video-con .next{ position: absolute; right: 0px; float: left; padding-top: 55px; } /*news*/ .mbx_news{width: 1000px; height: 61px; background: url(../../img/mbx_news.jpg) no-repeat;} .mbx_news .left{width: 500px; height: 61px; line-height: 61px;} .mbx_news .left .p1{font-size: 16px;color: #1078c7;font-weight: bold; border-left: 3px solid #1078c7; padding-left: 5px;} .mbx_news .left .p2{font-size: 18px;color: #e5e5e5;font-family: Arial;padding-left: 5px;} .mbx_news .right{width: 400px;height: 61px; line-height: 61px; float: right; padding-right: 3px; } .mbx_news .right p{text-align: right;} .news{padding-top: 30px;padding-bottom: 30px;} .news .logos ul li div .new{width: 318px;height: 168px;} .news .logos ul li{float: left;width: 318px; height: 306px; margin:0 5px 30px; border: 1px solid #ececec;} .news .logos ul li {width: 318px;height: 306px;} .news .logos ul{width: 1000px;} .news .logos ul li p{font-size: 12px; padding-left: 10px;color: #666; padding-right: 20px;} .news .logos ul li p:hover{ color: #bca56b;} .news .logos ul li h3{ font: bold 12px "寰蒋闆呴粦"; color: #454f58; line-height: 30px; padding-top: 20px; padding-left: 10px; } .news .logos ul li h3:hover{color: #bca56b;} .news .logos ul li h3 .time{ font-size:12px; font-family: "Arial";color:#999; font-weight: normal;padding-right: 20px; } .news .logos ul li .more { height: 20px; vertical-align:middle; margin-top: 12px; padding-left: 10px; } /*product*/ .pro_top{width: 100%;height: 133px;background: url(../../img/pro_top.jpg) no-repeat top;} .pro_top p{padding-top: 55px;} .pro_top .p1{font-size: 24px;color: #fff; padding-left: 8px; padding-right: 8px; } .pro_top .p3{color: #c0dcf5; font-size: 24px;} .pro_top .p2{font-size: 24px; font-family: "Arial" ;color:#d8e5f0; padding-left: 8px;padding-right: 8px;} .pro{width: 100%;height: 624px; background: url(../../img/pro_bg.jpg) no-repeat center; margin-bottom: 0px;} .pro_left{width: 484px; height: 418px; margin-left: 17px; margin-top: 104px;background: url(../../img/pro_left.png) no-repeat; float: left;} .pro_center{width: 239px; height: 418px;margin-top: 104px;background: url(../../img/pro_center.png) no-repeat; float: left;} .pro_right{width: 246px; height: 418px; margin-top: 104px; background: url(../../img/pro_right.png) no-repeat; float: left;} .pro .pro_left h1{font-size:16px; font-weight: bold;color: #fff; margin-top: 209px; margin-left: 181px;} .pro .pro_left p{font: 12px; color: #fff; margin-left: 40px; margin-right: 35px;} .pro .pro_center h1{font-size: 16px; font-weight: bold;;color: #fff; margin-left: -5px; } .pro .pro_center p{font-size: 12px; color: #fff; margin-left: 28px; margin-right: 19px;} .pro .pro_right h1{font-size: 16px; font-weight: bold;;color: #fff; margin-left: -5px; } .pro .pro_right p{font-size: 12px; color: #fff; margin-left: 28px; margin-right: 19px;} .pro .pro_btn {width: 93px; height: 33px; margin-left: 28px;margin-top: 22px; border-top: 1px solid #8cbde7; border-bottom: 1px solid #8cbde7; background: url(../../img/pro_btn.png) no-repeat 70px;} .pro .pro_btn a{font-size: 12px; color: #fff; margin-left: 11px; margin-top: 4px; display: block;} .product{padding-top: 30px;padding-bottom: 30px;} .product .logos ul li img{width: 211px;height: 201px;} .product .logos ul li{float: left;width: 211px; height: 243px; margin:0 23px 30px; border-top: 1px solid #ececec; border-left: 1px solid #ececec;border-right: 1px solid #ececec; border-bottom: 5px solid #ececec;} .product .logos ul li div{width: 211px;height: 201px;} .product .logos ul li:hover{border-bottom:5px solid #1078c7; cursor:pointer} .product .logos ul li:hover p{color: #1078c7;} .product .logos ul{width: 782px;} .product .logos ul li p{ font-size: 14px; text-align: center;color: #666;line-height: 30px;} .pro_main{width: 782px; height: 355px; display: block;} .pro_detail{width: 327px; height: 312px;border: 1px solid #eaeaea; float: left; margin-left: 10px; margin-top: 40px; } .pro_info{width: 405px; margin-left: 35px; float: left;} .pro_info .pro_info_n{ height: 246px;overflow: hidden; } .pro_info h1{font-size: 18px; color: #1078c7; padding-left: 0px; font-weight: normal;} .pro_intr ul{margin-top: 30px;} .pro_intr li{width: 220px; height: 25px; background: url(../../img/list.jpg) no-repeat left;} .pro_intr li p{ height: 25px; padding-left: 10px;font-size: 12px; color: #666; line-height: 25px; } .pro_img li{width: 109px; height: 105px; float: left; border: 1px solid #eaeaea;margin-right: 10px;} .pro_img li:hover{border: 1px solid #bbbbbb;} .pro_img li.hover{border: 1px solid #bbbbbb;} .proTxtBox{ width:782px; text-align:left; margin-top:50px;margin-left: 10px; display: block; } .proTxtBox .hd{ height:30px; line-height:30px; } .proTxtBox .hd ul li{width: 113px; height: 31px; float:left; border-right: 1px solid #fff; cursor:pointer; font-size: 15px; background: url(../../img/term_bg1.jpg) no-repeat; color: #fff; text-align: center;} .proTxtBox .hd ul li.on{font-size: 15px; background: url(../../img/term_bg2.jpg) no-repeat; color: #fff;} .proTxtBox .bd ul{ border-bottom:1px solid #ede9e9;border-top:1px solid #ede9e9; } .pro_next{ padding-top: 20px; height: 50px; margin-bottom: 50px; } .pro_next p{ font-size: 14px; color: #666; } .pro_back{width: 55px; height: 20px; background: url(../../img/back.jpg) no-repeat 4px; float: right; margin-right: 40px; margin-top: -48px;} .pro_back a{font-size: 14px; color: #666; padding-left: 25px;} /*map*/ .map{ background: url(../../img/map_bg.jpg) no-repeat center; width: 1000px; height: 392px; margin-left: 10px; margin-top: 30px; margin-bottom: 80px; } .map_right{float: left; width: 290px; padding-left: 30px;} .map_right h1{ font-size: 24px; font-weight: bold;color: #006fc3; padding-top: 100px; padding-left: 25px; } .map_right p{font-size: 14px; color: #666666; padding-left: 25px;} /*service*/ .advtab td{width: 80px; padding:10px 0; height:25px; font-size: 14px; color: #666;} .advtab td input{ width:402px; height:15px; border:1px solid #d3d3d3; border:1px solid #ddd;padding:5px 8px;} .advtab td textarea{ width:402px; height:119px; padding:5px 8px; border:1px solid #ddd; overflow:auto} .advtab td input.captchas{width: 90px; height: 15px;} .advtab td input.but{ width:90px; height:25px;text-align:center; border:1px solid #ddd; background: #f8f8f8; color:#3b3b3b; cursor:pointer; margin-right: 16px; font-size:14px; font-family: "寰蒋闆呴粦"; padding: 2px;} .advtab td input.hover{background:#9e6b39;} .advtab td .btn{width: 400px; padding-left: 188px; padding-top: 50px;} .leave{background: url(../../img/leave.jpg) no-repeat right 5px; } /*hr*/ .hr{width: 782px; margin-top: 30px;} .jobtable { width:100%; margin-bottom: 40px;} .jobtable th{ text-align: left; padding-left: 24px; height:35px; font-weight:bold; font-size:14px; color:#fff; border:1px solid #fff; background: #1078c7; } .jobtable tr.open td{ border-bottom:0;} .jobtable td{padding-left: 24px; border-bottom:1px dotted #d0d0d0; cursor:pointer; height: 38px; font-size: 12px;color: #5e5e5e;} /*shareholders*/ .notice_list {width: 782px; margin-top: 25px; margin-bottom: 50px;} .notice_list ul{margin-bottom: 20px;} .notice_list ul li{width: 782px;height: 39px;background: url(../../img/shareholders_bg.jpg);} .notice_list ul li p{padding-left: 30px; padding-top: 12px;} .notice_list .time{padding-right: 10px;} /* 浜烘墠鎷涜仒 */ #spred { color:#F00; } .joinus_tb { border:1px solid #E2E2E2; border-width: 0 0 1px 1px;} .joinus_tb tr td { padding: 5px; border:1px solid #E2E2E2; border-width:1px 1px 0 0; } .joinus_tb .feedback_input { width: 260px; height: 18px; padding: 5px; line-height: 18px; color: #666; border: 1px solid #dddddd; box-shadow: 2px 2px 2px #f4f4f4 inset; background: #fff; } .joinus_tb .error { width: 260px; height: 18px; padding: 5px; line-height: 18px; color: #666; border: 1px solid #D70128; box-shadow: 2px 2px 2px #f4f4f4 inset; background: #fff; } /*绉戠爺瀹炲姏*/ .vir-div .prev,.vir-div .next{ display: block; float: right; width: 15px; height: 15px; padding: 6px; background: url(../../img/index-hd-pro.jpg) no-repeat center; margin-left: 8px; margin-top: 10px; overflow: hidden; } .vir-div .prev div,.vir-div .next div{ width: 100%; height: 100%; position: relative; overflow: hidden; } .about_left .hd a i,.vir-div .prev i,.vir-div .next i{ width: 30px; height: 15px; background: url(../../img/index-pro-left.jpg) no-repeat center; top: 0px; display: block; position: absolute; } .about_left .hd a.prev i,.vir-div .prev i{ left: 0px; } .about_left .hd a.next i,.vir-div .next i{ right: 0px; background: url(../../img/index-pro-right.jpg) no-repeat center; } .vir-div{ padding: 20px 42px 40px; position: relative; } .vir-div ul{ margin-right: -30px; } .vir-div li{ float: left; width: 210px; height: 123px; margin-right: 40px; overflow: hidden; position: relative; cursor: pointer; } .vir-div li img{ width: 210px; height: 123px; } .vir-bg{ position: absolute; bottom: 0px; left: 0px; height: 27px; width: 100%; background: url(../../img/b70.png) repeat center; } .vir-text{ position: absolute; color: #fff; line-height: 27px; bottom: 0px; left: 10px; } .vir-add{ position: absolute; color: #fff; font-size: 76px; line-height: 78px; width: 100%; text-align: center; bottom: 124px; left: 0px; text-indent: 0; } .vir-div .prev, .vir-div .next{ float: none; position: absolute; top: 65px; } .vir-div .prev{ left: -10px; } .vir-div .next{ right: -10px; }