@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'iconfont';  /* project id 2274817 */
  src: url('https://at.alicdn.com/t/font_2274817_gse6m82n6ki.eot');
  src: url('https://at.alicdn.com/t/font_2274817_gse6m82n6ki.eot?#iefix') format('embedded-opentype'),
  url('https://at.alicdn.com/t/font_2274817_gse6m82n6ki.woff2') format('woff2'),
  url('https://at.alicdn.com/t/font_2274817_gse6m82n6ki.woff') format('woff'),
  url('https://at.alicdn.com/t/font_2274817_gse6m82n6ki.ttf') format('truetype'),
  url('https://at.alicdn.com/t/font_2274817_gse6m82n6ki.svg#iconfont') format('svg');
}
.btn-close{font-family: 'iconfont';}

*{font-family:"微软雅黑";}
body{margin:0px; padding:0px; font-size:14px; font-family:"微软雅黑";}
p,form,h1,h2,h3,h4,dd,dt,dl,em{margin:0px; padding:0px; font-weight: normal;font-style: normal;}
ul,li{margin:0px; padding:0px; list-style:none;}
img{vertical-align:middle; border:none;max-width: 100%;}
a{text-decoration:none;color:#666;}
.clear{clear:both;}
/**********/
#pages{padding: 30px 0; height: 30px; text-align: center;}
#pages ul{display: inline-block;}
#pages li{float: left; margin: 0 2px; height: 27px; line-height: 27px; color: #333; border: 1px solid #ddd; margin-bottom: 5px; }
#pages a{background-color: #fff; color: #333; background-image: none !important; border: none; padding: 0 10px; display: block;}
#pages a:hover{background-color: #eee; background-image: none !important;}
#pages li span{display: inline-block; padding: 0 10px;}
#pages .disabled span{display: inline-block; padding: 0px 10px;background-color: #eee; color: #333;}
#pages .active{background-color: #7fd8d0; color: #fff;}
/*******************************************/
.head{display:flex;justify-content: center;align-items: center;height:120px;}
.logo{text-align:center;width:520px;position: relative;height:120px;display:flex;justify-content:space-between;align-items: center;}
.logo img{width:170px;}
.logo strong{position: absolute;top:10px;right:0;font-size:50px;color:#7fd8d0;font-family:"Arial Black";}
.logo span{position: absolute;bottom:35px;right:30px;font-size:16px;color:#7fd8d0;}

.nav{box-shadow: 5px 0px 5px #7fd8d0}
.menu{display:flex;align-items: center;justify-content:space-between;position:relative;max-width:1000px;margin:0 auto;}
.menu li{font-size:18px;margin:0;height:50px;line-height:50px;position:relative;}
.menu li a{display:block;padding:0 40px;}
.menu li:hover{background:#7fd8d0;}
.menu li:hover .m{color:#fff;padding:0 40px;}
.menu .cur{background:#7fd8d0;}
.menu .cur .m{color:#fff;display:block;padding:0 40px;}
.menu li dl{ display:none; position:absolute; top:50px;width:100%;z-index:999999;background:#dbf4f1;left:0;}
.menu li dd{ height:50px; overflow:hidden;border:1px #7fd8d0 solid;border-top:none;}
.menu li dd a{ height:50px; text-align:center; line-height:50px;font-size:16px;color:#666;display:block;}
.menu li dd a:hover{ color:#000; text-decoration:none;}

.pro_title{height:135px;width:100%;background:url(../images/product.png) no-repeat center;display:flex;justify-content: center;align-items: center;font-size:20px;color:#666;margin:40px auto 0;background-size:auto 100%;}

.category{max-width:800px;margin:20px auto 50px;}
.category ul{display:flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;position: relative;}
.category ul li{margin:1.5%;width:calc(22% - 30px);position:relative;border:5px #7fd8d0 solid;height:240px;display:flex;justify-content: center;align-items: center;overflow: hidden;padding:10px;}
.category ul li .nr{display:block;position: absolute;width:calc(100% - 20px);height:calc(100% - 20px);background:rgba(127,216,208,.7) url(../images/logo.png) no-repeat bottom 10px center;background-size:90% auto;left:0;top:-260px;z-index: 9999;padding:10px;transition: all .2s ease-in;opacity: 0;display:flex;justify-content: center;align-items: center;color:#fff;font-size:24px;word-wrap: break-word;
white-space: normal;
word-break: break-all;}
.category ul li:hover .nr{top:0;opacity: 1}
.category ul b{font-size:150px;color:#7fd8d0;position: absolute;left:-80px;top:40px;font-weight:normal;}
.category ul i{font-size:150px;color:#7fd8d0;position: absolute;right:-80px;top:40px;font-style:normal;}



.copy{height:60px;text-align:center;background:#7fd8d0;color:#fff;display:flex;justify-content: center;align-items: center;}
.m2{margin-top:calc(0.1% + 50px) !important;}
.m1{margin-top:calc(0.1% - 50px) !important;}

.pagebody{max-width:960px;margin:20px auto;padding:20px;font-size:16px;line-height:28px;}
.pagebody p{color:#666;}
.pagebody p strong{font-size:18px;color:#333;}


.kucun{max-width:1000px;margin:20px auto;color:#666;display:flex;justify-content: space-between;}

.fenlei{max-width:1000px;margin:20px auto;color:#666;}
.fltitle{height:40px;background:url(../images/logo.png) no-repeat left bottom;background-size:auto 80%;display:flex;align-items: center;justify-content: space-between;position: relative;}
.fltitle strong{font-size:18px;color:#7fd8d0;font-family:"Arial Black";margin-left:85px;}
.fltitle a{font-size:18px;color:#7fd8d0;}
.fltitle:after{content: '';border-bottom:1px #7fd8d0 solid;width:calc(100% - 80px);height:1px;position: absolute;bottom:0;right:0;}

.flbody{padding:10px 0;}
.flbody ul{display:flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;}
.flbody ul li{width:15.66%;margin:1% .5%;text-align:center;transition: all 0.6s;padding:0;}
.flbody ul li img{width:80%;margin:0 auto;display:block;}
.flbody ul li:Hover{}
.flbody ul li strong{font-size:18px;color:#666;margin:5px auto;display:block;}
.flbody ul li .zixun{box-shadow: 0px 0px 3px #ccc;padding:5px;border:none;background:#7fd8d0;display:block;margin:10px auto;border-radius:2px;cursor: pointer;transition: all 0.3s;outline:none;color:#fff;}
.flbody ul li .zixun:hover{background:#999;color:#fff;}
.flbody ul li p{color:#999;}

.flbody ul li .dis-click{background:#eee;color:#999;}
.flbody ul li .dis-click:hover{background:#eee;color:#999;}

.showMorehandle{text-align:center;padding:20px 0 40px 0;margin-top:20px;}
.showMorehandle span{background:#eee;padding:10px 35px;border-radius:30px;cursor:pointer;transition: all 0.3s;}
.showMorehandle span:hover{background:#7fd8d0;color:#fff;}




.con_intro {max-width:1000px;margin:20px auto;}
.con_intro .left {width:500px;float:left;padding-bottom:20px;position:relative;}


.ncontent{width:460px;float:right;}
.ncontent div{margin:10px 0;font-size:16px;line-height:28px}
.ncontent div b{color:#000;}
.cart,.yanshi{max-width:1000px;margin:20px auto;line-height:28px;}


.J-shoping{height:30px;z-index:900;}
.J-shoping-item{position:relative;padding:0px 6px;height:34px;}
.J-shoping-main{position:relative;}
.J-shoping-title{height:30px;cursor:pointer;line-height:30px;position:relative;text-align:center;background:#397af6;}
.J-shoping-title .J-go{color:#fff;display:block;font-size:14px;}
.J-shoping-title .J-go em{display:inline-block;width:17px;height:14px;vertical-align:middle;margin:-2px 10px 0px 0px;margin-top:0px\9;background-position:-56px -124px;}
.J-shoping-num{width:18px;height:18px;background:#c00;text-align:center;overflow:hidden;line-height:18px;display:block;position:absolute;right:-7px;top:-7px;color:#fff;font-size:10px;border-radius:100%;}
.J-shoping-mx{width:113px;position:absolute;left:-3px;top:-3px;height:3px;background-position:-4px -187px;z-index:921;}
.J-shoping-small{width:119px;}
#floatOrder{width:50px;height:50px;padding:2px;background:#fff;border:solid 2px #ccc;overflow:hidden;position:absolute;z-index:890;}

#carList{max-width:1000px;margin:10px auto;transition: all 0.6s;}
#carList ul{overflow:hidden;}
#carList li{/*width:200px;margin:0;text-align:center;padding:1% 0;float:left;*/overflow: hidden;}

#carList li img{width:117px;max-width:117px;}
#carList li strong{width:117px;}
#carList li p{width:117px;margin:0 auto;}
#carList li span{width:117px;margin:10px auto;}


.spinnerExample{width:35px;text-align:center;border:1px #ccc solid;border-radius:2px;}
.btn-close{margin:10px auto;display:block;cursor: pointer;font-size:18px;}

.firsts{padding:10px;display:flex;justify-content: space-between;align-items: center;}
.firsts i{font-style:normal;color:#f00;margin-right:5px;}
.textareacss{width:calc(100% - 2px);height:100px;margin:5px auto;border:1px #ccc solid;border-radius:3px;}
.second{overflow:hidden;display:flex;justify-content: flex-start;flex-wrap: wrap;padding:15px;max-width:900px;margin:0 auto;}
.second li{width:calc(50% - 20px);padding:5px 10px;}
.second li b{display:inline-block;width:130px;text-align:right;padding-right:10px;}
.second li i{font-style:normal;color:#f00;}
.second li:last-child{width:calc(100% - 20px);padding:5px 10px;display:flex;align-items: center;justify-content: flex-start;}

.textcss{width:250px;height:30px;border:1px #ccc solid;border-radius:3px;}
.textcss1{width:120px;height:30px;border:1px #ccc solid;border-radius:3px;}
.textcss2{width:calc(100% - 180px);height:60px;border:1px #ccc solid;border-radius:3px;margin-left:5px;}

.four{padding:20px;text-align:center;opacity: }
.zcbut{width:150px;height:40px;background:#7fd8d0;color:#fff;font-size:20px;border:none;cursor: pointer;margin:0 10px;}
.czbut{width:150px;height:40px;background:#ddd;color:#fff;font-size:20px;border:none;cursor: pointer;margin:0 10px;}

.gallery-zoom{overflow:hidden;margin-bottom:10px;}
.gallery-zoom li{width:calc(20% - 2px);float:left;margin:1px;}
.gallery-zoom li img{height:auto;width:100%;}

.clear{clear:both;}



.smallbox{ width: 500px; position: relative;}
.smallbox img{ width: 498px; height: 498px;vertical-align:middle;border:1px #ccc solid;}
.i_box{width: 235px; height: 235px; border: 1px solid #CCC; position: absolute;left: 0;
top: 0;background: rgba(243,210,76,0.5);cursor: move;display: none;}
.bigbox{ width: 600px;height: 600px; overflow: hidden;position: absolute;left: 500px; top:0; border: 1px solid #CCCCCC;
display: none;background:#fff;}
.search{ width: 30px; height: 30px; position: absolute; right: 0; bottom: 0; background: url("../img/search.png")no-repeat;}
.listimg{width:500px;float: left; margin: 20px 0px; position: relative;}
.list_center{ width:430px; height: 115px; margin: 0px auto; position: relative; overflow: hidden;}
.list_center ul{ height: 115px;width:10000px;}
.list_center ul li{ height: 100px; width: 100px; margin:4px;margin-top:0; float: left;cursor: pointer;}
.list_center ul li img{ width: 98px;height: 98px;border: 1px solid #ccc;}
.list_center ul li img:hover{border: 1px solid #f00;}
.listimg i{width: 26px;height: 98px;display:block; }
.sprite-arrow-prev{ background:url("../images/disabled-next.png") no-repeat center; position: absolute;right: 0;top:0px;border:1px #ccc solid;}
.sprite-arrow-next{ background:url("../images/disabled-prev.png") no-repeat center; position: absolute;left: 0;top:0px;border:1px #ccc solid; }

.spinnerExample:before{content: '-';width:10px;height:10px;background:#000;color:#fff;}
.spinnerExample:after{content: '+';}


.showtt .zixun{box-shadow: 0px 0px 3px #ccc;padding:5px;border:none;background:#7fd8d0;display:block;margin:10px auto;border-radius:2px;cursor: pointer;transition: all 0.3s;outline:none;color:#fff;width:120px;height:30px;font-size:16px;}
.showtt .zixun:hover{background:#999;color:#fff;}
.showtt .dis-click{background:#eee;color:#999;}
.showtt .dis-click:hover{background:#eee;color:#999;}

@media (max-width:800px){
	.head{height:80px;box-shadow: 0px 1px 1px #7fd8d0}
	.logo{width:100%;height:80px;}
	.logo img{width:80px;margin-left:20px;}
	.logo strong{font-size:26px;right:calc(50% - 100px);top:15px;}
	.logo span{bottom:22px;right:calc(50% - 85px);font-size:12px;}
	.nav{display:none;}

.mmcaidan{position: absolute;right:10px;top:25px;width:25px;}
.mmdl{position: fixed;width:100%;height:95vh;overflow:hidden;background:#fff;left:0;text-align:center;line-height:40px;font-size:16px;top:0;z-index:99999;padding-top:5vh;overflow: auto;}
.mmdl a{display:block;border-bottom:1px #eee solid;text-align:left;padding:5px;width:75%;margin:0 auto;}
.gb{width:16px;height:16px;position:absolute;right:3%;top:3%;}

.cd li .m{padding-right:30px;}
.cd li dd a{padding-left:30px;font-size:14px;}


.pro_title{background-size:50% auto;margin:10px auto;height:100px;font-size:18px;}
.category ul b,.category ul i{display:none;}

.category ul li{height:150px;border: 3px #7fd8d0 solid;width: calc(22% - 26px);}

.m2{margin-top:calc(0.1% + 30px) !important;}
.m1{margin-top:calc(0.1% - 30px) !important;}
.category ul li .nr{font-size:16px;}
.fltitle{background-size:30px auto;background-position: left 5px top 15px;}
.fltitle strong{margin-left:40px;}
.flbody ul li p{height:19px;}
.flbody ul li .price{padding-bottom:5px !important;}

.flbody ul li{width:32.33% !important;padding:0 !important;margin: 1% .5% !important;}

#carList li img{width:80%;padding:0;}
#carList li strong{width:100%;padding:0;}
#carList li p{width:100%;padding:0;font-size:12px;}

.second li{width:calc(100%);padding:5px 0;display:flex;justify-content: space-between;align-items: center;}
.second li .textcss{width:calc(100% - 150px);}
.second li b{padding-right:0;}

.second li:last-child{width:calc(100%);padding:5px 0;display:flex;justify-content: space-between;align-items: center;}
.second li .textcss2{width:calc(100% - 150px);}



.third{padding:0 10px;word-break:break-all;line-height:28px;}

.four{display:flex;justify-content: center;}
.zcbut{width:40%;}
.czbut{width:40%;}

.con_intro .left{width:100vw;float:none;}
.con_intro .left img.show_tu{width:calc(100vw - 2px);height:calc(100vw - 2px);}

.con_intro .left .tupians ul li{width:calc(25vw - 12px);height:calc(25vw - 12px);}
.ncontent{float:none;width:96%;margin:0 auto;}

.con_intro .left .prev,.con_intro .left .next{top:-240px;}

.gallery-zoom{margin-top:-20px;}
.gallery-zoom li{width:calc(50% - 2px);float:left;margin:1px;}





.smallbox{ width: 100%; position: relative;}
.smallbox img{ width: calc(100vw - 2px); height: calc(100vw - 2px);vertical-align:middle;border:1px #ccc solid;}
.i_box{width: 235px; height: 235px; border: 1px solid #CCC; position: absolute;left: 0;
top: 0;background: rgba(243,210,76,0.5);cursor: move;display: none !important;}
.bigbox{ display:none !important;}
.search{ width: 30px; height: 30px; position: absolute; right: 0; bottom: 0; background: url("../img/search.png")no-repeat;}
.listimg{width:100%;float: left; margin: 20px 0px; position: relative;}
.list_center{ width:calc(100vw - 66px); height: 115px; margin: 0px auto; position: relative; overflow: hidden;}
.list_center ul{ height: 115px;width:100000px !important;}
.list_center ul li{ height: calc((100vw - 66px)/3 - 8px); width: calc((100vw - 66px)/3 - 8px); margin:4px;margin-top:0; float: left;cursor: pointer;}
.list_center ul li img{ width: calc((100vw - 66px)/3 - 10px);height: calc((100vw - 66px)/3 - 10px);border: 1px solid #ccc;}
.list_center ul li img:hover{border: 1px solid #f00;}
.listimg i{width: 26px;height: calc((100vw - 66px)/3 - 10px);display:block; }
.sprite-arrow-prev{ background:url("../images/disabled-next.png") no-repeat center; position: absolute;right: 0;top:0px;border:1px #ccc solid;}
.sprite-arrow-next{ background:url("../images/disabled-prev.png") no-repeat center; position: absolute;left: 0;top:0px;border:1px #ccc solid; }

.fltitle:after{width:100%;}

.wapcatname{position:absolute;top:20px;color:#7fd8d0;word-wrap:break-word;text-align:center;width:90%;left:5%;}





}

@media (min-width:801px){
	.mmcaidan,.wapcatname{display:none;}

}