@charset "utf-8";
/* 全局样式 */

/*html5*/
article, aside, dialog, figure, footer, header, legend, nav, section {display:block; margin:0px; padding:0px;}
html{
      height:100%;
      scroll-behavior: smooth;/**平滑滚动**/
}
/* 定义滚动条样式 */
*::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: rgba(240, 240, 240, 1);
}
/*定义滚动条轨道 内阴影+圆角*/
*::-webkit-scrollbar-track {
    box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
    border-radius: 10px;
    background-color: rgba(240, 240, 240, .5);
}
/*定义滑块 内阴影+圆角*/
*::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 0px gray;
    background-color: gray;
}
/*全局总体*/
body {
    margin:0; 
    padding:0; 
    font-size:14px; 
    font-family:"Microsoft YaHei", Simsun; 
    min-width: 1050px;
    height: 100%;
}
/* 小屏幕设备 水平缩放并且左移40像素*/
@media screen and (max-width: 767px) {
  #h_user,#link,#footer,#bottom,#h_logo_search, .boxshadow3d {
    min-width: 765px;
  	transform : scale(0.95,1) translateX(-40px)
  }
}

/* 中等屏幕设备 水平缩放并且左移40像素*/
@media screen and (min-width: 768px) and (max-width: 1050px) {
  #h_user,#link,#footer,#bottom,#h_logo_search, .boxshadow3d {
  	transform : scale(0.95,1) translateX(-40px)
  }
}

/* 大屏幕设备*/
@media screen and (min-width: 1051px) {
  body {
     min-width: 1050px;
  }
}
/**背景亮晶晶**/
.bg_image{
	background-image: linear-gradient(to bottom,rgba(16, 192, 192,0.6),rgba(16, 192, 192,0.6))/**,url(/meta/WEB/others/watermark.action)**/,url(../images/hexagons.gif);
    background-position: center center;
    background-repeat: repeat;
    background-attachment: local;
    background-size: revert-layer;
}
ul,ol,li,dl,dt,dd,menu {margin:0; padding:0; list-style:none;}
a img {border:none;}
form {border:none; margin:0; padding:0;}
button {font-family:"Microsoft YaHei", simhei, simsun;}
.clear {clear:both;}
.mainBody {
    width:1024px; 
    height:auto; 
    margin:0 auto; 
    overflow:hidden; 
    clear:both;
}
.top15 {margin-top:15px;}
.bottom15 {margin-bottom:15px;}
.bottom40 {margin-bottom:40px;}

/*链接样式*/
a:link {color:#3377bb; text-decoration:none;}
a:visited {color:#687b8c; text-decoration:none;}
a:hover {color:#0060b5; text-decoration:underline;}
a:active {color:#3377bb; text-decoration:none;}

/*超出部分省略号*/
.slh li,.shengluehao {
	white-space:nowrap;/*强制文本在一行内显示*/
	text-overflow:ellipsis; /*溢出省略号，支持ie、safari（webkit）*/
	-o-text-overflow:ellipsis; /*溢出省略号，支持opera*/
	overflow:hidden;/*溢出隐藏*/
	-moz-binding:url('ellipsis.xml#ellipsis');/*溢出省略号，支持firefox*/
}

/*更多按钮*/
a.more {width:65px; height:20px; display:inline-block; background:#0fb4b3; color:#FFF; border:1px solid #FFF; font-size:12px; text-align:center; line-height:20px;}
a.more:hover {background:#078f8e; text-decoration:none;}


/*标题字*/
h1,h2,h3,h4,h5,h6 {font-family:"微软雅黑","黑体","宋体";}

/*颜色块*/
.red {color:#F00;}
.orange {color:#F70;}
.link {color:#6ad;}

/*黑背景*/
#black_bg {background:#000; width:100%; display:none; position:absolute; z-index:999; opacity:0.5; filter:alpha(opacity:50); top:0; left:0}

/* 轮播 */
.lunbo,.lunbo ul,.lunbo ul li {width:auto; height:auto; z-index:5;}/*需要再定义宽高*/
.lunbo {position:relative; margin:0;}
.lunbo ul li {position:absolute; display:none;}
/*.lunbo ul li img {width:auto; height:auto;}需要再定义宽高*/
.lunbo div {width:100%; position:absolute; text-align:center; z-index:10; bottom:10px;}


/*分页*/
.page {width:100%; height:70px; text-align:center; color:#727171;background: #fff;}
.page a {height:30px; line-height:30px; display:inline-block; padding:0 10px; background:none; font-size:16px; color:#727171; text-decoration:none; border-radius:5px;}
.page a:hover,.page a.selected {background:#2eb5b4; color:#FFF;}

.page_2 {width:100%; height:20px; text-align:center; color:#727171;}
.page_2 a {height:20px; line-height:20px; display:inline-block; padding:0 6px; background:none; font-size:14px; color:#727171; text-decoration:none; border-radius:5px;}
.page_2 a:hover,.page_2 a.selected {background:#2eb5b4; color:#FFF;}

/*垂直居中*/
.wrap {   
	display:table;
	_position:relative;
	overflow:hidden;
}   
.subWrap {
	vertical-align:middle;
	display:table-cell;
	_position:absolute;
	_top:50%;
}   
.wrapContent {
	_position:relative;
	_top:-50%;
} 

/**3d盒子阴影 **/
.boxshadow3d {
   box-shadow: 0 0 80px rgba(0, 0, 0, 1), 0 0  100px rgba(0, 0, 0, 1);
   /** 立体
   perspective: 1000px;
   transform-style: preserve-3d;
   transform: rotateX(20deg) rotateY(30deg) translate3d(0, 0, 50px);
   **/
   /** 所有页面整体透明 **/ 
   opacity: 0.95;
}