body,html{height:100%; font-family:"微软雅黑";}
body{ background:#fff}
* {  margin: 0;  padding: 0;}
 a{ -webkit-transition: all 1s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;}
   a:hover{ text-decoration:none}
   ul,li{ list-style:none}
.syvideo{width: 100%;}
.show{background:#f5f5f5 !important}
.header{ height:100px; background:#fff; /*position:fixed;*/ top:0;width:100%; left:0; z-index:99999999999; border-bottom:1px #eee solid;}
.show-banner{/*margin-top:100px;*/ position:relative;} 
.show-banner img{ width:100%; display:block}
.banner-img{ width:100%; display:block}
.navbar-collapse{ position:absolute; top:0; width:100%;}
.logo{ width:250px; float:left; height:80px; margin-top:15px; margin-left:5%;}
.logo img{ width:236px; display:block; height:70px;}
.navbar-nav{ text-align:center; float:none}
.nav > li{ display:inline-block; margin-top:20px;}
.navbar-nav > li{ float:none}
.top-text{ position:absolute; text-align:right; right:100px; z-index:9999; top:20px;}
.top-text a{ color:#666; margin-left:15px; font-size:12px;}
.top-text a:hover{ color:#d70c25}
.top-btn{ padding-top:15px;}
.top-btn a{ background:#d70c25; color:#fff; padding:5px 15px; color:#fff; border-radius:100px; }
.top-btn a.a-1{ background:#d74f0c}
.top-btn a.a-2{ background:#d77a0c}
.top-btn a.a-3{ background:#d70c25}
.top-btn a:hover{ color:#fff; background:#c30a21}
.box-1{ padding:30px 0}
.title{ padding-bottom:30px; position:relative}
.title h3{ font-size:28px; letter-spacing:4px; text-align:left;}
.title h3 font{color:#d70c25}
.title .line{ background:#d70c25; width:60px; height:3px;}
.hd-pic{ width:100%; height:auto; position:relative; border-radius:4px; overflow:hidden}
.hd-pic b{ overflow:hidden; width:100%; display:block;}
.hd-pic b img{width: 100%;
  top: 0;
  position: relative;
  left: 0;
  -webkit-transition: -webkit-transform 0.6s;
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  transition: transform 0.6s;}
.hd-pic:hover img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.hd-text{ position:absolute; left:0; bottom:0; height:60px; background:rgba(0,0,0,.7); width:100%; color:#fff; text-align:center}
.hd-text span{ padding-top:10px; display:block; opacity:.9}
.hd-text h5{ margin:0; font-size:16px; font-weight:bold; padding-top:2px;}
.hd-title{ text-align:left;/*padding-top: 20px !important;*/}
.hd-title li{ background:#f5f5f5; padding:15px; margin-bottom:10px; height:104px; border-radius:4px; overflow:hidden}
.hd-title li a{ color:#333; text-decoration:none}
.hd-title li a h5{ font-size:16px; margin:0; font-weight:bold; padding-bottom:10px; padding-top:5px;}
.hd-title li:hover{ background:#eee}
.hd-title li a span{     color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.hd-title li.active{background:#d70c25;}
.hd-title li.active a{color:#fff}
.hd-title li.active a span{color:#fff; opacity:.8}
.box-btn{ background:#aaa; height:140px; border-radius:4px; overflow:hidden;}
.box-btn div{ height:140px; position:relative; opacity:.9}
.b-1{ background:#d7290c;}
.b-2{ background:#d75d0c}
.b-3{ background:#d77a0c}
.b-4{ background:#d74f0c}
.box-btn div:hover{ opacity:1}
.box-btn h3{ color:#fff; padding:10px; padding-top:15px;}
.box-btn i{ width:30px; height:2px; background:#fff; display:block; margin-left:12px;}
.box-btn span{ font-size:12px; color:#fff; padding-left:12px; padding-top:15px; display:block}
.box-btn b{ display:block; position:absolute; right:30px; top:20px; text-align:right}
.yt-list{ background:#fff; border-radius:4px; box-shadow:2px 6px 30px rgba(0,0,0,.05); display:inline-block; padding-bottom:30px; width: 100%;}
.yt-list b{ overflow:hidden; width:100%; display:block}
.yt-list b img{ border-radius:4px 4px 0 0;width: 100%;
  height: 260px;
  top: 0;
  position: relative;
  left: 0;
  -webkit-transition: -webkit-transform 0.6s;
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  transition: transform 0.6s;}
.yt-list:hover img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
div.title > a{ border:1px #eee solid; padding:10px 20px; position:absolute; right:0; top:10px; color:#666; font-size:12px; border-radius:100px;}
div.title > a:hover{ color:#fff; background:#d70c25; border:1px #d70c25 solid}
.yt-list h3{ font-size:20px; padding:20px; padding-bottom:10px; margin:5px 0; line-height:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.yt-list p{ padding:0 20px; color:#999; margin:0; margin-bottom:20px;overflow: hidden;height:60px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.yt-list h5{ font-size:20px; font-weight:bold; margin:5px 0;}
.yt-list span{ color:#999; padding-left:20px;}
.yt-list a{ float:right; text-align:right; margin-right:20px; color:#999}
.yt-list a:hover{color:#d70c25}
.yt-list:hover{ position:relative; box-shadow:2px 2px 50px rgba(0,0,0,.14);transition: all ease-out .3s; top:-1px;}

.box-3{background:#fff; width:100%;padding-top:20px; padding-bottom:50px;}

.box-4{ padding-top:50px; background:url(../img/bg-1.jpg) no-repeat center; height:350px; text-align:center; color:#fff;}
.box-4 h3{ font-size:32px; letter-spacing:5px;}
.box-4 i{ display:block; width:60px; border-radius:2px; height:3px; background:#fff; margin:0 auto;}
.sj-box{ margin-top:20px;}
.sj-list{ float:left; width:18%; background:rgba(255,255,255,.08); border:1px rgba(0,0,0,.12) solid; margin:1%; border-radius:4px; padding:10px 0}
.sj-list h5{ font-size:32px;}
.sj-list em{ position:relative; font-size:12px; font-style:normal; top:-20px;right:-10px;}
.jz-box{ background:#fff; position:relative; height:140px; border-radius:10px; margin-top:20px; box-shadow:2px 10px 10px rgba(0,0,0,.05)}
.jz-box b{ position:absolute; left:0; top:0; background:url(../img/jz.png) no-repeat left; z-index:999; width:126px; height:86px; display:block;}
.jz-box div{ margin-top:30px;}
.box-5{ background:#006bc5 url(../img/img-9.jpg) no-repeat left center; margin-top:80px; height:620px;}
.about-box{ margin-top:100px;}
.about-box p{ font-size:24px; padding-right:120px;} 
.about-box span{ font-size:14px; padding-right:120px; display:block; margin-top:20px;}
.about-box a.abouta{ width:200px;height:50px; background:#d70c25; display:block; text-align:center; line-height:50px; font-size:16px; color:#fff; border-radius:100px; margin-top:30px;}
.about-box a:hover{ background:#d74f0c}
.about-box b{ margin-right:15px; display:block; overflow:hidden; position:relative}
.about-box b img{ width:100%; display:block; border-radius:4px;}
.about-box b i{ width:100%; height:100%; background:rgba(0,0,0,.1) url(../img/bf.png) no-repeat center; display:block; position:absolute; left:0; right:0; top:0; bottom:0;}

.about-box div{ padding:0}
.about-content{ padding-top:30px; clear:both; margin-top:30px}

.foot{ clear:both; background:#3f3f3f; margin-top:100px; padding-top:50px;}
.f-top ul{ display:block; padding:0 15px;}
.f-top ul li{ float:left;}
.f-top ul li a{ font-size:24px; color:#777; margin-right:30px; text-decoration:none}
.f-top ul li a:hover{color:#aaa}
.f-top ul li.active a{ color:#fff;}
.tab-content{ clear:both;/* padding-top:20px;*/}
/*.tab-content .tab-pane a{ display:block; background:#fff; width:100%;margin-bottom: 8px;}*/
.tab-content .tab-pane .item {padding-top: 20px;}
.tab-content .tab-pane .item a {display: block;background: #fff;width: 100%;}
/*.tab-content .tab-pane img{height: 80px;width: auto;margin-left: auto;margin-right: auto;background: #fff;}*/
.partner .tab-pane .item a  img{height: 66px;width: auto;margin-left: auto;margin-right: auto;background: #fff;}
#myTabContent .tab-pane .item a  img{height: 66px;width: auto;margin-left: auto;margin-right: auto;background: #fff;}

.f-mid{ padding:30px 0 20px 0; color:#999; /*padding-bottom:30px;*/ border-bottom:1px #333 solid; height:auto; display:inline-block}
.f-bot{ text-align:center; /*padding-top:40px;*/}
.f-bot b{ padding:0 20px;}
.f-bot p{ clear:both; color:#666; padding-top:30px;}
.foot-mid p{ padding-top:20px}
.dz{ text-align:right; padding-top:20px;}

.tab-content .carousel-control.left {left: -60px;top: 20px;}
.tab-content .carousel-control.right {right: -60px;top: 20px;}
.carousel-control{ width:60px; height:60px; text-align:center; line-height:54px; font-size:40px; border-radius:100px; background:rgba(0,0,0,.1); top:45%; box-shadow:none; opacity:1; font-weight:normal;}
.carousel-control.left{ left:20px; background-image:none;}
.carousel-control.right{ right:20px; background-image:none;}
.attr-nav{ position:absolute; right:350px; top:3px; z-index:99999}
.top-search{ position:absolute; top:101px; background:rgba(0,0,0,.5); width:100%; z-index:99999}
.b-nav{ position:absolute; width:100%; left:0; bottom:0;}
.b-nav .container{ background:rgba(0,0,0,.25); height:80px; border-radius:4px 4px 0 0; line-height:80px; color:#fff; overflow:hidden;}
.b-nav h3{ width:40%; float:left; margin:0; padding:0; line-height:80px; overflow:hidden; padding-left:15px;}
.show-box{ padding:0;}
.b-nav p{ width:60%; float:right; text-align:right; padding-right:15px;}
.b-nav span{ margin:0 5px;}
.b-nav span a{ color:#fff;}
.show-left{ width:250px; float:left; background:#fff; border-radius:0 0 4px 4px; }
.menu h3{ font-size:24px; background:#006bc5; color:#fff; height:60px; line-height:60px; margin:0; padding:0; text-indent:20px;}
.menu .nav-tabs{ border:0;}
.menu ul{ background:#fff; padding-top:20px;}
.menu li{ padding:0 15px;}
.menu li a{ background:#f5f5f5; display:block; width:100%; height:50px; line-height:50px; border-radius:4px; margin-bottom:15px; color:#333; text-decoration:none}
.menu li a i{ margin-right:6px; color:#999; margin-left:15px;}
.menu li a span{ margin-right:6px; color:#999; float:right; line-height:50px; display:block;}
.menu li a:hover{ background:#eee}
.menu li.active a{  background:#d70c25;color:#fff}
.menu li.active a i{ margin-right:6px; color:#fff}
.menu .secondmenu{ padding:0;}
.menu .secondmenu a{ background:none; height:40px; line-height:40px; border-bottom:1px #eee solid; margin-bottom:10px;}
.menu .secondmenu a:hover{ background:none; color:#d70c25}
.map{ clear:both; padding-top:20px;}
.map h3{ font-size:16px; margin:0 15px; padding-bottom:5px;}
.map-box{ padding:15px;}
.fw{ padding:0 15px;}
.fw h3{ font-size:16px;}
.fw li a{ border-bottom:1px #f5f5f5 solid; display:block; height:50px; line-height:50px; color:#666; width:100%; position:relative; text-indent:30px;}
.fw li a i{ float:right; line-height:50px; padding-right:5px; color:#aaa;}
.fw li a em{ width:30px; height:50px; display:block; position:absolute; left:0; top:0;}
.fw li a em.e1{ background:url(../img/f1.png) no-repeat center}
.fw li a em.e2{ background:url(../img/f2.png) no-repeat center }
.fw li a em.e3{ background:url(../img/f3.png) no-repeat center }
.fw li a em.e4{ background:url(../img/f4.png) no-repeat center }
.fw li a em.e5{ background:url(../img/f5.png) no-repeat center }
.fw li a em.e6{ background:url(../img/f6.png) no-repeat center }
.fw li a:hover{ color:#d70c25}
.show-right{ float:right; height:auto; background:#fff;width:calc(100% - 270px); border-radius:4px;padding-bottom: 30px; }
  .right-top{ height:80px; border-bottom:1px #eee solid; margin:0 25px;position:relative}
  .right-top h3{ font-size:20px; line-height:80px; border-bottom:3px #d70c25 solid; /*width:120px;*/ position:absolute; left:0; bottom:-12px; height:80px; color:#d70c25}
  .show-right .show-content{ margin:5px 25px;word-break: break-all;}
  .show-right .newsul li a{ display:block; height:78px; line-height:78px; border-bottom:1px #f5f5f5 solid; font-size:16px; background:url(../img/li-2.png) no-repeat left center; text-indent:10px; color:#333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
  .show-right .newsul li a span{ float:right;}
  .show-right .newsul li a:hover{ color:#d70c25; border-bottom:1px #d70c25 solid; background:url(../img/li-1.png) no-repeat left center}
  .page{margin:50px 0 25px 0;clear:both; height:50px;}
  .page a{ margin-bottom:10px;border:1px #eee solid; display:block; width:40px; height:40px; text-align:center; line-height:40px; float:left; border-radius:4px; margin-right:10px; color:#999}
  .page a:hover{ color:#d70c25}
  .page a.page-active{ color:#fff; border:1px #d70c25 solid; background:#d70c25} 
  .page a.a-ye{ width:80px;}
  .show-foot{ width:100%; clear:both; background:#e5e5e5;}

   .share{width:50%; float:right}
  .share a{ float:right; width:40px; height:40px; padding:0; text-align:center; font-size:16px; line-height:40px; margin-left:10px; border-radius:100px; background:#eee; color:#ccc}
.share a:hover{  background:#006bc5;color:#fff}
  .share a span{ line-height:40px; display:block;width:40px; height:40px; border-radius:100px;}
  .f-bot-left{ width:50%; float:left}
  .right-content{ float:right; height:auto; background:#fff;width:calc(100% - 270px); border-radius:10px; }
  .c-top{ margin:25px; text-align:center; border-bottom:1px #eee solid; padding-bottom:30px;}
  .c-top h3{ font-size:36px; /*height:80px;*/ line-height:80px;}
  .c-top p{ font-size:14px; color:#999; height:30px;}
  .c-bot{ margin:25px; clear:both}
  .c-bot img{ display:block; margin:15px auto;}
  .c-bot p{ font-size:16px; line-height:36px; color:#333;}
  .box-6 h3{ font-size:20px;}
  .foot-top{padding-top:50px; border-bottom:1px #eee solid; padding-bottom:30px;}
  .activity{ margin:0px 25px;}
  .a-list{ border-bottom:1px #f5f5f5 solid; padding:35px 0; display:inline-table; width:100%;}
  .list-left{ width:300px; height:225px; float:left; position:relative; overflow:hidden; border-radius:4px;}
  .list-left b{ display:block}
  .list-left img{ width:100%;}
  .a-btn{ position:absolute; left:0;bottom:0; height:70px; padding-top:30px; text-align:center; background:rgba(0,0,0,.6); width:100%; display:none}
  .a-btn a{  padding:10px 20px; margin:0 10px; border-radius:100px; color:#fff; opacity:.9}
  .a-btn a.c-1{ background:#d70c25}
  .a-btn a.c-2{ background:#0c75d7}
  .a-btn a.c-3{ background:#ee8600}
  .a-btn a:hover{ opacity:1}
  .list-left:hover .a-btn{ display:block}
  .list-right{ width:calc(100% - 320px); float:right}
  .list-right h5{ font-size:20px; color:#333; height:32px; overflow:hidden}
  .list-box{ width:100%; border:1px #e5e5e5 dotted; height:80px; border-radius:4px; text-align:center; margin-bottom:10px;}
  .list-box h6{ font-size:18px; font-weight:bold; padding-top:10px;}
  .list-box span{ color:#999}
  .list-right p{ padding-top:8px; margin:0;}
  .jd{ padding-top:8px; position:relative; width:100%}
  .jd-bg{ width:calc(100% - 70px); height:10px; background:#eee; border-radius:10px; left:70px; bottom:5px; position:absolute; overflow:hidden}
  .jd-active{ height:10px; background:#d70c25;}
  .a-color{color:#dc0725}

.event-intro{margin: 25px;}
  
@media (max-width: 767px) {
	.header{ height:80px; position:absolute; top:0px;}
	.logo{ width:100%; position:absolute; left:0; top:25px; margin:0}
	.logo img{ width:101px; height:30px; margin:0 auto;}
	nav.navbar.bootsnav .navbar-toggle{ /*float:right; margin-right:0; margin-top:30px;*/    top: 10px;z-index: 99999; margin-left: 20px;}
	.attr-nav{top:-55px; left: 10px; position:absolute;z-index: 9;}
	.top-search{top:18px; background:rgba(0,0,0,.8)}
	.attr-nav i{color:#333}
	.navbar-header i{ font-size:24px;}
	.navbar-toggle{ /*float:left;*/ top:10px; z-index:99999; margin-left:20px;}
	.carousel-control{ display:none}
	.banner{margin-top:80px;}
	.top-text{ right:0; top:20px; text-align:center; left:0; width:100%; display:none}
	.box-1{ padding-top:10px;}
	.title{padding-bottom:10px;}
	.hd-text span{ font-size:12px; padding-top:15px;}
	.hd-text h5{ font-weight:normal; font-size:12px;}
	.hd-pic{ margin-bottom:20px;}
	.hd-title li{ height:auto}
	.box-btn{ height:auto; background:none}
	.box-btn div{ margin-bottom:20px; border-radius:4px;}
	.box-3{ padding-top:0;}
	.yt-list{ margin-top:15px;}
	.box-4{ height:auto; padding-top:30px; background:#d70c25; padding-bottom:30px;}
	.box-4 h3{ font-size:24px;}
	.sj-list{ margin:0; width:100%; margin-bottom:15px;}
	.jz-box{ height:auto; margin:0 15px;}
	.about-box{margin:15px;}
	.about-box p{ padding-right:0}
	.about-box span{padding-right:0}
	.about-box b{margin-top:30px;}
	.foot{ margin-top:50px; padding-top:20px;}
	.f-top ul li a{ font-size:12px; margin-right:10px;}
	.tab-content .tab-pane a{margin-bottom:10px;}
	.f-bot{padding-top:0px;}
	.f-bot b{ display:none}
	.nav > li{ display:block; margin:0}
	nav.navbar.bootsnav.navbar-mobile ul.nav > li > a{ text-align:left}
	.show-left{ display:none}
	.show-right{width:100%;}
	.b-nav{ display:none}
	.show-banner{margin-top:80px;}
	 .right-content{float:left; width:100%; margin-top:20px; }
  .c-top{ margin:25px; text-align:center; border-bottom:1px #eee solid; padding-bottom:30px;}
  .c-top h3{ font-size:24px; height:auto; line-height:30px;}
  .c-top p{ font-size:14px; color:#999; height:30px;}
  .c-bot{ margin:25px; clear:both}
  .c-bot img{ display:block; margin:15px auto; width:100%}
  .c-bot p{ font-size:16px; line-height:36px; color:#333;}
  .a-list{ width:100%}
  .list-left{ width:100%; height:auto;}
  .list-right{ width:100%}
  .a-btn{ display:block}
  .list-right h5{ height:auto; padding:10px 0; line-height:34px;}
  .list-box{ height:100px;}
  #myTabContent .tab-pane .item a img{height: 34px;}
  .f-mid{padding: 10px 0 20px 0;}
}

  /*新增样式*/
  .navbar-nav li a{font-size: 14px;}

  /*登录*/

  .clear{clear: both};
  @media(min-width: 1000px){
    #user_login{width: 600px;}
    .zc{margin-left: 40px !important;}
  }
.top-link {
    line-height: 25px;
    float: right;
    margin-right: 5px;
    position: relative;
    z-index: 996;
}
.dl_div{position: relative;
    z-index: 996;display: inline-block;}
.dl_div:hover .login_box{
    display: block;
}
.login_box {
    position: absolute;
    z-index: 997;
    top: 27px;
    display: none;
    padding: 10px 0 20px 0;
    width: 250px;
    background: #fff;
    border: 1px #ddd solid;
    text-align: left;
}
.login_box .l_list {
    width: 255px;
    margin: 0 auto;
    clear: both;
    padding: 5px 15px;
    
}
.login_box .l_list:first-child{
  margin-top: -30px;
}
.login_box .l_list.clearfix:first-child{
  margin-top: -10px;
}
.clear{clear: both;}
.personurl{margin-left: 0 !important;font-size: 14px !important;}

.view-bg{/*left: 50%;margin-left: -342px;*/}

/*蝴蝶侠发声*/
.partnerBg li {
    min-width: 238px;
    min-height: 85px;
    /* line-height: 85px; */
    vertical-align: middle;
    text-align: center;
    float: left;
    overflow: hidden;
    margin-right: 10px;
}

/*公益活动*/
.tx-donate .project-list .item img{height: 300px;margin-left: auto;margin-right: auto;}
.tx-donate .project-list .item h3 a,.tx-donate .project-list .item h3{overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.project-show .buttons a{width: 100% !important;font-size: 12px !important;}

/*团队介绍*/
.item-box h3 {
    padding: 10px 0;
    line-height: 25px;
    font-size: 18px;
    color: #333;
    font-weight: normal;
    text-align: center;
}
.item-box ul.team-item {
    margin-top: 10px;
}
.item-box ul.team-item li {
    display: block;
    float: left;
    width: 200px;
    height: 265px;
    text-align: center;
    margin-bottom: 30px;
}
.item-box ul.team-item li span {
    display: block;
}

@media(max-width: 768px){
  .partnerBg li{
    width: 100%;
    max-width: 100% !important;
  }
  .tx-donate{padding: 0 !important}
  .tx-donate .desktop{padding: 20px 0 !important;}
  .tx-donate .project-list .item img{height: unset !important;}
  .project-show ul.nav.nav-tabs li a{font-size: 10px !important}
  .item-box ul.team-item li{float: unset;width: unset;}

  .show-right .show-content img,.show-right .show-content embed,.show-right .show-content video{max-width: 100% !important; height: auto !important;}
}