/**************重设浏览器默认样式[参考yahoo]**************/ /* 防止用户自定义背景颜色对网页的影响,添加让用户可以自定义字体 */ html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { color: #3c3c3c; font-size:12px; font-family:arial,"Microsoft YaHei",tahoma,\5b8b\4f53,sans-serif; background:#fff; text-align:left; } /* 内外边距通常让各个浏览器样式的表现位置不同 */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, span, img, table { margin:0; padding:0; } address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight:normal; } a{ color:#4e4e4e; text-decoration:none; } a:hover{ color:#E60012; text-decoration:none; } ol, ul { list-style:none; } fieldset, img { border:0; } table { border-collapse:collapse; border-spacing:0; } /* 去掉各Table cell 的边距并让其边重合 */ th { text-align:inherit; } /* IE bug fixed: th 不继承 text-align*/ iframe { display: block; } /* ie6 7 8(q) bug 显示为行内表现 */ sup { vertical-align:text-top; } sub { vertical-align:text-bottom; } input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; } /*to enable resizing for IE*/ input, textarea, select { *font-size:100%;} /* 清理浮动 */ .clearfix { *zoom:1; }/*IE6 7 只要触发layout即可*/ .clearfix:after { content:"."; clear:both; height:0; font-size:0; line-height:0; display:block; } .clear { clear: both; height: 0px; line-height: 0px; font-size: 0px; } /* 隐藏 */ .hide { display:none;} /*-------------------页面宽度-------------------*/ .w1000{width:1000px; margin-left:auto; margin-right:auto;} /*-------------------雷竞技raybet下载-------------------*/ .header { height:125px;} .header .w1000 { position:relative;} .header .r { position:absolute; width:460px; right:0; top:20px; line-height:32px;} .header .r .language { float:right; line-height:20px; border:1px solid #D1D1D1; padding:0 10px; margin-top:5px; color:#858585;} .header .r .are { float:right; color:#858585; margin-top: 5px; display: inline-block; width: 80px; height: 21px; font-size:16px; padding-left:27px; background:url(../images/icon01.png) no-repeat left center; margin-right:22px;} .header .r .phone { float:right; font-size:16px; padding-left:18px; background:url(../images/icon_phone.png) no-repeat left center; margin-right:30px;} /*----------logo----------*/ .logo { float:left; padding-top:25px; } .logo img {} /*----------雷竞技APP官方入口----------*/ .nav { float:right; padding-top:61px; } /*一级样式*/ .nav li { line-height:64px; float:left; margin-left:1px; } .nav li a { display:block; font-weight:bold; color:#585858; font-size:16px; padding:0 20px; text-transform:uppercase; } /*当前项和鼠标移上*/ .nav li.cur a, .nav li.hover a, .nav li a:hover{ background:#E60012; color:#fff;} /*----------flash----------*/ .flash {width:100%; height:626px; min-width:1120px; overflow:hidden;} .flash li {width:100%; height:626px; background-position:center top; background-repeat:no-repeat;} .flash li a { display:block; height:100%; width:100%;} .flash .bx-wrapper { position: relative;*zoom: 1;} /*加载界面*/ .flash .bx-wrapper .bx-loading { min-height:50px; background:#fff url(../images/bx_loader.gif) center center no-repeat; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000; } .flash .bx-wrapper .bx-pager { position: absolute; bottom:10px; z-index:80; width:100%; text-align: center;} .flash .bx-wrapper .bx-pager.bx-default-pager a {background: #fff; display:block; width:12px; height:12px; line-height:0; font-size:0; font-family:Arial; color:#fff; text-align:center; margin:0 8px 0 8px; outline:0; border-radius:15px; } .flash .bx-wrapper .bx-pager.bx-default-pager a:hover, .flash .bx-wrapper .bx-pager.bx-default-pager a.active { background:#E60012; text-decoration:none;} .flash .bx-wrapper .bx-pager .bx-pager-item{ display:inline-block; *zoom:1; *display:inline;} /*----------首页大图----------*/ .index_banner { height:625px; min-width:1000px; background:url(../images/index_banner.jpg) no-repeat center top; text-align:center; color:#fff;} .index_banner .w1000{ padding-top:165px;} .index_banner .txt01 { display:inline-block; *display:inline;} .index_banner .txt01 span{ float:left; width:110px; height:1px; background:#fff; margin-top:20px;} .index_banner .txt01 h2{ font-size:26px; padding:0 10px; float:left; line-height:41px;} .index_banner .txt02 { font-size:58px; line-height:80px; font-weight:bold; padding-top:10px;} .index_banner .txt03 { font-size:22px; line-height:30px; text-transform:uppercase; margin-top:10px;} .index_banner .more { display:block; height:40px; background:url(../images/point02.png) no-repeat center center; margin-top:220px;} /*-------------------内容-------------------*/ .index_cnt { padding:40px 0 60px; } /*----------新闻----------*/ .index_news { height:30px; line-height:30px; } .index_news h3{ float:left; color:#000; font-size:20px; padding:0 13px 0 15px; background:#fff url(../images/point03.png) no-repeat left center; } .index_news .more{ float:right; color:#BEBEBE; } .index_news_list { float:left; margin-left:50px; width:660px; height:30px; overflow:hidden; } .index_news_list li { text-align:right; width:280px; float:left; } .index_news_list li span { color:#aaa; } .index_news_list li a { float:left; text-align:left; font-size:14px; } /*控制标题长度,如果可以通过程序控制,则可以删除*/ .index_news_list li a { width:200px; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } /*----------产品----------*/ .index_product { width:1000px; margin-top:35px; height:220px; } .index_product ul { } .index_product li { width:220px; float:left; margin-right:40px; _display:inline;} .index_product li a{} .index_product li img { display:block; width:220px; height:180px; } .index_product li h3{ line-height:30px; font-size:14px; font-weight:bold; float:left; padding-right:30px; background:url(../images/point01.png) no-repeat right center; margin-top:10px; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .index_product li p{ color:#8A8A8A; line-height:24px;} .index_product .bx-wrapper { position: relative;*zoom: 1;} /*加载界面*/ .index_product .bx-wrapper .bx-loading { min-height:50px; background:#fff url(../images/bx_loader.gif) center center no-repeat; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000; } /*左右控制按钮 相对bx-wrapper定位*/ .index_product .bx-wrapper .bx-prev { left:-35px; background:url(../images/scroll_left2.png) no-repeat 0 0; } .index_product .bx-wrapper .bx-next { right:-35px; background:url(../images/scroll_right2.png) no-repeat 0 0; } .index_product .bx-wrapper .bx-prev:hover { background:url(../images/scroll_left2_hover.png) no-repeat 0 0;} .index_product .bx-wrapper .bx-next:hover { background:url(../images/scroll_right2_hover.png) no-repeat 0 0; } .index_product .bx-wrapper .bx-controls-direction a { position:absolute; top:87px; outline:0; width:15px; height:26px; text-indent:-9999px; z-index:9999; } .index_product .bx-wrapper .bx-controls-direction a.disabled { display: none; } /*----------关于----------*/ .about_index { margin-top:40px;} .about_index .tit { line-height:26px; height:26px; background:url(../images/line01.png) repeat-x left center; } .about_index .tit h3 { float:left; color:#000; font-size:20px; padding:0 13px 0 15px; background:#fff url(../images/point03.png) no-repeat left center; } .about_index img { float:left; margin-top:25px;} .about_index_cnt { float:right; margin-top:35px; width:385px; } .about_index_cnt .txt { line-height:18px; height:90px; overflow:hidden; color:#8A8A8A; margin-bottom:20px;} .about_index_cnt .more { color:#E60012;} /*-------------------底部-------------------*/ .footer { padding:10px 0 40px; line-height:24px; border-top:1px solid #EEEEEE; color:#A1A1A1;} .footer a { color:#A1A1A1;} .footer .l { float:left;} .footer .r { float:right; text-align:right;} .footer .r p { float:left; padding-right:10px;} .footer .r img { float:left;} /*----------banner----------*/ .banner { height:299px; background-repeat:no-repeat; background-position:center top; min-width:1000px;} /*----------内容----------*/ .content { min-width:1000px; padding:40px 0 30px 0; background:#F7F7F7; } /*----------main_top----------*/ .main_top {} .main_tit { float:left;} .main_tit strong{ display:block; font-size:26px; color:#444444;} .main_tit span{ display:block; font-size:15px; color:#E60012; font-weight:bold; font-family:Arial;} .main_top .phone{ float:right; padding-left:52px; background:url(../images/icon_phone2.png) no-repeat left center;} .main_top .phone span{ display:block; color:#666666; text-transform:uppercase;} .main_top .phone strong{ color:#E60012; font-size:26px; font-family:Arial;} .position { line-height:26px; padding-top:4px; color:#666666; text-transform:uppercase;} .position a{color:#666666;} /*----------次雷竞技APP官方入口----------*/ .subnav { margin-top:40px; padding-bottom:5px; border-bottom:2px solid #EBE8E8; } .subnav ul{ height:65px;background:#fff;} .subnav li{ float:left; line-height:58px; font-size:15px; border-right:1px solid #F5F4F4;} .subnav li a{ float:left; padding:0 32px; color:#8b8b8b;} .subnav li.cur a{ color:#f7f7f7; background:#E80012;} /*----------侧边----------*/ .sidebar { float:left; width:230px; margin-top:20px; border-radius:10px; overflow:hidden; } .side_tit { line-height:80px; color:#fff; background:#E60012; font-size:18px; text-align:center; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } /*--侧边雷竞技APP官方入口--*/ .side_nav {} .side_nav li h3{ height:42px; line-height:42px; font-size:16px; } .side_nav li h3 a{ display:block; padding-left:30px; background:#F4F1ED; font-size:14px;} .side_nav li h3 a{ -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .side_nav li.cur h3 a, .side_nav li h3 a:hover{ background:#222222; color:#fff;} .side_nav li dl { display:none;} .side_nav li.cur dl { display:block;} .side_nav li dd { border-bottom:1px solid #dfdfdc; line-height:42px; padding-left:25px;-o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:14px; background:url(../images/point04.png) no-repeat 15px center; } .side_nav li dd.cur a { color:#FF8A00; font-weight:bold; } /*----------main----------*/ .main { float:right; width:750px; padding-bottom:30px; margin-top:20px; } /*----------新闻列表----------*/ .news_list { background:url(../images/line02.png) repeat-y 12px 0; overflow:hidden; margin-top:15px;} .news_list li{ height:131px; overflow:hidden; margin-top:35px;} .news_list li .num{ float:left; width:25px; height:25px; line-height:25px; text-align:center; color:#fff; background:url(../images/point04.png) no-repeat; margin-top:53px;} .news_list li .cnt{ padding:10px; width:815px; height:110px; background:#fff; float:right; border-bottom:1px solid #DEDEDE;} .news_list li .cnt img{ float:left; width:135px; height:110px;} .news_list li .cnt .txt{ width:645px; float:right;} .news_list li .cnt .txt h3{ font-weight:bold; color:#000; line-height:26px;} .news_list li .cnt .txt h3 a{ color:#000;} .news_list li .cnt .txt p{ color:#8B8B8B; line-height:22px; margin-top:10px;} /*----------单页----------*/ .about { padding:45px 0;color:#666666; line-height:26px; font-size:14px;} /*----------图片列表----------*/ .img_list { width:1000px; text-align:center; padding-top:20px;} .img_list ul { width:1050px;} .img_list li { width:475px; height:315px; position:relative; overflow:hidden; float:left; margin:30px 50px 0 0; _display:inline;} .img_list li img{ display:block;width:475px; height:315px;} .img_list li span{ position:absolute; bottom:0; left:0; display:block; width:445px; height:50px; line-height:50px; padding:0 15px 0 15px; color:#fff; background:rgba(0, 0, 0, 0.5) !important;filter:Alpha(opacity=50); background:#000; display:none;} .img_list li a:hover span{ display:block;} /*----------荣誉列表----------*/ .honor_list { width:1000px; text-align:center; padding-top:20px;} .honor_list ul { width:1020px;} .honor_list li { width:320px; overflow:hidden; float:left; margin:30px 20px 0 0; _display:inline;} .honor_list li .img_block{ width:320px; height:420px; overflow:hidden; text-align:center; background:#fff; } .honor_list li .img_block table{ } .honor_list li .img_block td{width:320px; height:420px;vertical-align:middle; } .honor_list li .img_block img {max-width:320px; max-height:420px; _width:320px; _height:420px; display:block; margin:0 auto;} .honor_list li span{ display:block; line-height:50px; padding:0 15px 0 15px; color:#000; } .honor_list li a:hover span{ display:block;} /*----------产品列表----------*/ .product_list { text-align:center; width:750px; overflow:hidden; } .product_list ul { width:765px; } .product_list li { width:240px; height:315px; position:relative; overflow:hidden; float:left; margin:0 15px 30px 0 ; _display:inline; background:#fff;} .product_list li .img_block{ width:240px; height:315px; overflow:hidden; text-align:center; } .product_list li .img_block table{ } .product_list li .img_block td{width:240px; height:315px;vertical-align:middle; } .product_list li .img_block img {max-width:240px; max-height:315px; _width:240px; _height:315px; display:block; margin:0 auto;} .product_list li span{ position:absolute; bottom:0; left:0; display:block; width:210px; height:50px; line-height:50px; padding:0 15px 0 15px; color:#fff; background:rgba(0, 0, 0, 0.5) !important;filter:Alpha(opacity=50); background:#000; display:none;} .product_list li a:hover span{ display:block;} /*----------人才招聘----------*/ .job {padding:30px 0 20px 0;} .job table {line-height:34px; width:100%; border-left:1px solid #E9E9E9; border-top:1px solid #E9E9E9; background:#FFF;} .job td { padding-left:5px; border-right:1px solid #E9E9E9; border-bottom:1px solid #E9E9E9; } .job td.txt { line-height:22px; padding:5px;} .job_list { padding:30px 0 10px 0; min-height:300px; } .job_list table{ line-height:34px; width:100%; border-left:1px solid #E9E9E9; border-top:1px solid #E9E9E9;background:#FFF;} .job_list th{ padding-left:5px; border-right:1px solid #E9E9E9; border-bottom:1px solid #E9E9E9; color:#000; font-weight:bold;} .job_list td{ padding-left:5px; border-right:1px solid #E9E9E9; border-bottom:1px solid #E9E9E9; } /*----------联系标题----------*/ .contact_tit { padding:50px 0 10px 0; text-align:center;} .contact_tit span{ display:block;} .contact_tit .s1{ font-size:18px; color:#E60012; font-weight:bold;} .contact_tit .s2{ font-size:30px; color:#000; font-weight:bold;} .contact_tit .s3{ font-size:14px; color:#818181; font-family:Arial; margin-top:4px;} /*----------联系内容----------*/ .contact_cnt { text-align:center;} .contact_cnt .w1000{ background:url(../images/point02.png) no-repeat center top; padding:40px 0 50px 0;} .contact_cnt ul{ display:inline-block; *display:inline;} .contact_cnt li{ float:left; line-height:31px; padding-left:25px; color:#666; padding-right:50px;} .contact_cnt li.s1{background:url(../images/message-phone.png) no-repeat left center;} .contact_cnt li.s2{background:url(../images/message-email.png) no-repeat left center;} .contact_cnt li.s3{background:url(../images/message-message.png) no-repeat left center;} .contact_map { width:520px; float:right; height:330px; margin-top:30px;} .contact_body { float:left;margin-top:30px; width:430px; text-align:left; line-height:26px; font-size:14px;} /*----------产品----------*/ .product_tit { font-size:16px; color:#444444; font-weight:bold; line-height:20px;text-align:center; padding:5px 0; margin:20px 0;} .tit01 { height:36px; line-height:36px; border-bottom:2px solid #E8E8E8;overflow:visible; _overflow:hidden; margin-top:30px; } .tit01 h3{ font-size:18px; color:#E80012; border-bottom:2px solid #E80012; float:left; _display:inline; position:relative; } .product_body { padding-bottom:20px; line-height:24px; margin-top:20px; } .product_body p { padding:3px 0; } .product_body img { max-width:780px;} /* 产品页图集展示 */ .picFocus{ margin:0 auto; width:680px; padding:5px; position:relative; overflow:hidden; zoom:1; } .picFocus .hd{ width:100%; padding-top:5px; overflow:hidden; } .picFocus .hd ul{ margin-right:-5px; overflow:hidden; zoom:1; } .picFocus .hd ul li{ padding-top:5px; float:left; text-align:center; width:113px; height:81px; } .picFocus .hd ul li img{ max-width:109px; max-height:77px; border:2px solid #ddd; cursor:pointer; margin-right:5px; } .picFocus .hd ul li.on{ background:url("../images/icoUp.gif") no-repeat center 0; } .picFocus .hd ul li.on img{ border-color:#f60; } .picFocus .bd { height:500px; background:#fff;} .picFocus .bd li{ vertical-align:middle; text-align:center; height:450px; overflow:hidden;} .picFocus .bd li table{ } .picFocus .bd li td{width:680px; height:450px;vertical-align:middle; } .picFocus .bd li img {max-width:680px; max-height:450px; _width:680px; _height:450px; display:block; margin:0 auto;} /*----------分页----------*/ .pagelink { text-align:center; margin-top:20px;} .pagelink a, .pagelink span{ padding:0 3px;} .pagelink a.on, .pagelink a:hover{ color:#F9003B;} /*----------内页 文章----------*/ .article { padding:10px 30px 30px 30px;} /*文章标题*/ .article_tit { font-size:16px; color:#444444; font-weight:bold; line-height:20px;text-align:center; padding:5px 0;} /*文章信息*/ .article_msg { font-size:12px; padding:10px 0; text-align:center;} .article_msg span { padding:0 5px;} /*文章内容*/ .article_body { font-size:14px; color:#5a5a5a; line-height:22px; margin-top:20px;} .article_body p {padding:10px 0; } /*文章底部*/ .article_share { } /*上下文雷竞技APP官方入口*/ .article_nav { height:30px; line-height:30px; border-top:1px dotted #5F5F5F; padding-top:15px; margin-top:15px; } .article_nav li { -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .article_nav .pre { float:left; width:45%;} .article_nav .next { float:right; width:45%; text-align:right;} /*-------------------壹级-------------------*/ .class { } /*----------贰级----------*/ .class { } /*叁级*/ .class { } /*----------发展历史----------*/ .a-partth { height: 500px; position: relative; background:#F7F7F7; } .a-partth .box { width: 1000px; margin: 20px auto 0; zoom: 1; } .a-partth .img { width: 363px; height: 281px; float: left; display: inline; overflow: hidden; position: relative; } .a-partth .img li { width: 363px; height: 281px; float:left;} .a-partth .img li img { display:block; width:100%; height:100%;} .a-partth .img .year { position:absolute; left: 0; top: 27px; width: 64px; height: 30px; background:#E60012; font-size: 18px; line-height: 30px; color: #fff; text-align: center; } .a-partth .img .shadow { position:absolute; right: 0; top: 0; width: 21px; height: 281px; background: url(../images/bg_shadow03.png) no-repeat; } .a-partth .tips { width:569px; height: 265px; padding: 16px 28px 0 40px; background: #fff; float:right; display: inline; overflow: hidden; position: relative; } .a-partth .tips p.t { font: 15px/56px Arial; color: #0c4da2; } .a-partth .tips .list { width: 540px; height: 120px; line-height: 24px; color: #8e8a8a; position:relative; overflow:hidden; } .a-partth .list .int { left: 0; top: 0; width: 540px; position:absolute; } .a-partth .tips .bar { right: 1px; top: 0; width: 1px; height: 96px; background: #99ccf8; } .a-partth .tips .btn { left: -1px; top: 0; width: 3px; height: 20px; background: #0464b8; cursor: pointer; } .a-partth .tips .btn-box { margin-top: 20px; border-top: 1px solid #e8e8e8; padding-top: 40px; position:relative; } .a-partth .tips .btns { top: 20px; width: 27px; height: 27px; margin-left: 3px; cursor: pointer; position:absolute; } .a-partth .tips .prev { right: 30px; background: url(../images/scroll_left.png) no-repeat; } .a-partth .tips .next { right: 0; background: url(../images/scroll_right.png) no-repeat; } .a-partth .tab { height: 63px; background: url(../images/history_line.png) no-repeat center 0; min-width:1000px; } .a-partth .tab .in { width: 1000px; margin:0 auto; } .a-partth .tab .inovh { width: 1000px; height: 63px; position:relative; overflow:hidden; } .a-partth .tab .inovh ul { float:left; } .a-partth .tab li { float:left; height: 46px; padding-top: 17px; width: 100px; font: 14px/46px Arial; color: #dfdfdf; text-align: center; cursor: pointer; } .a-partth .tab li.cur { font-size: 18px; color: #ff9600; } /*----------子公司----------*/ .list_company_wrap { width: 100%;height: 350px;background: #f2f2f2; padding-top:50px; } .list_company { width:1000px; margin:0 auto;} .stit { min-width:1000px; height: 37px; padding-top:20px; background:#F7F7F7;} .stit span{ background:#FF0000; color: #fff;font-size: 16px; line-height: 37px; float:left; padding:0 20px;} .list_company li { width:332px; height:300px; overflow:hidden; background: url("../images/slid.png") no-repeat right -33px; float:left; } .list_company li img { margin: 0px auto; display: block; width:260px; height:182px; } .list_company li p { line-height: 48px; text-align: center; width:100%; color:#000; font-size:18px; } .list_company li span { width:244px; margin: 0px auto; display: block; line-height: 22px; height:66px; overflow:hidden; color:#666; font-size: 14px; text-align: center; padding-top:18px; } .list_company li a { width:91px; height:26px; background: url("../images/red_69.png") no-repeat; display: block; text-align: center; line-height: 26px; color:#fff; margin: 0px auto; margin-top:15px;} .list_company .first { background: none; } .cnt_body { font-size:12px; line-height:26px;padding:15px;} .cnt_body p { padding:5px 0; } .list_company .bx-wrapper { position: relative; *zoom: 1; margin:0 auto; } /*左右控制按钮 相对bx-wrapper定位*/ .list_company .bx-wrapper .bx-prev { left:-50px; background:url(../images/scroll_left3.png) no-repeat 0 0; } .list_company .bx-wrapper .bx-next { right:-50px; background:url(../images/scroll_right3.png) no-repeat 0 0; } .list_company .bx-wrapper .bx-controls-direction a { position:absolute; top:100px; outline:0; width:28px; height:53px; text-indent:-9999px; z-index:9999; }