@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body {font-family:Microsoft YaHei,SimHei, SimSun; font-size:14px; color:#333; background:#fff;  }
ul,li{list-style-type:none;}
/* 按钮样式 */
input, button, textarea, select { font-size:100%; outline:none; resize:none}
input[type="button"]{cursor:pointer; border:0}
input[type="submit"]{cursor:pointer; border:0}
input[type="reset"]{cursor:pointer; border:0}
input[type="submit"],
input[type="reset"],
input[type="button"],
textarea,
button {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  
}
/*删除火狐下按钮默认样式*/
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none; padding:0; }
img{border:0; vertical-align:top;}
input,select,textarea{vertical-align:middle;}
i,span,em,cite,p,dl,dt,dd,span,b{ font-style:normal;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit; font-weight:inherit; font-size:100%;}
a{ text-decoration:none; cursor:pointer; color:#333;  bblr:expression(this.onFocus=this.blur()); outline-style:none;}
a:hover{ text-decoration:none; color:#666; outline: none;}
a:active {star:expression(this.onFocus=this.blur());outline-style:none;}
.clear{ clear:both;}

.warpper{ width:100%; max-width:1920px; margin:0 auto; overflow:hidden;}
.header{ width:100%; height:80px; background:url(../images/bg01.jpg) repeat; overflow:hidden;}
.header .headerBox{ width:1120px; margin:0 auto; overflow:hidden;}
.headerBox .logo{ width:372px; float:left; padding-top:10px;}
.logo img{ width:100%; display:block;}
.headerBox .nav{ float:right; overflow:hidden;}
.nav li{ display:block; float:left; padding:0 15px;}
.nav li a{ font-size:15px; color:#333; display:block; line-height:80px; position:relative;}
.nav li:hover a,.nav li.label a{ color:#5060fb;}
.nav li:hover a:after,.nav li.label a:after{ content:''; position:absolute; left:0; top:0; width:100%; height:4px; background:#5060fb;}
/*banner*/
.banner{ position:relative; width:100%; max-width:1920px; height:530px; overflow:hidden;}
.bannerlist{ position:absolute; max-width:1920px; left:50%; margin-left:-960px;}
.bannerlist li{ display:none; position:absolute; left:0; top:0; width:100%;  max-width:1920px; height:530px;}
.bannerlist li img{ max-width:1920px; display:block; margin:0 auto;}
.arrows{ position:absolute; bottom:0; left:50%; margin-left:-960px; width:1920px; height:35px; background:rgba(500,500,500,0.15);}
.arrowsin{ margin:-8px auto 0; width: 420px;}
.arrowsin ul{ width:110%;}
.arrowsin li{ float:left; background: url(../images/arrows_bg2.png) no-repeat; margin:0 43px; width: 16px; height: 16px; position: relative; cursor:pointer;}
.arrowsin li span{ display:none; position:absolute; top:-67px; left:-55px; background:url(../images/arrows_bg3.png) no-repeat center 55px; padding-bottom:12px;}
.arrowsin li span a{ width:116px; height:47px; padding:2px; border:3px solid #5060fb; }
.arrowsin li.cur{ background: url(../images/arrows_bg2_h.png) no-repeat;}
.arrowsin li.cur span{ display:block;}
.lxmimg{ display:block; text-align:center;}
.banner a.sprev, .banner a.snext{ display:block; width:20px; height:36px; position:absolute; top:376px; opacity:0; filter:Alpha(opacity=0);}
.banner a.sprev{ background:url(../images/sprev.png) no-repeat; left:17px;}
.banner a.snext{ background:url(../images/snext.png) no-repeat; right:17px;}
.banner>a:hover{ opacity:1; filter:Alpha(opacity=100);}
/*banner End*/
/*案例中心*/
.icase{ width:100%; overflow:hidden; background:url(../images/bg02.jpg) no-repeat; background-size:cover;}
.title{ width:100%; overflow:hidden; margin:50px 0 40px;}
.title h2{ font-size:36px; color:#262626; text-align:center; text-transform:uppercase;}
.title span{ width:220px; display:block; margin:0 auto; font-size:20px; color:#666; text-align:center; margin-top:8px; line-height:28px; overflow:hidden; position:relative;}
.title span:before{ content:''; position:absolute; left:0; top:50%; width:25%; height:1px; background:#808080;}
.title span:after{ content:''; position:absolute; right:0; top:50%; width:25%; height:1px; background:#808080;}
.icaseBox{ width:1120px; margin:0 auto; overflow:hidden;}

.tabPanel{ width:100%; overflow:hidden; }
.tabPanel > ul{height:39px;}
.tabPanel > ul > li{ width:212px; height:39px; display:block; float:left; margin-right:15px; position:relative;}
.tabPanel > ul > li a{ width:100%; height:32px; display:block; background:#aeaeaf; line-height:32px; font-size:16px; color:#fff; text-align:center; border-radius:25px; }
.tabPanel > ul > li:last-child{ margin-right:0px;}
.tabPanel > ul > li.hit a{ background:#4857f9;}
.tabPanel > ul > li.hit:after{ content:''; position:absolute; left:50%; margin-left:-7px; bottom:0; width:13px; height:7px; display:block; background:url(../images/arrows_bg3.png) no-repeat;}
.panes{margin-top:40px;}
.pane{ width:100%; overflow:hidden; display:none;}
.heart{ width:100%; overflow:hidden; margin-bottom:20px;}
.heart li{ width:550px; display:block; float:left; overflow:hidden; margin:0 20px 20px 0; background:#fff;}
.heart li:nth-child(2n){ margin-right:0px;}
.heart li div.heartImg{ width:210px; float:left;}
.heartImg img{ width:100%; display:block;}
.heart li div.heartBox{ width:285px; padding:0 35px 0 20px; float:left; overflow:hidden;}
.heartBox h2{ font-size:18px; color:#262626; margin:22px 0; display:block;}
.heartBox p{ font-size:14px; color:#808080; line-height:24px;}
.heartBox a{ width:130px; height:30px; display:block; background:#ededed; font-size:14px; color:#999; text-align:center; line-height:30px; border-radius:25px; margin-top:20px;}
.heart li:hover div.heartBox a{ background:#5060fb; color:#fff;}
/*产品与配套*/
.iproduct{ width:100%; overflow:hidden; background:url(../images/bg03.jpg) no-repeat; background-size:cover;}
.iproductBox{ width:1260px; margin:0 auto; overflow:hidden;}
.taboption{ width:100%; overflow:hidden; }
.taboption > ul{height:40px; width:1120px; display:block; margin:0 auto;}
.taboption > ul > li{ width:122px; height:39px; display:block; float:left; margin:0 1px; font-size:16px; color:#fffefe; line-height:39px; border-bottom:#6b6b6b; cursor:pointer; border-radius:5px; background-color:#b4b4b4; text-align:center;}
.taboption > ul > li.hit { background:#5060fb;}
.options{margin-top:42px;}
.option{ width:100%; overflow:hidden; display:none;}

.groom{width:100%; margin:0 auto; padding:20px 0; overflow:hidden; }
.mr_frbox{ width:100%; overflow:hidden; position:relative;}
.mr_frbox > a{ width:28px; height:52px; position:absolute; display:block; top:50%; margin-top:-26px; background:url(../images/btn01.png) no-repeat;}
.mr_frbox > a.mr_frBtnL{ left:0; top: background-position:0 0;  }
.mr_frbox > a.mr_frBtnR{ right:0; background-position:0 -62px;}
.mr_frbox > a.mr_frBtnL:hover{ background-position:0 -122px;}
.mr_frbox > a.mr_frBtnR:hover{ background-position:0 -184px;}
.mr_frUl{ width:1120px; margin:0 auto;}
.mr_frUl ul li{ width:260px; margin-right:26px; display:inline; float:left; overflow:hidden; position:relative;}
.mr_frUl ul li img{ width:260px; height:260px; display:block;}
.mr_frUl ul li div.mr_fuBox{ width:220px; padding:0 20px 20px; background:#ededed; overflow:hidden;}
.mr_fuBox h2{ font-size:20px; color:#4c4c4c; margin:30px 0 20px;}
.mr_fuBox p{ font-size:14px; color:#808080;}
/*声学控制方案*/
.solve{  width:100%; overflow:hidden; background:url(../images/bg04.jpg) repeat-x; padding-bottom:80px; margin-bottom:40px;}
.title01 h2{color:#fff;}
.title01 span{ width:260px; color:#fff;}
.title01 span:before,.title01 span:after{ width:20%; background:#fff;}
.solve .solveBox{ width:1120px; margin:0 auto; overflow:hidden;}
.solveBox li{ width:326px; height:46px; display:block; float:left; border:#ccc solid 2px; margin:0 65px 60px 0; border-radius:25px; position:relative; font-size:16px; color:#fff; text-indent:30px; line-height:46px;}
.solveBox li:nth-child(3n){ margin-right:0px;}
.solveBox li:after{ content:''; position:absolute; right:28px; top:50%; margin-top:-5px; width:22px; height:10px; display:block; background:url(../images/btn02.png) 0 0 no-repeat;}
.solveBox li:hover{ border:#9ef29f solid 2px; color:#9ef29f;}
.solveBox li:hover:after{ background:url(../images/btn02.png) 0 -20px no-repeat;}

/*行业动态*/
.industry{ width:100%; overflow:hidden; background:url(../images/bg05.jpg) no-repeat; background-size:cover;}
.industryBox{ width:1120px; overflow:hidden; margin:0 auto;}
.industryBox ul{ display:block; overflow:hidden;}
.industryBox ul li{ width:350px; display:block; float:left; margin-right:35px; overflow:hidden; padding-bottom:25px; border-bottom:#b3b3b3 solid 8px;}
.industryBox ul li:last-child{ margin-right:0px;}
.industryBox ul li img{ width:100%; display:block;}
.industryBox ul li h2{ font-size:18px; color:#262626; line-height:50px;}
.industryBox ul li p{ font-size:12px; color:#808080; line-height:24px;}
.industryBox ul li:hover{border-bottom:#5060fb solid 8px;}
.industryBox ul li:hover h2{ color:#5060fb;}
.industryBox > a{ width:348px; height:48px; display:block; text-transform:uppercase; text-align:center; line-height:48px; font-size:18px; color:#999; border:#b3b3b3 solid 1px; border-radius:5px; margin:75px auto 80px;}
/*服务客户*/
.customer{ width:100%; overflow:hidden; margin-bottom:100px;}
.customer .customerBox{ width:1000px; margin:0 auto; overflow:hidden;}
.customerBox li{ width:191px; height:113px; display:block; float:left; border:#ededed solid 1px; margin:0 8px 8px 0; background-color:#f0f2f4;}
.customerBox li img{ width:100%; height:113px; display:block;}
.customerBox li:nth-child(2n){ background-color:#fff;}
.customerBox li:nth-child(5n){ margin-right:0px;}

.footer{ width:100%; background:url(../images/bg06.png) repeat; overflow:hidden; padding-top:60px;}
.footer .foot{ width:1120px; margin:0 auto;}
.foot ul{ width:100%; display:block; overflow:hidden; padding-bottom:10px; border-bottom:#333 solid 1px;}
.foot ul li{ display:block; float:left; overflow:hidden; margin-right:65px;}
.foot ul li:last-child{ margin-right:0px;}
.foot ul li.foot_us{ background:url(../images/icon01.png) 20px 80px no-repeat;}
.foot ul li h2{ font-size:16px; color:#b2b2b2; margin-bottom:30px;}
.foot ul li p{ font-size:14px; color:#666; line-height:24px; margin-bottom:30px; width:258px;}
.foot ul li p i{ width:100%; display:block;}
.foot ul li span{width:200px; display:block; overflow:hidden;}
.foot ul li span a{ width:50%; display:block; float:left; font-size:14px; color:#666; line-height:24px;}
.foot ul li > a{ display:block; font-size:14px; color:#666; line-height:24px;}
.foot .footBox{ width:100%; display:block;}
.footBox p{ font-size:12px; color:#4c4c4c; line-height:40px; text-align:center;}
.footBox p em{ margin:0 20px;}
.footBox p a{color:#4c4c4c;}
.footBox p em img{ margin:8px 4px;}

.go{width:56px;height:293px; z-index:99;  position:fixed;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||200)-(parseInt(this.currentStyle.marginBottom,10)||0)));right:50px; bottom:35%;}
.go li{width:60px; height:60px; display:block; border-radius:5px; background:#8f9afa; margin-bottom:2px; position:relative;}
.go li:hover{ background:#5060fb;}
.go li a{ background:url(../images/btn03.png) no-repeat; display:block;text-indent:999em; width:60px; height:60px; border:0; float:left}
.go .go_kf{background-position:0 10px;}
.go .go_dh{background-position:0 -54px;}
.go .go_wx{background-position:0 -115px;}
.go .go_top{background-position:0 -180px;}
.tcc{width:220px; height:60px; background-color:#5060fb; position:absolute; right:56px; bottom:0px; display:none; border-radius:5px 0 0 5px; font-size:20px; color:#fff; line-height:30px; text-indent:20px;}
.tcwx{width:100px; height:100px; position:absolute; right:60px; bottom:0px;display:none; background-color:#000;}
.go li:hover div{display:block;}