html,body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li,fieldset,form,label,input,legend,textarea,button {
	margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: normal}
ul,ol {list-style: none;}
img {border: 0 none;vertical-align: top}
blockquote,q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: "";content: none;}
input,textarea{ outline:0; resize:none;}
strong,em,i,b {font-style: normal;font-weight: normal}
a {cursor: pointer;text-decoration: none;}
body{ background: none; overflow-x: hidden;width: 100%;height: 100%;
/*	font: 12px/1.5 \5FAE\8F6F\96C5\9ED1, Tahoma, Geneva, sans-serif;*/
font-size: 12px;
font-family: "微软雅黑";
}
.clear {zoom: 1;clear: both;}
.clear:after {content: "";display: block;clear: both;font-size: 0;line-height: 0;visibility: hidden;}
/*字体*/
 @font-face {font-family: 'NeoSansStd-Regular';
 src: url('../css/font/HELVETICANEUELTPRO-THEX.OTF');
} 
.big_con{ position: relative; z-index: 1; top: 0; left: 0; }
/*头部导航栏*/
.phoneHead{display: none;}
.header{position: fixed;width: 100%;  height: 70px; margin: 0; padding: 0; background-image: url(../img/index/nav_bg.png);
background-repeat: repeat;
-webkit-box-shadow:0 0 1px 1px #d7d6d5;  -moz-box-shadow:0 0 1px 1px #d7d6d5;  box-shadow:0 0 1px 1px #d7d6d5; 
font-family: "微软雅黑"; z-index: 9999; overflow: hidden;white-space: normal;}
.bg_show{ background-color: #FFFFFF;}
.header_left{width: 740px; height: 70px; position: relative;margin-left: 40px; display: inline-block;}	
.logo {
	float: left;
	position: relative;
	margin-top: 16px;
	width: 123px;
}
.logo img {
	width:123px;
}
.menu {
	float: left;
}
.menu ul li {
	line-height: 70px;
	display: inline-block;
	margin-left: 28px;
	font-size: 16px;
}
.menu ul li{ display: inline;}
.menu ul li a {
	color: #000000;
	letter-spacing: 2px;
	cursor: pointer;
}
.menu ul li:hover a{ color: #e24b00;}
.list-inline .active a{ color: #e24b00; }
/*.menu ul li a:link,.menu ul li a:visited,.menu ul li a:hover,.menu ul li a:active {color: #fe7e17;}*/
.nav_right{position: absolute; height: 70px; right: 40px;  top: 24px;font-size: 16px;  }
@media only screen and (max-width:932px ) {
	.nav_right{display: none;}
}
.nav_right a{display:inline-block;background-color:#0498e2 ;  padding:0 12px; line-height:27px;
color:#ffffff;-moz-border-radius: 5px; 
-webkit-border-radius: 5px; border-radius:5px; 
}
.nav_right a:hover{ background: #2cb6fb;}
/*右侧悬浮联系客服*/
.sidebar{position:fixed;width:54px;height:216px;right:0;top:40%;z-index:100;z-index: 888; }
.side_open{ position: absolute;height:216px; right:-100px ; border-top-left-radius: 10px;border-bottom-left-radius: 10px; 
background: #ff7f18; text-align: center;}
.side_open li{width:54px;height:54px;position:relative; }
.sidebox,.sideright{position:absolute;width:54px;height:54px;top:0;right:0;
color:#fff;font:14px "微软雅黑";overflow:hidden; line-height: 54px;}
.sideright{ border-bottom-left-radius:10px; text-align: center;background:#fba35d;}
.qiye,.qiye>div{border-top-left-radius: 10px;}
.sidebox a{color: #FFFFFF; display:inline-block; position:absolute;left:70px;height: 54px; font-size: 15px; font-weight: bold; }
.side_close{ position: absolute; right: 0;top:0;height: 196px; width: 50px; padding-top: 20px; 
color: #FFFFFF; background:#ff7f18;transition:all 0.3s; 
text-align: center;line-height: 30px; font-size: 18px; cursor: pointer; 
border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.side_close span{ display: block; background: #fba35d; height: 54px; line-height: 54px; margin-top: 22px; border-bottom-left-radius: 10px;}
.side_close img,.sideright img{ margin-top: 15px;}
.sidebox li{ float: left;}
.sidebox>div{ position:absolute;width:54px;height:54px; background: #ff7f18;left: 0;}
.sidebar1Img{ position: absolute; top: 20px; left: 15px; }
/*翻转动画*/
.flig{
	animation: fligAnimate 1.5s ease infinite;
	-webkit-animation: fligAnimate 1.5s ease infinite;
	-moz-animation: fligAnimate 1.5s ease infinite;
	-o-animation: fligAnimate 1.5s ease infinite;
	-ms-animation: fligAnimate 1.5s ease infinite;
}
@-webkit-keyframes fligAnimate{
	0%{ -webkit-transform:rotateY(0);}
	100%{-webkit-transform: rotateY(360deg);}
}
@-moz-keyframes fligAnimate{
	0%{ -moz-transform:rotateY(0);}
	100%{ -moz-transform:rotateY(360deg) ;}
}
@-o-keyframes fligAnimate{
	0%{ -o-transform:rotateY(0);}
	100%{ -o-transform:rotateY(360deg);}
}
@-ms-keyframes fligAnimate{
	0%{ -ms-transform:rotateY(0);}
	100%{ -ms-transform:rotateY(360deg);}
}
@keyframes fligAnimate{
	0%{ transform:rotateY(0);}
	100%{ transform:rotateY(360deg) ;}
}

 /*弹起动画开始*/
.bounce{
	-webkit-animation: bounceAnimate 1s ease infinite;
	-moz-animation: bounceAnimate 1s ease infinite;
	-o-animation: bounceAnimate 1s ease infinite;
	-ms-animation: bounceAnimate 1s ease infinite;
	animation: bounceAnimate 1s ease infinite;
}
@-webkit-keyframes bounceAnimate{
	0%,50%,100%{-webkit-transform:translate(0px,0px);}
	25%,75%{-webkit-transform:translate(0px,-5px);}
}
@-moz-keyframes bounceAnimate{
	0%,50%,100%{-moz-transform:translate(0px,0px);}
	25%,75%{-moz-transform:translate(0px,-5px);}
}
@-o-keyframes bounceAnimate{
	0%,50%,100%{-o-transform:translate(0px,0px);}
	25%,75%{-o-transform:translate(0px,-5px);}
}
@-ms-keyframes bounceAnimate{
	0%,50%,100%{-ms-transform:translate(0px,0px);}
	25%,75%{-ms-transform:translate(0px,-5px);}
}
@keyframes bounceAnimate{
	0%,50%,100%{transform:translate(0px,0px);}
	25%,75%{transform:translate(0px,-5px);}
}

 
.bouncein{
	-webkit-animation: bounceinAnimate 1s ease backwards;
	animation: bounceinAnimate 1s ease backwards;
}
@-webkit-keyframes bounceinAnimate{
	0%{ -webkit-transform: scale(.3);}
	50%{ -webkit-transform: scale(1);}
	70%{ -webkit-transform: scale(0.9);}
	100%{ -webkit-transform: scale(1);}
}
@-moz-keyframes bounceinAnimate{
	0%{ -moz-transform: scale(.3);}
	50%{ -moz-transform: scale(1);}
	70%{ -moz-transform: scale(0.9);}
	100%{ -moz-transform: scale(1);}
}
@-o-keyframes bounceinAnimate{
	0%{ -o-transform: scale(.3);}
	50%{ -o-transform: scale(1);}
	70%{ -o-transform: scale(0.9);}
	100%{ -o-transform: scale(1);}
}
@-ms-keyframes bounceinAnimate{
	0%{ -ms-transform: scale(.3);}
	50%{ -ms-transform: scale(1);}
	70%{ -ms-transform: scale(0.9);}
	100%{ -ms-transform: scale(1);}
}
@keyframes bounceinAnimate{
	0%{ transform: scale(.3);}
	50%{transform: scale(1);}
	70%{ transform: scale(0.9);}
	100%{transform: scale(1);}
}
.bottomeasein{
	-webkit-animation: bottomeaseinAnimate 1s ease-in-out forwards ;
	-moz-animation:bottomeaseinAnimate 1s ease-in-out forwards;
	animation: bottomeaseinAnimate 1s ease-in-out forwards;
}
@-webkit-keyframes bottomeaseinAnimate{
	0%{ -webkit-transform: translateY(100px); opacity:0;}
	100%{ -webkit-transform: translateY(0px); opacity: 1;}
}
@keyframes bottomeaseinAnimate{
	0%{ transform: translateY(100px); opacity:0;}
	100%{ transform: translateY(0px); opacity: 1;}
}
@-moz-keyframes bottomeaseinAnimate{
	0%{ -moz-transform: translateY(100px); opacity:0;}
	100%{ -moz-transform: translateY(0px); opacity: 1;}
}
.lefteasein{
	-webkit-animation: lefteaseinAnimate 1s ease-in-out forwards ;
	-moz-animation:lefteaseinAnimate 1s ease-in-out forwards;
	animation: lefteaseinAnimate 1s ease-in-out forwards;
}
@-webkit-keyframes lefteaseinAnimate{
	0%{ -webkit-transform: translateX(-300px); opacity:0;}
	100%{ -webkit-transform: translateX(0px); opacity: 1;}
}
@keyframes lefteaseinAnimate{
	0%{ transform: translateX(-300px); opacity:0;}
	100%{ transform: translateX(0px); opacity: 1;}
}
.righteasein{
	-webkit-animation: righteaseinAnimate 1s ease-in-out forwards ;
	-moz-animation:righteaseinAnimate 1s ease-in-out forwards;
	animation: righteaseinAnimate 1s ease-in-out forwards;
}
@-webkit-keyframes righteaseinAnimate{
	0%{ -webkit-transform: translateX(300px); opacity:0;}
	100%{ -webkit-transform: translateX(0px); opacity: 1;}
}
@keyframes righteaseinAnimate{
	0%{ transform: translateX(300px); opacity:0;}
	100%{ transform: translateX(0px); opacity: 1;}
}
.pulse{
	-webkit-animation: pulseAnimate 1s ease infinite;
	-moz-animation: pulseAnimate 1s ease infinite;
	-o-animation: pulseAnimate 1s ease infinite;
	-ms-animation: pulseAnimate 1s ease infinite;
	animation: pulseAnimate 1s ease infinite;
}
@-webkit-keyframes pulseAnimate{
	0%,100%{-webkit-transform: scale(1);}
	50%{-webkit-transform: scale(1.1);}
}
@-moz-keyframes pulseAnimate{
	0%,100%{-moz-transform: scale(1);}
	50%{-moz-transform: scale(1.1);}
}
@-o-keyframes pulseAnimate{
	0%,100%{-o-transform: scale(1);}
	50%{-o-transform: scale(1.1);}
}
@-ms-keyframes pulseAnimate{
	0%,100%{-ms-transform: scale(1);}
	50%{-ms-transform: scale(1.1);}
}
@keyframes pulseAnimate{
	0%,100%{transform: scale(1);}
	50%{transform: scale(1.1);}
}
.rotateinleftbot{ 
	-webkit-animation: rotateinleftbotAnimate 1s ease forwards;
	animation: rotateinleftbotAnimate 1s ease forwards;
}
@-webkit-keyframes rotateinleftbotAnimate{	
	0%{ -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg);}
	100%{-webkit-transform-origin: left bottom; -webkit-transform: rotate(0deg);opacity: 1;}
}
@keyframes rotateinleftbotAnimate{	
	0%{ transform-origin: left bottom;transform: rotate(-90deg);}
	100%{transform-origin: left bottom; transform: rotate(0deg);opacity: 1;}
}
.yeasein{
	-webkit-animation: yeaseinAnimate 2s ease forwards;
	-moz-animation: yeaseinAnimate 2s ease forwards;
	-o-animation: yeaseinAnimate 2s ease forwards;
	-ms-animation: yeaseinAnimate 2s ease forwards;
	animation: yeaseinAnimate 2s ease forwards;
}
@-webkit-keyframes yeaseinAnimate{
	0%{ -webkit-transform:perspective(400px) rotateY(90deg);; opacity: 0;}
	40%{ -webkit-transform:perspective(400px) rotateY(-30deg);}
	70%{ -webkit-transform:perspective(400px) rotateY(30deg);}
	100%{ -webkit-transform:perspective(400px) rotateY(0deg); opacity: 1;}
}
@-moz-keyframes yeaseinAnimate{
	0%{ -moz-transform:perspective(400px) rotateY(90deg);; opacity: 0;}
	40%{ -moz-transform:perspective(400px) rotateY(-30deg);}
	70%{ -moz-transform:perspective(400px) rotateY(30deg);}
	100%{ -moz-transform:perspective(400px) rotateY(0deg); opacity: 1;}
}
@-o-keyframes yeaseinAnimate{
	0%{ -o-transform:perspective(400px) rotateY(90deg);; opacity: 0;}
	40%{ -o-transform:perspective(400px) rotateY(-30deg);}
	70%{ -o-transform:perspective(400px) rotateY(30deg);}
	100%{ -o-transform:perspective(400px) rotateY(0deg); opacity: 1;}
}
@keyframes yeaseinAnimate{
	0%{ transform:perspective(400px) rotateY(90deg);; opacity: 0;}
	40%{ transform:perspective(400px) rotateY(-30deg);}
	70%{ transform:perspective(400px) rotateY(30deg);}
	100%{ transform:perspective(400px) rotateY(0deg); opacity: 1;}
}

.rollin{
	-webkit-animation: rollinAnimate 1s ease forwards;
	-moz-animation: rollinAnimate 1s ease forwards;
	-o-animation: rollinAnimate 1s ease forwards;
	-ms-animation: rollinAnimate 1s ease forwards;
	animation: rollinAnimate 1s ease forwards;
}
@-webkit-keyframes rollinAnimate{
	0%{ -webkit-transform: translateX(-100px) rotate(-120deg); opacity: 0;}
	100%{ -webkit-transform: translateX(0) rotate(0); opacity: 1;}
}
@-moz-keyframes rollinAnimate{
	0%{ -moz-transform: translateX(-100px) rotate(-120deg); opacity: 0;}
	100%{ -moz-transform: translateX(0) rotate(0); opacity: 1;}
}
@-o-keyframes rollinAnimate{
	0%{ -o-transform: translateX(-100px) rotate(-120deg); opacity: 0;}
	100%{ -o-transform: translateX(0) rotate(0); opacity: 1;}
}
@-ms-keyframes rollinAnimate{
	0%{ -ms-transform: translateX(-100px) rotate(-120deg); opacity: 0;}
	100%{ -ms-transform: translateX(0) rotate(0); opacity: 1;}
}
@keyframes rollinAnimate{
	0%{ transform: translateX(-100px) rotate(-120deg); opacity: 0;}
	100%{transform: translateX(0) rotate(0); opacity: 1;}
}