@charset "utf-8";



/*********************按钮***********************/
.btn-primary,.btn-success {
    
    background-color: rgb(5, 139, 188);
    border-color: rgb(5, 139, 188);color: #fff;-webkit-transition: all 0.9s;
    transition: all 0.9s;
}

    .btn-primary:focus,
    .btn-primary.focus,
    .btn-success:focus,
    .btn-success.focus {
        color: #FFF;
        background-color: rgb(5, 139, 188);
        border-color: rgb(5, 139, 188);
    }

    .btn-primary:hover, .btn-success:hover {
        color:#FFF;
        -webkit-transition: all 0.9s;
        transition: all 0.9s;
        background-color: rgb(86, 204, 200);
        border-color: rgb(86, 204, 200);
    }

.btn-primary:active,.btn-success:active,
    .btn-primary.active,.btn-success.active
    .open > .dropdown-toggle.btn-primary,
    .open > .dropdown-toggle.btn-success {
        color: #FFF;
        background-color: rgb(86, 204, 200);
        border-color: rgb(86, 204, 200);
    }

        .btn-primary:active:hover,
        .btn-primary.active:hover
        ,
        .open > .dropdown-toggle.btn-primary:hover,
        .btn-primary:active:focus,
        .btn-primary.active:focus,
        .open > .dropdown-toggle.btn-primary:focus,
        .btn-primary:active.focus,
        .btn-primary.active.focus,
        .open > .dropdown-toggle.btn-primary.focus,
        .btn-success:active:hover,
        .btn-success.active:hover,
        .open > .dropdown-toggle.btn-success:hover,
        .btn-success:active:focus,
        .btn-success.active:focus,
        .open > .dropdown-toggle.btn-success:focus,
        .btn-success:active.focus,
        .btn-success.active.focus,
        .open > .dropdown-toggle.btn-success.focus
         {-webkit-transition: all 0.9s;
            transition: all 0.9s;
            color: #FFF;
            background-color: rgb(86, 204, 200);
            border-color: rgb(86, 204, 200);
        }

    .btn-primary:active,
    .btn-primary.active
    ,
    .open > .dropdown-toggle.btn-primary,
    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        background-image: none;
    }

    .btn-primary.disabled,
    .btn-primary[disabled],
    fieldset[disabled] .btn-primary,
    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled.focus,
    .btn-primary[disabled].focus,
    fieldset[disabled] .btn-primary.focus,
    .btn-primary.disabled:active,
    .btn-primary[disabled]:active,
    fieldset[disabled] .btn-primary:active,
    .btn-primary.disabled.active,
    .btn-primary[disabled].active,
    fieldset[disabled] .btn-primary.active,
    .btn-success.disabled,
    .btn-success[disabled],
    fieldset[disabled] .btn-success,
    .btn-success.disabled:hover,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success:hover,
    .btn-success.disabled:focus,
    .btn-success[disabled]:focus,
    fieldset[disabled] .btn-success:focus,
    .btn-success.disabled.focus,
    .btn-success[disabled].focus,
    fieldset[disabled] .btn-success.focus,
    .btn-success.disabled:active,
    .btn-success[disabled]:active,
    fieldset[disabled] .btn-success:active,
    .btn-success.disabled.active,
    .btn-success[disabled].active,
    fieldset[disabled] .btn-success.active {
        background-color: rgb(86, 204, 200);
        -webkit-transition: all 0.9s;
        transition: all 0.9s;
        border-color: rgb(86, 204, 200);
    }

    .btn-primary .badge , .btn-success .badge{
        color: rgb(86, 204, 200);
        background-color: #fff;
    }
.btn-lg {
    background: transparent;
    border: 1px solid #fff;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: rgb(211, 0, 0);
    -webkit-transition: all 0.9s;
    transition: all 0.9s;
    border-color: #3071a9;
    color: #fff;
}
.daterangepicker td.available:hover,.daterangepicker th.available:hover{background:rgb(86, 204, 200);}

/***********************分页控件**************************/
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #FFF;
    cursor: default;
    background-color: rgb(86, 204, 200);
    border-color: rgb(86, 204, 200);
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 3;
    color: rgb(86, 204, 200);
    background-color: #FFF;
    border-color: rgb(86, 204, 200);
}
.pagination > li > a, .pagination > li > span {color:rgb(86, 204, 200)}

.pagination{margin:0;}
/***********************分页控件**************************/





.padding0 {padding: 0;}
.margin0{ margin-left: 0;margin-right: 0}
/*.container-fluid{padding-left:0;padding-right:0;}*/



.panel{background-color:transparent;}
.panel-title {
    color: #787878;
}
    .panel-title a{ text-decoration: none;} 
    .panel-title a:hover {
        color: rgb(211, 0, 0);
    }
   
.panel-body .list-unstyled li, .panel-body {
    line-height: 200%;
}
.input-group {display: inline-flex;}
.input-group-addon {width: auto; padding:8px 12px;}


::selection {
    background-color: rgb(86, 204, 200);
    color: #FFF;
}


.navbar-wrapper{position:absolute;left: 0;right: 0; top:0;background-color: rgb(255, 255, 255);}
.navbar-wrapper > .container {padding-right: 0;padding-left: 0;}
.navbar-wrapper .navbar {padding-bottom:0;margin:0;}
.navbar-default.navbar-scroll {background-color: #fff;border-color: #fff;padding: 15px 0;}
.navbar-default {background-color: transparent;border-color: transparent;transition: all 0.3s ease-in-out 0;}
.navbar-default .nav li a {
    color: #000;
    text-transform: none;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.navbar-default .nav li a:after {
    -webkit-transition: all .2s;
    transition: all .2s;
}

.header {
    border-bottom: 1px solid #656565;
}
.navbar-wrapper .header,.navbar-wrapper .header strong, .navbar-wrapper .header a, .navbar-wrapper .header .navbar-header a {
    color: rgb(210, 208, 208);
}
.navbar-wrapper .header .navbar-header .fa{ font-size: 24px;}
    .navbar-wrapper .header .navbar-header li a:hover {
        color: rgb(211, 0, 0);
        -webkit-transition: all 0.9s;
        transition: all 0.9s;
    }

.navbar-wrapper .header .navbar-header .dropdown .dropdown-menu li{ padding-top: 5px;font-size: 14px;}


.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eee;
    border:none ;
}

.dropdown-menu {
    background-color: #303030;min-width: 200px;
}

    .dropdown-menu li a:hover {
        color: rgb(5, 139, 188);
        margin-left: 10px;
        -webkit-transition: all 0.9s;
        transition: all 0.9s;
    }
    .navbar-wrapper .navbar.navbar-scroll {
        padding-top: 0;
        padding-bottom: 0;
        border-bottom: 1px solid #e7eaec;
        border-radius: 0;
    }

.navbar.navbar-scroll .navbar-brand {border-radius: 5px;font-size: 12px;height: auto;}
.navbar-brand {
    float: left;
    height: 50px;
     padding: 0; 
    font-size: 18px;
    line-height: 20px;
}

#navbar_collapse > ul > li{  -webkit-transition: all 0.9s;
    transition: all 0.9s;}
    #navbar_collapse > ul > li.dropdown:hover, .dropdownlogin:hover {
        background-color: #ccc;
        -webkit-transition: all 0.9s;
        transition: all 0.9s;
    }
    #navbar_collapse > ul > li.dropdown a.dropdown-toggle:hover, #navbar_collapse > ul > li.dropdownlogin a:hover {
        color: #FFF;
    }
/*.navbar-collapse {margin-top: 55px;}*/

.navbar-default .navbar-collapse, .navbar-default .navbar-form {border:0}
.navbar-nav {margin: 0 -15px;}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #058bbc;
}

@media(min-width: 1200px){
    
   /* .m-top{margin-top:143px;}*/
    #navbar_collapse .nav > li > a {
        padding: 35px 15px 35px 10px;
    }
    #navbar_collapse .dropdown-menu > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    #navbar_collapse .dropdown-menu {
        border-top: 4px solid rgb(5, 139, 188);
    }

    #navbar_collapse .navbar-nav > .open > a, #navbar_collapse .navbar-nav > .open > a:hover, #navbar_collapse .navbar-nav > .open > a:focus {
        color: #FFF;
        -webkit-transition: all 0.9s;
        transition: all 0.9s;
        background-color: rgb(5, 139, 188);
    }
    .navbar-default .navbar-nav > .active > a:focus {
        background: transparent;
        color: rgb(5, 139, 188);
    }
}


@media(min-width: 992px) and (max-width:1200px){
    
    .m-top{margin-top:143px;}
    #navbar_collapse .nav > li > a {
        padding: 35px 15px 35px 10px;
    }
    #navbar_collapse .dropdown-menu > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    #navbar_collapse .dropdown-menu {
        border-top: 4px solid rgb(221, 0, 0);
    }
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        color: #FFF;
        background-color: rgb(5, 139, 188);
        -webkit-transition: all 0.9s;
        transition: all 0.9s;
    }
    .navbar-default .navbar-nav > .active > a:focus {
        background: transparent;
        color: rgb(5, 139, 188);
    }
}


@media(min-width: 768px) and (max-width:992px){
   
    .m-top{margin-top:95px;}

    #navbar_collapse .dropdown-menu > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    #navbar_collapse .dropdown-menu {
        border-top: 4px solid rgb(221, 0, 0);
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        color: #FFF;
        background-color: rgb(5, 139, 188);
        -webkit-transition: all 0.9s;
        transition: all 0.9s;
    }
    .navbar-default .navbar-nav > .active > a:focus {
        background: transparent;
        color: rgb(5, 139, 188);
    }
}


@media (max-width: 768px){
    
     .m-top{margin-top:63px;}
  
    .navbar-header >li{ float: left;}
    .navbar-collapse {
        margin-top: 0;
    }
    .h-bottom-img .media{ margin-bottom: 10%;text-align:center}
}


.no-records-found{text-align:center;}

blockquote{border-left: 5px solid rgb(211, 0, 0);}


#nowDateTimeSpan,#page-nav{margin:16px 25px;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: rgb(140, 0, 0);
    background-color: #353f4f;
}



.home-img{ background: url('../images/home.png') center center no-repeat;background-size:cover;height:686px;}
.home-img-text{ color: #fff;padding-top: 20px;padding-bottom: 20px;font-size: 22px; }

.home-img2 {
    background: url('../images/2a.jpg') center center no-repeat;
    background-size: cover;
    height: 600px;padding-top: 5%;
}
    .home-img2 #myTab, #myTabContent{background-color:rgb(255,255,255) }
#myTabContent #tab-a,#tab-b,#tab-c{ line-height: 200%;padding: 10px 10px 10px 20px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #FFF;
    cursor: default;
    background-color: rgb(211, 0, 0);
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
.nav-tabs {
    border-bottom: 1px solid rgb(211,0,0);
}


.home-account { padding-top: 5%; padding-bottom: 3%}
    .home-account .thumbnail .h-title {
        background-color: rgb(5, 139, 188);
        font-size: 16px;
        color: #ffffff;
        padding-top: 13px;
        padding-bottom: 13px;
    }
.home-account .h-title-top{ margin-top: 25px;}
    .home-account .thumbnail .h-title-green {
        background-color: rgb(211, 0, 0);
        font-size: 14px;
        color: #ffffff;
        padding-top: 13px;
        padding-bottom: 13px;
    }

.home-account .thumbnail .font-36{ font-size: 36px;color: rgb(120,120,120)}
    .home-account .thumbnail .h-a-top {
        margin-top: 15px;
    }

    .home-account .thumbnail .h-bottom-line {
        padding-bottom: 15px;padding-top: 15px;
        font-weight: bold;
        border-bottom: 1px solid rgb(120,120,120)
    }
.home-account .thumbnail .h-bottom{ padding-bottom: 50px;padding-top: 15px;font-weight: bold;}


.thumbnail {
    -webkit-box-shadow: 0px 1px 1px #000000;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 1px #000000;
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 1px #000000;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.thumbnail:hover {
    -webkit-box-shadow: 0px 3px 10px #000000;
    -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 3px 10px #000000;
    -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.18);
    box-shadow: 0px 3px 10px #000000;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.18);
}

.home-mobile{ background-color: rgb(242, 243, 243);padding-top: 5%;padding-bottom: 3%}

.h-bottom-img{ background: url('../images/h-bottom-bg.jpg') center center no-repeat;background-size: cover;padding-top: 8%;}
.h-bottom-img .h-bottom-bgclolr{ background-color: rgb(0, 38, 46);margin-top: 8%; }
.h-bottom-img .h-bottom-bgclolr h1{ font-size: 24px;padding-top: 30px;padding-bottom: 35px;color: #ffffff}
.h-bottom-img .h-bottom-bgclolr p{ color: #ffffff;font-size: 16px;padding-bottom: 25px;}
.h-bottom-img .h-bottom-bgclolr .btn-email{ border-color: #ffffff;}
    .h-bottom-img .media {color: #ffffff}
    .h-bottom-img .media .media-left {
        background-color: rgb(5, 139, 1);
        padding: 30px;
        display: table-cell
    }
.h-bottom-img .media .media-body{ padding-left: 20px;}
.h-bottom-img .media .media-body h4{ font-size: 48px;}
        .h-bottom-img .media .media-body p{ font-size: 16px;padding-top: 25px; }








/**********************************************************foot*****************************************************************************************/
.foot-bg{ background-color: rgb(219, 222, 224);padding-top: 5%;}
.layui-icon:hover {
    color: rgb(86, 204, 200);
}
.foot-bg .list-unstyled li {
    border-bottom: 1px solid #c5cdd1;padding-top: 15px;padding-bottom: 15px;padding-left: 25px;
}

.foot-bg .list-unstyled li a{ text-decoration: none;}
.foot-bg .list-unstyled li a:hover {color: rgb(86, 204, 200); }
.foot-bg .list-unstyled li a:before {
    content: '';
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    left: 15px;
    background: #c5cdd1;
    -webkit-transition: all .63s;
    -moz-transition: all .3s;
    transition: all .3s;
}


.box:before {
    content: '';
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    left: 18%;
    background: rgb(86, 204, 200);
    -webkit-transition: all .63s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.font-48 {
    font-size: 48px;
}

.font-36{ font-size: 36px;}
.font-28 {
    font-size: 28px;
}
.font-color {
    color: rgb(86, 204, 200)
}
.padding-50{ padding-bottom: 0px;padding-top: 50px;display: block}
.padding-20 {
    padding-bottom: 20px;
    padding-top: 20px;
    display: block
}
.font-p150{ line-height: 150%;}
.font-p200 {
    line-height: 200%;
}
.list-unstyled-200 li{line-height: 200%} 
.menu-active {
    background-color: rgb(5, 139, 188);
}

.aboutbg {
    background: url('../../Content/images/about-is-1440x720.jpg') 50% 0 no-repeat;
    background-attachment: fixed;
    background-size: cover;
}.partnerivebg {
    background: url('../../Content/images/partners-background1.jpg') 50% 0 no-repeat;
    background-attachment: fixed;
    background-size: cover;
}.executivebg {
    background: url('../../Content/images/new-benner.jpg') 50% 0 no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
.tradingplatformbg {
    background: url('../../Content/images/partners-background1.jpg') 50% 0 no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
.tradingplatformbg a.btn-success{ margin-top: 15%; margin-bottom: 15%;}


/*****************关于我们*******************/

.aboutWrap{min-width: 1000px; /*margin-bottom:20px;*/ }
.aboutSide{position: fixed; z-index: 99; top: 192px; right: 28px; width: 47px; }
.aboutSideTop{height: 24px; background: url(../images/about_slide.png) no-repeat left top; }
.aboutSideLink{padding: 24px 0 12px; background: url(../images/about_slide.png) repeat-y -47px top; }
.aboutSideLink a{display: block; width: 19px; height: 19px; margin: 0 auto 14px; background: url(../images/about_slide.png) no-repeat -141px top; }
.aboutSideLink a:hover,
.aboutSideLink a.curr{background-position: -160px top; }
.aboutSideBottom{height: 24px; background: url(../images/about_slide.png) no-repeat -94px top; }

.astepWrap{margin-right:-30px; }
.astep{ }

.asTitle{font-size: 36px; color: #363636; text-align: center; line-height: 64px; font-weight: bold; }
.asContent{line-height: 24px; }

.astep_1{height: 680px; background: url(../images/about_banner_01.png) no-repeat center center; }
.astep_1 .asTitle{color: #000000;  }
.astep_1 .asContent{padding: 55px 0 0; color: #000000; line-height: 36px; font-size: 18px; width:1000px; margin: 0 auto; }

.astep_2{width: 1000px; margin: 0 auto; padding: 58px 0 80px; }
.astep_2 .asContent{padding: 40px 0 0; color: #3e3e3e; min-height:440px; }

.astep_3{height: 596px; padding: 84px 0 0; background: url(../images/about_banner_02.png) no-repeat center center; text-align: center; }
.astep_3 .asTitle{color: #000000;  }
.astep_3 .asContent{padding: 65px 0 0; color: #000000; /*line-height: 36px;*/ font-size: 18px; }

.astep_4{width: 1000px; margin: 0  auto; padding: 62px 0 158px; overflow: hidden; }
.astep_4 .asSup{overflow: hidden; width: 1050px; padding: 132px 0 0; }
.astep_4 .asSupl{float: left; width: 290px; margin: 0 60px 0 0; }
.astep_4 .asSuplTitle{line-height: 36px; font-size: 24px; color: #2f2f2f; }
.astep_4 .asSuplIntro{padding: 24px 0 0; line-height: 30px; color: #2f2f2f; }

.astep_5{position: relative; z-index: 0; height: 680px; overflow: hidden; }
.as5Prev{position: absolute; left: 0; top: 266px; z-index: 9; width: 56px; height: 115px; background: url(../images/about/about_banner_ctrl.png) no-repeat left top; }
.as5Next{position: absolute; right: 0; top: 266px; z-index: 9; width: 56px; height: 115px; background: url(../images/about/about_banner_ctrl.png) no-repeat right top; }
.as5Prev:hover{background-position: left bottom; }
.as5Next:hover{background-position: right bottom; }
.as5Query{position: relative; z-index: 0; height: 680px; overflow: hidden; }
.as5Query li{position: absolute; top: 0; left: 0; height: 680px; /*width: 1000px;*/ /*overflow: hidden;*/ font-size: 0; line-height: 0; /*overflow: hidden;*/ text-align: center; }
.as5Query li img{position: absolute; top: 0; }

.astep_6{height: 680px; width: 1000px; margin: 0 auto; background: url(../images/about/about_banner_04.png) no-repeat center 172px; }
.astep_6 .asTitle{padding: 84px 0 68px; color: #464646; }
.astep_6 .asContent{line-height: 30px; font-size: 14px; color: #464646; }

.astep_7{height: 680px; background: url(../images/about/bg4.jpg) no-repeat center center; }
.as7Wrap{width: 920px; margin: 0 auto; padding: 80px 40px 0; }
.astep_7 .asTitle{text-align: center; color: #ffffff; }
.astep_7 .asContent{padding: 44px 0 0; font-size: 14px; line-height: 30px; color: #ffffff; }
.astep_7 .asjbWrap{padding: 14px 0 0; text-align: center; }
.astep_7 .asJoinBtn{display: inline-block; width: 214px; height: 66px; border: 2px solid #a5a5a5; background: url(../images/white_opacity.png); line-height: 66px; text-decoration: none; color: #ffffff; text-align: center; font-size: 18px; }
.astep_7 .asJoinBtn{*display: inline; zoom: 1;  }
.astep_7 .asJoinBtn:hover{background-image: url(../images/white_opacity_hover.png); }
/*****************关于我们结束*****************/