@charset "utf-8";
/* CSS Document */
/*标签重置*/
html {
	overflow-x: hidden;
	overflow-y: scroll;
}
body {
	margin: 0; 
	padding: 0; 
	font-family: Arial,Helvetica,'Microsoft YaHei',sans-serif;
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p { 
	padding: 0; 
	margin: 0;
}
table, td, tr, th {
	font-size: 12px;
}
ol, ul {
	list-style: none;
}
li {
	list-style-type: none;
}
img { 
	vertical-align: top;
	border: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: inherit; 
	font-weight: normal;
}
address, cite, code, em, th, i {
	font-weight: normal; 
	font-style: normal;
}
.hx a, .hx em, .fB {
	font-weight: bold;
}
.clearfix {
	*zoom:1;
	clear:both;
	/*height:0px;*/
}
.clearfix:after {
	display: block;
	overflow: hidden; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
	content: ".";
}
a {
	color: #666;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	/*color: #ba2636;*/
	text-decoration: underline;
}
a:active {
	color: #ba2636;
}


*:link,*:visited,*:hover,*:active,*:focus{
 transition:color .30s linear, background-color .30s linear, border-color .30s linear,opacity .30s linear,background-image .30s linear;
 -webkit-transition:color .30s linear, background-color .30s linear, border-color .30s linear,opacity .30s linear,background-image .30s linear;}

/*banner*/
/* body {
    background-image: url(../images/banner.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;

} */
.banner {
    width: 100%;
}
.banner img {
    width: 100%;
}
/*专栏说明*/
.bgall {
    width: 100%;
    background-color: #f0f0f0;
}
.zlsm {
    width: 1100px;
    margin: 0 auto;
}
.zlsm .title {
    width: 80px;
    float: left;
}





.bgall .zlsm .nr{
    width: 92%;
    float: right;
   color: #555;
    font-size: 17px;
    line-height: 32px; 
    word-break: normal;
    margin-top: 40px;  
}
.bgall .zlsm .nr p {
    text-align: justify;
    text-indent: 2em;
    word-break: normal;

}
.zlsmimg {
    padding: 15px 10px;
      width: 32px;


}


/* 课程学习 */

/*专栏课程*/
.learn {
    width: 1200px;
    margin: 0 auto;
}
.learn .title {
    padding-top: 30px;
    padding-bottom: 10px;
    width: 1200px;
    margin: 0 auto;
}
.learn .kc {
    margin:50px 30px;
    transition: box-shadow .2s, transform .2s, -webkit-transform .5s;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
 

}
.learn .kc .left {
    width: 360px;
    height: auto;
    float: left;
    padding: 10px;
}
.learn .kc .left img {
    width: 100%;
}
.learn .kc .right {
    float: left;
    padding: 10px;
    width: 720px;
}
.learn .kc .right h2 {
    font-size:18px;
    line-height: 32px;


}
.learn .kc .right .zz {
    padding: 15px 0px;
    color: #555;
}
.learn .kc .right .zz .mz {
    margin-right: 20px;
}
.learn .kc .right .bottom {
   color: #555;
   font-size: 14px;
   margin-bottom: 60px;
}
.learn .kc .right .bottom span {
    color: #999;
   font-size: 14px;

}

.learn .kc .right .bottom .icon-boshimao {
    margin-left: 15px;

    
}
.learn .right .qxx{
    width: 80px;
    padding: 5px 0px;
    display: block;
    text-decoration: none;
    background-color: #cc0000;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    float: right;
    margin-right: 10px; 

}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #cc0000;
}
a:hover {
    text-decoration: none;

}
.layui-laypage a:hover {
    color: #333;

}
#demo20 {
    text-align: center;
}



 .kcall .kc:hover {
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
    transform: translate(0, -6px);
    -webkit-transform: translate(0, -6px);
    -moz-transform: translate(0, -6px);
    -o-transform: translate(0, -6px);
    -ms-transform: translate(0, -6px);
}
/*尾部*/
.boombgg {
    width: 100%;
  
     background-image: url(../images/boombg.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;

}
.boombgg .ewm {
    width: 1060px;
    margin: 0 auto;
}
.boombgg .right {
    padding: 20px 20px 8px 20px;
    float: right;

}
.boombgg .right div {
    display: inline-block;
    padding: 0px 20px;


}
.boombgg .right span {
    display: block;
     color: #fff;
   font-size: 17px;
   width: 120px;
   text-align: center;
   line-height: 26px;
   margin: 0 auto;

    
}

.foot {
    width:1200px;
    margin:0 auto;
    margin-top: 10px;
}
.foot ul {
    width:890px;
    margin:0 auto;
    border-top:1px solid #fff;
}
.foot ul li {
    text-align:center;
    font-family:"思源黑体";
    font-size:16px;
    color:#fff;
    line-height:40px;
}
.foot ul span {
    cursor: pointer;
}

.more {
    text-align: center;
    cursor:pointer;
    margin-top: 10px;
}
.more span {
    padding: 5px 8px;
    border: 1px solid #bd2f2e;
    color: #bd2f2e;
}