@charset "utf-8";
/* CSS Document */
/* ========== */
/* = header = */
/* ========== */
* { text-decoration: none!important;}
a,
a:visited,
a:active,
a:hover,
a:focus { 
	text-decoration:none!important; 
	outline:none; 
	star: expression_r(this.onFocus=this.blur());
}
a {
  color: #333333;
}
.position{width:100%; max-width:1200px; margin:20px auto;}

.top{ background: url(../aboutus/abusb_01.png);background-size: 100% auto; background-repeat:no-repeat; width:100%; height:auto; }
.top-tit{ margin:0px auto; padding:15px 0px;max-width:1100px;}
.top-tit img{margin:0px auto;}
.top1{ width:100%;height:103px; /*background: linear-gradient(to bottom, #fee4c3 0%,#ffffff 90%)下拉背景;*/background:#faf8f3}
.top1-tit{margin:0px auto;padding:30px 0px;max-width:1100px;}
.top1-tit img{margin:0px auto;}
.header{position:fixed; top:0; left:0; z-index:999; } 
.header{position: absolute; top:0; z-index:999;  width: 100%; height: 100px; padding: 0 6%; /*background: linear-gradient(to bottom, #fee4c3 0%,#ffffff 90%)下拉背景*/z-index:999;border-bottom:1px solid #eeeeee; } 
.header .logo{ float: left; }
.header .logo1{ display: block;}
.header .logo2{ display: none;}
.header .nav{ float:left; margin-left:50px;}
.header .nav li{ margin-right:80px; float: left; position: relative; font-size:18px; font-family:MicrosoftYaHei; }
.header .nav li>a{ display: block; line-height: 90px; height: 90px; color: #af9054 !important; position: relative;}
.header .nav li>a:after{ content: ""; position: absolute; bottom:0px; left:0; width:0; height: 4px; background: #db9946 !important; border-radius:2px; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; -ms-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s;}
.header .nav li div{ display: none; position: absolute; z-index:999; top:90px; left:50%; margin-left: -55px; width:110px; background: rgba(191,157,90,0.6);text-align: center;}
.header .nav li div a{display: block; line-height:40px; height: 40px; color: #FFFFFF;}
.header .nav li.current>a,
.header .nav li:hover>a{ color:#db9946; }
.header .nav li.current>a:after,
.header .nav li:hover>a:after{width: 100%;}
.header .nav li:hover div{ display:block;}
.header .nav li div a:hover{ background: rgba(0,0,0,.6);}
 
.header .right{float: left; margin-top: 10px; margin-right:30px;margin-left:10%}
.header .right .tel{ float: left; padding-left: 20px;}


.header-white{ background: none; -o-box-shadow:0 0 0 rgba(0,0,0,0);border-bottom:1px solid #eeeeee;/* border-bottom:1px solid rgba(255,255,255,.3);*/  }
.header-white .logo1{ display: none;}
.header-white .logo2{ display: block;}
.header-white .nav li>a{ color: #FFFFFF;}
.header-white .nav li>a:after{ background: #FFFFFF;}
.header-white .nav li.current>a,
.header-white .nav li:hover>a{ color: #FFFFFF;}
.header-white .right .tel{ color: #FFFFFF; background: url(../images/ico_tel_white.png) left no-repeat; padding-left: 30px;}

@media (max-width:1720px){
	.header .nav li{ margin-right: 60px;}
}

@media (max-width:1560px){
	.header{ padding: 0 20px;}
	.header .nav{ margin-left:30px;}
	.header .right .tel{ padding-left:0px;}
	.header .right { padding-left:0px; float: right}

}
@media (max-width:1400px){
	.header{ padding: 0 15px;}
	.header .nav{ margin-left:20px; font-size: 12px;}
	.header .right .tel{ font-size:18px;}
}

@media (max-width:1100px){
	.header .right .tel{ background: none; padding-left:0;}
	.header .right .search-box{ display: none;}
}
.ny-banner{ position: relative; z-index:0; width: 100%;margin-top:30px; }
.ny-banner .text{ font-size:30px; line-height: 36px; color: #CCC; text-transform: uppercase; text-align: center; }
.ny-banner .text span{ display: block; padding: 15px; position: relative;}
.ny-banner .text span:after{ content: ""; position: absolute; bottom:0; left:50%; margin-left: -15px; width: 30px; height: 3px; background: #FFFFFF; opacity: .3;}
.ny-banner .text p{ margin-top: 12px;}
@media (max-width: 780px){
	.ny-banner .text{ font-size: 20px;}
	.header .right .tel{ display:none}
}

/*footer*/
.footer{ background:/**/#535353; height:370px; margin:0px auto; padding-top:90px; width:100%; padding-bottom:10px;}
.footer .footerdiv1{ float:left;  color:#9fa0a0; }
.footer .footerdiv1 span{ display:block; line-height:24px; }
.footer .footerdiv1 span a{ color:#9fa0a0;}

.footer-ba{ background:#efefee; line-height:30px; height:0px; text-align:center}
/*咨询*/
.side_right{position: fixed;z-index: 999;right:3%;width:60px;height:0;top:40%;}
.side_right ul li{margin-bottom: 40px;position: relative;height: 60px;width:60px;}
.side_right ul li span{width:60px;height: 60px;text-align: center;line-height: 60px;border-radius: 100%;background: rgba(235,159,62,.5);font-family: "iconfont";display: block;font-size:28px;color:#fff;z-index: 99;position: relative;}
.animate_wen{height: 60px;background: #eb9f3e;line-height: 60px;text-indent: 34px;color:#fff;border-radius: 30px;position: absolute;left:60px;top:0;z-index: 98;z-index: 98;width:0;overflow: hidden;}
.side_right ul li:hover .animate_wen{left:-140px;width:200px;font-size:18px;}

/*nav电话动画*/
.animate {
  font-size: 34px;
  
  font-weight:normal;
   height:48px; line-height:48px;
   
}

.animate span {
  display: inline-block;
}

.animate span:nth-of-type(2) {
  animation-delay: .05s;
}

.animate span:nth-of-type(3) {
  animation-delay: .1s;
}

.animate span:nth-of-type(4) {
  animation-delay: .15s;
}

.animate span:nth-of-type(5) {
  animation-delay: .2s;
}

.animate span:nth-of-type(6) {
  animation-delay: .25s;
}

.animate span:nth-of-type(7) {
  animation-delay: .3s;
}

.animate span:nth-of-type(8) {
  animation-delay: .35s;
}

.animate span:nth-of-type(9) {
  animation-delay: .4s;
}

.animate span:nth-of-type(10) {
  animation-delay: .45s;
}

.animate span:nth-of-type(11) {
  animation-delay: .5s;
}

.animate span:nth-of-type(12) {
  animation-delay: .55s;
}

.animate span:nth-of-type(13) {
  animation-delay: .6s;
}

.animate span:nth-of-type(14) {
  animation-delay: .65s;
}





/* Animation Two */

.two span {
height:48px; line-height:48px;
  color:#F93; 
  opacity: 0;
  transform: translate(200px, -100px) scale(2);
  animation: ballDrop 2s  infinite;
}

@keyframes ballDrop {
 0% {
    transform: translate(0) rotate(0deg) scale(.5);
	opacity: 0.5;
  }
  40% {
    transform: translate(0) rotate(0deg) scale(1);
    opacity: 1;
  }
  80% {
    transform: translate(0, 0px) rotate(0deg) scale(1);
	opacity: 1;
  }
   100% {
    transform: translate(0, 0px) rotate(0deg) scale(1);
	opacity: 1;
  }
}
.transition {
	-webkit-transition: all ease .4s;
	   -moz-transition: all ease .4s;
	    -ms-transition: all ease .4s;
	     -o-transition: all ease .4s;
	        transition: all ease .4s;
}
 
/* ========== */
/* = button-bubble = */
/* ========== */
.button-bubble{
	display:block;
	width: 180px;
	height: 48px;
	line-height: 48px;
	border-radius: 28px;
	background-size: 300% auto; 
	background-image: linear-gradient(90deg,#bf9d5a 0,#ebd3a3 50%,#fdeecf);
	-moz-background-image: linear-gradient(90deg,#bf9d5a 0,#ebd3a3 50%,#fdeecf);
	
	position: relative;
}
.animation .button-bubble{  opacity: 1; transform: translateY(0); -webkit-transform: translateY(0);} 
.button-bubble .button {
	display: block;
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	font-style: normal;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
}

.button-bubble .bghover{
	position:absolute;
	top:0; 
	left:0;
	z-index: 0;
	width: 180px;
	height: 48px;
	line-height: 48px;
	border-radius: 28px;
	background-size: 300% auto; 
	background-image: linear-gradient(90deg,#bf9d5a 0,#ebd3a3 50%,#fdeecf);
	-moz-background-image: linear-gradient(90deg,#bf9d5a 0,#ebd3a3 50%,#fdeecf);
}


@keyframes background
{
	50% {
		transform:scale(1,1.1);
	}
	80% {
		transform:scale(1,1);
	}
	90% {
		transform:scale(1,1.02);
	}
	100% {
		transform:scale(1,1);
	}
}
@-webkit-keyframes background
{
	50% {
		transform:scale(1,1.1);
	}
	80% {
		transform:scale(1,1);
	}
	90% {
		transform:scale(1,1.02);
	}
	100% {
		transform:scale(1,1);
	}
}
@keyframes oppfunction
{
	0% {
		opacity: 0;
	}
	10%{
		opacity: 1;
		transform: scale(1);
	}
	70%{
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: scale(0);
	}
}
@-webkit-keyframes oppfunction
{
	0% {
		opacity: 0;
	}
	10%{
		opacity: 1;
		transform: scale(1);
	}
	70%{
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: scale(0);
	}
}