@charset "utf-8";
/* CSS Document */
hr{
	margin-bottom:15px;
	display:block;
	height:1px;
	border: 0; 
	border-top: 1px solid #ddd; 
	padding: 0;
}
.put_text img{
	width:100%;
	height:auto;
}
.put_text h2{
	font-family: 'quarkbold';
	font-size:2em;
}
.put_text h3{
	font-family: 'quarkbold';
	font-size:1.5em;
}
.put_text h1{
	font-family: 'quarkbold';
	font-size:2em;
	text-align:center;
	background:url(../images/line_h1.png) repeat;
}
.put_text h1 span{
	display:inline-block;
	background:#fff;
	padding:0 7px;
}
.wrapper_header{
	width:100%;
	border-top:3px solid #0fb8c9;
}
.wrapper_header_big{
	display:none;
}
a.link_logo{
	display:inherit;
}
.logo_mobile{
	margin:10px auto;
	display:inherit;
}
.manage_bt{
	text-align:center;
	margin:20px 0 0 0;
}
.manage_bt h3{
	font-size:1.3em
}
ul.bt_gps{
	display:inline-block;
	margin:5px auto;
	width:100%;
}
ul.bt_gps li{
	float:left;
	width:50%;
}
.bt_top{
	padding:5px 0;
	background:#0fb8c9;
	font-size:0.9em;
	line-height:2em;
	width:99%;
	display:inline-block;
}
a .bt_top{
	text-decoration:none;
	color:#fff;
}
ul.bt_gps li:nth-child(even) .bt_top{
	background:#ff5100;
}
#menu{
	width:90%;
	background:#f9f9f9;
	border:1px solid #0fb8c9;
	border-radius:3px;
	font-size:1.3em;
	line-height:2em;
	margin:10px auto;
	padding:5px 0;
	font-weight:bold;
	color:#0fb8c9;
}
.center_bt{
	width:90%;
	margin:0 auto;
}
ul.menulist{
	display:none;
	width:90%;
	margin:0 auto;
}
ul.menulist li{
	display:block;
	text-align:left;
	background:#f9f9f9;
	border-top:1px dashed #ddd;
	padding:0 0 0 15px;
}
ul.menulist li a{
	text-decoration:none;
	color:#666;
	font-size:1.1em;
	line-height:2.3em;
	font-weight:bold;
}
ul.menulist ul.second{
	display:none;
}
ul.menulist ul.second li{
	padding:0;
}
ul.menulist ul.second li a{
	color:#0fb8c9;
	padding:0 0 0 15px;
	font-size:0.9em;
}
ul.menulist ul.second ul.third{
	display:none;
}
ul.menulist ul.second ul.third li a{
	color:#959595;
	padding:0 0 0 30px;
}
ul.menulist ul.second ul.third ul.fourth{
	display:none;
}
ul.menulist ul.second ul.third ul.fourth ul.fifth{
	display:none;
}
ul.menulist ul.second ul.third ul.fourth li a{
	font-weight:normal;
	padding:0 0 0 45px;
}
ul.menulist ul.second ul.third ul.fourth ul.fifth li a{
	padding:0 0 0 60px;
}
ul.menulist ul.second ul.third ul.fourth ul.fifth ul.sixth li a{
	padding:0 0 0 75px;
}
.plus{
	background:url(../images/plus.png) 0 15px no-repeat;
	width:12px;
	height:22px;
	display:inline-block;
	float:right;
	margin:0 15px 0 0;
}
ul.menulist li.li_plus a.active .plus{
	background:url(../images/plus_open.png) 0 15px no-repeat;
}
.below_slider{
	height:1px;
	width:100%;
	border-bottom:1px solid #f6f6f6;
}
.welcome{
	text-align:center;
	padding:20px 0 50px 0;
	border-bottom:1px solid #e1e1e1;
	margin:0 0 1px 0;
}
.welcome h1{
	color:#3e3e3e;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}
.welcome h3{
	font-weight:normal;
	font-family:Tahoma, Geneva, sans-serif;
	color:#595959;
	line-height:24px;
}
.no1{
	color:#0fb8c9;
}
.product_service{
	background:#0fb8c9;
	width:100%;
	display:inline-block;
}
.more{
	display:inline-block;
	background:#fff;
	padding:3px 20px;
}
a .more{
	color:#000;
	font-weight:bold;
}
ul.list_produuct_service{
	padding:10px 30px;
}
ul.list_produuct_service li{
	text-align:center;
}
ul.list_produuct_service li a{
	text-decoration:none;
	color:#fff;
	font-family:Tahoma, Geneva, sans-serif;
	line-height:24px;
} 
ul.list_produuct_service li a label{
	cursor:pointer;
}
ul.list_produuct_service li ul{
	padding:0 0 20px 0;
}
h2.h2_pro{
	color:#fff;
	text-shadow:1px 0 1px #6e6e6e;
}
.footer_mobile{
	padding:10px 30px;
	text-align:center;
	line-height:24px;
}
ul.ft_gps li ul li a{
	color:#10b2ca;
	text-decoration:none;
}
.design{
	font-size:0.8em;
	color:#ccc;
}
.design a{
	text-decoration:none;
	color:#ccc;
}
.ft_contact{
	display:none;
}
.ft_pro_download , .ft_pro_download2{
	display:none;
}
.wrapper_content{
	margin:20px auto;
}
.manage_logo_product{
	width:100%;
	background:url(../images/line_logo.png) 0 repeat-x;
	text-align:center;
	margin:20px 0;
	clear:both;
}
.logo_product{
	padding:0 15px;
	background:#fff;
	display:inline-block;
}
.bar_cat{
	padding:7px 5px;
	background:#0fb8c9;
	color:#fff;
	font-size:1.2em;
	margin:15px 0;
	clear:both;
	display:block;
}
ul.product_list{
	text-align:center;
}
ul.product_list li{
	width:50%;
	float:left;
}
ul.product_list li a{
	text-decoration:none;
}
ul.product_list li img{
	width:95%;
	border:1px solid #ddd;
	border-bottom:3px solid #0fb8c9;
}
.text_model{
	text-align:center;
	font-size:1.2em;
	color:#666;
	display:inline-block;
	width:100%;
}
.manage_link{
	width:100%;
	display:inline-block;
}
a .manage_link{
	text-decoration:none;
}
.put_text{
	width:100%;
	min-height:50px;
}
.box_content{
	width:90%;
	min-height:400px;
	margin:0 auto;
	padding:15px 0;
}
.box_content h2{
	border-bottom:1px solid #0FB8C9;
	color:#0FB8C9;
}
.manage_flag{
	width:100%;
	text-align:center;
}
ul.flag{
	display:inline-block;
}
ul.flag li{
	float:left;
	margin:0 5px 0 0;
}
ul.flag li a span{
	text-decoration:underline;
	color:#666;
}
.bg_wrapper{
	width:100%;
	background:#f9f9f9;
}
.content{
	padding:10px 0;
	color:#666;
	line-height:20px;
	display:inline-block;
	width:100%;
}
.content img{
	width:100%;
	height:auto;
}
.manage_new{
	margin:10px 0 15px 0;
	border-bottom:1px solid #ddd;
}
ul.big_new li{
	font-weight:bold;
	width:100%;
}
ul.big_new li a{
	text-decoration:none;
	color:#666;
}
.text_new_middle{
	padding:5px 0;
	display:inline-block;
}
ul.other_new{
	padding:10px 0 0 0;
}
ul.other_new li{
	width:100%;
}
ul.other_new li img{
	width:20%;
}
ul.other_new li a{
	text-decoration:none;
	color:#666;
}
ul.other_new li .box_new{
	display:inline-block;
}
ul.other_new li .text_new_middle{
	width:78%;
	display:inline-block;
	vertical-align:top;
	float:right;
}
ul.tab_download{
	width:100%;
}
ul.tab_download li{
	width:50%;
	float:left;
	text-align:center;
}
.arrow_selected{
	display:none;
}
.tab{
	width:98%;
	text-align:center;
	display:inline-block;
	background:#ddd;
	padding:7px 0;
	color:#909090;
	font-size:1em;
	font-weight:bold;
	cursor:pointer;
}
ul.tab_download li.selected .tab{
	background:#0fb8c9;
	color:#fff;
}
ul.tab_download li.selected .arrow_selected{
	background:url(../images/arrow_selected.png) no-repeat;
	width:27px;
	height:16px;
	display:inline-block;
	margin:-10px 0 0 0;
}
.list_download{
	vertical-align:middle;
}
.icon_app{
	margin:0 10px 0 0;
}
.icon_app img{
	vertical-align:middle;
	width:40px;
}
.app{
	background:#fcfcfc;
	margin:10px 0;
	padding:10px;
}
.name_app{
	color:#666;
	width:128px;
	display:inline-block;
	vertical-align:middle;
}
.download{
	background:#fff;
	padding:5px 10px;
	display:inline-block;
	color:#0fb8c9;
	border-radius:2px;
	border:1px solid #0fb8c9;
}
.bt_dl_app{
	float:right;
}
ul.list_app li{
	border-bottom:1px solid #ddd;
	padding:10px 0;
}
ul.reference{
	display:inline-block;
	width:100%;
}
ul.reference li{
	float:left;
	width:100%;
	padding:10px 0;
	border-bottom:1px dashed #ddd;
}
ul.reference li a{
	text-decoration:none;
}
ul.reference li img{
	width:100%;
}
.text_cus{
	background:#0fb8c9;
	width:100%;
	color:#fff;
	display:inline-block;
	text-align:center;
	padding:5px 0;
}

ul.partner{
	display:inline-block;
	width:100%;
}
ul.partner li{
	float:left;
	width:100%;
	padding:10px 0;
	border-bottom:1px dashed #ddd;
}
ul.partner li a{
	text-decoration:none;
}
ul.partner li a .url_p{
	text-decoration:underline;
	color:#ddd;
	display:block;
}
ul.partner li img{
	width:100%;
}
ul.contact_list{
	width:100%;
	display:inline-block;
}
ul.contact_list li{
	float:left;
	width:100%;
}
.icon_tel{
	background:url(../images/tel.png) 0 center no-repeat;
	display:inline-block;
	padding:10px 0 10px 45px;
}
.icon_fax{
	background:url(../images/fax.png) 0 center no-repeat;
	display:inline-block;
	padding:10px 0 10px 45px;
	margin:0 0 0 20px;
}
.company_name{
	font-weight:bold;
	font-size:1.1em;
}
.manage_icon_contact{
	text-align:center;
}
.map_pic{
	margin:10px 0 0 0;
}
.zoom_map{
	text-align:center;
}
a.pirobox{
	text-decoration:underline;
	color:#666;
}
ul.contact_form{
	width:100%;
}
ul.contact_form li{
	width:100%;
}
.title_form{
	display:inline-block;
	width:100%;
	font-weight:bold;
}
.select_field{
	width:100%;
	padding:5px 0;
	background:#fefefe;
	border:1px solid #ddd;
	border-radius:2px;
	color:#666;
}
.input_field{
	width:100%;
	padding:5px 0;
	background:#fefefe;
	border:1px solid #ddd;
	border-radius:2px;
	color:#666;
}
.textarea_field{
	width:100%;
	height:70px;
	background:#fefefe;
	border:1px solid #ddd;
	border-radius:2px;
	color:#666;
}
input.bt_submit{
	-webkit-appearance: none;
	width:100%;
	background:#0fb8c9;
	color:#fff;
	font-size:1.2em;
	padding:5px 0;
	text-align:center;
	border:1px solid #fff;
	margin:10px 0;
}
.map_google{
	margin:0 0 10px 0;
}
#mapp{
	width:100%;
	height:200px;
}
#mapp2{
	display:none;
}
@media screen and (min-width: 680px) {
ul.list_produuct_service li ul{
	padding:0 0 20px 0;
}
ul.list_produuct_service li{
	text-align:center;
	width:50%;
	float:left;
}
ul.list_produuct_service li ul li{
	width:90%;
	display:inline-block;
	float:none;
}
ul.list_produuct_service li img{
	width:100%;
}
.ft_product{
	float:left;
	width:49%;
	border-right:1px solid #ddd;
	text-align:left;
	min-height:125px;
}
.design{
	clear:both;
	padding:10px 0 0 0;
}
.house{
	background:url(../images/house_icon.png) 0 3px no-repeat;
	width:18px;
	height:19px;
	float:left;
}
.mail{
	background:url(../images/mail_icon.png) 0 4px no-repeat;
	width:20px;
	height:20px;
	float:left;
}
.ft_contact{
	display:block;
	width:45%;
	float:left;
	text-align:left;
	padding:0 0 0 30px;
}
.ft_address{
	padding:0 0 0 30px;
	display:inherit;
	color:#555;
}
.email{
	padding:0 0 0 30px;
	font-size:1.4em;
	color:#444;
	font-weight:bold;
}
ul.ft_gps li ul{
	padding:0 0 0 15px;
	list-style:disc;
}
.ft_pro_download, .ft_pro_download2{
	display:none;
}
.wrapper_header_big{
	display:none;
}
ul.big_new{
	display:inline-block;
	width:100%;
}
ul.big_new li{
	float:left;
}
.box_new{
	width:100%;
	display:inline-block;
}
ul.middle_new{
	display:inline-block;
}
ul.middle_new li{
	width:50%;
	float:left;
}
ul.middle_new li .box_new{
	width:98%;
}
ul.middle_new li .manage_new{
	border:none;
}
ul.middle_new li .text_new_middle{
	padding:5px 0;
	display:inline-block;
}
ul.other_new {
	border-top:1px solid #ddd;
	display:inline-block;
	width:100%;
}
.name_app{
	width:350px;
}
ul.reference li{
	width:50%;
}
ul.reference li img{
	width:98%;
}
.text_cus{
	width:98%;
}

ul.partner li{
	width:50%;
}
ul.partner li img{
	width:98%;
}
ul.contact_list li{
	width:50%;
}
ul.contact_list li.form_box, ul.contact_list li.form_box ul li{
	width:100%;
}
.manage_info{
	width:98%;
}
#mapp{
	height:300px;
}
.put_text img{
	width:auto;
}
ul.product_list li{
	width:33.33%;
}
}
@media screen and (min-width: 1200px){
.wrapper_header{
	display:none;
}
.wrapper_header_big{
	display:block;
	width:1200px;
	margin:0 auto;
}
.content img{
	width:auto;
	height:auto;
}
.top_menu_bar{
	float:right;
}
.top_menu_bar ul li{
	float:left;
	margin:0 0 0 2px;
	font-size:0.9em;
}
.top_menu_bar ul li a{
	text-decoration:none;
	color:#333;
}
.arrow{
	display:inline-block;
	background:url(../images/arrow.png) no-repeat;
	width:6px;
	height:12px;
}
a .bt_gps_top, a .bt_gps_top2{
	text-decoration:none;
	color:#fff;
}
.bt_gps_top{
	display:inline-block;
	background:#ff5100;
	width:120px;
	text-align:center;
	padding:5px 0;
}
.bt_gps_top2{
	display:inline-block;
	background:#0fb8c9;
	width:120px;
	text-align:center;
	padding:5px 0;
}
.text_bt_gps_top{
	display:inline-block;
	padding:5px 0;
}
.logo{
	float:left;
}
.box_menu{
	float:right;
	margin:15px 0 0 0;
}
ul.sf-menu li{
	/*float:left;*/
	font-size:1.1em;
}
.border{
	border-left:1px solid #ddd;
}
ul.sf-menu li a span{
	padding:20px;
	display:inline-block;
	color:#5a5a5a;
	text-decoration:none;
}
ul.sf-menu li:hover a span{
	background:#f9f9f9;
}
ul.sf-menu li#menu_active a span{
	text-decoration:none;
	color:#fff;
}
ul.sf-menu li#menu_active:hover a span{
	background:#0fb8c9;
}
#menu_active{
	background:#0fb8c9;
	display:inline-block;
}
.arrow_product{
	background:url(../images/plus.png) no-repeat;
	width:12px;
	height:6px;
	position:absolute;
	margin:39px 0 0 -82px;
}
ul li#menu_active .arrow_product{
	background:url(../images/plus_white.png) no-repeat;
}
.more:hover{
	background:#666;
	color:#fff;
}
.wrapper_content{
	display:block;
	width:1200px;
	margin:0 auto;
}
.wrapper_content2{
	display:block;
	width:1200px;
	margin:20px auto;
}
.bar_cat{
	background:#0fb8c9;
}
ul.product_list{
	/*text-align:center;
	display:inline-block;*/
	float:left;
	margin:0 0 25px 0;
}
ul.product_list li{
	width:300px;
	float:left;
}
ul.product_list li a{
	text-decoration:none;
}
ul.product_list li span{
	width:280px;
	display:inline-block;
}
ul.product_list li span img{
	width:100%;
	border:1px solid #ddd;
	border-bottom:3px solid #0fb8c9;
}
.flag_big{
	padding:5px 0;
	display:inline-block;
	margin:0 2px 0 0;
}
.box_content{
	width:100%;
	min-height:400px;
	margin:auto;
}
.line_header{
	border-bottom:1px solid #e2e2e2;
	margin:0;
}
.manage_new{
	border:none;
	margin:0;
}
ul.big_new li{
	float:left;
	width:auto;
}
ul.big_new li.big1{
	width:450px;
	height:350px;
}
ul.big_new li.big2{
	width:735px;
	float:right;
}
ul.big_new li img{
	width:450px;
	height:290px;
}
ul.big_new li .text_new_middle{
	position:relative;
	z-index:88;
	background:#0FB8C9;
	margin:-60px 0 0 0;
	height:60px;
	overflow:hidden;
	padding:5px;
	display:inline-block;
	color:#fff;
	width:98%;
}
ul.middle_new{
	width:100%;
}
ul.middle_new li{
	width:100%;
	height:140px;
	overflow:hidden;
}
ul.middle_new li.li1{
	margin:0 0 20px 0;
}
ul.middle_new li img{
	width:218px;
	height:140px;
}
ul.middle_new li .box_new{
	width:100%;
}
ul.middle_new li .text_new_middle{
	width:500px;
	vertical-align:top;
	margin:0;
	height:140px;
}
ul.other_new li{
	width:50%;
	float:left;
	margin:0 0 10px 0;
}
ul.other_new li .box_new{
	width:98%;
	background:#fefefe;
}
ul.other_new li:hover .box_new{
	background:#ddd;
}
ul.other_new li .box_new img{
	width:118px;
	height:76px;
}
ul.other_new li .text_new_middle{
	height:66px;
	overflow:hidden;
}
.name_app{
	width:950px;
}
ul.reference{
	text-align:center;
}
ul.reference li{
	width:235px;
	border:none;
	margin:0 5px 20px 0;
	height:265px;
	padding:0;
	overflow:hidden;
}
ul.reference li img{
	width:98%;
}
.text_cus{
	width:98%;
}

ul.partner{
	text-align:center;
}
ul.partner li{
	width:235px;
	border:none;
	margin:0 5px 20px 0;
	height:170px;
	padding:0;
	overflow:hidden;
}
ul.partner li img{
	width:98%;
}
ul.contact_list li.map_google{
	display:none;
}
ul.contact_list li.info_box{
	width:40%;
	border-right:1px solid #ddd;
	padding:0 15px 0 0;
}
ul.contact_list li.form_box{
	padding:0 0 0 15px;
	width:57%;
}
.manage_icon_contact{
	padding:10px 0;
}
.title_form{
	width:76px;
}
.manage_field{
	width:85%;
	display:inline-block;
	float:right;
}
ul.contact_list li.form_box ul li{
	margin:0 0 5px 0;
}
.manage_info{
	line-height:2.4em;
}
input.bt_submit{
	width:auto;
	padding:5px 25px;
	float:right;
	cursor:pointer;
}
#mapp2{
	display:block;
	width:100%;
	height:300px;
	clear:both;
	margin:20px 0 0 0;
}
}
@media screen and (min-width: 1280px){
ul.list_produuct_service{
	padding:10px 0 0 0;
	width:1200px;
	margin:0 auto;
}
ul.list_produuct_service li{
	text-align:center;
	width:300px;
	float:left;
}
.no{
	height:24px;
}
.ft_pro_download{
	display:block;
	float:left;
	padding:0 0 0 30px;
}
.ft_pro_download2{
	display:block;
	float:left;
	padding:0 30px 0 30px;
	border-right:1px solid #ddd;
	min-height:200px;
}
.footer_mobile{
	padding:30px 0 0 0;
	text-align:center;
	line-height:24px;
	width:1200px;
	margin:0 auto;
}
.ft_product{
	width:auto;
	padding:0 30px 0 0;
	min-height:200px;
}
ul.ft_pro{
	text-align:left;
	width:170px;
}
ul.ft_pro li ul{
	padding:0 0 0 15px;
	list-style:disc;
}
ul.ft_pro li ul li a{
	color:#888;
	text-decoration:none;
}
ul.ft_pro2{
	text-align:left;
	width:141px;
}
ul.ft_pro2 li ul{
	padding:0 0 0 15px;
	list-style:disc;
}
ul.ft_pro2 li ul li a{
	color:#888;
	text-decoration:none;
}
.ft_contact{
	display:block;
	width:auto;
	float:left;
	text-align:left;
	padding:0 0 0 30px;
	width:525px;
}
}