*{margin:0;padding: 0;font-family:Microsoft YaHei, Arial, Helvetica, sans-serif;}
body{min-height: 100vh;position: relative;}
ul,h1,h2,h3,h4,h5,h6,p{margin:0; padding:0;}
div,a,p,i,span,h3,li,img,h2 {-webkit-transition: all .3s ease-in 0s;transition: all .3s ease-in 0s; }
i{font-style: normal;}
a:hover{text-decoration: none;}
img{display: block;max-width: 100%;height: auto;}
li{list-style: none;}
@media (min-width:1200px){
    .container{width:1366px}
}
/*@media (min-width:1200px){.container{width:1300px}}*/
.breadcrumb{padding: 0;background: none;}
.breadcrumb a{color: #666;}
.breadcrumb a:hover{color: #0c86b6;}

@media (min-width: 768px){
  .nav > li:hover .dropdown-menu {
      display: block; 
  }
}
:root{
  --swiper-navigation-size: 60px!important;
  --swiper-pagination-bullet-size: 12px!important;
  --swiper-theme-color: #c8a062!important;
}
.pad120{padding-top: 120px;padding-bottom: 120px;}
.pad80{padding-top: 80px;padding-bottom: 80px;}
.pad50{padding-top: 50px;padding-bottom: 50px;}
.pad30{padding-top: 30px;padding-bottom: 30px;}
.mar-t-50{margin-top: 50px;}
.bg-f{background: #fff;}
.bg-f5{background: #f5f5f5;}
.tit1{margin-bottom: 35px;}
.tit1 h2{font-weight: bold;font-size: 40px;color: #575757;border-bottom: 3px solid #0c86b6;padding-bottom: 25px;}
.tit1 h2 span{color: #0c86b6;}
.tit1 .fff{color: #fff;}
.tit2 {margin-bottom: 20px;}
.tit2 h1 ,.tit2 h2{font-size: 28px;color: #e9b628; font-weight: bold;border-bottom: 3px solid #eee;padding-bottom: 25px;}
.tit2 .hs{color: #575757;}
.tit3 {margin-bottom: 20px;}
.tit3 h2{font-size: 22px;font-weight: bold;}
.tit4{margin-bottom: 30px;}
.tit4 h2{font-size: 32px;font-weight: bold;}
.tit4 span{width: 60px;height: 3px;background: #0c86b6;display: block;margin-top: 15px;}
@media (max-width: 767px){
	.navbar-toggle{border:none;}
	.mar-t-50{margin-top: 30px;}
  .pad120{padding-top: 30px;padding-bottom: 30px;}
	.pad80{padding-top: 30px;padding-bottom: 30px;}
	.pad50{padding-top: 30px;padding-bottom: 30px;}
  .tit1{margin-bottom: 5px;}
  .tit1 h2{font-size: 22px;padding-bottom: 15px;}
	.tit2 {margin-bottom: 15px;}
	.tit2 h1,.tit2 h2{font-size: 20px;}
  .tit3 {margin-bottom: 15px;}
  .tit3 h2{font-size: 20px;}
  .tit4{margin-bottom: 15px;}
  .tit4 h2{font-size: 22px;}
  .tit4 span{width: 40px;margin-top: 10px;}
}



@media (min-width: 768px){
	.hidden-pc{display: none!important;}
	}

.swiper-container {
  width: 100%;position: relative;
}
.swiper-slide {
  background-position: center;
  background-size: cover;
}


.nav-ty{background: rgba(255, 255, 255, .5);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border:none;border-radius: 0; margin-bottom: 0;width: 100%; position: absolute;top: 0;z-index: 999;}
.nav-ty .navbar-brand img{height: 40px;}
.nav-ty .nav {font-size: 16px;}
.nav-ty .nav li{padding:10px 13px;}
.nav-ty .nav li a{color:#333;}
.nav-ty .nav li:hover{background:#c8a062;}
.nav-ty .nav li:hover a{color: #fff}

.nav-ty .nav .dropdown-menu{background:#c8a062;border: none;padding:0;min-width: 120px;text-align: center;}
.nav-ty .nav .dropdown-menu li{padding:0;font-size: 16px;}
.nav-ty .nav .dropdown-menu li a{padding:10px;color: #fff;}
.nav-ty .nav .dropdown-menu li a:hover{background: #c8a062;}
.nav-ty .nav > li:hover .dropdown-menu {
    display: block; 
}
.nav-ty .navbar-toggle:focus{background: none!important;}
.nav-ty .navbar-toggle .icon-bar{background: #fff;}

@media (max-width: 767px){
  .nav-ty{padding: 0;z-index: 999;}
  .nav-ty .nav{margin-top: 0;}
  .nav-ty .nav li{padding-top: 3px;padding-bottom: 3px;}
  .nav-ty .nav .dropdown-menu{text-align: left;}
  .nav-ty .nav .dropdown-menu li a{padding:5px 15px;}
  .nav-ty .navbar-header{padding-top: 8px; padding-bottom: 8px;}
  .nav-ty .navbar-brand {padding-top: 5px;}
  .nav-ty .navbar-toggle .icon-bar{background: #c8a062;}
}

.nav-ty1{background: rgba(255, 255, 255, .5);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border:none;border-radius: 0; margin-bottom: 0;width: 100%; position: absolute;top: 0;z-index: 999;}
.nav-ty1 .navbar-brand img{height: 40px;}
.nav-ty1 .nav {font-size: 16px;}
.nav-ty1 .nav li{padding:10px 13px;}
.nav-ty1 .nav li a{color:#333;}
.nav-ty1 .nav li:hover{background:none!important;}
.nav-ty1 .nav li:focus{background:none!important;}
.nav-ty1 .nav li:active{background:none!important;}

.nav-ty1 .nav .open>a:hover{background: none!important;}

.nav-ty1 .nav .dropdown-menu{background:#none;border: none;padding:0;min-width: 120px;text-align: center;}
.nav-ty1 .nav .dropdown-menu li{padding:0;font-size: 16px;}

.nav-ty .navbar-toggle:focus{background: none!important;}
.nav-ty .navbar-toggle .icon-bar{background: #fff;}

@media (max-width: 767px){
  .nav-ty1{padding: 0;z-index: 999;}
  .nav-ty1 .nav{margin-top: 0;}
  .nav-ty1 .nav li{padding-top: 3px;padding-bottom: 3px;}
  .nav-ty1 .nav .dropdown-menu{text-align: left;}
  .nav-ty1 .nav .dropdown-menu li a{padding:10px 15px;font-size: 14px;margin-left: 15px;color: #444!important;}
  .nav-ty1 .navbar-header{padding-top: 8px; padding-bottom: 8px;}
  .nav-ty1 .navbar-brand {padding-top: 5px;}
  .nav-ty1 .navbar-toggle .icon-bar{background: #c8a062;}
  .nav-ty1 .dropdown .icon-xia{margin-left: 10px;color: #666;}
  .nav-ty1 .dropdown .icon-shang{display: none;}
  .nav-ty1 .open .icon-shang{display: inline-block;margin-left: 10px;color: #666;}
  .nav-ty1 .open .icon-xia{display: none;}
}

.head1{width: 100%;position: absolute;top: 0;overflow: hidden;height: 70px;z-index: 99;background: rgba(255, 255, 255, .3);backdrop-filter: blur(5px);}
.head1 .l{float: left;width: 220px;overflow: hidden;margin-top: 13px;margin-left: 100px;}
.head1-bs{background: #fff;}
.nav3{width: 300px; position: absolute;top:15px;right: 320px;overflow: hidden;}
.nav3-yy{float: left;}
.nav3-yy a{display: inline-block; color: #eee; }
.nav3-yy a:hover{color: #0c86b6;}
.nav3-yy span{color: #eee;display: inline-block;margin:8px 5px 0 5px;}
.nav3-ss{float: right;width: 150px;margin-left: 10px;border-radius: 30px;overflow: hidden; border: 1px solid #c8a062;margin-top: 7px;}
.nav3-ss input{border: 0;background: none;color: #c8a062;box-shadow: none;height: 28px;}
.nav3-ss button{background:none;color: #fff;border: none;height: 28px;width: 28px;}
.nav3-ss button span{color: #c8a062;}
.nav3-ss input::-webkit-input-placeholder{color: #eee;}
@media (max-width: 767px){
  .head1{height: 65px;}
  .head1 .l{width: 150px; margin-left: 15px;margin-top: 15px; }
}


.menu input[type=radio] {
  display: none;
}

.menu label[for=menu-open] {
  display: flex;
  flex-direction: column;
  padding: 10px;
  position: fixed;z-index: 100;right: 100px;top:15px;
}
.menu label[for=menu-open] span {
  margin-bottom: 8px;
  height: 2px;
  background: #c8a062;
  width: 32px;
  border-radius: 3px;
}
.menu-close {
  display: flex;
  flex-direction: column;
  padding-left: 215px;padding-top: 21px; border-bottom: 1px solid #fff;padding-bottom: 22px;
}
.menu-close span {
  margin-bottom: 11px;
  height: 2px;
  background: #FFF;
  width: 32px;
  border-radius: 5px;
}
.menu-close span:nth-child(1) {
  transform: translateY(14px) rotate(45deg);
}
.menu-close span:nth-child(2) {
  transform: rotate(-45deg);
}

.overlay {
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0);
  position: fixed;
  z-index: -10;
  left: 0;
  transform: translateY(0%);
  transition: 0.2s ease-in;
}

#menu-open ~ label ~ .side-menu {
  display: flex;
  position: fixed;
  top: 0;
  height: 100%;
  transform: translateX(100%);
  width: 300px;
  background-color: rgba(0, 0, 0, .3);backdrop-filter: blur(20px); 
  transition: 0.2s linear;
  z-index: 100;right: 0;
}

#menu-open:checked ~ .overlay {
  z-index: 10;
  background: rgba(0, 0, 0, 0.4);
}

#menu-open:checked ~ label ~ .side-menu {
  transform: translateX(0%);
  box-shadow: 0 1px 5px #333;
}

.side-menu {
  flex-direction: column;
}
.side-menu nav {
  display: flex;
  flex-direction: row;
  width: 100%; padding: 50px;
}
.side-menu nav ul {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 0;
}
.side-menu nav ul li {
  list-style-type: none;
  text-align: center;
}
.side-menu nav ul li a {
  width: 100%;
  display: block;
  color: #FFF;
  padding: 10px 15px;
}
.side-menu nav ul li a:hover {
  color: #2980b9;
}

.side-menu .panel-group{width: 100%;text-align: center;}
.side-menu .panel{background: none!important; border: none;}
.side-menu .panel-heading{background: none!important;padding: 15px;}
.side-menu .panel-title a{color: #fff;text-decoration: none;font-size: 14px;}
.side-menu .panel-body{border-bottom: 1px dashed #eee;}
@media (max-width: 767px){
  .menu label[for=menu-open] {
  padding: 10px;
  right: 15px;top:13px;
  }
  .menu-close {
  padding-left: 195px;padding-top: 19px;padding-bottom: 19px;
  }
  #menu-open ~ label ~ .side-menu {
  width: 250px;
  }
}

.infull{height: 100%;}
.index4-banner{height: 100vh;}

@media (max-width: 767px){
  .index4-banner{height: 400px;;;}
  }

.banner-txt33{position: absolute;top: 20%;width: 100%; }
.banner-txt23{background: rgba(241,122,7, .7);padding: 50px;width:600px;height: 600px; backdrop-filter: blur(5px);position: relative;margin: 0 auto; border-radius: 100%;text-align: center;}
.banner-txt23 img{width: 40%;margin:10% auto 0 auto;}
.banner-txt23 h2{font-size: 36px;color: #fff;font-weight: bold;margin-bottom: 10px;letter-spacing: 5px;}
.banner-txt23 h3{font-size: 22px;color: #b9cfd8;text-shadow: 0 0 5px #666;text-shadow: 2px 2px 5px #333;margin-top: 30px;}
.banner-txt23 .xt1{display: block;width: 50%;height: 5px;background: linear-gradient(135deg, #ffd07f, #e5b378);margin:30px auto;}
@media (max-width: 767px){
  .banner-txt23{width: 300px;height:300px;}
  .banner-txt23 img{margin: 5% auto 0 auto;}
  .banner-txt23 .xt1{margin:15px auto;height: 3px;}
  .banner-txt23 h2{font-size: 24px;letter-spacing: 2px;}
}

.banner-txt22{width: 50%;position: relative;margin: 0 auto;text-align: center;margin-top: 150px;}
.banner-txt22 h2{font-size: 70px;color: #fff;font-weight: bold;text-shadow: 2px 2px 5px #333;letter-spacing: 15px;margin: 20px 0;}
.banner-txt22 .gd{display: block;margin: 40px auto 0 auto;width: 150px;background: #c8a062;color: #fff;border-radius: 100px;padding: 10px;overflow: hidden;font-size: 16px;}
@media (max-width: 767px){
  .banner-txt22{width: 100%;}
  .banner-txt22 h2{font-size: 36px;letter-spacing: 10px;}
}

.box-center{display: flex;
justify-content: center;
align-items: center;}

.in-al{background: url(../images/bg-al.jpg) center;background-size: cover; height: 100%;}
.in-al-tit{background: url(../images/bg-al-t.jpg) center;background-size: cover;overflow: hidden;height: 466px;text-align: center;}
.in-al-tit h2 {font-size: 40px;font-weight: bold;color: #fff;text-shadow: 1px 1px 1px #333;padding-top: 200px;}
.in-al-li{background: rgba(0, 0, 0, .3);padding: 30px;border-right: 1px solid #eee;border-bottom: 1px solid #eee;overflow: hidden;display: block;}
.in-al-li .xt{display: block;width: 95px;height: 3px; background: linear-gradient(135deg, #c8a062, #fbe3be);margin: 20px 0 15px 0;}
.in-al-li p{font-size: 22px;color: #fff;white-space:nowrap; text-overflow:ellipsis;overflow: hidden;}
.in-al-li span{display: block;font-size: 16px;color: #fff;margin-top: 20px;min-height: 46px; overflow: hidden;text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -moz-box;
  -moz-line-clamp: 2;
  -moz-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;}
.in-al-li i{font-size: 16px;color: #fff;display: block;text-align: right;margin-top: 30px;}
.in-al-li:hover{background:#c8a062; }
.in-al-li:hover .xt{width: 100%;background: linear-gradient(135deg, #fbe3be, #c8a062);}
.in-al .in-al-li:nth-child(2n){border-right: none;}
.in-al .in-al-li:nth-child(n+3){border-bottom: none;}
@media (max-width: 767px){
  .in-al .container{width: 88%;}
  .in-al .col-md-3{padding: 0;}
  .in-al-tit{height: auto;padding:15px 10px;margin-bottom: 15px;}
  .in-al-tit h2{padding-top: 0;font-size: 24px;}
  .in-al-li{padding: 15px;border-right: 0;}
  .in-al .in-al-li:nth-child(n+3){border-bottom:1px solid #eee;}
  .in-al-li p{font-size: 16px;}
  .in-al-li .xt{margin: 10px 0;}
  .in-al-li span{font-size: 14px;margin-top: 5px;min-height: auto;}
  .in-al-li i{font-size: 12px;margin-top: 5px;}
  }

.infw23-box{overflow: hidden;margin: 15px 40px;}
.infw23-box a{width:50%;display: block;float: left;text-align: center;border-right: 1px solid #ccc;border-bottom:1px solid #ccc;  color: #666;padding: 50px 10px;}
.infw23-box a span{display: block;font-size: 36px;margin-bottom: 10px;color: #c8a062;opacity: 1;}
.infw23-box a:nth-child(2n){border-right: none;}
.infw23-box a:nth-child(n+3){border-bottom: none;}

.infw-23 .more{text-align: right;margin-top: 20px;}
.infw-23 .more a{color: #c8a062;padding: 10px 0;}
.infw-23 .more a i{margin-right: 15px;margin-left: 15px;}
.infw23img img{clip-path: polygon(135% 0,85% 100%, 0% 100%, 0 0, 0 30%, 15% 0);}

.infw-23-xt{overflow: hidden;}
.infw-23-xt .xt1{display: block;width: 80px;height: 3px; background: linear-gradient(135deg, #e3690f, #f1a82a);margin-top: 3px;float: right;}
.infw-23-xt .xt2{display: block;width: 50px;height: 2px; background: linear-gradient(135deg, #e3690f, #f1a82a);margin-top: 15px;float: right;}

.in-gk {font-size: 16px;color: #eee;line-height: 28px;}
.in-gk p{margin:5px 0;padding: 8px 0;text-indent: 2em;color: #666;}
.clear{clear: both;overflow: hidden;}
@media (max-width: 767px){
  .infw23-box{margin:15px;}
  .infw23-box a{padding: 20px 10px;}
}

.in-fwln{background: url(../images/bg-fw.jpg) center;background-size: cover; height: 100%;}
.in-fwln-tit h2 {font-size: 40px;font-weight: bold;color: #fff;margin-bottom: 40px;margin-left: -15px;text-shadow: 1px 1px 1px #333;}
.in-fwln-box{background: rgba(0, 0, 0, .3);padding:100px 20px;overflow: hidden;border-right: 1px solid #eee;}
.in-fwln-box .xt{display: block;width: 95px;height: 3px; background: linear-gradient(135deg, #c8a062, #fbe3be);margin: 20px 0 15px 0;}
.in-fwln-box h3{font-size: 24px;color: #fff;}
.in-fwln-box p{font-size: 16px;color: #fff;margin:10px 0;}
.in-fwln-box p span{color: #c8a062;margin-right: 10px;font-size: 14px;}
.in-fwln-box:hover{background: #c8a062;}
.in-fwln-box:hover p span{color: #eee;}
.in-fwln-box:hover .xt{width: 100%;background: linear-gradient(135deg, #fbe3be, #c8a062);}
.in-fwln .in-fwln-box:last-child{border-right: none;}
@media (max-width: 767px){
  .in-fwln .container{width: 88%;}
  .in-fwln-tit h2{font-size: 24px;margin-bottom: 20px;}
  .in-fwln-box{padding:15px 20px;border-bottom: 1px solid #eee;border-right: 0;}
  .in-fwln-box h3{font-size: 20px;}
  .in-fwln-box p{font-size: 14px;margin: 5px 0;}
  .in-fwln .in-fwln-box:last-child{border-bottom: none;}
  }
@media (max-width: 420px){
  .in-fwln-box{padding:10px 10px;}
  .in-fwln-box h3{font-size: 18px;}
  .in-fwln-box p{font-size: 12px;}
  .in-fwln-box .xt{margin:10px 0 5px 0;}
}

.box-ly{background: rgba(255, 255, 255, .7);padding: 30px;}
.box-ly h2{font-size: 24px;margin-bottom: 26px;border-left: 3px solid #c8a062;padding-left: 10px;}
.box-ly input{height: 45px;}
.box-ly textarea{height: 134px;}
.box-ly .tijiao{border:none;background:#c8a062;color: #fff;font-size: 16px;margin-top:20px;overflow: hidden;display: block;padding: 10px;border-radius: 5px;width: 100%;}

.in-lx{background: url(../images/bg-lx.jpg) center;background-size: cover; height: 100%;}
.in-lx-txt{background: rgba(255, 255, 255, .7);padding: 20px;margin-bottom: 30px;}
.in-lx-txt p{color: #333;margin-bottom: 10px;}
.in-lxfs{background: rgba(0, 0, 0, .3); padding: 30px;}
.in-lxfs p{color: #fff;line-height: 30px;font-size: 16px;}
.foot-ba {margin-top: 40px;border-top: 1px solid #eee;padding-top: 20px;}
.foot-ba a{color: #eee;margin-right: 10px;}

.foot-logo{width: 400px;margin-bottom: 50px;}
.foot-btn{background: rgba(0, 0, 0, .3); padding: 30px;position: relative;height: 148px;}
.foot-btn .btn{display: block;width: 25%;float: left;text-align: center;}
.foot-btn .btn p{width: 60px;height: 60px;border-radius: 100%;margin: 0 auto; background: rgba(255, 255, 255, .4);overflow: hidden;line-height: 60px;font-size: 32px;}
.foot-btn .btn span{display: block;color: #fff;margin-top: 5px;}
.foot-btn .btn img{position: absolute;top: -80px;display: none;left: 48px;}
.foot-btn .btn:hover p{background: #c8a062;color: #fff;}
.foot-btn .btn:hover img{display: block!important;}
.foot-btn .btn2 img{left: 197px;}
.foot-btn .btn3 img{left: 346px;}
.foot-btn .btn4 img{left: 494px;}
@media (max-width: 767px){
  .in-lx .container{width: 95%;}
  .box-ly{padding: 15px;margin-top: 20px;}
  .box-ly input{height: 40px;}
  .box-ly textarea{height: 80px;}
  .in-lx-txt{padding: 15px;margin-bottom: 20px;}
  .foot-ba{margin-top: 10px;text-align: left;}
  .foot-logo{width: 300px;margin-bottom: 20px;}
  .in-lxfs{padding: 20px;margin-bottom: 10px;}
  .in-lxfs p{font-size: 14px;}
  .foot-btn{padding: 20px 10px;height: 120px;}
  .foot-btn .btn p{width: 50px;height: 50px;line-height: 50px;font-size: 28px;}
  .foot-btn .btn img{top: -90px;left: 0px;}
  .foot-btn .btn2 img{left: 24%;}
.foot-btn .btn3 img{left: 47.5%;}
.foot-btn .btn4 img{left: 71%;}
  }

.fd{position: fixed;right: 3px;bottom: 55%;z-index: 999;background: #c8a062;text-align: center;padding: 5px;}
.fd span{display: block;font-size: 36px;color: #fff;}
.fd p{font-size: 11px;color: #fff;margin-top: -5px;}
.fd img{display: none;position: absolute;right: 60px;top: 0;max-width: 200px;width: 120px;}
.fd:hover img{display: block;}
@media (max-width: 767px){
  .fd span{font-size: 32px;}
  .fd p{font-size: 10px;}
  }

.about-1{background: url(../images/a-bg-1.jpg) center;background-size: cover;height: 100%;}
.about-2{background: url(../images/a-bg-2.jpg) center;}
.about-3{background: url(../images/a-bg-3.jpg) center;}
.about-4{background: url(../images/a-bg-4.jpg) center;}
.about-1 .l{position: relative;margin-top: 30px;}
.about-1 .l .tit h2{font-size: 48px;font-weight: bold;z-index: 100;position: absolute;}
.about-1 .l .tit span{display: block;position: absolute;font-size: 140px;font-weight: bold;color: #c8a062;top: -105px; z-index: 1;font-style: italic;}
.about-1 .l .txt{font-size: 16px;line-height: 32px;margin-top: 100px;}
.about-1 .l .txt p{text-indent: 2em;margin: 10px 0;}
.about-1 .r img{clip-path: polygon(135% 0,85% 100%, 0% 100%, 0 0, 0 30%, 15% 0);}
@media (max-width: 767px){
  .about-1 .l .tit h2{font-size: 20px;}
  .about-1 .l .tit span{font-size: 75px;top:-63px;}
  .about-1 .l .txt{font-size: 12px;line-height: 20px;margin-top: 40px;}
}


.zy-tit {margin-bottom: 40px;text-align: center;margin-top: 20%;}
.zy-tit h2{font-size: 42px;font-weight: bold;}
.zy{height: 220px;}
.zy1{height: 220px;}
.zy-box{background: #ddd;position:absolute;padding:50px 30px 20px 30px;height: 200px;overflow: hidden;}
.zy-box .tit h2{font-size: 20px;font-weight: bold;z-index: 100;position: absolute;}
.zy-box .tit span{display: block;opacity: .5; position: absolute;font-size: 40px;font-weight: bold;color: #c8a062;top: 0px;right: 20px; z-index: 1;font-style: italic;}
.zy-box p{margin-top: 35px;line-height: 28px;}
.zy-box:hover{height: auto;min-height: 200px;background: #c8a062;z-index: 999;}
.zy-box:hover h2{color: #fff;}
.zy-box:hover span{color: #fff;opacity: .3;}
.zy-box:hover p{color: #eee;}


.swiper-zy{}
.zy-box1{background: #ddd;padding:50px 30px 20px 30px;overflow: hidden;height: 350px;margin-bottom: 50px;}
.zy-box1 .tit h2{font-size: 20px;font-weight: bold;z-index: 100;position: absolute;}
.zy-box1 .tit span{display: block;opacity: .5; position: absolute;font-size: 40px;font-weight: bold;color: #c8a062;top: 0px;right: 20px; z-index: 1;font-style: italic;}
.zy-box1 p{margin-top: 35px;line-height: 28px;}
.zy-box1:hover{background: #c8a062;}
.zy-box1:hover h2{color: #fff;}
.zy-box1:hover span{color: #fff;opacity: .3;}
.zy-box1:hover p{color: #eee;}

.zy-bottom{bottom: 0px!important;}
@media (max-width: 767px){
  .zy-tit {margin-bottom: 20px;margin-top: 45%;}
  .zy-tit h2{font-size: 28px;}
  .zy-box1{}
  }


.li-top{background: url(../images/bg-al.jpg) center;background-size: cover;height: 400px;}
.li-top h1{font-size: 48px;font-weight: bold;margin-top: 250px;border-left: 8px solid #c8a062;padding-left: 13px;color: #fff;text-shadow: 1px 1px 3px #666;padding-bottom: 3px;}

.bg-ls{background: url(../images/a-bg-3.jpg) center fixed;background-size: cover;}
.ls-li{display: block;background: linear-gradient(135deg, #ccc, #eee);overflow: hidden;box-shadow: 0 0 10px #ccc;border-radius: 10px;margin: 15px 0;}
.ls-li .img{float: left;position: relative;width: 50%;float: left;height: 320px;}
.ls-li .img img{object-fit: cover;}
.ls-li .txt{margin-top: 50px;margin-left: 5%;float: left;width: 40%;}
.ls-li .txt h2{font-weight: bold;font-size: 32px;color: #222;-webkit-transition: all 0s ease-in 0s;transition: all 0s ease-in 0s;}
.ls-li .txt p{font-size: 16px;color: #333;margin-top: 15px;-webkit-transition: all 0s ease-in 0s;transition: all 0s ease-in 0s;white-space:nowrap; text-overflow:ellipsis;overflow: hidden;}
.ls-li .txt .more{float: right;width: 120px;border: 1px solid #c8a062;border-radius: 100px;color: #666;text-align: center;margin-top: 100px;-webkit-transition: all 0s ease-in 0s;transition: all 0s ease-in 0s;}
.ls-li .txt .more i,.ls-li .txt .more span{-webkit-transition: all 0s ease-in 0s;transition: all 0s ease-in 0s;}

.ls-li:hover{background: linear-gradient(135deg, #fbe3be, #c8a062);}
.ls-li:hover .txt h2{color: #fff;}
.ls-li:hover .txt p{color: #fff;}
.ls-li:hover .txt .more{border: 1px solid #fff;color: #fff;}
@media (max-width: 767px){
  .li-top{height: 260px;}
  .li-top h1{font-size: 32px;margin-top: 180px;}
  .ls-li{margin-bottom: 30px;}
  .ls-li .img{width: 40%;height: 160px;}
  .ls-li .txt{margin-top: 20px;width: 55%;}
  .ls-li .txt h2{font-size: 24px;}
  .ls-li .txt p{font-size: 12px;margin-top: 10px;}
  .ls-li .txt .more{font-size: 10px;width: auto;margin-top: 25px;border: none;color: #c8a062;margin-right: 10px;}
  .ls-li:hover .txt .more{border: none;}
  }

.bg-al{background: url(../images/a-bg-4.jpg) center fixed;background-size: cover;}
.al-li{display: block;background: linear-gradient(135deg, #ccc, #eee);overflow: hidden;border-radius: 10px;margin: 15px 0;padding: 30px 30px 15px 30px;}
.al-li h3{color: #c8a062;white-space:nowrap; text-overflow:ellipsis;overflow: hidden;margin-bottom: 30px;}
.al-li p{color: #666;font-size: 16px;line-height: 30px;min-height: 60px; overflow: hidden;text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -moz-box;
  -moz-line-clamp: 2;
  -moz-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;}
.al-li .more{margin-top: 40px;}
.al-li .more p{float: left;color: #c8a062;}
.al-li .more span{float: right;font-size: 30px;color: #c8a062;display: block;margin-top: -5px;}
.al-li h3,.al-li p,.al-li .more span{-webkit-transition: all 0s ease-in 0s;transition: all 0s ease-in 0s;}
.al-li:hover{background: linear-gradient(135deg, #fbe3be, #c8a062);}
.al-li:hover h3,.al-li:hover p,.al-li:hover .more span{color: #fff;}
@media (max-width: 767px){
  .al-li{padding: 15px 15px 5px 15px;margin-bottom: 30px;}
  .al-li h3{font-size: 18px;white-space: normal;line-height: 28px;margin-bottom: 15px;}
  .al-li p{font-size: 14px;line-height: 24px;min-height:auto;}
  .al-li .more{margin-top: 20px;}
  .al-li .more span{font-size: 24px;}
  }

.dt-li{display: block;background: linear-gradient(135deg, #ccc, #eee);overflow: hidden;border-radius: 10px;margin: 15px 0;}
.dt-li .img{height: 230px;overflow: hidden;}
.dt-li .tit{margin:20px;overflow: hidden;}
.dt-li h3{min-height: 60px; color: #c8a062;font-size: 20px;font-weight: bold; margin-bottom: 20px;line-height: 30px; overflow: hidden;text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -moz-box;
  -moz-line-clamp: 2;
  -moz-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;}
.dt-li p{color: #666;font-size: 16px;line-height: 30px; min-height: 60px; overflow: hidden;text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -moz-box;
  -moz-line-clamp: 2;
  -moz-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;}
.dt-li .more{margin-top: 20px;}
.dt-li .more p{float: left;color: #c8a062;}
.dt-li .more span{float: right;font-size: 30px;color: #c8a062;display: block;margin-top: -5px;}
.dt-li h3,.dt-li p,.dt-li .more span{-webkit-transition: all 0s ease-in 0s;transition: all 0s ease-in 0s;}
.dt-li:hover{background: linear-gradient(135deg, #fbe3be, #c8a062);}
.dt-li:hover h3,.dt-li:hover p,.dt-li:hover .more span{color: #fff;}
@media (max-width: 767px){
  .dt-li{margin-bottom: 30px;}
  .dt-li .img{height: 180px;}
  .dt-li .tit{margin: 15px;}
  .dt-li h3{font-size: 18px;white-space: normal;line-height: 28px;margin-bottom: 15px;}
  .dt-li p{font-size: 14px;line-height: 24px;min-height: auto;}
  .dt-li .more{margin-top: 20px;}
  .dt-li .more span{font-size: 24px;}
  }

.in-dt{background: url(../images/bg-dt.jpg) center;background-size: cover; height: 100%;}
.in-dt-tit{background: url(../images/bg-al-t.jpg) center;background-size: cover;overflow: hidden;height: 347px;text-align: center;border-radius: 10px;margin: 15px 0;}
.in-dt-tit h2 {font-size: 40px;font-weight: bold;color: #fff;text-shadow: 1px 1px 1px #333;padding-top: 140px;}
.in-dt-li{display: block;background: rgba(0, 0, 0, .5);overflow: hidden;border-radius: 10px;margin: 15px 0;}
.in-dt-li .img{height: 200px;overflow: hidden;}
.in-dt-li .tit{margin:20px 20px 10px 20px;overflow: hidden;}
.in-dt-li h3{min-height: 60px; color: #fff;font-size: 20px;font-weight: bold; margin-bottom: 20px;line-height: 30px; overflow: hidden;text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -moz-box;
  -moz-line-clamp: 2;
  -moz-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;}
.in-dt-li .more{margin-top: 20px;}
.in-dt-li .more p{float: left;color: #fff;}
.in-dt-li .more span{float: right;font-size: 30px;color: #fff;display: block;margin-top: -5px;}
.in-dt-li h3,.dt-li p,.dt-li .more span{-webkit-transition: all 0s ease-in 0s;transition: all 0s ease-in 0s;}
.in-dt-li:hover{background: linear-gradient(135deg, #fbe3be, #c8a062);}
.in-dt-li:hover h3,.dt-li:hover p,.dt-li:hover .more span{color: #fff;}
@media (max-width: 767px){
  .in-dt-li{margin-bottom: 30px;}
  .in-dt-li .img{height: 140px;}
  .in-dt-li .tit{margin: 15px 15px 5px 15px;}
  .in-dt-li h3{font-size: 18px;white-space: normal;line-height: 28px;margin-bottom: 15px;}
  .in-dt-li .more{margin-top: 0px;}
  .in-dt-li .more span{font-size: 24px;}
  .in-dt .col-md-4:nth-child(n+4){display: none;}
  .in-dt-tit{height: 60px;}
  .in-dt-tit h2{padding-top: 13px;font-size: 28px;}
  }

.list-page{ text-align:center; margin:30px 0 20px 0; color:#666;}
.list-page a{ padding:3px 9px; margin:0 2px; color:#666; }
.list-page a:hover{background:#c8a062; color:#fff;}
.list-page b{ padding:3px 9px; margin:0 2px; background:#c8a062; color:#fff; font-weight:normal; }


.ls-top{background: url(../images/a-bg-3.jpg) center;background-size: cover;padding-top: 100px;}

.ls-top .txt{margin-top: 150px;}
.ls-top .txt h2{font-size: 48px;font-weight: bold;color: #c8a062;margin-bottom: 40px;}
.ls-top .txt p{font-size: 16px;margin-top: 20px;color: #333;}
.ls-txt{background: #eee;padding: 30px;font-size: 16px;line-height: 30px;position: relative;}
.ls-txt p{margin:10px 0;padding: 5px 0;}
.ls-txt .xt1{position: absolute;top: 0;left: 0;width: 50%;height: 3px;background: linear-gradient(135deg, #c8a062, #fbe3be);}
.ls-txt .xt2{position: absolute;bottom: 0;right: 0;width: 50%;height: 3px;background: linear-gradient(135deg, #fbe3be, #c8a062);}
.ls-card{display: block;width: 50%;position: relative;overflow: hidden;background: linear-gradient(135deg, #ccc, #eee);border-radius: 10px;}
.ls-card .img{width: 150px;height: 150px;float: left;margin-right: 30px;}
.ls-card i{display: block;position: absolute;right: 0px;top: 0px;width: 120px;background: #c8a062;color: #fff;text-align: center; border-bottom-left-radius:10px;font-size: 14px;}
.ls-card .txt{float: left;margin-top: 30px;}
.ls-card .txt p{font-size: 26px;color: #333;-webkit-transition: all 0s ease-in 0s;transition: all 0s ease-in 0s;}
.ls-card .txt span{display: block;color: #666;-webkit-transition: all 0s ease-in 0s;transition: all 0s ease-in 0s;}
.ls-card:hover{background: linear-gradient(135deg, #c8a062, #fbe3be);}
.ls-card:hover .txt p,.ls-card:hover .txt span{color: #fff;}
@media (max-width: 767px){
  .ls-top .txt{margin-top: 30px;margin-bottom: 30px;text-align: center;}
  .ls-top .txt h2{font-size: 36px;margin-bottom: 20px;}
  .ls-top .txt p{margin-top: 10px;}
  .ls-txt{padding: 15px;font-size: 14px;line-height: 28px;}
  .ls-txt p{margin: 8px 0;padding: 3px 0;}
  .ls-card{width: 100%;}
  .ls-card .img{width: 100px;height: 100px;}
  .ls-card .txt{margin-top: 20px;}
  .ls-card .txt p{font-size: 22px;margin-bottom: 0!important;}
}

.nr{background: #fff;padding: 50px;border-radius: 5px;overflow: hidden;}
.nr h1{text-align: center;line-height: 52px;}
.nr .date{text-align: center;margin: 30px 0;padding-bottom: 30px; font-size: 16px;color: #666;border-bottom: 1px solid #ddd;}
.nr .date span{margin:0 15px;}
.nr .date span i{margin-right: 10px;}
.nr .txt{font-size: 16px;line-height: 30px;}
.nr .txt p{margin:8px 0;padding: 8px 0;}
.nr .txt h2,.nr .txt h3{font-size: 28px;border-left: 5px solid #c8a062;padding-left: 8px;padding-bottom: 3px;font-weight: bold;
margin: 35px 0 20px 0;
}
.nr .txt img{margin: 0 auto;}
@media (max-width: 767px){
  .nr{padding: 10px;}
  .nr h1{font-size: 22px;line-height: 32px;}
  .nr .date{margin: 15px 0;padding-bottom: 15px;font-size: 14px;}
  .nr .txt{font-size: 14px;line-height: 28px;}
  .nr .txt p{margin: 5px 0;padding: 5px 0;}
  .nr .txt h2,.nr .txt h3{font-size: 22px;margin: 20px 0 15px 0;}
  .nr .txt img{height: auto!important;}
  }

.foot-li{background: url(../images/bg-lx.jpg) center;background-size: cover;}

/* #Progress
================================================== */

.progress-wrap {
  position: fixed;
  right: 50px;
  bottom: 50px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  box-shadow: inset  0 0 0 2px rgba(243,141,9,0.2);
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap.active-progress {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.progress-wrap::after {
  position: absolute;
  font-family: 'unicons';
  content: '↑';
  text-align: center;
  line-height: 46px;
  font-size: 24px;
  color: #c8a062;
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 1;
  -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::after {
  opacity: 0.5;
}
.progress-wrap::before {
  position: absolute;
  font-family: 'unicons';
  content: '↑';
  text-align: center;
  line-height: 46px;
  font-size: 24px;
  opacity: 0;
  background-image: linear-gradient(298deg, var(--red), var(--yellow));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 2;
  -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::before {
  opacity: 1;
}
.progress-wrap svg path { 
  fill: none; 
}
.progress-wrap svg.progress-circle path {
  stroke: var(--black-blue);
  stroke-width: 4;
  box-sizing:border-box;
  -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
@media (max-width: 767px){
  .progress-wrap {
  position: fixed;
  right: 10px;
  bottom: 10px;
  }
}