@charset "utf-8";

/* 作品 */
.works-classify01{float:left;margin:0 0 0 .4rem;}
.works-classify01 .item-wrap,.works-classify02 .item-wrap,.works-classify03 .item-wrap{display: block;}
.works-classify01 .pic{display: block;width:3rem;height:4.2rem;overflow: hidden;}
.works-classify01 .pic img,.works-classify02 .pic img,.works-classify03 .pic img{width:100%;height:100%;}

.works-classify01 .text{position: absolute;left:.2rem;top:1.9rem;color:#fff;opacity: .9;font-size: .3rem;z-index:3;}


.works-classify01 .text .cn,.works-classify02 .text .cn,.works-classify03 .text .cn{font-size: .3rem;}
.works-classify01 .text .en,.works-classify02 .text .en,.works-classify03 .text .en{font-size: .24rem;}
.works-classify01 .text i,.works-classify02 .text i,.works-classify03 .text i{display: block;width:.8rem;height:1px;background-color: #333333;position: absolute;top:50%;right:-.2rem;}


.works-classify01 .box{width:2.5rem;height:2.2rem;border:1px solid #333333;position: absolute;left:-.4rem;top:1rem;z-index: 2;}


.works-classify02{float:left;margin:.7rem 0 0 9%;width:3rem;}
.works-classify02 .pic{display: block;width:3rem;height:4.2rem;overflow: hidden;}
.works-classify02 .item-wrap{margin-top:1.6rem;}

.works-classify02 .text{position: absolute;left:.2rem;top:.4rem;color:#fff;opacity: .8;z-index:3;}

.works-classify02 .box{width:2.4rem;height:2.2rem;border:1px solid #333333;position: absolute;left:-.5rem;top:-.5rem;z-index: 2;}



.works-classify03{margin:-1.7rem 0 0 0;float:left;}
.works-classify03 .pic{display: block;width:3.3rem;height:3rem;overflow: hidden;}

.works-classify03 .text{position: absolute;right:.2rem;top:1rem;color:#fff;opacity: .8;z-index:3;}


.works-classify03 .box{width:2.4rem;height:2.2rem;border:1px solid #333333;position: absolute;right:-.5rem;top:.2rem;z-index: 2;}

.works-classify03 .text i{right:-.8rem;}





.w-c-htext{color:#363636;position: absolute;left:4%;top:4.9rem;width:3rem;text-align: center;}
.w-c-htext .cn{font-size: .5rem;line-height: .6rem;}
.w-c-htext .en{text-transform: uppercase;}

.w-c-htext.side{margin: 0;padding:0;position: absolute;top:-1.4rem;right:.3rem;overflow: hidden;left:auto;width:2rem;}
.w-c-htext.side .cn{writing-mode: vertical-lr;writing-mode: tb-lr;float:left;margin-top: .3rem;}
.w-c-htext.side .en{writing-mode: vertical-lr;writing-mode: tb-lr;/*position: absolute;top:0;right:0;*/float:left;/*margin-left: 10px;*/margin-top: 0;}


.w-c-botpics{/*overflow: hidden;*/margin-top: 1rem;}
.w-c-botpics .item{display: block;width:2.67rem;height:3.54rem;overflow: hidden;float:left;}
.w-c-botpics .item .text{position: absolute;top:1.3rem;color:#f97816;right:0;width:97%;text-align: right;padding-right: 3%;}
.w-c-botpics .item .text .cn{font-size: .3rem;}
.w-c-botpics .item .text .en{font-size: .26rem;}


/*.w-c-botpics .part01{margin:0 0 0 110px; }*/
.w-c-botpics .part02{margin:2.2rem 0 0 -.6rem;z-index: 4;}
.w-c-botpics .part03{margin:1.4rem 0 0 -.6rem;}



/*作品列表*/
.pic-text-list li{margin-bottom:.6rem;overflow: hidden;}
.pic-text-list li .pic{display: block;width:3.2rem;height:4rem;overflow:hidden;}
.pic-text-list li .pic img{width:100%;height:100%;}
.pic-text-list li .text-wrap{width:3.6rem;}
.pic-text-list li .title{font-size:.32rem;color:#363636;}
.pic-text-list li .s-tit{color:#999;margin-top:.1rem;}
.pic-text-list li .info{color:#363636;font-size:.26rem;margin-top: .2rem;overflow: hidden;line-height: .4rem;height: 1.6rem;}

.pic-text-list li .more{display: block;width:1.6rem;height:.5rem;border:1px solid #363636;color:#f97816;text-align: center;line-height: .5rem;margin:.3rem auto 0;background-color: #363636;}


.pic-text-list li:nth-child(odd) .pic{float:left;}
.pic-text-list li:nth-child(odd) .text-wrap{float:right;}

.pic-text-list li:nth-child(even) .pic{float:right;}
.pic-text-list li:nth-child(even) .text-wrap{float:left;}



/*作品详情*/
.swiper-button-next, .swiper-button-prev{position: absolute; top: 50%; width: .4rem; height: .7rem; margin-top: -.35rem; z-index: 10; cursor: pointer;background-size: 100% 100%;}
.swiper-button-prev{left:0;background-image: url(../images/arrow-btn01.png);}

.swiper-button-next{right:0;background-image: url(../images/arrow-btn02.png);}


.p-w-detail{border:.1rem solid #f5f5f5;margin-top: .4rem;padding:.2rem .4rem;}
.p-w-detail .title{text-align: center;font-size:.32rem;}
.p-w-detail .text{color:#666;margin-top: .2rem;}
.p-w-detail .share{display: flex;justify-content: center;margin-top:.2rem;}





/*师资*/

.course-list a{overflow: hidden;/*margin:50px 0 100px 0;*/display: block;margin-bottom: .4rem;}
.course-list a .pic{display: block;width:3.1rem;height:3.7rem;overflow: hidden;}
.course-list a .pic img{width:100%;height:100%;}
.course-list a .title{font-size: .32rem;color:#333;font-weight: 600;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: center;}
.course-list a .title span{font-size: .28rem;color:#666;}

.course-list a .text{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;margin-top: .1rem;}


.course-list a .more{display: block; width: 1.6rem; height: .5rem; border: 1px solid #363636; color: #f97816; text-align: center; line-height: .5rem; margin: .3rem auto 0; background-color: #363636;}



.course-list a:nth-child(odd){padding:.3rem 0 0 .3rem;}
.course-list a:nth-child(odd) .info{width:2.7rem;border:.1rem solid #d0ba8b;position: absolute;left:2.6rem;top:0;padding:.2rem .2rem .2rem 1rem;text-align: justify;}


/*.course-list a:nth-child(even){padding:0 0 0 0;}*/
.course-list a:nth-child(even) .pic{float:right;margin-right: .3rem;}
.course-list a:nth-child(even) .info{float:left;width:2.8rem;margin:.7rem 0 0 .3rem;}


.t-show-pic{padding:.3rem 1.2rem;background: url('../images/box01.png') no-repeat;background-size: 100% 100%;}
.t-show-pic img{width:100%;}

.t-show-text{margin-top: .4rem;}
.t-show-text .hd{margin-bottom: .3rem;}
.t-show-text .hd .p1{font-size: .32rem;color:#333;}
.t-show-text .hd .p2{color:#999;}





/*课程*/
.course-classify{width:3.4rem;height: 4.8rem;}
.course-classify .pic{display: block;width:3.4rem;height: 4.8rem;overflow: hidden;}
.course-classify .pic img{width:100%;height: 100%;}
.course-classify .info{width:3rem;}
.course-classify .info .cn{font-size: .32rem;color:#333;}
.course-classify .info .en{color:#e1e1e1;font-size: .26rem;}

.course-classify .info .line{display: block;width:.3rem;height:.05rem;background-color: #363636;position: absolute;top:.2rem;left:.05rem;}

.course-classify .info .more{display: block;width:1.4rem;height:.5rem;border:1px solid #363636;color:#f97816;text-align: center;line-height: .5rem;margin:.4rem 0 0 0;background-color: #363636;}



.course-classify.left{float:left;}


.course-classify.left .info{padding:0 0 0 .5rem;margin:.9rem 0 0 0;position: absolute;left:3.4rem;top:0;}


.course-classify.right{float: right;margin-top: 3.4rem;}
.course-classify.right .info{padding:0 .5rem 0 0;text-align: right;position: absolute;left:-3.6rem;top:2.6rem;overflow: hidden;}
.course-classify.right .info .line{left:auto;right:.05rem;}
.course-classify.right .info .more{float:right;}




.course-bot{overflow:hidden;margin-top:.5rem;}
.course-bot .left{float:left;width:1.7rem;}
.course-bot .mid{float:left;width:3.2rem;margin:.3rem 0 0 .2rem;}
.course-bot .right{float:right;width:1.7rem;}
.course-bot .part{display: block;overflow:hidden;margin-bottom:.2rem;}
.course-bot .part img{width:100%;height:100%;}
.course-bot .part .pic{overflow: hidden;}
.course-bot .part.part01 .pic{width:1.7rem;height:1.9rem;}
.course-bot .part.part02 .pic{width:1.7rem;height:1.2rem;}
.course-bot .part.part03{margin-top: .2rem;}
.course-bot .part.part03 .pic{width:3.2rem;height:3.2rem;}
.course-bot .part .title{text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: .1rem;}

.course-bot .mid .cn,.course-bot .mid .en{text-align:center;color:#363636;}
.course-bot .mid .en{color:#ebebeb;font-size:.4rem;margin-top:.1rem;}



/*.course-hd{text-align: center;color:#000;line-height:30px;padding:30px 0 20px 0;}
.course-hd .cn{font-size:24px;}
.course-hd .en{text-transform: uppercase;}
*/

.course-menu{text-align: center;font-size: 0;display: flex;justify-content: space-around;flex-wrap: wrap;}
.course-menu a{height:.5rem;line-height:.5rem;color:#666;margin:0 .1rem;font-size: .28rem;}
.course-menu a:hover,.course-menu a.cur{color:#f97816;}
.course-menu a.cur::after{content: "";width:100%;height:1px;position: absolute;left:0;bottom:0;background-color: #f97816;}



.courseLst{overflow: hidden;margin-top: .4rem;}
.courseLst a{display: block;padding-left: 1.5rem;margin-bottom: .3rem;}

.courseLst a .info-box{height:4.8rem;width:4.7rem;background-color: #f5f5f5;}
.courseLst a .content{padding:.6rem .3rem 0 1.8rem;}
.courseLst a .tit-cn{font-size: .32rem;font-weight: bold;color:#000;}
.courseLst a .tit-en{color:#999999;text-transform: uppercase;font-size: .24rem;}
.courseLst a .text{color:#666;margin-top: .1rem;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;
}

.courseLst a .pic{width:2.9rem;height:3.9rem;overflow: hidden;position:absolute;left:0;top:.5rem;z-index: 3;}
.courseLst a .pic img{width:100%;height:100%;}

.courseLst a:nth-child(odd){float:left;}
.courseLst a:nth-child(even){float:right;}





/*校区*/
.campus-list a{display: block;margin-top: .3rem;}
.campus-list a .text-box{width:4.7rem;height:4rem;background-color: #eee;}
.campus-list a .content{padding:.5rem 0 0 .2rem;width:3.5rem;}
.campus-list a .title{font-size: .3rem;font-weight: bold;color:#000;}
.campus-list a .text{color:#666;margin-top: .1rem;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;}

.campus-list a .pic{display: block;width:3.2rem;height:2.6rem;overflow: hidden;position: absolute;right:0;top:.6rem;}
.campus-list a .pic img{width:100%;height:100%;}







/* 视频 */
.video-list{}
.video-list a{overflow: hidden;display: block;margin-top: .3rem;}
.video-list a:nth-child(odd){padding:0 0 0 2.4rem;}
.video-list a:nth-child(odd) .content{padding:.3rem .2rem 0 1rem;}
.video-list a:nth-child(odd) .info-box .box{background-position: 64px 30px;}
.video-list a:nth-child(odd) .video-box{top:.3rem;left:0;}

.video-list a:nth-child(even){padding:0 3rem 0 0;}
.video-list a:nth-child(even) .content{padding:.3rem .5rem 0 .2rem;}
.video-list a:nth-child(even) .info-box .box{background-position: 30px 30px;}
.video-list a:nth-child(even) .video-box{top:.3rem;right:0;}



.video-list a .content{z-index: 6;}
.video-list a .video-box{display: block;width:3.15rem;height:1.8rem;overflow: hidden;position: absolute;z-index: 3;}
.video-list a .video-box img{width:100%;height:100%;}
.video-list a .video-box i{display: block;width:100%;height: 100%;background: url(../images/play.png) no-repeat center center;position: absolute;left:0;top:0;background-size: .8rem;}

.video-list a .info-box{height:2.4rem;background-color: #eee;}
.video-list a .info-box .box{width:100%;height: 100%;position: absolute;top:0;left:0;z-index: 5;}

.video-list a .title{font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;color:#333;font-size: .3rem}
.video-list a .title a{color:#333;}
.video-list a .text{color:#666;font-size: .26rem;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;line-height: .4rem;margin-top: .1rem;}








/*新闻*/
.news-classify{display: block;}
.news-classify.part01{padding:0 0 0 3.5rem;}
.news-classify.part01 .pic{width:3.6rem;height: 3.2rem;overflow: hidden;}
.news-classify.part01 .box{top:.5rem;left:2.3rem;}
.news-classify.part01 .title{left:0;top:1rem;}
/*.news-classify.part01 .title .cn{padding-left: 50px;}*/
.news-classify.part01 .title .cn.t-c{text-align: center;}


.news-classify.part02{margin-top: .3rem;}
.news-classify.part02 .hdwrap{width:2rem;height: 3.4rem;overflow: hidden;}
.news-classify.part02 .hdwrap img{width:100%;height: 100%;}
.news-classify.part02 .pic{width:2.1rem;height: 2.67rem;overflow: hidden;position: absolute;top:.4rem;left:1.46rem;}
.news-classify.part02 .box{top:.6rem;left:2.7rem;}
.news-classify.part02 .title{right:0;top:1.3rem;}
/*.news-classify.part02 .title .cn{padding-left: 150px;}*/


.news-classify .box{width:1.56rem;height: 1.9rem;border:.15rem solid #e5e5e5;position: absolute;z-index: 2;}
.news-classify .pic{z-index: 3;}
.news-classify .pic img{width:100%;height:100%}
.news-classify .title{position: absolute;z-index: 4;}
.news-classify .title .cn{font-size: .32rem;color:#333;padding-left: .4rem;background: url('../images/l-icon.png') no-repeat right center;background-size: .5rem;display: inline-block;padding-right: .6rem;}
.news-classify .title .en{font-size: .26rem;color:#d6d6d6;margin-top: .1rem;text-transform: uppercase;}





.news-list{}
.news-list a{;border-bottom:1px solid #eee;padding:.3rem 0 .3rem 1.2rem;display: block;}
.news-list a:last-child{border-bottom: none;}
.news-list a .pic{display: block;}
.news-list a .pic img{width:100%;}
.news-list a .title{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom:.1rem;}

.news-list a .text{color:#999;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.news-list a .date{width:1rem;position: absolute;left:0;top:.3rem;color:#000;text-align: center;}
.news-list a .date .p1{font-size:.34rem;font-weight: bold;border-bottom:2px solid #000;padding-bottom: 2px;}
.news-list a .date .p2{font-size: .24rem;margin-top: .05rem;}




.content-box .title{font-size: .32rem;color:#333;text-align: center;}
.content-box .s-tit{color:#999;font-size: .26rem;padding:.2rem 0;border-bottom: 1px solid #eee;text-align: center;}

.content-box .con{margin-top: .3rem;min-height: 4rem;}
.content-box .con img{width: 100%;}






/* 招生 */
.r-stu-info{overflow: hidden;}
.r-stu-info .pic{width:2.5rem;height:6.6rem;float:left;}
.r-stu-info .pic img{width:100%;height:100%;}
.r-stu-info .right{width:4.2rem;float:right;margin:.6rem 0 0 0;}


.r-stu-info .title{width:3.2rem;height: 1.2rem;/*border:2px solid #000;*//*background: url(../images/text03.png) no-repeat .65rem .12rem;*/font-size: .32rem;color:#000;margin-left: -.9rem;background-size: 2.4rem;}
.r-stu-info .title p{padding:.6rem 0 0 .9rem;}

.r-stu-info .title img{width:100%;height: 100%;}

.r-stu-info .text-wrap{padding:0 0 0 1.3rem;margin-top: .4rem;color:#333;overflow: auto;background: url(../images/bg.png) no-repeat left top;background-size: .96rem;height: 4.8rem;}

.r-stu-info .text-wrap::-webkit-scrollbar {width: 5px; }
.r-stu-info .text-wrap::-webkit-scrollbar-track {background-color: #d9d9d9; } 
.r-stu-info .text-wrap::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #363636; }





/*产品*/
.lipstick-info{width:3.1rem;position: absolute;top:0;right:0;}
.lipstick-info .t-cn{font-size: .32rem;color:#333;text-align: center;}
.lipstick-info .t-en{font-size: .26rem;color:#d6d6d6;margin-top: .1rem;text-transform: uppercase;text-align: center;}

.lipstick-info .text{color:#333;margin-top:.2rem;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

.lipstick-info .btn{display: block;width:1.6rem;height:.5rem;border:1px solid #363636;text-align: center;line-height:.5rem;color:#f97816;margin:.2rem auto 0;background-color: #363636;}



.screen-bar{height: .8rem;background-color: #f5f5f5;z-index: 4;}
.screen-bar .item{width:3rem;float:left;}
.screen-bar .item::after{content: "";width:1px;height:26px;background-color: #eee;position: absolute;top:50%;margin-top:-13px;right:0;}
.screen-bar .item .hd{height: .8rem;line-height: .8rem;text-align: center;color:#000;}
.screen-bar .item .hd span{display: inline-block;*display: inline;zoom:1;padding-right: .4rem;background: url(../images/arrow-down.png) no-repeat right center;}

.screen-bar .item .bd{width: 100%;position: absolute;left:0;top:.8rem;background-color: #f5f5f5;display: none;}
.screen-bar .item .bd span{display: block;height: .8rem;line-height: .8rem;text-align: center;border-bottom: 1px solid #eee;cursor: pointer;}

.screen-bar .item .bd span:last-child{border-bottom: none;}

/*.screen-bar .item:hover .bd{display: block;}*/


.pro-list{overflow: hidden;}
.pro-list ul{overflow: hidden;}
.pro-list a{display: block;width:48.5%;margin-top: .3rem;}
.pro-list a:nth-child(odd){float: left;}
.pro-list a:nth-child(even){float: right;}

.pro-list a .pic{overflow: hidden;border:1px solid #eee;}
.pro-list a .pic img{width: 100%;height: 100%;display: block;}
.pro-list a .title{text-align: center;padding-top: .1rem;color:#333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}






.pro-pics-show{width:900px;height: 683px;float:left;}
.pro-pics-show li img{display: block;width:900px;height: 683px;}

.pro-pics-show .prev,.pro-pics-show .next{width:48px;height: 90px;position: absolute;top:50%;margin-top: -45px;}
.pro-pics-show .prev{left:0;background: url(../images/arrowbtn01.png) no-repeat center center rgba(0,0,0,0.3);}
.pro-pics-show .next{right:0;background: url(../images/arrowbtn02.png) no-repeat center center rgba(0,0,0,0.3);}

.pro-pics-show .prev:hover{background: url(../images/arrowbtn01.png) no-repeat center center rgba(0,0,0,0.6);}
.pro-pics-show .next:hover{background: url(../images/arrowbtn02.png) no-repeat center center rgba(0,0,0,0.6);}