body {margin: 0px;padding: 0px;color: #333;height: 100%;font-size: 14px;     line-height: 1.42857143;font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;}
td, p, span, li {font-family: Arial, sans-serif;font-size: 12pt;color: #6E6E6E;}
img{border:0;}

h4 {
    border-bottom: 1px dotted #000;
    color: #000;
    text-indent: 3px;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 5px;
    margin: 15px 0 15px 0px;
}

a:link {	color: #06ACB2;	text-decoration: none;}
a:visited {	text-decoration: none;	color: #06ACB2;}
a:hover {	text-decoration: none;	color: #EC5B29;}
a:active {	text-decoration: none;	color: #EC5B29;} 

a:link.an,a:visited.an{color:#EC5B29;}
 
a:link.newstb,a:visited.newstb{color:grey;}
a:hover.newstb{color:#EC5B29;;}
a:link.fb,a:visited.fb{color:#fff;background: url(/images/footer/facebook2.png) no-repeat;padding:7px 0 7px 35px;}
a:hover.fb{color:#EC5B29;background: url(/images/footer/facebook1.png) no-repeat;}
a:link.gg,a:visited.gg{color:#fff;background: url(/images/footer/google2.png) no-repeat;padding:7px 0 7px 35px;}
a:hover.gg{color:#EC5B29;background: url(/images/footer/google1.png) no-repeat;}

a:link.tw,a:visited.tw{color:#fff;background: url(/images/footer/twitter2.png) no-repeat;padding:7px 0 7px 35px;}
a:hover.tw{color:#EC5B29;background: url(/images/footer/twitter1.png) no-repeat;}

a:link.ft,a:visited.ft{color:white;font-size:18px;}
a:hover.ft{color:#EC5B29;} 
a:link.ft2,a:visited.ft2{color:#E2E2E2;font-size:17px;}
a:hover.ft2{color:#EC5B29;} 
#header{position: relative; height: 70px; margin: 0 auto;width: 1100px;padding-top: 0px; padding-bottom: 10px;text-align:center;}
.logo {float: left; bottom: 0px; width: 380px; text-align: left;}
.nav {height: 70px;width:700px;float:right;text-align:right; }
.navson{ height: 40px;  background: #07797D; text-align: center;
position: fixed;_position: absolute;_top: 213px;overflow: hidden;z-index: 10;	}
.navson_l {    margin: auto;overflow: auto; width: 1100px; text-align: center;height:40px;padding:10px;}
a:link.nava,a:visited.nava{color:white;font-size:16px;padding:10px 30px;}
a:hover.nava{color:#ECFB76;background: url(/images/banner/nava.gif) no-repeat center;background-position:bottom;padding-bottom:14px;}
a:link.navacs,a:visited.navacs,a:hover.navacs{font-size:16px;padding:0 40px;color:#ECFB76;background: url(/images/banner/nava.gif) no-repeat center;background-position:bottom;padding-bottom:14px;}
#box {    position: relative; height: 49px; margin: 0 auto;  padding: 0;  overflow: hidden;}

#banner {width: 100%; min-width: 1100px;background: url(/images/index/banner.jpg) no-repeat;}
.wapper{text-align:center;}

#banner_pro {padding-top:40px; width: 100%; min-width: 1100px;background: url(/images/banner/product.jpg) no-repeat;height:120px;text-align:center;}
.cate_h1{font-size:30px;padding-top:35px;color:#06ACB2;font-weight:bold;font-family:times new roman,times,serif;}

#banner_pro2 {padding-top:20px; width: 100%; min-width: 1100px;background: url(/images/banner/product.jpg) no-repeat;height:120px;text-align:center;}
.cate_h2{font-size:30px;padding-top:35px;color:#06ACB2;font-weight:bold;font-family:times new roman,times,serif;}

 
#maincontent {position: relative;margin: auto;overflow: auto; width: 1100px; text-align: left;min-height:500px;}
.main_l{float:left;width: 20%; text-align: left;padding:10px 0;}
.main_l h4 { border-bottom: 1px solid #E0E0E0; color: #50638E;  font-size: 18px;  padding: 5px 0 5px 20px;  margin:5px;}

.mainnew_l{float:right;width: 23%; text-align: left;padding:10px 0;}
.mainnew_l h4 { border-bottom: 1px solid #E0E0E0; color: #50638E;  font-size: 18px;  padding: 5px 0 5px 20px;  margin:5px;}

.mainnew_r {width:75%;float:left;text-align:left; padding:10px;}

.main_r {width:78%;float:right;text-align:left; padding:10px;}
.cp_kuang{border:1px solid #1678be; border-radius: 15px 15px 0 0;}
.cpk{background: url(/images/cate/cpkuang.gif) no-repeat;height:140px;}
.cp_t{padding:8px;background: #1678be;border-radius: 10px 10px 0 0;font-weight:bold;color:#fff;height:15px;}
.cp_tl{float:left;width:93%; text-align: left;}
.cp_tr{width:5%;float:left;text-align:left;color:#fff;font-weight:normal;}
.cp_tr a:link,.cp_tr a:visited{color:#fff;}
.cp_tr a:hover{color:red;}

.note_con {width:98%;float:right;text-align:left; padding:10px;}
.note_bt{width:1060px;border-bottom: 2px solid #1678be;padding-bottom:2px;}
a:link.note_bt1,a:visited.note_bt1{color:white;font-size:16px;padding:5px 20px;background: #1678be;border-radius: 6px 6px 0 0;border: 2px solid #1678be;margin-right:10px;}
a:hover.note_bt1{color:#1678be;background: #FBFBFB; border-bottom: 2px solid #FBFBFB;}
a:link.note_bt11,a:visited.note_bt11,a:hover.note_bt11{color:#1678be;font-size:16px;padding:5px 20px;background: #FBFBFB;border-radius: 6px 6px 0 0;border: 2px solid #1678be;margin-right:10px;border-bottom: 2px solid #FBFBFB;}
.note_nr{padding:10px; width:97%;background: #FBFBFB;border-left: 2px solid #1678be;border-radius:0 6px 6px 6px; box-shadow: 3px 2px 5px #B4B8B9;}
a:link.note_bt2,a:visited.note_bt2,a:hover.note_bt2{float:right;color:red;font-size:16px;padding:0px 20px;margin-top:0px;}



.note_tb3 {		border-spacing: 0;						border-collapse: collapse; font-size:12px;}
.note_tb3 th{		border-spacing: 0;						border-collapse: collapse;		background:#01A6E6; 		border: 1px solid #DDD;		color:white;	 		padding:3px;		font-size:12px;}
.note_tb3 td{ 		border: 1px solid #DDD;		border-collapse: collapse;		border-spacing: 0;		 		padding-left:5px;			font-size:12px;	}


.PageLz {display: block;text-align: center;clear: both;text-decoration: none;padding: 20px 0px 10px;}
.PageLz a {padding: 3px 7px;margin: 0px 3px;border: 1px solid rgb(192, 192, 192);text-decoration: none;}
.currPage {padding: 3px 7px;margin: 0px 3px;border: 1px solid rgb(10, 98, 129);background: none repeat scroll 0% 0% rgb(16, 138, 183);color: white;text-decoration: none;}

.vtitle {color: #007FAC;background: #F1F1F1;font-size: 20px;height: 30px;padding:10px 0 0 15px;margin-bottom: 10px;border-radius:6px; box-shadow: 3px 2px 5px #B4B8B9;}

.cate_bt{width:852px;border-bottom: 2px solid #1678be;padding-bottom:2px;}
a:link.cate_bt1,a:visited.cate_bt1{color:white;font-size:16px;padding:5px 20px;background: #1678be;border-radius: 6px 6px 0 0;border: 2px solid #1678be;margin-right:10px;}
a:hover.cate_bt1{color:#1678be;background: #FBFBFB; border-bottom: 2px solid #FBFBFB;}
a:link.cate_bt11,a:visited.cate_bt11,a:hover.cate_bt11{color:#1678be;font-size:16px;padding:5px 20px;background: #FBFBFB;border-radius: 6px 6px 0 0;border: 2px solid #1678be;margin-right:10px;border-bottom: 2px solid #FBFBFB;}

.kuang {margin: 10px 2px;padding: 3px 12px 14px 5px;background-color: white;border: 1px solid #DDD;-moz-border-radius: 4px;border-radius: 4px;box-shadow: 2px 2px 2px #888888;}
.price_tb{font-size:13px;}

.orderinfo{}
.orderinfo p{	margin:7px 1px 5px -11px;	font-family: Arial, sans-serif;	color: #777777;	font-size:13px;	}
.orderinfo ul{	margin:10px 1px 10px -11px;}
.orderinfo ul li {font-family: Arial, sans-serif; text-align: left;list-style-image: url('/images/index_a.gif');margin:2px 7px 1px -10px;padding-left:0px;color: #777777;font-size:13px;}

.orderfont{margin-left:10px;font-family: Arial, sans-serif;	color: #777777;	font-size:14px;}

.cate_nr{padding:10px; width:97%;background: #FBFBFB;border-left: 2px solid #1678be;border-radius:0 6px 6px 6px; box-shadow: 3px 2px 5px #B4B8B9;}
.cate_detail{text-align:center; border: 1px solid #d9d9de;float:left;width:820px;margin-top:10px;height:190px;border-radius: 6px;background-color: #f1f8fc;padding:5px;}
.cate_detail_l {float:left;width:150px;padding:10px 10px;height:165px;}
.cate_detail_r {float:left;width:640px;padding:25px 0 10px 10px;text-align:left;height:145px;}
.catelist_tb{width:99%;font-size:12px;line-height:18px}
.catelist_tb th{text-align:left;width:76px;vertical-align: top;}
.catelist_tb td{font-size:12px;font-family:verdana,geneva,sans-serif;}

.contact_nr{padding:30px; width:90%;background: #F4F4F4;border-radius:0 6px 6px 6px; box-shadow: 3px 2px 5px #B4B8B9;}
.news_nr{padding:10px; width:97%;background: #ffffff;border: 1px solid #EBECEC;border-radius:6px; box-shadow: 3px 2px 5px #B4B8B9;}

.tb_news{border-bottom: 1px solid #ECE9E9;}
.tb_news td{line-height:130%;color: #9A9E9E;border-top: 1px solid #ECE9E9;padding:10px;}
 
 .tb_newside{}
.tb_newside th{font-size:10px;background:#888888;color:white;font-weight:normal;}
.tb_newside td{font-size:10px; background:#F3F3F3;}
.tb_newside a:link, .tb_newside a:visited{color: #5F5F5F;}
.tb_newside a:hover{color: #06ACB2;}


.tb_news a:link, .tb_news a:visited{color: #5F5F5F;font-size: 14px;font-weight: bold;}
.tb_news a:hover{color: #06ACB2;}
.news-action {  height: 45px;}
.news-action a:link,.news-action a:visited{ color: #FFFFFF;  font-size: 16px;  font-weight: bold;  line-height: 43px;  text-align: center;}
.news-action a:hover{ color: #06ACB2;  font-size: 16px;  font-weight: bold;  line-height: 43px;  text-align: center;}
.news_more { background: none repeat scroll 0 0 #06ACB2; display: block;  float: left;  height: 43px;  width: 151px;	border: 1px solid #06ACB2;border-radius: 5px;}
.news_more:hover {background: none repeat scroll 0 0 #fff; color: #06ACB2; display: block; float: left; height: 43px; width: 151px;}

.seeall {  height: 25px;}
.seeall a:link,.seeall a:visited{ color: #FFFFFF;  font-size: 16px;  font-weight: bold;  line-height: 25px;  text-align: center;}
.seeall a:hover{ color: #06ACB2;  font-size: 16px;  font-weight: bold;  line-height: 25px;  text-align: center;}
.see_more { background: none repeat scroll 0 0 #06ACB2; display: block;  float: right;  height: 25px;  width: 90px;	border: 1px solid #06ACB2;border-radius: 5px;}
.see_more:hover {background: none repeat scroll 0 0 #fff; color: #06ACB2; display: block; float: right; height: 25px; width: 90px;}

.buynow {height:25px;text-align:right; color:#EC5B29;font-size:23px;}
.buynow a:link,.buynow a:visited{ color: #FFFFFF;  font-size: 16px;  ;  line-height: 30px;  text-align: center;}
.buynow a:hover{ color: #EC5B29;  font-size: 16px;  ;  line-height: 30px;  text-align: center;}
.buy_more { background: none repeat scroll 0 0 #EC5B29; display: block;  float: right;   ;  width: 90px;	border: 1px solid #EC5B29;border-radius: 5px;}
.buy_more:hover {background: none repeat scroll 0 0 #fff; color: #EC5B29; display: block; float: right;  ; width: 90px;}
 

.cp_b{padding:1px 10px 15px 10px;background: #F4F4F4;}
.cpdetail{}
.cpdetail p{font-size:11px;line-height:66%;font-family:verdana,geneva,sans-serif;}
.line_note{text-align:center; border: 1px solid #d9d9de;float:left;width:1080px;margin:40px 0px;height:240px;border-radius: 6px;background-color: #e8f6ff;padding:5px;}

.cp_fea{text-align:center;;float:left;width:845px;margin-top:0px;height:280px;background-color: #fff;padding:5px;}
.cp_fea_l {float:left;width:280px;padding:5px 5px;height:280px;}
.cp_fea_r {float:left;width:550px;padding:10px 2px;text-align:left;height:280px;}


.white { height: 28px; background: #F4F4F4;border-top:1px solid #D8D8D8;}
#footer1{ height: 40px;  background: #06ACB2; text-align: center;}
#footer2{height: 233px; background: #07797D;}
.ft_nav{position: relative;margin: auto;overflow: auto; width: 1100px; text-align: left;}
.ft_l {float:left;width: 45%; text-align: left;padding:10px 0;}
.ft_r {width:45%;float:right;text-align:right; padding:10px;}
.ft2_l {float:left;width: 47%; text-align: left;padding:10px 10px;}
.ft2_r {width:34%;float:right;text-align:left; padding:10px 10px 10px 50px;}

.main_tb{border-collapse: collapse; border-spacing: 0;}
.main_tb tr{} 
.main_tb tr td{padding:10px 5px; font-size:16px;line-height:120%;padding:12px;} 
.main_tb td a{font-size:17px; font-family: "Lucida Grande", "Lucida Sans Unicode";line-height:150%;}
.newkuang{width:332px;height:360px; background: url(/images/index/new.gif) no-repeat; border: solid 1px #d9d9de; border-radius:6px;font-size:12px; padding:0px;  }
.newkuangson{padding:5px;}

.top_tb {border-collapse: collapse; border-spacing: 0;} 
.top_tb tr{} 
.top_tb tr td{ } 
.top_tb td a{	color: #7b858f;	font-size:17px;    font-family: "Lucida Grande", "Lucida Sans Unicode";}
.top_tb td a:hover { height:100px; text-decoration: none; color: #EC5B29; }	

.menukuang {z-index: 11;margin: 0px 0px;padding: 2px 5px 2px 0px;background-color: white;border: 1px solid #DDD;-moz-border-radius: 4px;border-radius: 4px;box-shadow: 2px 2px 2px #888888;width:200px;}
.menukuang ul{margin: 0px 0 0 -25px;text-align:left;}
.menukuang ul li{	list-style-image:url('/a.jpg');	list-style-type:none;	margin: 0px;	font-family: Microsoft Yahei, SimSun;	padding: 3px 0px 3px 0px; }
.menukuang ul li a{font-size:15px;}

.sidebar	{ width:209px; border:4px solid #F2F2F2;}
.sidebar_nav{ width:209px; border:1px solid #1678be;border-radius: 12px 12px 0 0; } 
.sidebar1	{ height:29px;  background-color:#1678be; text-align:center;border-radius: 10px 10px 0 0;}
.sidebar2	{	display:block;text-align: left;  height:15px;  cursor:pointer; ;padding:9px 3px;font-weight: bold; font-size:12px;}
.sidebar2	a{display:block;width:93%; height:100%; font-weight: bold;  color:#000;}
.sidebar2	a:visited{	display:inline-block;width:93%; height:100%; padding-left:10px;font-weight: bold; padding-top:5px; color:#0000;}
.sidebar2	a:hover {	display:inline-block;width:93%; height:100%;	text-decoration: none;color: red; font-weight: bold;}
.sidebar22	{text-align: left;    cursor:pointer; ;border-top:1px solid #D8D8D8;padding-left:0px;font-weight: bold; font-size:12px;}
.sidebar23	{	display:block;text-align: left;  height:17px;  cursor:pointer; ;padding:0px 3px;font-weight: bold; font-size:12px;}
.sidebar23	a{display:block;width:93%; height:100%; font-weight: bold;  color:#000;}
.sidebar23	a:visited{	display:inline-block;width:93%; height:100%; padding-left:10px;font-weight: bold; padding-top:5px; color:#0000;}
.sidebar23	a:hover {	display:inline-block;width:93%; height:100%;	text-decoration: none;color: red; font-weight: bold;}

.sidebar42	{text-align: left;    cursor:pointer; ;border-top:1px solid #D8D8D8;padding-left:15px;font-weight: bold; font-size:12px;}


.sidebar3	{ height:25px;border-top:1px solid #D8D8D8; background-color:#f1eff0; color:#06c;}
.sidebar3	a{display:inline-block;width:81%; height:100%; padding:7px 0 0 40px; font-size:12px; color:#06c; background-color:#f1eff0}
.sidebar3	a:visited{display:inline-block;width:81%; height:100%; padding-left:20px; padding-top:5px; font-size:12px; color:#06c;}
.sidebar3	a:hover {display:inline-block;width:81%; height:100%;	text-decoration: none;color:#000000; background-color:#d5e7f5; font-weight:normal}

.sidebar3c	{ height:25px;border-top:1px solid #D8D8D8; background-color:#f1eff0; color:#06c;}
.sidebar3c	a{display:inline-block;width:81%; height:100%; padding:7px 0 0 40px; font-size:12px; color:#000000; background-color:#d5e7f5;}
.sidebar3c	a:visited{display:inline-block;width:81%; height:100%; padding-left:20px; padding-top:5px; font-size:12px; color:#000000; background-color:#d5e7f5;}
.sidebar3c	a:hover {display:inline-block;width:81%; height:100%;	text-decoration: none;color:#000000; background-color:#d5e7f5; font-weight:normal}

.sidebar4	{ height:24px;}
.sidebar4	a{display:inline-block;width:83%; height:100%; padding-left:35px; padding-top:2px; font-size:12px; color:#06c; background-color:#f1eff0}
.sidebar4	a:visited{display:inline-block;width:83%; height:100%; padding-left:20px; padding-top:2px; font-size:12px; color:#06c; }
.sidebar4 a:hover {	display:inline-block;width:83%; height:100%;	text-decoration: none;color:#000000; background-color:#d5e7f5; font-weight:normal}
.sidebar4c	{ height:24px;}
.sidebar4c	a{display:inline-block;width:83%; height:100%; padding-left:35px; padding-top:2px; font-size:12px; color:#000000; background-color:#d5e7f5;}
.sidebar4c	a:visited{display:inline-block;width:83%; height:100%; padding-left:20px; padding-top:2px; font-size:12px; color:#000000; background-color:#d5e7f5; }
.sidebar4c a:hover {	display:inline-block;width:83%; height:100%;	text-decoration: none;color:#000000; background-color:#d5e7f5; font-weight:normal}

.sidebarf	{ font-weight: bold;font-size: 12px;color:#ffffff; }

.module {float: left;height: 150px;width:120px;margin: 10px 3px 3px 0px;position: relative;overflow: hidden;text-align: center;padding: 5px 2px 5px 2px;border: 2px solid #EAECEC; background-color:#FAFAFA;border-radius: 10px; font-size:13px;line-height:160%;}

.news_la	{ width:95%; border:1px solid #DDD}
.news_la1	{ height:20px;  background-color:#E2E6EC;; text-align:left;  }
.news_la2	{  text-align: left; padding-left:5px;}
.news_la3	{ height:1px;}
.news_laf	{ font-weight: bold;font-size: 12px;color:#000000; text-align:left; }

.table_order1 {border: 1px solid #DDD;border-collapse: collapse;border-spacing: 0;}
.table_order1 tr{height:20px; line-height:20px;}
.table_order1 td{	border:1px solid #DDD; 	border-width:1px 0px 1px 0px;	padding: 1px 0px 1px 1px;	font-size: 10px; 	text-align:left;}

.ordertitle {	padding-left:3px;	font-family: Arial; 	font-size: 16px;	margin: 1px;	margin-top:15px;	font-weight:bold;	color:red;}
.orderinfo1{	margin:-5px 0 0 0px;}
.orderinfo1 ul{ margin: 0px 2px 10px 0px;}
.orderinfo1 ul li {font-family: Trebuchet MS, Arial, sans-serif;font-size: 14px;text-align: left;list-style-image: url('/images/Bullet.gif');margin: 3px 0px 0px -7px;padding:0px;color: #6E6E6E;}

.pinout_tb {		border-spacing: 0;						border-collapse: collapse;}
.pinout_tb th{		border-spacing: 0;						border-collapse: collapse;		background:#01A6E6; 		border: 1px solid #DDD;		color:white;	 		padding:3px;			}
.pinout_tb td{ 		border: 1px solid #DDD;		border-collapse: collapse;		border-spacing: 0;		 		padding:0px 0 0 5px;	 		margin:0px; 		height:20px;	 		font-family: Arial, Helvetica, sans-serif;		font-size: 12px;	}

pre {    display: block;    margin: -10px 30px 10px 30px;    padding: 10px;    font-family: monospace;    color: #7F0000;    background-color: #E5ECF9;    overflow: auto;    font-size: 8pt;    border-radius: 10px;    line-height: 100%;}

.base  {position: relative;margin: 3px;padding: 35px 0px 0px 10px;background-color: #FAFAFA;border: 1px solid #EC5B29;border-radius: 4px; height:30px;width:129px;}
.base::after { content: "¿ª·¢Ì×¼þ";position: absolute;top: -1px;left: -1px;padding: 5px 7px;font-size: 15px;font-weight: bold;font-family: Arial, sans-serif;background-color: #EC5B29;border: 1px solid #EC5B29;color: #ffffff;border-radius: 4px;}

.cpu  {position: relative;margin: 3px;padding: 35px 0px 0px 10px;background-color: #FAFAFA;border: 1px solid #EC5B29;border-radius: 4px; height:30px;width:129px;}
.cpu::after { content: "CPU Board";position: absolute;top: -1px;left: -1px;padding: 5px 7px;font-size: 15px;font-weight: bold;width:125px;font-family: Arial, sans-serif;background-color: #EC5B29;border: 1px solid #EC5B29;color: #ffffff;border-radius: 4px;}