@charset "utf-8";
/* -------------------------------------------------------------------------------------- */
/*                                      Booen.Inc @ 2017.10.22                            */
/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
/*                      				indexServices                                     */
/* -------------------------------------------------------------------------------------- */
.indexServices							{ background:#FFF; width:100%; margin:0; padding:50px 0; }
.indexServices .wrapper					{ width:1000px; margin:0 auto; }
.indexServices h2						{ cursor:default; text-align:center; font-size:32px; color:#2E2E2E; font-weight:500; }
.indexServices h3						{ display:block; text-align:center; margin-top:12px; font-size:16px; color:#767676; font-weight:normal; }
.indexServices ul						{ width:100%; margin-top:50px; }
.indexServices ul li					{ float:left; width:33.3%; text-align:center; height:200px; margin:10px auto; -moz-transition:all 0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; transition:all 0.8s ease-in-out; }
.indexServices ul li .booen_icon		{ height:60px; line-height:60px; width:80px; text-align:center; margin:20px auto 0 auto; font-size:50px; color:#7BAB20; }
.indexServices ul li h3					{ transition:all .15s cubic-bezier(.4,0,.2,1); font-size:20px; color:#2E2E2E; margin-top:10px; font-weight:700; }
.indexServices ul li p					{ text-align:center; margin-top:12px; font-size:14px; color:#a9b0b4; padding:0; line-height:1.5em; }
.indexServices ul li:hover				{ background:#7BAB20; }
.indexServices ul li:hover .booen_icon	{ color:#fff; }
.indexServices ul li:hover h3			{ color:#fff; }
.indexServices ul li:hover p			{ color:#fff; opacity:.7; }
/* -------------------------------------------------------------------------------------- */
/*                      				indexBanner                                       */
/* -------------------------------------------------------------------------------------- */
.indexBanner							{ width:100%; height:620px; background:#EDE9DF url(images/index/banner-loading.gif) center no-repeat; overflow:hidden; position:relative; border-bottom:#fff 1px solid; _margin-bottom:20px; margin-top:-70px; }
/* -------------------------------------------------------------------------------------- */
/*                      				indexHonor                                        */
/* -------------------------------------------------------------------------------------- */
.indexHonor								{ width:100%; margin:0;  text-align:center; background:#333 url("images/index/index_banner-b-1.jpg") no-repeat; background-size:cover; }
.indexHonor .mask						{ background-image:linear-gradient(to right, #000046 0%, #1CB5E0 100%); width:100%; padding:60px 0 60px 0; opacity:0.9; }
.indexHonor .wrapper					{ width:1000px; margin:0 auto; }
.indexHonor h2							{ cursor:default; text-align:center; font-size:32px; color:#FFF; font-weight:500; }
.indexHonor h3							{ display:block; text-align:center; margin-top:12px; font-size:16px; color:#fff; font-weight:500; margin-bottom:40px; opacity:.8; }
.indexHonor ul							{ width:100%; margin:0 auto; text-align:center; }
.indexHonor ul li						{ display:inline-block; width:230px; height:200px; background:none; border-radius:5%; color:#fff; margin:0; position:relative; }
.indexHonor ul li.a						{ margin-right:14px; }
.indexHonor ul li.b						{ margin-right:14px; }
.indexHonor ul li.c						{ margin-right:14px; }
.indexHonor ul li.d						{ margin-right:0; }
.indexHonor ul li h2					{ width:100%; text-align:center; font-size:104px; font-weight:bold; font-family:"Helvetica Neue", "Segoe UI", Segoe, Helvetica, Arial, "Lucida Grande", sans-serif; position:absolute; top:-5px; color:#FFFF00; }
.indexHonor ul li h2.s					{ font-size:74px; top:20px; }
.indexHonor ul li.b h2					{ font-size:60px; top:34px; font-weight:bolder; }
.indexHonor ul li.c h2					{ font-size:70px; top:4px; font-weight:bolder; }
.indexHonor ul li h3					{ width:100%; text-align:center; font-size:16px; font-weight:500; position:absolute; top:15px; }
.indexHonor ul li h3.s					{ font-size:16px; top:15px; }
.indexHonor ul li h4					{ width:100%; text-align:center; font-size:20px; font-weight:500; position:absolute; bottom:5px; }
.indexHonor ul li h4.s					{ font-size:20px; bottom:5px; }
.indexHonor a.more						{ display:block; margin:50px auto 0 auto; text-align:center; font-size:16px; line-height:38px; color:#fff; border:#fff 1px solid; border-radius:38px; width:200px; -moz-transition:all 0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; transition:all 0.8s ease-in-out; }
.indexHonor a.more:hover				{ border:#FFFF00 1px solid; color:#FFFF00; }

.indexBoxA								{ width:1000px; height:308px; margin:0px auto; background:#fff url(images/index/indexBoxA_bg.png) top right no-repeat; border:#eaeaea 1px solid; border-radius:10px; }
.indexBoxB								{ width:1000px; background:#fff; border:#eaeaea 1px solid; margin:18px auto 18px auto; padding-top:20px; border-radius:10px; }
.indexBoxB .indexBoxB_bottom			{ clear:both; height:12px; background:#BCBDC1 url(images/layout/commonBox_bottomBg.gif) no-repeat; }
/* -------------------------------------------------------------------------------------- */
/*                      				indexLoginBox                                     */
/* -------------------------------------------------------------------------------------- */
.indexLoginBox							{ width:303px; height:298px; background:url(images/index/index-login-title.png) 47px 40px no-repeat; float:left; position:relative; }
.indexLoginBox .indexloginboxtrybutton	{ width:97px; height:24px; background:url(images/index/indexloginboxtrybutton.png) no-repeat; position:absolute; top:40px; left:155px; }
.indexLoginBox .indexloginboxtrybutton a { display:block; width:97px; height:24px; }
.indexLoginBox li						{ padding-bottom:8px; }
.indexLoginBox .loginForm				{ position:absolute; top:88px; left:50px; color:#666; }
.indexLoginBox .loginForm .itemBox		{ font-size:14px; font-weight:bold; width:60px; display:block; float:left; line-height:32px; }
.indexLoginBox .loginForm #userPassword,
.indexLoginBox .loginForm #userAccount 	{ border:1px solid #ddd; background:url(images/layout/input_bg.png) repeat-x; color:#828282; font-size:14px; font-weight:bold; padding:5px 5px; line-height:18px; vertical-align:middle; color:#1478c0; margin-right:5px; width:162px; }
.indexLoginBox .loginHelp				{ position:absolute; left:50px; top:230px; }
.indexLoginBox .loginHelp li			{ background:url(images/index/index-login-help-icon.gif) no-repeat; padding-left:20px; height:17px; line-height:17px; margin-bottom:3px; float:left; margin-right:20px; }
.indexLoginBox .loginHelp li.getPassword { background-position:0px 0px; }
.indexLoginBox .loginHelp li.register 	{ background-position:0px -27px; }
.indexLoginBox .loginButton				{ position:absolute; left:48px; top:180px; }
.indexLoginBox .loginButton .buttonLogin { width:226px; height:36px; background:url(images/index/index-login-button.png); border:0px; cursor:pointer; }
.indexLoginBox .loginButton .buttonLogin_hover { width:72px; height:72px; background:url(images/button/buttonLogin_hover.gif); border:0px; cursor:pointer; }
.indexLoginBox .loginButton .buttonLogin_active { width:72px; height:72px; background:url(images/button/buttonLogin_active.gif); border:0px; cursor:pointer; }
.indexWebsites { width:638px; height:298px; float:right; margin-left:10px; }
.indexWebsites ul						{ width:580px; height:220px; margin:40px 0px 0px 0px; }
.indexWebsites ul li					{ margin:0; padding:5px; float:left; position:relative; width:100px !important; height:100px !important; margin:0px; }
.indexWebsites ul li img				{ width:93px; height:93px; border:1px solid #eaeaea; padding:3px; background:#fff; position:absolute; left:0; top:0; -ms-interpolation-mode:bicubic; border-radius:93px; }
.indexWebsites .indexWebsites_text		{ margin:0px; height:25px; line-height:25px; overflow:hidden; }
.indexWebsites .indexWebsites_text h2 	{ height:25px; line-height:25px; width:70px; color:#000; font-size:12px; font-weight:bold; margin:0px; padding:0px; float:left; }
.indexWebsites .indexWebsites_text > ul { float:left; width:380px; margin:0px; padding:0px; height:25px; overflow:hidden; }
.indexWebsites .indexWebsites_text > ul li { height:25px; line-height:25px; margin:0px; padding:0px; float:none; background:none; width:500px !important; }
.indexWebsites .indexWebsites_text > ul li a { margin-right:8px; text-decoration:underline; font-weight:normal; }
.indexBoxB_1							{ width:971px; margin:0px auto 15px auto; background:url(images/index/indexBoxB_1_bg.png) no-repeat; }
.indexBoxB_1 h2							{ height:32px; line-height:32px; color:#fff; font-size:12px; font-weight:bold; margin:3px 0px; padding:0px; }
.indexBoxB_1_a h2						{ text-indent:22px; }
.indexBoxB_1_b h2						{ text-indent:28px; }
.indexBoxB_1_c h2						{ text-indent:25px; }
.indexBoxB_1 ul							{ padding:5px 0px; }
.indexBoxB_1 ul li						{ line-height:30px; border-bottom:#ccc 1px dashed; list-style:inside; list-style-type:square; color:#666; overflow:hidden; }
.indexBoxB_1_a ul li					{ font-size:14px; background:url(images/index/indexBoxB_1_a_icon.png) 0 11px no-repeat; _background:none; color:#333; line-height:35px; list-style:none; text-indent:22px; _text-indent:0px; border-bottom:#eaeaea 1px dashed; }
.indexBoxB_1_a							{ float:left; width:300px; margin-left:20px; _margin-left:10px; }
.indexBoxB_1_b							{ float:left; width:310px; margin-left:35px; }
.indexBoxB_1_c							{ float:right; width:250px; margin-right:20px; _float:left; _margin:0px 0px 0px 35px; }
.indexBoxB_1_c ul li					{ line-height:30px; height:30px; overflow:hidden; }
.indexBoxB_1_b .indexBoxB_1_b_show		{ height:180px; margin-top:18px; }
.indexBoxB_1_b .indexBoxB_1_b_show .videoBox { display:block; width:310px; height:180px; background:url(images/index/indexBoxB_1_b_show_videoBox_bg.jpg) no-repeat; }
.indexBoxB_1_b .indexBoxB_1_b_text		{ text-align:center; margin-top:5px; }
.indexBoxB_1_b .indexBoxB_1_b_text a 	{ color:#333; text-decoration:underline; }
.indexBoxB_4							{ width:967px; margin:0px auto 15px auto; background:url(images/index/indexBoxB_4_bg.png) no-repeat; overflow:hidden; }
.indexBoxB_4 h2							{ height:32px; line-height:32px; color:#000; font-size:12px; font-weight:bold; margin:2px 0px; padding:0px; }
.indexBoxB_4 h3							{ line-height:20px; color:#333; font-size:12px; font-weight:normal; margin:12px 0px 6px 0px; padding:0px; }
.indexBoxB_4_a h2						{ text-indent:35px; }
.indexBoxB_4_a							{ float:left; width:920px; margin-left:20px; _margin-left:10px; }
.indexLinkList							{ margin:15px auto 0 auto; }
.indexLinkList li						{ float:left; margin:0 10px 10px 0; list-style:none; }
.indexLinkList li a						{ line-height:25px; }
/* -------------------------------------------------------------------------------------- */
/*                      				indexCaseBox                                      */
/* -------------------------------------------------------------------------------------- */
.indexCaseBox							{ width:610px; float:left; margin:10px 0 0 20px; }
.indexCaseBox .caseTopBox				{ padding-top:25px; text-indent:15px; background:url("images/common/caseTopBox_bg.png") no-repeat; color:#666; margin-left:20px; margin-bottom:10px; }
/* -------------------------------------------------------------------------------------- */
/*                      				indexSolution                                     */
/* -------------------------------------------------------------------------------------- */
.indexSolution							{ width:100%; background:#F4F4F4; margin:0 auto; padding:50px 0 80px 0; }
.indexSolution .wrapper					{ width:1022px; margin:0 auto; }
.indexSolution h2						{ cursor:default; text-align:center; font-size:32px; color:#2E2E2E; font-weight:500; }
.indexSolution h3						{ display:block; text-align:center; margin-top:12px; margin-bottom:50px; font-size:16px; color:#767676; font-weight:normal; }
.indexSolutionContent					{ width:1002px; margin:0 auto; background:#fff; -moz-transition:all 0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; transition:all 0.8s ease-in-out; }
.indexSolutionContent:hover				{ -webkit-box-shadow:0 0 30px -5px rgba(0, 0, 0, 0.2); box-shadow:0 0 30px -5px rgba(0, 0, 0, 0.2); }
.indexSolutionTab						{ float:left; width:200px; }
.indexSolutionTab ul					{ margin:0; padding:0; }
.indexSolutionTab ul li					{ height:120px; text-align:center; font-size:16px; border-top:#eaeaea 1px solid; border-left:#eaeaea 1px solid; overflow:hidden; }
.indexSolutionTab ul li:last-child		{ border-bottom:#eaeaea 1px solid; }
.indexSolutionTab ul li a				{ display:block; height:120px; color:#666; border-right:#eaeaea 1px solid; font-weight:500; overflow:hidden; }
.indexSolutionTab ul li a .booen_icon	{ display:block; font-size:40px; margin:28px 0 5px 0; }
.indexSolutionTab .selected				{ border-right:0; font-weight:700; color:#373d41; }
.indexSolutionBody						{ float:right; width:801px; border-top:#eaeaea 1px solid; border-bottom:#eaeaea 1px solid; }
.indexSolutionBrief						{ float:left; width:500px; text-align:center; }
.indexSolutionBrief img					{ margin:30px auto 20px auto; }
.indexSolutionBrief p					{ margin:0 20px; padding:0; max-height:80px; font-size:14px; color:#666; text-align:center; line-height:1.8em; }
.indexSolutionBrief b					{ font-size:26px; display:inline-block; margin-top:10px; padding:10px 20px; color:#85B200; font-weight:700; }
.indexSolutionBrief b small				{ font-size:16px; color:#85B200; font-weight:500; }
.indexSolutionPackage					{ float:right; width:299px; height:362px; border-left:#eaeaea 1px solid; border-right:#eaeaea 1px solid; }
.indexSolutionPackage h2				{ margin:0; padding:0; height:70px; line-height:70px; text-align:center; font-size:20px; font-weight:500; color:#373d41; border-bottom:#eaeaea 1px solid; margin-bottom:10px; }
.indexSolutionPackage ul				{ margin:0 20px; }
.indexSolutionPackage ul li				{ text-align:left; text-indent:42px; font-size:16px; height:45px; line-height:45px; }
.indexSolutionPackage ul li:last-child	{ border-bottom:0; }
.indexSolutionPackage ul li .booen_icon	{ color:#85B200; }
/* -------------------------------------------------------------------------------------- */
/*                      				indexMMS                                          */
/* -------------------------------------------------------------------------------------- */
.indexMMS								{ width:100%; margin:0; background:#CA1153 url("images/index/index_banner-b-5.jpg") no-repeat; background-size:cover; }
.indexMMS .mask							{ background:-webkit-gradient(linear, left top, right top, from(rgb(230,19,88)), to(rgb(46,21,110))); background:linear-gradient(to right, rgb(230,19,88) 0%, rgb(46,21,110) 100%); width:100%; padding:50px 0; opacity:0.9; }
.indexMMS .wrapper						{ width:1000px; margin:0 auto; }
.indexMMS h2							{ cursor:default; text-align:center; font-size:32px; color:#FFF; font-weight:500; }
.indexMMS h3							{ display:block; text-align:center; margin-top:12px; font-size:16px; color:#FFF; font-weight:normal; opacity:.9; }
.indexMMS ul							{ width:100%; margin-top:50px; }
.indexMMS ul li							{ float:left; width:33.3%; text-align:center; height:200px; margin:10px auto; }
.indexMMS ul li .booen_icon				{ height:80px; line-height:80px; width:80px; text-align:center; margin: 0 auto; font-size:60px; color:#FFF; }
.indexMMS ul li h3						{ font-size:20px; color:#FFF; margin-top:10px; font-weight:700; opacity:1; }
.indexMMS ul li p						{ text-align:center; margin-top:12px; font-size:14px; color:#FFF; padding:0; line-height:1.5em; opacity:.9; }
/* -------------------------------------------------------------------------------------- */
/*                      				indexH5                                           */
/* -------------------------------------------------------------------------------------- */
.indexH5								{ width:100%; margin:0; padding:60px 0 80px 0; background:#F4F4F4 url("images/index/indexH5-banner.jpg") center no-repeat; }
.indexH5 .wrapper						{ width:1000px; margin:0 auto; }
.indexH5 h2								{ cursor:default; text-align:center; font-size:32px; color:#2E2E2E; font-weight:500; }
.indexH5 h3								{ display:block; text-align:center; margin-top:12px; margin-bottom:580px; font-size:16px; color:#767676; font-weight:normal; }
.indexH5 a.more							{ display:block; margin:50px auto 0 auto; text-align:center; font-size:16px; line-height:38px; color:#2E2E2E; border:#ccc 1px solid; border-radius:38px; width:200px; -moz-transition:all 0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; transition:all 0.8s ease-in-out; }
.indexH5 a.more:hover					{ border:#85B200 1px solid; color:#fff; background:#85B200; }
/* -------------------------------------------------------------------------------------- */
/*                      				indexClients                                      */
/* -------------------------------------------------------------------------------------- */
.indexClients							{ background:#333 url("images/index/indexClients-bg.jpg") no-repeat; background-size:cover; width:100%; margin:0; padding:80px 0; }
.indexClients .wrapper					{ width:1000px; margin:0 auto; }
.indexClients h2						{ cursor:default; text-align:center; font-size:32px; color:#FFF; font-weight:500; }
.indexClients h3						{ display:block; text-align:center; margin-top:12px; font-size:16px; color:#F6F7F8; font-weight:normal; opacity:.9; }
.indexClients ul						{ width:100%; margin-top:50px; }
.indexClients ul li						{ margin:0 7px; padding:5px; float:left; position:relative; width:100px !important; height:100px !important; overflow:hidden; }
.indexClients ul li img					{ width:93px; height:93px; border:1px solid #eaeaea; padding:3px; background:none; position:absolute; left:0; top:0; -ms-interpolation-mode:bicubic; border-radius:93px; }
.indexClients ul li:hover img			{ background:#FFF; border:1px solid #FFF; }
.indexClients a.more					{ display:block; margin:50px auto 0 auto; text-align:center; font-size:16px; line-height:38px; color:#fff; border:#eaeaea 1px solid; border-radius:38px; width:200px; -moz-transition:all 0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; transition:all 0.8s ease-in-out; }
.indexClients a.more:hover				{ border:#FFFF00 1px solid; color:#FFFF00; }
/* -------------------------------------------------------------------------------------- */
/*                      				indexNews                                         */
/* -------------------------------------------------------------------------------------- */
.indexNews								{ width:100%; margin:0; padding:60px 0 80px 0; background:#F4F4F4; }
.indexNews .wrapper						{ width:1000px; margin:0 auto; }
.indexNews h2							{ cursor:default; text-align:center; font-size:32px; color:#2E2E2E; font-weight:500; }
.indexNews h3							{ display:block; text-align:center; margin-top:12px; font-size:16px; color:#767676; font-weight:normal; }
.indexNews ul							{ width:100%; margin-top:100px; }
.indexNews ul li						{ float:left; width:33.3%; text-align:center; margin:0 auto; }
.indexNews ul li .liWrapper				{ margin:10px; padding:20px; background:#fff; border:#eaeaea 1px solid; -moz-transition:all 0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; transition:all 0.8s ease-in-out; }
.indexNews ul li .liWrapper:hover		{ -webkit-box-shadow:0 0 30px -5px rgba(0, 0, 0, 0.2); box-shadow:0 0 30px -5px rgba(0, 0, 0, 0.2); }
.indexNews ul li img					{ width:200px; height:200px; border-radius:200px; display:block; margin:-50px auto 0 auto; padding:5px; background:#fff; border:#eaeaea 1px solid; }
.indexNews ul li h3						{ font-size:16px; color:#2E2E2E; margin:20px 0 0 0; font-weight:700; text-align:left; line-height:1.5em; height:45px; overflow:hidden; }
.indexNews ul li a:link,
.indexNews ul li a:visited				{ color:#2E2E2E; }
.indexNews ul li a:hover,
.indexNews ul li a:active				{ color:#85B200; }
.indexNews ul li i						{ display:block; text-align:left; margin:5px 0 0 0; font-size:12px; color:#a9b0b4; text-align:left; font-style:normal; }
.indexNews ul li p						{ height:65px; margin:10px 0 0 0; font-size:14px; color:#676767; line-height:1.5em; text-align:left; overflow:hidden; }
.indexNews ul li dl						{ padding:0; margin:0; min-height:201px; }
.indexNews ul li dl dt					{ font-size:16px; color:#7BAB20; line-height:30px; height:30px; border-bottom:#F2F2F3 1px solid; padding-bottom:10px; margin-bottom:10px; position:relative; }
.indexNews ul li dl dt a.more			{ position:absolute; right:0; top:0; font-size:12px; }
.indexNews ul li dl dd					{ font-size:14px; color:#676767; line-height:30px; height:30px; overflow:hidden; text-align:justify; word-wrap:break-word; padding:0; margin:0; }
.indexNews a.moreNews					{ display:block; margin:50px auto 0 auto; text-align:center; font-size:16px; line-height:38px; color:#2E2E2E; border:#ccc 1px solid; border-radius:38px; width:200px; -moz-transition:all 0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; transition:all 0.8s ease-in-out; }
.indexNews a.moreNews:hover				{ border:#85B200 1px solid; color:#fff; background:#85B200; }