.container{
  position: relative;
  width: 1200px;
  margin: 0 auto;
}
.img-responsive{
  width: 100%;
}
.header{
  margin: 0 auto;
  text-align: center;
  background: #fff;
}
.header-top{
  line-height: 39px;
}
.header-top .fr {
  position:absolute;
  right:0;
  top:0;
  height:100%;
}
.header-top .fr a{
  color: #333;
}
.header-top .fr li{
  position:relative;
  padding-left:12px;
}

.header-top .fr li.register{
  background:url(../images/new/register.png) no-repeat left center;
}
.header-top .fr li.landing{
  background:url(../images/new/landing.png) no-repeat left center;
}
.header-top .fr li.share{
  background:url(../images/new/share.png) no-repeat left center;
}
.header-top .fr li.register:hover{
  background:url(../images/new/register2.png) no-repeat left center;
  opacity: 0.8;
}
.header-top .fr li.landing:hover{
  background:url(../images/new/landing2.png) no-repeat left center;
  opacity: 0.8;
}
.header-top .fr li.share:hover{

  background:url(../images/new/share2.png) no-repeat left center;
}
.header-top .fr li:hover a{
  color: #333;
  opacity: 0.8;
}
.share-frame-box {
  position:absolute;
  left:-188px;
  top:26px;
  z-index:900;
  display:none;

}
.share-frame-box .bdshare-button-style0-32 a{
  height:35px;
  width:15px;
}
.header-top .fr li.share:hover .share-frame-box {
  display:block;
}

.share-frame-box .inner:before{
  content: ' ';
  width:0;
  height:0;
  position: absolute;
  border-top:none;
  border-left:9px solid transparent;
  border-right:9px solid transparent;
  border-bottom:9px solid #fff;
  right:9px;
  top:-8px;
  z-index: 10;
}
.share-frame-box .inner:after{
  content: ' ';
  width:0;
  height:0;
  position: absolute;
  border-top:none;
  border-left:9px solid transparent;
  border-right:9px solid transparent;
  border-bottom:9px solid #0067b2;
  right:9px;
  top:-9px;
  z-index: 9;
  visibility:visible;
}

.share-frame-box .inner {
  border:1px solid #0067b2;
  background-color: #fff;
  overflow: hidden;
  display: block;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding-top:10px;
  width:235px;
}

.share-frame-box .inner a {
  display: inline-block !important;
  float: none !important;

}

.share-title-a {
  font-size: 19px;
  color: #2480ff;
  margin-bottom: 5px;
}

.share-frame-box .inner a.bds_weixin {
  background: url("../images/share/weixin.png") no-repeat center center;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}

.share-frame-box .inner a.bds_tsina {
  background: url("../images/share/weibo.png") no-repeat center center;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}

.share-frame-box .inner a.bds_qzone {
  background: url("../images/share/Qzone.png") no-repeat center center;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}

.share-frame-box .inner a.bds_sqq {
  background: url("../images/share/QQ.png") no-repeat center center;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}

.share-frame-box .inner a.bds_kaixin001 {
  background: url("../images/share/kaixin.png") no-repeat center center;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}








.header-top li{
  font-size: 14px;
  color: #b08989;
  display: inline;
}
.header-top li a{
  padding: 0 10px;
  display: inline-block;
  font-size: 14px;
  color: #333;
  height: 31px;
  line-height: 31px;
}
.header-top .fl li.cur a,.header-top .fl li:hover a{
  color: #fff;
  background: url("../images/2018/sub-nav.png") no-repeat center;
}
.header-main{
  background: url("../images/new/top.jpg") center 0 no-repeat;
  width: 100%;
  height: 590px;
}
.header-main.not-index{
  height: 242px;
  width: 100%;
  background: url("../images/new/top_not_index.jpg") center 0 no-repeat;
}
.nav{

  line-height: 44px;
  bottom: 0px;
  display: block;
  width:100%;
  background:#007aff;
  padding:3px 0;

}
.nav ul{
  width: 1200px;
  margin: 0 auto;
  display:flex;
  justify-content:space-around;
}
.nav li{
  width: 14%;
  text-align: center;
}
    .nav li.temp {
        width: 25%;
    }
        .nav a{
  color: #fff;
  font-size: 18px;
  display: block;

}
.nav .on a, .nav li:hover a{
  background: url("../images/new/navLight.png") center top no-repeat;
  background-size: auto 100%;
}
.nav li.temp.on a, .nav li.temp:hover a{
    background: url("../images/new/navLight2.png") center top no-repeat;
    background-size: 100% 100%;
}
.main-banner{
  background: #eef7fe;
}
.main-banner .container{
  height: 466px;
  box-sizing: border-box;
  padding: 32px 0;
}
.main-banner .swiper-container{
  width: 1052px;
  margin: 0 auto;
  height: 100%;
  box-shadow:  0 10px 10px #949aa0;
}
.main-banner .swiper-slide a{
  overflow: hidden;
}
.main-banner .swiper-slide a .img{
  width: 715px;
  height: 100%;
  float: left;
}
.main-banner .swiper-slide a .txt{
  width: 336px;
  height: 100%;
  float: left;
  background: url("../images/2018/bannerL.jpg") no-repeat center;
  padding: 60px 30px 30px 25px;
  box-sizing: border-box;
}
.main-banner .swiper-slide a .txt h3{
  font-size: 25px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 25px;
}
.main-banner .swiper-slide a .txt  p{
  text-align: justify;
  font-size: 14px;
  text-indent: 2em;
  color: #fff;
}
.main-banner .swiper-slide a .img img{
  width: 100%;
  height: 100%;
}
.main-banner .swiper-pagination.swiper-pagination-bullets{
  text-align: right;
  box-sizing: border-box;
  padding: 0 10px;
}
.main-banner .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{
  background: #fff;
  opacity: 1;
  cursor: pointer;
}
.main-banner .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background: #f7941f;
  opacity: 1;
}
    .main-banner .swiper-button-prev, .main-banner .swiper-button-next {
        width: 41px;
        height: 41px;
        border-radius: 50%;
        overflow: hidden;
        background: #2c95f9; /* 标准的语法 */
    }
.main-banner .swiper-button-prev:hover,.main-banner .swiper-button-next:hover{
  opacity: 0.8;
}
.main-banner .swiper-button-prev i{
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
  background: url("../images/2018/prev.png") no-repeat 11px center ;
}
.main-banner .swiper-button-prev:hover{
  /*background: #fff;*/
}
.main-banner .swiper-button-prev:hover i{

}
.main-banner .swiper-button-next i{
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
  background: url("../images/2018/next.png") no-repeat 16px center;
}
.main-banner .swiper-button-next:hover{
  /*background: #fff;*/
}
.main-banner .swiper-button-next:hover i{
  background: url("../images/2018/next2.png") no-repeat 16px center ;
}

.banner{
  background: #457ae6;
  width: 100%;
  height: 577px;
}
.bg1{
  background: #e4eef7;
  background-size:cover;
  padding: 20px 0;
}
.bg2{
  background: #eef7fe;
  background-size:cover;
  padding: 20px 0;
}
.bg3{
  background:#e4eef7 ;
  background-size:cover;
  padding: 20px 0;
}
.bg4{
  background:#eef7fe;
  background-size:cover;
  padding: 20px 0;
}
.bg5{
  background:#e4eef7;
  background-size:cover;
  padding: 20px 0;
}
.bg6{
  background:#eef7fe;
  background-size:cover;
  padding: 20px 0;
}
.bg7{
  background:#e4eef7;
  background-size:cover;
  padding: 20px 0;
}
.bg8{
  background:#fff;
  padding: 20px 0;
}
.bg9{
  background:#e4eef7;
  padding: 20px 0;
}
.tt{
  width: 300px;
  height: 75px;
  font-size: 25px;
  color: #fff;
  font-weight: bold;
  text-align:center;
  position: relative;
  margin: 0 auto 20px;
  line-height: 75px;
  background: url("../images/new/title-bk1.png") center    no-repeat ;
}
.tt.temp{
    width:460px;
    background: url("../images/new/title-bk2.png") center    no-repeat ;
    background-size:100% 100%;
    text-indent: -2px;
}


.bg-org{
  background-color: #ff9954;
}
.bg-blue{
  background-color: #2ba1ed;
}

.bg-blue2{
  background-color: #2aaeff;
}
.bg-org1{
  background-color: #f6ac19;
}
.bg-org2{
  background-color: #ff715c;
}
.bg-org3{
  background-color: #ff9954;
}
.bg-green{
  background-color: #00ada9 ;
}
.bg-green2{
  background-color: #81b124 ;
}
.bg-pink{
  background-color: #ffa8bc;
}
.bg-pink2 {
  background-color: #eb6d8e;
}
.bg-red{
  background-color:#e60012;
}
.bg-purple{
  background-color:#963ead;
}
.bg-purple2{
  background-color:#b276c5;
}
.col-1{
  width: 827px;
  float: left;
}
.col-2{
  width: 347px;
  float: right;
}
.table-org th{
  background: #2c95f9;
  color: #fff;
  text-align: center;
  font-size: 16px;
}
.table-org td{
  text-align: center;
  cursor: pointer;
  border: solid 1px #2c95f9;
}
.table-org tr{
  background: #fff;
  border: solid 1px #2c95f9;
}

.table-org tr:hover{
  background: #eefef4;
  color:#333;
}

.table-org tr:hover td.nohover{
  background: #fff;
  color:#333;
}
.calendar{
  border: 4px solid #2c95f9;
  width: 302px;
  padding: 10px;
}
.cal-box{
  width: 75px;
  height: 72px;
  position: relative;
  margin-top: 12px;
  background: url("../images/canlender.png") no-repeat center center;
background-size:100% 100%;
}
.cal-box .month{
  display: none;
}
.calendar .clearfix{
  border-bottom: 1px solid #ddd;
}
.cal-box .date{
  color: #f9931f;
  font-size: 30px;
  width: 100%;
  text-align: center;
  display: inline-block;
  text-indent: 15px;
  line-height: 68px;
}
.cal-box i{
  width: 4px;
  height: 16px;
  background: #ff9954;
  display: block;
  position: absolute;
  top: -8px;
  display: none;
}
.cal-box i.left{
  left:10px;
}
.cal-box i.right{
  right:10px;
}
.calendar{
  background:#fff;
  min-height:195px;
}
.calendar .temp{
  margin-top: 10px;
  margin-left: 7px;
  width: 220px;
  height: 110px;
}
.calendar .temp p{
  line-height: 22px;
  position: relative;
  padding-left:25px;
}
.calendar .temp p i{
  font-size: 20px;
  color: #f59f27;
  font-weight: normal;
  line-height: 23px;
  position: absolute;
  left: 0;
  vertical-align: middle;
  width: 22px;
  text-align: center;
}
.calendar .mt10{
  position: relative;
  padding-left: 20px;
}
.calendar .mt10:before{
  position: absolute;
  content: ' ';
  width: 0;
  height: 0;
  top: 3px;
  left: 0;
  border-left: 7px solid #f59f27;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 7px solid transparent;
}
.calendar .address{
  line-height: 1.3em;
  display: inline;
}
.culm .item{
  width: 107px;
  height: 110px;
  display: block;
  color: #fff;
  text-align: center;
  margin-left: -1px;
  margin-top: -1px;
  background: none !important;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.culm .item:hover{
  opacity: 0.8;
}
.culm .item.cur{
}
.culm .item a{
  color: #fff;
  font-weight: normal;
}
.culm .item i{
  display: block;
  width: 62px;
  height: 62px;
  margin: 20px auto;
  margin-bottom: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.culm .item i.icons6-1{
  background:url("../images/new/icon/icon-1.png") no-repeat center center #2c95f9;
  background-size: auto 70%,auto;
}
    .culm .item i.icons6-2 {
        background: url("../images/new/icon/icon-2.png") no-repeat center center #2c95f9;
        background-size: auto 50%,auto;
    }
.culm .item i.icons6-3{
  background:url("../images/new/icon/icon-3.png") no-repeat center center #2c95f9;
  background-size: auto 70%,auto;
}
.culm .item i.icons6-4{
  background:url("../images/new/icon/icon-4.png") no-repeat center center #2c95f9;
  background-size: auto 40%,auto;
}
.culm .item i.icons6-5{
  background:url("../images/new/icon/icon-5.png") no-repeat center center #2c95f9;
  background-size: auto 50%,auto;
}
.culm .item i.icons6-6{
  background:url("../images/new/icon/icon-6.png") no-repeat center center #2c95f9;
  background-size: auto 70%,auto;
}
.culm .item i.icons6-7{
  background:url("../images/new/icon/icon-7.png") no-repeat center center #2c95f9;
  background-size: auto 58%,auto;
}
.culm .item i.icons6-8{
  background:url("../images/new/icon/icon-8.png") no-repeat center center #2c95f9;
  background-size: auto 60%,auto;
}

.culm .item p{
  font-size: 16px;
  color: #333333;
  text-align: center;
}
.icons-mai, .icons-people{
  background: url("../images/icons-mai.png") center center no-repeat ;
  display: block;
  width: 99px;
  height: 50px;
}
.icons-people{
  background: url("../images/icons-people.png") center center no-repeat ;
}
.icons-sms{
  background: url("../images/new/icons-sms.png") center center no-repeat ;
  display: inline-block;
  width: 16px;
  height: 12px;
  vertical-align: middle;
}
.accordion{
  width: 1198px;
  height: 480px;
  border:solid 1px #cccbd0;
}
.accordion .tab-c {
  /*width:47px;*/
}
.accordion ul li.item {
  float: left;
  display: block;
  height: 480px;
  color: #fff;
  cursor: pointer;
  position: relative;
  margin-right: 1px;
  width:47px;
  overflow: hidden;
  transition: width 0.5s;
}
.accordion ul li.item .sj {
  height:0;
  width:0;
  position:absolute;
  left:47px;
  top:50%;
  margin-top:-13px;
  display:none;
  z-index:100;
}
.accordion ul li.item.cur .sj {
  display:block;
}
.accordion ul li.li1 .sj {
  border-bottom:9px solid transparent;
  border-top:9px solid transparent;
  border-left:9px solid #2c95f9;
}
.accordion ul li.li2 .sj {
  border-bottom:9px solid transparent;
  border-top:9px solid transparent;
  border-left:9px solid #138ade;
}
.accordion ul li.li3 .sj {
  border-bottom:9px solid transparent;
  border-top:9px solid transparent;
  border-left:9px solid #fc8c08;
}
.accordion ul li.li4 .sj {
  border-bottom:9px solid transparent;
  border-top:9px solid transparent;
  border-left:9px solid #68b032;
}
.accordion ul li.li1 .fold {
  background:#2c95f9;
}
.accordion ul li.li2 .fold {
  background:#138ade;
}
.accordion ul li.li3 .fold {
  background:#fc8c08;
}
.accordion ul li.li4 .fold {
  background:#68b032;
}
.accordion .fold {
  text-align: center;
  width: 47px;
  height: 100%;
  font-size: 18px;
  display: block;
  border-left: solid 1px #cccbd0;
  border-right: solid 1px #cccbd0;
  margin-left: -1px;
}
.accordion .tab-q{
  /*width:1010px;*/
  height:100%;
  position:relative;
  /*left:188px;*/
}
.accordion .content{
  width: 1040px;
  display: none;
  height:475px;
  position: absolute;
  left:55px;
  top: 0;
  overflow: hidden;
}
.accordion .cur .content{
  display: block;
}
.accordion ul .item.cur{
  width: 1101px;
  display: block;
  height:480px;

}
.c-yel{
  color: #fff;
}
.accordion .fold .txt{
  line-height: 22px;
  position: absolute;
  left: 12px;
  width: 20px;
  word-break:break-word;
}
.accordion ul li.li1 .txt {
  top:44%;
}
.accordion ul li.li2 .txt {
  top:39%;
}
.accordion ul li.li3 .txt {
  top:44%;
}
.accordion ul li.li4 .txt {
  top:23%;
}
.accordion .unfold {
  height: 100%;
  width:100%;
  position: absolute;
  top: 0px;
  background: #eee;
}
.accordion .kai{
  padding: 20px 20px 0;
}
.accordion .kai .pic_m{
  position: relative;
  display: block;
  width: 400px;
  height: 370px;
  float: left;
}
.kai .pic_m img {
  height: 370px;
  width: 400px;
}
.accordion .kai .pic{
  margin-bottom: 10px;
  margin-left: 10px;
  float: left;
  position: relative;
}
.kai .pic img {
  height: 210px;
  width: 638px;
}
.accordion .kai2 .pic_m{
  position: relative;
  display: block;
  width: 473px;
  height: 180px;
  float: left;
}
.kai2 .pic_m img {
  height: 180px;
  width: 100%;
}
.accordion .kai2 .pic{
  margin-bottom: 20px;
  margin-right: 8px;
  margin-top: 0;
  margin-left: 0;
  float: left;
  position: relative;
}
.accordion .kai2 .pic.pic1 img{
  height: 210px;
  width: 315px;
}
.kai2 .small .pic img {
  height: 180px;
  width: 232px;
}
.kai-2 .pic img {
  height: 180px;
  width: 232px;
}
.kai-1{
  width: 50%;
  float: left;

}
.kai-2{
  width: 50%;
  float: left;

}
.kai3 .kai-1{
  width: 100%;
  float: left;
}
.kai3 .kai-2{
  width: 40%;
  float: left;
  overflow:hidden;
}
.accordion .kai3 .pic_m{
  width: 590px;
}
.pic.list-02 img {
  height:100%;
}
.pic.list-01 img {
  height:100%;
}
.accordion .kai3 .kai-2 .pic{
  width: 100%;
  margin-bottom: 10px;
}
.kai3 .kai-2 .pic img{
  width: 100%;
}
.kai3 .kai-2 a.t{
  clear: both;
  display: block;
  border: solid 1px #ddd;
  margin: 10px 0;
  line-height: 31px;
  padding: 2px 5px;
  text-align: center;
  color: #fff;

}
.kai3 .kai-2 a.t:hover{
  opacity: 0.8;
}
.autoplay img, .autoplay i, .autoplay span, .accordion .kai .autoplay .title{
  display: none;
}


.pic video{
  display: none;
}
.autoplay video{
  display: block;
}
.mask{
  position: absolute;
  left: 0;
  bottom: 0;
  height: 38px;
  background: rgba( 0, 0, 0, 0.5);
  display: block;
  width: 100%;
}

.accordion .kai .title{
  /*background: url("../images/trans50.png") 0 0 repeat;*/
  width: 96%;
  padding: 0 2%;
  height: 38px;
  line-height: 38px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  text-align: center;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.kai .btn{
  display: block;
  padding: 10px 13px;
  width: 16px;
  font-size: 16px;
  position: absolute;
  right: 0;
  bottom: 50px;
  background:#3385e9;
  color: #fff;
  line-height: 18px;

}
.kai .btn:hover{
  background: #f13d86;
}

.reward{
  float: left;
  display: block;
  width: 310px;
  /*height: 430px;*/
  margin-top: 15px;
  margin-left: 15px;
  border: solid 1px #e5eef7;
  overflow: hidden;
  background: #2c95f9;
}
.source-list .source-li{
  border-bottom: 1px solid #fff;
}
.reward-tt{
  position: relative;
  /*padding-left:20px;*/
  display: block;
  margin: 0 15px;
  color: #fff;
  font-size: 17px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  height: 32px;
  line-height: 32px;
  padding: 5px 0 5px 0;
  text-align: center;

}
.reward.odd .pic{
  border: 1px solid #2c95f9;
  border-bottom: none;
  border-top: none;
}

.reward.odd .pic.top-no{
  border-bottom: none;
  border-top: 1px solid #2c95f9;
}
.reward.odd .pic.bot-no{
  border-top: none;
  border-bottom: 1px solid #2c95f9;
}
.reward.even .pic.bot-no{
  border-top: none;
  border-bottom: 1px solid #2c95f9;
}
.reward.even .pic{
  border: 1px solid #2c95f9;
  border-bottom: none;
  border-top: none;
}

.reward.even .pic.top-no{
  border-bottom: none;
  border-top: 1px solid #2c95f9;
}
.reward.even .pic.bot-no{
  border-top: none;
  border-bottom: 1px solid #2c95f9;
}
.reward-list li .pic{
  background: #fff;
  height: 240px;
  padding: 15px 10px;
  color:#222;
  overflow: hidden;
  display: block;

}
/*.source-list .source-li:nth-child(1) .reward-tt{*/
/*margin-bottom: 20px;*/
/*margin-top: 0;*/
/*}*/
/*.source-list .source-li:last-child(1) .pic{*/
/*line-height: 34px;*/
/*}*/
.reward-list li .pic p.txt{
  height: 100px;
  overflow: hidden;
  line-height: 25px;
}
.reward-list li .pic p.name{
  line-height: 30px;
}
.reward-list .reward:nth-child(even) .pic{
  background: #fdeabf;
}
.reward-list li .pic img{
  max-width: 150px;
  height: 100px;
  margin-bottom: 10px;
}
.temp .reward{
  width: 100%;
  margin-left: 0;
  margin-top: 0;
  background: none;
}
.temp .reward-list li .pic{
  background: none;
  height: 177px;
  margin-top: 10px;
  padding: 0;
  margin-bottom: 10px;
}
.temp .reward-list li .pic img{
  width: 100%;
  max-width:100%;
  height: 177px;
  margin: 0;
}
.kai3 .kai-2.temp a.t{
  margin-bottom: 0;
  background: #1565ba;
}


i.turn-right{
  color: #fff;
  font-family: '宋体';
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 7px;
  display:none;
}

.icons-play{
  background: url("../images/play.png") 0 0 no-repeat;
  width:60px;
  height: 60px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -30px;
  margin-left: -30px;
}

.tabs-nav a{
  display: block;
  float: left;
  border: solid 1px #074bca;
  color: #333333;
  font-size: 16px;
  width: 310px;
  text-align: center;
  line-height: 32px;
  height: 32px;
  border-left: none;
}
.tabs-nav a:first-child{
  border-left: 1px solid #074bca;
}
.tabs-nav {
  width:1200px;
  margin:0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tabs-nav a.cur{
  background: #074bca;
  color: #fff;
}
.tabs-con{
  margin-top: 20px;
}
.tabs-con img{
  width: 145px;
  height: 188px;
}
.tabs-con ul{
  margin-left: -10px;
}
.tabs-con li{
  margin-left: 10px;
  width:390px;

}
.tabs-con .tab_1 li{
  height:188px;
}
.tabs-con li:hover{
  opacity: 0.8;
}
.tabs-con *[class*=tab_]{
  padding: 10px 0;
}
.tabs-con .txt{
  max-width: 170px;
  padding: 10px;
  height: 220px;
}

.tabs-con .tab_1 .txt{
  width:243px;
  padding: 10px;
  box-sizing:border-box;
  height: 100%;
  float:right;
  position:relative;
  max-width:243px;

}





.tabs-con  .tab_1 .txt a.add {
  width:34px;
  height:56px;
  border-radius:28px 0 0 28px;
  display:inline-block;
  position:absolute;
  left:-28px;
  top:50%;
  margin-top:-28px;
}
.tabs-con .tab_1 .txt a.add.bg-blue2 {
  background: #2aaeff url(../images/new/icon-add.png) no-repeat 10px center;
}
.tabs-con .tab_1 .txt a.add.bg-green {
  background: #00ada9 url(../images/new/icon-add.png) no-repeat 10px center;
}
.tabs-con .tab_1 .txt a.add.bg-pink2{
  background: #eb6d8e url(../images/new/icon-add.png) no-repeat 10px center;
}
.tabs-con .tab_1 .txt a.add.bg-org3 {
  background: #ff9954 url(../images/new/icon-add.png) no-repeat 10px center;
}
.tabs-con .tab_1 .txt a.add.bg-purple2 {
  background: #b276c5 url(../images/new/icon-add.png) no-repeat 10px center;
}
.tabs-con .tab_1 .txt a.add.bg-red {
  background: #e60012 url(../images/new/icon-add.png) no-repeat 10px center;
}
.tabs-con .tab_4  li{
  margin-bottom:15px;
  width:230px;
}
.tabs-con .tab_4  li:nth-child(5n){
  margin-left:10px;
}
.tabs-con p{
  color:#fff;
  font-size: 12px;
}
.tabs-con p.name{
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: bold;
}
.picbox .pic-hover li{
  width: 220px;
  height: 190px;
  background: #fff;
  margin-bottom: 20px;
}
.picbox .pic-hover a img{
  height: 150px;
}
.picbox .trans-title{
  color: #2c95f9;
}
.picbox .shadow-big {
  background: rgba(19,195,151,0.5);
}
.col-5{
  width: 590px;
}
.tt-news{
  font-size: 20px;
  line-height: 38px;
  padding-left: 20px;
  color: #fff;
}
.tc1 {
  background: #2c95f9;
}
.tc2 {
  background: #138ade;
}
.news-con{
  background: #fff;
  padding: 10px 20px;
}
.ul-list1 li{
  display: block;
}
.ul-list1 li img{
  width: 210px;
  height:138px;
  border: solid 1px #ddd;
  float: left;
}
.ul-list1 li div{
  margin-left: 220px;
}
.ul-list1 li h2{
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 10px;
}
.ul-list1 li p{
  font-size: 14px;
  line-height: 24px;
  text-indent: 2em;
}
.ul-list1 li a.more{
  color: #f00;
}
.ul-list1 li a.more:hover{
  text-decoration: underline;
}
.ul-list2{
  font-size: 14px;
  color: #666;
  line-height: 28px;
  margin-top: 10px;
}
.ul-list2 li{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.tt-footer{
  font-size: 23px;
  color: #074bca;
  font-weight: normal;
  margin-bottom: 10px;
}
.banner-footer{
  width: auto!important;
  padding-left: 36px;
  margin-bottom: 20px;
}
.banner-footer .owl-prev, .banner-footer .owl-next{
  background: url("../images/icons-turn.png") 0 0 no-repeat;
  width: 26px;
  height: 45px;
  font-size: 0;
  position: absolute;
  top: 50%;
  margin-top: -23px;
  left: 0;
}
.banner-footer .owl-prev:hover{
  background-position: -39px 0;
}
.banner-footer .owl-next{
  background-position: 0 -62px;
  left: auto;
  right: 0;
}
.banner-footer .owl-next:hover{
  background-position: -39px -62px;
}
.banner-footer .item{
  width: 267px;
  height: 177px;
  float: left;
  margin-right: 20px;
}
.banner-footer  img{
  width: 267px;
  height: 177px;
}

.nav.fixed{
  position: fixed;
  top: 0;
  width: 100%;
  height:44px;
  left:0;
  overflow: hidden;
  background: #074bca;
  z-index:100;
}
.nav.fixed ul{
  width: 1200px ;
  margin: 0 auto;
}

.live-item{
  display: inline-block;
  width: 570px;
  float: left;
  margin-left: 15px;
}
.live-item.first{
  margin-left: 0;
}
.live-box {
  background:white;
  width:1170px;
}
.live-box-title {
  height:50px;
  line-height:50px;
  font-size:17px;
  color:#106cbd;
  text-indent:10px;
  position:relative;
  border:1px solid #d1d6d8;
  border-bottom:none;
}
.live-box-title a.index {
  color:#e60012;
}
.live-box-title a.code {
  height:100%;
  width:50px;
  position:absolute;
  right:0;
  top:0;
  background:url(../images/new/gif2.png) no-repeat center;
}
.live-box-title i {
  display:inline-block;
  width:46px;
  height:46px;
  background:url(../images/new/gif.png) no-repeat center;
  vertical-align:-12px;
}
.live-item .title{
  color: #fff;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
}
.live-item .title1 {
  background:#2aaeff;
}
.live-item .title2 {
  background:#00ada9;
}
.live-item .title3 {
  background:#eb6d8e;
}

.live-item .title span{
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding-left: 45px;
  background: url("../images/liveshow.png") no-repeat;
}

.live-item .title span.weixin{
  background: url("../images/new/wx.png") left center no-repeat;

}
.live-item .title span.mob{
  background: url("../images/new/ph.png") left center no-repeat;
  padding-left: 37px;
}
.live-item .inner{
  width: 568px;
  height: 436px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top: none;
  background-color: #fff;
}
.weiboTop{
  background-color: #f6f6f6;
  position: relative;
  padding: 10px;
}
.weiboTop a{
  position: absolute;
  top: 50%;
  margin-top: -15px;
  right: 10px;
  background-color: #68b032;
  color: #fff;
  font-size: 15px;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
}
.weiboTop a:hover{
  background-color: green;
}
.weiboTop h5{
  font-size: 15px;
  font-weight: normal;
  line-height: 30px;
}
.weiboTop .site{
  color: #666;
}
.face-item{
  overflow: hidden;
  margin-bottom: 10px;
}
.face-item .face{
  float: left;
}
.face-item .face div{
  color: #666;
  font-size: 12px;
  margin-top: 5px;
}

.face-item .face img{
  border: 1px solid #ddd;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.face-item .talk-content{
  border: 1px solid #ddd;
  display: block;
  float: none;
  margin-left: 80px;
  padding: 8px 15px;
  margin-top: 10px;
  font-size: 14px;
  line-height: 28px;
  color: #888;
  position: relative;
  overflow: visible;
  border-radius: 3px;
  min-height:40px;
}
.face-item .talk-content:before{
  display: block;
  content: " ";
  width: 0;
  height: 0;
  position: absolute;
  border-left: none;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 9px solid #ddd;
  top: 20px;
  left: -9px;
  z-index: 10;
}
.face-item .talk-content:after{
  display: block;
  content: " ";
  width: 0;
  height: 0;
  position: absolute;
  border-left: none;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 9px solid #fff;
  top: 20px;
  left: -7px;
  z-index: 20;
}
.face-item img.talk-pic{
  float: none;
  display: block;
  max-width: 240px;
  max-height:185px;
  margin-left: 78px;
  border: 1px solid #ddd;
  border-radius: 4px;
  position: relative;
  margin-top: 10px;
  overflow: visible;
}
.face-item img.talk-pic:before{
  display: block;
  content: " ";
  width: 0;
  height: 0;
  position: absolute;
  border-left: none;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 9px solid #ddd;
  top: 20px;
  left: -9px;
  z-index: 100;
}
.article-detail{
  padding: 15px 20px;
  border: 1px solid #ddd;
  background-color: #fff;
}
.article-detail .hd h2{
  text-align: center;
  font-weight: normal;
  font-size: 20px;
}
.article-detail .articleBar{
  font-size: 13px;
  color: #666;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
.article-detail .articleBar span{
  margin-left: 20px;
  line-height: 2em;
}
.article-detail .articleBar span:first-child{
  margin-left: 0;
}
.article-detail .inner-content{
  padding-top: 10px;
}
.article-detail .inner-content p{
    font-size: 15px;
    line-height: 2em;
    text-indent: 2em;
    color: #333;

}
.article-detail .inner-content p img{
    text-indent: -2em;
    margin:5px auto;
    display: block;
}
.info-value{
  display: block;
  float: none;
  margin-left: 320px;
}
.info-value h4{
  font-size: 18px;
  font-weight: normal;
  line-height: 2em;
}
.info-value h5{
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 10px;
}
.pic-item-user{
  display: inline-block;
  margin: 10px;
}
.list-inline .txt p.item {
  font-size:15px;
}

/*首页学习交流新加css*/
.huaju{
  border: 1px solid #cccccc;
  padding-top:20px;
  padding-bottom:20px;
}
.huaju div.fl{
  width: 414px;
}
.huaju div.fl img{
  max-width: 100%;
  max-height: 100%;
  display:block;
  margin:0 auto;
}
.huaju .text{
  display: block;
  margin-left: 425px;
  padding: 5px;
  color: #ffffff;
}
.huaju table{
  color: #ffffff;
}
.huaju table tr {
  height:35px;
}
.huaju .text p.t2{
  color: #ffffff;
}
.zscqjz{
  display: block;
  padding: 5px;
  border: 1px solid #cccccc;
}
.zscqjz table {
  color: #ffffff;
}
.zscqjz p.t2{
  color: #ffffff;
}
.tab_4 .list-inline li{
}
.tab_4 .list-inline li img{
  width: 230px;
  height: 304px;
}
.tab_4 .list-inline li .txt{
  height: 160px;
  max-width: 212px;
}
.tab_4 .list-inline li p{
  line-height: 30px;
}
.tab_4 .list-inline li p.name{
  font-size: 18px;
}
.tab_5 p.t2{
  color: #ffffff;
}
.tab_5 table{
  color: #ffffff;
}
.tab_5 li{
  width: 387px;
  background: #ffffff;
  padding: 20px;
  box-sizing: border-box;
}
.tab_5 p.dib{
  background: #ffffff;
  color: #333333;
  padding: 15px;
  width: 361px;
}
.tab_5 li a p{
  color: #333!important;
}
.tab_5 li a .txt{
  max-width: 100%;
  height: 120px;
}
.kfhdr{
  display: block;
  border: 1px solid #cccccc;
  color: #333333;
}
.kfhdr div.fl{
  height: 276px;
  width: 414px;
}
.kfhdr div.fl img{
  width: 100%;
  height: 100%;
}
.kfhdr .text{
  display: block;
  margin-left: 425px;
  padding-top: 30px;
}
.kfhdr table{
  color: #ffffff;
  line-height: 30px;
}
.kfhdr p.t2{
  color: #ffffff;
}
.kxgzf li{
  margin-bottom: 15px;
}
.kxgzf .txt{
  max-width: 100%;
  height: 460px;
  overflow: hidden;
}
.kxgzf table{
  color: #ffffff;
}
.pic-zj {
  border: 1px solid #ddd;
  display: inline-block;
  float: left;
  position: relative;
}
.container.act-box{
  margin-top: 20px;
  overflow: hidden;
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.org-tips{
  font-size: 14px !important;
  line-height: 2em;

}

.ul-list3{
  height: 460px;
  margin-left: -35px;
}
.ul-list3 li{
  float: left;
  margin-left: 76px;
  margin-top: 35px;
  margin-bottom: -90px;
}
.ul-list3 li:nth-child(8n+1){
  margin-left: 210px;
}
.img-item{
  transform: rotate(45deg);
  width: 188px;
  height: 188px;
  background: #f2b21e;
  overflow: hidden;
  vertical-align: middle;
  display: flex;
  position: relative;
  border: 2px solid #fff;
  transition: all 0.5s ease 0s;
}
.img-item a{
  transform: rotate(-45deg);
  margin: 0 auto;
  width:265px;
  height:260px;
  text-align: center;
}
.img-item img{
  height: 100%;
  left: -100%;
  margin: 0 auto;
  right: -100%;
  width: auto;
  position: absolute;
  top: -25px;
}
.img-title{
  background: url("../images/trans50.png") 0 0 repeat;
  z-index:100;
  width: 224px;
  height: 70px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 5%;
  padding-top: 10px;
  transition: all 0.5s ease 0s;
}
.img-title p{
  line-height: 22px;
}
.img-title .num{
  color: #f2b21e;
  font-size: 18px;
  font-weight: bold;
}
.img-title .icon-search{
  opacity: 0;
  transition: all 0.5s ease 0s;
  font-size: 22px;
  position: absolute;
  bottom: 0;
  margin-left: -15px;
  margin-bottom: 10px;
}
.img-item:hover{
  border: solid 2px #FF9900;
}
.img-item:hover .img-title{
  height: 120px;
  left: -10px;
  top: 41%;
  width: 266px;
}
.img-item:hover .img-title .icon-search{
  opacity: 1;
  bottom: 0;
}
.table1 input[type=radio]{
  vertical-align: middle;
}
.table1{
  line-height: 32px;
}

.personPhoto .tc a {
  background-color: #7e7e7e;
  color: #ffffff;
  display: block;
  line-height: 30px;
  width: 124px;
}

.act-box .article-inner{
  overflow: hidden;
}
.act-box .article-inner .zj-info h3{
  margin-top: 10px;
  font-size: 18px;
  font-weight: normal;
}
.bg9 .link {
  width:1200px;
}
.footer .info {
  width:1200px;
  margin: 0 auto ;
}


.container_image .rel {
  width:1200px;
  margin: 0 auto;
}






.banner-f.swiper-container {
  height:177px;
  width:1125px;
  margin:0 auto;
}
.bg8 .container .swiper-button-next {
  background:url(../images/new/next-h.png) no-repeat center;
  margin-top:1px;
  right: 0;
}
.bg8 .container .swiper-button-next:hover {
  opacity: 0.8;
}

.bg8 .container .swiper-button-prev {
  background:url(../images/new/prev-h.png) no-repeat center;
  margin-top:1px;
  left: 0;
}
.bg8 .container .swiper-button-prev:hover {
  opacity: 0.8;
}
.banner-f .swiper-slide{
  overflow: hidden;
}
.banner-f .swiper-slide img{
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
    width:100%;
}
.banner-f .swiper-slide:hover img{
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.train {
  background:url(../images/new/train.png) no-repeat left center;
  background-size:19px auto;
  color:#457ae6;
}
.plane {
  background:url(../images/new/plane.png) no-repeat left center;
  background-size:19px auto;
  color:#457ae6;
}
.is-picture{
  height: 93px;
  line-height: 93px;
  background: #0067b2 url(../images/is-p.png) no-repeat 50px center;
  text-align: center;
  font-size: 20px;
  color: #fff;
}
.is-video{
  height: 93px;
  line-height: 90px;
  background: url("../images/new/tt3.png") no-repeat center center;
  background-size: 100% 100%;
  text-align: center;
  font-size: 20px;
  color: #fff;
  text-indent: 20px;

}
.is-video a{
  display: inline-block;
  width: 0;
  height: 0;
  border-left:10px solid #fff ;
  border-top:10px solid transparent ;
  border-bottom:10px solid transparent ;
  margin-left: 10px;
  vertical-align: -3px;



}
.link-list{
  box-sizing: border-box;
  padding: 15px;
  border: 2px solid #2c95f9;
}
.link-list a{
  display: block;
  margin-bottom: 13px;
}
.link-list a:last-child{
  margin-bottom: 0;
}
.link-list dt{
  height: 90px;
}
.link-list dt img {
  width: 100%;
  height: 100%;
}
.link-list dd{
  background: #fc8c08;
  box-sizing: border-box;
  padding: 5px 10px;
  color: #fff;
  font-size: 13px;
}
.link-list .is-time{
  padding-left: 20px;
  background: url("../images/is-c.png") no-repeat left 3px;
}
.link-list .is-place{
  padding-left: 20px;
  background: url("../images/is-d.png") no-repeat left 3px;
  background-size: 13px auto;

}
.link-list .it.cur  dd{
  background: #ed1b24;
}
.link-list .it.cur  dd.is-time{
  background: #ed1b24 url("../images/is-c.png") no-repeat left 3px;
}
.link-list .it.cur  dd.is-place{
  background: #ed1b24 url("../images/is-d.png") no-repeat left 3px;
}

.video-tt{
  margin-left: 310px;
}
.video-tt .is-box {

}
.is-txt{
  margin-top: 25px;
}
.is-txt .is-ctrl .ctrl-left a{
  width: 200px;
  height: 47px;
  display: inline-block;
  border: 1px solid  #457ae6;
  text-align: center;
  line-height: 47px;
  color: #457ae6;
  font-size: 18px;
  position: relative;
}
.is-txt .is-ctrl .ctrl-left a.q1{
  background: url("../images/icon-q1.png") no-repeat 30px center;
}
.is-txt .is-ctrl .ctrl-left a.q1:hover{
  background: #457ae6 url("../images/icon-q1-h.png") no-repeat 30px center;
  color: #fff;
}
.is-txt .is-ctrl .ctrl-left a.q1.cur{
  background: #457ae6 url("../images/icon-q1-h.png") no-repeat 30px center;
  color: #fff;
}
.is-txt .is-ctrl .ctrl-left a.cur i{
  content: "";
  width: 0;
  height: 0;
  border-top:10px solid #457ae6 ;
  border-left:10px solid transparent;
  border-right:10px solid transparent ;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  bottom: -10px;
}
.is-txt .is-ctrl .ctrl-left a.q2{
  background: url("../images/icon-q2.png") no-repeat 30px center;
  background-size: 25px auto;
}
.is-txt .is-ctrl .ctrl-left a.q2:hover{
  background: #457ae6 url("../images/icon-q2-h.png") no-repeat 30px center;
  color: #fff;
}
.is-txt .is-ctrl .ctrl-left a.q2.cur{
  background: #457ae6 url("../images/icon-q2-h.png") no-repeat 30px center;
  color: #fff;
}
.is-txt .is-ctrl .ctrl-right{
  line-height: 47px;
  color: #747474;
}
.is-txt .is-ctrl .ctrl-right *:hover{
  color: #457ae6;
}
.is-txt .is-ctrl .ctrl-right span{
  margin-right: 10px;
}
.is-txt .is-ctrl .ctrl-right a{
  color: #747474;
}
.is-txt .is-dir{
  border: 1px solid #457ae6;
  box-sizing: border-box;
  padding: 20px 35px;
}
.is-dir .item{
  border-left: 2px solid #dddddd;
  position: relative;
  padding-top: 150px;
  padding-bottom: 30px;
  margin-top: -17px;
}
.is-dir .item:first-child{
  margin-top: 20px;
}
.is-dir .item:before{
  content: "";
  display: inline-block;
  height: 15px;
  width: 15px;
  border: 1px solid #1770c5;
  background: #f3973c;
  position: absolute;
  border-radius: 50%;
  left: -8.5px;
  top: 0;
}
.is-dir .item:after{
  content: "";
  display: inline-block;
  height: 15px;
  width: 15px;
  border: 1px solid #1770c5;
  background: #f3973c;
  position: absolute;
  border-radius: 50%;
  left: -8.5px;
  bottom:0;
}
.is-dir .item .item-name{
  position: absolute;
  left: -20.5px;
  top: 25px;
  height: 40px;
  width: 100%;
}
.is-dir .item .item-name .item-per{
  height: 40px;
  width: 40px;
  border-radius: 50%;
  border: 1px solid  #ddd;
  background: #fff;
  display: inline-block;
}
.is-dir .item .item-name .item-per img{
  width: 100%;
  height: auto;
}
.is-dir .item .item-name .inv{
  line-height: 40px;
  display: inline-block;
  margin-left: 10px;
  font-size: 15px;
  color: #1770c5;
}
.is-dir .item .item-value{
  height: 55px;
  background: url("../images/icon-title.png") no-repeat left center;
  background-size: 100% 100%;
  position: absolute;
  top: 75px;
  padding:5px;
  left: -10px;
}
.is-dir .item .item-value .p1{
  padding-left: 23px;
  background: url("../images/new/icon-3.png") no-repeat left 4px;
  background-size: 15px auto;
  color: #747474;
}
.is-dir .item .item-value .p2{
  padding-left: 23px;
  background: url("../images/new/icon-1.png") no-repeat left 3px;
  background-size: 15px auto;
  color: #747474;
}
.is-dir .item .item-img{
  box-sizing: border-box;
  padding: 10px ;
}

.is-dir .item .item-img img{
  width: 100%;
  height: auto;
}
.place-title a {
  display:inline-block;
  width:200px;
  margin-right:58px;
  text-align:center;
  line-height:40px;
  background:#ffffff;
  border:1px solid #e70012;
  color:#e70012;
}
.place-title a:last-child {
  margin-right:0;
}
.place-content {
  border:1px solid #1c7ed3;
  box-sizing:border-box;
  padding:20px;
  background:#eefcff;
}
.place-item img {
  width:100%;
  height:auto;
}
.place-title a:hover {
  border:1px solid #1c7ed3;
  background:#eefcff;
  color:#1c7ed3;
}
.place-title a.cur {
  border:1px solid #1c7ed3;
  background:#eefcff;
  color:#1c7ed3;
}
.ctrl-right .is-gk {
  background:url(../images/new/icon/i-gk.png) no-repeat left center;
  padding-left:25px;
}
.ctrl-right .is-gk:hover{
  color:#1e9ffa;
  background:url(../images/new/icon/i-gkh.png) no-repeat left center;
  padding-left:25px;
}
.ctrl-right .is-tj {
  background:url(../images/new/icon/i-tj.png) no-repeat left center;
  padding-left:25px;
}
.ctrl-right .is-tj:hover{
  color:#1e9ffa;
  background:url(../images/new/icon/i-tjh.png) no-repeat left center;
  padding-left:25px;
}
.ctrl-right .is-fx {
  background:url(../images/new/icon/i-fx.png) no-repeat left center;
  padding-left:25px;
  background-size:20px auto;
}
.ctrl-right .is-fx:hover {
  color:#1e9ffa;
  background:url(../images/new/icon/i-fxh.png) no-repeat left center;
  padding-left:25px;
  background-size:20px auto;
}
.footer .info h4{
  color: #fff;
  font-size: 15px;
  text-align: left;
  font-weight:normal;
 
}
.info-1, .info-2, .info-3, .info-4 {
    display: flex;
    justify-content: flex-start;
}
.info-list {
    display: flex;
    justify-content: flex-start;
    flex-wrap:wrap;
    width:1100px;
}
    .info-list li {
    margin-right:10px;
    }

    .nav .container {
        height: 100%;
        color: #fff;
        font-size: 14px;
        text-align: left;
    }
.icons-home{
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url("../images/2018/icons-home.png") no-repeat center;
  vertical-align: -3px;
  margin-right: 3px;
}

.slider-list h3{
  font-size: 21px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  height: 62px;
  line-height: 70px;
  background: url("../images/new/tt3.png") no-repeat center;
  background-size: 100% 100%;
}
.slider-list ul{
  border: 1px solid #2c95f9;
  border-top: none;
}
.bg-white{
  background: white;
}

.document li{
  float: left;
  width: 150px;
  text-align: center;
}
.document li h6{
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
.document li span{
  display: block;
  text-align: center;
  margin: 10px 0;
}
.document li a{
  padding: 2px 10px ;
  border: 1px solid #2196f3;
  border-radius: 3px;
  color: #2196f3;
}
.document li a:hover{
  background: #2196f3;
  color: #fff;
}
.slider-3d{
  width: 1200px;
  overflow: hidden;
  padding-top: 5px;
  padding-bottom: 10px;
}
.swiper-3d-in .item{
  width: 831px;
  height: 557px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 25px 50px;
  background-color: #36c98b;
  display: inline-block;
  overflow: hidden;
  background: url("../images/slider1.jpg") no-repeat top center;
  background-size: 100% 100%;
  position: relative;
}
.swiper-3d-in .item:after{
  content: ' ';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  background: rgba(255,255,255,0.4);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.swiper-3d-in .item.swiper-slide-active{
  -webkit-box-shadow: 0 3px 6px #aaaaaa;
  -moz-box-shadow: 0 3px 6px #aaaaaa;
  box-shadow: 0 3px 6px #aaaaaa;
}
.swiper-3d-in .item.swiper-slide-active:after{
  background: rgba(255,255,255,0);
}
.swiper-3d-in .item.s1{
  background: url("../images/slider1.jpg") no-repeat top center;
}
.swiper-3d-in .item.s2{
  background: url("../images/slider2.jpg") no-repeat top center;
}
.swiper-3d-in .item.s3{
  background: url("../images/slider3.jpg") no-repeat top center;
}
.swiper-3d-in .item.s4{
  background: url("../images/slider4.jpg") no-repeat top center;
}
.swiper-3d-in .item.s5{
  background: url("../images/slider5.jpg") no-repeat top center;
}
.swiper-3d-in .item.s6{
  background: url("../images/slider6.jpg") no-repeat top center;
}
.swiper-3d-in .item.s7{
  background: url("../images/slider7.jpg") no-repeat top center;
}



.swiper-3d-in .item h3{
  color: #fff;
  font-size: 24px;
  line-height: 28px;
  margin-top: 22px;
  font-weight: normal;
  display: block;
  text-align: center;
}

.swiper-3d-in .item .txt{
  margin: 0 auto;
  width: 670px;
  color: #ffffff;
  font-size: 16px;
  line-height: 1.6em;
  display: block;
  text-indent: 2em;
  margin-top: 16px;
  margin-bottom: 15px;
  overflow: hidden;
  text-align: justify;
  display: flex;
  justify-content:flex-start;
  align-items: center;
  height: 87px;
}
.swiper-3d-in .item img{
  display: block;
  width: 100%;
  height: 294px;
}
.slider-3d-ctrl{
  height: 1px;
  overflow: visible;
  position: absolute;
  width: 100%;
  top: 340px;
  z-index: 200;
}
.slider-3d-ctrl .prev{
  display: inline-block;
  width: 33px;
  height: 57px;
  background: url("../images/caret-prev.png") no-repeat center center;
  left: -70px;
  top: 0;
  position: absolute;
  cursor: pointer;
}
.slider-3d-ctrl .next{
  display: inline-block;
  width: 33px;
  height: 57px;
  background: url("../images/caret-next.png") no-repeat center center;
  right: -70px;
  top: 0;
  position: absolute;
  cursor: pointer;
}
.slider-3d-ctrl .prev:hover,.slider-3d-ctrl .next:hover{
  opacity: 0.8;
}
.ics-info{
  display: inline-block;
  font-size: 16px;
  line-height: 1.6em;
  margin-right: 25px;
  vertical-align: baseline;
  padding-left: 23px;
}
.ics-info.time{
  background: url("../images/2019/ic-time.png") no-repeat left center;
  background-size: 18px auto;
}
.ics-info.where{
  background: url("../images/2019/ic-where.png") no-repeat left center;
  background-size: 18px auto;
}
.ics-info.user{
  background: url("../images/2019/ic-user.png") no-repeat left center;
  background-size: 18px auto;
}
.flex-s1{
  margin: 0 auto;
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  height: 590px;
  background: url("../images/2019/ss01.jpg") no-repeat top center;
  background-size: auto 99%;
  position: relative;
  left: -26px;
}
.bg4 .container{
  overflow: visible;
}
.item-st1{
  margin-top: 20px;
}
.item-st1 img{
  width: 335px;
  float: left;
}
.item-st1 .info{
  color: #333;
  font-size: 15px;
  line-height: 32px;
  text-indent: 2em;
  padding: 20px ;
  background: #fff;
  height: 220px;
  width: 853px;
  float: right;
  box-sizing: border-box;
}
.item-st2{
  position: relative;
  background: url("../images/st-3.jpg") 0 0 no-repeat;
  background-size:100% 100%;
  margin-top: 20px;
  border: solid 1px #eeeeee;
  width: 580px;
  height: 210px;
  box-sizing: border-box;
  float: left;
  margin-left: 30px;
  padding: 30px 20px;
}
.list-x1{
  margin-left: -30px;
}
.item-st2 img{
  width: 200px;
  height: 150px;
  float: left;
  margin-right: 15px;
}
.item-st2 span{
  position: absolute;
  font-size: 16px;
  background: #2c95f9;
  color: #fff;
  width: 90px;
  line-height: 32px;
  border-radius:0 20px 20px 0;
  top: 0;
  left: 0;
  text-align: center;
}
.item-st2 h3{
  font-size: 18px;
  color: #2c95f9;
  font-weight: normal;
  line-height: 18px;
  margin-bottom: 10px;
}
.item-st2 p{
  font-size: 14px;
  color:#333;
}
.item-st2 p.info{
  color: #666;
  font-size: 14px;
  border-top: 1px solid #2c95f9;
  width: 320px;
  float: left;
  text-indent: 2em;
  margin-top: 10px;
  padding-top: 5px;
  line-height: 22px;
}

.noimg .item-st2{
  width: 380px;
}
.noimg .item-st2 img{
  display: none;
}
.noimg .item-st2 h3{
  margin-top: 12px;
}
.match-box {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}
.match-item {
    width:19%;
    text-align:center;
    border:1px solid #ddd;
    box-sizing:border-box;
    display:inline-flex;
    justify-content:center;
    align-items:center;
     transition: all 0.3s;
}
    .match-item a {
    display:block;
    }
    .match-item img {
        width: 100%;
        border-radius:4px 4px 0 0 ;
    }
    .match-item p {
        line-height:32px;
        padding:10px 0;
        font-size:16px;
    }
.match-item:hover{
    border:solid 1px #0069b8;
}
.Recomment{
    background: url('../images/live/icon-thumb-up.png') 0 center no-repeat;!important;
    background-size:20px auto;
    padding-left:10px;
}
.NotRecomment{
    background: url('../images/live/icon-thumb-down.png') 0 center no-repeat;!important;
    background-size:20px auto;
    padding-left:10px;
}
