@charset "utf-8";

/* 框架 */
#content{ padding: 0; }
.bg-white{ background: #fff; }
.bg-gray{ background: #f5f5f5; }
.bg-wathet{ background: #D4E5EF; }
.row-group{ position: relative; padding: 3% 0; }

/* 新闻资讯 */
#news{ overflow: hidden; }
.news-swiper .item{ opacity: 0.1; background: #fff; padding-bottom: 0.5rem;
    transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
.news-swiper .item.swiper-slide-prev,
.news-swiper .item.swiper-slide-active,
.news-swiper .item.swiper-slide-next{ opacity: 1; }
.news-swiper .item .pic{ position: relative; }
.news-swiper .item .pic a{ display: block; position: relative; padding-bottom: 67.35%; overflow: hidden; }
.news-swiper .item .pic img{ position: absolute; left: 0; top: 0; }
.news-swiper .item .date{ position: absolute; right: 0; bottom: 0; width: 4.1em; text-align: center; }
.news-swiper .item .date .dd{ display: block; background: #CD6829; color: #fff; line-height: 2.8rem; font-size: 1.9rem; }
.news-swiper .item .date .ym{ display: block; background: #3E3A39; color: #fff; line-height: 1.56rem; font-size: 0.9rem; }
.news-swiper .item .con{ padding: 1.1rem 1.25rem; }
.news-swiper .item .title{ height: 1.7rem; line-height: 1.7rem; overflow: hidden; font-size: 1.125rem; }
.news-swiper .item .title a{ display: block; color: inherit; }
.news-swiper .item .intro{ margin-top: 0.6rem; font-size: 0.9rem; line-height: 1.6rem; height: 3.2rem; overflow: hidden; color: #666; }
.news-swiper .prev,
.news-swiper .next{ position: absolute; bottom: 50%; width: 2.75rem; height: 2.75rem; line-height: 2.75rem; cursor: pointer; font-size: 1rem; background: rgba(0, 0, 0, 0.3); color: #fff; text-align: center; z-index: 10; border-radius: 50%; }
.news-swiper .prev{ left: 2.5%; }
.news-swiper .next{ right: 2.5%; }
.news-swiper .prev:hover,
.news-swiper .next:hover{ background: #CD6829; }

.news-swiper .item,
.news-swiper .item .con,
.news-swiper .item .title a,
.news-swiper .item .intro{
    transition: all 1s ease;
	-webkit-transition: all 1s ease;
}
.news-swiper .item:hover{ background: #CD6829; }
.news-swiper .item:hover .con{ transform: translateY(10px); }
.news-swiper .item:hover .title a{ font-weight: bold; color: #fff; text-decoration: none; }
.news-swiper .item:hover .intro{ color: #fff; opacity: 0.5; }

.list-txt{ display: flex; flex-wrap: wrap; }
.list-txt li{ width: 100%; padding-top: 10px; }
.list-txt li .con{ height: 100%; padding: 1.1rem 1.25rem; background: #fff; }
.list-txt li .title{ line-height: 1.7rem; height: 3.4rem; overflow: hidden; font-size: 1.125rem; }
.list-txt li .title a{ display: block; color: inherit; }
.list-txt li .others{ margin-top: 0.6rem; font-size: 0.9rem; line-height: 1.6rem; color: #999; }
.list-txt li .others span{ margin-right: 1em; }
.list-txt li .others span .iconfont{ display: inline-block; vertical-align: top; margin-right: 0.4em; font-size: 1.3rem; color: #CDCDCD; }
.list-txt li .con,
.list-txt li .title,
.list-txt li .title a,
.list-txt li .others,
.list-txt li:hover .others span .iconfont{
    transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
}
.list-txt li:hover .con{ background: #CD6829; }
.list-txt li:hover .title{ transform: translateX(12px); }
.list-txt li:hover .title a{ color: #fff; text-decoration: none; }
.list-txt li:hover .others{ transform: translateX(10px); color: #fff; }
.list-txt li:hover .others span .iconfont{ color: #fff; }


/* 通知公告 */
#notice .box-group > .hd{ text-align: left; }
.list-notice{ flex-wrap: wrap; }
.list-notice li{ width: 100%; padding: 4% 0; border-top: 1px solid #eee; }
.list-notice li:first-of-type{ border-top: none; }
.list-notice li .date{ display: block; margin-bottom: 1.2rem; line-height: 1.2; }
.list-notice li .date .dd{ font-size: 2rem; }
.list-notice li .date .ym{ margin-left: 0.5em; font-size: 0.9rem; }
.list-notice li .title a{ display: block; color: inherit; line-height: 1.7rem;  max-height: 3.4rem; overflow: hidden; font-size: 1.125rem; }
.list-notice li .intro{ margin-top: 1.1rem; font-size: 0.9rem; line-height: 1.3rem; max-height: 7.8rem; overflow: hidden; color: #999; }
.list-notice li .con,
.list-notice li .title a{
    transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
}
.list-notice li:hover .con{ transform: translateX(12px); }
.list-notice li:hover .title a{ font-weight: bold; color: #004898; text-decoration: none; }

/* 媒体聚焦 & 人物 */
#media-personage{ overflow: hidden; }
#media-personage .container{ position: relative; }
#media-personage .box-group > .hd{ text-align: left; margin-bottom: 6%; }
#media-personage .box-group > .hd h3{ color: #333; }
#media-personage .in{ position: relative; font-size: 0; line-height: 1; }

/* 媒体聚焦 */
#media{ display: inline-block; vertical-align: top; width: 100%; padding: 5% 0; white-space: normal; }
#media{
    transition: all 1.2s ease;
	-webkit-transition: all 1.2s ease;
}
.list-media{ flex-wrap: wrap; margin: -0.83%; }
.list-media li{ width: 48.34%; background: #fff; margin: 0.83%; }
.list-media li .pic{ position: relative; }
.list-media li .pic a{ display: block; position: relative; padding-bottom: 66.42%; overflow: hidden; }
.list-media li .pic img{ position: absolute; left: 0; top: 0; }
.list-media li .con{ padding: 1.25rem; }
.list-media li .con::before{ display: block; content: ''; width: 20%; height: 0; border-bottom: 1px solid #CD6829; }
.list-media li .date{ display: block; padding: 1.2rem 0 0.9rem; line-height: 1.2; font-size: 0.9rem; color: #999; }
.list-media li .title a{ display: block; color: inherit; line-height: 1.7rem; height: 6.8rem; overflow: hidden; font-size: 1.125rem; }
.list-media li,
.list-media li .con::before,
.list-media li .date,
.list-media li .title a{
    transition: all 1s ease;
	-webkit-transition: all 1s ease;
}
.list-media li:hover{ background: #CD6829; }
.list-media li:hover .con::before{ width: 100%; border-color: #fff; }
.list-media li:hover .title a{ color: #fff; text-decoration: none; }
.list-media li:hover .date{ color: #fff; }


/* 人物 */
#personage{ position: relative; display: inline-block; vertical-align: top; white-space: normal; width: 100%; padding: 5% 3.2%; background: rgba(255, 255, 255, .2); }
#personage > .bd{ position: relative; padding-bottom: 73.58%; height: 0; }
.box-slide{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.box-slide .swiper-slide{ position: relative; }
.box-slide .swiper-slide .pic{ height: 100%; }
.box-slide .swiper-slide .pic a{ display: block; height: 100%; }
.box-slide .swiper-slide .pic img{ height: 100%; }
.box-slide .swiper-slide .con{ position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, .5); }
.box-slide .swiper-slide .title{ margin: 0; font-size: 1.1rem; line-height: 4.3rem; height: 4.3rem; overflow: hidden; text-align: left; }
.box-slide .swiper-slide .title a{ display: block; padding: 0 4rem 0 1.25rem; color: #fff; }
.box-slide .swiper-slide .intro{ display: none; }
.box-slide .prev,
.box-slide .next{ position: absolute; right: 0; bottom: 0px; width: 2.8rem; height: 2.1rem; line-height: 2.1rem; cursor: pointer; font-size: 0.9rem; background: rgba(0, 0, 0, 0.3); color: #fff; text-align: center; z-index: 10; }
.box-slide .prev{ bottom: 2.1rem; margin-bottom: 1px; }
.box-slide .prev:hover,
.box-slide .next:hover{ background: #CD6829; }

/* 数说东软 */
#whom{ background: #fff url(../../base/img/bg-01.jpg) no-repeat center 40%; }
.whom-slide .item{ text-align: center; cursor: pointer; line-height: 1; }
.whom-slide .item .circular{ position: relative; width: 9.4rem; height: 9.4rem; margin: 0 auto; font-size: 3.8rem; line-height: 9.4rem; color: #004898; }
.whom-slide .item .circular::before{ position: absolute; width: 100%; height: 100%; content: ''; top: 0; left: 0; background: url(../../base/img/circular.png) no-repeat center center; background-size: 100% 100%; }
.whom-slide .item .title{ margin-top: 1.2rem; font-size: 1rem; color: #999; }
.whom-slide .item .intro{ margin-top: 0.7rem; font-size: 1.5rem; color: #004898; font-family: 'PangMenZhengDao', '旁门正道标题体'; }
.whom-slide .item:hover .circular::before{ animation: rotate 3s linear infinite; }

.whom-slide .swiper-scrollbar{ position: relative; width: 25%; margin: 4% auto 0; background: #C9CACA; height: 2px; }
.whom-slide .swiper-scrollbar .swiper-scrollbar-drag{ background: #CD6829; }


/* 新媒体 */
#new-media .list-icon{ margin-top: 4%; justify-content: center; }
#new-media .list-icon li{ position: relative; z-index: 1; margin: 0 .5rem; }
#new-media .list-icon li a{ display: block; width: 2.7rem; height: 2.7rem; line-height: 2.7rem; text-align: center; border: 1px solid #D0D0D0; border-radius: 50%; font-size: 1.7rem; color: #999;
    transition: all 1s ease;
	-webkit-transition: all 1s ease;
}
#new-media .list-icon li:hover a{ color: #fff; text-decoration: none; }
#new-media .list-icon li .pic{ position: absolute; display: block; background: #fff; left: 50%; top: 100%; width: 10rem; padding: .6rem; box-shadow: 0 0 1.4rem rgba(0, 0, 0 , .15); margin: 0.7rem 0 0 -5rem; visibility: hidden; opacity: 0; border-radius: 0.25rem; }
#new-media .list-icon li .pic::before{ position: absolute; content: ""; left: 50%; bottom: 100%; margin-left: -.5rem; width: 0; height: 0; border-left: .5rem solid transparent; border-right: .5rem solid transparent; border-bottom: .5rem solid #fff; }
#new-media .list-icon li:hover a{ border-left-color: #004898; background: #004898; }
#new-media .list-icon li.wb:hover a{ border-color: #d52c2b; background: #d52c2b; }
#new-media .list-icon li.wx:hover a{ border-color: #2aae67; background: #2aae67; }
#new-media .list-icon li.dy:hover a{ border-color: #000; background: #000; }
#new-media .list-icon li.ks:hover a{ border-color: #ff4906; background: #ff4906; }
#new-media .list-icon li.blbl:hover a{ border-color: #fb7299; background: #fb7299; }

.list-media-new{ overflow: hidden; margin: -5px; }
.list-media-new li{ position: relative; float: left; width: 50%; height: 0; padding-bottom: 33.3333%; }
.list-media-new li .pic{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 5px; }
.list-media-new li .pic a{ position: relative; display: block; width: 100%; height: 100%; }
.list-media-new li .pic a::before{ position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 3.12rem; background: #000; opacity: 0.3; }
.list-media-new li .title{ position: absolute; left: 5px; right: 5px; bottom: 5px; height: 3.12rem; line-height: 3.12rem; overflow: hidden; }
.list-media-new li .title a{ display: block; padding: 0 1.25rem; color: #fff; }
.list-media-new li .title .iconfont{ margin-right: 0.7rem; font-size: 1.2rem; }


.list-media-new li .pic a::before,
.list-media-new li .title a{
    transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
.list-media-new li:hover .pic a::before{ height: 100%; }
.list-media-new li:hover .title a{ transform: translateX(10px); text-decoration: none; }

/* 专题专栏 */
.list-special{ flex-wrap: wrap; margin: -5px; }
.list-special li{ position: relative; width: 100%; padding: 5px; }
.list-special li .pic { position: relative; display: block; height: 0; padding-bottom: 30%; }
.list-special li .pic img{ position: absolute; display: block; left: 0; top: 0; border-radius: 5px; }
.list-special li .tit{ display: none; }

/* 观看视频 */
#video{ padding: 5% 0 4%; text-align: center; color: #fff; line-height: 1; background: url(../../base/img/bg-02.jpg) no-repeat center center; background-size: cover; }
#video h1{ font-size: 2rem; margin: 0; line-height: 1.4; }
#video h2{ font-size: 0.9rem; margin: 0; line-height: 1.4; }
#video .btn-video{ margin-top: 1.6rem; display: inline-block; line-height: 2.75rem; font-size: 1.1rem; vertical-align: top; padding: 0 1.9rem; border-radius: 4px; background: rgba(255, 255, 255, 0.5); color: #fff; }
#video .btn-video:hover{ background: #CD6829; text-decoration: none; }
#modal-video{ background: rgba(0, 0, 0, .6); }
#modal-video .modal-backdrop{ display: none !important; }
#modal-video .modal-dialog{ max-width: none; justify-content: center; }
#modal-video .modal-content{ max-width: 100%; width: auto; background: none; box-shadow: none; border: none; border-radius: 0; }
#modal-video .video-wrap{ width: 100%; height: 100%; }
#modal-video .video-wrap video{ width: 1200px; max-width: 90%; height: auto; }
#modal-video .close{ position: absolute; z-index: 1; right: 2rem; top: 3rem; width: 3rem; height: 3rem; color: #fff; font-size: 1.9rem; text-shadow: none; pointer-events: auto; text-align: center; line-height: 3rem; opacity: 1; font-weight: normal; transition: all ease .4s; }
#modal-video .close:hover{ transform: rotate(180deg); }

/* 网站链接 */
#links{ padding: 2% 0; background: #3E3A39; }
.box-link{ padding: 3% 0; }
.box-link > .hd h3{ margin-bottom: 0; font-size: 1.5rem; line-height: 1; color: #fff; }
.box-link > .hd h3 a{ text-decoration: none; color: inherit; }
.box-link > .bd{ padding-top: 1.9rem; }
.list-link li{ margin: 0 10px 10px 0; }
.list-link li a{ display: block; border: 1px solid #5b5857; border-radius: 2px; height: 2.5rem; line-height: 2.5rem; color: #fff; font-size: 0.95rem; padding: 0 0.95rem;
    transition: all 1s ease;
	-webkit-transition: all 1s ease;
}
.list-link li a:hover{ background: #CD6829; border-color: #CD6829; text-decoration: none; }

/* 响应式样式 */

@media (min-width:768px) {
    #content{ background: #f5f5f5; padding-top: 6.2rem; }

	.news-swiper{ margin: 0 -34%; }
    .news-swiper .prev{ left: 16%; }
    .news-swiper .next{ right: 16%; }

	.list-txt{ margin: 20px -10px 0; }
    .list-txt li{ padding: 0 10px; width: 33.3333%; }
    .list-notice li .title a{ height: 3.4rem; }

    .list-notice{ margin: 0 -3%; }
    .list-notice li{ width: 25%; padding: 0.5% 3%; border-top: none; border-left: 1px solid #eee; }
    .list-notice li:first-of-type{ border-left: none; }

    #media-personage .box-group > .hd{ margin-bottom: 3rem; }
    #media-personage .in{ white-space: nowrap; }
    #media{ width: 50%; }
    #media > .bd{ position: absolute; width: 100%; }
    .list-media li{ width: 23.34%; }
    .list-media li:nth-last-of-type(1),
    .list-media li:nth-last-of-type(2){ opacity: 0; }
    #personage{ width: 47.5%; margin-left: 2.5%; padding-right: 0; }
    #personage::after{ position: absolute; content: ''; width: 2000px; left: 100%; top: 0; height: 100%; background: rgba(255, 255, 255, .2); }
    #personage > .bd{ padding-bottom: 89.18%; }

    #media:hover{ width: 100%; }
    #media:hover .list-media li:nth-last-of-type(1),
    #media:hover .list-media li:nth-last-of-type(2){ opacity: 1; }

    #new-media .list-icon{ position: absolute; left: 0; top: 0; margin: 0 0 0 -1rem; }
    #new-media .list-icon li{ margin: 0 0 0 1rem; }
    #new-media .list-icon li:hover .pic{ display: block; visibility: visible; opacity: 1; }

    .list-media-new li{ width: 33.3333%; padding-bottom: 22.2222% }

    .list-special li{ width: 33.33%; }

    .box-link{ margin-right: 1.2rem; }
}

@media (min-width:992px) {
    #personage > .bd{ padding-bottom: 78.15%; }
}

@media (min-width:1200px) {
	#personage > .bd{ padding-bottom: 73.3%; }
}

@media (min-width:1400px) {
	
}



/* 动画库 */
@keyframes rotate {
    from{
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }

    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
}