html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,main {
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: baseline;
font-family: -apple-system,"PingFang SC", "Helvetica Neue", "Helvetica", "Arial", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "Microsoft JhengHei", SimSun, sans-serif!important;
}
html, body {
overflow-x: hidden;
}
body {
background: #fff;
color: #666666;
font-size:14px;
}
li {
list-style: none;
}
h1,h2,h3,h4{
font-weight:600;
}
a{
color:#333;
text-decoration:none;
}
.bg1{
width:100%;
background:#f7f7f7;
}
header{
height:80px;
width:100%;
background:#fff;
box-shadow:0 2px 2px #bbb;
}
header section{
margin:0 auto;
width:1080px;
height:70px;
display:flex;
justify-content:space-between;
}
h1{
width:120px;
}
h1 a{
display:block;
width:120px;
height:70px;
background-image: url(/nser/images/logo.png);
background-size: 100%;
background-position: center;
text-indent:-9999px;
}
header h2{
width:370px;
padding-top:20px;
font-size:18px;
}
header h2 span{
display:block;
}
header h2 span:last-of-type{
display:inline-block;
border:1px solid #ffb400;
color:#ffb400;
font-size:12px;
font-weight:normal;
margin-top:4px;
padding:0 5px;
}
#nav{
width:560px;
display:flex;
margin-top:10px;
}
#nav li{
height:67px;
}
#nav li > a{
display:block;
padding:0 20px;
height:67px;
border-bottom:3px solid #fff;
line-height:67px;
}
#nav a:hover{
color:#2550dc;
border-color:#94adff;
}
#nav li.current > a{
color:#2550dc;
border-color:#2550dc;
}
#nav li#nav_tool > a{
padding:0 40px 0 20px;
background:url(/nser/images/bg.png) no-repeat 80px -243px;
}
#nav li#nav_tool{
position:relative;
z-index:9;
}
#nav li#nav_tool > a:hover{
border-color:#fff;
}
#tool_box{
position:absolute;
z-index:99;
width:140px;
top:68px;
left:-15px;
background:rgba(255,255,255,0.8);
display:none;
box-shadow:0 3px 3px #eee;
}
#tool_box a,#tool_box a:hover{
display:block;
height:32px;
line-height:32px;
border-bottom:3px solid rgba(240,240,240,0.4);
text-align:center;
}
#bdata{
overflow-x:hidden;
}
#bdata iframe{
width: 100%;
height:100%;
border:none;
display:block;
margin:0;
padding:0;
}
#bdata iframe{
}
main section{
width:100%;
min-width:1100px;
}
main article{
width:1080px;
margin:0 auto;
}
main h2{
margin:0 auto;
border-bottom:1px solid #d1d1d1;
height:48px;
line-height:48px;
padding:28px 25px 0 15px;
font-size:20px;
color:#2b43a8;
width:1040px;
}
main h3{
}
main h2 a{
font-size:14px;
font-weight:normal;
color:#2550dc;
float:right;
display:inline-block;
}
.alliance{
padding:20px 0 40px;
}
.alliance p{
padding:0 20px 25px;
text-indent:2em;
line-height:22px;
}
.alliance h3{
font-size:18px;
height:45px;
text-align:center;
}
.namelist{
height:210px;
display:flex;
justify-content:space-around;
}
.namelist span{
display:block;
width:26px;
height:188px;
border:1px solid #ccd5dd;
background:url(/nser/images/bg.png) no-repeat #fff;
}
.namelist span.lBttnOff{
background-position:8px -70px;
cursor:default;
}
.namelist span.lBttnOn{
background-position:8px 80px;
cursor:pointer;
}
.namelist span.rBttnOff{
background-position:-20px -70px;
cursor:default;
}
.namelist span.rBttnOn{
background-position:-20px 80px;
cursor:pointer;
}
.namelist > div{
border:1px solid #ccd5dd;
border-radius:2px;
background:#fff;
width:900px;
height:170px;
padding:18px 30px 0 60px;
}
#nmlist_box{
width:900px;
height:168px;
overflow:hidden;
}
.namelist ul{
height:168px;
writing-mode:vertical-lr;
}
.namelist li{
display:inline-block;
width:300px;
height:28px;
line-height:28px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
writing-mode:horizontal-tb;
}
#apply_bttn{
display:block;
margin:0 auto;
width:220px;
height:40px;
line-height:40px;
color:#fff;
background:#2f54eb;
border:1px solid #173fdf;
border-radius:3px;
text-align:center;
font-size:16px;
}
.a_temp{
display:flex;
justify-content:space-around;
align-items:center;
line-height:24px;
padding:60px 0;
}
.a_temp p{
text-indent:2em;
}
.a_temp h3{
font-size:18px;
height:45px;
}
.a_temp img{
}
.a_temp div{
width:460px;
}
.art01{
}
.art01 img{
width:540px;
height:103px;
}
.art02 img{
width:490px;
height:157px;
}
.art03 img{
width:540px;
height:297px;
box-shadow:0 0 6px #999;
}
.art04 img{
width:530px;
height:173px;
}
.art06 img{
width:435px;
height:309px;
padding:6px;
box-shadow:0 0 6px #999;
}
.bg_c1{
background:#fbfbfb;
}
#news{
background:#f7f7f7;
}
#news article{
width:1080px;
margin:0 auto;
}
#news div{
display:flex;
justify-content:space-between;
padding-top:28px;
}
#news div a{
display:block;
position:relative;
z-index:0;
width:345px;
height:147px;
color:#fff;
box-shadow:0 0 4px #666;
}
#news img{
width:345px;
height:147px;
}
#news div a p{
display:block;
position:absolute;
width:328px;
height:35px;
bottom:0;
background: rgba(47, 84, 235, .7);
padding:12px 5px 5px 12px;
overflow:hidden;
line-height:22px;
font-size:16px;
text-overflow:ellipsis;
white-space: nowrap;
}
#news div a:hover p{
opacity:1;
background: rgba(47, 84, 235, .9);
}
#news ul{
display:flex;
justify-content:space-between;
padding:15px 0 20px;
width:100%;
flex-wrap: wrap;
}
#news ul li{
width:480px;
padding:25px 10px 0;
height:100px;
border-bottom:1px solid #d9d9d9;
}
#news ul li:nth-last-child(2),#news ul li:last-child{
border:none;
}
#news li a{
font-size:18px;
font-weight:600;
color:#2B43A8;
display:block;
height:22px;
line-height:22px;
margin-bottom:8px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
#news li a:hover{
color:#4867ed;
}
#news li p{
font-size:12px;
line-height:20px;
height:40px;
overflow:hidden;
}
.f_bar{
height:155px;
background:#4d71e7;
}
.f_bar ul{
padding-top:45px;
width:920px;
margin:0 auto;
display:flex;
justify-content:space-between;
}
.f_bar li{
text-align:center;
color:#fff;
}
.f_bar p{
40px;
}
h4{
font-size:40px;
display:inline;
}
footer{
height:80px;
padding-top:30px;
color:#939aa3;
background:#152339;
min-width:1100px;
}
footer section{
width:1080px;
display:flex;
justify-content:space-between;
margin:0 auto;
}
.l_foot{
width:300px;
padding-left:20px;
}
.l_foot h3{
font-size:18px;
}
.l_foot p{
display:inline-block;
border:1px solid #939aa3;
font-size:12px;
margin-top:4px;
padding:0 5px;
}
.r_foot{
padding:5px 120px 0 0;
width:500px;
height:60px;
background:url(/nser/images/bg.png) no-repeat 520px -310px;
text-align:right;
position:relative;
}
.r_foot a{
display:block;
width:90px;
height:54px;
top:0;
right:0;
position:absolute;
}
#musk{
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
background:rgba(0,0,0,0.8);
display:none;
z-index:98;
}
.mechanism{
display:none;
position:fixed;
z-index:99;
width:710px;
height:420px;
top:50%;
left:50%;
margin-left:-375px;
margin-top:-230px;
background:#fff;
padding:20px;
}
.mechanism h3,.apply h3{
height:30px;
font-size:18px;
padding:0 6px;
border-bottom:1px solid #ddd;
color:#888;
}
#shut1,#shut2{
width:21px;
height:21px;
display:block;
background:url(/nser/images/bg.png) no-repeat -81px 4px;
position:absolute;
top:25px;
right:25px;
}
.mechanism h4{
padding:20px 10px 0;
color:#2F54EB;
font-size:14px;
display:block;
height:30px;
}
.mechanism p{
padding:0 10px;
}
.apply{
display:none;
position:fixed;
z-index:99;
width:560px;
height:500px;
top:50%;
left:50%;
margin-left:-300px;
margin-top:-270px;
background:#fff;
padding:20px;
}
.apply h4{
padding:10px;
display:block;
line-height:40px;
color:#555;
font-size:14px;
}
.apply div{
padding:0 10px;
display:flex;
justify-content:space-center;
flex-wrap: wrap;
}
.apply span{
display:inline-block;
width:85px;
text-align:right;
height:36px;
line-height:36px;
padding-right:5px;
}
.apply input[type=text]{
display:inline-block;
width:420px;
height:34px;
border:1px solid #999;
border-radius:4px;
box-shadow: inset 0 0 5px #ddd;
}
.apply input[type=text]:focus{
border:1px solid #2f54eb;
outline:none;
}
.apply b{
font-weight:normal;
color:#f00;
}
.apply p{
width:420px;
padding-left:90px;
color:#f00;
margin-bottom:10px;
}
#checkCode{
width:150px;
}
.apply em{
width:260px;
padding-left:10px;
}
.apply em img{
margin-bottom:-10px;
}
.apply input[type=submit]{
width:158px;
height:40px;
font-size:18px;
color:#fff;
background:#2f54eb;
border:none;
border-radius:5px;
margin-left:92px;
cursor:pointer;
}
.apply input[type=submit]:focus{
outline:none;
}
#applySuccess{
background:rgba(0,0,0,0.7);
width:200px;
height:60px;
line-height:60px;
font-size:20px;
color:#fff;
font-weight:bold;
position:absolute;
top:200px;
left:50%;
margin-left:-100px;
display:none;
}