@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,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol,
ul {
  list-style: none; }

.table {
  border-collapse: collapse;
  border-spacing: 0; }

caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q,
blockquote {
  quotes: none; }

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
  content: none; }

a,
img {
  border: none; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

html,
body {
  line-height: 1.5; }

body {
  min-width: 1200px; }

input,
button,
select,
textarea {
  outline: none; }

input.disabled,
textarea.disabled {
  cursor: not-allowed;
  overflow: hidden;
  color: #666;
  background: #f7f7f7; }

button.disabled {
  cursor: not-allowed; }

:active {
  outline: 0 none; }

body {
  font-size: 12px;
  font-family: "Microsoft YaHei", "Helvetica Neue", "Hiragino Sans GB",
 "Segoe UI", Tahoma, Arial, STHeiti, sans-serif;
  background-color: #ffffff;
  color: #333333;
  position: relative;
  overflow-x: hidden; }

a {
  text-decoration: none;
  color: #333333; }

/*a:hover {
	color: #cc0000;
}*/
.clearfix:before,
.header:before,
.wrap:before,
.frendlink:before,
.frendlink .link-content:before,
.banner-box:before,
.flow-box:before,
.pack-wrapper:before,
.block-wrapper:before,
.block-wrapper .block-header:before,
.block-wrapper .block-body:before,
.section-1:before,
.section-2:before,
.section-2 .section-left:before,
.section-2 .area-box:before,
.jy-list:before,
.banchi:before,
.active-list .item:before,
.teijia-list:before,
.com-list:before,
.wuliu-list:before,
.fw-list .item:before,
.partner-list:before,
.areas-box .tab-title:before,
.areas-box .area-content:before,
.clearfix:after,
.header:after,
.wrap:after,
.frendlink:after,
.frendlink .link-content:after,
.banner-box:after,
.flow-box:after,
.block-wrapper:after,
.block-wrapper .block-header:after,
.block-wrapper .block-body:after,
.section-1:after,
.section-2:after,
.section-2 .section-left:after,
.section-2 .area-box:after,
.jy-list:after,
.banchi:after,
.active-list .item:after,
.teijia-list:after,
.com-list:after,
.wuliu-list:after,
.fw-list .item:after,
.partner-list:after,
.areas-box .tab-title:after,
.areas-box .area-content:after,
.banner-wrapper:after,
.box-wrapper:after,
.box-wrapper .box-content:after {
  clear: both;
  display: block;
  content: ".";
  height: 0;
  overflow: hidden;
  font-size: 0;
  line-height: 0; }

ol,
ul {
  list-style: outside none none; }

.wrap {
  width: 1300px;
  margin: auto;
  text-align: left;
  position: relative; }

.left {
  float: left; }

.right {
  float: right; }

.center {
  text-align: center; }

.header {
  text-align: center;
  z-index: 995;
  background: #fff;
  width: 100%;
  background-position-y: 28px; }

.fixed {
  position: fixed;
  top: 0; }

.top {
  position: relative;
  z-index: 200;
  height: 28px;
  line-height: 28px;
  background: #5c5f66;
  font-size: 14px;
  min-width: 1200px;
  color: #ffffff;
  margin: 0 auto; }

.top em {
  padding: 0 10px 0 0;
  display: inline-block; }

.top em.first {
  padding: 0 0 0 10px; }

.top span a {
  color: #ffffff; }

.top .left {
  text-indent: 10px; }

.top .more-menu {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding: 0 0px 0px 6px; }

.top .up-arrow {
  background: transparent url("../images/up-arrow.png") no-repeat scroll 0% 0%;
  height: 16px;
  width: 16px;
  display: inline-block;
  padding: 0 0 0 0;
  vertical-align: middle;
  margin-top: -5px; }

.top .fn-hide {
  display: none; }

.top .down-link {
  position: absolute;
  padding: 10px 0px;
  background: #fff none repeat scroll 0% 0%;
  border: #ddd 1px solid;
  border-top: none;
  z-index: 10000;
  left: -5px;
  width: 110%;
  text-align: left; }

.top .down-link a {
  white-space: nowrap;
  padding-left: 12px;
  font-size: 14px;
  display: block;
  line-height: 28px; }

.top .down-link a:hover {
  background-color: #cc0000;
  color: #ffffff; }

.header-content {
  background-size: 100% 100%;
  width: 1200px;
  margin: auto; }

.header-content .logo {
  cursor: pointer;
  height: 60px;
  line-height: 60px; }
  .header-content .logo img {
    vertical-align: middle; }

.header-content .code {
  height: 89px;
  width: 162px; }

.header-content .code .item {
  width: 50%;
  height: 100%;
  float: left;
  text-indent: -999px;
  overflow: hidden; }

.header-content .code .item.cz {
  background: url(../images/cz.png?v=1.0.1) no-repeat; }

.header-content .code .item.hz {
  background: url(../images/hz.png?v=1.0.1) no-repeat right; }

.header-content .menu {
  /*width: 410px;*/
  font-size: 18px;
  height: 60px;
  line-height: 60px;
  color: #666666; }

.header-content .menu ul li {
  float: left;
  width: 18%;
  text-align: center; }

.header-content .menu ul li:first-child {
  width: 10%; }

.header-content .menu ul li a {
  display: inline-block;
  font-size: 18px;
  padding-bottom: 30px;
  padding-top: 37px;
  color: #666666;
  height: 100%;
  cursor: pointer; }

.header-content .menu ul li a.active,
.menu ul li a:hover {
  color: #cc0000;
  border-bottom: 2px solid #cc0000; }

.header-content .menu .sprit {
  /* display: inline-block; */
  float: right;
  color: #fc8e8f; }

.banner-content {
  height: 528px;
  position: relative;
  background-color: #FAF8F7; }

.block-wrapper {
  min-width: 1200px; }

.index-last {
  /* background: #f7f7f7; */
  padding-top: 40px; }

.block-content {
  height: 100% !important;
  overflow: hidden; }

.block-content .item {
  width: 390px;
  height: 200px;
  background: #f3f5fd;
  line-height: 25px;
  float: left; }

.block-content .item .left {
  width: 130px;
  text-align: center; }

.block-content .item .left div:nth-child(2) {
  margin-top: 5px;
  margin-bottom: 5px; }

.block-content .item .left img {
  margin-top: 20px; }

.block-content .item .content {
  margin-top: 30px;
  padding-left: 15px;
  padding-right: 30px; }

.block-content .tc {
  margin-left: 15px;
  margin-right: 15px; }

.block-content .item dt {
  width: 380px;
  position: relative; }

.block-content .item dt .title {
  position: absolute;
  width: 100%;
  bottom: 0;
  font-size: 21px;
  color: #333333;
  text-align: center;
  padding: 15px 0; }

.block-content .row {
  width: 25%;
  float: left;
  padding-bottom: 30px; }

.block-content .row dt {
  width: 285px;
  position: relative; }

.block-content .row dt .title {
  position: absolute;
  width: 100%;
  bottom: 0;
  font-size: 15px;
  color: #333333;
  text-align: center;
  padding: 0px 0; }

.block-content h1 {
  height: 70px;
  margin-top: 30px;
  color: #333333;
  font-size: 30px;
  font-weight: bold;
  padding: 0;
  line-height: 70px; }

.ta dt {
  margin-left: 5px; }

.tb dt {
  margin-left: 10px; }

.tl {
  text-align: left; }

.tc dt {
  margin-left: 10px; }

.tr {
  text-align: right;
  float: right !important; }

.tr dt {
  float: right; }

.red {
  background: #ff3333; }

.yellow {
  background: #ff9900; }

.green {
  background: #669900; }

.hidden {
  display: none; }

.clearblock {
  clear: both;
  display: block;
  width: 100%; }

.footer {
  color: #a4a5a6;
  line-height: 26px;
  background: url(../images/bg_bottom.png?v=1.0.1) no-repeat;
  min-width: 1200px;
  height: 100px;
  font-size: 14px; }

.footer .link-warpper {
  border-bottom: #808287;
  float: left;
  text-align: center;
  width: 1200px; }

.footer p {
  padding-bottom: 0px;
  padding-left: 30px; }

.footer p a {
  color: #a4a5a6; }

.footer p a:hover {
  color: #cc0000; }

.footer p.link {
  font-size: 14px;
  color: #ccc;
  padding-top: 15px; }

.footer .local {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #808287; }

.footer .local a {
  margin-right: 30px;
  color: #ffffff; }

.footer .logo {
  height: 130px;
  float: left; }

/*index play*/
.play {
  width: 100%;
  min-width: 1200px;
  height: 500px;
  position: absolute;
  top: 0;
  left: 0; }

.pxs_bg {
  background: transparent url(../images/bg.png) repeat top left; }

.pxs_bg div {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 7584px;
  /*1264px window width times number of images*/
  height: 450px;
  background-repeat: repeat;
  background-position: top left;
  background-color: transparent; }

.pxs_bg .pxs_bg1 {
  background-image: url(../images/bg1.png); }

.pxs_bg .pxs_bg2 {
  background-image: url(../images/bg2.png); }

.pxs_bg .pxs_bg3 {
  background-image: url(../images/bg3.png); }

.pxs_slider_wrapper {
  display: block; }

.play ul {
  margin: 0px;
  padding: 0px;
  list-style: none; }

ul.pxs_slider {
  /*position:absolute;
	left:0px;
	top:0px;
	width:100%;
	left: 50%;
	margin-left:-960px;
	width:1920px;*/
  height: 500px;
  overflow: hidden; }

ul.pxs_slider li {
  height: 500px;
  position: relative; }

ul.pxs_slider li img {
  display: block;
  margin: 0px auto 0px auto;
  /*-moz-box-shadow:0px 0px 7px #222;
	-webkit-box-shadow:0px 0px 7px #222;
	box-shadow:0px 0px 7px #222;*/
  border: 0px solid transparent;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.pxs_navigation {
  position: relative;
  width: 1200px;
  margin-left: -600px;
  left: 50%;
  height: 450px; }

.pxs_navigation span {
  position: absolute;
  z-index: 1000;
  width: 40px;
  height: 40px;
  top: -50%;
  margin-top: -20px;
  opacity: 0.5;
  cursor: pointer; }

.pxs_navigation span:hover {
  opacity: 1; }

.pxs_navigation span.pxs_prev {
  background: url(../images/prev.png) no-repeat center center; }

.pxs_navigation span.pxs_next {
  background: url(../images/next.png) no-repeat center center;
  right: 0; }

.pxs_loading {
  color: #fff;
  font-size: 20px;
  padding: 15px 15px 15px 50px;
  position: absolute;
  background: #333 url(../images/ajax-loader.gif) no-repeat 10px 50%;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  opacity: 0.7;
  width: 180px;
  position: absolute;
  top: 200px;
  left: 50%;
  margin-left: -90px; }

/*end*/
.banner-wrapper {
  min-width: 1200px;
  position: relative; }

.banner-wrapper .pxs_loading {
  top: 120px; }

/*产品中心*/
.goods-banner {
  background: url(../images/goods-banner.jpg?v=1.0.2) center no-repeat;
  width: 100%;
  height: 300px; }

.goods-cz {
  height: 640px;
  background: url(../images/goods-cz.jpg?v=1.0.2) center 98px no-repeat #f7f7f7; }

.goods-hz {
  height: 640px;
  background: url(../images/goods-hz.jpg?v=1.0.2) center 0px no-repeat #fff; }

.goods-download {
  height: 500px;
  background: url(../images/goods-download.jpg?v=1.0.3) center 0px no-repeat #f7f7f7; }

/*产品中心end*/
/*招商加盟*/
.join-banner {
  background: url(../images/join-banner.png?v=1.0.2) center no-repeat #474d64;
  width: 100%;
  height: 620px; }

.join-discount {
  background: url(../images/join-discount.jpg?v=1.0.2) center no-repeat #f7f7f7;
  width: 100%;
  height: 560px; }

.join-procedure {
  background: url(../images/join-procedure.png?v=1.0.2) top no-repeat #fff;
  width: 100%;
  height: 650px; }

/*招商加盟end*/
/*新闻中心*/
.news-banner {
  background: url(../images/news-banner.jpg?v=1.0.2) center no-repeat;
  width: 100%;
  height: 300px; }

.news-center {
  background: #f7f7f7; }

.news-center .wrap > .column {
  clear: both;
  position: relative;
  margin-top: 30px;
  height: 47px; }

.news-center .wrap > .column > strong {
  color: #333;
  font-size: 30px;
  line-height: 47px; }

.news-center .wrap > .column > .search-input {
  width: 370px;
  height: 100%;
  float: right;
  background: url(../images/search-input.png) no-repeat 8px center;
  border: #cc0000 1px solid; }

.news-center .wrap > .column > .search-input > input {
  width: 260px;
  height: 30px;
  line-height: 30px;
  border: 0;
  color: #666;
  font-size: 14px;
  background: 0;
  padding-left: 48px;
  padding-top: 8px; }

.news-center .wrap > .column > .search-input > button {
  position: absolute;
  right: -1px;
  top: -1px;
  border: 1px solid #980205;
  background: url(../images/search-post.png) no-repeat center #df2922;
  text-indent: -9999px;
  width: 60px;
  height: 49px;
  color: #fff;
  overflow: hidden;
  display: inline-block;
  border: 1px solid #980205;
  border-radius: 0px;
  box-shadow: inset 0 0 1px #fff, 0 1px 1px rgba(0, 0, 0, 0.15);
  overflow: visible;
  cursor: pointer; }

.news-center .wrap > .column > .search-input > button:hover {
  color: #fff;
  cursor: pointer; }

.news-center .wrap > .column > .search-input > button:active {
  background-color: #c22622;
  border: 1px solid #980205; }

.news-center .wrap > ul > li {
  clear: both;
  display: block;
  height: 100px;
  margin-top: 20px; }

.news-center .wrap > ul > li.no {
  line-height: 50px;
  background: #fff;
  color: red;
  text-indent: 20px; }

.news-center .wrap > ul > li > .date {
  width: 100px;
  height: 100%;
  text-align: center;
  float: left;
  background: #a3a3a3; }

.news-center .wrap > ul > li:hover {
  cursor: pointer; }

.news-center .wrap > ul > li:hover > div.date {
  background: #cc0000; }

.news-center .wrap > ul > li > div.date > span {
  display: block; }

.news-center .wrap > ul > li > div.date > span.day {
  font-size: 36px;
  color: #fff;
  line-height: 40px;
  margin-top: 13px; }

.news-center .wrap > ul > li > div.date > span.month {
  font-size: 20px;
  color: #fff; }

.news-center .wrap > ul > li > div.content {
  margin-left: 110px;
  padding: 0 0 0 25px;
  background: #fff;
  height: 100%;
  overflow: hidden; }

.news-center .wrap > ul > li > div.content > p.title {
  padding-top: 10px;
  font-size: 18px;
  color: #231815;
  font-weight: 700; }

.news-center .wrap > ul > li > div.content > p.text {
  margin-top: 6px;
  font-size: 14px;
  color: #666;
  line-height: 23px;
  text-indent: 25px;
  height: 48px;
  margin-right: 30px;
  overflow: hidden; }

#page_list {
  text-align: center;
  margin: 35px 0 50px; }

#page_list .page_text {
  padding: 2px 8px;
  border: 1px solid #ddd;
  background: #f6f6f6;
  border-radius: 3px;
  color: #333;
  margin: 0 2px;
  font: bold 12px/26px "微软雅黑", "宋体", Helvetica, Arial, Verdana;
  overflow: hidden;
  cursor: default; }

#page_list a {
  padding: 2px 6px;
  border: 1px solid #bbb;
  background: #f6f6f6;
  border-radius: 3px;
  color: #333;
  font: bold 12px/26px "微软雅黑", "宋体", Helvetica, Arial, Verdana;
  verflow: hidden;
  margin: 0 2px; }

#page_list a:hover {
  background: #eee;
  border-color: #999;
  color: #333;
  text-decoration: none; }

#page_list span.current {
  padding: 2px 6px;
  border: 1px solid #f88e00;
  background: #ffbc00;
  border-radius: 3px;
  color: #fff;
  font: bold 12px/26px "微软雅黑", "宋体", Helvetica, Arial, Verdana;
  cursor: default;
  overflow: hidden;
  margin: 0 2px; }

#page_list span.notuse {
  padding: 2px 6px;
  border: 1px solid #ddd;
  background: #f6f6f6;
  border-radius: 3px;
  color: #fff;
  font: bold 12px/26px "微软雅黑", "宋体", Helvetica, Arial, Verdana;
  cursor: default;
  overflow: hidden;
  margin: 0 2px;
  color: #999; }

.news-details {
  border-top: #d61718 1px solid;
  background: #f7f7f7; }

.news-details .time {
  margin-top: 18px;
  height: 26px;
  text-align: center;
  font: 14px/1 Arial, "Sim sun";
  color: #999; }

#newsContent {
  margin: 60px auto 0;
  position: relative;
  width: 1000px; }

#newsContent h1 {
  font: bold 30px/1 "Microsoft Yahei";
  color: #404040;
  text-align: center; }

#newsText {
  border-top: 1px solid #ddd;
  border-bottom: 0px solid #ddd;
  overflow: hidden;
  position: relative;
  text-align: justify;
  text-justify: inter-ideograph;
  clear: both;
  padding: 20px 0 50px;
  word-wrap: break-word;
  font: 14px/24px "Microsoft Yahei";
  color: #333; }

#newsText > p {
  font: 14px/24px "Microsoft Yahei";
  color: #333;
  text-indent: 2em;
  margin: 20px 0 0; }

.correlation {
  margin: 20px auto 35px;
  width: 1000px; }

.correlation div {
  font-size: 14px;
  color: #333;
  margin-top: 2px; }

/*新闻中心end*/
/*关于我们*/
.about-banner {
  background: url(../images/about-banner.jpg?v=1.0.2) center no-repeat;
  width: 100%;
  height: 300px; }

.about-content {
  border-bottom: #f7f7f7 1px solid; }

.about-content .white {
  background: #fff;
  padding: 20px 0 80px; }

.about-content .gray {
  background: #f7f7f7;
  padding: 20px 0 80px; }

.about-content h1 {
  color: #221815;
  font-size: 36px;
  height: 100px;
  clear: both;
  display: block;
  line-height: 100px; }

.about-content .company {
  float: left;
  padding-right: 40px; }

.about-content .introduce {
  font-size: 14px;
  line-height: 24px;
  color: #333; }

.about-content .introduce p {
  text-indent: 2em;
  margin: 16px 0 0; }

.about-content .introduce p.first {
  margin-top: 0; }

.about-content .introduce p.img {
  margin: 42px 0 0; }

.about-content .advantage {
  margin-top: 30px;
  position: relative; }

.about-content .advantage .item {
  position: absolute;
  top: 8px;
  left: 142px;
  text-align: left;
  font-size: 14px;
  line-height: 1.7;
  color: #231815; }

.about-content .advantage .item.t2 {
  left: 542px; }

.about-content .advantage .item.t3 {
  left: 942px; }

.about-content .advantage .item.t4 {
  top: 167px;
  left: 142px; }

.about-content .advantage .item.t5 {
  top: 167px;
  left: 542px; }

.about-content .advantage .item.t6 {
  top: 167px;
  left: 942px; }

.about-content .advantage .item h3 {
  color: #333333;
  font-size: 18px;
  line-height: 1.2;
  padding: 0;
  margin: 0;
  font-weight: bold;
  padding-bottom: 10px; }

.about-content .about-contact {
  padding-bottom: 30px; }

.about-content .introduce .title {
  font-size: 18px;
  font-weight: bold; }

.about-content .introduce dl {
  font-size: 14px;
  line-height: 26px;
  padding-top: 12px; }

.about-content .introduce hr {
  border: none;
  border-top: 1px solid #ccc;
  margin: 21px 0; }

.about-content .introduce .service {
  font-size: 14px; }

.about-content .introduce .tel {
  font: 36px/1 Arial, "Sim sun";
  padding-top: 2px; }

.minMenu {
  width: 100px;
  position: absolute;
  right: 10px;
  top: 510px;
  border: 1px solid #ccc;
  background: #fff;
  z-index: 999; }

.minMenu li a {
  border-bottom: 1px solid #eee;
  text-align: center;
  display: block;
  color: #333;
  font-size: 14px;
  line-height: 40px; }

.minMenu li.active a {
  background: #cc0000;
  color: #fff; }

/*关于我们end*/
/*帮助中心*/
.help-banner {
  background: url(../images/help-banner.jpg?v=1.0.2) center no-repeat;
  width: 100%;
  height: 300px; }

.help-content {
  background: #f7f7f7;
  padding-top: 40px;
  padding-bottom: 60px; }

.help-content .navigation {
  width: 238px;
  border: #ddd 1px solid;
  margin-top: 25px;
  margin-right: 20px;
  position: relative;
  background: #fff; }

.help-content .navigation h1 {
  width: 210px;
  font-size: 24px;
  line-height: 50px;
  background: #cc0000;
  color: #fff;
  text-align: center;
  height: 50px;
  margin: -25px auto 0; }

.help-content .navigation ul {
  padding-top: 20px; }

.help-content .navigation li {
  border-top: #ddd 1px dotted;
  padding: 15px 0;
  width: 210px;
  margin: 0 auto; }

.help-content .navigation a {
  font-size: 14px;
  padding-left: 10px;
  background: url(../images/navigation-bg.png) no-repeat left 8px; }

.help-content .navigation a:hover,
.navigation a.active {
  color: #cc0000;
  background-position: left -5px; }

.help-content .content {
  background: #fff;
  margin: 0px auto;
  height: 100%;
  border: #ddd 1px solid;
  overflow: hidden; }

.help-content .content .box {
  width: 860px;
  margin: 60px auto 0; }

.help-content .content h1 {
  font-size: 30px;
  text-align: center;
  border-bottom: #ddd 1px solid;
  padding-bottom: 15px; }

.help-content .content p {
  text-align: center;
  padding: 48px 0; }

/*帮助中心end*/
/*人力资源*/
.hr-banner {
  background: url(../images/hr-banner.jpg) center no-repeat;
  width: 100%;
  height: 300px; }

.hr-content {
  padding-bottom: 60px;
  border-bottom: #f7f7f7 1px solid; }

.hr-content .gray {
  background: #f7f7f7;
  padding: 20px 0 45px; }

.hr-content h2 {
  font-size: 36px;
  padding: 30px 0 2px;
  text-align: center; }

.hr-content .ss01 {
  color: #999;
  font-size: 14px;
  text-align: center; }

.hr-content .ss02 {
  padding-top: 8px;
  font-size: 14px;
  line-height: 23px;
  height: 73px;
  text-align: center; }

.hr-content .img {
  text-align: center; }

.about-content h3 {
  font-size: 36px;
  margin: 35px 0 20px 0; }

.about-content .mytab {
  margin-top: 30px;
  border-bottom: 1px solid #cc0000;
  overflow: hidden; }

.about-content .mytab span {
  font-size: 16px;
  padding: 7px 20px;
  float: left;
  cursor: pointer;
  border-radius: 2px 2px 0 0;
  text-align: center;
  background-color: #ddd;
  margin-right: 8px;
  margin-bottom: 0px; }

.about-content .mytab span:hover,
.about-content .myactive {
  background-color: #cc0000 !important;
  color: white; }

.about-content .change p {
  padding: 20px 10px 10px 10px;
  width: 100%;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 24px; }

.about-content strong {
  font-size: 14px;
  line-height: 28px;
  font-weight: bold; }

/*人力资源end*/
@media (max-width: 980px) {
  .header {
    min-width: 1200px; }
  .pack-content {
    min-width: 1170px; }
  .news-center .wrap {
    width: 90%;
    margin: 0 auto; }
  .news-banner,
  .about-banner,
  .goods-banner,
  .help-banner,
  .hr-banner {
    background-size: 150%; }
  .header-content .menu {
    width: 650px; }
  .header-content .menu ul li a {
    font-size: 22px; }
  .wrap {
    width: 97%;
    margin: 0 auto; }
  .about-content h1 {
    font-size: 5em;
    padding-bottom: 20px; }
  .about-content .introduce p {
    text-align: left;
    line-height: 30px; }
  .about-content .introduce p.img {
    width: 100%;
    text-indent: 0; }
  .about-content .introduce p.img img {
    width: 100%; }
  .about-content .introduce dl {
    font-size: 12px;
    line-height: 30px; }
  .about-content .company {
    width: 100%;
    padding-bottom: 40px; }
  .about-content .company img {
    width: 100%; }
  .help-content .navigation a:hover,
  .navigation a {
    font-size: 20px !important; }
  .news-center .wrap > .column {
    padding-bottom: 10px; }
  .hr-content .ss01 {
    color: #999;
    font-size: 14px;
    text-align: center; } }

/* 公共样式
*/
.flex-box {
  display: flex; }

.flex-item {
  flex: 1; }

.flex-center {
  align-items: center; }

.flex-column {
  flex-direction: column; }

.flex-row {
  flex-direction: row; }

.color66 {
  color: #666666; }

.color99 {
  color: #999999; }

.color33 {
  color: #333333; }

.colorcc {
  color: #cccccc; }

.font48 {
  font-size: 48px; }

.font36 {
  font-size: 36px; }

.font32 {
  font-size: 32px; }

.font30 {
  font-size: 30px; }

.font24 {
  font-size: 24px; }

.font20 {
  font-size: 20px; }

.font18 {
  font-size: 18px; }

.font16 {
  font-size: 16px; }

.font12 {
  font-size: 12px; }

.font14 {
  font-size: 14px; }

.font-bold {
  font-weight: bold; }

.line24 {
  line-height: 24px; }

.borderleft {
  border-left: 1px solid #dddddd; }

.bordertop {
  border-top: 1px solid #dddddd; }

.borderright {
  border-right: 1px solid #dddddd; }

.borderbottom {
  border-bottom: 1px solid #dddddd; }

.red-text {
  color: #ff3333; }

.colorcc0 {
  color: #cc0000; }

/* 二级菜单-无车承运样式 */
.subMenu {
  position: fixed;
  top: 131px;
  left: 0px;
  width: 100%;
  height: 200px;
  z-index: 999;
  background: #ffffff;
  display: none;
  color: #666666; }

.subMenu .subMenu-content {
  width: 1200px;
  height: 100%;
  margin: auto;
  text-align: left; }

.subMenu .subMenu-content div {
  width: 160px;
  margin-top: 40px;
  padding-left: 40px;
  float: left; }

.subMenu .subMenu-content div:first-child {
  width: 290px;
  padding-right: 30px;
  padding-left: 0; }

.subMenu .subMenu-content div:nth-child(3) {
  width: 200px; }

.subMenu .subMenu-content div img {
  width: 160px;
  height: 100px; }

.subMenu .subMenu-content div a {
  border: 0 !important;
  padding: 0 !important; }

.subMenu .subMenu-content div a .center {
  text-align: center; }

.subMenu .subMenu-content .app-link {
  width: 100px; }

.subMenu .subMenu-content .app-link img {
  width: 100px;
  height: 100px;
  margin: 0; }

/* 自动滚动样式 */
.play .hd {
  height: 5px;
  overflow: hidden;
  position: absolute;
  left: 826px;
  top: 416px;
  z-index: 1; }

.play .hd ul {
  overflow: hidden;
  zoom: 1;
  float: left; }

.play .hd ul li {
  float: left;
  margin-right: 10px;
  width: 60px;
  height: 5px;
  background: #f7f7f7;
  cursor: pointer; }

.play .hd ul li.on {
  background: #ff2626; }

.news-wrapper {
  height: 50px;
  position: relative;
  top: -50px;
  z-index: 1;
  background: rgba(0, 0, 0, 0.6); }

.news-wrapper .news-head text {
  margin-right: 40px;
  margin-left: 10px; }

.news-wrapper .news {
  width: 1200px;
  height: 100%;
  margin: auto;
  color: #ffffff; }

.news-wrapper .news .news-item {
  width: 400px;
  height: 50px;
  line-height: 50px;
  overflow: hidden; }

.data-wrapper {
  width: 100%; }

.data-wrapper .data {
  width: 1200px;
  margin: auto; }

.data-wrapper .data .data-head {
  margin-top: 7px; }

.data-wrapper .data .data-body {
  width: 1200px;
  height: 206px;
  background: url("../.././images/01icon04.png") bottom right no-repeat;
  padding-top: 1px; }

.data-wrapper .data .data-body .data-item {
  width: 179px;
  height: 100px;
  margin-top: 49px;
  float: left;
  padding-left: 20px; }

.data-wrapper .data .data-body .nopadding {
  padding-left: 0px; }

.data-wrapper .data .data-body .data-item .label {
  margin-top: 5px;
  margin-bottom: 5px; }

.business-container {
  width: 100%;
  height: 600px;
  color: #ffffff;
  overflow: hidden; }

.business-container .business {
  width: 1200px;
  height: 600px;
  padding-top: 20px;
  margin: auto; }

.business-container .business .left {
  width: 500px;
  height: 600px;
  /* background: url("../../images/01icon12.png"); */
  margin-right: 10px;
  overflow: hidden; }

.business-container .business .left .full > div:nth-child(1) {
  padding-top: 35px;
  font-size: 48px;
  z-index: 2; }

.business-container .business .left .full > div:nth-child(2) {
  margin-top: 3px;
  margin-bottom: 3px;
  z-index: 2; }

.business-container .business .left .full > div:nth-child(3) {
  margin-bottom: 45px;
  z-index: 2; }

.business-container .business .left .business-item {
  width: 360px;
  height: 160px;
  background: #e62129;
  font-size: 18px;
  padding-top: 10px;
  z-index: 2;
  margin-left: 70px; }

.business-container .business .left .business-item label {
  height: 50px;
  line-height: 50px;
  width: 130px;
  display: inline-block; }

.business-container .business .left .business-item div {
  margin-right: 30px;
  margin-left: 30px; }

.business-container .business .left .business-item div label:nth-child(1) {
  text-align: right;
  margin-right: 20px; }

.business-container .business .left .business-item div label:nth-child(2) {
  text-align: left; }

.business-container .business .left .button {
  margin-top: 70px;
  height: 54px;
  width: 200px;
  border: 2px solid #ffffff;
  text-align: CENTER;
  padding-top: 3px;
  z-index: 2;
  margin-left: 148px; }

.business-container .business .right .right-item {
  width: 690px;
  overflow: hidden; }
  .business-container .business .right .right-item .full {
    position: relative;
    text-align: center; }

.business-container .business .right .right-item div:nth-child(1) {
  margin-top: 47px;
  margin-bottom: 8px; }

.business-container .business .right .right-item.second div:nth-child(1) {
  margin-bottom: 0px; }

.business-container .business .right .right-item.first div:nth-child(3) {
  margin-bottom: 30px;
  background: #f4f5fa;
  color: #333333;
  margin-top: 10px;
  padding: 10px;
  padding-left: 10px;
  width: 500px;
  margin-left: 95px; }

.business-container .business .right .right-item .button {
  margin-top: 20px;
  width: 120px;
  /*height: 40px;
  line-height: 40px; */
  padding: 15px 0;
  text-align: center;
  border: 2px solid #ffffff;
  margin-left: 283px; }

.business-container .business .right .right-item.second .button {
  margin-top: 15px; }

.business-container .business .right .right-item:nth-child(1) {
  /* background: url("../../images/01icon13.png") no-repeat; */
  height: 330px;
  margin-bottom: 10px; }

.business-container .business .right .right-item:nth-child(2) {
  /* background: url("../../images/01icon14.png") no-repeat; */
  height: 240px; }

.block-wrapper .wrap .head {
  padding-bottom: 15px; }

.pointer {
  cursor: pointer; }

/* 登录样式*/
.shadow {
  display: none;
  position: absolute;
  top: 0%;
  left: 0%;
  right: 0%;
  bottom: 0%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1001; }

.Loginform {
  display: none;
  position: relative;
  top: 250px;
  width: 500px;
  margin: auto;
  height: auto;
  background: #ffffff;
  z-index: 1002;
  overflow: visible;
  padding-bottom: 100px;
  padding-top: 85px;
  border-radius: 5px; }

.close {
  position: absolute;
  right: 0;
  top: -50px;
  z-index: 1003;
  cursor: pointer; }

.Loginform .title {
  height: 45px;
  width: 100%;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 60px; }

.Loginform .title img {
  float: left;
  margin-top: 7px;
  margin-left: 115px;
  margin-right: 10px;
  width: 45px;
  height: 45px; }

.Loginform .title text {
  font-size: 36px; }

.form-account {
  margin-top: 20px; }

.form-item img {
  float: left;
  margin-top: 15px;
  margin-left: 10px;
  margin-right: 8px; }

.form-item {
  border: 1px solid #ddd;
  width: 382px;
  height: 58px;
  line-height: 58px;
  margin-top: 25px;
  margin-left: 60px; }

.form-item input {
  height: 38px;
  line-height: 38px;
  width: 315px;
  font-family: 微软雅黑, 宋体, Arial, Helvetica, Verdana, sans-serif;
  font-size: 18px;
  color: #999999;
  background-color: white;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  padding: 0px 0px 0px 5px; }

.form-bottom {
  margin-top: 36px; }

.form-item .getCode {
  cursor: pointer;
  font-size: 18px;
  color: #e80000;
  display: inline-block; }

.form-bottom .btlogin {
  width: 382px;
  background: #e80000;
  height: 58px;
  line-height: 58px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  margin-left: 60px;
  cursor: pointer; }

.sub .forget {
  float: left;
  margin-left: 60px; }

.sub {
  margin-top: 12px;
  font-size: 14px; }

.sub .zhuce {
  float: right;
  margin-right: 60px;
  cursor: pointer; }

.sub .zhuce.link:hover {
  color: #1589ef; }

.sub .redText {
  color: #cc0000; }

#hz-menu {
  display: none; }

.hz-title {
  height: 90px;
  line-height: 90px;
  margin: auto;
  font-size: 30px;
  color: #333333;
  font-size: bold;
  padding-left: 30px; }

.hz-container {
  width: 100%;
  background: #f6f6f6 url(/content/images/img_background.png); }

.hz {
  width: 1200px;
  height: 100%;
  margin: auto; }

.leftNav {
  width: 250px;
  height: 680px;
  margin-right: 10px;
  margin-bottom: 150px;
  background-color: #ffffff;
  float: left; }
  .leftNav .userInfo {
    font-size: 18px;
    color: #333333;
    text-align: center;
    margin-bottom: 45px;
    margin-top: 17px; }
    .leftNav .userInfo .user-cellphone {
      font-size: 18px;
      color: #333333; }
  .leftNav ul li {
    width: 154px;
    height: 48px;
    line-height: 48px;
    text-align: right;
    padding-right: 40px;
    font-size: 16px;
    color: #333333;
    border-left: 6px solid #ffffff; }
  .leftNav ul li.active {
    background: #E23F42;
    border-left: 6px solid #e23f42;
    color: #ffffff; }
  .leftNav ul li.active a {
    color: #ffffff; }

.hz-wrapper {
  width: 1200px;
  top: 20px;
  padding-bottom: 150px; }
  .hz-wrapper .hz-content {
    width: 930px;
    height: 680px;
    background-color: #ffffff;
    display: inline-block; }