/* ========== */
/* = RESET = */
/* ========== */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html { 
	overflow-x:hidden; 
	-webkit-text-size-adjust:none;
	/*cursor: url(../images/home/hand_ico.ico),auto;*/
}

body {
	min-width: 320px;
	font-size: 14px;
	color: #666;
	font-family: "Microsoft Yahei",-apple-system,"PingFang SC","Helvetica Neue",STHeiti,Tahoma,Simsun,sans-serif;
	-webkit-overflow-scrolling: touch;
}

body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li,  sub, sup, tt, var, del, dfn,  ins, kbd, q, s, samp,  strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select { margin:0; padding:0;}

ul,ol,li,dl{
  list-style: none;
}

/*RESET A*/
* { 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: #666;
}
/* HTML5 RESET THE OLD BROWERS*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse: collapse; border-spacing: 0;}
 
/*CLEAR the FLOAT*/
.clear { clear:both}
.clearfix { *zoom:1;}
.clearfix:after{
	clear:both; 
	display:block; 
	height:0; 
	visibility:hidden; 
	line-height:0; 
	content:'\20';
}

.bgFull{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat
}


img { 
	display: block;
	max-width: 100%;
	border: 0;
	margin: 0 auto;
}

/*IMAGE CENTER*/
.vertical-center {
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: absolute; 
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}


.inner-wrap {
	width: 100%;
	max-width: 1480px;
	min-width: 320px;
	margin: 0 auto;
	padding: 0 40px;
}

.pc-block { display: block;}
.mb-block { display: none;}

@media (max-width:1480px) {
	.inner-wrap {
		max-width: 1280px;
	}
	
}
@media (max-width:999px) {
	.page-wrap{ font-size: 12px; }
	.pc-block { display: none;}
	.mb-block { display: block;}
	
	.inner-wrap {
		padding: 0 15px;
	}
	
}

.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;
}
.b-shadow{
	-o-box-shadow:0 0 30px rgba(0,0,0,.08); 
	-ms-box-shadow:0 0 30px rgba(0,0,0,.08); 
	-moz-box-shadow:0 0 30px rgba(0,0,0,.08); 
	-webkit-box-shadow:0 0 30px rgba(0,0,0,.08); 
	box-shadow:0 0 30px rgba(0,0,0,.08);
}






/* header */
.header{ position: absolute; top:0; left:0; width: 100%; height: 90px; padding: 0 3%; background:#faf8f3 ;  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:16px; 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; 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: right; margin-top: 8px;}
.header .right .tel{ float: left; font-family: arial; font-size: 20px; line-height: 22px; color: #ee6123; padding-left: 30px;}

.header-white{/* background: none;*/ background: rgba(255,255,255,.8); -o-box-shadow:0 0 0 rgba(0,0,0,0); border-bottom:1px solid rgba(248,248,248,1);  }
.header-white .logo1{ display: none;}
.header-white .logo2{ display: block;}
.header-white .nav li>a{ color: # F60;}
.header-white .nav li>a:after{ background: #db9946;}
.header-white .nav li.current>a,
.header-white .nav li:hover>a{ color: # F60;}

@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:26px;}
	
}
@media (max-width:1400px){
	.header{ padding: 0 15px;}
	.header .nav{ margin-left:20px; font-size: 14px;}
	.header .right .tel{ font-size:18px;}
}
@media (max-width:1280px){
	
}
@media (max-width:1150px){
	.header .right .tel{ background: none; padding-left:0;}
	
}
 
/* ========== */
/* = button-bubble = ee6123*/
/* ========== */
.button-bubble{
	display:block; 
	width: 200px;
	height: 56px;
	line-height: 56px;
	border-radius: 28px;
	/**/background-size: 300% auto;
	background-image:linear-gradient(90deg, #f7db80 0, #f7db80 50%, #f7db80);
	-moz-background-image: linear-gradient(90deg, #f7db80 0, #f7db80 50%, #f7db80); position:relative
}

.button-bubble .button {
	display: block;
	width: 100%;
	text-align: center;
	color: #000000;
	font-style: normal;
	text-transform: uppercase;
	position: relative; 
	z-index: 999;/*left:0%;jia*/
}

.button-bubble .bghover{
	position:absolute;
	top:0; 
	left:0%;
	z-index: 0;
	width: 200px;
	height: 56px;
	line-height: 56px;
	border-radius: 28px;
	background-size: 300% auto;
	background-image: linear-gradient(90deg, #f7db80 0, #f7db80 50%, #f7db80);/*#ee6123*/
	-moz-background-image: linear-gradient(90deg, #f7db80 0, #f7db80 50%, #f7db80);
}
.button-bubble .effect{
	position:absolute;
	display: block;
    height: 400%;
    width: 200%;
    left: -50%;
    top: -150%;
    transition: all .1s ease-out;
    pointer-events: none;
}

.button-bubble .circle {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius:100%;
    background-size: 300% auto;
    background-image: linear-gradient(90deg, #f7db80 0, #f7db80 50%, #f7db80);
    -moz-background-image: linear-gradient(90deg, #f7db80 0, #f7db80 50%, #f7db80);
    transition: background .1s ease-out;
    opacity:0;
    -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 .top-left1 {
	left:30%;
	top:40%;
	width: 6px;
	height: 6px;
}
.button-bubble .top-left2 {	  
	left:28%;
	top:50%;
	width: 6px;
	height: 6px;
}
.button-bubble .top-left3 {
    top: 50%;
    left: 37%;
   	width: 15px;
    height: 15px;
}

.button-bubble .bottom-right1 {
    bottom:42%;
    right: 37%;
	width: 6px;
	height: 6px;
}
.button-bubble .bottom-right2 {
    bottom:47%;
    right:30%;
	width: 6px;
	height: 6px;
}
.button-bubble .bottom-right3 {
    bottom:49%;
    right: 37%;
    width: 15px;
    height: 15px;
}

.button-bubble:hover .bghover{
 	background: #f7db80;	/**/
 	animation:background .6s;
 	-webkit-animation:background .6s;
}
.button-bubble:hover .circle{
 	background: #f7db80;	
}

.button-bubble.animation .circle{
	animation:oppfunction 1.2s;
 	-webkit-animation:oppfunction 1.2s ;
}

.button-bubble.animation .top-left1 {
	left:22%;
	top:36%;
	width: 6px;
	height: 6px;
}
.button-bubble.animation .top-left2 {	  
	left:20%;
	top:45%;
	width: 6px;
	height: 6px;
}
.button-bubble.animation .top-left3 {
    top: 32%;
    left: 15%;
   	width: 30px;
    height: 30px;
}

.button-bubble.animation .bottom-right1 {
    bottom:32%;
    right:22%;
	width: 6px;
	height: 6px;
}
.button-bubble.animation .bottom-right2 {
    bottom:45%;
    right:20%;
	width: 6px;
	height: 6px;
}
.button-bubble.animation .bottom-right3 {
    bottom:34%;
    right: 14%;
    width: 30px;
    height: 30px;
}

@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);
	}
}

/*咨询*/
.side_right{position: fixed;z-index: 999;/*位置改动*/right:0.5%;width:60px;height:0;top:70%;}
.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,.9);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;}
/*footer*/