/* homepage CSS Document */
.wrap{ width:100%; margin:0px auto;}
.wrap2{ width:1000px; margin:0px auto;}

.header{clear:both;}
.main_top{ height:22px; background:url(../images/main_top_bg.gif) top repeat-x; clear:both;}
.main_top .Welcome{ float:left; width:600px; line-height:22px;}
.main_top .Shop{ float:right; width:300px; line-height:22px; text-align:right; /*background:url(shopcar.gif) right no-repeat; padding-right:25px;*/}
.main_top .Shop span{ cursor:pointer;}

.Logotext{ height:101px;}
.Logotext .Logo{ float:left; width:284px; height:75px; background:url(../images/logo.jpg) no-repeat; margin-top:16px;}
.Logotext .Ser{ float:right; width:510px; margin-top:43px; height:22px; background:url(../images/sertel.gif) left no-repeat;}
.Logotext .Ser .Search{ width:224px; height:22px; background:url(../images/serchinput.gif) no-repeat; float:right;}
.InpA{ padding:0px; margin:0px; width:150px; height:22px; background:none; border:none; margin-left:3px; line-height:20px; display:inline;}	 
.ButA{ padding:0px; margin:0px;  width:50px; height:22px; background:none; border:0px; margin-left:10px; cursor:pointer; }

.Navtext{ background: #ACB724 url(../images/nav_bg.gif) repeat-x; height:72px;}
.Nav{ background:#ACB724 url(../images/nav_defaut.jpg) top no-repeat; height:63px; margin-top:1px;}
.Nav ul{ padding-left:0px; }
.Nav ul li{ float:left; height:63px;}
.Nav ul li a{height:63px; display:block;}
.Nav ul li#nav1{ width: 200px;}
.Nav ul li#nav1 a:hover{ background:url(../images/nav_defaut.jpg) -0px -63px;}
.Nav ul li#nav2{ width: 200px;}
.Nav ul li#nav2 a:hover{ background:url(../images/nav_defaut.jpg) -200px -63px;}
.Nav ul li#nav3{ width: 200px;}
.Nav ul li#nav3 a:hover{ background:url(../images/nav_defaut.jpg) -400px -63px;}
.Nav ul li#nav4{ width: 200px;}
.Nav ul li#nav4 a:hover{ background:url(../images/nav_defaut.jpg) -600px -63px;}
.Nav ul li#nav5{ width: 200px;}
.Nav ul li#nav5 a:hover{ background:url(../images/nav_defaut.jpg) -800px -63px;}
.Nav.cnNav{ background:#ACB724 url(../images/nav_defautCN.jpg) top no-repeat; height:63px; margin-top:1px;}
.Nav.cnNav ul li#nav1 a:hover{ background:url(../images/nav_defautCN.jpg) -0px -63px;}
.Nav.cnNav ul li#nav2 a:hover{ background:url(../images/nav_defautCN.jpg) -200px -63px;}
.Nav.cnNav ul li#nav3 a:hover{ background:url(../images/nav_defautCN.jpg) -400px -63px;}
.Nav.cnNav ul li#nav4 a:hover{ background:url(../images/nav_defautCN.jpg) -600px -63px;}
.Nav.cnNav ul li#nav5 a:hover{ background:url(../images/nav_defautCN.jpg) -800px -63px;}

.index_main{ min-height:535px; _height:535px; /*background:url(banbg.gif) repeat-x;*/}
.banner{ padding-top:6px;}
.home_slide{position:relative;width:100%;height:100%;}
.home_slide .list{display:none;}
.home_slide .btn{overflow:hidden;position:absolute;bottom:8px;right:550px;}
.home_slide .btn li{float:left;width:19px;height:19px;margin:0 0 0 10px;color:#fff;border-radius:8px; background:url(../images/bdefaut.png) no-repeat;cursor:pointer; text-indent:-99pt;}
#simg{width:100%;height:100%;}
.home_slide .btn .selected{ background:url(../images/bhover.png) no-repeat;}
.home_slide .new{display:none;position:absolute;top:0;left:0;}



.index_text{ height:232px; background:url(../images/index_text.jpg) no-repeat; margin-top:5px; margin-bottom:24px;}
.Newsview{ padding:22px 0px 0px 116px; height:26px; line-height:26px;}
.Newsview a{ color:#666;}
.Newsview a:hover{ color:#50c3d1; text-decoration:underline;}

.index_text ul{ padding:30px 0px 0px 25px;}
.index_text ul li{ float:left; width:475px; height:125px;}
.index_text ul li .Npic{ width:246px; height:125px; float:left; display:inline;}
.index_text ul li .Ntext{ width:210px; line-height:18px; padding-left:13px; height:125px; overflow:hidden;}
.index_text ul li .Ntext b{ display:block; height:30px; line-height:30px; color:#000;}

.footer{ height:93px; background:url(../images/footbg.gif) repeat-x; padding-top:17px; clear:both;}
.footer .footext{ line-height:28px; color:#666666; }
.footer .footext a{ color:#666;}
.footer .footext a:hover{ color:#50c3d1; text-decoration:underline;}
.footer .footext .Footleft{ width:450px; float:left; padding-left:19px; display:inline;}
.footer .footext .Footright{ width:450px; float:right; text-align:right; padding-right:19px; display:inline;}


.Other_main{}
/*about*/
.Aboutext{ width:955px; height:704px; background:url(../images/about_03.gif) no-repeat; border:#dddddd 1px solid; margin:20px auto;}
.Aboutext .contentAbout{ float:right; padding:50px 20px 0px 0px; width:420px;}
.Aboutext .contentAbout .Aboutitle{ height:38px;}
.Aboutext .contentAbout .Textabout{ line-height:18px;}
.Aboutext .contentAbout .Textabout p{ text-indent:0em; }

/*job*/
.Jobtext{ width:955px; margin:0px auto; border:#dddddd 1px solid; margin:20px;}
.Jobtext .Jobimg{ text-align:center; padding:26px;}
.Jobtext .Textjob{}
.Jobtext .Textjob .subjob{ height:131px; border-top:#dddddd 1px solid; width:925px; margin:0px auto; padding-top:18px;}
.Jobtext .Textjob .subjob .sjleft{ float:left; width:96px; padding-left:32px; padding-top:10px;}
.Jobtext .Textjob .subjob .sjright{ float:left; width:730px;}
.Jobtext .Textjob .subjob .sjright b{ display: block; height:30px; line-height:30px;}


/*contact*/
.Contactext{ width:955px; height:620px; margin:0px auto; border:#dddddd 1px solid; margin:20px; padding-top:17px}
.Contactext h3{margin:0px 12px; line-height:30px; border-bottom:#ddd 1px solid; font-size:14px; margin-bottom:15px;}
.Contactext h4{ margin:0px 12px; line-height:30px; border-bottom:#ddd 1px dashed; font-weight:bold;}
.Contactext .cotext{ padding-top:5px; margin:0px 15px; line-height:20px;}
.Contactext .contleft{ float:left; width:243px;}

.Contactext .contmid{float:left; width:470px;}
.Contactext .contright{ float:right;; width:240px;}


/*products view*/
.Productview{ width:976px; margin:20px auto;}
.Productview .Procontent{}
.Productview .Procontent .Proimg{ width:600px; height:514px; float:left;}
.Productview .Procontent .Protext{ width:374px; height:514px; float:right;}
.Protext h3{ padding:74px 0px 3px 0px; font-weight:bold; color:#000; font-size:16px;}
.Protext h4{ padding:10px 0px 0px 5px; line-height:20px; height:80px; overflow:hidden;}
.Protext .smlltt{padding-left:5px; font-size:16px;}
.Protext .smallpiclist{}
.Protext .smallpiclist ul{padding-top:15px;}
.Protext .smallpiclist ul li{ float:left; width:74px; height:70px; text-align:center;}
.Protext .smallpiclist ul li img{ border:#bbbbbb 1px solid;}
.Protext .smallpiclist ul li.redborder img{ border:#FF0000 1px solid;}
.Protext .butbox{ padding:35px 0px 0px 0px;}
.Protext .butbox a#shopbut{ font-size:14px; width:112px; height:24px; background:url(../images/shopbut.gif) top no-repeat; display:inline-block; margin-left:5px; color:#FFF; line-height:24px; text-align:center;}
.Protext .butbox a#shopbut:hover{ background:url(../images/shopbut.gif) bottom no-repeat;}
.Protext .butbox a#addbut{font-size:14px; width:112px; height:24px; background:url(../images/addbut.gif) no-repeat; display:inline-block; margin-left:10px; color:#FFF; line-height:24px; text-align:center;}
.Protext .butbox a#addbut:hover{ background:url(../images/addbut.gif) bottom no-repeat;}
.Protext .share{ padding:20px 0px 0px 5px; }

.Productview .Prodecr{ clear: both;}
/*tab???*/
.TabB {font-size: 12px; margin: 0px auto;}
.TabB #tagB {padding:0px; margin: 0px; width: 976px; height: 46px;background:url(../images/tabtop.gif) bottom right no-repeat;}
.TabB #tagB li {float: left; list-style-type: none; width:164px; height: 41px; margin-right:5px;}
.TabB #tagB li a {float:left; line-height: 41px; height: 41px; width:164px; text-align:center; text-decoration: none; background:url(../images/TabBdefault.gif) bottom no-repeat; font-size:16px; color:#1f1f1f;}
.TabB #tagB li.selectTagB {position: relative; height: 41px;}
.TabB #tagB li.selectTagB a { line-height: 41px; height: 41px; background:url(../images/TabBhover.gif) bottom no-repeat; color:#1c9eac; font-weight:bold;}
.TabB #tagContentB{width: 974px; clear:both;  border-left:#cbcbcb 1px solid; border-right:#cbcbcb 1px solid;}
.TabB .tagContentB {display: none; color: #474747;  min-height:400px; /*_height:400px;*/ padding:30px; overflow:hidden;}
.TabB .tagContentB img{ max-width:910px; _width:expression(this.width > 910 ? "910px" : true);}
.TabB .tabbot{ background:url(../images/tabbot.gif) top no-repeat; height:6px; clear:both;}
.TabB #tagContentB div.selectTagB {display: block;}
/* preview */
#preview{ float:none; margin:20px auto; text-align:center; width:500px;}
.jqzoom{ width:400px; height:400px; position:relative;}
.zoomdiv{ left:859px; height:460px; width:460px;}
.list-h li{ float:left;}
#spec-n5{width:350px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(../images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(../images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline; height:58px;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}
/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(../images/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:322px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}


.Productlist{ padding-top:20px;}
.box{height:370px; overflow:hidden; position:relative; margin-top:58px;}
.main{position:absolute; left:0; top:0px;}
.barwarp{width:925px; padding:0px 22px 0px 19px; margin:0px auto; background:url(../images/scrollbar.gif) no-repeat;}
.scrollbar{height:19px; width:925px; line-height:19px;  position:relative; text-align:center; }
.scrollbar #div1{overflow:hidden;width:17px;height:17px;/*background:#000;*/ background:url(../images/barbut.gif) repeat-x; cursor:pointer;position:absolute; left:0px; top:0px; border-top:#9a9a9a 1px solid; border-bottom:#9a9a9a 1px solid;}

.plimg{ width:264px; height:233px; padding-top:10px;}
.pltext{ padding:12px 22px; overflow:hidden; line-height:18px; font-size:12px;}
.pltext b{ display:block; font-size:14px; font-weight:bold; color:#c5120a; padding-bottom:10px;}

.filter{position:absolute; top:290px; width:216px; }
.language{background-image:url(../images/filter.png); background-repeat:no-repeat; width:216px; height:42px; cursor:pointer;}
.langtext{ width:216px; display:none;}
.langtext .langcontent{ _height:217px; min-height:217px; display:block; background:url(../images/lbd.png) repeat-y; padding-top:-10px;}
.langtext .langcontent dl{padding-left:25px; padding-top:10px;}
.langtext .langcontent dl dt{ height:25px; line-height:25px; color:#ffffff;}
.langtext .langcontent dl dt strong{ color:#ffffff; font-size:13px; font-weight:bold;}
.langtext .langcontent dl dt a{ color:#ffffff; padding-left:0px; font-size:13px; font-weight:bold;}
.langtext .langcontent dl dd{height:25px; line-height:25px;}
.langtext .langcontent dl dd a{color:#ffffff; padding-left:20px; background:url(../images/dd_def.gif) 0px center no-repeat; display:inline-block;}
.seled,.langtext .langcontent dl dd a.seled{color:#ffffff; padding-left:20px; background:url(../images/dd_hover.gif) 0px center no-repeat !important; display:inline-block;}
.langbot{ background:url(../images/lbdbut.png) top no-repeat; height:16px; clear:both;}

/*news*/
.newstext{ width:955px; margin:20px auto;border-bottom:#dddddd 1px solid;}
.newstext dl{}
.newstext dl dt{ background:url(../images/news_title_bg.gif) repeat-x; height:39px; border:#dddddd 1px solid; text-align:center; line-height:39px; font-size:14px;}
.newstext dl dd{ border-left:#dddddd 1px solid; border-right:#dddddd 1px solid; }
.newstext dl dd ul{padding:10px 26px;}
.newstext dl dd ul li{ line-height:39px; height:39px; border-bottom:#dddddd 1px dashed; font-size:14px; color:#1f1a17;}
.newstext dl dd ul li span{ padding:0px 20px; font-size:14px; color:#1f1a17;}

/*support*/
.support{ width:964px; margin:0px auto; padding:20px 0px;}
.support .supA{ line-height:24px;padding-bottom:10px;}
.support .supA b{font-size:16px; display:block;}
.support .supB{padding-bottom:20px;}
.support .supC{ padding-top:10px;}
.support .supctxt{ width:236px; margin-bottom:10px; height:260px;}
.support .supctxt b{  font-size:16px; display:block; line-height:30px;}
.support .supctxt h4{ line-height:20px;}

.support .supC .supC1{float:left; width:291px; border-right:#cccccc 1px solid;}
.support .supC .supC1 .supctxt{}
.support .supC .supC2{float:left; width:367px;}
.support .supC .supC2 .supctxt{ margin:0px auto}
.support .supC .supC3{float:right; width:297px; border-left:#cccccc 1px solid;}
.support .supC .supC3 .supctxt{ float:right; display:inline;}

/*Custom*/
.Custom{}
.Custom .leftside{ float:left; width:260px;}
.Custom .leftside .menu{ width:259px; min-height:504px; _height:504px; background:url(../images/menud.jpg) left top no-repeat}
.Custom .leftside .menu dl{padding-top:51px; width:190px; margin:0px auto;}
.Custom .leftside .menu dl dt{ height:36px; line-height:36px; background:url(../images/download_08.gif) bottom no-repeat;}
.Custom .leftside .menu dl dt a{ padding-left:50px; color:#666; display:block;}
.Custom .leftside .menu dl dt a:hover{ padding-left:50px; color:#1c9eac;}

.Custom .rightside{ float:right; width:730px;}
.Custom .rightside .downbanner{ width:729px; height:232px;}
.Custom .rightside .downbanner img{ width:729px; height:232px;}
.Custom .rightside .downtitle{width:729px; height:36px; background:url(../images/downtitle.jpg) left top no-repeat; line-height:36px; }
.Custom .rightside .downtitle b{ font-size:14px; font-weight:bold; padding-left:15px;}
.Custom .rightside .downcontent{ width:729px; _height:400px; min-height:400px;}
.Custom .rightside .downcontent ul{ padding:10px 5px;}
.Custom .rightside .downcontent ul li{ height:30px; line-height:30px; padding-left:20px; background:url(../images/download_ico.jpg) 5px center no-repeat; border-bottom:#c4c4c4 1px dashed;}
.Custom .rightside .customcontent{ min-height:400px;_height:400px; padding:8px;}

/*News*/
.News{ width:970px; margin:20px auto; border:#C8C8C8 1px solid; min-height:500px; _height:500px;}
.News .newtitle{ height:40px; font-weight:bold; font-size:14px; text-align:center; line-height:40px;}
.News .newdate{ text-align:center; }
.News .newtext{ padding:20px; line-height:1.8; }

.Commontext{ width:970px; margin:20px auto; border:#C8C8C8 1px solid; min-height:500px; _height:500px;}
.fanwei{ width:400px; margin:0px auto; line-height:26px;}

.subtext{ padding:20px 40px;}
.subtext h3{ height:30px; line-height:30px; font-size:14px; font-weight:bold; border-bottom:#939494 1px solid;} 
.subtext h4{ line-height:22px; padding-top:8px;}

.submenu{ width:963px; margin:0px auto 0px; height:40px; background:url(../images/submbg.gif) bottom repeat-x; line-height:40px;}
.submenu a{padding:0px 25px; height:40px; line-height:40px;  font-size:14px; font-weight:bold; color:#2f2d2d; display:block; float:left;}
.submenu a:hover{background:url(../images/menuhover.gif) bottom center no-repeat; color:#92b250; }
.submenu .dhover{background:url(../images/menuhover.gif) bottom center no-repeat; color:#9ecf4e;}