@charset "utf-8"; /* CSS Document */
body{ font:12px Arial, Helvetica, sans-serif; background:#edf0f2; color:#333; line-height:18px; margin-top:2px;}
*{margin:0; padding:0;}
h2{ font-size:16px; height:auto; line-height:20px; color:#09c; margin-bottom:6px}
h3{ background:url(../images/icon.jpg) no-repeat; padding-left:15px; font-size:13px; color:#000;}
h4{font-size: 14px;color: #466c99;margin: 5px 0px 5px 0px;line-height: 26px;font-weight: normal;font-family: Arial, Helvetica, sans-serif;border-bottom: #ccc 1px dashed;font-weight: bold;width: 690px;height: auto;}
a{ text-decoration:none;}
a:hover{ text-decoration:underline;}
ul,ol{list-style:none; margin:0px; padding:0px;}
img{border:none;}
.clear{clear:both;}
p{ padding-bottom:6px;}
.table{ width:96%; height:auto; background:#dad9d9; float:left; margin-bottom:10px;}
.table td{margin-bottom:3px; text-align:left; padding:0px 3px;}
.table tr{ background:#fff;}
.table tr.top{ background:#f4f2f2;}
.table1{margin-top:12px}
.table1 tr td{padding-right:6px}
.table1 tr td.aa{color:#FF0000; font-weight:bold}

.fl{font-size: 14px;color: #466c99;margin: 5px 0px 5px 0px;line-height: 26px;font-weight: normal;font-family: Arial, Helvetica, sans-serif;border-bottom: #ccc 1px dashed;font-weight: bold;width: 500px;height: auto;}
.appimg img{ width:500px;}
.apleft{ width:400px; float:left}
.apright{ width:250px;}


.bigproductpiac a{ width:124px; height:104px; line-height:104px;}




#header{ width:973px; height:auto; margin:0 auto; background:url(../images/bg.jpg) repeat-y; overflow:hidden; padding:0px 3px 0px 6px;}
.top{ width:100%; height:100px; background:#09c;}
.logo{ float:left; width:80px; height:80px; margin-left:13px; margin-top:10px; display:inline;}
.com{float:left; font-size:25px; line-height:25px; font-weight:bold; margin:40px 0 0 10px; color:#fff}
.language{ float:right; width:22%; height:15px; line-height:15px; margin-top:50px; color:#fff;}
.language a{ color:#fff; padding:0px 5px; text-decoration:underline;}
.menu{ float:left; width:973px; height:39px;border-bottom:1px solid #d2d2d2;background: url(../images/line.jpg) top repeat-x}
.menu ul li{ float:left; border-right:1px solid #666; height:20px; line-height:20px; margin-top:10px;}
.menu ul li.last{ float:left; height:20px; line-height:20px; margin-top:10px;border-right: none}
.menu ul li a{ color:#6e6e78; padding:2px 25px; font-weight:bold; display:block;}
.menu ul li a:hover, .menu ul li a.dq{ color:#09c; text-decoration:none;}
.lang{float:right; margin:20px 10px 0 0}
.lang a{color:#ffffff; padding:0 4px}
.select{ float:left; width:200px; margin:10px auto auto 25px;}
.select a{ color:#6e6e78; padding:0px 10px; font-weight:bold; display:block;}
.select a:hover, .menu ul li a.dq{ color:#09c; text-decoration:none;}
.select .button{ width:14px; height:14px; background:url(../images/go.jpg) no-repeat; border:none;}
#ff{ border:1px solid #7f9db9; width:122px;}
#container{ width:973px; height:auto; background:url(../images/bbg.jpg) repeat-y; padding:0px 3px 0px 6px; margin:0 auto; margin-top:3px;}
#containe{ width:973px; height:auto; background:url(../images/bg.jpg) repeat-y; padding:3px 3px 0px 6px; margin:0 auto; margin-top:3px;}
.home{ color:#09c; padding-left:10px;  border-top:1px solid #d2d2d2; height:23px; line-height:23px; font-size:10px;}
.content{ float:left; width:973px; height:auto; padding-left:10px;}
.title{ width:735px; height:35px; line-height:35px; border-bottom:1px dashed #CCCCCC}
.sitetitle{ width:98%; height:35px; line-height:35px; padding-left:15px;}
.sitetitle a{font-size:14px; color:#000; font-weight:bold;}
.sitetitle a:hover{text-decoration:underline; color:#000;}

.title a{ font-size:14px; color:#000; font-weight:bold;}
.title a:hover{ text-decoration:underline; color:#000;}
.square{width:735px; height:auto; float:left; margin-top:5px;}
.square ul{ float:left;width:228px; height:auto;border:1px solid #09c; margin-right:10px;}
.square ul li{ float:left; width:100%;}
.square ul li.y{ height:33px; line-height:33px; background:#09c;}
.square ul li.e{ background:url(../images/more.jpg) no-repeat 3% center; margin-top:5px;}
.square ul li.y a{ padding-left:9px; color:#fff; font-weight:bold;}
.square ul li.e a{ padding-left:15px; text-decoration:underline; color:#09c;}
.product{ width:735px; margin-top:10px; background:url(../images/indexproductbg.png) no-repeat;}
.product ul{ float:left; width:210px; padding:10px 10px 10px 10px;color:#9b9b9b; display:inline; height:270px; margin:0 auto;margin-bottom:10px; margin-right:10px;}
.product ul li{ float:left;}
.product ul li.t{ width:213px; }
.product ul li.img a{ background-color:#c3d3e3; padding:5px 5px 5px 5px;}
.product ul li a{ color:#09c; font-weight:bold; display:block;}
.product ul li.t a{ color:#09c; font-weight:bold; display:block; border-bottom:1px solid #ccc;}
.about{ width:735px; height:auto; float:left}


.products1{width:700px;}
.products1 ul{width:700px;padding:0 0 15px 0; float:left}
.products1 ul li{float:left}
.products1 ul li.img{width:124px}
.products1 ul li.img img{width:120px; height:90px; padding:1px;}
.products1 ul li.img a{width:122px;float:left;border:#ccc 1px solid;}
.products1 ul li.img a:hover{border-color:#217ccb;}
.products1 ul li.text{width:584px;line-height:18px; margin-left:12px}
.products1 ul li.text a{display:block; font-weight:bold;line-height:22px; color:#09c}
.products1 ul li.text a:hover{text-decoration:underline;}



.send{ width:100%; border-top:1px solid #d2d2d2; padding-top:5px;background: url(../images/line.jpg) bottom repeat-x; padding-bottom:8px;}
.send a{ color:#09c; text-decoration:underline;}
.send img{ margin:0px 5px;}

.leftbar{width:200px; float:left; background:#e6eaf6; padding-left:1px; height:100%;}
.submenu a{display:block; line-height:14px; padding:6px 0; color:#000; padding-left:12px; padding-right:8px; font-size:11px}
.submenu a.w{ font-weight:bold; color:#fff; padding-left:7px; background:#09c; border-bottom:1px solid #fff;}
.submenu a.u{background:url(../images/aa.png) 4px center no-repeat; font-weight:bold; background-color:#d2d2d2; border-bottom:1px solid #e6eaf6;}
.submenu a.x{ font-weight:bold;}
.submenu a.z{background:url(../images/line1.jpg) 2px center no-repeat;}
/*.submenu a.j{text-decoration:underline;}*/
.mainbody{width:749px; float:left; padding:0 8px; line-height:20px;}
.mainbody table{border-right:1px solid #ccc;border-bottom:1px solid #ccc}
.mainbody table td{border-left: solid #ccc 1px; border-top: solid #ccc 1px;}
.mainbody img{ float:left; margin-right:5px;}
.mainbody strong{ line-height:30px;}





.title1{line-height:14px; padding:6px 0; margin-bottom:5px; border-bottom:#ccc 1px solid;color:#09c; font-weight:bold; background:#fff;font-size:10px }
.title1 ul li.v a{line-height:14px;font-size:18px;color:#09c;padding-left:15px}

.title1 a{color:#09c; }
.products{width:749px;}
.products ul{float:left; width:362px; padding-right:12px; margin-bottom:14px; height:104px;}
.products ul li{float:left; width:124px}
.products ul li img{padding:1px; border:#ccc 1px solid}
.products ul li.w{width:230px; margin-left:8px; height:104px;}
.products ul li.w a{display:block; font-weight:bold; color:#000}
.products ul li.w a:hover{color:#09c}
.products1 ul{float:left; width:737px; padding-right:12px; margin-bottom:14px}
.products1 ul li{float:left; width:124px}
.products1 ul li img{padding:1px; border:#ccc 1px solid}
.products1 ul li.w{width:600px; margin-left:13px}
.products1 ul li.w a{display:block; font-weight:bold; color:#000}
.products1 ul li.w a:hover{color:#09c}

.productscon ul{float:left; width:362px; padding-right:12px; margin-bottom:14px}
.productscon ul li{float:left; width:124px}
.productscon ul li img{padding:1px; border:#ccc 1px solid}
.productscon ul li.w{width:230px; margin-left:8px}
.productscon ul li.w a{display:block; font-weight:bold; color:#000}
.productscon ul li.w a:hover{color:#09c}

.righ{float:right; width:324px; margin-top:5px;align:center;}
.righ .imgp{ margin-left:12px; border:#ccc 1px solid; padding:1px}
.righ .xxt{margin-left:12px; margin-top:5px}
.righ .xxt img{border:#ccc 1px solid; padding:1px; margin-right:5px; display:inline}
.con_all{ margin-top:6px; width:100%; margin:auto 0;}
.rproducts ul li{width:124px; float:left; margin-right:20px}
.rproducts ul li img{padding:1px; border:#ccc 1px solid; margin-bottom:6px}
.rproducts ul li a{display:block; text-align:center; color:#000}
.rproducts ul li a:hover{font-weight:bold}
.cont{line-height:28px}
.cont a{color:#FF3300}
.cont1{line-height:18px}
.cont1 a{color:#FF3300}
.gallery{padding:6px}








.hong{ color:#FF0000; text-decoration:none; font-weight:bold; display:none;}
#allbox img{ width:600px;}

.gallery img{padding:1px; border:#ccc 1px solid; margin-right:2px; margin-bottom:12px; }
.sitemap{padding:12px}
.sitemap a{font-weight:bold; color:#09c}
.sitemap a.w{color:#09c}
.sitemap a.u{color:#000}
.ex{float:left; margin:0 12px 12px 0}
.ex img{padding:1px; border:#ccc 1px solid}
.left_con{ float:left; width:735px; height:auto; margin-left:5px;}
.sidebar{ float:right; width:218px; height:auto; margin:0px 9px 7px 0px; margin-top:11px; background:url(../images/sidebar.jpg) no-repeat left top;}
.list{ float:left; width:218px; height:auto; margin-bottom:5px; border:1px solid #0099cc; margin-bottom:10px;}
.listv{ float:left; width:218px; height:auto; margin-bottom:20px; margin-top:10px;}
.list_t a{ width:208px; height:34px; line-height:34px; background:#0099cc; display:block; padding-left:10px; color:#fff; font-weight:bold;}
.list img{ padding:5px;}
.list p{ padding:10px 5px 10px 5px; color:#333;}
.list ul{ padding:5px 0px;}
.list ul li{ float:left; width:78%; height:auto; line-height:15px; padding:3px 0px; background:url(../images/more.jpg) no-repeat left center; margin-left:15px; padding-left:10px;}
.list ul li a{ color:#09c; display:block;}
.line{ width:979px; height:5px; background:url(../images/line.jpg) no-repeat; margin:0 auto;}
.plist{ width:973px; height:auto; padding:3px 0px 10px 0px; margin:0 auto; border-bottom:1px solid #d2d2d2;}

.plist ul li a{ color:#666; line-height:20px; font-size:11px;}

#box { height:140px; position:relative;overflow:hidden;}
#box li {width:243px;height:20px;line-height:20px;position:absolute;  border-right:1px solid #ccc;}
#box li.t a{ font-weight:bold; color:#09c; padding:3px;}
#box li.w a{ font-weight:bold; padding:3px;}
#box li.z a{ padding:3px;}



#footer{ width:973px; height:auto; margin:0 auto; background:url(../images/bg.jpg) repeat-y; overflow:hidden; padding:0px 3px 0px 6px; margin-top:5px;background-color:#00FF00;
} 

#footer .olink{text-align:center; padding:6px 0;color:#09c; background:#09c;}
#footer .olink a{color:#000}
#footer .qlink{ width:961px; height:auto; text-align:center; margin:0 auto; color:#666; border-bottom:none;}
#footer .qlink a{ color:#333; font-weight:normal;}
#footer .qlink a:hover{ text-decoration:underline;}
#footer .link{ width:973px; height:20px; line-height:20px; text-align:center; color:#fff; text-align:center;/*background: url(../images/line.jpg) top repeat-x; margin-top:10px; */padding-top:10px; border-top:1px solid #fff;background:#09c;} 
#footer .link a{ padding:0 10px; color:#fff;}
#footer .link a:hover{ text-decoration:underline;}
#footer #otherlink{ width:973px; text-align:center; margin:0 auto; height:30px; padding-top:5px; background:#09c;}
#footer #otherlink a{ text-decoration:none; color:#999; font-weight:normal; font-size:12px; margin-left:10px; text-align:center; margin-top:6px; height:auto; line-height:17px;;}

#languagew{width:180px;height:auto; float:right;  margin-top:20px; margin-right:30px;}
.group{ float:right; width:130px; height:auto; margin-right:5px;}
.menu2 { float:right; width:130px; height:20px; line-height:20px; margin:0 auto; border:1px solid #ccc; background:#fff; font-weight:bold;}
.menu2 li{ float:left; width:130px; background:url(../images/ic.jpg) no-repeat right center;}
.menu2 li a.top_link{ display:block; float:left; color:#000; padding-left:5px;}
.menu2 li a.top_link:hover { width:125px; height:20px; line-height:20px; padding-left:5px;}
.menu2 a:hover { visibility:visible; position:relative; z-index:200;}
.menu2 li:hover { position:relative; z-index:200;}
.menu2 ul, .menu2 :hover ul ul, .menu2 :hover ul :hover ul ul, .menu2 :hover ul :hover ul :hover ul ul, .menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; color:#FFFFFF;}
.menu2 :hover ul.sub { left:-1px; top:20px; background:#fff; border:1px solid #ccc; white-space:nowrap; width:130px; line-height:22px; z-index:300; height:auto; border-bottom:none;}
.menu2 :hover ul.sub li { display:block; position:relative; float:left; width:130px; height:20px; line-height:20px; font-weight:normal; border-bottom:1px solid #ccc; background:none;}
.menu2 :hover ul.sub li img{ vertical-align:middle;}
.menu2 :hover ul.sub li a{ width:125px; height:20px; line-height:20px; color:#666; text-decoration:none; float:left; padding-left:5px; vertical-align:middle; display:block;}
.menu2 :hover ul.sub li a:hover { color:#000; background:#f5f5f5; width:125px; }
.menu2 :hover ul :hover ul, .menu2 :hover ul :hover ul :hover ul, .menu2 :hover ul :hover ul :hover ul :hover ul, .menu2 :hover ul :hover ul :hover ul :hover ul :hover ul { left:76px; top:0px; background:#fff; width:76px; border:1px solid #989494; z-index:400;}
.menu2 a{ display:block;}
.msn{float:right}

#demo{ float:left; background:#eee; overflow:hidden; width:730px; padding:6px; margin:6px 0}
#indemo {float:left;width: 800%;}
#demo1 {float:left;}
#demo1 a, #demo2 a{ margin-right:10px;}
#demo2 {float:left;}

.pshow_text{width:730px; padding:6px; margin:6px 0}
.pshow_text strong{ font-size:14px; color:#0099cc; line-height:30px;}
#next{float:left; width:18px; height:31px;}
#prev{float:left; width:12px; height:31px; margin-left:30px;}
.scroll{float:left; overflow:hidden; margin-left:50px!important;margin-left:40px;}
.scroll ul li{float:left; margin-right:10px}
.scroll ul li img{padding:1px; border:#ccc 1px solid}

.banner{ width:971px; height:226px; position:relative; margin:0px 1px; padding-bottom:5px;background: url(../images/line.jpg) bottom repeat-x}
#content1 {height:40px; width:973px; bottom:0; z-index: 3; position:absolute;}
#contentframe { overflow: hidden;z-index: 3; height:40px }
#slidecounter { float:left; color:#4F4F4F; font:22px "Helvetica Neue", Arial, sans-serif; font-weight:bold; margin:6px 0 0 10px}
#slidecaption { overflow: hidden; float:left; color:#FFF; font:16px "Helvetica Neue", Arial, sans-serif; font-weight:bold; margin:9px 0 0 20px}
#navigation { background: url('images/navbg.gif') no-repeat; float: right; margin-top:6px }
#loading { position: absolute; top: 49.5%; left: 49.5%; z-index: 3; width: 24px; height: 24px; text-indent: -999em; background-image: url(images/progress.gif); }
#supersize{position:relative}
#supersize img, #supersize a { height:226px; width:973px; position:absolute; z-index: -2; }
#supersize .prevslide, #supersize .prevslide img { z-index: -1; }
#supersize .activeslide, #supersize .activeslide img { z-index: 0; }

.hps{float:left; height:auto;  width:100%;}
.hpstable{float:left; height:auto;  width:97%; padding:10px 10px;}
.hps img{float:left; margin:0px; padding:0px 10px 0px 0px; margin:10px; padding:1px;border:1px #ccc solid;}
.hps h5{ height:25px; line-height:25px; font-size:14px; font-weight:bold; background:#e0e0e0; padding-left:10px;}
.hpstable h5{ height:25px; line-height:25px; font-size:14px; font-weight:bold; background:#e0e0e0; padding-left:5px; margin-bottom:10px;}
.hps p{ padding:10px;}
.hpsleft{ width:300px; float:left;}
.hpsleft1{ width:150px; float:left;}
.hpsright{float:right; width:430px;}
.hpsright1{float:right; width:580px;}
.hpsleft ul{ width:300px; height:auto; float:left;}
.hpsleft ul li{float:left; line-height:18px; width:120px; height:150px; text-align:center; padding:5px 10px;}

.hps ul li{width:124px; float:left; margin-right:20px; text-align:center;}
.hps ul li img{padding:1px; border:#ccc 1px solid; margin-bottom:6px}
.hps ul li a{display:block; text-align:center; color:#000}
.hps ul li a:hover{font-weight:bold}

#tabbox{ width:600px; overflow:hidden; margin:0 auto;}
.tab_conbox{border: 1px solid #999;border-top: none; height:auto; width:748px; float:left; margin-bottom:10px;}
.tab_con{ display:none;}
.tabs{height: 32px;border-bottom:1px solid #999;border-left: 1px solid #999;width: 100%;}
.tabs li{height:31px;line-height:31px;float:left;border:1px solid #999;border-left:none;margin-bottom: -1px;background: #e0e0e0;overflow: hidden;position: relative;}
.tabs li a {display: block;padding: 0 20px;border: 1px solid #fff;outline: none; font-size:12px; font-weight:bold; color:#09c;}
.tabs li a:hover {background: #ccc; color:#0066CC;}	
.tabs .thistab,.tabs .thistab a:hover{background: #fff;border-bottom: 1px solid #fff;}
.tab_con {padding:12px;font-size: 14px; line-height:175%;}


.pshow1{width:720px;}
.pshow1 ul{width:720px;padding:0 0 15px 0; float:left; border-bottom:#CCCCCC dotted 1px; margin-bottom:10px;}
.pshow1 ul li{float:left}
.pshow1 ul li.img{width:124px}
.pshow1 ul li.img img{width:120px; height:90px; padding:1px;}
.pshow1 ul li.img a{width:122px;float:left;border:#ccc 1px solid; }
.pshow1 ul li.img a:hover{border-color:#217ccb;}
.pshow1 ul li.text{width:584px;line-height:18px; margin-left:12px;}
.pshow1 ul li.text a{display:block; font-weight:bold;line-height:22px;color:#09c}
.pshow1 ul li.text a:hover{text-decoration:underline;}

.applications ul li{ margin-bottom:20px;}
.applications ul{ height:auto; width:100%;}
.applications ul li img{padding:1px; border:#ccc 1px solid; margin-bottom:6px}
.applications ul li a{display:block; color:#000}
.applications ul li a:hover{font-weight:bold}

.produst_list ul li{width:120px; float:left; margin-right:20px; text-align:center; padding:0px 15px 10px 15px;}
.produst_list ul li img{padding:1px; border:#ccc 1px solid; margin-bottom:6px}
.produst_list ul li a{display:block; text-align:center; color:#000}
.produst_list ul li a:hover{font-weight:bold}


.pages{ float:right; width:60px; margin:10px 0px; overflow:hidden;}
.pages a{ float:left; width:20px; height:20px; line-height:20px; border:1px solid #aaa; margin-right:5px;text-align:center;color:#444;background-color:#fff;}
.pages a:hover, .pages a.dq{ color:#fff;background-color:#217ccb; font-size:9px}