﻿html {background: #fff; }
html, body {width: 100%; }
body, button, input, select, textarea {font: 14px/1.5 'Microsoft YaHei', arial;color: #5c5c5c;}
body{ background: url(../images/bg.png);}
@font-face {/* font-properties */ font-family: fzzh; }
body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, th, td {margin: 0; padding: 0}
ul, ol {list-style: none}
a {color: #3a3a3a; text-decoration: none}
a:hover {color: #d60010;text-decoration: none}
img {border: 0}
table {border-collapse: collapse; border-spacing: 0}
/*浮动*/
.clearboth{clear:both;overflow:hidden;_height:0px;font-size:0px;height:0px;}
.FL{ float:left;}
.FR{ float:right;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content:" ";clear:both;height: 0;}
.clearfix { display: inline-table; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt5{ margin-top:5px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mr10{ margin-right:10px;}
.mr20{ margin-right:20px;}
.mb30{ margin-bottom:30px;}

.wrap{ width:1060px; margin:0 auto;}

#header {height: 140px; z-index: 200; background:#fff;}
#header .logo {float: left; margin-top:15px;}
#header .htel{ float:right; font-size:14px; margin-top:30px; height:30px; line-height:30px; color:#d60010; background:url(../images/tel.png) no-repeat; padding-left:35px; font-weight:bolder; margin-right:30px;}
#header .htel em{ font-style:normal; margin-left:10px;}
#header .lan{ float:right; font-size:14px; margin-top:30px; margin-right:0px;}
#header .lan a{ display: inline-block; height:24px; line-height:24px; color:#ababab; background:url(../images/cn.jpg) right center no-repeat; padding-right:35px; padding-left:10px;}
#header .lan a#en{ background-image:url(../images/en.jpg);}
#header .lan a#jp{ background-image:url(../images/jp.jpg);}
#header .lan a:hover{color:#d60010;}

/*---菜单---*/
.nav{height:55px;}
.nav li.nLi{float:left;display:inline;position:relative;height:55px; line-height:55px; margin-right:94px;}
.nav li.nLi:last-child{margin-right:0;}
.nav li.nLi h3{ float:left;font-weight: normal;}
.nav li.nLi h3 a{display: inline-block;color: #000; font-size: 16px;}
.nav li.nLi h3 a:hover,
.nav li.nLi h3 a.on,
.nav li.nLi:hover h3 a {color:#d60010;border-bottom:#d60010 solid 3px;}

/*---子菜单---*/
.nav .sub{display:none;position:absolute; left:-20px; top:58px; z-index:9999; width:168px; background:#fff; padding:5px 0;border-bottom:#595959 solid 3px; border-radius:0 0 5px 5px }
.nav .sub li{ padding:0 10px;}
.nav .sub li a{display:block; font-size:14px; height:30x;line-height:30px;color:#333;border-bottom:#ccc dotted 1px; padding:0 10px;}
.nav .sub li a:hover{background:#d60010; color:#fff;}
.nav .sub li:last-child a{border-bottom:0;}

.s-tit {margin-top: 35px; text-align: center; color: #5c5c5c;}
.w-zh {font-size: 34px; font-weight:bolder; color:#333; }
.w-en{ text-transform:uppercase; font-size:20px;}

/*产品*/
.chanpin { background:#fff;overflow:hidden; padding-bottom: 60px;}
.lh-box{ padding:30px 0;}
.lh-item {border:#e3e3e3 solid 5px; width: 330px; background:#e3e3e3; overflow: hidden; margin-top:20px;}
.lh-item img{ display:block; width:330px;}
.lh-item p {height: 42px; line-height:42px; text-align:center; font-size:14px; color:#000;}
.lh-item:hover { background:#d60010; border:#d60010 solid 5px;}
.lh-item:hover p { color:#fff;}

.mor-link {display: block; width:100px; background:#fff; border:#d60010 solid 1px; height: 30px; font-size: 12px; text-align:center; color: #555; line-height: 30px; color:#d60010;}
.mor-link:hover {color: #fff; background:#d60010; border:#d60010 solid 1px;}

.indexDFKBox{ background:#fff; overflow:hidden; padding-bottom:40px;}
.indexDFK{ overflow:hidden; padding-bottom:40px;}
.indexDFK li{ float:left;width:340px;}
.indexDFK li:last-child{ float:right;}
.indexDFK h2{ height:50px; line-height:50px; font-weight:normal; font-size:22px; color:#fff; background:#7c7c7d; padding-left:27px; position:relative;}
.indexDFK h2 .more{ text-indent:13px; position:absolute; right:30px; top:25px;  color:#fff; font-size:9px; font-family:Arial; line-height:14px; background:url(../images/icon02.png) left 3px no-repeat; display:block;}
.indexDFK h2 .more:hover{ text-decoration:underline;}
.indexDFK img{ display:block; width:340px;}

.indexLeft{ float:left; width:475px;}
.indexLeft dt{ font-weight:bold; padding-bottom:10px; line-height:22px; font-size:16px;}
.indexLeft dd{ line-height:24px;}

.indexTitle{ font-weight:normal; margin-bottom:15px; background:url(../images/icon03.png) left center no-repeat; text-indent:36px; font-size:22px; height:40px; line-height:40px;}

.indexRight{ float:right; width:430px;}
.indexRight dl{ height:65px; margin-bottom:18px;}
.indexRight dt{ float:left;width:65px; height:64px; background:#e6e6e6; color:#d70010; font-size:16px; text-align:center;}
.indexRight dt span{ display:block; height:32px; line-height:32px; color:#efefef; background:#bebebe;}
.indexRight dd{ float:right;width:355px;}
.indexRight dd .title{ display:block; font-weight:bold; font-size:14px; color:#1f1f1f; height:22px; line-height:22px; overflow:hidden;}
.indexRight dd .info{ display:block; color:#3a3a3a; margin-bottom:5px; height:22px; line-height:22px; overflow:hidden;}
.indexRight dd .more{ display:block; font-size:12px; color:#d70010; background:url(../images/icon01.png) left center no-repeat; text-indent:13px;}
.indexRight dl.hover .title{ color:#d60010;}

#owl-demo, #owl-demo2 { width:100%;}
.owl-item {margin-bottom: 30px;}
.owl-item li{float:left; width:16.666%;}
.owl-item li img{ display:inline-block;width:160px; height:60px;}

.footerBox{ background:#7e7f81 url(../images/footer.jpg) center top no-repeat; font-size:12px; overflow:hidden;}
.footer{padding:10px 0px; height:90px;}
.footer .left{width:900px; float:left; color:#fff; padding-top:25px;}
.footer .left a,.footer .left span,.footer .left p{ color:#fff; line-height:24px;}
.footer .left a:hover{ text-decoration:underline;}
.footer .left span{ padding:0px 8px;}

.footer .right{ float:right;width:80px; margin-top:8px;}
.footer .right img{ width:100%;}

.v-ban{height: 250px; width: 100%; overflow: hidden; text-align: center; background: url(../images/s-b-a1.jpg) center no-repeat #fff; }

.sub-tit{background:#fff;font-size: 24px; font-weight: bolder; color:#333; margin-top:30px;border-bottom:#dedede solid 1px; padding-bottom:10px; position:relative;}
.sub-tit span{ position:absolute; top:15px; right:0px; font-size:12px; font-weight:normal;}
.sub-nav{ height:35px; margin-top:30px;background:#fff; overflow:hidden; }
.sub-nav li{ float:left; min-width:105px; list-style:none;height:35px; margin-right:10px;}
.sub-nav li a{ display:block;background: url(../images/tabs.jpg) repeat-x;height:35px;line-height:35px;text-align:center; color:#fff; padding:0 15px;}
.sub-nav li a:hover,
.sub-nav li.cur a{ background: url(../images/tabs.jpg) 0 -35px repeat-x;}

.sub-nav-app li{}

.sub-con{ padding:25px 0; background:#fff; overflow:hidden;}

.news-list li{ margin-bottom:25px; border-top:#dedede solid 1px; overflow:hidden; padding-top:25px;}
.news-list .n-txt{ }
.news-list .n-txt strong{ display:block; font-size:16px; font-weight:normal; text-align:right;}
.news-list .n-txt strong a{ float: left; font-size:24px; color:#333;}
.news-list .n-txt p{ margin-top:15px; color:#7a7a7a; line-height:200%;}
.news-list .n-txt .mor-link{ display:inline-block; margin-top:20px;}

.pic-list .n-img{ float:left; width:300px; height:200px;}
.pic-list .n-img img{ width:300px; height:200px;}
.pic-list .n-txt{ float:right; width:720px;}

/*产品*/
.pd-list{margin-left:-20px;}
.pd-list li { float:left;border:#e3e3e3 solid 5px; width: 330px; background:#e3e3e3; overflow: hidden; margin-top:20px; margin-left:20px;}
.pd-list li img{ display:block; width:330px;}
.pd-list li p {height: 42px; line-height:42px; text-align:center; font-size:18px; color:#000;}
.pd-list li:hover { background:#d60010; border:#d60010 solid 5px;}
.pd-list li:hover p { color:#fff;}


/*案例*/
.case-list{ margin-top:20px;}
.case-list li{clear:both;border:1px solid #dcdbdb;background:#FFF;height:240px;margin-bottom:15px;}
.case-list li img{ float:left; width:360px; height:240px;}
.case-list li div{float:right; width:660px;padding-top:50px; color:#9f9f9f;}
.case-list li strong{ display:block;font-size:16px;font-weight: bolder;color:#2a2a2a; padding-bottom:10px;}
.case-list li .mor-link{ display:inline-block; margin-top:20px;}

/*正文定义*/
#article-lsf-mobile{ display:none;}
#article-lsf {line-height:28px;font-size:14px;}
#article-lsf p{margin-bottom:20px;}
#article-lsf img{WIDTH: expression(this.width > 1060 && this.width > this.height ? 1060 : true);max-width: 1060px;}
.imgcss{ width:100%; display:block; margin-top:20px;}
#article-lsf table{border-collapse: collapse; width:100%;  margin-top:28px;}
#article-lsf table th{padding:10px; background:#e7e7e7; color:#333;  border:#fff solid 1px;}
#article-lsf table td{padding:10px; background:#d4ebf1; color:#333; border:#fff solid 1px;}
#article-lsf table td p{ margin-bottom:0px;}

#article-lsf table #thead td{ background:#a9d7e2;}

/*正文文章样式*/
.single_title{font-size:28px; color:#333; margin-bottom:10px;}
.single_add{color:#A0A0A0;padding-bottom:10px;border-bottom:#dedede dotted 1px; margin-bottom:25px;}
.pre_next{line-height:28px;border-top:1px dotted #D7D7D7;padding:15px 0;margin-top:28px;}
.pre_next span{ display:block;}


/*分页样式开始*/
.turnover { height:50px; font-family:"宋体" ;text-align:center; margin-top:30px; font-size:14px;border-top:#DBDEE1 solid 1px; padding-top:30px;}
.turnover a, .turnover .current, .turnover .disabled{display:inline-block; height:42px; line-height:42px; padding:0 18px;margin-left:2px; text-align:center;}
.turnover a, .turnover .disabled { background:#fff;border:1px solid #ddd;text-decoration:none;}
.turnover a:hover, .turnover .current {border:1px solid #d60010; background:#d60010; color:#fff;  }