h5 { font-size: 100%; font-weight: bold; margin-top: 0px; margin-bottom: 0px; }
* { -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; }
img { border: none; vertical-align: middle; }
/*新闻列表特效*/
.medialists,
.newslistnew { margin-top: 30px; margin-bottom: 30px; line-height: 30px; text-align: justify; font-size: 16px; color: #4d4d4d; }
/*transition*/
.tran200 { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
.tran300 { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }
.tran400 { -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear; }
.tran500 { -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; }
.tran1000 { -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; transition: all 1s linear; }
.tran5000 { -webkit-transition: all 5s linear; -moz-transition: all 5s linear; -ms-transition: all 5s linear; transition: all 5s linear; }
.scaleimg:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.rotateY:hover { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.translateX:hover { -webkit-transform: translateX(-6px); -moz-transform: translateX(6px); -ms-transform: translateX(-6px); transform: translateX(-6px); }
/*新闻列表*/
.newslistnew ul { margin-bottom: 50px; }
.newslistnew ul li { padding-right: 97px; position: relative; }
.newslistnew ul li.bg {}
.newslistnew ul li:nth-child(2n) {
    background: #f0f0f0;
}
.newslistnew ul li .bdsharebuttonbox { width: 97px; height: 32px; position: absolute; right: 0; top: 35px; }
.newslistnew ul li .bdsharebuttonbox span { font-size: 14px; color: #666666; line-height: 32px; margin-right: 6px; float: left; z-index: 1000; }
.newslistnew ul li .bdsharebuttonbox .bds_more { width: 32px; height: 32px; margin: 0; padding: 0; position: relative; background: none; float: left; }
.newslistnew ul li .bdsharebuttonbox .bds_more:before { content: ""; width: 20px; height: 16px; position: absolute; left: 50%; top: 50%; margin: -8px 0 0 -10px; background: url(/images/shareicon1.png) no-repeat left top; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }
.newslistnew ul li .bdsharebuttonbox .bds_more:hover:before { background-position: left bottom; }
.newslistnew ul li a { display: block; padding: 23px 120px 23px 100px; position: relative; color: #333; }
.newslistnew ul li a .date { width: 92px; position: absolute; left: 0; top: 26px; text-align: center; }
.newslistnew ul li a .date span,
.newslistnew ul li a .date em { display: block; }
.newslistnew ul li a .date em { font-size: 25px; line-height: 30px; font-style: normal; font-weight: 150; font-family: "Microsoft Yahei", "SimSun", Arial, sans-serif; }
.newslistnew ul li a .date span { font-size: 12px; line-height: 22px; }
.newslistnew ul li a h5 { float: left; display: inline-block; *display: inline;
*zoom:1;
max-width: 100%; height: 30px; font-size: 16px; color: #1a1a1a; line-height: 30px; font-weight: normal; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.newslistnew ul li a h5:before { content: ""; width: 0; height: 2px; background: #0b66ad; position: absolute; left: 0; top: 50%; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }
.newslistnew ul li a p { float: left; width: 100%; font-size: 14px; line-height: 26px; color: #808080; margin: 0px; }
.newslistnew ul li.hot a h5 { max-width: 96%; padding-right: 34px; background: url(/images/hotnews.png) no-repeat right center; }
.newslistnew ul li.top a h5 { max-width: 96%; padding-right: 34px; background: url(/images/top.png) no-repeat right center; }
.newslistnew ul li.hot.top a h5 { max-width: 86%; padding-right: 54px; background: url(/images/thot.png) no-repeat right center; }
.newslistnew ul li a:hover h5 { padding-left: 18px; color: #0b66ad; }
.newslistnew ul li a:hover h5:before { width: 12px; }
.medialists ul { padding-bottom: 38px; }
.medialists ul li { padding-bottom: 12px; border-bottom: 1px dotted #afafaf; margin-bottom: 12px; position: relative}
.medialists ul li h5 { font-size: 18px; line-height: 34px; color: #1a1a1a; font-weight: normal; position: relative; height: 34px; }
.medialists ul li h5:before { content: ""; width: 0; height: 2px; position: absolute; left: 3px; top: 50%; margin-top: -1px; background: #0b66ad; ; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }
.medialists ul li h5 a { display: inline-block; *display: inline;
*zoom: 1;
padding-right: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 90%; color: #333; }
.medialists ul li.hot h5 a { background: url(/images/hotnews.png) no-repeat right top; }
.medialists ul li h5 a:hover,
.medialists ul li h5 a:active { color: #0b66ad; }
.medialists ul li.top h5 a { background: url(/images/top.png) no-repeat right top; color: #333; }
.medialists ul li.top.hot h5 a { background: url(/images/thot.png) no-repeat right top; max-width: 82%; padding-right: 50px; }
.medialists ul li .info { font-size: 14px; line-height: 30px; color: #4c4c4c; font-weight: 300; }
.medialists ul li .info span.fl { margin-right: 24px; }
.medialists ul li .info span.fl.date { padding-left: 21px; position: relative; margin-right: 0; }
.medialists ul li .info span.fl.date:before { content: ""; width: 1px; height: 14px; background: #dbdbdb; position: absolute; left: 0; top: 50%; margin-top: -7px; }
.medialists ul li .info span.views { padding-left: 30px; background: url(/images/viewsicon.png) no-repeat left center; margin-left: 23px; }
.medialists ul li .info .bdsharebuttonbox { padding-right: 15px; height: 30px; position: relative; }
.medialists ul li .info .bdsharebuttonbox:before { content: ""; width: 1px; height: 14px; background: #dbdbdb; position: absolute; right: 0; top: 50%; margin-top: -7px; }
.medialists ul li .info .bdsharebuttonbox .bds_more { width: 30px; height: 30px; padding: 0; margin: 0; background: none; position: relative; }
.medialists ul li .info .bdsharebuttonbox .bds_more:before { content: ""; width: 14px; height: 14px; position: absolute; left: 50%; top: 50%; margin: -7px 0 0 -7px; background: url(/images/shareicon.png) no-repeat left top; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }
.medialists ul li .info .bdsharebuttonbox .bds_more:hover:before { background-position: left bottom; }
.medialists ul li:hover h5 { color: #1e4ba2; padding-left: 16px; color: #0b66ad; }
.medialists ul li:hover h5:before { width: 8px; }
.fr { float: right; }
.TXTovehid span { padding-right: 15px; }

.medialists ul li .bdsharebuttonbox { width: 97px; height: 32px; position: absolute; right: 0; top: 35px; }
.medialists ul li .bdsharebuttonbox span { font-size: 14px; color: #666666; line-height: 32px; margin-right: 6px; float: left; z-index: 1000; }
.medialists ul li .bdsharebuttonbox .bds_more { width: 32px; height: 32px; margin: 0; padding: 0; position: relative; background: none; float: left; }
.medialists ul li .bdsharebuttonbox .bds_more:before { content: ""; width: 20px; height: 16px; position: absolute; left: 50%; top: 50%; margin: -8px 0 0 -10px; background: url(/images/shareicon1.png) no-repeat left top; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }
.medialists ul li .bdsharebuttonbox .bds_more:hover:before { background-position: left bottom; }


@media screen and (max-width: 1220px) {
.medialists,
.newslistnew ul li a { padding-right: 30px; }
}

@media screen and (max-width: 768px) {
.newslistnew ul li { padding-right: 0; }
.newslistnew ul li .bdsharebuttonbox { display: none; }
.newslistnew ul li.hot a h5 { max-width: 90%; }
.medialists ul li { padding-right: 0; }
.medialists ul li .bdsharebuttonbox { display: none; }
.medialists ul li.hot a h5 { max-width: 90%; }
}

@media screen and (max-width: 468px) {
.newslistnew ul li a { padding-left: 70px; padding-right: 20px; }
.newslistnew ul li a .date { width: 70px; }
.newslistnew ul li.hot a h5 { max-width: 80%; padding-right: 20px; }
.medialists ul li a { padding-left: 0px; padding-right: 20px;}
.medialists ul li h5 a {max-width: 100%;padding-right: 0px;}
.medialists ul li a .date { width: 70px; }
.medialists ul li.hot a h5 { max-width: 80%; padding-right: 20px; }
}

@media (max-width: 800px) and (min-width: 320px) {
.newslistnew { margin-top: 0px; margin-bottom: 0px; line-height: 24px; text-align: justify; font-size: 14px; padding-left: 0px; }
.medialists { margin-top: 0px; margin-bottom: 0px; line-height: 24px; text-align: justify; font-size: 14px; padding-left: 0px; padding-right: 0px;}
}