@charset "utf-8";
/* CSS Document */
html{ overflow:hidden;}
.ease-3 {
    -webkit-transition: all 0.3s;
    -khtml-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#fp-nav{ display:none; color:#333; top:40%;}
#fp-nav ul li .fp-tooltip { color:#333;}
#fp-nav.white ul li a span{background-color:#fff;}
#fp-nav.white,#fp-nav.white ul li .fp-tooltip { color:#fff;}
/*#fp-nav ul li a span:after{content:''; display:block; width:14px; height:14px;position:absolute;left:50%;top:50%;margin-left:-8px; margin-top:-8px; border-width:1px; border-style:solid; border-color:#333;
background-position:center;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
behavior: url(ie-css3.htc); z-index:2; 
filter: alpha(opacity=0);
-khtml-opacity: 0;     
-moz-opacity: 0; 
opacity:0;
transform: scale(0,0);
-webkit-transform: scale(0,0);
-o-webkit-transform: scale(0,0);
-moz-webkit-transform: scale(0,0);}
#fp-nav ul li a.active span:after{
filter: alpha(opacity=100);
-khtml-opacity: 1;     
-moz-opacity: 1; 
opacity:1;
transform: scale(1,1);
-webkit-transform: scale(1,1);
-o-webkit-transform: scale(1,1);
-moz-webkit-transform: scale(1,1);
transition-delay:100ms; 
-o-transition-delay:100ms;
-moz-transition-delay:100ms;
-webkit-transition-delay:100ms;}
#fp-nav.white ul li a span:after{border-color:#fff;}*/
.section{ overflow:hidden;}

/*第一屏 banner*/
.banner{ color:#fff; text-align:center;}
.banner .fp-slide{ background-size:cover; background-repeat:no-repeat; background-position:center bottom;}
.banner .pic{ width:100%; height:100%; overflow:hidden;}
.banner .fp-controlArrow{ border:0;font-size:30px; width:60px; height:60px;background-color:rgba(0,0,0,.3);background-repeat:no-repeat; background-position:center;
-webkit-border-radius:50%;
-moz-border-radius: 50%;
border-radius: 50%;
behavior: url(ie-css3.htc); z-index:2; }
.banner .fp-controlArrow.fp-prev{ background-image:url(../images/arrow_left.png); }
.banner .fp-controlArrow.fp-next{ background-image:url(../images/arrow_right.png); }

#indexslider {position:absolute;background-color:#000;left:0;top:0;bottom:0; right:0;width:100%;height:100%;overflow:hidden;}
#indexslider .hd{ width:100%; position:absolute; bottom:-10px; left:0; right:0;z-index: 1;
transition-timing-function:ease-out;
-o-transition-timing-function:ease-out;
-moz-transition-timing-function:ease-out;
-webkit-transition-timing-function:ease-out;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;}
#indexslider .hd.hd_show{bottom:30px;
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;}
#indexslider .hd li{ display:inline-block;*display:inline;*zoom:1;height:10px; width:10px;margin: 4px 8px;font-size: 0px; text-indent:9999;line-height: 10px;text-align: center;background: #fff;border: 2px #fff solid;
cursor: pointer;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
filter: alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
behavior: url(ie-css3.htc); z-index:1;
-webkit-transition:all 0.3s ease-out;
-khtml-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;}
#indexslider .hd li.on{background: #fff;color: #fff; border-color:#60c10a;
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;}
#indexslider .tempWrap{ height:100%;}
#indexslider .swiper-wrapper{ width:100% !important; height:100% !important;}
#indexslider .swiper-slide { position:relative; width:100% !important; height:100% !important; background-position:center; background-size:cover; background-repeat:no-repeat;
	text-align: center;
	font-size: 18px;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
#indexslider .swiper-slide img{ width:100%; height:auto;}
#indexslider .swiper-slide .w1200{ position:relative;}
#indexslider .swiper-slide .pic_item{ position:absolute;}
#indexslider .swiper-slide .pic_item img{ width:auto;}
#indexslider .swiper-slide .txt-mask{ position:absolute; right:0; bottom:15%; width:500px; background:url(../images/alpha_black80.png) repeat; padding:30px 100px 30px 40px; color:#fff; font-size:12px; text-align:left; line-height:22px;}
#indexslider .swiper-slide .txt-mask h1{ font-size:28px; line-height:30px; margin-bottom:20px;}
#indexslider .arrow{ background-color:rgba(0,0,0,.5); background-image:url(../images/arrow_left.png); background-repeat:no-repeat; background-position:center; width:70px; height:70px; background-size:auto; position:absolute; top:45%; display:block; left:-70px; margin-top:-35px; z-index:1;
transition-timing-function:ease-out;
-o-transition-timing-function:ease-out;
-moz-transition-timing-function:ease-out;
-webkit-transition-timing-function:ease-out;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;}
#indexslider .next{background-image:url(../images/arrow_right.png); left:auto;right:-70px;}
#indexslider .prev:hover,#indexslider .next:hover{ background-color:rgba(0,0,0,.8);}
#indexslider .prevStop,#indexslider .nextStop{ background-color:rgba(0,0,0,.2) !important;}
#indexslider .prev.arrow_show{left:0%;
filter: alpha(opacity=100);
-khtml-opacity: 1;     
-moz-opacity: 1;
opacity: 1;}
#indexslider .next.arrow_show{right:0%;
filter: alpha(opacity=100);
-khtml-opacity: 1;     
-moz-opacity: 1;
opacity: 1;}

/*第二屏 服务*/
.service .inner{ height:100%; width:100%; position:absolute; left:0; right:0; top:0; bottom:0;}
.canvas_bg{ width:100%; height:auto;}
.service .kwicks{ height:100%; width:100%;}
.service li{ height:100%; }
.service .item{ display:block; width:100%; height:100%;overflow:hidden; position:relative; background-size:cover; background-repeat:no-repeat; background-position:center;
-webkit-transition-timing-function:cubic-bezier(.6,.08,.29,.98);
-moz-transition-timing-function:cubic-bezier(.6,.08,.29,.98);
-o-transition-timing-function:cubic-bezier(.6,.08,.29,.98);
transition-timing-function:cubic-bezier(.6,.08,.29,.98);
-webkit-transform: translate3d(0px, 50%, 0);
-moz-transition: translate3d(0px, 50%, 0);
-o-transition: translate3d(0px, 50%, 0);
transition: translate3d(0px, 50%, 0);
filter: alpha(opacity=0);
-khtml-opacity: 0;     
-moz-opacity: 0; 
opacity:0;}
.service .item_01{ background-color:#71c428; background-image:url(../images/service_bg_01.jpg); }
.service .item_02{ background-color:#9d2bd1; background-image:url(../images/service_bg_02.jpg);
transition-delay:200ms; 
-o-transition-delay:200ms;
-moz-transition-delay:200ms;
-webkit-transition-delay:200ms; }
.service .item_03{ background-color:#d35828; background-image:url(../images/service_bg_03.jpg); 
transition-delay:300ms; 
-o-transition-delay:300ms;
-moz-transition-delay:300ms;
-webkit-transition-delay:300ms;}
.service .item_04{ background-color:#2882ce ; background-image:url(../images/service_bg_04.jpg);
transition-delay:400ms; 
-o-transition-delay:400ms;
-moz-transition-delay:400ms;
-webkit-transition-delay:400ms;}
.service .item .wrapper{ padding-top:100px;}
.service .item .circle{ display:block; width:100px; height:100px; border:2px #fff solid; color:#fff; font-size:60px; line-height:95px; position:absolute; left:50%; margin-left:-52px; top:25%; margin-top:-20px;
-webkit-border-radius:50%;
-moz-border-radius: 50%;
border-radius: 50%;
behavior: url(ie-css3.htc); z-index:2;}
/*.service .item .circle:after{ content:''; display:block; width:110px; height:110px; border:5px #000 solid; position:absolute;left:50%; margin-left:-60px; top:25%; margin-top:-35px; background:#000;
transform: scale(0.5,0.5);
-webkit-transform: scale(0.5,0.5);
-o-webkit-transform: scale(0.5,0.5);
-moz-webkit-transform: scale(0.5,0.5);
-webkit-transition:all 0.4s ease-out;
-khtml-transition:all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
filter: alpha(opacity=0);
-khtml-opacity: 0;     
-moz-opacity: 0; 
opacity:0;
-webkit-border-radius:50%;
-moz-border-radius: 50%;
border-radius: 50%;
behavior: url(ie-css3.htc); z-index:2;}*/
.service .item .circle .txt{ display:block; overflow:hidden;}
.service .item .circle .icon{ display:none; overflow:hidden;}
.service .item .title,.service .item .desc{ position:absolute;  right:0; left:0;text-align:center; color:#fff; padding:0 10px; font-weight:normal; }
.service .item .title{top:25%; margin-top:120px;font-size:18px;}
.service .item .desc{top:25%; margin-top:170px;font-size:14px; line-height:26px;}
.service .item .line{ position:absolute; right:40%; left:40%; top:25%; margin-top:160px; height:1px; width:auto; background:#fff;
filter: alpha(opacity=50);
-khtml-opacity: 0.5;     
-moz-opacity: 0.5; 
opacity:0.5;}
.service .item .title_2,.service .item .desc_2{position:absolute; top:35%; right:5%; left:5%; bottom:auto; color:#fff;
filter: alpha(opacity=0);
-khtml-opacity: 0;     
-moz-opacity: 0; 
opacity:0;
-webkit-transform: translate3d(-100px, 0, 0);
-moz-transition: translate3d(-100px, 0, 0);
-o-transition: translate3d(-100px, 0, 0);
transition: translate3d(-100px, 0, 0);}
.service .item .title_2{margin-top:-20px; font-size:24px;}
.service .item .desc_2{margin-top:20px; font-size:14px; line-height:26px;}
.service .item .service_case{position:absolute;top:100%; bottom:-300px; left:0; right:0; width:100%; background:url(../images/alpha_white80.png) repeat;}
.service .item .service_case ul{ height:100%; padding:0 10px;}
.service .item .service_case li{ float:left; display:inline; width:33.3%; height:50%;}
.service .item .service_case .service_case_item{ width:90%; height:90%; margin:20px auto; background-color:#fff; background-size:cover; background-position:top center;}
.service .item .btns{ position:absolute; top:100%; bottom:-300px; left:0; right:0; width:100%; height:50px; line-height:50px; text-align:center;}
.service .item .btns .btn{ padding:10px 30px; margin:0 10px; color:#fff; font-size:18px; border-width:0px; border-bottom-width:1px; border-style:solid; cursor:pointer;
-webkit-border-radius:5px;
-moz-border-radius: 5px;
border-radius: 5px;
behavior: url(ie-css3.htc); z-index:2;}
.service .item_01 .btns .btn{ background:#71c428; border-color:#53a00f;}
.service .item_02 .btns .btn{ background:#9d2bd1; border-color:#7e0db2;}
.service .item_03 .btns .btn{ background:#e85319; border-color:#a5360a;}
.service .item_04 .btns .btn{ background:#2882ce; border-color:#0c60a6;}
.service .item .btns .btn:hover{
filter: alpha(opacity=80);
-khtml-opacity: 0.8;     
-moz-opacity: 0.8;
opacity: 0.8;}
.service.active .item{
filter: alpha(opacity=100);
-khtml-opacity: 1;     
-moz-opacity: 1;
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-moz-transition: translate3d(0, 0, 0);
-o-transition: translate3d(0, 0, 0);
transition: translate3d(0, 0, 0);} 
.service .kwicks-collapsed{
filter: alpha(opacity=50);
-khtml-opacity: 0.5;     
-moz-opacity: 0.5;
opacity: 0.5;}
/*.service .kwicks-collapsed .circle{ width:80px; height:80px; margin-left:-40px; margin-top:10px; line-height:80px; font-size:40px;}
.service .kwicks-collapsed .title{ font-size:16px;}
.service .kwicks-collapsed .desc{ font-size:12px; line-height:22px;}*/
.service .kwicks-expanded{
filter: alpha(opacity=100);
-khtml-opacity: 1;     
-moz-opacity: 1;
opacity: 1;
behavior: url(ie-css3.htc); z-index:2;}
.service .kwicks-expanded .circle{ top:35%; left:10%; margin-left:0; background:#fff; }
.service .kwicks-expanded .circle:after{border-color:#fff; background:none;
transition-delay:200ms;
-o-transition-delay:200ms;
-moz-transition-delay:200ms;
-webkit-transition-delay:200ms;
filter: alpha(opacity=100);
-khtml-opacity: 1;     
-moz-opacity: 1; 
opacity:1;
transform: scale(1,1);
-webkit-transform: scale(1,1);
-o-webkit-transform: scale(1,1);
-moz-webkit-transform: scale(1,1);}
.service .kwicks-expanded .item_01 .circle{color:#71c428;}
.service .kwicks-expanded .item_02 .circle{color:#9d2bd1;}


.service .kwicks-expanded .item_03 .circle{color:#d35828;}
.service .kwicks-expanded .item_04 .circle{color:#2882ce;}
.service .kwicks-expanded .circle .txt{ display:none; transition-delay:200ms; -webkit-transition-delay:200ms;}
.service .kwicks-expanded .circle .icon{ display:block; transition-delay:200ms; -webkit-transition-delay:200ms;}
.service .kwicks-expanded .title,.service .kwicks-expanded .desc,.service .kwicks-expanded .line{
filter: alpha(opacity=0);
-khtml-opacity: 0;     
-moz-opacity: 0; 
opacity:0;
-webkit-transform: translate3d(0, 100px, 0);
-moz-transition: translate3d(0, 100px, 0);
-o-transition: translate3d(0, 100px, 0);
transition: translate3d(0, 100px, 0);}
.service .kwicks-expanded .title_2,.service .kwicks-expanded .desc_2{
filter: alpha(opacity=100);
-khtml-opacity: 1;     
-moz-opacity: 1; 
opacity:1;
-webkit-transform: translate3d(0, 0, 0);
-moz-transition: translate3d(0, 0, 0);
-o-transition: translate3d(0, 0, 0);
transition: translate3d(0, 0, 0);}
.service .kwicks-expanded .title_2{ transition-delay:300ms;}
.service .kwicks-expanded .desc_2{ transition-delay:500ms;}
.service .kwicks-expanded .service_case{ bottom:0; top:70%;}
.service .kwicks-expanded .btns{ top:82%; bottom:0; margin-top:-20px;}

/*第三屏 案例*/
.bt_index.black h1{ color:#333;}
.bt_index.black a{ color:#333;}
.bt_index.black .ico a,.bt_index.black .more a{ border-color:#333;}
.bt_index.white h1{ color:#fff;}
.bt_index.white a{ color:#fff;}
.bt_index.white .ico a,.bt_index.white .more a{ border-color:#fff;}
.bt_index{ margin-bottom:20px; position:relative;}
.bt_index>*{
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0; 
opacity:0;}
.bt_index h1{ height:30px; line-height:30px; margin-bottom:5px; font-size:24px;
-webkit-transform: translate3d(0px,-100px, 0);
-moz-transition: translate3d(0px, -100px, 0);
-o-transition: translate3d(0px, -100px, 0);
transition: translate3d(0px, -100px, 0);}
.bt_index p{ color:#888;height:20px; line-height:20px; margin-bottom:10px;
-webkit-transform: translate3d(0px,300px, 0);
-moz-transition: translate3d(0px, 300px, 0);
-o-transition: translate3d(0px, 300px, 0);
transition: translate3d(0px, 300px, 0);}
.bt_index .ico,.bt_index .more{ position:absolute; top:50%; margin-top:-25px;}
.bt_index .rt{ right:10px;
-webkit-transform: translate3d(-300px,0, 0);
-moz-transition: translate3d(-300px, 0, 0);
-o-transition: translate3d(-300px, 0, 0);
transition: translate3d(-300px, 0, 0);}
.bt_index .lt{ left:10px;
-webkit-transform: translate3d(300px,0, 0);
-moz-transition: translate3d(300px, 0, 0);
-o-transition: translate3d(300px, 0, 0);
transition: translate3d(300px, 0, 0);}
.bt_index .ico a,.bt_index .more a{ display:block; width:50px; height:50px; line-height:50px; overflow:hidden; text-align:center; border:1px #fff solid;
-webkit-border-radius:50%;
-moz-border-radius: 50%;
border-radius: 50%;
behavior: url(ie-css3.htc); z-index:2;}
.bt_index .ico a .default,.bt_index .ico a .hover,.bt_index .more a .default,.bt_index .more a .hover{ width:48px; height:48px; line-height:48px; border-width:1px; border-style:solid; font-size:14px;
-webkit-border-radius:50%;
-moz-border-radius: 50%;
border-radius: 50%;
behavior: url(ie-css3.htc); z-index:2;}
.bt_index .ico a .default,.bt_index .more a .default{font-size:20px; border:0;}
.bt_index .ico a .hover,.bt_index .more a .hover{ position:absolute; left:0px; top:0px; padding:1px; overflow:hidden;
transform: scale(0,0);
-webkit-transform: scale(0,0);
-o-webkit-transform: scale(0,0);
-moz-webkit-transform: scale(0,0);
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;}
.bt_index .ico a:hover,.bt_index .more a:hover{ border-color:#60c10a;}
.bt_index .ico a:hover .default,.bt_index .more a:hover .default{
transform: scale(0,0);
-webkit-transform: scale(0,0);
-o-webkit-transform: scale(0,0);
-moz-webkit-transform: scale(0,0);
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0;
opacity: 0;	}
.bt_index .ico a:hover .hover,.bt_index .more a:hover .hover{ background:#60c10a;border-color:#60c10a; color:#fff;
transform: scale(1,1);
-webkit-transform: scale(1,1);
-o-webkit-transform: scale(1,1);
-moz-webkit-transform: scale(1,1);
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;}
.bt_index .line{ height:1px; width:300px; background:#888; position:absolute;top:25px;}
.bt_index .line-1{  left:50%; margin-left:110px;
-webkit-transform: translate3d(300px,0, 0);
-moz-transition: translate3d(300px, 0, 0);
-o-transition: translate3d(300px, 0, 0);
transition: translate3d(300px, 0, 0);}
.bt_index .line-2{  right:50%; margin-right:110px;
-webkit-transform: translate3d(-300px,0, 0);
-moz-transition: translate3d(-300px, 0, 0);
-o-transition: translate3d(-300px, 0, 0);
transition: translate3d(-300px, 0, 0);}
.section.active .bt_index>*{
filter: alpha(opacity=100);
-khtml-opacity: 1;     
-moz-opacity: 1;
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-moz-transition: translate3d(0, 0, 0);
-o-transition: translate3d(0, 0, 0);
transition: translate3d(0, 0, 0);}
.section.active .bt_index h1,.section.active .bt_index p{
transition-delay:400ms;
-o-transition-delay:400ms;
-moz-transition-delay:400ms;
-webkit-transition-delay:400ms; 
text-align: center}
.section.active .bt_index .more,.section.active .bt_index .ico{
transition-delay:600ms;
-o-transition-delay:600ms;
-moz-transition-delay:600ms;
-webkit-transition-delay:600ms; }
.section.active .bt_index .line{ width:50px;
transition-delay:500ms;
-o-transition-delay:500ms;
-moz-transition-delay:500ms;
-webkit-transition-delay:500ms; }



.cases{ background-image:url(../images/bg_cases.jpg); background-size:cover; background-position:top center;}
.cases .inner{ position:absolute; top:50%; left:50%; margin-top:-200px; margin-left:-600px;}
.cases .nr ul{ width:100%;}
.cases .nr li{ float:left; display:inline; width:25%;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0; 
opacity:0;
-webkit-transform: translate3d(0px,100px, 0);
-moz-transition: translate3d(0px, 100px, 0);
-o-transition: translate3d(0px, 100px, 0);
transition: translate3d(0px, 100px, 0);
}
.cases.active .nr li{
filter: alpha(opacity=100);
-khtml-opacity: 1;     
-moz-opacity: 1;
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-moz-transition: translate3d(0, 0, 0);
-o-transition: translate3d(0, 0, 0);
transition: translate3d(0, 0, 0);}
.cases.active .nr li:nth-child(1){}
.cases.active .nr li:nth-child(2){
transition-delay:300ms; 
-o-transition-delay:300ms;
-moz-transition-delay:300ms;
-webkit-transition-delay:300ms;}
.cases.active .nr li:nth-child(3){
transition-delay:400ms; 
-o-transition-delay:400ms;
-moz-transition-delay:400ms;
-webkit-transition-delay:400ms;}
.cases.active .nr li:nth-child(4){
transition-delay:500ms; 
-o-transition-delay:500ms;
-moz-transition-delay:500ms;
-webkit-transition-delay:500ms;}
.cases.active .nr li:nth-child(5){
transition-delay:600ms; 
-o-transition-delay:600ms;
-moz-transition-delay:600ms;
-webkit-transition-delay:600ms;}
.cases.active .nr li:nth-child(6){
transition-delay:700ms; 
-o-transition-delay:700ms;
-moz-transition-delay:700ms;
-webkit-transition-delay:700ms;}
.cases.active .nr li:nth-child(7){
transition-delay:800ms; 
-o-transition-delay:800ms;
-moz-transition-delay:800ms;
-webkit-transition-delay:800ms;}
.cases.active .nr li:nth-child(8){
transition-delay:900ms; 
-o-transition-delay:900ms;
-moz-transition-delay:900ms;
-webkit-transition-delay:900ms;}
.cases .nr .item{ display:block; width:300px; height:200px; margin:0 auto ; margin:0 auto 0\0; position:relative; overflow:hidden; background-color:#333;
/*transform: scale(0.9,0.9);
-webkit-transform: scale(0.9,0.9);
-o-webkit-transform: scale(0.9,0.9);
-moz-webkit-transform: scale(0.9,0.9);*/}
.cases .nr .item .pic1{display: block;width: 100%; height:100%;background-repeat:no-repeat; background-position:center; background-size:100% 100%; background-size:cover; background-color:#fff;  overflow:hidden;
-webkit-transform: rotateX(0deg) rotateY(0deg);
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-transform: rotateX(0deg) rotateY(0deg);
-moz-transform-style: preserve-3d;
-moz-backface-visibility: hidden;
transform: rotateX(0deg) rotateY(0deg);}
.cases .nr .item .pic2{ display:none;position: absolute;top: 0;left: 0;right:0;bottom:0;z-index: -1; border:5px #fff solid; background-repeat:no-repeat; background-position:center; background-color:#fff; overflow:hidden;
-webkit-transform: rotateX(-180deg);
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-transform: rotateX(-180deg);
-moz-transform-style: preserve-3d;
-moz-backface-visibility: hidden;
transform:rotateX(-180deg);}
.cases .nr .item .title{ height:100%; line-height:40px; white-space:nowrap; color:#fff; font-size:14px; position:absolute; top:100%;left:0; right:0; z-index:11; background:url(../images/alpha_jianbian.png) repeat-x; background-size:100% 100%;
filter: alpha(opacity=0);
-khtml-opacity: 0;     
-moz-opacity: 0; 
opacity:0;
/*transition-delay:300ms; 
-o-transition-delay:300ms;
-moz-transition-delay:300ms;
-webkit-transition-delay:300ms;*/
transition-duration:.8s;
-webkit-transition-duration:.8s;
-moz-transition-duration:.8s;}
.cases .nr .item .title h3{ font-size:14px; height:40px; line-height:40px; position:absolute; left:0; right:0; bottom:-40px;
transition-duration:1s;
-webkit-transition-duration:1s;
-moz-transition-duration:1s;}
.cases .nr .item .icon{ display:block; width:50px; height:50px; position:absolute; left:50%; margin-left:-25px; top:50%; margin-top:-25px; line-height:50px; text-align:center;}
.cases .nr .item .icon .iconfont{ color:#fff; font-size:20px;
filter: alpha(opacity=0);
-khtml-opacity: 0;     
-moz-opacity: 0; 
opacity:0;
transition-duration:.8s;
-webkit-transition-duration:.8s;
-moz-transition-duration:.8s;}
.cases .nr .item .line{ display:block; position:absolute; top:50%; width:100%; height:0; border-bottom:1px #fff solid;
transition-duration:.3s;
-webkit-transition-duration:.3s;
-moz-transition-duration:.3s;}
.cases .nr .item .line_l{ left:auto; right:100%;}
.cases .nr .item .line_r{ right:auto; left:100%;}
.cases .nr .item:hover{
}
.cases .nr .item:hover .pic1{
/*-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
transform:rotateX(180deg);*/
transform: scale(1.2,1.2);
-webkit-transform: scale(1.2,1.2);
-o-webkit-transform: scale(1.2,1.2);
-moz-webkit-transform: scale(1.2,1.2);
transition-duration:2s;
-webkit-transition-duration:2s;
-moz-transition-duration:2s;
filter: alpha(opacity=60);
-khtml-opacity: .6;
-moz-opacity: .6;
opacity: .6;}
.cases .nr .item:hover .pic2{z-index: 10; /*border-color:#60c10a;*/
-moz-box-shadow:0px 10px 30px rgba(0,0,0,0.5);              
-webkit-box-shadow:0px 10px 30px rgba(0,0,0,0.5);           
box-shadow:0px 10px 30px rgba(0,0,0,0.5);
behavior: url(ie-css3.htc); 
-webkit-transform: rotateX(0deg) rotateY(0deg);
-moz-transform: rotateX(0deg) rotate(0deg);
transform:rotateX(0deg);}
.cases .nr .item:hover .title{ top:0;
filter: alpha(opacity=100);
-khtml-opacity: 1;     
-moz-opacity: 1;
opacity: 1;
/*-webkit-transform: translate3d(0, 0, 0);
-moz-transition: translate3d(0, 0, 0);
-o-transition: translate3d(0, 0, 0);
transition: translate3d(0, 0, 0);*/}
.cases .nr .item:hover .title h3{ bottom:0;}
.cases .nr .item:hover .icon .iconfont{
filter: alpha(opacity=100);
-khtml-opacity: 1;     
-moz-opacity: 1;
opacity: 1;}
.cases .nr .item:hover .line{ width:20px;}
.cases .nr .item:hover .line_l{ right:50%; margin-right:25px;}
.cases .nr .item:hover .line_r{ left:50%; margin-left:25px;}


/*第四屏 我们的优势*/
.advantage{ background-image:url(../images/bg_advantage.jpg); background-position:top center; background-size:cover;}
.advantage .inner{ position:absolute; top:50%; left:0; right:0; margin-top:-200px;}
.advantage .nr{ padding:0 5%;}
.advantage .nr li{ width:25%; float:left; display:inline;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0; 
opacity:0;}
.advantage .nr li:nth-child(1),
.advantage .nr li:nth-child(2){
-webkit-transform: translate3d(-100px,0px, 0);
-moz-transition: translate3d(-100px, 0px, 0);
-o-transition: translate3d(-100px, 0px, 0);
transition: translate3d(-100px, 0px, 0);}
.advantage .nr li:nth-child(3),
.advantage .nr li:nth-child(4){
-webkit-transform: translate3d(100px,0px, 0);
-moz-transition: translate3d(100px, 0px, 0);
-o-transition: translate3d(100px, 0px, 0);
transition: translate3d(100px, 0px, 0);}
.advantage.active .nr li{
filter: alpha(opacity=100);
-khtml-opacity: 1;     
-moz-opacity: 1;
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-moz-transition: translate3d(0, 0, 0);
-o-transition: translate3d(0, 0, 0);
transition: translate3d(0, 0, 0);
transition-delay:600ms; 
-o-transition-delay:600ms;
-moz-transition-delay:600ms;
-webkit-transition-delay:600ms;}
.advantage.active .nr li:nth-child(2),
.advantage.active .nr li:nth-child(3){
transition-delay:400ms; 
-o-transition-delay:400ms;
-moz-transition-delay:400ms;
-webkit-transition-delay:400ms;}
.advantage .nr .item{ display:block; width:100%; position:relative; color:#333;}
.advantage .nr .item .circle{ width:120px; height:120px; margin:50px auto 0px; position:relative; color:#333;
-webkit-border-radius:60px;
-moz-border-radius: 60px;
border-radius: 60px;
behavior: url(ie-css3.htc); z-index:2;}
.advantage .nr .item .circle .circle_l,
.advantage .nr .item .circle .circle_r{ position:absolute; top:-2px;width:60px; height:120px;border: 2px solid #333;
-webkit-transition-timing-function:linear;}
.advantage .nr .item .circle .circle_l{ left:-2px; border-right:0;clip:rect(124px,62px,124px,0);
-webkit-border-radius:62px 0 0 62px;
-moz-border-radius: 62px 0 0 62px;
border-radius: 62px 0 0 62px;
behavior: url(ie-css3.htc); z-index:2;}
.advantage .nr .item .circle .circle_r{ right:-2px; border-left:0;clip:rect(0px,62px,0px,0);
-webkit-border-radius:0 62px 62px 0;
-moz-border-radius: 0 62px 62px 0;
border-radius: 0 62px 62px 0;
behavior: url(ie-css3.htc); z-index:2;}
.advantage .nr .item .circle span i:before{font-size: 61px;}
.advantage .nr .item .circle span{ text-align: center;display:block; height:120px; width:120px; line-height:120px; font-size:60px;}
.advantage .nr .item h1{ font-size:24px; padding:10px 0 20px; line-height:24px;text-align: center}
.advantage .nr .item p{ line-height:24px; font-size:14px;text-align: center}
.advantage .nr .item:hover .circle_l{ clip: rect(0,62px,124px,0); border-color:#E00000;}
.advantage .nr .item:hover .circle_r{ clip: rect(0,62px,124px,0); border-color:#E00000;}
.advantage .nr .item:hover .circle{ background:#E00000; color:#fff;
-webkit-transform: translate3d(0px,-10px, 0);
-moz-transition: translate3d(0px, -10px, 0);
-o-transition: translate3d(0px, -10px, 0);
transition: translate3d(0px, -10px, 0);
transition-delay:300ms; 
-o-transition-delay:300ms;
-moz-transition-delay:300ms;
-webkit-transition-delay:300ms;}
.advantage .nr .item:hover h1,
.advantage .nr .item:hover p{ color:#111;
-webkit-transform: translate3d(0px,10px, 0);
-moz-transition: translate3d(0px, 10px, 0);
-o-transition: translate3d(0px, 10px, 0);
transition: translate3d(0px, 10px, 0);
transition-delay:300ms; 
-o-transition-delay:300ms;
-moz-transition-delay:300ms;
-webkit-transition-delay:300ms;}





/*第五屏 公告博文*/
.news{background-image:url(../images/bg_news.jpg);background-position:top center; background-size:cover;}
.news .inner{ position:absolute; top:50%; margin-top:-200px;bottom:0; left:0; right:0;}
.news .bt_index .h1_1,.news .bt_index .p_1{ margin-right:120px;}
.news .center_ico{ position:absolute;top:70px; bottom:0px;left:50%;margin-left:-40px;width:80px; height:100%;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0; 
opacity:0;}
.news .center_ico .circle{ display:block; width:80px; height:80px; margin-top:-80px; color:#fff; font-size:50px; line-height:70px; overflow:hidden; text-align:center; border:1px #fff solid;
-webkit-border-radius:50%;
-moz-border-radius: 50%;
border-radius: 50%;
behavior: url(ie-css3.htc); z-index:2;}
.news .center_ico .vline{ height:0%; width:1px; margin:0 auto; background:#fff;}
.news.active .center_ico .vline{ height:100%;}
.news .nr{position:absolute;top:100px; overflow:hidden;} 
.news .nr.lt{ right:50%; left:0;}
.news .nr.rt{ left:50%; right:0;}
.news .nr.rt ul{ padding-top:50px;}
.news .nr li{ margin-bottom:30px;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0; 
opacity:0;
-webkit-transform: translate3d(300px,0, 0);
-moz-transition: translate3d(300px, 0, 0);
-o-transition: translate3d(300px, 0, 0);
transition: translate3d(300px, 0, 0);}
.news .nr.rt li{ margin-bottom:30px;
-webkit-transform: translate3d(-300px,0, 0);
-moz-transition: translate3d(-300px, 0, 0);
-o-transition: translate3d(-300px, 0, 0);
transition: translate3d(-300px, 0, 0);}
.news.active .center_ico,
.news.active .nr li{
filter: alpha(opacity=100);
-khtml-opacity: 1;     
-moz-opacity: 1;
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-moz-transition: translate3d(0, 0, 0);
-o-transition: translate3d(0, 0, 0);
transition: translate3d(0, 0, 0);}
.news.active .nr li:nth-child(1){}
.news.active .nr li:nth-child(2){
transition-delay:200ms; 
-o-transition-delay:200ms;
-moz-transition-delay:200ms;
-webkit-transition-delay:200ms;}
.news.active .nr li:nth-child(3){
transition-delay:300ms; 
-o-transition-delay:300ms;
-moz-transition-delay:300ms;
-webkit-transition-delay:300ms;}
.news.active .nr li:nth-child(4){
transition-delay:400ms; 
-o-transition-delay:400ms;
-moz-transition-delay:400ms;
-webkit-transition-delay:400ms;}
.news.active .nr li:nth-child(5){
transition-delay:500ms; 
-o-transition-delay:500ms;
-moz-transition-delay:500ms;
-webkit-transition-delay:500ms;}
.news.active .nr li:nth-child(6){
transition-delay:600ms; 
-o-transition-delay:600ms;
-moz-transition-delay:600ms;
-webkit-transition-delay:600ms;}
.news .nr .item{ color:#fff;}
.news .nr .item .date{ font-family:Impact, "MS Sans Serif"; font-size:30px; color:#fff; height:40px; line-height:40px; overflow:hidden;
filter: alpha(opacity=20);
-khtml-opacity: 0.2;     
-moz-opacity: 0.2; 
opacity:0.2;}
.news .nr .item .line{ width:100%; background:#fff; height:1px; display:none;}
.news .nr .item .line_in{ width:0; background:#77e11a; height:1px; position:relative;}
.news .nr .item .line_in:after{ content:''; position:absolute; top:0; margin-top:-2.5px; width:3px; height:3px; background:#fff; border:1px #60c10a solid; left:0; margin-left:-2px;
-moz-box-shadow:0px 0px 5px #60c10a;              
-webkit-box-shadow:0px 0px 5px #60c10a;           
box-shadow:0px 0px 5px #60c10a;
-webkit-border-radius:50%;
-moz-border-radius: 50%;
border-radius: 50%;
behavior: url(ie-css3.htc); z-index:2;}
.news .nr.lt .item .line_in:after{ right:0; margin-right:-2px; left:auto; margin-left:0;}
.news .nr .item .title{ display:block;padding:3px 0; color:#fff; font-size:14px; position:relative;}
.news .nr .item .title p{ width:80%; line-height:26px;}
.news .nr .item .iconfont{ position:absolute; top:10px; font-size:16px;}
.news .nr.lt .item .iconfont{ right:20px;}
.news .nr.rt .item .iconfont{ left:20px;}
.news .nr.lt .item .date,.news .nr.lt .item .title{ padding-right:40px; text-align:right;}
.news .nr.rt .item .date,.news .nr.rt .item .title{ padding-left:40px;}
.news .nr .item:hover .date{
filter: alpha(opacity=50);
-khtml-opacity: 0.5;     
-moz-opacity: 0.5; 
opacity:0.5;}
.news .nr .item:hover .title p,.news .nr .item:hover .iconfont{ color:#77e11a;
transition-delay:300ms; 
-o-transition-delay:300ms;
-moz-transition-delay:300ms;
-webkit-transition-delay:300ms;}
.news .nr .item:hover .iconfont{}
.news .nr.lt .item:hover .iconfont{ right:10px;}
.news .nr.rt .item:hover .iconfont{ left:10px;}
.news .nr .item:hover .line_in{ width:100%;}



/*第六屏 流程*/
.process{background-image:url(../images/bg_wen.png); background-repeat:repeat; z-index:100; *overflow:hidden;}
.process .inner{ position:absolute; top:50%; margin-top:-200px; bottom:0; left:0; right:0;}
.process .nr{ width:90%;}
.process .nr .hd ul{ padding-top:50px;}
.process .nr .hd li{ float:left; width:16.6%;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0; 
opacity:0;
-webkit-transform: translate3d(0,300px, 0);
-moz-transition: translate3d( 0,300px, 0);
-o-transition: translate3d( 0,300px, 0);
transition: translate3d(0, 300px, 0);}
.process.active .nr .hd li{
filter: alpha(opacity=100);
-khtml-opacity: 1;     
-moz-opacity: 1;
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-moz-transition: translate3d(0, 0, 0);
-o-transition: translate3d(0, 0, 0);
transition: translate3d(0, 0, 0);}
.process.active .nr .hd li:nth-child(1){}
.process.active .nr .hd li:nth-child(2){
transition-delay:200ms; 
-o-transition-delay:200ms;
-moz-transition-delay:200ms;
-webkit-transition-delay:200ms;}
.process.active .nr .hd li:nth-child(3){
transition-delay:300ms; 
-o-transition-delay:300ms;
-moz-transition-delay:300ms;
-webkit-transition-delay:300ms;}
.process.active .nr .hd li:nth-child(4){
transition-delay:400ms; 
-o-transition-delay:400ms;
-moz-transition-delay:400ms;
-webkit-transition-delay:400ms;}
.process.active .nr li:nth-child(5){
transition-delay:500ms; 
-o-transition-delay:500ms;
-moz-transition-delay:500ms;
-webkit-transition-delay:500ms;}
.process.active .nr .hd li:nth-child(6){
transition-delay:600ms; 
-o-transition-delay:600ms;
-moz-transition-delay:600ms;
-webkit-transition-delay:600ms;}
.process.active .nr .hd li:nth-child(7){
transition-delay:700ms; 
-o-transition-delay:700ms;
-moz-transition-delay:700ms;
-webkit-transition-delay:700ms;}
.process .nr .hd li .item{ display:block; text-align:center; position:relative;}
.process .nr .hd li .item .bg{ background:#000; width:120px; height:500px; margin:0 auto; border:1px #666 solid;
filter: alpha(opacity=50);
-khtml-opacity: 0.5;     
-moz-opacity: 0.5; 
opacity:0.5;
-webkit-border-radius:80px 80px 0 0 ;
-moz-border-radius:80px 80px 0 0 ;
border-radius: 80px 80px 0 0 ;
behavior: url(ie-css3.htc); z-index:2;}
.process .nr .hd li .item .pic{ position:absolute; left:0; top:10px; width:100%;z-index:9999; height:100px;background:url(../images/process.png) no-repeat;}
.process .nr .hd li .item .pic1{ background-position: center 0px; }
.process .nr .hd li .item .pic2{ background-position: center -100px; }
.process .nr .hd li .item .pic3{ background-position: center -200px ; }
.process .nr .hd li .item .pic4{ background-position: center -300px ; }
.process .nr .hd li .item .pic5{ background-position: center -400px ; }
.process .nr .hd li .item .pic6{ background-position: center -500px ; }
.process .nr .hd li .item .pic7{ background-position: center -600px ; }
.process .nr .hd li .item .pic img{ width:auto;}
.process .nr .hd li .item .txt{ position:absolute; left:0; top:120px; right:0; font-size:14px; color:#333; line-height:24px; padding:5px 0; font-size:16px; color:#fff;z-index:999;}
.process .nr .hd li.on .item .bg{ background:#1599A5; border-color:#1599A5;
filter: alpha(opacity=100);
-khtml-opacity: 1;     
-moz-opacity: 1; 
opacity:1;
-webkit-transform: translate3d(0,-10px, 0);
-moz-transition: translate3d(0, -10px, 0);
-o-transition: translate3d(0, -10px, 0);
transition: translate3d(0, -10px, 0);
-moz-box-shadow:0px 10px 20px rgba(0,0,0,0.2);              
-webkit-box-shadow:0px 10px 20px rgba(0,0,0,0.2);           
box-shadow:0px 10px 20px rgba(0,0,0,0.2);
behavior: url(ie-css3.htc); }
.process .nr .hd li.on .item .pic{
-webkit-transform: translate3d(0,-10px, 0);
-moz-transition: translate3d(0, -10px, 0);
-o-transition: translate3d(0, -10px, 0);
transition: translate3d(0, -10px, 0);}
.process .nr .hd li.on .item .txt{ color:#fff;top:110px;}
.process .nr .bd{ width:100%;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0; 
opacity:0;}
.process .nr .bd .item{ position:relative; height:150px;}
.process .nr .bd .item .bg{ font-family:Impact, "MS Sans Serif"; color:#000; font-size:150px; line-height:150px; overflow:hidden;
filter: alpha(opacity=10);
-khtml-opacity: 0.1;     
-moz-opacity: 0.1; 
opacity:0.1;
text-align: center;}
.process .nr .bd .item .txt{ position:absolute; left:0; top:0; right:0; bottom:0;text-align: center}
.process .nr .bd .item .txt h1{ height:50px; margin:10px auto 20px; line-height:50px; font-size:28px; color:#333;}
.process .nr .bd .item .txt p{ line-height:26px; font-size:14px;}
.process.active .nr .bd{
filter: alpha(opacity=100);
-khtml-opacity: 1;     
-moz-opacity: 1; 
opacity:1;
transition-delay:1500ms; 
-o-transition-delay:1500ms;
-moz-transition-delay:1500ms;
-webkit-transition-delay:1500ms;}

/*第七屏 联系*/
.page6{ z-index:99;}
.page6 .inner{ position:absolute; top:50%; margin-top:-200px; left:0; right:0; height:0;}
.page6 .inner .nr{ height:0;}
.page6 .form{ margin-bottom:45px; margin-top:60px;}
.page6 .form li{ float:left; display:inline;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0; 
opacity:0;
-webkit-transform: translate3d(0,300px, 0);
-moz-transition: translate3d( 0,300px, 0);
-o-transition: translate3d( 0,300px, 0);
transition: translate3d(0, 300px, 0);}
.page6 .form .item{ color:#fff; position:relative; display:block; height:50px;letter-spacing:1px;}
.page6 .form .item_01{ margin-right:75px;}
.page6 .form .item_02{ margin-right:75px; display:inilne-block;*display:inline;*zoom:1;}
.page6 .form .item .tit{ font-size:14px; color:#fff; height:30px; line-height:30px; position:absolute; top:-30px; left:0;right:0;}
#backtoselect{ display:none;}
.page6 .form .item .inp{ height:38px; line-height:38px; padding:5px 20px; background:none; border:1px #888 solid; color:#fff; font-size:14px; width:307px;}
.page6 .select{width:349px;}
.page6 .form .item_01 textarea.inp{  height:100px; resize:none; display:none; font-family:"微软雅黑", "宋体"; line-height:22px; padding:15px 20px;}
.page6 .form .item_02 .radio_box{ position:absolute; height:50px; line-height:50px; font-size:14px; right:0; top:0;}
.page6 .form .item_02 .radio_box{	text-align:center;}
.page6 .form .item_02 .radio_box li{float:left;display:inline;}
.page6 .form .item_02 .radio_box input{display:none;}
.page6 .form .item_02 .radio_box .radio_item{ display:block; height:50px; line-height:50px; padding:0px 20px; color:#fff;cursor:pointer; }
.page6 .form .item_02 .radio_box .current{ display:none;}
.page6 .form .item_02 .radio_box:hover{ background:url(../images/alpha_white30.png);}
.page6 .form .item_02 .radio_box:active{ background:url(../images/alpha_white50.png);}
.page6 .form .item .inp.Validform_error{ border-color:#ffd7d7;
box-shadow:0 0 10px #ff2e2e;
-o-box-shadow:0 0 10px #ff2e2e;
-moz-box-shadow:0 0 10px #ff2e2e;
-webkit-box-shadow:0 0 10px #ff2e2e;}
.page6 .form .item .inp:focus{ border-color:#fff;
box-shadow:0 0 10px #60c10a;
-o-box-shadow:0 0 10px #60c10a;
-moz-box-shadow:0 0 10px #60c10a;
-webkit-box-shadow:0 0 10px #60c10a;}
.page6 .form .item .Validform_checktip { position:absolute; top:-30px; right:0; line-height:30px; font-size:14px;}
.page6 .form .item .Validform_checktip.Validform_wrong{ color:#ff2e2e;} 
.page6 .form .form_submit{ margin-top:50px;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0; 
opacity:0;}
.page6 .form .btn_submit{padding:0; width:70px; height:70px; line-height:70px; cursor:pointer; background:none; color:#fff; font-size:18px; position:relative; overflow:hidden; border:1px #fff solid;
-webkit-border-radius:50%;
-moz-border-radius: 50%;
border-radius: 50%;
behavior: url(ie-css3.htc); z-index:2;}
.page6 .form .btn_submit .default,.page6 .form .btn_submit .hover{ width:68px; height:68px; border-width:1px; border-style:solid; font-size:14px;
-webkit-border-radius:50%;
-moz-border-radius: 50%;
border-radius: 50%;
behavior: url(ie-css3.htc); z-index:2;}
.page6 .form .btn_submit .default{font-size:20px; border:0;}
.page6 .form .btn_submit .hover{ position:absolute; left:-1px; top:-1px; padding:0px; overflow:hidden;  font-size:14px;border-color:#049b47;
transform: scale(0,0);
-webkit-transform: scale(0,0);
-o-webkit-transform: scale(0,0);
-moz-webkit-transform: scale(0,0);
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0; 
opacity:0;}
.page6 .form .btn_submit:hover{ border-color:#049b47;}
.page6 .form .btn_submit:hover .default{
transform: scale(0,0);
-webkit-transform: scale(0,0);
-o-webkit-transform: scale(0,0);
-moz-webkit-transform: scale(0,0);
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0; 
opacity:0;	}
.page6 .form .btn_submit:hover .hover{ background:#049b47;border-color:#049b47; color:#fff;
transform: scale(1,1);
-webkit-transform: scale(1,1);
-o-webkit-transform: scale(1,1);
-moz-webkit-transform: scale(1,1);
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1; 
opacity:1;}
.page6 .form .btn_submit .light{ display:block; width:40px; height:150px; position:absolute; left:-70px; top:-40px; background:url(../images/alpha_white30.png) repeat; z-index:3;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=-0.70710678, M21=0.70710678, M22=0.70710678, sizingMethod='auto expand')";
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.page6 .form .btn_submit:hover .light{ left:90px;
-webkit-transition:all 0.8s cubic-bezier(0.820, 0.010, 0.110, 0.995);
-khtml-transition:all 0.8s cubic-bezier(0.820, 0.010, 0.110, 0.995);
-moz-transition: all 0.8s cubic-bezier(0.820, 0.010, 0.110, 0.995);
-o-transition: all 0.8s cubic-bezier(0.820, 0.010, 0.110, 0.995);
transition: all 0.8s cubic-bezier(0.820, 0.010, 0.110, 0.995) ;
	
}


.footer_2{ color:#aaa; font-size:14px;
filter: alpha(opacity=0);
-khtml-opacity: 0;
-moz-opacity: 0; 
opacity:0;
-webkit-transform: translate3d(0,300px, 0);
-moz-transition: translate3d( 0,300px, 0);
-o-transition: translate3d( 0,300px, 0);
transition: translate3d(0, 300px, 0); }
.footer_2 ul{}
.footer_2 li{ display:inline;}
.footer_2 .item{ position:relative; width:350px;}
.footer_2 .item_01{ margin-right:70px; }
.footer_2 .item_02{ margin-right:70px; }
.footer_2 .item .line{  height:1px; width:50px; background:#aaa; margin-bottom:20px;    display: -webkit-inline-box;}
.footer_2 .item  p{line-height:26px;}
.footer_2 .item  p a{ color:#ccc;}
.footer_2 .item  p a:hover{ color:#fff;}
.footer_2 .item_03 .iconfont{ font-size:16px;}
.footer_2 .item_03 .p1{ top:20px; }
.footer_2 .item_03 .p1 font{font-size:30px; font-family:Impact, "MS Sans Serif"; letter-spacing:2px; color:#fff;}
.footer_2 .item_03 .p2{ top:80px; }

.footer_2 .item_03 .p2 i:before{font-size: 11px;
    margin-right: 3px;
}


.page6.active .form .form_submit,
.page6.active .footer_2,
.page6.active .form li{
filter: alpha(opacity=100);
-khtml-opacity: 1;     
-moz-opacity: 1;
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-moz-transition: translate3d(0, 0, 0);
-o-transition: translate3d(0, 0, 0);
transition: translate3d(0, 0, 0);}
.page6.active .footer_2{
transition-delay:800ms; 
-o-transition-delay:800ms;
-moz-transition-delay:800ms;
-webkit-transition-delay:800ms;}
.page6.active .form li{
transition-delay:500ms; 
-o-transition-delay:500ms;
-moz-transition-delay:500ms;
-webkit-transition-delay:500ms;}
.page6.active .form .form_submit{
transition-delay:1500ms; 
-o-transition-delay:1500ms;
-moz-transition-delay:1500ms;
-webkit-transition-delay:1500ms;}



.foot{ position:absolute; bottom:0; left:0; right:0; padding:15px 0;}
.foot .iconfont{ font-size:16px;}
.foot p{ font-size:12px; line-height:22px; color:#888;}
.foot p a{ color:#aaa;}
.foot p a:hover{ color:#fff;}