@charset "utf-8";
/* CSS Document */
@-webkit-keyframes dong
{ form{ opacity:1;}
  to{ opacity:0;}  }
h1,h2,h3,h4,h5,h6,h7,h9,h8{ 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/bgyym_2.jpg) no-repeat;}
a.abouts:hover{ background:url(images/lgyym_1.jpg) no-repeat;}
  a.home{ background:url(images/lsy_1.jpg) no-repeat; margin-left:282px;}
/*banner*/
.banner_container{overflow:hidden;height:420px;position:relative;}
.banner{position:absolute;left:50%;top:0;margin-left:-960px;}
.banner_btn{position:absolute; left:50%; margin-left:-23px;bottom:10px;}
.banner_btn li{float:left; width:11px; height:11px; background-color:#a6a39e; margin:0 4px; border-radius:50%;}
.banner_btn .currentLi{background-color:white;}
.banner img{float:left;}
.banner_btn li{cursor:pointer;}
/*中部*/
.zhong_box{ position:relative; top:-100px; width:1100px; height:815px; background-color:#FFF; margin:auto;}

.zhong_box{box-shadow: 0px 5px 15px 0px #a3a3a3;}

.zhong_box .shang{ background-color:#066bb3; height:8px; margin:auto;}
/*左边*/
.left_box{ width:265px; height:300px;margin-left:21px; padding-top:19px; float:left;}
.left_box h1{ font-size:16px; color:#333333;}
.x1{ background-color:#d8d8d8; height:1px; width:265px;}
.left_box img{ margin-top:13px;}
.left_box p{font-size:13px; text-height:22px; color:#666666;}
/*中间*/
.centre_box{ margin-top:15px; margin-left:21px; float:left;}
.centre{ width:489px;}
.centre a{ float:left;}
.centre h2{ font-size:15px; font-weight:bold; padding-left:5px; color:#000;}
.centre p{ font-size:12px; color:#666666;}
.down img{ display:inline-block;}
.down{ width:489px; padding-top:10px;}
.wz1,.wz2,.wz3{ margin-bottom:5px;}
.z1{ float:left; padding-right:247px;}
.z2{ float:left; padding-right:295px;}
.z3{ float:left; padding-right:235px;}
.z4{ float:left; padding-right:343px;}

/*右边*/

.right_box{ float:left; width:260px;margin-left:21px; margin-top:220px;}
.right_box h3{ font-size:16px; color:#333333;}
.right_box h9{ font-size:16px; color:#333333; position:absolute; left:817px; top:33px;}
.wbpt{ position:absolute; left:817px; top:65px;}


.x2{ background-color:#d8d8d8; height:1px; width:260px;}
.right_text{ width:260px; font-size:13px; margin-top:5px; color:#666666; line-height:17px;}




/*下左*/
.show_box{ width:1100px; margin-left:21px; position:absolute; top:340px;}
h4{font-size:16px; color:#333333; width:200px;}
.x3{ background-color:#d8d8d8; height:1px; width:776px; margin-top:-13px;}
.show1,.show2,.show3,.show4{ float:left; margin-top:18px; position:relative;}
.show1,.show2,.show3{ margin-right:9px;}

.black1 p,.black2 p,.black3 p,.black4 p{ position:absolute; bottom:0; width:187px; background-color:rgba(0,0,0,0.5); color:#FFF; height:30px; margin-bottom:1px; text-align:center;}
.show1:hover p{-webkit-animation:dong 1 2s forwards;}
.show2:hover p{-webkit-animation:dong 1 2s forwards;}
.show3:hover p{-webkit-animation:dong 1 2s forwards;}
.show4:hover p{-webkit-animation:dong 1 2s forwards;}



/*地图*/
.address{ float:right; margin-right:40px; margin-top:170px;}
.address p{ font-size:14px; color:#666666;}


/*优势*/
.youshi_box{ width:779px; margin-left:21px; position:absolute; bottom:0;}
.youshi_box h5{font-size:16px; color:#333333;}
.x4{ background-color:#d8d8d8; height:1px; width:779px; margin-top:-15px;}
.ys{ float:left}
.ys1,.ys2,.ys3,.ys4,.ys5{ font-size:20px; color:#484848; margin-left:25px;margin-top:20px;}
.ys6{ float:left; margin-left:20px;}
.ystp{ float:right; margin-top:7px;}
/*页脚*/
.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:23%;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:160px; 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;}
 }