@charset "utf-8";
/* CSS Document */
/**
 * @description: 网站首页样式
 * @author: ishang_ju
 * @update: ishang_ju (2023-05-31 14:58)
 */
 body{background-color: #fff}

/* 概况 */
.is-md-7{width:54.1%}
.is-md-6{width:48.75%}
.is-md-5{width:45.9%}
.is-md-12{width:100%}
.f-pl-20{padding-left:20px}
.f-pl-25{padding-left:25px}
.f-pl-40{padding-left:40px}
.f-pt10{padding-top:10px}
.f-pd10{padding:10px}
.pd20{padding:20px}
.mt5{margin-top:5px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt15{margin-top:15px}
.borderb{border:1px solid #e4e4e4}
.textcomm{text-align:center;position: absolute;padding: 0 15px;overflow:hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;background: rgba(0,0,0,.2);color: #fff;}

/* 轮播1 */
.mySwiper02 .swiper-slide{overflow: hidden;}
.mySwiper02 p{left: 0;right: 0;bottom: 0;height: 50px;line-height: 50px;padding-right:120px;text-align: left;}
.mySwiper02 img{display:block;width:100%;height:360px;-webkit-transition: all linear 0.5s;transition: all linear 0.5s;-moz-transition: all linear 0.5s;}
.mySwiper02 img:hover{transform: scale(1.1,1.1);}
.mySwiper02 .swiper-pagination-bullet{background-color: #fff;opacity: 1;width:10px;height: 10px}
.mySwiper02 .swiper-pagination-bullet-active{background-color: #ff8400;width:22px;border-radius:10px;-webkit-transition: all linear 0.2s; -moz-transition: all linear 0.2s; transition: all linear 0.2s;}
.mySwiper02 .swiper-pagination-bullets.swiper-pagination-horizontal{}
.mySwiper02 .swiper-pagination-bullets{right: 10px;width: auto;left: auto;bottom:14px}

/*主题部分列表 */
.m-liststylecom li{height: 42px; line-height: 42px;position: relative;}
.m-liststylecom li a{display: block;font-size:16px;padding-left: 15px; 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: 15px;}
.m-liststylecom li a:hover{padding-left: 17px;}
.m-listhg1 ul{height: 370px;margin-top:-10px;overflow: hidden;}
.m-listhg2 ul{padding:10px;height:356px}
.m-listhg3 ul{overflow: hidden;padding:10px}
.m-listhg3 li{float: left;width: 48%}
.m-listhg3 li:nth-child(2n){margin-left:4%}
.m-listhg4{margin-top:-15px}
.m-listhg4 ul,.m-listhg5 ul{height: 252px}
.m-listhg5 li{line-height: 38px;height: 38px}

/* 标题 */
.is-title{text-align: center;height:40px;padding-top:2px;margin-top:40px;margin-bottom:30px;line-height: 30px}
.is-title-l{background: url(../images/index/titlebgl.png) center no-repeat;}
.is-title-s{background: url(../images/index/titlebgs.png) center no-repeat;}
.is-title a{font-size:32px;font-weight:bold;color:#0060bf}
.is-tab-title{overflow: hidden;text-align: center;line-height: 50px;background: #f5f9fd;padding-left:20px}
.is-tab-title .is-msg{float: left;height: 50px;font-size: 20px;font-weight: bold;color:#0060bf;}
.is-tab-title .is-more{float: right;font-size:16px;margin-right:12px}
.is-tab-title .is-more:hover{color:#0c5196}

/* 列表 */
.is-message-list,.is-pic-list2{display: flex;justify-content: space-between;flex-wrap: wrap;padding:20px 10px}
.is-message-list li{width:15%;text-align: center;height:135px;border-width: 1px;border-style: solid;border-color: rgb(238, 238, 238);border-image: initial;transition: all 0.3s ease 0s;}
.is-message-list .is-article{display: block;height: 70px;padding:20px 20px 0 20px;overflow: hidden;}
.is-message-list .is-resolve{display: block;margin-top:10px;height:55px;line-height:55px;font-size:18px;font-weight:bold;overflow: hidden;background: url(../images/index/line.png) center top no-repeat;}
.is-message-list li a:hover{color:#0060bf;}
.is-message-list li:hover{border-color: #0060bf;transform:translate3d(0,-5px,0)}
.is-pic-list2{padding:0 10px;margin-bottom:70px}
.is-pic-list2 img{transition: all linear 0.3s;}
.is-pic-list2 li{width: 48.75%;overflow: hidden;}
.is-pic-list2 img:hover{transform: scale(1.1)}
.is-pic-list{overflow: hidden;}
.is-pic-list li{position: relative;}
.is-pic-list li:first-child{margin-bottom:15px}
.is-pic-list img{display: block;width: 100%;height: 144px}
.is-pic-list li a::before{position: absolute; top: 0; left: -28%; z-index:1; display: block; content: ''; width: 20%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg);}
.is-pic-list li a:hover::before{-webkit-animation: shine 1s; animation: shine 1s;}
@-webkit-keyframes shine{100% {left: 125%;}}
@keyframes shine{100%{left: 125%;}}

.is-area-list ul{display: flex;justify-content: space-between;width: 100%;padding:15px 25px;flex-wrap: wrap;}
.is-area-list li{position:relative;width: 48%;margin:10px 0;text-align: center;line-height: 91px;height: 91px;overflow: hidden;background: #ddeaf8;font-size: 24px}
.is-area-list i{position: absolute;background: #0060bf;width:0;left:0;display: block;height: 100%;top:0;transition: all 0.4s ease 0s;z-index: 0}
.is-area-list li a{position: relative;z-index: 1;display:block;transition: all 0.3s ease 0s;}
.is-area-list li:hover i{width:100%}
.is-area-list li:hover a{color:#fff}
/*media query*/
/*large pcScreen*/
@media (min-width:1200px) {
 
}
/*big pcScreen*/

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



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

 

}
/*pad md*/
@media screen and (max-width: 991px ){
   img{max-width: 100%}
  .is-title{padding-top:6px;margin-top:30px;margin-bottom:20px}
  .is-title a{font-size: 26px}
  .is-md-7,.is-md-5,.is-md-6{width:100%}
  .mySwiper02 img,.is-pic-list img{height: auto;}
  .f-pl-25{padding:0;}
  .m-mt20{margin-top:20px}
  .is-message-list li{width:31%;margin-bottom:10px}
  .is-message-list,.is-pic-list{padding-bottom:10px}
  .is-pic-list{margin-top:20px}
  .is-pic-list li{width:49%;margin-bottom:10px;text-align: center;float:left}
  .is-pic-list li img{width: 100%}
  .is-pic-list li:first-child{margin-bottom:0}
  .is-pic-list li:last-child{float:right}
  .is-pic-list2{margin-bottom:40px}

}

/*phone sm*/
@media screen and (max-width: 767px) {
  .m-liststylecom li{height:36px;line-height: 36px}
  .m-liststylecom li a{font-size: 15px}
  .is-title a{font-size: 20px}
  .is-title{height:40px;margin-top:20px;margin-bottom:15px}
  .is-message-list li{width: 49%}
  .m-listhg3 li,.is-pic-list2 li{width: 100%}
  .is-pic-list2 li{margin-bottom:15px;text-align: center;}
  .m-listhg3 li:nth-child(2n){margin-left:0}
  .f-hide{display: none;}
  .m-listhg1 ul,.m-listhg2 ul,.m-listhg4 ul{height: auto;}
}

/*small xs*/
@media screen and (max-width: 600px) {
 .is-pic-list li{width: 100%}
 .is-pic-list li:first-child{margin-bottom:15px}

}
/*print*/
@media print {

}