@charset "utf-8";

body {font:normal 12px/24px "微软雅黑", Arial, Helvetica, sans-serif; color:#555;}

a{color:#555; text-decoration:none; }

a:hover{color:#0173bc;}



img {border: 0;-ms-interpolation-mode:bicubic}

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, table, th, td, span, p, img, images, div,input{padding:0;margin:0;border:none;vertical-align:top; font-weight:normal;}

ul,li{ list-style:none; padding:0; margin:0;}

*{margin:0;padding:0;list-style-type:none;}

a,img{border:0;}

.left{float:left;}

.right{float:right;}

.fl{float:left;}

.fr{float:right;}

.c{clear:both;font-size:0;line-height:0;height:0;visibility:visible;}

.h{display:none;visibility:visible;}

.fix{*zoom:1;}

.fix:after{clear:both;content:"";display:table;}

.both{ clear:both;}

.center{ text-align:center;}

.over{ overflow:hidden;}



.divbox{margin:0 auto; width:1300px;}

.divcontent{margin:0 auto; width:1200px;}





/* top */

.header-top{height:30px; line-height:30px; background-color:#f2f2f2;}

.header-top .divbox{margin:0 auto; width:1349px;}

.header-top a{ padding:0px 10px; background:url(../images/xian.png) no-repeat right center; color:#aaa; font-size:12px;}

.header-top a:hover{color:#0173bc;}

.header-top .box{float:left; display:inline-table; position:relative; width:10px; margin-left:8px; padding-right:8px; background: url(../images/xian.png) no-repeat right center;}

.header-top .box a{display: block; width:50px; line-height:30px; text-align:right;}

.header-top .box .wap{background: url(../images/wap.png) left center no-repeat;webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}

.header-top .box .wecat{background: url(../images/wecat.png) no-repeat left center;webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}

.header-top .box a.wap:hover  span, .header-top .box a.wecat:hover span{display:block;}

.header-top .box span{display:none; position: absolute; top:30px; left:-28px; width:118px; height:118px; z-index:9;}

.header-top .box .wap span{ background: url(../images/wapimg.png) center  center no-repeat #f2f2f2; background-size:90%;}

.header-top .box .wecat span{background: url(../images/wecatimg.png) center center  no-repeat #f2f2f2; background-size:90%;}





.header-top .search{position:relative; z-index:5; width:29px; height:30px;cursor: pointer;}

.header-top .searchbtn{width:29px; height:30px; background: url(../images/btn_search01.png) no-repeat left top;}

.header-top .searchbtn.open{background-position:right top;}

.header-top .searchbox{position:absolute; overflow:hidden; width:0; top:0; right:29px; height:30px; background-color:#333;}

.header-top .searchbox input{border:none; background:none;}

.header-top .searchbox .txt{color:#777b86; width:120px; height:15px; padding:3px 5px; line-height:15px;}

.header-top .searchbox .sub{width:29px; height:30px; background: url(../images/index_03.png) no-repeat center; cursor:pointer;}







.topbox{margin:0 auto; width:1349px; position:relative; height:133px; background:url(../images/telbg.jpg) right top no-repeat;}

.topbox h6{ position:absolute; left:0px; top:32px; display:block; width:350px; height:69px; font-weight:normal; line-height:26px; color:#999; font-size:16px; background:url(../images/logobg.jpg) 164px center no-repeat; text-align: left; letter-spacing:5px;}

.topbox h6 img{ margin-right:20px;}

.topbox h6 b{ display:inline-table; padding-top:8px; font-weight: normal; font-size:12px; letter-spacing: normal;}

.navmenu{ position:absolute; right:0px; top:60px; width:1050px; height:69px;}

.navmenu li{ float:left; margin:0px 9px; width:98px; font-size:17px; text-align:center;}

.navmenu li a{display:block; padding-bottom:10px;}

.navmenu li i{display:block; width:100%; font-style:normal; font-size:11px; font-family: Arial, Helvetica, sans-serif; color:#bbb}

.navmenu li i a:hover{ color:#0173bc;}

.navmenu li:hover{ border-bottom:1px solid #0173bc;}

.navmenu li a.on{color:#0173bc; border-bottom:1px solid #0173bc;}

.navmenu li a.on:hover{border-bottom:none;}

















/* home cases */



.portfolio-grid{width:100%;margin-top:20px;}

.thumbnail img.cases_img{width:100%; }

.thumbnail{overflow:hidden;position:relative;display:inline-block;float:left;width:24%;width:23.49%\9;margin:0.5%;}

.thumbnail a.thumbnail_a:hover{cursor:url('../css/more.cur'),crosshair;cursor:url('../images/cases_shi.png') 40 40, crosshair;}

.projectinfo{position:absolute;z-index:2;top:-60px;left:0;width:100%;height:100%;background:rgb(126,127,115);background:rgba(126,127,115,0.4);height:0\9;}

.thumbnail .meta{width:100%;height:60px;line-height:60px;text-align:left;overflow:hidden;}

.thumbnail .meta h4{font-size:18px;padding-left:2%;font-weight:normal;width:60%; }

.thumbnail .meta h4 a{color:#000;}

.thumbnail .meta .fr{width:38%;text-align:right;}

.thumbnail .meta .fr a{display:inline-block;padding:0px 2px;padding-right:12px;width:20px;height:60px;}

.thumbnail .meta .fr a.cases_a_pc{background:url(../images/cases_ico_pc_b.png) no-repeat center;}

.thumbnail .meta .fr a.cases_a_phone{background:url(../images/cases_ico_phone_b.png) no-repeat center;}

.thumbnail .meta .fr a.cases_a_wecat{background:url(../images/cases_ico_wecat_b.png) no-repeat center;}

.thumbnail:hover .meta{background-color:#0173bc;}

.thumbnail:hover .meta h4 a{color:#fff;}

.thumbnail:hover .meta .fr a.cases_a_pc{background:url(../images/cases_ico_pc_w.png) no-repeat center;}

.thumbnail:hover .meta .fr a.cases_a_phone{background:url(../images/cases_ico_phone_w.png) no-repeat center;}

.thumbnail:hover .meta .fr a.cases_a_wecat{background:url(../images/cases_ico_wecat_w.png) no-repeat center;}



.btn_cases_more{border:1px solid #0173bc;margin:50px auto;text-align:center;width:120px;}

.btn_cases_more a{line-height:36px;color:#0173bc;font-size:12px; width:120px;height:36px;display:block;transition:all 0.5s;-moz-transition:all 0.5s; /* Firefox 4 */-webkit-transition:all 0.5s; /* Safari and Chrome */-o-transition:all 0.5s; /* Opera */}

.btn_cases_more a:hover{background-color:#0173bc;}

.btn_cases_more a:hover{color:#fff;}



















/* footer */

.footer{ padding-top:40px; width:100%; text-align:center; background-color:#f2f2f2;}

.footer a{ padding:0px 15px; color:#cfcfcf;}

.footer a:hover{color:#ff6600;}

.footnav{ font-weight: normal; font-size:14px; line-height:40px;}

.footnav a{ color:#777; background:url(../images/xianbg.jpg) right  center no-repeat;}

.footnav strong{ font-weight:normal;}

.footms{ margin:0px auto; padding:20px; width:880px; height:70px; color:#777;}

.footcopy{ line-height:60px; color:#cfcfcf; background-color:#555555;}