@import url("top.css");
@charset "utf-8";
/* CSS Document */

/* CSS Document */

#firstleft{ height:240px; float:left; margin:0px; padding:0px; width:210px; }
#firstleft .firstnews{ border:1px solid #f9a668; margin-bottom:8px; height:120px;  }
#firstleft .firstnews .newsbg{  background:url(../images/Buyimages/index/index/ggbg.jpg) repeat-x; height:33px; text-align:left; font-weight:bold; color:#000; line-height:30px; margin-bottom:5px; }

#firstleft .firstnews ul{ float:left; display:inline; background:url(../images/Buyimages/index/index/ggbgg.jpg) repeat-x; list-style:none; width:200px; margin-left:4px; display:inline; height:80px;}
#firstleft .firstnews li{line-height:25px; height:25px; text-align:left; width:170px; float:left; color:#ff9000; padding-left:10px; }
#firstleft .firstnews a{ color:#ff9000; text-decoration:none;}
#firstleft .firstnews a:hover{ color:#ff9000; text-decoration:underline;}
#firstleft .bgbottom{ border:1px solid #cfcfcf; background:url(../images/Buyimages/index/index/ggbggg.jpg) repeat-x; height:110px; margin-top:0px;}
#firstleft .bgbottom .titlebg{ width:200px; height:25px; text-align:left;}
#firstleft .bgbottom .newscp{ width:200px; height:85px;}
#firstleft .bgbottom .newscp .ull{ width:200px; list-style:none; height:45px;}
#firstleft .bgbottom .newscp .ull .lii{width:30px; float:left; height:25px; margin-top:5px;}
#firstleft .bgbottom .newscp .ull .span{ float:left; width:55px; height:40px;}
#firstleft .bgbottom .newscp .ull .cftu{ width:100px; height:40px; float:right;}
#firstleft .bgbottom .newscp .ull .cftu ul{ width:100px; float:left; list-style:none; height:40px;}
#firstleft .bgbottom .newscp .ull .cftu li{ width:100px; height:20px; text-align:left;}
.classcf{ margin:0px auto; }

/*class*/
#class{ border:1px solid #cfcfcf; border-top:0px; height:320px;}
#class .classtitle{ background:url(../images/Buyimages/index/index/classbg.jpg) repeat-x; height:31px; text-align:left; line-height:30px; font-weight:bold; text-align:left; margin-bottom:10px;}
#class .sort{ width:776px;}
#class .sort .sortleft{ background:url(../images/Buyimages/index/index/sortbg.jpg) repeat-x; width:360px; float:left; height:270px; margin-left:10px; display:inline;}
#class .sort .sortlcenter{ width:15px; float:left; margin-left:20px; margin-right:5px; background:url(../images/Buyimages/index/index/xx.jpg) center repeat-y; width:2px; height:270px;}
#class .sort .sortleft dl{ width:350px; margin-left:5px; margin-bottom:5px;}
#class .sort .sortleft dt{ width:340px; float:left; font-weight:bold; color:#ff9000; background:url(../images/Buyimages/index/index/bit10.gif) left 10px no-repeat; padding-left:10px; height:30px; line-height:30px;}
#class .sort .sortleft dd{ width:350px; float:left}


.dddtu{ background:url(../images/Buyimages/index/index/adbg.jpg) no-repeat; width:226px; height:102px; overflow:hidden;}
 .dddtu img{ margin-top:9px; width:209px; height:83px;}
/*first center*/
.divfirst{ width:776px; float:left;}

 .centertop{ height:240px; width:556px; float:right;  margin-bottom:8px; border:1px solid #FF8712; background:#FFF8F0;}
/*js tu*/
#jstu{ width:370px; height:230px; margin:5px; float:left; display:inline; overflow:hidden;}

#jstu img{ width:370px; height:230px;}
#turight{ width:160px; float:right; margin-right:8px; height:230px; margin-top:5px; overflow:hidden;}
#turight .title{ height:25px; line-height:25px; background:url(../images/Buyimages/index/index/bit1.jpg) center right no-repeat; text-align:left; font-weight:bold;}

#turight .listfont{ height:145px;}
#turight .listfont ul{ float:left; list-style:none;}
#turight .listfont li{ background:url(../images/Buyimages/index/index/bit.jpg) left 8px no-repeat; width:150px; float:left; padding-left:10px; text-align:left; height:23px; line-height:23px;}
#turight .tulistfont{ height:55px; float:right;}
#turight .tulistfont .left{ width:76px; height:54px; border:1px solid #cfcfcf; background:#fff;}
#turight .tulistfont .left img{ margin:1px; width:74px; height:52px;}
#turight .tulistfont .right{ width:75px;  text-align:left; height:55px;}
#turight .tulistfont .right a{ color:#FF7200; text-decoration:none;}

#turight .tulistfont .right a:hover{ color:#FF7200; text-decoration:underline;}
#firstright{ width:216px; float:right; }
#firstright .fisrtnav{ height:110px; overflow:hidden; border:1px solid #cfcfcf; margin-bottom:8px;}
#firstright .fisrtnav .bg{background:#f8f8f8; width:212px; height:106px; margin-top:2px;}
#firstright .fisrtnav .bg dl{ width:190px; float:left; height:25px; margin-top:10px; }
#firstright .fisrtnav .bg dt{ float:left; width:100px; text-align:left;}
#firstright .fisrtnav .bg dd{ float:right; width:90px; text-align:right;}
.newsupcp{ border:1px solid #cfcfcf; height:261px;}
.newsupcp .newsuptitle{ height:33px; background:url(../images/Buyimages/index/index/bg01.jpg) repeat-x; text-align:left; font-weight:bold; color:#000000; line-height:33px; margin-bottom:8px;}
.newsupcp .newsuplist{ width:206px;}
.newsupcp .newsuplist dl{ width:103px; float:left; height:106px;}
.newsupcp .newsuplist dt{ border:1px solid #cfcfcf; height:76px; width:90px; float:left;text-align:center;vertical-align:middle;  margin-left:5px; display:inline;display:table-cell;font-size:76px;vertical-align:middle;overflow:hidden;}
.newsupcp .newsuplist dt img{ max-height:76px;max-width:86px;vertical-align:middle; text-align:center;}
*.newsupcp .newsuplist dt img{ width: expression(this.width > 86 && this.width > this.height ? 76 : true); height: expression(this.height > 86 ? 76 : true); font-size:76px;vertical-align:middle; }



.newsupcp .newsuplist dd{  height:26px; width:90px; float:left; margin-left:5px; display:inline; text-align:center; }

.banner{ width:1000px; height:85px; margin:0px auto; float:none; margin-bottom:8px;}

.cpleft{ width:776px; float:left;}
.cpleft .titlebg{ background:url(../images/Buyimages/index/index/cpleftbg.jpg) left top no-repeat; height:37px; line-height:37px; text-align:left; font-weight:bold; color:#000000;}
.cpadtulist{ margin-bottom:8px;}
.cpadtulist .leftadtu{  background: #F3F3F3 url(../images/Buyimages/index/index/bg02.jpg) top repeat-x; width:173px; float:left;}

.cpadtulist .leftadtu .bordertu{ width:149px; background:#fff; border:1px solid #C4C4C4; height:310px; margin-top:10px;}

.cpadtulist .leftadtu .bordertu img{ width:139px; height:299px; margin:5px auto;}
.cpadtulist .leftadtu .bordertut{ width:149px; background:#fff; border:1px solid #C4C4C4; height:196px; margin-top:10px; margin-bottom:8px;}

.cpadtulist .leftadtu .bordertut img{ width:139px; height:186px; margin:5px auto;}
.cpadtulist .leftadtu .bordertute{ width:139px; text-align:left; line-height:24px; padding-top:10px; margin-bottom:5px;}

.rightcplistxx{ width:594px; float:right;}
.rightcplistxx dl{ width:148px; float:left; height:205px; background:url(../images/Buyimages/index/index/xx.jpg) right repeat-y;}
.rightcplistxx dt{ width:135px; height:130px; text-align:center; float:left; vertical-align:middle;padding-left:10px; display:inline; margin-bottom:10px;display:table-cell;font-size:130px;vertical-align:middle;overflow:hidden;}

.rightcplistxx dt img{max-width:120px; max-height:97px; vertical-align:middle;}


.rightcplistxx dd{width:130px; text-align:left; float:left; margin-left:15px; display:inline; overflow:hidden; height:20px;}
.rightcplistxx .fontdd{ text-align:left; color:#FF7800;}
.rightcplistb{ width:594px; float:right;}
.rightcplistb dl{ width:148px; float:left; height:199px; }
.rightcplistb dt{ width:130px; border:1px solid #cfcfcf; height:150px; text-align:center; float:left; margin-bottom:5px; display:inline; border:1px solid #DEDEDE;display:inline;display:table-cell;display:table-cell;font-size:120px;vertical-align:middle;overflow:hidden;}

.rightcplistb dt img{max-width:114px; max-height:125px; font-size:110px; vertical-align:middle; margin:3px; display:inline; }
*.rightcplistb dt img { this.width > 114 && this.width > this.height ? 125 : true);
height: expression(this.height > 114 ? 125 : true); font-size:110px;vertical-align:middle;margin:3px; display:inline;}


.rightcplistb dd{width:110px; text-align:left; float:left; margin-left:10px;height:20px; display:inline; overflow:hidden; }
.rightcplistb .fontdd{ text-align:left; color:#FF7800;}
.rightcplistxxx{ width:594px; float:right;}
.rightcplistxxx dl{ width:145px; float:left; height:205px; background:url(../images/Buyimages/index/index/xxx.jpg) right repeat-y;}
.rightcplistxxx dt{ width:125px; height:130px; text-align:center; float:left; display:table-cell;font-size:110px;vertical-align:middle;overflow:hidden; margin-bottom:10px;}
.rightcplistxxx dt img{max-width:105px; max-height:125px; font-size:105px; margin-let:8px; vertical-align:middle; display:inline; }
*.rightcplistxxx dt img { this.width > 105 && this.width > this.height ? 125 : true);
height: expression(this.height > 105 ? 125 : true); font-size:105px;vertical-align:middle;margin-left:8px;display:inline;}



.rightcplistxxx dd{width:110px; height:20px; text-align:left; float:left; padding-left:10px; display:inline; overflow:hidden; }

.rightcplistxxx .fontdd{ text-align:left; color:#FF7800;}


.cpright{ width:216px; float:right;}

.cprightborder{ border:1px solid #ff9000; margin-bottom:8px; }
.cprightborder .titlejiao{ height:30px; line-height:30px; margin-top:5px; position:relative;}
.cprightborder .titlejiao .jiao{ position:absolute; right:-7px; width:24px; height:22px; top:-10px; *top:-5px ;}
.cp515{ height:510px; width:206px;}
.cp515 dl{ width:206px; background:url(../images/Buyimages/index/index/line_x.gif) bottom repeat-x; height:90px; margin-bottom:10px;}
.cp515 dt{ float:left; width:74px; height:74px; margin-top:5px;display:table-cell;font-size:74px;vertical-align:middle;overflow:hidden;}

.cp515 dt img{max-width:74px; max-height:74px; font-size:74px; vertical-align:middle; }
*.cp515 dt img { this.width > 74 && this.width > this.height ? 74 : true);
height: expression(this.height > 74 ? 74 : true); font-size:74px;vertical-align:middle;}


.cp515 dd{ text-align:left; width:125px; float:right; line-height:25px;}

.cp780{ height:800px; width:206px;}
.cp780 dl{ width:206px; background:url(../images/Buyimages/index/index/line_x.gif) bottom repeat-x; height:90px; margin-bottom:10px;}
.cp780 dt{ float:left; width:74px; height:74px; margin-top:5px;display:table-cell;font-size:74px;vertical-align:middle;overflow:hidden;}
.cp780 dt img{  max-height:74px;max-width:74px;vertical-align:middle;}
.cp780 dd{ text-align:left; width:125px; float:right; line-height:25px; color:#000000;}
.cp780 dd img{ margin-top:8px;}
.cp440{ height:495px; width:206px; background: #fff url(../images/Buyimages/index/index/bg45.jpg) bottom repeat-x;}
.cp440 .tu440{ }
.cp440 .tu440 dl{ width:103px; float:left; }
.cp440 .tu440 dt{ width:86px; height:33px;border:1px solid #F2F2F2; float:left; margin-left:5px; display:inline; margin-top:5px; overflow:hidden; }
.cp440 .tu440 dt img{ width:80px; height:27px; margin:3px; display:inline;}
.cp440 .tu440 dd{  width:80px; float:left; text-align:center; line-height:25px; color:#000000;margin-left:5px; display:inline;}
.cp440 .tu440 ul{ width:206px; list-style:none; float:left;}
.cp440 .tu440 li{ background:url(../images/Buyimages/index/index/bit4.jpg) left 10px no-repeat; text-align:left; line-height:23px; width:80px; margin-left:8px; display:inline; padding-left:10px; color:#636363; float:left;}
.cp440 a{color:#636363; text-decoration:none;}
.cp440 a:hover{color:#ff9000; text-decoration:underline;}

.rirghtbanner{ width:216px; height:200px; margin-bottom:5px;}
.rirghtbanne{ width:216px; height:95px; margin-bottom:5px;}
.rirghtbann{ border:1px solid #cfcfcf; height:154px;}
.rirghtbann img{ margin-top:5px;}

/*news css 2010-4-28*/
.cffalsh{ height:180px; margin-bottom:8px;}
.cftu75{ height:75px; margin-bottom:8px;}
.cftu280{ height:280px; margin-bottom:8px; width:216px;}


.cp300{ height:400px; width:206px;}
.cp300 dl{ width:206px; background:url(../images/Buyimages/index/index/line_x.gif) bottom repeat-x; height:90px; margin-bottom:10px;}
.cp300 dt{ float:left; width:74px; height:74px; margin-top:5px;display:table-cell;font-size:74px;vertical-align:middle;overflow:hidden;}

.cp300 dt img{max-width:74px; max-height:74px; font-size:74px; vertical-align:middle; }
*.cp300 dt img { this.width > 74 && this.width > this.height ? 74 : true);
height: expression(this.height > 74 ? 74 : true); font-size:74px;vertical-align:middle;}


.cp300 dd{ text-align:left; width:125px; float:right; line-height:25px;}


.cp400{ height:450px; width:206px;}
.cp400 dl{ width:206px; background:url(../images/Buyimages/index/index/line_x.gif) bottom repeat-x; height:90px; margin-bottom:10px;}
.cp400 dt{ float:left; width:74px; height:74px; margin-top:5px;display:table-cell;font-size:74px;vertical-align:middle;overflow:hidden;}
.cp400 dt img{  max-height:74px;max-width:74px;vertical-align:middle;}
.cp400 dd{ text-align:left; width:125px; float:right; line-height:25px; color:#000000;}
.cp400 dd img{ margin-top:8px;}

.cfnewsfirstleft{border:1px solid #f9a668; margin-bottom:8px; height:120px;}
.cfnewsfirstleft .img{ width:204px; height:110px; margin-top:4px;}