@charset "utf-8";
/* CSS Document */

/* Clear */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,textarea,p,a,table,th,td,img { margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0;}
img { border:0;}
em,strong,th{ font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
a { text-decoration: none;}
a:hover { text-decoration: underline;}

/* Layout */
#page{ width: 100%; font-family: "微软雅黑"; font-size: 12px; text-align: center;}
.page-int { width: 960px; margin: 0 auto; text-align: left;}
.page-int-warp { width: 820px; margin-left: 140px; background: url(../img/wblock.png) no-repeat;}

#header { height: 238px; overflow: hidden;}
.navtop { visibility: hidden;height: 48px; padding-left: 555px; color: #FFF;}
.navtop a{
    
    display:none;
}
a.linktop { color: #FFF; font-family: "微软雅黑";}
a.linktop:hover { color: #F5F5F5;}
.logodiv{ width: 241px; height: 166px; float: left; margin-left: 36px; text-indent: -9999px; overflow: hidden;  background: url(../img/logoimg.jpg) no-repeat;}
.suban{ width: 456px; height: 139px; float: left; margin-top: 20px; margin-left: 25px; text-indent: -9999px; overflow: hidden;}

#slideshow{ padding-left: 12px; overflow: hidden;}
.htit { margin-top: 38px; font-size: 30px; line-height: 28px; font-weight: bold; color: #FFF;}
.htitl { margin-top: 5px; font-size: 16px; color: #BBB;}
.htitle { margin: 30px 35px 0 25px; font-size: 14px; line-height: 24px;}
.htitlep { margin: 10px 55px 0 48px; font-size: 14px; text-align: right;}
#pmartop{ margin-top: 0px;}

#sidemenu { position: relative;}
.sidetab { width: 73px; height: 377px; margin-top: -117px; position: absolute; top: 0; right: -65px;}
.atab { width: 6px; margin-left: 25px; font-family: "微软雅黑"; font-size: 18px; line-height: 18px;  display: block;}
a.atab:hover{ text-decoration:none;}
.martop1 { margin-top: 20px; color: #FFF;}
.martop2 { margin-top: 35px; color: #333;}
.martop3 { margin-top: 35px; color: #FFF;}
.martop4 { margin-top: 20px; color: #333;}

#mainly{ overflow: hidden;}
.mleft { width: 280px; float: left;}
.mright { width: 490px; float: left; margin-left: 15px;}

/* Glory */
.bgimg-1 { background: url(../img/bgimg1.jpg) center top no-repeat;}
.subanimg-1 { background: url(../img/subanimg1.jpg) no-repeat;}
.swimg-1 { height: 220px; background: url(../img/swimg1.png) no-repeat;}
.stimg-1 { margin-top: -139px; background: url(../img/stimg1.png) no-repeat;}
.mimg-1 { background: url(../img/mimg1.png) no-repeat;}

.mltit { margin-top: 27px; margin-left: 17px; padding-left: 60px; font-size: 30px; font-weight: bold;; line-height: 45px; background: url(../img/coin.jpg) no-repeat;}
.mlul { margin-left: 25px; margin-top: 30px; font-size: 12px; line-height: 18px;}
.mlnum1 { font-size: 12px; margin: 4px 0; color: #878787;}
.mlnum2 { font-size: 14px; font-weight: bold; color: #878787;}
.mlnum3 { margin-top: 12px; font-size: 60px; line-height: 60px; font-weight: bold; white-space: nowrap; color: #4A260C;}
.mlnum4 { font-size: 18px; white-space: nowrap;}
.wordimg { background: url(../img/wordimg.jpg) 100px 0 no-repeat;}
.geshort { height: 1; line-height: 1; display: block; margin-bottom: 10px;}

.mrtit { margin-top: 27px; padding-left: 60px; font-size: 30px; font-weight: bold; line-height: 45px; background: url(../img/coin.jpg) 0 -45px no-repeat;}
.mrbox { height: 612px; margin-top: 30px; margin-left: 10px; overflow: hidden;}
.mrboxa { width: 477px; height: 92px; margin-bottom: 10px; display: block; background-color: #000;}

/* Dream */
.bgimg-2 { background: url(../img/bgimg2.jpg) center top no-repeat;}
.subanimg-2 { background: url(../img/subanimg2.jpg) no-repeat;}
.swimg-2 { height: 198px; background: url(../img/swimg2.png) no-repeat;}
.stimg-2 { background: url(../img/stimg2.png) no-repeat;}
.mimg-2 { background: url(../img/mimg2.png) no-repeat;}

.mltxt { margin-top: 27px; margin-left: 17px; padding-left: 60px; font-size: 30px; font-weight: bold;; line-height: 45px; background: url(../img/coin.jpg) 0 -90px no-repeat;}
.mldltd { width: 255px; overflow: hidden; margin-top: 15px; margin-left: 25px; font-size: 12px; display: block;}
.mldltd dl { display: block;}
.mldltd dl dt { width: 62px; float: left; padding: 2px 8px 2px 2px; text-align: right; display: block; background-color: #A3CFD5;}
.mldltd dl dd { width: 175px; float: left; padding: 2px 2px 2px 6px; line-height: 18px; text-align: left; display: block; background-color: #E2EAED;}
.mldltd img { display: block; margin-left: 116px; padding: 1px;}
.mldtop1 { line-height: 18px;}
.mldtop2 { line-height: 36px;}
.mldtop3 { line-height: 54px;}
.colred{ font-weight: bold; color: #DC241F;}

.mrtxt { margin-top: 27px; margin-left: 17px; padding-left: 60px; font-size: 30px; font-weight: bold; line-height: 45px; background: url(../img/coin.jpg) 0 -135px no-repeat;}
.mrul { margin-top: 15px; margin-left: 10px; font-size: 12px;}
.mrulia { width: 110px; height: 124px; display: block; float: left; margin-right: 15px;}
.mrulia img { width: 110px; height: 124px;}
.mrulip { height: 124px; overflow: hidden;}
.mrup1 { margin-top: 2px; font-size: 28px; line-height: 24px; color: #17474B;}
.mrup2 { margin-top: 5px; font-size: 16px; line-height: 14px; color: #2D8392;}
.mrup3 { margin-top: 8px; font-size: 12px; color: #666;}
.mrulidiv { width: 480px; height: 61px; margin: 10px 0 8px 0;}
.mrulidiv img { width: 480px; height: 61px;}
.gemiddle { height: 1; line-height: 1; display: block; margin-bottom: 10px;}

/* Innovate */
.bgimg-3 { background: url(../img/bgimg3.jpg) center top no-repeat;}
.subanimg-3 { background: url(../img/subanimg3.jpg) no-repeat;}
.swimg-3 { height: 198px; background: url(../img/swimg3.png) no-repeat;}
.stimg-3 { background: url(../img/stimg3.png) no-repeat;}
.mimg-3 { width: 820px; height: 714px; overflow: hidden; margin-top:50px;}
.imgflot { position: absolute; left: 0; top: 0; width: 820px; height: 66px; background: url(../img/mimg3.png) no-repeat;}
.pshosf { margin-left:40px;}
.phide { font-family:"微软雅黑"; font-size: 16px; line-height:14px; padding:20px 10px 15px; display:inline-block; color:#999;}
a.imgflota { display: inline-block;}
a.imgflota:hover { text-decoration: none;}
a.imgflota:hover span { text-decoration: underline; color: #BA0000;}

.mainbox {}
#content_1{ height:722px;}
.mimg-3 { position: relative; height: 750px; overflow: hidden;}
.mboxlimg { padding-left: 340px;}
.mboxrimg { padding-left: 40px;}
.blimgp1 { padding-top: 10px; font-size: 24px; line-height: 30px; font-weight: bold;}
a.blimgp2 { width: 200px; display: none; padding: 10px 0 0 30px; font-family:"微软雅黑"; font-size: 14px; color: #8B8B8B; background: url(../img/video.jpg) no-repeat;}
.blimgp3 { width: 450px; font-size: 14px; line-height: 26px; text-indent: 2em;}
a.blimgp4 { width: 200px; display: block; padding: 22px 0px 20px 32px; font-size: 14px; font-family:"微软雅黑"; color: #BA0000; background: url(../img/more.jpg) no-repeat;}
.gelong { height: 1; line-height: 1; display: block; margin-left: 35px;}
.bgpic1 { background: url(../img/picture1.png) 30px 13px no-repeat;}
.bgpic2 { background: url(../img/picture2.jpg) 500px 13px no-repeat;}
.bgpic3 { background: url(../img/picture3.jpg) 50px 13px no-repeat;}
.bgpic4 { background: url(../img/picture4.png) 210px 13px  no-repeat;}
.bgpic5 { background: url(../img/picture5.jpg) 40px 13px no-repeat;}
.bgpic6 { background: url(../img/picture6.jpg) 370px 13px  no-repeat;}

#phid1,#phid2,#phid3{ color: #BA0000;}

#header { position: relative;}
.sharebut { position: absolute; bottom: 5px; right: 50px;}



/* Header & Footer */
.layout-footer{overflow:hidden;background:rgba(0, 0, 0, .2);}
.layout-footer .layer{position:relative;overflow:hidden;zoom:1;margin:0 auto;padding:30px 20px 10px;width:1000px;}
.layout-footer .list-company{float:left;padding-top:18px;}
.layout-footer .list-company li{float:left;margin-right:20px;}
.layout-footer .list-company a:link,
.layout-footer .list-company a:visited{overflow:hidden;display:block;width:121px;height:49px;text-indent:-6666px;background:url(../../../style/v3/img/img_company_white.jpg) no-repeat 0 0;}
.layout-footer .list-company .item-ncsoft a:link,
.layout-footer .list-company .item-ncsoft a:visited{background-position:0 -49px;}
.layout-footer .list-company .item-arena a:link,
.layout-footer .list-company .item-arena a:visited{background-position:0 -98px;}
.layout-footer .block-info{float:left;width:528px;}
.layout-footer .block-info p{line-height:18px;color:#000;font-size:12px;font-family:"CronosPro",arial,helvetica,sans-serif}
.layout-footer .block-info a:link,
.layout-footer .block-info a:visited{color:#000;}




/*2020.5.28*/
.logoa{display: block;width: 100%;height: 100%;}