﻿/****精彩生活全局重置CSS事项说明*******
@最后更新时间:2012-04-09
@前端架构师:TPY202-小白
@注意事项:
    1:针对各类型风格专题,可以适当自由在BODY处添加背景色以及图片进行修饰;
    2:针对出现特殊风格专题的尾部..可以对尾部样式进行定位操作(position:relative;-position:absolute;);
    2:中间框架如采用表格布局.尽量与头尾分开.成为独立框架;
    4:使用DISPLAY布局模式.(display:inline-block;*display:inline;zoom:1;font-size:0;letter-spacing:负值)
/***********精彩生活全局重置CSS*****************/
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd{margin:0; font-size:12px;}
ul,ol,li{padding-left:0;list-style-type:none;}
img{border:0;}/***消除img默认边框*****/
a{text-decoration:none;}/* 链接无下划线 */
a:hover{cursor:pointer;text-decoration:underline;} /*鼠标在链接上出下划线,为手势形态 */
table {border-collapse:collapse;}/*细线表格*/
em{font-style:normal;}
html{ overflow-y:scroll;}/***默认让所有浏览器出现右边滚动条****/
.clear{font-size:0;line-height:0;height:0;clear:both;overflow:hidden;display:block;}/***默认清除浮动****/
body {font-family:"宋体";font-size:12px;width:100%;height:100%;}

/****************精彩生活全局头尾******************/


/*********尾部样式*********/
.tpy_gfoot { width:100%; clear:both; margin:0 auto;background:url(../images/bg_171.jpg) repeat-x 0px 0px;}

.tpy_gfoot .text{width:480px;margin:5px auto 0;padding:0;}
.tpy_gfoot .text{padding:5px 0px 0px 0px;}
.tpy_gfoot .text p{text-align:center;line-height:22px;color:#656565;}
.tpy_gfoot .text p a:link,.tpy_gfoot .text p a:visited,.tpy_gfoot .text p a:hover,.tpy_gfoot .text p a:active{color:#656565;}
.tpy_gfoot .link{width:980px;margin:0 auto;text-align:center;}
.tpy_gfoot .link ul li{display:inline-block;*display:inline;zoom:1;text-align:center;margin:0px 0px 0px 6px;vertical-align:middle;}
.tpy_gfoot .link ul li a{line-height:20px;color:#757575;}
.tpy_gfoot .link ul li a:hover{ text-decoration:underline;}
.tpy_gfoot dl{display:inline-block;*display:inline;zoom:1;margin:20px 5px 0px 5px;}
.tpy_gfoot dl dt{float:left;}.tpy_gfoot dl dd{float:left;margin:10px 0 0 5px;}.tpy_gfoot dl a{color:#000;}
.tpy_gfoot .link2{width:980px;margin:0 auto;text-align:center; height:30px; padding:0px 0 15px 0;color:#fff; }
.tpy_gfoot .link2 a{line-height:30px;color:#fff; padding:0 20px;}
.tpy_gfoot .link2 b{ font-weight:normal; color:#fff;}


/****中间头部样式***/
.tpy_gbg{ width:1100px;}
.diy_top{width:100%; background:url(../images/bg_172.jpg) bottom left repeat-x;}
.diy_cont{width:1200px;margin:0 auto; position:relative; z-index:9998;}
.diy_cont .logo{ float:left; display:inline;margin:15px 0 0px 40px;}

.diy_cont .listmenu{ position:absolute; left:250px; top:60px;  }
.diy_cont .listmenu span{ background:#bababa url(../images/jiantoubg_03.gif) 85px center no-repeat; color:#fff;height:23px; display:block; line-height:23px; width:90px; padding:0 10px 0 0; text-align:center; }
.diy_cont .listmenu .hover span{ background-color:#e3393c;cursor:pointer;}
.diy_cont .listmenu  ul{ display:none;}
.diy_cont .listmenu .hover ul{ display:block; width:480px; padding:10px; border:1px solid #e3393c; background:#fff; overflow:hidden;}
.diy_cont .listmenu  ul li{ float:left; width:160px; line-height:30px; padding:0 0 0 70px; position:relative; display:inline; margin:0 5px 0 0;}
.diy_cont .listmenu  ul li a{ color:#5b5b5b; padding:0 5px 0 0}
.diy_cont .listmenu  ul li em{ position:absolute; left:0px; top:0px; width:70px; height:30px; overflow:hidden;}
.diy_cont .listmenu  ul li em a{ color:#f3605f; font-weight:bold;}



.diy_cont .search{ float:left; line-height:42px; display:inline; margin:50px 20px 0px 145px; background:url(../images/D_index_14.jpg) no-repeat; width:506px;}

.diy_cont .S_list{height:42px; width:60px; float:left; text-align:center; position:relative;}

/* select */
div.selectbox-wrapper { position:absolute; background-color:white; border:1px solid #ccc; text-align:left; top:41px; left:2px;}
div.selectbox-wrapper ul li.selected {}
div.selectbox-wrapper ul li.current { background-color:#ce000a; color:#fff;  *width:57px;_width:60px;}
div.selectbox-wrapper ul li {display:block; margin:0; line-height:26px; cursor:pointer; width:60px; color:#555; font-size:12px; text-indent:10px;}
.selectbox { font-size:12px; display : block; width:60px; text-align:left; height:45px; padding-top:0px; cursor: pointer; border:none; background:none; color:#ce000c; z_index:9999; vertical-align:middle; text-indent:10px; line-height:45px;}






.diy_cont .search .S_input{ background:none;  border:none; height:45px; width:360px; float:left; line-height:45px; margin:0; padding:0;   outline: none;}
.diy_cont .search .btn1{ background:none; border:none; height:45px; width:75px; margin:0; padding:0; cursor:pointer;}

.diy_cont .search p{ line-height:30px; color:#4b4c4b; float:left; width:100%;}
.diy_cont .search p a{ color:#4b4c4b; padding:0 5px;}
.diy_cont .search p span{ color:#62b310;}




.diy_cont  .weixing{ padding:10px 0 0 0; width:170px; cursor:pointer;position:absolute; right:100px; top:30px;  z-index:9899; }
.diy_cont  #weixing_con{ width:125px; height:140px; font-size:12px; text-align:center; background:#ebebeb;overflow:hidden; color:#666; text-decoration:none; padding:10px 0;display:none; }
.diy_cont  #weixing_con img{ margin:5px 0;}





/* 右侧悬浮 */


#online_qq_layer{position:absolute;top:expression(eval(document.documentElement.scrollTop)); right:0;}

#online_qq_tab{width:32px;float:left;position:relative;z-index:9;}
#online_qq_tab a{display:block;height:85px;line-height:999em;overflow:hidden;}
#online_qq_tab a#floatShow{ background:url(../images/D_index_45.jpg) no-repeat;}
#online_qq_tab a#floatHide{ background:url(../images/D_index_47.jpg) no-repeat;}

#onlineService{display:inline;margin-left:-1px;float:left;width:148px;display:none; background:url(../images/xuanfu.gif) left no-repeat; height:85px; overflow:hidden;}
.onlineMenu{padding:10px 10px;}
.onlineMenu h3{ float:left; padding:0 10px 0 0;}
.onlineMenu p{ float:left; color:#eb5d5c; line-height:16px;}
.onlineMenu h4{ clear:both; font-weight:normal; font-size:12px; color:#eb5d5c; padding:15px 0 0 30px;}


/* online */

#online_qq_layer{z-index:9999;position:fixed;right:0px;top:0;margin:250px 0 0 0;}
*html,*html body{background-attachment:fixed;}
*html #online_qq_layer{position:absolute;top:expression(eval(document.documentElement.scrollTop));}



/*子页页码*/
.hpy_page{ text-align:right; clear:both; padding:40px 0 40px 0;}
.hpy_page em{ padding:0 30px 0 0;}
.hpy_page a{ display:inline-block; border:1px solid #dddddd; padding:0px 10px; color:#666666; height:28px; line-height:28px; margin:0 2px; text-decoration:none; background:#fff;}
.hpy_page a:hover{text-decoration:none;}
.hpy_page .next{}
.hpy_page span.aaaa{ background:#e33a3d; color:#fff; border:1px solid #e33a3d; font-weight:bold;display:inline-block;padding:0 10px; height:28px; line-height:28px; margin:0 2px;}
.hpy_page #GotoPageBottom{ width:60px;marign:0 10px; height:22px;}
.hpy_page .btn1{ border:none; background:#e8e8e8; color:#666666; margin:0 2px;border:1px solid #dddddd; height:28px; line-height:28px; padding:0 4px; }



.xueping_con{ width:100%; background:#f5f5f5; clear:both; margin:20px 0 0 0 ;}
.xueping_C8{ margin:0px auto;width:1200px;overflow:hidden; padding:0 0 10px 0; }
.xueping_C8  ul{ float:left; width:211px; padding:15px 5px;}
.xueping_C8  ul h2{ font-size:12px; color:#8a8a8a; line-height:30px;}
.xueping_C8  ul li a{ color:#8a8a8a; line-height:24px;}
.xueping_C8  ul li { color:#8a8a8a; line-height:24px;}

.xueping_C8 .qixia{ float:left; padding:10px 80px; text-align:center;font-family:"微软雅黑"; line-height:26px; }
.xueping_C8 .qixia p{font-size:14px;}
.xueping_C8 .qixia img{ height:124px; width:124px; }