@charset "utf-8";
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;padding: 0;border: 0;vertical-align: middle;font-weight: normal;}
html, body{	width: 100%;height: 100%; font-family: "微软雅黑","黑体","宋体", "Arial", "Microsoft YaHei",sans-serif;}
body{font-size: 16px;}
ul,ol,dl{list-style: none;}
img{vertical-align: bottom;}
* {box-sizing: border-box;}
:after,:before {box-sizing: border-box;}
a{text-decoration: none;}
.hide, .hidden{display:none;}
/*表单相关元 素*/
fieldset,img,input,button,textarea{border: none;margin: 0;padding: 0;/*去除外边线*/	outline: none;}
i,cite,em,var,address,dfn{font-style:normal;}
h1,h2,h3,h4,h5,h6{font-size: 100%;font-weight: normal;}
button{vertical-align:middle;}
/*浮动*/
.fl{float: left;}
.fr{float: right;}
/* 间距0  */
.mr0{margin-right: 0 !important;}
.ml0{margin-left: 0 !important;}
.mt0{margin-top:0 !important;}
.pr0{padding-right: 0 !important;}
.pl0{padding-left: 0 !important;}
/*清除浮动*/
.clearfix:before,
.clearfix:after{content: '';display: table;	clear: both;}
.clearfix{*zoom:1;}
/* 不换行 */
.no-wrap{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/*版心*/
.w-1920{width: 100%;max-width: 1920px;margin: 0 auto;}
/* .w-1280{max-width: 1280px;margin: 0 auto;} */
.w{width: 1280px;margin: 0 auto;}
.w-100{width: 100%;min-width: 1280px;}
.w-wrapper{width: 100%;}
/* 定位 */
.pos-r{position: relative;}
.pos-a{position: absolute;}
.pos-f{position: fixed !important;}
/*水平对齐*/
.tl{text-align: left;}
.tj{text-align: justify;}
.tc{text-align: center;}
.tr{text-align: right;}
@font-face{
    font-family: 'arial';
src: url(arial.ttf);
    font-weight: normal;
    font-style: normal;}
@font-face{
  font-family: 'fzbs';
src: url(fzxbs_gbk.ttf);
  font-weight: normal;
  font-style: normal;}
@font-face{
  font-family: 'TT';
src: url(jelliy_0.ttf);
  font-weight: normal;
  font-style: normal;}
.TT{font-family: "TT";}
.fzbs{font-family: "fzbs";}
/*opacity: 0.5;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);/兼容ie8及以下/*/

/* ---------------------动画开始--------------------- */
.cssanimations{
  opacity: 0;
  animation-duration: 1.5s !important;
  -o-animation-duration: 1.5s !important;
  -ms-animation-duration: 1.5s !important;
  -moz-animation-duration: 1.5s !important;
  -webkit-animation-duration: 1.5s !important;
  animation-fill-mode: both !important;
  -o-animation-fill-mode: both !important;
  -ms-animation-fill-mode: both !important;
  -moz-animation-fill-mode: both !important;
  -webkit-animation-fill-mode: both !important;}
/* 二级栏目 */
.subli:hover>.sub-ul {
    display: block;
    width: 200px;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    transform: rotate3d(0,0,0,0);
    -webkit-transform: rotate3d(0,0,0,0);
    -moz-transform: rotate3d(0,0,0,0);
    -ms-transform: rotate3d(0,0,0,0);
    -o-transform: rotate3d(0,0,0,0);}
.anim-down-arrow {
  -webkit-animation: down_arrow 1.5s infinite;
  animation: down_arrow 1.5s infinite;}
@-webkit-keyframes down_arrow {
  0% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
  ;}
  50% {
      -webkit-transform: translateY(5px);
      transform: translateY(5px)
  ;}
  100% {
      -webkit-transform: translateY(-5px);
      transform: translateY(-5px)
  ;}
}

@keyframes down_arrow {
  0% {
      -webkit-transform: translateY(-5px);
      transform: translateY(-5px)
  ;}
  50% {
      -webkit-transform: translateY(5px);
      transform: translateY(5px)
  ;}
  100% {
      -webkit-transform: translateY(-5px);
      transform: translateY(-5px)
  ;}
}
.sub-ul{
	display:block;
	width:200px;
	transform: rotate3d(1,0,0,-90deg);
	-webkit-transform: rotate3d(1,0,0,-90deg);
	-moz-transform: rotate3d(1,0,0,-90deg);
	-ms-transform: rotate3d(1,0,0,-90deg);
	-o-transform: rotate3d(1,0,0,-90deg);
	-webkit-transform-origin:0 0 0;
	-moz-transform-origin:0 0 0;
	transform-origin:0 0 0;
	-khtml-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	transition: transform 0.5s, opacity 0.3s;
	-webkit-transition: -webkit-transform 0.5s, opacity 0.3s;
	-moz-transition: -moz-transform 0.5s, opacity 0.3s;}
.fadeInRight {
  animation-name: fadeInRight;
  -webkit-animation: fadeInRight;
  -moz-animation: fadeInRight;
  -ms-animation: fadeInRight;
  -o-animation: fadeInRight;}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}
.fadeInLeft {
  animation-name: fadeInLeft;
  -webkit-animation: fadeInLeft;
  -moz-animation: fadeInLeft;
  -ms-animation: fadeInLeft;
  -o-animation: fadeInLeft;}
.fadeInTop {
  animation-name: fadeInTop;
  -webkit-animation: fadeInTop;
  -moz-animation: fadeInTop;
  -ms-animation: fadeInTop;
  -o-animation: fadeInTop;}
.flipInY{
  animation-name: flipInY;
  -webkit-animation: flipInY;
  -moz-animation: flipInY;
  -ms-animation: flipInY;
  -o-animation: flipInY;}
@keyframes fadeInRight {
  from {opacity: 0;-webkit-transform: translate(100px, 0);-moz-transform: translate(100px, 0);-ms-transform: translate(100px, 0);-o-transform: translate(100px, 0);transform: translate(100px, 0);}
  to {opacity: 1;-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);}
}
@keyframes fadeInTop {
  from {opacity: 1;-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);}
  to {opacity: 0;-webkit-transform: translate(0, -100px);-moz-transform: translate(0, -100px);-ms-transform: translate(0, -100px);-o-transform: translate(0, -100px);transform: translate(0, -100px);}
}
@-webkit-keyframes fadeInDown{
    0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes fadeInDown{
	0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}
	100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
@keyframes fadeInLeft {
  from {opacity: 0;-webkit-transform: translate(-500px, 0);-moz-transform: translate(-500px, 0);-ms-transform: translate(-500px, 0);-o-transform: translate(-500px, 0);transform: translate(-500px, 0);}
  to {opacity: 1;-webkit-transform: translate(0px, 0);-moz-transform: translate(0px, 0);-ms-transform: translate(0px, 0);   -o-transform: translate(0px, 0);transform: translate(0px, 0);}
}
@keyframes flipInY  {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;}

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;}

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;}

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);}

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);}
}
.myanimation_d{
  transition: all 1s;
  opacity: 0;
  transform: translateY(-40px);}
.myanimation_l{
  transition: all 1s;
  opacity: 0;
  transform: translateX(-40px);}
.myanimation_r{
  transition: all 1s;
  opacity: 0;
  transform: translateX(40px);}
.myanimation_u{
  transition: all 1s;
  opacity: 0;
  transform: translateY(40px);}
.my{
  transform: translateY(0px);
  opacity: 1;}
/* ---------------------动画结束--------------------- */

/* ---------------------头部开始--------------------- */
.header-bg{
  background: url(../d-img/header-bg.png) repeat-x center bottom;
  position: absolute;
  z-index: 99999;
  transition: all .6s;
padding-right: 17px;}
#scrollW{
                height: 1px;
                overflow: auto;
                visibility: hidden;
                opacity: 0;
                position: absolute;
                width: 100%;}
.header{
  transition: all .3s;
  padding-bottom: 10px;}
.link_search>ul{
  float: right;
  padding-top: 10px;
    margin-right: 15px;
    transition: all .5s;}
.link_search>ul>li{
  float: left;
    padding: 0 12px;
    border-left: 1px solid #fff;
height: 19px;}
.link_search>ul>li>a{
      font-size: 15px;
    color: #fff;
    display: block;
    position: relative;
    transition: all .3s;}
.link_search>ul>li>a:after{
      content: "";
    width: 0;
    transition: all .3s;
    height: 2px;
    background: #fff;
    display: block;
    margin: 0 auto;
    margin-top: 4px;}
.link_search>ul>li>a:hover:after{
  width: 100%;}
.link_search>ul>li:first-child a{
  border: none;}
/* 搜索框 */
.search_box{
  float: right;
  margin-top:8px;
    transition: all .5s;}
.search_box .search-text{
  width: 140px;
  font-size: 14px;
  padding: 4px 5px;
  border: 0;
  outline: none;
  font-size: 14px;
    border-radius: 5px;
  display: none;}
.search-btn{
  vertical-align: top;
  line-height: 24px;
  padding: 0 10px;
  font-size: 12px;
  cursor: pointer;
  background: url(../d-img/search.png) no-repeat center 5px;

  height: 24px;}
/* 校训 */
.logo_motto{
  border-bottom: 1px solid #fff;
  padding-bottom: 15px;
/*padding-left: 2%;*/}
.logo_motto > a img{
    transition: all .5s;}
.motto-box{
  float: right;
    margin-right: 10%;}
.motto{
 margin-top: 30px;
    width: 346px;
    height:44px;
    overflow: hidden;
    transition: all .5s;}
.motto ul li img{
width:346px;
height:44px;}
.nav>ul{
  margin-top: 16px;
  padding-bottom: 13px;
    transition: all .5s;}
.nav>ul>li{
  float: left;
  margin: 0 23px;
  position: relative;}
.nav>ul>li>a{
  font-size: 18px;
  color: #fff;
    transition: all .5s;}
.nav>ul>li>ul{
  display: block;
  position: absolute;
  left: 50%;
  top: 100%;
  background: url(../d-img/sub-bg.png);
  transition: all .3s;
  transform: translateY(-10px);
  opacity: 0;
  visibility: hidden;
    margin-left: -50px;}
.nav>ul>li:hover>ul{
  transform: translateY(0px);
  opacity: 1;
  visibility: visible;}
.nav>ul>li>ul>li{}
.nav>ul>li>ul>li:hover{
  background: url(../d-img/sub-bg-on.png);}
.nav>ul>li>ul>li>a{
  display: block;
    color: #fff;
    font-size: 16px;
    width: 100%;
    padding: 10px 24px;
    text-align: center;}

/**新增***/
.logo_motto > a img {
/* height: 73px;*/ width:333px; }
.shrink  {
box-shadow: rgba(47, 47, 47, 0.35) 2px 6px 11px;
background:#0058ae;  min-height:160px;}
.header-bg * {}
.shrink .link_search>ul{
padding-top: 7px;}
.shrink .search_box {
margin-top: 3px;}
.shrink  .logo_motto > a img {}
.shrink .motto {}
.shrink .nav>ul {
margin-top: 8px;
padding-bottom: 2px;}
.shrink .nav>ul>li>a {}
/* ---------------------头部结束--------------------- */

.footer{
  background-color: #0058ae;
    width: 100%;
    min-width: 1280px;}
.logo_address{
  border-bottom: 1px solid #fff;
  padding: 30px;}
.logo_address>img{
  display: inline-block;
  vertical-align: top;}
.logo_address ul{
  width: 450px;
  display: inline-block;
  margin-left: 175px; margin-top:8px; }
.logo_address ul li{
  float: left;
  font-size: 12px;
  color: #fff;
  line-height: 25px;}
.logo_address ul li img{
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;}
.copyright{
  padding: 0 25px;}
.copyright p{
  font-size: 12px;
  color: #fff;
  line-height: 64px;
  display: inline-block;}
.copyright img{
  display: inline-block;
  margin: 10px;
  float: right;}

/* 显示头部 */

.showHeader .nav>ul>li>ul{
  background: #0161c8;}
.showHeader .nav>ul>li>ul>li:hover{
  background: #01458e;}
/* 侧边栏目 */
.Sidebar{
       position: fixed;
    top: 25%;
    left: 5%;
    border-radius: 10px;
    transition: all .3s;
    opacity: .4;
    display: none;}
.Sidebar:hover{
    opacity: 1;}
.Sidebar ul{
    display: none;

    padding-top: 1px;
    margin-top: -1px;
    padding-bottom: 3px;}
.Sidebar ul li{
margin:10px 0;}
.Sidebar ul li a{
    color: #fff;
      transition: all 0.2s;
    line-height: 27px;
    position: relative;
    font-size: 15px;
    width: 100%;
    border-radius: 10px;
    margin: 3px auto;
    text-align: center;
    padding: 3px 0px;
    display: block;
    background: url(../d-img/cbdh-bg.png) top;}
.Sidebar ul li a:hover{
    color: #1384f3;}
.Sidebar p{
       color: #fff;
    font-size: 19px;
    cursor: pointer;
    background: url(../d-img/wzdh-bg.png) no-repeat center top;
        padding: 5px 32px 80px 32px; background-size:100%; }