/**
 * 
 * CSS File,created by dengyongliang, on 02.04 2015
 * 
 * 最后编辑人：dengyongliang  (每次修改本文件)
 * 
 * 适配屏幕 width<768
 * 
 * modify 20150204
 */

/* Global style(not allow modify)[[ */
.domPC{display: none;}
#menuBody{width: 60px;background: #2a2a2a;display: none;}
#totalMenuBody{width: 100px;background: #047abb;}
.swiper-slide{height: 100%;}
/* header */
#header{background: #00a0ea;position: relative;}

#header .right{width: 45px;height: 45px;line-height: 45px;font-size: 16px;text-align: center;position: absolute;top: 0px;color: #fff;}
#header .right.touch{background: #047abb;}
#header .center{height: 45px;line-height: 45px;margin: 0 46px;text-align: center;overflow: hidden;}
#header .center .item{height: 45px;line-height: 45px;vertical-align: top;}
#header .center span{display: inline-block;height: 45px;line-height: 45px;vertical-align: top;margin-left: 5px;color: #fff;}
#header .center .icon{vertical-align: top;margin-top: 10px;}
#header .right{right: 0px;}
#header .right .icon{position: absolute;left: 12px;top: 12px;}
#header .left{background:#047abb;}
/*#header .left .icon{position: absolute;left: 12px;top: 12px;}*/
#header #navCont{height: 40px;background: #e2e6e7;}
/* swiper-container-menu */
#swiper-container-menu .swiper-slide{width: 100%;}
#swiper-container-menu .menuItem a{display: block;width: 90%;height: 45px;line-height: 45px;font-size: 14px;border-bottom: 1px solid #676767;text-align: right;padding-right: 10%;color: #fff;text-decoration: none;}
#swiper-container-menu .on,
#swiper-container-menu .touch{background-color: #00a0ea;}
#swiper-container-menu .unable{color: #999;}
/* swiper-container-nav */
#swiper-container-nav{position: relative;}
#swiper-container-nav .ellipsis{width: 30px;height: 40px;position: absolute;top: 0px;right: 0px;background: -moz-linear-gradient(left, rgba(227,230,231,0) 0%, rgba(227,230,231,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(227,230,231,0)), color-stop(100%,rgba(227,230,231,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(left, rgba(227,230,231,0) 0%,rgba(227,230,231,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(left, rgba(227,230,231,0) 0%,rgba(227,230,231,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(left, rgba(227,230,231,0) 0%,rgba(227,230,231,1) 100%); /* IE10+ */background: linear-gradient(to right, rgba(227,230,231,0) 0%,rgba(227,230,231,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e6e7', endColorstr='#00e3e6e7',GradientType=1 ); /* IE6-9 */}
#swiper-container-nav .swiper-wrapper{width: 10000px;}
#swiper-container-nav .navT{float: left;height: 40px;padding: 0 10px!important;color: #333;}
#swiper-container-nav .navT a{display: block;height: 30px;line-height: 30px;margin: 5px 0;padding: 0 8px;font-size: 16px;color: #595a5c;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-decoration: none;}
#swiper-container-nav .on a,
#swiper-container-nav .touch a{background: #e7141a;color: #fff;}
/* swiper-container-totalMenu */
#swiper-container-totalMenu .swiper-slide{width: 100%;}
#swiper-container-totalMenu .totalMenuItem{border-bottom: 1px solid #8ed4f5; width:100%; overflow:hidden}
#swiper-container-totalMenu .totalMenuItem.touch{background: #8ed4f5;}
#swiper-container-totalMenu .totalMenuItem a{display: block;height: 45px;line-height: 45px;text-align: left;padding:0 10px;text-decoration: none;color: #fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:100%}
/* mainCont */
#mainCont{padding: 10px;background: #fff;}
.boxs{overflow: hidden;margin-bottom: 15px;}
.boxs .boxT{height:39px;line-height:39px;border-bottom: 1px solid #00a0e9;margin: 0px;}
.boxs .boxT a{display:inline-block;height:20px;line-height:18px;border-left: 3px solid #f00; padding-left: 5px;font-size: 20px;color: #00a0e9;margin: 0px;text-decoration: none;font-weight: normal;}
.boxs .boxT .right{float: right;height: 40px;line-height: 40px;vertical-align: bottom;}
.adText{display: inline-block;height:20px;line-height:20px;font-size: 14px;vertical-align: bottom;margin-bottom: 8px;font-weight: normal;}
.adText i{display: inline-block;padding:0 2px;height: 20px;line-height: 20px;background: #00a0e9;color: #fff;font-style: normal;margin-left: 5px;}
#swiper-container-tabBox{}
/* footer */
#footer{font-size: 12px;text-align: center;line-height: 20px;background: #e0e0e0;padding: 10px 0;}
/* dataList01 */
.dataList01 li{padding: 15px 0 10px 0;border-bottom: 1px dotted #c1c1c1;}
.dataList01 li h3{margin:0 0 5px 0;font-weight: normal;line-height: 24px;vertical-align: top;}
.dataList01 li h3 .iconText{display: none;}
.dataList01 li a{text-decoration: none;font-size:18px;color: #000;vertical-align: top;}
.dataList01 li .conts{height:36px;line-height: 18px;font-size:14px;color:#999;overflow: hidden;margin: 0 0 3px 0; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;display: box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.dataList01 li .time{float: right;height:20px;line-height:20px;font-size: 12px;color: #969696;}
.dataList01 li .iconText{font-size: 12px;height: 11px;line-height: 11px;}
.dataList01 li .info .left{float: left;height:20px;line-height: 20px;vertical-align: middle;}
.dataList01 li .info .source{font-style: normal;font-size: 12px;color: #969696;vertical-align: middle}

/* dataList02 */
.dataList02 li{padding: 15px 0;border-bottom: 1px dotted #c1c1c1;}
.dataList02 li img{float: left;width: 80px;margin-right: 10px;}
.dataList02 li h3{margin:0px;font-weight: normal;line-height: 20px;}
.dataList02 li .conts{height:36px;line-height: 18px;font-size:14px;color:#999;margin: 5px 0 0 0;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;display: box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.dataList02 li a{text-decoration: none;font-size:18px;color: #000;}
.dataList02 li .time{display: block;width: 100%;text-align: right;font-size: 12px;color: #969696;margin-top: 5px;}

.tabBox .tabT{border-bottom: 1px solid #00a0e9;}
.tabBox .tabT li{float:left;width:50%;height: 35px;line-height: 35px;text-align: center;font-size: 20px;}
.tabBox .tabT li.on,
.tabBox .tabT li.touch{background: #00a0e9;color: #fff;}
/* Global style(not allow modify)]] */

/* pageIndex[[ */
/* banner */
#banner{color: #fff; text-align: center;margin-bottom: 15px;}
#banner .swiper-slide{height: 100%; position: relative;}
#banner .swiper-slide .img{display:block;width: 100%; overflow: hidden;font-size: 0px;vertical-align: top;}
#banner .swiper-slide .img img{width: 100%;}
#banner .swiper-slide .title{width: 80%;height: 30px;line-height: 30px;background-color: rgba(226,230,231,1);text-align: left;margin-top: 1px; }
#banner .swiper-slide .title a{display: block;padding: 0 5px;color: #333;text-decoration: none;overflow:hidden; text-overflow: ellipsis;white-space: nowrap; width:100%}
#banner .pagination{height: 30px;line-height: 26px;position: absolute; z-index: 20; right: 0px; bottom: 0px;padding: 0 5px 0 10px;vertical-align: middle;
background: -moz-linear-gradient(left, rgba(227,230,231,0.6) 0%, rgba(227,230,231,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(227,230,231,0.6)), color-stop(100%,rgba(227,230,231,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(left, rgba(227,230,231,0.6) 0%,rgba(227,230,231,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(left, rgba(227,230,231,0.6) 0%,rgba(227,230,231,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(left, rgba(227,230,231,0.6) 0%,rgba(227,230,231,1) 100%); /* IE10+ */background: linear-gradient(to right, rgba(227,230,231,0.6) 0%,rgba(227,230,231,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e6e7', endColorstr='#00e3e6e7',GradientType=1 ); /* IE6-9 */
}
#banner .swiper-pagination-switch{display: inline-block; width: 8px; height: 8px; background: #00a0ea; margin-right: 5px; opacity: 0.8; cursor: pointer;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;vertical-align: middle;}
#banner .swiper-visible-switch{background: #aaa;}
#banner .swiper-active-switch{background: #f00;}
/* boxs-notice */
#boxs-notice .dataList01 li a,
#boxs-notice .dataList01 li h3{vertical-align: middle;}
#boxs-notice .dataList01 li h3 span{padding-right: 5px;font-size: 12px!important;}
#boxs-notice .time{display: none;}
/* boxs-xuanWen */
#boxs-xuanWen img{float: left;width: 60px;height: 60px;margin-right: 10px;background: #53aecf;}
/* mobileAd */
.mobileAd{text-align: center;}
.mobileAd img{width: 100%;max-height:50px;margin: 0 auto;}
/* boxs-interview */
#boxs-interview li.clearfix{padding: 15px 0;border-bottom: 1px dotted #c1c1c1;}
#boxs-interview img{width: 80px;height: 60px;float: left;margin-right: 10px;}
#boxs-interview .conts{height:36px;line-height:18px;overflow:hidden;margin: 5px 0 0 0;font-size: 14px;color: #999;}
#boxs-interview h3{margin: 0px;font-weight: normal;height: 20px;line-height: 20px;overflow: hidden;}
#boxs-interview h3 a{text-decoration: none;font-size: 18px;color: #000;}
#boxs-interview .time{display: block;width: 100%;text-align: right;font-size: 12px;color: #969696;margin-top: 5px;}
/* boxs-picture */
#boxs-picture .boxT{margin-bottom: 15px;}
#boxs-picture li{float:left;width: 46%;margin:0 2% 10px 2%;}
#boxs-picture li a{display: block;vertical-align: top;position: relative;font-size: 0px; text-decoration:none}
#boxs-picture li a img{width:100%;}
#boxs-picture li .titleWrap{padding:3px 0;}
#boxs-picture li .title{display:block;width:100%;line-height: 16px;font-size: 14px;text-align: center;color: #000;}
/* pageIndex]] */


/* pageImg[[ */
.masonry-area{margin: 0 auto;padding:0;}
.masonry-area .load-more{background: #dddddd;margin: 5px auto 20px auto;padding: 5px 0;text-align: center;border-radius: 4px;color: #888888;width: 48%;cursor: pointer;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transition: all 0.2s ease}
.masonry-area .load-more:hover{background: #bbbbbb;color: white}
.masonry-area .load-more.disabled{background: none;padding-top: 10px;border-top: 1px solid #cccccc;width: 100%;color: #666666}
.masonry-area .load-more.disabled:hover{color: #666666}
/* 图片列表 */
.masonry .gpcard{margin: 15px 2%;background: white;padding: 0 0 20px 0;overflow: auto;_zoom: 1;position: relative;box-shadow: 0 1px 0 #d1d1d1}
/*.masonry .gpcard:hover{box-shadow: 0 4px 10px #bbbbbb}*/
.masonry .gpcard .restrict{height: 50px;overflow: hidden;position: relative}
.masonry .gpcard .restrict:after{content: "";display: block;position: absolute;bottom: 0;width: 100%;height: 15px;background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(1, #fff));background-image: -o-linear-gradient(bottom, rgba(255,255,255,0) 0%, #fff 100%);background-image: -moz-linear-gradient(bottom, rgba(255,255,255,0) 0%, #fff 100%);background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%, #fff 100%);background-image: -ms-linear-gradient(bottom, rgba(255,255,255,0) 0%, #fff 100%);background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 100%)}
.masonry .gpcard .topic-info{margin: 10px 0 10px 0;height: 25px}
.masonry .gpcard .topic-info span{font-size: 14px;color: #aaaaaa}
.masonry .gpcard a.title{display: inline-block;color: black;text-decoration:none; color:#000; font-size: 18px;}
.masonry .gpcard h1{font-size: 18px;font-weight: normal;margin-bottom: 0px; color:#000;}
.masonry .gpcard a { text-decoration:none}
.masonry .gpcard a h1 { text-decoration:none}
.masonry .gpcard h1 a { color:#000; text-decoration:none}
.masonry .gpcard .img-link{max-width: 100%;height: 174px;overflow: hidden;display: block;margin: 0;text-align: center;background-size: cover;background-position: center center}
.masonry .gpcard .img-link img{width: 100%;height: auto;vertical-align: middle}
.masonry .gpcard .abstract{font-size: 14px;margin: 5px 0 0;color: #666666}
.moreBtn{text-align: center;padding: 20px 0;}
.moreBtn a{display:inline-block;width:300px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;background: #e8e8e8;color: #333;text-decoration: none;}
.moreBtn a.touch{background: #aaa7a7}

/* pageImg]] */