﻿
/* CSS Document */
/*!
 * version v3.3.7
 * Copyright 20211204 Sby inc.
 */
/*主框架*/
.container{width:1240px;margin: 0px auto;padding:0px 20px;}

.container:after{content:'\20';display:block;height:0;clear:both}
.header .toptips{height:40px;line-height:40px;}
.header .toptips a{}
.header .head{width:100%;height:100px;background:#fff;}
.header .head .logo{width:171px;margin-top: 25px;}
.header .head .menu ul{display: flex;width:450px;margin:25px 0px auto 118px;justify-content: space-between;}
.header .head .menu ul li{line-height: 49px;font-size:18px;}
.header .head .menu ul li a{position:relative;display: block;width:100%;color: #000;}
.header .head .menu ul li a:hover,.header .head .menu ul li.active a,.main .post h2 a:hover{font-weight:500;color: #f66524;}
.header .head .menu ul li.active a::after{content:"";position: absolute;left: 0px;bottom:0px; width:100%;height:2px;}
.header .head .logo,.header .head .menu ul,.header .head .menu ul li,.header .head .menu ul li a{height:49px;}

/*搜索*/
.header .tools{width:345px;margin-top:32px;display: flex; justify-content: space-between;}
.header .tools .search{float: left;position:relative;width:190px;border:1px solid #ddd;border-radius: 20px;}
.header .tools .search .ipt-txt{background:none;text-indent: 18px;}
.header .tools .search .sbtn{position: absolute;width:40px;height:35px;right:5px;top:0px;background: url("../images/search.png") center center no-repeat;cursor: pointer;}
.header .tools .search .ipt,.header .tools .search .sbtn{border:none;outline: none;}
.header .tools .search,.header .tools .search .ipt-txt,.header .tools .post-article{height:36px;}

/*投稿*/
.header .tools .post-article{float: left;width:80px;background:#f7834f;border-radius: 20px;line-height: 36px;font-size:15px;text-align: center;}
.header .head .menu ul li.active a::after,.header .tools .post-article:hover{background: #f66524;}
.header .tools .post-article a{display: block;color: #fff;}

/*登录*/
.header .tools .user-login{float: right;}
.header .tools .user-login img{display: block;width:35px;height:35px;border-radius: 50%;}

@media screen and (max-width:1200px) {
	.header .toptips{height:0.48rem;text-align: center;line-height:0.24rem;font-size:0.12rem;padding-top: 10px;}
	.header .head{height: auto;background:none;}
	.header .head .logo{width: 100%;height: auto;text-align: center;background:#fff;padding:0.15rem 0;overflow: hidden;}
	.header .head .menu,.header .tools{padding:0px 16px;}
	.header .head .menu ul,.header .tools{margin: 0px;width:100%;}
	.header .head .menu ul li.home{display: none;}
	.header .head .menu ul li{font-size:0.15rem;}
	.header .tools{margin-top:16px;}
	.header .tools .search{float: none;width:calc(100% - 140px);}
}

/* 首页图片推荐 */
.swiper-pagination-bullet-active{background:rgba(255,255,255,0.7);}
.swiper-button-next, .swiper-button-prev{color:rgba(255,255,255,0.7);}
.mySwiper,.swiper-slide,.swiper-slide img{width: 100%;}

.pos-a{position: absolute;}
.pos-r{position: relative;}
.bg-bkg{padding: 20px;bottom:0;left: 0;width:100%;}
.shadow{text-shadow: 0 2px 2px rgba(7,17,27,.4)}
.link-block{display: block; position: absolute;width: 100%;height: 100%;z-index:4;left: 0;top: 0;}
.radius-c{border-radius:3px;}

.txt{z-index:10;}
.txt h2{color:#eee;line-height: 24px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.txt a:hover{text-decoration: underline;}
.txt .author a,.txt .cat a{display: inline-block;padding: 4px 5px;background-color: rgba(0,0,0,.7);color: #fff;border-radius: 3px;}
.txt .authors{display: flex;align-items: center;color:#fff;height:20px;line-height: 20px;}
.txt .authors img{width:20px;height:20px;border-radius:50%;margin-right:10px;}
.img-bg::after{
    bottom: 0;content: "";display: block;height: 70%;width: 100%;position: absolute;z-index: 0;
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,0.9) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(40%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.9)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,0.9) 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,0.9) 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,0.9) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 40%,rgba(0,0,0,0.9) 100%);
}

.swiper-banner-pagination{position:relative;left: 0px;top:-36px;z-index:109;width: 100%;height:10px; text-align:right;padding-right:20px;}
.swiper-banner-pagination span{display: inline-block;opacity: 1;width:10px;height:10px;}
.swiper-banner-pagination .swiper-pagination-bullet{background:rgba(255,255,255,0.4);margin-left: 5px;}
.swiper-banner-pagination .swiper-pagination-bullet-active{background:rgba(255,255,255,1);}

.jd-Banner{background:#333;}
.jd-Banner,.ban-p{width:550px;height:380px;}

.btn-circle2{display: inline-block;padding:3px 10px;background:#40aae3;color: #fff;font-size:14px;border-radius: 3px;}
.btn-outline{background: #f7834f}
.btn-circle2:hover{color: #fff;}


.other,.obttom{width:625px;}
.other .otop{width:100%;height:180px;position: relative;}
.obttom-tbox{width:300px;height:174px;}

.categrorys{width:100%;height:auto;display: flex;justify-content: space-between;}
.categrorys a{display: block;background: #fff;text-align: center;height: 60px;line-height: 60px;font-size:18px;font-weight: bold;box-shadow:0 2px 3px rgba(0,0,0,0.08);border-radius: 5px;color:#f66524;}
.categrorys .box{width:33.33%;}
.indexca .box:nth-child(2) a{background:#fff5da }
.categrorys a.active{background:#de4e0d;color: #fff;}

@media screen and (max-width:1200px) {
	.jd-Banner,.ban-p,.other,.obttom{width:100%;overflow: hidden;}
	.jd-Banner,.ban-p{height:2.6rem;}
	.other .otop{height:1rem;}
	.other{margin-top: 16px;}
	.obttom{display: flex;justify-content: space-between;}
	.obttom-tbox{width:48%;}
}

@media (max-width:991px){
   .container{padding:0px 0px;} 
   .swiper-container{margin-top:10px;}
   .mr10{margin-right:3px !important;}
   .categrorys a{font-size:16px !important;}
   .categrorys .box{width:25%;}
   .categrorys .box.ml20{margin-left:8px !important;}
   .categrorys .box.mr20{margin-right:8px !important;}
}

/* member */
.page-content{width:100%;height:783px;background: url("../images/reg-bg.png") center bottom no-repeat rgba(238,247,255,1);background-size:cover;}
.portlet{width:512px;height:auto;margin:100px auto;padding: 20px;}
.input-large,.form-control{width:100%;height:40px;line-height: 40px;text-indent:10px;border:none;}
.form-group{margin-bottom: 20px;}
.form-group .control-label{display: block;font-size:16px;line-height: 32px;text-indent:10px;padding-bottom: 10px;}
.portlet,.input-large,.form-control{box-shadow:0px 0px 5px rgba(0,0,0,0.2);border-radius: 10px;}
.reg-log{font-size:16px;font-weight: 400;}
.reg-log a{color:#0c82f9;}
.reg-log a:hover{text-decoration: underline;}
/* 专题 */
.special{display: flex;justify-content: space-between;}
.specs{width:176px;height:84px;text-align: center;}
 @media screen and (max-width:1200px) {
	 .page-content{height: auto;padding-bottom: 50px;}
	 .portlet{width:auto;margin: 30px 16px;} 
}


/* 内容 */
.inbanner{height:430px;background: url("../images/banner.jpg") center -60px no-repeat;}
.inbanner-news{height:306px;background: url("../images/banner.png") center center no-repeat;}
.inbanner,.inbanner-news{width:100%;}

.main{margin:0px auto;}
.main .list{width:845px;}
.main .list ul.arc li{width:100%;height:auto;min-height:160px;background:#fff; box-shadow:0 2px 3px rgba(0,0,0,0.08);margin-bottom:25px;border-radius: 5px;padding: 15px;}

/* news-list */
.news_list{padding-bottom:10px}
.news_list li{margin-bottom:24px}
.news_list li a{display:block;background:#fff}
.news_list .date{float:left;width:170px;padding:25px 0;padding-right:65px;background:url(../images/icon6.png) no-repeat left center;background-size:auto 100%;color:#999;font-size:16px;line-height:30px;text-align:left;padding-left:25px}
.news_list .date label{display:block;font-size:36px;color:#999;font-weight: bold;}
.news_list .text{overflow:hidden;padding-right:200px;position:relative;padding-top:15px;margin-left:40px;}
.news_list .text .div_btn2{position:absolute;top:50%;margin-top:-20px;padding:0 20px;line-height:40px;background:#cfcfcf;color:#fff;right:30px}
.news_list .text .div_btn2 span{display:inline-block;padding-right:35px;background:url(../images/icon7.png) no-repeat right center}
.news_list .text h3{font-size:18px;font-weight:400;line-height:30px;color:#000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_list .text img{float: left;margin-right: 20px;}
.news_list .text p{line-height:26px;color:#444;height:52px;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow:ellipsis;}
.news_list li a:hover .date{background:url(../images/icon6-1.png) no-repeat left center;background-size:auto 100%}
.news_list li a:hover .date label,.news_list li a:hover .date span{color:#242f35}
.news_list li a:hover{background:#242f35;transition: all 0.3s;}
.news_list li a:hover .text h3,.news_list li a:hover .text p{color:#fff}
.news_list li a:hover .div_btn2{background:#ffdb60}
.news_list li a:hover .div_btn2 span{color:#242f35;background:url(../images/icon7-1.png) no-repeat right center}

.fc-show-total{text-align: center;}
.fc-show-total a{display: inline-block;background: #f5f5f5;padding: 10px 20px;border-radius: 5px;margin: 0px 10px;}

.imgs{display: flex;width: 100%;height: 100px;overflow: hidden;}
.imgs a{display:inline-block;margin-right: 10px;}
.imgs a img{max-width:200px;border-radius:3px;}

 @media screen and (max-width:1200px) {
	 .fc-show-total a{padding:8px 12px;font-size:0.13rem;margin: 0px 5px;}
	 .photo{padding: 16px;}
	 .special{padding: 0px 16px;flex-wrap:wrap;}
	 .specs{width: 31%;margin-bottom: 16px;}
	 .specs:nth-child(4),.specs:nth-child(5),.specs:nth-child(6){margin-bottom: 0px;}
	 
	 .inbanner{height:1.4rem;background: url("../images/banner-m.jpg") center center no-repeat;background-size:cover;}
	 .inbanner-news{height:1.1rem;background: url("../images/banner-m.png") center center no-repeat;background-size:cover;}
	 .inbanner,.inbanner-news,.news-detail{width:100%;margin-top: 16px;}
	 
	 
	 .container{width: 100%;}
	 .news_list{padding: 10px;}
	 .news_list .date{width: 100%;height: 36px;line-height: 36px;padding:0px 0px;overflow: hidden; background:#fff;padding-left: 10px;}
	 .news_list .date label{display:inline-block;font-size: 16px;font-weight:normal;margin-left: 0px;}
	 .news_list .date label::before{content: "- ";}
	 .news_list .text .div_btn2{padding:0 10px;right:15px}
	 .news_list .text{padding-right:0px;padding-top:0px;margin-left: 0px;}
	 .news_list .text h3{padding-top: 10px;}
	 .news_list .text img{margin: 10px;}
	 .news_list .date{padding-right:40px;}
	 .news_list .text .div_btn2{display:none}
	 .news_list .text{padding-right:10px}
}

.news-detail{width: 100%;}
.news-detail .hd{background:#eee; padding:64px 0 60px; margin-bottom:10px;}
.news-detail .hd .tit{font-size:32px; font-weight:bold; color:#333; text-align:center; margin-bottom:10px;}
.news-detail .hd .dec{font-size:13px; color:#939393; text-align:center;}
.news-detail .hd .dec .iconfont{margin-bottom:3px;}
.news-detail .hd .dec span{cursor:pointer; display:inline-block;}
.news-detail .hd .dec span.date,
.news-detail .hd .dec span.view{display:inline-block; margin-right:5px;}
 @media only screen and (max-width: 767px) {
	 .left,.right{float: none;clear: both;}
	 .news-detail .hd{padding: 30px 20px;}
	 .news-detail .hd .tit,.news-detail .hd .tit h2{font-size:20px;}
	 
}

.details_txt{margin:20px 0 0px;padding:20px;line-height:26px;font-size:16px}
.details_txt .text{overflow: hidden;padding-bottom: 20px;overflow: hidden;}
.details_txt .text p{line-height:32px;text-indent: 2em;}
.pre_next{border-top:1px solid #d8d8d8;}
.pre_next span{display:block;width:45%;margin-top: 20px;}
.pre_next span a{width:100%;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#666}
.pre_next span a:hover{color:#242f35;text-decoration:underline}
 @media only screen and (max-width: 767px) {
	 .details{box-sizing: border-box;padding: 10px;}
	 .details_txt{margin-top:0px;margin-bottom: 10px;}
	 .d_tit h2{line-height:50px;font-size:26px}
	 .d_tit h2 {font-size: 24px;}
	 .details_txt .text p img{width: 100%;}
	 .d_tit h2{padding-right:0;line-height:30px}
	 .d_tit h2 span{position:initial;top:auto;bottom:auto;display:block;}
	 .pre_next span{width: 100%;margin-top:10px;line-height: 30px;}
	 .pre_next span.right{float: left;}
	 
}




/* 发布的内容列表 */
.main .post{width:100%;}
.main .post .author{display: flex;align-items: center;}
.main .post .author .avater,.main .post .author .avater img{width:40px;height:40px;border-radius:50%;}
.main .post .author h3{font-size:13px;}
.main .post .author .name p.time{color:#999;}
.main .post .author h3,.main .post h2{font-weight:500;}
.main .post h2 a{color: #000;}
.main .post p.info{line-height: 24px;}
.main .post .tool{display: flex;}
.main .post .tool div{color: #999;}

.zd-jh{position: absolute;right:0px;top:0px;z-index: 99;}
.ats{right:10px;top:-60px;}
.zd-jh img{margin-left: 10px;width:100px;}
.ats img{width:130px;}

/* 内容详情 */
.box-shadow{box-shadow:0 2px 3px rgba(0,0,0,0.08);}
.bgfff{background: #fff;}
.article{width:845px;overflow: hidden;}
.article .position{width:100%;height:auto;padding:20px;}
.article .contents{padding: 20px;font-size:18px;line-height:36px;/*background:url("../img/bg.png") repeat rgba(15,124,182,0.7);*/background:#fff;color:#000;}
.article .contents h1{font-weight:bold;}
.article .contents .submary{background:#f2f2f2;padding: 20px;}
.article .contents .submary ,.article .contents p{line-height:32px;}
.article .contents p{text-indent: 2em;}
.article .contents .body img{display: inline-block;max-width:90% !important; height:auto !important;margin-top:15px;margin-bottom:15px;}

@media only screen and (max-width:1200px) {
	.main .list,.article{width:100%;padding:0px 16px 16px;}
	.main .list ul.arc li{margin-bottom: 16px;}
	.mt25{margin-top: 16px !important;}
	.special,.photo{margin-top:0px !important;}
	.zd-jh{top:-0.2rem;}
	.zd-jh img{margin-left:5px;width:0.66rem;}
	
}



.sign-comment{position: absolute;right:0;left:0;bottom:0;top:0;background-color:rgba(255,255,255,.7);z-index: 990;text-align: center}
.sign-comment button + button{margin-left:10px}
.lm {
    position: absolute;top: 50%;left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    text-align: center;
}
.com-info{width:100%;padding:20px;min-height: 100px;background: #333;}
.com-info .avatar,.com-info .avatar img { width: 40px;height: 40px;border-radius:50%;}
.com-info .avatar img {vertical-align: top;max-width: 100%;image-rendering: -webkit-optimize-contrast;}

/*分页*/
.Page{width:100%; text-align:center; padding:10px 0px;}
.Page li{display: inline-block;}
.Page a{display:inline-block;width:65px;background:#ffffff;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5;border-radius:5px;margin:0px 5px;}
.Page a:hover{ text-decoration:none;}
.Page a:hover,.Page li.active a,.Page a.cur{ background:#f66524; color:#FFF}


.main .sidebar{width:330px;}
.main .sidebar .recommend,.main .sidebar .hot-news{background:#fff;padding: 15px;box-shadow:0 2px 3px rgba(0,0,0,0.08);}
.main .sidebar .title{font-size:18px;border-bottom:1px solid #eee;padding-bottom: 10px;font-weight: 500;color: #000;}
.main .sidebar dl{width:100%;height:auto;overflow: hidden;padding: 10px 0px;border-bottom:1px solid #f5f5f5;}
.main .sidebar dl:last-child{border-bottom: none;}
.main .sidebar dl dt{width:100%;line-height:22px;font-size:16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} 
.main .sidebar dl dt i{font-style:normal;color:#e02433;}
.main .sidebar dl dt i.i1{}
.main .sidebar dl dt i.i2{opacity:0.8;}
.main .sidebar dl dt i.i3{opacity:0.5;}
.main .sidebar dl dt i.i4{opacity:0.5;}
.main .sidebar dl dt i.i5{color:#ffc300;}
.main .sidebar dl dd{margin-top:10px;}
.main .sidebar dl dd em{float: left;color: #999;}
.main .sidebar dl dd span{display: inline-block;float: right;padding: 1px 8px;border-radius: 5px;border:1px solid #f66524;color:#f66524;}
.erweima{width:100%;display:flex;align-items: center;}
.erweima .qrcode{padding: 10px;}
.erweima img{width:90px;}
.erweima .txt{font-size:18px;font-weight:500;}
@media only screen and (max-width:1200px) {
	.Page a{width: auto;height:auto;line-height:1;padding:10px 15px;margin:0px 2px;}
	.main .sidebar{width:100%;padding:16px 16px;}
	
}

.deanmblldiv ul{margin-left:60px!important;border-left:1px solid #ededed;}
.deanmblldiv ul li{position:relative;z-index:1;height:140px;}
.deanmblldiv ul li span{position:absolute;left:-60px;top:64px;z-index:2;color:#aaa;}
.deanmblldiv ul li strong{width:6px;height:6px;display:block;background:#fff;border:1px solid #ddd;border-radius:10px;position:absolute;left:-4px;top:70px;z-index:2;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.deanmblldiv ul li b{width:13px;height:1px;background:#ddd;position:absolute;z-index:2;top:73px;left:-17px;}
.deanmblldiv ul li:hover strong{border:1px solid #4593FF;}
.deanmbllinfo{position:absolute;left:15px;top:0px;}
.deanmbtit{font-size:12px;color:#999;position:absolute;left:-70px;width:50px;text-align:center;top:5px;background:#fff;}
.deanmbllinfo .deanmbllavar{display:block;}
.deanmbllavar img{width:30px;height:30px;border-radius:30px;}
.deanmbtit em{color:#999;font-size:12px;display:block;line-height:20px;height:20px;overflow:hidden;margin-top:3px;}
.deanmbllinfo h3{margin-top:5px;font-size:14px;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.deanmblldiv ul li:hover .deanmbllinfo h3{padding-left:5px;}
.deanmbsummary{color:#999;line-height:22px;height:66px;overflow:hidden;font-size:12px;margin-top:5px;}
.deanmbsummary i.icon-quote-left{color:#ccc;padding-right:5px;}
.deanmbsummary i.icon-quote-right{color:#ccc;padding-left:5px;}



.kefufix{position:fixed;width:200px;height:316px;right:0px;top:200px;background: url("../images/kefu.png") no-repeat;z-index: 99;}
.kefufix h2{position: absolute;top:94px;left:80px;font-size:14px;font-weight: bold;color: #ff6000;}
.kefufix a.btn-tgs{display:inline-block;position: absolute;left: 86px;color: #fff;font-size:14px;font-weight: 500;padding: 5px 4px;border-radius: 5px;width:100px;background:#000;text-align:center;}
.kefufix a.btn-qun1{top:100px;}
.kefufix a.btn-qun2{top:140px;}
.kefufix a.btn-qun3{top:180px;}
.kefufix a:hover.btn-tgs{background:#ff6000;}

@media (max-width:991px) {
  .kefufix{display: none;}	
	
}

.cd-top {
  display: inline-block;z-index: 9999;
  height:36px;width:36px;position: fixed;bottom: 60px;right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;text-indent: 100%;white-space: nowrap;background:url(../images/m@2x.png) no-repeat center center;background-size:36px 36px;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.cd-top.cd-is-visible { visibility: visible;opacity: 1;}
/* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
.cd-top.cd-fade-out {opacity: 0.8;}
.no-touch .cd-top:hover {background-color: #c00;opacity: 1;}

.footer{width:100%;height:50px;line-height:50px;text-align:center;color:#ccc;background:#000}