html, body {
    background-color: #ffffff;
    font-family: Microsoft YaHei, Arial, Helvetica, sans-serif,"宋体";
    width: 100%;
    height: 100%;
    min-width: 1024px;
    min-height: 768px;
    max-height: 1080px;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.hand-main-content{
	width: 100%;
	height: 100%;
}
/*top-bar*/
.container{
	width: 100%;
	height: 100%;
	position: relative;
}
.container-blur{
	-webkit-filter: blur(10px); /* Chrome, Opera */
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);    
    filter: blur(10px);
}
.top-bar-header{
	width: 100%;
	height: 110%;
	overflow: hidden;
	position: relative;
}
.top-bar-btn-login{
    float: right;
    width: 78px;
    border: 1px solid #00d3d5;
    border-radius: 4px;
    text-align: center;
    height: 32px;
    line-height: 32px;
    background-color: #00d3d5;
}
.top-bar-btn-login.login:hover{
	background-color: #65dfd9;
	border: 1px solid #65dfd9;
}
.register{
	background-color: #60a5e5;
	border: 1px solid #60a5e5;
}
.register:hover{
	background-color: #67b1f6;
	border: 1px solid #67b1f6;
}
.top-bar-btn-login .my-long-right{
	background:url(../../images/newLogin/login_navbar_btn_arrow.png?v=1.0) no-repeat;
	display: inline-block;
	width: 10px;
	height: 10px;
	transition: all .6s;
	position: relative;
	left: 4px;
}
.top-bar-btn-login:hover .my-long-right{
	left: 10px;
}
.top-bar-back{
	width:100%;
    height:40px;
    overflow:hidden;
    line-height:40px;
    position: absolute;
    top: 20px;
    left:0;
    z-index: 10;
}
.top-bar-content{
	width: 76%;
	margin: auto;
	height: 36px;
	line-height: 36px;
}
.top-bar-left{
	float: left;
    text-align: left;
}
.top-bar-right{
	float: right;
    text-align: right;
}
.top-bar-right .top-bar-btn-login.login{
	margin-left: 15px;
}
.top-bar-content a, .top-bar-content label {
    color: #fff;
    font-size: 16px;
    margin-left: 30px;
}

.login_header{
	width:100%;
    height:100%;
    overflow:hidden;
    position: absolute;
    top:0;
    left: 0;
    z-index: 9;
}
.header_container{
	width:100%;
    height:100%;
    position: relative;
}
.header-slide-ul{
	width:200%;
    height:100%;
}

.header-slide-li{
	width:50%;
    height:100%;
    background: url(../../images/newLogin/login_banner_bg_1920px.png?v=1.1) no-repeat;
    background-size: cover;
    float: left;
    overflow: hidden;
    position: relative;
}
.header-slide-img1{
	float: right;
	right: 13%;
	position: relative;
	top: 8%;
}
.header-slide-btn{
	position: absolute;
	bottom: 100px;
	left: 12%;
	display: none;
}
.header-slide-text{
	position: absolute;
	/* bottom: 260px; */
	left: 12%;
	top: 30%;
}
.slide-btn{
	width: 58px;
	height: 58px;
	border-top: 1px solid #00d3d5;
	border-bottom: 1px solid #00d3d5;
	border-left: 1px solid #00d3d5;
	float: left;
	line-height: 58px;
	color: #00d3d5;
}
.slide-btn:hover{
	background-color: #00d3d5;
	color: #fff;
}
.slide-btn.next{
	border-right: 1px solid #00d3d5;
}
.div-bullhorn-contontent div{
	float: left;
	height: 104px;
	margin-top: 18px;
}
.bullhorn-icon{
	width: 15%;
	border-right: 1px solid #f1f3f5;
}
.bullborn-text{
	color: #000;
    font-size: 20px;
    font-weight: 900;
    position: relative;
    top: 25px;
    left: 22%;
}
.icon-bell-myself{
    width: 27px;
    height: 31px;
    background: url(../../images/newLogin/login_news_icon.png?v=1.0) no-repeat;
    display: inline-block;
    position: relative;
    top: 35px;
    left: 15%;
}
.icon-angle-left, .icon-angle-right{
	position: relative;
	left: 26px;
}
.bullhorn-news-container{
	width: 70%;
	border-right: 1px solid #f1f3f5;
}
.bullhorn-news-ul{
	width: 100%;
	height: 100%;
}
.bullhorn-news-li{
	float: left;
	width: 33%;
	height: 100%;
}
.bullhorn-news-li:first-child{
	width: 30%;
}
.bullhorn-news-li:nth-child(3){
	width: 36%;
}
.bullhorn-news-li span{
	display: block;
	color: #333;
	text-indent: 40px;
	font-size: 14px;
	position: relative;
	top: 30px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bullhorn-news-a{
	width: 100%;
	height: 100%;
	display: inline-block;
}
.bullhorn-news-time, .bullhorn-news-text{
	height: 26px;
	line-height: 26px;
}
.bullhorn-news-li:hover .bullhorn-news-a span{
	color: #00d3d5;
}
.bullhorn-more-btn-div{
	width: 14%;
	text-align: center;
	line-height: 104px;
}
.bullhorn-more-btn-text{
	font-size: 20px;
}
.bullhorn-more-btn:hover {
	color: #00d3d5;
}
.icon-double-angle-right{
    position: relative;
    left: 10px;
    top: 1px;
}
.product-overview{
	margin: auto;
	margin-top: 210px;
	margin-bottom: 40px;
	width: 76%;
	height: 280px;
	overflow: hidden;
	opacity: 0;
	position: relative;
	top: 60px;
}
.product-overview div{
	float: left;
	height: 100%;
}
.overview-left{
	width: 43.6%;
}
.overview-left-img{
	position: relative;
	top: 38px;
}
.overview-right{
	width: 56.4%;
}
.slide-features-div{
	width: 100%;
	height: 520px;
	position: relative;
}
.slide-features-container{
	width: 100%;
	height: 100%;
}
.slide-features-ul{
	width: 96%;
	left: 3%; 
	height: 300px;
	position: absolute;
	top: 110px;
	z-index: 1;
}
.slide-features-li{
	width: 6%;
	height: 296px;
	overflow: hidden;
	float: left;
	color: #fff;
	position: relative;
	top: 22px;
	box-shadow: -6px 2px 20px 0px rgba(23, 90, 153, 0.2);
}
.slide-features-li:hover{
	height: 300px;
	border-radius: 6px;
	box-shadow: 0 0 10px 2px #ccc;
	top: 0;
	margin: 0 10px;
}
.slide-features-li:hover .slide-overview-div{
	display: none;
}
.slide-features-li:hover .slide-details-div{
	display: block;
	
}
.slide-details-div img{
	position: absolute;
}
.slide-ball-img1, .slide-order-img{
	top: -100px;
}
.slide-order-img{
	right: 0;
}
.slide-ball-img2{
	right: 120px;
	bottom: 0px;
}
.slide-features-li.active{
	width: 46%;
	height: 334px;
	border-radius: 10px;
	box-shadow: 0 4px 20px 10px rgba(66, 140, 209, 0.1);
	top: 0;
	margin: 0 10px;
	opacity: .7;
	background-color: #fff;
}
.slide-details-div{
	display: none;
	position: relative;
	height: 234px;
	width: 0;
}
.slide-features-li.active .slide-overview-div{
	display: none;
}
.slide-features-li.active .slide-details-div{
	display: block;
	width: 100%;
}
.slide-features-li.active:hover .slide-overview-div{
	display: none;
}
.slide-features-li.active:hover .slide-details-div{
	display: block;
	width: 100%;
}
.slide-overview-div{
	width: 16px;
	font-size: 16px;
	margin: auto;
	margin-top: 30px;
}
.slide-overview-text span{
	display: inline-block;
}
.slide-order-number, .slide-title-text{
	width: 100%;
	text-align: center;
}
.slash{
	width: 1px;
    height: 26px;
    background-color: #fff;
    transform: rotate(50deg);
    position: relative;
    left: 7px;
}
.slide-bg1{
	background-color: #b4f5f6;
}
.slide-bg2{
	background-color: #98ecee;
}
.slide-bg3{
	background-color: #86e2e3;
}
.slide-bg4{
	background-color: #94d9ec;
}
.slide-bg5{
	background-color: #94d6ea;
}
.slide-bg6{
	background-color: #94d0ea;
}
.slide-bg7{
	background-color: #95c7eb;
}
.slide-bg8{
	background-color: #90bee7;
}
.slide-bg9{
	background-color: #8bb1e4;
}
.slide-features-bg2{
	width: 730px;
	height: 100%;
	position: absolute;
	right:0;
	top:0;
	/* IE8 及以下 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #f6f9fc, endColorstr = #d3e1ed);  
    -ms-filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#f6f9fc,endColorStr=#d3e1ed);
	background:-moz-linear-gradient(left, #f6f9fc, #d3e1ed));  
    background:-webkit-linear-gradient(left, #f6f9fc, #d3e1ed);
    background:-o-linear-gradient(left, #f6f9fc, #d3e1ed);  
    /* IE9及以上 */
    background:-ms-linear-gradient(left, #f6f9fc, #d3e1ed);  
}
.overview-title{
	font-size: 36px;
	font-weight: 600;
	color: #4c4c4c;
}
.overview-title:after{
	content:'';
	width: 30px;
	height: 3px;
	display: block;
	background-color: #4c4c4c;
	position: relative;
	top: 30px;
}
.overview-text{
    font-size: 16px;
    position: relative;
    top: 60px;
    color: #4c4c4c;
    line-height: 1.8;
}
.slide-details-text{
	margin: 100px 0 0 60px;
	font-size: 16px;
	color: #666;
}
.slide-details-texts p{
	margin: 0;
	line-height: 26px;
}
.slide-details-title{
	font-size: 26px;
}
.slide-details-texts .slide-details-p{
	margin-top: 60px;
}
.slide-details-title:after{
	content:'';
	width: 30px;
	height: 3px;
	display: block;
	position: relative;
	top: 30px;
	background-color: #999;
}
.going-link-text{
	width: 100%;
    margin-top: 70px;
}
.going-link-text img{
	width: 100%;
}
.features-introduce{
	overflow: hidden;
	background: url(../../images/newLogin/login_bg2.png?v=1.0) no-repeat 0 1000px;
	margin-top: 50px;
}
.features-introduce1, .features-introduce3{
	width: 88%;
	clear: both;
	overflow: hidden;
	margin-left: 12%;
}
.features-introduce3{
	padding-top: 50px;
}
.features-introduce1{
	margin-top: 0;
}
.features-introduce1 .features-introduce-right, 
.features-introduce3 .features-introduce-right{
	width: 60%;
	text-align: right;
	float: right;
}
.features-introduce2{
	float: left;
	width: 100%;
	clear: both;
	margin-top: 50px;
}
.features-introduce2 .features-introduce-left{
	width: 58%;
	overflow: hidden;
	float: left;
}
.features-introduce2 .features-introduce-right{
	text-indent: 20px;
}
.features-introduce-left img, .features-introduce-right img{
	width: 100%;
}
.features-introduce2 .features-introduce-right .features-introduce-title{
	font-size: 36px;
	display: block;
}
.features-introduce2 .features-introduce-right .features-introduce-title:after{
	left: 20px;
}
.features-introduce4{
	display: block;
	clear: both;
	margin-top: 50px;
}
.features-introduce4 .features-introduce-title{
	display: block;
	width: 160px;
	margin: auto;
	text-align: center;
	font-size: 36px;
}
.features-introduce-top p{
	text-align: center;
}
.features-introduce-top .features-introduce-title:after{
	left: 60px;
}
.features-introduce-bottom{
	text-align: center;
}
.features-introduce1 .features-introduce-left, 
.features-introduce3 .features-introduce-left,
.features-introduce2 .features-introduce-right{
	float: left;
    margin-top: 8%;
    height: 250px;
    width: 40%;
}
.features-introduce1, .features-introduce2,
.features-introduce3, .features-introduce4 {
	position: relative;
	top: 100px;
	opacity: 0;
}
.header_left {
    float: left;
    width: 200px;
}
.cloud-logo{
	height: 60px;
}
.features-introduce1 .features-introduce-title, .features-introduce3 .features-introduce-title{
	font-size: 36px;
    font-weight: 500;
    color: #373f4c;
    display: block;
}
.features-introduce-title:after{
	content: '';
	display: block;
	width: 40px;
	height: 3px;
	background-color: #373f4c;
	position: relative;
	top: 40px;
}
.features-introduce-text p{
	margin:0;
	/* height: 30px; */
	line-height: 30px;
	font-size: 16px;
}
.features-introduce-text .features-introduce-p{
	margin-top: 85px;
}
.header_right {
    float: right;
    width: 400px;
    text-align:right;
}

.top-bar-right .header_link {
    height: 36px;
    font-size: 16px;
    margin-left: 20px;
    float: left;
    position: relative;
    color: #fff;
    font-family: Microsoft YaHei, Arial, Helvetica, sans-serif;
}
.header_link:after{
	content:'';
	width: 0;
	height: 2px;
	background-color: #fff;
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 33px;
	transition: all .4s ease-in-out;
}
.header_link:hover:after{
	width: 100%;
	left: 0;
}
/*body*/

/*bottom*/
.login_bottom a{
	color:#999;
}
.linkway-connectionway-part {
    height: 150px;
    padding-top: 40px;
    padding-bottom:40px;
    border-bottom: 1px solid #474545;
    width: 76%;
    margin: auto;
}

.linkway-part{
	width:100%;
	float:left;
}
.connectionway-part {
    width: 250px;
    float: right;
}
.linkway-part-ul {
    float: left;
    height: 140px;
    color: #999999;
    width: 25%;
    /* border-right: 1px solid #474545; */
}
.linkway-part-ul > li {
    height: 30px;
    font-size: 12px;
    line-height: 20px;
    text-align:left;
}
.connectionway-part{
	text-align: left;	
	font-size:14px;
	color:#ffffff;
}
.linkway-part-ul .linkway-classname{
	font-size:14px;
	color:#ffffff;
}
.linkway-part-ul .linkway-hotline{
	font-size: 24px;
    color: #fff;
}
.linkway-part-ul .linkway-interway{
	width:150px;
	/* overflow:hidden; */
	margin-top:20px
}
.linkway-part-ul .linkway-interway .interPic{
	position:relative;
	width:50px;
	height:50px;
	float: left;
	cursor:pointer;
	background:url(../../images/login/connect-ways-imgs-color.png) no-repeat;
}
.linkway-part-ul .linkway-interway .weixin{
	background-position:-20px -5px;
}
 .linkway-part-ul .linkway-interway .weixin:hover{
	background-position:-20px -57px;
} 
.linkway-part-ul .linkway-interway .weixin:hover .weixin-qrcode{
	/* display:block; */
	opacity:1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}
.linkway-part-ul .linkway-interway .weixin .weixin-qrcode{
	/* display:none; */
	opacity:0;
	position:absolute;
    top: -110px;
    left: -30px;
    padding:5px;
    background-color:#fff;
    -webkit-transform: scale3d(0.1,0.2,1);
	transform: scale3d(0.1,0.2,1);
	-webkit-transform-origin: 50% 120%;
	transform-origin: 50% 120%;
	-webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
	transition: opacity 0.4s, transform 0.4s;
	-webkit-transition-timing-function: ease, cubic-bezier(0.6,0,0.4,1);
	transition-timing-function: ease, cubic-bezier(0.6,0,0.4,1);
}
.linkway-part-ul .linkway-interway .qq{
	background-position:-80px -5px;
}
.linkway-part-ul .linkway-interway .qq .qq-account{
	display: none;
    position: absolute;
    top: -100px;
    left: -25px;
    background-color: #fff;
    color: #000;
    font-size: 20px;
    height: 100px;
    line-height:100px;
}
.linkway-part-ul .linkway-interway .qq:hover{
	background-position:-80px -57px;
}
.linkway-part-ul .linkway-interway .qq:hover .qq-account{
	display:block;
}
.linkway-part-ul .linkway-interway .weibo{
	background-position:-140px -5px;
}
.linkway-part-ul .linkway-interway .weibo .weibo-qrcode{
	/* display:none; */
	opacity:0;
	position:absolute;
    top: -110px;
    left: -30px;
    padding:3px;
    background-color:#fff;
    -webkit-transform: scale3d(0.1,0.2,1);
	transform: scale3d(0.1,0.2,1);
	-webkit-transform-origin: 50% 120%;
	transform-origin: 50% 120%;
	-webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
	transition: opacity 0.4s, transform 0.4s;
	-webkit-transition-timing-function: ease, cubic-bezier(0.6,0,0.4,1);
	transition-timing-function: ease, cubic-bezier(0.6,0,0.4,1);
}
.linkway-part-ul .linkway-interway .weibo:hover{
	background-position:-140px -57px;
}
.linkway-part-ul .linkway-interway .weibo:hover .weibo-qrcode{
	/* display:block; */
	opacity:1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}
.connect-ways label{
    line-height: 50px;
    display: inline-block;
    height: 50px;
    font-size: 20px;
    float: right;
    margin-left: 10px;
}
.focus-us{
    margin-top: 4px;
    width: 230px;
}
.focus-us > div{
	display:block;
    float: left;
    width: 100px;
    margin-right: 10px;
    text-align: center;
}

.login_bottom {
    background: #323232;
}
.hand-copyright {
    color: #999;
    line-height: 50px;
    height: 100px;
    font-size: 14px;
    text-align: center;
    font-family: Microsoft Yahei,tahoma,arial,sans-serif,helvetica;
}
.hand-copyright a:link{
	color:#999;
}
.hand-copyright a:hover, .top-bar-content a:hover, .login_footer a:hover{
	color:#ffffff;
	text-decoration: none;
}
.validation-code-con{
    display: block;
    height: 30px;
    margin-top: 20px;
}

.validation-code-con input {
    margin: 0px;
    width: 110px;
    border-radius: 0px;
    background-color: #eee;
    border: none;
    float: left;
    height: 20px;
    font-size: 12px;
    line-height: 12px;
}
.validation-code-con img {
    float: right;
    cursor: pointer;
}

/* 登录页喇叭 */
.div-bullhorn-bulletin{
    position: absolute;
    height: 140px;
    width: 76%;
    left: 12%;
    z-index: 11;
    box-shadow: 0 4px 20px 5px rgba(53, 115, 158, 0.1);
    border-radius: 6px;
    opacity: 0;
}
.div-bullhorn-bg{
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: .1;
}
.div-bullhorn-contontent{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.div-bullhorn-bulletin .bulletin-part{
	overflow:hidden;
	height:32px;
	font-size:14px;
	/* line-height:50px; */
}
.div-bullhorn-bulletin .left-bulletin{
	float:left;
}
.div-bullhorn-bulletin .left-bulletin a{
	margin:0 25px;
	cursor:pointer;
	max-width:250px;
	overflow:hidden;
	display:block;
	float: left;
    white-space: nowrap;
    text-overflow:ellipsis;
}
.div-bullhorn-bulletin .left-bulletin img{
	margin-left:10px;
}
.div-bullhorn-bulletin .left-bulletin a:hover{
	color:#484b50;
}
.div-bullhorn-bulletin .right-bulletin{
	float:right;
	color: #5eb5fe;
}
.div-bullhorn-bulletin .right-bulletin a{
	color: #5eb5fe;
	cursor:pointer;
}
.customization-info {
    color: #999;
    line-height: 50px;
    height: 50px;
    font-size: 14px;
    text-align: center;
    font-family: Microsoft Yahei,tahoma,arial,sans-serif,helvetica;
    margin-top: 30px;
    background-color: rgb(45,45,45);
}
a{
	text-decoration: none;
	cursor: pointer;
}
/* 登录框 */
.login-div{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	display: none;
}
.login-container-div{
	width: 660px;
	height: 540px;
}
.login-bg{
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #000;
	opacity: .5;
    z-index: 100;
    display: none;
}
.login-container{
	width: 0;
	height: 0;
	position: absolute;
	z-index: 101;
	left: 300px;
	display: block;
	overflow: hidden;
}
.login-content-div{
	display: none;
}
.login-logo{
	width: 310px;
	margin: 0 auto 35px auto;
	height: 30px;
}
.login-logo-img{
	display: none;
}
.login-content{
	width: 660px;
	height: 420px;
	background-color: #fff;
	border-radius: 6px;
	box-shadow: 0px 0px 15px 0px rgba(255, 255, 255, 0.5);
	margin:auto;
}
.login-content-left{
	width: 150px;
}
.login-content-center{
	width: 390px;
}
.login-content-right{
	width: 120px;
	position: relative;
	height: 100%;
}
.login-content-right-img{
	position: absolute;
	bottom: 15px;
	right: 6px;
}
.login-span{
	display: block;
}
.login-content-text{
	font-size: 26px;
	margin-top: 40px;
	text-align: center;
	letter-spacing: 15px;
}
.login-input{
	margin-top: 50px;
	text-align: center;
	position: relative;
}
.login-input-text{
	padding-bottom: 12px;
	border: 0;
	border-bottom: 1px solid #ccc;
	color: #ccc;
	width: 300px;
	margin: auto;
	text-indent: 6px;
	font-size: 14px;
}
.icon-eye-open{
	color: #ccc;
	position: relative;
	left: -12px;
}
.login-password{
	position: relative;
	left: 6px;
}
.login-forget{
	height: 26px;
	line-height: 26px;
	font-size: 14px;
	text-align: right;
	width: 300px;
	margin: 10px auto;
	color: #ccc;
}
.login-forget .login-error-infor{
	float: left;
	color: red;
}
.login-forget .forget-password:hover{
	color: #00d3d5;
}
.login-btns{
	margin-top: 30px;
	text-align: center;
}
.login-btns .login-btn{
	width: 300px;
	background-color: #47c1bd;
	color: #fff;
	height: 60px;
	line-height: 60px;
	border-radius: 4px;
	display: inline-block;
	font-size: 20px;
	box-shadow: 1.0px 4px 20px 1px rgba(0, 211, 213, 0.22);
}
.login-btns .login-btn:hover{
	text-decoration: none;
}
.login-btn-text{
	position: relative;
	left: -5px;
	letter-spacing: 10px;
}
.my-long-arrow-right{
	display: inline-block;
	width: 31px;
	height: 8px;
	background: url(../../images/newLogin/login_window_enter_arrow.png?v=1.0) no-repeat;
	position: relative;
	left: 5px;
	transition: all 1s;
	top: -4px;
}

.login-close{
	position: absolute;
	right: 12px;
	top: 12px;
	z-index: 101;
	display: none;
}
.login-close .login-remove{
	color: #fff;
}
.login-btn:hover .my-long-arrow-right{
	left: 20px;
}
#img_code{
	position: absolute;
	top: -3px;
	right: 45px;
}
.login-check-code{
	display: none;
}
.my-remove-icon{
	width: 56px;
	height: 56px;
	border-radius: 4px;
	background: url('../../images/newLogin/login_window_close_btn.png?v=1.1') no-repeat;
	display: block;
}
.login-close:hover .my-remove-icon{
	background-position: -112px 0;
}
.hand-copyright .gongxinbu{
	color: #999;
	text-decoration: underline;
}