body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0} body{color: #333; font-size: 12px;font-family: '微软雅黑',microsoft yahei,arial, helvetica, sans-serif;min-width:1400px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} a{color:#4e4e4f;text-decoration:none} a:link{text-decoration:none ; } a:visited {text-decoration:none ; } a:hover {text-decoration:none ;} a:active {text-decoration:none ;} em{font-style:normal;} li{list-style:none} img{vertical-align:top} table{border-collapse:collapse;border-spacing:0} p{word-wrap:break-word} .clear{clear: both;} .left{float: left} .right{float: right} .red{color:#bc0000} /*导航*/ nav{width: 1300px;height: 100px;margin: 0 auto;} .head-logo{width: 300px; height: 100px;float: left;} .head-nav{width: 700px; height: 40px; position: absolute;text-align: center;right: calc(50% - 400px);top:30px;} .head-nav li{float: left;width: 100px;height: 40px;line-height: 40px} .head-nav li a{display: inline-block;font-size: 16px;transition: all 0.5s;} .head-nav li:hover a{border-width: 50px;border-bottom: 2px solid #4e4e4f;} .select{display: inline-block; border-bottom: 2px solid #4e4e4f;} .head-tel{float: right;} .head-tel .tel{font-size: 18px;height: 30px;line-height: 30px;margin-top: 35px;display: inline-block;overflow: hidden;padding-left: 33px;position: relative;float: right;} .head-tel .tel:before{background-position: -80px 50px;content: url(/uploads/image/wimg/timg.jpg);position: absolute;left: -75px;top: 2px;} .wx{width: 30px;height: 30px;position: relative;display: block;float: left;margin-top: 35px;margin-right: 10px;overflow: hidden;} .wx:before{content: url(/uploads/image/wimg/timg.jpg);background-position: -60px 60px;position: absolute;left: -18px;top: -83px;} .head_wx i:hover .head_wx img{display: block;} .head_wx img{position:absolute;top: 63px;margin-left: -66px;z-index: 999;width: 100px;padding-top: 10px;display: none} /*轮播*/ #focus-banner{position:relative;width:100%;overflow:hidden} #focus-banner-list{position:relative} #focus-banner-list li{position:absolute;left:0;top:0;width:100%} #focus-banner-list li img{width:100%} .focus-banner-img{display:block} #focus-banner-list .focus-banner-text{position:absolute;left:50%;top:0;width:1000px;height:100%;margin-left:-500px;text-align:center;color:#fff;font-size:16px;text-align:center} #focus-banner .focus-handle{position:absolute;top:50%;margin-top:-40px;z-index:100;display:block;width:80px;height:80px;background-image:url(/uploads/image/wimages/focus_handle.png)} #next-img{left:0} #next-img{left:50px;background-position:0 0} #next-img:hover{background-position:0 -80px} #prev-img{right:0} #prev-img{right:50px;background-position:-80px 0} #prev-img:hover{background-position:-80px -80px} #focus-bubble{position:absolute;left:50%;bottom:10px;z-index:999} #focus-bubble li{float:left;width:10px;height:10px;margin:0 5px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;border:1px #fff solid;cursor:pointer} #focus-bubble li a{display:block;width:100%;height:100%;filter:alpha(opacity=0);opacity:0} #focus-bubble li.current{background-color:#fff} /*公用*/ .title{width: 1300px;height: 120px;margin: 0 auto;text-align: center;padding-top:40px;} .title h2{color:#1a1a1a;font-size: 30px;font-weight: 700;padding-bottom: 20px;} .title p{font-size: 16px;color: #494949;font-weight: 700;letter-spacing:3px;} .title p span{color:#bc0000} /*简介*/ .about{width: 100%;height:410px;background:url(/uploads/image/wimages/about.png) no-repeat} .about_con{width: 1300px;height:410px;margin: 0 auto} .about_content{width: 670px;padding: 30px 26px 30px 0;text-indent:2em;} .about_content p{font-size: 16px;color: #393838;line-height: 30px;letter-spacing: 3px;} .about_img{width: 500px; padding-top: 40px;padding-left: 100px} .about_img img{width: 500px} /*案例*/ .case{width: 1300px; margin: 0 auto} .tabs{width:1300px;margin:0 auto;overflow:hidden;} .tabs_item{height:36px;margin-bottom: 20px} .tabs_block{height:300px;} .list_item{float:left;width:100px;height:36px;line-height:36px;font-size:15px;margin-right: 10px;text-align:center;border:1px solid #b8b8b8;border-radius: 10px;cursor:pointer;} .more{float:right;width:100px;height:36px;line-height:36px;font-size:15px;text-align:center;border:1px solid #b8b8b8;border-radius: 10px;cursor:pointer;} .more:hover{color:#fff;background-color:#bc0000;border:1px solid #bc0000} .list_item.active{color:#fff;background-color:#bc0000;border:1px solid #bc0000} .tabs_block{width:20000px;position:relative;} .list_block{display:none;float:left;width:1300px;font-size:100px;text-align:center;} .list_block.show{display:block;} .list_block ul{width: 1335px;} .list_block ul li{width:410px;height:307px;overflow:hidden;float: left;margin-right: 35px;margin-bottom:20px;background-color:#f4f4f4;} .list_block ul li img{width:410px;height:100%} .list_block ul li p{width: 410px;height: 40px; line-height: 40px;font-size: 16px;position:relative;top: 0px;z-index: 999;background:#2a2a2aa8;color:#d8d8d8;transition: all 0.5s } .list_block ul li:hover p{top:-40px;}