@charset "gb2312";
*{padding:0;margin:0;}
body{padding:0;margin:0;font:normal 12px "ËÎÌå","΢ÈíÑźÚ";}
div,form,ul,ol,li,span,p{margin:0;padding:0;border:0;}
img,a img{border:0;margin:0;padding:0;vertical-align:top;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:12px;font-weight:normal;}
ul,ol,li{list-style:none;}table,td,input{font:normal 12px "ËÎÌå";padding:0;}
.clearfloat{clear:both;font-size:0;line-height:0;}
li{list-style-type:none;}
a:link{outline-style:none;text-decoration:none;color:#d2d2d6;}
a:visited{text-decoration:none;color:#999;}
a:hover{text-decoration:underline;}
.clear{clear:both;}
.clear_border{border:none;}
.w1000{width:1000px;margin:0 auto; z-index:99999;}

#Top{width:100%;display:inline;background:url(../images/title_bg.gif) repeat-x;float:left; position:relative;z-index:99999;}
#Top ul{ z-index:99999;}
#Top a.logo{float:left;width:122px;height:96px;margin-left:50px;margin-right:20px;}
#Top ul li{float:left;width:90px;height:30px;line-height:30px;margin-left:10px;text-align:center;margin-top:35px; position:relative;}
#Top ul li a{font-size:14px;font-family:"΢ÈíÑźÚ";color:#656565;}
#Top ul li:hover{color:#fff;background:url(../images/Menu_hover.gif) no-repeat;text-decoration:none;}
.nav_list li div{display:none; position:absolute;top:30px; background:#fff; z-index:100;/*filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;*/
}
.nav_list li:hover div{ display:block;}
.nav_list li:hover div a{color:#666;}
.col1{ width:90px; left:0px; }
.col1 a{display:block; width:90px; color:#000;}

.col4{width:765px; left:-283px; position:absolute; height:378px; border-top:#5a9ede 1px solid;border-bottom:#5a9ede 1px solid;z-index:10000£»}
.col4 dl{ float:left; padding:3px 10px; height:25px; width:100%;}
.col4 dl dt{ font-weight:bold; text-align:left; float:left; min-width:110px; text-align:right;}
.col4 dl dd{ font-size:12px; text-align:left; padding-left:10px;float:left;}
#Top ul{ z-index:99999;}
#Top ul li .col1 a,#Top ul li .col4 dl dd a,#Top ul li .col4 dl dt a{ font-size:12px;}
#Top ul li .col4 dl dd a{ color:#a7a7a7;}
#Top ul li .col4 dl dt a{ color:#5a9ede;border-bottom:#ccc 1px dashed; }


.index_bg01{BACKGROUND:url(../images/banner_bg01.gif) repeat-x 0 0;}
.index_bg02{BACKGROUND:url(../images/banner_bg02.gif) repeat-x 0 0;}
.index_bg03{BACKGROUND:url(../images/banner_bg03.gif) repeat-x 0 0;}
#warp{WIDTH:100%;HEIGHT:333px;}
.banner{Z-INDEX:99;MARGIN:0 auto;WIDTH:1280px;HEIGHT:333px;position:relative;}
.banner_l{MARGIN-TOP:147px;WIDTH:23px;position:absolute;left:5px;}
.banner_r{MARGIN-TOP:147px;WIDTH:23px;position:absolute;right:5px;}
.bannerImg{POSITION:relative;PADDING-BOTTOM:0;MARGIN:0;PADDING-LEFT:0;WIDTH:1280px;PADDING-RIGHT:0;FLOAT:left;PADDING-TOP:0;}
.bannerImg .bannerPage{POSITION:absolute;TOP:300px;LEFT:420px;}
.bannerImg .bannerPage A{MARGIN-RIGHT:2px;}
.bannerImg .bannerPage A IMG{VERTICAL-ALIGN:middle;}
.slides_container{POSITION:relative;WIDTH:1280px;OVERFLOW:hidden;}
.pagination{MARGIN:16px auto 0;text-align:center;}
.pagination LI{MARGIN:0 1px;FLOAT:left;}
.pagination LI A{BACKGROUND-IMAGE:url(../images/pagination.png);WIDTH:15px;DISPLAY:block;BACKGROUND-POSITION:0 -1px;HEIGHT:0;OVERFLOW:hidden;PADDING-TOP:12px;}
.pagination LI.current A{BACKGROUND-POSITION:0 -18px;}

.HotSele{ width:100%; display:inline; background:url(../images/HotSele_bg.gif) repeat-x; float:left; height:35px;}
.HotSele h3{ background:url(../images/HotSele_title.gif) no-repeat; font-size:12px; color:#fff; float:left; width:93px; height:24px; margin-top:5px; text-align:center; line-height:24px;}
.HotSele p{ width:554px; margin-left:20px; float:left;}
.HotSele p a{ padding-left:5px; padding-right:5px; line-height:35px; color:#333;}
.HotSele span{ float:left; width:333px;}
.HotSele span a{ height:35px; float:left; padding-left:25px; color:#333; line-height:35px; padding-right:5px;}
.HotSele span a.weibo{ background:url(../images/weibo.jpg) no-repeat 0px 5px;}
.HotSele span a.QQ{ background:url(../images/QQ.gif) no-repeat 0px 5px;}
.HotSele span a.phone{ background:url(../images/phone.gif) no-repeat 0px 5px;}

.pageleft{ float:left; width:694px; margin-top:5px;}

.news{ width:306px; background:url(../images/News_bg.gif) repeat-y right top; float:left; margin-top:10px;}
.news h3{ width:306px; float:left;}
.news h3 span a{ float:right; font-size:12px; margin-top:10px; color:#666;}
.news h3 a{ text-align:center; display:block;float:left;width:66px;}
.news h3 a:hover{ text-decoration:none;}
.news h3 a.bg1{ float:left; background:url(../images/bg1.gif) no-repeat;  height:26px; line-height:20px; font-size:12px; font-weight:bold; color:#fff; display:block; float:left;}
.news h3 a.bg2{ background:#c2c2c1; height:20px; line-height:20px; margin-top:1px; color:#fff;}

.Headlines{ width:306px; float:left; margin-top:10px;}
.Headlines img{ float:left; width:85px; height:65px; margin-right:10px; margin-top:5px;}
.Headlines h1,.Headlines p,.Headlines b{ float:left; width:200px; line-height:20px; overflow:hidden;}
.Headlines h1 a{ font-size:12px; font-weight:bold; color:#333;}
.Headlines p{ color:#656565;}
.Headlines b{ color:#c2c0c1; font-weight:normal}

.newslist{ float:left; width:306px; margin-top:10px;}
.newslist li{ background:url(../images/newsicon.gif) no-repeat left center; padding-left:10px; width:296px; line-height:28px; float:left;}
.newslist li a{ color:#656565;}

.show{ display:block;}
.hide{ display:none;}

.about{ width:366px; float:left; margin-left:20px; margin-top:10px;}
.about h3{ background:url(../images/About_title.gif) no-repeat; height:26px; float:left; width:366px;}
.about h3 span a{ float:right; font-size:12px; margin-top:10px; color:#666;}
.about p{ float:left; width:366px; margin-top:20px; text-indent:2em; line-height:23px; font-size:13px; color:#656565;}
.about p img{ float:right;}
.linkbot{ float:left; width:366px; margin-top:5px;}
.linkbot a{ line-height:23px; padding-left:6px; font-size:13px; padding-right:6px; color:#656565;}

.product{ float:left; width:694px;}
.product h3{ background:url(../images/product_title.gif) repeat-x; height:34px;}
.product h3 a:hover{ text-decoration:none;}
.product h3 a{ float:left; width:73px; height:26px; padding-left:2px; line-height:26px; text-align:center; margin-top:6px; padding-right:5px;}
.product h3 a.ket1{ background: url(../images/product_title1.jpg) no-repeat; color:#fff; padding-left:2px;}
.product h3 a.ket2{ background:none; color:#333; text-align:center;}

.product h3 p{ float:left; line-height:34px; margin-left:20px;}
.product h3 p a{ color:#333; padding-left:5px; padding-right:5px;}
.product h3 span a{ float:right; font-size:12px; margin-top:10px; color:#666;}

.product ul li{ float:left; width:134px; margin-left:18px;_margin-left:9px; margin-right:18px;_margin-right:9px; margin-top:20px;}
.product ul li a img{ border:2px solid #d1d1d1;}
.product ul li a span{ float:left; margin-top:10px; overflow:hidden; width:134px; height:23px; line-height:23px; text-align:center;}
.product ul li a{ color:#333;}
.product ul li a:hover{ color:#fff;}
.product ul li a:hover img{ border:2px solid #56a2d4;}
.product ul li a:hover span{ background:#56a2d4;}

.case{ float:left;width:694px; margin-top:10px;}
.case h3{ background:url(../images/product_title.gif) repeat-x; height:34px;}
.case h3 p{ padding-right:210px; width:300px;float:right; font-weight:bold;}
.case h3 p a{ padding-left:5px; padding-right:5px; line-height:35px; color:#333;}
.case h3 b{ background:url(../images/case_title.gif) no-repeat; width:120px; height:22px; float:left;}
.case h3 span a{ float:right; font-size:12px; margin-top:10px; color:#666;}
.case ul li{ float:left; width:132px; margin-left:18px;_margin-left:9px; margin-right:18px;_margin-right:9px; margin-top:20px;}
.case ul li img{ border:1px solid #d1d1d1;}
.case ul li span{ float:left; width:132px; height:46px; overflow:hidden; text-align:center; line-height:23px; margin-top:5px;}
.case ul li span a{ color:#333;}

.pageright{ background:url(../images/pageright.gif) repeat-y left top; width:296px; float:left; margin-top:40px; margin-left:10px;_margin-left:5px;}
.video{  width:276px; float:left; padding-left:20px;}
.video video{width:276px;}
.free{ margin-left:20px;_margin-left:10px; width:240px; float:left; margin-top:20px;}
.free h3{ float:left; background:url(../images/free_title.gif) no-repeat; padding-left:40px; width:200px; font-size:14px; font-family:"΢ÈíÑźÚ"; color:#666;}
.free h3 span{ float:right; background:url(../images/free_in.gif) no-repeat bottom; width:62px; height:30px;}
.free p{ line-height:23px; width:240px; background:url(../images/box.gif) no-repeat right bottom; float:left;}

.program{ float:left; margin-left:20px;_margin-left:10px; width:240px; float:left; margin-top:20px;}
.program h3{ background:url(../images/Program.gif) no-repeat; padding-left:40px; width:200px; font-size:14px; font-family:"΢ÈíÑźÚ"; color:#666; height:28px; line-height:28px;}
.program h3 span a{ float:right; font-size:12px; margin-top:3px; color:#666;}
.program ul{ float:left; width:240px; margin-top:10px;}
.program ul li{ background:url(../images/newsicon.gif) no-repeat left center; padding-left:10px; width:230px; line-height:28px; float:left;}
.program ul li a{ color:#656565;}

.programimg{ float:left; width:240px; text-align:center; margin-top:10px; margin-bottom:5px;}
.box{ float:left; margin-left:20px;_margin-left:10px; width:240px; margin-top:10px;}
.box a{ float:left; margin-bottom:10px;}

.End{ width:100%; float:left; _margin-top:10px; border-top:1px solid #e1e1e1; background:#f1f1f1;}
.leftlogo{ float:left; width:261px; height:297px;}
.rightmenu{ float:left; margin-left:20px; width:700px; margin-top:20px; height:298px; position:relative;}
.rightmenu ul{ float:left; width:90px; margin-left:10px;_margin-left:5px; margin-top:10px; margin-right:8px;_margin-right:15px;}
.rightmenu ul h3{ font-family:"΢ÈíÑźÚ"; font-size:14px; color:#0f0f0f; line-height:28px; text-align:left; width:90px; border-bottom:1px solid #e1e1e1; font-weight:bold;}
.rightmenu ul li{ width:100%; text-align:left; padding-top:15px;}
.rightmenu ul li a{ color:#656565; background:url(../images/icon.gif) no-repeat 17px center; width:90px; display:block;}

.would{ width:376px; float:left;}
.would ul{ float:left; width:376px;}
.would ul h3{ float:left; width:250px; text-align:left; padding-left:20px; background:url(../images/ooooo.gif) no-repeat 0px 5px;}
.would ul h3 b{ color:#2d84ba;}
.would ul a{ color:#656565; text-align:left;  background:url(../images/icon.gif) no-repeat 17px center; width:158px; float:left; margin-top:15px;}

.baidulink{ position:absolute; right:0; bottom:10px;}

.menubot{ width:633px; float:left;}
.menubot ul.scsess{ width:300px;}
.menubot ul.scsess h3{ width:280px;font-family:"΢ÈíÑźÚ"; font-size:14px; color:#0f0f0f; line-height:28px; text-align:left;  border-bottom:1px solid #e1e1e1; font-weight:bold; float:left;}

.menubot ul.scsess a{ color:#656565; text-align:left; background:url(../images/icon.gif) no-repeat 17px center; width:60px; float:left; margin-top:10px;}

.foot{ background:#3c3c3c; width:100%; float:left;}
.foot p{ line-height:30px; float:left; width:100%;color:#898989}
.foot p a{ color:#898989; padding-left:20px;}
.foot p span{ float:right;}
.foot p.white{ color:#fff; border-bottom:1px solid #333333;}



#flash {position:relative; width:100%; height:333px; overflow:hidden; margin:0 auto; clear:both; position:relative; z-index:0;}
#flash a {width:100%; height:333px; display:none;}
#flash img {width:100%; height:333px;z-index:0;}
.flash_bar { width:100px; z-index:69; height:30px; overflow:hidden; position:absolute; left:48.5%; padding-top:13px!important; padding-top:12px; bottom:0px;text-align:center; right:0px;}
.flash_bar .dq { display:block; float:left; width:8px; height:8px; margin:5px 5px;cursor:pointer;
background:url(../images/tg_flash_p.png) no-repeat 0px 0px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../iamges/tg_flash_p.png" ,sizingMethod="crop"); }
.flash_bar .no { display:block; float:left; width:8px; height:8px; margin:5px 5px; cursor:pointer;
background:url(../images/tg_flash_p2.png) no-repeat 0px 0px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../iamges/tg_flash_p2.png" ,sizingMethod="crop"); }
#flashBg { height:333px; overflow:hidden; width:100%; clear:both; margin:0; padding:0;  z-index="-1"}
#flashLine {background:url(../images/touming.png) repeat-x center bottom;height:393px; width:100%; clear:both;}

/*×Éѯ¿ò*/
#myId{position: fixed;  top: 56.5%; left: 89%; z-index:100;}
/*bannerlͼ*/
/* focusWarp */
.wrapper{width:1003px;margin:0 auto;}

#banner{width:100%;height:353px;position:relative;}
#focus{width:1003px;height:353px;position:relative;margin:0 auto;overflow:hidden;display:none;}
.focusWarp{width:1003px;height:353px;overflow:hidden;position:relative;}
.imgList{position:absolute;}
.imgList li{float:left;text-align:center;height:353px;}
.imgList_one{position:absolute;z-index:10;top:0px;}
.imgList_one li{float:left;text-align:center;}
.imgList_one li img{}
.imgBtn{position:absolute;bottom:10px;z-index:10;}
.btnWarp{overflow:hidden;}
/* ĬÈÏÔ²µãÑùʽ */
.imgBtn li{width:19px;height:20px;float:left;font-size:14px;margin-right:10px;background:url(../images/btnBg_03.png) no-repeat right top;_background:url(../images/btnBg_03.gif) no-repeat right top;text-align:center;line-height:18px;cursor:pointer;}
.imgBtn li.hover{background:url(../images/btnBg_03.png) no-repeat left top;_background:url(../images/btnBg_03.gif) no-repeat left top;}
/* Ô²µãÑùʽ½áÊø */
.sizeBox{width:300px; position:absolute;z-index:10;top:0;left:0;}
.prev,.next{display:block;height:77px;width:36px;position:absolute;top:120px;z-index:100;background:url(../images/prevNext.png) no-repeat;outline:none;*background:url(../images/prevNext.gif) no-repeat;background:url(../images/prevNext.gif) no-repeat\0;}
.prev{left:12%}
.next{right:12%;background-position:right top;}
.thumPrev,.thumNext{width:20px;height:20px;display:block;background:url(../images/sprevNext.png) no-repeat;_background:url(../images/sprevNext.gif) no-repeat;margin-top:10px;margin-right:10px; outline:none;}
.thumNext{background-position:right top;}

.imgList li img{ display:none;}
.imgList li.one{ background:url(../images/one.jpg) no-repeat center top;}
.imgList li.two{ background: url(../images/two.jpg) no-repeat center top;}
.imgList li.three{ background: url(../images/three.jpg) no-repeat center top;}
.imgList li.four{ background: url(../images/four.jpg) no-repeat center top;}




/*²úÆ·Ìæ»»*/
.area{width:697px;margin:20px auto 0 auto;border-top:none;}
.area a{ text-decoration:none;}
.img_area{width:697px;height:295px;overflow:hidden;}
.img_area ul li{ float:left; width:134px; margin-left:18px;_margin-left:9px; margin-right:18px;_margin-right:9px; margin-top:20px;}
.img_area ul li a img{ border:2px solid #d1d1d1;}
.img_area ul li a span{ float:left; margin-top:10px; overflow:hidden; width:134px; height:23px; line-height:23px; text-align:center;}
.img_area ul li a{ color:#333;}
.img_area ul li a:hover{ color:#fff;}
.img_area ul li a:hover img{ border:2px solid #56a2d4;}
.img_area ul li a:hover span{ background:#56a2d4;}
.tab_area{width:697px;height:25px;overflow:hidden;}
.tab_area h3 span a{ float:right; padding-right:5px; padding-top:5px; color:#666;}
.tab_area ul li{width:80px;height:25px;text-align:center;line-height:25px;float:left;margin-left:-1px;color:#FFFFFF;}

.tab_area ul li a{color:#222;}
.tab_area ul li.current{width:80px;background:url(../images/product_title1.jpg);}
.tab_area ul li.current a{color:white;}
#tab1_2, #tab1_4, #tab1_6, #tab1_8{margin-left:0;}

.w1200{width:1200px;}
.w1200 .toptel{font-family:"΢ÈíÑźÚ"; padding-top:36px; float:right}
.w1200 .toptel span{font-size:18px; font-weight:bold; color:#13489d;}