@media screen and (max-width:980px) 
{
  body.open{ height:100%; overflow:hidden} 
.container{width:98%;margin:0 auto;}

.header-left{ display:none}

.header-right {
    float: none;
}

.search input {width:calc(100% - 58px);
    height: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #222;
    padding-left: 8px;
    background-color: #f5f5f5;
    border-radius: 8px;
    z-index: 10;
    outline: none;
    padding-right: 0px;
    border: 2px solid #fff;
}



.logo {
    background: url(../images/logobj.png) no-repeat right;
    padding: 10px 0px; background-size:100% 90px ; position: relative;
}
.logo img {
    height: 60px;
}

.logo .navBtn{ display:block; background:#1890ff; width:30px; height:30px; position:absolute; top:30px; right:2px;}
.logo .navBtn img{width:30px; height:30px; }

.nav{
position: fixed;
	top: 0;
	width: 60%;
	height:100%;
	z-index: 7;
	padding: 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	transition: left .3s;left:-100%;
}
.nav.open {left:0px;
}

.nav ul {
	height: auto;
}
.nav li {
	float: none;
	width: auto;
	border-bottom: 1px solid #eee;
	text-align: left;
	line-height: 45px;
}
.nav li a {
	padding: 0 3.125%;
}
.nav li:hover a,.nav li.on>a{
	background-color: transparent;
}


.nav li.on>a{
    color: #f7f404;
}




.nav li ul {
	position: static;
	left: auto;
	top: auto;
	width: auto;
	margin: 0;
	border-top: none;
}
.nav li li {
	border-bottom: none;
	border-top: 1px solid #e6e6e6;
}
.nav li li a {
	text-indent: 2em;
}
.nav li em {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	height: 45px;
	width: 45px;
}
.nav li em:after {
	content: '';
	display: block;
	width: 9px;
	height: 9px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: rotate(-45deg);
	margin: -5px 0 0 -6.5px;
	transition: all .3s;
}
.nav li  em.open:after {
	transform: rotate(45deg);
	margin: -6px 0 0 -6px;
}


.nav li .sub{ height:auto}


.nav li .sub {
    z-index: 99;
    display: none;
    position: relative;
    top: 0px;
    left: 0;
    right: 0;
    background-color: #fff;
    line-height: 38px;
    width: 100%;
}




.part {
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
    position: relative;  margin:10px 0px; 
    background: #FFF; padding:5px
}



.part  h1{ text-align:center; margin:10px; display:block; font-size:24px;}


.part  span{display:block; padding-bottom:10px;font-size:16px;}

.art-news-box {
    padding: 5px;
}
.art-news-left {
    margin-right: 0px;
    float: none;
}
.art-slider1 .artswiper{position:relative;width:100%;height:auto;overflow:hidden}

.art-slider1 {
    width: 100%;
    height: auto;
    /* margin-bottom: 20px; */
}

.artswiper .swiper-text{position:absolute;bottom:0px;left:0px;width:calc(100% - 20px);height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:15px;line-height:40px;background:linear-gradient(to top,black 4%,transparent);font-weight:bold;padding:0 10px;text-shadow:0 1px 5px #4d4d4d;}



.art-news-center{width:100%; float:none; margin-top:10px;}
.art-news-ul{}


    .mySwiper { display: none;
    }





.zxnr-san{margin-left:0px; overflow:hidden}
.zxnr-san  .san-li{ float:none; width:100%; margin-left:0px}

.left {
    float: none;
    width: 100%;
}
.right {
    float: none;
    width: 100%;
}

.zxnr-bt h1 {
    line-height: 30px;
    font-size: 25px;
    color: #333;
    text-align: center;
    font-weight: 600;
}
.zxnrd-qt {
    margin-top: 10px;
    height:auto;
    line-height: 25px;
    text-align: center;
}
.zxnrd-qt span {
    font-size: 15px;
    color: #888;
    padding: 0 5px;
}
.footer {
   
    line-height: 24px;
   
}




.lite-hd ul{margin-left:-10px;overflow:hidden}
.lite-hd ul li{width:calc(50% - 30px);background: #eff7ff;box-shadow:0 0 10px 0 #dfdfdf;border-radius:4px;padding:10px;float:left;margin-left:10px;margin-top:10px}



.aa-2{ width:100%; overflow:hidden}
.aa-2 ul{margin-left:0px;}
.aa-2 ul li{ float:none;width:100%;margin-left:0px;}
.aa-2 img{ width:100%;}


.zttp{}
.zttp .tempWrap{ width:1200px !important;}
.zttp ul{margin:5px !important;overflow:hidden; }
.zttp ul li{width:calc(100% - 20px);background:#fff;box-shadow:0 0 10px 0 #dfdfdf;border-radius:4px;padding:10px;float:none;margin-left:0px;margin-bottom:20px}
.zttp ul li .img{height:129px;position:relative;overflow:hidden}
.zttp ul li .img img{width:100%;height:129px}
.zttp ul li .biaoti{font-size:16px;height:30px;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}


.xxk span{float:left; display:inline-block}
.xxk li{float:left; display:inline-block}

.xxk ul{  width: 100%; overflow:hidden;white-space: nowrap;overflow-x: auto;-webkit-overflow-scrolling:touch;
  justify-content: flex-start; /* 均匀分布 */height:50px;background: #e1ecf6;box-shadow:0 2px 3px #ddd; }

.tyss .itemp{padding:5px 10px;background:#FFF;overflow:hidden;box-shadow:0 1px 3px rgba(27,95,160,.1)}
.tyss .itemp li{margin-top:8px;margin-bottom:8px; float:none; width:100%}
.TYSS  .ITEMP LI A{LINE-HEIGHT:20PX;DISPLAY:-WEBKIT-BOX;-WEBKIT-BOX-ORIENT:VERTICAL;-WEBKIT-LINE-CLAMP:1;OVERFLOW:HIDDEN;TEXT-OVERFLOW:ELLIPSIS;WHITE-SPACE:NORMAL;FONT-SIZE:16PX;BACKGROUND:URL(../IMAGES/SB.GIF) NO-REPEAT LEFT CENTER;PADDING-LEFT:10PX}





.tuwen{}
.tuwen ul{margin-left:0px !important;overflow:hidden}
.tuwen ul li{width:calc(50% - 26px);padding:10px;float:left;margin-left:6px}
.tuwen ul li .img{height:109px;position:relative;overflow:hidden}
.tuwen ul li .img img{width:100%;height:auto}
.tuwen ul li .biaoti{font-size:16px;height:20px;line-height:20px;}








}