@charset "utf-8";
body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0px; padding:0px; word-wrap:break-word ;}
a {color:#FF3300; text-decoration:none;}
a:hover {text-decoration:underline;}
ul {margin:0px; padding:0px;}
li {list-style:none;}
img {border:0px;}
.index {width:1003px; margin-left:auto; margin-right:auto;}
.index .top {height:88px; background:url(index_01.gif);}
.index .top .lang {height:15px; text-align:right; overflow:hidden; line-height:15px; padding-right:10px; padding-top:10px;}
.index .top .menu {margin-top:22px; display:block; height:25px; margin-left:272px;}
.index .top .menu ul li {float:left;}
.index .top .menu ul .navi1 {width:53px;}
.index .top .menu ul .navi2 {width:120px; margin-left: 14px;}
.index .top .menu ul .navi3 {width:84px; margin-left: 12px;}
.index .top .menu ul .navi4 {width:68px; margin-left: 10px;}
.index .top .menu ul .navi5 {width:105px; margin-left: 10px;}
.index .top .menu ul .navi6 {width:108px; margin-left: 12px;}
.index .top .menu ul .navi7 {width:98px; margin-left: 14px;}
.index .flash {height:225px;}
.index .flashbottom {height:20px; background:url(index_03.gif);}
.index .content {width:100%;}
.index .content .cleft {width:234px; float:left; overflow:hidden;}
.index .content .cleft .cleft_1 {height:230px;}
.index .content .cleft .cleft_1 .title {height:42px; background:url(index_04.gif);}
.index .content .cleft .cleft_1 .title .more {padding-right:10px; padding-top:18px; float:right;}
.index .content .cleft .cleft_1 .detail {width:226px; height:188px; border:#f3f3f3 1px solid; margin-right:1px; float:right; clear:both; font-family:Arial; font-weight:bold; font-size:12px;}
.index .content .cleft .cleft_1 .detail ul li {line-height:24px;}
.index .content .cleft .cleft_1 .detail .tel {width:100%; padding-left:10px; padding-top:10px;}
.index .content .cleft .cleft_1 .detail .tel .oline {text-indent:42px;}
.index .content .cleft .cleft_1 .detail .fax {width:100%; padding-left:10px; padding-top:15px;}
.index .content .cleft .cleft_1 .detail .fax .oline {text-indent:43px;}
.index .content .cleft .cleft_1 .detail .email {width:100%; padding-left:10px; padding-top:15px;}
.index .content .cleft .cleft_1 .detail .email .oline {text-indent:59px;}
.index .content .cleft .cleft_2 {height:290px; margin-top:10px;}
.index .content .cleft .cleft_2 .title {height:44px; background:url(index_11.gif);}
.index .content .cleft .cleft_2 .title .more {padding-right:10px; padding-top:18px; float:right;}
.index .content .cleft .cleft_2 .detail {width:226px; height:246px; border:#f3f3f3 1px solid; margin-right:1px; float:right; clear:both;}
.index .content .cleft .cleft_2 .detail .glass1 {padding-left:4px; padding-top:5px;}
.index .content .cleft .cleft_2 .detail .glass2 {padding-left:4px;}
.index .content .cleft .cleft_3 {height:190px; margin-top:10px;}
.index .content .cleft .cleft_3 .title {height:41px; background:url(index_22.gif);}
.index .content .cleft .cleft_3 .title .more {padding-right:10px; padding-top:18px; float:right;}
.index .content .cleft .cleft_3 .detail {width:226px; height:147px; border:#f3f3f3 1px solid; margin-right:1px; float:right; clear:both;}
.index .content .cleft .cleft_3 .detail .sale {padding-left:2px; padding-top:30px;}
.index .content .cleft .pclasslist .pclasslisttop {height:44px; background:url(productlist_top.gif);}
.index .content .cleft .pclasslist .pclasslistclass {width:226px; border:#f3f3f3 1px solid; margin-right:1px; float:right; clear:both;}
.index .content .cleft .pclasslist .pclasslistclass ul {padding-top:5px; padding-left:13px; padding-bottom:5px;}
.index .content .cleft .pclasslist .pclasslistclass ul li {width:200px; height:24px; line-height:24px; margin-bottom:2px; border:#CCCCCC 1px solid; overflow:hidden;}
.index .content .cleft .pclasslist .pclasslistclass ul li a {width:200px; padding-left:30px; height:24px; line-height:24px; overflow:hidden; display:block; background:#eeeeee}
.index .content .cleft .pclasslist .pclasslistclass ul li .current {width:200px; padding-left:30px; height:24px; line-height:24px; overflow:hidden; display:block; background:url(pclassnav.gif) 180px center no-repeat;}
.index .content .cleft .pclasslist .pclasslistclass ul li a:hover {background:url(pclassnav.gif) 180px center no-repeat; text-decoration:none;}
.index .content .vline {width:12px; height:730px; float:left; background:url(index_05.gif) #ffffff top no-repeat; overflow:hidden;}
.index .content .cright {width:757px; float:left; overflow:hidden;}
.index .content .cright .brief {width:100%; height:235px;}
.index .content .cright .brief .brieftop {height:10px; background:url(index_06.gif); overflow:hidden;}
.index .content .cright .brief .briefcen {height:215px; background:url(index_07.gif);}
.index .content .cright .brief .briefcen .words {width:375px; float:left; line-height:2em; padding-left:20px; padding-right:5px; text-align:justify;}
.index .content .cright .brief .briefcen .pic {width:340px; float:left; padding-top:10px; padding-left:17px;}
.index .content .cright .brief .briefbottom {height:10px; background:url(index_10.gif); overflow:hidden;}
.index .content .cright .brand {width:100%; height:490px; margin-top:7px;}
.index .content .cright .brand .brandtop {height:43px; background:url(index_12.gif); padding-left:15px; font-weight:bold; line-height:42px; overflow:hidden;}
.index .content .cright .brand .brandtop span {width:52px; height:13px; float:right; padding-right:10px; padding-top:15px;}
.index .content .cright .brand .brandcen {height:433px; background:url(index_18.gif); overflow:hidden;}
.index .content .cright .brand .brandcen .brandlist {padding:5px; padding-left:15px; overflow:hidden;}
.index .content .cright .brand .brandcen .brandlist li {width:120px; height:100px; float:left; overflow:hidden; margin-top:0px;}
.index .content .cright .brand .brandbottom {height:14px; background:url(index_27.gif); line-height:14px; margin-top:0px;}
.index .content .cright .info {}
.index .content .cright .info .infotop {height:43px; background:url(index_12.gif); padding-left:15px; font-weight:bold; line-height:42px; overflow:hidden;}
.index .content .cright .info .infotop span {width:450px;float:right; font-weight:normal; font-size:10px; text-align:right; padding-right:10px;}
.index .content .cright .info .infocen {background:url(index_18.gif); overflow:hidden;}
.index .content .cright .info .infocen .abouttitle {height:30px; line-height:30px; font-weight:bold; font-size:14px; text-align:center; padding-bottom:10px;}
.index .content .cright .info .infocen .aboutcontent {padding-left:20px; padding-right:25px; line-height:1.5em; overflow:hidden;}
.index .content .cright .info .infocen .joblist {padding-left:25px; padding-right:20px; padding-top:20px;}
.index .content .cright .info .infocen .joblist li {line-height:36px; height:36px;}
.index .content .cright .info .infocen .joblist li a {color:#000000;}
.index .content .cright .info .infocen .jobtitle {margin-left:15px; margin-right:20px; padding-left:5px; padding-right:5px; line-height:30px; border:#CCCCCC 1px solid; border-bottom:0px;}
.index .content .cright .info .infocen .jobaddress {margin-left:15px; margin-right:20px; padding-left:5px; padding-right:5px; line-height:30px; border:#CCCCCC 1px solid; border-bottom:0px;}
.index .content .cright .info .infocen .jobnumber {margin-left:15px; margin-right:20px; padding-left:5px; padding-right:5px; line-height:30px; border:#CCCCCC 1px solid; border-bottom:0px;}
.index .content .cright .info .infocen .jobdetails {margin-left:15px; margin-right:20px; padding-left:5px; padding-right:5px; line-height:30px; border:#CCCCCC 1px solid;}
.index .content .cright .info .infocen .brandlist {padding:5px; padding-left:15px; overflow:hidden;}
.index .content .cright .info .infocen .brandlist li {width:120px; height:100px; float:left; overflow:hidden; margin-top:0px;}
.index .content .cright .info .infocen .page {text-align:right; float:none; clear:both; padding-right:30px; height:30px; line-height:30px;}
.index .content .cright .info .infobottom {height:14px; background:url(index_27.gif); overflow:hidden;}
.index .content .cright .plist {width:100%; height:730px; padding-top:2px;}
.index .content .cright .plist .plisttop {height:43px; background:url(index_12.gif); padding-left:15px; font-weight:bold; line-height:42px; overflow:hidden;}
.index .content .cright .plist .plisttop span {width:450px;float:right; font-weight:normal; font-size:10px; text-align:right; padding-right:10px;}
.index .content .cright .plist .plistcen {height:673px; background:url(index_18.gif); overflow:hidden;}
.index .content .cright .plist .plistcen .list {padding:5px; padding-left:15px;}
.index .content .cright .plist .plistcen .list li {width:200px; height:212px; float:left; overflow:hidden; text-align:center; padding-left:30px;}
.index .content .cright .plist .plistcen .list li img {width:170px;}
.index .content .cright .plist .plistcen .page {text-align:right; float:none; clear:both; padding-right:30px; height:30px; line-height:30px;}
.index .content .cright .plist .plistbottom {height:14px; background:url(index_27.gif); overflow:hidden;}
.index .content .cright .productimg {width:400px; float:left; text-align:center;}
.index .content .cright .notes {width:200px; float:left; padding-left:10px;}
.index .content .cright .notes ul .notestitle {line-height:30px; font-size:14px; font-weight:bold;}
.index .content .cright .notes ul li {line-height:20px;}
.index .content .cright .producttitle {height:44px; line-height:44px; background:url(detailimg.gif) no-repeat; padding-left:40px; float:none; clear:both; margin-top:5px;}
.index .bottom {width:980px; margin-left:auto; margin-right:auto; height:60px; border-top:#CCCCCC 1px solid; text-align:center; margin-top:5px; line-height:20px; overflow:hidden; padding-top:10px; float:none; clear:both;}