﻿@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,th,var,i { font-weight:normal; font-style:normal; }
ol,ul,li { list-style: none; }
div,dl,dt,dd,ol,ul,li{ zoom:1; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size:100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }

/* Public */
html{ width:100%; }
body{ width:100%; color:#333;font:14px/20px "微软雅黑"; -webkit-text-size-adjust: none; background:#f1f1f1;}
/*li font{ font-size:12px !important; }*/
a{color:#333;text-decoration:none; outline:none;}
a:hover { text-decoration:none; color:#c50008; }
.clearbox {border:none;border-top: 1px solid transparent !important;clear: both;
font-size: 0;height: 0;line-height: 0;margin-top: -1px !important;visibility: hidden;}
.blank{ display:block; height:0px;font-size:0px; line-height:0; overflow:hidden; clear:both;  }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
* html .clearfix{height:1%;}
*+html .clearfix{min-height:1%;}
.fl{ float:left;  }
.fr{ float:right;   }
.hide{ display:none; }
.mat{ margin-top:20px;  }
.mb15 { margin-bottom:15px;}
.sw{width:1000px; margin:0 auto;}
.more{float:right;}
.wrap{min-width:1000px;*margin-bottom:-20px;overflow: hidden;}

/*顶部 S*/
.header{height:130px;background: #044aaa;}
.top{min-width:1000px;height:86px; line-height:28px;background:url(../../base/img/top_bg.png) repeat-x center top; }
.top .sw{height:86px; overflow:visible;}
.top_l{float:left;padding:22px 0 0 17px;width: auto;}
.top_l .home,.top_l .collection{float: left;width: 40px;height: 40px;margin-right: 20px;cursor: pointer; overflow: hidden;}
.top_l .home i,.top_l .collection i,#header .site dt i{display: block;width: 40px;height: 40px;background:url(../../base/img/icon.png) no-repeat 0 -60px;}
.top_l .collection i{background-position: -55px -60px;}
.top_l .home:hover i{background-position: 0 -110px;}
.top_l .collection:hover i{background-position: -55px -110px;}
.header .logo{padding-top:22px; float:left; overflow:hidden;}
.top_r{float:right; width:248px; height:40px;margin-top: 24px;}

#logoDefault{float:left;_display:inline;overflow:hidden;padding-top: 17px;}
#logoDefault img{float:left; _display:inline; width:auto; height:28px; margin-right:15px; margin-top:13px}
#logoDefault span{float:left;_display:inline;height:50px;line-height:50px;color: #ffffff;font-size: 32px;}

.s-form{width:248px; height:40px;overflow:hidden;}
.s-form .input-box{display:block; float:left; float:left; width:195px; height:33px;margin-top:3px;background:url(../../base/img/icon.png) no-repeat 0 0px;}
.s-form .input-box input{display:block; float:left; float:left; width:180px; height:33px; line-height:33px; padding-left:15px; border:0; color:#999;background: none;outline: none;}
.s-form .btn-box{display:block; float:right; width:40px; height:40px;background:url(../../base/img/icon.png) no-repeat -213px 0px;}
.s-form .btn-box #search{display:block; width:40px; height:40px;cursor: pointer;text-indent: -9999px;background: none;border: 0;outline: none;}

#header .site{z-index: 9999;float:left;position:relative;font-size: 12px;}
#header .site dt{height:40px;cursor: pointer; overflow: hidden;}
#header .site dt i{background-position: -110px -60px;}
#header .site dt:hover i{background-position: -110px -110px;}
#header .site dd{padding-top:20px;z-index: 0;display: none;position:absolute;width: 607px;top: 40px;left: -230px;}
#header .site dd>i{display:block;width: 13px;height: 7px;margin-left: 244px;background:url(../../base/img/ssjx.png) no-repeat 0 0px;}
#header .site ul{padding: 10px 20px;background: #fff;overflow:hidden}
#header .site li{text-align: left;float:left;width: 185px;padding: 2px 0px 2px 4px;color:#666;/*background: url(../img/icon.png) 4px -1282px no-repeat;*/}
#header .site li a{color:#333}
#header .site.on dd{ display:block; background:#fff; border:3px solid #013379 }

#siteLast dd h3{ text-align:left; margin:0 10px; position:relative; font-size:14px; font-weight:bold; line-height:34px; display:block; overflow:hidden;}
#siteLast dd h3 span{float:left; height:34px; line-height:34px; padding:0 15px 0 0; background:#ffffff; position:relative; z-index:2; color:#333}
#siteLast dd h3 i{ content:""; display:block; height:1px; line-height:0; font-size:0; background:#eeeeee; top:16px; right:0; width:100%; position:absolute; z-index:1;}
/*顶部 E*/

.banner{width:100%; text-align:center;}

/*导航 S*/
.nav{clear:both; width:1000px; height:44px; margin:0px auto;}
/*.nav ul{height:50px;}*/
.nav ul li{float:left; width:96px; height:44px;margin-right: 10px; _display:inline; text-align:center; position:relative; z-index:9998;}
.nav ul li.first1{width: 96px;}
.nav ul li h3{font:normal 16px/44px "微软雅黑";}
.nav ul li a{color:#fff;}
.nav ul li.on1 a{color:#fff;}
.nav ul li .ul1{display:none; width:96px;padding: 8px 0; position:absolute; left:0; top:44px; z-index:9999; background:#013379;}
/*.nav ul li.last1 .ul1{right:0; left:auto;}*/
.nav ul li .ul1 li{height:30px;margin-right: 0; text-align:center; overflow:hidden;}
.nav ul li .ul1 li h3{font:normal 14px/30px "微软雅黑";}
.nav ul li .ul1 li a{color:#fff;}
.nav ul li .ul1 li.on2{background: #135bbf;}
/*导航 E*/

.content{width:100%;position:relative; z-index:99;overflow: hidden;}

/*图片校园 S*/
.pic_campus{margin-top:20px; position:relative;}
.mainBox .pic_campus .hd{background:#be3e20;}
.pic_campus .hd h3{}
.pic_campus .bd{padding:20px 4px 0; overflow:hidden; display:table; text-align:center;}
/*.pic_campus .sPrev,.pic_campus .sNext{display:block; width:20px; height:34px; position:absolute; top:130px; background:url(images/PE/icon.png) -116px -36px;}
.pic_campus .sPrev{right:5px; }
.pic_campus .sNext{background-position:-83px -36px; left:5px;}*/
/*图片校园 E*/



/*右侧 S*/
.side{width:230px; float:left; position:relative; z-index:9999;}
/*右侧 E*/

/*底部 S*/
.footer{line-height: 26px;text-align:center;color: #d8d8d8;font-size: 12px;background:url(../../base/img/b_bg.png) repeat;overflow: hidden; padding-top:15px; padding-bottom:15px}
.footer .sw{overflow: hidden;}
.footer a{color:#d8d8d8;}
.footer a:hover{text-decoration: underline;}
.footer .copyRight{color: #fff;}
.footer_r{float: right;height: 72px;padding-top: 5px;}

.footer .links{ text-align:center; height:30px; line-height:30px;}
.footer .links li{ display:inline-block; *display:inline; zoom:1; margin-right:15px;}
.footer .copyRight{overflow:hidden; zoom:1; text-align:center; padding:10px 0px 20px;}


/*底部 E*/

.box .hd,.sideBox .hd{height:40px;line-height: 40px;padding:0 15px 0 25px;background:url(../../base/img/top_bg.png) repeat-x; overflow: hidden;}
.box .hd h3,.sideBox .hd h3{float: left;color: #fff;font-size: 16px;font-weight: bold;}
.box .hd h3 a,.sideBox .hd h3 a{color: #fff;}
.box .hd a.more,.sideBox .hd a.more{font-size: 12px;color: #fff;}
.box .bd,.sideBox .bd{padding:10px;background: #fff;}


#goTop,#winMark{display: none;}


.quickMenu li a:hover .icon,.top_l .home:hover i,
.top_l .collection:hover i,#header .site dt:hover i{display: block;
	-webkit-transition: all 0.4s linear;
 -moz-transition: all 0.4s linear;
 -o-transition: all 0.4s linear;
 -ms-transition: all 0.4s linear;
 transition: all 0.4s linear;
 -webkit-animation: moveFromBottom 0.3s ease;
 -moz-animation: moveFromBottom 0.3s ease;
 -o-animation: moveFromBottom 0.3s ease;
 -ms-animation: moveFromBottom 0.3s ease;
 animation: moveFromBottom 0.3s ease;
}

@-webkit-keyframes moveFromBottom {
  from {
    -webkit-transform: translateY(120%) scale(0.5) ;
    opacity: 0;
  }
 to {
   -webkit-transform: translateY(0%) scale(1);
   opacity: 1;        
 }
}
@-moz-keyframes moveFromBottom {
  from {
    -moz-transform: translateY(120%) scale(0.5) ;
    opacity: 0;
  }
  to {
    -moz-transform: translateY(0%) scale(1);
    opacity: 1;        
  }
}
@-ms-keyframes moveFromBottom {
  from {
    -ms-transform: translateY(120%) scale(0.5) ;
    opacity: 0;
  }
  to {
   -ms-transform: translateY(0%) scale(1);
   opacity: 1;        
 }
}
@-o-keyframes moveFromBottom {
  from {
    -o-transform: translateY(120%) scale(0.5) ;
    opacity: 0;
  }
  to {
   -o-transform: translateY(0%) scale(1);
   opacity: 1;        
 }
}
@keyframes moveFromBottom {
  from {
    transform: translateY(120%) scale(0.5) ;
    opacity: 0;
  }
  to {
   transform: translateY(0%) scale(1);
   opacity: 1;        
 }
}



