﻿﻿@charset "utf-8";/* CSS Document*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea{margin:0;padding:0;}
body{font-size:14px;font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif;padding-top:1px;background:#fff;}
li, ol{list-style:none;}
ins{text-decoration:none;}
i, em{font-style:normal;}
a{text-decoration:none;font-family:"Microsoft Yahei";}
a:hover{cursor:pointer;text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear{clear:both;line-height:0px;overflow:hidden;zoom:1;font-size:0px;content:'.';}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{padding:0;margin:0;}
a img{border:none;}
input,textarea{border:none;font-family:"Microsoft Yahei";font-size:13px;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:14px;}

.mian{position:relative;margin-left:auto;margin-right:auto;min-width:320px;max-width:640px;overflow:hidden;background-color:#f4f4f4;font-family:Microsoft YaHei;}
a{text-decoration:none;color:#666;}
.white{background-color:#fff;margin-top:0.8em;}

.nav1{overflow:hidden;position:relative;background:#333;}
.nav1:after{content: '';position: absolute;top: 50%;left:0;z-index: 9;height: 0;width: 100%;border-bottom: 1px solid #FFF;}
.nav1 li{float:left;position:relative;width:25%;text-align:center; line-height:35px; height:35px;}
.nav1 li a{display:block;font-size:14px;color:#fff;}
.nav1 li:after{content: '';position: absolute;top:0;left:-1px;z-index: 9;height:99.9%;width:0;border-left: 1px solid #FFF;}
.bannerBox{position: relative;top: -0.080em;left: 0;}
.bannerBox img{display:block;width:100%;}
.focus{width:100%;margin:0 auto;position:relative;overflow:hidden;}
.focus .hd{width:100%;height:5px;position:absolute;z-index:1;bottom:0;text-align:center;}
.focus .hd ul{overflow:hidden;display:-moz-box;display:-webkit-box;display:box;height:5px;background-color:rgba(51, 51, 51, 0.5);}
.focus .hd ul li{-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;font-size:0}
.focus .hd ul .on{background:#333;}
.focus .bd{position:relative;z-index:0;}
.focus .bd li img{width:100%;}
.focus .bd li a{-webkit-tap-highlight-color:#0b85ec; /* 取消链接高亮 */}
.list:after{content:'.';display:block;height:0;clear:both;visibility:hidden;}
.list{ }
.list li{float:left;width:33.333%;position:relative;}
.list li.cpfl1{ width:50%;}
.list li span{display: block;
padding: 0.6em 0;
background-color: #3c3e46;
border-left: 1px solid #fff;
text-align: center;
font-size: 1em;
color: #fff;} .list li:nth-child(1) span{border-left:none;}
.list li.on span{background-color:#333;font-weight:bold;}
.list li:after{content:'';position:absolute;bottom:-0.6em;margin-left:-0.2em;left:50%;width:0;height:0;border:0.4em solid transparent;border-top-color:#333;display:none;}
.list li.on:after{display:block;}
.tle{text-align:center;padding-top:1.5em;padding-bottom:0.8em;border-bottom:1px solid #e5e5e5;position:relative;}
.tle h5{font-size:1.5em;color:#3c3e46;margin-bottom:0.2em;}
.tle p{font-size:0.8em;}
.tle i{display:block;position:absolute;width:3em;height:3px;background-color:#333;left:50%;margin-left:-1.5em;bottom:-2px;}
.pro{overflow:hidden;}
.promain{overflow:hidden;margin:4% 2%;}
.promain li{float:left;width:46%;margin:2%;}
.promain li p{text-align:center;margin-top:0.6em;display: block;}
.pro_img{width:100%; text-align: center; height:10rem; overflow:hidden;}
.pro_img img{width:auto; height:auto; max-width:100%; max-height:100%; margin:0 auto;}
.promain li p a{font-size:1em;}
.promain-t{overflow: hidden;display: block;width:90%;margin: 0 auto;height: 1.2em;}
.cpzx{border-top:4px solid #333;overflow:hidden;padding-bottom:2.5em;}
.cpzx h2{padding:0.5em 0;text-align:center;}
.cpzx h2 a{font-size:1.5em;color:#3c3e46;}
.psty{overflow:hidden;margin:4%;}
.psty li{float:left;width:46%;margin:2%;}
.psty li a{display:block;border:1px solid #dcdcdc;padding:0.7em 0.5em 0.7em 2.8em;background:url(../images/jt.png) no-repeat 1em center;background-size:0.750em;}
.stymor{text-align:center;display:block;margin:0 auto;width:20em;padding:0.8em 0;background-color:#333;border-radius:2em;font-size:1em;color:#fff;}
.stymor:hover{color:#fff;}
.dinggou{text-align:center;padding:1.2em 0;}
.dinggou span{padding-left:2.7em;background:url(../images/phone.png) no-repeat left center;background-size:1.958em;display:inline-block;height:2em;line-height:2em;font-size:1em;color:#666;}
.dinggou span a{font-size:1.2em;color:#333;}
.liyou{padding-bottom:1.6em;}
.liyou .reson{padding:1.6em;}
.liyou .reson dl{}
.liyou .reson dt{}
.liyou .reson dt img{display:block;width:18.042em;margin:0 auto;padding-top: 2rem;}
.liyou .reson dt h5{font-size:1.1em;color:#333;margin-top:1.5em;text-align:center;}
.liyou .reson dd{margin-top:0.8em;text-align: center;}
.liyou .reson dd p{padding-left:0.8em; background:url(../images/dd.png) no-repeat left 0.5em;background-size:0.417em;font-size:1em;color:#666;line-height:1.6em;margin-bottom:0.5em;}
.liyou .rlist{text-align:center;}
.liyou .rlist li{display:inline-block;width:0.6em;height:0.6em;border-radius:50%;background-color:#c9c9c9;margin:0 0.3em;}
.liyou .rlist li.on{background-color:#333;}
.khjz{overflow:hidden;background:#fff;padding:3%;}.khjz li{float:left;margin:3%;width:44%;}
.khjz_img{width: 100%;
    text-align: center;
    overflow: hidden;}
.khjz_img img{    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;}
.khjz li p{text-align:center;margin-top:0.8em;}
.khjz li p a{font-size:1em;color:#333;width:100px;display:inline-block;
*display:inline;zoom:1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.yanfa{padding-bottom:1em;}
.yanfa .yfc{padding:1.4em;}
.yanfa .yfc dt img{display:block;width:100%;}
.yanfa .yfc dt p{margin-top:0.8em;text-align:center;}
.yanfa .yfc dt p a{font-size:1em;color:#666;}
.yanfa .yfc dd{margin-top:1.2em;}
.tantou{width:100%; height:10em; background:url(../images/tantou.jpg) center no-repeat; background-size:contain;}
.zx{width:10em; height:3em; padding-top:93px; margin-left:125px;}
.tantou a{width:9em; height:2em; background:#333; display:block; text-align:center; font-size:0.8em; color:#fff; line-height:2em; border-radius:3px; margin-left:20px;}

.about{padding-bottom:1em;}
.alist:after{content:'.';display:block;height:0;clear:both;visibility:hidden;}
.alist li{float:left;width:50%;position:relative;}
.alist li span{display:block;padding:0.6em 0;background-color:#3c3e46;border-left:1px solid #fff;text-align:center;font-size:14px;color:#fff;} 
.alist li:nth-child(1) span{border-left:none;}
.alist li.on span{background-color:#333;font-weight:bold;}
.alist li:after{content:'';position:absolute;bottom:-0.6em;margin-left:-0.2em;left:50%;width:0;height:0;border:0.4em solid transparent;border-top-color:#333;display:none;}
.alist li.on:after{display:block;}
.about .abc dl{margin:6%;}
.about .abc dt img{display:block;width:100%;}
.about .abc dd{margin-top:1.2em;}
.about .abc dd h5{padding-bottom:0.5em;border-bottom:1px solid #e5e5e5;position:relative;}
.about .abc dd h5 a{font-size:1em;color:#333;}
.about .abc dd h5 i{display:block;width:3em;height:3px;position:absolute;left:0;bottom:-2px;background-color:#333;}
.about .abc dd p{font-size:1em;color:#666;line-height:1.6em;margin-top:0.5em;}
.newMain{padding-bottom:1em;}
.newMain .news{margin:1.25em;}
.newMain .news dl{overflow:hidden;padding:1.2em 0;border-bottom:1px dotted #ebebeb;}
.newMain .news dt{float:left;width:5em;height:5em;text-align:center;color:#fff;background-color:#333;}
.newMain .news dt span{font-size:2.5em;display:block;}
.newMain .news dt em{font-size:1em;}
.newMain .news dd{margin-left:6em;}
.newMain .news dd h5{height: 1em;line-height: 1em;overflow: hidden;margin: 0.3em 0;}
.newMain .news dd h5 a{font-size:1em;color:#666;}
.newMain .news dd p{font-size:1em;color:#666;line-height:1.6em;height:5em;overflow:hidden;}
.rback{overflow:hidden;padding:0.8em;margin-bottom:6em;}
.rback ul{}
.rback li{font-size:1em;line-height:1.5em;color:#666;}
.rback li a{font-size:1.2em;color:#333;}
.fl{float: left;display: inline;}
.fr{float: right;display: inline;}
.wjdh-title1 {padding: 10px 0 20px;}
.wjdh-title1 h3 {font-size: 24px;margin-bottom: 10px;}
.wjdh-title1 span {    text-transform: uppercase;    color: #888;    position: relative;}
.wjdh-title1 span:before,.wjdh-title1 span:after {    content: '';    display: block;    width: 30px;    height: 1px;    background-color: #888;    position: absolute;    top: 50%;}
.wjdh-title1 span:before {left: -50px;}
.wjdh-title1 span:after {right: -50px;}
.container1 {   padding-left: 5px; padding-right: 5px; margin:0 auto;}
.text-center{ text-align:center;}
.product-cat ul{ overflow:hidden;}
.product-cat li{ width:31%; float:left; margin:0 1% 10px 1%;}
.product-cat li a {
    display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #ececec;
}
.product-list1 ul{ overflow:hidden;}
.product-list1 li { float:left; width: 47%; margin:1%;}
.product-list1 li .item {    display: block;   border: 1px solid #CCCCCC;  background-color: #FFFFFF;}
.product-list1 li .item img {    width: 100%;    height: auto; display:block; }
.product-list1 li .item span {    display: block;   white-space: nowrap;   overflow: hidden;   text-overflow: ellipsis;   padding: 5px 10px;}
.product-list1 li .item .more {    text-align: center;   border: 1px solid #cecece;   width: 60%;   margin: 10px auto;}
.pic-list ul{ overflow:hidden;}
.pic-list li {margin-bottom: 10px; overflow:hidden;}
.pic-list li .img{   width: 28%;   float: left; }
.pic-list li img {  height: 80px; width:100%;}
.pic-list li .info {    border: 1px solid #cecece; float:right;    height: 80px; padding: 0 10px; width:62%;}
.pic-list li .info h5 {    margin: 5px 0;   line-height: 25px;   height: 25px;  display: block;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.pic-list li .info p {    height: 40px;line-height: 20px; overflow: hidden;   color: #b6b6b6;}



.pc{ display:block;}
.mobile{ display:none;}
@media only screen and (max-width: 768px) {
.pc{ display:none;}
.mobile{ display:block;}

	}