﻿/*share*/
*{margin:0;padding:0;}
body{color:#666;font:12px "宋体";background:#D9D9D9;}	
ul,li{list-style:none;}
a{color:#666;text-decoration:none;blr:expression(this.onFocus=this.blur());outline:none;}
a:hover{color:#007BD1;}	
img{ border:0;}
/*end				share*/


/*Color*/
.cored{color:#f00;}
.co000{ color:#000}
.co888,.co888 a{ color:#888}
.co888 a:hover{ color:#007bd1}
.font14{font-size:14px;}
.fontbold{font-weight:bold;}
.fonta{ font-family:Arial;}		
.line30{ line-height:2.5;}
.line24{ line-height:2;}
/*end				Color*/


/*Box*/
.outwidth{width:957px;}
.outheight{height:auto!Important;height:500px;min-height:500px;}
.minheight{height:auto!important;height:30px;min-height:30px;}
/*end					Box*/


/*Content*/
.box{ width:891px; padding:0 33px; background:#fff;}	
.header{ height:92px; background:url(../images/bj/i_02.jpg) no-repeat left top;}	
.header p{ position:absolute; top:27px; right:0;}
.searul{ position:absolute; right:0; top:58px;}
.searul li{ float:left;}
.seark{ height:21px; background:url(../images/bj/k_03.jpg) no-repeat left top; padding:0 3px;}
.seark input{ width:127px; height:21px; background:none; border:0; line-height:20px; float:left; margin-right:2px; display:inline;}
.searbut{ width:25px; height:21px; background:url(../images/bj/k_05.jpg); border:0; cursor:pointer; float:left; margin-right:9px; display:inline;}

.menu{ height:46px; background:url(../images/bj/i_05.jpg) repeat-x left top; clear:both; padding:0 0 0 5px; position:relative; z-index:999;}
#nav li{ float:left; position:relative;}
#nav li em{ float:left; padding:0 3px;}
#nav li em a{float:left; width:92px; height:33px;}
#nav li em a:hover{ background-position:left -33px;}
.index{ background:url(../images/bj/menu_03.jpg);}
.about{ background:url(../images/bj/menu_04.jpg);}
.news{ background:url(../images/bj/menu_06.jpg);}
.products{ background:url(../images/bj/menu_08.jpg);}
.Scientific{ background:url(../images/bj/menu_10.jpg);}
.case{ background:url(../images/bj/menu_12.jpg);}
.service{ background:url(../images/bj/menu_14.jpg);}
.base{ background:url(../images/bj/menu_16.jpg);}
.sales{ background:url(../images/bj/menu_18.jpg);}
#nav li ul{ position:absolute; left:3px; padding:0 7px 10px; top:32px; display:none; width:116px; background:#fff; border:1px solid #ccc;}
#nav li.navs ul{ display:block;}
#nav li li{ clear:both; width:116px;}
#nav li li a{ display:block; height:auto!Important; height:20px; min-height:20px; line-height:1.4; padding:4px 0; color:#999; border-bottom:1px solid #ABD8F0;}
#nav li li a:hover{ color:#007BD1;}
#nav li.navs em a{ background-position: left -33px;}
#nav .basemenu,#nav .basemenu li{ width:150px;}
#nav li .menupro a,#nav li .casemenu a,#nav li .basemenu a{ display:block; padding-left:10px;}
#nav li .menupro,#nav li .menupro ul{ padding:0 0 10px; width:130px;}
#nav li .menupro li,#nav li .menupro li li{ border-left:7px solid #fff; border-right:7px solid #fff;}
#nav li .sermenu a{ text-indent:2px;}
#nav li .salesmenu,#nav li .salesmenu li,#nav li .Scientificmenu,#nav li .Scientificmenu li,#nav li .newsmenu,#nav li .newsmenu li,#nav li .aboutmenu,#nav li .aboutmenu li{ width:76px; text-align:center;}
#nav li.navs li ul{ left:123px; top:-1px; display:none;}
#nav li li.navs ul{display:block;}
#nav li li.navs a{ color:#007BD1;}
#nav li li.navs li a{ color:#999;}
#nav li li li.navs a{ color:#007BD1;}



.flash{ width:892px; height:344px; position:relative; overflow:hidden;}
.flashnr{ position:absolute; left:-1px; top:-1px;}

.imain{ height:175px; padding:15px 0 0;}
.iml{ width:314px; padding:0 10px 0 0; overflow:hidden;}
.imc{ width:375px; height:158px; background:url(../images/bj/probj.jpg) no-repeat left top}
.imr{ width:182px;}
.bt1{ height:24px; background:url(../images/bj/dian.jpg) repeat-x left bottom; margin-bottom:6px;}
.bt1 li{ float:left;}
.bt1 li a{ float:left; width:96px; height:24px; text-align:center; line-height:24px;}
.bt1 li a.hover{ font-size:14px; font-weight:bold; background:url(../images/bj/i_11.jpg); color:#333; font-family:"微软雅黑";}
.newsmore{ display:block; width:41px; height:16px; overflow:hidden; position:absolute; right:5px; top:-25px; background:url(../images/bj/i_21.jpg);}

.bt2{padding:10px 0 0 30px; height:24px; background:url(../images/bj/guanzhu.jpg) no-repeat left bottom;}
.bt2 li{ float:left; width:250px; height:24px; line-height:25px;}
.bt2 li a{ position:relative; margin-left:15px; height:24px; text-align:center; line-height:25px; color:#007BD1;}


.inewsul li{height:17px;padding:8px 0 0;background: url(../images/bj/i_41.jpg) repeat-x left bottom;position: relative; margin:0 5px;}
.inewsul li span{position: absolute;right: 2px;top: 10px;}
.inewsul li a{padding: 0 0 0 17px;background: url(../images/bj/i_32.jpg) no-repeat 1px 3px;}	












#player2{position:relative;width:664px;height:177px;overflow:hidden;}
#player2 a{color:#333;}
#player2 .Limg{position:relative;}
#player2 .Limg li{position:absolute;top:0;left:0;}
#player2 .Limg li img{ width:664px;height:177px;}
#player2 .Nubbt{ display:none;}


#player3{position:relative;width:890px;height:343px;overflow:hidden;}
#player3 a{color:#333;}
#player3 .Limg{position:relative;}
#player3 .Limg li{position:absolute;top:0;left:0;}
#player3 .Limg li img{ width:890px;height:343px;}
#player3 .Nubbt{position:absolute;z-index:9;right:0;bottom:0; line-height:14px; z-index:999;}
#player3 .Nubbt span{font-size:12px;float:left;overflow:hidden;width:20px;cursor:pointer;color:#fff; height:15px;text-align:center;display:inline; border-left:1px solid #ccc; background:#666; font-style:normal;}
#player3 .Nubbt span.on{ background:#0064AA;}
#hotupbg{width:526px;height:15px;right:0px;bottom:0;z-index:9;overflow:hidden;position:absolute;background:url(../images/bj/SlideBj.png);_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="../images/bj/SlideBj.png");}	


#player4{position:relative;width:664px;height:344px;overflow:hidden;}
#player4 a{color:#333;}
#player4 .Limg{position:relative;}
#player4 .Limg li{position:absolute;top:0;left:0;}
#player4 .Limg li img{ width:664px;height:344px;}
#player4 .Nubbt{ display:none;}


#demo{overflow: hidden;width: 354px; height:110px; margin:0 auto; position:relative; top:40px;}
#demo a{width:110px;height:110px;float:left;overflow:hidden; text-align:center; padding:0 12px 0 0; overflow:hidden;}
#demo a img{width:101px;height:74px;border:4px solid #DEDEDE; display:block; margin-bottom:8px;}	
#indemo{float: left;width: 800%;}
#demo1{float: left;}
#demo2{float: left;margin-left: 7px;}
.promore{ display:block; width:41px; height:16px; overflow:hidden; position:absolute; right:10px; top:5px;}


.hhonr{width:374px;height:158px;overflow:hidden; position:relative;}
.l,#List1,#List2{float: left}
.r{float: right}
.Cont {width:354px;overflow: hidden;height:110px; position:absolute; left:10px; top:39px;}
.ScrCont {width:10000000px;}
.los_let{display:block;width:23px;height:16px;cursor:pointer;position:absolute; right:40px; top:4px; cursor:pointer}				
.los_rit{display:block;width:23px;height:16px;cursor:pointer;position:absolute; right:10px; top:4px; cursor:pointer}				
.hpp{width:110px;height:110px;float:left;overflow:hidden; text-align:center; padding:0 12px 0 0; overflow:hidden;}
.hpp img{width:101px;height:74px;border:4px solid #DEDEDE; display:block; margin-bottom:8px;}	

.main{ border-top:10px solid #fff;}
.ml{ width:161px;}
.mlupbj{ height:10px; background:url(../images/bj/a_03.jpg) no-repeat left top; overflow:hidden;}
.mldownbj{ height:24px; background:url(../images/bj/a_21.jpg) no-repeat left top; overflow:hidden;}
.mlnav{ padding:0 18px 20px;background:url(../images/bj/a_08.jpg) repeat-y left top;}
.mlnav li{ height:auto!important; height:16px; min-height:16px; line-height:1.2; padding:10px 0 4px 8px; border-bottom:1px solid #e5e5e5;}
.mlnav li a{ display:block; padding:0 0 0 16px; background:url(../images/bj/a_18.jpg) no-repeat left 1px;}
.mlnav li a:hover,.mlnav li a.hover,.mlnav li a.hover:hover{ background:url(../images/bj/a_12.jpg) no-repeat left 1px; color:#0196df;}

.mlnavs{ padding:0 8px 20px;background:url(../images/bj/a_08.jpg) repeat-y left top;}
.mlnavs li{ height:auto!important; height:16px; min-height:16px; line-height:1.2; padding:10px 0 4px 2px; border-bottom:1px solid #e5e5e5;}

.mlnav2{ padding:0 18px 20px;background:url(../images/bj/a_08.jpg) repeat-y left top;}
.mlnav2 li{ height:auto!important; height:16px; min-height:16px; line-height:1.2; padding:8px 0 6px 2px; border-bottom:1px solid #e5e5e5; vertical-align:bottom;}
.mlnav2 li a{ background:none; padding:0 0 0 5px; display:block;}
.mlnav2 li strong a{  background:url(../images/bj/a_18.jpg) no-repeat left 1px; padding-left:13px;}
.mlnav2 li strong a.hover{ background:url(../images/bj/a_12.jpg) no-repeat left 1px; color:#0196df;}
.mlnav2 li a:hover,.mlnav2 li a.hover{ color:#0196df;}

.mlnew{ padding:0 18px 0px;background:url(../images/bj/a_08.jpg) repeat-y left top;}
.mlnew li{ height:auto!important; height:16px; min-height:16px; line-height:1.2; padding:10px 0 4px 8px; border-bottom:1px solid #e5e5e5;}
.mlnew li a{ display:block; padding:0 0 0 16px; background:url(../images/bj/a_18.jpg) no-repeat left 1px;}
.mlnew li a:hover,.mlnew li a.hover,.mlnew li a.hover:hover{ background:url(../images/bj/a_12.jpg) no-repeat left 1px; color:#0196df;}


.mllink{ height:204px; background:#F0F0F0; text-align:center;}
.mllink h2{ height:38px; cursor:pointer; text-align:center; overflow:hidden; border-bottom:1px solid #CFCFCF;}
.mllink h2.hover{ border-bottom:1px solid #F0F0F0}
.mltel{ height:90px; padding:9px 0 0; text-align:center;}

.mr{ width:664px;}
.location{ height:32px; position:relative;}
.location2{ border-bottom:1px solid #DFDFDF;}
.location strong{ font-family:"宋体";font-size:18px; color:#0080d9;}
.location p{ position:absolute; right:0; top:0; line-height:15px; color:#838383;}
.location p a{ color:#838383;}
.location p a:hover{ color:#007BD1;}
.location p span a{ display:inline-block; width:41px; height:15px; background:url(../images/bj/a_06.jpg) no-repeat left top; color:#fff; text-align:center;}
.location p span a:hover{ color:#fff}

.banner{ height:177px; overflow:hidden;}
.banner img{width:664px;height:177px;}
.banner4{ height:344px; overflow:hidden;}
.banner4 img{width:664px;height:344px;}
.abnr{ padding:15px 5px 60px; color:#555;}
.abnr p img{  margin:auto; max-width:655px;}

.abon{ padding:15px 10px 60px; color:#555;}
.abon p img{ width:550px; height:365px; margin:auto;}


.honul{	padding:20px 0 10px;}
.honul li{text-align:center;width:180px;height:155px;float:left; padding-right:40px;}
.honul li img{width:180px;height:120px;	display:block;margin:0 auto 6px;border:0;}


.page{ width:370px; height:21px; padding:5px 0 0;clear:both;color:#222; background:url(../images/bj/n_07.jpg); border:1px solid #E0E0E0; text-align:center; margin:0 0 40px;}	
.page a{color:#222;}						
.page a:hover{color:#007BD1;}	
.page select{position:relative;top:0px; font-size:10px; font-family:Arial; height:16px; line-height:16px;}

.newsul{ padding:30px 0 0}
.newsul li{ height:45px; color:#8d8d8d}
.newsul li span{ display:block; height:15px;}
.newsul li a{ color:#666}
.newsul li a:hover{ color:#007BD1}

.newsbt{ padding:25px 0 12px; border-bottom:1px solid #E1E1E1; font:20px "Arial"; font-weight:bold; color:#333; text-align:center;}
.newsdate{ text-align:left; padding:10px 0 0; color:#808080}

.probanner{ padding:10px 0 0; height:360px; overflow:hidden;}

.proul{ padding:5px 0 30px}
.proul2{ padding:20px 0 20px;}
.proul li{ float:left; width:156px; height:245px; line-height:18px; padding-right:10px;}
.proul li strong{ display:block; height:22px; border-bottom:1px solid #ccc; margin-bottom:10px;}
.proul li img{ display:block; width:155px; height:94px; margin-bottom:3px;}
.proul li .prodiv{ height:70px; margin-bottom:8px; overflow:hidden;}
.proul li em a{ display:block; width:36px; height:9px; overflow:hidden; background:url(../images/bj/p_14.jpg);}

.proimg{ width:565px; height:370px; margin:0 auto; padding:30px 0 0;}
.frame{ width:437px; height:332px; overflow:hidden; float:left;}
.frame li{ height:332px; overflow:hidden;}
.frame li img{ width:433px; height:328px; border:2px solid #DBDBDB;}
.proimgri{ width:115px; float:right; position:relative; top:10px;}
.slide_nav2{ display:block; height:20px; text-align:center;}
.slide_nav3{ position:relative;}
.l_frame2{ height:285px; position:relative; overflow:hidden; margin-bottom:5px;}
.l_frame2 li{ height:95px; overflow:hidden;}
.l_frame2 li img{ width:110px; height:80px; border:2px solid #DBDBDB; cursor:pointer;}




.probt{ width:620px; margin:0 auto; padding-bottom:12px; background:url(../images/bj/pp_21.jpg) repeat-x left bottom; font-size:14px; text-align:center; color:#333}
.pronr{ padding:15px 10px 50px; width:600px; margin:0 auto; line-height:2;}

.caseul{ padding:35px 0 10px}
.caseul li{width: 221px;height: 216px;float: left;padding-top: 0px;background: url(../images/bj/c_06.jpg) no-repeat left 173px;text-align: center;}
.caseul li img{display: block;margin: 0 auto 10px;width: 210px;height: 167px;border: 3px solid #ddd;padding: 0px;}


.mesbg{height:20px;line-height:20px;padding-left:10px;color:#333;background:url(../images/bj/mesbg.jpg) no-repeat left top;}	
.feedk{width:200px;height:20px;color:#333;line-height:20px;border:1px solid #ccc;padding:0 0 0 2px;}		
.feedbut{height:17px;padding:0 5px;cursor:pointer; background:none; border:0; color:#666}	
/*end					Content*/

/*margin*/
.marcen{margin:0 auto;}
.clear{clear:both;height:0;overflow:hidden;}	
.fl{float:left;}
.fr{float:right;}	
.outposition{position:relative;}	
.footer{ height:60px; width:927px; background:url(../images/bj/i_47.jpg) no-repeat 35px 5px; text-align:right; padding:8px 30px 0 0; line-height:18px;}
.downlink{ position:absolute; left:230px;top:10px; width:135px;}
/*end			margin*/

.linkul{ padding:30px 0 20px;}
.linkul li{float: left;width: 170px;height: 90px;text-align: center;padding: 0 10px 0 8px;}
.linkul li a{color: #666}
.linkul li a:hover {color: #666;text-decoration: underline;}
.linkul li img{width: 165px;height:50px;display: block;margin: 0 auto 8px;border: 1px solid #ddd;padding: 2px;background: #fff;}	

.linkfl{ width: 660px; height: 64px; margin:60px auto 0 auto; padding:0px; border:#ddd 1px solid; }
.linkfl li{float: left; text-align: center; padding:10px 12px;}
.linkfl li a{color: #666}
.linkfl li a:hover {color: #000;text-decoration: underline;}
