﻿/*标题*/

h2.headerTitle { padding: 30px 10px; margin: 0; font-size: 24px; text-align: center; font-weight: 400; line-height: 25px; background-color: #f8f8f8; letter-spacing: 2px; }
h2.headerTitle p { font-size: 14px; margin: 0 0; padding: 0!important; color: #999; }
h4 { font-size: 15px; color: #000; font-weight: 400; text-align: center; padding: 5px 5px 25px; }
/*轮播插件*/

.swiper-wrapper, .swiper-wrapper .swiper-slide { width: 100%; height: auto!important; }
/*按钮*/

.pagination, .pagination1 { position: absolute; left: 0; text-align: center; bottom: 5px; width: 100%; z-index: 5; }
.swiper-pagination-switch, .swiper-pagination-bullet { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #fff; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer; opacity: 1; }
.swiper-active-switch, .swiper-pagination-bullet-active { background: #990000; }
/*选项卡*/

.textShow { display: block!important; }
.textBox { display: none; }
.tabUl { overflow: hidden; }
.tabUl li { float: left; width: 30%; margin: 0 5% 10px 0; padding: 10px 0; font-size: 13px; letter-spacing: 1px; text-align: center; white-space:nowrap}
.tabUl li:last-child { margin-right: 0!important; }
.tabUl li.tabIn { color: #990000; border-bottom: 2px solid #990000; }
/*隐藏区域*/

.closeBox { display: none; }
/*更多按钮*/

.moreBox { padding: 30px 10px; text-align: center; border-bottom: 1px solid #f1f1f1; }
#moreBtn { color: #fff; border: 0; padding: 5px 10px; width: 125px; font-size: 16px; background-color: #990000; }
/*左右按钮*/

.btnBox { text-align: center; height: auto; padding: 25px 0 20px; }
.leftBtn, .rightBtn { display: inline-block; width: 40px; height: 40px; background: url("../images/lrBtn.png")no-repeat center left; background-size: auto 100%; margin: 0 15px; }
.rightBtn { background: url("../images/lrBtn.png")no-repeat center right; background-size: auto 100%; }
/*内边距*/

div.boxPd { padding: 10px 15px 30px; }
div.boxPd h2 { background-color: #fff; }
/*背景色*/

div.boxBgc { background-color: #f8f8f8; }
div.boxBgc h2 { background-color: #f8f8f8; }
/*字段*/

p.activityText { font-size: 15px; text-align: left; color: #000; padding: 15px 5px;letter-spacing:2px; 2px; line-height: 20px; margin: 0 auto; }
.anchorIn { background-color: #990000!important; color: #fff; border: 1px solid #990000!important; }
/*-----------------------公共区域END----------------------------*/


/*-----------视频中心*/

.movieBox { width: 100%; /*height: 250px;*/
height: auto; display: block; position: relative; overflow: hidden; }
.movieBox:before { content: ""; width: 100%; height: 100%; background-color: #000; opacity: .3; z-index: 0; position: absolute; left: 0; top: 0; }
.movieBox:after {height: 20px; width: 200px; color: #fff; font-size: 16px; text-align: center; z-index: 0; letter-spacing: 1px; position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; }
.movieBox .video-title{
  position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;

}
.movieBox img { width: 100%; /*height: 100%;*/
height: auto; z-index: -1; }
/*-----------视频中心END*/


/*-----------服务案例*/

.serviceContent img { width: 100%; height: auto; }
.serviceContent h3 { padding: 25px 10px; margin: 0; font-size: 16px; text-align: center; font-weight: 400; line-height: 25px; letter-spacing: 1px; }
.serviceContent h3 p { font-size: 13px; margin: 0 0; padding: 0; color: #999; letter-spacing: 2px; }
.serviceContent h3 i { position: relative; }
.serviceContent h3 i:before { content: "";
	display: inline-block;
	margin-right:10px;
	width: 	0px;
	height: 0px;
	border:10px solid #999;
	border-top: 6px solid transparent;
	border-right:6px solid transparent;
	border-left: 6px solid transparent; }
/*-----------服务案例END*/


/*-----------出版*/

.publicationContent { position: relative; overflow: hidden; }
.publicationContent a { display: block; width: 50%; /*height: 250px;*/
height: auto; float: left; margin: 0 0 5px 0; padding: 0 2px 0 0; box-sizing: border-box; }
.publicationContent a:nth-child(2n) { padding: 0 0 0 2px; }
.publicationContent a img { width: 100%; /*height: 100%;*/
height: auto; }
/*-----------出版END*/


/*-----------搜索*/

.searchContent { background-color: #f8f8f8; }
/*搜索框*/

.searchForm p:first-child { font-size: 22px; width: 200px; letter-spacing: 4px; color: #000; margin: 0 auto; margin-bottom: 10px; position: relative; }
.searchForm form { width: 200px; margin: 10px auto; position: relative; }
.searchForm input { height: 30px; width: 200px; vertical-align: text-top; padding: 0 30px 0 10px; margin: 0; border: 1px solid #999999; color: #999999; font-size: 16px; border-right: 0; }
.searchForm button { height: 30px; width: 30px; vertical-align: text-top; position: absolute; right: 0; padding: 0; margin: 0; border: 1px solid #999999; color: #999999; border-left: 0; font-size: 16px; background: url("../images/search1.png")no-repeat center; background-color: #fff; background-size: 18px; }
/*搜索内容*/

.searchContent .searchBox { display: block; margin: 0 0 10px; width: 100%; /*height: 125px;*/
height: auto; min-height: 120px; background-color: #fff; position: relative; overflow: hidden; }
.searchContent .searchBox img { float: left; width: 40%; /*height: 100%;*/
height: auto; min-height: 120px; }
.searchContent .searchBox .searchText { overflow: hidden; height: 100%; text-align: left; padding: 4% 15px; }
.searchContent .searchBox .searchText span { color: #999999; font-size: 12px; }
.searchContent .searchBox .searchText p { color: #000; font-size: 14px; margin: 10px 0 0; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 20px; }
/*-----------搜索END*/


/*-----------公益活动*/

.loveContent img { /*height: 250px;*/
height: auto; width: 100%; }
.loveContent img.loveLogo { width: 150px; height: 60px; display: block; margin: 0 auto 10px; }
/*格式化END*/


/*华公益*/

.loveContent img:nth-child(3), .loveContent img:nth-child(4) { /*height: 350px;*/
margin-bottom: 5px; }
/*志愿者*/

.loveContent .newActivity { width: 100%; /*height: 500px;*/
height: auto; overflow: hidden; }
.loveContent .textBox img { margin: 15px 0; }
/*最新公益*/

.loveContent .newActivity h3 { background-color: #fff; padding: 25px 20px; font-size: 15px }
.loveContent .newActivity h3 p { font-size: 13px; color: #999999; margin: 5px 0; }
.loveContent .newActivity h3 p.activityText { padding: 10px 0; font-size: 14px; color: #000; }
/*-----------公益活动END*/


/*-----------关于我们*/

.aboutContent img { height: auto; width: 100%; }
.aboutContent div.boxPd { padding: 10px 20px 20px; }
.aboutContent .moreBox { padding: 20px 10px; border: 0; }
/*锚点*/

.aboutContent .anchorLi { padding: 30px 20px 10px; overflow: hidden; }
.aboutContent .anchorLi li { float: left; width: 32%; padding: 10px 0; margin: 0 2% 5px 0; position: relative; border: 1px solid #000; background-color: #fff; text-align: center; }
.aboutContent .anchorLi li:nth-child(3n) { margin: 0 0 5px 0; }
.aboutContent .anchorLi li a { display: block; color: #000; }
/*简介*/

.aboutContent #profile h2.headerTitle { background-color: #fff; }
.aboutContent #profile p.activityText { font-size: 15px; text-align: left; color: #000; padding: 10px 20px; letter-spacing: 2px; line-height: 20px; margin: 0 auto; }
.aboutContent #profile .aboutBox { width: 100%; height: auto; overflow: hidden; position: relative; margin-bottom: 15px; }
/*.aboutContent #profile .aboutBox .swiper-wrapper,
.aboutContent #profile .aboutBox .swiper-wrapper .swiper-slide{
        width: 100%;
    height:auto!important;
}*/


/*荣誉*/

.aboutContent #honor .tabUl { width: 60%; margin: 0 auto; }
.aboutContent #honor .tabUl li { width: auto; margin: 0 0 10px 0; }
.aboutContent #honor .tabUl li:last-child { float: right; }
.aboutContent #honor .textBox { line-height: 25px; font-size: 15px; }
.aboutContent #honor .textBox ul { margin: 20px 0; }
.aboutContent #honor .textBox ul li:first-child { font-weight: 600; }
/*团队*/

.aboutContent #team h2 { background-color: #fff; }
.aboutContent #team .teamBox { position: relative; overflow: hidden; height: auto; }
.aboutContent #team .teamBox img { float: left; width: 50%; height:45vw;}
.aboutContent #team .teamBox .swiper-slide { background-color: #d1d1d1; height:auto; }
.aboutContent #team .teamBox .teamText {overflow: hidden; height: 100%; background-color: #d1d1d1; padding:7% 5%; }
.aboutContent #team .teamBox .teamText p { font-size: 14px; line-height: 25px; }
.aboutContent #team .teamBox .teamText p:first-child { margin-bottom: 20px; font-size: 18px; position: relative; }
.aboutContent #team .teamBox .teamText p:first-child:before { content: ""; width: 100px; height: 0px; border-bottom: 1px solid #000; position: absolute; bottom: -10px; }
/*集团成员*/

.aboutContent #member .anchorLi { padding: 5px 10px 15px; width: 85%; margin: 0 auto; }
.aboutContent #member .anchorLi li { width: 48%; padding: 10px; margin: 0 4% 10px 0; }
.aboutContent #member .anchorLi li:nth-child(2n) { margin-right: 0; }
.aboutContent #member img.textBox { height: auto; width: 100%; }
/*招聘*/

.aboutContent #recruit h2 { background-color: #fff; }
.aboutContent #recruit .recruitImg { height: 500px; background: url("../images/about_5.jpg")no-repeat center bottom; background-size: cover; }
.aboutContent #recruit .recruitImg div.recruitBox { height: 250px; position: relative; overflow: hidden; }
.aboutContent #recruit .recruitImg div.recruitBox a { height: 125px; width: 33.3%; padding: 8% 5%; display: block; float: left; background-color: #fff; color: #000; letter-spacing: 2px; font-size: 15px; line-height: 35px; text-align: center; }
.aboutContent #recruit .recruitImg div.recruitBox a img { width: 65px; height: 50px; }
.aboutContent #recruit .recruitImg div.recruitBox a:nth-child(1), .aboutContent #recruit .recruitImg div.recruitBox a:nth-child(3) { position: relative; top: 125px; }
.aboutContent #recruit p { text-align: center; padding: 30px 15px; line-height: 23px; }
/*作品*/

.aboutContent #works { min-height: 500px; position: relative; background: url("../images/about_66.jpg")no-repeat center bottom; background-size: cover; padding: 10px 40px 30px; }
.aboutContent #works h2 { background: 0; }
.aboutContent #works h5 { font-size: 20px; font-weight: 600; padding: 20px 0; }
.aboutContent #works p:nth-child(3) { font-size: 17px; font-weight: 600; }
.aboutContent #works .worksBox { height: auto; width: 100%; overflow: hidden; }


/*ipad*/
@media (min-width:550px) {
.aboutContent #team .teamBox .teamText { padding: 12% 1% 10% 8%; }
/*作品*/
.aboutContent #recruit .recruitImg { height: 700px; }
.aboutContent #recruit .recruitImg div.recruitBox { height: 350px; }
.aboutContent #recruit .recruitImg div.recruitBox a:nth-child(1),  .aboutContent #recruit .recruitImg div.recruitBox a:nth-child(3) { top: 175px; }
.aboutContent #recruit .recruitImg div.recruitBox a { height: 175px; }
/*搜索*/
.searchContent .searchBox .searchText span { font-size: 16px; }
.searchContent .searchBox
.aboutContent #team .teamBox .teamText p:first-child { margin-bottom: 25px; } .searchText p { font-size: 20px; line-height: 35px; margin: 25px 0 0; ; }
}
@media (min-width:400px) {
.aboutContent #team .teamBox .teamText p { line-height: 35px; }
}
@media (max-width:320px) {
h2.headerTitle { padding: 20px 10px; }
.searchContent .searchBox .searchText p { font-size: 13px; }
}
#profile p{
padding:0 5%;
}
.BMap_pop>div {
    overflow: auto !important;
}