html { color: #000;  height: 100%; margin-bottom: 1px; }
body, div, ul, li { margin: 0; padding: 0; font-family:"宋体"}
img{border:0}
ul { list-style: none; }
a { color: #000; text-decoration:none}
a:hover { color: #84B263; }

/*头部*/
.head{ position:fixed;top: 0;left: 0;width:100%;height:130px;min-width: 1000px;z-index:10;zoom: 1;background:url(../images/head.png) no-repeat;background-size: cover;-webkit-background-size: cover;-o-background-size: cover; background-position: center 0;}
.header{ width:1200px; height:80px; margin-left:auto; margin-right:auto;}
.header_logo{ float:left;width:385px; height:80px;}
.header_tel{ float:right;width:226px; height:80px;}

/*导航*/
.naiv{ width:100%; height:50px; }
.naiver{ width:600px; height:50px; margin-left:auto; margin-right:auto; }
.nav ul { float:left;}
.nav li a{ float:left;width:120px;line-height:50px; text-align:center; color:#000; font-weight:bold;letter-spacing:8px; font-size:14px;} 
.nav li a:hover { color:#fff;background:url(../images/naver.png)}

/*  主要样式 */
.yyui_menu1 { height:35px; line-height:35px; font-size:15px; }
 
.yyui_menu1 li { float:left; position:relative;} /*这一级是导航*/
.yyui_menu1 li a { display:block; line-height:50px; text-decoration:none; padding:0px 20px; color:#FFF;   }
.yyui_menu1 li a:hover {  background: #ac0000; }
.yyui_menu1 li a.more:after{content:" »";}
 
.yyui_menu1 li ul { position:absolute; float:left; width:150px; border:1px solid #D2D2D2; display:none; background-color:#FFFfff; z-index:9999;} /*这是第二级菜单*/
.yyui_menu1 li ul a { width:110px;text-decoration:none; color:#333333; }
.yyui_menu1 li ul a:hover { background:#f2f2f2;}


/*首页外框*/
.main{ width:100%; height:auto; padding-top:20px; background:#f4f4f4; overflow:hidden}
.frame{ width:1200px; height:auto; overflow:hidden; margin-left:auto; margin-right:auto; padding-bottom:20px;}
.More{ width:80px; height:35px; float:right}
.More img{ width:80px; height:35px;}
/*信息*/
.news_left{ width:400px; height:270px; background:#FFF; float:left; margin-right:10px; padding:10px;overflow:hidden}
.news_right{ width:320px; height:270px; background:#FFF; float:left;padding:10px;}
.news_name{ width:100%; height:50px; font-size:16px; font-weight:bold;letter-spacing:2px;line-height:50px;}
.news_name span{ color:#999}
.news_Center{ width:400px; height:125px; }
.news_Center img{ width:400px; height:125px;}
.news_text{ width:400px; height:auto; font-size:13px; text-align:justify; line-height:24px;overflow:hidden;text-indent:2em;}
.news_text span{ color:#F00; float:right;font-weight:bold;letter-spacing:2px; font-size:12px;}
.news_list ul {width:100%; height:auto; margin-left:auto; margin-right:auto; }
.news_list li {float:left;width:400px; height:auto; line-height:40px; border-bottom:1px dashed #666;letter-spacing:2px; font-size:14px;}
.news_list li span{ float:right;color:#F00; font-weight:bold; font-size:12px;} 

/*推荐*/
.video_top{ width:1200px; height:35px; background:#d9d9d9; margin-bottom:20px;}
.video_main{ width:215px; height:35px;background:url(../images/left.jpg); float:left}
.video_ico{width:28px; height:35px; float:left; margin-right:10px;}
.video_ico img{width:28px; height:35px;}
.video_name{float:left;width:auto; height:35px;line-height:35px; font-size:18px; color:#FFF; font-weight:bold;letter-spacing:2px;}
.video_left{width:288px; height:228px; border:1px solid #ccc; background:#FFF; float:left; margin-right:13px;}
.video_right{width:288px; height:228px; border:1px solid #ccc; background:#FFF;float:right;}
.video_pic{ width:288px; height:170px;}
.video_pic img{ width:288px; height:170px;}
.video_text{ width:280px; height:auto; line-height:40px; font-size:13px;letter-spacing:2px; padding-left:10px; text-align:left}

/*课程*/
.course_left{ width:825px; height:480px; background:#FFF; float:left; margin-right:15px; padding:10px;overflow:hidden}
.course_frame{ width:825px; height:240px;}
.course_main{ width:405px; height:240px; float:left; }
.course_top{ width:100%; height:35px; background:#d9d9d9; margin-bottom:20px;}
.course_box{ width:215px; height:35px;background:url(../images/left.jpg); float:left}
.course_ico{width:28px; height:35px; float:left; margin-right:10px;}
.course_ico img{width:28px; height:35px;}
.course_name{float:left;width:auto; height:35px;line-height:35px; font-size:18px; color:#FFF; font-weight:bold;letter-spacing:2px;}

.course_list ul {width:100%; height:auto; margin-left:auto; margin-right:auto; }
.course_list li {float:left;width:390px; padding-left:10px; height:auto; line-height:40px; border-bottom:1px dashed #666;letter-spacing:2px; font-size:14px;}
.course_list li span{ float:right;color:#F00; font-weight:bold; font-size:12px;} 
.course_right{ width:320px; height:480px; background:#FFF; float:right;padding:10px;}

.course_list_left{width:188px; height:180px; border:1px solid #ccc; background:#FFF; float:left; margin-right:12px;}
.course_list_right{width:188px; height:180px; border:1px solid #ccc; background:#FFF; float:left; margin-left:13px;margin-right:12px;}
.course_pic{ width:188px; height:140px;}
.course_pic img{ width:188px; height:140px;}
.course_text{ width:180px; height:auto; line-height:40px; font-size:13px;letter-spacing:2px; padding-left:10px; text-align:left}