@charset 'utf-8';
@import url(fonts.css);

/*
 * 全站变灰(悼念)
 */
/*
html{
    filter: grayscale(100%);
     -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\"><filter id=\"grayscale\"><feColorMatrix type=\"matrix\" values=\"0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\"/></filter></svg>#grayscale");
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    filter: gray;
    -webkit-filter: grayscale(1);
}
*/

/*
 * 初始化样式
 */ 
body{margin:0;padding:0;}
img {max-width:100%;border:0;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
/*
pre {margin: 15px 0 0 0;padding: 20px;border: 0;border: 1px dotted #785;background: #f5f5f5;line-height: 1.4;font-family: Consolas;}
*/

/* ul或ol下li取消样式 **/
.no-list-style,
.no-list-style ul,
.no-list-style ol,
.no-list-style li{margin:0px;padding:0px;list-style:none;}

/*公共类*/
.none{display:none !important;}
.block{display: block !important;}
.inline{display:inline !important;}
.inline-block{display:inline-block !important;}
.pre {margin:15px auto;padding: 20px;border: 0;border: 1px dotted #785;background: #f5f5f5;line-height: 1.4;font-family: Consolas;}

/*浮动*/
.tc{margin:auto;text-align:center;}
.fl{float:left !important;}
.fr{float:right !important;}
.cl{clear:both !important;}

/*外边距*/
.margin{margin:15px !important;}
.margin-0{margin:0px !important;}
.margin-5{margin:5px !important;}
.margin-10{margin:10px !important;}
.margin-20{margin:20px !important;}
.margin-30{margin:30px !important;}
.margin-top{margin-top:15px !important;}
.margin-top-0{margin-top:0px !important;}
.margin-top-5{margin-top:5px !important;}
.margin-top-10{margin-top:10px !important;}
.margin-top-20{margin-top:20px !important;}
.margin-top-30{margin-top:30px !important;}
.margin-bottom{margin-bottom:15px !important;}
.margin-bottom-0{margin-bottom:0px !important;}
.margin-bottom-5{margin-bottom:5px !important;}
.margin-bottom-10{margin-bottom:10px !important;}
.margin-bottom-20{margin-bottom:20px !important;}
.margin-bottom-30{margin-bottom:30px !important;}
.margin-left{margin-left:15px !important;}
.margin-left-0{margin-left:0px !important;}
.margin-left-5{margin-left:5px !important;}
.margin-left-10{margin-left:10px !important;}
.margin-left-20{margin-left:20px !important;}
.margin-left-30{margin-left:30px !important;}
.margin-right{margin-right:15px !important;}
.margin-right-0{margin-right:0px !important;}
.margin-right-5{margin-right:5px !important;}
.margin-right-10{margin-right:10px !important;}
.margin-right-20{margin-right:20px !important;}
.margin-right-30{margin-right:30px !important;}

/*内边距*/
.padding{padding:15px !important;}
.padding-0{padding:0px !important;}
.padding-5{padding:5px !important;}
.padding-10{padding:10px !important;}
.padding-20{padding:20px !important;}
.padding-30{padding:30px !important;}
.padding-top{padding-top:15px !important;}
.padding-top-0{padding-top:0px !important;}
.padding-top-5{padding-top:5px !important;}
.padding-top-10{padding-top:10px !important;}
.padding-top-20{padding-top:20px !important;}
.padding-top-30{padding-top:30px !important;}
.padding-bottom{padding-bottom:15px !important;}
.padding-bottom-0{padding-bottom:0px !important;}
.padding-bottom-5{padding-bottom:5px !important;}
.padding-bottom-10{padding-bottom:10px !important;}
.padding-bottom-20{padding-bottom:20px !important;}
.padding-bottom-30{padding-bottom:30px !important;}
.padding-left{padding-left:15px !important;}
.padding-left-0{padding-left:0px !important;}
.padding-left-5{padding-left:5px !important;}
.padding-left-10{padding-left:10px !important;}
.padding-left-20{padding-left:20px !important;}
.padding-left-30{padding-left:30px !important;}
.padding-right{padding-right:15px !important;}
.padding-right-0{padding-right:0px !important;}
.padding-right-5{padding-right:5px !important;}
.padding-right-10{padding-right:10px !important;}
.padding-right-20{padding-right:20px !important;}
.padding-right-30{padding-right:30px !important;}

/*字体方向*/
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}
.text-center{text-align: center !important;}

/*字体大小*/
.fz-10{font-size:10px !important;}
.fz-12{font-size:12px !important;}
.fz-14{font-size:14px !important;}
.fz-15{font-size:15px !important;}
.fz-16{font-size:16px !important;}
.fz-17{font-size:17px !important;}
.fz-18{font-size:18px !important;}
.fz-19{font-size:19px !important;}
.fz-20{font-size:20px !important;}
.fz-21{font-size:21px !important;}
.fz-22{font-size:22px !important;}
.fz-23{font-size:23px !important;}
.fz-24{font-size:24px !important;}
.fz-25{font-size:25px !important;}
.fz-26{font-size:26px !important;}
.fz-28{font-size:28px !important;}
.fz-30{font-size:30px !important;}
.fz-32{font-size:32px !important;}
.fz-34{font-size:34px !important;}
.fz-36{font-size:36px !important;}
.fz-38{font-size:38px !important;}
.fz-40{font-size:40px !important;}
.fz-42{font-size:42px !important;}
.fz-44{font-size:44px !important;}
.fz-46{font-size:46px !important;}
.fz-48{font-size:48px !important;}
.fz-50{font-size:50px !important;}
.fz-52{font-size:52px !important;}
.fz-54{font-size:54px !important;}
.fz-56{font-size:56px !important;}
.fz-58{font-size:58px !important;}
.fz-60{font-size:60px !important;}

/*字体粗细*/
.fw-100{font-weight:100 !important;}
.fw-400{font-weight:400 !important;}
.fw-600{font-weight:600 !important;}
.fw-800{font-weight:800 !important;}

/*字体样式*/
.fs-normal{font-style:normal !important;}
.fs-italic{font-style:italic !important;}
.fs-oblique{font-style:oblique !important;}

/*字体颜色*/
.color-grey{color:#999 !important;}
.color-white{color:#fff !important;}
.color-default{color:#333 !important;}
.color-danger{color:#FF5722 !important;}
.color-warning{color:#FFB800 !important;}
.color-success{color:#5FB878 !important;}
.color-info{color:#01AAED !important;}
.color-black{color:#000 !important;}
.color-blue{color:#0000ff !important;}
.color-green{color:#ddff1c !important;}
.color-37 {color: #373737 !important;}
.color-48 {color: #484848 !important;}
.color-54 {color: #545454 !important;}
.color-76 {color: #767676 !important;}
.color-83 {color: #838383 !important;}
.color-89 {color: #898989 !important;}
.color-9a {color: #9a9a9a !important;}
.color-9c {color: #9c9c9c !important;}
.color-9d {color: #9d9d9d !important;}
.color-b2 {color: #b2b2b2 !important;}
.color-b5 {color: #b5b5b5 !important;}
.color-ee {color: #eeeeee !important;}

/*控制字母大小写*/
.text-transform-big {text-transform:uppercase !important;}
.text-transform-first{text-transform:capitalize !important;}
.text-transform-small{text-transform:lowercase !important;}

/*背景颜色*/
.bgcolor-grey{background-color:#999 !important;color:#fff !important;}
.bgcolor-white{background-color:#fff !important;color:#000 !important;}
.bgcolor-default{background-color:#fff !important;color:#333 !important;}
.bgcolor-danger{background-color:#FF5722 !important;color:#fff !important;}
.bgcolor-warning{background-color:#FFB800 !important;color:#5d4403 !important;}
.bgcolor-success{background-color:#5FB878 !important;color:#fff !important;}
.bgcolor-info{background-color:#01AAED !important;color:#fff !important;}
.bgcolor-black{background-color:#000 !important;color:#fff !important;}
.bgcolor-37 {background-color: #373737 !important;color:#fff !important;}
.bgcolor-48 {background-color: #484848 !important;color:#fff !important;}
.bgcolor-54 {background-color: #545454 !important;color:#fff !important;}
.bgcolor-76 {background-color: #767676 !important;color:#fff !important;}
.bgcolor-83 {background-color: #838383 !important;color:#fff !important;}
.bgcolor-89 {background-color: #898989 !important;color:#fff !important;}
.bgcolor-9a {background-color: #9a9a9a !important;color:#fff !important;}
.bgcolor-9c {background-color: #9c9c9c !important;color:#fff !important;}
.bgcolor-9d {background-color: #9d9d9d !important;color:#333 !important;}
.bgcolor-b2 {background-color: #b2b2b2 !important;color:#333 !important;}
.bgcolor-b5 {background-color: #b5b5b5 !important;color:#333 !important;}
.bgcolor-ee {background-color: #eeeeee !important;color:#000 !important;}
.bgcolor-ffe {background-color: #ffffee !important;color:#000 !important;}

/*背景图片设置*/
.bg-default {background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.bg-fixed {background-repeat: no-repeat;background-attachment: fixed;background-position: center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

/*让容器内容撑满*/
.height-auto{height:auto !important;overflow:hidden !important;}

/* 边框 */
.border{border:#ccc solid 1px;}

.border-color-default{border-color:#333333 !important;}
.border-color-danger{border-color:#FF5722 !important;}
.border-color-warning{border-color:#FFB800 !important;}
.border-color-success{border-color:#5FB878 !important;}
.border-color-info{border-color:#01AAED !important;}

.border-style-none{border-style:none !important;}
.border-style-solid{border-style:solid !important;}
.border-style-dashed{border-style:dashed !important;}
.border-style-dotted{border-style:dotted !important;}
.border-style-groove{border-style:groove !important;}

.border-width-0,.border-none{border-width:0px !important;}
.border-width-1{border-width:1px !important;}
.border-width-2{border-width:2px !important;}
.border-width-3{border-width:3px !important;}

.border-none{border:none !important;}

/*边框圆角*/
.border-radius{border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.border-radius-0{-webkit-border-radius:0 !important;-moz-border-radius:0 !important;-ms-border-radius:0 !important;-o-border-radius:0 !important;border-radius:0 !important;}
.border-radius-50{-webkit-border-radius:50% !important;-moz-border-radius:50% !important;-ms-border-radius:50% !important;-o-border-radius:50% !important;border-radius:50% !important;}
.border-radius-100{-webkit-border-radius:100% !important;-moz-border-radius:100% !important;-ms-border-radius:100% !important;-o-border-radius:100% !important;border-radius:100% !important;}

.box-shadow-none{-webkit-box-shadow:none;box-shadow:none;}
.box-shadow{-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);box-shadow: inset 0 1px 1px rgba(0,0,0,.05);}

/*flex布局*/
.flex_direction_row{display:flex !important;flex-direction:row !important;}
.flex_direction_column{display:flex !important;flex-direction:column !important;}


/*位置（position）*/
.position-static{position: static !important;}
.position-relative{position: relative !important;}
.position-absolute{position: absolute !important;}
.position-fixed{position: fixed !important;}

/*模拟表格*/
.div-table, .div-table * {margin:0 auto;padding:0;}   
.div-table {display:table;border-collapse:collapse;}   
.div-table-tr {display:table-row; height:30px;}   
.div-table-th {display:table-cell;font-weight:800;height:100%;text-align:center;vertical-align:middle;}   
.div-table-td {display:table-cell;height:100%;text-align:center;vertical-align:middle;}  

/**自定义表格样式*/
.my-table{width:auto;padding:4px;background-image:url(../images/sgbk_index_bg.png);}
.my-table table{width:100%;background-color:#fff}
.my-table table th{border:1px solid #dee6f2;background-color:#f7faff;padding:10px 10px}
.my-table table td{border:1px solid #dee6f2;text-align:center;padding:10px 10px}


.my-line {width: 60px;height: 5px;display: block;background: #27ae60;margin-top: 15px;position: relative; }
.my-line:before {width: 20px;height: 5px;content: "";background: #333333;position: absolute;right: 0; }


.ul{counter-reset:section;list-style: none;padding: 0px;}
.ul li{line-height: 44px;height:44px;overflow:hidden;list-style: none;
border-bottom:#ccc dashed 1px
}
.ul li:last-child{border-bottom-width:0px}
.ul li:before{counter-increment:section;content:counter(section);display:inline-block;padding:0 6px;margin-right:10px;height:18px;line-height:18px;background:#717070;color:#fff;border-radius:3px;font-size:9px}
.ul li:nth-child(1):before{background:#ff6a00}
.ul li:nth-child(2):before{background:#107db4}
.ul li:nth-child(3):before{background:#56ae11}
.ul li a{font-size:16px;letter-spacing:1px;font-family:'方正简标宋','新宋体'}
.ul li span{font-size:14px;}

.ul-2{counter-reset:section;list-style: none;padding: 0px;}
.ul-2 li{line-height: 44px;height:44px;overflow:hidden;list-style: none;
border-bottom:#ccc dashed 1px
}
.ul-2 li:last-child{border-bottom-width:0px}
.ul-2 li a{font-size:16px;letter-spacing:1px;font-family:'方正简标宋','新宋体'}
.ul-2 li span{font-size:14px;}

/*图片放大*/
img.zoom-img:hover {-webkit-transform: scale(1.15);-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 750ms;-moz-transform: scale(1.15);-moz-transition-timing-function: ease-out;-moz-transition-duration: 750ms;overflow: hidden;}
img.zoom-img {width: 100%;-webkit-transform: scale(1, 1);-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 250ms;-moz-transform: scale(1, 1);-moz-transition-timing-function: ease-out;-moz-transition-duration: 250ms;cursor:pointer;}

/*图变灰色*/
.gallery-grid img{width:100%;}
.gallery-grid:hover img {-webkit-filter: grayscale(100%);opacity:8;transition: all 300ms!important;-webkit-transition: all 300ms!important;-moz-transition: all 300ms!important;}
.gallery-grid a {display: block;}
.gallery-grid{padding: 0 5px;margin-top: 10px;}