/*banner开始*/
.swiper-slide img {
  width: 100%;
  height: auto;
}
.swiper-pagination {
  width: 100%;
  position: absolute;
  z-index: 1;
  bottom: 20px;
  left: 0;
  height: 43px;
  line-height: 43px;
  text-align: center;
}
.swiper-pagination ul li {
  cursor: pointer;
  display: inline-block;
  zoom: 1;
  width: 54px;
  height: 3px;
  margin: 8px;
  background: #fff;
  overflow: hidden;
  z-index: 99;
}
.swiper-pagination ul li.on {
  background-color: #bca780;
}
.in-title {
  padding-top: 68px;
}
.in-title .border {
  width: 45px;
  height: 3px;
  background: #0e0e0e;
  margin-bottom: 28px;
}
.in-title h3 {
  color: #0e0e0e;
  font-size: 24px;
  padding-bottom: 8px;
  font-weight: 400;
}
.in-title span {
  font-size: 14px;
  color: #888;
}
.long-btn {
  display: block;
  width: 1178px;
  background: #bca780;
  height: 42px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 42px;
  margin-top: 30px;
  margin-bottom: 70px;
}
.all-list {
  padding-top: 80px;
  overflow: hidden;
}
.all-list li {
  float: left;
  width: 374px;
  height: 347px;
  border: 1px solid #ccc;
  margin: 0 22px 40px 0;
}
.all-list li img {
  display: block;
  width: 374px;
  height: 215px;
  padding-bottom: 28px;
}
.all-list li h4 {
  font-weight: 400;
  color: #333;
  padding: 0 20px 24px 20px;
}
.all-list li p {
  font-size: 14px;
  line-height: 24px;
  padding: 0 20px;
  color: #888;
}
.se1 {
  height: 622px;
  width: 100%;
  background: url("../images/se1banner.jpg") no-repeat center;
  overflow: hidden;
}
.se1 .box {
  overflow: visible;
}
.se1 .left-box {
  width: 810px;
  float: left;
  height: 622px;
  background: #f2f1f1;
}
.se1 .left-box .ul-list {
  padding-top: 70px;
  padding-bottom: 100px;
  overflow: hidden;
}
/* .se1 .left-box .ul-list li {
  width: 170px;
  height: 172px;
  border: 1px solid #bca780;
  background: #f2f1f1;
  text-align: center;
  margin-right: 20px;
  float: left;
} 
.se1 .left-box .ul-list li h4 {
  font-size: 18px;
  color: #bca780;
  padding-top: 66px;
  padding-bottom: 10px;
  font-weight: normal;
}
.se1 .left-box .ul-list li span {
  font-size: 14px;
  color: #888;
}
*/
.se1 .left-box .ul-list li {
  width: 170px;
  height: 172px;
  border: 1px solid #bca780;
  background: #bca780;
  text-align: center;
  margin-right: 20px;
  float: left;
}
.se1 .left-box .ul-list li h4 {
  font-size: 18px;
  color: #fff;
  padding-top: 66px;
  padding-bottom: 10px;
  font-weight: normal;
}
.se1 .left-box .ul-list li span {
  font-size: 14px;
  color: #fff;
}
.se1 .left-box .ul-list li:hover {
  background: #f2f1f1;
}
.se1 .left-box .ul-list li:hover h4 {
  color: #bca780;  
}
.se1 .left-box .ul-list li:hover span {
  color: #888;
}
.se1 .left-box .a-click {
  display: block;
  width: 162px;
  height: 47px;
  line-height: 47px;
  text-align: center;
  background: #bca780;
  color: #fff;
  font-size: 14px;
}
.se1 img {
  float: left;
  display: block;
  margin-left: 10px;
  margin-top: 50px;
}
.av {
  width: 100%;
  height: 190px;
  background: url("../images/avbg.jpg") no-repeat center;
}
.av .av-write {
  width: 800px;
  float: left;
  padding-top: 70px;
}
.av .av-write h4,
.av .av-write h5 {
  font-size: 24px;
  font-weight: normal;
  color: #fff;
  line-height: 30px;
}
.av .av-write h5 {
  margin-left: 120px;
}
.av a {
  width: 200px;
  height: 43px;
  display: block;
  float: right;
  margin-top: 76px;
  background: #bca780;
  color: #fff;
  line-height: 43px;
  text-align: center;
  font-size: 18px;
}
.se3 .title-box {
  overflow: hidden;
}
.se3 .title-box .left-title {
  float: left;
  width: 550px;
}
.se3 .title-box .ul-nav {
  float: right;
  overflow: hidden;
  padding-top: 100px;
}
.se3 .title-box .ul-nav li {
  width: 142px;
  height: 43px;
  float: left;
  font-size: 14px;
  line-height: 43px;
  text-align: center;
}
.se3 .title-box .ul-nav li a {
  color: #666;
  display: block;
}
.se3 .title-box .ul-nav .active1 {
  background: #4c4854;
}
.se3 .title-box .ul-nav .active1 a {
  color: #fff;
}
.se3 .title-box .ul-nav .active2 {
  background: #4c4854;
}
.se3 .title-box .ul-nav .active2 a {
  color: #fff;
}
.se4 {
  background: url("../images/se4bg.jpg") no-repeat center;
  width: 100%;
  height: 672px;
  overflow: hidden;
}
.se4 .box {
  overflow: visible;
}
.se4 .left-content {
  width: 330px;
  color: #fff;
  padding-top: 150px;
  float: left;
}
.se4 .left-content h4 {
  font-size: 24px;
  padding-bottom: 10px;
  font-weight: 400;
}
.se4 .left-content span {
  font-size: 14px;
  padding-bottom: 64px;
  display: block;
}
.se4 .left-content p {
  font-size: 14px;
  line-height: 30px;
  padding-bottom: 20px;
}
.se4 .left-content a {
  display: block;
  width: 150px;
  height: 40px;
  margin-top: 70px;
  line-height: 40px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  background: #bca780;
}
.se4 .right-content {
  width: 760px;
  float: right;
}
.se4 .right-content .se4-container {
  position: relative;
}
.se4 .right-content .se4-container .tempWrap {
  padding-top: 150px;
}
.se4 .right-content .se4-container .item1 {
  width: 233px;
  height: 398px;
  box-shadow: 0 2px 5.9px 0.1px rgba(4, 0, 0, 0.1);
  margin: 0 10px 30px 10px;
}
.se4 .right-content .se4-container .item1 img {
  width: 233px;
  height: 254px;
  display: block;
  padding-bottom: 24px;
}
.se4 .right-content .se4-container .item1 h4 {
  font-weight: normal;
  font-size: 18px;
  color: #333;
  padding: 0 24px 12px 24px;
}
.se4 .right-content .se4-container .item1 p {
  line-height: 24px;
  color: #888;
  font-size: 14px;
  padding: 0 24px;
}
.se4 .right-content .se4-container .se4-btn {
  position: absolute;
  top: 86px;
  right: 0;
}
.se4 .right-content .se4-container .se4-btn a {
  cursor: pointer;
}
.se4 .right-content .se4-container h3 {
  font-size: 24px;
  position: absolute;
  top: 86px;
  left: 10px;
  font-weight: 400;
  color: #333;
}
.se5 .se5-container {
  position: relative;
  padding-top: 220px;
}
.se5 .se5-container li {
  width: 374px;
  height: 347px;
  border: 1px solid #ccc;
  margin: 0 22px 40px 0;
}
.se5 .se5-container li img {
  display: block;
  width: 374px;
  height: 215px;
  padding-bottom: 28px;
}
.se5 .se5-container li h4 {
  font-weight: 400;
  color: #333;
  padding: 0 20px 24px 20px;
}
.se5 .se5-container li p {
  font-size: 14px;
  line-height: 24px;
  padding: 0 20px;
  color: #888;
}
.se5 .se5-container .se5-btn {
  position: absolute;
  top: 106px;
  right: 22px;
}
.se5 .se5-container .se5-btn a {
  cursor: pointer;
}
.se5 .se5-container .ab-title {
  position: absolute;
  top: 0;
  left: 0;
}
.se6 {
  width: 100%;
  height: 470px;
  background: url("../images/avbg.jpg") no-repeat center;
  overflow: hidden;
}
.se6 .box {
  overflow: visible;
}
.se6 .r-content {
  margin-left: 72px;
  width: 625px;
  padding-top: 78px;
  float: left;
}
.se6 .r-content .border {
  width: 45px;
  height: 3px;
  background: #fff;
  margin-bottom: 25px;
}
.se6 .r-content h3 {
  color: #fff;
  font-size: 24px;
  font-weight: normal;
}
.se6 .r-content ul {
  padding-top: 32px;
}
.se6 .r-content ul li h4 {
  color: #fff;
  padding-bottom: 13px;
}
.se6 .r-content ul li .li-content {
  overflow: hidden;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px dashed #888;
}
.se6 .r-content ul li .li-content p {
  display: inline-block;
  font-size: 14px;
  color: #888;
  float: left;
}
.se6 .r-content ul li .li-content span {
  float: right;
  font-size: 14px;
  color: #888;
  display: inline-block;
}
.se7 .ul-box {
  padding-bottom: 80px;
  position: relative;
}
.se7 .ul-box ul {
  overflow: hidden;
  position: relative;
  padding-top: 60px;
}
.se7 .ul-box ul li {
  width: 230px;
  height: 176px;
  border-radius: 15px;
  border: 1px solid #bca780;
  float: left;
  margin: 0 34px;
  text-align: center;
  position: relative;
  z-index: 2;
  background: #ffffff;
}
.se7 .ul-box ul li h3 {
  font-size: 18px;
  color: #04050a;
  padding: 22px 0;
}
.se7 .ul-box ul li p {
  padding: 0 30px;
  font-size: 14px;
  color: #666;
  line-height: 24px;
}
.se7 .ul-box img {
  z-index: 1;
  top: 100px;
  position: absolute;
}
.se7 .ul-box .img1 {
  left: 258px;
}
.se7 .ul-box .img2 {
  left: 560px;
}
.se7 .ul-box .img3 {
  left: 854px;
}
.friend-box {
  width: 100%;
  height: 98px;
  background: #bca780;
}
.friend-box .left-box {
  width: 180px;
  float: left;
  padding-top: 20px;
  margin-right: 80px;
}
.friend-box .left-box .border {
  width: 45px;
  height: 3px;
  background: #fff;
  margin-bottom: 8px;
}
.friend-box .left-box h4 {
  font-weight: normal;
  color: #fff;
  font-size: 24px;
  padding-top: 10px;
  display: inline-block;
  padding-right: 80px;
  border-right: 1px solid #fff;
}
.friend-box ul {
  padding-top: 32px;
  overflow: hidden;
  float: left;
}
.friend-box ul li {
  float: left;
  width: 100px;
  height: 36px;
  border: 1px solid #fff;
  background: #bca780;
  font-size: 14px;
  line-height: 36px;
  text-align: center;
  margin-right: 26px;
}
.friend-box ul li a {
  display: block;
  color: #fff;
}
