@charset "utf-8";
/* CSS Document */
body,div,ul,li,h1,h2,h3,h4,h5,h6,img,a,p,span { margin:0; padding:0}
ul { list-style:none}
a { text-decoration:none}
img { border:none}
h1,h2,h3 { font-weight:normal}
body { font-family:"微软雅黑", "宋体"; background:#fff}
.left { float:left}
.right { float:right}
.main { width:1000px; margin:0 auto; overflow:hidden}
h1.title { position:absolute; left:-1000px; top:-1000px;}
.zanzhu { height:2em; line-height:2em; font-size:14px; color:#fff; background:#000836}
.top { position:relative; height:98px; border-bottom:5px solid #444}
  .logo { position:absolute; left:50%; top:30px; margin-left:-500px;}
  a.ContactUs { position:absolute; left:50%; top:32px; margin-left:77px; line-height:35px; font-size:14px; color:#a9a9a9; cursor:pointer}
  a.ContactUs i { display:block; float:left; width:35px; height:35px; margin-right:10px; background:url(icon-phone.png) no-repeat center #aeaeae; background-size:54%; border-radius:50%; }
  a.ContactUs:hover { text-decoration:underline}
  a.ContactUs:hover i { background-size:65%;}
  input.keyword { position:absolute; left:50%; top:32px; margin-left:207px; width:206px; height:33px; padding:0 20px; line-height:33px; color:#a9a9a9; font-size:14px; border:1px solid #dedede; border-radius:17px;}
  a.SearchBtn { position:absolute; display:block; left:50%; margin-left:465px; top:32px; width:35px; height:35px; background:url(icon-glass.png) no-repeat center #aeaeae; background-size:55%; border-radius:50%; cursor:pointer }
  a.SearchBtn:hover { background-size:66%;}
.nav { width:1000px; height:251px; overflow:hidden; margin:0 auto}
  .nav a { display:block; float:left; width:180px; line-height:34px; text-align:center; color:#636363; font-size:22px;}
  .nav a i { display:block;}
  .nav a span { display:block; font-family:Arial; line-height:24px; font-size:12px; color:#d0d0d0}
  .nav a:hover { color:#fff; background:url(homebg.gif) no-repeat; background-size:100% 100%}
  a.home { width:100px; height:171px; padding-top:80px; color:#fff; background:url(homebg.gif) no-repeat; background-size:100% 100% }
  a.home i,.nav a.home:hover i { width:44px; height:45px; margin:0 auto 20px; background:url(icon-home_hv.png) no-repeat;}
  a.xmcs { height:168px; padding-top:83px}
  a.xmcs i { width:42px; height:42px; margin:0 auto 19px; background:url(icon-cs.png) no-repeat}
  a.xmcs:hover i { background:url(icon-cs_hv.png) no-repeat;}
  a.fwdt { height:171px; padding-top:80px;}
  a.fwdt i { width:46px; height:46px; margin:0 auto 19px; background:url(icon-dt.png) no-repeat}
  a.fwdt:hover i { background:url(icon-dt_hv.png) no-repeat}
  a.kjzt { height:167px; padding-top:84px}
  a.kjzt i { width:48px; height:41px; margin:0 auto 19px; background:url(icon-zt.png) no-repeat}
  a.kjzt:hover i { background:url(icon-zt_hv.png) no-repeat}
  a.fbzx { height:166px; padding-top:85px;}
  a.fbzx i { width:40px; height:40px; margin:0 auto 20px; background:url(icon-zx.png) no-repeat}
  a.fbzx:hover i { background:url(icon-zx_hv.png) no-repeat;}
  a.hzdw { height:171px; padding-top:80px;}
  a.hzdw i { width:40px; height:48px; margin:0 auto 16px; background:url(icon-dw.png) no-repeat}
  a.hzdw:hover i { background:url(icon-dw_hv.png) no-repeat}
h3.column { position:relative; z-index:1000; height:78px; padding-top:13px; line-height:76px; text-align:center; font-size:36px; color:#515151; }
  h3.column span { display:inline-block;}
  .yellow { border-bottom:4px solid #fa8615}
  .purple { border-bottom:4px solid #c115fa}
  .orange { border-bottom:4px solid #ff6000}
  .blue { border-bottom:4px solid #1c57df}
  .red { border-bottom:4px solid #d93732}
.menu { height:97px; line-height:92px; text-align:center; font-size:18px; color:#d7d7d7; background:#515151}
  .menu a { display:inline-block; height:42px; margin:0 30px; line-height:42px; color:#d7d7d7; cursor:pointer}
  .menu a.current { color:#fefefe; border-bottom:1px solid #fefefe}
ul.xiangmu { width:990px; margin:0 auto 25px; padding:0 5px; overflow:hidden}
  ul.xiangmu li { position:relative; float:left; width:330px; height:311px; margin:30px 0 0;}
  ul.xiangmu li a img { display:block; width:330px; height:230px}
  ul.xiangmu li a div { position:absolute; bottom:0; left:10px; right:10px; width:270px; height:96px; padding:15px 20px 20px; overflow:hidden;  background:#efefef; transition:height ease-out .5s}
  ul.xiangmu li a div h2 { height:45px; margin-bottom:15px; overflow:hidden; font-size:24px; line-height:34px; color:#515151; border-bottom:1px solid #b8b8b8; transition:height ease-out .5s}
  ul.xiangmu li a div h2 p { margin-top:8px; padding:0 4px 0 8px; line-height:26px; text-align:justify; text-indent:2em; font-size:14px;}
  ul.xiangmu li a div span { display:inline-block; width:103px; height:30px; margin:0 10px; line-height:30px; text-align:center; color:#818181; border:1px solid #b8b8b8; border-radius:15px;}
  ul.xiangmu li a:hover div { height:211px; background:#fa8615}
  ul.xiangmu li a:hover div h2 { height:165px; color:#fff; border-bottom:1px solid #fdc38a}
  ul.xiangmu li a:hover div span { color:#fff; border:1px solid #ffe8d2;}
ul.fuwu { width:1020px; margin:0 auto 25px; overflow:hidden;}
  ul.fuwu li { float:left; width:320px; height:286px; margin:30px 10px 0; text-align:center}
  ul.fuwu li a { display:block; width:282px; height:248px; padding:18px; border:1px solid #efefef}
  ul.fuwu li a:hover { border:1px solid #c115fa}
  ul.fuwu li a img { display:block; width:278px; height:127px; margin:0 auto 16px;}
  ul.fuwu li a h2 { height:43px; margin-bottom:15px; line-height:21px; font-size:20px; color:#515151; border-bottom:1px solid #e6e6e6}
  ul.fuwu li a span { display:block; width:103px; height:30px; margin:0 15px; line-height:30px; font-size:14px; color:#818181; border:1px solid #e6e6e6; border-radius:15px;}
a.more { display:block; width:170px; height:36px; margin:0 auto; line-height:36px; text-align:center; font-size:16px; color:#515151; border:1px solid #eee; border-radius:19px; cursor:pointer}
  a.more span { float:left; margin:2px -22px 0 20px; font-size:28px; line-height:28px; color:#eb4668; }
.GrayArea { position:relative; height:783px; margin-bottom:20px; padding-top:30px; overflow:hidden; background:#f8f8f8; border-top:1px solid #e6e6e6}
  .xinxiLeft { position:absolute; left:50%; width:496px; margin-left:-496px; overflow:hidden}
  .xinxiRight { position:absolute; left:50%; width:458px; margin-left:38px;}
  h4.column { height:29px; padding-left:10px; line-height:29px; font-size:24px; color:#515151; border-left:3px solid #1c57df; }
  h4.column a { color:#515151 }
  h4.columnimg { height:32px; padding-left:9px; border-bottom:1px solid #e6e6e6}
  .xinxiLeft .more,xinxiRight .more { color:#636363}
  .xinxiRight .more { margin:0 auto 27px 0}
  ul.chuangkebang { width:512px; margin:0 auto 20px -10px; overflow:hidden}
    ul.chuangkebang li { float:left; width:108px; margin:20px 10px 0; text-align:center; font-size:12px}
	ul.chuangkebang li a { color:#000;}
	ul.chuangkebang li img { display:block; width:108px; height:108px; margin-bottom:12px; border-radius:50%}
  ul.zhengce { margin:15px 0 12px; line-height:34px; font-size:16px; color:#444}
    ul.zhengce li {}
	ul.zhengce li a { color:#444}
	ul.zhengce li a:hover { color:#003ac1}
	
.links { padding:30px 0; border-top:1px solid #e6e6e6}
  .links div { width:1014px; margin:0 auto; overflow:hidden}
  .links img { float:left; width:147px; height:59px; margin:0 10px 15px; border:1px solid #ededed}
.foot { padding:20px 0 45px; line-height:36px; font-size:14px; color:#f8f8f8; background:#201e1f}
  .foot p { width:1000px; margin:0 auto; overflow:hidden}
  .foot a { color:#f8f8f8;}
.ad { width:1000px; margin:20px auto; line-height:0; }

/*创客空间展厅*/
.SlideArea { position:relative; height:660px; border-top:1px solid #515151}
.SlideArea_wai { POSITION: relative; TOP: 0px; LEFT: 0px; WIDTH:1020px; HEIGHT:660px; OVERFLOW: hidden; margin:0 auto}
.SlideArea_nei { POSITION: absolute; TOP: 0px; LEFT: 0px; WIDTH:4080px; HEIGHT:660px}
  .SlideArea_nei li { FLOAT:left; WIDTH:1020px; HEIGHT:660px; OVERFLOW: hidden;}
  .SlideArea_nei li a { position:relative; display:block; float:left; width:448px; height:244px; padding:20px; margin:0 10px 20px; border:1px solid #efefef}
  .SlideArea_nei li a:hover { border:1px solid #ff6000}
	.SlideArea-img { display:block; width:448px; height:244px;}
	.SlideArea-bj { position:absolute; left:20px; top:20px; right:20px; bottom:20px; width:448px; height:244px; background:url(mask.jpg) no-repeat; background-size:100% 100%; FILTER: Alpha(Opacity=80); opacity:0.8; -moz-opacity:0.8; transition:all ease-out .5s}
	.SlideArea-word { position:absolute; left:20px; top:20px; right:20px; bottom:20px; width:448px; height:244px; text-align:center; font-size:18px; color:#fff; transition:all ease-out .5s}
	.SlideArea-word img { display:block; margin:75px auto 15px}
	.SlideArea_nei li a:hover .SlideArea-bj,.SlideArea_nei li a:hover .SlideArea-word { FILTER: Alpha(Opacity=0); opacity:0; -moz-opacity:0; }
ul.t_shuzi_kuai { HEIGHT:11px; WIDTH:80px; OVERFLOW:hidden; margin:20px auto}
ul.t_shuzi_kuai li { FLOAT: left; WIDTH: 10px; HEIGHT: 10px; MARGIN-RIGHT:10px; BACKGROUND:#d4d4d4; border-radius:50%}
ul.t_shuzi_kuai .current { BACKGROUND:#f20202}

/*信息发布中心幻灯片*/
.SlideShow { position:relative; width:496px; height:279px; margin:22px auto 25px}
.SlideShow_list { POSITION: absolute; TOP: 0px; LEFT: 0px; WIDTH: 2976px; HEIGHT: 279px}
.SlideShow_list LI { position:relative; FLOAT: left; WIDTH: 496px; HEIGHT: 279px; OVERFLOW: hidden;}
.SlideShow_list LI img { WIDTH: 496px; HEIGHT: 279px;}
.SlideShow_list SPAN {	DISPLAY: block; WIDTH: 496px; LINE-HEIGHT: 18px; TEXT-ALIGN: center}
.SlideShow_list SPAN A { COLOR: #cc6600}
.SlideShow_btn { POSITION:absolute; bottom:0; right:10px; HEIGHT: 0px}
UL.SlideShow_btn  { POSITION:absolute; Z-INDEX: 20; bottom:18px; right:10px; HEIGHT: 16px; WIDTH: 120px; OVERFLOW: hidden; }
UL.SlideShow_btn LI { FLOAT:left; WIDTH:10px; HEIGHT:10px; MARGIN-RIGHT:10px; BACKGROUND:#a6a6a6; border-radius:50%}
UL.SlideShow_btn li.current { BACKGROUND: #f32925}
.SlideShow_mask { POSITION:absolute; bottom:0; LEFT:0px; right:0; WIDTH:100%; HEIGHT:59px; BACKGROUND-COLOR: #000; FILTER: Alpha(Opacity=50); opacity:0.5; -moz-opacity:0.5;}
.SlideShow-word { POSITION:absolute; bottom:0; LEFT: 0px; right:0; HEIGHT:59px; padding-left:10px; LINE-HEIGHT: 59px; TEXT-ALIGN: left; FONT-SIZE: 16px; COLOR: #fefefe;}

@media screen and (max-width:980px){
  .top { width:100%; overflow:hidden}
    ul.imgwordlist { width:100%;}
    a.ContactUs { margin-left:50px}
    input.keyword { margin-left:180px;}
    a.SearchBtn { margin-left:440px;}
  .main { width:100%;}
  .nav { width:100%}
  .foot p { width:100%}
  ul.fuwu { width:100%}
  .SlideArea_wai { width:100%} 
  #contentA { width:100%; overflow:hidden}
  ul.xiangmu { width:100%; padding:0}
    ul.xiangmu li { position:relative; float:left; width:33.3%; height:311px; margin:30px 0 0;}
    ul.xiangmu li a img { display:block; width:100%; height:230px}
  .links div { width:100%}
}