@charset "utf-8";
/* CSS Document */

body{ font:13px/23px "微软雅黑"; background:#eaf3f8; text-align:center; padding:0; margin:0;}

#box,#tt,#tt2,#top-1,#top-2,#top-3,#top-4,#top-5,#x{ width:1000px;}
#box{ background:url(imagex/bj.jpg) repeat-y; display:inline-block; text-align:left; color:#555;}
#box div,#box a,#box span{ background-repeat:no-repeat;}
#img2{ display:block; float:left;}
a{ text-decoration:none;} a:hover{ text-decoration:underline;}

#dht{ height:72px; background:url(imagex/1.jpg); text-align:center;}
#dht a{ font-size:12px; color:#cff1ff; text-decoration:none;}
#dht a:hover{ color:#73d5ff;}
#dht img{ padding:18px 6px 0 5px;}

#dht a,#tt a,#an,#top-3 a,#an2,#an3,#an4{ -webkit-transition: all 0.4s ease-in-out;
              -moz-transition: all 0.4s ease-in-out;
              -o-transition: all 0.4s ease-in-out;
              transition: all 0.4s ease-in-out;
			  }

#tt{ height:129px; background:url(imagex/4.jpg); float:left;}
#tt2{ height:173px; background:url(imagex/13.jpg); float:left;}
#tt a{ width:126px; height:89px; background:url(imagex/an.jpg); margin:0 0 0 840px; float:left;}
#tt a:hover{ background-position:0 -89px;}

#dd,#dd b, #dd img, #dd span,#dd div, #an, #dd font, #yq, #top-1,#top-2,#top-3,#top-4,#top-5,#an2,#top-3 a,#an3,#top-5 div,#top-5 font,#x{ float:left; display:inline;}
#dd{ width:585px; font:13px/24px "微软雅黑"; color:#507d90; margin-left:45px;}
#dd b{ font:bold 38px "微软雅黑"; color:#3c5d74;  margin:-5px 10px -4px 0;}
#dd img{ margin:25px 0 15px -3px;}
#dd span{ width:585px;}
#an{ width:100px; height:26px; background:url(imagex/an2.jpg); margin-right:20px;}
#an:hover{ background-position:0 -26px;}
#dd div{ margin-top:17px;}
#dd font{ font:bold 18px "微软雅黑"; color:#3d5d74;}

#yq{ width:256px; height:407px; background:url(imagex/5.jpg); color:#fff; margin-left:30px; padding:50px 50px 0 34px;}

#top-1{ height:192px; background:url(imagex/7.jpg);}
#top-2{ height:194px; background:url(imagex/8.jpg);}
#top-3{ height:209px; background:url(imagex/9.jpg);}
  #top-3 a{ width:198px; height:162px; background:url(imagex/an3.jpg); margin:50px 0 0 411px; position:absolute;}
  #top-3 a:hover{ background-position:0 -162px;}
#top-4{ height:174px; background:url(imagex/10.jpg);}
#top-5{ height:174px; background:url(imagex/11.jpg); position:relative;}
  #an2{ width:179px; height:167px; background:url(imagex/an4.jpg); margin-left:64px;}
  #an2:hover{ background-position:0 -167px;}
  #top-5 div{ margin:105px 0 0 720px;}
  #an3{ width:100px; height:26px; background:url(imagex/an2.jpg); margin-right:20px;}
  #an3:hover{ background-position:0 -26px;}
  #top-5 font{ font:bold 18px "微软雅黑"; color:#3d5d74;}

#l, #l img,#an4,#zt{ float:left; display:inline; border:0px;}
#l{ width:278px; margin-left:40px; margin-top:10px; position:relative;}
#l img{ margin:11px 10px 0 0;}
#l span{ position:relative; margin-top:10px; color:#507d90;}
#l-a{ font:bold 18px/40px "微软雅黑"; color:#32556e;}
#l-a:hover{ color:#00b3ff;}
#an4{ width:100px; height:26px; background:url(imagex/an2.jpg); margin:8px 0 0 172px;}
#an4:hover{ background-position:0 -26px;}

#zt{ width:900px; margin:10px 0 0 62px;}
#zt img{ margin-right:22px; border:0px;}

   
#x{ font:12px/21px "微软雅黑"; color:#e0f6ff; text-align:center; background:url(imagex/12.jpg) #00b3ff; padding:60px 0 30px 0; margin:30px 0 0 0;}