﻿@charset "utf-8";
/**
 * 编写者：吉林省奕网特科技有限公司
 * 未经授权，禁止使用
 *
 * Copyright (C) 2020 1vator.com 
 */
		
/*导航菜单*/		
.ty_nav {
    position: fixed;
    width: 100%;
	height: 80px;
    z-index: 100;
	transition:0.5s;   
    background: rgba(255, 255, 255, 0.4);
}

.nav_border_top{
	width:100%;
	height:4px;
}

.nav {
    height: 76px;
}

.nav_left{ 
    width: 756px; 
	float: left;
}

.nav_left ul li{ 
    float:left; 
    margin-left: 18px;
}

.nav_left ul li:first-child{ 
    margin-left: 0px;
}

.nav_left ul li a{ 
    width: 111px; 
	height: 116px; 
	display: block; 
	text-decoration: none;
}

.nav_left ul li a em{ 
    font-size: 18px; 
	font-weight: bold; 
	display: block; 
	text-align: center; 
	padding-top: 13px;
}

.nav_left ul li a span{ 
    font-size: 14px; 
	text-align: center; 
	display: block; 
	color:#666666; 
	padding-top: 5px;
}

.nav_left ul li a i{ 
    display: block;  
	text-align: center;
	-webkit-transition: -webkit-transform 0.4s ease-out; 
    -moz-transition: -moz-transform 0.4s ease-out; 
    transition: transform 0.4s ease-out; 
	position: relative;
	font-size:35px;
}

.nav_left ul li a i b{ 
    display: none;
}

.nav_left ul li a:hover,.nav_left ul li.active a,.nav_left ul li.curr a{
    background: url(../images/nav_bg.png) left center no-repeat;
    color: #fff;
}

.nav_left ul li a:hover span, .nav_left ul li.active a span,.nav_left ul li.curr a span{
    display: none;
}

.nav_left ul li a:hover i,.nav_left ul li.active a i,.nav_left ul li.curr a i{
    display: block;
    padding-top: 15px;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
}

.nav_left ul li a:hover i b, .nav_left ul li.active a i b,.nav_left ul li.curr a i b {
    display: block;
    width: 35px;
    margin: 0 auto;
}

.nav_right{ 
    width: 276px; 
	float: right;
	position: relative; 
}

.nav_right .sasch_local_box{ 
    width: 47%;
	display: block;
	position: absolute; 
	padding-top: 15px;
}

.nav_right .sasch_local{ 
    width: 128px; 
	height: 25px; 
	position:relative; 
	background: #daefff;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-ms-border-radius:5px; 
	-o-border-radius:5px; 
	-webkit-border-radius:5px;
}

.nav_right .sasch_local input{ 
    width: 103px; 
	height: 25px; 
	border: none; 
	background:none; 
	vertical-align: middle;
}

.nav_right .sasch_local button {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    padding: 0 10px;
    background: 0 0;
    border: none;
	outline: none;
	cursor:pointer
}
.nav_right .language_box{
	width: 47%;
	height:32px;
	display: block;
	position: absolute;
	top: 44px;
}

.nav_right .language_box ul li{ 
    float: left; 
	margin-right: 16px; 
	margin-top: 5px; 
	vertical-align: middle;
}

.nav_right .language_box ul li:last-child{
	margin-right: 0
}

.nav_right .language_box ul li i{ 
    height:18px; 
	font-size:18px; 
	line-height:22px;  
}

.language_share{
	width: 120px;
    height: 120px;
	padding: 10px; 
	background: #fff;
	position: absolute; 
	top:38px;
}

/*抖音图标尚未制作*/	
.fa-douyin{ 
    width:18px;
	height:18px;
	display: block;
	margin-top: 2px;
	background:url(../images/fa-douyin.png) 0 0 no-repeat;
}

.language_share span{ 
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    display: block;
    top: -10px;
    left: 0;
    position: absolute;
}

.language_share img{
	max-width: 100px;
    max-height: 100px;
}

.nav_right .login_box{ 
    width:120px; 
	height:76px;
}

.nav_right .login_box a,.nav_right .login_box a:hover{
	color:#fff;
}

.nav_right .login_box h4{ 
    width:100%; 
	height:30px;
	line-height:30px; 
	display:block;
	box-sizing: border-box; 
	padding-left:8px;
}

.nav_right .login_box b{
	width:100%; 
	height:20px;
	line-height:20px; 
	display:block;
	box-sizing: border-box; 
	padding-left:8px; 
	font-size:12px;
}

.nav_right .login_box span{
	width:100%; 
	height:22px;
	line-height:22px; 
	margin-bottom:4px;
	display:block;
	box-sizing: border-box; 
	padding-left:8px;
	font-size: 14px;
}

.nav_right_ ul{ 
    width: 205px; 
	float: right; 
	padding-top: 15px;
}

.nav_right_ ul li{ 
    float: left; 
	margin-left:35px;
}

.nav_right_ ul li:first-child{
	margin-left: 0;
}

.nav_right_ ul li a{ 
    width: 45px; 
	height: 45px; 
	display: block; 
	background:#1b8bea;
	border-radius:50px; 
	-moz-border-radius:50px; 
	-ms-border-radius:50px; 
	-o-border-radius:50px; 
	-webkit-border-radius:50px; 
	text-align: center; 
	line-height: 33px;
}

.nav_right_ ul li a:hover{ 
    background:#0778d8;
}

/*-------右侧边栏（咨询）------*/

.zx_btn {
    position: absolute;
    top: 30%;
    width: 54px;
    height: 160px;
    margin-right: 0px;
    float: right;
    right: 0px;
			z-index: 100;
}

.zx_btn a {
    width: 54px;
    height: 160px;
    display: block;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-decoration: none;
}
.zx_btn a i{
	width: 54px;
    height: 54px;
	line-height:54px;
	font-size: 1.4em;
}
		
.zxfw_lc {
    position: absolute;
    right: -120px;
    z-index: 40;
    width: 100px;
    height: 356px;
    border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    -ms-border-radius: 10px 0 0 10px;
    -o-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    top: 20%;
}

.zxfw_lc ul li {
    border-top: 1px solid #999;
}

.zxfw_lc ul li a {
    height: 118px;
    display: block;
    text-align: center;
    color: #fff;
}

.zxfw_lc ul li:first-child {
    border-top: 0;
	border-radius: 10px 0 0 0;
	-moz-border-radius: 10px 0 0 0;
    -ms-border-radius: 10px 0 0 0;
    -o-border-radius: 10px 0 0 0;
    -webkit-border-radius: 10px 0 0 0;
}
		
.zxfw_lc ul li:last-child {
	border-radius: 0 0 0 10px ;
	-moz-border-radius: 0 0 0 10px;
    -ms-border-radius: 0 0 0 10px;
    -o-border-radius: 0 0 0 10px;
    -webkit-border-radius: 0 0 0 10px;
}
.zxfw_lc ul li i{ 
    width:100px;
	height:80px; 
	line-height:80px;
}		

/*-------登录界面-------*/
.dljm {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#7F000000);
    z-index: 120;
}

.yhdl_nr {
    width: 400px;
    height: 500px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0px 0px 5px #999;
    -moz-box-shadow: 0px 0px 5px #999;
    -ms-box-shadow: 0px 0px 5px #999;
    -o-box-shadow: 0px 0px 5px #999;
    -webkit-box-shadow: 0px 0px 5px #999;
    padding: 0 24px 24px 24px;
    margin-top: 8%;
    position: relative;
}

.dl_tit {
    height: 73px;
    line-height: 73px;
}

.dl_tit h4 {
    font-size: 18px;
    font-weight: bold;
}

.yhdl_nr p {
    width: 350px;
    height: 38px;
    line-height: 36px;
    border: 1px solid #b4b4b4;
    margin-bottom: 16px;
}

.yhdl_nr p i {
    height: 36px;
			width: 36px;
    line-height: 36px;
    text-align: center;
			border-right: 1px solid #b4b4b4;
}


.dl_inp {
    width: 299px;
    height: 36px;
    line-height: 36px;
    padding-left: 12px;
    border: none;
    color: #999;

}

.dl_inp01 {
    width: 210px;
    height: 36px;
    line-height: 36px;
    padding-left: 12px;
    border: none;
    color: #999;
    margin-left: 38px;
}

.yhdl_nr p span {
    width: 77px;
    height: 28px;
}

.bs_inp_btn01 {
    width: 158px;
    height: 40px;
    line-height: 40px;
    background: #00a0f3;
    color: #FFF;
    cursor: pointer;
    border: none;
    font-size: 16px;
}

.bs_inp_btn02 {
    width: 158px;
    height: 40px;
    line-height: 40px;
    background: #b34920;
    color: #FFF;
    cursor: pointer;
    border: none;
    font-size: 16px;
}

.wj_word {
    height: 40px;
}

.wj_word em a {
    color: #666;
    font-size: 13px;
    padding: 0 5px;
}

.wj_word h4 a {
    color: #1d50c4;
    font-size: 13px;
}

.yjts {
    padding: 5px;
    border: 1px dashed #bfbfbf;
    margin-bottom: 15px;
}
.news_nav_tsg{ height: 36px; padding: 0 0 16px 0;  border-bottom: 1px solid #ececec; margin-bottom: 20px;}
.news_nav_tsg ul li{ float: left; font-size: 20px; line-height: 20px; width: 49%; text-align: center;font-weight: bold; border-left:1px solid #ececec;}
.news_nav_tsg ul li:first-child{ border: 0;}
.news_nav_tsg ul li a{ color:#999;}
.news_nav_tsg ul li a:hover,.news_nav_tsg ul li.curr a { color:#ff7200;}
.gd_btn {
    width: 30px;
    height: 30px;
    background: #fd0000;
    position: absolute;
    right: -10px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    -webkit-border-radius: 50px;
    text-align: center;
    top: -15px;
}

.gd_btn a {
    width: 30px;
    height: 30px;
    display: block;
    font-size: 20px;
    color: #fff;
    line-height: 30px;
    text-decoration: none;
}
.gd_btn a i{
			line-height: 30px;

}

/*-------登录后界面-------*/
	.dsf_box {
    height: 70px;
    background: url(../images/20171226fjstsg_sy_icon6.png) center top no-repeat;
    padding-top: 38px;
    margin-top: 25px;
}

.dsf_box ul li {
    float: left;
    margin-left: 43px;
}

/*----------首页-----------*/
.logo{ 
    width: 300px; 
	height: 179px; 
	margin: 0 auto;
	margin-top: 15%;
}

.seach{ 
    width: 1000px; 
	margin: 0 auto;
	padding: 15px; 
	height: 80px;
	position: relative;  
	margin-top: 5%;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-ms-border-radius:5px; 
	-o-border-radius:5px; 
	-webkit-border-radius:5px
}

.seach_box{ width: 800px; 
    background:#fff;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-ms-border-radius:5px; 
	-o-border-radius:5px; 
	-webkit-border-radius:5px; 
	height:50px; 
	padding: 9px;
	position: absolute;
    left: 15px;
    top: 15px;
}

.seach_box span{ 
    position: absolute; 
	left:0;
}

.seach_box span a{ 
    width: 99px; 
	padding-left: 20px; 
	height: 32px; 
	border-right: 1px solid #d8d8d8; 
	display:inline-block; 
	line-height: 32px; 
	font-size: 16px; 
	text-decoration: none;
	color:#333;
}

.seach_box span a i{
	padding-left: 10px;
	color:#333;
}

.seach_box form{
	width: 669px;
	position: absolute;
    right: 0;
}

.seach_inp{ 
    width: 624.23px; 
	height: 32px; 
	padding-left: 10px; 
	border: 1px solid #fff; 
	line-height: 32px; 
	outline: none; 
	font-size: 16px;
	vertical-align: middle;    
	box-sizing: border-box;
}	

.seach_box form button {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    padding: 0 10px;
    background: 0 0;
    border: none;
    outline: none;
    cursor: pointer;
}	

.seach_box_xl{ 
    width: 119px; 
	height:150px; 
	background: #fff; 
	position: absolute; 
	top: 40px;
	border: 1px solid rgba(0,0,0,0.15);
    border-radius: 5px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    background-clip: padding-box;
    overflow-y: hidden;
    z-index: 100;
}
.seach_box_xl ul li a{ 
    width:80px; 
	display: block; 
	border: none; 
}
.seach_btn{ 
     height: 50px; 
	 width: 150px; 
	 color:#fff; 
	 font-size: 16px; 
	 border-radius:5px; 
	-moz-border-radius:5px; 
	-ms-border-radius:5px; 
	-o-border-radius:5px; 
	-webkit-border-radius:5px; 
	border: none;
	cursor: pointer;
	position: absolute;
    right: 15px;
    top: 15px;
	font-family:微软雅黑;
}
	
/*----------通用-----------*/
.ty_tit{ 
    height: 54px;  
	margin-top:12%;
}

.ty_tit span{ 
    height: 40px; 
	line-height: 40px; 
	color:#fff; 
	padding: 0 20px;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-ms-border-radius:5px; 
	-o-border-radius:5px; 
	-webkit-border-radius:5px; 
	margin-top: 14px;
	background-color: rgba(0,0,0,0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);
}

.index_title{ 
    height:54px; 
	width:150px;
	border-radius: 5px 27px 27px 5px;
}

.index_title i{ 
    line-height:54px; 
	width:54px; 
	height:54px; 
	float:left; 
	font-size:36px; 
	color:#FFFFFF; 
	padding-left:15px;
}

.index_title h3{ 
    line-height:54px; 
	color:#FFFFFF;
}

.ty_bjtz{ 
    margin-top: 30px; 
	position:relative;
}

/*----------资源-----------*/
.zy_nav{}
.zy_nav ul li{ 
    float: left; 
	position: relative; 
	margin-left: 16px;
}
.zy_nav ul li:first-child{ 
    margin-left: 0;
}

.zy_nav ul li a{ 
    width: 160px; 
	height: 87px; 
	overflow: hidden; 
	display: block; 
	position: relative;
	text-decoration: none;
}

.zy_nav ul li a span{
	width: 100%; 
	height: 87px;
	position: absolute; 
	left: 0; 
	top:50px; 
	-webkit-transition: -webkit-transform 0.4s ease-out; 
    -moz-transition: -moz-transform 0.4s ease-out; 
    transition: transform 0.4s ease-out;
}
.zy_nav ul li a span i{ 
    font-size: 18px; 
	color:#fff; 
	font-weight: bold; 
	padding-left: 8px;
	line-height: 39px; 
	display: block;
}
.zy_nav ul li a span i ii{
	font-size: 14px; 
	padding-left:8px;
}
.zy_nav ul li a span em{
	font-size: 12px;
	color:#fff;
	padding-left: 10px;
}
.zy_nav ul li a:hover span,.zy_nav ul li.curr a span{
	*+top:0; top:0\9;
	transform:translate(0,-50px); 
	-moz-transform:translate(0,-50px);
	-webkit-transform:translate(0,-50px);
}
.zy_nav ul li.curr b{ 
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(179,73,32,0.8); 
	display: block; 
	bottom:-10px; 
	left: 68px; 
	position: absolute;
}

.zy_detailed{ height: 330px; background: #fff; margin-top: 30px;}

    /*----------数字资源-----------*/	
    .dig_res{padding: 20px;}
    .dig_res ul li{ float:left; }
    .dig_res ul li a{ display: block;  width: 158px; height: 105px; color:#333; text-decoration: none;padding:20px 20px 20px 20px; border-bottom: 1px dashed #e1e1e1; border-left: 1px dashed #e1e1e1;}
    .dig_res ul li:first-child a{ border-left:0;}
    .dig_res ul li a em{ width: 68px; height: 68px; margin: 0 auto; display: block; position: relative;webkit-transition: -webkit-transform 0.4s ease-out; 
    -moz-transition: -moz-transform 0.4s ease-out; 
    transition: transform 0.4s ease-out; }
    .dig_res ul li a em{ background:#0192ff;border-radius: 34px; color:#FFFFFF}
    .dig_res ul:first-child li:nth-child(2) a em{ background:#6ed26e}
    .dig_res ul:first-child li:nth-child(3) a em{ background:#b268ff}
    .dig_res ul:first-child li:nth-child(4) a em{ background:#ff8d4f}
    .dig_res ul:first-child li:nth-child(5) a em{ background:#3cd8b2}
    .dig_res ul:nth-child(2) li:first-child a em{ background:#3cd8b2}
    .dig_res ul:nth-child(2) li:nth-child(2) a em{ background:#ec87c1}
    .dig_res ul:nth-child(2) li:nth-child(3) a em{ background:#8dc153}
    .dig_res ul:nth-child(2) li:nth-child(4) a em{ background:#f9b552}
    .dig_res ul:nth-child(2) li:nth-child(5) a em{ background:#06b8fc}	
    .dig_res ul li a em i{ width:100%; text-align:center; padding-top:13px}	
    .dig_res ul li a span{ text-align: center; display: block; padding-top: 10px; font-size: 16px; }
    .dig_res ul li a:hover em{-webkit-transform: rotate(-35deg); 
    -moz-transform: rotate(-35deg); 
    transform: rotate(-35deg);}
    /*----------馆藏资源-----------*/		
	.col_res{ padding: 20px;}
	.col_res ul li{ float: left; width: 25%;}
	.col_res ul li a{ display: block; height:230px; border-left:1px dashed #ccc; padding-top: 60px;}
	.col_res ul li:first-child a{ border: 0;}
	.col_res ul li a em{ width: 100px; height: 100px;border-radius: 50px; margin: 0 auto; background:#0192ff;color:#FFFFFF; display: block; position: relative;webkit-transition: -webkit-transform 0.4s ease-out; 
    -moz-transition: -moz-transform 0.4s ease-out; 
    transition: transform 0.4s ease-out; }
	.col_res ul li a:hover em{-webkit-transform: rotate(-35deg); 
    -moz-transform: rotate(-35deg); 
    transform: rotate(-35deg);}
	.col_res ul li:nth-child(2) a em{ background:#6ed26e}
	.col_res ul li:nth-child(3) a em{ background:#b268ff}
	.col_res ul li:nth-child(4) a em{ background:#ff8d4f}
	.col_res ul li a em i{ width:100%; text-align:center; padding-top:13px}
	.col_res ul li a span{  display: block; text-align: center; position: relative; margin-top: 10%; font-size: 18px; line-height: 32px;}	
    /*----------馆藏图书 热门图书 爱上书香-----------*/		
	.book_res{ padding:20px;}
    .book_res ul li{ float: left; width:18.4%; margin-left:2%;}
	.book_res ul li:first-child{ margin-left: 0;}
	.book_res ul li a img{ display: block; width: 100%; height: inherit;max-height:234px;min-height:234px;-webkit-transform 0.4s ease-out; 
    -moz-transition: -moz-transform 0.4s ease-out; 
    transition: transform 0.4s ease-out;}
	.book_res ul li a:hover img{ opacity:1;filter: alpha(opacity=80);transform:scale(1.05);-webkit-transform:scale(1.05);}
	.book_res ul li a span{ margin-top: 15px; height: 30px;width:100%; border: 1px solid #ccc; display: block; font-size: 16px; text-align: center; line-height: 30px;position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
	.book_res ul li a:hover span{border: 1px solid #0073d5; color:#0073d5;} 	
    /*----------推广工程-----------*/		
	.pro_res{ padding:20px;}
    .pro_res ul li{ float: left; width:32%; height:100%; margin-left:2%;}
	.pro_res ul li:first-child{ margin-left: 0;}
	.pro_res ul li a img{ display: block; width: 100%; height: inherit;max-height:234px;min-height:234px;-webkit-transform 0.4s ease-out; 
    -moz-transition: -moz-transform 0.4s ease-out; 
    transition: transform 0.4s ease-out;}
	.pro_res ul li a:hover img{ opacity:1;filter: alpha(opacity=80);transform:scale(1.05);-webkit-transform:scale(1.05);}
	.pro_res ul li a span{ margin-top: 15px; height: 30px;width:100%; border: 1px solid #ccc; display: block; font-size: 16px; text-align: center; line-height: 30px;position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
	.pro_res ul li a:hover span{border: 1px solid #0073d5; color:#0073d5;}		
		
/*--------服务-------*/
.fw_box{}
.fw_left{ width:34.6%; float:left; position:relative }
.fw_right{ width:63.4%; float:right; position:relative }
    /*--------活动日历-------*/
    .calendar{
        position: relative;
        display:block;
        background: #ffffff;
    }
    .calendar .title{ 
        height: 48px;
        background: #b40169;
        color: #fff;
        line-height: 48px;
    }
    .calendar .title h4{
		width:40%;
		float:left;
		display:black;
		font-size: 20px;
	}
    .calendar .title h4 i{
		padding: 0 10px;
	}
    .calendar .titletit{ 
	    width:192px; 
		height:48px; 
		float:right; 
		font-size:14px; 
		color:#439ccb; 
		font-weight:700; 
		font-family:"微软雅黑"; 
		line-height:48px;
	}
    .calendar ul{ 
	    width:228px; 
		height:186px;
		list-style:none;
		margin:0; 
		padding-left:10px;
	}
    .calendar ul li{ 
	    width:228px; 
		height:30px; 
		line-height:30px;
	}
    .calendar ul li span{ 
	    width:30px; 
		height:30px; 
		float:left;
	}
    .calendar li a{ 
	    color:#666;
	}
    .calendar li a:hover{ 
	    color:#449ccc;
	    text-decoration:underline;
	}
    #calendar_div{ 
	    position:relative;
		font-family:"微软雅黑";
		background-color: #b96666;
	}
    .datefanye{ 
		width: 60%;
		height:48px;
		float:right;
		display:block;
		text-align: center;
	}
    .datefanye a{
		width: 20px;
		height: 20px;
		color: #fff;
		display: inline-block;
		text-align: center;
		line-height: 48px;
		font-size: 14px;
    }
    .datename,.datename .pc{ 
	    height:48px; 
		line-height:48px;  
		text-align:center; 
		color:#fff;
		display: inline-block;
	}
	
    .daterili{
		border-collapse: collapse;
        width: 100%;
	}
    .daterili h4{ 
	    font-size:20px; 
		padding-right:10px; 
		line-height: 47px; 
		float: left;
	}
    .daterili td{
		background-color:#fff; 
		border:1px solid #e9e6e6;
		text-align:center; 
		font-family:"Arial"; 
		width:40px;height: 43px;
	}
    .daterili th{
		font-weight: normal;
        height: 40px;
        color: #fff;
}
    .daterili td a{ 
	    height:43px;
		line-height: 43px; 
		display:block; 
		text-decoration:none;
		background:#6ed26e; 
		color:#ffffff;
	}
    .daterili td a:hover{ 
	    background-color:#6ed26e; 
		color:#ffffff;
	}

    /*讲座 展览 培训 文创*/
    .fw_bottom_btn{ 
	    margin-top: 19px;
		overflow: hidden;
	}
    .fw_bottom_btn ul{
		margin-left: -18px;
	}
    .fw_bottom_btn ul li{ 
	    float: left; 
		margin-left: 18px;
	}
    .fw_bottom_btn ul li a{ 
	    width: 100px; 
		height: 64px;
		display: block;
		color:#fff; 
		padding-left: 8px;
		padding-top: 8px;
		text-decoration: none;
		position:relative;
	}
    .fw_bottom_btn ul li a em{ 
	    font-size: 16px; 
		display: block;
	}
    .fw_bottom_btn ul li a span{
		font-size: 12px;
	}
    .fw_bottom_btn ul li a i{ 
	    position:absolute; 
		right:.2em; 
		bottom:.2em;
	}
    .fw_bottom_btn ul li:nth-child(4n+1){
		background: #06b8fc;
	}
    .fw_bottom_btn ul li:nth-child(4n+2){
		background:#6ed26e;
	}
    .fw_bottom_btn ul li:nth-child(4n+3){
		background:#b268ff;
	}
    .fw_bottom_btn ul li:nth-child(4n+4){
		background:#ff8d4f;
	}

    /*入馆指南 借阅服务 服务项目 数据统计*/
    .fw_right_btn ul{ 
	}
    .fw_right_btn ul li{ 
	    float: left; 
		width:48.5%;
	}
    .fw_right_btn ul li:nth-child(2){
		margin-left:3%;
	}
    .fw_right_btn ul li:nth-child(3){
		margin-top:20px;
	}
    .fw_right_btn ul li:nth-child(4){ 
	    margin-left:3%;
		margin-top:20px;
	}
    .fw_right_btn ul li a{
		display: block; 
		text-decoration: none; 
		color:#ffffff;
	}

    .hexagon{
		position: relative;
        width: 69.28px;
        height: 40px;
        margin: 0 auto;
        background-color: #fff;
	}
    .hexagon:before {
        content: '';
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        top:-40px;
        border-width: 20px 34.64px ;
        border-style: solid;
        border-color: transparent  transparent #fff transparent;
    }
    .hexagon:after {
        content: '';
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        top:40px;
        border-width: 20px 34.64px;
        border-style: solid;
        border-color: #fff transparent transparent transparent ;
    }
    .fw_right_btn .hexagon{
		width: 69.28px;
        height: 40px;
		margin-top: 50px;
		margin-bottom: 20px; 
		display:block
	}
    .fw_right_btn .hexagon i{
		text-align: center;
        width: 100%;
		font-size: 42px;
	}
					
    .fw_tit{
		font-size: 20px; 
		font-weight: bold; 
		color:#fff; 
		text-align: center; 
		display: block; 
		padding-top: 10px;
	}
    .fw_tit2{ 
	    color:#fff; 
		text-align: center; 
		display: block; 
		padding-top: 5px;
	}

    .fw_right_bg{
		height:190px; 
		width: 320px; 
		display: block; 
		position: relative !important; 
		overflow: hidden !important;
	}
    /*.fw_right_btn ul li:first-child span{ background: url(../images/fw_btn_bg.png) #479eff right top no-repeat;}
    .fw_right_btn ul li:nth-child(2) span{ background: url(../images/fw_btn_bg2.png) #09dfc4 right top no-repeat;}
    .fw_right_btn ul li:nth-child(3) span{ background: url(../images/fw_btn_bg3.png) #ffba00 right top no-repeat;}
    .fw_right_btn ul li:nth-child(4) span{ background: url(../images/fw_btn_bg.png) #fc81bb right top no-repeat;}
    */
    .fw_xl_boxP{ 
	    position: absolute; 
		z-index: 1;
		height: 190px; 
		width: 320px; 
		padding-left:20px; 
		padding-top: 15px; 
		bottom:-190px;
		box-sizing: border-box;
		-webkit-transition: -webkit-transform 0.4s ease-out; 
        -moz-transition: -moz-transform 0.4s ease-out; 
         transition: transform 0.4s ease-out; 
	}
	
    .fw_xl_boxP div i{
		position: absolute;
		right: 0;
		bottom: -0.2em;
		color: #fff;
		font-size: 12em;
		font-weight: 100;
		opacity: 0.1;
		filter: alpha(opacity=10);
		z-index:1;
    }	

    .fw_xl_boxP_tit{
		font-size: 18px; 
		font-weight: bold; 
		color:#fff; 
		display: block;  
		line-height: 25px;
		margin-bottom: 15px;
		position: relative;
		z-index:100
	}
    .fw_xl_boxP_tit i{ 
	    padding-right:4px;
	}
    .fw_xl_boxP_tit a{ 
	    color:#fff;
		height: 25px !important;
	}
    .fw_list dd {
		width: 120px ; 
		height: 40px; 
		float: left; 
		position: relative;
		z-index:100 
	}
    .fw_list dd a{ 
	    width: 120px !important; 
		height: 40px !important; 
		display: block; 
		line-height: 40px; 
		color:#fff; 
		font-size: 16px;
		padding-left: 5px;
	}
    .fw_list dd a i{ 
	    padding-right:4px;
	}

    .fw_right_btn ul li:hover i.fw_xl_boxP,.fw_right_btn ul li:hover i.fw_xl_boxP2,.fw_right_btn ul li:hover i.fw_xl_boxP3,.fw_right_btn ul li:hover i.fw_xl_boxP4{
	    transform:translate(0,-182px);
        -moz-transform:translate(0,-182px);
        -webkit-transform:translate(0,-182px);*+top:0; top:0\9;
	}

/*------------资讯------------------*/
.zx_box{ 
    margin-top:30px;
}
.zx_nav{ 
}
.zx_nav ul li{
	float:left; 
	margin-right: 11px;
}
.zx_nav ul li a{
	min-width: 139px;
	height: 47px;
	display: block;
	text-align: center;
	line-height: 47px; 
	font-size: 18px; 
	background: #f6f6f6;
	text-decoration: none;
}
.zx_nav ul li a:hover,.zx_nav ul li.curr a{
	font-weight: bold; 
	color:#fff; 
	background: #853009;
}
.zx_dynamic{
	margin-top: 25px;
}
.zx_dynamic_left{
	width: 510px;
	height:330px;
	float: left;
}
    
	/*------------咨询焦点图------------------*/
    .focusBox {
        position: relative;
        width: 510px;
        height: 330px;
        overflow: hidden;
        font: 12px/1.5 Verdana, Geneva, sans-serif;
        text-align: left;
        background: white;
    }

    .focusBox .pic img {
        width: 510px;
        height: 330px;
        display: block
    }

    .focusBox .txt-bg {
        position: absolute;
        bottom: 0;
        z-index: 1;
        height: 30px;
        width: 100%;
        background: rgba(0, 0, 0, 0.7);
        filter: alpha(opacity=40);
        opacity: 0.6;
        overflow: hidden;
    }

    .focusBox .txt {
        position: absolute;
        bottom: 0;
        z-index: 2;
        height: 25px;
        width: 80%;
        overflow: hidden;
    }

    .focusBox .txt li {
        height: 25px;
        line-height: 25px;
        position: absolute;
        bottom: -25px;
    }

    .focusBox .txt li a {
        display: block;
        color: #fff;
        padding: 0 0 0 10px;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
    }

    .focusBox .num {
        position: absolute;
        z-index: 3;
        bottom: 8px;
        right: 5px;
    }

    .focusBox .num li {
        float: left;
        position: relative;
        width: 10px;
        height: 10px;
        border-radius: 10px;
        line-height: 15px;
        overflow: hidden;
        text-align: center;
        margin-right: 8px;
        margin-top: 5px;
        cursor: pointer;
        background: #fff;
    }

    .focusBox .num li a,
    .focusBox .num li span {
        position: absolute;
        z-index: 2;
        display: block;
        color: white;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-decoration: none;
    }

    .focusBox .num li span {
        z-index: 1;
        background: #fff;
        filter: alpha(opacity=50);

        opacity: 0.5;
    }

    .focusBox .num li.on a,
    .focusBox .num a:hover {
        background: #853009;
    }

    .focusBox1 {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
        font: 12px/1.5 Verdana, Geneva, sans-serif;
        text-align: left;
        background: white;
    }

    .focusBox1 .pic img {
        width: 100%;
        height: 100%;
        display: block
    }

    .focusBox1 .txt-bg {
        position: absolute;
        bottom: 0;
        z-index: 1;
        height: 30px;
        width: 100%;
        background: rgba(0, 0, 0, 0.7);
        filter: alpha(opacity=40);
        opacity: 0.6;
        overflow: hidden;
    }

    .focusBox1 .txt {
        position: absolute;
        bottom: 0;
        z-index: 2;
        height: 25px;
        width: 85%;
        overflow: hidden;
    }

    .focusBox1 .txt li {
        height: 25px;
        line-height: 25px;
        position: absolute;
        bottom: -25px;
    }

    .focusBox1 .txt li a {
        display: block;
        color: #fff;
        padding: 0 0 0 10px;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
    }

    .focusBox1 .num {
        position: absolute;
        z-index: 3;
        bottom: 8px;
        right: 5px;
    }

    .focusBox1 .num li {
        float: left;
        position: relative;
        width: 10px;
        height: 10px;
        border-radius: 10px;
        line-height: 15px;
        overflow: hidden;
        text-align: center;
        margin-right: 5px;
        margin-top: 5px;
        cursor: pointer;
        background: #fff;
    }

    .focusBox1 .num li a,
    .focusBox1 .num li span {
        position: absolute;
        z-index: 2;
        display: block;
        color: white;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-decoration: none;
    }

    .focusBox1 .num li span {
        z-index: 1;
        background: #fff;
        filter: alpha(opacity=50);
        opacity: 0.5;
    }

    .focusBox1 .num li.on a,
    .focusBox1 .num a:hover {
        background: #0194f1;
    }
	
.zx_dynamic_right{
	width: 506px;
	float: right; 
	padding: 20px 20px 10px 20px;
	height: 330px; 
	background: #fff;
}
.zx_dynamic_right_tit,.zx_news_tit{
	height:23px;
}
.zx_dynamic_right_tit span,.zx_news_tit span{
	width:6px;
	height:23px; 
	line-height:23px;
	float: left;
    margin-right: 8px;
}
.zx_dynamic_right_tit h4,.zx_news_tit h4{
	font-size: 20px; 
	line-height: 23px;
}
.zx_dynamic_right_tit h4 a,.zx_news_tit h4 a{
	text-decoration: none;
	color:#333;
}
.zx_dynamic_headlines{
	height: 67px; 
	border-bottom: 1px dashed #d4d3d3;
}
.zx_dynamic_headlines h4{
	text-align: center;
	font-size: 22px; 
	font-weight: bold;
	line-height: 67px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.zx_dynamic_headlines{
	height: 67px; 
	border-bottom: 1px dashed #d4d3d3;
}
.zx_dynamic_headlines h4{
	text-align: center;
	font-size: 22px;
	font-weight: bold; 
	line-height: 67px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}	
.zx_dynamic_list li,.zx_list li{
	line-height: 35px;
	font-size: 16px; 
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin: 0;
    transition: 0.5s;
}
.zx_dynamic_list li .div,.zx_list li .div {
    padding: 0 65px 0 0;
    height: 35px;
    line-height: 35px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;transition:0.5s;
}
.zx_dynamic_list li .div:hover,.zx_list li .div:hover{
	padding-left:5px;
	transition:0.5s;
	color:#853009;
}
.zx_dynamic_list li a,.zx_list li a{
	color: #333;
}
.zx_dynamic_list li a:hover,.zx_list li a:hover{
	color:#853009;
}
.zx_dynamic_list li span,.zx_list li span{
	position: absolute;
    right: 0;
    text-align: right;
    width: 90px;
    top: 0; color:#999;
}
.zx_news{
	height: 330px; 
	margin-top: 25px;
	background: #fff; 
	padding: 20px;
}
.zx_news_box{
	height:95px;
	border-bottom: 1px dashed #ccc; 
	position:relative;
}
.zx_news_box h4{
	font-size:20px;
	font-weight: bold;
	line-height: 36px;
	padding-top: 20px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.zx_news_box p{
	color:#999;
	line-height: 25px;
	position:relative;
}
.zx_news_box span{
	font-size: 12px;
	color:#999;
	position:absolute;
	right: 20px;
    bottom: 0;
}

/*-----------概况----------*/
.gk_box{
	margin-top: 30px;
}
.gk_box_left{
	width: 64%;
	height: 360px; 
	background:#fff;
	padding: 20px 20px 10px 20px; 
	float: left;
}
.gk_box_left h4{
	font-size: 25px; 
	font-weight: bold;
	line-height: 25px;
	margin-top: 5px;
}
.gk_box_left h4 a{
	vertical-align: bottom; 
}
.gk_box_left h4 span{
	font-size: 23px; 
	color:#dadada; 
	vertical-align: bottom;
	margin-left: 5px; 
}
.gk_box_left p{
	font-size: 16px;
	line-height: 34px;
	margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
}
.gk_box_left .con{
	height:238px;
	overflow:hidden;
}
.gk_box_left em{
	float:right; 
	background:#853009;
	margin-top: 5px;
}
.gk_box_left em a{
	width: 76px; 
	height: 36px;
	display: block;
	padding-left: 20px;
	line-height: 36px; 
	color:#fff;
}
.gk_box_right{
	width: 35%;
	float: right;
}
.gk_box_right ul{
	width:100%;
	height:360px;
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
}
.gk_box_right ul li{
	width:49%;
	height:32%;
	float:left;
	background: #479eff;
	padding:10px;
}	
.gk_box_right ul li:nth-child(2){
	background: #ffba00; 
	margin-left:2%;
}	
.gk_box_right ul li:nth-child(3){
	background: #09dfc4;
	margin-top:2%;
}	
.gk_box_right ul li:nth-child(4){
	background: #fc81bb; 
	margin-top:2%;
	margin-left:2%;
}	
.gk_box_right ul li:nth-child(5){
	background: #ff8d4f;
	margin-top:2%;
}	
.gk_box_right ul li:nth-child(6){
	background: #6ed26e; 
	margin-top:2%; 
	margin-left:2%;
}	
.gk_box_right ul li a{
	text-decoration:none;
	color:#FFFFFF;
}
.gk_box_right ul li a i{
	width:100%; 
	height:67.2px; 
	line-height:67.2px;
	text-align:center; 
	display:block;
    webkit-transition: -webkit-transform 0.4s ease-out; 
    -moz-transition: -moz-transform 0.4s ease-out; 
    transition: transform 0.4s ease-out;
}
.gk_box_right ul li a span{
	width:100%;
	height:30px;
	line-height:30px;
	text-align:center;
	display:block;
	font-weight: bold;
}
.gk_box_right ul li a {font-size: 48px;}
.gk_box_right ul li a:hover i{
	-webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
}

/*---------专题专栏----------*/
.ztzl_box{
	margin-left: -30px;
	position: relative;
}

.ztzl_ty_box{
	width: 326px;
	background: #fff;
	float: left;
	margin-left: 30px;
}
.ztzl_ty_img{
	height:187px;
	position: relative;
}
.ztzl_ty_img span{
	background-color:rgba(0,0,0,0.7);
	filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);
	bottom:0; 
	position: absolute;
	height:45px;
	width: 316px;
	padding-left: 10px;
	font-size: 18px;
	font-weight: bold;
	color:#fff; 
	line-height: 45px;
}

.ztzl_ty_img span em i{
	height:45px;
	line-height:45px;
	font-size:32px;
	float:right; 
	padding-right:8px;
}
.ztzl_ty_news{
	padding: 5px 20px;
}
.ztzl_ty_news ul li{
	line-height: 34px; 
	font-size: 16px;
}
.ztzl_ty_news span {
	padding-right: 20px;
	padding-bottom: 10px;
}
.ztzl_ty_news span a{
	color:#999;
}
.ztzl_btn{
	position: absolute;
	left: -62px;
	top:136px;
}
.ztzl_btn2{
	position: absolute;
	right: -92px;
	top:136px;
}

    /*-----------专题轮播----------*/		
        .picScroll-left .hd ul {
            float: right;
            overflow: hidden;
            zoom: 1;
            margin-top: 36px;
            margin-right: 450px;
            zoom: 1;
        }

        .picScroll-left .hd ul li {
            float: left;
            width: 15px;
            height: 15px;
            overflow: hidden;
            margin-right: 10px;
            text-indent: -999px;
            cursor: pointer;
            background: white;
            border-radius: 8px;
        }

        .picScroll-left .hd ul li.on {
            background: orange;
        }

        .inp2_text {
            width: 140px;
            height: 28px;
        }

        .news_book ul li a span {
            overflow: hidden;
            width: 180px;
        }


        .fw_list dd a {
            width: 140px !important;
            height: 40px !important;
        }
        .fw_list dd a:hover {
            width: 140px !important;
            height: 40px !important;
			padding-left:10px;
        }

        .fw_bottom_btn ul li {
            margin-left: 12px;
        }
		
/*-----------footer----------*/
.footer{
	height: 90px;
	background: rgba(0, 0, 0, 0.58); 
	position: fixed;
	width: 100%;
	bottom: 0;
	z-index: 99;
}
.footer_phone{
    white-space: pre-wrap;
    text-align: center;
    padding-top: 10px;
	height:60px;
	color:#FFFFFF;
	background:#000000;
    opacity: 1;
    font-family: 'Addfont', 'Microsoft Yahei';
}
.footer_left{
	width: 597px;
	float: left;
	padding-left: 30px;
	padding-top: 20px;
}
.footer_left h4{
	color:#fff;
	font-size: 16px;
}
.footer_left h4 a{
	color:#fff; 
	padding: 0 10px;
}
.footer_left h4 a:first-child{
	padding-left: 0;
}
.footer_left p{
	color:#fff; 
	line-height: 40px;
	font-size: 14px;
}
.footer_certificate{
	width: 100px;
	float: left;
}
.footer_certificate a {
	cursor:pointer;
}
.footer_certificate a img{
	height: 60px;
    margin-top: 15px;
}
.footer_right{
	width: 609px;
	float: right;
}

.footer_links{
	width: 200px; 
	height: 38px; 
	margin-top: 27px;
	position: relative;
	float: left; 
	margin-left: 30px;
	background: #fff;
}
.footer_links:first-child{
	margin-left:0;
}
.footer_links a{
	width: 190px;
	height: 38px; 
	display: block;
	line-height: 38px;
	padding-left: 10px;
	text-decoration: none;
	color:#333;
}
.footer_links i{
	height: 38px;
	line-height:38px;
	color:#333;
	float: right;
    font-size: 16px;
    padding-right: 30px;
}
.footer_links_sl{
	width: 200px;
	height: 300px;
	background: #fff; 
	position: absolute;
	top:-305px; 
	overflow-y: scroll;
}

.footer_links_sl ul li{
	line-height: 30px;
}
.footer_links_sl ul li a{
	width: 150px;
	display: block;
	height: 30px;
	font-size: 14px;
}

.footer_new-media{
	float: left; 
	padding-top: 25px;
}
.footer_new-media ul li{
	float:left;
	margin-left: 30px;
}
.footer_new-media ul li a{
	width: 41px;
	height: 41px; 
	display: block;
	border: 2px solid #fff;
	border-radius:50px; 
	-moz-border-radius:50px; 
	-ms-border-radius:50px; 
	-o-border-radius:50px; 
	-webkit-border-radius:50px;
}
.footer_new-media ul li a i{
	width: 41px; 
	height: 41px; 
	line-height:41px;
	color:#fff;
	font-size: 26px;
    text-align: center;
}	
		
/*默认新闻列表页*/
.newslist{ width:66.66666667%; float:left}
.newslist ul{ list-style:none}
.newslist ul li {
    float: left;width: 100%;
    list-style: none;
    padding: 0 0 0 5px;
    margin: 10px 0;
    border: none!important;
}
.newslist ul li .news-img {
    float: left;
    width: 39%;
}
.newslist ul li .news-text {
    float: right;
    width: 58%;
}
.newslist ul li .news-img a {
    display: block;
    float: left;
    margin: 10px 0 0 12px;
    border: 2px solid #b34920;
}
.newslist ul li .news-img a img {
    display: block;
    width: 100%;
    max-width:182px;
    max-height:232px;
    position: relative;
    top: -10px;
    left: -12px;
}
.newslist ul li .news-text {
    float: right;
    width: 58%;
}
.newslist ul li .news-text h3 {
    display: block;width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
}
.newslist ul li .news-text h3 a {
    color: #853009;
    font-size: 20px;
    display: block;
}
.newslist ul li .news-text ul {
    list-style: none;
    padding: 0;
    display: block;
    margin: 20px 0 15px 0;
    font-weight: normal;
}
.newslist ul li .news-text ul li {
    float: left;
    list-style: none;
    padding: 0 0 0 5px;
    margin: 0;
    border: none!important;
}
.newslist ul li .news-time{
	text-align: right;
	height:22px;
    width: 100%;
    display: block;padding-right: 2em;
    box-sizing: border-box;  }
.newslist ul li .news-time i {
    color: #853009;
    font-size: 14px;
    padding: 1px 5px 0 0;
    position: relative;
}
.newslist ul li .news-duty,.newslist ul li .news-jurisdiction{
	text-align: left;
    line-height: 30px;
    width: 100%;
    display: block;
	padding-right: 2em;
    box-sizing: border-box;
}
.newslist ul li .news-duty{ margin-top:18px;}
.newslist ul li .news-jurisdiction{margin-bottom:15px;}
.newslist ul li .news-duty i,.newslist ul li .news-jurisdiction i{padding-right:10px;}
.newslist ul li .news-text p {
    margin: 0;
    text-indent: 2em;
    overflow: hidden;
    display: block;
    max-height: 180px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}
.click-box {
	display: block;
	width: 200px;
	max-width: 100%;
	height: 32px;
	font-size: 18px;
	line-height: 32px;
	position: relative;
	padding-left: 16px;
	transition: 0s .5s;
	-moz-transition: 0s .5s;
	-ms-transition: 0s .5s;
	-o-transition: 0s .5s;
	-webkit-transition: 0s .5s;
	opacity: 0;
	overflow: hidden;
	transform: translateY(-30px);
	-moz-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	-o-transform: translateY(-30px);
	-webkit-transform: translateY(-30px);
}
.window-bin.swiper-slide-active .click-box, .news-text .click-box {
	opacity: 1;
	transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	-webkit-transform: translateY(0);
	transition-property: transform, opacity;
	-moz-transition-property: transform, opacity;
	-ms-transition-property: transform, opacity;
	-o-transition-property: transform, opacity;
	-webkit-transition-property: transform, opacity;
}
.click-box:before {
	background: rgba(0,0,0,.4);
	width: 100%;
	content: '';
	position: absolute;
	z-index: 1;
	bottom: 50%;
	left: 0;
	transition: width .2s;
	-moz-transition: width .2s;
	-ms-transition: width .2s;
	-o-transition: width .2s;
	-webkit-transition: width .2s;
}
.click-box:hover:before {
	width: 0;
}
.click-box span {
	position: relative;
	display: block;
	font-family: 'AddFont';
	float: left;
	z-index: 2;
	color: #000;
	transition: color .2s .2s;
	-moz-transition: color .2s .2s;
	-ms-transition: color .2s .2s;
	-o-transition: color .2s .2s;
	-webkit-transition: color .2s .2s;
}
.click-box:hover span {
	color: #b34920;
}
.click-box span:after {
	content: '>>>';
	display: inline-block;
	padding-left: 7px;
	font-size: 18px;
	letter-spacing: 0;
	transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	-webkit-transition: .2s;
	transition-property: padding, letter-spacing;
	-moz-transition-property: padding, letter-spacing;
	-ms-transition-property: padding, letter-spacing;
	-o-transition-property: padding, letter-spacing;
	-webkit-transition-property: padding, letter-spacing;
}
.click-box:hover span:after {
	padding-left: 9px;
	letter-spacing: 2px;
}
.click-box.small {
	width: 175px;
	max-width: 100%;
	font-size: 15px;
}

.recommend{width: 31.33333333%; float:right;position: relative;}
.recommend .title{    
    float: left;
    border-bottom: 1px solid #b34920;
    padding-bottom: 10px;
    margin-bottom: -1px;
	display:block;
	width:100%;
	position: relative;
}
.recommend .title h3{ font-size:24px;}
.recommend .txt{ margin-top:50px;}

.recommend ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}
.recommend ul li {
    display: block;
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
    width: 100%;
    float: left;
}
.recommend ul li a {
    display: block;
}
.recommend ul li a img {
    display: block;
    float: left;
    padding-right: 20px;
    width: 145px;
	min-height: 84px;
    padding: 0 20px 0 0;
}
.recommend ul li b {
    display: block;
    font-weight: normal;
    padding: 0;
    overflow: hidden;
    max-height: 60px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.recommend ul li p {
    display: block;
    margin: 10px 0 0 0;
    font-family: 'AddFont';
    color: rgba(0,0,0,.9);
}

.pagination {
    margin-top: 20px;
	margin: 15px 0;
    text-align: center;
	display: block;
}
.pagination span{display: inline-block; text-align:center}
.pagination a {
    float: left;
    line-height: 40px;
    height: 40px;
    margin-left: 5px;
    font-size: 16px;
    border: 2px solid #E9E9E9;
    padding: 0px 15px;
    width: auto;
    background: #ffffff;
}
.pagination b {
    float: left;
    line-height: 40px;
    height: 40px;
    margin-left: 5px;
    font-size: 16px;
    border: 2px solid #E9E9E9;
    padding: 0px 15px;
    width: auto;
    background-color: #b34920;
    color: #FFF;
}		
		
/*---------默认新闻内容页----------*/
.page_bg {
    background-image: url(../images/bg01.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
	top: 0;
    left: 0;
    background-position: bottom;
    width: 100%;
	height: 100%;
	z-index:-10;
    zoom: 1;
    background-color: #fff;
	background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-position: center 0;
	
}
.page_box {
    margin: 0 auto;
    padding: 80px 0 0;
}
.listpage {
    width: 100%;
    border: 1px solid #e6e6e6;
    overflow: hidden;
    background-color: rgba(255,255,255,0.88);
	margin-top:80px;
    padding-bottom: 20px;
    overflow: hidden;
	box-sizing: border-box;
}
.add {
    height: 40px;
    margin: 5px auto;
	padding-left:1em;
	line-height:40px;
}
.add i{ margin-right:5px;}

.artcontent {
    margin: 0 auto;
    width: 96%;
}
.title_w {
    text-align: center;
    padding: 20px 0;
    border-bottom: 2px solid #343434;
    font-size: 26px;
    font-family: 微软雅黑;
    font-weight: bold;
    line-height: 150%;
}
.apro {
    background-color: #f9f9f9;
    border: 1px solid #eee;
    line-height: 28px;
    padding: 2px 10px;
    margin: 10px 0;
    text-align: center;
    color: #666;
    font-size: 14px;
}
.apro i{ color:#b34920;font-family: FontAwesome;font-weight: 400;}
.zihao {
    margin-right: 2em;
    text-align: right;
}
.bt_leadercard{
	    width:100%;
		display:block;
		margin-bottom:20px;
}
.bt_leadercard .photo{
	display:block;
	float:left;
	margin-right:20px;
}
.bt_leadercard .photo img{	max-height:88px;}
.bt_leadercard .info{
	display:block;
	float:left;
}
.bt_content_pdf iframe{min-height:800px;}



.bt_content_w{
    line-height:1.5;
	font-size:12pt;
	font-family: 宋体;
	text-decoration:none;
}
.bt_content_w p{
    padding:0.4em 0;
}
.bt_content_w p img {
    max-width: 95%;
    height: inherit;
    border: #E2E2E2 1px solid;
    box-shadow: 0 0 5px #c9c9c9;
    -moz-box-shadow: 0 0 5px #c9c9c9;
    -webkit-box-shadow: 0 0 5px #c9c9c9;
}
.bt_content_w table{margin: 0 auto;border-spacing:0; border:2px solid #666}
.bt_content_w td{ padding:5px;border-spacing:0;box-sizing: border-box;}

.command{
    height: 40px;
    margin: 5px auto;
    line-height: 40px;
	font-family: 宋体;
	float:right;
}
.command i{ margin-right:5px}
.related {
    height: 60px;
	width:100%;
    margin: 15px 5px auto;
    line-height: 40px;
    float: left;
	border-top:1px dashed #d4d3d3;
}
.related p{
    height:30px;
	line-height:30px;
	font-family: 宋体;
}
.command .btn {
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
}

.command .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 4px;
}

.command .btn-danger_back {
    color: #fff;
    background-color: #3280fc;
}
.command .btn-danger_print {
    color: #fff;
    background-color: #38b03f;
}
.command .btn-danger_close {
    color: #fff;
    background-color: #ea644a;
}		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
/*-----------自适应兼容----------*/	


@media only screen and (max-width:479px) {
.topbar {
    height: 60px;
}
.seach {
    width: 100%;
	height: 112px;
	position: relative;
}
.seach_box {
	width: 100%;
    height: 40px;
	padding: 0 9px;
	top:0;
	left:0;
	position: relative;
}
.seach_box span { 
    width: 120px;
	background-color: #b34920;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
	top:50px;
}
.seach_box span a{
	border-right:0;
	color:#fff;
	display: none;
}
.seach_box span a i{
	color:#fff;
}
.seach_box form {
    width: 100%;
	height: 40px;
}
.seach_inp{
	width: 86%;
	height: 40px;
	line-height:40px;
	margin: 0 3%;
}
.seach_box_xl ul li a{
	color:#333;
}
.seach_btn{
	height: 32px;
    width: 120px;
	right:15px;
	top:65px;
}
.seach_box form button{
	height: 40px;
}
.zx_news_box {
    height: 135px;
}
.window-next{
	display:none;
}
.ty_tit span{
	display:none;
}
.zy_nav ul li{
	width:49%;
	margin-left:2%;
	margin-bottom:4%;
	float:left;
}
.zy_nav ul li:nth-child(2n-1){ 
    margin-left:0;
}
.zy_nav ul li.curr b{
	display:none;
}
.zy_nav ul li a{
	width:100%;
}
.zy_nav ul li a span{
	top:0;
}
.zy_nav ul li:first-child a span{
	top:50px;
}
.zy_detailed{
	display:none;
}
.fw_left {
    width: 63.4%;
}
.fw_right {
    width: 34.6%;
	height:335px;
	position: relative;
}
.calendar .title h4 {
    font-size: 14px;
}
.datefanye{ 
    width:60%;
	float:right;
}
.daterili td,.daterili td a{
	height: 30px; line-height:30px;
}
.fw_right_btn ul li{
	width:100%;
	height:25%;
	margin-left:0;
	margin-top:0;
}
.fw_right_btn ul li:nth-child(2n),.fw_right_btn ul li:nth-child(3){ 
    width:100%;
	height:25%;
	margin-left:0;
	margin-top:0;
}
.fw_right_btn{
	width:100%;
	height:100%;
	position:relative;
}
.fw_right_btn ul {
	width:100%;
	height:100%; 
	position:relative;
}
.fw_right_bg{
	width:100%;
	height:83.75px;
	position:relative;
}
.fw_xl_boxP,.fw_right_btn .hexagon{ 
    display:none;
}
.fw_right_btn ul li a,.fw_tit,.fw_tit2{
	font-size: 16px;
}
.zx_box,.zx_dynamic,.zx_news{
	margin-top: 10px;
}
.zx_nav ul li {
    width: 16%;
	margin-left:0.8%;
	margin-right:0;
}
.zx_nav ul li:first-child{
	margin-left:0;
}
.zx_nav ul li a{ 
    width:100%;
	min-width: auto;
	font-size: 13px;
	height: 30px;
    line-height:30px;
}
.zx_dynamic_left {
    display:none;
}
.zx_dynamic_right {
    width: 100%;
}
.zx_news{
	overflow:hidden;
}
.gk_box{
	margin-top: 10px;
}
.gk_box_left{
	height: 160px;
	width:100%;
	padding: 10px 20px;
}
.gk_box_left h4 span{
	font-size: 18px;
}
.gk_box_left p{
	font-size: 14px;
    line-height: 22px;
    margin-top: 10px;   
	-webkit-line-clamp: 3;
}
.gk_box_left .con{
	height:66px;
}
.gk_box_left em a {
    width: 66px;
    height: 28px;
    display: block;
	text-align:center;
    line-height: 28px;
	padding-left: 0;}	
	.gk_box_right{
		width:100%;
}
.gk_box_right ul {
    width: 100%;
	height:auto;
}
.gk_box_right ul li{
	width:32%; 
	margin-left:2%;
	margin-top:2%;
}
.gk_box_right ul li:first-child,.gk_box_right ul li:nth-child(4){
	margin-left:0;
}
.gk_box_right ul li a i {
    font-size: 36px;
    height: 50px;
    line-height: 50px;
}
.gk_box_right ul li a span h4{
	font-size:14px;
}
.picScroll-left{
	margin-left: 25px;
}
.picScroll-left .hd ul{
	margin-right:150px;
}
.ztzl_ty_box{
	width:30%; 
	margin-left:10px
}
.ztzl_ty_img{ 
    height:100px;
}
.ztzl_ty_img span{
	width:100%;
	box-sizing: border-box;
}
.ztzl_ty_img span{
	height:30px;
	line-height:30px;
	font-size:14px;
}
.ztzl_ty_img span em i{
	height:30px;
	line-height:30px;
	font-size:16px;
}

.page_box {
    padding: 80px 0 0;
}
.listpage {
	margin-top:0;
}
.newslist {
    width: 100%;
    float: left;
}
.newslist ul li .news-text p{
    text-indent: 0;
	-webkit-line-clamp: 2;
}
.bt_content_pdf iframe{min-height:468px;}
.recommend {
    width: 100%;
    float: left;
}
.pagination a ,.pagination b{
    line-height: 20px;
    height: 20px;
    margin-left: 3px;
    font-size: 14px;
    padding: 0px 4px;
	border: 1px solid #E9E9E9;
}
.footer {
    height: 60px;
}	
}
@media only screen and (min-width:480px) and (max-width:767px) {
.seach {
    width: 100%;
	position: relative;
}	
.seach_box {
    width: 77%;
    position: relative;	
	left:0;
	top:0;
}
.seach_box form {
    position: absolute;
    left: 120px;
	width: auto;
}
.seach_btn{
    width: 20%;
    position: absolute;
}
.seach_inp{
	width: 100%;
}
.zx_news_box{
	height: 116px;
}
.ty_tit span{
	display:none;
}
.zy_nav ul li{
	width:32%; 
	float:left;
	margin-left: 2%;
	margin-bottom:2%;
}
.zy_nav ul li:first-child{
	margin-left: 0;
}
.zy_nav ul li:nth-child(4){
	margin-left: 0;
}
.zy_nav ul li a{
	width:100%;
}
.dig_res ul li{
	width:20%;
}
.dig_res ul li a{
	width: 100%;
    padding: 20px 0;
}
.book_res ul li {
    float: left;
    width: 32%;
    margin-left: 2%;
}
.book_res ul li:nth-child(4),.book_res ul li:nth-child(5){
	display:none;
}
.book_res ul li a img,.pro_res ul li a img{
	max-height: 200px;
    min-height: 200px;
    margin-top: 34px;
}
.calendar .title h4{
	width: 48%;
	font-size:12px;
}
.datefanye{
	width:52%;
}
.datename .pc{display:none}
.daterili td,.daterili td a{
	height: 30px;
	line-height:30px;
}

.fw_right_bg{
	width:100%;
	height: 158px;
}
.fw_xl_boxP{
	width:100%;
	height: 158px;
    padding-left: 5px;
    padding-top: 5px;
}
.fw_xl_boxP_tit{
	margin-bottom:0;
}
.fw_list dd {
    width: 95px;
	height: 22px;
}
.fw_list dd a{ 
    width: 95px;
	font-size: 12px;
}
.fw_tit2{display:none}

.zx_nav ul li{
	width:15%;
	margin-left:2%;
	margin-right:0;
}
.zx_nav ul li:first-child{
	margin-left:0;
}
.zx_nav ul li a {
    min-width: auto;
	font-size: 14px;
}
.zx_dynamic{
	position: relative;
}
.zx_news {
    height: 350px;
}
.zx_dynamic_left {
    width: 210px;
    height: 136px;
    float: left;
    position: absolute;
    z-index: 100;
	top:120px;
	left:20px;
}
.zx_dynamic_right {
    width: 100%;
    position: absolute;
    z-index: 99;
}
.zx_dynamic_list{
	margin-left:0;
}
.zx_dynamic_list ul li:first-child div,.zx_dynamic_list ul li:nth-child(2) div,.zx_dynamic_list ul li:nth-child(3) div,.zx_dynamic_list ul li:nth-child(4) div {
	margin-left:215px;
}
.focusBox {
    position: relative;
    width: 100%;
    height: 136px;
}
.focusBox .txt li a{width:100px;text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.gk_box_left,.gk_box_right{width:100%;}
.gk_box_left .con {
	height:238px;
	overflow:hidden;
}
.gk_box_right ul {
    height: auto;
}
.gk_box_right ul li {
    width: 32%;
    height: auto;
	margin-top:2%;
	margin-left:2%;
}	
.gk_box_right ul li:first-child,.gk_box_right ul li:nth-child(4){
	margin-left:0;
}	
.picScroll-left{
	margin-left: 45px;
}
.picScroll-left .hd ul{
	margin-right:45%;
}
.ztzl_ty_box{
	width:30%; 
	margin-left:10px
}
.ztzl_ty_img{ 
    height:100px;
}
.ztzl_ty_img span{
	width:100%;
	box-sizing: border-box;
}
.ztzl_ty_img span{
	height:30px;
	line-height:30px;
	font-size:14px;
}
.ztzl_ty_img span em i{
	height:30px;
	line-height:30px;
	font-size:16px;
}
.page_box {
    padding: 40px 0 0;
}
.listpage {
	margin-top:40px;
}
.bt_content_pdf iframe{min-height:560px;}
.newslist,.recommend{
	width:100%;
}
.pagination a ,.pagination b{
    line-height: 25px;
    height: 25px;
    margin-left: 5px;
    font-size: 14px;
    padding: 0px 8px;
}
.footer {
    height: 60px;
}
}
@media only screen and (min-width:768px) and (max-width:1039px) {
.seach {
    width: 100%;
	position: relative;
}	
.seach_box {
    width: 77%;
    position: relative;	
	left:0;
	top:0;
}
.seach_box form {
    position: absolute;
    left: 120px;
	width: auto;
}
.seach_btn{ 
    width: 20%;
    position: absolute;
}
.seach_inp{
	width: 100%;
}
.zx_news_box{
	height: 116px;
}
.zy_nav ul li{
	width:32%;
	float:left;
	margin-left: 2%;
	margin-bottom:2%;
}
.zy_nav ul li:first-child{
	margin-left: 0;
}
.zy_nav ul li:nth-child(4){
	margin-left: 0;
}
.zy_nav ul li a{
	width:100%;
}
.dig_res ul li{ 
    width:20%;
}
.dig_res ul li a{
	width: 100%;
    padding: 20px 0;
}
.book_res ul li a img,.pro_res ul li a img{
	max-height: 200px;
    min-height: 200px;
    margin-top: 34px;
}
.datefanye{
	width:50%;
}
.fw_right_bg{
	width:100%;
}
.fw_bottom_btn{
	overflow:hidden;
}
.fw_list dd a{
    font-size: 14px;
}
.zx_nav ul li{
	width:15%; 
	margin-left:2%;
	margin-right:0;
}
.zx_nav ul li:first-child{
	margin-left:0;
}
.zx_nav ul li a {
    min-width: auto;
}
.zx_dynamic{
	position: relative;
}
.zx_news {
    height: 350px;
}
.zx_dynamic_left {
    width: 309px;
    height: 200px;
    float: left;
    position: absolute;
    z-index: 100;
	top:120px;
	left:20px;
}
.zx_dynamic_right {
    width: 100%;
    position: absolute;
    z-index: 99;
}
.zx_dynamic_list{
	margin-left:320px;
}
.focusBox {
    position: relative;
    width: 100%;
    height: 200px;
}
.focusBox .txt li a{
	width:200px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.picScroll-left{
	margin-left: 50px;
}
.picScroll-left .hd ul{
	margin-right:45%;
}
.ztzl_ty_box{
	width:30%; 
	margin-left:10px
}
.ztzl_ty_img{ 
    height:150px;
}
.ztzl_ty_img span{
	width:100%;
	box-sizing: border-box;
}
.ztzl_ty_img span{
	height:30px;
	line-height:30px;
	font-size:14px;
}
.ztzl_ty_img span em i{
	height:30px;
	line-height:30px;
	font-size:16px;
}
.footer {
    height: 60px;
}
.listpage {
	margin-top:40px;
}
.bt_content_pdf iframe{min-height:560px;}
 .recommend ul li a img{
	padding-right: 10px;
    width: 115px;
	min-height: 70px;
    padding: 0 10px 0 0;
}
}
/*@media only screen and (min-width:1040px)  {

}
*/