@charset "utf-8";
/* CSS Document */
/**
 * @description: 网站首页样式
 * @author: ishang_pan
 * @update: ishang_pan (2023-04-07 14:58)
 */


/* 概况 */
.is-md-5{width:29.5%}
.is-md-6{width:50%}
.is-md-7{width:70.5%}
.is-md-12{width:100%}
.is-sd-6{width:50%}
.f-pr15{padding-right:15px}
.f-pl15{padding-left:15px}
.f-pl-20{padding-left:20px}
.f-pl-40{padding-left:40px}
.pd20{padding:20px}

.pd15{padding:15px 20px 20px 20px}

.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt40{margin-top:40px}
.mt15{margin-top:15px}
body{background: #f5f5f5}
.bgf{background: #fff}
/* 标题 */
.m-tabstyle4{height: 46px;padding:0 10px 0 0px;border-bottom:1px solid #ddd;line-height: 46px}
.m-tabstyle4 h3{font-size: 20px;line-height: 46px;}
.m-tabstyle4 h3 a{color:#094dad}
.m-tabstyle4.bg-gray{overflow: hidden;}
.m-tabstyle4 .m-tab-word{padding-left:40px}
.m-tabstyle4 .m-more{color:#999}
.m-tabstyle4 .m-more:hover{color:#094dad}
.blue-icon{background: url(../images/index/icon-1.png) left center no-repeat;margin-top:-5px}
.pink-icon{background: url(../images/index/icon-3.png) left center no-repeat;}
.green-icon{background: url(../images/index/icon-4.png) left center no-repeat;}
.orange-icon{background: url(../images/index/icon-5.png) left center no-repeat;}
.sy-icon{background: url(../images/index/icon-2.png) left center no-repeat;}

.textcomm{text-align:left;position: absolute;padding: 0 15px;overflow:hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;background: rgba(0,0,0,.5);color: #fff;}

/* 轮播1 */
.mySwiper01 p{left: 0;right: 0;bottom: 0;height:56px;line-height: 56px;font-size: 16px;padding-left: 20px;text-align: left;padding-right:140px}
.mySwiper01 .swiper-pagination{height:20px;line-height:20px;width: auto;left:36%;bottom:6px}
.mySwiper01 img{display:block;width:100%;height:385px;object-fit: cover;  -webkit-transition: all linear 0.5s;transition: all linear 0.5s;-moz-transition: all linear 0.5s;}
.mySwiper01 img:hover{transform: scale(1.1);}
.mySwiper01 .swiper-pagination{position: absolute;right: 0;width: 90px;left: auto;bottom: 18px;}
.mySwiper01 .swiper-pagination-bullet{width:10px;height: 10px;border-radius:0;margin:0 5px!important;background: #fff;opacity: 1}
.mySwiper01 .swiper-pagination-bullet-active{background:#ffa800}


.is-notice-list{padding-top:20px;height:344px;overflow: hidden;}
.is-notice-list li{margin-bottom:20px}
.is-notice-list li a{display: flex;align-items: center;}
.m-list-time{display: flex;flex-direction: column;align-items: center;width:67px;height:67px;padding-top:5px;text-align: center;background:#f5f5f5;}
.m-tile-l{font-size: 24px;}
.m-tile-s{font-size:12px;}
.m-list-r{flex: 1;overflow: hidden;font-size: 16px;line-height: 30px;height: 60px;overflow: hidden;padding-left:20px;transition: all linear .2s;}

/*主题部分列表 */
.m-liststylecom ul{padding:10px 0}
.m-liststylecom li{height: 38px; line-height: 38px;}
.m-liststylecom li a{display: block; padding-left: 14px; background: url(../images/index/dot.png) left center no-repeat; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.m-liststylecom li span{float: right; color: #999; font-size: 14px;width:60px;text-align: right;}
.m-liststylecom li a:hover{padding-left: 16px;}
.m-ulhg1 ul{height:340px;overflow:hidden;}
.m-ulhg2 ul{height:160px}
.m-ulhg3 ul{height:380px}
.m-ulhg3 ul{height:180px}
.m-ulhg4 ul{height:362px}
.topmain{height:484px;overflow:hidden;}

.m-liststyle4 ul{padding:0}
.m-liststyle4 li{height: 60px; line-height: 60px;border-bottom:1px dashed #e6e6e6;position: relative;}
.m-liststyle4 li:last-child{border-bottom: none;}
.m-liststyle4 li a{background: none;}
.m-liststyle4 li a::before{position: absolute;display: block;content: '';top: 50%;left:0;transform: translateY(-50%);width: 4px;height: 4px;background: #094dad}

.is-title{margin-top:30px;margin-bottom:20px;border-bottom: 1px solid #ddd;padding-bottom:15px;text-align: center;}
.is-title h2{color:#094dad;font-size:20px;font-weight:bold;padding:0 15px;position: relative;}
.is-title h2::after{display: block;content: "";width:23px;height:4px;background: #094dad;position: absolute;left:50%;margin-left:-11px;bottom:-17px}

.list-sypt li{width:100%;height: 95px;line-height: 95px;text-align: center;font-size: 20px;font-weight: bold;margin-top:20px}
.li-one{background: url(../images/index/bg-red.png) center no-repeat;}
.li-one a{color: #cc4852;}
.li-two{background: url(../images/index/bg-green.png) center no-repeat;}
.li-two a{color: #117067;}
.li-three{background: url(../images/index/bg-blue.png) center no-repeat;}
.li-three a{color: #377095;}

.is-link{display: flex;flex-wrap: wrap;justify-content: space-between;padding-bottom:20px}
.is-link li{width: 285px;text-align: center;margin:10px 0;background: #f5f5f5}
.is-link li a{display: block;line-height: 54px;border:1px solid #f5f5f5;transition: all .2s;}
.is-link li a:hover{border-color:#094dad;color:#094dad}

.is-pic-list a{display: block}
.is-pic-list img{display: block;width:100%;height:155px;object-fit: cover;}
.is-pic-word{background: url(../images/index/opac.png);width: 100%;height:100%;top:0;left:0;padding:10px;text-align: center;}
.width1{width:49%}
.width2{width:100%}
.is-pic-word p{font-size: 18px;font-weight: bold;color:#fff;width:100%;height:100%;display: flex;flex-direction: column;justify-content: center;transition: all linear .2s;}
.is-pic-list:hover .is-pic-word p{border:1px solid #fff;}
/*media query*/
/*large pcScreen*/
@media (min-width:1360px) {
	.container{padding: 0; width: 1360px; margin: auto;}

}
@media (min-width:1200px) {
  
}
/*big pcScreen*/
@media screen and (max-width:1200px) {
  .is-md-7,.is-md-5{width:100%}
  .is-md-5.f-pl-20{padding-left:0;margin-top:20px}

}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {


}
@media screen and (max-width: 1180px) {

 

}
/*pad md*/
@media screen and (max-width: 991px ){
  .is-link{justify-content: space-around}
  .is-sd-6{width: 100%}
  .swiper-container{margin-bottom:20px}

}
/*phone sm*/
@media screen and (max-width: 767px) {
 .m-tabstyle4{height:50px;line-height: 50px}
 .m-tabstyle4 h3{font-size: 20px;line-height: 50px}
 .is-title h2{font-size:20px}
 .m-liststyle4 li{height:50px;line-height: 50px}
 .mySwiper01 img{height:200px;object-fit: cover;}
 .swiper-container{margin-bottom:20px}
 .m-list-r{font-size:14px}
 .f-pl-20,.f-pl15{padding-left:0}
 .f-pr15{padding-right:0}
}
/*small xs*/
@media screen and (max-width: 600px) {



}
/*print*/
@media print {

}