body {

  max-width: 640px;

  margin: 0 auto

}



body a {

  cursor: pointer

}



body h1,

body h2,

body p,

body span,

body em,

body div {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

  font-family: Arial;

  font-style: normal

}



.mill-landing {

  border-left: 1px solid #ebebeb;

  border-right: 1px solid #ebebeb

}



.mill-landing .first header {

  height: 1.36rem;

  background-color: #fff;

  display: flex;

  justify-content: space-between;

  align-items: center

}



.mill-landing .first header>img {

  width: 4.06rem;

  margin-left: .1rem

}



.mill-landing .first header .menuBtn {

  border: none;

  background-color: transparent;

  cursor: pointer

}



.mill-landing .first header .menuBtn img {

  display: block;

  width: .5rem;

  margin-top: .04rem

}



.mill-landing .first .mill-banner {

  background-color: #fff;

}



.mill-landing .first .mill-banner .banner {

  height: 22.8125rem;

  background: url(../images/bg01.jpg) no-repeat;

  background-size: 100%;

}



.mill-landing .first .mill-banner .text-wrap p {

  padding: 0 .6rem 0 .54rem;

  font-size: .375rem;

  line-height: .625rem;

  color: #565656;

  margin-top: 0.4rem;

  hyphens: auto

}



.mill-landing .first .mill-banner .text-wrap p span {

  font-weight: bold

}



.mill-landing .first .mill-banner .btn-wrap {

  width: 9.53rem;

  height: 1.25rem;

  background-color: #fe5f4a;

  border-radius: .25rem;

  border: solid 1px #df4533;

  display: flex;

  justify-content: space-evenly;

  align-items: center;

  margin: 0.4rem auto 0.7rem;

}



.mill-landing .first .mill-banner .btn-wrap .wa {

  display: flex

}



.mill-landing .first .mill-banner .btn-wrap .wa p {

  height: .7rem;

  display: flex;

  flex-direction: column;

  justify-content: center;

  margin-right: .15rem

}



.mill-landing .first .mill-banner .btn-wrap .wa p span {

  color: #fffcfc

}



.mill-landing .first .mill-banner .btn-wrap .wa p span:first-of-type {

  font-size: .31rem;

  padding-top: .1rem

}



.mill-landing .first .mill-banner .btn-wrap .wa p span:last-of-type {

  font-size: .37rem;

  font-weight: bold

}



.mill-landing .first .mill-banner .btn-wrap .wa img {

  width: .8rem

}



.mill-landing .first .mill-banner .btn-wrap .line {

  width: .03rem;

  height: .86rem;

  background-color: #fefffe;

  opacity: .35

}



.mill-landing .first .mill-banner .btn-wrap .btn a {

  display: block;

  width: 5.28rem;

  height: .65rem;

  line-height: .65rem;

  background-color: #fefffe;

  border-radius: .33rem;

  text-decoration: underline;

  font-size: .35rem;

  color: #fe5f4a;

  font-weight: bold;

  text-align: center

}



.mill-landing .second {

  background-color: #e8e7e7;

  overflow: hidden

}



.mill-landing .second .title-wrap {

  overflow: hidden

}



.mill-landing .second .title-wrap p {

  text-align: center;

  margin: .5rem 0 .3rem

}



.mill-landing .second .title-wrap p span {

  font-size: .86rem;

  font-weight: bold

}



.mill-landing .second .title-wrap p span:first-of-type {

  color: #565656

}



.mill-landing .second .title-wrap p span:last-of-type {

  color: #fe5f4a

}



.mill-landing .second .form-wrap {

  padding: 0 .23rem

}



.mill-landing .second .form-wrap .form-body>p {

  width: 100%;

  display: flex;

  flex-wrap: nowrap;

  justify-content: end

}



.mill-landing .second .form-wrap .form-body>p .mu-form-item {

  margin-bottom: .1rem;

  padding-bottom: .1rem

}



.mill-landing .second .form-wrap .form-body .contact-form .mu-form-item {

  width: 2.4rem;

}

.mill-landing .second .form-wrap .form-body .contact-form .mu-form-item:first-of-type {

  width: 4.2rem !important;

}



@media (max-width: 455px) {

 .mill-landing .second .form-wrap .form-body>p .mu-form-item .mu-form-item-help {

    font-size: 9.7px;

 }

}



.mill-landing .second .form-wrap .form-body>p .mu-form-item__label-right .mu-form-item-label {

  padding-right: .125rem;

  margin-top: .04rem;

  font-size: .375rem;

}



.mill-landing .second .form-wrap .form-body>p span {

  color: red;

  font-size: .5rem;

  padding-top: 5px

}



.mill-landing .second .form-wrap .form-body>p:not(:last-of-type) .mu-form-item__error .mu-form-item-help {

  bottom: -0.1rem

}



.mill-landing .second .form-wrap .form-body>p:not(:last-of-type) .mu-form-item-content {

  width: 7.48rem;

  padding-left: .1rem;

  height: .625rem;

  background-color: #fff;

  border-radius: .05rem

}



.mill-landing .second .form-wrap .form-body>p:not(:last-of-type) .mu-form-item-content .mu-select-input,

.mill-landing .second .form-wrap .form-body>p:not(:last-of-type) .mu-form-item-content .mu-text-field-input {

  height: .625rem;

  min-height: 32px;

  padding-left: .05rem;

  font-size: .31rem;

  line-height: .625rem

}



.mill-landing .second .form-wrap .form-body>p:last-of-type .mu-form-item__error .mu-form-item-help {

  bottom: -0.2rem

}



.mill-landing .second .form-wrap .form-body>p:last-of-type .mu-form-item-content {

  width: 7.48rem;

  padding-left: .1rem;

  background-color: #fff;

  border-radius: .05rem;

  align-items: flex-start

}



.mill-landing .second .form-wrap .form-body>p:last-of-type .mu-form-item-content textarea:first-of-type {

  height: 0 !important

}



.mill-landing .second .form-wrap .form-body>p:last-of-type .mu-form-item-content textarea:last-of-type {

  height: 2rem !important

}



.mill-landing .second .form-wrap .form-body>p:last-of-type .mu-form-item-content .mu-text-field-input.mu-text-field-textarea {

  padding-left: .05rem;

  font-size: .31rem

}



.mill-landing .second .form-wrap .btn-wrap {

  width: 100%;

  height: .83rem;

  display: flex;

  justify-content: end;

  margin: .3rem 0 .5rem

}



.mill-landing .second .form-wrap .btn-wrap a {

  display: block;

  width: 7.48rem;

  height: .83rem;

  line-height: .83rem;

  background-color: #fe5f4a;

  font-size: .375rem;

  color: #fff;

  text-align: center

}



.mill-landing .third {

  padding: 0 .2rem;

  position: relative

}



.mill-landing .third .title-wrap {

  margin-bottom: .2rem

}



.mill-landing .third .title-wrap p {

  width: 8.45rem;

  margin: 0 auto

}



.mill-landing .third .title-wrap p:first-of-type {

  text-align: center;

  font-size: .78rem;

  font-weight: bold;

  color: #565656;

  margin: .3rem auto .1rem

}



.mill-landing .third .title-wrap p:first-of-type span:last-of-type {

  color: #fe5f4a

}



.mill-landing .third .title-wrap p:last-of-type {

  font-size: .36rem;

  line-height: .37rem;

  color: #565656;

  margin: 0 auto .3rem;

  text-align: center;

}



.mill-landing .third .img-list {

  width: 100%;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between

}



.mill-landing .third .img-list .img-wrap {

  padding: .06rem .1rem;

  border-radius: .16rem;

  border: dotted 1px #fe5f4a;

  position: relative;

  margin-bottom: .12rem;

  background-color: #fff

}



.mill-landing .third .img-list .img-wrap img {

  display: block

}



.mill-landing .third .img-list .img-wrap img:first-of-type {

  width: 2.87rem;

  margin-top: .05rem

}



.mill-landing .third .img-list .img-wrap img:first-of-type.special {

  width: 9.32rem

}



.mill-landing .third .img-list .img-wrap img:last-of-type {

  position: absolute;

  height: 1.1rem;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%)

}



.mill-landing .third .other {

  overflow: hidden;

  position: absolute;

  width: 10rem;

  padding: .9rem .15rem;

  bottom: -5.6rem;

  left: 50%;

  transform: translateX(-50%);

  /* z-index: -1 */

}



.mill-landing .third .other .title {

  font-size: .7rem;

  color: #fe5f4a;

  text-align: center;

  font-weight: bold;

  margin: .5rem 0

}



.mill-landing .third .other .stuff-wrap {

  display: flex;

  justify-content: space-between;

  position: relative

}



.mill-landing .third .other .stuff-wrap .stuff {

  padding: .125rem;

  background-color: #fe5f4a;

  border-radius: .15rem;

  position: relative

}



.mill-landing .third .other .stuff-wrap .stuff img {

  display: block

}



.mill-landing .third .other .stuff-wrap .stuff img:first-of-type {

  width: 4.5rem;

  border-radius: .15rem

}



.mill-landing .third .other .stuff-wrap .stuff img:last-of-type {

  position: absolute;

  height: 1.2rem;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%)

}



.mill-landing .third .other .stuff-wrap .arrow {

  width: .625rem;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  z-index: 100

}



.mill-landing .third .other .stuff-wrap .arrow img {

  width: 100%

}



.mill-landing .third .btn-wrap {

  background-color: #e8e7e7;

  position: absolute;

  bottom: -9rem;

  width: 10rem;

  left: 50%;

  transform: translateX(-50%);

  padding: 0 0 .6rem

}



.mill-landing .third .btn-wrap .btn {

  display: block;

  width: 9.53rem;

  margin: 0 auto

}



.mill-landing .third .btn-wrap .btn img {

  width: 100%

}



.mill-landing .fourth {

  margin-top: 9rem;

  padding-bottom: .3rem;

  background-color: #e8e7e7

}



.mill-landing .fourth .title-wrap {

  /* display: flex;

  justify-content: center;

  align-items: center; */

  margin-bottom: .6rem

}



.mill-landing .fourth .title-wrap p {

  font-size: .53rem;

  font-weight: bold;

  color: #565656;

  padding: 0 .15rem;

  text-align: center;

}



.mill-landing .fourth .title-wrap span {

  display: inline-block;

  height: 1rem;

  padding: 0 .2rem .5rem;

  font-size: .86rem;

  line-height: 1rem;

  color: #fff;

  background-color: #fe5f4a;

  border-radius: .15rem;

}



.mill-landing .fourth .intro {

  padding: 0 .23rem

}



.mill-landing .fourth .intro img {

  display: block;

  width: 100%

}



.mill-landing .fourth .intro .text-wrap {

  padding: .1rem 0 .4rem;

  background-color: #fff

}



.mill-landing .fourth .intro .text-wrap.changeW p:nth-of-type(2) {

  align-items: center

}



.mill-landing .fourth .intro .text-wrap.changeW p:nth-of-type(2) span {

  width: 33%;

  text-align: center

}



.mill-landing .fourth .intro .text-wrap p {

  color: #595757

}



.mill-landing .fourth .intro .text-wrap p:first-of-type {

  font-size: .39rem;

  font-weight: bold;

  text-align: center;

  padding: 0 .15rem;

}



.mill-landing .fourth .intro .text-wrap p:nth-of-type(2) {

  margin: .01rem 0 .11rem;

  display: flex;

  font-size: .25rem;

  align-items: center;

}



.mill-landing .fourth .intro .text-wrap p:nth-of-type(2) span {

  display: inline-block;

  width: 33.33%;

  text-align: center;

}



.mill-landing .fourth .intro .text-wrap p:last-of-type {

  color: #fff;

  display: flex;

  font-size: .25rem;

  font-weight: bold;

  justify-content: space-around;

  padding: 0 .15rem;

}



.mill-landing .fourth .intro .text-wrap p:last-of-type span {

  width: 3rem;

  height: .65rem;

  line-height: .65rem;

  background-color: #fe5f4a;

  border-radius: .125rem;

  text-align: center;

  transform: skew(-10deg)

}



.mill-landing .fourth .intro .text-wrap p:last-of-type span i {

  font-style: normal;

  display: block;

  transform: skew(10deg)

}



.mill-landing .fifth {

  padding: .5rem .21rem .3rem

}



.mill-landing .fifth .btn-wrap {

  display: block

}



.mill-landing .fifth .btn-wrap img {

  width: 100%

}



.mill-landing .fifth .text-wrap {

  font-size: .8rem;

  font-weight: bold;

  color: #565656;

  padding: .3rem 0;

  line-height: 1rem;

  text-align: center

}



.mill-landing .fifth .text-wrap span:nth-of-type(2) {

  color: #fe5f4a

}



.mill-landing .fifth .text-wrap p {

  text-align: center

}



.mill-landing .fifth .img-wrap {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between

}



.mill-landing .fifth .img-wrap img {

  display: block;

  width: 100%;

  margin-bottom: 1px

}



.mill-landing .fifth .img-wrap img:first-of-type,

.mill-landing .fifth .img-wrap img:nth-of-type(2) {

  width: 4.755rem

}



.mill-landing .sixth {

  padding: 0 .21rem;

  background-color: #e8e7e7

}



.mill-landing .sixth .text-wrap {

  font-size: .8rem;

  font-weight: bold;

  color: #565656;

  padding: .4rem 0;

  text-align: center

}



.mill-landing .sixth .text-wrap span:last-of-type {

  color: #fe5f4a

}



.mill-landing .sixth .img-wrap {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between

}



.mill-landing .sixth .img-wrap img {

  display: block;

  width: 100%;

  margin-bottom: 1px

}



.mill-landing .sixth .img-wrap img:nth-of-type(2),

.mill-landing .sixth .img-wrap img:nth-of-type(3) {

  width: 4.755rem

}



.mill-landing .sixth .info-wrap {

  width: 100%;

  height: 5.3rem;

  padding: .6rem 0 .2rem;

  display: flex;

  flex-wrap: wrap;

  margin-bottom: 1.32rem

}



.mill-landing .sixth .info-wrap .info {

  width: 50%;

  height: 50%;

  display: flex;

  flex-direction: column;

  justify-content: space-evenly;

  align-items: center

}



.mill-landing .sixth .info-wrap .info p:first-of-type {

  width: 3.5rem;

  height: 1.375rem;

  line-height: 1.375rem;

  text-align: center;

  background-color: #fe5f4a;

  border-radius: .68rem;

  font-size: 1rem;

  font-weight: bold;

  color: #ffffff;

}



.mill-landing .sixth .info-wrap .info p:last-of-type {

  font-size: .31rem;

  line-height: .4rem;

  color: #595757;

  text-align: center;

}



.mill-landing .footer {

  position: fixed;

  bottom: 0;

  width: 100%;

  max-width: 638px;

  height: 1.32rem;

  background-color: #fe5f4a;

  display: flex;

  justify-content: center;

  padding: 0 .25rem

}



.mill-landing .footer .btn-wrap {

  display: block;

  width: 100%;

  height: 100%;

  display: flex;

  justify-content: center;

  align-items: center

}



.mill-landing .footer .btn-wrap img {

  width: 1.3rem

}



.mill-landing .footer .btn-wrap p {

  width: 6.4rem;

  height: .75rem;

  line-height: .75rem;

  font-size: .6rem;

  font-weight: bold;

  text-align: center;

  color: #fff

}



.mu-popover.popover {

  width: 6rem !important;

  min-width: 6rem !important;

  max-width: 6rem !important

}



/*# sourceMappingURL=./style.css.map */

.contact {
        opacity: 1;
        width: 100%;
        height: 45px;
        text-align: center;
        position: fixed !important;
        bottom: 0;
        z-index: 20000;
        border-radius: 5px;
        max-width: 640px;
        font-size: 16px;
        color: #fff;
        font-weight: bold;
    }

.contact a {
        color: #fff;
        font-size: 20px;
        vertical-align: middle;
        text-decoration: none;
    }
.swt_l {
    color: #ffffff;
    padding-top: 0.12rem;
    padding-bottom: 0.26rem;
    text-align: center;
	background: -webkit-gradient(linear, left top, left bottom, from(#7698e9), to(#0d2458));
	float: left;
    width: 50%;
}
.ly_r {
    color: #ffffff;
    padding-top: 0.12rem;
    padding-bottom: 0.26rem;
    text-align: center;
	background: -webkit-gradient(linear, left top, left bottom, from(#f19971), to(#e71a03));
	float: right;
    width: 50%;
}
.contact .lybox {
  background: url(/spec/images/form.png) no-repeat 5px;
  padding-left: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  color: #fff;
  font-weight: bold;  
}
.contact .fc {
  background: url(/spec/images/tell-24.gif) no-repeat 5px;
  padding-left: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 20px;
  color: #fff;
  font-weight: bold; 
}