@charset "utf-8";
@media screen and (max-device-width:750px){
body {background:#ffffff; color:#3e3e3e; font-size:1em; font-family:"Microsoft Yahei","微软雅黑","宋体";}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,header,hr,html,i,iframe,img,ins,label,legend,li,mark,menu,object,ol,output,p,pre,progress,section,small,span,strong,sub,summary,sup,time,u,ul,var,video {border:0; margin:0; padding:0; font-size:1em;}
input,textarea {margin:0; padding:0; font-size:1em;}
input:focus {outline:none;}
img {border:none; vertical-align:middle;}
ul li {list-style-type:none;}
a {font-size:1em; color:#3e3e3e; text-decoration:none;}
a:hover {font-size:1em; color:#fa5d11; text-decoration:none;}
a:visited {font-size:1em; color:#3e3e3e; text-decoration:none;}
.m2 {margin-top:1em;}
.m5 {margin-top:3em;}
.light {color:#fa5d11;}
.clear {clear:both; height:0;}
.relative {position:relative;}
.up_lable{vertical-align:super; font-size:0.6em;}
/* table样式 */
.site_table {display:table; margin:5px 0 30px 0; width:100%; background:#ffffff; border:1px #999999 solid; border-collapse:collapse; border-spacing:0;}
.site_table th {display:table-cell; vertical-align:inherit; background:#f0f0f0; border-top:1px #999999 solid; border-bottom:1px #999999 solid; padding:8px 5px; text-align:center; font-size:1em; font-weight:bold; line-height:24px; color:#3e3e3e;}
.site_table td {display:table-cell; vertical-align:inherit; border-right:1px #999999 solid; border-top:1px #999999 solid; border-bottom:1px #999999 solid; line-height:20px; padding:8px 2px; font-size:1em; color:#3e3e3e; text-align:center;}
.site_table td a,.site_table td a:hover,.site_table td a:visited {font-size:1em; color:#3e3e3e}
.site_table .tb_1 {background:#d31616; color:#fff; font-weight:bold;}
/* 页码样式 */
.page {margin:1em auto; width:100%; height:auto; padding-bottom:3em; text-align:center; font-size:1em;}
.page ul li {float:left; display:inline-block; margin:0.2em; width:2.15em; height:2em; line-height:2em; background:url(http://www.haolatiao.com/static/image/bg_page.png) center bottom no-repeat; background-size:2.15em 4em;}
.page ul li.now,.page ul li:hover {background-position:center top;}
.page ul li a {display:block; font-family:Arial; color:#3e3e3e; font-size:1em;}
.page ul li:hover a {color:#fa5d11; font-weight:bold;}
.page ul li.now a {color:#fa5d11; font-weight:bold; cursor:not-allowed;}
.page span {float:left; margin:0.2em 0.5em; height:2em; line-height:2em;}
/* 头部样式 */
.site-head {width:100%; height:auto;}
.site-head-box {margin:0 auto; width:100%; height:auto; overflow:hidden;}
.site-head-box h1 img {float:left; margin:-0.85em 0.25em -0.5em 1em; width:10em; height:5.625em;}
.site-logo {display:block; float:left; margin:-0.85em 0.25em -0.5em 1em; width:10em; height:5.625em; background:url(http://www.haolatiao.com/static/image/logo.jpg) left top no-repeat; background-size:10em 5.625em;}
.site-slogan {display:block; float:left; margin:0.25em 0 0 -0.5em; width:10.5em; height:3em; background:url(http://www.haolatiao.com/static/image/slogan.png) left center no-repeat; background-size:auto 3em;}
.site-channel {float:left; margin-top:1.7em; border-left:2px solid #3e3e3e; padding-left:0.5em; height:1.25em; line-height:1.25em; font-size:1em;}
.site-search {float:left; _display:inline; margin:-0.25em 5em 0.5em 5em; width:15em; height:2em; border:1px solid #3e3e3e; text-align:center;}
.site-search input[type="text"] {float:left; margin:0 0 0 1.25em; background:none; border:none; width:11.75em; height:2em; line-height:2em; color:#666;}
.site-search input[type="submit"] {float:left; width:1.99em; height:2em; border:none; border-radius:0; background:url(http://www.haolatiao.com/static/image/ico_search.png) no-repeat #fa5d11 center; background-size:66%; cursor:pointer;}
.site-nav {width:100%; height:5em; background:#3e3e3e;}
.site-nav ul {margin:0 auto; display:block; width:100%; height:5em; overflow:hidden;}
.site-nav ul li {float:left; width:25%; height:2.2em; font-weight:600; text-align:center;}
.site-nav ul li.cur,.site-nav ul li:hover{background:none;}
.site-nav ul li > a {display:block; margin-top:0.85em; height:1.25em; line-height:1.3em; border-right:1px solid #e6e6e6; color:#e6e6e6; font-size:1em;}
.site-nav ul li:nth-child(4n) > a {border-right:none;}
.site-nav ul li.cur > a,.site-nav ul li:hover a{color:#fa5d11;}
/* 底部样式 */
.site-foot {margin:2em auto 0 auto; width:100%; background:#3e3e3e; color:#fff; text-align:left;}
.site-foot-box {margin:0 auto; width:95%; padding:1.5em 0 0.5em 0;}
.site-foot p {margin:0 auto; font-size:12px;}
.site-foot p span {margin:1em auto; display:block; padding-left:0; font-size:12px;}
.site-foot a,.site-foot a:hover,.site-foot a:visited {font-size:12px; color:#fff;}
.site-foot .ico_gongxin {background:url(http://www.haolatiao.com/static/image/ico_gongxinbu.png) no-repeat; padding-left:1.7em; background-size:auto 1.28em;}
.site-foot .ico_dizhi {background:url(http://www.haolatiao.com/static/image/ico_map.png) no-repeat; padding-left:1.7em; background-size:auto 1.28em;}
.site-foot .ico_changdao {color:#fa5d11; text-align:center;}
.site-youlian {margin:0 auto; padding:0.8em; line-height:1.5em; border-top:1px #c2c2c2 solid; color:#c2c2c2; font-size:12px; text-align:left;}
.site-youlian a {color:#c2c2c2; font-size:12px;}
.site-back {display:none; position:fixed; right:0.5em; bottom:1.5em; width:3em; height:3em; background:url(http://www.haolatiao.com/static/image/ico_up.png) 0 0 no-repeat; background-size:3em 6em; cursor:pointer; z-index:999999;}
.site-back:hover {background-position:0 -3em; transition:background 0.2s ease 0s;}

/* 网站首页样式 */
.index-box-title {width:100%; line-height:1.85em;}
.index-box-title h2 {position:relative; display:block; width:60%; padding-left:0.8em; font-size:1.25em; color:#fa5d11;}
.index-box-title h2:after {position:absolute; content:''; display:inline-block; top:0.1em; left:0; width:0.45em; height:1.25em; border-radius:0 0.25em 0 0.25em; background-color:#fa5d11;}
.index-box-title a,.index-box-title a:hover,.index-box-title a:visited {float:right; margin-top:0; margin-right:0.5em; line-height:1.5em; font-size:1em;}
.floor-1st {position:relative; margin:0 auto; width:100%; height:auto;}
.index-imgs {position:relative; top:0; right:0; background:#fa5d11; width:100%; height:13em; overflow:hidden;}
.index-imgs .slide_clip {width:100%; height:13em;}
.index-imgs .slide_list {display:block; width:100%; height:13em;}
.index-imgs .slide_item {float:left; display:block; width:100%; height:13em;}
.index-imgs .slide_item a {display:block; position:relative; width:100%; height:13em;}
.index-imgs .slide_item img {width:100%; height:13em; vertical-align:middle;}
.index-imgs .slide_item a span {display:inline-block; position:absolute; left:0; bottom:0; background:#101010; background:-webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(1,rgba(0,0,0,0.9))); width:100%; height:2.25em; line-height:2.25em; text-align:center; font-size:1em; color:#fff; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; z-index:99999;}
.index-imgs .slide_trigger {position:absolute; left:0.575em; top:50%; margin-top:-3.5em; width:0.85em; transition:.3s opacity; -webkit-transition:.3s opacity; z-index:999999;}
.index-imgs .slide_trigger li {float:left; margin:0.25em 0; display:block; background:#e6e6e6; width:0.5em; height:1.25em; border-radius:0 0.25em 0 0.25em; cursor:pointer;}
.index-imgs .slide_trigger li:hover,.index-imgs .slide_trigger li.cur {background:#fa5d11;}
.index-latiao {position:static; top:0; right:0; margin:0 auto; width:100%; height:auto; background:#fa5d11; background-image:linear-gradient(365deg,#3e3e3e,#fa5d11);}
.index-latiao p {margin:0 auto; padding-top:1.5em; padding-bottom:1.5em; width:90%; line-height:1.5em; text-align:justify; color:#fff;}
.index-latiao a,.index-latiao a:hover,.index-latiao a:visited {color:#fff; text-decoration:underline;}
.floor-2nd {position:static; margin:2em auto; width:100%; height:auto;}
.index-news {float:none; width:100%; height:auto;}
.index-news-list {margin:0 3.5%; padding-top:0.5em;}
.index-news-list li {width:100%; border-bottom:1px solid #e6e6e6; height:3.5em; line-height:3.5em; overflow:hidden;}
.index-news-list li span {float:right; width:29%; text-align:right; color:#707070; overflow:hidden;}
.index-news-list li a {display:block; max-width:70%; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.index-baike {float:left; margin:3em 0 0 0; width:100%; height:auto;}
.index-baike-list {margin:0 4%; padding-top:1em;}
.index-baike-list li {position:relative; width:100%; border-bottom:1px solid #e6e6e6; height:3.5em; line-height:3.5em; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.index-baike-list li:before {position:absolute; left:0; top:0.8em; display:block; content:''; width:2em; height:2em; background:url(http://www.haolatiao.com/static/image/ico_lapian.png) no-repeat; background-size:2em;}
.index-baike-list li a {margin-left:2.25em;}
.index-latiao-brand {position:static; top:0; right:0; float:left; margin:3em 0 0 0; width:100%; height:auto;}
.index-latiao-brand ul {margin:1em 4%;}
.index-latiao-brand-list ul li {width:100%; border-bottom:1px solid #e6e6e6; height:3.5em; line-height:3.5em; overflow:hidden;}
.index-latiao-brand-list ul li a {display:block; max-width:59%; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.index-latiao-brand-list span {float:right; width:21%; margin:1.5em 0 0 0; background-color:#e6e6e6; border-radius:4px; overflow:hidden;}
.index-latiao-brand-list span i {display:block; height:0.6em; border-radius:0.3em; background-color:#fa5d11; background-image:linear-gradient(90deg,#f95d11,#d21616 100%); cursor:pointer;}
.index-latiao-brand-list em {float:left; margin:0.9em 1em 0 0; background:#e6e6e6; text-align:center; width:1.5em; height:1.5em; line-height:1.5em; color:#3e3e3e;}
.index-latiao-brand-list .num_top1 {background:#da101d; color:#fff;}
.index-latiao-brand-list .num_top2 {background:#fa5d11; color:#fff;}
.index-latiao-brand-list .num_top3 {background:#faa90e; color:#fff;}
.floor-3rd {position:static; margin:2em auto 0 auto; width:100%; height:auto;}
.index-picture {float:left; margin-bottom:2em; width:100%; height:auto; overflow:hidden;}
.index-picture ul {margin:1.5em auto 0 auto; width:92%;}
.index-picture ul li {float:left; margin-right:4%; margin-bottom:1em; width:48%; text-align:center;}
.index-picture ul li:nth-child(3n) {margin-right:4%;}
.index-picture ul li:nth-child(2n) {margin-right:0;}
.index-picture ul li img {width:100%; height:7.5em;}
.index-picture ul li p {margin:0 auto; background:#fa5d11; background-image:linear-gradient(250deg,#3e3e3e,#fa5d11); width:100%; height:2.25em; line-height:2.25em; overflow:hidden;}
.index-picture ul li p a {margin:0 auto; width:88%; height:2.25em; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#fff;}
.index-comment {position:static; top:0; right:0; width:100%; height:auto; overflow:hidden;}
.index-comment-list {margin:1.5em auto; width:92%;}
.index-comment-list li {margin-top:0.8em; border-bottom:1px solid #e6e6e6; line-height:1.5em;}
.index-comment-list li p {margin:1em 0; background:url(http://www.haolatiao.com/static/image/ico_comment.png) no-repeat; background-size:1.5em; text-indent:1.8em; line-height:1.5em;}

/* 内页主体内容 */
.site-container {margin:1em auto 0 auto; width:100%;}
/* 面包屑导航 */
.site-location {margin-top:1em; width:80%; padding-left:2.35em; background:url(http://www.haolatiao.com/static/image/ico_local.png) 0.58em 0 no-repeat; background-size:1.88em; width:auto; height:2em; line-height:2em; text-align:left; font-size:1em; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.site-location a {font-size:1em;}
/* 左侧主体内容 */
.site-container-left {margin:0 auto; float:left; padding-bottom:2em; width:100%;}
.site-container-content p {margin-bottom:0; line-height:2em; padding:0.5em 1em;}
.site-container-content p img {max-width:100%;}
.sub-menu {margin:0.5em auto; width:100%;}
.sub-menu li {float:left; margin:0 3.5% 0.5em 0; width:31%; height:1.85em; line-height:1.85em; background-color:#3e3e3e; border-radius:0.25em; box-shadow:0 0.15em 0.25em 0 rgba(251,66,97,.51); text-align:center;}
.sub-menu li:nth-child(3n) {margin-right:0;}
.sub-menu li:hover {background:#fa5d11;}
.sub-menu li a,.sub-menu li a:visited {display:block; width:100%; height:1.85em; line-height:1.85em; border-bottom:none; font-size:1em; text-align:center; color:#fff;}
.sub-menu li:hover a {color:#fff;}
.class_tips {margin:0.5em 1em; line-height:1.5em;}
/* 图文介绍样式 */
.site-container-txt {padding:0.25em 1.5em 0.5em; line-height:1.5em; font-size:1em;}
.site-container-txt h1 {line-height:1.25em; padding:0.5em; font-size:1.2em; text-align:center;}
.site-container-txt h2 {margin:1em auto; font-size:1.2em; text-align:center;}
.site-container-txt h3 {position:relative; margin:1em auto; padding-left:0.8em; font-size:1em; text-align:left;}
.site-container-txt h3:before {position:absolute; content:''; display:inline-block; top:0.2em; left:0; width:0.35em; height:1.3em; background-color:#fa5d11;}
.site-container-txt p {margin:0.25em 0 1em 0; line-height:2em; font-size:1em; color:#3e3e3e;}
.site-container-txt a,.site-container-txt a:hover,.site-container-txt a:visited {font-size:1em; color:#fa5d11; text-decoration:none; border-bottom:1px solid #fa5d11;}
.site-container-txt img {max-width:100%;}
/* 标题列表样式 */
.question_list {margin:-0.5em auto 0.5em auto; width:100%;}
.question_list li {position:relative; padding-left:1em; height:3em; line-height:3em; overflow:hidden;}
.question_list li:before {position:absolute; left:0; top:0.58em; display:block; content:''; width:1.6em; height:2em; background:url(http://www.haolatiao.com/static/image/ico_dot.png) 0 no-repeat; background-size:100% auto;}
.question_list li a {display:block; white-space:nowrap; text-overflow:ellipsis; font-size:1em; overflow:hidden;}
.question_list span {float:right;}
/* 图片列表样式 */
.news_list {margin:0.5em auto; width:95%;}
.news_list .news_img {position:relative; width:100%; margin:1em 0 0 0; height:9em; border-bottom:1px solid #e6e6e6; line-height:1.6em;}
.news_list .news_img img {float:left; margin:0.25em 0 0.25em 0; width:27%; height:4.5em;}
.news_list .news_img div {float:left; margin-left:3%; width:70%;}
.news_list .news_img h3 {width:100%; height:auto; line-height:1.68em; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news_list .news_img h3 a {font-size:1em;}
.news_list .news_img p {max-height:4.8em; overflow:hidden;}
.news_list .news_imgs {position:relative; width:100%; padding:1em 0; border-bottom:1px solid #e6e6e6; line-height:1.6em;}
.news_list .news_imgs img {float:left; margin:0.25em 1.1% 0.25em 0; width:32%; height:4.5em;}
.news_list .news_imgs h3 {width:100%; height:auto; line-height:1.68em; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news_list .news_imgs h3 a {font-size:1em;}
.news_list .news_imgs div {float:none; margin-left:0; width:100%;}
.news_list .news_imgs p {max-height:4.8em; overflow:hidden;}
/* 卡片列表样式 */
.picture_list {display:block; margin:1em auto; width:90%;}
.picture_list li {float:left; margin-right:2%; width:49%; height:11em; line-height:1.25em; text-align:center; overflow:hidden;}
.picture_list li:nth-child(3n) {margin-right:2%;}
.picture_list li:nth-child(2n) {margin-right:0;}
.picture_list li img {width:100%; height:6.8em; border-radius:0.5em; transition:transform .5s ease;}
.picture_list li img:hover {transform:translateY(-5px);}
.picture_list li h3 {margin:0.25em auto; width:100%; height:1.25em; font-weight:normal; text-align:left; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.picture_list li p {margin:0 auto; width:100%; text-align:left;}
.picture_list li span {position:absolute; top:0; right:0; background:#101010; opacity:0.8; height:1.5em; padding:0 0.5em; border-radius:0 0.5em 0 0.5em; line-height:1.5em; color:#fff;}
.picture_list li:hover a,.picture_list li:hover p {color:#fa5d11;}
/* 产品列表样式 */
.product_list {display:block; margin:1em auto; width:90%;}
.product_list li {float:left; margin-right:2%; width:49%; height:9em; line-height:1.25em; text-align:center; overflow:hidden;}
.product_list li:nth-child(3n) {margin-right:2%;}
.product_list li:nth-child(2n) {margin-right:0;}
.product_list li img {width:100%; height:6.8em; transition:transform .5s ease;}
.product_list li img:hover {transform:translateY(-5px);}
.product_list li h3 {margin:0.25em auto; width:100%; height:1.25em; font-weight:normal; text-align:left; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
/* 公司/品牌列表样式 */
.c_list ul {margin:0 auto; width:95%;}
.c_list ul li {height:auto; border-bottom:1px solid #e6e6e6; overflow:hidden;}
.c_list ul li img {float:left; margin:2.5em 3% 0 0; width:20%; height:auto; border-radius:0.25em;}
.c_list div {float:left; margin:0.58em 2% 1em 0; width:55%; line-height:1.5em;}
.c_list h3 {width:100%; height:1.85em; line-height:2em; font-size:1em; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.c_list div p {width:100%; font-size:0.85em; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.c_list .homepage_button {float:left; margin:3.7em 0 0 0; width:20%; height:2.25em; line-height:2.25em; background:#fa5d11; background:linear-gradient(135deg,#fa5d11,#d21616 100%)!important; border:0; border-radius:0.25em; text-align:center; color:#fff; font-size:0.85em; cursor:pointer;}
.c_list .brand_company {width:auto; display:block;  padding-left:1.58em; background:url(http://www.haolatiao.com/static/image/ico_company.png) 0 no-repeat; background-size:1.5em;}
.c_list .brand_area {width:auto; display:block;  padding-left:1.58em; background:url(http://www.haolatiao.com/static/image/ico_lc.png) 0 no-repeat; background-size:1.5em;}
.c_list .brand_data {width:auto; display:inline-block; margin-right:0.25em; border:1px solid #fa5d11; border-radius:1em; padding:0 0.6em; color:#fa5d11;}
.c_list .brand_point {width:auto; display:inline-block; border:1px solid #fa5d11; border-radius:1em; padding:0 0.6em; color:#fa5d11;}

/* 详情页样式 */
.article-title {margin-top:1.5em;}
.article-title h1 {padding:0.25em 1em 0 1em; line-height:1.35em; font-size:1.2em; text-align:center;}
.article-factor {margin:1em 1em 0 1em; height:auto; line-height:1.5em; color:#666; font-size:1em; text-align:center; overflow:hidden;}
.article-factor span {padding:0 1.7em;}
.article-factor .time {background:url(http://www.haolatiao.com/static/image/ico_time.png) no-repeat; background-size:auto 1.25em;}
.article-factor .hits {background:url(http://www.haolatiao.com/static/image/ico_read.png) no-repeat; background-size:auto 1.28em;}
.article-factor a,.article-factor a:hover,.article-factor a:visited {color:#666; font-size:1em;}
.article-hits {position:absolute; top:0; right:0; background:#fa5d11; height:1.5em; padding:0 0.5em; border-radius:1em 0 0 1em; line-height:1.5em; color:#fff;}
.article-summary {margin:0 auto; width:92%; background:url(http://www.haolatiao.com/static/image/ico_yinhao.png) 0 1em no-repeat; background-size:1.85em; border-bottom:1px solid #e6e6e6;}
.article-summary p {padding:1.5em 2em; line-height:1.58em; font-size:1em; color:#666; text-align:justify;}
.article-content {padding:0.25em 2em; line-height:2em; font-size:1em;}
.article-content h2 {margin:1em auto; font-size:1.2em; text-align:center;}
.article-content h3 {position:relative; margin:1em auto; padding-left:0.8em; font-size:1em; text-align:left;}
.article-content h3:before {position:absolute; content:''; display:inline-block; top:0.2em; left:0; width:0.35em; height:1.3em; background-color:#fa5d11;}
.article-content p {margin:1em auto;}
.article-content p img {max-width:100%;}
.article-content a,.article-content a:hover,.article-content a:visited {color:#fa5d11; font-size:1em; text-decoration:none; border-bottom:1px solid #fa5d11;}
.content-container-box {position:relative; height:90vh; overflow:hidden;}
.content-container-box:after {position:absolute; bottom:0; left:0; right:0; content:''; height:16vh; margin:0 auto; background:linear-gradient(rgba(246, 246, 246, 0), #e6e6e6);}
.view-allcontent-box {display:flex; flex-direction:row; justify-content:center; align-items:center; background:#e6e6e6; padding:1em 0 2em 0;}
.view-allcontent {background:#fa5d11; width:8em; height:2.25em; border-radius:1.25em; line-height:2.25em; font-size:1em; font-weight:bold; color:#fff; text-align:center; cursor:pointer;}
.article-tip {position:relative; margin:1em auto; background:#e6e6e6; border:1px solid #e6e6e6;}
.article-tip span {position:absolute; left:50%; top:-1.25em; margin-left:-6em; width:12em; background:url(http://www.haolatiao.com/static/image/ico_tip.png) #e6e6e6 0.8em 0.15em no-repeat; background-size:1.8em; padding:0; line-height:2.5em; border-radius:0.25em 0.25em 0 0; z-index:1; border:1px solid #e6e6e6; border-bottom:0; text-align:center; font-weight:bold;}
.article-tip p {padding:1.5em 1em 1em 1em; line-height:1.5em;}
.article-tip p a,.article-tip p a:hover,.article-tip p a:visited {color:#fa5d11; text-decoration:none; border-bottom:1px solid #fa5d11;}
.article-url,.article-page {margin:1em auto; background:#fff; height:auto; line-height:2em; padding:0 1em; overflow:hidden;}
.article-page li {float:left; margin-right:0; width:100%; height:2em; line-height:2em; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.article-page li:nth-child(2n) {margin-right:0;}
.article-cmt {margin:1.5em auto 0 auto; width:100%; height:auto; background:#fff; padding-bottom:1em; overflow:hidden; text-align:center;}
.article_cmt_title {margin:1em 1em 0 0.5em; background:url(http://www.haolatiao.com/static/image/ico_comment_title.png) no-repeat; background-size:2em; padding-left:2.25em; height:2em; line-height:1.8em; text-align:left;}
.article_cmt_title a {float:right; font-size:1em; text-decoration:underline;}
.article_cmt_title em {color:#fa5d11;}
.article_cmt_title b {font-size:1em;}
.article-cmt textarea {margin:0.5em auto; width:90%; height:10em; padding-left:0.5em; background:url(http://www.haolatiao.com/static/image/logo_transparent.png) center center no-repeat; background-size:50%; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1) inset; box-shadow:inset 0 1px 2px 0 rgba(0,0,0,.1); border:2px solid #000; border-radius:1em; line-height:1.5em; font-family:'微软雅黑';}
.article-cmt textarea:focus {outline:none; border-color:#fa5d11; box-shadow:0 0 0.2em rgba(235,195,153,.5);}
.article-cmt p {text-align:left; padding-left:0.25em; line-height:2.25em;}
.article-cmt .cmt_btn {float:right; margin-right:0.8em; width:8em; height:2.25em; background:#fa5d11; background:linear-gradient(135deg,#fa5d11,#d21616 100%)!important; border-bottom:0.25em solid #d21616; border-radius:1.25em; color:#fff; font-family:'微软雅黑'; font-size:1em; font-weight:bold; cursor:pointer;}
/* 相关内容样式 */
.article-related {margin:3em auto 0 auto; width:100%;}
.article-related-title,.article-hot-title,.article-latest-title,.article-review-title {height:1.8em; line-height:1.8em; border-radius:0 0.25em 0 0.25em; font-weight:700; font-size:1.25em; color:#fa5d11;}
.article-related-title em,.article-hot-title em,.article-latest-title em,.article-review-title em {float:left; margin-top:0.3em; margin-right:0.35em; width:0.45em; height:1.25em; background:#fa5d11;}
.article-related-list {margin:1.5em auto 0 auto; width:92%;}
.article-related-list li {float:left; margin-right:0; width:100%; height:7.8em; line-height:1.25em;}
.article-related-list li:nth-child(2n) {margin-right:0;}
.article-related-list li h3 {display:inline-block; width:100%; height:1.3em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.article-related-list li h3 a {font-size:1em;}
.article-related-list li img {float:left; margin:0.25em 0 0.25em 0; width:27%; height:4.5em; background:url(http://www.haolatiao.com/static/image/loading.gif) center center no-repeat; border-radius:0.25em;}
.article-related-list li p {float:left; margin-left:3%; width:70%; margin-top:0.25em; max-height:4.5em; line-height:1.5em; color:#666; overflow:hidden;}
/* 相关产品样式 */
.product-related {margin:3em auto 0 auto; width:100%;}
.product-related-title {height:1.8em; line-height:1.8em; border-radius:0 0.25em 0 0.25em; font-weight:700; font-size:1.25em; color:#fa5d11; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.product-related-title em {float:left; margin-top:0.3em; margin-right:0.35em; width:0.45em; height:1.25em; background:#fa5d11;}
.product-related-list {margin:1.5em auto 0 auto; width:92%;}
.product-related-list li {float:left; margin-right:8%; width:46%; height:10em; line-height:1.25em;}
.product-related-list li:nth-child(3n) {margin-right:8%;}
.product-related-list li:nth-child(2n) {margin-right:0;}
.product-related-list li h3 {display:inline-block; width:100%; height:1.3em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.product-related-list li h3 a {font-size:1em;}
.product-related-list li:hover a {color:#fa5d11;}
.product-related-list li img {margin:8px 0 8px 0; width:100%; height:7.5em; background:url(http://www.haolatiao.com/static/image/loading.gif) center center no-repeat;}

/* 评论页样式 */
.review_list {margin:1em auto; width:100%;}
.review_one {position:relative; margin:1.5em auto; width:98%; border-bottom:1px solid #e6e6e6;}
.review_one img {float:left; margin:0 0.5em 0.5em 0; width:3em; height:3em; border:1px solid #3e3e3e;}
.review_one i {position:absolute; top:-1em; left:0; width:1.8em; height:1.8em; background-color:#f95d11; border-radius:0 1.5em 1em 1em; font-style:normal; font-size:0.8em; line-height:1.8em; color:#fff; text-align:center;}
.review_main {padding-bottom:0.5em; text-align:left;}
.review_user {font-size:0.85em;}
.review_user span {float:right;}
.review_txt {padding:0.5em 0; line-height:1.5em; font-size:0.85em;}
.article-review-list {margin:1em auto; width:92%;}
.article-review-list li {margin-top:0.8em; border-bottom:1px solid #e6e6e6; line-height:1.25em;}
.article-review-list li a {font-size:1em;}
.article-review-list li p {margin:0.5em 0 1em 0; background:url(http://www.haolatiao.com/static/image/ico_comment.png) no-repeat; background-size:1.5em; text-indent:1.8em; line-height:1.5em;}

/* 站内搜索样式 */
.site-search-total {margin:1.5em 0; position:relative; padding:0 1.2em; max-height:4em; line-height:2em;}
.site-search-total:before {position:absolute; left:0.2em; top:0.1em; display:block; content:''; width:0.45em; height:1.8em; background:#f95d11; border-radius:0.25em;}
.search-box {width:100%; padding:0;}
.search-box h1 {margin-top:1.25em; text-transform:uppercase; text-align:center; letter-spacing:1px; font-size:1.5em; color:#f95d11;}
.search-box p {position:relative; margin-top:1.25em; padding-top:1.25em; text-align:center;}
.search-box p:before {content:""; position:absolute; top:0; left:50%; -ms-transform:translateX(-50%); transform:translateX(-50%); width:5em; height:0.25em; display:block; background-color:#f95d11;}
.story-search-box {margin:2em auto; background:#fff; width:17.8em; height:2.6em; border-radius:2em; box-sizing:border-box; -webkit-box-shadow:0 0 0.5em #666; -moz-box-shadow:0 0 0.5em #666; box-shadow:0 0 0.5em #666;}
.story-search-box .search-txt {float:left; width:12em; width:11em !important; padding:0 0.5em; height:2.6em; line-height:2.6em; vertical-align:middle; border-radius:2em;}
.story-search-box .search-btn {float:left; -webkit-appearance:none; width:5.8em; height:2.6em; line-height:2.6em; background:#f95d11; font-size:1em; font-weight:600; vertical-align:middle; border-radius:2em; color:#fff; cursor:pointer;}

/* 留言反馈表单样式 */
.site_table h2 {line-height:1.5em; font-size:1em; letter-spacing:0.1em; color:#fff;}
.site_table input[type="text"] {width:90%; height:2em; line-height:2em; padding-left:0.5em; box-sizing:border-box; border:1px solid #d9d9d9; border-top:1px solid #c0c0c0; box-shadow:inset 0 1px 2px rgba(0,0,0,0.1); font-family:'微软雅黑';}
.site_table textarea {width:90%; height:10em; line-height:2em; padding-left:0.5em; box-sizing:border-box; border:1px solid #d9d9d9; border-top:1px solid #c0c0c0; box-shadow:inset 0 1px 2px rgba(0,0,0,0.1); font-family:'微软雅黑';}
.site_table input[type="text"]:focus,.site_table textarea:focus {outline:none; border-color:#fa5d11; box-shadow:0 0 0.5em rgba(211,22,22,.5);}
.site_table .light {font-size:1.5em;}
.site_table label {cursor:pointer;}
.msg_ul {width:98%; margin:0 auto;}
.msg_ul li {float:left; width:50%; padding:0.25em 0; text-align:left;}
.msg_btn {width:8em; height:2.25em; background:#fa5d11; background:linear-gradient(135deg,#fa5d11,#d21616 100%)!important; border:0; border-bottom:0.25em solid #d21616; border-radius:1.25em; color:#fff; font-family:'微软雅黑'; font-size:1em; font-weight:bold; cursor:pointer;}

/* 右侧边栏盒子 */
.site-side-box {float:left; margin:0.35em 0; width:100%;}
.article-side-list {margin:0.65em auto; width:92%;}
.article-side-list li {width:100%; border-bottom:1px solid #e6e6e6; height:3.5em; line-height:3.5em; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.article-side-list li a {font-size:1em;}
.article-side-hot {margin:0.65em auto; width:92%;}
.article-side-hot li {width:100%; border-bottom:1px solid #e6e6e6; height:3.5em; line-height:3.5em; overflow:hidden;}
.article-side-hot li a {display:block; max-width:76%; font-size:1em; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.article-side-hot span {float:right; width:21%; margin:1.5em 0 0 0; background-color:#e6e6e6; border-radius:4px; overflow:hidden;}
.article-side-hot span i {display:block; height:0.6em; border-radius:0.3em; background-color:#fa5d11; background-image:linear-gradient(90deg,#f95d11,#d21616 100%); cursor:pointer;}
.article-side-hot em {float:left; margin:0.9em 1em 0 0; background:#e6e6e6; text-align:center; width:1.5em; height:1.5em; line-height:1.5em; color:#3e3e3e;}
.article-side-hot .top1 {width:1.85em; height:1.85em; background:url(http://www.haolatiao.com/static/image/ico_1st.png) -0.15em 0 no-repeat; background-size:100%;}
.article-side-hot .top2 {width:1.85em; height:1.85em; background:url(http://www.haolatiao.com/static/image/ico_2nd.png) -0.15em 0 no-repeat; background-size:100%;}
.article-side-hot .top3 {width:1.85em; height:1.85em; background:url(http://www.haolatiao.com/static/image/ico_3rd.png) -0.15em 0 no-repeat; background-size:100%;}

/* 辣条企业主页样式 */
.site-top {position:relative; margin:0 auto; width:100%; height:7em; text-align:center; overflow:hidden;}
.site-top img {float:none; margin:0 auto; max-width:6em; height:3.85em;}
.site-top h1 {float:left; margin:0; width:100%; height:1.68em; line-height:1.68em; font-size:1.15em; text-align:center; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.site-top .tel {display:block; position:absolute; top:0; right:0; background:url(http://www.haolatiao.com/static/image/ico_phone.png) #fa5d11 center right no-repeat; background-size:1.58em; width:2.5em; height:2.25em; border-radius:0 0 0 2.5em;}
/* 公司相册样式 */
.company-imgs {position:relative; margin-top:1em; width:100%; height:15em; overflow:hidden;}
.company-imgs .slide_clip {width:100%; height:100%; background-color:#fff;}
.company-imgs .slide_list {display:block; width:100%; height:15em;}
.company-imgs .slide_item {float:left; display:block; width:100%; height:15em;}
.company-imgs .slide_item a {display:block; width:100%; height:15em;}
.company-imgs .slide_item img {width:100%; height:15em; vertical-align:middle;}
.company-imgs .slide_trigger {position:absolute; bottom:1.25em; left:50%; margin-left:-4.5em; transition:.3s opacity;}
.company-imgs .slide_trigger li {float:left; margin:0 0.5em; background-color:#fff; display:block; width:0.5em; height:1em; border-bottom:none; border-radius:0.25em; opacity:0.6; transition:all .2s linear; cursor:pointer;}
.company-imgs .slide_trigger li:hover,.company-imgs .slide_trigger li.cur {margin:-0.5em 0.5em 0 0.5em; background-color:#fa5d11; width:0.5em; height:1.25em; opacity:1;}
/* 公司信息 */
.company_jianjie {width:100%;}
.company_jianjie p {margin:1em 1.5em; line-height:2em;}
.company_jianjie img {max-width:100%;}
.company_jianjie a,.company_jianjie a:hover,.company_jianjie a:visited {color:#fa5d11;}
.company_few {position:relative; height:66vh; overflow:hidden;}
.company_few:after {content:''; position:absolute; margin:0 auto; height:6vh; bottom:0; left:0; right:0; background:linear-gradient(rgba(255, 255, 255, 0), #fff);}
.view-all-what {display:flex; flex-direction:row; justify-content:center; align-items:center; margin:0 auto; padding:0 0 1em 0; text-align:center; cursor:pointer;}
.company_card {margin:2em auto 0 auto; width:100%; line-height:2em; overflow:hidden;}
.company_card ul li {background:#fff; padding:1em;}
.company_card ul li:nth-child(2n) {background:#f8f8f8;}
.company_card ul li:last-child {background:#fff; text-align:center;}
.company_card ul li b {float:left; display:block; width:30%;}
.company_card ul li a,.company_card ul li a:hover,.company_card ul li a:visited {color:#fa5d11;}
.company_card ul li span img {margin:0 auto; display:block;}

/* 404页面 */
.page-404 {margin:1em auto; width:100%; overflow:hidden;}
.page-404 p {display:block; margin:3em auto 0 auto; height:auto; line-height:1.85em; background:url(http://www.haolatiao.com/static/image/page_404.png) center top no-repeat; background-size:8em; padding:9em 2em 2em 2em; font-size:1em; font-weight:600; text-align:center;}
.page-404-go {margin:1em auto; width:14em; height:5em;}
.page-404 a {display:block; float:left; margin-right:1em; width:6em; height:2em; background:#3e3e3e; line-height:2em; border-radius:0.25em; font-size:1em; color:#fff; text-align:center;}
}