html,body{height: 100%;}
*{outline: none;}
ul,li{list-style:none}

body,html{height:100%;-webkit-tap-highlight-color:transparent}
body{font-family:-apple-system-font,Helvetica Neue,Helvetica,sans-serif;font-size: 12px; overflow-x: hidden; margin: 0px; padding: 0px;}

.container{overflow:hidden}
.container{position:absolute;top:0;right:0;bottom:0;left:0}
h1,h2,h3{font-size: 14px;}
::-webkit-input-placeholder{color: #999}
a{color: #666; text-decoration: none;}
@-webkit-keyframes a{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}
	to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}
@keyframes a{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}
	to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}
@-webkit-keyframes b{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}
	to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}}
@keyframes b{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}
	to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}}
.slideIn{-webkit-animation:a .2s forwards;animation:a .2s forwards}
.slideOut{-webkit-animation:b .2s forwards;animation:b .2s forwards}



/*文化实践站控制系统*/
.kzxt_body{ background:url("../images/kzxt_body.jpg") bottom right no-repeat #2561CF; margin: 0px; }

.kzxt{ height: 100%; width: 100%;}
.kzxt .kzxt_title{width: 100%;background:url("../images/kzxt_body_title.jpg") top center; height: 286px; display: block;}
.kzxt .kzxt_menu{  margin: 0px auto;}
.kzxt .kzxt_menu .category_list{ width: 1600px; text-align: center;margin: 0px auto;  overflow-x: auto;white-space:nowrap;padding-bottom: 10px;}
.kzxt .kzxt_menu .category_list .category_box{ display: inline-block; width: 397px; height: 186px; background: url("../images/kzxt_bg.png") no-repeat; margin:0px 32px;border: transparent 3px solid; border-radius: 5px; box-shadow: #2056B4 5px 5px 10px;}
.kzxt .kzxt_menu .category_list .category_box.select{ border:#fff 3px solid;}

.kzxt .kzxt_menu .category_list::-webkit-scrollbar {display: none;}
.kzxt .kzxt_menu .category_list .category_box .category_cot{ display:flex; width: 397px; height: 186px;}




.kzxt .kzxt_menu .category_list .category_box .category_cot .category_img{ padding: 60px 35px;}
.kzxt .kzxt_menu .category_list .category_box .category_cot .category_name{ padding: 60px 0px; text-align: left;}
.kzxt .kzxt_menu .category_list .category_box .category_cot .category_name .category_name_cn{color: #fff; font-size: 32px;}
.kzxt .kzxt_menu .category_list .category_box .category_cot .category_name .category_name_en{color: #fff45c; font-size: 24px;}


.kzxt .kzxt_article_list{ display: block;}
.kzxt .kzxt_article_list .kzxt_article_cot{display: block;white-space:nowrap;width: 1600px;margin: 0px auto;overflow-x: auto;}
.kzxt .kzxt_article_list .kzxt_article_cot::-webkit-scrollbar{display: none;}



.kzxt .kzxt_article_list .kzxt_article_cot .kzxt_article_box{display: inline-block; width: 320px; margin-right: 15px; vertical-align: top;}
.kzxt .kzxt_article_list .kzxt_article_cot .kzxt_article_box .video,
.kzxt .kzxt_article_list .kzxt_article_cot .kzxt_article_box .video .video_c{display: block; width: 320px;}
.kzxt .kzxt_article_list .kzxt_article_cot .kzxt_article_box .article_pic,
.kzxt .kzxt_article_list .kzxt_article_cot .kzxt_article_box .article_pic img{display: block; width: 320px; height: 180px;}




.kzxt .kzxt_article_list .kzxt_article_cot .kzxt_article_box .kzxt_article_title{color: #fff; padding:5px 15px; font-size: 18px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;overflow: hidden;text-overflow:ellipsis;white-space:normal; line-height: 30px; height: 60px;}


.kzxt .article_detial{}



/*文化实践站中心*/
.article_body{background: url("../images/article_bg.png") no-repeat; }
.article_content .article_menu{ padding-top: 340px;left: 0px;right: 0px;}
.article_content .article_menu .category_list{width: 1600px; text-align: center;margin: 0px auto;  overflow-x: auto;white-space:nowrap;padding-bottom: 10px;}
.article_content .article_menu .category_list::-webkit-scrollbar {display: none;}

.article_content .article_menu .category_list .category_box{ display: inline-block;   margin:0px 32px;border: transparent 10px solid; border-radius: 30px;  overflow: hidden;width: 397px; text-align: left; }
.article_content .article_menu .category_list .category_box.select{ border-color:#fff;}
.article_content .article_menu .category_list .category_box .category_cot{background: url("../images/article_menu_bg.png") no-repeat;  color: #fff;}
.article_content .article_menu .category_list .category_box .category_cot .category_num{ padding:5px 0px 5px 100px; font-size: 64px;font-style:italic;}
.article_content .article_menu .category_list .category_box .category_cot .category_name_cn{ padding:0px 0px 0px 100px; font-size: 32px;}
.article_content .article_menu .category_list .category_box .category_cot .category_name_en{ padding:5px 0px 5px 100px; font-size: 28px;color: #fff45c;}
.article_content .article_menu .category_list .category_box .category_cot .category_more{background: #1a89d9; text-align: right; padding: 10px 50px 10px 0px; font-size: 14px;}


.article_category{background: url("../images/article_detialbg.png") no-repeat bottom center #2562CF;}
.article_category .article_detial{background: url("../images/article_detialtitle.png") no-repeat top left; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; overflow: auto;}

.article_detial .article_detial_title{ overflow: hidden;}
.article_detial .article_detial_title .title{ float: right; display: flex;color: #fff; padding:129px 100px 50px; }
.article_detial .article_detial_title .title .number{ font-size: 72px; padding:0 30px;}
.article_detial .article_detial_title .title .title_name h1{ font-size: 34px; margin: 0px;}
.article_detial .article_detial_title .title .title_name h2{color: #f0ea64; font-size: 20px; margin: 0px;}
.article_detial .article_detial_list{ background: #3bb7fa; padding: 10px; margin: 0px 100px 50px; border-radius: 10px;}
.article_detial .article_detial_list .article_detial_cot{ background: #fff; padding: 10px; border-radius: 10px; min-height: 100px;}


.article_detial .article_detial_list .exit{ text-align: right;}
.article_detial .article_detial_list .article_detial_h1{color: #00116c; font-size: 36px;padding: 10px 70px; margin: 0px;}
.article_detial .article_detial_list .article_detial_main{display: flex; padding: 10px 70px 50px;}
.article_detial .article_detial_list .article_detial_main .article_detial_pic{width:460px; margin-right: 50px;}
.article_detial .article_detial_list .article_detial_main .article_detial_pic .swiper_view_img{height:270px; width:460px}

.article_detial .article_detial_list .article_detial_main .article_detial_content{ flex: 1;font-size: 18px; line-height: 2em; text-indent: 2em;}







.article_category .article_detial .article_detial_list .article_list{ display: block; padding: 0px 110px;}
.article_category .article_detial .article_detial_list .article_list .article_box{ display: inline-block; width:261px; margin: 36px 50px;}
.article_category .article_detial .article_detial_list .article_list .article_box .article_pic,
.article_category .article_detial .article_detial_list .article_list .article_box .article_pic img{ display:block; width: 100%;}
.article_category .article_detial .article_detial_list .article_list .article_box .ptitle{ display:block;color: #fff; font-size: 18px; text-align: center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; padding: 10px 0px}


.article_category .article_detial .article_detial_list .no_data{ display: block; color: #fff; padding: 10px 0px; text-align: center; font-size: 32px; padding-bottom: 30px;}



.apagination{ text-align: right; overflow: hidden;}
.apagination .layui-laypage-count{ display: none}
.apagination .pagination{ display: flex; float: right;}
.apagination .pagination li{ background: #1a89d9; padding: 10px;color: #fff; margin:0 2px;}
.apagination .pagination li a{ color: #fff;}
.apagination .pagination li.disabled{ background: #ececec; color: #666;}
.apagination .pagination li.active{ background: #fff; color: #3999de;}