*{
    margin: 0;
    padding: 0;
}

a{
    text-decoration: none;
    color: inherit !important;
}

a:hover{
    text-decoration: none;
}

ul,ol{
    list-style: none;
}

.clearfix:after{
    content: '';
    display: block;
    clear: both;
}

html{
    background: #ffffff;
    font-family: "Helvetica Neue",Helvetica,Arial,"PingFang SC",STXihei,"华文细黑",sans-serif; /* 1 */
}

body{
    background: #f2f2f2;
    position: relative;
    left: 0;
    transition: all 0.3s linear;
    /*font-family: "微软雅黑","华文细黑",sans-serif;*/
}
p,span,h1,h2,h3,h4 {
    font-family: "微软雅黑","华文细黑",sans-serif !important;
}

.single-container-fluid {
    min-height: 600px;
}

.scroll-header{
    background: #fff !important;
    width: 100%;
    position: fixed !important;
    top: 0 !important;
    z-index: 11;
    padding-top: 20px;
    font-size: 14px;
    color: #333 !important;
    text-align: left;
    font-weight: 400;
    border-bottom:1px solid #eee;
    box-shadow: 0px 1px 2px #eee;
    transition: all 0.4s ease-in-out;
    display: none;
}

.scroll-header .logo-section{
    margin-left:5%;
    float: left;
}

.scroll-header .logo-section img{
    width: 150px;
    margin-bottom: 10px;
}

.scroll-header .top-navigation-wrapper{
    float: right;
    margin-right:5%;
}

.scroll-header .top-nav-list{
    padding-top: 10px;
}

.scroll-header .top-nav-list>li:hover{
    color: #2a629d !important;
    border-bottom: 4px solid #2a629d !important;
    transition: all 0.2s ease-in-out;
}

.top-nav-list{
    margin-bottom: 0 !important;
}


.scroll-header  .top-nav-list>li{
    float: left;
    margin-right:25px;
    position: relative;
    z-index: 6;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 20px;
    border-bottom: 4px solid transparent;
    transition: all 0.2s ease-in-out;

}

.scroll-header .top-nav-list>li:hover .top-nav-submenu{
    /*display: block;*/
}

.scroll-header .top-nav-submenu{
    background: rgb(255,255,255) !important;
    color: #333 !important;
    margin-top: 7px;
    font-size: 12px;
    position: absolute;
    z-index: 5;
    top:36px;
    width: 130px;
    left: -28px;
    padding: 5px 3px;
    text-align: center;
    display: none;
    border: 1px solid #ddd !important;
    /*box-shadow: 2px 2px 8px #999;*/
}

.scroll-header .top-nav-submenu:before{
    content: '';
    display: block;
    border-width: 16px;
    border-style:solid;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    top: -31px;
    left: 45px;
    visibility: hidden;
}

.scroll-header .top-nav-submenu>li{
    padding: 8px 10px 8px 10px;
    border-bottom: 1px solid #ddd !important;
    transition: all 0.2s ease-in-out;
}

.scroll-header .top-nav-submenu>li:last-child{
    border-bottom: none !important;

}

.scroll-header .top-nav-submenu>li:hover{
    color: #2a629d;
}

    /*slides*/
.slide-container{
    text-align: center;
    position: relative;
}

.slides-desc{
    position: absolute;
    top: 32%;
    left: 0;
    width: 100%;
    z-index: 20;
    color: #ffffff;
}

.pattern-img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background:transparent url(../image/pattern.png) repeat top left;
}

.slides-desc .slides-desc-title{
    color: #fff;
    font-size: 55px;
    font-family: 'hzgb';
    margin-bottom: 40px;
    position: relative;
    left: -100%;
    -webkit-animation:slides-title-change 6s linear 0s infinite;
    -moz-animation:  slides-title-change 6s linear 0s infinite;
    -o-animation:  slides-title-change 6s linear 0s infinite;
    animation: slides-title-change 6s linear 0s infinite;

}

.slides-desc h3,.slides-desc h4{
    font-weight: normal;

}

@-webkit-keyframes slides-title-change{
    0%{
        left:-100%;
    }

    8%{
        left:0;
    }

    60%{
        left: 0;
    }

    68%{
        left: 100%;
    }

    90%{
        left: 100%;
    }

    100%{
        left: 100%;
    }

}

@-moz-keyframes slides-title-change{
    0%{
        left:-100%;
    }

    8%{
        left:0;
    }

    60%{
        left: 0;
    }

    68%{
        left: 100%;
    }

    90%{
        left: 100%;
    }

    100%{
        left: 100%;
    }
}

@-o-keyframes slides-title-change{
    0%{
        left:-100%;
    }

    8%{
        left:0;
    }

    60%{
        left: 0;
    }

    68%{
        left: 100%;
    }

    90%{
        left: 100%;
    }

    100%{
        left: 100%;
    }
}

@keyframes slides-title-change{
    0%{
        left:-100%;
    }

    8%{
        left:0;
    }

    60%{
        left: 0;
    }

    68%{
        left: 100%;
    }

    90%{
        left: 100%;
    }

    100%{
        left: 100%;
    }
}


    /*.slides{
        position: relative;
    }

    .slides>div{
        position: relative;
    }

    .slides-desc{
        position: absolute;
        margin-left:19%;
        top:35%;
        z-index: 20;
        color: #ffffff;
    }

    .slides-desc .slides-desc-title{
        color: #ffff;
        font-size: 55px;
    }*/

.home-page-wrapper{
    position: relative;
}


/*banner&header*/
.header-banner-wrapper{
    position: relative;
}

.header-banner-wrapper .banner-img{
    display: none;
}

.slides-img{
    width: 100%;
}

.header-banner-wrapper header,
.view-page-wrapper header{
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 30;
    padding-top: 20px;
    font-size: 14px;
    color: #ffffff;
    text-align: left;
    font-weight: 400;
    /*font-family: "Microsoft YaHei";*/
}

@media (max-width: 420px){
    .scroll-header,
    .header-banner-wrapper header,
    .view-page-wrapper header{
        padding-top: 10px;
    }
}

.header-banner-wrapper .logo-section,
.view-page-wrapper .logo-section{
    margin-left:5%;
    float: left;
}

.header-banner-wrapper .logo-section img,
.view-page-wrapper .logo-section img{
    width: 150px;
    margin-bottom: 10px;
}

@media (max-width: 420px) {
    .scroll-header .logo-section img,
    .header-banner-wrapper .logo-section img,
    .view-page-wrapper .logo-section img{
        width: 100px;
    }

    .mobile-top-nav-icon{
        width: 24px;
    }
}

.view-page-wrapper .logo-section img{
    margin-top: 10px;
}

.header-banner-wrapper .top-navigation-wrapper,
.view-page-wrapper .top-navigation-wrapper{
    float: right;
    margin-right:5%;
}

@media (max-width: 980px) {
    .view-page-wrapper .top-navigation-wrapper{
        margin-top: 10px;
    }
}


@media (max-width: 980px){
    .top-nav-list,.scroll-header .top-nav-list{
        display: none;
        margin-top: 0;
    }
}

.header-banner-wrapper .top-nav-list{
    padding-top: 10px;
}

.header-banner-wrapper .top-nav-list>li:hover,
.view-page-wrapper .top-nav-list>li:hover{
    color: #eee;
    border-bottom: 4px solid #ccc;
    transition: all 0.2s ease-in-out;
}


.header-banner-wrapper .top-nav-list>li,
.view-page-wrapper .top-nav-list>li{
    float: left;
    margin-right:25px;
    position: relative;
    z-index: 6;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 20px;
    border-bottom: 4px solid transparent;
    transition: all 0.2s ease-in-out;

}

.header-banner-wrapper .top-nav-submenu,
.view-page-wrapper .top-nav-submenu{
    background: rgba(0,0,0,.7);
    color: #fff;
    margin-top: 7px;
    font-size: 12px;
    position: absolute;
    z-index: 5;
    top:42px;
    width: 130px;
    left: -15px;
    right: 0;
    padding: 5px 3px;
    text-align: center;
    display: none;
    border: 1px solid #666;
    /*box-shadow: 2px 2px 8px #999;*/
}


.header-banner-wrapper .top-nav-submenu>li,
.view-page-wrapper .top-nav-submenu>li{
    padding: 5px 10px 5px 10px;
    border-bottom: 1px solid #666;
    transition: all 0.2s ease-in-out;
}

.header-banner-wrapper .top-nav-submenu>li:last-child,
.view-page-wrapper .top-nav-submenu>li:last-child{
    border-bottom: none;

}

.header-banner-wrapper .top-nav-submenu>li:hover,
.view-page-wrapper .top-nav-submenu>li:hover{
    color: #2a629d;
}

.view-page-wrapper .view-page-wrapper{
    margin-top: 10px !important;
}

.banner-img-middle, .banner-img-small{
    display: none;
}

@media (max-width: 769px) {
    .banner-img-large{
        display: none;
    }
    .banner-img-middle{
        display: block;
    }
}

@media (max-width: 420px) {
    .banner-img-middle{
        display:none;
    }

    .banner-img-small{
        display: block;
    }
}

.mobile-top-nav-icon-wrapper{
    /*border:1px solid red;*/
    text-align: right;
    display: none;
}

@media (max-width:980px){
    .mobile-top-nav-icon-wrapper{
        display: block;
    }
}

.mobile-top-nav-list{
    position: fixed;
    top:0;
    right: -130px;
    z-index: 30;
    width: 130px;
    height: 100%;
    background: rgba(0,0,0,.7);
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
    padding-top: 10px;
    font-size: 14px;
    transition:  all 0.3s linear;
    color: #fff;
}

.mobile-top-nav-list>li{
    border-bottom: 1px solid #666;
    padding-top: 8px;
    padding-bottom: 8px;
}

.mobile-top-nav-list>li>a:hover {
    color: #2a629d !important;
}

.mobile-top-nav-list>li:hover .mobile-top-nav-list>li .submenu-down{
    /*transform: rotate(180deg);*/
}

.mobile-top-nav-list .mobile-top-nav-submenu{
    display: none;
    font-size: 12px;
    margin-top: 10px;
    color: #fff;
}

.mobile-top-nav-list .mobile-top-nav-submenu>li{
    padding-top: 5px;
    padding-bottom: 5px;
    transition: all .3s ease-in-out;
    text-align: left;
    padding-left: 20px;
}

.mobile-top-nav-list .mobile-top-nav-submenu>li:hover{
    background: #2a629d;

}

.mobile-submenu-down, .submenu-down{
    width: 14px;
}

@media (max-width: 1000px) {
    .slides *{
        display:none !important;
    }

    .header-banner-wrapper .banner-img{
        display: block;
    }
    .header-banner-wrapper .banner-img>img{
        width: 100%;
        height: 100%;
    }
}

.home-page-wrapper .header-banner-wrapper .banner-message-wrapper{
    width: 100%;
    position: absolute;
    top:50%;
    margin-top: -150px;
    display: none;
    text-align: center;
}

.header-banner-wrapper .banner-title{
    font-family: 'hzgb';
    font-size: 60px;
    color: #fff;
    width: 100%;
    margin-bottom: 28px;
}

.header-banner-wrapper .banner-message-wrapper>h3{
    font-weight: lighter;
    font-family: 'FZLTXHKM';
    font-size: 24px;
    color: #ffffff;
}

.header-banner-wrapper .banner-message-wrapper>h4{
    font-family: 'Arial';
    font-size: 20px;
    font-weight: lighter;
    color: #ffffff;
}

@media(max-width: 1000px){
    .home-page-wrapper .header-banner-wrapper .banner-message-wrapper{
        display: block;
    }
    .header-banner-wrapper .banner-title{
        font-size: 40px;
        margin-top: 40px;
        margin-bottom: 10px;
    }

    .header-banner-wrapper .banner-message-wrapper>h3{
        font-size: 20px;
    }

    .header-banner-wrapper .banner-message-wrapper>h4{
        font-size: 14px;
    }

    .login-sign-up-wrapper>a{
        margin-top: 0px !important;
    }
}

.map-area-wrapper>img:nth-child(2){
    width: 100%;
    display: none;
}

@media(max-width: 769px){
    /*.navbar{*/
        /*display: block;*/
    /*}*/
    /*.header-banner-wrapper header,*/
    /*.view-page-wrapper>header {*/
        /*display: none;*/
    /*}*/

    .header-banner-wrapper .banner-title{
        font-size: 40px;
        margin-top: 40px;
        margin-bottom: 15px;
    }

    .login-sign-up-wrapper a{
        font-size: 12px;
        margin-top: 10px !important;
    }

    .company-introduce-wrapper>img{
        margin-top:30px !important; ;
        margin-bottom: 30px !important;
    }

    .map-area-wrapper{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .map-area-wrapper>img:nth-child(1){
        display: none;
    }

    .map-area-wrapper>img:nth-child(2){
        display: block;
    }
}

@media(max-width: 600px){
    .header-banner-wrapper .banner-title{
        font-size: 32px;
        margin-top: 40px;
        margin-bottom: 15px;
    }

    .header-banner-wrapper .banner-message-wrapper>h3{
        font-size: 18px;
    }

    .header-banner-wrapper .banner-message-wrapper>h4{
        font-size: 12px;
    }
}

@media(max-width: 600px){
    /*.header-banner-wrapper header{*/
        /*padding-top: 8px;*/
    /*}*/

    .header-banner-wrapper .banner-title{
        font-size: 32px;
        margin-top: 40px;
        margin-bottom: 15px;
    }

    .header-banner-wrapper .banner-message-wrapper>h3{
        font-size: 18px;
    }

    .header-banner-wrapper .banner-message-wrapper>h4{
        font-size: 12px;
    }
}

@media(max-width: 420px){
    .header-banner-wrapper .banner-title{
        font-size: 18px !important;
        margin-top: 21% !important;
        margin-bottom: 10px !important;
    }

    .header-banner-wrapper .banner-message-wrapper>h3{
        font-size: 12px !important;
        margin-top: 10px !important;
    }
}

.monetary-change-stock p{
    margin-top: 8px;
}

/*common*/
.en-title-common{
    font-size: 20px;
    color: #999;
    text-align: center;
    font-family: 'Arial';
    font-weight: lighter;
    position: relative;
    z-index: 2;
    letter-spacing: 3px;
}

.zn-title-common{
    font-size: 33px;
    /*font-family: 'Microsoft YaHei';*/
    color: #000;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 7px;
    position: relative;
    z-index: 2;
}

.title-space{
    text-align: center;
    position: relative;
    z-index: 4;
}

.font-color-white{
    color: #ffffff;
}

/*foreign-currency*/
.home-page-wrapper .foreign-currency-wrapper{
    padding-top: 3%;
    background: #f2f2f2;
}

.home-page-wrapper .foreign-currency-wrapper .index-mark-monetary-change-stock-wrapper{
    margin-right: 5%;
    margin-left: 5%;
}

.home-page-wrapper .foreign-currency-wrapper .index-mask-list>li{
    margin-bottom: 67px;
    text-align: left;
}

@media (max-width: 768px) {
    .home-page-wrapper .foreign-currency-wrapper .index-mask-list>li{
        text-align: center;
    }
}

.home-page-wrapper .foreign-currency-wrapper .index-mask-list>li>div{
    margin-bottom: 6px;
}

.home-page-wrapper .foreign-currency-wrapper .index-mask-list>li .species{
    font-family: '黑体';
    color: #333;
    font-size: 16px;
}

.home-page-wrapper .foreign-currency-wrapper .index-mask-list>li .exponent{
    font-size: 27px;
    color: #4ba801;
    font-family: 'PingFang-SC-Medium';
}

@media(min-width: 769px){
    .home-page-wrapper .foreign-currency-wrapper .index-mask-list>li .BID-ASK span{
        padding: 0 !important;
    }
}


.home-page-wrapper .foreign-currency-wrapper .index-mask-list>li .BID-ASK span>span{
    font-size: 15px;
    color: #4ba801;
    font-family: 'PingFang-SC-Medium';
    font-weight:lighter;
}

.home-page-wrapper .foreign-currency-wrapper .monetary-change-stock{
    border: 1px solid #eee;
    box-shadow: 4px 4px 20px #eee;
    /*padding-top: 30px;*/
    padding-bottom: 30px;
}

@media (max-width: 768px){
    .home-page-wrapper .foreign-currency-wrapper .monetary-change-stock{
        border: none;
        box-shadow: none;
        /*padding: 20px;*/
    }
}

.home-page-wrapper .foreign-currency-wrapper .monetary-change{
    margin-bottom: 40px;
}

.home-page-wrapper .foreign-currency-wrapper .monetary-change-title{
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    text-align: left;
    color: #2a629d;
    /*font-family: 'Microsoft YaHei';*/
    margin-bottom: 10px;
}


.home-page-wrapper .foreign-currency-wrapper .monetary-change form span{
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
}

.home-page-wrapper .foreign-currency-wrapper .monetary-change form select,
.home-page-wrapper .foreign-currency-wrapper .monetary-change form input{
    width: 100%;
    height: 35px;
    background: #fff;
    font-size: 14px;
    /*font-family: 'Microsoft YaHei';*/
    padding-left: 8px;
    border: 1px solid #cccccc;
    border-radius: 5px;
}

.home-page-wrapper .foreign-currency-wrapper .stock {
    /*margin-bottom: 40px;*/
}

.home-page-wrapper .foreign-currency-wrapper .stock form span{
    display: inline-block;
    vertical-align: top;
    /*margin-right: 8px;*/
    /*margin-bottom: 10px;*/
}

.home-page-wrapper .foreign-currency-wrapper  #rightNum{
    display: inline-block;
    line-height: 35px;
    background: #cccccc;
    width: 100%;
    height: 35px;
    padding-left: 10px;
    border-radius: 5px;
}

.home-page-wrapper .foreign-currency-wrapper .stock-title{
    /*width: 97px;*/
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    text-align: left;
    color: #2a629d;
    /*font-family: 'Microsoft YaHei';*/
    margin-bottom: 10px;
}

.home-page-wrapper .foreign-currency-wrapper .stock form select{
    width: 100%;
    height: 35px;
    border: 1px solid #cccccc;
    background: #fff;
    font-size: 14px;
    /*font-family: 'Microsoft YaHei';*/
    border-radius: 5px;
    padding-left: 8px;
    margin-bottom: 10px;
}

.home-page-wrapper .foreign-currency-wrapper .stock form input{
    width:100%;
    height: 35px;
    border: 1px solid #cccccc;
    padding-left: 8px;
    font-size: 14px;
    /*font-family: 'Microsoft YaHei';*/
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}

.home-page-wrapper .foreign-currency-wrapper .stock form button{
    width: 100%;
    background: #2a629d;
    border: none;
    font-size: 14px;
    /*font-family: 'Microsoft YaHei';*/
    color: #fff;
    display: inline-block;
    padding: 7px 15px;
    border-radius: 5px;
}

.home-page-wrapper .foreign-currency-wrapper .index-mark-monetary-change-stock-wrapper{
    margin-top:60px;
}

.home-page-wrapper .foreign-currency-wrapper .line-chart-wrapper{
    text-align: center;
    /*padding-left: 5%;*/
    /*padding-right: 5%;*/
    margin-bottom: 30px;
}

.home-page-wrapper .foreign-currency-wrapper .line-chart-wrapper>img{
    width: 100%;
}

/*@media(max-width: 769px){*/
    /*.home-page-wrapper .foreign-currency-wrapper .line-chart-wrapper>img{*/
        /*width: 100%;*/
        /*height:170px;*/
    /*}*/
/*}*/

.index-down{
    color: #a70202 !important;
}


/*trading-product*/
.home-page-wrapper .trading-product-wrapper{
    margin-top: 6%;
    margin-bottom: 6%;
    clear: right;
}

.home-page-wrapper .trading-product-wrapper .trading-product-list{
    margin: 3% 10px;
    /*padding-left:20px ;*/
    /*padding-right: 20px;*/
    text-align: center;
}

.home-page-wrapper .trading-product-wrapper .trading-product-list>li{
    margin-top: 30px;
    /*padding-left: 20px;*/
    /*padding-right: 20px;*/
}

.home-page-wrapper .trading-product-wrapper .trading-product-list>li .trading-product-item-inner{
    box-shadow: 1px 1px 16px #eee;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.box-shadow{
    position: absolute;
    width: 100%;
    height:100%;
    background: rgba(0,0,0,.4);
    top: 0;
    left: 0;
    transition:all 0.5s ease-in-out;
    color:#fff;
    font-size:14px;
    text-align: left;
    overflow: hidden;
}

.font-down{
    position: absolute;
    bottom:8%;
    left: 15%;
    transition:all 0.5s ease-in-out;
    opacity: 0;
}

.font-up{
    position: absolute;
    top:8%;
    left: 15%;
    transition:all 0.5s ease-in-out;
    opacity: 0;
}

.font-right{
    position: absolute;
    bottom:9%;
    left: 5%;
    transition:all 0.5s ease-in-out;
    opacity: 0;
}

.box-shadow1:before{
    position:absolute;
    /*width:80%;*/
    /*height:80%;*/
    top:10%;
    bottom:10%;
    left:10%;
    right:10%;
    content:'';
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    transform:scale(0,1);
    opacity:0;
    transition:all 0.5s ease-in-out;
}

.box-shadow1:after{
    position:absolute;
    /*width:80%;*/
    /*height:80%;*/
    top:10%;
    bottom:10%;
    left:10%;
    right:10%;
    content:'';
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    transform:scale(1,0);
    opacity:0;
    transition:all 0.5s ease-in-out;
}

.box-shadow1>img{
    margin-top:0px;
}

.box-shadow2>img{
    margin-top:-5px;
}

.box-shadow3>img{
    margin-top: -5px;
}

.box-shadow>img{
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%,-50%);
    transition:all 0.5s ease-in-out;
}

.box-shadow2:before{
    position:absolute;
    top:10%;
    bottom:10%;
    left:10%;
    right:10%;
    content: 'LIQUIDITY';
    transition:all 0.5s ease-in-out;
    transform:scale(0);
    border:1px solid #ffffff;
    color:#fff;
    padding: 15px;
}

.box-shadow4:before{
    position: absolute;
    top:10%;
    bottom:10%;
    left:0%;
    right:20%;
    content: '';
    transition:all 0.5s ease-in-out;
    opacity: 0;
    border:1px solid #ffffff;
    color:#fff;
    padding: 15px;
}

.trading-product-item-inner:hover .font-down{
    opacity: 1;
    bottom: 13%;
}

.trading-product-item-inner:hover .font-up{
    opacity: 1;
    top: 13%;
}

.trading-product-item-inner:hover .font-right{
    opacity: 1;
    left: 16%;
}

.trading-product-item-inner:hover .box-shadow {
    background: rgba(0, 0, 0, .3);
    cursor: pointer;
}

.trading-product-item-inner:hover .box-shadow:before,
.trading-product-item-inner:hover .box-shadow:after{
    opacity:1;
    transform: scale(1);
}

.trading-product-item-inner:hover .box-shadow1>img{
    margin-top: -5px;
}

.trading-product-item-inner:hover .box-shadow2>img{
    margin-top: 0px;
}

.trading-product-item-inner:hover .box-shadow2:before{
    transform:scale(1);
}

.trading-product-item-inner:hover .box-shadow3,.trading-product-item-inner:hover .box-shadow4{
    background: rgba(0,0,0,.6);
}

.trading-product-item-inner:hover .box-shadow3>img{
    margin-top: 0;
}

.trading-product-item-inner:hover .box-shadow4:before{
    opacity: 1;
    left:10%;
    right:10%;
}

.img-large{
    transition: all 0.5s ease-in-out;
    transform: scale(1);
}

.trading-product-item-inner:hover .img-large{
    transform:scale(1.1);
}

.trading-product-item-img-wrapper{
    position: relative;
    width: 100%;
}


.home-page-wrapper .trading-product-wrapper .trading-product-list>li .trading-product-item-inner a>img{
    display: block;
    width: 100%;
    vertical-align: top;
}

.home-page-wrapper .trading-product-wrapper .trading-product-list>li>div{

}

.home-page-wrapper .trading-product-wrapper .product-desc-wrapper{
    width: 100%;
    /*font-family:  'Microsoft YaHei';*/
    text-align: left;
    /*width: 240px;*/
    height: 145px;
    background: #f2f2f2;
}

.home-page-wrapper .trading-product-wrapper .product-desc-wrapper .product-title{
    color: #333;
    font-size: 16px;
    font-weight:bold;
    margin: 0;
    /*margin-bottom:5px;*/
    padding: 20px 10px 0px 10px;

}

.home-page-wrapper .trading-product-wrapper .product-desc-wrapper .product-desc{
    color: #666;
    font-size: 12px;
    line-height: 1.8;
    padding: 10px;
}


/*about-contact-us*/
.about-contact-us-wrapper{
    position: relative;
    background: #f2f2f2;
    padding-top: 10px;
}

.about-contact-us-wrapper>img{
    width: 100%;
}

.about-contact-us-wrapper .about-us-wrapper{
    /*border: 1px solid red;*/
    margin-top: 10%;
}

.about-contact-us-wrapper .about-us-wrapper .about-us-desc{
    font-size: 16px;
    text-align: center;
    /*color: transparent;*/
    /*font-family: 'Microsoft YaHei';*/
    width:700px;
    margin: 50px auto 0 auto;
    line-height: 1.7;
}

@media (max-width:770px) {
    .about-contact-us-wrapper .about-us-wrapper{
        padding-right: 20px;
        padding-left: 20px;
    }

    .about-contact-us-wrapper .about-us-wrapper .about-us-desc{
        width: 100%;
    }

}

.about-contact-us-wrapper .about-contact-us-inner{
    /*position: absolute;*/
    /*z-index: 4;*/
    /*top: 0;*/
    /*width: 100%;*/
}

.about-contact-us-wrapper .contact-way-content-wrapper{
    text-align: center;
    margin-top: 3%;
    margin-bottom: 50px;
}

.about-contact-us-wrapper .contact-way-wrapper{
    /*color: #ffffff;*/
    font-size: 16px;
    font-family: '黑体';
    margin-bottom: 40px;
    text-align: left;
}

.about-contact-us-wrapper .contact-way-wrapper .site-logo{
    margin-bottom: 10px;
}

.contact-us-wrapper{
    margin-top: 5%;
}

.ft-bg-wrapper{
    width: 100%;
}

.ft-bg-wrapper>img{
    width: 100%;
}

@media (max-width: 768px) {
    .product-item-page-wrapper .banner-message-wrapper .banner-title{
        font-size: 30px !important;
    }
}

.about-contact-us-wrapper .contact-way-wrapper .contact-address{
    padding-top: 10px;
    margin-bottom: 20px;
}

 .about-contact-us-wrapper .contact-way-wrapper .contact-phone{
    margin-bottom: 20px;
}

.contact-us-wrapper .contact-content-wrapper>input{
    width: 100%;
    padding: 8px;
    font-size: 16px;
    margin-bottom: 10px;
    font-family: 'Arial';
    display: block;
    margin: 14px auto 20px auto;
    border: 1px solid #ccc;

}

.contact-us-wrapper textarea{
    width: 100%;
    padding: 8px;
    font-size: 16px;
    margin-bottom: 10px;
    font-family: 'Arial';
    display: block;
    margin: 20px auto;
    border: 1px solid #ccc;
}

.contact-us-wrapper .btn-submit{
    width: 100%;
    padding: 8px;
    font-size: 18px;
    background:#2a629d;
    border: 1px solid #2a629d;
    /*color: #fff;*/
    font-family: '黑体';
    display: block;
    margin: 20px auto;
    color: #ffffff;
}

.contact-us-wrapper .btn-submit:focus{
    outline: none;

}

@media (max-width: 380px) {
    .contact-us-wrapper .contact-content-wrapper{
        padding-left: 20px;
        padding-right: 20px;
    }

    .contact-us-wrapper .contact-content-wrapper>input,
    .contact-us-wrapper textarea,
    .contact-us-wrapper .btn-submit{
        width: 100%;
    }
}

/*page-footer*/
.page-footer-wrapper{
    background: #464646;
    font-size: 12px;
    /*font-family: 'Microsoft YaHei';*/
    color: #fff;
    padding-top: 40px;
    padding-bottom: 100px;
    text-align: center;
}

@media(max-width: 420px){
    .page-footer-wrapper{
        padding-bottom: 100px !important;
    }
}

.page-footer-wrapper .copy-right{
    margin-right: 12%;
}

.page-footer-wrapper>div{
    display: inline-block;
    vertical-align: top;
}

.page-footer-wrapper .footer-nav-list{

}

@media(max-width:870px){
    .page-footer-wrapper .copy-right{
        margin-right: 0;
    }

    .page-footer-wrapper>div{
        display: block;
        margin-bottom: 15px;
    }
}

@media(max-width: 500px){
    .page-footer-wrapper .footer-nav-list{
        display: none;
    }

    .page-footer-wrapper{
        text-align:center;
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .page-footer-wrapper .copy-right{
        margin-right: 0;
    }
}

.page-footer-wrapper .footer-nav-list>li{
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
}

.site-logo{
    text-align: center;
}

.site-logo img{
    width: 150px;
}

.risk-attention-wrapper{
    position: fixed;
    z-index: 24;
    bottom: 0;
    margin-top: 10px;
    font-size: 14px;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    color: #343434;
    background: #ffffff;
    text-align: center;
    box-shadow: 0 -1px 2px #eee;
}

@media(max-width: 420px){
    .risk-attention-wrapper{
        padding:8px;
        font-size: 9px;
    }
}

@media(max-width: 768px){
    .view-content-inner>div{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

@media(max-width: 420px){
    /*index page*/
    .foreign-currency-wrapper,
    .trading-product-wrapper,
    .about-contact-us-wrapper,
    .view-content-wrapper,
    .company-introduce-content-wrapper,
    .business-time-wrapper,
    .product-item-list-wrapper,
    .question-answer-wrapper {
        font-size: 16px;
    }

    .zn-title-common{
        font-size: 1em !important;
    }

    .en-title-common{
        font-size: 0.5em !important;
    }

    .index-mark-monetary-change-stock-wrapper{
        margin-right: 0 !important;
        margin-left:0 !important;
        margin-top: 30px !important;
    }

    .index-mask-list>li{
        margin-bottom: 20px !important;
        /*margin-right: 8px !important;*/
    }

    .index-mask-list .species{
        font-size: 0.9em !important;
    }

    .index-mask-list .exponent{
        font-size: 1.2em !important;
    }

    .index-mask-list .BID-ASK >span,.index-mask-list .BID-ASK >span>span{
        font-size: 12px !important;
    }

    .monetary-change{
        margin-bottom: 25px !important;
    }

    .monetary-change .monetary-change-title,.stock .stock-title{
        font-size: 0.9em !important;
    }

    .monetary-change form select,.monetary-change form input,.stock form select,.stock form>input,.stock form button{
        font-size: 12px !important;
    }

    .product-title{
        font-size: 0.9em !important;
    }

    .home-page-wrapper .trading-product-wrapper .trading-product-list{
        padding-right: 15px;
        padding-left: 15px;
    }

    .about-us-wrapper{
        margin-top: 3em !important;
        margin-bottom: 3em;
    }

    p.about-us-desc{
        font-size:0.8em !important;
        margin-top: 1.1em !important;
    }

    .site-logo,.contact-address,.contact-phone,.contact-email{
        padding-left: 7%;
        margin-top: 15px !important;
        margin-bottom: 20px !important;
        font-size: 0.8em !important;
    }

    .site-logo>img{
        width: 130px;
    }

    .contact-content-wrapper>input,.contact-way-content-inner textarea,.contact-way-content-inner button{
        font-size: 0.8em !important;
    }

    /*view*/
    .view-content-inner>h3{
        font-size: 1.2em !important;
        margin-bottom: 20px !important;
        margin-top: 0em;
    }

    .view-content-inner .time{
        font-size: 12px !important;
    }


    .view-content-inner>div h1{
        font-size:1.4em !important;
        margin-bottom: 20px !important;
        margin-top: 20px !important;
    }

    .view-content h4{
        font-size: 14px !important;
    }

    .view-content hr{
        margin-bottom: 20px !important;
    }

    .view-content>p,.view-content>span{
        color: #666666;
        font-size: 0.9em !important;
    }

    /*companyIntroduce*/
    .company-introduce-wrapper{
        width: 100% !important;
        float: none !important;
    }

    .company-introduce-wrapper>h2{
        font-size: 1.2em !important;
    }

    .company-introduce-wrapper>p{
        font-size: 0.9em !important;
    }

    .extra-company-intro-wrapper>div>h3{
        font-size: 1.1em !important;
    }

    .extra-company-intro-wrapper>div li,.extra-company-intro-wrapper>div p{
        font-size: 0.9em !important;
    }

    .extra-company-intro-wrapper>div li h4{
        font-size: 1em;
    }

    .business-time-wrapper h3{
        font-size: 1.2em !important;
    }

    .business-time-wrapper p{
        font-size: 0.9em !important;
    }

    /*productItem*/
    .product-item-list-wrapper .product-item-desc-wrapper h3{
        font-size: 1em !important;
    }

    .product-item-list-wrapper .product-item-desc-wrapper p{
        font-size: 0.8em !important;
    }

    .product-item-list .btn-detail-wrapper>button{
        font-size: 0.8em !important;
        width: 60px !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .product-item-list .btn-detail-wrapper>button>a{
        /*font-size: 1em !important;*/
    }

    .product-item-page-wrapper .banner-message-wrapper .banner-title{
        font-size: 20px !important;
    }

    .product-item-page-wrapper .banner-message-wrapper .banner-title>br{
        display: none !important;
    }

    .product-item-page-wrapper .banner-message-wrapper .open-account{
        font-size: 12px !important;
        padding: 5px 5px!important;
        width: 70px !important;
    }

    /*productClass*/
    .question-answer-wrapper .question-collect-wrapper h3,
    .question-answer-wrapper .about-agent-qa-wrapper h3,
    .question-answer-wrapper .about-platform-login-qa-wrapper h3,
    .question-answer-wrapper .about-technology-support-qa-wrapper h3,
    .question-answer-wrapper .about-trade-qa-wrapper h3{
        font-size: 1.1em !important;
    }

    .question-answer-wrapper .question-collect-wrapper ul li,
    .question-answer-wrapper .about-agent-qa-wrapper ul li h4,
    .question-answer-wrapper .about-platform-login-qa-wrapper ul li h4,
    .question-answer-wrapper .about-technology-support-qa-wrapper ul li h4,
    .question-answer-wrapper .about-trade-qa-wrapper ul li h4{
        font-size: 0.9em !important;
    }

    .question-answer-wrapper .question-answer-wrapper,
    .question-answer-wrapper .about-agent-qa-wrapper ul li p,
    .question-answer-wrapper .about-platform-login-qa-wrapper ul li p,
    .question-answer-wrapper .about-technology-support-qa-wrapper ul li p,
    .question-answer-wrapper .about-trade-qa-wrapper ul li p{
        font-size: 0.8em !important;
    }

    .monetary-change-stock p{
        font-size: 12px;
    }
}

.login-sign-up-wrapper>a{
    display: inline-block;
    border: 1px solid #fff;
    color: #ffffff !important;
    padding: 5px 12px;
    border-radius: 20px;
    margin-right: 50px;
    margin-left: 50px;
    background:rgba(255,255,255,.2);
    margin-top: 30px;
}

.login-sign-up-wrapper>a:hover{
    background:#2a629d;
}

@media (max-width: 420px) {
    .login-sign-up-wrapper>a{
        font-size: 12px;
        padding: 3px 7px;
        margin-right: 20px !important;
        margin-left: 0px !important;
        margin-top: 0 !important;
    }
    .stock{
        padding-top: 0!important;
    }
}

@media (max-width:992px) {
    .line-chart-wrapper{
        padding-top: 40px;
        padding-left: 4%!important;
        padding-right: 0!important;
    }
}

.map-area-wrapper{
    padding:50px;
    background: #ffffff;
}

.map-area-wrapper>img{
    width: 100%;
}

/* about page */
.company-introduce-wrapper{
    /*width: 400px;*/
    /*float: left;*/
    margin-right: 6%;
    text-align: justify;
    line-height: 2;
    /*margin-left: 5%;*/
}

.company-introduce-wrapper img{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 30px;
    /*margin-top: 15%;*/
    /*margin-bottom: 220px;*/
}

.extra-company-intro-wrapper{
    /*float: left;*/
    line-height: 2;
}

.company-introduce-content-inner h2 ,
.company-introduce-content-inner>div>div>h3 ,
.business-time-wrapper>h3{
    color: #2a629d !important;
}

.extra-company-intro-wrapper>div{
    margin-bottom: 30px;
    color: #666666;
}

.extra-company-intro-wrapper>div>ul>li{
    margin-bottom: 8px;
}

.extra-company-intro-wrapper>div h3,
.extra-company-intro-wrapper>div h4{
    color: #333333;
}

.extra-company-intro-wrapper>div h4{
    margin-bottom: 6px;
}

.extra-company-intro-wrapper>div hr{
    margin-top: 30px;
    border-color: #e0e0e0;
}

.company-intro-page-wrapper .company-introduce-content-wrapper{
    margin-top: 5%;
    padding-left: 5%;
    padding-right: 5%;
}

.company-product-wrapper .company-product-list{
    list-style: circle;
    padding-left: 10px;
}

.advantage-piont-wrapper .advantage-piont-list{
    list-style: circle;
    padding-left: 10px;
}

.company-introduce-content-wrapper h2,
.company-introduce-content-wrapper h3{
    margin-bottom: 10px;
}

.business-time-wrapper{
    /*margin-left: 5%;*/
    margin-top:2%;
    margin-bottom: 5%;
    padding-left: 5%;
    padding-right: 5%;
    color: #666666;
    line-height: 2;
    /*border: 1px solid;*/
}

.business-time-wrapper h3{
    margin-bottom: 10px;
    color: #333333;
}

.supervision-qualification-wrapper{
    /*padding-left: 5%;*/
    padding-right: 5%;
    margin-top: 20px;
    padding-top: 10px;
}

.supervision-qualification-wrapper>p{
    color: #666;
}

/*.company-intro-page-wrapper .header-banner-wrapper .banner-message-wrapper{
    !*width: 100%;*!
    position: absolute;
    top: 50%;
    margin-top: -90px;
    text-align: left;
    margin-left: 18%;
}*/
.company-intro-page-wrapper .header-banner-wrapper .banner-message-wrapper{
    /*width: 100%;*/
    position: absolute;
    top: 67%;
    margin-top: -90px;
    text-align: left;
    margin-left: 60%;
}

@media (max-width: 420px) {
    .banner-message-wrapper{
        margin-top: -65px !important;
    }
}

/* joinUs style */
.position-list-wrapper{
    margin-top: 40px;
}

.position-list-wrapper
.zn-name>img{
    float: right;
}

.position-list-wrapper .position-list{
    margin-bottom: 40px;
    font-family: '黑体';
}

.position-list-wrapper .position-list>li{
    border-bottom: 1px solid #cccccc;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 30px;
}

.position-list-wrapper .position-list>li h2{
    font-size: 32px;
    color: #2f75ac;
}

.position-list-wrapper .position-list>li .en-name{
    color: #666;
    font-size: 16px;
    font-weight: 500;
}

.position-list-wrapper .position-list>li .department{
    color: #666666;
    font-size: 16px;
    margin-bottom: 35px;
}

.position-list-wrapper .responsibility-require-wrapper{
    font-size: 16px;
    color: #666;
    display: none;
}

.position-list-wrapper .responsibility-require-wrapper h4{
    margin-bottom: 35px;
}

.position-list-wrapper .responsibility-require-wrapper .responsibility-list{
    margin-bottom: 35px;
}

.position-list-wrapper .responsibility-require-wrapper .responsibility-list>li{
    margin-bottom: 10px;
}

.position-list-wrapper .responsibility-require-wrapper .require-list{
    margin-bottom: 35px;
}

.position-list-wrapper .responsibility-require-wrapper .require-list>li{
    margin-bottom: 10px;
}

.position-list-wrapper .responsibility-require-wrapper .work-place{
    margin-bottom: 35px;
}

.position-list-wrapper .responsibility-require-wrapper .apply-btn-wrapper>button{
    background: #ffffff;
    color: #2f75ac;
    padding: 10px 15px;
    font-size: 15px;
    border: 2px solid #2f75ac;
}

.position-list-wrapper .responsibility-require-wrapper .apply-btn-wrapper>button:focus{
    outline: none;
}

.position-list-wrapper .responsibility-require-wrapper .apply-btn-wrapper>button:hover{
    color: #ffffff;
    background: #2f75ac;
}

@media (max-width: 420px){
    .join-us-page-wrapper{
        font-size: 16px;
    }
    .position-list-wrapper .position-list>li h2{
        font-size: 1.2em;
    }

    .position-list-wrapper .position-list>li h2>img{
        width: 35px;
    }

    .position-list-wrapper .position-list>li .en-name{
        font-size: 0.9em;
    }

    .position-list-wrapper .position-list>li .department{
        font-size: 0.9em;
    }

    .position-list-wrapper .responsibility-require-wrapper h4{
        font-size: 0.9em;
    }

    .position-list-wrapper .responsibility-require-wrapper .responsibility-list,
    .position-list-wrapper .responsibility-require-wrapper .require-list,
    .position-list-wrapper .responsibility-require-wrapper .work-place{
        font-size: 0.9em;
    }

    .position-list-wrapper .responsibility-require-wrapper .apply-btn-wrapper>button{
        font-size: 0.8em;
    }
}

/* productItem page style */
.product-item-page-wrapper .product-item-list{
    margin-bottom: 8%;
    margin-top: 8%;
}

.product-item-page-wrapper .product-item-list>li{
    margin-bottom: 40px;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 40px;
}

.product-item-page-wrapper .product-item-list .img-decs-wrapper{
}

.product-item-page-wrapper .product-item-list .img-decs-inner>img{
}

.product-item-page-wrapper .product-item-list .product-item-desc-wrapper>h3{
    margin: 0;
}

.product-item-page-wrapper .product-item-list .img-decs-wrapper .product-item-desc{
    color: #999999;
    margin-top: 10px;
    margin-bottom: 10px;
}

.product-item-page-wrapper .product-item-list .btn-detail-wrapper{
    /*float: right;*/
    text-align: center;
}

.product-item-page-wrapper .product-item-list .btn-detail-wrapper>button{
    border: 1px solid #b97209;
    background: #f2f2f2;
    width: 80px;
    text-align: center;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 20px;
    color: #b97209;
    margin-top: 10px;

}

.product-item-page-wrapper .product-item-list .btn-detail-wrapper>button:hover{
    background: #b97209;
    color: #ffffff;
}

.product-item-page-wrapper .product-item-list .btn-detail-wrapper>button:focus{
    outline: none;
}

.product-item-page-wrapper .banner-message-wrapper, .transaction-platform-page-wrapper .banner-message-wrapper{
    position: absolute;
    top: 50%;
    margin-top: -90px;
    text-align: center;
    margin-left: 8%;
    margin-right: 8%;
    color: #ffffff;
}

/*.product-item-page-wrapper */
.banner-message-wrapper .banner-title{
    width: 100%;
    text-align: center;
    font-size: 50px;
    /*font-family: ;*/
    font-family:'微软雅黑','华文细黑',sans-serif,'hzgb';
}

.banner-message-wrapper .open-account{
    border: 1px solid #0a98e7;
    padding: 8px 15px;
    width: 100px;
    border-radius: 18px;
    text-align: center !important;
    background: #337ab7;
}
.banner-message-wrapper .open-account:hover{
    background:#2a629d;
}
/* transcationPlatform style */
.transaction-platform-content-wrapper{
   margin-bottom: 50px;
    margin-top: 50px;
}

.transaction-platform-content-wrapper .platform-desc{
    color: #999;
    text-align: center;
    font-size: 18px;
    margin-top: 40px;
}

.transaction-platform-content-wrapper .platform-img-wrapper{
    margin-bottom: 20px;
}

.transaction-platform-content-wrapper .terminal-type-wrapper{
    text-align: center;
    color: #999999;
}

.transaction-platform-content-wrapper .terminal-type-wrapper>div p{
    margin-top: 5px;
    margin-bottom: 20px;
    color: #333333;
}

.transaction-platform-content-wrapper
.terminal-type-wrapper>div
.down-load-btn-wrapper{
    width: 100%;
    margin-bottom: 30px;
}

.transaction-platform-content-wrapper
.down-load-btn-wrapper>a{
    display:inline-block;
    width: 100% !important;
    color: #fff !important;
    background: #333;
    border: 1px solid  #333;
    padding: 5px 10px;
}


.terminal-type-wrapper>div>div{
    padding-top: 10px;
    background: #fff;
    margin-left: 8px;
    margin-right: 8px;
    box-shadow: 1px 1px 9px #ddd;
}

@media(max-width: 420px){
    .transaction-platform-page-wrapper{
        font-size: 16px;
    }

    .transaction-platform-content-wrapper .platform-desc{
        font-size: 0.8em;
    }

    .transaction-platform-content-wrapper
    .terminal-type-wrapper>div
    .down-load-btn-wrapper>a{
        font-size: 0.8em;
    }

    .transaction-platform-content-wrapper .terminal-type-wrapper>div p{
        font-size: 0.8em;
    }
}

/* product help page style */
.product-class-page-wrapper
.question-answer-wrapper{
    margin-top: 50px;
    margin-bottom: 50px;
}


.product-class-page-wrapper
.question-answer-wrapper
.question-collect-wrapper{
    /*float: left;*/
    margin-right: 20px;
}

.product-class-page-wrapper
.question-answer-wrapper
.question-answer-content-wrapper{
    /*width: 600px;*/
    /*float: left;*/
}

.product-class-page-wrapper
.question-answer-wrapper
.question-collect-wrapper h3{
    margin-top: 10px;
    margin-bottom: 50px;
}

.product-class-page-wrapper
.question-answer-wrapper
.question-type-list>li{
    margin-bottom: 50px;
    color: #2a629d;
    opacity: 1;
}

.product-class-page-wrapper
.question-answer-wrapper
.question-type-list>li:hover{
    opacity: .7;
}

.product-class-page-wrapper
.question-answer-wrapper
.question-answer-content-wrapper>div{
    margin-bottom: 40px;
    margin-top: 10px;
}

.question-answer-content-wrapper>div>ul>li{
    margin-bottom: 15px;
    padding-top: 20px;
    padding-bottom:20px;
    border-bottom: 1px dashed #ddd;
}

.question-answer-content-wrapper>div>ul>li>h4{
    font-weight: normal;
    margin-bottom: 8px;
}

.question-answer-content-wrapper>div>ul>li>p{
    color: #666666;
}

.question-answer-content-wrapper>div>h3{
    padding-top: 15px;
    margin-bottom: 20px;
}

/*manage-business-plan*/

.plan-introduce-wrapper .plan-introduce-content{
    color: #666;
    font-size: 16px;
    text-align: justify;
    line-height: 2;
    margin-top: 20px;
}

.plan-introduce-wrapper{
    padding-top: 180px;
    padding-bottom: 200px;
    font-size: 16px;
    background: #ffffff;
}

.plan-superior-wrapper{
    padding-top:150px;
    padding-bottom: 100px;
}

.plan-superior-wrapper>img{
    margin-top:52px;
    margin-bottom: 50px;
}

.plan-superior-content-list{
    padding-top: 30px;
    padding-bottom: 20px;
    list-style: circle;
}

.plan-superior-content-list>li{
    margin-bottom: 20px;
    color: #666666;
}

.manage-form-wrapper{
    text-align: center;
    background: #ffffff;
    color: #333;
    font-family: "Microsoft YaHei";
    padding-top: 100px;
    padding-bottom: 100px
}

.manage-form-wrapper .manage-form{
    text-align: center;
}

.manage-form-wrapper .manage-form-inner>p{
    text-align: left;
    padding-left: 30px;
    font-size: 20px;
    margin-bottom: 50px;
}

.manage-form-wrapper .manage-form>label{
    display: block;
    font-weight: normal;
    margin-bottom: 0 !important;
    padding-bottom: 15px;
    padding-top: 15px;
    border-bottom:1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.manage-form-wrapper .manage-form>label label{
    display: block;
}

.manage-form-wrapper .manage-form>label:nth-child(1){
    border-top:1px solid #ccc;
}

.manage-form-wrapper .manage-form>label span{
    display: inline-block;
    vertical-align: bottom;
    height: 35px;
    line-height: 35px;
    text-align: left;
}


.manage-form-wrapper .manage-form>label>input{
    display: inline-block;
    vertical-align: bottom;
    height: 35px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.manage-form-wrapper .manage-form>label select{
    display: inline-block;
    vertical-align: bottom;
    height: 35px;
    border: 1px solid #ccc;
    border-radius: 2px;
    background: #ffffff;

}

.manage-form-wrapper .manage-form>label>label{
    display:block;
    text-align: left;
    font-weight: normal;
}

.manage-form-wrapper .manage-form>label textarea{
    border: 1px solid #ccc;
    border-radius: 2px;
}

.manage-form-wrapper .manage-form>.submit-btn-wrapper{
    padding-top: 20px;
    padding-bottom: 20px;
}

.manage-form-wrapper .manage-form>.submit-btn-wrapper button{
    width:80px;
    height: 40px;
    line-height: 40px;
    background: #2a629d;
    color: #ffffff;
    border: none;
}

.grey-bg{
    background: #eee;
}

@media(max-width: 420px) {
    .plan-introduce-wrapper .plan-introduce-content{
        font-size: 12px;
    }
    .plan-introduce-wrapper{
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .plan-superior-wrapper{
        padding-top:40px;
        padding-bottom: 40px;
    }

    .plan-superior-content-list>li{
        font-size: 12px;
        margin-bottom: 10px;
    }

    .manage-form-inner>p{
        font-size: 16px !important;
    }

    .manage-form-wrapper .manage-form{
        font-size: 12px;
    }
}

.banner-t {
    text-align: center;
    border: none;
    font-size: 40px;
}

.slides-desc h3 {
    text-align: center;
}

.about {
    margin: 60px 5% 60px 5%;
}

.advantage {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-top: 3%;
}

.advantage li {
    width: 22%;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #CCCCCC;
    box-shadow: 5px 5px 10px #828c8c;
}

.advantage li:hover{
    margin-top: -3px;
    margin-bottom: 3px;
}

.about-title p {
    padding: 10px 20px;
    height: 146px;
}

.text-white {
    color: white!important;
}

.news_list {
    margin: 60px 5% 60px 5%;
}

.article-text img {
    width: 100%;
    height: 160px;
}

.article-text h4 {
    height: 50px;
    margin-top: 10px;
    padding: 0 10px;
}

.article-text .about-title p {
    height: auto!important;
}

.a-link:hover {
    color: #ff4500;
}

.footer-n {
    padding: 60px 5%;
    background-color: #CCCCCC;
}

#PCHeader {
    background-color: #00000087;
}

.path {
    padding-top: 80px;
}

.description-n {
    min-height: 85px;
}