@charset "utf-8";
/* Basic CSS starts */
*{
	font-family: Microsoft YaHei,Helvetica,Arial,sans-serif;
	white-space: normal;
	padding:0px;
	margin:0px;}
body,div,article,section,header,footer,figure,p,time,ul,li,form,input,button,select,table,tr,th,td,h1,h2,h3,dl,dt,dd{
	margin:0;
	padding:0;
	font-family: Microsoft YaHei,Helvetica,Arial,sans-serif;
	font-size: 14px;
	word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
	font-weight:normal;}
body{
width:100%;
margin:0 auto;
background:#edeae3;
color:#606060;
overflow-x:hidden}

a img{border:0;}
input,button{border:0 none;}
input,button,input:focus,input:active{ outline:none;-webkit-appearance:none;}
input:focus, select:focus, input:active{ outline:none;}
em{font-style:normal;}
div{word-break:break-all;word-wrap:break-word;margin:0; padding:0;}
a{outline:none; -moz-outline-style: none; -webkit-outline-style: none; color:#606060;}
a:link,a:visited,a:hover,a:active{text-decoration:none;outline:none;-webkit-appearance:none;}
ul,li{list-style:none; margin:0; padding:0;}
/*menu start*/
.topbg{ width:100%; height:50px;position:fixed; z-index:1;background:#fff;filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;}
.toplogo{ height:auto; width:200px; max-width:40%; position:fixed; z-index:2; left:5%; top:1%; text-align:left;}
.toplogo img{ width:100%; height:auto;}
#menutt{ width:35%; height:auto; margin:2% auto; text-align:center;}
#menutt img{ width:100%; height:auto; display:block;}
.iphone__screen {
  width:100%;
  height:100%;
  position: fixed;
  top:0;
  right:0;
  overflow: hidden;z-index:3;
}
.nav {
  position: fixed;
  z-index: 100;
  width:100%;
  top:0;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
		 
}
.nav--active .nav {
  opacity: 1;
  background:#eae6df;
}
.nav__list {
margin:0 auto;
width:80%;
}
.nav__item {
width:100%;
  list-style-type: none;
  text-align:center;
}
.nav__list li a{
display:block;
height:3.5em;line-height:3.5em;
font-size:2rem;border-bottom:1px solid #cdbdae;color: #000;}
.menulink img{margin-top:2em;}
.nav__link {
  font-size: 1.3em;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFFFFF;
  opacity: 1;
  -webkit-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
}
.nav__trigger {
  display: block;
  position: absolute;
  width: 30px;
  height: 25px;
  right:4%;
  top:3%;
  z-index: 200;
}
.nav--active .nav__trigger {
  opacity: 0.5;
}
.nav__icon {
  display: inline-block;
  position: relative;
  width: 28px;
  height: 4px;
  background-color: #655b54;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  transition-property: background-color, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav__icon:before,
.nav__icon:after {
  content: '';
  display: block;
  width: 28px;
  height: 4px;
  position: absolute;
  background: #655b54;
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  transition-property: margin, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav__icon:before {
  margin-top: -10px;
}
.nav__icon:after {
  margin-top: 10px;
}

.style-1 .nav {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  width: 100%;
  height: 100%;
}
.style-1 .nav__link {
  opacity: 0;
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}
.style-1 .nav--active .nav__link {
  opacity: 1;
}
.style-1 .nav--active .nav {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.style-1 .nav--active .nav__icon {
  background: rgba(0, 0, 0, 0);
}
.style-1 .nav--active .nav__icon:before {
  margin-top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.style-1 .nav--active .nav__icon:after {
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
/*menu end*/
#zhuti div img{ width:100%; height:auto;}
.intro{ background:#3d3d3d; color:#7a7a7a; width:100%; margin:0 auto; text-align:left; padding:5%;}
.intro h1{ color:#f4bb0e; font-size:3rem;line-height:3rem; padding-top:2%;}
.intro h2{ color:#f4bb0e; font-size:2rem; font-weight:normal;line-height:3rem;}
.intro p{ line-height:2.5rem;font-size:1.4rem;padding-top:2%;}
.intro p b{color:#aa6227; font-size:1.5rem; line-height:3rem;}
/*ײ*/
.f_menu{width:100%;height:auto;position: fixed; z-index:2000; bottom:0;}
.f_menu a img{width:100%; height:auto;display:block; margin:0 auto;}

.suspension{position:fixed;z-index:5555;right:0;bottom:50px;width:46px;height:46px;}
.suspension .a{display:block;width:46px;height:46px;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#ec6d1f;}
.suspension .a .i{float:left;width:46px;height:46px;background:url(../images/side_icon.png) no-repeat;}

.suspension .a-top{display:none; border:0px solid #f8a84a;}
.suspension .a-top:hover{background:#ec6d1f;}


.wrap {
	bottom:6%; left:92%;
	position: absolute;
	width: 32px;
	height:31px;
	margin-left:-16px;
	z-index:9999;
}
.ball {
	-webkit-animation: ball 600ms cubic-bezier(0.440, 0.840, 0.440, 1.000) infinite alternate;
	animation: ball 600ms cubic-bezier(0.440, 0.840, 0.440, 1.000) infinite alternate;
	height: 31px;
	width: 32px;
    background:url(../images/icoo.png) no-repeat;;
    -webkit-animation-delay: -600ms; animation-delay: -600ms; }

@-webkit-keyframes ball {
	0% {
		-webkit-transform: translateY( 0 );
		transform: translateY( 0 );
	}
	100% {
		-webkit-transform: translateY( -20px );
		transform: translateY( -20px );
	}
}

@keyframes ball {
	0% {
		-webkit-transform: translateY( 0 );
		transform: translateY( 0 );
	}
	100% {
		-webkit-transform: translateY( -20px );
		transform: translateY( -20px );
	}
}