.maincolor{color:#888;/*文字*/color:#494949;/*重文字*/color:#333/*特重文字*/color：#d40a26/*主色调*/ color：#DDD;/*边框*/color:#F4F4F4;/*背景*/}


.in-title span { display: inline-block; position:relative; padding:0px 1.5em; color:#494949;  }
.in-title span:before { content:""; position:absolute; left:0px; top:50%; width:1em; height:0.0833em; background:#d40a26; }
.in-title span:after { content:""; position:absolute; right:0px; top:50%; width:1em; height:0.0833em; background:#d40a26; }



@media screen and (max-width: 767px){
.in-more a { max-width:8em; font-size:12px; }
}

.content { background:none; margin-bottom:0px; }

/*KV*/
.column_kv{position: relative;}
.column_kv .kv_con {position: relative;height: calc(100vh - 64px);overflow: hidden;}
.column_kv .bg_container {position: absolute; left: 0; top:0; right: 0; bottom:0; z-index: 1;}
.column_kv .swiper-pagination { position:absolute; left:0px; right:0px; bottom:5%; width:100%; }
.column_kv .swiper-container-horizontal>.swiper-pagination-bullets,.column_kv .swiper-pagination{ text-align:center; }
.column_kv .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.column_kv .swiper-pagination-switch{ background: none; width: 14px; margin:0px 11px; height: 14px; opacity: 1; position: relative; border: 1px solid transparent;outline: none !important; display: inline-block; cursor: pointer; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.column_kv .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:after,.column_kv .swiper-pagination-switch:after{ content: ""; position: absolute; width:8px; height:8px; left:2px; top:2px; background: #fff;}
.column_kv .arrow{display: none;}
.column_kv .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active,.column_kv .swiper-active-switch{ border:1px solid #fff;}

@media screen and (max-width: 767px){
    /* .column_kv .video_container canvas{height: 100%; width: calc((1600vh - 1024)/ 9);} */
    .column_kv .arrow{display: block; position: absolute; left: 47%; bottom:0; z-index: 10; width:6%; height: 0; padding:6% 0 0; overflow: hidden; cursor: pointer; background: url(/gtswtl/lib/template/static/images/arrow.png) no-repeat center center; background-size: 100%; animation: btn_sx 2s linear infinite; margin-bottom:20%;}
}
@keyframes btn_sx {
  0% {
    bottom:0;
    opacity: 1;
  }
  50% {
    bottom:16px;
    opacity: .3;
  }
  100% {
    bottom:0;
    opacity: 1;
  }
}




/*新闻中心*/
.column_news .column_content{position: relative; margin-top:3.2%; margin-bottom:3.9%; }
.column_news .column_title { padding:6% 0px 2%; border-bottom:1px solid #e9e9e9; }
.column_news .column_title h2 { color:#262626; line-height:1.5; display:inline-block; padding-right:0.375em; }
.column_news .column_title h3 { color:#a3a3a3; display:inline-block; text-transform:uppercase; }
.column_news .column_title .tab{ float: right; white-space: nowrap;line-height: 200%; margin-right:-4px; margin-top:0.55em;}
.column_news .column_title .tab li{ display: inline-block; position:relative; cursor: pointer;}
.column_news .column_title .tab li a{display: block; margin:0px 28px 0px 30px; color:#262626;}
.column_news .column_title .tab li.current a,.column_news .column_title .tab li a:hover{color: #ba132b; }
.column_news .column_title .tab li:before{content:"";position: absolute;left: 0;width:2px;height:1em;top:50%;margin-top: -0.5em;background: #787878;}
.column_news .column_title .tab li:first-child:before{ display: none;}

.column_news .card_content { overflow:hidden; position:relative; }
.column_news .column_content .card_content { height:0px; overflow:hidden; }
.column_news .column_content .card_content.current { height:auto; }
.photonews_container{float: left; height:343px; width:609px; }
.photonews{ position: relative;height: 343px; width:609px;}
.photonews .bg_container{position: absolute; left: 0; top:0; right: 0; bottom: 0;}
.photonews .bg_container:before { position:absolute; left:0px; top:0px; width:100%; height:100%; bottom:0px; right:0px; background:rgba(0,0,0,0.2); z-index:2; content:""; }
.photonews .txt_container{padding:1.3125em 2em; height: 4.5625em;  z-index:2;position: absolute;color: #FFF; left: 0; bottom:0; right: 0;}
.photonews h4{position: absolute;left:2em; right:10em;top:50%; transform: translateY(-50%); line-height: 150%;}
.photonews_container .swiper-pagination { position:absolute; text-align:right; right:0.5625em; bottom:2.625em; width:50%; height:9px; }
.photonews_container .swiper-pagination span { width:9px; margin-right:1em; height:9px; background:#fff; border-radius:50%; display:inline-block; }
.photonews_container .swiper-pagination .swiper-active-switch { background:#ba132b; }

.indexnewslist{list-style-type: none; padding-left:6%;  overflow: hidden; position: relative; }
.indexnewslist li{ margin-bottom:49px;}
.indexnewslist li:last-child{ }
.indexnewslist a{position: relative;padding:0 0 0 98px; display: block;}
.indexnewslist .time{position: absolute; left: 0; top:0;width: 70px; text-align: center; background: #d2d2d2; color:#fff;}
.indexnewslist .time .d{font-size: 30px;line-height:1.33; background:#fff; color:#888; border:1px solid #d8d8d8; display: block;}
.indexnewslist .time .m{font-size: 20px;line-height:2.125; display: block; text-transform:uppercase; color: #FFF;}
.indexnewslist h4{font-size:20px; line-height:1.2; margin-bottom: 4px; color:#333;}
.indexnewslist p{font-size: 14px; line-height:1.5; height:3em; color:#666; margin-top:1em; }
.indexnewslist a:hover h4{ color:#ba132b;}
.indexnewslist a:hover .time { background:#ba132b; }
.indexnewslist a:hover .time .d { color:#ba132b; border:1px solid #ba132b; }
.indexnewslist.nodesc a{padding: 0;}
.indexnewslist.nodesc .time{display: none;}

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

.photonews_container { width:528px; height:297px; }
.photonews { width:528px; height:297px;  }
.indexnewslist li { margin-bottom:27px;  }


}
@media screen and (max-width: 1024px){
    .photonews_container{height:272px; width: 414px;}
    .photonews{height:272px; width: 414px;}
	.indexnewslist li { padding-bottom:11px; margin-bottom:11px; }
	.indexnewslist .time { width:60px; }
	.indexnewslist .time .d { font-size:26px; }
	.indexnewslist a { padding-left:82px; }
	.indexnewslist h4 { font-size:16px; }

}
@media screen and (max-width: 767px){
    .column_news .column_content{position: static;}
    .photonews_container{width: 100%; float:none; position: relative; height: auto;}
    .photonews{height:0; width: 100%; overflow: hidden; padding: 0 0 56.32%;}
    .indexnewslist{width:100%; float: none;padding: 16px 0 0;}
    .column_news .column_title{overflow: visible;}
    .column_news .column_title .tab{position: relative; margin:56.32% 0 -56.32%; top:2.5em;}
	.photonews .txt_container { padding:1em; }
	.photonews h4 { left:1em; right:8em; }
	.photonews .time { right:1em; } 
	.column_title .tab{float: none; width: 100%; display: flex;text-align: center;display: table\9; font-size: 12px;}
    .column_title .tab li{ flex:1; padding: 0 1px;display: table-cell\9;}
    .column_title .tab li a{background: #F0F0F0;padding: 0 8px;}
	.column_news .column_title .tab li a { margin-left:0px; }
	.column_news .column_title { border-bottom:none; }
	.column_news .column_title .tab li:before { display:none; }
	
	.column_news .column_title .tab li a { margin-right:0px; }
	.photonews .txt_container { height:3em; }
	.photonews_container .swiper-pagination { bottom:1.75em; }
}

@media screen and (max-width:540px){
    .column_news .column_title .tab{ top:2em;}

}

@media screen and (max-width:480px){
    .column_news .column_title .tab{ top:1.5em;}

}

@media screen and (max-width:414px){
    .column_news .column_title .tab{ top:1.25em;}

}


@media screen and (max-width:375px){
    .column_news .column_title .tab{ top:1em;}

}




/*卓越党建*/
.column_party {
    position: relative;
    padding : 3% 0 5% 0;
}

.column_party .column_content .column_title {
    text-align: center;
}

.column_party .txt_con {
    width     : 70%;
    margin    : 0 auto 32px;
    text-align: center;
}

.column_party .txt_con h2 {
    font-weight: bold;
    font-size  : 28px;
    line-height: 300%;
    color      : #000;
}

.column_party .txt_con h3 {
    font-weight  : lighter;
    font-size    : 18px;
    line-height  : 150%;
    margin-bottom: 36px;
}

.column_party .sub_con {
    list-style-type: none;
    overflow       : hidden;
    margin: 0 -10px;
}

.column_party .sub_con li {
    float  : left;
    padding: 32px 10px 0;
    margin : 0;
    width  : 33.33%;
}


.column_party .sub_con li .icon_container {
    display   : block;
    width     : 96px;
    height    : 64px;
    margin    : -32px auto 0;
    background: #FFF;
}

.column_party .sub_con li .icon_container img {
    height: 100%;
}

.column_party .sub_con li a:hover h3 {
    color: #d40a26;
}

.column_party .sub_con li p {
    display   : inline-block;
    position  : relative;
    top       : 24px;
    padding   : 0 16px;
    overflow  : hidden;
    max-width : 90%;
    background: #FFF;
}

.column_party .sub_con .sub-list-1 {
    border-bottom : #e6e6e6 2px solid;
    padding-bottom: 15px;
    position      : relative;
}

.column_party .sub_con .sub-list-1 h2 {
    font-weight: bold;
    font-size  : 36px;
    color      : #494949;
    line-height: 150%;
}

.column_party .sub_con .sub-list-1 h3 {
    color         : #ddd;
    font-size     : 16px;
    text-transform: uppercase;
}

.column_party .sub_con .sub-list-1 h3 a {
    position: absolute;
    right   : 0;
}

.column_party .sub_con .sub-list-1:after {
    content      : '';
    position     : relative;
    top          : 14px;
    margin-bottom: -3px;
    width        : 50px;
    height       : 3px;
    background   : #d40a26;
    display      : block;
}

.column_party .sub_con .sub-list-2 ul{list-style-type: none;}
.column_party .sub_con .sub-list-2 li {padding:0; white-space: nowrap; width: 100%; margin: 16px 0 0;}
.column_party .sub_con .sub-list-2 li a{display: block;padding: 0 76px 0 0; position: relative; line-height: 250%;}
.column_party .sub_con .sub-list-2 li font{overflow: hidden; width: 100%; text-overflow: ellipsis; color: #333; display: block;}
.column_party .sub_con .sub-list-2 li a:hover font{color:#d40a26;}
.column_party .sub_con .sub-list-2 li span{ font-size: 12px; color:#888; line-height: 18px; position: absolute; right:0; top:50%; margin-top:-9px; }



@media screen and (max-width: 1024px) {
    .column_party .txt_con {
        width: 90%;
    }

    .column_party .sub_con li {
        width  : 50%;
    }
    .column_party .sub_con li:first-child {
        width  : 100%;
    }

    .column_party .sub_con li p {
        padding: 0 8px;
    }
  	
    .column_party .sub_con .sub-list-1 h2 {
        font-size: 24px;
    }
}

@media screen and (max-width: 767px) {
    .column_party .txt_con {
        width     : 100%;
        text-align: left;
    }
	.column_party .sub_con ul{
		width: 100%;
	}
    .column_party .sub_con li {
        float : none;
        margin: 0 auto 32px 0;
        width : 100%;
    }
}

/*艺海文苑*/
.column_indexlink {
    position: relative;
    margin: 3% 0 0 0;
    
    background-size: contain;
	width: 100%;
	height: 280px;
	padding-bottom: 1em;
}

.column_indexlink .column_content{position: relative;}
.column_indexlink .column_content:after{content: "" ; display: block; clear: both;}

.column_indexlink .wy-zi{
	width: 60%;
	padding-top: 1em;
}
.column_indexlink .wy-zi h2 {
    font-weight: bold;
    font-size  : 36px;
    color      : #494949;
    line-height: 150%;
}
.column_indexlink .wy-zi h3 {
    color: #ddd;
    font-size: 16px;
    text-transform: uppercase;
}
.column_indexlink .wy-zi p{
	padding-top: 1.5em;
}
.column_indexlink .wy-zi a {
    font-size: 16px;
    color: #333;
    display: inline-block;
    padding-top: 1em;
}


@media screen and (max-width: 1024px) {
    .column_indexlink .wy-right {
        background-size: auto 60%;
    }
    .column_indexlink .wy-right .fc-l {
        width: 70%;
    }
    .column_indexlink .wy-zi h2{
    	font-size: 24px;
    }
	.column_indexlink{
		height: auto;
	}
	.column_indexlink .wy-zi{
		padding-top: 1.5em;
	}
}
@media screen and (max-width: 768px) {
	.column_indexlink{
		height: auto;
		background: #FAFAFA;
	}
	.column_indexlink .wy-zi{
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
    .column_indexlink:before{display: none;}
    .column_indexlink .wy-left {
        width: 100%;
        min-height: 100px;
        position: inherit;
        float: inherit;
    }
    .column_indexlink .wy-left a {
        right: 0;bottom:auto; top:40px
        
    }
    .column_indexlink .wy-right a{position: static; margin: 16px 0 0;}
    .column_indexlink .wy-right {
        width: 100%;
        min-height: 0px;
        padding-bottom: 6em;
    }
    .column_indexlink .wy-right {
        background-size: auto 8em;
    }
    .column_indexlink .wy-right .fc-l {
        width: 90%;
    }
    
}