@charset "UTF-8";
.main { padding-top: 10px; padding-bottom: 30px; background-color: #f5f5f5; }
a{color:#666666;}
.main .news-container { overflow: hidden; }
.main .news-container .left { width: 880px; float: left; }
.main .news-container .left .head-box { background-color: #fff; border-bottom: 1px solid #f4f4f4; padding: 30px 80px; }
.main .news-container .left .head-box .title { font-size: 28px; color: #000; text-align: center; }
.main .news-container .left .head-box .stitle { font-size: 14px; color: #999; margin-top: 20px; }
.main .news-container .left .head-box .stitle ul { text-align: center; }

.main .news-container .left .head-box .stitle ul li { margin-right: 20px; height: 25px; line-height: 25px; display: inline-block; }

.main .news-container .left .head-box .stitle ul li.share-li a { display: inline-block; width: 25px; height: 25px; vertical-align: top; margin-right: 5px; }

.main .news-container .left .head-box .stitle ul li.share-li a img { width: 100%; }

.main .news-container .left .news-main { padding: 15px 25px; background-color: #fff; }

.main .news-container .left .news-main .summary-box { padding: 25px 0; background-color: #fff; }

.main .news-container .left .news-main .summary-box .summary { overflow: hidden; background-color: #f5f5f5; }

.main .news-container .left .news-main .summary-box .summary .summary-text { width: 60px; height: 120px; line-height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; color: #999; font-size: 18px; font-weight: 700; border-right: 1px solid #efefef; padding: 35px 21px; line-height: 25px; }

.main .news-container .left .news-main .summary-box .summary .summary-content { padding: 10px 20px; width: 730px; height: 100px; }

.main .news-container .left .news-main .summary-box .summary .summary-content div { display: table-cell; vertical-align: middle; height: 100px; width: 730px; }

.main .news-container .left .news-main .summary-box .summary .summary-content div p { color: #666; font-size: 14px; overflow: hidden; line-height: 25px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-align: justify; height: 97px; }

.main .news-container .left .news-main .ad-brand { display: block; padding: 15px; border: 1px solid #ffebc0; background-color: #fffae8;}

.main .news-container .left .news-main .ad-brand a:hover { text-decoration: unset; }

.main .news-container .left .news-main .ad-brand .img { display: inline-block; height: 90px; width: 120px; background-color: #fff; margin-right: 25px; vertical-align: top; }

.main .news-container .left .news-main .ad-brand .img .img-view { width: 100%; height: 90px; border: 1px solid #eee; display: table-cell; vertical-align: middle; }

.main .news-container .left .news-main .ad-brand .img .img-view img { display: block; margin: 0 auto; max-width: 120px; max-height: 90px; }

.main .news-container .left .news-main .ad-brand .brand-info { color: #999; display: inline-block; }

.main .news-container .left .news-main .ad-brand .brand-info .brand_name { font-size: 20px; color: #333; margin-bottom: 15px; display: inline-block; }

.main .news-container .left .news-main .ad-brand .brand-info .brand_price span { color: #fd5a54; }

.main .news-container .left .news-main .ad-brand .brand-info .company_name { font-size: 20px; color: #333; font-size: 14px; color: #999; margin-top: 10px; }

.main .news-container .left .news-main .ad-brand .brand-link { width: 140px; height: 40px; text-align: center; line-height: 40px; border: 2px solid #ff4c4c; border-radius: 40px; color: #fff; background-color: #ff4c4c; font-size: 18px; margin-top: 25px; cursor: pointer; }

.main .news-container .left .news-main .news-content { padding: 15px 25px; }

.main .news-container .left .news-main .news-content .news-content_text { color: #666; line-height: 30px; text-align: justify; font-size: 16px;}

.main .news-container .left .news-main .news-content .news-content_text img { margin: 0 auto; padding: 10px 0; max-width:700px;}

.main .news-container .left .news-main .news-content .news-content-pages .pagelist { padding: 30px; text-align: center; }

.main .news-container .left .news-main .news-content .news-content-pages .pagelist ul { overflow: hidden; display: inline-block; }

.main .news-container .left .news-main .news-content .news-content-pages .pagelist ul li { float: left; margin: 5px; }

.main .news-container .left .news-main .news-content .news-content-pages .pagelist ul li a { display: inline-block; padding: 9px 15px; background-color: #f7f7f7; color: #333; border-radius: 5px; border: 1px solid #eee; }

.main .news-container .left .news-main .news-content .news-content-pages .pagelist ul li a.on { background-color: #ed312f; color: #fff; border: 1px solid #ed312f; }

.main .news-container .left .news-recommed { background-color: #fff; border-top: 1px solid #eee; padding: 25px; }

.main .news-container .left .news-recommed h5 { font-size: 16px; margin-bottom: 25px; }

.main .news-container .left .news-recommed .recommed-ul li { display: inline-block; margin: 5px 10px 5px 0;}

.main .news-container .left .news-recommed .recommed-ul li a { height: 32px; display: block; padding: 0 16px; border-radius: 30px; border: 1px solid #dcdcdc; color: #999; line-height: 32px; }

.main .news-container .left .news-recommed .recommed-ul li a:hover{background-color: #f12828; color: #fff; border-color: #f12828;}

.main .news-container .left .news-recommed .line { color: #666; padding: 20px 0; }

.main .news-container .left .news-recommed .line a { color: #666; }

.main .news-container .left .message-form { margin-top: 15px; background-color: #fff; }

.main .news-container .left .message-form .title { border-bottom: 1px solid #eee; padding: 25px; text-align: left; font-size: 18px; font-weight: 700; }

.main .news-container .left .message-form .title span { float: right; margin-top: -4px; cursor: pointer; display: none; width: 32px; height: 32px; background: url(../images//close.png) no-repeat center; }

.main .news-container .left .message-form form { color: #999; padding: 30px 25px; }

.main .news-container .left .message-form form .form-group { padding: 10px 0; overflow: hidden; }

.main .news-container .left .message-form form .form-group.input-group label { margin-left: 26px; float: left; }

.main .news-container .left .message-form form .form-group.input-group label:first-child { margin-left: 0; }

.main .news-container .left .message-form form .form-group label { color: #666; }

.main .news-container .left .message-form form .form-group label span { color: #fb514b; padding: 0 10px; vertical-align: middle; }

.main .news-container .left .message-form form .form-group label input { width: 150px; height: 45px; background-color: #f6f6f6; border-radius: 5px; text-indent: 1em; color: #a0a0a0; font-size: 14px; border: 1px solid #eee; -webkit-box-sizing: content-box; box-sizing: content-box; }

.main .news-container .left .message-form form .form-group label input.error-tips { background-color: rgba(251, 81, 75, 0.2); border: 1px solid #fb514b; }

.main .news-container .left .message-form form .form-group label input.error-tips ::-webkit-input-placeholder { color: #fff; }

.main .news-container .left .message-form form .form-group label input.error-tips :-ms-input-placeholder { color: #fff; }

.main .news-container .left .message-form form .form-group label input.error-tips ::-ms-input-placeholder { color: #fff; }

.main .news-container .left .message-form form .form-group label input.error-tips ::placeholder { color: #fff; }

.main .news-container .left .message-form form .form-group label input.true { background-image: url(../images/right.png); background-repeat: no-repeat; background-position: 96% center; }

.main .news-container .left .message-form form .form-group label input[type='text'] { padding-right: 30px; vertical-align: middle; }

.main .news-container .left .message-form form .form-group label.vcode-label input[type=text] { width: 120px; }

.main .news-container .left .message-form form .form-group label.vcode-label input[type=button] { color: #fff; width: 100px; text-indent: unset; cursor: pointer; height: 45px; border-radius: 5px; background-color: #ff9725; margin-left: 13px; border: none; }

.main .news-container .left .message-form form .form-group.text { overflow: hidden; }

.main .news-container .left .message-form form .form-group.text .msg { float: left; }

.main .news-container .left .message-form form .form-group.text .msg textarea { width: 440px; height: 169px; padding: 10px; background-color: #f6f6f6; color: #a0a0a0; line-height: 25px; vertical-align: bottom; border: none; resize: none; border-radius: 5px; border: 1px solid #eee; font-family: "Microsoft YaHei"; margin-left: -3px; }

.main .news-container .left .message-form form .form-group.text .quick-addmessage { float: right; }

.main .news-container .left .message-form form .form-group.text .quick-addmessage dl { width: 300px; line-height: 38px; color: #999; margin-left: 15px; overflow: hidden; border-radius: 0 0 5px 5px; border-bottom: 1px solid #dcdcdc; }

.main .news-container .left .message-form form .form-group.text .quick-addmessage dl dt { background-color: #ffdeb8; line-height: 35px; border-radius: 5px 5px 0 0; color: #e65a12; font-weight: 700; text-align: center; border: 1px solid #e7c5a2; border-bottom: none; }

.main .news-container .left .message-form form .form-group.text .quick-addmessage dl dd { border: 1px solid #dcdcdc; cursor: pointer; border-top: none; border-bottom: none; text-indent: 1em; }

.main .news-container .left .message-form form .form-group.text .quick-addmessage dl dd:hover { background-color: #f5f5f5; }

.main .news-container .left .message-form form .form-group.service input { width: 16px; height: 16px; vertical-align: middle; margin: -2px 5px 0 42px; }

.main .news-container .left .message-form form .form-group.service a:hover { text-decoration: unset; }

.main .news-container .left .message-form form .form-group.submit-btn input { width: 286px; height: 48px; background-color: #fb514b; border-radius: 5px; color: #fff; font-size: 16px; margin-left: 42px; font-weight: 700; cursor: pointer; }

.main .news-container .left .message-form form .form-group.submit-btn input.banned { background-color: #eee; color: #999; pointer-events: none; cursor: not-allowed; }


/* 文章列表模块 */
.main .news-container .left .classify-news .classify-card { margin-top: 20px; background-color: #fff; }

.main .news-container .left .classify-news .classify-card .title { height: 64px; font-size: 18px; font-weight: 700; line-height: 64px; padding: 0 30px; text-align: left; border-bottom: 1px solid #eee; }

.main .news-container .left .classify-news .classify-card .news-list { padding: 0 30px; }

.main .news-container .left .classify-news .classify-card .news-list li a { display: block; padding: 25px 0; border-top: 1px solid #eee; }

.main .news-container .left .classify-news .classify-card .news-list li a:hover { text-decoration: unset; color: unset;}

.main .news-container .left .classify-news .classify-card .news-list li a:hover .news-describe .news-title { color: #f33; }

.main .news-container .left .classify-news .classify-card .news-list li a .news-logo { display: inline-block; margin-right: 25px; vertical-align: top; }

.main .news-container .left .classify-news .classify-card .news-list li a .news-logo .logo-view { display: table-cell; vertical-align: middle; border: 1px solid #eee; width: 180px; height: 135px; }

.main .news-container .left .classify-news .classify-card .news-list li a .news-logo .logo-view img { display: block; margin: 0 auto; max-width: 180px; max-height: 135px; }

.main .news-container .left .classify-news .classify-card .news-list li a .news-describe { display: inline-block; width: 600px; line-height: 32px;}

.main .news-container .left .classify-news .classify-card .news-list li a .news-describe .news-title { font-size: 16px; line-height: 35px; color: #333; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; display: inline-block; }

.main .news-container .left .classify-news .classify-card .news-list li a .news-describe .describe { color: #999; font-size: 14px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 58px;}

.main .news-container .left .classify-news .classify-card .news-list li a .news-describe .data { }

.main .news-container .left .classify-news .classify-card .news-list li:first-child a { border-top: none; }


/* 新闻列表模块 */
.main .news-container .left .classify-news.newsView .classify-card { margin-top: 20px; background-color: #fff; }

.main .news-container .left .classify-news.newsView .classify-card .title { height: 64px; font-size: 18px; font-weight: 700; line-height: 64px; padding: 0 30px; text-align: left; border-bottom: 1px solid #eee; }

.main .news-container .left .classify-news.newsView .classify-card .news-list { padding: 0 30px; }

.main .news-container .left .classify-news.newsView .classify-card .news-list li a { display: block; padding: 20px 0; border-top: 1px solid #eee; }

.main .news-container .left .classify-news.newsView .classify-card .news-list li a:hover { text-decoration: unset; }

.main .news-container .left .classify-news.newsView .classify-card .news-list li a:hover .news-describe .news-title { color: #f33; }

.main .news-container .left .classify-news.newsView .classify-card .news-list li a .news-logo { display: inline-block; margin-right: 25px; vertical-align: top; }

.main .news-container .left .classify-news.newsView .classify-card .news-list li a .news-logo .logo-view { display: table-cell; vertical-align: middle; border: 1px solid #eee; width: 120px; height: 90px; }

.main .news-container .left .classify-news.newsView .classify-card .news-list li a .news-logo .logo-view img { display: block; margin: 0 auto; max-width: 120px; max-height: 90px; }

.main .news-container .left .classify-news.newsView .classify-card .news-list li a .news-describe { display: inline-block; width: 600px; line-height: 60px; height: 90px; }

.main .news-container .left .classify-news.newsView .classify-card .news-list li a .news-describe .news-title { font-size: 16px; color: #333; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; display: inline-block; line-height: 16px; }

.main .news-container .left .classify-news.newsView .classify-card .news-list li a .news-describe .describe { color: #999; font-size: 14px; line-height: 23px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 67px; }

.main .news-container .left .classify-news.newsView .classify-card .news-list li a .news-describe .data { line-height: 14px; }

.main .news-container .left .classify-news.newsView .classify-card .news-list li:first-child a { border-top: none; }



.main .news-container .right { float: right; width: 300px; }

.main .news-container .right .brand_header { padding: 30px 0; background-color: #fff; margin: 0 auto; text-align: center; line-height: 30px; }

.main .news-container .right .brand_header .img { margin: 0 auto; width: 160px; }

.main .news-container .right .brand_header .img .img-view { display: table-cell; vertical-align: middle; width: 160px; height: 120px; border: 1px solid #eee; }

.main .news-container .right .brand_header .img .img-view img { display: block; margin: 0 auto; max-width: 160px; max-height: 120px; }

.main .news-container .right .brand_header .ad-name { font-size: 18px; color: #333; text-align: center; padding: 10px 0; }

.main .news-container .right .brand_header .ad-industr { color: #666; font-size: 14px; }

.main .news-container .right .brand_header .ad-price { color: #fc544f; font-size: 16px; }

.main .news-container .right .brand_header .btn { width: 260px; height: 48px; color: #fff; font-size: 16px; font-weight: 700; background-color: #ff4c4c; margin: 0 auto; text-align: center; line-height: 48px; border-radius: 5px; margin-top: 10px; cursor: pointer; }

.main .news-container .right .bradlist-ul { background-color: #fff; margin-top: 15px; }

.main .news-container .right .bradlist-ul .title { height: 50px; line-height: 50px; font-size: 16px; text-indent: 1em; color: #000; border-bottom: 1px solid #eee; font-weight: 700; }

.main .news-container .right .bradlist-ul ul { overflow: hidden; padding-bottom: 18px; }

.main .news-container .right .bradlist-ul ul li { width: 120px; float: left; margin-left: 20px; }

.main .news-container .right .bradlist-ul ul li a { width: 120px; display: block; margin-top: 18px; text-align: center; }

.main .news-container .right .bradlist-ul ul li a:hover .name { text-decoration: underline; }

.main .news-container .right .bradlist-ul ul li a .img { border: 1px solid #eeee;}
.main .news-container .right .bradlist-ul ul li a img{height:100px;}
.main .news-container .right .bradlist-ul ul li a .img .img-view { display: table-cell; vertical-align: middle; }

.main .news-container .right .bradlist-ul ul li a .img .img-view img { max-width: 120px; max-height: 90px; margin: 0 auto; display: block; }

.main .news-container .right .bradlist-ul ul li a .name { margin-top: 10px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; }

.main .brand-recommedlist { background-color: #fff; margin-top: 20px; }

.main .brand-recommedlist .tab { border-bottom: 1px solid #f5f5f5; }

.main .brand-recommedlist .tab span { display: inline-block; height: 58px; padding: 0 20px; color: #666; font-size: 16px; line-height: 58px; position: relative; cursor: pointer; }

.main .brand-recommedlist .tab span.on { font-weight: 700; }

.main .brand-recommedlist .tab span.on::after { content: ''; display: block; width: 20px; background-color: #ff4c4c; height: 4px; border-radius: 3px; position: absolute; bottom: 10px; left: 50%; margin-left: -10px; margin-bottom: -2px; }

.main .brand-recommedlist .brand-pages { padding: 0 10px; }

.main .brand-recommedlist .brand-pages .page { display: none; }

.main .brand-recommedlist .brand-pages .page:first-child { display: block; }

.main .brand-recommedlist .brand-pages .page ul { text-align: justify; }

.main .brand-recommedlist .brand-pages .page ul li { display: inline-block; margin: 10px 0; }

.main .brand-recommedlist .brand-pages .page ul li a { display: block; color: #999; font-size: 14px; padding: 0 10px; }

.main .brand-recommedlist .brand-pages .page ul li a:hover { text-decoration: underline; }

.main .bottom-dl { background-color: #fff; margin-top: 20px; color: #999; }

.main .bottom-dl dl { padding: 20px; }

.main .bottom-dl dl dt { font-size: 16px; color: #000; margin-bottom: 20px; }

.main .bottom-dl dl dd { line-height: 25px; }

/* 留言弹窗样式定义 */
body .form_wrap { background: unset; -webkit-box-shadow: unset; box-shadow: unset; }

body .form_wrap .title span { display: block !important; }

.form_wrap .message-form { margin-top: 0 !important; border-radius: 5px; overflow: hidden; }
/*# sourceMappingURL=news_deatil.css.map */