@charset "utf-8";
/* CSS Document */
html,body{   
-webkit-text-size-adjust:none;   
}  
body{ margin:0; padding:0; font-size:12px; font-family:"微软雅黑"; color:#424242; position: relative;}
ul,li,dl,dt,dd,ol,input,h1,h2,h3,h4,h5,h6,img,p,span{ margin:0; padding:0; list-style: none;  border: 0;}
a:visited,a:link{ color:#fff; text-decoration: none}
.top,.head,.banner,#content,.case,.foot_nav,.nav{width:956px;margin:0 auto; overflow: hidden;}
.nav .blue，.nav .blue:hover{ background: #00acb1}
/*header*/
#header{ width:100%; background:url(../images/BG.gif) repeat;  overflow: hidden;}
.head{  padding-top:28px; height:72px; }
.head h1{ float: left; line-height:999px; overflow:hidden; width:285px; margin-left:10px; height: 46px; background: url(../images/logo.png); margin-top: 10px}
.head p{ width:264px; float: right; position: relative; padding-top:10px; padding-top: 10px!important}
.head p .span1{ width:93px; height: 33px; display: block; position: absolute; left: 0; top: 0; text-align: center; background:url(../images/lianxi.png) no-repeat; color: #fff;  line-height: 24px}
.head p .span2{ margin:0 0 0 10px; display: block; color:#424242; }
.top{ height: 38px;}
.top ul{ float: left; width:324px; color:#fff;}
.top ul li{ float: left;}
.top ul li a{ display: block; text-align: center; height: 38px; line-height: 30px}
.top ul .Index{ background: url(../images/shouye.png) no-repeat; width:92px;}
.top ul .Movie{ width:92px; background: url(../images/yingshi.png) no-repeat; margin:0 10px;}
.top ul .centre{ width:118px;background: url(../images/zhongxin.png) no-repeat;}
.search{ width:300px; float:right; margin-top: 10px}
.search .text{ width:181px; height: 19px; background: url(../images/search.gif); padding:3px 0 0 45px; float:left;}
.search .but{ width:65px; height:21px; background: url(../images/but.gif); float: left; margin-left: 3px}
.banner{ position: relative; height: 274px}
.banner .ul1{ height:252px; overflow:hidden; background:url(../images/ban.png);}
.banner .ul1 li{ float: left; position: absolute; left:4px; top:2px; overflow: hidden;}
.banner .ul1 img{ display: block; height: 247px; width:948px;}
.banner ol { position: absolute; bottom:0; right:500px;}
.banner ol li{ width:12px; height: 12px; background:url(../images/dian.png); margin-right: 5px; float:left; }
.banner ol .current{background-position:30px 0px }
.banner1{ height:288px;}
.banner1 ol{ bottom:10px}
 

 .nav { overflow: hidden;}
 .nav li{ background:#e1e5eb;border:1px solid #e0e1e1;height:38px;line-height:38px;border-right:1px solid #fff; border-left:0; width:106px; text-align: center; font-size: 15px; font-weight: bold; float: left;}
 .nav li a{ color:#424242; }
 .nav .project,.nav .oli4:hover{ background:#87bd43;}
 .nav .oli3:hover, .nav .kffw{ background: #4DA0F5}
 .nav .none{ border-right:1px solid #e0e1e1;}
  .nav .current, .nav .oli1:hover{ background: #DE0428}
  .nav .oli3:hover a,.nav .project a,.nav .oli4:hover a,.nav .current a,.nav .oli1:hover a, .nav .oli4:hover a, .nav .oli3:hover a, .nav .oli2:hover a,.nav .blue a,.nav .oli5:hover a, .nav .kffw a{ color:#fff;}
.nav .blue,.nav .oli5:hover{ background: #00acb1}
 .nav .oli2:hover{ background:#ED8D00}

/*content*/
#content{ margin:20px auto 22px ;  font-weight: bold; line-height: 20px;}
.con_top h2{ font-size:22px; line-height: 60px ; color:#424242;}
.con_top p{ margin-bottom: 10px; font-size: 14px; color:#424242;}
.case h6{ width: 107px; height: 40px; background:#DE0428; color:#fff; font-size:18px; line-height: 
40px; text-align: center;margin-bottom: 12px }
.case div{ width:956px;  overflow: hidden; position: relative; background:#fff; padding:24px 0;}
.case .case_1{  width:956px;  overflow: hidden; position: relative; background:#fff; padding:24px 0;height:100px}
.sift { position: absolute; width:9999px;}
.sift li{ width:146px;float:left;margin-right: 16px; overflow: hidden; position: relative;}
/*.sift li img{ width:143px; height:72px; border:1px solid #B1B1B2;}
.sift p{ background: #EEEEEF; color:#424242; height: 20px; line-height: 20px; padding-left:5px;}*/
.sift li img{width:143px; height:90px; border:1px solid #B1B1B2;}
.sift li h6{ height:26px; line-height: 26px; opacity: 0.5;filter:alpha(opacity=50); background: #000; position: absolute; top:65px; color:#fff; font-size: 12px; font-family: "黑体"; width:143px; left:0;}
.sift .none{  margin:0;}



#content .con_c{ margin-bottom: 46px; overflow: hidden;}
#content .con_c li{ float:left; width:265px; overflow: hidden; background: #EEEEEF; padding:5px 20px;}
#content .con_c li h4{ font-size: 20px; line-height: 40px}
#content .con_c .space{ margin:0 20px;}


.main{ width:100%; overflow: hidden; background: #efefef}
.main_con div{ padding-left:44px; overflow: hidden; float: left;  width: 184px}
.main_con div h3{ font-size: 22px}
.main_con div p{  padding-top: 10px}
.main_con div div{ padding:0; margin-top: 10px}
.main_con .strategy{ color:#de0428;}
 .ul_con ul{ float: left; width:84px; overflow: hidden; background: #efefef; text-align: center; padding-bottom: 5px}
  .ul_con ul a{ color:#E50012;}
.ul_con ul h5{ font-size: 12px; background: #DE0428;color:#fff; text-align: center; height: 22px; line-height: 22px; margin-bottom: 2px}
.ul_cen ul h5{ background: #EC8C00}
.ul_con .left_ul{ float:left;}
.ul_con .right_ul{ float: right;}
.main_con .originality,.ul_cen li a{ color:#EC8C00;}
.originality ul{ width: 100%}
.main_con .activity ,.main_con .activity ul li a { color:#00AE9E;}
.activity ul h5,.main_con .activity ul h5{ background:#00AE9E }
.main_con .service{ color:#1EB7DD;}
.main_con .service ,.main_con .service ul li a { color:#1EB7DD;}
.service ul h5,.main_con .service ul h5{ background:#1EB7DD }
.case{ margin-bottom: 30px}
.SPECTRUM{ font-size: 16px ; color:#424242; font-weight: normal; line-height: 24px}
  /*foot*/
    .bg{ width:100%; height:20px; background: url(../images/foot.gif) repeat;}
  .foot_nav{ padding:0px;}
  .foot_nav li{ float: left; color:#424242; width:280px; height: 73px; margin:10px 0;padding:0 18px;  font-size: 10px }
.foot_nav li h6{ font-size: 14px; height: 30px; line-height: 30px}
.foot_nav .none{ background: none}
#footer{ width:100%; background:#202020; padding:10px 0; text-align: center;}
.right_bg{ width:71px; height:509px; position:absolute; right:0; top:9px; background: url(../images/right1.png); }
.bottom_bg{ width:199px; height:312px; position: absolute;left:0;background: url(../images/bottom.png); bottom: 20px }

/**/
.list{ padding:0 10px; height: 264px}
.list .txt{ float: left; }
.list .txt span{ color:red; padding-left: 5px}
.list .time{ float: right;}
.list  li{ height: 30px; line-height: 30px; border-bottom: 1px dashed #ccc; padding:0 5px; clear:both;}
.list .txt a{ font-size: 16px; color:#424242;}
.list .txt a:hover{ color:#000;}




/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333; }
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}