/*@charset "gb2312";*/ /** * ---------------------------------------------------------------------------- * $hack :ie 6 _ \ ie7 *+ \ ie6,ie7 * \ ie7,firefox !important ie9, \9 */ /** +------------------------------------------------------------------------------ * 网站样式重写 +------------------------------------------------------------------------------ * @comefrom 互联网 * @subpackage RBAC +------------------------------------------------------------------------------ */ html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/} body{ color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif;} a{outline:none; text-decoration:none;} a:hover{ text-decoration:underline;} html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} body{ font-size:14px;} 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{margin:0;padding:0;} table{/*border-collapse:collapse;border-spacing:0;*/} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/} em,i{ font-style:normal;} @media screen and (max-width: 1430px) { .res_width{ width:60%; } } @media screen and (min-width: 1430px) { .res_width{ width:100%; } } .line-pay{position: relative;display: inline-block;} .pay-box{display: none; text-align: center; position: absolute; z-index: 99; top:36px; left: -40px; background: #fff; padding: 5px; border: 1px solid #eee;} .pay-box p{padding: 4px; color: #333; line-height: 20px;} .line-pay:hover .pay-box{display: block;} /** +------------------------------------------------------------------------------ * Public Class +------------------------------------------------------------------------------ * @subpackage RBAC +------------------------------------------------------------------------------ */ .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;}/* 清除浮动*/ .colwrapper { overflow:hidden; zoom:1 /*for ie*/; margin:5px auto; }/* 高度自适应 */ .strong{ font-weight: bold;} .left{ float: left;display: inline;} .right{ float: right;display: inline;} .center{ margin:0 auto; text-align:center;} .show{ display:block; visibility:visible;}.hide{ display: none; visibility:hidden;} .block{ display:block;} .inline{ display:inline;} .transparent{filter:alpha(opacity=50); -moz-opacity:0.5;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/ -khtml-opacity: 0.5; opacity: 0.5; } .break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/} .tal{ text-align:left} .tar{ text-align:right;} /*文字两侧对齐*/ .justify { text-align:justify; text-justify:distribute-all-lines;/*ie6-8*/ text-align-last:justify;/* ie9*/ -moz-text-align-last:justify;/*ff*/ -webkit-text-align-last:justify;/*chrome 20+*/ } .toe{ /*超出省略号*/ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } @media screen and (-webkit-min-device-pixel-ratio:0){/* chrome*/ .justify:after{ content:"."; display: inline-block; width:100%; overflow:hidden; height:0; } } /* 兼容IE6的定位属性fixed，固定不动样式 */ .fixed{ position:fixed; clip:rect(0 100% 100% 0); _position:absolute; /* 底部 */ top:0px; left:0px; _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight); /*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/ /* 左侧 */ /*left:0px;*/ /*_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);*/ /*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/ } /* 解决固定层在IE6下闪的问题 */ *html{ background-image:url(about:blank); background-attachment:fixed; } /*png图片ie6下透明滤镜实现写法*/ .pngimg{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/x.png');} /** +------------------------------------------------------------------------------ * FCK 兼容解决方案 +------------------------------------------------------------------------------ * @subpackage RBAC +------------------------------------------------------------------------------ */ em{ font-style:italic !important;} strike{ text-decoration:line-through !important;} strong{ font-weight:bold !important; text-indent:0;} u{ text-decoration:underline !important;} /** +------------------------------------------------------------------------------ * 表单样式 +------------------------------------------------------------------------------ * @subpackage RBAC +------------------------------------------------------------------------------ */ /** +------------------------------------------------------------------------------ * 网站整体颜色总汇 +------------------------------------------------------------------------------ * @codex 颜色:使用颜色的名称或者16进制代码,如 * @subpackage RBAC +------------------------------------------------------------------------------ */ .ff8600,ff86aa a{ color:#ff8600;} /** +------------------------------------------------------------------------------ * 网站整字体大小 +------------------------------------------------------------------------------ * @codex 字体大小,直接使用"font+字体大小"作为名称,如 * @package ORG * @subpackage RBAC +------------------------------------------------------------------------------ */ .font14px{ font-size:14px;} .font9pt{ font-size:9pt;} /*自定义字体*/ /* @font-face { font-family: danley; src: url('../font/danley.ttf'); } .danley { font-family: danley; } */ /*@font-face { font-family: Hiragino; src: url('../font/Hiragino.otf'); } */ /** +------------------------------------------------------------------------------ * 网站整布局命名规范 +------------------------------------------------------------------------------ * @codex id和class命名采用该版块的英文单词或组合命名 如:newRelease * @package ORG * @subpackage RBAC +------------------------------------------------------------------------------ */ /* css */ body,html{ background:#fff;color:#333333; font-size:14px; font-family:"webfont","微软雅黑"; } body{ overflow-x:hidden} a{ color:#333333; text-decoration:none; font-size:14px} a:hover{ color:#f0339e; text-decoration:none; } i,em{ font-style:normal !important} .weap{ width:1200px; margin:0 auto;} .w1100{width:1100px; margin:0 auto;} .mb-5{ margin-bottom:5px;} .mb-10{ margin-bottom:10px;} .mb-15{ margin-bottom:15px;} .mb-20{ margin-bottom:20px;} .mb-25{ margin-bottom:25px;} .mb-30{ margin-bottom:30px;} .mb-35{ margin-bottom:35px;} .mb-40{ margin-bottom:40px;} .mb-45{ margin-bottom:45px;} .mb-50{ margin-bottom:50px;} .mb-60{ margin-bottom:60px;} .mb-70{ margin-bottom:70px;} .mb-80{ margin-bottom:80px;} .mb-130{ margin-bottom:130px;} .mt-30{ margin-top:30px;} .mt-90{ margin-top:90px;} .pt-30{ padding-top:30px} .pt-35{ padding-top:35px} .pt-45{ padding-top:45px} .pt-50{ padding-top:50px; padding-bottom:30px;} .pt-55{ padding-top:55px} .pt-60{ padding-top:60px} .pt-65{ padding-top:65px} .pt-70{ padding-top:70px} .pt-75{ padding-top:75px} .pt-80{ padding-top:80px} .pt-85{ padding-top:85px} .pt-100{ padding-top:100px} .pt-120{ padding-top:120px} .pt-145{ padding-top:145px} .pt-195{ padding-top:195px} .pt-270{ padding-top:270px} .pt-280{ padding-top:280px} .fz16{ font-size:16px;} .fz18{ font-size:18px;} .fz20{ font-size:20px !important;} .fz22{ font-size:22px;} .fz24{ font-size:24px;} .fz26{ font-size:26px;} .fz30{ font-size:30px;} .fz32{ font-size:32px;} .fz36{ font-size:36px;} .fz40{ font-size:40px;} .lh22{ line-height:22px;} .lh24{ line-height:24px;} .lh26{ line-height:26px;} .lh28{ line-height:28px;} .lh32{ line-height:32px;} .lh36{ line-height:36px;} .lh40{ line-height:40px;} .lh42{ line-height:42px;} .lh56{ line-height:56px;} .crfff{ color:#fff;} .crlan{ color:#117feb} .cr999{ color:#999999} .cr666{ color:#999999} .crccc{ color:#ccc !important} .crcs{ color:#ffa200} .crls{ color:#41d278} .crzs{ color:#fe4493} .fwb{ font-weight:bold} .fw700{ font-weight:700} .tc{ text-align:center} .tc>span>a{font-size: 20px;color: white;} .ty{-webkit-box-shadow:0 0 30px #aaa;-moz-box-shadow:0 0 30px #aaa;box-shadow:0 0 30px #aaa;} /* 头部 */ .t-top{ background:#f2f2f2} .t-top .bd{height:36px; line-height:36px;} .t-top .bd a{color: #000;font-size: 16px;} .t-top .bd .right a{ margin-left:35px;} .t-top .bd a.on{ color:#16c589} .header{ height:78px; margin: 0 auto;} .header .logo{ margin-right:30px;margin-left: -70px;} .header .menu li{ float:left} .header .menu li a{ display:block; line-height:77px; padding:0 20px; border-bottom:1px solid #fff ; color: #333;} .header .menu li a:hover,.header .menu li.on a{ border-bottom:1px solid #04c482; color:#333} .header .tel{ line-height:78px; font-size:16px;} .header .tel span{ color:#9a9a9a; padding-left:20px;} .header .city{position:relative; height:78px; } .header .city span{ width:90px; height:40px; color:#fff; line-height:40px; text-align:center; background:#16c589; border-radius:5px; margin-left:40px; margin-top:20px; cursor:pointer; display:block;} .header .city span:hover{ background:#06ae74} .header .city i{ display:inline-block; *display:inline;*zoom:1; width:12px; height:16px; background:url(../images/ico-01.png) no-repeat center; margin-right:5px; vertical-align:middle;} .line-pay{position: relative; display: inline-block;} .pay-box1{ left: -11px !important; } .pay-box{display: none; text-align: center; position: absolute; z-index: 9999; top:30px; left: -18px; background: #fff; padding: 5px; border: 1px solid #eee;} .pay-box p{padding: 4px; color: #333; line-height: 20px;} .line-pay:hover .pay-box{display: block;} .f-qu{ position:absolute; z-index:3; padding:25px 35px; background:#fff; border-radius:10px; width:970px; right:0;top:78px;-webkit-box-shadow:0 0 20px #f0f9fd;-moz-box-shadow:0 0 20px #f0f9fd;box-shadow:0 0 20px #f0f9fd; border:1px solid #f0f9fd; height:370px; display:none} .f-qu em{ width:11px; height:5px; position:absolute; z-index:3; background:url(../images/ico-02.png) no-repeat center;top:-5px; right:30px;} .f-qu ul{ width:1010px;} .f-qu .s-box{height:370px; overflow-x:hidden; overflow-y:auto} .f-qu li{ width:297px; float:left; margin-right:37px; margin-bottom:28px;} .f-qu li .plo{ border-bottom:1px solid #eeeeee; height:33px; margin-bottom:12px;} .f-qu li .plo h3{ font-size:16px; border-bottom:1px solid #a6d9ec; float:left; height:33px; padding-right:12px;} .f-qu li .bd{ overflow:hidden} .f-qu li .bd a{ margin-right:15px; display:block; float:left; line-height:24px;} /* 底部 */ .footer{ background:#263d47; height:320px; color:#fff;} .footer a{ color:#b6babd} .footer a:hover{ color:#fff} .footer dt{ font-size:16px;} .footer dl{ margin-right:10px;} .footer .dl-1{ width:304px;} .footer .dl-2{ width:200px;} .footer .dl-2 dd{ margin-bottom:8px;} .footer .dl-3{ overflow:hidden; width:240px; margin-right:60px;} .footer .dl-3 dd{ width:33.33%; float:left; margin-bottom:8px;} .footer .dl-4{ overflow:hidden; width:190px;} .footer .dl-4 dd{ font-size:16px;color:#b6babd} .footer .dl-5{ width:91px; text-align:center; color:#b6babd} .ban-qu{height:74px; font-size:14px;} .ban-qu .right{ line-height:74px;} .ban-qu .left{ line-height:74px;} .ban-qu .left a{ margin-right:40px;} /*全屏轮播*/ .banner{ height:680px; position:relative} .banner-box{ width:1920px; height:680px; position:relative; left:50%; margin-left:-960px; background:#000} .banner-box li{ text-align:center; position:relative} .banner .prev,.banner .next{ display:block; width:56px; height:56px; border:2px solid #fff; position:absolute;top:50%; margin-top:-30px; z-index:7; cursor:pointer} .banner .prev{ background:url(../images/ico-prev_1.png) no-repeat 0 0; left:10px;} .banner .next{ background:url(../images/ico-next_1.png) no-repeat 0 0; right:10px;} .banner .prev:hover{ border:2px solid #f0339e; background-position:0 -56px} .banner .next:hover{ border:2px solid #f0339e; background-position:0 -56px} .banner-box .hd{ position:absolute; z-index:9; bottom:10px; left:0; right:0; text-align:center;} .banner-box .hd li{ display:inline-block; *display:inline;*zoom:1; width:10px; height:10px; background:url(../images/b_1.png) no-repeat center;margin:0 8px; cursor:pointer} .banner-box .hd li.on{ background:url(../images/b-on_1.png) no-repeat center; } .banner .txt{ position:absolute; z-index:2; right:0;top:0; bottom:0; left:0; color:#fff; background:url(../images/png.png); height: 680px;} .banner .txt .box{position:absolute; z-index:2; left:50%;top:250px; margin-left:-275px;} .banner .txt h3{ font-size:40px;margin-bottom:25px;} .banner .txt p{ font-size:20px; display:block; margin-bottom:25px;} .banner .txt .a{ display:inline-block; width:200px; height:60px; line-height:60px; text-align:center; color:#fff; border-radius:5px; background:#00a2ff; font-size:16px;} .banner .txt .box2{ text-align:left; margin-left:-595px} .banner .txt .box3{ text-align:left; margin-left:250px;top:310px} .banner .txt .box3 h3{ font-size:30px; line-height:40px; margin-bottom:20px;} .banner .txt .box3 p{ font-size:22px;} .banner .txt .box4{ margin-left:-260px;} .banner .txt .box6{ margin-left:-240px;} .plo-1{ text-align:center} .plo-1 h3{ font-size:30px; color:#309afc; margin-bottom:10px;} .plo-1 p{ font-size:18px;} .f1{width: 1100px;height: 450px;padding-top: 60px;margin: auto;} .f1-1{width: 1100px;height: 315px;display: flex;justify-content: space-between;} .f1-1>div{width: 536px;height: 315px;} .f1-1>div>img{width: 536px;height: 315px;} .break-title{height: 100px;line-height: 100px;font-size: 40px;width: 536px;text-align: right;} .lt{width: 60px;height: 10px;background-color: #2487FF;margin-left: 474px;} .break-title1{width:536px;text-align: right;font-size: 20px;line-height: 40px;margin-top: 30px;} .break-title2{width: 536px;text-align: right;font-size: 24px;margin-top: 30px;} .break-title2>span{color: #2487FF ;} .f1-end{width: 1100px;text-align: center;font-size: 26px;color: #2487FF ;margin-top: 20px;} .f2{width: 1100px;height: 1077px;margin: auto;background-image: url(../images/f2img.png);background-repeat: no-repeat;} .f2-title{width: 1100px;height: 122px;text-align: center;line-height: 122px;font-size: 36px;font-family:"微软雅黑";color: white;} #f2-cont{width:1000px;height: 194px;margin: auto;display: flex;margin-top: -10px;} .f2-biao{width: 24px;height: 24px;margin-top: 25px;background-color: #FFB758;} .f2-con1{width: 920px;height: 194px;margin-left: 20px;display: flex;background-color: white;border-radius:10px 10px 10px 10px ;box-shadow: 0px 0px 20px #FF965E} .f2-c1{width:600px;height: 70px;line-height:70px;font-size: 26px;margin-left: 20px;} .f2-c2{width: 600px;margin-left:20px;height: 100px;font-size: 20px;} .fc1{width: 600px;height: 194px;} .fc2{width: 206px;height: 194px;display: flex;margin-left: 80px;} .fc2>div{width: 102px;height: 121px;margin-top: 50px;} .f2-end{width: 900px;height: 100px;line-height: 100px;text-align: center;margin: auto;font-size: 26px;color:#FFB758 ;} .f3{width: 100%;height:689px;background-image: url(../images/f3img.png);background-repeat: no-repeat;background-position: center;margin: auto;background-size: 1920px 689px;} .f3-title{width:1000px;height: 100px;margin: auto;font-size: 30px;line-height: 40px;text-align: center;padding-top: 50px;color: white;} .f3-con{width: 1036px;height: 409px;margin: auto;background-image: url(../images/f3img1.png);} .f3city{width:800px;height: 210px;margin: auto;display: flex;flex-flow: wrap;padding-top: 90px;color: #808080;} .f3city>div{width: 98px;height: 40px;font-size: 20px;line-height: 40px;text-align: center;} .f3end{width: 900px;height: 80px;font-size: 20px;text-align: center;line-height: 80px;margin: auto;color: #808080;} .f3end1{width: 900px;height: 100px;text-align: center;color: white;margin: auto;font-size: 20px;line-height: 30px;margin-top: 20px;} .f4{width:100%;height: 840px;margin: auto;} .f4-title{width:1000px ;height: 100px;text-align: center;line-height: 140px;font-size: 30px;margin: auto;} .f4-title1{width: 600px;height: 30px;text-align: right;line-height: 30px;font-size: 24px;color: #FB3C2A;margin:auto ;} .f4-img{width: 1000px;height: 360px;margin: auto;display: flex;justify-content: space-between;margin-top: 20px;} .f4-img>div{width: 300px;height: 360px;} .fimg>img{width: 300px;height: 300px; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; cursor: pointer;} .fimg:hover img{-webkit-transform:scale(1.1); -webkit-box-shadow:0px 0px 30px #ccc; -moz-transform:scale(1.1); -moz-box-shadow:0px 0px 30px #ccc; -o-transform:scale(1.1); -o-box-shadow:0px 0px 30px #ccc; } .ftext{width: 300px;height: 60px;line-height: 60px;text-align: center;font-size: 24px;color: #FB3C2A ;} .f4end{width: 1000px;height: 100px;font-size: 24px;text-align: center;margin: auto;line-height: 70px;} .f4end1{width:1050px;height: 165px;margin: auto;border-radius: 10px;display: flex;margin-top: 20px; background-image: url(../images/f4xx.png);} .f4end1-div1{width: 770px;height: 125px;font-size: 24px;color: #666666;line-height: 40px;padding-top: 40px;margin-left: 30px;} .f4end1-div2{width: 250px;height: 120px;padding-top: 44px;} .f4d1{width: 221px;height: 40px;border-radius: 30px;text-align: center;line-height: 40px;font-size: 20px;background-color: #FFB8BB;color:white;cursor: pointer;} .f4d1>a{width: 221px;height: 40px;border-radius: 30px;text-align: center;line-height: 40px;font-size: 20px;background-color: #FFB8BB;color:white;} .f4d2{width: 224px;height: 40px;font-size: 30px;line-height: 40px;color: #666666;text-align: center;} /*胜负，往往决定于口碑和细节*/ .f5{height: 440px;margin: auto;} .f5-title{width: 1000px;margin: auto;height: 70px;line-height: 70px;font-size: 30px;text-align: center;} .f5-title1{width: 1000px;height: 20px;line-height: 20px;text-align: center;margin: auto;font-size: 20px;} .f5-cont{width: 1050px;height: 246px;margin: auto;margin-top: 30px;display: flex;justify-content: space-between;} .f5-cont>div{width: 508px;height: 246px;} .f5text{font-size: 20px;line-height: 40px;padding-top: 20px;} /*大机构，提供最优秀的师资力量*/ .f6{height: 930px;margin: auto;} .f6-top{width:1100px;height: 253px;margin: auto;background-image: url(../images/f6img.png);background-position: center;} .f6ttile{width:700px;height: 80px;line-height: 130px;font-size: 30px;color: white;margin-left: 30px;} .f6ttile1{width:700px;font-size: 20px;color:white;margin-left: 30px;line-height: 30px;margin-top: 20px;} .f6-con{width: 980px;height: 420px;margin: auto;margin-top: -70px;border-radius: 10px;background-color: white;box-shadow: 0px 0px 20px #AAAAAA;} .f6-ct{width: 800px;height: 300px;font-size: 20px;line-height: 40px;margin: auto;padding-top: 40px;color: #666666;} .f6-end{width: 455px;height:23px;background-image: url(../images/f6img1.png);} .f6endbig{width: 800px;margin: auto;margin-top: 20px;} .f6-bottom{width: 1050px;height: 235px;margin: auto;margin-top: 30px;background-color:#EEEEEE;} .f6bt-title{width:980px;height: 100px;text-align: center;line-height: 120px;font-size:24px;color: #666666;} .f6bt-content{width: 980px;font-size: 18px;line-height: 30px;margin: auto;color: #737373;} /*实力承诺：在线精品课程试听之后再付款，我们时刻为您着想。*/ .f7{height: 490px;margin: auto;background-image: url(../images/f7img.png);background-position: center;background-repeat: no-repeat;background-size: 1920px;height: 490px;} .f7-cont{width: 1000px;height: 490px;margin: auto;display: flex;} .f7-cont>div{width: 498px;height: 490px;} .f7c1{width: 244px;height: 32px;margin: auto;display: flex;margin-top: 30px;color: white;} .f7c1tb{width: 41px;height: 32px;} .f7c1te{width: 180px;height: 32px;line-height: 32px;font-size:28px;margin-left: 20px;} .f7c2-div1{width: 430px;height: 450px;margin-left: 30px;} .fdimg{padding-top: 50px;} .fdtex1{font-size: 20px;line-height: 40px;margin-top: 30px;color: white;} .fdimg1{margin-top: 30px;} .f8{width:100%;height: 100px;margin: auto;background-color: #FAFAFA;} .f8con{width: 1000px;height: 80px;line-height: 100px;text-align: center;font-size: 24px;margin: auto;} .f9{width:1000px;height: 460px;margin: auto;display: flex;justify-content: space-between;padding-top: 50px;} .f9>div{width: 330px;height:416px;} #f91{background-image: url(../images/f9img1.png);} #f92{background-image: url(../images/f9img2.png);} #f93{background-image: url(../images/f9img3.png);} .f9f1{width: 330px;padding-top: 230px;text-align: center;font-size: 30px;color: white;} .f9f2{width: 330px;font-size: 30px;text-align: center;margin-top: 20px;color: white;} .f10{width:1100px;height: 400px;background-image: url(../images/f10img.png);margin: auto;position:relative} /*为什么大多数学员最终选择艾德(Adam)银行从业培训？ 为什么只有艾德(Adam)会出现学员报满的情况？这一切，都等待着你体验*/ .f11{width:100%;height: 460px;margin: auto;border-bottom: 2px solid #FFDBDD;padding-top: 20px;} .f11-title{width: 1000px;height: 100px;margin: auto;text-align: center;line-height: 130px;font-size: 30px;} .f11-title1{width: 1000px;height: 20px;line-height: 20px;text-align: center;font-size:18px;margin: auto;} .f11img{width: 856px;height:35px;margin: auto;margin-top: 30px;} .f11con{width: 1000px;height:183px;margin: auto;margin-top: 35px;display: flex;justify-content: space-between;} .f11con>div{width: 410px;height: 123px;font-size: 18px;line-height: 30px;padding: 30px;color:white;letter-spacing: 3px;} /*艾德金融学校 七大独家优势 全面突破银行从业考试*/ .f12{width: 100%;margin: auto; padding-bottom: 60px;} .f12-title{width:1100px;height:100px;line-height: 140px;text-align: center;margin: auto;font-size: 30px;} .f12-title1{width:1100px;height: 90px;line-height: 30px;text-align: center;margin: auto;font-size: 20px;} .f12img{width: 1100px;margin: auto;} .f12img1{width: 1080px;height: 357px;margin-left: 13px;} .f12img2{width: 1068px;height: 298px;margin-top: 50px;margin-left: 10px;} .f12img3{width: 1085px;height: 361px;margin-top: 50px;margin-left: 5px;} .f12img4{width: 1090px;height: 362px;margin-top: 50px;margin-left: 12px;} .f12img5{width: 1084px;height: 414px;margin-top: 50px;} .f12img6{width: 1100px;height: 470px;margin-top: 50px;} .f12img7{width: 1100px;height: 545px;margin-top: 50px;} /*艾德线上课程 多元化的学习方式*/ .f13{width:100%;height: 849px;background-image: url(../images/f13img.png);background-position: center;background-repeat: no-repeat;background-size: 1920px 849px;} .f13top{width: 1000px;height: 350px;margin: auto;} .f13top-title{width: 1000px;text-align: center;line-height: 50px;font-size: 30px;color: white;padding-top: 100px;} .f13top-title1{width: 1000px;height: 60px;line-height: 60px;font-size: 24px;text-align: center;color:white;} .f13-title{width:1000px;height: 100px;line-height: 100px;margin: auto;text-align: center;font-size: 30px;} .f13-content{width: 1000px;height: 260px;margin: auto;display: flex;} .f13c1{width: 630px;height: 260px;} .f13c2{width: 370px;height: 260px;} .f13cd{width: 630px;height: 48px;display: flex;margin-top: 30px;} .f13cd1{width: 370px;height: 48px;display: flex;margin-top: 30px;} .f13cdtext{font-size: 24px;color:#666666;line-height: 48px;margin-left: 20px;} /*艾德线上课堂 丰富的课程学习案例*/ .f14{width:100%;height: 490px;margin-top: -60px;} .f14context{width: 1000px;margin: auto;} .f14-title{width: 1000px;height:100px;line-height: 100px;text-align: center;margin: auto;font-size: 30px;} .f14-con01{width: 840px;height: 60px;margin: auto;display: flex;justify-content: space-between;line-height: 60px;font-size: 24px;color: #737373;text-align: center;margin-left:18px;} .f14-con02{width: 825px;height: 60px;margin: auto;display: flex;justify-content: space-between;line-height: 60px;font-size: 24px;color: #737373;text-align: center;line-height: 40px;margin-left: 165px;} .f14-con1{width: 1000px;height: 100px;background-image: url(../images/f14img.png);margin-top: -40px;} .f14c1{display: flex;flex-flow: wrap;margin-left: 68px;width: 900px;} .f14c1>div{width: 314px;} .f14c1>div>img{-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;cursor: pointer;} .f14c1>div:hover img{-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);transform:rotateZ(360deg);transform-origin:50% 50%;} .f14c2{display: flex;flex-flow: wrap;margin-left: 225px;margin-top: -40px;width: 900px;} .f14c2>div{width: 314px;} .f14c2>div>img{-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;cursor: pointer;} .f14c2>div:hover img{-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);transform:rotateZ(360deg);transform-origin:50% 50%;} /*“银行从业资格认证考试”——银行业的入门级证书考试*/ .f15{width:100%;height:657px;background-image: url(../images/f15img.png);margin: auto;background-position:center;background-repeat: no-repeat;} .f15-title{width:1100px;height: 215px;line-height: 280px;text-align: center;font-size: 30px;margin: auto;color: white;} .f15-con{width: 1100px;height: 392px;margin: auto;display: flex;} .f15-con1{width:400px;height: 246px;padding-top: 10px;} .f15-con21{width:623px;height: 332px;padding: 30px 50px;font-size: 20px;line-height: 30px;color: #808080;position:absolute;left: 310px;top: -10px;background-image: url(../images/f15img1.png);background-repeat: no-repeat;display: block;} .f15-con22{width:623px;height: 332px;padding: 30px 50px;font-size: 20px;line-height: 30px;color: #808080;position:absolute;left: 310px;top: -72px;background-image: url(../images/f15img2.png);background-repeat: no-repeat;display: none;} .f15-con23{width:623px;height: 332px;padding: 30px 50px;font-size: 20px;line-height: 30px;color: #808080;position:absolute;left: 310px;top: -134px;background-image: url(../images/f15img3.png);background-repeat: no-repeat;display: none;} .f15-con24{width:623px;height: 332px;padding: 30px 50px;font-size: 20px;line-height: 30px;color: #808080;position:absolute;left: 310px;top: -196px;background-image: url(../images/f15img4.png);background-repeat: no-repeat;display: none;} .f15-con1>div{width: 300px;height: 60px;border-bottom: 2px solid;line-height: 60px;font-size: 20px;margin-left: 40px;color: #FFFFFF;position: relative;cursor: pointer;} /*升职加薪必考的职称类别*/ .f16{width: 100%;height: 570px;margin: auto;border-bottom: 1px solid #CBCBCB;} .f16-title{width: 1100px;height: 110px;margin: auto;line-height: 150px;font-size:30px;text-align: center;} .f16-cont{width: 1100px;height: 346px;display: flex;margin: auto;margin-top: 30px;} .f16-cont>div{width: 550px;height:346px;} .f16but{width: 350px;height: 63px;background-image: url(../images/f16img.png);line-height: 63px;text-align: center;font-size: 20px;color: white;} .f16text{width: 420px;height: 100px;line-height: 30px;font-size: 20px;color: #737373;margin-top: 20px;} .f16text1{padding: 30px;height: 286px;font-size: 20px;line-height: 35px;color: #666666;} /*考取银行从业资格证，考点内容提前知晓*/ .f17{width: 100%;height: 890px;margin: auto;} .f17-title{width:1100px;height: 120px;line-height: 180px;text-align: center;margin: auto;font-size: 30px;} .f17-title1{width:1100px;height: 40px;line-height: 40px;font-size: 20px;text-align: center;margin: auto;color: #999999;} .f17-cont{width: 1100px;height:700px;margin: auto;margin-top: 30px;display: flex;flex-flow: wrap;justify-content: space-between;} .f17-cont>div{width: 500px;height: 200px;} .f17ct1{font-size: 24px;margin-top: 20px;} .f17ct2{font-size: 16px;line-height: 30px;margin-top: 15px;} .f18{width:100%;height:730px;margin: auto;background-image: url(../images/f18img.png);background-position: center;background-repeat: no-repeat;} .f18content{} .f18con{width: 399px;height: 124px;margin-left: 24%;font-size: 20px;margin-top: 10px;line-height: 30px;color: white;padding: 30px 40px;background-image: url(../images/f18img2.png);} .f18title{width: 400px;margin-left: 26%;height: 100px;line-height: 140px;font-size: 26px;text-align: center;color: white;} .f18but{width: 216px;height: 73px;background-image: url(../images/f18img1.png);margin-left: 32%;margin-top: -35px;line-height: 73px;text-align: center;font-size: 20px;color: white;cursor: pointer;} .f18but>a{width: 216px;height: 73px;line-height: 73px;text-align: center;font-size: 20px;color: white;} /*艾德全新银行从业资格证提升成长课程*/ .f19{width: 100%;height:900px;margin: auto;padding-top: 30px;} .f19-title{width:1025px;height: 100px;line-height: 130px;text-align: center;margin: auto;font-size: 30px;} .f19-title1{width: 1025px;margin: auto;height: 40px;line-height: 40px;text-align: center;font-size: 24px;color:#FF6CFA;} .f19-con{width: 1025px;height: 273px;box-shadow: 0px 0px 30px #B6BABD;margin: auto;margin-top: 30px;} .f19-contitle{font-size: 20px;height: 90px;line-height: 100px;margin-left: 40px;} .f19-contex{width:945px;height: 150px;margin: auto;display: flex;flex-wrap: wrap;justify-content: space-between;} .f19-contex>div{width:306px;height:28px;border-left: 3px solid #FF6CFA;font-size: 20px;padding-left:4px ;} #f19img{width: 1101px;height: 370px;background-image: url(../images/f19img.png);margin: auto;margin-top: 70px;} .f19img-title{width: 300px;height: 100px;line-height: 100px;font-size: 28px;color: white;margin-left: 40px;} .f19imgcon{width: 740px;height:120px;margin-left: 70px;display: flex;justify-content: space-between;margin-top: 20px;} .f19imgcon>div{width: 180px;height: 120px;} .f19mc{margin-left: 60px;} .f19mt{font-size: 24px;width: 180px;height: 30px;text-align: center;line-height: 30px;color:white;margin-top: 20px;} .f19imgen{width:1100px;height: 100px;margin-top: 30px;display: flex;} .f19imgent1{width: 750px;height: 60px;line-height: 90px;font-size: 24px;color: white;text-align: center;} .f19imgent2{font-size: 28px;color: white;margin-left: 220px;margin-top: 40px;} /*为什么选择艾德*/ .f20{width:100%;height:360px;margin: auto; padding-bottom: 20px;} .f20-title{font-size: 30px;width: 1100px;margin: auto;text-align: center;height: 90px;line-height: 120px;} .f20-title1{width: 1100px;height: 30px;line-height: 30px;text-align: center;margin: auto;font-size: 20px;color: #666666;} .f20-cont{width: 1100px;height: 200px;margin: auto;display: flex;justify-content: space-between;margin-top: 40px;} .f20-cont>div{width: 240px;height: 60px;line-height: 60px;text-align: center;font-size: 22px;position: relative;color: #5AC792;} .sel_title{border-bottom:4px solid #5AC792;} .title_sel{cursor: pointer;} .f20div1{width: 1060px;height: 100px;position: absolute;left: -2px;padding: 20px;font-size: 18px;line-height: 40px;text-align: left;color: #737373;} .f20div2{width: 1100px;height: 140px;position: absolute;left: -286px;display: none;padding: 20px;font-size: 18px;line-height: 40px;text-align: left;color: #737373;} .f20div3{width: 1100px;height: 140px;position: absolute;left: -566px;display: none;padding: 20px;font-size: 18px;line-height: 40px;text-align: left;color: #737373;} .f20div4{width: 1100px;height: 140px;position: absolute;left: -849px;display: none;padding: 20px;font-size: 18px;line-height: 40px;text-align: left;color: #737373;} /*如何才能取得银行从业资格证?*/ .f21{width: 100%;height: 434px;margin: auto;background-image: url(../images/f21img.png);background-position: center;background-repeat: no-repeat;} .f21-con{width:1100px;height: 434px;margin: auto;display: flex;justify-content: space-between;} .f21-con>div{width: 500px;height: 434;} .f21title1{width:400px;height: 120px;line-height: 180px;font-size: 28px;color: white;} .f21contex{height: 160px;line-height: 40px;font-size: 18px;color:white;margin: auto;margin-top: 30px;} .f21but{width:370px;height: 55px;line-height: 55px;text-align: center;color: #FFAE08;font-size: 16px;background-color:white;border-radius: 5px;cursor: pointer;} .f21but>a{width:370px;height: 55px;line-height: 55px;text-align: center;color: #FFAE08;font-size: 16px;} .f21title2{width: 400px;height: 120px;line-height:180px;font-size: 28px;color: white;margin-left: 40px;} .f21contex2{width: 400px;height: 160px;line-height: 40px;font-size: 18px;color:white;text-align: right;margin-top: 30px;margin-left: 20px;} /*艾德自由支付——支持多种类支付方式*/ .f22{width:100%;height: 500px;border-bottom: 1px solid #F6F6F6;} .f22-con{width: 1100px;height: 500px;margin: auto;display: flex;padding-top: 30px;} .f22-div1{width: 600px;height:500px;} .f22-div2{width: 500px;height: 500px;} .f22-div1-title{width: 600px;height: 100px;line-height: 100px;text-align: center;font-size: 24px;} .f22-div1-cimg{width: 600px;height: 360px;display: flex;flex-flow: wrap;justify-content: space-between;} .f22-div2-title{width: 400px;height: 100px;line-height: 100px;text-align:right;font-size: 24px;} .f22-div2-con1{width:400px;height:130px;text-align: right;font-size: 18px;line-height: 35px;color: #595959;} .f22-div2-con2{width:400px;height:150px;text-align: right;font-size: 18px;line-height: 35px;color: #595959;} .f22-div2-end{width:400px;height:60px;text-align: right;font-size: 18px;line-height: 60px;color:#2487FF;} /*考取银行从业资格证六步曲*/ .f23{width: 100%;height:600px;margin: auto;} .f23-title{width: 1100px;height: 160px;line-height: 160px;text-align: center;margin: auto;font-size: 30px;} .f23-con{width: 1100px;height: 380px;margin: auto;display: flex;flex-flow: wrap;justify-content: space-between;} .f23-con>div{width: 540px;height: 100px;} .f23tile{width: 500px;height: 50px;line-height: 40px;font-size: 18px;margin-left: 54px;} .f23tile1{width: 500px;height: 50px;line-height:25px;font-size: 18px;margin-left: 54px;color: #808080;} /*独家职业成长课程 零基础轻松入门*/ .f24{width: 100%;height: 500px;margin: auto;background-image: url(../images/f24img.png);background-position: center;background-repeat: no-repeat;} .f24-con{width:1100px;height:500px;margin: auto;display:flex;justify-content: space-between;} .f24-con>div{width: 520px;height: 500px;} .f24-title{width:350px;height: 110px;line-height: 50px;font-size: 30px;color: white;padding-top: 50px;} .f24-bai{width: 41px;height: 5px;background-color: white;border-radius: 2.5px;} .f24-cont{width: 500px;height: 130px;font-size: 24px;line-height: 50px;color: white;margin-top: 50px;} .f24-end{width: 500px;height: 100px;line-height: 100px;font-size: 28px;color: white;} /*轻松考试第1阶段*/ .f25{width:100%;height: 1010px;background-image: url(../images/f25img.png);background-position: center;background-repeat: no-repeat;} .f25-con1{width:1000px;height: 460px;margin: auto;padding-top: 70px;padding-left: 30px;} .f25-con2{width:1000px;height: 460px;margin: auto;text-align: right;} .f25-con1-title{width:500px;height: 60px;font-size: 28px;} .f25-con1-title1{width: 1000px;height: 70px;line-height: 60px;font-size: 18px;color: #808080;} .f25-con1-div{border-bottom: 2px solid #FFAE08;line-height: 40px;font-size: 18px;width: 110px;margin-top: 20px;} .f25-con1-div1{width:1000px;height: 40px;line-height: 40px;font-size: 18px;color: #808080;} .f25-con1-diiv{border-bottom: 2px solid #FFAE08;line-height: 40px;font-size: 18px;width: 130px;margin-top: 20px;} .f25-con2-title{width:1000px;height: 60px;font-size: 28px;text-align:right;color: white;} .f25-con2-title1{width: 1000px;height: 70px;line-height: 60px;font-size: 18px;color:white;text-align: right;} .f25-con2-div{border-bottom: 2px solid white;line-height: 40px;font-size: 18px;width: 150px;margin-top: 20px;text-align: right;display: inline-block;color: white;} .f25-con2-div1{width:1000px;height: 40px;line-height: 40px;font-size: 18px;color:white;text-align: right;} .f25-con2-diiv{border-bottom: 2px solid white;line-height: 40px;font-size: 18px;width: 120px;margin-top: 20px;text-align: right;display: inline-block;color:white;} /*走出面对考试就头大的困局*/ .f26{width: 100%;height:540px;margin: auto;} .f26-title{width: 1100px;margin: auto;height: 100px;text-align: center;font-size:30px;line-height: 140px;padding-top: 20px;} .f26-con{width: 1024px;height: 350px;margin: auto;margin-top: 30px;box-shadow: 0px 0px 30px #CCCCCC;} .f26-con-title{width: 900px;height: 90px;margin: auto;font-size: 24px;line-height: 100px;} .f26-con-div{width: 900px;height: 160px;margin: auto;display: flex;justify-content: space-between;} .f26-cd1{width: 500px;height: 160px;} .f26-cd1>div{font-size: 20px;line-height: 55px;padding-left:30px ;color: #737373;background-image: url(../images/f26img.png);background-repeat: no-repeat;background-position-y: center;} .f26-cd2{width: 320px;height: 160px;} .f26-cd2>div{font-size: 20px;line-height: 55px;padding-left:30px ;color: #737373;background-image: url(../images/f26img.png);background-repeat: no-repeat;background-position-y: center;} .f26-end{width: 512px;margin: auto;margin-top: 30px;} /*主力网络录播授课模式*/ .f27{width: 100%;height: 635px;margin: auto;background-color: #FFFAED;} .f27-title{width:1100px;height: 120px;line-height: 150px;text-align: center;margin: auto;font-size: 30px;} .f27-title1{margin: auto;width: 1100px;height: 60px;text-align: center;line-height:30px;font-size: 18px;} .f27-lan{width: 60px;height: 8px;background-color:#2487FF;margin: auto;margin-top: 20px;} .f27-con{width: 1100px;height: 346.25px;margin: auto;margin-top: 30px;display: flex;} .f27-con>div{width: 550px;height: 346.25px;} .f27-con>div>img{width: 550px;height: 346.25px;} .f27contitle{width:400px;height: 90px;line-height: 90px;font-size: 28px;margin-left: 20px;} .f27connum{width:168px;height: 60px;border-bottom: 6px solid;margin-left: 20px;font-size: 28px;line-height: 60px;color: #2487FF;} .f27connum>span{font-size: 45px;} .f27context{width:520px;height: 130px;padding-top: 40px;font-size: 18px;line-height: 40px;margin-left: 20px;letter-spacing: 3px;} /**/ .f28{width:100%;height:225px;margin: auto;background-image: url(../images/f28img.png);background-position: center;background-repeat: no-repeat;} .f28-con{width:1100px;height:225px;margin: auto;display: flex;} .f28-con>div{width:550px;height:225px;} .f28-con-title{width:550px;height: 70px;line-height: 130px;font-size: 28px;} .f28-con-title1{width:550px;height: 60px;line-height: 100px;font-size: 24px;color: #666666;} .f28-con-text{width: 220px;height: 150px;margin-left: 280px;margin-top:50px;padding: 10px;font-size: 24px;line-height: 46px;color: white;cursor: pointer;} .f28-con-text>a{width: 220px;height: 150px;font-size: 24px;line-height: 46px;color: white;} .f32-1{ height:380px;} .f32-1 .hdd{ color:black;} .list17{ background:#FFFFFF;-webkit-box-shadow:10px 10px 30px #eee;-moz-box-shadow:10px 10px 30px #eee;box-shadow:10px 10px 30px #eee;} .list17 .hd{ background:#F2F8FF; height:72px;} .list17 .hd ul li{ height:72px; float:left; text-align:center; width:20%; line-height:72px; text-align:center; font-size:20px; color:black; cursor:pointer} .list17 .hd li.on{ color:#2487FF; background:#F2F8FF} .list17 .bd table{ height:158px;padding-left:70px ;} .list17 .bd table td{ line-height:50px; font-size:16px; color:#666; padding:0 10px;} .f32-2{ height:750px;} .f32-2 .bd{ color:black; font-size:20px; border-radius:10px; padding:10px 0} .f32-2 .bd li{ padding-left: 90px; height:55px; line-height:55px;margin-top: 15px;} .f32-2 .bd #l1{ background:url(../images/f32-1.1.png) no-repeat center} .f32-2 .bd #l2{ background:url(../images/f32-2.1.png) no-repeat center} .f32-2 .bd #l3{ background:url(../images/f32-3.1.png) no-repeat center} .f32-2 .bd #l4{ background:url(../images/f32-4.1.png) no-repeat center} .f32-2 .bd #l5{ background:url(../images/f32-5.1.png) no-repeat center} .f32-2 .bd #l6{ background:url(../images/f32-6.1.png) no-repeat center} .f32-2 .bd #l7{ background:url(../images/f32-7.1.png) no-repeat center} /*只需4步，轻松取得银行业资格认证*/ .f33{width:100%;height: 520px;margin: auto;} .f33-title{width: 1100px;height: 70px;text-align: center;margin: auto;font-size: 30px;} .f33-con{background-image: url(../images/f33img.png);width: 1110px;height:346px;margin: auto;display: flex;flex-flow: wrap;justify-content: space-between;background-repeat: no-repeat;} .f33-con>div{width: 548px;height:190px;} .f33div1{width: 400px;height:70px;line-height: 84px;font-size: 20px;margin-left: 60px;} .f33div2{width: 400px;height: 100px;font-size: 16px;margin-left: 60px;line-height: 30px;} .f33end{width: 1100px;height: 100px;line-height: 80px;text-align: center;font-size: 18px;color: #FF599E;margin: auto;} .f34{width:100%;height:400px;margin: auto;background-image: url(../images/f34img.png);background-position: center;background-repeat: no-repeat;} .f34-title{width: 1100px;margin: auto;text-align: center;height: 100px;line-height: 180px;font-size: 30px;color: white;} .f34-con{width: 1000px;height: 200px;margin: auto;margin-top: 60px;display: flex;justify-content: space-between;} .f34-con>div{width: 500px;height: 200px;padding: 0 24px;} .f34but{width:450px;height: 46px;background-image: url(../images/f34img1.png);line-height: 46px;text-align: center;font-size: 20px;color: white;} .f34tex{width: 400px;height: 100px;font-size:20px;color: white;margin-left: 30px;line-height: 30px;margin-top: 20px;} /*考试形式*/ .f35{width:100%;height: 700px;padding-top: 60px;margin: auto;} .f35-con{width:1000px;height:684px;border: 1px solid #C3E8FA;margin: auto;} .f35title{width: 1000px;height: 61px;border-bottom: 1px solid #BDE6FA;background-color: #F3FBFF;text-align: center;line-height: 61px;font-size: 22px;color: #18BEEE;} .f35con1{width:980px;height:110px;line-height: 40px;font-size: 18px;padding-top: 30px;padding-left: 20px;} .f35con2{width:980px;height:70px;line-height: 40px;font-size: 18px;padding-top: 30px;padding-left: 20px;} .f35con3{width:980px;height:229px;line-height: 40px;font-size: 18px;padding-top: 30px;padding-left: 20px;} /*银行从业资格认证 报考条件*/ .f36{width: 100%;height:280px;margin: auto;} .f36-con{width: 1000px;height: 160px;margin: auto;display: flex;margin-top: 30px;} .f36-con>div{width:500px;height:160px;} .f36-title{background-image: url(../images/f36img.png);background-repeat: no-repeat;width: 450px;height: 26px;padding-left: 40px;line-height: 26px;font-size: 20px;} .f36-tex{width:450px;height:100px;padding-left: 40px;font-size: 20px;line-height: 30px;margin-top: 20px;} .f36-but{width: 314px;height: 40px;background-image: url(../images/f36img1.png);margin-left: 40px;line-height: 40px;text-align: center;font-size: 18px;color: white;} .f36-but>a{width: 314px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;color: white;} .f36-butbig{width: 1000px;margin: auto;} /*银行从业资格认证展示*/ .f37{width: 100%;height:570px;margin: auto;} .f37-title{width:1000px;margin: auto;text-align: center;line-height: 30px;font-size: 24px;height: 80px;} .f37-con{width: 1000px;height: 429px;margin: auto;display: flex;justify-content: space-between;} /*艾德培训*/ .f38{width:100%;height:420px;margin: auto;background-image: url(../images/f38img.png);background-position: center;background-repeat: no-repeat;padding-top: 60px;} .f38-con{width: 1100px;height: 420px;margin: auto;display:flex;justify-content: space-between;} .f38-con1{width:20px;height: 350px;} .f38-bt1{font-size:18px;color: white;} .f38-bt{width: 3px;height:230px;background-color: white;margin-left: 8px;margin-top: 20px;} .f38-con2{width: 1000px;height: 350px;} .f38text1{font-size: 18px;color:white;line-height: 30px;height:100px;} .f38text2{width: 1000px;height:90px;display: flex;} .f38text2>div{width:500px;height:90px;line-height:30px;font-size: 18px;color:white;} .f39{ height:408px;} .lub .bd{ overflow:hidden; margin-bottom:35px; height:82px;} .lub .bd li{ height:82px; width:170px; float:left; display:table} .lub .bd li .img{ display:table-cell; height:60px; vertical-align:middle; text-align:center} .lub .hd{ height:10px; text-align:center} .lub .hd li{ width:10px; height:10px; overflow:hidden; display:inline-block; *display:inline;*zoom:1; background:url(../images/ico-03_1.png) no-repeat center; text-indent:-99px; margin:0 8px;} .lub .hd li.on{background:url(../images/ico-04_1.png) no-repeat center;} .f40{ height:300px; background:#fbffff bottom; } .f40 span{ display:inline-block; width:587px; height:70px; line-height:70px; color:#fff; font-size:22px; background:#fbffff url(../images/f40img.png) no-repeat center;margin-top: 20px;} .videobtn{ display:block; width:116px; height:116px; background:url(../images/518_1.png) no-repeat 0 0; position:absolute; top:62%; left:24%; margin-top:-108px; margin-left:-58px; cursor:pointer;} .videobtn:hover{ background:url(../images/518_1.png) no-repeat 0 -118px;} .make{ position:fixed; right:0; left:0;top:0; bottom:0; background:#000; opacity:0.9; z-index:99; display:none} .videobox{position:fixed;left:50%; margin-left:-240px;top:50%; margin-top:-200px;z-index:100; display:none} .videobox .close{ display:block; width:40px; height:40px; position:absolute; z-index:8; background:url(../images/close_1.png) no-repeat center; right:0;top:-60px; cursor:pointer} .lxw-top{ margin: 0 auto; position: relative; max-width:1200px; height:18px;} .lxw-top .lxw1{ display: block; position:absolute; left:0; top:3px; height: 13px;} .lxw-top .lxw2{ display: block; position: absolute; right:0; top:3px; height: 14px;} .lxw{ height:50px; font-size:18px; color:#fff; font-family:"微软雅黑"; line-height:30px; position: relative; max-width:1200px; margin: 0 auto;} .lxw .lxw3{ display: block; position:absolute; left:0; top:0px; height: 46px;} .lxw .lxw4{ display: block; position: absolute; margin-left: 50%; left:-104px; top:0px; height: 46px;} .lxw .lxw5{ display: block; position: absolute; right: 0; top:0px; height: 46px;} .lxw-p{ margin: 0 auto; padding-top: 5px; font-size:10px; color:#000; font-family:"微软雅黑"; line-height:18px; text-align:center;} .qingchu{ clear: both; height: 74px;} /*右侧客服*/ .yc-kf{ width:180px; height:215px; position:fixed; z-index:99; right:20px;top:50%; margin-top:-90px; background:#f3fdff; border-radius:10px; overflow:hidden;-webkit-box-shadow: 0 0px 10px #ccc;-moz-box-shadow: 0 0px 10px #ccc;box-shadow: 0 0px 10px #ccc;} .yc-kf .hd{ height:50px; line-height:50px; color:#fff; background:#04c482; padding-left:15px; font-size:16px;} .yc-kf .close{ float:right; color:#fff; display:block; width:50px; text-align:center; font-size:20px; font-family:"宋体"; background:url(../images/ico-05.png) no-repeat center; height:50px;} .px-r{width:40px; position:fixed; z-index:99; right:20px;top:50%; margin-top:150px;} .px-r li{ height:40px; cursor:pointer; position:relative;} .px-r li .sub{ position:absolute; width:74px; padding:10px; padding-bottom:0px; background:#fff; z-index:98; left:-94px;top:50%; margin-top:-45px; font-size:12px; display:none;-webkit-box-shadow: 0 0px 10px #ccc;-moz-box-shadow: 0 0px 10px #ccc;box-shadow: 0 0px 10px #ccc; border-radius:5px;} .px-r li.block .sub{ display:block;} .px-r li .sub i{ display:block; width:10px; height:12px; background:url(../images/ico-next.png) no-repeat center; position:absolute; z-index:8;right:-7px;top:50%; margin-top:-10px;} .px-r li.w-xin{ background:url(../images/ico-07.jpg) no-repeat center} .px-r li.zf-bao{ background:url(../images/ico-08.jpg) no-repeat center} .px-r li.top{ background:url(../images/ico-09.jpg) no-repeat center; margin-top:15px;}