/* CSS Document */
/*列表页样式*/

/*重置*/
a img{border:0 none;}
html,body,div,h1,h2,h3,h4,h5,h6,form,p,img,iframe,ul,ol,dl,dt,dd,blockquote,pre,fieldset,table,th,td,span{margin:0;padding:0;border:0;}
html,body{width:100%; height:100%; color:#333;}
body{margin:0;padding:0;font-size:14px; font-family:"Microsoft Yahei"; position:relative; }
li{ list-style:none;}
a{ text-decoration:none; color:#333;transition: all 0.1s linear 0s;}
.clearBoth{ clear:both;}
/*头部区域*/
.hd{ width:100%; height:60px; background:#000; background:#326FB9; position:fixed; z-index:1;}
.hd .inner{ width:1200px; height:60px; margin:0 auto;}
.hd .logo{ float:left; margin-right:268px;}
.hd nav{ float:left; overflow:hidden;}
.hd nav li{ float:left; margin-right:12px; width:100px;}
.hd nav li a{ display:block; width:100px; height:36px; text-align:center; line-height:36px; color:#fff; margin-top:12px; font-size:18px;}
/*.hd nav li a:hover,.hd nav li.active a{ background:url(/images/nli_bg.png) no-repeat center top;}*/
.hd nav li.active a{ background:url(/images/nli_bg.png) no-repeat center top;}
.hd nav li a:hover{ background:url(/images/nli_bgH.png) no-repeat center top;}
.margin-top0{ margin-top:0px !important;}
.margin-buttom40{ margin-bottom:40px !important;}
/*banner图*/
.banner{ width:100%; height:300px;}
/*页面主体*/
.main{ width:1200px; margin:0 auto; overflow:hidden;}
.subNav{ height:36px; margin-top:40px; overflow:hidden; text-align:center;}
/*业务布局——二级导航*/
.subNav a{ display:inline-block; width:114px; height:36px; line-height:36px; text-align:center; font-size:18px; color:#fff; background:url(/images/sub_ar.png) no-repeat; margin:0 5px;}
.subNav a.cur,.subNav a:hover{ background:url(/images/sub_a.png) no-repeat;}
/*业务布局——内容*/
.coinerBox{ margin-top:40px; overflow:hidden; padding-bottom:70px;}
.coinerBox h4{ height:30px; line-height:30px; background:url(/images/yw_sx.jpg) no-repeat left center; font-size:22px; padding-left:28px; font-weight:normal;}
.coinerBox p{ font-size:18px; text-indent:2em; line-height:24px; padding:5px 0; margin-top:25px;}
.coinerBox h6{ font-size:20px; font-weight:normal; margin-top:30px; text-indent:2em;}
/*网页底部*/
.footer{  background:#343434; width:100%; text-align:center; color:#fff; line-height:28px; font-size:14px; padding:20px 0;}
.footer a{ color:#FFF;}
/*蓝色视角*/
.visual{ height:188px; padding-top:130px;}
.visder{ text-align:center; height:80px;}
.visder i{ font-style:normal; font-size:34px; display:block;}
.visder span{ display:block; font-size:18px; margin-top:6px;}
.vishv{ height:24px; text-align:center; margin-top:42px;}
.vishv li{ display:inline-block; margin-right:30px;}
.vishv li span{ display:inline-block; width:49px; height:18px; background:url(/images/hv.png) no-repeat; text-align:center; font-size:16px; color:#b0b0b0; line-height:18px;}
.vishv li:hover span,.vishv li.cur span{ background:url(/images/hv_hover.png) no-repeat; color:#fff;}
.vishv li a{ color:#333; font-size:18px; margin-left:5px;}
.vishv li:hover a{ color:#267aea;}
/*蓝色视角——内容*/
.vasBox{ overflow:hidden;}
/*蓝色视角——左侧*/
.vasBox-left{ float:left; width:784px;}
.vasBox-left li{ height:140px; padding:20px; overflow:hidden; background:#fff; margin-bottom:30px;}
.vasBox-left li .pic{ width:187px; height:140px; float:left; overflow:hidden;}
.vasBox-left li .pic img{ width:100%; height:100%;}
.vasBox-left li .tit{ width:538px; float:right;}
.vasBox-left li .tit h3{ height:36px; line-height:36px; font-size:18px; font-weight:normal; overflow:hidden;}
.vasBox-left li .tit .info,.Datop .info{ height:40px; line-height:40px; font-size:12px; color:#b8b8b8;}
.vasBox-left li .tit .info span.date,.Datop span.date{ background:url(/images/d1.jpg) no-repeat left center; padding-left:26px;}
.vasBox-left li .tit .info i,.Datop i{ background:url(/images/d2.jpg) no-repeat left center; margin-left:40px; font-style:normal; padding-left:26px;}
.vasBox-left li .tit .remark{ line-height:1.5em;}
.details{ text-align:right; margin-top:7px;}
.details a{ color:#fff;border-radius: 8px; width:48px; height:20px; background:#5aa1ff; text-align:center; display:inline-block;}
.details a:hover{ background:#267aea;}



/*蓝色视角——右侧*/
.Hot{ height:36px;}
.vasBox-right{ float:right; width:336px;}
.vasBox-right li{ width:336px; height:254px; background:#fff; border-radius:0 0 8px 8px; margin-bottom:30px;}
.vasBox-right li .pic{ width:336px; height:143px; overflow:hidden;}
.vasBox-right li .pic img{ width:100%; height:100%;}
.vasBox-right li .tit{ padding:0 10px;}
.vasBox-right li .tit h6{ font-weight:normal; height:44px; line-height:44px; margin-top:4px; overflow:hidden;}
.vasBox-right li .tit h6 a{ font-size:18px;}
.vasBox-right li .tit p{ font-size:16px; line-height:22px;}


/*加载的样式*/
#infscr-loading{ position:fixed; bottom:60px; left:50%; margin-left:-55px;width:90px; padding:10px; text-align:center; z-index:9999;-webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;opacity:0.5; filter:alpha(opacity=50); color:#FFF; font-size:12px; background:#333;}
#infscr-loading img{ height:20px; margin:5px 0;} 

/*经典案例*/
.Cases{ overflow:hidden;}
.Cases ul{ float:left; display:inline; margin-left:-96px;}
.Cases li{ float:left; width:336px; height:336px; border-radius: 0 0 8px 8px; background:#fff; margin:0 0 30px 96px; position:relative; display:inline; overflow:hidden;}
.Cases li .pic{ width:336px; height:228px; overflow:hidden;}
.Cases li .pic img{ width:100%; height:100%;}
.Cases li .tit{ height:98px; padding:10px 10px 0 10px;}
.Cases li .tit p{ font-size:18px; height:70px;}
.Cases li .tit span{ background:url(/images/d1.jpg) no-repeat left center; padding-left:26px; display:block; color:#b8b8b8;}
/*返回顶部*/
.hui{ width:41px; height:41px; display:none; cursor:pointer; background:url(/images/hui_m.png) no-repeat; position:fixed; right:40px; bottom:80px; z-index:1000;}
.hui:hover{ background:url(/images/hui.png) no-repeat;}
.Cases li .picG{ width:336px; height:336px;}
.Cases li .picG img{ width:100%; height:100%;}
.Cases li .titG{ position:absolute; bottom:0; left:0; height:50px; line-height:50px; color:#fff; font-size:18px; padding-left:10px; background:url(/images/gov_bg.png) no-repeat; width:100%;}
/*详情页*/
.vasBox-deta{ width:724px; margin-bottom:80px; background:#f7f7f7; border-radius:8px; float:left; padding:50px 30px 50px 30px; overflow:hidden;}
.Datop h6{ line-height:36px; background:url(/images/yw_sr.jpg) no-repeat left top; padding-left:20px; font-size:24px; color:#656565; font-weight:normal;}
.Datop .info{ padding-left:14px;}
/*编辑器*/
.article-content{ color:#656565; line-height:24px; font-size:18px; margin-top:24px;}
/*翻页*/
.artpnBox{ height:30px; line-height:30px; text-align:right; margin-top:65px;}
.artpnBox a{ display:inline-block; width:30px; height:30px; margin-left:20px;}
.artpnBox a.prev{ background:url(/images/a_prev.jpg) no-repeat;}
.artpnBox a.next{ background:url(/images/a_next.jpg) no-repeat;}
/*中心动态*/
.news{    height: 120px;padding-top: 130px;}
/*关于我们*/
.vasBox-About{ /*width:724px;*/ margin-bottom:40px; background:#f7f7f7; border-radius:8px; float:left; padding:0 30px 50px 30px; overflow:hidden;}
.vasBox-About .coinerBox{ margin-top:10px; padding-bottom:10px;}    
/*客户资源*/
.slideGroup{ margin-top:50px; overflow:hidden; padding-bottom:30px;}
.slideGroup .parHd{ width:236px; height:29px; border:1px solid #267aea; border-radius:13px; margin:50px auto 0; overflow:hidden;}
.slideGroup .parHd li{ cursor:pointer; width:118px; height:29px; text-align:center; line-height:29px; font-size:18px; float:left;}
.slideGroup .parHd li:hover,.slideGroup .parHd li.cur{ background:#267aea; color:#fff;}
.slideGroup .parHd li.l:hover{ border-radius:12px 0 0 12px;}
.slideGroup .parHd li.r:hover{ border-radius:0 12px 12px 0;}
.slideGroup .parBd{ overflow:hidden; margin-top:30px;}
.slideGroup .parBd ul{ width:1000px; margin:0  auto;}
.slideGroup .parBd li{ width:249px; height:130px; float:left; display:inline-block; margin:0.5px 0.5px; overflow:hidden;}
.slideGroup .parBd li img{ width:249px; height:130px; display:block;}
.slideGroup .parBd li img{-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.slideGroup .parBd li:hover img{-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);}