.wrap {
  background: #fff;
}
.wrap img {
  width: 100%;
  display: block;
}
.pr {
  position: relative;
}
.pa {
  position: absolute;
}
.c-list:after,
.m-box:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
html {
  font-size: 10px;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media screen and (min-width: 320px) {
  html {
    font-size: 10px;
  }
}
@media screen and (min-width: 360px) {
  html {
    font-size: 11.25px;
  }
}
@media screen and (min-width: 375px) {
  html {
    font-size: 11.7px;
  }
}
@media screen and (min-width: 400px) {
  html {
    font-size: 13.13px;
  }
}
@media screen and (min-width: 440px) {
  html {
    font-size: 14.38px;
  }
}
@media screen and (min-width: 414px) {
  html {
    font-size: 13px;
  }
}
@media screen and (min-width: 480px) {
  html {
    font-size: 15px;
  }
}
@media screen and (min-width: 520px) {
  html {
    font-size: 16.88px;
  }
}
@media screen and (min-width: 560px) {
  html {
    font-size: 17.5px;
  }
}
@media screen and (min-width: 640px) {
  html {
    font-size: 20px;
  }
}
/*通栏广告*/
.g-adv {
  position: relative;
  width: 100%;
  margin: 0 auto;
  height: auto;
  z-index: 15;
}
.g-adv .m-box img {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}
.g-adv .m-cnt {
  position: absolute;
  bottom: 1rem;
  left: 0;
  width: 100%;
  height: 0.42rem;
  text-align: center;
  font-size: 0;
}
.g-adv .m-cnt li {
  background: #444444;
  width: 10%;
  height: 0.42rem;
  margin: 0 4%;
  border-radius: 0.3rem;
  display: inline-block;
  transition: 1s ease all;
}
.g-adv .m-cnt li.z-on {
  background: #c6683b;
  width: 15%;
}
.title {
  height: 5rem;
  text-align: center;
}
.title span {
  height: 2.8rem;
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 2.8rem;
  color: #2c3033;
}
.title em {
  display: block;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 2.25rem;
  color: #5a5a5a;
}
.title i {
  display: block;
  font-size: 1.2rem;
  line-height: 1.65rem;
  color: #333333;
}
/**/
.guide {
  background-size: 100% auto;
}
.guide .title {
  padding-top: 3rem;
  padding-bottom: 0.45rem;
}
.guide-img {
  box-sizing: border-box;
  height: 17.8rem;
  padding: 1rem 1rem;
  /* margin-bottom: 1.35rem; */
  /* background: url(/Mobile/Images/Index/guide-bg.jpg) no-repeat center bottom; */
  background-size: 100% 17.8rem;
}
.guide-con {
  margin: 0 1rem;
  background-color: #eeeeee;
}
.guide-con ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.guide-con li {
  width: 50%;
  height: 7.4rem;
  position: relative;
  color: #2c3033;
  line-height: 0;
  text-align: center;
  padding-top: 1.5rem;
  box-sizing: border-box;
}
.guide-con li:nth-child(3) {
  background-color: #c6683b;
  color: #fff;
}
.guide-con li:nth-child(2n-1)::after {
  content: "";
  width: 1px;
  height: 5rem;
  background-color: #a9a9a9;
  position: absolute;
  top: 50%;
  margin-top: -2.5rem;
  right: 0;
}
.guide-con li i {
  font-size: 3rem;
  line-height: 3rem;
  letter-spacing: -1px;
  font-family: arial;
}
.guide-con li sup {
  font-size: 0.9rem;
  line-height: 1.5rem;
  vertical-align: top;
}
.guide-con li p {
  font-size: 0.9rem;
  line-height: 1.2rem;
}
.guide-con li span {
  width: 3rem;
  height: 3rem;
  display: inline-block;
  vertical-align: bottom;
  overflow: hidden;
}
/*product*/
.g-product .title {
  padding-top: 3rem;
  margin-bottom: 1rem;
}
.pro-nav {
  margin: 0 1rem;
}
.pro-nav ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.pro-nav li {
  width: 31.7%;
  height: 3rem;
  height: 7.45rem;
  border: solid 0.15rem #959595;
  box-sizing: border-box;
  margin-bottom: 0.7rem;
}
.pro-nav li a img{ width:65%; display:block; margin:0 auto;}
/*.pro-nav li.on
{
  border: solid 0.15rem #C6683B;  
}
.pro-nav li.on span
{
  color: #C6683B;  
}*/
.pro-nav li span {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.8rem;
  text-align: center;
  color: #2b3034;
}
.pro-swiper dl {
  background-color: #fff;
  margin: 0 1rem;
  font-size: 1.1rem;
  line-height: 1.2rem;
  color: #3f3f3f;
}
.pro-swiper dl dt {
  margin-bottom: 0.2rem;
}
.pro-swiper dl h3 {
  height: 3.65rem;
  font-size: 1.8rem;
  color: #3f3f3f;
  line-height: 3.65rem;
  border-bottom: 0.1rem solid #959595;
  margin-bottom: 1.5rem;
}
.pro-swiper dl h3 span {
  color: #c6683b;
}
.pro-swiper dl h3 a {
  color: #3f3f3f;
}
.pro-swiper .pro-desc {
  padding-bottom: 0.9rem;
}
.pro-swiper .pro-desc p {
  margin-bottom: 1.1rem;
  padding-left: 1.6rem;
  position: relative;
}
.pro-swiper .pro-desc p:after {
  content: "";
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  position: absolute;
  top: 0.2rem;
  left: 0;
  background-color: #3f3f3f;
}
.pro-swiper .pro-link {
  width: 1.95rem;
  height: 1.95rem;
  margin-bottom: 1.5rem;
  background: url(/Mobile/Images/Index/icon1.png) no-repeat center center;
  background-size: 1.95rem 1.95rem;
}
.pro-swiper .pro-link a {
  display: block;
  width: 1.95rem;
  height: 1.95rem;
}
.pro-swiper .pro-list {
  padding: 1.5rem 1rem 2.2rem;
  background-color: #eeeeee;
}
.pro-swiper .pro-list ul {
  display: flex;
  justify-content: space-between;
}
.pro-swiper .pro-list li {
  width: 47.8%;
}
.pro-swiper .pro-list li span {
  display: block;
  font-size: 1.1rem;
  color: #2e2e2e;
}
.pro-swiper .pro-list li em {
  color: #a9a9a9;
}
.pro-swiper .pro-more {
  height: 3.3rem;
  background: url(/Mobile/Images/Index/ban1.jpg) no-repeat center center;
  background-size: 100% auto;
  font-size: 1.1rem;
  line-height: 3.3rem;
  text-align: center;
}
.pro-swiper .pro-more a {
  display: block;
  color: #fff;
}
.pro-tow-nav {
  position: absolute;
  top: 34%;
  right: 1rem;
  width: 70%;
  display: flex;
  justify-content: space-between;
  z-index: 90;
}
.pro-tow-nav span {
  display: block;
  width: 31.5%;
  background-color: #444444;
  font-size: 0.9rem;
  color: #fff;
  line-height: 2.15rem;
  text-align: center;
}
.pro-tow-nav span a
{
  color:#fff;    
}
.pro-tow-nav span.on{
  background: #c6683b;
}
.trait {
  margin: 0 1rem 3.35rem;
}
.trait .title {
  padding-top: 3rem;
  margin-bottom: 1rem;
}
.trait-slide {
  width: 58.5%;
}
.trait-slide dl {
  height: 9rem;
  background-color: #eeeeee;
  border-radius: 0.2rem;
  padding-top: 1rem;
  padding-left: 1.5rem;
  margin-bottom: 1rem;
  border-left: 0.3rem solid #c6683b;
  box-sizing: border-box;
  display: flex;
}
.trait-slide dt {
  margin-right: 1.5rem;
  width: 2.7rem;
}
.trait-slide h3 {
  font-size: 1.5rem;
  font-weight: bold;
  color: #2c3033;
  line-height: 2.6rem;
  position: relative;
}
.trait-slide h3:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1.35rem;
  height: 0.1rem;
  background-color: #c6683b;
}
.trait-slide p {
  font-size: 1.1rem;
}
.trait-slide i {
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(/Mobile/Images/Index/trait-icon9.png) no-repeat center center;
  background-size: 1rem 1rem;
}
.trait-jt {
  margin-top: 1rem;
  display: flex ;
  justify-content: center;
  position: relative;
}
.trait-jt:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 38%;
  height: 1px;
  background-color: #aaaaaa;
}
.trait-jt::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 38%;
  height: 1px;
  background-color: #aaaaaa;
}
.trait-jt > div {
  margin: 0 0.2rem;
  width: 1.3rem;
  height: 1.3rem;
}
.trait-img {
  position: absolute;
  width: 16.3rem;
  top: 8.5rem;
  right: 0;
}
/**/
.g-case {
  padding: 0 1rem 3rem;
  background-color: #eeeeee;
}
.g-case .title {
  padding-top: 3rem;
  margin-bottom: 1rem;
}
.g-case dl {
  position: relative;
  margin-bottom: 5.2rem;
}
.g-case dl dd {
  position: absolute;
  top: 18.35rem;
  left: 1.6rem;
  width: 89%;
  height: 6.4rem;
  box-sizing: border-box;
  background: url(/Mobile/Images/Index/case-icon1.png) no-repeat center top;
  background-size: 100% auto;
  box-shadow: 0.13rem 0.22rem 1.35rem 0rem rgba(0, 0, 0, 0.15);
  font-size: 1.1rem;
  line-height: 1.16rem;
  color: #3a3831;
}
.g-case dl dd a {
  display: block;
  padding: 0.7rem 7.35rem 0 1.75rem;
  color: #3a3831;
}
.g-case dl h3 {
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 2.1rem;
  color: #333;
}
.case-nav {
  margin-top: 0.8rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.case-nav li {
  width: 49.1%;
  height: 2.85rem;
  border: solid 0.15rem #444444;
  box-sizing: border-box;
  margin-bottom: 0.5rem;
  font-size: 1.1rem;
  line-height: 2.85rem;
  text-align: center;
  color: #525658;
}
.case-nav li a {
  color: #525658;
}
.case-nav li.z-on {
  border-color: #c6683b;
  color: #fff;
  background-color: #c6683b;
}
.case-list ul {
  display: flex;
  justify-content: space-between;
}
.case-list li {
  width: 47.8%;
}
.case-list li span {
  display: block;
  font-size: 1.1rem;
  line-height: 2.5rem;
  font-weight: bold;
  color: #2e2e2e;
}
.case-jt {
  margin-top: 1.15rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-align: center;
}
.case-jt:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 34%;
  height: 1px;
  background-color: #aaaaaa;
}
.case-jt::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 34%;
  height: 1px;
  background-color: #aaaaaa;
}
.case-jt > div {
  margin: 0 0.3rem;
  width: 1.6rem;
  height: 1.6rem;
}
.case-jt li {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #444444;
  margin: 0 0.25rem;
  border-radius: 50%;
}
.case-jt li > .cur {
  background-color: #c6683b;
}
.case-jt .prev {
  background: url(/Mobile/Images/Index/prev-icon2.png) no-repeat center center;
  background-size: 1.6rem 1.6rem;
}
.case-jt .next {
  background: url(/Mobile/Images/Index/next-icon2.png) no-repeat center center;
  background-size: 1.6rem 1.6rem;
}
.g-ys {
  background: url(/Mobile/Images/Index/ys-bg.jpg) no-repeat center top;
  background-size: 100% auto;
  padding: 0 1rem;
}
.g-ys .title {
  padding-top: 3rem;
  margin-bottom: 1.2rem;
}
.g-ys .title span,
.g-ys .title em {
  color: #fff;
}
.g-ys dl {
  background-color: #ffffff;
  box-shadow: 0rem 0rem 1.5rem 0rem rgba(0, 0, 0, 0.17);
  border-bottom: 0.3rem solid #c6683b;
  border-radius: 0.3rem;
  overflow: hidden;
}
.g-ys dd {
  padding: 1.15rem 1rem 0;
  font-size: 1.1rem;
  line-height: 1.3rem;
  margin-bottom: 1.45rem;
  height: 12rem;
}
.g-ys dd h3 {
  height: 5.3rem;
  margin-bottom: 0.7rem;
  border-bottom: 1px solid #aaaaaa;
  font-size: 2.25rem;
  font-weight: bold;
  line-height: 3rem;
  color: #2c3033;
}
.g-ys dd h3 span {
  display: block;
  font-weight: normal;
  font-size: 1.2rem;
  line-height: 1.55rem;
}
.ys-nav {
  margin-bottom: 2rem;
  display: flex;
  flex-wrap: wrap;
  border-left: 0.15rem solid #E0AE95;
  border-bottom: 0.15rem solid #E0AE95;
}
.ys-nav .li,.ys-nav li
{
  display:block;
  width: 25%;
  height: 6.6rem;
  border: 0.15rem solid #E0AE95;
  box-sizing: border-box;
  margin-bottom: -0.15rem;
  border-left: 0;
  border-bottom: 0 ;
  color: #fff;
  padding: 1rem 0 0 0.8rem;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
.ys-nav li a
{
  color:#fff;
}
.ys-nav li i {
  display: block;
  font-size: 1rem;
  line-height: 1rem;
  opacity: 0.3;
}
.ys-nav li em {
  margin-top: 0.2rem;
  display: block;
  height: 1.2rem;
  font-size: 0.4rem;
  line-height: 1.2rem;
  word-break: break-all;
  opacity: 0.3;
  letter-spacing: -1px;
  overflow: hidden;
}
.ys-nav li.z-on {
  background-color: #fff;
  color: #c6683b;
  border-color: #fff;
}
/*news*/
.g-news {
  padding: 0 1rem 0;
}
.g-news .title {
  padding-top: 3rem;
  margin-bottom: 0.2rem;
}
.news-nav {
  display: flex;
  justify-content: center;
  margin-bottom: 1.1rem;
}
.news-nav li {
  width: 9.4rem;
  height: 2.6rem;
  background-color: #444444;
  margin: 0 0.25rem;
  font-size: 1.2rem;
  line-height: 2.6rem;
  text-align: center;
  color: #fff;
}
.news-nav li.on {
  background-color: #c6683b;
}
.news-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.news-list dl {
  width: 48.9%;
  margin-bottom: 0.7rem;
  background-color: #eeeeee;
}
.news-list dd {
  padding: 1rem 0.75rem 1.5rem;
}
.news-list h3 {
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: #2c3033;
  margin-bottom: 1.4rem;
}
.news-list .news-link {
  text-decoration: underline;
  font-size: 1.1rem;
  line-height: 1.1rem;
  color: #2c3033;
}
.news-list .news-link a
{
  color: #2c3033;  
}
.news-tow-swiper {
  background-color: #fff;
}
.news-tool {
  margin-top: 0.5rem;
  display: flex;
  justify-content: center;
  position: relative;
  height: 1.6rem;
}
.news-tool:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 34%;
  height: 0.1rem;
  background-color: #aaaaaa;
}
.news-tool::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 34%;
  height: 0.1rem;
  background-color: #aaaaaa;
}
.news-next {
  background: url(/Mobile/Images/Index/next-icon2.png) no-repeat center center;
}
.news-prev {
  background: url(/Mobile/Images/Index/prev-icon2.png) no-repeat center center;
}
.news-next,
.news-prev {
  width: 1.6rem;
  height: 1.6rem;
  background-size: 1.6rem 1.6rem;
}
.news-pag {
  margin: 0 0.2rem;
  line-height: 1.6rem;
}
.news-pag span {
  width: 0.5rem;
  height: 0.5rem;
  background-color: #444444;
  margin: 0 0.25rem;
  border-radius: 50%;
  opacity: 1;
}
.news-pag span.swiper-pagination-bullet-active {
  background-color: #c6683b;
}
.g-about
{
  padding-top:3rem;    
}
.g-about ul {
  height: 9.9rem;
  display: flex;
  justify-content: space-between;
  background-color: #c6683b;
  align-items: center;
  text-align: center;
  color: #fff;
}
.g-about li {
  width: 25%;
}
.g-about li img {
  width: 4.5rem;
  margin: 0 auto;
}
.g-about li span {
  display: block;
  font-size: 1.1rem;
  color:#fff;   
}
.g-about li em {
  font-size: 0.6rem;
  letter-spacing: -1px;
  opacity: 0.3;
  color:#fff;  
  white-space: nowrap; 
}
.about-title {
  height: 9.9rem;
  background-color: #a44d23;
  padding: 0 1rem;
  box-sizing: border-box;
  padding-top: 0.55rem;
  font-size: 2.46rem;
  line-height: 5rem;
  color: #fff;
}
.about-title p {
  height: 4.1rem;
  box-sizing: border-box;
  padding-top: 1rem;
  border-bottom: 0.25rem solid #fff;
  font-size: 1rem;
  line-height: 1.1rem;
}