@charset "utf-8";

html,body { margin:0; padding:0; width:100%; overflow-x:hidden;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,div,dl,dd,dt,s,del,i,em{margin:0;padding:0;border:0; text-decoration:none; font-style:normal; outline:none;}
ul,ol,li,dl,dd,dt{list-style-type:none;}
select,input,img,select,button,textarea{vertical-align:middle;font-size:0.16rem; outline:none;font-family:"Microsoft Yahei",Tahoma,Arial,sans-serif; }
a {color:#000;text-decoration:none;}
a:hover{ text-decoration:none; color:#cd2d1b}
*:focus {outline:none !important;text-decoration:none !important}

html{display:block;-webkit-text-size-adjust: none;}
body{background:url(../../images/xuexi_bg.jpg) no-repeat center top #fff; background-size:100% auto;color:#111;font-size:0.18rem; font-family:"Microsoft Yahei",Tahoma,Arial,sans-serif;}


@media (min-width: 1600px){
	body{font-size: 18px;}
}
@media (max-width:767px){
	body{font-size: 0.2rem;}
	body{background-size:150% auto}
}


.iconfont{font-family:"iconfont" !important; font-size:0.16rem;font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; line-height:100%}

html{font-size: 100px;}
@media (max-width: 1366px){html{font-size: 94px;}}
@media (max-width: 1199px){html{font-size: 88px;}}
@media (max-width: 991px){html{font-size: 76px;}}
/*
@media (max-width: 639px){html{font-size: 60px;}}
*/

h2, .h2 {font-size: 0.36rem;}
h3, .h3 {font-size: 0.26rem;}



@-webkit-keyframes spinAround {from {-webkit-transform: rotate(0deg)}to {-webkit-transform: rotate(360deg);}}
@-moz-keyframes spinAround {from {-moz-transform: rotate(0deg)}to {	-moz-transform: rotate(360deg);}}
@keyframes spinAround {from {transform: rotate(0deg)}to {transform: rotate(360deg);}}

:-moz-placeholder {color: #aaa;}
::-moz-placeholder {color: #aaa;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #aaa;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #aaa;}



@media (max-width: 767px) {
	
	.container {padding-right:20px;padding-left: 20px;}
	.row {margin-right: -5px; margin-left: -5px;}
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{ padding-left:5px; padding-right:5px}
}

.header{text-align:center;padding:1rem 0}
.header img{max-width:100%}
.main-bg{background:url(../../images/dangshi-footer-bg.jpg) no-repeat center bottom;}
.footer{background-color:#cd0a1b;color:#fff;padding:0.4rem 0;text-align:center;line-height:1.7;margin-top:1.5rem}
.footer img{position:absolute;right:0;top:50%;margin-top:-0.35rem;height:0.7rem}
.footer-con{position:relative}

.weui-cell{width:100%; height:100%; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.weui-cell_primary{min-width: 1px; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;}
.weui-cell__bd{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.weui-cell__ft{text-align: right; color: #999999;}
.weui-flex{display: -webkit-box; display: -webkit-flex; display: flex;}
.weui-flex__item{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}


.nav{ height:0.91rem;background:url(../../images/xuexi_nav_bg.png) no-repeat center center;background-size:auto 100%;}
.nav ul{padding:0 3%; position:relative; display: -webkit-box; display: -moz-box; display: -ms-boxflex; display: -webkit-flex; display: flex;display: -webkit-box; -webkit-box-orient: horizontal; box-orient: horizontal;}
.nav ul li{ display: block;box-flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; -ms-flex: 1;}
.nav ul li a{ display:block;text-align:center; font-size:0.24rem; color:#cd2d1b; line-height:0.8rem; background:url(../../images/xuexi_nav_li.png) no-repeat right center;}
.nav ul li:last-child a{background:none}

#follow-btn{ position:fixed; right:0.3rem; bottom:-200px; z-index:1001;transition: all 850ms cubic-bezier(0.215,.61,.215,1);-webkit-transition: all 850ms cubic-bezier(0.215,.61,.215,1);-moz-transition: all 850ms cubic-bezier(0.215,.61,.215,1);-o-transition: all 850ms cubic-bezier(0.215,.61,.215,1);}
#follow-btn a{ display:block; background-color:rgba(0,0,0,0.2); color:#aaa; width:0.6rem; height:0.6rem;padding:0.15rem; text-align:center; -webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s;transition: background-color 0.3s; position:relative;border-radius:3px }
#follow-btn a i{width:0.3rem;height:0.3rem;display:inline-block;background:url(../../images/top-icon.png) no-repeat center center;background-size:cover;}
#follow-btn a:hover{ background-color:#ba1c22; color:#FFF}

@media (max-width:1199px){
	#follow-btn{ display:none}
}


@media (max-width: 767px) {
	.header{padding:0.5rem 0}
	.header img{max-width:95%}
	.footer{margin-top:0.5rem}
	.footer img{position:relative;top:0;margin-top:0.1rem}
	.nav ul li a{font-size:0.22rem;line-height:0.25rem;padding:0.15rem 0}
}

.topnews{background:url(../../images/xuexi_topnews_bg.jpg) no-repeat;background-size:cover;padding:0.3rem;text-align:center;margin-top:0.4rem}
.topnews h2{font-size:0.3rem;font-weight:bold;}
.topnews h2 a{color:#fff;max-width:100%;display:inline-block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.topnews p{margin-top:0.1rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color:#fff1bd}
.topnews p a{margin:0 3px;color:#fff1bd}
.topnews p a:hover{color:#fff}

.index-item-a{margin-top:0.3rem}
.index-slider{height:5rem;}
.index-slider .swiper-container{background-color:#c80000}
.index-slider .txt{ background-color:rgba(0,0,0,0.5); position:absolute; width:100%; left:0;bottom:0; z-index:3; padding:0.2rem;}
.index-slider .txt strong{ display:block; font-weight:normal;text-align:center; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color:#fff} 
.index-slider .full {position: absolute;}
.index-slider .image{ height:100%; background-repeat:no-repeat; background-size:cover; background-position:center center;margin:0 1rem;}
.index-slider .swiper-pagination{ bottom:0.18rem;text-align:right;padding-right:0.3rem}
.index-slider .swiper-pagination-bullet{ width:0.13rem; height:0.13rem; background:url(../../images/slide_off.png) no-repeat center center; background-size:cover;opacity:1;}
.index-slider .swiper-pagination-bullet-active{ background-image:url(../../images/slide_on.png)}
.index-slider .swiper-container{ height:100%}
.index-slider .swiper-button-prev{ background-color:rgba(0,0,0,0.5); width:40px; height:80px; background-size:18px 29px; left:-10px; margin-top:-40px;-webkit-transition: all .3s;transition: all .3s;opacity:0;}
.index-slider .swiper-button-next{ background-color:rgba(0,0,0,0.5); width:40px; height:80px; background-size:18px 29px; right:-10px; margin-top:-40px;-webkit-transition: all .3s;transition: all .3s;opacity:0;}
.index-slider .swiper-button-prev:hover{ background-color:#cd2d1b;}
.index-slider .swiper-button-next:hover{ background-color:#cd2d1b;}
.index-slider:hover .swiper-button-prev{opacity:1; left:0;}
.index-slider:hover .swiper-button-next{opacity:1; right:0}



@media (max-width:767px){
	.index-item-a{margin-top:0.4rem}
	.index-slider{ width:100%; padding:0; float:none;height:3rem}
	.index-slider .image{margin:0}
}


.index-item-b{ margin-top:0.5rem;}
.index-item-b h2{  height:0.58rem;border-bottom:2px #e21b15 solid; margin-bottom:0.3rem;  position:relative}
.index-item-b h2 span{text-indent:-100000px;display:block;height:0.82rem;background:url(../../images/xuexi_t1.png) no-repeat left center;background-size:auto 100%; }
.index-item-b h2 a{position:absolute;right:0;top:50%;margin-top:-0.06rem;font-size:0.15rem}
.index-item-b h2.t2 span{background-image:url(../../images/xuexi_t2.png)}
.index-item-b h2.t3 span{background-image:url(../../images/xuexi_t3.png)}
.index-item-b h2.t4 span{background-image:url(../../images/xuexi_t4.png)}
.index-item-b .item{margin:0.25rem 0;width:47%;float:left;min-height:3rem;}
.index-item-b .item li{ padding:0.08rem 0.7rem 0.08rem 0; position:relative}
.index-item-b .item li a{ display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding-left:0.12rem; }
.index-item-b .item li a:before{content: ""; display: block; width: .05rem; height: .05rem;  position: absolute;  left: 0; top: 50%; margin-top: -.02rem; background-color: #aaa; border-radius: 3px;}
.index-item-b .item li span{ font-size:0.15rem; color:#999; position:absolute; right:0;top:0.1rem;}


@media (max-width:767px){
	.index-item-b{margin-top:0.4rem}
	.index-item-b .item{width:100%;float:none;margin-left:0 !important;min-height:1rem}
}


.index-item-c{ margin-top:0.5rem}
.index-item-c h2{ text-indent:-100000px;position:relative;height:0.66rem;margin-bottom:0.4rem}
.index-item-c h2:before{content: ""; display: block;  width:100%;height:2px;z-index:1;background-color:#e21b15; position: absolute;top:56%; left: 0;}
.index-item-c h2:after{content: ""; display: block;  width:100%;background:url(../../images/xuexi_t5.png) no-repeat center center; background-size:auto 100%; height:100%; position: absolute;top:0; left: 0;z-index:2;}
.index-item-c .pic a.item{display:block;margin:0.15rem 0}
.index-item-c .pic a.item img{width:100%;}
.index-item-c .text{padding-top:0.2rem}
.index-item-c .text .item{border-bottom:1px #ddd dashed;margin-bottom:0.2rem; padding-bottom:0.2rem}
.index-item-c .text .item strong{display:block;font-weight:normal;font-size:0.22rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding-left:0.12rem;position:relative }
.index-item-c .text .item strong:before{content: ""; display: block; width: .05rem; height: .05rem;  position: absolute;  left: 0; top: 50%; margin-top: -.02rem; background-color: #aaa; border-radius: 3px;}
.index-item-c .text .item p{font-size: 0.16rem; margin-top: 0.1rem; line-height: 0.24rem; color: #aaa; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.index-item-c a.more{display:block;width:1.8rem;line-height:0.5rem;text-align:center;border:2px #e21b15 solid;color:#e21b15;margin:0.3rem auto 0}
.index-item-c a.more:hover{text-decoration:underline}

.index-item-d{ margin-top:0.5rem}
.index-item-d h2{ text-indent:-100000px;position:relative;height:0.66rem;margin-bottom:0.4rem}
.index-item-d h2:before{content: ""; display: block;  width:100%;height:2px;z-index:1;background-color:#e21b15; position: absolute;top:56%; left: 0;}
.index-item-d h2:after{content: ""; display: block;  width:100%;background:url(../../images/xuexi_t6.png) no-repeat center center; background-size:auto 100%; height:100%; position: absolute;top:0; left: 0;z-index:2;}
.index-item-d a.item{display:block;margin:0.15rem 0}
.index-item-d a.item img{width:100%;}
.index-item-d a.more{display:block;width:1.8rem;line-height:0.5rem;text-align:center;border:2px #e21b15 solid;color:#e21b15;margin:0.3rem auto 0}
.index-item-d a.more:hover{text-decoration:underline}


.box{ padding:6%;border:1px #ddd solid; min-height:55vh;background-color:#fff;box-shadow: 12px 12px 0px 0px rgba(0,0,0,0.03);margin-top:0.3rem}

@media (max-width: 767px) {
	.index-item-c h2{height:0.5rem}
	.index-item-d h2{height:0.5rem}
	.page-container{ padding:0;}
	.box{ padding:0.3rem;border:0;margin-top:0;box-shadow:none}
}

.location{position:relative;line-height:0.6rem;  margin:0 auto; overflow:hidden; font-size:0.13rem;  color:#fff;display:none }
.location a{margin:0 2px;color:#fff }
.location a:hover{ text-decoration:underline}
.location a:last-child{ color:#cd2d1b}

@media (max-width: 767px) {
	.location{ padding-left:0.3rem;display:none}
}


a.more-btn{  width:2rem; height: 0.6rem; background-color:#009ee3; border-radius:0.05rem; overflow:hidden;  display: block; line-height: 0.6rem; text-align: center; position: relative; z-index: 1; margin:0.3rem auto 0;transition: all 0.5s;}
a.more-btn:before{ content:""; width:100%; height:100%; background-color:#fff; z-index: -1; position:absolute; left:0; bottom:0px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .42s cubic-bezier(.4,0,.2,1),-webkit-transform .42s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
a.more-btn i{ margin-left:0.1rem;}
a.more-btn span{ padding-right:0.3rem;position: relative; font-size:0.16rem; color:#fff}
a.more-btn span i{position: absolute; right: 0; top: 50%; margin-top:-0.08rem; transition: .42s cubic-bezier(.4,0,.2,1); }
a.more-btn:hover{box-shadow: 0px 0px 0.2rem 0 rgba(0, 0, 0, 0.15);}
a.more-btn:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
a.more-btn:hover span{ color: #555;}
a.more-btn:hover span i{ background-position: right center;}


.news-list{}

.news-list li{ padding:0 1rem 0.2rem 0; position:relative;border-bottom:1px #e9e9e9 solid;margin-bottom:0.2rem}
.news-list li a{ display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding-left:0.12rem;position:relative }
.news-list li a:before{content: ""; display: block; width: .05rem; height: .05rem;  position: absolute;  left: 0; top: 50%; margin-top: -.02rem; background-color: #aaa; border-radius: 3px;}
.news-list li span{ font-size:0.15rem; color:#999; position:absolute; right:0;top:0.1rem;}

.link-list a.item{display:block;margin:0.15rem 0}
.link-list a.item img{width:100%;}

#page-div{font-size:0.16rem;text-align:center;margin-top:0.3rem;color:#999}
#page-div a{margin:0 2px}
#page-div a.active{font-weight:bold;color:#cd2d1b;}
#page-div input:last-child{width:0.4rem !important}

@media (max-width: 767px) {
}


p.none{ padding:10vh  0;text-align:center; color:#aaa; font-size:0.18rem}
p.none i{ display:block; font-size:1rem; margin-bottom:0.1rem}




.news-view table{border:0 }
.news-view .font12x{font-size:0.14rem}


@media (max-width: 767px) {
}