@charset "utf-8";
/* CSS Document */
.divBox{ width: 1200px; margin: 0 auto; }
header{ width: 100%; height: 119px; position:  fixed; left: 0; top:0; z-index: 999; background: rgba(0,0,0,.4); transition: 0.3s;border-bottom: 1px rgba(255,255,255,.3) solid; }

.logo{ float: left; margin-top: 31px; margin-left: 20px;}
.logo img{ display: block; height: 56px; }
.mobile{display: none;}
.navbox{ float: right; overflow: hidden; margin-right: 20px;}
.chatbox{  overflow:hidden;  float: right;  width: 100%; margin-top: 31px; text-align: right; font-size: 0; }
.chatbox a{ transition: 0.3s; display: inline-block; }
.chatbox a.icon-sou{ color: #fff;font-size: 12px; margin-top: 3px;  }
.chatbox a.icon-sou:before{content: "\e697";  margin-right: 4px; margin-top: 2px;}
.chatbox a.icon-weibo{  width: 22px; height: 22px; border:1px #fff solid; border-radius: 50%;  color:#fff; text-align: center; line-height: 22px; font-size: 14px; margin-left: 12px;}
.chatbox a.icon-weibo:before{content: "\e600"; }
.chatbox a.icon-qq{  width: 22px; height: 22px; border:1px #fff solid; border-radius: 50%; color:#fff; text-align: center; line-height: 22px; font-size: 14px; margin-left: 6px;}
.chatbox a.icon-qq:before{content: "\e619"; }
.chatbox a:hover{ color: #a58744; }
.chatbox a.icon-weibo:hover,.chatbox a.icon-qq:hover{border:1px #a58744 solid;}
.menubox{ overflow: hidden; float: right; }
.menubox li{ float: left; overflow: hidden; }
.menubox li a{ color: #fff; display: inline-block;height: 65px; line-height: 52px; font-size: 14px; padding-left: 28px;  position: relative; }
.menubox li a:hover{color: #a58744; transition: 0.3s;}
.menubox li a:before{content: ""; display: block; width:56px;  height:2px;  background: #a58744;  position: absolute;right: 0; bottom:0; opacity:0;  overflow: hidden;transition: 0.3s;}
.menubox li a:hover:before{  opacity:1;  }
.menubox li a.on{color: #a58744; transition: 0.3s;}
.navon{ width:56px;  height:2px;  background: #a58744; position: absolute; right: 0; bottom:0;  overflow: hidden;}
.navon.active{  display: none;}
.menubox li a.on.active{ color: #fff; }
.menubox li a.on.active:hover{color: #a58744;}

header.active{background: rgba(0,0,0,.9);}





.banner{ width: 100%; overflow: hidden;  }
.banner .swiper-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;

}
.banner .swiper-slide {
  text-align: center;
  overflow: hidden;
  position: relative;

  /* 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;
}
.banner .swiper-slid em{ display: block; width: 100%;}
.banner .swiper-slide em img{
  width: 100%;
  display: block;
  animation:banrun 6s linear infinite;
}
@keyframes banrun{
  0%{transform: scale(1)}
  50%{transform: scale(1.1)}
  100%{transform: scale(1)}
}
.buttonbox{ width: 1200px; margin: 0 auto; position:  absolute; left: 50%; margin-left: -600px; bottom:50px; z-index: 2; height: 28px;}
.banner .swiper-pagination-bullet{ width:40px;height: 3px; border-radius: 0; opacity: 1; background: rgba(255,255,255,.6);   margin-right: 10px!important; float: left; margin-top: 14px!important;}
.banner .swiper-pagination-bullet-active{background: #a58744;}

.banner .swiper-button-prev{background: none; width: 28px;height: 28px;line-height: 28px; text-align: center;position: absolute;left: auto; right:30px; top:0;   color: #fff; font-size: 18px; margin-top: 0px;}
.banner .swiper-button-prev:before{ content:"\e661";  }
.banner .swiper-button-prev:hover{color: #a58744;}

.banner .swiper-button-next{background: none; width: 28px;height: 28px;line-height: 28px; text-align: center;position: absolute; right:0px; top:0; color: #fff; font-size: 18px;margin-top: 0px;}
.banner .swiper-button-next:before{ content:"\e698";  }
.banner .swiper-button-next:hover{color: #a58744;}




.bannertx{ display: block; width: 100%;  position: absolute; z-index: 1; color: #fff; left: 0px; top:50%; transform: translateY(-50%);  text-align: left; margin-top: 40px;}
.bannertx h1{  width: 100%; }
.bannertx h1 img{ height: 102px; display: block; }
.bannertx h1:after{content: ""; display: block; width: 84px; height: 2px; background: #a58744; margin-top: 18px;}
.bannertx h2{font-size: 28px; margin-top: 18px; }

.shuxingbox{ width: 100%; height: 110px; position: relative; margin-top: -40px; z-index: 3; }
.huang{ width: 70%; height: 78px; background: #a58744;position:  absolute; left: 0;top:0; z-index: 1;}
.lan{width: 38%; height: 88px; background: #084480;position:  absolute; right: 0;bottom:0; z-index: 2;}
.kuandu{ width: 1200px; position:  absolute; z-index: 3; top:0; left: 50%; margin-left: -600px; overflow: hidden; }
.canshu{  float: left; overflow: hidden; margin-top: 8px;}
.canshu ul li{ float: left; color: #fff;  margin-right: 130px; overflow: hidden;}
.canshu ul li h1{font-size: 28px;font-weight: bold; }
.canshu ul li h1 i{font-size: 14px;font-weight: normal;}

.telbox{  color: #fff; float: right; margin-top: 22px; overflow: hidden;}
.telbox dl{ float: left;  margin-right: 30px;margin-top: 26px;}
.telbox dl dt{font-size: 12px;}
.telbox dl dd{font-size: 16px;font-weight: bold;}
.telbox a{ width: 40px;height:40px; line-height: 40px; border:1px #fff solid; border-radius:5px; display: block; color: #fff;font-size: 22px;float: left; text-align: center;  transition: 0.3s; margin-top: 24px;}
.telbox a:before{content: "\e6df";}
.telbox a:hover{ border:1px #a58744 solid; background: #a58744;}





.index_about{ width: 100%; overflow: hidden; margin-top:80px; }
.about_l{ width:480px; height: 420px; float: left; overflow: hidden; position: relative;}
.line{ width: 360px;height: 330px;border:6px #a58744 solid;box-sizing: border-box; position: absolute; z-index: 1; left: 0; bottom:0; }
.about_pic{ width: 456px;height:388px; position:  absolute; z-index: 2; right: 0; top:0; overflow: hidden; }
.about_pic .swiper-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;

}
.about_pic .swiper-slide {
  height: 388px;
  text-align: center;
  overflow: hidden;
  position: relative;

  /* 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;
}
.about_pic .swiper-slide img{
  width: 100%;
  height: 100%;
  display: block;
}

.about_pic .swiper-pagination-bullet{ width:8px;height: 8px; background:#000; opacity: 0.6;  margin-left:4px!important; margin-right: 4px!important; border-radius: 50%; overflow: hidden;  }
.about_pic .swiper-pagination-bullet-active{background: #a58744;opacity:1;}

.about_r{ width: calc(100% - 540px); float: right; overflow: hidden; }
.about_name{ width: 100%; overflow: hidden;  margin-top: 20px;}
.about_name span{ display: block;  float: left; overflow: hidden; }
.about_name span h1{ color: #ccc; }
.about_name span h2{ font-size: 28px;font-weight: bold; color: #000; line-height: 28px; }
.about_name em{ display: block; float: left; width: 48px; overflow: hidden; margin-left: 14px; }
.about_name em img{ display: block; width: 100%; }
.about_name:after{content: ""; display: block; width: 76px; height: 1px; background: #a58744; margin-top: 70px;}
.about_r_tx{ width: 100%; overflow: hidden; text-align: justify; color: #666; line-height: 2; margin-top: 30px; }

.more{ width: 100%; overflow: hidden; margin-top: 60px; }
.more a{ display: block; color: #000; font-size: 14px; width:140px; line-height: 24px; transition: 0.3s; }
.more a:before{ content: ""; display: block; width: 40px;height: 1px; background: #000; float: left; margin-right: 10px;  margin-top: 12px;transition: 0.3s; }
.more a:after{content: "\e698"; display: block; width: 24px;height: 24px; background: #000; color: #fff;  border-radius: 50%; text-align: center; line-height: 24px; float: right;transition: 0.3s;}
.more a:hover{ color: #a58744;width:160px; }
.more a:hover:before{ background: #a58744; width:60px; }
.more a:hover:after{background: #a58744;}

.more2{ overflow: hidden; margin-top: 96px; float: right; }
.more2 a{ display: block; color: #000; font-size: 14px; width:140px; line-height: 24px; transition: 0.3s; }
.more2 a:before{ content: ""; display: block; width: 40px;height: 1px; background: #000; float: left; margin-right: 10px;  margin-top: 12px;transition: 0.3s; }
.more2 a:after{content: "\e698"; display: block; width: 24px;height: 24px; background: #000; color: #fff;  border-radius: 50%; text-align: center; line-height: 24px; float: right;transition: 0.3s;}
.more2 a:hover{ color: #a58744;width:160px; }
.more2 a:hover:before{ background: #a58744; width:60px; }
.more2 a:hover:after{background: #a58744;}


.more3{ overflow: hidden; margin-top: 60px;  width: 100%;}
.more3 a{ display: block; color: #fff; font-size: 14px; width:170px; line-height: 24px; transition: 0.3s; float: right; }
.more3 a:before{ content: ""; display: block; width: 40px;height: 1px; background: #fff; float: left; margin-right: 10px;  margin-top: 12px;transition: 0.3s; }
.more3 a:after{content: "\e698"; display: block; width: 24px;height: 24px; background: #fff; color: #084480;  border-radius: 50%; text-align: center; line-height: 24px; float: right;transition: 0.3s;}
.more3 a:hover{ color: #a58744;width:190px; }
.more3 a:hover:before{ background: #a58744; width:60px; }
.more3 a:hover:after{background: #a58744; color: #fff;}




.index_yewu{ width: 100%; background-image: linear-gradient(to bottom, #23384d 80% , #fff 20%); margin-top: 80px; }

.yewu{ width:100%;   overflow: hidden; position: relative; }
.yewu .swiper-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
}

.yewu .swiper-slide {
  text-align: left;
  font-size: 18px;
  background: #000;


  position: relative;
  /* 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;
}
.yewu a{ display: block; overflow: hidden; width: 100%;   }
.yewu em{ display: block; width:100%; overflow: hidden; opacity: 0.3;  }
.yewu em img{display: block; width:100%;}
.yewu span{ display: block; width: 100%; overflow: hidden; padding: 30px; box-sizing: border-box; position:  absolute; z-index: 2; left: 0; top:50%; transform: translateY(-50%); }
.yewu span:before{ content: ""; display: block; width: 84px;height: 84px; border-radius: 50%; border:1px #fff solid; margin: 0 auto; line-height: 84px; text-align: center; color: #fff; font-size: 36px; transition: 0.3s; }
.yewu span.icon-xingshi:before{content: "\e624";}
.yewu span.icon-hunyin:before{content: "\e719";}
.yewu span.icon-jianzhu:before{content: "\e613";}
.yewu span.icon-hetong:before{content: "\e655";}
.yewu span.icon-jinrong:before{content: "\e744";}
.yewu span.icon-falvguwen:before{content: "\e61e";}
.yewu span h1{text-align: center; font-size: 24px; color: #fff; margin-top: 36px; transition: 0.3s;}
.yewu span h1:after{content: ""; display: block; width: 1px; height: 0px; background: #fff; margin: 0 auto; margin-top: 20px; overflow:hidden; transition: 0.3s;}
.yewu span h2{ color: #fff; text-align: justify; font-size: 14px; margin-top: 30px; }
.yewu span h3{ width: 76px;height: 28px; border:1px #fff solid; margin: 0 auto; font-size: 14px; text-align: center; line-height: 28px; color: #fff; margin-top: 60px; transition: 0.3s; }
.yewu i{ width: 100%; height:0; background: rgba(165,135,68,.8); position:  absolute; z-index: 1; left: 0; bottom:0; top:auto; transition: 0.5s; display: block;}
.yewu .swiper-slide:hover i{ height: 100%; }
.yewu .swiper-slide:hover h1{ margin-top: 80px; }
.yewu .swiper-slide:hover h1:after{height: 20px;}
.yewu .swiper-slide:hover span:before{ background: #fff; color: #a58744; }
.yewu .swiper-slide:hover h3{background: #fff; color: #a58744;}


.button-box{ width: 100%;  height: 40px; overflow: hidden; position:  absolute; right: 0; top:100px; }
.yewu .swiper-button-prev{background:none; border:1px #fff solid; width:38px;height:38px;line-height:38px; text-align: center;position: absolute; left: auto;  right: 50px;  top:0;  margin-top: 0; color: #fff; font-size: 16px; }
.yewu .swiper-button-prev:before{ content:"\e661";  }
.yewu .swiper-button-prev:hover{ background: #a58744; border:1px #a58744 solid;color: #fff;}

.yewu .swiper-button-next{background:none; border:1px #fff solid; width:38px;height:38px;line-height:38px; text-align: center;position: absolute;  right:0;   top:0;  color: #fff; font-size: 16px; margin-top: 0;}
.yewu .swiper-button-next:before{ content:"\e698";  }
.yewu .swiper-button-next:hover{ background: #a58744; border:1px #a58744 solid;color: #fff;}



.indextitle{ width: 100%; overflow: hidden; margin-top:70px; }
.indextitle h1{ color: #fff;font-size: 14px; text-transform: uppercase; }
.indextitle h2{color: #fff;font-size: 24px; font-weight: bold;}
.indextitle:after{content: ""; width: 36px;height: 2px; background: #a58744; display: block; margin-top: 20px;}

.titlebox{ width: 100%; overflow: hidden; }

.indextitle2{  overflow: hidden; margin-top:70px; float: left; }
.indextitle2 h1{ color: #000;font-size: 14px; text-transform: uppercase; }
.indextitle2 h2{color: #000;font-size: 24px; font-weight: bold;}
.indextitle2:after{content: ""; width: 36px;height: 2px; background: #a58744; display: block; margin-top: 20px;}



.zongcai{ width: 100%; overflow: hidden; margin-top:60px; background: #f1f1f1; position: relative; }
.zhuren{ width: 428px; float: left; overflow: hidden;}
.zhuren .swiper-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;

}
.zhuren .swiper-slide {
  text-align: center;
  overflow: hidden;
  position: relative;

  /* 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;
}
.zhuren .swiper-slide img{
  width: 100%;
  height: 100%;
  display: block;
}

.zhuren .swiper-pagination-bullet{ width:8px;height: 8px; background:#fff; opacity: 0.6;  margin-left:4px!important; margin-right: 4px!important; border-radius: 50%; overflow: hidden;  }
.zhuren .swiper-pagination-bullet-active{background: #a58744;opacity:1;}
.zhureninfo{ display: block; width: calc(100% - 428px); float: left; padding: 60px; box-sizing: border-box; overflow: hidden; }
.zhureninfo dl{  overflow: hidden; border-left: 2px #a58744 solid; padding-left: 14px; }
.zhureninfo dl dt{font-size: 28px; font-weight: bold; line-height: 28px;}
.zhureninfo dl dd{  color: #a58744; font-size: 14px; margin-top: 4px;}
.zhureninfo i{ display: block; width: 100%; text-align: justify; margin-top: 60px; color: #666; line-height: 2; font-size: 14px; }
.zhureninfo a{display: block; width: 80px;height: 80px; background: #a58744; color: #fff; line-height: 80px;text-align: center; position:absolute; right: 0; bottom: 0; font-size: 36px;}
.zhureninfo a:before{content:"\e755";  transition: 0.5s; display: inline-block;}
.zhureninfo a:hover:before{transform:rotate(360deg);}

.teams{ width:100%;   overflow: hidden; position: relative; }
.teams .swiper-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
}

.teams .swiper-slide {
  text-align: left;
  font-size: 18px;



  position: relative;
  /* 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;
}
.teams a{ display: block; overflow: hidden; width: 100%;   }
.teams em{ display: block; width:180px; height: 180px; border-radius: 50%; overflow: hidden; margin: 0 auto; }
.teams em img{display: block; width:100%; transition: 0.3s;}
.teams i{ width: 100%; height:7px; display: block; position: relative; margin-top: 20px; overflow: hidden;}
.teams i:before{ content: ""; display: block; width: 100%; height: 5px; background: #f5f5f5; margin-top: 1px; }
.teams i:after{content: ""; display: block; width: 7px; height: 7px; background: #a58744; border-radius: 50%; overflow: hidden;  position:  absolute; left: 50%; margin-left: -3px; top:0;}
.teams span{ display: block; width: 100%; overflow: hidden;  text-align: center; margin-top: 20px; }
.teams span h1{font-size: 18px; color: #000; transition: 0.3s;}
.teams span h2{ color: #999;  font-size: 14px; margin-top: 8px; }
.teams a:hover img{ transform: scale(1.1); }
.teams a:hover h1{ color: #a58744; }




.teams .swiper-button-prev{background:none;  width:38px;height:38px;line-height:38px; position: absolute; left: 0;    top:72px;  margin-top: 0; color: #000; font-size: 20px; text-align: left; }
.teams .swiper-button-prev:before{ content:"\e775";  }
.teams .swiper-button-prev:hover{ color: #a58744;}

.teams .swiper-button-next{background:none;  width:38px;height:38px;line-height:38px; position: absolute;  right:0;   top:72px;  color: #000; font-size: 20px; margin-top: 0; text-align: right;}
.teams .swiper-button-next:before{ content:"\e776";  }
.teams .swiper-button-next:hover{ color: #a58744;}

.index_news{ width: 100%; overflow: hidden; background: #084480; margin-top: 70px; padding-bottom: 70px; }
.news_main{width: 100%; margin-top: 60px; overflow: hidden;}
.news_zuo{ width: 180px; float: left; overflow: hidden; }
.news_tab { width: 100%; overflow: hidden;  margin-top: 30px;}
.news_tab li{ float: left; width: 100%; height: 52px; line-height: 52px; color: #fff; box-sizing: border-box;padding-left: 20px; position: relative; cursor: pointer; }
.news_tab li.on{color: #a58744;font-weight: bold;}
.news_tab li.on:before{content: ""; display: block; width: 3px;height: 14px;background: #a58744; position: absolute; left: 0; top:50%; transform: translateY(-50%);}
.news_con { width: calc(100% - 180px); float: right; overflow: hidden; }
.news_liebiao{  width: 100%; overflow: hidden; }
.news_liebiao ul{width: 100%; overflow: hidden;}
.news_liebiao li{ width: calc(33.333333% - 40px); float: left; margin-right: 60px; background: #fff; height: 500px; position: relative;}
.news_liebiao li a{display: block; box-sizing: border-box; width: 100%; padding: 20px;}
.news_liebiao li:last-child{ margin-right: 0; }
.news_liebiao li em{ display: block; width: 100%; overflow: hidden; }
.news_liebiao li em img{ display: block; width: 100%;  transition: 0.3s;}
.news_liebiao li dl{  width: 100%; overflow: hidden; border-bottom: 1px #ddd solid; padding-bottom: 20px; }
.news_liebiao li dl dt{font-size: 24px;font-weight: bold; color: #000; margin-top: 20px;}
.news_liebiao li dl dd{ color: #999;font-size: 12px; }
.news_liebiao li h1{ color: #000; margin-top: 18px; height: 70px; text-align: justify; }
.news_liebiao li span{ display: block; width: 100%;text-align: justify; font-size: 12px; color: #999; margin-top: 18px; line-height: 1.6; }
.news_liebiao li i{display: block; width: 24px;height: 24px; background: #a58744; color: #fff; line-height: 24px; text-align: center;  position:  absolute; left: 20px; bottom:20px;}
.news_liebiao li i:before{ content: "\e755" ;}
.news_liebiao li:hover img{ transform: scale(1.1); }
.news_liebiao li:hover h1{ color: #a58744; }

.index_kuaijie{ width: 100%; overflow: hidden; }
.index_kuaijie span{ display: block; width: 50%; overflow: hidden; float: left; position: relative; background: #000; }
.index_kuaijie span em{ display: block; width: 100%; overflow: hidden; }
.index_kuaijie span em img{ display: block; width: 100%; transition: 0.5s; }
.index_kuaijie span a{ display: block; width: 100%; overflow: hidden; }
.index_kuaijie span i{ display: block; width: 100%; text-align: center; position: absolute; left: 0; top:50%; transform: translateY(-50%); }
.index_kuaijie span i h1{color: #fff; font-size: 30px;font-weight: bold;}
.index_kuaijie span i h2{font-size: 16px;color: #fff; text-transform: uppercase;}
.index_kuaijie span:hover img{transform: scale(1.1); opacity: 0.6;}
.index_kuaijie span i:after{content: ""; display: block; width: 40px;height: 2px;background: #fff; margin: 0 auto; margin-top: 0px; opacity: 0; transition: 0.3s;}
.index_kuaijie span:hover i:after{ margin-top: 20px;  opacity:1;}

footer{ width: 100%; background: #000;  padding-bottom: 70px; padding-top: 70px;  }
.foot_l{ width: 440px;float: left; overflow: hidden; }
.foottel{ width: 100%; overflow: hidden; box-sizing: border-box;font-size: 14px; font-weight: bold; color: #a58744;}
.foottel:before{content: "\e821"; display: block; width: 46px;height: 46px; border-radius: 50%; background: #a58744; overflow: hidden; line-height: 46px;text-align: center; color: #fff; float: left; }
.foottel span{ display: block; width: calc(100% - 56px); float: right; overflow: hidden; }
.foottel span i{ display: block;  float:left; line-height: 46px; margin-right: 10px; }
.footcontact{width: 100%; overflow: hidden;margin-top: 40px;}
.footcontact em{width: 78px;display: block; float: left; overflow: hidden; }
.footcontact em img{ width: 100%; display: block; }
.footcontact span{ width: calc(100% - 98px); float: right; font-size: 14px; color: #999; text-align: justify; }
.footcontact span p{ margin-top: 4px; }
.footmenu{ width: 100%; overflow: hidden; font-size: 14px;margin-top: 40px; }
.footmenu li{ width: 20%; float: left;  }
.footmenu li a{ color: #fff; line-height: 1.6; }
.footmenu li a:hover{  color: #a58744;}
.footinfo{  width: 100%; overflow: hidden; margin-top: 40px;font-size: 14px; color: #999; line-height: 1.6;text-align: justify;  }
.footinfo a{ color: #999; }
.footinfo a:hover{ color: #fff; }

.foot_r{ width: calc(100% - 500px); float: right; overflow: hidden; }
.foot_r span{ display: block; width: 100%; overflow: hidden; }
.foot_r span input{-webkit-appearance: none; background: none;border:0;margin: 0;padding: 0; display: block; width: calc(50% - 20px); height: 50px; border-bottom: 1px #555 solid; float: left;color:#fff;}
.foot_r span input:nth-child(2){float: right;  }
.foot_r textarea{-webkit-appearance: none; background: none;border:0;margin: 0;padding: 0; display: block;  width: 100%; height: 160px;border-bottom: 1px #555 solid; color: #fff; margin-top: 20px;}
.foot_r input[type=submit]{-webkit-appearance: none; background: none;border:0;margin: 0;padding: 0; display: block; width: 92px;height: 34px; background: #a58744; color: #fff; letter-spacing:4px; cursor: pointer; margin-top:30px;}


.fybanner{ width: 100%; position: relative; background: #000;  }
.fybanner em{ display: block; width: 100%; overflow: hidden; }
.fybanner em img{ width: 100%; display: block;animation:banrun 6s linear infinite; }

.erjibox{ width: 100%; height: 80px;  position: relative; overflow: hidden; }
.erjibox:after{content: ""; width: 100%; height: 1px; background: #ddd; position:  absolute; left: 0; bottom:0;overflow: hidden; z-index: 0;}
.erjibox dl{ display: block; float: left; margin-top: 14px;  }
.erjibox dl dt{font-size: 18px; text-transform: uppercase; color: #ccc;}
.erjibox dl dd{color: #a58744;font-size: 22px;font-weight: bold;}
.erjibox span{ display: block; float: right; overflow: hidden; font-size: 0; position: relative; z-index: 2; }
.erjibox span a{ display: inline-block; height: 80px;line-height: 80px; color: #000;font-size: 14px; transition: 0.3s; padding: 0px 20px 0px 20px;}
.erjibox span a.on{ background: #a58744; color: #fff;}
.erjibox span a:hover{ color:  #a58744; }
.erjibox span a.on:hover{color: #fff;}

.neirongqu{ width: 100%; overflow: hidden; }
.weizhi{ width: 100%;  font-size: 26px; font-weight: bold; text-align: center; margin-top: 40px;  position: relative; overflow: hidden; }
.weizhi:after{content:""; display: block; width: 100px;height: 1px; background: #a58744; margin: 0 auto; margin-top: 0px; overflow: hidden; margin-top: 10px;}

.danye{ width: 100%; overflow: hidden; line-height: 1.8; text-align: justify; margin-top: 30px; }
.danye img{max-width: 100%!important; height: auto!important;}

.xuan{   overflow: hidden; margin-top: 60px; width: 100%; background: #084480; margin-bottom: 60px;padding: 20px; box-sizing: border-box;}
.xuan ul li{ float: left; color: #fff;   width: 33.33333%; overflow: hidden; text-align: center;}
.xuan ul li h1{font-size: 28px;font-weight: bold; }
.xuan ul li h1 i{font-size: 14px;font-weight: normal;}

.rongyu{ width: 100%; overflow: hidden; margin-bottom: 60px; }
.honnorlist{ width: 100%; overflow: hidden; padding-top: 60px; position: relative; }
.honnorlist i{float:left; display: block; color: #a58744;   width: 160px; font-size: 32px;font-weight: bold; overflow: hidden; position: relative;}
.honnorlist i:after{content: ""; display: block; width: 60px;height: 1px; background: #a58744;  position:  absolute;left: 90px; top:50%;  transform: translateY(-50%);}
.honnorlist ul{ width: calc(100% - 200px); float: right;  overflow: hidden;}
.honnorlist ul li{width: calc(50% - 20px); float:left; overflow: hidden;}
.honnorlist ul li em{ display: block; width: 100%; }
.honnorlist ul li em img{display: block; width: 100%;}
.honnorlist ul li:nth-child(2n){ float: right; }
.honnorlist ul li span{ display: block; text-align: justify;   height: 100px; margin-top: 16px; }

.bangongnews{ width: 100%; overflow: hidden; margin-bottom: 60px; }
.bangongnews li{ width: 100%; float:left; overflow: hidden; margin-top: 60px; position: relative;}
.bangongnews li a{ display: block; width: 100%; overflow: hidden; }
.bangongnews li em{ display: block; width: 500px; float: left; overflow: hidden; }
.bangongnews li em img{display: block; width: 100%; transition: 0.3s;}
.bangongnews li span{display: block; width: calc(100% - 560px); position: absolute; right: 0; top:50%; transform: translateY(-50%);}
.bangongnews li:nth-child(2n) em{ float: right; }
.bangongnews li:nth-child(2n) span{ left: 0; right: auto;}
.bangongnews li span dl{ width: 100%; overflow: hidden; }
.bangongnews li span dl dt{ font-size: 28px; color: #000; font-weight: bold; }
.bangongnews li span dl dd{ font-size: 12px; color: #999; }
.bangongnews li span h1{font-size: 18px; margin-top: 30px;}
.bangongnews li span h2{ color: #999; margin-top: 20px;font-size: 14px; }
.bangongnews li span:after{content: "\e755";display: block; width: 40px; height: 40px; background: #a58744; text-align: center; line-height: 40px; color: #fff; margin-top: 30px;}
.bangongnews li:hover em img{ transform: scale(1.1); }
.bangongnews li:hover h1{ color: #a58744; }

.page{ width: 100%; text-align: center;font-size: 0; margin-bottom: 60px; }
.page a{ display: inline-block; background: #eee; padding: 10px 20px 10px 20px;font-size: 14px; margin-left: 4px; margin-right: 4px; border-radius: 6px; color: #666;}
.page a:hover{  background: #555; color: #fff; }
.page a.thisclass{ background: #555; color: #fff;}

.xxbox{ width: 100%; overflow: hidden;margin-top: 50px;  margin-bottom: 60px; }
.wenzhangbox{ width: calc(100% - 260px); float:left; overflow: hidden; }
.timnubox{ width: 100%; overflow: hidden; font-size: 22px; font-weight: bold; border-bottom: 1px #ddd solid; padding-bottom: 20px; }
.wennei{ width: 100%; overflow: hidden; line-height: 1.8; text-align: justify; margin-top: 20px; }
.wennei img{max-width: 100%!important; height: auto!important;}

.toolbox{ width: 200px; float: right; overflow: hidden; }
.toolbox span{ display: block; width: 100%; box-sizing: border-box; padding: 30px; text-align: center; background: #084480; color: #fff; }
.toolbox span h1{font-size: 28px;font-weight: bold;}
.toolbox span h2{ font-size: 12px; }
.toolbox span:before{content: "\e601";font-size: 24px;}
.toolbox em{ display: block; width: 100%; overflow: hidden; margin-top: 30px; }
.toolbox em a{ width: 90px; height: 32px; line-height: 30px; box-sizing: border-box; border:1px #ccc solid; text-align: center; font-size: 14px; display: block; float: left; transition: 0.3s; }
.toolbox em a:nth-child(2){ float: right;}
.toolbox em a:hover{ color: #084480; border:1px #084480 solid; }


.yewubox{ width: 100%; overflow: hidden; margin-bottom: 60px; }
.yewubox li{ width: calc(33.33333% - 30px);height: 440px; float: left; overflow: hidden; margin-right: 45px; margin-top: 45px; background: #fff; position: relative; background: #f1f1f1;  transition: 0.3s; }
.yewubox li a{ display: block; overflow: hidden; width: 100%; height: 100%;position: relative; }
.yewubox li:nth-child(3n){ margin-right: 0; }
.yewubox li em{ width: 100%; display: block; overflow: hidden; height: 180px; position: relative;  background: #000;}
.yewubox li em img{width: 100%; display: block; opacity: 0.4; transition: 0.3s;}
.yewubox li em h1{ position:  absolute; width: 100%; left: 0; top:50%; transform: translateY(-50%); text-align: center; color: #fff; font-size: 18px;  }
.yewubox li em h1:before{content: ""; display: block; font-size:24px;  width: 52px; height: 52px; line-height: 52px; border:1px #fff solid;border-radius: 50%; overflow: hidden; margin: 0 auto;margin-bottom: 10px; transition: 0.3s;}
.yewubox li em h1.icon-xingshi:before{content: "\e624";}
.yewubox li em h1.icon-hunyin:before{content: "\e719";}
.yewubox li em h1.icon-jianzhu:before{content: "\e613";}
.yewubox li em h1.icon-hetong:before{content: "\e655";}
.yewubox li em h1.icon-jinrong:before{content: "\e744";}
.yewubox li em h1.icon-falvguwen:before{content: "\e61e";}
.yewubox li span{ display: block; width: 100%; overflow: hidden; padding: 30px; box-sizing: border-box; text-align: justify;color: #999;  font-size: 14px; }
.yewubox li a:before{content: "\e755"; width: 40px;height: 40px;   margin: 0 auto; font-size: 14px; text-align: center; line-height: 28px; color: #a58744;  transition: 0.3s; line-height: 40px; border:1px #a58744 solid; position: absolute; left: 30px; bottom: 30px; }
.yewubox li:hover{  background: #a58744; }
.yewubox li:hover span{ color: #fff; }
.yewubox li:hover a:before{border:1px #fff solid;color: #fff;}
.yewubox li:hover em img{ transform: scale(1.1);  }
.yewubox li:hover em h1:before{ margin-bottom: 20px; }


.qitayewubox{ width: 200px; float: right; overflow: hidden; }
.qitayewubox p{ font-weight: bold;}
.qitayewubox span{ display: block; width: 100%;  overflow: hidden; margin-top: 10px;}
.qitayewubox span a{display: block; width: 100%; height: 42px; background: #eee; line-height: 42px; box-sizing: border-box;padding: 0px 16px 0px 16px; font-size: 14px; color: #666; margin-top: 10px; transition: 0.3s; border-radius:0px 14px 0px 14px;}
.qitayewubox span a:hover{ background: #084480; color: #fff; }


.news-list{  overflow: hidden;  width: 100%; margin-bottom: 60px;}
.news-list li{ width: 100%; float: left; overflow: hidden; border-bottom: 1px #ddd solid; }
.news-list li a{ display: block; overflow: hidden; width: 1200px; margin:  0 auto;padding-top:40px; padding-bottom: 40px; position: relative;}


.news-l{ float: left; overflow: hidden; width: 360px; position: relative; border-right: 1px #ddd solid;box-sizing: border-box;}
.news-l em{ width: 240px; display: block; float: left; overflow: hidden; }
.news-l em img{display: block; width: 100%; transition: 0.5s;}
.news-l dl{ width: 120px; text-align: center; position: absolute; right: 0; top:50%; transform: translateY(-50%); }
.news-l dl dt{font-size: 38px; color: #000; line-height: 38px; font-weight: bold;}
.news-l dl dd{ font-size: 12px; line-height: 12px; }

.news-r{ width: calc(100% - 420px); position:  absolute; right: 0px;  top:50%;transform: translateY(-50%); }
.news-r h1{font-size: 18px; color: #000;}
.news-r h2{color: #999; margin-top: 14px; line-height: 1.6; font-size: 14px;}
.news-list li:hover{background: url(../img/newsbg.jpg) no-repeat; background-size: cover;}
.news-list li:hover .news-r h1{ color: #a58744; }
.news-list li:hover .news-r h2{color: #fff;}
.news-list li:hover em img{transform: scale(1.1);}
.news-list li:hover .news-l dl dt{color: #fff;}
.news-list li:hover .news-l dl dd{color: #fff;}

 

.tuanduibox{ width: 100%; overflow: hidden; margin-bottom: 60px; background: #f1f1f1; margin-top: 40px;box-sizing: border-box;padding: 0px 42px 42px 42px; }
.tuanduibox li{ width: calc(33.33333% - 28px); float: left; margin-right:42px;  overflow: hidden; margin-top: 42px;position: relative;}
.tuanduibox li a{display: block; width: 100%; overflow: hidden;}
.tuanduibox li:nth-child(3n){ margin-right: 0; }
.tuanduibox li em{ display:block; width: 100%; overflow: hidden; }
.tuanduibox li em img{ width: 100%; display: block; }
.tuanduibox li i{ display: block; width: 100%; height: 60px; background: #fff; position:  absolute;left: 0; bottom: 0; z-index: 3; text-align: center; font-size: 22px;font-weight: bold; line-height: 60px; color: #666;transition: 0.3s; }
.tuanduibox li b{ position:  absolute; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.6); left: 0; top:0; z-index: 2; opacity: 0; transition: 0.3s; }
.tuanduibox li:hover b{opacity: 1;}
.tuanduibox li:hover i{ top:50%; transform: translateY(-50%); background: none; color: #fff; width: 80%; left: 10%;border-top: 1px #fff solid; border-bottom: 1px #fff solid; }


#zongcai{box-sizing: border-box;padding: 42px;}

.tuanduix{ width: 100%; overflow: hidden; margin-top: 50px ; background: #f1f1f1; position: relative; padding: 40px; box-sizing: border-box; }

.datu{ width: 400px; float: left; overflow: hidden; }
.datu img{ width: 100%; display: block; }
.shuxing{ width: calc(100% - 500px); overflow: hidden; position:  absolute; right: 0; top:50%; transform: translateY(-50%);  box-sizing: border-box; padding-right: 40px;}
.shuxing em{font-size: 32px;font-weight: bold; display: block; padding-bottom: 20px;}
.shuxing span{ display: block; width: 100%; overflow: hidden; margin-top: 20px; }
.shuxing span i{ display: block; font-size: 14px; box-sizing: border-box; padding-left: 20px; position: relative; height: 28px; line-height: 28px; color: #666;}
.shuxing span i:before{ content: "\e634"; display: block;  color: #c21313;  position:  absolute; left: 0; top:50%; transform: translateY(-50%);}

.renwuinfo{ width: 100%; overflow: hidden; line-height: 1.8;text-align: justify; margin-top: 40px;  }

.sx{ width: 100%; overflow: hidden; margin-top: 60px;  margin-bottom: 60px;}
.sx a{ width: calc(50% - 30px); float:left; display: block; text-align: center; background: #a58744; color: #fff;   height: 50px; line-height: 50px; transition: 0.3s; border:2px #a58744 solid;}
.sx a:nth-child(2){ float: right; }
.sx a:hover{ background: #fff;  color:#a58744;}

.lianxi{ width: 1200px; margin: 0 auto; overflow:hidden; margin-top: 30px; }
.lianxi li{ width: 33.3333%; float: left; overflow: hidden;box-sizing: border-box; height: 120px; position: relative;  padding-left: 120px; }
.lianxi li:before{content: ""; display: block; width: 90px;height: 90px; border-radius: 50%; border:1px #ccc solid; position:  absolute;left: 0; top:50%; transform: translateY(-50%); text-align: center; line-height: 90px; font-size: 32px; }
.lianxi li:nth-child(1):before{content: "\e61a";}
.lianxi li:nth-child(2):before{content: "\e614";}
.lianxi li:nth-child(3):before{content: "\e607";}
.lianxi li span{ display: block; overflow: hidden; width: calc(100% - 130px); position:  absolute; right:20px;top:50%; transform: translateY(-50%); font-size: 14px; }
.lianxi li span h1{ font-weight: bold;  }
.lianxi li span em{ display: block; margin-top: 10px; }
.huanying{ width: 100%; height: 120px; background: #084480; color: #fff; text-align: center; line-height: 120px; font-size: 24px; font-weight: bold; margin-top: 40px; }
.map{ width: 100%; height: 400px; overflow: hidden; background:#f1f1f1; text-align: center; }

.sousuo{ width: 600px ;height: 60px; overflow: hidden; background:rgba(255,255,255,.8); border-radius: 6px; position:  absolute; z-index: 2; left: 50%; margin-left: -300px; top:50%; transform: translateY(-50%); }
.sousuo input[type="text"]{-webkit-appearance: none; background: none;border:0;margin: 0;padding: 0; display: block; width: calc(100% - 80px); float: left; height: 100%; box-sizing: border-box; padding-left: 20px;}
.sousuo button{-webkit-appearance: none; background: none;border:0;margin: 0;padding: 0; display: block; width: 40px; height: 40px; float: right; text-align: center; line-height: 40px; color: #000; cursor: pointer; font-size: 18px; margin-top: 10px; margin-right: 10px; }
.sousuo button:before{content: "\e628";}

.jieguotitle{ text-align: center; width: 100%; margin-top: 20px; padding-bottom: 20px ;border-bottom: 1px #ddd solid; }
.jieguotitle h2{font-size: 18px;font-weight: bold;}
.wujieguo{ text-align: center; width: 100%; overflow: hidden; padding-top: 30px; padding-bottom: 30px; color: #888;  margin-bottom: 60px; color: #c21b1b;}

.soulist{ width: 100%; overflow: hidden; margin-bottom: 60px; }
.soulist li{ width: 100%; float: left; overflow: hidden; border-bottom: 1px #ddd solid; padding-top: 30px; padding-bottom: 30px; }
.soulist li a{display: block; width: 100%; overflow: hidden;}
.soulist li h1{font-size: 12px; color: #999;}
.soulist li h2{ font-size: 16px; font-weight: bold; margin-top: 8px;}
.soulist li h3{ display: inline-block; background: #a58744; color: #fff; margin-top: 8px; padding: 5px 10px 5px 10px; }



.zhurenF{ width: 428px; float: left; overflow: hidden;}
.zhurenF .swiper-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;

}
.zhurenF .swiper-slide {
  text-align: center;
  overflow: hidden;
  position: relative;

  /* 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;
}
.zhurenF .swiper-slide img{
  width: 100%;
  height: 100%;
  display: block;
}

.zhurenF .swiper-pagination-bullet{ width:8px;height: 8px; background:#fff; opacity: 0.6;  margin-left:4px!important; margin-right: 4px!important; border-radius: 50%; overflow: hidden;  }
.zhurenF .swiper-pagination-bullet-active{background: #a58744;opacity:1;}