@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td {margin:0;padding:0}
body,button,input,select,textarea {font:12px/1.5 arial,'microsoft yahei';color:#323232;font-size: 12px;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight: normal;}
address,cite,dfn,em,var,i {font-style:normal}
ul,ol,li {list-style:none}
a {text-decoration:none}
fieldset,img {border:0;vertical-align:top;}
section,article,aside,header,footer,nav,dialog,figure {display:block;}
button,input,select,textarea {font-size:100%;outline:none;border:none;background: none;}
textarea {overflow:auto}
table {border-collapse:collapse;border-spacing:0;width:100%;}
.w:after,.wrap:after,.clearfix:after, .fix:after {
    display:block;
    content:'';
    clear:both;
    height: 0;
}
a:link,a:visited,a:hover,a:active {text-decoration:none;outline:none;}
a {color: inherit;}
ul.fix>li,.dl.fix>dt,.dl.fix>dd {float: left;}
.fl {float:left !important;}
.fr {float:right !important;}

* {box-sizing:border-box;}
.w {position:relative;width:1200px; margin:0 auto; clear:both;min-width:1200px;}

/*   header   */
.header {border-bottom: 1px solid #000;width:100%;}
.header .logo {padding: 28px 0;}
.header .logo img{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
    
    filter: gray;
}
/*导航*/
.nav {width:832px;height:110px;overflow:hidden;}
.nav li a {line-height: 100px;font-size: 16px;color: #5d5d5d;float: left;position: relative;overflow: hidden;padding: 10px 0px 0 40px;transition:.5s;text-align:right;}
.nav li a:before {display: none;transition:.5s;content: '';background: #000;width: 140%;height: 2px;position: absolute;top: 50%;left: -140%;margin-top: -1px;}
.nav li a:hover:before {left: 0%;}
.nav li.current a:before {left: 0%;}
.nav li a:hover {color: #000;}

/*小导航*/
.main {padding-bottom: 40px;}
.sidebar {border-bottom: 1px solid #e5e5e5;line-height: 68px;font-size: 14px;margin-bottom: 42px;color: #979797;}
.sidebar li a {display: block;padding:0 77px 0 40px;background: url(../images/nav_li.png) no-repeat right center;}
.sidebar li:last-child a {background: none;}
.sidebar a:hover {color: #333;}

/* 产品列表  */
.case ul {margin-left: -12px;margin-right: -12px;}
.case li {width: 282px;margin: 0 12px 40px 12px;line-height: 1.2;color: #8a8a8a;position: relative;overflow: hidden;}
.case li h3 {font-size: 18px;color: #3d3d3d;margin:12px 0 0px;height:1.8em;overflow:hidden;}
.case li .txt p{height:1.2em;overflow:hidden;}
.case li span {transition:.3s ;position: absolute;width: 100%;height: 100%;background: #000;background: rgba(0,0,0,.6) url(../images/fdj.png) center 160px no-repeat;text-align: center;color: #fff;font-size: 18px;padding: 80px 50px 0;top: -100%;left: 0;}
.case li:hover span {top: 0;}
.case li:hover .txt {visibility: hidden;}

/* 新闻列表  */
.news ul {margin-left: -12px;margin-right: -12px;}
.news li {width: 282px;margin: 0 12px 40px 12px;line-height: 1.2;font-family: 'SimSun';position: relative;}
.news li .content {border: 1px dashed #000;padding: 0 17px;}
.news li h3 {font-size: 14px;margin: 24px 0 12px;font-weight: bold;height:2em;line-height: 2;overflow:hidden;}
.news li h3:before {content: '';width: 3px;height: 28px;background: #000;float: left;margin-right: 17px;margin-left: -17px;}
.news li p {line-height: 20px;color: #727272;height: 120px;overflow:hidden;}
.news li .icon {padding: 40px 0 24px;}
.news li span {padding-left: 24px;line-height: 14px;background: url(../images/news_icon.png) left 0 no-repeat;margin-right: 28px;}
.news li span:last-child {background-position: 0 -35px;}
.news li:hover:before {transition:.15s;width: 0;}
.news li:hover:after {transition:.15s .15s;height: 0;}
.news li:hover .content:before {transition:.15s .3s;width: 0;}
.news li:hover .content:after {transition:.15s .45s;height: 0;}

.news li:before {content: '';position: absolute;top: 0;right: 0;width: 100%;height: 1px;background: #000;}
.news li:after {content: '';position: absolute;bottom: 0;right: 0;width: 1px;height: 100%;background: #000;}
.news li .content:before {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #000;}
.news li .content:after  {content: '';position: absolute;top: 0;left: 0;width: 1px;height: 100%;background: #000;}

/*page*/
.Page{ text-align:center; padding:30px 0px 0;float:right}
.Page a{display:inline-block;width:65px;background:#ffffff;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px; float:left;text-decoration:none; color:#333; outline:none;}
.Page a:hover{ background:#323232; color:#FFF;background-repeat:no-repeat; }
.Page span{display:inline-block;min-width:45px; padding:0 10px;background:#ffffff;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px;float:left;}
.Page span.current{ background:#323232; color:#FFF}

/*关于我们*/
.article {padding:0 1s0px;}
.article .title{font-size:24px;padding-top:25px;text-align:center;}
.article .dat{font-size:14px;padding-top:10px;text-align:center;}
.article .img{text-align:center;}
.article .img img{padding:30px 0 0;max-width:100%;}
.article .text{line-height:32px;font-size:16px;padding:20px 0 30px;text-align: left;}
.article .fanye {padding:20px 20px 10px;height:60px;overflow:hidden;}
.article .fanye span{display:inline-block;font-size:16px;line-height:30px;height:30px;overflow:hidden;}
.article .fanye .fys,.article .fanye .fyx{width:450px;}
.article .fanye .fhsy{background:#666;color:#fff;width:130px;margin:0 30px;text-align:center;}
.article .fanye .fhsy a{color:#fff;}
.article .fanye span a{color:#808080;}
.article .fanye .fys a:hover,.article .fanye .fyx a:hover{color:#000;}

/*  底部  */
.footer {border-top: 1px solid #d9d9d9;}
.Bottom{ padding-top:30px;padding-bottom:30px;color:#808080;font-size:14px;}
.Bottom ul{ float:right;font-size:14px;}
.Bottom ul li{ float:left; border-right:1px solid #e2e2e2; padding:0 20px; position:relative; z-index:100;}
.Bottom ul li.hotline{ border-right:0px; padding-right:0px;}
.Bottom ul li.hotline b{ font-weight:bold; font-family:Tahoma, Geneva, sans-serif;color:#E60012;}
.Bottom ul li span{ display:block;  height:34px; line-height:34px; cursor:pointer;width:83px; padding-left:30px;}

.Bottom em{ font-style:normal;height:30px; line-height:30px;}
.Bottom em span{ color:#808080;}
.Bottom em a{ color:#808080;}
.Bottom em a:hover{ color:#323232;}

#ie6-warning {background: rgb(255,255,225) scroll 3px center; position: absolute; top: 0; left: 0; font-size: 12px; color: #333; padding: 2px 15px 2px 23px; text-align: left; }
#ie6-warning a {text-decoration: none; }