/* 登录页面   start*/

.conter {
	height: 100vh;
	background: url(../img/login/login_back.png) no-repeat;
	background-size: cover;
	position: relative;
}

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

.login-cont h2 {
	padding: 60px 0 50px 0;
	text-align: center;
	font-family: 'Microsoft Yahei';
	font-weight: normal;
	font-size: 32px;
}


/*<!-- 底部固定区域 -->*/

.bottom-txt {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding-bottom: 10px;
	line-height: 22px;
	font-size: 12px;
	color: #8c8c8c;
	text-align: center;
	color: #FFFFFF;
}

/*登录页面  end*/


/*导航栏*/

.loginhead {
	width: 1200px;
	height: 80px;
	margin: 0 auto;
	background: transparent;
	text-align: right;
	line-height: 80px;
	color: #374552;
	font-size: 14px;
}

.loginhead em,
.loginhead1 em {
	float: left;
}

.loginhead span,
.loginhead1 span {
	float: left;
	font-size: 24px;
	color: #1f8ceb;
	letter-spacing: 2px;
	vertical-align: middle;
	margin-top: 2px;
}

.loginhead li {
	display: inline-block;
	margin-left: 10px;
}

.loginhead ul li a:hover {
	color: #007bff;
}

.loginhead .button {
	width: 80px;
	height: 32px;
	border: 1px solid #289ef3;
	line-height: 30px;
	text-align: center;
	border-radius: 5px;
	display: inline-block;
	box-sizing: border-box;
}

.loginhead .btn-login {
	color: #289ef3;
}

.loginhead .btn-reg {
	background: #289ef3;
	color: #fff;
}

.loginhead .button:hover {
	box-shadow: 0 0 8px rgba(40, 150, 240, .3);
}

.loginhead a.logo {
	display: none;
}


/*用户登录*/

.login-container {
	height: 570px;
	min-width: 1200px;
	background: url(../img/login/login_backk.png) no-repeat;
	background-size: cover;
	position: relative;
}

.login-box {
	width: 1200px;
	margin: 0 auto;
}

.SAAS_login .main_content {
	margin-top: 5%;
	height: 450px;
}

.SAAS_login .min_box {
	height: 420px;
}

input[type="radio"],
input[type="checkbox"] {
	margin: 0;
}

.login-form h3 {
	margin-top: 0;
	margin-bottom: 25px;
	font-size: 24px;
	font-weight: normal;
	text-align: center;
	color: #2893f3;
	font-family: 'Microsoft Yahei';
}

.radio label,
.checkBox label {
	display: inline;
	margin-bottom: 0;
	font-weight: normal;
	cursor: pointer;
}

form input[type="checkbox"] {
	vertical-align: middle;
	margin-right: 10px;
}

.main_content {
	float: right;
	margin-top: 6%;
	margin-right: 90px;
	width: 440px;
	height: 510px;
	background: rgba(255, 255, 255, .35);
	border-radius: 5px;
}

.min_box {
	border-radius: 5px;
	background-color: rgb(255, 255, 255);
	width: 415px;
	height: 480px;
	margin: 15px auto 0 auto;
	z-index: 111;
	padding: 20px;
	text-align: center;
}

.min_box form>div {
	width: 295px;
	border: 1px solid #e4e4e4;
	border-radius: 5px;
	height: 44px;
	line-height: 44px;
	margin: 0 auto 20px auto;
}
.min_box form>div.checkBox {
	border: none;
	text-align: left;
	height: 30px;
	line-height: 30px;
}

form input[type="checkbox"] {
	vertical-align: middle;
	margin-right: 10px;
}
.min_box form em {
	width: 45px;
	height: 44px;
	display: inline-block;
	float: left;
}

.min_box form em.one {
	background: url(../img/login/login_icon1.png) no-repeat #f7f7f7 center;
}

.min_box form em.two {
	background: url(../img/login/login_icon2.png) no-repeat #f7f7f7 center;
}

.min_box form em.three {
	background: url(../img/login/login_icon3.png) no-repeat #f7f7f7 center;
}

.min_box form em.four {
	background: url(../img/login/login_icon4.png) no-repeat #f7f7f7 center;
}

.login_input {
	width: 240px;
	border: none;
	border-radius: 5px;
	height: 42px;
	line-height: 44px;
	margin: 0 auto;
	float: right;
	padding: 0 10px;
}

.yzm_div {
	border: none!important;
}

.min_box .login_four {
	width: 195px;
	float: left;
	margin-left: 0;
	border: 1px solid #e4e4e4;
	border-radius: 5px;
}

.min_box form span {
	height: 44px;
	width: 90px;
	cursor: pointer;
	margin-left: 10px;
	line-height: 44px;
	display: inline-block;
	float: left;
}



.login_btn {
	display: block;
	background: #cccccc;
	color: #fff;
	font-size: 15px;
	width: 295px;
	height: 44px;
	line-height: 44px;
	border-radius: 5px;
	border: none;
	margin: 0 auto;
	cursor: pointer;
}

.login_btn:hover {
	background: #289ef3;
	color: #FFFFFF;
}

button:focus {
	outline: 1px dotted;
	outline: none;
}


/*云通讯能力开放平台*/

.login-cont-title h2 {
	font-size: 25px;
	color: #343a40!important;
	padding-bottom: 20px;
	font-weight: normal;
	font-size: 32px;
	font-family: 'Microsoft Yahei';
}

.login-cont-title p {
	font-family: "YaHei-Light";
	font-size: 16px;
	color: #374552;
	line-height: 30px;
}


/* 登录页面   end*/


/*申请试用页面    start*/

.register {
	height: 100vh;
	background: url(../img/login/reg_back.png) no-repeat;
	background-size: cover;
	position: relative;
}

.register .conten_box {
	width: 1200px;
	height: 672px;
	margin: 0 auto;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 10px 20px 0px rgba(138, 138, 138, 0.4);
	top: 60px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.conten_box .f-right {
	width: 575px;
	position: relative;
	float: right;
}

.conten_box .f-left {
	width: 625px;
	background: url(../img/login/reg_right.png) no-repeat;
	background-size: cover;
	position: relative;
    height: 100%;
    min-height: 600px;
    color: #FFFFFF;
    float: left;
}

.reg-txt {
	padding-top: 50px;
	width: 100%;
    min-width: 440px;
    margin: auto;
    text-shadow: 1px 1px 1px rgba(0,0,0,.4);
    text-align: center;
}
.reg-txt li {
    margin-bottom: 25px;
    font-size: 16px;
}
.reg-txt h2 {
	margin: 60px 0 40px 0;
	font-size: 40px;
}

.reg-foot {
    position: absolute;
    bottom: 30px;
    width: 100%;
    line-height: 16px;
    text-align: center;
    font-size: 12px;
}

.reg-foot a {
	color: #585858;
	display: inline-block;
    margin-bottom: 10px;
    padding: 0 12px 0 10px;
    border-right: 1px solid #888;
}

.reg-foot p {
	color: #585858;
}
.register p a {
    color: #289ef3;
}

/*右边*/
.register form {
    margin: 50px 60px;
    min-width: 380px;
}

.register form h2 {
	margin-bottom: 40px;
	    font-size: 40px;
    font-weight: normal;
    color: #289ef3;
    text-align: center;
}

.register button.submit {
	margin: 50px 0;
	width: 100%;
	height: 42px;
	line-height: 42px;
	background: #289ef3;
	border-radius: 3px;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	border: none;
}

.register form li {
	height: 44px;
	line-height: 44px;
	position: relative;
    margin-top: 25px;
    padding-left: 25px;
    border: 1px solid #ddd;
}
.register form li span {
    display: inline-block;
    width: 80px;
    border-right: 1px solid #ddd;
}
.register .yzmbtn {
	height: 44px;
	line-height: 44px;
	background: #cccccc;
	    float: right;
    display: block;
    width: 130px;
    color: #fff;
    text-align: center;
}

.register .yzmbtn:hover {
	background: #289ef3;
	color: #FFFFFF;
}

.register select {
	height: 40px;
	line-height: 40px;
	width: 340px;
	padding-left: 10px;
	box-sizing: border-box;
    border: none;
    outline: none;
}

.register .submit input {
	height: 44px;
	line-height: 44px;
	border-radius: 5px;
}

.register input {
	display: inline-block;
    max-width: 100%;
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
    border: none;
    outline: none;
}

.register #regTel {
	width: 330px;
}

.register #regVCode {
	width: 198px;
}

.txt-center{
	text-align: center;
}
/*申请试用页面    end*/


/*SAAS  登录页   start*/

.container_paas {
	width: 1200px;
	margin: 0 auto;
	padding: 0 40px;
}

.login-cont-title {
	padding: 70px 0 50px 0;
	text-align: center;
}

.login_box2 .paas padding-top: 70px;
padding-bottom: 60px;

}
.container_paas {
	width: 1200px;
	margin: 0 auto;
	padding: 0 40px;
}
.paas {
	background: #F7F7F7;
	padding: 0 0 50px 0;
}
.paas .fadeInUp {
	width: 266px;
	margin: 0px 10px;
	float: left;
}
.paas .wow>div {
	margin-right: 0rem;
	margin-left: 0rem;
	padding: 30px;
	border-radius: 20px;
	background-color: #fff;
	box-shadow: 1px 1px 10px #e8ecf7;
	transition: All .4s ease-in-out;
}
.paas .wow>div:hover {
	border-radius: 20px;
	background-image: -moz-linear-gradient( 90deg, rgb(35, 144, 255) 1%, rgb(132, 191, 255) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(35, 144, 255) 1%, rgb(132, 191, 255) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(35, 144, 255) 1%, rgb(132, 191, 255) 100%);
	box-shadow: 0px 8px 18.06px 2.94px rgba(141, 187, 255, 0.27);
}
.paas .row h5 {
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 18px;
	color: #333333;
}
.paas .row .text-muted {
	font-size: 14px;
}
.paas .row h3 {
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 3px;
	border: 1px solid #007BFF;
	font-size: 14px;
	text-align: center;
	margin: 0 auto;
	cursor: pointer;
	margin-top: 10px;
	color: #007BFF;
}
.text-muted {
	font-size: 16px;
}
.paas .row .text-muted1 {
	color: #585858;
	font-size: 13px;
	line-height: 25px;
	height: 94px;
	margin-bottom: 20px;
}
.cpys1img {
	display: inline-block;
	width: 100px;
	height: 100px;
	background: url(../img/login/login_icon1.1.png) no-repeat center;
}
.cpys1>div:hover .cpys1img {
	background: url(../img/login/login_icon1.1-2.png) no-repeat center!important;
}
.cpys1>div:hover h5 {
	color: #ffffff;
}
.cpys1>div:hover .text-muted1 {
	color: #ffffff;
}
.cpys1>div:hover h3 {
	color: #ffffff;
	border: 1px solid #ffffff;
}
.cpys2img {
	display: inline-block;
	width: 100px;
	height: 100px;
	background: url(../img/login/login_icon1.2.png) no-repeat center;
}
.cpys2>div:hover .cpys2img {
	background: url(../img/login/login_icon1.2-2.png) no-repeat center!important;
}
.cpys2>div:hover h5 {
	color: #ffffff;
}
.cpys2>div:hover .text-muted1 {
	color: #ffffff;
}
.cpys2>div:hover h3 {
	color: #ffffff;
	border: 1px solid #ffffff;
}
.cpys3img {
	display: inline-block;
	width: 100px;
	height: 100px;
	background: url(../img/login/login_icon1.3.png) no-repeat center;
}
.cpys3>div:hover .cpys3img {
	background: url(../img/login/login_icon1.3-2.png) no-repeat center!important;
}
.cpys3>div:hover h5 {
	color: #ffffff;
}
.cpys3>div:hover .text-muted1 {
	color: #ffffff;
}
.cpys3>div:hover h3 {
	color: #ffffff;
	border: 1px solid #ffffff;
}
.cpys4img {
	display: inline-block;
	width: 110px;
	height: 100px;
	background: url(../img/login/login_icon1.4.png) no-repeat center;
}
.cpys4>div:hover .cpys4img {
	background: url(../img/login/login_icon1.4-2.png) no-repeat center!important;
}
.cpys4>div:hover h5 {
	color: #ffffff;
}
.cpys4>div:hover .text-muted1 {
	color: #ffffff;
}
.cpys4>div:hover h3 {
	color: #ffffff;
	border: 1px solid #ffffff;
}
.paas .row p,
.call .row p {
	padding-bottom: 0;
}

/*3333*/
.login-cj {
	width: 100%;
	height: 420px;
	background: url(../img/login/login_back2.png) no-repeat center;
	color: #fff;
}
.login-cj h2 {
	padding: 60px 0;
	text-align: center;
	font-family: 'Microsoft Yahei';
	font-weight: normal;
	font-size: 25px;
	color: #FFFFFF!important;
}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 20px;
	left: 0;
	width: 100%;
}
.login-cj ul {
	width: 1200px;
	margin: auto;
	line-height: 22px;
}
.login-cj li {
	display: inline-block;
	vertical-align: middle;
}
.login-cj li h3 {
	font-size: 20px;
	margin-top: 25px;
}
.login-cj li p {
	margin-bottom: 10px;
}
.login-cj p span {
	font-weight: bold;
	color: #fc0;
}

/*44444*/
.pro2_box3 {
	width: 1200px;
	margin: 0 auto;
	padding: 60px 0 60px 0;
}
.pro2_box3 h2 {
	margin-bottom: 25px;
}
.pro2_box3>div {
	width: 280px;
	height: 212px;
	text-align: center;
	float: left;
	margin-right: 25px;
	margin-top: 25px;
	/*padding: 15px 20px;*/
}
.pro2_box3>div:last-child {
	margin-right: 0;
}
.pro2_box3 .circle .img {
	width: 280px;
	height: 212px;
}
.pro2_box3 .circle .img img {
	margin-top: 30px;
}
.pro2_box3 .circle .info h3 {
	width: 200px;
	margin-top: 40px;
}
.pro2_box3 .circle .info p {
	margin-top: 10px;
}
.pro2_box3>div:last-child {
	margin-right: 0;
}
.pro2_box3>div:nth-child(5) {
	margin-right: 0;
}
.pro2_box3>div:nth-child(9) {
	margin-right: 0;
}
.circle {
	position: relative;
	width: 220px;
	height: 220px;
	margin: 0 auto;
}
.box {
	width: 20%;
	float: left;
}
.circle .img {
	width: 220px;
	height: 220px;
	text-align: center;
}
.circle .img img {
	margin-top: 15px;
}
.circle .img h3 {
	margin-top: 10px;
	font-size: 16px;
	color: #333333;
}
.circle .img:before {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.circle .info {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	border-radius: 50%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.circle .info h3 {
	width: 135px;
	height: 85px;
	text-align: center;
	font-weight: normal;
	color: #6a6a6a;
	position: relative;
	letter-spacing: 2px;
	font-size: 14px;
	margin: 0 auto;
	padding-top: 30px;
	line-height: 23px;
}
.circle .info h3.line_h {
	line-height: 65px;
}
.circle .info p {
	width: 87px;
	height: 26px;
	margin: 0 auto;
	text-align: center;
	line-height: 26px;
	background: #007bff;
	color: #FFFFFF;
	font-size: 12px;
	opacity: 0;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	margin-top: 10px;
	border-radius: 5px;
}
.circle:hover .info {
	opacity: 1;
}
.circle:hover .img:before {
	box-shadow: inset 0 0 0 110px rgba(200, 227, 255, 0.9), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
}
.circle:hover .info {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.circle:hover .info p {
	opacity: 1;
}
.em {
	display: block;
}

/*55555*/
.login-cont {
	width: 1200px;
	margin: 0 auto;
}
.login_box4 {
	background: url(../img/login/login_back4.png) no-repeat;
	background-size: cover;
	position: relative;
}
.login_box4 h2 {
	padding: 60px 0 50px 0;
	text-align: center;
	font-family: 'Microsoft Yahei';
	font-weight: normal;
	font-size: 25px;
	color: #FFFFFF!important;
}
.login-cont li {
	height: 250px;
	padding: 25px 0px;
	display: inline-block;
	width: 29%;
	margin: 0 20px 50px 20px;
	vertical-align: top;
	border-radius: 10px;
	cursor: pointer;
	text-align: center;
}
.login-cont li h3 {
	margin: 20px 0;
	font-size: 18px;
	font-family: 'Microsoft Yahei';
	color: #FFFFFF;
}
.login-cont li p {
	line-height: 24px;
	color: #FFFFFF;
}
.login-cont li:hover {
	background-color: rgba(255, 255, 255, 0.8);
}
.login-cont li:hover h3 {
	color: #343a40;
}
.login-cont li:hover p {
	color: #585858;
}
.login-cont li em.one {
	display: inline-block;
	width: 91px;
	height: 90px;
	background: url(../img/login/login_icon4.1.png) no-repeat;
}
.login-cont li:hover em.one {
	background: url(../img/login/login_icon4.1-2.png) no-repeat;
}
.login-cont li em.two {
	display: inline-block;
	width: 91px;
	height: 90px;
	background: url(../img/login/login_icon4.2.png) no-repeat;
}
.login-cont li:hover em.two {
	background: url(../img/login/login_icon4.2-2.png) no-repeat;
}
.login-cont li em.three {
	display: inline-block;
	width: 91px;
	height: 90px;
	background: url(../img/login/login_icon4.3.png) no-repeat;
}
.login-cont li:hover em.three {
	background: url(../img/login/login_icon4.3-2.png) no-repeat;
}
.login-cont li em.four {
	display: inline-block;
	width: 91px;
	height: 90px;
	background: url(../img/login/login_icon4.4.png) no-repeat;
}
.login-cont li:hover em.four {
	background: url(../img/login/login_icon4.4-2.png) no-repeat;
}
.login-cont li em.five {
	display: inline-block;
	width: 91px;
	height: 90px;
	background: url(../img/login/login_icon4.5.png) no-repeat;
}
.login-cont li:hover em.five {
	background: url(../img/login/login_icon4.5-2.png) no-repeat;
}
.login-cont li em.six {
	display: inline-block;
	width: 91px;
	height: 90px;
	background: url(../img/login/login_icon4.6.png) no-repeat;
}
.login-cont li:hover em.six {
	background: url(../img/login/login_icon4.6-2.png) no-repeat;
}

/*SAAS  登录页   end*/

/*创业加页面*/
.f-lelt { float: left; }
.f-right { float: right; }
/*移动办公*/
.banner-office {
	position: relative;
	width: 100%;
	min-width: 1100px;
	height: 520px;
	background: url(../img/office/banner_index2.jpg) no-repeat center;
}
.container1 {
	width: 1100px;
	margin: auto;
}
.banner-office .img {
	position: absolute;
	right: 50%;
	bottom: 0;
	margin-right: 180px;
}
.banner-office .txt {
	position: absolute;
	left: 50%;
	top: 100px;
	margin-left: -40px;
	color: #fff;
}
.banner-office .txt h2 {
	margin-bottom: 60px;
	font-size: 48px;
	font-weight: normal;
}
.banner-office .txt p {
	display: inline-block;
	margin: 0 60px 25px 0;
	font-size: 18px;
}
.banner-office .txt a {
	display: block;
	margin-top: 50px;
	width: 200px;
	height: 46px;
	line-height: 46px;
	color: rgba(255, 255, 255, .9);
	text-align: center;
	font-size: 16px;
	border: 1px solid rgba(255, 255, 255, .8);
	border-radius: 25px;
	background: rgba(0, 0, 0, 0.5);
}
.banner-office .txt a:hover {
	background: rgba(0, 0, 0, .7);
}
.office-ys {
	width: 100%;
	margin-bottom: 60px;
	text-align: center;
}
.office-ys li {
	display: inline-block;
	width: 210px;
	margin-right: 80px;
	vertical-align: top;
}
.office-ys li h3 {
	margin: 30px 0 25px 0;
	font-size: 18px;
	font-weight: normal;
	color: #000;
}
.office-ys li p {
	color: #666;
}
.office-gn {
	width: 1000px;
	margin: auto;
	padding: 85px 0;
}
.office-gn dt {
	margin-bottom: 20px;
	font-size: 22px;
	color: #289ef3;
}
.office-gn dd {
	line-height: 26px;
	color: #666;
}
.office-gn-bg1 {
	background: url(../images/office/office_gn1.png) no-repeat top right;
}
.office-gn-bg2 {
	background: url(../images/office/office_gn2.png) no-repeat center left;
}
.office-gn-bg3 {
	background: url(../images/office/office_gn3.png) no-repeat center right;
}
.office-gn-bg4 {
	height: 240px;
	background: url(../images/office/office_gn4.png) no-repeat center left;
}
.office-gn-bg4 dl {
	padding-top: 50px;
}
.office-list {
	width: 100%;
	text-align: center;
	padding-bottom: 50px;
}
.office-list li {
	display: inline-block;
	vertical-align: top;
	padding: 20px 30px;
	cursor: pointer;
}
.office-list li:hover {
	box-shadow: 0px 8px 18.06px 2.94px rgba(141, 187, 255, 0.27);
}
.office-list h3 {
	margin: 20px 0;
	font-size: 14px;
	color: #333;
}
.office-list p {
	color: #666;
	width: 210px;
}
.office-icon {
	display: inline-block;
	width: 60px;
	height: 60px;
}
.office-icon1 {
	background: url(../img/office/office_icon.png) no-repeat;
}
.office-icon2 {
	background: url(../img/office/office_icon.png) no-repeat -60px 0;
}
.office-icon3 {
	background: url(../img/office/office_icon.png) no-repeat -120px 0;
}
.office-icon4 {
	background: url(../img/office/office_icon.png) no-repeat -180px 0;
}
.office-icon5 {
	background: url(../img/office/office_icon.png) no-repeat -240px 0;
}
.office-icon6 {
	background: url(../img/office/office_icon.png) no-repeat -300px 0;
}
.office-icon7 {
	background: url(../img/office/office_icon.png) no-repeat 0 -60px;
}
.office-icon8 {
	background: url(../img/office/office_icon.png) no-repeat -60px -60px;
}
.office-icon9 {
	background: url(../img/office/office_icon.png) no-repeat -120px -60px;
}
.office-icon10 {
	background: url(../img/office/office_icon.png) no-repeat -180px -60px;
}
.office-icon11 {
	background: url(../img/office/office_icon.png) no-repeat -240px -60px;
}
.office-icon12 {
	background: url(../img/office/office_icon.png) no-repeat -300px -60px;
}
.office-icon13 {
	background: url(../img/office/office_icon.png) no-repeat 0 -120px;
}
.office-icon14 {
	background: url(../img/office/office_icon.png) no-repeat -60px -120px;
}
.office-icon15 {
	background: url(../img/office/office_icon.png) no-repeat -120px -120px;
}
.office-icon16 {
	background: url(../img/office/office_icon.png) no-repeat -180px -120px;
}
.office-line {
	min-width: 1100px;
	padding: 40px 0;
	background: url(../img/office/product_bg.png) no-repeat center bottom #4ec1f5;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	line-height: 30px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
}
.office-line a {
	display: inline-block;
	width: 160px;
	height: 40px;
	margin-top: 30px;
	background: #fff;
	color: #289ef3;
	line-height: 40px;
	border-radius: 5px;
	text-shadow: none;
}
.office-case {
	margin-bottom: 60px;
}
.office-case li {
	display: inline-block;
	position: relative;
	width: 330px;
	height: 570px;
	padding: 40px 30px;
	margin-right: 50px;
	line-height: 24px;
	background: #f7f7f7;
	vertical-align: top;
}
.office-case img {
	display: block;
	margin: auto;
	margin-bottom: 35px;
	width: 150px;
}
.office-case h3 {
	margin: 25px 0 8px 0;
	color: #289ef3;
	font-size: 14px;
}
.office-case p {
	color: #666;
}
.office-case span {
	display: inline-block;
	margin-right: 5px;
}
.office-case a {
	display: block;
	position: absolute;
	bottom: 40px;
	right: 50%;
	margin-right: -60px;
	width: 120px;
	height: 34px;
	line-height: 34px;
	color: #289ef3;
	text-align: center;
	border: 1px solid #289ef3;
	border-radius: 5px;
}
.office-case a:hover {
	box-shadow: 0 0 10px rgba(40, 160, 245, .5);
}

/**/

/*function*/
.content {
    width: 1200px;
    margin: auto;
    color: #333;
}
.content h2 {
    padding: 60px 0 50px 0;
    font-size: 25px;
    font-weight: normal;
    text-align: center;
}
.title-large {
	padding: 60px 0 50px 0;
	font-size: 25px;
	font-weight: normal;
	color: #333;
	text-align: center;
}
.function table {
	width: 100%;
}
.function table td {
	padding-bottom: 65px;
	cursor: pointer;
}
.function h3 {
	padding-bottom: 20px;
	font-size: 18px;
	font-weight: normal;
	cursor: pointer;
}
.function td:hover h3 {
	color: #289ef3;
}
.function p {
	color: #888;
	line-height: 24px;
	cursor: pointer;
}



/*solution*/
.solution-title { width: 100%; text-align: center; border-collapse: collapse; border-spacing:0; }
.solution-title a { display: block; width: 100%; height: 100%; color: #000; }
.solution-title p { margin-top: 30px; font-size: 18px; }
.solution-title .arrow1 { display: block; margin: auto; margin-top: 20px; width: 20px; height: 15px; background: url(../img/office/solution_arrow.png) no-repeat center; }
.solution-title .arrownone {
    background: none;
}

.solution-cont { text-align: center; margin-bottom: 20px; }
.solution-cont h3 { margin: 50px 0 30px 0; font-size: 20px; font-weight: normal; }
.solution-cont h4 { margin-bottom: 30px; font-size: 16px; color: #888; font-weight: normal; }
.solution-cont table { width: 700px; }
.solution-cont table td { height: 200px; }
.solution-cont table p { margin-top: 25px; }
.solution-cont table .btn { display: inline-block; width: 200px; height: 50px; line-height: 50px; font-size: 18px; color: #fff; background: #279ef2; border-radius: 25px; padding: 0;}

.icon-index { display: inline-block; width: 80px; height: 80px; }
.icon-calendar-index { background: url(../img/office/solution_cont_icon.png) no-repeat; }
.icon-man-index { background: url(../img/office/solution_cont_icon.png) no-repeat -80px 0; }
.icon-txt-index { background: url(../img/office/solution_cont_icon.png) no-repeat -160px 0; }
.icon-task-index { background: url(../img/office/solution_cont_icon.png) no-repeat -240px 0; }
.icon-computer-index { background: url(../img/office/solution_cont_icon.png) no-repeat -320px 0; }
.icon-voice-index { background: url(../img/office/solution_cont_icon.png) no-repeat -400px 0; }
.icon-cloud-index { background: url(../img/office/solution_cont_icon.png) no-repeat -480px 0; }
.icon-calendar2-index { background: url(../img/office/solution_cont_icon.png) no-repeat -560px 0; }
.icon-file-index { background: url(../img/office/solution_cont_icon.png) no-repeat 0 -80px; }