﻿*{ margin:0; padding:0;}
body{font-family:"微软雅黑",Arial,"宋体"; font-size:12px; color:#666; line-height:1.6; background:#fff;}
a:hover img,img{border:none; vertical-align: bottom;}
ul{ list-style:none;}
input,button,select,textarea{outline:none;font-family:"微软雅黑",Arial,"宋体"; font-size:14px; color: #666;}
table input,table button,table select,table textarea{ vertical-align:middle;}
textarea{resize:none}
table{ border-collapse:collapse;}
a{text-decoration:none; color:#666;}
h1,h2,h3,h4,h5,h6{font-weight:400; font-family:"微软雅黑";}
th{font-weight: normal;}

.cf:before,.cf:after{content:""; display:table;}
.cf:after{clear:both; }/* For IE 6/7 (trigger hasLayout) */
.cf, .cf2{zoom:1;}
.cf2:after {content: ""; display:block; height:0; clear:both;}


.l{float:left;}
.r{float:right;}
/*-------------------------结束公用样式--------------------------*/
.mw, .mw1000{margin: 0 auto; width: 1000px;}
.mrow{margin: 20px auto; width: 1000px;}

.tc{display: table-cell; width: 9999px; zoom: 1; *width: auto;}
.tab_i{display: none;}
.tab_i:first-child{display: block;}

.mrow{*zoom: 1;}
.mrow:after{display: block; content: ""; clear: both; height: 0; line-height: 0; font-size: 0px;}


/**/

.catalog{margin: 10px 0; line-height: 20px; font-size: 13px; color: #666;}
.catalog_ico{margin-right: 10px; display: inline-block; width: 20px; height: 20px; background: url(../images/tearch/catalog.png) 0 50% no-repeat; vertical-align: top;}
.catalog .gt{margin: 0 5px; font-style: normal; color: #999; font-family: simsun;}
.linex{display: block; width: 100%; height: 1px; line-height: 1px; font-size: 0px; background-color: #e5e5e5; overflow: hidden;}



.relside{float: right; width: 230px; background-color: #f8f8f8;}

.relside_tt{margin: 14px 0; position: relative; height: 26px; font-size: 22px; color: #666;}
.relside_title{position: relative; z-index: 5; display: inline-block; *display: inline; *zoom: 1; padding: 0 10px; height: 26px; line-height: 26px; font-size: 22px; border-left: 5px solid #fe9901; background-color: #f8f8f8; vertical-align: top;}
.relside_tt_line{position: absolute; top: 50%; left: 2%; width: 96%; display: block; height: 1px; line-height: 1px; font-size: 0px; background-color: #e5e5e5; overflow: hidden;}
.rel_golist{margin: 10px;}
.rel_golist li{margin: 5px 0;}
.rel_golist a{display: inline-block; max-width: 100%; _width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 20px; line-height: 20px; font-size: 12px; color: #333; vertical-align: top;}
.rel_golist .gt{margin-right: 5px; font-size: 10px; color: #c2c2c2; font-style: normal; font-weight: bold; font-family: simsun;}
.rel_golist a:hover{color: #fe9901;}

.relteacher{margin-left: 15px;}
.relteacher li{margin: 15px 0; *zoom: 1;}
.relteacher li:after{display: block; content: ""; clear: both; height: 0; line-height: 0; font-size: 0px;}
.relteacher .pic{margin: 3px 10px 0 0; float: left; display: block; padding: 1px; width: 50px; height: 56px; background-color: #fff; border: 1px solid #ddd;}

.l740{float: left; width: 740px;}
.course_head{margin-bottom: 20px; padding: 9px; height: 30px; line-height: 30px; border-bottom: 1px solid #e5e5e5;}
.course_title{float: left; font-size: 22px; color: #333;}
.course_title .ico{margin-right: 15px; display: inline-block; width: 30px; height: 30px; background-image: url(../images/tearch/course_title.png); background-repeat: no-repeat; vertical-align: top;}
.junior_course .course_title .ico{background-position: 0 0;}
.juniorhigh_course .course_title .ico{background-position: 0 -30px;}
.senior_course .course_title .ico{background-position: 0 -60px;}
.course_hd{float: right;}
.course_hd li{margin-left: 8px; float: left; text-align: center; width: 80px; height: 30px; line-height: 30px; font-size: 14px; color: #666; background-color: #ddd; cursor: pointer;}
.course_hd .on{color: #fff; background-color: #fe9901;}
.junior_course .course_hd .on{background-color: #fe9901;}
.juniorhigh_course .course_hd .on{background-color: #47bfd9;}
.senior_course .course_hd .on{background-color: #42cf77;}

.nodata{padding: 20px; text-align: center; font-size: 12px; color: #999; font-family: simsun;}

.course_dl_wrap{margin-left: -25px;}
.course_dl_wrap, .course_dd{*zoom: 1;}
.course_dl_wrap:after, .course_dd:after{display: block; content: ""; clear: both; height: 0; line-height: 0; font-size: 0px;}
.course_dl{float: left; margin-left: 25px; _display: inline; _zoom: 1; width: 230px;}
.course_dt{margin-bottom: 15px; line-height: 20px; font-size: 14px; color: #333; background: url(../images/tearch/ttline.png) 0 50% repeat-x;}
.course_dt .dt{display: inline-block; padding-right: 5px; background-color: #fff;}
.course_dt .gt{margin-left: 8px; display: inline-block; color: #fe9901; font-style: normal; font-family: arial; -moz-transform: scaleX(.7); -webkit-transform: scaleX(.7); transform: scaleX(.7);}
.junior_course .course_dt .gt{color: #fe9901;}
.juniorhigh_course .course_dt .gt{color: #47bfd9;}
.senior_course .course_dt .gt{color: #42cf77;}
.course_dd{margin-left: -10px;}
.course_dd li{float: left; margin: 0 0 10px 10px; _display: inline; _zoom: 1; width: 110px;}
.course_dd a{color: #333;}
.course_dd a:hover{text-decoration: underline;}
.course_dd h3{height: 40px; line-height: 20px; font-size: 12px; overflow: hidden;}
.course_dd .pic{margin-bottom: 5px; display: block; background-color: #656566; border: 4px solid #efefef; -moz-perspective: 800px; -webkit-perspective: 800px; perspective: 800px;}
.course_dd .pic img{width: 100px; height: 140px; vertical-align: bottom; border: 1px solid #fff!important; -moz-transform-origin: 0px 0px 0px; -webkit-transform-origin: 0px 0px 0px; transform-origin: 0px 0px 0px; -moz-transition: -moz-transform .5s ease 0s; -webkit-transition: -webkit-transform .5s ease 0s; transition: transform .5s ease 0s;}
.course_dd a:hover .pic{border-color: #fe9901;}
.course_dd .pic:hover{box-shadow: 0 0 8px rgba(100,100,100,.5);}
.course_dd .pic:hover img{border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0;  -moz-transform: rotateY(-25deg); -webkit-transform: rotateY(-25deg); transform: rotateY(-25deg);}
.course_dd a:active img{opacity: .9;}

.fliterbox{line-height: 22px; font-size: 13px; color: #666; border-width: 1px 1px 0 1px; border-style: solid; border-color: #e5e5e5;}
.fliterbox dl{border-bottom: 1px solid #e5e5e5; *zoom: 1;}
.fliterbox dl:after{display: block; content: ""; clear: both; height: 0; line-height: 0; font-size: 0px;}
.fliterbox .dt{float: left; padding: 8px 5px 8px 5px; width: 60px; text-align: center; background-color: #f8f8f8;}
.fliterbox .dd{padding:  8px 0 8px 85px;}
.fliterbox .dd a{display: inline-block; margin: 0 5px; padding: 0 12px;}
.fliterbox .dd a:hover{color: #017ac1;}
.fliterbox .dd .sel{color: #fff!important; font-weight: bold; background-color: #017ac1;}

.filehead{box-shadow: inset 0 -1px 0 #e5e5e5; box-shadow: none\9; border-bottom: 1px solid #e5e5e5\9;}
.filehead_title{display: inline-block; *display: inline; *zoom: 1; height: 40px; line-height: 40px; font-size: 22px; color: #333; border-bottom: 3px solid #fe9901;}
.filelist li{padding: 12px 0; border-bottom: 1px solid #eee;}
.filelist a{display: inline-block; max-width: 100%; _width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 35px; font-size: 14px; color: #333;}
.filelist a:hover{color: #fe9901;}
.filelist .doc a:hover{color: #4887cb;}
.filelist .ico{margin-right: 15px; display: inline-block; width: 35px; height: 35px; background-image: url(../images/tearch/filetype.png); background-repeat: no-repeat; vertical-align: top; vertical-align: middle\9;}
.filelist .doc .ico{background-position: 0 0;}
/*page*/
.listpage{margin: 25px 0; line-height: 30px; font-size: 13px; color: #666;}
.listpage .page{margin: 0;}
.listpage .page a{margin: 0 0 0 10px;}
.page{margin: 25px 0; text-align: center; line-height: 28px; font-size: 12px; color: #333;}
.page a{margin: 0 5px; display: inline-block; width: 28px; height: 28px; line-height: 28px; color: #333; font-family: simsun; background-color: #f3f3f3; border: 1px solid #e0e0e0; transition: all 0.3s ease 0s;}
.page a:hover, .page .cur{color: #fff; background-color: #f5a765; border-color: #e98e45;}
.page .cur, .page .disabled{cursor: default;}
.page .disabled{color: #333!important; background-color: #f3f3f3!important; border: 1px solid #e0e0e0!important;}


/*距离*/
.mb30{margin-bottom: 30px;}

/*color*/
.butxt{color: #28a7cc;}
.ogtxt{color: #fe9901;}

/*-------效果------*/
.rel_golist a:hover{-moz-transform: translateX(3px); -webkit-transform: translateX(3px); transform: translateX(3px);}
.rel_golist a{transition: all 0.3s ease 0s;}
.filelist a:hover .ico{animation:service_fade 1.5s 0s ease both; -webkit-animation:service_fade 1.5s 0s ease both;}
@keyframes service_fade{0%{opacity: 1;-webkit-transform: rotate(360deg) scale3d(.2, .2, .2); transform: rotate(360deg) scale3d(.2, .2, .2);}50%{opacity: .8; -webkit-transform: rotate(180deg) scale3d(1.15, 1.15, 1.15); transform: rotate(180deg) scale3d(1.15, 1.15, 1.15);}100%{opacity: 1;}}
@-webkit-keyframes service_fade{0%{opacity: 1;-webkit-transform: rotate(360deg) scale3d(.2, .2, .2); transform: rotate(360deg) scale3d(.2, .2, .2);}50%{opacity: .8; -webkit-transform: rotate(180deg) scale3d(1.15, 1.15, 1.15); transform: rotate(180deg) scale3d(1.15, 1.15, 1.15);}100%{opacity: 1;}}