a {text-decoration: none;} * {text-decoration: none;color: #000000;font: "微软雅黑";} ul, ol {margin: 0;padding: 0;} #menu {margin: 0;padding: 0;position: fixed;left: 10px;top: 10px;list-style-type: none;z-index: 70;} #menu li {float: left;margin: 0 10px 0 0;font-size: 14px;} #menu a {float: left;padding: 10px 20px;background-color: #fff;color: #333;text-decoration: none;} #menu .active a {color: #fff;background-color: #333;} .section {text-align: center;font: 50px "Microsoft Yahei";color: #fff;} @font-face {font-family: zaozi;src: url(../font/MFLangQian_Noncommercial-Regular.otf);} .bg1 {background: url(../img/index3_01.jpg) center center no-repeat;background-size: cover;} .bg1_1 {background: url(../img/index3_01_1.jpg) center center no-repeat;background-size: cover;} .bg1_2 {background: url(../img/index3_01_2.jpg) center center no-repeat;background-size: cover;} .bg1_3 {background: url(../img/index3_01_3.jpg) center center no-repeat;background-size: cover;} .bg2 {background: url(../img/index3_02.jpg) center center no-repeat;background-size: cover;} .bg3 {background: url(../img/index3_03.jpg) center center no-repeat;background-size: cover;} .bg4 {background: url(../img/index3_04.jpg) center center no-repeat;background-size: cover;} .bg5 {background: url(../img/index3_05.jpg) center center no-repeat;background-size: cover;} .bg6 {background: url(../img/index3_06.jpg) center center no-repeat;background-size: cover;} @media screen and (max-width: 1200px ) { .bg1 {background: url(../img/index3_01s.jpg) center center no-repeat;background-size: cover;} .bg1_1 {background: url(../img/index3_01_1s.jpg) center center no-repeat;background-size: cover;} .bg1_2 {background: url(../img/index3_01_2s.jpg) center center no-repeat;background-size: cover;} .bg1_3 {background: url(../img/index3_01_3s.jpg) center center no-repeat;background-size: cover;} .bg2 {background: url(../img/index3_02s.jpg) center center no-repeat;background-size: cover;} .bg3 {background: url(../img/index3_03s.jpg) center center no-repeat;background-size: cover;} .bg4 {background: url(../img/index3_04s.jpg) center center no-repeat;background-size: cover;} .bg5 {background: url(../img/index3_05s.jpg) center center no-repeat;background-size: cover;} .bg6 {background: url(../img/index3_06s.jpg) center center no-repeat;background-size: cover;} } @media screen and (max-width: 640px) { .navbar-brand img { display: block; width:70%;} } .lefoot{ background:rgba(20,20,20,1)} .nav-right{ float:right;} @media screen and (max-width:1200px) { .nav-right{ display:none} } /*********************************第二屏**********************************************/ .sec2-center{ width:1200px; margin:0 auto; background:url(../img/sec2_center_bg.png) center center no-repeat; height:698px; margin-bottom:-100px;padding:270px 550px 120px 260px; } .sec2-center h5{ font-size:16px; line-height:32px; color:rgba(51,51,51,1); width:390px; height:230px; overflow: hidden} .sec2-center h6{ font-size:16px; line-height:40px; color:rgba(0,51,153,1); text-align:center;} @media screen and (max-width: 1200px ) { } /*********************************第二屏**********************************************/ /*********************************第3屏**********************************************/ .sec3-bt{ margin-bottom:30px} .leeteb{ width:1200px; height:450px; padding:0; margin:0 auto; position:relative; background:url(../img/leetab_bg.png) center center no-repeat;} .leeteb-left{ position:absolute; width:510px; height:230px; z-index:3;left: 50%;margin-left: -255px; margin-top:200px; background: rgba(255,255,255,0.8) url(../img/sec3_right_bg.png) bottom right no-repeat } .leeteb-left-li:not(:first-of-type) {display:none;} .leeteb-left-li{width:510px; height:230px;} .leeteb-left-li a{ display:block;} .leeteb-left-li a h2{ background:#1a429b; width:180px; margin:-25px auto 30px auto; line-height:45px; font-size:24px; color:rgba(255,255,255,1); text-align:left;} .leeteb-left-li a h2 span{ background:#deb738; width:30px; line-height:44px; padding:7px 12px;font-size:24px; color:rgba(255,255,255,1); text-align:left; margin-right:15px;} .leeteb-left-li a h5{ padding:15px; line-height:2em;height: 150px;overflow: auto;} .leeteb-right { position:absolute; width:1200px; height:450px; z-index:5} .leeteb-right ul { width:auto; height:auto; margin:0;} .leeteb-right ul li {list-style:none;} .leeteb-right ul li a img{ opacity:0.7} .leeteb-right ul li a:hover img{ opacity:1;} .leeteb-right ul .action {opacity:1;} .leeteb-right-li1{ position:absolute; bottom:0px; left:60px;} .leeteb-right-li2{ position:absolute; top:27px; left:300px;} .leeteb-right-li3{ position:absolute; top:5px; right:270px;} .leeteb-right-li4{ position:absolute; bottom:0px; right:90px;} .leeteb-right-li1{ background:url(../img/leb_li1.png) center center no-repeat;} .leeteb-right-li2{ background:url(../img/leb_li2.png) center center no-repeat;} .leeteb-right-li3{ background:url(../img/leb_li3.png) center center no-repeat;} .leeteb-right-li4{ background:url(../img/leb_li4.png) center center no-repeat;} .leeteb-right-li1:hover{ background:url(../img/leb_li1h.png) center center no-repeat;} .leeteb-right-li2:hover{ background:url(../img/leb_li2h.png) center center no-repeat;} .leeteb-right-li3:hover{ background:url(../img/leb_li3h.png) center center no-repeat;} .leeteb-right-li4:hover{ background:url(../img/leb_li4h.png) center center no-repeat;} /*********************************第3屏**********************************************/ /**/ .sec5-center{ width:1080px; margin:0 auto;} .sec5-center h1{ text-align:left; font-size:36px; color:rgba(255,255,255,1);} .sec5-center h6{ text-align:left; font-size:14px; color:rgba(255,255,255,1);} .sec5-center ul li{ margin:20px 0;} .sec5-center ul h3 a{ font-size:16px; font-weight:700; margin-top:100px; text-align:center; color:rgba(0,51,102,1)} .sec5-nav{ width:100%; text-align:left; margin:40px 0 110px 0;} .sec5-nav a{ padding:10px 20px; font-size:20px; border-radius:25px; background:rgba(0,51,102,1); color:rgba(255,255,255,1); margin-right:40px;} .sec5-nav a:hover{ background:rgba(153,0,0,1);} .sec5-news{ width:100%; height:auto; padding:15px; background:rgba(255,255,255,1)} .sec5-news-left{ float:left; width:200px;} .sec5-news-left img{ width:100%; height:125px;} .sec5-news-right{ float:right; width:810px; text-align:left; margin:0} .sec5-news-right h2{ margin:0; font-size:24px; color:rgba(0,0,0,1); line-height:40px; height:40px; overflow:hidden} .sec5-news-right h5{ margin:0; font-size:14px; color:rgba(51,51,51,1); line-height:28px; height:56px; overflow: hidden} .sec5-news-right h6{ margin:0; font-size:14px; color:rgba(153,153,153,1)} .sec5-news:hover { background:rgba(0,51,102,1);} .sec5-news:hover h2, .sec5-news:hover h5, .sec5-news:hover h6{ color:rgba(255,255,255,1)} @media screen and (max-width: 1600px ) { .sec5-nav{ margin:20px 0 20px 0;} } @media screen and (max-width: 1200px ) { } /*********************************第4屏**********************************************/ /**/ @media screen and (max-width: 1200px ) { } /*********************************第5屏**********************************************/ /**/ .sc6-center{ width: 100%;margin: 0 auto;text-align: center; position: absolute;z-index: 22; padding-top:14%;} .sc6-center h1{ font-size:36px; line-height:45px; margin:0; color:rgba(0,51,102,1)} .sc6-center h5{ font-size:14px; line-height:30px; margin:40px 0;} .sc6-center img{ width:135px; height:149px;} .section6{ height:100%} .sc6{ height:100%} .sc6-foot{ position:relative; width:100%; height:100%; z-index:10} .sc6-foot h5{ position:absolute; bottom:0px; color:rgba(255,255,255,1);line-height: 34px;background: rgb(0, 11, 85);margin: 0;width: 100%;text-align: center;} /*********************************第6屏**********************************************/ @media screen and (max-width: 1600px) { } @media screen and (max-width: 1400px ) { }