@charset "utf-8";
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
button,input, textarea, select { font-family: PingFang SC, Microsoft Yahei, Avenir, Segoe UI, Hiragino Sans GB, STHeiti, "Microsoft Sans Serif", WenQuanYi Micro Hei, sans-serif; outline:none; }
body { -webkit-font-smoothing: antialiased; background-color: #fff; color: #333; font: 14px/1.5 PingFang SC, Microsoft Yahei, Avenir, Segoe UI, Hiragino Sans GB, STHeiti, "Microsoft Sans Serif", WenQuanYi Micro Hei, sans-serif; }
a { color: #404040; text-decoration: none }
a:hover { color: #ff3333; }

.wrapper { width: 1000px; }

.pagebar { border-top: none; margin-top: 20px; }
#pager { white-space: nowrap; }
#pager .pg { font-size: 16px; text-align: center; }
#pager .pg a,
#pager .pg a:link,
#pager .pg a:visited,
#pager .pg span.current,
#pager .pg span.first,
#pager .pg span.prev,
#pager .pg span.next,
#pager .pg span.last { margin-right: 5px; background: #555; border: 1px solid #555; font-family: 'Tahoma'; color: #fff; text-decoration: none; display: inline-block; *display:inline; zoom: 1; height: 30px; padding: 0 12px; text-align: center; line-height: 30px; font-size: 16px; }
#pager .pg a:hover { background: #72a220; border: 1px solid #72a220; color: #fff; }
#pager .pg span.current { border: 1px solid #72a220; background: #72a220; color:#fff; font-weight: bold; font-size: 16px; }
#pager .pg span.extend { padding: 0 5px 8px 0; zoom: 1 }
#pager .pg span.first,
#pager .pg span.prev,
#pager .pg span.next,
#pager .pg span.last { display: none; border: 1px solid #d8d8d8; border: 1px solid #fff; color: #f10180; }
#pager .pg span.prev,
#pager .pg span.next,
#pager .pg a.prev,
#pager .pg a.next { padding: 0 5px; }
#pager .pg span.first,
#pager .pg span.last,
#pager .pg a.first,
#pager .pg a.last { padding: 0 5px; }
.page-none { background: none; text-align: center; height: 400px; line-height: 400px; font-size: 16px; }

.header { padding: 15px 0; background: #fff; }
.header > div { display: flex; justify-content: space-between; align-items: center; }
.header .header-left { display: flex; align-items: center; }
.header .header-right { display: flex; align-items: center; }
.header .header-logo { display: block; width: 360px; height: 64px; text-indent: -999999px; background-repeat: no-repeat; background-size: 100% auto; background-position: center; background-image: url(images/logo@1x.png); background-image: -webkit-image-set(url(images/logo@1x.png) 1x, url(images/logo@2x.png) 2x); }
.header .header-title { margin-left: 20px; margin-top: 8px; display: inline-block; line-height: 1em; font-size: 30px; font-weight: bold; color: #72a220;}
.header .header-title a { color: #72a220;}

.header-nav { padding: 0; background: #72a220; display: flex; justify-content: center; align-items: center; }
.header-nav .header-menu { display: flex; }
.header-nav .header-menu li { font-size: 18px; color: #fff;}
.header-nav .header-menu li a { display: block; padding: 0 20px; height: 50px; line-height: 50px; color: #fff; text-decoration: none; -webkit-transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; transition: all ease-in-out .2s; }
.header-nav .header-menu li a:hover { color: #fff; background-image: linear-gradient(to right, #ffffff00, #ffffff55, #ffffff00); }
.header-nav .header-menu li a.active { color: #fff; background-image: linear-gradient(to right, #ffffff00, #ffffff55, #ffffff00); }

.header-nav-sub { background: #eee; }
.header-nav-sub .header-nav-sub-menu { width: 1000px; margin: auto; padding: 5px 0; display: flex; }
.header-nav-sub .header-nav-sub-menu li { }
.header-nav-sub .header-nav-sub-menu li a { display: block; padding: 10px; line-height: 1em; font-size: 14px; color: #333; border-radius: 5px; }
.header-nav-sub .header-nav-sub-menu li a:hover{ color: #72a220; }
.header-nav-sub .header-nav-sub-menu li a.active { color: #72a220; font-weight: bold; }

/*顶部搜索*/
.header-search { margin: 0; }
.header-search form { border: solid #72a220; border-width: 2px; width:400px; font-size: 12px; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; }
.header-search fieldset { position: relative; z-index:9999; border: none;}
.header-search legend { display: none; }
.header-search .header-search-box { background: #fff; height:28px; position: relative; }
.header-search .icon-search-down { display: inline-block; width: 9px; height: 5px; background: url(//www.baobei360.com/_public2012/css/images/icon_search.png) 0 -20px; }
.header-search .header-search-type { position: absolute; z-index:999999; left: 0; top:0; width: 60px; }
.header-search .header-search-type-text { background-color:#72a220; color:#fff; float:left; width: 60px; line-height: 28px; text-align:center; position: relative; padding: 0 20px 0 10px; cursor: pointer;}
.header-search .header-search-type-text::after { position: absolute; right: 8px; top: 50%; content: ''; display: block; width: 0; height: 0; margin-top: -2px; border: 4px solid transparent; border-top-color: #fff; }
.header-search .header-search-type-list { width:62px;position:absolute; z-index:999999; left:-2px; top:28px; background-color:#fff; display:none;}
.header-search .header-search-type-list ul{ border:2px solid #72a220; border-top:none;}
.header-search .header-search-type-list ul li{ height:28px; line-height:28px; padding:0 10px; border-top:1px solid #eee; text-align:center; cursor:pointer;}
.header-search .header-search-type-list ul li.active{ background-color:#efefef;}
.header-search .header-search-inputbox { position:relative; z-index: 9; }
.header-search .header-search-inputbox .header-search-inputbox-wrap { position: relative; padding: 0 70px 0 60px; background: url("data:image/gif;base64,R0lGODlhAQADAJEAAObm5t3d3ff39wAAACH5BAAAAAAALAAAAAABAAMAAAICDFQAOw==") repeat-x scroll 0 0 transparent;}
.header-search .header-search-inputbox .header-search-input{ border: none; outline:0; color: #000; position: relative; z-index: 2; width:100%; height: 28px;line-height: 28px; padding:0px 5px; font-weight:normal; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; _height: 26px;_line-height: 26px; background-color: transparent;}
.header-search .header-search-inputbox .header-search-placeholder{ color: #999; font-size: 12px; line-height: 28px;height: 28px; position: absolute; left:65px; top: 0; z-index: 1;}
.header-search .header-search-buttom{z-index:999999; position: absolute; right: 0; top: 0; width: 60px; border: 0; outline:0; font-size: 12px; cursor: pointer; color: #fff; background-color: #72a220; height: 28px; overflow: hidden; font-family: '\5FAE\8F6F\96C5\9ED1',arial,"\5b8b\4f53"; _right: -1px;}
/*顶部搜索*/

.lin-swiper-banner { margin: 0 0 50px; position: relative;
	/* -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.1); 
	-moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.1); 
	box-shadow: 0px 5px 10px rgba(0,0,0,0.1); */
 }
.lin-swiper-banner .swiper-pagination { width: 100%; bottom: 10px; }
.lin-swiper-banner .swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px; width: 8px; height: 8px; outline: none; background-color: #333; opacity: 0.5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; transition:all .2s; }
.lin-swiper-banner .swiper-pagination-bullets .swiper-pagination-bullet:hover { opacity: 1; }
.lin-swiper-banner .swiper-pagination-bullets .swiper-pagination-bullet-active { width: 30px; opacity: 1; }
.lin-swiper-banner .swiper-button-prev,
.lin-swiper-banner .swiper-button-next { width: 30px; height: 60px; color: #fff; outline: none; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; background: rgba(0,0,0,.3); }
.lin-swiper-banner .swiper-button-prev:after,
.lin-swiper-banner .swiper-button-next:after { font-size: 24px; }
.lin-swiper-banner .swiper-button-prev:hover,
.lin-swiper-banner .swiper-button-next:hover { opacity: 0.65; }
.lin-swiper-banner .swiper-button-prev { left: -80px; -webkit-border-radius: 0 80px 80px 0; -moz-border-radius: 0 80px 80px 0; border-radius: 0 80px 80px 0; } 
.lin-swiper-banner .swiper-button-next { right: -80px; -webkit-border-radius: 80px 0 0 80px; -moz-border-radius: 80px 0 0 80px; border-radius: 80px 0 0 80px;  }
.lin-swiper-banner:hover .swiper-button-prev { left: 0; }
.lin-swiper-banner:hover .swiper-button-next { right: 0; }

.lin-swiper-banner .swiper-slide { text-align: center; overflow: hidden; background-color: #efefef; }
.lin-swiper-banner .swiper-slide img { width: 100%; height: auto; }  
@media screen and (max-width: 768px) {

}

.crumb { font-size:12px; line-height: 4em; color: #888; }
.crumb a { color: #888; }

/*分享*/
.share-wrap{ width:0; height:0; left:50%; bottom: 80px; position:fixed; margin-left:-660px; margin-left:610px; }
.share-wrap .share-box{ position:absolute; left: 0; bottom:0; width:45px; text-align:center;}
.share-wrap .share { position:absolute; left: 0; bottom:0; height:30px; padding:5px 0;border-bottom: 1px solid #ddd; background:rgba(255,255,255,0.95); z-index:99;}
.share-wrap .share.fixed { height:30px; padding:5px 0;}
.share-wrap .share-tip{ display:block; margin:0px 0 0px;; text-align:center; height: 30px;line-height: 30px; color: #888888;font-size: 14px;}
.share-wrap .share-top { width:45px; }

.share-wrap .share16 { list-style:none; margin: 0;}
.share-wrap .share16 li { float: left; margin:0; margin-bottom:5px;}
.share-wrap .share16 a { vertical-align:middle; width: 45px; height:30px; padding:0; margin:0; cursor: pointer; display: inline-block; background-image: url(//www.baobei360.com/info/ver2016/css/images/share16_icon_v1.png) !important; background-image: -webkit-image-set(url(http://www.baobei360.com/info/ver2016/css/images/share16_icon_v1.png) 1x,url(http://www.baobei360.com/info/ver2016/css/images/share16_icon_v1_2x.png) 2x) !important; background-repeat: no-repeat; }
.share-wrap .share16 a.share-more { background-position: 0 0; }
.share-wrap .share16 a.share-weixin { background-position: -45px 0; }
.share-wrap .share16 a.share-qzone { background-position: -90px 0; }
.share-wrap .share16 a.share-qqwb { background-position: -135px 0; }
.share-wrap .share16 a.share-sinawb { background-position: -180px 0; }
.share-wrap .share16 a.share-renren { background-position: -225px 0; }
.share-wrap .share16 a.share-message { background-position: -270px 0; }

.share-wrap .share16 a.share-more:hover { background-position: -0px -30px; }
.share-wrap .share16 a.share-weixin:hover { background-position: -45px -30px; }
.share-wrap .share16 a.share-qzone:hover { background-position: -90px -30px; }
.share-wrap .share16 a.share-qqwb:hover { background-position: -135px 0; }
.share-wrap .share16 a.share-sinawb:hover { background-position: -180px -30px; }
.share-wrap .share16 a.share-renren:hover { background-position: -225px -30px; }
.share-wrap .share16 a.share-message:hover { background-position: -270px -30px; }

.share-wrap .share.fixed .share-box { margin-top: 75px; }
.share-wrap .share.fixed .news-ad { display: block; }
.share-wrap .share.fixed .share-tip { margin: 0; }


.person-box { margin: 0 0 50px; }
.person-box .hd { margin: 0 0 30px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.person-box .hd h2 { position: relative; padding: 0 50px; line-height: 1em; font-size: 36px; font-weight: bold; color: #333; }
.person-box .hd h2::before { position: absolute; left: 0; bottom: 0; content: ''; display: none; width: 4em; height: 2px; background-color: #ddd; }
.person-box .hd h2::after { position: absolute; right: 20px; top: 50%; content: ''; display: block; width: 0; height: 0; margin-top: -5px; border: 5px solid transparent; border-left-color: #333; display: none;}
.person-box .hd h2 i { position: absolute; top: 50%; width: 0; height: 0; }
.person-box .hd h2 i::before,
.person-box .hd h2 i::after { position: absolute; margin: -15px 3px auto; top: 50%; display: block; content: ""; width: 8px; height: 30px; background: #333; background-image: linear-gradient(180deg, #333 0%, #333 100%); -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; transform: rotate(30deg); }
.person-box .hd h2 i::before { right: 0; }
.person-box .hd h2 i::after { left: 0; }
.person-box .hd h2 i:first-child { left: 20px; }
.person-box .hd h2 i:last-child { right: 20px; }
.person-box .hd h2 i:first-child::before,
.person-box .hd h2 i:last-child::after { margin-top: -8px; width: 6px; height: 16px; }
.person-box .hd h2 i:first-child::before,
.person-box .hd h2 i:last-child::after { opacity: 0.5; }
.person-box .hd h3 { margin: 10px 0 0; line-height: 1em; font-size: 18px; font-weight: normal; color: #999; }

.person-list { margin: -10px; display: flex; justify-content: stretch; align-items: stretch; flex-wrap: wrap; }
.person-list li { padding: 10px; width: 25%; display: flex; }
.person-list li > div { width: 100%; border: 1px solid #e5e5e5; border-radius: 10px; overflow: hidden; }
.person-list li > div figure { position: relative; height: 0; padding: 0 0 75%; overflow: hidden; }
.person-list li > div figure img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
	-webkit-transition: 0.5s all ease-in-out; 
	-moz-transition: 0.5s all ease-in-out; 
	-ms-transition: 0.5s all ease-in-out; 
	-o-transition: 0.5s all ease-in-out; 
	transition: 0.5s all ease-in-out;
}
.person-list li:hover > div figure img {
	-webkit-transform: scale(1.2); 
	-moz-transform: scale(1.2); 
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.person-list li > div section { padding: 15px; }
.person-list li > div section h5 { line-height: 1.5em; font-size: 16px; font-weight: bold; color: #333; }
.person-list li > div section span { line-height: 1.5em; font-size: 14px; color: #666; }
.person-list li > div section p { margin: 10px 0 0; padding: 10px 0 0; border-top: 1px solid #e5e5e5; line-height: 1.5em; font-size: 12px; color: #999; text-align: justify; }




.cate-intro { margin: 0 0 30px; padding: 15px; background-color: #efefef; line-height: 1.5em; font-size: 14px; font-weight: bold; color: #333; border: 1px solid #efefef; border-radius: 10px; display: none; }



.person-detail-top { margin: 15px 0 60px; border: 1px solid #fff; background-color: #704D46; border-radius: 10px; display: flex;
	/* -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); 
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); 
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); */
}
.person-detail-top .person-detail-left { width: 500px; min-width: 500px; margin: -20px 0 -20px -1px; background-color: #fff; border: 1px solid #eee; border-radius: 10px; overflow: hidden; 
	-webkit-box-shadow: 15px 0px 15px rgba(0, 0, 0, 0.2); 
	-moz-box-shadow: 15px 0px 15px rgba(0, 0, 0, 0.2); 
	box-shadow: 15px 0px 15px rgba(0, 0, 0, 0.2); 
}
.person-detail-top .person-detail-left .person-detail-avatar { position: relative; width: 100%; height: 0; padding: 0 0 75%; overflow: hidden; }
.person-detail-top .person-detail-left .person-detail-avatar img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.person-detail-top .person-detail-right { padding: 20px 30px; width: 100%; }
.person-detail-top .person-detail-right .person-detail-title { margin: 0 0 15px; padding: 0 0 15px; border-bottom: 1px solid #ffffff66; }
.person-detail-top .person-detail-right .person-detail-title .name { font-weight: bold; font-size: 32px; line-height: 1.5em; color: #fff; }
.person-detail-top .person-detail-right .person-detail-title .job { margin: 0; font-weight: bold; font-size: 16px; line-height: 1.5em; color: #fff; }
.person-detail-top .person-detail-right .person-detail-row { margin: 0 0 15px; }
.person-detail-top .person-detail-right .person-detail-row:last-child { margin: 0; }
.person-detail-top .person-detail-right .person-detail-row h3 { position: relative; margin: 0 0 10px; padding: 0 0 0 10px; font-size: 14px; font-weight: bold; line-height: 1em; color: #fff; }
.person-detail-top .person-detail-right .person-detail-row h3::after { position: absolute; left: 0; top: 0; content: ''; display: block; width: 3px; height: 1em; background-color: #fff; }
.person-detail-top .person-detail-right .person-detail-row div { font-size: 14px; line-height: 1.5em; color: #fff; }


.lin-tags { display: flex; flex-wrap: wrap; margin: -2px; }
.lin-tags a,
.lin-tags span { margin: 2px; display: block; border: 1px solid #fff; background-color: #fff; color: #704D46; padding: 5px 10px; line-height: 1em; font-size: 12px; border-radius: 25px; }
.lin-tags a:hover { background-color: #f5f5f5; color: #704D46; }


.person-detail-body { margin: 0 0 0px; padding: 0px; border-radius: 10px; overflow: hidden; }
.person-detail-box { margin: 0 0 30px; padding: 0; overflow: hidden; }
.person-detail-box:last-child { margin: 0 0 30px; }
.person-detail-box .hd { position: relative; margin: 0 0 -40px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.person-detail-box .hd h2 { position: relative; padding: 0px 50px; background-color: #fff; font-size: 32px; font-weight: bold; line-height: 1em; color: #333; }
.person-detail-box .hd h2::before { position: absolute; left: 0; bottom: 0; content: ''; display: none; width: 4em; height: 2px; background-color: #ddd; }
.person-detail-box .hd h2::after { position: absolute; right: 20px; top: 50%; content: ''; display: block; width: 0; height: 0; margin-top: -5px; border: 5px solid transparent; border-left-color: #333; display: none; }
.person-detail-box .hd h2 i { position: absolute; top: 50%; width: 0; height: 0; }
.person-detail-box .hd h2 i::before,
.person-detail-box .hd h2 i::after { position: absolute; margin: -10px 3px auto; top: 50%; display: block; content: ""; width: 7px; height: 20px; background-color: #333; background-image: linear-gradient(180deg, #333 0%, #333 99%); -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; transform: rotate(30deg); }
.person-detail-box .hd h2 i::before { right: 0; }
.person-detail-box .hd h2 i::after { left: 0; }
.person-detail-box .hd h2 i:first-child { left: 20px; }
.person-detail-box .hd h2 i:last-child { right: 20px; }
.person-detail-box .hd h2 i:first-child::before,
.person-detail-box .hd h2 i:last-child::after { margin-top: -6px; width: 5px; height: 12px; }
.person-detail-box .hd h2 i:first-child::before,
.person-detail-box .hd h2 i:last-child::after { opacity: 0.5; }
.person-detail-box .hd h3 { margin: 5px 0 0; padding: 0 0 0 20px; font-size: 20px; color: #ccc; font-weight: bold; line-height: 1em; letter-spacing: 20px; }
.person-detail-box .bd { padding: 50px 30px 30px; border: 1px solid #eee; border-radius: 10px; }


.person-detail-text { font-size: 16px; line-height: 1.6em; color: #333; }
.person-detail-text p { margin: 0 0 0.5em; }
.person-detail-text p:last-child { margin: 0; }


.lin-news-list { margin: -0px -20px -20px; }
.lin-news-list li { margin: 0 20px; border-bottom: 1px solid #eee; }
.lin-news-list li:last-child { border: 1px solid transparent; }
.lin-news-list li:hover { margin: 0 0px; border-bottom: 1px solid transparent; background-color: #fafafa; border-radius: 10px; }
.lin-news-list li a { padding: 20px 0; display: block; color: #333; }
.lin-news-list li a:hover { color: #d00; }
.lin-news-list li:hover a { padding: 20px 20px; }
.lin-news-list li h5 { margin: 0 0 10px; font-size: 18px; line-height: 1.6em; }
.lin-news-list li section { display: flex; justify-content: space-between; }
.lin-news-list li section .con { display: flex; flex-direction: column; justify-content: space-between; flex: 1 1 auto; }
.lin-news-list li section .con p { font-size: 14px; line-height: 1.6em; color: #999; }
.lin-news-list li section .con .date { margin: 5px 0 0; font-size: 14px; line-height: 1.6em; color: #999; }
.lin-news-list li section .con .date i { margin: 0 10px 0 0; }
.lin-news-list li section .pic { position: relative; margin: 0 0 0 30px; width: 200px; flex: 0 0 200px; }
.lin-news-list li section .pic figure { position: relative; margin: 0; padding: 0; width: 100%; height: 0; padding-bottom: 75%; border-radius: 5px; overflow: hidden; }
.lin-news-list li section .pic figure img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }