html, body, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { padding: 0; margin: 0;} h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, em, strong, table, th, td {font-size: 100%; font-style: normal; font-weight: normal;} td, input, button, select, body, article, section, header, p, menu{font: 12px/1.5 "Microsoft YaHei","lucida Grande",Verdana;} strong {font-weight: bold;} i{font-style: italic;} ul, li, ol {list-style: none;} fieldset, img {border: none;} table {border-collapse: collapse; border-spacing: 0; table-layout: fixed;} body {background-color: #f2f2f2; color: #333;} input, select, textarea{font-family: "Microsoft YaHei","lucida Grande",Verdana;} input, select {vertical-align: middle;} textarea{vertical-align: top;} input:focus {outline:0;} a {outline: none;cursor: pointer;color: #666;hide-focus:expression(this.hideFocus=true);} a:link, a:visited, a:active {text-decoration: none;} a:hover {text-decoration: none;color: #000} .left{ float:left} .right{ float:right} /* ============清除浮动============ */ /*方法一*/ .clearfix:after{content: '.';clear: both;display: block;height: 0;visibility: hidden;line-height: 0;} .clearfix{*zoom: 1;clear:both; height:0; margin:0; padding:0;line-height:0;} /*方法二*/ .clearhidden{overflow: hidden;*zoom: 1;} /*方法三*/ .clearauto{overflow: auto;*zoom: 1;} /* ============文字样式============ */ /* 强制换行 */ .fn-bwd{word-break:break-all;word-wrap:break-word} /* 文字不换行 */ .fn-nobr{white-space:nowrap} .hide{ display:none} .shadow1{-moz-box-shadow:1px 1px 3px #ddd inset;-webkit-box-shadow:1px 1px 3px #ddd inset;box-shadow:1px 1px 3px #ddd inset;} .shadow2{-moz-box-shadow:1px 1px 3px #ddd;-webkit-box-shadow:1px 1px 3px #ddd inset;box-shadow:1px 1px 3px #ddd ;} .round1{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;} .f14{ font-size:14px;} .f16{ font-size:16px;} .f18{ font-size:18px;} .f24{ font-size:24px;} .fc1{ color:#163f82} .fc2{ color:#e82727} /* ============头部框架============ */ .header{height:80px;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);min-width:1000px;z-index:200;left:0px;top:0px;right:0px;position:fixed; background:url(../images/header_bg.png) top repeat-x #ffffff;_position:absolute} .head_mid{ width:1000px; height:80px; margin:0 auto; position:relative} .head_logo{position: absolute;left:0;top: 15px;} .log_mail{ position:absolute; top:25px; right:0; display:block; padding:0 15px; height:26px; line-height:24px; font-size:14px; color:#006699; background:#e1eff7; border:1px solid #9cc2d9; z-index:100;} a:hover.log_mail{color:#006699;} .head_menu{margin-left:250px;position:relative;} .head_menu li{ float:left; position:relative; display:block;text-shadow: 0 1px 0 #ffffff;line-height:75px;font-size: 14px;} .head_menu li a{display:block;color: #666666;padding: 0 15px; text-align:center} .head_menu li a:hover{ color:#e41e1e} .head_menu li .on{ border-bottom:5px solid #e41e1e;} .menu_pop{position: absolute;top:75px; left:50%; margin:0 0 0 -60px;z-index: 100;padding: 0px;width: 120px;background-color:#ffffff;border: 1px solid #dddddd;border-radius: 2px;} .menu_pop_arrow{position: absolute;width: 18px;height: 9px;overflow: hidden;font-size: 0px;z-index: 2;left:50%; margin:-9px 0 0 -9px;text-align: left;} .arrow_up{width: 0px;height: 0px;position: absolute;border-style: solid;border-width: 0 8px 8px 8px;border-color: white transparent white transparent;left: 1px;top: 1px;_border-color: white tomato;_filter: chroma(color=tomato);} .arrow_down{width: 0px;height: 0px;position: absolute;border-style: solid;border-width: 0 9px 9px 9px;border-color: #dddddd transparent #dddddd transparent;_border-color: #dddddd tomato;_filter: chroma(color=tomato);} .menu_pop_link a{display: block; line-height:30px;text-align: center;background-color: #ffffff;color: #666666;font-size: 12px;border-bottom: 1px solid #eeeeee;} .menu_pop_link a:hover{ background:#f5f5f5; color:#333333} .header .note{display:inline-block;*display:inline;*zoom:1;width:25px;height:14px;background:url(../images/icons.png) no-repeat -4px -130px;line-height:80px;font-size:15px;color:#333;cursor:pointer;position:relative;left:15px;} .header .note-con{position:absolute;z-index:999;width:300px;top:30px;background:#fff5df;border:1px solid #f1bb45;line-height:1;font-size:12px;padding:10px;left:-150px;cursor:default} .header .note-con{position:absolute;z-index:1000;width:300px;top:30px;background:#fff5df;border:1px solid #f1bb45;line-height:1;font-size:12px;padding:10px;left:-150px;cursor:default} .header .note-con a{padding-left:10px;color:#007df1} .header .note-con .close-btn{display:block;width:12px;height:15px;color:#bbb;position:absolute;right:10px;top:10px;cursor:pointer} /* ============焦点图============ */ .banner{width: 100%;height:340px;min-width:1000px;position: relative; background:#ccc; padding-top:80px;} .banner_log{ position:absolute; top:100px; left:50%; margin:0 0 0 -500px; display:block; padding:0 25px; height:35px; line-height:35px; font-size:14px; color:#ffffff; background:#333333; z-index:100;filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;} a:hover.banner_log{ background:#222222;filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9;} .banner_img{ display:block; width:100%; height:340px;} .slideshow { clear: both; height:340px; overflow:hidden } .slideshow li { position: relative; overflow: hidden; } .slidebar { position: absolute; bottom:20px; left:50%; width:500px; margin:0 0 0 -250px; text-align:center } .slidebar li { display:inline-block; margin-right: 5px; width:15px; height:15px; line-height: 20px;-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; text-align: center; font-size: 10px; cursor: pointer; background:#333; color: #FFF; overflow: hidden; text-indent:-9999px;} .slidebar li.on { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background:#ff7700; color: #fff; } /* ============betway必威官网手机版app-产品优势============ */ .feature{ background:#23364c; height:180px; width:100%; min-width:1000px;} .feature_li{ display:block; width:1000px; margin:0 auto; height:180px; background:url(../images/feature_img.png) center top no-repeat;} .feature_li li{ float:left; padding:110px 0 0 0; height:70px; width:166px; text-align:center; line-height:1.5;} .feature_li li p{ margin:5px 0 0 0; color:#aaaaaa;} .feature_li li .title{ font-size:18px; color:#ffffff;} /* ============betway必威官网手机版app-内容============ */ .main{ width:1000px; margin:0 auto; position:relative} .price_box{ height:70px; position:relative; margin:30px 0 0 0; border:1px solid #dddddd; border-left:5px solid #d72626; background:#ffffff;} .price_txt{ float:left; width:280px; height:70px; margin:0 0 0 10px; background:url(../images/index_img.jpg) 0 0 no-repeat;position:relative} .price_ipt{ float:left; margin:15px 0 0 20px; height:38px; width:370px;position:relative} .price_ipt .ipt_txt{ width:250px;height:36px; background:#f5f5f5; border:#dddddd 1px solid; float:left; position:relative; vertical-align:middle;} .price_ipt .ipt_txt input{ height:20px; line-height:20px; font-size:14px; position:absolute; top:8px; left:10px; border:none; background: transparent!important;} .price_btn{ float:left; height:38px; line-height:38px; width:110px; text-align:center; font-size:16px;background:url(../images/index_btn.png) repeat-x #a80404; display:block; color:#FFF} a:hover.price_btn{background:url(../images/index_btn.png) 0 -48px repeat-x #db2929;color:#FFF} .arrow1{ float:left; margin:0 0 0 10px;width: 20px;height: 70px;overflow: hidden;font-size: 0px; position:relative} .arrow1_up{width: 0px;height: 0px;position: absolute;border-style: solid;border-width: 34px 0px 34px 19px;border-color: transparent transparent transparent white;right: 1px;top: 1px;_border-color: white tomato;_filter: chroma(color=tomato);z-index: 10;} .arrow1_down{width: 0px;height: 0px;position: absolute;border-style: solid;border-width: 35px 0px 35px 20px;border-color: transparent transparent transparent #dddddd;_border-color: #dddddd tomato;_filter: chroma(color=tomato);} .other_btn{float:left; margin:15px 0 0 20px; height:38px;position:relative} .other_btn a{height:36px; line-height:36px; width:100px; text-align:center; font-size:16px;background:url(../images/index_btn.png) 0 -96px repeat-x #e1e1e1; display:block; color:#888; float:left; margin-right:25px; border:1px solid #cfcfcf;} .other_btn a:hover{background:url(../images/index_btn.png) 0 -144px repeat-x #eeeeee;color:#333;border:1px solid #dddddd;} .index_main{height:250px; position:relative; margin:20px 0 0 0; } .phone_box{ float:left; width:320px; margin:0 20px 0 0;} .qa_box{ float:left; width:320px; margin:0 20px 0 0;} .news_box{ float:left; width:320px;} .index_main .title{ height:40px; padding:0 10px;} .index_main .title h1{ line-height:40px; font-size:18px;} .index_main .title .more{ float:right; padding:15px 0 0 0; line-height:20px;} .more a{ color:#2761ba} .more a:hover{ color:#2c76e7; text-decoration:underline} .index_main .detail{ height:193px; border:1px solid #dddddd; padding:15px 20px 0 20px;} .index_main .bg1{background:url(../images/index_img.jpg) 0 -90px no-repeat #ffffff;} .index_main .bg2{background:url(../images/index_img.jpg) -340px -90px no-repeat #ffffff;} .index_main .bg3{background:url(../images/index_img.jpg) -680px -90px no-repeat #ffffff;} .phone_box p{ font-size:14px; margin:0; padding:0; line-height:24px;} .index_main .detail li{ line-height:30px; width:270px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .index_main .detail li a{ color:#666} .index_main .detail li a:hover{ color:#000} .index_main .detail li strong{ padding:0 10px 0 0;} .case_box{height:40px; position:relative; padding:15px 0; margin:30px 0 0 0;border:1px solid #dddddd; background:#ffffff;} .case_img{float:left; width:850px; height:40px;background:url(../images/case_img.png) no-repeat;} .partner_box{height:40px; position:relative; padding:15px 0; border-bottom:1px solid #dddddd} .friendly_box{height:40px; position:relative; padding:15px 0; border-top:1px solid #ffffff} .box_txt{ padding:0 0 0 20px; width:120px; float:left; line-height:40px; font-size:18px; color:#3c4d69;} .box_link{ line-height:40px;} .box_link a{ display:inline-block; margin:0 20px; color:#666} .box_link a:hover{ color:#000} /* ============内页============ */ .page{background:#ffffff} .nav_img{width: 100%;height:150px;min-width:1000px;position: relative; background:#ccc; padding-top:80px;} .img_pro{width: 100%;height:150px;min-width:1000px;background:url(../images/nav_img1.jpg) center top no-repeat #75bcff;} .pro_site{ padding:5px 0; height:30px; line-height:30px;} .pro_site i{ padding:0 10px;font-family: "\5b8b\4f53";} .news_text{ font-size:14px; line-height:30px;} .news_text p{ text-indent:2em; padding:0 0 20px 0;} .news_text p.ta_c{ text-indent:0} .news_text img{ max-width:900px;} .pro_con_all{position: relative;top: 0;background: #fff;width:1000px;right:790px; min-height:680px} .con_all{position: relative;padding:0 0 10px 0; width:1000px; left:790px;} .pro_con{position: relative;top: 0;background: #f2f2f2;width:1000px;right:790px; min-height:680px; border-right:1px solid #dddddd} .con_left{width:210px;position: absolute;right: 0;top: 25px;} .con_right{position: relative;padding:30px 0 30px 40px; width:730px; left:1000px;} .page_left_nav{ display:block; margin:0 -1px 0 0; position:relative;} .page_left_nav li{ padding:5px 0;} .page_left_nav li a{ height:45px; line-height:45px; display:block; background:#f5f5f5; border:#dddddd 1px solid; padding:0 0 0 30px; font-size:16px; color:#666} .page_left_nav li a:hover{ color:#df3e13} .page_left_nav li a.on{background:#ffffff; border-right:1px solid #ffffff;color:#df3e13} .left_phone{ padding:20px 0 0 0; width:200px;} .left_phone .title{ height:40px; line-height:40px;padding:0 10px; font-size:16px; border-bottom:1px dashed #dddddd} .left_phone .txt{ font-size:12px; padding:10px; line-height:24px;} .page_right_nav{ border-bottom:1px solid #dddddd;} .page_tab{display:block; background:#FFF; position:relative; zoom:1; height:36px;} .page_tab li{ float:left;} .page_tab li a{ display:block; padding:0 20px; height:35px; line-height:35px; text-align:center; font-size:14px; position:relative; margin:0 -1px -1px 0; background:#f2f2f2; color:#666; border:1px solid #dddddd} .page_tab li a:hover{background:#ffffff; color:#000;} .page_tab li a.on{ height:34px; line-height:34px;border-bottom:1px solid #ffffff;border-top:2px solid #e41e1e;background:#ffffff;color:#000;} .page_con{ padding:20px 5px;} .page_con p{ margin:0; padding:0 0 10px 0; line-height:2} .time_con {position: relative; margin:20px 0 10px 0; padding:20px 0 0 0; overflow:hidden} .time_line{ position:absolute; top:0; left:74px; width:2px; background:#a7c1e9; height:9999px;} .time_poster{position: relative; padding:0 0 30px 100px; line-height:1.8;} .time_month{ position:absolute; width:57px; height:20px; line-height:20px; font-size:12px; padding:0 5px 0 0; text-align:center; top:0; left:0px;background:url(../images/time_bg.gif) 0 0 no-repeat; color:#fff} .time_arrow{ position:absolute; width:11px; height:11px;background:url(../images/time_bg.gif) -72px 0 no-repeat;top:5px; left:70px;} .pro_intro_case{ position:relative; display:block; zoom:1; padding:20px 0 0 0;} .pro_intro_case li{ width:160px; padding:0 8px 20px 8px; float:left; text-align:center} .pro_intro_case li .pro_case_img{ padding:10px 0; border:1px solid #dddddd;} .pro_intro_case li img{ width:154px; height:97px;} .pro_intro_case li .pro_case_txt{ height:30px; line-height:30px; padding:5px 0 0 0;} .pro_intro_case{ position:relative; display:block; zoom:1; padding:20px 0 0 0;} .pro_intro_prize{ position:relative; display:block; zoom:1; padding:20px 0 0 0;} .pro_intro_prize li{ width:210px; padding:0 12px 20px 12px; float:left; text-align:center} .pro_intro_prize li .pro_prize_img{ padding:10px 0; border:1px solid #dddddd;} .pro_intro_prize li img{ width:204px; height:187px;} .pro_intro_prize li .pro_prize_txt{ height:40px; line-height:20px; padding:5px 0 0 0;} .pro_intro_news{ display:block; padding:5px 0 0 0;} .pro_intro_news li{ height:40px; line-height:40px; padding:0 10px; border-bottom:1px dashed #dddddd} .pro_intro_news li .date{ float:right; color:#999;} .pro_intro_news li strong{ padding:0 5px 0 0;} .con_title{ line-height:24px; font-size:18px; padding:0 0 10px 10px; border-bottom:1px solid #dddddd} .con_title1{ line-height:24px; font-size:18px; padding:10px 0 10px 10px; } .advantage{ padding:20px 0;} .advantage ul{ background:#f1f1f1; zoom:1; border-bottom:1px solid #dddddd;height:130px; padding:0 0 0 5px} .advantage li{ position:relative; float:left; margin-top:1px} .advantage li a{ display:block; width:120px; height:130px; overflow:hidden} .advantage li a:hover{color:#177cd9} .advantage li .ico{ display:block; height:70px; margin:15px 0 10px 0;} .advantage li .ico1{background:url(../images/adv_ico.jpg) 0 0 no-repeat;} .advantage li .ico2{background:url(../images/adv_ico.jpg) -120px 0 no-repeat;} .advantage li .ico3{background:url(../images/adv_ico.jpg) -240px 0 no-repeat;} .advantage li .ico4{background:url(../images/adv_ico.jpg) -360px 0 no-repeat;} .advantage li .ico5{background:url(../images/adv_ico.jpg) -480px 0 no-repeat;} .advantage li .ico6{background:url(../images/adv_ico.jpg) -600px 0 no-repeat;} .advantage li p{ text-align:center; font-size:14px; line-height:20px; padding:0; margin:0} .advantage li .on{background:url(../images/adv_arrow.png) center bottom no-repeat; color:#177cd9} .adv_con{ padding:50px 0 0 0;} .adv_img{ width:360px; float:left;} .adv_con .img2{height:280px;background:url(../images/adv_img2.jpg) center top no-repeat;} .adv_con .img3{height:280px;background:url(../images/adv_img3.jpg) center top no-repeat;} .adv_con .img4{height:280px;background:url(../images/adv_img4.jpg) center top no-repeat;} .adv_con .img5{height:280px;background:url(../images/adv_img5.jpg) center top no-repeat;} .adv_con .img6{height:280px;background:url(../images/adv_img6.jpg) center top no-repeat;} .adv_img1{ height:280px;background:url(../images/adv_img1.jpg) center top no-repeat;} .adv_txt{ width:330px; float:left; padding:5px 25px 0 15px;} .adv_txt h1{ font-size:24px; line-height:1.5; padding:0 0 15px 0;} .adv_txt p{ line-height:1.8; padding:0 0 5px 0; color:#666666} .adv_txt strong{ font-size:16px; padding:0 5px 0 0} .pro_show_user{ display:block; float:left; position:relative; margin:20px 10px 0 10px; width:340px; height:50px; line-height:50px; font-size:18px; text-align:center; color:#999; padding:240px 0 0 0; background:url(../images/show_user.jpg) center top no-repeat;} .pro_show_admin{ display:block; float:left; position:relative; margin:20px 10px 0 10px; width:340px; height:50px; line-height:50px; font-size:18px; text-align:center; color:#999; padding:240px 0 0 0; background:url(../images/show_admin.jpg) center top no-repeat;} .pro_show_flash{ width:1000px; margin:0px auto} .function_img{ padding:10px 0;} .function_img .img1{height:360px;background:url(../images/function_img1.jpg) center top no-repeat;} .function_img .img2{height:360px;background:url(../images/function_img2.jpg) center top no-repeat;} .function_img .img3{height:360px;background:url(../images/function_img3.jpg) center top no-repeat;} .function_img .img4{height:360px;background:url(../images/function_img4.jpg) center top no-repeat;} .function_img .img5{height:360px;background:url(../images/function_img5.jpg) center top no-repeat;} .function_img .img6{height:360px;background:url(../images/function_img6.jpg) center top no-repeat;} .function_img .img7{height:360px;background:url(../images/function_img7.jpg) center top no-repeat;} .function_img .img8{height:360px;background:url(../images/function_img8.jpg) center top no-repeat;} .fun_img_li{ zoom:1} .fun_img_li li{ float:left; padding:5px;} .fun_img_li li a{ display:block; width:168px; height:40px; line-height:40px; background:#ffffff; border:#dddddd 1px solid; text-align: center; font-size:16px} .fun_img_li li .on{background:#f23030; border:#f23030 1px solid; color:#ffffff} .fun_basic_li{ zoom:1; padding:10px 0} .fun_basic_li li{float: left;width:358px;height: 60px;border: 1px solid #dddddd;margin-right: -1px;margin-bottom: -1px;} .fun_basic_li li .title{ float:left; padding:15px 0 0 15px; line-height:30px; font-size:16px} .fun_basic_li li .text{ float:right; padding:20px 15px 0 0; line-height:20px; color:#999} .fun_basic_li li .ico{padding: 1px 5px;display: inline-block;margin-left: 5px;background: #f23030;font-size: 12px;color: #fff;} .pro_th{ padding:10px 0 30px 0;} .t1{ border-top:1px solid #dddddd;border-left:1px solid #dddddd; background:#FFF; table-layout: fixed;} .t1 td{ border-bottom:1px solid #dddddd;border-right:1px solid #dddddd; line-height:25px; padding:8px 10px;word-break: break-all; word-wrap:break-word; vertical-align:middle} .t1 .t_bg{ background:#f1f1f1} .cloud_text dl{ padding:15px 10px 0 10px;} .cloud_text dl dt{ padding:0px; margin:0px; font-weight:bold; font-size:14px} .cloud_text dl dd{ margin:0px; padding:10px 0 0 0; } .cloud_text dl dd p{ margin:0px; padding:0px; line-height:2; color:#666} .cloud_case_li{ padding:10px 0; zoom:1} .cloud_case_li li{ padding:10px 0;} .cloud_case_li li img{ width:180px} .cloud_case_li li p{ padding:30px 0 0 210px; margin:0; line-height:2} .cloud_qa{ padding:0 10px;} .cloud_qa dt{ line-height:50px; height:50px; display:block; overflow:hidden; cursor:pointer; font-size:14px; border-bottom:1px dashed #dddddd } .cloud_qa dd{ display:none; padding:15px 0 10px 0} .cloud_qa dd p{ margin:0; padding:0 0 10px 0; line-height:1.8; text-indent:25px; color:#666666} .cloud_qa .on dd{ display:block} .cloud_hd_box{ height:220px; margin:10px 0 0 0; border-bottom:1px dashed #dddddd; position:relative} .hd_bg1{background:url(../images/cloud_hd_img.jpg) 0 0 no-repeat;} .hd_bg2{background:url(../images/cloud_hd_img.jpg) 0 -220px no-repeat;} .hd_bg3{background:url(../images/cloud_hd_img.jpg) 0 -440px no-repeat;} .hd_bg4{background:url(../images/cloud_hd_img.jpg) 0 -660px no-repeat;} .hd_bg5{background:url(../images/cloud_hd_img.jpg) 0 -880px no-repeat;} .hd_bg6{background:url(../images/cloud_hd_img.jpg) 0 -1100px no-repeat;} .hd_text1{ position:absolute; top:20px; left:390px; width:310px; height:180px;} .hd_text2{position:absolute; top:20px; left:30px; width:310px; height:180px;} .cloud_hd_box h1{ font-size:24px; line-height:1.66; padding:0 0 10px 0} .cloud_hd_box p{ line-height:2; color:#666666; padding:0; margin:0;} .imo_th_top{ line-height:24px; background:#f1f1f1; border-bottom:1px solid #d4d4d4; padding:10px 0; font-size:16px} .imo_fc1{ color:#419040} .imo_fc2{ color:#4e7292} .imo_fc3{ color:#8f6abd} .imo_th{border-bottom:2px solid #d4d4d4; padding:5px 0} .imo_th_title{border-bottom:1px dashed #dddddd; font-size:16px; line-height:40px; padding:0 5px;} .imo_th td{ padding:5px; line-height:24px; } .imo_care1{ width:15px; height:12px; display:inline-block; background:url(../images/imo_ico.gif) 0 0 no-repeat} .imo_care2{ width:15px; height:12px; display:inline-block; background:url(../images/imo_ico.gif) -35px 0 no-repeat} .imo_care3{ width:15px; height:12px; display:inline-block; background:url(../images/imo_ico.gif) -70px 0 no-repeat} .imo_img1{ height:1400px; background:url(../images/imo_img1.jpg) center top no-repeat} .imo_img2{ height:1080px; background:url(../images/imo_img2.jpg) center top no-repeat} .imo_img3{ height:900px; background:url(../images/imo_img3.jpg) center top no-repeat} .imo_down{ float:left; position:relative;width:220px; height:270px; margin:15px 8px; background:#ffffff; border:1px solid #dddddd} .imo_down .title{ height:40px; line-height:40px; padding:20px 0 0 0; font-size:24px; text-align:center} .imo_down .text{ text-align:center; line-height:2; padding:15px 0 10px 0; margin:0; color:#666666} .imo_down .down_btn1{ display:block; width:160px; height:45px; margin:0 auto; background:url(../images/imo_btn.png) 0 0 no-repeat;} .imo_down a:hover.down_btn1{background:url(../images/imo_btn.png) 0 -55px no-repeat;} .imo_down .down_btn2{ display:block; width:160px; height:45px; margin:0 auto; background:url(../images/imo_btn.png) -170px 0 no-repeat;} .imo_down a:hover.down_btn2{background:url(../images/imo_btn.png) -170px -55px no-repeat;} .imo_down .down_btn3{ display:block; width:160px; height:45px; margin:0 auto; background:url(../images/imo_btn.png) -340px 0 no-repeat;} .imo_down a:hover.down_btn3{background:url(../images/imo_btn.png) -340px -55px no-repeat;} .imo_down a,.imo_down a:hover{ text-decoration:underline} .imo_case{ zoom:1} .imo_case li{ float:left; padding:15px 10px;} .imo_case li a{ display:block; width:220px; height:196px; cursor:default} .imo_case li .imo_case_img1{background:url(../images/imo_case.jpg) 0 0 no-repeat;} .imo_case li a:hover.imo_case_img1{background:url(../images/imo_case.jpg) 0 -412px no-repeat;} .imo_case li .imo_case_img2{background:url(../images/imo_case.jpg) -230px 0 no-repeat;} .imo_case li a:hover.imo_case_img2{background:url(../images/imo_case.jpg) -230px -412px no-repeat;} .imo_case li .imo_case_img3{background:url(../images/imo_case.jpg) -460px 0 no-repeat;} .imo_case li a:hover.imo_case_img3{background:url(../images/imo_case.jpg) -460px -412px no-repeat;} .imo_case li .imo_case_img4{background:url(../images/imo_case.jpg) 0 -206px no-repeat;} .imo_case li a:hover.imo_case_img4{background:url(../images/imo_case.jpg) 0 -618px no-repeat;} .imo_case li .imo_case_img5{background:url(../images/imo_case.jpg) -230px -206px no-repeat;} .imo_case li a:hover.imo_case_img5{background:url(../images/imo_case.jpg) -230px -618px no-repeat;} .imo_case li .imo_case_img6{background:url(../images/imo_case.jpg) -460px -206px no-repeat;} .imo_case li a:hover.imo_case_img6{background:url(../images/imo_case.jpg) -460px -618px no-repeat;} .price_th{ padding:10px 0 0 0} .price_add_box{ width:320px; padding:20px; float:left} .price_add_box .title{ line-height:60px; height:60px; padding:0 0 20px 150px; position:relative; font-size:24px} .price_add_box .ico{ position:absolute; top:0px; left:60px; width:60px; height:60px; display:block;} .price_add_box .ico1{ background:url(../images/price_ico.png) 0 0 no-repeat} .price_add_box .ico2{ background:url(../images/price_ico.png) -70px 0 no-repeat} .flow_img{ margin-top:50px; height:240px;background:url(../images/flow_img.png) center top no-repeat} .pay_box{ height:110px; border:1px solid #dddddd; margin:10px 0 30px 0;} .pay_left{ float:left; height:60px; line-height:60px; padding:25px 50px 25px 30px; width:140px; background:url(../images/pay_arrow.png) right no-repeat #db1b1b; color:#ffffff; font-size:24px} .pay_text{ padding:10px 0 0 260px; font-size:14px; line-height:2;} .setting_li{ zoom:1; padding:0 0 20px 0; display:block} .setting_li li{ float:left} .setting_li li a{ display:block; position:relative; margin:0 15px 0 0; padding:0 15px; line-height:25px; color:#999999; background:#eeeeee;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;} .setting_li li .on{color:#ffffff; background:#7b8fa3} .service_question{ border-bottom:#dddddd 1px dashed; padding:10px 0 0 0} .service_ico1{ float:left; width:22px; height:22px; text-align:center; margin:2px 0 0 10px; position:relative; display:block; line-height:22px; color:#ffffff; background:#f46432} .service_text{ padding:0 0 10px 45px; line-height:2; } .service_answer{padding:10px 0 20px 0} .service_ico2{ float:left; width:22px; height:22px; text-align:center; margin:2px 0 0 10px; position:relative; display:block; line-height:22px; color:#ffffff; background:#666} .service_list{ padding:10px 0;} .service_list .title{ padding:0 10px 10px 10px; height:30px; border-bottom:1px dashed #dddddd; } .service_list .title h1{ float:left; display:block; font-size:18px; line-height:30px;font-weight:bold} .service_list .title span{ float:right; line-height:20px; padding:10px 0 0 0; color:#999999} .service_list .text{ padding:10px; line-height:2; color:#666666} p.text_title{ padding:20px 0 10px 0; text-align:center; line-height:2;} .book_box{ display:block; padding:20px 0 30px 0;} .book_box li{ float:left; width:270px; height:240px; position:relative; margin:0 45px 0 45px;} .book_box .bg1{ background:url(../images/book_bg.jpg) 0 0 no-repeat} .book_box .bg2{ background:url(../images/book_bg.jpg) -290px 0 no-repeat} .book_box .bg1 a{ position:absolute; display:block; top:160px; left:35px; width:200px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#ffffff; background:#65ba5a} .book_box .bg2 a{ position:absolute; display:block; top:160px; left:35px; width:200px; height:40px; line-height:40px; text-align:center; font-size:16px; color:#ffffff; background:#3a8ebf} .mobile{ height:420px; background:url(../images/down_iphone.png) center bottom no-repeat; position:relative; border-bottom:1px solid #dddddd} .mobile_down{ display:block; position:absolute; top:209px; left:420px; width:120px; height:50px; line-height:50px; background:url(../images/down_ico.png) 0 -206px no-repeat #33a2e5; padding:0 0 0 60px; font-size:24px; color:#FFF} a:hover.mobile_down{background:url(../images/down_ico.png) 0 -266px no-repeat #168dd4;color:#FFF} .mobile_ico{ padding:30px 0; zoom:1} .mobile_ico li{ float:left; width:320px; padding:20px; height:100px; display:block} .mobile_ico .ico{ float:left;width:93px; height:93px;} .mobile_ico .ico1{background:url(../images/down_ico.png) 0 0 no-repeat;} .mobile_ico .ico2{background:url(../images/down_ico.png) -103px 0 no-repeat;} .mobile_ico .ico3{background:url(../images/down_ico.png) 0 -103px no-repeat;} .mobile_ico .ico4{background:url(../images/down_ico.png) -103px -103px no-repeat;} .mobile_ico .text{ padding:0 0 0 110px;} .mobile_ico .text h1{ font-size:18px; line-height:1.66; padding:5px 0;} .mobile_ico .text p{ padding:0; margin:0; line-height:2; color:#999} .join_log{ width:200px;} .join_log .title{ font-size:18px; line-height:1.66; padding:0 0 10px 10px; margin-bottom:10px; border-bottom:1px solid #dddddd} .join_log_box{ padding:10px 10px 0 10px;} .join_ipt{ height:20px; line-height:20px; padding:5px; background:#ffffff; border:1px solid #dddddd;} .join_btn1{height:35px; line-height:35px; width:80px; text-align:center; font-size:14px;background:url(../images/index_btn.png) repeat-x #a80404; display:block; color:#FFF} a:hover.join_btn1{background:url(../images/index_btn.png) 0 -48px repeat-x #db2929;color:#FFF} .join_btn2{height:33px; line-height:33px; width:80px; border:#dddddd 1px solid; text-align:center; font-size:14px;background:url(../images/index_btn.png) 0 -96px repeat-x #e1e1e1; display:block; color:#888} a:hover.join_btn2{background:url(../images/index_btn.png) 0 -144px repeat-x #eeeeee;color:#333} p.join_text{ padding:10px 0 20px 0; text-align:center; font-size:24px} .join_img{ height:450px; background:url(../images/join_img2.png) center top no-repeat; position: relative} .join_img .btn1{ position:absolute; top:360px; left:150px; display:block; width:180px; height:50px; line-height:50px; text-align:center; background:#4c87d9; color:#FFF; font-size:18px} .join_img a:hover.btn1{ background:#3272ca; color:#FFF;} .join_img .btn2{ position:absolute; top:360px; left:380px; display:block; width:180px; height:50px; line-height:50px; text-align:center; background:#4c87d9; color:#FFF; font-size:18px} .join_img a:hover.btn2{ background:#3272ca; color:#FFF;} .join_map{ height:500px; background:url(../images/join_img1.png) center top no-repeat; } .join_search{ height:45px; padding:10px 10px 20px 10px;} .join_search .ipt_txt{ width:567px;height:43px; background:#ffffff; border:#dddddd 1px solid; border-right:none; float:left; position:relative; vertical-align:middle;} .join_search .ipt_txt input{ height:20px; line-height:20px; font-size:14px; position:absolute; top:12px; left:10px; border:none; background: transparent!important;} .join_search_btn{ float:left; height:45px; line-height:45px; width:130px; text-align:center; font-size:18px;background:#ec5d17; display:block; color:#FFF} a:hover.join_search_btn{background:#f36a26;color:#FFF} .search_result{ padding:10px; font-size:14px; line-height:2} /* ============右浮动============ */ .gotop{ position: fixed; _position:absolute; right:5px; bottom:145px; width:40px; height:40px; background:url(../images/float.gif) 0 0 #e6e6e6;} a:hover.gotop{ background:url(../images/float.gif) -50px 0 #dddddd;} .olt{ position: fixed; _position:absolute; right:5px; bottom:100px; width:40px; height:40px; background:url(../images/float.gif) 0 -50px no-repeat #f47232;} a:hover.olt{ background:url(../images/float.gif) -50px -50px #ff8041;} .olt_con{ position: fixed; _position:absolute;right:55px; bottom:100px; width:140px; background:#FFF; border:1px solid #dddddd;} .olt_con .olt_btn{ display:block; height:38px; line-height:38px; text-align:center; font-size:16px;background:url(../images/index_btn.png) 0 -144px repeat-x #e1e1e1; color:#888; border-bottom:1px solid #dddddd} .olt_con a:hover.olt_btn{ color:#333} .olt_con .olt_close{ position:absolute; right:0; top:0; margin:-26px -1px 0 0; width:25px; height:25px; background:url(../images/float.gif) 3px -98px no-repeat #eeeeee} .olt_con a:hover.olt_close{background:url(../images/float.gif) -27px -98px no-repeat #dddddd} /* ============底部============ */ .footer{ background:#505050; color:#FFF} .footer a{ color:#FFF} .foot_mid{ width:1000px; margin:0 auto; padding:20px 0;} .foot_left{ float:left; padding:0 0 0 10px;} .foot_right{ float:right; text-align:right; padding:0 10px 0 0; line-height:1.66}