body{background: #f9f9f9;}
.wrap img{display: block;width: 100%;}
.m-adv {width: 100%;  position:relative;}
.m-adv img{ width:100%; display: block;}
.m-adv .swiper-pagination{bottom: 1rem !important; z-index: 1}
.m-adv .swiper-pagination .swiper-pagination-bullet{width: 0.9rem; height: 0.9rem; margin:0rem 0.3rem !important;background-color: #fff; opacity: 1; position: relative;}
.m-adv .swiper-pagination .swiper-pagination-bullet-active{ background-color: #174339;border:0.1rem solid #174339;width: 0.7rem; height: 0.7rem;}


.tit01{text-align: center; }
.tit01 h2{font-size: 2.4rem; font-family: "Microsoft YaHei";color: #343434;font-weight:bold;position: relative; }
.tit01 a{color: #343434; }
.tit01 i{ font-size: 1.1rem;color: #b39256; font-weight: normal;font-family: arial;text-transform: uppercase;position: relative;height: 1.8rem;}
.tit01 i::before{content: "";position: absolute;width: 6rem;height: 1px;background:#d5d5d5;left:-6.7rem;top:0;}
.tit01 i::after{content: "";position: absolute;width: 6rem;height: 1px;background:#d5d5d5;right:-6.7rem;top:0;}
.tit01 p{ font-weight: normal; display: block;font-size:1.2rem;color: #666666; line-height: 1.8rem; }
.tit01 span{font-size: 1.5rem;color: #b39256;font-family: arial; font-weight: normal;display: block;text-transform: uppercase;}

/**/
.m-guide{ clear: both; overflow: hidden;background:#fff;background-size: 100% 100%;  padding: 2rem 0 2.5rem; box-sizing: border-box; font-family: "Microsoft YaHei";}
.m-guide .tit01{height:6.8rem;}
.m-guide .tit01 h2{font-size: 1.8rem;}
.m-guide .tit01 span{font-size: 1.5rem;color: #b39256;font-family: arial; font-weight: normal;display: block;text-transform: uppercase;}
.m-guide dl{ width:100%;text-align: center;background: url(../images/guidebg.jpg) no-repeat center bottom;background-size: 100%;}
.m-guide dt{width:92%;margin:0 auto;position:relative;}
.m-guide dt i{width: 100%; height: 100%;  display: block;background: url(../images/guide-btn1.png) no-repeat; position: absolute; left:0%;top:0%;z-index: 1;background-size:100% 100%;}
.m-guide dd{height:3.8rem;padding-top:1rem;font-size: 1.5rem;color: #ffffff;}
.guide{width:92%;margin:0 auto;}
.guide p{ font-size:1.2rem; color:#666666;  box-sizing:border-box;margin:2rem 0 1.5rem;text-align: center;}
.guide .guide-btn{width:9.2rem;margin:0 auto;display: block;}


/* */
.m-products{ clear: both; overflow: hidden; background:#f1f1f1;background-size: 100% 100%; padding:2.7rem 0; box-sizing: border-box; font-family: "Microsoft YaHei";}
.m-products .tit01{height:8.4rem;}
.pro{width: 92%;overflow: hidden;margin:0 auto;}
.pro-nav{width: 92%;clear: both;overflow: hidden; margin:0 auto 1.3rem; position: relative;}
.pro-nav a{width: 33.33%;text-align: center; float: left; font-size: 1.2rem; line-height: 3.6rem;box-sizing: border-box;color: #343434; text-decoration: none; display: block;border: 1px solid #dfdfdf;background:#fff;}
.pro-nav a.cur{background: #174339;color: #fff; font-weight: normal;}
.pro-clm{position: relative;margin-bottom: 1.2rem;}
.pro-prev{width: 2.35rem;height:5.2rem;background:url(../images/left.png) no-repeat;background-size: 100%; position: absolute; left:0rem !important;top:50%;margin-top:-2.6rem; z-index: 2;}
.pro-next{width: 2.35rem;height:5.2rem;background:url(../images/right.png) no-repeat;background-size: 100%; position: absolute;right:0rem !important;top:50%;margin-top:-2.6rem;z-index: 2;}
.pro-clm a{display: block;position: relative;width:100%;}
.pro-clm a h4{background: rgba(0, 0, 0, 0.5);color: #fff; text-align: center;font-size: 1.2rem;line-height: 2.8rem;height:2.8rem;width: 100%;position:absolute;left:0;bottom: 0;}
.pro-ad{width:100%;margin:0 auto;position: relative;padding-bottom: 2.3rem;}
.pro-ad ul{width: 100%;}
.pro-ad li{width: 49.275%;  box-sizing: border-box;float: left;margin-right: 1.45%;position: relative;margin-bottom: 0.75rem;}
.pro-ad li img{display: block;width: 100%;border:1px solid #e0e0e0; box-sizing: border-box;}
.pro-ad li h4{height: 2.5rem; text-align: center;font-size:1.2rem; color: #343434;line-height:2.5rem;display: block;width: 100%; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;box-sizing: border-box;width:100%;}
.pro-ad li:nth-child(2n){margin-right: 0;}
.pro-btn{width:8.85rem;height:2.45rem;line-height: 2.45rem;text-align: center;background:#174339;display: block; font-size: 1.2rem;color: #fff;margin:0 auto;}
.pro-btn img{width:1rem;height:0.4rem; vertical-align: middle;display: inline;}


/**/
.m-speed{width:100%;overflow: hidden;min-height: 17.3rem; background:#e7e7e7;background-size: 100% 100%; padding:2.2rem 0 2.95rem; box-sizing: border-box; font-family: "Microsoft YaHei";}
.speed{width: 92%;margin:0 auto;clear: both;overflow: hidden; }
.speed dl{margin-bottom: 1.8rem; clear: both;overflow: hidden;}
.speed dt{width:100%; line-height: 2.3rem;height: 2.3rem;font-size: 1.2rem;color:#343434;font-weight: bold;}
.speed dd{width:100%;}
.speed dd a{width:33.33%;display: block;float: left; line-height: 2.4rem;font-size: 1.2rem;color:#666666;text-align: left;}
.speed  .sea{overflow: hidden; height:3.45rem;width: 100%; background: url(../images/ss.png) no-repeat;background-size: 100%; }
.speed .inp01{border-style: none;  float:left;color: #b7b7b7; padding-left: 1rem;width:84%; height: 3.45rem;font-family:"Microsoft Yahei"; font-size: 1.2rem; background:none;  line-height: 3.45rem;box-sizing: border-box;}
.speed .inp02{border-style: none;cursor: pointer;height:3.45rem;width:16%; display: inline-block; color: #fff;background: none;}

/**/
.m-chara{ clear: both; overflow: hidden;background:#174339;background-size: 100% 100%;  padding: 3rem 0 0; box-sizing: border-box; font-family: "Microsoft YaHei";}
.m-chara .tit01{height:6.5rem;}
.m-chara .tit01 h2{color: #d4a66b;}
.m-chara .tit01 span{color: #c0c1c1;}
.chara{width:100%;margin:0 auto;position: relative;}
.chara-tit{margin-bottom: 1.25rem;}
.chara-tit li{width:19.73%;height:7.4rem;border:1px solid #68857e;border-radius:100%;text-align: center;float: left;margin-left:4.26%;margin-bottom: 0.75rem;color: #ffffff;font-size: 1.2rem;;padding-top:1.7rem;box-sizing: border-box;}
.chara-tit li i{display: block;opacity: 0.2;color: #fff; font-size: 2.6rem;font-family: arial;height:1.6rem;overflow: hidden;}
.chara-tit li.cur{background:#d4a66b;border-color: #d4a66b;color: #000000;}
.chara-tit li.cur i{color: #000000;}
.chara-con{width:100%;margin:0 auto;position: relative;}
.chara-con dl{}
.chara-con dt{width:89.2%;margin:0 auto 3.2rem;}
.chara-con dd{width:100%;padding:1.7rem 4% 3.4rem;background:#f1f1f1;position: relative;box-sizing: border-box;}
.chara-con dd::after{content:""; position:absolute; top:-1.2rem; left:4%; width:2.55rem; height:1.2rem;background:url(../images/chara-ico.png) no-repeat;background-size: 100%;}
.chara-con dd h4{ line-height: 2.2rem;font-size: 1.5rem;color: #3a383a;margin-bottom: 1rem;}
.chara-con dd  p{line-height: 1.5rem;font-size: 1.2rem;}
.chara-prev{width: 0.75rem;height:1.15rem;background:url(../images/chara-prev.png) no-repeat;background-size: 100%; position: absolute; left:0.6rem !important;top:8rem; z-index: 2;}
.chara-next{width: 0.75rem;height:1.15rem;background:url(../images/chara-next.png) no-repeat;background-size: 100%; position: absolute;right:0.6rem !important;top:8rem;z-index: 2;}


/**/
.m-super{padding:2.6rem 0;background:url(../images/superbg.jpg) no-repeat center top;background-size: 100% 100%;}
.m-super .tit01{height:7.5rem;}
.m-super .tit01 h2{color: #d4a66b;}
.m-super .tit01 span{color: #c0c1c1;}
.super{ margin:0 auto 1rem;}
.super h2{ padding:1rem 0; background:#f5f5f7 url(../images/super-more.png) no-repeat 95% center; background-size:1.95rem 1.95rem; width:92%; margin:0 auto;color:#444;}
.super h2 em{ display:block; width:30.43%; float:left; margin:0 3%;}
.super h2 em img{ display:block; width:100%;}
.super h2 span{ display:block; width:52%; font-size:1.6rem; color:#333; float:left; line-height:2.3rem; margin-top:0.8rem;}
.super h2 span i{ display:block; font-size:1.1rem; color:#666;}
.super li img{ display:block; width:100%;}
.super .m-li{ width:92%; margin:0 auto 1.5rem;}
.super li h3{ font-size:1.8rem; color:#d4a66b;font-weight: bold; margin:1.2rem 0;border-bottom:1px solid #666666; padding-bottom:0.8rem;}
.super li h3 em{ color:#ffffff; display:block; font-size:1.5rem; margin-left:0rem;font-weight: normal;}
.super li p{ font-size:1.2rem; line-height:1.8rem; color:#ffffff;}
.super2{ display:none;}
.super.on h2{ display:none;}
.super.on .super2{ display:block;}

/**/
.m-case{ background:#fff; padding:1.9rem 0;}
.m-case .tit01{height:8.2rem;}

.case{ width:92%; margin:0 auto; position: relative;padding-bottom: 3.4rem;overflow: hidden;}
.case dl{background:#f1f1f1;width:49.275%;margin-right: 1.45%; float: left;}
.case dl:nth-child(2n){margin-right: 0;}
.case dl dt,.case dl dt img{width:100%;display: block;}
.case dl dd{height:13rem;overflow: hidden; padding:0 0.85rem 0;box-sizing: border-box;}
.case dl dd h4{ font-size: 1.2rem;height: 1.5rem;line-height: 1.5rem;text-align: left;color: #343434; font-weight: normal;margin-bottom: 0.6rem;padding:1rem 0 1rem 2.7rem; background: url(../images/jz-ico.png) no-repeat 0 center;background-size: 1.7rem 0.95rem; position: relative;border-bottom: 1px solid #d4d4d4;}
.case dl dd h4 a{color: #343434;}
.case dl dd p{ font-size: 1.2rem;color: #666666;line-height: 1.5rem;text-align: justify;}
.case .swiper-pagination{bottom: 0 !important; z-index: 1}
.case .swiper-pagination .swiper-pagination-bullet{width: 0.5rem; height: 0.5rem; margin:0rem 0.4rem !important;background-color: #666666; opacity: 1; position: relative;}
.case .swiper-pagination .swiper-pagination-bullet-active{ background-color: #174339;width: 3.7rem; border-radius: 0.3rem;}

/**/
.m-system{padding:2.7rem 0 4rem; background:url(../images/sysbg.jpg) no-repeat center top; background-size:100% auto;}
.m-system  .tit01{height:9rem;}
.m-system .tit01 h2{color: #d4a66b; font-size: 2.2rem;}
.m-system .tit01 span,.m-system .tit01 p{color: #c0c1c1;}
.system{width:92.26%;margin:0 auto;position: relative;padding-top:3rem;}
.sys-nav{position: absolute;height:5.95rem;width: 100%;top:0;left:0;z-index: 2;}
.sys-nav li{background: url(../images/sysico.png) no-repeat center top;background-size: 100% 100%;height:5.95rem;width:16.08%;float: left;padding-top: 0.9rem;box-sizing: border-box;margin-right: 0.65%;}
.sys-nav li:last-child{margin-right: 0;}
.sys-nav li i{width:2.1rem;height:1.7rem;display:block; overflow: hidden;margin:0 auto 0.5rem;}
.sys-nav li i img{width:2.1rem;height:1.7rem;display: block}
.sys-nav li i .ico{display: block;}
.sys-nav li i .curico{display: none;}
.sys-nav li b{font-size: 1.1rem;font-weight: bold;line-height: normal;text-align: center;color: #333333;display: block;}

.sys-nav li.cur{background: url(../images/sysicocur.png) no-repeat center top;background-size: 100% 100%;}
.sys-nav li.cur .curico{display: block;}
.sys-nav li.cur .ico{display: none;}
.sys-nav li.cur b{color: #fff;}



.sys-con{margin:0 auto; width:100%; overflow:hidden;padding-bottom: 1.7rem;}
.sys-con dl{position: relative;padding-bottom: 5.6rem;}
.sys-con dt{ width:100%; margin:0 auto; position: relative;}
.sys-con dt img{ display:block; width:100%;}
.sys-con dd{width:96%;position: absolute;left:2%;bottom:0;background:rgba(255, 255, 255, 0.9);padding:0 1.5rem;height:8rem;box-sizing: border-box;}
.sys-con dd h4{text-align: left; font-size:1.2rem; color:#333333;line-height: 2.5rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height:2.5rem;margin-bottom: 0.5rem;}
.sys-con dd p{ font-size:1.2rem; color:#666666;line-height: 1.5rem;}
/**/
.m-news{padding:2.3rem 0 0rem; background:#fff; background-size:100% auto;}
.m-news  .tit01{height:7.8rem;}
.newt{ width:92%; margin:0 auto 1.5rem; height:3.4rem; background:#fff; overflow:hidden; text-align:center;border:1px solid #dcdcdc;border-radius: 2.5rem;}
.newt em{ display:block; width:50%; float:left; font-size:1.2rem; color:#363633; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; line-height:3.4rem;  box-sizing:border-box;}
.newt em:last-child{ border:0;}
.newt .active{ color:#fff;background:#174339; border-radius: 2.5rem;border-right: 0;}

.news-con{margin:0 auto; width:92%; overflow:hidden;padding-bottom: 1.7rem;}
.news-con dl{ background:#fff;}
.news-con dt{ width:100%; margin:0 auto; position: relative;}
.news-con dt img{ display:block; width:100%;}
.news-con dt h4{width:100%;position: absolute;left:0;bottom:0;text-align: center; font-size:1.2rem; color:#ffffff;line-height: 2.8rem;background:rgba(23, 67, 57, 0.7);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height:2.8rem;}
.news-con ul{padding:1.5rem;box-shadow: 0.3rem 0.3rem 0.6rem #efefef;width:100%;box-sizing: border-box;border:1px solid #fcfcfc;}
.news-con li{ font-size:1.2rem; color:#666666; height:3rem; line-height:3rem; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; position:relative; padding-left:1.1rem;}
.news-con li:before{ content:""; position:absolute; top:1.4rem; left:0; width:0.35rem; height:0.25rem; background:url(../images/newsico.png) no-repeat;background-size: 100%;}

/*走进*/
.m-about{ padding:1.2rem 0 2.5rem;background:#fff;background-size:100%;}
.m-about  .tit01{height:8.2rem;}
.about dt{position: relative;}
.about dt img{ display:block; width:100%;}
.about dd{margin:-4.1rem auto 0;width:92%;padding:1.5rem 1.4rem;position: relative;box-sizing: border-box;text-align: center;height:11rem;background:#fff;box-shadow: 0.1rem 0.3rem 0.6rem #efefef;}
.about dd p{font-size: 1.2rem; color: #666666;line-height: 1.8rem; text-align: center;}
.about dd p em{color: #066666;}


/**/
.m-show{padding:1.51rem 0 3.5rem; background:#fff; background-size:100% auto;}
.show-nav{ width:92%; margin:0 auto 1.5rem; height:3.4rem; background:#fff; overflow:hidden; text-align:left;border:1px solid #dcdcdc;border-radius: 2.5rem;}
.show-nav li{ display:block; width:33.33%; float:left; font-size:1.2rem; color:#363633; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; line-height:3.4rem; border-right:1px solid #dbdbdb; box-sizing:border-box;}
.show-nav li:last-child{border-right: 0;}
.show-nav em{width:1.5rem;height:1.3rem;overflow: hidden;position: relative;display: block;float: left;margin-top:1rem;margin-left:2.1rem;margin-right: 0.5rem;;}
.show-nav em img{width:1.5rem;position: absolute;left:0;top:0;}
.show-nav .cur{ color:#fff;background:#174339; font-weight: bold; border-radius: 2.5rem;border-right: 0;}
.show-nav .cur em img{top:-1.3rem;}

.show-con{margin:0 auto; width:92%; overflow:hidden;}
.show-con a{width: 49.275%;  box-sizing: border-box;float: left;margin-right: 1.45%;position: relative;margin-bottom: 0.75rem;display: block;}
.show-con a:nth-child(2n){margin-right: 0;}
.show-con a img{display: block;width: 100%;}
.show-con a h4{height: 2.5rem; text-align: center;font-size:1.2rem; color: #343434;line-height:2.5rem;display: block;width: 100%; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;box-sizing: border-box;width:100%;}

.g-ft{margin-top:0 !important;}
html{ background:#f7f7f7;}
.wrap{ opacity:0;}
.loading{position:fixed;width:100%;height:100%; top:0; z-index:51; display:none; max-width:750px; min-width:320px; z-index:99999;}
.loading img{ display:none;}
.loading #showNext{ line-height:1.8rem; display:none; color:#b39256;background: none; border:0.1rem solid #b39256; border-radius:5%; padding-left:1rem; padding-right:1rem; text-align:center; position:absolute; right:1rem; top:1rem; z-index:8; font-size: 1rem;}
.homeShow{ animation: fade 0.8s ease both;-webkit-animation: fade 0.8s ease both; }
@-webkit-keyframes fade {
  from 
  {
   opacity:1;
   display:block;
   
  }

  to {
    opacity: 0;
    display:none;
    height:0;
   
  }
}

@keyframes fade {
  from{
    opacity: 1;
   display:block;
  }

  to 
  {
    display:none;
    opacity: 0;
    height:0;
  }
}

.fade {
  -webkit-animation-name: fade;
  animation-name: fade;
}

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:8.5333px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.66666666666px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73333333333333px;}}
@media screen and (min-width:480px){html{font-size:12.8px;}}
@media screen and (min-width:520px){html{font-size:13.86666666666667px;}}
@media screen and (min-width:560px){html{font-size:14.93333333333333px;}}
@media screen and (min-width:600px){html{font-size:16px;}}
@media screen and (min-width:640px){html{font-size:17.06666666666667px;}}
@media screen and (min-width:680px){html{font-size:18.1333333333px;}}
@media screen and (min-width:700px){html{font-size:18.66666666666667px;}}
@media screen and (min-width:720px){html{font-size:19.2px;}}
@media screen and (min-width:750px){html{font-size:20px;}}