@charset "utf-8";
/*CSS reset*/
html{-webkit-tap-highlight-color: rgba(0,0,0,0);}
body{margin:0 auto;padding:0;font:16px/1.5 "Helvetica";background:#FFF;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,tr,td {margin:0;padding:0;}

ul,ol,li {list-style:none}
.editor-content *{word-break: break-word;}
.editor-content ul,.editor-content ol{list-style:inherit;max-width:100%;}
.editor-content li{list-style:inherit;margin-left:20px}
.about-wrap .content ul,.about-wrap .content ol {list-style:inherit;}
.about-wrap .content li{list-style:inherit;margin-left:20px}
table,td,input,textarea,button {font:inherit;outline:none; resize:none;}
textarea{overflow-y:auto;}
input[type="button"],input[type="submit"],input[type="reset"]{cursor:pointer}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#B2B2B2;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;} /*去掉浏览器黄色背景*/
table {border-collapse:collapse;border-spacing:0;width:100%!important;}
table th,table td{word-break: break-word!important;padding:12px 12px!important;border-color:#dfdfdf!important}
table th{background: #2D7270!important;color: #fff!important;font-weight: bold!important;border-color:#fff!important;}
table th *{background:transparent!important;color: #fff!important;font-weight: bold!important;margin:0!important;}
table td *{word-break: break-word!important;background:transparent!important;margin:0!important;}
/*table tr:nth-of-type(2n+1){background: #F2F2F2;}
table tr:nth-of-type(2n){background: #FFFFFF;}*/
@media(max-width: 500px) {
  table.scroll-table {display: block;overflow-x: auto;}
  table.scroll-table tbody {display: block; width: 100%; min-width: 800px;}
}
img{
    max-width: 100%;
    border:0;
    object-fit: cover;
    image-rendering: -moz-crisp-edges; /* Firefox */     
    image-rendering: -o-crisp-edges; /* Opera */      
    image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */ 
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */    
}
/*address,caption,cite,code,dfn,em,th,var,strong,i{font-style:normal;font-weight:normal}*/
q:before,q:after {content:''}
abbr,acronym {border:0}
a{text-decoration:none;font-family: inherit;color: inherit;}
a:active,a:hover {outline: 0;text-decoration:none;}
:focus{outline: 0;}
pre {white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */word-wrap: break-word; /* Internet Explorer 5.5+ */  }


/*定位*/
.tal{text-align:left!important;}
.tac{text-align:center!important;}
.tar{text-align:right!important;}

.fl{float:left;}
.fr{float:right;}
.fn{float:none;}

.clearfix{*zoom: 1;}
.clearfix:after{content:""; display: block; height: 0; clear: both; visibility: hidden;}

.hide{display:none;}
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mobile {
    display: none !important;
}
@media(max-width: 500px) {
  table.scroll-table {display: block;overflow-x: auto;}
  table.scroll-table tbody {display: block; width: 100%; min-width: 800px;}
}
#vsb_content ul{padding-left:20px}
#vsb_content li{list-style: disc ;}

.dropdown-submenu {

position: relative;

}

.dropdown-submenu > .dropdown-menu {

top: 0;

left: 100%;

margin-top: -6px;

margin-left: -1px;

-webkit-border-radius: 0 6px 6px 6px;

-moz-border-radius: 0 6px 6px;

border-radius: 0 6px 6px 6px;

}

.dropdown-submenu:hover > .dropdown-menu {

display: block;

}
/*
.dropdown-submenu-after > a:after {

display: block;

content: " ";

float: right;

width: 0;

height: 0;

border-color: transparent;

border-style: solid;

border-width: 5px 0 5px 5px;

border-left-color: #ccc;

margin-top: 5px;

margin-right: -10px;

}

.dropdown-submenu-after:hover > a:after {

border-left-color: #fff;

}
*/
.dropdown-submenu.pull-left {

float: none;

}

.dropdown-submenu.pull-left > .dropdown-menu {

left: -100%;

margin-left: 10px;

-webkit-border-radius: 6px 0 6px 6px;

-moz-border-radius: 6px 0 6px 6px;

border-radius: 6px 0 6px 6px;

}

.pc_video_pictx li .vid {
    display: block;
    width: 100%;
    height: 200px;
    overflow: hidden;
    position: relative;
}
.pc_video_pictx li .vid img.img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 1s;
    border: none;
}
.pc_video_pictx li p {
    width: 100%;
    padding: 8px 0;
    text-align: center;
    font-size: 16px;
    color: #333;
    height: 50px;
}
.pc_video_pictx li:hover p {
    color: #019483;
}
.pc_video_pictx li:hover img.img {
    transform: scale(1.2);
}
.pagepic_newtitle_1 {
    font-size: 22px;
    line-height: 150%;
    font-weight: bold;
    text-align: center;
}
.pagepic_tablestyle_1 img {
    border: none !important;
    min-height: 80px;
    width: 80%;
    min-width: 100px
}

.pagepic_imgcontentstyle_1 img {
    margin-top: 0 !important;
    width: 100%;
    min-height: 660px;
}
.pagepic_lefttdarrow_1 {
    display:none;
}
.pagepic_righttdarrow_1 {
    display:none;
}
.pagepic_nextpagepic_1 {
    font-size: 9pt;
    line-height: 150%;
    text-align: center;
    border-right: 1px solid #d6d6d6;
    background-color: #f2f2f2 !important;
}
.pagepic_firstpagepic_1 {
    font-size: 9pt;
    line-height: 150%;
    text-align: center;
    border-left: 1px solid #d6d6d6;
    background-color: #f2f2f2 !important;
}
.pagepic_smalltable_1 {
    border-bottom: 1px solid #d6d6d6;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    border-top: 1px solid #d6d6d6;
    height: 116px;
}
.nry_zt table td{
    padding:  0 !important;
    border-color: transparent !important;
    min-width: 125px;
}
.studyplan-box .wrap {
  display: block;
  background: #FFFFFF;
  border: 1px solid #E3E9E6;
  box-sizing: border-box;
  border-radius: 8px;
  padding: 24px 26px;
  text-align: center;
  transition: all .1s;
  margin-bottom: 24px;
}

.studyplan-box .wrap:hover,
.studyplan-box .wrap:focus,
.studyplan-box .wrap:active {
  border-color: transparent;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.08);
}

.studyplan-box .wrap .img {
  width: 100%;
  height: 0;
  padding-bottom: 55%;
  border-radius: 4px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.studyplan-box .wrap .list-title {
  max-height: 36px;
  min-height: 18px;
  font-size: 16px;
  line-height: 18px;
  color: #333333;
  margin-top: 16px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.studyplan-box .wrap .intro {
  height: 36px;
  font-weight: bold;
  font-size: 18px;
  line-height: 18px;
  color: #333333;
  margin-top: 4px;
  overflow: hidden;
}
.overview .title ,.framework .title ,.corecourse .title{
    margin-top: 50px;
}
.download-box .item {
  display: block;
  padding: 15px 116px 15px 32px;
  font-size: 18px;
  line-height: 22px;
  color: #3B3838;
  transition: all .1s;
  background-color: #F7FAFD;
  position: relative;
}

.download-box .item1::after {
  content: '';
  width: 20px;
  height: 20px;
  background: url(../image/icon-download.png) no-repeat center center;
  background-size: 20px 20px;
  position: absolute;
  right: 32px;
  top: 50%;
  margin-top: -10px;
}
.download-box .item2::after {
  content: '';
  width: 20px;
  height: 20px;
  background: url(../image/icon-link.png) no-repeat center center;
  background-size: 20px 20px;
  position: absolute;
  right: 32px;
  top: 50%;
  margin-top: -10px;
}

.download-box .item:nth-of-type(2n) {
  background-color: #fff;
}

.download-box a.item:hover {
  color: #422C74;
  background-color: #F2EDFB;
}

.download-box a.item1:hover::after {
  background: url(../image/icon-download-h.png) no-repeat center center;
}
.download-box a.item2:hover::after {
  background: url(../image/icon-link-h.png) no-repeat center center;
}

@media (min-width: 600px) {
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
}
@media (max-width: 600px) {
.index-research-box .row {
    display: block;
}
    .col-md-5 {
        width: 100%;
    }
    .col-md-7 {
        width: 100%;
    }
}