*{box-sizing:border-box;margin:0;padding:0}
body{margin:0;padding:0;color:#333;font:16px "microsoft yahei",Arial,Helvetica,sans-serif}
dd,dl,dt,h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0;border:none;list-style:none}
i,u,b{font-weight: normal;font-style: normal;text-decoration: none;}
a{text-decoration:none}
img{width:auto;vertical-align:top}
mip-i-space{display: none !important}
.flex{display: flex;justify-content:center;align-items:Center;}
#footer,.header{overflow:hidden;min-width:1200px}
.container{overflow:hidden;margin:0 auto;width:1200px}
.clear:after,.clear:before{display:table;content:" "}
.cd-top{position:fixed;right:10px;bottom:40px;display:inline-block;visibility:hidden;overflow:hidden;width:40px;height:40px;background:rgba(232,98,86,.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;box-shadow:0 0 10px rgba(0,0,0,.05);text-indent:100%;white-space:nowrap;opacity:0;-webkit-transition:opacity .3s 0s,visibility 0s .3s;-moz-transition:opacity .3s 0s,visibility 0s .3s;transition:opacity .3s 0s,visibility 0s .3s}
.cd-top.cd-fade-out,.cd-top.cd-is-visible,.no-touch .cd-top:hover{-webkit-transition:opacity .3s 0s,visibility 0s 0s;-moz-transition:opacity .3s 0s,visibility 0s 0s;transition:opacity .3s 0s,visibility 0s 0s}
.cd-top.cd-is-visible{visibility:visible;opacity:1}
.cd-top.cd-fade-out{opacity:.5}
.bg-color{background-color: #fafafa}
.no-touch .cd-top:hover{background-color:#e86256;opacity:1}
.slider{position: relative;overflow: hidden;}
.swiper-slide-active{z-index: 666}
.swiper-bullets{position: absolute;z-index: 555;height: 30px;bottom: 0;left: 0;right: 0}
.swiper-pagination-bullet{width: 20px;height: 20px;background-color: #acacac;border-radius: 0;margin: 0 6px;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#f13a3a}
.swiper-bullets .swiper-pagination{position: static;width: 1200px;margin:0 auto;text-align: right;}
.pagelist{padding-top:20px;color:#999;text-align:center;font-size:16px;line-height:30px}
.pagelist ul{display:inline-block}
.pagelist li{float:left;margin:0 8px}
.pagelist li a{display:block;padding:0 12px;border:1px solid #eee;color:#999}
.pagelist li a:hover{background:#14549e;color:#fff}
.breadcrumb{line-height: 60px;background-color: #ededed}
.breadcrumb a{color: #f13a3a}
.media:first-child{margin-top:0}
.media,.media-body{overflow:hidden;zoom:1}
.media-body{width:10000px}
.media-object{display:block}
.media-left img{width:100%}
.media-object.img-thumbnail{max-width:none}
.media-body,.media-left,.media-right{display:table-cell;vertical-align:middle}
.flexbox{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.clear{overflow: hidden;}
.clear,.clear:after,.clear:before{clear:both}
.logobar{padding: 25px 0;}
.logo-link{float: left;border-right: 1px solid #d9d9d9;width: 206px;}
.logo-link a{display: block;}
.logo-txt {float: left;padding-left: 20px;}
.logo-txt dt{font-size: 26px;font-weight: bold;color: #2b2b2b;line-height: 42px}
.logo-txt dd{font-size: 18px;color: #333;}
.logo-txt dd span{color: #d32e2d}
.logo-call{float: right;background: url(../images/logo-call.png) no-repeat left center;padding:5px 8px 5px 60px;}
.logo-call dt{text-align: justify;}
.logo-call dd{color: #d32e2d;font-size: 36px;font-style: italic;font-weight: bold;font-family: 'Haettenschweiler'}
.navbar li{float: left;}
.navbar{background-color: #2b2b2b}
.navbar li a{padding:0 30px;display: block;color: #fff;line-height: 60px;}
.navbar li a:hover,.navbar li.hover a{background-color: #f13a3a}
.works{padding: 50px 0 70px;}
.works-left{width: 268px;float: left;}
.works-right{margin-left: 298px;overflow: hidden;}
.tips{background-color: #2b2b2b;color: #fff;text-align: center;font-size: 20px;padding: 24px 0}
.tips a{font-size: 26px;font-weight: bold;color: #fff}
.works-left li a{display:block;line-height: 60px;border:1px solid #e6e6e6;margin-top: -1px;color: #2b2b2b;padding-left: 55px;background: url(../images/bg-btn-default.png) no-repeat left 20px center;}
.works-left li a:hover{color: #f13a3a;background-image: url(../images/bg-btn-active.png);}
.bg-call{height: 165px;background: url(../images/bg-call.png) no-repeat center;text-align: right;padding-right: 20px;margin-top: 20px;}
.bg-call dl{display: inline-block;margin-top: 60px;}
.bg-call dt{font-size: 14px;color: #2b2b2b;}
.bg-call dt span{background: url(../images/bg-btn-call.png) no-repeat left center;padding-left: 30px;line-height: 24px;vertical-align: top;display: inline-block;}
.bg-call dd{font-weight: bold;color: #f13a3a;font-size: 22px;}
.works-lists li{float: left;padding: 10px;width: 33.33%}
.effect-bubba{border:1px solid #e6e6e6;}
.works-lists li img{padding: 10px 10px 0}
.effect-bubba:hover{border:1px solid #f13a3a;}
.works-lists{margin:0 -10px;}
.works-lists  figcaption{line-height: 40px;text-align: center;color: #333;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;}
.title{background: url(../images/bg-title.png) no-repeat bottom left;line-height: 40px;}
.title span{color: #666}
.title strong,.title strong a{color: #2b2b2b;font-size: 24px;}
.a-link{float: right;color: #666}
.abbr{height: 290px;background: url(../images/bg-abbr.png) no-repeat center;}
.abbr-info{padding-left: 560px;color: #fff;padding-top: 45px;}
.abbr-info>p{font-size: 24px;line-height: 36px;}
.abbrs-box{padding-top: 25px}
.abbrs-box li{float: left;padding: 0 36px;}
.abbrs-box li p{font-size: 18px;margin-top: 16px;}
.poster{text-align: center;padding: 65px 0;}
.poster h2,.poster h3{font-size: 32px;}
.poster h2 span{color: #f13a3a}
.poster h3{font-weight: normal;}
.poster h3 span{font-weight:bold;}
.poster h4{font-family: 'Arial';font-size: 12px;color: #ccc;letter-spacing:6px;font-weight: normal;}
.poster-left,.poster-right{width: 600px;float: left;}
.poster-left{position: relative;}
.poster-left span{position: absolute;left:20px;top:-30px;width: 70px;height: 100px;text-align: center;line-height: 100px;color: #fff;font-size: 52px;background-color: #f13a3a}
.poster-right{padding: 70px 65px;text-align: left;background-color: #f6f6f6;height: 362px;}
.poster-right h2{font-weight: normal;font-size: 28px;}
.poster-right h2 span{font-weight: bold;color: #f13a3a}
.poster-right h5{font-size: 14px;color: #ccc}
.poster-right p{line-height: 36px;margin-top: 10px;text-align: justify;color: #2b2b2b}
.poster-right p span{color: #f13a3a}
.poster .row{padding-top: 60px}
.about{height: 560px;background: url(../images/bg-about.png) no-repeat center;}
.about .container{position: relative;height: 100%}
.a-tips {text-align: center;width: 140px;padding-top: 32px}
.a-tips dt a{color: #2b2b2b;font-weight: bold;font-size: 32px;}
.a-tips dd{font-size: 20px;color: #2b2b2b;text-transform:uppercase;}
.a-imgs{position: absolute;top:202px;left: 0;border:6px solid #fff;z-index: 55}
.a-ingo{width: 808px;height: 360px;color: #fff;position: absolute;right: 0;top: 125px;border:6px solid #fff;padding: 45px 20px 65px 95px}
.a-ingo p{line-height: 32px;}
.a-ingo a{width: 120px;line-height: 35px;display: inline-block;color: #fff;background-color: #f13a3a;text-align: center;margin-top: 20px;}
.case{padding:75px 0;}
.picScroll-left{ width:1320px;margin:0 auto;padding: 0 60px;  overflow:hidden; position:relative; }
.picScroll-left .bd{ padding:30px 0 ;width: 1200px;overflow: hidden;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin-right:19px; float:left; _display:inline; overflow:hidden; text-align:center;border: 1px solid #ccc}
.picScroll-left .bd ul li  img{ width:285px; display:block;  }
.picScroll-left .bd ul li:hover{border: 1px solid #f13a3a}
.picScroll-left .bd ul li p{ line-height:50px; color: #666}
.picScroll-left  .prev,.picScroll-left .next{ position: absolute;display:block;  width:60px; height:256px; overflow:hidden;cursor:pointer; background:url("../images/arrow-left.png") no-repeat left center;}
.picScroll-left  .prev{left: 0}
.picScroll-left .next{right: 0;background-position: right center;background-image: url('../images/arrow-right.png');}
.news{padding-bottom: 60px;}
.news-left{width: 560px;padding-right: 60px;float: left;}
.news-right{float: left;width: 640px;}
.news-box{padding-top: 30px;}
.news-box img{width:100%;}
.news-box h2{font-size: 16px;color: #2b2b2b;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 55px}
.news-box p{font-size: 14px;color: #666;line-height: 24px;}
.news-box p span{color: #f13a3a}
.news-right h3{color: #2b2b2b;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 40px;}
.news-right p{color: #666;font-size: 14px;line-height: 24px;text-align: justify;}
.news-right .media-right{padding-left:30px; }
.news-right .media{padding: 30px 0;border-bottom: 1px dashed #ccc }
.news-items li {float: left ;width: 50%}
.news-items li a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 40px;font-size: 14px;color: #666;width: 85%;padding-left: 30px;background: url(../images/bg-news.png) no-repeat left center;}
.news-items li a:hover{color: #f13a3a}
.flink{padding-bottom: 50px}
.flink h3{font-size: 18px;padding-bottom: 20px;position: relative;background: url(../images/bg-link.png) repeat-x bottom;}
.flink h3 span{position: absolute;bottom: 0;left: 0;background:#fff url(../images/bg-links.png) no-repeat left bottom;width: 52px;height: 14px;}
.flink li{float: left;width:16% }
.flink ul{padding: 20px 0}
.flink li a{display: block;line-height: 35px;color: #666;font-size: 14px;}
#footer{background-color: #2b2b2b}
#footer .col{float: left;border-left: 1px solid #4d4d4d;border-right: 1px solid #4d4d4d;height: 260px;display: flex;justify-content:center;align-items:Center;}
.logo-box{padding: 0 50px;}
#footer li {color:#ccc;font-size: 14px;line-height: 30px;padding-left: 25px;background: url(../images/icon-q.png) no-repeat left center;}
#footer li:nth-child(2){background-image: url(../images/icon-phone.png);}
#footer li:nth-child(3){background-image: url(../images/icon-email.png);}
#footer li:nth-child(4){background-image: url(../images/icon-add.png);}
/*#footer li:nth-child(5){background-image: url(../images/icon-email.png);}*/
/*#footer li:nth-child(6){background-image: url(../images/icon-add.png);}*/
#footer .ewm{padding: 0 40px;color:#666;line-height:35px;text-align:center;}
.footer-ingo{width: 566px;}
.bg-foot{line-height: 50px;background-color: #000;color: #666;font-size: 14px;}
.footbar {float: right;}
.footbar a{color: #666;}
.content{padding: 50px 0}
.effect-bubba p {line-height: 35px;border-top: 1px dashed #ccc;font-size: 12px;color: #666;padding: 0 10px;}
.effect-bubba p i{float: left;padding-left: 18px;background: url(../images/bg-see.png) no-repeat left center;}
.effect-bubba p u{float: right;padding-left: 20px;background: url(../images/bg-msg.png) no-repeat left center;}
.box{padding: 30px 30px 0;	background: #fff}
.thumb{width: 350px;float: left;}
.gallery{background: url(../images/bg-thumb.png) repeat-x bottom left;padding-bottom: 35px}
.thumb-box{width: 360px;overflow: hidden;margin: 0 -5px}
.tb-thumb{overflow:hidden;margin:10px 0 0;padding:0;}
.tb-thumb li{float:left;overflow:hidden;margin:0 5px;padding: 6px 0;border:#ccc 1px solid;display: table-cell;    text-align: center;    vertical-align: middle;}
.tb-thumb li img{width: 78px}
.tb-thumb li:hover{border:#f13a3a 1px solid;}
.tb-booth,.tb-booth a{width:350px;height:auto;}
.tb-booth,.tb-booth img{width:350px;}
.tb-booth{position:relative;z-index:1;}
div.zoomDiv{position:absolute;top:0;left:10px;z-index:999;display:none;overflow:hidden;margin:-3px 0 0 2px;width:300px;height:300px;border:1px solid #CCC;background:#fff;text-align:center;}
div.zoomMask{position:absolute;z-index:1;width:200px;height:200px;border:1px solid #aaa;background:#fff 50% top no-repeat;opacity:.5;cursor:move;-moz-opacity:.5;-khtml-opacity:.5;filter:alpha(Opacity=50);}
.zoomDiv img{width:600px;height:600px;}
.thumb-info{float: left;padding-left: 24px;width: 492px}
.thumb-header{line-height: 42px;color: #2b2b2b;font-size: 20px;}
.thumb-body{border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;line-height: 24px;padding: 20px 0}
.thumb-body p{margin:10px 0;}
.thumb-footer{padding: 20px 0}
.thumb-footer .a-btn{display: inline-block;width: 216px;vertical-align: top;line-height: 50px;color: #fff;background-color: #f13a3a;text-align: center;border-radius: 5px;}
.thumb-footer dt{font-weight: normal;font-size: 14px;color: #444;line-height: 20px;}
.thumb-footer dd{font-size: 26px;color: #f13a3a;line-height: 30px;}
.thumb-footer dl{display: inline-block;vertical-align: top;margin-left: 15px}
.details{padding-top: 15px}
.details .title{line-height: 50px}
.details .title strong{color: #f13a3a}
.details-box{padding: 10px 0}
.pany{line-height:50px;margin-top:30px;}
.pany dt{text-align:center;background-color: #fafafa}
.pany dt a{display: block;color: #2b2b2b}
.pany dd p{display:inline-block;width:49.5%;color:#f13a3a;vertical-align: top;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pany dd p:last-child{text-align: right;}
.pany dd a{color:#f13a3a;}
.likes{margin-top: 20px;}
.likesbar{padding: 0 30px;color: #fff;font-size: 18px;background-color: #333;line-height: 40px}
.items li{float: left;width: 33.33%;padding: 10px;}
.effect-bubba img{width: 100%}
#news .media:first-child{padding-top:0}
#news .media{padding:30px 0;border-bottom: 1px dashed #ccc}
.media:hover .media-right h3{color: #f13a3a}
#news .media-left a,#news .media-right a{display: block;}
.media-left{width:200px;}
#news .media-right{padding-left: 20px;vertical-align: top}
#news .media-right h3{font-size: 18px;font-weight: normal;line-height: 40px;color: #2b2b2b}
#news .media-right h3:hover{color: #f13a3a}
#news .media-right p{font-size: 14px;line-height: 24px;color: #666}
.timebar{text-align:center;line-height:50px;}
.description{border:1px dashed #ccc;font-size: 14px;line-height: 24px;padding: 20px;background-color: #fafafa;border-radius: 5px;color: #666}
.details h1{text-align:center;font-size:24px;}
.detail-box{padding-top :30px}
.detail-box img{display:block;margin:0 auto;}
.detail-box h5{text-align:center;font-size:1em;font-weight:normal;color:#666;margin:10px 0;font-weight: normal;}
.detail-box{line-height:1.7em;}
.detail-box h2{font-size:20px;margin:10px 0;}
.detail-box h3{font-size:18px;margin:10px 0;}
.detail-box p{text-indent:2em;margin:1em 0;font-size:18px;}
.view{position: relative;top: -58px;left: 0;right: 0}
.a-boxs{background-color: #fff;border-radius: 20px;}
.a-left{float: left;width: 350px;}
.a-right{float: left;width:850px;padding: 0 50px;line-height: 32px;height: 477px}
.a-right p{margin: 20px 0}
.a-right p strong{font-size: 20px;}
.polygon{margin:0 -48px;padding: 82px 0}
.polygon-box{float: left;padding: 50px 60px;background: url(../images/bg-polygon-default.png) no-repeat center;height: 255px;width: 324px;text-align: center;}
.polygon-box:nth-child(2n){background-image: url(../images/bg-polygon-hover.png);}
.polygon-box p{font-weight: bold;color: #f13a3a}
.polygon-box dl{font-weight: bold;font-size: 24px;}
.polygon-box dt{color: #f13a3a;position: relative;z-index: 555}
.polygon-box dd{color: rgba(255,71,71,.2);position: relative;z-index: 444;top: -15px;text-transform: uppercase;}
.polygon-box:nth-child(2n) p{color: #fff}
.polygon-box:nth-child(2n) dt{color: #fff}
.polygon-box:nth-child(2n) dd{color:rgba(255,255,255,.2); }
.polygon-box .flex{height: 76px}
.mental dl{text-align: center;padding-bottom: 20px;background: url(../images/bg-mental.png) no-repeat bottom center;}
.mental dt{font-weight: bold;font-size: 32px;color: #2b2b2b}
.mental dd{font-size: 24px;color: #ccc}
.mental-boxs{margin: 0 -15px;}
.mental-boxs li{float: left;width: 33.33%;padding: 15px}
.mental-boxs li img{width: 100%}
.contact{color: #000}
.contact li{line-height: 32px;}
.contact h1{font=size: 24px;line-height: 45px}
#allmap{height: 460px;margin: 30px 0}