@-webkit-keyframes gupIn{from{opacity:0;-webkit-transform:translate3d(0,-30px,0);}}
@-moz-keyframes gupIn{from{opacity:0;-moz-transform:translate3d(0,-30px,0);}}
@keyframes gupIn{from{opacity:0;transform:translate3d(0,-30px,0);}}



/*header*/
.wrap{z-index:99999;position:fixed;top:0;left:0;width:100%;border-bottom:1px solid #ddd;-webkit-animation:gupIn 1s 0.1s both;-moz-animation:gupIn 1s 0.1s both;animation:gupIn 1s 0.1s both;}
.box{width:1200px;text-align:left;margin:0 auto;padding:0;font-size:12px;}

.top{width:100%;height:30px;line-height:30px;background:#0d3d86}
.top-left{height:30px;overflow:hidden}
.top-left span{color:#fff;margin-right:30px;}
.top-left .fa{font-size:14px;}
.top-right a.login,.top-right a.register{color:#fff;margin-right:25px}
.top-right a.login .fa,.top-right a.register .fa{font-size:14px;margin-right:10px}
.top-right .language{position:relative;color:#fff;cursor:pointer}
.top-right .language span{margin:0 10px}
.second-language{position:absolute;visibility:hidden;left:0px;top:35px;width:100px;opacity:0;-webkit-transform:translate(0px, -15px);-moz-transform:translate(0px, -15px);transform: translate(0px, -15px);-webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);z-index:1;}
.second-language a{display:block;text-align:center;border:1px solid #ddd;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.second-language.open{visibility:visible;opacity:1;-webkit-transform: translate(0px, -1px);-moz-transform: translate(0px, -1px);transform: translate(0px, -1px);}

.header{width:100%;height:100px;background:#fff}
.header .logo{padding-top:10px;overflow:hidden}
.nav{margin-top:12px;}
.nav > div > li{float:left;margin-left:8px;list-style:none;}
.nav > div > li > a{font-size:20px;}
.nav > div > li > a.on{color:#0d3d86}
.t_wz {
    float: left;
    padding: 20px 0 0 10px;
    position: relative;
    height: 80px;
}
.t_wz em {
    display: block;
    font-size: 16px;
    color: #000000;
    height: 34px;
    line-height: 34px;
    font-weight: bold;
    font-weight: bold;
}
.t_wz em i {
    color: #0053a1;
}
.t_wz span {
    font-size: 15px;
    display: block;
    overflow: hidden;
    color: #000000;
    height: 28px;
    line-height: 28px;
}
.t_wz span i {
    padding-left: 10px;
    display: inline-block;
    letter-spacing: 2px;
}

.right-bar{z-index:10000;position:fixed;top:50%;right:0;width:80px;margin-top:-142px}
.right-bar li{height:100px;text-align:center;background:rgba(0,0,0,.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);zoom:1;padding-top:15px;margin-bottom:2px;-moz-border-radius:6px 0 0 6px;-webkit-border-radius:6px 0 0 6px;border-radius:6px 0 0 6px;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;cursor:pointer}
.right-bar li .img{margin-bottom:10px}
.right-bar li p{font-size:14px;color:#fff}
.right-bar li.code{position:relative;padding-top:15px;}
.right-bar li.code .hid-code{display:none;position:absolute;top:0;right:80px;}
.right-bar li.code .hid-code img{}
.right-bar li.back{height:80px;margin:0}
.right-bar li:hover{background:#0d3d86;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C80d3d86,endColorstr=#C80d3d86);zoom:1;}

/*banner*/
.banner{position:relative;height:600px;overflow:hidden}
#banner{width:100%;overflow:hidden}
#banner a{display:block;height:600px;background-position:center;background-size:cover}
#banner .owl-dots{z-index:100;position:absolute;left:0;bottom:140px;width:100%;text-align:center}
#banner .owl-dots .owl-dot{display:inline-block;margin:0 5px;}
#banner .owl-dots .owl-dot span{display:block;width:20px;height:10px;border:1px solid #ddd;background:#fff;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}
#banner .owl-dots .owl-dot.active span{width:30px;background:#0d3d86}

.sub-banner .box{position:relative;}
.banner-text{background: rgba(255,255,255,.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);zoom:1;color:#0d3d86;padding: 0 20px;height:100px;text-align:center;line-height:93px;position:absolute;left:120px;top:100px;font-size:30px;}
.banner-text .tit_name{font-size:30px;font-weight:bold;}
.banner-text .tit_name_alias{font-size:24px;}


.float-bar{z-index:100;position:absolute;left:50%;bottom:0;width:1200px;height:120px;background:rgba(0,0,0,.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);zoom:1;margin-left:-600px;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0}
.float-bar ul li{position:relative;float:left;width:400px;}
.float-bar ul li .img{width:170px;text-align:center;padding:15px 0}
.float-bar ul li .text{color:#fff;padding-top:25px;margin-left:170px;overflow:hidden}
.float-bar ul li .text h1{font-size:24px;margin-bottom:10px}
.float-bar ul li .text p{font-size:16px}
.float-bar ul li b{position:absolute;top:30px;right:0;width:1px;height:60px;background:#fff;}
.float-bar ul li.f3 .text h1{margin-bottom:5px}
.float-bar ul li.f3 .text p{font-size:24px}

/*footer*/
.footer{background:#282c35}
.foot-main{padding:40px 0;}
.foot-main .call{width:290px;background:url(../images/line.png) no-repeat right top;margin-right:40px}
.foot-main .text .foot-link{margin-bottom:10px}
.foot-main .text .foot-link a{font-size:16px;color:#bbb;margin-right:15px}
.foot-main .text .foot-link a:hover{color:#0d3d86}
.foot-main .text p{font-size:14px;color:#888;line-height:25px}
.foot-main .text span{margin-right:20px}
.copyright{color:#888;padding:10px 0;border-top:1px solid #5f5f5f}
.header_mb {display:none;}
.foot-main .call img {width:248px;}
@media screen and (max-width:767px){
	body{min-width:100% !important;width:100% !important;padding-top:0px !important;}
	.footer {padding:0 15px;}
	.home-item ul li a .text h1{padding-top:25px !important;}
	.top {position:relative;}
	.top-right .language {z-index:9999999999999999;}
	.second-language {top:31px !important;}
	.foot-main .call {display:flex;justify-content:center;padding-bottom:20px;}
	.header {height:70px;position:relative;}
	.header_mb{position:relative;height:70px;padding-left:5px;background:#fff;display:block !important;}
	.header_mb .logo{height:70px;padding-top:0px;}
	.header_mb .logo img{display:block;padding-top:5px;height:60px;}
	.header .logo {line-height:1;}
	.section {padding: 20px 0 !important;}
	.right-bar,.header .box,.float-bar,.location {display:none;}
	.box {width: 100% !important;}
	.banner {height:auto;padding-top:100px;}
	#banner a {height:240px;}
	.sub-banner {padding-top:70px !important;}
	.query {height: auto !important;padding: 0 !important;}
	.query input.textbox {width:100% !important;}
	.query input.sub{right:0 !important;}
	.home-item ul li {width:100% !important;}
	.home-item ul li a .img, .home-item ul li a .text {width: 50% !important;}
	.home-news ul {margin:0 !important;}
	.home-news ul li  {width:100% !important;margin-right:0 !important;height: 420px!important;}
	.home-partner ul li {width: 50% !important;}
	.foot-main .fl {float:none;}
	.foot-main .call,.foot-main .text p {width:100% !important;clear:both;}
	.foot-main .text .foot-link {display:none;}
	.home-news ul li a .text p {margin:0 !important;}
	.banner-text {left:0;}
	.main-tab {height:auto !important;overflow: unset !important;}
	.tab-link.fl {float:none;}
	.tab-link a {width: 50% !important;margin-right:0 !important;text-align:center !important;}
	.partner-list li {width: 50% !important;}
	.partner-list li img,.korea-line img,.korea-line .content,.korea-line div {width:100% !important; height:auto !important;}
	.korea-line div {padding-left:0px !important;}
	.korea-line div:nth-child(2){padding-top: 20px !important;border-left:none !important;}
	.related-server ul li {width:285px !important;margin:0 auto; padding-bottom:20px;float:none !important;}
	.news-list ul li a .text {width:100% !important;}
	.c-left {width:100% !important;}
	.news-list ul li .img,.c-right {display:none !important;}
	.contact .bd li {width:50% !important;}
}