@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px;font-family:"Microsoft YaHei"; font-size:12px;}
li,ul{ list-style: none; margin:0px; padding:0px;}
.clear{ clear:both;}
p{margin:0px; padding:0px;}
a{ text-decoration:none;}
img{ border:0px;}


a.blue:link{ color:#00a0ea; text-decoration:none;}
a.blue:hover{ color:#00a0ea; text-decoration:none;}
a.blue:active{ color:#00a0ea; text-decoration:none;}
a.blue:visited{ color:#00a0ea; text-decoration:none;}



a:link{ color:#333333; text-decoration:none;}
a:hover{ color:#0255b3; text-decoration:none;}
a:active{ color:#0255b3; text-decoration:none;}
a:visited{ color:#333333; text-decoration:none;}
.right{ float:right;}
.headbg{ height:102px; width:100%; background:url(../images/headerbg.jpg) repeat-x;}
.navbg{ height:34px; line-height:34px; 
background:-webkit-gradient(linear, 0 0, 0 100%, from(#0075c2), to(#00aeeb));
background:-moz-linear-gradient(top, #0075c2,#00aeeb);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0075c2,endColorstr=#00aeeb,grandientType=1);
}
.head{width:900px; margin:0px auto; padding-top:50px;}
.head_r{ float:right; width:100px;  text-align:right; padding-top:20px;}


.here{ background:#0075c2;   display:block; width:149px; height:34px;}

.menu {

width:900px;
margin:0 auto;

}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul {
padding:0;
margin:0;
list-style-type: none;
}
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.menu ul li {
float:left;
position:relative;
}
/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu ul li a, .menu ul li a:visited {
display:block;
text-align:center;
text-decoration:none;
width:148px;
height:34px;
color:#ffffff;
border-right:1px solid #fff;
border-width:1px 1px 0 0;
line-height:34px;
font-size:14px;
}
/* make the dropdown ul invisible */
.menu ul li ul {
display: none;
}
/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu ul li:hover a {
color:#fff;
background:#0075c2;
}
/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li:hover ul {
display:block;
position:absolute;
top:34px;
left:0;
width:148px;
}
/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li a {
display:block;
background:rgba(255, 255, 255, 0.8) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/filter:Alpha(opacity=80); background:#ffffff;/*实现IE背景透明*/
color:#0075c2;
}
/* style the background and forground colors of the links on hover */
.menu ul li:hover ul li a:hover {

color:#000;
}










.bannerbg{ height:340px; background:url(../images/bannerbg.jpg) repeat-x;}
.banner{ width:900px; height:340px; margin:0px auto;}
.conbox{ width:900px; margin:10px auto 0px;}
.conboxa{ float:right; width:293px; height:200px; background:url(../images/boxbg.jpg) no-repeat; background-size:100% 100%;  
-webkit-box-shadow: 6px 0px 20px #ccc;  
  -moz-box-shadow:  6px 0px 20px #ccc;   
  box-shadow:  6px 0px 20px #ccc;  
  }
.conboxb{ float:right; width:293px; height:200px;  margin-right:10px; margin-left:10px; background:url(../images/boxbg.jpg) no-repeat; background-size:100% 100%;
}
.conboxc{  width:293px; height:200px; background:url(../images/boxbg.jpg) no-repeat; background-size:100% 100%;
-webkit-box-shadow: -6px 0px 20px #ccc;  
  -moz-box-shadow:  -6px 0px 20px #ccc;   
  box-shadow:  -6px 0px 20px #ccc; 
}

.conboxd{ float:right; width:215px; height:150px; border:1px solid #ccc; margin-left:10px;
-webkit-box-shadow: 3px 3px 3px #ccc;  
  -moz-box-shadow: 3px 3px 3px #ccc;  
  box-shadow: 3px 3px 3px #ccc; 
}
.conboxe{ float:left; width:210px; height:150px; border:1px solid #ccc; margin-right:15px; margin-bottom:10px;
-webkit-box-shadow: 3px 3px 3px #ccc;  
  -moz-box-shadow: 3px 3px 3px #ccc;  
  box-shadow: 3px 3px 3px #ccc; 
}
.conboxf{ float:left; width:210px; height:150px; border:1px solid #ccc;
-webkit-box-shadow: 3px 3px 3px #ccc;  
  -moz-box-shadow: 3px 3px 3px #ccc;  
  box-shadow: 3px 3px 3px #ccc; 
}
.footer{ height:108px;
background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#d8f0fc));
background:-moz-linear-gradient(top, #ffffff,#d8f0fc);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#d8f0fc,grandientType=1);	

border-top:2px solid #0289d5; font-size:12px; padding-top:10px; }
.foot{ width:900px; margin:0px auto;}
.foot_r{ float:right; width:320px;}



.pagebannerbg{
background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#d8f0fc));
background:-moz-linear-gradient(top, #ffffff,#d8f0fc);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#d8f0fc,grandientType=1);	
height:175px; margin-bottom:40px;}
.pagebanner{ width:900px; height:175px; margin:0px auto ; background:#000000; }
.pagecontent{ width:900px; margin:0px auto; padding-bottom:50px;}
.pagetitle{ border-bottom:1px solid #626262; margin-bottom:10px; margin-top:50px;}
.pagetitle02{ margin-bottom:10px; text-align:right; height:20px; line-height:20px; }
.pagetitle_r{ float:right; font-size:12px; height:20px; line-height:20px; margin-top:10px;}
.pagetitle_l{ font-size:20px; color:#00a0ea; height:34px; line-height:34px;}
.pagepro li{ width:215px; height:30px; text-align:center; background:#d3edfa; float:left; font-size:12px; line-height:30px; margin-right:10px; margin-bottom:10px;}
.on{width:215px; height:30px; text-align:center; background:#00a0ea; line-height:30px; color:#FFF; display:block;}
.productlist{ margin-top:20px;}
.productlist li{ width:190px; height:319px; border:1px solid #626262; float:left; margin-right:15px; margin-bottom:40px; margin-left:15px;}
.problue{height:135px; background:#00a0ea; color:#ffffff; padding:20px;}
.probluetitle{ font-size:14px;}
.proimg{height:144px;}

DIV.sabrosus {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center; margin-bottom:20px;
}
DIV.sabrosus A {
	BORDER-RIGHT: #9aafe5 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #9aafe5 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #9aafe5 1px solid; COLOR: #2e6ab1; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #9aafe5 1px solid; TEXT-DECORATION: none
}
DIV.sabrosus A:hover {
	BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow
}
DIV.pagination A:active {
	BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow
}
DIV.sabrosus SPAN.current {
	BORDER-RIGHT: navy 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: navy 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: navy 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: navy 1px solid; BACKGROUND-COLOR: #2e6ab1
}
DIV.sabrosus SPAN.disabled {
	BORDER-RIGHT: #929292 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #929292 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #929292 1px solid; COLOR: #929292; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #929292 1px solid
}

.pagecon_r{ width:660px; float:right; }
.pagecon_l{width:157px; -webkit-box-shadow: 3px 3px 3px #ccc;  
  -moz-box-shadow: 3px 3px 3px #ccc;  
  box-shadow: 3px 3px 3px #ccc; }

.pagecon_l li{ height:30px; line-height:30px; color:#ffffff; background:#005bac; border-bottom:1px solid #6190bb; padding-right:10px; }
.pagecon_l li a:link{height:30px; line-height:30px; color:#ffffff; background:#005bac; padding-left:10px; padding-right:10px; }
.pagecon_l li a:hover{height:30px; line-height:30px; color:#ffffff; background:#1d2089; display:block; width:137px; height:30px;}
.pagecon_l li a:active{height:30px; line-height:30px; color:#ffffff; background:#1d2089; display:block; width:137px; height:30px;}
.pagecon_l li a:visited{height:30px; line-height:30px; color:#ffffff; background:#005bac; padding-left:10px; padding-right:10px; }
.pagecon_r_r{ width:210px; float:right; padding-left:50px;}
.pagecon_r_l{ width:400px; border-right:1px solid #626262;}
.pagecon_r_r span{ font-size:18px; color:#009ee9;  height:35px; line-height:30px;}
.pagecon_r_r  p{ line-height:30px;}
.newslist p{ float:right; width:450px;}
.aboutp{ font-size:14px; line-height:26px;}
.downlist li{ width:210px; height:290px; float:left; margin-right:10px; background:url(../images/downimg.jpg) no-repeat; background-size:100% 100%; }
.downimg{ padding:15px;}
.downlisttitle{ height:30px; line-height:30px; color:#ffffff; background:#00a0ea; text-align:center;}

#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:900px; height:340px; margin:0px auto; background:#333; position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(../images/l.png) no-repeat; position:absolute; top:150px; left:10px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(../images/r.png) no-repeat; position:absolute; top:150px; right:10px; z-index:10;}
#playBox .smalltitle {width:1000px; height:10px; position:absolute; bottom:15px; z-index:10}
#playBox .smalltitle ul{ width:120px; margin:0 auto;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#69aaec;}



/* flexslider */
.flexslider{margin:0px auto;position:relative;width:900px;height:175px;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}


.proimg2{ border:1px solid #080405; width:300px; height:300px; }
.productxx{ margin-top:30px;}
.producttext{ width:580px;}


.newslist li{
	height: 145px;
	line-height: 32px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #cccccc;
}

.page{ line-height: normal; font-size:12px; line-height:20px;float:right; display:block; margin-bottom:15px;}
.page a,.page span{ display:block;color:#333;font-weight:normal;text-decoration:none; border:1px solid #ccc;padding-top:3px;float:left;/*margin:5px 2px;*/text-align:center;padding:0px 5px;height:20px;} /* SPAN和链接 */
.page a:hover, .page a.in{ text-decoration:none; color:#fff; background:#000078;} /* 当前链接有激活时 */
.page input{padding:0px;color:#390;height:20px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px} /* 跳转INPUT */.content .fenlei {
	margin: auto;
	width: 900px;
	height: 120px;
}
.content .fenlei ul {
	float: left;
	width: 300px;
	margin-top: 10px;
}
.content .fenlei li {
	font-size: 12px;
	line-height: 20px;
	margin-left: 10px;
}