header {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 8848;
 }
 
 #main-nav {
     z-index: 8848;
     float: right;
 }
 .lan_2{
	display:none;
		float:left;
		
	}
 .earth {
     margin-top: 8px;
     margin-left: 10px;
     width: 28px;
     height: 28px;
     display: block;
     background-size: 100% 100%;
     float: left;
 }
 
 .lan_icon {
     font-size: 16px;
     color: #4f5baf;
     margin-top: 14px;
     float: left;
     margin-left: 5px;
 }
 
 .container-fluid {
     padding: 0;
 }
 
 .banner img {
     width: 100%;
     height: 568px;
 }
 
 .banner {
     height: 568px;
 }
 
 .pc_banner .swiper-container {
     height: 568px;
 }
 
 .pc_banner .swiper-container .swiper-slide {
     height: 568px;
 }
 
 .swiper-container {
     width: 100%;
 }
 
 .tran {
     transition: all 0.6s ease;
     -moz-transition: all 0.6s ease;
     -webkit-transition: all 0.6s ease;
     -o-transition: all 0.6s ease;
 }
 
 .top {
     background: #ffffff!important;
	 -moz-box-shadow:0px 2px 3px #525252; -webkit-box-shadow:0px 2px 3px #525252; box-shadow:0px 2px 3px #525252;
 }
 .top .navbar-nav > li > a{
	color:#333333;
	
 }
 .top .navbar-nav > li > a:hover{
	color:#ffffff;
 }
 .top1 {
     background: none;
 }
 /* banner css */
 
 .swiper-pagination-bullet {
     background: #ffffff;
     opacity: 1;
     width: 8px;
     height: 8px;
 }
 
 .swiper-pagination-bullet-active {
     width: 12px;
     height: 12px;
     border: 1px solid #8580c1;
 }
 
 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {}
 
 .swiper-pagination {
     padding: 2px 0;
 }
 
 .index-col {
     border-radius: 8px;
 }
 
 .index-main img {
     width: 100%;
     border-radius: 8px;
 }
 
 .index-main .index_project a {
     width: 100%;
     display: block;
     border-radius: 8px;
 }
 
 .index_project {
     border-radius: 10px;
     overflow: hidden;
 }
 
 .zz {
     width: 100%;
     height: 100%;
    /*  background-color: rgba(10, 20, 87, 0.3); */
    /*  filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#4c0a1457, endcolorstr=#4c0a1457); */
     /* 兼容IE8一下的rgba */
     top: 0;
     left: 0;
 }
 
 .index-content {
     width: 100%;
 }
 
 .index-bt {
     color: #ffffff;
     font-size: 28px;
     margin-bottom: 10px;
 }
 
 .index-bt-en {
     font-size: 15px;
     color: #ffffff;
 }
 
 .index-col:nth-of-type(1) .index-content {
     top: 60px;
     left: 0;
 }
 
 .index-col>.index_project a:hover>.zz {
     background-color: rgba(10, 20, 87, 0)!important;
 }
 
 .index-col:nth-of-type(2)>.index_project:nth-of-type(1) .index-content {
     top: 105px;
     left: 0;
 }
 
 .index-col:nth-of-type(2)>.index_project:nth-of-type(1) {
     margin-bottom: 10px;
 }
 
 .index-col:nth-of-type(2)>.index_project:nth-of-type(2) .index-content {
     top: 60px;
     left: 0;
 }
 
 .index-col:nth-of-type(3)>.index_project:nth-of-type(1) {
     margin-bottom: 10px;
 }
 
 .index-col:nth-of-type(3)>.index_project:nth-of-type(1) .index-content {
     top: 60px;
     left: 0;
 }
 
 .index-col:nth-of-type(3)>.index_project:nth-of-type(2) .index-content {
     top: 105px;
     left: 0;
 }
 
 .main-icon {
    /*  background: url(../images/main_right_03.png) no-repeat;
     width: 16px;
     height: 25px; */
	 font-size:25px;
     display: block;
     margin: 25px auto
 }
 
 main {
     z-index: 45;
     width: 100%;
     background: url(../images/main-bg_02.jpg) no-repeat center;
    
 }
 
 footer {
     margin-top: 120px;
     height: 345px;
     background: url(../images/foot_bg_02.png) no-repeat center;
 }
 
 .foot {
     padding-top: 150px;
 }
 
 .foot .white {
     color: #ffffff
 }
 
 .foot p {
     font-size: 14px;
     color: #Ffffff;
 }
 .foot p a{
 color:#ffffff;
 }
 .foot .left,
 .foot .mid,
 .foot .right {
     padding-left: 80px;
 }
 
 .foot .left .bt {
     font-size: 22px;
 }
 
 .foot .left .bt-en {
     font-size: 16px;
 }
 
 .foot .mid p:first-child {
     font-size: 18px;
 }
 
 .foot .mid p {
     line-height: 25px;
 }
 
 .foot .right {
     text-align: center
 }
 
 .foot .right p {
     font-size: 18px;
     line-height: 45px;
 }
 /* 表音汉字 */
 
 .inslide_nav {
     line-height: 80px;
     background: #f7f7f7;
 }
 
 .inslide_nav li {
     float: left;
 }
 
 .inslide_nav li a {
     padding: 0 40px;
     margin-top: 18px;
     height: 44px;
     line-height: 44px;
     border-radius: 5px;
     display: block;
     font-size: 16px;
     color: #666666;
 }
 
 .inslide_nav li a.active {
     background: #4f5baf;
     color: #ffffff;
 }
 
 .place img {
     margin-top: 22px;
     margin-right: 10px;
 }
 
 .place p {
     color: #999999
 }
 
 .place p a {
     color: #999999
 }
 
 .place p .this {
     color: #4f5baf;
 }
 
 .inslide-bt {
     padding-left: 100px;
     height: 79px;
     /* text-align: center; */
     line-height: 75px;
     width: 281px;
     font-size: 30px;
     font-weight: bold;
     color: #ffffff;
     background-size: 100% 100%
 }
 
 .panel {
     border: none;
 }
 
 .panel-default>.panel-heading {
     height: 88px;
     line-height: 88px;
    background: #dcdffa;
     padding: 0 30px 0 40px;
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
 }
 
 .panel-default>.panel-heading .panel-title a {
     font-size: 30px;
     font-weight: bold;
     color: #ff6c6c;
     height: 88px;
     width: 100%;
	 overflow:hidden;     white-space:nowrap;  text-overflow:ellipsis;
     display: block;
     line-height: 88px;
 }
 
 .inslide-main p{
 text-indent: 0!important;
 }
 .panel-default>.panel-heading .panel-title a::before {
     content: "▶";
     height: 88px;
     line-height: 88px;
     color: #ff6c6c;
     margin-right: 10px;
 }
 
 .panel-default>.panel-heading .panel-title a::after {
     content: "＋";
     height: 88px;
     line-height: 88px;
     color: #ff6c6c;
     margin-right: 10px;
     float: right;
 }
 
 .panel-collapse {
     background: #4f5baf;
     border-bottom-left-radius: 10px;
     border-bottom-right-radius: 10px;
 }
 
 .panel-group .panel-heading+.panel-collapse>.list-group,
 .panel-group .panel-heading+.panel-collapse>.panel-body {
     border: none;
     padding: 40px;
     font-size: 18px;
     color: #ffffff;
 }
 
 .panel1 {
     background: #f77b7b!important;
 }
 
 .panel1 a {
     color: #ffffff!important
 }
 
 .panel1 a::before {
     color: #ffffff!important;
 }
 
 .panel1 a::after {
     content: "×"!important;
     color: #ffffff!important;
 }
 
 .panel-group .panel {
     margin-bottom: 20px;
 }
 /* download */
 
 .download_intro {
     border: 1px solid #ededed;
     box-sizing: border-box;
     padding: 0 15px;
     background: #f7f7f7;
     height: 415px;
 }
 
 .download_intro h2 {
     line-height: 68px;
     border-bottom: 1px solid #ededed;
 }
 
 .download_intro p {
     line-height: 30px;
     color: #666666;
 }
 
 .down_btn {
     width: 240px;
     line-height: 66px;
     color: #ffffff;
     border-radius: 10px;
     background: #4f5baf;
     display: block;
     font-size: 20px;
     text-align: center;
     margin-top: 25px;
 }
 
 .down_btn:hover {
     color: #ffffff;
 }
 
 .down_btn img {
     margin-top: 20px;
     margin-right: 15px;
 }
 
 .news li {
     border: 1px solid #eeeeee;
     padding: 30px 15px;
     height: 140px;
     margin-bottom: 30px;
 }
 
 .news .time {
     border-right: 1px solid #eeeeee;
     padding-right: 35px;
 }
 
 .news .time .month {
     line-height: 50px;
     font-size: 36px;
     color: #666666;
     text-align: right
 }
 
 .news .time .year {
     font-size: 18px;
     color: #666666;
     text-align: right;
     line-height: 30px;
 }
 
 .news .news-bt {
     color: #333333;
     font-size: 18px;
     font-weight: bold;
     margin-bottom: 12px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
 
 .news .news-content {
     color: #666666;
     font-size: 14px;
     line-height: 25px;
     height: 50px;
     overflow: hidden;
 }
 
 .phone_time {
     display: none;
     line-height: 20px;
     color: #666666;
 }
 
 .news li:hover {
     border: 1px solid #4f5baf;
 }
 
 .news li:hover .time {
     border-right: 1px solid #4f5baf
 }
 
 .news li:hover .news-bt {
     color: #4f5baf
 }
 
 .page {
     line-height: 80px;
     text-align: center;
     font-size: 30px;
 }
 
 .case img {
     height: 260px;
 }
 
 .case li {
     margin-bottom: 50px;
 }
 
 .case .time {
     line-height: 50px;
 }
 
 .case .time img {
     width: 14px;
     height: 14px;
     margin-top: 18px;
 }
 
 .case h3 {
     font-weight: bold;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     margin-bottom: 20px;
 }
 
 .case .case-content {
     color: #666666;
     font-size: 14px;
     line-height: 25px;
     height: 75px;
     overflow: hidden;
 }
 
 .case ul::after {
     content: "";
     display: block;
     clear: both;
 }
 
 .friend li {
 /*     height: 248px; */
     padding: 40px 0;
     overflow: hidden;
     border-bottom: 1px dashed #e1e1e1;
 }
 
 .friend li a {
     width: 100%;
     display: block;
 }
 
 .friend li div {
     padding: 10px 0;
 }
 
 .friend li .fri_img {
   /*   height: 168px; */
 }
 
 .friend li .bt {
     color: #4f5baf;
     font-size: 18px;
     font-weight: bold;
     margin-bottom: 20px;
     text-overflow: ellipsis;
     white-space: nowrap;
     margin-bottom: 20px;
 }
 
 .friend li .content {
     color: #666666;
     font-size: 14px;
     line-height: 25px;
     height: 75px;
     overflow: hidden;
 }
 
 .friend li .time {
     margin-top: 15px;
 }
 
 .del {
     padding: 35px 0 30px 0;
     text-align: center;
     border-bottom: 1px solid #e1e1e1;
 }
 
 .del h1 {
     font-size: 26px;
     font-weight: bold;
     color: #333333;
     margin-bottom: 30px;
 }
 
 .return {
     margin: 50px auto;
     width: 162px;
     border: 1px solid #666666;
     color: #666666;
     text-align: center;
     font-size: 16px;
     line-height: 48px;
     height: 48px;
     display: block;
     border-radius: 10px;
 }
 
 .return:hover {
     color: #666666;
 }
 
 .contact h3 {
     font-size: 30px;
     font-weight: bold;
 }
 
 .contact h3::before {
     content: "";
     display: block;
     float: left;
     width: 3px;
     height: 26px;
     margin-top: 7px;
     margin-right: 20px;
     background: #4f5baf;
 }
 
 .contact p {
     line-height: 50px;
     font-size: 16px;
     color: #666666
 }
 
 .contact p strong {
     color: #333333;
 }
 
 .contact p img {
     vertical-align: middle;
 }
 
 .contact h4 {
     font-size: 16px;
 }

 .jieshuyu p {
	margin-top:15px;
	font-size:18px;
}