.h30{ height:30px}
.h60{ height:60px}
.head{ display:block; position:relative}
.l-bg{ background: #f7f7f7;}
.nav-bar { border-bottom: 1px solid #E1E1E1; padding: 20px 0; background:#fff}
.nav-bar-item { float: left;color:#999}
.nav-spacer { margin: 0 10px;float: left; color:#999}
.nav-bar-item.cur {color: #333;}
.nav-bar .columns {float:left;}
.nav-bar .columns a {position:relative; float:left; margin-right:30px;}
.nav-bar .columns a:hover{ text-decoration:none;color: #333;}
.nav-bar .columns a span {position:absolute; left:50%; bottom:-21px; width:0; height:2px; background-color:#fe1d01; border-radius:4px; -webkit-transition:width 300ms; transition:width 300ms; line-height:2px; font-size:0px;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.nav-bar .columns a.on span,.nav-bar .columns a:hover span {/*left:15%; */width:100%;}
.connect-us{padding: 30px 0px;}
.l-contact{background: #fff;border:1px solid #e5e5e5;overflow: hidden;padding:20px;}
.l-intro{width: 540px;padding:10px 0 20px 40px;box-sizing: border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.l-title{padding-bottom: 20px; overflow: hidden;}
.connect-us .company{line-height: 55px;font-size: 18px;position: relative; background:url(../images/ny_01.png) 0 20px no-repeat; padding-left:20px}
.connect-us .company .iconfont{color:#20B09F;position: absolute;left:-20px;}
.connect-us .address{color: #999; line-height: 30px;}
.connect-us ul{padding-top: 20px; width: 630px;}
.connect-us ul li{line-height: 30px; color: #888;}
.connect-us ul li span{color:#fe1d01;}
.connect-us .map{width: 600px; height: 320px; border: 1px solid #e5e5e5;}
.l-title .title-em{font-size: 24px; line-height: 24px;  color: #333;float: left;padding-left: 10px; font-style:normal}
.l-title span{display:block;width: 4px;height: 24px;background-color:#fe1d01 ;float: left;}
.map b{background: #f60;width: 150px; height: 20px; display: block; line-height: 20px; color: #fff; text-align: center; font-weight: normal; font-size: 12px;}
.fen-connect-us{font-size: 18px; line-height: 18px; padding-bottom: 20px; border-bottom: 1px solid #ececec; color: #333;}
.my-map { margin: 0 auto; width: 600px; height: 320px; border: 1px solid #e5e5e5; float:left}
.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}
.branch{background: #fff;border:1px solid #e5e5e5;overflow: hidden;padding:30px; width:526px; margin-bottom:23px; height:165px;}
.branch h4{ font-size: 18px; font-weight:normal}
.sub-banner { color: #dfdfdf; text-align: center; width: 100%; max-width: 1920px; height: 320px; background-repeat: no-repeat; background-position: center; margin: 0 auto; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; position: relative; }
.sub-banner img { display: block; width: 100%; height: 100%; }
.sub-banner .wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: table; }
.sub-banner .wrap .wrap-con { display: table-cell; vertical-align: middle; }
.sub-banner .title { width: 820px; font-size: 40px; margin: 0 auto; color:#fff }
.sub-banner .desc { margin: 0 auto; width: 820px; font-size: 14px; line-height: 2; padding-top: 10px; }
.news-list { width:850px; float:left; padding-bottom:40px}
.news-list ul { overflow: hidden; padding-top: 15px;}
.news-list ul li { overflow: hidden; border-bottom:1px solid #eaeaea; padding:20px 0;}
.news-list ul li .pic { float: left; width: 163px; height:113px; overflow:hidden}
.news-list ul li .pic a img { width: 100%; -webkit-transition: all 0.7s;-moz-transition: all 0.7s;-o-transition: all 0.7s; transition: all 0.7s;}
.news-list ul li .pic a:hover img{-webkit-transform: scale(1.15);-moz-transform: scale(1.15);-ms-transform: scale(1.15);-o-transform: scale(1.15); transform: scale(1.15);}
.news-list ul li .text { padding-left: 184px; }
.news-list ul li .text a.title { display: block; font-size: 18px; color: #676767; margin: 10px 0; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.news-list ul li .text a:hover{ color:#cd0200;text-decoration: underline; cursor: pointer}
.news-list ul li .text .desc { position: relative; color: #797979; font-size: 14px; line-height: 2; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; height:28px; overflow:hidden }
.news-list ul li .text .time { font-size: 14px; padding-top: 10px; }
.news-list .no-data { margin-top: 50px; text-align: center; color: #666; letter-spacing: 2px; }
.extra{ width:300px; float:right}
.item {background: #fff;padding-top: 10px;margin-bottom: 30px;}
.extra .item .etitle { position: relative; height: 30px;line-height: 30px;}
.extra .item .etitle span{ font-size: 18px;padding-left: 8px;border-left: 4px solid #e23838; height: 19px;line-height: 19px;  float: left; margin-top: 6px;}
.extra .item .etitle em{ font-style: normal;}
.extra .item .etitle .more { float: right; font-size: 14px; color: #9e9e9e; margin-right: 12px; margin-top: 4px;}
.extra .item .etitle:after {clear: both;content: '';display: table;}
.extra .item .con {margin-top: 16px;padding: 0 12px 20px;}
.extra .con .for{font-size: 16px;}
.extra .con .info{ margin: 10px 0 12px;}
.extra .con .info img{width: 120px;height: 80px;vertical-align: bottom;}
.extra .con .info .pic{float: left; margin-right: 11px;}
.extra .con ul li{ background:url(../images/icons.png) 0 12px no-repeat;padding-left: 12px; line-height: 28px; height: 28px; overflow:hidden}
.extra .con .info .text{ font-size: 14px;color: #acacac;}
.pglist {width: 100%;clear: both;height: 38px;}
.pglist ul {width:100%;text-align: center; margin:0 auto; padding-top:0}
.pglist ul li {display: inline;*display:inline; margin: 0 5px 0 4px; height:38px}
.pglist ul li a{padding: 6px 18px;border:1px solid #dddad9;font-size: 14px;text-align: center; line-height:36px;}
.pglist ul li.page-active a,.pglist ul li a:hover {border: 1px solid #fe1d01;background: #fe1d01; color:#fff; text-decoration:none}
.pglist ul li.page-active a{color:#fff}
.news-detail{ width:1000px; margin:0 auto; padding:0px 0 60px}
.newstit{ height:52px;line-height:52px; font-size:28px; font-weight:bold; text-align:center; font-weight:normal; padding-bottom:5px; padding-top:40px}
.newsdata{ height:52px; line-height:30px; font-size:14px; color:#7b7b7b; text-align:center}
.newsxx{ overflow:hidden; font-size:16px; line-height:28px;}
.newsxx p{ padding:8px 0 8px}
.newsnp{ width:470px; padding-top:65px; overflow:hidden; font-size:14px; float:left; }
.newsnp p{ height:40px; line-height:40px; text-align:left; }
.newsnp p span{ margin-right:24px}
.newsnp a:hover{ color:#4ab344;}
.shareInfo {width:310px;height: 32px;float: right;clear: right;overflow: hidden; padding-top:89px}
.shareInfo .shareTag {display: inline-block;font-size: 14px; padding-top: 10px; float: left;}
.shareListPanel a{width: 33px!important;height: 33px!important;margin: 0 0 12px 12px!important; padding-left:0!important;display: inline-block; background:url(../images/share.png) no-repeat!important}
.shareListPanel { max-width: 270px; overflow: hidden;}
.shareListPanel .bds_weixin{ background-position:0 0!important}
.shareListPanel .sina_weibo { background-position:0 -45px!important}
.shareListPanel .qq_zone { background-position:0 -90px!important}
.shareListPanel .douban { background-position:0 -135px!important}
.shareListPanel .baidu_tieba { background-position:0 -180px!important}
ul.case-list { width:1236px; padding-top:37px; padding-bottom:20px}
ul.case-list li{ margin-right:37px; width:272px; float:left; margin-bottom:37px}
ul.case-list li img{ border:10px solid #7fc5eb; border-bottom:0; width:252px; height:355px}
ul.case-list li p{ height:45px; line-height:45px; overflow:hidden; text-align:center; font-size:16px; background:#7fc5eb; color:#fff}
ul.case-list li a:hover img{border:10px solid #fe1d01;border-bottom:0;}
ul.case-list li a:hover{ text-decoration:none}
ul.case-list li a:hover p{background:#fe1d01;}
.service{ padding:40px 0 50px}
.service ul li{ width:25%}
.service ul li img{ width:100%}
.service ul li h2{ height:70px;line-height:65px;}
.service ul li h2:before {top: 52px;}
.service ul li h2:hover:before {top: 58px; }
.service ul li:nth-child(4n):after{ background:none}
.service ul li p{ height:72px}
.fc ul{ padding-top:40px}
.fc ul li{ width:372px; height:334px; margin:0 14px 48px; float:left; text-align:center; border-bottom: 6px solid #C3C3C3; display:inline }
.fc ul li img{border: 1px solid #EDEDED;padding: 5px;}
.fc ul li p{ height: 78px; line-height:78px; overflow:hidden; font-size:18px}
.fc ul li a{ text-decoration:none}
.recommend{  overflow:hidden}
.recommend ul{ clear:both; overflow:hidden; padding-top:40px; padding-bottom:20px}
.recommend ul li{ width:544px; height:269px; background:#fff; padding:28px 20px 28px 25px; float:left; margin:0 10px 21px 0}
.recommend ul li img{ float:left; margin-right:24px}
.recommend ul li .tx{ width:300px; float:left}
.recommend ul li a{ color:#333}
.recommend ul li a:hover{ text-decoration:none}
.recommend ul li .tx h4{ font-size:25px; font-weight:normal}
.recommend ul li .tx p.desc{ line-height:24px;padding-top:9px; height:96px; overflow:hidden; margin-bottom:38px; color:#666}
.recommend ul li a .tx p.info{ font-size:14px; padding-top:9px; color:#999}
.recommend ul li .tx div{ font-size:17px}
.recommend ul li .tx div span{ background:url(../images/index_107.png) no-repeat; width:22px; height:24px; margin-right:3px; display: inline-block; vertical-align: middle}
/*工作摄影*/
.gzsy{  overflow:hidden; background:#fff;}
.gzsy h2{ text-align:center; margin-top:40px; font-size:26px;}
.gzsy ul{ clear:both; overflow:hidden; padding-top:10px; padding-bottom:20px}
.gzsy ul li{ width:380px; height:289px; padding:28px 0 28px 0; float:left; margin:0 10px 21px 10px}
.gzsy ul li img{ float:left; margin-bottom:10px; margin-right:24px}
.gzsy ul li p{ text-align:center; font-size:16px; margin:10px 0}
.gzsy h2 span a{ float:right; font-weight:normal; font-size:16px; padding-top:18px; margin-right:15px;}

/*分页*/
.paginator { text-align: center; padding:30px 0 0; }
.paginator img{ vertical-align:text-top;}
.paginator a, .paginator span { display: inline-block; height: 30px; line-height: 30px; color: #35363a; font-size:13px; border:1px #e7e7e7 solid; padding:0 11px; margin:0 3px; border-radius:3px;}
.paginator a:hover{ background:#ee3938; border-color:#ee3938;}
.paginator span.current { color: #fff; background:#ee3938; border-color:#ee3938;}
/*分页------------------------------*/