/* 公共 */
body { background:url("img/HomeBg.jpg") top center no-repeat}
/*#banner{margin-top:16px}*/
/*website*/

#website figcaption{float:left; display:inline; margin-top:50px; margin-left:16px; width:226px}
#website p{text-indent:4px}
#website a{color:#F00}
#website div{background:url("img/w.jpg") top center no-repeat;width:78px; height:40px; text-align:center; float:left; display:inline; margin-right:14px; margin-left:4px; margin-top:8px}

figure img{ width:209px; height:130px; border:4px solid #ccc;}

#website figcaption:hover figure img{ width:209px; height:130px; border:4px solid #36b5d5;}
#website figcaption:hover figure,#website figcaption:hover span a ,#website figcaption:hover span,#website figcaption:hover p { color:#36b5d5;}

#website span a{color:#666}









.f1{ float:right}

.f2{ float:right; margin-left:10px}

/*website*/
#website{width:970px;   color:#666; background:url("img/webmid.jpg");}
#website figcaption{float:left; display:inline; margin-top:10px; margin-left:16px; width:226px;}
figure img{ width:209px; height:130px; border:4px solid #fff;}
figure { background-image:url("img/x18.gif");width:222px; height:143px;}
#website figcaption:hover figure img{ width:214px; height:135px; border:4px solid #36b5d5;}
#website figcaption:hover figure,#website figcaption:hover span a ,#website figcaption:hover span,#website figcaption:hover p { color:#36b5d5;}

#website span a{color:#666}

#website p{text-indent:4px; width:220px;}
 a.rd{color:#F00}
#website div{background:url("img/w.jpg") top center no-repeat;width:78px; height:40px; text-align:center; float:left; display:inline; margin-right:14px; margin-left:4px; margin-top:8px}

.sitewebtop{ width:969px; background-image:url("img/webtop.jpg"); height:39px; line-height:39px; text-align:left; font-size:16px; color:#8E8E8E; text-indent:20px; font-weight:bold; }

#postion{width:970px}
.website{background:url("img/website_05.jpg") left center no-repeat; height:79px; margin-top:14px}

/*hotnews*/
#hotnews{margin:10px 0; width:480px;overflow:hidden}
#tlist{display:inline;}
#tlist li{width:240px; height:31px; float:left; line-height:25px; display:inline; background:url("img/hotnews_02.gif") transparent top no-repeat; text-align:center}
#tlist li.active{background:url("img/hotnews_01.gif") no-repeat}
#tlist li.none{background:none; text-align:right; width:237px;border-bottom:1px solid #C2C2C2; height:24px; padding-right:3px; line-height:24px}
#tlist li a{color:#FFF; font-weight:bold}
#tlist li.none a{color:#555; font-weight:normal}
#v1,#v2,#v3,#v4{width:480px; display:none}


#v1{display:block}

#va1,#va2,#va3,#va4{width:480px; display:none}


#va1{display:block}


/*hotnews1*/
#hotnews1{margin:10px 0; width:480px;overflow:hidden}
#tlist1{display:inline;}
#tlist1 li{width:240px; height:31px; float:left; line-height:25px; display:inline; background:url("img/hotnews_02.gif") transparent top no-repeat; text-align:center}
#tlist1 li.active{background:url("img/hotnews_02.gif") no-repeat}
#tlist1 li.none{background:none; text-align:right; width:237px;border-bottom:1px solid #C2C2C2; height:24px; padding-right:3px; line-height:24px}
#tlist1 li a{color:#FFF; font-weight:bold}
#tlist1 li.none a{color:#555; font-weight:normal}
#v1,#v2,#v3,#v4{width:480px; display:none}


#v1{display:block}

#va1,#va2,#va3,#va4{width:480px; display:none}


#va1{display:block}


/*hotfocus*/
.hotfocus{margin-top:12px; margin-bottom:16px}
.hotfocus:after{display:inline; clear:both}
.hotfocus p{float:left; display:inline}
.hotfocus img{width:130px; height:87px; margin-right:10px; padding:4px; border:#C9C9C9 1px solid; float:left; display:inline}
.hotfocus .title{width:300px; font-size:14px; font-weight:bold; color:#555}
.hotfocus .title a{color:#555}
.hotfocus .cont{width:300px; margin-top:4px; color:#555}
.hotfocus span{color:#F00; margin-left:24px}
.hotfocus span a{color:#F00}
/*hotlist*/
.hotlist{ height:250px; margin-top:6px; padding:0}
.hotlist span{float:right; display:inline; color:#909090}
.hotlist li{border-bottom:#a8a8a8 1px dotted; background:url("img/li.jpg") left center no-repeat; text-indent:1em; line-height:30px}
.hotlist a{color:#444}
/*case*/
#case{ margin-top:12px; width:970px;}
.casetitle1{background:url("img/case.jpg") no-repeat; width:970px; height:48px;height:33px\9; overflow:hidden; line-height:48px; text-align:right; padding-top:15px\9; padding-right:14px}
.casetitle1 img{float:right; display:inline}


#case figcaption{float:left; display:inline; margin-top:12px; margin-left:4px; margin-right:4px; text-align:center}
#case figcaption.r{float:left; display:inline; margin-top:22px; margin-left:26px; margin-right:0;  text-align:center}
.bbi{ display:block}

.zbb span img{width:66px; height:20px; padding:0; border:none}
.zbb a{color:#ff3000}
.zbb{color:#ff3000; line-height:22px}

#case a{color:#555}

/*dlq*/
#dlq{ margin-top:0px; width:500px;}
.dlqtitle img{float:right; display:inline}


#dlq figcaption{float:left; display:inline; margin-top:11px; margin-left:4px; margin-right:4px; text-align:center}
#dlq figcaption.r{float:left; display:inline; margin-top:22px; margin-left:26px; margin-right:0;  text-align:center}
.bbi{ display:block}

.zbb span img{width:66px; height:20px; padding:0; border:none}
.zbb a{color:#ff3000}
.zbb{color:#ff3000; line-height:22px}

#dlq a{color:#555}

/*server*/
#server{width:970px; height:314px; overflow:hidden; background:url("img/Services.jpg") top center no-repeat; margin-top:28px}
#server article.smail1{width:180px; float:left; display:inline; margin-top:50px; margin-left:138px; color:#989898}
#server article.smail1 strong a{ color:#A5A5A5; font-size:16px;}



#server article.smail strong a{ color:#A5A5A5; font-size:16px;}



#server article.smail{width:180px; float:left; display:inline; margin-top:30px; margin-left:138px; color:#989898}


#server span{color:#F00}
#server span a{color:#F00}

/*ditu*/
#ditu{width:970px; height:260px; color:#666; background:url("img/webmid.jpg");}


/*map*/
#map{ width:970px;}
.casetitle{background:url("img/map.jpg") no-repeat; width:970px; height:48px;height:33px\9; overflow:hidden; line-height:48px; text-align:right; padding-top:15px\9; padding-right:14px}
.casetitle img{float:right; display:inline}


#map figcaption{float:left; display:inline; margin-top:12px; margin-left:4px; margin-right:4px; text-align:center}
#map figcaption.r{float:left; display:inline; margin-top:22px; margin-left:26px; margin-right:0;  text-align:center}
.bbi{ display:block}

.zbb span img{width:66px; height:20px; padding:0; border:none}
.zbb a{color:#ff3000}
.zbb{color:#ff3000; line-height:22px}

#map a{color:#555}




/*hxhl*/
#hxhl{width:970px; height:223px; color:#666; background:url("img/webmid.jpg");}


/*hx*/
#hx{ width:970px;}
.compay{background:url("img/hxhl.jpg") no-repeat; width:970px; height:48px;height:33px\9; overflow:hidden; line-height:48px; text-align:right; padding-top:15px\9; padding-right:14px}
.compay img{float:right; display:inline}


#hx figcaption{float:left; display:inline; margin-top:12px; margin-left:4px; margin-right:4px; text-align:center}
#hx figcaption.r{float:left; display:inline; margin-top:22px; margin-left:26px; margin-right:0;  text-align:center}
.bbi{ display:block}

.zbb span img{width:66px; height:20px; padding:0; border:none}
.zbb a{color:#ff3000}
.zbb{color:#ff3000; line-height:22px}

#hx a{color:#555}


/*QC*/
#QC{width:988px; margin:auto}
/*solutions*/
#solutions{width:655px; overflow:hidden; }
.solutionstitle{background:url("img/Equipment.jpg") top center no-repeat; width:640px; height:49px;height:34px\9; overflow:hidden; line-height:49px; text-align:right; padding-top:15px\9; padding-right:14px}
.solutionstitle img{float:right; display:inline}
.solucont{margin-top:28px; margin-left:6px; margin-left:4px; border-bottom:#999 1px dotted}
.solucont p{float:left; display:inline; width:450px; color:#777; margin-top:-4px; line-height:22px}
.solucont p strong a{color:#444; font-size:14px}
.solucont p span{color:#F00; margin-left:16px}
.solucont p span a{color:#F00}
.solucont img{ float:left; display:inline; width:160px; height:100px; padding:4px; border:1px solid #ccc; margin-right:12px; margin-bottom:16px}
/*contact*/
#contact{width:301px; height:225px; overflow:hidden; background:url("img/contact.jpg") no-repeat; margin-left:20px; margin-bottom:10px; padding-top:136px}
#contact img{margin-left:20px; margin-bottom:20px}