/* CSS Document */
.topnews li { margin-bottom: 40px; }
.topnews li .pics { margin-bottom: 15px; overflow: hidden; }
.topnews li .pics img { width: 100%; float: left; }
.topnews li .title { font-size: 15px; font-weight: bold; }
.topnews li .date { font-size: 15px; font-weight: bold; }
.topnews li .line { background: #000; width: 50px; height: 1px; margin: 10px 0; }
.topnews li .desc { font-size: 13px; }


.newslist li { overflow: hidden; padding-bottom: 15px; border-bottom: 1px solid #CCCCCC; margin-bottom: 15px; }
.newslist li .date { float: left; width: 30%; font-size: 14px; font-weight: bold; }
.newslist li .title { float: left; width: 70%; font-size: 14px; font-weight: bold; }
.newslist li.getmore { border: 1px solid #9e9e9e; height: 25px; cursor: pointer; }

.newslist li.getmore ul { padding-top:20px; width:24px;  margin:0 auto}
.newslist li.getmore ul span { width: 4px; height: 4px; float:left; display:block; border-radius: 4px; background: #9e9e9e; margin-right: 4px; }

#newslist li { display: none; }

.newscontent .date { font-size: 15px; font-weight: bold; }
.newscontent .title { font-size: 15px; font-weight: bold; }
.newscontent .line { background: #000; width: 50px; height: 1px; margin: 20px 0; }
.newscontent .content p { margin-bottom: 20px; font-size: 13px; }
.newscontent .content p img { height: auto !important; width: 100% !important; }




/*------------- S 默认必须样式  -------------*/
/**
 *
 * 下拉样式 Pull down styles
 *
 */
#pullUp { height: 40px; line-height: 40px; padding: 5px 10px; border-bottom: 1px solid #ccc; font-weight: bold; font-size: 14px; color: #888; text-align: center; }
#pullDown { height: 0px; line-height: 40px; padding: 5px 10px; font-weight: bold; font-size: 14px; color: #888; text-align: center; }
#pullDown .pullDownIcon, #pullUp .pullUpIcon { display: block; float: left; width: 40px; height: 40px; background: url(../images/pull-icon@2x.png) 0 0 no-repeat; -webkit-background-size: 40px 80px; background-size: 40px 80px; -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 250ms; }
#pullDown .pullDownIcon { -webkit-transform: rotate(0deg) translateZ(0); }
#pullUp .pullUpIcon { -webkit-transform: rotate(-180deg) translateZ(0); }

#pullDown.flip .pullDownIcon { -webkit-transform: rotate(-180deg) translateZ(0); }

#pullUp.flip .pullUpIcon { -webkit-transform: rotate(0deg) translateZ(0); }

#pullDown.loading .pullDownIcon, #pullUp.loading .pullUpIcon { background-position: 0 100%; -webkit-transform: rotate(0deg) translateZ(0); -webkit-transition-duration: 0ms; -webkit-animation-name: loading; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; }

@-webkit-keyframes loading {
    from { -webkit-transform: rotate(0deg) translateZ(0); }
    to { -webkit-transform: rotate(360deg) translateZ(0); }
}
/*------------- E 默认必须样式  -------------*/




/*------------- S 以下css主要是仿IOS滚动条样式(可选样式)  -------------*/
/**
 * Horizontal Scrollbar
 */
.myScrollbarH { position: absolute; z-index: 100; height: 7px; bottom: 1px; left: 2px; right: 7px; }

.myScrollbarH > div { height: 100%; }

/**
 * Vertical Scrollbar
 */
.myScrollbarV { position: absolute; z-index: 100; width: 7px; bottom: 7px; top: 2px; right: 1px; }

.myScrollbarV > div { width: 100%; }

/**
 * Both Scrollbars
 */
.myScrollbarH > div,
.myScrollbarV > div { position: absolute; z-index: 100; background: rgba(0,0,0,0.4); }
/*------------- E 以上css主要是仿IOS滚动条样式  -------------*/
#thelist { }
#thelist li { overflow: hidden; padding-bottom: 15px; border-bottom: 1px solid #CCCCCC; margin: 0 25px 15px; }
#thelist li .date { float: left; width: 30%; font-size: 14px; font-weight: bold; }
#thelist li .title { float: left; width: 70%; font-size: 14px; font-weight: bold; }



#wrapper { position: absolute; z-index: 1; top: 115px; bottom: 25px; left: 0; width: 100%; background: #fff; overflow: auto; }

#scroller { position: relative; /*	-webkit-touch-callout:none;*/ -webkit-tap-highlight-color: rgba(0,0,0,0); float: left; width: 100%; padding: 0; }





/* Swiper Styles */
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; -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; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px,0,0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform; -moz-transition-duration: 0s; -moz-transform: translate3d(0px,0,0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform; -o-transition-duration: 0s; -o-transform: translate3d(0px,0,0); -o-transition-timing-function: ease; -ms-transition-property: -ms-transform; -ms-transition-duration: 0s; -ms-transform: translate3d(0px,0,0); -ms-transition-timing-function: ease; transition-property: transform; transition-duration: 0s; transform: translate3d(0px,0,0); transition-timing-function: ease; }
.swiper-slide { float: left; -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

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

/* Specify Swiper's Size: */
.swiper-container, .swiper-slide { }
.pagination { position: absolute; z-index: 20; left: 45%; /*bottom: 10px;*/ }
.swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #6b7671; margin-right: 5px; cursor: pointer; }
.swiper-visible-switch { background: #aaa; }
.swiper-active-switch { background: #fff; }


.Slider { margin-bottom: 40px; display: none; }
.Slider img { max-width: 100%; height: auto; }
.Slider .swipe { position: relative; }
.Slider .swipe .pagination { position: absolute; bottom: 0px; left: auto; right: 0px; z-index: 10; background: #e9e9e9; height: 0px; }
.Slider .swipe .pagination .swiper-pagination-switch { width: 4px; height: 4px; border-radius: 4; background: #CCC; }
.Slider .swipe .pagination .swiper-active-switch { background: #333; }
.Slider .titles .con-tit { color: #000; font-size: 14px; font-weight: bold; margin-top: 25px; }
.Slider .titles .con-text { color: #303030; letter-spacing: 2px; line-height: 23px; margin-top: 10px; overflow: hidden; }
.Slider .titles .linkbtn { color: #303030; margin-top: 10px; }