@import "base.css";

/*main*/
.main{ width:100%; margin-top:20px; background:#fff; overflow:hidden}
.main .main_left{ width:200px; float:left; }
.main .main_right{ width:870px; float:right;}

/*main_bar*/
.main_bar{ width:100%; float:left; float:left; height:39px; line-height:39px; border-bottom:1px solid #e6e6e6}
.main_bar{ width:100%; float:left; height:39px; line-height:39px; position:relative}
.main_bar .catname{ float:left; font-family:microsoft yahei; font-size:16px; letter-spacing:1px; padding:0 6px; background:url(../images/ico2.png) no-repeat left center; padding-left:21px; border-bottom:1px solid #0e5aa5; color:#0e5aa5; font-weight:bold;}

.main_bar .access_path{ float:right; margin-right:10px; font-size:14px; font-family:microsoft yahei;}
.main_bar .access_path span{ color:#333;}
.main_bar .access_path a.more:link{ color:#0e5aa5}
.main_bar .access_path a.more:visited{ color:#0e5aa5}
.main_bar .access_path a.more:hover{ color:#ba110d}


/*article_list*/
.article_list{ width:870px; float:left; padding:5px 0px 20px 0px; display:inline;}
.article_list ul{ width:100%; margin-top:15px; float:left; display:inline;}
.article_list ul li{ width:100%; float:left; height:45px; line-height:45px; background:url(../images/dian.jpg) repeat-x bottom;}
.article_list ul li span{ float:right; font-family: Verdana,Arial, Helvetica, sans-serif; color:#727171;}
.article_list ul li a{ background:url(../images/arrow02.gif) no-repeat left center; padding-left:18px;}
.article_list ul li a:link{ color:#666}
.article_list ul li a:visited{ color:#666}
.article_list ul li a:hover{ /* color:#ef7102; */ color:#2a6aa8}

.article_list ul li.li_bg{ background-color:#edecec}

/*article*/
.article{ width:850px; float:left; line-height:26px; font-size:14px; overflow:hidden; padding:20px 10px 20px 10px;}
.article_title{ text-align:center; margin-bottom:15px;}
.article_title h1{ text-align:center; font-size:18px; font-family:microsoft yahei; letter-spacing:1px;}
.article_title p{ margin-top:5px;}

.article .article_pic{ text-align:center;}

.before_after{ width:100%; float:left; clear:both; margin-top:20px;}

/*pic_list*/
.pic_list{ width:870px; float:left; padding:20px 0px 20px 0px; display:inline; min-height:330px; overflow:hidden}
.pic_list ul li{ width:270px; height:240px; float:left; margin:0 30px 20px 0; display:inline; position:relative; background:#f0f0f0; white-space: nowrap; overflow:hidden;}
.pic_list ul li .img_album{ width:262px; height:196px; float:left; margin:4px 0 0 4px; display:inline; overflow:hidden; text-align:center}
.pic_list ul li .img_album img{ height:196px; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s;}
.pic_list ul li .img_album img:hover {opacity:0.7}

.pic_list ul li h3{ width:100%; float:left; font-size:15px; text-align:center; margin-top:5px; font-family:microsoft yahei;}
.pic_list ul li h3 a{ width:100%; height:30px; line-height:30px; float:left; }
.pic_list ul li h3 a:link{color:#666666}
.pic_list ul li h3 a:visited{color:#666666}
.pic_list ul li h3 a:hover{color:#ef7102}

.pic_list ul li:hover{}
.pic_list ul li:hover h3 a{color:#ef7102}

.pic_list ul li.fr{ float:right; margin-right:0;}

/*article_pic_list*/
.article_pic_list{ width:706px; float:left; padding:30px 0px 0 0px; display:inline; min-height:330px; overflow:hidden}
.article_pic_list ul{ width:100%; margin-bottom:15px; float:left; display:inline}
.article_pic_list ul li{ width:100%; height:180px; float:left; }
.article_pic_list ul li .left{ width:222px; height:148px; border:1px solid #dcdcdc; float:left; overflow:hidden; padding:1px;}
.article_pic_list ul li .left img{width:229px; height:152px; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s;}
.article_pic_list ul li .left img:hover{ transform:scale(1.1); -webkit-transform: scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);}
.article_pic_list ul li .left:hover{ border:1px solid #ffa125; }
.article_pic_list ul li span{ float:right; font-family: Verdana,Arial, Helvetica, sans-serif; color:#999; font-weight:normal}
.article_pic_list ul li .right{ width:460px; float:right;}
.article_pic_list ul li .right h2{ font-size:16px; margin-top:2px; font-family:"微软雅黑"}
.article_pic_list ul li .right p{ line-height:25px; margin-top:12px;}
.article_pic_list ul li .right .detail{margin-top:10px; clear:both;}
.article_pic_list ul li .right  .detail a:link{color:#777;}
.article_pic_list ul li .right .detail a:visited{color:#777;}
.article_pic_list ul li .right .detail a:hover{color:#e67418;}

/*link_list*/
.link_list{ width:870px; float:left; padding:20px 0px 20px 0px; display:inline; min-height:330px; overflow:hidden}
.link_list ul li{ width:120px; height:90px; float:left; margin:0 26px 20px 0; display:inline; position:relative; white-space: nowrap; overflow:hidden;}
.link_list ul li .img_album{ width:120px; height:60px; float:left; text-align:center}
.link_list ul li .img_album img{ width:118px; height:58px; border:1px solid #dfdfdf;}
.link_list ul li .img_album img:hover{ border:1px solid #ba110d;}
.link_list ul li p{ width:100%; float:left; font-size:14px; text-align:center; margin-top:3px; font-family:microsoft yahei;}
.link_list ul li p a{ width:100%; height:30px; line-height:30px; float:left; }
.link_list ul li p a:link{color:#666666}
.link_list ul li p a:visited{color:#666666}
.link_list ul li p a:hover{color:#ef7102}

/*pages*/
div.pages{ padding-top:15px;box-sizing: border-box;clear:both;float:left; margin-bottom:20px;text-align:center;width:100%;}
div.pages div{text-align:center;width:100%;height:auto;}
.pages >div>.current{
	text-decoration: none;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    background-color: #1c6da7;
    background-repeat: repeat-x;
    color: #FFFFFF;
    cursor: default;
    z-index: 2;
	display: inline-block;
    margin: 0 3px;}
.pages >div>a{ 
	font-family:'microsoft yahei';
    color: #222222;
	background-color: #eeeeee;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
	display: inline-block;
    margin: 0 2px;
	}
.pages >div>a:hover{background-color: #1c6da7; color:#fff;}
.pages >div>a:focus{background-color: #1c6da7; color:#fff;}