@media screen and (min-width:1023px) {
    ::-webkit-scrollbar {/*滚动条整体样式*/    width:10px;/*高宽分别对应横竖滚动条的尺寸*/    height:1px;}
    ::-webkit-scrollbar-thumb {/*滚动条里面小方块*/    border-radius:10px;background-color:skyblue;background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent );}
    ::-webkit-scrollbar-track {/*滚动条里面轨道*/    box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:#ededed;border-radius:10px;}
}
@font-face {font-family:"HanYiBaiQinsJan";src:url("/static/fonts/HanYiBaiQinsJan.ttf");}
* {margin:0;padding:0}
body {font:15px "Microsoft YaHei",Arial,Helvetica,sans-serif;height:100%;overflow-y:scroll;color:#555;background:#efefef;/*background:url("../images/hongzhuan.jpg") no-repeat;background-size:100% 100%;background-attachment:fixed;*/    line-height:1.5;}
ul,li {list-style:none;}
a {text-decoration:none;color:#444}
a:hover {text-decoration:none;color:#000;}
.clear {clear:both;}
.blank {height:20px;overflow:hidden;width:100%;margin:auto;clear:both}
.f_l {float:left}
.f_r {float:right}
.picshow {width:100%;overflow:hidden;margin:20px auto;}
.picshow li {width:20%;display:inline-block;float:left;overflow:hidden;position:relative;}
.picshow li i {overflow:hidden;display:block;height:400px;}
.picshow li img {display:block;width:100%;transition:all .5s;}
.picshow li:hover img {transform:scale(1.05,1.05);opacity:1;}
.picshow li:hover .font::before,.picshow li:hover .font::after {opacity:1;transform:scale(1);transition:all 0.5s;}
.picshow li .font {color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.picshow li .font::before,.picshow li .font::after {position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.picshow li .font::before {top:14%;right:5%;bottom:14%;left:5%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.picshow li .font::after {top:8%;right:10%;bottom:8%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.picshow li .font h3 {font-size:16px;font-weight:700;text-align:center;width:80%;position:absolute;top:50%;left:10%;background:rgba(0,0,0,0.5);line-height:1.9;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:0}
.picshow li:hover .font h3 {top:45%;opacity:1}
article {width:1200px;margin:80px auto 0;overflow:hidden;z-index:999}
.container {width:1200px;margin:auto}
/*header*/.header-navigation {position:fixed;top:0;width:100%;height:60px;line-height:60px;background:#fff;text-align:center;border-bottom:none;z-index:9999;}
.header-navigation:before {content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background-color:#8BC34A;visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0);z-index:10000;}
.header-navigation:hover:before {visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1);}
.header-navigation:before {-webkit-transition-duration:1.5s;transition-duration:1.5s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}
.logo {float:left;font-size:22px}
nav {width:1200px;margin:auto;position:relative}
#mnavh {display:none;width:30px;height:40px;text-align:center;padding:0 5px}
#starlist {float:left;margin-left:50px}
#starlist li {float:left;width:100px;text-align:center;display:block;font-size:16px;/* margin-right:5px */}
.navicon {display:block;position:relative;width:30px;height:5px;background-color:#333;margin-top:20px}
.navicon:before,.navicon:after {content:'';display:block;width:30px;height:5px;position:absolute;background:#333;-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:none}
.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:#333;}
.sub {border-bottom-right-radius:5px;border-bottom-left-radius:5px;display:none;background:#FFF;position:relative;overflow:hidden;box-shadow:0 4px 4px rgba(0,0,0,.04);border-top:#ddd 0px solid;}
.menu {position:relative;}
#starlist li:hover ul {display:block}
#starlist li:hover.menu:before {display:none}
#starlist .sub li {padding:0 0 0 0;width:100%;border-bottom:#ddd 1px solid;line-height:40px;}
#starlist .sub li:last-child {border-bottom:none;}
#starlist .sub li:hover {text-shadow:#000 1px 1px 1px;}
.menu:after {content:"";position:absolute;right:5px;top:30px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #989898;-ms-transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}
/*三角形*/#starlist li:hover.menu:after {transform:rotate(180deg);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff;}
/*旋转*/#starlist li a:hover,#starlist #selected,.selected > a {background:#00bcd4;display:block;color:#fff;}
/*search*/.searchbox {position:absolute;right:0;}
.searchico {margin-top:5px;width:39px;height:47px;line-height:60px;float:right;display:inline;cursor:pointer;background:url(../images/icon/search_dark.png) no-repeat center !important;background-size:36px 36px;}
.searchbox {width:1200px;border-radius:5px;margin:10px auto;overflow:hidden;background:rgba(222,222,222,0.65);position:fixed;left:0;z-index:9999;top:50px;}
.search {width:50%;margin:20px auto;background:#222;border-radius:0 5px 5px 0;position:relative;border:#000 1px solid;display:none;}
.search input.input_submit {border:0;background:0;color:#fff;outline:none;position:absolute;width:27%;height:100%;padding:8px 10px;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 {cursor:pointer;background:url(../images/close2.png) no-repeat;display:block;position:absolute;width:28px;height:30px;right:5px;top:5px}
.searchclose:hover {background:url(../images/close.png) no-repeat;}
/* artcile*/main {overflow:hidden;clear:both;width:68%;float:left;z-index:1;display:block;position:relative;padding-bottom:100%}
/* Slide transitions */.slideUp {-webkit-transform:translateY(-100px);-ms-transform:translateY(-100px);-o-transform:translateY(-100px);transform:translateY(-100px);-webkit-transition:transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;}
.slideDown {-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition:transform .5s ease-out;-o-transition:transform .5s ease-out;transition:transform .5s ease-out;}
/*lbox*/.lbox {width:73%;float:left;overflow:hidden}
/*banner*/.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;}
::-webkit-scrollbar {/*滚动条整体样式*/    width:10px;/*高宽分别对应横竖滚动条的尺寸*/    height:1px;}
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/    border-radius:10px;background-color:skyblue;background-image:-webkit-linear-gradient(            45deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent    );}
::-webkit-scrollbar-track {/*滚动条里面轨道*/    box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:#ededed;border-radius:10px;}
.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(../images/left.png) no-repeat}
.fader .next {left:auto;right:50px;background:url(../images/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:nth-child(1) {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*/.headline {width:30%;float:right;overflow:hidden;}
.logo a span span span,.logo a {font-family:HanYiBaiQinsJan;}
.logo a span span span:nth-child(1) {color:red;}
.logo a span span span:nth-child(2) {color:orange;}
.logo a span span span:nth-child(3) {color:yellow;}
.logo a span span span:nth-child(4) {color:yellowgreen;}
.logo a span span span:nth-child(5) {color:green;}
.logo a span span span:nth-child(6) {color:blue;}
.logo a span span span:nth-child(7) {color:purple;}
.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 0.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*/.tab_buttons {margin-bottom:10px;width:100%;overflow:hidden;border-bottom:#e4e3e3 1px solid;/* position:relative;*/}
.tab_buttons li {display:block;font-size:16px;line-height:40px;float:left;width:100px;text-align:center;position:relative;cursor:pointer}
.tab_buttons li:after {content:"";background:#000;width:0;height:2px;position:absolute;bottom:0;left:0;-moz-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1s ease;}
.tab_buttons li:hover:after {width:100px;}
.newscurrent:after {content:"";background:#000;width:100% !important;height:2px;position:absolute;bottom:0;left:0;}
.htitle:after {content:"";position:absolute;width:60px;height:2px;content:"";background:#000;left:0;bottom:0;-moz-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1.5s ease;}
.htitle:hover:after {width:100%;}
.newscurrent:after {content:"";background:#000;width:100px;height:2px;position:absolute;bottom:0;left:0;}
.newsitem {display:none;}
.newsitem:nth-child(1) {display:block;}
/*tab_box*/.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 20px;}
.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:bold}
.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:bold}
.newslist li:nth-child(1) i {background:#9a9a9a;}
.newslist:hover li:nth-child(1) {height:22px;background:none;}
.newslist:hover li:nth-child(1) a {color:#333;font-weight:normal}
.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:bold}
.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:rgba(0,0,0,1);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 0.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;border-radius:50%;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";}
.newsitem ul li:nth-child(6) i::before {content:"6";}
.newsitem ul li:nth-child(7) i::before {content:"7";}
/*zhuanti*/.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;}
.readmore {margin:10px 0 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*/.bloglist ul {padding:10px 0 0}
.bloglist li {overflow:hidden;margin-bottom:20px;border-bottom:#e4e4e4 2px solid;padding-bottom:20px;position:relative;min-height:120px;border-radius: 2px}
.bloglist li:last-child {border-bottom:none}
.blogtitle {margin:0 0 10px 0;font-size:18px;overflow:hidden;}
.bloglist li:hover .blogtitle a {color:#337ab7;}
.blogtitle b {color:#F00}
a.viewmore {display:block;right:10px;bottom:0;position:absolute;padding:3px 10px;background:#00bcd4;color:#fff;border-radius:15px;}
.blogpic {float:left;width:26%;margin-right:15px;display:block;overflow:hidden;border-radius:3px;position:relative}
.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 0.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:5;}
.bloginfo {margin-top:20px;overflow:hidden;color:#999;/*line-height:34px;*/}
.bloginfo span {margin:0 5px}
.bloginfo span a {color:#3ba2af}
.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(../images/v.png) no-repeat;background-size:12px;width:12px;height:12px;right:0;bottom:0}
/*links*/.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;font-size: 13px}
.links li:hover {background:#f7f7f7}
/*rbox*/.rbox {width:25.3%;float:right;overflow:hidden;}
.card {box-shadow:0px 1px 0px rgba(255,255,255,.1),inset 0px 1px 1px rgba(0,0,0,.7);border-radius:3px;background:url(../images/quote-bg.png) no-repeat top right rgba(42,42,42,1);height:260px;overflow:hidden;margin-bottom:20px}
.card h2 {font-size:22px;margin:10px;color:#89919a;font-weight:normal;padding-bottom:10px;}
.card p {font-size:12px;padding:0 0 0 20px;line-height:28px;text-shadow:0px 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:0px 1px 0px rgba(255,255,255,.1),inset 0px 1px 1px rgba(0,0,0,.7);border-radius:50%;margin:0 5px;}
.linkmore li a:hover {opacity:0.5;}
a.iconfont.icon-zhuye {color:#ef5509;font-size:36px;background:url(../images/c01.png) no-repeat center;}
a.iconfont.icon-youxiang {color:#FF991A;font-size:28px;background:url(../images/c02.png) no-repeat center;}
a.iconfont.icon--- {color:#1296DB;background:url(../images/c03.png) no-repeat center;}
a.iconfont.icon-weixin {color:#07AF12;background:url(../images/c04.png) no-repeat center;}
#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*/.htitle {font-size:16px;line-height:40px;border-bottom:1px solid #eee;color:#484848;font-weight:normal;position:relative;margin-bottom:10px;}
.htitle:after {content:"";position:absolute;width:66px;height:2px;content:"";background:#000;left:0;bottom:0;-moz-transition:all 1s ease;-webkit-transition:all 1s ease;transition:all 1.5s ease;}
.htitle:hover:after {width:100%;}
.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*/.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*/.topnews {display:block;margin:20px 0;background:#000;position:relative;overflow:hidden;border-radius:3px;max-height:110px;}
.topnews img {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 0.5s}
.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*/.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 a {position:relative;border-bottom:none}
.paihang ul li a:before {content:"";position:absolute;width:100%;height:1px;bottom:0;left:0;background-color:yellowgreen;visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0)}
.paihang ul li a:hover:before {visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1)}
.paihang ul li a:before {-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}
.paihang ul li:nth-child(even) {background:#f6f6f6}
.paihang ul li i {display:block;width:16px;border-radius:50%;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 {background:#FF6600;}
.paihang ul li:nth-child(2) i {background:#00bcd4;}
.paihang ul li:nth-child(3) i {background:#cddc39;}
.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:nth-child(9) i::before {content:"9";}
.paihang ul li:nth-child(10) i::before {content:"10";}
.paihang ul li:hover {-moz-transition:all .2s ease;-webkit-transition:all .2s ease;transition:all .2s ease;}
/*tuijian*/.tuijian ul {overflow:hidden;padding-top:10px}
.tuijian li {overflow:hidden;margin-bottom:5px;height:50px;}
.tuijian li i {width:50px;height:50px;margin-right:10px;overflow:hidden;display:block;float:left;}
.tuijian li i img {height:100%;border-radius:2px;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 0.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*/.ad ul {overflow:hidden;border-radius:3px;}
/*wenzi*/.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:0px;top:10px;}
/*tongji*/.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*/footer {background:#373D41;width:100%;border-top:#fff 2px solid;/*padding:30px 0;*/color:#73777a;font-size:14px;}
.wxbox {overflow:hidden;float:left;}
.wxbox li {float:left;margin:0 10px;text-align:center}
.wxbox li:first-child {margin-left:0;}
.wxbox img {height:100px}
.endnav b {font-size:16px;color:#00c1de;}
.endnav p {text-align:center;}
footer a {color:#73777a;}
footer a:hover {color:#00C1DE}
/*.top {width:40px;height:40px;display:block;background:url(../images/top.png) no-repeat center #000;right:20px;bottom:10%;position:fixed;z-index:9999;}*/
/*.top:hover {background:url(../images/top.png) no-repeat center #b7bdcc;}*/
.user img {width:40px;height:40px;display:block;right:20px;bottom:50%;position:fixed;z-index:100;border-radius:50%;cursor:pointer;}
.user:hover #user-tool {display:block}
.user #user-tool {height:40px;line-height:40px;min-width:40px;margin:0 auto;display:none;position:fixed;bottom:50%;right:60px;margin:0 auto;transition:all 0.7s;background:#fff;cursor:pointer;border-radius:50%;}
.user #user-tool i {font-size:30px;margin-left:7px;margin-top:4px;}
#left-bar-button {width:40px;height:40px;display:block;background:url(../images/item.png) no-repeat center rgba(255,255,255,0);right:20px;bottom:18%;position:fixed;display:none;z-index:100;}
.oauth {width:40px;height:40px;display:block;background:url(../images/icon/qq2.png) no-repeat center rgba(255,255,255,0);right:20px;bottom:24%;position:fixed;display:block;z-index:100;}
footer img {border:0;display:block}
/*list.html*/.lanmu img {height:100px;float:left;margin-right:20px}
.lanmu h1 {font-size:22px;margin-bottom:15px}
.lanmu p {color:#666}
/*list2.html*/.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:normal;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:#F00}
#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*/.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:bold;}
/*cloud*/.cloud ul a {line-height:18px;height:18px;display:block;background:#999;float:left;padding:3px 10px;margin:10px 5px 0 0;border-radius:5px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;color:#FFF}
.cloud ul a:nth-child(8n-7) {background:#8A9B0F;box-shadow:-1px 0px 20px 3px #8A9B0F;}
.cloud ul a:nth-child(8n-6) {background:#EB6841;box-shadow:-1px 0px 20px 3px #EB6841;}
.cloud ul a:nth-child(8n-5) {background:#3FB8AF;box-shadow:-1px 0px 20px 3px #3FB8AF;}
.cloud ul a:nth-child(8n-4) {background:#FE4365;box-shadow:-1px 0px 20px 3px #FE4365;}
.cloud ul a:nth-child(8n-3) {background:#FC9D9A;box-shadow:-1px 0px 20px 3px #FC9D9A;}
.cloud ul a:nth-child(8n-2) {background:#EDC951;box-shadow:-1px 0px 20px 3px #EDC951;}
.cloud ul a:nth-child(8n-1) {background:#C8C8A9;box-shadow:-1px 0px 20px 3px #C8C8A9;}
.cloud ul a:nth-child(8n) {background:#83AF9B;box-shadow:-1px 0px 20px 3px #83AF9B;}
.cloud ul a:first-child {background:#036564;box-shadow:-1px 0px 20px 3px #036564;}
.cloud ul a:last-child {background:#3299BB;box-shadow:-1px 0px 20px 3px #3299BB;}
.cloud ul a:hover {border-radius:0;text-shadow:#000 1px 1px 1px}
/*daohang.html*/.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,0.20);background:#222;color:#fff}
.site_yx li:nth-child(30n) {margin-bottom:60px}
/*about*/.about {overflow:hidden;background:url(../images/abbg.png) no-repeat right top #fff;padding:20px 40px}
.ab_box {overflow:hidden;margin:20px 0;}
.ab_box h3 {margin:10px 0 10px;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(../images/v.png) no-repeat;bottom:0px;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(../images/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 0.5s;}
.xinlu li i:hover img {transform:scale(1.1);}
.xinlu li p {font-weight:bold;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;}
/*info.html*/.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:#888888;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;width:100% !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 0px 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:0px;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 0px 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 0.5s;}
.xiangsi li i:hover img {transform:scale(1.1);}
.xiangsi li p {font-weight:bold;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:-webkit-box;-webkit-line-clamp:3;font-size:14px;height:62px;padding:0 8px}
/*timebox*/.timebox {background:url(../images/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;}
.pagination li {overflow:hidden;margin-bottom:0;border-bottom:0;padding-bottom:0;min-height:0;float:left;}
.pagination span {color:#666;margin:0 5px 10px;padding:5px 10px;background:#fff;display:inline-block;}
.syntaxhighlighter {max-width:832px !important;overflow:auto !important;}
.whitebg-relateve-article {background:#fff;border-radius:3px;padding:20px;margin-bottom:20px;display:block;}
.oauth-items {z-index:9999;width:40px;height:128px;position:fixed;right:20px;bottom:36%;background:#c3b9b9;overflow:hidden;display:block;border:1px solid #e6e6e6;}
#wx-login {}
#wx-login #wx-code {height:100px;display:none;position:fixed;bottom:39.3%;right:70px;}
#wx-login:hover #wx-code {display:block}
.oauth-items img {display:block;margin:0 auto;transition:all 0.7s;}
.oauth-items img:hover {margin:0 auto;transform:scale(1.2);}
.oauth-items li {padding:5px 0;border-bottom:1px solid #fff;cursor:pointer;}
.tuijian p img {width:20px;height:20px;}
/*倒计时*/.countdown {font-size:20px;text-align:center;margin-top:80px;background:#000;color:#fff}
.countdown span {display:inline-block;width:50px;height:50px;padding:10px;border-radius:5px;cursor:pointer}
.countdown p {font-size:18px}
.countdown span.red {background:#ff0000}
.countdown span.yg {background:yellowgreen}
.countdown span.or {background:orange}
.countdown span.pi {background:palevioletred}
.countdown span.pk {background:#00a0e9}
.countdown span.mk {background:#1FADC5}
.countdown span p:first-child {font-size:25px;color:#fff;}
.countdown span p:last-child {font-size:14px;color:#000;}
/*倒计时*/.fixed-meigui {width:152px;height:188px;position:fixed;left:0px;bottom:-103px;z-index:999;cursor:pointer;background:url('/static/images/meigui-fixed.png') no-repeat;}
.fixed-left-top {width:360px;height:420px;position:absolute;left:0px;top:-89px;z-index:999;cursor:pointer;z-index:6666666;//background:url('/static/images/kejiliu.png') no-repeat;}
.fixed-right-top {width:360px;height:420px;position:absolute;right:0px;top:-89px;z-index:999;cursor:pointer;z-index:6666666;//background:url('/static/images/kejiliu.png') no-repeat;}
#content,article {position:relative;}
.content.pd h1 span span span:nth-child(8n-7) {color:#8A9B0F;}
.content.pd h1 span span span:nth-child(8n-6) {color:#EB6841;}
.content.pd h1 span span span:nth-child(8n-5) {color:#3FB8AF;}
.content.pd h1 span span span:nth-child(8n-4) {color:#FE4365;}
.content.pd h1 span span span:nth-child(8n-3) {color:#FC9D9A;}
.content.pd h1 span span span:nth-child(8n-2) {color:#EDC951;}
.content.pd h1 span span span:nth-child(8n-1) {color:#C8C8A9;}
.content.pd h1 span span span:nth-child(8n) {color:#83AF9B;}
.content.pd h1 span span span:first-child {color:#036564;}
.content.pd h1 span span span:last-child {color:#3299BB;}
.title-s span span span {color:yellowgreen;}
.top {
    position: fixed;
    bottom: 70px;
    right: 30px;
    width: 40px;
    z-index: 1010;
    height: 40px;
    display: none;
    border-radius: 50%;
    text-align: center;
    background: #ffffff;
    box-shadow: 0px 0px 5px 1px rgba(74, 74, 74, 0.53);
}
.top i {
    color: #777777;
    font-size: 27px;
    width: 40px;
    height: 40px;
    line-height: 40px;
}