@keyframes breath {
	0%,to {
	-webkit-transform:scale(.9);
	transform:scale(.9)}
50% {
	-webkit-transform:scale(1);
	transform:scale(1)}
}
@-webkit-keyframes breath {
	0%,to {
	-webkit-transform:scale(.9);
	transform:scale(.9)}
50% {
	-webkit-transform:scale(1);
	transform:scale(1)}
}
html {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%}
body,button,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,li,ol,p,ul {
	margin:0;
	padding:0}
dl,li,ol,ul {
	list-style:none outside none}
h1,h2,h3,h4,h5,h6 {
	font-size:100%}
option,select {
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit}
body,input {
	font-family:'Microsoft YaHei','Helvetica Neue',Helvetica,Arial,'WenQuanYi Micro Hei',sans-serif}
a,input {
	outline:0}
input {
	font-style:inherit;
	font-weight:inherit;
	padding:0;
	margin:0;
	font-size:inherit}
button,img,input {
	border:0}
a,a:hover {
	text-decoration:none}
a {
	color:#333}
a:hover {
	color:red}
img {
	vertical-align:top}
table {
	border-collapse:collapse;
	border-spacing:0}
body {
	color:#000;
	background:#e7f0f3}
.hide {
	display:none}
.box:after,.clfix:after,.clfix:before,.con:after {
	content:'.';
	visibility:hidden;
	clear:both;
	display:block;
	height:0}
.box,.clfix,.con {
	*zoom:1}
.f-kaiti,.f-song {
	font-family:"KaiTi";
	font-weight:700}
.f-song {
	font-family:"宋体"}
select {
	border:none;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none}
@font-face{font-family:'SofiaProLight';
src:url('font/swjt.eot');
src:url('font/swjt.eot?#iefix') format('embedded-opentype'),url('font/swjt.woff') format('woff'),url('font/swjt.ttf')  format('truetype'),  url('font/swjt.svg#SofiaProLight')  format('svg')}
	
@font-face {
	font-family:'SourceHanSerifCN-Bold';
	font-display:swap;
	src:url(../font/SourceHanSerifCN-Bold-3ac1bde21e.eot);
	src:url(../font/SourceHanSerifCN-Bold-3ac1bde21e.eot) format("embedded-opentype"),url(../font/SourceHanSerifCN-Bold-045fe95c4a.woff) format("woff"),url(../font/SourceHanSerifCN-Bold-8c62b98c5e.ttf) format("truetype"),url(../font/SourceHanSerifCN-Bold-7768d94454.svg) format("svg")}
.new-font {
	font-family:'swjt'}
.container {
	width:100%;
	min-width:1200px;
	max-width:1920px;
	overflow:hidden;
	margin:0 auto}
#content,#footer,#header,#header2,.container,.main,.part,.s1,.s2,.s3,.wrap {
	position:relative}
.main,.wrap {
	width:1200px;
	margin:0 auto}
.transition {
	transition:all .2s ease-in-out;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out}
#DY_COMMON_TOPBAR {
	height:55px}
.lazy_img {
	background-image:none!important}
#header {
	height:505px}
#header2 {
	height:667px}

#sub_bgcon .s1 {
	background:url(sub_cen-f91e57d273.jpg) center 780px repeat-y}

.ban-warp,.video-pop {
	height:100%}
.ban-warp .index-banner-video {
	position:absolute;
	cursor:pointer;
	-webkit-animation:breath 2s linear infinite;
	animation:breath 2s linear infinite}
.video-pop {
	position:fixed;
	width:100%;
	background:#000;
	filter:alpha(opacity=80);
	background:rgba(0,0,0,.8);
	z-index:999999;
	left:0;
	top:0;
	display:none}
.video-pop .videoBox {
	background:0 0;
	position:absolute;
	z-index:999;
	width:800px;
	height:450px;
	top:50%;
	left:50%;
	margin-left:-400px;
	margin-top:-225px}
.video-pop .close-btn {
	position:absolute;
	display:block;
	z-index:999;
	top:-2px;
	right:-48px;
	cursor:pointer;
	width:40px;
	height:40px;
	background:url(close-btn-cbb40d23fe.png) center center no-repeat;
	-webkit-transition:transform .5s ease-in-out;
	-webkit-transition:-webkit-transform .5s ease-in-out;
	-o-transition:transform .5s ease-in-out;
	transition:transform .5s ease-in-out;
	transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}
.video-pop .video-pop .close-btn:hover {
	-webkit-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg)}
.head-mp4,.logo {
	position:absolute;
	left:50%}
.head-mp4 {
	overflow:hidden;
	margin-left:-960px;
	width:1920px;
	top:0}
.head-mp4 video {
	width:100%;
	height:auto}
.logo {
	width:200px;
	top:5px;
	margin-left:-100px;
	z-index:2}
.logo img {
	width:200px;
	height:110px}
.common-nav .nav-dygame:hover .qr-box,.common-nav .nav-weibo:hover .qr-box,.common-nav .nav-weixin:hover .qr-box,.common-nav:hover .dropdown-menu,.logo a {
	display:block}
.banner-link,.common-nav {
	width:100%;
	position:absolute;
	top:0}
.banner-link {
	height:100%;
	font-size:0;
	left:0}
.banner-link a {
	width:100%;
	height:100%;
	display:block}
.common-nav {
	left:50%;
	margin-left:-50%;
	z-index: 120}
.common-nav .nav-bg,.common-nav .nav-menu {
	height:64px;
	width:1500px;
	margin: 0 auto}
.common-nav .nav-bg {
	}
	.common-nav{background:#000;
	filter:alpha(opacity=50);
	background:rgba(0,0,0,.5)}
.common-nav .nav-menu {
	z-index:1;
	margin-top:-64px}
.common-nav .nav-wrap {
	position:relative;
	width:1000px;
	min-width:1000px;
	margin:0 auto}
.common-nav .nav-inner {
	font-size:0}
.common-nav .dropdown-inner li,.common-nav .nav-inner li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	position:relative;
	width:128px;
	text-align:center}
.common-nav .nav-inner li a {
	display:block;
	text-align:center;
	text-decoration:none;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	position:relative;
	font-size:16px;
	color:#fff;
	height:64px;
	line-height:64px}
.common-nav .dropdown-inner li a:hover,.common-nav .nav-inner li a:hover {
	color:#ffec96}
.common-nav .nav-inner li i {
	position:absolute;
	right:0;
	top:24px;
	width:1px;
	height:19px;
	background:#527985}
.common-nav .nav-inner li:nth-child(4) i,.common-nav .nav-inner li:nth-child(8) i {
	display:none}
.common-nav .nav-inner li:nth-child(1) {
	text-align:left}
.common-nav .nav-inner li:nth-child(8) {
	text-align:right}
.common-nav .dropdown-inner li.game-inner,.common-nav .nav-inner li.nav-li05 {
	margin-left:230px}
.common-nav .dropdown-menu {
	width:100%;
	background:#000;
	filter:alpha(opacity=50);
	background:rgba(0,0,0,.5);
	height:170px;
	position:relative;
	display:none}
.common-nav .dropdown-inner {
	font-size:0}
.common-nav .dropdown-inner li a {
	font-size:14px;
	color:#c9d9dc;
	height:30px;
	line-height:30px;
	display:block}
.common-nav .dropdown-inner li a span {
	padding:4px 1px}
.common-nav .dropdown-inner li a:hover span {
	border-bottom:1px solid #ffec96}
.common-nav .qr-box {
	position:absolute;
	top:10px;
	right:-130px;
	display:none;
	z-index:3}
.hot-moudle {
	height:328px;
	position:relative;
	z-index:1}
.hot-enter {
	float:left;
	width:222px;
	overflow:hidden}
.hot-enter-btn {
	width:100%;
	overflow:hidden;
	margin-bottom:10px;
	position:relative}
.hot-enter-btn a {
	display:block;
	overflow:hidden;
	text-align:center}
.hot-enter-btn a:hover {
	color:#fff}
.hot-enter-btn .mini-down {
	position:relative;
	background:url(left_down_pc-ed6f588d9a.png) no-repeat;
	width:222px;
	height:158px}
.enter-sbtn a,.hot-enter-btn .mini-down p,.hot-enter-btn .mini-down span,.sidebar-left h4 {
	width:222px;
	text-align:center}
.hot-enter-btn .mini-down p,.hot-enter-btn .zs-down p {
	font-size:0}
.hot-enter-btn .mini-down:hover {
	background:url(left_down_pc_h-5f9ffe60c1.png) no-repeat;
	width:222px;
	height:158px}
.hot-enter-btn .zs-down {
	position:relative;
	background:url(left_down_zhushou-059d30052d.png) no-repeat;
	width:222px;
	height:93px}
.hot-enter-btn .zs-down:hover {
	background:url(left_down_zhushou_h-18b10cc107.png) no-repeat;
	width:222px;
	height:93px}
.hot-enter-btn .ind_reg {
	background:url(left_down_reg-fa72b61496.png) no-repeat;
	width:222px;
	height:72px;
	position:relative}
.hot-enter-btn .ind_reg:hover {
	background:url(left_down_reg_h-5111099b99.png) no-repeat;
	width:222px;
	height:72px}
.hot-enter-btn .ind_reg p {
	font-size:0;
	color:#fff;
	line-height:72px;
	text-shadow:0 0 3px #d5c07a}
.hot-enter-btn .ind_reg span,.hot-enter-btn .ind_reg2 span {
	display:block;
	line-height:20px;
	font-size:14px;
	color:#ece7e7}
.enter-sbtn,.enter-sbtn2 {
	overflow:hidden;
	width:222px}
.enter-sbtn {
	background:url(ind_leften-9e9eb6182b.png) no-repeat 0 0;
	height:98px}
.enter-sbtn a {
	width:50%;
	height:49px;
	line-height:49px;
	font-size:14px;
	color:#fff;
	float:left}
.hot-enter-btn .ind_reg2 {
	background:url(ind_reg2-fb00a16205.png) no-repeat;
	width:222px;
	height:85px;
	position:relative}
.hot-enter-btn .ind_reg2:hover {
	background:url(ind_reg2h-298d7b8da4.png) no-repeat;
	width:222px;
	height:85px}
.hot-enter-btn .ind_reg2 p {
	font-size:28px;
	color:#fefeff;
	line-height:85px}
.enter-sbtn2 {
	background:url(ind_leften-567e23b826.png) no-repeat;
	height:243px}
.enter-sbtn2 a {
	width:222px;
	height:59px;
	line-height:59px;
	text-align:center;
	font-size:20px;
	color:#fff;
	border-bottom:1px solid #41516b}
.enter-sbtn2 a:hover {
	color:#f6e8bb}
.sidebar-left {
	width:222px;
	height:675px;
	background:url(ind_fuwbg-57bd5d8820.jpg) no-repeat 0 0;
	float:left}
.sidebar-left h4 {
	font-size:0;
	color:#fff;
	width:100%;
	height:78px;
	font-weight:400}
.sidebar-left-guide,.sidebar-quick h4 {
	width:100%;
	height:140px;
	color:#fff}
.sidebar-left-guide h5 {
	font-size:20px;
	height:46px;
	line-height:46px;
	text-align:center;
	color:#fafdff;
	font-family:"宋体"}
.sidebar-left-guide h5 i {
	display:inline-block;
	vertical-align:middle;
	width:9px;
	height:1px;
	background:#fafdff;
	margin:0 5px}
.sidebar-left-guide ul {
	margin-left:58px}
.sidebar-left-guide li {
	height:29px;
	line-height:29px;
	font-size:14px}
.sidebar-left-guide li a {
	color:#fef7da;
	display:block}
.sidebar-left-guide li i {
	display:inline-block;
	margin-right:15px;
	background:url(nav_doth-0345a9ab39.png) no-repeat;
	width:8px;
	height:8px}
.sidebar-left-item {
	width:152px;
	margin:17px auto 0}
.sidebar-left-item li {
	width:100%;
	height:72px;
	border-top:1px dashed rgba(219,237,247,.25)}
.sidebar-left-item li a {
	color:#fafdff;
	font-size:20px;
	display:block;
	width:100%;
	height:72px;
	line-height:72px;
	font-family:"宋体";
	font-weight:700}
.sidebar-left-item li a i,.sidebar-quick-item li a i {
	-webkit-transition:all .3s linear 0s;
	-o-transition:all .3s linear 0s;
	transition:all .3s linear 0s}
.sidebar-left-item li a i {
	vertical-align:middle;
	margin-right:15px;
	margin-left:10px;
	display:inline-block}
.sidebar-left-item li a .sidebar-icon1 {
	background:url(dot_ser01-d3f639b563.png) no-repeat;
	width:34px;
	height:34px}
.sidebar-left-item li a .sidebar-icon2 {
	background:url(dot_ser02-ef50434a07.png) no-repeat;
	width:34px;
	height:34px}
.sidebar-left-item li a .sidebar-icon3 {
	background:url(dot_ser03-95a141ef85.png) no-repeat;
	width:34px;
	height:34px}
.sidebar-left-item li a .sidebar-icon4 {
	background:url(dot_ser04-dc85f766c1.png) no-repeat;
	width:34px;
	height:34px}
.sidebar-left-item li a .sidebar-icon5 {
	background:url(dot_ser05-d71f5258b3.png) no-repeat;
	width:34px;
	height:34px}
.sidebar-left-item li a .sidebar-icon6 {
	background:url(dot_ser06-45ab87bb43.png) no-repeat;
	width:34px;
	height:34px}
.sidebar-left-item li a .sidebar-icon7 {
	background:url(dot_ser07-acf2d1ea5f.png) no-repeat;
	width:34px;
	height:34px}
.sidebar-left-item li a:hover {
	color:#fff4cb}
.sidebar-left-item li a:hover i,.sidebar-quick-item li a:hover i {
	-webkit-transform:rotateY(180deg);
	transform:rotateY(180deg);
	-webkit-transition:all .4s linear .05s;
	-o-transition:all .4s linear .05s;
	transition:all .4s linear .05s}
#sub_bgcon .sidebar-left {
	margin-top:10px}
#sub_bgcon .sidebar-quick {
	margin-top:20px}
.skill-wrap {
	overflow:hidden;
	clear:both;
	float:left;
	margin-top:15px}
.sidebar-quick {
	width:222px;
	height:322px;
	background:url(ind_quickbg-57caf41785.jpg) no-repeat 0 0;
	float:left}
.sidebar-quick h4 {
	font-size:0;
	height:71px;
	line-height:71px;
	text-align:center;
	font-weight:400}
.sidebar-quick-item {
	margin-left:6px;
	margin-top:26px}
.sidebar-quick-item li {
	width:105px;
	height:86px;
	float:left;
	text-align:center}
.sidebar-quick-item li a {
	color:#446675;
	font-size:16px;
	display:block;
	line-height:30px}
.sidebar-quick-item li a i {
	display:block;
	margin:0 auto 5px}
.sidebar-quick-item li a .sidebar-icon1 {
	background:url(dot_qk01-55a4199535.png) no-repeat;
	width:40px;
	height:34px}
.sidebar-quick-item li a .sidebar-icon2 {
	background:url(dot_qk02-ebbcd353d2.png) no-repeat;
	width:40px;
	height:34px}
.sidebar-quick-item li a .sidebar-icon3 {
	background:url(dot_qk03-94ede7d7ab.png) no-repeat;
	width:40px;
	height:34px}
.sidebar-quick-item li a .sidebar-icon4 {
	background:url(dot_qk04-d60bf7f270.png) no-repeat;
	width:40px;
	height:34px}
.sidebar-quick-item li:nth-child(3),.sidebar-quick-item li:nth-child(4) {
	margin-top:26px}
#footer {
	line-height:32px}
#footer,#footer a {
	color:#2a3f59}
#footer .row-inner {
	padding-top:56px}
#footer,#footer .row ul {
	text-align:center}
#footer .row li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top}
#footer .row i {
	padding:0 2px}
.foot_enter li:last-child i {
	display:none}
.flogo_www {
	width:161px;
	height:27px}
.common-pop {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:100;
	display:none}
.common-pop .mask {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	background:#000;
	opacity:.7;
	filter:alpha(opacity=70)}
.pagination {
	text-align:center;
	color:#181a1b;
	clear:both;
	padding-top:30px;
	font-size:14px}
.pagination li,.pagination p,.pagination ul {
	display:inline}
.pagination p {
	margin-left:10px}
.pagination li {
	margin-left:5px}
.pagination .current span,.pagination a {
	text-decoration:none;
	display:inline-block;
	vertical-align:middle;
	text-align:center}
.page .current span,.page a {
	border:1px solid #b8cdd4;
	padding:5px 14px;
	line-height:22px;
	overflow:hidden;
	color:#1d2627}
.page .current span,.pagination a:hover {
	color:#fff;
	background:#3c8fb5}
.fix_zk {
	width:144px;
	height:630px;
	background:url(fixrg_bg-25bca9caef.png) no-repeat 3px 0;
	text-align:center;
	position:fixed;
	right:10px;
	bottom:150px;
	z-index: 100}
.fix_ser {
	width:112px;
	margin-left:13px;
	margin-top:133px;
	text-align:center}
.fix_ser h3 {
	font-size:14px;
	color:#1e6d8a;
	font-weight:400;
	background:url(fixrg_ser-3f11df9915.png) no-repeat;
	width:112px;
	height:26px}
.fix_ser strong {
	display:block;
	height:40px;
	line-height:40px;
	font-size:22px;
	color:#2b9bbf;
	margin-top:10px}
.fix_ser p {
	height:20px;
	line-height:20px;
	font-size:14px;
	color:#2b9bbf;
	letter-spacing:1px;
	padding-left:5px}
.fix_btn {
	width:102px;
	margin:10px auto 0;
	overflow:hidden}
.fix_btn a {
	display:block;
	font-size:16px;
	color:#fff;
	line-height:32px;
	margin-bottom:11px;
	background:url(fixrg_btn-9b37fc34fd.png) no-repeat;
	width:102px;
	height:32px}
.fix_btn a.fixrg_down,.fix_btn a:hover {
	background:url(fixrg_btnh-ef63c22ff6.png) no-repeat;
	width:102px;
	height:32px}
.fix_back {
	color:#7994a1;
	font-size:14px;
	text-indent:15px;
	line-height:28px;
	cursor:pointer;
	margin:5px auto 0;
	background:url(fixrg_back-20f9c8840a.png) no-repeat;
	width:102px;
	height:28px}
.fix_close {
	height:50px;
	margin-top:20px;
	cursor:pointer}
.fix_code {
	border-top:1px dashed #bfe4ed;
	width:84%;
	margin:20px auto 0;
	padding-top:10px}
.fix_codeimg {
	margin:0 auto;
	background:url(fixrg_codebg-e394008893.png) no-repeat;
	width:100px;
	height:100px}
.fix_codeimg img {
	width:92px;
	height:92px;
	margin:4px auto 0}
.fix_code p,.fix_ss {
	font-size:16px;
	font-weight:700;
	color:#4aacba}
.fix_ss {
	color:#fff;
	font-size:14px;
	line-height:36px;
	text-indent:30px;
	cursor:pointer;
	position:fixed;
	right:-74px;
	top:70%;
	margin-top:-18px;
	z-index:999;
	background:url(fixrg_ss-955033a8b9.png) no-repeat;
	width:74px;
	height:36px}
.inner-typesel {
	width:100%;
	overflow:hidden;
	border-bottom:2px solid #f1f1f1;
	margin:10px auto 0;
	height:54px;
	padding-bottom:2px}
.inner-typesel .in-b {
	width:965px;
	margin:0 auto}
.inner-typesel a {
	display:block;
	float:left;
	width:20%;
	text-align:center;
	font-size:18px;
	color:#545454;
	height:54px;
	line-height:54px;
	position:relative}
.inner-typesel a i {
	bottom:-2px;
	width:100%;
	height:2px;
	display:none;
	background:#cea92b}
.inner-typesel a.on {
	color:#cea92b;
	display:block}
.inner-typesel a.on i {
	display:block}
.inner-typesel.ts a {
	width:137px}





/*北欧新式底部css*/
.foot {
    width: 100%;
    min-width: 1200px;
    max-width: 1920px;
    height: 230px;
    background: #0d0e15;
    position:relative;
    z-index:11;
    margin: 0 auto;
}

.foot .footLogo {
    background:url(mx_txt.png) no-repeat;
    width: 200px;
    height: 110px;
    margin-left: 70px;
    margin-top: 65px;
    margin-right: 35px;
}
.foot .footerInf {
    margin-top: 30px;
    line-height: 32px;
    font-size: 14px;
    color: #e9e7f1;
    font-weight: bold;
}

.foot .footerInf p {
    line-height: 24px;
}

.foot .footerInf p a {
    color: #e9e7f1
}

.areaheart {
    width: 1200px; 
    margin: 0 auto;
}