@charset "UTF-8";
/*.pruple1,.pruple11,.pruple111,.btn*/
*{margin:0;padding:0;}
body {color:#666;font:16px Microsoft YaHei;}
#box{width: 100%;}
.top,.banner,.annot1,.studylines,.course,.courses2,
.lives,.bottom1,.footer1,.contentsure,.resite,.lived{
overflow:hidden;width:80%;
margin:0 auto;margin-left: 11%;
}
.left1{float: left;}
.right1{float: right;}
.crrent{margin-top:17px;margin-bottom: 14px;
width: 50%;text-align: center;
}
.crrent-red{margin-top:17px;margin-bottom: 14px;
width: 30%;text-align: center;}
.crrent2{margin-top: 32px;margin-bottom: 14px;text-align: center;
width: 50%;}
.crrent2 ul{list-style: none;margin-left: 30px;margin-bottom: 20px;}
.crrent2 ul li{display: inline-block;margin-left:26px; }
.crrent2 ul li a{text-decoration: none;color:#404040;}
.crrent2 ul li a:hover{color:red;text-decoration: underline;}
.bannerz-pruple,.top1,.annot,.bottom,.footer,.bannerz-green,.bannerz-blue,,.bannerz-skyblue,.bannerz-red{width: 100%;}
.bannerz-pruple{background-color: #611991;}
/*紫色*/
.index-pruple{color: #611991;font-size: 32px;font-weight: bold; line-height: 40px;}
/*紫色*/
.banners1{width: 44%;margin-left: 6%;}
.banners2{width: 40%;margin-left: 10%;}
.banners1 ul{list-style: none;}
.banners1 ul li{display: inline-block;width: 13%;}
.banners1 ul li a{ text-decoration: none;color: #fff;
width: 70px;height: 70px;line-height: 70px;
font-size: 18px;display: block;
text-align: center;
}
.banners1 ul li a:hover{background-color:#ffeb09;color: #000;}
#searchform{overflow: hidden;}
.searchmax{
width: 60%;
height: 45px;border:0 none;
margin-top: 14px;display: block;
background-image:url(../image/search.png);
background-size: 12% 70%;
background-repeat: no-repeat;
background-position: 8px 8px;
}
.btn-pruple{
margin-top: 14px;border:0 none;
height: 45px;width: 66px;
background-color: #ffeb09;
color: #611991;line-height: 45px;
text-align: center;font-size: 18px;
}
.example{ width: 100%;height:400px;position: relative;
text-align: center;margin: 0 auto;
background-color: #464576;}
.carousel-item{line-height: 400px;color: #fff;font-family: Arial Black}
.blackbg{
width:65%;height: 170px;border-radius: 8px;
margin:0 auto;background-color: #fff;
position: absolute;bottom:0;left:0;right: 0; z-index: 0;
}
.blackbg2{
bottom: 0; left:0;text-align: center; }
.blackbg dl{display: inline-block;width:18%;}
.blackbg dt{text-align: center;}
.blackbg2 dd {
text-align: center;margin-top: 5px;
font-weight: bold;font-size: 20px;
}
.blac{
border-right:1px #cec9c9 solid;height: 110px;
margin-top: 30px;
}
.blackbg2 a{text-decoration: none;color: #666;}
.blackbg2 a:hover{text-decoration: underline;color: red;}
.bgbor-pruple{
width: 100%;height: 10px;z-index: 9999;position: absolute;
background-color: #611991;
}
.annot2{
margin:0 auto;margin-top: 55px;text-align: center;
margin-bottom: 54px;line-height: 35px;
}
.borderc-pruple{
width: 145px;height:5px;text-align: center;
margin:0 auto;background-color: #611991;
margin-top: 10px;
}
.contentsure{overflow: hidden;margin-bottom: 30px;}
.contentsure1{
height: auto;float: left;margin-left: 40px;
line-height: 55px;width: 44%;
}
.contentsure1 p{margin-bottom: 10px;}
.conact1 a{text-decoration: none;}
.conact1 a:hover{text-decoration: underline;color: red;}
.borr{width: 70px;height: 2px;background-color: #dbdbdb;}
.buttonmore-pruple{
width:130px;height: 50px;
color: #ffeb09;font-size: 18px;
text-align: center;line-height: 50px;
border-radius:8px;border:0 none;
margin-left:45%;margin-bottom: 45px;
margin-top:25px;cursor:pointer;background-color: #611991;
}
.studyline{position: relative;}
.studylines{ position: absolute;padding-top: 3%;
margin:0 auto;left: 0; top: 0;
right: 0; bottom: 0;text-align: center;
}
.learn{line-height: 40px;}
.learnco1{font-size: 32px;font-weight: bold;}
.learnco2{font-size: 14px;}
.learnbor-pruple{
width: 150px;height: 5px;
margin:0 auto;text-align: center;
background-color: #611991;
}
.resite{overflow: hidden;margin-top: 40px;}
.resite dl{float: left;}
.special{width: 13%;}
.special img{width: 50%;}
.resite dt{text-align: center;margin-bottom:15px;}
.resite dd{
text-align: center;width:100%;height: 40px;
border:1px #313131 solid;border-radius: 38px;
line-height: 40px;text-align: center;padding:0 5px;
}
/*精品课程*/
.courses{line-height: 40px;padding-top: 30px;text-align: center;
margin:0 auto;}
.courses2 dl{display: inline-block;margin-left: 20px;
margin-top:30px;width: 22%;}
.courses2 dt{position: relative;width:100%;}
.courses2 dt img{position: relative;width:100%;height: 100%;}
.courses2 dd{line-height: 25px;}
.courses-sert{
position: absolute;width:100%;height: 100%;
top:0;left:0;background:rgba(0,0,0,0.7);
-webkit-backface-visibility: hidden;/* 隐藏旋转元素的背面*/
backface-visibility: hidden;
color:#f5f1e5;text-align: center;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out; /*规定提示信息怎样出现ease-in-out以慢速度开始和结束*/
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.courses-sert:hover{opacity: 1;}
.courses-sert a{color: #95e91c;text-decoration: none;}
.courses-sert a:hover{text-decoration: underline;}
.courses-sert p{
width:90%;text-align:center;margin:0 auto;
font-size: 14px;padding:5px 5px;
}
/*近期直播*/
.live{position: relative;}
.lives{position: absolute;padding-top: 2%;
margin:0 auto;left: 0; top: 0;
right: 0; bottom: 0;text-align: center;}
.lived{overflow: hidden;}
.lived dl{float: left;
margin-left: 38px;
margin-top: 40px;
width: 21%;
}
.lived dt img{width: 100%;}
.lived dd{text-align: left;margin-top: 12px;font-size: 16px;
line-height:20px; }
/*底部*/
.bottom-pruple{background-color: #611991;}
.bottom1{padding:40px 0;color: #fff;}
.bottom2{
padding-right: 50px;margin-top: 20px;
width: 30%;text-align: right;margin-left: 10%;
}
.bottom3{ padding-left: 50px;line-height: 30px;width:50%
}
.bottom3 a{color: #fff;text-decoration: none;}
.bottom3 a:hover{text-decoration: underline;}
.bottom-border{border-left: 1px #fff solid;width: 2%;
height: 100px;margin-top: 10px;}
.footer-pruple{background-color: #4f1973;}
.footer1{
padding: 30px 0;color: #fff;
line-height: 30px;text-align: center;
}
/*后续添加*/
.conact1{font-size: 24px;}
.sure-right{margin-left: 28px;}
.studylate{width: 100%;}
.specas img{width: 100%;}
.live-img {width: 120%;}
.time,.time3,.time4,.time5{font-size: 14px;}
.specas{width: 4%;}
/*后续添加*/
/*coloranother*/
/*蓝色blue .blue1,.blue11,.blue111,.btnblue */
.bannerz-blue{background-color: #384290;color: #fff;}
.btn-blue{margin-top: 14px;border:0 none;
height: 45px;width: 66px;
background-color: #1375cb;color: #fff;
line-height: 45px;
text-align: center;font-size: 18px;}
.bgbor-blue{width: 100%;height: 10px;z-index: 9999;position: absolute;
background-color: #384290;color: #fff;}
.index-blue{color: #384290;font-weight: bold;font-size: 28px;
line-height: 40px;}
.learnbor-blue{width: 150px;height: 5px;
margin:0 auto;text-align: center;
background-color: #384290;}
.borderc-blue{width: 145px;height:5px;text-align: center;
margin:0 auto;background-color: #384290;}
.buttonmore-blue{width:130px;height: 50px;
color: #fff;font-size: 18px;
text-align: center;line-height: 50px;
border-radius:8px;border:0 none;
margin-left:45%;margin-bottom: 45px;
margin-top:25px;cursor:pointer;background-color: #384290;}
.bottom-blue{background-color: #384290;}
.footer-blue{background-color: #0f397e;}
.conact1-blue a{color:#384290 ;text-decoration: none;font-size: 24px;}
.conact1-blue a:hover{color:red ;text-decoration:underline;}
.time-blue{color: #384290;
font-weight: bold;
font-size: 14px;
line-height: 40px;}
/*绿色green .green1,.green11,.green111,.btngreen */
.bannerz-green{background-color: #16893e;color: #fff;}
.bgbor-green{width: 100%;height: 10px;z-index: 9999;position: absolute;
background-color: #16893e;color: #fff;}
.borderc-green{width: 145px;height:5px;text-align: center;
margin:0 auto;background-color: #16893e;}
.buttonmore-green{width:130px;height: 50px;
color: #fff;font-size: 18px;
text-align: center;line-height: 50px;
border-radius:8px;border:0 none;
margin-left:45%;margin-bottom: 45px;
margin-top:25px;cursor:pointer;background-color: #16893e;}
.learnbor-green{width: 150px;height: 5px;
margin:0 auto;text-align: center;
background-color: #16893e;}
.bottom-green{background-color: #16893e;}
.footer-green{background-color: #414041;}
.index-green{color: #16893e;font-weight: bold;font-size: 28px;
line-height: 40px;}
.btn-green{margin-top: 14px;border:0 none;
height: 45px;width: 66px;
background-color: #1c6736;color: #fff;
line-height: 45px;
text-align: center;font-size: 18px;}
.conact1-green a{color:#16893e;text-decoration: none;
line-height: 30px;font-size: 24px;}
.conact1-green a:hover{text-decoration: underline;color: red;}
/*天蓝色skyblue .skyblue1,.skyblue11,.skyblue111,.btnskyblue */
.bannerz-skyblue{background-color: #1d79da;color: #fff;}
.btn-skyblue{margin-top: 14px;border:0 none;
height: 45px;width: 66px;
background-color: #2759ab;color: #fff;
line-height: 45px;
text-align: center;font-size: 18px;}
.bgbor-skyblue{width: 100%;height: 10px;z-index: 9999;position: absolute;
background-color: #1d79da;color: #fff;}
.index-skyblue{color: #1d79da;font-weight: bold;font-size: 28px;
line-height: 40px;}
.borderc-skyblue{width: 145px;height:5px;text-align: center;
margin:0 auto;background-color: #1d79da;}
.buttonmore-skyblue{width:130px;height: 50px;
color: #fff;font-size: 18px;
text-align: center;line-height: 50px;
border-radius:8px;border:0 none;
margin-left:45%;margin-bottom: 45px;
margin-top:25px;cursor:pointer;background-color: #1d79da;}
.learnbor-skyblue{width: 150px;height: 5px;
margin:0 auto;text-align: center;
background-color: #1d79da;}
.bottom-skyblue{background-color: #1d79da;}
.footer-skyblue{background-color: #2759ab;}
.skyblue1{
background-color: #1d79da;color: #fff;
}
.skyblue111{background-color: #2759ab;}
.conact1-skyblue a{color:#1d79da ;text-decoration: none;font-size: 24px;}
.conact1-skyblue a:hover{color:red ;text-decoration:underline;}
/*孔雀蓝kql .kql1,.kql11,.kql111,.btnkql */
.bannerz-kql{background-color: #067c7c;color: #fff;}
.btn-kql{margin-top: 14px;border:0 none;
height: 45px;width: 66px;
background-color: #067c7c;color: #fff;
line-height: 45px;
text-align: center;font-size: 18px;}
.bgbor-kql{width: 100%;height: 10px;z-index: 9999;position: absolute;
background-color: #067c7c;color: #fff;}
.index-kql{color: #067c7c;font-weight: bold;font-size: 28px;
line-height: 40px;}
.borderc-kql{width: 145px;height:5px;text-align: center;
margin:0 auto;background-color: #067c7c;}
.buttonmore-kql{width:130px;height: 50px;
color: #fff;font-size: 18px;
text-align: center;line-height: 50px;
border-radius:8px;border:0 none;
margin-left:45%;margin-bottom: 45px;
margin-top:25px;cursor:pointer;background-color: #067c7c;}
.learnbor-kql{width: 150px;height: 5px;
margin:0 auto;text-align: center;
background-color: #067c7c;}
.bottom-kql{background-color: #067c7c;}
.footer-kql{background-color: #067c7c;}
.kql1{
background-color: #067c7c;color: #fff;
}
.kql111{background-color: #2759ab;}
.conact1-kql a{color:#067c7c ;text-decoration: none;font-size: 24px;}
.conact1-kql a:hover{color:red ;text-decoration:underline;}
/*红色red .red1,.red11,.red111,.btnred */
.bannerz-red{background-color: #db0102;color: #fff;}
.btn-red{margin-top: 14px;border:0 none;
height: 45px;width: 66px;
background-color: #960808;color: #fff;
line-height: 45px;
text-align: center;font-size: 18px;}
.bgbor-red{width: 100%;height: 10px;z-index: 9999;position: absolute;
background-color: #db0102;color: #fff;}
.index-red{color: #e83636;font-weight: bold;font-size: 28px;
line-height: 40px;}
.borderc-red{width: 145px;height:5px;text-align: center;
margin:0 auto;background-color: #db0102;}
.buttonmore-red{width:130px;height: 50px;
color: #fff;font-size: 18px;
text-align: center;line-height: 50px;
border-radius:8px;border:0 none;
margin-left:45%;margin-bottom: 45px;
margin-top:25px;cursor:pointer;background-color: #db0102;}
.learnbor-red{width: 150px;height: 5px;
margin:0 auto;text-align: center;
background-color: #db0102;}
.bottom-red{background-color: #db0102;}
.footer-red{background-color: #414041;}
.conact1-red a{color:#db0102 ;text-decoration: none;font-size: 24px;}
.conact1-red a:hover{color:red ;text-decoration:underline;}
.time-red{color: #db0102;
font-weight: bold;
font-size: 14px;
line-height: 40px;}
.time-green{color: #16893e;
font-weight: bold;
font-size: 14px;
line-height: 40px;}
.time-skyblue{color: #1d79da;
font-weight: bold;
font-size: 14px;
line-height: 40px;}
@media screen and (min-width: 1000px) {
.crrent img{width: 70%;}
.crrent2 img{width: 30%;}
.blackbg2 img{width: 40%;}
.blackbg{
width:65%;height: 170px;border-radius: 8px;
margin:0 auto;background-color: #fff;
position: absolute;bottom:0;left:0;right: 0; z-index: 0;
}
@media screen and (min-width: 400px) and (max-width: 1000px) {
.crrent img{width: 100%;}
.crrent2 li a,.crrent2 p{font-size: 14px;}
.crrent2 img{width: 40%;}
.banners1 ul li {width: 13%;}
.banners1 ul li a{width:50px;font-size: 15px; }
.searchmax{
width: 60%;
height: 35px;border:0 none;
margin-top: 14px;display: block;
background-image:url(../image/search.png);
background-size: 12% 70%;
background-repeat: no-repeat;
background-position: 8px 8px;
}
.btn-pruple{
margin-top: 14px;border:0 none;
height: 35px;width: 66px;
background-color: #ffeb09;
color: #611991;line-height: 35px;
text-align: center;font-size: 14px;
}
.btn-blue{
margin-top: 14px;border:0 none;
height: 35px;width: 66px;
background-color: #1375cb;color: #fff;line-height: 35px;
text-align: center;font-size: 14px;
}
.btn-red{
margin-top: 14px;border:0 none;
height: 35px;width: 66px;
background-color: #960808;color: #fff;line-height: 35px;
text-align: center;font-size: 14px;
}
.btn-skyblue{
margin-top: 14px;border:0 none;
height: 35px;width: 66px;
background-color: #2759ab;color: #fff;line-height: 35px;
text-align: center;font-size: 14px;
}
.btn-green{
margin-top: 14px;border:0 none;
height: 35px;width: 66px;
background-color: #1c6736;color: #fff;line-height: 35px;
text-align: center;font-size: 14px;
}
.blackbg2 dd{font-size: 16px;font-weight: bold;}
.blackbg2 img{width:40%;}
.index-pruple{font-size: 24px;}
.index-blue{font-size: 24px;}
.conact1-blue a{color: #384290;text-decoration: none;
line-height: 30px;font-size: 18px;}
.conact1-blue a:hover{text-decoration: underline;color: red;}
.index-red{font-size: 24px;}
.conact1-red a{color: #e83636;text-decoration: none;
line-height: 30px;font-size: 18px;}
.conact1-red a:hover{text-decoration: underline;color: red;}
.index-green{font-size: 24px;}
.conact1-green a{color:#16893e;text-decoration: none;
line-height: 30px;font-size: 18px;}
.conact1-green a:hover{text-decoration: underline;color: red;}
.index-skyblue{font-size: 24px;}
.conact1-skyblue a{color: #1d79da;text-decoration: none;
line-height: 30px;font-size: 18px;}
.conact1-skyblue a:hover{text-decoration: underline;color: red;}
.blac{
border-right:1px #cec9c9 solid;height: 70px;
margin-top: 30px;
}
.blackbg{width:65%;height:120px;border-radius: 8px;
margin:0 auto;background-color: #fff;
position: absolute;bottom:0;left:0;right: 0; z-index: 0;}
.borderc-pruple{
width: 105px;
height: 3px;
text-align: center;
margin: 0 auto;
background-color: #611991;
}
.conact1{font-size:18px;}
.conact1 a{text-decoration:none;line-height: 30px;}
.conact1 a:hover{text-decoration: underline;color: red;}
.buttonmore-pruple{
width: 110px;
height: 40px;
color: #ffeb09;
font-size: 14px;
text-align: center;
line-height: 40px;
border-radius: 8px;
border: 0 none;
margin-left: 45%;
margin-bottom: 45px;
margin-top: 25px;
cursor: pointer;
background-color: #611991;
}
.contentsure1{
height: auto;float: left;
line-height: 55px;width: 100%;
}
.learnco1{font-size: 24px;font-weight: bold;}
.learnco2{font-size: 12px;}
.studylate{width: 150%;}
.learnbor-pruple {
width: 120px;
height: 3px;
margin: 0 auto;
text-align: center;
background-color: #611991;}
.live-img{width: 150%;}
.time,.time-blue,.time-red,.time-skyblue,.time-green{font-size: 12px;line-height: 20px;display: inline-block;}
.lived dd{font-size: 14px;}
.courses{line-height: 40px;padding-top: 30px;text-align: center;
margin:0 auto;}
.courses2{overflow: hidden;}
.courses2 dl{margin-left: 20px;margin-top:30px;width: 40%;}
.courses2 dt{position: relative;width:100%;}
.courses2 dt img{position: relative;width:100%;height: 100%;}
.courses2 dd{line-height: 25px;}
.courses-sert{
position: absolute;width:100%;height: 100%;
top:0;left:0;background:rgba(0,0,0,0.7);
-webkit-backface-visibility: hidden;/* 隐藏旋转元素的背面*/
backface-visibility: hidden;
color:#f5f1e5;text-align: center;
opacity: 0;
-webkit-transition: all 0.35s ease-in-out; /*规定提示信息怎样出现ease-in-out以慢速度开始和结束*/
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.courses-sert:hover{opacity: 1;}
.courses-sert p{
width:90%;text-align:center;margin:0 auto;
font-size: 14px;padding:5px 5px;
}
.courses-sert a{color: #95e91c;text-decoration: none;}
.courses-sert a:hover{text-decoration: underline;}
.bottom3 p{font-size: 14px;}
}