body{ font-family:microsoft yahei;max-width: 640px;margin: 0 auto;}
.logo{background:#151513;text-align: center;height: 60px;display: flex;align-items: center;justify-content: center;}
body img{max-width: 100%;}
*{box-sizing: border-box;}

@font-face {
	font-family:'agb';
	src:url("/css/AvantGardGothEF-Bold.ttf");

	font-weight:bold;
	font-style:normal
}

@font-face {
	font-family:'ali';
	src:url("/css/AlibabaSans-Bold.ttf");

	font-weight:bold;
	font-style:normal
}

.clear{clear:both;height:0px;width:0px;overflow:hidden;}
/* 电话   */
.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{width: 100%;font-size: 0;}
.rq{margin: 30px 0 0;}



/* 栏目   */
.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","宋体";}



.box .h2{margin-bottom: 20px;}
.box .h2{margin: 5px auto;}
.box .h2 h2{text-align: center;font: normal 22px/30px  'agb';color: #000;text-transform: uppercase;}
.box .h2 h4{text-align: center;font: normal 14px/22px   "microsoft yahei","宋体";color: #000;}
.img{font-size: 0;}
.img img{max-width: 100%;}
.container{margin: 0 auto;}

.box1{background: url(/images/bgc.jpg) no-repeat center;padding: 1rem 0 3rem;}
.box1 .container{padding: 0;max-width: 90%;position: relative;}
.box1 .img{margin-top: 2rem;}
.box1 .fll{font-size: 0;text-align: left;display: flex;
    align-items: center;}
.box1  h2{float: left;    width: 7%;    margin-right: 5%;}
.box1 .txt{float: left;width: 88%;}
.box1  h2 img{max-width: 100%;}
.box1  h4{color: #505050;text-align: left;font: bold 18px/1.5  "microsoft yahei";text-transform: uppercase;margin-top: 2rem;}
.box1  dt{color: #6f6f6f;text-align: left;font: normal 12px/2  "microsoft yahei","宋体";margin: 1rem 0;}
.box1  .dd{width: 100px;}
.box1  .dd a{height:30px;color: #6f6f6f;font:normal 12px/30px "microsoft yahei";text-align: center;display: block;border: 1px solid #6f6f6f;text-transform: uppercase;}
.box1  .dd a:hover{color: #fff;background: #6f6f6f;}

/* 产品   */
.box2{background:url(/wap/images/bgp.jpg) no-repeat center;background-size: cover;padding:2rem 0 ;}
.box2 .h2 h2{color: #464646;font: bold 25px/1.5  "microsoft yahei";text-align: center;text-transform: uppercase;}
.box2 .h2 h4{color: #464646;font: normal 13px/1.5  "microsoft yahei";text-align: center;}
.box2 .container{max-width: 90%;padding: 10px 0;box-sizing: border-box;margin: 2rem auto 0;}
.box2 ul{display: block;overflow: hidden;}
.box2 ul li{text-align: center;width: 47%;text-align: center;margin: 5px 1.5%;float: left;}
.box2 dt img{max-width: 100%;}
.box2 dd{display: block;color: #4a4a4a;font-size: 13px;}
.box2  .dd{width: 100px;margin: 2rem auto 0;}
.box2  .dd a{height:30px;color: #6f6f6f;font:normal 12px/30px "microsoft yahei";text-align: center;display: block;border: 1px solid #6f6f6f;text-transform: uppercase;}
.box2  .dd a:hover{color: #fff;background: #6f6f6f;}


.box11{position: relative;background:#fafafa;padding: 3rem 0;}
.box11 .h2{padding: 0;max-width: 80%;position: relative;margin: 0 auto 1rem;}
.box11 .container{padding: 0;max-width: 90%;position: relative;    overflow: hidden;}
.box11  h2{color: #464646;text-align: left;font: normal 18px/1.5  "microsoft yahei";text-transform: uppercase;margin-top: 1rem;}
.box11  h4{color: #464646;text-align: left;font: normal 15px/1.5  "microsoft yahei";text-transform: uppercase;margin: 0.5rem 0;}
.box11  h5{color: #464646;text-align: left;font: normal 12px/2  "microsoft yahei";text-transform: uppercase;}
.box11 .slide{margin-bottom: 1.5rem;    overflow: hidden;}
.box11  .left{overflow: hidden;}
.box11  .left img:hover{transform: scale(1.08);}
.box11  .left img{max-width: 100%;display: block;transition:all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}



/* 新闻   */
.box3{padding: 0 0 3rem;}
.box3 .h2{padding:2rem 0;}
.box3 .h2 h2{color: #464646;font: normal 25px/1.5  "microsoft yahei";text-align: center;}
.box3 .h2 h4{color: #464646;font: normal 14px/1.5  "microsoft yahei";text-align: center;text-transform: uppercase;}
.box3 .container{max-width: 100%;}
.box3 .item{float: left;width: 70%;margin: 0 15%;position: relative;}
.box3 .item ol{text-align: center;padding: 0px;font-size: 0;overflow: hidden;top: 0;z-index: 9;transition: all .3s;    position: relative;}
.box3 .item .txt{position: relative;z-index: 20;transition: all .3s;margin-bottom: 2rem;}
.box3 .item dt{font:bold 15px/32px "microsoft yahei","宋体";text-align: center;height:32px;padding: 0 10px;color: #5e5e5e;overflow: hidden;transition: all .3s;}
.box3 .item dd{font-size: 12px;line-height: 2;color: #5e5e5e;padding: 5px 10px;text-align: center;transition: all .3s;}
.box3 .item img{width: 100%;transition: all 0.6s ease 0s;transform: scale(1);display: block;}
.box3 .item a{color: #5e5e5e;}
.box3 .item:hover img{ transform: scale(1.08);}
.box3 .item ol:after{content: "";display: block;width: 100%;height: 100%;position: absolute;top:0;background:rgba(0,0,0,0.5);transition: all .3s;}
.box3 .item ol:before{content: "";display: block;width: 80%;height:80%;left: 10%;z-index: 10;transition: all .3s;
position: absolute;bottom: 10%;transition: all .3s;border: 1px solid #cca769;}







/* 联系   */
.box5{background:#020001;padding:2rem 0 ;background-size:cover;}
.box5 .img{margin: 1rem 0;padding: 0 15px;text-align: center;}
.box5 .img img{max-width: 180px;}
.box5 dt{float: none;;text-align: center;font:normal 13px/2 "microsoft yahei","宋体";color: #fff;padding: 15px;}
.box5 dt a{color: #fff;}







.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{ margin:10px 0; color:#9e9e9e; text-align:center;margin-top: 0;}
.foolpp{background:#000;padding: 18px 0;}
.fool a{ color:#9e9e9e; font-size:12px;}
.foolpp .info3{display: inline-block;}
.foolpp .info3 p{display: inline-block;}


.pffool{ width:100%;border-top: 1px solid #ccc;height: 50px;}
.pffool ul:after{content:".";visibility:hidden;display:block;clear:both;height:0;}
.pffool li{ float:left; width:25%; text-align:center;padding-top: 8px;}
.pffool li dt{text-align: center;height: 28px;}
.pffool li dt img{max-width: 30px;}
.pffool li dd{ display:block;;color: #6d767f;font-size: 13px;}

/* 头部   */
.headtop{left: 0;right: 0;top:0;width: 100%;height:36px;position: fixed;z-index: 1000;margin-bottom: 15px;background: #ccc;}
.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;font: normal 13px/36px microsoft yahei;background: #ccc;color: #fff;}
.headtop li a.hover{background: #000;color: #fff;}



.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:90%;}