body{font-size:12px;font-family:\5FAE\8F6F\96C5\9ED1,Verdana,arial,\5B8B\4F53}
body,html,a,img,div,form,select,input,ul,ol,ul,li,h1,h2,h3,h4,h5,h6,dd,dl,dt,p,label,em,span{margin:0;padding:0}
a{color:#333;text-decoration:none}
a:hover{color:#CC2F35;text-decoration:none;-webkit-transition:all .5s;transition:all .5s}
ol,ul,li{list-style:none}
em,i{font-style:normal}
img{border:none}
.cf{*zoom:1}
.cf:after{content:'\20';display:block;height:0;clear:both}
.hidden,.hide{display:none}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.fl{float:left;_display:inline}
.fr{float:right;_display:inline}
.wp{width:1010px;margin:0 auto}
.w1000{width:1000px;margin:0 auto}
html,body{height:100%}
body{background:#fff}
.pageWrap{min-height:100%}
.pageCon{padding-bottom:200px}
.footer{background:#333;margin-top:-200px}
.footer .inner{background:#333;height:40px;line-height:40px;font-size:14px;color:#ffff;padding:80px 0}
.footer .text{text-align:center}
.footer .text span{margin:0 20px}
.topBar{background:#fff;border-bottom:1px solid #eee}
.topBar .inner{background:#fff;height:60px}
.topBar .tbLogo{background:url(../images/tb-logo.png) no-repeat center;float:left;width:285px;height:60px;overflow:hidden;line-height:99}
.topBar .tbMenu{float:right;margin-right:-80px}
.topBar .tbMenu li{float:left;width:70px;height:60px;text-align:center;line-height:60px;font-size:14px;margin-right:80px}
.topBar .tbMenu li a{display:block;width:70px;height:60px}
.topBar .tbMenu li a:hover{color:#CC2F35;text-decoration:none}
.topBar .tbMenu li.cur a{color:#CC2F35;font-size:16px;text-decoration:none;background:url("../images/tb-menu-cur.png") no-repeat center 80%}
.headArea{background:url(../images/hd-wp.jpg) no-repeat center top}
.headArea .inner{background:url(../images/hd-in.jpg) no-repeat;height:400px}
.mainArea{background:url("../images/main-area.png") no-repeat 100% 100%;min-height:400px;margin-top:20px;padding-bottom:60px}
.panel{margin-top:55px}
.crumbs{font-size:16px;color:#999;line-height:32px}
.crumbs a{color:#999}
.crumbs a:hover{color:#CC2F35}
.crumbs span{padding:0 5px;font-family:simsun}
.panel-head{height:60px}
.panel-head .crumbs{margin-top:14px}
.panel-head .panel-head-item{float:left}
.panel-head .panel-head-item img{display:block;height:60px}
.panel-desc{overflow:hidden;margin-top:35px}
.panel-desc .img{float:left;width:438px;overflow:hidden;border-radius:10px;margin-right:50px}
.panel-desc .img img{display:block;width:100%}
.panel-desc .con{margin-top:-35px}
.panel-desc .con p{font-size:14px;line-height:32px;color:#666;margin-top:30px;text-indent:2em;}
.pages{padding:10px 0;margin-top:40px;text-align:center;font-size:0;line-height:0}
.pages a,.pages span{display:inline-block;vertical-align:top;width:30px;height:30px;text-align:center;line-height:30px;overflow:hidden;font-size:14px;border:1px solid #E3E3E3;border-radius:2px;margin:0 5px;background-color:#fff}
.pages a:hover{border-color:#CC2F35;color:#CC2F35;text-decoration:none}
.pages a.active{background:#CC2F35;color:#fff;border-color:#CC2F35}
.pages a.prev:hover,.pages a.next:hover{border-color:#E3E3E3}
.pages a.prev{background:url(../images/page-prev.png) no-repeat center #fff}
.pages a.next{background:url(../images/page-next.png) no-repeat center #fff}
.art-list{margin-top:30px}
.art-list li{padding:30px 0;border-bottom:1px solid #eee;overflow:hidden}
.art-list li a{display:block;overflow:hidden}
.art-list .img{float:left;width:318px;height:200px;overflow:hidden;border-radius:10px;margin-right:34px}
.art-list .img img{display:block;width:100%}
.art-list .img:hover img{-webkit-transform:scale(1.04);transform:scale(1.04)}
.art-list .img img{display:block;width:100%;-webkit-transition:all .5s;transition:all .5s}
.art-list a:hover .title,.art-list a:hover .info,.art-list a:hover .desc{color:#CC2F35}
.art-list .con{line-height:34px}
.art-list .con .title{font-size:18px;color:#333}
.art-list .con .info{font-size:14px;color:#999}
.art-list .con .desc{font-size:14px;color:#666}
.prj-list{overflow:hidden}
.prj-list ul{margin-left:-60px}
.prj-list li{float:left;width:474px;height:396px;overflow:hidden;margin-left:60px;margin-top:40px}
.prj-list .img{display:block;width:474px;height:270px;overflow:hidden;border-radius:10px}
.prj-list .img:hover img{-webkit-transform:scale(1.04);transform:scale(1.04)}
.prj-list .img img{display:block;width:100%;-webkit-transition:all .5s;transition:all .5s}
.prj-list .con{margin-top:12px}
.prj-list .con .info{height:30px;line-height:30px;overflow:hidden}
.prj-list .con .info .name{float:left;width:290px;height:30px;overflow:hidden;text-overflow:ellipsis;font-size:18px;color:#333}
.prj-list .con .info .time{float:right;font-size:14px;color:#999}
.prj-list .con .desc{font-size:14px;line-height:26px;color:#666;margin-top:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.prj-list .con .btn{background:url(../images/btn-prj-list.png) no-repeat;display:block;width:108px;height:37px;overflow:hidden;line-height:99;margin-top:15px}
.prj-list .con .btn:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}
.infoArea{margin-top:40px}
.infoArea .info-hd{float:left;width:96px;background:url(../images/line.jpg) repeat-y 87px 0}
.infoArea .info-hd li{height:34px;line-height:34px;font-size:14px;color:#333;cursor:pointer;margin-bottom:66px;background:url(../images/info-item.png) no-repeat 100% 0}
.infoArea .info-hd li.on,.infoArea .info-hd li:hover{color:#CC2F35;background-position:100% 100%}
.infoArea .info-bd{float:right;width:818px}
.infoArea .info-bd .info{height:38px;overflow:hidden;line-height:38px}
.infoArea .info-bd .info .title{float:left;font-size:18px;color:#333}
.infoArea .info-bd .info .down{background:url(../images/btn-down.png) no-repeat;float:right;width:108px;height:37px;overflow:hidden;line-height:99}
.infoArea .info-bd .info .down:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}
.infoArea .info-bd .show{display:block;width:100%;overflow:hidden;border-radius:10px;margin-top:20px}
.infoArea .info-bd .show img{display:block;width:100%}
.contact-item{overflow:hidden}
.contact-item li{float:left;width:386px;height:114px;padding-left:72px;margin-top:40px;margin-left:20px;position:relative}
.contact-item li i{width:54px;height:54px;overflow:hidden;position:absolute;left:2px;top:14px}
.contact-item li i.email{background:url(../images/ico-mail.png) no-repeat}
.contact-item li i.phone{background:url(../images/ico-phone.png) no-repeat}
.contact-item li i.site{background:url(../images/ico-site.png) no-repeat}
.contact-item li i.postal{background:url(../images/ico-post.png) no-repeat}
.contact-item li em{display:block;height:28px;overflow:hidden;line-height:28px;font-size:14px;color:#999;margin-top:8px}
.contact-item li p{font-size:16px;line-height:34px;color:#333}
.contact-map{height:520px;overflow:hidden;margin:20px auto 0;border-radius:10px}
.contact-map > div{width:100%;height:100%}
.content-tit{float:left;width:724px;font-size:22px;font-weight:bold;line-height:1.6;color:#333}
.content-info{font-size:14px;color:#999;line-height:1.6;margin-top:15px}
.content-con{margin-top:20px;font-size:14px;color:#666;line-height:34px}
.content-con .art-con p{padding:4px 0;text-indent:2em}
.content-con .art-con img{display:block;border-radius:8px;margin:0 auto;max-width:100%}
.content-con .art-sub{height:34px;line-height:34px;overflow:hidden;margin-top:25px}
.content-con .art-sub .source{float:left;color:#999}
.content-con .art-sub .share{float:right}
.content-con .art-sub .share span{float:left;height:28px;line-height:28px}
.content-con .art-sub .share div{width:166px}
.content-con .art-sub .share a{background:url(../images/ico-share.png) no-repeat;float:left;width:27px;height:27px;margin:0 4px;padding:0}
.content-con .art-sub .share a.bds_weixin{background-position:0 0}
.content-con .art-sub .share a.bshare-qqim{background-position:-30px 0}
.content-con .art-sub .share a.bshare-sinaminiblog{background-position:-60px 0}
.item-tit{background:url(../images/item-tit.png) no-repeat left center;height:40px;line-height:40px;font-size:22px;color:#333;padding-left:8px;font-weight:bold;margin-top:30px}
.rele-list{margin-top:15px}
.rele-list li{height:34px;line-height:34px;font-size:14px;overflow:hidden;padding:10px 0;border-bottom:1px solid #eee}
.rele-list li span{float:right;color:#999;margin-left:15px}
.rele-list li a{color:#333;display:block}
.rele-list li a:hover{color:#CC2F35}
.prj-intro .dt{display:block;font-size:16px;line-height:1.6;font-weight:bold;color:#333;margin-top:20px}
.prj-intro .dd{padding:5px 0}
.prj-intro .dd p{padding:5px 0;text-indent:2em}
.prj-intro .dd img{display:block;border-radius:8px;margin:0 auto;max-width:100%}