@-webkit-keyframes dong
{ form{ opacity:1;}
  to{ opacity:0;}  }
h1,h2,h3,h4,h5,h6,h7{ font-size:14px; font-weight:normal; font-family:"微软雅黑";}
p{ font-family:"微软雅黑";}
li{list-style:none;}
body,dl,dd{ margin:0;}
body{ background-color:#fafafa;}
a{ text-decoration:none;}
img{ display:block;}
.clearfix{ clear:both;}
.top{ background-color:#247ebc; height:8px;}
.top1{ background-color:#247ebc; height:3px;}
.nav_box{ width:1100px; margin:auto;}
.nav_box img{ float:left; margin-left:10px;}
/*导航栏*/
  a.service,a.operation, a.museology,a.news,a.abouts,a.home{display:inline-block; width:110px; height:66px;float:left;}
  
 a.user { background:url(images/bdxal_2.jpg) no-repeat; width:111px; height:66px; display:inline-block; float:left;}
a.user:hover { background:url(images/ldxal_1.jpg) no-repeat;}

  a.service{ background:url(images/bzlfw_2.jpg) no-repeat; }
a.service:hover{ background:url(images/lzlfw_1.jpg) no-repeat;}

  a.operation{ background:url(images/bptyy_2.jpg) no-repeat; }
a.operation:hover{ background:url(images/lptyy_1.jpg) no-repeat;}

  a.museology{ background:url(images/lszwb_1.jpg) no-repeat;}
/*a.museology:hover{ background:url(images/lszwb_1.jpg) no-repeat;}*/

  a.news{ background:url(images/bxwzx_2.jpg) no-repeat; }
a.news:hover{ background:url(images/lxwzx_1.jpg) no-repeat;}

  a.abouts{ background:url(images/bgyym_2.jpg) no-repeat;}
a.abouts:hover{ background:url(images/lgyym_1.jpg) no-repeat;}

  a.home{ background:url(images/bsy_2.jpg) no-repeat; margin-left:282px;}
a.home:hover{ background:url(images/lsy_1.jpg) no-repeat;}

/*背景渐变*/
.da_box{  margin:auto; background-color:#fcfcfc;}
.tp_box{ margin:auto; width:1100px; position:relative;}

/*内容*/
.cjff,.cpgl,.wxgl,.szzs{ width:110px; height:110px;  position:absolute;left:80px;}

.cjff{background:url(images/szwb1.png) no-repeat; top:190px; }
.cjff:hover{ background:url(images/szwbb1.png) no-repeat;}

.cjfft{ position:absolute; top:248px; left:190px;}

.text1,.text2,.text3,.text4{ width:500px; height:127px; border:#1b6092 solid 2px; position:absolute; left:438px;  font-family:"微软雅黑"; padding-left:8px; padding-right:8px; padding-top:10px;}


.text1{top:248px;}
.text2{ top:507px;}
.text3{ top:767px;}
.text4{ top:1027px;}
span{ font-size:18px; color:#004ea2 ;}

.cpgl{ background:url(images/szwb2.png) no-repeat; top:450px;}
.cpgl:hover{ background:url(images/szwbb2.png) no-repeat;}

.cpglt{ position:absolute; top:507px; left:190px;}

.wxgl{ background:url(images/szwb3.png) no-repeat; top:710px;}
.wxgl:hover{ background:url(images/szwbb3.png) no-repeat;}

.wxglt{ position:absolute; top:767px; left:190px;}

.szzs{ background:url(images/szwb4.png) no-repeat; top:970px;}
.szzs:hover{ background:url(images/szwbb4.png) no-repeat;}

.szzst{ position:absolute; left:190px; top:1027px;}



/*页脚*/
.foot{}
.foot1{ background-color:#0371ac; height:30px;}
.foot2{ background-color:#045580; height:3px;}
.foot3{ background-color:#0a6292; height:1px;}
.foot4{ background-color:#042335; height:1px;}
.foot5{ background-color:#06354f; height:299px; float:left; } 
.foot7{ background-color:#032030; height:1px;}
.foot8{ background-color:#084768; height:1px;}

.foot9{ background-color:#052639; height:25px; color:#FFF; font-size:12px; line-height:25px; padding-left:520px;}

.foot6{ background-color:#06354f; height:266px; margin:auto; position:relative; }

h8{ font-size:20px; position:absolute; left:450px; top:20px; color:#FFF;}
.login a{ color:#FFF; font-size:14px;}

.login a:nth-child(1){ position:absolute;top:60px;left:100px;}
.login a:nth-child(2){ position:absolute;top:60px;left:183px;}
.login a:nth-child(3){ position:absolute;top:60px;left:295px;}
.login a:nth-child(4){ position:absolute;top:60px;left:421px;}
.login a:nth-child(5){ position:absolute;top:60px;left:547px;}
.login a:nth-child(6){ position:absolute;top:90px;left:100px;}
.login a:nth-child(7){ position:absolute;top:90px;left:225px;}
.login a:nth-child(8){ position:absolute;top:90px;left:365px;}
.login a:nth-child(9){ position:absolute;top:120px;left:100px;}
.login a:nth-child(10){ position:absolute;top:120px;left:184px;}
.login a:nth-child(11){ position:absolute;top:120px;left:380px;}
.login a:nth-child(12){ position:absolute;top:120px;left:464px;}
.login a:nth-child(13){ position:absolute;top:120px;left:590px;}
.login a:nth-child(14){ position:absolute;top:150px;left:100px;}
.login a:nth-child(15){ position:absolute;top:150px;left:198px;}
.login a:nth-child(16){ position:absolute;top:150px;left:338px;}
.login a:nth-child(17){ position:absolute;top:150px;left:446px;}

.login{ width:695px;position:absolute; top:10px; left:22%; height:240px;}
h9{ position:absolute; top:240px; left:19%;font-size:12px; color:#FFF;}


 @media screen and (max-device-width: 1400px) {
h8{ font-size:20px; position:absolute; left:310px; top:30px; color:#FFF;}
.login a{ color:#FFF; font-size:14px;}

.login a:nth-child(1){ position:absolute;top:70px;left:15px;}
.login a:nth-child(2){ position:absolute;top:70px;left:84px;}
.login a:nth-child(3){ position:absolute;top:70px;left:182px;}
.login a:nth-child(4){ position:absolute;top:70px;left:294px;}
.login a:nth-child(5){ position:absolute;top:70px;left:406px;}

.login a:nth-child(6){ position:absolute;top:100px; left:15px;}
.login a:nth-child(7){ position:absolute;top:100px; left:126px;}
.login a:nth-child(8){ position:absolute;top:100px; left:252px;}

.login a:nth-child(9){ position:absolute;top:130px; left:15px;}
.login a:nth-child(10){ position:absolute;top:130px; left:113px;}
.login a:nth-child(11){ position:absolute;top:130px; left:323px;}
.login a:nth-child(12){ position:absolute;top:130px; left:421px;}
.login a:nth-child(13){ position:absolute;top:130px; left:561px;}

.login a:nth-child(14){ position:absolute;top:160px; left:15px;}
.login a:nth-child(15){ position:absolute;top:160px; left:99px;}
.login a:nth-child(16){ position:absolute;top:160px; left:225px;}
.login a:nth-child(17){ position:absolute;top:150px;left:446px;}

.login{ width:695px;position:absolute; top:10px; left:22%; height:240px;}
h9{ position:absolute; top:240px; left:13%;font-size:12px; color:#FFF;}