﻿header{ background:#fff; position:fixed; left:0; top:0; width:100%; z-index:999;}
.headtop{ height:40px; border-bottom:1px solid #e5e5e5;}
.logosamll img{ height:35px;}
.topsub{}
.headbot{ padding:10px; border-bottom:1px solid #e8e8e8;}
.logo img{ height:30px;}
.topcalendar, .navicon{display:block; float:right; width:30px; height:30px; overflow:hidden;}
.topcalendar{   background:url(../images/pic02.png) no-repeat; background-size:100%;}
.navicon{ margin-left:6px; background:url(../images/pic03.png) no-repeat; background-size:100%;}

.navmask{    width: 100%;height: 100%; position: fixed; top: 0; background: rgba(0,0,0,.5); left: 0; z-index: 999; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(0); -o-transform: translateX(100%); transform: ranslateX(100%); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;  opacity:0;
}
.navs{   background: #fff; width: 78%; height: 100%;position: fixed; right: 0;top: 0; z-index: 9999;display: block;-webkit-transform: translateX(100%); -moz-transform: translateX(100%);-ms-transform: translateX(100%); -o-transform: translateX(100%); transform: ranslateX(100%); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; opacity: 0;
 overflow-x: hidden;}
 
.navsshow,.navmaskshow{-webkit-transform: translateX(0px);-moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; opacity: 1;}

.navs ul li h3{ font-size:16px; border-bottom:1px solid #dadada; color:#333; padding:12px 0; position:relative;}
.navs ul li h3 a{ color:#333;}
.navs ul li h3 a:hover{ color:#90bf0a; font-weight:bold;}
.navsdrop{ padding:10px 0 8px 25px;  line-height: 30px; display:none;}
.navsdrop p a{ color:#333; font-size:14px; }
.navsdrop p a:hover{ color:#90bf0a;}
.navs ul li h3:after{    content: ""; position: absolute; width: 10px;height: 10px; border-left: 3px solid #c1c1c1; border-top: 3px solid #c1c1c1; position: absolute; transform: rotate(45deg);-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg); top: 50%; right: 10px; margin-top:-5px; transition: all .3s; -webkit-transition: all .3s;  -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;}
.navs ul li.cur h3:after{    transform: rotate(-135deg); -webkit-transform: rotate(-135deg);  -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg);}
.navs ul li.cur h3 a{ color:#90bf0a; font-weight:bold;}

.Newslist{ width:100%; position:relative; overflow:hidden;}
.Newslistimg ul{ width: 99999px;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-o-transform: translate(0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); position: relative; box-sizing: content-box;}
.Newslist ul li{ /*border:1px solid #dcdcdc;*/ float: left; position: relative; flex-shrink: 0;}
.Newscon{ width: 200%; position: relative;left: 0;  transition: all .3s ease-out; -webkit-transition: all .3s ease-out;}
.Newslistimg{ width:46%; margin:2% 2% 0;overflow:hidden; float:left;}
.Newslist ul li img{ /*display:block;*/ width:100%;}

.connewslist{ /*padding:12px;    position: fixed;top: 55px; left: 0; z-index: 999;  -webkit-transform: translateX(100%);
 -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: ranslateX(100%); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;  -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out;  -o-transition: all .3s ease-in-out; */     width: 44%; float:left;overflow-y: scroll; margin-top:2%; }
.connewslist ul li{ background:#fff; margin-bottom:12px; padding:13px 10px; color:#666;}
.connewslist ul li h3{color:#333; font-size:16px;    margin-bottom: 5px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.connewslist ul li h3:hover{ font-weight:bold; color:#96c319;}
.connewslist ul li p{word-break: break-all; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; overflow: hidden;}

.headheight{ height:55px;}
.Fixedicon, .iconright{position:fixed; top:50%; width:23px; height:46px;z-index:99;}
.Fixedicon{   right:0;background:url(../images/pic05.png) no-repeat; background-size:23px 46px; }
.iconright{left:0;background:url(../images/pic06.png) no-repeat; background-size:23px 46px; display:none; }
.Newsconshow{ transform: translateX(-45%); -webkit-transform: translateX(-45%);}
footer p{ font-size:12px; text-align:center; color:#1a1a1a; line-height:40px;}

.calendarmaks{ width:100%; height:100%; background:#fff; position:fixed; top:0; left:0; display:none;}
#birth{ opacity:0; height:30px;  height:30px;}

.WWback { text-align:center; }
.WWback span{border:1px solid #c1c1c1; width:93px; height:32px;  display: inline-block;text-align: center;
line-height: 32px; margin: 0 auto; margin-top: 41px;position: relative; z-index: 9999;}
@media only screen and (min-width: 321px) and (max-width: 413px) {
	.connewslist{
		height: 497px;
	}
}	
@media only screen and (min-width: 360px) and (max-width: 360px) {
	.connewslist{
		height: 478px;
	}
}
@media only screen and (max-width: 320px) {
	.connewslist{
		height: 422px;
	}
}
@media only screen and (min-width: 414px) and (max-width: 479px) {
	.connewslist{
		height: 500px;
	}
}		
	/*详细页*/
.newsdatetit{ border-bottom:1px solid #d9d9d9; padding-bottom:15px; text-align:center; color:#999;    padding-top: 10px;}
.newsdatetit h3{ color:#333; font-weight:bold; font-size:16px; margin-bottom:10px;}
.newsdate{ margin-top:12px;background:#fff; padding:12px 12px;}
.newsdatetext{ line-height:22px; color:#333;    padding-top: 15px;    text-align: justify;}

.showneeslist:frist-child{ display:block;}
.verson{display: none;}
/*.verson{opacity: 0;}*/
