@charset "utf-8";

/*全局定义*/
html {  -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-overflow-scrolling : touch;}
html,body { -webkit-text-size-adjust:none; font-size: 12px; font-size: 62.5%; font-family: "微软雅黑", Arial, Helvetica, sans-serif; }
body,h1,h2,h3,h4,h5,h6,div,dd,dt,dl,form,kbd,em,table,ul,li,marquee,hr,blockquote,ol,pre,fieldset,legend,button,input,textarea,th,td,iframe,p{ margin:0; padding:0;font-family:normal; font-family: "微软雅黑", Arial, Helvetica, sans-serif;}
infor,cite,dfn,em,var,kbd,span{font-style:normal; font-family: "微软雅黑", Arial, Helvetica, sans-serif;}
button,input,select,textarea{font-size:100%; border: 0; -webkit-appearance: none;outline:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"]{ -webkit-appearance: none;border-radius: 0;}
table{border-collapse:collapse;border-spacing:0;}
ul, ol { list-style: none;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-family:Arial, "", Tahoma, Verdana,  Helvetica, sans-serif;}
img{ width:100%; border: 0; }
a{ text-decoration: none; color: #666; }
a:hover{ color:#333; text-decoration:none; }
a:link{ text-decoration: none; color: #333; }
a:active{ text-decoration: none; color: #333; }
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; outline:none; background: none; text-decoration: none;}
.clear{ clear:both;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; }
/*公共*/
.left{ float:left}
.right{ float:right}
.section{ padding:100px 0px;}
.section2{ padding:60px 0px;}
.section3{ padding:0px 0px 40px;}
.bgf7{ background:#f7f7f7;}
.bgf5{ background:#f5f5f5;}
.bgfff{ background:#fff;}
body{height:100%;}

/*header*/
.header { position:fixed; top:0px; z-index:998; width:100%; transition:all 0.3s; background-color: rgba(0,0,0,0);}
.header .logo{ margin-top:20px;}
.header .logo img { padding: 0; margin: 0; width:395px; }
.nav-active{ padding-bottom:10px; top:0px;background-color: #000; }
.nav-active .top{ display:none;}
.nav-active .logo{ margin-top:10px}
.nav-active .nav-menu{ margin-top:20px}
.fa-bars:before,.fa-phone:before{ color:#fff}
/*top*/
.top{ position:relative; margin-top:10px; }
.top ul{ float:right}
.top ul li{ float:left; margin-right:5px;font:1.4rem/1.4rem ""; color:#fff}
.top ul li.top-tel{ margin-top:10px; padding:0px 10px 1px 23px; background:url(../images/btel.png) no-repeat left center; background-size:20px 20px;}
.top ul li.top-tel2{ margin-top:10px; padding:0px 10px 0px 23px; background:url(../images/bphone.png) no-repeat left center; background-size:20px 20px;}
.top ul li.top-tel2:hover .weixin{ display:block;}
.weixin{ display:none; position:absolute; top:30px; right:0px; z-index:998}
/*pc导航*/
#nav-menu-container { margin: 0;}
.nav-menu{ margin: 0; padding: 0; }
.nav-menu>li { position: relative; float: left; padding:0px 15px; }
.nav-menu>li>a:after { content: ""; display: block; width: 100%; height: 1px; color: #fff; background: #fff; position: absolute; left: 0; bottom: -1px; -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition:all 0.2s; transition:all 0.2s;}
.nav-menu>li>a { color: inherit; font:14px/38px "" ; color: #fff; -moz-transition: color 0.6s; -o-transition: color 0.6s;-webkit-transition: color 0.6s; transition: color 0.6s; display: inline-block; width: 100%; position: relative;}
.nav-menu>li>a:hover:after { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);}
.nav-menu>li>a.a_bg{ border-bottom:1px solid #fff}
.dropdown-menu-list{ position:absolute;top:100%;left:0;z-index:1000;display:none; margin:2px 0 ;font-size:14px;text-align:left;list-style:none;background: rgba(44, 44, 44, 0.5);-webkit-background-clip:padding-box;background-clip:padding-box;border-radius:4px;box-shadow:0 6px 12px rgba(0,0,0,.175); overflow:hidden}
.dropdown-menu-list li a{ color: #fff; text-align:center; display:block;padding:3px 15px 3px;clear:both;font-weight:400;line-height:1.42857143;white-space:nowrap}
.dropdown-menu-list li a:hover{ background: #569a7b;}
/*导航按钮*/
#mobile-nav-toggle { position: fixed; right: 0; top: 0; z-index: 999; margin: 10px 10px 0 0; border: 0; background: none; font-size: 24px; display: none; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; outline: none; cursor: pointer;}
#mobile-nav-toggle i { color: #fff; }
/*移动端导航*/
#mobile-nav { position: fixed; top: 0; padding-top: 18px; bottom: 0; z-index: 998;  background: rgba(0, 0, 0, 0.9); left: -260px; width: 260px; overflow-y: auto; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
#mobile-nav ul {  padding: 0; margin: 0; list-style: none; }
#mobile-nav ul li { position: relative; }
#mobile-nav ul li a { display: block; position: relative;  width: 100%; padding: 10px 22px 10px 15px; color: #fff; font-size: 14px; text-decoration: none; outline: none; overflow: hidden;}
#mobile-body-overly { z-index: 997; top: 0; left: 0; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); display: none; }
html.mobile-nav-active { height:100%; overflow: hidden; }
body.mobile-nav-active { height:100%; overflow: hidden; }
body.mobile-nav-active #mobile-nav { left: 0; }
body.mobile-nav-active #mobile-nav-toggle { color: #fff; }
/*优势*/
.odds-box { width:100%; margin-top:80px; overflow:hidden}
.odds-con a{ display:block; width:80%; margin:0 auto; padding:20px 0px; background:#fff; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; overflow:hidden}
.odds-tu{ width:75px; height:75px; margin:0 auto; overflow:hidden;transition: all 0.35s linear;}
.odds-tu img{ width:75px; height:75px; }
.odds-name kbd{ display:block; font:2.4rem/6rem ""; color:#333;}
.odds-name span{ display:block; font:1.4rem/2.4rem ""; color:#666;}
.odds-con a:hover .icon i{ height: 75px; -ms-transform:translateY(-75px); transform:translateY(-75px); -webkit-transform:translateY(-75px); }
.odds-con a:hover .icon i + i{ height: 75px; -ms-transform: translateY(-75px); transform: translateY(-75px); -webkit-transform: translateY(-75px); }
.odds-con .icon { height: 75px; overflow: hidden; display: block; -o-transition: all 0.35s linear; transition: all 0.35s linear; -webkit-transition: all 0.35s linear; }
.odds-con .icon i { display: block; -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); -o-transition: all 0.35s linear;  -webkit-transition: all 0.35s linear; transition: all 0.35s linear;}
.odds-con .icon i + i { -ms-transform: translateY(25px); transform: translateY(25px); -webkit-transform: translateY(25px); }
.odds-box .odds-con:nth-child(1){-webkit-animation-duration: 1s; animation-duration: 1s;}
.odds-box .odds-con:nth-child(2){-webkit-animation-duration: 1.4s; animation-duration: 1.4s;}
.odds-box .odds-con:nth-child(3){-webkit-animation-duration: 1.8s; animation-duration: 1.8s;}
/*标题*/
.title-box{ width:100%; padding:0px 10px; font:3rem/4rem ""; color:#333; font-weight:bold;overflow:hidden; box-sizing:border-box}
.title-box kbd{ margin-left:10px; font:1.4rem/2rem ""; color:#666; font-weight:normal;}
.title-box span{ margin-left:10px;}
.title-box>a{ margin-top:10px;}
.title-box a.btn-cases{display:block; width:7rem; height:3rem; font:1.4rem/3rem ""; color:#333; text-align:center; text-transform:uppercase; border-radius:1.5rem; border:1px solid #ddd; font-weight:normal; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-transition: border 0.3s ease-in-out, color 0.3s ease-in-out; transition: border 0.3s ease-in-out, color 0.3s ease-in-out;}
.title-box a.btn-cases:hover{ color: #fff; background:#02a65b; border:1px solid #fff; -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;transition: background 0.5s ease-in-out, color 0.5s ease-in-out;}
.intro-box{ width:100%; padding-top:30px; font:1.6rem/2.4rem ""; color:#666; overflow:hidden}
.intro-box strong{ color:#333}
.intro-box span img{ width:259px; display:block; margin-top:30px; float:right}
/*工程案例*/
.owl-carousel { display: none; width: 100%; margin:40px auto 0; -webkit-tap-highlight-color: transparent; position: relative;}
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer {  position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
.owl-carousel .owl-item img { display: block; }
.thumb-link{ width: 96%; margin:10px 2% ; background:#fff; box-sizing:border-box; -o-transition: all 0.35s linear; transition: all 0.35s linear; -webkit-transition: all 0.35s linear;}
.thumb-link a{ display:block; }
.thumb-link:hover{ box-shadow: 0px 0px 15px #ddd;-ms-transform: translateY(-10px); transform: translateY(-10px); -webkit-transform: translateY(-10px);}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; }
.owl-prev{ position:absolute; z-index:98px; width:100%; top:50%; left:0px; box-sizing:border-box;}
.owl-next{ position:absolute; z-index:98px; width:100%; top:50%; right:0px; box-sizing:border-box;}
.owl-nav .owl-prev, .owl-nav .owl-next, .owl-dot {  cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel.owl-loaded { display: block; }
.owl-carousel.owl-loading { opacity: 0; display: block; }
.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel.owl-refresh .owl-item { display: none; }
.owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; }
.owl-carousel.owl-rtl { direction: rtl; }
.owl-carousel.owl-rtl .owl-item { float: right; }
.owl-nav { margin-top: 0; text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-nav [class*='owl-'] { color: #FFF; font: 30px/30px ""; width:30px; height:30px; background: rgba(0,0,0,0.3); display: inline-block; cursor: pointer; -webkit-border-radius: 100%; moz-border-radius: 100%; border-radius: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; }
.owl-nav [class*='owl-']:hover { color: #FFF; background: #2caa78; }
.case-tu{ overflow:hidden}
.case-tu img{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.thumb-link:hover .case-tu img{ -webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.case-intro{ padding:15px;}
.case-bt{ width:100%; height:2rem; font:1.8rem/2rem "" ; color:#333;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;}
.case-des{ width:100%; height:2.4rem; margin:10px 0px; font:1.4rem/2.4rem "" ; color:#666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all;}
.case-but{ width:100%; margin-top:10px; padding-top:10px; border-top:1px solid #ddd;  overflow:hidden}
.case-but a{ display:block; font:1.4rem/2.4rem "" ; color:#999; background:url(../images/jj.png) no-repeat right center; background-size:28px;}
/*four*/
.body:before {  content: ' ';  position: fixed;  z-index: -1;  top: 0;  right: 0;  bottom: 0;  left: 0;  background: url(../images/four-bg.jpg) center 0 no-repeat;  background-size: cover;}
.number-counters .four:nth-child(1){-webkit-animation-duration: 1s; animation-duration: 1s;}
.number-counters .four:nth-child(2){-webkit-animation-duration: 1.3s; animation-duration: 1.3s;}
.number-counters .four:nth-child(3){-webkit-animation-duration: 1.6s; animation-duration: 1.6s;}
.number-counters .four:nth-child(4){-webkit-animation-duration: 1.9s; animation-duration: 1.9s;}
.four{ padding:20px 0px; overflow:hidden; color: #fff; }
.shuzi{ padding-right:5px; overflow:hidden;}
.font-fzlt{ font:6rem/10rem "" ; }
.shuzi em{ padding:0 10px; font:6rem/10rem "" ; }
.four-piece{ font:2.4rem/3rem "" ; font-weight:bold}
/*产品中心*/
.product-box{ width:100%; margin-top:50px; overflow:hidden}
.product-box ul li a{ display:block; border:1px solid #eee; margin-bottom:30px; overflow:hidden;-o-transition: all 0.35s linear; transition: all 0.35s linear; -webkit-transition: all 0.35s linear;}
.product-intro{ padding:0px 15px; height:4.4rem; font:1.6rem/4.4rem "" ; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; box-sizing:border-box}
.product-tu{ overflow:hidden}
.product-tu img{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.product-box ul li a:hover .product-tu img{ -webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.product-box-animate ul li a:hover{ border:1px solid #fff; box-shadow: 0px 0px 15px #ddd; }
.product-box-animate ul li:nth-child(1){-webkit-animation-duration: 1s; animation-duration: 1s;}
.product-box-animate ul li:nth-child(2){-webkit-animation-duration: 1.2s; animation-duration: 1.2s;}
.product-box-animate ul li:nth-child(3){-webkit-animation-duration: 1.4s; animation-duration: 1.4s;}
.product-box-animate ul li:nth-child(4){-webkit-animation-duration: 1.6s; animation-duration: 1.6s;}
.product-box-animate ul li:nth-child(5){-webkit-animation-duration: 1.8s; animation-duration: 1.8s;}
.product-box-animate ul li:nth-child(6){-webkit-animation-duration: 2s; animation-duration: 2s;}
/*新闻中心*/
.new-box{ width:100%; margin-top:50px; overflow:hidden}
.new-one { overflow:hidden}
.new-one:hover{box-shadow: 0px 0px 15px #ddd;}
.new-one .new-one-title{ width:100%; margin-top:20px; height:4rem; font:1.6rem/2rem "" ; color:#333; font-weight:bold; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical;}
.new-one:hover .new-one-title{ color:#02a65b}
.new-one .new-one-time{ padding:10px 0px; font:1.4rem/2rem "" ; color:#999;}
.new-one .new-one-con{ width:100%; margin-top:15px; height:4rem; font:1.4rem/2rem "" ; color:#666; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical;}
.new-one .new-one-more{ padding:9px 0px; font:1.4rem/2rem "" ; color:#999; text-align:center; text-transform:uppercase;}
.new-two { overflow:hidden}
.new-two ul li{ width:100%; float:left; margin-bottom:10px; }
.new-two ul li:last-child{ margin-bottom:0}
.new-two ul li a{ display:block; padding:0px 10px 20px; box-sizing:border-box; background:#fff;}
.new-two ul li a:hover{box-shadow: 0px 0px 15px #ddd;}
.new-two .new-one-title{ width:100%; margin-top:15px; height:2rem; font:1.6rem/2rem "" ; color:#333; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:1; line-clamp:1; -webkit-box-orient:vertical;}
.new-two ul li a:hover .new-one-title{color:#02a65b}
.new-two .new-one-time{ padding-top:20px}
.new-two .new-one-time strong{ font:3rem/3rem "" ; color:#999; padding-right:15px; margin-right:15px; border-right:1px solid #ddd}
.new-two .new-one-time kbd{ font:1.4rem/3rem "" ;color:#999}
.new-two .new-one-con{ width:100%; margin-top:15px; height:4rem; font:1.4rem/2rem "" ; color:#999; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical;}
.new-two .new-one-more{ padding-top:10px; font:1.4rem/2rem "" ; color:#999; text-transform:uppercase;}
.new-list{ overflow:hidden}
.new-list ul li{border-bottom:1px solid #eee; }
.new-list ul li:last-child{border-bottom:0px solid #fff; }
.new-list ul li a{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width:100%; padding:18px 0; box-sizing:border-box}
.new-list .new-one-time{ display:block; width:5rem; text-align:right; margin-right:15px;}
.new-list .new-one-time span{ display:block;font:3rem/3rem "" ;color:#999;}
.new-list .new-one-time kbd{ display:block;font:1.4rem/1.4rem "" ; color:#999;}
.new-list .new-list-con{ display: block; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 100%;}
.new-list .new-one-title{ width:100%; height:2.4rem; font:1.8rem/2.4rem "" ; color:#333; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:1; line-clamp:1; -webkit-box-orient:vertical;}
.new-list ul li a:hover .new-one-title{color:#02a65b}
.new-list .new-one-con{ width:100%; height:2.4rem; font:1.4rem/2.4rem "" ; color:#999; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:1; line-clamp:1; -webkit-box-orient:vertical;}
/*合作伙伴*/
.link-box ul li a{ border:0px solid #ddd; margin-bottom:15px;}
/*底部*/
.footer-bg{ background:#050409}
.footer-top{ margin-bottom:50px; overflow:hidden}
.footer-top-left{color:#fff; padding-bottom:5px;}
.copyright{ padding:30px 10px 0px; border-top:1px solid #110f1a; font:1.4rem/2.4rem "" ;color:#ccc; text-align:center}
.footer-top-left kbd{ display:block; font:1.6rem/3rem "" ;color:#fff; font-weight:bold;}
.footer-top-left span{ display:block; margin-top:10px; font:3rem/3rem "" ;color:#fff; font-weight:bold;}
.footer-top-left em{ display:block; margin-top:10px; font:1.4rem/2.4rem "" ;color:#ccc; }
.footer-nav strong{font:16px/30px "" ;color:#fff; font-weight:bold;}
.footer-nav ul { margin-top:10px;}
.footer-nav ul li{ float:left; width:25%}
.footer-nav ul li a{ display:block; font:1.4rem/2.4rem "" ;color:#ccc;}
.footer-top-right{ overflow:hidden}
.footer-top-right ul li{ float:left; margin-bottom:10px; padding-left:40px; box-sizing:border-box}
.footer-top-right ul li kbd{ display:block;font:1.4rem/2rem "" ;color:#fff;}
.footer-top-right ul li span{ display:block;font:1.4rem/2rem "" ;color:#ccc;}
.footer-top-right ul li.footer-add{ background:url(../images/add.png) no-repeat left top; background-size:30px;}
.footer-top-right ul li.footer-mailbox{ background:url(../images/mail.png) no-repeat left top; background-size:30px;}
/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:60px;width:70px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background:#3f9dfc; margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,.suspension .a:hover{background:#02a65b;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat; }
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-top .i{background-position:-132px 0; }
.suspension .a-top{background:#3f9dfc;display:none;}
.suspension .a-top:hover{background:#02a65b;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
/*内页banner*/
.banner-box-ny{ text-align:center; position:relative}
.ny-banner{ height:400px; width:100%; overflow:hidden}
.banner-xuanfu{ position:absolute; top:50%; -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%); transform: translateY(-50%);  z-index:100;  width:100%; padding:0px 5%; color:#fff; }
.banner-xuanfu kbd{ font:3rem/3rem ""; font-weight:bold}
/*面包屑*/
.crumbs-box{ background:#fbf9f9; border-bottom:1px solid #e5e5e5; overflow:hidden}
.crumbs-box-nav{ text-align:right; }
.crumbs-box-nav a{ display:inline-block; font:1.3rem/5rem ""; color:#666; margin:0 10px;}
.crumbs-box .crumbs-box-nav a{ display:inline-block; font:1.4rem/4.7rem ""; color:#666; margin:0 10px;}
.crumbs-box-nav a.active{ font:1.4rem/4.7rem ""; font-weight:bold; border-bottom:3px solid #02a65b}
/*分类*/
.pro-list{ width:100%; overflow:hidden;}
.pro-list a{ display:inline-block; padding:5px 10px; margin-left:10px; font:1.3rem/2rem ""; border:1px solid #ddd;  border-radius:6px;-webkit-animation-delay: 2s; animation-delay: 2s; -webkit-transition: border 0.3s ease-in-out, color 0.3s ease-in-out; transition: border 0.3s ease-in-out, color 0.3s ease-in-out;}
.pro-list a:hover{ color: #fff; background:#02a65b; border:1px solid #fff; -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;transition: background 0.5s ease-in-out, color 0.5s ease-in-out;}
.pro-list a.active{ color: #fff; background:#02a65b; border:1px solid #fff; -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;transition: background 0.5s ease-in-out, color 0.5s ease-in-out;}
/*关于我们*/
.about-title{ width:100%; margin-bottom:15px; font:3rem/3rem ""; color:#333; font-weight:bold;overflow:hidden}
.about-box01{ width:100%; overflow:hidden}
.about-img img{ display:block; max-width:100%; width:auto; margin:0 auto;}
.about-text{ width:100%; margin-bottom:25px; font:1.4rem/2.4rem ""; color:#666; overflow:hidden}
.about-service{ width:100%; margin-bottom:20px; overflow:hidden}
.about-service ul li{ margin-bottom:15px; font:1.4rem/2rem "";color:#666;}
.about-service ul li div{ padding:10px 0; border:1px solid #ddd;}
.about-service img{ width:75px; margin:0 auto;}
.about-text img{ display:block; max-width:100%; width:auto; margin:0 auto;}
/*荣誉资质*/
.honor-box{ margin-top:0px}
/*工程案例*/
.case-ny .thumb-link{ width:100%; margin:0px 0px 30px; background:#fff; border:1px solid #eee; box-sizing:border-box; }
/*声学顾问*/
.consultant-con{ width:100%; padding:20px 0; overflow:hidden}
.consultant-con ul li { margin-bottom:20px;}
.consultant-con ul li div{ width:100%; display: -webkit-box; display: -webkit-flex;  display: -ms-flexbox; display: flex; padding:15px; box-sizing:border-box; border:1px solid #ddd;}
.consultant-con ul li i{ display:block; width:65px; height:65px; margin-right:15px;}
.consultant-con ul li span{ display:block; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 100%;}
.consultant-con ul li span kbd{ display:block; font:1.6rem/2.4rem ""; color:#666;}
.consultant-con ul li span em{ display:block; font:1.4rem/2.4rem ""; color:#999;}
.consultant-con02{ width:100%; padding-top:20px; overflow:hidden}
.consultant-con02 ul li { margin-bottom:20px;}
.consultant-con02 ul li div{ width:100%; display: -webkit-box; display: -webkit-flex;  display: -ms-flexbox; display: flex; }
.consultant-con02 ul li i{ position:relative; display:block; width:20px; height:2.4rem; font:2.4rem/2.4rem ""; color:#ccc; margin-right:15px;}
.consultant-con02 ul li i div{ position:absolute; z-index:1; right:0; top:0; width:1px; height:30px; background:#ccc; margin-top:5px; transform:rotate(-145deg); -o-transform:rotate(-145deg); -moz-transform:rotate(-145deg); -webkit-transform:rotate(-145deg);}
.consultant-con02 ul li span{ display:block; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 100%;}
.consultant-con02 ul li span kbd{ display:block; font:1.6rem/2.4rem ""; color:#666;}
.consultant-con02 ul li span em{ display:block; min-height:2rem; font:1.4rem/2rem ""; color:#999;}
.consultant-con02 ul li:nth-child(1) span em{ min-height:4rem;}
.consultant-con02 ul li:nth-child(2) span em{ min-height:4rem;}
/*新闻中心*/
.ny-news{ width:100%; overflow:hidden;}
.ny-news ul li{ width:100%; margin-bottom:40px; overflow:hidden; padding-bottom:40px; border-bottom:1px solid #eee;}
.ny-news ul li a{ display:block; width:100%;}
.ny-news ul li a kbd{ padding:0px; overflow:hidden; }
.ny-news ul li a kbd img{ width:100%; -webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease; }
.ny-news ul li:hover a kbd img{ -webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease; }
.ny-news ul li a .new-ny-tltle{ width:100%; height:2rem; margin-bottom:20px; font:1.6rem/2rem ""; color:#333; font-weight:bold; overflow:hidden}
.ny-news ul li a:hover .new-ny-tltle{ color:#02a65b}
.ny-news ul li a .new-ny-depict{ width:100%; height:4rem; font:1.4rem/2rem ""; color:#999; overflow:hidden; margin-bottom:20px; }
.ny-news-con{ padding-left:25px; overflow:hidden}
.ny-news-time{ width:19px; height:2rem; background:url(../images/new_07.jpg) no-repeat left center; background-size:100%}
.ny-news-browse{ width:19px; height:2rem; background:url(../images/new_09.jpg) no-repeat left center; background-size:100%}
.ny-news-numeral { width:100%; overflow:hidden}
.ny-news-numeral i,.ny-news-numeral em{ display:block; float:left; margin-right:5px;font:1.4rem/2rem "";color:#999;}
/*新闻详情*/
.new-bt{ padding:0px 10px; font:18px/30px "微软雅黑"; color:#000; text-align:center; box-sizing:border-box;}
.new-time{ padding:0px 10px; font:14px/30px "微软雅黑"; text-align:center; color:#999;box-sizing:border-box;}
.new-content{ padding:0px 10px; margin:20px auto 0;  font:14px/30px "微软雅黑"; color:#666; box-sizing:border-box;}
.new-content img{ max-width:100%; width:auto;}
.next-ticket{ padding:0px 10px; margin:20px auto 0; font:14px/30px "微软雅黑"; color:#666;box-sizing:border-box;}
.next-ticket a{ color:#999;}
.next-ticket a:hover{color:#399960; }

/*联系我们*/
.contact-con{ width:100%; overflow:hidden}
.contact-con ul li{  margin-top:30px; }
.con-xx{ width:100%; display: -webkit-box; display: -webkit-flex;  display: -ms-flexbox; display: flex; overflow:hidden; padding-bottom:25px; border-bottom:1px solid #e5e5e5}
.contact-con ul li i{ display:block; width:23px; height:23px; margin-right:10px;}
.contact-con ul li i img{ width:23px; height:23px; margin-bottom:-9px;}
.contact-con ul li span{ display:block; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 100%; overflow: hidden;}
.contact-con ul li span kbd{ display:block; font:1.6rem/2rem ""; color:#666; }
.contact-con ul li span em{ display:block; font:1.4rem/2rem ""; color:#02a65b}
.contact-con ul li span em a{ color:#02a65b}
#container3 { width: 100%; height: 450px; }
.title { font-size: 14px; font-weight: bold; color: #cc5522; }
.content { font-size: 13px; color: #333; margin-top: 6px; }
.contact-map{ margin-top:30px;}



@media (max-width: 1200px) { 
.header {  height: 60px; }
.header .logo { position:absolute; top:5px; margin:0px;}
.header .logo img { width:289px; height: 50px;}
.top{ display:none;}
#nav-menu-container { display: none; }
#mobile-nav-toggle { display: inline; }
.section{ padding:60px 0px;}
.title-box{ font:2.4rem/3.4rem ""; font-weight:bold}
.about-title{ font:2.4rem/3.4rem ""; font-weight:bold}
.odds-box { margin-top:60px;}

}

@media (max-width: 1024px) {
.section{ padding:50px 0px;}
.section2{ padding:50px 0px;}
.title-box{ font:2rem/3rem ""; font-weight:bold}
.about-title{ font:2rem/3rem ""; font-weight:bold}
.odds-box { margin-top:50px;}
.font-fzlt{ font:4rem/8rem "" ; }
.shuzi em{ font:4rem/8rem "" ; }
.four-piece{ font:1.8rem/2.4rem "" ; }
.new-one .new-one-con{ height:6rem; -webkit-line-clamp:3; line-clamp:3;}
.consultant-con02 ul li:nth-child(3) span em{ min-height:4rem;}
.consultant-con02 ul li:nth-child(4) span em{ min-height:4rem;}

}

@media (max-width: 991px) {
.section{ padding:40px 0px;}
.section2{ padding:40px 0px;}
.title-box{ font:1.8rem/2rem ""; font-weight:bold}
.about-title{ font:1.8rem/2rem ""; font-weight:bold}
.odds-box { margin-top:40px;}
.product-box{ margin-top:40px;}
.new-box{ margin-top:40px;}
.new-one .new-one-con{ height:4rem; -webkit-line-clamp:2; line-clamp:2;}
.footer-top-center{ display:none}
/*内页*/
.banner-xuanfu kbd{ font:2rem/3rem ""; font-weight:bold}

}

@media (max-width: 768px) {
.header{ height:50px;}
.header .logo { position:absolute; top:10px; margin:0px;}
.header .logo img { width:174px; height: 30px;}
#mobile-nav-toggle { margin: 5px 10px 0 0; }
.section{ padding:30px 0px;}
.section2{ padding:30px 0px;}
.section3{ padding:0px 0px 30px;}
.intro-box span img{ width:130px; }
.title-box>a{ margin-top:0px;}
.odds-tu{ width:37px; height:37px; }
.odds-tu img{ width:37px; height:37px; }
.odds-con a:hover .icon i{ height: 37px; -ms-transform:translateY(-37px); transform:translateY(-37px); -webkit-transform:translateY(-37px); }
.odds-con a:hover .icon i + i{ height: 37px; -ms-transform: translateY(-37px); transform: translateY(-37px); -webkit-transform: translateY(-37px); }
.odds-con .icon { height: 37px;  }
.odds-box { margin-top:20px;}
.product-box{ margin-top:20px;}
.new-box{ margin-top:20px;}
.odds-con a{ width:100%; padding:20px 0px 0;}
.odds-name kbd{ font:1.8rem/3rem ""; color:#333;}
.title-box a.btn-cases{ width:5rem; height:2rem; font:1.2rem/2rem ""; border-radius:1rem;}
.owl-carousel { margin:20px auto 0; }
.product-box ul li a{ margin-bottom:15px;}
.product-intro{ height:3rem; font:1.4rem/3rem "" ;}
.footer-top{ margin-bottom:30px;}
.new-two { padding-right:0}
.new-list{ margin-top:20px;}
.new-two .new-one-con{ height:6rem; -webkit-line-clamp:3; line-clamp:3; }
.yincang{ display:none}
.thumb-link:hover{ -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transform: translateY(0px);}

/*内页*/
.ny-banner{ height:200px; }
.about-service img{ width:38px; margin:0 auto;}
.about-img img{ max-width:60%; }
.honor-box{ margin-top:0px;}
.consultant-con ul li i{ width:35px; height:35px ; margin-right:15px;}
.consultant-con02 ul li span em{ min-height:auto; }
.consultant-con02 ul li:nth-child(1) span em{ min-height:auto;}
.consultant-con02 ul li:nth-child(2) span em{ min-height:auto;}
.consultant-con02 ul li:nth-child(3) span em{ min-height:auto;}
.consultant-con02 ul li:nth-child(4) span em{ min-height:auto;}
.ny-news-con{ padding-left:10px}
.ny-news ul li a .new-ny-tltle{ margin:10px 0; font:1.4rem/2rem ""; }
.ny-news ul li a .new-ny-depict{ margin-bottom:10px; }
.ny-news ul li a kbd{ padding:0px 10px; }
.ny-news ul li{ margin-bottom:20px; padding-bottom:20px;}
.ny-news ul li:hover a kbd img{ -webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease; }
.ny-news-time{ width:10px; height:2rem;}
.ny-news-browse{ width:10px; height:2rem;}
.contact-con ul li{  margin-top:15px; }
.contact-con ul li i{ width:12px; height:12px; }
.contact-con ul li i img{ width:12px; height:12px; }

}

@media (max-width: 576px) {
.title-box kbd{ display:none}
.footer-top-right{ margin-top:30px;}
.new-box{ width:100%; padding:0 10px; box-sizing:border-box}
.new-two { padding:0; margin-top:20px}

}


@media (max-width: 768px) and (min-width: 320px) {
#mobile-nav ul li i{ display:block; position:absolute; right:0; z-index:100; width:100%; padding: 15px; text-align:right;}
.fa-chevron-up:before,.fa-chevron-down:before{ color:#fff;}
#mobile-nav ul li ul li a{ display:block; width:100%; text-align:left; padding:10px 22px 10px 22px;}
.dropdown-menu-list{ position:inherit;top:inherit;left:inherit;z-index:inherit;display:block;float:inherit;padding:0;margin:0;font-size:14px;text-align:left;list-style:none;background-color:inherit;}



}


.u1{ width:100%; border-top:1px solid #333;border-right:1px solid #333;}
.l1{ width:10%; min-width:30px; float:left;border-left:1px solid #333;border-bottom:1px solid #333;}
.l2{ width:40%; float:left;border-left:1px solid #333;border-bottom:1px solid #333;}
.l3{ width:20%; float:left;border-left:1px solid #333;border-bottom:1px solid #333;}
.l4{ width:30%; float:left;border-left:1px solid #333;border-bottom:1px solid #333;}