@charset "UTF-8";

/* Page	Title */


.guide  {width:100%; float:left; min-width:1100px; background-color:#f9f9f9; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.guide ul {width:1100px; margin:0 auto; min-width:1100px; }
.guide li { float:left; border-right:1px solid #ddd; padding:15px 20px 0px 20px; height:26px; font:normal 13px dotum,µ¸¿ò; color:#8f8f8f; }

#article   {width:1100px; margin:0 auto;  }
#article_in   {width:1058px; float:left;  margin-left:21px; }
#article  .title { width:100%; text-align:center; float:left; border-bottom:1px solid #bebebe; font-weight:600; 
                   padding:40px 0 20px 0; font-size:32px; color:#333; margin-bottom:30px; }

#article  .text_box  {color:#888; font-size:15px; line-height:26px; }
#article  .text_box  strong {color:#333; font-size:22px; line-height:33px; font-weight:600;}
#article  .text_box2  {color:#888; font-size:17px; line-height:24px; }
#article  .product_text_box  { width:100%; float:left; color:#777; font-size:16px; line-height:24px;  }

#article .center_box  {width:100%; text-align:center;}

#article  .s_tt {font-size:22px; color:#111;  line-height:30px; width:100%; float:left;}
#article   .s_tt .more  {float:right; font-size:15px; padding-top:2px; }

#article   .s_tt .more  a:link		{text-decoration:none; color:#555; } 
#article   .s_tt .more  a:hover		{text-decoration:none;  color:#4e68a6; }
#article   .s_tt .more  a:active	{text-decoration:none; color:#4e68a6;}
#article   .s_tt .more  a:visited	{text-decoration:none; color:#555; }

#article  .s_tt_bg  {width:1000px; background:url('/common/img/common/s_tt_bg.jpg') no-repeat top left; padding-bottom:5px; padding-top:3px; padding-left:35px;}
#article  .s_tt2 {font-size:20px; color:#4e68a6;  line-height:24px; width:100%; float:left;}
#article  .s_tt3 {font-size:20px; color:#4e68a6;  line-height:40px; width:100%; float:left;}
#article  .s_tt_text {font-size:14px; color:#999;   float:right;}
#article  .s_tt4 {font-size:17px; color:#333;  line-height:30px; width:100%; float:left;}

.agree   {width:100%; font-size:14px; color:#777;  text-align:center; float:left; padding-top:10px; padding-bottom:15px; 
          margin-bottom:30px; background-color:#f9f9f9;}

.float_right {float:right;}

.color_bl {color:#3883ca;}

.f_size_08 {font-size:0.82em;}

#article  .map_info   {width:100%; float:left;}
#article  .map_info  ul {width:100%; float:left; margin-top:35px;}
#article  .map_info  li {font-size:14px; color:#666; line-height:30px; }
#article  .map_info  .map_cate {color:#333; font-size:17px; line-height:27px; border-top:2px solid #7892cf; float:left;}
#article  .map_info  span   {font-weight:400; font-size:15px;}

#article .as_map_info  {position:relative; float:right; text-align:center; padding-top:50px; width:300px;  
                   background:url('/common/img/customer/map_bg.png') no-repeat top left;  margin-top:-300px; height:250px;
				    color:#fff; font-size:14px; line-height:25px; }
#article .as_map_info  span {font-size:20px; line-height:50px;}

#article  .photo_top  {width:100%;  float:left; margin-bottom:20px; border-bottom:1px solid #ddd; padding-bottom:30px;}
#article  .photo_top  ul {width:380px; float:right; height:170px;}
#article  .photo_top  .year {font-size:25px; padding-bottom:2px; line-height:40px;float:left; color:#fff; background-color:#1f408f; padding-left:20px;  padding-right:20px;}
#article  .photo_top  .tt {font-size:15px; color:#666; width:100%; float:left; padding-top:10px;}
#article  .photo_top  .btn  {float:right;}


#article  .history  {width:100%; float:left; margin-top:20px;}
#article  .history td {padding:10px; border-bottom:1px solid #ddd;}
#article  .history  .year {font-size:15px; color:#1f408f;}
#article  .history  .date {font-size:15px; color:#7892cf;}
#article  .history  .text {color:#888; font-size:15px;}

#article  .organization  {width:100%; float:left; padding-top:260px; max-width:1158px;}

#article  .organization .box1 {width:140px; float:left;  }

#article  .organization .box1 .t1 {width:140px; font-size:16px; padding-top:10px; padding-bottom:12px; color:#fff; text-align:center; background-color:#1f408f;   border:1px solid #1f408f; float:left;  border-radius:5px; margin-top:0;}
#article  .organization .box1 .t2 {width:140px; font-size:16px; padding-top:10px; padding-bottom:12px; color:#fff; text-align:center; background-color:#7892cf;   border:1px solid #7892cf; float:left;  border-radius:5px; margin-top:30px; }
#article  .organization .box1 .t3 {width:140px; font-size:15px; padding-top:10px; padding-bottom:12px; color:#666; text-align:center; background-color:#fff; border:1px solid #ddd; border-radius:5px; float:left;  margin-top:10px; }


#article  .as_table  {float:left;}

#article  .as_table td {padding:5px; font-size:15px; color:#888 }
#article  .as_table th {padding:5px 10px 5px 10px; text-align:right; font-size:15px; color:#1f408f; }


#article  .img_box  {width:330px; float:left; border-radius:3px;}
#article  .img_box img  {width:328px;  border-radius:10px; border:1px solid #ddd; }

#article  .img_box  p {width:100%; height:40px; text-align:center; padding-top:10px; background:url('/common/img/product/img_box_tt_bg.png') no-repeat top left;  color:#fff; 
                     font-size:15px; font-weight:400;   position:relative; margin-bottom:10px; margin-top:-10px;}


#article  .img_box2  {width:200px; float:left;}
#article  .img_box2 img  {width:198px; border:1px solid #ddd; }

#article  .img_box2  p {width:100%; height:30px; text-align:center; padding-top:10px; background:url('/common/img/product/img_box_text_bg.png') repeat-x top left; color:#fff; 
						border-radius:0 0 10px 0; font-size:15px; font-weight:400; margin-top:0px; position:relative;}


#article  .img_box3  {width:49%; float:left; border-radius:3px;}
#article  .img_box3 img  {width:100%;  border-radius:10px; border:1px solid #ddd; }

#article  .img_box3  p {width:100%; height:35px;  text-align:center; padding-top:10px; background:url('/common/img/product/img_box_tt_bg.png') no-repeat top left;  color:#fff; 
                       border-radius:0 0 10px 0; font-size:15px; font-weight:400;  position:relative; margin-bottom:10px; margin-top:-10px;}

#article  .img_box50  {width:49%; float:left; border-radius:3px;}
#article  .img_box50 img  {width:100%;  border-radius:10px; border:1px solid #ddd; box-sizing:border-box; }

#article  .img_box50  p {width:100%; height:40px;  text-align:center; padding-top:10px; background:url('/common/img/product/img_box_tt_bg50.png') no-repeat top left;  color:#fff; 
						border-radius:0 0 10px 0; font-size:15px; font-weight:400;   position:relative; margin-bottom:10px; margin-top:-10px;}



#article  .img_box100  {width:100%; float:left; border-radius:3px;}
#article  .img_box100 img  {width:100%;  border-radius:10px; border:1px solid #ddd; box-sizing:border-box; }

#article  .img_box100  p {width:100%; height:40px;  text-align:center; padding-top:10px; background:url('/common/img/product/img_box_tt_bg100.png') no-repeat top left;  color:#fff; 
                     font-size:15px; font-weight:400;   position:relative; margin-bottom:10px; margin-top:-10px;}


#article  .product_ul_list  {width:100%; float:left; margin-top:20px;}
#article  .product_ul_list  ul {width:330px; float:left; border:1px solid #ddd;}
#article  .product_ul_list  li {width:320px;   padding:5px;   background-color:#f9f9f9;} 
#article  .product_ul_list  .tt {font-size:16px; color:#111; }
#article  .product_ul_list  .text {font-size:14px; line-height:23px; color:#666; padding-bottom:20px; }
#article  .product_ul_list  .btn {text-align:right;}

#article .prod_txt_bg {width:100%; float:Left; padding:15px 20px; background:#f7f7f7;  box-sizing:border-box;}



#article  .status_view  {width:100%; float:left; margin-bottom:30px; }
#article  .status_view   .img  {width:600px; float:left;}
#article  .status_view  .status_text {width:100%; }
#article  .status_view  .status_tt {width:100%;   font-size:20px; color:#111; font-weight:600; line-height:30px;
                             padding-bottom:10px; }
#article  .company_03  {width:100%; float:left; }


#article  .company_03  img {float:left;}


#article  .border_bottom_box   {border-bottom:1px dashed #d1d1d1; padding-bottom:40px; width:100%; float:left;}

#article  .no   {background-color:#6587ce; color:#fff; padding:4px 6px 4px 6px; vertical-align:2px;  font:bold 17px arial;}
#article  .no_img   { }

.com9_top_bg_box   {width:100%; float:left; margin-top:10px; padding-top:75px;   box-sizing:border-box;  height:270px;}
.com9_top_bg_box   p  {width:1058px; margin:0 auto;  }
.com9_top_bg_box span  { font-size:17px; line-height:29px;}


/*Æ˾÷*/
.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999999;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer .pop-layer {display:block;}

.pop-layer {display:none; position: absolute; top: 40%; left: 50%;   width:800px; height:auto; 
            height:590px; z-index: 10;}	

.pop-layer p.ctxt {color: #666; line-height: 25px;}
.pop-layer .btn-r { margin:0px 0 0px; float:right; }


.pop_btn         { }
.pop_btn  a {
	display:inline-block;
padding-top:10px;
width:800px;
text-align:Center;
padding-bottom:12px;	
}

.pop_btn a:link		{background-color:#1f408f; font-size:14px;  color:#fff;  text-decoration:none;}
.pop_btn a:hover	    {background-color:#1f408f; font-size:14px; color:#fff;  text-decoration:none;}
.pop_btn a:active	    {background-color:#1f408f;font-size:14px; color:#fff;  text-decoration:none;}
.pop_btn a:visited	      {background-color:#1f408f; font-size:14px;color:#fff;  text-decoration:none;}



.pop_btn2         { }
.pop_btn2  a {
	display:inline-block;
padding-top:10px;
width:500px;
text-align:Center;
padding-bottom:12px;	
}

.pop_btn2 a:link		{background-color:#1f408f; font-size:14px;  color:#fff;  text-decoration:none;}
.pop_btn2 a:hover	    {background-color:#1f408f; font-size:14px; color:#fff;  text-decoration:none;}
.pop_btn2 a:active	    {background-color:#1f408f;font-size:14px; color:#fff;  text-decoration:none;}
.pop_btn2 a:visited	      {background-color:#1f408f; font-size:14px;color:#fff;  text-decoration:none;}



.top_search							{width:100%; float:left; text-align:center; border:1px solid #ddd; background-color:#f9f9f9; }
.top_search_in   {width:100%; float:left; padding-top:20px; padding-bottom:20px;}
.search_wrap  {width:100%; float:left; border-bottom:2px dashed #ddd; padding-bottom:40px; }




/* product06_03_5 smart watch ½Ã½ºÅÛƯ¡ */
.system{display:flex; gap:20px; float: left; align-items:start;}
.system dl{width:50%; border:1px solid #ddd; box-sizing:border-box; border-radius:10px; overflow:hidden;}
.system dt{background:#f5f5f5; padding:20px; box-sizing:border-box;}
.system h5{font-size:1.1em; font-weight:500; display:flex; align-items:start; gap:10px; margin-bottom:10px;}
.system h5 b{background:#244a9f; color:#fff; padding:5px 10px; box-sizing:border-box; border-radius:10px; font-size:.8em; flex-shrink:0; margin-top:-2px;}
.system p{color:#555; font-size:.95em;}
.system dd{padding:20px; box-sizing:border-box; }
.system img{width:100%;}