@charset "utf-8";
/**
 * fullPage 1.4.5
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html, body, ul, li {
    margin: 0;
    padding: 0;
	color:#868585;
	font-size:14px;
	font-family:"arial","微软雅黑","Microsoft YaHei";
}
h3,p
{
margin:0;
padding:0;
}
a
{
text-decoration:none;
}
a:focus, *:focus 
{
noFocusLine: expression(this.onFocus=this.blur());
} 
#superContainer {
    height: 100%;
    position: relative;
}
.section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.section p
{
line-height:24px;
font-size:14px;
}
.slide {
    float: left;
}
.slide, .slidesContainer {
    height: 100%;
    display: block;
}
.slides {
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.section.table, .slide.table {
    display: table;
    width: 100%;
}
.tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.slidesContainer {
    float: left;
    position: relative;
}
.controlArrow {
    position: absolute;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
}
.controlArrow.prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.controlArrow.next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.scrollable {
    overflow: scroll;
}
.easing {
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}
#fullPage-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
}
#fullPage-nav.right {
    right: 17px;
}
#fullPage-nav.left {
    left: 17px;
}
.fullPage-slidesNav {
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.fullPage-slidesNav.bottom {
    bottom: 17px;
}
.fullPage-slidesNav.top {
    top: 17px;
}
#fullPage-nav ul,
.fullPage-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fullPage-nav li,
.fullPage-slidesNav li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fullPage-slidesNav li {
    display: inline-block;
}
#fullPage-nav li a,
.fullPage-slidesNav li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fullPage-nav li .active span,
.fullPage-slidesNav .active span {
    background: #333;
}
#fullPage-nav span,
.fullPage-slidesNav span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    background: rgba(0, 0, 0, 0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}
.fullPage-tooltip {
    position: absolute;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    top: -2px;
}
.fullPage-tooltip.right {
    right: 20px;
}
.fullPage-tooltip.left {
    left: 20px;
}
#menu li {
	display:inline-block;
	margin-right:60px;
	line-height:80px
}
#menu li.active{
	/*background:#666;
	background: rgba(0,0,0, 0.5);*/
	color: rgba(255,255,255, 0.5);
}
#menu li a{
	text-decoration:none;
	color: #dfdfdf;
    font-size: 16px;
}
#menu li.active a:hover{
	color: #ffffff;
}
#menu li:hover{
    color: rgba(255,255,255, 0.5);
}
#menu li a,
#menu li.active a{
	display:block;
}
#menu li.active a{
	color: #fff;
}


#preload{
    position:fixed;
    width:100%;
	height:100%;
	top:0;
	left:0;
	background:#e50020;
	z-index:999;
	overflow:hidden;
	text-align:center;
	-webkit-animation:preload-layer 4.2s cubic-bezier(0.77,0,0.175,1) both;
	-moz-animation:preload-layer 4.2s cubic-bezier(0.77,0,0.175,1) both;
	animation:preload-layer 4.2s cubic-bezier(0.77,0,0.175,1) both
}
.csstransitions #preload{
    clip:rect(0px 2560px 2000px 0)
}
.preload{ 
    width:550px;
	height:580px;
	position:absolute;
	top:60%;
	left:50%;
	margin:-275px 0 0 -290px;
	color:#fff;
	overflow:hidden
}
.preload article{
    color:#ffffff;
	font-size:14px;
	font-family:"arial","微软雅黑","Microsoft YaHei";
}
.preload-logo2{
    margin:10px 0 10px;
	height:50px
}
.preload-logo3{
-webkit-animation:preload3 .5s cubic-bezier(0.215,0.61,0.355,1) both 2s;
-moz-animation:preload3 .5s cubic-bezier(0.215,0.61,0.355,1) both 2s;
animation:preload3 .5s cubic-bezier(0.215,0.61,0.355,1) both 2s
}
.preload-logo1{
    width:400px;
	height:300px;
	margin:0 auto;
	margin-top:-2px;
	margin-top:0px\9
}
.preload-logo1 svg path{
    stroke-dasharray:908.1746215820312;
	stroke-dashoffset:-650;
	stroke-width:2
}
#preload .preload-logo1 svg path{
-webkit-animation:preload 2.2s cubic-bezier(0.77,0,0.175,1) both;
-moz-animation:preload 2.2s cubic-bezier(0.77,0,0.175,1) both;
animation:preload 2.2s cubic-bezier(0.77,0,0.175,1) both
}
#preload .preload-logo2 svg path{
stroke-dasharray:908.1746215820312;
stroke-dashoffset:-900;
stroke-width:2;
-webkit-animation:preload2 2.5s cubic-bezier(0.77,0,0.175,1) both .2s;
-moz-animation:preload2 2.5s cubic-bezier(0.77,0,0.175,1) both .2s;
animation:preload2 2.5s cubic-bezier(0.77,0,0.175,1) both .2s
}
.preload-logo3{
-webkit-animation:preload3 .5s cubic-bezier(0.215,0.61,0.355,1) both 2s;
-moz-animation:preload3 .5s cubic-bezier(0.215,0.61,0.355,1) both 2s;
animation:preload3 .5s cubic-bezier(0.215,0.61,0.355,1) both 2s
}
#preload .title{
-webkit-animation:preload3 1.5s cubic-bezier(0.215,0.61,0.355,1) both 2s;
-moz-animation:preload3 1.5s cubic-bezier(0.215,0.61,0.355,1) both 2s;
animation:preload3 1.5s cubic-bezier(0.215,0.61,0.355,1) both 2s
}
#preload article{
-webkit-animation:preload3 1.9s cubic-bezier(0.215,0.61,0.355,1) both 2s;
-moz-animation:preload3 1.9s cubic-bezier(0.215,0.61,0.355,1) both 2s;
animation:preload3 1.9s cubic-bezier(0.215,0.61,0.355,1) both 2s
}
@-moz-keyframes preload{
0%{fill:rgba(255,255,255,0);stroke-dashoffset:-650;stroke-width:1}
80%{fill:rgba(255,255,255,0);stroke-dashoffset:0;stroke-width:1}
100%{fill:rgba(255,255,255,1);stroke-dashoffset:0;stroke-width:0}
}
@-webkit-keyframes preload{
0%{fill:rgba(255,255,255,0);stroke-dashoffset:-650;stroke-width:2}
80%{fill:rgba(255,255,255,0);stroke-dashoffset:0;stroke-width:2}
100%{fill:rgba(255,255,255,1);stroke-dashoffset:0;stroke-width:0}
}
@keyframes preload{
0%{fill:rgba(255,255,255,0);stroke-dashoffset:-650;stroke-width:2}
80%{fill:rgba(255,255,255,0);stroke-dashoffset:0;stroke-width:2}
100%{fill:rgba(255,255,255,1);stroke-dashoffset:0;stroke-width:0}
}
@-moz-keyframes preload2{
0%{fill:rgba(255,255,255,0);stroke-dashoffset:-900;stroke-width:2}
80%{fill:rgba(255,255,255,0);stroke-dashoffset:0;stroke-width:2}
100%{fill:rgba(255,255,255,1);stroke-dashoffset:0;stroke-width:0}
}
@-webkit-keyframes preload2{
0%{fill:rgba(255,255,255,0);stroke-dashoffset:-900;stroke-width:2}
80%{fill:rgba(255,255,255,0);stroke-dashoffset:0;stroke-width:2}
100%{fill:rgba(255,255,255,1);stroke-dashoffset:0;stroke-width:0}
}
@keyframes preload2{
0%{fill:rgba(255,255,255,0);stroke-dashoffset:-900;stroke-width:2}
80%{fill:rgba(255,255,255,0);stroke-dashoffset:0;stroke-width:2}
100%{fill:rgba(255,255,255,1);stroke-dashoffset:0;stroke-width:0}
}
@-webkit-keyframes ue-pudding{
0%{-webkit-transform:scale(1.2,0.8)}
1%{-webkit-transform:scale(1.18,0.82)}
2%{-webkit-transform:scale(1.16,0.84)}
3%{-webkit-transform:scale(1.13,0.87)}
4%{-webkit-transform:scale(1.1,0.9)}
5%{-webkit-transform:scale(1.07,0.93)}
6%{-webkit-transform:scale(1.04,0.96)}
7%{-webkit-transform:scale(1.01,0.99)}
8%{-webkit-transform:scale(0.99,1.01)}
9%{-webkit-transform:scale(0.97,1.03)}
10%{-webkit-transform:scale(0.95,1.05)}
11%{-webkit-transform:scale(0.94,1.06)}
12%{-webkit-transform:scale(0.93,1.07)}
13%{-webkit-transform:scale(0.93,1.07)}
14%{-webkit-transform:scale(0.93,1.07)}
15%{-webkit-transform:scale(0.93,1.07)}
16%{-webkit-transform:scale(0.94,1.06)}
17%{-webkit-transform:scale(0.94,1.06)}
18%{-webkit-transform:scale(0.95,1.05)}
19%{-webkit-transform:scale(0.96,1.04)}
20%{-webkit-transform:scale(0.98,1.02)}
21%{-webkit-transform:scale(0.99,1.01)}
22%{-webkit-transform:scale(1,1)}
23%{-webkit-transform:scale(1,1)}
24%{-webkit-transform:scale(1.01,0.99)}
25%{-webkit-transform:scale(1.02,0.98)}
26%{-webkit-transform:scale(1.02,0.98)}
27%{-webkit-transform:scale(1.02,0.98)}
28%{-webkit-transform:scale(1.03,0.97)}
29%{-webkit-transform:scale(1.03,0.97)}
30%{-webkit-transform:scale(1.02,0.98)}
31%{-webkit-transform:scale(1.02,0.98)}
32%{-webkit-transform:scale(1.02,0.98)}
33%{-webkit-transform:scale(1.02,0.98)}
34%{-webkit-transform:scale(1.01,0.99)}
35%{-webkit-transform:scale(1.01,0.99)}
36%{-webkit-transform:scale(1.01,0.99)}
37%{-webkit-transform:scale(1,1)}
38%{-webkit-transform:scale(1,1)}
39%{-webkit-transform:scale(1,1)}
40%{-webkit-transform:scale(0.99,1.01)}
41%{-webkit-transform:scale(0.99,1.01)}
42%{-webkit-transform:scale(0.99,1.01)}
43%{-webkit-transform:scale(0.99,1.01)}
44%{-webkit-transform:scale(0.99,1.01)}
45%{-webkit-transform:scale(0.99,1.01)}
46%{-webkit-transform:scale(0.99,1.01)}
47%{-webkit-transform:scale(0.99,1.01)}
48%{-webkit-transform:scale(0.99,1.01)}
49%{-webkit-transform:scale(1,1)}
}
@-moz-keyframes preload3{
0%{-webkit-transform:translateY(80px);opacity:0}
100%{-webkit-transform:translateY(0px);opacity:1}
}
@-webkit-keyframes preload3{
0%{-webkit-transform:translateY(80px);opacity:0}
100%{-webkit-transform:translateY(0px);opacity:1}
}
@keyframes preload3{
0%{-webkit-transform:translateY(80px);opacity:0}
100%{-webkit-transform:translateY(0px);opacity:1}
}
@-moz-keyframes down{
0%{-moz-transform:translateY(-100px);opacity:0}
100%{-moz-transform:translateY(0px);opacity:1}
}
@-webkit-keyframes down{
0%{-webkit-transform:translateY(-100px);opacity:0}
100%{-webkit-transform:translateY(0px);opacity:1}
}
@keyframes down{
0%{transform:translateY(-100px);opacity:0}
100%{transform:translateY(0px);opacity:1}
}
@-moz-keyframes left{
0%{-moz-transform:translateX(-100px);opacity:0}
100%{-moz-transform:translateX(0px);opacity:1}
}
@-webkit-keyframes left{
0%{-webkit-transform:translateX(-100px);opacity:0}
100%{-webkit-transform:translateX(0px);opacity:1}
}
@keyframes left{
0%{transform:translateX(-100px);opacity:0}
100%{transform:translateX(0px);opacity:1}
}
@-moz-keyframes right{
0%{-moz-transform:translateX(0px);opacity:1}
100%{-moz-transform:translateX(-100px);opacity:0}
}
@-webkit-keyframes right{
0%{-webkit-transform:translateX(0px);opacity:1}
100%{-webkit-transform:translateX(-100px);opacity:0}
}
@keyframes right{
0%{transform:translateX(0px);opacity:1}
100%{transform:translateX(-100px);opacity:0}
}
@-moz-keyframes right2{
0%{-moz-transform:translateX(0px);opacity:0}
100%{-moz-transform:translateX(-100px);opacity:1}
}
@-webkit-keyframes right2{
0%{-webkit-transform:translateX(0px);opacity:0}
100%{-webkit-transform:translateX(-100px);opacity:1}
}
@keyframes right2{
0%{transform:translateX(0px);opacity:0}
100%{transform:translateX(-100px);opacity:1}
}
@-moz-keyframes preload-layer{
0%{opacity:1;clip:rect(0px 2560px 1440px 0px)}
60%{opacity:1;clip:rect(0px 2560px 1440px 0px)}
100%{opacity:0;clip:rect(0px 2560px 0px 0px)}
}
@-webkit-keyframes preload-layer{
0%{opacity:1;clip:rect(0px 2560px 1440px 0px)}
60%{opacity:1;clip:rect(0px 2560px 1440px 0px)}
100%{opacity:0;clip:rect(0px 2560px 0px 0px)}
}
@keyframes preload-layer{
0%{opacity:1;clip:rect(0px 2560px 1440px 0px)}
60%{opacity:1;clip:rect(0px 2560px 1440px 0px)}
100%{opacity:0;clip:rect(0px 2560px 0px 0px)}
}
.title{
margin:50px 0 10px 0
}
.wrap{
width:1100px;
margin:0 auto;
position:relative
}
.header{
position:fixed;
width:100%;
height:80px;
background:#d0001d;
z-index:99
}
#logo{
float:left;
-webkit-transition:all 1s cubic-bezier(0.86,0,0.07,1);
-moz-transition:all 1s cubic-bezier(0.86,0,0.07,1);
transition:all 1s cubic-bezier(0.86,0,0.07,1)
}
#logo.active{
opacity:1
}
#logo img,#logo a{
display:block
}
nav{
float:left;
margin-left:60px;
height:80px
font-size:14px;
}
nav ul li{
display:inline-block;
margin-right:60px;
line-height:80px
}
nav ul li a{
color:#ffffff;
-webkit-transition:all .3s ease-out;
-moz-transition:all .3s ease-out;
transition:all .3s ease-out
}
nav ul li.current a,nav ul li:hover a{
color:#fff
}
#wrapper{
position:relative;
-webkit-transition:all 1s cubic-bezier(0.86,0,0.07,1);
-moz-transition:all 1s cubic-bezier(0.86,0,0.07,1);
transition:all 1s cubic-bezier(0.86,0,0.07,1);
-webkit-transform-style:preserve-3d;
-webkit-backface-visibility:hidden
}
.index-bg{
width:100%;
overflow:hidden;
-webkit-animation:down 2.5s cubic-bezier(0.215,0.61,0.355,1) both 2s;
-moz-animation:down 2.5s cubic-bezier(0.215,0.61,0.355,1) both 2s;
animation:down 2.5s cubic-bezier(0.215,0.61,0.355,1) both 2s
}
.about{
color:#FFFFFF;
width:1003px;
margin:0 auto;
margin-top:20px;
line-height:24px;
-webkit-animation:preload3 3s cubic-bezier(0.215,0.61,0.355,1) both 2s;
-moz-animation:preload3 3s cubic-bezier(0.215,0.61,0.355,1) both 2s;
animation:preload3 3s cubic-bezier(0.215,0.61,0.355,1) both 2s
}
.qrcode{
width:250px;
height:250px;
margin:0 auto;

margin-top:-300px;
margin-bottom:70px;
-webkit-animation:preload3 3s cubic-bezier(0.215,0.61,0.355,1) both 2s;
-moz-animation:preload3 3s cubic-bezier(0.215,0.61,0.355,1) both 2s;
animation:preload3 3s cubic-bezier(0.215,0.61,0.355,1) both 2s
}
.text_box
{
width:1100px;
height:400px;
margin:0 auto;
color:#FFFFFF;
text-align:center;
}
.text_box2
{
width:1003px;
margin:0 auto;
color:#FFFFFF;
text-align:center;
margin-bottom:50px;
}
.fl
{
float:left;
}
.fr
{
float:right;
}
.text_box h3,.text_box2 h3
{
font-size:24px;
font-weight:100;
line-height:40px;
}
h3
{
font-weight:100;
line-height:40px;
}
.se_box
{
margin-top:30px;
width:300px;
height:auto;
padding:10px;
text-align:left;
-webkit-animation:right2 2.5s cubic-bezier(0.215,0.61,0.355,1) both 2s;
-moz-animation:right2 2.5s cubic-bezier(0.215,0.61,0.355,1) both 2s;
animation:right2 2.5s cubic-bezier(0.215,0.61,0.355,1) both 2s
}

#serpic
{
margin-top:40px;
margin-left:-100;
}
.blue
{
background-color:#41b1e7;
}
.mar-40
{
margin-left:40px;
}
.service_left{
margin-top:50px;
-webkit-animation:left 1.5s cubic-bezier(0.215,0.61,0.355,1) both 2s;
-moz-animation:left 1.5s cubic-bezier(0.215,0.61,0.355,1) both 2s;
animation:left 1.5s cubic-bezier(0.215,0.61,0.355,1) both 2s
}
.service_right{
margin-top:50px;
-webkit-animation:right 1.5s cubic-bezier(0.215,0.61,0.355,1) both 2s;
-moz-animation:right 1.5s cubic-bezier(0.215,0.61,0.355,1) both 2s;
animation:right 1.5s cubic-bezier(0.215,0.61,0.355,1) both 2s
}
.w1003
{
width:1003px;
}
.mc
{
margin:0 auto;
}
.mt60
{
margin-top:60px;
}
.contact
{
text-align:center;
font-size:14px;
line-height:30px;
}

ul,li{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}

/* flexslider */
.flexslider{position:relative;height:380px;overflow:hidden; }
.slides{position:relative;z-index:1;}
.slides li{height:380px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}
.casebox
{
width:1180px;
height:380px;
overflow:hidden;
margin:0 auto;
}
.case_line
{
width:1180px;
height:200px;
}
.case_box
{
width:280px;
height:180px;
overflow:hidden;
float:left;
}
.case_box img
{
width:280px;
height:180px;
border:0;
}
.case_box p
{
display:block;
width:280px;
height:30px;
line-height:30px;
color:#FFFFFF;
line-height:30px;
text-align:center;
}
.mr20
{
margin-right:20px;
}