/*
 * Swiper 2.7.6
 * Mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
 *
 * Copyright 2010-2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under GPL & MIT
 *
 * Released on: February 11, 2015
*/
/* ===============================================================
Basic Swiper Styles 
================================================================*/
#u_u4_pic {
  height: 250px;
  width: 380px;
}

.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	direction:ltr;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* fix of webkit flickering */
	z-index:1;}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {}
.swiper-slide {}
.swiper-slide-active {}
.swiper-slide-visible {}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {}
.swiper-active-switch {}
.swiper-visible-switch {}

.slider{width:100%;min-width:1380px;height:100%; margin-bottom:20px;position:relative;overflow:hidden;background:#fff;text-align:center;}
.slider .bd{width:1380px;position:absolute;left:50%;margin-left:-690px;}
.slider .bd li{width:1380px;overflow:hidden;}
.slider .bd li img{display:block;width:1380px;height:100%;}
.slider .tempWrap{overflow:visible!important;}
.slider .tempWrap ul{margin-left:-1380px!important;}
.slider .hd{position:absolute;width:100%;left:0;z-index:1;height:8px;bottom:20px;text-align:center;}
.slider .hd li{display:inline-block;zoom:1;width:8px;height:8px;line-height:99px;overflow:hidden;background:url(../../2017zhxy/images/slider-btn.jpg) 0 -10px no-repeat;margin:0 5px;cursor:pointer;}
.slider .hd li.on{background-position:0 0;}
.slider .pnBtn{position:absolute;z-index:1;top:0;width:100%;height:100%;cursor:pointer;}
.slider .prev{left:-50%;margin-left:-690px;}
.slider .next{left:50%;margin-left:690px;}
.slider .pnBtn .blackBg{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#000;filter:alpha(opacity=50);opacity:.5;}
.slider .pnBtn .arrow{display:none;position:absolute;top:0;z-index:1;width:60px;height:100%;}
.slider .pnBtn .arrow:hover{filter:alpha(opacity=60);opacity:.6;}
.slider .prev .arrow{right:0;background:url(../../2017zhxy/images/slider-arrow.jpg) -120px 0 no-repeat;}
.slider .next .arrow{left:0;background:url(../../2017zhxy/images/slider-arrow.jpg) 0 0 no-repeat;}

.arrow-left{
  height: 46px;
  width: 25px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -23px;
  background: rgba(0,0,0,.6) url(arrows_01.jpg) no-repeat center;
  cursor: pointer;}
.arrow-right{
  height: 46px;
  width: 25px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -23px;
  background: rgba(0,0,0,.6) url(arrows_02.jpg) no-repeat center;
  cursor: pointer;}
 .slide .swiper-container {
  height: 100%;}
 .slide .swiper-container a {
  display: block;
  height: 100%;
  position: relative;}
 .slide .swiper-container a p {
  line-height: 46px;
  height: 46px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 128, 63, 0.66);
  padding: 0 30px;
  color: #fff;}
 .slide .swiper-container a p em {
  font-style: normal;
  font-size: 16px;
  display: block;
  max-width: 80%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;}
 .slide .swiper-container .pagination {
  left: auto;
  right: 0;
  width: auto;
  bottom: 0;
  height: 46px;
  padding-right: 20px;
  position: absolute;
    margin: 0;}
 .slide .swiper-container .pagination .swiper-pagination-switch {
  width: 10px;
  height: 10px;
  opacity: 1;
  background-color: #abbecd;
  float: left;
  margin: 18px 4px 0;
  border-radius: 100%;
  cursor: pointer;
  transition: all 0.2 ease 0.1;}
 .slide .swiper-container .pagination .swiper-pagination-switch.swiper-active-switch {
  background-color: #fff;}


  .left_top_content {
  width: 790px;
  height: 282px;
  top: 65px;
  background-color: #ffffffbf;
  line-height: 70px;
  font-size: 16px;
  color: #000;
  position: absolute;
  text-align: center;}
.left_top_content {
    width: 835px;
    height: 282px;
    top: 60px; 
    background-color: #ffffffbf; 
    line-height: 70px;
    font-size: 16px;
    color: #000;
    position: absolute; 
    text-align: center;}
.left_top_content table{
float:left;}

.left_top_content  table > tbody > tr:nth-child(1) > td > div{
    overflow: hidden;height:250px;width:380px
;}
.left_top_content  table > tbody > tr:nth-child(1) > td > div > div:nth-child(1){
    padding:0px;margin:0px;border:0px solid black;background-color:#000000;height:250px;width:380px;}
.left_top_content  table > tbody > tr:nth-child(1) > td > div >div:nth-child(2){
        filter:alpha(style=1,opacity=10,finishOpacity=80);width:380px;height:19px;text-align:right;top:30px;position:relative;padding:0px;margin:0px;border:0px;}

		.left_top_content ul {
    list-style: none;
    margin: 0px; 
    padding: 0px;
    height: 100%;
    width: 48%;
    float: left;}
 
.left_top_content ul li {
    float: left;
    width: 100%; 
    /*border: 1px solid #dcdada;*/ 
    margin: 0px 0px 0px 0px;
    height: 60px; 
    line-height: 100%;
    position: relative; 
    text-align: left;
transition: all 0.25s ease-in-out;}

.left_top_content ul li:hover {background:linear-gradient(45deg, #a94d93,#512e6e);color: #fff;}

.left_top_content ul li a {
    display: block;
    /* width: 100px; */
    height: 100%;
    line-height: 100%;
    text-align: left;
    color: #000;
    text-decoration: none;}

.left_top_content ul li a:hover {
    color: #0f1682;}

.left_top_content ul li a .news_title {
    display: block;
    /*! width: 100px; */
    height: 16px;  
    line-height: 180%; 
    text-align: left;
    position: absolute; 
    color: #000;
    font-size: 15px;
    padding: 0px 0px 5px 10px;
    text-decoration: none;
left:55px;}
.left_top_content ul li:hover a .news_title {color: #fff;}
.left_top_content ul li:hover a .new_detail{
    color: #fff;}
.left_top_content ul li:hover a .new_date{ 
    color: #fff;}

.left_top_content ul li a .new_detail {
    display: block;
    width: 330px;
    height: 25px;
    top: 24px; 
    line-height: 130%;  
    text-indent: 2em;
    text-align: left; 
    position: absolute;
    font-size: 10px;
    color: #666;
    padding: 0px 0px 0px 10px;
    text-decoration: none;
    overflow: hidden;
    right: 7px;}

.left_top_content ul li a .new_date {
    display: block;
    width: 50px;
    height: 81%;  
    top: 4px; 
    left: 0px;  
    font-size: 20px;
    font-weight: bold; 
    line-height: 100%;
    text-align: center;
    color: #848181;
    position: absolute;
    text-decoration: none;
    border: 1px solid #ddd;}

.left_top_content ul li:hover a .new_date span {
    color: #fff;}
    .left_top_content ul li a .new_date span {
        display: block;
        width: 100%;
        /* height: 100%; */
        font-size: 9px; 
        right: 0px;
        top: 0px;
        line-height: 180%;
        text-align: center;
        font-weight: bold;
        color: #848181;
        position: absolute;
        text-decoration: none;}
		.imagechangenews_pnode
{
    padding:2px 2px;border-left:#cccccc 1px solid;border-radius: 12px;padding: 0px 7px;margin: 0px 3px;}       
a.imagechangenews_pnode:link,a.imagechangenews_pnode:visited
{
    text-decoration:none;color:#fff;line-height:15px;font-size:15px;font-family:宋体;background-color:#666;}       
a.imagechangenews_pnode:active,a.imagechangenews_pnode:hover
{
    text-decoration:none;color:#fff;line-height:15px;font-size:15px;font-family:宋体;background-color:#999;}       
.imagechangenews_fnode
{
    padding:2px 2px;border-left:#cccccc 1px solid;border-radius: 12px;padding: 0px 7px;margin: 0px 3px;}       
a.imagechangenews_fnode:link,a.imagechangenews_fnode:visited
{
    text-decoration:none;color:#fff;line-height:15px;font-size:15px;font-family:宋体;background-color:#2f29e0;}       
a.imagechangenews_fnode:active,a.imagechangenews_fnode:hover
{
    text-decoration:none;color:#fff;line-height:15px;font-size:15px;font-family:宋体;background-color:#2f29e0;}       

	.left_top_content > table > tbody > tr:nth-child(1) > td > div{
    overflow: hidden;height:250px;width:400px;} 
.left_top_content > table > tbody > tr:nth-child(1) > td > div > div:nth-child(1){
    padding:0px;margin:0px;border:0px solid black;background-color:#000000;height:250px;width:400px;}
.left_top_content > table > tbody > tr:nth-child(1) > td > div >div:nth-child(2){
        filter:alpha(style=1,opacity=10,finishOpacity=80);width:380px;height:19px;text-align:right;top:30px;position:relative;padding:0px;margin:0px;border:0px;}
.new_date>span:nth-child(1){ 
    top: -7px !important;
font-size: 30px!important;} 
.new_date>span:nth-child(2){  
    top: 32px !important;
    font-weight: normal!important;}

	.titlestyle1073287{ line-height:45px; color: #333; font-size:16px; text-decoration: none ;}

	.kuaijiebackground {
		position: relative;
		height: 200px;}


.kuaijiebackground .kuaijiecontent {
    position: absolute;
    top: 45px;
    left: 0px;
    width: 100%;
    
    background-size: 100% 100%; 
    height: 167px;}

.kuaijiebackground .kuaijiecontent .kuaijieitem {
    height: 168px;
    width: calc(83% / 8.4);
    position: relative; 
    float: left;
    border: 1px solid #3330;
    padding: 0px 15px;}
.kuaijiebackground .kuaijiecontent .kuaijieitem:hover {}
.kuaijiebackground .kuaijiecontent .kuaijieitem .image {
width: 60%;
  height: 45%;
  margin: 40px 30px;}
.kuaijiebackground .kuaijiecontent .kuaijieitem .image:hover {
  border: 1px solid #4f4b4b;}
.kuaijiebackground .kuaijiecontent .kuaijieitem .kuaijietitle {
    bottom: 20px;
  width: 83%;
  font-size: 11px;
  font-weight: bold;
  position: absolute;
  color: #000;
  text-align: center;
  display: block;}
/*手机端*/
@media only screen and (max-width: 999px) {
    #u_u4_pic {
  height: 520px;
  width: 92vw;}
    	.left_top_content  table > tbody > tr:nth-child(1) > td > div{
    overflow: hidden;height:250px;width:100%;} 
    .left_top_content  table > tbody > tr:nth-child(1) > td > div > div:nth-child(1){
    padding:0px;margin:0px;border:0px solid black;background-color:#000000;height:250px;width:100%;}
.left_top_content {
    width: 100%; 
    height: 320px; 
    top: 60px; 
    background-color: #ffffffbf; 
    line-height: 70px;
    font-size: 16px;
    color: #000;
    position: absolute; 
    text-align: center;}
    
    		.left_top_content ul {
    list-style: none;
    margin: 0px; 
    padding: 0px;
    height: 100%;
    width: 100%;
    float: left;}
    
    .left_top_content ul li a .new_detail { 
    display: block;
    width: 86%;
    height: 25px;
    top: 24px; 
    line-height: 130%;  
    text-indent: 2em;
    text-align: left; 
    position: absolute;
    font-size: 10px;
    color: #666;
    padding: 0px 0px 0px 10px;
    text-decoration: none;
    overflow: hidden;
    right: 7px;}
    
    .kuaijiebackground .kuaijiecontent .kuaijieitem { 
    height: 75px;
    width: calc(83% / 6.2);
    position: relative; 
    float: left;
    border: 1px solid #3330;
    padding: 0px 15px;}
}