/**
 * fullPage 2.4.6
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
 
@charset "utf-8";
/**/
@font-face{
font-family:'mimpact';
src: url('../Impact.eot');
src: url('../Impact.eot?#iefix') format('embedded-opentype'),
url('../Impact.woff') format('woff'),
url('../Impact.ttf') format('truetype'),
url('../Impact.svg#Impact') format('svg');
font-weight: normal;
font-style: normal;
}
html, body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
ul{ list-style:none;}
a{ text-decoration:none;}
.pone{margin:15px 0 0 0;}
.spanone{font-size:16px; font-weight:bold;}
.lin30{ line-height:25px;}
/*首页*/
.section {
	text-align: center;
	font: 50px "Microsoft Yahei";
	color: #fff;
}
#progressbar
        {
            width: 278px; margin:0 auto; display:none;
        }
        #progressbar .border
        {
            border: 1px solid #777;
            width: 276px;
            height: 2px;
            padding: 1px;
        }
        #progressbar .bar
        {
            background-color: #e60012;
            width: 50%;
            height: 2px;
            overflow: hidden;
        }
        #progressbar .desc
        {
            text-align: center;
            font-size: 12px;
            line-height: 24px;
			/*color: #ffff;*/
        }
		
		
#superContainer {
    height: 100%;
    position: relative;

    /* Touch detection for Windows 8 */
    -ms-touch-action: none;

    /* IE 11 on Windows Phone 8.1*/
    touch-action: none;
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: scroll;

}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
}
#fp-nav.right {
    right: 17px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span {
    background: #fff;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 2px solid #fff;
    background: rgba(0, 0, 0, 0);
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
}
#fp-nav ul li:hover .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}

video#bgvid {
	right: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 50;
	background-size: cover;
	opacity: 0.5;
	
}
.video{ overflow:hidden; height:100%; width:100%; background:#000; }

#loading{ position:fixed; left:0; top:0; background:#000; width:100%; height:100%; z-index:1000;}
#move{width:800px; position:fixed; height:auto; overflow:hidden; z-index:10; display:none;}
#move1{position:fixed; opacity:0; width:500px;}
#move1 img{ width:100%;}

#top{ position:fixed; top:0; left:0; width:100%; /*overflow:hidden;*/ z-index:500;}
#logo{ float:left; margin:29px 0 0 31px;}
.logo_title{float:left; margin-top:20px;  overflow:hidden;width: 240px;height: 65px; text-align:center}
/*.logo_title img{ height:40px;}*/
.logo_title a{color: #fdd000; font-size:24px; line-height:38px;
animation:myfly 6s infinite;
/*animation-delay:2s;*/

/*Safari and Chrome*/
-webkit-animation:myfly 6s infinite;
/*-webkit-animation-delay:2s;*/
}

@keyframes myfly
{
0%{color:#fdd000;}
25%{color:#cc00ff;}
50%{color:#f30084;}
75%{color:#00a2ff;}
100%{color:#fdd000;}
}

.logo_title .logo_box{width:220px;height:40px;overflow:hidden;position:relative;}
.logo_title .logo_box .logo_scroll{width:1200px;position:absolute;}
.logo_title .logo_box .logo_scroll li{float:left;line-height:28px; margin-left:20px;}
.logo_title .logo_box .logo_scroll li a{color: #fdd000;}
#menu{ float:right; margin:5px 0px 0 0;  transition:margin 0.5s;}
#menu ul{}
#menu ul li{ float:left; background:url(../images/line2.png) no-repeat right;}
#menu ul li:nth-child(9){ background:none;}

#menu ul li.it{ background:0;}
#menu ul li a{ display:block; color:#fdd000; padding:0 25px; line-height:50px; background:url(../images/line3.png) no-repeat center bottom/0% 2px; font-size:15px; transition:background 0.5s;}
#menu ul li a:hover,#menu ul li .active{ background:url(../images/line3.png) no-repeat center bottom/50% 2px;}

#menubtn{ position:fixed; right:30px; top:12px; cursor:pointer; color:#f9be00; overflow:hidden; z-index:50; display:none;}
#menubtn p{ float:right; margin:0; padding:0; width:60px; height:60px; background:url(../images/menubtn.png) no-repeat center rgba(0,0,0,0.6); border-radius:50px;}
#menubtn span{ float:left; transition:margin 0.5s; font-size:18px; font-weight:bold; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:60px; display:block; margin-right:10px;}

#index_about{ position:absolute; width:100%; height:100%; text-align:center; z-index:60;  }
#index_about .aa{ overflow:hidden; }
#index_about p.tt{ font-size:60px; line-height:80px; margin-bottom:0; font-weight:bold;}
#index_about p.tt span{ margin:0 10px 0 10px; opacity:0;}
#index_about p.cc{ font-size:16px; margin-top:20px; opacity:0; padding-top:30px;}
#index_about p.btn{ width:200px; margin:0 auto; margin-top:40px; opacity:0;}
#index_about p.btn a.a1{ font-size:12px; display:block; float:left; width:90px; line-height:34px; background:#fdd000; color:#000; margin:0 5px; transition:background 0.5s,color 0.5s;}
#index_about p.btn a.a1:hover{ background:#000; color:#fdd000;}
#index_about p.btn a.a2{ font-size:12px; display:block; float:left; width:86px; line-height:30px; border:solid 2px #fdd000; color:#fdd000; margin:0 5px; transition:background 0.5s,color 0.5s;}
#index_about p.btn a.a2:hover{ background:#fdd000; color:#000;}

#pro{ background:url(../images/1.jpg) no-repeat center /100% auto #000; overflow:hidden;transition:background 5s;}
#pro:hover{ background:url(../images/1.jpg) no-repeat center /120% auto #000;}

#index_pro .pro_d{ display:none;}
#index_pro .pro_d .tt{ font-size:60px; line-height:60px; margin-bottom:30px; margin-top:0; font-weight:bold;}
#index_pro .pro_d .tt span{ padding:0 10px; opacity:0}
#index_pro .pro_d .pic span{ position:absolute; width:60px; line-height:60px; text-align:center; color:#fff; font-size:14px; font-weight:bold; font-family:Arial, sans-serif;}
#index_pro .pro_d .pp{ opacity:0; margin-top:50px;}

/*#pro1{ width:100%; text-align:center; overflow:hidden;}
#pro1 ul{ display:inline-block; padding:0; margin:0;}
#pro1 ul li{ float:left; font-size:14px; line-height:40px; width:200px; opacity:0; text-align:center;}*/
#pro1{ width:100%; overflow:hidden; text-align:center;}
#pro1 ul{ display:inline-block; padding:0; margin:0;}
#pro1 ul li{ float:left; font-size:14px; line-height:25px; width:300px; text-align:center; opacity:0;}
#pro1 ul li p.pic{ border:solid 5px #fff; border-radius:50%; width:60px; height:60px; margin:0 auto;}


.circleProgress_wrapper{ width: 70px; height: 70px;  margin:0px auto;position:relative; line-height:70px; font-size:22px; font-family:mimpact;}
.wrapper{ width: 35px; height: 70px; position:absolute; top:0; overflow: hidden;}
.right{ right:0;}
.left{left:0;}
.circleProgress{ width: 60px; height: 60px; border:5px solid #b4cc30; border-radius: 50%; position:absolute; top:0;-webkit-transform: rotate(45deg);}
.circleProgress1{ width: 60px; height: 60px; border:5px solid #009e86; border-radius: 50%; position:absolute; top:0;-webkit-transform: rotate(45deg);}
.circleProgress2{ width: 60px; height: 60px; border:5px solid #dd950f; border-radius: 50%; position:absolute; top:0;-webkit-transform: rotate(45deg);}
.circleProgress3{ width: 60px; height: 60px; border:5px solid #018bd3; border-radius: 50%; position:absolute; top:0;-webkit-transform: rotate(45deg);}

.rightcircle{ border-top:5px solid #fff;  border-right:5px solid #fff; right:0; -webkit-transform: rotate(45deg); transition:all linear 3s;}
.rightcircle1{ border-top:5px solid #fff;  border-right:5px solid #fff; right:0; -webkit-transform: rotate(45deg); transition:all linear 3s;}
.rightcircle2{ border-top:5px solid #fff;  border-right:5px solid #fff; right:0; -webkit-transform: rotate(45deg); transition:all linear 3s;}
.rightcircle3{ border-top:5px solid #fff;  border-right:5px solid #fff; right:0; -webkit-transform: rotate(45deg); transition:all linear 3s;}

#pro2{ width:100%; overflow:hidden; text-align:center;}
#pro2 ul{ display:inline-block; padding:0; margin:0;}
#pro2 ul li{ float:left; font-size:14px; line-height:25px; width:300px; text-align:center; opacity:0;}
#pro2 ul li p.pic{ border:solid 5px #fff; border-radius:50%; width:60px; height:60px; margin:0 auto;}

#ppo2{-webkit-animation:myfirst2 5s linear infinite;}

@keyframes myfirst2
{
0%{-webkit-transform: rotate(0deg);}
100% {-webkit-transform: rotate(-360deg);}
}

#ppo3{-webkit-animation:myfirst 3s linear infinite;}
#ppo4{-webkit-animation:myfirst2 3s linear infinite;}


@keyframes myfirst
{
0%{-webkit-transform: rotate(0deg);}
100% {-webkit-transform: rotate(360deg);}
}

#pro3{ width:100%; overflow:hidden; text-align:center;}
#pro3 ul{ display:inline-block; padding:0; margin:0;}
#pro3 ul li{ float:left; font-size:14px; line-height:18px; width:200px; text-align:center; opacity:0;}
#pro3 ul li p.pic{ border:solid 5px #fff; border-radius:50%; width:60px; height:60px; margin:0 auto;}



#pro4{ width:100%; overflow:hidden; text-align:center;}
#pro4 ul{ display:inline-block; padding:0; margin:0;}
#pro4 ul li{ float:left; font-size:14px; line-height:18px; width:200px; text-align:center; opacity:0;}
#pro4 ul li p.pic{ border:solid 5px #fff; border-radius:50%; width:60px; height:60px; margin:0 auto;}



#pro5{ width:100%; overflow:hidden; text-align:center;}
#pro5 ul{ display:inline-block; padding:0; margin:0;}
#pro5 ul li{ float:left; font-size:14px; line-height:18px; width:200px; text-align:center; opacity:0;}
#pro5 ul li p.pic{ border:solid 5px #fff; border-radius:50%; width:60px; height:60px; margin:0 auto;}




.leftcircle{border-bottom:5px solid #fff; border-left:5px solid #fff; left:0;-webkit-animation: circleProgressLoad_left 5s linear infinite;}


#index_pro p.btn{ margin:30px auto 0 auto; overflow:hidden; display:inline-block; opacity:0;}
#index_pro p.btn a{ display:block; float:left; width:90px; height:34px; background:#fdd000; font-size:12px; transition:background 0.5s,color 0.5s; color:#000; text-align:center; line-height:34px; margin:0 5px;}
#index_pro p.btn a:hover{ background:#000; color:#fdd000;}
#index_pro p.btn a.a1{ border:solid 2px #fdd000; background:none; color:#fdd000; width:86px; height:30px; line-height:30px;}
#index_pro p.btn a.a1:hover{ background:#fdd000; color:#000;}


#index_pro_menu{ position:absolute; bottom:0px; width:100%; text-align:center;}
#index_pro_menu ul{ display:inline-block;}
#index_pro_menu ul li{ float:left; margin:0 25px;}
#index_pro_menu ul li a{ display:block; font-size:14px; color:#fff; line-height:40px;background:url(../images/line3.png) no-repeat center bottom/0 2px; transition:background 0.5s,color 0.5s;}
#index_pro_menu ul li a:hover{ color:#fdd000; background:url(../images/line3.png) no-repeat center bottom/30px 2px;}

#partner{ background:url(../images/2.jpg) no-repeat center /100% auto #000; overflow:hidden; transition:background 8s;}
#partner:hover{ background:url(../images/2.jpg) no-repeat center /100% auto #000;}
#partner .kk p.tt{ font-size:60px; font-weight:bold; line-height:60px; margin-bottom:30px;}
#partner .kk p.tt span{ opacity:0; margin:0 10px;}
#partner .kk p.cc{ font-size:16px; opacity:0;}
#partner .kk p.cc span{ font-size:30px; color:#fdd000; margin:0 5px; font-weight:bold; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#partner .zx{ width:90px; margin:30px auto 30px auto; overflow:hidden; opacity:0;}
#partner .zx a{ display:block; border:solid 2px #fdd000; color:#fdd000; line-height:30px; width:86px; font-size:12px; text-align:center; transition:background 0.5s,color 0.5s;}
#partner .zx a:hover{ background:#fdd000; color:#000;}

#partner div.pp{ opacity:0;}


#case{ background:url(../images/4.jpg) no-repeat center /100% auto #000; overflow:hidden; transition:background 8s;}
#case:hover{ background:url(../images/4.jpg) no-repeat center /120% auto #000;}
#case .kk p.tt{ font-size:60px; font-weight:bold; line-height:60px; margin-bottom:30px;}
#case .kk p.tt span{ opacity:0; margin:0 10px;}
#case .kk p.cc{ font-size:16px; opacity:0;}
#case .kk p.btn{ width:90px; margin:40px auto 40px auto; overflow:hidden; opacity:0;}
#case .kk p.btn a{ display:block; border:solid 2px #fdd000; color:#fdd000; width:86px; line-height:30px; text-align:center; font-size:12px; transition:background 0.5s,color 0.5s;}
#case .kk p.btn a:hover{ background:#fdd000; color:#000;}

#case .pp{ width:748px; height:351px; margin:0 auto;}
#case .pp p{ position:absolute; width:158px; height:137px; background:url(../images/kk1.png) no-repeat center; opacity:0;}
#case .pp p a{ font-size:14px; color:#fff; line-height:18px; text-align:center; display:block; width:138px; padding-left:10px; padding-right:10px; height:89px; padding-top:48px; transition:background 0.5s,color 0.5s;  background:url(../images/kk1.png) no-repeat center;}
#case .pp p a:hover{ background:url(../images/kk2.png) no-repeat center; color:#000;}
#case .pp p.a1{ margin:0 0 0 118px;}
#case .pp p.a2{ margin:68px 0 0 236px;}
#case .pp p.a3{ margin:136px 0 0 118px;}
#case .pp p.a4{ margin:204px 0 0 0;}
#case .pp p.a5{ margin:136px 0 0 354px;}
#case .pp p.a6{ margin:68px 0 0 472px;}
#case .pp p.a7{ margin:204px 0 0 472px;}
#case .pp p.a8{ margin:136px 0 0 590px;}

#zuanli{ background:url(../images/5.jpg) no-repeat center /100% auto #000; overflow:hidden; transition:background 8s;}
#zuanli:hover{ background:url(../images/5.jpg) no-repeat center /100% auto #000;}
#zuanli .kk p.tt{ font-size:60px; font-weight:bold; line-height:60px; margin-bottom:30px;}
#zuanli .kk p.tt span{ opacity:0; margin:0 10px;}
#zuanli .kk p.cc{ font-size:16px; opacity:0;}
#zuanli .kk p.cc span{ font-size:30px; color:#fdd000; margin:0 5px; font-weight:bold; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#zuanli .zx{ width:90px; margin:30px auto 30px auto; overflow:hidden; opacity:0;}
#zuanli .zx a{ display:block; border:solid 2px #fdd000; color:#fdd000; line-height:30px; width:86px; font-size:12px; text-align:center; transition:background 0.5s,color 0.5s;}
#zuanli .zx a:hover{ background:#fdd000; color:#000;}

#zuanli div.pp{ opacity:0; text-align:center; width:800px; margin:0 auto;}
#zuanli div.pp ul{ display:inline-block;}
#zuanli div.pp ul li{ float:left; font-size:16px; line-height:20px; margin:0 30px; padding:0;}
#zuanli div.pp ul li img{ padding:0; margin:0;}

#gongyi{ background:url(../images/3.jpg) no-repeat center /100% auto #000; overflow:hidden; transition:background 8s;}
#gongyi:hover{ background:url(../images/3.jpg) no-repeat center /120% auto #000;}

#gongyi .kk p.tt{ font-size:60px; font-weight:bold; line-height:60px; margin-bottom:30px;}
#gongyi .kk p.tt span{ margin:0 10px; opacity:0;}
#gongyi .kk p.cc{ font-size:16px;}
#gongyi .kk p.cc span{ margin:0 5px; opacity:0;}
#gongyi .gg{ width:100%; text-align:center; overflow:hidden}
#gongyi .gg ul{ display:inline-block; margin:0; padding:0;}
#gongyi .gg ul li{ float:left; opacity:0; margin:0 10px;}

#gongyi .gg ul li a{ border:solid 1px #fff; display:block; width:158px; line-height:34px; font-size:14px; margin:0 5px; color:#fff; transition:border 0.5s,background 0.5s,color 0.5s,margin 0.5s;}
#gongyi .gg ul li a:hover{ background:#fdd000; color:#000; border:solid 1px #fdd000; }
#gongyi .zx{ width:90px; margin:50px auto 0 auto; overflow:hidden; opacity:0;}
#gongyi .zx a{ display:block; border:solid 2px #fdd000; color:#fdd000; line-height:30px; width:86px; font-size:12px; text-align:center; transition:background 0.5s,color 0.5s;}
#gongyi .zx a:hover{ background:#fdd000; color:#000;}

#msg{ width:1080px; overflow:hidden; margin:0 auto;display:none;}
#msg .gy_k{ width:100%; overflow:hidden; background:rgba(0,0,0,0.5); display:none; }
#msg .gy_k .l{ float:left; margin:50px 50px 50px 40px;}
#msg .gy_k .l img{ border:solid 1px #fff;}
#msg .gy_k .r{ float:right; margin:50px 50px 50px 0; font-size:14px; width:480px; text-align:left; line-height:30px;}
#msg .gy_k .r p{ margin:0; padding:0;}
#msg .gy_k .r p.kt{ font-size:30px; line-height:60px; color:#fdd000;}

#msg .gy_m{ width:1080px; text-align:center; overflow:hidden; }
#msg .gy_m ul{ display:inline-block; padding:0; margin:0;}
#msg .gy_m ul li{ float:left; margin:0 5px; padding:0;}
#msg .gy_m ul li a{ border:solid 1px #fff; display:block; width:120px; line-height:34px; font-size:14px; color:#fff; transition:border 0.5s,background 0.5s,color 0.5s,margin 0.5s;}
#msg .gy_m ul li a:hover{ background:#fdd000; color:#000; border:solid 1px #fdd000; }

#close{ position:absolute; z-index:50; margin:10px 0 0 1020px; cursor:pointer;}

#top1{ position:fixed; top:0; left:0; width:100%; overflow:hidden; z-index:500; height:80px; transition:background 0.5s;}
#logo1{ float:left; margin:21px 0 0 31px;}
#logo1 .a2{ display:none;}
#menu1{ float:right; margin:31px 50px 0 0;}
#menu1 .a2{ display:none;}

#world{ width:534px; height:400px; overflow:hidden; margin:0 auto; background:url(../images/world.png) no-repeat center/100% auto; opacity:0;}
#world .quan{ position:absolute; width:50px; height:50px; display:none;}
#world .quan img{ width:100%;}
#world .a1{ margin:96px 0 0 144px;}
#world .a2{ margin:155px 0 0 314px;}
#world .a3{ margin:204px 0 0 375px;}
#world .a4{ margin:146px 0 0 405px;}
#world .a5{ margin:165px 0 0 153px;}
#world .a6{ margin:104px 0 0 302px;}
#world .a7{ margin:188px 0 0 260px;}
#world .a8{ margin:100px 0 0 223px;}
#world .a9{ margin:132px 0 0 116px;}

.pp .swiper-container { padding-top:30px;}
.pp .swiper-slide { width:220px; text-align:center;}
.pp .swiper-slide img{display:block; width:220px;}
.pp .swiper-pagination {width: 100%; bottom: 20px;}


#lan{ float:right; margin-top:26px; margin-right:20px; margin-left:40px;}
#lan{ background:url(../images/down.png) no-repeat right center; padding-right:13px; line-height:40px; cursor:pointer; color:#fdd000; font-size:15px;}
#lan img{ vertical-align:middle; margin-right:5px;}
#lan_list{ position:absolute; z-index:500; width:120px; background:rgba(0,0,0,0.5); margin-left:-30px; display:none;}
#lan_list p{ width:100%; margin:0; padding:0;}
#lan_list p a{ display:block; color:#fff; text-align:center; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:36px;}
#lan_list p a:hover{ background:#fdd000; color:#000;}