﻿@charset "utf-8";
/* CSS Document */
/*主页内容*/
.mainbox_index{height: auto;background: #fff;border-radius: 3px;padding-bottom: 20px;}
.main_m20{padding: 20px;}
/*轮播图*/
.twbox{width: 580px;height: 330px;overflow: hidden;}
.ls-flash{position:relative;}
.ls-flash,.ls-flash .flash-pic,.ls-flash .flash-pic ul,.ls-flash .flash-pic ul li,.ls-flash .flash-pic ul li img,.ls-flash .flash-pic ul li a{height:100% !important;width:100% !important;}
.ls-flash .flash-pic{position:relative;z-index:0;}
.ls-flash .flash-pic li{zoom:1;vertical-align:middle;}
.ls-flash .flash-pic a{display:block;color:#fff;position:relative;}
.ls-flash .flash-pic img{display:block;}
.twbox .ls-flash .title{display: block; height: 40px; line-height:40px; padding: 0 140px 0 15px; font-size: 16px; background: rgba(0, 0, 0, 0.5); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; left: 0; right: 0; bottom: 0; color: #fff;}
.twbox .ls-flash a:hover .title{color: #fff;}
.twbox .flash-num{ height:12px; overflow:hidden; position:absolute; right:5px; bottom:14px; z-index:1; }
.twbox .flash-num ul{ overflow:hidden; zoom:1; float:left;}
.twbox .flash-num ul li{ float:left; margin-right:8px; width:12px; height:12px;font-size: 0; background:#fff;overflow: hidden; cursor: pointer; border-radius: 50%;}
.twbox .flash-num ul li.on{background:#ff9600;}
/***选项卡**/
.con{display: none;}
.con.active{display: block;}

/***文字列表***/
.list1{padding:10px 0 0;}
.list1 .zyzz_tit li{float: left;background: none;}
.list1 li{height: 30px;line-height: 30px;font-size: 16px; vertical-align: bottom;overflow: hidden;background: url("../images/dot01.png") left center no-repeat; position: relative; padding: 2px 0 2px 14px;}
.list1 li a{float: left;display:inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; max-width: 450px;}
.list1 li .date{ font-size:14px;color:#999; position: absolute; right:0; top:0;}
.list1 li img{float: left; padding: 12px 0 0;}
.list1 li .title{float:none;display:block; margin-right:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.list1 li .title a{margin-right:0;}
.list1 li .title a.tit{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;max-width: 100%; float:left;}
.list1 li .title a.a, .list1 li .title .fz{color: #e41010; display: inline;float: none;}
.list1 li .title .split{ padding: 0 5px;}
.zyzz_tit li a {font-size: 16px;color: #c50001;}
.zyzzcon ul li{height: 26px;line-height: 26px;}
/*大红标题*/
.red-tit li a{color: #e20c15;font-size: 24px;max-width: 550px !important;text-align: center;width: 100%;}
.red-tit li{background: none !important;height: 45px;line-height: 45px;}

.xwbox{width: 560px;height: 330px;}
.xw_top{position: relative;width: 100%;height:36px;border-bottom: 1px solid #ddd;line-height: 35px;}
.xw_top li{float: left;text-align: center;margin: 0 13px;position: relative;}
.xw_top li a{display:block;width: 100px; height:35px;line-height:35px;font-size:22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: bold;color: #333;}
.xw_top li.active a{border-bottom: 3px solid #4573b0;color: #4573B0;}
.xw_dot{position: absolute;left: -13px;top: 18px;}
.xw_title{position: relative;width: 100%;height:42px;}
.xw_title li{float: left;text-align: center;border-top:transparent 3px solid;}
.xw_title li a{display:block;padding: 0 16px;height: 39px;line-height: 39px; font-size:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xw_title li.active{border-top:#4573b0 3px solid;}
.xw_title li.active a{background:#fff;border-right: #ccc 1px solid;border-left: #ccc 1px solid;font-weight: bold;color:#4573b0;}
.xw_title .more{float: right;line-height: 42px;font-size: 14px;color: #666;padding-right: 5px;}
.qh_xian{position: absolute;left: 36px;bottom: -1px;}

/*重要转载*/
.zyzz_tit{height: 30px;line-height: 30px;overflow: hidden; padding: 3px 0 0;}
.zyzz_tit li{float: left;margin-right: 22px;}
.zyzz_tit li a{font-size: 16px;color:#c50001;}
.xwcon .zyzzcon{height: 62px;padding: 0; overflow: hidden;}


/*专题专栏左右滚动*/
.ztzlbox{height: 70px;overflow: hidden;margin: 20px 20px 0;}
.ztzlbox .j-scroll{position: relative;width: 100%;height: 70px;}
.ztzlbox .j-scroll span{width: 20px;height: 30px;position: absolute;top: 20px; cursor: pointer;}
.ztzlbox .j-scroll .prev{background: url(../images/prev.png) center center no-repeat;left: 0;}
.ztzlbox .j-scroll .next{background: url(../images/next.png) center center no-repeat;right: 0;}
.ztzlbox .img-title{display: none;}
.ztzlbox .scroll-body{overflow: hidden;height: 70px;}
.ztzlbox .scroll-body li{float: left;width: 275px;margin-right: 20px;}
.ztzlbox .scroll-body li img{width: 100%;height: 70px;}

/*****友情链接****/
.ls-link{height:50px;line-height:50px;}
.yqlj-title{display: block; width:80px; font-size: 16px;font-weight: bold;color:#376ab0;margin-right: 16px;}
.yqlinks{position: relative;padding: 0 20px;}
.yqlinks dl.select{float: left;height:50px;margin: 0 63px;}
.yqlinks dl dt{padding: 0 20px;height:50px; line-height: 50px;overflow: hidden;font-size: 16px;color:#376ab0;font-weight: normal; background: url("../images/down.png") right center no-repeat; cursor: pointer; overflow: hidden;}
.yqlinks dl dd{display: none;position: absolute; bottom:50px;width: 100%; left:0px; overflow: hidden; z-index: 9999;}
.yqlinks dl ul{padding:15px;background: #fff;  overflow: hidden;border: #ddd 1px solid;}
.yqlinks dl ul li{float: left;color: #666;height:30px; line-height:30px;margin-right:15px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.yqlinks dl ul li a{display: block;padding:0 5px 0 14px;background:url("../images/dot01.png") left center no-repeat; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/***友情链接结束***/

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .twbox{ width: 476px;}
    .xwbox{ width: 456px;}
    .xw_top li{ margin: 0 5px;}
    .list1 li a{  max-width: 350px;}
    .ztzlbox .scroll-body li {width: 231px;margin-right: 10px;}
    .yqlinks dl.select{margin: 0 35px;}
}
@media only screen and (max-width:991px) {
    .twbox{ width: auto; float: none; height: 418px; margin-bottom: 20px;}
    .xwbox{ width: auto; float: none; height: auto;}
    .list1 li a{  max-width: 600px;}
}
@media only screen and (max-width:767px) {
    .main_m20{ padding: 10px;}
    .twbox{ height: 429px;}
    .xw_top{ height: auto;}
    .xw_top li.active a{  height: 32px;line-height: 32px;}
    .list1 li a{  max-width: none; display: block; float: none; margin-right: 50px;}
    .list1 li img{ display: none;}
}
@media only screen and (max-width:667px) {
    .twbox{ height: 372px;}
}
@media only screen and (max-width:567px) {
    .twbox{ height: 314px;}
}
@media only screen and (max-width:467px) {
    .twbox{ height: 257px;}
}
@media only screen and (max-width:367px) {
    .twbox{ height: 200px;}
}