body {
	display: block;
	margin: 0;
	min-width: 1200px;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}


/*分页样式*/
.digg{ margin:0; padding:0; text-align:center; font-size:14px; padding-bottom:50px;}
.digg a{ display:inline-block; /*float:left;*/  margin:0 0 0 8px; border:1px solid #e1e2e3; line-height:20px; height:20px; color:#3b8dd1; background:#fff; text-decoration:none; }
.digg a:hover { border:1px solid #3b8dd1; }
.digg span{ display:inline-block; /*float:left;*/ padding:5px 0; line-height:20px; height:20px; }
.digg span.current { padding:5px 12px; margin:0 0 0 8px; color:#555; font-weight:bold; }
.digg span.disabled { border:1px solid #eee; padding:5px 12px; margin:0 0 0 8px; color:#ddd; }

.trackinfo{
font-size:15px;
line-height:30px;
}

.ks_text{
    width: 94%;
    padding: 0 3%;
    border: none;
resize:none;
height: 100px;
}

.ks_js_button{
    float: right;
    margin-top: 6%;
    padding: 3% 9%;
    background: #f08300;
    border: none;
    color: #fff;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	border: 0;
	vertical-align: middle;
}

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

li {
	vertical-align: middle;
}

h1,h2,h3,h4,h5,h6,em,b {
	font-size: 100%;
	font-weight: normal;font-family:"微软雅黑"; 
}

input,
button,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	border-radius: 0;font-family:"微软雅黑"; 
}

body {
font-family:"微软雅黑"; 
}

a {
	text-decoration: none;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
	-webkit-appearance: none;
}

a,a:visited {
	color: inherit;
	padding: 6px 6px;
color: #697466;
font-size: 14px;
}

img {
	max-width: 100%;
}

body {
	font: normal 12px '微软雅黑' !important;
	overflow-x: hidden;
	background: #fff;
}

.clear {
	clear: both;
}

.clearfix:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}

.white {
	color: #fff;
}

html,body {
	width: 100%;
	height: 100%;
}

html,body,.page-container,.section,.rbslider-container {
	height: 100%;
	width: 100%;
	min-width: 320px;
}

@-webkit-keyframes change

{

　　0%{-webkit-transform:rotate(0deg);}

　　50%{-webkit-transform:rotate(180deg);}

　　100%{-webkit-transform:rotate(360deg);}

}



.button-moema {
    background:  none repeat scroll 0 0;
    color: #fff;
    border:solid 1px #acacac;
    transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
    height:36px;
    width:140px;
    line-height:36px;
    border-radius:50px;
    position:relative;
    left:50%;
    margin-left:-70px;
    text-align:center;
}
.button-moema.button-inverted {
    background: none repeat scroll 0 0;
    color: #acacac;
}
.button-moema::before {
    background: inherit;
        border-radius:50px;
    bottom: -20px;
    content: "";
    left: -20px;
    opacity: 0.4;
    position: absolute;
    right: -20px;
    top: -20px;
    transform: scale3d(0.8, 0.5, 1);
    z-index: -1;
}
.button-moema:hover {
    animation: 0.3s ease 0s normal forwards 1 running anim-moema-1;
    background-color: #fff;
    color: #666;
    transition: background-color 0.1s ease 0.3s, color 0.1s ease 0.3s;
}
.button-moema.button-inverted:hover {
    background-color: #f0f0f0;
    color: #666;
}
.button-moema:hover::before {
    animation: 0.3s ease 0.3s normal forwards 1 running anim-moema-2;
}
@keyframes anim-moema-1 {
60% {
    transform: scale3d(0.8, 0.8, 1);
}
85% {
    transform: scale3d(1.1, 1.1, 1);
}
100% {
    transform: scale3d(1, 1, 1);
}
}
@keyframes anim-moema-1 {
60% {
    transform: scale3d(0.8, 0.8, 1);
}
85% {
    transform: scale3d(1.1, 1.1, 1);
}
100% {
    transform: scale3d(1, 1, 1);
}
}
@keyframes anim-moema-2 {
100% {
    opacity: 0;
    transform: scale3d(1, 1, 1);
}
}
@keyframes anim-moema-2 {
100% {
    opacity: 0;
    transform: scale3d(1, 1, 1);
}
}


#box_loading{
   z-index: 100000;
    position: absolute;
    width: 100%;
    background: #515151;
    height: 100%;
    top:0px;
    
}

.loadingspan, .span_large {
    width: 100px;
    background-color: rgba(0,0,0, 0.02);
    height: 100px;
    vertical-align: middle;
    border-radius: 1px;
    margin: 0 auto;
}

.typing_loader {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    -webkit-animation: typing 1s linear infinite alternate;
    -moz-animation: Typing 1s linear infinite alternate;
    -ms-animation: Typing 1s linear infinite alternate;
    animation: typing 1s linear infinite alternate;
    margin: 46px auto;
    position: relative;
    left: -12px;
}



@keyframes loading-c {
  0% {

  left:0%;
  }
  
  100% {
left:100%;
  }
}


@keyframes magicleft {
  from {

  width:50%;
  }
  
  to {
width:0%;
  }
}


@keyframes magicright {
  from {

  width:50%;
  }

  to {
width:0%;
  }
}

.loading-con1{
	    -webkit-animation-name: loading-c;
    animation-name: loading-c;
    transition: all 0.5s ease-in-out;
}


.magicleft1{
    -webkit-animation-name: loading-c;
    animation-name: loading-c;
    transition: all 0.5s ease-in-out;
}


.loadingleft{
	    background: #222;
    position: absolute;
    width: 50%;
    top: 0px;
    left:0;
    height: 100%;
    z-index:10000;
    opacity: 1;
}



.loadingright{
	    background: #222;
    position: absolute;
    width: 50%;
    top: 0px;
    right:0;
    height: 100%;
    z-index: 10000;
    opacity: 1;
    
}


.magicleft1{
    -webkit-animation-name: magicright;
    animation-name: magicright;
    transition: all 0.5s ease-in-out;
}

.magicright1{
    -webkit-animation-name: magicright;
    animation-name: magicright;
    transition: all 0.5s ease-in-out;
}

.animateda {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
}
.heidimagicleft {
    -webkit-animation-name: heidimagicleft;
    animation-name: heidimagicleft;
    transition: all 0.4s ease-in-out;
}



.spinner {
  width: 30px;
  height: 30px;
 
  position: relative;
  margin: 20px auto;
}
 
.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #f4f4f4;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}
.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}
 
@keyframes bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.img-bg{
    background: rgba(160, 156, 129);
    height: 100%;
    right: 0%;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: all 2s ease 0s;
    width: 50%;
    z-index: 100;
}

.img-bg1{
}


@keyframes img-left {
  from {

  width:50%;
  }

  to {
width:0%;
  }
}


@keyframes img-right {
  from {

  width:50%;
  }

  to {
width:100%;
  }
}



.active .img-bg {
	width:0;
    transition-delay: 1s;
    
        -webkit-animation-name: img-left ;
    animation-name: img-left ;
    transition: all 0.5s ease-in-out;
        -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -moz-animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
}

.active .img-bg1 {
    transition-delay: 1s;
            -webkit-animation-name: img-right;
    animation-name: img-right;
    transition: all 0.5s ease-in-out;
        -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -moz-animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
}




.img-con {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    width:50%;
    /*height:100%;*/
    overflow:hidden;
}


.xt{
	background: #acacac none repeat scroll 0 0;
    display: block;
    font-size: 18px;
    height: 2em;
    
	margin: 1.11em auto 1.10em;
    position: relative;
    width: 1px;
    z-index: 10;
}



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

header {
	font: normal 1em 'microsoft yahei';
	width: 100%;
	height: 90px;
	line-height: 90px;
	z-index: 999;
	position: absolute;
}

.slide1 {
	animation: breatheBg 5s ease-in-out infinite alternate;
	-moz-animation: breatheBg 5s ease-in-out infinite alternate;
	-webkit-animation: breatheBg 5s ease-in-out infinite alternate;
	-o-animation: breatheBg 5s ease-in-out infinite alternate;
}


span#gq41 {
	font-size: 20px;
	letter-spacing: 1px;
	line-height: 1.6em;
	color: #e5ae49;
	font-family: "BebasNeueBold";
}

span#gq42 {
	font-size: 20px;
	letter-spacing: 1px;
	line-height: 1.6em;
	color: #fe7e00;
	font-family: "BebasNeueBold";
}

span#gq43 {
	font-size: 20px;
	letter-spacing: 1px;
	line-height: 1.6em;
	color: #f30000;
	font-family: "BebasNeueBold";
}

.contact-con p {
	line-height: 33px;
}

.page6 .tit {
	margin-top: 150px;
}

.page6 .tit h2 {
	text-transform: uppercase;
	font-weight: normal;
	color: #f0f0f0;
	font-size: 4.5em;
	text-align: center;
}

.page6 .tit h3 {
	color: #e9e9e9;
	margin-top: 10px;
	font-size: 2.8em;
	text-align: center;
}

#contactinfo {
	margin-left: 5%;
	padding-top: 4.2%;
	width: 35%;
}

#contactinfo div {
	left: 280px;
	position: relative;
	top: -234px;
}

#contactinfo p {
	margin-bottom: 5px;
}

#contactinfo p span {
	color: #636363;
}

#contactinfo h3 {
	margin-bottom: 45px;
}

#contactinfo div a {
	background: transparent none repeat scroll 0 0;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

#contactinfo div a:hover {
	background: rgba(255, 255, 255, 0.15) none repeat scroll 0 0;
}

#contactinfo div a i {
	color: #b1b1b1;
}

#contactinfo div a:hover i {
	color: #fff;
}

#contactinfo p {
	color: #989898;
	font-size: 13px;
	height: 24px;
	line-height: 24px;
	width: 100%;
}

.ellipsis {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#contactinfo h3 {
	color: #fff;
	font-size: 16px;
	font-weight: 100;
	line-height: 24px;
	margin-bottom: 25px;
}

header nav li.active a {
	border-top: none;
}

header nav li.active a ,header nav li.active a {
	color: #f2f2f2;
}

header .nav-tel b {
	margin-right: 5px;
	display: inline-block;
	width: 30px;
	height: 30px;
	text-decoration: none;
	background: url(../images/tel.html) no-repeat;
	vertical-align: middle;
	position: relative;
	top: -3px;
}

header.down .nav-tel {
	font-size: 20px;
}

.section {
	min-width: 320px;
	position: relative;
}

.page1 {
	background: #0F0B08;
}

.rbslider-container {
	position: relative;
	min-height: 460px;
}

.rbslider-slide {
	background-size: cover;
	background-position: center center;
	position: relative;
}

.slide-content {
	width: 100%;
    margin: 0 auto 0;
    text-align: center;
    top: 0;
}

.slide-content .content-box {
	position: relative;
	z-index: 3;
}

.slide-content h2 {
	font-size: 3.3em;
	position: relative;
}

.slide-content h2 b {
	font-size: 1.9em;
	color: #f2f2f2;
	margin: 0.25em 0 0.33em 0;
	display: block;
}

.slide-content h3 {
	font-size: 6.8em;
	position: relative;
	color: #f2f2f2;
	margin: 15px 0;
	text-transform: uppercase;
}

.slide-content .intro {
	font-size: 1.6em;
	margin: 10px 0;
	color: #ccc;
}

.slide-content-1 {
	width: 39%;
	top: 34%;
	left: 6%;
}

.slide-content-1 .img {
	width: 38%;
	margin: 20px auto 0;
	position: relative;
}

.rbslider-slide-active .slide-content-1 h2 {
	-webkit-animation: down 1.2s;
	-ms-animation: down 1.2s;
	animation: down 1.2s;
}

.rbslider-slide-active .slide-content-1 .intro {
	-webkit-animation: up 1s ease 1;
	-ms-animation: up 1s ease 1;
	animation: up 1s ease 1;
}

.rbslider-slide-active .slide-content-1 .img {
	-webkit-animation: bounceIn 1.2s ease 1 1.5s,img-up 2s ease 1;
	-ms-animation: rotateIn .8s ease 1 2.3s, bounceIn .8s ease 1 3.1s,img-up 2s ease 1;
	animation: rotateIn .8s ease 1 2.3s, bounceIn .8s ease 1 3.1s,img-up 2s ease 1;
}

.rbslider-slide-active .slide-content-1 .img:hover img {
	-webkit-animation: bounceIn 1s ease-out 1;
	-ms-animation: bounceIn 1s ease-out 1;
	animation: bounceIn 1s ease-out 1;
}

.slide-content-2 h2 {
	font-size: 2em;
	-ms-transition: all 1.5s;
	transition: all 1.5s;
}

.slide-content-2 h2 b {
	font-size: 3.5em;
	margin: 0.12em 0 0.15em 0;
	text-decoration: underline;
}

.rbslider-slide-active .slide-content-2 h2 {
	font-size: 3em;
	-webkit-animation: bounceInLeft 1.5s;
	-ms-animation: bounceInLeft 1.5s;
	animation: bounceInLeft 1.5s;
}

.rbslider-slide-active .slide-content-2 h3 {
	-webkit-animation: bounceInDown 1.8s;
	-ms-animation: bounceInDown 1.8s;
	animation: bounceInDown 1.8s;
}

.rbslider-slide-active .slide-content-2 .intro {
	-webkit-animation: bounceInUp 2.5s;
	animation: bounceInUp 2.5s;
}

.background-box {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.5);
	transition: all .7s ease .5s;
}

.rbslider-slide-active .background-box {
	width: 50%;
}

.slide-content-3 {
	text-align: right;
	margin: 0;
}

.slide-content-3 .content-box {
	padding-right: 80px;
	width: auto;
	right: 45%;
	-ms-transition: all .5s ease 1.1s;
	transition: all .5s ease 1.1s;
	opacity: 0;
}

.slide-content-3 h2 b {
	text-transform: uppercase;
}

.slide-content-3 .content-box {
	right: 0;
	opacity: 1;
}

.slide-content-4 h2 {
	font-size: 3em;
	-webkit-animation: bounceInRight 1.5s;
	webkit-animation: bounceInRight 1.5s;
}

.slide-content-4 h3 {
	-webkit-animation: bounceInLeft 1.8s;
	animation: bounceInLeft 1.8s;
}

.slide-content-4 .intro {
	-webkit-animation: bounceInDown 2.3s;
	animation: bounceInDown 2.3s;
}

#logo,#logo img,header nav {
	-ms-transition: all .5s;
	transition: all .5s;
}

.move-down {
	display: block;
	width: 47px;
	height: 48px;
	background: url(../images/icon2.png) no-repeat -216px -97px;
	cursor: pointer;
	z-index: 99;
	position: fixed;
	top: 860px;
	left: 50%;
	margin-left: -23px;
	transition: all .5s;
}

.move-down:hover {
	background-position: -216px -149px;
}

.home-news {
	position: absolute;
	z-index: 99;
	top: 78%;
	left: 50%;
	width: 270px;
	margin: 0 0 0 -200px;
	height: 20px;
	line-height: 20px;
	padding: 0 40px 0 50px;
	overflow: hidden;
}

.home-news span,.home-news .more {
	position: absolute;
	top: 0;
	left: 0;
	color: #f2f2f2;
}

.home-news .more {
	left: auto;
	right: 0;
	border-bottom: 1px dotted #f2f2f2;
	display: block;
	line-height: 1.2em;
	padding-bottom: 3px;
}

.home-news ul {
	transition: all .6s;
}

.home-news ul li {
	height: 20px;
}

.home-news ul li a {
	color: #DDDDDD;
}

@-webkit-keyframes up {
	0% {
		top: 270px;
		opacity: 0;
	}

	100% {
		top: 0;
		opacity: 1;
	}
}

keyframes up {
	0% {
	top: 270px;
	opacity: 0;
}

100% {
	top: 0;
	opacity: 1;
}
}

@-webkit-keyframes left{
	0% {
		left: -500px;
		opacity: 0;
	}

	100% {
		left: 0;
		opacity: 1;
	}
}
keyframes left {
	0% {
	top: 500px;
	opacity: 0;
}

100% {
	top: 0;
	opacity: 1;
}
}


@-webkit-keyframes down {
	0% {
		top: -270px;
		opacity: 0;
	}

	100% {
		top: 0;
		opacity: 1;
	}
}

keyframes down {
	0% {
	top: -270px;
	opacity: 0;
}

100% {
	top: 0;
	opacity: 1;
}
}

@-webkit-keyframes img-up {
	0% {
		top: 270px;
		opacity: 0;
	}

	100% {
		top: 0;
		opacity: 1;
	}
}

keyframes img-up {
	0% {
	top: 270px;
	opacity: 0;
}

100% {
	top: 0;
	opacity: 1;
}
} 














#section2{
	background: rgb(38, 38, 40);
	background-size:cover;
	position:relative;
	position: relative;
}

#section3{
	/*background:url(../images/page4a.jpg);*/
	background-size:cover;
	position: relative;
}

#section4{
	background:#262628;
	background-size:cover;
	position: relative;
}

#section5{
	/*background:url(../images/page5a.jpg);*/
	background-size:cover;
	position: relative;
overflow: hidden;
}


#section6{
	/*background:url(../images/page6a.jpg);*/
	background-size:cover;
	position: relative;
}

.ztgd {
    position: absolute;
    top: 42%;
    left: 0px;
    font-size: 200px;
    letter-spacing: 20px;
    width: 1800px;
    font-family: 'arial';
    color: #000;
    font-weight: 600;
}

.tiaomagic {
    animation: tiaomagic 40s;
    -webkit-animation: tiaomagic 40s infinite;
}

@keyframes tiaomagic {
	0% {
		
		
		left:-20%;
		opacity: 0.3;
	}
	
	
		50% {
		
		
		left:20%;
		opacity: 0.3;
	}
	
	
	100% {
		
		left:-20%;
		
		opacity: 0.3;
	}
}




.about-txt .a1 {

opacity: 0;
top:150px;
	position:relative;

}


.about-txt .a2 {
	color: #fff;
	font-size: 48px;
	position:relative;
	text-align: center;
	opacity: 0;
	top:150px;
}

.about-txt .a3 {
	color: #fff;
	font-size: 22px;
	margin-bottom: 25px;
	position:relative;
	opacity: 0;
top:150px;

}

.about-txt .a4 {
	color: #fff;
	font-size: 14px;
	margin-bottom: 20px;
	line-height: 34px;
	position:relative;
	opacity: 0;
top:150px;

}

.about-txt .a5 {
	color: #fff;
	font-size: 15px;
	margin-bottom: 35px;
	position:relative;
	opacity: 0;
top:150px;

}


.about-txt .a6 {
	color: #c0aa8d;
	font-size: 15px;
	opacity: 0;
top:150px;
}

.xt1 {
    background: #acacac none repeat scroll 0 0;
    display: block;
    font-size: 18px;
    height: 2em;
    margin: 1.11em auto 1.10em;
    position: relative;
    width: 1px;
    z-index: 10;
    	opacity: 0;
top:150px;
}

.xt2 {
    background: #acacac none repeat scroll 0 0;
    display: block;
    font-size: 18px;
    height: 2em;
    margin: 1.11em auto 1.10em;
    position: relative;
    width: 1px;
    z-index: 10;
    	opacity: 0;
top:150px;
}

.xt3 {
    background: #acacac none repeat scroll 0 0;
    display: block;
    font-size: 18px;
    height: 2em;
    margin: 1.11em auto 1.10em;
    position: relative;
    width: 1px;
    z-index: 10;
    	opacity: 0;
top:150px;
}

.xt4 {
    background: #acacac none repeat scroll 0 0;
    display: block;
    font-size: 18px;
    height: 2em;
    margin: 1.11em auto 1.10em;
    position: relative;
    width: 1px;
    z-index: 10;
    	opacity: 0;
top:150px;
}

.xt5 {
    background: #acacac none repeat scroll 0 0;
    display: block;
    font-size: 18px;
    height: 2em;
    margin: 1.11em auto 1.10em;
    position: relative;
    width: 1px;
    z-index: 10;
    	opacity: 0;
top:150px;
}




.about-text5 .a1 {

opacity: 1;

	color: #fff;
	font-size: 20px;
	


	margin-top: 40px;
	


	margin-bottom: 10px;
	position:relative;

}


.about-text5 .a2 {
	color: #fff;
	font-size: 48px;
	position:relative;
	text-align: center;
	opacity: 1;
}
 
.about-txt5 .a3 {
	color: #fff;
	font-size: 22px;
	margin-bottom: 25px;
	position:relative;
	opacity: 1;
}

.about-text5  .a4 {
	color: #fff;
	font-size: 14px;
	margin-bottom: 20px;
	line-height: 34px;
	position:relative;
opacity: 1;

}

.about-text5 .a5 {
	color: #fff;
	font-size: 15px;
	margin-bottom: 35px;
	position:relative;
opacity: 1;
}


.about-txt5 .a6 {
	color: #c0aa8d;
	font-size: 15px;
opacity: 1;
}





/*-------------产品系列----------------*/

.big-img {
	width: 100%;
}

.img-left {
	width: 50%;
	float: left;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.img-left img {
	width: 960px;
	height: 100%;
	opacity: 0.7;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0px,0, 0);
	transform: translate3d(0px,0,0);
}

.img-left .tex2 {
}

.img-left  p {
	position: absolute;
	bottom: 140px;
	font-size: 32px;
	color: #fff;
	text-align: center;
	z-index: 999;
	width: 100%;
	opacity: 0;
}

.tx2 {
	font-size: 16px;
	margin-top: 20px;
	bottom: 100px;
}

.img-left  h2,
.img-left  p {
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

.img-left  h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	position: absolute;
	bottom: 100px;
	font-size: 16px;
	text-align: center;
	width: 100%;
	opacity: 0;
}

.img-left  h2  a {
	color: #fff;
}

.img-left  p {
	color: rgba(255,255,255,0.6);
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
}

.img-left:hover img,
.img-left:hover p {
	opacity: 1;
}

.img-left:hover img,
.img-left:hover h2,
.img-left:hover p {
	-webkit-transform: translate3d(-40px,0,0);
	transform: translate3d(-40px,0,0);
	opacity: 1;
}

.img-left:hover p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}
/*首页加载*/


.loader.is-active .loader-img-m {
	-webkit-animation: loader .5s linear infinite;
	animation: loader .5s linear infinite;
}

.loader.is-active .loader-img-h, .loader.is-active .loader-img-m {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.loader-img-h, .loader-img-m {
	position: absolute;
	top: 0;
	left: 0;
}

.sprite-loader, .sprite-loader-m, .sprite-mb6-s {
	background-position: 0 -259px;
}

.sprite-loader, .sprite-loader-h, .sprite-loader-m, .sprite-mb6-s {
	background-position: 0 -212px;
	width: 37px;
	height: 37px;
	display: inline-block;
	vertical-align: middle;
}

.loader.is-active {
	-webkit-transition: all 1.5s ease;
	transition: all 1.5s ease;
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.loader {
	background-color: transparent;
	background-color: rgba(0,0,0,.5);
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
	opacity: 0;
}

.loader, .no-pjax .loader.is-delete {
	-webkit-transition: all 1.5s ease;
	transition: all 1.5s ease;
}

@media only screen and (min-width: 1000px)
.l-loader {
	margin-left: 100px;
}

.l-loader {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 2999;
}


/*-----------L联系我们页面-----------------*/
.contact-con {
	float: left;
	padding-left: 5%;
	padding-top: 40px;
	width: 30%;
}

.messages-con {
	width: 60%;
	float: right;
	padding-top: 50px;
}

.section-content-container2 {
	position: absolute;
	bottom: 0;
	height: 490px;
	background: url(../images/noise.html) repeat;
	width: 100%;
}
/*-----------L联系我们页面-----------------*/


.section-content-container {
	width: 1300px;
	margin: 100px auto 0;
}

.section-content-container hgroup {
	margin: auto;
	text-align: center;
	letter-spacing: 2px;
	font-size: 10px;
	position: relative;
	right: -100%;
	opacity: 0;
	transition: all .8s;
}

.active .section-content-container hgroup {
	right: 0;
	opacity: 1;
}

.section-content-container hgroup h2 {
	text-transform: uppercase;
	font-weight: normal;
	color: #f0f0f0;
	font-size: 4.5em;
}

.section-content-container hgroup h3 {
	color: #e9e9e9;
	margin-top: 10px;
	font-size: 2.8em;
}

.white .section-content-container hgroup h3 {
	color: #fff;
}

.section-content {
	margin: 60px auto auto;
	position: relative;
}

.section-content {
	left: -100%;
	transition: all .5s ease .3s;
	opacity: 0;
}

.active .section-content {
	left: 0;
	opacity: 1;
}

.service-list li {
	float: left;
	margin: 0 1.5% 2% 0;
	width: 23%;
	text-align: center;
	transition: all .5s;
	position: relative;
}

.service-list li:hover {
	top: -10px;
	box-shadow: 3px 5px 6px 0 rgba(204,204,204,.5);
}

.service-list li:nth-child(4n) {
	margin-right: 0;
}

.service-list li .top {
	border: 1px solid #DFDFDF;
	padding: 135px 0 25px 0;
	background-color: rgba(255,255,255,.39);
	background-repeat: no-repeat;
	background-position: center 38px;
	font-size: 15px;
	color: #333
}

.service-list li:hover .top {
	background-color: rgba(255,255,255,.8);
	transition: all .8s;
}

.service-list li .intro {
	font-size: 13px;
	color: #fff;
	background: #019F84;
	padding: 15px 10px;
	position: relative;
	overflow: hidden;
}

.service-list li .intro p {
	position: relative;
	z-index: 3;
}

.service-list li .intro b {
	font-size: 4.35em;
	color: #01A689;
	position: absolute;
	left: 20px;
	top: 6px;
	z-index: 2;
	transition: all .8s;
}

.service-list li:hover .intro b {
	left: 200px;
}

.rbslider-item-list-wrapper {
	margin-top: 110px;
}

.rbslider-item-list {
	width: 85%;
}

.rbslider-item-list-more,.rbslider-item-list-wrapper .wider-more {
	display: block;
	position: absolute;
	border: 1px dotted #2ED0B7;
	text-align: center;
	left: 50%;
	color: #2ED0B7;
	cursor: pointer;
	margin-left: -60px;
	width: 120px;
}

.rbslider-item-list-more {
	display: none;
	top: 75%;
	height: 35px;
	line-height: 35px;
	font-size: 22px;
}

.rbslider-item-list-wrapper .wider-more {
	top: 120%;
	height: 45px;
	line-height: 45px;
	font-size: 26px;
}

.rbslider-item-list-more:hover,.rbslider-item-list-wrapper .wider-more:hover {
	background: #2ED0B7;
	color: #fff;
	-ms-transition: all .5s;
	transition: all .5s;
}

.rbslider-item-list li {
	float: left;
	width: 30.66666%;
	margin: 0 4% 0 0;
	position: relative;
	background: url(../images/noise.html) repeat;
}

.rbslider-item-list li:nth-child(3n) {
	margin-right: 0;
}

.rbslider-item-list .cover {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	-ms-transition: all .4s;
	transition: all .4s;
}

.rbslider-item-list li .img-box {
	position: relative;
	overflow: hidden;
}

.rbslider-item-list .img-box .img {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	overflow: hidden;
	width: 100%;
}

.rbslider-item-list .img-box .img img {
	width: 100%;
}

.rbslider-item-list .img-box .ck {
	margin-top: 58.5%;
}

.rbslider-item-list .img-box .cover {
	background: rgba(0,0,0,.66) url(../images/click.html) center center no-repeat;
	top: -100%;
}

.rbslider-item-list li:hover .img-box .cover {
	top: 0;
}

.rbslider-item-list li .intro {
	border-bottom: 2px solid #20BCA1;
	padding: 15px 10px;
	background: rgba(255,255,255,.65);
	position: relative;
	overflow: hidden;
	font-size: 13px;
}

.rbslider-item-list li .intro {
	color: #666;
}

.rbslider-item-list li .intro h3 {
	color: #f2f2f2;
	font-size: 1.15em;
	margin: 5px 0;
}

.rbslider-item-list li .intro-content {
	position: relative;
	z-index: 3;
}

.rbslider-item-list li .intro .cover {
	background: #1FB198;
	top: 100%;
	z-index: 2;
}

.rbslider-item-list li:hover .intro .cover {
	top: 0;
}

.rbslider-item-list li:hover .intro,.rbslider-item-list li:hover .intro h3 {
	color: #fff;
	transition: color .5s;
}

.rbslider-item-list-wrapper {
	transition: none;
}

.rbslider-item-list-wrapper ul {
	margin: auto;
}

.rbslider-item-list-rbslider {
	width: 75%;
	min-width: 300px;
}

.rbslider-item-list-rbslider  li {
	float: none;
	width: 100%;
	margin: 0;
}

.rbslider-item-list-wrapper {
	position: static;
}

.rbslider-item-list-wrapper .rbslider-item-list {
	position: relative;
	top: 320px;
	opacity: 0;
	transition: all .6s ease-out .3s;
}

.active .rbslider-item-list-wrapper .rbslider-item-list {
	top: 0;
	opacity: 1;
}

.rbslider-item-list-container .navigation {
	display: none;
}

.rbslider-item-list-container .navigation a {
	position: absolute;
	top: 40%;
	width: 16px;
	height: 30px;
	background-image: url(../images/icon2.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.rbslider-item-list-container .prev {
	background-position: 0px -166px;
	left: 10%;
}

.rbslider-item-list-container .next {
	background-position: -25px -166px;
	right: 10%;
}

.partner-list {
	width: 88%;
	text-align: center;
	margin: auto;
}

.partner-list li {
	float: left;
	width: 20%;
	box-sizing: border-box;
	min-height: 80px;
	border: 1px dotted #ccc;
	border-left: none;
	border-top: none;
	-webkit-transition: all .8s ease-in-out 0s;
	-moz-transition: all .6s ease-in-out 0s;
	transition: all .6s ease-in-out 0s;
	position: relative;
	text-align: center;
}

.partner-list li:nth-child(5n) {
	border-right: none;
}

.partner-list li:nth-child(5n) ~ li {
	border-bottom: 1px solid transparent;
}

.equipment-list li {
	text-align: center;
}

.equipment-list li .text {
	margin-top: 25px;
	line-height: 2.5em;
}

.btn-test {
	position: absolute;
	top: 100%;
	padding: 12px 0;
	width: 320px;
	left: 50%;
	margin-left: -160px;
	font-size: 1.25em;
	color: #00AA88;
	text-align: center;
	border: 1px solid #00AA88;
	display: block;
	opacity: 0;
	transition: top .86s ease .8s;
	transition: background .3s;
}

.btn-test:visited {
	color: #00AA88;
}

.active .btn-test {
	top: 80%;
	opacity: 1;
}

.btn-test:hover {
	background: #00AA88;
	background: rgba(0,170,136,.5);
	border-color: rgba(0,170,136,.68);
	color: #fff;
}

.partner-list li .con {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	color: #fff;
	transition: all 1.28s ease;
}

.partner-list li:hover .con {
	background: rgba(46,208,180,.6);
}

.partner-list li .con .img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	transition: all .8s;
}

.partner-list li .con .img img {
	max-width: 90%;
}

.partner-list li:hover .con .img {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}

.partner-list li h4 {
	margin: 22% 0 6px 0;
	width: 100%;
	opacity: 0;
	font-size: 1.36em;
	display: block;
	transition: opacity .2s ease;
}

.partner-list li:hover h4 {
	opacity: 1;
	-webkit-animation: rollIn .76s;
	animation: rollIn .76s;
}

.partner-list li p {
	position: relative;
	top: 30%;
	opacity: 0;
	font-size: 1.1em;
	transition: all .5s ease .38s;
}

.partner-list li:hover p {
	top: 0;
	opacity: 1;
}

.partner-list li .ck {
	margin-top: 67.567%;
}

.marketing-content hgroup h3 {
	color: #fff !important;
}

.marketing_list {
	margin: auto;
	text-align: center;
	color: #fff;
}

.marketing_list li {
	width: 15.8%;
	margin-right: 1%;
	float: left;
	min-width: 135px;
	position: relative;
}

.marketing_list li:nth-child(6n) {
	margin-right: 0;
}

.marketing_list li .icon {
	position: absolute;
	top: 0;
	left: 50%;
	width: 128px;
	margin-left: -64px;
}

.marketing_list li .circular {
	position: absolute;
	width: 128px;
	height: 128px;
	background: url(../images/icon2.png) no-repeat;
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	z-index: 2;
}

.marketing_list li .l {
	clip: rect(128px,64px,128px,0);
}

.marketing_list li .r {
	clip: rect(0,128px,0,64px);
}

.marketing_list li:hover .l {
	clip: rect(0,64px,128px,0);
}

.marketing_list li:hover .r {
	clip: rect(0,128px,128px,64px);
}

.marketing_list i {
	display: block;
	position: absolute;
	top: 28px;
	left: 36px;
	height: 70px;
	background-image: url(../images/icon2.png);
	background-repeat: no-repeat;
}

i.marketing-seo {
	width: 54px;
	background-position: -144px 0;
	left: 38px;
	top: 25px;
}

i.marketing-weixin {
	width: 74px;
	background-position: -207px 0;
	left: 29px;
	top: 25px;
}

i.marketing-weibo {
	width: 68px;
	background-position: -288px 0;
	top: 23px;
	left: 33px;
}

i.marketing-msg {
	width: 61px;
	background-position: -366px 0;
	left: 35px;
	top: 26px;
}

i.marketing-pay {
	width: 56px;
	background-position: -438px 0;
}

i.marketing-bbs {
	width: 51px;
	background-position: -144px -72px;
}

.marketing_list li h4 {
	margin: 145px auto 6px;
	font-size: 1.35em;
}

.marketing_list li p {
	line-height: 2em;
}

.home-about {
	margin: 350px auto auto 50%;
	width: 45%;
	color: #B2B1B1;
	line-height: 2.5em;
	position: relative;
	transition: all .6s;
}

.home-about li {
	position: absolute;
}

.home-about h2 {
	color: #fff;
	margin-bottom: 35px;
	left: 380px;
	font-size: 2.3em;
}

.home-about h2 b {
	color: #f2f2f2;
	font-size: .7em;
}

.home-about-bottom1 {
    height: 60px;
    background: rgba(255,255,255,.12);
    border-top: 1px solid #666666;
    border-top-color: rgba(255,255,255,.13);
    width: 100%;
    opacity: .6;
    transition: all .66s ease .6s;
    
}

.home-about-bottom1 ul {
	width: 68%;
	margin: auto;
	color: #ccc;
	font-size: 1.1em;
}

.home-about-bottom1 li {
	float: left;
	width: 100%;
	line-height: 60px;
	text-align: center;
	font-size:13px;
}

.home-about-bottom1 li a:hover{
	color:#f0f0f0;
}


.home-about-bottom1 li em {
	font-size: 1.35em;
	color: #f2f2f2;
	padding-right: 10px;
	font-style: normal;
}



.home-about-bottom2 {
    height: 60px;
    background: rgba(255,255,255,.12);
    border-top: 1px solid #666666;
    border-top-color: rgba(255,255,255,.13);
    width: 100%;
    opacity: .6;
    transition: all .66s ease .6s;
    position:fixed;
    bottom:0;
    left:0;
    z-index:99999999;
    
}

.home-about-bottom2 ul {
	width: 68%;
	margin: auto;
	color: #ccc;
	font-size: 1.1em;
}

.home-about-bottom2 li {
	float: left;
	width: 100%;
	line-height: 60px;
	text-align: center;
	font-size:13px;
}

.home-about-bottom2 li a:hover{
	color:#f0f0f0;
}


.home-about-bottom2 li em {
	font-size: 1.35em;
	color: #f2f2f2;
	padding-right: 10px;
	font-style: normal;
}
.home-about .bot {
	margin-top: 15px;
	top: 380px;
	font-size: 1.35em;
}

.home-about .con {
	font-size: 1.05em;
	top: 300px;
}

.home-about h2,.home-about .bot,.home-about .con {
	position: relative;
	opacity: 0;
}

#contact1 {
    background: url(../images/page6a.html);
    background-size: cover;
}

.bgn{
	background:none;
}

.home-about li.cur {
	z-index: 3;
}

.home-about li.cur h2 {
	left: 0;
	top: 0;
	opacity: 1;
	transition: all .66s;
}

.home-about li.cur .con {
	left: 0;
	top: 0;
	opacity: 1;
	transition: all .6s ease .3s;
}

.home-about li.cur .bot {
	left: 0;
	top: 0;
	opacity: 1;
	transition: all .5s ease-out .4s;
}

.home-about dd {
	background: url(../images/point.html) no-repeat left center;
	padding-left: 25px;
}

.home-about dd b {
	padding: 0 10px;
}

.home-about-navi {
	position: absolute;
	left: 2.5%;
	top: 18%;
	color: #ccc;
	background: #0D7462;
	background: rgba(13,116,98,.5);
}

.home-about-navi li {
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 1.06em;
	position: relative;
	z-index: 3;
	cursor: pointer;
	padding: 0 25px;
}

.home-about-navi li b {
	display: none;
}

.home-about-navi li.cur {
	color: #fff;
}

.home-about-navi li.bg {
	position: absolute;
	background: #25A48E;
	background: rgba(13,137,116,.5);
	top: 0;
	left: 0;
	width: 100%;
	padding: 0;
	color: #fff;
	z-index: 2;
	transition: all .4s;
}

.home-about-bottom {
	position: absolute;
	/*bottom: -60px;*/
	left: 0;
	height: 60px;
	background: rgba(255,255,255,.12);
	border-top: 1px solid #666666;
	border-top-color: rgba(255,255,255,.13);
	width: 100%;
	opacity: .8;
	transition: all .66s ease .6s;
	z-index:999999;
}

.active .home-about-bottom {
	bottom: 0;
	opacity: 1;
}

.home-about-bottom ul {
	width: 68%;
	margin: auto;
	color: #ccc;
	font-size: 1.1em;
}

.home-about-bottom li {
	float: left;
	width: 100%;
	line-height: 60px;
	text-align: center;
}

.home-about-bottom li em {
	font-size: 1.35em;
	color: #f2f2f2;
	padding-right: 10px;
	font-style: normal;
}

.home-contact {
	margin: 300px 0 0;
	width: 100%;
}

.home-contact ul {
	position: relative;
	left: 50%;
	color: #666;
	float: left;
}

.home-contact p {
	line-height: 1.9em;
	font-size: 1.1em;
}

.home-contact li {
	float: left;
	position: relative;
	left: -50%;
	top: 0;
}

.home-contact li.line {
	clear: both;
	float: none;
	width: 100%;
	border-bottom: 1px dotted #B7B7B7;
	padding-top: 50px;
}

.home-contact .img {
	width: 155px;
}

.home-contact .center {
	margin: 0 60px;
}

.home-contact .center p {
	line-height: 2.08em;
}

.home-contact .center .job {
	color: #666;
	font-weight: bold;
}

.home-contact .center .job:hover {
	text-decoration: underline;
}

.home-contact li h2 {
	margin: 2px 0 6px 0;
}

.home-contact li h2 a {
	color: #2ED0B4;
	text-decoration: none;
	font-size: 2.2em;
}

.home-contact .kh {
	font-size: 2em;
	color: #2ED0B4;
	text-align: center;
	margin-top: 50px;
	position: relative;
	top: 380px;
	opacity: 0;
	transition: all .6s ease .7s;
}

.active .home-contact .kh {
	top: 0;
	opacity: 1;
}

.home-contact .kh h2 {
	margin-top: 20px;
	font-weight: normal;
	font-size: .8em;
	text-transform: uppercase;
}

u {
	text-decoration: none;
	margin: 0 5px;
	font-family: Arial;
}

#panel {
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: -126px;
	height: 250px;
	border: 1px solid #020001;
	background: #020001;
	width: 49px;
	z-index: 999;
	font-family: 'microsoft yahei';
	display: none;
}

.index_cy {
	width: 30px;
	height: 30px;
	background-image: url(../images/index_cy.html);
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: 140px;
	background-position: 62px 0px;
	cursor: pointer;
	display: none;
}

.index_cy2 {
	width: 30px;
	height: 30px;
	background-image: url(../images/index_cy.html);
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: 140px;
	background-position: 30px 0px;
	cursor: pointer;
}

#panel,#panel .info {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

#panel .icons li {
	width: 49px;
	height: 49px;
	background-image: url(../images/icon2.png);
	background-repeat: no-repeat;
}

.icons .up {
	background-position: -330px -125px;
	cursor: pointer;
}

.icons .qq {
	background-position: -385px -73px;
}

.icons .tel {
	background-position: -385px -159px;
}

.icons .wx {
	background-position: -383px -121px;
}

.icons .down {
	background-position: -330px -164px;
	cursor: pointer;
}




/*-----------------------------新闻页--------------------------------------------------*/

/*
#section1 .slide-content-3 .intro {
    font-size: 1.6em;
    line-height: 2em;
    position: relative;
    margin: 10px 0;
    color: #ccc;
    text-align:right;
    padding-left:35%;
}

aside {
	position: relative;
	position: fixed;
	top: 0;
	left: 0;
	width: 245px;
	height: 100%;
	background: #fff;
	font-family: 'microsoft yahei';
	transition: all .5s;
}

.close aside {
	left: -245px;
}

aside h1 {
	margin: 25px 0 0 15px;
	line-height: 2.6em;
}

aside h1 a {
	font-size: 2em;
	color: #333;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	height: 50px;
	display: block;
}

aside h1 a img {
	width: 80%;
	text-align: center
}

aside h1 span {
	display: none;
}

aside h1 b {
	font-style: normal;
	display: block;
	font-size: .28em;
	color: #666;
	line-height: 1em;
	margin-top: -3px;
	letter-spacing: 4px;
}

.aside-container {
	margin: 45px auto 0;
	width: 130px;
	text-align: center;
}

aside .qrcode p {
	margin-top: 10px;
	color: #333;
}

aside .qrcode p i {
	width: 9px;
	height: 14px;
	background: url(../images/icon2.png) -117px -182px no-repeat;
	float: right;
}

aside nav li {
	margin: 3px 0;
}

aside nav li a {
	height: 30px;
	line-height: 30px;
	display: block;
	border-radius: 10px/10px;
}

aside nav li a.cur,aside nav li a:hover {
	background: #2FD0B5;
	color: #fff;
}

aside footer {
	text-align: center;
	width: 100%;
	position: absolute;
	right: 0;
	bottom: 35px;
	color: #666;
	line-height: 1.8em;
}

#main-container {
	margin-left: 245px;
	padding-top: 90px;
	transition: all .5s;
	position: relative;
}

.close #main-container {
	margin-left: 0;
}

#main-container .btns {
	position: fixed;
	right: 15px;
	bottom: 25px;
	z-index: 99999;
}

#main-container .btns li {
	margin-bottom: 5px;
	position: relative;
}

#main-container .btns li .info {
	position: absolute;
	width: 0;
	overflow: hidden;
	height: 100%;
	background-color: rgba(0,0,0,.6);
	top: 0;
	right: 100%;
	z-index: 1;
	color: #ccc;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

#main-container .btns li p {
	padding: 6px 0 6px 17px;
	width: 100px;
	line-height: 1.5em;
}

#main-container .btns li p.qq {
	line-height: 3em;
	color: #26C5B5;
}

#main-container .btns li:hover .info {
	width: 120px;
	background: #000;
	transition: all .5s;
}

#main-container .btns li a {
	display: block;
	height: 50px;
	width: 50px;
	border-radius: 5px/5px;
	background-color: rgba(0,0,0,.6);
	background-image: url(../images/icon2.png);
	background-repeat: no-repeat;
	transition: background-color .5s;
	position: relative;
	z-index: 2;
}

#main-container .btns li:hover a {
	background-color: #000;
}

#main-container .btns li:hover a.tel,#main-container .btns li:hover a.qq {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.btns .up {
	background-position: -330px -123px;
	cursor: pointer;
}

.btns .tel {
	background-position: -387px -159px;
}

.btns .qq {
	background-position: -387px -73px;
}

.sub-nav {
	position: fixed;
	top: 0;
	left: 220px;
	width: 100%;
	background: #EFF2F4;
	padding: 25px 0 25px 55px;
}

.close .sub-nav {
	left: 0;
}

.sub-nav .btn li {
	display: inline-block;
	margin-right: 6px;
}

.sub-nav .btn li a {
	display: block;
	padding: 0 12px;
	height: 30px;
	line-height: 30px;
	color: #777777;
	background: #fff;
	border-radius: 5px/5px;
	border: 1px solid #ccc;
	font: normal 1.1em/28px 'microsoft yahei';
}

.sub-nav .btn li a i {
	font-size: 1.5em;
	font-style: normal;
	vertical-align: middle;
	color: #555;
}

.news-cate a {
	display: inline-block;
	color: #777;
	border: 1px solid #ccc;
	height: 26px;
	line-height: 26px;
	background: #fff;
	border-right: none;
	padding: 0 20px;
}

.news-cate a.cur,.news-cate a:hover {
	background: #666666;
	color: #fff;
}

.news-cate a:first-child {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.news-cate a:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-right: 1px solid #ccc;
}

.sub-nav .switch {
	position: absolute;
	left: 0px;
	top: 20px;
	z-index: 110;
	font-size: 3em;
	display: block;
	cursor: pointer;
}

.inner-wrap {
	padding: 25px 100px 25px 30px;
}

.news-list {
	-webkit-animation: fadeInUp .8s ease 1;
	animation: fadeInUp .8s ease 1;
}

.news-list li {
	margin: 0 0 25px 0;
	position: relative;
	padding-left: 72px;
	clear: both;
}

.news-list li:nth-child(2n+0) {
	margin-right: 0;
}

.news-list li .news-img {
	float: left;
	width: 230px;
	margin-right: 35px;
	text-align: center;
	overflow: hidden;
	border: 2px solid #fff;
	background: #fff;
	position: relative;
}

.news-list li .news-img .img {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	left: 0;
}

.news-list li .news-img .bl {
	margin-top: 60%;
}

.news-list li .news-img img {
	min-width: 100%;
	min-height: 100%;
}

.news-list li .news-img .date {
	position: absolute;
	left: 50px;
	top: 0;
	height: 30px;
	width: 50px;
	background: #fff;
	background: rgba(255,255,255,.75);
	color: #555;
	line-height: 30px;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
}

.news-list li .news-img .date span {
	display: block;
	position: absolute;
	top: 0;
	left: -50px;
	height: 100%;
	width: 50px;
	background: #7BB83B;
	background: rgba(123,184,59,.75);
	color: #fff;
	line-height: 30px;
	text-align: center;
}

.news-list li h2 {
	margin-top: 3px;
	font: normal 1.8em/1.5em 'microsoft yahei';
	height: 1.5em;
	overflow: hidden;
}

.news-list li h2 a {
	color: #222;
}

.news-list li h2 a:hover {
	color: #2FD0B5;
}

.news-list li p.desc {
	color: #777;
	line-height: 1.8em;
	height: 3.6em;
	overflow: hidden;
}

.news-list li .more {
	color: #2CC0A7;
}

.news-list li .info {
	color: #999;
	margin: 6px 0;
}

.news-list li .date {
	width: 58px;
	height: 66px;
	padding-top: 2px;
	color: #fff;
	font-size: 2em;
	text-align: center;
	background: url(../images/icon2.png) no-repeat -442px -128px;
	position: absolute;
	left: 0;
	top: 0;
	font-family: "微软雅黑",Arial;
}

.news-list li .date span {
	display: block;
	font-size: .56em;
	line-height: 1.2em;
}

article {
	font-family: 'microsoft yahei';
	padding: 0 320px 0 25px;
	position: relative;
}

article h1 {
	font-size: 2.2em;
}

article .info {
	color: #999;
	margin: 15px 0 0;
	padding-bottom: 30px;
	border-bottom: 1px solid #dadada;
}

article .info u {
	margin: 0 10px;
	font-size: 1.3em;
}

article .info i {
	margin-right: 5px;
	color: #333;
}

article .content {
	border-top: 1px solid #fff;
	padding-top: 30px;
	line-height: 2em;
	font-size: 1.2em;
}

article .content p {
	line-height: 2em;
	margin: 10px 0;
}

article .content h1,article .content h2,article .content h3,article .content h4 {
	font-weight: normal;
	margin: 10px 0;
	color: #444;
}

article .content h1 {
	font-size: 1.32em;
}

article .content h2 {
	font-size: 1.23em;
}

article .content h3 {
	font-size: 1.16em;
}

article .content h4 {
	font-size: 1em;
}

article .content strong,article .content b {
	font-weight: bold;
}

article .recommend-news {
	width: 280px;
	padding: 15px;
	background: #fff;
	height: 680px;
	position: fixed;
	top: 130px;
	right: 81px;
	z-index: 999;
	transition: all .5s;
	-webkit-animation: fadeInRight .8s ease 1;
	animation: fadeInRight .8s ease 1;
}

article .recommend-news .caption {
	border-bottom: 2px solid #eee;
	height: 3em;
	line-height: 3em;
	margin: 10px 0;
}

article .recommend-news .caption h3 {
	height: 100%;
	display: inline-block;
	border-bottom: 2px solid #2FD0B5;
	font-size: 1.45em;
}

article .recommend-news li {
	margin-bottom: 13px;
	padding-bottom: 13px;
	border-bottom: 1px dotted #ccc;
}

article .recommend-news li .img {
	width: 100px;
	height: 78px;
	overflow: hidden;
	float: left;
	margin-right: 15px;
}

article .recommend-news li img {
	min-width: 100%;
	min-height: 100%;
	max-width: 120%;
}

article .recommend-news li h2 a {
	font-size: 1.1em;
	color: #333;
}

article .recommend-news li p {
	color: #999;
	margin-top: 10px;
}

article .recommend-news li p i {
	color: #222;
}

.news-cate-dropdown {
	display: none;
	position: relative;
	width: 98px;
	font-family: 'microsoft yahei';
	float: right;
}

.details-page .news-cate-dropdown {
	display: none !important;
}

.news-cate-dropdown button {
	border: 1px solid #ccc;
	width: 100%;
	text-align: center;
	height: 25px;
	line-height: 23px;
	padding: 0;
	margin: 0;
	background: #fff;
	border-radius: 3px;
	outline: none;
	color: #666;
}

.news-cate-dropdown button:hover,.news-cate-dropdown.active button {
	background: #eee;
}

.news-cate-dropdown button i {
	margin-left: 2px;
	font-size: 1.2em;
	vertical-align: middle;
}

.news-cate-dropdown ul {
	display: none;
	position: absolute;
	text-align: center;
	width: 100px;
	top: 26px;
	right: 0;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 10px 0;
	box-shadow: 0 0 10px #ccc;
}

.news-cate-dropdown.active ul {
	display: block;
}

.news-cate-dropdown ul li {
	line-height: 2.3em;
	color: #333;
}*/

/*-------------------------------------------------------------------------------------*/ 


.loader-wrapper {
	width: 100vw;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	background: #1b1c1e;
	z-index: 9999;
}

.loader,
.loader__figure {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.loader {
	overflow: visible;
}



.loader__figure {
	position: absolute;
	top: 100%;
	left: 50%;
	margin-top: 2em;
	box-sizing: border-box;
	border: 0 solid #fff;
	border-radius: 50%;
	-webkit-animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
	animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}

.loader__label {
	float: left;
	margin-left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	margin: 0.5em 0 0 50%;
	font-size: 0.875em;
	letter-spacing: 0.1em;
	line-height: 1.5em;
	color: #fff;
	white-space: nowrap;
	-webkit-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
	animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
	display: none;
}

@-webkit-keyframes loader-figure {
	0% {
		height: 0;
		width: 0;
	}

	30% {
		height: 2em;
		width: 2em;
		border-width: 1em;
		opacity: 1;
	}

	100% {
		height: 2em;
		width: 2em;
		border-width: 0;
		opacity: 0;
	}
}

@-moz-keyframes loader-figure {
	0% {
		height: 0;
		width: 0;
	}

	30% {
		height: 2em;
		width: 2em;
		border-width: 1em;
		opacity: 1;
	}

	100% {
		height: 2em;
		width: 2em;
		border-width: 0;
		opacity: 0;
	}
}

@keyframes loader-figure {
	0% {
		height: 0;
		width: 0;
	}

	30% {
		height: 2em;
		width: 2em;
		border-width: 1em;
		opacity: 1;
	}

	100% {
		height: 2em;
		width: 2em;
		border-width: 0;
		opacity: 0;
	}
}

@-webkit-keyframes loader-label {
	0% {
		opacity: 0.35;
	}

	30% {
		opacity: 1;
	}

	100% {
		opacity: 0.35;
	}
}

@-moz-keyframes loader-label {
	0% {
		opacity: 0.35;
	}

	30% {
		opacity: 1;
	}

	100% {
		opacity: 0.35;
	}
}

@keyframes loader-label {
	0% {
		opacity: 0.35;
	}

	30% {
		opacity: 1;
	}

	100% {
		opacity: 0.35;
	}
}

.fi-logo:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 180px;
	margin-left: -90px;
	height: 120px;
	background: url(../images/logo.html) no-repeat;
	background-size: 100%;
}

.loader,
.loader__figure {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
/*-----------------产品-------------------*/

.watches {
	background: #0b0a08 none repeat scroll 0 0;
	font-size: 0;
	padding-top: 22px;
	position: relative;
	text-align: center;
}

.watches .item {
	margin-bottom: 22px;
	overflow: hidden;
	padding: 30px 10px 25px;
	position: relative;
}

.watches .item:nth-child(2) .rotator {
	animation-delay: -8s;
}

.watches .item:nth-child(3) .rotator {
	animation-delay: -5s;
}

.watches .item-title {
	color: #e7e0dd;
	font: 35px/1.5 "Neutra Caps";
}

.watches .item-title h2 {
	font: 35px/1.5 "Neutra Caps";
}

.watches .item-info {
	color: #978d8b;
	font-size: 11px;
	line-height: 1.2;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.watches .item-link {
	color: #a98970;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 5px 0;
	text-decoration: none;
}

.watches .item-link b {
	border: 1px solid #a98970;
	border-radius: 50%;
	box-shadow: 0 0 1px #a98970;
	display: inline-block;
	height: 21px;
	margin-right: 10px;
	position: relative;
	vertical-align: middle;
	width: 21px;
}

.watches .item-link b use:first-child {
	display: none;
}

.watches .item-link span {
	display: inline-block;
	vertical-align: middle;
}

.watches .item-img {
	position: relative;
}

.watches .item-img::before {
	background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center , rgba(47, 41, 38, 0.7) 20%, rgba(47, 41, 38, 0) 70%) repeat scroll 0 0;
	bottom: auto;
	content: "";
	height: 100%;
	left: 50%;
	max-width: 400px;
	opacity: 0;
	position: absolute;
	right: auto;
	top: 0;
	transform: scale(0.8) translate3d(-50%, 0px, 0px);
	transform-origin: 0 50% 0;
	transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
	width: 100%;
}

.watches .item-img a {
	background: rgba(0, 0, 0, 0) none no-repeat scroll 50% 50% / contain;
	display: inline-block;
	height: 340px;
	margin-left: 6px;
	position: relative;
	transform: translateZ(0px);
	width: 215px;
}

.watches .item-img:hover::before {
	opacity: 1;
}

.watches .cloud, .watches .moon {
	opacity: 0.035;
	position: absolute;
}

.watches .cloud-1-1 {
	height: 80px;
	right: -93px;
	top: 109px;
	width: 290px;
}

.watches .cloud-2-1 {
	height: 80px;
	left: -217px;
	top: 109px;
	width: 290px;
}

.watches .cloud-2-2 {
	height: 85px;
	right: 18px;
	top: 165px;
	transform: scaleX(-1);
	width: 290px;
}

.watches .cloud-3-1 {
	height: 85px;
	right: -143px;
	top: 120px;
	width: 290px;
}

.watches .moon {
	height: 100px;
	right: 8px;
	top: 23px;
	width: 100px;
}

@media (min-width: 768px) {
	.watches {
		padding: 22px 11px 1px;
	}

	.watches .item {
		margin-left: 11px;
		margin-right: 11px;
	}
}

@media (min-width: 768px) {
	.watches .item-img a {
		height: 450px;
		margin-left: 10px;
		width: 250px;
	}

	.watches .rotator::before {
		border-width: 13px;
		height: 308px;
		width: 308px;
	}

	.watches .rotator::after {
		border-width: 3px;
		height: 274px;
		width: 274px;
	}

	.watches .rotator b {
		width: 408px;
	}

@	keyframes breatheBg {
		0% { opacity: 1;
		background-size: 100% 100%;
	}

	100% {
		opacity: .8;
		background-size: 110% 110%;
	}
}

@-moz-keyframes breatheBg {
	0% {
		opacity: 1;
		background-size: 100% 100%;
	}

	100% {
		opacity: .8;
		background-size: 110% 110%;
	}
}

@-webkit-keyframes breatheBg {
	0% {
		opacity: 1;
		background-size: 100% 100%;
	}

	100% {
		opacity: .8;
		background-size: 110% 110%;
	}
}

@-o-keyframes breatheBg {
	0% {
		opacity: 1;
		background-size: 100% 100%;
	}

	100% {
		opacity: .8;
		background-size: 110% 110%;
	}
}


/*-----------------案例------------------*/

.cases {
	-webkit-animation: zoomIn .8s ease 1;
	animation: zoomIn .8s ease 1;
}

.cases a {
	cursor: pointer;
}

.cases li {
	width: 23.125%;
	margin: 0 2.5% 2.5% 0;
	float: left;
	box-sizing: border-box;
	border: 1px solid #DEDEDE;
	border-bottom: 2px solid #01BE9E;
}

.cases li:hover {
	border-bottom-color: #10917B;
}

.cases li:nth-child(4n) {
	margin-right: 0;
}

.cases .case-img {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.cases .case-img .ck {
	margin-top: 60%;
}

.cases .case-img .img-box,.cases .cover {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	transition: all .38s;
}

.cases .case-img .cover {
	top: -100%;
	background: rgba(0,0,0,.6) url(../images/click.html) center center no-repeat;
	display: block;
}

.cases li:hover .case-img .cover {
	top: 0;
}

.cases .case-img .img-box img {
	height: 100%;
}

.cases .intro {
	position: relative;
	padding: 10px;
	background: #F5F5F5;
	color: #666;
	line-height: 1.8em;
	overflow: hidden;
}

.cases .intro h2,.cases .intro p {
	position: relative;
	z-index: 2;
}

.cases .intro .cover {
	top: 100%;
	background: #1FB198;
}

.cases li:hover .intro .cover {
	top: 0;
}

.cases .intro h2 {
	font-size: 1.15em;
}

.cases .intro h2 a {
	color: #05977F;
}

.sub-nav h2 {
	font-size: 1.9em;
	line-height: 1.1em;
}

.cases li:hover .intro h2 a,.cases li:hover .intro {
	color: #fff;
}

.case-detail {
	padding-left: 19px;
	font-family: 'microsoft yahei';
}

.case-detail .caption {
	color: #333;
	background: url(../images/icon2.png) -442px -89px no-repeat;
	font-size: 1.8em;
	padding-left: 15px;
	height: 30px;
	line-height: 30px;
	margin-left: -20px;
}

.case-detail .info {
	color: #2FD0B5;
	font-size: 1.1em;
}

.case-detail h1 {
	font-size: 1.5em;
	margin: 25px 0 15px;
	display: inline-block;
	margin-right: 15px;
}

.case-detail .intro {
	font-size: 1.18em;
	line-height: 2em;
	margin-bottom: 25px;
	color: #333;
}

.case-detail .imgs {
	margin-top: 15px;
}

.case-detail .imgs img {
	margin: 10px 0;
}
/*
.lt {
	float: left;
	    float: left;
    position: absolute;
    z-index: 555;
    top: 0;
    left: 50%;
        margin-left: -25%;
}*/

/*.lr {
	float: right;
}*/






.pages {
	margin: 35px 0 25px 0;
	padding-top: 25px;
	border-top: 1px dotted #ccc;
	clear: both;
}

.pages a,.pages span {
	display: inline-block;
	width: 35px;
	height: 25px;
	border: 1px solid #dedddd;
	text-align: center;
	color: #333;
	background: #fff;
	font: normal 1em/25px 'microsoft yahei';
	box-sizing: content-box;
	margin-right: 3px
}

.pages a.begin,.pages a.end {
	width: 60px;
}

.pages a:hover,.pages span {
	color: #fff;
	border: 1px solid #ccc;
	background: #2FD0B5;
}

@font-face {
	font-family: 'ElegantIcons';
	src:url('../../../other/ElegantIcons.html');
	src:url('../../../other/ElegantIconsd41d.html?#iefix') format('embedded-opentype'),
		url('../../../other/ElegantIcons-2.html') format('woff'),
		url('../../../other/ElegantIcons-3.html') format('truetype'),
		url('../../../other/ElegantIcons-4.html#ElegantIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}

[data-icon]:before {
	font-family: 'ElegantIcons';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
}

.arrow_up, .arrow_down, .arrow_left, .arrow_right, .arrow_left-up, .arrow_right-up, .arrow_right-down, .arrow_left-down, .arrow-up-down, .arrow_up-down_alt, .arrow_left-right_alt, .arrow_left-right, .arrow_expand_alt2, .arrow_expand_alt, .arrow_condense, .arrow_expand, .arrow_move, .arrow_carrot-up, .arrow_carrot-down, .arrow_carrot-left, .arrow_carrot-right, .arrow_carrot-2up, .arrow_carrot-2down, .arrow_carrot-2left, .arrow_carrot-2right, .arrow_carrot-up_alt2, .arrow_carrot-down_alt2, .arrow_carrot-left_alt2, .arrow_carrot-right_alt2, .arrow_carrot-2up_alt2, .arrow_carrot-2down_alt2, .arrow_carrot-2left_alt2, .arrow_carrot-2right_alt2, .arrow_triangle-up, .arrow_triangle-down, .arrow_triangle-left, .arrow_triangle-right, .arrow_triangle-up_alt2, .arrow_triangle-down_alt2, .arrow_triangle-left_alt2, .arrow_triangle-right_alt2, .arrow_back, .icon_minus-06, .icon_plus, .icon_close, .icon_check, .icon_minus_alt2, .icon_plus_alt2, .icon_close_alt2, .icon_check_alt2, .icon_zoom-out_alt, .icon_zoom-in_alt, .icon_search, .icon_box-empty, .icon_box-selected, .icon_minus-box, .icon_plus-box, .icon_box-checked, .icon_circle-empty, .icon_circle-slelected, .icon_stop_alt2, .icon_stop, .icon_pause_alt2, .icon_pause, .icon_menu, .icon_menu-square_alt2, .icon_menu-circle_alt2, .icon_ul, .icon_ol, .icon_adjust-horiz, .icon_adjust-vert, .icon_document_alt, .icon_documents_alt, .icon_pencil, .icon_pencil-edit_alt, .icon_pencil-edit, .icon_folder-alt, .icon_folder-open_alt, .icon_folder-add_alt, .icon_info_alt, .icon_error-oct_alt, .icon_error-circle_alt, .icon_error-triangle_alt, .icon_question_alt2, .icon_question, .icon_comment_alt, .icon_chat_alt, .icon_vol-mute_alt, .icon_volume-low_alt, .icon_volume-high_alt, .icon_quotations, .icon_quotations_alt2, .icon_clock_alt, .icon_lock_alt, .icon_lock-open_alt, .icon_key_alt, .icon_cloud_alt, .icon_cloud-upload_alt, .icon_cloud-download_alt, .icon_image, .icon_img, .icon_lightbulb_alt, .icon_gift_alt, .icon_house_alt, .icon_genius, .icon_mobile, .icon_tablet, .icon_laptop, .icon_desktop, .icon_camera_alt, .icon_mail_alt, .icon_cone_alt, .icon_ribbon_alt, .icon_bag_alt, .icon_creditcard, .icon_cart_alt, .icon_paperclip, .icon_tag_alt, .icon_tags_alt, .icon_trash_alt, .icon_cursor_alt, .icon_mic_alt, .icon_compass_alt, .icon_pin_alt, .icon_pushpin_alt, .icon_map_alt, .icon_drawer_alt, .icon_toolbox_alt, .icon_book_alt, .icon_calendar, .icon_film, .icon_table, .icon_contacts_alt, .icon_headphones, .icon_lifesaver, .icon_piechart, .icon_refresh, .icon_link_alt, .icon_link, .icon_loading, .icon_blocked, .icon_archive_alt, .icon_heart_alt, .icon_star_alt, .icon_star-half_alt, .icon_star, .icon_star-half, .icon_tools, .icon_tool, .icon_cog, .icon_cogs, .arrow_up_alt, .arrow_down_alt, .arrow_left_alt, .arrow_right_alt, .arrow_left-up_alt, .arrow_right-up_alt, .arrow_right-down_alt, .arrow_left-down_alt, .arrow_condense_alt, .arrow_expand_alt3, .arrow_carrot_up_alt, .arrow_carrot-down_alt, .arrow_carrot-left_alt, .arrow_carrot-right_alt, .arrow_carrot-2up_alt, .arrow_carrot-2dwnn_alt, .arrow_carrot-2left_alt, .arrow_carrot-2right_alt, .arrow_triangle-up_alt, .arrow_triangle-down_alt, .arrow_triangle-left_alt, .arrow_triangle-right_alt, .icon_minus_alt, .icon_plus_alt, .icon_close_alt, .icon_check_alt, .icon_zoom-out, .icon_zoom-in, .icon_stop_alt, .icon_menu-square_alt, .icon_menu-circle_alt, .icon_document, .icon_documents, .icon_pencil_alt, .icon_folder, .icon_folder-open, .icon_folder-add, .icon_folder_upload, .icon_folder_download, .icon_info, .icon_error-circle, .icon_error-oct, .icon_error-triangle, .icon_question_alt, .icon_comment, .icon_chat, .icon_vol-mute, .icon_volume-low, .icon_volume-high, .icon_quotations_alt, .icon_clock, .icon_lock, .icon_lock-open, .icon_key, .icon_cloud, .icon_cloud-upload, .icon_cloud-download, .icon_lightbulb, .icon_gift, .icon_house, .icon_camera, .icon_mail, .icon_cone, .icon_ribbon, .icon_bag, .icon_cart, .icon_tag, .icon_tags, .icon_trash, .icon_cursor, .icon_mic, .icon_compass, .icon_pin, .icon_pushpin, .icon_map, .icon_drawer, .icon_toolbox, .icon_book, .icon_contacts, .icon_archive, .icon_heart, .icon_profile, .icon_group, .icon_grid-2x2, .icon_grid-3x3, .icon_music, .icon_pause_alt, .icon_phone, .icon_upload, .icon_download, .social_facebook, .social_twitter, .social_pinterest, .social_googleplus, .social_tumblr, .social_tumbleupon, .social_wordpress, .social_instagram, .social_dribbble, .social_vimeo, .social_linkedin, .social_rss, .social_deviantart, .social_share, .social_myspace, .social_skype, .social_youtube, .social_picassa, .social_googledrive, .social_flickr, .social_blogger, .social_spotify, .social_delicious, .social_facebook_circle, .social_twitter_circle, .social_pinterest_circle, .social_googleplus_circle, .social_tumblr_circle, .social_stumbleupon_circle, .social_wordpress_circle, .social_instagram_circle, .social_dribbble_circle, .social_vimeo_circle, .social_linkedin_circle, .social_rss_circle, .social_deviantart_circle, .social_share_circle, .social_myspace_circle, .social_skype_circle, .social_youtube_circle, .social_picassa_circle, .social_googledrive_alt2, .social_flickr_circle, .social_blogger_circle, .social_spotify_circle, .social_delicious_circle, .social_facebook_square, .social_twitter_square, .social_pinterest_square, .social_googleplus_square, .social_tumblr_square, .social_stumbleupon_square, .social_wordpress_square, .social_instagram_square, .social_dribbble_square, .social_vimeo_square, .social_linkedin_square, .social_rss_square, .social_deviantart_square, .social_share_square, .social_myspace_square, .social_skype_square, .social_youtube_square, .social_picassa_square, .social_googledrive_square, .social_flickr_square, .social_blogger_square, .social_spotify_square, .social_delicious_square, .icon_printer, .icon_calulator, .icon_building, .icon_floppy, .icon_drive, .icon_search-2, .icon_id, .icon_id-2, .icon_puzzle, .icon_like, .icon_dislike, .icon_mug, .icon_currency, .icon_wallet, .icon_pens, .icon_easel, .icon_flowchart, .icon_datareport, .icon_briefcase, .icon_shield, .icon_percent, .icon_globe, .icon_globe-2, .icon_target, .icon_hourglass, .icon_balance, .icon_rook, .icon_printer-alt, .icon_calculator_alt, .icon_building_alt, .icon_floppy_alt, .icon_drive_alt, .icon_search_alt, .icon_id_alt, .icon_id-2_alt, .icon_puzzle_alt, .icon_like_alt, .icon_dislike_alt, .icon_mug_alt, .icon_currency_alt, .icon_wallet_alt, .icon_pens_alt, .icon_easel_alt, .icon_flowchart_alt, .icon_datareport_alt, .icon_briefcase_alt, .icon_shield_alt, .icon_percent_alt, .icon_globe_alt, .icon_clipboard {
	font-family: 'ElegantIcons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}





/* 1. 禁用CSS滚动驱动动画（scroll-driven-animations） */
* {
  /* 取消滚动关联的动画 */
  animation-timeline: none !important;
  scroll-timeline: none !important;
  /* 取消滚动吸附（逐屏切换的核心） */
  scroll-snap-type: none !important;
  scroll-snap-align: none !important;
  scroll-snap-stop: normal !important;
  /* 取消滚动时的位移/缩放动画 */
  transition: none !important;
  transform: none !important;
}

/* 2. 取消粘性定位（吸顶/吸底的板块） */
.sticky, [style*="position: sticky"], [class*="sticky"] {
  position: static !important; /* 恢复默认布局 */
}

/* 3. 恢复页面/板块默认滚动行为 */
html, body {
  overflow: auto !important; /* 代替 overflow: hidden/fixed */
  height: auto !important; /* 代替 height: 100%（全屏滚动的核心） */
}

/* 4. 取消全屏滚动板块的固定高度/溢出隐藏 */
/* 常见的滚动板块类名：scroll-section、fullscreen、section、slide */
.scroll-section, .fullscreen, .section, .slide {
  height: auto !important; /* 恢复自动高度，不再占满屏幕 */
  min-height: 0 !important;
  overflow: visible !important; /* 允许内容正常显示，而非截断 */
  scroll-snap-align: none !important; /* 取消板块吸附 */
}