* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.main { max-width:1200px !important; margin:0 auto !important;}
body,html { width:100%; height:100%; word-wrap:break-word; }

.header { padding: 20px 0px; }
.header .logo { float: left; }
.header .fr { float: right; }
.header .search { text-align: right; position: relative; display: block; }
.header .search .txt { width: 240px; height: 40px; border: 1px solid #e2e2e2; line-height: 40px; padding: 0px 10px; padding-right: 60px; }
.header .search .but { width: 40px; height: 40px; background:#195bae url(../images/img2.png) no-repeat center center; position: absolute; right:0px; top: 0px; }




.header .nav { margin-top: 20px; display: block; }
.header .nav a { background: url(../images/img3.png) no-repeat right center; padding-right: 20px; margin-right: 10px }
.header .nav a:hover { color: #195bae; }
.header .nav .dow { background: url(../images/img4.png) no-repeat right center; margin-right: 0px; }

.m_nav { background: #195bae; height: 60px; line-height: 60px; }
/*.m_nav a { font-size: 18px; color: #fff; font-weight: bold; font-family: 'Constantia'; float: left;  width: 16.66%; text-align: center; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; }
.m_nav a:hover,.m_nav a.active { background: #447abd; }
.m_nav a:last-child { margin-right: 0px; }*/

.banner .swiper-slide { height: 560px; } 
.banner .swiper-pagination-bullet { width:10px; height:10px; background:#fff; margin: 0px 7px !important; border-radius:50%; margin:0px 4px; opacity:0.6; outline:none; }
.banner .swiper-pagination-bullet-active { background:#fff; opacity: 1; }


.phone_banner .swiper-pagination-bullet { width:10px; height:10px; background:#fff; margin: 0px 7px !important; border-radius:50%; margin:0px 4px; opacity:0.6; outline:none; }
.phone_banner .swiper-pagination-bullet-active { background:#fff; opacity: 1; }


.banner .pagination {
  position: absolute;
  z-index: 20;
  bottom: 20px;
  width: 100%;
  text-align: center;
}
.banner .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fff;
  margin: 0 5px;
  opacity: 0.6;
  margin:0px 4px; 
  cursor: pointer;
}
.banner .swiper-active-switch {
  background: #fff; opacity: 1; 
}

.phone_banner .pagination {
  position: absolute;
  z-index: 20;
  bottom: 20px;
  width: 100%;
  text-align: center;
}
.phone_banner .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fff;
  margin: 0 5px;
  opacity: 0.6;
  margin:0px 4px; 
  cursor: pointer;
}
.phone_banner .swiper-active-switch {
  background: #fff; opacity: 1; 
}





.section { background: #f3f3f6; padding-top: 80px; padding-bottom: 80px; }
.section .in_fl { width: 410px; float: left; }
.section .in_fr { width: 750px; float: right; }

.in_programmes { background: #a6b2c2; padding: 30px; padding-bottom: 46px; }
.in_programmes h3 { font-size: 24px; font-family:'Constantia'; font-weight: bold; color: #fff; margin-bottom: 20px; }
.in_programmes dl { background: #fff; margin-bottom: 2px; padding: 20px; display: block; }
.in_programmes dl dt { font-size: 18px; background: url(../images/img7.png) no-repeat right center; cursor: pointer; padding-right: 20px; }
.in_programmes dl dt.active { background: url(../images/img8.png) no-repeat right center; color: #195bae; }
.in_programmes dl dd { display: none; }
.in_programmes dl dd .text { margin-top: 20px; }
.in_programmes dl dd .text a { background: url(../images/img9.png) no-repeat left 4px; display: block; padding-left: 13px; font-size: 15px; margin-top: 6px;}
.in_programmes dl dd .text a:hover { color: #195bae; }
.in_programmes dl dd h6 { text-align: right; margin-top: 10px; background: url(../images/img9.png) no-repeat right center; padding-right: 12px;}
.in_programmes dl dd h6 a:hover { color: #195bae; }


.in_campus { background: url(../images/img10.png) no-repeat left top; background-size:cover; padding: 60px 30px; margin-top: 30px; color: #fff; }
.in_campus h3 { font-size: 24px; font-family:'Constantia'; font-weight: bold;}
.in_campus p { font-size: 16px; color: #fff; line-height: 22px; margin-top: 10px; opacity: 0.8; }
.in_campus .text { position: relative; margin-top: 30px; }
.in_campus .text .txt { width: 100%;  padding: 0px 10px; height: 50px; line-height: 50px; color: #333; padding-right: 60px; }
.in_campus .text .but { position: absolute; right: 0px; top: 0px; background: #eeeef3 url(../images/img11.png) no-repeat center center; width: 50px; height: 50px; }

.in_campus a { width: 100%; display: block; background: #fff;  padding: 0px 10px; height: 50px; line-height: 50px; color: #333;  position: relative; margin-top: 30px; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; }
.in_campus a:after { content: ''; position: absolute; right: 0px; top: 0px; background: #eeeef3 url(../images/img11.png) no-repeat center center; width: 50px; height: 50px;  }

.in_campus a:hover { color: #195bae; padding-left: 20px;  } 


.in_download { background: #fff; margin-top: 30px; padding: 30px; padding-bottom: 51px; }
.in_download h3 { font-size: 24px; font-family: 'Constantia'; font-weight: bold; }
.in_download .text { margin-top: 20px; position: relative; }
.in_download .text a { position: absolute; bottom: 0px; height: 50px; background: rgba(25,91,174,0.8); width: 100%; color: #fff; line-height: 50px; padding: 0px 20px; }
.in_download .text a i { display: inline-block; vertical-align: middle; margin-right: 5px; margin-right: 10px; margin-top: -3px; }


.in_why { position: relative; background: url(../images/img14.png) no-repeat center top; background-size:cover; height: 330px;  }
/*.in_why:after { content: ''; position: absolute; top: 0px; left: 0px; background: rgba(25,91,174,0.8); width: 100%; height: 100%; z-index: 1; }*/
.in_why:after { content: ''; position: absolute; top: 0px; left: 0px; background: url(../images/img206.png); width: 100%; height: 100%;  }

.in_why .text { position: relative; z-index: 2; }
.in_why .text h3 { font-family: 'Constantia';  font-size: 24px; color: #fff; font-weight: bold; padding: 30px; padding-bottom: 0px; }
.in_why .text h3 a { color: #fff; }
.in_why .text h3 a:hover { text-decoration: underline; }
.in_why .text ul { margin-top: 80px; }
.in_why .text ul li { float: left; width: 25%; text-align: center;  }
.in_why .text ul li img { display: inline-block; }
.in_why .text ul li p { color: #fff; padding-top: 10px; color: #fff; font-size: 14px; display: block; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s;}
/*.in_why .text a { display: block; height: 330px; }
.in_why .text a:hover h3 { text-decoration: underline; }*/

.in_why .text .img a { transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; display: block; }
.in_why .text .img a:hover { margin-top: 10px; }
.in_why .text p a { color: #fff; display: block; }


.in_new { background: #ffffff; padding: 20px 30px; margin-top: 30px; }
.in_new .tit span { width: 50%; float: left; font-family: 'Constantia'; font-size: 24px; font-weight: bold; padding: 10px 0px; text-align: center; cursor: pointer;}
.in_new .tit span.active { background: #195bae; color: #fff; }
.in_new .con { margin-top: 20px; }
.in_new .con ul li { padding-bottom: 10px; border-bottom: 1px solid #e2e2e7; margin-bottom: 10px; }
.in_new .con ul li .img { width: 146px; height: 90px; float: left;  }
.in_new .con ul li .img img { width: 100%; height: 100%; }
.in_new .con ul li .text { margin-left: 170px; }


.in_new .con ul li .text strong { color: #888888; font-size: 12px; padding-top: 12px; display: block; }
.in_new .con ul li .text a { margin-top: 10px; font-size: 16px; line-height: 20px; display: block; }
.in_new .con ul li .text a:hover { color: #195bae; }
.in_new .con h6 { text-align: right; margin-top: 20px; }
.in_new .con h6 a { color: #195bae; margin-top: 10px; background: url(../images/img22.png) no-repeat right center; padding-right: 10px;  }

.in_new .events ul li .text { margin-left: 0px; }
.in_new .events ul li .text a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.in_new .events ul li .text strong { float: right; padding-top: 0px; }
.in_new .events ul li .text a { margin-top: 24px; }


.in_video { padding: 30px; background: #fff; margin-top: 30px;}
.in_video h3 { font-family: 'Constantia';  font-size: 24px;  font-weight: bold; padding-bottom: 0px; }
.in_video .con { margin-top: 20px; }
.in_video .fl { width: 33.33%; float: left; }
.in_video .fc { width: 33.33%; float: left; }
.in_video .fr { width: 33.33%; float: left; }
.in_video .img p { position: absolute; bottom: 0px; z-index: 3; color: #fff; line-height: 40px; padding: 0px 10px; font-size: 16px; }
.in_video .img p a { color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.in_video .img { position: relative; cursor: pointer; }
.in_video .img:after { content: ''; background: url(../images/img28.png) repeat-x left bottom; position: absolute; bottom: 0px; width: 100%; height: 55px; z-index: 2 }
.in_video .img .icon {  background: url(../images/img23.png) no-repeat center center; width: 42px; height: 42px; position: absolute; left: 0px; top: 0px; margin: auto; z-index: 3; right: 0px; bottom: 0px; }

.in_video h6 { text-align: right; margin-top: 20px; }
.in_video h6 a { color: #195bae; margin-top: 10px; background: url(../images/img22.png) no-repeat right center; padding-right: 10px;  }

.footer { background: #3b3b3b; padding: 50px 0px; padding-bottom: 20px; color: #fff; border-bottom: 1px solid #4c4c4c; }
.footer dl { float: left; width: 20%; }
.footer dl dt { font-size: 16px; font-family: 'Constantia'; }
.footer dl dd { margin-top: 20px; }
.footer dl dd a {  color: #fff; font-size: 12px; opacity: 0.4; display: block; margin-top: 5px; }
.footer dl dd a:hover { color: #fff; opacity: 1; }
.footer .con { float: left; width: 85.3%; }
.footer .logo { float: right; width: 14.7%; }
.foot2 { margin-top: 30px; }
.foot2 a { color: #fff; opacity: 0.4; font-size: 12px; background: url(../images/img30.png) no-repeat right top; padding-right: 20px; margin-right: 6px; }
.foot2 a:last-child { background:none; }
.foot2 a:hover { color: #fff; opacity: 1; }

.foot { color: #fff;  background: #3b3b3b; padding: 20px 0px; }
.foot p { float: left; line-height: 30px; font-size: 12px; color: #fff; opacity: 0.6; }
.foot h6 { float: right; }
.foot h6 .icon1 { background: url(../images/img31.png) no-repeat left top; width: 30px; height: 30px; display: inline-block; vertical-align: top; }
.foot h6 .icon2 { background: url(../images/img32.png) no-repeat left top; width: 30px; height: 30px; display: inline-block; vertical-align: top; margin-left: 10px;  }
.foot h6 .icon3 { background: url(../images/img33.png) no-repeat left top; width: 30px; height: 30px; display: inline-block; vertical-align: top; margin-left: 10px;  }
.foot h6 .icon4 { background: url(../images/img34.png) no-repeat left top; width: 30px; height: 30px; display: inline-block; vertical-align: top; margin-left: 10px;  }



.banner_nr .text { height: 360px; }
.banner_nr .text:after { content: ''; width: 0px; height: 100%; display: inline-block; vertical-align: middle; }
.banner_nr h3 { color: #fff; font-size: 40px; font-weight: bold; font-family: 'Constantia'; display: inline-block; vertical-align: middle; }

.banner_nr .text_wz { display: inline-block; vertical-align: middle; width: 98%; } 
.banner_nr h2 { color: #fff; font-size: 40px; font-weight: bold; font-family: 'Constantia'; }
.banner_nr p { font-size: 20px; line-height: 25px; color: #fff; margin-top: 20px; width: 50%; }

.crumbs { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.crumbs a { font-size: 12px; line-height: 40px;  background:url(../images/img40.png) no-repeat right center; padding-right: 20px; margin-right: 5px; }
.crumbs a:last-child { color: #195bae; background: none; }

.contert_box { padding-bottom: 60px; }
.contert_box:before { content: ''; height: 40px; width: 100%; position: absolute; left: 0px; z-index: -1; background: #f3f3f6; }
.contert_box .m_fl { width: 320px; float: left; margin-top: -20px; }
.contert_box .m_fr { width: 840px; float: right; }
.contert_box .nav { background: #195bae; padding:30px; }
.contert_box .nav h2 { font-family: 'Constantia'; font-size: 24px; color: #fff; font-weight: bold; }
.contert_box .nav .text { margin-top: 25px; }
.contert_box .nav .text a { display: block; color: #fff; font-size: 14px; padding: 12px 0px; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; position: relative; }
.contert_box .nav .text a.active,.contert_box .nav .text a:hover { background: #447abd; padding-left:15px; }
.contert_box .nav .text a.active:after,.contert_box .nav .text a:hover:after { content: ''; background: url(../images/img38.png) no-repeat right center; width: 27px; height:41px; position: absolute; right: 0px; top: 0px; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s;}
.contert_box .news { background: #f3f3f6; padding: 30px; }
.contert_box .news h2 { font-family: 'Constantia'; font-size: 24px; color: #000; font-weight: bold; }
.contert_box .news img { margin-top: 20px; }
.contert_box .news p { margin-top: 10px; line-height: 22px; }

.m_tit { font-family: 'Constantia'; font-size: 40px; font-weight: bold; border-bottom: 1px solid #e1e1e7; padding-bottom: 10px; margin-bottom: 30px; margin-top: 30px; }

.programs { margin-top: 40px; }
.programs .img { border: 1px solid #195bae; width: 360px; float: left; padding-top: 42px; margin-right: 30px; margin-bottom: 30px; }
.programs .img img { margin-left: -1px; }
.programs .img p { font-family: 'Constantia'; font-size: 16px; font-weight: bold; color: #195bae; padding: 25px 0px; padding-left: 20px; }
.programs .text p { line-height: 21px; margin-bottom: 30px;}
.programs .dow { float: right; }
.programs .dow p { text-align: left; line-height: 22px; margin-top: 20px; }


.header .gules .but { background: #a51e36 url(../images/img2.png) no-repeat center center;  }
.m_gules { background: #a51e36; }
.m_gules .nav_item.active>a { background: #d82d4b; }
.m_gules .nav_item:hover>a { background: #d82d4b;  }

.gules_crumbs a:last-child { color: #de304f; }
.contert_box .gules_nav { background: #a51e36; }
.contert_box .gules_nav .text a.active, .contert_box .gules_nav .text a:hover { background: #de304f; }



.mitimba .img { border: 1px solid #e1e1e7; text-align: center; padding: 20px 0px; }
.mitimba .img img { display: inline-block; }
.mitimba .con h3 { color: #a51e36; font-size: 20px; margin-top: 20px; position: relative; padding-left: 12px;}
.mitimba .con h3:after { content: ''; position: absolute; top: 2px; left: 0px; width: 2px; height: 16px; background: #a51e36; }
.mitimba .con p { line-height: 20px; font-size: 14px; margin-top: 20px; }
.mitimba .con p img { display: inline-block; }
.mitimba .list { overflow: hidden; }
.mitimba .list ul { margin-left: -10px; margin-right: -10px; }
.mitimba .list ul li { padding: 0px 10px; width: 50%; float: left; margin-top: 20px; }
.mitimba .list ul li .text { background: #f3f3f6; border-bottom: 2px solid #a51e36; padding: 30px; min-height:360px; overflow: hidden; position: relative; }
.mitimba .list ul li .text strong { font-size: 16px; display: block; margin-top: 16px; line-height: 22px; }
.mitimba .list ul li .text p { font-size: 14px; color: #888888; line-height: 22px; margin-top: 10px; }
.mitimba .list ul li .text .con { position: relative; z-index: 99; }
.mitimba .list ul li .zcolor:after { content: ''; width: 100%; height: 0%; background: #a51e36; position: absolute; bottom: 0px; left: 0px; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s;  }
.mitimba .list ul li .zcolor:hover:after { height: 100%; }
.mitimba .list ul li .zcolor:hover strong { color: #fff; }
.mitimba .list ul li .zcolor:hover p { color: #fff; }


.mitimba .list ul .dow .text { background: #a51e36; position: relative; height: 360px; text-align: center;  }
.mitimba .list ul .dow .text:after { content: ''; width: 0px; height: 100%; display: inline-block; vertical-align: middle; }
.mitimba .list ul .dow .text a { display: inline-block; vertical-align: middle; }
.mitimba h6 { border: 1px solid #a51e36; padding: 15px 0px; text-align:center; margin-top: 30px; }
.mitimba h6 a { color: #a51e36; border-bottom: 1px solid #a51e36; }


.mitimba .con dl { margin-top: 20px; }
.mitimba .con dl dd { display: block; position: relative; padding-left: 15px; margin-top: 2px; line-height: 20px; }
.mitimba .con dl dd:before { content: ''; background: url(../images/img63.png) no-repeat left top; width: 4px; height: 4px; position: absolute; left: 0px; top:8px; } 



.mitimba_blue .con h3 { color: #00448b; }
.mitimba_blue .con h3:after { background: #00448b; }
.mitimba_blue .list ul li .text { border-bottom: 2px solid #00448b; }
.mitimba_blue  h6 { border: 1px solid #00448b; } 
.mitimba_blue h6 a { color: #00448b; border-bottom: 1px solid #00448b }


.header .navy_Blue .but { background: #0e33ad url(../images/img2.png) no-repeat center center;  }
.m_navy_Blue { background: #0e33ad; }
.m_navy_Blue .nav_item.active>a { background: #0c2a8e; }
.m_navy_Blue .nav_item:hover>a { background: #0c2a8e; }


.navy_Blue_crumbs a:last-child { color: #0e33ad; }

.contert_box .navy_Blue_nav { background: #0e33ad; }
.contert_box .navy_Blue_nav .text a.active, .contert_box .navy_Blue_nav .text a:hover { background: #4066e1; }
.mitimba_navy_Blue .con h3 { color: #0e33ad; }
.mitimba_navy_Blue .con h3:after { background: #0e33ad; }
.mitimba_navy_Blue .list ul li .text { border-bottom: 2px solid #0e33ad; }
.mitimba_navy_Blue h6 { border: 1px solid #0e33ad; } 
.mitimba_navy_Blue h6 a { color: #0e33ad; border-bottom: 1px solid #0e33ad }
.crumbs_mitimba_navy a:last-child { color: #0e33ad; }


.header .yellow .but { background: #f36924 url(../images/img2.png) no-repeat center center;  }
.m_yellow { background: #f36924; }


.m_yellow a:hover, .m_yellow a.active { background: #ff9661;}
.m_yellow .nav_item.active>a { background: #de5714; }
.m_yellow .nav_item:hover>a { background: #de5714; }


.crumbs_yellow a:last-child { color: #f36924; }
.contert_box .yellow_nav { background: #f36924; }
.contert_box .yellow_nav .text a.active, .contert_box .yellow_nav .text a:hover { background: #ff9661; }
.mitimba_yellow .con h3 { color: #f36924; }
.mitimba_yellow .con h3:after { background: #f36924; }
.mitimba_yellow .list ul li .text { border-bottom: 2px solid #f36924; }
.mitimba_yellow h6 { border: 1px solid #f36924; } 
.mitimba_yellow h6 a { color: #f36924; border-bottom: 1px solid #f36924 }
/*.mitimba_yellow a:last-child { color: #f36924; }*/


.header .sky_blue .but { background: #00448b url(../images/img2.png) no-repeat center center;  }
.m_sky_blue { background: #00448b; }

.m_sky_blue .nav_item.active>a { background: #003771; }
.m_sky_blue .nav_item:hover>a { background: #003771; }


.crumbs_sky_blue a:last-child { color: #00448b; }
.contert_box .sky_blue_nav { background: #00448b; }
.contert_box .sky_blue_nav .text a.active, .contert_box .sky_blue_nav .text a:hover { background: #347ecb; }
.mitimba_sky_blue .con h3 { color: #00448b; }
.mitimba_sky_blue .con h3:after { background: #00448b; }
.mitimba_sky_blue .list ul li .text { border-bottom: 2px solid #00448b; }
.mitimba_sky_blue .list ul .dow .text { background: #00448b; }

.mitimba_sky_blue h6 { border: 1px solid #00448b; } 
.mitimba_sky_blue h6 a { color: #00448b; border-bottom: 1px solid #00448b }
.mitimba_sky_blue a:last-child { color: #00448b; }



.asia { border-top: 1px solid #e5e5eb; margin-top: 20px; }
.asia dl { border-bottom: 1px solid #e5e5eb;  }
.asia dl dt { font-size: 16px; color: #f36924; padding: 15px 0px; background: url(../images/img67.png) no-repeat right center; cursor: pointer; }
.asia dl dt.active { background: url(../images/img68.png) no-repeat right center; }
.asia dl dd { line-height: 22px; display: none; padding-bottom: 20px; }

.academics .con p { line-height: 22px; margin-top: 20px;  }
.academics .con p a { color: #195bae; border-bottom: 1px solid #195bae; }
.academics .con h6 { background: #447abd; color: #fff; padding: 5px 8px; color: #fff; display: inline-block; margin-top: 20px; }
.academics .list { margin-top: 20px; }
.academics .list ul li { padding:22px 0px; border-bottom: 1px solid #e5e5eb; }
.academics .list ul li .time { float: left; width: 70px; background: #f3f3f6; text-align: center; }
.academics .list ul li .time a { font-size: 24px; color: #888888; line-height: 22px; padding-top: 20px; padding-bottom: 12px; display: block; }
.academics .list ul li .time strong { background: #195bae; padding: 5px 0px; padding-bottom: 3px; color: #fff; display: block; font-size: 12px; }
.academics .list ul li .text { margin-left: 100px; }
.academics .list ul li .text a { font-size: 18px; color: #195bae; padding-top: 15px; display: block; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.academics .list ul li .text p { margin-top: 5px; font-size: 14px; background: url(../images/img71.png) no-repeat left center; padding-left: 20px; margin-top: 10px; }
.academics .list ul li:hover .time a { color: #195bae;  }
.academics .list ul li:hover .text a { padding-left: 20px; }

.online .tab_tit span { float: left; height: 50px; position: relative; line-height: 50px; text-align: center; color: #fff; font-size: 16px; display: block; padding: 0px 2px; cursor: pointer;  color: #333; }

.online .tab_tit .sp1 { background: #eaeaea; width: 218px; }
.online .tab_tit .sp2 { background: #eaeaea; margin-left: 5px; width: 345px; }
.online .tab_tit .sp3 { background: #eaeaea; margin-left: 5px; width: 264px; }

/*.online .tab_tit .sp1 { background: #195bae; }*/
/*.online .tab_tit .sp2 { background: #a61e36; }
.online .tab_tit .sp3 { background: #f36924; margin-left: 5px; }*/

/*.online .tab_tit .sp1.active:after { content: ''; position: absolute; left:50%; bottom: -20px; border: 10px solid; border-color:#195bae transparent transparent transparent; margin-left: -10px;}*/
/*.online .tab_tit .sp2.active:after { content: ''; position: absolute; left:50%; bottom: -20px; border: 10px solid; border-color:#a61e36 transparent transparent transparent; margin-left: -10px;}
.online .tab_tit .sp3.active:after { content: ''; position: absolute; left:50%; bottom: -20px; border: 10px solid; border-color:#f36924 transparent transparent transparent; margin-left: -10px;}*/

.online .tab_tit span.active { background: #195bae; color: #fff;}
.online .tab_tit span.active:after { content: ''; position: absolute; left:50%; bottom: -20px; border: 10px solid; border-color:#195bae transparent transparent transparent; margin-left: -10px; }


.online .tab_con h3 { color: #195bae; font-size: 20px; margin-top: 20px; position: relative; padding-left: 12px;}
.online .tab_con h3:after { content: ''; position: absolute; top: 2px; left: 0px; width: 2px; height: 16px; background: #195bae; }
.online .tab_con .list { /*overflow: hidden; */margin-top: 20px; position: relative; }
.online .tab_con .list ul { margin-left: -8px; margin-right: -8px; }
.online .tab_con .list ul li { padding: 0px 8px; width: 33.33%; float: left; text-align: center; }
.online .tab_con .list ul li .text { border: 1px solid #e1e1e7; padding: 15px 0px; cursor: pointer; background: #fff; height:94px;}
.online .tab_con .list ul li .text img { display: inline-block; }
.online .tab_con .list ul li .text strong { font-size: 16px; display: block;  }
.online .tab_con .list ul li .text p { color: #888888; margin-top: 4px; }
.online .tab_con h6 { margin-top: 20px;  }
.online .tab_con h6 a { border-bottom: 1px solid #195bae; color: #195bae; }
.online .tab_con .list ul li .text:hover { border: 1px solid #195bae; }



.online .tab_con4 .list ul li { width: 50%; margin-bottom: 20px; position: relative; }



.online .tab_con .list_01 ul li .text strong {  color: #195bae; font-weight: bold; }
.online .tab_con .list_02 ul li .text strong {  color: #a61e36; font-weight: bold; }
.online .tab_con .list_03 ul li .text strong {  color: #f36924; font-weight: bold; }



.x_tit { color: #195bae; font-size: 20px; margin-top: 30px; position: relative; padding-left: 12px; }
.x_tit:after { content: ''; position: absolute; top: 2px; left: 0px; width: 2px; height: 16px; background: #195bae; }

.online1 h4 { font-size: 14px; margin-top: 30px; font-weight: bold;  }
.online1 .text { margin-top: 10px; }
.online1 .text p { padding-left: 18px; margin-top: 3px; position: relative; line-height: 22px; }
.online1 .text p:after { content: ''; background: url(../images/img63.png) no-repeat left top; position: absolute; left: 0px; top:9px; width: 4px; height: 4px; }

.online1 .list { overflow: hidden; margin-top: 20px; } 
.online1 .list ul { margin-left: -10px; margin-right: -10px; }
.online1 .list ul li { width: 50%; float: left; padding: 0px 10px; }
.online1 .list ul li .con { border: 1px solid #e1e1e7; padding: 30px; min-height: 245px; }
.online1 .list ul li .con strong { font-size: 16px; margin-top: 20px; display: block; }
.online1 .list ul li .con p { font-size: 14px; color: #888888; margin-top: 10px; line-height: 22px; }
.online1 .list ul li .con a { color: #195bae; border-bottom: 1px solid #195bae; display: inline-block; margin-top: 10px; }


.online2 p { line-height: 22px; margin-top: 10px; }
.online2 .list ul li { width: 25%; float: left; }
.online2 .list { border: 1px solid #e1e1e7; padding: 30px; margin-top: 20px; }
.online2 .list .top { text-align: center; padding-bottom: 20px; border-bottom: 1px solid #e1e1e7; }
.online2 .list .top  img { display: inline-block; }
.online2 .list .top strong  { margin-top: 5px; display: block; font-size: 16px; }
.online2 .list ul { border-bottom: 1px solid #e1e1e7; padding: 10px 0px; text-align: center; }
.online2 .list .con ul:first-child li { color: #195bae; }


.online3 em { font-size: 14px; line-height: 22px; margin-top: 10px; margin-bottom: 10px; display: block; }
.online3 .list1 { border: 1px solid #e1e1e7; }
.online3 .list1 .tab_tit1 span { width: 16.66%; float: left; line-height: 40px; text-align: center; background: #f3f3f6; border-right: 1px solid #e1e1e7; border-bottom: 1px solid #e1e1e7; cursor: pointer;}
.online3 .list1 .tab_tit1 span.active { background: #a51e36; color: #fff; border-bottom: 1px solid #a51e36;}
.online3 .list1 .tab_tit1 span:last-child { border-right: none; }
.online3 .list1 .tab_con1 { padding:10px 30px; }
.online3 .list1 .tab_con1 p { line-height: 22px; margin: 20px 0px; }
.online3 .list1 .tab_con1 p a { color: #195bae; }
.online3 .list1 .tab_con1 p a:hover { color:#a51e36;  }
.online3 .list1 .tab_con1 p span { display: block; color: #195bae; }

.m_chinese p { border: 1px solid #195bae; padding: 15px 0px; text-align:center; margin-top: 30px; }
.m_chinese p a { color: #195bae; border-bottom: 1px solid #195bae; }

.scholarship p { line-height: 22px; margin-top: 15px;  }
.scholarship p span { color: #195bae; }
.scholarship ul { margin-top: 20px; }
.scholarship ul li { background: url(../images/img63.png) no-repeat left center; padding-left: 15px; margin-top: 8px; }
.scholarship .img { border: 1px solid #e1e1e7; padding: 15px 0px;  text-align: center; margin-top: 20px; }
.scholarship .img img { display: inline-block; }

.scholarship2 .list { overflow: hidden; margin-top: 20px; }
.scholarship2 .list ul { margin-left: -10px; margin-right: -10px; }
.scholarship2 .list ul li { width: 50%; padding: 0px 10px; float: left; }
.scholarship2 .list ul li .text { border: 1px solid #e1e1e7;  padding: 30px; min-height: 300px; }
.scholarship2 .list ul li .text img { display: inline-block; }
.scholarship2 .list ul li .text h3 { font-size: 16px; margin-top: 20px; margin-bottom: 10px; }
.scholarship2 .list ul li .text p { color: #888888; margin-top: 5px; position: relative; padding-left: 15px; }
.scholarship2 .list ul li .text p:after { content: ''; background: url(../images/img63.png) no-repeat left center; position: absolute; width: 4px; height: 4px; left: 0px; top: 5px; }

.scholarship2 .con p { margin-top: 20px; line-height: 22px; }
.scholarship2 .con p a { color: #195bae; display:inline-block; border-bottom: 1px solid #195bae; }
.scholarship2 .con h6 { background: #f3f3f6; padding: 15px; margin-top: 20px; line-height: 22px; color: #888888; font-size: 12px; }

.downloads .list { overflow: hidden; margin-top: 5px; }
.downloads .list ul { margin-left: -15px; margin-right: -15px; }
.downloads .list ul li { width: 33.33%; padding: 0px 15px; float: left; margin-top: 15px;  }
.downloads .list ul li .text { background: #a61e36; color: #fff; padding-left:28px; border: 1px solid #e1e1e7; cursor: pointer;}
.downloads .list ul li .text img { margin-top: -1px; margin-right: -1px; }
.downloads .list ul li .text p { padding: 26px 0px; }
.downloads .list ul li:nth-child(2) .text { background: #0f33ad; }
.downloads .list ul li:nth-child(3) .text { background: #00448b; }
.downloads .list ul li:nth-child(4) .text { background: #f36823; }
.downloads .list ul li:nth-child(5) .text { background: #bc8a4f; }


.downloads1 .list { border: 1px solid #e1e1e7;  margin-top:20px; position: relative; }
.downloads1 .list:after { content: ''; background: #9ec9ff; position: absolute; left: 50px; top: 0px; width: 1px; height:100%; z-index: 0; }
.downloads1 .list dl dt { background:#f3f3f6 url(../images/img87.png) no-repeat 96% center; font-size: 16px;  border-bottom: 1px solid #e1e1e7; padding: 30px 0px; position: relative; padding-left: 88px; cursor: pointer; }
.downloads1 .list dl dt span { position: absolute; width: 40px; height: 40px; text-align: center; line-height: 40px;  background: #195bae; color: #fff; left: 30px; top: 0px; font-size: 14px; overflow: hidden; border-radius: 50%; top: 50%; margin-top: -22px; z-index: 1;}
.downloads1 .list dl dd { color: #888888; line-height: 22px; padding: 20px 0px; padding-left: 88px; display: none; padding-right: 30px; }
.downloads1 .list dl:last-child dt { border-bottom: none; }
.downloads1 .list dl dd .img { margin-top: 20px; }
.downloads1 .list dl dd p { margin-bottom: 15px; }

.clo_blue { color: #195bae !important; }
.clo_gules { color: #a61e36 !important; }



.downloads1 .list dl dt.active { background:#fff url(../images/img88.png) no-repeat 96% center; color: #195bae; border-bottom: 1px solid #fff; position: relative;  }
.downloads1 .list dl dt.active:after { content: ''; position: absolute; bottom: 0px; right: 0px; width: 90%; background: #e1e1e7; height: 1px; }

.faculty .text p { line-height: 22px; margin-top: 15px; }
.faculty .list { border: 1px solid #e1e1e7; padding: 20px; margin-top: 20px; }
.faculty .list ul li { min-width: 50%; float: left; line-height: 22px; background: url(../images/img63.png) no-repeat left center; padding-left: 20px; }
.faculty .img { margin-top: 20px; }

.global .text p { line-height: 22px; margin-top: 15px; }
.global .list { margin-top: 30px; }
.global .list ul li  { border: 1px solid #e1e1e7;  margin-top: -1px; }
.global .list ul li .img { float: left; width: 200px;  text-align: center; border-right:1px solid #e1e1e7; padding: 20px; }
.global .list ul li .img img { display: inline-block; }
.global .list ul li .con { padding: 20px; margin-left: 200px; }
.global .list ul li .con a { color: #195bae; border-bottom: 1px solid #195bae; display: inline-block; margin-top: 5px; }
.global .swp_global_01 { margin-top: 30px; }
.global .swp_global_01 p { background: #f3f3f6; color: #195bae; border: 1px solid #e1e1e7; padding: 15px; border-top: none; font-style: italic;
	overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 80px;
 }


.global .swp_global_02 { margin-top: 30px; }
.global .swp_global_02 p { background: #f3f3f6; color: #195bae; border: 1px solid #e1e1e7; padding: 15px; border-top: none; font-style: italic;
	overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 80px;
 }
.global_prev2 { background: url(../images/img97.png) no-repeat left top; width: 23px; height: 23px; margin-top: 0px; right: 0px; left: inherit; top: inherit; bottom: 12px; right: 40px; outline: none; }
.global_next2 { background: url(../images/img98.png) no-repeat left top; width: 23px; height: 23px;  top: inherit; bottom: 12px; right: 10px; outline: none; }
.yellow_x_tit { color: #f36823; }
.yellow_x_tit:after { background: #f36823; }
.m_text p { line-height: 22px; margin-top: 15px; }
.m_text p span { color: #195bae; display: block; }
.m_text p a { color: #195bae; }

.m_img { margin-top: 20px; }




.downloads1_swp em { background: #f3f3f6; color: #195bae; border: 1px solid #e1e1e7; padding: 15px; border-top: none; font-style: italic;
	overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 80px; display: block;
 }
.downloads1_swp_prev { background: url(../images/img97.png) no-repeat left top; width: 23px; height: 23px; margin-top: 0px; right: 0px; left: inherit; top: inherit; bottom:18px; right: 40px; outline: none; }
.downloads1_swp_next { background: url(../images/img98.png) no-repeat left top; width: 23px; height: 23px;  top: inherit; bottom: 18px; right: 10px; outline: none;}



.learning_list { background: #f3f3f6; padding: 20px 30px; margin-top: 30px; }
.learning_list ul li { margin: 20px 0px; }
.learning_list ul li .img { float: left; width: 72px; height: 100px; float: left; }
.learning_list ul li .text { margin-left: 90px; padding-top: 20px; }
.learning_list ul li .text h3 { font-size: 14px; color: #195bae;  }
.learning_list ul li .text a { margin-top: 10px; font-size: 12px; background: url(../images/img102.png) no-repeat left center; padding-left: 25px; height: 16px; line-height: 20px; display: block; position: relative; }
.learning_list ul li .text a:after { content: ''; background: url(../images/img103.png) no-repeat left top; width: 8px; height: 8px; display: inline-block; vertical-align: middle; margin-left: 10px; margin-top: -2px;}


.career .list { margin-top: 30px; }
.career .list ul li  { border-bottom: 1px solid #e1e1e7; padding: 7px 0px; }
.career .list ul li span { width: 60%; float: left; }
.career .list ul li strong { float: left; width: 40%; }
.career .list .zk { margin-top: 20px; cursor: pointer; }
.career .list .zk span { display:inline-block; vertical-align: middle; margin-right: 2px; color: #195bae; border-bottom: 2px solid #195bae; }
.career .list .zk i { content: ''; background: url(../images/img104.png) no-repeat right top; width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-left: 5px; margin-top: -3px; }
.career .list .zk.active i { background: url(../images/img179.png) no-repeat right top; }


.career .tit { color: #888888; margin-top: 20px; }
.swp_career { padding-bottom: 50px; margin-top: 20px; }
.swp_career .con { background: #f3f3f6; padding: 30px; }
.swp_career .swiper-slide .img { float: left; width: 74px; height: 100px; float: left; }
.swp_career .swiper-slide .text { margin-left: 90px; padding-top: 20px; }
.swp_career .swiper-slide .text h3 { font-size: 14px; color: #195bae;  }
.swp_career .swiper-slide .text a { margin-top: 10px; font-size: 12px; background: url(../images/img102.png) no-repeat left center; padding-left: 25px; height: 16px; line-height: 20px; display: block; position: relative; }
.swp_career .swiper-slide .text a:after { content: ''; background: url(../images/img103.png) no-repeat left top; width: 8px; height: 8px; display: inline-block; vertical-align: middle; margin-left: 10px; margin-top: -2px;}

.swp_career .swiper-pagination-bullet { width:8px; height:8px; background:#d4d4d9; margin:0px 6px !important; opacity:1; outline:none;}
.swp_career .swiper-pagination-bullet-active { background:#195bae; }


.m_list { margin-top: 20px; }
.m_list p { background: url(../images/img63.png) no-repeat left center; padding-left: 16px; margin-top: 5px; }


.shahai .list { border: 1px solid #e1e1e7; border-right: none; border-top: none; }
.shahai .list ul li { float: left; width: 50%; padding: 30px 40px; border-right:1px solid #e1e1e7; }
.shahai .list ul li .icon { display: inline-block; vertical-align: middle; }
.shahai .list ul li .con { display: inline-block; vertical-align: middle; margin-left: 10px;}
.shahai .list ul li .con strong { font-size: 14px; }
.shahai .list ul li .con span { color: #888888; display: block; margin-top: 5px; }

.shahai .text {  text-align: center; padding: 30px; border: 1px solid #e1e1e7; border-top: none; }
.shahai .text img { display: inline-block; }
.shahai .text strong { display: block; margin-top: 10px; }
.shahai .text a { color: #888888; margin-top:10px; display: block; }
.shahai .text a:hover { color: #195bae; }

.shahai .text1 { text-align: center;  border: 1px solid #e1e1e7; border-top: none; padding: 30px; }
.shahai .text1 .icon { display: inline-block; }
.shahai .text1 em { display: block; margin-top: 5px; }
.shahai .text1 dl { margin-top: 10px; }
.shahai .text1 dl dd { display: inline-block; vertical-align: top; font-size: 12px; color: #888888; margin: 10px;}
.shahai .text1 dl dd strong { display: block; margin-top: 10px; }
.shahai .text1 dl dd span { display: block; margin-top: 4px; }


.map_box { padding: 10px; border: 1px solid #e1e1e7; }
.map_box #map { width: 100%;  height: 330px;}
.map_box #map img { max-width: none !important; max-height: none !important; }
.BMap_bubble_title { text-align: center; }
.BMap_bubble_title img { display: inline-block; }
.BMap_bubble_content { text-align:center; }

.hongko .list ul li { width: 33.33%; }


.news_list ul li { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #e1e1e7; }
.news_list ul li .img { width: 242px; height: 150px; float: left; overflow: hidden; }
.news_list ul li .img img { width: 100%; height: 100%; transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s;  }
.news_list ul li .text { margin-left: 300px;  }
.news_list ul li .text h3 a { color: #195bae; font-size: 16px;  display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news_list ul li .text strong { display: block; margin-top: 20px; font-size: 12px; }
.news_list ul li .text p { line-height: 22px; margin-top: 10px; height: 44px; overflow: hidden; }
.news_list ul li .text h6 { margin-top: 20px;  }
.news_list ul li .text h6 a { color: #195bae; margin-top: 10px; position: relative; }
.news_list ul li .text h6 a:after { content: ''; background: url(../images/img136.png) no-repeat left top; display: inline-block; vertical-align: middle; margin-left: 8px; width: 7px; height: 11px; margin-top: -2px; transition: all 0.4s;  -webkit-transition: all 0.4s; -moz-transition: all 0.4s; }
.news_list ul li .text h6 a:hover:after { margin-left: 20px; }
.news_list ul li:hover .img img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); }


.number { text-align: center; margin-top: 30px; }
.number a { display: inline-block; vertical-align: top; width: 40px; height: 40px; border: 1px solid #e2e2e8; line-height: 40px; text-align: center; border-radius: 50%; margin: 0px 4px; }
.number .nub_first { background: #f3f3f6; font-family: '宋体'; }
.number .nub_last { background: #f3f3f6; font-family: '宋体'; }
.number a.active,.number a:hover { background: #195bae; color: #fff; border: 1px solid #195bae; }

.news_con { margin-top: 30px; }
.news_con .new_tit h1 { font-family: 'Constantia'; font-size: 40px; font-weight: bold; line-height: 50px; border-bottom:1px solid #e1e1e7; padding-bottom: 20px; }
.news_con .new_contert p { line-height: 22px; margin-top: 20px; }
.news_con .new_contert p img { display: inline-block; }

.return { margin-top: 30px; border-top: 1px solid #e1e1e7; padding-top: 30px; }
.return a { border: 1px solid #195bae; padding: 14px 50px; color: #195bae; display: inline-block; font-size: 16px; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; }
.return a:hover { background: #195bae; color: #fff; }


.video_list { overflow: hidden; }
.video_list ul { margin-left: -20px; margin-right: -20px; }
.video_list ul li { float: left; width: 50%; padding: 0px 20px; margin-bottom: 30px; }
.video_list ul li .text { position: relative; }
.video_list ul li .img { border: 1px solid #e1e1e7; position: relative; overflow: hidden; }
.video_list ul li .img a { display:block; } 
.video_list ul li .text .icon { content: ''; position: absolute; background: url(../images/img138.png) no-repeat left top; width: 42px; height: 42px; left: 50%; margin-left: -21px; top: 50%; margin-top: -21px; }
.video_list ul li p { position: absolute; bottom: 0px; background: url(../images/img28.png) repeat-x left bottom; height: 55px; line-height: 55px; text-align: left; width: 100%;  }
.video_list ul li p a { color: #fff; display: block; padding-left: 20px; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s;  }
.video_list ul li p a:hover { padding-left: 40px; }
.popvideo { width: 100%; }
.popvideo .video { width: 100%; } 


.housing .tab_tit { margin-top: 15px; margin-left: 1px; }
.housing .tab_tit span { cursor: pointer; float: left; width: 50%; border: 1px solid #e1e1e7; padding: 14px 0px; text-align: center; font-size: 16px; margin-left: -1px; }
.housing .tab_tit span.active { position: relative; z-index: 1; background: #f3f3f6; border: 1px solid #195bae; color: #195bae; }
.housing .table1 { border-collapse:collapse;  border-spacing: 0; margin: 5px 0; width: 100%; margin-top: 20px;}
.housing .table1 td { padding: 8px 5px;  border: 1px solid #e1e1e7; text-align: center; } 
.housing .table1 th { background: #a6b2c2; color: #fff; padding: 15px 0px; }
.housing .table1 .back { background: #f3f3f6; }

.housing .list { margin-top: 20px; border: 1px solid #e1e1e7; }
.housing .list ul li { width: 50%; float: left; padding: 25px 30px; border-left: 1px solid #e1e1e7; }
.housing .list ul li:first-child { border-left: none; }
.housing .list ul li .img { width: 40px; float: left;  }
.housing .list ul li .text { margin-left: 56px; }
.housing .list ul li .text p { color: #888888; margin-top: 5px; line-height: 20px;  }

.housing .list1 { text-align: center; border: 1px solid #e1e1e7; padding: 30px; border-top: none; }
.housing .list1 img { display: inline-block; }
.housing .list1 strong { display: block; margin-top: 5px; }
.housing .list1 p { color: #888888; margin-top: 5px; }


.m_number_list ul { border: 1px solid #e1e1e7;  margin-top:20px; position: relative; border-bottom: none; }
.m_number_list ul:after { content: ''; background: #9ec9ff; position: absolute; left: 50px; top: 0px; width: 1px; height:86%; top:8%; z-index: 0; }
.m_number_list ul li {  font-size: 16px;  border-bottom: 1px solid #e1e1e7; padding: 30px 0px; position: relative; padding-left: 88px; cursor: pointer; }
.m_number_list ul li:nth-child(2n) { background:#f3f3f6; }
.m_number_list ul li  span { position: absolute; width: 40px; height: 40px; text-align: center; line-height: 40px;  background: #195bae; color: #fff; left: 30px; top: 0px; font-size: 14px; overflow: hidden; border-radius: 50%; top: 50%; margin-top: -22px; z-index: 1;}
.m_number_list ul li p { font-size: 14px; line-height: 22px; color: #888888; padding-right: 20px; }

.m_number_list ul:after { height:78%; top: 10%; }




.housing .list2 ul { overflow: hidden; margin-left: -10px; margin-right: -10px; }
.housing .list2 ul li { width: 50%; float: left; padding: 0px 10px; margin-top: 20px;  }
.housing .list2 ul li .con {  border: 1px solid #e1e1e7; padding: 20px; min-height: 236px;  }
.housing .list2 ul li .con strong { background: #195bae; width: 40px; height: 40px; border-radius: 50%; display: inline-block; overflow: hidden; color: #fff; line-height: 40px; text-align: center; }
.housing .list2 ul li .con h3 { margin-top: 10px; font-size: 16px;  } 
.housing .list2 ul li .con p { color: #888888; line-height: 22px; margin-top: 10px; }


.housing .list3 { border: 1px solid #e1e1e7; margin-top: 30px; }
.housing .list3 ul li { float: left; width: 50%; padding: 30px; border-right: 1px solid #e1e1e7; }
.housing .list3 ul li:last-child { border-right: none; }
.housing .list3 ul li .img { display: inline-block; vertical-align: middle; }
.housing .list3 ul li .text { display: inline-block; vertical-align: middle; margin-left: 10px; }
.housing .list3 ul li .text p { color: #888888; margin-top: 5px; }

.campus_box { padding-bottom: 20px; }

.list_nav { margin-top: 25px; }
.list_nav dl { color: #fff; }
.list_nav dl a { color: #fff;  }
.list_nav dl dt a { line-height: 41px; height: 41px; display: block; position: relative;  transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; }
.list_nav dl dt a:hover { background: #447abd; padding-left: 15px; font-size: 14px; }
.list_nav dl dt.active a { background: #447abd; padding-left: 15px; font-size: 14px; position: relative;  }
.list_nav dl dt.active a:after { content: ''; background: url(../images/img38.png) no-repeat right center; width: 27px; height:41px; position: absolute; right: 0px; top: 0px; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s;   }
.list_nav dl dt a:hover:after { content: ''; background: url(../images/img38.png) no-repeat right center; width: 27px; height:41px; position: absolute; right: 0px; top: 0px; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s;   }
.list_nav dl dd { padding: 10px 0px; padding-top: 0px; padding-left:30px; background: #447abd; display: none; }
.list_nav dl dd a { display: block; color: #fff; font-size: 12px; line-height: 22px; }
.list_nav dl dd a:hover,.list_nav dl dd a.active { text-decoration: underline; }

.profile .text { background:url(../images/img146.png) no-repeat right top; width: 100%; height: 280px; border: 1px solid #e1e1e7; display: table; }
.profile .text  strong { display: table-cell; vertical-align: middle; font-family: 'Constantia'; width: 30%; font-size: 30px; font-weight: bold;  text-align: center;  }
.profile .text  p { font-size: 16px; display: table-cell; vertical-align: middle; width: 70%; padding-left: 25%; line-height: 28px; color: #fff;  }

.profile .list { border-left: 1px solid #e1e1e7; }
.profile .list ul li { width: 50%; float: left; border: 1px solid #e1e1e7; border-left: none; border-top: none; padding: 30px; }
.profile .list ul li h3 { font-size: 16px; color: #195bae;  }
.profile .list ul li p { line-height: 22px; position: relative; padding-left:20px; }
.profile .list ul li p span { float: right; }
.profile .list ul li h6 { text-align: center; margin-top: 20px; }
.profile .list ul li h6 img { display: inline-block; }
.profile .list ul li .con { padding-top: 3px; min-height: 180px; margin-top: 10px; }
.profile .list ul li:nth-child(1) .con { background: url(../images/img151.png) no-repeat left 7px; }
.profile .list ul li:nth-child(2) .con { background: url(../images/img152.png) no-repeat left 7px; }
.profile .list ul li:nth-child(3) .con { background: url(../images/img153.png) no-repeat left 7px; }
.profile .list ul li:nth-child(4) .con { background: url(../images/img154.png) no-repeat left 7px; }

.profile .list ul li:nth-child(1) h3 { color: #195bae;  }
.profile .list ul li:nth-child(2) h3 { color: #f36823; } 
.profile .list ul li:nth-child(3) h3 { color: #a61e36; } 
.profile .list ul li:nth-child(4) h3 { color: #5b008a; } 


.testimonial_swp { background: #f3f3f6; padding-bottom: 50px; border: 1px solid #e1e1e7; }

.testimonial_dian { text-align: left; padding-left: 15px; bottom: 15px !important; }
.testimonial_swp .swiper-pagination-bullet {  background:#a0a6ad;  margin:0px 4px; opacity:1; outline:none;}
.testimonial_swp .swiper-pagination-bullet-active { background:#195bae; }

.testimonial .list { overflow: hidden; }
.testimonial .list ul { margin-left: -10px; margin-right:-10px;}
.testimonial .list ul li { width: 50%; padding: 0px 10px; float: left; margin-top: 20px;  }
.testimonial .list ul li .text { border: 1px solid #e1e1e7; }
.testimonial .list ul li .text .img { width: 205px; height: 254px; float: left; border-right: 1px solid #e1e1e7; position: relative; }
.testimonial .list ul li .text .img img { width: 100%; height: 100%; display: block; font-size: 0px; }
.testimonial .list ul li .text .img:after { content: ''; position: absolute; bottom: 0px; background: url(../images/img157.png) repeat-x left bottom; height: 114px; width: 100%; }
.testimonial .list ul li .text .con { position: absolute; bottom: 0px; padding: 15px; color: #fff; z-index: 2; }
.testimonial .list ul li .text .con strong { display: block; line-height: 25px; }
.testimonial .list ul li .text .con span { display: block; margin-top: 4px; }
.testimonial .list ul li .text .con p { line-height: 25px;  }
.testimonial .list ul li .text p { margin-left: 212px; padding:8px; font-family: 'Constantia'; font-weight: bold; font-size: 14px; line-height:16px; }

.m_form { margin-top: 30px; }
.m_form ul { border: 1px solid #e1e1e7; border-bottom: none; }
.m_form ul li { width: 100%; border-bottom: 1px solid #e1e1e7;  }
.m_form ul li .fm2 { width: 50%; float: left; position: relative; padding: 20px 25px 20px 0px; border-right: 1px solid #e1e1e7; }
.m_form ul li .fm2:last-child { border-right: none; }
.m_form ul li .fm2 label { position: absolute; left: 25px; }
.m_form ul li .fm2 .txt { width: 100%; }
.m_form ul li label span { color: #f00; }
.m_form ul li .fm3 { padding: 20px; position: relative; }
.m_form ul li .fm3 label { position: absolute; left: 20px; }
.m_form ul li .fm3 .select_txt { width: 36%; border: none; border-bottom: 1px solid #195bae; padding-bottom: 5px; outline: none;     
	appearance:none; -moz-appearance:none; -webkit-appearance:none; background: url(../images/img174.png) no-repeat right center; color: #195bae; padding-right: 20px; }
.m_form ul li .fm3 .txt { width: 100%; }	
.m_form ul li .pdleft1 { padding-left: 126px; }
.m_form ul li .pdleft2 { padding-left: 114px; }
.m_form ul li .pdleft3 { padding-left: 150px; }
.m_form ul li .pdleft4 { padding-left: 76px; }
.m_form ul li .pdleft5 { padding-left: 130px; }
.m_form ul li .pdleft6 { padding-left: 220px; }
.m_form ul li .pdleft7 { padding-left: 20px; padding-right: 260px; }

.m_form ul li .fm4 { padding: 20px; }
.m_form ul li .fm4 .txt_box { display: block; margin-top: 10px; width: 100%; height: 110px; line-height: 22px; border: none; line-height: 22px; }
.m_form ul li .fm_yzm { position: absolute; top: 7px; right: 10px; }
.m_form ul li .fm_yzm img { border: 1px solid #e1e1e7;  }

.m_form .fm_but { margin-top: 20px; }
.m_form .submit_but { background: #a61e36; color: #fff; padding: 16px 50px; font-size: 20px;   }

.visit_biaoge { border-top: 1px solid #e1e1e7; margin-top: 30px; }
.visit_biaoge .list ul li { padding: 30px 30px; }
.visit_biaoge .text p { color: #888888; font-size: 14px; margin-top: 6px; line-height: 22px; }


.downloads_tc { background: url(../images/img178.png) no-repeat left top; width: 960px; height: 480px; position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto; z-index: 99; padding: 40px 100px; padding-bottom: 0px; display: none; }
.downloads_tc h3 { font-size: 22px;  font-family: 'Constantia'; text-align: center; color: #fff; background: url(../images/img177.png) repeat-x left bottom; padding-bottom: 30px; }
.downloads_tc ul { padding: 0px 140px; margin-top: 30px; }
.downloads_tc ul li { margin-top: 20px; position: relative; padding-left: 140px; padding-right: 20px; }
.downloads_tc ul li label { position: absolute; left: 0px; color: #fff; line-height: 44px; font-size: 20px; }
.downloads_tc ul li .txt { height: 44px; line-height: 44px; padding: 0px 10px; color: #000;  width:100%; border: 1px solid #dddddd; }
.downloads_tc ul li span { color: #f00; position: absolute; right: 0px; top: 0px; line-height: 44px;  }
.downloads_tc ul li .but { background: #fff; border: 1px solid #dddddd; background: #fff; padding: 10px 20px; font-size: 20px; color: #195bae; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; }
.a_close { position: absolute; top: 30px; right: 30px; cursor: pointer;            
			transition: all 0.4s;
            -webkit-transition: all 0.4s;
            -moz-transition: all 0.4s;
        }
.a_close:hover { 
			transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);  
        }

.white_back { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 98; background: rgba(255,255,255,0.6); display: none; }

.downloads_tc ul li .but:hover { background: #a61e36; color: #fff; border: 1px solid #a61e36;  }

.anchorBL { display: none; }





/*响应式导航*/
.had_nav {
	width: 100%;
}

.nav_item {
    float: left;
    position: relative;
    width: 16.66%;
}

.nav_item>a {
    display: block;
    text-align: center;
    -webkit-transition: all .4s;
    transition: all .4s;
    font-size: 14px;
    color: #000;
    font-weight: bold; color: #fff; font-size: 18px; font-family: 'Constantia'; font-weight: bold;
}

.menu_open {
    display: none;
}

@media screen and (min-width:1001px) {
    .nav_item.active>a {
        color: #fff;
        background: #134d97;
    }

    .nav_item:hover>a {
        color: #fff;
        background: #134d97;
    }

}

.nav_item_open {
	width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 10;
    background: #195bae;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(34px);
    transform: translateY(34px);
    -webkit-transition: all .4s;
    transition: all .4s;
    overflow: hidden;
}

.nav_item:hover .nav_item_open {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.subopen {
    display: none;
}

.nav_item2 {
    width: 100%;

}

.nav_item2>a {
    display: block;
    padding: 0 0px;
    font-size: 12px;
    line-height: 40px;
    white-space: nowrap;
    text-align: left;
    color: #fff;
    padding-left: 10px;
    border-bottom: 1px solid #134d97; position: relative;
}

.nav_item2>a:hover { background: #134d97;
    color: #fff;  }

/*.nav_item2:hover>a {
    background: #134d97;
    color: #fff;
}*/

.hcover {
    display: none;
}


.nav_three { background: #134d97; text-align: left; padding: 10px 0px; }
.nav_three a { color: #fff; font-size: 12px; display: block; padding-left: 10px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.nav_three a:hover { text-decoration: underline; }
.nav_arrow { position: relative; }
.nav_arrow:after { content: '';
    display: block;
    width: 7px;
    height: 7px;
    margin-bottom: -2px;
    border: 1px solid rgba(255, 255, 255, .6);
    border-top: 0;
    border-left: 0;
    position: absolute;
    bottom: 50%;
    right: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }

.z_clients { background: #f3f3f6; padding: 0px 25px; margin-top: 20px; }
.z_clients ul li { padding: 18px 0px; border-bottom: 1px solid #e0dfe4;  color: #333;  }
.z_clients ul li a { display: block; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; font-size: 16px; background:url(../images/img87.png) no-repeat right center;  padding-right: 40px;  }
.z_clients ul li:last-child { border-bottom: none; }
.z_clients ul li a:hover { color: #195bae; padding-left: 20px; }



@media screen and (max-width:1440px) { 

.nav_item2>a { white-space: nowrap; overflow: hidden; text-overflow:ellipsis; padding-right: 20px; display: block; }

}



@media screen and (max-width:1279px) {
    .nav_item>a {
        font-size: 15px;
    }
}

@media screen and (max-width:1023px) {
    .nav_item>a {
        font-size: 14px;
    }
}

@media screen and (max-width:1000px) {

	.header { display: none; }

	.header .fr .search { display: none; }

    .menu_open {
        display: block;
        float: right;
        width: 24px;
        height: 20px;
        margin-top: 15px;
        cursor: pointer;
    }

    .menu_open i {
        height: 2px;
        width: 100%;
        background: #000;
        display: block;
        margin-bottom: 7px;
    }

    .had_nav {
        width: 60%;
        height: 100%;
        position: fixed;
        top: 0;
        left: -60%;
        z-index: 100;
        overflow: hidden;
        background: #333;
        color: rgba(255, 255, 255, .6);
    }

    .hcover {
        display: block;
        width: 40%;
        height: 100%;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        right: -40%;
        top: 0;
        z-index: 101;
    }

    .nav_ul {
        margin: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        overflow-x: hidden;
        overflow-y: auto;
        padding-top: 20px;
        text-align: left;
    }

    .nav_item {
        float: none;
        margin: 0;
        width: 100%;
    }

    .nav_item:after {
        content: '';
        display: block;
        width: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, .15);
        margin-left: 20px;
    }

    .nav_item>a {
        display: block;
        margin: 0;
        font-size: 14px;
        line-height: 30px;
        color: inherit;
        padding: 10px 10px 10px 20px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        margin-right: 40px;
        text-align: left;
    }

    .nav_item2>a { border-bottom: none; }


    /*11.19修改*/
    
    .nav_item i {
        position: absolute;
        z-index: 2;
        top: 0;
        right: 0;
        /*width: 40px;*/
        width: 100%;
        height: 100%;
    }

    .nav_item i:before {
        content: '';
        display: block;
        height: 100%;
        /*border-left: 1px solid rgba(0, 0, 0, .15);*/   
        position: absolute;
        top: 0;
        left: 0;
    }

    .nav_item i:after {
        content: '';
        display: block;
        width: 7px;
        height: 7px;
        margin-bottom: -5px;
        border: 2px solid rgba(255, 255, 255, .3);
        border-top: 0;
        border-left: 0;
        position: absolute;
        bottom: 50%;
        right: 18px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .nav_item_open {
        width: 60%;
        height: 100%;
        margin: 0;
        box-shadow: none;
        background: #333;
        border-radius: 0;
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        position: fixed;
        left: -60%;
        top: 0;
    }

    .subopen {
        display: block;
        line-height: 40px;
    }

    .subopen a {
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 5px 10px 5px 20px;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 14px;
        color: rgba(255, 255, 255, .3);
        background: rgba(0, 0, 0, .1);
        text-indent: 20px;
        position: relative;

    }

    .subopen a:before {
        content: '';
        display: block;
        width: 7px;
        height: 7px;
        position: absolute;
        bottom: 50%;
        left: 22px;
        margin-bottom: -3px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        border: 2px solid rgba(255, 255, 255, .3);
        border-right: 0;
        border-bottom: 0;
    }

    .nav_item2 {
        position: relative;
    }

    .nav_item2>a {
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 2px 10px 2px 25px;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: inherit;
    }

    .nav_item2:after {
        content: '';
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom: 1px solid rgba(0, 0, 0, .15);
        margin-left: 20px;
    }

    .nav_three { background: #2e2e2e; padding-left: 15px; }
    .nav_three a { opacity: 0.6;  }

}


.nav_gules>a { background:#a51e36; border-bottom: 1px solid #92172d;}
.nav_gules>a:hover { background: #d82d4b; }
.nav_three_gules { background: #ce1a39; }
.nav_three_gules>a:hover { background: none; }
/*.nav_gules:hover>a { background: #a51e36; }*/

.nav_yellow>a { background:#f36924; border-bottom: 1px solid #d4581a;}
.nav_yellow>a:hover { background: #de5714; }
.nav_three_yellow { background:#dc640b; }
.nav_three_yellow>a:hover { background:none; }
/*.nav_yellow:hover>a { background: #f36924; }*/



.share { position: fixed; top: 50%; z-index: 9; right: 0px; margin-top: -100px; }
.share ul li>a { width: 160px; height: 50px; background: #447abd; display: block; line-height: 50px; padding-left: 8px;  }
.share ul li:nth-child(2n)>a { background: #195bae;  }
.share ul li { position: relative; }
.share ul li>a .img { display: inline-block; vertical-align: middle; margin-top: -2px; }
.share ul li>a .text { display: inline-block; vertical-align: middle; color: #fff; }

.share_icon { position: absolute; right: 160px; border: 1px solid #e2e2e7;  top: 0px; background: #fff; width: 240px; padding-left: 10px;  height: 50px; border-bottom-left-radius: 8px; border-top-left-radius: 8px; display: none;  }
.share_icon a { margin: 0px !important; }
.share_icon a.icon1 { display: inline-block; background: url(../images/img186.png) no-repeat center center; width: 50px; height: 50px; display: inline-block; vertical-align: middle; }
.share_icon a.icon2 { display: inline-block; background: url(../images/img187.png) no-repeat center center; width: 50px; height: 50px; display: inline-block; vertical-align: middle; }
.share_icon a.icon3 { display: inline-block; background: url(../images/img188.png) no-repeat center center; width: 50px; height: 50px; display: inline-block; vertical-align: middle; }
.share_icon a.icon4 { display: inline-block; background: url(../images/img189.png) no-repeat center center; width: 50px; height: 50px; display: inline-block; vertical-align: middle; }

.bd_weixin_popup { height: 320px !important; }
.bd_weixin_popup_main table { width: 200px !important; height: 185px !important;  }

.share_wm { width: 250px; text-align: center; height: 250px; background: #fff; position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; z-index: 99; border-radius: 3px; display: none; }
.share_wm .img { display: inline-block; width: 119px; margin-top: 65px; }

.share_back { background: rgba(0,0,0,0.5); position: fixed; width: 100%; height: 100%; left: 0px; z-index: 9; top: 0px; display: none; }
.share_close { position: absolute; top: 20px; right: 20px; cursor: pointer; cursor: pointer; }
.share_close img { width: 15px; }

.scroll_click { display: none; }

.in_programmes { height: 504px; }
.in_campus { height: 295px; }
.in_download { height: 376px; }
.in_new { height: 469px; }
.in_video { height: 376px; }


.search_list ul li { border-bottom: 1px solid #e1e1e7; padding: 20px 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 100px;  position: relative;}
.search_list ul li span { position: absolute; right: 0px; font-size: 12px; line-height: 60px; top: 0px; }
.search_list ul li a { color: #195bae; font-size: 16px;  }


.search_phone { display: none; }
.yuyan { display: none; }
.phone_banner { display: none; } 
.banner { display: block; }

.gules_col { color: #a51e36 !important ; }
.blue_col { color: #00448b !important; }
.blue_col2 { color: #0e33ad !important; }
.yellow_col { color: #f36924 !important; }

.why_fudan { margin-top: 30px; }
.why_fudan ul li { background: #f3f3f6; display: table; margin-top: 30px; }
.why_fudan ul li .img { width: 44.2%; float: left; vertical-align: middle; }
.why_fudan ul li .text { width: 55.8%; float: right; vertical-align: middle; padding:0px 40px; height: 450px; }
.why_fudan ul li .text:after { content: ''; width: 0px; height: 100%; display: inline-block; vertical-align: middle; }
.why_fudan ul li .text p { font-size: 14px; line-height: 22px; margin: 20px 0px; color: #000; }
.why_fudan ul li .text .con { display: inline-block; vertical-align: middle; width: 98%; }


.why_fudan ul li:nth-child(2n) .img { float: right; }


.phone_campus { display: none; }
.phone_download { display: none; }

.m_apply a { background: #0e33ad; color: #fff; border-radius: 3px; display: inline-block; padding: 5px 20px; margin-top: 20px; }
.m_apply a:before { content: ''; background: url(../images/img181.png) no-repeat left center; width: 40px; height: 40px; display: inline-block; vertical-align: middle; margin-right: 5px; margin-top: -2px; }
.m_apply a:hover { background: #447abd; }


@media screen and (max-width: 1440px) {

.why_fudan ul li .text { height: auto; float: none; width: 100%; padding: 0px 20px; }
.why_fudan ul li .img { width: 36%; float: left; margin-right: 30px; }
.why_fudan ul li .text .con { display: block; }
.why_fudan ul li:nth-child(2n) .img { margin-right: 0px; margin-left: 30px; }



.in_video .img .icon { width: 30px; height: 30px; background-size:30px auto; }
.in_video .img p a { font-size: 12px; }
.in_video .img p { line-height: 27px; }

.main { max-width: 960px !important; }	
.section .in_fl { width: 330px; }
.section .in_fr { width: 600px; }
.in_programmes dl dt { font-size: 14px; }
.banner .swiper-slide { height: 450px; }
.in_why { height: 312px; }
.in_why .text a { height: auto; }
.section { padding-top: 60px; padding-bottom: 60px; }
.in_why .text ul li p a { font-size: 14px; }
.m_nav { height: 54px; line-height: 54px; }
.in_new .tit span { font-size: 20px; }

.contert_box .m_fl { width: 260px; }
.contert_box .nav { padding: 20px; }
.contert_box .news { padding: 20px; }
.contert_box .m_fr { width: 670px; }

.in_why .text h3 { font-size: 20px; }
.in_programmes h3 { font-size: 20px; }
.in_campus h3 { font-size: 20px; }
.in_download h3 { font-size: 20px; }
.in_video h3 { font-size: 20px; }

.banner_nr h3 { font-size: 30px; }
.contert_box .nav h2 { font-size: 20px; }
.contert_box .nav .text a { font-size: 12px; }
.contert_box .news h2 { font-size: 20px; }

.m_tit { font-size: 30px; }
.programs .img { padding-top: 25px; width: 350px; }
.programs .img p { padding: 20px 0px; padding-left: 20px; }
.mitimba .list ul li .text { min-height: 415px; }
.academics .list ul li .text a { font-size: 16px; }

.online .tab_tit span { font-size: 13px; }
.online .tab_tit .sp2 { margin-left: 6px; }
.online .tab_tit .sp3 { margin-left: 6px; }

.online .tab_con .list ul li .text strong { font-size: 13px; }
.online .tab_con4 .list ul li { width: 50%; margin-bottom: 10px; }
.online1 .list ul li .con { min-height: 270px; }

.visit_biaoge .list ul li { padding: 20px 10px; text-align: center; }
.shahai .list ul li .icon { display: block; }
.shahai .list ul li .icon img { display: inline-block; }
.shahai .list ul li .con { display: block; margin-top: 10px; }

.downloads .list ul { margin-left: -6px; margin-right: -6px; }
.downloads .list ul li { padding: 0px 6px;  }
.downloads .list ul li .text { padding-left: 15px; }
.downloads .list ul li .text p { font-size: 12px; padding: 20px 0px; }

.profile .text strong { width: 32%; }
.profile .text p { padding-left: 15%; }
.profile .text { background: url(../images/img180.png) no-repeat right top; }
.news_list ul li .text { margin-left: 280px; }
.news_list ul li { padding-bottom: 20px; margin-bottom: 20px; }
.number a { width: 36px; height: 36px; line-height: 36px; }
.news_con .new_tit h1 { font-size: 30px; line-height: 40px; }

.testimonial .list ul { margin-left: 0px; margin-right: 0px; }
.testimonial .list ul li { width: 100%; padding: 0px; }
.banner_nr h2 { font-size: 30px; }
.banner_nr p { font-size: 16px; line-height: 25px; }
.housing .list2 ul li .con { min-height: 260px; }
.shahai .list ul li { text-align: center; }
.video_list ul { margin-left: -10px; margin-right: -10px; }
.video_list ul li { padding: 0px 10px; }


.in_programmes { height: 504px; }
.in_campus { height:272px; }
.in_download { height: 320px; }
.in_why { height: 312px; }
.in_new { height: 464px; }
.in_video { height: 320px; }


.online .tab_tit .sp1 { width: 172px; }
.online .tab_tit .sp2 {  margin-left: 5px; width:275px;  }
.online .tab_tit .sp3 {  margin-left: 5px; width:209px;  }

}

.phone_header .logo { display: none; } 





@media screen and (max-width: 1000px) {

.z_clients { padding: 0px 20px; }
.z_clients ul li a  { font-size: 14px; line-height: 24px; }

.online .tab_tit .sp1 { background: #eaeaea; width: 100%; }
.online .tab_tit .sp2 { background: #eaeaea; margin-left: 5px; width: 100%; }
.online .tab_tit .sp3 { background: #eaeaea; margin-left: 5px; width: 100%; }	

.in_new .con ul li .text strong { padding-top: 2px; }
.in_new .events ul li .text strong { padding-top: 0px; float: none; }
.in_new .con ul li .text a { margin-top: 5px; }



.phone_campus { display: block; }
.phone_download { display: block; }
.pc_campus { display: none; }
.pc_download { display: none; }


.why_fudan ul li .text { padding: 15px; }
.why_fudan ul li .img { width: 100%; float: none; }
.why_fudan ul li .img img { width: 100%; height: 100%; }
.why_fudan ul li .text { width: 100%; float: none; height: auto; }
.why_fudan ul li .text .con { height: auto; }



.phone_banner { display: block; } 
.banner { display: none; }	

.search_list ul li { padding: 15px 0px; padding-right: 120px; }
.search_list ul li a { font-size: 14px;  }
.search_list ul li span { line-height: 48px; }

.header_H50 { height: 50px; }
.main { max-width: 100% !important; padding: 0px 10px; }
.banner .swiper-slide { height: 240px; }
.section .in_fl { width: 100%; float: none; }
.section .in_fr { width: 100%; float: none; margin-top: 20px; }
.header .logo { width: 180px; float: none; }
.header { display: none; }
.phone_header { position: fixed; left: 0px; height: 50px; width: 100%; z-index: 999; background: #fff; }
.phone_header .logo { display:block; width: 89px; float: left; margin-top: 9px; } 
.m_nav { background: #fff; height: 50px; line-height: 50px; }
.banner .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0px 5px!important; }



.section { padding-top: 20px; padding-bottom: 20px; }
.in_programmes { padding: 15px; }
.in_campus { padding: 20px 15px; margin-top: 20px; }
.in_download { padding: 20px 15px; margin-top: 20px; }
.in_why .text ul li { width: 50%; margin-top: 20px; }
.in_why .text ul { margin-top: 30px; }
.in_why { height: auto; padding-bottom: 30px; }
.in_why .text ul { margin-top: 20px; }
.in_programmes h3 { font-size: 16px; }
.in_campus h3 { font-size: 16px; }
.in_download h3 { font-size: 16px; }
.in_why .text h3 { font-size: 16px; padding-left: 15px; padding-right: 15px; }
.in_why .text ul li .img { width: 36px; margin: 0px auto; }
.in_why .text ul { margin-top: 10px; }
.in_new { margin-top: 20px; padding:20px 15px; }
.in_new .tit span { font-size: 16px; }


.in_new .con ul li .img { width: 110px; height: 68px; }
.in_new .con ul li .text { margin-left: 128px; }
.in_new .con ul li .text a { font-size: 14px; }

.in_new .events ul li .text { margin-left: 0px; }


.in_video { margin-top: 20px; padding: 20px 15px; }
.in_video .img { width: 50%; }
.in_video .fr { width: 100%; }
.in_video .fr ul li { width: 50%; float: left; }
.in_video .img p { font-size: 12px; }
.in_video .img:before { width: 26px; height: 26px; background-size: 26px auto; }
.in_video .img p { line-height: 25px; }

.footer { display: none; }

.foot { text-align: center; }
.foot p { float: none; }
.foot h6 { float: none; margin-top: 10px; }

.in_download .text img { width: 100%; }
.in_video .img img { width: 100%; }

.banner_nr .text { height: 140px; }
.banner_nr h3 { font-size: 20px; }
.contert_box .nav { display: none; }
.contert_box .m_fl { display: none; }

.contert_box .m_fr { float: none; width: 100%; }
.m_tit { font-size: 20px; margin-top: 20px; margin-bottom: 20px; }
.programs { margin-top: 30px; }
.programs .dow { float: none; }
.programs .text p { margin-bottom: 15px; }
.contert_box { padding-bottom: 30px; }
.mitimba .list ul li .text { min-height: auto; }
.mitimba .list ul li { width: 100%; }
.mitimba h6 { line-height: 22px; }

.m_tit { font-size: 16px; }
.mitimba .con h3 { font-size: 14px; font-weight: bold; }
.mitimba .con h3:after { top: 0px; height: 12px; }
.mitimba .list ul li .text { padding: 20px; text-align: center; }
.mitimba .list ul li .text img { display: inline-block; }
.mitimba .list ul li .text strong { text-align: left; }
.mitimba .list ul li .text p { text-align: left; }


.x_tit { font-size: 14px; font-weight: bold; }
.x_tit:after { top: 0px; height: 12px; }

.mitimba .img { padding:15px; }
.academics .list ul li .text { margin-left: 86px; }
.academics .list ul li { padding: 15px 0px; }
.academics .list ul li .time a { font-size: 18px; line-height: 18px; }

.online .tab_tit span { width: 100%; margin-bottom: 15px; }
.online .tab_tit .sp2 { margin-left: 0px; }
.online .tab_tit .sp3 { margin-left: 0px; }
.online .tab_con .list ul li { width: 100%; margin-bottom: 10px; }
.online .tab_con h3 { font-size: 14px; font-weight: bold;  }
.online .tab_con h3:after { top: 1px; height: 12px; }
.online1 .list ul li { width: 100%; margin-bottom: 20px; }
.online1 .list ul li .con { min-height: auto; }
.online1 .list ul li:last-child { margin-bottom: 0px; }

.online2 .list { padding: 10px; }
.online2 .list ul li { font-size: 12px; padding: 0px 5px; }
.online3 .list1 .tab_tit1 span { font-size: 12px; }
.online3 .list1 .tab_con1 { padding: 5px 20px; }
.m_chinese p { margin-top: 20px; }

.scholarship2 .list ul { margin-left: 0px; margin-right: 0px; }
.scholarship2 .list ul li { width: 100%; padding: 0px; margin-bottom: 10px; }
.scholarship2 .list ul li:last-child { margin-bottom: 0px; }
.scholarship2 .list ul li .text { min-height: auto; text-align: center; }
.scholarship2 .list ul li .text h3 { text-align: left; }
.scholarship2 .list ul li .text p { text-align: left; }
.m_form ul li .fm2 { width: 100%; border-bottom: 1px solid #e1e1e7; }
.m_form ul li .fm2:last-child { border-bottom: none; }
.m_form ul li .fm3 .select_txt { width: 100%; }


.m_form .submit_but { padding: 10px 36px; font-size: 18px; }
.hongko .list ul li { width: 100%; border-bottom: 1px solid #e1e1e7; }
.hongko .list ul li:last-child { border-bottom: none; }
.shahai .text { padding: 10px; }



.m_form ul li .pdleft7 { padding-left:20px; padding-right: 170px; }
.m_form ul li .fm_yzm img { width: 150px;  }
.m_form ul li .fm_yzm { top: 15px; }
.m_form ul li .fm5 label { display: none; }

.shahai .text1 dl dd { display: block; width: 33.3%; float: left; margin: 0px; }
.shahai .text1 dl dd .img { padding: 8px; padding-bottom: 0px; }
.shahai .text1 { padding: 30px 10px; }
.downloads .list ul li { width: 50%; }
.downloads .list ul li .text p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 10px; }
.downloads_tc { width: 94%; margin-left: 3%; margin-right: 3%; padding: 40px 0px; }
.downloads_tc ul { padding: 0px 20px; }
.downloads_tc ul li label { font-size: 14px; }
.downloads_tc ul li { padding-left: 90px; margin-top: 13px; }
.downloads_tc ul li .txt { height: 36px; line-height: 36px; }
.downloads_tc ul li .but { font-size: 16px; }
.downloads_tc ul li label { line-height: 36px; }
.downloads_tc { height: 380px; }
.downloads_tc ul { margin-top: 0px; }
.downloads_tc h3 { font-size: 16px; }
.a_close { top: 15px; right: 15px; }
.a_close img { width: 26px; }
.downloads1 .list dl dt span { width: 30px; height: 30px; line-height: 30px; margin-top: -15px; left: 18px; }
.downloads1 .list:after { left: 33px; }
.downloads1 .list dl dt {  font-size: 14px; padding: 22px 0px; padding-left: 60px; padding-right: 30px; }
.downloads1 .list dl dd { padding-left: 60px; font-size: 12px; }
.downloads1 .list dl dt.active:after { width: 84%; }


.global .list ul li .img { display: block; width: 100%; float: none; }
.global .list ul li .con { margin-left: 0px; padding-top: 0px; text-align: center; }
.global .swp_global_01 p { font-size: 12px; }
.global .swp_global_02 p { font-size: 12px; }
.learning_list { padding: 15px; }
.learning_list ul li { margin: 0px; }
.career .list ul li { padding: 10px 0px; }
.career .list ul li span { width: 100%; }
.career .list ul li strong { width: 100%; margin-top: 5px; }

.swp_career .con { padding: 20px; }
.swp_career { padding-bottom: 40px; }
.career .list { margin-top: 20px; }

.profile .text strong br { display: none; }
.profile .text strong { width: 100%; display: block; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.3); font-size: 22px; padding-bottom: 20px; }
.profile .text p { width: 100%; display: block; margin-top: 20px; padding: 0px; font-size: 14px;  }
.profile .text { height: auto; background: #195bae; padding: 30px 20px; }
.profile .list ul li { width: 100%; padding: 20px; }
.profile .list ul li .con { min-height: auto; }
.news_list ul li .img { width: 140px; height: 87px; }
.news_list ul li .text { margin-left: 160px; }
.news_list ul li .text p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: auto; padding-right: 10px; }
.news_list ul li .text h6 { margin-top: 16px; }
.news_list ul li { padding-bottom: 15px; margin-bottom: 15px; }
.number a { width: 30px; height: 30px; line-height: 30px; margin: 0px 2px; }

.testimonial .list ul li .text p { font-size: 12px; }
.testimonial .list ul li .text .con strong { font-size: 12px; }
.testimonial .list ul li .text .con span { font-size: 12px; }

.banner_nr h2 { font-size: 20px; }
.banner_nr p { width: 100%; font-size: 12px; line-height: 16px; margin-top: 10px; }

.housing .tab_tit span { font-size: 14px; }
.housing .list ul li { width: 100%; border-bottom: 1px solid #e1e1e7; }
.housing .list1 { padding: 15px; }
.housing .list ul li .img { float: none; text-align: center; margin: 0px auto; }
.housing .list ul li .img img { display: inline-block; }
.housing .list ul li .text { margin-left: 0px; text-align: center; margin-top: 10px; }
.housing .list ul li { border-left: none; }
.housing .list1 { border-top: none; }
.housing .list { border-bottom: none; }

.m_number_list ul li span { width: 34px; height: 34px; line-height: 34px; left: 20px; }
.m_number_list ul:after { left: 36px; height: 81%; }
.m_number_list ul li { padding-left: 72px; padding-top: 20px; padding-bottom: 20px; }
.m_number_list3 ul:after { top: 15%; height: 70%; }
.housing .list3 ul li .img { display: block; text-align: center; }
.housing .list3 ul li .img img { display: inline-block; }
.housing .list3 ul li .text { display: block; margin-left: 0px; margin-top: 10px; }
.housing .list3 ul li { padding: 20px 10px; text-align: center; }
.housing .list2 ul li { width: 100%; }
.housing .list2 ul li .con { min-height: auto; text-align: center; padding: 15px;}
.housing .list2 ul li .con strong { width: 34px; height: 34px; line-height: 34px; margin: 0 auto; display: block; }
.housing .list2 ul li .con p { font-size: 12px; }
.housing .list2 ul li .con h3 { font-size: 14px; }
.housing .table1 td { font-size: 12px; }
.campus_box { padding-bottom: 0px; }
.shahai .list ul li { width: 100%; border-bottom: 1px solid #e1e1e7; }
.shahai .list ul li:last-child  { border-bottom: none; }

.share { display: none; }
.news_list ul li .text strong { margin-top: 10px; }
.news_list ul li .text p { margin-top: 2px; }
.news_list ul li .text h6 { margin-top: 5px; }
.news_con .new_tit h1 { font-size: 18px; line-height: 25px; }
.news_con { margin-top: 20px; }

.return a { padding: 10px 30px; }
.video_list ul li { margin: 10px 0px; }
.video_list ul li p a { padding-left: 10px; }
.video_list ul li p { font-size: 12px; line-height: 80px; }
.video_list ul li .text { overflow: hidden; }
.video_list ul li .text .icon { width: 30px; height: 30px; background-size:25px auto; }

  .in_programmes { height: auto; }
  .in_campus { height: auto;  }
  .in_download { height: auto;  }
  .in_why { height: auto;  }
  .in_new { height: auto;  }
  .in_video { height: auto;  }

  .search_phone { display:block; }
  .search_phone { position: absolute; z-index: 99; bottom: 10px; width: 100%; padding: 0px 10px; }
  .search_phone .txt { width: 100%; height: 40px; border: 1px solid #e2e2e2; line-height: 40px; padding: 0px 10px; padding-right: 60px; border-radius: 0px; }
  .search_phone .but { width: 40px; height: 40px; background:#195bae url(../images/img2.png) no-repeat center center; position: absolute; right:10px; top: 5px; border-radius: 0px; }
  .yuyan { position: absolute; bottom: 70px; z-index: 99; padding-left: 10px; width: 100%; display: block; }
  .yuyan a { color: rgba(255,255,255,0.5); border-bottom: 1px solid #212121; display: block; padding: 0px 0px; width: 100%; position: relative;}
  .yuyan a:after {  
     content: '';
    display: block;
    width: 7px;
    height: 7px;
    margin-bottom: -5px;
    border: 1px solid rgba(255, 255, 255, .3);
    border-top: 0;
    border-left: 0;
    position: absolute;
    bottom: 50%;
    right: 10px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }

}



.waveRaidus {
    animation:waveRaidus 2s linear infinite;
    -webkit-animation:waveRaidus 2s linear infinite;
}

@-webkit-keyframes waveRaidus {
    0% { transform: scale(1); opacity: 0;  }
    20% { transform: scale(1.1); opacity: 0.2; }
    40% { transform: scale(1.15); opacity: 0.5; }
    60% { transform: scale(1.2); opacity: 0.8; }
    80% { transform: scale(1.25); opacity: 0.5; }
    90% { transform: scale(1.3); opacity: 0.2; }
    100% { transform: scale(1.4); opacity: 0; }
}


@keyframes waveRaidus {
    0% { transform: scale(1); opacity: 0;  }
    20% { transform: scale(1.1); opacity: 0.2; }
    40% { transform: scale(1.15); opacity: 0.5; }
    60% { transform: scale(1.2); opacity: 0.8; }
    80% { transform: scale(1.25); opacity: 0.5; }
    90% { transform: scale(1.3); opacity: 0.2; }
    100% { transform: scale(1.4); opacity: 0; }
}


.mitimba .list ul .dow .text a { position: relative; }
.mitimba .list ul .dow .text a span { display: block; }
.mitimba .list ul .dow .text a em { position: absolute; left: 50%; margin-left: -44px; top: 50%; margin-top: -44px;}



.device {
  position: relative;
}
.device .arrow-left {
  background: url(../images/img97.png) no-repeat left top;
  position: absolute;
  right: 45px;
  bottom: 12px;
  width: 23px;
  height: 23px; z-index: 99;
}
.device .arrow-right {
  background: url(../images/img98.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  bottom: 12px;
  width: 23px;
  height: 23px; z-index: 99;
}

.device .pagination {
  position: absolute;
  z-index: 20;
  bottom: 5px;
  width: 100%;
  text-align: left;
}
.device .swiper-pagination-switch {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #a0a6ad;
  margin: 0 5px;
  opacity: 0.6;
  margin:0px 4px; 
  cursor: pointer;
}
.device .swiper-active-switch {
  background: #195bae; opacity: 1; 
}


.z_feat { margin-top: 20px; }
.z_feat h3 { background: #f3f2f7; font-size: 20px; color: #195bae; text-align: center; padding: 20px 0px; border: 1px solid #e1e1e7;  }
.z_feat .tit { background:#195bae; padding: 0px 0px;   }
.z_feat .tit ul li { float: left; width: 25%; text-align: center; color: #fff; font-size: 20px; background: url(../images/z_img1.png) no-repeat right center; height: 50px; line-height: 50px; }
.z_feat .tit ul li:last-child { background: none; }

.tab_feat { border-collapse: collapse; border-spacing: 0; width: 100%; }
.tab_feat tr td { border: 1px solid #e1e1e7; padding: 10px; text-align: center; color: #000000; }
.tab_feat tr:nth-child(2n) td { background: #fff2f2; }

.z_prog { background: #f3f3f6; margin-top: 20px; padding: 40px 0px; }
.z_prog ul { letter-spacing: -5px; }
.z_prog ul li { display: inline-block; letter-spacing: 0px; width: 25%; vertical-align: top; text-align: center; padding: 0px 10px;  }
.z_prog ul li img { display: inline-block; }
.z_prog ul li strong { display: block; color: #333; display: block; margin-top: 10px; font-size: 16px; }
.z_prog ul li p { color: #888888; margin-top: 5px; }

.z_prog2 { background: #f3f3f6; margin-top: 20px; padding: 40px 0px; width: 100%; position: absolute; z-index: 100; top: 69px; left: 0px; display: none; }
.z_prog2 dl { letter-spacing: -5px; }
.z_prog2 dl dd { display: inline-block; letter-spacing: 0px; width: 25%; vertical-align: top; text-align: center; padding: 0px 10px;  }
.z_prog2 dl dd img { display: inline-block; }
.z_prog2 dl dd strong { display: block; color: #333; display: block; margin-top: 10px; font-size: 16px; }
.z_prog2 dl dd p { color: #888888; margin-top: 5px; }
.z_back { background: rgba(0,0,0,0.5); position: fixed; z-index: 99; top: 0px; left: 0px; height: 100%; width: 100%; display: none; }

.online .tab_con4 .list ul li .z_prog2  { width: 840px; left: 8px; }
.online .tab_con4 .list ul li:nth-child(2n) .z_prog2 { left:initial; right: 0px; right: 8px; } 


@media screen and (max-width: 1440px){

.online .tab_con4 .list ul li .z_prog2  { width: 670px; }

}


@media screen and (max-width: 767px) {

  .z_feat h3 { font-size: 12px; font-weight: bold; }
  .z_feat .tit { background: none; margin-top: 5px; }
  .z_feat .tit ul li { width: 50%; border: 1px solid #fff; font-size: 16px;  background:#195bae; }
  .z_feat .tit ul li:last-child { background:#195bae; }
  .tab_feat tr td { padding: 5px; font-size: 14px;  }
  .tab_feat { margin-top: 5px; }
  .z_prog { padding: 22px 0px; }
  .z_prog ul li { width: 50%; margin: 15px 0px; }
  .z_prog2 { padding: 22px 0px; }
  .z_prog2 dl dd { width: 50%; margin: 15px 0px; }


}