body {
    font-family: "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
}
/* 通用 */
a:hover{text-decoration: none;}

.hide{ display: none;}
.show{ display: block;}

.f20{ font-size: 20px;}

.container{ width: 1180px; margin: 0 auto; }

/* 头部 */
.header{ width: 1720px; height: 80px; padding: 0 100px; background-color: #fff;}

.m-logo{ margin-top:8px; margin-right: 120px;}

.nav-menu{display: flex; justify-content: flex-start;  margin: 0 auto; color: #303133; font-size: 16px; line-height: 80px;}
.nav-menu li{padding:0 15px; position: relative;}

.nav-menu li:hover > a:after,.nav-menu li.active > a:after{content: ''; display: block; height: 3px; position: absolute; left: 9px; right: 9px; bottom: 1px; background: #409eff;}
.nav-menu li:hover>a,.nav-menu li.active a{ color: #409eff; }

.m-search-login{ height: 32px; line-height: 32px; margin-top: 24px; display: flex;}
.search-box{ width: 204px; padding-left: 16px; background:#f6f6f6; border-radius: 16px; margin-right: 20px; transition: all .3s;}
.search-ipt{ width: 120px; height: 32px;padding: 0;  border:none; outline: none;background:#f6f6f6; font-size: 14px;}
.search-btn,.search-btn-1 { width: 80px; height: 32px; background: #409eff url(../images/i-search.png) no-repeat 16px center; color: #fff; border-radius: 16px; line-height: 20px; font-size: 14px; text-indent: 16px; border:none; outline: none; cursor: pointer;}
.search-btn-1 { line-height: 32px; text-indent: 36px; margin-right: 20px;}

.login{ font-size: 16px; color: #6f6f6f;}

/* banner */
.fullSlide{ width:1920px;  position:relative;  height:500px; background:#000;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:500px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:500px; }

.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:28px; left:0; height:30px; line-height:30px; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px;  height:10px; border-radius: 5px; margin:1px; overflow:hidden; background:#fff;  line-height:999px; margin: 0 8px; transition: width 0.5s; -moz-transition: width 0.5s;-webkit-transition: width 0.5s;-o-transition: width 0.5s;}
.fullSlide .hd ul .on{width:30px; height:10px;  }

.fullSlide .prev,
.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:15%;  z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
.fullSlide .next{ left:auto; right:15%; background-position:-6px -137px; }

/* 网站公告 */
.m-notice{ background: #fff;}
.gonggao-left{ position:relative; background:url(../images/notice.png) no-repeat left center; height:80px; padding:0 0 0 148px; }
.gonggao-left .bd{ padding:0 10px; }
.gonggao-left .bd .tempWrap{ width:1020px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.gonggao-left .bd ul{ overflow:hidden; zoom:1; }
.gonggao-left .bd ul li{ margin-right:40px;  float:left; height:80px; line-height:80px; color: #606266; text-align:left; _display:inline; width:auto !important;  }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.gonggao-left .bd ul li a{color: #606266;}

/* 新闻样式 */
.m-image-news{ height: 430px; background: #fff;}
.newspic { position: relative; width: 540px; height: 380px; overflow: hidden;  text-align: left; background: white; float:left;}
.newspic .pic img { width: 540px; height: 380px; display: block; }
.newspic .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 48px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.newspic .txt { position: absolute; bottom: 0; z-index: 2; height: 48px; width:100%; overflow: hidden; }
.newspic .txt li{ height:48px; line-height:48px; position:absolute; bottom:-48px;}
.newspic .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 16px; font-weight: bold; text-decoration: none; }
.newspic .num { position: absolute; z-index: 3; bottom: 18px; right: 8px; }
.newspic .num li{ float: left; position: relative; width: 12px; height: 12px; line-height: 12px; overflow: hidden; text-align: center; margin-right: 5px; cursor: pointer;  border-radius: 6px;}
.newspic .num li a,.newspic .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.newspic .num li span { z-index: 1; background: #bebcbd; filter: alpha(opacity=50); opacity: 0.5; }
.newspic .num li.on a,.newspic .num a:hover{ background:#fff;  }

.news{ width:610px; float:right; height:380px;}
.news-hd{position: relative;}
.news-hd .title{ position: relative; padding-left: 10px; height: 20px; line-height: 20px; display: inline-block; font-size: 20px; color: #3d7eff; font-weight:bold;}
.news-hd .title:after{ content: ''; display: block; position: absolute; left:0; top: 0px; bottom: 0px; width: 4px; background: #3d7eff;}
.news-hd .more{ position: absolute; top:1px; right: 0; background: url(../images/more.png) no-repeat left center; padding-left: 24px; font-size: 14px; color: #3d7eff;}
.news dl{ height: 105px; margin-top: 20px; padding: 20px; background: #f7faff;}
.news dl dt{  height:45px; line-height:45px; padding:0 15px; font-size: 24px; font-weight: bold; text-align: center;}
.news dl dt a{ color: #303133;}
.news dl dd{ background:#f2f8fe; padding:4px; font-size:14px; line-height:22px; color:#999999;}
.news_list{ padding:10px 0 0 0;}
.news_list li{ position: relative; height:38px; padding-left: 20px; line-height:38px; font-size:16px; background: url(../images/dot.png) no-repeat left center;}
.news_list .time{ position: absolute; right: 0; line-height: 38px; color: #c0c4cc; font-size: 14px;}

.news-1{ float: left; width: 516px; height: 322px; padding: 24px; margin-right: 26px; background: #fff;}
.news-1 .news_list{ margin-top: 20px;}

/* 右侧外链 */
.m-news-link{ padding: 30px 0; background: #f7faff;}
.m-link li{ margin-bottom: 20px; width: 240px; height: 110px;}
.m-link li:last-child{ margin: 0;}

/* 通栏广告 */
.m-adv{ background: #f7faff;}

/* 文化鄂尔多斯 */
.m-whordos{ padding: 20px 0 30px 0; background: #f7faff;}
.whordos{ width: 1124px; padding: 28px; background: #fff;}
.whordos-hd{position: relative;}
.whordos-hd .title{ position: relative; padding-left: 10px; height: 20px; line-height: 20px; display: inline-block; font-size: 20px; color: #3d7eff; font-weight:bold;}
.whordos-hd .title:after{ content: ''; display: block; position: absolute; left:0; top: 0px; bottom: 0px; width: 4px; background: #3d7eff;}
.whordos-tabs{position: absolute; right: 0; top: 0;}
.whordos-tabs li{ float: left; margin-left: 22px; height: 32px; line-height: 32px; color: #606266;}
.whordos-tabs li a{ display:inline-block; padding: 0 16px; border-radius: 16px; background: #f6f6f6; color: #606266; font-size: 16px;}
.whordos-tabs li.active a,.whordos-tabs li:hover a{ background: #3d7eff; color: #fff;}
.whordos-bd ul li{ width: 250px; height: 200px; float: left; margin-top: 30px; margin-right: 40px; overflow: hidden;}
.whordos-bd ul li:nth-last-child(4n+1){ margin-right: 0;}
.whordos-bd ul li a{ display: inline-block; position: relative;}
.whordos-bd .thumb{ display: block; width: 250px; height: 200px; background-size: cover; transition: all .2s;}
.whordos-bd .thumb:hover{ transform: scale(1.2);}
.whordos-bd ul li a p{ position: absolute; bottom: 0; width: 230px; padding: 0 10px; height: 40px; background: rgba(0, 0, 0, 0.6); color: #fff; font-size: 14px; text-align: center; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* 三库 */
.m-library{ padding: 30px 0; background: #fff;}
.m-library li{ width: 380px; height: 100px; float: left; margin-right: 20px;}
.m-library li:last-child{ margin-right: 0;}

/* 各项服务 */
.m-service{ padding-bottom:20px; height: 219px; background: #fff;}
.m-service li{ width: 25%; height: 219px; float: left; color: #fff;}
.m-service li a{ display: inline-block; position: relative; width: 100%; height: 100%; color: #fff;}
.m-service li dt{width: 100%; position: absolute; top: 50%; transform: translateY(-50%); text-align: center; z-index: 1;}
.m-service li dt i{ display: inline-block;width: 95px; height: 85px;}
.m-service li dt h3{ margin-top: 10px; font-size: 24px;}
.m-service li dd{ position: absolute; display: none; width: 221px; height: 149px; padding:23px; top:12px; left:12px; line-height: 24px; font-size: 14px; transition: all .2s; z-index: 2;}
.m-service li a:hover dd{ display: block;}
.service-fh{ background: #43aced;}
.service-fh dt i.ico-fh{background: url(../images/ico-fh.png) no-repeat center bottom; }
.service-fh dd{ background: rgba(55,157,221,0.8);}
.service-zs{ background: #b3d835;}
.service-zs dt i.ico-zs{background: url(../images/ico-zs.png) no-repeat center bottom; }
.service-zs dd{ background: rgba(152,193,14,0.8);}
.service-zc{ background: #fc636d;}
.service-zc dt i.ico-zc{background: url(../images/ico-zc.png) no-repeat center bottom; }
.service-zc dd{ background: rgba(230,69,79,0.8);}
.service-zp{ background: #f7ab00;}
.service-zp dt i.ico-zp{background: url(../images/ico-zp.png) no-repeat center bottom; }
.service-zp dd{ background: rgba(216,151,4,0.8);}

/* 友情链接 */
.m-friendlink{ background: #fff; padding:20px 0;}
.yqljlist{padding: 20px 0;}
.yqljlist li{ width:176px; height:72px;float:left; margin-right: 24px;}
.yqljlist li:nth-child(6n){ margin-right: 0;}
.yqljlist li img{padding:5px; border:1px solid #e6e6e8; width:164px; height:60px; }

/* 底部 */
.foot{ position: relative; background:#3d7eff; height:350px;}
.footlinks{ width:1180px; margin:auto; padding:50px 0 0 0 ;}
.footlinks ul li{ width:236px; float:left; }
.footlinks ul li h3{ margin-bottom: 20px; font-size: 20px; font-weight: bold; color: #fff;}
.footlinks ul li p{ line-height:30px; font-size: 14px;}
.footlinks ul li p a{ color: #cddeff;}

.foot1{ position: absolute; bottom: 0; width: 100%; height: 60px; padding-top: 30px; line-height: 30px; font-size: 14px; text-align:center; background: #2c6ef2; color: #fff;}

.copy{  background: #2c6ef2; text-align:center; padding:20px; color:#fff;}
.copy a{ color: #fff;}