@charset "utf-8";
/*
* @description: ERP css Explanation
* @author: jacky.nong
* @update: jacky,nong (2015-5-25)
*/
@font-face { 
      font-family: 'dosis'; 
	  src: url('../fonts/dosis.eot'); 
	  src: url('../fonts/dosis.eot') format('embedded-opentype'), 
	       url('../fonts/dosis.woff') format('woff'), 
	       url('../fonts/dosis.ttf') format('truetype'), 
	       url('../fonts/dosis.svg#singlemaltaregular') format('svg'); 
	  font-weight: normal; 
	  font-style: normal; 
}


/*------------------------------------------------------*\
        Public section by jacky.nong  2015-05-25 
\*------------------------------------------------------*/
 
/* ----- margin -----*/
/* margin-all */
.margin-0{ margin: 0;}
.margin-2{ margin: 2px;}
.margin-5{ margin: 5px;}
.margin-8{ margin: 8px;}
.margin-10{ margin: 10px;}
/* margin(top-bottom) */
.margin-tb0{ margin-top: 0; margin-bottom: 0;}
.margin-tb2{ margin-top: 2px; margin-bottom: 2px;}
.margin-tb5{ margin-top: 5px; margin-bottom: 5px;}
.margin-tb8{ margin-top: 8px; margin-bottom: 8px;}
.margin-tb10{ margin-top: 10px; margin-bottom: 10px;}
/* margin(lef-right) */
.margin-lr0{ margin-left: 0; margin-right: 0;}
.margin-lr2{ margin-left: 2px; margin-right: 2px;}
.margin-lr5{ margin-left: 5px; margin-right: 5px;}
.margin-lr8{ margin-left: 8px; margin-right: 8px;}
.margin-lr10{ margin-left: 10px; margin-right: 10px;}
/* margin-top */
.margin-t0{ margin-top: 0;}
.margin-t2{ margin-top: 2px;}
.margin-t5{ margin-top: 5px;}
.margin-t8{ margin-top: 8px;}
.margin-t10{ margin-top: 10px;}
.margin-t20{ margin-top: 20px;}
/* margin-right */
.margin-r0{ margin-right: 0;}
.margin-r2{ margin-right: 2px;}
.margin-r5{ margin-right: 5px;}
.margin-r8{ margin-right: 8px;}
.margin-r10{ margin-right: 10px;}
.margin-r20{ margin-right: 20px;}
/* margin-bottom */
.margin-b0{ margin-bottom: 0;}
.margin-b2{ margin-bottom: 2px;}
.margin-b5{ margin-bottom: 5px;}
.margin-b8{ margin-bottom: 8px;}
.margin-b10{ margin-bottom: 10px;}
.margin-b20{ margin-bottom: 20px;}
/* margin-left */
.margin-l0{ margin-left: 0;}
.margin-l2{ margin-left: 2px;}
.margin-l5{ margin-left: 5px;}
.margin-l8{ margin-left: 8px;}
.margin-l10{ margin-left: 10px;}
.margin-l20{ margin-left: 20px;}

/* ----- padding -----*/
/* padding-all */
.padding-0{ padding: 0;}
.padding-2{ padding: 2px;}
.padding-5{ padding: 5px;}
.padding-8{ padding: 8px;}
.padding-10{ padding: 10px;}
/* padding(top-bottom) */
.padding-tb0{ padding-top: 0; padding-bottom: 0;}
.padding-tb2{ padding-top: 2px; padding-bottom: 2px;}
.padding-tb5{ padding-top: 5px; padding-bottom: 5px;}
.padding-tb8{ padding-top: 8px; padding-bottom: 8px;}
.padding-tb10{ padding-top: 10px; padding-bottom: 10px;}

/* padding(lef-right) */
.padding-lr0{ padding-left: 0; padding-right: 0;}
.padding-lr2{ padding-left: 2px; padding-right: 2px;}
.padding-lr5{ padding-left: 5px; padding-right: 5px;}
.padding-lr8{ padding-left: 8px; padding-right: 8px;}
.padding-lr10{ padding-left: 10px; padding-right: 10px;}
/* padding-top */
.padding-t0{ padding-top: 0;}
.padding-t2{ padding-top: 2px;}
.padding-t5{ padding-top: 5px;}
.padding-t8{ padding-top: 8px;}
.padding-t10{ padding-top: 10px;}
.padding-t20{ padding-top: 20px;}
/* padding-right */
.padding-r0{ padding-right: 0;}
.padding-r2{ padding-right: 2px;}
.padding-r5{ padding-right: 5px;}
.padding-r8{ padding-right: 8px;}
.padding-r10{ padding-right: 10px;}
.padding-r20{ padding-right: 20px;}
/* padding-bottom */
.padding-b0{ padding-bottom: 0;}
.padding-b2{ padding-bottom: 2px;}
.padding-b5{ padding-bottom: 5px;}
.padding-b8{ padding-bottom: 8px;}
.padding-b10{ padding-bottom: 10px;}
.padding-b20{ padding-bottom: 20px;}
/* padding-left */
.padding-l0{ padding-left: 0;}
.padding-l2{ padding-left: 2px;}
.padding-l5{ padding-left: 5px;}
.padding-l8{ padding-left: 8px;}
.padding-l10{ padding-left: 10px;}
.padding-l20{ padding-left: 20px;}

/* ----- font -----*/
/* font-size */
.font12{ font-size: 12px;}
.font14{ font-size: 14px;}
.font16{ font-size: 16px;}
.font18{ font-size: 18px;}
.font20{ font-size: 20px;}
.font24{ font-size: 24px;}
/* font-weight */
.weight-n{ font-weight: normal;}
.weight-b{ font-weight: bold;}
.weight-6{ font-weight: 600;}
.weight-7{ font-weight: 700;}
/* text-align */
.text-center{ text-align: center;}
.text-left{ text-align: left;}
.text-right{ text-align: right;}
/* text-style */
.font-i{ font-style: italic;}
/* clear font */
.font-n{ font-weight: normal; font-style: normal;}

/* ----- border -----*/
.border-n{ border: none;}
.border-tn{ border-top: none;}
.border-rn{ border-right: none;}
.border-bn{ border-bottom: none;}
.border-ln{ border-left: none;}

/* ----- other -----*/
/* float */
.col-floatl{ float: left;}
.col-floatr{ float: right;}
.col-floati{ float: inherit;}
.col-clearc{ clear: both;}
.col-zindex-0{ z-index: 0;}
.col-cursor{ cursor: pointer; }
/* position */
.col-position-f{ position: fixed;}
.col-position-i{ position: inherit;}
.col-position-r{ position: relative;}
.col-position-a{ position: absolute;}
.col-position-s{ position: static;}
/* display */
.col-display-n{ display: none;}
.col-display-b{ display: block;}
.col-display-ib{ display: -moz-inline-stack; display: inline-block;}
.col-display-i{ display: inline;}
/* overflow */
.col-overflow-h{ overflow: hidden;}
.col-overflow-s{ overflow: scroll;}
.col-overflow-y{ overflow-y: scroll;}
.col-overflow-x{ overflow-x: scroll;}
.col-visibility-h{ visibility: hidden;}
.col-visibility-v{ visibility: visible;}

/*background */
.logo-oa ,.logo-rp ,.logo-tn ,.logo-ht ,.logo-up ,.logo-va ,.logo-an
,.content .jobs ,.content .department ,.content .location ,.content .number ,.content .time
{ background:url(../images/icon.png) no-repeat;}
.logo-rp{ background-position:-30px -28px;}
.logo-tn{ background-position:-10px -78px;}
.logo-ht{ background-position:-10px -130px;}
.logo-up{ background-position:10px -186px;}
.logo-an{ background-position:-168px -311px;}
.logo-va{ background-position:-169px -604px;}
.logo-va:hover{ background-position:-169px -653px;}
.logo-an:hover{ background-position:-168px -383px;}
.logo-rp:hover{ background-position:-30px -260px;}
.logo-tn:hover{ background-position:-10px -309px;}
.logo-ht:hover{ background-position:-10px -362px;}
.logo-up:hover{ background-position:10px -425px;}
.logo-oa{ background-position:top left; background-repeat:no-repeat}

.content .jobs{ background-position: top right}
.content .department{ background-position: right -50px}
.content .location{ background-position:right -104px }
.content .number{ background-position:right -146px }
.content .time{ background-position:right -202px }


body { padding-top:80px; font-family:"微软雅黑"; font-size:12px; }
a{ color:#666;}
a:hover{ color:#d83935; text-decoration:none}
.white-size{ color:#fff;}
.red-size{color:#d83935}
.border-radius{ border-radius:5px;}
.purple-size{ color:#7E6FB0}
.b-line{ border-bottom:1px solid #ddd}
.black-size{ color:#888}
/*------------------------------------*\
                  index 
\*------------------------------------*/
/*.header{ height:80px; background:#fff url(../images/bg.png) repeat-x; 
   -moz-box-shadow: 3px 3px 4px #999; 
   -webkit-box-shadow: 3px 3px 4px #999; 
   box-shadow: 3px 3px 4px #999;}
.top-border{ border-top:2px solid #d83935;}
.logo{ margin-right:30%; margin-top:10px;}
.icon{ margin-top:30px;}
.logo-oa{ width:18px; height:18px; margin-right:2px; display:block; float:left;}
.navbar-brand { padding: 10px 15px;}

.header .navbar { border: none; margin-bottom: 0; }
.header .navbar-default { background: none; }
.header .navbar-nav > li > a { padding: 0 20px; line-height:78px; font-size:16px; color:#333; }
.header .navbar-nav > li > a:focus,
.header .navbar-nav > li > a:hover { color: #d83935; }
.header .nav { margin-left: 20%; }
.header .navbar-nav { float: inherit; }
.header .navbar-nav > .open > a,
.header .navbar-nav > .open > a:focus,
.header .navbar-nav > .open > a:hover, 
.header .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{ color: #d83935; background: none; }
.header .dropdown-menu { border:none; padding:0; border-radius:0;background: rgba(255, 255, 255, 0.8);}
.header .dropdown-menu > li > a {line-height:36px; padding:0px 10px; display:block; border-bottom:1px solid #f5f5f5;}
.header .dropdown-menu > li > a:hover{ background: rgba(216, 57, 53, 0.8); color:#fff}
.header .navbar-nav > .active > a ,.navbar-default .navbar-nav > .active > a:hover { display:block;  background:#d83935;}
.header .navbar-nav > .active > a{color:#fff;}
.header .navbar-nav > .active > a:hover >a{color:#fff;}
.dropdown-submenu { position: relative; }
.dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: 0; margin-left: -1px;}
.dropdown-submenu:hover > .dropdown-menu { display: block; }
.dropdown-submenu > a:after { display: block; float: right; width: 0; height: 0; margin-top: 5px; margin-right: -10px; }
.dropdown-submenu.pull-left { float: none; }
.dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; }
*/

/*banner*/
.banner .carousel-indicators { z-index: 5; }

/*quick link*/
.brand a{ width:182px; height:56px; text-align:center; margin:0 auto; display:block;}


/*footer*/
.footer{ padding:10px 0px; background:#f4f4f4;}
.footer li{ line-height:24px; }
.copyright{ color:#999; padding:10px 0px;}
.gov a{ float:left; margin-left:20px;}


/*======================= main  =========================*/

/*about */
.about{ width:100%; height:50px; background:#474747;}
.about li a{ width:140px; display:block; font-size:14px; color:#fff; line-height:50px;  height:50px; }
.about li a:hover {color:#d83935;}
.about .active{background:#d83935;color:#fff;}
.about .active:hover a{ color:#fff;}

/* history */
.history{ background:url(../images/history-1.jpg) center top repeat-y;}
.history-box{padding:5%; height:auto; background:url(../images/line-bg.jpg) 7.5% top repeat-y;}
.history-box li{ width:100%; float:left; margin-bottom:15px;}
.history-box .date{ width:80px; height:80px; line-height:80px; font-weight:bold; font-size:16px; float:left; color:#fff; background:#d83935; text-align:center; -moz-border-radius: 50px;   -webkit-border-radius: 50px;   border-radius: 50px;}
.history-box .cos-box{ width:80%; height:auto;  float:left; margin:10px 0px 0px 50px}
.cos-box .cos-left {float:left;width: 0;  height: 0; border-top: 20px solid rgba(255, 255, 255, 0.5); margin-top:10px; border-left: 20px solid transparent; }
.cos-box .cos-info{ width:80%; float:left; background: rgba(255, 255, 255, 0.5) !important; background: #fff; filter: alpha(opacity=80);  padding:20px; border-radius:5px;}
.history-box dl{ margin-bottom:0;}

/* news */
.news-menu{ width: auto; padding:20px; text-align:center;}
.news-menu a{ width: auto; padding:5px 40px; display: inline-block; border:1px solid #666; margin-right:20px; border-radius:5px; }
.news-menu a:hover{ color:#d83935; border:1px solid #d83935;}
.news-menu .active{ background:#d83935; color:#fff; border:1px solid #d83935;}
.news-menu .active:hover{ color:#fff}
.news-box{ width:980px; height:auto; margin:0px auto; }
.news-center{ width:100%; float:left; background:url(../images/news-bg.jpg) center top repeat-y;}
.news-info{ width:459px; padding:10px; border:1px solid #B4BBCD; position:relative;}
.news-icon1 ,.news-icon2{ width:37px; height:25px; display:block;  position:absolute;}
.news-box .left{ float:left;}
.news-box .right{ float:right;}
.news-icon1{background:url(../images/l_news.png) no-repeat; top:8px ; left:100%;}
.news-icon2{background:url(../images/r_news.png) no-repeat; top:8px ; left:-8.3%; }
.news-info a{ color:#d83935; font-size:16px;}
.news-info span{ font-size:12px; color:#666; }
.news-info a:hover{ color:#666;}

/* cultural */
.cultural-title{ margin:30px 0px;}
.cultural-title h1 ,.back h2{ font-family: "dosis";}
.cultural-title span{color:#d83935;}
.cultural-info p{ margin-bottom:20px;}
.cultural-info ul li{ line-height:32px;}
.back{border-top:1px solid #e2e2e2; margin-top:80px; border-bottom:1px solid #e2e2e2; padding:30px 0px;}
/*.back .pic{ position:absolute; top:-50%; left:10%;}*/
.back h2{ font-size:300%; margin-top:30px;}



/* talents */
.talents{ width:100%; margin:20px 0 50px 0; float:left;}
.talents .title{ width:100%; border-bottom:1px solid #ddd; padding:5px 0;}
.talents .title b{ width:46px; color:#ddd; font-family: Georgia, "Times New Roman", Times, serif; font-size:52px; line-height:52px; float:left; }
.talents .title span{ font-size:11px; line-height:11px; margin-top:5px; display:block; height:10px;}
.talents .title h2{color:#d83935; padding:0; margin:0;}
.talents .info{ width: auto; margin:20px 0px 0px 50px;}
.talents .info li{ margin-bottom:4px;}

/* contact*/
.contact{ padding:15px 0px 0px 10%}
.contact ul{ margin-top:20px;}
.contact a{color:#d83935;}
.contact a:hover{ color:#333}

/*======================= jobs  =========================*/


/*======= campus- 2017 =======*/
/*title*/
.title{ margin:20px 0;}
.title .title-box{ width:180px; margin:0px auto; background:#5dc7b0; font-size:32px; font-weight:bold; color:#fff; border-radius:50px;}
.title p{ font-size:24px; color:#5dc7b0;}
/*welfare*/
.campus .welfare ul{ width:45%; margin:30px 2.5%; float:left;}
.campus .welfare ul li{ width:100%; float:left; font-size:24px; line-height:46px;}
.campus .welfare .pic{ float:left; margin-right:10px;}
.campus .welfare .left li{ margin-bottom:36px;}
.campus .welfare img{ border-radius:20px;}
.campus .welfare .right li{ margin-bottom:10px; }
/*message*/
.campus .left-box ,.campus .right-box{ padding:15px 0; margin-bottom:20px;}
.campus .left-box img ,.campus .right-box img{border-radius:50px;} 
.campus .left-box ,.campus .right-box{ background:#f9f3f2;}
.campus .left-box{ border-radius:0 100px 100px 0; margin-right:20px}
.campus .right-box{border-radius:100px 0 0 100px; margin-left:20px;}
.campus .message .left-box img{ float:right;}
.campus .message .right-box img{ float:left;}

/*company*/
.com-main-1 ul ,.com-main-2 ul{ width:auto; margin:0px auto;}
.com-main-1 ul li{ width:32.6%; margin-left:1.1%; height:202px; max-height:202px; overflow:hidden; padding:0; float:left; background:#414141;}
.com-main-1 ul li:first-child ,.com-main-2 ul li:first-child{ margin-left:0;}
.com-main-1 ul li:nth-child(2){background:#414141; color:#fff;}
.info-box-1 p{ margin-bottom:0;}
.info-box-1 .txt-1{letter-spacing:12px; margin-top:25px;}
.info-box-1 .txt-2{letter-spacing:7px;}
.info-box-1 .txt-3{letter-spacing:1px;}
.info-box-2 .txt-4{letter-spacing:6px; margin-bottom:0; margin-top:15px;}
.info-box-2 .txt-5{ font-size:36px; letter-spacing:2px; font-weight:bold;}
.com-main-2 ul li{ width:49.45%; margin-left:1.1%; margin-top:12px; float:left; padding:0;}

/*brand-box*/
.campus-brand{ margin-bottom:30px; margin-top:30px;}
.campus-brand ul li{ width:16%; margin-left:.5%; float:left; height:56px;}
.brand-icn-va,
.brand-icn-tt,
.brand-icn-rav,
.brand-icn-an,
.brand-icn-ht,
.brand-icn-us,
.brand-icn-va:hover,
.brand-icn-tt:hover,
.brand-icn-rav:hover,
.brand-icn-an:hover,
.brand-icn-ht:hover,
.brand-icn-us:hover { display:block; margin:0px auto; width:150px; height:56px; background: url(../images/brand-logo.png) no-repeat;}
.brand-icn-va{ background-position: left -53px;}
.brand-icn-tt{ background-position: left -127px;}
.brand-icn-rav{ background-position: left 15px;}
.brand-icn-an{ background-position: left -211px;}
.brand-icn-ht { background-position: left -285px;}
.brand-icn-us{ background-position: left -382px;}
.brand-icn-va:hover{ background-position: -291px -53px;}
.brand-icn-tt:hover{ background-position: -292px -127px;}
.brand-icn-rav:hover{ background-position: -291px 15px;}
.brand-icn-an:hover{ background-position: -292px -211px;}
.brand-icn-ht:hover{ background-position: -293px -285px;}
.brand-icn-us:hover{ background-position: -292px -382px;}


/*post*/
.post ,.message{ background:#5dc7b0;}
.message .title .title-box{ width:240px;}
.post .title .title-box ,.message .title .title-box{ background:#f9f3f2; color:#5dc7b0;}
.post .title p ,.message .title p{ color:#f9f3f2;}
.post ul{ width:100%; float:left; margin-bottom:20px;}
.post ul li{width:19%; margin-left:1.25%; float:left; float:left;}
.post ul li:first-child{ margin-left:0;}
.post-msg{ background:#fff; padding:15px;}
.post-msg p{ margin-bottom:0; color:#999;}
.post .pic{ position: relative;}
.post .modal-box{ position:absolute; width:100%; height:100%; background: rgba(51, 51, 51,0.6) !important; background: #333; filter: alpha(opacity=60);}
.post .modal-box a{ position:absolute; bottom:20px; padding:5px; border-radius:50px; width:50%; left:25%; text-align:center; background:#fbd007;}
.post ul li:first-child .modal-1,
.post ul li:nth-child(2) .modal-2,
.post ul li:nth-child(3) .modal-3,
.post ul li:nth-child(4) .modal-4,
.post ul li:nth-child(5) .modal-5{ display:none;}

.post ul li:first-child:hover .modal-1,
.post ul li:nth-child(2):hover .modal-2,
.post ul li:nth-child(3):hover .modal-3,
.post ul li:nth-child(4):hover .modal-4,
.post ul li:nth-child(5):hover .modal-5{ display:block;}
.post ul li:hover .post-msg{ background:#fbd007;}
.post .process{ width:100%; float:left; margin:20px 0;}
/*campus-footer*/
.campus-footer{ position:relative;} 
.campus-footer .campus-footer-box{ position:absolute; top:16%; width:100%; color:#fff; }
.campus-footer .campus-footer-box p{ margin-bottom:0;}

/*======= campus- 2016 =======*/
/*-- post  --*/
/*.line{ margin-top:15px; height: 1px; border-top: 1px solid #ddd; text-align: center;}
.line span{ position: relative; background:#fff; top: -12px; padding: 0 20px;}
.bg-purple{ background:#988cc0}
.post .line span ,.message .line span{ background:#988cc0;}
.post ul li{ width:30%; margin:1.5%; background:#988CC0 ; padding: 30px 0px; border-radius:5px; font-size:180%;}

.post ul li i ,.post ul li a{ color:#fff;}
.post ul li a:hover{color:#d83935}*/

/*
.vedio{ width:auto; position:absolute; right:6%; top:20%;}
.vedio img{  
  -webkit-box-shadow:0 0 15px rgba(0, 0, 0, .8);  
  -moz-box-shadow:0 0 15px rgba(0, 0, 0, .8);  
  box-shadow:0 0 15px rgba(0, 0, 0, .8);  
}
.campus .title{margin-top:50px;height: 2px;border-top: 2px solid #999;text-align: center;}  
.campus .title-info{ position: relative; top: -40px; text-align:center;}
.campus .title-info h2{ background:#fff;  float:left; padding:0px 20px;}
.campus .title-info span{ width:18px; height:18px; float:left; margin-top:30px; display:block; background:#999; border-radius:50px;}
.campus .margin{ margin-top:50px;}
.campus .date-info{ font-size:20px; font-weight:bold; left:5%; top:60%;}
.campus .date li{ margin-bottom:10px;}
.campus .date ,.campus .home{ position:relative;}
.campus .date-info ,.campus .home-info{position:absolute;}
.campus .home-info{ width:40%; right:5%; top:10%; font-size:28px; color:#fff; text-align:center;}

.campus .post ,.campus .welfare{ background:#e6e6e7; border-radius:20px;}

/*.campus .post table{ margin:30px 0; font-size:18px; border:0; }
.campus .post table tr th{ color:#fff; text-align:center; font-weight:normal;}
.campus .table > tbody > tr > td{vertical-align: middle;}
.campus .table-bordered > tbody > tr > td, 
.campus .table-bordered > tbody > tr > th, 
.campus .table-bordered > tfoot > tr > td, 
.campus .table-bordered > tfoot > tr > th, 
.campus .table-bordered > thead > tr > td, 
.campus .table-bordered > thead > tr > th {border: 2px solid #fff;}
*/
/*
.campus .welfare ul{ width:45%; margin:30px 2.5%; float:left;}
.campus .welfare ul li{ width:100%; float:left; font-size:24px; line-height:46px;}
.campus .welfare .pic{ float:left; margin-right:10px;}
.campus .welfare .left li{ margin-bottom:36px;}
.campus .welfare .right li{ margin-bottom:10px;}

.campus .message .left ,.campus .message .right{ width:48%; float:left;}
.campus .message .right{ margin-left:4%;}

.campus .left-box p{ width:85%; margin:2% 0 0 2%; float:left; font-size:18px;}
.campus .left-box img ,.campus .right-box img{border-radius:50px; float:left; margin:20px 0px;} 
.campus .left-box ,.campus .right-box{width:100%; float:left; background:#e6e6e7; margin-bottom:30px;}
.campus .left-box{ border-radius:10px 100px 100px 10px;}
.campus .right-box{border-radius:100px 10px 10px 100px;}
.campus .right-box img{ margin-left:20px;}
.campus .right-box p{float:left; font-size:18px;width:82%; margin:2% 0 0 20px;}
*/


/*======= campus- 2015 ======*/
/*
.policy-icon{ width:588px; height:580px; position:relative; margin:0px auto; background:url(../images/fl.jpg) center center no-repeat}
.policy-icon .icon{ position:absolute; width:120px; height:32px; line-height:32px; font-size:16px; color:#fff; font-weight:bold; border-radius:5px;}
.policy-icon .icon a ,.policy-icon .icon a:hover{ display:block; color:#fff}
.policy-icon .icon span{ line-height:24px; font-size:14px; display:block;}
.bg-color1{ background:#dc0024}
.bg-color2{ background:#29baef}
.bg-color3{ background:#85c123}
.bg-color4{ background:#8c4c9a}
.bg-color5{ background:#ed6801}
.place1{ left:41%} 
.place2{ left:0; top:25%}
.place3{ right:0%; top:25%}
.place4{left:-5%; top:55%}
.place5{right:-5%; top:55%}
.place6{left:10%; bottom:10%}
.place7{right:10%; bottom:10%}

.panel ,.pane2 ,.pane3 ,.pane4 ,.pane5 ,.pane6 ,.pane7{ 
display:none; 
position:absolute; 
left:30%; 
top:125%; 
z-index:99;  
color:#fff; 
text-align:left; 
width:400px; 
height: auto; 
padding:10px;  
border-radius:5px;
}
.pane-left{width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; margin-top:-20px;}
.panel .pane-left ,.pane4 .pane-left{ border-bottom: 15px solid #dc0024;}
.pane2 .pane-left{ border-bottom: 15px solid #29baef;}
.pane3 .pane-left ,.pane6 .pane-left{ border-bottom: 15px solid #85c123;}
.pane5 .pane-left{ border-bottom: 15px solid #8c4c9a;}
.pane7 .pane-left{ border-bottom: 15px solid #ed6801;}
*/

/*-- message --*/

/*
.message ul{ margin:30px 0px;}
.message li{ width:50%; display:block; float:left; text-align:left; margin:20px 0px}
.message .pic{ float:left; width:100px; height:100px; background:#fff; -moz-border-radius: 50px;   -webkit-border-radius: 50px;   border-radius: 50px; margin-right:10px;} 
.message .pic img{-moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;}
.message .info{ float:left; width:70%; height:auto; padding:10px; border-radius: 5px; background:#fff}
.triangle-left { float:left; margin-top:30px; idth: 0;height: 0; border-top: 10px solid transparent; border-right: 20px solid #fff;  border-bottom: 10px solid transparent;}
.message span { color:#988cc0;}
.message .left ,.message .right{ font-size:150%; font-weight:bold; font-family: "dosis"; }
*/

/*-- content--*/
.content{ background:url(../images/job-bg_1.jpg) no-repeat; background-attachment: fixed; }
.content .tab-menu{ margin:20px 0px;}
.content .tab-menu li{background:#fff; border-radius: 5px; margin-right:20px;text-indent:25px;list-style-type:none;}
.content .tab-menu li a{padding:15px 30px; display:block; color:#7e6fb0; font-weight:bold;}
.content .tab-menu li a:hover{ color:#333;}
.content .tab-menu .active{ background:#7e6fb0}
.content .tab-menu .active a{ color:#fff}
.content .info{ background: rgba(255, 255, 255, 0.6) !important; background: #fff; filter: alpha(opacity=60); padding:30px; font-size:14px; }

.tab-job{margin:20px 0;} 
.tab-job li{background:#fff;border-radius: 5px; margin-left:-30px;height:40px;list-style-type:none;margin-top:5px;line-height:40px;text-indent:25px;}

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th { border: 1px solid #333 }

.info-icn{ border-bottom: 1px solid #7E6FB0; padding:20px 0px;}
.info-icn li ,.info-box li{ width:20%; float:left; line-height:24px;}
.info-icn i{ width:32px; height:24px; display:block; float:left}
.info-icn span{ margin-left:10px; font-weight:bold; font-size:120%;}
.info-box ul{ width:100%; float:left;}
.info-box li{ text-indent:10px;padding: 20px 0px;}
.info-box li a{ color:#D83935; font-weight:bold; }
.info-box li a:hover{ color:#333;}
.bg-white{background: rgba(255, 255, 255, 0.7) !important; background: #fff; filter: alpha(opacity=70);}



/* modal */
.modal-dialog{ top:20%; width:680px;}
.modal-header{ border-bottom:none; background: #C9302C; padding:5px; color:#fff; text-align:center;}
.modal-footer{ border-top:none;}
.modal-body{ padding-right:30px; padding-bottom:0;}
.modal-body .form-group{ margin-left:-25px;}
.modal-body .col-md-4{ padding-left: 0px;}
.modal-body label{ margin-top:10px;}



@media (max-width:1440px) {
/*campus-footer*/
.campus-footer h2{ font-size:24px;}
}

@media (max-width:1024px) {
/* news */
.news-box{ width:800px; height:auto; margin:0px auto; }
.news-info{ width:370px; padding:10px; border:1px solid #B4BBCD; position:relative;}
.news-icon2{left: -10.2%;}
.triangle-left{ display:none;}
.icon ul li:nth-child(2){ display:none;}

/*campus-footer*/
.campus-footer h2{ font-size:18px;}
.com-main-1 ul li{ height:auto;}
.info-box-1 .txt-1{ margin-top:0;}
}

 
@media (max-width:980px) {
.header .navbar-nav > li > a {padding: 0px 10px;}

/*campus*/
.campus .message .left-box{ margin-right:0; margin-left:0; border-radius:5px;}
.campus .message .right-box{ margin-right:0; margin-left:0; border-radius:5px;}
.campus-footer .campus-footer-box{ top:0; background:#5dc7b0; position: inherit;}
.campus-footer h2{ margin:0; padding:10px 0;}
.info-box-1 .txt-1 ,.info-box-1 .txt-2 ,.info-box-1 .txt-3 ,.info-box-2 .txt-4 ,.info-box-2 .txt-5{ display:block; font-size:12px;letter-spacing:0;}
.com-main-1 ul li{ height:128px; background:none;}
.com-main-1 ul li:nth-child(2){ background:#414141;}
.info-box-1{ padding-top:10px;}
.campus-brand ul li{ width:30%;}
.campus .welfare .pic img{ width:120px;}
.campus .welfare ul li{ font-size:16px; line-height:24px; border-radius:5px;}
}


@media (max-width:768px) {
.global h2{ font-size:24px;}

/* news */
.news-box{ width:680px; height:auto; margin:0px auto; }
.news-info{ width:310px; padding:10px; border:1px solid #B4BBCD; position:relative;}
.news-icon2{left: -12%;}

/*content*/
.content .tab-menu li{ margin-bottom:10px;}

/*modal*/
.modal-body .form-group{ margin-left:0;}
/*campus*/
.title .title-box{ font-size:24px;}
.title p{ font-size:16px;}
}

@media (max-width:767px) {
.icon{ position:absolute; right:10px; top:32px; width:auto;}
/*campus*/	
.com-main-1 ul li:nth-child(2){ height:auto;}	
.campus .welfare ul{ width:100%; margin:0 10px;}
.campus .welfare .left li{ margin-bottom:10px;}
.campus .left-box ,.campus .right-box{ margin:10px 0;}
}

@media (max-width:740px) {
body{ padding-top:0;}	 
.navbar-fixed-top{ position:inherit;}	 
/*header*/
.header ,.header .navbar-collapse{ height:auto; padding:0;}
.header .navbar-brand{ height:auto; padding:10px 0;}
.header .nav{ margin:0;}
.header .navbar-nav > li > a{ line-height:42px;}
/* menu*/
.navbar-toggle { margin-top: 10px; }
.navbar .popover { 
    position: relative; 
	left: 0; 
	top: 2px; 
	z-index: 0; 
	width: 100%; 
	height: auto;  
	max-width: 100%; 
	border: none; 
	background: #fff; 
}
.submenu-box { display: block; width: 100%; height: auto; border-left: none; }
.navbar-nav > li > .dropdown-menu { height: auto; }
.navbar-nav > li > a { font-size: 120%; }

.navbar,
.navbar-form { border: none; margin: 10px 0; }

.nav > li { background: #444; border-bottom: 1px solid #fff; }

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:hover { color: #fff; }

.nav .open > a,
.nav .open > a:hover { background: none; }
.navbar-nav .open .dropdown-menu { background: #ededed; }

.navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #444 ;}
.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse { max-height: 100% ;}
/*.navbar-default .navbar-nav .open .dropdown-menu>li{ border-bottom:1px solid #fff}*/

.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus { color: #fff; background-color: #d83935; border-bottom: none; }

.navbar-default .navbar-collapse,
.navbar-default .navbar-form { border: none; }

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover { color: #fff; }	

/*history*/
.history-box .date{ width:60px; height:60px; line-height:60px;}
.history-box{ background-position:9% top;}

/* news */
.news-menu{ padding:10px 0;}
.news-menu a{ float:left; margin-bottom:10px; padding:5px 15px;}
.news-box{ width:100%; height:auto; margin:0px auto; }
.news-center{ width:100%; float:left; background:none;}
.news-info{ width:80%; margin-left:5%; margin-bottom:20px; padding:10px; border:1px solid #B4BBCD; position:relative;}
.news-box .left ,.news-box .right{ float:left;}
.news-icon1 ,.news-icon2{ display:none; }

.policy{ display:none;}

.info-icn i{ display:none;}
.info-icn span{ font-size:100%;}
.content .tab-menu li{ margin-right:0; margin-bottom:5px;}
.content .tab-menu li a{ padding:5px 10px;}
.content .info h2{ font-size:20px;}

/*modal*/
.modal-dialog{ width:auto; top:5%;}
.modal-dialog .text-right{ text-align:left;}
.modal-dialog span{ margin-bottom:15px;}
.modal-dialog .form-group{ margin-bottom:0;}

/*campus*/
.campus .left-box img{ float: inherit; display:block; margin-left:auto; margin-right: auto;}

}


@media (max-width:576px) {
/*about table*/
.about{ height:42px;}
.about li{ width:22%;}
.about li a{ width:100%; line-height:42px;  height:42px; text-align:center;}
/*history*/
.history-box{ background-position:11% top;}

/*campus*/
.com-main-1 ul li ,.com-main-2 ul li{ width:100%; background:#414141; height:auto; text-align:center; margin:0 0 10px 0;}
.com-main-1 ul li img{ margin:0px auto;}
.campus-brand ul li{ width:49%; margin-bottom:20px;}
.post ul li {width:32%; margin-bottom:10px;}
.post-msg { height:90px;}

}
@media (max-width:420px) {
.post ul li { width:48%;}	
}