﻿/* CSS Document */
main ,footer { display:block;}
.main-wrapper{ margin-bottom:40px;}
.main-advertisement{ margin: 0 auto; text-align:center;}
.main-advertisement img{ width:100%; height:auto;}

.pc-content{ position:relative; margin: 15px auto 0;}

.pc-content:after {
    clear: both;
}
.pc-content:after {
    content: "";
    display: table;
}


.article-right{ float:right; width:260px;}

.baike-head{ display:block; background:#fff; margin-top:0; background:url(../pubimages/baikebg.jpg)}
.baike-box{margin: 0 auto; padding:50px 0; overflow:hidden;}
.baiketop{ display:block; overflow:hidden;}
.baike-pic{ float:left; max-width:300px; overflow:hidden; width:25%;}
.baike-pic img{ width:100%; height:auto; border-radius:5px;}
.baike-info-box{ float:left; width:70%; margin-left:2%;}
.baike-box h2{ display:block; font-size:36px; line-height:50px; color:#333; font-weight:normal;}
.baike-info{ display:block; padding:20px 0; font-size:16px; line-height:30px; color:#333;}
.baike-class{ display:block; padding:50px;}
.baike-class ul li{ float:left; width:50%; border-bottom:1px dashed #aaa; font-size:14px; color:#333; margin-bottom:10px; padding:5px 0;}
.baike-class ul li span{ margin-right:30px; color:#666; font-weight:bold;}
.article-left-head{ display:block; background:#fff;}
.article-left-head:after{
    content: "";
    display: table;
    clear: both;
}
.article-head{ float:left; padding:20px 30px 20px 30px; overflow:hidden;}
.article-head h2{
	color: #333333;
    font-size: 36px;
    display: inline-block;
}

.article-head h2 a.baike-jc{ color:#333;}
.article-head h2 a.baike-jc:hover{ color:#ff6600;}
.article-head h2 span{ margin-left:20px;}
.article-head h2 span a{ color:#999; font-weight:normal; font-size:18px;}
.article-head h2 span a:hover{ color:#333;}

.article-subtitle{ display:block; padding:0 0 0 0; overflow:hidden;}
.article-local{ float:left; font-size:18px; color:#bbbbbb}
.article-local a{ color:#bbb; margin: 0 10px;}
.article-local a:hover{ color:#333;}
.article-local span{ float:left; margin:0 10px;}
.article-statistics{ float:right; font-size:14px;}
.article-statistics a{ color:#bbb; margin-left:20px;}
.article-statistics a i{ font-size:16px; margin-right:10px;}




.article-left-intro {
	display:block;
    padding: 28px 0;
    line-height: 30px;
    color: #666666;
    background: #dfebf6;
	overflow:hidden;
}
.article-left-intro p {
	padding:0 50px;
    font-size: 16px;
    margin: 0 auto;
    word-wrap: break-word;
}

.article-left-content{ background:#fff; padding:50px;}
.article-content-box{ margin:0 auto; margin-top:10px; font-size:16px;color: #666;line-height: 32px; word-wrap: break-word; width:100%; height:320px;}
.wikl_con p{ font-size:16px;color: #666;line-height: 32px; word-wrap: break-word;}
.article-content-box img{max-width: 100%; height:auto; cursor: pointer; display: block; margin: auto;margin-top: 10px; margin-bottom: 10px;}


.article-left{ float:left; width:50%;}
.article-cont{ display:block; padding:10px;}
.article-head{ display:block;}

@media screen and (max-width: 1440px){
#wrap-nav ul.menu li h3 a.depth_1{ padding:0 33px;}
.baike-box{ max-width:1200px; width:1200px;}
.pc-content{ max-width:1200px; width:1200px;}
.main-advertisement{ width:1200px;}

}
@media screen and (min-width: 1450px){
#wrap-nav ul.menu li h3 a.depth_1{ padding:0 43px;}
.baike-box{ max-width:1380px; width:1380px;}
.pc-content{ max-width:1380px; width:1380px;}
.main-advertisement{ width:1380px;}

}