﻿﻿body {
    min-width:1000px;background: url("../images/bj.jpg")
}
* {
  margin: 0px;
  padding: 0px;
  font-family: Hiragino Sans GB, Arial, Helvetica, "Microsoft YaHei", sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
}
@media only screen and (min-width: 861px){
.payBtn span{color:#fff}
.lijijiesuo{color:#fff;font-size:20px; background-size:auto;}
.wrap_4  { display:none}
 .img_5a  { display:none}
  .foot  { display:none}

  }
.bannernew{background: url(../images/yf_034.png) repeat left top #bb1b21;}
.top{
    width: 1000px;
    margin: 10px auto 0 auto;
    background: url(../images/top.png) no-repeat 10px 10px rgba(255,255,255,0.5);
    padding-top: 30px;
    padding-bottom: 30px;
}
.top .footer{
    background: url(../images/footer.png) no-repeat 10px bottom;
    padding-bottom: 10px;
}
.top .footer .content{
    background: url(../images/content.png) repeat-y 10px top;
}
.top .footer .content .nr{
    margin: -20px 40px 0;
}
.nr h2{
    font-size: 20px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    color: #99551d;
    border-bottom: 1px dashed #cfa35b;
}
.nr h2 span{
    font-size: 16px;
    font-weight: 400;
    background: url(../images/jt.png) no-repeat left 4px;
    text-indent: 25px;
    color: #99551d;
    float: right;
}
.nr .em{
    font-size: 25px;
    color: #c20000;
    font-weight: bold;
    font-style: normal;
}
.dingdan{
    color: #464646;
    font-size: 20px;
    line-height: 40px;
    position: relative;
}
.dingdan span{
    position: absolute;
    right: 0;
    font-size: 20px;
    color: #99551d;
    top: 0px;
    display: block;
    width: 223px;
}
.dingdan span em{
    color: #c20000;
    font-size: 35px;
    font-style: normal;
    line-height: 40px;
    position: absolute;
    left: 93px;
}
.dingdan span i{
    color: #c20000;
    font-size: 35px;
    font-weight: bold;
    font-style: normal;
    line-height: 40px;
    position: absolute;
    right: 0;
    top: 0;
}

.qmjg{
    width: 1000px;
    margin: 10px auto;
    background: url(../images/bjs.png) no-repeat left top;
    height: 54px;
    color: #C20000;
    font-size: 25px;
    line-height: 54px;
    text-indent: 20px;
}
.zf {
    width: 920px;
    margin: 0 auto;
    overflow: hidden;
    background: url(../images/zf_bottom.png) no-repeat center bottom;
}
.jg {
    clear: both;
    text-align: center;
    margin: 20px auto;
}
.zf span {
    display: block;
    color:#000;
    background: url(../images/saoma.png) no-repeat 10px 12px;
    padding: 10px 0 40px 65px;
}
.zf img{margin:0}
.zf h2 {
    font-size: 24px;
    color: #099629;
    background: #FFFFFF;
    border: 1px solid #c2c2c2;
    width: 200px;
    height: 55px;
    line-height: 50px;
    padding-bottom: 0;
    margin-bottom: 0;
}


.sexx{ font-size: 20px; font-weight: bold; color: #000; width: 50px;border: none;float: left; margin-left: 25px; font-family: "黑体";}
.zibei{ float: right;width: 48%;}
.xingshi{ float: left; width: 48%;}
.toTop{position:fixed;right:0;bottom:30px;}

.payBtn {
  display: block;
  width: 290px;
  height: 70px;
  background: #cb0d02;
  color: #fff;
  border-radius: 6px;
  line-height: 70px;
  overflow: hidden;
  margin:0 auto;
}
.payBtn i {
  display: block;
  width: 38px;
  height: 47px;
  background: url(../images/icon_suo.png) no-repeat;
  margin: 10px 0 0 40px;
  float: left;
}

@media only screen and (max-width: 860px) {

       .bannernew1 { display:none}
      .img_5a{
  width: 100%;
}
.img_5a img{
  width: 100%;
}

        .whour {width:57px !important;}
    .bannernew img{ width: 100%; height: auto;}
    .phone{display: none;}
    .text img{ height: 96px;}
    .logo img{ height: 96px;}
    .xingshi{}


    .sexx{ font-size: 14px; font-weight: bold; color: #000; width: 50px;border: none;float: left; margin-left: 10px;}
    .shengchent{display: none;}
    .mbwrap{max-width:640px;min-width:320px;margin:0 auto;overflow:hidden;position:relative;padding:0px 0 24px;}

/* 2016-1-26 erx */
.wp4_t li.xytp1 a{height:100%;}
.wp4_t li.xytp1 .t{color:#FEF8EF;height:100%;font-size:1.1em;line-height:1.8;background:#AC0205;padding:14% 0 0 15%;}
.wp4_t li.xytp1 .t b{color:#FFCF07;font-size:1.11em}
.wp4_t li.xytp2 a{color:#FEF8EF;border:1px #ddd solid;padding:3px;border-radius:2px;}
.wp4_t li.xytp2 a .t{position:relative;font-size:12px;background:#AC0205;padding:6px 0 6px 8px;}
.wp4_t li.xytp2 a .t em{position:absolute;top:13px;right:8px;}
.wp4_t li a img{display:block}
.pay-wrap .pay-btn li:first-child + li {
  width: 212px;
  height: 52px;
  margin: 0 auto;
  background-position: center bottom;
}
.payBtn {
  display: block;
  width: 180px;
  height: 43px;
  background: #cb0d02;
  color: #fff;
  border-radius: 6px;
  line-height: 43px;
  overflow: hidden;
  margin:0 auto;
}
.payBtn i {
  display: block;
  width: 22px;
  height: 27px;
  background: url(../images/icon_suo.png) no-repeat;
  margin: 6px 0 0 8%;
  float: left;
  background-size: 100% 100%;
}
.payBtn span{color:#fff}
.lijijiesuo{color:#fff;font-size:14px; background-size:auto;}
.lvsetu img{ width: 100%;height: auto;}
  }


a {
  text-decoration: none;
}
ul,
li {
  list-style: none;
}
img {
  border: 0;
}
input,
select {
  outline: none;
}
.min-width {
   width:1200px;
margin: 0 auto;
   /*  width: 70%;
   margin: 0 auto;
   text-align: center;
   display: inherit;
   margin-left: 20%; */
}

.bg-img {
  background: url(../images/bg.png) no-repeat;
}
.head {
    background: url(../images/head_bj.png) repeat-x left top;
    font-size: 26px;
    text-align: center;
    height: 73px;
    line-height: 73px;
    color: #FFF;
}
.head_01 {
    display: block;
    background: url(../images/bj.jpg) repeat left top;
}
.w1000 {
    width: 1000px;
    margin: 0 auto;
}
#header .min-width {
  height: auto;
  overflow: hidden;
}
#header .logo {
  float: left;
  margin-top: 20px;
}
#header .logo a {
  font-size: 0;
}
#header .logo img {
  height: 96px;
}
#header .text {
  margin-top: 40px;
  float: right;
}
#header .text img {
  height: 50px;
}
#header .phone {
  float: right;
  font-size: 0;
  margin-top: 20px;
}
#header .phone img {
  height: 96px;
}
#nav {margin-top:-3px;
  height: 45px;
  background: #000;
}
#nav .min-width,
#nav ul {
  height: auto;
}
#nav li {
    text-align: center;
  float: left;
  height: auto;
 position: relative;
}
#nav li a {
  display: block;
  height: 45px;
  line-height: 45px;
  padding: 0 20px;
  font-size: 18px;
  color: #fff;
}
#nav li:hover {
  background: #a80c08;
}

#nav li dl{ position: absolute; top:45px; left:0; z-index: 99999; background: #A5090A;font-size: 16px; width:100%;display: none;}
#nav li dl a{font-size: 16px;}
.nav-wab{background: #800202!important;}
#nav li dl dd:hover{ background: #000000;}
#nav li:hover dl{display: block;}
#banner {
  height: auto;
  overflow: hidden;
}
#banner img {
  width: 100%;
}
#container {
  height: auto;
  overflow: hidden;
}
.yf_008{
}
.tablebox{width: 100%;height: 100%;background: #fff;display: table}

#imgbox{display: table-cell;vertical-align: middle;}

#imgbox img{width: 100%}
.yf_008 .yf_009{
  width: 1000px;
  margin: 0 auto;
  background: url(../images/ban_012.png) no-repeat -20px top;
  height:450px;
  position: relative;
}
.yf_008 .yf_009 .yf_010{
  position: absolute;
  left: 20px;
  top:330px;
  background: url(../images/ban_013.png) no-repeat left top;
  color: #2e2e2e;
  font-size: 17px;
  line-height: 38px;
}
.yf_008 .yf_009 .yf_010 ul{
  list-style: none;
  margin: 0;
  padding: 0px 0 0 50px;
}
.yf_008 .yf_009 .yf_010 ul li{
  background: url(../images/icon.png) no-repeat left 13px;
  text-indent: 20px;
  border-bottom: 1px solid #CCC;
}
.yf_008 .yf_009 .yf_011{
  position: absolute;
  right: -60px;
  top: 40px;
}
.yf_008 .yf_009 .yf_012{
  position: absolute;
  right: -55px;
  top: 430px;
  width: 540px;
  text-align: center;
  line-height: 50px;
  color: #dca800;
  font-size: 18px;
  height: 50px;
  background: url(../images/ban_015.png) no-repeat center center;
}
.yf_008 .yf_009 .yf_013{
  position: absolute;
  bottom: 20px;
  left: 50%;
  width: 530px;
  margin-left: -265px;
}
.yf_008 .yf_009 .yf_013 img{
  margin: 0 10px;
}
.btn-raido .nan{background: url(../images/main.png) no-repeat right top;
    padding-right: 20px;}
.btn-raido .nv{background: url(../images/woman.png) no-repeat right top;
    padding-right: 20px;}
.btn-raido {
  height: auto;
  overflow: hidden;
  width: 100px;
  margin-right: .4rem;
  float: left;
  font-size: 24px;
  color: #666;
  margin: 0 20px;
  cursor: pointer;
}
.btn-raido i {
  display: block;
  width: 30px;
  height: 32px;
  background: url(../images/bg.png) no-repeat;
  background-position: 0 -39px;
  margin-right: 10px;
  float: left;
  margin-top: 2px;
}
.btn-raido.active i {
  background-position: 0 0;
}
.index-section {
  height: auto;
  font-size: 0;
  margin-top: 88px;
}
.index-section .min-width {
  padding-bottom: 35px;
}
.index-section .tp {
  height: 88px;
  background: url(../images/index_05.png) no-repeat;
  width: 1000px;
}
.index-section .top-title {
  position: relative;
  top: -54px;
  height: 88px;
  margin: 0 auto;
  width: 700px;
  text-align: center;
  background: url(../images/bg1.png) no-repeat center center;
    background-size: auto 100%;
}
.index-section .top-title img {
  margin-top: 26px;
}
.index-section .top-title1 {

  height: 50px;
    line-height: 50px;
  margin: 0 auto;
  width: 80%;
  text-align: center;
  background: url(../images/tit_b.png) no-repeat center;
    background-size:contain;
}
.index-section .top-title1 img {
  height: 44px;
  margin-top: 26px;
}
.case-wrap .top .top-title1 {
    font-size: 24px;
    color: #fff;
    line-height: 50px;
}
.index-section .section {
  height: auto;
  /*overflow: hidden;*/
  border: 3px solid #d2d2d2;
  border-top: 0;
  border-bottom: 0;
  margin-top: -40px;
}
.index-section .section3 {
  height: auto;
  overflow: hidden;
  /*border: 3px solid #d2d2d2;*/
  border-top: 0;
  border-bottom: 0;
  margin-top: -40px;
}
.xiadan{background: url("../images/bj.jpg")}
.bgj {
  background: url(../images/m1.png) no-repeat center top;
}
.place-order h4 {
  font-size: 36px;
  line-height: 30px;
  color: #9d581f;
  margin-bottom: 15px;}
.place-order  h4 span {
  font-size: 25px;
  font-weight: 400;
  line-height: 35px;
  color: #595959;
  display: block;
  margin-top: 15px;
}
.place-order .step-wrap {
  height: auto;
  overflow: hidden;
  text-align: center;
}
.place-order .step-wrap h2 {
  font-size: 24px;
  color: #c31517;
}
.place-order .step-wrap p.intro {
  font-size: 14px;
  color: #000;
  line-height: 24px;
}
.place-order .step-wrap .step {
  height: auto;
  overflow: hidden;
  margin-top: 10px;
}
.place-order .step-wrap .step a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 100px;
  height: 36px;
  line-height: 36px;
  background: #c31517;
  font-size: 14px;
  color: #fff;
  border-radius: 4px;
}
.place-order .step-wrap .step span {
  font-size: 14px;
  color: #c31517;
  font-size: 18px;
  margin: 0 10px;
}
.place-order ul {
  height: auto;
  width: 726px;
  margin: 20px auto;
  float: right;
  margin-right: 166px;
}
.place-order ul li {
  height: 64px;
  line-height: 64px;
  border: 1px solid #a6a6a6;
  border-radius: 4px;
  margin-top: 20px;
  position: relative;
}
.place-order ul li > label {
  display: block;
  width: 49px;
  height: 24px;
  overflow: hidden;
  float: left;
  background: url(../images/icon_name.png) no-repeat;
  background-position: -234px 0;
  margin: 20px 20px;
}
.place-order ul li .input-box {
  height: 36px;
  line-height: 36px;
  border-left: 1px solid #a6a6a6;
  margin-left: 89px;
  margin-top: 14px;
  padding: 0 10px;
}
.place-order ul li .input-box input[type='text'] {
  height: 36px;
  border: 0;
  width: 100%;
  font-size: 16px;
  color: #333;
  background: none;
}
.place-order ul li .input-box div.time {
  height: 36px;
  overflow: hidden;
  text-align: center;
  float: left;
  margin: 0 30px;
}
.place-order ul li .input-box div.time1 {
  height: 36px;
  overflow: hidden;
  text-align: center;
  float: left;
  margin: 0 2px;
}
.place-order ul li .input-box div.time:first-child {
  margin-right: 30px;
}
.place-order ul li .input-box div.time1:first-child {
  margin-right: 2px;
}
.place-order ul li .input-box div.time select {
  font-size: 18px;
  border: 1px solid #a6a6a6;
  height: 34px;
  background: none;
  border-radius: 4px;
  margin-right: 10px;
  padding: 0 0 0 40px;
  width: 100px;
  float: left;
}
.place-order ul li.li-title{
  border: none;
  margin-top: 42px;
  margin-bottom: 34px;
}
.bt_left{
  float: left;
  width: 100px;
  margin-top: 187px;
  margin-left: 153px;
}
.xing-t{
  position: relative;}
.display_win {
  display: none;
  width: 530px;
  background: #fff;
  border: 1px solid #CCA177;
  position: absolute;
  top: 20px;
  left: 30px;
}
.display_win p {
  line-height: 25px;
  padding: 5px 20px;
}
.display_win p a {
  float: right;
  margin: 0 3px;
  border: 1px solid #e78c2f;
  color: #e78c2f;
  padding: 0 5px;
  cursor:pointer;
}
.display_win p {
  line-height: 25px;
  padding: 5px 20px;
}
.display_win p a:hover{color:red;}
#lj a {
  float: none;
  border: none;
  padding: 0;
  margin-left: 1px;
  color: #000;
}
#lj a:hover{color:red;}
.bjx {
  padding: 20px;
  line-height: 25px;
  font-size: 16px;
}
.bjx a {
  margin: 0 5px;cursor:pointer;
}
.bjx a:hover{color:red;}
#abc{color: #000;
  height: 31px;
  width: 100%;
  font-size: 15px;}
.closew{font-size: 15px;}

.b_input {

  width: 120px !important;

}
.xs .b_input {
  font-size: 14px!important;
  width: 60px !important;

}
.place-order ul li .input-box div.time1 select {
  font-size: 18px;
  border: 1px solid #a6a6a6;
  height: 34px;
  background: none;
  border-radius: 4px;
  margin-right: 10px;
  padding: 0 10px;
  float: left;
}
.xs .place-order ul li .input-box div.time1 select {
  font-size: 14px;
  border: 1px solid #a6a6a6;
  height: 34px;
  background: none;
  border-radius: 4px;
  margin-right: 1px;
  padding: 0 0 0 0px;
  width: 30px;
  float: left;
}
.place-order ul li .input-box div.time1 .input {
  font-size: 18px;
  border: 1px solid #a6a6a6;
  height: 34px;
  background: none;
  border-radius: 4px;
  margin-right: 10px;
  padding: 0 20px;
  float: left;
}
.xs .place-order ul li .input-box div.time1 .input {
  font-size: 14px;
  border: 1px solid #a6a6a6;
  height: 34px;
  background: none;
  border-radius: 4px;
  margin-right: 4px;
  padding: 0 0 0 0px;
  width: 45px !important ;
  float: left;
}
.place-order ul li .input-box div.time span {
  font-size: 24px;
}
.place-order ul li .input-box div.time1 span {
  font-size: 24px;
}
.xs .place-order ul li .input-box div.time1 span {
  font-size: 16px;
}
.place-order ul li:first-child + li label {
  background-position: 0 0;
}
.place-order ul li:first-child + li + li label {
  background-position: -78px 0;
}
.place-order ul li:first-child + li + li + li label {
  background-position: -156px 0;
}
.place-order ul .agreement {
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  margin-top: 20px;
  border: 0;
  background: none;
}
.place-order ul .agreement i {
  display: block;
  width: 37px;
  height: 31px;
  background: url(../images/icon_dui.png) no-repeat;
  float: left;
  margin-top: 4px;
}
.place-order ul .agreement span {
  font-size: 14px;
  color: #999;
  margin-left: 16px;
}
.place-order ul .agreement a {
  color: #B5141B;
  text-decoration: underline;
  margin-left: 10px;
}
.place-order ul .submit {
  border: 0;
  background: none;
  margin-top: 20px;
  height: 90px;
  text-align: center;
}
.place-order ul .submit input {
  height: 90px;
  width: 726px;
  background: url(../images/submit_bg.png) no-repeat;
  border: 0;
  font-size: 32px;
  color: #fff;
  cursor: pointer;
}
.place-order ul .text {
  overflow: hidden;
  border: 0;
  background: none;
  margin-top: 10px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.place-order ul .text span {
  font-size: 24px;
  color: #000;
}
.place-order ul .text span font {
  color: #f00;
}
.place-order .bottom {
  margin-top: -15px;
}
.place-order .surname-wrap {
  width: 684px;
  position: absolute;
  left: -1px;
  top: 60px;
  background: #fff;
  z-index: 99;
  border: 1px solid #a6a6a6;
  padding: 0 20px;
  border-radius: 0 0 6px 6px;
  display: none;
}
.place-order .surname-wrap .top-box {
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  margin-top: 10px;
}
.place-order .surname-wrap .top-box .col-name {
  float: left;
  font-size: 16px;
  color: #999;
}
.place-order .surname-wrap .top-box .right-btn {
  height: auto;
  overflow: hidden;
  float: right;
}
.place-order .surname-wrap .top-box .right-btn span {
  display: block;
  width: 40px;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  text-align: center;
  float: left;
  margin-top: 3px;
  background: #c31517;
  color: #fff;
  font-size: 14px;
  margin-left: 10px;
  cursor: pointer;
}
.place-order .surname-wrap .top-box .right-btn span:active {
  background: #aa0c0e;
}
.place-order .surname-wrap .common-name {
  height: auto;
  line-height: 30px;
  overflow: hidden;
  margin-top: 4px;
}
.place-order .surname-wrap .common-name label {
  font-size: 16px;
  color: #333;
  float: left;
}
.place-order .surname-wrap .common-name ul {
  height: auto;
  overflow: hidden;
  margin: 0 0 0 60px;
  width: auto;
}
.place-order .surname-wrap .common-name ul li {
  width: auto;
  height: auto;
  line-height: 30px;
  overflow: hidden;
  margin: 0;
  border: 0;
  font-size: 16px;
  color: #333;
  float: left;
  padding: 0 6px;
}
.place-order .surname-wrap .common-name ul li:hover {
  color: #d21414;
  text-decoration: underline;
  cursor: pointer;
}
.place-order .surname-wrap ul.surname-item {
  height: auto;
  overflow: hidden;
  margin: 10px 0 15px -6px;
  width: auto;
}
.place-order .surname-wrap ul.surname-item li {
  width: auto;
  height: auto;
  line-height: 24px;
  overflow: hidden;
  margin: 0;
  border: 0;
  font-size: 16px;
  color: #333;
  float: left;
  padding: 0 6px;
}
.place-order .surname-wrap ul.surname-item li:hover {
  color: #d21414;
  text-decoration: underline;
  cursor: pointer;
}
.place-order .surname-wrap .page-btn {
  width: 200px;
  height: auto;
  overflow: hidden;
  margin: 10px auto;
  display: none;
}
.place-order .surname-wrap .page-btn > div {
  display: block;
  width: 78px;
  height: 33px;
  line-height: 34px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  background: url(../images/bg.png) no-repeat;
  background-position: -337px 0;
}
.place-order .surname-wrap .page-btn > div:hover {
  cursor: pointer;
  background-position: -215px 0;
}
.place-order .surname-wrap .page-btn .prev {
  float: left;
}
.place-order .surname-wrap .page-btn .next {
  float: right;
}
.why-select {
  background: url(../images/index_09.jpg) no-repeat center bottom;
}
.why-select .top,
.why-select .bottom {
  background: none;
}
.why-select .section {
  border: 0;
  margin-top: 30px;
}
.why-select .left {
  width: 478px;
  font-size: 0;
  float: left;
}
.why-select .left img {
  width: 478px;
}
.why-select .right {
  height: auto;
  overflow: hidden;
  width: 500px;
  float: right;
  margin-top: 30px;
}
.why-select .right dl {
  height: auto;
  overflow: hidden;
  margin-top: 20px;
}
.why-select .right dl dt {
  width: 87px;
  height: 87px;
  margin-right: 20px;
  float: left;
}
.why-select .right dl dt img {
  width: 100%;
  height: 100%;
}
.why-select .right dl dd {
  margin-left: 107px;
  overflow: hidden;
}
.why-select .right dl dd.title {
  font-size: 18px;
  color: #7e0204;
  line-height: 20px;
}
.why-select .right dl dd.intro {
  font-size: 16px;
  color: #837453;
  line-height: 20px;
  margin-top: 8px;
}
.advantage {
  background: url(../images/index_23.png) no-repeat center top;
}
.advantage .section {
  border: 0;
  margin-top: 30px;
}
.advantage .top-wrap {
  height: auto;
  overflow: hidden;
  text-align: center;
  margin-top: 30px;
}
.advantage .top-wrap p {
  font-size: 18px;
  color: #333;
  line-height: 30px;
}
.advantage ul {
  height: auto;
  overflow: hidden;
  margin-top: 10px;
}
.advantage ul li {
  height: auto;
  overflow: hidden;
  margin-top: 10px;
}
.advantage ul li .left,
.advantage ul li .right {
  width: 435px;
  height: 78px;
  border-radius: 8px;
  display: table;
}
.advantage ul li .left .box,
.advantage ul li .right .box {
  display: table-cell;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  padding: 0 20px;
}
.advantage ul li .left span,
.advantage ul li .right span {
  font-size: 18px;
}
.advantage ul li .center {
  float: left;
  width: 78px;
  height: 78px;
  background: url(../images/bg.png) no-repeat;
  margin-left: 25px;
}
.advantage ul li .left {
  border: 1px solid #d92d29;
  float: left;
}
.advantage ul li .left span {
  color: #ba0202;
}
.advantage ul li .right {
  border: 1px solid #b4b4b4;
  float: right;
}
.advantage ul li .right span {
  color: #333;
}
.advantage ul li .center-0 {
  background-position: 0 -402px;
}
.advantage ul li .center-1 {
  background-position: 0 -558px;
}
.advantage ul li .center-2 {
  background-position: 0 -480px;
}
.advantage ul li .center-3 {
  background-position: 0 -168px;
}
.advantage ul li .center-4 {
  background-position: 0 -246px;
}
.advantage ul li .center-5 {
  background-position: 0 -324px;
}
.advantage .bottom-wrap {
  height: auto;
  overflow: hidden;
  font-size: 0;
  text-align: center;
  margin-top: 10px;
}
.evaluate {
  background: url(../images/index_25.jpg) no-repeat center bottom;
}
.evaluate .swiper-container {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.evaluate .swiper-slide {
  height: auto;
  overflow: hidden;
  text-align: left;
}
.evaluate .swiper-slide ul {
  height: auto;
  overflow: hidden;
  margin-bottom: 30px;
}
.evaluate .swiper-slide ul li {
  width: 410px;
  height: 108px;
  overflow: hidden;
  border: 1px solid #f0f2f2;
  background: #f0f2f2;
  float: left;
  margin-left: 30px;
  margin-top: 20px;
  padding: 15px 20px;
}
.evaluate .swiper-slide ul li .top-text {
  height: 30px;
  line-height: 30px;
  overflow: hidden;
}
.evaluate .swiper-slide ul li .top-text span {
  font-size: 18px;
  color: #a70000;
  float: left;
}
.evaluate .swiper-slide ul li .top-text label {
  font-size: 16px;
  color: #999;
  float: right;
}
.evaluate .swiper-slide ul li .text {
  height: 72px;
  line-height: 24px;
  overflow: hidden;
  font-size: 18px;
  color: #000;
  margin-top: 4px;
}
.evaluate .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 0;
}
.evaluate .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
}
.evaluate .swiper-pagination-bullet-active {
  background: #ae0b05;
}
.evaluate .problem {
  padding-top: 20px;
}
.evaluate .problem dl {
  height: auto;
  overflow: hidden;
  margin: 0 30px;
  background: url(../images/index_28.png) no-repeat center top;
  padding-top: 80px;
}
.evaluate .problem dl dt {
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  background: url(../images/index_26.png) no-repeat;
  padding-left: 60px;
  font-size: 18px;
  color: #a70000;
  font-weight: bold;
}
.evaluate .problem dl dd {
  margin-top: 10px;
  padding-left: 60px;
  height: auto;
  overflow: hidden;
  background: url(../images/index_27.png) no-repeat;
}
.evaluate .problem dl dd p {
  font-size: 14px;
  color: #333;
  line-height: 22px;
  margin-bottom: 10px;
}
.evaluate .problem dl:first-child {
  background: none;
  padding-top: 0;
}
.evaluate .min-width:first-child + .min-width {
  margin-top: 40px;
}
#footer {
  height: auto;
  overflow: hidden;
  background: #ae0b05;
  margin-bottom: 50px;
}
#footer .min-width {
  text-align: center;
  padding: 30px 0;
}
#footer .min-width p {
  font-size: 14px;
  color: #fff;
  line-height: 24px;
}
.container {
  background: url(../images/index_23.png) no-repeat center top;
}
.basic-info {
  margin-bottom: 20px;
}
.basic-info .top .top-title img {
  height: 33px;
  margin-top: 30px;
}
.basic-info table {
  width: 998px;
  text-align: center;
  border-collapse: collapse;
  margin: 0 -2px;
}
.basic-info table label {
  font-size: 20px;
  color: #666;
}
.basic-info table span {
  font-size: 20px;
  color: #333;
}
.basic-info table tr {
  height: 60px;
}
.basic-info table td {
  border: 1px solid #d9d9d9;
  border-bottom: 0;
}
.basic-info .bottom {
  margin-top: -42px;
}
.basic-info .bottom-wrap {
  height: 76px;
  width: 1000px;
  margin: -20px auto;
  background: url(../images/index_29.jpg) no-repeat;
  clear: both;
}
.case-wrap {
  background: #f0f2f2;
  padding-top: 88px;
  margin-top: 0;
  cursor: pointer;
}
.case-wrap .top .top-title {
  font-size: 24px;
  color: #fff;
  line-height: 98px;
}
.case-wrap .top .top-title font {
  color: #ff0002;
}
.case-wrap .section {
  /*background: url(../images/pay_02.jpg) repeat-x;*/
  background-size: auto 100%;
  border-bottom: 3px solid #d2d2d2;
}
.case-wrap .content-wrap {
  height: auto;
  overflow: hidden;
  margin: 0 30px;
}
.case-wrap .content-wrap ul {
  width: 800px;
  float: left;
}
.case-wrap .content-wrap ul li {
  height: 34px;
  line-height: 34px;
  overflow: hidden;
}
.case-wrap .content-wrap ul li label {
  float: left;
  font-size: 14px;
  color: #333;
}
.case-wrap .content-wrap ul li .progress-wrap {
  height: 12px;
  overflow: hidden;
  background: #ecece7;
  width: 420px;
  float: left;
  margin-top: 10px;
}
.case-wrap .content-wrap ul li .progress-wrap > div {
  height: 12px;
  background: #c3c3c3;
}
.case-wrap .content-wrap ul li .fraction {
  font-size: 14px;
  color: #ff0000;
  float: left;
  margin-left: 10px;
  width: 50px;
}
.case-wrap .content-wrap ul li .text {
  font-size: 14px;
  color: #333;
}
.case-wrap .content-wrap ul .first .progress-wrap > div {
  background: #d10002;
}
.case-wrap .content-wrap .right {
  width: 83px;
  height: 52px;
  background: url(../images/pay_04.png) no-repeat;
  float: right;
  margin-top: 20px;
  padding: 45px 25px;
  text-align: center;
}
.case-wrap .content-wrap .right span {
  font-size: 30px;
  color: #000;
  line-height: 32px;
}
.case-wrap .unlock-wrap {
  height: auto;
  overflow: hidden;
  text-align: center;
  margin: 20px 0;
}
.case-wrap .unlock-wrap .text {
  height: auto;
  overflow: hidden;
  background: url(../images/dd_h4.png) no-repeat center bottom;
  font-size: 20px;
  color: #ff7800;
  text-align: center;
  padding-bottom: 24px;
}
.case-wrap .unlock-wrap .img-box {
  width: 955px;
  height: 212px;
  overflow: hidden;
  position: relative;
  background: url(../images/pay_01.png) no-repeat;
  margin: 20px auto 0;
}
.case-wrap .unlock-wrap .img-box a {
  display: block;
  width: 290px;
  height: 70px;
  background: #cb0d02;
  color: #fff;
  border-radius: 6px;
  line-height: 70px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -35px 0 0 -145px;
}
.case-wrap .unlock-wrap .img-box a i {
  display: block;
  width: 38px;
  height: 47px;
  background: url(../images/icon_suo.png) no-repeat;
  margin: 10px 0 0 40px;
  float: left;
}
.case-wrap .unlock-wrap .img-box a span {
  float: left;
  font-size: 24px;
  color: #fff;
  margin-left: 20px;
}
.pay-wrap {

  margin-top: 0;
}
.pay-wrap .min-width {
  border: 1px solid #be976c;
}
.pay-wrap .pay-title {
  height: 60px;
  line-height: 60px;
  overflow: hidden;
  text-align: center;
  font-size: 18px;
  color: #fff;
  background: #cd0000;
}
.pay-wrap .pay-info {
  height: auto;
  overflow: hidden;
  text-align: center;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
.pay-wrap .pay-info p {
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  color: #333;
}
.pay-wrap .pay-info .pay-price {
  overflow: hidden;
  margin-top: 10px;
}
.pay-wrap .pay-info .pay-price .old-price {
  text-decoration: line-through;
}
.pay-wrap .pay-info .pay-price .new-price {
  margin-left: 20px;
}
.pay-wrap .pay-info .pay-price .new-price strong {
  font-size: 26px;
  color: #cd0000;
  font-weight: 100;
}
.pay-wrap .pay-info .spay-order span {
  color: #cd0000;
}
.pay-wrap .pay-info .spay-user i {
  font-style: normal;
  color: #999;
  margin: 0 10px;
}
.pay-wrap .pay-btn {
  width: 460px;
  height: auto;
  overflow: hidden;
  margin: 20px auto 0;
}
.pay-wrap .pay-btn li {
    height: 54px;
    line-height: 40px;
    width: 202px;
    overflow: hidden;
    background: url(../images/spaybtn.png) no-repeat;
    background-position: center 3px;
    border: 1px solid #ccc;
    position: relative;
    cursor: pointer;
}
.pay-wrap .pay-btn li:first-child + li {
    float: right;
    background-position: center bottom;
}
.pay-wrap .pay-btn li i {
  width: 0;
  height: 0;
  position: absolute;
  right: 2px;
  bottom: 2px;
  border: 5px solid #16d17a;
  border-left-color: transparent;
  border-top-color: transparent;
  display: none;
}
.pay-wrap .pay-btn li.active {
  border: 1px solid #16d17a;
}
.pay-wrap .pay-btn li.active i {
  display: block;
}
.pay-wrap .pay-btn li:first-child {
  float: left;
}

.pay-wrap .pay-qrcode {
  width: 460px;
  height: auto;
  overflow: hidden;
  margin: 40px auto;
}
.pay-wrap .pay-qrcode .left {
  height: auto;
  overflow: hidden;
  float: left;
}
.pay-wrap .pay-qrcode .left .qrcode {
  width: 200px;
  height: 200px;
  overflow: hidden;
  border: 2px solid #ccc;
}
.pay-wrap .pay-qrcode .left dl {
  height: auto;
  overflow: hidden;
  margin-top: 30px;
}
.pay-wrap .pay-qrcode .left dl dt {
  width: 42px;
  height: 42px;
  overflow: hidden;
  float: left;
  background: url(../images/zf1.png);
}
.pay-wrap .pay-qrcode .left dl dd {
  margin-left: 50px;
  font-size: 16px;
  color: #136ab1;
  line-height: 28px;
}
.pay-wrap .pay-qrcode .left dl dd.first {
  margin-top: -6px;
}
.pay-wrap .pay-qrcode .right2 {
  float: right;
}
.pay-wrap .bottom-btn {
  height: auto;
  overflow: hidden;
  width: 600px;
  margin: 0 auto;
}
.pay-wrap .bottom-btn .pay-result {
  width: 250px;
  height: 50px;
  line-height: 50px;
  background: #4AA21B;
  text-align: center;
  float: left;
  font-size: 18px;
  color: #fff;
  cursor: pointer;
}
.pay-wrap .bottom-btn .pay-result:first-child + .pay-result {
  float: right;
  background: #b1b1b1;
}
.comment-wrap {
  background: #f0f2f2;
  padding-top: 88px;
  margin-top: 0;
  cursor: pointer;
}
.comment-wrap .section {
  border-bottom: 3px solid #d2d2d2;
  padding: 30px;
}
.comment-wrap .item-wrap {
  height: 450px;
  overflow: hidden;
}
.comment-wrap .item-wrap ul {
  height: auto;
  overflow: hidden;
}
.comment-wrap .item-wrap ul li {
  height: auto;
  overflow: hidden;
  font-size: 16px;
  padding: 10px 0;
}
.comment-wrap .item-wrap ul li .order-info {
  color: #8f0700;
}
.comment-wrap .item-wrap ul li .text {
  color: #333;
  margin-top: 6px;
  line-height: 24px;
}
.right-float {
  width: 120px;
  height: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -50px;
}
.right-float ul {
  height: auto;
  overflow: hidden;
}
.right-float ul li {
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  text-align: center;
  background: #292a32;
  color: #fff;
  font-size: 16px;
  margin-top: 1px;
  cursor: pointer;
}
.right-float ul li a {
  color: #fff;
  display: block;
}
.right-float ul li:hover {
  background: #1d1f2a;
}
.right-float ul li.qq a {
  background: url(../images/qq.png) no-repeat;
  background-position: 14px center;
  text-indent: 14px;
}
.jump-form {
  cursor: pointer;
}
/*日历*/
.gearDate {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 10px;
  background-color: rgba(0, 0, 0, 0.2);
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9900;
  overflow: hidden;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.date_ctrl {
  vertical-align: middle;
  background-color: #F0F0F0;
  border: 1px solid #a5a5a5;
  border-radius: 5px;
  color: #363837;
  margin: 0;
  height: auto;
  width: 90%;
  max-width: 600px;
  position: absolute;
  left: 50%;
  top: 30%;
  z-index: 9902;
  overflow: hidden;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
.slideInUp {
  animation: slideInUp 0.3s ease-in;
  -webkit-animation: slideInUp 0.3s ease-in;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(-50%, -100%, 0);
    transform: translate3d(-50%, -100%, 0);
  }
  to {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}
.date_roll {
  display: -webkit-box;
  width: 100%;
  height: auto;
  overflow: hidden;
  font-weight: bold;
  background-color: transparent;
  -webkit-mask: -webkit-linear-gradient(top, #debb47 50%, rgba(36, 142, 36, 0));
}
.date_roll > div {
  font-size: 2.3em;
  height: 6em;
  float: left;
  background-color: transparent;
  position: relative;
  overflow: hidden;
  -webkit-box-flex: 2;
  font-weight: 100;
}
.date_roll_mask {
  padding: 0 2em;
  -webkit-mask: -webkit-linear-gradient(bottom, #debb47 50%, rgba(36, 142, 36, 0));
}
.date_grid {
  position: relative;
  top: 2em;
  width: 100%;
  height: 2em;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 0;
  background-color: #E8E8E8;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
}
.date_grid > div {
  color: #000;
  position: absolute;
  right: 0;
  top: 0;
  font-size: .8em;
  line-height: 2.5em;
}
.date_info_box {
  color: #000;
  font-size: 1.8em;
  padding: .6em 1em;
  text-align: center;
  border-bottom: 1px solid #d4d4d4;
  font-weight: 700;
}
.date_class_box {
  text-align: center;
  padding: 1em 2em;
}
.date_class {
  display: inline-block;
  font-size: 1.4em;
  width: 40%;
  padding: .4em 0;
  text-align: center;
  color: #000;
  border: 1px solid #000;
  cursor: pointer;
}
.date_class_box .date_class:first-child {
  border-top-left-radius: .2em;
  border-bottom-left-radius: 0.2em;
}
.date_class_box .date_class:last-child {
  border-top-right-radius: .2em;
  border-bottom-right-radius: 0.2em;
}
.date_class_box .active {
  background-color: #000;
  color: #ffffff;
}
.date_btn_box {
  overflow: hidden;
  position: relative;
  border-top: 1px solid #d4d4d4;
}
.date_btn {
  color: #000;
  font-size: 1.6em;
  line-height: 1em;
  text-align: center;
  padding: .8em 1em;
  cursor: pointer;
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.date_btn:first-child {
  border-right: 1px solid #d4d4d4;
}
.gear {
  float: left;
  position: absolute;
  z-index: 9902;
  width: 5.5em;
  margin-top: -6em;
  cursor: pointer;
}
.date_roll > div .gear {
  width: 100%;
}
.tooth {
  height: 2em;
  line-height: 2em;
  text-align: center;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}





.payMask{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; right: 0; bottom: 0; }
.payMask{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#4C000000', endColorstr='#4C000000');background:rgba(0,0,0,0.3);}
:root .payMask{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000', endColorstr='#00000000');}/*for IE9*/
.payOk{ width: 350px; height:150px; border-radius: 15px; background: #fff; overflow: hidden; position: fixed;left:40%;  top: 50%; margin:0 auto; text-align: center;}
.payOk .closeBtn{ width: 0.29167rem; height: 0.29167rem; background: url(../images/close.png) center center no-repeat; background-size: 100% 100%; position: absolute; right: 0.4167rem; top: 0.4444rem; text-indent:-9999em; cursor: pointer;}
.payOk .tips{ font-size: 14px; line-height: 1.1; padding-top: 30px;margin-bottom:20px}
.payOKBtn{ display: block; margin: 0.5rem auto 0; width:14.3889rem; height: 3.02778rem; line-height: 3.02778rem; text-align: center; font-size: 14px; color: #fff; background: #c78e44; border:1px solid #ad6b14; border-radius:0.51389rem; }
.otherPay{ width: 100%; height: 0.9444rem; line-height: 0.9444rem; font-size: 0.3333rem; background: #ededed; color: #999999; position: absolute; right: 0; bottom: 0; left: 0; }
.otherPay span{ color: #db8732; text-decoration: underline; }
.payMask, .payOk{ display: none; }



/*****/
body.xs {min-width:320px; overflow:scroll;}
.xs .min-width {width:100%;margin-left: 0%;}

.xs #header .text {float: right;margin:0% 2% 0 0%; width:55%;}
.xs #header .text img{ width:100%; height:auto;}
.xs #header .logo { margin-left:2%; width:36%; margin-top:0;}
.xs #header .logo img{ width:100%; height:auto;}
.xs #header{ height:auto; }

.xs #header img{width: 100%;}
.xs #nav {height:auto; padding: 4px 0;}
.xs #nav li{ width:33.33%; text-align:center;}
.xs #nav li a {height:32px;line-height:32px;overflow: hidden;padding: 0 0px;font-size: 14px;}

.xs .right-float{ display:none;}
.xs .fix_rightx{ display:none;}

.xs .index-section .top {height:44px;background: url(../images/index_05.png) no-repeat center top; background-size:100% auto ;width: 100%;}


.qm_con_tit {
    width: 85%;
    height: 40px;
    background: url(../images/tit_b.png) no-repeat;
    background-size: 100% 100%;
    font-size: 18px;
    color: #fdf7e4;
    text-align: center;
    line-height: 40px;
    margin: 0 auto;
    font-weight: normal;
    letter-spacing: 0.02rem;
}
.qm_con_titA {
    width: 95%;
    background: url(../images/tit_a.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: 0.43rem;
}
.xs .index-section .top-title img {height:21px;margin-top:38px;}
.xs .index-section {margin-top:32px;}
.xs .place-order .step-wrap h2 {font-size:16px;}
.xs .place-order .step-wrap p.intro {font-size:12px;line-height:18px;}
.xs .place-order .step-wrap .step a {width:80px;height:30px;line-height:30px;font-size:13px;border-radius:4px;}
.xs .place-order ul {width:100%;margin: 20px auto 0;}
.xs .place-order ul li {height:44px;line-height:44px;border:1px solid #a6a6a6;border-radius:4px;margin-top:10px; width:97.4%; margin-left:1%;}
.xs .place-order ul li > label {width:14%;height:20px;background:url(../images/icon_name_07.png) no-repeat center center;margin:13px 0px 0;background-size:auto 100%;}
.xs .place-order ul li .input-box {height:26px;line-height:26px;border-left:1px solid #a6a6a6;margin-left:15%;margin-top:8px;padding:0 10px;}
.xs .place-order ul li .input-box input[type='text'] {height:26px;font-size:14px !important;}

.xs .place-order ul li label.one {
  background-position: 0 0;background:url(../images/icon_name_01.png) no-repeat center center;background-size:auto 100%;display: none;
}
.xs .place-order ul li label.two {
  background-position: -78px 0;background:url(../images/icon_name_03.png) no-repeat center center;background-size:auto 100%;
}
.xs .place-order ul li label.three {
  background-position: -156px 0;background:url(../images/icon_name_05.png) no-repeat center center;background-size:auto 100%;
}
.xs .place-order ul li label.four {
  background-position: -156px 0;background:url(../images/icon_name_05.png) no-repeat center center;background-size:auto 100%;
}
.xs .btn-raido i {width:20px;height:21px;background:url(../images/bg_04.png) no-repeat;background-size:100% 100%;margin-right:10px;margin-top:2px;}
.xs .btn-raido.active i {background-position:0 0;background:url(../images/bg_01.png) no-repeat;background-size:100% 100%;}
.xs .btn-raido {width:73px;margin-right:.4rem;float:left;font-size:16px;margin:0 5px;}
.xs .place-order ul li .input-box div.time {height:26px;overflow:hidden;text-align:center;float:left;margin:0 10px;}
.xs .place-order ul li .input-box div.time:first-child {margin-right:10px;}
.xs .place-order ul li .input-box div.time select {font-size:14px;height:24px;border-radius:4px;margin-right:10px;padding:0 0 0 10px;width:60px;}
.xs .place-order ul li .input-box div.time span {font-size:14px;}
.xs .place-order ul .agreement i {width:27px;height:21px;background:url(../images/icon_dui.png) no-repeat;background-size:100% auto; margin:10px 0 0 6px;}
.xs .place-order ul .submit input {height:44px;width:100%;background:url(../images/submit_bg.png) no-repeat center center / 100% 100%;border:0;font-size:20px;color:#fff;cursor:pointer;}
.xs .index-section .bottom {height: 44px;width:100%;background: url(../images/index_06.png) no-repeat center center;background-size: 100% auto;}
.xs .index-section .section {padding-bottom:20px;     margin-top: 8px; }
.xs .place-order .bottom {margin-top:-34px;}

.xs .why-select .left {width:88%;float:none;margin:0 auto;}
.xs .why-select .left img {width:100%;}
.xs .why-select .right {width:80%;float:none;margin-top:20px;margin:0 auto;}
.xs .bottom2 {margin-top:-36px;}
.xs .why-select .right dl dd.title {font-size:15px;}
.xs .why-select .right dl dd.intro {font-size:13px;margin-top:2px;}
.xs .why-select .right dl dt {width:68px;height:68px;margin-right:14px;float:left;}
.xs .why-select .right dl dd {margin-left:70px;overflow:hidden;}

.xs .advantage .top-wrap {}
.xs .advantage .top-wrap img{ width:100%;}
.xs .advantage .top-wrap p {font-size: 15px;line-height: 24px;}

.xs .advantage ul li .left,.xs .advantage ul li .right {width:70%;height:58px;border-radius:8px;display:table;}
.xs .advantage ul li .center {float:left;width:54px;height:54px;background:url(../images/bg.png) no-repeat;margin-left:25px;}
.xs .advantage ul li .center-0 {background-position:0;background:url(../images/bg_4.png) no-repeat center center/ 100% 100%;}
.xs .advantage ul li .center-1 {background-position:0;background:url(../images/bg_5.png) no-repeat center center/ 100% 100%;}
.xs .advantage ul li .center-2 {background-position:0;background:url(../images/bg_6.png) no-repeat center center/ 100% 100%;}
.xs .advantage ul li .center-3 {background-position:0;background:url(../images/bg_7.png) no-repeat center center/ 100% 100%;}
.xs .advantage ul li .center-4 {background-position:0;background:url(../images/bg_8.png) no-repeat center center/ 100% 100%;}
.xs .advantage ul li .center-5 {background-position:0;background:url(../images/bg_9.png) no-repeat center center/ 100% 100%;}
.xs .advantage ul li .left span,.xs .advantage ul li .right span {font-size:14px;}
.xs .advantage .bottom-wrap img{ width:100%;}
.xs .evaluate .swiper-slide ul li{ width:320px; height:auto; margin:0 auto; float:none;padding: 10px 8px 4px;}
.xs .evaluate .swiper-slide ul li .top-text label {font-size: 14px;}
.xs .evaluate .swiper-slide ul li .text{height:60px;line-height: 20px;font-size: 13px;}
.xs .evaluate .swiper-pagination-bullet {width: 8px;height: 8px;}

.xs .table_xx {width:97.6%; margin:0 auto;}
.xs .table_xx1{ height:174px !important;}
.xs .table_xx_left{width:27.6%;height:108px;line-height:108px;}
.xs .table_xx_left .fs{ font-size:50px !important;}
.xs .table_xx_left .right_fix{ font-size:14px;}
.xs .table_xx_right{width:69%;height: 85px;padding: 23px 0 0 3%;color: #666;}
.xs .container{width:100%;}
.xs .table_xx_right p{color: #000;padding: 2px 0; line-height:20px; font-size:13px;}
.xs .table_bg .left{ left:1%;}
.xs .table_bg .right{ right:1%;}
.xs .xmwugepd{padding:0 20px; line-height:24px;}
.xs .table_xx .title,.xs .table_xx .baiziboxtt{ font-size:18px !important; line-height:46px !important;}

.xs .qim{background:url(../images/bazi.png) no-repeat center center;width:100%;height:50px;margin:0px auto 15px; background-size:auto 100%;}

.xs .table1{ width:100% !important; }
.xs .xm1{background:url(../images/xm2.gif) no-repeat; background-size:100% 100%;width:48%;height:45px;margin:5px 1%;line-height:45px;font-size:16px; float:left;}
.xs .xm1 .xing{padding:0 2% 0 6%;}
.xs .xm1 .details{ margin-right:6%;font-size:14px;color: #a09898;}
   #right {
 background-color: #986A3A;
 height: 30px;
 padding-top:10px;
 margin-left: 155px;
 color: #fff;

}
#left {
 height: 30px;
 width: 150px;
 background-color: #986A3A;
 float: left;
 padding-top:10px;
color: #fff;
}
.xs #left,.xs #right{
cursor:pointer;text-align:center;font-size:15px;background:#986A3A;color:#fff; }
/*
.xs .huany{cursor:pointer;width:160px;padding:10px;text-align:center;font-size:15px;margin:0 auto;background:#986A3A;color:#fff;margin:30px auto 0 auto; clear:both;}
 */.clear{ clear:both;}

.xs .basic-info table {width:100%;}
.xs .basic-info .bottom-wrap {width: 100%;margin: -20px auto;background: url(../images/index_29.jpg) no-repeat center center / 140% auto; clear: both;}
.xs .basic-info table label {font-size:13px;}
.xs .basic-info table tr{ height:50px;}
.xs .basic-info table span {font-size: 13px;}

.xs .section1{ padding:0 !important;}
.xs .basic-info .bottom {margin-top: -33px;}
.xs .index-section1 .min-width{padding-bottom: 20px;}
.xs .index-section1{ margin-top:20px;}
.xs .case-wrap {padding-top:40px;}
.xs .case-wrap .top .top-title{ font-size:14px; line-height:52px;width:100%;}
.xs .clear_s{ clear:both;}
.xs .case-wrap .content-wrap ul li{ height:auto;}
.xs .case-wrap .content-wrap ul li .progress-wrap{width:70%;}
.xs .case-wrap .content-wrap ul li label { width:30%; text-align:center;}
.xs .case-wrap .content-wrap{ margin:0 2%;}
.xs .case-wrap .content-wrap ul{ width:100%;}
.xs .case-wrap .content-wrap ul li .text{ font-size:12px; line-height:24px;margin-top:0px;}
.xs .case-wrap .content-wrap ul li .fraction {font-size: 12px;margin-left: 5px;width: 36px; line-height:24px;}

.xs .case-wrap .content-wrap .right {float:none;clear:both;margin:0 auto;}
.xs .case-wrap .unlock-wrap .img-box{ width:100%;height:120px;}
.xs .case-wrap .unlock-wrap .img-box a {
  width:180px;
  height: 43px;
  line-height: 43px;
  margin: -21px 0 0 -90px;
}
.xs .case-wrap .unlock-wrap .img-box a i {
  width: 22px;
  height: 27px;
  background: url(../images/icon_suo.png) no-repeat;
  margin: 6px 0 0 8%;
  background-size:100% 100%;
}
.xs .case-wrap .unlock-wrap .img-box a span {
  font-size:16px;
  margin-left:8%;
}
.xs .pay-wrap .pay-info p{ height:auto; line-height:30px; font-size:15px;}
.xs .pay-wrap .pay-info p .span1{ display:block;}
.xs .pay-wrap .pay-qrcode .right { display:none;}
.xs .pay-wrap .pay-btn li:first-child { float:none; margin:0 auto;}
.xs .pay-wrap .pay-qrcode .left {float: none; margin:0 auto; width:204px;}

.xs .pay-wrap .pay-qrcode {
  width:100%;
  margin: 20px auto;
}


.wxzf{text-align:center;padding-top:20px; }
.wxzf p{font-size:18px;padding-bottom:15px}
.wxzf div{cursor:pointer; padding:10px 20px;border-radius:5px;width:250px;margin:0 auto;background:#CB0000;color:#fff;font-size:18px}

.xs .wxzf{text-align:center;padding-top:0px;}
.xs .wxzf p{font-size:14px;padding-bottom:10px}
.xs .wxzf div{cursor:pointer; padding:6px 10px;border-radius:5px;width:180px;margin:0 auto;background:#CB0000;color:#fff;font-size:18px}

.xs .pay-wrap .pay-btn{ width:100%;}

.xs .sj_margin{height:40px;}

.xs .main li{border:1px solid #CEA35F;margin-bottom: 10px; width:23%; margin-left:1%; font-size:12px;}
.xs .main .xingmingzili1 li{ width:29%;}
.xs .bazipp{ font-size:12px;}
.xs .nyb{ padding:0 8%;}

.hprc{
  overflow: hidden;
  padding-bottom: 10px;
}
.hprc .title{
  margin: 60px 0 50px 240px;
}
.hprc .l{
  float: left;
  background: #FFFFFF;
  width: 606px;
  border: 1px solid #979797;
}
.hprc .r{
  float: right;
  width: 376px;
  background: #FFFFFF;
  border: 1px solid #979797;
}
.hprc .r ul{
  font-size: 16px;
  line-height: 30px;
  color: #424242;
  margin:0 0 0 50px;
}
.hprc .r .cx{
  margin: 40px 0 20px 20px;
  position: relative;
}
.hprc .r .cx input{
  width: 307px;
  height: 37px;
  font-size: 15px;
  font-family: "microsoft yahei";
  color: #505050;
  border: 1px solid #a3a3a3;
}
.hprc .r .cx button{
  position: absolute;
  width:105px;
  height: 41px;
  right: 20px;
  top: 0;
  border: none;
  font-family: "microsoft yahei";
  font-size: 15px;
  color: #FFFFFF;
  background: #9D581F;
}
.hprc h1{
  background: url(../images/title1.png) repeat-x left top;
  height: 54px;
  font-size: 25px;
  color: #fff;
  font-weight: 400;
  line-height: 54px;
  text-indent: 20px;
  position: relative;
}
.hprc h1 span{
  display: block;
  position: absolute;
  top: 5px;
  left: 120px;
}
.hprc .l .pj_title{
  border-top: 1px solid #979797;
  text-align: center;
  padding: 10px 0;
}
.hprc .l .pj_title span{
  display: inline-block;
  border: 1px solid #b6b6b6;
  margin: 5px 5px;
  padding: 2px 10px;
  font-size: 16px;
  color: #979797;
}
.hprc .l .hd{
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  overflow: hidden;
  height: 383px;
}
.hprc .l .hd ul{
  padding: 11px 30px 10px 30px;
  line-height: 30px;
  color: #282828;
}
#nxt{
  height: 600px;
  overflow: hidden;
  margin-top: 20px;
}
.hprc .l .hd ul span{
  color: #7d7d7d;
  margin-right: 20px;
}
.hprc .form{}
.hprc .form div{
  overflow: hidden;
}
.hprc .form div label{
  float: left;
  width: 105px;
  text-align: right;
}
.hprc .form div div{
  float: left;
}
.hprc .form div div input{
  width: 470px;
  border: 1px solid #a3a3a3;
  height: 41px;
}
.hprc .form .div{
  margin: 16px 0;
  text-align: center;
}
.hprc .form div label{
  padding: 10px 0 0;
  font-size: 15px;
  color: #505050;
}
.hprc .form div button{
  font-size: 26px;
  color: #FFFFFF;
  width: 170px;
  height: 43px;
  border: none;
  border-radius: 20px;
  font-family: "microsoft yahei";
  background: #a3a3a3;
}
.hprc .form div div textarea{
  width: 466px;
  border: 1px solid #a3a3a3;
  height: 81px;
}
.w1000{
  width: 1000px;
  margin: 0 auto;
}



@media only screen and (max-width:780px)  {


  .w1000{
    width: 100%;
  }
  .hprc .l{
    float: none;
    width: 98%;
    margin-left: 0.8%;
  }
  .hprc .r{
    float: none;
    width: 98%;
    margin-left: 0.8%;
    margin-top: 16px;
  }
  .hprc .title{
    margin: 30px auto 20px;
    display: block;
    width: 50%;
  }
  .hprc .r .cx input{
    width:94%;
  }
  .hprc .r .cx button{
    width:85px;
  }
  .hprc .r ul{
    margin:0 0 0 10%;
  }
  .hprc h1{
    height: 34px;
    font-size: 19px;
    line-height: 34px;
    text-indent: 20px;
  }
  .hprc h1 span{
    display: block;
    position: absolute;
    top: 2px;
    left: 80px;
  }
  .hprc h1 span img{ width: 18px; height: 17px;}
  .hprc .l .pj_title span{
    font-size: 15px;
  }
  .hprc .l .hd ul li{
    font-size: 15px;
  }
  .hprc .form div div{ width:70%;}
  .hprc .form div div input{
    width:98%;margin-left: 1%;
  }
  .hprc .form div div textarea{
    width:98%;margin-left: 1%;
  }
  .hprc .form div button{
    font-size: 16px;
    width: 110px;
    height: 33px;
    border: none;
    border-radius: 20px;
  }

.foot {
    width: 100%;
    background: #f5f5f5;
    z-index: 9999;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 5px 0;
    z-index: 99999999999999999999;
    border-top: 1px solid #eee;
}
.foot ul li{width: 25%;float: left; text-align:center;font-size:13px;}
.foot ul  a{color:#666; font-size:13px;}
.foot ul li img{height: 30px; display: inline-block;}

}

.yf_xx{
    background: rgba(255,255,255,0.5);
    width: 1000px;
    margin: 10px auto;
    overflow: hidden;
}
.yf_xx .yf_x1{
    height: 805px;
    margin: 20px 0;
    background: url(../images/xxk.png) no-repeat 15px 0;
    overflow: hidden;
}
.yf_xx .yf_x1 h5{
    background: url(../images/list.png) no-repeat left top;
    height: 70px;
    width: 366px;
    margin: 15px auto 10px auto;
}
.yf_xx .yf_x2{
    width: 550px;
    margin: 0 auto;
    line-height: 38px;
    font-size: 22px;
    overflow: hidden;
}
.yf_xx .yf_x2 label{
    float: left;
    width: 140px;
    margin: 15px 10px 0 0;
    text-align: right;
    color: #4a4a4a;
}
.yf_xx .yf_x2 div{
    float: left;
    width: 375px;
    margin-top: 15px;
    background: #e6ccb5;
    color: #632e03;
    text-indent: 20px;
}
.yf_xx .yf_x2 .div{
    width: 60px;
    text-align: center;
    text-indent: 0;
}
.yf_xx .yf_x1 h6{
    height: 60px;
    width: 375px;
    margin: 15px auto 0 auto;
    background: url(../images/list.png) no-repeat right top;
}
.table{
    background: #e6cdb5;
    margin: 0 auto;
    height: 177px;
    margin-top: 15px;
}
.table .tr{
    background: #ca854d;
}
.table .tr th{
    font-size: 20px;
    color: #FFFFFF;
    font-weight: 400;
}
.table td div{
    width: 90px;
    height: 55px;
    /*background: url(../images/list_bj.png) no-repeat left top;*/
    margin: 0 auto;
}
.table td i{
    display: block;
    float: left;
    margin-left: -40px;
    margin-top: 8px;
}
.table td span{
    display: block;
    font-size: 30px;
    width: 100px;
    line-height: 55px;
    text-align: center;
    color: #a90f05;
    float: left;
    font-family: 'STXinwei';
}
.table td em{
    float: right;
    display: block;
    margin-right: -45px;
    font-size: 20px;
    color: #632e03;
    font-style: normal;
    margin-top: 18px;
}
.table td,th{
    border-bottom: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}
.table .td{
    border-right: none;
}
.table .td1{
    border-bottom: none;
}
.jxmm {
    margin: 40px auto;
    width: 1000px;
    height: 70px;
    background: url(../images/list.png) no-repeat left -277px;
}
.qmfa{
    width: 1000px;
    margin: 20px auto 0 auto;
    cursor: pointer;
}
.qmfa .mc{
    background: url(../images/list.png) no-repeat 10px -385px rgba(255,255,255,0.5);
    height: 110px;
    border: 1px solid #ca854d;
    overflow: hidden;
}
.qmfa .mc h3{
    float: left;
    margin: 40px 10px 30px 60px;
    font-size: 25px;
    height: 40px;
    color: #d21414;
}
.qmfa .mc h4{
    float: left;
    width: 134px;
    height: 44px;
    margin: 35px 10px 30px 20px;
    text-align: center;
    border-radius: 10px;
    background: #ca854d;
    font-size: 25px;
    color: #FFFFFF;
    line-height: 44px;
}
.qmfa .mc span{
    display: block;
    float: left;
    margin: 30px 10px 30px 20px;
    color: #383838;
    font-size: 16px;
    line-height: 25px;
}
.qmfa .mc h5{
    float: left;
    width: 245px;
    height: 64px;
    background: url(../images/fs.png) no-repeat left top;
    margin: 30px 0 0 30px;
    text-align: center;
}
.qmfa .mc h5 em{
    font-size: 25px;
    color: #FFFFFF;
    float: left;
    margin-left: 50px;
    font-style: normal;
    line-height: 64px;
}
.qmfa .mc h5 i{
    font-style: normal;
    font-family: 'Impact';
    float: left;
    margin-top: 7px;
    color: #fff100;
    font-size: 40px;
}
.qmfa .mc .h3_2{
    background: url(../images/tao_2.png) no-repeat left 5px;
}
.qmfa .mc .h3_3{
    background: url(../images/tao_3.png) no-repeat left 5px;
}
.qmfa .mc .h3_4{
    background: url(../images/tao_4.png) no-repeat left 5px;
}
.qmfa .mc .h3_5{
    background: url(../images/tao_5.png) no-repeat left 5px;
}
.qmfa .mc .h3_6{
    background: url(../images/tao_6.png) no-repeat left 5px;
}
.qmfa .mc .h3_7{
    background: url(../images/tao_7.png) no-repeat left 5px;
}
.qmfa .mc .h3_8{
    background: url(../images/tao_8.png) no-repeat left 5px;
}
.qmfa .fs{
    height: 213px;
    background: rgba(255,255,255,0.8);
    border: 1px solid #ca854d;
}
.qmfa .fs label{
    float: left;
    margin-left: 50px;
}
.qmfa .fs ul{
    padding: 20px 0;
}
.qmfa .fs ul li{
    padding: 6px 0;
    overflow: hidden;
}
.qmfa .fs div{
    float: left;
    width: 334px;
    height: 14px;
    background: #d8d1ba;
    margin-top: 5px;
}
.qmfa .fs div i{
    display: block;
    height: 14px;
    background: #976a3c;
}
.qmfa .fs div .i1{
    width: 303px;
}
.qmfa .fs div .i2{
    width: 287px;
}
.qmfa .fs div .i3{
    width: 263px;
}
.qmfa .fs div .i4{
    width: 303px;
}
.qmfa .fs div .i5{
    width: 318px;
    background: #eb8029;
}
.qmfa .fs em{
    font-size: 17px;
    color: red;
    font-style: normal;
    margin: 0 20px 0 5px;
}
.qmfa .fs span{
    font-size: 17px;
    color: #484848;
}
.qmfa .dj{
    height: 150px;
    background: url(../images/bj_2.jpg) no-repeat left top;
    border: 1px solid #ca854d;
    border-top: none;
    overflow: hidden;
}
.qmfa .dj a{
    display: block;
    background: url(../images/list.png) left bottom;
    margin: 35px 0 0 260px;
    width: 454px;
    height: 93px;
}
.qm_a_01 .qm_a_02{
    background: url(/images/zqf2017/qm_01_001.gif) no-repeat center top;
    padding-top: 170px;
    line-height: 40px;
}
.qm_a_01 .qm_a_02 .qm_a_03{
    padding: 0 20px;
    position: relative;
    text-align: left;
    width: 600px;
    margin: 0 auto;
    font-size: 20px;
    color: #000000;
}
.qm_a_01 .qm_a_02 em{
    position: absolute;
    width: 13px;
    height: 13px;
    left: -5px;
    top: 14px;
    border-left:1px solid #898989;
    border-bottom:1px solid #898989;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);  /* IE 9 */
    -moz-transform:rotate(45deg);   /* Firefox */
    -webkit-transform:rotate(45deg); /* Safari �� Chrome */
    -o-transform:rotate(45deg);
}
.qm_a_01 .qm_a_02 span{
    font-weight: bold;
    color: #a90f05;
}
.qm_a_01 .qm_a_02 i{
    position: absolute;
    width: 13px;
    height: 13px;
    border-right:1px solid #898989;
    border-top:1px solid #898989;
    right: -15px;
    top: 14px;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);  /* IE 9 */
    -moz-transform:rotate(45deg);   /* Firefox */
    -webkit-transform:rotate(45deg); /* Safari �� Chrome */
    -o-transform:rotate(45deg);
}
.qm_a_01 .qm_a_02 img{
    position: absolute;
}
.qm_a_01 .qm_a_04{
    background: url(/images/zqf2017/qm_01_003.gif) no-repeat center top;
}
.qm_a_01 .qm_a_04 h2{
    font-size: 20px;
    color: #a90f05;
    line-height: 55px;
    padding-left: 30px;
    background: url(/images/zqf2017/qm_01_004.gif) no-repeat 185px center;
}
.qm_a_01 .qm_a_04 span{
    float:right;
    line-height: 55px;
    padding-right: 26px;
    margin-right: 30px;
    display: block;background: url(/images/zqf2017/qm_01_icon.gif) no-repeat right center;
}
.qm_a_01 .qm_a_04 span a{
    color: #000;
}
.qm_a_01 .qm_a_05{
    overflow: hidden;
    margin-top: 10px;
}
.qm_a_01 .qm_a_05 ul{
    float: left;
    width: 640px;
}
.qm_a_01 .qm_a_05 ul li{
    width: 316px;
    height: 172px;
    float: left;
    position: relative;
    background: #a90f05;
    margin: 8px 8px 0 0;
}
.qm_a_01 .qm_a_05 ul li div{
    width: 100%;
    position: absolute;
    float: none;
    background: rgba(0,0,0,0.3);
    height: 100%;
}
.qm_a_01 .qm_a_05 ul li:nth-child(2){
    margin-right: 0;
    margin-top: 0;
}
.qm_a_01 .qm_a_05 ul li:first-child{
    margin-top: 0;
}
.qm_a_01 .qm_a_05 ul li:last-child{
    margin-right: 0;
}
.qm_a_01 .qm_a_05 ul li img{
    height: 100%;
    float: left;
}
.qm_a_01 .qm_a_05 ul li h2{
    float: left;
    font-size: 20px;
    color: #FFF;
    margin:20px 0 10px 10px;
}
.qm_a_01 .qm_a_05 ul li span{
    display:block;
    color: #FFF;
    font-size: 18px;
    float: left;
    margin: 0 0 0 10px;
}
.qm_a_01 .qm_a_05 ul li em{
    display: block;
    float: left;
    font-style: normal;
    margin:50px 0 0 10px;
    color: #FFF;
}
.qm_a_01 .qm_a_05 div{
    width: 350px;
    float: right;
    background: #e3e3e3;
    height: 352px;
}
.qm_a_01 .qm_a_05 div h3{
    font-size: 20px;
    color: #a90f05;
    text-indent: 20px;
    margin:20px 0;margin-bottom:8px;
}
.qm_a_01 .qm_a_05 div span{
    font-size: 20px;
    color: #000;
    border:1px solid #000;
    margin-left: 120px;
    padding: 5px 20px;
}
.qm_a_01 .qm_a_05 div p{
    padding: 0 20px 0 20px;
    margin: 10px 0 0 0;
    font-size: 16px;
    line-height: 29px;
}
.qm_a_01 .qm_a_05 div p:nth-child(3){
    background: url(/images/zqf2017/qm_01_007.gif) no-repeat 10px 0px;
}
.qm_a_01 .qm_a_05 div p:nth-child(4){
    background: url(/images/zqf2017/qm_01_007.gif) no-repeat 10px 0px;
}
.qm_a_01 .qm_a_05 div a{
    display: block;
    width: 150px;
    line-height: 35px;
    margin: 15px auto 0 auto;
    background: #a90f05;
    text-align: center;
    border-radius: 17.5px;
    -moz-border-radius: 17.5px;
    color: #FFF;
    font-size: 20px;
}
.qm_a_01 .qm_a_06{
    overflow: hidden;
    margin: 15px 0 40px 0;
}
.qm_a_01 .qm_a_06 ul li{
    float: left;
    position: relative;
    margin-right: 10px;
    width: 156px;
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid #ebebeb;
}
.qm_a_01 .qm_a_06 ul li:last-child{
    margin-right: 0;
}
.qm_a_01 .qm_a_06 ul li span{
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    background: rgba(0,0,0,0.5);
    text-align: center;
    color: #FFF;
    line-height: 30px;
}
.qm_a_01 .qm_a_04:nth-child(5) h2{
    background: url(/images/zqf2017/qm_01_005.gif) no-repeat 185px center;
}
.qm_a_01 .qm_a_04:nth-child(8) h2{
    background: url(/images/zqf2017/qm_01_006.gif) no-repeat 185px center;
}
.qm_a_01 .qm_a_05 div p i{
    font-weight: bold;
    color: #FFFFFF;
    font-style: normal;
    margin-right: 20px;
}
.qm_a_01 .qm_a_05 ul li div a{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    background: none;
    border-radius: 0;
    -moz-border-radius: 0;
}

.sepbar {
    height: 50px;margin-top: -10px;
}
.intro_frame {
    margin-top: 60px;
}
.shadow {
    box-shadow: 0 0 8px #ddd;
    background-color: white;
    margin-bottom: px;
    border-radius: 6px;
}
.intro_frame .label {

    transform: translateY(-50%);
}
.intro_frame img {
    display: block;
    width: 100%;
}
.short_desc {
    text-align: center;
    color: #666;
    font-size: 12px;
    margin-top: 5px;
}
.intro {
    margin-top: 15px;
    text-align: center;
    font-size: 14px;
    color: #666;
    line-height: 2;
}
.com_intro {padding:0 15px;font-size:15px;color:#333;line-height:1.6;}

.newPiece{width:100%;overflow: hidden;padding:0 0.2rem;background:#f8f8f0;}
.newPiece .newPieTop{width:100%;overflow: hidden;padding:0 0.55rem;}
.newPiece .newPieTop img{width:100%;float: left;margin:0.4rem 0 0.6rem;}
.newPiece .newPieTop p.pa {
    height: 40px;
    line-height: 40px;
    border-radius: 15px;
    margin-bottom: 20px;
}

.newPiece .newPieTop p {
    width: 93%;
    font-size: 15px;
    text-align: center;
    color: #8e4d10;
    border: 1px solid #cca177;
}
.newPieFourImg{width:86%;overflow: hidden;padding:0 5px;margin-bottom:0.45rem;}
.newPieFourImg img{width:100%;float: left;}
.newPiece .newPieTop p.pb{overflow: hidden;border-radius:10px;padding:0.25rem 0.2rem 0.2rem;margin-bottom:0.41rem;}
.newPiece .newPieTop p.pb span{display: block;/*font-size:0.26rem;*/color:#666666;margin-top:0.15rem;}
.newPieVs{width:100%;overflow: hidden;margin-bottom:0.42rem;}
.newPieVs img{width:100%;float: left;}
.newPieList{width:100%;overflow: hidden;}
.newPieList>li{width:100%;float: left;overflow: hidden;position:relative;margin-bottom:0.3rem;}
.newPieList li .newPieList_con{width:42%;float: left;overflow: hidden;}
.newPieList li .newPieList_con h2{font-size:0.28rem;width:100%;height:0.64rem;line-height:0.64rem;text-align: center;color:#fff;background:#9b0300;}
.nP_fr{float: right !important;}
.newPieList>li:before{content: '';width:0.4rem;height:0.92rem;display: block;background:url(images/newPieceIcon.png) no-repeat;background-size:2rem;position:absolute;top:50%;left:50%;margin:-0.46rem 0 0 -0.2rem;}
.newPieList>li:nth-child(2):before{background-position:-0.8rem 0;}
.newPieList>li:nth-child(3):before{background-position:-1.56rem 0;}
.newPieList_con>.newPieL_info{width:100%;overflow: hidden;background:#fff;border:1px solid #9b0300;font-size:0.28rem;padding:0.2rem 0;}
.newPieL_info li{width:100%;overflow: hidden;float: left;margin-bottom:0.1rem;}
.newPieL_tu_list li{padding:0 0.1rem 0 0.25rem;color:#a73440;position:relative;}
.newPieL_tu_list li span{display: inline-block;float: left;}
.newPieL_tu_list li>.newPieL_tu{width:80%;height:0.25rem;line-height:0.25rem;font-size:0.24rem;position:absolute;top:50%;left:0.65rem;margin-top:-0.125rem;}
.newPieL_tu_list li>.newPieL_tu em{display: inline-block;width:12.5%;float: left;height:100%;background:#9fa247;margin-right:0.1rem;}
.newPieL_tu_list li:nth-child(2)>.newPieL_tu em{background:#cbcac9;width:7.06%;}
.newPieL_tu_list li:nth-child(3)>.newPieL_tu em{background:#a27347;width:35.29%;}
.newPieL_tu_list li:nth-child(4)>.newPieL_tu em{background:#c23a3a;width:28.24%;}
.newPieL_tu_list li:nth-child(5)>.newPieL_tu em{background:#8f6239;width:7.06%;}
.nP_fr .gray{background-color:#9e9e9e !important;}
.nP_fr .newPieL_txt{border-color:#9e9e9e !important;}
.nP_fr .newPieL_txt li{text-align: center;color:#4d4d4d;}
.textAlign li{text-align: left !important;padding:0 0.1rem 0 0.25rem;}
.newPieL_scwg{text-align: center;color:#a73440;}
.newPieL_scwg li i{color:#9c9d9d;}
.newPieL_scwg li b{width:0.62rem;height:0.32rem;line-height:0.32rem;background:#61493f;color:#fff;font-weight:normal;margin-left:0.1rem;display: inline-block;text-align: center;}

.anli_wap{height: 550px;}
.anli_wap ul{ position: relative; width: 95%; margin: 20px auto;}
.anli_wap ul li{ list-style: none;}
.anli_wap ul li input{ display: none;}
.anli_wap ul li:nth-child(1) label{ float: left; width: 45%;

    float: left;
    border: 2px solid #9b0300;

    border-radius: 5px 5px 0 0;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    letter-spacing: 3px;
    color: #9b0300;
    background: #fff; cursor: pointer; transition: all .3s;}
.anli_wap ul li:nth-child(2) label{ float: right;  width: 46%;

    float: right;
    border: 2px solid #9b0300;

    border-radius: 5px 5px 0 0;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    letter-spacing: 3px;
    color: #9b0300;
    margin-right: 3px;
    background: #fff; cursor: pointer; transition: all .3s;}
.anli_wap ul li input:checked+label{ color: #fff; background-color: #9b0300 ;}
.anli_wap ul li .content{ ; visibility:hidden; position: absolute; left: 0; top: 50px; width: 100%;
    background: #fffffd;
    border-radius: 5px;
    border: 1px solid #bababb;  transition: all .3s;}

.anli_wap ul li input:checked~.content{ opacity: 1; visibility:visible;}



.content li{width:97%;border-bottom:1px solid #bababb;overflow: hidden;}
/*.content li:last-child{border:0;}*/
.content li .case_img{width:29%;/*padding:0.2rem 0;*/float: left;}
.content li .case_img img{width:100%;display:block;margin:0 auto;border-radius:5px;}
.content li .case_img p{width:100%;font-size:14px;text-align: center;margin-top:0.1rem;font-weight:bold;}
.content li .case_ul_con{width:71%;float: right;}
.content li .case_ul_con p{font-size:13px;line-height:140%;padding-left:0.1rem;}
.content li .case_ul_con p span{color:#a02224;font-weight:bold;}
/*.content li:nth-child(even){background:#f8f8f0;}*/
.img_w100 {
    display: block;
    width: 100%;
}
.dsTeam{width:100%;overflow:hidden;background:#f8f8f0;padding-top:0.3rem;margin-top:0.2rem !important;}
.team_jj{width:100%;overflow: hidden;border-radius:3px;}
.team_jj .teamTit{width:100%;height:30px;text-align: center;line-height:30px;letter-spacing:1px;font-size:15px;color:#8c2738;}
.team_jj .teamTit span{position:relative;padding:0 0.336rem;}
.team_jj .teamTit span:before{content: '';width:0.4rem;height:1px;background:#8C2738;position:absolute;top:50%;left:-0.55rem;-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);transform: translate(0,-50%);}
.team_jj .teamTit span:after{content: '';width:0.4rem;height:1px;background:#8C2738;position:absolute;top:50%;right:-0.55rem;-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);transform: translate(0,-50%);}
.team_jj .teamTit span i{width:0.14rem;height:0.14rem;border:1px solid #8c2738;display: block;position:absolute;top:calc(50% - 0.07rem);transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
.team_jj .teamTit span i:first-child{left:0;}
.team_jj .teamTit span i:last-child{right:0;}
.team_jj .teamTxt{width:100%;overflow: hidden;/*font-size:0.2688rem;*/color:#666666;}
.team_jj .teamTxt li{width:100%;height:auto;margin-bottom:8px;}
.team_jj .teamTxt li:last-child{margin-bottom:0;}
.team_jj .team_dashijianjie{width:100%;margin-bottom:8px;overflow: hidden;box-sizing: border-box;}
.team_jj .team_dashijianjie img{width:100%;float: left;}
.qm_con{overflow: hidden;padding:0 8px;margin:15px 0 18px;}
.qm_con_tit{width:60%;height:35px;background:url(../images/tit_b.png) no-repeat;background-size:100% 100%;font-size:16px;color:#fdf7e4;text-align: center;line-height:35px;margin:0 auto;font-weight:normal;letter-spacing: 0.02rem;}
.qm_con_titA{width:100%;background:url(../images/tit_a.png) no-repeat;background-size:100% 100%;margin-bottom:0.43rem;}

.qm_quest{width:100%;overflow: hidden;border:1px solid #bababb;border-radius:5px;background:#fffffd;margin-top:10px;font-size:12px;}
.qm_quest li{width:100%;overflow: hidden;border-top:1px solid #e5e5e0;letter-spacing: 0.01rem;}
.qm_quest li:first-child{border:0;}
.qm_quest li h3{line-height:250%;padding-left:10px;font-weight:normal;}
.qm_quest li p{padding:10px;line-height:150%;background:#f8f8f0;border-top:1px solid #e5e5e0;display: none;}
.xm1{background:url(../images/xm2.gif);width:240px;height:86px;display:inline-block;margin:5px 2px;line-height:90px;font-size:20px}
.xm1 .xing{padding:0 5px 0 40px ;color:#666666}
.xm1 .ming{color:#000;}
.xm1 .details{float: right;
    margin-right: 20px;
    font-size: 17px;
    color: #a09898;}
.xm1:hover .ming{color:#EB892E;}
.xm1:hover{background:url(../images/xm1.gif);}
.mianfei{ background: url("../images/mianfei.jpg") #f3ece4 no-repeat;
    width: 1002px; margin: 0 auto; padding: 150px 0 30px; }
@font-face {font-family: "iconfont";
    src: url('iconfont.eot?t=1583721464896'); /* IE9 */
    src: url('iconfont.eot?t=1583721464896#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAOoAAsAAAAACIgAAANZAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDHAqEQINaATYCJAMQCwoABCAFhG0HShtOBxHVm4nIfibYthLyh23h0EgfSWeCiOWqamCyLJy5yEvUfmkGWG5/i5vi9oyJUDyJ3fPX96QXCEvDTgD8ce+0KT6fZYEFlOFYy9amP7D71AUYja3pmIO7KLEiDAB7hNfVQDbxcR4COFKRA6lQqUYDLAZ7mgDSo2vnttiCBdOBFixC0LDWIHOIYNVUdQOYHX1fPpFPLCgiGntunU4VO1DmrXp7Uo8Jx9AiICGdzwWIm0ADOQAD0qXR0w6dxHKgcfpgQyHAYlEwV8OutyfDEGVn0VhHw9g/ngIJsJExACgAcQ1vlSfJtLvAhID2JCBQAF+Izo5OHAZuS9YU2FxRCCbOj4iR2CeRzu7QvVSy+n5hf/BuSlbcaTZtAYxZ6v3ixYll0SLXsUsgAQv5d2EsgTELqdPfnqi9O3AnBSvvFvSH76eWVfd6d1+8LFOcDUsSdl04ffjybJ22XXNu2gkYszdrx63TszfeLtJry7RTY09PPzkmi/RkpulXm4UFb4OFG33n4rHZRAat3dSmQLApyN9mU5v8Eb7AjZQxQjbF+O61tif0m3zI4VQoakwH3VnQtSGJUNQhmUOCuTxcenxfEtU7l2/1szwT8jxbHS9cloy8Zb2N17JFugfJrier4B2yMl2LFmnzp/32TZKR/HPc/OXzV3D6p+Xi6RbN031I2ivZg3T44vj5475+87VFvKR5v36Lly8+0AeAcD1DC4B+o45AmL6rzv3h49hdTyq1jl3ij/VPnPdw+o3/kS/MME7yr0nJ0r9XSswwhty2GqMpPImJNPQhCr4nlMMBf2oK4vF0Dl1CcgQEW5CKoIgiJWgsGciGngMieApAgKU0OLJTebMnPv3QiIkGsjGRgRCH3aCIxWnQxOEm2dCfQIREfIGAOKLB0Uji7+nJJHzcHxmVoAX9h2hodq5d9jH6hn4dFeflEeOFXGIQurotJ684I8+xoHx8L+LAMU1wYZfhOBIsTAmN1EFkGZrGNT2pNjRVe46MStCC/kM0NLsgt+wrn7+hX0fFHYQ67wu5xOahq1sC+aqZSYR7GVw+vhdx3CTHNMEFXDg6MYKleVRCI3UYEVmGBrM5qqZeXzd9wmWAw37YiBItRiJsOuPs7UqHouYUFf3i7Lc6Vr4991xVAAAA') format('woff2'),
    url('iconfont.woff?t=1583721464896') format('woff'),
    url('iconfont.ttf?t=1583721464896') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('iconfont.svg?t=1583721464896#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-gengduo:before {
    content: "\e6ae";
}

.icon-sanjiaoxing:before {
    content: "\e6bd";
}

.icon-biaoqian:before {
    content: "\e602";
}
.top-nav a{color:#333333;}
.top-nav { background:#fff; height: 45px; }
.top-nav ul{width: 1200px; margin: auto;}
.top-nav li{display: inline-block;position: relative; height: 45px;line-height: 45px;padding: 0 20px;border-right: #ccc 1px dotted}
.top-nav li:last-child{border-right: none}
.top-nav li span{font-size: 10px; margin: 9px 0 0 5px;}
.top-nav li dl{position: absolute;top:45px;background:#fff; width: 100%;
    left:0;text-align: center;display: none;
}
.top-nav li:hover{background: #ececec}
.top-nav li:hover dl{display: block;}
.top-nav li dl dd{height: 35px;line-height: 35px;}
.top-nav li dl dd:hover{background: #ececec}


.header a{color:#fff; font-size: 13px; line-height: 280%; display: inline-block; width: 70%;}
.header .top-nav-wap{display: none;
    position: fixed; top:0;left:0; background: #800202!important; width: 60%;padding:20px 0; z-index: 999}
.header .top-nav-wap  li{
    border-bottom:1px solid #ad0101;padding:0 20px;}
.header .top-nav-wap  li span{font-size: 10px;
    float:right; color: #fff;line-height: 280%; width: 35px;text-align: center;}
.header .top-nav-wap  li dl{background: #730202;margin:6px 0;display: none}
.header .top-nav-wap  li dl dd{padding: 0 10px;border-bottom:1px solid #880101}
.header .top-nav-wap  li dl dd a{width: 100%}
.zz{width: 100%;height: 100%; background: #0a001f;
    position: fixed;top:0; left:0;z-index: 2;opacity: 0.5; display: none;}
.more-wap{text-align: center;
    position: fixed;right: 0; bottom:110px; width:35px;padding:0 5px 5px;background: rgba(0,0,0,0.6); color: #fff; border-radius: 4px;z-index: 99999;}
.more-wap .iconfont{ font-size: 30px!important; }
.more-wap .more-text{font-size: 8px!important;
    margin-top: -6px; text-align: center;}



