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;padding-top: 40px;}
.left{float: left}
.right{float: right}
.red{color:#bc0000}
/*导航*/
.nav{width: auto;height: 100px;margin: 0 auto;margin-left: 50px;}
.logo-link {margin-left: 50px;}
.head-nav{width: 650px; 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.1s;}
.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;margin-right: 40px;}
.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;transform: translateX(-100px);}
.head-tel .tel:before{background-position: -80px  50px;content: url(../img/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;transform: translateX(-100px);}
.wx:before{content: url(../img/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;margin-top: -75px;margin-left: -240px;}
/*轮播*/
#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(../images/focus_handle.png);background-color: #00000020;}
#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;height: 50px;}
#focus-bubble li{float:left;width:10px;height:10px;margin:1px 3px;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: 100%;height: 120px;margin: 0 auto;text-align: center;padding-top:68px;}
.title h1{color:#1a1a1a;font-size: 30px;font-weight: 700;padding-bottom: 20px;}
.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(../images/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;float: left;}
.about_content p{font-size: 16px;color: #393838;line-height: 32px;letter-spacing: 3px;}
.about_img{width: 500px; padding-top: 40px;padding-left: 100px}
.about_img img{width: 500px}
.right_about {float: right;position: relative;top: 40px;}
.right_about img {width: 500px;}

/*案例*/
.case{width: 100%; 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{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;}
/*禁止图片被鼠标拖动*/
.focus-banner-img,.right_about,.logo-link img {
    -webkit-user-drag: none; /* Safari 和 Chrome */
    -khtml-user-drag: none;  /* Konqueror */
    -moz-user-drag: none;    /* Firefox */
    -o-user-drag: none;      /* Opera */
    user-drag: none;         /* 标准语法，但并非所有浏览器都支持 */
}