﻿#top-bar
{
    position:absolute; 
	top:0; 
	width:100%; 
	height:100px;
    background: rgba(255,255,255,.5) !important;
    font-weight: 700;    
}
#center-bar
{
	position: relative; 
	top:-100px; 
	height:100%;
	bottom:100px; 
	width:100%; 
	overflow:  hidden; 
}
#bottom-bar
{
    position:absolute; 
	bottom:0; 
	width:100%; 
	height:100px;
    background: rgba(255,255,255,.5) !important;    
    font-weight: 700;
}

.center_content
{	
	position:relative; 
	top:200px; 	
	height:100%;	
}
.center_div
{	
	width:1280px;
	height:100%;
	padding-bottom:200px;
}


.foot_content
{	
	line-height:100px;
	margin: 0 auto;	
	text-align:center;
}
.center_content_left
{
	width:1280px;
	float:left;
	height:100%;
}
.center_content_rigth
{
	width:360px;
	/*float:left;	
	height:100%;*/
	color: #fff;
	position: absolute;
	/*left:920px;*/
	/*left:460px;*/
	top:100px;
	margin-left:35%;
}
.center_content_left img
{
	width:1280px;
}
.homeContent_head .homehead_LoginInfo
{
    float: right;
}
.homehead_LoginInfo span
{
    width: 100%;
    display: block;
    line-height: 30px;
}
.homeContent_Login .form-horizontal, .homeContent_Login .home_LoginInfo
{
    float: right;
    width: 360px;
    height: 380px;
    /*background: #6f6f6f;*/
    /*background: rgba(255,255,255,.5) !important;*/    
    margin: 23px 0px;
    padding: 28px;
    border-radius:5px;
}
.homeContent_Login .home_LoginIn
{
    border: 3px solid #b5b5b5;
    border-radius: 5px;
    height: 325px;
    padding: 20px 30px;
}
.homeContent_Login .home_LoginIn dl
{
    margin-bottom: 10px;
}
.homeContent_Login .home_LoginIn dd
{
    margin: 3% 0 0% 0;
}
.form-horizontal label, .form-horizontal .col-sm-10, .form-horizontal button
{
    width: 100%;
    font-weight: normal;
    text-align: left !important;
    margin-left: 0px !important;
    font-size: 24px !important;
}
.homeContent_Login .form-horizontal .col-sm-10 input, .form-horizontal button
{
    height: 55px !important;
    border-radius: 0px !important;
    font-size: 20px !important;
}
.form-horizontal button
{
	background: #01a65a;
	border: 0;
	text-align: center !important;
	font-size: 22px !important;
	border-radius: 10px !important;
}
.reg
{
    float: left;
}
.forgotPassword
{
    float: right;
}

.body1
{
	background-color:rgba(81,119,216,1);
}
.body2
{
	/*background-color:rgba(46,62,78,1);
	background-color:rgba(0,162,202,1);	*/
    /*background-color:rgba(0, 165, 90, 0.8)*/
    background: url("\../images/broadcast/16.jpg");
	background-size: cover;
}

.body3
{
	/*background-color:rgba(46,62,78,1);
	background-color:rgba(0,162,202,1);	*/
    /*background-color:rgba(0, 165, 90, 0.8)*/
    background: url("\../images/loginBg2.jpg");
	background-size: cover;
}

.body4
{
	/*background-color:rgba(46,62,78,1);
	background-color:rgba(0,162,202,1);	*/
    /*background-color:rgba(0, 165, 90, 0.8)*/
    background: url("\../images/loginBg3.jpg");
	background-size: cover;
}

.body5
{
	/*background-color:rgba(46,62,78,1);
	background-color:rgba(0,162,202,1);	*/
    /*background-color:rgba(0, 165, 90, 0.8)*/
    background: url("\../images/firecon_bj.jpg");
	background-size: cover;
}

.body6
{
	/*background-color:rgba(46,62,78,1);
	background-color:rgba(0,162,202,1);	*/
    /*background-color:rgba(0, 165, 90, 0.8)*/
    background: url("\../images/hp_loginbg.png");
	background-size: cover;
}

.body7
{
	/*background-color:rgba(46,62,78,1);
	background-color:rgba(0,162,202,1);	*/
    /*background-color:rgba(0, 165, 90, 0.8)*/
    background: url("\../images/_loginBg.png");
	background-size: cover;
}

.body8
{
	/*background-color:rgba(46,62,78,1);
	background-color:rgba(0,162,202,1);	*/
    /*background-color:rgba(0, 165, 90, 0.8)*/
    background: url("\../images/cpw_bg.jpg");
	background-size: cover;
}

.sys_item
{
	float:left;
	width:152px;
	height:175px;
}

.sys_item_content
{
	display:inline-block;
	margin:0px 16px;
	cursor:pointer;
}

.sys_item_content:hover
{
	border-radius:6px;
	border: 1px solid #fff;
	box-shadow:inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.6);
	/*border: 1px solid #66afe9;
	box-shadow:inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.6);*/
}

@media screen and (min-height: 400px) and (max-height: 10800px)
{
    .body2 video
    {
        width:100%;
    }
	.login_div
	{
		/*width:1160px;*/
		width:80%;
		height:680px;
		position:fixed;
		left:50%;
		top:50%;
		margin-left:-40%;
		/*margin-left:-580px;*/
		margin-top:-340px;
		/*border:1px solid #f00;*/
	}
	
	.title_div
	{
		margin:0;
		width:100%; 
		height:100px;
		background: rgba(255,255,255,.0) !important;
		font-weight: 700;
	}
	
	.bar_content
	{
		width:1280px;	
		margin: 0 auto;
        display: none;
	}
	
	.logoImg
	{
		float:left;   
		line-height:100px;   
		overflow:hidden;
		margin-left:10px;
	}
	
	.top_title
	{
		line-height:100px;   
		overflow:hidden;
		padding-left:20px;
		font-size: 55px;
		color: white;    
		font-family: KaiTi;/*STCaiyun ;FZShuTi*/
		
	}

    .prj_label{        
        width: 100%;
        height: 100%;
        vertical-align: middle;
        text-align: center;
        /*line-height: 220px;*/
        font-size: 60px;
        color: #fff;
        letter-spacing: 8px;
        font-family: Microsoft YaHei;/*KaiTi;*/
        font-weight: normal;
    }
	.form-group{
		margin-bottom:0;
	}
	.center_div2
	{	
		margin:0;
		width:100%;
		height:500px;	
	}
	
	.center_content_left2
	{	
		float:left;
		width:70%;
		/*width:800px;*/
		height:500px;
	}
	/*.center_content_left2 img
	{	
		width:800px;
		height:500px;
	}*/
	
	.center_content_rigth2
	{
		margin:0;
		float:left;
		width:30%;
		/*width:360px;*/
		height:500px;
		/*color: #fff;*/
		background-color:#fff;
        border-radius:25px;		
	}
	
	.homeContent_Login
	{
	    height: 430px;
	    /*background: url(../images/loginBg.png) no-repeat;*/
	    background-position: center;
	}
	
	.center_content_rigth2 .homeContent_Login .form-horizontal, .center_content_rigth2 .homeContent_Login .home_LoginInfo
	{
	    float: right;
	    width: 100%;
	    height: 500px;
	    /*background: #6f6f6f;*/
	    /*background: rgba(69,191,192,1) !important;*/
        /*background: url("\../images/sign_in_background.png");*/
        background-repeat:no-repeat; 
        background-size:100% 100%;
	    margin: 0px 0px;
	    padding:30px 60px;
	    /*border-radius:25px;*/
	}

    .center_content_rigth2 .homeContent_Login .login_form_bg2
	{
	    background: url("\../images/sign_in_background2.png");
        background-repeat:no-repeat; 
        background-size:100% 100%;	    
	}

    .center_content_rigth2 .homeContent_Login .login_form_bg_red
	{
	    background: url("\../images/sign_in_background_red.png");
        background-repeat:no-repeat; 
        background-size:100% 100%;	    
	}

    .center_content_rigth2 .homeContent_Login .login_form_bg3
	{                               
	    background: url("\../images/sign_in_background_y.png");
        background-repeat:no-repeat; 
        background-size:100% 100%;	    
	}

	.input-group{
		width:100%;
	}
	.input-group input{
		border:0;
		border-bottom:1px solid #8f8e8e;
		box-shadow: none;
		background: url('\../images/user.png') left center no-repeat;
		padding-left: 40px !important;
	}
	.input-group #inputPassword{
		background: url('\../images/password.png') left center no-repeat;
	}

    .input-group2{
		width:100%;
	}
	.input-group2 input{
		border:0;
		border-bottom:1px solid #8f8e8e;
		box-shadow: none;
		background: url('\../images/user_y.png') left center no-repeat;
		padding-left: 40px !important;
	}
	.input-group2 #inputPassword{
		background: url('\../images/password_y.png') left center no-repeat;
	}
	input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
		-webkit-transition-delay: 99999s;
		-webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
		/* -webkit-box-shadow: 0 0 0px 1000px white inset; */
	}
	.form-control:focus{
		box-shadow: none;
		border-color:#8f8e8e;
	}
	.center_content_rigth2 .homeContent_Login .home_LoginIn
	{
	    border: 3px solid #b5b5b5;
	    border-radius: 5px;
	    height: 325px;
	    padding: 20px 30px;
	}
	.center_content_rigth2 .homeContent_Login .home_LoginIn dl
	{
	    margin-bottom: 10px;
	}
	.center_content_rigth2 .homeContent_Login .home_LoginIn dd
	{
	    margin: 3% 0 0% 0;
	}
	.center_content_rigth2 .homeContent_Login .form-horizontal .col-sm-10 input, .center_content_rigth2 .form-horizontal button
	{
	    height: 55px !important;
	    /*border-radius: 5px !important;*/
	    /*font-size: 18px !important;*/
	}
	.center_content_rigth2 .form-horizontal button
	{    	
		/*background-color:rgba(0,162,202,1) !important;*/
		color: #fff;
	    /*background: rgba(45,65,90,1) !important; */
	}
	
	.center_content_rigth2 .form-horizontal .ytbtn button
	{    	
		background-color: rgba(88, 170, 236, 1) !important;
		color: #fff;
	    /*background: rgba(45,65,90,1) !important; */
	}
	
	.center_content_rigth2 .form-horizontal .wtbtn button
	{    	
		background-color:rgba(253, 203, 100, 1) !important;
		color: #fff;
	    /*background: rgba(45,65,90,1) !important; */
	}
	
	.center_content_rigth2 .form-horizontal .jtbtn button
	{    	
		background-color:rgba(252, 150, 148, 1) !important;
		color: #fff;
	    /*background: rgba(45,65,90,1) !important; */
	}
	
	.bottom_div
	{
		width:100%;
		height:80px;
		position: absolute;
		bottom:0;
		left:50%;
		margin-left:-50%;
	}

	.bottom_content
	{
		width:1160px;	
		margin: 0 auto;
	}

	.bottom_div .foot_content
	{	
		line-height:80px;
		color:#fff;
	}
}

@media screen and (max-height: 768px)
{
	.body2 video
    {
        width:100%;
    }

    .login_div
	{
		width:960px;
		height:560px;
		position:fixed;
		left:50%;
		top:50%;
		margin-left:-480px;
		margin-top:-280px;
		/*border:1px solid #f00;*/
	}

	.title_div
	{
		margin:0;
		width:100%;
		height:80px;
		background: rgba(255,255,255,.0) !important;
		font-weight: 700;
	}

	.bar_content
	{
		width:960px;
		margin: 0 auto;
        display: none;
	}

	.logoImg
	{
		float:left;
		line-height:80px;
		overflow:hidden;
		margin-left:10px;
	}

	.logoImg img
	{
		height:76px;
	}

	.top_title
	{
		line-height:80px;
		overflow:hidden;
		padding-left:20px;
		font-size: 50px;
		color: white;
		font-family: KaiTi;/*STCaiyun ;FZShuTi*/
	}

    .prj_label{
        width: 100%;
        height: 100%;
        vertical-align: middle;
        text-align: center;
        line-height: 80px;
        font-size: 48px;
        color: #fff;
        letter-spacing: 8px;
        font-family: Microsoft YaHei;/*KaiTi;*/
        font-weight: normal;
        
    }

	.center_div2
	{
		margin:0;
		width:100%;
		height:400px;
	}

	.center_content_left2
	{
		float:left;
		width:640px;
		height:400px;
	}
	/*.center_content_left2 img
	{
		width:640px;
        height:400px;
	}*/

	.center_content_rigth2
	{
		margin:0;
		float:left;
		width:320px;
		height:400px;
		/*color: #fff;*/
		background-color:#fff;
        border-radius:25px;
	}

	.homeContent_Login
	{
	    height: 400px;
	    /*background: url(../images/loginBg.png) no-repeat;*/
	    background-position: center;
	}

	.center_content_rigth2 .homeContent_Login .form-horizontal, .center_content_rigth2 .homeContent_Login .home_LoginInfo
	{
	    float: right;
	    width: 320px;
	    height: 400px;
	    /*background: #6f6f6f;*/
	    /*background: rgba(69,191,192,1) !important;*/
        /*background: url("\../images/sign_in_background.png");*/
        background-repeat:no-repeat;
        background-size:100% 100%;
	    margin: 0px 0px;
	    padding: 28px;
	    /*border-radius:25px;*/
	}

    .login_form_bg2
	{
	    background: url("\../images/sign_in_background2.png");
        background-repeat:no-repeat; 
        background-size:100% 100%;	    
	}

    .login_form_bg_red
	{
	    background: url("\../images/sign_in_background_red.png");
        background-repeat:no-repeat; 
        background-size:100% 100%;	    
	}

    .login_form_bg3
	{
	    background: url("\../images/sign_in_background_y.png");
        background-repeat:no-repeat; 
        background-size:100% 100%;	    
	}

	.center_content_rigth2 .homeContent_Login .home_LoginIn
	{
	    border: 3px solid #b5b5b5;
	    border-radius: 5px;
	    height: 325px;
	    padding: 20px 30px;
	}
	.center_content_rigth2 .homeContent_Login .home_LoginIn dl
	{
	    margin-bottom: 10px;
	}
	.center_content_rigth2 .homeContent_Login .home_LoginIn dd
	{
	    margin: 3% 0 0% 0;
	}
	.center_content_rigth2 .homeContent_Login .form-horizontal .col-sm-10 input, .center_content_rigth2 .form-horizontal button
	{
	    height: 55px !important;
	    border-radius: 5px !important;
	    font-size: 20px !important;
	}
	.center_content_rigth2 .form-horizontal button
	{
		/*background-color:rgba(0,162,202,1) !important;*/
		color: #fff;
	    /*background: rgba(45,65,90,1) !important; */
	}

	.center_content_rigth2 .form-horizontal .ytbtn button
	{
		background-color: rgba(88, 170, 236, 1) !important;
		color: #fff;
	    /*background: rgba(45,65,90,1) !important; */
	}

	.center_content_rigth2 .form-horizontal .wtbtn button
	{
		background-color:rgba(253, 203, 100, 1) !important;
		color: #fff;
	    /*background: rgba(45,65,90,1) !important; */
	}

	.center_content_rigth2 .form-horizontal .jtbtn button
	{
		background-color:rgba(252, 150, 148, 1) !important;
		color: #fff;
	    /*background: rgba(45,65,90,1) !important; */
	}

	.bottom_div
	{
		/*margin:0;*/
		width:100%;
		height:80px;
	}

	.bottom_content
	{
		width:960px;
		margin: 0 auto;
	}

	.bottom_div .foot_content
	{
		line-height:80px;
		color:#fff;
	}
}

@media screen and (max-width: 768px)
{
    .body2 video
    {
        height:100%;
    }

	.login_div
	{
		width:280px;
		height:480px;
		position:fixed;
		left:50%;
		top:50%;
		margin-left:-140px;
		margin-top:-240px;
		/*border:1px solid #f00;*/
	}
	
	.title_div
	{
		margin:0;
		width:100%; 
		height:80px;
		background: rgba(255,255,255,.0) !important;
		font-weight: 700;
	}
	
	.bar_content
	{
		width:280px;	
		margin: 0 auto;
        display:block;
	}
	
	.logoImg
	{
		float:left;   
		line-height:80px;   
		overflow:hidden;
		margin-left:10px;
	}
	
	.logoImg img
	{		   
		height:76px;   		
	}
	
	.top_title
	{
		line-height:80px;   
		overflow:hidden;
		padding-left:20px;
		font-size: 50px;
		color: white;    
		font-family: KaiTi;/*STCaiyun ;FZShuTi*/
	}
	
    .prj_label{        
        width: 100%;
        height: 100%;
        vertical-align: middle;
        text-align: center;
        line-height: 36px;
        font-size: 20px;
        color: #fff;
        font-family: Microsoft YaHei;
        /*font-weight:900;*/
    }

	.center_div2
	{	
		margin:0;
		width:100%;
		height:360px;	
	}
	
	.center_content_left2
	{	
		/*float:left;
		width:640px;
		height:360px;*/
        display: none;
	}
	.center_content_left2 img
	{	
		width:640px;	
        height:360px;	
	}
	
	.center_content_rigth2
	{
		margin:0;
		float:left;
		width:280px;
		height:360px;
		/*color: #fff;*/
		background-color:#fff;
        border-radius:25px;		
	}
	
	.homeContent_Login
	{
	    height: 360px;
	    /*background: url(../images/loginBg.png) no-repeat;*/
	    background-position: center;
	}
	
	.center_content_rigth2 .homeContent_Login .form-horizontal, .center_content_rigth2 .homeContent_Login .home_LoginInfo
	{
	    float: right;
	    width: 280px;
	    height: 360px;
	    /*background: #6f6f6f;*/
	    /*background: rgba(69,191,192,1) !important;*/
        background: url("\../images/sign_in_background.png");
        background-repeat:no-repeat; 
        background-size:100% 100%;
	    margin: 0px 0px;
	    padding: 28px;
	    /*border-radius:25px;*/
	}

    .login_form_bg2
	{
	    background: url("\../images/sign_in_background2.png");
        background-repeat:no-repeat; 
        background-size:100% 100%;	    
	}

    .login_form_bg3
	{
	    background: url("\../images/sign_in_background_y.png");
        background-repeat:no-repeat; 
        background-size:100% 100%;	    
	}

	.center_content_rigth2 .homeContent_Login .home_LoginIn
	{
	    border: 3px solid #b5b5b5;
	    border-radius: 5px;
	    height: 325px;
	    padding: 20px 30px;
	}
	.center_content_rigth2 .homeContent_Login .home_LoginIn dl
	{
	    margin-bottom: 10px;
	}
	.center_content_rigth2 .homeContent_Login .home_LoginIn dd
	{
	    margin: 3% 0 0% 0;
	}
	.center_content_rigth2 .homeContent_Login .form-horizontal .col-sm-10 input, .center_content_rigth2 .form-horizontal button
	{
	    height: 55px !important;
	    border-radius: 5px !important;
	    font-size: 20px !important;        
	}
	.center_content_rigth2 .form-horizontal button
	{    	
		/*background-color:rgba(0,162,202,1) !important;*/
		color: #fff;
	    /*background: rgba(45,65,90,1) !important; */
	}
	
	.center_content_rigth2 .form-horizontal .ytbtn button
	{    	
		background-color: rgba(88, 170, 236, 1) !important;
		color: #fff;
	    /*background: rgba(45,65,90,1) !important; */
	}
	
	.center_content_rigth2 .form-horizontal .wtbtn button
	{    	
		background-color:rgba(253, 203, 100, 1) !important;
		color: #fff;
	    /*background: rgba(45,65,90,1) !important; */
	}
	
	.center_content_rigth2 .form-horizontal .jtbtn button
	{    	
		background-color:rgba(252, 150, 148, 1) !important;
		color: #fff;
	    /*background: rgba(45,65,90,1) !important; */
	}
	
	.bottom_div
	{
		margin:0;
		width:100%; 
		height:80px;
        left:0px;	
	}

	.bottom_content
	{
		width:280px;	
		margin: 0 auto;
	}

	.bottom_div .foot_content
	{	
		line-height:80px;
		color:#fff;
	}
}

.cafm_skin{
    color: #e2001a;
}

.cafm_skin button{
    background-color: #e2001a;
}
