@charset "UTF-8";
/* 
-webkit-: chrome, safari, ios-safari, android;
-moz-: firefox;
-o-: opera;
-ms-: IE;
*/
/* ============================================================================= */
@font-face {
  font-family: 'logo_icon';
  src:  url('../fonts/logo_icon.eot?snsrp8');
  src:  url('../fonts/logo_icon.eot?snsrp8#iefix') format('embedded-opentype'),
    url('../fonts/logo_icon.ttf?snsrp8') format('truetype'),
    url('../fonts/logo_icon.woff?snsrp8') format('woff'),
    url('../fonts/logo_icon.svg?snsrp8#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
.logo_icon:before{font-family: 'logo_icon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;
  -webkit-font-smoothing: antialiased;  /* Better Font Rendering =========== */
  -moz-osx-font-smoothing: grayscale;    /* Better Font Rendering =========== */
	content: "\e900";
  }
* {margin: 0; padding: 0;}
html { margin: 0px; padding: 0px; font-style: normal !important; }
html, body {color: #727171; font-family: "Helvetica Neue", Helvetica, sans-serif, "Microsoft YaHei", Arial; text-decoration: none; -webkit-font-smoothing: antialiased; height: 100%;}
/*---------------------------------------------*/
h1 {font-size: 48px; font-weight:600; color: #004a97; margin-bottom: 1em; line-height: 1.5em;padding: 0px; margin: 0px;}
h2 {font-size: 24px; font-weight:600; color: #004a97; margin-bottom: 1em; line-height: 1.5em;padding: 0px; margin: 0px;}
h3 {font-size: 16px; font-weight:600; color: #004a97; margin-bottom: 1em; line-height: 1.5em; padding: 0px; margin: 0px;}
h4 {font-size: 24px; font-weight:300; color: #000; margin-bottom: 0.5em; line-height: 1.5em;padding: 0px; margin: 0px;}
p {font-size: 14px; font-weight:300; color: #727171;margin-bottom: 1em; line-height: 1.5em;padding: 0px; margin:0px;}
/*---------------------------------------------*/
dl, dd, dt { margin: 0px; padding: 0px;}
ul, ol, li {margin: 0px;  padding: 0px; list-style-type: none;}
/*---------------------------------------------*/
hr {border-top: solid 1px #838181; margin-top: 0px; border-bottom: 0px; border-left: 0px; border-right: 0px; margin-bottom: 15px;}
/*---------------------------------------------*/
input, textarea, form {margin: 0px; padding: 0px; color: #666666; font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "\9ED1\4F53", Arial, sans-serif;}
input, textarea {font-weight: normal; color: #333333; margin: 0px; padding: 0px;}
/*---------------------------------------------*/
span, img {margin: 0px; padding: 0px; border: 0px; vertical-align: top;}
/*---------------------------------------------*/
table, th, td {font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "\9ED1\4F53", Arial, sans-serif; line-height: normal;  margin: 0px; padding: 0px;  color: #333333;}
th {font-size: 1em;}
td {font-size: 1em;}
/*---------------------------------------------*/
a {color: #727171; text-decoration: none; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .3s; transition-duration: .3s;  -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .3s; transition-duration: .3s;}
a:hover {color: #004a98; text-decoration: none; opacity: 0.85;}
a:active {color: #004a98;text-decoration: none;}
a:focus{text-decoration: none;}
a,img,button,input,textarea,div{-webkit-tap-highlight-color:rgba(255,255,255,0); -webkit-tap-highlight:rgba(255,255,255,0); -webkit-text-size-adjust:none;}
/*---------------------------------------------*/
.bottom60{margin-bottom: 60px;}
.text_center{text-align: center}
.blue_text{color: #004a98;}
.warpper_bg{background-color: #f2f6fa;}
/*---------------------------------------------*/
.topper{background-color: #004a98; padding: 10px 0;}
.topper .logo_icon{font-size: 50px; color: #fff; margin: 0px; padding: 0px;}
.banner{}
.menubar{margin-bottom: 60px; width: 100%; overflow: hidden; position: relative;}
.menubar ul{width: 932px; margin: 0px auto;}
.menubar ul li{float: left; width: 25%;}
.menubar ul li a{display: block; width:100%; text-align: center; padding: 40px 0px; color: #fff;}
.menubar ul .nav1 a{background-color: #dadadb; color: #474342;}
.menubar ul .nav2 a{background-color: #4296c7;}
.menubar ul .nav3 a{background-color: #007cbc;}
.menubar ul .nav4 a{background-color: #004a98;}
.warpper{padding: 80px 0px;}
.warpper h2{text-align: center; background: url(../images/h2_bg.png) no-repeat center bottom; padding-bottom: 15px; margin-bottom: 2em;}
.activity_bar .item {margin-bottom: 30px;}
.activity_bar .item .text{background-color: #fff; padding: 30px; height: 130px;}
.activity_bar .item .text h3{color: #595757; font-size: 16px; margin-bottom: 5px; font-weight: 600; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.video_bar .video_thumb{position: relative; width: 910px; margin: 20px auto;}
.video_bar .btn{position: absolute; left: 50%; top:50%; margin-left: -50px; margin-top: -100px;}
.video_bar h3{text-align: center; font-size: 18px; color: #615f5f;}
.picture_bar .thumb{margin-bottom: 20px;}
.picture_bar .icon{text-align: center}
.picture_bar .icon span{display: block; font-size: 18px; color: #004a97;}
.footer_bar{background: url(../images/footer_bg.jpg) no-repeat; background-size: cover; padding: 60px 0px;}
.footer_bar .text{font-size: 10px; color: #fff;}
.activity_popup{position: fixed; width: 100%; height: 100%; left: 0px; top:0px; background-color: #fff; z-index: 9999; overflow: scroll;}
.activity_popup .close_icon{position: absolute; top:30px; right: 30px;}
.activity_popup .detail_content{padding: 50px 0px;}
.detail_content .title{border-bottom: solid 1px #838181; margin-bottom: 40px; padding-bottom: 15px; text-align: center;}
.detail_content .title h1{font-size: 24px; margin-bottom: 15px;}
.detail_content .title .time span{margin: 10px;}
.detail_content .big_pic{margin-bottom: 40px;}
.detail_content p{margin-bottom: 1.5em; text-indent: 2em;}
.detail_content .next{width: 100%; overflow: hidden; position: relative; border-top: solid 1px #838181; padding-top: 10px; margin: 30px 0px;}
.detail_content .next a{float: left; color: #727171;}
.detail_content .next span{float: right;}

.news_detail .title{margin-bottom: 30px; border-bottom: solid 1px #838181;}
.news_detail .title h2{border-bottom: none; margin-bottom: 0px;}
.news_detail .title .time{text-align: center; margin-bottom: 15px;}
.news_detail .title .time span{margin: 0px 10px;}
.news_detail .pic{margin-bottom: 30px;}
.news_detail p{margin-bottom: 1.5em; text-indent: 2em;}
.news_detail img{max-width: 100%;}
.crumb{margin-bottom: 70px;}
.breadcrumb{background-color: transparent; border-left: solid 4px #004a97; border-radius: 0px; padding: 0px 10px; font-size: 16px; margin-bottom: 10px; font-family:'Glyphicons Halflings';}
.breadcrumb>li+li:before{padding:0 0px;color:#ccc; content:"\e258"; font-size: 14px; margin: 5px 5px 0px -10px;}

@media (max-width: 1200px){
	
	
}
	
@media screen and (min-width: 768px) and (max-width: 992px){
	.video_bar .video_thumb{width: auto;}
}	
	

	
@media (max-width:767px) {
.warpper{padding: 30px 0px;}
.banner{margin: 0px -15px;}
.activity_popup .close_icon{position: static; text-align: right;}
.detail_content .title h1{font-size: 16px; margin-bottom: 15px;}
.video_bar .video_thumb{width: auto;}
  .topper .container img{width:100%;}
}