@charset "utf-8";
/* 通用部分 */
body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ol,ul,li,form,table,th,td,a,img,span,strong,var,em,input,textarea,select,option{margin: 0; padding: 0;}
html,body{font-family: "Microsoft YaHei","SimSun","Arial","Tabhoma",sans-serif; font-size: 20px; text-align: left; box-sizing: border-box;}
ul,ol,li{list-style: none;}
img{border: 0; vertical-align: top;}
input,select,textarea{outline: 0;}
textarea{resize: none;}
table{border-collapse: collapse; border-spacing: 0;}
th,strong,var,em{font-weight: normal; font-style: normal;}
a{text-decoration: none;}
a:link,a:visited,a:hover,a:active{text-decoration: none !important;}
.hide, .videoUrl{display: none; visibility: hidden; opacity: 0;}
.clear,a.tit{display: block;}
.clear:after,ul:after{content: ''; overflow: hidden; width: 100%; height: 0px; font-size: 0px; display: block; clear: both;}
.g-1200{max-width: 1200px;}.g-1240{max-width: 1240px;}.g-1280{max-width: 1280px;}.g-1320{max-width: 1320px;}.g-1360{max-width: 1360px;}.g-1400{max-width: 1400px;}.g-1440{max-width: 1440px;}.g-1480{max-width: 1480px;}.g-1520{max-width: 1520px;}.g-1560{max-width: 1560px;}.g-1600{max-width: 1600px;}.g-1640{max-width: 1640px;}.g-1680{max-width: 1680px;}.g-1720{max-width: 1720px;}.g-1760{max-width: 1760px;}.g-1800{max-width: 1800px;}.g-1840{max-width: 1840px;}.g-1880{max-width: 1880px;}.g-1920{max-width: 1920px;}
.g-1200,.g-1240,.g-1280,.g-1320,.g-1360,.g-1400,.g-1440,.g-1480,.g-1520,.g-1560,.g-1600,.g-1640,.g-1680,.g-1720,.g-1760,.g-1800,.g-1840,.g-1880,.g-1920,.g-full{width: 100%; margin-left: auto; margin-right: auto; display: block; position: relative;}
.g-1200:after,.g-1240:after,.g-1280:after,.g-1320:after,.g-1360:after,.g-1400:after,.g-1440:after,.g-1480:after,.g-1520:after,.g-1560:after,.g-1600:after,.g-1640:after,.g-1680:after,.g-1720:after,.g-1760:after,.g-1800:after,.g-1840:after,.g-1880:after,.g-1920:after,.g-full:after{content: ''; overflow: hidden; width: 100%; height: 0px; font-size: 0px; display: block; clear: both;}
.m-lmt{text-align: center; background-position: center center; background-repeat: no-repeat;}
.m-lmt a{display: inline-block;}
.m-main{position: relative;}
.prev,.next{position: absolute; transition: all 0.3s; user-select: none; cursor: pointer;}
/*多行超出省略效果*/
.tem2,.tem3,.tem4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}
.tem2{-webkit-line-clamp: 2;}.tem3{-webkit-line-clamp: 3;}.tem4{-webkit-line-clamp: 4;}
/*单行超出省略效果*/
.tes{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
/*回到顶部*/
#goTop{background-color: #ffffff; border: 2px solid #f5ad7d; fill: #f5ad7d; position: fixed; z-index: 10; bottom: 80px; left: 50%; margin-left: 650px; cursor: pointer; width: 50px; height: 50px; border-radius: 25px; overflow: hidden; padding: 8px; box-sizing: border-box; transition: all 0.4s; transform: scale(0);}
#goTop:hover{fill: #ffffff; border: 2px solid #ffffff; background: #a9373b;}
/*
body{background: url(../../body.jpg) top center no-repeat; height: 9999px;}

/* 总体 */
.g-wrap{background: url(../images/wrap-bg.jpg) center top no-repeat; height: 4800px;}


/*头图*/
.head{height: 744px;}
.head .m-view{width: 1022px; height: 325px; padding-top: 269px; display: block; margin: 0 auto;}
/*简介，编者按 等等*/
.intro{width: 1200px; height: 240px; margin: 0px auto; font-size: 20px; line-height: 40px; padding: 40px 50px 45px 60px; box-sizing: border-box; text-indent: 2em; color: #fff; text-align: justify;}


/*要闻 左图右文*/
:root{
    --yw-height: 507px;
    --yw-pic-width: 670px;
    --yw-pic-height: 390px;
    --yw-txt-width: 500px;
    --yw-txt-height: 496px;
}
.yw{margin-top: 70px; height:  var(--yw-height); background: url(../images/yw-bg.png) top right no-repeat;}
.yw .m-main .m-pic{position: absolute; width: var(--yw-pic-width); left: 32px; top: 36px; z-index: 2;}
.yw .m-main .m-pic li img{width: var(--yw-pic-width); height: var(--yw-pic-height);}
.yw .m-main .m-pic li .tit{font-size: 18px; color: #fff; background: url(../images/yw-tit-bg.png); height: 90px; line-height: 142px; margin-top: -90px; position: relative; padding-left: 1em;}
.yw .m-main .m-pic .hd{position: absolute; bottom: 10px; right: 4px;}
.yw .m-main .m-pic .hd li{width: 8px; height: 8px; margin-right: 6px; border-radius: 4px; background-color: #91f3ae; float: left;}
.yw .m-main .m-pic .hd li.on{width: 24px; background-color: #8fa0fd;}
.yw .m-main .m-txt{position: absolute; width: var(--yw-txt-width); height: var(--yw-txt-height); box-sizing: border-box; padding: 32px 45px 0px 30px; right: 0; line-height: 40px;}
.yw .m-main .m-txt .m-tt{padding-bottom: 20px; border-bottom: 1px solid #ccc;}
.yw .m-main .m-txt .tit{display: block; font-size: 24px; font-weight: bold; color: #222;}
.yw .m-main .m-txt p{text-indent: 2em; margin-top: 10px; line-height: 32px; font-size: 16px; color: #444; height: 98px;}
.yw .m-main .m-txt p a{color: #0b6bb5;}
.yw .m-main .m-txt ul{margin-top: 26px;}
.yw .m-main .m-txt ul li{line-height: 22px; font-size: 18px; list-style: circle inside; transition: 0.3s; margin-bottom: 26px;}
.yw .m-main .m-txt ul li:hover{margin-left: 10px; color: rgba(255,0,0,0.1);}
.yw .m-main .m-txt ul li a{color: #484a4c;}
.yw .m-main .m-txt .u-more{position: absolute; right: 55px; bottom: 0px; width: 80px; height: 20px;}


/* 固本强师 */
.gbqs{margin-top: 51px;}
.gbqs .m-lmt{background: url(../images/gbqs-lmt.png?v=003) no-repeat; height: 177px;}
.gbqs .m-main{margin-top: 24px;}
.gbqs .m-main .legend{text-align: center;}
.gbqs .m-main .school-list{margin: 78px auto 0; width: 1230px; position: relative;}
.gbqs .m-main .school-list ul.bd li.page{background: url(../images/gaozi.png); box-sizing: border-box; padding: 110px 33px 20px 28px; width: 1230px !important; height: 540px; display: flex; flex-wrap: nowrap; justify-content: space-between; position: relative;}

.gbqs .m-main .school-list ul.bd li.page div.qiantou{width: 300px; height: 190px; box-sizing: border-box; padding-left: 60px; }
.gbqs .m-main .school-list ul.bd li.page div.qiantou a{font-size: 22px;color: #222;}
.gbqs .m-main .school-list ul.bd li.page div.boruo{width: 525px; height: 190px; box-sizing: border-box; padding-left: 76px;}
.gbqs .m-main .school-list ul.bd li.page div.boruo a{font-size: 22px; color: #222;}
.gbqs .m-main .school-list ul.bd li.page div.bangfu{width: 300px; height: 190px; box-sizing: border-box; padding-left: 60px;}
.gbqs .m-main .school-list ul.bd li.page div.bangfu a{font-size: 22px; color: #222;}


.gbqs .m-main .school-list ul.bd li.page div ul.up,.gbqs .m-main .school-list ul.bd li.page div ul.down{height: 180px;}
.gbqs .m-main .school-list ul.bd li.page div ul.down{margin-top: 50px;}
.gbqs .m-main .school-list ul.bd li.page div ul li{margin-bottom: 15px;}
.gbqs .m-main .school-list ul.bd li.page div ul li .info{display: none; width: 734px; height: 425px; background: url(../images/pop-bg.png); position: absolute; top: 80px; left: 247px; z-index: 9; padding: 42px 75px 77px 74px; box-sizing: border-box;}
/*.gbqs .m-main .school-list ul.bd li.page div.qiantou ul li .info{left: 247px;}
.gbqs .m-main .school-list ul.bd li.page div.boruo ul li .info{left: 130px;}
.gbqs .m-main .school-list ul.bd li.page div.bangfu ul li .info{right: 247px;}*/
.gbqs .m-main .school-list ul.bd li.page div ul li .info .tit{font-weight: bold; font-size: 20px; text-align: center; color: #222;}
.gbqs .m-main .school-list ul.bd li.page div ul li .info .txt{font-size: 18px; color: #222; margin-top: 67px; text-indent: 2em; line-height: 36px; padding: 0 3px; box-sizing: border-box; height: 214px; overflow-y: auto;}
.gbqs .m-main .school-list ul.bd li.page div ul li:hover .info{display: block; }
.gbqs .m-main .school-list .prev, .gbqs .m-main .school-list .next{bottom: 242px; width: 68px; height: 48px;}
.gbqs .m-main .school-list .prev{background: url(../images/gbqs-prev.png); left: -92px;}
.gbqs .m-main .school-list .next{background: url(../images/gbqs-next.png); right: -92px;}


/* 光影润师 */
.gyrs{margin-top: 95px; height: 1010px;}
.gyrs .m-lmt{background: url(../images/gyrs-lmt.png?v=003); height: 177px;}
.gyrs .m-main{margin-top: 42px; height: 980px;}
.gyrs .m-main .video-box{background: url(../images/video-bg.png) center top no-repeat; height: 733px; padding: 28px 111px 0px 111px; box-sizing: border-box;}
.gyrs .m-main .video-box a.tit{font-size: 28px; color: #fff; margin-top: 38px; text-align: center;}
.gyrs .m-main .video-box p{font-size: 14px; color: #fff; margin-top: 4px; line-height: 30px;}
.gyrs .m-main .play-list{margin: 36px auto 0; width: 1120px; position: relative;}
.gyrs .m-main .play-list li{width: 320px; height: 246px; float: left; margin: 0 26px;}
.gyrs .m-main .play-list li img{width: 320px; height: 200px; box-sizing: border-box;}
.gyrs .m-main .play-list li img:hover{border: 2px solid #3346cd;}
.gyrs .m-main .play-list li .tit{margin-top: 16px; text-align: center; font-size: 16px; color: #222;}
.gyrs .m-main .play-list .prev,.gyrs .m-main .play-list .next{width: 34px; height: 118px; bottom: 86px;}
.gyrs .m-main .play-list .prev{background: url(../images/gyrs-prev.png); left: -40px;}
.gyrs .m-main .play-list .next{background: url(../images/gyrs-next.png); right: -40px;}


/* 师者微光 */
.szwg{margin-top: 88px;}
.szwg .m-lmt{background: url(../images/szwg-lmt.png?v=003); height: 177px;}
.szwg .m-main{width: 1220px; margin: 44px auto 0; display: flex; justify-content: space-between;}
.szwg .m-main .slide-box{width: 630px; height: 455px; position: relative;;}
.szwg .m-main .slide-box ul.bd{}
.szwg .m-main .slide-box ul.bd li{display: flex; justify-content: space-between; flex-wrap: wrap;}
.szwg .m-main .slide-box ul.bd li .item{display: block; position: relative; width: 205px; height: 176px; background: url(../images/szwg-item.png); box-sizing: border-box; padding: 7px 26px 7px 17px; margin-bottom: 41px;}
.szwg .m-main .slide-box ul.bd li .item img{width: 162px; height: 162px; border-radius: 81px;}
.szwg .m-main .slide-box ul.bd li .item .tit{position: absolute; top: 7px; left: 17px; width: 162px; height: 162px; border-radius: 81px; background-color: rgba(0,0,0,0.6); text-align: center; font-size: 18px; color: #fff; opacity: 0; transition: 0.3s; display: flex; box-sizing: border-box; padding: 20px; justify-content: center; align-items: center;}
.szwg .m-main .slide-box ul.bd li .item:hover .tit{opacity: 1;}
.szwg .m-main .slide-box .hd{position: absolute; bottom: 0; left: 50%; margin-left: -30px;}
.szwg .m-main .slide-box .hd li{width: 8px; height: 8px; border-radius: 4px; background-color: #4cbdb2; margin: 0 4px; float: left;}
.szwg .m-main .slide-box .hd li.on{width: 40px; background-color: #3346cd;}
.szwg .m-main .txt-box{width: 560px; height: 395px; background: url(../images/right.png) no-repeat; box-sizing: border-box; padding: 30px 40px;}
.szwg .m-main .txt-box ul{height: 335px; padding-right: 10px; overflow-y: auto; padding-left: 25px;}
.szwg .m-main .txt-box ul li{line-height: 32px; list-style: outside; color: #4CBDB2;}
.szwg .m-main .txt-box ul li a{color: #222; font-size: 18px;}
/*.szwg .m-main .txt-box .tit{display: block; font-size: 24px; color: #222; border-bottom: 2px solid #4cbdb2; padding-bottom: 25px;}
.szwg .m-main .txt-box p{font-size: 18px; color: #222; line-height: 48px; margin-top: 20px;}*/


@media only screen and (min-width: 600px) {/*PC端*/}
@media only screen and (max-width: 600px) {/*移动端*/}

.g-wrap>*{position: relative; transform: translateY(150px); opacity: 0; transition: all 0.6s;}
.showd{opacity:1; transform: translateY(0px);}