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;
}