﻿/*---------------首页公共样式-----------------*/
*{ font-size:13px; font-family:Arial;}
.clear{ clear:both;}
.home-center{ width:1100px; margin:0 auto;}
.cutdiv{ overflow:hidden;}
.margin-b20{ margin-bottom:20px;}
.margin-b40{ margin-bottom:40px;}
.margin-r15{ margin-right:15px;}
.blod{ font-weight:bold;}
.text-org{ color:#ff6c00;}
.fl-left{ float:left;}
.fl-right{ float:right;}
.w50{ width:50px;}
.w175{ width:175px;}
.w195{ width:195px;}
.w255{ width:255px;}
.w285{ width:285px;}
.w510{ width:510px;}
.w820{ width:820px;}
.w180{ width:180px;}
.w210{ width:210px;}
.w300{ width:300px;}
.h417{ height:417px;}
.hide{display:none}
.border-a{ border:1px solid #d1cfcf;}
.white-more{display:block; width:44px; height:14px;background:url(/Images/sprite.png) -47px -363px no-repeat; position:absolute;}
/*------------------header样式---------------*/
.site-nav{ height:28px; line-height:28px; background:#f7f7f7; border-bottom:1px solid #eeeeee;}
.site-nav li{color:#666; font-size:12px; }
.site-nav a{ text-decoration:none;}
.site-nav a:hover{ text-decoration:underline; color:#b31114;}
.header-main{ width:1100px; height:106px; position:relative;}
#logo{ width:430px; height:100px; }
#logo a{ display:block;}
.head-share{ width:140px; height:34px; position:absolute; right:320px; bottom:12px; background:url(/Images/sns.png) no-repeat;;}
.head-share a{ display:block; width:33px; height:34px; overflow:hidden; float:left; text-indent:-1000px;}
.head-language{ width:182px; height:26px; position:absolute; right:0; top:15px; background:#f9f9f9;}
.head-language select{width:182px; height:26px;}
.site-search{ width:310px; height:26px; padding:2px 0 2px 2px; position:absolute; right:0; bottom:15px; background:#1f2558;}
.site-search .left{width:240px; height:26px; float:left;}
.site-search .right{width:60px; height:26px; float:right;}
.site-input{ width:230px; height:26px; padding:0 5px; line-height:26px; float:left;border:0; background:#fff; color:#666;}
.site-btn{ width:70px; color:#fff; border:none; background:none; font-size:15px;  text-align:center;line-height:26px;float:right; cursor:pointer;}
/*右上角网站地图*/
.mini-nav{ display:inline-block;}
.mini-nav li{ padding:0 5px; height:26px; line-height:26px;float: left;
position: relative;
line-height: 26px;}
.mini-nav li a{ font-size:12px;color: #666;padding:0 5px;}
.mini-nav li .outtext{font-size:12px;color: #666; display:block; position:relative;padding:0 18px 0 5px; border:1px solid #f7f7f7; border-bottom:none;}
.mini-nav li s{border-left: 1px solid #DDD; overflow: hidden;height: 12px;line-height: 30px;position: absolute;top: 9px;left: 0px;}
.mini-nav li .outtext b{ display:block; width:7px; height:4px;background: url(/images/sprite.png) -130px -278px no-repeat; position:absolute; right:4px; top:11px;}
.mini-nav li .outtext .blank{ display:none; background:#fff; width:100%; height:6px; position:absolute; bottom:0; left:0; z-index:500;}
.mini-nav li dl{ display:none; width:130px; height:auto; position:absolute; right:5px; top:26px;background:#fff;box-shadow: #DDD 0px 0px 10px 0px; padding:10px;border:1px solid #ddd;}
.mini-nav li.hover .outtext{ background:#fff;box-shadow: #DDD 0px 0px 10px 0px; border-color:#ddd;}
.mini-nav li.hover .outtext .blank{ display:block;}
.mini-nav li.hover dl{ display:block; z-index:200;}
.mini-nav li dl dd a{ font-size:12px; color:#666;}
/**/
.shortcut-bar { height: 27px; padding-top:2px; background: #F7F7F7; border-bottom: 1px solid #eee; }
.shortcut-bar .container { position: relative; }
.shortcut-bar li { float: left; position: relative; line-height: 26px;}
.shortcut-bar li a { color: #22284f; text-decoration: none; }
.shortcut-bar li a:hover { text-decoration: underline; color: #6496FF; }

.shortcut-bar .share-content { background: url(/images/sns.png) no-repeat; height: 34px; width: 130px; position: absolute; left: 652px; top: 80px; z-index: 200; padding: 0 4px; }
.shortcut-bar .share-content a { display: inline-block; width: 26px; height: 32px; overflow: hidden; text-indent: -9999px; margin-right: 1px; border-radius: 10px; }
/*导航*/
.header-nav{ height:40px; background:#1f2558; position:relative;overflow: hidden;}
.categories{ width:210px; height:40px; position:absolute; left:0; top:0; background:#2a316c;}
.categories h2{ padding:0 10px;color:#fff;line-height:40px; font-size:15px;}
.navitems{ margin-left:210px; height:40px;}
.navitems li{ float:left; border-right:1px solid #3c4384;}
.navitems li:first a{ padding-left:12px;}
.navitems li a{ display:block; padding:0 16px; text-decoration:none; float:left; text-transform:capitalize; color:#fff; font-size:16px; line-height:40px;}
.navitems li a:hover{ background:#B31114;}
.navitems li a.hover{ background:#B31114;}
/*导航结束*/
/*------------------首屏样式---------------*/
#content{ overflow:hidden;}
/*首页左侧导航*/
.home-sort-left{ width:210px; float:left;}
.sort-nav{ width:206px; background:#f4f4f4; border:2px solid #2a316c; border-top:none; position:relative; margin-bottom:10px;}
.sort-nav li{ height:28px;padding:6px 0 5px 0; border-bottom:1px solid #fff;}
.sort-nav li h3{ height:28px; }
.sort-nav li h3 a{ display:block; line-height:26px; padding:0 10px; color:#464647; font-size:13px; font-weight:bold; border-top:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4; text-decoration:none;position:relative;}
.sort-nav li h3 a b{ display:none; }
.sort-nav li h3 a s{ display:block; width:4px; height:7px; background:url(/Images/sprite.png) 0 -371px no-repeat; position:absolute; right:8px; top:10px;}

.sort-nav li.hover h3 a{ border-top:1px solid #c5c5c5; color:#000; border-bottom:1px solid #c5c5c5; background:#fff; box-shadow:0 2px 2px #ccc;}
.sort-nav li.hover h3 a b{ display:block;height:26px; width:5px; background:#fff; position:absolute; z-index:1000; right:-2px; top:0;}
.sort-nav li.hover h3 a s{ display:none;}
/*鼠标划过显示导航组*/
.sub-nav-main{ display:none;  height:auto; padding:10px 10px 10px 20px; position:absolute; left:204px; top:6px; background:#fff; border:1px solid #c5c5c5; z-index:900;}
.sort-nav li.hover .sub-nav-main{ display:block;}
.sub-nav-main dl{ width:280px; float:left;}
.sub-nav-main dl dt{ padding:5px 0; margin-bottom:5px; line-height:20px; color: #2A316C; font-size:14px; font-weight:bold; border-bottom:2px solid #1f2558;}
.sub-nav-main dl dd{ padding:6px 0;}
.sub-nav-main dl dd a{ color:#393939; line-height:18px; text-decoration:none;}
.sub-nav-main dl dd a:hover{ color:#0057a7; text-decoration:underline;}
/*鼠标划过导航大学广告位图片*/
.sub-un-adv{ width:240px; float:right;}
.un-adv-pic{ margin-bottom:10px;}
/*首页Course Search*/
.course-search{ background:#1f2558; padding:10px;}
.course-search .title{ line-height:20px; font-size:18px; color:#fff;}
.course-search li{ margin-top:10px; overflow:hidden;}
.course-search select{ height:24px; width:190px; border:1px solid #fff;}
.course-search .input-text{ width:164px; height:24px;height:22px\0; border:1px solid #fff;}
.course-input-item{ width:100%; height:26px; position:relative;}
.course-search-btn{ width:26px; height:24px; background:#B31114; position:absolute; right:0; top:0;}
/*首屏右侧大图*/
.home-focus{ width:880px; float:right; padding-top:10px;}
/*焦点图*/
.home-focus-item{ width:575px; float:left; overflow:hidden; position:relative; border:1px solid #ddd;}
.focus-pic-item{ height:420px;}
.focus-pic-item .focus-bar{ width:275px; height:auto; background:#fff; opacity:.8; position:absolute; top:40px; right:0; border-radius:10px 0 0 10px; padding:10px; line-height:18px; border:1px solid #eee; border-right:none;}
.focus-pic-item .focus-bar a{ color:#333; text-decoration:none;}
.focus-pic-item .focus-bar a:hover{ text-decoration:underline;}
.home-focus-item ul{ width:10000px; position:relative;}
.home-focus-item ul li{ width:575px; height:420px; overflow:hidden; position:absolute;}
.home-focus-item ul li img{width:575px;}
.home-focus-item dl{ width:578px; height:36px; line-height:36px; color:#fff; background:#ddd; position:absolute; bottom:0;}
.home-focus-item dl dd{ width:136px; float:left; border-right:1px solid #fff; text-align:center; position:relative; cursor:pointer; font-size:14px; text-transform:uppercase; color:#666;}
.home-focus-item dl dd:first-child{ width:104px;}
.home-focus-item dl dd.last-child{ width:196px; _width:190px; border-right:none;}
.home-focus-item dl dd b{display: none;
position: absolute;
left: 50%;
top: -16px;
overflow: hidden;
width: 0px;
height: 0px;
border-width: 8px;
border-style: dashed dashed solid dashed;
border-color:transparent transparent #b31114 transparent;
margin-left: -5px;}
.home-focus-item dl dd.active{ background:#b31114; color:#fff;}
.home-focus-item dl dd.active b{ display:block;}
.home-focus-item dl dd:hover{ background:#b31114; color:#fff;}
.home-focus-item dl dd:hover b{ display:block;}
/*认证服务*/
.slide-service{width:290px;float:right; }
.slide-service ul li{ height:102px; border-bottom:2px solid #eee;border-right:2px solid #eee; margin-bottom:2px;}
.slide-service ul li a{height:94px; display:block; text-decoration:none;padding-top:8px; padding-right:15px;}
.slide-service ul li a:hover{ background:#f9f9f9 url(/Images/sprite.png) 265px 40px no-repeat;}
.service-quality-pic{ width:50px; height:50px; float:left; margin-top:15px; border:1px solid #ccc; border-radius:3px;}
.service-infomation{ padding-left:60px;}
.service-text-title{font-size:22px;line-height: 22px; color:#b31114;}
.service-introduce{color: #999;font-size: 12px;}
/*------------------------首页第二板块------------------------------*/
/*热门专业及推荐学校*/
.home-hot-pro{ width:785px; float:left; overflow:hidden;}
.home-hot-pro .title{border-radius:3px 0 0 0; margin-bottom:15px; border-top:2px solid #ddd; position:relative; background:#f1f1f1;}
.home-hot-pro .title h2{ font-size:20px; height:34px; line-height:34px; color:#000; background:#ddd url(/Images/hot-pro-bg.png) right bottom no-repeat; float:left; padding-top:5px; padding-left:10px; padding-right:50px;}
.home-hot-pro .title ul{ width:auto;height:22px; position:absolute; right:0; top:8px;}
.home-hot-pro .title li{ width:22px; height:22px; text-align:center; line-height:22px; background:#ccc; font-size:12px; border-radius:50%; float:left; margin-right:5px; cursor:pointer;}
.home-hot-pro .title li:hover{ background:#ccc;}
.home-hot-pro .title li.active{ background:#1f2558; color:#fff;}
.home-pro-info{ width:785px; overflow:hidden;}
.home-pro-info ul{ width:5000px;}
.home-pro-info ul li{ width:816px;  float:left;}
/*热门专业---标题图片*/
.hot-pro-panel{ width:243px; height:376px; float:left; margin-right:25px; border-bottom:2px solid #1f2558; border-left:2px solid #1f2558;}
.pro-panel-pic{ width:243px; height:103px; overflow:hidden; position:relative;}
.pro-panel-pic img{ width:240px;}
.pro-panel-pic .bar{ height:26px; display:inline-block; background:#1f2558;opacity:.9; line-height:26px; color:#fff; font-size:18px; position:absolute; right:0; top:10px;}
.pro-panel-pic .bar s{ display:block; width:10px; height:26px; background:url(/Images/sprite.png) -19px -362px no-repeat; position:absolute; left:-10px; top:0;}
.pro-panel-pic .bar span{display:block; padding:0 10px;line-height:26px; color:#fff; font-size:17px;}
.pro-panel-pic .bar b{ display:block; width:3px; height:2px; background:url(/Images/sprite.png) -40px -388px no-repeat; position:absolute; right:0; top:26px;}
.hot-pro-panel dd a:hover{ text-decoration:underline;}
/*热门专业---专业列表*/
.hot-programs-item{ padding:15px 10px;  border-bottom:1px dotted #d3d3d3; overflow:hidden;}
.hot-programs-item dl{ height:112px;overflow:hidden; padding-bottom:4px;}
.hot-programs-item dl dd{ background:url(/Images/sprite.png) -246px -280px no-repeat; padding:3px 0 3px 13px; line-height:16px;}
.hot-programs-item dl dd a{ color:#424141; text-decoration:none;}
/*热门专业---推荐学校*/
.rec-university-item{ overflow:hidden; height:102px; padding:10px 10px 0 10px;}
.rec-university-item dl{}
.rec-university-item dl dd{background:url(/Images/sprite.png) -242px -324px no-repeat; padding:3px 0 3px 13px;}
.rec-university-item dl dd a{ color:#1F2558; text-decoration:none; }

/*学生分享*/
.home-stu-exp{ width:265px; height:414px; padding:10px; overflow:hidden; float:right; background:#f1f1f1; color:#fff;}
.stu-exp-pic{ width:265px; height:120px; background:url(/Images/students-exp.gif) no-repeat #fff; text-indent:-5000px; margin-bottom:2px; position:relative;}
.home-stu-exp .white-more{ right:22px; top:22px;}
.home-stu-exp .white-more:hover{background-position:-47px -377px;}
.home-stu-exp li{ border-bottom:1px solid #ddd; padding:10px 0; height:80px; overflow:hidden;}
.home-stu-exp li:last-child{ border-bottom:none; padding-bottom:0;}
.home-stu-exp li .left{ width:53px;height:53px; overflow:hidden;border-radius: 50%; border:1px solid #1f2558; float:left; margin-right:10px;}
.home-stu-exp li .right{ width:200px; float:left;}
.home-stu-exp li .right h4{ color:#ff6c00;}
.home-stu-exp li .left img{ height:54px;}
.home-stu-exp li .right h4 .name{ font-size:12px; font-weight:bold; padding-right:5px; color:#000; text-transform:uppercase;}
.home-stu-exp li .right h4 .country{ color:#739fe8;font-size:13px;}
.home-stu-exp li .right .exper-info{ line-height:14px;}
.home-stu-exp li .right .exper-info a{ font-size:12px; color:#1f2558; text-decoration:none;}
.home-stu-exp li .right .exper-info a:hover{ text-decoration:underline; color:#333;}

/*左下申请人数---认证图标*/
.home-office-panel{ border:1px solid #ccc; border-top-width:2px; margin-bottom:10px;}
.official-item{padding-top:15px;  /*background:url(/Images/icon-official1.png) center 10px no-repeat;*/}
.official-item ul{ height:102px; padding-left:12px;}
.official-item ul li{ font-family:Calibri; text-transform:uppercase; color:#3c87ed; width:64px;  float:left;}
.official-item ul li.official-kshf{width:75px; margin-left:15px; margin-right:8px}
.official-item ul li p{ font-size:12px; color:#0057A7;text-transform:uppercase; text-decoration:none; font-weight:bold;}
.official-item ul li a:hover{ text-decoration:underline}
.official-item img{ margin-bottom:8px;}
.num-apply{ line-height:40px; color:#666; font-size:12px; text-align:center; padding:5px 0 10px 0;}
.num-apply .span-num{ font-size:30px; color:#B31114;}
/*左下已提交学生*/
.stu-submit-end{ padding:0 10px; height:370px; overflow:hidden;}
.stu-submit-end li{ padding:10px 0; height:50px; border-top:1px dotted #ccc;}
.stu-submit-end li .fl-left{ height:50px; overflow:hidden;}
.stu-submit-end li h4{ padding-bottom:5px; color:#666;}
.stu-submit-end li .name{ font-size:12px; font-weight:bold; padding-right:5px; text-transform:uppercase;}
.stu-submit-end li .apply-info{ font-size:12px; color:#666;}
.stu-submit-end li .apply-info .university-n{ font-size:12px; color:#000; font-weight:bold; text-decoration:none; padding-right:3px;}
.stu-submit-end li .apply-info .programs-n{ color:#B31114;text-decoration:none;}
.stu-submit-end li .apply-info a:hover{ text-decoration:underline;}
/*申请按钮图片板块Apply or track*/
.apply-track-panel{ margin:0 0 10px 0; background:#1f2558; padding:4px;}
.apply-track-panel h4{ line-height:26px; font-size:12px; text-align:center; text-transform:uppercase; color:#fff;}
.apply-track-pic{ border:1px solid #fff; overflow:hidden;}
/*底部新闻板块*/
.right-below{ width:820px; overflow:hidden;}
.news-policies{ width:510px; float:left;}
.news-policies h2{position:relative;  padding:5px 0; height:30px; line-height:30px;font-size:18px; border-top: 2px solid #ccc; }
.news-policies h2 .a-title{ font-size:20px; color:#000; text-decoration:none;}
.news-policies h2 .white-more{right:0; top:9px; background-position:-47px -391px;}
.news-policies h2 .white-more:hover{background-position:-47px -377px;}
.news-policies .hot-news{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #ccc;}
.news-policies .hot-news-pic{ float:left; height:134px; overflow:hidden; border:1px solid #ccc;}
.news-policies .hot-news-pic img{width:195px;}
.news-policies .hot-news-main{ float:right;}
.news-published{ font-size:12px; padding-bottom:5px; font-family:Calibri; color:#0057a7;}
.news-policies .hot-news h3{ font-size:16px; color:#000; padding:0 0 5px 0;}
.news-policies .hot-news-info a{ color:#666; text-decoration:none;}
.news-policies .hot-news-info a:hover{ color:#0057a7; text-decoration:underline;}
/*推荐新闻列表*/
.rec-news-item li{background:#f2f2f2; margin-bottom:1px;}
.rec-news-item li a{padding:6px 5px 6px 10px; display:block; color:#4e4e4e; text-decoration:none;}
.rec-news-item li a:hover{ background:ddd;}
/*底部奖学金图片*/
.ciss-scholarships{ height:180px; margin-bottom:20px; overflow:hidden; border-top:2px solid #ccc;}
/*CISS  Free Newsletter*/
.newsletter{ background:#f1f1f1;}
.newsletter h2{background: #1f2558;color:#fff; height:30px; line-height:30px;font-size:18px; padding-left:10px;}
.newsletter-info{ min-height:76px; padding:10px; line-height:18px; font-size:13px;}
.newsletter .input-item{ padding:0 10px 10px 10px; text-align:right;}
.newsletter .input-item .input-text{ border:1px solid #d3d3d3; background:#fff; color:#666; line-height:24px; height:24px; width:265px; margin-bottom:10px;}
.newsletter .input-item .input-btn{ background:#2a316c; color:#fff; font-weight:bold; border:none; text-align:center; padding:0 10px; border-radius:3px; font-size:14px; height:26px; cursor:pointer;}
.newsletter .input-item .input-btn:hover{ background:#1f2558;}
/*推荐滚动大学列表*/
.home-un-title{ margin-bottom:10px; font-size:20px; position:relative;}
.home-un-title h2{font-size: 20px; line-height:30px; padding:6px 0 0 0; color: #000; border-top:2px solid #ddd;}

.un-title-info{ font-size:12px; color:#666; padding-right:140px;}
.un-arrow{ width:62px; height:30px; position:absolute; top:10px; right: 0; z-index:800;}
.un-arrow span {display: block;width: 30px;height: 30px; cursor:pointer;}
.un-arrow a:hover{ background-position:0 -31px;}
.un-arrow .arrow-left{background-image: url(/Images/un-arrow-left.gif); float:left;}
.un-arrow .arrow-right{background-image: url(/Images/un-arrow-right.gif); float:right;}
.home-un-item{ clear:both; overflow:hidden; background:#fff; position:relative;}
.home-un-item ul{ width:10000px;}
.home-un-item li{ width:826px; height:80px; float:left;}
.home-un-item li .single-un-panel {  width:262px; float:left; height:66px; margin-right:2px; padding:5px; background:#f1f1f1;}
.home-un-item li a.logo{ display:block; float:left; position:relative; margin-top:3px;}
.home-un-item li a.logo img{ width:60px;}
.home-un-item li .university-info{ padding-left:70px;}
.home-un-item li .university-info a{text-decoration:none;}
.home-un-item li .university-info h4{ height:40px; padding-top:16px;}
.home-un-item li .university-info h4 a{ font-size:13px; font-weight:bold; color:#333;}
.home-un-item li .university-info h4 a:hover{ color:#1f2558;}
.home-un-item li .university-info p{ font-size:12px; color:#666; padding-top:5px; display:inline-block;}
.university-sign-item{ display:inline-block; height:20px; padding-top:5px;}
.university-sign-item dd{ width:16px; height:16px; float:left; background:#aa00ff; margin-right:4px;}
.university-sign-item dd.icon-vip{ background:#00ff00;}
.university-sign-item dd.icon-985{ background:#ff0;}
.university-sign-item dd.icon-211{ background:#f60;}
.university-sign-item dd.icon-ciss{ background:#0091cd;}
/*鼠标划过出现的文字说明
.home-un-item li a span{ display:none; width:140px; height:auto; position:absolute; left:-30px; top:89px; z-index:800; background:#fff; border:1px solid #d3d3d3; padding:5px; color:#666; font-size:12px;}
.home-un-item li a b{display: none; z-index:1000;position: absolute;left: 50%;bottom: -10px;overflow: hidden;width: 0px;height: 0px;border-width: 7px;
border-style: dashed solid dashed dashed ;border-color: transparent transparent #fff transparent ;margin-left: -6px;}
.home-un-item li a:hover span{ display:block;}
.home-un-item li a:hover b{display:block;}*/

/*-------------------------------脚部------------------------------------*/

#footer{ background:#ebebeb; padding-top:30px; box-shadow: 0 2px 6px #ccc inset;}
.foot-info-item{ height:220px;}
#footer dl{ float:left; padding:0 20px 0 50px; height:190px; border-right:1px solid #d3d3d3; border-left:1px solid #ffffff}
#footer dl dt{ font-size:18px; margin-bottom:20px; color:#4e4d4d;}
#footer dl dd{ line-height:18px; padding-top:3px; padding-bottom:3px;}
#footer dl:first-child{ border-left:none;}
#footer dl:last-child{ border-right:none;}
#footer dl dd a{ color:#4e4d4d; text-decoration:none;  font-size:12px;/* text-transform:uppercase; font-family:Calibri,Arial;*/}
#footer dl dd a:hover{ text-decoration:underline;}
.foot-share-item{ background:url(/Images/follow-us.png) 42px 44px no-repeat;}
.foot-share-item dd{ padding-left:24px;}
.footer-nav{ text-align:center; line-height:20px; color:#878787;  font-size:12px; padding:10px 0; }
.footer-nav a{ padding:0 5px;color:#878787; text-decoration:none;}
