@import url("https://at.alicdn.com/t/font_1758256_iuu4ucn4oa7.css");
.nav_index{position:fixed;left:35px;top:0;height:100%;z-index:60;display:table;vertical-align:middle}
.nav_index>div{display:table-cell;vertical-align:middle}
.nav_index>div>span{display:block;width:9px;height:9px;margin:8px 0;background:#fff;border-radius:3px;cursor:pointer;-ms-transition:background-color .6s linear;-webkit-transition:background-color .6s linear;-moz-transition:background-color .6s linear;transition:background-color .6s linear}
.nav_index>div>span.active{background:#00ac55}

@media(min-width:768px){.navbar-custom{/*padding:10px 0;*/letter-spacing:1px;background:0 0;-webkit-transition:background .5s ease-in-out,padding .5s ease-in-out;-moz-transition:background .5s ease-in-out,padding .5s ease-in-out;transition:background .5s ease-in-out,padding .5s ease-in-out}
.navbar-custom.top-nav-collapse{/*padding:10px 0;*/border-bottom:1px solid rgba(255,255,255,.3)}
.navbar-brand img{height: 50px; margin-top: -15px;
transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;}

.navbar-collapse{ position: relative; }
.navbar-custom.top-nav-collapse .navbar-brand img{ height: 26px; margin-top: -3px; }

.navbar-collapse span.follow{position: absolute; bottom:-21px; left: 0; height: 2px; background: #00ac55; width: 0px;
transition: bottom .5s ease-in-out;
-webkit-transition: bottom .5s ease-in-out;
-moz-transition: bottom .5s ease-in-out;
-ms-transition: bottom .5s ease-in-out;}
.navbar-custom.top-nav-collapse .navbar-collapse span.follow{ bottom: -1px; }
.nav_top_bg {
    background: #ffffff;
}
}

@media screen and (max-width:1200px){.navbar-custom{display: none}}


@media screen and (max-width:767px){.nav_index{left:10px}
.nav_index>div>span{width:5px;height:5px;margin:3px 0}
}
.slide{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}
.slide>div{position:relative;overflow:hidden;}
.slide>div>.bgs{width:100%;height:100%;position:absolute;z-index:1;left:0;top:0;background-position:center center;background-repeat:no-repeat;background-size:cover;-webkit-transition:all 3s ease-out;-moz-transition:all 3s ease-out;-ms-transition:all 3s ease-out;transition:all 3s ease-out}
.current .slide>div.current .bgs{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}
.index_inner .solgan h3{font-family:'Titillium-Regular';font-size:30px;color:#ea5106;margin:-200px auto 20px 300px;position:relative;opacity:0;font-weight:400; float: left}
.index_inner .solgan h3:after{content:"";height:3px;width:75px;background:#ea5106;display:block;margin:20px auto 0 auto;}
.index_inner .solgan h2{color:#fff;font-size:46px;font-weight:700;position:relative;opacity:0 ;}
.current .slide .current .solgan h2{-webkit-animation:fadeInDown ease .4s forwards .2s;-moz-animation:fadeInDown ease .4s forwards .2s;-ms-animation:fadeInDown ease .4s forwards .2s;animation:fadeInDown ease .4s forwards .2s}
.current .slide .current .solgan h3{-webkit-animation:fadeInDown ease .4s forwards;-moz-animation:fadeInDown ease .4s forwards;-ms-animation:fadeInDown ease .4s forwards;animation:fadeInDown ease .4s forwards}
.index_nav ul{margin:200px auto 0 auto;display:inline-block}
.index_nav ul li{float:left;width:76px;height:76px;cursor:pointer}
.index_nav ul li:nth-child(2),.index_nav ul li:nth-child(4){margin:60px -20px 0 -20px}
.index_nav ul li a{overflow:hidden;width:100%;height:100%;display:block;position:relative;border:2px solid #fff;border-radius:5px;

    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    -ms-perspective: 800px;
    perspective: 800px;
        -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;

	-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background .2s ease-out,border-color .2s ease-out;-moz-transition:background .2s ease-out,border-color .2s ease-out;-ms-transition:background .2s ease-out,border-color .2s ease-out;transition:background .2s ease-out,border-color .2s ease-out}
.index_nav ul li a:after{background:#ea5106;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:5px;display:block;content:"";

    -webkit-transform: rotate3d(0,1,0,180deg);
    -moz-transform: rotate3d(0,1,0,180deg);
    -o-transform: rotate3d(0,1,0,180deg);
    -ms-transform: rotate3d(0,1,0,180deg);
    transform: rotate3d(0,1,0,180deg);
    opacity: 0;
-webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;
-ms-transition:all .2s ease-out;
transition:all .2s ease-out

}

.item_box h2,
.item_box h2 a{font-size:36px;font-weight:700;color:#fff;text-align:center;margin-top:50px;}
.item_box h2 a:hover{ text-decoration: none; }
.item_box h5{text-align:center;margin-top:16px;position:relative;font-weight:400}
.item_box h5 .t{font-family:'Titillium-Regular';color:#ea5106;padding:5px 0;line-height:1;font-size:18px;display:inline-block;border-top:1px solid #ea5106;border-bottom:1px solid #ea5106;}
.item_box h5 .page_icon{width:58px;height:58px;background:#ea5106;border-radius:5px;position:absolute;bottom:-115px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);left:50%;margin-left:-29px;z-index:2}
.item_box h5 .page_icon:before{color:#000;font-size:36px;display:block;text-align:center;width:58px;height:58px;line-height:58px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}
.item_bd{margin-top:85px}
.index_inner{display:table;vertical-align:middle;text-align:center;width:100%;height:100%;position:relative;z-index:3}
.index_inner .index_box{display:table-cell;vertical-align:middle;text-align:center}
.item_box h2{-webkit-transform:translateY(-40px);-ms-transform:translateY(-40px);-moz-transform:translateY(-40px);transform:translateY(-40px);-webkit-transition:all .3s .2s ease-out;-moz-transition:all .3s .2s ease-out;-ms-transition:all .3s .2s ease-out;transition:all .3s .2s ease-out;opacity:0}
.current .item_box h2{opacity:1;-webkit-transform:none;-ms-transform:none;-moz-transform:none;transform:none}
.item_box h5{-webkit-transform:translateY(-40px);-ms-transform:translateY(-40px);-moz-transform:translateY(-40px);transform:translateY(-40px);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;opacity:0}
.current .item_box h5{opacity:1;-webkit-transform:none;-ms-transform:none;-moz-transform:none;transform:none}
.item_box h5 .page_icon{opacity:0;-webkit-transition:opacity .6s .3s ease-out;-moz-transition:opacity .6s .3s ease-out;-ms-transition:opacity .6s .3s ease-out;transition:opacity .6s .3s ease-out}
.current .item_box h5 .page_icon{opacity:1}
@media screen and (min-width:768px) and (max-width:1366px){.item_bd{margin-top:50px}
.item_box h2{font-size:26px}
.item_box h5{text-align:center;margin-top:12px}
.item_box h5 .t{padding:3px 0;font-size:12px}
.item_box h5 .page_icon{width:40px;height:40px;bottom:-70px;margin-left:-20px}
.item_box h5 .page_icon:before{width:40px;height:40px;line-height:40px;font-size:28px}
}
@media screen and (max-width:767px){.item_bd{margin-top:16px}
.index_inner{display:block;vertical-align:top;text-align:center;width:100%;padding-top:50px;height:auto;position:relative;z-index:3}
.index_inner .index_box{display:block;vertical-align:top;text-align:center}
.item_box h2{font-size:18px;font-weight:700;color:#fff;text-align:center;margin-top:16px}
.item_box h5{text-align:center;margin-top:6px}
.item_box h5 .t{color:#ea5106;padding:2px 0;font-size:8px}
.item_box h5 .page_icon{display:none}
}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-30px)}
100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-30px)}
100%{opacity:1;-moz-transform:translateY(0)}
}
@-ms-keyframes fadeInDown{0%{opacity:0;-ms-transform:translateY(-30px)}
100%{opacity:1;-ms-transform:translateY(0)}
}
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}
100%{opacity:1;transform:translateY(0)}
}
@-webkit-keyframes arrow{0%,100%{opacity:0;-webkit-transform:translateY(-20px)}
50%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes arrow{0%,100%{opacity:0;-moz-transform:translateY(-20px)}
50%{opacity:1;-moz-transform:translateY(0)}
}
@-ms-keyframes arrow{0%,100%{opacity:0;-ms-transform:translateY(-20px)}
50%{opacity:1;-ms-transform:translateY(0)}
}
@keyframes arrow{0%,100%{opacity:0;transform:translateY(-20px)}
50%{opacity:1;transform:translateY(0)}
}
@-webkit-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-moz-animation-timing-function:cubic-bezier(.215,.61,.355,1);-ms-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-moz-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);-moz-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);-moz-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-moz-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);-moz-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
to{opacity:1;-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@-moz-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-moz-animation-timing-function:cubic-bezier(.215,.61,.355,1);-ms-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-moz-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);-moz-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);-moz-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-moz-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);-moz-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
to{opacity:1;-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@-ms-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-moz-animation-timing-function:cubic-bezier(.215,.61,.355,1);-ms-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-moz-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);-moz-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);-moz-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-moz-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);-moz-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
to{opacity:1;-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-moz-animation-timing-function:cubic-bezier(.215,.61,.355,1);-ms-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-moz-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);-moz-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);-moz-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-moz-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);-moz-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
to{opacity:1;-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}

@media screen and ( max-height: 400px) and ( max-width: 767px) {


@-webkit-keyframes arrow{0%,100%{opacity:0;-webkit-transform:translateY(-10px)}
50%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes arrow{0%,100%{opacity:0;-moz-transform:translateY(-10px)}
50%{opacity:1;-moz-transform:translateY(0)}
}
@-ms-keyframes arrow{0%,100%{opacity:0;-ms-transform:translateY(-10px)}
50%{opacity:1;-ms-transform:translateY(0)}
}
@keyframes arrow{0%,100%{opacity:0;transform:translateY(-10px)}
50%{opacity:1;transform:translateY(0)}
}
    
}