* {
     margin: 0;
     padding: 0
 }
 
 body {
     font: 15px microsoft yahei, Arial, Helvetica, sans-serif;
     color: #333;
     background: #e9eaed;
     line-height: 1.5;
     overflow-x: hidden
 }
 
 img {
     border: 0;
     display: block
 }
 
 ul,
 li {
     list-style: none
 }
 
 a {
     text-decoration: none;
     color: #333
 }
 
 a:hover {
     color: #000;
     text-decoration: none
 }
 
 .clear {
     clear: both;
     width: 100%;
     overflow: hidden;
     height: 20px
 }
 
 .clearblank {
     clear: both;
     width: 100%;
     overflow: hidden
 }
 
 .fl {
     float: left!important
 }
 
 .fr {
     float: right!important
 }
 
 .box,
 article {
     width: 1200px;
     margin: auto;
     overflow: hidden
 }
 
 .navbox {
     width: 1200px;
     margin: auto
 }
 
 .mt20 {
     margin-top: 20px
 }
 
 .blue {
     color: #00c1de
 }
 
 @font-face {
     font-family: iconfont;
     src: url(../font/iconfont.eot);
     src: url(../font/iconfont.eot) format('embedded-opentype'), url(../font/iconfont.woff) format('woff'), url(../font/iconfont.ttf) format('truetype'), url(../font/iconfont.svg) format('svg')
 }
 
 header {
     width: 100%;
     padding: 5px 0;
     background: #1c2327;
     height: 50px
 }
 
 header::before {
     background: #000 linear-gradient(to left, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
     content: "";
     height: 5px;
     position: absolute;
     top: 0;
     width: 100%
 }
 
 .logo {
     float: left;
     margin-right: 60px;
     line-height: 50px;
     color: #fff;
     font-size: 22px
 }
 
 .logo a {
     color: #fff
 }
 
 .logo img {
     margin-top: 14px
 }
 
 .imgscale img {
     width: 100%;
     -moz-transition: all .5s ease;
     -webkit-transition: all .5s ease;
     -ms-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
     transition: all .5s
 }
 
 .imgscale:hover img {
     transform: scale(1.1)
 }
 
 nav {
     float: left;
     height: 50px;
     line-height: 50px;
     text-align: center
 }
 
 #starlist {}
 
 #starlist li {
     position: relative;
     display: inline;
     float: left;
     width: max-content
 }
 
 #starlist li a {
     display: inline;
     float: left;
     padding: 0 16px;
     color: #fff
 }
 
 #starlist li a:hover,
 #starlist #selected,
 .selected>a,
 #starlist li:hover {
     color: #00c1de
 }
 
 #starlist li:hover a {
     color: #00c1de
 }
 
 #starlist ul.sub {
     overflow: hidden;
     position: absolute;
     left: 0;
     top: 50px;
     background: #1c2327;
     display: none;
     z-index: 9
 }
 
 #starlist ul.sub li {
     height: 30px;
     line-height: 30px;
     font-size: 14px;
     overflow: hidden;
     text-align: left
 }
 
 #starlist ul.sub li:last-child {
     padding-bottom: 10px
 }
 
 #starlist ul.sub li a {
     color: #fff
 }
 
 #starlist ul.sub li a:hover {
     color: #00c1de
 }
 
 #starlist li:hover ul.sub {
     display: block
 }
 
 .menu:before {
     position: absolute;
     content: "";
     top: 22px;
     right: 5px;
     background: url(../image/jt.png) no-repeat;
     width: 8px;
     height: 8px;
     -ms-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -webkit-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease
 }
 
 .menu:hover:before {
     transform: rotate(180deg)
 }
 
 #mnavh {
     display: none;
     margin: 5px 0 0;
     width: 24px;
     height: 40px;
     float: right;
     text-align: center;
     padding: 0 10px
 }
 
 .navicon {
     display: block;
     position: relative;
     width: 30px;
     height: 5px;
     background-color: #fff;
     margin-top: 20px
 }
 
 .navicon:before,
 .navicon:after {
     content: '';
     display: block;
     width: 30px;
     height: 5px;
     position: absolute;
     background: #fff;
     -webkit-transition-property: margin, -webkit-transform;
     transition-property: margin, -webkit-transform;
     transition-property: margin, transform;
     transition-property: margin, transform, -webkit-transform;
     -webkit-transition-duration: 300ms;
     transition-duration: 300ms
 }
 
 .navicon:before {
     margin-top: -10px
 }
 
 .navicon:after {
     margin-top: 10px
 }
 
 .open .navicon {
     background: 0 0
 }
 
 .open .navicon:before {
     margin-top: 0;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg)
 }
 
 .open .navicon:after {
     margin-top: 0;
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg)
 }
 
 .open .navicon:before,
 .open .navicon:after {
     content: '';
     display: block;
     width: 30px;
     height: 5px;
     position: absolute;
     background: #fff
 }
 
 .menu span {
     display: none;
     width: 50px;
     height: 50px;
     background: #12b7de;
     opacity: .5;
     position: absolute;
     top: 0;
     right: 0;
     border-left: #49ccea 1px solid
 }
 
 .searchico {
     margin-top: 5px;
     width: 39px;
     height: 39px;
     float: right;
     display: inline;
     cursor: pointer;
     background: url(../image/bg.png) no-repeat center!important
 }
 
 .searchbox {
     width: 1200px;
     margin: 10px auto;
     overflow: hidden;
     background: #fff;
     position: relative
 }
 
 .search {
     width: 50%;
     margin: 20px auto;
     background: #222;
     border-radius: 0 5px 5px 0;
     position: relative;
     border: #ccc 1px solid;
     display: none
 }
 
 .search input.input_submit {
     border: 0;
     background: 0;
     color: #fff;
     outline: none;
     position: absolute;
     padding: 10px 11%;
     cursor: pointer
 }
 
 .search input.input_text {
     border: 0;
     line-height: 36px;
     height: 36px;
     width: 72%;
     padding-left: 10px;
     outline: none
 }
 
 .open {
     display: block!important
 }
 
 .searchclose {
     background: url(../image/close.png) no-repeat;
     display: block;
     position: absolute;
     width: 28px;
     height: 30px;
     right: 5px;
     top: 5px
 }
 
 .lbox {
     width: 75%;
     float: left;
     overflow: hidden
 }
 
 .banbox {
     width: 68.5%;
     overflow: hidden;
     float: left;
     border-radius: 3px;
     margin-bottom: 20px
 }
 
 .banner {
     width: 100%;
     overflow: hidden;
     float: left
 }
 
 .fader {
     position: relative;
     width: 100%;
     height: 260px;
     font-family: futura, arial;
     overflow: hidden
 }
 
 .fader .slide {
     position: absolute;
     width: 100%;
     top: 0;
     z-index: 1;
     opacity: 0
 }
 
 .fader .slide img {
     width: 100%;
     height: 260px;
     margin: auto
 }
 
 .fader .prev,
 .fader .next {
     position: absolute;
     height: 32px;
     line-height: 32px;
     width: 40px;
     top: 50%;
     left: 50px;
     z-index: 4;
     margin-top: -25px;
     cursor: pointer;
     opacity: 0;
     transition: all 150ms
 }
 
 .fader .prev {
     background: url(../image/left.png) no-repeat
 }
 
 .fader .next {
     left: auto;
     right: 50px;
     background: url(../image/right.png) no-repeat
 }
 
 .fader .pager_list {
     position: absolute;
     width: 100%;
     height: 26px;
     padding: 0;
     line-height: 40px;
     bottom: 0;
     text-align: center;
     z-index: 4
 }
 
 .fader .pager_list li {
     border-radius: 10px;
     display: inline-block;
     width: 10px;
     height: 10px;
     margin: 0 7px;
     background: #fff;
     opacity: .9;
     text-indent: -9999px;
     cursor: pointer;
     transition: all 150ms
 }
 
 .fader .pager_list li:hover,
 .fader .pager_list li.active {
     opacity: 1;
     background: #12b7de
 }
 
 .banner:hover .fader_controls .page.prev {
     opacity: .7;
     left: 20px
 }
 
 .banner:hover .fader_controls .page.next {
     opacity: .7;
     right: 20px
 }
 
 .headline {
     width: 30%;
     float: right;
     overflow: hidden
 }
 
 .headline ul {
     height: 260px
 }
 
 .headline ul li {
     width: 100%;
     background: #000;
     overflow: hidden;
     height: 125px;
     margin-bottom: 10px;
     border-radius: 3px;
     position: relative
 }
 
 .headline ul li a {
     display: block;
     overflow: hidden;
     height: 100%
 }
 
 .headline ul li img {
     width: 100%;
     height: 100%;
     -moz-transition: all .5s ease;
     -webkit-transition: all .5s ease;
     -ms-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
     transition: all .5s;
     opacity: .7
 }
 
 .headline ul li:hover img {
     transform: scale(1.1);
     opacity: 1
 }
 
 .headline ul li span {
     bottom: 0;
     position: absolute;
     top: 30%;
     left: 0;
     right: 0;
     color: #fff;
     text-align: center;
     font-size: 15px;
     margin-top: 5px;
     padding: 0 40px;
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-box-orient: vertical;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     line-height: 24px;
     height: 48px
 }
 
 .tab_buttons {
     margin-bottom: 10px;
     width: 100%;
     overflow: hidden;
     border-bottom: #e4e3e3 1px solid
 }
 
 .tab_buttons li {
     display: block;
     font-size: 16px;
     line-height: 40px;
     float: left;
     width: 100px;
     text-align: center;
     position: relative;
     cursor: pointer
 }
 
 .newscurrent:after {
     content: "";
     background: #000;
     width: 100px;
     height: 2px;
     position: absolute;
     bottom: 0;
     left: 0
 }
 
 .newsitem {
     display: none
 }
 
 .newsitem:nth-child(1) {
     display: block
 }
 
 .whitebg {
     background: #fff;
     border-radius: 3px;
     padding: 20px;
     margin-bottom: 20px;
     overflow: hidden
 }
 
 .tab_box {
     clear: both;
     position: relative
 }
 
 .newslist {
     float: right;
     width: 66%
 }
 
 .newslist li {
     overflow: hidden;
     line-height: 32px;
     padding: 0 20px 10px
 }
 
 .newslist li a {
     height: 32px
 }
 
 .newslist li img {
     width: 100%
 }
 
 .newslist li {
     height: 22px
 }
 
 .newslist li:hover {
     height: 100%;
     background: #f7f7f7
 }
 
 .newslist li:hover a {
     color: #000;
     font-weight: 700
 }
 
 .newslist li:hover i {
     background: #222
 }
 
 .newslist li:nth-child(1) {
     height: 100%;
     background: #f7f7f7
 }
 
 .newslist li:nth-child(1) a {
     color: #000;
     font-weight: 700
 }
 
 .newslist li:nth-child(1) i {
     background: #9a9a9a
 }
 
 .newslist:hover li:nth-child(1) {
     height: 22px;
     background: 0 0
 }
 
 .newslist:hover li:nth-child(1) a {
     color: #333;
     font-weight: 400
 }
 
 .newslist:hover li:nth-child(1) i {
     background: #9a9a9a
 }
 
 .newslist:hover li:nth-child(1):hover {
     height: 100%;
     background: #f7f7f7
 }
 
 .newslist:hover li:nth-child(1):hover a {
     color: #000;
     font-weight: 700
 }
 
 .newslist:hover li:nth-child(1):hover i {
     background: #222
 }
 
 .newslist p {
     line-height: 24px;
     font-size: 14px;
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-box-orient: vertical;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     height: 48px
 }
 
 .newspic {
     float: left;
     width: 32%;
     height: 218px;
     overflow: hidden;
     position: relative
 }
 
 .newspic ul {
     overflow: hidden
 }
 
 .newspic li {
     height: 100px;
     position: relative;
     background: #000;
     overflow: hidden;
     margin-bottom: 10px;
     border-radius: 3px
 }
 
 .newspic li a {
     display: block;
     overflow: hidden
 }
 
 .newspic img {
     height: 100%;
     width: 100%;
     opacity: .7;
     -moz-transition: all .5s ease;
     -webkit-transition: all .5s ease;
     -ms-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
     transition: all .5s
 }
 
 .newspic span {
     bottom: 0;
     position: absolute;
     bottom: 30%;
     left: 0;
     right: 0;
     color: #fff;
     text-align: center;
     font-size: 15px;
     padding: 0 40px;
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-box-orient: vertical;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     line-height: 22px
 }
 
 .newspic li:hover img {
     opacity: .9;
     transform: scale(1.1)
 }
 
 .newsitem ul li i {
     display: block;
     width: 20px;
     height: 20px;
     background: #9a9a9a;
     float: left;
     margin-top: 6px;
     margin-right: 20px;
     position: relative;
     font-style: normal
 }
 
 .newsitem ul li i::before {
     position: absolute;
     left: 0;
     top: 0;
     font-size: 9px;
     color: #fff;
     line-height: 20px;
     width: 20px;
     text-align: center
 }
 
 .newsitem ul li:first-child i {
     background: #222
 }
 
 .newsitem ul li:first-child i::before {
     content: "1"
 }
 
 .newsitem ul li:nth-child(2) i::before {
     content: "2"
 }
 
 .newsitem ul li:nth-child(3) i::before {
     content: "3"
 }
 
 .newsitem ul li:nth-child(4) i::before {
     content: "4"
 }
 
 .newsitem ul li:nth-child(5) i::before {
     content: "5"
 }
 
 .zhuanti ul {
     overflow: hidden;
     padding: 10px 0 20px 10px;
     position: relative
 }
 
 .zhuanti ul:before {
     content: "";
     position: absolute;
     background: #fff;
     width: 1px;
     height: 100%;
     left: 10px
 }
 
 .zhuanti ul:after {
     content: "";
     position: absolute;
     background: #fff;
     width: 100%;
     height: 1px;
     bottom: 20px;
     left: 0
 }
 
 .zhuanti li {
     float: left;
     width: 27.6%;
     border-bottom: #eee 1px solid;
     border-left: #eee 1px solid;
     overflow: hidden;
     padding: 20px;
     -moz-transition: all .5s ease;
     -webkit-transition: all .5s ease;
     transition: all .5s ease
 }
 
 .ztpic {
     width: 100%;
     height: 100px;
     overflow: hidden;
     border-radius: 3px;
     background: #ccc;
     display: block
 }
 
 .ztpic img {
     display: inline-block;
     width: 100%;
     min-height: 100%;
     height: auto;
     vertical-align: middle;
     transition: all .5s ease-out .1s
 }
 
 .zhuanti li b {
     display: block;
     width: 100%;
     overflow: hidden;
     height: 30px;
     line-height: 30px;
     margin: 10px 0;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden
 }
 
 .zhuanti li span {
     color: #999;
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-box-orient: vertical;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     font-size: 14px;
     height: 62px;
     display: block
 }
 
 .readmore {
     margin: 10px 0 0;
     color: #096;
     display: block
 }
 
 .readmore:before {
     content: "+";
     color: #063
 }
 
 .zhuanti li:hover {
     background: #fff;
     box-shadow: #ccc 1px 1px 8px
 }
 
 .zhuanti li:hover img {
     transform: scale(1.05)
 }
 
 .bloglist ul {
     padding: 10px 0 0
 }
 
 .bloglist li {
     overflow: hidden;
     margin-bottom: 20px;
     border-bottom: #eee 1px dashed;
     padding-bottom: 20px;
     position: relative;
     min-height: 120px
 }
 
 .blogtitle {
     margin: 0 0 10px;
     font-size: 18px;
     overflow: hidden
 }
 
 .bloglist li:hover .blogtitle a {
     color: #337ab7
 }
 
 .blogtitle b {
     color: red
 }
 
 a.viewmore {
     display: block;
     right: 10px;
     bottom: 20px;
     position: absolute;
     padding: 3px 10px;
     background: #12b7de;
     color: #fff;
     border-radius: 3px
 }
 
 .blogpic {
     float: left;
     width: 23.2%;
     margin-right: 20px;
     display: block;
     overflow: hidden;
     border-radius: 3px;
     position: relative;
     max-height: 140px
 }
 
 .blogpic i {
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 9;
     font-style: normal;
     padding: 3px 5px;
     background: rgba(18, 182, 221, .8);
     font-size: 14px
 }
 
 .blogpic i a {
     color: #fff
 }
 
 .bplist {
     display: block;
     overflow: hidden
 }
 
 .bplist a {
     display: block;
     float: left;
     width: 25%;
     overflow: hidden
 }
 
 .bplist a img {
     border-radius: 3px;
     width: 200px;
     height: 140px;
     -moz-transition: all .5s ease;
     -webkit-transition: all .5s ease;
     -ms-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
     transition: all .5s
 }
 
 .bplist a img:hover {
     transform: scale(1.05)
 }
 
 .blogtext {
     font-size: 14px;
     color: #666;
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-box-orient: vertical;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     margin-top: 20px
 }
 
 .bloginfo {
     margin-top: 20px;
     overflow: hidden;
     color: #999;
     line-height: 34px
 }
 
 .bloginfo span {
     margin: 0 5px
 }
 
 .bloginfo span a {
     color: #096
 }
 
 .avatar {
     position: relative;
     float: left;
     width: 30px;
     height: 30px;
     border-radius: 100%;
     padding: 2px;
     display: block;
     background: -webkit-linear-gradient(bottom left, rgba(0, 153, 255, .9), rgba(42, 228, 197, .7));
     background: -o-linear-gradient(bottom left, rgba(0, 153, 255, .9), rgba(42, 228, 197, .7));
     background: linear-gradient(to top right, rgba(0, 153, 255, .9), rgba(42, 228, 197, .7))
 }
 
 .avatar img {
     width: 100%;
     border-radius: 50%
 }
 
 .avatar::after {
     content: "";
     position: absolute;
     background: url(../image/v.png) no-repeat;
     background-size: 12px;
     width: 12px;
     height: 12px;
     right: 0;
     bottom: 0
 }
 
 .sqlink {
     float: right;
     margin-right: 10px;
     font-size: 14px
 }
 
 .sqlink a {
     color: #666
 }
 
 .sqlink a:hover {
     color: #000;
     text-decoration: underline
 }
 
 .links ul {
     overflow: hidden;
     margin-top: 20px
 }
 
 .links li {
     display: inline-block;
     width: 50%;
     float: left;
     line-height: 30px;
     text-align: center
 }
 
 .links li a {
     display: block
 }
 
 .links li:hover {
     background: #f7f7f7
 }
 
 .rbox {
     width: 23.5%;
     float: right;
     overflow: hidden
 }
 
 .card {
     box-shadow: 0 1px 0 rgba(255, 255, 255, .1), inset 0 1px 1px rgba(0, 0, 0, .7);
     border-radius: 3px;
     background: url(../image/quote-bg.png) no-repeat top right #2a2a2a;
     height: 260px;
     overflow: hidden;
     margin-bottom: 20px
 }
 
 .card h2 {
     font-size: 22px;
     margin: 10px;
     color: #89919a;
     font-weight: 400;
     padding-bottom: 10px
 }
 
 .card p {
     font-size: 12px;
     padding: 0 0 0 20px;
     line-height: 28px;
     text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
     color: #d0d2d4;
     -webkit-animation: animations2 5s ease-in-out 5s;
     -moz-animation: animations2 5s ease-in-out 5s;
     -o-animation: animations2 5s ease-in-out 5s;
     -ms-animation: animations2 5s ease-in-out 5s;
     animation: animations2 5s ease-in-out 5s
 }
 
 .linkmore {
     margin: 15px
 }
 
 .linkmore li {
     width: 25%;
     float: left
 }
 
 .linkmore li a {
     height: 53px;
     display: block;
     overflow: hidden;
     box-shadow: 0 1px 0 rgba(255, 255, 255, .1), inset 0 1px 1px rgba(0, 0, 0, .7);
     border-radius: 50%;
     margin: 0 5px
 }
 
 .linkmore li a:hover {
     opacity: .5
 }
 
 .iconfont {
     font-family: iconfont!important;
     font-size: 30px;
     font-style: normal;
     -webkit-font-smoothing: antialiased;
     text-align: center;
     line-height: 53px;
     -moz-osx-font-smoothing: grayscale
 }
 
 .icon-youxiang:before {
     content: "\e640"
 }
 
 .icon-weixin:before {
     content: "\e501"
 }
 
 .icon---:before {
     content: "\e607"
 }
 
 .icon-zhuye:before {
     content: "\e64b"
 }
 
 a.iconfont.icon-zhuye {
     color: #ef5509;
     font-size: 36px
 }
 
 a.iconfont.icon-youxiang {
     color: #ff991a;
     font-size: 28px
 }
 
 a.iconfont.icon--- {
     color: #1296db
 }
 
 a.iconfont.icon-weixin {
     color: #07af12
 }
 
 #weixin {
     position: relative
 }
 
 #weixin i {
     display: block;
     position: absolute;
     bottom: 55px;
     right: 0
 }
 
 #weixin i img {
     height: 100px;
     display: none
 }
 
 #weixin:hover i img {
     display: block
 }
 
 .htitle {
     font-size: 16px;
     line-height: 40px;
     border-bottom: 1px solid #eee;
     color: #484848;
     font-weight: 400;
     position: relative;
     margin-bottom: 10px
 }
 
 .htitle:after {
     content: "";
     position: absolute;
     width: 60px;
     height: 2px;
     content: "";
     background: #000;
     left: 0;
     bottom: 0;
     -moz-transition: all .5s ease;
     -webkit-transition: all .5s ease;
     transition: all .5s ease
 }
 
 .htitle:hover:after {
     width: 80px
 }
 
 .hnav {
     float: right
 }
 
 .hnav a {
     display: block;
     margin-right: 10px;
     padding-right: 10px;
     float: left;
     position: relative
 }
 
 .hnav a:after {
     position: relative;
     content: "/";
     right: -10px;
     bottom: 0;
     color: #ccc
 }
 
 .hnav a:last-child::after {
     content: ""
 }
 
 .notice ul {
     padding-top: 18px
 }
 
 .notice li {
     font-size: 12px;
     line-height: 30px;
     margin-bottom: 12px;
     display: block;
     -moz-border-radius: 4px;
     border-radius: 4px;
     background: #f6f6f6;
     padding: 4px 12px 4px 30px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     position: relative;
     -moz-transition: all .2s ease;
     -webkit-transition: all .2s ease;
     transition: all .2s ease
 }
 
 .notice li:before {
     position: absolute;
     content: "";
     width: 3px;
     height: 3px;
     background: #000;
     border-radius: 10px;
     left: 15px;
     top: 20px
 }
 
 .notice li:hover {
     background: #f2f2f2;
     box-shadow: 0 0 10px #ccc;
     -moz-transition: all .2s ease;
     -webkit-transition: all .2s ease;
     transition: all .2s ease
 }
 
 .topnews {
     display: block;
     margin: 20px 0;
     background: #000;
     position: relative;
     overflow: hidden;
     border-radius: 3px;
     max-height: 110px
 }
 
 .topnews img {
     opacity: .7
 }
 
 .topnews span {
     bottom: 0;
     position: absolute;
     bottom: 30%;
     left: 0;
     right: 0;
     color: #fff;
     text-align: center;
     font-size: 15px;
     padding: 0 40px;
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-box-orient: vertical;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     line-height: 22px
 }
 
 .topnews:hover img {
     opacity: .9;
     transform: scale(1.1)
 }
 
 .paihang ul {
     overflow: hidden
 }
 
 .paihang ul li {
     height: 30px;
     line-height: 30px;
     margin-bottom: 10px;
     padding-left: 5px;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden
 }
 
 .paihang ul li:nth-child(even) {
     background: #f6f6f6
 }
 
 .paihang ul li i {
     display: block;
     width: 16px;
     height: 16px;
     background: #b1b1b1;
     float: left;
     margin-top: 8px;
     margin-right: 10px;
     position: relative;
     font-style: normal
 }
 
 .paihang ul li i::before {
     position: absolute;
     left: 0;
     top: 0;
     font-size: 9px;
     color: #fff;
     line-height: 16px;
     width: 16px;
     text-align: center
 }
 
 .paihang ul li:first-child i,
 .paihang ul li:nth-child(2) i,
 .paihang ul li:nth-child(3) i {
     background: #f60
 }
 
 .paihang ul li:first-child i::before {
     content: "1"
 }
 
 .paihang ul li:nth-child(2) i::before {
     content: "2"
 }
 
 .paihang ul li:nth-child(3) i::before {
     content: "3"
 }
 
 .paihang ul li:nth-child(4) i::before {
     content: "4"
 }
 
 .paihang ul li:nth-child(5) i::before {
     content: "5"
 }
 
 .paihang ul li:nth-child(6) i::before {
     content: "6"
 }
 
 .paihang ul li:nth-child(7) i::before {
     content: "7"
 }
 
 .paihang ul li:nth-child(8) i::before {
     content: "8"
 }
 
 .paihang ul li:hover {
     -moz-transition: all .2s ease;
     -webkit-transition: all .2s ease;
     transition: all .2s ease
 }
 
 .tuijian ul {
     overflow: hidden;
     padding-top: 10px
 }
 
 .tuijian li {
     overflow: hidden;
     margin-bottom: 10px;
     height: 60px
 }
 
 .tuijian li i {
     width: 70px;
     height: 70px;
     margin-right: 10px;
     overflow: hidden;
     display: block;
     float: left
 }
 
 .tuijian li i img {
     height: 100%;
     max-width: 100%;
     min-width: 100%;
     -moz-transition: all .5s ease;
     -webkit-transition: all .5s ease;
     -ms-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
     transition: all .5s
 }
 
 .tuijian li p {
     margin-top: 10px;
     line-height: 20px;
     max-height: 40px;
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-box-orient: vertical;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     font-size: 14px
 }
 
 .tuijian li:hover {
     background: #f6f6f6
 }
 
 .tuijian li:hover img {
     transform: scale(1.1)
 }
 
 .ad ul {
     overflow: hidden;
     border-radius: 3px
 }
 
 .wenzi li {
     line-height: 22px;
     margin-bottom: 10px;
     position: relative;
     padding-left: 15px
 }
 
 .wenzi li:before {
     position: absolute;
     content: "";
     width: 3px;
     height: 3px;
     background: #000;
     border-radius: 10px;
     left: 0;
     top: 10px
 }
 
 .tongji li {
     margin-bottom: 8px
 }
 
 .tongji li a {
     color: #096
 }
 
 .tongji li a:hover {
     text-decoration: underline;
     color: #000
 }
 
 .tongji_gzh {
     width: 80%;
     margin: auto;
     overflow: hidden
 }
 
 .tongji_gzh img {
     width: 100%
 }
 
 footer {
     background: #373d41;
     width: 100%;
     border-top: #00c1de 10px solid;
     padding: 30px 0;
     color: #73777a;
     font-size: 14px
 }
 
 .wxbox {
     overflow: hidden;
     float: left;
     margin-right: 20px
 }
 
 .wxbox li {
     float: left;
     margin: 0 10px;
     text-align: center
 }
 
 .wxbox img {
     height: 100px
 }
 
 .endnav b {
     font-size: 16px;
     color: #00c1de
 }
 
 .endnav p {
     margin-bottom: 5px
 }
 
 footer a {
     color: #73777a
 }
 
 footer a:hover {
     color: #00c1de
 }
 
 .top {
     width: 40px;
     height: 40px;
     display: block;
     background: url(../image/top.png) no-repeat center #000;
     right: 20px;
     bottom: 10%;
     position: fixed
 }
 
 .lanmu img {
     height: 100px;
     float: left;
     margin-right: 20px
 }
 
 .lanmu h1 {
     font-size: 22px;
     margin-bottom: 15px
 }
 
 .lanmu p {
     color: #666
 }
 
 .liucheng ul {
     overflow: hidden;
     margin-top: 20px
 }
 
 .liucheng li {
     width: 33.3%;
     float: left;
     padding-bottom: 20px
 }
 
 .liucheng li section {
     display: block;
     margin: 0 15px;
     box-shadow: #e9eaed 1px 1px 5px
 }
 
 .liucheng li h2 {
     font-size: 16px;
     line-height: 36px;
     background: #1c2327;
     color: #fff;
     font-weight: 400;
     text-align: center;
     margin-bottom: 15px
 }
 
 .liucheng li p {
     padding: 0 10px;
     font-size: 14px;
     line-height: 30px
 }
 
 .liucheng li p:last-child {
     padding-bottom: 15px
 }
 
 .liucheng li a:hover {
     color: #30a6de
 }
 
 .red {
     color: red
 }
 
 #lc_weixin {
     position: relative
 }
 
 #lc_weixin i {
     display: block;
     position: absolute;
     bottom: 40px;
     right: 0;
     box-shadow: #e9eaed 1px 1px 5px
 }
 
 #lc_weixin i img {
     height: 100px;
     display: none
 }
 
 #lc_weixin:hover i img {
     display: block
 }
 
 .pagelist {
     text-align: center;
     color: #666;
     width: 100%;
     clear: both;
     margin: 0 0 10px
 }
 
 .pagelist a {
     color: #666;
     margin: 0 5px 10px;
     padding: 5px 10px;
     background: #f7f7f7;
     display: inline-block
 }
 
 .pagelist a:hover,
 .pagelist>b {
     color: #3690cf;
     color: #fff;
     background: #1c2327
 }
 
 .pagelist>b {
     padding: 5px 10px
 }
 
 a.curPage {
     color: #19585d;
     font-weight: 700
 }
 
 .cloud ul a {
     line-height: 24px;
     height: 24px;
     display: block;
     background: #999;
     float: left;
     padding: 3px 10px;
     margin: 10px 5px 0 0;
     border-radius: 3px;
     -moz-transition: all .5s;
     -webkit-transition: all .5s;
     -o-transition: all .5s;
     transition: all .5s;
     color: #fff
 }
 
 .cloud ul a:nth-child(8n-7) {
     background: #8a9b0f
 }
 
 .cloud ul a:nth-child(8n-6) {
     background: #eb6841
 }
 
 .cloud ul a:nth-child(8n-5) {
     background: #3fb8af
 }
 
 .cloud ul a:nth-child(8n-4) {
     background: #fe4365
 }
 
 .cloud ul a:nth-child(8n-3) {
     background: #fc9d9a
 }
 
 .cloud ul a:nth-child(8n-2) {
     background: #edc951
 }
 
 .cloud ul a:nth-child(8n-1) {
     background: #c8c8a9
 }
 
 .cloud ul a:nth-child(8n) {
     background: #83af9b
 }
 
 .cloud ul a:first-child {
     background: #036564
 }
 
 .cloud ul a:last-child {
     background: #3299bb
 }
 
 .cloud ul a:hover {
     border-radius: 0;
     text-shadow: #000 1px 1px 1px
 }
 
 .site_tj {
     overflow: hidden;
     padding-top: 20px
 }
 
 .site_tj li {
     width: 16.6%;
     float: left;
     text-align: center;
     line-height: 30px;
     margin-bottom: 10px
 }
 
 .site_tj li a {
     border-radius: 3px;
     display: block;
     border: 1px solid #ebebeb;
     margin: 0 5px;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden
 }
 
 .site_tj li:hover a {
     box-shadow: 0 4px 10px -4px rgba(48, 63, 107, .2);
     background: #222;
     color: #fff
 }
 
 .site_yx li:nth-child(30n) {
     margin-bottom: 60px
 }
 
 .about {
     overflow: hidden;
     background: url(../image/abbg.png) no-repeat right top #fff;
     padding: 20px 40px
 }
 
 .ab_box {
     overflow: hidden;
     margin: 20px 0
 }
 
 .ab_box h3 {
     margin: 10px 0;
     font-size: 18px
 }
 
 .ab_box p {
     color: #666;
     margin-bottom: 5px
 }
 
 .avatar_pic {
     position: relative;
     float: left;
     margin-right: 10px;
     background: -webkit-linear-gradient(bottom left, rgba(0, 153, 255, .9), rgba(42, 228, 197, .7));
     background: -o-linear-gradient(bottom left, rgba(0, 153, 255, .9), rgba(42, 228, 197, .7));
     background: linear-gradient(to top right, rgba(0, 153, 255, .9), rgba(42, 228, 197, .7));
     display: block;
     padding: 2px;
     width: 100px;
     border-radius: 50%
 }
 
 .avatar_pic img {
     width: 100%;
     border-radius: 50%
 }
 
 .avatar_pic:before {
     position: absolute;
     content: "";
     background: url(../image/v.png) no-repeat;
     bottom: 0;
     right: 10px;
     height: 24px;
     width: 24px;
     background-size: 24px
 }
 
 .ab_dubai {
     margin-bottom: 15px;
     display: inline-block
 }
 
 .ly_button {
     float: right;
     width: 100px;
     background: #000;
     text-align: center;
     border-radius: 3px;
     line-height: 30px
 }
 
 .ly_button a {
     color: #fff
 }
 
 .gd_title {
     margin: 20px 0;
     font-size: 18px;
     background: url(../image/hline.png) no-repeat bottom right;
     width: 120px;
     clear: both;
     background-size: 40px;
     border-bottom: #000 1px dashed;
     padding-left: 10px;
     padding-bottom: 5px;
     display: inline-block
 }
 
 .xinlu li {
     width: 25%;
     float: left;
     overflow: hidden;
     margin-bottom: 20px
 }
 
 .xinlu li a {
     display: block;
     margin: 0 10px;
     background: #f3f3f3;
     padding: 20px
 }
 
 .xinlu li i {
     display: block;
     overflow: hidden;
     height: 120px;
     margin-bottom: 10px
 }
 
 .xinlu li i img {
     width: 100%;
     min-height: 120px;
     -moz-transition: all .5s ease;
     -webkit-transition: all .5s ease;
     -ms-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
     transition: all .5s
 }
 
 .xinlu li i:hover img {
     transform: scale(1.1)
 }
 
 .xinlu li p {
     font-weight: 700;
     margin-bottom: 10px;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden
 }
 
 .xinlu li span {
     color: #666;
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-box-orient: vertical;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     font-size: 14px;
     height: 62px
 }
 
 .myblog {
     overflow: hidden;
     clear: both
 }
 
 .myblog li {
     width: 20%;
     float: left;
     display: block;
     text-align: center;
     padding-bottom: 10px;
     position: relative;
     overflow: hidden
 }
 
 .myblog li:after {
     position: absolute;
     content: "";
     right: 0;
     top: 0;
     background: #e9eaed;
     height: 100%;
     width: 1px
 }
 
 .myblog li:last-child:after {
     content: none
 }
 
 .myblog li b {
     display: block;
     line-height: 30px;
     margin-bottom: 10px
 }
 
 .buttons {
     display: block;
     margin: 10px auto;
     width: 130px;
     text-align: center;
     background: #00c1de;
     padding: 5px 0;
     border-radius: 3px;
     color: #fff
 }
 
 .buttons:hover {
     color: #fff
 }
 
 .myblog li:nth-child(even) .buttons {
     background: #f60
 }
 
 .myblog p {
     margin-bottom: 10px
 }
 
 .qq_join li {
     float: left;
     width: 25%
 }
 
 .qq_join li section {
     margin: 0 20px;
     box-shadow: #ccc 1px 1px 5px;
     padding: 10px;
     display: block;
     overflow: hidden
 }
 
 .qq_join li img {
     width: 90%;
     margin: auto;
     background: -webkit-linear-gradient(bottom left, rgba(0, 153, 255, .9), rgba(42, 228, 197, .7));
     background: -o-linear-gradient(bottom left, rgba(0, 153, 255, .9), rgba(42, 228, 197, .7));
     background: linear-gradient(to top right, rgba(0, 153, 255, .9), rgba(42, 228, 197, .7));
     display: block;
     padding: 5px
 }
 
 .qq_join li p {
     margin: 10px
 }
 
 .qq_join li b {
     color: #019881;
     margin: 0 5px
 }
 
 .con_tilte {
     font-size: 22px;
     margin-top: 20px
 }
 
 .con_nav {
     float: right;
     font-size: 14px;
     color: #666
 }
 
 .con_nav a {
     color: #666
 }
 
 .con_nav a:hover {
     color: #000
 }
 
 .con_info {
     color: #888;
     border: 1px solid #f3f3f3;
     padding: 10px;
     margin: 10px auto 0;
     line-height: 23px;
     background: none repeat 0 0 #f6f6f6
 }
 
 .con_info b {
     margin-right: 10px;
     color: #000
 }
 
 .con_text {
     line-height: 24px;
     margin-top: 20px
 }
 
 .con_text a {
     color: #09c;
     word-break: break-all
 }
 
 .con_text a:hover {
     text-decoration: underline
 }
 
 .con_text p {
     margin: 15px 0
 }
 
 .con_text img {
     display: block;
     max-width: 100%!important;
     height: auto!important;
     margin: auto
 }
 
 .price_info ul {
     padding-top: 15px;
     position: relative;
     overflow: hidden
 }
 
 .price_info p {
     margin-bottom: 5px
 }
 
 .price_info img {
     position: absolute;
     right: 20px;
     top: 0;
     width: 120px
 }
 
 .share {
     padding: 10px 20px;
     background: #f7f7f7;
     border-left: 3px solid #000
 }
 
 .diggit {
     display: block;
     width: 160px;
     margin: 20px auto;
     background: #e2523a;
     color: #fff;
     box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, .2);
     border-radius: 3px;
     line-height: 40px;
     text-align: center
 }
 
 .diggit a {
     color: #fff
 }
 
 .diggit a:hover {
     text-decoration: none
 }
 
 .otherlink {
     margin: 10px 0;
     overflow: hidden
 }
 
 .otherlink li {
     position: relative;
     line-height: 26px;
     height: 26px;
     display: block;
     width: 50%;
     float: left;
     overflow: hidden
 }
 
 .otherlink li a {
     display: block;
     margin-right: 30px;
     padding-left: 10px
 }
 
 .otherlink li a:hover {
     text-decoration: underline;
     color: #000
 }
 
 .otherlink li:before {
     position: absolute;
     content: "";
     width: 3px;
     height: 3px;
     background: #000;
     border-radius: 10px;
     left: 0;
     top: 12px
 }
 
 .nextinfo a {
     color: #000
 }
 
 .ad img {
     width: 100%
 }
 
 .xiangsi {
     margin-top: 20px;
     overflow: hidden
 }
 
 .xiangsi li {
     width: 25%;
     float: left;
     overflow: hidden;
     margin-bottom: 20px;
     padding-bottom: 10px
 }
 
 .xiangsi a {
     display: block;
     margin: 0 5px;
     padding-bottom: 10px;
     box-shadow: #ececec 0 2px 5px
 }
 
 .xiangsi li i {
     display: block;
     overflow: hidden;
     height: 120px;
     margin-bottom: 10px
 }
 
 .xiangsi li i img {
     width: 100%;
     min-height: 120px;
     -moz-transition: all .5s ease;
     -webkit-transition: all .5s ease;
     -ms-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
     transition: all .5s
 }
 
 .xiangsi li i:hover img {
     transform: scale(1.1)
 }
 
 .xiangsi li p {
     font-weight: 700;
     margin-bottom: 10px;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
     padding: 0 8px
 }
 
 .xiangsi li span {
     color: #666;
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-box-orient: vertical;
     display: block;
     -webkit-line-clamp: 3;
     font-size: 14px;
     height: 62px;
     padding: 0 8px
 }
 
 .timebox {
     background: url(../image/abbg.png) no-repeat right top #fff;
     padding: 30px
 }
 
 .timebox ul {
     overflow: hidden
 }
 
 .timebox span {
     position: relative;
     line-height: 32px;
     padding-right: 40px;
     color: #999
 }
 
 .timebox span:after {
     position: absolute;
     content: "";
     width: 2px;
     height: 40px;
     background: #e0dfdf;
     right: 18px
 }
 
 .timebox li {
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden
 }
 
 .timebox li i {
     position: relative;
     font-style: normal
 }
 
 .timebox li i:before {
     content: " ";
     height: 10px;
     width: 10px;
     border: 2px solid #cccaca;
     background: #fff;
     position: absolute;
     top: 4px;
     left: -26px;
     border-radius: 50%;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -ms-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease
 }
 
 .timebox li:hover i:before {
     background: #080808
 }
 
 .pagelist.mt20 {
     margin-top: 20px
 }
 
 .saying {
     line-height: 30px;
     color: #a9a6a6
 }
 
 .saying span {
     float: right
 }
 
 .saying span a {
     color: #de1513
 }
 
 img#plKeyImg {
     display: inline-block
 }
 
 .yname {
     margin: 10px 10px 10px 0
 }
 
 .yname span,
 .yzm span {
     padding-right: 10px
 }
 
 .yzm {
     margin: 0 10px 10px 0
 }
 
 .gbox input[type=submit] {
     display: block;
     background: #303030;
     color: #fff;
     border: 0;
     line-height: 30px;
     padding: 0 20px;
     border-radius: 5px;
     float: right
 }
 
 #plpost textarea#saytext {
     width: 100%
 }
 
 #plpost input[type=submit] {
     display: block;
     background: #040404;
     color: #fff;
     border: 0;
     line-height: 30px;
     padding: 0 20px;
     border-radius: 5px;
     float: right
 }
 
 .gbox {
     padding: 0;
     overflow: hidden
 }
 
 .gbox p {
     margin-bottom: 10px;
     overflow: hidden
 }
 
 p.fbtime {
     color: #000
 }
 
 .fbtime span {
     float: right;
     color: #999;
     font-size: 12px;
     overflow: hidden;
     white-space: nowrap
 }
 
 p.fbinfo {
     margin: 10px 0
 }
 
 .fb ul {
     margin: 10px 0;
     padding: 20px 10px;
     border-bottom: #ececec 1px solid
 }
 
 span.tximg {
     display: block;
     float: left;
     margin-right: 10px
 }
 
 .gbox i {
     display: block;
     float: left;
     margin-right: 10px
 }
 
 .gbox i input {
     margin: 10px auto;
     display: block
 }
 
 .hf ul {
     padding: 10px;
     background: #f9f9f9
 }
 
 .hf {
     padding-bottom: 20px;
     border-bottom: #dedddd 1px dashed
 }
 
 textarea#lytext {
     width: 99%
 }
 
 .gbox input[type=submit] {
     display: block;
     background: #040404;
     color: #fff;
     border: 0;
     line-height: 30px;
     padding: 0 20px;
     border-radius: 5px;
     float: right
 }
 
 .ecomment {
     border: #dedcdc 1px solid;
     padding: 10px;
     margin-bottom: 10px
 }
 
 span.ecommentauthor {
     color: #b5b5b5;
     font-size: 14px;
     margin-bottom: 5px;
     display: block
 }
 
 .gbook .fb ul {
     margin: 10px;
     padding: 10px 10px 10px 70px;
     border-bottom: #ececec 1px solid
 }
 
 .gbook .fb:nth-child(8n-7) ul {
     background: url(../image/v.jpg) no-repeat top 20px left 10px
 }
 
 .gbook .fb:nth-child(8n-6) ul {
     background: url(../image/v.jpg) no-repeat top 20px left 10px
 }
 
 .gbook .fb:nth-child(8n-5) ul {
     background: url(../image/v.jpg) no-repeat top 20px left 10px
 }
 
 .gbook .fb:nth-child(8n-4) ul {
     background: url(../image/v.jpg) no-repeat top 20px left 10px
 }
 
 .gbook .fb:nth-child(8n-3) ul {
     background: url(../image/v.jpg) no-repeat top 20px left 10px
 }
 
 .gbook .fb:nth-child(8n-2) ul {
     background: url(../image/v.jpg) no-repeat top 20px left 10px
 }
 
 .gbook .fb:nth-child(8n-1) ul {
     background: url(../image/v.jpg) no-repeat top 20px left 10px
 }
 
 .gbook .fb:nth-child(8n) ul {
     background: url(../image/v.jpg) no-repeat top 20px left 10px
 }
 
 .gbook .fb:first-child ul {
     background: url(../image/v.jpg) no-repeat top 20px left 10px
 }
 
 .gbook .fb:last-child ul {
     background: url(../image/v.jpg) no-repeat top 20px left 10px
 }
 
 .pcd_ad {
     display: block
 }
 
 .mbd_ad {
     display: none
 }
 
 #plpost img {
     display: inline
 }
 
 .meihua_1 {
     display: block;
     margin-top: 10px;
     padding: 5px 10px;
     background-color: #ea4c89;
     color: #fff;
     font-weight: 700;
     font-size: 18px;
     font-family: microsoft yahei, helvetica neue, Helvetica, Arial, sans-serif
 }
 
 .meihua_2 {
     background-color: #fff;
     margin-bottom: 20px;
     box-shadow: 0 1px 2px rgba(15, 39, 65, .1);
     font-family: microsoft yahei, helvetica neue, Helvetica, Arial, sans-serif
 }
 
 .meihua_2 .meihua_2_1 {
     height: auto;
     overflow: hidden;
     background-color: #fff;
     border: 1px solid #ddd;
     border-width: 1px;
     padding: 20px
 }
 
 .meihua_2 .meihua_2_1 p {
     margin: 5px auto!important
 }
 
 .meihua_2 .meihua_2_1 .meihua_btn {
     float: left;
     border: 1px solid #8a8a8a;
     font-size: 14px;
     height: 36px;
     line-height: 36px;
     padding-left: 40px;
     margin: 10px 10px 0 0;
     overflow: hidden;
     border-radius: 2px;
     background: url(../image/30.png) no-repeat 5px 3px #4abd96;
     border: 1px solid #4abd96;
     color: #fff;
     text-decoration: none;
     padding-right: 10px
 }
 
 .meihua_2 .meihua_2_1 .meihua_btn i {
     margin-right: 5px
 }
 
 .meihua_2 .meihua_2_1 .meihua_btn:hover {
     background-color: #3169b0
 }
 
 .video {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden
 }
 
 .video iframe,
 .video object,
 .video embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%
 }
 
 .short-btn {
     float: left;
     border: 1px solid #8a8a8a;
     font-size: 14px;
     height: 36px;
     line-height: 36px;
     padding-left: 40px;
     margin: 10px 10px 0 0;
     overflow: hidden;
     border-radius: 2px;
     background: url(../image/10.png) no-repeat 5px 3px #4abd96;
     border: 1px solid #4abd96;
     text-decoration: none;
     color: #fff!important;
     padding-right: 10px;
     text-decoration: none
 }
 
 .short-btn:hover {
     background-color: #3169b0
 }
 /* ----- PB分页数字条效果 结束 ----- */
 
 .pagebar .pagination {
     display: flex;
     justify-content: center;
     margin-top: 10px;
 }
 
 .pagination a {
     background: #fff;
     border: 1px solid #ccc;
     color: #333;
     font-size: 14px;
     padding: 8px 12px;
     margin: 0 5px;
     border-radius: 3px;
 }
 
 .pagination span {
     color: #333;
     font-size: 14px;
     padding: 8px 2px;
     margin: 0 5px;
     border-radius: 3px;
 }
 
 .pagination a:hover {
     color: #4fc08d;
     border: 1px solid #4fc08d;
 }
 
 .pagination a.page-num-current {
     color: #fff;
     background: #4fc08d;
     border: 1px solid #4fc08d;
 }
 /* ----- PB分页数字条效果 结束 ----- */
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/* PB模板库：Www.PBku.Cn */
/* QQ：43171398 */
/* PBOOTCMS模板交流群号：183945698*/
/* 商龙PBootCMS模板下载  http://www.EcLong.com */
/* 八戒站长 http://www.BaJieZhan.Com  */
/* 站长源码城 整站模板下载网站 Www.CnYmc.Com */
/* 淘搜：Www.TaoSou.Net */
/* 素材海：Www.SuCaiHai.Com */
/* 模板齐：Www.MoBanQi.Com */
/* 开发堂模板网：Www.KaiFaTang.Com */