@charset "gb2312";

* { margin:0; padding:0; list-style:none; }
body { font-size:12px; font-family:"微软雅黑"; }
img { border:none; }
/*常用类*/
.layout_center { width:1000px; margin:0 auto; }
.float_left { float:left; }
.float_right { float:right; }
.float_clear { clear:both; }
.red { color:red; }
.blue { color:blue; }
.gray { color:gray; }
.text_align_center { text-align:center; }
p { line-height:20px; }
a { color:#000; text-decoration:none; }
a:hover { color:#ff0000; text-decoration:none; }
/*头部*/
#top_main { height:100px; }
#top { height:100px; }
#logo { height:100px; width:200px; float:left; }
#site_name { height:100px; width:500px; float:left; background:url(images/site_name.jpg) no-repeat; }
#top_menu { height:80px; width:280px; float:right; text-align:right; padding-top:20px; }
/*导航栏*/
#navigation_main { background:#FF0722; }
#navigation { height:56px; }
#navigation li { float:left; line-height:56px; text-align:center;   }
#navigation li a { padding-left:22px; padding-right:22px; display:block;  font-size:16px; color:#fff; }
#navigation li a:hover { font-weight:bold; text-decoration:none; }
/*幻灯*/
#banner_main { padding:5px 0; }
#banner { height:350px; border:0px; width:1420px; }
/*主体*/
#content_main { }
#content { }
/*主体左侧*/
#left { float:left; width:210px; }
.left_title { background:url(images/left_title_bg.jpg) no-repeat; height:34px; line-height:34px; padding:0 10px; }
.left_title h2 { font-size:14px; color:#FFF; }
.left_body { padding:5px 10px; overflow:hidden; zoom:1; border:1px solid #D7D7D7; border-top:none; }
.left_body dl dt { line-height:22px; font-weight:bold; padding:1px 0; }
.left_body dl dt a { background:#EDEDED; display:block; padding-left:5px; }
.left_body dl dd { line-height:20px; padding-left:15px; border-bottom:1px dashed #D0D0D0; }
.left_bottom { height:10px; }
/*主体右侧*/
#right { float:right; width:740px; background:#fff; }
#right2 { float:right; width:1000px; background:#fff; }
.right_title { background:url(images/right_title_bg.jpg) repeat-x; height:27px; line-height:27px; padding:0 10px; border:1px solid #D7D7D7;  }
.right_title h2 { font-size:12px; }
.right_body { padding:10px; overflow:hidden; zoom:1; }
.right_bottom { height:10px; }
/*友情链接*/
#link_img_main { }
#link_img { background:#FFF; text-align:left; }
#link_img img { padding:2px; border:1px solid #0459C6; }
#link_img a:hover img { border:1px solid #BF006A; }
#link_text_main { }
#link_text {   padding-left:6px; background:#FFF; text-align:left; line-height:36px; }
/*版权信息*/
#copyright_main {   margin-top:3px; }
#copyright { padding:5px 0; text-align:center; }
/*产品相关*/
.products li { float:left; text-align:center; padding:4px; }
.products img { border:#d7d7d7 solid 1px;    }
.products a:hover img {   }
.products a { line-height:22px; }
.products_title { text-align:center; font-size:16px; padding:10px; }
.products_info { text-align:center; border-bottom:1px dashed #666; padding:10px; }
.products_img { text-align:center; padding:10px; }
.products_img img { max-width:600px; }
.products_next { padding:5px; border-bottom:1px dashed #333; }
/*实景展示*/
.photo li { float:left; text-align:center; padding:4px; width:170px; height:150px;   }
.photo img { padding:4px; border:1px solid #999999; }
.photo a:hover img { border:1px solid #BF006A; }
.photo a { line-height:22px; }
.photo_title { text-align:center; font-size:16px; padding:10px; }
.photo_info { text-align:center; border-bottom:1px dashed #666; padding:10px; }
.photo_img { text-align:center; padding:10px; }
.photo_img img { max-width:600px; }
.photo_next { padding:5px; border-bottom:1px dashed #333; }
/*新闻相关*/
.news li { line-height:26px; border-bottom:1px dashed #999999; padding-left:10px; background:url(images/li_ico.jpg) left no-repeat; }
.news_title { text-align:center; font-size:16px; padding:10px; }
.news_content { padding:10px; }
.news_info { text-align:center; border-bottom:1px dashed #666; padding:10px; }
.news_next { padding:5px; border-bottom:1px dashed #333; }
/*留言板*/
.guestbook { border-collapse:collapse; width:100%; margin-top:10px; }
.guestbook th { padding:5px; border:1px solid #CCC; text-align:center; }
.guestbook td { padding:5px; border:1px solid #CCC; }
input, textarea, select { border:1px solid #CCC; font-size:12px; padding:5px; }
textarea { width:540px; height:100px; background:url(images/pcfinal.jpg) center no-repeat; }
/*人才招聘*/
.recruitment { border-collapse:collapse; width:100%; margin-top:10px; }
.recruitment th { padding:5px; border:1px solid #CCC; text-align:center; }
.recruitment td { padding:5px; border:1px solid #CCC; }
/*分页*/
.page_turner { padding:4px 0px 0px 1px; float:right; clear:both; }
.page_turner a, .page_turner span { float:left; display:block; border:1px solid #D3D1D1; padding:5px; margin-left:4px; line-height:16px; }
.page_turner a:link, .page_turner a:visited { text-decoration:none; }
.page_turner a:hover, .page_turner a.c { background:#6F6F6F; color:#FFF; }
#total { color:red; }


body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td {  margin: 0;  padding: 0; }

body,button,input,select,textarea {  /* for ie */  font: 14px/1 Microsoft Yahei, Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;  /* 用 ascii 字符表示，使得在任何编码下都无问题 */}
h1 {  font-size: 18px;}
h2 {  font-size: 16px;}
h3 {  font-size: 14px;}
h4,h5,h6 {  font-size: 100%;}

address,cite,dfn,em,var {  font-style: normal;}

code,kbd,pre,samp,tt {  font-family: "Courier New", Courier, monospace;}

small {  font-size: 12px;}

ul,ol {  list-style: none;}

a {  text-decoration: none;}
a:hover {  text-decoration: none;}
abbr[title],
 
q:before,
q:after {
  content: '';
}

/* 重置表单元素 */
legend {
  color: #000;
}

/* for ie6 */
fieldset,
img {
  border: none;
}

/* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 使得表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 重置 hr */
hr {
  border: none;
  height: 1px;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {
  overflow-y: scroll;
}

/*浮动*/
.fl {
  float: left;
}

.fr {
  float: right;
}

/*清除浮动*/
.cf:before,
.cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
  /*IE/7/6*/
}



body {
  color: #333;
  box-sizing: border-box;
}

.kf {
  cursor: pointer;
}

@font-face {
  font-family: "DIN";
  src: url(../fonts/dinpro-medium.ttf);
}

@font-face {
  font-family: "PH";
  src: url(../fonts/alibaba-puhuiti-regular.ttf);
}

.md {
  padding-top: 35px;
  padding-bottom: 30px;
}

.md2 {
  padding-bottom: 30px;
}

.h2 {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
}

.wrap {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}



.footer {
  padding: 27px 0;
  text-align: center;
  line-height: 30px;
  background-color: #1c1c1c;
  color: #fff;
}

.footer a {
  color: #fff;
}

.h-wrap {
  padding-bottom: 20px;
}

.h-wrap h2 {
  display: inline-block;
  font-size: 30px;
  font-weight: bold;
  color: #ff2034;
  line-height: 30px;
}

.h-wrap span {
  display: inline-block;
  margin-left: 15px;
  font-size: 14px;
  line-height: 18px;
  vertical-align: middle;
}

.h-wrap1 {
  padding-bottom: 30px;
}

.h-wrap1 h2 {
  font-size: 30px;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  color: #000;
}

.today .nums {
  margin: 0 -12px;
}

.today .nums .num-item {
  float: left;
  width: 100%;
  padding: 12px;
  box-sizing: border-box;
}

.today .nums .num-item .inner { line-height:36px;
  padding:16px;
  background-color: #fcfcfc;
  border: 1px solid #e5e5e5;
}

.today .nums .num-item .inner .row {
  text-align: center;
  line-height: 50px;
}

.today .nums .num-item .inner .row span {
  font-size: 24px;
  position: relative;
  vertical-align: middle;
}

.today .nums .num-item .inner .row span s {
  color: #ff1f34;
  text-decoration: none;
}

.today .nums .num-item .inner .row span::before {
  margin-right: 20px;
  padding: 4px 6px;
  content: "靓";
  font-size: 16px;
  color: white;
  vertical-align: middle;
  background-color: #ff1f34;
  border-radius: 15px;
}

.infos .content {
  width: 760px;
  float: left;
}

.infos .content .info-nums-texts {
  padding-top: 15px;
  padding-bottom: 28px;
  color: #000;
}

.infos .content .info-nums-texts img {
  margin-right: 20px;
}

.infos .content .info-nums-texts p {
  line-height: 22px;
  text-align: justify;
}

.infos .content .info-light {
  margin-top: 35px;
}

.infos .content .info-light .info-light-wrap {
  margin: 0 -10px;
}

.infos .content .info-light .info-item {
  float: left;
  padding: 0 10px;
  width: 33.333%;
  box-sizing: border-box;
}

.infos .content .info-light .info-item .inner {
  border: 1px solid #e5e5e5;
  overflow: hidden;
}

.infos .content .info-light .info-item .inner:hover {
  border: 1px solid #ff1f34;
  cursor: pointer;
}

.infos .content .info-light .info-item .inner .tt {
  padding: 40px 18px 30px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
}

.infos .content .info-light .info-item .inner .nums {
  padding: 0 18px;
  line-height: 30px;
}

.infos .content .info-light .info-item .inner .nums span {
  font-size: 14px;
  display: block;
}

.infos .content .info-light .info-item .inner .btn {
  margin-top: 17px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  color: #fff;
  background-color: #ff1f34;
}

.infos .content .info-light .info-item .inner.lg1 {
  background-image: url(../images/lg-bg1.png);
  background-position: center -1px;
  background-repeat: no-repeat;
}

.infos .content .info-light .info-item .inner.lg2 {
  background-image: url(../images/lg-bg2.png);
  background-position: center -1px;
  background-repeat: no-repeat;
}

.infos .content .info-light .info-item .inner.lg3 {
  background-image: url(../images/lg-bg3.png);
  background-position: center -1px;
  background-repeat: no-repeat;
}

.infos .content .info-area {
  margin-top: 30px;
  padding-bottom: 28px;
}

.infos .content .info-area .item {
  padding-top: 15px;
  line-height: 22px;
  color: #000;
}

.infos .content .info-area .item + .item {
  margin-top: 12px;
  border-top: 1px dashed #e5e5e5;
}

.infos .content .info-area .item .tt {
  font-weight: bold;
}

.infos .content .info-area .item .desc {
  margin-top: 5px;
}

.infos .content .info-area2 {
  margin-top: 30px;
}

.infos .content .info-area2 .item {
  padding-top: 15px;
  line-height: 22px;
  color: #000;
}

.infos .content .info-area2 .item + .item {
  margin-top: 12px;
  border-top: 1px dashed #e5e5e5;
}

.infos .content .info-area2 .item .desc {
  margin-top: 5px;
}

.infos .content .info-flow {
  margin-top: 35px;
  padding-bottom: 28px;
}

.infos .content .info-flow .info-flow-wrap {
  margin: 20px -9px 0;
}

.infos .content .info-flow .item {
  width: 33.333%;
  padding: 0 9px;
  float: left;
  box-sizing: border-box;
}

.infos .content .info-flow .item .inner {
  padding: 22px;
  border-top: 3px solid #ff1f34;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.infos .content .info-flow .item .inner .tt {
  font-weight: bold;
  color: #000;
}

.infos .content .info-flow .item .inner .desc {
  margin-top: 20px;
  color: #000;
  line-height: 22px;
  text-align: justify;
  height:93px;
}

.infos .content .qa-wrap .item {
  padding-top: 30px;
  padding-bottom: 30px;
  color: #000;
  border-bottom: 1px dashed #e5e5e5;
}

.infos .content .qa-wrap .Q {
  padding-left: 45px;
  line-height: 30px;
  font-size: 18px;
  font-weight: bold;
  position: relative;
}

.infos .content .qa-wrap .Q::before {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  content: "Q";
  line-height: 30px;
  font-size: 15px;
  text-align: center;
  color: #fff;
  background-color: #ff2234;
  border-radius: 50%;
}

.infos .content .qa-wrap .A {
  margin-top: 10px;
  padding-left: 45px;
  line-height: 30px;
  position: relative;
}

.infos .content .qa-wrap .A p {
  margin-top: 10px;
  text-align: justify;
}

.infos .content .qa-wrap .A::before {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  content: "A";
  line-height: 30px;
  font-size: 15px;
  text-align: center;
  color: #fff;
  background-color: #1f00df;
  border-radius: 50%;
}

.infos .content .qa-wrap .qa-fy {
  margin-top: 40px;
  text-align: center;
}

.infos .content .qa-wrap .qa-fy a {
  display: inline-block;
  margin: 2px;
  padding: 1px 7px;
  line-height: 22px;
  color: #000;
}

.infos .content .qa-wrap .qa-fy a.active {
  color: #fff;
  background-color: #ff1f34;
}

.infos .side-wrap {
  width: 220px;
  float: right;
}

.infos .side-wrap .side-md + .side-md {
  margin-top: 22px;
}

.infos .side-wrap .side-md .tt {
  padding: 12px 14px;
  line-height: 22px;
  font-weight: bold;
  color: #fff;
  background-color: #ff1f34;
}

.infos .side-wrap .side-md .cont {
  padding: 15px 14px;
  line-height: 22px;
  color: #010101;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  box-sizing: border-box;
}

.infos .side-wrap .side-md .cont li {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.infos .side-wrap .side-md .cont a {
  color: #010101;
}

.infos .side-wrap .side-md .side-city {
  padding: 15px 0;
  line-height: 22px;
  color: #010101;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.infos .side-wrap .side-md .side-city a {
  width: 50%;
  padding-left: 15px;
  float: left;
  color: #010101;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.meal .nums {
  margin: 0 -12px;
}

.meal .nums .num-item {
  float: left;
  width: 33.333%;
  padding: 0 12px;
  box-sizing: border-box;
  cursor: pointer;
}

.meal .nums .num-item .inner {
  padding: 28px 30px;
  border: 1px solid #e5e5e5;
  position: relative;
}

.meal .nums .num-item .inner:hover {
  border: 1px solid #ff1f34;
}

.meal .nums .num-item .inner.gq1::after {
  position: absolute;
  right: -1px;
  top: 0;
  width: 91px;
  height: 90px;
  content: "";
  background-image: url(../images/gq1.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}

.meal .nums .num-item .inner.gq2::after {
  position: absolute;
  right: -1px;
  top: 0;
  width: 91px;
  height: 90px;
  content: "";
  background-image: url(../images/gq2.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}

.meal .nums .num-item .inner.gq3::after {
  position: absolute;
  right: -1px;
  top: 0;
  width: 91px;
  height: 90px;
  content: "";
  background-image: url(../images/gq3.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}

.meal .nums .num-item .top .tt {
  font-size: 18px;
  font-weight: bold;
}

.meal .nums .num-item .top .small {
  margin-top: 14px;
  color: #ff3949;
}

.meal .nums .num-item .songs {
  margin-top: 20px;
  padding: 12px 0;
  border-top: 1px solid #e5e5e5;
  line-height: 22px;
  overflow: hidden;
}

.meal .nums .num-item .songs .song-item {
  float: left;
}

.meal .nums .num-item .songs .song-item0 {
  padding-left: 35px;
  background-image: url(../images/s1.png);
  background-position: left center;
  background-repeat: no-repeat;
}

.meal .nums .num-item .songs .song-item1 {
  padding-left: 35px;
  float: right;
  background-image: url(../images/s2.png);
  background-position: left center;
  background-repeat: no-repeat;
}

.meal .nums .num-item .songs .m {
  font-weight: bold;
  color: #ff3949;
}

.meal .nums .num-item .nums1 {
  padding-top: 18px;
  border-top: 1px solid #e5e5e5;
}

.meal .nums .num-item .nums1 .tips {
  line-height: 40px;
  font-size: 13px;
}

.meal .nums .num-item .nums1 .nums-wrap span {
  display: block;
  font-size: 17px;
  line-height: 36px;
}

.meal .nums .num-item .sub {
  margin-top: 20px;
}

.meal .nums .num-item .sub .year-group {
  float: left;
}

.meal .nums .num-item .sub .year-group .heyue {
  margin-bottom: 5px;
}

.meal .nums .num-item .sub .year-group .heyue span {
  font-size: 40px;
  font-weight: bold;
  font-family: "DIN";
  color: #ff1f34;
}

.meal .nums .num-item .sub .btn {
  margin-top: 5px;
  font-size: 18px;
  float: right;
  width: 118px;
  height: 43px;
  line-height: 43px;
  text-align: center;
  color: #fff;
  background-color: #ff1f34;
  transition: all 200ms;
}

.meal .nums .num-item .sub .btn:hover {
  border-radius: 20px;
  transition: all 200ms;
}

.meal2 .nums {
  margin: 0 -12px;
}

.meal2 .nums + .nums {
  margin-top: 28px;
}

.meal2 .nums .num-item {
  float: left;
  width: 33.333%;
  padding: 0 12px;
  box-sizing: border-box;
  cursor: pointer;
}

.meal2 .nums .num-item .inner {
  padding: 0 0 28px 0;
  border: 1px solid #e5e5e5;
  position: relative;
}

.meal2 .nums .num-item .inner:hover {
  border: 1px solid #ff1f34;
}

.meal2 .nums .num-item .top {
  padding: 22px 30px 20px;
  background-color: #fcfcfc;
  background-image: url(../images/lg-bg4.png);
  background-repeat: no-repeat;
  background-position: right top;
}

.meal2 .nums .num-item .top .tt {
  font-size: 18px;
  font-weight: bold;
  color: #ff1f34;
}

.meal2 .nums .num-item .top .small {
  margin-top: 10px;
  line-height: 20px;
}

.meal2 .nums .num-item .songs {
  padding: 20px 30px;
  line-height: 22px;
  overflow: hidden;
  background-color: #fff7f8;
}

.meal2 .nums .num-item .songs .song-item {
  float: left;
}

.meal2 .nums .num-item .songs .song-item0 {
  padding-left: 35px;
  background-image: url(../images/s1.png);
  background-position: left center;
  background-repeat: no-repeat;
}

.meal2 .nums .num-item .songs .song-item1 {
  padding-left: 35px;
  float: right;
  background-image: url(../images/s2.png);
  background-position: left center;
  background-repeat: no-repeat;
}

.meal2 .nums .num-item .songs .m {
  font-weight: bold;
  color: #ff3949;
}

.meal2 .nums .num-item .nums1 {
  padding: 18px 30px 0;
}

.meal2 .nums .num-item .nums1 .tips {
  line-height: 40px;
  font-size: 13px;
}

.meal2 .nums .num-item .nums1 .nums-wrap span {
  display: block;
  font-size: 17px;
  line-height: 36px;
}

.meal2 .nums .num-item .sub {
  margin-top: 20px;
  padding: 0 30px;
}

.meal2 .nums .num-item .sub .year-group {
  float: left;
}

.meal2 .nums .num-item .sub .year-group .heyue {
  margin-bottom: 5px;
}

.meal2 .nums .num-item .sub .year-group .heyue span {
  font-size: 40px;
  font-weight: bold;
  font-family: "DIN";
  color: #ff1f34;
}

.meal2 .nums .num-item .sub .btn {
  margin-top: 5px;
  font-size: 18px;
  float: right;
  width: 110px;
  height: 43px;
  line-height: 43px;
  text-align: center;
  color: #fff;
  background-color: #ff1f34;
  transition: all 200ms;
}

.meal2 .nums .num-item .sub .btn:hover {
  border-radius: 20px;
  transition: all 200ms;
}

.flow .nums {
  margin: 0 -12px;
}

.flow .nums .num-item {
  float: left;
  width: 33.333%;
  padding: 0 12px;
  box-sizing: border-box;
}

.flow .nums .num-item .inner {
  padding: 28px 20px;
  color: #000;
  border-top: 5px solid #ff1f34;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.flow .nums .num-item .inner .step {
  font-size: 16px;
  font-weight: bold;
}

.flow .nums .num-item .inner p {
  margin-top: 22px;
  line-height: 22px;
  text-align: justify;
}

.good .nums {
  margin: 0 -12px;
}

.good .nums + .nums {
  margin-top: 26px;
}

.good .nums .num-item {
  float: left;
  width: 33.333%;
  padding: 0 12px;
  box-sizing: border-box;
}

.good .nums .num-item .inner {
  color: #000;
  border: 1px solid #e5e5e5;
}

.good .nums .num-item .inner .step {
  padding: 18px 20px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background-color: #ff2136;
}

.good .nums .num-item .inner p {
  padding: 20px;
  line-height: 22px;
  text-align: justify;
}

.func .nums {
  margin: 0 -5px;
}

.func .nums + .nums {
  margin-top: 26px;
}

.func .nums .num-item {
  float: left;
  width: 25%;
  padding: 0 5px;
  box-sizing: border-box;
}

.func .nums .num-item .inner {
  color: #000;
  border: 1px solid #e5e5e5;
  cursor: pointer;
}

.func .nums .num-item .inner:hover {
  border: 1px solid #ff1f34;
}

.func .nums .num-item .inner .tit {
  padding: 25px 25px 0;
}

.func .nums .num-item .inner .tit img {
  margin-right: 10px;
  vertical-align: middle;
}

.func .nums .num-item .inner .tit span {
  vertical-align: middle;
}

.func .nums .num-item .inner .info {
  margin-top: 15px;
  padding: 0 25px;
  line-height: 22px;
  color: #7a7a7a;
}

.func .nums .num-item .inner .xzl {
  margin-top: 20px;
  padding: 0 25px;
  font-size: 16px;
  color: #333;
  font-weight: bold;
}

.func .nums .num-item .inner .bfb {
  margin-top: 5px;
  padding: 0 25px;
  font-size: 16px;
  font-family: "DIN";
  font-weight: bold;
  font-size: 30px;
  color: #ea0000;
}

.func .nums .num-item .inner .btn {
  margin-top: 22px;
  padding: 15px 0;
  line-height: 22px;
  text-align: center;
  color: #fff;
  background-color: #ff1f34;
}

.why .nums {
  margin: 0 -12px;
}

.why .nums .num-item {
  float: left;
  width: 33.333%;
  padding: 0 12px;
  box-sizing: border-box;
}

.why .nums .num-item .inner {
  padding: 28px 20px;
  color: #000;
  border-top: 5px solid #ff1f34;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.why .nums .num-item .inner .step {
  font-size: 16px;
  font-weight: bold;
}

.why .nums .num-item .inner p {
  margin-top: 22px;
  line-height: 22px;
  text-align: justify;
}

.news-list .news-group {
  width: 45%;
}

.news-list .news-group .h-wrap {
  border-bottom: 2px solid #ff1f34;
}

.news-list .news-group .list {
  padding-top: 10px;
  padding-left: 165px;
}

.news-list .news-group .list a {
  color: #333;
}

.news-list .news-group .list li {
  padding: 0 5px 0 10px;
  line-height: 40px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.news-list .news-group .list li + li {
  border-top: 1px dashed #e5e5e5;
}

.news-list .news-group .list.list1 {
  background-image: url(images/qal.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}

.news-list .news-group .list.list2 {
  background-image: url(images/qar.png);
  background-repeat: no-repeat;
  background-position: 0 20px;
}

.news-list2 .h-wrap {
  border-bottom: 2px solid #ff1f34;
}

.news-list2 .news-group .list {
  float: left;
  width: 45%;
  padding-top: 25px;
}

.news-list2 .news-group .list + .list {
  float: right;
}

.news-list2 .news-group .list a {
  color: #333;
}

.news-list2 .news-group .list li {
  padding: 0 5px 0 0;
  line-height: 40px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.news-list2 .news-group .list li + li {
  border-top: 1px dashed #e5e5e5;
}

.news-list2 .news-group .list .first .img {
  width: 141px;
  height: 82px;
  margin-right: 20px;
  float: left;
  overflow: hidden;
}

.news-list2 .news-group .list .first .img img {
  width: 100%;
  height: 100%;
}

.news-list2 .news-group .list .first .text {
  margin-top: 0;
  width: 284px;
  float: left;
}

.news-list2 .news-group .list .first .text .tt {
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
  overflow: hidden;
}

.news-list2 .news-group .list .first .text a {
  font-size: 18px;
  line-height: 22px;
  color: #333;
  font-weight: bold;
}

.news-list2 .news-group .list .first .text p {
  font-size: 12px;
  line-height: 22px;
  color: #afafaf;
  white-space: normal;
  text-align: left;
}

.news-list3 .news-group {
  margin: 0 -12px;
}

.news-list3 .news-group .item {
  width: 33.333%;
  float: left;
  padding: 0 12px;
  box-sizing: border-box;
}

.news-list3 .news-group .item .inner .tt {
  padding-bottom: 20px;
  font-size: 24px;
  font-weight: bold;
  color: #ff1f34;
  border-bottom: 2px solid #ff1f34;
}

.news-list3 .news-group .item .inner ul li {
  padding: 15px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.news-list3 .news-group .item .inner ul li + li {
  border-top: 1px solid #e5e5e5;
}

.news-list3 .news-group .item .inner ul li a {
  color: #000;
}

.center .h-wrap {
  border-bottom: 1px solid #e5e5e5;
}

.center .h-wrap h2 {
  font-size: 24px !important;
  color: #000 !important;
}

.center .citys {
  padding-top: 7px;
  line-height: 24px;
}

.center .citys a {
  margin-top: 12px;
  width: 11.11%;
  float: left;
  color: #333;
}

.info-why {
  margin-top: 30px;
}

.info-why .info-text {
  line-height: 22px;
  text-align: justify;
}

.info-why .info-wrap {
  margin-top: 30px;
}

.info-why .info-wrap .item {
  float: left;
  height: 210px;
  width: 50%;
  overflow: hidden;
}

.info-why .info-wrap .item .img-box {
  float: left;
  width: 240px;
  line-height: 210px;
}

.info-why .info-wrap .item .img-box img {
  vertical-align: middle;
}

.info-why .info-wrap .item .text-wrap {
  width: 260px;
  padding-right: 20px;
  float: left;
  box-sizing: border-box;
}

.info-why .info-wrap .item .text-wrap .tt {
  margin-top: 50px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
}

.info-why .info-wrap .item .text-wrap .desc {
  margin-top: 15px;
  line-height: 22px;
  text-align: justify;
}

.use-pk .use-pk-tubiao {
  margin-top: 30px;
}

.flow2 .flow2-wrap {
  padding: 30px 0;
  background-color: #f6f7fa;
}

.flow2 .flow2-wrap .item {
  padding-left: 30px;
  float: left;
  box-sizing: border-box;
}

.flow2 .flow2-wrap .item .xuhao {
  margin-right: 20px;
  float: left;
  font-family: "DIN";
  font-size: 68px;
  font-weight: bold;
  color: #ff2234;
}

.flow2 .flow2-wrap .item .texts {
  float: left;
}

.flow2 .flow2-wrap .item .texts .tt {
  font-weight: bold;
  line-height: 36px;
  color: #ff2234;
}

.flow2 .flow2-wrap .item .texts .desc {
  color: #000;
  line-height: 22px;
}

.hduan .hduan-wrap table {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}

.hduan .hduan-wrap table th {
  padding: 18px 0;
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  background-color: #ff2234;
}

.hduan .hduan-wrap table tbody td {
  padding: 15px 0;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  color: #000;
  font-weight: bold;
}

.hduan .hduan-wrap table tbody td .item {
  line-height: 56px;
}

.hduan .hduan-wrap table tbody td .n {
  font-size: 18px;
  font-weight: normal;
  color: #ff2234;
}

.QA .QA-list {
  color: #000;
}

.QA .QA-list .item + .item {
  margin-top: 35px;
}

.QA .QA-list .Q {
  padding-left: 45px;
  line-height: 30px;
  font-size: 18px;
  font-weight: bold;
  position: relative;
}

.QA .QA-list .Q::before {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  content: "Q";
  line-height: 30px;
  font-size: 15px;
  text-align: center;
  color: #fff;
  background-color: #ff2234;
  border-radius: 50%;
}

.QA .QA-list .A {
  margin-top: 10px;
  padding-left: 45px;
  line-height: 20px;
  position: relative;
}

.QA .QA-list .A p {
  margin-top: 10px;
}

.QA .QA-list .A::before {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  content: "A";
  line-height: 30px;
  font-size: 15px;
  text-align: center;
  color: #fff;
  background-color: #1f00df;
  border-radius: 50%;
}

.in-common {
  margin-top: 30px;
}

.in-common .nums {
  margin: 0 -12px;
}

.in-common .nums + .nums {
  margin-top: 26px;
}

.in-common .nums .num-item {
  float: left;
  width: 33.333%;
  padding: 0 12px;
  box-sizing: border-box;
}

.in-common .nums .num-item .inner {
  color: #000;
  border: 1px solid #e5e5e5;
  cursor: pointer;
}

.in-common .nums .num-item .inner:hover {
  border: 1px solid #ff1f34;
}

.in-common .nums .num-item .inner .top-wrap {
  padding: 26px 20px 0;
}

.in-common .nums .num-item .inner .top-wrap .func-name {
  float: left;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
}

.in-common .nums .num-item .inner .top-wrap .xzl {
  float: right;
  font-size: 16px;
  font-weight: bold;
  color: #ff1f34;
}

.in-common .nums .num-item .inner p {
  padding: 30px 20px 25px;
  line-height: 22px;
  text-align: justify;
}

.in-common .nums .num-item .inner .step {
  padding: 18px 20px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background-color: #ff2136;
  text-align: center;
}

.more-func .nums {
  margin: -8px -8px 0;
}

.more-func .nums + .nums {
  margin-top: 26px;
}

.more-func .nums .num-item {
  float: left;
  width: 25%;
  padding: 8px;
  box-sizing: border-box;
}

.more-func .nums .num-item .inner {
  padding: 20px;
  height: 166px;
  color: #000;
  background-color: #fcfcfc;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  cursor: pointer;
}

.more-func .nums .num-item .inner:hover {
  border: 1px solid #ff1f34;
}

.more-func .nums .num-item .inner .top-wrap .func-name {
  padding-left: 10px;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  position: relative;
}

.more-func .nums .num-item .inner .top-wrap .func-name::before {
  display: block;
  content: "";
  width: 3px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #ff1f34;
}

.more-func .nums .num-item .inner p {
  margin-top: 18px;
  line-height: 22px;
  text-align: justify;
}

.condition .condition-item .condition-tip {
  display: inline-block;
  height: 45px;
  font-size: 18px;
  line-height: 45px;
  padding: 0 20px;
  color: #fff;
  background-color: #fe2435;
  position: relative;
}

.condition .condition-item .condition-tip::after {
  position: absolute;
  top: 0;
  right: -32px;
  content: "";
  display: inline-block;
  width: 32px;
  height: 45px;

  background-image: url(../images/sj1.png);
  background-repeat: no-repeat;
  background-position: center center;
}

.condition .condition-item .condition-content {
  padding: 25px;
  border: 1px solid #e5e5e5;
  background-color: #fcfcfc;
}

.condition .condition-item .condition-content .left {
  float: left;
}

.condition .condition-item .condition-content .left ul {
  line-height: 30px;
  color: #fe2435;
}

.condition .condition-item .condition-content .left .ps {
  font-weight: bold;
  line-height: 26px;
  color: #000;
}

.condition .condition-item .condition-content .right {
  margin-left: 100px;
  float: left;
  color: #000;
}

.condition .condition-item .condition-content .right li + li {
  margin-top: 15px;
}

.condition .condition-item .condition-content .right .Q {
  padding-left: 30px;
  line-height: 28px;
  font-weight: bold;
  position: relative;
}

.condition .condition-item .condition-content .right .Q::before {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 4px;
  content: "Q";
  line-height: 20px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  background-color: #ff2234;
  border-radius: 50%;
}

.condition .condition-item .condition-content .right .A {
  padding-left: 30px;
  line-height: 28px;
  position: relative;
}

.condition .condition-item .condition-content .right .A p {
  margin-top: 18px;
}

.condition .condition-item .condition-content .right .A::before {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 4px;
  content: "A";
  line-height: 20px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  background-color: #1f00df;
  border-radius: 50%;
}

.wuqu .wuqu-wrap {
  padding: 25px;
  border: 1px solid #e5e5e5;
}

.wuqu li + li {
  margin-top: 15px;
}

.wuqu .Q {
  padding-left: 30px;
  line-height: 28px;
  font-weight: bold;
  position: relative;
}

.wuqu .Q::before {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 4px;
  content: "Q";
  line-height: 20px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  background-color: #ff2234;
  border-radius: 50%;
}

.wuqu .A {
  padding-left: 30px;
  line-height: 28px;
  position: relative;
}

.wuqu .A p {
  margin-top: 18px;
}

.wuqu .A::before {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 4px;
  content: "A";
  line-height: 20px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  background-color: #1f00df;
  border-radius: 50%;
}

.know-err {
  margin-top: 30px;
}

.know-err .nums {
  margin: -8px -8px 0;
}

.know-err .nums + .nums {
  margin-top: 26px;
}

.know-err .nums .num-item {
  float: left;
  width: 25%;
  padding: 8px;
  box-sizing: border-box;
}

.know-err .nums .num-item .inner {
  color: #000;
  background-color: #fcfcfc;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  cursor: pointer;
}

.know-err .nums .num-item .inner:hover {
  border: 1px solid #ff1f34;
}

.know-err .nums .num-item .inner .img {
  padding-top: 58px;
  height: 75px;
  line-height: 75px;
  text-align: center;
}

.know-err .nums .num-item .inner .top-wrap {
  margin-top: 40px;
}

.know-err .nums .num-item .inner .top-wrap .func-name {
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
  text-align: center;
  color: #fe2435;
}

.know-err .nums .num-item .inner p {
  margin-top: 12px;
  padding: 0 22px;
  font-weight: bold;
  line-height: 22px;
  text-align: justify;
}

.know-err .nums .num-item .inner .btn {
  margin-top: 30px;
  padding: 16px 0;
  text-align: center;
  color: #fff;
  background-color: #ff1f34;
  font-size: 18px;
  font-weight: bold;
}

.know-true .item {
  padding: 16px 20px;
  border: 1px solid #e5e5e5;
  background-color: #fcfcfc;
}

.know-true .item .tt {
  line-height: 22px;
  font-size: 18px;
  font-weight: bold;
  color: #fe2435;
}

.know-true .item .tt span {
  margin-right: 10px;
  display: inline-block;
  width: 22px;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  background-color: #fe2435;
  border-radius: 50%;
  vertical-align: bottom;
}

.know-true .item .desc {
  margin-top: 8px;
  line-height: 22px;
  font-weight: bold;
}

.know-true .item + .item {
  margin-top: 15px;
}

.today-bao {
  margin-top: 30px;
}

.today-bao .hot-warp {
  padding: 30px;
  height: 399px;
  background-color: #e80000;
  box-sizing: border-box;
  background-image: url(../images/hot-bg.jpg);
}

.today-bao .hot-warp .quan {
  float: left;
  width: 254px;
  height: 338px;
  background-image: url(../images/q-bg.png);
  background-size: cover;
  background-position: top center;
  border-radius: 4px;
}

.today-bao .hot-warp .quan .m {
  margin-top: 70px;
  font-family: "DIN";
  font-size: 94px;
  font-weight: bold;
  color: #ef0839;
  text-align: center;
}

.today-bao .hot-warp .quan .y {
  margin-top: 15px;
  font-size: 23px;
  text-align: center;
  color: #ef0839;
}

.today-bao .hot-warp .quan .limit {
  margin-top: 35px;
  font-size: 16px;
  text-align: center;
}

.today-bao .hot-warp .quan .btn {
  margin: 20px 24px 0;
  padding: 15px 0;
  font-size: 18px;
  text-align: center;
  color: #fff;
  border-radius: 30px;
  background-color: #fd2736;
}

.today-bao .hot-warp .quan .btn:hover {
  background-color: #e20a23;
  font-weight: bold;
}

.today-bao .hot-warp .fl {
  margin-left: 30px;
}

.today-bao .hot-warp .fl .fuli {
  color: #fff;
}

.today-bao .hot-warp .fl .fuli .tt {
  padding-bottom: 19px;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid #fff;
}

.today-bao .hot-warp .fl .fuli .fuli-list {
  margin-top: 20px;
}

.today-bao .hot-warp .fl .fuli .item {
  margin-right: 24px;
  float: left;
  overflow: hidden;
}

.today-bao .hot-warp .fl .fuli .item .img {
  float: left;
  margin-right: 10px;
}

.today-bao .hot-warp .fl .fuli .item .txts {
  float: left;
  line-height: 1.4;
}

.today-bao .hot-warp .fl .p-song {
  margin-top: 40px;
  color: #fff;
}

.today-bao .hot-warp .fl .p-song .tt {
  font-size: 18px;
  font-weight: bold;
}

.today-bao .hot-warp .fl .p-song .tt a {
  font-size: 14px;
  float: right;
  color: inherit;
  font-weight: normal;
}

.today-bao .hot-warp .fl .p-song .num-wrap {
  margin-top: 20px;
  color: #333;
  font-size: 18px;
  font-family: "DIN";
}

.today-bao .hot-warp .fl .p-song .num-wrap .row {
  margin-right: 10px;
  float: left;
}

.today-bao .hot-warp .fl .p-song .num-wrap .row .span {
  margin-bottom: 14px;
  width: 148px;
  height: 44px;
  font-weight: bold;
  line-height: 44px;
  text-align: center;
  background-color: #febd81;
  color: #640118;
  cursor: pointer;
}

.today-bao .hot-warp .fl .p-song .num-wrap .row .span:hover {
  background-color: #fbdaa9;
}

.today-bao .hot-warp .fl .p-song .num-wrap .row .span2 {
  background-color: #fbdaa9;
}

.today-bao .hot-warp .fl .p-song .num-wrap .row .span2:hover {
  background-color: #febd81;
}

.brand {
  margin-top: 35px;
  line-height: 22px;
}

.brand a {
  color: #000;
}

.article .top-name {
  padding: 15px;
  font-weight: bold;
  color: #fff;
  background-color: #ff1f34;
}

.article .article-detile {
  padding: 40px;
  border: 1px solid #e5e5e5;
}

.article .article-detile h1 {
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
  text-align: center;
  color: #000;
}

.article .article-detile .article-info {
  margin-top: 15px;
  line-height: 22px;
  text-align: center;
  color: #7f7f7f;
}

.article .article-detile .bd {
  margin-top: 30px;
  text-align: justify;
  line-height: 1.6;
}

.article .article-detile .bd img {
  width: 100%;
  height: auto;
}

.article .article-detile .bd a {
  color: unset;
}

.article .article-detile .pages {
  margin-top: 50px;
  line-height: 2;
}

.article .article-detile .pages a {
  color: #000;
}

.article .article-detile .pages a:hover {
  color: #fe2435;
}

.article .other-like {
  margin-top: 20px;
  padding-top: 25px;
  color: #fe2435;
  border-top: 2px solid #fe2435;
}

.article .other-like .tt {
  font-weight: bold;
}

.article .other-like .likes-wrap {
  margin-top: 20px;
}

.article .other-like .likes-wrap ul {
  width: 45%;
  float: left;
  line-height: 24px;
}

.article .other-like .likes-wrap ul li {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #000;
}

.article .other-like .likes-wrap ul a {
  color: #000;
}

.article .other-like .likes-wrap ul a:hover {
  color: #fe2435;
}

.article .other-like .likes-wrap ul + ul {
  float: right;
}


.sub-number {
  display: none;
}