.fs0 {
  font-size: 0;
}
.fs12 {
  font-size: 12px;
}
.fs14 {
  font-size: 14px;
}
.fs16 {
  font-size: 16px;
}
.fs18 {
  font-size: 18px;
}
.fs20 {
  font-size: 20px;
}
.fs22 {
  font-size: 22px;
}
.fs24 {
  font-size: 24px;
}
.fs26 {
  font-size: 26px;
}
.fs28 {
  font-size: 28px;
}
.fs30 {
  font-size: 30px;
}
.33 {
  color: #333;
}
.red {
  color: #e15517;
}
.gray6 {
  color: #666;
}
.gray9 {
  color: #999;
}
.blue {
  color: #0f64b9;
}
.darkblue {
  color: #0f64b9;
}
.green {
  color: #28b736;
}
.orange {
  color: #e15517;
}
.ff {
  color: #fff;
}
.f1 {
  color: #f1f1f1;
}
.f2 {
  color: #f2f2f2;
}
.f4 {
  color: #f4f4f4;
}
.f5 {
  color: #f5f5f5;
}
.f6 {
  color: #f6f6f6;
}
.f7 {
  color: #f7f7f7;
}
.f8 {
  color: #f8f8f8;
}
.4f {
  color: #4f4f4f;
}
.7f {
  color: #7f7f7f;
}
.e1 {
  color: #e1e1e1;
}
.88 {
  color: #888;
}
.bgF7 {
  background: #f7f7f7;
}
.bgFf {
  background: #fff;
}
.bgBlue {
  background: #0f64b9;
}
.bgGreen {
  background: #28b736;
}
.bgOrange {
  background: #e15517;
}
.bgDarkblue {
  background: #0f64b9;
}
.normal {
  font-weight: normal;
}
.bold {
  font-weight: bold;
}
.textC {
  text-align: center;
}
.textL {
  text-align: left;
}
.textR {
  text-align: right;
}
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.flex {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
}
.flowwrap {
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
}
/**************
    公共主体样式
 **************/
/*TODO 首页*/
#banner {
  width: 100%;
  height: 600px;
}
#banner img {
  width: 100%;
  height: 600px;
  object-fit: cover;
}
#banner .swiper-button-next,
#banner .swiper-button-prev {
  width: 60px;
  height: 66px;
  margin-top: -33px;
  background: none;
}
#banner .swiper-button-next .icon,
#banner .swiper-button-prev .icon {
  color: #fff;
  font-size: 60px;
}
.proAndserv {
  height: 220px;
  background: -webkit-linear-gradient(top, #3e83c7, #1064b9);
  background: -moz-linear-gradient(top, #3e83c7, #1064b9);
  background: -o-linear-gradient(top, #3e83c7, #1064b9);
  background: linear-gradient(top, #3e83c7, #1064b9);
  color: #fff;
  padding: 10px;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
  position: relative;
  top: -40px;
  z-index: 1;
}
.proAndserv .left {
  flex: 0 0 260px;
  padding: 20px;
}
.proAndserv .left strong {
  font-size: 28px;
}
.proAndserv .left .p0 {
  font-size: 16px;
  margin: 20px 0 30px 0;
}
.proAndserv .left .other .btn {
  width: 90px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  border: 1px solid #fff;
  font-size: 12px;
}
.proAndserv .left .other .arrow {
  display: block;
  width: 25px;
  height: 30px;
  background: url(../img/more.png) no-repeat center;
}
.proAndserv .sort {
  flex: 1;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
  background: #fff;
  height: 200px;
}
.proAndserv .sort li {
  flex: 1;
  text-align: center;
  border-right: 1px solid #e1e1e1;
  padding: 25px 20px;
}
.proAndserv .sort img {
  width: 60px;
  height: 60px;
  object-fit: contain;
}
.proAndserv .sort h3 {
  font-size: 16px;
  color: #333;
  margin: 20px auto 5px auto;
}
.proAndserv .sort dd {
  font-size: 12px;
  color: #999;
}
.index_news_wrap {
  overflow: hidden;
}
.index_news_wrap .left {
  width: 670px;
}
.index_news_wrap .right {
  width: 490px;
}
.index_news_wrap .head {
  height: 36px;
  line-height: 36px;
}
.index_news_wrap .tt {
  display: inline-block;
  margin-right: 60px;
}
.index_news_wrap .tabs span {
  display: inline-block;
  width: 100px;
  background: #f2f2f2;
  margin-right: 10px;
  text-align: center;
  color: #7f7f7f;
  font-size:14px;
}
.index_news_wrap .tabs span.active {
  background: #0f64b9;
  color: #fff;
}
.index_news_wrap .tab-panel {
  display: none;
  margin-top: 30px;
}
.index_news_wrap .tab-panel.active {
  display: block;
}
.index_news_wrap .tab-panel .item {
  margin: 20px auto;
}
.index_news_wrap .tab-panel .item .con {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
}
.index_news_wrap .tab-panel .item img {
  width: 190px;
  height: 130px;
  margin-right: 28px;
  object-fit: contain;
}
.index_news_wrap .tab-panel .item .infor {
  flex: 1;
  font-size: 12px;
  color: #7f7f7f;
}
.index_news_wrap .tab-panel .item .infor h3 {
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.index_news_wrap .tab-panel .item .infor .p0 {
  margin: 10px 0 20px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*设置行数*/
  -webkit-box-orient: vertical;
  /*子元素垂直排列*/
}
.index_news_wrap .tab-panel #scroll-news {
  min-height: 36px;
  line-height: 36px;
  height: 104px;
  overflow: hidden;
}
.index_news_wrap .tab-panel #scroll-news li {
  border-bottom: 1px dotted #e1e1e1;
}
.index_news_wrap .tab-panel #scroll-news li .con {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  font-size: 14px;
  position: relative;
}
.index_news_wrap .tab-panel #scroll-news li .con:before {
  position: absolute;
  top: 50%;
  margin-top: -2px;
  content: '';
  width: 4px;
  height: 4px;
  background: #28b736;
}
.index_news_wrap .tab-panel #scroll-news li p {
  flex: 1;
  margin: 0 90px 0 20px;
  width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.index_news_wrap .tab-panel #scroll-news li span {
  color: #999;
  font-size: 12px;
}
.index_news_wrap .nlist li {
  width: 160px;
  height: 320px;
  margin-right: 5px;
  float: left;
  position: relative;
}
.index_news_wrap .nlist li:last-child {
  margin-right: 0;
}
.index_news_wrap .nlist li:nth-child(2) .infor {
  top: 0;
  bottom: initial;
}
.index_news_wrap .nlist li .con {
  display: block;
  width: 100%;
  height: 100%;
}
.index_news_wrap .nlist li img {
  width: 160px;
  height: 180px;
  object-fit: cover;
}
.index_news_wrap .nlist li:nth-child(2) img {
	position: absolute;
	bottom: 0;
}
.index_news_wrap .nlist li .infor {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  color: #fff;
  width: 100%;
  height: 140px;
}
.index_news_wrap .nlist li .infor .d0 {
  padding: 40px 20px 20px 20px;
}
.index_news_wrap .nlist li .infor .d0 h1 {
  font-size: 16px;
  font-weight: normal;
  margin-top: 10px;
}
.index_news_wrap .nlist li .infor .d0 p {
  font-size: 12px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  /*IE专用*/
  -moz-opacity: 0.5;
  /*火狐（firefox）*/
}
.index_news_wrap .nlist li .infor .d1 {
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  opacity: 0.75;
  filter: alpha(opacity=75);
  /*IE专用*/
  -moz-opacity: 0.75;
  /*火狐（firefox）*/
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.15);
}
.index_news_wrap .nlist li .infor .d1 .s1 {
  padding-left: 20px;
}
.index_news_wrap .nlist li .infor .d1 .s2 {
  width: 30px;
  height: 30px;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
}
.index_other {
  margin: 40px auto;
  overflow: hidden;
}
.index_other #slide-tz {
  width: 380px;
  height: 280px;
}
.index_other #slide-tz .swiper-slide {
  width: 100%;
  height: 100%;
  padding: 30px 40px;
  overflow: hidden;
  background: url(../img/bg1.png) no-repeat center;
}
.index_other #slide-tz .swiper-pagination {
  bottom: 30px;
}
.index_other #slide-tz .swiper-pagination-bullet {
  opacity: 1;
  filter: alpha(opacity=100);
  /*IE专用*/
  -moz-opacity: 1;
  /*火狐（firefox）*/
  background: none;
  border: 1px solid #fff;
}
.index_other #slide-tz .swiper-pagination-bullet-active {
  background: #fff;
  width: 16px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
}
.index_other #slide-tz a {
  color: #fff;
}
.index_other #slide-tz h1 {
  font-weight: normal;
  overflow: hidden;
}
.index_other #slide-tz h1 .tt {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
}
.index_other #slide-tz h1 i {
  margin-right: 5px;
}
.index_other #slide-tz .p0 {
  font-size: 14px;
  margin: 20px auto;
}
.index_other #slide-tz .p1 {
  font-size: 16px;
  height: 105px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  /*设置行数*/
  -webkit-box-orient: vertical;
  /*子元素垂直排列*/
}
.index_other .item {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
}
.index_other .item img {
  width: 410px;
  height: 280px;
}
.index_other .item .infor {
  width: 380px;
  height: 280px;
  background: #f5f5f5;
  padding: 30px;
  font-size: 0;
  display: table;
}
.index_other .item .infor h1 {
  color: #0f64b9;
  height: 20px;
  line-height: 20px;
  font-weight: normal;
}
.index_other .item .infor h1 .tt {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
}
.index_other .item .infor h1 i {
  margin-right: 5px;
}
.index_other .item .infor .title {
  padding: 20px 0;
  border-bottom: 2px solid #c7cacd;
  margin-top: 10px;
}
.index_other .item .infor .title h3 {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 10px;
}
.index_other .item .infor .title p {
  font-size: 12px;
  color: #7f7f7f;
}
.index_other .item .infor .des {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /*设置行数*/
  -webkit-box-orient: vertical;
  /*子元素垂直排列*/
  color: #999;
  line-height: 25px;
  font-size: 12px;
  margin-top: 10px;
}
.cpy {
  padding-bottom: 100px;
  margin-top: 40px;
}
.cpy .body {
  height: 300px;
  background: url(../img/bg2.png) no-repeat center;
  padding: 0 100px;
  overflow-y: auto;
  display: table;
}
.cpy .body .con {
  color: #fff;
  line-height: 30px;
  font-size: 14px;
  display: table-cell;
  vertical-align: middle;
}
.cpy .btn-more {
  display: block;
  width: 220px;
  height: 48px;
  line-height: 48px;
  font-size: 14px;
  margin: 40px auto 0 auto;
  text-align: center;
  color: #cbcbcb;
  border: 1px solid #cbcbcb;
}
.remarks {
  background: #f7f7f7;
  padding-bottom: 100px;
}
.remarks .body {
  height: 465px;
  background: url(../img/bg3.png) no-repeat center;
}
.remarks .infor {
  width: 720px;
  height: 465px;
  padding: 50px;
  font-size: 14px;
  line-height: 30px;
  overflow-y: auto;
}
.remarks .img {
  width: 400px;
  padding: 50px 20px 50px 0;
  margin-bottom: 50px;
}
.remarks .img img {
  height: 250px;
  margin-bottom: 50px;
}
.remarks .img p {
  text-align: right;
  color: #4f4f4f;
  font-size: 24px;
}
.leadship {
  padding-bottom: 100px;
}
.leadship #slide-ship {
  height: 340px;
  margin: 40px 0 80px 0;
}
.leadship #slide-ship .swiper-slide {
  width: 390px;
  height: 275px;
}
.leadship #slide-ship .swiper-slide p {
  width: 100%;
  height: 48px;
  line-height: 48px;
  background: rgba(15, 100, 185, 0.7);
  text-align: center;
  font-size: 18px;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
}
.leadship #slide-ship .swiper-pagination {
  bottom: 0;
}
.leadship #slide-ship .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  opacity: 1;
  filter: alpha(opacity=100);
  /*IE专用*/
  -moz-opacity: 1;
  /*火狐（firefox）*/
  border: 1px solid #e1e1e1;
  background: none;
}
.leadship #slide-ship .swiper-pagination-bullet-active {
  background: #0f64b9;
}
.leadship .ship-infor {
  overflow: hidden;
  width: 1000px;
  margin: auto;
}
.leadship .ship-infor li {
  float: left;
  width: 480px;
  height: 120px;
  background: #f7f7f7;
  font-size: 16px;
  padding: 10px 40px;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
  margin: 0 40px 30px 0;
}
.leadship .ship-infor li span {
  display: inline-block;
  min-width: 60px;
  margin-right: 10px;
}
.leadship .ship-infor li .zw {
  flex: 1;
}
.leadship .ship-infor li:nth-child(2n) {
  margin-right: 0;
}
.organiz {
  background: #f7f7f7;
  text-align: center;
  padding-bottom: 100px;
}
.organiz img {
  width: 810px;
  height: auto;
  object-fit: contain;
  margin: auto;
}
.history {
  /*padding-bottom: 100px;*/
}
.history #slide-history {
  margin-top: 50px;
}
.history #slide-history .swiper-pagination {
  bottom: 0;
}
.history #slide-history .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  opacity: 1;
  filter: alpha(opacity=100);
  /*IE专用*/
  -moz-opacity: 1;
  /*火狐（firefox）*/
  border: 1px solid #e1e1e1;
  background: none;
}
.history #slide-history .swiper-pagination-bullet-active {
  background: #0f64b9;
}
.history #slide-history .history-list {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
}
.history #slide-history .history-list li {
  flex: 1;
  max-width: 16.66%;
}
.history #slide-history .history-list li > a {
  display: block;
}
.history #slide-history .history-list li .p0 {
  font-size: 20px;
  color: #000;
  text-align: center;
  margin-bottom: 10px;
}
.history #slide-history .history-list li .line {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
}
.history #slide-history .history-list li .line i {
  flex: 1;
  height: 2px;
  background: #0f64b9;
}
.history #slide-history .history-list li .line span {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  border: 2px solid #0f64b9;
}
.history #slide-history .history-list li .p1 {
  font-size: 12px;
  line-height: 20px;
  padding: 10px 30px 20px 30px;
}
.honor {
  background: #f7f7f7;
  padding-bottom: 100px;
}
.honor .honor-list {
  width: 660px;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: space-between;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  margin: 50px auto;
}
.honor .honor-list li {
  width: 275px;
  height: 185px;
  margin-bottom: 20px;
}
/*TODO 公司历程*/
.histoty-sec {
  text-align: center;
}
.histoty-sec img {
  width: 825px;
  height: auto;
  margin: 100px auto 40px auto;
}
/*TODO 公司新闻*/
.cpy-news-wrap .mBtn {
  margin: 30px 0 40px 0;
}
.cpy-news {
  overflow: hidden;
  margin-top: 50px;
  margin-bottom:30px;
}
.cpy-news #slide-news {
  margin-right: 20px;
  width: 510px;
  height: 320px;
}
.cpy-news #slide-news img {
  width: 100%;
  height: 100%;
}
.cpy-news .swiper-pagination-bullet {
  opacity: 1;
  filter: alpha(opacity=100);
  /*IE专用*/
  -moz-opacity: 1;
  /*火狐（firefox）*/
  background: #fff;
}
.cpy-news .swiper-pagination-bullet-active {
  background: #0f64b9;
}
.cpy-news .sort {
  background: #efeef1;
  height: 320px;
  -moz-box-shadow: 5px 1px 5px #f4f3f5;
  -webkit-box-shadow: 5px 1px 5px #f4f3f5;
  box-shadow: 5px 1px 5px #f4f3f5;
  margin-left:30px;
}
.cpy-news .sort li {
  display: table;
  height: 80px;
  padding: 0 10px;
  width: 100%;
}
.cpy-news .sort li:nth-child(2) {
  margin: 40px 0;
}
.cpy-news .sort li.active h1 {
  color: #0f64b9;
}
.cpy-news .sort li.active  .icon {
  display: inline-block;
}
.cpy-news .sort .con {
  display: table-cell;
  vertical-align: middle;
}
.cpy-news .sort h1 {
  font-size: 16px;
  font-weight: normal;
  color: #6b6b6b;
}
.cpy-news .sort h1 .icon {
  font-size: 12px;
  position: relative;
  top: -2px;
  margin-left: 10px;
  display: none;
}
.cpy-news .sort p {
  color: #b5b5b7;
  font-size: 12px;
}
.cpy-news .tabs {
  width: 475px;
  margin-left:18px;
}
.cpy-news .list {
	display: none;
}
.cpy-news .list.active {
	display: block;
}
.cpy-news .list li {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
  padding: 5px 0px 5px 10px;
}
.cpy-news .list li .time {
  flex: 0 0 70px;
  height: 70px;
  background: #0f64b9;
  color: #fff;
  padding: 10px 0;
  text-align: center;
  margin-right: 10px;
  -moz-box-shadow: 1px 1px 1px #9dbad7;
  -webkit-box-shadow: 1px 1px 1px #9dbad7;
  box-shadow: 1px 1px 1px #9dbad7;
}
.cpy-news .list li .time .p0 {
  font-size: 24px;
}
.cpy-news .list li .time .p1 {
  font-size: 12px;
}
.cpy-news .list li .des {
  flex: 1;
  width: 0;
  background: #F7F7F7;
  font-size: 0;
  padding: 5px 10px;
}
.cpy-news .list li .des h1 {
  font-size: 16px;
  font-weight: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #0c0c0c;
}
.cpy-news .list li .des h1:hover {
  color: #0f64b9;
}
.cpy-news .list li .des p {
  font-size: 12px;
  color: #888;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /*设置行数*/
  -webkit-box-orient: vertical;
  /*子元素垂直排列*/
}
.cpy-news-list li {
  margin-bottom: 20px;
  background: #f7f7f7;
  padding: 20px ;
}
.cpy-news-list .con {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
}
.cpy-news-list img {
  flex: 0 0 220px;
  height: auto;
  max-height: 140px;
  margin-right: 40px;
}
.cpy-news-list .infor {
  flex: 1;
  font-size: 0;
  width: 0;
}
.cpy-news-list .infor h1 {
  font-size: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 10px;
  height: 26px;
}
.cpy-news-list .infor .p0 {
  font-size: 12px;
  color: #4f4f4f;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /*设置行数*/
  -webkit-box-orient: vertical;
  height: 72px;
  /*子元素垂直排列*/
}
.cpy-news-list .infor .p1 {
  font-size: 12px;
  color: #999;
  margin-top: 14px;
}
.cpy-news-list .infor .p1 .icon {
  font-size: 10px;
}
/*TODO 公司新闻-详情*/
.news-art .head {
  border-bottom: 1px solid #ddd;
  padding: 0 80px;
  margin-bottom:40px;
}
.news-art .head h1 {
  font-size: 28px;
  text-align-last: center;
  margin: 50px 0 30px;
}
.news-art .head p {
  text-align: right;
  height: 30px;line-height: 30px;
  font-size: 14px;
  color: #999;
}
.news-art .body .lg-img {
  text-align: center;
}
.news-art .body .lg-img img {
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 40px auto;
}
.news-art .body p {
  color: #666;
  font-size: 14px;
  line-height: 24px;
}
.news-art .body .sm-img {
  display: table;
  margin: auto;
}
.news-art .body .sm-img img {
  width: 215px;
  height: 145px;
  margin-right: 40px;
}
.news-art .body .sm-img img:last-child {
  margin-right: 0;
}
.news-art .body img {
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 40px auto;
}
/*TODO 服务时间*/
.c-servTime .time-group {
  overflow: hidden;
  width: 680px;
  margin: 30px auto;
  text-align: center;
}
.c-servTime .time-group .group {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
}
.c-servTime .time-group .group .circle .p0 {
  width: 130px;
  height: 130px;
  line-height: 130px;
  border: 2px solid #bfbfbf;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  font-size: 30px;
  color: #757575;
}
.c-servTime .time-group .group .circle .p1 {
  font-size: 18px;
  color: #2f2f2f;
  margin-top: 30px;
}
.c-servTime .time-group .group .line {
  height: 1px;
  width: 60px;
  background: #bcbcbc;
  margin-top: 64px;
}
.c-servTime .listen {
  text-align: center;
  margin: 80px auto 60px auto;
}
.c-servTime .listen h2 {
  font-size: 26px;
  color: #0f64b9;
  font-weight: normal;
  margin-bottom: 20px;
}
.c-servTime .listen p {
  font-size: 16px;
  color: #868686;
}
.c-atten {
  background: #f7f7f7;
  padding-bottom: 100px;
}
.c-atten .body .p0 {
  font-size: 22px;
  color: #868686;
  text-align: center;
  margin: 50px auto;
}
.c-atten .body .ways {
  width: 460px;
  overflow: hidden;
  margin: auto;
}
.c-atten .body .ways .item {
  text-align: center;
}
.c-atten .body .ways .item p {
  font-size: 18px;
  color: #666;
  margin-bottom: 30px;
}
.c-atten .body .ways .item p span {
  font-size: 30px;
  color: #0f64b9;
}
.c-atten .body .ways .item p img {
  width: 90px;
  height: 90px;
  margin: auto;
}
.c-map #map {
  width: 100%;
  height: 520px;
}
.c-map #map .amap-info-content {
  padding: 20px 50px 10px 20px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
}
.c-map #map .amap-info-content h1 {
  margin-bottom: 5px;
}
.c-map #map .amap-info-close {
  color: #0f64b9;
  border: 1px solid #0f64b9;
  line-height: 14px;
  text-align: center;
}
.leave-online {
  margin: 190px 0;
}
.leave-online .tt {
  font-size: 14px;
  color: #626060;
}
.leave-online .tt span {
  font-size: 24px;
  color: #333;
  margin-right: 20px;
}
.leave-online .form {
  padding: 30px;
}
.leave-online .f-body {
  overflow: hidden;
}
.leave-online .form-list {
  width: 360px;
  font-size: 14px;
  margin-right: 170px;
}
.leave-online .form-list li {
  height: 36px;
  margin-bottom: 5px;
  border: 1px solid #eaeaea;
  padding: 5px 10px;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
  position: relative;
}
.leave-online .form-list li label {
  color: #4f4f4f;
}
.leave-online .form-list li input {
  flex: 1;
  font-size: 14px;
}
.leave-online .form-list li.li-msg {
  height: 130px;
}
.leave-online .form-list li.li-msg textarea {
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
  resize: none;
}
.leave-online .f-code {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  font-size: 14px;
  margin-top: 10px;
}
.leave-online .f-code .dcode {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex: 0 0 190px;
  height: 44px;
  line-height: 44px;
  padding: 0 10px;
  border: 1px solid #eaeaea;
}
.leave-online .f-code .dcode label {
  display: inline-block;
  width: 60px;
  color: #4f4f4f;
}
.leave-online .f-code .dcode .code {
  flex: 1;
}
.leave-online .f-code img {
  width: 90px;
  height: 44px;
  object-fit: contain;
  margin: 0 20px;
}
.leave-online .f-code .btn {
  width: 230px;
  height: 44px;
  background: #0f64b9;
  color: #fff;
  text-align: center;
}
.mMsg-list li {
  color: #4f4f4f;
  font-size: 14px;
  height: 50px;
  line-height: 50px;
}
.mMsg-list li i {
  margin-right: 10px;
  float: left;
  width: 25px;
  height: 50px;
  display: inline-block;
}
.mMsg-list li i.icon1 {
  background: url(../img/icon1.png) no-repeat center;
}
.mMsg-list li i.icon2 {
  background: url(../img/icon2.png) no-repeat center;
}
.mMsg-list li i.icon3 {
  background: url(../img/icon3.png) no-repeat center;
}
.mMsg-list li i.icon4 {
  background: url(../img/icon4.png) no-repeat center;
}
.mMsg-list li i.icon5 {
  background: url(../img/icon5.png) no-repeat center;
}
/*农技服务*/
.serveTeam {
  background: #f7f7f7;
}
.serveTeam .body .p0 {
  color: #4f4f4f;
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 50px;
}
.serveTeam .body .mMsg-list {
  display: inline-block;
  width: auto;
}
.serveTeam .body .mMsg-list li {
  height: 25px;
  line-height: 25px;
  margin-bottom: 10px;
  text-align: left;
  font-size: 16px;
}
.serveTeam .body .mMsg-list li i {
  height: 25px;
  float: left;
}
.serveTeam .body .mMsg-list li span {
  font-weight: bold;
}
.kledge {
  padding-bottom: 100px;
}
.kledge-list {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
}
.kledge-list li {
  width: 25%;
  padding: 0 20px 20px 0;
}
.kledge-list li:nth-child(4n) {
  padding: 0 0 20px 0;
}
.kledge-list li h1 {
  font-size: 18px;
  color: #0f64b9;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
}
.kledge-list li p {
  font-size: 12px;
  color: #999;
  line-height: 24px;
  background: #e7eff8;
  padding: 10px;
  height: 150px;
  overflow: hidden;
}
.eMailbox {
  background: #f7f7f7;
  padding-bottom: 100px;
}
.email-list {
  overflow: hidden;
  margin: 40px 0;
}
.email-list li {
  width: 270px;
  float: left;
  margin-bottom: 20px;
  margin-right: 40px;
  background: #fff;
  padding: 10px 30px;
  border: 1px solid #ececec;
}
.email-list li:nth-child(4n) {
  margin-right: 0;
}
.email-list li p {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #999;
}
.email-list li p i {
  display: inline-block;
  width: 23px;
  height: 40px;
  float: left;
  margin-right: 10px;
}
.email-list li p i.icon1 {
  background: url(../img/icon6.png) no-repeat center;
}
.email-list li p i.icon2 {
  background: url(../img/icon7.png) no-repeat center;
}
.email-list li p .name {
  font-size: 20px;
  color: #333;
}
.proInfo {
  padding-bottom: 100px;
}
#slide-pro .swiper-slide {
  width: 240px;
  background: #fff;
  height: 200px;
  float: left;
  margin: 40px 0 80px 0;
}
#slide-pro .swiper-slide dl {
  text-align: center;
  border-right: 1px solid #e1e1e1;
  padding: 25px 20px;
}
#slide-pro .swiper-slide img {
  width: 60px;
  height: 60px;
  object-fit: contain;
}
#slide-pro .swiper-slide h3 {
  font-size: 16px;
  color: #333;
  margin: 20px auto 5px auto;
}
#slide-pro .swiper-slide dd {
  font-size: 12px;
  color: #999;
}
#slide-pro .swiper-pagination .swiper-pagination {
  bottom: 0;
}
#slide-pro .swiper-pagination .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  opacity: 1;
  filter: alpha(opacity=100);
  /*IE专用*/
  -moz-opacity: 1;
  /*火狐（firefox）*/
  border: 1px solid #e1e1e1;
  background: none;
}
#slide-pro .swiper-pagination .swiper-pagination-bullet-active {
  background: #0f64b9;
}
/*企业文化*/
.cpy-ploy {
  padding-top: 30px;
  padding-bottom: 100px;
  overflow: hidden;
}
.cpy-ploy li {
  float: left;
  width: 280px;
  margin-right: 20px;
  text-align: center;
  border: 1px solid #ededed;
  position: relative;
  padding: 40px 20px;
}
.cpy-ploy li:nth-child(4n) {
  margin-right: 0;
}
.cpy-ploy li .icon {
  display: block;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  top: -29px;
  z-index: 1;
  width: 56px;
  height: 56px;
  margin: 0 5px;
}
.cpy-ploy li .icon.icon1 {
  background: #fff url(../img/qy_1.png) no-repeat center;
}
.cpy-ploy li .icon.icon2 {
  background: #fff url(../img/qy_2.png) no-repeat center;
}
.cpy-ploy li .icon.icon3 {
  background: #fff url(../img/qy_3.png) no-repeat center;
}
.cpy-ploy li .icon.icon4 {
  background: #fff url(../img/qy_4.png) no-repeat center;
}
.cpy-ploy li h1 {
  font-size: 18px;
  color: #252525;
  margin-bottom: 20px;
  font-weight: normal;
}
.cpy-ploy li p {
  font-size: 14px;
  color: #555;
}
.cpy-ploy li .mBtn {
  height: 26px;
  line-height: 26px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  z-index: 1;
  bottom: -13px;
}
.tradeUnion {
  background: #f7f7f7;
}
.tradeUnion .union-list {
  padding: 50px;
}
.tradeUnion .union-list .item {
  height: 330px;
  margin-bottom: 60px;
}
.tradeUnion .union-list .item  img{
	width: 351px;
	height: 330px;
	object-fit: cover;
}
.tradeUnion .union-list .item img:hover {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  -webkit-transition-duration: 1.5s;
}
.tradeUnion .union-list .item .left {
  width: 700px;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.tradeUnion .union-list .item .left .infor {
  position: absolute;
  top: 0;
  right: 0;
  padding: 30px;
  width: 350px;
  height: 330px;
  color: #fff;
  display: table;
}
.tradeUnion .union-list .item .left .infor .con {
  display: table-cell;
  vertical-align: middle;
}
.tradeUnion .union-list .item .left .infor h1 {
  font-size: 40px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
}
.tradeUnion .union-list .item .left .infor p {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box; 
  -webkit-line-clamp: 2;
  /*设置行数*/
  -webkit-box-orient: vertical;
  /*子元素垂直排列*/
}
.tradeUnion .union-list .item .right {
  width: 350px;
  height: 100%;
  overflow: hidden;
  display: table;
  background: #fff;
}
.tradeUnion .union-list .item .right .con {
  display: table-cell;
  vertical-align: middle;
  padding: 30px;
}
.tradeUnion .union-list .item .right .con p {
  color: #838383;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  /*设置行数*/
  -webkit-box-orient: vertical;
  /*子元素垂直排列*/
  line-height: 25px;
}
.tradeUnion .union-list .item:first-child .left .infor:before,
.tradeUnion .union-list .item:last-child .left .infor:before {
  width: 0;
  height: 0;
  border-bottom: 20px solid transparent;
  border-top: 20px solid transparent;
  border-right: 30px solid #0f64b9;
  content: '';
  position: absolute;
  left: -20px;
  top: 160px;
  z-index: 2;
}
.tradeUnion .union-list .item:nth-child(2) .left .infor {
  left: 0;
  color: #838383;
}
.tradeUnion .union-list .item:nth-child(2) .left img{
	float: right;
}
.tradeUnion .union-list .item:nth-child(2) .left .infor:before {
  width: 0;
  height: 0;
  border-bottom: 20px solid transparent;
  border-top: 20px solid transparent;
  border-left: 30px solid #fff;
  content: '';
  position: absolute;
  right: -20px;
  top: 160px;
  z-index: 2;
}
.tradeUnion .union-list .item:last-child .left .infor:before {
  border-right: 30px solid #0f64b9;
}
/*搜索结果*/
.schResult-body {
  position: relative;
  top: -70px;
  margin-bottom: -70px;
}
.schResult-body .cpy-news-list li {
  background: #fff;
  padding: 0 40px;
  border: none;
  margin-bottom: 0;
}
.schResult-body .cpy-news-list li .con {
  padding: 20px;
  border-bottom: 10px solid #f7f7f7;
}
.dj-sec {
	padding-top: 60px; 
	background: #fff;
	overflow:hidden;
}
.dj-sec .cpy-news-list li {
	background: #fff;
  padding: 0 40px;
  border: none;
  margin-bottom: 0;
}
.dj-sec .cpy-news-list li .con {
  padding: 20px;
  border-bottom: 1px solid #f7f7f7;
}
.dj-sec .mPage-wrap {
  background: #fff;
}

.toSort {
  text-align: right;
  background: #fff;
  padding: 40px 60px;
  font-size: 12px;
}
.toSort select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(../img/arrow_up.png) no-repeat right center / 10px 6px;
  padding: 0 16px;
  font-size: 12px;
}
.toSort select::-ms-expand {
  display: none;
}
.job-list .head {
  background: #0f64b9;
  height: 60px;
  line-height: 60px;
  color: #fff;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
}
.job-list .head span {
  flex: 1;
  text-align: center;
}
.job-list .body > li {
  border: 1px solid #f1f1f1;
  margin: 10px 0;
}
.job-list .level {
  height: 80px;
  line-height: 80px;
  border-bottom: 1px solid #f1f1f1;
  color: #4f4f4f;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
}
.job-list .level span {
  flex: 1;
  text-align: center;
}
.job-list .level .arrow {
  display: block;
  width: 16px;
  height: 80px;
  background: url(../img/a_up.png) no-repeat center;
  margin: auto;
}
.job-list .level .arrow.active {
  background: url(../img/a_down.png) no-repeat center;
}
.job-list .level.active {
  background: #f8f8f8;
}
.job-list .jobDetail {
  display: none;
  padding: 0 50px;
}
.job-list .jobDetail.active {
  display: block;
}
.job-list .jobDetail .basic {
  padding: 20px 40px;
  border-bottom: 2px solid #e4e4e4;
  overflow: hidden;
  display: inline-block;
}
.job-list .jobDetail .basic ul {
  margin-right: 80px;
  float: left;
}
.job-list .jobDetail .basic ul:last-child {
  margin-right: 0;
}
.job-list .jobDetail .basic ul li {
  font-size: 14px;
  line-height: 24px;
}
.job-list .jobDetail .basic ul li span {
  color: #999;
}
.job-list .jobDetail .need {
  padding: 40px 0;
  border-bottom: 1px solid #e4e4e4;
  overflow: hidden;
}
.job-list .jobDetail .need .item {
  width: 50%;
  float: left;
}
.job-list .jobDetail .need .item .content {
  padding: 0 40px;
}
.job-list .jobDetail .need .item:first-child .content {
  border-right: 1px solid #E1E1E1;
}
.job-list .jobDetail .need h1 {
  color: #4f4f4f;
  font-size: 18px;
  margin-bottom: 20px;
  padding-left: 40px;
  font-weight: normal;
}
.job-list .jobDetail .need .content p {
  font-size: 14px;
  color: #666;
  line-height: 30px;
}
.job-list .jobDetail .send-btn {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 20px 0 40px;
  color: #fff;
  font-size: 14px;
  background: #0f64b9 url(../img/pin.png) no-repeat 20px center / 16px 16px;
  margin: 30px 40px;
}
/*下载*/
.download-list li {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
  padding: 70px 0;
  border-bottom: 1px solid #f6f6f6;
}
.download-list li .grid {
  flex: 1;
  text-align: center;
  font-size: 20px;
  color: #9c9c9c;
}
.download-list li .grid:first-child {
  flex-grow: 1.5;
  text-align: left;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
}
.download-list li .img {
  width: 64px;
  height: 56px;
  border: 1px solid #dbdbdb;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
}
.download-list li .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
}
.download-list li .info {
  padding: 0 20px;
  font-size: 0;
  flex: 1;
}
.download-list li .info h1 {
  font-size: 18px;
  color: #333;
  margin-bottom: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.download-list li .info p {
  font-size: 12px;
  color: #999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.download-list li .arrow-down .icon {
  color: #0f64b9;
  font-size: 30px;
}
/*下载领地*/
.bns-list {
  overflow: hidden;
}
.bns-list li {
  width: 378px;
  float: left;
  margin-right: 30px;
  background: #fff;
  border: 1px solid #ccc;
  padding-bottom: 18px;
  position: relative;
  margin-bottom: 80px;
}
.bns-list li:nth-child(3n) {
  margin-right: 0;
}
.bns-list li .img {
  width: 376px;
  height: 174px;
}
.bns-list li .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bns-list li .info {
  padding: 0 20px;
}
.bns-list li .info h1 {
  font-size: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  text-align: center;
  margin: 10px 0;
}
.bns-list li .info p {
  color: #7f7f7f;
  font-size: 12px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /*设置行数*/
  -webkit-box-orient: vertical;
  /*子元素垂直排列*/
  line-height: 30px;
  height: 90px;
  overflow: hidden;
}
.bns-list li .mBtn {
  width: 100px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  text-align: center;
  position: absolute;
  bottom: -18px;
  left: 50%;
  z-index: 1;
  margin-left: -50px;
}
.wbar {
  height: 60px;
  background: #fff;
}
.bns-detail .content {
  width: 1000px;
  margin: auto;
}
.bns-detail h1 {
  font-size: 30px;
  font-weight: normal;
  text-align: center;
  width: 80%;
  margin: 20px auto 0 auto;
}
.bns-detail .body {
  margin-top: 40px;
}
.bns-detail p {
  font-size: 16px;
  line-height: 30px;
  color: #666;
  margin-bottom: 40px;
  text-indent: 40px;
}
.bns-detail .img {
  text-align: center;
}
.bns-detail img {
  width: auto;
  height: auto;
  max-width: 690px;
  margin: auto;
}
.bns-detail .mArtfoot {
  width: 940px;
}
/*TODO 论坛-登录*/
.resLogin {
  width: 100%;
  height: 800px;
  background: url(../img/bg_login.png) no-repeat center / cover;
}
.resPublic h1 {
  height: 66px;
  line-height: 66px;
  font-weight: normal;
  border-bottom: 1px solid #ccc;
  margin-bottom: 50px;
}
.resPublic h1 span {
  display: inline-block;
  font-size: 20px;
  color: #0f64b9;
  padding: 0 50px;
  position: relative;
}
.resPublic h1 span:after {
  position: absolute;
  left: 0;
  bottom: 1px;
  content: '';
  width: 100%;
  height: 1px;
  background: #0f64b9;
}
.resPublic .mBtn {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #73b3f3;
  font-size: 20px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
}
.resPublic .noHao {
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 14px;
  color: #777;
}
#loginForm {
  margin: 170px 100px 0 0;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  width: 470px;
  background: #fff;
  padding: 0 30px;
}
#loginForm h1 {
  height: 66px;
  line-height: 66px;
  font-weight: normal;
  border-bottom: 1px solid #ccc;
  margin-bottom: 50px;
}
#loginForm h1 span {
  display: inline-block;
  font-size: 20px;
  color: #0f64b9;
  padding: 0 50px;
  position: relative;
}
#loginForm h1 span:after {
  position: absolute;
  left: 0;
  bottom: 1px;
  content: '';
  width: 100%;
  height: 1px;
  background: #0f64b9;
}
#loginForm .mBtn {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #73b3f3;
  font-size: 20px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
}
#loginForm .noHao {
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 14px;
  color: #777;
}
#loginForm .group {
  margin-bottom: 30px;
}
#loginForm .group input {
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  border: 1px solid #ccc;
}
#loginForm .other {
  overflow: hidden;
  font-size: 14px;
  margin: 30px 0;
}
#loginForm .other .s0 {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
}
/*TODO 论坛-注册*/
#regisForm {
  width: 565px;
  margin: 70px auto 130px auto;
}
#regisForm h1 {
  height: 66px;
  line-height: 66px;
  font-weight: normal;
  border-bottom: 1px solid #ccc;
  margin-bottom: 50px;
}
#regisForm h1 span {
  display: inline-block;
  font-size: 20px;
  color: #0f64b9;
  padding: 0 50px;
  position: relative;
}
#regisForm h1 span:after {
  position: absolute;
  left: 0;
  bottom: 1px;
  content: '';
  width: 100%;
  height: 1px;
  background: #0f64b9;
}
#regisForm .mBtn {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #73b3f3;
  font-size: 20px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
}
#regisForm .noHao {
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 14px;
  color: #777;
}
#regisForm .group {
  margin-bottom: 30px;
  width: 460px;
}
#regisForm .group .con {
  overflow: hidden;
}
#regisForm .group .lab {
  display: block;
  width: 70px;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  text-align: right;
  margin-right: 10px;
  float: left;
}
#regisForm .group .het48 {
  height: 50px;
  line-height: 50px;
  border: 1px solid #ccc;
  padding: 0 15px;
  font-size: 14px;
  float: left;
  width: 380px;
}
#regisForm .group .het48[name="code"] {
  width: 210px;
}
#regisForm .group .getcode {
  margin-left: 20px;
  width: 150px;
  text-align: center;
  float: left;
}
#regisForm .other {
  margin-left: 80px;
  width: 380px;
}
/*TODO 论坛-发帖 详情*/
.pub-tipic {
  margin: 70px 0 210px 0;
}
.pub-tipic .tt {
  border-bottom: 1px solid #eee;
  padding: 0 5px;
}
.pub-tipic .tt span {
  display: inline-block;
  padding: 0 10px;
  border: 1px solid #eee;
  border-bottom: none;
  background: #fff;
  height: 30px;
  line-height: 30px;
  position: relative;
  z-index: 1;
  top: 1px;
}
.pub-tipic #form ._top {
  height: 30px;
  line-height: 30px;
  margin-top: 30px;
}
.pub-tipic #form .sr {
  font-size: 12px;
}
.pub-tipic #form .sr input {
  height: 30px;
  line-height: 30px;
  border: 1px solid #ccc;
  width: 310px;
  padding: 0 20px;
  font-size: 12px;
}
.pub-tipic #form .sr .p0 {
  margin: 0 10px;
  font-size: 12px;
}
.pub-tipic #form select {
  height: 30px;
  line-height: 30px;
  border: 1px solid #ccc;
  font-size: 12px;
}
.pub-tipic #form .con {
  margin: 10px auto;
}
.pub-tipic #form .addOption {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 0 10px;
  font-size: 12px;
  height: 26px;
  line-height: 26px;
}
.pub-tipic #form .sub .tosub,
.pub-tipic #form .sub .tosave,
.pub-tipic #form .sub .tolist {
  width: 160px;
  height: 50px;
  line-height: 50px;
  margin: 10px 0;
  text-align: center;
  font-size: 16px;
  background: #fff;
}
.pub-tipic #form .sub .tosub {
  background: #1d87e4;
  color: #fff;
  margin-right: 20px;
}
.pub-tipic #form .sub .tosave {
  border: 1px solid #e3f1fc;
  padding-left: 35px;
  background: url(../img/ft.png) no-repeat 30px center;
}
.pub-tipic #form .sub .tolist {
  border: 1px solid #e3f1fc;
  padding-left: 35px;
  background: url(../img/ml.png) no-repeat 30px center;
}
.padding {
  padding: 0 20px 0 40px;
}
.platf-wrap {
  background: #f5f7fa;
}
.platf-wrap .head ._top {
  padding: 15px 0;
}
.platf-wrap .head ._top.padding {
  padding: 15px 20px 15px 40px;
}
.platf-wrap .head ._top .left {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: flex-end;
}
.platf-wrap .head ._top .left.top28 {
  top: -28px;
}
.platf-wrap .head ._top .left .img {
  width: 95px;
  height: 95px;
  border: 1px solid #ccc;
}
.platf-wrap .head ._top .left .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.platf-wrap .head ._top .left p {
  font-size: 20px;
  color: #333;
  margin: 0 10px;
}
.platf-wrap .head ._top .left span {
  font-size: 12px;
  color: #999;
  margin-right: 20px;
}
.platf-wrap .head ._top .toPub {
  display: inline-block;
  width: 220px;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  padding-left: 70px;
  color: #fff;
  font-weight:100;
  background: #0f64b9 url(../img/pub.png) no-repeat 40px center / 20px 20px;
}

.content{width:100%;height:auto;overflow:hidden;font-size:14px;color:#555;line-height:1.8;letter-spacing:1.5px;}
.content p{font-size:14px;color:#555;line-height:1.8;}
.content p.strong{margin-top:14px;margin-bottom:5px;}
.content p.strong strong{background:#1f1f1f;display:inline-block;width:auto;padding:0px 12px;height:28px;color:#fff;line-height:28px;}
.content img{max-width:100%;height:auto;}

.platf-wrap .head ._top .toPub:hover {
  background-color: #0f64b9;
}
.platf-wrap .head ._btm {
  width: 100%;
  height: 56px;
  line-height: 56px;
  background: #0f64b9;
  padding-right: 20px;
  border-top: 1px solid #e5e5e5;
  overflow: hidden;
}
.platf-wrap .head ._btm .mSnav li {
  padding: 0 30px;
  height: 56px;
  line-height: 56px;
  float: left;
  position: relative;
}
.platf-wrap .head ._btm .mSnav li a {
  font-size: 15px;
  color: #fff;
  display: inline-block;
  position: relative;
}
.platf-wrap .head ._btm .mSnav li a:after {
  width: 100%;
  height: 4px;
  background: transparent;
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
}
.platf-wrap .head ._btm .mSnav li:after {
  width: 2px;
  height: 20px;
  background: #fff;
  position: absolute;
  right: 0;
  top: 15px;
  content: '';
}
.platf-wrap .head ._btm .mSnav li.active a {
  font-size: 22px;
}
.platf-wrap .head ._btm .mSnav li.active a:after {
  background: #fff;
}
.platf-wrap .head ._btm .sch {
  width: 265px;
  height: 36px;
  background: #fff;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
  padding: 5px 0;
  margin-top: 10px;
}
.platf-wrap .head ._btm .sch input {
  flex: 1;
  padding: 0 10px;
  font-size: 18px;
  border-right: 1px solid #ccc;
}
.platf-wrap .head ._btm .sch .go {
  width: 36px;
  height: 26px;
  line-height: 26px;
  text-align: center;
}
.platf-wrap .head ._btm .sch .go .icon {
  font-size: 16px;
  color: #a7a7a7;
}
.platf-box {
  overflow: hidden;
}
.platf-box .left {
  width: 870px;
}
.platf-box .left .grid {
	width: 20%;
  text-align: center;
}
.platf-box .left .grid:nth-child(2) {
  text-align: left;
  width: 40%;
}
.platf-box .left .head {
  height: 60px;
  line-height: 60px;
  background: #eceef2;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
  border-top: 2px solid #e5e5e5;
  color: #999;
  font-size: 14px;
}
.platf-box .left .plat-list li {
  height: 60px;
  background: #fff;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
  color: #9c9d9e;
  font-size: 12px;
}
.platf-box .left .plat-list li .grid:nth-child(2){
	width: 40%;
}
.platf-box .left .plat-list li:nth-child(even) {
  background: #f5f7fa;
}
.platf-box .left .plat-list li h4 {
  font-size: 14px;
  color: #0f64b9;
  background: url(../img/tieze.png) no-repeat left center / 15px 15px;
  padding-left: 30px;
  width: 100%;
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight:100;
}
.platf-box .left .plat-list li p {
  margin-bottom: 5px;
}
.platf-box .left .plat-list li .p0 {
  padding-left: 30px;
}
.platf-box .left .plat-list li .avator {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  object-fit: cover;
}
.platf-box .left .plat-list li .p1 {
  display: table;
  margin: auto;
}
.platf-box .left .plat-list li .con {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
}
.platf-box .left .plat-list li .hf i {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../img/hf.png) no-repeat center;
}
.platf-box .left .post-wrap .pTop {
  height: 70px;
  line-height: 70px;
  background: #fff;
  border_bottom: 1px solid #f1f1f1;
  overflow: hidden;
}
.platf-box .left .post-wrap .pTop .fl {
  font-size: 20px;
}
.platf-box .left .post-wrap .pTop .fl span {
  font-size: 14px;
  color: #646463;
}
.platf-box .left .post-wrap .pTop .fr .s0 {
  display: table;
  padding: 0 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border: 1px solid #edefed;
  width: 84px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  float: left;
  margin: 20px 10px;
  background: #fafafa;
}
.platf-box .left .post-wrap .pTop .fr .s0 .con {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
  padding: 0 10px;
}
.platf-box .left .post-wrap .pTop .fr .s0 i {
  width: 20px;
  height: 20px;
  background: url(../img/hf.png) no-repeat center / contain;
}
.platf-box .left .postTipic {
  background: #fff;
  padding: 25px;
  border-bottom: 1px solid #F1F1F1;
  overflow: hidden;
}
.platf-box .left .postTipic .btn {
  height: 50px;
  line-height: 50px;
  padding: 0 30px;
  border: 1px solid #e9eef4;
  font-size: 16px;
  margin-right: 20px;
}
.platf-box .left .postTipic .btn i {
  width: 20px;
  height: 48px;
  margin-right: 5px;
}
.platf-box .left .postTipic .btn .pub {
  background: url(../img/pub1.png) no-repeat center;
}
.platf-box .left .postTipic .btn .ml {
  background: url(../img/ml.png) no-repeat center;
}
.platf-box .left .postTipic .btn:last-child {
  margin-right: 0;
}
.platf-box .left .postTipic .page {
  margin-top: 10px;
}
.platf-box .left .postTipic .page li {
  float: left;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  padding: 0 10px;
  border: 1px solid #e9eef4;
  margin-right: 5px;
}
.platf-box .left .postTipic .page li.active {
  background: #e5edf2;
  border: 1px solid #c2d5e3;
}
.platf-box .left .postTipic .page .ye {
  width: 25px;
  height: 20px;
  line-height: 20px;
  border: 1px solid #e0e0e0;
  -moz-box-shadow: -1px -1px 1px #000;
  -webkit-box-shadow: -1px -1px 1px #000;
  box-shadow: -1px -1px 1px #000;
}
.platf-box .left .pSitem {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  border-bottom: 5px solid #f1f1f1;
}
.platf-box .left .pSitem .avatar {
  text-align: center;
  width: 200px;
  padding: 40px;
}
.platf-box .left .pSitem .avatar .img {
  width: 120px;
  height: 120px;
  flex: 0 0120px;
  margin-bottom: 30px;
}
.platf-box .left .pSitem .avatar .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.platf-box .left .pSitem .avatar p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.platf-box .left .pSitem .post {
  flex: 1;
  background: #fff;
  padding: 0 30px;
}
.platf-box .left .pSitem .post .pHead {
  font-size: 12px;
  height: 60px;
  line-height: 60px;
  border-bottom: 1px dashed #e4e4e4;
}
.platf-box .left .pSitem .post .pHead .time {
  color: #999;
}
.platf-box .left .pSitem .post .pHead .other .floor {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
  margin-left: 20px;
}
.platf-box .left .pSitem .post .pHead .other .floor .ipt {
  width: 60px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #e9eef4;
  margin: 0 5px;
}
.platf-box .left .pSitem .post .pHead .other .floor .btn {
  width: 21px;
  height: 16px;
  background: url(../img/floor.png) no-repeat center / contain;
}
.platf-box .left .pSitem .post .pHead .xian {
  margin: 0 20px;
}
.platf-box .left .pSitem .post .pBody p {
  font-size: 14px;
  color: #666;
  line-height: 30px;
}
.hf-wrap.pSitem .post .pBody{
	padding: 30px 0;
}
.platf-box .left .pSitem .post .pBody img {
  width: auto;
  height: auto;
  max-width: 100%;
  margin: auto;
}
.platf-box .left .pSitem .post .pBody .share-group .con {
  overflow: hidden;
  display: inline-block;
  margin: auto;
  font-size: 14px;
}
.platf-box .left .pSitem .post .pBody .share-group .con > a {
  float: left;
  margin-right: 5px;
}
.platf-box .left .pSitem .post .pBody .share-group .con img {
  width: 17px;
  height: 17px;
}
.platf-box .left .pSitem .post .pFoot {
  height: 66px;
  line-height: 66px;
  font-size: 12px;
  border-top: 1px dashed #e4e4e4;
}
.platf-box .left .pSitem .post .pFoot .mBtn {
  display: block;
  width: 60px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
  margin-top: 15px;
  border: 1px solid #dadada;
  background: transparent;
  color: #666;
}
.platf-box .left .pSitem .post .pFoot .mBtn.active,
.platf-box .left .pSitem .post .pFoot .mBtn:hover {
  background: #1d87e4;
  color: #fff;
}
.platf-box .left .pSitem.mode-wrap {
  border-bottom: 0;
  background: #fff;
  padding-bottom: 60px;
}
.platf-box .left .pSitem.mode-wrap .avatar {
  background: #e6f2fc;
}
.platf-box .left .pSitem.mode-wrap .mode {
  padding: 40px 30px;
}
.platf-box .left .pSitem.mode-wrap .mode input {
  width: 160px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  background: #1d87e4;
  margin: 10px 0;
}
.platf-box .right {
  width: 230px;
}
.platf-box .right .sItem {
  width: 100%;
}
.platf-box .right .sItem .con {
  background: #fff;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.platf-box .right .sItem h1 {
  height: 40px;
  line-height: 40px;
  background: #fff;
  padding: 0 15px;
  font-weight: normal;
  margin-bottom: 20PX;
}
.platf-box .right .sItem h1 .tt {
  font-size: 16px;
  padding-left: 15px;
  position: relative;
}
.platf-box .right .sItem h1 .tt:after {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  content: '';
  width: 4px;
  height: 18px;
  background: #0f64b9;
}
.platf-box .right .sNews-list {
  padding: 10px 15px;
}
.platf-box .right .sNews-list li {
  position: relative;
  padding-left: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
}
.platf-box .right .sNews-list li:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  content: '';
  width: 0;
  height: 0;
  border-left: 4px solid #999;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
.platf-box .right .btn-p {
  text-align: right;
  padding: 0 15px;
}
.platf-box .right .btn-p .mBtn {
  height: 24px;
  line-height: 24px;
  font-size: 12px;
}
/*TODO  弹窗*/
.pop {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  display: none;
}
.pop .cover {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.pop .pop-body {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
#pop-wmsg .wmsgSec {
  width: 1000px;
  background: rgba(0, 0, 0, 0.5);
  padding: 10px 20px;
}
#pop-wmsg .wmsgSec .head {
  height: 75px;
  line-height: 75px;
  background: #0f64b9;
  padding: 0 20px;
  color: #fff;
  font-size: 14px;
}
#pop-wmsg .wmsgSec .head .s0 {
  font-size: 24px;
  margin: 0 20px;
}
#pop-wmsg .wmsgSec .head .close .icon {
  font-size: 30px;
}
#pop-wmsg .wmsgSec .body {
  background: #fff;
  padding: 30px 50px 80px 30px;
}
#pop-wmsg .wmsgSec .body .het44 {
  height: 44px;
  line-height: 44px;
  border: 1px solid #dbdbdb;
  padding: 0 10px;
}
#pop-wmsg .wmsgSec .body .lab {
  color: #999;
  font-size: 14px;
  margin: 0 10px;
}
#pop-wmsg .wmsgSec .body .xin {
  color: #e15517;
  font-size: 24px;
  font-weight: bold;
  display: block;
  width: 20px;
  text-align: center;
  padding-top: 10px;
}
#pop-wmsg .wmsgSec .body .div_0 {
  overflow: hidden;
}
#pop-wmsg .wmsgSec .body .div_0 .group {
  width: 33%;
  float: left;
  margin-bottom: 20px;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
  margin-right: .3%;
}
#pop-wmsg .wmsgSec .body .div_0 .group input {
  flex: 1;
}
#pop-wmsg .wmsgSec .body .div_1 {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
  height: 130px;
}
#pop-wmsg .wmsgSec .body .div_1 .jieshao {
  flex: 1;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
  height: 100%;
  border: 1px solid #dbdbdb;
}
#pop-wmsg .wmsgSec .body .div_1 .jieshao textarea {
  height: 100%;
  flex: 1;
  padding: 10px 20px 10px 0;
}
#pop-wmsg .wmsgSec .body .div_2 {
  padding-left: 20px;
  margin: 20px auto;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
}
#pop-wmsg .wmsgSec .body .div_2 .jl-fj {
  width: 460px;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
}
#pop-wmsg .wmsgSec .body .div_2 .jl-fj p {
  flex: 1;
}
#pop-wmsg .wmsgSec .body .div_2 .jl-fj .file-box {
  position: relative;
  width: 70px;
  height: 24px;
  line-height: 24px;
}
#pop-wmsg .wmsgSec .body .div_2 .jl-fj .file-box .btnFile {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  background: -webkit-linear-gradient(top, #f4f4f4, #dfdfdf);
  background: -moz-linear-gradient(top, #f4f4f4, #dfdfdf);
  background: -o-linear-gradient(top, #f4f4f4, #dfdfdf);
  background: linear-gradient(top, #f4f4f4, #dfdfdf);
  border: 1px solid #999;
  text-align: center;
}
#pop-wmsg .wmsgSec .body .div_2 .jl-fj .file-box .upFile {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  /*IE专用*/
  -moz-opacity: 0;
  /*火狐（firefox）*/
}
#pop-wmsg .wmsgSec .body .div_2 .info {
  font-size: 14px;
  color: #999;
  margin-left: 20px;
}
#pop-wmsg .wmsgSec .body .div_3 {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
}
#pop-wmsg .wmsgSec .body .div_3 .code {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  align-items: center;
}
#pop-wmsg .wmsgSec .body .div_3 .codeImg {
  width: 90px;
  height: 44px;
  object-fit: contain;
  margin: 0 20px;
}
#pop-wmsg .wmsgSec .body .div_3 .btn {
  width: 230px;
  height: 44px;
  line-height: 44px;
  background: #0f64b9;
  text-align: center;
  color: #fff;
  font-size: 16px;
}

.content img{max-width: 100%;
	  	width: auto;
	  	height: auto;
	  	margin: 40px auto;
}
.content p{
	 line-height: 24px;
}
.content *{
	color: #666;
  font-size: 14px;
}