@charset "utf-8";
*{margin:0;padding:0;-webkit-text-size-adjust:100%;font-family:"微软雅黑"; font-size:14px;}
html{background:#fff}
html,body{overflow-x:hidden;margin:0 auto;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
input[type="button"],input[type="submit"]{cursor:pointer;-webkit-appearance: none;outline:none;}
ul,ol,li{ list-style:none;}
input{ border:0;outline:none;}
a{ text-decoration:none;}
.c{ clear:both;}
img{border:0;}
.fl{float:left;}
.fr{float:right;}
.layui-flow-more{clear:both; margin-top:30px;/* display:none;*/}

.info-mall{width:1000px;margin:0 auto; }
.top{ width:1000px; padding:20px 0; margin:0 auto;}
.top-search{ border:1px solid #ccc; width:200px; height:30px; line-height:30px; overflow:hidden;}
.top-search dl dt{ float:left;}
.top-search dl dt input{ background:#fff; height:30px; line-height:30px; padding:0px 5px; width:150px;}
.top-search dl dd{ float:right; width:40px; text-align:center; cursor:pointer}
.top-search dl dd i{ font-size:20px; color:#ccc;}
.top-phone,.top-phone a{ line-height:30px; height:30px; color:#666;}
.top-phone a i{ font-size:22px;}

.nav{ background:#fff; overflow:hidden; margin:30px auto 0px auto; width:1000px}
.nav ul li{float:left; margin:0px 42px; line-height:50px;}
.nav ul li.logo{ margin-top:-15px;}
.nav ul li.logo img{transition: all 0.8s;}
.nav ul li.logo img:hover{transform: scale(1.2);}
.nav ul li a{ padding:0px 20px; color:#777; font-size:16px;}
.nav ul li a:hover{color:#333;font-weight: bold;}

.temp-mall{width:1000px; margin:0 auto;}
.mall{ background:#f1f1f1; overflow: hidden;}
.mall-swiper{ padding:30px 0 10px 0; overflow:hidden;}
.index-title{ color:#83766d; text-align:center; line-height:30px; font-size:18px; font-weight: bold;}
.index-title em{font-weight:normal;}

.pro-list{width:1000px; margin:30px auto; overflow:hidden; }
.pro-list dl{ border-radius:3px; float:left; width:226px; overflow:hidden; padding:7px; background:#fff; height:300px; margin:5px 10px 5px 0;}
.pro-list dl dt span{width:225px; height:225px; overflow:hidden; display:block;}
.pro-list dl dt img{ width:225px;transition: all 0.8s;}
.pro-list dl dt img:hover{transform: scale(1.2);}
.pro-list dl dd{ color:#666; margin:5px 2px; line-height:20px; height:40px; overflow:hidden;}
.pro-list dl li{color: #f60; display: block; font-size: 16px; font-weight: bold;}
.pro-list dl:nth-child(4n){ margin:5px 0px 5px 0;}
.pro-list dl:hover{cursor:pointer}
.pro-list dl:hover dd{ color:#333;}

.hot-body{ width:1000px; margin:0px auto 10px auto; overflow:hidden; background:#fff;}
.hot-body ul{overflow:hidden; }
.hot-body ul li{ float:left; display: inline-block; height: 40px; font-size: 14px; color: #4b4b4b; background: #fff; text-align: center; overflow: hidden; border-bottom: 1px solid #e3e3e3;}
.hot-body ul li.hover{color: #1faf33; border-bottom: 1px solid #1faf33;}
.hot-body ul li:hover{cursor:pointer}
.hot-body ul li:nth-child(1) span{border:0;}
.hot-body ul li span{display: inline-block; margin: 10px 0; height: 20px; line-height: 20px; border-left: 1px solid #ccc; width: 100%; text-align: center;}
.hot-dl{ padding:10px 0px 20px 0px; overflow:hidden;}
.hot-dl dl{width:236px; height:320px; overflow:hidden; margin:10px 0px 0px 10px; float:left;border: 1px solid #e3e3e3 ;}
.hot-dl dl:hover{cursor:pointer;}
.hot-dl dl dt{width:236px; height:236px; overflow:hidden;}
.hot-dl dl dt img{width:236px; transition: all 0.8s;}
.hot-dl dl dt img:hover{transform: scale(1.2);}
.hot-dl dl dd{ padding:3px 5px; line-height:20px; height:40px; overflow:hidden;}
.hot-dl dl li{color: #f60; display: block; font-size: 16px; font-weight: bold; padding:0px 5px;}
.hot-dl .no-pro{ font-size:14px;text-align: center; padding: 50px 0px;}

.new-list{width:1000px; margin:0px auto; overflow:hidden; padding-bottom:20px;}
.new-list ul li a{color: #83766d; line-height:30px;}

.bot-new-list{text-align:center; padding:10px 0;}
.bot-new-list ul{ display: inline-block;}
.bot-new-list ul li{ float:left; border-left: 1px solid #83766d;}
.bot-new-list ul li:nth-child(1){border:0}
.bot-new-list ul li a{ padding:0px 10px; color:#83766d}

.copyright{ text-align:center; padding:0px 0px 30px 0; color:#83766d;}


.news-title{ width:1000px; margin:0 auto;  text-align:center; font-size:18px; color:#83766d; font-weight: bold; padding:30px 0; border-bottom: 1px solid #83766d;}
.news-show{ width:1000px; margin:0 auto; padding:20px 0 30px 0;}

.order{ background:#fff; margin:10px auto; width:980px; padding:10px; overflow: hidden;}
.order-title{ font-size:14px; line-height:40px; height:40px; border-bottom:1px solid #e2e2e2; padding:0px 2%;}
.order ul{ padding:2%; overflow:hidden; line-height:30px; color:#333;}
.order ul li em{ width:70px; text-align:right;display: inline-block; font-style: normal;}
.order ul li var{ background:#f7262c; color:#fff; text-align: center; padding:0px 10px; line-height: 30px; display: inline-block; font-style: normal; border-radius: 5px;}
.order ul span{ color:red; font-weight:bold; font-size:16px;}
.order dl{ float:right; overflow:hidden;}
.order dl dt,.order dl dd{ float:left; margin-right:15px;}
.order dl a{ border-radius:10px; border:1px solid #777; height:30px; line-height:30px; display:inline-block; padding:0px 15px; color:#777;}
.order p,.p{ background:#e2e2e2; height:1px;}

.order-info-bg{margin:0px auto 10px auto; background:#fff; width:1000px; padding:10px 0;}
.order-info{overflow:hidden; padding:10px;} 
.order-info dt{ float:left; width:90px;}
.order-info dt img{ width:100%;}
.order-info dd{ margin-left:100px;}
.order-info dd li{ line-height:30px;}
.order-info dd li span{ color:red; font-weight: bold;}
.order-info dd li em{ color:#999;text-decoration: line-through; margin-left:10px; font-style: normal}

.order-dl{ margin:5px 0;clear:both; line-height:22px;}
.order-dl dt{ float:left; width:100px; text-align:right; color:#999;}
.order-dl dd{ margin-left:110px;}
.order-dl dd span{ background:red; color:#fff; padding:2px 10px; border-radius: 3px}
.order-dl dd a{ color:red; text-decoration: underline;}

.order-content{ margin:10px 2%; }
.order-content dt{ line-height:25px; font-weight: bold;} 
.order-content dd{ color:#999; line-height:25px;}
ol.order-ol{ text-align:right; border-top: 1px solid #f1f1f1; line-height:35px; padding:0px 2%;}
ol.order-ol i{ color:red; font-weight: bold; padding:0px 3px; font-style: normal;} 


.cl-title{ background:#F66; color:#fff; font-size:20px; width:940px; margin:30px auto 0 auto;overflow:hidden;  padding:30px;}
.cl-nav{text-align:center; margin-top:30px;}
.cl-nav ul{ display: inline-block;}
.cl-nav ul li{ float:left; margin:0px 10px;}
.cl-nav ul li a{ height:35px; line-height:35px; border:1px solid #83766d; display: inline-block;padding:0px 15px;}
.cl-nav ul li a:hover{ background:#5b4840; color:#fff;}
.cl-nav ul li a.hover{ background:#5b4840; color:#fff;}

.so-title{ background:#fff; width:940px; margin:0 auto;  overflow:hidden; padding:30px 30px 0px 30px;}
.so-title b{ font-size:16px; line-height:30px;}
.so-title p{ color:#777; line-height:25px;}
.so-dl{background:#fff; width:940px; margin:0 auto 30px auto;  overflow:hidden; padding:30px }
.so-dl dl{overflow:hidden; line-height:35px; margin:10px 0;}
.so-dl dl dt{ float:left; width:80px; text-align:right;}
.so-dl dl dd{ margin-left:100px;}
.so-dl dl dd input{ width:300px; height:35px; line-height:35px; border: 1px solid #ccc; padding:0px 10px;}
.so-dl dl dd input:focus{border: 1px solid #83766d;}
.so-submit{ width:150px; height:40px; line-height:40px; background:#F66; color:#fff; text-align:center; margin:10px 0px 0px 100px;cursor:pointer}


.pages{ overflow:hidden; margin:8px 0px; padding-left:3%; text-align: center;}
.pages div{display: inline-block}
.pages a{ padding:0px 10px; background:#fff; margin-top:0px !important; border:1px solid #e6e6e6; margin-right:5px; color:#333; height:35px; line-height:35px; display:inline-block;}
.pages a:hover{background:#5b4840;  border:1px solid #5b4840;color:#fff;}
.pages span{ padding:0px 10px; background:#5b4840;  border:1px solid #5b4840;color:#fff;margin-right:5px; height:35px; line-height:35px; display:inline-block;}
.pages li{ line-height:35px; padding-left:10px; color:#444; float:left;}
.pages select{ float:left; width:100px; height:35px; margin-left:10px;}
.pages li,.pages a,.pages span{ float:left; border-radius:2px;}


.log-bg{margin:0px auto 20px auto; width:1000px; background:#fff;}
.logistics{ border-left:1px solid #e2e2e2; margin:0px 40px; width:920px; padding:20px 0; font-size:14px;}
.logistics li{ color:#666; line-height:25px;  padding-left:15px;  padding-bottom:25px; position:relative;}
.logistics li span{ font-size:14px; color:#ccc;}
.logistics li label{color:#f22127;}
.logistics li p{ padding:3px 0;}
.logistics li em{ position:absolute; z-index:2; width:20px; height:20px; left: -11px; top:4px; border-radius:50%; background:#e2e2e2;}
.logistics li.tail span{color:red !important;}
.logistics li.tail i{color:red; position:absolute; left:-26px; top:2px; font-size:24px;}
.logistics li.tail em{background:red;}
.logistics li.tail p{ color:red;}

.log-info{ width:1000px; margin:0px auto; background:#e2e2e2; padding:20px 0;}
.log-info dt{ float:left; width:50px; margin-left: 16px;}
.log-info dt img{ width:100%;}
.log-info dd{ margin-left:80px; line-height: 24px; font-weight: bold;}
.log-info dd a{ text-decoration: underline;}