/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2019-04-16 09:45:52
 * @version $Id$
 */


/*内容*/

.content{ width: 980px; height: auto; margin: 0 auto; }


/*内容左侧*/

/*内容左侧-商家信息*/

.content-left{ float: left; width: 230px; height: auto; }

.contact{ width: 100%; height: auto; background: white; }

h1.contact-title{ width: 190px; padding: 0 20px; background: #fff; font-size: 18px; line-height: 56px; color: #000; border-bottom: 1px solid #ededed; margin-bottom: 12px; }

.contact-boxes{ width: 190px; height: auto; padding: 0 20px; background: #fff; }

.contact-box{ width: 190px; height: auto; padding: 0 20px; background: #fff; }

b.the-left{ float: left; display: inline-block; width: 70px; font-size: 12px; line-height: 16px; color: #000; }

i.the-right{ float: left; display: inline-block; width: 120px; font-size: 12px; line-height: 16px; color: #666; }

i.the-right-num{ float: left; display: inline-block; width: 120px; font-size: 12px; line-height: 16px; color: #c50000; font-weight: 700; }

b.the-left-qq{ float: left; display: inline-block; width: 70px; font-size: 12px; line-height: 22px; color: #000; }

a.the-right-qq {
    float: left;
    display: inline-block;
    width: 120px;
    font-size: 12px;
    height: 22px;
    background: url(../image/QQ.png) no-repeat;
}

span.dashed-line{ display: inline-block; width: 100%; height: 1px; border-bottom: 1px dashed #d4d4d4; position: relative; top: -4px; }

/*内容左侧-地图展示*/

.contact-map-box{ width: 190px; padding: 0 20px; text-align: center; margin-top: 14px; padding-bottom: 4px; }

.contact-map{ width: 190px; height: 290px; background: url(../image/map-little.jpg); }

a.map-more{ font-size: 12px; line-height: 32px; color: #666; }

a.map-more:hover{ color: #c50000; }

/*空div*/

.none-div{ width: 100%; height: 18px; background: #fff; }


/*内容左侧-服务信息&优惠促销*/

.service{ width: 100%; height: auto; background: white; margin-top: 20px; }

h2.contact-title{ width: 190px; padding: 0 20px; background: #fff; font-size: 18px; line-height: 56px; color: #000; border-bottom: 1px solid #ededed; margin-bottom: 2px; }

ul.service-list{ width: 190px; padding: 0 20px 10px 20px; }

ul.service-list li{ width: 190px; height: 34px; }

a.service-world{ display: block; width: 190px; height: 34px; font-size: 12px; line-height: 34px; color: #666; border-top: 1px dashed #d4d4d4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.service-main ul.service-list li:first-child a.service-world{ border-top: none; }

a.service-world:hover{ color: #c50000; }

a.service-world-s:hover{ color: #c50000; }


/*内容右侧*/

/*内容右侧-企业简介*/

.content-right{ float: right; width: 730px; height: auto; }

.about{ width: 100%; height: auto; background: white; padding-bottom: 14px; }

.about .title-right{ width: 100%; height: 56px; border-bottom: 1px solid #ededed; margin-bottom: 14px; }

span.title-word{ font-size: 18px; line-height: 56px; color: #000; padding-left: 20px; }

.about-main{ width: 670px; height: auto; margin: 0 auto; }

p.custom{ font-size: 14px; line-height: 24px; color: #555; }

p.custom-1{ font-size: 14px; line-height: 24px; color: red; }

p.custom-2{ font-size: 20px; line-height: 30px; color: black; }

p.custom-3{ font-size: 14px; line-height: 24px; color: #30a436; }


/*内容右侧-产品展示*/

.product{ width: 100%; height: auto; background: white; margin-top: 20px; }

.product .title-right{ width: 100%; height: 56px; border-bottom: 1px solid #ededed; margin-bottom: 20px; }

a.title-word-more{ font-size: 14px; line-height: 56px; color: #999; float: right; padding-right: 20px; }

a.title-word-more:hover{ color: #000; }

.product-main{ width: 670px; height: auto; margin: 0 auto; }

.product-main ul li{ float: left; margin-left: 20px; margin-bottom: 20px; text-align: center;  }

.product-main ul li:first-child{ margin-left: 0; }

.product-main ul li:first-child +li +li +li{ margin-left: 0; }

.product-main ul li:first-child +li +li +li +li +li +li{ margin-left: 0; }

.product-box{ width: 208px; height: 182px; border: 1px solid #dadada; }

.product-img{ width: 180px; height: 135px; margin: 0 auto; margin-top: 10px; overflow: hidden; }

.product-img img{ width: 100%; }

a.product-word{ display: inline-block; font-size: 14px; line-height: 38px; color: #555; width: 180px; height: 38px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

a.product-word:hover{ color: #c50000; }


/*内容右侧-相册展示*/

.album{ width: 100%; height: auto; background: white; margin-top: 20px; }

.album .title-right{ width: 100%; height: 56px; border-bottom: 1px solid #ededed; margin-bottom: 20px; }

.album-main{ width: 670px; height: auto; margin: 0 auto; }

.album-main ul li{ float: left; margin-left: 10px; margin-bottom: 20px; text-align: center;  }

.album-main ul li:first-child{ margin-left: 0; }

.album-main ul li:first-child +li +li +li+ li{ margin-left: 0; }

.album-main ul li:first-child +li +li +li +li +li +li +li +li +li{ margin-left: 0; }

.album-main ul li.album-box{ width: 160px; height: 120px; overflow: hidden; }

.album-main ul li.album-box img{ width: 100%; }


/*内容右侧-新闻展示*/

.news{ width: 100%; height: auto; background: white; margin-top: 20px; padding-bottom: 14px; }

.news .title-right{ width: 100%; height: 56px; border-bottom: 1px solid #ededed; }

.news ul.news-main{ width: 670px; height: auto; margin: 0 auto; }

.news ul.news-main li{ width: 100%; height: 58px; border-top: 1px dashed #d4d4d4; }

.news ul.news-main li:first-child{ border-top: none; }

.news ul.news-main li .news-left{ float: left; width: 540px; height: 58px; }

.news ul.news-main li .news-left a.news-title{ display: inline-block; float: left; width: 540px; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 24px; color: #337575; margin-top: 6px; }

.news ul.news-main li .news-left a.news-title:hover{ color: #c50000; }

.news ul.news-main li .news-left p.news-word{ float: left; font-size: 12px; line-height: 22px; color: #555; width: 540px; height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

span.news-right{ float: right; font-size: 14px; line-height: 58px; color: #555; text-align: right; }