body { font:15px/1.8 Arial, "open sans", "Helvetica Neue", Helvetica, Microsoft YaHei; font-weight:500; color:#555;}
body,html,div,h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,dd,dt,table,tr,td,th,input,textarea,select,label,span,i,a,form,em,option{ font-family:Arial, "open sans", "Helvetica Neue", Helvetica, Microsoft YaHei; font-weight:500; word-wrap:break-word;}
td {zoom:expression(this.innerHTML==""?(this.innerHTML=" "):0);}
img { border:0; }
font { font-size:15px;}
body a{outline:none;blr:expression(this.onFocus=this.blur());}
a{ cursor:pointer; font-weight:500;}
em{ font-style: normal;}
ol,ul,li{ list-style: none; padding: 0; margin-top: 0;}
h1,h2,h3,h4,h5,h6{ line-height: 1.4 !important; }
h1{ font-size: 42px; font-weight: 800; }
h2{ font-size: 28px; font-weight: 800; }
h3{ font-size: 28px; font-weight: 800; }
h4{ font-size: 28px; font-weight: 800; }

.single-feature h4{ font-size: 26px; }
.color_80{ color: #808080; }
.color_4d{ color: #4d4d4d; }
.color_3{ color: #333; }
.font_bold{ font-weight: 800; }
.office2{ font-family: "Arial",'Montserrat Alternates','open sans', 'Helvetica Neue', Helvetica, "Microsoft YaHei"; font-weight: 800; }
h1 em.office2 img{ width: 170px; }
h2 em.office2 img{ width: 106px; }
h3 em.office3 img{ width: 80px; }
.height_line{margin-bottom: 40px; height: 1px;line-height: 1px;background: -webkit-linear-gradient(left, #1917b5, #d4c146);/* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #1917b5, #d4c146);/* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #1917b5, #d4c146);/* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #1917b5, #d4c146);}

.by_pc{ display: inline-block; }
.by_m{ display: none; }
.pc_block{ display: block; }

.laptop_inner{ display: inline-block; padding-bottom: 40px; }
.nav-menu>li a{ color: rgba(255,255,255,0.8); }
.nav-menu>li a:hover{ color: rgba(255,255,255,1);}
.nav-menu>li.menu-active a{ color: #fff; border-bottom: 1px solid #ddd; }
#mobile-nav{ width: 180px; left: -180px; }

#header #logo img{ height: 30px; }
.footer-area{ padding: 15px 0 15px 0; background: #04091e;}
.footer-area .link{ line-height: 26px; color: #a9a9a9;}
.footer-area .link a{ display: inline-block; margin: 0 18px; color: #a9a9a9; font-size: 14px;}
.footer-area .copyright{ color: #a9a9a9; font-size: 14px; line-height: 26px; margin: 0 18px;}
.footer-area .copyright a{ color: #a9a9a9;}
.footer-area .link a:hover,.footer-area .copyright a:hover{ color: #fff; }
.footer-area .pic{ float: right; width: 115px; text-align: center;}
.footer-area .pic img{ width: 100px; height: 100px; }
.footer-area .pic p{ color: #a9a9a9; margin: 0;}

.banner-area{ z-index: 5; }
.banner-area .overlay-bg{ z-index: 1; }
.banner-area .container{ position: relative; z-index: 2; }
.banner-content h1{ font-size: 42px; line-height: 1.5em !important;}
.float_clear:after{ content: ""; display:block; clear: both; }
.nav-menu a{ font-size: 18px; }

.ticker-btn{ border-radius: 4px; }
.ticker-btn:hover{ color: #fff; }
.single-feature{ background: #f5fafe; position: relative; }
.single-feature .lnr_icon{ position: absolute; left: 50px; top: 50px; }
.single-feature .lnr_inner{ padding-left: 90px; text-align: left; line-height: 1.8;}
.section-gap{ padding: 50px 0; }
.section-gap-big{ padding: 100px 0; }
.video-area{ padding: 0; }
.home-aboutus-area .about-right{ padding-left: 10%; padding-right: 0; }

.mockup-container.pc{ display: block; text-align: center; }
.mockup-container.m{ display: none; text-align: center; }

.mockup-container .img_m{ float: left; }
.mockup-container .img_m img{ max-width: 445px;}
.mockup-container .img_pc{ float: left; margin-top: 180px;}
.mockup-container .img_pc img{ max-width: 452px; }


.login_btn{padding: 1px 20px !important;margin-top: 5px;margin-left: 10px;}

.content_banner .container{ padding-top: 120px; }
.banner-content{ margin-bottom: 30px; }
.content_pic .p-l-20{ padding-left: 20%; }
.content_pic .align-items-center{ display: flex; }
.content_pic .row_l{ width: 500px; float: right; margin-right: 60px;}
.content_pic .row_r{ width: 500px; margin-left: 60px;}
.content_pic h1{ margin-bottom: 25px; }
.content_pic .last{ display: none; }
.content_pic .align-items-center .row img{ display: block; height: auto; display: block !important; height: auto !important; }

.about-area{ background: #f5fafe; }

.content_product.p_b_count{ padding-bottom: 50px; }
.content_product .inner_img{ text-align: center; }
.content_product .inner_img img.img-fluid{ max-width: 100%; max-height: 400px; }
.content_product h1{ padding: 0;}
.content_product h2 span{ font-weight: 800; }
.content_product .align-items-center{/* border-bottom: 1px dashed #ddd; margin-bottom: 40px;*/}
.content_product .align-items-center:last-child{ border-bottom: 0; margin-bottom: 0;}
.content_product .align-items-center .inner_img,.content_product .align-items-center .inner_text{ margin-bottom: 50px; }
.content_product .align-items-center .inner_text_l{ padding-left: 40px;}
.content_product .align-items-center .inner_text_r{ padding-right: 40px;}
.content_product .last{ display: none; }

.content_about h3{ margin-bottom: 20px; }
.content_about h3,.content_about span.title{ color: #3fa0ec;  font-weight: 800;}

.content_form .form{ background: #fff; border-radius: 8px; padding: 50px 35px; }
.content_form .form .form_inner{ margin-bottom: 20px; }
.content_form .form input{ width: 100%; border:1px solid #ddd; padding: 5px 15px; font-size: 15px; border-radius: 3px; color: #333; }
.content_form .form .button{ display: block; width: 100%; border:1px solid #3fa0ec; background: #3fa0ec; text-align: center; padding: 5px 15px; font-size: 15px; border-radius: 3px; color: #fff; }
.content_form .title{ padding-bottom: 30px; }

#applyOfficePlus:hover{ color: #fff; }


.box_layer{ position: fixed; left: 0; top: 0; bottom: 0; width: 100%; background: rgba(0,0,0,0.5); z-index: 99; }
.show_uploading{ position: absolute; left: 0; width: 100%; top: 0; bottom: 0; background: rgba(0,0,0,0.4); z-index: 102; }
.show_uploading .text{ color: #fff; text-align: center; padding-top: 135px; font-size: 15px;}

.show_alert{ position: fixed; z-index: 2051; width: 340px; left: 50%; margin-left: -170px; top: 50%; margin-top: -150px; background: #fff; border-radius: 10px; overflow: hidden; }
.show_alert .top{ border-bottom: 1px solid #e2e2e2; font-size: 18px; text-align: center; padding:8px 2px; }
.show_alert .center{ padding:10px; text-align: center; min-height: 60px;}
.show_alert .bottom{border-top: 1px solid #e2e2e2; background: #f8f8f8;}
.show_alert .bottom a{ display: block; font-size: 15px; text-align: center; padding:8px 2px; color: #555; }



.h1_core,.h1_getmore,.h1_product,.h1_about，.h1_join{ display: block; }
.h1_core_sm,.h1_getmore_sm,.h1_product_sm,.h1_about_sm，.h1_join_sm{ display: none; }





/*index*/
#header{ background: #1a5b92; box-shadow: 0px 3px 3px rgb(0, 0, 0 ,0.2); }
#header.header-scrolled{ background: #1a5b92; box-shadow: 0 0 0 rgba(0,0,0,0.5) }
.color_blue2{ color: #1a5b92; }
.color_blue{ color: #2ea7e0; }
.color_orange{ color: #f49600; }
.bg_f5{ background: #f5f5f5; }
.bg_1a{ background: #1a5b92; }
.bg_2e{ background: #2ea7e0; }
.bg_d6{ background: #d6e6f2; }
.bg_8f{ background: #8fc320; }
.bg_orange{ background: #f49600; }
.m_nav_box{ margin-top: 73px; }
.index_banner_box{  background: url(/officeplus/img/index_banner_bg.jpg) no-repeat top center; background-size: cover;}
.index_bg{ width: 20%; height: 800px; background: #1a5b92; }
.index_banner{ width: 80%; padding-top: 100px; padding-bottom: 250px; }
.index_banner .content{ background: #1a5b92; color: #fff; font-size: 32px; line-height: 1.5; max-width: 480px; padding: 60px 60px 60px 100px;}
.index_banner .content img{ width: 150px; }
.index_saas h3{ color: #2ea7e0;}
.index_saas .content{ padding:30px 20px; text-align: center; }
.index_saas .content .text{ font-size: 18px; line-height: 1.5;}
.index_saas .text_top{ padding-top: 90px; }
.index_saas_pic{ text-align: center; }
.index_saas_pic img{ max-width: 350px; }
.index_saas_item h3{ color: #1a5b92; }
.index_saas_item .content{ min-height: 180px; color: #fff; padding: 20px; }
.index_saas_item .ts dl{ position: relative; line-height: 1.6; margin-bottom: 10px; }
.index_saas_item .ts dl dt{ position: absolute; left: 0; }
.index_saas_item .ts dl dd{ padding-left: 60px; color: #888;}
.index_saas_group,.index_saas_item{ border-top:5px solid #ddd; }
.index_saas_group img{ max-width: 80%; max-height: 400px; }

.service_banner{ background: #2ea7e0; }
.service_group{ border-bottom: 2px solid #f49600; }
.service_group:last-child{ border-bottom: 0; }
.service_group .item{ position: relative; padding-left: 12px; }
.service_group .item em{ position: absolute; left: 0; }
.service_inner{ background: #fff; margin-top: 50px; }
.service_inner .text{ padding: 20px; }
.service_inner img{ max-width: 100%; }

.how_center{ background: #2ea7e0; }
.how_center .saas_left{ padding: 20px; background: #fff; border-radius: 10px; }
.how_pic .inner .item{ border:1px solid #ddd; text-align: center; }
.how_pic .inner .item img{ width: 100%; max-width: 800px; }

.busines_center .saas_right img{ max-width: 100%; max-height: 360px; }
.busines_market h3{ position: relative; padding-left: 65px;}
.busines_market h3 em{position: absolute; left: 0; font-size: 50px; color: #d6e6f2;}
.busines_market .text p{ position: relative; padding-left: 15px; margin-bottom: 5px; }
.busines_market .text p em{ position: absolute; left: 0; color: #1a5b92; }

.about_market .text{ text-align: left; display: inline-block; margin: 0 auto; background: rgba(255,255,255,0.2); border-radius: 10px; padding: 20px;}
.about_market .text p{ position: relative; padding-left: 15px; margin-bottom: 5px; }
.about_market .text p em{ position: absolute; left: 0; }
.about_qrcode img{ border:1px solid #ddd; width: 100%; max-width:220px; }

.title_box{ text-align: center; }
.title_box h2{ display: inline-block; border-radius: 25px; padding: 5px 30px; color: #fff; }







/*English*/
.en .index_saas_item .ts dl dd{ padding-left: 102px; color: #888;}
.en .nav-menu li a.ticker-btn{ text-transform: none; }
.en h1 em.office2 img{ width: 144px; }
.en h2 em.office2 img{ width: 92px; }
.en .busines_market h3 em{ top: -24px; }
.en .index_saas .content{ min-height: 190px; }



@media(max-width: 1340px){
	
}
@media(max-width: 1200px){
	.content_pic .row_l,.content_pic .row_r{ width: 410px; }
	.h1_banner{ width: 100%; }
	.mockup-container.pc{ display: none; text-align: center; }
	.mockup-container.m{ display: block; text-align: center; padding-bottom: 40px; }
	.mockup-container.m img{ display: block; width: 70%; margin:0 auto; }
}
@media(max-width: 992px){
	.index_saas_group img{ max-width: 100%;}
	.index_saas_pic img{ max-width: 100%; }
	.content_form .offset-3{margin-left: auto;}
	/*.content_pic .row{ display: block;}
	.content_pic .align-items-center{ display: block; }
	.content_pic .row_l,.content_pic .row_r{ width: 690px; float: none; margin:50px auto;}
	.content_pic .first{ display: none; }
	.content_pic .last{ display: block; }
	.content_product .align-items-center .inner_text_l,.content_product .align-items-center .inner_text_r{ padding: 0; }
	.content_product .first{ display: none; }
	.content_product .last{ display: block; }
	.about-left{ text-align: left; }*/
}
@media(max-width: 768px){
	h1{ font-size: 36px; font-weight: 800; }
	h2{ font-size: 24px; font-weight: 800; }
	h3{ font-size: 24px; font-weight: 800; }
	h4{ font-size: 22px; font-weight: 800; }
	#mobile-nav-toggle{ top: 10px; }
	.about_top .t_align,.about_market .t_align{ text-align: left; }
	#mobile-nav ul li a{ font-size: 15px; font-weight: 500; }
	#mobile-nav ul li a.login_btn{padding: 10px 22px 10px 15px !important; margin-top: 0; margin-left: 0; background: none;}
	/*.single-feature h4{ font-size: 24px; }
	#mobile-nav ul li a{ font-size: 15px; font-weight: 500; }
	#mobile-nav ul li a.login_btn{padding: 10px 22px 10px 15px !important; margin-top: 0; margin-left: 0; background: none;}
	.content_banner .container{ padding-top: 80px; }
	.banner-content{ margin-bottom: 0; }
	.banner-content h1{ font-size: 36px; }
	.pb-50{ padding-bottom: 25px; }
	.pb-60{ padding-bottom: 30px; }
	.pt-100{ padding-top: 50px; }
	.pb-100{ padding-bottom: 50px; }
	.content_pic .row_l,.content_pic .row_r{ width: auto; float: none; margin:50px 15px;}
	.section-gap-big{ padding: 50px 0; }
	.content_product .align-items-center{ margin-bottom: 30px; }
	.content_product .align-items-center .inner_img, .content_product .align-items-center .inner_text{ margin-bottom: 25px; }
	.content_product.p_b_count{ padding-bottom: 25px; }

	.h1_core{ display: none; }
	.h1_core_sm{ display: block; }*/

	.by_pc{ display: none; }
	.by_m{ display: inline-block; }
	.pc_block{ display: inline; }
	h1 em.office2 img{ width: 145px; }
	h2 em.office2 img{ width: 95px; }
	.footer-area .link a{ margin: 0 8px; }
	/* .footer-area .link{ display: none; } */

	.index_saas .text_top{ padding-top: 0; }
	.index_banner .content{ padding: 40px 20px; }
	.m_nav_box{ margin-top: 58px; }
	.content_footer{ text-align: center; }
	.content_footer .pic{ float: none; width: auto; padding-top: 30px; }
	.single-feature{ padding: 20px; }
	.single-feature .lnr_icon{ left: 30px; top: 30px; }
}