.top_kong{overflow:hidden; clear:both; height:0px; width:100%; display: none}
@media (max-width: 1000px){
.top_kong{height:50px; display: block; }	
}


* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;outline:none;
}

a,
a:hover {color: inherit;text-decoration: none;}

ul,li {list-style: none;}

body {
  padding:0px;
  font-family: Microsoft YaHei, sans-serif;

  color: #2e2e2e;
  overflow-x: hidden; margin: 0px
}



.t_sjk{padding: 0px 8px 0px 0px;  border-radius: 50px; color: #fff;border: 1px solid #b5e570; line-height: 32px; margin-top:6px; background: #bf9f62}
.t_sjk i{  height: 32px;  line-height: 32px ; margin-right: 4px; margin-left: 10px}
.t_sjk a:hover{color: #fff;}
@media only screen and (max-width:1000px) {
.t_sjk{display: none}	
}

  /* ---菜单------ */
.nav {
  position: fixed;
  left: 0;
  top: 0;
  padding-top:10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 50;
  width: 100%;
  padding-left: 100px;
  padding-right: 100px;
  font-size: 16px;
  color: #fff;
  transition: padding-top 0.5s, padding-bottom 0.5s, background-color 0.25s, color 0.25s;background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.3)),to(rgba(255,255,255,0))); padding-bottom: 20px}

@media (min-width: 1930px) {
  .nav { max-width: 1800px;left: calc(50% - 1800px / 2);}
}

.nav.active {color: #fff;background-color: #222;padding-bottom:10px; padding-top: 10px; background: -webkit-gradient(linear,left top,left bottom,from(#222),to(#222)); }

.nav.active .logo {width: 180px;}
.nav.active .logo img {opacity: 0; max-width: 100%;}
.nav.active .logo img.color {opacity: 1;}

.nav.active .btn span { background-color: #fff;}
.nav .btn {width: 35px;height: 23px;position: relative;z-index: 30;}
.nav .btn span {position: absolute;left: 0;top: 0;height: 3px;width: 100%;background-color: #bf9f62;transition: all 0.25s ease-in-out;}
.nav .btn span:nth-child(2) {top: 10px;transform-origin: right center;}
.nav .btn span:nth-child(3) {top: 20px;}
.nav.openMenu .btn span {background-color: #111 !important;}
.nav.openMenu .btn span:nth-child(1) {top: 10px;transform: rotate(45deg);}
.nav.openMenu .btn span:nth-child(2) {transform: scaleX(0);}
.nav.openMenu .btn span:nth-child(3) {top: 10px;transform: rotate(-45deg);}
.nav .logo {display: block;width: 246px;transition: all 0.5s;position: relative;}
.nav .logo img {transition: all 0.25s;max-width: 100%;}
.nav .logo .color {opacity: 0;position: absolute;left: 0;top: 0;z-index: 3;}
.nav .links {display: flex;font-weight: 700; line-height: 40px}
.nav .links .item { position: relative; font-weight: normal;text-shadow: 1px 1px 10px  rgba(0, 0, 0, 0.1);}


@media (min-width: 1366px) {
  .nav .links .item > a:not(.active):after {
    position: absolute;
    content: '';
    width: 120px;
    height: 40px;
    background: #bf9f62;
    left: 50%;
    z-index: -1;
    margin-left: -60px;
    margin-top: -20px;
    top: 50%;
    border-radius: 30px;transition: 0.2s;-moz-transition: 0.2s;-webkit-transition: 0.2s;  opacity:0;

  }
 .nav .links .item > a:not(.active):hover:after {top: 50%;left: 50%;transition: 0.2s;-moz-transition: 0.2s;-webkit-transition: 0.2s; opacity:1;}
.nav.active .links .item > a:not(.active):after {
    background: #bf9f62;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;
    
	}
	
.nav.active .links .item > a:not(.active):hover:after { transform: scaleX(1) translate3d(0, 0, 0);}
.nav.active .links .item:hover a{  color: #fff}
.nav.active .links .item:hover .child a{ color: #333}
.nav.active .links .item .child a:hover { color: #0054a7}
.nav.active .links .item .t_sjk a{color: #fff;}
}

@media (min-width: 1366px) and (max-width: 1600px) {
  .nav .links .item > a:not(.active):after {
    width: 110px;
    height: 36px;
    margin-left: -55px;
    margin-top: -18px;
  }
}




.nav .links .item .child {
  position: absolute;
  top: 50px;
  left: 50%;
  width: 180px;
  margin-left: -90px;
  background-color: #ffffff;
  color: #333;
  text-align: center;
  font-size: 14px;
  line-height: 40px;
  padding: 0 10px;
  border-radius: 8px;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform: translateY(50px) translate3d(0, 0, 0);
  opacity: 0;
  pointer-events: none;
  transition-property: opacity, transform;
  z-index: 3;
  box-shadow: 0 0 15px rgba(55, 55, 55, 0.15);
}

.nav .links .item .child:before {
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  height: 10px;
  top: -10px;
  opacity: 1;
}
.nav .links .item .child a + a { border-top: 1px solid #eee;}



@media (min-width: 1366px) {
  .nav .links .item .child a:hover {color: #bf9f62;text-decoration: underline;}
}

.nav .links .item .child a { padding: 0; color:#555; font-weight:normal; font-size:15px}


@media (min-width: 1366px) {
.nav .links .item:hover .child {transform: translateY(0) translate3d(0, 0, 0); opacity: 1; pointer-events: all;}
.nav .links .item .child a { padding: 0; color:#222; font-size:14px; font-weight:600; }
}

.nav .links .item + .item { margin-left: 3.0vw;}
@media (max-width: 1250px) {
.nav .links .item + .item { margin-left: 1.2vw;}
}
@media (max-width: 1100px) {
.nav .links .item + .item { margin-left: 1.1vw;}
}
@media (min-width: 1921px) {
.nav .links .item + .item { margin-left: 80px;}
}



.nav .links a {display: block;position: relative; padding: 3px;}
.nav .links a.active {color: #ffffff;}
.nav .links a.active:before {
  position: absolute;
  content: '';
  width: 120px;
  height: 40px;
  background-color: #0054a7;
  left: 50%;
  z-index: -1;
  margin-left: -60px;
  margin-top: -20px;
  top: 50%;
  transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  border-radius: 20px;
}


@media (max-width: 1600px) {
  .nav .links a.active:before { width: 110px; height: 36px; margin-left: -55px; margin-top: -18px;}
}

@media (max-width: 1600px) {
  .nav { padding-left: 60px;padding-top: 10px;padding-right: 60px;background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.5)),to(rgba(255,255,255,0)));
    background: linear-gradient(rgba(0,0,0,0.3),rgba(255,255,255,0));}
  .nav .logo { width:auto;}
	.nav .logo img{ width: auto; height: 45px;vertical-align: top}
}

@media (max-width: 1366px) {
  .nav {padding-left: 2%;}

	
}
.nav a{display: inline}
@media (max-width: 1000px) {
  .nav { padding: 0px 20px 0px 20px; color: #222; height: 50px; box-shadow: 0 0 3px rgba(81, 136, 136, 0.2); background-color: #222;
	background: -webkit-gradient(linear,left top,left bottom,from(#222),to(#222))}
  .nav .btn { display: block !important;}
  .nav:before {
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.75);
    position: absolute;
    content: '';
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s;
  }
	.nav .logo img{ width: auto; height: 34px;vertical-align: top}
	.nav .logo{width: auto;}
	
.nav .links .item a{ color:#111;}
  .nav.openMenu:before { opacity: 1; visibility: visible;}

  .nav .links {
    position: absolute;
    width: 50vmin;
    background-color: #F9F9F9;
    right: 0;
    top: 0;
    height: 100vh;
    flex-direction: column;
    padding: 50px;
    text-align: center;
    font-size: 18px;
    z-index: 20;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    transform: translateX(150px);
  }
  .nav .links a.active {color: #0054a7;}
  .nav .links a.active:before {display: none;}
  .nav .links .item + .item {margin-left: 0;border-top: 1px solid #ddd;}
  .nav .links .item { padding: 15px 0;}
  .nav .links .item .child {
    position: relative;
    top: auto;
    left: 0;
    width: auto;
    margin: auto;
    opacity: 1;
    transform: none;
    box-shadow: none;
    padding-top: 10px;
    background-color: transparent;
    pointer-events: all;
  }
  .nav .links .item .child:before { display: none;}
}


@media (max-width: 767px) {
  .nav { height: 50px; padding: 0 10px 0 20px;}
  .nav .btn {width: 30px;}
  .nav.active {background-color: #0054a7; padding-bottom: 0px; padding-top: 0px}
}

@media (max-width: 767px) {
  .nav .links {width: 80vmin;}
}

.w_tel{ text-align:center; margin:0px; padding:0px; display:none; margin-bottom: 40px; font-weight: normal; line-height: 24px;color:#0054a7;}
.w_tel i{ width:24px; height:24px; line-height:24px; text-align:center; border:#0054a7 1px  solid; margin-right:5px; border-radius:30px; color:#0054a7; font-size:14px}
.w_tel a{ color:#0054a7;font-size:18px;font-family: 'AVGBBT'; font-weight:700; line-height: 24px}
@media (max-width:1000px) {
.w_tel{ display:block}
}
  /* ---菜单---//--- */




/*-----------CSS3鼠标-----------*/

.stay{position: absolute;z-index: 12;width: 24px;bottom: 0;left: 50%;height:100px; margin-left: -12px}
.stay img{ width:24px; height:auto;}
.stay p{width:1px;background-color: #ffffff;animation: chang ease-in-out 2.5s infinite;height: 0;margin-top: 0;margin:0 auto}
@keyframes chang{
    0% {height: 0;margin-top: 0;}
    60% {height: 50px;margin-top: 0;}
    100% {height: 50px;margin-top:0px;}
}
@media (max-width: 1300px) {
.stay{ display: none}
	
}

/*---------CSS3鼠标-//---------*/

.d_yybm_k{ position: fixed; z-index: 40; float: right;right: 1%;  bottom:20%;}
.d_yybm{width: 80px; height: 80px;border-radius: 50%; background: #ea1010;box-shadow:0 0 20px 1px rgba(0,0,0,.2);background: -webkit-linear-gradient(45deg, #ff4800, #0054a7);
background: -o-linear-gradient(45deg, #ff4800, #0054a7); 
background: -moz-linear-gradient(45deg, #ff4800, #0054a7); 
background: linear-gradient(45deg, #ff4800, #0054a7); }

.d_yybm dl{margin: 0px; padding: 15px 0px 0px 0px; overflow: hidden;color: #fff}
.d_yybm dl dt{margin: 0px; padding: 0px 0px; overflow: hidden;text-align: center;font-size: 15px;}
.d_yybm dl dd{margin: 0px; padding: 0px 0px; overflow: hidden;text-align: center;font-size: 14px; line-height: 18px}
.d_yybm:hover{ background: #ffae00}
.d_yybm dl dt i{font-size: 30px; line-height: 30px}

.d_yybm::before {
	width:84px;
	height:84px;
	border:1px solid #cb2128;
	position:absolute;
	left:-2px;
	top:-2px;
	border-radius:50px;
	content:'';
	-webkit-animation:actif-btn-wave 1s infinite ease-out
}
@-webkit-keyframes actif-btn-wave {
	0% {
	-webkit-transform:scale(1);
	opacity:1;
	-webkit-transform-origin:center;
	transform-origin:center
}
100% {
	-webkit-transform:scale(1.2);
	opacity:0;
	-webkit-transform-origin:center;
	transform-origin:center
}

}


@media screen and (max-width:1000px){
.d_yybm_k{ bottom:130px;right:20px;}
.d_yybm dl dd{font-size: 12px }
.d_yybm dl dt i{font-size:25px; line-height: 30px}
.d_yybm{width: 66px; height: 66px;}

.d_yybm dl{padding: 3px 0px 0px 0px; }	
.d_yybm::before {
	width:68px;
	height:68px;
	border:1px solid #cb2128;
	position:absolute;
	left:-2px;
	top:-2px;
	border-radius:50px;
	content:'';
	-webkit-animation:actif-btn-wave 1s infinite ease-out
}
@-webkit-keyframes actif-btn-wave {
	0% {
	-webkit-transform:scale(1);
	opacity:1;
	-webkit-transform-origin:center;
	transform-origin:center
}
100% {
	-webkit-transform:scale(1.2);
	opacity:0;
	-webkit-transform-origin:center;
	transform-origin:center
}

}
}

.actGotop{position:fixed;_position:absolute;bottom:60px;right:2.1%;width:40px;height:40px;display:none; z-index:41}
.actGotop a,.actGotop a:link{width:40px;height:40px;display:inline-block; text-align:center; background:#fff url(../images/up.svg) no-repeat center; background-size:25px 25px; border:#bdbdbd 1px solid; border-radius:50% }
.actGotop a:hover{ background:#fff url(../images/up.svg) no-repeat center;outline:none; background-size:25px 25px;}


/* --back_top------- */
.iconfont {
  font-family: 'iconfont';  line-height: 40px
}

.b-top {
  position: fixed;
  right:2%;
  bottom: 65px;
  z-index: 9;
  background-color: #ffffff;
  box-shadow: 0 0 15px rgba(55, 55, 55, 0.3);
  border-radius:50%;
  line-height: 40px;
  width: 40px;
  text-align: center;
  font-size: 30px;
  cursor: pointer;
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  padding: 0px 0;
  transform: translate3d(0, 0, 0) scale(0);
  pointer-events: none;color: #000;

}
.b-top:before {
  content: '';
  width: 40px;
  height: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -40px 0 0 -40px;
}
.b-top:hover {background-color: #fff; color: #c11821;width: 40px;padding: 0;}
.b-top.active {transform: translate3d(0, 0, 0) scale(1);pointer-events: all;}


  /* --back_top--//--- */