@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;padding: 30px 0 0 0;display: block; overflow: hidden; width:100%}

.info-mall{width:1200px;margin:0 auto; }
.top{ width:1200px; padding:20px 0; margin:0 auto;}
.top-search{  width:410px; height:30px; line-height:30px; margin-top:10px;}
.top-search dl{ border:1px solid #ccc; }
.top-search dl dt{ float:left;}
.top-search dl dt input{ background:#fff; height:30px; line-height:30px; padding:0px 5px; width:140px;}
.top-search dl dd{ float:right; width:40px; text-align:center; cursor:pointer}
.top-search dl dd i{ font-size:20px; color:#ccc;}

.top-search .language-dl{ width:200px; position: relative; font-size:12px; text-align: right;}
.top-search .language-dl dt{ font-size:14px;}
.top-search .language-dl dd{ position: absolute; right:0; background:#fff; width:150px; padding:10px 15px; display:none; border:1px solid #ccc;  }
.top-search .language-dl dd a{ font-size:12px; display: block;}
.top-search .language-dl dd a:hover{ color:#999; cursor: pointer;}
.top-phone,.top-phone a{ line-height:30px; height:30px; color:#666;}
.top-phone a i{ font-size:22px;}

.nav-bg-border{ box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2) }
.nav-bg{ position: fixed; top: 0; left: 0; z-index: 999; width: 100%;  background: #fff;}
.nav{ background: #fff; margin: 0 auto; width: 1200px; height: 80px; padding: 20px 0 0 0;}
.nav ul li{float:left; margin:0px 20px; line-height:50px;}
.nav ul li.logo{}
.nav ul li.logo img{transition: all 1s; max-width:220px;}
.nav ul li.logo img:hover{transform: scale(1);}
.nav ul li a{ padding:0px 20px; color:#777; font-size:16px;}
.nav ul li a:hover{color:#333;font-weight: 500;}
.cl-nav ul li a{cursor: pointer; }

.temp-mall{width:1200px; margin:0 auto;}
.mall{ background:#fff; overflow: hidden;}
.mall-swiper{ padding:0; overflow:hidden;}
.index-title{ color:#83766d; line-height:50px; font-size:26px; font-weight: bold; display: flex; flex-direction: row; flex-wrap: nowrap;
    justify-content: center; align-items: center;}
.index-title span{font-weight:550; font-size:26px;}
.index-title i{ color:#83766d; line-height:50px; font-weight:550; font-size:26px; padding:15px;}
.index-title em{ font-weight:normal; font-size:26px;}

.index-service{ width:1200px; margin:40px auto 20px auto; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: flex-start; }
.index-service dl{display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; }
.index-service dl dd{ font-size:18px; padding-left:20px;}

.pro-list{width:1200px; margin:30px auto; overflow:hidden; display: flex !important; flex-wrap: wrap; justify-content: flex-start; align-items: center;}
.pro-list a{}
.pro-list dl{  width:260px; overflow:hidden; padding:7px; background:#fff; margin:13px; border-radius: 4px 4px; box-shadow: 0 0 5px rgba(0,0,0,0.1); }
.pro-list dl dt span{width:260px; height:260px; overflow:hidden; display: flex; flex-wrap: nowrap; align-content: center; align-items: center; justify-content: center;}
.pro-list dl dt img{ width:100%;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:hover{cursor:pointer}
.pro-list dl:hover dd{ color:#333;}

.hot-body{ width:1200px; margin:0px auto 10px auto; overflow:hidden; background:#fff; border: 1px solid #e3e3e3;}
.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; display: flex !important; flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: center; flex-direction: row;  }
.hot-dl dl{width:270px; overflow:hidden;border: 1px solid #e3e3e3 ; margin: 14px; border-radius: 4px 4px; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.hot-dl dl:hover{cursor:pointer;}
.hot-dl dl dt{width:270px; height:270px; overflow:hidden; display: flex; flex-wrap: nowrap; align-content: center; align-items: center; justify-content: center;}
.hot-dl dl dt img{width:100%; 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:5px 5px;}
.hot-dl .no-pro{ font-size:14px;text-align: center; padding: 50px 0px; width: 100%;}

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

.bot-new-list{ padding:10px 0;}
.bot-new-list ul{ display: inline-block;}
.bot-new-list ul li{ display: block; line-height:30px;}
.bot-new-list ul li:nth-child(1) a{ font-size:20px;}
.bot-new-list ul li a{ padding:0px 10px; color:#83766d}

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


.news-title{ width:1200px; 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:1200px; 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:1200px; 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; font-size:16px;}
.order-info dd li em{ color:#999;text-decoration: line-through; margin-left:10px; font-style: normal; font-size:12px;}

.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:1140px; 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:1140px; 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:1140px; 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:1200px; 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:1200px; 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;}

.bottom-new-bg{ background:#f1f1f1; width: 100%; display: block; overflow: hidden;}
.bottom-new{ width:1200px; margin:50px auto;}
.bottom-new .bottom-logo{ width:400px;}
.bottom-new .bottom-logo img{ max-width:200px; min-width:100px;}
.bottom-new .bottom-logo dd{ line-height:25px; color:#666;}

.diy-alert dl{position: fixed;  bottom: 5px; left: 5px; z-index:9999;background-color: rgba(0,0,0,0.6); color:#fff; padding:5px; display:none;}
.diy-alert dl dt{ width:60px; height:60px; float:left; margin-right:5px;}
.diy-alert dl dt img{ width:60px; height:60px;}
.diy-alert dl dd{float: left; max-width:250px;}

.line-app{position: fixed; right: 10px; bottom: 23%; width: 42px; opacity: 0.8;}
.line-app a{ margin:5px 0; height:42px; display: block;}