@charset "utf-8";

/* layout */
html {background:#fff; width:100%;}
body {width:100%;background:#fff;}
.wrap, article {width:100%; height:100%;}
.text_bold{	font-weight: bold;}
.blue{color: #01a7e8 !important;}
.bold{font-weight: bold;}
.container {max-width: 1024px;	margin: 0 auto;}
.popup{	width: 1024px; margin: 0 auto; text-align: center; vertical-align: middle;}
.navbar{position: fixed;background-color: rgba(255, 255, 255, 1);width: 100%;display: block;color: gray;z-index: 9999;}
.navbar .container{	max-width: 1600px;}
.navbar .nav_container{padding: 40px 40px;	height: 35px;	overflow: hidden;	margin: 0 auto;	text-align: center;}
.navbar .m_nav_contents{display: none;}
.navbar .nav_container .logo_img{float: left; display: inline-block; width: 118px;}
.nav_contents .close_btn{display: none;}
.nav_contents .hamburger_btn{display: none;}
.navbar .nav_container .menu .active, .navbar .nav_container .menu a:hover {color: #009cdf !important; border-bottom: 2px solid #009cdf;}
.nav_contents{max-width: 1024px;display: inline-block;}
.nav_contents ul{overflow: hidden;display: table; margin: 0 auto;}
.nav_contents ul li{float: left; line-height: 36px; vertical-align: middle; margin: 0 40px;}
.nav_contents ul li a{color: #7b7b7b; font-size: 15px;    font-weight: bold;}
.nav_right_contents{display: inline-block; float: right;width: 170px;    line-height: 36px;}
.nav_right_contents .lang_dropdown{display: inline-block; margin-right: 26px;}
.nav_right_contents .lang_dropdown a {font-size: 15px;color: #7b7b7b;line-height: 15px;}
.navbar .language{width: 35px; border: none; color: #000; background: none; font-size: 14px;}
.navbar .lang_dropdown input[type='text']{cursor: pointer;}
.nav_right_contents .lang_dropdown .lang_ico{vertical-align: middle;}
.nav_right_contents .list_contents{ position: absolute; top: 73px; height: 0px;overflow: hidden; border: 1px solid rgb(242, 242, 242);  border-radius: 10px; opacity: 0; }
.nav_right_contents .list_contents ul{width: 90px;background: #fff;opacity: 1;}
.nav_right_contents .list_contents ul li{height: 30px;}
.nav_right_contents .list_contents ul li:hover a{color: #009cdf;}
.nav_right_contents .list_contents ul li a{color: #000; font-size: 14px;}
.nav_right_contents .list_contents .on a{color: #009cdf;}
.nav_right_contents .login_box{width: 58px;	height: 26px; background: #515151; display: block; float: right; cursor: pointer; margin-top: 5px;}
.nav_right_contents .login_box span{color: #fff;line-height: 26px; font-size: 13px; display: block;}

/*login page css*/
article .container {text-align: center;}
.loginpage .navbar{	position: static;}
.loginpage .nav_right_contents .lang_dropdown{display: inline-block; float: left; margin-left: 9px;}
.loginpage .eliga_login{ background: url(/home/images/login_background.jpg) no-repeat;background-position: center;background-size: cover;height: 694px;}
.eliga_login .inner{padding: 117px 300px;}
.eliga_login .login_text {margin: 0 auto; text-align: center; margin-bottom: 65px;}
.eliga_login .header_login_txt{margin: 14px 0 31px 0;}
.eliga_login .login_head_txt{font-size: 18px;color: #7b7e86;}
.eliga_login .login_form{margin: 0 auto;}
.eliga_login .login_box{width: 316px; height: 44px;	background: rgba(255, 255, 255, 0.21); text-indent: 20px; display: block; margin: 0 auto; margin-bottom: 15px; border: none; font-weight: 200;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */  color: white;}
::-moz-placeholder { /* Firefox 19+ */color: white;}
:-ms-input-placeholder { /* IE 10+ */color: white;}
:-moz-placeholder { /* Firefox 18- */color: white;}

.eliga_login .login_complete{background: #009cdf; width: 316px; height: 44px; display: block; margin: 0 auto;}
.eliga_login .login_hr{margin: 0 auto;margin-top: 65px; margin-bottom: 30px;border: 1px solid #7a818a;width: 420px;}
.eliga_login .bottom_text{ text-align: center;}
.eliga_login .login_question{ font-size: 13px; color: #7b7e86; line-height: 20px;}
.footer{ background: #0d1625; color: white; height: 73px; text-align: center; display: block;}
.footer span{ font-size: 11px; vertical-align: middle; opacity: 0.5; line-height: 78px; font-weight: 100;}

/*MAIN page css*/
article .inner{padding: 0 15PX;}
.eliga_main{ width: 100%; background: url(/home/images/main_background.jpg) no-repeat; background-position: center top; background-size: 100% 638px;}
.eliga_main h5{ color: black; line-height: 40px;}
.eliga_main .description{ margin : 40px 0 60px 0;}
.eliga_main .text_eliga{ padding: 23px 33px; border: 1px solid #01a7e8; width: 266px; margin: 0 auto;}
.eliga_main .description .normal{ font-weight: normal; font-weight: 200;}
.eliga_main .description .bold{ font-weight: 500;}
.eliga_main .container { padding-top: 165px;}
.eliga_main .down_btn{ background: url(/home/images/down_btn.png) no-repeat; width: 85px; height:42px; margin: 0 auto; display: block;}
.eliga_main .down_btn img{ margin:18px;}

/* eliga_intro */
.eliga_intro .inner{ height: 927px; background: url(/home/images/intro_bg_ico.png) no-repeat; background-position: center bottom; background-size: 100%; overflow: hidden;}
.eliga_intro .head_text { padding: 34px 0px 55px 0;}
.eliga_intro .head_tilte p{ color: #b0afaf; font-size: 45px; font-weight: 100;}
.eliga_intro .head_description p{ color: #000; font-size: 21px; font-weight: 100; line-height: 33px; margin-top: 30px; word-break: keep-all;}
.eliga_intro .head_description p .highlight{ background: #cbf0ff; font-weight: 400;}
.eliga_intro .tablet_img{ position: absolute; top: 57px; width: 76%; right: -25%;}
.eliga_intro .contents{ position: relative;}
.eliga_intro .function{ text-align: left; width: 44.837%}
.eliga_intro .b_funtion { margin-top: 42px;}
.eliga_intro .funtion_head { overflow: hidden; margin-bottom: 20px;}
.eliga_intro .funtion_head span { background: #01a7e8; padding: 6px; float: left; display: block;}
.eliga_intro .funtion_head:before{ content: ''; background: url(/home/images/l_blue_slice.png) no-repeat; width: 14px; height: 27px; display: block; float: left;}
.eliga_intro .funtion_head:after{ content: ''; background: url(/home/images/r_blue_slice.png) no-repeat; width: 14px; height: 27px; display: block; float: left;}
.eliga_intro .function ul li{ color:#000; font-size: 15px; font-weight: 400; margin-bottom: 10px; white-space: nowrap;}
.eliga_intro .function ul li p{ word-break: keep-all; white-space: pre-wrap; display: inline-block;}
.eliga_intro .function ul li:before{ content: ''; background: url(/home/images/check_ico.png) no-repeat; width: 11px; height: 9px; display: inline-block; margin-right: 10px; vertical-align: top; margin: 5px;}
.eliga_intro .s_bar{ border: 1px solid #525252; width: 44px; margin: 0 0; margin-bottom: 20px;}

/*eliga_features*/
.eliga_features .inner{ background: #009cdf; }
.eliga_features .container{ text-align: left; }
.eliga_features .s_bar{ border: 1px solid #fff; width: 44px; margin: 0 0; margin-bottom: 20px; text-align: left;}
.eliga_features .head_text { padding: 34px 0px 55px 0;}
.eliga_features .feature_ico{position: relative; z-index: 1; margin-top: 55px;}
.eliga_features .feature_ico .features_Lbar{position: absolute; border: 1px solid #fff; background: #fff;     width: 99%;  z-index: -1; top: 63px;}
.eliga_features .feature_ico ul{overflow: hidden;}
.eliga_features .feature_ico li{float: left; width: 13.3%; border-radius: 136px; text-align: center; margin-left: 8.2%;}
.eliga_features .feature_ico .bg_white{ background: #fff; color: #009cdf;}
.eliga_features .feature_ico .bg_blue{ background: #009cdf; border: 3px solid #fff;}
.eliga_features .feature_ico li img{ margin: 0 auto; display: block;}
.eliga_features .head_tilte{margin-bottom: 30px}
.eliga_features .feature_ico .circle{ margin-top: 63px; width: 17px; height: 17px;}
.eliga_features .feature_ico .circle img{ margin-top: 0;}
.eliga_features .feature_ico li:first-child{ margin-right: 9.2%; float: left; margin-left: 0; width: 1.7%;}
.eliga_features .feature_ico li:last-child{ margin-right: 0; margin-left: 9.2%; float: right; width: 1.7%;}
.eliga_features .feature_ico li:nth-child(2){ margin-left: 0;}
.eliga_features .feature_eximage{ margin-top: 85px; padding-bottom: 130px;}
.eliga_features .feature_eximage ul{overflow: hidden;}
.eliga_features .feature_eximage ul li{float: left; width: 30.74%;overflow: hidden;}
.eliga_features .feature_eximage ul li img{ float: left; width: 100%;}
.eliga_features .feature_eximage ul li:last-child{margin-right: 0;}
.eliga_features .feature_eximage ul .title{ background: #44516a; width: 100%; padding: 10px 0 16px; max-height: 22px; overflow: hidden; display: inline-block;}
.eliga_features .feature_eximage ul .title img{ width: auto; height: 22px; float: none;}
.eliga_features .feature_eximage ul .title p{font-size: 16px; color: #61d0ff; width: 70%; display: inline-block;}
.eliga_features .feature_eximage ul .title .ico_span{ margin: 0px 3.0% 0 13.1%; display: inline-block; vertical-align: middle; float: left;}
.eliga_features .feature_eximage ul .ico_span{line-height: 1;}
.eliga_features .feature_eximage ul .description{ margin-top: 35px; float: left;}
.eliga_features .feature_eximage ul .description ul li{ margin:0 0; white-space: nowrap; width: 100%; margin-bottom: 10px; min-height: auto;}
.eliga_features .feature_eximage ul .description .text{ word-break: keep-all; white-space: pre-wrap; display: inline-block; width: 78%;}
.eliga_features .feature_eximage ul .description ul li:before { content: ''; background: url(/home/images/check_white.png) no-repeat; width: 11px; height: 9px; display: inline-block; vertical-align: top; margin: 5px; margin-left: 12.9%; margin-right: 3.2%;}

/*eliga_common*/
.eliga_common .blue_btn{ width :147px; height:44px; background: #009cdf; border: none;}
.eliga_common .wrap .title .text{    color: #009cdf; font-size: 35px;}
.eliga_common .head_description p { color: #000; font-size: 18px; font-weight: 100; line-height: 30px; margin-top: 25px; margin-bottom: 75px; word-break: keep-all; letter-spacing: -0.3px;}
.eliga_common .head_description p .highlight { background: #cbf0ff; font-weight: 400;}
.eliga_common .eximage ul li .description .title{ color: #009cdf; font-size: 17px; display: block; min-height: 34px;}
.eliga_common .eximage .explain li { width: 100%; line-height: 24px;}
.eliga_common .eximage ul{ overflow: hidden;}
.eliga_common .eximage .explain{ overflow: visible;}
.eliga_common .eximage .bot_explain{ display: none;}
.eliga_common .eximage .explain li{ width: auto; text-align: center; float: none;}
.eliga_common .eximage .explain li span{ color: #b0afaf; word-break: keep-all; white-space: pre-wrap;}
.eliga_common .wrap .title span{ display: inline-block; vertical-align: middle;}
.eliga_common .eximage{ position: relative;}
.eliga_common .mobile_img { display: none;}

/*eliga_space*/
.eliga_space .container{ background: url("/home/images/arrowblue_down.png") no-repeat; background-position: center top;}
.eliga_space .wrap{padding-top: 51px;padding-bottom: 65px; border-bottom: 1px solid #cccccc}
.eliga_space .eximage ul .eximage1 { background: url(/home/images/space_place_img.png) no-repeat; background-position: top;}
.eliga_space .eximage ul .eximage2 { background: url(/home/images/space_device_img.png) no-repeat; background-position: top;}
.eliga_space .eximage ul li{ overflow: hidden; float: left; width: 50%}
.eliga_space .eximage ul li .description{ margin-top: 20px;}

/*eliga_service*/
.eliga_service .eximage ul li { width: 100%;}
.eliga_service .eximage ul li .description { margin-top: 20px;}
.eliga_service .wrap { padding-top: 65px; padding-bottom: 77px; border-bottom: 1px solid #cccccc;}

/*eliga_schedule*/
.eliga_schedule .eximage ul li { overflow: hidden; float: left; width: 100%;}
.eliga_schedule .eximage ul li .description { margin-top: 20px;}
.eliga_schedule .wrap { padding-top: 65px; padding-bottom: 77px; border-bottom: 1px solid #cccccc;}

/*eliga_report*/
.eliga_report .eximage ul li { overflow: hidden; float: left; width: 50%;}
.eliga_report .eximage ul .eximage1 { background: url(/home/images/report_device.jpg) no-repeat; background-position: top;}
.eliga_report .eximage ul .eximage2 { background: url(/home/images/report_screenlog.jpg) no-repeat; background-position: top;}
.eliga_report .eximage ul li .description { margin-top: 20px;}
.eliga_report .wrap { padding-top: 65px; padding-bottom: 90px;}

/*eliga_casestudies*/
.eliga_casestudies .inner { background: #f2f2f2;}
.eliga_casestudies .container { text-align: left; padding: 0 0 85px 0; }
.eliga_casestudies .s_bar { border: 1px solid #525252; width: 44px; margin: 0 0; margin-bottom: 20px;}
.eliga_casestudies .head_text { padding: 34px 0px 55px 0; }
.eliga_casestudies .head_tilte p { color: #000; font-size: 45px; font-weight: 100;}
.eliga_casestudies .head_description p { color: #b0afaf; font-size: 18px; font-weight: 300; line-height: 30px; margin-top: 30px;}
.eliga_casestudies .video_group{margin-bottom: 35px;}
.eliga_casestudies .video_group ul{overflow: hidden;}
.eliga_casestudies .video_group ul li{float: left; width: 33%;border: 1px solid #fff; border-bottom: none; border-top: none; }
.eliga_casestudies .video_group ul li figure{ position: relative; cursor: pointer;}
.eliga_casestudies .video_group ul li figure .text_wrap { position: absolute; bottom: 0; width: 100%; height: 55px; color: #fff; background: rgba(0, 0, 0, 0.5); display: none;}
.eliga_casestudies .video_group ul li figure .text_wrap .b_text{ padding: 13px 0 13px 18px; font-weight: bold;}
.eliga_casestudies .video_group ul li figure .text_wrap .b_text p:last-child{color: #7b7b7b;}
.eliga_casestudies .video_group ul li figure:hover{background: #35a1ca; position: relative;}
.eliga_casestudies .video_group ul li figure:hover:before { content: ''; width: 100%; height: 48px; position: absolute; top: center; background-position: center center; background: url(/home/images/play_ico.png) no-repeat; top: 36%; left: 43%; cursor: pointer;}
.eliga_casestudies .video_group ul li figure img { opacity: 1;}
.eliga_casestudies .video_group ul li figure:hover img { opacity: .5;}
.eliga_casestudies .video_group ul li figure:hover .text_wrap{ display: block;}
.eliga_casestudies .video_group ul video{border: 1px solid; height: 220px;    width: 100%;}

/* eliga_clients */
.eliga_clients .wrap { padding-top: 87px; }
.eliga_clients .s_bar { border: 1px solid #009cdf; width: 20px; margin-top: 0;}
.eliga_clients .logo_groups{ margin: 80px 0 125px 0;}
.eliga_clients .logo_groups ul{ overflow: hidden;}
.eliga_clients .logo_groups ul li{ width: 16.2%; float: left; box-sizing: border-box; border: 1px solid #dddddd; border-radius: 10px; overflow: hidden; margin: 0.2%;}

/* eliga_contactus */
.eliga_contactus{ background: url(/home/images/contactus_bg.jpg) repeat-x top center; width: 100%; background-size: auto 100%;}
.eliga_contactus .container { text-align: left; padding: 150px 0px;}
.eliga_contactus .inner { padding: 0 11.25%;}
.eliga_contactus .contact_form{margin:60px 0 44px 0;overflow: hidden;height: 276px;}
.eliga_contactus .contact_form .L_input{ width: 28.166%; float: left;}
.eliga_contactus .contact_form .R_input{ float: right; width: 71.834%;}
.eliga_contactus .contact_form .R_input textarea{ width: 93.8%;border: none; background: rgba(255, 255, 255, 0.26);font-weight: 200; height: 236px; padding: 20px 20px;resize: none;}
.eliga_contactus .contact_form .L_input ul{    width: 93.78%;}
.eliga_contactus .contact_form .L_input ul li input{height: 44px; border: none; text-indent: 20px; background: rgba(255, 255, 255, 0.26);width: 100%;font-weight: 200;}
.eliga_contactus .contact_form .L_input ul li {margin-bottom: 14px;}
.eliga_contactus .contact_form .L_input ul li:last-child{ margin-bottom: 0px;}
.eliga_contactus hr{ border: 1px solid #fff; width: 44px; margin: 0 0; margin-bottom: 20px;}
.eliga_contactus .form_submit{ text-align: left;}
.eliga_contactus .head_description h4{ margin-bottom: 12px}
.eliga_contactus .head_description span{ font-weight: 200; font-size: 18px;}

/* eliga_details */
.eliga_details .inner{ padding : 180px 0 100px 0; min-height: 600px;}
.eliga_details .head_text{margin-bottom: 75px;}
.eliga_details .head_tilte p { color: #009cdf; font-size: 30px; font-weight: 100;}
.eliga_details .s_bar { border: 2px solid #009cdf; background:#009cdf; width: 20px; margin-bottom: 20px;}
.eliga_details .performance_area li { width: 100%; box-sizing: border-box; background-color: #FFFFFF; margin: 0 auto; text-align: left; position: relative;}
.eliga_details .performance_area .list:hover{ background: #009cdf;}
.eliga_details .performance_area .list{ padding: 30px 30px;}
.eliga_details .performance_area .list:hover p, .eliga_details .performance_area .list:hover em,.eliga_details .performance_area .list:hover span{ color: #fff !important;}
.eliga_details .performance_area>li>a { display: block;}
.eliga_details .performance_area .logo_area { background-color: #f8f8f8; float: left; margin-right: 25px; overflow: hidden; width: 231px; height: 129px; overflow: hidden; line-height: 129px; text-align: center;}
.eliga_details .performance_area .logo_area img { vertical-align: middle; max-height: 160px; max-width: 260px;}
.eliga_details .l_bar{ width: 100%; border: 1px solid #e5e5e5; margin: 0 0;}
.eliga_details .performance_area li:after{ content: ''; width: 100%; border-bottom: 1px solid #e5e5e5; display: block;}
.eliga_details .performance_area li:last-child:after { display: none;}
.eliga_details .performance_area dt span { font-size: 20px; text-align: left; white-space: pre-wrap; word-break: keep-all; display: block; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: #000;}
.eliga_details .performance_area .day{ display: block; letter-spacing: -1px; font-size: 14px; font-size: 0.93rem; line-height: 21px; color: #999; white-space: pre-wrap; word-break: keep-all; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 18px; margin-top: 13px; margin-bottom: 34px;}
.eliga_details .performance_area dd p{ display: block; letter-spacing: -1px; font-size: 14px; line-height: 21px; color: #666; word-break: keep-all; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 42px;}
.eliga_details .performance_area a{ color: #000;}
.eliga_details .paging { width: 100%; background-color: #ffffff; border: 1px solid white;}
.eliga_details .paging .pagination { display: table; margin: 1.25% auto; padding-bottom: 0px;}
li.page { padding: 0px 5px;}
.page.active { border: none; background: #009cdf; color: #fff; width: 8px;}
.eliga_details .paging ul .page { display: inline-block; text-align: center; padding-bottom: 0px; vertical-align: top; cursor: pointer; position: relative; width: 22px; margin: 0 10px;}
.eliga_details .paging ul .page:before { content: ''; display: block; position: absolute; right: 42px; top: 8px; width: 1px; height: 16px; background: #e2e2e2;}
.eliga_details .paging ul .page:after { content: ''; display: block; position: absolute; right: -10px; top: 8px; width: 1px; height: 16px; background: #e2e2e2;}
.eliga_details .paging ul li.active>a { color: white;}
.eliga_details .paging ul .first { display: inline-block; background: url("/home/images/paginglineL_color.jpg") no-repeat center; border-right: none; width: 31px; height: 31px; padding-right: 40px;}
.eliga_details .paging ul .last { display: inline-block; background: url("/home/images/paginglineR_color.jpg") no-repeat center; border-right: none; width: 31px; height: 31px; padding-left: 40px;}
.eliga_details .paging ul .disabled { display: inline-block; opacity: 0.1;}
.eliga_details .paging ul .first:after, .eliga_details .paging ul .first:before { display: none;}
.eliga_details .paging ul .last:after, .eliga_details .paging ul .last:before { display: none;}
.eliga_details .paging ul .first>a>img { display: none;}
.eliga_details .paging ul .last>a>img { display: none;}
.eliga_details .paging ul li.first a, .eliga_details .paging ul li.last a { text-indent: -9999px;}
.eliga_details .paging ul li a { vertical-align: middle; line-height: 31px; color: #666666; font-weight: bold;}
.eliga_details .contents_tab{ font-size: 18px; color: #000; margin-bottom: 50px; text-align: left;}
.eliga_details .contents_tab span{ padding: 10px 10px;}
.eliga_details .contents_tab a{ color: #666666;}
.eliga_details .contents_wrap{ border-bottom: 2px solid #e3e3e3; height: 30px;}
.eliga_details .contents_tab li{ width: 90px; height: 30px; vertical-align: middle; line-height: 30px; float: left; text-align: center; font-weight: 100;}
.eliga_details .contents_tab .active{ border-bottom: 2px solid #009cdf;}
.eliga_details .contents_tab .active a{ color: #009cdf;}
.eliga_details .list_popup{ color: #000;}
.eliga_details .list_popup { background-color: white; margin-bottom: 10px; text-align: center; height: auto; margin: 30px 0 30px 0;}
.eliga_details .list_popup .pop_date { font-size: 14px; text-align: left; width: 100%; padding: 15px 0px 30px 0px; border-bottom: 1px solid #cccccc; color: #cccccc;}
.eliga_details .list_popup .pop_title { font-size: 24px; text-align: left;}
.eliga_details .list_popup .pop_contents{ text-align: left; margin: 30px 0 20px 0; line-height: 25px; color: #666666; word-break: keep-all; font-size: 18px;}
.eliga_details .list_popup img, .eliga_details .list_popup video { float: none; margin: auto; max-height: 1024px; width: 100%; margin-top: 30px;}
.button_wrap { padding-top: 32px; overflow: hidden; }
.eliga_details .close_popup { display: block; padding: 10px 20px; background-color: #009cdf; color: white; float: right;}
.eliga_login .login_box{ width: 84%;}
.eliga_login .login_complete{ width: 84%;}
.eliga_login .login_hr{ width: 100%;}
.bx-wrapper a {color: #000;}
.bx-wrapper .bx-controls-direction a{ width: 35px; height: 35px; border: 1px solid #009cdf; background: #009cdf; position: absolute;}
.bx-wrapper .bx-prev{ top: -10%; margin-top: -16px; left: 46%; text-indent: -9999px;}
.bx-wrapper .bx-next{ top: -10%; margin-top: -16px; text-indent: -9999px; right: 46%;}
.bx-wrapper .bx-prev:after { content: ''; display: block; background: url(/home/images/arrowwhite_L.png) no-repeat; width: 9px; height: 16px; margin: 0 auto; margin-top: -5px;}
.bx-wrapper .bx-next:after { background: url(/home/images/arrowwhite_R.png) no-repeat; width: 9px; height: 16px; content: ''; display: block; margin: 0 auto; margin-top: -5px;}
.bx-pager{ display: none;}