html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;}
html{height: 100%;}
body{font: 14px/150% Arial,Verdana,"\5FAE\8F6F\96C5\9ED1"; line-height: 1.6em;}
button, input, select, textarea {font-family: inherit; font-size: inherit; line-height: inherit;}
table{border-collapse:collapse; border-spacing: inherit;}
img,input{border:none;vertical-align:middle;}
input[type="radio"]{margin: -1px 2px 0 0;}
ol,ul{list-style:none}  
input,textarea,select{outline: none;}
a{text-decoration:none; color: inherit; }

.text-green{color: #32c77f;}
.hide{display: none;}
.of-hide{overflow: hidden;}

.row:before{display: table; content: " ";}
.row:after{clear: both; display: table; content: " ";}

.box-flex{display: -webkit-flex; display: flex;}
.box-flex-direction-row{-webkit-flex-direction: row;flex-direction: row;}
.box-flex-direction-column{-webkit-flex-direction: column;flex-direction: column;}
.box-flex-justify-content-center{-webkit-justify-content: center;justify-content: center;}
.box-flex-justify-content-space-between{-webkit-justify-content: space-between;justify-content: space-between;}

.box-flex-auto{flex: auto;}

.logo-link{position: absolute; top: 40px; right: 40px; display: block; width: 240px; z-index: 2;}
.logo-link img{width: 240px;}

.index-nav{position: fixed;top: 50%;right: 40px;z-index: 1;margin-top: -91px;}
.index-nav li{margin-top: 10px;}
.index-nav li:first-child{margin-top: 0;}
.index-nav li label{display: block;width: 110px;color: #ddd;text-align: right; font-size: 16px; font-family: 'STHeiti'; font-weight: bold;}
.index-nav li label i{display: inline-block;width: 12px;height: 12px;border-radius: 6px; background-color: #ddd; margin-left: 5px;}
.index-nav li:hover label{color: #32c77f;}
.index-nav li:hover label i{background-color: #32c77f;}
.index-wrapper{width: 100%;height: 100%;position: fixed;transition: all 0.7s ease;}
.index-section{width: 100%;height: 100%;position: relative;}
#page0:checked~.index-wrapper{transform: translate(0, 0);}
#page0:checked~.index-nav li #page-l-0{color: #32c77f;}
#page0:checked~.index-nav li #page-l-0 i{background-color: #32c77f;}
#page1:checked~.index-wrapper{transform: translate(0, -100%);}
#page1:checked~.index-nav li #page-l-1 i{background-color: #32c77f;}
#page1:checked~.index-nav li #page-l-1{color: #32c77f;}
#page2:checked~.index-wrapper{transform: translate(0, -200%);}
#page2:checked~.index-nav li #page-l-2 i{background-color: #32c77f;}
#page2:checked~.index-nav li #page-l-2{color: #32c77f;}
#page3:checked~.index-wrapper{transform: translate(0, -300%);}
#page3:checked~.index-nav li #page-l-3 i{background-color: #32c77f;}
#page3:checked~.index-nav li #page-l-3{color: #32c77f;}
#page4:checked~.index-wrapper{transform: translate(0, -400%);}
#page4:checked~.index-nav li #page-l-4 i{background-color: #32c77f;}
#page4:checked~.index-nav li #page-l-4{color: #32c77f;}
#page5:checked~.index-wrapper{transform: translate(0, -500%);}
#page5:checked~.index-nav li #page-l-5 i{background-color: #32c77f;}
#page5:checked~.index-nav li #page-l-5{color: #32c77f;}

.index-panl{height: inherit;}
.index-panl-header{}
.index-panl-footer{}
.index-panl-footer dd{margin-left: 2px; background-color: rgba(0, 0, 0, 0.6); padding: 30px; width: calc(100%/3); color: #fff; transition: all 0.3s ease-in-out;}
.index-panl-footer dd.four{width: calc(100%/4);}
.index-panl-footer dd:hover{ background-color: rgba(0, 0, 0, 0.9);}
.index-panl-footer dd:first-child{margin-left: 0;}

.index-panl-content{width: 50%;}
.index-panl-content dd{background-color: rgba(0, 0, 0, 0.6); padding: 50px; color: #fff; margin-left: 30px; transition: all 0.3s ease-in-out;}
.index-panl-content dd:hover{ background-color: rgba(0, 0, 0, 0.9);}
.index-panl-content dd:first-child{margin-left: 0;}

.index-panl-news{width: 40%;}
.index-panl-news .index-panl-news-box{ background-color: rgba(0, 0, 0, 0.6); padding: 30px; color: #fff; transition: all 0.3s ease-in-out;}
.index-panl-news .index-panl-news-box:hover{ background-color: rgba(0, 0, 0, 0.9);}
.index-panl-news .index-panl-news-list{height: 220px; overflow: hidden;}
.index-panl-news .index-panl-news-list-ul{
animation: news-carousel 20s linear 0s infinite;
 
 -moz-animation: news-carousel 20s linear 0s infinite;

-webkit-animation: news-carousel 20s linear 0s infinite;

-o-animation: news-carousel 20s linear 0s infinite;
}

@keyframes news-carousel
        {
            0% {transform: translate(0, 0px);}
            5% {transform: translate(0, 0px);}
            9% {transform: translate(0, -22px);}
            14% {transform: translate(0, -22px);}
            18% {transform: translate(0, -44px);}
            23% {transform: translate(0, -44px);}
            27% {transform: translate(0, -66px);}
            32% {transform: translate(0, -66px);}
            36% {transform: translate(0, -88px);}
            41% {transform: translate(0, -88px);}
            45% {transform: translate(0, -110px);}
            50% {transform: translate(0, -110px);}
            54% {transform: translate(0, -132px);}
            59% {transform: translate(0, -132px);}
            63% {transform: translate(0, -154px);}
            68% {transform: translate(0, -154px);}
            72% {transform: translate(0, -176px);}
            77% {transform: translate(0, -176px);}
            81% {transform: translate(0, -198px);}
            86% {transform: translate(0, -198px);}
            90% {transform: translate(0, -220px);}
            95% {transform: translate(0, -220px);}
            100% {transform: translate(0, 0px);}
        }

        @-moz-keyframes news-carousel 
        {
            0% {transform: translate(0, 0px);}
            5% {transform: translate(0, 0px);}
            9% {transform: translate(0, -22px);}
            14% {transform: translate(0, -22px);}
            18% {transform: translate(0, -44px);}
            23% {transform: translate(0, -44px);}
            27% {transform: translate(0, -66px);}
            32% {transform: translate(0, -66px);}
            36% {transform: translate(0, -88px);}
            41% {transform: translate(0, -88px);}
            45% {transform: translate(0, -110px);}
            50% {transform: translate(0, -110px);}
            54% {transform: translate(0, -132px);}
            59% {transform: translate(0, -132px);}
            63% {transform: translate(0, -154px);}
            68% {transform: translate(0, -154px);}
            72% {transform: translate(0, -176px);}
            77% {transform: translate(0, -176px);}
            81% {transform: translate(0, -198px);}
            86% {transform: translate(0, -198px);}
            90% {transform: translate(0, -220px);}
            95% {transform: translate(0, -220px);}
            100% {transform: translate(0, 0px);}
        }

        @-webkit-keyframes news-carousel 
        {
            0% {transform: translate(0, 0px);}
            5% {transform: translate(0, 0px);}
            9% {transform: translate(0, -22px);}
            14% {transform: translate(0, -22px);}
            18% {transform: translate(0, -44px);}
            23% {transform: translate(0, -44px);}
            27% {transform: translate(0, -66px);}
            32% {transform: translate(0, -66px);}
            36% {transform: translate(0, -88px);}
            41% {transform: translate(0, -88px);}
            45% {transform: translate(0, -110px);}
            50% {transform: translate(0, -110px);}
            54% {transform: translate(0, -132px);}
            59% {transform: translate(0, -132px);}
            63% {transform: translate(0, -154px);}
            68% {transform: translate(0, -154px);}
            72% {transform: translate(0, -176px);}
            77% {transform: translate(0, -176px);}
            81% {transform: translate(0, -198px);}
            86% {transform: translate(0, -198px);}
            90% {transform: translate(0, -220px);}
            95% {transform: translate(0, -220px);}
            100% {transform: translate(0, 0px);}
        }

        @-o-keyframes news-carousel 
        {
            0% {transform: translate(0, 0px);}
            5% {transform: translate(0, 0px);}
            9% {transform: translate(0, -22px);}
            14% {transform: translate(0, -22px);}
            18% {transform: translate(0, -44px);}
            23% {transform: translate(0, -44px);}
            27% {transform: translate(0, -66px);}
            32% {transform: translate(0, -66px);}
            36% {transform: translate(0, -88px);}
            41% {transform: translate(0, -88px);}
            45% {transform: translate(0, -110px);}
            50% {transform: translate(0, -110px);}
            54% {transform: translate(0, -132px);}
            59% {transform: translate(0, -132px);}
            63% {transform: translate(0, -154px);}
            68% {transform: translate(0, -154px);}
            72% {transform: translate(0, -176px);}
            77% {transform: translate(0, -176px);}
            81% {transform: translate(0, -198px);}
            86% {transform: translate(0, -198px);}
            90% {transform: translate(0, -220px);}
            95% {transform: translate(0, -220px);}
            100% {transform: translate(0, 0px);}
        }

.index-policy-page{margin-top: 20px;}
.index-policy-page li{margin-left: 20px; border-top: 2px solid transparent;}
.index-policy-page li:hover{border-top: 2px solid #32c77f; color: #32c77f;}
.index-policy-page li label{display: inline-block; padding: 5px;}

.index-policy-wrapper{width: 100%; transition: all 0.7s ease;}
.index-policy-wrapper ul{width: 100%; flex-shrink:0;}

#policy-page-0:checked~.index-policy-wrapper{transform: translate(0, 0);}
#policy-page-0:checked~.index-policy-page #policy-page-l-0{border-top: 2px solid #32c77f; color: #32c77f;}
#policy-page-1:checked~.index-policy-wrapper{transform: translate(-100%, 0);}
#policy-page-1:checked~.index-policy-page #policy-page-l-1{border-top: 2px solid #32c77f; color: #32c77f;}
#policy-page-2:checked~.index-policy-wrapper{transform: translate(-200%, 0);}
#policy-page-2:checked~.index-policy-page #policy-page-l-2{border-top: 2px solid #32c77f; color: #32c77f;}



.list-bg-invest{background:url('../image/index-b0.jpg') 50% 50% / cover no-repeat fixed;}
.list-section{width: 65%; padding: 30px; margin: 100px auto; background-color: rgba(0, 0, 0, 0.9); border-radius: 15px;}
.list-section-header{color: #fff; border-bottom: 1px solid #fff; padding-bottom: 15px; margin-bottom: 15px;}
.list-section-header a{color: #32c77f;}
.list-section-content{color: #fff; line-height: 30px;}
.list-section-page{color: #fff; border-top: 1px solid #fff; padding-top: 15px; margin-top: 15px;}
.list-section-page li{margin-left: 20px; border-top: 2px solid transparent;}
.list-section-page li:hover{border-top: 2px solid #32c77f; color: #32c77f;}
.list-section-page li.active{border-top: 2px solid #32c77f; color: #32c77f;}
.list-section-page li a{display: inline-block; padding: 5px;}
.list-section-page li span{display: inline-block; padding: 5px;}
.list-section-page-btn{background-color: #32c77f; color: #fff;}



.article-bg-invest{position: relative; height: 100%; background:url('../image/index-b0.jpg') 50% 50% / cover no-repeat fixed;}
.article-section{width: 60%; min-height: calc(100% - 60px); padding: 30px; margin: 0 auto; background-color: #fff; }
.article-section-header{border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 15px;}
.article-section-header a{color: #32c77f;}
.article-section-header i{color: #32c77f;}
.article-section-content{line-height: 30px;}