@charset "utf-8";
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}/*input,button,textarea,select{*font-size:100%;}*/

/*reset*/

/*mainframe*/
#testblock{width:100px; height:100px; background-color:#000; position:absolute; left:2000px;}
html,body{ font-size:12px; color:#000; margin:0 auto; width:100%;background-image:url(../images/htmlbg2.gif); background-repeat:repeat-x;}
#bodyindex{background-image:url(../images/htmlbg.gif); background-repeat:repeat-x; }
a{ text-decoration:none;}
.clearfloat{ clear:both;}
#mainframe{ width:1024px; margin:0 auto;}
#topblack{ height:2px; width:1003px; background:black; font-size:2px;}
#navbg{ height:68px; width:1024px;background:url(../images/navbg.gif) repeat-x; overflow:hidden;}
#navshadow1{height:15px;width:1003px;background:url(../images/shadow1.gif) no-repeat; overflow:hidden;}
#navshadow2{height:15px;width:1003px;background:url(../images/shadow2.gif) no-repeat; overflow:hidden;}
#mainbody{height:499px;width:1003px;background:url(../images/bodybg.gif) repeat-x; overflow:hidden;}
#mainbody536{height:536px;width:1003px;background:url(../images/body536bg.gif) repeat-x; overflow:hidden;}
#aline{height:20px;width:1003px; background-color:#EDE9CC; overflow:hidden;}
#mark{height:96px;width:1003px;background:url(../images/mark.gif) no-repeat; overflow:hidden;}

/*headtop*/
#logo{ height:68px;width:195px; overflow:hidden; float:left;}
#logoleft{height:68px; width:808px; overflow:hidden; float:right;}
#uppernav{ height:24px;width:410px; margin-left:525px; overflow:hidden;}
#uppernav ul li{ float:left; height:24px; line-height:24px; display:inline-block; margin-right:10px;}
#uppernav ul li a{ color:#A39497;}
#uppernav ul li a:hover{ color:#E1D1D1;}
#uppernavmargin{height:9px; width:808px; font-size:2px;}
#mainnav{height:28px; width:808px;}
#mainnav ul li{ float:left; height:28px; overflow:hidden; display:inline-block;}
#mainnav ul li.navbtnspr{width:2px;}
#navbtn1{width:90px;}
#navbtn2{width:101px;}
#navbtn3{width:99px;}
#navbtn4{width:98px;}
#navbtn5{width:100px;}
#navbtn6{width:99px;}
#navbtn7{width:102px;}
#navbtn8{width:98px;}
#navbtn1 a{ background-image:url(../images/a1.jpg); width:90px; height:28px; display:block;}
#navbtn1 a:hover{ background-image:url(../images/a2.jpg);}
#navbtn2 a{ background-image:url(../images/c1.jpg); width:101px; height:28px; display:block;}
#navbtn2 a:hover{ background-image:url(../images/c2.jpg);}
#navbtn3 a{ background-image:url(../images/p1.jpg); width:99px; height:28px; display:block;}
#navbtn3 a:hover{ background-image:url(../images/p2.jpg);}
#navbtn4 a{ background-image:url(../images/ce1.jpg); width:98px; height:28px; display:block;}
#navbtn4 a:hover{ background-image:url(../images/ce2.jpg);}
#navbtn5 a{ background-image:url(../images/n1.jpg); width:100px; height:28px; display:block;}
#navbtn5 a:hover{ background-image:url(../images/n2.jpg);}
#navbtn6 a{ background-image:url(../images/r1.jpg); width:99px; height:28px; display:block;}
#navbtn6 a:hover{ background-image:url(../images/r2.jpg);}
#navbtn7 a{ background-image:url(../images/co1.jpg); width:102px; height:28px; display:block;}
#navbtn7 a:hover{ background-image:url(../images/co2.jpg);}
#navbtn8 a{ background-image:url(../images/coe1.jpg); width:98px; height:28px; display:block;}
#navbtn8 a:hover{ background-image:url(../images/coe2.jpg);}

/*index*/
.indexleft{ height:499px; width:425px; overflow:hidden; float:left; display:inline; background:url(../images/indexswf.gif) repeat-x;}
.indexright{height:499px; width:576px; overflow:hidden; float:left; display:inline; background-image:url(../images/indexbg.gif);}
.indexpro{ width:576px; height:141px; overflow:hidden;}
.indexpartner{ width:576px; height:80px; overflow:hidden;}
.indexnews{ width:576px; height:150px; overflow:hidden; }
.leftmore{width:75px; text-align:right; float:left; height:110px; display:inline;}
.leftmore P{ font-weight:700;}
.leftmore a{ float:right; font-size:10px; color:#000;}
.leftmore a:hover{color:#F00;}
.indexproright{ width:490px; height:141px; margin-left:10px; overflow:hidden; float:left;display:inline;}
.indexpartnerright{width:490px; height:79px; margin-left:10px; overflow:hidden; float:left; display:inline; border-bottom:1px solid #002;}
.indexpartnerright ul li{ float:left;}
.indexnewsright{width:490px; height:150px; margin-left:10px; overflow:hidden; float:left; display:inline;}
.indexnewsright tr td{ line-height:24px;}
.indexnewsright tr td a{ color:#000;}
.indexnewsright tr td a:hover{color:#f00;}

/*content*/
#contentleft{width:180px; height:536px; background-image:url(../images/leftnav.gif); overflow:hidden; float:left; display:inline;}
#contentright{width:823px; height:536px; background-image:url(../images/contentbg.gif); overflow:hidden; float:left;display:inline;}
#contentnav{width:156px; height:536px; overflow:hidden; margin-left:12px;}
#contentnav ul li{width:156px; line-height:28px; font-size:14px; font-family:"微软雅黑", "黑体", "宋体"; overflow:hidden;}
#contentnav ul li a.outterul{width:136px; height:28px; background-image:url(../images/lefta.gif); display:block; color:#000; letter-spacing:3px; padding-left:20px; line-height:28px;}
#contentnav ul li a.outterul:hover{ color:#9db85d; background-image:url(../images/leftah.gif);}
#contentnav ul li.twoline{ background-image:url(../images/leftaline.gif); width:156px; font-size:1px; line-height:1px; height:2px;}
.bottomnav{ width:780px; height:35px;overflow:hidden; margin-left:195px; margin-top:32px;color:#999785;}
.bottomnav a{ color:#999785; margin-left:5px; margin-right:5px;}
.bottomnav a:hover{ color:#bab7a1;}
.copyright{ width:775px; margin-left:5px; margin-top:3px; font-size:14px;}
.beian{ margin-left:250px; }
#contentnav ul li a.innerul{width:136px; height:28px; display:block; color:#000; letter-spacing:3px; margin-left:20px; line-height:28px; border-bottom:1px dotted #333;}
#contentnav ul li a.innerul:hover{ color:#9db85d;}

#contentnav ul li ul li a.innerul2{width:136px; height:28px; display:block; color:#000; letter-spacing:3px; margin-left:40px; line-height:28px; border-bottom:1px dotted #333;}
#contentnav ul li ul li a.innerul2:hover{ color:#9db85d;}

#contentnav ul li ul li ul li a.innerul3{width:136px; height:28px; display:block; color:#000; letter-spacing:3px; margin-left:60px; line-height:28px; border-bottom:1px dotted #333;}
#contentnav ul li ul li ul li a.innerul3:hover{ color:#9db85d;}


/*content*/
.margintop{ width:823px; height:110px; overflow:hidden;}
.contenttitle{width:765px; margin-left:30px; height:22px; border-bottom:2px #8a8a8a solid; line-height:22px; font-size:14px; font-weight:700;font-family:"微软雅黑", "黑体", "宋体"; letter-spacing:3px;}
.margin10{ height:10px; width:765px; overflow:hidden; font-size:2px;}
.margin20{ height:20px; width:765px; overflow:hidden; font-size:2px;}
#protable{}
#protable tr td a img{ border:2px #e3e3e3 solid;}
#protable tr.protext td{ text-align:center; font-size:12px; height:24px; line-height:24px;}
#protable tr.protext td a{ color:#000;}
#protable tr.protext td a:hover{ color:#009;}
.tablespr{ width:25px;}
.contentbotm{width:765px; margin-left:30px; height:10px; border-bottom:2px #8a8a8a solid; font-size:2px;}
.navbotm{ margin-right:30px; margin-top:5px;}
.navbotm ul li{ float:right; margin-right:5px;}
.contentspr3{ height:335px; width:765px; overflow:hidden; margin-left:30px; margin-top:10px;}
.contentspr31{ float:left; display:inline; width:240px; height:327px; overflow:hidden;margin-left:23px;}
.contentspr31 img,.contentspr33 img{border:2px #e3e3e3 solid;}
.contentspr32{ width:235px; height:327px; overflow:hidden;margin-left:10px; float:left; display:inline; }
.contentspr32 p{ font-size:12px; font-weight:700; line-height:30px; color:#000;}
#detable{margin-left:0px;}
.detableti{font-weight:700;}
#detable tr td{line-height:20px;}
#detable tr td.leftp{ text-align:right;}
.contentspr33{ width:240px; height:327px; overflow:hidden; margin-left:10px;float:left; display:inline;}
.contentspr33 p{ font-size:12px; font-weight:700; line-height:30px; color:#000;}
.contentspr33 a{ margin-top:30px; margin-left:150px; display:block;}
.contentspr33 a:hover{margin-top:31px;}
.contentspr33 a img{border:none;}

/*company intro*/
.leftarticle{ height:310px; width:750px; overflow:hidden; margin-left:30px; float:left; display:inline;}
.leftarticle p{ color:#454545; line-height:38px; text-indent:24px; font-size:12px;}
.rightimg{border:1px solid  #e3e3e3; height:300px; width:196px; background:url(../images/compbg.gif) repeat-x; overflow:hidden; float:left; margin-left:20px;}
.rightimg img{margin-left:7px; margin-top:8px;}

/*contactus*/
.cscompti{ line-height:48px; font-weight:700; color:#000; margin-left:162px;}
.csarticle{ line-height:18px; color:#000;}
.csguangzhou{line-height:18px;  margin-left:162px; color:#000; margin-top:14px;}
.csimg{float:right; display:inline; margin-top:-100px; margin-right:80px;}

/*newscenter*/
#newstable{margin-left:30px;}
#newstable tr .firstimg{ font-size:2px; background:url(../images/news.gif) no-repeat center;}
#newstable tr td{ line-height:26px;}
#newstable tr td a{ color:#000;}
#newstable tr td a:hover{ color:#f00;}
.newtitle{ width:765px; margin-left:30px; font-weight:700; font-size:14px; line-height:28px; text-align:center;}
.newcontent{ width:725px; margin-left:50px; line-height:18px; margin-top:20px; text-indent:24px;}
.newdate{ width:765px;font-size:12px; line-height:28px; text-align:right;}

/*employee*/
.emti{ margin-left:30px; line-height:20px; font-size:16px; color:#7283bb; font-weight:700;}
.emcontent{margin-left:30px; line-height:16px; font-size:12px; color:#000;}
.emsprline{margin-left:30px; height:10px; font-size:2px; border-top:1px dashed #000; margin-top:10px; width:765px;}

/*askprice*/
#pricetable{ margin-left:125px;}
#pricetable tr td{ line-height:38px;}
#pricetable tr td textarea{ width:460px; height:123px;border:2px #e3e3e3 solid;}
#pricetable tr td input.text{width:360px; height:18px; font-size:14px; line-height:18px;border:2px #e3e3e3 solid;}
#pricetable tr td input.btn{ margin-left:150px;}
#pricetable tr td input.btn1{ margin-left:10px;}