@charset "utf-8";

a{font-family: Verdana,"微软雅黑",Arial,"宋体", Helvetica, sans-serif;font-size:13px;text-decoration: none;}
a:link {color:#002245; }
a:visited {color:#002245; }
a:hover   {color:#13b6fb;}
a:active {color:#002245; }

a.a1:link{ color:#abd7ec}
a.a1:visited{ color:#abd7ec}
a.a1:hover{ color:#fcd413}
a.a1:active{ color:#abd7ec}


 
a,area { blr:expression(this.onFocus=this.blur()) }  
:focus { outline: none; }  

body { margin:0; text-align:center; font:13px Verdana,"微软雅黑",Arial,"宋体",Geneva, sans-serif; color:#002245;background: url(../images/body_bg.png) left top repeat-x #f7fbfc; line-height:24px}
div,ul{ margin:0; padding:0;list-style:none;}
	
td,input,select,textarea{ font-family:Verdana,"微软雅黑",Arial,"宋体", Helvetica, sans-serif; font-size: 13px;}
img{ border:0;}
form{ margin:0}
input,select{color:#424242;padding-left:3px; vertical-align:middle; height:20px;}
h2{ text-align:center; line-height:30px; padding-bottom:4px}
hr{ border-top:#e1e4e7 1px solid; border-bottom:#fff 1px solid; background:none; border-left:none; border-right:none}


.blank{ clear:both; height:0; line-height:0; font-size:0; margin:0; padding:0}
.More{ position:absolute;right:5px; top:20px; z-index:100;}
.News_time{ float:right; font-size:11px; color:#969696}


#Headbg{ position:absolute; z-index:-1; height:322px; width:100%; left:0; top:0; background: url(../images/head_bg.jpg) center top no-repeat;}
#head{ width:980px; text-align:left; margin:0 auto; overflow:hidden}
#logo{display: table-cell;vertical-align:middle; padding:0 0 0 10px;  height:108px; *display: block; *font-size: 74px;}
#logo a{ vertical-align:middle}
#Func{ float:right; padding:0 10px 0 0; display:inline; text-align:right;}

#head_link{ margin:10px 0; clear:both}
#head_link a{ margin:0 5px 0 5px;}
#head_link img{ margin:0 0 0 5px}

#head_tel{ float:left; font-size:23px; height:31px; line-height:30px; padding-right:10px; color:#abd7ec; font-style:italic; margin-right:10px; background:url(../images/func_bg.png) right top no-repeat;}
#head_tel span{ color:#fcd413; padding-left:10px;}
#head_tel img{ vertical-align:top; margin-top:3px}


#Searchform{height:30px;overflow:hidden; float:left; line-height:30x;  background:url(../images/func_bg.png) right bottom no-repeat;text-align:left; width:235px;}
#Searchform input,#Searchform img{ vertical-align: middle}
#Searchform input{height:24px; line-height:24px; border:none; width:190px; color:#6aa3c5; background:none; display:inline; margin-left:5px}
#Searchform .SearchBtn{ width:35px; height:30px; border:none}


#Menu{ width:980px; margin:0 auto; height:40px; clear:both;}
#nav { margin-left:10px; width:760px}
#nav .mainlevel { position:relative; float:left; height::40px; line-height:40px; margin-right:2px;}
#nav .mainlevel span{position:absolute; top:0; left:0; z-index:-1; margin:0; display:inline-block; padding:0; height:40px; background:url(../images/menu_bg.png) left -80px no-repeat; *background:url(../images/menu_bg.gif) left -80px no-repeat;}
#nav .mainlevel a{ left:0; top:0; font-size:15px; height::40px; font-weight:bold; line-height:40px;display:block; color:#08558b; text-align:center; background:url(../images/menu_bg.png) right -120px no-repeat; *background:url(../images/menu_bg.gif) right -120px no-repeat; z-index:100}
#nav .mainlevel a:visited{ color:#08558b;}
#nav .mainlevel.hover span{background:url(../images/menu_bg.png) left top no-repeat; *background:url(../images/menu_bg.gif) left top no-repeat;}
#nav .mainlevel.hover a:visited,#nav .mainlevel.hover a{ background:url(../images/menu_bg.png) right -40px no-repeat; *background:url(../images/menu_bg.gif) right -40px no-repeat; color:#fff}
#nav .mainlevel.Currpage span{background:url(../images/menu_bg.png) left top no-repeat; *background:url(../images/menu_bg.gif) left top no-repeat;}
#nav .mainlevel.Currpage a,#nav .mainlevel.Currpage a:visited{background:url(../images/menu_bg.png) right -40px no-repeat;*background:url(../images/menu_bg.gif) right -40px no-repeat; color:#fff}

#language{ height:28px; line-height:28px; float:right; color:#487290; background:url(../images/language_bg.png) right bottom no-repeat; padding-right:10px; margin-top:12px}
#language span{ display:inline-block; padding:0 6px 0 30px; background:url(../images/language_bg.png) left top no-repeat;}


#Banner_box{ width:980px; height:312px; margin:0 auto; background:url(../images/banner_box.png) left top no-repeat;}
#Banner{width:960px; height:275px; margin:0 auto; overflow:hidden; position:relative; }
#Banner ul {height:275px; position:absolute;}
#Banner ul li {float:left; width:960px; height:275px; overflow:hidden; position:relative; background:#000;}
#Banner a.preNext {width:50px; height:30px; line-height:30px; display:inline-block; cursor:pointer;background-color: #000000; color: #FFFFFF; padding: 5px 6px;  -webkit-box-shadow: 3px 4px 7px #002245; position:absolute; top:120px; color: #B8C4CF; filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity: 0.4;opacity: 0.4;}
#Banner a.preNext:hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
#Banner a.Banner_pre{ left:0;border-radius:0 10px 10px 0 ;}
#Banner a.Banner_pre:hover{ background-position:right top}
#Banner a.Banner_next{ right:0;border-radius:10px 0 0 10px;}
#Banner a.Banner_next:hover{ background-position: right -30px;}


#box{ width:980px; margin:0 auto; text-align:left; padding-top:20px; overflow:hidden; clear:both;}
#subl{ width:235px; float:left;}
#subr{ width:715px; float:right;}
#index_right{ width:730px; float:right;}
#subr .shadow{ margin-top:25px}
.shadow{ height:15px; background:url(../images/tit_bg.png) right -121px no-repeat; margin-top:5px; z-index:-1;clear:both;}
.shadow p{ height:15px; background:url(../images/tit_bg.png) left -106px no-repeat; margin:0 190px 0 0; padding:0; }

.RadiusBox_top{ height:10px; background:url(../images/box_bgs.png) right -170px no-repeat; z-index:-1; clear:both;}
.RadiusBox_top p{ height:10px; background:url(../images/box_bgs.png) left -160px no-repeat; margin:0 10px 0 0; padding:0}
.RadiusBox_bottom{ height:10px; background:url(../images/box_bgs.png) right -190px no-repeat; z-index:-1}
.RadiusBox_bottom p{ height:10px; background:url(../images/box_bgs.png) left -180px no-repeat; margin:0 10px 0 0; padding:0}


.List_Tit{ background:url(../images/box_bgs.png) left top no-repeat; height:40px; line-height:40px;}
.List_Tit span{ display:inline-block; background:url(../images/icos.png) 12px top no-repeat; padding-left:35px;}
.TitSpan{ color:#000; font-size:15px; font-weight:bold; letter-spacing:1px}
.Tit{ position:relative;  height:53px; background:url(../images/tit_bg.png) right -53px no-repeat; margin-bottom:8px; }
#subr .Tit{ margin-bottom:16px}
.Tit li{height:53px; line-height:48px; margin-right:190px; background:url(../images/tit_bg.png) left top no-repeat;}
.Tit li b{ display:inline-block; height:48px; width:28px; background:url(../images/icos.png) 2px -78px no-repeat; vertical-align:middle}


#proCategory{clear:both;width:235px; overflow:hidden;}
#Scroller{ position:relative; }


.List{position:relative; background: url(../images/list_bg.png) left top repeat-y;}
.List li{ position:relative; background:url(../images/list_bg.png) -240px bottom no-repeat; margin:0 1px 0 1px}
.List li a{ display:block; line-height:28px; height:28px; overflow:hidden; background:url(../images/icos.png) 15px -40px no-repeat;*background:url(../images/icos.gif) 15px 0 no-repeat; padding-left:30px; }
.List li a:hover,.List li a.A_hover{ background-color:#e3e4e5; color:#13b6fb; border-bottom:#fff 1px solid}
.List_bottom{ height:15px; background:url(../images/box_bgs.png) left -65px no-repeat;margin-bottom:10px; clear:both; overflow:hidden;}

.List li ul{overflow:hidden; z-index:100;zoom:1; display:none}
.List li ul li{ background:none; }
.List li ul li a{ color:#465f78; background:none}


#index_about{ float:left; width:480px; margin-left:5px; display:inline}
#index_about_cont{ height:180px; overflow:hidden; padding-right:5px}



#Fun_Area{ float:right; width:235px; height:252px; overflow-x:hidden; background:url(../images/slide_bg.jpg) center top no-repeat}
.js { position:relative; width:225px; height:225px; margin:5px auto 0 auto;}
.jsNav { font-family:Arial, Helvetica, sans-serif; height:22px; text-align:center;}
.jsNav a,.prevBtn,.nextBtn,.imgSelected{ display:inline-block;height:22px;line-height:22px; width:22px; text-align:center; vertical-align:middle;}
.jsNav .trigger {background:url(../images/jsnav.png) -22px center no-repeat;}
.prevBtn { background:url(../images/jsnav.png) left center no-repeat; }
.nextBtn { background:url(../images/jsnav.png) right center no-repeat;}
.jsNav a.imgSelected { background:url(../images/jsnav.png) -44px center no-repeat; color:#000;}


#index_probox{ position:relative;padding:5px 0 0 5px}
a.index_proimg{width:160px; height:120px; overflow:hidden; line-height:120px; vertical-align:middle; text-align:center; display: table-cell; *display:block; *font-size:70;}
a.index_proimg img{vertical-align:middle}
.pro_box {background:#ecedef; border-left:#d9dee1 1px solid; border-right:#d9dee1 1px solid; position: relative; clear:both; height:auto!important; height:160px; min-height:160px;}
.pro_box .wrapper { width:704px; overflow: hidden; text-align: center; margin:0 7px 0 12px}
.pro_box .wrapper ul {width: 9999px;margin:0;padding:0;}
.pro_box ul li { float:left; display:inline; border:#d1d6de 1px solid; margin-right:5px; background:#fff;height:160px; width:170px; line-height:40px}
.pro_box ul li a img {}
.pro_box .arrow {display: block;height:160px;width:30px; text-indent: -999px; position: absolute;top:0px; cursor: pointer; filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity: 0.8;}
.pro_box .forward {right: 0; background:url(../images/ad_next.png) 0 center no-repeat}
.pro_box .back {left: 0; background:url(../images/ad_prev.png) 0 center no-repeat;}
.pro_box .forward:hover,.pro_box .back:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1; }

.pro_box .Related{width:704px; margin:0 4px 0 5px}


#index_news{  margin-left:5px; display:inline}
.index_news_Tit{ position:relative; height:40px;  background:url(../images/box_bgs.png) left -80px no-repeat;}
.Label{ height:40px;}
.Label li{ float:left; height:40px; color:#6e8194; font-weight:bold; font-size:14px; background:url(../images/box_bgs.png) right -120px no-repeat}
.Label li a{ margin:0 30px; display: inline-block; line-height:40px; height:40px; cursor: hand; cursor: pointer; background:none}
.Label li a.active{  color:#000;}
.New_box{ background:#ecedef; border-left:#d9dee1 1px solid; border-right:#d9dee1 1px solid; padding:8px 10px 0 10px; height:184px; overflow:hidden}
.index_NewsList li{ background:url(../images/dott.gif) left bottom repeat-x; height:28px; line-height:28px}
.index_NewsList li a{ background:url(../images/icos.png) 5px -120px no-repeat; *background:url(../images/icos.gif) 5px -40px no-repeat; padding-left:20px; display:block; height:28px; overflow-y:hidden}


.ContactBox{ width:235px; float:right; }
.ContactInfo{background: url(../images/list_bg.png) left top repeat-y; color:#465f78; padding:10px 10px 0 10px; overflow:hidden; clear:both;}


#NewsList { clear:both}
#NewsList li{line-height:28px; background:url(../images/dott.gif) bottom repeat-x; margin-top:1px; padding:5px 0}
#NewsList a{ padding-left:22px; background:url(../images/icos.png) 5px -120px no-repeat;*background:url(../images/icos.gif) 5px -40px no-repeat;line-height:28px; height:28px; display:block}
#NewsList .Content{color:#969696; font-size:12px}
.FTit{ text-align:center; line-height:26px; color:#465f78; background:#FFFFFF; border:#DEDEDE 1px solid}


a.pro_pic{width:160px; height:120px; overflow:hidden; line-height:120px; border:#c4cfd7 4px solid; vertical-align:middle; text-align:center; display: table-cell; *display:block; *font-size:70; float:left; margin:0 20px 0 0;border-radius:10px 0 10px 0;}
a.pro_pic:hover{ border-color:#13b6fb;}
a.product_pic img{vertical-align:middle}
.product li{ clear:both; margin-bottom:8px; padding-bottom:8px; background:url(../images/dott.gif) left bottom repeat-x;}
.pro_p{ margin:0 0 0 0; padding:5px 0 0 0; width:520px; float:right}
.proNO{ display:inline-block; height:22px; background: url(../images/btn_black.gif) right bottom no-repeat; padding-right:3px}
.proNO a{ height:22px; line-height:22px; display:inline-block; background:url(../images/btn_black.gif) left top no-repeat; color:#d0d0d0; padding:0 8px; font-weight:bold}
.proTit{ color:#ec8600; font-size:15px; font-weight:bold; margin-left:10px}
.proIntro{ font-size:12px; color:#7f91a2; line-height:20px; padding:5px 0 0 0; display:block}


.product_pic{ float:left; width:286px; background:#c4cfd7; display: inline}
.product_Info{ float:left; margin-left:20px;word-break:break-all; display:inline; width:380px;}
.product_Title{ line-height:34px; font-size:25px; word-break:break-all; margin:0; padding:15px 0}
.product_Param li{ line-height:22px; margin-bottom:8px}
.product_Param li span{ color:#fff; background:#002245; padding:0 6px; margin-right:5px; display:inline-block}
.propic{ max-width:280px; margin:3px}

.MagicZoomBigImageCont {border:	1px solid #d9dee1;}
.MagicZoomMain {text-align: center !important;width: 92px;}
.MagicZoomMain div {padding: 0px !important;}
.MagicZoomHeader {}
.MagicZoomPup {border:1px solid #aaa;background:#ffffff;}
.MagicZoomLoading {text-align:center;background:#ffffff;color:#444; border:1px solid #ccc; opacity:0.8; padding:3px !important; display:none; }
.MagicZoomLoading img {padding-top:	3px !important;}



.AlbumShow{ clear:both; margin-right:-20px; display:inline-block; }
.AlbumShow li{ float:left; margin:0 8px 28px 0; width:170px; height:160px; overflow:hidden; white-space:nowrap; display:inline; text-align:center; line-height:30px; border:#DEDEDE 1px solid; background:#FFFFFF; border-radius:5px;-webkit-box-shadow:1px 1px 6px #c9c9c9; text-align:center;}
.AlbumShow li div{width:160px; height:120px; margin:5px 5px; text-align:center;}
.AlbumShow span{ display:none; position:absolute; left:5px; top:5px; width:160px; height:120px; background:url(../images/zoom.png) center no-repeat;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}


.Contact{ float:left; width:350px;}
#dituContent{ float:right; width:350px}


#posi{position:absolute; right:5px; top:12px; z-index:100; color:#465f78; font-size:12px; }
#posi a{color:#465f78;} 


#pageshow{margin:25px 0 15px 0; clear:both; height:26px; line-height:26px;}
.pager a{width:26px; height:26px; text-align:center; margin:0 0; background: url(../images/pageshow_bg.gif) -65px top no-repeat; display:inline-block; color:#002245;}
.pager  a:hover{ background: url(../images/pageshow_bg.gif) -65px bottom no-repeat; color:#fff }
.pager  span{ margin:0 1px; color:#9b9b9b; }
.pager  .thisp{ background:url(../images/pageshow_bg.gif) -98px top no-repeat; color:#fff;width:26px; height:26px; display:inline-block;}
.pager  .first{ display:inline-block; width:55px; background:url(../images/pageshow_bg.gif) left top no-repeat}
.pager  .first:hover{ background:url(../images/pageshow_bg.gif) left bottom no-repeat}


#NewsNav{line-height:22px; font-size:12px; clear:both; padding-top:8px; color:#13b6fb; border-top:1px dotted #CCCCCC}


.M1{ background:url(../images/line.png) left bottom repeat-x; padding-bottom:2px; clear:both; }
.M1 a{ border-bottom:#dedede 3px solid; display:inline-block; font-weight:bold; line-height:26px; color:#000; padding-right:10px}
.M1 a:hover{ color:#c80000}
.M2{ width:20%; float:left; padding:0; margin:5px 0 15px 0}
.M2 dt a{ display:block; height:26px; line-height:26px; background:url(../images/ico_h26.gif) 2px top no-repeat; padding-left:10px}
.M2 dd{ margin:0; padding:0; }
.M2 dd a{ color:#1785b9; padding:0 0 0 14px; background:url(../images/ico_h26.gif) 1px -52px no-repeat; line-height:26px; display:inline-block;}
.M2 dd a:hover{ text-decoration:underline}


#foot{ width:100%; margin:30px auto 0 auto; background:url(../images/foot_bg.png) left top repeat-x #3f3f3f; color:#848484; font-size:12px; line-height:20px; padding-bottom:5px}
#foot p a,#foot p a:visited{color:#848484; font-size:12px;}
#foot p a:hover{ color:#fcd413}
#fot{ height:40px; line-height:40px; background:url(../images/foot_light.png) center top no-repeat; color:#4a94be; font-size:10px}
#fot a{ margin:0 5px}


.MessageList{ clear:both; margin-bottom:8px; padding-bottom:10px; background:url(../images/dott.gif) left bottom repeat-x;}
.MessList_Tit{ line-height:30px; padding:8px 0 5px 0; margin:0; display:block; font-size:14px;  float:left; text-align:LEFT; width:21%;}
.MessList_Tit img{ vertical-align:middle; margin-right:5px}
.MessList_time{ font-size:10px; color:#7ca6b4; }
.MessList_cont{ padding:10px 10px 10px 25px; margin:0; background: url(../images/dialogbox_bg.jpg) left top no-repeat #e8eaec; line-height:24px; width:73%; float:right; min-height:40px}
.MessList_Reply{ background:url(../images/line.png) left top repeat-x; display:block; padding:5px 0 0 0; margin-top:5px; color:#465f78}
.Mess_font{  color:#0099cb; font-weight:bold; line-height:18px}


.Down_f1{ line-height:28px; height:28px;  padding:0 10px; margin:0; display:block; background:url(../images/message.gif) left top repeat-x; cursor:hand;cursor: pointer;}
.Down_tit{background:url(../images/icos.gif) left -40px no-repeat; height:28px; display:block; padding-left:16px}
.Down_tit.active{color:#000; font-weight:bold; background:url(../images/icos.gif) left -40px no-repeat; }
.Down_Desc{ float:right; font-size:12px; color:#6e8194; font-weight:normal}
.Down_cont{ padding:10px; line-height:18px; background:#fff; color:#6e8194; margin:0; display:none}
.Down_cont a{ display:block; text-align:right}
.Down_f1.Downhover{ background:url(../images/message.gif) left bottom repeat-x #fff; }


.CaseShow{ margin:0 10px; border:#d9dee1 1px solid; overflow:hidden; text-align:center; background:#fff}
.CaseShow img{ max-width:690px; *display:none;}
.caseDetail{color: #465f78; height:auto!important; height:100px; min-height:100px; line-height:22px; padding:0px 5px;}
.caseDetail p{ margin:0px 0px; padding:0px 0px;}