p, a, h2, h3, span, b, li {-webkit-touch-callout:none;user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;}
h2,h3,b {font-weight:500;}
p {font-weight:400;word-break:keep-all;margin:0;}
a, a:hover, a:active, a:focus, input, input:focus, select, select:focus {outline:none;-moz-outline-style:none;text-decoration:none;}
a.btn, a.btn:hover, a.btn:active, a.btn:focus, button  {color:#fff;outline:none;-moz-outline-style:none;}

/*.naver {display:none !important;}*/

.btn {
	background:linear-gradient(to right,#30b4cd, #307ecd);color:#fff;border:0;border-radius:0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn:hover {color:#fff;}
.btn:active {background:linear-gradient(to right,#30b4cd, #307ecd);}
.cursor {cursor:pointer;}

.admin_btn {color:#000;}
#topmenu-navbar-collapse {margin-right:-15px;}
.navbar-default {height:187px;border-bottom:1px solid #2fb4d3;box-shadow:none;}
.navbar-brand {padding:5px 0;height:auto;line-height:60px;}
.navbar-brand img {max-width:105px;}
.navbar-default .navbar-nav>li>a {line-height:65px;min-width:130px;font-size:17px;font-weight:400;}
.navbar-default .navbar-nav>li>a:hover {color:#333;background:none;font-weight:600;}
.navbar-default .m_menu {display:none;}
.navbar {background:#fff;z-index:1001;margin:0;position:absolute;left:0;right:0;top:0;}
.navbar .container {padding:0;}
.call_num {float:left;font-size:25px;color:#32b9d9;display:inline-block;line-height:56px;margin-left:10px;font-weight:600;letter-spacing:-1px;}
.help_desk .call_num {margin:0;}
.sub_menu {
	display:none;
	height:270px;
	background:rgba(50, 50, 50, 0.85);
	position: absolute;
	margin-top:187px;
	top:0;
	right: 0;
	left: 0;
	z-index: 1001;
}
.navbar-header {padding:20px 0;}
.nav_login_wrap {height:39px;line-height:39px;border-bottom:1px solid #cdcdcd;text-align:right;}
.nav_login_wrap a {text-align:center;padding:0 8px;}
.nav_login_wrap .horizontal_bar {display:inline-block;border-left:1px solid #cdcdcd;margin:0 9px;width:1px;height:11px;}
.nav_login_wrap .login_btn {background:#30b4cd;color:#fff;width:140px;border-radius:0;display:inline-block;text-align:center;margin-left:9px;font-size:15px;}
.nav_login_wrap .login_btn img {height:14px;margin-right:5px;}
.top_banner {width:100%;height:52px;background:url(/uploads/images/topbanner.png) center center no-repeat;cursor:pointer;}

.sub_menu div {height:100%;}
.sub_menu.open {display:block;}
.sub_menu.open.mobile {display:none;}
.sub_menu .info_wrap {max-width:420px;margin-left:-15px;float:left;padding:40px 0;}
.sub_menu .info_wrap * {margin:0;padding:0;color:#fff;text-align:left;line-height:35px;display:block;}
.sub_menu .info_wrap p img{margin-bottom:15px;height:30px;}
.sub_menu .info_wrap h3{font-size:30px;line-height:45px;margin-bottom:20px;}
.sub_menu .info_wrap a{font-size:15px;font-weight:bold;width:105px;height:25px;line-height:25px;background:#fff;color:rgba(50, 50, 50, 0.85);text-align:center;}
.sub_menu .info_wrap a span{font-size:13px;color:rgba(50, 50, 50, 0.85);display:inline;line-height:25px;}
.sub_menu ul {float:left;min-width:130px;height: 100%;padding:20px 0;margin:0;border-left:1px solid #505050;}
.sub_menu ul:hover {background:rgba(40, 40, 40, 0.9);}
.sub_menu ul li {line-height:35px;}
.sub_menu ul li:hover {cursor:pointer;}
.sub_menu ul li a {color:#fff;display:inline-block;font-size:14px;}
.sub_menu ul li:hover a{font-weight:bold;}

#left_bar { display:none;
	position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;
	z-index:9999;background:#2d2d2d;text-align:left;padding:8px 20px;
}
#left_bar .top_menu:after{content:"";clear:both;display:block;}
#left_bar .top_menu .navbar-brand {margin:0;}
#left_bar .top_menu .close_btn {float:right;padding-top:18px;margin-right: 15px;}
#left_bar .login_wrap {padding:15px;}
#left_bar .login_wrap a {margin-right:10px;font-size:14px;color:#fff;}
#left_bar .nav_menu .nav-first-level {line-height:35px;margin-bottom:15px;}
#left_bar .nav_menu .nav-first-level a {color:#fff;}
#left_bar .nav_menu .nav-first-level a:hover {color:#fff;}
#left_bar .nav_menu .nav-first-level .nav-label {font-size:25px;padding:0;padding-left:15px; font-weight:700;position:relative;display:inline-block;}
#left_bar .nav_menu .nav-first-level.active .nav-label:after {content:'';display:block;border:2px solid #30b4cd;margin:-3px -15px;position:relative;}
#left_bar .nav_menu .nav-second-level {margin-bottom:15px;}
#left_bar .nav_menu .nav-second-level li a { padding:5px 0 5px 15px;font-size:18px;line-height:20px;}
#left_bar .nav_menu .nav-second-level li a:hover { background:#555;}



.main {margin:187px 0 0;}
section {position:relative;overflow:hidden;}
section:after{content:"";clear:both;display:block;}
.top_background {width:100%;height:350px;text-align:center;}
#back_main {background:url('/uploads/images/main/main_back.jpg') center center no-repeat;}
#back_introduce {background:url('/uploads/images/background/background_service.jpg') center center no-repeat;}
#back_company {background:url('/uploads/images/background/background_company.jpg') center center no-repeat;}
#back_howtouse {background:url('/uploads/images/background/background_howtouse.jpg') center center no-repeat;}
#back_howtouse2 {background:url('/uploads/images/background/background_howtouse.jpg') center center no-repeat;}

#back_portpolio {background:url('/uploads/images/background/background_portpolio.jpg') center center no-repeat;}
#back_lists {background:url('/uploads/images/background/background_lists.jpg') center center no-repeat;}
#back_board {background:url('/uploads/images/background/background_board.jpg') center center no-repeat;}
#back_style {background:url('/uploads/images/background/background_style.jpg') center center no-repeat;}
#back_specialorder {background:url('/uploads/images/background/background_portpolio.jpg') center center no-repeat;}


.middle-wrap:after {vertical-align:middle;content:"";display:inline-block;height:100%;}
.middle-text{width:90vw; vertical-align:middle; display:inline-block; padding:0; color:#fff; letter-spacing:-2px;	}
.middle-text img {max-width:140px;}
.middle-text h2 {font-size:35px;line-height:45px;}
.middle-text h3 {font-size:28px;line-height:40px;}
.middle-text p {font-size:22px;line-height:30px;}
.middle-text .cross_line {width:20px;height:26px;background:url(/uploads/images/introduce/cross_line.png) no-repeat;margin:14px auto;}

br._mobile {display:none;}

.main_btn {width:150px;height:50px;line-height:50px;border-radius:25px;display:block;margin:30px auto 0;font-size:16px;}
.blue_btn {color:#fff;background:#30b4cd;cursor:pointer;}
.blue_btn:hover {color:#fff;background:#30b4cd;}
.black_btn {color:#202020;background:#fff;cursor:pointer;}
.black_btn:hover {color:#202020;background:#fff;}

.b_circle_btn {width:230px;height:230px;border-radius:150px;background:#30b4cd;text-align:center;display:block;}
.b_circle_btn:after {vertical-align:middle;content:"";display:inline-block;height:100%;}
.b_circle_btn .text_wrap {vertical-align:middle;display:inline-block;width:80%;letter-spacing:-2px;color:#fff;}
.b_circle_btn .text_wrap h3 {font-size:32px;}
.b_circle_btn .text_wrap div {width:100%;border:1px solid #fff;margin:10px auto;}

.content_wrap {padding:150px 0;}


footer{background-color: #ebebeb;}
footer h4 {font-size:14px;border:0;margin-bottom:10px;letter-spacing:-1px;} 
footer ul li {line-height:24px;font-size:12px;}
footer ul li a:hover {text-decoration:none;}
footer .container {padding:50px 0;}
footer .company_info .company li {
	float:left;width:50%;max-width:130px;line-height:40px;height:40px;
	text-align:center;background:#4a4a4a;margin-right:5px;
}
footer .company_info .company li a {color: #fff;}
footer .company_info .company li:last-child {margin:0;}
footer .b_logo {width:100%;margin-bottom:30px;display:block;}
footer .b_logo:after {content:'';display:block;clear:both;}
footer .footer_info > div{ float:left; width:25%; padding-left:30px; border-left:1px solid #e1e1e1; box-sizing:border-box;}
footer .footer_info > div:first-child{padding:0;border-left:0px;}
footer .footer_info .help_desk .asicon {background:#2dbcda url('/uploads/images/asicon.png') 15px center no-repeat;
	width:130px;height:40px;line-height:40px;padding-left:55px; color:#fff; font-size:14px;}
footer .copyright{font-size:14px;clear:both;height:45px;line-height:45px;color:#fff;background:#363636;text-align:center;}

footer .footer_info, footer .company_info { float:right; }




@media (min-width: 1200px){
	.container {
		width: 1200px;
	}
}
@media (max-width: 1170px){
	.container {
		width: 98%;
	}
	.navbar-default .navbar-nav>li>a, .sub_menu ul {min-width:130px;}
}
@media (max-width: 768px){	
	.main {margin-top:185px;}
	br._mobile {display:block;}
	.navbar {position:fixed;}
	.top_background .middle-text {padding-top:0px;}
	.top_background {height:10vh;}
	.top_background .middle-text img {display:none;}
	.top_background .middle-text .cross_line {display:none;}
	.top_background .middle-text h2 {font-size:25px;line-height:30px;}
	.m_hide {display:none;}
	.container {
		width: 100%;
	}
	.middle-text.container {
		width: 99%;
	}
	.sub_menu.open {display:none;}
	#topmenu-navbar-collapse, .navbar {
		background: #fff;
	}
	#topmenu-navbar-collapse {box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);}
	.navbar-default {height:185px;line-height:60px;}
	.navbar-default .navbar-nav>li>a {color:#333;}	
	.navbar-default .main_menu {margin:0;display:none;}
	.navbar-default .main_menu > li{width:20%;float:left;}
	.navbar-default .main_menu > li > a{letter-spacing:-2px;padding:0;line-height:60px;font-size:14px;}	
	.navbar-default .m_menu {display:block;height:60px;}
	.navbar-default .m_menu .btn { width:45%; margin:0 1%; line-height:30px; font-size:18px;border-radius:5px;}
	.navbar-default .m_menu .btn:hover { margin:-4px 1% 4px;}

	.navbar-toggle {margin-top:12px;}
	.navbar-brand {margin-left:16px;}
	.navbar-header {padding:6px 15px;}
	.admin_btn {display:none;}
	.nav_login_wrap {display:none;}
	.call_num {float:left;}
	.help_desk .call_num {float:unset;margin:0 center;} 
	.top_banner {width:100%;height:55px;background:url(/uploads/images/topbanner_m.png) center center no-repeat; background-size:cover;}

	footer{ text-align:center; }
	footer .footer_info > div{ 
		float:unset; width:100%; padding:0; border:0; margin-bottom:15px; box-sizing:border-box; text-align:center;
	}
	footer .footer_info .site_menu ul, footer .footer_info .user_menu ul {display:none;}
	footer h4 { font-size:16px; }
	footer ul li { font-size:13px;letter-spacing:-1px;}
	footer .footer_info ul li { line-height:25px;}
	footer .footer_info .help_desk {padding:20px 0;}
	footer .footer_info .help_desk .asicon { margin:20px auto 0;}
	footer .company_info .company { width:265px; margin:0 auto; }
	footer .company_info ul {margin-bottom:30px;}
	footer .company_info .company li {line-height:35px;height:35px;}
	footer .copyright {font-size:12px;}
}


.movie {margin-top:30px;}
.movie .container {border:3px solid #ddd;}
.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;} 
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;} 

.popup_layer {z-index:9999;}