body{ font-family:微软雅黑; }
.logo{background:#000;text-align: center;}
.logo img{  max-height: 40px;
    padding: 10px 0;}

/* 电话   */
.tel{ border-bottom:1px solid #dcdcdc; text-align:center; height:44px; line-height:44px;background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #eaeaea));background: -webkit-linear-gradient(top, #ffffff, #eaeaea);background: -moz-linear-gradient(top, #ffffff, #eaeaea);background: -o-linear-gradient(top, #ffffff, #eaeaea);background: linear-gradient(top, #ffffff, #eaeaea);}
.tel a{ display:block; font-size:15px; color:#be0000}
.tel a >span{ display:inline-block; background:url(../images/tel.png) no-repeat left center; background-size:18px auto; padding-left:28px;}

.flash img{display: block;}

/* 栏目   */
.navbtn{position: absolute;top: 0;height:60px;right: 0;     display: flex;
    align-items: center;
    justify-content: center;
    width:60px;}
.navbtn a img{max-height: 100%;}
.navbtn a .btn2{display: none;}
.boxt{width: 100%;background:#2b2c30;}
.boxt ul{width: 100%;;margin-bottom: 3px;display: none;height: 100vh;
    top: 60px;z-index: 999;
    position: fixed;
    background: #000;}
.boxt ul li{float: left;width: 100%;line-height: 36px;text-align: center;margin: 5px 1.5%;border-radius: 9px;padding: 5px;}
.boxt ul li:first-child{margin-top: 3rem;}
.boxt ul li dt{text-align: center;font-size: 0;height: 40px;display: none;}
.boxt ul li dt img{max-width:40px;}
.boxt ul li dd{text-align: center;color: #fff;font:normal 13px/25px "microsoft yahei","宋体";}


.img{overflow: hidden;display: block;}
 .img img:hover{transform: scale(1.05);}
 .img img{max-width: 100%;display: block;transition:all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;margin:0 auto;}

.box1{background:#f8f4f3;padding: 40px 0;}
.box1 .container{max-width: 90%;text-align: center;margin: 0 auto;}
.box1 h3{margin-bottom: 15px;font:bold 25px/1 "微软雅黑";color: #000;}
.box1 h4{margin-bottom: 30px;font:normal 14px/1 "微软雅黑";color: #000;}
.box1  dt{display: block;line-height: 2;font-size: 12px;font-family: "微软雅黑";color: #2e2e2e;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow-wrap: break-word;
}
.box1  dt span{font-size: 12px ! important;}
.box1 ul{width: 100%;font-size: 12px;color: #3a3a3a;overflow: hidden;    display: flex; align-items: center;margin: 0 0 50px;}
.box1 ul li{float: left;width: 50%;}
.box1 ul li dt{color: #ee7700;font-size:50px;
    height: 50px;display: inline-block; line-height: 1;}
.box1 ul li ol{display: inline-block;}
.box1 ul dd{margin: 0;line-height: 2;}
.box1  dd {margin: 30px 0 40px;}
.box1  dd a{width: 80px;height: 30px;color: #2e2e2e;background: #ee7700;font:normal 12px/30px "微软雅黑";text-align: center;display: block;border-radius: 25px;text-transform: uppercase;margin: 0 auto;}
.box1  dd a:hover{color: #fff;background: #000;}
.box1 .fll{margin-bottom: 2%;}

.fi{overflow: hidden;position: relative;padding: 25px 0;}
.fi:before{content:' ';position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;background:url(/images/fi.jpg) center 0 no-repeat #000;background-size:cover;}
.fi .container{width: 95%;margin:0 auto;}
.fi ul li{float: left;text-align: center;width: 33.33%;}
.fi ul li img{border-radius: 50%;margin-bottom: 10px;max-height: 70px;}
.fi ul li p{font-size: 12px;color: #fff;}

.boxt1{background:#f8f4f3;padding:40px 0 30px;background-size: cover;position: relative;}
.boxt1 .h2 h2{color: #000000;font:bold 26px/40px "微软雅黑";text-align: center;}
.boxt1 .h2 h4{color: #000000;font:normal 14px/20px "微软雅黑";text-align: center;margin-bottom: 20px;}
.boxt1 ul{overflow: hidden;padding: 0 15px;}
.boxt1 li{float: left;text-align: center;width: 46%;margin: 2%;}
.boxt1 img{max-width: 100%;}
.boxt1 dd{color: #000;display: none;}
.boxt1  .more a{width: 100px;height: 30px;color: #fff;background: #ee7700;border-radius: 25px; font:normal 12px/30px "微软雅黑";text-align: center;display: block;text-transform: uppercase;margin: 20px auto 0;}
.boxt1  .more a:hover{color: #f00;}

.box4{background:#393939;overflow: hidden;}
.box4 .container{max-width: 95%;margin: 2.5%;}
.box4 .fll{    margin-top: 1.5%;}
.box4 .frr{overflow: hidden;}
.box4 img{display: block;max-width: 100%;}
.box4 .frr li{float: left;width: 33.33%;}
.pic img{max-width: 100%;display: block;}

.pc-news{background:#f8f4f3;padding: 5px 0 45px;overflow: hidden;position: relative;}
.pc-news .title{text-align: left;margin: 0 auto 45px; overflow: hidden;width: 95%;}
.pc-news .container{margin: 0 auto ; overflow: hidden;width: 95%;}
.pc-news .container .right{  }
.pc-news .container .right li{color: #666;}
.pc-news .container .right li:hover{color: #344554}
.pc-news .container .right li:nth-child(1){overflow: hidden;}
.pc-news .container .right li:nth-child(1) img{width: 100%; max-height: 100%; transition: all 0.5s;display: block;}
.pc-news .container .right li:nth-child(1) img:hover{opacity: 0.5}

.pc-news .container .left{   padding:10vw 0 0;color: #000;box-sizing: border-box;    max-width: 100%; }
.pc-news .container .left ul{overflow: hidden;margin-bottom: 8vw;}
.pc-news .container .left ul:last-child{border-bottom: 0px solid #666; margin-bottom: 0px;padding-bottom: 0px;}
.pc-news .container .left ul li{color: #666}
.pc-news .container .left ul li:hover{color: #94673d}
.pc-news .container .left ul li:nth-child(1) p:nth-child(1){color: #060f12; font-size: 14px; font-weight: bold;padding-bottom: 10px;margin-bottom: 10px;
	overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 0.5s;border-bottom: 1px solid #b5b3b4;}
.pc-news .container .left ul li:nth-child(1) p:nth-child(2){font-size: 12px;color: #060f12;transition: all 0.5s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pc-news .container .left ul li:nth-child(1) p:nth-child(1) span{display: block;  transition: all 0.5s;position: relative;float: right;}
.pc-news .container .left ul li:nth-child(1):hover p:nth-child(1) {color: #f35e00;border-bottom: 1px solid #f35e00;}
.pc-news .container .left ul li:nth-child(1):hover p:nth-child(2) {color: #f35e00}
.pc-news .container .left ul li:nth-child(1):hover p:nth-child(1) span{color: #f35e00}
.pc-news .showdiv{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;transition: all 0.5s;background: rgba(0,0,0,0.5);z-index: 2}
.pc-news .showdiv:before{content: "";display: inline-block; width: 30px; height: 1px;position: absolute; right: 0;top: 50%; margin-top:-1px;transition: all 1s;z-index: 9;background: #fff;opacity: 0}
.pc-news .showdiv:after{content: ""; display: inline-block; width: 1px; height: 30px;position: absolute; left: 50%;top: 0; margin-left:-1px;transition: all 1s;z-index: 9;background: #fff;opacity: 0}
.pc-news .right:hover .showdiv,.pc-news .right ul:hover .showdiv{opacity: 1;}
.pc-news .right:hover .showdiv:before,.pc-news .right ul:hover .showdiv:before{right: 50%;margin-right: -15px;opacity: 1;}
.pc-news .right:hover .showdiv:after,.pc-news .right ul:hover .showdiv:after{top: 50%; margin-top: -15px;opacity: 1;}


.fool_lan{background: #000;padding: 50px 0 25px;}
.fool_lan .w1003{}
.fool_lan li{color: #fff;text-align: left;min-height: 75px;padding-right: 20px;font-size: 12px;line-height: 1.7;}
.fool_lan li a{color: #fff;font-size: 12px;}
.fool_lan li a:hover{color: #fff;}
.fool_lan .logo1{text-align: center;}
.fool_lan .logo1 p{color: #fff;font-weight: bold;font-size: 16px;margin-top: 10px;}
.fool_lan .first{margin: 30px 0;}
.fool_lan ol{display: flex;align-items: center;justify-content: center;text-align: center;}
.fool_lan ol span{display: inline-block;}
.fool_lan .logo1 img{max-width: 250px;max-height: 146px;}
.fool_lan .last{font-size: 12px;font-family: "宋体";text-align: center;width: 60%;margin: 0 auto;
   }
    .fool_lan .last .ewm{display: flex; justify-content: center;}
    .fool_lan .last a{display: block;margin: 0 15px;}
    .fool_lan .last img{max-width: 100%;}
        .fool_lan .last .hotline{margin-top: 10px;}
    .fool_lan .last .hotline b{color: #fff;font-size: 20px;}





.nnlist {position: relative;top: 25px;padding: 10px 6px;height: 45px;}
.nnlist li{float: left;width: 31%;text-align: center;background:;height: 39px;line-height: 39px;margin: 5px 9%;border-radius: 5px;color: #000;
border: 1px solid #c19e64;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #eaeaea));
background: -webkit-linear-gradient(top, #ffffff, #eaeaea);
background: -moz-linear-gradient(top, #ffffff, #eaeaea);
background: -o-linear-gradient(top, #ffffff, #eaeaea);
background: linear-gradient(top, #ffffff, #eaeaea);}
.nnlist li a{color: #000;}


/* 内页产品类别   */
.cplist_box{width: 96%;margin:38px auto 0;}
.cnlist li{line-height: 34px;margin:5px 0;text-align: center;border-radius: 5px;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #eaeaea));
background: -webkit-linear-gradient(top, #ffffff, #eaeaea);
background: -moz-linear-gradient(top, #ffffff, #eaeaea);
background: -o-linear-gradient(top, #ffffff, #eaeaea);
background: linear-gradient(top, #ffffff, #eaeaea);}
.cnlist li img{max-width: 95%;}
.cnlist li dd{padding-top:10px;}
.cnlist li span{font-weight: bold;font-size: 15px;}
.cnlist li a{display: block;}




/* 产品   */
.piclist li{ padding:10px 5px; border-bottom:1px solid #cbcbcb}
.piclist li a{ display:block; background:url(../images/dian1.jpg) no-repeat right center; background-size:20px auto; padding-right:30px;}
.piclist li a:after{content:".";visibility:hidden;display:block;clear:both;height:0;}
.piclist li a .bt{ width:80px; text-align:center; border-right:1px solid #cecece; font-size:16px; color:#000000;}
.piclist li a .pic{ width:82px; text-align:left; padding:5px 0 5px 5px;}
.piclist li a .more{ font-size:15px; color:#434344}




/* 新闻   */
.news{}
.news h3{ border-bottom:1px solid #dcdcdc;height:44px; line-height:44px;background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #eaeaea));background: -webkit-linear-gradient(top, #ffffff, #eaeaea);background: -moz-linear-gradient(top, #ffffff, #eaeaea);background: -o-linear-gradient(top, #ffffff, #eaeaea);background: linear-gradient(top, #ffffff, #eaeaea);}
.news h3 a{ display:block;padding-left:15px; font-size:15px; color:#000000;}
.news ul{ padding:0 8px;}
.news li{ border-bottom:1px solid #f3f3f3; height:50px; line-height:50px;}
.news li a{ display:block; padding-left:22px; background:url(../images/dian.jpg) no-repeat 6px center; background-size:9px auto; color:#434343; font-size:14px;}




.wzmore{ height:57px; line-height:57px; padding:0 5px;}
.wzmore a{ display:block; text-align:right; background:url(../images/dian2.jpg) no-repeat right center; background-size:10px auto; padding-right:15px; color:#000000; font-size:16px;}
.wzmore1{ height:57px; line-height:57px; padding:0 5px;border-top:1px solid #cecece; margin-top:10px;}
.wzmore1 a{ display:block; text-align:right; background:url(../images/dian2.jpg) no-repeat right center; background-size:10px auto; padding-right:15px; color:#000000; font-size:16px;}



/* 底部  */
.fool{  color:#FFFFFF; text-align:center;background:#000;}
.foolpp{background:#000;padding: 18px 0;}
.fool a{ color:#FFFFFF; font-size:12px;}
.pffool{ width:100%; position:fixed; left:0; right:0; bottom:0;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(100%, #eaeaea));
background: -webkit-linear-gradient(top, #fff, #eaeaea);
background: -moz-linear-gradient(top, #fff, #eaeaea);
background: -o-linear-gradient(top, #fff, #eaeaea);
background: linear-gradient(top, #fff, #eaeaea); z-index:999}
.pffool ul:after{content:".";visibility:hidden;display:block;clear:both;height:0;}
.pffool li{ float:left; width:25%; text-align:center;}
.pffool li a{ display:block; padding:6px 0 4px 0;}
.pffool li:nth-child(1) a{ border-right:1px solid #ccc;}
.pffool li:nth-child(2) a,.pffool li:nth-child(3) a{ border-right:1px solid #ccc;}
.pffool li:nth-child(4) a{}
.pffool li a > div:nth-child(1) img{ height:20px; width:auto; vertical-align:middle;}
.pffool li a > div:nth-child(2){ line-height:20px; margin-top:4px; font-size:14px; color:#000;}

/* 头部   */
.headtop{left: 0;right: 0;top:0;width: 100%;height:36px;position: fixed;z-index: 1000;margin-bottom: 15px;
border: 1px solid #333;
background: #111;color: #fff;
text-shadow: 0 -1px 0 #000;
background-image: -webkit-gradient(linear,left top,left bottom,from(#3c3c3c),to(#111));
background-image: -webkit-linear-gradient(#3c3c3c,#111);
background-image: -moz-linear-gradient(#3c3c3c,#111);
background-image: -ms-linear-gradient(#3c3c3c,#111);
background-image: -o-linear-gradient(#3c3c3c,#111);
background-image: linear-gradient(#3c3c3c,#111);
}
.headtop ul {list-style: none;margin: 0;padding: 0;position: relative;display: block;border: 0;max-width: 100%;overflow: visible;zoom: 1;}
.headtop li{ float:left; width:33.33333333333%; line-height:36px;text-align: center;}

.headtop li a {display: block;cursor: pointer;position: relative;padding: 0;border-top: 1px solid #fff;border-color: rgba(255,255,255,.3); font-weight:700; color:#FFFFFF; font-size:14px;}
.headtop li:nth-child(2) a > div{ border:1px solid #000000;border-bottom:0; border-top:0;}

.headtop li:nth-child(1) a > div > span{display:inline-block; background:url(../images/home1.png) no-repeat left center; background-size:18px auto; padding-left:24px;}
.headtop li:nth-child(2) a > div > span{display:inline-block; background:url(../images/home2.png) no-repeat left center; background-size:18px auto; padding-left:24px;}
.headtop li:nth-child(3) a > div > span{display:inline-block; background:url(../images/home3.png) no-repeat left center; background-size:18px auto; padding-left:24px;}

.headtop li a.hover{background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#383838));background-image:-webkit-linear-gradient(#555,#383838);background-image:-moz-linear-gradient(#555,#383838);background-image:-ms-linear-gradient(#555,#383838);background-image:-o-linear-gradient(#555,#383838);background-image:linear-gradient(#555,#383838)}
.show_neirong{ background-color:#FFFFFF; border:1px solid #CCCCCC; margin:10px 10px 0; padding:10px;-webkit-border-radius: 8px;border-radius: 8px;}
.show_neirong img{ width:100%!important; height:auto!important;}
.show_neirong .bt{ font-size:15px; height:28px; line-height:28px; text-align:center}
.show_neirong .rq{ border-bottom:1px solid #CCCCCC; text-align:center; margin-bottom:10px; color:#CCCCCC;}
.popwindow {width:100%;position:fixed;top:0px;z-index:9999}
.popwindow > div{width:96%;margin-left:auto;margin-right:auto;}
.popwindow > div > div.vpop {visibility:hidden;}
.popwindow > div > div[class^=homeflexbox]{position:absolute;border-radius:6px;float:left;width:130px; margin:auto;background-color:#F1F1F1;padding:5px 0px; overflow:hidden;border:1px solid #CCCCCC;}
.popwindow > div > div[class^=homeflexbox] > ul {width:100%;margin-left:auto;margin-right:auto;}
.popwindow > div > div[class^=homeflexbox] li {line-height:30px;text-align:center;background:url(../images/xian1.gif) no-repeat center bottom; background-size:95% 1px;}
.popwindow > div > div[class^=homeflexbox] li:last-child {background:none;}
.popwindow > div > div[class^=homeflexbox] a {color:#000;text-decoration:none;font-size:14px;display:block;}
.popwindow > div > div:nth-child(1) {right:10px;}



.box_swipe>ol>li {background:none;height:0px; width:0px;}
.box_swipe>ol>li.on{background:none}
.box_swipe>ol{position:absolute;margin:auto;top:50%;background:none;width:100%;text-align:center;}
.pcshow-li li{padding: 10px; margin: 0 auto;border-radius: 4px;text-align: center;}
.pcshow-li li img{max-width: 95%;}