@font-face {
    font-family: 'DINMittelschrift';
    src: url('../fonts/alte-din-1451-mittelschrift.regular.ttf');
}

body {
    width: 100%;
    min-width: 1200px;
    overflow-x: hidden;
}

.spalfont {
    font-family: 'DINMittelschrift';
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 0px;
}

.home-bj {
    width: 100%;
    height: 615px;
    position: relative;
    overflow: hidden
}

.home-tab {
    position: relative;
}

.main-logo img {
    width: 390px;
    height: 50px;
    margin-top: 25px;
}

.home-tab-ul {
    height: 78px;
    padding-bottom: 12px;
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -600px;
    z-index: 20;
}

.ui_tab_home {
    height: 78px;
    box-shadow: 0 0 20px rgba(131, 116, 80, 0.3);
}

.ui_tab_home li {
    width: 240px;
    height: 78px;
    line-height: 78px;
    text-align: center;
    float: left;
    font-size: 18px;
    color: #333333;
    position: relative;
    cursor: pointer;
    background: #fff;
}

.ui_tab_home li em {
    display: none;
}

.ui_tab_home li.ui_tab_1.on {
    background: #BD9126;
    color: #fff;
}

.ui_tab_home li.ui_tab_2.on {
    background: #c19d5e;
    color: #fff;
}

.ui_tab_home li.ui_tab_3.on {
    background: #4184C0;
    color: #fff;
}

.ui_tab_home li.ui_tab_4.on {
    background: #ECAC4E;
    color: #fff;
}

.ui_tab_home li.ui_tab_5.on {
    background: #a47745;
    color: #fff;
}

.ui_tab_home li:after {
    content: "";
    width: 2px;
    height: 78px;
    background: #E9E9E9;
    position: absolute;
    right: 0;
    top: 0;
}

.ui_tab_home li:nth-child(5):after {
    display: none;
}

.home-menu li a {
    color: #fff;
}

.scrolled .home-menu li a {
    color: #333;
}

.scrolled .home-menu li.active a {
    color: #BD9126;
}

.scrolled .home-menu li:hover a {
    color: #BD9126;
}

.home-top-nav li:hover a {
    transform: translateY(-5px);
    transition-duration: 0.4s;
    color: #fff !important;
}

.home-top-nav li:hover a:after {
    display: none !important
}

.home-main-top {
    border-bottom: 1px solid rgba(233, 233, 233, 0.1) !important;
}

.logo {
    width: 390px;
    height: 50px;
    background: url("../images/logo-bottom.png") center center no-repeat;
    margin-top: 30px;
}

.scrolled .logo {
    background: url("../images/logo-top.png") center center no-repeat;
}

a.home-btn {
    position: absolute;
    right: 50%;
    margin-right: -600px;
    z-index: 20;
    display: block;
    width: 220px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    border-radius: 25px;
    box-shadow: 0 0 20px rgba(120, 91, 20, 0.2);
}

a.home-btn img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 20px;
}

.zhixiao {
    top: 280px;
    background: #BD9126;
    color: #fff;
}

.daixiao {
    top: 350px;
    background: #fff;
    color: #333;
}

.zhixiao:hover {
    color: #fff;
}

.daixiao:hover {
    color: #333;
}

.btn-hover:hover {
    transform: translateY(-5px);
    transition-duration: 0.4s;
}

.wallet-box {
    width: 532px;
    height: 340px;
    margin-top: 40px;
    position: relative;
    cursor: pointer;
    margin-right: 65px;
}

.wallet-top {
    width: 532px;
    height: 56px;
    background: url("../images/wallet-top.png") bottom center no-repeat;
}

.wallet-bottom {
    width: 532px;
    height: 284px;
    background: url("../images/wallet-bottom.png") top center no-repeat;
    position: relative;
    z-index: 10;
}

.wallet-mid {
    width: 264px;
    height: 160px;
    background: url("../images/wallet-mid.png") top center no-repeat;
    position: absolute;
    left: 30px;
    top: 16px;
    z-index: 8;
}

.wallet-box:hover .wallet-mid {
    cursor: pointer;
    top: 0;
    transition-duration: 0.4s;
}

.main-fund-content {
    margin: 100px 0;
}

.main-fund-head {
    position: relative;
}

.main-fund-head .search-fund-box {
    position: absolute;
    top: 12px;
    right: 0;
    width: 300px;
}

.main-fund-head .search-input {
    height: 34px;
    border: 1px solid #d7cdb4;
    width: 296px;
    background: #fff url(../images/search-ico-two.png) no-repeat top 7px right 10px;
    text-indent: 8px;
}

.main-fund-lists .title {
    height: 58px;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    line-height: 58px;
}

.index-icons {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    background-image: url(../images/index-icons.png);
    background-repeat: no-repeat;
    vertical-align: middle;
}

.index-icons.type1 {
    background-position: 0 0;
}

.index-icons.type2 {
    background-position: -30px 0;
}

.index-icons.type3 {
    background-position: -60px 0;
}

.ying-icon {
    display: inline-block;
    width: 31px;
    height: 30px;
    margin-right: 10px;
    vertical-align: middle;
    background: url(../images/ying.png) center center no-repeat;
}

.flash-box {
    width: 100%;
    height: 400px;
    margin: 15px auto 0;
    position: relative;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8ffffff, endColorstr=#C8ffffff);
}

.flash-left {
    position: absolute;
    width: 60px;
    height: 60px;
    background: url("../images/flash-left.png") center center no-repeat;
    left: -80px;
    top: 180px;
    cursor: pointer;
}

.flash-right {
    position: absolute;
    width: 60px;
    height: 60px;
    background: url("../images/flash-right.png") center center no-repeat;
    right: -80px;
    top: 180px;
    cursor: pointer;
}

.flash-box ul {
    position: relative;
    overflow: hidden;
    height: 400px;
    background: url("../images/ul-bj.png") top left no-repeat;
}

.flash-box ul li {
    float: left;
    width: 100px;
    overflow: hidden;
    height: 100%;
    position: relative;
    cursor: pointer;
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
    outline: 1px solid rgba(255, 255, 255, 0);
    box-shadow: -1px 0px 0px #010201;
}

.flash-black {
    background: #000;
    width: 100px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.flash-box ul li img {
    margin-left: -60px;
    -webkit-transform: skew(6deg);
    transform: skew(6deg);
    outline: 1px solid rgba(255, 255, 255, 0)
}

.flash-box ul li .layer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 210px;
    background: rgb(27, 29, 36);
    background: rgba(27, 29, 36, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#991b1d24, endColorstr=#991d24);
    height: 100%;
}

.flash-infor {
    width: 350px;
    height: 400px;
    padding-right: 50px;
    -webkit-transform: skew(6deg);
    transform: skew(6deg);
}

.news-kan {
    width: 635px;
    height: 410px;
}

.news-pi {
    width: 500px;
    height: 410px;
}

.news-pi h1,
.news-kan h1 {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #E4E4E4;
}

.pi-after {
    position: relative;
}

.pi-after:after {
    content: "";
    width: 72px;
    height: 2px;
    background-color: #BD9126;
    ;
    position: absolute;
    bottom: 0;
    z-index: 1;
    left: 0;
}

.news-pi ul,
.news-kan ul {
    width: 100%;
    height: auto;
    margin-top: 20px;
}

.news-pi ul li,
.news-kan ul li {
    height: 40px;
    line-height: 40px;
    font-size: 14px
}

.news-pi ul li i,
.news-kan ul li i {
    font-size: 12px;
}

.news-pi ul li span,
.news-kan ul li span {
    display: block;
    width: 400px;
}

.news-pi ul li em,
.news-kan ul li em {
    display: block;
    width: 70px;
}

.news-pi ul li a:hover,
.news-kan ul li a:hover {
    color: #BD9126;
}

.news-kan-box {
    width: 100%;
    height: 170px;
    margin-top: 25px;
}

.news-kan-img {
    width: 250px;
    height: 170px;
    overflow: hidden;
}

.news-kan-img img {
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}

.news-kan-img:hover img {
    cursor: pointer;
    transform: scale(1.1);
}

.news-kan-infor {
    width: 360px;
    height: 170px;
    position: relative;
}

.news-kan-infor h1 {
    font-weight: normal;
    font-size: 18px;
    height: 25px;
    line-height: 25px;
    border-bottom: none;
}

.news-kan-infor p {
    font-size: 12px;
    line-height: 20px;
    margin-top: 15px;
    text-align: justify;
}

.news-kan-infor span {
    font-size: 12px;
    color: #666666;
    position: absolute;
    bottom: 0;
    right: 0;
}

.news-kan ul {
    width: 100%;
    height: auto;
}

.link-box {
    background: #f3f6f8;
    margin-top: -30px;
}

.picScroll-left {
    width: 100%;
    position: relative;
    height: 200px;
}

.picScroll-left .hd .prev,
.picScroll-left .hd .next {
    display: block;
    width: 20px;
    height: 33px;
    position: absolute;
    cursor: pointer;
    top: 88px
}

.picScroll-left .hd .next {
    background: url("../images/right-link.png") center center no-repeat;
    right: -50px;
}

.picScroll-left .hd .prev {
    background: url("../images/left-link.png") center center no-repeat;
    left: -50px;
}

.picScroll-left .bd {
    padding-top: 75px;
}

.picScroll-left .bd ul {
    overflow: hidden;
    zoom: 1;
}

.picScroll-left .bd ul li {
    width: 239px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
    border-right: 1px solid #E8E8E8;
}

.picScroll-left .bd ul li .pic img {
    width: 135px;
    height: 55px;
    display: block;
    margin: auto;
}

.main-top-wrap {
    position: relative;
    height: 42px;
    line-height: 42px;
    font-size: 12px;
    color: #333;
    border-bottom: 1px solid #e9e9e9;
    z-index: 20;
}

.main-top-wrap .m-menu-link li {
    float: left;
    line-height: 42px;
    margin: 0 30px 0 0;
}

.search-pro-box {
    position: absolute;
    top: 0;
    right: 0;
}

.search-pro-box .search-input {
    width: 248px;
    height: 30px;
    margin-top: 6px;
    padding: 0 30px 0 10px;
    color: #fff;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff, endColorstr=#33ffffff);
    border: 0;
    box-sizing: border-box;
    vertical-align: top;
    border-radius: 3px;
}

.search-pro-box .submitanniu {
    cursor: pointer;
    position: absolute;
    top: 11px;
    right: 5px;
    background: url("../images/search-ico.png") center center no-repeat;
    width: 20px;
    height: 20px;
    border: 0;
}

.search-pro-box-two .search-input {
    color: #333;
    background: #efefef;
}

.main-menu-wrap li {
    float: left;
    height: 104px;
    line-height: 104px;
}

.main-menu-wrap li a {
    position: relative;
    display: block;
    margin-left: 30px;
    font-size: 16px;
    color: #333;
    width: 64px;
    height: 104px;
    text-align: center;
}

.home-menu li a {
    color: #fff;
}

.main-menu-wrap li.active a {
    color: #BD9126;
}

.main-menu-wrap li.active a:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: #bd9126;
    display: block;
    opacity: 1 !important;
    left: 0 !important;
    right: 0 !important;
}

.main-menu-wrap li a:after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 4px;
    background: #bd9126;
    display: block;
    left: 50%;
    right: 50%;
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}

.main-menu-wrap li.active a:hover:after {
    opacity: 0;
}

.main-menu-wrap li a:hover {
    color: #BD9126;
}

.main-menu-wrap li a:hover:after {
    left: 1%;
    right: 1%;
    opacity: 1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}

.slideMain {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background: #F3F3F3;
}

.slideBox {
    overflow: hidden;
    position: relative;
}

.slideBox .hd {
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 60px;
    width: 100%;
    z-index: 1;
    text-align: center;
}

.slideBox .hd ul {
    overflow: hidden;
    zoom: 1;
    display: inline-block;
}

.slideBox .hd ul li {
    float: left;
    margin: 0 7px;
    width: 12px;
    height: 12px;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
    cursor: pointer;
    border-radius: 50%;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}

.slideBox .hd ul li.on {
    background: rgb(189, 145, 38);
    background: rgba(189, 145, 38, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
    width: 30px;
    border-radius: 15px;
}

.slideBox .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.slideBox .bd li {
    zoom: 1;
    vertical-align: middle;
}

.slideBox .bd li a {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden
}

.slideBox .bd img {
    display: block;
    position: absolute;
    margin: auto;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
}

.advantage-lists {
    padding: 60px 0 55px;
    text-align: center;
}

.advantage-lists li {
    float: left;
    width: 25%;
    text-align: center;
}

.advantage-lists .advantage-item {
    display: inline-block;
    width: 150px;
}

.advantage-item .item-img {
    height: 80px;
    vertical-align: middle;
}

.advantage-item h3 {
    font-size: 18px;
    color: #333;
    line-height: 22px;
    margin: 27px 0 11px 0;
}

.advantage-item p {
    font-size: 14px;
    color: #666;
    line-height: 16px;
}

.main-fund-sort {
    padding: 6px 20px;
    border: 1px solid #EAEAEA;
}

.main-fund-sort dl {
    margin: 9px 0;
}

.main-fund-sort dt,
.main-fund-sort dd {
    float: left;
    margin-right: 20px;
}

.main-fund-sort dd {
    padding: 0 10px;
    border-radius: 20px;
}

.main-fund-sort a {
    display: block;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #333;
}

.main-fund-sort dd.active {
    background: #d8b257;
}

.main-fund-sort dd.active a {
    color: #fff;
}

.up-content {
    margin-top: 15px;
    height: auto;
    background: #F3F3F1;
}

.ui_tab_items {
    width: auto;
    height: 66px;
    overflow: hidden;
    padding-left: 25px;
    position: relative;
}

.ui_tab_items li {
    float: left;
    margin: 14px 10px 14px 0;
}

.ui_tab_items li>div {
    position: relative;
    width: 102px;
    text-align: center;
    border-radius: 2px;
    font-size: 18px;
    color: #333333;
    line-height: 38px;
    background-color: #F3F3F1;
    cursor: pointer;
}

.ui_tab_items li.on>div {
    color: #fff;
    background: #BD9126;
    border-radius: 4px;
}

.ui_tab_items li:hover>div {
    color: #fff;
    background: #BD9126;
    border-radius: 4px;
    transition-duration: 0.4s;
}

.up-text {
    font-weight: normal;
}

.ui_tab_cnt_box>table {
    width: 1200px;
    text-align: center;
    font-size: 14px;
    color: #333333;
}

.ui_tab_cnt_box th {
    line-height: 60px;
    font-weight: normal;
    background: #F3F3F1;
}

.table-icon {
    display: block;
    width: 28px;
    height: 28px;
    background: url("../images/table-icon.png") no-repeat;
    float: left;
    margin: 15px 5px 0 22px;
}

.table-icon.table-i1 {
    background-position: 0 -2px;
}

.table-icon.table-i2 {
    background-position: 0 -27px;
}

.table-icon.table-i3 {
    background-position: 0 -56px;
}

.ui_tab_cnt_box>table>tbody>tr>td {
    height: 66px;
    border-bottom: 1px solid #EAEAEA;
    background: #fff;
}

.ui_tab_cnt_box>table>tbody>tr>td>i {
    text-decoration: line-through;
    margin-left: 5px;
    color: #999;
}

.w210 {
    width: 210px;
}

.w90 {
    width: 90px;
}

.w100 {
    width: 100px;
}

.w85 {
    width: 85px;
}

.w110 {
    width: 110px;
}

.w155 {
    width: 155px;
}

.sg {
    display: block;
    width: 86px;
    height: 36px;
    line-height: 36px;
    border-radius: 18px;
    text-align: center;
    color: #BD9126;
    font-size: 14px;
    border: 1px solid #BD9126;
    margin: auto;
}

.sg:hover {
    background: #BD9126;
    color: #fff;
    transition-duration: 0.4s;
}

.zixuan {
    width: 30px;
    height: 30px;
    background: url("../images/ai.png") no-repeat;
    background-position: 0 0;
    margin: auto;
    cursor: pointer;
}

.zixuan.current {
    background-position: 0 -30px;
}

.zixuan:active {
    transform: scale(0.75);
    -ms-transform: scale(0.75);
    -webkit-transform: scale(0.75);
    -o-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.nav-bottom {
    width: 100%;
    height: 87px;
    background: #576d83 url(../images/nav-bottom.png) no-repeat top center;
}

.nav {
    display: block;
    width: 260px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cffffff, endColorstr=#4cffffff);
    float: left;
    margin: 14px 206px 0 0;
}

.nav span {
    margin-left: 15px;
}

.main-footer {
    width: 100%;
    background: rgb(26, 31, 37);
    background: rgba(26, 31, 37, 0.9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E51A1F25, endColorstr=#991A1F25);
}

.main-footer-fn {
    overflow: hidden;
}

.footer-left {
    width: 760px;
    height: 350px;
    float: left;
}

.footer-logo {
    overflow: hidden;
    margin-top: 50px;
}

.footer-logo img {
    width: 396px;
    height: 53px;
}

.footer-href {
    margin-top: 40px;
}

.footer-href a,
.footer-href span {
    display: inline-block;
    font-size: 12px;
    color: #FFFFFF;
    opacity: 0.7;
}

.footer-href a:hover {
    color: #BD9126;
}

.footer-href span {
    margin: 0 8px;
}

.footer-left p {
    font-size: 12px;
    color: #FFFFFF;
    opacity: 0.7;
}

.ewm-subscription,
.ewm-server {
    width: 175px;
    height: 215px;
    float: left;
    margin-top: 80px;
}

.ewm-subscription {
    margin-right: 60px;
}

.ewm-subscription img,
.ewm-server img {
    width: 173px;
    height: 173px;
}

.ewm-subscription p,
.ewm-server p {
    width: 100%;
    opacity: 0.42;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    margin-top: 20px;
}

.act-btn span {
    position: relative;
    z-index: 2;
}

.act-btn:hover i {
    top: -42px
}

.act-btn:hover {
    background: #fff;
    transition-duration: 0.4s;
}

.act-btn:hover span {
    color: #BD9126
}

.news-list {
    width: 1200px;
    height: 168px;
}

.news-list-left {
    width: 203px;
    height: 160px;
    overflow: hidden;
}

.news-list-left img {
    width: 100%;
    height: 100%;
    transition: all 0.5s
}

.news-list-left:hover img {
    cursor: pointer;
    transform: scale(1.1);
}

.news-list:hover h2 {
    color: #BD9126;
}

.news-list-right {
    width: 946px;
    height: 160px;
    background: #F6F8FA;
    padding: 0 25px;
}

.news-list-right h2 {
    font-size: 20px;
    color: #333333;
    font-weight: normal;
    margin-top: 30px;
}

.news-list-right p {
    margin-top: 30px;
    font-size: 15px;
    line-height: 28px;
}

.news-time {
    font-size: 14px;
    color: #666666;
    float: right;
    margin-top: 4px;
}

.news-tips-list {
    display: block;
    width: 1130px;
    height: 30px;
    margin-bottom: 30px;
}

.news-tips-list:hover .news-tips,
.news-tips-list:hover .news-tips-time {
    color: #BD9126;
}

.news-tips {
    display: block;
    font-size: 20px;
    color: #333333;
}

.news-tips-time {
    display: block;
    width: 120px;
    text-align: right;
    font-size: 20px;
    color: #333333;
}

.news-infor-left {
    width: 820px;
    height: auto;
    background: #F6F8FA;
    border-radius: 4px;
    padding: 40px;
}

.news-infor-right {
    width: 235px;
    height: auto;
}

.ui_tab_cnt_box h1.news-name {
    font-size: 36px;
    color: #333333;
    margin-top: 0;
    text-align: left;
}

.news-infor-left h2 {
    font-weight: normal;
    margin-top: 50px;
    padding-bottom: 15px;
    border-bottom: 1px solid #D6D6D6;
}

.news-font {
    cursor: pointer;
}

.news-infor-left p {
    font-size: 16px;
    color: #333333;
    line-height: 40px;
    margin-top: 50px;
    text-indent: 30px;
}

.news-infor-right h3 {
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    color: #333333;
    text-align: left;
    border-bottom: 1px solid #D6D6D6;
    font-weight: normal;
}

.news-infor-right ul {
    overflow: hidden;
}

.news-infor-right ul li {
    width: 100%;
    height: 55px;
    border-bottom: 1px solid #e6e4e1;
}

.news-infor-right ul li a {
    display: block;
    width: 100%;
    height: 55px;
    line-height: 55px;
    font-size: 20px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-infor-right ul li a:hover {
    color: #BD9126;
}

.news-infor {
    margin-bottom: 160px;
}

.home-icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url("../images/home-icon.png") no-repeat;
    vertical-align: middle;
}

.home-i1 {
    background-position: 0 0;
}

.home-i2 {
    background-position: -50px 0;
}

.home-i3 {
    background-position: -100px 0;
}

.home-i4 {
    background-position: -150px 0;
}

.home-i5 {
    background-position: -200px 0;
}

.ui_tab_home li.on .home-i1 {
    background-position: 0px -50px;
}

.ui_tab_home li.on .home-i2 {
    background-position: -50px -50px;
}

.ui_tab_home li.on .home-i3 {
    background-position: -100px -50px;
}

.ui_tab_home li.on .home-i4 {
    background-position: -150px -50px;
}

.ui_tab_home li.on .home-i5 {
    background-position: -200px -50px;
}

.home-tab-1 {
    height: 470px;
    background: #EAE6DD;
    background: -moz-linear-gradient(top, #F3F3F3, #EAE6DD);
    background: -webkit-gradient(linear, top, from(#F3F3F3), to(#EAE6DD));
    background: -webkit-linear-gradient(top, #F3F3F3, #EAE6DD);
    background: -o-linear-gradient(top, #F3F3F3, #EAE6DD);
}

.home-tab-2 {
    height: 470px;
    background: #EAE6DD;
    background: -moz-linear-gradient(top, #F3F3F3, #EAE6DD);
    background: -webkit-gradient(linear, top, from(#F3F3F3), to(#EAE6DD));
    background: -webkit-linear-gradient(top, #F3F3F3, #EAE6DD);
    background: -o-linear-gradient(top, #F3F3F3, #EAE6DD);
}

.home-tab-3 {
    height: 470px;
    background: #E8F1F9;
    background: -moz-linear-gradient(top, #F8FCFF, #E8F1F9);
    background: -webkit-gradient(linear, top, from(#F8FCFF), to(#E8F1F9));
    background: -webkit-linear-gradient(top, #F8FCFF, #E8F1F9);
    background: -o-linear-gradient(top, #F8FCFF, #E8F1F9);
}

.home-tab-4 {
    height: 470px;
    background: #F9F5EF;
    background: -moz-linear-gradient(top, #FBF9F6, #F9F5EF);
    background: -webkit-gradient(linear, top, from(#FBF9F6), to(#F9F5EF));
    background: -webkit-linear-gradient(top, #FBF9F6, #F9F5EF);
    background: -o-linear-gradient(top, #FBF9F6, #F9F5EF);
}

.home-tab-5 {
    height: 470px;
    background: #F1ECE2;
    background: -moz-linear-gradient(top, #FFFDF8, #F1ECE2);
    background: -webkit-gradient(linear, top, from(#FFFDF8), to(#F1ECE2));
    background: -webkit-linear-gradient(top, #FFFDF8, #F1ECE2);
    background: -o-linear-gradient(top, #FFFDF8, #F1ECE2);
}

.home-tab-left {
    width: 420px;
    position: relative;
    margin-top: 90px;
    height: 325px;
}

.home-tab-left h1 {
    font-size: 36px;
    color: #333333;
    text-align: left !important;
    margin-top: 0 !important;
}

.home-tab-left p {
    font-size: 16px;
    color: #333333;
    margin-top: 20px;
    text-align: justify
}

.home-tab-left a {
    position: absolute;
    display: block;
    width: 146px;
    height: 52px;
    background: #BD9126;
    border-radius: 26px;
    line-height: 52px;
    text-align: center;
    font-size: 18px;
    color: #FFFFFF;
    bottom: 35px;
    left: 0;
}

.home-tab-left a:hover {
    transform: translateY(-5px);
    transition-duration: 0.4s;
    box-shadow: 0 2px 8px 0 rgba(120, 91, 20, 0.21);
}

.home-tab-right {
    margin-top: 90px;
}

.home-tab-right img {
    width: 236px;
    height: 326px;
}

.h-tab-img {
    position: relative;
    width: 235px;
    margin-left: 15px;
}

.h-tab-word {
    width: 235px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}

.h-tab-img:hover {
    cursor: pointer;
    transform: translateY(-10px);
    transition-duration: 0.4s;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .2);
}

.h-tab-word h1 {
    font-size: 24px;
    color: #fff;
}

.h-tab-word h1.tab-h1 {
    margin-top: 150px;
    font-size: 20px;
    font-weight: bolder
}

.h-tab-word p {
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
}

.dong-left {
    width: 550px;
    height: 430px;
}

.dong-left-img {
    width: 550px;
    height: 310px;
    overflow: hidden;
    position: relative;
}

.dong-left-img img {
    width: 100%;
    height: 100%;
    transition: all 0.5s;
    cursor: pointer;
}

/*.dong-left-img:hover img {cursor: pointer;transform: scale(1.1);}*/
.hover-img.on {
    transform: scale(1.1);
}

.hover-word {
    cursor: pointer;
}

.hover-word.on {
    transition-duration: 0.4s;
    color: #BD9126;
}

.dong-left-bottom {
    width: 510px;
    height: 80px;
    padding: 20px;
    background: #ECF1F6;
}

.dong-name {
    width: 100%;
    height: 25px;
    overflow: hidden;
}

.dong-name div {
    float: left;
    width: 450px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dong-name span {
    float: right;
    margin-top: 5px;
}

.dong-left-bottom p {
    font-size: 14px;
    margin-top: 12px;
}

.dong-right {
    width: 628px;
    height: 430px;
}

.dong-right-box {
    width: 628px;
    height: 205px;
}

.dong-right-img {
    width: 300px;
    height: 205px;
    overflow: hidden;
    position: relative;
}

.dong-right-img img {
    width: 100%;
    height: 100%;
    transition: all 0.5s
}

.dong-right-img:hover img {
    cursor: pointer;
    transform: scale(1.1);
}

.dong-right-p {
    width: 278px;
    height: 155px;
    background: #F5F1EC;
    padding: 25px;
    position: relative;
}

.dong-right-p h1 {
    font-size: 18px;
    font-weight: normal;
}

.dong-right-p h2 {
    font-size: 14px;
    font-weight: normal;
    margin-top: 5px;
}

.dong-right-p p {
    font-size: 14px;
    margin-top: 10px;
    text-align: justify;
}

.dong-right-p span {
    position: absolute;
    right: 25px;
    bottom: 25px;
}

.slideTab {
    height: 525px;
    width: 100%;
    background: url("../images/shi.png") top center no-repeat;
    background-size: cover;
}

.main-head {
    position: relative;
    z-index: 20;
}

.scrolled {
    position: fixed;
    left: 0px;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 9998;
    animation: FadeInT 0.4s ease-out;
    -webkit-animation: FadeInT 0.4s ease-out;
    -o-animation: FadeInT 0.4s ease-out;
    -ms-animation: FadeInT 0.4s ease-out;
    -moz-animation: FadeInT 0.4s ease-out;
    box-shadow: 0 0 20px rgba(131, 116, 80, 0.2);
}

@-webkit-keyframes FadeInT {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes FadeInT {
    0% {
        opacity: 0;
        -moz-transform: translateY(-100px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-ms-keyframes FadeInT {
    0% {
        opacity: 0;
        -ms-transform: translateY(-100px);
    }

    100% {
        opacity: 1;
        -ms-transform: translateY(0);
    }
}

@keyframes FadeInT {
    0% {
        opacity: 0;
        transform: translateY(-100px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.rmenu {
    width: 40px;
    position: fixed;
    left: 50%;
    margin-left: 620px;
    bottom: 20px;
    display: block;
    z-index: 1001;
}

.rmenu a {
    width: 40px;
    height: 40px;
    border-radius: 3px;
    margin-top: 2px;
    display: block;
    position: relative;
    background: #bd9126 url("../images/menu.png") no-repeat;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
    cursor: pointer;
}

.rmenu a.service {
    background-position: 0 0;
}

.rmenu a.calculator {
    background-position: -40px 0;
}

.rmenu a.dx-enter {
    background-position: -160px 0;
}

.rmenu a.opinion {
    background-position: -80px 0;
}

.rmenu a.btn_top {
    background-position: -120px 0;
}

.rmenu a:hover {
    background-color: #f5c040;
}

.guan {
    width: 100%;
    height: 664px;
    background: #F3F3F3;
}

.guan-box {
    width: 100%;
    height: 400px;
    margin-top: -25px;
    background: #fff;
}

.guan-img {
    width: 425px;
    height: 400px;
    overflow: hidden;
    position: relative;
    border-radius: 5px 0 0 5px;
}

.guan-img img {
    width: 100%;
    height: 100%;
    transition: all 0.5s
}

.guan-img:hover img {
    cursor: pointer;
    transform: scale(1.1);
}

.guan-p {
    width: 675px;
    height: 310px;
    padding: 45px 50px;
}

.guan-p h1 {
    font-size: 32px;
    color: #333333;
    font-weight: normal;
}

.guan-p h1 span {
    font-size: 20px;
    color: #333333;
}

.business {
    width: 100%;
    height: 810px;
    background: #cda882;
    background: -moz-linear-gradient(top, #cda882, #e2cca8);
    background: -webkit-gradient(linear, top, from(#cda882), to(#e2cca8));
    background: -webkit-linear-gradient(top, #cda882, #e2cca8);
    background: -o-linear-gradient(top, #cda882, #e2cca8);
}

.business-left,
.business-right {
    width: 480px;
    height: 460px;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 50px;
    position: relative;
}

.business-left h1,
.business-right h1 {
    font-size: 36px;
    color: #BD9126;
    font-weight: normal;
}

.business-right p {
    font-size: 20px;
    color: #333333;
    margin-top: 35px;
    margin-bottom: 5px;
}

.business-left ul {
    margin-top: 40px;
}

.business-left ul li {
    width: 100%;
    height: 30px;
    font-size: 20px;
    color: #333333;
    margin-bottom: 40px;
}

.business-left ul li span {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #BD9126;
    border-radius: 50%;
    margin-right: 30px;
    float: left;
    margin-top: 8px;
}

.business-right ul li {
    height: 50px;
    width: 100%;
    overflow: hidden;
}

.business-right ul li span {
    display: inline-block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    float: left;
    margin-top: 12px;
    font-size: 18px;
    color: #333333;
}

.business-right ul li input {
    line-height: 32px;
    border: 1px solid #d7cdb4;
    text-indent: 10px;
    font-size: 16px;
    margin-top: 10px;
    width: 370px;
    border-radius: 3px;
}

.business-line {
    position: absolute;
    width: 2px;
    height: 218px;
    background: #BD9126;
    top: 146px;
    left: 54px;
}

.strategy {
    width: 100%;
    height: 335px;
    background: #fff;
}

.guan-icon {
    width: 60px;
    height: 60px;
    background: url("../images/guan-icon.png") no-repeat;
    margin-right: 15px;
}

.guan-icon.guan-i1 {
    background-position: 0 0;
}

.guan-icon.guan-i2 {
    background-position: 0 -60px;
}

.guan-icon.guan-i3 {
    background-position: 0 -120px;
}

.fixed-three {
    width: 100%;
    height: 630px;
    background: url("../images/you.jpg") center center no-repeat;
    background-size: cover;
}

.owner {
    border-bottom: 1px solid #EBEBEB;
    padding: 80px 0 60px;
}

.owner:last-child {
    border-bottom: none;
}

.owner p {
    font-size: 16px;
    color: #333333;
    line-height: 28px;
    margin-top: 30px;
    word-break: break-all;
}

.owner-type {
    width: 78px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    font-size: 20px;
    color: #333333;
    border: 2px solid #333333;
}

.owner-word {
    width: 290px;
    font-size: 20px;
    color: #BD9126;
    margin-left: 20px;
    line-height: 30px;
}

.w450 {
    width: 450px;
}

.risk {
    padding: 0 0 45px 0;
}

.risk p {
    font-size: 14px;
    color: #FFFFFF;
    line-height: 20px;
    text-indent: 25px;
}

.triangle-topleft {
    width: 0;
    height: 0;
    border-top: 100px solid #fff;
    border-right: 1920px solid transparent;
}

.recommend-panel {
    height: 368px;
    background: #F3F3F3;
    background: -moz-linear-gradient(top, #F3F3F3, #DDE2EA);
    background: -webkit-gradient(linear, top, from(#F3F3F3), to(#DDE2EA));
    background: -webkit-linear-gradient(top, #F3F3F3, #DDE2EA);
    background: -o-linear-gradient(top, #F3F3F3, #DDE2EA);
}

.r-wrap-content {
    padding-top: 20px;
}

.r-wrap-content .r-fund-left {
    width: 343px;
    height: 388px;
    padding: 37px 0 0 55px;
    background: #765A2D;
    background: -moz-linear-gradient(top, #CCA96D, #765A2D);
    background: -webkit-gradient(linear, top, from(#CCA96D), to(#765A2D));
    background: -webkit-linear-gradient(top, #CCA96D, #765A2D);
    background: -o-linear-gradient(top, #CCA96D, #765A2D);
    box-shadow: 0 2px 22px 0 rgba(162, 136, 82, 0.35);
    border-radius: 8px;
}

.r-fund-left-con {
    width: 100%;
    height: 100%;
    background: url(../images/triangle-bg.png) no-repeat bottom right;
}

.r-fund-left-con .title {
    font-size: 48px;
    color: #FFFFFF;
    margin-bottom: 5px;
    font-weight: normal;
    text-shadow: 0 2px 8px rgba(123, 92, 42, 0.46);
}

.r-fund-left-con .fundname {
    font-size: 20px;
    color: #fff;
}

.r-fund-info {
    margin: 25px 0;
}

.r-fund-info .rate-number {
    font-size: 64px;
    color: #FFFFFF;
    text-shadow: 0 2px 8px rgba(123, 92, 42, 0.46);
}

.r-fund-info .rate-number i {
    font-size: 42px;
}

.r-fund-info .rate-text {
    font-size: 14px;
    color: rgb(255, 255, 255);
    color: rgba(255, 255, 255, 0.60);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
}

.r-fund-action {
    margin-bottom: 30px;
}

.r-btn {
    display: block;
    width: 194px;
    height: 40px;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    border: 1px solid #FFFFFF;
    border-radius: 100px;
    position: relative;
    overflow: hidden;
}

.r-fund-type span {
    font-size: 14px;
    color: #fff;
    margin-right: 30px;
}

.r-wrap-content .r-fund-ri {
    width: 709px;
    height: 425px;
    padding: 0 38px;
    background: #fff url(../images/index-bg.png) no-repeat right bottom;
    box-shadow: 0 0 22px 0 rgba(111, 128, 152, 0.35);
    border-radius: 8px;
}

.r-wrap-content .r-fund-ri .title {
    height: 58px;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    line-height: 58px;
    border-bottom: 1px solid #ebebeb;
}

.r-fund-item-left {
    width: 355px;
}

.r-fund-item-left .r-fund-item {
    padding-bottom: 24px;
}

.borderBottom {
    border-bottom: #ebebeb 1px solid;
}

.r-fund-item .fund-name {
    font-size: 18px;
    color: #333333;
    line-height: 28px;
}

.r-fund-item .fund-name i {
    font-size: 14px;
}

.r-fund-item .fund-info {
    font-size: 14px;
    color: #645A44;
    line-height: 28px;
}

.r-fund-item .fund-rate {
    font-size: 36px;
    color: #BD9126;
}

.r-fund-item .fund-rate-info {
    font-size: 14px;
    color: #666;
}

.r-fund-item .r-fund-title {
    margin: 18px 0;
}

.r-fund-number {
    position: relative;
}

.r-fund-number .r-detail-btn {
    position: absolute;
    top: 8px;
    right: 0;
    width: 140px;
    color: #BD9126;
    font-size: 16px;
    border: 1px solid #BD9126;
    background: #fff;
}

.r-detail-btn:hover {
    background: #BD9126;
    color: #fff;
    transition-duration: 0.4s;
}

.r-fund-item-left {
    padding-right: 33px;
    border-right: 1px solid #f5f5f5;
}

.r-fund-item-right {
    padding-left: 33px;
}

.r-fund-item-right .r-detail-btn {
    position: inherit;
    margin: 45px 0 0 0;
}

.fund-trend {
    width: 415px;
    height: 376px;
    background: url("../images/ding-bj.png") top center no-repeat;
    position: relative;
}

.fund-zou {
    width: 464px;
    height: 345px;
    background: url("../images/ding-zou.png") bottom center no-repeat;
    position: absolute;
    right: 0;
    bottom: -5px;
}

.fund-trend ul {
    width: 100%;
    height: 100%;
}

.fund-trend ul li {
    width: 25%;
    height: 100%;
    position: relative;
    float: left;
    cursor: pointer;
}

.fund-trend ul li:hover {
    background: rgb(189, 145, 38);
    background: rgba(189, 145, 38, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fbd9126, endColorstr=#7fbd9126);
}

.fund-trend p {
    font-size: 14px;
    color: #FFFFFF;
    position: absolute;
    text-align: center;
}

.wei-1 {
    right: 10px;
    bottom: 30px;
}

.wei-2 {
    right: 22px;
    bottom: 70px;
}

.wei-3 {
    right: 10px;
    top: 160px;
}

.wei-4 {
    right: 22px;
    top: 85px;
}

.fund-trend ul li:hover p {
    color: #FFD232;
}

.ren-box {
    width: 360px;
    height: 365px;
    box-shadow: 0 6px 24px 0 rgba(236, 232, 224, 0.77);
    border-radius: 4px;
    text-align: center;
}

.ren-name {
    font-size: 24px;
    color: #333333;
    margin-top: 55px;
}

.ren-num {
    font-size: 42px;
    color: #BD9126;
}

.ren-all {
    font-size: 14px;
    color: #666666;
    margin: 8px auto 45px;
}

.ren-line {
    width: 50px;
    height: 4px;
    background: #EDE1C4;
    margin: 15px auto 40px;
}

.ren-btn {
    display: block;
    width: 140px;
    color: #BD9126;
    font-size: 16px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: 1px solid #BD9126;
    border-radius: 100px;
    margin: auto;
}

.ren-box:hover {
    transition-duration: 0.6s;
    transform: translateY(-10px);
    background: #BD9126;
    box-shadow: 0 6px 24px 0 rgb(208, 186, 134);
    box-shadow: 0 6px 24px 0 rgba(208, 186, 134, 0.77);
}

.ren-box:hover .ren-name {
    color: #fff;
}

.ren-box:hover .ren-line {
    background: rgb(237, 225, 196);
    background: rgba(237, 225, 196, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fede1c4, endColorstr=#7fede1c4);
}

.ren-box:hover .ren-num {
    color: #fff;
}

.ren-box:hover .ren-all {
    color: rgb(255, 255, 255);
    color: rgba(255, 255, 255, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2ffffff, endColorstr=#B2ffffff);
}

.ren-box:hover .ren-btn {
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
}

.ui_tab_home li.ui_tab_1.on em {
    display: block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #BD9126;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: -15px;
}

.ui_tab_home li.ui_tab_2.on em {
    display: block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #c19d5e;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: -15px;
}

.ui_tab_home li.ui_tab_3.on em {
    display: block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #4184C0;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: -15px;
}

.ui_tab_home li.ui_tab_4.on em {
    display: block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #ECAC4E;
    ;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: -15px;
}

.ui_tab_home li.ui_tab_5.on em {
    display: block;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #a47745;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: -15px;
}

.all-fund {
    display: block;
    width: 150px;
    height: 45px;
    position: absolute;
    right: 0;
    border-left: 1px solid #D8D3CA;
    top: 10px;
    padding-left: 25px;
    background: url("../images/all-fund.png") 135px center no-repeat;
    z-index: 10;
}

.toolbar-item {
    display: block;
    position: relative;
}

.opinion .toolbar-layer {
    height: 312px;
}

.toolbar-item:hover .toolbar-layer {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.toolbar-layer {
    position: absolute;
    right: 50px;
    bottom: 0px;
    width: 142px;
    opacity: 0;
    filter: alpha(opacity=0);
    transform-origin: 95% 95%;
    -moz-transform-origin: 95% 95%;
    -ms-transform-origin: 95% 95%;
    -o-transform-origin: 95% 95%;
    -webkit-transform-origin: 95% 95%;
    transform: scale(0.01);
    -moz-transform: scale(0.01);
    -ms-transform: scale(0.01);
    -o-transform: scale(0.01);
    -webkit-transform: scale(0.01);
    transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
}

.footer-bottom span {
    display: block;
    color: #fff;
    font-size: 12px;
    margin: 0 0 10px 0;
}

.footer-bottom a {
    display: inline-block;
    margin: 0px 40px 10px 0;
}

.banquan {
    color: #9b9b9b;
    opacity: 0.7;
}

.high-lists {
    height: 355px;
}

.high-lists li {
    float: left;
    height: 355px;
    width: 33.3%;
    text-align: center;
}

.table {
    display: table;
    width: 100%;
    height: 100%;
}

.cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.high-lists .cell img {
    /*    width: 100px;    height: 70px;*/
    display: inline-block;
}

.high-lists .cell h3 {
    font-size: 20px;
    color: #333;
    margin: 40px auto 20px;
}

.high-lists .cell p {
    font-size: 14px;
    color: #666;
    line-height: 22px;
}

.our-advantage {
    width: 100%;
    height: 1500px;
    background: #FDFCFB;
}

.advantage-box {
    width: 1000px;
    margin: 0 auto 140px;
}

.advantage-box h1 {
    font-size: 28px;
    color: #333;
    margin-top: 40px;
}

.advantage-box p {
    font-size: 16px;
    color: #333333;
    width: 600px;
    margin-top: 20px;
    line-height: 22px;
}

a.high-btn {
    position: absolute;
    left: 50%;
    margin-left: -600px;
    z-index: 20;
    display: block;
    width: 150px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    border-radius: 25px;
    box-shadow: 0 0 20px rgba(120, 91, 20, 0.2);
    bottom: 60px;
    background: #BD9126;
    color: #fff;
    text-align: center;
}

a.high-btn:hover {
    transform: translateY(-5px);
    transition-duration: 0.4s;
}

.wallet-main {
    width: 100%;
    height: auto;
    background: #fff;
    padding-bottom: 30px;
}

.wallet-main ul {
    width: 1200px;
    height: auto;
    overflow: hidden;
}

.wallet-main ul li {
    float: left;
    width: 50%;
    min-height: 235px;
}

.small-icon {
    width: 135px;
    height: 135px;
    background: url("../images/small-icon.png") no-repeat;
    margin-left: 40px;
}

.small-icon.small-i1 {
    background-position: 0 0;
}

.small-icon.small-i2 {
    background-position: -135px 0;
}

.small-icon.small-i3 {
    background-position: 0 -135px;
}

.small-icon.small-i4 {
    background-position: -135px -135px;
}

.small-icon.small-i5 {
    background-position: 0 -270px;
}

.small-icon.small-i6 {
    background-position: -135px -270px;
}

.small-icon.small-i7 {
    background-position: 0 -405px
}

.small-icon.small-i8 {
    background-position: -135px -405px
}

.w340 {
    width: 340px;
}

.wallet-icon {
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url("../images/wallet-icon.png") center center no-repeat;
    vertical-align: middle;
    margin-top: -5px;
}

.wallet-went {
    margin-top: 50px;
}

.wallet-went p {
    margin-top: 15px;
}

.wallet-table {
    width: 688px;
    height: 265px;
    margin-left: 25px;
    margin-top: 15px;
}

.wallet-table thead tr,
.wallet-table tbody tr {
    width: 100%;
    height: 42px;
}

.wallet-table thead tr td,
.wallet-table tbody tr td {
    padding-left: 30px;
    font-size: 16px;
    color: #333;
    border: 1px solid #C1C1C1;
}

.riskTip {
    width: 100%;
    background: #988252;
}

.riskTip h1 {
    font-size: 24px;
    color: #FFD05E;
    font-weight: normal;
    padding-top: 55px;
}

.riskTip p {
    font-size: 14px;
    color: #FFFFFF;
    padding-top: 20px;
}

.mid-tab-ul {
    width: 100%;
    background: #F3F3F1;
    height: 90px;
}

.ui_tab_about {
    height: 90px;
    overflow: hidden;
}

.ui_tab_about li {
    width: 150px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    float: left;
    font-size: 18px;
    color: #333333;
    position: relative;
    cursor: pointer;
}

.ui_tab_about li.on {
    background: #BD9126;
    color: #fff;
}

.ui_tab_about li:after {
    content: "";
    width: 2px;
    height: 90px;
    background: #E9E9E9;
    position: absolute;
    right: 0;
    top: 0;
}

.ui_tab_about li:nth-child(8):after {
    display: none;
}

.ui_tab_abouts {
    height: 90px;
    overflow: hidden;
}

.ui_tab_abouts li {
    width: auto;
    padding: 0px 15px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    float: left;
    font-size: 18px;
    color: #333333;
    position: relative;
    cursor: pointer;
}

.ui_tab_abouts li.on {
    background: #BD9126;
    color: #fff;
}

.ui_tab_abouts li:after {
    content: "";
    width: 2px;
    height: 90px;
    background: #E9E9E9;
    position: absolute;
    right: 0;
    top: 0;
}

.ui_tab_abouts li:nth-child(9):after {
    display: none;
}


.ui_tab_cnt_box h1 {
    margin-top: 70px;
    text-align: center;
    margin-bottom: 30px;
}

.introduce {
    margin-top: 50px;
}

.introduceBox {
    height: 510px;
    background: #EAE6DD;
    background: -moz-linear-gradient(top, #FFFFFF, #EAE6DD);
    background: -webkit-gradient(linear, top, from(#FFFFFF), to(#EAE6DD));
    background: -webkit-linear-gradient(top, #FFFFFF, #EAE6DD);
    background: -o-linear-gradient(top, #FFFFFF, #EAE6DD);
}

.context {
    padding: 60px 30px 60px 45px;
    background: #F6F8FA;
    border-radius: 4px;
}

.content-left img {
    border-radius: 5px;
}

.introduce img {
    width: 480px;
    height: 272px;
    float: left;
}

.introduce div {
    width: 650px;
    float: right;
    line-height: 30px;
    margin-top: 20px;
}

.content-top {
    font-size: 28px;
    color: #333;
    height: 25px;
    line-height: 22px;
    border-left: 10px solid #BD9126;
    padding-left: 10px;
}

.content-mid {
    font-size: 18px;
    color: #333333;
    margin: 15px 0 25px;
}

.content-bottom {
    font-size: 14px;
    color: #333333;
    line-height: 26px;
    word-break: break-all;
    text-align: justify;
}

.content-left img {
    width: 410px;
    height: 300px;
}

.w650 {
    width: 675px;
}

.content-right {
    margin-left: 40px;
}

.content-1 {
    position: absolute;
    width: 135px;
    height: 135px;
    background: url("../images/content-1.png") center center no-repeat;
    top: 95px;
    left: -140px;
}

.content-2 {
    position: absolute;
    width: 97px;
    height: 97px;
    background: url("../images/content-2.png") center center no-repeat;
    top: 48px;
    right: -120px;
}

.content-3 {
    position: absolute;
    width: 150px;
    height: 150px;
    background: url("../images/content-3.png") center center no-repeat;
    bottom: 50px;
    right: -170px;
}

.history-left {
    width: 630px;
    float: left;
    position: relative;
    overflow: hidden;
}

.history-right {
    width: 630px;
    float: right;
    position: relative;
    overflow: hidden;
}

.history-img {
    width: 16px;
    height: 123px;
}

.history-time {
    font-size: 24px;
    color: #BD9126;
    margin-bottom: 5px;
}

.history-left-box {
    width: auto;
    padding: 15px;
    background: #F6F8FA;
    border-radius: 4px;
    margin-top: 24px;
    margin-right: 20px;
    position: relative;
}

.history-right-box {
    width: auto;
    padding: 15px;
    background: #F6F8FA;
    border-radius: 4px;
    margin-top: 24px;
    margin-left: 20px;
    position: relative;
}

.history-left-box span {
    display: block;
    width: 12px;
    height: 20px;
    background: url("../images/left-icon.png") center right no-repeat;
    position: absolute;
    right: -12px;
    top: 28px;
}

.history-right-box span {
    display: block;
    width: 12px;
    height: 20px;
    background: url("../images/right-icon.png") center left no-repeat;
    position: absolute;
    left: -12px;
    top: 28px;
}

.history-content {
    font-size: 14px;
    color: #333333;
}

.history-left .history-img {
    margin-right: 22px;
}

.history-right .history-img {
    margin-left: 22px;
}

.tips-box {
    margin: 10px auto 70px;
}

.tips-box>div {
    width: auto;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: auto;
}

.idea-tip {
    display: block;
    width: 290px;
    height: 1px;
    margin: 10px auto 0;
}

.idea-box {
    width: 890px;
    margin: 0 auto 110px;
    height: 150px;
}

.idea-one {
    width: 182px;
    height: 145px;
    background: url("../images/idea-1.png") center center no-repeat;
    float: left;
}

.idea-two {
    width: 182px;
    height: 145px;
    background: url("../images/idea-2.png") center center no-repeat;
    float: left;
    margin-left: 175px;
}

.idea-three {
    width: 182px;
    height: 145px;
    background: url("../images/idea-3.png") center center no-repeat;
    float: right;
}

.idea-box P {
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
    margin-top: 30px;
    line-height: 30px;
}

.culture-box {
    height: 380px;
}

.culture-box li {
    float: left;
    height: 380px;
    width: 25%;
    text-align: center;
}

.culture-box h2 {
    font-size: 24px;
    color: #333333;
    margin-top: 20px;
}

.culture-box h3 {
    font-size: 16px;
    color: #666666;
    margin-top: 10px;
    font-weight: 100;
}

.culture-box .item-img img {
    height: 97px;
}

.contact {
    margin: 50px auto 90px;
}

.contact-left,
.contact-right {
    width: 500px;
    border: 1px solid #D4D4D4;
    border-radius: 4px;
    padding: 35px 40px 0;
    position: relative;
}

.contact .adressh {
    min-height: 160px;
    color: #333333;
}

.contact .adressh h2 {
    font-size: 24px;
    margin-bottom: 15px;
}

.contact .adressh p {
    font-size: 16px;
    margin-bottom: 10px;
}

.contact a {
    display: block;
    width: 500px;
    line-height: 64px;
    text-align: center;
    font-size: 18px;
    color: #BD9126;
    border-top: 1px solid #EBEBEB;
}

.recruit {
    margin: 55px auto;
}

.recruit-box {
    width: 510px;
    height: 635px;
    background: #F6F8FA;
    border-radius: 4px;
    padding: 35px 35px 0;
    position: relative;
    margin-bottom: 20px;
}

.recruit h2 {
    font-size: 24px;
    color: #BD9126;
    margin-bottom: 5px;
    text-align: center;
}

.recruit h3 {
    font-size: 16px;
    color: #333333;
    margin: 15px auto;
}

.recruit p {
    font-size: 14px;
    color: #333333;
    line-height: 22px;
}

.address {
    text-align: center;
    margin-top: 10px;
}

.address img {
    width: 40px;
    height: 40px;
}

.address span {
    font-size: 16px;
    color: #BD9126;
    display: inline-block;
    margin-left: 12px;
}

.email {
    width: 510px;
    height: 80px;
    text-align: center;
    font-size: 14px;
    color: #333333;
    border-top: 2px solid #E9E9E9;
    position: absolute;
    bottom: 0;
}

.email-box {
    width: 510px;
    height: 80px;
    display: table-cell;
    vertical-align: middle;
}

.email-box a {
    color: #BD9126;
    margin-left: 5px;
}

.recruit .recruit-box:nth-child(even) {
    margin-left: 35px;
}

.recruit .recruit-box:last-child {
    background: none;
}

.counting-box {
    width: 510px;
    height: 635px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.counting {
    font-size: 36px;
    color: rgb(51, 51, 51);
    color: rgba(51, 51, 51, 0.2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33333333, endColorstr=#33333333);
}

.inHd ul {
    width: 507px;
    height: 42px;
    border: 1px solid #B1B1B1;
    margin: 15px auto 40px;
    border-radius: 4px;
}

.inHd ul li {
    font-size: 14px;
    line-height: 42px;
    text-align: center;
    color: #333333;
    float: left;
    width: 126px;
    cursor: pointer;
    position: relative;
}

.inHd ul li:after {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #B1B1B1;
    position: absolute;
    bottom: 0;
    top: 0;
    z-index: 1;
    left: 0;
}

.inHd ul li:first-child:after {
    display: none;
}

.inHd ul li.on {
    background: #BD9126;
    color: #fff !important;
}

.depart-top {
    height: 276px;
    background: #F6F8FA;
}

.depart-top-right {
    width: 780px;
    padding: 0 40px;
}

.depart-top-left {
    width: 337px;
    position: relative;
}

.depart-top-left img {
    border-radius: 5px 0 0 5px;
}

.depart-top-right h2 {
    font-size: 20px;
    color: #333333;
    border-left: 10px solid #BD9126;
    padding-left: 10px;
    margin: 65px auto 20px;
}

.depart-top-right p {
    font-size: 14px;
    color: #333333;
    line-height: 26px;
}

.triangle-left {
    position: absolute;
    display: block;
    right: -2px;
    top: 60px;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-right: 25px solid #F6F8FA;
    border-bottom: 15px solid transparent;
}

.one-link {
    background: #F6F8FA;
    border-radius: 4px;
    height: 122px;
    margin-bottom: 30px;
}

.one-link-left {
    width: 200px;
    height: 122px;
    text-align: center;
    background: #C4B07D;
    border-radius: 4px 0 0 4px;
}

.one-link-left span {
    display: block;
    width: 200px;
    height: 122px;
    line-height: 122px;
    font-size: 24px;
    color: #FFFFFF;
}

.one-link-right {
    margin-left: 50px;
}

.one-link-right .one-link-infor {
    width: 390px;
    height: 122px;
    display: table-cell;
    vertical-align: middle;
}

.one-link-right img {
    width: 20px;
    height: 20px;
}

.one-link-right span {
    font-size: 16px;
    color: #333333;
    vertical-align: middle;
    margin-left: 10px;
}

.team-per-infor {
    padding-right: 25px;
    width: 795px;
}

.team-per-infor p {
    font-size: 14px;
    color: #333333;
    line-height: 40px;
    margin-left: 10px;
}

.team-per-infor h3 {
    font-size: 36px;
    color: #333333;
    line-height: 40px;
    margin: 15px 0 30px 20px;
    font-weight: normal;
}

.team-per ul {
    width: 1200px;
    height: 205px;
    overflow: hidden;
}

.team-per ul li {
    width: 185px;
    height: 185px;
    float: left;
    margin-right: 30px;
    background: #F6F8FA;
    border-radius: 5px;
    margin-top: 20px;
}

.team-per ul li:last-child {
    margin-right: 0;
}

.team-mid {
    text-align: center;
}

.team-name {
    font-size: 14px;
    color: #C4B07D;
    line-height: 40px;
}

.team-content {
    font-size: 14px;
    color: #333333;
    text-align: center;
    line-height: 24px;
}

.team-per ul li .team-top {
    width: 86px;
    height: 86px;
    text-align: center;
    line-height: 80px;
    margin: -20px auto 0;
    font-size: 20px;
    color: #FFFFFF;
    background: url("../images/team-1.png") center center no-repeat;
}

.team-per ul li:nth-child(even) .team-top {
    background: url("../images/team-2.png") center center no-repeat;
}

.three-tips {
    width: 1100px;
    height: 100px;
    display: table-cell;
    vertical-align: middle;
    background: #F6F8FA;
    border-radius: 4px;
    padding: 0 50px;
    line-height: 26px;
}

.six-mid-left,
.six-mid-right {
    width: 400px;
    height: 500px;
    background: #F6F8FA;
    border-radius: 4px;
}

.six-mid-left {
    margin-left: 100px;
}

.six-mid-right {
    margin-right: 100px;
}

.six-top-right p {
    font-size: 14px;
    color: #333333;
    line-height: 26px;
}

.six-mid-top {
    background: #78B2DF;
    border-radius: 4px 4px 0 0;
    height: 125px;
    text-align: center;
}

.six-mid-top img {
    width: 60px;
    height: 60px;
    margin: 15px auto 10px;
}

.six-mid-top p {
    font-size: 20px;
    color: rgb(255, 255, 255);
    color: rgba(255, 255, 255, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2ffffff, endColorstr=#B2ffffff);
}

.six-mid-mid {
    background: #54A5D2;
    border-top: 1px solid #FFFFFF;
    border-radius: 0 0 4px 4px;
    height: 80px;
    line-height: 70px;
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
    position: relative;
}

.six-mid-bot p {
    width: 270px;
    font-size: 14px;
    color: #333333;
    margin: auto;
}

.six-mid-bot p:nth-child(1) {
    margin-top: 65px;
}

.six-mid-bot p:nth-child(2) {
    margin-top: 35px;
}

.triangle-up {
    position: absolute;
    display: block;
    right: 50%;
    bottom: 0px;
    margin-right: -15px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 20px solid #F6F8FA;
}

.six-link {
    background: #F6F8FA;
    border-radius: 4px;
    height: 80px;
    margin-bottom: 165px;
}

.six-link-left {
    width: 200px;
    height: 80px;
    text-align: center;
    background: #C4B07D;
    border-radius: 4px 0 0 4px;
}

.six-link-left .six-left-table {
    width: 200px;
    height: 80px;
    display: table-cell;
    vertical-align: middle;
}

.six-link-left img {
    width: 33px;
    height: 33px;
    display: inline-block;
}

.six-link-left span {
    font-size: 16px;
    color: #FFFFFF;
    margin-left: 22px;
    vertical-align: middle;
}

.six-link-right .six-right-table {
    width: 1000px;
    height: 80px;
    display: table-cell;
    vertical-align: middle;
}

.six-link-right img {
    width: 20px;
    height: 20px;
}

.six-link-right span {
    font-size: 16px;
    color: #333333;
    vertical-align: middle;
    margin-left: 10px;
}

.team-per-infor-two p {
    line-height: 35px;
}

.search-pro-box input.search-input::-webkit-input-placeholder {
    color: rgb(255, 255, 255);
    color: rgba(255, 255, 255, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
}

.search-pro-box input.search-input:-moz-placeholder {
    color: rgb(255, 255, 255);
    color: rgba(255, 255, 255, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
}

.search-pro-box input.search-input::-moz-placeholder {
    color: rgb(255, 255, 255);
    color: rgba(255, 255, 255, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
}

.search-pro-box input.search-input:-ms-input-placeholder {
    color: rgb(255, 255, 255);
    color: rgba(255, 255, 255, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
}

.search-pro-box-two input.search-input::-webkit-input-placeholder {
    color: rgb(51, 51, 51);
    color: rgba(51, 51, 51, 0.3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C333333, endColorstr=#4C333333);
}

.search-pro-box-two input.search-input:-moz-placeholder {
    color: rgb(51, 51, 51);
    color: rgba(51, 51, 51, 0.3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C333333, endColorstr=#4C333333);
}

.search-pro-box-two input.search-input::-moz-placeholder {
    color: rgb(51, 51, 51);
    color: rgba(51, 51, 51, 0.3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C333333, endColorstr=#4C333333);
}

.search-pro-box-two input.search-input:-ms-input-placeholder {
    color: rgb(51, 51, 51);
    color: rgba(51, 51, 51, 0.3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C333333, endColorstr=#4C333333);
}

.mb150 {
    margin-bottom: 150px;
}

.mb100 {
    margin-bottom: 100px;
}

.img-width {
    max-width: 100%;
}

.img-position {
    position: absolute;
    left: 50%;
    margin-left: -960px;
}

.banner-height {
    height: 412px;
}

.hot-fund-list {
    overflow: hidden;
    width: 298px;
}

.add-explain {
    border-top: 1px solid #EBEBEB;
}

.pd-b-60 {
    padding-bottom: 60px;
}

.demo-radio {
    display: none
}

.demo-radioInput {
    background-color: #fff;
    border: 1px solid #BD9126;
    border-radius: 100%;
    display: inline-block;
    height: 16px;
    margin-right: 10px;
    margin-top: -1px;
    vertical-align: middle;
    width: 16px;
    line-height: 1
}

.demo-radio:checked+.demo-radioInput:after {
    background-color: #BD9126;
    border-radius: 100%;
    content: "";
    display: inline-block;
    height: 12px;
    margin: 2px;
    width: 12px
}

.rmenu .sidebox {
    position: absolute;
    width: 36px;
    height: 36px;
    line-height: 36px;
    top: 0;
    right: 0;
    transition: all 0.2s;
    background: #fff;
    opacity: 0;
    filter: Alpha(opacity=0);
    color: #f5c040;
    overflow: hidden;
    font-size: 13px;
    text-align: center;
    border-radius: 5px;
    border: 2px solid #f5c040;
}

.rmenu a {
    overflow: hidden;
}

.hover-ewm {
    position: relative;
}

.hover-ewm .toolbar-layer {
    height: 160px;
}

.hover-ewm:hover .ewm-layer {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.ewm-layer {
    position: absolute;
    top: 30px;
    left: -45px;
    width: 142px;
    opacity: 0;
    filter: alpha(opacity=0);
    transform-origin: 5% 5%;
    -moz-transform-origin: 5% 5%;
    -ms-transform-origin: 5% 5%;
    -o-transform-origin: 5% 5%;
    -webkit-transform-origin: 5% 5%;
    transform: scale(0.01);
    -moz-transform: scale(0.01);
    -ms-transform: scale(0.01);
    -o-transform: scale(0.01);
    -webkit-transform: scale(0.01);
    transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
    z-index: 99;
}

.main-top-wrap {
    z-index: 99;
}

.hover-buy {
    position: relative;
}

.hover-buy:hover .ewm-trade {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

.ewm-trade {
    position: absolute;
    top: -45px;
    left: 150px;
    width: 150px;
    opacity: 0;
    filter: alpha(opacity=0);
    transform-origin: 5% 5%;
    -moz-transform-origin: 5% 5%;
    -ms-transform-origin: 5% 5%;
    -o-transform-origin: 5% 5%;
    -webkit-transform-origin: 5% 5%;
    transform: scale(0.01);
    -moz-transform: scale(0.01);
    -ms-transform: scale(0.01);
    -o-transform: scale(0.01);
    -webkit-transform: scale(0.01);
    transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
    z-index: 99;
}

.px0,
.px1,
.px2 {
    display: inline-block;
    width: 6px;
    height: 12px;
    margin-left: 5px;
    vertical-align: middle
}

.px0 {
    background: url(../images/px0.png) no-repeat top center
}

.px1 {
    background: url(../images/px1.png) no-repeat top center
}

.px2 {
    background: url(../images/px2.png) no-repeat top center
}


/*6-11*/
.dong-left-img {
    height: 430px;
    position: relative;
}

.dong-left-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgb(236, 241, 246);
    /*不支持rgba的浏览器*/
    background: rgba(236, 241, 246, 0.9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5ECF1F6, endColorstr=#E5ECF1F6);
    /*IE8支持*/
}

.dong-right-img {
    width: 262px;
}

.dong-right-p {
    width: 316px;
}

/*前/后按钮代码*/
.picScroll-left .arrow a.prev,
.picScroll-left .arrow a.next {
    position: absolute;
    display: block;
    width: 33px;
    height: 33px;
    margin-top: 5px;
    overflow: hidden;
    cursor: pointer;
}

.picScroll-left .arrow .next {
    right: -60px;
    top: 0;
    background: url("../images/tab-right.png") center center no-repeat;
}

.picScroll-left .arrow .prev {
    left: -60px;
    top: 0;
    background: url("../images/tab-left.png") center center no-repeat;
}

/*动画效果*/
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        /*初始状态 透明度为0*/
    }

    70% {
        opacity: .7;
    }

    100% {
        opacity: 1;
        /*结尾状态 透明度为1*/
    }
}

@keyframes mymove {
    0% {
        opacity: 0;
        /*初始状态 透明度为0*/
    }

    70% {
        opacity: .7;
    }

    100% {
        opacity: 1;
        /*结尾状态 透明度为1*/
    }
}

@-moz-keyframes mymove

/* Firefox */
    {
    0% {
        opacity: 0;
        /*初始状态 透明度为0*/
    }

    70% {
        opacity: .7;
    }

    100% {
        opacity: 1;
        /*结尾状态 透明度为1*/
    }
}

@-o-keyframes mymove

/* Opera */
    {
    0% {
        opacity: 0;
        /*初始状态 透明度为0*/
    }

    70% {
        opacity: .7;
    }

    100% {
        opacity: 1;
        /*结尾状态 透明度为1*/
    }
}

.inHd ul {
    overflow: hidden;
}

.inHd ul li {
    border-right: none;
}

.shiye {
    width: 507px;
    height: 42px;
    margin: 0 auto 40px;
}

.shiye .inHd ul {
    border: none;
}

.shiye .bd ul li {
    font-size: 14px;
    line-height: 42px;
    text-align: center;
    color: #333333;
    float: left;
    width: 126px !important;
    cursor: pointer;
    border-right: none;
}

.shiye .bd {
    width: 507px;
    height: 42px;
    margin: 15px auto 40px;
    border-radius: 4px;
    padding-top: 0;
}

.shiye .tempWrap {
    border: 1px solid #B1B1B1;
    border-radius: 4px;
}

.active-mod.active {
    overflow: hidden
}

.active .home-tab-left {
    animation-name: fadeInLeft
}

.active .home-tab-right {
    animation-name: fadeInRight
}

.active .jjlb {
    animation-name: fadeIn;
}

.active .tdsl {
    animation-name: fadeInDown;
}

.active .tdjl {
    animation-name: fadeInUp;
}

/*6-13*/
.scrolled .main-top-con span {
    color: #333;
}

.scrolled .m-menu-link li a {
    color: #333;
}

.scrolled .m-menu-link li.active a {
    color: #BD9126;
}

.scrolled .m-menu-link li:hover a {
    color: #BD9126;
}

.scrolled .search-pro-box .search-input {
    border: 1px solid #d7cdb4;
    color: #333;
}

.scrolled .search-pro-box input.search-input::-webkit-input-placeholder {
    color: rgb(51, 51, 51);
    color: rgba(51, 51, 51, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99333333, endColorstr=#99333333);
}

.scrolled .search-pro-box input.search-input:-moz-placeholder {
    color: rgb(51, 51, 51);
    color: rgba(51, 51, 51, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99333333, endColorstr=#99333333);
}

.scrolled .search-pro-box input.search-input::-moz-placeholder {
    color: rgb(51, 51, 51);
    color: rgba(51, 51, 51, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99333333, endColorstr=#99333333);
}

.scrolled .search-pro-box input.search-input:-ms-input-placeholder {
    color: rgb(51, 51, 51);
    color: rgba(51, 51, 51, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99333333, endColorstr=#99333333);
}

.scrolled .search-pro-box .search-input {
    background: #fff;
}

.scrolled .search-pro-box .submitanniu {
    background: url(../images/search-ico-two.png) center center no-repeat;
}

.manager-box {
    overflow: hidden;
    width: 1200px;
    height: 400px;
}

.depart-top-left img {
    width: 100%;
}

select {
    line-height: 34px;
    border: 1px solid #d7cdb4;
    font-size: 15px;
    height: 34px;
    padding: 0 8px;
    border-radius: 3px;
    width: 258px;
    /*很关键：将默认的select选择框样式清除*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*在选择框的最右侧中间显示小箭头图片*/
    background: url("../images/select-icon.png") no-repeat scroll 230px center transparent;
    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
    display: none;
}



/* 公益活动 */
.active-lists {
    width: 100%;
    height: auto;
    background: url('../images/active/active-bj.jpg') top center no-repeat;
    /*background-size: 100%;*/
    padding-top: 20px;
}

.active-word {
    width: 1090px;
    padding: 0px 55px 50px 55px;
    /* background: url('../images/active/word-bj.png') center center no-repeat; */
    background-size: 100%;
}

.active-word-infor {
    font-size: 24px;
    color: #333333;
    line-height: 40px;
    font-weight: bold;
}

.active-word-user {
    font-size: 24px;
    color: #333333;
    line-height: 40px;
    font-weight: bold;
    text-align: right;
}

.active-word-company {
    font-size: 18px;
    color: #333333;
    line-height: 28px;
    margin-top: 15px;
}

.hold-activity-title {
    font-size: 36px;
    color: #333333;
    text-align: center;
    font-weight: bold;
    margin-top: 80px;
    margin-bottom: 35px;
}

.ui_tab_active {
    text-align: center;
}

.ui_tab_active>li {
    width: 125px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 14px;
    color: #999999;
    border: 1px solid #C6C6C6;
    display: inline-block;
    cursor: pointer;
    margin-left: -1px;
}

.ui_tab_active>li:first-child {
    border-radius: 4px 0 0 4px;
}

.ui_tab_active>li:last-child {
    border-radius: 0 4px 4px 0;
}

.ui_tab_active>li.on {
    color: #BD9126;
    border-color: #BD9126;
    position: relative;
}

.active-year-box {
    width: 100%;
    margin-top: 35px;
}

.year-box {
    width: 592px;
    /* height: 626px; */
    position: relative;
    border-radius: 4px;
}

.year-left-img {
    width: 592px;
    height: 388px;
    overflow: hidden;
}

.year-left-img img {
    width: 490px;
    height: 388px;
    transition: all 0.5s;
    cursor: pointer;
}

.year-img.on {
    transform: scale(1.1);
}

.year-hover-word.on {
    transition-duration: 0.4s;
    color: #BD9126;
}

.year-left-bottom-one {
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    background: rgb(255, 255, 255);
    /*不支持rgba的浏览器*/
    background: rgba(255, 255, 255, 0.9);
    width: 485px;
    /* padding: 30px 30px 30px 0px; */
    border-radius: 25px;
    height: 388px;
}

.year-left-bottom-one .year-link {
    display: inline-block;
    font-size: 14px;
    color: #BD9126;
    line-height: 16px;
    margin-top: 25px;
}

.year-left-bottom-two {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgb(255, 255, 255);
    /*不支持rgba的浏览器*/
    background: rgba(255, 255, 255, 0.9);
    width: 532px;
    height: 192px;
    padding: 30px 30px 0 30px;
}

.year-three-right {
    width: 592px;
    height: 626px;
    position: relative;
    float: right;
}

.year-left-bottom-three {
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    background: rgb(255, 255, 255);
    /*不支持rgba的浏览器*/
    background: rgba(255, 255, 255, 0.9);
    width: 210px;
    padding: 30px 30px 0 30px;

}

.year-left-bottom-three .year-link {
    font-size: 14px;
    color: #BD9126;
    line-height: 16px;
    position: absolute;
    bottom: 30px;
    left: 30px;
}

.year-three-right>.year-box:first-child {
    margin-bottom: 16px;
}

.year-theme {
    font-size: 16px;
    color: #333333;
    line-height: 24px;
    font-weight: bold;
    padding-top: 10px;
}

.year-theme-line {
    width: 25px;
    height: 3px;
    background-color: #BD9126;
    border-radius: 2px;
    margin: 12px 0;
}

.dong-name {
    width: 100%;
    height: 25px;
    overflow: hidden;
}

.hover-word {
    cursor: pointer;
}

.year-word {
    font-size: 16px;
    color: #333333;
    padding-top: 14px;
    line-height: 32px;
}

.year-left-bottom-two .year-link {
    font-size: 14px;
    color: #BD9126;
    line-height: 16px;
    position: absolute;
    bottom: 30px;
    left: 30px;
}


.active-photo {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.active-photo .hd {
    overflow: hidden;
}

.active-photo .hd ul {
    overflow: hidden;
    zoom: 1;
    margin: 30px auto;
    zoom: 1;
    text-align: center;
}

.active-photo .hd ul li {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 10px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(189, 145, 38, 0.32);
}

.active-photo .hd ul li.on {
    background-color: #BD9126;
}

.active-photo .bd ul {
    overflow: hidden;
    zoom: 1;
}

.active-photo .bd ul li {
    margin: 0 6px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
}

.active-photo .bd ul li .pic {
    text-align: center;
}

.active-photo .bd ul li .pic img {
    width: 100%;
    height: 258px;
    display: block;
}

.light-box {
    width: 100%;
    height: 544px;
    background: url('../images/active/light-bj.png') center center no-repeat;
    background-size: cover;
}

.light-ul-infor li:last-child {
    margin-right: 0px;
}

.light-infor {
    width: 376px;
    height: 330px;
    background: url('../images/active/light-box.png') top center no-repeat;
    background-size: cover;
    float: left;
    margin-top: 100px;
    margin-right: 35px;
    position: relative;
}

.light-infor-img {
    width: 64px;
    height: 64px;
    border-radius: 32px;
    position: absolute;
    left: 50%;
    margin-left: -32px;
    top: -32px;
    z-index: 10;
}

.light-infor-word {
    margin: 60px 30px 0;
    font-size: 16px;
    color: #333333;
    line-height: 36px;
    text-decoration: #ECE7E4;
}

.light-infor-name {
    font-size: 20px;
    color: #BD9126;
    line-height: 20px;
    font-weight: bold;
    position: absolute;
    bottom: 60px;
    right: 30px;
}

.light-infor-post {
    font-size: 14px;
    color: #666666;
    line-height: 14px;
    margin-top: 12px;
    position: absolute;
    bottom: 35px;
    right: 30px;
}

.cartoon-box {
    width: 100%;
    height: 868px;
    background: url('../images/active/cartoon-bj.jpg') center center no-repeat;
    background-size: cover;
}

.cartoon-img {
    width: 1120px;
    height: 520px;
    background: url('../images/active/cartoon.png') center center no-repeat;
    background-size: 100%;
    padding: 40px;
}

.cartoon-img li {
    width: 25%;
    height: 260px;
    float: left;
}

.cartoon-img img {
    display: block;
    width: 80%;
    margin: auto;
}

.active-more {
    width: 100%;
    margin: 30px auto 0;
    text-align: center;
    float: left;
}

.active-more a {
    font-size: 14px;
    color: #BD9126;
    line-height: 16px;
}

/* 新版公益节日活动 */
.selectb {
    background-color: #FFCC99;
    /* background: url('../images/active/section1-right-current-bg.jpg') no-repeat; */
}

.hover-text:before {
    content: '';
    position: absolute;
    left: -6px;
    top: 50%;
    margin-top: -5px;
    width: 6px;
    height: 11px;
    background: url('../images/active/section1-right-current-triangle.jpg') no-repeat;
}

.img-title p {
    font-size: 14px;
    color: #000;
    letter-spacing: 1px;
}

.img-title h4 {
    font-size: 16px;
    color: #000;
    font-weight: bold;
    margin-top: 4px;
    line-height: 42px;
}

.img-title em {
    position: absolute;
    right: 22px;
    top: 50%;
    margin-top: -40px;
    width: 98px;
    text-align: right;
    font-size: 60px;
    color: #edecec;
}

.hovera-text {
    display: none;
}

.machi:hover {
    text-decoration: none !important;
    color: #fff;
    font-weight: bold;
}

.funds-box {
    max-height: 230px;
    overflow-y: auto;
}

.funds-box::-webkit-scrollbar {
    width: 4px;
}

.ueditor_content_parse p,
.ueditor_content_parse span {
    text-wrap: wrap !important;
}