@CHARSET "UTF-8";

.cs-banner{height:390px;}
.cs-banner .container{background: url(../images/city_banner.jpg) no-repeat;height: 390px;}

.container:before, .wrapper:before, .container:after, .wrapper:after{content: " ";display: table;}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    content: " ";display: table;}
*:before, *:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.cs-nav{width:215px;height: 260px;float: left;padding:130px 0 0 11px;font-weight: bold;}
.cs-nav p{margin-bottom: 4px;line-height: 16px;text-align: center;}
.cs-nav a.on{color: #fff;background: #000000;-webkit-border-radius: 15px;border-radius: 15px;padding: 3px 10px;}
.cs-nav a{color: #000000;padding: 3px 10px;display: inline-block;text-align: center;}
.cs-nav a:hover{text-decoration: underline;color: #c3a56e;}
.cs-list{min-width:200px;height:58px;font-size: 38px;line-height: 58px;color: #ffd2ca;float: left;margin-left: 537px;margin-top:127px;overflow: hidden;max-width:390px;border-bottom: 1px solid #fff;font-family:'å®‹ä½“';}
.brand-wraper{margin-bottom: 20px;background-color: #fdeff0;}
.brand-wraper .hd{line-height: 32px;padding: 0 15px;color: #4d4d4d;background-color: #242422;font-size:14px ;}
.pull-right{float: right !important;}
.pull-right a{color: #fff;}
.city_mt40{margin-top: 40px;}
.brand-wraper .hd strong{font-family: tahoma, arial, 'Hiragino Sans GB', '\5FAE\8F6F\96C5\9ED1', sans-serif;color: #fff;}
small, .small{font-size: 85%;}
.grid-wrapper:before, .grid-wrapper:after{content: " ";display: table;}
.grid-item{float: left;margin-bottom: 20px;padding: 8px;border: 1px solid transparent;background-color: #fff;}
.grid-item:hover{border: 1px solid #ccc;}
.grid-item:before, .grid-item:after{content: " ";display: table;clear: both;}
.grid-item .grid-panel{width: 222px;}
.grid-item:after{clear: both;}
.grid-item .img-box{position: relative;overflow: hidden;width: 220px;height: 240px;margin-bottom: 10px;}
.grid-item .info-cont .price{margin-bottom: 8px;color: #ff6a00;}
.grid-item .info-cont .price .price-sign{font-weight: 800;}
.price-sign{font-family: arial;margin-right: -4px;}
.grid-item .info-cont .price .price-num{font-weight: 700;line-height: 18px;margin-right: 10px;}
.price-num{font-family: arial,Verdana,Arial;}
.grid-item .info-cont .title{font-size: 12px;line-height: 18px;overflow: hidden;height: 36px;margin-bottom: 8px;text-align: justify;}
.grid-item .info-cont .operate .attention{color: #888;}
.grid-item .info-cont .operate a{font-size: 12px;display: inline-block;width: 107px;padding: 4px 0;text-align: center;border: 1px solid #d9d9d9;}
.grid-item .info-cont .operate .add-cart{width: 107px;margin-left: -1px;color: #000000;}
.grid-item .info-cont .operate a{font-size: 12px;display: inline-block;width: 107px;padding: 4px 0;text-align: center;border: 1px solid #d9d9d9;}
.grid-item .info-cont .operate a span{margin-top: -4px;margin-right: 10px;}
.grid-item .info-cont .operate a:hover,
.grid-item .info-cont .operate a:focus{text-decoration: none;color: #ff6a00;background-color: #fff3eb;}

.city_done{display: none;}
.area_new_order{padding-bottom:25px;}
.area_new_order .infoList li{background: url(../images/order_img.jpg) no-repeat left;text-indent: 80px;height:28px;line-height:28px;border: #c98217 1px solid;margin-bottom: 10px;}
.area_new_order .infoList li a{text-decoration: underline;}
.city_about{padding-bottom: 20px;}
.city_about .tit{line-height: 38px;padding: 0px 15px;color: #737373;margin-top: 10px;font-weight: bold;font-size: 14px;}
.city_about .con{padding: 25px;font-size: 13px;color: #737373;line-height: 26px;border: 1px solid #ebebeb;}
.city_about .con p{padding-bottom:10px;}
.city_article{padding-bottom: 30px;}
.city_article .ltcon{}
.city_article .ltcon .tit{line-height: 38px;padding: 0px 15px;color: #fff;background: #242422;margin-top: 10px;font-weight: bold;font-size: 14px;}
.city_article .ltcon .txt{width: 425px;float: right;}
.city_article .ltcon .txt h3{font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.city_article .ltcon .txt .body{height:48px;line-height: 25px;overflow: hidden;color: #555;padding:8px 0px;}
.city_article .ltcon .txt .date{color: #999;text-align: right;}
.city_article .ltcon .img{width: 120px;float: left;height: 120px;overflow: hidden;}
.city_article .ltcon .img img{width: 120px;height: 120px;transition: all 0.2s;}
.city_article .ltcon .img:hover img{transform: scale(1.05);}
.city_article .ltcon li{padding:8px 0;border-bottom: 1px dashed #ebebeb;float: left;width: 100%;}
.city_article .ltcon li.one .img,.city_article .ltcon li.one .body{display: none;}
.city_article .ltcon li.one .txt{width: 100%;}
.city_article .ltcon li.one .txt .date{float: right;width: 70px;text-align: right;line-height: 30px;}
.city_article .ltcon li.one h3{float: left;line-height: 30px;font-size: 14px;}

.city_article .rtcon{float:right;width: 570px;}
.city_article .rtcon .tit{line-height: 38px;padding: 0px 15px;color: #fff;background: #242422;margin-top: 10px;font-weight: bold;font-size: 14px;}
.city_article .rtcon li{padding:10px 0;border-bottom: 1px dashed #ebebeb;float: left;width: 100%;}
.city_article .rtcon .txt{width: 445px;float: right;}
.city_article .rtcon .txt h3{font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.city_article .rtcon .txt .body{height: 50px;line-height: 25px;overflow: hidden;color: #555;padding:8px 0px 0px;}
.city_article .rtcon .txt .date{color: #999;text-align: right;}
.city_article .rtcon .img{width:100px;float: left;height: 100px;overflow: hidden;}
.city_article .rtcon .img img{width: 100px;height: 100px;transition: all 0.2s;}







.ico{display: inline-block;vertical-align: middle;background-repeat: no-repeat;}
.grid-item .info-cont .operate a span{margin-top: -4px;margin-right: 10px;}
.news-block .news-b{height: 160px;float: left;margin-left: 76px;}
.news-b .tit{padding-right: 20px;height: 22px;border-right: 1px solid #000;line-height: 22px;font-size: 18px;font-weight: bold;margin-top: 64px;float: left;}
.news-b .title-b{width: 400px;height: 160px;float: left;margin-left: 20px;overflow: hidden;}
.news-b .title-b .titles{width: 400px;height: 20px;line-height: 20px;font-size: 12px;margin-top: 8px;color: #888;float: left;}
.footer-help{background-color: #f9f9f9;width: 1200px;margin: 0 auto;border: 1px solid #dcdcdc;font-size: 12px;padding-bottom: 20px;}
.footer-help .mod h4{font-family: tahoma, arial, 'Hiragino Sans GB', '\5FAE\8F6F\96C5\9ED1', sans-serif;font-size: 14px;margin-top: 0;margin-bottom: 15px;color: #010101;}
.footer-help .mod ul{margin: 0;padding: 0;}
.list-unstyled{padding-left: 0;list-style: none;}
.footer-help .mod-d ul li{line-height: 20px;}
.footer-help .mod ul li{line-height: 20px;width: 60px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.footer-help .mod ul.newlist li{width: 97%;}
.footer-help .mod-d li{display: inline-block;padding-right: 30px;}
.footer-help .mod{float: left;width: 289px;height: 204px;padding-left: 10px;border-left: 1px solid #d9d9d9;}
.proList ul{flex-direction:row;display: -webkit-flex;display: flex; flex-wrap:wrap ; justify-content:start;}
.proList ul li{text-align:center;margin-right:20px;margin-bottom:60px;width:285px;}
.proList ul li img{width:100%;}
.proList ul li:nth-child(4n+0){margin-right:0px;}
.proList ul li .name{color:#402719;font-size:14px;margin-top:15px;}
.proList ul li .name a{color:#402719;}
.proList ul li .price{color:#402719;font-size:13px;margin-top:10px;}
.proList ul li .price .mk{color:#AEAEAE;font-size:10px;text-decoration:  line-through;}
