﻿/*全局样式*/
body, h1, h2, h3, h4, h5, h6, p, div, input, select, table, ul, ol, li, tr, td, th, dl, dt, dd, form, textarea {
    padding: 0;
    margin: 0;
    font-family: microsoft yahei,Arial;
    list-style: none;
}
 a{
    text-decoration: none;
    outline: none;
    color: #000000;
}
a:hover { text-decoration:underline; }
/*common css*/
.fs1 {font-size: 1.6em;}
.fs2 {font-size: 1.6em;}
.fright{float:right;}
.fleft{float:left;}
.fl {float:left;
}
.fr {float:right;
}
.showpc{display:block;}
.showmobile{display:none;}
.warp{ width:100%;}	
.main{ width:1130px; margin:0 auto;    padding-bottom: 20px;}
.w526 {
width:526px;
}
.w540{ width:540px;}
.w556,.w5562{ width:556px;}
.header{ padding:0; margin:0;}
.clear {
    clear: both;
}


.block{display: block;} .inline{display: inline;}
.mauto{margin: auto;}
.m5{margin:5px;}.mt5{margin-top:5px;}.mr5{margin-right:5px;}.mb5{margin-bottom:5px;}.ml5{margin-left:5px;}
.m10{margin:10px;}.mt10{margin-top:10px;}.mr10{margin-right:10px;}.mb10{margin-bottom:10px;}.ml10{margin-left:10px;}
.m15{margin:15px;}.mt15{margin-top:15px;}.mr15{margin-right:15px;}.mb15{margin-bottom:15px;}.ml15{margin-left:15px;}
.m20{margin:20px;}.mt20{margin-top:20px;}.mr20{margin-right:20px;}.mb20{margin-bottom:20px;}.ml20{margin-left:20px;}
.m25{margin:25px;}.mt25{margin-top:25px;}.mr25{margin-right:25px;}.mb25{margin-bottom:25px;}.ml25{margin-left:25px;}
.m30{margin:30px;}.mt30{margin-top:30px;}.mr30{margin-right:30px;}.mb30{margin-bottom:30px;}.ml30{margin-left:30px;}
.mt40 { margin-top: 40px;}

.pt5{padding-top:5px;}.pr5{padding-right:5px;}.pb5{padding-bottom:5px;}.pl5{padding-left:5px;}
.pt10{padding-top:10px;}.pr10{padding-right:10px;}.pb10{padding-bottom:10px;}.pl10{padding-left:10px;}
.pt15{padding-top:15px;}.pr15{padding-right:15px;}.pb15{padding-bottom:15px;}.pl15{padding-left:15px;}
.pt20{padding-top:20px;}.pr20{padding-right:20px;}.pb20{padding-bottom:20px;}.pl20{padding-left:20px;}
.pt30{padding-top:30px;}.pr30{padding-right:30px;}.pb30{padding-bottom:30px;}.pl30{padding-left:30px;}
.p30{ padding: 30px}
.p20{ padding: 20px}
.p15{ padding: 15px}
.p10{ padding: 10px}



/*幻灯*/
.hd {
padding-top:15px;
width:556px;
}
 .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .swiper-pagination-bullet {
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        font-size: 12px;
        color:#000;
        opacity: 1;
        background: rgba(0,0,0,0.2);
    }
    .swiper-pagination-bullet-active {
        color:#fff;
        background: #007aff;
    }
    img {
    border: 0;
}
    .item {
    position: relative;
    display: block;
    width:98%;
}
        .item img {
        width:100%;
        }
.swiper-slide a span {
position: absolute;
    left: 0;
    bottom: 37px;
    width: 100%;
    font: 18px/32px;
    color: #fff;
    text-align: center;
}
.swiper-slide a b {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 78px;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
}
    /*通用栏目*/
.hd_t{ height:36px; line-height:36px; border-bottom:3px solid #B3B2B2; margin-bottom:20px;}
.colTit{ float:left; color:#333; font-size:22px; display: inline-block;  font-weight:bolder;}
    .colTit:hover {
         color:#333;
    text-decoration:none;
    }
.colTit:hover{ text-decoration:none;}
.colTit b{ font-weight:normal; color:#999; /*font-family:"Times New Roman";*/ font-size:18px; padding-left:5px;}
.more{ float:right;font-weight:normal; color:#666; font-size:14px;}

/*通用标题+摘要*/
.topTxtNews{padding-bottom:12px; border-bottom:1px dotted #ddd; margin-bottom:12px;}
.topTxtNews h3{ text-align:center;}
.topTxtNews h3 a{color:#00176b; font-weight:normal;font-size:22px; height:31px; line-height:31px; overflow:hidden; display:block;}
.text{ text-indent:28px; color:#666;}
.text p{text-indent:28px; }
.text .more{ float:none; color:#F00; line-height:160%;}

    .contentbox{ }
.con{
	width: 366px;
	height: 250px;
	float: left;
	margin:10px 5px;
	position: relative;
	cursor: pointer; display:inline;
}
.con img{
	width:368px;
	height: 250px;
}
.txt{
	position: absolute;
	left: 0;
	 bottom:0;
	 height:30px;
	width:348px;
	 padding:10px;
	color: #fff;
	background: #000;opacity: 0.7;/* For IE 5-7 */filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);/* For IE 8 */-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }

.txt a{ color:#fff;}
.txt h3 a{ font-size:18px; height:35px; line-height:35px;}
.txt p{
	font-size: 14px;
	display: block;
	line-height: 20px;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-moz-margin-before: 1em;
	-moz-margin-after: 1em;
	-moz-margin-start: 0px;
	-moz-margin-end: 0px;
}
/*------------- 从底部上升的遮罩效果 结束 ------------------------------*/
.topTxtNews2 .images {

}
.topTxtNews2 .texts {
width:76%;
}
    .topTxtNews2 .texts h2 {
    font-size:18px;
    }
.topTxtNews2 .texts p {
text-indent:2em;
word-break:break-all;
}

.topTxtNews2 {
    padding-bottom: 12px;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 12px;
    width: 535px;
    margin: 10px;
    float: left;
}

.list_new {
    margin-top: 10px;
}
.list_new li {
    position: relative;
    font-size: 14px;
    line-height: 30px;
    color: #333;
    text-indent: 14px;
}
.list_new li a {
    color: #333;
}
.list_new li span {
    position: absolute;
    top: 13px;
    left: 2px;
    width: 3px;
    height: 3px;
    background-color: #333;
}
.news_List {
padding:5px;
}
    .news_List li {
    line-height:31px;
    border-bottom: #ececec 1px dotted;
        overflow: hidden;
    border-bottom: 1px dotted #e5e5e5;
    background: url(../images/dian.png) no-repeat 1px center;
    padding-left: 15px;
    }
        .news_List li a {
        text-decoration:none;
        font-size:16px;
        }




@media screen and (min-width:374px) and (max-width: 767px){
    .hd_t {
    padding-left:15px;
    }
.header{ padding:0; margin:0;}
    .w556 {
    width:98%;
    }
    .con {
    width:93%;
    padding:15px;
    margin:0px auto;
    height:244px;
    }
        .con img {
        width:100%;
        height:260px;
        }
    .txt {
    width:88%;
        left: 15px;
    }
    .moda {
    width:100%;
    margin:0px auto;
    padding-bottom:15px;
    }
    .topTxtNews2 {
    width:93%;
    margin:0px auto;
        padding: 15px;
    }
        .topTxtNews2 .texts {
        width:68%;
        }
}



/*图文展示1*/
.dataList li { padding: 6px 6px; border-bottom: 1px dashed #ededed; overflow: hidden; position:relative; }
.dataList li:hover{ background:#f5f5f5;}
.dataList li:nth-last-child(1) {border:none;}
.dataList h3 {width:100%; }
.dataList h3 a { display: inline-block; line-height: 30px; overflow: hidden; font-size:16px; color: #000; font-family:"Microsoft yahei"; }
/*.dataList .imgs { float: left; width: 138px; height: 90px; margin-right: 10px; }*/
.dataList  img { width: 138px; height: 95px; vertical-align: top; padding-right:10px; float:left; -moz-transition:-moz-transform .3s ease;
-ms-transition:-ms-transform .3s ease;transition:transform .3s ease;}
.dataList .summary {/* height: 75px;*/ line-height: 24px; color: #666; font-size:14px; font-family:"宋体"; overflow:hidden; max-height:96px;}
.dataList .info { height: 14px; line-height: 14px; padding: 0; text-align: right; }
.dataList .time { font-size: 12px; color:#999;}



@media screen and (max-width: 767px) and (min-width: 0px) {
    .main {
    width:100%;
    }
    .hd {
    width:100%;
    }

}






.footer {border-top:1px solid #c9c9ca;padding:15px 0 15px 0; background:#f9f7f4; text-align:center;line-height: 25px;color: #333;font-size:14px;}
.footer a {line-height: 30px;color: #000; }