/***********总框架***********/
#bodyframe{ width:866px; background:url(../img/middle.gif) repeat-y; margin-left:auto; margin-right:auto;}

/***********TOP头部***********/
#top{ width:866px;}
#topBtn{ padding:0; height:15px; text-align:right; background: url(../img/toplina.gif) no-repeat 0 4px #d9d9d9;}
#topBtn a{ padding:0 10px 0 10px;}
#topF{ width:854px; margin-left:auto; margin-right:auto; background:url(../img/topbg.gif) repeat-x;}
#topF02{ width:100%; background:url(../img/topimg.gif) top right no-repeat;}
#logo{ float:left; width:169px; height:85px; padding:16px 0 0 22px; background:url(../img/logo.gif) no-repeat 22px 16px;}
#menu{ float:left; padding:41px 0 0 36px; width:535px; height:43px;}
.menuBtn{ display:block; float:left; width:107px; height:43px; background:url(../img/btnA.gif) no-repeat;}
.menuBtn a{ padding:20px 30px 15px 30px; background:url(../img/btnA.gif) no-repeat;}
.menuBtn a:hover{ padding:20px 40px 15px 40px; background:url(../img/btnB.gif) no-repeat;}
#topFlash{ width:816px; height:162px; margin-left:auto; margin-right:auto; background:url(../img/temp/FLASH.jpg) no-repeat;}
#topImg{ width:724px; height:38px; background:url(../img/topWz.gif) no-repeat 29px 5px; padding:5px 0 12px 29px;}
.lina01{ width:816px; height:5px; margin-left:auto; margin-right:auto; background:url(../img/lina01.gif) no-repeat; overflow:hidden;}
.lina02{ width:816px; height:5px; margin-left:auto; margin-right:auto; background:url(../img/lina02.gif) no-repeat;overflow:hidden;}

 #tabs10 { width:100%; line-height:normal;}
 #tabs10 ul {margin:0;padding:0;list-style:none;}
 #tabs10 li {display:inline;margin:0;padding:0;}
 #tabs10 a { float:left;background: url(../img/btnA.gif) no-repeat left top; margin:0;padding:0 0 0 4px;text-decoration:none;}
 #tabs10 a span {float:left;display:block;background: url(../img/btnB.gif) no-repeat right top;padding:13px 23px 14px 20px;color:#FFF;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
 #tabs10 a span {float:none;}
    /* End IE5-Mac hack */
 #tabs9 a:hover span {color:#FFF;}
 #tabs10 a:hover {background-position:0% -43px;}
 #tabs10 a:hover span { background-position:100% -43px; }
 #tabs10 #current a {background-position:0% -43px;}
 #tabs10 #current a span {background-position:100% -43px;}

/***********MIDDLE中部***********/
#middle{ width:816px; margin-left:auto; margin-right:auto; padding:11px 0 11px 0;}
/**关于思诺开始**/
#m1{ float:left; width:573px; padding:5px 0 10px 0;}
#m11{ width:100%; height:9px; background:url(../img/b01.gif) no-repeat; overflow:hidden;}
#m12{ width:100%; height:273px; background:url(../img/b02.gif) repeat-x;}
#m13{ width:100%; height:273px; background:url(../img/b03.gif) no-repeat left;}
#m14{ width:100%; height:273px; background:url(../img/b04.gif) no-repeat right;}
#m15{ width:100%; height:8px; background:url(../img/b05.gif) no-repeat; overflow:hidden;}

#m1L{ float:left; width:266px; padding-left:16px;}
#m1lina{ float:left; width:5px; height:273px; background:url(../img/lina03.gif) no-repeat 0 23px;}
#m1R{ float:right; width:266px; padding-right:10px;}
.m1Title{ height:21px; background:url(../img/title01.gif) no-repeat; padding:3px 0 10px 28px;}
.m1Img{ width:254px; height:118px;}
.m1Title02{ margin:10px 0 2px 0; height:10px; background:url(../img/newst.gif) no-repeat;}
.m1Title03{ margin:10px 0 2px 0; height:10px; background:url(../img/aboutt.gif) no-repeat;}
#m1 ul{ margin:0; padding:0;}
#m1 li{ margin:0; padding:0 0 0 20px; list-style:none; background:url(../img/tb03.gif) no-repeat 10px 7px;}
.m1More{ width:100%; height:19px; padding-top:6px;}
.m1Nr{ height:50px; padding:0 20px 0 10px;}


/**案例作品开始**/
#m2{ float:left; width:243px;}
#m21{ width:100%; height:14px; background:url(../img/c01.gif) no-repeat; overflow:hidden;}
#m22{ width:100%; height:273px; background:url(../img/c02.gif) repeat-x;}
#m23{ width:100%; height:273px; background:url(../img/c03.gif) no-repeat left;}
#m24{ width:100%; height:273px; background:url(../img/c04.gif) no-repeat right;}
#m25{ width:100%; height:11px; background:url(../img/c05.gif) no-repeat; overflow:hidden;}

.m2Title{ height:21px; background:url(../img/title02.gif) no-repeat 12px 0; padding:3px 0 6px 40px;}
.m2F{ overflow:hidden; height:230px;}
.m2ImgF{ width:210px; margin-left:auto; margin-right:auto; background:url(../img/lina04.gif) repeat-x bottom; padding:2px 0 2px 0; text-align:center;}
.m2ImgB{ border:1px solid #e1bc6e; padding:3px; background:#fff;}

/**为您服务开始**/
#m3{ float:left; width:100%;}
#m3Title{ width:100%; height:30px; background:url(../img/title03.gif) no-repeat; margin-top:14px;}
#m31{ float:left; width:260px; height:150px; padding:23px 0 0 21px; background: url(../img/morebg.gif) no-repeat bottom right;}
#m32{ float:left; width:257px; height:150px; padding:23px 0 0 23px; background: url(../img/morebg.gif) no-repeat bottom right;}
#m33{ float:right; width:233px; height:150px; padding:23px 0 0 22px; background: url(../img/morebg.gif) no-repeat bottom right;}
#m31gb{ width:100%; height:150px; background:url(../img/dimg01.gif) no-repeat 42px 18px;}
#m32gb{ width:100%; height:150px; background:url(../img/dimg02.gif) no-repeat 36px 17px;}
#m33gb{ width:100%; height:150px; background:url(../img/dimg03.gif) no-repeat 22px 18px;}
.m3sTitle{ padding:5px 0 0 27px; height:23px; background:url(../img/tb01.gif) no-repeat;}
#m3 ul{ margin:0; padding:8px 0 0 0;}
#m3 li{ margin:0; padding:3px 0 3px 24px; list-style:none; background:url(../img/tb02.gif) no-repeat 0 4px;}
#m33 img{ padding:0 0 0 6px;}

/***********BOTTOM底部***********/
#bottom{ width:866px;}
#lj{ width:800px; height:35px; padding:2px 0 2px 40px;}
.ljF{ float:left; width:110px; height:35px; padding-right:2px;}
#bottom02{ width:854px; height:78px; background:url(../img/bottom01.gif) repeat-x bottom; padding-top:18px; margin-left:auto; margin-right:auto; text-align:center;}
#bottom03{ width:100%; height:14px; background:url(../img/bottom02.gif) no-repeat; overflow:hidden;}
#bottomSpan{ width:100%; height:20px; background:#d8d8d8;}

/***********子页面***********/
#gg{ padding:0 0 20px 25px;}
/***********子页面左边***********/
#left{ float:left; width:150px;}
#leftZ{ width:150px;}
/***********子页面右边内容***********/
#right{ float:right; width:665px; background:url(../img/zlina02.gif) repeat-y left;}
#right02{ width:665px; background:url(../img/zlina01.gif) no-repeat top left;}
#right03{ width:665px; background:url(../img/zlina03.gif) no-repeat bottom left;}
#right04{ width:100%;}

#zTitle{ padding:0 0 20px 24px;}
.zTitle01{ float:left; padding:6px 10px 0 0; border-right:1px solid #c9c9c9;}
.zTitle02{ float:left; padding:6px 0 0 10px;}
#rightNr{ padding:0 20px 30px 26px;}

.zimgF{ width:100%; padding:20px 0 10px 0; border-bottom:1px solid #d9d9d9;}
.zimg{ float:left; width:250px; text-align:center; padding-bottom:20px;}
.zimgWz{ padding:5px 0 5px 0; text-align:center;}
#page{ padding:20px 0 0 10px;}

.xd{ padding:2px 10px 2px 10px; background:#f5f5f5; border:1px solid #e1e3e2; margin-bottom:5px;}
.fkF{ border:1px solid #e1e3e2; margin-bottom:10px;}
.fk{ padding:2px 10px 2px 10px; background:#f5f5f5; border-bottom:1px solid #e1e3e2;}
.fk span{ padding-right:20px;}
.fk02{ padding:10px;}

#newslist ul{ margin:0; padding:0;}
#newslist li{ margin:0; padding:5px 0 5px 15px; list-style:none; background:url(../img/tb03.gif) no-repeat 0 12px;}
.newsTitle{ text-align:center; padding:0 0 5px 0;}
.newsTime{ text-align:center; padding:0 0 20px 0;}
.newsNr{ line-height: 26px;}

