@media screen and (max-width: 2800px){
  	/* CSS Document */
	*{
		margin: 0;
		padding: 0;
		position: relative;
		text-decoration: none;
		list-style: none;
		font-family: "微软雅黑";
		font-size: 0px;
	}
	div,a,span{
		display: inline-block;
	}
	/*轮播图初始化样式*/
	.swiper-container {
	    width: 100%;
	    height: 100%;
	}
	.swiper-slide {
	    text-align: center;
	    font-size: 18px;

	    /* Center slide text vertically */
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-box-pack: center;
	    -ms-flex-pack: center;
	    -webkit-justify-content: center;
	    justify-content: center;
	    -webkit-box-align: center;
	    -ms-flex-align: center;
	    -webkit-align-items: center;
	    align-items: center;
	}
	.swiper-slide .a_item{
		width: 100%;
		height: 100%;
	}

	/*轮播图初始化样式*/
	/*顶部导航*/
	.head_nav{
		width: 100%;
		height: 2.2vw;
		position: relative;
		background: #0f649f;
	}
	.head_nav .heads{
		width: 72.5vw;
		height: 2.2vw;
		display: block;
		margin: 0 auto;
	}
	.head_nav .heads .welcome{
		display: inline-block;
		height: 2.2vw;
		font-size: 0.9vw;
		line-height: 2.2vw;
		color: #fff;
	}
	.head_nav .heads .customer_login{
		float: right;
		height: 2.2vw;
		margin-right: 10px;
	}
	.head_nav .heads .customer_login .login_btn{
		height: 2.2vw;
		line-height: 2.2vw;
		cursor: pointer;
		font-size: 0.65vw;
		color: #fff;
		padding:0 6px;
		vertical-align: top;
	}
	.head_nav .heads .customer_login .change_pwd{
		height: 2.2vw;
		line-height: 2.2vw;
		cursor: pointer;
		font-size: 0.65vw;
		color: #fff;
		padding:0 6px;
		vertical-align: top;
	}
	.head_nav .heads .customer_login .logout_btn{
		height: 2.2vw;
		line-height: 2.2vw;
		cursor: pointer;
		font-size: 0.65vw;
		color: #fff;
		padding:0 6px;
		vertical-align: top;
	}
	.head_nav .heads .connectinfo{
		float: right;
		height: 2.2vw;
	}
	.head_nav .heads .connectinfo .conn_item{
		height: 2.2vw;
		vertical-align: top;
		position: relative;
	}

	.head_nav .heads .connectinfo .conn_item .code_img{
		width: 8vw;
		height: 8vw;
		outline: 1px solid rgba(255, 255, 255, 0.5);
		position: absolute;
		left: -2vw;
		bottom: -8vw;
		z-index: 999;
		background: #fff;
		box-shadow: 0 0 8px #333;
		display: none;
	}
	.head_nav .heads .connectinfo .conn_item .code_img img{
		width: 7.4vw;
		height: 7.4vw;
		position: absolute;
		left: 0.3vw;
		top: 0.3vw;
	}
	.head_nav .heads .connectinfo .conn_item:hover .code_img{
		display: block;
	}
	.head_nav .heads .connectinfo .conn_item span{
		font-size: 0.65vw;
		color: #fff;
		line-height: 2.2vw;
		vertical-align: top;
	}
	.head_nav .heads .connectinfo .line{
		width: 1px ;
		height: 0.6vw;
		margin: 0.85vw 0.4vw 0;
		background: #78a4d5;
	}
	.head_nav .heads .connectinfo .conn_item .conn_icon{
		width: 0.7vw;
		height: 0.6vw;
		margin: 0.8vw 0.2vw 0 0;
	}
	/*顶部导航*/
	.header{
		width: 100%;
		height: 6vw;
	}
	.header .navs{
		width: 72.5vw;
		height: 6vw;
		margin-left: 13.25vw;
	}
	.header .navs .logo{
		height: 4.5vw;
		width: auto;
		margin: 0.5vw 0 0 0;
	}
	.header .search{
		width: 20vw;
		height: 2vw;
		position: absolute;
		right: 0;
		top: 0.5vw;
		outline: 1px solid #0f649f;
		z-index: 99;
		margin: 0;
	}
	.header .search .search_input{
		width: 15vw;
		height: 2vw;
		float: left;
		font-size: 0.7vw;
		/*border: 1px solid #0f649f;*/
		color: #666;
		outline: none;
		border: none;
		text-indent: 0.5vw;
	}
	.header .search .search_btn{
		width: 5vw;
		height: 2vw;
		background: #0f649f;
		cursor: pointer;
	}
	.header .search .search_btn img{
		width: 1.2vw;
		height: 1.2vw;
		float: left;
		margin: 0.4vw 0 0 1vw;
	}
	.header .search .search_btn span{
		font-size: 0.7vw;
		line-height: 2vw;
		color: #fff;
		float: left;
		margin: 0 0 0 0.4vw;

	}
	.header .navs .columns{
		width: auto;
		max-width: 46vw;
		float: right;
		height: 2vw;
		margin-top: 1vw;
		position: relative;
		z-index: 10;
		/*margin-right: 2vw;*/
	}
	.header .navs .columns .column{
		height: 2vw;
		padding: 0;
		font-size: 0.8vw;
		line-height: 2vw;
		margin: 2vw 0 0 0.7vw;
		color: #535454;
	}
	.header .navs .columns .column:hover{
		border-bottom: 3px solid #0560a4;
	}
	.header .navs .columns .active{
		border-bottom: 3px solid #0560a4;
	}


	.banner{
		width: 72.5vw;
		height: 20vw;
		margin: 0 0 1vw 13.25vw;
	}
	.banner img{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.grey_bg{
		background: #f7f8fa;
	}
	.row{
	    width: 100%;
	    height: auto;
	    margin: 1px 0;
	    padding: 1vw 0;
	}
	.row .box_list{
		width: 20%;
		height:auto;
		/*max-height: ;*/
		position: relative;
		display: inline-block;
		vertical-align: top;
		margin-top: 2vw;
	}
	.row .box_list .item{
		width: 100%;
		height:3.2vw;
		/*max-height: ;*/
		position: relative;
		display: inline-block;
		margin-bottom: 0.6vw;
	}
	.row .box_list .item .icon{
		max-width: 30%;
		height:2vw;
		float: left;
		margin:1vw 0 0 1vw;
	}
	.row .box_list .item .col_name{
		font-size: 1vw;
		text-align: center;
		line-height: 3.2vw;
		display: inline-block;
		float:right;
		width: 70%;
		color: #fff;
		letter-spacing: 1vw;
	}


	.row .tab_list{
		width: 78%;
		height:auto;
		position: relative;
		display: inline-block;
		margin:0 0 0 2%;
		vertical-align: top;
	}
	.row .tab_list .tabs{
		width: 100%;
		height: 2vw;
		position: relative;
		border-bottom: 2px solid #E6E6E6;
	}
	.row .tab_list .tabs .tab{
		display: inline-block;
		height: 2vw;
		padding: 0 0.4vw;
		color: #e23939;
		font-size: 0.9vw;
		font-weight: 600;
		margin:0 0.6vw 0 0;
		border-bottom: 2px solid #E6E6E6;
	}
	.row .tab_list .tabs .tab:hover{
		border-bottom: 2px solid #e23939;
	}
	.row .tab_list .tabs .active{
		border-bottom: 2px solid #e23939;
	}
	.row .tab_list .tab_content{
		width: 100%;
		height: auto;
		max-height:18vw;
		overflow: hidden;
	}
	.row .tab_list .tab_content .new{
		width: 48%;
		height:5.5vw;
		margin:0 1% 0.5vw 1%;
	}

	.row .tab_list .tab_content .new:hover{
		box-shadow: 0 0 10px #ddd;
	}
	.row .tab_list .tab_content .new .thumb{
		width: 14%;
		height:5vw;
		float: left;
		position: relative;
		margin: 0.8vw 0 0.8vw 0;
	}
	.row .tab_list .tab_content .new .infos{
		width: 100%;
		height:5vw;
		float: left;
		display: inline-block;
		position: relative;
		margin: 0.8vw 0 0.8vw 0;
	}
	.row .tab_list .tab_content .new .infos .title{
		width: 96%;
		height: 1vw;
		line-height: 1vw;
		text-align: left;
		font-size: 0.9vw;
		color: #444;
		margin:0 2%;
		overflow:hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.row .tab_list .tab_content .new .infos .description{
		width: 96%;
		height: 2.4vw;
		text-indent: 2em;
		line-height: 1.2vw;
		text-align: justify;
		font-size: 0.8vw;
		color: #666;
		margin:0.3vw 2% 0;
		overflow: hidden;
	}
	.row .tab_list .tab_content .new .infos .time{
		width: 96%;
		height: 1vw;
		line-height: 1vw;
		text-align: justify;
		font-size: 0.7vw;
		color: #666;
		margin:0.3vw 2% 0;
		overflow: hidden;
	}


	.row .mid_row{
		width: 72.5vw;
		height: auto;
		margin: 0 0 0 13.25vw;
	}
	.row .mid_row .left{
		width: 24vw;
		height: 22vw;
		background: #fff;
	}
	.row .mid_row .left .head{
		width: 92%;
		height: 2vw;
		margin: 0.5vw 0 0 4%;
		border-bottom:1px solid #0560a4
	}
	.row .mid_row .left .head .icon{
		width: 1.2vw;
		height: 1.2vw;
		margin: 0.4vw 0 0 0.4vw;
	}
	.row .mid_row .left .head .column_name{
		height: 2vw;
	    font-size: 20px;
	    color: #33629c;
	    font-weight: 600;
	    vertical-align: top;
	    line-height: 2vw;
	    margin-left: 0.4vw;
	}
	.row .mid_row .left .head .more{
		width: auto;
		height: 2vw;
		vertical-align: top;
		line-height: 2vw;
		float: right;
		font-size: 0.8vw;
		color: #666;
	}
	.row .mid_row .left .list{
		width: 92%;
		height: 19vw;
		margin: 0 0 0 4%;
		overflow: hidden;
		background: #fff;
	}
	.row .mid_row .left .list .item{
		width:100% ;
		height: auto;
		border-bottom: 1px dashed #ddd;
		padding: 0.5vw 0;
	}
	.row .mid_row .left .list .item:hover{
		background:#f7f8fa;
	}
	.row .mid_row .left .list .item .dot{
		width: 0.6vw;
		height: 1vw;
		font-size: 1.5vw;
		line-height: 0.8vw;
		display: inline-block;
		vertical-align: top;
	}
	.row .mid_row .left .list .item .title{
		display: inline-block;
		width: 21vw;
		height: 1vw;
		font-size: 0.8vw;
		text-align: justify;
		vertical-align: top;
		color: #444;
		line-height: 1vw;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.row .mid_row .left .list .item .title:hover{
		color: #111;
	}
	.row .mid_row .right{
		width: 47vw;
		height: 22vw;
		background: #fff;
		margin-left: 0.5vw;
		vertical-align: top;
	}
	.row .mid_row .right .head{
		width: 96%;
		height: 2vw;
		margin: 0.5vw 0 0 2%;
		border-bottom:1px solid #0560a4
	}
	.row .mid_row .right .head .icon{
		width: 1.2vw;
		height: 1.2vw;
		margin: 0.4vw 0 0 0.4vw;
	}
	.row .mid_row .right .head .column_name{
		height: 2vw;
	    font-size: 20px;
	    color: #33629c;
	    font-weight: 600;
	    vertical-align: top;
	    line-height: 2vw;
	    margin-left: 0.4vw;
	}
	.row .mid_row .right .head .more{
		width: auto;
		height: 2vw;
		vertical-align: top;
		line-height: 2vw;
		float: right;
		font-size: 0.8vw;
		color: #666;
	}
	.row .mid_row .right .top{
		width: 96%;
		height: 12vw;
		margin: 0.5vw 0 0 2%;
		padding-bottom: 0.4vw;
		border-bottom: 1px dashed #ddd;
	}
	.row .mid_row .right .top .left_area{
		width: 20vw;
		height: 12vw;
		vertical-align: top;
		overflow: hidden;
	}
	.row .mid_row .right .top .left_area img{
		position: absolute;
		width: 100%;
		height: auto;
		top: 0;
		left: 0;
	}
	.row .mid_row .right .top .left_area a{
		width: 100%;
		height: 1.8vw;
		background: rgba(0,0,0,0.6);;
		position: absolute;
		bottom: 0;
		left: 0;
		font-size: 0.8vw;
		line-height: 1.8vw;
		text-align: left;
		text-indent: 1em;
		color: #fff;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.row .mid_row .right .top .right_area{
		width: 23vw;
		height: 12vw;
		vertical-align: top;
		margin-left: 1.2vw;
	}
	.row .mid_row .right .top .right_area .new_title{
		width: 100%;
		height: 1vw;
		line-height: 1vw;
		margin:1vw 0 0 0;
		font-size: 0.9vw;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		color: #33629c;
	}
	.row .mid_row .right .top .right_area .new_description{
		width: 98%;
		height: 7.2vw;
		margin: 0.6vw 0 0 1%;
		line-height: 1.2vw;
		font-size: 0.75vw;
		color: #666;
		text-indent: 2em;
		overflow: hidden;
	}
	.row .mid_row .right .top .right_area .time{
		width: 96%;
		height: 1vw;
		font-size: 0.8vw;
		color: #999;
		text-align: right;
		line-height: 1vw;
		margin: 1vw 0 0 2%;
	}
	.row .mid_row .right .bottom{
		width: 96%;
		height: 5.4vw;
		margin: 0.8vw 0 0 2%;
		overflow: hidden;
	}
	.row .mid_row .right .bottom .item{
		width: 50%;
		height: 1.8vw;
		overflow: hidden;
	}
	.row .mid_row .right .bottom .item .dot{
		width: 0.6vw;
		height: 1vw;
		font-size: 1.5vw;
		line-height: 0.8vw;
		display: inline-block;
		vertical-align: top;
	}
	.row .mid_row .right .bottom .item .title{
		display: inline-block;
		width: 18.5vw;
		height: 1vw;
		font-size: 0.8vw;
		text-align: justify;
		vertical-align: top;
		color: #444;
		line-height: 1vw;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.row .mid_row .right .bottom .item  .time{
		float: right;
		width: 3vw;
		font-size: 0.7vw;
		color: #666;
		line-height: 1vw;
	}

	.row .mid_row .three_box{
		width: 32%;
		height: auto;
		margin-right: 1%;
		vertical-align: top;
	}
	.row .mid_row .three_box .head{
		width: 100%;
		height: 2vw;
		margin: 0.5vw 0 0 0;
		border-bottom:1px solid #0560a4
	}
	.row .mid_row .three_box .head .icon{
		width: 1.2vw;
		height: 1.2vw;
		margin: 0.4vw 0 0 0.4vw;
	}
	.row .mid_row .three_box .head .column_name{
		height: 2vw;
	    font-size: 20px;
	    color: #33629c;
	    font-weight: 600;
	    vertical-align: top;
	    line-height: 2vw;
	    margin-left: 0.4vw;
	}
	.row .mid_row .three_box .head .more{
		width: auto;
		height: 2vw;
		vertical-align: top;
		line-height: 2vw;
		float: right;
		font-size: 0.8vw;
		color: #666;
	}
	.row .mid_row .three_box .lists{
		width: 100%;
		height: auto;
		max-height: 22vw;
		background: #fff;
		overflow: hidden;
		border-top: none;
	}
	.row .mid_row .three_box .lists .item{
		width: 100%;
		height: 6vw;
		margin-top: 1vw;
		background: #fafafa;
	}
	.row .mid_row .three_box .lists .item:hover{
		background: #f1f1f1;
		box-shadow: 0 0.2vw 0.2vw #ddd;
	}
	.row .mid_row .three_box .lists .item .title{
		width: 90%;
		height: 2vw;
		line-height: 2vw;
		font-size: 0.9vw;
		color: #333;
		margin: 0.6vw 0 0 5%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.row .mid_row .three_box .lists .item .description{
		width: 90%;
		height: 2vw;
		margin: 0.3vw 0 0 5%;
		font-size: 0.7vw;
		line-height: 1vw;
		text-align: justify;
		text-indent: 2em;
		overflow: hidden;
		color: #666;
	}
	.row .mid_row .three_box .item_img{
		width: 100%;
		height: 12vw;
		margin:0.5vw 0 0 0;
		overflow: hidden;
	}
	.row .mid_row .three_box .item_img img{
		width: 100%;
		height: auto;
		position: absolute;
		left: 0;
		top: 0;
	}
	.row .mid_row .three_box .t2{
		width: 100%;
		height:auto ;
		max-height: 9vw;
	}
	.row .mid_row .three_box .t2 .item{
		width: 100%;
		height: 2.7vw;
		outline: 1px solid #ddd;
		font-size: 0.8vw;
		text-align: left;
		text-indent: 0.5vw;
		line-height: 2.7vw;
		overflow: hidden;
		white-space: nowrap;
		color: #666;
		text-overflow: ellipsis;
	}
	.row .mid_row .three_box .t2 .item:hover{
		outline: 1px solid #024b9f;
		color: #024b9f;
	}
	.row .mid_row .three_box .t2 .active{
		outline: 1px solid #024b9f;
		color: #024b9f;
	}

	.banners{
		width: 72.5vw;
		height: 4.5vw;
		position: relative;
		margin: 1vw 0 1vw 13.25vw;
	}
	.banners img{
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}

	.row .mid_row .books{
		width: 100%;
		height: auto;
	}
	.row .mid_row .books .head{
		width: 100%;
		height: 2vw;
		margin: 0.5vw 0 0 0;
		border-bottom:1px solid #0560a4
	}
	.row .mid_row .books .head .icon{
		width: 1.6vw;
		height: 1.6vw;
		margin: 0.2vw 0 0 0.2vw;
	}
	.row .mid_row .books .head .column_name{
		height: 2vw;
	    font-size: 1vw;
	    color: #33629c;
	    font-weight: 600;
	    vertical-align: top;
	    line-height: 2vw;
	    margin-left: 0.4vw;
	}
	.row .mid_row .books .head .more{
		width: auto;
		height: 2vw;
		vertical-align: top;
		line-height: 2vw;
		float: right;
		font-size: 0.8vw;
		color: #666;
	}
	.row .mid_row .books .book_left{
		width: 66%;
		height: auto;
	}
	.row .mid_row .books .book_left .book{
		width: 49%;
		height: 14vw;
		margin:0.5vw 0 0 1% ;
		background: #fff;
		outline: 1px solid #ddd;
		vertical-align: top;
	}

	.row .mid_row .books .book_left .book .content_list{
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	.row .mid_row .books .book_left .book .content_list .artc{
		display: inline-block;
		width: 94%;
		margin: 0 0 0 3%;
	}
	.row .mid_row .books .book_left .book .content_list .artc:hover .title{
		font-size: 0.85vw;
		color: #33629c;
	}
	.row .mid_row .books .book_left .book .content_list .artc:hover .page{
		font-size: 0.85vw;
		color: #33629c;
	}
	.row .mid_row .books .book_left .book .content_list .artc .title{
		display: inline-block;
		width: 70%;
		height:1.7vw;
		font-size: 0.8vw;
		text-align: left;
		color: #000;
		line-height: 1.7vw;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		float: left;
	}
	.row .mid_row .books .book_left .book .content_list .artc .page{
		width: 27%;
		height:1.7vw;
		font-size: 0.8vw;
		line-height: 1.7vw;
		text-align: left;
		margin-right: 2%;
		color: #888;
		float: right;
		overflow:hidden;
	}
	.row .mid_row .books .book_left .book .qikan{
		width: 3vw;
		height: 3vw;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 8;
	}
	.row .mid_row .books .book_left .book .book_img{
		width: 8vw;
		height: 11vw;
		position: absolute;
		top: 1.5vw;
		left: 1.2vw;
		z-index: 5;
		box-shadow: 5px 5px 12px #999;
	}
	.row .mid_row .books .book_left .book .book_img img{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.row .mid_row .books .book_left .book  .bookinfos{
	    width: 9vw;
	    height: 11vw;
	    position: absolute;
	    right: 1vw;
	    top: 1.5vw;
	    font-size: 0.7vw;
	    font-weight: 600;
	}
	.row .mid_row .books .book_left .book  .bookinfos pre{
		width: 9vw;
	    height: 11vw;
	    position: absolute;
	    top: 0;
	    left: 0;
		font-size: 0.7vw;
	    font-weight: 600;
	    white-space: pre-wrap;
		word-wrap: break-word;
	}


	.row .mid_row .books .book_right{
		width:33%;
		height: auto;
		margin:0.5vw 0 0 1% ;
		background: #fff;
		outline: 1px solid #ddd;
		vertical-align: top;
	}
	.row .mid_row .books .book_right .content_list{
		width:100%;
		height: auto;
	}
	.row .mid_row .books .book_right .content_list .artc{
		display: inline-block;
		width: 94%;
		margin: 0 0 0 3%;
	}
	.row .mid_row .books .book_right .content_list .artc:hover .title{
		font-size: 0.85vw;
		color: #33629c;
	}
	.row .mid_row .books .book_right .content_list .artc:hover .page{
		font-size: 0.85vw;
		color: #33629c;
	}
	.row .mid_row .books .book_right .content_list .artc .title{
		display: inline-block;
		width: 70%;
		height:1.7vw;
		font-size: 0.8vw;
		text-align: left;
		color: #000;
		line-height: 1.7vw;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		float: left;
	}
	.row .mid_row .books .book_right .content_list .artc .page{
		width: 27%;
		height:1.7vw;
		font-size: 0.8vw;
		line-height: 1.7vw;
		text-align: left;
		margin-right: 2%;
		color: #888;
		float: right;
		overflow:hidden;
	}



	/*招聘信息*/
	.row .mid_row .hire_box{
		width: 100%;
		height: auto;
		margin-right: 1%;
		vertical-align: top;
	}
	.row .mid_row .hire_box .head{
		width: 100%;
		height: 2vw;
		margin: 0.5vw 0 0 0;
		border-bottom:1px solid #0560a4;
	}
	.row .mid_row .hire_box .head .icon{
		width: 1.2vw;
		height: 1.2vw;
		margin: 0.4vw 0 0 0.4vw;
	}
	.row .mid_row .hire_box .head .column_name{
		height: 2vw;
	    font-size: 20px;
	    color: #33629c;
	    font-weight: 600;
	    vertical-align: top;
	    line-height: 2vw;
	    margin-left: 0.4vw;
	}
	.row .mid_row .hire_box .head .yq{
		height: 1.6vw;
		width: auto;
		font-size: 16px;
		background: #FF5722;
		border-radius: 4px;
		padding:0 12px;
		line-height: 1.6vw;
		margin:0.2vw 0 0 10px;
		color: #fff;
		font-weight: 700;
	}
	.row .mid_row .hire_box .head .more{
		width: auto;
		height: 2vw;
		vertical-align: top;
		line-height: 2vw;
		float: right;
		font-size: 0.8vw;
		color: #666;
	}
	.row .mid_row .hire_box .items{
		width: 100%;
		/*height: auto;*/
		height: 14.2vw;
		/*overflow: hidden;*/
		position: relative;
		/*outline: 1px solid #0560a4;*/
		padding-bottom: 1vw;
	}
	.row .mid_row .hire_box .items .swiper-button-disabled{
		display: none;
	}
	.row .mid_row .hire_box .items .change_btn{
		height: 2vw;
		width: 2vw;
		border-radius: 1vw;
		position: absolute;
		/*background: #000;*/
		top: 6vw;
		cursor: pointer;
	}
	.row .mid_row .hire_box .items .prev_btn{
		left:-3vw;
		background: url(../images/left.png) no-repeat;
		background-size: 100% auto;
	}
	.row .mid_row .hire_box .items .next_btn{
		right:-3vw;
		background: url(../images/right.png) no-repeat;
		background-size: 100% auto;
	}


	.row .mid_row .hire_box .items .ss{
		display: inline-block;
	}
	.row .mid_row .hire_box .items .item{
		width: 98%;
		height: 13vw;
		margin:1vw 1% 0 1%;
		vertical-align: top;
		outline: 1px solid #ddd;
		display: inline-block;
		text-align: left;
	}
	.row .mid_row .hire_box .items .item:hover{
		box-shadow: 0 0 10px #999;
	}
	.row .mid_row .hire_box .items .item .title{
		width: 64%;
		height: 2vw;
		font-size: 1vw;
		margin: 0.4vw 3% 0 3%;
		line-height: 2vw;
		color: #000;
		white-space: nowrap;
    	overflow: hidden;
    	font-weight: 700;
    	text-overflow: ellipsis;
    	/*font-family: "微软雅黑";*/
	}
	.row .mid_row .hire_box .items .item .positions{
		width: 64%;
		height: 1.4vw;
		font-size: 0.8vw;
		margin: 0.2vw 3%;
		line-height: 1.4vw;
		text-align: justify;
		color: #333;
		white-space: nowrap;
    	overflow: hidden;
    	text-overflow: ellipsis;
	}

	.row .mid_row .hire_box .items .item .salary{
		font-size: 0.9vw;
		font-weight: 700;
		color: #FF5722;
	}
	.row .mid_row .hire_box .items .item .tags{
		display: inline-block;
		height: 1.3vw;
		line-height: 1.3vw;
		width: auto;
		padding:0 0.7vw;
		font-size: 0.7vw;
		color: #fff;
		border-radius: 0.2vw;
		margin-right: 0.2vw;
	}
	.row .mid_row .hire_box .items .item .tags_orange{
		background: #FF5722;
	}
	.row .mid_row .hire_box .items .item .tags_grey{
		color: #444;
		background: #ddd;
	}



	.row .mid_row .hire_box .items .item .company_detail{
		width: 6vw;
		height: 1.6vw;
		background: #0f649f;
		border-radius: 0.8vw;
		font-size: 0.8vw;
		color: #fff;
		line-height: 1.6vw;
		text-align: center;
		margin:0.2vw 0 0 0.6vw;
		cursor: pointer;
	}
	.row .mid_row .hire_box .items .item .sendmsg{
		width: 6vw;
		height: 1.6vw;
		background: #FF5722;
		border-radius: 0.8vw;
		font-size: 0.8vw;
		color: #fff;
		line-height: 1.6vw;
		text-align: center;
		margin:0.2vw 0 0 0.6vw;
		cursor: pointer;
	}
	.row .mid_row .hire_box .items .item .hiredetail{
		width: 6vw;
		height: 1.6vw;
		background: #FF5722;
		border-radius: 0.8vw;
		font-size: 0.8vw;
		color: #fff;
		line-height: 1.6vw;
		text-align: center;
		margin:0.2vw 0 0 0.6vw;
		cursor: pointer;
	}
	.row .mid_row .hire_box .items .item .code_img{
		width: 26%;
		height: auto;
		position: absolute;
		right: 0.6vw;
		top: 0.6vw;
	}


	/*招聘信息*/


	/*.row .mid_row .books .book_list .book  .bookinfos p{
		width: 100%;
		height: auto;
		color: #333;
		font-size: 0.7vw;
		line-height: 0.9vw;
		margin: 0 0 0.5vw 0;
		font-weight: 600;
	}*/



	.footer{
		background: url(../img/tail_bg.png) no-repeat center top #1f478c;
		background-size:100% auto;
	}
	.footer .bottom_nav{
		height: 13vw;
		margin-bottom: 0.3vw;
	}
	.footer .bottom_navs{
		width: 8vw;
		height: auto;
		margin: 2vw 0 0 0;
		vertical-align: top;
	}
	.footer .bottom_navs .title{
		width: 8vw;
		font-size: 1vw;
		line-height: 1.8vw;
		color: #fff;
		font-weight: 600;
	}
	.footer .bottom_navs .item{
		width: 8vw;
		line-height: 1.2vw;
		font-size: 0.8vw;
		color: #fff;
	}
	.footer  .ewm{
		float: right;
		width: 8vw;
		height: 8vw;
		margin-top: 2vw;
	}

	.row .flinks{
		/*width: 100%;*/
		position: relative;
		height: auto;
	}
	.row .flinks .head{
		width: 100%;
		height: 2vw;
		margin: 0.5vw 0 0 0;
		border-bottom:1px solid #0560a4
	}
	.row .flinks .head .icon{
		width: 1.6vw;
		height: 1.6vw;
		margin: 0.2vw 0 0 0.2vw;
	}
	.row .flinks .head .column_name{
		height: 2vw;
	    font-size: 20px;
	    color: #33629c;
	    font-weight: 600;
	    vertical-align: top;
	    line-height: 2vw;
	    margin-left: 0.4vw;
	}
	.row .flinks .head .more{
		width: auto;
		height: 2vw;
		vertical-align: top;
		line-height: 2vw;
		float: right;
		font-size: 0.8vw;
		color: #666;
	}
	.row .flinks .f_link{
		width: 17.5%;
		height: 4vw;
		display: inline-block;
		outline: 1px solid #ddd;
		margin:1vw 1% 0 1%;
		position: relative;
		overflow: hidden;
	}
	.row .flinks .f_link img{
		width: 100%;
		height: auto;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	footer{
		width: 100%;
		height: auto;
		padding: 2vw 0;
		background: #1b3e7b;
	}
	footer p{
		width: 100%;
		height: 1vw;
		line-height: 1vw;
		text-align: center;
		color: #88b2f9;
		font-size: 0.7vw;

	}
	footer a{
		display: inline-block;
		width: 100%;
		height: 1vw;
		line-height: 1vw;
		text-align: center;
		color: #88b2f9;
		font-size: 0.7vw;

	}
	.hiddd{
		display: none;
	}
}@media screen and (max-width: 960px){
  	/* CSS Document */
	*{
		margin: 0;
		padding: 0;
		position: relative;
		text-decoration: none;
		list-style: none;
		font-family: "微软雅黑";
		font-size: 0px;
	}
	div,a,span{
		display: inline-block;
	}
	/*轮播图初始化样式*/
	.swiper-container {
	    width: 100%;
	    height: 100%;
	}
	.swiper-slide {
	    text-align: center;
	    font-size: 18px;

	    /* Center slide text vertically */
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-box-pack: center;
	    -ms-flex-pack: center;
	    -webkit-justify-content: center;
	    justify-content: center;
	    -webkit-box-align: center;
	    -ms-flex-align: center;
	    -webkit-align-items: center;
	    align-items: center;
	}

	/*轮播图初始化样式*/
	/*顶部导航*/
	.head_nav{

		width: 100%;
		height: auto;
		position: relative;
		background: #0f649f;
	}
	.head_nav .heads{
		width: 98vw;
		height: 10vw;
		display: block;
		margin: 0 auto;
	}
	.head_nav .heads .welcome{
		height: 5vw;
		font-size: 3vw;
		line-height: 5vw;
		color: #fff;
		display: none;
	}
	.head_nav .heads .customer_login{
		float: right;
		height: 5vw;
		margin-right: 10px;
	}
	.head_nav .heads .customer_login .login_btn{
		height: 5vw;
		line-height: 5vw;
		cursor: pointer;
		font-size: 3vw;
		color: #fff;
		padding:0 6px;
		vertical-align: top;
	}
	.head_nav .heads .customer_login .change_pwd{
		height: 5vw;
		line-height: 5vw;
		cursor: pointer;
		font-size: 3vw;
		color: #fff;
		padding:0 6px;
		vertical-align: top;
	}
	.head_nav .heads .customer_login .logout_btn{
		height: 5vw;
		line-height: 5vw;
		cursor: pointer;
		font-size: 3vw;
		color: #fff;
		padding:0 6px;
		vertical-align: top;
	}
	.head_nav .heads .connectinfo{
		float: right;
		height: 5vw;
	}
	.head_nav .heads .connectinfo .conn_item{
		height: 5vw;
		vertical-align: top;
		position: relative;
	}

	.head_nav .heads .connectinfo .conn_item .code_img{
		width: 8vw;
		height: 8vw;
		outline: 1px solid rgba(255, 255, 255, 0.5);
		position: absolute;
		left: -2vw;
		bottom: -8vw;
		z-index: 999;
		background: #fff;
		box-shadow: 0 0 8px #333;
		display: none;
	}
	.head_nav .heads .connectinfo .conn_item .code_img img{
		width: 7.4vw;
		height: 7.4vw;
		position: absolute;
		left: 0.3vw;
		top: 0.3vw;
	}
	.head_nav .heads .connectinfo .conn_item:hover .code_img{
		display: block;
	}
	.head_nav .heads .connectinfo .conn_item span{
		font-size: 3vw;
		color: #fff;
		line-height: 5vw;
		vertical-align: top;
	}
	.head_nav .heads .connectinfo .line{
		width: 1px ;
		height: 3vw;
		margin: 1vw 1vw 0;
		background: #78a4d5;
	}
	.head_nav .heads .connectinfo .conn_item .conn_icon{
		width: 2.1vw;
		height: 1.8vw;
		margin: 1.45vw 1vw 0 0;
	}
	/*顶部导航*/
	.header{
		width: 100%;
		height: auto;
	}
	.header .navs{
		width: 100%;
		height: auto;
		margin-left: 0;
		margin:1vw 0;
	}
	.header .navs .logo{
		height: 9vw;
		width: auto;
		margin: 0.5vw 0 0 0;
	}
	.header .search{
		width: 55vw;
		height: 8vw;
		position: absolute;
		right: 1vw;
		top: 1vw;
		outline: 1px solid #0f649f;
		z-index: 99;
		margin: 0;
	}
	.header .search .search_input{
		width: 45vw;
		height: 8vw;
		float: left;
		font-size: 3vw;
		/*border: 1px solid #0f649f;*/
		color: #666;
		outline: none;
		border: none;
		text-indent: 1vw;
	}
	.header .search .search_btn{
		width: 10vw;
		height: 8vw;
		background: #0f649f;
		cursor: pointer;
	}
	.header .search .search_btn img{
		width: 6vw;
		height: 6vw;
		float: left;
		margin: 1vw 0 0 2vw;
	}
	.header .search .search_btn span{
		display: none;
		font-size: 0.7vw;
		line-height: 2vw;
		color: #fff;
		float: left;
		margin: 0 0 0 0.4vw;

	}
	.header .navs .columns{
		width: auto;
		max-width: 98vw;
		float: right;
		height: 10vw;
		margin-top: 1vw;
		margin-right: 1vw;
		position: relative;
		z-index: 10;
		white-space: nowrap;
		overflow-x: scroll;
    	overflow-y: hidden;
		/*margin-right: 2vw;*/
	}
	.header .navs .columns .column{
		display: inline-block;
		height: 6vw;
		padding: 0 3vw;
		font-size: 3vw;
		line-height: 6vw;
		margin: 2vw 3vw 0 1vw;
		color: #535454;
		border: 1px solid #0f649f;
		border-radius: 6vw;
	}
	.header .navs .columns .column:hover{
		border-bottom: 3px solid #0560a4;
	}
	.header .navs .columns .active{
		border-bottom: 3px solid #0560a4;
	}


	.banner{
		width: 100vw;
		height: 30vw;
		margin: 0 0 1vw 0;
	}
	.banner img{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.grey_bg{
		background: #f7f8fa;
	}
	.row{
	    width: 100%;
	    height: auto;
	    margin: 1px 0;
	    padding: 1vw 0;
	}
	.row .box_list{
		width: 100%;
		height:auto;
		/*max-height: ;*/
		position: relative;
		display: inline-block;
		vertical-align: top;
		margin-top: 2vw;
	}
	.row .box_list .item{
		width: 48%;
		height:10vw;
		/*max-height: ;*/
		position: relative;
		display: inline-block;
		margin:0 1%;
		margin-bottom: 2vw;
	}
	.row .box_list .item .icon{
		max-width: 30%;
		height:2vw;
		float: left;
		margin:1vw 0 0 1vw;
	}
	.row .box_list .item .col_name{
		font-size: 3vw;
		text-align: center;
		line-height: 10vw;
		display: inline-block;
		float:right;
		width: 70%;
		color: #fff;
		letter-spacing: 1vw;
	}


	.row .tab_list{
		width: 96%;
		height:auto;
		position: relative;
		display: inline-block;
		margin:0 0 0 2%;
		vertical-align: top;
	}
	.row .tab_list .tabs{
		width: 100%;
		height: 8vw;
		position: relative;
		border-bottom: 2px solid #E6E6E6;
	}
	.row .tab_list .tabs .tab{
		display: inline-block;
		height: 8vw;
		padding: 0 0.4vw;
		color: #e23939;
		line-height: 8vw;
		font-size: 3vw;
		font-weight: 600;
		margin:0 2vw 0 0;
		border-bottom: 2px solid #E6E6E6;
	}
	.row .tab_list .tabs .tab:hover{
		border-bottom: 2px solid #e23939;
	}
	.row .tab_list .tabs .active{
		border-bottom: 2px solid #e23939;
	}
	.row .tab_list .tab_content{
		width: 100%;
		height: auto;
		max-height:1800vw;
		overflow: hidden;
	}
	.row .tab_list .tab_content .new{
		display: inline-block;
		width: 98%;
		height:auto;
		margin:2vw 1% 2vw 1%;
		box-shadow: 0 0 3px #ddd;
		border-radius: 3px;
	}

	.row .tab_list .tab_content .new:hover{
		box-shadow: 0 0 10px #ddd;
	}
	.row .tab_list .tab_content .new .thumb{
		width: 14%;
		height:5vw;
		float: left;
		position: relative;
		margin: 0.8vw 0 0.8vw 0;
	}
	.row .tab_list .tab_content .new .infos{
		width: 100%;
		height:auto;
		float: none;
		display: inline-block;
		position: relative;
		margin: 0.8vw 0 0.8vw 0;
	}
	.row .tab_list .tab_content .new .infos .title{
		width: 96%;
		height: 5vw;
		line-height: 5vw;
		text-align: left;
		font-size: 4vw;
		color: #444;
		margin:0 2%;
		overflow:hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.row .tab_list .tab_content .new .infos .description{
		width: 96%;
		height: 4vw;
		text-indent: 2em;
		line-height: 5vw;
		text-align: justify;
		font-size: 3vw;
		color: #666;
		margin:0.3vw 2% 0;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.row .tab_list .tab_content .new .infos .time{
		width: 96%;
		height: 4vw;
		line-height: 4vw;
		text-align: justify;
		font-size: 3vw;
		color: #666;
		margin:0.3vw 2% 0;
		overflow: hidden;
	}


	.row .mid_row{
		width: 98vw;
		height: auto;
		margin: 0 0 0 1vw;
	}
	.row .mid_row .left{
		width: 100%;
		height: 66vw;
		background: #fff;
	}
	.row .mid_row .left .head{
		width: 92%;
		height: 6vw;
		margin: 0.5vw 0 0 4%;
		border-bottom:1px solid #0560a4
	}
	.row .mid_row .left .head .icon{
		width: 4.8vw;
		height: 4.8vw;
		margin: 0.6vw 0 0 0.4vw;
	}
	.row .mid_row .left .head .column_name{
		height: 6vw;
	    font-size: 20px;
	    color: #33629c;
	    font-weight: 600;
	    vertical-align: top;
	    line-height: 6vw;
	    margin-left: 0.4vw;
	}
	.row .mid_row .left .head .more{
		width: auto;
		height: 6vw;
		vertical-align: top;
		line-height: 6vw;
		float: right;
		font-size: 3vw;
		color: #666;
	}
	.row .mid_row .left .list{
		width: 92%;
		height: 60vw;
		margin: 0 0 0 4%;
		overflow: hidden;
		background: #fff;
	}
	.row .mid_row .left .list .item{
		width:100% ;
		height: auto;
		border-bottom: 1px dashed #ddd;
		padding: 0.5vw 0;
	}
	.row .mid_row .left .list .item:hover{
		background:#f7f8fa;
	}
	.row .mid_row .left .list .item .dot{
		width: 5vw;
		height: 3vw;
		font-size: 10vw;
		line-height: 5vw;
		display: inline-block;
		vertical-align: top;
	}
	.row .mid_row .left .list .item .title{
		display: inline-block;
		width: 92%;
		height: 6vw;
		font-size: 3vw;
		text-align: justify;
		vertical-align: top;
		color: #444;
		line-height: 6vw;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.row .mid_row .left .list .item .title:hover{
		color: #111;
	}
	.row .mid_row .right{
		width: 98vw;
		height: 96vw;
		background: #fff;
		margin:3vw 0 0 1vw;
		vertical-align: top;
	}
	.row .mid_row .right .head{
		width: 96%;
		height: 6vw;
		margin: 0.5vw 0 0 2%;
		border-bottom:1px solid #0560a4
	}
	.row .mid_row .right .head .icon{
		width: 4.8vw;
		height: 4.8vw;
		margin: 0.6vw 0 0 0.6vw;
	}
	.row .mid_row .right .head .column_name{
		height: 6vw;
	    font-size: 20px;
	    color: #33629c;
	    font-weight: 600;
	    vertical-align: top;
	    line-height: 6vw;
	    margin-left: 0.4vw;
	}
	.row .mid_row .right .head .more{
		width: auto;
		height: 6vw;
		vertical-align: top;
		line-height: 6vw;
		float: right;
		font-size: 3vw;
		color: #666;
	}
	.row .mid_row .right .top{
		width: 96%;
		height: 50vw;
		margin: 0.5vw 0 0 2%;
		padding-bottom: 0.4vw;
		border-bottom: 1px dashed #ddd;
	}
	.row .mid_row .right .top .left_area{
		width: 100%;
		height: 48vw;
		vertical-align: top;
		overflow: hidden;
	}
	.row .mid_row .right .top .left_area img{
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	.row .mid_row .right .top .left_area a{
		width: 100%;
		height: 8vw;
		background: rgba(0,0,0,0.6);;
		position: absolute;
		bottom: 0;
		left: 0;
		font-size: 4vw;
		line-height: 8vw;
		text-align: left;
		text-indent: 1em;
		color: #fff;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.row .mid_row .right .top .right_area{
		display:none;
		width: 23vw;
		height: 12vw;
		vertical-align: top;
		margin-left: 1.2vw;
	}
	.row .mid_row .right .top .right_area .new_title{
		width: 100%;
		height: 1vw;
		line-height: 1vw;
		margin:1vw 0 0 0;
		font-size: 0.9vw;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		color: #33629c;
	}
	.row .mid_row .right .top .right_area .new_description{
		width: 98%;
		height: 7.2vw;
		margin: 0.6vw 0 0 1%;
		line-height: 1.2vw;
		font-size: 0.75vw;
		color: #666;
		text-indent: 2em;
		overflow: hidden;
	}
	.row .mid_row .right .top .right_area .time{
		width: 96%;
		height: 6vw;
		font-size: 0.8vw;
		color: #999;
		text-align: right;
		line-height: 6vw;
		margin: 1vw 0 0 2%;
	}
	.row .mid_row .right .bottom{
		width: 96%;
		height: 36vw;
		margin: 0.8vw 0 0 2%;
		overflow: hidden;
	}
	.row .mid_row .right .bottom .item{
		width: 100%;
		height:6vw;
		overflow: hidden;
	}
	.row .mid_row .right .bottom .item .dot{
		width: 5vw;
		height: 6vw;
		font-size: 10vw;
		line-height: 6vw;
		display: inline-block;
		vertical-align: top;
	}
	.row .mid_row .right .bottom .item .title{
		display: inline-block;
		width:82%;
		height: 6vw;
		font-size: 3vw;
		text-align: justify;
		vertical-align: top;
		color: #444;
		line-height: 6vw;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.row .mid_row .right .bottom .item  .time{
		float: right;
		width: 10vw;
		font-size: 3vw;
		color: #666;
		line-height: 6vw;
	}

	.row .mid_row .three_box{
		width: 96%;
		height: auto;
		margin-left: 2%;
		vertical-align: top;
		margin-top: 2vw;
	}
	.row .mid_row .three_box .head{
		width: 100%;
		height: 6vw;
		margin: 1vw 0 0 0;
		border-bottom:1px solid #0560a4
	}
	.row .mid_row .three_box .head .icon{
		width: 4.8vw;
		height: 4.8vw;
		margin: 0.6vw 0 0 0.4vw;
	}
	.row .mid_row .three_box .head .column_name{
		height: 6vw;
	    font-size: 20px;
	    color: #33629c;
	    font-weight: 600;
	    vertical-align: top;
	    line-height: 6vw;
	    margin-left: 0.4vw;
	}
	.row .mid_row .three_box .head .more{
		width: auto;
		height: 6vw;
		vertical-align: top;
		line-height: 6vw;
		float: right;
		font-size: 3vw;
		color: #666;
	}
	.row .mid_row .three_box .lists{
		width: 100%;
		height: auto;
		max-height: 200vw;
		background: #fff;
		overflow: hidden;
		border-top: none;
	}
	.row .mid_row .three_box .lists .item{
		width: 100%;
		height: auto;
		margin-top: 1vw;
		background: #fafafa;
	}
	.row .mid_row .three_box .lists .item:hover{
		background: #f1f1f1;
		box-shadow: 0 0.2vw 0.2vw #ddd;
	}
	.row .mid_row .three_box .lists .item .title{
		width: 90%;
		height: 6vw;
		line-height: 6vw;
		font-size: 3vw;
		color: #333;
		margin: 0.6vw 0 0 5%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		font-weight: bold;
	}
	.row .mid_row .three_box .lists .item .description{
		width: 90%;
		height: 30vw;
		margin: 0.3vw 0 0 5%;
		font-size: 3vw;
		line-height: 5vw;
		text-align: justify;
		text-indent: 2em;
		overflow: hidden;
		color: #666;
	}
	.row .mid_row .three_box .item_img{
		width: 100%;
		height: 40vw;
		margin:0.5vw 0 0 0;
		overflow: hidden;
	}
	.row .mid_row .three_box .item_img img{
		width: 100%;
		height: auto;
		position: absolute;
		left: 0;
		top: 0;
	}
	.row .mid_row .three_box .t2{
		width: 100%;
		height:auto ;
		max-height: 200vw;
	}
	.row .mid_row .three_box .t2 .item{
		width: 100%;
		height: 6vw;
		outline: 1px solid #ddd;
		font-size: 3vw;
		text-align: left;
		text-indent: 0.5vw;
		line-height: 6vw;
		overflow: hidden;
		white-space: nowrap;
		color: #666;
		text-overflow: ellipsis;
	}
	.row .mid_row .three_box .t2 .item:hover{
		outline: 1px solid #024b9f;
		color: #024b9f;
	}
	.row .mid_row .three_box .t2 .active{
		outline: 1px solid #024b9f;
		color: #024b9f;
	}

	.banners{
		width: 72.5vw;
		height: 4.5vw;
		position: relative;
		margin: 1vw 0 1vw 13.25vw;
	}
	.banners img{
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}

	.row .mid_row .books{
		width: 100%;
		height: auto;
	}
	.row .mid_row .books .head{
		width: 100%;
		height: 6vw;
		margin: 0.5vw 0 0 0;
		border-bottom:1px solid #0560a4
	}
	.row .mid_row .books .head .icon{
		width: 4.8vw;
		height: 4.8vw;
		margin: 0.6vw 0 0 0.2vw;
	}
	.row .mid_row .books .head .column_name{
		height: 6vw;
	    font-size: 20px;
	    color: #33629c;
	    font-weight: 600;
	    vertical-align: top;
	    line-height: 6vw;
	    margin-left: 0.4vw;
	}
	.row .mid_row .books .head .more{
		width: auto;
		height: 2vw;
		vertical-align: top;
		line-height: 2vw;
		float: right;
		font-size: 0.8vw;
		color: #666;
	}
	.row .mid_row .books .book_list{
		width: 100%;
		height: auto;
	}
	.row .mid_row .books .book_list .book{
		width: 96%;
		height: 64vw;
		margin:3vw 0 0 2% ;
		background: #fff;
		outline: 1px solid #ddd;
		vertical-align: top;
	}

	.row .mid_row .books .book_list .book .content_list{
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	.row .mid_row .books .book_list .book .content_list .artc{
		display: inline-block;
		width: 94%;
		margin: 0 0 0 3%;
	}
	.row .mid_row .books .book_list .book .content_list .artc:hover .title{
		font-size: 3vw;
		color: #33629c;
	}
	.row .mid_row .books .book_list .book .content_list .artc:hover .page{
		font-size: 3vw;
		color: #33629c;
	}
	.row .mid_row .books .book_list .book .content_list .artc .title{
		display: inline-block;
		width: 70%;
		height:7vw;
		font-size: 3vw;
		text-align: left;
		color: #000;
		line-height: 7vw;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		float: left;
	}
	.row .mid_row .books .book_list .book .content_list .artc .page{
		width: 27%;
		height:7vw;
		font-size: 3vw;
		line-height:7vw;
		text-align: left;
		margin-right: 2%;
		color: #888;
		float: right;
		overflow:hidden;
	}
	.row .mid_row .books .book_list .book .qikan{
		width: 12vw;
		height: 12vw;
		position: absolute;
		top: 4vw;
		left: 4vw;
		z-index: 8;
	}
	.row .mid_row .books .book_list .book .book_img{
		width: 40vw;
		height: 54vw;
		position: absolute;
		top: 4vw;
		left:4vw;
		z-index: 5;
		box-shadow: 5px 5px 12px #999;
	}
	.row .mid_row .books .book_list .book .book_img img{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.row .mid_row .books .book_list .book  .bookinfos{
	    width: 42vw;
	    height: auto;
	    position: absolute;
	    right: 1vw;
	    top: 1.5vw;
	    font-size: 0.7vw;
	    font-weight: 600;
	}
	.row .mid_row .books .book_list .book  .bookinfos pre{
		width: 42vw;
	    height: auto;
	    position: absolute;
	    top: 0;
	    left: 0;
		font-size: 0.7vw;
	    font-weight: 600;
	    white-space: pre-wrap;
		word-wrap: break-word;
	}


	/*招聘信息*/
	.row .mid_row .hire_box{
		width: 92%;
		height: auto;
		margin:0 0 0 4%;
		vertical-align: top;
	}
	.row .mid_row .hire_box .head{
		width: 100%;
		height: 6vw;
		margin: 0.5vw 0 0 0;
		border-bottom:1px solid #0560a4
	}
	.row .mid_row .hire_box .head .icon{
		width: 4.8vw;
		height: 4.8vw;
		margin: 0.6vw 0 0 0.6vw;
	}
	.row .mid_row .hire_box .head .column_name{
		height: 6vw;
	    font-size: 14px;
	    color: #33629c;
	    font-weight: 600;
	    vertical-align: top;
	    line-height: 6vw;
	    margin-left: 0.4vw;
	    max-width: 66%;
	    white-space: nowrap;
    	overflow: hidden;
    	text-overflow: ellipsis;
	}
	.row .mid_row .hire_box .head .yq{
		height: 4vw;
		width: auto;
		font-size: 12px;
		background: #FF5722;
		border-radius: 6px;
		padding:0 12px;
		line-height: 4vw;
		margin:1vw 0 0 10px;
		color: #fff;
		font-weight: 700;
	}
	.row .mid_row .hire_box .head .more{
		width: auto;
		height: 6vw;
		vertical-align: top;
		line-height: 6vw;
		float: right;
		font-size: 3vw;
		color: #666;
	}
	.row .mid_row .hire_box .items{
		width: 100%;
		height: auto;
		position: relative;
	}
	.row .mid_row .hire_box .items .item{
		width: 100%;
		height: auto;
		margin:2vw 0% 0 0%;
		vertical-align: top;
		outline: 1px solid #ddd;
	}
	.row .mid_row .hire_box .items .item:hover{
		box-shadow: 0 0 10px #999;
	}
	.row .mid_row .hire_box .items .item .title{
		width: 70%;
		height: 5vw;
		font-size: 3vw;
		margin: 0.4vw 3% 0 3%;
		line-height: 5vw;
		color: #000;
		white-space: nowrap;
    	overflow: hidden;
    	font-weight: 700;
    	text-overflow: ellipsis;
    	/*font-family: "微软雅黑";*/
	}
	.row .mid_row .hire_box .items .item .positions{
		width: 64%;
		height:4vw;
		font-size: 3vw;
		margin: 0.2vw 3%;
		line-height: 4vw;
		text-align: justify;
		color: #333;

		white-space: nowrap;
    	overflow: hidden;
    	text-overflow: ellipsis;
	}

	.row .mid_row .hire_box .items .item .salary{
		font-size: 3vw;
		font-weight: 700;
		color: #FF5722;
	}
	.row .mid_row .hire_box .items .item .tags{
		display: inline-block;
		height: 4vw;
		line-height: 4vw;
		width: auto;
		padding:0 1vw;
		font-size: 2.5vw;
		color: #fff;
		border-radius: 0.5vw;
		margin-right: 0.5vw;
	}
	.row .mid_row .hire_box .items .item .tags_orange{
		background: #FF5722;
	}
	.row .mid_row .hire_box .items .item .tags_grey{
		color: #444;
		background: #ddd;
	}



	.row .mid_row .hire_box .items .item .company_detail{
		width: 16vw;
		height: 4vw;
		background: #0f649f;
		border-radius: 2vw;
		font-size: 3vw;
		color: #fff;
		line-height: 4vw;
		text-align: center;
		margin:0.2vw 0 0 0.6vw;
		cursor: pointer;
	}
	.row .mid_row .hire_box .items .item .sendmsg{
		width: 16vw;
		height: 4vw;
		background: #FF5722;
		border-radius: 2vw;
		font-size: 3vw;
		color: #fff;
		line-height: 4vw;
		text-align: center;
		margin:0.2vw 0 1vw 2vw;
		cursor: pointer;
	}

	.row .mid_row .hire_box .items .item .hiredetail{
		width: 16vw;
		height: 4vw;
		background: #FF5722;
		border-radius: 2vw;
		font-size: 3vw;
		color: #fff;
		line-height: 4vw;
		text-align: center;
		margin:0.2vw 0 1vw 2vw;
		cursor: pointer;
	}
	/*.row .mid_row .books .book_list .book  .bookinfos p{
		width: 100%;
		height: auto;
		color: #333;
		font-size: 0.7vw;
		line-height: 0.9vw;
		margin: 0 0 0.5vw 0;
		font-weight: 600;
	}*/



	.footer{
		background: url(../img/tail_bg.png) no-repeat center top #1f478c;
		background-size:100% auto;
	}
	.footer .bottom_nav{
		height: 13vw;
		margin-bottom: 0.3vw;
	}
	.footer .bottom_navs{
		width: 8vw;
		height: auto;
		margin: 2vw 0 0 0;
		vertical-align: top;
	}
	.footer .bottom_navs .title{
		width: 8vw;
		font-size: 1vw;
		line-height: 1.8vw;
		color: #fff;
		font-weight: 600;
	}
	.footer .bottom_navs .item{
		width: 8vw;
		line-height: 1.2vw;
		font-size: 0.8vw;
		color: #fff;
	}
	.footer  .ewm{
		float: right;
		width: 8vw;
		height: 8vw;
		margin-top: 2vw;
	}

	.row .flinks{
		/*width: 100%;*/
		position: relative;
		height: auto;
	}
	.row .flinks .head{
		width: 100%;
		height: 6vw;
		margin: 0.5vw 0 0 0;
		border-bottom:1px solid #0560a4
	}
	.row .flinks .head .icon{
		width: 4.8vw;
		height: 4.8vw;
		margin: 0.6vw 0 0 0.2vw;
	}
	.row .flinks .head .column_name{
		height: 6vw;
	    font-size: 20px;
	    color: #33629c;
	    font-weight: 600;
	    vertical-align: top;
	    line-height: 6vw;
	    margin-left: 0.4vw;
	}
	.row .flinks .head .more{
		width: auto;
		height: 6vw;
		vertical-align: top;
		line-height: 2vw;
		float: right;
		font-size: 3vw;
		color: #666;
	}
	.row .flinks .f_link{
		width: 46%;
		height: 12vw;
		display: inline-block;
		outline: 1px solid #ddd;
		margin:3vw 1% 0 2%;
		position: relative;
		overflow: hidden;
	}
	.row .flinks .f_link img{
		width: 100%;
		height: auto;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
	.footer{
		display: none;
	}
	footer{
		width: 100%;
		height: auto;
		padding: 2vw 0;
		background: #1b3e7b;
	}
	footer p{
		width: 100%;
		height: auto;
		line-height: 5vw;
		text-align: center;
		color: #88b2f9;
		font-size: 3vw;

	}
	.hiddd{
		display: none;
	}
}