@charset "utf-8";
/* page */

.mgt30 {margin-top:30px;}
.mgb30 {margin-bottom:30px;}
* {box-sizing:border-box;}
.common-title-more:hover {color:#3385ff;}
.index_content{max-width: 1680px;width:100%;margin: 0 auto;}
.common-items {width:1722px;} 
.common-item-author-date {margin-top:8px;height:24px;}
.common-item-author {position:relative;color:#1d1d1d;font-size:12px;line-height:25px;}
.common-item-author img {position:absolute;left:0;top:0;width:24px;height:24px;border-radius:15px;overflow:hidden;}
.common-item-date a {color:#8d8d8d;font-size:12px;}
.hover-befor {position:relative;z-index:2;}
.author-name {float:left; width:90px;word-break:break-all;overflow:hidden;height:24px;line-height:24px;}
.author-gz {float:left;width:55px;border-radius:15px;background:#3385ff;text-align:center;font-size:12px;color:#fff !important;display:none;height:20px;line-height:20px;}
.author-qxgz {float:left;width:55px;border-radius:15px;background:#1bbc9b;text-align:center;font-size:12px;color:#fff !important;display:none;height:20px;line-height:20px;}
.common-item-date {line-height:23px;height:24px;}
.common-right-info-author {position:relative;color:#1d1d1d;font-size:12px;}
.common-right-info-author img {position:absolute;left:0;top:0;width:18px;height:18px;background:#63cbca;border-radius:9px;overflow:hidden;}
.column4 .common-item-info {margin-top:0;}
.common-items-left li:hover {background:#fafafa;}
.common-change:hover {color:#3285ff;border:1px solid #3285ff}
.common-change:hover a,.common-item-title-d:hover,.author-name:hover,.common-right-text h3 a:hover,.common-right-info-author:hover,.common-right-list-left h3 a:hover,.common-right-list-left p:hover,.common-right-list li:hover a,.common-right-list li:hover p {color:#3285ff;}
.column4 .common-item-title-t:hover {color:#fff;}
.author-gz:hover {color:#fff;}
.common-change:hover span {color:#3285ff}
.banner-down-list ul li img:hover {transform:scale(1.04);-webkit-transform:scale(1.04);}
.banner-down-list ul li img {width:100%;transition:all 0.3s;-webkit-transition:all 0.3s;}
/**focus**/.focus-news {margin-top:21px;}
.silder {width:100%;margin:0 auto;}
.focus-news-inner {width:100%;height:420px;position:relative;float:left;overflow:hidden;border-radius:20px;}
/*.focus-news-inner .hot-event {padding:350px 0 0}
*/
.focus-news-inner .hot-event .event-item {width: 100%;height: 420px;}
.focus-news-inner .hot-event .event-item img {width:100%;object-fit: cover;}
/* .focus-news-inner .switch-nav {z-index:99999;} */
.focus-news-inner .prev, .focus-news-inner .next {top: 50%;transform: translateY(-50%);z-index:99999;}
.focus-news-inner .prev {position:absolute;left:-56px;}
.focus-news-inner .next {position:absolute;right:-56px;}
.focus-news-inner .switch-nav i {display:inline-block;width:54px;height:54px;}
.focus-news-inner .switch-nav .i-arr {width:54px;height:54px;line-height:54px;text-align:center;font-size:20px;background:rgba(0,0,0,0.5);color:white;background-size:54px 54px;border-radius:50%;}
.focus-news-inner .switch-nav .i-arr:hover {color:#3385ff}
.focus-news-inner .inner_page {position:absolute;bottom:12px;left:64px;font-size:28px;color:#fff;z-index:99;font-weight:normal;}
.focus-news-inner .inner_page .page_current {font-size:32px;color:#e60012;}
.focus-news-inner .inner_page .page_total {font-size:24px;color:#fff;margin-left:3px;}
.focus-news-inner .switch-tab {text-align:center;position:absolute;left:50%;bottom:6px;z-index:3;margin-left:-54px;}
.focus-news-inner .switch-tab a,.focus-news-inner .switch-tab .current {opacity:0.5;display:inline-block;width:10px;height:10px;float:left;overflow:hidden;margin-left:10px;background:#9a988f;border-radius:4px;}
.focus-news-inner .switch-tab .current {background:#fff;width:25px;opacity:1}
.focus-news-inner .switch-tab .event-first {margin-left:0;}
.focus-news-inner:hover  .prev {left:36px;transition:left 0.2s ease-in-out;-webkit-transition:left 0.2s ease-in-out;-moz-transition:left 0.2s ease-in-out;-o-transition:left 0.2s ease-in-out;}
.focus-news-inner:hover .next {right:36px;transition:right 0.2s ease-in-out;-webkit-transition:right 0.2s ease-in-out;-moz-transition:right 0.2s ease-in-out;-o-transition:right 0.2s ease-in-out;}
/**栏目标题**/.common-title {position:relative;height:45px;line-height:30px;}
.common-title-type {position:absolute;left:0;top:0;}
.common-title-sec {margin-left:110px;}
.common-title-sec li {position:relative;float:left;margin-right:40px;}
.common-title-sec li {font-size:14px;color:#7b7b7b;cursor:pointer;}
.common-title-sec li i {position:absolute;bottom:-15px;left:50%;width:16px;height:2px;margin-left:-8px;background:#3385ff;display:none;}
.common-title-sec li.cur {color:#3385ff;}
.common-title-sec li.cur i {display:block;}
.common-change {position:absolute;top:0;right:10px;width:105px;height:30px;border:1px solid #7b7b7b;border-radius:15px;text-align:center;}
.common-change i {font-size:17px}
.common-change span {display:inline-block;font-size:12px;color:#7b7b7b;padding-left:16px;position:relative;vertical-align:top;}
.banner-down-box {width:100%;margin:20px auto 15px auto;height:160px;}
.banner-down-list ul {width:100%;}
.banner-down-list ul li {float:left;width:260px;margin-right:24px;border-radius:20px;overflow:hidden;height: 100%;padding-bottom: 0px !important;  }
.banner-down-list ul li:hover {box-shadow:0px 4px 9px  #c3c3c3;border-radius:20px;  -webkit-transform: translateY(-3px);  transform: translateY(-3px);}
.banner-down-list ul li:last-of-type {margin-right:0px;}
.common-column-box {width:100%;margin:0 auto;}
.common-list-box {width:100%;margin:0 auto;}
.common-column {width:100%;padding:30px 0 35px 0;}
.column2 {background:#eceef5;}
.column3 {background:#fff;}
.column4 {background:#eceef5;}

.common-items li {float:left;width:260px;margin-right:24px;}
.common-item-img {position:relative;display:block;width:100%;height:195px;/**background:#0084ff;**/border-radius:20px;overflow:hidden;}
.common-item-img img:hover {transform:scale(1.04);-webkit-transform:scale(1.04);}
.common-item-img img {width:100%;height:195px;transition:all 0.3s;-webkit-transition:all 0.3s;    object-fit: cover;}
.common-item-img .icon {position:absolute;right:10px;bottom:6px;width:30px;height:30px;font-size:20px;opacity:0.7;}
.common-item-text {margin-top:8px;}
.common-item-text h3 {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-height:30px;}
.common-item-title-t {font-size:12px;color:#fff;background:#3385ff;padding:3px 5px;border-radius:5px;margin-right:10px;height:30px;line-height:30px}
.common-item-title-d {font-size:15px;color:#1d1d1d;line-height:30px;font-weight:bold;}
.column4 .common-item-title-t {color:#fff;font-size:12px;line-height:30px;height:30px;display:inline-block;padding:0px 12px;}
.article_title {color:#fff;font-size:12px;line-height:30px;height:30px;display:inline-block;vertical-align:top;background:#3385ff;padding:0px 10px;margin-right:10px;cursor:pointer;border-radius:5px;}
.video .common-item-img {display:block;width:100%;height:150px;border-radius:20px;overflow:hidden;}
.video .common-item-img img {width:100%;height:150px;object-fit:cover;}
.column4-left {width:1360px;}
.column4-right {width:304px;}
.common-title1 a {font-size:14px;color:#7b7b7b;line-height:30px;}
.common-left-img {display:block;width:189px;height:143px;margin-right:18px;border-radius:20px;overflow:hidden;}
.common-left-img img:hover {transform:scale(1.04);-webkit-transform:scale(1.04);}
.common-left-img img {width:100%;height:100%;transition:all 0.3s;-webkit-transition:all 0.3s;object-fit: cover;} 
.common-items-left {display:none;}
.common-items-left li {float:left;width:680px;padding:9px;border-radius:20px;}
.common-item-info-view {line-height:25px;vertical-align:middle;}
.common-item-info-count {line-height:25px;vertical-align:middle;}
.common-item-info-like {line-height:25px;vertical-align:middle;}
.common-items li {position:relative;border-radius:20px;margin-bottom:20px;padding-bottom:10px;-webkit-transition:all 0.1s;-moz-transition:all 0.1s;transition:all 0.1s;}
.common-items li:hover {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05);z-index:999;}
.common-items .shade {opacity:0;filter:alpha(opacity=0);position:absolute;z-index:1;top:-5px;right:-8px;bottom:0;left:-8px;background-color:#fff; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15);;border-radius:20px;}
.common-items .shade:after {content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid rgba(0,0,0,0.05);border-radius:20px;}
.common-items li:hover .shade {opacity:1;}
.common-items li:hover .author-gz {display:block;}
.common-items li:hover .author-qxgz {display:block;}
.common-items li:hover .time {display:none;}
.view-more {display:block;width:216px;height:50px;line-height:50px;margin:0 auto;margin-top:10px;background:url(../images/index/viewmore.jpg) no-repeat center;background-size:216px 50px;box-shadow:3px 4px 8px #cedee7;}
.view-more:hover {background:url(../images/index/viewmores.jpg) no-repeat center;background-size:216px 50px;box-shadow:3px 4px 8px #cedee7;}
.view-more a {display:block;width:216px;height:50px;line-height:50px;font-size:14px;color:#fff;text-align:center;}
.view-more a span {font-family:'宋体';font-size:14px;color:#fff;font-weight:bold;margin-left:6px;}
.view-more:hover a {color:white}
.common-right-text {float:left;width:calc(100% - 220px);}
.common-right-text h3 a {font-size:17px;font-weight:bold;color:#2c2c2c;height:30px;line-height:30px;display:inline-block;vertical-align:top;width: 66%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.common-right-text p {margin-top:10px;font-size:15px;color:#717072;height:60px;}
.common-right-info {margin-top:16px;font-size:14px;}
.common-item-info i {color:#757575;font-size:17px;display:inline-block;vertical-align:middle;cursor:pointer;}
.common-item-info a {font-size:13px;color:#959595;padding-left:5px;margin-right:10px;display:inline-block;vertical-align:middle;}
.common-item-info-item {margin-right:30px}
.common-item-info-item:last-of-type {margin-right:0px}
.column4 .view-more {margin-top:30px;}
.common-right-list li {border-radius:10px;padding:6px;margin-top:5px;height: 80px;}
.common-right-list li:hover {background:#fafafa;}
.common-right-list-left {position:relative;width:160px;height: 100%;overflow: hidden;}
.common-right-list-left i {position:absolute;left:0;top:2px;width:20px;height:20px;line-height:20px;background:#3385ff;border-radius:4px;color:#fff;font-size:12px;text-align:center;}
.common-right-list-left h3 {margin-left:35px;margin-top:-2px;line-height: 16px;}
.common-right-list-left h3 a {font-size:15px;color:#717072;font-weight:normal;}
.common-right-list-left p {margin-top:4px;font-size:14px;color:#707070;}
.common-right-list-img {display:block;width:109px;height:68px;background:#339bfc;border-radius:8px;overflow:hidden;}
.common-right-list-img img:hover {transform:scale(1.04);-webkit-transform:scale(1.04);}
.common-right-list-img img {width:109px;height:68px;transition:all 0.3s;-webkit-transition:all 0.3s;object-fit: cover;}
.title_i {display:inline;vertical-align:top;margin-right:10px;}
.common-title-type {font-size:20px}
.common-title-type i {font-size:27px;}
.common-title-type .icon {width:28px;height:28px;display:inline-block;vertical-align:middle;}
.loginMask {position:fixed;left:0px;right:0px;top:0px;bottom:0px;background:rgba(0,0,0,0.5);}
.loginMask .login-con {position:fixed;left:50%;top:150px;width:450px;height:675px;padding:25px;margin-left:-205px;background:url(../images/login/822.png) no-repeat;background-size:450px 675px;padding-top:137px;}
.loginMask  .closeicon {cursor:pointer;background:#666;width:40px;height:40px;border-radius:50%;line-height:40px;text-align:center;position:absolute;right:-50px;top:-16px;color:white;}
.loginMask  .closeicon i {font-size:13px;}
.style_wrap:hover {background:white;}
.style_wrap {padding:20px;border-radius:20px;margin-bottom:20px;}
.find-item .icon {width:28px;height:23px;}
 
@media screen and (max-width:1700px) {
 
  .index_content{max-width: 1110px;width:100%;margin: 0 auto;}
  .common-items {width:1140px; }
  .common-items-left li {width: 100%;}
  .column4-left{width:65%}
  .banner-down-list ul li:nth-child(n+5){
    display: none;
  }
}


/* nav */
.index_sub_nav {
  display: flex;
  padding-top: 30px;
  padding-bottom: 30px;
  overflow: hidden
}

.index_sub_nav .group_1 {
  flex: 1
}

.index_sub_nav .group_1 .t2 {
  margin-top: 30px
}

.index_sub_nav .group_1 .group_link {
  height: 41px;
  width: 260px;
  background: #f8f8f8;
  border-radius: 21px;
  display: flex;
  align-items: center;
  font-size: 15px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  margin: 0  20px 20px 0;
  color: #666
}

.index_sub_nav .group_1 .group_link .label {
  width: 100px;
  display: flex;
  align-items: center;
  padding-left: 15px;
  border-right: 1px solid #ccc
}

.index_sub_nav .group_1 .group_link .label .m_icon {
  width: 22px;
  height: 19px;
  margin-right: 7px
}

.index_sub_nav .group_1 .group_link .label a {
  font-weight: 700;
  color: #292929
}

.index_sub_nav .group_1 .group_link .link {
  color: #666;
  width: 60px;
  margin-left: 12px
}

.index_sub_nav .group_1 .group_link .link a {
  color: #666
}

.index_sub_nav .group_1 .group_link .link a:hover {
  color: #3385ff
}

.index_sub_nav .group_1 .t1,.index_sub_nav .group_1 .t2 {
  display: flex;
  flex-wrap: wrap;
}

.index_sub_nav .group_2 {
  width: 540px;
  display: flex;
  height: 110px;
  flex-flow: row wrap
}

.index_sub_nav .group_2 .sbaner {
  width: 260px;
  height: 110px;
  margin-right: 20px;
  transition: all .1s
}

.index_sub_nav .group_2 .sbaner img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  transition: all .3s;
  -webkit-transition: all .3s
}

.index_sub_nav .group_2 .sbaner img:hover {
  transform: scale(1.04);
  -webkit-transform: scale(1.04);
  box-shadow: 0 4px 9px #c3c3c3
}

.index_sub_nav .group_2 .sbaner:nth-child(2) {
  margin-right: 0
}

.index_sub_nav .group_2 .sbaner:hover {
  transform: translateY(-3px);
  border-radius: 20px
}

@media screen and (max-width: 1600px) {
  .index_sub_nav .group_2 {
    display:none
  }
}