.wrap img{ width: 100%;}

.ban{line-height: 0;overflow: hidden; position: relative;}

.banroll {height:2.7rem; text-align: center; width:100%; z-index: 2 ; position: absolute; left: 0; z-index: 3;}
.banroll .swiper-pagination-bullet{display: inline-block;width:0.7rem;height:0.7rem; margin:0 0.7rem;background:#fff;opacity: 1;border-radius: 100%;}
.banroll .swiper-pagination-bullet-active{ background:#ccac83;}


.bt01{ font-size: 1.2rem; color:#333333; text-align: center; line-height: 2rem; overflow: hidden;letter-spacing: 0.2rem;}
.bt01 a{ display: block; color:#333333;}
.bt01 b{  display: block; font-size: 2.4rem; line-height: 3rem;}
.bt01 span{font-weight: bold;}

.g-lingyu{background:url(../images/lingyu_bj.jpg) no-repeat center 0;background-size:100% 59.0rem; height:23.0rem; padding-top: 2.5rem;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.g-lingyu ul{margin-top: 1.5rem;}
.g-lingyu li { width:29.78%;height:11.3rem;background:rgba(204,172,131,0.3); float: left;overflow: hidden; margin:0 0 0.5rem 3.43%; padding: 1.65rem 0 0 1.5rem;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 1.2rem; color:#333333; line-height: 1.4rem;}
.g-lingyu li a{ color:#333333;}
.g-lingyu li span{display: block;margin:0 0 0 3.1rem; width:4.0rem; height:4.0rem;overflow: hidden;}
.g-lingyu li:nth-child(1) span{ background: url(../images/lingy_ico02.png) no-repeat center 0; background-size: 4rem 4rem;}
.g-lingyu li:nth-child(2) span{ background: url(../images/lingy_ico03.png) no-repeat center 0; background-size: 4rem 4rem;}
.g-lingyu li:nth-child(3) span{ background: url(../images/lingy_ico04.png) no-repeat center 0; background-size: 4rem 4rem;}
.g-lingyu li:nth-child(4) span{ background: url(../images/lingy_ico04.png) no-repeat center 0; background-size: 4rem 4rem;}
.g-lingyu li:nth-child(5) span{ background: url(../images/lingy_ico05.png) no-repeat center 0; background-size: 4rem 4rem;}
.g-lingyu li:nth-child(6) span{ background: url(../images/lingy_ico06.png) no-repeat center 0; background-size: 4rem 4rem;}
.g-lingyu li:nth-child(7) span{ background: url(../images/lingy_ico07.png) no-repeat center 0; background-size: 4rem 4rem;}
.g-lingyu li:nth-child(8) span{ background: url(../images/lingy_ico08.png) no-repeat center 0; background-size: 4rem 4rem;}
.g-lingyu li i{display: block; font-size: 1rem; color:#333333; font-family: Arial;padding: 0.7rem 0 0;}
.g-lingyu li em{display: block; color:#bdb3a8;font-family: Arial; font-size: 0.6rem;padding-top: 0.25rem;}

.g-pro{background: url(../images/pro_bj.jpg) no-repeat center 0; background-size: 100% 63.5rem; height:63.5rem; overflow: hidden;}
.g-pro h2{height:6.8rem;}
.pro_nav{margin:0 4.06%;}

.pro_nav .erji{padding: 1.2rem 0;display: none;}
.pro_nav .erji a{display: inline-block; width:32%;padding-left: 1.7rem;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; font-size: 1rem; color:#7c7c7c; position: relative; line-height: 2.4rem; height:2.4rem;overflow:hidden;}
.pro_nav .erji a::before{position: absolute; content:""; width:0.5rem; height:0.5rem;border:1px solid #a2a2a2; border-radius: 100%; top: 1rem; left: 0;}
.pro_nav span{display: block; width:100%; height:3rem;padding-left: 1.5rem; font-size: 1.2rem; color:#333333;background:#eee5d8; line-height: 3rem;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
 .pro_nav li{margin-bottom: 1rem;}
 .pro_nav li.cur span{ background:#ccac83 url(../images/list_ico.gif) no-repeat 25rem center ; background-size: 1.0rem 0.5rem; color:#fff;}
.pro_nav li.cur .erji{display: block;}
.pro_con li{ width:44.375%; float: left; margin:0 0 1rem 4.06%; line-height: 0;background:#f3f3f3;}
.pro_con li:nth-child(2n){margin-left: 3.4%;}
.pro_con li span{display: block; height:2.65rem; font-size: 1rem; color:#575757; line-height: 2.65rem;text-align: center;}

.g-dzzs{background:#c6a780 url(../images/dzzs_bj.jpg) no-repeat;background-size:100% 68.75rem; height:68.75rem; overflow: hidden; position: relative;}
.g-dzzs h2{height:16.3rem;padding-top: 4.45rem;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color:#fff;}
.g-dzzs h2 b{ color:#fff;}
.g-dzzs dt{margin-bottom:3rem;}
.g-dzzs dd{margin:0 4.06% 1.2rem; font-size: 1rem; line-height: 1.5rem; color:#fff;}
.g-dzzs dd b{ color:#ffea00;}
.g-dzzs dd.dd01{ width:54%;}
.g-dzzs ul{ width:36.71%;position: absolute; top: 20.2rem; right:3.1%; overflow: hidden;}
.g-dzzs li{height:11.75rem;background:#ccac83; overflow: hidden; font-size: 1rem; color:#fff; text-align: center; line-height: 1.5rem;}
.g-dzzs li img{ display: block; width:9.5rem; margin: 1.3rem auto  0.8rem;}
.g-dzzs li:nth-child(2){background:#fff; color:#333333;}
.g-dzzs li:nth-child(3){background:#333333;}

.g-case{background:url(../images/case_bj.jpg) no-repeat;background-size:100% 71.25rem; height:65rem; overflow: hidden; position: relative;}
.g-case h2{height:10.3rem; padding-top: 3.1rem; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}
.case_nav{ height:10.2rem; overflow: hidden; margin:0 4.06%;}
.case_nav p , .case_nav span{ display: block; width:33.3%; float: left; height:2.5rem; overflow: hidden; font-size: 1rem; color:#5b5b5b; text-align: center; line-height: 2.5rem;margin-bottom: 0.5rem;}
.case_nav p a{ color:#5b5b5b;}
.case_nav p.cur{background:#ccac83;color:#fff;}
.case_nav p.cur a{color:#fff;}
.case_nav span a{ color:#5b5b5b;}

.case_con li{ width:46.09375%; margin:0 0 0 4.06%; overflow: hidden; float: left; line-height: 0; background:#fff; height:20rem; position:relative;}
.case_con li:nth-child(2n){margin-left: 0;}
.case_con li span{display: block;  font-size: 1.1rem; color:#262626; text-align: center;height:6.05rem; overflow: hidden; padding-top: 1.6rem;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 1.2rem; color:#5b5b5b; text-align: center;line-height: 1.5rem;position:absolute;bottom:0;left:0; width:100%;}
.case_con li span i{display: block; font-size: 0.55rem; color:#a9a9a9; }
.case_con li img{display:block; top:0;left:0; position:absolute;}
.case_con li:nth-child(2n) span{top:0; bottom:auto;}
.case_con li:nth-child(2n) img{bottom:0; top:auto;}

.g-ys{background:url(../images/ys_bj.jpg) no-repeat;background-size:100% 47.0rem; height:47.0rem; overflow: hidden; }
.g-ys h2{height:10.85rem; padding-top: 3.5rem; color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ys_nav{height:7.7rem; overflow: hidden;}
.ys_nav p{ width:25%; float: left; overflow: hidden; font-size: 1rem; color:#fff; font-weight: bold; line-height: 1.5rem; text-align: center;}
.ys_nav p img{ width:4.3rem;height:4.3rem; margin: 0 auto 0.4rem; display: block;}
.ys_nav p.cur img{background:#ffc000; border-radius: 100%;}
.ys_con dl{margin:0 auto;width:91.875%;height:27.65rem; border-bottom: 0.2rem solid #cfb089; overflow: hidden;}
.ys_con dd{padding: 1rem 0 0 0rem;}
.ys_con dd h3{ font-size: 1.8rem;font-weight: bold; color:#333333; line-height: 2rem; padding-bottom: 0.6rem;}
.ys_con dd p{ font-size: 1rem; line-height: 1.8rem; color:#707070;}
.ys_con dd h3 span{font-size: 2.2rem;font-family: Arial;display: inline-block;vertical-align: middle;padding-right: 0.4rem;}



.g-news{background:url(../images/news_bj.jpg) no-repeat;background-size:100% 50.1rem; height:47rem; overflow: hidden; position: relative;}
.g-news h2{position: absolute; top: 0.8rem;left: 4.06%; width:30%; font-size: 2rem;font-weight: bold; line-height: 2.5rem;}
.g-news h2 a{ color:#333333;}
.g-news h2 i{display: block; font-size: 2.4rem; font-family: Arial; text-transform: uppercase; font-family: Gotham Bold;}
.news_nav{ height:4.5rem; overflow: hidden; margin:1.25rem 0 0 41.4%;background:#383838;text-align: center;}
.news_nav p{float: left; width:50%; font-size: 1.2rem; color:#fff; height: 4.5rem; line-height: 4.5rem;}
.news_nav p.cur{background:#ccac83;}

.news_con ul{ margin-top: 1.7rem;}
.news_con li{ padding-bottom: 1.2rem;}
.news_con li i{display: block; font-size: 1.5rem; font-family: Arial; color:#9f9f9f; padding-bottom: 1.6rem; position: relative; padding-left: 3.5%;}
.news_con li i::before{position: absolute; content:""; width:100%; height:1px; bottom:0.4rem;background:#e2e2e2;left: 0;}
.news_con li i::after{position: absolute; content:""; width:0.9rem; height:0.9rem; bottom:0rem;background:url(../images/news_ico01.png) no-repeat;background-size:0.9rem 0.9rem;left: 3.5%;}
.news_con li a{ display: block; font-size: 1rem; color:#333333;
padding:0 1rem;}
.news_con li p{ font-size: 1rem; line-height: 1.5rem; color:#b2b2b2;padding:0 1rem;}

.newsprev{position: absolute; bottom:3.5rem; left: 40%; width:2.8rem; height:2.8rem; z-index: 3;background:#383838;}
.newsnext{position: absolute; bottom:3.5rem; right: 40%; width:2.8rem; height:2.8rem; z-index: 3;background:#383838;}
.newsprev:hover , .newsnext:hover {background:#ccac83;}

.g-about{overflow: hidden;background:#ccac83; padding-bottom: 1.85rem;}
.g-about h2{height:8.4rem; padding-top: 2.1rem;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; color:#fff;}
.g-about h2 a{ color:#fff;}
.g-about dt img{ width:89.0625%; margin: 0 auto;display: block;padding: 1.09%;border:1px solid #fff;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.g-about dd p{padding:1.7rem 4.68% 0; height:12.0rem; font-size: 1rem; color:#fff; line-height: 1.8rem; overflow: hidden;}
.g-about dd em{display: block; width:7.5rem; height:2.25rem; border:1px solid #f4ede5; border-width: 1px 0; margin: 0 auto;}
.g-about dd em img{ display: block; width:1.7rem ; height:0.6rem;margin: 0.9rem auto 0;}


.g-aboutsz{overflow: hidden; height:19.6rem;background:#f8f8f8; padding-top: 3.5rem;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.g-aboutsz li{ float: left;width:50%; height:8.2rem; overflow: hidden;text-align: center; position: relative;}
.g-aboutsz li p{height:2.8rem; overflow: hidden;color:#333;font-size: 1rem;line-height: 1.2rem;padding-left: 0.25rem; color:#888888;}
.g-aboutsz li p b{display: inline-block; font-size: 2.5rem;color:#3c3c3c; line-height: 3.0rem;vertical-align: top;font-weight: normal;}
.g-aboutsz li  em{display: block;font-size: 1rem; color:#888888; font-weight: normal; line-height: 1.5rem;}
.g-aboutsz li::before{ width:1px; height:4.1rem;background:#c9c9c9; top: 0; right: 0;position: absolute; content:"";}
.g-aboutsz li:nth-child(2n)::before{background:none;}

.g-pic{line-height: 0;}

/*开屏秀*/
.pageShare img{ display:block; width:0px; height:0px;}
.loading{position:fixed;width:100%;height:100%; top:0; background:url(../images/home.jpg) no-repeat;background-size:100% auto;display:none; max-width:640px; min-width:320px; z-index:99999;}

.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;}
@media screen and (min-width: 320px) {html {font-size: 10.625px;}}
@media screen and (min-width: 360px) {html {font-size: 11.875px;}}
@media screen and (min-width: 400px) {html {font-size: 13.125px;}}
@media screen and (min-width: 440px) {html {font-size: 14.375px;}}
@media screen and (min-width: 480px) {html {font-size: 15.625px;}}
@media screen and (min-width: 520px) {html {font-size: 16.875px;}}
@media screen and (min-width: 560px) {html {font-size: 18.125px;}}
@media screen and (min-width: 600px) {html {font-size: 19.375px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}