@charset "utf-8";

/** 清除内外边距 **/
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
img,
figure,
figcaption {
  border: medium none;
  margin: 0;
  padding: 0;
  outline: none;
}

/** 设置默认字体 **/
html,
body,
.main {
  -webkit-text-size-adjust: none;
  font-family: "Microsoft YaHei", Arial;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-size: 14px;
  color: #555;
  position: relative;
  height: 100%;
}

/** 设置表单元素**/
button,
input,
select,
textarea {
  font-family: "Microsoft YaHei", Arial;
  vertical-align: middle;
  outline: none;
}

/** 重置图片元素 **/

img {
  border: 0px;
  max-width: 100%;
  transition: 0.3s;
}

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

/** 清除浮动 **/

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

/** 重置列表元素 **/

ul,
ol {
  list-style: none;
}

/** 重置超链接元素 **/

a {
  text-decoration: none;
  color: #303030;
  transition: 0.3s;
}

a:hover {
  text-decoration: none;
  color: #f07273;
}

a:hover,
a:active {
  outline: none;
}

.swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.swiper-slide {

  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.section {
  max-width: 1400px;
  width: 70%;
}

.toper {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, .5);
  z-index: 10;
  padding: 10px;
  border-bottom: 4px solid #dab67c;
  box-sizing: border-box;
}

.toper .logo {
  float: left;
}

.toper .rightBox {
  float: right;
  padding-top: 25px;
  line-height: 40px;
  padding-right: 20px;
}

.toper .rightBox form {
  float: left;
  width: 330px;
}

.toper .rightBox form .text {
  width: 200px;
  height: 40px;
  padding: 0 15px;
  background: #eee;
  float: left;
}

.toper .rightBox form button {
  background: #f47475;
  padding: 10px 20px;
  float: left;
  height: 40px;
  box-sizing: border-box;
  cursor: pointer;
}

.toper .rightBox .login {
  background: url(../images/icon_user.png) no-repeat left center;
  padding-left: 22px;
  float: left;
}

.toper .rightBox .icons img {
  float: left;
}

.toper .rightBox .icons {
  float: right;
  padding: 8px 0 0 0px;
  line-height: 28px;
}

.toper .rightBox .icons .wx {
  display: inline-block;
  cursor: pointer;
  margin: 0 40px;
}

.toper .rightBox .menu {
  display: inline-block;
  cursor: pointer;
  border-left: 1px solid #ddd;
  padding-left: 30px;
}

.toper .rightBox .menu .hide {
  display: none;
}

.subNav {
  background: #b4875c;
  position: fixed;
  left: 0;
  width: 100%;
  top: 111px;
  width: 100%;
  z-index: 5;
  box-sizing: border-box;
  line-height: 26px;
  text-align: right;
  padding: 10px 0;
}

.subNav a {
  background: #f1cea3;
  padding: 5px 15px;
  display: inline-block;
  color: #ae6b2a;
  border-radius: 3px;
  margin: 0 10px;
}

.subNav a.act,
.subNav a:hover {
  background: #fff;
}

.zoomNav {
  background: rgba(0, 0, 0, .8);
  position: fixed;
  width: 100%;
  top: 111px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  display: none;
}

.zoomNav li {
  width: 14.285%;
  float: left;
  text-align: center;
  padding: 30px 0 0 0;
  line-height: 34px;
}

.zoomNav li h4 {
  font-size: 22px;
  padding: 10px;
}

.zoomNav section a {
  color: #fff;
}

.zoomNav section a:hover {
  color: #f07273;
}

.zoomNav .fastTip {
  display: none;
}

.zoomNav .section {
  margin: 0 auto;
}

#banner .swiper-pagination-bullet {
  border: 2px solid #fff;
  width: 12px;
  height: 12px;
  box-shadow: 0 2px 8px #666;
}

#banner .swiper-pagination-bullet-active {
  background: #84c225;
  border: 2px solid #84c225;
}

#banner .swiper-slide {
  background-size: cover;
}

.culturalBj {
  background: url(../images/culturalBj.jpg) no-repeat center;
  background-size: cover;
  color: #fff;
  position: relative;
}

.iNew {
  background: url(../images/iNewBj.jpg) no-repeat center;
  background-size: cover;
  color: #fff;
}

.iPersonalBj {
  background: url(../images/iPersonalBj.jpg) no-repeat center;
  background-size: cover;
  color: #fff;
}

.iFranchiseBj {
  background: url(../images/iFranchiseBj.jpg) no-repeat center;
  background-size: cover;
  color: #fff;
}

.iMapBj {
  background: url(../images/iMapBj.jpg) no-repeat center;
  background-size: cover;
  color: #fff;
}

.iContactBj {
  background: url(../images/iContactBj.jpg) no-repeat center;
  background-size: cover;
  color: #fff;
  position: relative;
}

.produtsBj {
  background: url(../images/produtsBj.jpg) no-repeat center;
  background-size: cover;
  color: #fff;
  position: relative;
}

.produts.swiper-slide {
  padding-top: 120px;
  box-sizing: border-box;
}

.produts .tit {
  float: left;
  width: 20%;
  padding-right: 4%;
}

.produts .tit .next {
  cursor: pointer;
}

.produts .roll {
  float: right;
  width: 76%;
}

.produts .roll a {
  display: block;
  text-align: center;
  color: #fff;
  width: 100%;
  overflow: hidden;
}

.produts .roll p {
  overflow: hidden;
}

.produts .roll p img {
  width: 100%;
  float: left;
}

.produts .roll p.name {
  background: #444;
  padding: 5px 0;
  line-height: 30px;
}

.proDetail {
  padding-top: 260px;
  overflow: hidden;
  padding-bottom: 30px;
}

.proDetail .section {
  max-width: 1400px;
  width: 70%;
  margin: 0 auto;
}

.proDetail .imgs {
  float: left;
  width: 40%;
}

.proDetail .infos {
  float: right;
  width: 60%;
  padding-left: 30px;
  box-sizing: border-box;
}

.proDetail .infos h4 {
  font-size: 26px;
  padding: 10px 0;
}

.proDetail .infos .btns {
  padding: 15px 0;
}

.proDetail .infos .btns a {
  padding: 0 20px;
}

.proDetail .attribute {
  padding: 10px 0;
  overflow: hidden;
}

.proDetail .attribute li {
  float: left;
  padding-right: 15px;
  padding: 10px 10px 10px 0;
}

.proDetail .attribute li span {
  background: #f1cea3;
  padding: 4px 10px;
  color: #333;
  margin-right: 10px;
  font-weight: bold;
}

.proDetail .infos .details h4 b {
  font-size: 16px;
  background: #AE6B2A;
  color: #fff;
  padding: 4px 10px;
}

.proDetail .infos .details p {
  line-height: 24px;
  padding: 5px 0;
}

.produts .swiper-button-prev,
.produts .swiper-button-next {
  top: -100%;
}

.produts .btns {
  text-align: right;
  padding: 10px 0;
}

.produts .btns span {
  background: #999;
  display: inline-block;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  color: #fff;
  border-radius: 100%;
  font-family: "arial narrow";
  cursor: pointer;
}

.produts .btns span:hover {
  background: #AE6B2A;
}

.aboutBj {
  background: url(../images/aboutBj.jpg) no-repeat center;
  background-size: cover;
}

.sutingBj {
  background: url(../images/sutingBj.jpg) no-repeat center;
  background-size: cover;
  padding-top: 140px;
  box-sizing: border-box;
}

.historyBj {
  background: url(../images/historyBj.jpg) no-repeat center;
  background-size: cover;
}

#hist {
  width: 60%;
}

#hist .swiper-slide {
  background: none;
}

#hist .swiper-slide .content {
  margin: 0 120px;
  background: rgba(0, 0, 0, 0.8);
  display: block;
}

#hist p.name {
  line-height: 50px;
  text-align: center;
  color: #fff;
}

.historyBj .timeing {
  width: 100%;
  position: absolute;
  bottom: 5%;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
}

.historyBj .timeing .box {
  width: 50%;
  margin: 0 auto;
  padding: 20px 0;
  overflow: hidden;
}

.historyBj .timeing .box ul {
  overflow: hidden;
  width: 10000px;
}

.historyBj .timeing .box li {
  float: left;
  padding: 10px;
  width: 110px;
  text-align: center;
  color: #fff;
  padding-top: 30px;
}

.historyBj .timeing .box li.act {
  background: url(../images/num_icon.png) no-repeat center top;
}

.historyBj .timeing span {
  display: block;
  width: 30px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  cursor: pointer;
}

.historyBj .timeing span.next {
  right: 15%;
}

.historyBj .timeing span.pre {
  left: 15%;
}

.culturalBj .info {
  position: absolute;
  bottom: 10%;
  width: 70%;
  left: 15%;
}

.culturalBj .info li {
  float: left;
  width: 50%;
  padding: 30px;
  box-sizing: border-box;
  text-align: left;
  line-height: 24px;
}

.culturalBj .info li h4 {
  font-size: 24px;
  padding: 15px 0;
  line-height: 40px;
}

.culturalBj .info li p {
  padding: 5px 0;
}

.culturalBj .info li:last-child {
  padding-top: 200px;
}

.iProductBj ul {
  width: 100%;
  height: 100%;
}

.iProductBj li {
  width: 25%;
  height: 100%;
  float: left;
}

.iProductBj li a {
  background: rgba(0, 0, 0, .5);
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
}

.iProductBj li a:hover {
  background: none;
  position: relative;
}

.iProductBj li a span {
  width: 60%;
  display: block;
  background: rgba(153, 218, 255, 0.15);
  border: 1px solid #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -20px 0 0 -30%;
  color: #fff;
  padding: 10px;
  min-height: 70px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  box-sizing: border-box;
  text-align: center;
}

.iProductBj li a span h3 {
  padding-bottom: 5px;
}

.iProductBj li a:hover span {
  background: rgba(233, 81, 82, 0.5);
  text-shadow: 0 1px 1px #000;
}

.iProductBj li {
  background-size: cover;
}

.iNew .section {
  background: rgba(153, 218, 255, 0.3);
}

.iNew .section .name {
  background: #fff;
  padding: 0 15px;
  height: 55px;
  text-align: left;
  line-height: 55px;
}

.iNew .section .name b {
  color: #333;
  font-size: 18px;
}

.iNew .section .name a {
  float: right;
}

.iNew .section li {
  float: left;
  width: 50%;
  padding: 20px;
  box-sizing: border-box;
}

.iNew .section li a:hover img {
  transform: scale(1.2);
}

.iNew .section li .img {
  width: 38%;
  float: left;
  overflow: hidden;
}

.iNew .section li .info {
  width: 60%;
  padding-left: 20px;
  box-sizing: border-box;
  float: right;
}

.iNew .section li a {
  color: #fff;
  line-height: 26px;
}

.iNew .section li a h4 {
  font-size: 16px;
  padding: 10px 0;
}

.iNew .section li a time {
  display: block;
  padding-top: 8px;
}

.iNew .section li a:hover h4 {
  color: #F07273;
}

.iPersonalBj .section {
  text-align: center;
}

.iPersonalBj .section h4 {
  font-size: 50px;
  padding-bottom: 50px;
}

.iPersonalBj .section ul {
  overflow: hidden;
}

.iPersonalBj .section li {
  width: 33.333%;
  float: left;
  padding: 20px 10px;
  box-sizing: border-box;
}

.iPersonalBj .section li b {
  padding: 50px 80px;
  background: rgba(153, 218, 255, 0.3);
  font-size: 30px;
  font-weight: normal;
  display: inline-block;
}

.iFranchiseBj .section {
  text-align: center;
}

.iFranchiseBj .section h4 {
  font-size: 50px;
  padding-bottom: 50px;
}

.iFranchiseBj .section ul {
  overflow: hidden;
  width: 60%;
  margin: 0 auto;
}

.iFranchiseBj .section li {
  width: 33.333%;
  float: left;
  padding: 20px 10px;
  box-sizing: border-box;
}

.iFranchiseBj .section li a {
  width: 102px;
  height: 102px;
  display: inline-block;
  background: #333;
  border-radius: 100%;
  color: #fff;
  font-size: 23px;
  line-height: 102px;
  padding: 10px;
}

.iFranchiseBj .section li a:hover {
  background: #F07273;
}

.iMapBj .bar {
  width: 70%;
}

.iMapBj .address {
  width: 30%;
  overflow: hidden;
  float: right;
  padding-top: 150px;
}

.iMapBj .address li {
  display: none;
  line-height: 24px;
}

.iMapBj .address li p {
  padding: 5px 0;
}

.iMapBj .address li h4 {
  font-size: 18px;
  padding: 10px 0;
}

.iMapBj .mapbox {
  width: 70%;
  overflow: hidden;
  box-sizing: border-box;
  float: left;
}

.iMapBj .provies {
  display: none;
}

.iMapBj .provies button {
  background: #fff;
  padding: 2px 5px;
  margin: 2px;
}

.iContactBj .footer {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #3e3e3e;
  border-top: 5px solid #666;
}

.iContactBj .footer .content {
  width: 70%;
  margin: 0 auto;
  padding: 20px 0;
  overflow: hidden;
}

.iContactBj .footer .content h4 {
  font-size: 20px;
  padding-bottom: 10px;
}

.iContactBj .footer .content .left {
  width: 55%;
  float: left;
}

.iContactBj .footer .content .left li {
  width: 50%;
  float: left;
}

.iContactBj .footer .content .left li p {
  padding: 5px 0;
  line-height: 24px;
}

.iContactBj .footer .content .center {
  width: 30%;
  float: left;
}

.iContactBj .footer .content .center li {
  width: 46%;
  float: left;
  padding: 0 2%;
}

.iContactBj .footer .content .center a {
  color: #fff;
  line-height: 38px;
  border-bottom: 1px solid #666;
  display: block;
}

.iContactBj .footer .content .right {
  width: 15%;
  float: right;
  text-align: right;
  padding-top: 50px;
}

.copyright {
  background: #000;
  text-align: center;
  height: 50px;
  line-height: 50px;
}

.iContactBj .content {
  width: 70%;
  padding: 80px 0 280px 0;
}

.iContactBj .content .list {
  width: 46%;
  margin: 0 2%;
  float: left;
  background: rgba(220, 190, 90, 0.5);
}

.iContactBj .content .list h4 {
  background: #fff;
  line-height: 55px;
  padding: 0 15px;
  font-size: 20px;
  color: #333;
}

.iContactBj .content .list h4 a {
  float: right;
  font-size: 14px;
  font-weight: normal;
}

.iContactBj .content .bar {
  padding: 15px 25px;
  font-size: 13px;
  line-height: 25px;
  overflow: hidden;
}

.iContactBj .content .bar .img {
  width: 40%;
  float: left;
}

.aboutBj .section {
  background: rgba(253, 233, 207, 0.4);
}

.aboutBj .section .info {
  padding: 30px;
  border-bottom: 6px solid #a5d4e4;
  line-height: 26px;
}

.aboutBj .section .info p {
  padding: 5px 0;
}

.sutingBj h2 {
  font-size: 80px;
  font-weight: normal;
  text-align: center;
  color: #fff;
}

.sutingBj h4 {
  font-size: 80px;
  text-align: center;
  font-weight: normal;
  color: #d7ae83;
  padding: 30px 0 60px 0;
}

.sutingBj li {
  width: 28.333%;
  margin: 0 2.5%;
  float: left;
}

.sutingBj li .tip {
  background: -moz-linear-gradient(top, #e4bd92, #ae8157);
  background: -webkit-linear-gradient(top, #e4bd92, #ae8157);
  background: -ms-linear-gradient(top, #e4bd92, #ae8157);
  background: linear-gradient(top, #e4bd92, #ae8157);
  line-height: 45px;
  padding: 0 15px;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
}

.sutingBj li .tip span {
  float: right;
}

.sutingBj li p {
  font-size: 20px;
  color: #a7764d;
  padding: 20px 0;
}

.sutingBj .txt {
  text-align: center;
  padding-top: 30%;
  line-height: 30px;
  font-size: 12px;
  color: #A7764D;
}

.swiper-pagination-bullet span {
  background: rgba(0, 0, 0, .5);
  position: relative;
  left: 15px;
  width: 80px;
  display: block;
  color: #fff;
  border-radius: 5px;
  display: none;
  top: -5px;
}

.swiper-pagination-bullet-active span {
  display: block;
}

.zoomProDetail {
  background: rgba(0, 0, 0, .8);
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 10;
  display: none;
}

.zoomProDetail .imgs {
  max-width: 700px;
  margin: 10% auto;
  border: 5px solid #fff;
  text-align: center;
  background: #fff;
  position: relative;
}

.zoomProDetail .imgs .close {
  width: 20px;
  height: 20px;
  color: #fff;
  background: #f47475;
  display: block;
  position: absolute;
  top: -40px;
  right: 0;
  padding: 5px;
  cursor: pointer;
}

.zoomProDetail .imgs .rollImg {
  width: 100%;
  overflow: hidden;
}


.zoomProDetail .imgs .rollImg ul {
  width: 99999999999px;
}

.zoomProDetail .imgs .rollImg ul li {
  float: left
}

.zoomProDetail .imgs .btn {
  display: block;
  width: 44px;
  height: 44px;
  line-height: 44px;
  font-size: 22px;
  color: #fff;
  background: rgba(0, 0, 0, .45);
  position: absolute;
  top: 45%;
  cursor: pointer;
}

.zoomProDetail .imgs .pre {
  left: 0;
}

.zoomProDetail .imgs .next {
  right: 0;
}

.publicFooter {
  width: 100%;
}

#foter {
  align-items: flex-start;
  height: 286px !important;
}

.publicFooter .footer {
  width: 100%;
  background: #3e3e3e;
  border-top: 5px solid #666;
  color: #fff;
}

.publicFooter .footer .content {
  width: 70%;
  margin: 0 auto;
  padding: 20px 0;
  overflow: hidden;
}

.publicFooter .footer .content h4 {
  font-size: 20px;
  padding-bottom: 10px;
}

.publicFooter .footer .content .left {
  width: 55%;
  float: left;
}

.publicFooter .footer .content .left li {
  width: 50%;
  float: left;
}

.publicFooter .footer .content .left li p {
  padding: 5px 0;
  line-height: 24px;
}

.publicFooter .footer .content .center {
  width: 30%;
  float: left;
}

.publicFooter .footer .content .center li {
  width: 46%;
  float: left;
  padding: 0 2%;
}

.publicFooter .footer .content .center a {
  color: #fff;
  line-height: 38px;
  border-bottom: 1px solid #666;
  display: block;
}

.publicFooter .footer .content .right {
  width: 15%;
  float: right;
  text-align: right;
  padding-top: 50px;
}

.publicFooter .copyright {
  background: #000;
  text-align: center;
  height: 50px;
  line-height: 50px;
}

.inreNewsbaner {
  height: 100%;
  background: url(../images/newbaner.jpg) no-repeat center;
  background-size: cover;
}

.inreJiamenbaner {
  height: 100%;
  background: url(../images/jionbnaer.jpg) no-repeat center;
  background-size: cover;
}

.inreNew {
  background: #f9f4ee;
}

.inreNew .section {
  margin: 0 auto;
  overflow: hidden;
  padding: 20px 0;
}

.inreNew .section li {
  width: 23%;
  margin: 10px 1%;
  float: left;
  padding: 5px;
  box-sizing: border-box;
  overflow: hidden;
}

.inreNew .section li a {
  display: block;
  background: #fff;
}

.inreNew .section li h4 {
  padding: 5px 0;
  font-size: 16px;
}

.inreNew .section li .infos {
  padding: 10px;
  line-height: 24px;
}

.inreNew .section li .infos time {
  color: #999;
}

.inreNew .section li span {
  width: 30px;
  height: 30px;
  display: inline-block;
  background: #e0b58b;
  text-align: center;
  line-height: 30px;
  color: #fff;
}

.inreNewDetail {
  background: #f9f4ee;
}

.inreNewDetail .section {
  margin: 0 auto;
  overflow: hidden;
  padding: 20px 0;
  background: #fff;
}

.inreNewDetail .text {
  padding: 30px;
}

.inreNewDetail .text .website {
  padding: 15px 0;
}

.inreNewDetail .text .name {
  text-align: center;
  padding: 30px 0;
  font-size: 24px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}

.inreNewDetail .text .tips {
  padding: 10px 0;
}

.inreNewDetail .text .deinfo {
  padding: 15px 0;
}

.inreNewDetail .text .deinfo p {
  padding: 5px 0;
  line-height: 26px;
}

.inreNewDetail .text .updown {
  border-top: 1px solid #eee;
  padding-top: 8px;
}

.inreNewDetail .text .updown li {
  padding: 5px 0;
  line-height: 26px;
}

.inreJiamenbaner {
  position: relative;
}

.inreJiamenbaner .txt {
  width: 60%;
  position: absolute;
  bottom: 0;
  background: rgba(218, 182, 124, 0.8);
  color: #7c4b00;
  padding: 40px 20%;
}

.inreJiamenbaner .txt .left {
  float: left;
  font-size: 16px;
}

.inreJiamenbaner .txt .left .big {
  font-size: 36px;
}

.inreJiamenbaner .txt span {
  float: right;
  padding: 15px 0;
  color: #fff;
  font-size: 24px;
}

.inreJiamenbaner .txt span a {
  color: #fff;
}

.jiamenDetail {
  color: #fff;
  background: url(../images/bj_jiameng.jpg) no-repeat center top;
  background-size: cover;
  padding: 30px 0;
}

.jiamenDetail .section {
  margin: 0 auto;
  background: rgba(0, 0, 0, .6);
  padding: 50px 30px;
  box-sizing: border-box;
}

.jiamenDetail .section .name {
  text-align: center;
  font-size: 36px;
}

.jiamenDetail .section .name p {
  font-size: 16px;
  padding: 10px 0;
}

.jiamenDetail .section .list {
  padding-bottom: 30px;
}

.jiamenDetail .section .list h4 {
  font-size: 24px;
  font-weight: normal;
  padding-bottom: 15px;
}

.jiamenDetail .section .list .inofs {
  padding-left: 50px;
  line-height: 26px;
}

.jiamenDetail .section .list p {
  padding: 5px 0;
}

.jiamenDetail .section .list table {
  border: 1px solid #fff;
  width: 92%;
  margin: 0 auto;
}

.jiamenDetail .section .list table td {
  text-align: center;
  border: 1px solid #fff;
  padding: 5px 0;
  line-height: 24px;
}

.applayFrom {
  overflow: hidden;
  padding: 50px;
}

.applayFrom ul {
  overflow: hidden;
}

.applayFrom li {
  float: left;
  width: 50%;
  padding: 15px 0;
}

.applayFrom li lable {
  width: 80px;
  display: block;
  float: left;
}

.applayFrom li input {
  height: 36px;
  background: #222;
  border: 1px solid #444;
  width: 70%;
}

#province select {
  width: 22%;
  margin-right: 2%;
  height: 36px;
  background: #222;
  border: 1px solid #444;
  color: #fff;
}

.applayFrom .sumit {
  margin-top: 20px;
  width: 200px;
  height: 50px;
  background: -moz-linear-gradient(top, #e4bd92, #ae8157);
  background: -webkit-linear-gradient(top, #e4bd92, #ae8157);
  background: -ms-linear-gradient(top, #e4bd92, #ae8157);
  background: linear-gradient(top, #e4bd92, #ae8157);
  padding: 0 15px;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
}

.inreConactBaner {
  height: 100%;
  background: url(../images/contactBj.jpg) no-repeat center;
  background-size: cover;
  padding-top: 15%;
  box-sizing: border-box;
}

.inreConactBaner .section {
  background: rgba(255, 255, 255, 0.8);
  margin: 0 auto;
  padding: 50px;
  box-sizing: border-box;
  border-bottom: 5px solid #a5d4e4;
  line-height: 30px;
}

.inreConactBaner .section .name {
  text-align: center;
  font-size: 18px;
}

.inreConactBaner .section .name h4 {
  font-size: 34px;
  padding: 10px 0;
}

.inreConactBaner .section .tips {
  padding: 15px 0;
  border-bottom: 2px solid #DAB67C;
  margin-bottom: 20px;
}

.inreConactBaner .section .tips h4 {
  font-size: 20px;
  padding: 5px 0;
}

.recquemt {
  font-size: 22px;
  padding: 30px;
}

.recquemt p {
  padding: 15px 0;
}

#recquemt {
  background: url(../images/recquemtBj.jpg) no-repeat center;
  background-size: cover;
  padding: 80px 0;
}

#recquemt a {
  color: #fff;
}

.userlogin {
  padding: 200px 0 50px 0;
  background: url(../images/userloginBj.jpg) no-repeat center;
  background-size: cover;
}

.userlogin .section {
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.75);
  padding: 50px;
  box-sizing: border-box;
  text-align: center;
}

.userlogin .section .name {
  border-bottom: 2px solid #D7AE83;
  padding-bottom: 20px;
  margin-bottom: 30px;
}

.userlogin .section .name h4 {
  font-size: 34px;
}

.userlogin .section p {
  padding: 10px 0;
  font-size: 16px;
}

.userlogin .section p input {
  height: 35px;
  width: 30%;
  min-width: 200px;
  border: 1px solid #D7AE83;
  padding: 0 10px;
}

.userlogin .section p .bnt {
  height: 38px;
  display: inline-block;
  line-height: 38px;
  background: #666;
  color: #fff;
  width: 120px;
  margin: 0 10px;
  cursor: pointer;
}

.userlogin .register {
  background: #f45657;
  color: #fff;
  padding: 10px 25px;
  cursor: pointer;
}

#userinfo {
  text-align: left;
  font-size: 12px;
  overflow: hidden;
  padding-bottom: 20px;
  border-bottom: 3px solid #dbb57b;
}

#userinfo .img {
  float: left;
  width: 81px;
  height: 81px;
  overflow: hidden;
  border-radius: 100%;
  margin-right: 15px;
}

#userinfo p {
  font-size: 13px;
  padding: 0 0 10px 0;
  overflow: hidden;
}

#userinfo p a {
  background: #f45657;
  color: #fff;
  padding: 3px 10px;
  margin: 0 10px 5px 0;
  display: inline-block;
}

.red {
  color: #f45657;
}

.usemsg {
  overflow: hidden;
  padding: 20px 0;
}

.usemsg ul {
  overflow: hidden;
}

.usemsg li {
  width: 50%;
  float: left;
  padding: 10px 0;
  line-height: 38px;
  min-height: 40px;
}

.usemsg li label {
  width: 90px;
  display: block;
  float: left;
}

.usemsg li input,
.usemsg li select {
  height: 40px;
  border: 1px solid #ddd;
  width: 64%;
  padding: 0 3%;
  color: #666;
}

.usemsg li select {
  width: 70%;
}

.usemsg li .imgs span {
  display: inline-block;
  float: left;
  padding: 0 5px;
}

.usemsg .edit {
  background: #f45657;
  padding: 10px 25px;
  color: #fff;
}

#province1 select {
  width: 22%;
  margin-right: 2%;
  height: 36px;
  background: #fff;
  border: 1px solid #ddd;
}


.userOrdey table {
  text-align: left;
  width: 100%;
  margin-bottom: 20px;
}

.userOrdey table th,
.userOrdey table td {
  border-bottom: 1px solid #dab67c;
  padding: 10px;
  line-height: 30px;
}

.userOrdey table th {
  background: rgba(250, 166, 137, 0.25);
  padding: 15px 10px;
  font-size: 16px;
}

.userOrdey table a {
  background: #f45657;
  color: #fff;
  padding: 4px 15px;
  cursor: pointer;
}

.userOrdey table a.disable {
  background: #ffac4b;
}

.userOrdey table a.open {
  background: #9bd754;
}

.userOrdey .del {
  background: #f45657;
  color: #fff;
  padding: 10px 40px;
  cursor: pointer;
}

.pages {
  padding: 10px 0;
  text-align: center;
}

.pages a {
  border: 1px solid #f45657;
  line-height: 30px;
  padding: 5px 10px;
  background: #fff;
  margin: 0 5px;
}

.pages a:hover,
.pages a.act {
  background: #f45657;
  color: #fff;
}

.checkbox {
  width: 16px;
  height: 16px;
  border: 1px solid #f45657;
  display: inline-block;
  border-radius: 2px;
  background: #fff;
}

.checkbox.act {
  background: url(../images/checkboxBj.jpg) no-repeat center;
}

.userOrdey tr.act td {
  text-decoration: line-through;
}

.userOrdey tr.act td:last-child {
  text-decoration: none;
}

.userOrdey tr td:last-child,
.userOrdey tr th:last-child {
  text-align: right;
}

.receivables {
  height: 30px;
  position: relative;
  width: 120px;
  float: right;
  text-align: center;
  color: #fff;
}

.receivables ul {
  display: none;
  background: #99595a;
  position: absolute;
  width: 100%;
  z-index: 5;
}

.receivables ul li {
  cursor: pointer;
}

.receivables span {
  width: 120px;
  background: #f45657 url(../images/icon_down.png) no-repeat 92% center;
  display: block;
  cursor: pointer;
}

.lb a {
  line-height: 30px;
  padding: 10px 20px;
  background: #f45657;
  margin: 0 5px;
  color: #fff;
}

.lb a.green {
  background: #9bd754;
}

.filebox {
  float: left;
  width: 70%;
  background: #fff;
  border: 1px solid #ddd;
  overflow: hidden;
  position: relative;
  height: 40px;
}

.filebox input {
  opacity: 0;
}

.filebox span {
  width: 80px;
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  background: #f45657;
  text-align: center;
  color: #fff;
  height: 100%;
  line-height: 44px;
  cursor: pointer;
}

#userinfo .names {
  float: right;
  padding-top: 20px;
  text-align: right;
}

#userinfo .names h1 {
  padding: 5px 0;
  font-size: 22px;
}

.offerName {
  text-align: right;
  padding: 20px 0;
  font-size: 20px;
  border-bottom: 3px solid #dbb57b;
}

.pay {
  text-align: center;
}

.pay span {
  padding: 10px;
  display: inline-block;
}

.paytable {
  overflow: auto;
}

.paytable table {
  border: 1px solid #f45657;
  width: 100%;
}

.paytable table th,
.paytable table td {
  border: 1px solid #f45657;
  padding: 10px;
}

.paytable table th {
  background: #f4a6a8;
}

.coulm {
  padding: 20px 0;
}

.coulm li {
  width: 33.333%;
}

.coulm li label {
  width: 120px;
  text-align: right;
  padding-right: 10px;
}

.coulm li input {
  width: 50%;
}

.usemsg .textarea {
  width: 85%;
  height: 54px;
  border: 1px solid #ddd;
}

.zoomLoading {
  background: rgba(0, 0, 0, .5);
  position: fixed;
  z-index: 15;
  width: 100%;
  height: 100%;
}

.zoomLoading .box {
  background: #fff;
  position: absolute;
  top: 40%;
  left: 50%;
  width: 300px;
  margin-left: -150px;
  border-radius: 5px;
}

.zoomLoading .box h1 {
  border-bottom: 1px solid #ddd;
  padding: 10px;
  font-size: 16px;
}

/*.zoomLoading .box h1 span{ float: right; font-weight: normal; cursor: pointer;}*/
.zoomLoading .box p {
  text-align: center;
  padding: 20px 0;
  font-size: 16px;
}

.zoomLoading .box p a {
  background: #9BD754;
  padding: 7px 20px;
  color: #fff;
  border-radius: 5px;
  font-size: ;
}

@media screen and (max-width:1100px) {
  .toper .rightBox form {
    display: none;
  }

  .section {
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
  }

  .iNew .section {
    height: 100%;
  }

  .iNew .section li {
    width: 100%;
    float: none;
    overflow: hidden;
    padding: 20px 0 0 0;
    border-bottom: 1px dashed #eee;
    padding-bottom: 10px;
  }

  .iNew .section li .info p {
    height: 50px;
    overflow: hidden;
  }

  .iNew .section li a h4 {
    padding: 0;
  }

  .iNew .section li a time {
    display: none;
  }

  .iNew .section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 110px;
  }

  .iNew .section li .img {
    width: 30%;
  }

  .culturalBj .info {
    width: 100%;
  }

  .subNav {
    white-space: nowrap;
    overflow-x: scroll;
  }

  .proDetail {
    padding-top: 200px;
  }

  .proDetail .section {
    width: 100%;
    padding: 10px;
    box-sizing: ;
  }

  .proDetail .imgs,
  .proDetail .infos {
    width: 100%;
    float: none;
    padding: 0;
  }

  .inreNewsbaner,
  .inreJiamenbaner {
    height: 70vw;
  }

  .inreJiamenbaner .txt {
    width: 100%;
    padding: 10px;
  }
}

@media screen and (max-width:800px) {

  .toper .rightBox .login,
  .toper .rightBox .icons .wx {
    display: none;
  }

  .toper .rightBox .menu {
    padding: 0;
    border: none;
  }

  .toper .logo {
    width: 50%;
    min-width: 210px;
    padding-top: 0px;
  }

  .toper .menu {
    padding: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
  }

  .zoomNav {
    top: 104px;
    overflow: auto;
  }

  .zoomNav li {
    width: 100%;
    float: none;
    padding: 0;
    text-align: left;
    border-bottom: 1px dashed #666;
  }

  .zoomNav li .bar {
    display: none;
  }

  .zoomNav li h4 {
    padding: 0;
    font-size: 16px;
  }

  .zoomNav li h4 a {
    padding: 10px;
    display: block;
  }

  .zoomNav li .bar a {
    padding: 2px 20px;
    display: block;
  }

  .zoomNav .fastTip {
    display: block;
    padding: 10px;
  }

  .zoomNav form {
    overflow: hidden;
    padding-bottom: 10px;
  }

  .zoomNav form input {
    width: 66%;
    float: left;
    height: 40px;
    padding: 0 2%;
  }

  .zoomNav form button {
    width: 30%;
    float: right;
    height: 40px;
    background: #F07273;
  }

  .zoomNav .login {
    width: 100%;
    display: block;
    background: #f32c2c;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    border-radius: 1px;
  }

  .culturalBj .info {
    position: static;
    bottom: 0;
  }

  .culturalBj .section ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .culturalBj .section ul li:last-child {
    display: none;
  }

  .culturalBj .section ul li {
    width: 100%;
    padding: 10px;
    float: none;
    font-size: 12px;
  }

  .culturalBj .info li h4 {
    font-size: 16px;
    line-height: 26px;
    padding-top: 80px;
  }

  .iProductBj li {
    width: 50%;
    height: 50%;
  }

  .iProductBj li a span {
    width: 80%;
    margin-left: -40%;
  }

  .iPersonalBj .section li b {
    font-size: 18px;
  }

  .iMapBj .mapbox {
    width: 100%;
    overflow: hidden;
  }

  .iMapBj .address {
    width: 100%;
    overflow: hidden;
    padding-left: 10px;
    box-sizing: border-box;
  }

  .iMapBj .address {
    padding-top: 0;
  }

  .iMapBj .bar {
    width: 100%;
  }

  .iMapBj .provies {
    display: block;
  }

  .iContactBj .content {
    width: 100%;
    padding: 80px 10px;
    box-sizing: border-box;
  }

  .iContactBj .content .list {
    width: 100%;
    float: none;
    margin: 10px 0;
  }

  .footer .content {
    display: none;
  }

  .aboutBj .section {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    height: 100%;
  }

  .aboutBj .section .info {
    margin-top: 80px;
    overflow: auto;
    height: 80%;
    padding: 0;
  }

  #hist {
    width: 100%;
  }

  #hist .swiper-slide .content {
    margin: 0 10px;
  }

  .subNav {
    top: 103px;
  }

  .produts .tit {
    float: none;
    width: 100%;
    padding: 20px 0;
    text-align: center;
  }

  .produts .tit img {
    display: none;
  }

  .produts .roll {
    float: none;
    width: 100%;
    padding: 0;
  }

  .proDetail {
    padding-top: 160px;
  }

  .zoomProDetail {
    padding: 20% 10px;
    box-sizing: border-box;
  }

  .inreNew .section li {
    width: 48%;
  }

  .inreNewDetail .text {
    padding: 10px;
  }

  .applayFrom {
    padding: 15px;
  }

  .applayFrom li {
    width: 100%;
    float: none;
  }

  .inreConactBaner {
    display: flex;
    align-items: center;
    padding: 0;
    padding-top: 80px;
  }

  .usemsg li {
    width: 100%;
    float: none;
    height: auto;
    overflow: hidden;
  }

  .usemsg .textarea {
    width: 70%
  }

}

@media screen and (max-width:640px) {
  .toper {
    overflow: hidden;
    background: #fff;
    height: 80px;
  }

  #foter {
    height: 60px !important;
  }

  .toper .logo {
    padding-top: 8px;
  }

  .zoomNav {
    top: 80px;
  }

  .iMapBj .bar {
    padding-top: 80px;
  }

  .iNew .section li .img {
    display: none;
  }

  .iNew .section li .info {
    width: 100%;
    padding: 0;
  }

  .iPersonalBj .section li {
    width: 100%;
    float: none;
  }

  .iPersonalBj .section h4 {
    font-size: 24px;
  }

  .iPersonalBj .section li b {
    padding: 20px;
    display: block;
  }

  .iFranchiseBj .section h4 {
    font-size: 24px;
  }

  .iFranchiseBj .section ul {
    width: 100%;
  }

  .iFranchiseBj .section li a {
    width: 80px;
    height: 80px;
    line-height: 80px;
    padding: 0;
    font-size: 14px;
  }

  .iMapBj .address {
    width: 100%;
    overflow: hidden;
    padding: 10px;
    box-sizing: border-box;
  }

  .iMapBj .address li p {
    font-size: 12px;
    padding: 0;
  }

  .sutingBj h2 {
    font-size: 28px;
  }

  .sutingBj h4 {
    font-size: 24px;
    padding: 10px 0;
  }

  .sutingBj li p {
    font-size: 12px;
    padding: 10px 0;
  }

  .sutingBj li {
    width: 100%;
    margin: 0;
  }

  .sutingBj .txt {
    line-height: 22px;
  }

  .subNav {
    top: 80px;
  }

  .jiamenDetail .section {
    padding: 15px;
  }

  .jiamenDetail .section .list h4 {
    font-size: 20px;
  }

  .jiamenDetail .section .list .inofs {
    padding: 0;
    line-height: 24px;
  }

  .jiamenDetail .section .name {
    font-size: 30px;
  }

  .inreJiamenbaner .txt .left {
    display: none;
  }

  .inreJiamenbaner .txt span {
    float: none;
    text-align: center;
    width: 100%;
    display: block;
  }

  .inreConactBaner .section {
    padding: 15px;
  }

  .inreConactBaner .section .name {
    font-size: 16px;
  }

  .inreConactBaner .section .name h4 {
    font-size: 26px;
  }

  .recquemt {
    padding: 15px;
    font-size: 16px;
  }

  .userlogin .section {
    padding: 15px;
  }

  .userlogin {
    padding: 150px 0;
  }

  .userlogin .section p .bnt.search {
    display: block;
    margin: 5px auto;
    width: 150px;
  }

  .hide640 {
    display: none;
  }

  .userOrdey table th {
    font-size: 14px;
  }

  .pages a {
    display: none;
  }

  .pages {
    display: flex;
    justify-content: space-between;
  }

  .pages a.show {
    display: block;
    width: 40%;
  }

  .userlogin .section .name h4 {
    font-size: 20px;
  }

  .userlogin .section p {
    font-size: 12px;
  }

}

@media screen and (max-width:360px) {
  .iContactBj .content .bar .img {
    display: none;
  }

  .hide320 {
    display: none;
  }
}


  /*分页*/
#nx_pg{width:100%; min-height:50px; padding:20px 0px 0px 0px; text-align:center;}
#nx_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; border:1px solid #767676; color:#767676;font-size:14px; margin:0px 3px 50px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
#nx_pg a:hover{background:#4aa116;border:1px solid #4aa116; color:#fff;}
#nx_pg .on{ background:#4aa116;border:1px solid #4aa116; color:#fff;}
#clear{width:100%; height:0px; clear:both;}

.clear{width:100%; height:0px; clear:both;}