.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

.top-banner {
  position: relative;
  margin-top: -76px;
  background: #1c4560;
  line-height: 0; }
  .top-banner .img-banner {
    display: block;
    height: 350px;
    background: url(//dl.cfxz123.com/source/www/product/forex/banner.jpg) top center no-repeat;
    background-size: cover !important; }
    .top-banner .img-banner .title-banner {
      font-size: 3.6em;
      line-height: 1.6;
      color: #FFFFFF;
      text-align: left;
      padding-top: 194px; }
    .top-banner .img-banner .sub-title {
      font-size: 2.4em;
      line-height: 1.8;
      color: #FFFFFF;
      padding-bottom: 70px; }

.article > .main-links {
  border-bottom: 1px solid #CCCCCC; }
.article h2.main-title {
  font-size: 3.6em;
  color: #035B83;
  line-height: 1.8;
  text-align: left; }
.article h2.main-titlesm {
  font-size: 2.4em;
  line-height: 1;
  color: #666666;
  margin-bottom: 40px; }
.article h3.sub-title {
  color: #666666;
  font-size: 1.6em;
  line-height: 1.8;
  margin-bottom: 20px;
  padding-top: 30px; }
  .article h3.sub-title a {
    display: inline-block;
    color: #0096DB;
    font-size: 1em;
    position: relative;
    color: #0099cc;
    margin-left: 5px; }
    .article h3.sub-title a:hover:after {
      right: -17px; }

.link-box {
  width: 600px;
  margin-bottom: -1px;
  margin-top: 10px; }
  .link-box li {
    float: left;
    width: 33%; }
    .link-box li a {
      display: inline-block;
      height: 60px;
      line-height: 60px;
      width: 100%;
      text-align: left;
      padding-left: 21%;
      font-size: 1.6em;
      color: #666666;
      outline: none; }
  .link-box li.active a {
    border-bottom: 3px solid #035B83;
    color: #035B83;
    cursor: default; }
  .link-box .ic-circle {
    background: url(//dl.cfxz123.com/source/www/product/forex/icon-2.png) 10% center no-repeat; }
  .link-box .ic-circle.active {
    background: url(//dl.cfxz123.com/source/www/product/forex/icon-2.png) 10% center no-repeat; }
  .link-box .ic-book {
    background: url(//dl.cfxz123.com/source/www/product/forex/icon-3.png) 10% center no-repeat; }
  .link-box .ic-book.active {
    background: url(//dl.cfxz123.com/source/www/product/forex/icon-3.png) 10% center no-repeat; }
  .link-box .ic-all {
    background: url(//dl.cfxz123.com/source/www/product/forex/icon-1.png) 10% center no-repeat; }
  .link-box .ic-all.active {
    background: url(//dl.cfxz123.com/source/www/product/forex/icon-1.png) 10% center no-repeat; }

.main-article {
  padding: 40px 0 0 0; }
  .main-article .item-wrapper {
    position: relative; }
    .main-article .item-wrapper li.line {
      content: '';
      width: 100%;
      height: 1px;
      display: block;
      background: #CCCCCC;
      bottom: 2px;
      position: absolute;
      z-index: 0;
      border: none; }
      .main-article .item-wrapper li.line:hover {
        border: none; }
    .main-article .item-wrapper li {
      position: relative;
      z-index: 29;
      float: left;
      border-top: 1px solid transparent;
      border-bottom: 1px solid #CCCCCC; }
      .main-article .item-wrapper li a {
        font-size: 1.6em;
        color: #333333;
        display: inline-block;
        width: 153px;
        height: 40px;
        line-height: 40px;
        text-align: center; }
      .main-article .item-wrapper li:hover {
        border-top: 1px solid #CCCCCC;
        border-bottom: 1px solid #FFFFFF; }
    .main-article .item-wrapper li.active {
      border-top: 3px solid #035B83;
      border-bottom: 1px solid #FFFFFF;
      background: #fff; }
      .main-article .item-wrapper li.active a {
        color: #035B83; }
  .main-article .section2 .img-fl {
    width: 49%;
    float: left; }
    .main-article .section2 .img-fl img {
      width: 225px;
      height: 170px; }
  .main-article .section2 .fr {
    float: left;
    width: 50%; }
  .main-article .section2 .img-left {
    display: block;
    width: 474px;
    height: 170px;
    float: left;
    overflow: hidden;
    border: 1px solid #CCCCCC; }
    .main-article .section2 .img-left:hover {
      box-shadow: 1px 1px 1px 1px #CCCCCC; }
    .main-article .section2 .img-left .title-img {
      font-size: 2.4em;
      color: #035B83;
      padding-top: 17px;
      padding-left: 27px; }
    .main-article .section2 .img-left .des-img {
      font-size: 1.6em;
      color: #333333;
      line-height: 1.8;
      padding-top: 10px;
      padding-left: 27px;
      padding-right: 30px;
      text-align: justify; }
  .main-article .section2 .img-right {
    float: right; }
  .main-article .width-fl {
    width: 4%;
    float: left;
    display: block; }
  .main-article .padding-sec3 {
    padding-top: 80px; }
  .main-article .section3 {
    margin-bottom: 80px; }
    .main-article .section3 .item {
      background: url(//dl.cfxz123.com/source/www/product/forex/bg-number.jpg) center no-repeat;
      width: 212px;
      height: 195px; }
    .main-article .section3 ul li {
      float: left;
      min-height: 220px; }
    .main-article .section3 .title-item {
      font-size: 1.6em;
      text-align: center;
      line-height: 1.8;
      padding-top: 37px;
      color: #333333; }
    .main-article .section3 .link-item {
      background-color: #0096DB;
      color: #FFFFFF;
      font-size: 1.6em;
      width: 120px;
      height: 32px;
      text-align: center;
      line-height: 32px;
      display: block;
      margin: 15px auto 0px; }
      .main-article .section3 .link-item:hover {
        background-color: #035B83; }
    .main-article .section3 p {
      font-size: 4.3em;
      font-family: "Myriad";
      color: #035B83;
      text-align: center; }
    .main-article .section3 span {
      font-size: 16px;
      font-family: "Microsoft JhengHei", "Microsoft YaHei", arial, sans-serif;
      color: #333333; }
    .main-article .section3 .padding-col2 {
      padding-left: 26px; }
    .main-article .section3 .margin-col {
      padding-left: 11px; }
    .main-article .section3 .margin-col1 {
      padding-left: 26px; }

.section2 .img-fl {
  width: 40%;
  float: left; }
  .section2 .img-fl img {
    width: 225px;
    height: 175px; }
.section2 .fr {
  float: left;
  width: 60%; }

.section4 {
  background: url(//dl.cfxz123.com/source/www/product/forex/bg-nav.png) center no-repeat;
  height: 556px;
  padding: 80px 0 0 0; }
  .section4 h2 {
    font-size: 3.6em;
    line-height: 2.0;
    color: #035B83; }
  .section4 p {
    font-size: 2.4em;
    line-height: 2.0;
    color: #666666; }
  .section4 .row {
    margin-top: 30px; }
  .section4 .register {
    width: 100%;
    height: 236px;
    margin: 0 auto;
    position: relative; }
    .section4 .register .user-box {
      height: 250px;
      width: 150px;
      position: absolute;
      text-align: center;
      left: 9%;
      top: 50%;
      border: 1px solid #AFB3B5;
      margin-top: -125px; }
    .section4 .register p {
      text-align: center;
      padding-top: 12%;
      color: #035B83;
      font-size: 2.0em; }
    .section4 .register a {
      float: right;
      clear: both;
      margin-bottom: 20px;
      display: block;
      width: 100%;
      height: 32px;
      font-size: 1.6em;
      line-height: 32px;
      background: #0096DB;
      text-align: center;
      color: #fff; }
    .section4 .register a.child-bott {
      clear: both; }
    .section4 .register .link-box {
      width: 40%;
      position: absolute;
      top: 25%;
      right: 11%; }
  .section4 .devices {
    width: 100%;
    height: 236px;
    margin: 0 auto;
    position: relative; }
    .section4 .devices .lap-box {
      height: 250px;
      width: 150px;
      position: absolute;
      text-align: center;
      left: 9%;
      top: 50%;
      border: 1px solid #AFB3B5;
      margin-top: -125px; }
    .section4 .devices p {
      text-align: center;
      padding-top: 12%;
      color: #035B83;
      font-size: 2.0em; }
    .section4 .devices a {
      float: right;
      clear: both;
      margin-bottom: 20px;
      display: block;
      width: 100%;
      height: 32px;
      font-size: 1.6em;
      line-height: 32px;
      background: #0096DB;
      text-align: center;
      color: #fff; }
    .section4 .devices a.child-bott {
      clear: both; }
    .section4 .devices .link-box {
      width: 40%;
      position: absolute;
      top: 15%;
      left: 42.5%; }
  .section4 a {
    transition: all .15s ease-in; }
    .section4 a:hover {
      background: #035B83; }

.section5 {
  padding: 40px 0; }
  .section5 p {
    font-size: 1.4em;
    line-height: 2.0; }

.show {
  display: block; }

.hide {
  display: none; }

.hot {
  color: #C80000; }

@media (min-width: 320px) {
  .main-article .img-right {
    margin-top: 20px; }

  .main-article .section2 .img-right {
    float: left; }

  .main-article .section3 .margin-col {
    padding-left: 0px; }

  .main-article .section3 .margin-col {
    padding-left: 0px; }

  .main-article .section3 .padding-col2 {
    padding-left: 0px; }

  .main-article .section3 .margin-col1 {
    padding-left: 0px; } }
@media (min-width: 720px) {
  .section4 .register .link-box {
    width: 35%;
    position: absolute;
    top: 32%;
    right: 16%; }
  .section4 .devices .link-box {
    width: 35%;
    position: absolute;
    top: 22%;
    left: 63%; }

  .main-article .img-right {
    margin-top: 20px; }

  .main-article .section2 .img-right {
    float: left; }

  .main-article .section3 .margin-col {
    padding-left: 0px; }

  .main-article .section3 .margin-col {
    padding-left: 0px; }

  .main-article .section3 .padding-col2 {
    padding-left: 0px; }

  .main-article .section3 .margin-col1 {
    padding-left: 0px; } }
@media (min-width: 1024px) {
  .section4 .register .link-box {
    width: 50%;
    position: absolute;
    top: 32%;
    right: 16%; }
  .section4 .devices .link-box {
    width: 50%;
    position: absolute;
    top: 22%;
    left: 63%; } }
@media (min-width: 1280px) {
  .section4 .register .link-box {
    width: 40%;
    position: absolute;
    top: 32%;
    right: 13%; }
  .section4 .devices .link-box {
    width: 40%;
    position: absolute;
    left: 51%;
    top: 22%; }

  .main-article .img-right {
    margin-top: 0px; }

  .main-article .section2 .img-right {
    float: right; }

  .main-article .section3 .margin-col {
    padding-left: 11px; }

  .main-article .section3 .padding-col2 {
    padding-left: 26px; }

  .main-article .section3 .margin-col1 {
    padding-left: 26px; } }
@media (min-width: 1367px) {
  .section4 .register .link-box {
    width: 34.48%;
    position: absolute;
    top: 32%;
    right: 16%; }
  .section4 .devices .link-box {
    width: 34.48%;
    position: absolute;
    top: 22%;
    left: 53.5%; } }
@media (min-width: 1920px) {
  .section4 .register .link-box {
    width: 33.33%;
    position: absolute;
    top: 32%;
    right: 11%; }
  .section4 .devices .link-box {
    width: 33.33%;
    position: absolute;
    top: 22%;
    left: 42.5%; }

  .main-article .section2 .img-right {
    float: left;
    margin-left: 8.6%; } }

/*# sourceMappingURL=forex.css.map */