/* CSS Document */

* {margin:0; padding:0;}
body{}
body{font: 12px/1.5 "AvantGarde Bk BT",Microsoft YaHei,Helvetica,Arial,'宋体',sans-serif;margin:0; padding:0;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {zoom:1;}
img{border:0;}
a{text-decoration:none;}

#container{ margin:0 auto; width:900px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px;}
.clear{ clear:both; float:none;}

#header{height:99px; background:url(images/header_bg.jpg) 0 0 no-repeat; border-bottom:1px solid #d2d2d2; padding:0 1px; margin-top:20px; margin-bottom:15px;}

#current{margin-top:20px; text-align:left; margin-bottom:5px; padding-left:10px; font-size:12px; color:#6ba7ff;}
#current a{margin-right:10px; font-size:10px; color:#000;}
#current a span{ padding:6px 30px 6px 6px; color:#408cff; text-decoration:underline; background:url(images/more.jpg) no-repeat top left;}


#logo{float:left;}

#navlink{ margin:0; padding:0; border-top:7px solid #408cff; margin-left:250px; height:92px; background:url(images/nav_bg.jpg) 0 0 repeat-x;}
#navlink ul{margin:0; padding:0;}
#navlink ul li{list-style:none; float:left;}
#navlink ul li a{font-weight:bold; letter-spacing:2px; color:#999999; display:block; width:auto; height:92px; font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	line-height:92px; padding-top: 0; padding-right: 25px; padding-bottom: 0; padding-left: 25px;}
#navlink ul li a:hover{background:url(images/nav_hover_bg.jpg) 0 0 repeat-x; color:#408cff;}
#navlink ul li a:hover span{display:block; background:url(images/nav_hover.jpg) top center; no-repeat; }

#ad{ margin-bottom:20px;}

#content{margin:0; padding:0;}
#main_index{ float:left; width:245px; height:auto; padding-left:20px; padding-top:16px; background-image: url(images/main_bg2.jpg); background-repeat: no-repeat; margin-right: 30px; margin-top:0px;
}
#main{float:left; width:600px; height:auto; padding-left:40px; padding-top:30px; padding-bottom:50px; background-image: url(images/main_bg.jpg); background-repeat: no-repeat; margin-right: 30px; margin-top:0px; text-align: left;}
#main_p{float:left; width:600px; height:auto; padding-left:40px; padding-top:30px; background-image: url(images/main_bg2.jpg); background-repeat: no-repeat; margin-right: 30px; margin-top:0px; text-align: left;}

	







#fontb{font-weight:bold; color:#666666; margin-bottom:10px;}
	
.text_bt{font-size:13px; font-weight:bold; color:#408cff; padding-left:5px; padding-bottom:20px; padding-top:10px;}
.text_bt a{ margin-right:5px; padding:0 7px; color:#fff;   border-radius:10px; margin-left:10px; font-weight:normal;}
.text_bt a:hover{ background-color:#F90;}

#product_img{ margin-bottom:30px; margin-top:10px; }
.pr_img{ width:175px; height:155px; float:left; padding-right:15px; margin-right:10px; margin-bottom:5px; text-align:center; background:url(images/product_yy.jpg) no-repeat left top; padding-top: 5px; }
.pr_img:hover{ background:url(images/img_hover.jpg) no-repeat left top;}
.pr_img a:hover{ background:url(images/img_hover.jpg) no-repeat left top;}

.pr_text{ width:175px; height:40px; float:left; line-height:14px; margin-bottom:20px; text-align:center; margin-right:25px; font-weight:bold;}
.pr_text a{ color:#666666;}
.pr_text a:hover{ color:#408cff;}

.bt_text{ font-weight:bold; color:#408cff; margin-bottom:20px; margin-top:20px;}


#right{float:right; width:225px; margin-top:40px; background-image: url(images/left_yy.jpg); background-position: top right; background-repeat: no-repeat; padding-top:7px; padding-bottom:20px; text-align:left;}
#right span{float:right; width:225px; background-image: url(images/left_yy2.jpg); background-position: bottom right; background-repeat: no-repeat; padding-bottom:10px;}
#right-text{background-image: url(images/left_yy_bg.jpg); background-position: top right; background-repeat: repeat-y; padding-right: 15px;}

#right_t{ width:570px;}


#product-show{width:250px; height:250px; margin-right:45px; float:left; padding:5px; border:1px solid #cccccc;
}
.product-img{ width:70px; float:left; padding:3px; border:1px solid #CCCCCC; border-collapse: collapse; background-repeat: repeat-x; background-position: 1px 50%; margin-right:15px;  }
#product-bt{font-weight:bold; color:#666666; margin-bottom:10px;}

/*menu*/
#basic-accordian{ width:210px; background-color:#abc8f8; margin-top:10px; }
#tab_bt{color:#fff; height:30px; line-height:30px; text-align:center; background-color:#408cff; font-size:13px; font-weight:bold; border-bottom:1px solid #ffffff; }
.type{ height:33px; line-height:33px; padding-left:20px; background:url(images/tab_bg2.jpg) repeat-x;}
.type a{ color:#000;}
#tab_foot{ height:4px; background:#408cff;}
.accordion_headings{ height:30px; line-height:30px; background-color:#abc8f8; color:#FFFFFF; padding-left:20px; cursor:pointer; font-weight:bold; }
.accordion_headings:hover{background:url(images/tab_bg1.jpg) repeat-x; color:#0061ff; }
.accordion_headings a{color:#FFFFFF;}
.accordion_headings a:hover{color:#0061ff; }
.accordion_child{ padding:10px 0 20px 35px; background:#8fb5f5;}
.accordion_child li{ list-style:none; height:25px; line-height:25px; border-bottom:1px dashed #408cff; font-size:12px;}
.accordion_child li a{ color:#FFFFFF;}
.accordion_child li a:hover{ color:#0061ff;}
.header_highlight{ background:url(images/tab_bg1.jpg) repeat-x; color:#0061ff; }
.header_highlight a{ background:url(images/tab_bg1.jpg) repeat-x; color:#0061ff; }
/*end*/

/*--menu--*/
.left{margin:0; padding:0; float:right; width:210px; margin-top:20px; text-align:left; margin-bottom:10px;}
#tab_bt{color:#fff; height:30px; line-height:30px; text-align:center; background-color:#408cff; font-size:13px; font-weight:bold;  border-bottom:1px solid #ffffff;}

#tab_bt a:hover{ background-color:#abc8f8; color:#408cff;}

.menu_list {width: 210px; }
.menu_head { cursor: pointer; position: relative; height:30px; line-height:30px; background-color:#abc8f8; color:#FFFFFF; padding-left:20px; cursor:pointer; font-weight:bold; border-bottom:1px solid #fff; margin:0;}

.menu_head:hover{background:url(images/tab_bg1.jpg) repeat-x; color:#0061ff; }
.menu_head a{color:#FFFFFF;}
.menu_head a:hover{color:#0061ff; }
.menu_body {display:none; padding:10px 0 20px 35px; background:#8fb5f5;}
.menu_body a{display:block; height:25px; line-height:25px; border-bottom:1px dashed #408cff; font-size:12px; color:#FFFFFF;}
.menu_body a:hover{color:#0061ff; }

/*sensor*/
.sensor-btl{float:left; height:20px; width:310px; background:#8fb5f5; font-weight:bold; color:#fff; padding-left:20px; margin-right:1px;}
.sensor-btr{float:left; height:20px; width:249px; background:#8fb5f5; font-weight:bold; color:#fff; padding-left:20px;}

.sensor-tb{margin:25px 0; border-top:1px dashed #CCC; padding-top:25px;}
.sensor-tbl{float:left; width:300px; padding-left:20px; line-height:16px;}
.sensor-tbl b{ display:block; color:#408cff; margin-bottom:20px;}

.sensor-tbr{float:left; width:260px; padding-left:20px; line-height:16px;}
.sensor-tbr span{ color:#408cff; padding-right:15px; font-size:10px;}
/*end*/

/*sensor*/
.sensor-tb{margin:35px 0; border-top:5px solid #EAEAEA; padding-top:35px;}
.sensor-tbl{float:left; width:300px; padding-left:0px; line-height:16px;}
.sensor-tbl b{ display:block; color:#408cff; margin-bottom:10px;}
.sensor-tbl span{ display:block; color:#000; font-weight:bold; margin-bottom:10px;}
.sensor-tb tr td{ border-bottom:1px solid #CCC; height:20px;}

.sensor-tbr{float:left; line-height:16px; }
.sensor-tbr span{ color:#408cff; padding-right:15px; font-size:10px;}
.sensor-tbr tr td{ border-bottom:1px solid #CCC; height:20px;}

.sensor-model a{ color:#39F; font-weight:bold; padding-left:0px;}
.sensor-model a:hover{ font-style:italic; text-decoration: underline; color:#F00;}
td, th { padding-left:8px; text-align: left;}

.downl{ padding-top:30px;}
.downl a{float:left; margin-right:5px; padding:0 7px; color:#fff;  background-color:#ccc;  border-radius:10px;}
.downl a:hover{ background-color:#F90;}
.downl span{ float:left; color:#666; margin-left:15px;}
/*end*/

/*Digital-sensor*/

.sensor_tb{margin:35px 0; border-top:5px solid #EAEAEA; padding-top:35px;}
.sensor_tbl{float:left; width:260px; padding-left:20px; line-height:16px;}
.sensor_tbl a{float:left; margin-right:5px; padding:0 7px; color:#fff;  background-color:#ccc;  border-radius:10px; margin-left:10px;}
.sensor_tbl a:hover{ background-color:#F90;}
.sensor_tbl b{float:left; display:block; color:#408cff; margin-bottom:5px;}
.sensor_tbl span{ display:block; margin-bottom:20px;}

.sensor_tbr{float:left; width:289px; padding-left:30px; line-height:16px;}
.sensor_tbr span{ color:#408cff; padding-right:15px; font-size:10px;}

/*end*/

.sensor_box{ 
	border:1px solid #ddd;
	text-align:left;
	padding:30px;
	margin-bottom:40px;
	border-bottom:10px solid #39F;
}
.sensor_bl{ float:left; width:160px;  margin-right:28px; padding:20px; background-color:#d5e3fb;  border-radius:10px;}
.sensor_bl a{ display:block; color:#666; line-height:25px; border-bottom:1px dotted #f2f7fe;}
.sensor_bl a:hover{ color:#0061ff;}


.sensor_br{	float: right;}




/*Features Applications  Specifications */
#tab01 { position:relative; width:600px; height:auto; margin-top:50px; overflow:hidden;
	visibility: inherit;
}
#tab01 h3 { position:relative; width:100px; float:left; padding:5px; padding-left:10px; background:#ccc; border:1px solid #FFF; cursor:pointer; font-size:13px; font-weight:bold; color:#FFFFFF; display:inline; text-align:center;}
#tab01 h3:hover{ background:#408cff; }
#tab01 h3.up { background:#408cff;}
#tab01 div { display:none; position:absolute; left:0; top:32px; width:560px; padding-top:40px; padding-left:20px; padding-right:20px;}
#tab01 div span{ color:#408cff; padding-right:10px;}
#tab01 div.up { display:block; }
/*end*/

/*tab menu*/
#con {font-size: 12px; width: 600px; margin-top:50px;}
#tags {height:23px}
#tags li { float: left; margin-right: 1px; list-style-type: none; height: 23px}
#tags li a { width:79px; display:block; height:20px; line-height:20px; text-align:center; font-size: 14px; font-weight:bold; padding-right: 20px; padding-left: 20px; background:#75acff; color:#FFF; float: left;}
#tags li.emptyTag {background: none transparent scroll repeat 0% 0%; width: 4px}
#tags li.selectTag { }
#tags li.selectTag a { background:#408cff; }
#tagContent { border-top: #99bffe 3px solid;}
#tagContent span{ line-height:15px;}
#tagContent span b{ color:#408cff; padding-right:10px;}
#tagContent span a{ color:#333;}
#tagContent span a:hover{ color:#408cff;}

#tagContent img{ padding:3px;}
.tagContent {display: none; width:auto; color: #474747; padding:40px 15px 15px 15px; height:auto;}
.tagContent table tr td{ border-bottom: 1px solid #E5EEFD; border-right:1px solid #E5EEFD;  padding-left:2px;}
#tagContent DIV.selectTag {display: block}
/*end*/

/*table*/
.trd{ padding:5px 10px;}
.trs{ padding:2px 10px;}
.trdb{padding:5px 10px; color:#408cff; font-weight:bold; text-align:left;}
.trdb a{color:#408cff;}
/*end*/

/*Features Applications  Specifications */
#basic_accordian{ width:580px; margin-top:20px;}
.accordion-headings{ padding:5px; background:#99CC00; color:#FFFFFF; border:1px solid #FFF; cursor:pointer; font-weight:bold; }
.accordion-headings:hover{ background:#408cff; }
.accordion-child{ padding:25px; width:530px; }
.accordion-child span{ color:#408cff; padding:0 5px;}
.header-highlight{ background:#408cff; }
.tab-container *{ float:left; width:100px; }
.tab-container span{width:230px; padding:5px; background:#CCCCCC; border:1px solid #FFF;}
.bt_bg{ width:580px; height:35px; background:url(images/bt-bg.jpg) repeat-x;}
/*end*/

#footer{ margin:0 auto; width:900px; margin-top:50px; margin-bottom:20px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:30px;}
#ostriders-logo{float:left; margin-top:25px; margin-left:30px; margin-right:150px;}
#copy{margin-right:320px; float:right; margin-top:-23px; color:#999999;}
#shadow{height:20px; background:url(images/footer_yy.jpg) 0 0 no-repeat; margin:0; padding:0;}
#footer ul{margin:0; padding:0;}
#footer ul li{ list-style:none; float:left; padding-top: 20px;
}
#footer ul li a{ display:block;  width:auto; height:30px; padding:0 17px; color:#666;}
#footer ul li a:hover{background:url(images/nav_hover_bg.jpg) 0 0 repeat-x; color:#333;}
#footer-bg{height:90px; background:url(images/footer_bg.jpg)}


/*PH30P--- */

#PH30P_main{ font-family:"AvantGarde Bk BT",Microsoft YaHei,Helvetica,Arial,'宋体',sans-serif; margin-bottom:100px; text-align:center;}
#PH30P_bt{ padding-bottom:30px; padding-top:50px;}
#PH30P_bt a{ display:block; font-size:28px;color:#02a46a; padding-bottom:10px;}
#ph30P_imgf{  font-size:15px; background:url(images/PH30P_bg.jpg) no-repeat bottom right; }
#ph30P_imgf span{height:670px; display:block; line-height:25px; padding-top:30px;  text-align:left; padding-left:250px; color:#02a46a; background:url(images/PH30P_main.jpg) no-repeat left top;}

#PH30P_app{ background:url(images/PH30P_yybg.jpg) no-repeat center center; height:230px; padding-top:180px; margin-top:80px; color:#fff;}

#PH30P_app a{ display:block; height:60px; line-height:60px;  margin-bottom:10px; font-size:28px;color:#FF0; background-color: #02a46a; 
background:rgba(1, 163, 105, 0.8) none repeat scroll 0 0 !important;
filter:Alpha(opacity=80); /*for FF*/ }
#PH30P_app a:hover{color:#02a46a;; background-color:#FF0;
background:rgba(255, 255, 0, 0.6) none repeat scroll 0 0 !important;
filter:Alpha(opacity=60); /*for FF*/    }

/*PB200--- */

#PB200_main{ font-family:"AvantGarde Bk BT",Microsoft YaHei,Helvetica,Arial,'宋体',sans-serif; margin-bottom:100px;}
.PB200_bt{ padding-bottom:30px; padding-top:50px; font-size:26px; font-weight:bold; color:#ff6666; text-align:center;}
.PB200_bt span{ display:block; font-size:24px;color:#02a46a; padding-bottom:15px; margin-bottom:30px; border-bottom:1px solid #02a46a; }
.PB200_bt a{ margin-right:5px; padding:0 7px; color:#fff;  background-color:#ccc;  border-radius:10px; font-size:14px;}
.PB200_bt a:hover{ background-color:#F90;}


.PB200_btt{ font-size:24px;color:#02a46a; text-align:left; margin-bottom:30px; margin-top:20px; font-weight:bold;}
.PB200_left { float:left; width:420px; padding-right:60px; padding-bottom:50px;}
.PB200_right { float:left; width:420px; padding-right:0; padding-bottom:50px; text-align:left; color:#333;}
.PB200_right tr td{ border-bottom:1px solid #CCC;}


#PB200_imgf{  font-size:15px; background: url(images/PB200_bg.jpg) center bottom no-repeat; padding-bottom:380px; }
#PB200_imgf span{ display:block; line-height:25px; padding-top:30px;  text-align:left; padding-left:170px; color:#02a46a; font-weight:bold;}

/*PB200--- */

/*PH30--- */
#ph_l{ float:left; width:170px; text-align:center; }
#ph_r{float:left; width:680px;	background:url(../images/PH30_P.jpg) top right no-repeat; padding-top:50px;}

.ph30_tab table{ background:#9dd9eb; font-size:11px; line-height:15px; color:#666; text-align:center;font: 12px/1.5 "AvantGarde Bk BT",Microsoft YaHei,Helvetica,Arial,'宋体',sans-serif; }
.ph30_tab table td{ background:#fff; padding:10px 0; } 


.ph30_tab table span{ display:block; color:#5398FF; font-weight:bold; line-height:35px; }

.ph30_tab table img{ padding-top:20px;}

.ph30_stab{ padding-bottom:40px; color:#444;font: 12px/1.5 "AvantGarde Bk BT",Microsoft YaHei,Helvetica,Arial,'宋体',sans-serif;}
.ph30_stab span{ display:block; font-size:16px; font-weight:bold; color:#F60; padding-bottom:20px; text-align:center;}

.ph30_stab table{ font-size:11px; line-height:15px;}
.ph30_stab table td{ border-bottom:1px solid #CCC;}

.text_f4 { text-align:center; font: 12px/1.5 "AvantGarde Bk BT",Microsoft YaHei,Helvetica,Arial,'宋体',sans-serif;}
.text_f4 a{ display:block; font-size:36px; color:#388efd; font-weight:bold; line-height:60px;}
.text_f4 span{ display:block; font-size:20px; font-weight:100;  color:#388efd; line-height:25px; padding-bottom:0; }
.ph30s{ color:#444;  padding:35px; background:url(images/PH30PL.jpg) left top no-repeat; padding-left:520px; border:1px solid #a4ce4c; border-top:none; font: 12px/1.5 "AvantGarde Bk BT",Microsoft YaHei,Helvetica,Arial,'宋体',sans-serif;}
.ph30s tr td{ border-bottom:1px solid #ccc;} 
.ph30s span{ display:block; padding-bottom:40px; font-size:15px; color:#a4ce4c; line-height:20px;} 


.index_left{padding:70px 135px 75px 30px ; height:295px; border:1px solid #e4e4e4; color:#fff; background:url(images/index_PH30-.jpg)  top center no-repeat; font: 12px/1.5 "AvantGarde Bk BT",Microsoft YaHei,Helvetica,Arial,'宋体',sans-serif;}
.index_left a{font-size:24px; font-weight:bold;	color:#fff;	display:block;	padding-bottom:10px;}
.index_left span{ display:block; font-size:18px; line-height:20px; padding-bottom:80px;}



/* ny_zb */
.ny_zb{width:210px;overflow:hidden; font-family:"AvantGarde Bk BT", Verdana, Geneva, sans-serif ; margin:40px auto 0 auto; margin:0; padding:0; float:right; margin-top:30px; text-align:left; margin-bottom:10px;}
.ny_zbbt{background-color:#408cff; overflow:hidden; margin-bottom:1px;}
.ny_zbbt a{ display:block; background:#408cff; color:#ccc; height:35px; line-height:35px; text-align:center;  font-size:14px; font-weight:bold; }
.ny_zbbt a:hover{background:#408cff; color:#FFF;}
.ny_zbbt a.curr{background:#408cff; color:#FFF;}
.ny_zbbt a.curr2{ border-top:30px solid #FFF;}

.ny_zbbt2{line-height:35px; padding-left:30px; font-size:14px; background:url(images/tab_bg1.jpg) repeat-x bottom; color:#000; border-top:1px solid #FFF; border-bottom:1px solid #FFF;}
.ny_zbbt span{	padding-left:30px;	font-size:16px;	color:#FFF;	line-height:40px;}
.ny_zblb1{ }

.ny_zblb1 li{line-height:33px;font-size:14px; float:left;width:100%;list-style:none; }
.ny_zblb1 li a{display:block; height:30px; line-height:30px; background-color:#75acff;  color:#FFFFFF; padding-left:20px; cursor:pointer; font-weight:bold; border-bottom:1px solid #fff; margin:0; text-decoration:none; }
.ny_zblb1 li a.cur{color:#fff; text-decoration:none; background-color:#3399FF;  }

.ny_zblb1 li ul{display:none; padding:10px 0 20px 25px; background:#408cff; }
.ny_zblb1 li ul li{float:none;background-image:none;height:26px;line-height:26px;margin-top:0px;font-size:12px;  list-style:none;  }
.ny_zblb1 li ul li a{height:25px; line-height:25px; border-bottom:1px dashed #85b5ff; font-size:12px; color:#FFFFFF;text-decoration:none; background:#408cff;padding-left:0; }
.ny_zblb1 li ul a:hover{color:#bad6ff;}
.ny_zbbt a.curr{background:#104dff; color:#FFF;}
.ny_zbbt a.curr2{ border-top:30px solid #FFF;}

.ny_zblb3 {margin:0; padding:0; float:right; width:210px; text-align:left; margin-left:20px; margin-bottom:10px;}
.ny_zblb3 li{line-height:33px;font-size:14px;color:#333;float:left;width:100%;list-style:none; }
.ny_zblb3 li a{display:block; height:30px; line-height:30px; background-color:#75acff; color:#FFFFFF; padding-left:20px; cursor:pointer; font-weight:bold; border-bottom:1px solid #fff; margin:0; text-decoration:none; }
.ny_zblb3 li a.cur{color:#fff; text-decoration:none; background-color:#3399FF; }



.ny_zblb3 li ul{display:none; padding:10px 0 20px 25px; background:#408cff; }
.ny_zblb3 li ul li{float:none;background-image:none;height:26px;line-height:26px;margin-top:0px;font-size:12px; list-style:none;  }
.ny_zblb3 li ul li a{height:25px; line-height:25px; border-bottom:1px dashed #85b5ff; font-size:12px; color:#FFFFFF;text-decoration:none; background:#408cff;padding-left:0; }
.ny_zblb3 li ul a:hover{color:#bad6ff;}

.ny_zblb4 {margin:0; padding:0; float:right; width:210px; text-align:left; margin-left:20px; margin-bottom:10px;}
.ny_zblb4 li{line-height:33px;font-size:14px;color:#333;float:left;width:100%;list-style:none; }
.ny_zblb4 li a{display:block; height:30px; line-height:30px; background-color:#75acff; color:#FFFFFF; padding-left:20px; cursor:pointer; font-weight:bold; border-bottom:1px solid #fff; margin:0; text-decoration:none; }
.ny_zblb4 li a.cur{background:url(images/tab_bg1.jpg) repeat-x; color:#0061ff; text-decoration:none;}


/*Digital*/
.s_box{	width:100%;	margin:80px 0;}
.s_mains{ width:900px; margin:0 auto; border:1px solid #cfe2ff; padding-bottom:80px; }
.con{ height:60px; line-height:60px; border-bottom:1px solid #cfe2ff; color:#408cff;
	margin-bottom:80px; padding-right:20px; font-weight:bold; font-size:20px; text-align:right;
}
.con span{ font-size:34px; color:#F0B400;  margin-left:5px; margin-right:20px; }
.con a{ display:block; float:left; margin-top:15px; margin-left:30px; cursor:pointer; } 
.con a:hover{margin-top:18px;}

.s_left{ float:left; width:350px; padding-left:50px; position:relative;}
.s_right{float:left; width:400px; padding:0 50px;  color:#555; font-size:16px; line-height:30px;}
.s_num{ font-size:28px; font-weight:bold; color:#408cff;}
.s_num span{ font-size:20px; line-height:20px;  margin-top:10px; display:block; color:#F0B400;}

.s_right table{ margin-top:50px;  font-size:15px; line-height:25px;}
.s_right table tr{}
.s_right table tr td{  border-bottom:1px solid #E5E5E5;}
.trb{ background:#e2e2e2;}