*{ padding:0px; margin:0}
body, div, h1, h2, h3, h4, h5, h5, p, ul, ol, li, dl, dt, dd { margin: 0; padding: 0;}
body { font: 14px "Microsoft Yahei",'微软雅黑'; color: #515151;letter-spacing: 2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul, ol { list-style: none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; }
em { font-style:normal; }
input, button, select, textarea { outline:none; }
img{padding: 0;margin: 0;}
a { color: #515151; text-decoration: none;}
a:hover { color: #72909a;text-decoration: none;}
/*.clearfix:after { content: ""; display: table; clear: both;}*/
.clear{clear:both;}
.clearfloat:after{content:"";display:block;clear:both; height:0; visibility:hidden;}
.clearfloat{zoom:1;}
.overflow:before{content:"";display:table;}
.container{width: 1200px;margin: 0 auto;}

/* fixnav */
.fix-nav { position: fixed; top: 0; left: 0;display: none; z-index: 10; width: 100%;background-color:#fff;background-color: rgba(255, 255, 255, 0.85);box-shadow: 0 3px 3px rgba(0,0,0,0.2);/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8ffffff,endColorstr=#c8ffffff);*/}
.fix-logo { float: left; width: 306px; height: 32px;background: url(../images/logo.png) 0 0 no-repeat;margin-top: 9px;}
.fix-link { float: right;}
.fix-link li{ float:left;}
.fix-link a { display: inline-block; margin: 15px 20px;font-size: 16px;}
.fix-link a:active{text-decoration: none;}

/**** predefine ****/
.center-wrap { position: relative; z-index: 1; width: 1200px; height: 100%; margin: 0 auto;min-width: 1200px;}
.desc { position: relative; z-index: 1; width: 900px; margin: 0 auto; margin-top:15%; text-align: center;}
.section { overflow: hidden;}
.section-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.section-bg .full-bg{width: 100%;height: 100%;}
.section h1 { margin-bottom: 20px; line-height: 1.4; font-size: 40px; font-weight: 400;}
.section p { line-height: 38px;}
canvas{position: absolute;top: 55px;left: 0;}
.desc .invest{ font-size: 20px;color:#72909a;font-weight: 400;
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 160px;
    height: 50px;
    line-height: 50px;
    background: url(../images/invest.png) no-repeat;
    opacity: 0;-webkit-transition:opacity 1s linear 2s;
    transition:opacity 1s linear 2s;}
.active .invest{opacity: 1;}
.desc .invest:hover{color: #444;}
.desc h1{margin-bottom: 0;
    -webkit-transform: scale(0) translate(0,15%);
    -ms-transform: scale(0) translate(0,15%);
    transform: scale(0) translate(0,15%);
    opacity:0;
    -webkit-transition: -webkit-transform 1s .3s,opacity 1s .3s;
    transition: transform 1s .3s,opacity 1s .3s;
}
.desc .fp{ font-size: 30px;font-weight: 900;color:#fff;margin: 25px 0 50px;
    opacity:0;
    -webkit-transform:translate(0,100%);
    -ms-transform:translate(0,100%);
    transform:translate(0,100%);
}
.desc .p1{
    -webkit-transition: -webkit-transform .5s linear .5s,opacity .5s linear .5s;
    transition: transform .5s linear .5s,opacity .5s linear .5s;
}
.desc .p2{
    -webkit-transition: -webkit-transform .5s linear 1s,opacity .5s linear 1s;
    transition: transform .5s linear 1s,opacity .5s linear 1s;
}
.desc .p3{
    -webkit-transition: -webkit-transform .5s linear 1.5s,opacity .5s linear 1.5s;
    transition: transform .5s linear 1.5s,opacity .5s linear 1.5s;
}
.desc .p4{
    -webkit-transition: -webkit-transform .5s linear 2s,opacity .5s linear 2s;
    transition: transform .5s linear 2s,opacity .5s linear 2s;
}
.active .desc h1 ,.active .desc p{
    opacity:1;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
}
.active .-img img,.on .-img img {
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
    opacity: 1;/*filter:alpha(opacity=100);*/
}
.in .desc h1 ,.in .desc p,.ion .desc h1 ,.ion .desc p{
    opacity:1;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
}
.desc h2{position: absolute;top: 52px;left: 50px;}
.risk h2{position: absolute;top: 52px;left: -25px;}
/*.finance h2{position: absolute;top: 52px;left: 0;}*/
.mmm h2{position: absolute;top: 52px;left: 0;}

/****** nav *****/
.section .logo { float: left; margin: 0;}
.logo a { float: left; width: 306px; height: 32px;background: url(../images/logo.png) no-repeat;margin-top: 24px;}
.section .nav { float: right;}
.section .nav li { float: left;}
.section .nav a { display: block; padding:0 25px;line-height: 80px;font-size: 20px;}
.section .nav a:hover{color: #72909a;background-color: #fff;}

/***** section1 *****/
/*.state-owned { background: url(../images/bg1.jpg) 50% 0 no-repeat;}*/
.state-owned h1 { margin-bottom: 40px;}
.state-owned-desc .invest{
    z-index: 100;}
.state-owned .state-owned-img{width: 100%;position: absolute;bottom:0;left: 0;}
.state-owned-img .state-owned-img1{width: 100%;position: absolute;bottom:0;left: 0;
    opacity:0;/*filter:alpha(opacity=0);*/
    -webkit-transform:translate(0,-150%) scale(1.6);
    -ms-transform:translate(0,-150%) scale(1.6);
    transform:translate(0,-150%) scale(1.6);
    transition:transform 3s,opacity 3s;
    -webkit-transition: -webkit-transform 3s,opacity 3s;

}
/* cubic-bezier(.15, .73, .37, 1.2)*/

.state-owned-img .rotate-11{width: 33%;
    position: absolute;bottom:0;left: 0;
}
.state-owned-img .rotate-12{
    width: 37%;
    position: absolute;bottom:0;right: 0;
}
.state-owned-img .rotate-13{
    width: 28%;
    position: absolute;bottom:0;right: 0;
}
.state-owned-img .img-p11{
    width: 100%;
    transform-origin:50% 100%;
    -ms-transform-origin:50% 100%;
    -webkit-transform-origin:50% 100%;
    -moz-transform-origin:50% 100%;
    -o-transform-origin:50% 100%;
    -webkit-transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    transform: rotate(-180deg);
    opacity:0;/*filter:alpha(opacity=0);*/
    transition:transform 1s 2s,opacity 1s 2s;
    -webkit-transition: -webkit-transform 1s 2s,opacity 1s 2s;
}
.state-owned-img .img-p12{
    width: 100%;
    transform-origin:50% 100%;
    -ms-transform-origin:50% 100%;
    -webkit-transform-origin:50% 100%;
    -moz-transform-origin:50% 100%;
    -o-transform-origin:50% 100%;
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
    opacity:0;/*filter:alpha(opacity=0);*/
    transition:transform 1s 2s,opacity 1s 2s;
    -webkit-transition: -webkit-transform 1s 2s,opacity 1s 2s;
}
.state-owned-img .img-p13{
    width: 100%;
    transform-origin:100% 50%;
    -ms-transform-origin:100% 50%;
    -webkit-transform-origin:100% 50%;
    -moz-transform-origin:100% 50%;
    -o-transform-origin:100% 50%;
    -webkit-transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    transform:rotate(-180deg);
    opacity:0;/*filter:alpha(opacity=0);*/
    transition:transform 1s 2.5s,opacity 1s 2.5s;
    -webkit-transition: -webkit-transform 1s 2.5s,opacity 1s 2.5s;
}
.state-owned .bg-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7f000000", endColorstr="#7f000000")\9;
    -webkit-transition: all 5s;
    transition: all 5s;
    z-index: 1;
}
.state-owned.on .bg-mask {
    opacity: 0;
    filter: alpha(opacity=0)\9;
    z-index: 0;
}

/***** section2 *****/
/*.risk{ background: url(../images/bg2.jpg) 50% 0 no-repeat;}*/
.risk h1 { margin-bottom: 60px;}
.risk canvas{left:-50px;}
.risk-img{ position: absolute; top: 0; left: 0;width: 100%;height: 100%;}
.risk-img1 {width: 33%;position: absolute; bottom: 0; left: 0;}
.risk-img2 {width: 33%;position: absolute; top: 0; right: 0;}
.risk-img .risk-img1{-webkit-animation: linearIn1 15s linear infinite .5s;animation: linearIn1 15s linear infinite .5s;}
.risk-img .risk-img2{-webkit-animation: linearIn2 15s linear infinite;animation: linearIn2 15s linear infinite;}
@-webkit-keyframes linearIn1{
    0%{-webkit-transform: translate(0,10%);}
    20%{-webkit-transform: translate(-10%,10%);}
    40%{-webkit-transform: translate(-10%,0%);}
    60%{-webkit-transform: translate(0%,-10%);}
    80%{-webkit-transform: translate(-10%,0%);}
    100%{-webkit-transform: translate(0%,0%);}
}
@-webkit-keyframes linearIn2{
    0%{-webkit-transform: translate(10%,0%);}
    20%{-webkit-transform: translate(10%,10%);}
    40%{-webkit-transform: translate(0%,10%);}
    60%{-webkit-transform: translate(10%,10%);}
    80%{-webkit-transform: translate(10%,0%);}
    100%{-webkit-transform: translate(0%,0%);}
}
@keyframes linearIn1{
    0%{transform: translate(0,10%);}
    20%{transform: translate(-10%,10%);}
    40%{transform: translate(-10%,0%);}
    60%{transform: translate(0%,-10%);}
    80%{transform: translate(-10%,0%);}
    100%{transform: translate(0%,0%);}
}
@keyframes linearIn2{
    0%{transform: translate(10%,0%);}
    20%{transform: translate(10%,10%);}
    40%{transform: translate(0%,10%);}
    60%{transform: translate(10%,10%);}
    80%{transform: translate(10%,0%);}
    100%{transform: translate(0%,0%);}
}

/***** section3 *****/
/*.finance { background: #ff8fa5 url(../images/bg3.jpg) center 0 no-repeat;}*/
/*.finance{perspective:1200px; -webkit-perspective:1200px;}*/
/*.finance h1 { margin-bottom: 70px;}*/
/*.finance-img1{width: 100%;*/
    /*-webkit-transform:translate(0,-200%);*/
    /*-ms-transform:translate(0,-200%);*/
    /*transform:translate(0,-200%);*/
    /*-webkit-transition: -webkit-transform 1.5s;*/
    /*transition: transform 1.5s cubic-bezier(.15, .73, .37, 1.2);*/
/*}*/
/*.finance-img{position: absolute; top: 0; left: 0;width: 100%;height: 100%;*/
    /*transform-style:preserve-3d; -webkit-transform-style:preserve-3d;*/
    /*-webkit-transform:rotate3d(0,1,0,30deg);*/
    /*-ms-transform:rotate3d(0,1,0,30deg);*/
    /*transform:rotate3d(0,1,0,30deg);*/
    /*-webkit-transition: -webkit-transform 3s 1s;*/
    /*transition: transform 3s 1s;*/
/*}*/
/*.active .finance-img1,.active .finance-img{*/
    /*-webkit-transform:none;*/
    /*-ms-transform:none;*/
    /*transform:none;*/
/*}*/

/***** section4 *****/
/*.mmm { background: url(../images/bg4.jpg) center 0 no-repeat;}*/
.mmm h1 { margin-bottom: 60px;}
.mmm canvas{left:-50px;}
.mmm-img { position: absolute; top: 0; left: 0;width: 100%;height: 100%;}
.mmm-img .mmm-img1{width: 100%;height: 100%;position: absolute; top: 0; left: 0;-webkit-animation: rotateIn1 2s linear infinite 0s;animation: rotateIn1 2s linear infinite 0s;}
._img .dot{ position: absolute;top: 0;left: 50%;margin-left: -615px;
    -webkit-transform:translate(0,-70%) scale(0.1);
    -ms-transform:translate(0,-70%) scale(0.1);
    transform:translate(0,-70%) scale(0.1);
    opacity: 0;
    transition:transform 3s,opacity 3s;
    -webkit-transition: -webkit-transform 3s,opacity 3s;
}
.active .dot,.on .dot{
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
    opacity: 1;
}
@-webkit-keyframes rotateIn1{
    0%{-webkit-transform:translate(0,-80%);}
    100%{-webkit-transform:translate(0,80%);}

}
@keyframes rotateIn1{
    0%{transform:translate(0,-80%);-ms-transform:translate(0,-80%);}
    100%{transform:translate(0,80%);-ms-transform:translate(0,80%);}
}
/***** section5 *****/
/*.investment{ background: url(../images/bg5.jpg) center 0 no-repeat;}*/
.investment{perspective:1200px; -webkit-perspective:1200px;}
.investment-desc h1 { margin-bottom: 60px;}
.investment-img { position: absolute; top: 0; left: 0;transform-style:preserve-3d; -webkit-transform-style:preserve-3d;width: 100%;height: 100%;}
.investment-img .investment-img1 { width: 100%;position: absolute; bottom: 0; left: 0;
    animation: rotateIn2 10s linear infinite;
    -webkit-animation: rotateIn2 10s linear infinite;
}
.investment-img .lin-img { width: 100%;position: absolute; bottom: 0; left: 0;
    animation: linIn 10s linear infinite;
    -webkit-animation: linIn 10s linear infinite;
}
.investment-img .investment-img2 { width: 100%;position: absolute; bottom: 0; left: 0;
    -webkit-transform:translate(0,-200%);
    -ms-transform:translate(0,-200%);
    transform:translate(0,-200%);
    -webkit-transition: -webkit-transform 2s;
    transition: transform 2s cubic-bezier(.15, .73, .37, 1.2);
}
.active .investment-img1,.active .investment-img2,.on .investment-img2{
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
}
@-webkit-keyframes rotateIn2{
0%{-webkit-transform:rotate3d(1,0,0,0deg);}
50%{-webkit-transform:rotate3d(1,0,0,30deg);}
100%{-webkit-transform:rotate3d(1,0,0,0deg);}
}
@keyframes rotateIn2{
    0%{transform:rotate3d(1,0,0,0deg);-ms-transform:rotate3d(1,0,0,0deg);}
    50%{transform:rotate3d(1,0,0,20deg);-ms-transform:rotate3d(1,0,0,20deg);}
    100%{transform:rotate3d(1,0,0,0deg);-ms-transform:rotate3d(1,0,0,0deg);}
}
@-webkit-keyframes linIn{
    0%{-webkit-transform:translate(0,0);}
    50%{-webkit-transform:translate(2%,-2%);}
    100%{-webkit-transform:translate(0,0);}
}
@keyframes linIn{
    0%{transform:translate(0,0);-ms-transform:translate(0,0);}
    50%{transform:translate(2%,-2%);-ms-transform:translate(2%,-2%);}
    100%{transform:translate(0,0);-ms-transform:translate(0,0);}
}

/***** footer *****/
.footer-link { padding: 30px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.footer-link ul { float: left; width: 12%;}
.footer-link li p{ line-height: 45px; font-weight: 700;letter-spacing: 1px;}
.footer-link li a{ line-height: 28px;letter-spacing: 0px;}
.footer-link a { color: #515151; text-decoration: none;font-size: 12px;}
.footer-link a:hover { color: #72909a;}
.footer-link .wx{border-left: 1px solid #eee;height: 157px;box-sizing: border-box;width: 20%;padding-left: 50px;padding-top: 20px;}
.footer-link .add{border-left: 1px solid #eee;height: 157px;box-sizing: border-box;width: 26%;padding-left: 50px;padding-top: 40px;
    line-height: 30px;letter-spacing: 0px;}
.copyright { padding: 10px 0; text-align: center;}

#fp-nav ul li:first-child, #fp-nav ul li:last-child { display: none;}

@media screen and (min-width:1920px) {

}
@media screen and (max-width:1380px) {
    .desc{margin-top:10%;}
}