@charset "gb2312";
/* CSS Document */
* {margin:0;padding:0;list-style:none;}
body {font-family:"΢ÈíÑźÚ", Arial, Tahoma,"΢ÈíÑźÚ";margin:0;padding:0;font-size:12px;color:#000; background:#fff; } 
div,form,img,ul,ol,li,dl,dt,dd,p {margin:0;padding:0;border:0;} 
ul,li{list-style-type:none;} 
img{border:0;} 
input,select,textarea{vertical-align:middle;} 
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:12px;font-weight:normal;} 
header, section, footer, aside, nav, main, article, figure { display: block; }
.logo_back{float:right;}
.logo_back span {
    display: block;
    margin: 32px 35px 0 0;
    background: #FF0000;
    padding: 5px 20px;
    border-radius: 5px;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    color: #fff;
} 
/* Link */ 
a{text-decoration:none;} 
a:hover {text-decoration:none;-webkit-transition: .8s} 
/* Other */ 
.clear{ clear:both;font-size:1px;width:1px;height:0;visibility:hidden; overflow:hidden;} 
.clearfix:after{content:".";display:block; height:0;clear:both;visibility:hidden;} /* only FF */ 
.f_left{float:left;} 
.f_right{float:right;} 
.img{vertical-align:middle;}
.div_middle{width: 1100px;position: relative;text-align: center; margin: 0px auto;}
em,i{ font-style:normal;}

.education{ width:100%; height:auto; margin:0 auto; min-width:1200px;}
.edu-banner01{ width:100%; height:167px; background:url(../images/banner01_01.jpg) center no-repeat;}
.edu-banner02{ width:100%; height:167px; background:url(../images/banner01_02.jpg) center no-repeat;}
.edu-banner03{ width:100%; height:166px; background:url(../images/banner01_03.jpg) center no-repeat;}
.edu-banner04{ width:100%; height:167px; background:url(../images/banner01_04.jpg) center no-repeat;}
.edu-logo{ margin-top:34px; margin-left:54px; float:left;}

.edu-hui{width:100%; height:auto; margin:0 auto; min-width:1200px; background:#f5f5f5; padding-bottom:45px;}
.edu-title{ width:100%; height:auto; margin:0 auto;}
.edu-title p{ font-size:40px; color:#262625; font-weight:bold; padding-top:60px; padding-bottom:20px;}
.edu-title p em{ color:#ffba00;}
.edu-title span{ font-size:18px; color:#262625;}
.edu-flip-hold{width:1100px; height:1256px; background:#fff; box-shadow:5px 9px 5px rgba(0,0,0,0.15); border-radius:20px; margin-top:38px;}
.edu-flip{ width:1036px; height:auto; margin:0 auto; padding-top:12px;}
.edu-flip li{ width:191px; height:283px; box-shadow:9px 10px 9px rgba(0,0,0,0.21); border-radius:9px; float:left; margin:0 8px; margin-top:10px;-webkit-transition:.4s;transition:.4s;}

.edu-flip li:hover{margin-top:5px; -webkit-transition:.4s;transition:.4s;}

.prize-hold{ background:url(../images/edu02.png) center no-repeat; width:1019px; height:632px; margin:0 auto;}
.prize-hold p{ font-size:17px; color:#000; line-height:24px; text-align:center; width:276px; margin-bottom:60px; margin-left: 400px;  letter-spacing: 2px;}
.prize-hold b{ font-size:20px; color:#000; margin-left: 464px;}
.prize-top01{ padding-top: 125px;}
.prize-top02{ padding-top:170px;}
.prize-top03{ padding-top:100px; margin-bottom:20px !important;}
.prize-top04{ margin-bottom:46px !important;}

.edu-arctle{width:100%; height:298px; margin:0 auto; min-width:1200px; background:url(../images/edu-back.jpg) center no-repeat;}
.works_all{ width:1100px; height:298px; position:relative; overflow:hidden;}
.topic_ten_kuang{ float:left;width: 51px; height: 50px;text-align: center;cursor: pointer; position:absolute;left: 0px; top: 116px; z-index:2;}
.topic_ten_kuang_q{ float:left;width: 51px; height: 50px;text-align: center;cursor: pointer; position:absolute;right: 0px; top: 116px; z-index:2;}
.works_next{ width:1100px; height:298px; overflow:hidden;}
.works_next li{ width:1020px; height:237px; overflow: hidden; position:relative; margin:0 40px;  margin-top:37px; float:left;}

.edu-video{ height:435px;}
.edu-star{ width:1100px; height:429px; background: #fff; box-shadow: 5px 9px 5px rgba(0,0,0,0.15); border-radius: 20px; margin-top: 14px;}
.edu-star-l{ width:514px; height:auto; float:left; margin-left:26px;}
.edu-star p{ font-size:18px; color:#262625; line-height:24px; display:block; text-align:center; margin-top:22px; margin-bottom:16px; letter-spacing:2px;}
.edu-star-r{ margin-left:20px;}

.edu-yellow{ width:100%; background:url(../images/edu-back02.jpg) center no-repeat; height:599px; min-width:1200px;}
.edu-y-title{ font-size:20px; color:#262625; line-height:26px; padding-top:140px;}
.edu-y-title b{ font-size:24px; display:block;}
.edu-song{ width:804px; height:auto; margin:0 auto;margin-top: 37px;}
.edu-song li{ float:left; font-size:18px; color:#262625; line-height:28px; letter-spacing:1px; margin-left:58px;}

.edu-tion{ width:100%; height:1147px; background:#000; min-width:1200px;}
.edu-white p,.edu-white span{ color:#fff;}
.edu-dialogue{ width:1100px; height:auto; margin:0 auto; margin-top:30px;}
.edu-dialogue li{ float:left; width:258px; height:auto; margin-top:60px;margin-bottom:17px; margin-right:22px;}
.edu-dia{ width:258px; height:180px; position:relative;}
.edu-d-text{ width:274px; height:314px; background:#ffba00; border-radius:10px; padding-top:22px; position: absolute; top: -69px; left: -10px; z-index: 2; display:none;}
.edu-d-text p{ font-size:14px; width:246px; margin:0 auto;  color:#262625; line-height:18.7px; letter-spacing:1px;}
.edu-d-text b{ display:block; margin-top:20px; margin-bottom:4px;}
.edu-link01{ font-size:18px; color:#262625; width:253px; height:45px; line-height:45px; border-radius:10px; background:#ffba00; border:2px #ffba00 solid; -webkit-transition:.4s; display:block; margin:0 auto; margin-top:90px; text-align:center;}
.edu-link01 img{ position:relative;  position: relative; top: 4px;  margin-left: 12px;}
.edu-link01:hover{ background: none; -webkit-transition:.4s; color:#fff;}
.edu-link0hover{ font-size:18px; color:#262625; width:253px; height:45px; line-height:45px; border-radius:10px; background:#ffba00; border:2px #ffba00 solid; -webkit-transition:.4s; display:block; margin:0 auto; margin-top:28px;}


.edu-long{ font-size:18px; color:#262624; line-height:26.8px; letter-spacing:1px;}
.edu-longul{ width:1100px; height:auto; margin:0 auto; margin-top:102px; margin-bottom:66px; display:table;}
.edu-longul li{ float:left; width:202px; height:149px; border-radius:10px; background:#ffba00; margin-right:20px;}
.edu-longul b{ font-size:24px; color:#262625; display:block; margin-top:20px;}
.edu-longul em{ display:inline-block; width:63px; height:1px; background:#000;}
.edu-longul p{ font-size:18px; color:#262625; line-height:24.8px; margin-top:14px;}
.edu-link02{ color:#fff; font-size:18px; width:265px; background:#262625; border-radius:10px; margin:0 auto; display:block; height:56px; line-height:56px; border:2px #262625 solid;  -webkit-transition:.4s; margin-bottom: 10px;}
.edu-link02:hover{ background: none; -webkit-transition:.4s; color:#262625;}

.edu-last01{ background:url(../images/last01_02.jpg) center no-repeat; width:100%; height:229px;}
.edu-last02{ background:url(../images/last01_03.jpg) center no-repeat; width:100%; height:216px;}
.edu-last03{ background:url(../images/last01_04.jpg) center no-repeat; width:100%; height:203px;}
.edu-last04{ background:url(../images/last01_05.jpg) center no-repeat; width:100%; height:239px;}
.edu-over{ font-size:18px; color:#262624; line-height:31px;}

.prize-video{ width:820px; height:500px; overflow:hidden; margin:0 auto; background:#000;}
.edu-audeo{ width:100%; height:auto; margin:0 auto; margin-top: 44px;}
.edu-audeo li{ float:left; background:url(../images/edu-bo.png) center no-repeat; height:83px; width:253px; margin-right: 29px; margin-top:24px; margin-bottom:24px;}
.edu-a-left{ float:left; width:42px; height:48px; margin-left:18px; margin-top:14px;}
.edu-a-right{ float:left; width:187px;}
.edu-a-right span{ font-size:16px; color:#000; display:block; margin-top:10px;}
.edu-a-right i{ color:#fff; font-size:12px; display:block;  margin-top:18px;}
#musicImg01,#musicImg,#musicImg02,#musicImg03,#musicImg04,#musicImg05,#musicImg06,#musicImg07,#musicImg08,#musicImg09,#musicImg10,#musicImg11{ cursor:pointer;}
.edu-change{ margin-top:8px !important;}
.edu-none{ margin-right:0 !important;}