﻿@-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/bszwb_2.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/lgyym_1.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;}

/*内容*/
.qyjs{ width:110px; height:110px; background:url(images/gyym1.png) no-repeat; position:absolute; top:190px; left:60px;}
.qyjs:hover{ background:url(images/gyymb1.png) no-repeat;}

.qyjst{ position:absolute; top:230px; left:170px;}
.text1{ width:640px; height:203px; border:#1b6092 solid 2px; position:absolute; left:385px; top:230px; font-family:"微软雅黑"; padding-left:8px; padding-right:8px;}
h1{ font-size:18px; color:#004ea2 ; font-weight:bold;}

.zxff{ width:110px; height:110px; background:url(images/gyym2.png) no-repeat; position:absolute; top:530px; left:60px;}
.zxff:hover{ background:url(images/gyymb2.png) no-repeat;}
.zxfft{ position:absolute; top:570px; left:170px;}
.text2{ width:640px; height:203px; border:2px #1b6092 solid; position:absolute; left:385px; top:570px; font-family:"微软雅黑"; padding-left:8px; padding-right:8px;}
h2{ font-size:16px;color:#004ea2;}
span{ color:#004ea2;}

.rczp{ width:110px; height:110px; background:url(images/gyym3.png) no-repeat; position:absolute; top:870px; left:60px;}
.rczp:hover{ background:url(images/gyymb3.png) no-repeat;}
.zp,.zp1,.zp2,.zp3{ width:740px; height:35px; border: solid 2px #1b6092; border-radius:5px; position:absolute;left:170px;}
.zp{ top:980px; font-size:20px; line-height:35px; }
.zp1{ top:1050px;font-size:20px; line-height:35px;}
.zp1 a,.zp a{ color:#000000; margin-left:90px;}
.zp2{ top:1050px}
.zp3{ top:1100px;}



/*页脚*/
.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;}

