html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font-family: 'Microsoft YaHei',"华文细黑",Helvetica,Arial,sans-serif; vertical-align:baseline; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:""; content:none; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration:line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; } hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } html, body{ overflow: hidden;} ol,ul,li{list-style:none outside none;} .fl {float:left; *display: inline;} .fr {float: right;*display: inline;} .clear {clear: both;} body {     scrollbar-face-color:#EEFAFF;     scrollbar-highlight-color:#FFF;   scrollbar-Shadow-color:#3bb8ff;   scrollbar-arrow-color:#3bb8ff;   scrollbar-track-color:#FFF; } .box .load { position: absolute; left: 0 top: 0; z-index: 900; width: 100%; height: 100%; } .load_bg { width: 100%; height: 100%; background: #fff; } .load p { position: absolute; left: 50%; top: 50%; z-index: 200; width: 32px; height: 32px; overflow: hidden; margin: -16px 0 0 -16px; } .load .loadTxt { width: 400px; height: 86px; margin: 50px 0 0 -200px; text-align: center; color: #666; font-weight: bold; font-size: 30px; } /**header**/ .wrapHeader { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 68px; background:#ffffff; } .header { width: 1000px; height: 68px; margin: 0 auto; } .logo { float: left; width: 143px; height: 60px; padding:4px 0; margin-right: 53px; } .nav { list-style: none; float: left; font-weight: bold; font-size: 14px; line-height: 60px; } .nav li { float: left; } .nav a { float: left; padding: 4px 21px; color: #888; text-decoration: none; } .nav a:hover, .nav .cur { color: #fff; background: #0a3b95; } .fixedNav { display: none; position: fixed; left: 50%; top: 50%; z-index: 1000; width: 24px; height: 156px; margin-top: -80px; padding: 25px 0; list-style: none; background: url('../../img/lcyy/nav.png') no-repeat; opacity: .7; border-radius: 40px; } .fixedNav li { float: left; position: relative; width: 100%; height: 15px; padding-left: 4px; margin-bottom: 11px; } .fixedNav .icon { display: block; width: 16px; height: 16px; background: url('../../img/lcyy/sprite.png'); background-position: 47% 36%; cursor: pointer; /*margin-left: 4px;*/ } .fixedNav .txt { display: none; position: absolute; left: -80px; top: 0; width: 76px; height: 19px; background: url('../../img/lcyy/sprite.png') no-repeat 0 -80px; color: #fff; font-size: 12px; line-height: 19px; text-align: center; } .fixedNav .cur .icon { background:url('../../img/lcyy/sprite.png'); background-position: 46% 10%; } /**内容**/ .wrapBox { position: fixed; top: 68px; width: 100%; } .box { position: relative; left: 50%; margin-left: -960px; width: 1920px; height: 800px; overflow: hidden; /*background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 55px; behavior: url(ie-css3.htc); This lets IE know to call the script on all elements which get the 'box' class */ /*behavior: url(PIE.htc); This lets IE know to call the script on all elements which get the 'box' class */ } .box h2 { font-size:22px; text-align:center; line-height:3em; color:#ffffff; /*border-top-left-radius:20px; border-top-right-radius:20px;*/ height: 66px; } .box h3 { font-size:18px; margin:20px 0 0; } .box .content { background:url('../../img/lcyy/content_bg.png'); /*border-bottom-left-radius:20px; border-bottom-right-radius:20px;*/ padding: 0 45px; width: 832px; padding-bottom: 30px; position: relative; } .box p { font-size:12px; font-weight:bold; color:#666666; line-height:20px; text-indent: 2em; } .box_fixed { position: relative!important; width: 100%; height: 570px; } .box div { position: absolute; z-index: 100; } .box .md-content { left: 50%; margin-left: -462px; top: 50%; } .box .content li { list-style-type: none; font-size: 12px; font-weight: bold; color: #666666; line-height: 2em; margin: 10px 0; } /**box1**/ .b1_bg { background: url('../../img/lcyy/aa1.jpg') no-repeat center top; } .b1_01 { background: url('../../img/lcyy/a1_title_bg.png') no-repeat center; /*width: 292px;*/ width: 287px; height: 231px; text-align: center; padding: 28px 0; top:50%; left: 50%; margin-top: -143px; margin-left: -144px; } .b1_01 h1 { height: 72px; color: #0a3b95; font-size: 72px; line-height: 1em; font-weight: bold; } .b1_01 h2{ height: 87px; line-height: 68px; font-size: 16px; line-height: 97px; /*padding:38px 0 33px 0;*/ font-weight: bold; color: #0a3b95; } .b1_01 h2 span{ color: #ba1628; } /**box2**/ .b2_bg { background: url('../../img/lcyy/aa2.jpg') no-repeat center top; } .b2_01 { margin-top:-274px; width: 924px; } .b2_01 h2 { background: url(../../img/lcyy/2-hd.png) no-repeat center; text-align: left; height: 44px; padding-left: 45px; line-height: 20px; font-size: 20px; padding-top: 33px; } .b2_01 .content { padding-top: 30px; line-height: 20px; } /**box3**/ .b3_bg { background: url('../../img/lcyy/aa3.jpg') no-repeat center top; } .b3_01 { margin-top:-274; width: 924px; padding-bottom:45px; } .b3_01 h2 { background: url(../../img/lcyy/3-hd.png) no-repeat center; text-align: left; height: 44px; padding-left: 45px; line-height: 20px; font-size: 20px; padding-top: 33px; } .b3_01 .content { text-align: center; padding-top: 30px; line-height: 20px; } /**box4**/ .b4_bg { background: url('../../img/lcyy/aa4.jpg') no-repeat center top; color: #fff; } .b4_01 { margin-top:-310px; width: 924px; } .b4_01 h2 { background: url(../../img/lcyy/4-hd.png) no-repeat center; text-align: left; height: 44px; padding-left: 45px; line-height: 20px; font-size: 20px; padding-top: 33px; } .b4_01 .sub-nav { background-color: #0187d1; width: 363px; margin-left: 535px; position: absolute; text-align: right; top: 40px; } .b4_01 .sub-nav li { background-color: #0187d1; color: #fff; font-size: 14px; font-weight: bold; display: inline-block; *zoom:1; *display:inline; height: 37px; width: 121px; vertical-align: top; line-height: 3em; text-align: center; cursor: pointer; } .b4_01 .sub-nav li:hover, .b4_01 .sub-nav li.active { background-color: #ffffff; color:#0187d1; } .b4_01 .content { padding-top: 20px; line-height: 20px; } .b4_01 .content div { position: relative; } .b4_01 .content h4{ color: #000; padding-bottom: 10px; font-size: 12px; } .b4_01 .content .vision ul{ overflow: hidden; margin-top: 20px; } .b4_01 .content .vision ul li{ width: 195px; float: left; margin-right:16px; } .b4_01 .content .vision ul li.lasst{ margin-right: 0; } .b4_01 .content .vision ul li img{ display: block; width: 195px; height: 124px; } .b4_01 .content .vision ul li p{ text-indent: 0; text-align: center; margin-top: 15px; } /**box5**/ .b5_bg { background: url('../../img/lcyy/aa5.jpg') no-repeat center top; } .b5_01 { margin-top:-274; width: 924px; padding-bottom:45px; } .b5_01 h2 { background: url(../../img/lcyy/5-hd.png) no-repeat center; text-align: left; height: 44px; padding-left: 45px; line-height: 20px; font-size: 20px; padding-top: 33px; } .b5_01 .content { line-height: 20px; padding-top: 30px; } .b5_01 .content h4{ color: #000; /*padding-bottom: 20px;*/ font-size: 12px; } /**box6**/ .b6_bg { background: url('../../img/lcyy/aa6.jpg') no-repeat center top; } .b6_01 { margin-top:-274; width: 924px; padding-bottom:45px; } .b6_01 h2 { background: url(../../img/lcyy/6-hd.png) no-repeat center; text-align: left; height: 44px; padding-left: 45px; line-height: 20px; font-size: 20px; padding-top: 33px; } .b6_01 .content { line-height: 20px; padding-top: 30px; } .b6_01 .content h4{ color: #000; /*padding-bottom: 20px;*/ font-size: 12px; } /**box7**/ .b7_bg { background: url('../../img/lcyy/aa7.jpg') no-repeat center top; } .b7_01 { margin-top:-274; width: 924px; padding-bottom:45px; } .b7_01 h2 { background: url(../../img/lcyy/7-hd.png) no-repeat center; text-align: left; height: 44px; padding-left: 45px; line-height: 20px; font-size: 20px; padding-top: 33px; } .b7_01 .content { line-height: 20px; padding-top: 30px; } .next-btn { background: url('../../img/lcyy/next_btn.png') center no-repeat; width: 130px; height: 52px; position: fixed; bottom: 0; left: 50%; margin-left: -65px; }