body {max-width:640px;overflow-x: hidden;margin: 0 auto;
font-size: 16px;min-height: 500px; }
header{height: auto; overflow: hidden;padding:1.5em 0; background: #000; }
header p{display: block;float: left; width:78%  }
header span{display: block;float: right;width: 8%; margin-right:4%}
header font{display: block;float: left;width: 22%;}

.swiper-container1{width:100%;overflow:hidden;position:relative;}

.huodong{height: auto;overflow: hidden;}
.huodong>p{display: block;float: left; width:29.3% }

.txtScroll-top{float: left; width:65%; padding: 1% 2%;  overflow:hidden; position:relative; margin:4% auto  }
.txtScroll-top .infoList li a{font-size: 1em;color: #434141;  }
.txtScroll-top .infoList li span{ float:left; width:5%; margin-right: 2% }


.nav{width:100%;height:auto; overflow: hidden;border-top: 1em solid #e6e6e6; padding:1.5em 0 .5em; }
.nav ul li{float: left;  transition:all 0.5s;  min-height:50px;}
.nav ul li dl{display:none;}
.nav ul li dd{width:100%; text-align: center;}
.nav ul li dd img{width: 60%; }
.nav ul li dt a{ text-align: center; margin: .2em 0 1em; display: block; color: #4b4949; }

.class_one{width:100%;height:auto; overflow: hidden;border-top: 1em solid #e6e6e6;}
.cy-con{padding:5% 0 3%; width: 96%;height:auto; overflow: hidden;}
.cy-con dl{ float: left; width:46%; margin:0 0 3% 4%;  }
.cy-con dl:nth-child(2n){margin-right: 0;}
.cy-con dl dd{width: 100%;}
.cy-con dl dt{width: 100%; padding: .5em 0 0 }
.cy-con dl dt a{font-size: 1.1em; color: #333333; display: block; text-align: center; }
.cy-con dl dt a font{color: #ff0000; margin: 0 .1em;}

.f-one{ position: relative;background: #f78a00;border-radius: 5px;padding:.3em 0; }
.f-one p{ position: absolute; color: #fff; font-size: 1.5em;  top:17%; left: 29%; text-align: center; display: block; }
.f-one img,.f-two img{width: 14.5%; margin-left: 10%;}
.f-two{ position: relative;background: #396dbd ;border-radius: 5px;padding:.3em 0;}
.f-two p{ position: absolute; color: #fff; font-size:1.5em; top:17%; left: 29%; text-align: center; display: block; }

.class_right{float: right;width:46%;position: relative; margin-right: 1%}
.class_right dt{position: absolute; bottom: 0; padding: .2em 20%; left: 0; background: rgba(130,146,176,0.6); width: 60%;}
.class_right dt a{color: #fff; font-size: 1.1em;}
.class_right dt img{width:17%; margin:-2.5% 0 0 2%;}

.class_left_one{position: absolute;width: 48%; left: 1%;}
.class_left_one dt{position: absolute;left: 0; bottom: 0;padding: .2em 20%; left: 0; background: rgba(130,146,176,0.6); width: 60%;}
.class_left_one dt a{color: #fff; font-size: 1.1em;}
.class_left_one dt img{width:17%; margin:-2.5% 0 0 2%;}

.three_con{margin: 4% auto; width: 95%;height:auto; overflow: hidden; position: relative;}

.class_tea{width:100%;height:auto; overflow: hidden;border-top: 1em solid #e6e6e6;}

.bann{margin: 4% auto; width:100%;height:auto; background: #f2f2f2; overflow: hidden; position: relative;}
.pic li dl dd{display: block;float: left; width:36% }
.pic li dl dt{float: left; margin-left: 2%; width:60%;}
.pic li dl dt p{color: #333333; margin: 5% 0; font-size: 1.3em; border-bottom: 1px dashed #777777}
.pic li dl dt p font{font-size: 1.5em;color: #f78a00; margin: 0 .3em 0 0}
.intro{height: auto;overflow: hidden;}
.intro>b{color:#f78a00;font-size: 2em; line-height: 1.3em; display: block;float: left;margin-right: .3em; }
.intro>span{color: #f78a00; font-size: 1.4em;}

.pic li,.picc li{height: auto;overflow: hidden;float:left; transition:all 0.5s;background: #5d544f;}
.pic,.picc{ transition:all 0.5s;}

.num{ margin:1em  ; position: absolute; bottom: 0;right:20%;}
.num li{width:1em; background: #a7a7a7; height:1em;border-radius:50%; float:left; margin:0 .2em;}
.num li.bct{ background: #f78a00;}

.picban{width:100%;height:auto; overflow: hidden;border-top: 1em solid #e6e6e6;}

.news{width:100%;height:auto; overflow: hidden;border-top: 1em solid #e6e6e6;}
.news_tit>p{width: 39%; float: left; display: block;}
.news_tit{height: auto;overflow: hidden;position: relative;}
.news_tit ul{width: 61%; float: left; position: absolute; bottom: 1px;right: 0;}
.news_tit ul li{width: 31%;float: left;color: #333232;  font-size: 1.4em; cursor: pointer; text-align: center; border-bottom: 1px solid #dbdbdb}
.news_tit ul li.on{border: 1px solid #dbdbdb;border-bottom: none;color: #396dbd}
.news_tit ul li.on a{color:#396dbd}
.news_list{width: 94%; margin: 4% auto; height:280px; clear: both; }
.show{height: auto;overflow: hidden; margin-bottom: 1.3em;}
.show dd{display: block;float: left;width: 33.2%;}
.show dd img{border-radius: 5px;width:100%;}
.show dt{display: block;float: left; width: 60%; margin-left:4%;}
.show dt p a{color: #333232; font-size:1.3em; padding-bottom: .5em; display: block;}
.show dt span a{color: #6f6d6d;font-size:1.2em; line-height: 1.9em;}

.news_show{position: relative;}
.news_show li{position: absolute;top: 0;left: 0;display: none;}

.ab_left{width: 45%;float: left;margin: 2% 0 0 4%; position: relative;}
.ab_left dl{position: absolute; top: 0;left: 0;display: none;}
.ab_left dl dt{color: #494848; font-size: 1.2em; margin-top:10%;}

.ab_right{float: right; width: 45.5%; text-align: center;margin: 1% 4% 0 0 ; }
.ab_right ul li{margin-bottom: .3em;cursor: pointer; transition: all .8s; width:100%; padding: .2em 0;  color: #fff; height: auto; overflow: hidden;}
.ab_con{width: 94.5%; float: right;background:#8e8e8e;}
.ab_right ul li p{font-size: 1.3em; height: 52px;    line-height: 52px;}
.ab_right ul li span{font-size: 1.2em;}
.ab_right ul li.on{background: url(../images/ws_bg2.png) no-repeat; background-size: cover }
.ab_right ul li.on div{background: none}

.link{height:auto; overflow: hidden;border-top: 1em solid #e6e6e6; padding: 4%; }
.link dl{background: #f86e6e;float: left; margin-right: 2%; cursor: pointer; overflow: hidden; width: 49%; border-radius: 5px;text-align: center; }
.link dl:last-child{margin-right: 0;}
.link dl dd{margin:6% auto; width:36.5% }
.link dl dt{color: #fff; font-size:1.2em;}
.link dl p{color: #fff; font-size: 1.3em; margin-bottom: .2em;}


.myform{height:auto; overflow: hidden;border-top: 1em solid #e6e6e6;padding: 4% 4% 0;}
.myform>p{text-align: center; font-size: 1.5em;color: #333333}

.myform li{height: auto; overflow: hidden; margin-top:1em; }
.myform span{color: #333333; font-size: 1.3em;display: block;float: left;line-height: 2.5em; margin-right: 2%;}
.myform input{color: #333333;width: 70%; border:1px solid #afafaf;  font-size: 1.3em;background: none; border-radius: 5px; padding: .4em 0; text-align: center; display: block;float: left; }
.myform select {
    color: #333333;
    appearance: none;
    width: 70%;
    border: 1px solid #afafaf;
    font-size: 1.3em;
    background: none;
    border-radius: 5px;
    padding: .4em 0;
    text-align: center;
    display: block;
    float: left;
}
.footer{width: 100%;padding: .5em 0;  background: #cdcdcd; height: auto; overflow: hidden;}
.footer ul li{width: 25%; text-align: center;float: left;}
.footer{color: #000; font-size:1.3em;}
footer{text-align: center; padding:1.5em 0 4em; color: #55443d; font-size: 1.2em;}
footer span{width: 58.5%;display:block;margin:0 auto .3em;}


/*文章页*/
.l_nav{width:100%; background:#396dbd; height:auto; margin:3% 0; overflow:hidden}
.l_nav li{width:16%; float:left;padding:2% 0; text-align:center}
.l_nav li a{color:#fff; font-size:1.2em; }
.are{padding-bottom:2%; border-bottom:1em solid #e6e6e6; width:100%; height:auto; overflow:hidden}
.are>p{float:left;width:6.5%;}
.are a{color:#333333; font-size:1.1em;  }
.yasin{width:100%;height:auto; overflow:hidden}
.yasin>h2{text-align:center;width:90%; margin:0 auto; font-size:1.2em;color:#333333; padding:2% 0}
.yasin>span{text-align:center;width:90%; margin:0 auto;display:block; padding:0 0 2% 0; font-size:1.2em;color:#333333;}
.yasin>span>font{color:#396dbd}
.y_con{height:auto; overflow:hidden;width:90%; font-size:1.1em; color:#333333; line-height:2.2em; margin:0 auto}
.y_con img{max-width: 80% !important;margin:.8em auto !important;height:auto !important; border-radius:5px; display:block;}
.news_page{height:auto;border-top:1em solid #e6e6e6; overflow:hidden;color:#333; font-size:1.1em; margin:0em 0 1em ; padding-top:1em}
.news_page>p{padding:.3em 0;height:1.5em; overflow:hidden}
.news_page>p span{margin:1% 2% 0 5%; display:block; width:4%;float:left;}
.news_page>p font{display:block; float:left; width:80%; overflow:hidden}
.x_con{width:100%; height:auto; overflow:hidden}
.x_con li{width:42%; float:left; height:auto;overflow:hidden; margin-left:5%; border:1px solid #ededed; text-align:center; padding:3% 0; margin-top:5%;}
.x_con li span{color:#333333; font-size:1.2em;}
.x_con li p{color:#396dbd; font-weight:bold; font-size:1.2em;}
.x_online{display:block; text-align:center; color:#fff; font-size:1.2em; background:#396dbd; width:60%; padding:.3em 0; margin:0 auto 5%; border-radius:5px;}



 .hb{ overflow:hidden; padding:4% 43%; width:14%  }
 .hb  li{ float:left; width:9px; border-radius:50%; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:#c1c1c1; }
 .hb  li.on{ background:#396dbd; }		


.youxiu .picx{  background:red; float:left; }
.youxiu .picx img{ width:150px; display:block; }
.youxiu .title{float:left;margin-left:4%; width:50%;}
.youxiu .title p{color:#313233; font-weight:bold; font-size:1.2em;}
.youxiu .title span{color:#313233;  font-size:1.2em;}



/*师资频道页*/
.list_tit{height:auto; overflow:hidden; margin-top:5%;}
.list_tit >span{display:block;width:21.5%; float:left; margin-left:3.5%;color:#396dbd; font-weight:bold;font-size:1.2em; text-align:center }
.list_tit >a{display:block; float:right; margin-right:5%; font-size:1.2em;}
.teacher>dl{width:44%; height:auto; overflow:hidden; margin:3% 0 0 4%; text-align:center;float:left}
.teacher>dl dt a{display:block;  color:#333333; font-size:1.1em; padding-top:5%;}

/*列表页分页样式*/
.pagelist{width:100%;text-align:center;margin: 0 auto 5% }
.pagelist span{padding:0.3rem 0.6rem;margin:0.2rem;border-radius: 0.2rem; color:#fff;border:1px solid #396dbd;background:#396dbd; font-size:1em; cursor:pointer; }
.pagelist a{padding:0.3rem 0.6rem;margin:0.2rem;border-radius: 0.2rem; color:#333333;border:1px solid #e9e9e9; font-size:1em;}




/*新闻信息列表*/
.l_news{height:auto;overflow:hidden;width:90%;border-bottom:1px solid #eaeaea; margin:3% 0 0;padding:0 5% 5%}
.l_news>p a{display:block; font-size:1.3em; padding-bottom:2%;color:#333333}
.time{position:absolute;width:56%; color:#666666; font-size:.9em; right:0; bottom:-4%}
.time p img{width:13%; margin:-4% 4% 0 0;}
.time span img{width:18%; margin:-5% 4% 0 0;}
.time p{display:block; float:left;width:50%;vertical-align:bottom; }
.time span{display:block; float:right;width:40%;text-align:right; padding-right:10%}

.l_job{height:auto;overflow:hidden;width:90%; margin:0 auto}
.l_job img{width:2%;margin-right:2%}
.l_job a{color:#666666;font-size:1.2em;}
.yasin_job{height:auto;overflow:hidden;}


/*书籍栏目页样式*/
.books{height:auto; overflow:hidden;width:90%; margin:0 auto;}
.books dl{float:left; width:31%; margin-right:3.5%; margin-top:3%}
.books dl:nth-child(3n){margin-right:0}
.books dl dd{margin-bottom:5%;height:auto;overflow:hidden}
.books dl dt{height:1.6em;  overflow:hidden;text-align:center}
.books dl dt a{font-size:1.1em;}


/*学院关注问题样式*/
.guanzhu{width:92%;margin:0 auto}
.gz_one{height:auto; overflow:hidden;margin-top:.5em}
.gz_one>p{width:49%;display:block;float:left; border-radius:5%; padding:.5em 0; text-align:center; font-size:1.1em; margin-right:2%;}
.gz_one>p a{color:#313233;}
.gz_one>p:last-child{margin-right:0;}
.gz_two{height:auto; overflow:hidden;margin-top:.5em}
.gz_two>p a{color:#313233;}
.gz_two p{width:32%;display:block;float:left; border-radius:5%; padding:.5em 0; text-align:center; font-size:1.1em; margin-right:2%;}
.gz_two>p:last-child{margin-right:0;}


/*课程点赞*/
.zan{height:auto; overflow:hidden}
.zan li{float:left;width:33%;color:#666666; }
.zan li img{width:25%; margin-right:5%; display:black;}
.zan li a{color:#666666; font-size:.9em;}

/*课程频道页推荐课程*/
.l_class_one{width:90%; margin:2% auto;height:auto; overflow:hidden; position:relative}
.l_class_one dt{position:absolute; bottom:0; padding:.2em 0; left:0; text-align:center; background:rgba(0,0,0,0.36);width:100%; font-size:1.1em;}
.l_class_one dt a{ color:#fff}

@media screen and (max-width:500px){
  body{font-size: 12px}
  body img{width: 100%}
  .cy-con dl dt a,.class_left_one dt a,.class_right dt a{font-size:1em;}
  .pic li dl dt p font{font-size:1.3em;}
  .pic li dl dt p,.show dt p a,.ab_right ul li p{font-size:1.2em;}
.intro>span,.news_tit ul li{font-size:1.1em;padding:.3em 0 0}
.intro>b{line-height:1.1em}
.show dt span a,.ab_right ul li span{font-size:1em}
}