@charset "utf-8";
.subbanner{width: 100%;overflow: hidden;position: relative;top: -60px;margin-bottom: -60px;}
.subbanner-con{width: 100%;height: 0;padding-bottom:21.25%;overflow: hidden; background-position:center top;background-size: cover;background-repeat: no-repeat;}
/*content*/
.subPage{background: url(../images/subcontent_bg.png) no-repeat center bottom;width: 100%;padding-bottom: 30%;background-size:100%; position: relative;}
.subPage:before{ content: ''; display: block; width: 100%; height: 100%; background: url(../images/modebg.png) no-repeat right top 30px;
position: absolute; right: 0; top: 0; }
.subPage02{ background:url(../images/subcontent_bg2.png) no-repeat center bottom; padding-bottom: 24%; }

/*侧边栏*/ 
.subLeft{width: 270px;margin-top: -48px; }
.gp-subLeft{width: 270px;background: #1d3757; margin-bottom: 100px;}
.gp-subLeft > ul{}
.gp-subLeft > ul >li{position: relative;} 
.gp-subLeft > ul >li > a{color:#cccccc;display: block;border-bottom: 1px solid #24528a;transition: all 0.35s ease-in-out;font-size: 20px;font-size: 2rem;padding: 16px 10px 16px 20px;font-family: 'Arial';}
.gp-subLeft > ul >li > a:hover,.gp-subLeft > ul >li > a.active{color:#222;background-color: #ffcb0b; padding-left: 25px;font-size: 21px; font-size: 2.1rem;}
.gp-subLeft .gp-toggles,.gp-sub-toggles{font-size: 12px;font-size: 1.2rem; width: 36px;height: 59px;position: absolute;right: 0;top: 0;line-height: 59px;text-align: center;cursor: pointer;color:#fff;font-weight: normal;display: block;}
.gp-subLeft .gp-toggles.icon-jia{color:#fff;*background: url(../images/jia.png) no-repeat center center;}
.gp-subLeft .gp-toggles.icon-jian{color:#fff;*background: url(../images/jian.png) no-repeat center center;}
.gp-subLeft .gp-sub-toggles{width: 50px;height: 50px;line-height: 50px;}
.gp-subLeft .gp-sub-toggles.icon-jia{color:#fff;*background: url(../images/jia.png) no-repeat center center;}
.gp-subLeft .gp-sub-toggles.icon-jian{color:#fff;*background: url(../images/jian.png) no-repeat center center;}
.gp-second-nav{font-size: 14px;display: none;background-color: #24528a;}
.gp-second-nav dd{position: relative;}

.gp-second-nav dd a{display: block;position: relative; padding:14px 20px 14px 20px; color:#fff;transition: all 0.35s ease-in-out;font-size: 18px;font-size: 1.8rem; font-family: Arial;}
.gp-second-nav dd dd a{padding-left: 60px;font-size: 16px;font-size: 1.6rem;padding: 10px 30px 10px 50px;background-color: #3d72b3;color:#ddd;border-bottom: none;}
.gp-second-nav dd dd a:before{border-bottom-color: #4e81c0;}
.gp-second-nav dd a:before{position: absolute;left: 50%;bottom: 0;height: 0;border-bottom:1px dotted #6e8aac;width: 230px;margin-left: -115px;content: '';}
/* .gp-second-nav dd a:after{ content: '';position: absolute;right: 35px;top: 50%;width: 0px;height: 0px;transition: all 0.3s ease-in-out; margin-top: -4px; border-radius: 50%;background-color: #ffcb0b;} */
.gp-second-nav dd a:hover,.gp-second-nav dd a.current{background-color: #ffcb0b;color:#222;padding-left: 28px;}
.gp-second-nav dd a:hover:after,.gp-second-nav dd a.current:after{width: 8px;height: 8px;}
.gp-second-nav dd a.current:before,.gp-second-nav dd a:hover:before{border-bottom: none;}
.gp-second-nav dd dd a:hover,.gp-second-nav dd dd a.current{padding-left:52px ;}
.gp-subLeft *{transition: none;}
.gp-subRight{margin-left: 342px;padding-top: 35px;}
.gp-subRight-con{}
/*侧边栏移动端 */
.gp-m-subNav{display:none;/*! margin-top: 12px; */}
.gp-m-inner-header{width:100%;height:50px;background-color: #2c66ac;cursor:pointer;line-height: 50px;}
.gp-m-inner-header > span{height: 50px;padding-left: 15px;font-size: 1.8rem;color:#ffcb0b;font-family: Arial;}
.gp-m-subNav .gp-m-inner-header-icon-click{}
.gp-m-subNav .gp-m-inner-header-icon{float: right;color: #ffcb0b;width: 50px;height: 50px;text-align: center;}
.gp-m-subNav  .gp-m-inner-header-icon-click i{display: block;}
.gp-subNavm{ width:100%; overflow: hidden;display: none;}
.gp-subNavm h2{width:100%;height:48px;line-height:48px;background-color:#003c7f;}
.gp-subNavm h2 a{padding-left:13px;font-size:20px;font-family:Tahoma;display:block;color:#fff;}
.gp-subNavm ul{background: #fdfdfd;}
.gp-subNavm li{position: relative;}
.gp-subNavm li > a{ font-size: 14px;padding-left:13px;height:40px;line-height:40px;border-bottom:1px solid #e6e6e6;display:block;font-family: Arial;} 
.gp-subNavm li.sub_has span{ margin-left: 10px;}
.gp-subNavm li.on a{ color:#003c7f; display:block; width:100%;}
.gp-m-toggle,.gp-sub-m-toggle{width: 40px;height: 40px;position: absolute;right: 0;top: 0;line-height: 40px;text-align: center;}
.gp-subNavm dl{ display: none; background-color:#fff; padding:5px 0px;}
.gp-subNavm dl dd{ padding-left: 30px; line-height:18px; padding:8px 0px 8px 30px;border-bottom: 1px dotted #ccc;position: relative;font-family: Arial;}
.gp-subNavm li dl dd a{ font-size: 12px; font-weight:normal; display:inline;  border:none; padding:0px;}
.gp-subNavm li dl dd a:hover{ color:#2c66ac;}

.subCon{position: relative;z-index: 3}
.sub-leftTitle{ line-height: 33px;background-color: #24528a;position: relative;padding: 16px 10px;}
.sub-leftTitle:after{content: '';width: 0;height: 0;border-bottom: 18px solid #001931;border-right: 18px solid transparent;position: absolute;top: 0;right: -18px;z-index: 8;}
.sub-leftTitle h2{padding-left: 10px;color:#fff;font-family: 'Arial';}
/*自定义*/

/*左侧栏新闻+焦点*/ 
.articleTitle01{ height: auto; line-height: 30px;margin-bottom: 15px;overflow: hidden;}
.articleTitle01 .title{ padding-right: 10px;float: left;}
.articleTitle01 .title01{ float: none; display: block;}
.articleTitle01 .more{ color: #666666; position: relative;padding-left: 20px; }
.articleTitle01 .more:before{ content: ""; display: block; width: 1px; height: 20px; background: #4686d4; position: absolute; left: 0; bottom: 0; }
.subNews{ margin: 0 0 50px 0; overflow: hidden; }
.subNews ul{ margin: -20px 0 0 0; overflow: hidden; }
.subNews ul li{ border-bottom: #eee 1px solid; overflow: hidden; }
.subNews ul li a{ display: block; padding: 20px 0; overflow:hidden; }
.subNews .artText{ display: block;line-height: 26px; max-height: 104px; overflow: hidden; margin: 12px 0;}
.subNews .date{ color: #757575; }
 
.subNews .artImg{ display: block; position: relative;width: 100%;} 
.subNews .play{ display: block; width: 23px; height: 23px; background: url(../images/play2.png) no-repeat; position: absolute;left: 50%;bottom: 50%;margin-left: -12px;margin-bottom: -12px;transition: all 0.3s ease-in-out;}
.subNews ul li a:hover .play{ left: -23px; bottom: -23px; }

 
/*新闻列表1*/
.USTB-list01 .artImg{width: 344px;}
.USTB-list01 .artInfo{margin-left: 374px; padding: 20px 0; overflow: hidden;margin-right: 30px;}
.USTB-list01 .artInfo .info{transition: all 0.3s ease-in-out;}
.USTB-list01 .info h3{max-height: 48px;line-height: 24px;overflow: hidden; }
.USTB-list01 .info p{max-height: 48px;line-height: 24px;color:#757575;overflow: hidden;}
.USTB-list01 .info span{ color: #757575; }

.USTB-list01 li{border-top: 1px solid #eee; margin-bottom: 30px;}
.USTB-list01 li a{display: block;overflow: hidden;background: #fff;}
.USTB-list01 li .artInfo .info p{max-height:52px ;margin: 10px 0 20px 0;}

  

/* 1.0索引页-关于我们 */
.cooInfo{overflow: hidden;}
.cooInfo-info{margin-bottom: 40px;}
.cooInfo-info a{display: block;overflow: hidden;}
.coo-lf{width: 55.5%;}
.coo-rt{width: 44.5%;position: relative;}
.c_bg{width: 100%;height:276px ;content: '';background-color: #2c67ad;position: absolute;right: 0;top: 60px;z-index: 0;}
.cootitleBox{position: absolute;right: 20px;top: 40px;width: 110%;background-color: #fff;background-image: url(../images/c_bg.png) ;background-repeat: no-repeat;background-position: right bottom; z-index: 3;}
.cootitle{padding: 30px 40px 30px 40px;}
.cootitle h2{line-height: 30px;overflow: hidden;margin-bottom: 10px;}
.cootitle p{height: 138px;overflow: hidden;line-height: 28px;margin-bottom:20px;color:#444;/*! text-align: justify; */}
.cootitle .more{font-size: 15px;font-size: 1.5rem;color:#757575;padding-left: 30px;background-image: url(../images/c-more.png) ;background-repeat: no-repeat;background-position: left center; background-size:contain; }
.cooInfo-info a:hover  .more{color:#012959}
.cooInfo-info02 .c_bg{right: auto;left: 0;}
.cooInfo-info02 .cootitleBox{right: auto;left: 20px;}
.cooInfo-info02 .cootitle h2{text-align: right;}
.cooInfo-info02 .cootitleBox{background-image: url(../images/c_bg2.png) ; background-position: left bottom;}
.cooInfo-info02 .cootitle .more{background-position: right center; padding: 0 30px 0 0;text-align: right;}
.cooInfo:last-child .cooInfo-info{margin-bottom: 0;}

  

/*1.2历史沿革*/
.USTB-history{ /*! margin-left: 170px; */ }
.history{}
.historyList > li{/*! padding-left: 40px; */border-top: 1px solid #eee;padding-top: 20px;margin-bottom: 30px;}
.historyImgListBox {margin-top: 15px;text-align: center;margin-left:auto ;margin-right: auto;width: 68%;overflow: hidden;}
.historyImgList{margin: 0 -15px;overflow: hidden;}
.historyImgList > li{margin-bottom: 10px;}
.historyImgList > li span{display: block; margin-left: 15px;margin-right: 15px;}
.historyImgList > li span img{width: 100%;display: block;}
.historyCon{text-indent: 2rem;line-height: 34px;margin-bottom: 20px;}
.history-year{width: 216px;left: -36px;top: -27px;background: #fff;border-top-right-radius: 50px;}
.history-year span{color:#012959; display: block;padding:15px 30px 15px 0;line-height: 33px;z-index: 2;position: relative;background-image: url(../images/h_bg.png);background-position: center right;background-repeat: no-repeat;}
.history-info{ margin-left: 190px; }
 
 
/*1.3办公室职责*/
.Office-duties{ border-bottom: #eee 1px solid; overflow: hidden; padding-bottom: 25px;margin-bottom: 25px;}
.Office-duties h2{ margin-bottom: 15px; overflow: hidden; }
.Office-duties .white-con{ border: #eee 1px solid; }

 
/*1.4办公室联系人*/

.officeContact{ border-bottom: #e6e9ed 3px solid; padding: 40px 0; overflow: hidden;}
.officeContact h2{ margin-bottom: 15px; }
.officeContact h2 a { transition: .5s; transform: scale(1); margin: 0px; }
.officeContact h2:hover a{ color:#0000FF;transition: .5s; transform: scale(1.02); display: block; margin: 0 0 0 10px;  }

.officeList{ margin: -20px; overflow: hidden; }
.officeList1 { margin: -20px 0 0 0; }
.officeList li{   }
.officeList a{ display: block; margin: 20px;overflow: hidden; }
.leader{ overflow: hidden; }
.leader .gp-img-responsive{background-color: #4887d4;padding-bottom: 132.32%;}
.leader-img{width: 150px;float: left;}
.leader-name{overflow: hidden;margin-bottom: 10px;}
.leader-name > h2{color:#222;margin-right: 30px;}
.leader-name > h3{color:#444;margin-top: 2px;}
.leader-info > p{line-height: 20px;margin-bottom: 8px;background-position: left 7px;background-repeat: no-repeat;overflow: hidden;word-break: break-all;}
.leader-info > .position{ margin: 15px 0 8px 0; }
.leader-info{ margin-left: 170px}


/*1.5联系我们*/
.map {width: 100%;overflow: hidden;}
#bMapContainer {height: 550px;}
.BMap_bubble_content {font-size: 14px;line-height: 2;padding-top: 7px;}
.contact-map{margin-bottom: 20px;}
.contactBox{margin-bottom: 30px;}
.contact-info{overflow: hidden;}
.code02{width: 80px;margin-left: 20px;margin-right: 30px;color:#757575;margin-top: 20px;text-align: center;}
.code02 p{font-size: 15px;font-size: 1.5rem;margin-top: 5px;}
.contactBox img{display: block;width: 100%;}
.tabMenu02{display: block;}
.contact-info > .gp-article{margin-left: 30px;}
.contact-info > .gp-article p{text-indent: 0;}
.contact-info > .gp-article p a{ color: #3d72b2; text-decoration: underline;}

.Route{ padding: 35px; background: #fff;}
.greyBg{ background: #f2f5fa; }
.Route h2 { margin-bottom: 10px; }
 
 
/*2.2合作关系*/
.thereProject{ margin-block: 15px; }
.academyBox{margin-bottom: 30px;} 
.academyBox .gp-article{margin-bottom: 20px;}
.academy img{width: 100%;display: block;}
/* 下拉框 */
.select2-container{padding: 0;}
.pageSelect{min-width:400px;height: 50px;*display:inline; *zoom:1; vertical-align: middle;border:1px solid #eee;color:#666;line-height: 50px;text-align: center;padding:0;*width: 400px;}
.select2-container--default .select2-selection--single{background: #f5f5f5;}
/* .select2-container--default .select2-selection--single .select2-selection__arrow b{  background-image: url(../images/select.png);} */
.select2-container .select2-selection--single{height: 50px;line-height: 50px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 50px;padding-left: 21px;text-align: left;background:url(../images/down.png) no-repeat 350px center ;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color: #5990d4}
.select2-results__option[aria-selected]{border-top: 1px solid #eee;text-align: left;padding: 6px 20px;}
.select2-container--open .select2-dropdown--below,.select2-container--open .select2-dropdown--above{border-color:#f3f3f3}
.AddrTableBox .gp-table{width: 100%;text-align: center;}
.AddrTable01{padding-right: 15px;background-color: #f3f3f3;}
.AddrTable .gp-table > tbody > tr > td,.AddrTable  .gp-table > tbody > tr > th, .AddrTable .gp-table > tfoot > tr > td,.AddrTable  .gp-table > tfoot > tr > th, .AddrTable .gp-table > thead > tr > td,.AddrTable  .gp-table > thead > tr > th{padding:15px 5px;}
.gp-table > thead > tr > th{color:#fff;background-color: #5990d4;border-right: 1px solid #fff;font-size: 20px;font-size: 2rem;font-weight: normal;}
.AddrTableBox{margin: 10px -25px 0 -25px;overflow: hidden;}
/* .AddrTable{height: 580px; overflow-x: auto ; border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;overflow-y: scroll;position: relative;} */
/*滚动条样式*/
.AddrTable::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 15px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
  .AddrTable::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow   : inset 0 0 15px rgba(0, 0, 0, 0);
  background   : #cccccc;
  }
  .AddrTable::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 15px rgba(0, 0, 0, 0);
  /* border-radius: 10px; */
  background   : #f5f5f5;
  }
.AddrTable thead { position: relative; z-index: 9; } 
.AddrTable tbody { position: relative; z-index: 1; } 
.AddrTable tr td a{display: block; color:#24528a;background-color: transparent;border-radius: 20px;padding: 10px;}
.AddrTable tr td a.hover{/*!position: relative;z-index: 1;*/ border: transparent 3px solid;}
.AddrTable tr td a.hover span{/*! position: relative; z-index: 2; */color: #24528a;}
.AddrTable tr td a.hover:hover{background: #4887d4;border: 3px solid #dae3ed;color: #fff;}
.AddrTable tr td a.hover:hover span{color: #fff;}
/* .AddrTable tr td a.hover::before{content: '';background: url(../images/hoverLf.png) left center no-repeat;width: 30px;display:block;top: 0;bottom: 0;left: 0;position: absolute;opacity: 0;}
.AddrTable tr td a.hover::after{content: '';background: url(../images/hoverRt.png) right center no-repeat;display:block;top: 0;bottom: 0;right: 0;left: 30px;position: absolute;z-index: 1;opacity: 0;}
.AddrTable tr td a.hover:hover::before,.AddrTable tr td a.hover:hover::after{opacity: 1;} */



/* tab */
.tab{position: relative;overflow: hidden;}
.tabMenu{overflow:hidden;background-color: #3d72b2;padding: 17px 40px 7px 40px;display: inline-block;*display: inline;*zoom:1;margin-bottom: 10px; }
.tabMenu li{float: left;margin-bottom: 10px;}
.til_tab{ text-align: center;}
.til_tab a{position: relative; color:#fff;display: block;font-size: 17px;font-size: 1.7rem;line-height: 20px;border-right: 1px solid #7da0cb;padding-right: 20px;margin-right: 20px;}
.tabMenu li:last-child a{border-right: none;padding-right: 0;margin-right: 0;}
.til_tab.on a,.til_tab a:hover{font-weight: bold;font-size: 18px;font-size: 1.8rem;}
.tabList04{} 
.tabList04{overflow: hidden;}
.tabListBox{display:none;margin-bottom: 10px;}
 
.fadeInUp  {
   -webkit-animation-name: fadeInUp ;
   animation-name: fadeInUp ;
   animation-duration: 0.2s; 
   -webkit-animation-duration: 0.4s;
 
   animation-timing-function: ease-in-out; 
   -webkit-animation-timing-function: ease-in-out;   
 
   visibility: visible !important; 
   
 }
 
 @-webkit-keyframes fadeInUp {
   0% {
     opacity: 0;
     -webkit-transform: translateY(20px);
   }
   
   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
   }
 }
 
 @-moz-keyframes fadeInUp {
   0% {
     opacity: 0;
     -moz-transform: translateY(20px);

   }
   
   100% {
     opacity: 1;
     -moz-transform: translateY(0);
   }
 }
 
 @-ms-keyframes fadeInUp {
   0% {
     opacity: 0;
     -ms-transform: translateY(20px);
   }
   
   100% {
     opacity: 1;
     -ms-transform: translateY(0);
   }
 }
 
 @-o-keyframes fadeInUp {
   0% {
     opacity: 0;
     -o-transform: translateY(20px);
   }
   
   100% {
     opacity: 1;
     -o-transform: translateY(0);
   }
 }
 
 @keyframes fadeInUp {
   0% {
     opacity: 0;
     transform: translateY(20px);
   }
   
   100% {
     opacity: 1;
     transform: translateY(0);
   }
 }

/*3.1潜在人才*/
.tabMenu03{background:none ;padding: 0;margin-bottom: 0;display: block;border-bottom: #eee 1px solid;}
.tabMenu03 li a{padding: 0;}
.tabMenu03 li a:after{height: 120%;}
.tabMenu03 li:last-child a{padding-right: 0px;}
.tabMenu03 li a h3{min-height:auto;padding: 22px 15px;}
.tabMenu03 li{margin-bottom: 0;} 
.tabMenu03 .til_tab a{border-right: #eee 1px solid;border-bottom: #eee 1px solid;}
.tabMenu03 .til_tab a{margin-right: 0;}
.tabMenu03 li a:after,.tabMenu03 li.on a:after{height: 100%;} 
.tabMenu03 li.on a:after{width: 100%;}
.tabMenu03 li.on a h3{color: #fff;*color:#7fb4f5}
.tab03{padding: 0 !important;}
.exchangeList{}
.exchangeList li{margin-bottom: 25px;padding-bottom: 25px;border-bottom: 1px solid #eee;}
.exchangeList li a{display: block; margin: 0 10px;}
.exchangeBox{}
.exchangeBox h3{margin-bottom: 15px;}
.exchange{overflow: hidden;}
.exchange .ex-lf{width: 333px;}
.exchange .ex-rt{margin-left: 360px;margin-top: -7px;}
.exchange .ex-rt p{text-align: justify;color:#444;line-height: 33px;max-height: 198px;overflow: hidden;}
.tabMore{position: absolute;top: 20px;right: 30px;}
.more_tab{display: none;color:#fff;font-size: 15px;font-size: 1.5rem;}
.OfficeTitleList{overflow: hidden;}
.OfficeTitleList li{}
.OfficeTitleList li a:after{position: absolute;left: 0;top: 0;width:0;height:100%;content: '';background-color: #24528a;transition: all 0.3s ease-in-out;z-index: 0;}
.OfficeTitleList li a h3{color:#578ac9;position: relative;z-index: 2;}



/*3.2.2法律法规通知列表*/
.USTB-list02{ background: #fff; overflow: hidden; }
.USTB-list02 li{ border-bottom: #eee 1px solid; overflow: hidden; }
.USTB-list02 li a{ display: block; margin: 12px 25px 30px 25px; overflow: hidden; }
.USTB-list02 .info{transition: all 0.3s ease-in-out;}
.USTB-list02 .info span,.USTB-list02 .info p{ color: #757575; }
.USTB-list02 .info h3{ max-height: 56px; line-height: 28px; overflow: hidden; margin: 10px 0;}

 
/*3.4工作在北科大*/
.USTB-article03{ /*! margin: 20px 0 0 0; */ overflow: hidden; }
.USTB-article03 .gp-fl{ width: 62%; overflow: hidden;}
.USTB-article03 .gp-fr{ width: 32%; /*! padding-right: 20px; */overflow: hidden;} 
.linkList{border-bottom: #eee 1px solid;padding: 20px 0;overflow: hidden;}
.linkList h2{ margin-bottom: 8px; }
.linkList a{ display: block; color: #4686d4; text-decoration: underline; padding: 8px 18px;transition: all 0.3s ease-in-out;}
.linkList:last-child{ border-bottom: none;}
.USTB-articleRt .gp-article{ padding-right: 10px; }
 
.QuickLinks{ margin: 55px 0 0 0; overflow: hidden; }
.QuickLinks li{ border-bottom: #e5e5e5 1px solid; overflow: hidden;padding: 20px 0 5px 0;}
.QuickLinks li a{ display: block; background: url(../images/linkbg.png) no-repeat left top 6px; padding-left: 25px; transition: all 0.5s ease-in-out;}
 


/*3.4.1校园服务*/
.USTB-list03{margin: 20px 0 0 0;overflow: hidden;} 
.USTB-list03 li{border-top: #eee 1px solid;padding: 20px 0 30px 0; overflow: hidden; transition: all 0.3s ease-in-out;}
.USTB-list03 li a{ display: block; }
.USTB-list03 .title{ display: block; height: 24px; line-height: 24px;margin-bottom: 10px; overflow: hidden;
 background: url(../images/dn.png) no-repeat right center; 
padding-right: 20px;
cursor: pointer;
}  
.USTB-list03 .gp-article{ display: block; max-height: 52px; line-height: 26px; color: #757575; overflow: hidden;}
.USTB-list03 li.on .title{ background: url(../images/up.png) no-repeat right center;}
.USTB-list03 li.on .gp-article{ max-height: none; }
.service{ text-align: center; overflow: hidden; }
.service a{ color: #4686d4; display: block; margin: 20px 0 0 0; overflow: hidden; }


/*3.4.3图书资源*/
.USTB-article04{ overflow: hidden; }
.USTB-article04 .gp-fl{ width: 78%; overflow: hidden;} 
.USTB-article04 .gp-fr{ width: 14%; }
.USTB-list04{margin: 20px 0 0 0;overflow: hidden;} 
.USTB-list04 > li{border-top: #eee 1px solid;padding: 20px 0 30px 35px; overflow: hidden;}
.USTB-list04 > li a{ display: block; }
.USTB-list04 h2{ display: block; height: 24px; line-height: 24px;margin-bottom: 10px; overflow: hidden;
 background: url(../images/dn.png) no-repeat right center; padding-right: 20px;
cursor: pointer;
}
.USTB-list04 .gp-article{ display: block; max-height: 52px; line-height: 26px;  overflow: hidden;}
.USTB-list04 .gp-article p{ text-indent: 0;}
.USTB-list04 .gp-article a{ color: #4686d4; text-decoration: underline; }
.USTB-list04 > li.on h2{ background: url(../images/up.png) no-repeat right center;}
.USTB-list04 > li.on .gp-article{ max-height: none; }
.USTB-list04 li.li1{ background:url(../images/res1.png) no-repeat left top 20px; }
.USTB-list04 li.li2,.USTB-list04 li.li3{ background:url(../images/res2.png) no-repeat left top 20px; }
.USTB-list04 li.li4{ background:url(../images/res3.png) no-repeat left top 20px; }


.ResLink{ max-width: 104px;margin: 0 auto; position: relative; }
.ResLink:before{ content: ""; display: block; width: 104px; height: 77px; background:url(../images/sublogo.png) no-repeat top center;
position: absolute;top:-53px;left: 50%;z-index: 9;margin-left: -51px;}
.ResLink ul{ background: #f2f5fa; border:#4686d4 1px solid;margin-top: 60px; overflow: hidden;position: relative;padding-top: 20px;}
.ResLink li a{ display: block; margin:25px 0; overflow: hidden; }
.ResLink .resImg{ display: block; background: #fff; border: #eff0f2 1px solid; width: 64px; height: 64px; 
  text-align: center; line-height: 64px; margin: 0 auto;transition: all 0.3s ease-in-out; }
.ResLink .resText{ display: block;text-align: center; padding: 10px; }
.ResLink li a:hover .resImg{ background-color: #dee5f1; }
.ResLink .resImg.img01{ background: url(../images/res4.png) no-repeat center; background-color: #fff;}
.ResLink .resImg.img02{ background: url(../images/res5.png) no-repeat center; background-color: #fff;}
.ResLink .resImg.img03{ background: url(../images/res6.png) no-repeat center; background-color: #fff;}
.ResLink .resImg.img04{ background: url(../images/res7.png) no-repeat center; background-color: #fff;}


/*3.4.5生活指南*/
.Guide{ overflow: hidden; margin: 0 0 30px 0; }
.gp-article .color-blue{ color: #4686d4; }


/*3.4.6优秀外教*/
.USTB-club{}
.USTB-club .clubImg{margin: 20px; overflow: hidden;}
.USTB-club a{ display: block; height: 0;padding-bottom: 55.6%;overflow: hidden;position: relative;}
.USTB-club .artText{ display: block; position: absolute;bottom: 0;left: 0;background: rgba(29,55,87,0.7);width: 100%;
  padding: 25px 40px;box-sizing: border-box; opacity: 0; transition: all 0.3s ease;}
.USTB-club .artTitle{ display: block; color: #fff; text-indent: 2em;height: 48px;line-height: 24px;overflow: hidden;margin-bottom: 10px;} 
.USTB-club .artCon{ display: block; color: #fff; text-indent: 2em; line-height: 30px;max-height: 90px; overflow: hidden;}
.USTB-club a:hover .artText{ opacity: 1; }
.City .artCon{ max-height: 120px; }
.City .clubImg{ margin: 0 0 50px 0; }
/*3.6FAQ一问一答*/
.USTB-list05{}
.USTB-list05 li{ overflow: hidden; }
.USTB-list05 li:nth-child(odd){ background: #fff; }
.USTB-list05 li:nth-child(even){ background: #f2f5fa; }
.USTB-list05 li a{ display: block;padding: 30px 40px; overflow: hidden;}
.USTB-list05 li a:hover .info{ transition: all 0.3s ease-in-out;} 
.USTB-list05 .info h3{ margin-bottom: 10px; }
.USTB-list05 .info p{ line-height: 30px; }

 

/*4.2交换学习课程*/
.USTB-list06{ margin-top: -20px; }
.USTB-list06 > li{ padding-left: 0; }
.USTB-list06 > li:first-child{ border-top:none; }



/*5.1历史与发展*/
.USTB-development .history-year{ width: auto; background: #fff;border-top-right-radius: 50px;left: 0;}
.USTB-development .history-info{ padding-top: 30px; margin-left: 107px;}
.USTB-developText{overflow: hidden;margin-bottom: 50px; position: relative;}
.USTB-developText h2{ padding:0 0 15px 40px;}
.USTB-developText h3,.USTB-development h3{ background: #3d72b2; padding: 12px 40px; color: #fff; overflow: hidden;margin-bottom: 20px;}


.Develop-Intro .introImg{ position: relative; width: 360px; float: right;margin: 0 0 20px 20px;}
.Develop-Intro .introImg:before{ content: ""; display: block; width: 20px; height: 91%; background: #2c66ac; position: absolute;right: 0;bottom: 20px;}
.Develop-Intro .introImg .gp-img-responsive{ width: 340px; padding-bottom: 150%;}
.USTB-development ul li:last-child .history-info{ padding-top:70px; }

/*5.2.1孔子学院-团队*/
.TeamContact{ border-bottom: #e6e9ed 2px solid; margin: 0 0 25px 0; overflow: hidden;}
.TeamContact h2{}
.leader-info .gp-fl{width: 48%;margin: 30px 0 0 0;overflow: hidden;}
.leader-info .gp-fr{width: 48%;margin: 30px 0 0 0;overflow: hidden;}
.leader-info .gp-fl p,.leader-info .gp-fr p{line-height: 20px;margin: 8px 0;background-position: left 7px;background-repeat: no-repeat;overflow: hidden;word-break: break-all;}
.TeamList li{  border-bottom: #eee 1px solid;overflow: hidden;}
.TeamList a{ display: block; margin:25px 0;overflow: hidden; }
.TeamLink{ margin: 20px 0; }
.TeamLink a{ color: #4887d4; text-decoration: underline; }
 

/*5.3孔子学院-活动*/
.event-table{ border-left: #eee 1px solid; margin-top: 30px;}
.event-table table thead tr th.th1{ width: 50%; }
.event-table table thead tr th.th2{ width: 30%; }
.event-table table thead tr th.th3{ width: 20%; }


 
/*5.4.1新闻中心图片*/
.PhotoList{overflow: hidden;margin: 25px 0 0 25px;text-align: center;}
.PhotoList li{float: left;}
.PhotoList li a{display: block;margin: 5px; position: relative;height: 0;padding-bottom: 72%;overflow: hidden;}
.PhotoList .gp-img-responsive{padding-bottom: 75%;}
.PhotoList li span{  }
.PhotoList li .ph-text{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(29,55,87,0.5); opacity: 0;display: table;width: 100%;height: 100%;transition: all 0.3s ease-in-out;}
.PhotoList li .ph-text p{ color: #fff; display: table-cell;vertical-align: middle;/*padding: 0 30px;*/  line-height: 18px;text-align: center;/*text-shadow: #24528a 2px 0 0,#24528a 0 2px 0,#24528a -2px 0 0,#24528a 0 -2px 0; word-break: break-all;*/} 
.PhotoList li a:hover .ph-text{ opacity: 1; }


 
/*5.4.2年度时间轴 */ 
.USTB-Annual .artImg{width: 190px;/* position: absolute; *//* left: 0; *//* top: 62px; */float: left;}
.USTB-Annual .artInfo{overflow: hidden;padding-bottom: 20px;margin-left: 213px;}
.USTB-Annual .artInfo h3{max-height: 48px;line-height: 24px;overflow: hidden; }
.USTB-Annual .info{/* margin-left: 207px; */overflow: hidden;}
.USTB-Annual .info p{max-height: 48px;line-height: 24px;color:#757575;overflow: hidden;}
.USTB-Annual .info span{ color: #757575; }

.USTB-Annual li{border-top: 1px solid #eee; overflow: hidden;}
.USTB-Annual li a{display: block;overflow: hidden;background: #fff;position: relative;margin: 20px 0 30px 0;}
.USTB-Annual li .artInfo .info p{max-height:52px ;margin: 10px 0 20px 0;}

  
  
/*6.1生活学生故事*/
.lifeInfo{overflow: hidden;}
.lifeInfo-info{margin-bottom: 30px;} 
.lifeInfo-info a{display: block;overflow: hidden;position: relative;}
.life-lf{width: 58.3%;position: relative;z-index: 1;margin: 30px 0;}
.life-rt{width: 46.7%;position: absolute;z-index: 0;top: 0;right: 0;border: #dddddd 1px solid;background: #fff;}
.lifetitleBox{ padding: 30px 30px 30px 75px; overflow: hidden;} 
.lifetitle h2{line-height: 30px;overflow: hidden;margin-bottom: 10px;max-height: 60px;}
.lifetitle p{height: 166px;overflow: hidden;line-height: 28px;margin-bottom:20px;color:#444;}
.lifetitle .date{font-size: 15px;font-size: 1.5rem;color:#757575;}
.lifeInfo-info a:hover  .date{color:#012959}
.lifeInfo-info02 .life-rt{ left: 0;  }
.lifeInfo-info02 .lifetitle h2{text-align: right;}
.lifeInfo-info02 .lifetitleBox{background: url(../images/c_bg2.png) no-repeat left bottom ; padding: 30px 75px 30px 30px;}
.lifeInfo-info02 .lifetitle .date{text-align: right;}
.lifeInfo:last-child .lifeInfo-info{margin-bottom: 0;}


/*6.2校园生活*/
.CampusText{ margin-bottom: 25px;overflow: hidden; }

.line{ width: 100%; height: 1px;background: #ddd; margin: 25px 0;}

/*6.4.1校园生活指南*/
.gp-article h2,.gp-article h3{ margin-bottom: 10px; }



/*6.4.2校园生活*/
.livingCampus .flex-direction-nav{ display: none; }
.livingCampus .flex-viewport{ padding-bottom: 131%; }
.livingCampus .flexslider .slides > li a{ display: block; padding:0 0 40px 0; }
.livingCampus  .flex-control-nav{ position: static; margin: 30px 0 0 0;}
.livingCampus .flex-control-paging li a{ background: #f8ae31; width: 8px; height: 8px; border: #fff 1px solid; }
.livingCampus .flex-control-paging li a.flex-active{ background: #2b4c89; border: #2b4c89 1px solid;}
.livingCampus .slideImg{ display: block; height: 0; padding-bottom: 131.2%;overflow: hidden; background: #2c67ad; }


  
/*6.4.3体育与运动员*/
.Gymnasium .flex-direction-nav{ display: none; }
.Gymnasium .slides > li .slideText{ display: block; background: rgba(29,55,87,0.7); color: #fff;  padding: 20px 35px 30px 35px; overflow: hidden; width: 100%;box-sizing: border-box;position: absolute;bottom: 0;left: 0;opacity: 0;transition: all 0.3s ease;}
.Gymnasium .slides > li a:hover .slideText{ opacity: 1;}
.Gymnasium .slides > li .slideText p{ display:block; height: auto; line-height: 28px; overflow: hidden; text-indent: 2em;}
.Gymnasium .flex-control-nav{ bottom: 10px; right: 20px;height: 6px;}
.Gymnasium .flex-control-paging li a{ background: #4686d4; width:27px; height: 4px; border-radius: 0;}
.Gymnasium .flex-control-paging li a.flex-active{ background: #ffcb0b;}

.Gymnasium-table .gp-table02{ margin: -15px -5px; overflow: hidden; width: 106%;}
.Gymnasium-table .gp-table02 tr{ border-bottom: #dddddd 1px solid; }
.Gymnasium-table .gp-table02 tr:last-child{ border-bottom: none; }
.Gymnasium-table .gp-table02 tr td{border:none; padding: 8px 5px !important;}

 


/*6.4.3体育和运动员*/
.Gymnasium-table{ border-left: #eee 1px solid; margin-top: 30px;}
.Gymnasium-table table thead tr th.th1{ width: 20%; }
.Gymnasium-table table thead tr th.th2{ width: 20%; }
.Gymnasium-table table thead tr th.th3{ width: 25%; }
.Gymnasium-table table thead tr th.th4{ width: 35%; }

.fieldIntro{ overflow: hidden; margin-bottom: 8px;position: relative;}
.fieldIntro a{ display: block;}
.fieldIntro .slideImg{ display: block; height: 0; padding-bottom: 67%; }
.fieldIntro .slideText{ display: block; background: #4686d4; color: #fff;  padding: 20px 35px; overflow: hidden; }
.fieldIntro .slideText p{ display:block; /*max-height: 140px;*/ line-height: 28px; overflow: hidden; text-indent: 2em;}

 

/*6.5.2校园历史校园文化*/
.Cultrue{ padding: 20px 0 !important; overflow: hidden; }
.Cultrue .gp-fl{width: 65.3%;overflow: hidden;}
.Cultrue .gp-fr{width: 31.5%;overflow: hidden;}
.articleTitle02{ margin-bottom: 15px; }
.Cultrue-fl .flexslider{ padding: 0 28px;height: 0;padding-bottom: 70%;overflow: hidden;}
.Cultrue-fl .gp-img-responsive{ padding-bottom: 78%;}
.Cultrue-fl .slideText{ display: block; background:rgba(29,55,87,0.7); color: #fff;  padding: 20px 35px; overflow: hidden; position: absolute;bottom: 0;left: 0;width: 100%;
  box-sizing: border-box;opacity: 0; transition: all 0.3s ease;}
.Cultrue-fl .slideText p{ display:block; height: auto; line-height: 28px; overflow: hidden; text-indent: 2em;}
.Cultrue-fl .slides li a:hover .slideText{ opacity: 1;}
.Cultrue-fl .flex-control-nav{ display: none; } 
.Cultrue-fl .flex-direction-nav a{ text-indent: 999em; display: block; width: 45px; height: 45px; background-color: #4686d4; border:#fff 4px solid; border-radius: 10px; top: 40%;}
.Cultrue-fl .flex-direction-nav a.flex-prev{ background: url(../images/lf.png) no-repeat center #4686d4; left: 0;}
.Cultrue-fl .flex-direction-nav a.flex-next{ background: url(../images/rt.png) no-repeat center #4686d4; right: 0;} 

.Festivals{}
.Festivals ul{ margin: -15px -30px; overflow: hidden; }
.Festivals ul li a{ display: block; margin: 15px 30px; overflow: hidden; }
.Festivals .artText{ display: block; }
.Festivals .artText h2{ margin: 15px 0; height: 24px;line-height: 24px; overflow: hidden; }
.Festivals .artCon{ display: block; height: auto; line-height: 25px; overflow:hidden; }



.Spring{ margin-bottom: 40px; overflow: hidden; }
.SpringImg{ position: relative; }
.SpringImg a{ display: block; }
.SpringImg video{width: 100%; max-width: 100%;}
.SpringImg .play{ display:block; width: 40px; height: 40px;background: url(../images/play.png) no-repeat; position:absolute; left: 50%; top: 50%;
margin-left: -20px; margin-top: -20px;}
.Spring .slides{ height:0; padding-bottom:56%; overflow: hidden !important;}
.Spring .flex-direction-nav{ display: none; }
.Spring .flex-control-nav{ position: static; margin: 10px 0 0 0;}
.Spring .flex-control-paging li a{ background: #f8ae31; width: 8px; height: 8px; border: #fff 1px solid; }
.Spring .flex-control-paging li a.flex-active{ background: #2b4c89; border: #2b4c89 1px solid;}

.white-con.PhotoShow{ padding: 30px 35px; }
.gray-con{ background: #f2f5fa; padding:30px 35px; overflow: hidden; }
.PhotoShow .PhotoList{ margin: 0; }


 
/*6.6城市生活与文化*/
.QuickLink{}
.QuickLink h2{ margin-bottom: 15px; overflow: hidden; }
.QuickLink ul{ margin: 0 -20px; overflow: hidden; }
.QuickLink li a{ display: block; margin: 0 20px 10px 20px; overflow: hidden; }
.QuickLink .gp-img-responsive{ padding-bottom: 46.4%; }
.QuickLink .artText{ display: block; line-height: 28px; height: 56px; overflow: hidden; margin: 18px 0;}





/*right*/
.articleTitle{ position: relative; height: 30px;line-height: 30px;}
.white_bg{position: absolute;right: 100%;width: 300%;top: 0;height: 100%;content: '';background-color: #fff;z-index: 0;}
.articleTitle h2{position: relative;z-index: 2;background: #fff;padding: 25px 20px 0 20px;margin-top: -28px;float: left;min-width: 240px;}
/*面包屑*/
.gp-bread{height:auto;text-align: right;position: relative;z-index: 4; line-height:30px; color:#757575;overflow:hidden;padding: 0; font-size: 15px;font-size: 1.3rem;}
.gp-bread span{color:#757575;margin:0 4px}
.gp-bread a{color:#757575;}
.gp-bread a:hover{color:#012959;}
/*分页*/ 
.gp-page { padding:15px 0 50px; color:#999;font-size: 0;margin-top: 30px;} 
.gp-page:after,.gp-page:before { content:" "; display:table}
.gp-page a{display:inline-block;*display: inline;*zoom:1;cursor: pointer; position:relative;text-align: center; margin-bottom:0px; margin-left:0px;vertical-align: top;font-size: 17px; font-size: 1.7rem;height: 35px;line-height: 35px;width: 40px;transition: all 0.3s ease-in-out;}
.gp-page .gp-page-data a:after{content: '';position: absolute;left: 50%;margin-left: -8px;width: 0px;height: 3px;background-color: #ffcb0b;bottom: 0;transition: all 0.3s ease-in-out;}
.gp-page .gp-page-data {margin: 0 15px; background-color: #fff;border-radius: 20px;display:inline-block;*display: inline;*zoom:1;overflow: hidden;}
.gp-page-select{height: 46px;line-height: 46px;min-width: 70px;*width: 70px; color:#666; display:inline-block;*display: inline;*zoom:1;vertical-align: top;*vertical-align: middle; border:none; padding-left: 10px;padding-right: 10px;font-size: 16px;font-size: 1.6rem;background: none;}
.gp-page .gp-page-start,.gp-page .gp-page-end,.gp-page .gp-page-next,.gp-page .gp-page-prev {color:#00274c;background-color: #fff;border-radius: 50%;width: 35px;background-position: center center;background-repeat: no-repeat;}
.gp-page .gp-page-next{*background-image: url(../images/arrow_rt.png);}
.gp-page .gp-page-prev{*background-image: url(../images/arrow_lf.png);}
.gp-page .gp-page-start,.gp-page .gp-page-end{font-size: 22px;font-size: 2.2rem;line-height: 28px;margin:0 10px;}
.gp-page > .select-span{padding-left:0;margin-left: 15px;border-right:1px solid #24528a;}
.gp-page .gp-page-start:hover,.gp-page .gp-page-end:hover,.gp-page .gp-page-next:hover,.gp-page .gp-page-prev:hover{color:#ffcb0b;background-color: #00274c;}
.gp-page .gp-page-data a:hover,.gp-page .gp-page-data a.active { color:#00274c;font-weight: bold;}
.gp-page .gp-page-data a:hover:after,.gp-page .gp-page-data a.active:after{width: 16px;}
.gp-m-page{display: none;}
.gp-m-page a{display: inline-block;margin:0 10px;height: 35px;line-height: 35px;width: auto;background-color: #fff;border-radius: 5px;padding: 0 20px;color:#666;border: #ddd 1px solid;}
/*居中*/
.gp-page-centered {text-align:center}
/*右对齐*/ 
.gp-page-right {text-align:right}
/*文章页*/
.pageArticle{}
.gp-article{line-height:33px; color: #444;font-size: 18px;font-size: 1.8rem;/*! text-align: justify; */}
.gp-article p{text-indent: 2em;}
.gp-article table{margin: auto;}

.gp-article table p{text-indent: 0em !important;}
/*.gp-article table {
	margin:15px auto ;width: auto !important;word-break: break-word;
}
.gp-article table  td{width: auto !important;}*/
.gp-article ol li{list-style:decimal inside none;}
.gp-article ul li{ list-style: disc inside  none;}
.pageArticleTitle{overflow: hidden;border-bottom: #e5e5e5 1px solid;margin-bottom: 15px;}
.pageArticleTitle h3{text-align: center;margin-bottom:15px; }
.pageArticleTitle02{ padding-bottom: 50px; }
.pageArticleTitle02 h3{ text-align: left; }

 
.articleAuthor{ margin-bottom: 15px; }
.articleAuthor span{display: inline-block;*display: inline;*zoom:1;color:#4686d4;margin:0 5px;}
.shareCon ,.articleBottom{margin-top: 35px;background: #f5f5f5;border: #eee 1px solid;padding: 12px 40px;}
.Annex{overflow: hidden;padding-top: 5px;} 
.Annex h3{ margin: 0 0 10px 0;overflow: hidden;} 
.annexList{overflow: hidden;margin-left: 30px;}
.annexList li{margin-bottom: 8px;overflow: hidden; position: relative; padding-left: 13px;}
.annexList li a{line-height: 24px;}
.annexList li:before{ content: ''; display: block; width: 4px; height: 4px; background: #4686d4; border-radius: 50%; position: absolute; left: 0; top: 10px;}

.share{text-align: center;}
.share .bdsharebuttonbox { height: 50px;background: #f5f5f5;border: #eee 1px solid;}
.share .bdsharebuttonbox  > a{ display: inline-block; margin: 7px 20px !important; text-indent: 0; float: none; width: 34px;height: 34px; text-align: center; color:#fff;display: inline-block;*display: inline;*zoom:1;border:1px solid #e8e8e8; border-radius: 50%;background: #fff;}
.share .bdsharebuttonbox > a.popup_twi{background:url(../images/twi.png) no-repeat center #fff;}
.share .bdsharebuttonbox > a.popup_fbook{background:url(../images/fb.png) no-repeat center #fff;}
.share .bdsharebuttonbox > a.popup_linkedin{background:url(../images/in.png) no-repeat center #fff;}
.share .bdsharebuttonbox > a.bds_weixin{background:url(../images/wechat.png) no-repeat center #fff;}
.share .bdsharebuttonbox > a.popup_mail{background:url(../images/mail.png) no-repeat center #fff;}
.share .bdsharebuttonbox > a.popup_print{background:url(../images/print.png) no-repeat center #fff;}

 
 
.shareCon .white-con,.articleBottom .white-con{padding: 10px 40px}
.shareBox {width: 260px;background-color: #fff;position: fixed;top: 50%;left: 50%;margin: -150px 0 0 -130px;z-index: 9998;height: 310px;border: 6px solid #8F8F8F;border-radius: 8px;box-shadow: 0 0 7px #aaa;display: none;}
.shareBox { font-size: 14px;}
.shareBox .title {   background: #f6f6f6;  font-size: 14px;  font-weight: bold;  padding: 10px 15px !important;}
.shareClose {   position: absolute;    right: 0;    top: 0; cursor: pointer;font-size: 18px;width: 20px;; }
.sharelist {  position: static;   height: 250px;  overflow-y: auto;padding-left: 17px !important;}
.sharelist li {float: left;width: 130px;padding: 2px;margin-left: 6px;_margin-left: 3px;     height: 28px;     overflow: hidden;     list-style: none; }
.sharelist li a {color: #565656;font: 12px '宋体';display: block;text-decoration: none;     border: 1px solid #fff;     line-height: 18px; width: auto;height: auto;text-indent: 0;}
.weChatBox{width: 280px;height:300px;background-color:#fff;border:solid 1px #d8d8d8;padding:10px;position: fixed;left: 50%;top: 50%;margin:-150px 0 0 -140px;z-index: 9998;display: none;box-shadow: 0 0 10px rgba(0,0,0,0.25);}
.weChatBox .w-title{font-size: 12px;font-weight: bold;padding:0 0 10px 0;}
.w-close{width: 20px;height: 20px;line-height: 20px;text-align: center;font-size: 20px;position: absolute;right: 0;top: 0;color:#333;cursor: pointer;}
.qrcode{width: 200px;height: 200px;margin:15px auto;background: #ccc;}
.w-footer{font-size: 12px;line-height: 1.5;color:#999;}
#qrodeText{opacity: 0;position: absolute;left: 0;top: 0;z-index: 0;visibility:hidden;}

/* 公共白底灰边 */
.white-gray{margin-right: 7px;*margin-right: 0px; position: relative;margin-bottom: 7px;}
.white-con{background: #fff;padding: 25px;position: relative;z-index: 2;/*! overflow: hidden; */border-top: #eee 1px solid;}
.white-gray:before{z-index: 0;position: absolute;top: 7px;right: -7px;width:100% ;height: 100%;background-color: #dedede;content: '';}
.white-con.noPadding{ padding: 0; }
/* 无左侧侧边栏*/
.gp-subRightT{margin-left: 0;}
 
 

@media screen and (min-width:1024px) {
    .USTB-list01 li a:hover .info{ padding-left: 6px; }
    .OfficeTitleList li a:hover h3{color:#fff;}
    .OfficeTitleList li a:hover:after{width: 100%;}
    .linkList a:hover{padding-left: 24px;}
    .QuickLinks li a:hover{ padding-left: 30px; }
    .USTB-list03 li:hover{ padding-left: 6px; }
    .USTB-list02 li a:hover .info,.USTB-list05 li a:hover .info{ padding-left: 6px; }
}


@media screen and (max-width:1080px) {
  .subbanner{top: 0;margin-bottom: 0;}
}


@media screen and (max-width:1386px) { 
    .tabMenu03 li a h3{ padding: 22px 10px;font-size: 1.8rem; }
    .c_bg{ top: 25px; }
    .cootitleBox{ top: 15px; }
    .Develop-Intro .introImg{ width: 240px; margin: 0 0 10px 20px; }
    .Develop-Intro .introImg .gp-img-responsive{ width: 220px; padding-bottom: 145%;}

    .lifetitle p{ height: 108px;margin-bottom: 10px; } 
    .Cultrue{ padding: 20px 0 20px 20px !important; }
    .Spring{ margin-bottom: 20px; }
}

 

@media screen and (max-width:1020px) {
  .gp-subLeft,.subNews{display: none;}
  .gp-m-subNav{display: block;}
  .gp-page{display: none;}
  .gp-m-page{display: block;}
  .articleTitle{height: auto;line-height: 30px;padding: 0px 20px 5px 0;}
  .gp-bread{text-align: left; float: none; }
  .gp-subRight{margin-left: 0;}
  .articleTitle h2{margin-top: 0;padding: 10px 0;float: none;background: none;margin-bottom: -25px;}
  .cootitle p{ height: 88px; } 
  .history-year{ width: 170px; left: 0;} 
  .history-year span{ font-size: 2.2rem;  }
  .pageSelect{min-width:300px;}
  .AddrTableBox{ margin: 10px 0 0 0; }
  .USTB-club .artText{ opacity: 1; padding: 20px; }
  .life-lf{ margin: 0; }
}

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

   .white-con{ padding: 25px 15px; }
   .USTB-list01 .artImg{ width: 220px; }
   .USTB-list01  .artInfo{ margin-left: 240px; }
   .articleBottom{ padding: 12px; }
   .cootitle p{ height: 56px; }
}

@media screen and (max-width:767px){
	.officeContact{ padding: 20px 0 0 0; }
	.officeList li{ margin-bottom: 20px; }
  .USTB-article03 .gp-fl,.USTB-article04 .gp-fr{width: auto; float: none; }
  .USTB-article03 .gp-fr,.USTB-article04 .gp-fl{width: auto; float: none; margin: 20px 0 0 0; }
  .USTB-article03 .gp-fr{ padding-right: 0;}
	.white-con.noPadding{ padding:15px; }
  .PhotoList{ margin: 0;}
	.USTB-article03{ margin: 0; }
  .ResLink ul li{ width: 50%; float: left; height: 160px;overflow: hidden;}
  .ResLink{ max-width: none; }
  .white-con.PhotoShow,.gray-con,.Cultrue{ padding: 20px !important; }
  
}

@media screen and (max-width:640px){
    .gp-f30{ font-size: 2.4rem; }
	  .share .bdsharebuttonbox{ height: auto; }
    .coo-lf{ width: 100%; float: none; }
    .coo-rt{ width: 100%; float: none; }
    .cootitleBox{position: static;width: 100%;}
    .c_bg{position: static;}
    .cootitle{ padding: 20px; }
    .cootitle p{ height: auto; }
    .cooperation{height: 40px;line-height: 20px;}
    .cooInfo-info{ margin-bottom: 20px; }
    .contact-info > .gp-article{ margin-left: 0; }
    .Route{ padding: 20px; }
    .code02{ margin: 0 0 20px 20px; }
    .tabMenu03{ font-size: 0;}
    .tabMenu03 li{ width:50%; display: inline-block; float: none; vertical-align: bottom; }
    .tabMenu03 .til_tab a{ border-bottom: #eee 1px solid; }
    .tabMenu03 li a h3{ padding: 15px; min-height: 40px;}
    .USTB-list02 li a{ margin:15px; }
    .USTB-club .artText{ padding: 10px; }
    .USTB-club .artTitle{ height: auto; margin: 0; text-indent: 0; }
    .USTB-club .artCon{ display: none;}
    .USTB-list05 li a{ padding: 20px; }
    .USTB-developText{ margin-bottom: 30px; }
    .Develop-Intro .introImg{ float: none; width: auto; margin: 0;} 
    .Develop-Intro .introImg:before{ display: none; }
    .Develop-Intro .introImg .gp-img-responsive{ width: auto; }
    .USTB-developText .gp-article{ margin:20px 0;}
    .leader-info .gp-fl,.leader-info .gp-fr{ width: auto; float: none; margin: 0;}
    .life-lf{ width: auto; float: none;  }
    .life-rt{ position: static; width: auto;}
    .lifetitleBox{ padding: 20px; }
    .Gymnasium .slides > li .slideText,.fieldIntro .slideText{ padding: 20px; }
    .Cultrue .gp-fl{ width: auto; float: none; }
    .Cultrue .gp-fr{ width: auto; float: none; margin: 20px 0 0 0; }
    .Spring{ margin-bottom: 20px; }
    .Festivals ul{ margin: -15px; }
    .Festivals ul li a{ margin: 15px; }
}
 

@media screen and (max-width:480px) {
  .USTB-list01 .artImg{ width: 100%; float: none;}
  .USTB-list01 .artInfo{ margin: 0; padding: 20px;} 
  .gp-heightAuto{ max-height: none !important; height: auto !important; }
  .USTB-list01 li{ margin: 0; }
  .history-info{margin-left: 0;}
  .history-year{position: static;margin-bottom: 6px;}
  .history-year span{background: none;height: auto;line-height: 30px;text-shadow: none; padding: 0;}
  .historyList > li{padding: 20px 10px;margin: 0;}
  .leader-img{ float: none;margin: 0 auto; }
  .leader-info{ margin: 20px 0 0 0; }
  .officeContact h2,.TeamContact h2{ text-align: center; }
  .select2-container--default .select2-selection--single .select2-selection__rendered{background-position: 260px center;}
  .USTB-development .history-info,.USTB-development ul li:last-child .history-info{ padding-top: 0; margin-left: 0;}
  .QuickLink .artText{ height: auto; margin: 10px 0;}
  .Festivals .artText h2,.Festivals .artCon{height: auto;}
  .USTB-Annual li a{ margin: 15px 0; }
  .USTB-Annual .artImg{ position: static; width: 100%; float: none;}
  .USTB-Annual .artInfo{ margin: 15px 0 0 0; padding: 0; }
  .USTB-Annual .info{ margin: 0; }
}


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