﻿/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0; padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block; margin:auto;}
table{border-collapse:collapse; border-spacing:0;}
caption,th{text-align:left; font-weight:normal;}
html,body,img,iframe,abbr{border:0;}
i,em{font-style:normal;}
[hidefocus],summary{outline:0;}
summary{display:block;}
li{list-style:none;}
sup,sub{font-size:12px;}
textarea{overflow:auto; resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,b{font-weight:normal; display:block;}
a,a:hover{text-decoration:none;}
a{color:#333;}
a:hover{color:#000;}
body,textarea,input,button,select,keygen,legend{ font:14px/1.5 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif,\5b8b\4f53; color:#333; outline:0;}
html{font-size:10px;}
body{background:#fff; -webkit-transition:none !important; -moz-transition:none !important; -ms-transition:none !important; -o-transition:none !important;}
input[type=submit]{cursor:pointer;}


.fl{ float:left;}
.fr{ float:right;}

.clear{clear:both; height:1px;font-size:0;line-height:0;}

.clearfix{ zoom:1;}
.clearfix:after{content:''; width:0; height:0; display:block; clear:both;}

.header,.nav-inner,.content,.footer{ width:1200px; margin:0 auto;}
.head{ background:url(../images/bg.gif) repeat-x top;  z-index:999;}
.header{position:relative;}

.header .wel{ width:600px; float:left; line-height:38px;}
.login_div{ float:right; line-height:38px;}
.login_div a{ color:#999; margin-left:15px;}
.login_div a:hover{ text-decoration:underline;}

.logo{ width:416px; height:60px; display:block; float:left; margin-top:35px;}

.navigation{}
.gktime{
      text-align:center; line-height:34px; padding:0 20px; border-radius:3px;  background:url(../images/heiban.png) no-repeat center top;
     position:absolute; left:492px; top:5px; width:300px; height:151px; z-index:9;
     background-size:100% 100%;
}
.gktime b{color:#ffe628; font-size:20px; display:initial;line-height:34px;font-weight:600;}
.gkday{margin-top:46px; color:#fff; font-size:15px;}
.gktxt{ line-height:22px; color:#fff; font-size:13px; text-align:left;}

.searchForm{ float:right; margin-top:45px; position:relative;}
.searchForm input.text{ width:270px; height:36px; line-height:36px; padding-left:15px; background:#fafafa; border:1px #e6e6e6 solid; border-radius:30px;}
.searchForm input.submit{ width:19px; height:19px; position:absolute; top:8px; right:15px; border:none; background:url(../images/search_btn.gif) no-repeat center center; cursor:pointer;}

.nav-inner{ width:1210px; height:52px; line-height:38px; margin-top:20px; padding:11px 0 0;}
.nav-inner li{ display:inline-block; *zoom:1; *display:inline; font-size:16px;}
.nav-inner li a{ width:115.5px; display:block; margin:0 1px 5px 0; text-align:center; border-radius:3px;}
.nav-inner li a:hover{ color:#fff; background:#188EEE;}

.sub-nav-list{ width:160px; height:480px; min-height:360px; overflow:hidden; display:none; margin-top:5px; background:#188EEE;}
.sub-nav-list li{ line-height:36px;}
.sub-nav-list li a{ display:block; padding-left:15px; color:#fff;}
.sub-nav-list li a:hover{ background:#44a8fa;}

.main_menu{ display:none;}
.sub_menu_bg{ padding-bottom:8px;}
.sub_menu{ clear:both; width:1200px; margin:0px auto;}
.sub_center{ color:#666;}
.sub_center span{float:right; padding-right:10px;}
.sub_center ul{padding-top:5px;}
.sub_center li{ float:left; line-height:28px;}
.sub_center li a{ width:75.3px; height:28px; text-align:center; display:block; overflow:hidden; color:#999; margin:0px 1px 1px 0; padding:0 8px; border-radius:3px; background:#eee;}
.sub_center li a:hover,.sub_center li a.current{ color:#fff; background:#F4CA20;}
.sub_center li a.current:hover{ text-decoration:underline;}

/***************** banner *****************/
.indexBanner{ width: 100%; height: 350px; position: relative; font-family: micosoft yahei; margin: 0 auto; overflow: hidden; min-width: 1200px;}
.indexBanner ul.carousel li{width: 100%; position: absolute; left: 0px; background-position: top center;}
.indexBanner ul.carousel li a{width: 100%; height: 350px; display: inline-block;}

.indexBanner ol.num{ width:100%; text-align:center; position:absolute; left:0; bottom:20px;}
.indexBanner ol.num li{ display:inline-block; *zoom:1; *display:inline; width:10px; height:10px; margin:0 5px; background:#fff; overflow:hidden; border-radius:8px; cursor:pointer;}
.indexBanner ol.num li.color{ background:#188eee;}

.i_banner{ height:70px; overflow:hidden; background:#4CB1DB; text-align:center;}

/***************** content *****************/
.leftcontent{ width:800px; float:left;}
.rightcontent{ width:350px; float:right;}

.abroad .title{ height:60px; line-height:60px; border-bottom:1px #f0f0f0 solid;}
.abroad .title span.more{ float:right;}
.abroad .title span.more a{ color:#188eee;}
.abroad .title span.more a:hover{ text-decoration:underline;}
.abroad .title ul li{ float:left; font-size:22px; padding:0 10px; margin-right:40px; line-height:59px;}
.abroad .title ul li.selected{ border-bottom:2px #188eee solid;}
.abroad .title ul li.selected a{ color:#188eee;}

.abroadschool ul{ width:1000px; margin-top:10px;}
.abroadschool ul li{ width:365px; float:left; margin-right:65px; line-height:36px;}
.abroadschool ul li a{ color:#666;}
.abroadschool ul li a:hover{ text-decoration:underline;}
.abroadschool ul li .datetime{ float:right; color:#bababa;}

.elite{ margin-top:15px;}
.elite .title{ height:60px; line-height:60px; border-bottom:1px #f0f0f0 solid;}
.elite .title h2{ float:left; font-size:22px; padding:0 10px; margin-right:40px; line-height:59px;}
.elite .title h2{ border-bottom:2px #188eee solid;}
.elite .title dl{ float:right;}
.elite .title dl dd{ float:left; margin-left:20px;}

.elite ul{ width:1000px; margin-top:20px;}
.elite ul li{ float:left; margin-right:25px; text-align:center; line-height:40px;}
.elite ul li>a{ width:250px; height:167px; display:block; overflow:hidden;}

.ad_box{ margin:22px 0 10px;}

.news_box{ width:1000px;}
.news{ width:365px; margin-right:65px; float:left;}
.news .title{ height:60px; line-height:60px; border-bottom:1px #f0f0f0 solid;}
.news .title h2{ float:left; font-size:22px; padding:0 10px; margin-right:40px; line-height:59px;}
.news .title h2{ border-bottom:2px #188eee solid;}
.news .title span.more{ float:right;}
.news .title span.more a{ color:#188eee;}
.news .title span.more a:hover{ text-decoration:underline;}
.news .title dl{ float:right;}
.news .title dl dd{ float:left; margin-left:20px;}

.news_list ul{ margin-top:10px;}
.news_list ul li{ width:365px; line-height:36px;}
.news_list ul li a{ color:#666;}
.news_list ul li a:hover{ text-decoration:underline;}
.news_list ul li .datetime{ float:right; color:#bababa;}

.news_tab{ margin-top:20px; border:1px #f0f0f0 solid;}
.news_tab .title{ height:51px; line-height:51px; border-bottom:1px #f0f0f0 solid;}
.news_tab .title ul li{ width:50%; text-align:center; float:left; font-size:22px; line-height:50px;}
.news_tab .title ul li:nth-child(1){ box-sizing:border-box; border-right:1px #f0f0f0 solid;}
.news_tab .title ul li.selected{ border-bottom:2px #188eee solid;}
.news_tab .title ul li.selected a{ color:#188eee;}

.news_tab .n_list{ padding:0 15px 15px;}
.news_tab .n_list li{ width:25%; line-height:36px; float:left; text-align:center;}

.news_tab02{ margin-top:2px; border:1px #f0f0f0 solid;}
.news_tab02 .title{ height:51px; line-height:51px; border-bottom:1px #f0f0f0 solid;}
.news_tab02 .title ul li{ width:50%; text-align:center; float:left; font-size:22px; line-height:50px;}
.news_tab02 .title ul li:nth-child(1){ box-sizing:border-box; border-right:1px #f0f0f0 solid;}
.news_tab02 .title ul li.selected{ border-bottom:2px #188eee solid;}
.news_tab02 .title ul li.selected a{ color:#188eee;}

.news_tab02 .n_list02{ padding:0 15px 15px;}
.news_tab02 .n_list02 li{ width:25%; line-height:36px; float:left; text-align:center;}

.infos{}
.infos .title,.weixin .title{ height:60px; line-height:60px; border-bottom:none;}
.infos .title h2,.weixin .title h2{ float:left; font-size:22px; padding:0 10px; margin:17px 40px 17px 0; line-height:26px; border-left:5px #188eee solid;}
.infos .title span.more{ float:right;}
.infos .title span.more a{ color:#188eee;}
.infos .title span.more a:hover{ text-decoration:underline;}

.infoslist,.infos_con{ border:1px #f0f0f0 solid; padding:20px; line-height:36px;}
.infoslist li>span{ width:22px; height:22px; line-height:22px; margin:7px 8px 0 0; text-align:center; color:#fff; border-radius:3px; display:block; float:left; background:#d6d6d6;}
.infoslist li a:hover{ text-decoration:underline;}
.infoslist li span.top1{ background:#f78735;}
.infoslist li span.top2{ background:#f4ca20;}
.infoslist li span.top3{ background:#4b9eef;}

.infos .abroadschool ul{ width:auto;}
.infos .abroadschool ul li{ padding-left:10px; float:none; background:url(../images/dot.gif) no-repeat 0 center;}
.infos .abroadschool ul li span{ margin-right:8px;}

.rt_ad_box{ margin:20px 0 10px;}

.topicsuggest{}
.topicsuggest .title{ height:60px; line-height:60px; border-bottom:1px #f0f0f0 solid;}
.topicsuggest .title h2{ float:left; font-size:22px; padding:0 10px; margin-right:40px; line-height:59px;}
.topicsuggest .title h2{ border-bottom:2px #188eee solid;}
.topicsuggest .title span.more{ float:right;}
.topicsuggest .title span.more a{ color:#188eee;}
.topicsuggest .title span.more a:hover{ text-decoration:underline;}

.bannerTab{ width:1280px; margin-top:20px;}
.bannerTab a{ float:left; margin-right:20px;}
.bannerTab a img{ float:left; display:block;}

.picline{ width:1280px; margin-top:20px;}
.picline li{ width:225px; margin-right:19px; text-align:center; float:left;}

/***************** friendlink *****************/
.home_yqlj a,.home_yqlj span{ display:inline-block; line-height:30px;}
.home_yqlj span{ margin:0 8px 0 12px;}
.home_yqlj li{ display:inline-block; *zoom:1; *display:inline; margin:0 16px 0 0;}


/***************** foot *****************/
.foot{ height:128px; margin-top:20px; overflow:hidden; background:#595959;}
.footer{ text-align:center; color:#fff; line-height:24px;}
.footer a{ color:#fff;}
.footer a:hover{ text-decoration:underline;}
.footer ul{ margin-top:22px;}
.footer ul li{ display:inline-block;}
.footer ul li a{ color:#fff; margin:0 10px;}



/***************** insidepage *****************/
.contentLeft{ width:800px; float:left;}
.contentRight{ width:350px; float:right;}

ul.rtulist li{ padding-bottom:15px; margin-bottom:15px; border-bottom:1px #ddd dashed;}
ul.rtulist li img{ margin-right:15px; vertical-align:top;}

.weixin .weixin-border{ background:#f5f5f5; padding:20px; text-align:center;}
.weixin .weixin-border p{ margin-bottom:15px;}

#daohang,.sitepath{ padding:10px 20px; margin-bottom:20px; border-bottom:1px #f0f0f0 solid; background:url(../images/home.gif) no-repeat 0 center;}
#daohang a:hover,.sitepath a:hover{ text-decoration:underline;}

.title_info{ border-bottom:1px #ddd solid; padding-bottom:10px;}
.title_info h3{ font-size:22px; color:#000; margin-bottom:20px;}
.author{ float:left;}

.summary_info{ background:#f5f5f5; padding:15px;}

#upnext{ margin-top:30px; background:#f5f5f5; padding:10px;}

.i_abroad{ margin-top:20px;}
.abroad .title{ height:60px; line-height:60px; border-bottom:1px #f0f0f0 solid;}
.abroad .title h2{ float:left; font-size:22px; padding:0 10px; margin-right:40px; line-height:59px;}
.abroad .title h2{ border-bottom:2px #188eee solid;}

.public_title1{ font-size:22px; color:#000; height:60px; line-height:60px; border-bottom:1px #f0f0f0 solid;}
.public_title1 b{ float:left; font-size:22px; padding:0 10px; margin-right:40px; line-height:59px;}
.public_title1 b{ border-bottom:2px #188eee solid;}

.content_info_list{ border-bottom:1px #ddd dashed; line-height:50px;}
.content_info_list a{ padding-left:10px; background:url(../images/arrow.gif) no-repeat 0 center;}
.content_info_list a:hover{ text-decoration:underline;}
.content_info_list .friendly-time{ font-size:14px; float:right; color:#999;}

.i_news_list{ height:252px; overflow:hidden; margin-bottom:15px;}

.public_title2 b{ text-align:center;}
.sub_time span{ color:#999;}

.content_list li{ border-bottom:1px #ddd dashed; line-height:50px;}
.content_list li a{ padding-left:10px; background:url(../images/arrow.gif) no-repeat 0 center;}
.content_list li a:hover{ text-decoration:underline;}
.content_list li .datetime{ font-size:14px; float:right; color:#999;}

#content.part{ padding-top:10px; line-height:2em; overflow-y:auto;}
#content.part table td{ padding:10px;}
#content.part p select{ display:none;}

.photo_list .title{ height:60px; line-height:60px; border-bottom:1px #f0f0f0 solid;}
.photo_list .title h2{ float:left; font-size:22px; padding:0 10px; margin-right:40px; line-height:59px;}
.photo_list .title h2{ border-bottom:2px #188eee solid;}

.photo_list ul{ width:1000px; margin-top:20px;}
.photo_list ul li{ float:left; margin:0 53px 20px 0; text-align:center; line-height:40px;}
.photo_list ul li>a{ width:160px; height:120px; display:block; overflow:hidden;}

.nav1 .title{ height:60px; line-height:60px; border-bottom:1px #f0f0f0 solid;}
.nav1 .title h2{ float:left; font-size:22px; padding:0 10px; margin-right:40px; line-height:59px;}
.nav1 .title h2{ border-bottom:2px #188eee solid;}

/* 图片详情页 */
.article_content{ padding-bottom:10px;}
.article_content h1{ font-size:22px; color:#000; margin-bottom:20px;}

.article_info{ padding:10px; background:#f5f5f5; margin-bottom:20px;}

/*#galleria{ text-align:center;}
#galleria img{ display:block; margin:0 auto 20px; max-width:800px;}*/

.picture_info{ line-height:2em; margin-top:20px; text-align:left;}
.picture_info h4{ font-size:18px; color:#000; margin-bottom:15px;}

.article_mood{ display:none;}

.article_page{ margin-top:30px; background:#f5f5f5; padding:10px;}
.article_page li{ line-height:30px;}

.article_about .title{ height:60px; line-height:60px; border-bottom:1px #f0f0f0 solid; margin-bottom:15px;}
.article_about .title h2{ float:left; font-size:22px; padding:0 10px; margin-right:40px; line-height:59px;}
.article_about .title h2{ border-bottom:2px #188eee solid;}

.i_more{ margin-top:30px; *margin-top:0; float:right;}

.page_css #nav{ text-align:center; padding:15px 0;}
.page_css #nav a{ display:inline-block; border:1px solid #188EEE; padding:8px; color:#188EEE; line-height:100%; border-radius:3px;}
.page_css #nav a:hover{ color:#fff; background:#188EEE; }
.page_css #nav b a{ color:#fff; background:#188EEE; }

.copyright_list{ line-height:2em; padding-bottom:30px;}
.copyright_list h1{ text-align:center; margin-bottom:20px;}

/******网站地图*******/
.sitemap h5{ height:38px; line-height:38px; font-size:16px; clear:both; border-bottom:1px solid #f0f0f0;}
.sitemap h5 a{ color:#188EEE; border-bottom:2px solid #188EEE; height:37px; line-height:37px; display:inline-block; padding:0px 10px;}
.sitemap h5 a:hover{ color:#000;}
.sitemap ul{ padding:10px 0px;}
.sitemap li{ height:26px; line-height:26px; float:left; padding:0px 10px 0 0;}
.sitemap li a{ color:#333;}
.sitemap li a:hover{ color:#F78735; text-decoration:underline;}
.sitemap_list{ margin-bottom:20px;}

/***************** pagination *****************/
.flip_pages_front{ font-size:12px; font-family:arial,sans-serif; padding-top:20px; text-align:center; clear:both; margin-bottom:30px;}
.flip_pages_front a{ margin:0px 3px; display:inline-block; padding:7px 10px; text-align:center; border:1px solid #188EEE; color:#188EEE; background:#fff; border-radius:2px;}
.flip_pages_front b{ display:inline-block;}
.flip_pages_front a:hover,.flip_pages_front .pageson{ color:#fff; background:#F4CA20; border:1px solid #F4CA20;}
.flip_pages_front .pagesInput input{ width:30px; height:24px; margin:0 5px; text-align:center; border:1px #188EEE solid;}
.flip_pages_front select{ margin:0 5px; padding:5px 10px; text-align:center; border-radius:2px; border:1px #188EEE solid;}
.flip_pages_front b a{ color:#fff; border:1px solid #F4CA20; cursor:pointer; background:#F4CA20;}
.flip_pages_front b a:hover{ color:#fff; border:1px solid #F4CA20; background:#F4CA20;}
.flip_pages_front span{ padding:5px;}

.slist111 ul{ width:100%;}
.slist111 ul li{ width:120px;  margin-right:105px; padding-bottom:10px; padding-top:15px;}
.slist111 ul li img{ width:90px;}
.slist111 ul li p{ font-size:18px; line-height:40px;}
.slist111 ul li:nth-child(4n+4){ margin-right:0;}


/* 侧栏 */
.sidebar { position: fixed; right: 0px; bottom:100px; z-index:999; }
.sidebar table { height: 220px; text-align: center; background-color: white; border-spacing: inherit; border-top: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; }
.sidebar table div { width: 70px; text-align: center; }
.sidebar a div .active { display: none; }
.sidebar a div .active2 { display: none; }
.sidebar a div .active3 { display: none; }
.sidebar a div .active3 h3 { color: #29d19e; }
.sidebar a div .active3 { padding: 10px; background-color: #fff; }
.sidebar tr:hover div img { display: none; }
.sidebar tr:hover .active { display: inline-block; }
.sidebar tr:hover .active2 { display: block; width: 120px; height: 120px; position: absolute; right: 90px; top: 0; -webkit-box-shadow: 0px 0px 22px #e5e5e5; -moz-box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.2); border-radius: 2px; }
.sidebar tr:hover .active3 { display: block; width: 120px; /*height:80px;*/ position: absolute; right: 0; top: 0; margin-right: 90px; -webkit-box-shadow: 0px 0px 22px #e5e5e5; -moz-box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.2); }
.sidebar a { text-align: center; display: block; }
.sidebar tr:hover .active3 { color: #29d19e; border-radius: 2px; margin-top: 3px; }
.sidebar table tr:hover { background-color: #3ba1e8; }
.sidebar tr:hover { color: #fff; cursor: pointer }
.sidebar table tr { border-bottom: 1px solid #e8e8e8; padding-bottom: 5px; width: 70px; text-align: center; position: relative; }
.sidebar tr a { color: #000; }
.sidebar tr:hover a { color: #fff; }
.sidebar table { box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.10),-5px -5px 10px rgba(0, 0, 0, 0.10) }
