.main-bg {
    background: #18c8f6;
    height: auto;
    background:url("../img/background.jpg") no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #f3f3f4;
}

.titleimg{
	margin-bottom:80px;
	margin-top:6%;
}
.introtitle{

	margin-top:-70px;
	background:url('../img/introtitle.png') no-repeat top;
	font-size:24px;
	text-align:center;
	height:120px;
}

.intro{
	background:#2A7FCE;
	color:#fff;
	border-style: none none none;
}
.intro label{
	margin-top:40px;
	text-align:center;
}
.intro p{
	padding:0 30px;
	font-size:20px;
	text-indent:50px;
	line-height:35px;
	letter-spacing:2px;
	font-weight:500;
}

.bg-box {
    float: left;
    width: 228px;
    height:200px;
	transform-style:preserve-3d;
	-webkit-box-reflect:below 0 -webkit-linear-gradient(top,rgba(0,0,0,.0),rgba(0,0,0,.5));
}
.box-title{
	text-align:center;
	font-size:24px;
	font-weight:bold;
	letter-spacing:10px;
	color:#ffffff;
}
.bg-box:hover{
	height:220px;
	margin-top:-10px;
	transform-style:preserve-3d;
	
}
.bg-box-gk{
    background:url('../img/gk.jpg') no-repeat;background-size:100% 100%;
}
.bg-box-jd{
    background:url('../img/jd.jpg') no-repeat;background-size:100% 100%;
}
.bg-box-yj{
    background:url('../img/yj.jpg') no-repeat;background-size:100% 100%;
}
.bg-box-fk{
    background:url('../img/fk.jpg') no-repeat;background-size:100% 100%;
}
.bg-box-fx{
    background:url('../img/fx.jpg') no-repeat;background-size:100% 100%;
}
.icon-gk{
    background:url('../img/gk.png') no-repeat center;
    background-size:40%;
    height:150px;
}
.icon-jd{
    background:url('../img/jd.png') no-repeat center;
    background-size:40%;
    height:150px;
}
.icon-yj{
    background:url('../img/yj.png') no-repeat center;
    background-size:40%;
    height:150px;
}
.icon-fk{
    background:url('../img/fk.png') no-repeat center;
    background-size:40%;
    height:150px;
}
.icon-fx{
    background:url('../img/fx.png') no-repeat center;
    background-size:40%;
    height:150px;
}


/*GO HOME*/

.gohome {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 100;
}

.gohome a {
    height: 45px;
    width: 100px;
    display: block;
    background: #2A7FCE;
    padding: 9px 8px;
    font-size:20px;
    font-weight:bold;
    letter-spacing:5px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    opacity: 0.9;
}

/* 返回模块页 */
.gomain {
    position: fixed;
    top:85%;
    bottom: 100px;
    right: 20px;
    z-index: 100;
}

.gomain a {
	opacity: 0.6;
    height: 40px;
    width: 80px;
    display: block;
    background: #2A7FCE;
    padding: 9px 8px;
    font-size:16px;
    font-weight:bold;
    letter-spacing:5px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
}
.gomain a:hover{
	opacity: 0.9;
	
}
/**头部标签*/
.roll-right.btn-group {
    right: 5px;
}
.roll-right.J_tabRight {
    right: 80px;
}
/**-------首页---------- */
.panel{
	border: 0px ;
	background:rgba(255,255,255,1);
	box-shadow:6px 6px 54px rgba(0,0,19,0.05);
	opacity:1;
	border-radius:5px;
}
.panel-heading{
	letter-spacing:	2px;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.panel-body-img{
	float:right;
	width:55px;
	height:55px;
	opacity:0.5;
	border-radius:15px;
	margin-top:-25px;
	text-align:center;
	font-size:36px;
	top:20px;
}
.panel-body-text{
	margin-left:20px;
}

.panel-body-text span{
	font-size:20px;
}

.font-normal{
	font-weight:normal;
}
.mt40{
	margin-top:40px;
}
.mt30{
	margin-top:30px;
}
.mt20{
	margin-top:20px;
}
.ml20{
	margin-left:20px;
}

.pointer{
	cursor:pointer;
}
.panel-system{
	background:#0080c0;
	color:#fff;
}
.panel-work{
	background:#F7C13F;
	color:#fff;
}
.panel-mynote{
	background:#4AD991;
	color:#fff;
}
.panel-gk{
	background:#F7C13F;
	color:#fff;
}
.panel-jd{
	background:#4AD991;
	color:#fff;
}
.panel-yj{
	background:#FF8557;
	color:#fff;
}
.panel-fk{
	background:#0080c0;
	color:#fff;
}
.panel-fx{
	background:#4AD991;
	color:#fff;
}

/**--------------特效---------- */
.intro span:nth-child(1){
    position: absolute;
    left: 10px;
    top: 5px;
    padding: 15px;
    border-style: solid;
    border-color: rebeccapurple;
    border-width: 5px 0 0 5px;
}
.intro span:nth-child(2){
    position: absolute;
    right: 10px;
    top: 5px;
    padding: 15px;
    border-style: solid;
    border-color: rebeccapurple;
    border-width: 5px 5px 0 0;
}
.intro span:nth-child(3){
    position: absolute;
    right: 10px;
    bottom: 20px;
    padding: 15px;
    border-style: solid;
    border-color: rebeccapurple;
    border-width: 0 5px 5px 0;
}
.intro span:nth-child(4){
    position: absolute;
    left: 10px;
    bottom: 20px;
    padding: 15px;
    border-style: solid;
    border-color: rebeccapurple;
    border-width: 0 0 5px 5px;
}

 .intro-round
        {
        	background:url('../img/shine.png') no-repeat center;
            width:5px;
            height:5px;
            border-radius:50%;
            position:relative;
            animation:mymove 10s infinite;
            -moz-animation:mymove 510s infinite; /* Firefox */
            -webkit-animation:mymove 10s infinite; /* Safari and Chrome */
            -o-animation:mymove 10s infinite; /* Opera */
            
        }

        @keyframes mymove
        {
            0%   {top:0px; left:0px; }
            40%  {top:0px; left:100%; }
            50%  {top:260px; left:100%; }
            90%  {top:260px; left:0px;}
            100% {top:0px; left:0px; }
        }

        @-moz-keyframes mymove /* Firefox */
        {
            0%   {top:0px; left:0px; }
            40%  {top:0px; left:100%; }
            50%  {top:260px; left:100%; }
            90%  {top:260px; left:0px;}
            100% {top:0px; left:0px; }
        }

        @-webkit-keyframes mymove /* Safari and Chrome */
        {
           0%   {top:0px; left:0px; }
            40%  {top:0px; left:100%; }
            50%  {top:260px; left:100%; }
            90%  {top:260px; left:0px;}
            100% {top:0px; left:0px; }
        }

        @-o-keyframes mymove /* Opera */
        {
           0%   {top:0px; left:0px; }
            40%  {top:0px; left:100%; }
            50%  {top:260px; left:100%; }
            90%  {top:260px; left:0px;}
            100% {top:0px; left:0px; }
        }

/**皮肤设置*/
.skin-jy .navbar-static-side{
	background:#0A1734;
}
.skin-jy .navbar-static-side{
	background:#0A1734 url('../img/navbg.png') no-repeat 100% 100%;
}
.skin-jy .minimalize-styl-2 {
    margin: 14px 5px 5px 30px;
}

.skin-jy .navbar-top-links li:last-child {
    margin-right: 30px;
}

.skin-jy .nav > li > a:hover,
.skin-jy .nav > li > a:focus {
    background-color: #132c64;
    color: white;
}
.skin-jy.fixed-nav .minimalize-styl-2 {
    margin: 14px 5px 5px 15px;
}

.skin-jy .spin-icon {
    background: #017FF8 !important;
}

.skin-jy .nav-header {
    background: #0e9aef;
   /*  background: url('patterns/header-profile-skin-1.png'); */
}

.skin-jy.mini-navbar .nav-second-level {
    background: #0A1734;
}

.skin-jy .breadcrumb {
    background: transparent;
}

.skin-jy .page-heading {
    border: none;
}

.skin-jy .nav>ul {
       list-style-type:none;
		margin:15px 0;
}
.skin-jy .nav > li{
	
}
.skin-jy .nav > li.active {
    background: #0A1734;
}

.skin-jy .nav > li > a {
    color: #fff;
    font-size:15px;
    font-weight:normal;
    letter-spacing:2px;
}

.skin-jy .nav > li.active > a {
    color: #fff;
    opacity:0.9;
    background: #0080c0;
    font-weight:bold;
}

.skin-jy .navbar-minimalize {
    background: #0e9aef;
    border-color: #0e9aef;
}

body.skin-jy {
    background: #0A1734;
}

.skin-jy .navbar-static-top {
    background: #0A1734;color:#fff;
    
}

.skin-jy .dashboard-header {
    background: transparent;
    border-bottom: none !important;
    border-top: none;
    padding: 20px 30px 10px 30px;
    color:#fff;
}

.fixed-nav.skin-jy .navbar-fixed-top {
    background: #0A1734;
}

.skin-jy .wrapper-content {
    padding: 30px 15px;
}

.skin-jy #page-wrapper {
    background: #f4f6fa;
    color:#fff;
}
#page-wrapper h2{
	letter-spacing:5px;
}
.skin-jy .ibox-title,
.skin-jy .ibox-content {
    border-width: 1px;
}

.skin-jy .ibox-content:last-child {
    border-style: solid solid solid solid;
}

.skin-jy .nav > li.active {
    border: none;
}

.skin-jy .nav-header {
    padding: 10px 10px 10px 10px;
}

.skin-jy .nav-header a.dropdown-toggle {
    color: #fff;
    margin-top: 10px;
}

.skin-jy .nav-header a.dropdown-toggle .text-muted {
    color: #fff;
    opacity: 0.8;
}

.skin-jy .profile-element {
    text-align: center;
}

.skin-jy .img-circle {
    border-radius: 5px;
}

.skin-jy .navbar-default .nav > li > a:hover,
.skin-jy .navbar-default .nav > li > a:focus {
    background: #0080c0;
    color: #fff;
    font-weight:bold;
}

.skin-jy .nav.nav-tabs > li.active > a {
    color: #0A1734;
}

.skin-jy .content-tabs {
    border-bottom: solid 2px #0080c0;
}

.skin-jy .nav.nav-tabs > li.active {
    background: transparent;
}

.skin-jy .page-tabs a.active {
    background: #0080c0;
    color: #fff;
}

.skin-jy .page-tabs a.active:hover,
.skin-jy .page-tabs a.active i:hover {
    background: #0e9aef;
    color: #fff;
}