blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul {margin:0;padding:0}
h1,h2,h3,h4,h5,h6 {font-size:100%}
address,cite,dfn,em,var {font-style:normal}
code,kbd,pre,samp {font-family:courier new,courier,monospace}
small {font-size:12px}
ol,ul {list-style:none}
a {text-decoration:none}
a:hover {text-decoration:underline}
sup {vertical-align:text-top}
sub {vertical-align:text-bottom}
legend {color:#000}
fieldset,img {border:0}
button,input,select,textarea {font-size:100%}
table {border-collapse:collapse;border-spacing:0}

/*css reset*/
@font-face {
  font-family: ScaniaSans;
  src: url('../font/ScaniaSans-Regular.otf');
}
.content_float{width:80%; position: absolute; top: 0; left: 10%; z-index: 4; padding-top: 1.8rem;
  @media screen and (max-width: 750px){
    width: 90%; left: 5%; padding-top: 1.2rem;
  }
}
.mini_title{font-size: 0.6rem; color: rgb(206, 184, 136); margin: 0.5rem 0;}
.mb_width{
  @media screen and (max-width: 750px){
    width: 90%;
    left: 5%;
  }
}

*{-webkit-tap-highlight-color: rgba(0,0,0,0);}
body{font-family: Microsoft YaHei, Arial, sans-serif;}
#out_box{width: 100%; max-width: 1440px; margin: 0 auto;}
img{width: 100%; display: block; border: none;}
.clear{clear: both;}
.mb_show{display: none;}
.banner_box{width: 100%;}
.section{width: 100%; position: relative;
  .section_part{position: relative; width: 100%;}
  .content{
    .content_float;

    .left_half{width: 50%;
      @media screen and (max-width: 750px){
        width: 100%;
      }
    }
  }
  .section_num{font-size: 1.9rem; color: #1d3e72; margin-bottom: 0.7rem; font-family: ScaniaSans;}
  .section_title{font-size: 1rem; color: #1d3e72; margin-bottom: 0.5rem}
  .section_info{font-size: 0.6rem; color: #333333; line-height: 180%;}
}
.section2{padding-bottom: 2.5rem;
  @media screen and (max-width: 750px){
    padding-bottom: 1.3rem;
  }
  .section_num,.section_title,.section_info{color: #fff;}

  .nav_tab{width: 80%; position: absolute; bottom: 0; left: 10%; .mb_width;
    li{width: 31%; float: left; margin-left: 3.5%; background: #d6001c; color: #fff; font-size: 0.7rem; text-align: center; padding: 0.6rem 0; position: relative; cursor: pointer; overflow: hidden;
      .tab_num{
        font-family: ScaniaSans;
        font-size: 2.4rem;
        color: rgba(255, 255, 255, 0.2);
        font-weight: bold;
        -moz-transform: matrix( 1.18336814679634,0,0,1.18336816204698,0,0);
        -webkit-transform: matrix( 1.18336814679634,0,0,1.18336816204698,0,0);
        -ms-transform: matrix( 1.18336814679634,0,0,1.18336816204698,0,0);
        position: absolute;
        left: -0.2rem;
        top:-0.3rem;
        z-index: 8;
        font-style: italic;
        font-weight: bold;
      }
      @media screen and (max-width: 750px){
        font-size: 0.6rem; width: 33%; margin-left: 0.5%;
      }
    }
    li:nth-child(1){margin-left: 0;}
    li.is_selected{
      background: #fff; color: #d6001c;
      .tab_num{color: rgb(214, 0, 28);
        @media screen and (max-width: 750px){
          color: rgba(214, 0, 28, 0.2); top:-0.42rem;
        }
      }
    }
  }
  .tab_cont{width: 80%; margin: 0 auto; padding-top: 1.4rem; display:none; .mb_width;
    @media screen and (max-width: 750px){
      padding-top: 1rem;
    }
    .tab_intro{font-size: 0.55rem; color: #333;}
    .tab_item{margin-top: 1rem; overflow: hidden;
      li{width: 22%; float: left; margin-left: 4%;  text-align: center;
        img{width: 50%; margin: 0 auto;}
        .title{.mini_title}
        .info{font-size: 0.48rem; color: #333; line-height: 150%;}
        .quiz_cta{display: block; width: 120px; color: #fff; background: #d6001c; font-size: 0.6rem; padding: 0.2rem 0; text-align: center; margin: 0 auto; margin-top: 0.6rem;}
        @media screen and (max-width: 750px){
          width: 50%; float: none; margin-bottom: 0.5rem; text-align: left; margin-left: 0;
          display: box; display: -webkit-box; display: -moz-box;
          box-align:start; -webkit-box-align:start; -moz-box-align:start;
          box-pack:start; -webkit-box-pack:start; -moz-box-pack:start;
          img{width: 50%; padding-right: 10%; margin: 0;}
          .mb_right{width:140%;}
          .quiz_cta{width: 110px; margin: 0; margin-top: 0.6rem;}
        }
      }
      li:nth-child(1){margin-left: 0;}
    }
    @media screen and (min-width: 751px){
      .tab_item2,.tab_item3{width: 74%; margin: 0 auto;
        li{width: 30%; margin-left: 5%;}
      }
    }

    .detail_info{margin-top: 1rem; position: relative;
      @media screen and (max-width: 750px){
        margin-top: 0;
      }
      .detail_info_content{width: 60%; position: absolute; top: 1.5rem; left: 0; z-index: 4;
        display: box; display: -webkit-box; display: -moz-box;
        box-align:start; -webkit-box-align:start; -moz-box-align:start;
        box-pack:start; -webkit-box-pack:start; -moz-box-pack:start;
        .left_logo{width: 30%; text-align: center;
          img{width: 65%; margin: 0 auto;}
          .logo_info{.mini_title}
        }
        .right_cont{width: 80%;
          .cont_title{font-size: 0.55rem; color: #041e42; font-weight: bold; margin-bottom: 0.3rem;}
          .cont_info{font-size: 0.45rem; color: #555; margin-bottom: 0.5rem; line-height: 160%;}
        }
        @media screen and (max-width: 750px){
          .logo_info{.mini_title}
          position: static; width: 50%;
          .left_logo{width: 50%; padding-right: 10%; margin: 0;
            img{width: 100%;}
          }
          .right_cont{width:140%;}
        }
      }
    }

    .apply_box{margin-top: 1.5rem; text-align: center;
      a{display: inline-block; font-size: 0.55rem; color: #fff; padding: 0.5rem 1.5rem; background: #d6001c;}
    }
  }
}
.section3 {
  .section_num, .section_title, .section_info {
    color: #fff;
  }
  .max_view{margin-top: 1.1rem; position: relative;
    .pc_slide,.mb_slide{display: none;}
    .pc_slide:nth-child(1){display: block;}
    .mb_slide:nth-child(1){display: block;}

    .pc_arrow{width: 10%; position: absolute; right: 2%; bottom: 3%;
      .arrow_left{width: 47%; float: left; cursor: pointer;}
      .arrow_right{width: 47%; float: right; cursor: pointer;}
    }
  }
  .mini_view{width: 90%; margin: 0 auto; margin-top: 2rem;
    @media screen and (max-width: 750px){
      width: 100%;
    }
    li{width: 18%; margin-left: 2.5%; float: left;
      box-sizing:border-box;
      -moz-box-sizing:border-box; /* Firefox */
      -webkit-box-sizing:border-box; /* Safari */
      border: solid 1px #ccc;
      position: relative; cursor: pointer;
      .slide_arrow{position: absolute; width: 10%; top: 0; left: 45%; z-index: 8; display: none;;
        transform: translateY(-140%);
        -ms-transform: translateY(-140%);
        -webkit-transform: translateY(-140%);
        -moz-transform: translateY(-140%);
        @media screen and (max-width: 750px){
          transform: translateY(-130%);
          -ms-transform: translateY(-130%);
          -webkit-transform: translateY(-130%);
          -moz-transform: translateY(-130%);
          width: 26%; left: 37%;
        }
      }
    }
    li:nth-child(1){margin-left: 0;}
    .is_show{border: solid 5px #d6001c;
      .slide_arrow{display: block;}
      @media screen and (max-width: 750px){
        border: solid 3px #d6001c;
      }
    }
  }
}
.section4{background: #f8f8f8; padding-bottom: 2.5rem;
  @media screen and (max-width: 750px){
    padding-bottom: 1.5rem !important;
  }
  .content{position: static; margin: 0 auto;}
  .video_box{margin-top: 1.1rem; cursor: pointer; position: relative; width: 81%; float: left;
    .pre_video{display: none;}
    .cover_txt{width: 95%; position: absolute; left: 5%; bottom: 7%; z-index: 6;
      .play_video{width: 9%;}
      .video_slogan{
        font-size: 0.86rem;
        color: rgb(206, 184, 136);
        margin-top: 1rem;
      }
      .video_intro{font-size: 0.6rem; color: #fff; margin-top: 0.5rem;}
    }
    .cover_mask{background-color: rgb(4, 30, 66);  opacity: 0.6;  position: absolute;  left: 0;  top: 0; width: 100%;  height: 100%;  z-index: 4;}
    .show_video{width: 100%; height: 100%; position: absolute; top:0; left: 0; z-index: 8; display: none;}
    @media screen and (max-width: 750px){
      width: 100%; float: none;
    }
  }
  .more_video{width: 17%; margin-left: 2%; margin-top: 1.1rem; float: left;
    .more_video_list{overflow: hidden;
      li{margin-bottom: 3%; cursor: pointer;}
    }
    @media screen and (max-width: 750px){
      width: 100%; float: none; margin-left: 0; margin-top: 0.6rem;
      .more_video_list{overflow: hidden;
        li{width: 31%; float: left; margin-right: 3.5%;}
      }
    }
  }
}
.section5 {
  padding-bottom: 2.5rem;
  @media screen and (max-width: 750px){
    padding-bottom: 1rem;
  }
  .content {
    position: static;
    margin: 0 auto;
    .about_item {
      width: 100%;
      margin-top: 1.1rem;
      overflow: hidden;
      li {
        width: 31%;
        float: left;
        margin-left: 3.5%;
        text-align: center;
        font-size: 0.7rem;
        img {
          padding-bottom: 0.5rem;
        }
        a{color: #333;}
      }
      li:nth-child(1) {
        margin-left: 0;
      }
      @media screen and (max-width: 750px){
       li{width: 48%; margin-left: 4%; margin-bottom: 0.6rem}
       li:nth-child(odd){margin-left: 0;}
      }
    }
  }
}

@media screen and (max-width: 750px){
  .pc_show{display: none;}
  .mb_show{display: block;}
}