/*全屏背景图片*/
.bg {
    background: url(beijing.jpg) no-repeat center center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://xyh.jlict.edu.cn/statics01/beijing.jpg',sizingMethod='scale');}
/*底部*/
.img_img { margin:0 auto; width:260px;}
.img_font { font-size:2.6em; color:white; font-style:bolder; text-align:center;
margin:20px auto 0;}
.bot_font { margin:15px auto 15px; font-size:1em; color:white; text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
/*手机端倒计时*/
.xstime p { margin:10px auto; width:100%; font-size:18px; color:white;}
/* 中等屏幕（桌面显示器，大于等于 768px） */
@media screen and (min-width:768px) {
.img_font { font-size:14px; color:white; font-style:bolder; text-align:center; margin:20px auto 10px;}
.bot_font { margin:0 auto; width:300px; text-align:left; font-size:1.2em; color:white;}


}

/******************************************电脑显示器******************************************/
@media screen and (min-width:767px) {

.img_font { font-size:1.4em; color:white; font-style:bolder; text-align:center;
margin:20px auto 10px;}
.bot_font { margin:0 auto; width:350px; text-align:left; font-size:1.4em; color:white;}
/*顶部导航栏*/
#home_top { width:100%; margin:0 auto; overflow:hidden; opacity:0.8; filter:alpha(opacity=80);}
#home_top li{ float:left; width:20%; list-style-type:none;}
#home_top li a{ display:block;margin:0 2%; *margin:0 2px;}
#home_top li a img{ width:100%; display:block;}
#home_top li a:hover img{ opacity: 0.6; filter:alpha(opacity=60); transition:0.5s;}

/*右边倒计时*/
.time img {width:218px;height:500px;overflow:hidden;opacity:0.8;filter:alpha(opacity=80);position:absolute;top:150px;right:0;}
.time #t_d {font-size:102px;color:white;opacity:0.8;filter:alpha(opacity=80);position:absolute;top:410px;right:22px;}



}
/******************************************电脑显示器******************************************/

/***************************************************/
.fs-12 { font-size: 12px;}
.fs16 { font-size: 16px;}
.fs18 { font-size: 18px;}
.fs22 { font-size: 22px;}
.nop { padding-left: 0px; padding-right: 0px;}
.nop-all { padding-left: 0px; padding-right: 0px;}
.nop-all * { padding-left: 0px; padding-right: 0px;}
.clear { clear: both;}
.hide { display: none !important;}
.fwxm { background-color: rgb(245, 125, 44); color: rgb(255, 255, 255);}
.sgs { background-color: rgb(124, 72, 10); color: rgb(255, 255, 255);}
.carousel-indicators li { width: 20px; height: 20px; border: medium none; background-color: rgba(42, 42, 42, 0.8); margin: 0px 5px;}
.carousel-indicators li.active { width: 20px; height: 20px; margin: 0px 5px;}

nav .topblack { height: 30px; background-color: rgb(41, 41, 41);}
nav .topblack .container { line-height: 20px;}
nav .topblack .container a { color: rgb(204, 204, 204); margin: 5px 0px; padding: 0px 10px; display: inline-block; border-right: 1px solid rgb(204, 204, 204);}
nav .topblack .container a:last-child { border: medium none;}
nav .mainnav { padding-top: 8px; padding-bottom: 15px; position: relative;}
nav .mainnav.navfixed { position: fixed; top: 0px; left: 0px; z-index: 99; background-color: rgb(255, 255, 255); box-shadow: 0px 1px 4px rgb(230, 230, 230);}
nav .mainnav .logo { float: left;}
nav .mainnav .slogan { float: left; font-weight: bold; margin-top: 13px; margin-left: 12px;}
nav .mainnav .bignav { float: right;}
nav .mainnav .bignav li { transition: all 0.2s ease 0s; float: right; margin-top: 10px; width: 80px; margin-right: 10px; text-align: center; line-height: 26px; border-radius: 4px;}
nav .mainnav .bignav li a { color: rgb(76, 76, 76); display: block;}
nav .mainnav .bignav li.active { background-color: rgb(251, 134, 30); color: rgb(255, 255, 255);}
nav .mainnav .bignav li.active a { color: rgb(255, 255, 255);}
nav .mainnav .bignav li:hover { cursor: pointer; background-color: rgb(251, 134, 30); color: rgb(255, 255, 255);}
nav .mainnav .bignav li:hover a { color: rgb(255, 255, 255);}
nav .mainnav .smnav { width: 100%; position: absolute; left: 0px; top: 0px;}
nav .mainnav .smnav dt { position: absolute; right: 22px; top: 22px; font-size: 25px;}
nav .mainnav .smnav .slidebox { display: none; width: 100%; position: absolute; z-index: 99; left: 0px; top: 69px;}
nav .mainnav .smnav .slidebox dd { text-align: center; background-color: rgb(255, 255, 255); line-height: 40px; border-bottom: 1px solid rgb(204, 204, 204);}
nav .mainnav .smnav .slidebox dd a { color: rgb(76, 76, 76); display: block;}
nav .mainnav .smnav .slidebox dd.active { background-color: rgb(251, 134, 30); color: rgb(255, 255, 255);}
nav .mainnav .smnav .slidebox dd.active a { color: rgb(255, 255, 255);}
.Companyprofile {padding: 50px 0px 55px;}

/******************************************手机浏览器******************************************/
@media (max-width: 767px) {



  .fs-12 { font-size: 12px;}
  .fs16 { font-size: 14px;}
  .fs18 { font-size: 16px;}
  .fs22 { font-size: 22px;}
  .news { padding-top: 20px;}
  .news h2 { font-size: 22px;}
  .news .seemore { margin-top: 20px;}
  .homenews h2 { font-size: 22px;}
  .homenews .newslist { margin-top: 0px;}
  nav .mainnav { padding-left: 15px;}
  .Companyprofile { padding-top: 20px; padding-bottom: 20px;}
  .Companyprofile h2 { text-align: center; border-left: medium none; margin-top: 10px;}
  .Companyprofile p { padding: 0px;}
  .Companyprofile .maincontain { padding: 0px;}
  .xiangmu { padding: 30px 15px;}
  .xiangmu .container { padding-left: 0px; padding-right: 0px;}
  .xiangmu p { padding-left: 0px; padding-right: 0px;}
  footer .ewmbox { margin-top: 10px;}
  .Cooperation { padding-top: 20px;}
  .Cooperation h2 { font-size: 22px;}
  .zhaopin-top { margin-top: 15px;}
  .zhaopin-top h3 { font-size: 22px; text-align: center;}
  .zhaopin-bot h3 { font-size: 22px; text-align: center;}
  .zhaopin-bot .zhaopinlist li { margin-top: 16px;}
  .zhaopin-bot .zhaopinlist li:hover { border: 1px solid rgb(209, 208, 207); box-shadow: none;}
  .zhaopin-bot .zhaopinlist li .miaoshu { padding-right: 0px;}
  .zhaopin-bot .zhaopinlist li .toujianli { position: relative; width: 60%; display: block; margin: 30px auto 0px; border: 1px solid rgb(251, 134, 30); border-radius: 4px; padding: 8px 0px;}
  .carousel-indicators li { width: 10px; height: 10px;}
  .carousel-indicators li.active { width: 10px; height: 10px;}
  .contact { padding-bottom: 20px;}
  .contact .pinpai { margin-top: 0px; padding: 10px 15px 0px;}
  .contact .pinpai > div { padding: 15px; height: auto;}
  .contact .mapbox { margin-top: 10px;}
  .aboutwh, .ceocoo { padding-top: 20px;}
  .aboutwh .card > div .namebox, .ceocoo .card > div .namebox { width: 80px; height: 26px; line-height: 26px;}
  .aboutwh h3, .ceocoo h3 { text-align: center; font-size: 22px;}
  .ceocoo { padding-top: 20px;}
  .ceocoo .card { margin-top: 15px;}
  .about-team h3 { text-align: center; font-size: 22px;}
  .honor h3 { text-align: center; font-size: 22px;}
  .newslist .newscont { margin-top: 10px;}
  .zhaopin-bot { margin-top: 30px;}
  .mapbox .mapright { padding-left: 0px;}



/*手机倒计时字体*/
.testdjs{
  color:#950601;
  font-size:50px;
  text-shadow:white 1px 0 0,white 0 1px 0,white -1px 0 0,white 0 -1px 0;
  -webkit-text-shadow:white 1px 0 0,white 0 1px 0,white -1px 0 0,white 0 -1px 0;
  -moz-text-shadow: 1px 0 0,white 0 1px 0,white -1px 0 0,white 0 -1px 0;}

}
/******************************************手机浏览器******************************************/

.website{ width:340px; height:260px; margin:20px auto;}
.websitein { width:84px; height:50px; background:rgb(245, 125, 44); position:relative; margin-top:26px; float:left; font-size:18px; color:#FFF; text-align:center; font-weight:bolder; line-height:50px;}
.websitein:after,.websitein:before { content: ""; position:absolute; left:0; width:0; height:0; border-left:42px solid transparent; border-right:42px solid transparent;}
.websitein:before { top:-25px; border-bottom:26px solid rgb(245, 125, 44);}
.websitein:after { bottom:-25px; border-top:26px solid rgb(245, 125, 44);}
.websitein>a { text-decoration:none; color:#FFF;}
.websitein>a:hover { color:rgb(35, 82, 124);}

.articleType { color:rgb(0, 0, 0); text-align:center; font-weight:700; font-size:32px; opacity:0.7; border-bottom:1px solid rgb(217, 217, 217); padding:15px 0px;}
.articleDate { text-align: center; padding: 10px 0px; border:1px solid rgb(255, 204, 0);}
.fontsizes,.fontsize,.fontsizes span.fontsize span { font-family: "Microsoft Yahei",Arial,Helvetica,sans-serif,Verdana,"Lucida Grande",Lucida; font-size: 16px !important;}
.fontsize tr td { border: 1px solid rgb(246, 246, 246); text-align:center; width:50%;}
.fontsizes tr td { border: 1px solid rgb(246, 246, 246); text-align:center; width:33%;}

.listtop>span { font-size:18px; color:rgb(75,75,75);}
.listtop>span>a { font-size:18px; color:rgb(75,75,75); text-decoration:underline;}
.listtop>span>a:hover { color:rgb(245, 125, 44); text-decoration:none;}

.a1 {
  float:left; display:block; width:76px; height:28px; line-height:28px; font-size:16px; text-align:center; text-decoration:none; color:black;
  background-color:rgb(255, 178, 102); margin:0 5px;}
.a1:hover { color:white;}
.listpage>a {
  float:left; display:block; width:76px; height:28px; line-height:28px; font-size:16px; text-align:center; text-decoration:none; color:white;
  background-color:rgb(255, 178, 102); margin:0 5px;}
.listpage a:hover { background-color:rgb(252, 140, 49);}
.listpage span { float:left; display:block; width:46px; height:28px; margin:0 5px; line-height:28px; font-size:16px; text-align:center; color:rgb(75,75,75);}

.showpage { line-height:28px; font-size:16px;}
.showpage>a { line-height:28px; font-size:16px; text-decoration:none; color:black;}
.showpage>a:hover { color:orange; text-decoration:underline;}

.title { text-align:center; padding:20px 0;}
.title h1 { font-size:32px; color:rgb(75,75,75);}
.title p { margin:10px auto; font-size:18px;}