@charset "utf-8";
/* CSS Document */

/* ===================
 * 首页头部区域相关样式
 * =================== */


body { font: normal normal  12px/1.5 arial,"Hiragino Sans GB","Microsoft YaHei",sans-serif; color: #555;}
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { padding: 0; margin: 0;}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, table, th, td { font-size: 12px; font-weight: normal;}
h1 { font-size: 32px; line-height: 32px;}
h2 { font-size: 28px; line-height: 28px;}
h3 { font-size: 24px; line-height: 24px;}
h4 { font-size: 20px; line-height: 20px;}
h5 { font-size: 16px; line-height: 16px;}
strong { font-weight: bold;}
ul, ol { list-style: none outside none;}
fieldset, img { border: medium none;}
caption, th {  text-align: left;}
table { border-collapse: collapse; border-spacing: 0;}

input, select, textarea { }
a { outline: medium none;}
a:link, a:visited, a:active { text-decoration: none;}
a:hover { text-decoration: none;}
i, cite, em { font-style: normal;}


/* ===================
 * 首页主体内容对应样式
 * =================== */
.main-layout { width: 100%; }
.wrapper-1100 { width: 1100px; margin: 0 auto;}

.classify-nav { background-color: #F5F5F5; width: 100%; height: 60px; border-bottom: solid 1px #E9EAEB; position: relative; z-index: 99; }
.classify-nav .college-logo a { background: url(../images/dsxy.png) no-repeat 0 0; display: block; width: 150px; height: 60px; margin-left: -600px; position: absolute; z-index: 1; top: 0; left: 50%; }
.classify-nav .nav-menu { font-size: 0; *word-spacing:-1px/*IE6、7*/; margin-left: -440px; position: absolute; top: 21px; left: 50%; }
.classify-nav .nav-menu li { vertical-align: middle; letter-spacing: normal; display: inline-block; *display: inline/*IE7*/; *zoom:1/*IE7*/; margin-right: 5px; }
.classify-nav .nav-menu li a { font-size: 14px; line-height: 20px; color: #555; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#19000000', endColorstr='#19000000'); background: rgba(0,0,0,0.1); display: block; height: 20px; padding: 10px 20px; text-decoration: none; }
.classify-nav .nav-menu li a:hover { color: #242C3A; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#0C000000', endColorstr='#0C000000');
background: rgba(0,0,0,0.05); }
.classify-nav .nav-menu li a.current { color: #242C3A; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF');background:rgba(255,255,255,1); display: block; padding: 9px 19px; border: solid 1px #E6E6E6; border-bottom-color: #FFF;}
.classify-nav .quick-url { font-size: 0; *word-spacing:-1px/*IE6、7*/; margin-right: -600px; display: block; white-space: nowrap; position: absolute; z-index: 2; top: 30px; right: 50%; }
.classify-nav .quick-url a,
.classify-nav .quick-url i { font-size: 12px; color: #0765D1; vertical-align: middle; letter-spacing: normal; display: inline-block; *display: inline/*IE7*/; *zoom:1/*IE7*/;}
.classify-nav .quick-url i { background-color: #0765D1; width: 1px; height: 10px; margin-left: 10px; margin-right: 10px; }


.technical-list {}
.technical-list ul {}
.technical-list li { display: block; padding: 20px 30px; overflow: hidden;}
.technical-list li i { background: url(../images/web/mall_tech_pic.png) no-repeat; width: 80px; height: 80px; float: left;}
.technical-list li i.pic01 { background-position: 0 0;}
.technical-list li i.pic02 { background-position: -80px 0;}
.technical-list li i.pic03 { background-position: -160px 0;}
.technical-list li i.pic04 { background-position: -240px 0;}
.technical-list li i.pic05 { background-position: -320px 0;}
.technical-list li i.pic06 { background-position: -400px 0;}
.technical-list dl {line-height: 20px; float: left; width: 820px; margin: 10px 0 0 40px;}
.technical-list dl dt { font-size: 18px;  color: #EC576B; margin-bottom: 10px;}
.technical-list dl dd { font-size: 14px; }

.runtime { padding-top: 20px; border-top: dashed 1px #E6E6E6; margin: 30px 0 50px 0; overflow: hidden;}
.runtime dl { float: left;}
.runtime dt { font-size: 14px; line-height: 20px; background-color: #FFF;}
.runtime dd { font-size: 12px; line-height: 20px; padding-left: 10px; margin-top: 5px;}
.runtime .down { float: left; padding-left: 100px;}
.runtime .down a { background-color: #6FB012; display: block; padding: 20px 30px; margin-top: 50px; border-radius: 6px; box-shadow: 3px 3px 0 rgba(0,0,0,0.1);}
.runtime .down a h3 { font-size: 24px; line-height: 20px; color: #FFF; margin-bottom: 4px;}
.runtime .down a h3 i { font-size: 24px;}
.runtime .down a h5 { font-size: 13px; line-height: 20px; color: #FFF;}

.article-list { overflow: hidden;}
.article-list dl { width: 470px; float: left; margin: 0 10px;  border: solid 1px #E7E7E7;}
.article-list dl dt { font-size: 18px; color: #000; line-height: 20px; background-color: #F7F7F7; height: 20px; padding: 10px 0 10px 20px; border-bottom: solid 1px #E7E7E7;}
.article-list dl dd { padding: 10px 10px 10px 20px;}
.article-list li { font-size: 14px; line-height: 30px; height: 30px; }
.article-list li a { color: #555; display: block; max-width: 350px; height: 30px; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.article-list li a:hover { color: #006bdc;}
.article-list li time { display: block; float: right; color: #999;}


/*服务内容*/
.service-content .tabs-container { width: 1100px; margin: 20px auto; overflow: hidden; position: relative; z-index: 1;}
.service-content .tabs-nav { font-size: 0; *word-spacing:-1px/*IE6、7*/;  background: none repeat scroll 0 0 rgba(250, 250, 250, 0.9); width: 100%; height: 40px; padding-top: 20px; border-bottom: 1px solid #e9eaeb; position: relative; z-index: 99;}
.service-content .tabs-nav li { vertical-align: top; *word-spacing:-1px/*IE6、7*/; display: inline-block; *display: inline/*IE7*/; *zoom:1/*IE7*/; position: absolute; z-index: 1; bottom: -1px;}
.service-content .tabs-nav li.first { left: 50%; margin-left: -500px;}
.service-content .tabs-nav li.second { left: 50%; margin-left: -350px;}
.service-content .tabs-nav li.third { left: 50%; margin-left: -220px;}
.service-content .tabs-nav li a { font-size: 14px; color: #555; text-decoration: none; line-height: 20px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1); display: block; height: 20px; padding: 10px 20px;}
.service-content .tabs-nav li a.tabulous_active { background-color: #FFF !important;}
.service-table { width: 900px; border-left: solid 1px #E7E7E7; border-top: solid 1px #E7E7E7; margin:0 auto;}
.service-table thead td { font-size: 18px; line-height: 24px; color: #000; background-color: #F5F5F5; text-align: center; padding: 16px 8px; border-bottom: solid 1px #E7E7E7; border-right: solid 1px #E7E7E7;}
.service-table tbody th,
.service-table tbody td { font-size: 14px; line-height: 20px; color: #777; background-color: #FFF; text-align: center; padding: 16px 8px; border-style: solid; border-width: 0px 1px 1px 0px; border-color: #E7E7E7;}
.service-table tbody td.yes i { color: #59B200;}
.service-table tbody td.no i { color: #FF5C26;}
.service-table tbody td.paid i { color: #FFB973;}
.service-table tbody td.time i { color: #3B9DE6;}
.service-table tbody th.classes { background-color: #FBFBFB; padding: 16px 8px 10px 24px; }
.service-table tbody th.classes h3 { font-size: 16px; color: #333; font-weight: 600;}
.service-table tbody th { color: #333; text-align: left; padding-left: 24px;}
.service-table tbody tr.alt th,
.service-table tbody tr.alt td  { background: #FFF;}
.service-table tbody tr.over th,
.service-table tbody tr.over td { background: #FAFAFA; color: #000;}