@charset "utf-8";
/* CSS Document */
/**
 * @description: 网站首页样式
 * @author: ishang_pan
 * @update: ishang_pan (2020-06-16 09:25)
 */

/*home*/
/* 标题 */
/* .is-main{} */
.m-title{height: 116px;background-color: #f7f7f7;margin: 30px 0 16px 0;}
.title-top{display: flex;align-items: center;justify-content: space-between;}
.title-top div{width: 25px;height: 25px;border-top: 4px solid #0e5db5;}
.title-top div:first-child{border-left: 4px solid #0e5db5;}
.title-top div:last-child{border-right: 4px solid #0e5db5;}
.m-title h1{text-align: center;font-family: MicrosoftYaHei-Bold;font-size: 32px;font-weight: bold;font-stretch: normal;color: #1d6eb1;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;padding: 0 20px;}
.m-title p{padding: 19px 20px 0;text-align: center;font-family: MicrosoftYaHei;font-size: 16px;font-weight: normal;font-stretch: normal;line-height: 26px;letter-spacing: 0px;color: #666666;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.m-title p a{color: #ff0000;}

/* 轮播 */
.m-flash{width: 610px;margin-right: 22px;}
.g-flash,.g-flash .owl-item,.g-flash img{height: 394px;}
.g-flash img{display: block; width: 100%;object-fit: cover;transition: all 0.5s ease;}
.g-flash:hover img{transform: scale(1.05);}
.g-flash .owl-item,.g-flash .owl-item a{position: relative;}
.g-flash .owl-item a{display: block;overflow: hidden;}
.g-flash .owl-item p{position: absolute; left: 0; right: 0; bottom: 0; padding: 0 125px 0 18px; line-height: 55px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; background: rgba(0,0,0,.5); font-size: 16px; color: #fff;font-weight: normal;font-stretch: normal;font-family: MicrosoftYaHei;}
.g-flash .owl-pagination{position: absolute; right: 18px; bottom: 22px;}
.g-flash .owl-pagination .owl-page{float: left; margin-left: 8px;}
.g-flash .owl-pagination .owl-page span{display: block; width: 12px; height: 12px; background: #fff; -moz-border-radius: 10px; border-radius: 10px;}
.g-flash .owl-pagination .active span{background: #e60012;}

/* 资讯 */
.m-news{height: 394px;width: 605px;overflow: hidden;}
.m-tabstyle{position: relative;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #ddd;padding-left: 18px;}
.m-tabstyle::before{display: block;content: "";position: absolute;top: 52%;transform: translateY(-50%);width: 6px;height: 20px;background-color: #0e5db5;}
.m-tabstyle ul{display: flex;}
.m-tabstyle ul li{margin-right: 35px;}
.m-tabstyle ul li a{font-family: MicrosoftYaHei-Bold;font-size: 20px;padding: 10px 13px;font-stretch: normal;line-height: 50px;color: #333333;font-weight: bold;}
.m-tabstyle ul li.u-active a{color: #0e5db5 !important;}
.m-liststyle ul{margin: 10px 0 0 6px;border-left: 1px dashed #ccc;}
.m-liststyle li {height: 38px;line-height: 38px;position: relative;padding-left: 10px;}
.m-liststyle li::before{display: block;content: '';width: 11px;height: 11px;border-radius:100% ;position: absolute;top: 50%;left:-6px;transform: translateY(-50%);border: 1px solid #ccc;background-color: #fff;z-index: 9;}
.m-liststyle li:hover::before{border: 1px solid #0e5db5;}
.m-liststyle li a {display: block;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.m-liststyle li span {float: right;padding-left: 10px;font-family: MicrosoftYaHei;font-size: 16px;font-weight: normal;font-stretch: normal;letter-spacing: 0px;color: #666666;}

/* 专题专栏 */
.m-ztzl{margin-top: 16px;}
.g-special{height: 100%;height: 100px;position: relative;}
.g-special li{width: 400px;float: left;margin-right: 20px;overflow:hidden;}
.g-special li:last-child{margin-right: 0;}
.g-special li img{transition: all 0.5s ease;}
.g-special li:hover img{transform:scale(1.05);}
.g-special .hd a{display: inline-block;position: absolute;width: 28px;text-align: center; height: 54px;line-height: 54px; transform: translateY(-50%);z-index: 9999999;background: rgba(0,0,0,.2);color: #fff;font-size: 26px;}
.g-special .hd .prev{left: 0;top: 50%;border-radius: 0 5px 5px 0;}
.g-special .hd .next{right: 0;top: 50%;border-radius: 5px 0 0 5px;}

/* 参政议政 */
.m-czyz{margin-top: 16px;}
.m-czyz .czyz-left{width: 828px;height: 306px;border: solid 1px #e1e9f5;margin-right: 16px;}
.m-tabstyle1{display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #e1e9f5;height: 45px;}
.m-tabstyle1>a{font-family: MicrosoftYaHei;font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 30px;letter-spacing: 0px;color: #c3bebd;}
.m-tabstyle1>h1>a{display: block;font-family: MicrosoftYaHei-Bold;font-size: 20px;padding: 10px 22px;font-stretch: normal;color: #fff !important;font-weight: bold;background: #0e5db5;}
.m-tabstyle1>h1>a:hover img{-webkit-transition: all 0.8s ease;transition: all 0.8s ease;-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}
.m-tabstyle1 ul{display: flex;}
.m-tabstyle1 ul li{position: relative;}
.m-tabstyle1 ul li::before{display: block;content: "★";position: absolute;top: 50%;transform: translateY(-50%);color: #0e5db5;opacity: 0.23;font-size: 12px;}
.m-tabstyle1 ul li a{font-family: MicrosoftYaHei-Bold;font-size: 16px;padding: 6px 0;margin:6px 14px;font-stretch: normal;line-height: 50px;color: #333333;}
.m-tabstyle1 ul li:last-child a{padding-right: 11px;}
.m-tabstyle1 ul li.u-active::before,.m-tabstyle1 ul li.u-active a{color: #0e5db5;}
.m-liststyle1{padding: 18px 19px 0 17px;}
.m-liststyle1 li {height: 38px;line-height: 38px;position: relative;padding-left: 15px;}
.m-liststyle1 li::before{display: block;content: '';width: 6px;height: 6px;background-color: #c4d4ea;border-radius:100% ;position: absolute;top: 50%;left:0;transform: translateY(-50%);}
.m-liststyle1 li:hover::before{background-color: #0e5db599;}
.m-liststyle1 li a {display: block;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.m-liststyle1 li span {float: right;padding-left: 10px;font-family: MicrosoftYaHei;font-size: 16px;font-weight: normal;font-stretch: normal;letter-spacing: 0px;color: #666666;}

/* 民革简介 */
.m-mgjj{width: 396px;height: 308px;background: url(../images/home/mg-bg.png) center no-repeat;}
.m-mgjj h1{padding: 15px 0 22px 27px;font-family: MicrosoftYaHei-Bold;font-size: 20px;font-weight: bold;font-stretch: normal;line-height: 26px;letter-spacing: 0px;color: #0e5db5;}
.m-leader{display: flex;padding: 0 17px;}
.m-leader>div:first-child{width: 175px;height: 138px;background-color: #0e5db5;opacity: 0.4;}
.m-leader>div a{display: block;width: 100%;height: 100%;text-align: center;padding-top: 22px;}
.m-leader .leader-left{margin-right: 10px;}
.m-leader .leader-left a:hover img{-webkit-transition: all 0.8s ease;transition: all 0.8s ease;-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}
.m-leader .leader-left p,.leader-right div a,.m-hnmg a{padding-top: 5px;font-size: 18px;font-weight: normal;font-stretch: normal;line-height: 64px;letter-spacing: 0px;color: #ffffff;text-shadow: 2px 2px 5px #000;}
.m-leader .leader-left p{line-height: 26px;}
.leader-right div{width: 178px;height: 64px;background-color: #0e5db5;opacity: 0.4;  }
.leader-right div:first-child{margin-bottom: 10px;}
.leader-right div a{padding: 0;}
.m-hnmg{margin: 10px 0 0 17px;width: 363px;height: 80px;background-color: #0e5db5;opacity: 0.4;}
.m-hnmg a{display: block;width: 100%;height: 100%;text-align: center;line-height: 70px;}

/* 各地民革网站 */
.m-gdwz{width: 396px;height: 308px;overflow: hidden;}
.m-gdwz a{display: block;width: 100%;height: 100%;}
.gdwz-top{width: 396px;height: 120px;background: url(../images/home/gdmg-bg.png) center no-repeat;}
.gdwz-top a{text-align: center;font-family: MicrosoftYaHei-Bold;font-size: 26px;font-weight: bold;font-stretch: normal;line-height: 120px;letter-spacing: 0px;color: #d91000;}
.gdwz-bot{display: flex;padding-top: 18px;}
.gdwz-bot div{width: 188px;height: 168px;background-color: #ffffff;border: solid 1px #e1e9f5;}
.gdwz-bot>div:first-child{margin-right: 18px;}
.gdwz-bot>div>a{padding-top: 34px;}
.gdwz-bot div a div{display: flex;align-items: center;justify-content: center;margin: 0 auto;width: 60px;height: 60px;border-radius: 100%;}
.gdwz-bot div a:hover div img{-webkit-transition: all 0.8s ease;transition: all 0.8s ease;-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}
.gdwz-bot div:first-child a div{background-color: #f1c270; }
.gdwz-bot div:last-child a div{background-color: #70b6f1;}
.gdwz-bot div a p{text-align: center;padding-top: 20px;}

/* 广告位 */
.m-ggw{margin-top: 16px;}
.m-ggw a{display: block;overflow: hidden;}
.m-ggw img{width: 100%;object-fit: cover;transition: all 0.5s ease;}
.m-ggw:hover img{transform: scale(1.05);;}

/* 两列表 */
.m-gzfw{width: 612px;height: 306px;background-color: #ffffff;border: solid 1px #e1e9f5;}
.m-czyz .m-gzfw:first-child{margin-right: 16px; }

/* 党员风采 */
.m-dyfc{border: solid 1px #e1e9f5;height: 317px;}
.g-dyfc{height: 100%;position: relative;padding: 22px 23px 0 23px;}
.g-dyfc li{width: 286px;height: 235px;}
.g-dyfc li{margin-right: 16px;float: left;}
.g-dyfc li:last-child{margin-right: 0;}
.g-dyfc li p{padding-top: 16px;text-align: center;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}

.m-dyfc .m-liststyle1 li{width: 574px;}
.m-dyfc .m-liststyle1 li:nth-child(odd){float: left;}
.m-dyfc .m-liststyle1 li:nth-child(even){float: right;}

/* 友情链接 */
.m-lj{margin-top: 20px;height: 130px;background-color: #f7f7f7;}
.m-yqlj{display: flex;margin-top: 22px;}
.yqlj-left{margin-top: 2px;position: relative;height: 72px;}
.yqlj-left h1{width: 18px;height: 72px;font-family: MicrosoftYaHei-Bold;font-size: 18px;font-weight: bold;font-stretch: normal;color: #0e5db5;}
.yqlj-left::after{display: block;content: "";position: absolute;top: 55%;left: 26px;transform: translateY(-50%);width: 4px;height: 26px;background-color: #0e5db5;}
.yqlj-right{margin-left: 26px;}
.yqlj-right ul{display: flex;}
.yqlj-right ul li{width: 228px !important;flex-shrink: 0; border: 1px solid #ccc;margin-right: 14px;}
.yqlj-right ul li:last-child{margin-right: 0;}
.yqlj-right ul li img{width: 100%;height: 83px;}

/*media query*/
/*large pcScreen*/
@media (min-width:1200px) {


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

}
/*pad md*/
@media screen and (max-width: 991px ){
	.m-dyfc{height: auto !important;}
	.g-flash, .g-flash .owl-item, .g-flash img {height: 300px;}
    .m-dyfc .m-liststyle1 li{width: 100% !important;}
	.yqlj-right ul li{width: 228px !important;} 
}
/*phone sm*/
@media screen and (max-width: 767px) {
    


}
/*small xs*/
@media screen and (max-width: 638px) {
    

}