@charset "utf-8";
*{box-sizing:border-box;margin:0;padding:0;outline:0;border:0}
li,ol,ul{list-style:none}
a{color:#333;text-decoration:none}
a:hover{color: #013b9e;text-decoration:none}

h1,h2,h3,h4,h5,h6{color:#000;font-weight:500}
body{background-repeat: no-repeat;background-position: center top;}

.nav-bar{display:flex;background-color:#3b79ea}
.nav-bar .nav-bar-item{flex:1;text-align:center;position:relative;line-height:62px;color:#fff;font-weight:700;font-size:24px;z-index:111}
.nav-bar .nav-bar-item>a{color:#fff}
/*.nav-bar .active,.nav-bar .nav-bar-item:hover{background-color:#302b61}*/
.nav-bar .nav-bar-item .nav-bar-sub{display:none;width:100%;background-color:#fff;color:#333;font-weight:400;position:absolute;left:0;top:62px;line-height:30px}
.nav-bar .nav-bar-item:hover .nav-bar-sub{display:block;animation:mymove .1s linear;border-top:1px solid #fff}
.nav-bar .nav-bar-item .nav-bar-sub .nav-bar-sub-item{position:relative;padding:10px 20px}
.nav-bar .nav-bar-item .nav-bar-sub .nav-bar-sub-item a{font-size:20px;}
.nav-bar .nav-bar-item .nav-bar-sub .nav-bar-sub-item:not(:last-child){border-bottom:1px solid #3b79EA40}
.nav-bar .nav-bar-item .nav-bar-sub .nav-bar-sub-item>.nav-bar-sub{display:none;position:absolute;left:100%;top:-1px}
.nav-bar .nav-bar-item .nav-bar-sub .nav-bar-sub-item:hover>.nav-bar-sub{display:block;animation:mymove .1s linear;border-top:1px solid #fff}
.nav-bar .nav-bar-item .nav-bar-sub .nav-bar-sub-item:hover{cursor:pointer;color:#fff;background-color:#3b79ea}
.nav-bar .nav-bar-item .nav-bar-sub .nav-bar-sub-item .nav-bar-sub{position:absolute;right:-100%}
.header-box .s-form{width:293px;vertical-align:top;line-height:46px;background:url(/pub/img/s-form.png) no-repeat;height:46px;position:absolute;right:0;top:80px}
.header-box .s-form .input-box{float:left}
.header-box .s-form .input-box input{width:206px;vertical-align:top;height:46px;font-size:16px;padding:0 5px 0 30px;line-height:46px;border:0;outline:0;background:0 0}
.header-box .s-form .btn-box{float:right;height:40px}
.header-box .s-form .btn-box input{height:46px;line-height:120px;overflow:hidden;border:none;width:40px;outline:0;background:0 0}


.nav-left{width:200px;float:left}
.nav-left dt{display:flex;align-items:center;color:#2361d3;font-size:20px;line-height:40px;font-weight:700;border-left:5px solid #2361d3;padding-left:20px;margin-bottom:10px}
.nav-left dd{height:60px;line-height:60px;background:#fff;padding:0 20px;border-left:1px solid #ededed;border-right:1px solid #ededed;border-top:1px solid #ededed;text-align:center;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
.nav-left dd:last-child{border-bottom:1px solid #ededed}
.nav-left dd.active{background-color:#2361d3}
.nav-left dd.active a{color:#fff}

#footer{color:#fff;background:#525b75;position:relative;text-align:center;padding:20px 0;clear:both}
#footer .pics img{margin:0 auto;vertical-align:middle}
#footer .copyRight img{display:inline-block;vertical-align:middle}
#footer a{color:#fff}

.content-box{max-width:1240px;min-height:100vh;margin:0 auto}
.content-box .header-box{height:170px;display:flex;align-items:center;position: relative;}
.content-box .header-box .logo{height:120px}
/*.content-box .header-box .slogan-box{margin-top:50px;flex:1;display:flex;justify-content:center;width:245px;height:30px;position:relative;overflow:hidden;background-repeat:no-repeat;animation:slideShow 20s infinite;background-size:245px 30px;background-position:center}*/
/*.content-box .header-box .slogan-box .slide{position:absolute;width:100%;height:100%;opacity:0;transition:opacity 15s ease-in-out}*/
/*.content-box .header-box .search-box{display:flex;align-items:center;border-radius:50px;width:293px;height:46px;background-image:url(/pub/img/s-form.png)}*/
/*.content-box .header-box .search-box input{width:230px;height:46px;margin-left:20px;background-color:transparent}*/
/*.content-box .header-box .search-box input:focus{border-color:#ccc;outline:0}*/
/*.content-box .header-box .search-box button{width:38px;height:46px;cursor:pointer}*/


.back-top{position:fixed;background-color:#fff;width:40px;height:40px;border-radius:50%;color:#409eff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 6px rgba(0,0,0,.12);cursor:pointer;z-index:5;right:20px;bottom:80px}
.back-top .triangle{margin-top:-8px;border:8px solid transparent;border-bottom-color:#409eff}
.content-box{width:1240px;margin:0 auto}
.content-wrap{display:flex;margin-top:20px}
.user-content .detail-content{float:right;width:960px}
.cstlayer{float:left;margin:20px 34px}
.content-box{width:1240px;margin:0 auto}
.content-wrap{display:flex;margin-top:20px}
.content-box{width:1240px;margin:0 auto}
.content-wrap{display:flex;margin-top:20px}


.left-wrap{width:273px;height:auto;margin-right:20px}
.left-wrap .title{font-weight:700;font-size:22px;line-height:70px;text-align:center;color:#fff;background:#4f87db}
.left-wrap .nav-box{padding:20px;background-color:#fff}
.left-wrap .nav-item{display:flex;color:#333;background:#f9f9f9;height:46px;align-items:center;cursor:pointer}
.left-wrap .nav-item.active{background-color:#4f87db;color:#fff}
.left-wrap .nav-item:not(:last-child){margin-bottom:10px}
.left-wrap .nav-item span{font-weight:700;font-size:16px}
.left-wrap .nav-item:hover span{letter-spacing:2px;animation:mymove .2s linear}
.left-wrap .nav-item .arrow{width:0;height:0;margin:0 5px 0 20px;border:6px solid transparent;border-left-color:#094798}
.left-wrap .nav-item.active .arrow{border-left-color:#fff}
.left-wrap{width:273px;height:auto;margin-right:20px}
.left-wrap .title{font-weight:700;font-size:22px;line-height:70px;text-align:center;color:#fff;background:#4f87db}
.left-wrap .nav-box{padding:20px;background-color:#fff}
.left-wrap .nav-item{display:flex;color:#333;background:#f9f9f9;height:46px;align-items:center;cursor:pointer}
.left-wrap .nav-item.active{background-color:#4f87db;color:#fff}
.left-wrap .nav-item:not(:last-child){margin-bottom:10px}
.left-wrap .nav-item span{font-weight:700;font-size:16px}
.left-wrap .nav-item:hover span{letter-spacing:2px;animation:mymove .2s linear}
.left-wrap .nav-item .arrow{width:0;height:0;margin:0 5px 0 20px;border:6px solid transparent;border-left-color:#094798}
.left-wrap .nav-item.active .arrow{border-left-color:#fff}
.left-wrap{width:273px;height:auto;margin-right:20px}
.left-wrap .title{font-weight:700;font-size:22px;line-height:70px;text-align:center;color:#fff;background:#4f87db}
.left-wrap .nav-box{padding:20px;background-color:#fff}
.left-wrap .nav-item{display:flex;color:#333;background:#f9f9f9;height:46px;align-items:center;cursor:pointer}
.left-wrap .nav-item.active{background-color:#4f87db;color:#fff}
.left-wrap .nav-item:not(:last-child){margin-bottom:10px}
.left-wrap .nav-item span{font-weight:700;font-size:16px}
.left-wrap .nav-item:hover span{letter-spacing:2px;animation:mymove .2s linear}
.left-wrap .nav-item .arrow{width:0;height:0;margin:0 5px 0 20px;border:6px solid transparent;border-left-color:#094798}
.left-wrap .nav-item.active .arrow{border-left-color:#fff}

.right-wrap{flex:1;background-color:#fff;padding:20px}
.right-wrap .top-box{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.right-wrap .top-box .title{display:flex;align-items:center;color:#2361d3;font-size:20px;line-height:48px;font-weight:700}
.right-wrap .top-box .title::before{display:inline-block;content:" ";width:6px;height:18px;background-color:#2361d3;margin-right:10px}
.right-wrap .top-box .location{font-size:14px;color:#666;background-image:url(/pub/img/location_fill.png);background-repeat:no-repeat;background-position:0 center;background-size:20px;line-height:48px;padding-left:25px}
.right-wrap .detail-content{border-bottom:1px solid #ddd}
.right-wrap .detail-content .title{font-size:28px;padding:0 30px;text-align:center;word-wrap:break-word;padding-bottom:10px;line-height:40px}
.right-wrap .detail-content .des{margin-bottom:20px;text-align:center;color: #5A5A5A;}
.right-wrap .detail-content p{font-size:16px;line-height:32px}
.right-wrap .detail-content .info-box{text-align:center;color:#999;font-size:14px;margin-bottom:20px;display:flex;align-items:center;justify-content:center}
.right-wrap .detail-content .info-box span{display:flex;align-items:center}
.right-wrap .detail-content .info-box span:not(:last-child)::after{content:'|';padding:0 10px}
.right-wrap .detail-content .info-box span .wb,.right-wrap .detail-content .info-box span .wx{display:inline-block;width:30px;height:30px;background-image:url(/pub/img/icons-share.png)}
.right-wrap .detail-content .info-box span .wx{background-position:center 0;position:relative}
.right-wrap .detail-content .info-box span .wb{background-position:center 60px}

.right-wrap{flex:1;background-color:#fff;padding:20px}
.right-wrap .top-box{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;margin-bottom:20px}
.right-wrap .location{font-size:14px;color:#666;background-image:url(/pub/img/location_fill.png);background-repeat:no-repeat;background-position:0 center;background-size:20px;line-height:48px;padding-left:25px}
.right-wrap .list-box{margin:20px 0 40px 0}
.right-wrap .user-content{min-height: 400px;}
.right-wrap .user-content .list-box{width: 960px;float: right}
.right-wrap .list-box .list-item{display:flex;justify-content:space-between;align-items:center;line-height:52px;cursor:pointer;border-bottom:1px dashed #ddd}
.right-wrap .list-box .list-item::before{content:" ";background-color:#ccc;display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:10px;line-height:36px}
.right-wrap .list-box .list-item .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333}
/*.right-wrap .list-box .list-item .name:hover{text-decoration:underline;color:#e50000}*/
.right-wrap .list-box .list-item .time{color:#999;margin-left:40px}
.right-wrap .top-box{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;margin-bottom:20px}
.right-wrap .top-box .title{display:flex;align-items:center;color:#2361d3;font-size:20px;line-height:48px;font-weight:700}
.right-wrap .top-box .title::before{display:inline-block;content:" ";width:6px;height:18px;background-color:#2361d3;margin-right:10px}


.right-wrap .top-box .title span{font-size: 12px;color: #999;margin-left: 20px;}
.right-wrap .top-box .location{font-size:14px;color:#666;background-image:url(/pub/img/location_fill.png);background-repeat:no-repeat;background-position:0 center;background-size:20px;line-height:48px;padding-left:25px}
.right-wrap .detail-content{padding-bottom:20px;margin-bottom:20px;    overflow: hidden;}
.right-wrap .detail-content .item{padding:20px;display:flex;width: 50%;height: 270px;float: left;}
.user-content .detail-content .item{width: 100%;}
.right-wrap .detail-content .item:hover{background-color:#f2f2f2}
.right-wrap .detail-content .item img{width:166px;height:auto;padding:6px;border:1px #ddd solid;margin-right:25px}
.right-wrap .detail-content .item{border-bottom:1px solid #ddd}
.right-wrap .detail-content .item .title{font-size:22px;line-height:36px;color:#333;margin-bottom:10px}
.right-wrap .detail-content .item .title:hover{color:#e50000}
.right-wrap .detail-content .item .intro{margin-bottom:10px;line-height:25px;color:#777;max-height:96px;overflow:hidden;font-size:14px}
.right-wrap .detail-content .item .others{font-size:15px;color:#aaa}
.right-wrap .detail-content .item .others:hover{text-decoration:underline}

#content{padding:20px 0 0 0;max-width:1240px;margin:0 auto}
#slide-photo .swiper-slide{width:726px;height:446px;background:#fff;overflow:hidden}
#slide-photo .swiper-slide img{display:block;transform:scale(1);transition:all .5s ease 0s;width: 100%;height: 446px;}
#slide-photo .swiper-slide img:hover{transform:scale(1.1);transition:all .5s}
#slide-photo .swiper-slide p{line-height:98px;padding-top:0;text-align:center;color:#636363;font-size:1.1em;margin:0}
#slide-photo .swiper-pagination{width:100%;bottom:15px;padding:0 0 0 590px}
#slide-photo .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;border:3px solid #fff;background-color:#d5d5d5;width:16px;height:16px;opacity:1}
#slide-photo .swiper-pagination-bullets .swiper-pagination-bullet-active{border:3px solid #00aadc;background-color:#fff}
#slide-photo .swiper-next,#slide-photo .swiper-prev{position:absolute;top:190px;z-index:99;opacity:0;transition:all .5s ease 0s;cursor:pointer}
#slide-photo .swiper-prev{width:58px;height:100px;background:url(/pub/img/focus_prev.png) no-repeat;background-position:0 0;background-size:100%;left:-60px}
#slide-photo .swiper-next{width:58px;height:100px;background:url(/pub/img/focus_next.png) no-repeat;background-size:100%;right:-60px}
#slide-photo:hover .swiper-next,#slide-photo:hover .swiper-prev{opacity:1}
#slide-photo:hover .swiper-prev{left:0}
#slide-photo:hover .swiper-next{right:0}
#slide-photo .swiper-button-next::after,#slide-photo .swiper-button-prev::after{content:''}
#slide-photo .swiper-slide .con{position:absolute;bottom:0;left:0;width:100%;height:60px;line-height:60px}
#slide-photo li .con .title{padding-left:14px;color:#fff;position:absolute;z-index:2;display:none}
#slide-photo .swiper-slide .con .title a{color: #fff;max-width: 580px;font-weight: 700;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#slide-photo li .con .titleBg{position:absolute;width:100%;z-index:0;bottom:0;left:0;background:#000;opacity:.6;height:60px;display:none}
#slide-photo li.swiper-slide-active .title,#slide-photo li.swiper-slide-active .titleBg{display:block}
#slide-photo .focus-cover{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;background:url(/pub/img/focus_shadow1.png) repeat-y left;background-size:100%}
#slide-photo li.swiper-slide-active .focus-cover{display:none}

.content-wrap{display:flex}
.content-wrap .content-wrap-left{flex:1;flex-wrap:wrap}

.content-wrap .content-wrap-left .list-box{display:inline-block;width:427px;margin-right:20px}
.content-wrap .content-wrap-left .list-box .title-box{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6e6e6;margin-bottom:5px;height:60px}
.content-wrap .content-wrap-left .list-box .title-box .title{font-weight:700;line-height:60px;color:#3b79ea;border-bottom:3px solid #3b79ea}
.content-wrap .content-wrap-left .list-box .title-box .more{font-size:14px;color:#999;cursor:pointer}
.content-wrap .content-wrap-left .list-box .list-item{display:flex;justify-content:space-between;align-items:center;line-height:36px;cursor:pointer}
.content-wrap .content-wrap-left .list-box .list-item::before{content:" ";background-color:#ccc;display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:10px;line-height:36px}
.content-wrap .content-wrap-left .list-box .list-item .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333}
/*.content-wrap .content-wrap-left .list-box .list-item .name:hover{text-decoration:underline;color:#e50000}*/
.content-wrap .content-wrap-left .list-box .list-item .time{color:#999;margin-left:40px}

/*友链*/

.content-wrap .content-wrap-left .link-wrap{width: 880px;}

.link-wrap{margin:10px 0;display:flex;flex-wrap:wrap;justify-content:space-between}
.link-wrap a img{width:200px}
.link-wrap a{cursor:pointer}
.link-wrap select{flex:1;height:38px;margin-right:5px;text-align:center;border:1px solid #ccc;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(/pub/img/down.png);background-repeat:no-repeat;background-position:right 10px center;background-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.link-wrap select:last-child{margin-right:0}
.link-wrap select:focus{border-color:#ccc;outline:0}


/*首页右侧*/

.content-wrap .content-wrap-right{width:340px}
.content-wrap .content-wrap-right .top-text{margin-top:-50px;display:flex;justify-content:space-between;padding:10px 20px;margin-bottom:20px;font-size:24px;color:#000;background-color:#f2f2f2}
.content-wrap .content-wrap-right .lk-btn{display:flex;background:#f6f8fa;border-radius:6px;margin-bottom:10px;background-size:cover}
.content-wrap .content-wrap-right .lk-btn img{width:100%;height:auto;}

/*.fastlinks{width:245px;overflow:hidden;float:right;    margin-top: 20px;}*/
/*.fastlinks li{margin-bottom:10px}*/
/*.fastlinks li a{display:block;height:100px;line-height:100px;font-weight:700;color:#333;font-size:16px;background:#f6f8fa;border-radius:6px;position:relative;padding:0 0 0 88px}*/
/*.fastlinks li i{display:block;width:56px;height:56px;position:absolute;left:24px;top:20px}*/
/*.fastlinks li a:hover{background:#6aadfa;color:#fff;text-decoration:none}*/



/*分页*/
.pagebar{text-align:center;font-size:16px;line-height:30px;margin-top:20px}
.pagebar a,.pagebar span{display:inline-block;margin:0 5px;width:40px;height:40px;line-height:40px;border:1px solid #e4eaec;border-radius:5px;color:#76838f}
.pagebar span{color:#fff;background-color:#3b79ea}








@keyframes mymove{from{height:0}
    to{height:100%}
}
@keyframes mymove{from{letter-spacing:0}
    to{letter-spacing:2px}
}
@keyframes slideShow{0%{background-image:url(/pub/img/slogan-01.png)}
    33%{background-image:url(/pub/img/slogan-02.png)}
    100%{background-image:url(/pub/img/slogan-03.png)}
}