@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, video {
margin: 0;
padding: 0;
}
body {
font: 14px/1.5 Arial, '\5b8b\4f53', sans-serif;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote {
display: block;
}
nav ul {
list-style: none;
}
ol {
list-style: decimal;
}
ul {
list-style: disc;
}
ul ul {
list-style: circle;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: none;
}
ins {
text-decoration: underline;
}
del {
text-decoration: line-through;
}
mark {
background: none;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted #000;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
input[type=submit], input[type=button], button {
margin: 0;
padding: 0;
}
input, select, a img {
vertical-align: middle;
}
ul li {
list-style-type: none;
}
a {
text-decoration: none;
color: inherit;
}
img {
border: none;
}
.clear {
clear: both;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
*, *:before, *:after {
box-sizing: border-box;
}
div {
font-size: inherit;
line-height: inherit;
color: inherit;
}
.fr {
float: right;
}
.fl {
float: left;
}
.hid {
display: none;
}
.one-line {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.song {
font-family: '\5b8b\4f53';
}
.wr {
font-family: 微软雅黑, "Microsoft yahei";
}
.header {
width: 100%;
height: 55px;
background-color: #ffcc00;
}
.header-center {
width: 1000px;
height: 55px;
margin: 0 auto;
color: #fff;
line-height: 55px;
}
.header-center > .fr {
font-size: 14px;
margin-left: 15px;
cursor: pointer;
}
.center-logo {
display: block;
font-size: 0;
margin-right: 22px;
color: #fff;
vertical-align: middle;
}
.center-site {
display: block;
width: 131px;
height: 32px;
border-left: 1px solid #fff;
margin-top: 11px;
}
.center-site > span {
display: block;
width: 131px;
height: 16px;
line-height: 16px;
text-align: center;
}
.main {
width: 1000px;
margin: 0 auto;
overflow: hidden;
}
.main-nav {
width: 100%;
height: 80px;
line-height: 80px;
}
.nav-pot {
font-size: 35px;
vertical-align: middle;
}
.nav-link {
padding-left: 20px;
padding-right: 20px;
color: #666;
font-family: '\5b8b\4f53';
}
.nav-link:hover {
color: #fc0;
}
.search {
overflow: hidden;
}
.search > input {
width: 285px;
height: 29px;
line-height: 29px;
border: 1px solid #e2e2e2;
padding-left: 20px;
}
.search > span {
width: 29px;
height: 29px;
background-color: #666;
margin: 27px 18px 0 5px;
cursor: pointer;
background-image: url(../images/search.png);
}
.main-banner {
width: 100%;
overflow: hidden;
}
.banner-wrap {
overflow: hidden;
}
.banner-a {
display: block;
width: 100%;
height: 80px;
overflow: hidden;
margin-bottom: 10px;
}
.banner-a > img {
width: 100%;
vertical-align: top;
}
.banner-b {
display: block;
width: 215px;
height: 165px;
overflow: hidden;
margin-right: 10px;
}
.banner-b > img {
width: 100%;
vertical-align: top;
}
.banner-c {
display: block;
width: 495px;
height: 80px;
}
.banner-c > img {
width: 100%;
vertical-align: top;
}
.banner-c {
display: block;
width: 495px;
height: 80px;
}
.banner-c > img {
width: 100%;
vertical-align: top;
}
.banner-d {
display: block;
width: 140px;
height: 80px;
}
.banner-d > img {
width: 100%;
vertical-align: top;
}
.banner-e {
display: block;
width: 205px;
height: 205px;
}
.banner-e > img {
width: 100%;
height: 100%;
vertical-align: top;
}
.slider-wrap-b {
width: 1000px;
height: 80px;
background-color: #333;
overflow: hidden;
}
.slider-wrap .swiper-container-horizontal > .swiper-pagination-bullets, .slider-wrap .swiper-pagination-custom, .slider-wrap .swiper-pagination-fraction {
bottom: 0;
}
.slider-wrap .swiper-slide img {
width: 1000px;
height: 100%;
vertical-align: top;
}
.slider-wrap .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px;
}
.slider-wrap .swiper-pagination-bullet {
width: 18px;
height: 18px;
border-radius: 0;
opacity: .5;
color: #fff;
text-align: center;
}
.slider-wrap .swiper-pagination-bullet-active {
opacity: 1;
background-color: #000;
}
.slider-wrap .swiper-pagination {
text-align: right;
}
.slider-wrap-c {
width: 785px;
height: 420px;
background-color: #333;
overflow: hidden;
}
.slider-wrap-c .swiper-button-next, .slider-wrap-c .swiper-container-rtl .swiper-button-prev {
color: #fff;
}
.main-show {
margin-top: 20px;
overflow: hidden;
}
.show-hot {
width: 490px;
overflow: hidden;
}
.show-title {
width: 100%;
height: 30px;
margin-bottom: 25px;
font-family: 微软雅黑, "Microsoft yahei";
}
.show-title > .fl {
width: 198px;
height: 20px;
margin-top: 5px;
border-left: 6px solid #fc0;
line-height: 20px;
padding-left: 10px;
text-align: left;
font-size: 16px;
}
.show-title > .fr {
width: 30px;
height: 30px;
border-radius: 100%;
background-color: #c8c8c8;
color: #000;
text-align: center;
line-height: 26px;
font-size: 20px;
cursor: pointer;
}
.show-new {
width: 445px;
overflow: hidden;
}
.new-list {
width: 100%;
overflow: hidden;
}
.new-list > li {
width: 100%;
height: 28px;
line-height: 28px;
font-size: 14px;
}
.new-list > li > a {
width: 400px;
color: #000;
}
.new-list > li > a:hover {
text-decoration: underline;
}
.new-list > li > span {
margin-left: 10px;
}
.hot-pic {
margin-top: 35px;
overflow: hidden;
}
.hot-pic a {
float: left;
display: block;
margin-right: 20px;
}
.hot-pic .no-margin-right {
margin-right: 0;
}
.hot-pic-wrap {
width: 235px;
border: 1px solid #c8c8c8;
}
.hot-pic-wrap > p {
margin-top: 5px;
line-height: 1.7;
padding: 0 10px;
}
.hot-pic-wrap img {
width: 100%;
}
.hotpic-tit {
font-size: 16px;
}
.hotpic-tit:hover {
text-decoration: underline;
}
.hotpic-time {
color: #888;
margin-bottom: 10px;
}
.main-forum {
margin-top: 20px;
overflow: hidden;
}
.forum-header {
width: 180px;
height: 82px;
position: relative;
font-size: 28px;
text-align: center;
padding: 20px 0;
margin: 0 auto;
font-family: 微软雅黑, "Microsoft yahei";
background-repeat: no-repeat;
background-position: center center;
background-size: 122px 31px;
}
.forum-header::before {
content: "";
position: absolute;
left: -450px;
top: 42px;
width: 450px;
height: 2px;
background-color: #666;
}
.forum-header::after {
content: "";
position: absolute;
left: 180px;
top: 42px;
width: 450px;
height: 2px;
background-color: #666;
}
.forum-header-ltjh {
background-image: url(../images/title-ltjh.jpg);
}
.forum-header-bwc {
background-image: url(../images/title-bwc.jpg);
}
.forum-food {
width: 460px;
}
.food-cont {
overflow: hidden;
width: 100%;
}
.food-cont > li {
position: relative;
width: 210px;
margin-bottom: 30px;
margin-right: 40px;
}
.food-cont > li:hover p {
display: block;
}
.food-cont > li p {
position: absolute;
bottom: 0;
height: 30px;
width: 100%;
line-height: 30px;
font-size: 14px;
background: rgba(0, 0, 0, 0.6);
color: #fff;
text-align: center;
display: none;
}
.main-interview {
width: 100%;
overflow: hidden;
padding-bottom: 40px;
}
.interview-food {
width: 460px;
overflow: hidden;
padding-bottom: 35px;
}
.interview-wrap {
width: 100%;
overflow: hidden;
}
.inter-wrap {
width: 136px;
height: 136px;
}
.inter-wrap > img {
width: 100%;
}
.inter-wrap-fr {
width: 310px;
height: 136px;
overflow: hidden;
}
.inter-title {
line-height: 30px;
font-size: 16px;
overflow: hidden;
color: #000;
font-weight: bold;
}
.inter-title:hover {
text-decoration: underline;
}
.inter-subtitle {
line-height: 28px;
overflow: hidden;
}
.inter-infos {
position: relative;
max-height: 78px;
line-height: 26px;
overflow: hidden;
color: #666;
}
.interview-food01 .inter-infos {
max-height: 52px;
}
.inter-more {
display: block;
text-align: right;
background: #fff;
color: #ff8c3f;
padding: 0 2px;
z-index: 90;
}
.star {
color: #f00;
}
.main-bwc {
width: 100%;
overflow: hidden;
}
.bwc-wrap {
width: 100%;
overflow: hidden;
margin-bottom: 30px;
}
.bwc-wrap a {
float: left;
margin-right: 27.5px;
display: block;
overflow: hidden;
}
.bwc-wrap .no-margin-right {
margin-right: 0;
}
.bwc-show {
width: 315px;
padding: 20px 20px 15px 20px;
border: 1px solid #c8c8c8;
}
.bwc-show img {
width: 100%;
}
.bwc-info {
width: 100%;
height: 50px;
line-height: 25px;
margin-top: 10px;
color: #666;
overflow: hidden;
}
.bwc-info > span {
font-size: 16px;
margin-right: 10px;
}
.bwc-info:hover {
text-decoration: underline;
}
.bwc-sel {
text-align: right;
color: #f60;
}
.main-person {
width: 100%;
overflow: hidden;
padding-bottom: 43px;
}
.person-bg {
width: 100%;
overflow: hidden;
}
.person-bg a {
float: left;
display: block;
margin-right: 12.5px;
}
.person-bg .no-margin-right {
margin-right: 0;
}
.person-bg li {
position: relative;
float: left;
width: 190px;
overflow: hidden;
border: 1px solid #c8c8c8;
text-align: center;
}
.person-bg li .one-line {
padding: 0 20px;
}
.person-bg li p:first-of-type:hover {
text-decoration: underline;
}
.bg-pic {
width: 100%;
height: 100px;
margin-bottom: 54px;
}
.bg-ava {
position: absolute;
left: 47px;
top: 43px;
display: block;
width: 90px;
height: 90px;
border: 3px solid #fff;
border-radius: 100%;
background-color: #fff;
overflow: hidden;
margin: 0 auto;
font-size: 0;
}
.bg-ava > img {
width: 100%;
height: 100%;
}
.sec-name {
color: #333;
margin-top: 11px;
margin-bottom: 22px;
}
.main-shop {
width: 100%;
overflow: hidden;
}
.shop-links {
width: 100%;
overflow: hidden;
padding: 0 24px 20px;
}
.shop-links li {
float: left;
width: 106px;
height: 54px;
margin: 0 15px 10px;
}
.shop-links li img {
width: 100%;
}
.main-latest {
width: 100%;
background-color: #f1f1f1;
overflow: hidden;
}
.latest-header {
text-align: center;
overflow: hidden;
font-size: 26px;
margin-top: 38px;
color: #000;
}
.latest-header > span {
position: relative;
padding-left: 50px;
padding-right: 50px;
font-family: 微软雅黑, "Microsoft yahei";
}
.latest-header > span::before {
content: "";
position: absolute;
left: 0;
top: 19px;
width: 25px;
height: 1px;
background-color: #000;
}
.latest-header > span::after {
content: "";
position: absolute;
right: 0;
top: 19px;
width: 25px;
height: 1px;
background-color: #000;
}
.latest-search {
width: 100%;
overflow: hidden;
}
.latest-search > form {
display: block;
margin: 0 auto;
width: 398px;
overflow: hidden;
padding-top: 21px;
}
.search-input {
width: 305px;
height: 40px;
border: 1px solid #ffb400;
outline: none;
padding-left: 25px;
}
.search-btn {
width: 93px;
height: 40px;
background: #ffb400;
color: #fff;
border: 0;
outline: none;
font-size: 16px;
cursor: pointer;
}
.latest-collect {
overflow: hidden;
width: 100%;
padding-left: 13px;
}
.latest-collect > li {
float: left;
width: 285px;
height: 254px;
background-color: #fff;
margin-left: 30px;
margin-top: 38px;
overflow: hidden;
}
.collect-img {
width: 285px;
height: 152px;
vertical-align: top;
}
.collect-title {
width: 100%;
line-height: 30px;
color: #000;
font-size: 16px;
padding: 0 14px;
margin-top: 12px;
}
.collect-content {
position: relative;
width: 100%;
line-height: 24px;
color: #a4a4a4;
padding: 0 14px;
overflow: hidden;
height: 48px;
}
.latest-addmore {
width: 100%;
height: 108px;
text-align: center;
line-height: 108px;
}
.latest-addmore > span {
cursor: pointer;
color: #666;
}
.main-bawangcan {
width: 100%;
overflow: hidden;
background-color: #f1f1f1;
}
.bawangcan-top {
width: 100%;
overflow: hidden;
padding-left: 46px;
padding-top: 40px;
}
.bawangcan-slider {
width: 376px;
height: 280px;
overflow: hidden;
}
.bawangcan-slider > li {
width: 376px;
height: 280px;
}
.bawangcan-slider > li img {
width: 376px;
height: 280px;
}
.bawangcan-card {
width: 530px;
height: 280px;
background-color: #fff;
margin-left: 20px;
padding: 15px 20px 10px;
}
.card-wrap01 {
width: 100%;
overflow: hidden;
}
.card-pic {
width: 239px;
height: 177px;
}
.card-pic img {
width: 100%;
height: 100%;
}
.card-info {
overflow: hidden;
width: 230px;
margin-left: 18px;
}
.card-info .info-p {
line-height: 30px;
color: #666;
}
.info-title {
color: #333;
font-size: 18px;
margin-bottom: 20px;
}
.info-title > a {
color: #333;
}
.info-title:hover {
text-decoration: underline;
}
.card-wrap02 {
width: 100%;
line-height: 30px;
margin-top: 20px;
overflow: hidden;
}
.card-btn {
display: block;
width: 55px;
height: 28px;
color: #fff;
line-height: 28px;
text-align: center;
background-color: #f90;
border-radius: 3px;
margin: 0 auto;
border: none;
font-size: 15px;
cursor: pointer;
}
.bawangcan-shows {
width: 100%;
overflow: hidden;
padding-left: 46px;
padding-right: 46px;
}
.shows-nav {
width: 100%;
text-align: center;
margin-top: 48px;
margin-bottom: 25px;
font-size: 15px;
cursor: pointer;
color: #666;
}
.year-sel {
color: #f90;
}
.shows-pics {
width: 100%;
overflow: hidden;
}
.shows-pics > li {
float: left;
width: 226px;
background-color: #fff;
padding: 18px;
border: 1px solid #e7e7e7;
overflow: hidden;
}
.shows-pics > li img {
width: 100%;
}
.pics-head {
font-size: 14px;
color: #666;
margin-top: 14px;
margin-bottom: 16px;
}
.pics-body {
color: #999;
overflow: hidden;
}
.main-business {
width: 100%;
overflow: hidden;
background-color: #f1f1f1;
}
.business-shops {
width: 100%;
overflow: hidden;
padding-left: 40px;
padding-bottom: 77px;
}
.business-shops > li {
float: left;
width: 134px;
height: 62px;
margin-left: 38px;
margin-top: 44px;
}
.business-shops > li img {
width: 100%;
height: 100%;
}
.business-advantage {
width: 100%;
overflow: hidden;
background-color: #fff;
padding-top: 17px;
padding-left: 80px;
padding-right: 66px;
}
.business-advantage img {
display: block;
}
.business-case {
width: 100%;
overflow: hidden;
background-color: #fff;
padding-top: 66px;
}
.business-case > p {
font-size: 17px;
margin-bottom: 25px;
padding-left: 55px;
}
.case-lists {
width: 100%;
overflow: hidden;
padding-left: 17px;
}
.case-lists > li {
float: left;
width: 272px;
margin-left: 38px;
}
.case-lists > li img {
width: 100%;
}
.case-title {
font-size: 17px;
font-weight: bold;
margin-top: 23px;
margin-bottom: 12px;
}
.case-info {
width: 100%;
line-height: 25px;
overflow: hidden;
color: #666;
font-size: 12px;
}
.business-number {
width: 100%;
overflow: hidden;
background-color: #fff;
padding-top: 48px;
padding-bottom: 111px;
border-bottom: 1px solid #e6e6e6;
}
.business-number > div {
position: relative;
width: 100%;
height: 60px;
line-height: 60px;
text-align: center;
}
.business-number > p {
width: 100%;
text-align: center;
color: #333;
margin-top: 16px;
font-size: 14px;
}
.business-number > p > span {
padding: 0 30px;
}
.number-png {
position: absolute;
left: 380px;
top: 0;
width: 61px;
height: 60px;
background: url(../images/business_phone.png) no-repeat center center;
background-size: 61px 60px;
vertical-align: top;
}
.number-name {
display: inline-block;
vertical-align: top;
height: 60px;
line-height: 60px;
font-size: 16px;
color: #333;
}
.main-news {
width: 1000px;
margin: 0 auto;
overflow: hidden;
background-color: #f1f1f1;
padding: 16px 0;
}
.news-post {
width: 681px;
overflow: hidden;
border-right: 1px solid #d0d0d0;
padding: 0 20px;
}
.post-title {
width: 100%;
overflow: hidden;
}
.post-title-p1 {
font-size: 20px;
padding-left: 12px;
font-family: 微软雅黑, "Microsoft yahei";
}
.post-title-p2 {
font-size: 18px;
color: #333;
text-align: center;
padding-top: 36px;
font-family: 微软雅黑, "Microsoft yahei";
}
.post-title-p3 {
padding-top: 17px;
text-align: center;
color: #999;
}
.post-cont {
color: #666;
padding: 28px 0;
border-top: 1px dashed #cfcfcf;
margin-top: 20px;
font-size: 14px;
line-height: 25px;
}
.post-cont img {
max-width: 100%;
margin-top: 15px;
margin-bottom: 15px;
}
.cont-header > span {
margin-right: 10px;
}
.cont-header a {
color: #666;
text-decoration: underline;
}
.cont-header a:hover {
text-decoration: none;
}
.cont-wrapimg {
width: 100%;
overflow: hidden;
margin-top: 30px;
margin-bottom: 30px;
text-align: center;
}
.cont-info {
width: 100%;
overflow: hidden;
}
.cont-info .cont-info-tit {
font-size: 16px;
color: #333;
line-height: 28px;
}
.cont-info .cont-info-cont {
line-height: 25px;
}
.cont-info .cont-info-p {
line-height: 25px;
text-indent: 2em;
}
.cont-info > p {
position: relative;
overflow: hidden;
}
.cont-info > p .abso {
position: absolute;
left: 50%;
}
.news-side {
width: 319px;
overflow: hidden;
border-left: 1px solid #d0d0d0;
margin-left: -1px;
}
.side-qrcode {
position: relative;
width: 283px;
margin-left: 18px;
height: 139px;
background-color: #cff;
margin-bottom: 20px;
padding-top: 53px;
padding-left: 127px;
}
.side-qrcode img {
display: block;
position: absolute;
top: 22px;
left: 31px;
width: 96px;
height: 96px;
}
.side-qrcode p {
text-align: center;
line-height: 20px;
font-size: 14px;
color: #666;
}
.side-hot {
width: 100%;
overflow: hidden;
}
.side-hot .show-title {
padding-left: 18px;
}
.side-hot .hot-pic-wrap {
margin: 0 auto;
border: 0;
}
.side-bawangc {
width: 100%;
overflow: hidden;
}
.side-bawangc .show-title {
padding-left: 18px;
}
.side-bawangc .bwc-show {
width: 240px;
margin: 0 auto;
margin-top: 10px;
border: 0;
padding: 0;
}
.side-bawangc .bwc-info {
color: #666;
}
.side-bawangc .bwc-info > span {
color: #333;
}
.footer {
width: 1000px;
margin: 0 auto;
overflow: hidden;
margin-bottom: 25px;
}
.footer01 {
width: 1000px;
height: 154px;
line-height: 154px;
margin: 0 auto;
overflow: hidden;
background-color: #fff;
padding-left: 90px;
}
.footer01 > a {
float: left;
color: #333;
padding: 0 10px;
}
.footer01 > a:hover {
text-decoration: underline;
}
.footer01 > span {
float: left;
}
.footer01-qrcode {
float: left;
width: 120px;
height: 120px;
margin-top: 17px;
}
.footer-links {
padding-left: 190px;
margin-bottom: 15px;
overflow: hidden;
}
.footer-links a {
padding: 0 5px;
color: #333;
}
.footer-links a:hover {
text-decoration: underline;
}
.footer-info {
width: 100%;
overflow: hidden;
}
.info-logo {
width: 185px;
height: 87px;
overflow: hidden;
}
.info-logo img {
width: 125px;
height: 64px;
margin-left: 40px;
margin-top: 10px;
}
.info-detail {
text-align: center;
color: #333;
}
.info-detail a {
color: #333;
}
.info-detail a:hover {
text-decoration: underline;
}
.info-detail p {
line-height: 25px;
}
.info-pic {
margin-left: 10px;
padding-top: 20px;
height: 100px;
overflow: hidden;
}
.info-pic a {
display: inline-block;
vertical-align: bottom;
}
.info-pic img {
vertical-align: bottom;
}
.tcdPageCode {
padding: 15px 20px;
text-align: left;
color: #ccc;
text-align: center;
}
.tcdPageCode a {
display: inline-block;
color: #666;
display: inline-block;
height: 25px;
line-height: 25px;
padding: 0 10px;
border: 1px solid #ddd;
margin: 0 2px;
border-radius: 4px;
vertical-align: middle;
}
.tcdPageCode a:hover {
text-decoration: none;
border: 1px solid #f90;
}
.tcdPageCode span.current {
display: inline-block;
height: 25px;
line-height: 25px;
padding: 0 10px;
margin: 0 2px;
color: #fff;
background-color: #f90;
border: 1px solid #f90;
border-radius: 4px;
vertical-align: middle;
}
.tcdPageCode span.disabled {
display: inline-block;
height: 25px;
line-height: 25px;
padding: 0 10px;
margin: 0 2px;
color: #bfbfbf;
background: #f2f2f2;
border: 1px solid #bfbfbf;
border-radius: 4px;
vertical-align: middle;
}