@charset "utf-8";


 body {
 
 
 font-family: 微软雅黑;
 src: url('fonts/Microsoft Yahei.ttf');
 font-size:14px;
 line-height: normal;
 margin:0;
 min-width:360px;
}
li {
 list-style-type: none;
}
.clear {
 clear:both;
}
.Space1 {
 margin-right:1em;
}

a, :hover, .carousel-control,.glyphicon, .row, .col-sm-5, .thumbnail, .nav_bar {
 -webkit-transition: 0.3s all ease;
 -moz-transition: 0.3s all ease;
 -o-transition: 0.3s all ease;
 -ms-transition: 0.3s all ease;
 transition: 0.3s all ease;
}
.carousel-control .item,.carousel-inner{
-webkit-transition: 0.8s all ease;
 -moz-transition: 0.8s all ease;
 -o-transition: 0.8s all ease;
 -ms-transition: 0.8s all ease;
 transition: 0.8s all ease;
}

.top_img {
 text-align:center;
 background-color:#FFF;
 background-repeat: no-repeat;
 background-position: center center;
 
}

.big_top_img {
 background-image: url(../img/top_img.jpg);
 width:100%;
 height:210px;
 margin:0 auto;
 top: 0px;
 
 background-repeat: repeat;
 background-position: center top;
}



 @media (min-width:768px) {
 .row, .row-index {
 width:100%;
 margin:40px auto;
}



.top_img_index{ display: none}

}
 @media (min-width:960px) {
 .row {
 width:100%;
 max-width:1000px;
 margin:40px auto;
}
 .row-index {
 width:100%;
 max-width:1000px;
 margin:40px auto;
}

.top_img_index{ display:block;}
}
 @media (max-width: 768px) {
 .row, .row-index {
 width:98%;
 margin:0 auto;
}


.top_img_index{ display: none}

}

.nav_bar {
 position:relative;
 
 width:100%;

 font-size:120%;
 background-color:#1463b2;
 height:44px;
 margin: 0px auto;
 z-index:9999999;
}
.bymcc-homeimg {
 padding:8px;

}
#nav .mainlevel {
 float:left;
 text-align:center;
 line-height:36px;
}
#nav .mainlevel img{
 margin:8px auto;
 }

#nav .mainlevel a {
 color:#fff;
 text-decoration:none;
 display:block;
 padding:4px 20px;
 font-size:100%;
 font-weight: bold;
}
#nav .mainlevel a:hover, #nav .mainlevel a.cur {
 color:#000;
 text-decoration:none;
 background:#4188ca;
 font-weight: bold;
}
#nav .mainlevel ul {
 display:none;
 position:absolute;
 list-style-type: none;
}
#nav .mainlevel li {
 position：relative； font-weight: bold;
 background:#4188ca;
}
#nav .mainlevel #nav2 {
 position:absolute;
 list-style-type: none;
 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .3);
 box-shadow: 0 6px 12px rgba(0, 0, 0, .3);
}
#nav .mainlevel #nav2 li {
 position：relative;
 font-weight: bold;
 background:rgba(65, 136, 202, 0.85);
 border-top:#fff solid thin;
 margin-left:-40px;
}
#nav .mainlevel #nav2 a {
 color:#fff;
 text-decoration:none;
 display:block;
 padding:2px 60px 2px 20px;
 font-size:100%;
 font-weight: bold;
}
#nav .mainlevel #nav2 a:hover, #nav .mainlevel #nav2 a.cur {
 color:#fff;
 background:rgba(20, 99, 178, 0.7);
}
.Language {
 position:absolute;
 color:#FFF;
 top:6px;
 float:right;
 width:160px;
 height:30px;
 right:10px;
 font-size:80%;
 text-align:right;
 line-height:40px;
}
.menu_mini {
 position: absolute;
 font-size:26px;
 color:#FFF;
 top:6px;
 float:right;
 right:10px;
 width:160px;
 height:30px;
 text-align:right;
 line-height:40px;
 cursor:pointer;
}
.logo_min {
 display: none;
}


 @media (min-width:768px) {
.top_img {
 display: none;
 background-image: url(../img/top_img.jpg);
 margin:0 auto;
 top: 0px;
}
 .top_img_2{ display:none;}
.Language {
display: block;
}
 #nav {
 display:block;
 margin:0px 30% auto auto;
 width:768px;
 height:44px;
 line-height:44px;
 list-style-type: none;
}


 .menu_mini {
display: none;
}
 #Carousel {
display: block;
}
}
 @media (max-width:960px) {
 .top_img {
  position:relative;
  display: none;
 width:100%;

 background-image: url(../img/top_img_2.jpg);
 background-size:100% auto;

 top: 0px;
}
 .top_img_2{ display: block; width:100%; height:auto;}
 .Language {
display:none;
}
 #nav {
 display:block;
 margin:0px auto;
 width:100%;
 height:40px;
 line-height:44px;
 margin-bottom:50px;
 list-style-type: none;
}

.menu_mini {
display:block;
}


.menu_mini .icon-1 a:hover {
color:#fff;
background-color:#4188ca;
background-image: url(../img/menu_mini_icon_2.jpg);
 background-repeat: no-repeat;
 background-position: 6px 0; 
}
.menu_mini .icon-2 a:hover {
color:#fff;
background-color:#4188ca;
background-image: url(../img/menu_mini_icon_2.jpg);
 background-repeat: no-repeat;
 background-position: 6px -52px;
}
.menu_mini .icon-3 a:hover {
color:#fff;
background-color:#4188ca;
background-image: url(../img/menu_mini_icon_2.jpg);
 background-repeat: no-repeat;
 background-position: 6px -78px;
}
.menu_mini .icon-4 a:hover {
color:#fff;
background-color:#4188ca;
background-image: url(../img/menu_mini_icon_2.jpg);
 background-repeat: no-repeat;
 background-position: 6px   -104px;
}
.menu_mini .icon-5 a:hover {
color:#fff;
background-color:#4188ca;
background-image: url(../img/menu_mini_icon_2.jpg);
 background-repeat: no-repeat;
 background-position: 6px   -130px; 
}
.menu_mini .icon-6 a:hover {
color:#fff;
background-color:#4188ca;
background-image: url(../img/menu_mini_icon_2.jpg);
 background-repeat: no-repeat;
 background-position: 6px  -156px;
}
.menu_mini .icon-7 a:hover {
color:#fff;
background-color:#4188ca;
background-image: url(../img/menu_mini_icon_2.jpg);
 background-repeat: no-repeat;
 background-position: 6px   -182px;
}
.menu_mini .icon-8 a:hover {
color:#fff;
background-color:#4188ca;
background-image: url(../img/menu_mini_icon_2.jpg);
 background-repeat: no-repeat;
 background-position: 6px   -208px;
}

.icon-1 {
 background-image: url(../img/menu_mini_icon.jpg);
 background-repeat: no-repeat;
 background-position: 6px 0; 
}
.icon-2 {
 background-image: url(../img/menu_mini_icon.jpg);
 background-repeat: no-repeat;
 background-position: 6px -52px;
}
.icon-3 {
 background-image: url(../img/menu_mini_icon.jpg);
 background-repeat: no-repeat; 
 background-position: 6px -78px;
}
.icon-4 {
 background-image: url(../img/menu_mini_icon.jpg);
 background-repeat: no-repeat;
 background-position: 6px   -104px;
}
.icon-5 {
 background-image: url(../img/menu_mini_icon.jpg);
 background-repeat: no-repeat;
 background-position: 6px   -130px; 
}
.icon-6 {
 background-image: url(../img/menu_mini_icon.jpg);
 background-repeat: no-repeat;
 background-position: 6px  -156px;
}
.icon-7 {
 background-image: url(../img/menu_mini_icon.jpg);
 background-repeat: no-repeat; 
 background-position: 6px   -182px;
}
.icon-8 {
 background-image: url(../img/menu_mini_icon.jpg);
 background-repeat: no-repeat;
 background-position: 6px   -208px;
}


}




#Carousel {
 overflow:hidden;
}
.carousel-fade .carousel-inner .item {
 
 overflow:hidden;
 text-align:center;
 width:100%;
 margin:0 auto;
}
 @media (max-width:960px) {
 .mainlevel {
display:none;
}
.btn-group,, btn {
display:block;
}
}
@media (min-width:960px) {
.mainlevel {
display: block;
}
.btn-group, .btn {
display:none;
}
 .btn-group, .btn {
 display:none;
}
}
.item .title {
 position:absolute;
 bottom: -5px;
 font-size: 120%;
 height:50px;
 line-height: 40px;
 left: 0;
 width:100%;
 background-color:rgba(255, 255, 255, 0.7);
 text-align:center;
 padding:0;
 margin:0;
}
.item .title span {
 margin-right:6px;
}
.title span.active {
 opacity: 1;
 transform: translateX(0);
 -webkit-transform: translateX(0);
}
.item .title:hover {
 background-color:rgba(255, 255, 255, 0.9);
 height:80px;
 line-height: 60px;
}
.item a {
 color: #222;
 text-decoration: none;
 text-shadow: 0 1px 2px rgba(255, 255, 255, 1);
 line-height: 60px;
}
.item a:hover, .item a.cur {
 color: #222;
 text-decoration: none;
}

.blog-post {
 position: relative;
 margin:33px;
 overflow: hidden;
 background-color:#FFF;
 min-height:260px;
 max-height:500px;
 

}
 @media (max-width:768px) {
.blog-post {
margin:30px 0px;
}
}
.blog-thumb {
 overflow: hidden;
 position: relative;
}
.share {
 position:absolute;
 top:0px;
 background-color:#1463b2;
 text-align:right;
 width:100%;
 height:40px;
 padding:8px 20px;
 display:none;
 z-index:99;
}
.bdsharebuttonbox {
 cursor:pointer;
}
.blog-post:hover >.share {
 display:block;
}
.blog-thumb img {
 width: 100%;
 border-top-width: 8px;
 border-top-style: solid;
 border-top-color: #1463b2;
}
.blog-content {
 position: absolute;
 overflow:hidden;
 bottom:0;
 left: 0;
 width: 100%;
 height:44px;
 background-color: rgba(255, 255, 255, 0.9);
 color: #000;
 text-align:center;
 padding: 0 15px;
 -webkit-transition: 0.6s all ease;
 -moz-transition: 0.6s all ease;
 -o-transition: 0.6s all ease;
 -ms-transition: 0.6s all ease;
 transition: 0.6s all ease;
}

.blog-content h4{
 color:#39F;
}

.blog-post:hover >.blog-content {
 padding-top:20px;
}
.Column {
 color:#666;
 font-size:80%;
}
.content-show a {
 
 font-size: 16px;
 font-weight: 700;
 color: #222;
 text-transform: uppercase;
 text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);
}
.content-hide {
 display:none;
 margin-top:10px;
 font-size:95%;
 line-height:150%;
 z-index:99999;
 text-align:left;
 color: #000;
}
.list_album_nav {
 max-width:1200px;
 margin:0 auto;
}
.list_album_nav ul {
 width:100%;
 list-style-type: none;
}
.list_album_nav a {
 color:#222;
 font-size:14px;
}
.list_album_nav h5 {
 display:none;
}
.list_album_nav ul li {
 font-size:14px;
 line-height:30px;
 margin:10px;
 float:left;
}
.list_album_nav h5 {
 color:#888;
 font-weight: bolder;
}
.list_album_nav li {
 list-style-type: none;
}
.list_album_nav .list-norm a {
 color:#888;
 padding-left:6px;
 line-height:26px;
 font-size:90%;
 border-left-width: 0px;
 border-left-style: solid;
 border-left-color: #FFF;
}
.list_album_nav .list-norm a:hover {
 color:#888;
 padding-left:6px;
 line-height:26px;
 font-size:90%;
 border-left-width: 12px;
 border-left-style: solid;
 border-left-color: #4992e8;
 text-decoration: none;
}




.list-Column {
 margin:0 auto;
 height:70px;
 background-color:#d7dadd;
 background-image: url(../img/logo_min_black.png);
 background-repeat: no-repeat;
 background-size:279px 44px;
 background-position: 30px center;
 text-align:center;
 line-height:70px;
 padding:15px 0;
 color:#4992e8;
 font-weight: bolder;
}
 @media (max-width:768px) {
 .list-Column {
 display:none;
}
 .list-left ul {
 clear:both;
 margin:10px;
 padding:0;
 float: none;
 width:100%;
}
.list-left h5, .sub-title {
display:none;
}
.list-left ul, .list-left h5, .list-present, .list-left .list-norm {
float:left;
margin-right:10px;
line-height:30px;
}
 .list-right {
 clear:both;
 float: none;
 width:100%;
}
 .list-right ul {
clear:both;
padding:0;
margin:20px 6px;
}
}
 @media (min-width:767px) {
 .list-Column {
width:1200px;
}
.list-left {
 float:left;
 width:15%;
}
.list-right {
 float:right;
 width:80%;
}
}
.list-left h5 {
 color:#888;
 font-weight: bolder;
}
.list-left li {
 list-style-type: none;
}
.list-left .list-norm a {
 color:#888;
 padding-left:6px;
 line-height:26px;
 font-size:90%;
 border-left-width: 0px;
 border-left-style: solid;
 border-left-color: #FFF;
}
.list-left .list-norm a:hover {
 color:#888;
 padding-left:6px;
 line-height:26px;
 font-size:90%;
 border-left-width: 12px;
 border-left-style: solid;
 border-left-color: #4992e8;
 text-decoration: none;
}
.list-present a {
 color:#888;
 padding-left:6px;
 line-height:26px;
 font-size:90%;
 border-left-width: 3px;
 border-left-style: solid;
 border-left-color: #4992e8;
 text-decoration: none;
}
.list-present a:hover {
 text-decoration: none;
}
.list-right .sub-title {
 width:100%;
 height:36px;
 line-height:36px;
 color:#000;
 font-size:120%;
 border-bottom:#4188ca solid 1px;
}
.list {
 margin:30px 0 30px 0;
 list-style-type: none;
}
.list li {
 clear:both;
 width:100%;
 height:30px;
 padding:8px;
}
.list li a {
 color:#000;
}
.list li a:hover {
 text-decoration: none;
}
.list li:hover {
 background-color:#F5F5F5;
 border-left:#069 6px solid;
}
.list-date {
 color:#888;
 float:right;
 font-size:80%;
 margin-right:10px;
 margin-top:5px;
}
.list .list-li :hover, .list .list-li :hover>a {
 color:#000;
 background-color:#e0e0e0;
 text-decoration: none;
}

.list-page {
 clear:both;
 width:100%;
 text-align:center;
}


.list-user {
 margin:30px 0px;
 padding:0;
 list-style-type: none;
}
.list-user li {
 width:142px;
 margin:30px 10px;
 padding:10px;
 float:left;
}
.list-user p {
 height:20px;
 line-height:20px;
}
.list-user img {
 width:100%;
 height:auto;
 margin-bottom:10px;
 border: thin solid #e0e0e0;
 -moz-border-radius: 4px; 
 -webkit-border-radius: 4px; 
 border-radius: 4px; 
 -moz-box-shadow: 6px 6px 12px #e0e0e0; 
 -webkit-box-shadow: 6px 6px 12px #e0e0e0; 
 box-shadow: 6px 6px 12px #e0e0e0; 
 behavior: url(ie-css3.htc); 
}


.list-download {
 margin:30px 0px;
 padding:0;
 list-style-type: none;
}
.list-download li {
 width:26%;
 margin:30px 10px;
 padding:10px;
 float:left;
 -moz-border-radius: 4px; 
 -webkit-border-radius: 4px; 
 border-radius: 4px; 
 border: thin solid #fff;
}
.list-download li:hover {
 background-color:#e6e6e6;
 border: thin solid #fff;
 -moz-border-radius: 4px; 
 -webkit-border-radius: 4px; 
 border-radius: 4px; 
 -moz-box-shadow: 6px 6px 12px #e0e0e0; 
 -webkit-box-shadow: 6px 6px 12px #e0e0e0; 
 box-shadow: 6px 6px 12px #e0e0e0; 
 behavior: url(ie-css3.htc); 
}
.list-download p {
 height:20px;
 line-height:20px;
 color:#000;
 text-decoration:none;
}
.list-download a:hover {
 text-decoration:none;
}
.list-download img {
 width:100%;
 height:auto;
 margin-bottom:10px;
 -moz-border-radius: 12px; 
 -webkit-border-radius: 12px; 
 border-radius:12px; 
}


.list-schoolmate {
 margin:30px 0px;
 padding:0;
 list-style-type: none;
}
 @media (min-width:640px) {
.list-schoolmate li {
width:45%;
}
}
 @media (min-width:960px) {
.list-schoolmate li {
width:23.5%;
}
}
 @media (max-width:640px) {
.list-schoolmate li {
width:100%;
}
}
.list-schoolmate li {
 position:relative;
 text-align:center;
 margin:30px 10px 10px 2px;
 height:300px;
 overflow:hidden;
 float:left;
 border:12px solid #fff;
 -moz-border-radius: 4px; 
 -webkit-border-radius: 4px; 
 border-radius: 4px; 
}
.list-schoolmate li:hover {
 border:1px solid #fff;
 -moz-box-shadow: 6px 6px 12px #e0e0e0; 
 -webkit-box-shadow: 6px 6px 12px #e0e0e0; 
 box-shadow: 6px 6px 12px #e0e0e0; 
 behavior: url(ie-css3.htc); 
}
.list-schoolmate img {
 width:auto;
 height:auto;
}
.picture-title {
 position:absolute;
 color:#000;
 bottom:0px;
 background:rgba(255, 255, 255, 0.8);
 width:100%;
 padding:10px;
 text-align:center;
 text-decoration: none;
}


.mainbody {
 padding:20px 10px;
 color:#555;
 line-height:24px;
}
.news-title {
 width:100%;
 padding:0 10px;
 height:36px;
 line-height:36px;
 color:#000;
 font-weight:700;
 border-bottom:#4188ca solid 1px;
}
.author {
 margin:8px 0;
 font-size:80%;
}
.author span {
 margin:0 4px 0 10px;
}
.mainbody img {
 margin:10px 0;
}
 @media (max-width:768px) {
 .mainbody img {
width:100%;
height:auto;
}
}

.foot {
 clear:both;
 position:absolute;
 margin:0px;
 width:100%;
 padding-top:40px;
 color:#FFF;
 background-color:#1463b2;
}
 @media (max-width:768px) {
 .qrcode {
 position:relative;
 text-align:center;
width:80px;
margin:30px auto;
float: none;
}
 .address {
 margin-bottom:50px;
 text-align:center;
}
}
@media (min-width:768px) {
 .address {
 position:relative;
 width:700px;
 margin: 50px auto 50px auto;
 text-align:center;
}
 .address span {
line-height:50px;
height:50px;
}
 .qrcode {
 position:absolute;
 top:-55px;
 right:70px;
 width:80px;
}
}
.qrcode img {
 width:100%;
}
.foot_bar {
 background-color:#053256;
 width:100%;
 height:60px;
 padding-top:10px;
 text-align:center;
 margin-top:40px;
 text-align:center;
}