@charset "utf-8";
body {background:#ffffff; color:#3e3e3e; font-size:16px; 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:100%;}
input,textarea {margin:0; padding:0; border:none; font-size:14px;}
input:focus {outline:none;}
img {border:none; vertical-align:middle;}
ul li {list-style-type:none;}
a,a:visited {font-size:16px; color:#3e3e3e; text-decoration:none;}
a:hover {font-size:16px; color:#fa5d11; text-decoration:none;}
.m2 {margin-top:20px;}
.m5 {margin-top:50px;}
.light {color:#fa5d11;}
.clear {clear:both; height:0;}
.relative {position:relative;}
.up_lable{vertical-align:super; font-size:12px;}
/* table样式 */
.site_table {display:table; margin:20px 0 30px 0; width:100%; background:#fff; border:1px #999 solid; border-collapse:collapse; border-spacing:0;}
.site_table th {display:table-cell; vertical-align:inherit; background:#f0f0f0; border-top:1px #999 solid; border-bottom:1px #999 solid; padding:10px 5px; text-align:center; font-size:16px; font-weight:bold; line-height:24px; color:#3e3e3e;}
.site_table td {display:table-cell; vertical-align:inherit; border-right:1px #999 solid; border-top:1px #999 solid; border-bottom:1px #999 solid; line-height:20px; padding:10px 0; font-size:16px; color:#3e3e3e; text-align:center;}
.site_table td a,.site_table td a:hover,.site_table td a:visited {font-size:16px; color:#3e3e3e}
.site_table .tb_1 {background:#d31616; color:#fff; font-weight:bold;}
/* 页码样式 */
.page {margin:35px auto; width:698px; height:auto; text-align:center; font-size:16px;}
.page ul li {float:left; display:inline-block; margin:5px; width:52px; height:56px; line-height:56px; background:url(http://www.haolatiao.com/static/image/bg_page.png) center bottom no-repeat; background-size:52px 112px;}
.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:16px;}
.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:5px 10px; height:56px; line-height:56px;}

/* 头部样式 */
.site-head {width:100%; height:100px;}
.site-head-box {margin:0 auto; width:1200px; height:100px; overflow:hidden;}
.site-head-box h1 img {float:left; margin:-25px 0 0 0; width:256px; height:144px;}
.site-logo {display:block; float:left; margin:-25px 0 0 0; width:256px; height:144px; background:url(http://www.haolatiao.com/static/image/logo.jpg) left top no-repeat; background-size:256px 144px;}
.site-slogan {display:block; float:left; margin:-5px 0 0 -10px; width:168px; height:85px; background:url(http://www.haolatiao.com/static/image/slogan.png) left center no-repeat; background-size:auto 70px;}
.site-channel {float:left; margin-top:40px; border-left:2px solid #3e3e3e; padding-left:15px; height:35px; line-height:35px; font-size:22px;}
.site-search {float:left; _display:inline; margin:30px 0 0 388px; width:394px; height:38px; border:1px solid #3e3e3e; text-align:center;}
.site-search input[type="text"] {float:left; margin:0 0 0 30px; background:none; border:none; width:306px; height:38px; line-height:38px; color:#666;}
.site-search input[type="submit"] {float:left; width:58px; height:38px; border:none; background:url(http://www.haolatiao.com/static/image/ico_search.png) no-repeat #fa5d11 center; background-size:28px; cursor:pointer;}
.site-nav {width:100%; height:72px; background:#3e3e3e;}
.site-nav ul {margin:0 auto; display:block; width:1200px; height:72px; overflow:hidden;}
.site-nav ul li {float:left; width:12.5%; height:72px; font-weight:600; text-align:center;}
.site-nav ul li.cur,.site-nav ul li:hover {background:#fa5d11;}
.site-nav ul li > a {display:block; margin-top:25px; height:25px; line-height:25px; border-right:1px solid #e6e6e6; color:#e6e6e6; font-size:20px;}
/* 底部样式 */
.site-foot {margin:20px auto 0 auto; width:100%; background:#3e3e3e; color:#fff; text-align:center;}
.site-foot-box {margin:0 auto; width:1200px; padding:45px 0 25px 0;}
.site-foot p {margin:10px auto; font-size:16px; clear:both;}
.site-foot p span {padding-left:25px;}
.site-foot a,.site-foot a:hover,.site-foot a:visited {font-size:16px; color:#fff;}
.site-foot .ico_gongxin {background:url(http://www.haolatiao.com/static/image/ico_gongxinbu.png) no-repeat; padding-left:28px; background-size:auto 23px;}
.site-foot .ico_dizhi {background:url(http://www.haolatiao.com/static/image/ico_map.png) no-repeat; padding-left:25px; background-size:auto 20px;}
.site-foot .ico_changdao {color:#fa5d11;}
.site-youlian {margin:5px auto 0 auto; padding:15px; line-height:22px; border-top:1px #c2c2c2 solid; color:#c2c2c2; text-align:left;}
.site-youlian a {color:#c2c2c2;}
.site-back {display:none; position:fixed; right:50px; bottom:80px; width:60px; height:60px; background:url(http://www.haolatiao.com/static/image/ico_up.png) 0 0 no-repeat; cursor:pointer; z-index:999999;}
.site-back:hover {background-position:0 -60px; transition:background 0.2s ease 0s;}

/* 网站首页样式 */
.index-box-title {width:100%; line-height:60px;}
.index-box-title h2 {position:relative; display:block; width:150px; padding-left:17px; font-size:22px; color:#fa5d11;}
.index-box-title h2:after {position:absolute; content:''; display:inline-block; top:18px; left:0; width:9px; height:24px; border-radius:0 4.5px 0 4.5px; background-color:#fa5d11;}
.index-box-title a,.index-box-title a:hover,.index-box-title a:visited {float:right; margin-top:18px; margin-right:18px; line-height:24px; font-size:16px;}
.floor-1st {position:relative; margin:20px auto; width:1200px; height:456px;}
.index-imgs {position:absolute; top:0; left:0; background:#fa5d11; width:810px; height:456px; overflow:hidden;}
.index-imgs .slide_clip {width:100%; height:100%;}
.index-imgs .slide_list {display:block; width:100%; height:100%;}
.index-imgs .slide_item {float:left; display:block; width:100%; height:100%;}
.index-imgs .slide_item a {display:block; position:relative; width:100%; height:100%;}
.index-imgs .slide_item img {width:100%; height:100%; 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:45px; line-height:45px; text-align:center; font-size:18px; color:#fff; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; z-index:99999;}
.index-imgs .slide_trigger {position:absolute; left:30px; top:50%; margin-top:-65px; width:6px; transition:.3s opacity; -webkit-transition:.3s opacity; z-index:999999;}
.index-imgs .slide_trigger li {float:left; margin:5px 0; display:block; background:#e6e6e6; width:9px; height:18px; border-radius:0 4.5px 0 4.5px; cursor:pointer;}
.index-imgs .slide_trigger li:hover,.index-imgs .slide_trigger li.cur {background:#fa5d11;}
.index-latiao {position:absolute; top:0; right:0; background:#fa5d11; background-image:linear-gradient(365deg,#3e3e3e,#fa5d11); width:368px; height:456px;}
.index-latiao p {margin:20px auto; width:335px; line-height:30px; text-align:justify; color:#fff;}
.index-latiao a,.index-latiao a:hover,.index-latiao a:visited {color:#fff; text-decoration:underline;}
.floor-2nd {position:relative; margin:35px auto 0 auto; width:1200px; height:475px;}
.index-news {float:left; width:420px; height:475px;}
.index-news-list li {width:100%; border-bottom:1px solid #e6e6e6; height:53.3px; line-height:53.3px; overflow:hidden;}
.index-news-list li span {float:right; width:100px; text-align:right; color:#707070; overflow:hidden;}
.index-news-list li a {display:block; max-width:315px; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.index-baike {float:left; margin:0 0 0 30px; width:360px; height:475px;}
.index-baike-list li {position:relative; width:100%; border-bottom:1px solid #e6e6e6; height:50px; line-height:50px; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.index-baike-list li:before {position:absolute; left:0; top:10px; display:block; content:''; width:32px; height:32px; background:url(http://www.haolatiao.com/static/image/ico_lapian.png) no-repeat; background-size:32px;}
.index-baike-list li a {margin-left:35px;}
.index-latiao-brand {position:absolute; top:0; right:0; width:360px; height:475px;}
.index-latiao-brand ul {margin:0 10px;}
.index-latiao-brand-list ul li {width:100%; border-bottom:1px solid #e6e6e6; height:50px; line-height:50px; overflow:hidden;}
.index-latiao-brand-list ul li a {display:block; max-width:66%; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.index-latiao-brand-list span {float:right; width:19%; margin:21px 0 0 0; background-color:#e6e6e6; border-radius:4px; overflow:hidden;}
.index-latiao-brand-list span i {display:block; height:8px; border-radius:4px; background-color:#fa5d11; background-image:linear-gradient(90deg,#f95d11,#d21616 100%); cursor:pointer;}
.index-latiao-brand-list em {float:left; margin:12px 12px 0 0; background:#e6e6e6; text-align:center; width:26px; height:26px; line-height:26px; 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:relative; margin:35px auto 0 auto; width:1200px; height:860px;}
.index-picture {float:left; width:810px; height:860px; overflow:hidden;}
.index-picture ul {margin:15px auto 0 auto; width:100%;}
.index-picture ul li {float:left; margin-right:3.5%; margin-bottom:35px; width:31%; text-align:center;}
.index-picture ul li:nth-child(3n) {margin-right:0;}
.index-picture ul li img {width:100%; height:188px;}
.index-picture ul li p {margin:0 auto; background:#fa5d11; background-image:linear-gradient(250deg,#3e3e3e,#fa5d11); width:100%; height:38px; line-height:38px; overflow:hidden;}
.index-picture ul li p a {margin:0 auto; width:80%; height:38px; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#fff;}
.index-comment {position:absolute; top:0; right:0; width:360px; height:860px; overflow:hidden;}
.index-comment-list {margin:10px auto; width:96%;}
.index-comment-list li {margin-top:5px; border-bottom:1px solid #e6e6e6; line-height:32px;}
.index-comment-list li p {margin:5px 0 10px 0; background:url(http://www.haolatiao.com/static/image/ico_comment.png) no-repeat; background-size:23px; text-indent:30px; line-height:24px;}

/* 内页主体内容 */
.site-container {margin:15px auto; width:1200px;}
/* 面包屑导航 */
.site-location {padding-left:44px; background:url(http://www.haolatiao.com/static/image/ico_local.png) 0 3px no-repeat; background-size:36px; height:45px; line-height:45px; text-align:left; font-size:16px; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.site-location a {font-size:16px;}
/* 左侧主体内容 */
.site-container-left {margin:10px 0; float:left; width:820px;}
.site-container-content p {margin-bottom:15px; line-height:30px; padding:0 15px;}
.sub-menu {margin:20px auto; width:100%;}
.sub-menu li {float:left; margin:0 10px 10px 0; width:108px; height:36px; line-height:36px; background-color:#3e3e3e; border-radius:3px; box-shadow:0 2px 5px 0 rgba(251,66,97,.51); text-align:center;}
.sub-menu li:hover {background-color:#fa5d11;}
.sub-menu li a,.sub-menu li a:visited {display:block; width:100%; height:100%; line-height:36px; border-bottom:none; font-size:16px; text-align:center; color:#fff;}
.sub-menu li:hover a {color:#fff;}
.class_tips {margin:15px auto; line-height:28px;}
/* 图文介绍样式 */
.site-container-txt {padding:0 10px 10px 10px; line-height:26px; font-size:16px;}
.site-container-txt h1 {line-height:45px; font-size:28px; text-align:center;}
.site-container-txt h2 {margin:15px auto; font-size:22px; text-align:center;}
.site-container-txt h3 {position:relative; margin:15px auto; font-size:16px; text-align:left;}
.site-container-txt h3:before {position:absolute; content:''; display:inline-block; top:3px; left:-18px; width:5px; height:25px; background-color:#fa5d11;}
.site-container-txt p {margin:15px 0; line-height:35px; font-size:16px; color:#3e3e3e;}
.site-container-txt a,.site-container-txt a:hover,.site-container-txt a:visited {font-size:16px; color:#fa5d11; text-decoration:none; border-bottom:1px solid #fa5d11;}
/* 标题列表样式 */
.question_list {margin:5px auto 5px auto; width:100%;}
.question_list li {position:relative; padding-left:24px; height:55px; line-height:58px; overflow:hidden;}
.question_list li:before {position:absolute; left:0; top:14px; display:block; content:''; width:26px; height:32px; background:url(http://www.haolatiao.com/static/image/ico_dot.png) 0 no-repeat; background-size:26px auto;}
.question_list li a {display:block; white-space:nowrap; text-overflow:ellipsis; font-size:16px; overflow:hidden;}
.question_list li span {float:right;}
/* 图片列表样式 */
.news_list {margin:-8px auto 0 auto; width:100%;}
.news_list .news_img {position:relative; width:100%; margin:20px 0 0 0; height:168px; border-bottom:1px solid #e6e6e6; line-height:30px;}
.news_list .news_img img {float:left; margin:10px 0 8px 0; width:23%; height:128px;}
.news_list .news_img div {float:left; margin-left:4%; width:73%;}
.news_list .news_img h3 {width:100%; height:28px; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news_list .news_img h3 a {font-size:16px;}
.news_list .news_img p {max-height:90px; overflow:hidden;}
.news_list .news_imgs {position:relative; width:100%; padding:20px 0; border-bottom:1px solid #e6e6e6; line-height:30px;}
.news_list .news_imgs img {float:left; margin:10px 10px 8px 0; width:216px; height:128px;}
.news_list .news_imgs h3 {width:100%; height:28px; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news_list .news_imgs h3 a {font-size:16px;}
.news_list .news_imgs div {float:none; margin-left:0; width:100%;}
.news_list .news_imgs p {overflow:hidden;}
/* 卡片列表样式 */
.picture_list {display:block; margin:10px auto; width:100%;}
.picture_list li {position:relative; float:left; margin-right:2px; width:272px; height:275px; line-height:22px; text-align:center; overflow:hidden;}
.picture_list li:nth-child(3n) {margin-right:0;}
.picture_list li img {width:272px; height:204px; border-radius:25px; transition:transform .5s ease;}
.picture_list li img:hover {transform:translateY(-5px);}
.picture_list li h3 {margin:5px auto; width:250px; height:22px; 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:250px; text-align:left;}
.picture_list li span {position:absolute; top:0; right:0; background:#101010; opacity:0.8; height:30px; padding:0 18px; border-radius:0 25px 0 25px; line-height:30px; color:#fff;}
.picture_list li:hover a,.picture_list li:hover p {color:#fa5d11;}
/* 产品列表样式 */
.product_list {display:block; margin:10px auto; width:100%;}
.product_list li {position:relative; float:left; margin-right:10px; width:264px; height:250px; line-height:22px; text-align:center; overflow:hidden;}
.product_list li:nth-child(3n) {margin-right:0;}
.product_list li img {width:264px; height:204px; transition:transform .5s ease;}
.product_list li img:hover {transform:translateY(-5px);}
.product_list li h3 {margin:5px auto; width:250px; height:22px; font-weight:normal; text-align:left; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.product_list li:hover a {color:#fa5d11;}
/* 公司/品牌列表样式 */
.c_list ul {width:100%;}
.c_list ul li {height:auto; border-bottom:1px solid #e6e6e6; overflow:hidden;}
.c_list ul li img {float:left; margin:30px 35px 10px 0; width:120px; height:90px; border-radius:5px;}
.c_list div {float:left; margin:15px 15px 15px 0; width:450px; line-height:30px;}
.c_list h3 {width:100%; height:30px; line-height:30px; font-size:20px; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.c_list div p {width:100%; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.c_list .homepage_button {float:left; margin:45px 0 0 0; width:135px; height:46px; line-height:46px; background:#fa5d11; background:linear-gradient(135deg,#fa5d11,#d21616 100%)!important; border:0; border-radius:5px; text-align:center; color:#fff; font-size:18px; cursor:pointer;}
.c_list .brand_company {width:auto; display:block;  padding-left:30px; background:url(http://www.haolatiao.com/static/image/ico_company.png) 0 1px no-repeat; background-size:26px;}
.c_list .brand_area {width:auto; display:block;  padding-left:30px; background:url(http://www.haolatiao.com/static/image/ico_lc.png) -1px 1px no-repeat; background-size:26px;}
.c_list .brand_data {width:auto; display:inline-block; margin-right:10px; border:1px solid #fa5d11; border-radius:16px; padding:1px 10px; color:#fa5d11;}
.c_list .brand_point {width:auto; display:inline-block; border:1px solid #fa5d11; border-radius:16px; padding:1px 10px; color:#fa5d11;}

/* 详情页样式 */
.article-title {margin-top:-15px;}
.article-title h1 {padding-top:22px; line-height:36px; font-size:28px; text-align:center;}
.article-factor {margin:20px 0 0 0; height:25px; line-height:25px; font-size:16px; text-align:center; overflow:hidden;}
.article-factor span {padding:0 26px;}
.article-factor .time {background:url(http://www.haolatiao.com/static/image/ico_time.png) no-repeat; background-size:auto 19px;}
.article-factor .hits {background:url(http://www.haolatiao.com/static/image/ico_read.png) no-repeat; background-size:auto 21px;}
.article-factor a,.article-factor a:hover,.article-factor a:visited {color:#666; font-size:16px;}
.article-hits {position:absolute; top:0; right:0; background:#fa5d11; height:30px; padding:0 18px; border-radius:0 0 0 25px; line-height:30px; color:#fff;}
.article-summary {margin:0 auto; width:92%; background:url(http://www.haolatiao.com/static/image/ico_yinhao.png) 0 15px no-repeat; background-size:30px; border-bottom:1px solid #e6e6e6;}
.article-summary p {padding:25px 35px; line-height:28px; font-size:16px; color:#666; text-align:justify;}
.article-content {padding:10px 50px; line-height:32px; font-size:16px;}
.article-content h2 {margin:15px auto; font-size:22px; text-align:center;}
.article-content h3 {position:relative; margin:15px auto; font-size:16px; text-align:left;}
.article-content h3:before {position:absolute; content:''; display:inline-block; top:3px; left:-18px; width:5px; height:25px; background-color:#fa5d11;}
.article-content p {margin-top:20px;}
.article-content a,.article-content a:hover,.article-content a:visited {color:#fa5d11; font-size:16px; text-decoration:none; border-bottom:1px solid #fa5d11;}
.content-container-box {position:relative; height:65vh; overflow:hidden;}
.content-container-box:after {position:absolute; bottom:0; left:0; right:0; content:''; height:14vh; 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:0 0 25px 0;}
.view-allcontent {background:#fa5d11; width:135px; height:46px; line-height:46px; border-radius:23px; font-size:18px; font-weight:bold; color:#fff; text-align:center; cursor:pointer;}
.article-tip {position:relative; margin:50px auto 20px; border:1px solid #e6e6e6;}
.article-tip span {position:absolute; left:50%; top:-25px; margin-left:-115px; background:url(http://www.haolatiao.com/static/image/ico_tip.png) #fff 38px 5px no-repeat; background-size:38px; padding:0 40px 0 80px; line-height:50px; border-radius:10px 10px 0 0; z-index:1; border:1px solid #e6e6e6; border-bottom:0; text-align:center; font-weight:bold;}
.article-tip p {padding:35px 20px 20px 20px; line-height:28px;}
.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:15px auto; background:#e6e6e6; height:46px; line-height:46px; padding:0 20px;}
.article-page li {float:left; margin-right:2%; width:49%; height:46px; line-height:46px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.article-page li:nth-child(2n) {margin-right:0;}
.article-cmt {margin:0 auto; width:100%; height:255px; background:#e6e6e6; overflow:hidden; text-align:center;}
.article_cmt_title {margin:20px 20px 0 10px; background:url(http://www.haolatiao.com/static/image/ico_comment_title.png) no-repeat; background-size:36px; padding-left:42px; height:32px; line-height:32px; text-align:left;}
.article_cmt_title a {float:right; font-size:16px; text-decoration:underline;}
.article_cmt_title em {color:#fa5d11;}
.article_cmt_title b {font-size:18px;}
.article-cmt textarea {margin:10px auto; width:725px; height:118px; padding-left:15px; background:url(http://www.haolatiao.com/static/image/logo_transparent.png) center center no-repeat; background-size:35% auto; -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:25px; line-height:26px; font-family:'微软雅黑';}
.article-cmt textarea:focus {outline:none; border-color:#fa5d11; box-shadow:0 0 4px rgba(235,195,153,.5);}
.article-cmt p {text-align:left; padding-left:20px; line-height:46px;}
.article-cmt .cmt_btn {float:right; margin-right:18px; width:135px; height:46px; background:#fa5d11; background:linear-gradient(135deg,#fa5d11,#d21616 100%)!important; border:0; border-bottom:5px solid #d21616; border-radius:23px; color:#fff; font-family:'微软雅黑'; font-size:18px; font-weight:bold; cursor:pointer;}
/* 相关内容样式 */
.article-related {margin:50px auto; width:100%;}
.article-related-title,.article-hot-title,.article-latest-title,.article-review-title {height:45px; line-height:45px; font-weight:700; font-size:22px; color:#fa5d11;}
.article-related-title em,.article-hot-title em,.article-latest-title em,.article-review-title em {float:left; margin-top:11px; margin-right:11px; width:9px; height:24px; border-radius:0 4.5px 0 4.5px; background:#fa5d11;}
.article-related-list {margin:25px auto 0 auto; width:100%;}
.article-related-list li {float:left; margin-right:4%; width:48%; height:158px; line-height:28px;}
.article-related-list li:nth-child(2n) {margin-right:0;}
.article-related-list li h3 {display:inline-block; width:100%; height:28px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.article-related-list li h3 a {font-size:16px;}
.article-related-list li img {float:left; margin:8px 0 8px 0; width:27%; height:76px; background:url(http://www.haolatiao.com/static/image/loading.gif) center center no-repeat; border-radius:5px;}
.article-related-list li p {float:left; margin-left:3%; width:70%; margin-top:2px; max-height:85px; line-height:28px; color:#666; overflow:hidden;}
/* 相关产品样式 */
.product-related {margin:50px auto; width:100%;}
.product-related-title {height:45px; line-height:45px; font-weight:700; font-size:22px; color:#fa5d11;}
.product-related-title em {float:left; margin-top:11px; margin-right:11px; width:9px; height:24px; border-radius:0 4.5px 0 4.5px; background:#fa5d11;}
.product-related-list {margin:25px auto 0 auto; width:100%;}
.product-related-list li {float:left; margin-right:5%; width:30%; height:220px; line-height:28px;}
.product-related-list li:nth-child(3n) {margin-right:0;}
.product-related-list li h3 {display:inline-block; width:100%; height:28px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.product-related-list li h3 a {font-size:16px;}
.product-related-list li:hover a {color:#fa5d11;}
.product-related-list li img {margin:8px 0 8px 0; width:100%; height:168px; background:url(http://www.haolatiao.com/static/image/loading.gif) center center no-repeat;}

/* 评论页样式 */
.review_list {margin:10px 20px 60px auto;}
.review_one {position:relative; margin:30px auto; border-bottom:1px solid #e6e6e6;}
.review_one img {float:left; margin:0 10px 10px 0; width:48px; height:48px; border:1px solid #3e3e3e;}
.review_one i {position:absolute; top:-10px; left:0; width:27px; height:27px; background-color:#f95d11; border-radius:0 20px 15px 15px; font-style:normal; font-size:14px; line-height:27px; color:#fff; text-align:center;}
.review_main {padding-bottom:20px; text-align:left;}
.review_user span {float:right;}
.review_txt {padding:10px 0; line-height:28px; font-size:14px;}
.article-review-list {margin:15px auto; width:96%;}
.article-review-list li {margin-top:5px; border-bottom:1px solid #e6e6e6; line-height:32px;}
.article-review-list li a {font-size:16px;}
.article-review-list li p {margin:5px 0 10px 0; background:url(http://www.haolatiao.com/static/image/ico_comment.png) no-repeat; background-size:23px; text-indent:30px; line-height:24px;}

/* 站内搜索样式 */
.site-search-total {margin:30px 0; position:relative; padding:0 26px; max-height:64px; line-height:32px;}
.site-search-total:before {position:absolute; left:8px; top:0; display:block; content:''; width:7px; height:32px; background:#f95d11; border-radius:3px;}
.search-box {width:100%; padding:0;}
.search-box h1 {margin-top:50px; text-transform:uppercase; text-align:center;  letter-spacing:1px; font-size:32px; color:#f95d11;}
.search-box p {position:relative; margin-top:30px; padding-top:30px; text-align:center;}
.search-box p:before {content:""; position:absolute; top:0; left:50%; -ms-transform:translateX(-50%); transform:translateX(-50%); width:100px; height:2px; display:block; background-color:#f95d11;}
.story-search-box {margin:50px auto; background:#fff; width:472px; height:49px; border-radius:25px; box-sizing:border-box; -webkit-box-shadow:0 0 10px #666; -moz-box-shadow:0 0 10px #666; box-shadow:0 0 10px #666;}
.story-search-box .search-txt {float:left; width:368px; width:348px !important; padding:0 10px; height:49px; line-height:50px; vertical-align:middle; border-radius:25px;}
.story-search-box .search-btn {float:left; width:104px; height:49px; line-height:50px; background:#f95d11; font-weight:600; vertical-align:middle; border-radius:25px; color:#fff; cursor:pointer;}

/* 留言反馈表单样式 */
.site_table h2 {line-height:32px; font-size:18px; letter-spacing:3px; color:#fff;}
.site_table input[type="text"] {width:90%; height:36px; line-height:37px; padding-left:15px; 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:150px; line-height:26px; padding-left:15px; 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 4px rgba(211,22,22,.5);}
.site_table .light {font-size:18px;}
.site_table label {cursor:pointer;}
.msg_ul {width:88%; margin:0 auto;}
.msg_ul li {float:left; width:16.6%; padding:10px 0; text-align:left;}
.msg_btn {width:135px; height:46px; background:#fa5d11; background:linear-gradient(135deg,#fa5d11,#d21616 100%)!important; border:0; border-bottom:5px solid #d21616; border-radius:23px; color:#fff; font-family:'微软雅黑'; font-size:18px; font-weight:bold; cursor:pointer;}

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

/* 辣条企业主页样式 */
.site-top {margin:0 auto; width:1200px; height:130px; text-align:center; overflow:hidden;}
.site-top img {float:left; margin:17.5px 20px 0 0; max-width:160px; height:95px;}
.site-top h1 {float:left; margin:50px 0 0 0; width:940px; height:30px; line-height:30px; font-size:24px; text-align:right; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.site-top .tel {display:none;}
/* 公司相册样式 */
.company-imgs {position:relative; margin-top:10px; width:760px; height:570px; overflow:hidden;}
.company-imgs .slide_clip {width:100%; height:100%; background-color:#fff;}
.company-imgs .slide_list {display:block; width:100%; height:100%;}
.company-imgs .slide_item {float:left; display:block; width:100%; height:100%;}
.company-imgs .slide_item a {display:block; width:100%; height:100%;}
.company-imgs .slide_item img {width:100%; height:100%; vertical-align:middle;}
.company-imgs .slide_trigger {position:absolute; bottom:30px; left:50%; margin-left:-70px; transition:.3s opacity;}
.company-imgs .slide_trigger li {float:left; margin:0 8px; background-color:#fff; display:block; width:8px; height:20px; border-bottom:none; border-radius:3.5px; opacity:0.6; transition:all .2s linear; cursor:pointer;}
.company-imgs .slide_trigger li:hover,.company-imgs .slide_trigger li.cur {margin:-8px 8px 0 8px; background-color:#fa5d11; width:8px; height:25px; opacity:1;}
/* 公司信息 */
.company_jianjie {width:100%;}
.company_jianjie p {margin:12px 0; line-height:32px;}
.company_jianjie img {max-width:100%;}
.company_jianjie a,.company_jianjie a:hover,.company_jianjie a:visited {color:#fa5d11;}
.company_few {position:relative; height:auto; overflow:hidden;}
.company_few:after {content:''; position:absolute; margin:0 auto; height:0; bottom:0; left:0; right:0;}
.view-all-what {display:none;}
.company_card {margin:30px auto; width:100%; line-height:28px; overflow:hidden;}
.company_card ul li {background:#fff; padding:20px 15px;}
.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:135px;}
.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:10px auto; width:1200px; overflow:hidden;}
.page-404 p {display:block; margin:80px auto; height:218px; line-height:188px; background:url(http://www.haolatiao.com/static/image/page_404.png) 150px 0 no-repeat; padding-left:238px; font-size:20px; font-weight:600; text-align:center;}
.page-404-go {margin:10px auto; width:300px; height:168px;}
.page-404-go a {display:block; float:left; margin-right:15px; width:135px; height:40px; background:#3e3e3e; line-height:40px; border-radius:5px; font-size:16px; color:#fff; text-align:center;}