/* 通用 */
a,
button,
input {
  outline: none !important;
}
.show{
    display: block!important;
}
.HTauto {
    height: auto !important;
}
.PDB10 {
    padding-bottom: 10px;
}
.PDT40 {
    padding-top: 40px;
}
.PDT20 {
    padding-top: 20px;
}
a.a-font-blue {
    color: #0686ff;
}
.container-fluid a {
    transition: all 0s ease-out 0s;
}
.gray-p {
    color: #999;
    text-align: center;
}
.red-bg {
    background: #ea6161;
}
.our-price {
    font-size: 26px;
    color: #ff6600;
    margin-left: 10px;
}
.red-warns {
    color: red;
    padding: 3px 15px;
    border: 1px solid #ffcece;
    margin: -5px 0 -15px;
}
.new-index-title {
    overflow: hidden;
    text-align: center;
    margin-bottom: 10px;
    color: #333;
}
.new-index-title > span {
    position: relative;
    font-size: 26px;
    color: #333;
}
.new-index-title > span:before {
    position: absolute;
    content: "";
    top: 50%;
    width: 600px;
    height: 1px;
    background-color: #E4E4E4;
    right: 100%;
    margin-right: 20px;
}
.new-index-title > span:after {
    position: absolute;
    content: "";
    top: 50%;
    width: 600px;
    height: 1px;
    background-color: #E4E4E4;
    left: 100%;
    margin-left: 20px;
}
/* 通用end */
.ssl-banner{
	height: 412px;
	background: url(img/ssl_index_02.png) no-repeat center center;
	background-size: cover;
}
/* 行业热推 */
.container-fluid{
    min-height: 600px;
}
.container-fluid * {
    box-sizing: border-box;
}
.container-fluid p {
    margin-bottom: 10px;
}
.ssl-tabdiv {
    width: 100%;
    height: 110px;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
}
.ssl-tabbox-div {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
.li-actimg {
    position: absolute;
    bottom: -11px;
    left: 135px;
    width: 18px;
    height: 10px;
}
.ssl-tabbox {
    width: 100%;
    height: 100%;
}
.ssl-tabbox > li {
    float: left;
    width: 25%;
    height: 100%;
    cursor: pointer;
}
.ssl-tabbox > li.act {
    border-bottom: solid 4px #e84047;
    margin-top: 1px;
}
.ssl-tabbox > li:hover .tabtext-absolute {
  top: -7px;
}
.ssl-tabtext {
    height: 65px;
    margin-top: 22px;
    text-align: center;
    border-right: 1px solid #e5e5e5;
    position: relative;
}
.ssl-tabbox > li:nth-last-child(1) .ssl-tabtext{
  border-right: none;
}
.tabtext-absolute {
    padding: 0 40px;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}
.tabtext-title {
    font-size: 20px;
    color: #666;
    margin-bottom: 5px;
    font-weight: bold;
}
.ssl-tabtext p {
    font-size: 12px;
    color: #999;
}

.tab-main{
    height: 520px;
    background: #f8f8f8;
}
.tab-contain {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.go-left, .go-right, .to-left, .to-right {
    width: 26px;
    height: 60px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    z-index: 10;
    cursor: pointer;
    display: none;
}
.go-left, .to-left {
    background: url(img/go-left.png) no-repeat center;
    left: 6px;
}
.go-right, .to-right {
    background: url(img/go-right.png) no-repeat center;
    right: 3px;
}
.go-left.no-left, .to-left.no-left {
    background: url(img/no-left.png) no-repeat center;
    cursor: default;
}
.tab-ul {
    position: absolute;
    left: 0;
    width: 99999px;
    display: none !important;
}
.tab-ul.show {
    display: block !important;
}
.tab-ul > li {
    float: left;
    width: 290px;
    border: 1px solid #e5e5e5;
    margin: 44px 6px 30px 5px;
    padding: 30px 0;
    background: #fff;
    overflow: hidden;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    height: 430px;
}
.tab-ul > li:nth-last-child(1){
  margin-right: 0;
}
.tab-ul > li:nth-child(1){
  margin-left: 0;
}
.HT30 {
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.brand_img{
  margin: 0 auto;
  width: 34px;
  height: 36px;
  background: url(img/n0.png) no-repeat center;
}
.brand_img.brand_id_1{
  width: 112px;
  height: 29px;
  background: url(img/n1.png) no-repeat center;
}
.brand_img.brand_id_2{
  width: 118px;
  height: 20px;
  background: url(img/n2.png) no-repeat center;
}
.brand_img.brand_id_3{
  width: 114px;
  height: 28px;
  background: url(img/n3.png) no-repeat center;
}
.brand_img.brand_id_4{
  width: 87px;
  height: 20px;
  background: url(img/n4.png) no-repeat center;
}
.brand_img.brand_id_5{
  width: 80px;
  height: 18px;
  background: url(img/n5.png) no-repeat center;
}
.brand_img.brand_id_1006{
  width: 110px;
  height: 16px;
  background: url(img/n1006.png) no-repeat center;
}
.brand_img.brand_id_1007{
  width: 170px;
  height: 18px;
  background: url(img/n1007.png) no-repeat center;
}
.tab-li-title {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    text-align: center;
    margin: 10px 0;
}
.tab-li-tips {
    background: url(img/line.png) center no-repeat;
    text-align: center;
    margin: 0 30px 10px;
    height: 24px;
}
.tab-li-tips > span {
    display: inline-block;
    padding: 2px 8px;
    color: #fff;
    position: relative;
    z-index: 10;
}
.tab-list {
    width: 100%;
    line-height: 30px;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 30px;
}
.tab-list-alpha {
    color: #999;
    margin-right: 5px;
}
.MG5 {
    margin: 5px 0;
    height: 30px;
}
.tab-list-price {
    color: #666;
    margin: 5px 0 20px 0;
    text-align: center;
}
.our-price {
    color: #f00909;
}
a.tab-list-buy {
    display: block;
    width: 200px;
    height: 36px;
    line-height: 36px;
    border-radius: 3px;
    text-align: center;
    background: #e84047;
    color: #fff;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    margin: 15px auto;
}
/* 行业热推 end */
/* 证书品牌 */
.new-index-div {
    width: 100%;
    background: #fff;
}
.brand-bg {
    background: url(img/brand-bg.jpg) no-repeat center;
}
.brand-bg .new-index-box {
    height: 532px;
    width: 1200px;
    margin: 0 auto;
    padding-top: 40px;
}

.brand-bg .new-index-title {
    color: #fff;
}
.brand-bg .new-index-title > span {
    color: #fff;
}
.brand-bg .new-index-title > span:before {
    background-color: #fff;
}
.brand-bg .new-index-title > span:after {
    background-color: #fff;
}
.index-brand-tab {
    margin-top: 20px;
}
.index-brand-tab li {
    width: 23%;
    height: 80px;
    float: left;
    position: relative;
    cursor: pointer;
}
.index-brand-tab li:first-child {
    width: 31%;
}
.brand-tab-bg {
    width: 100%;
    height: 70px;
    position: absolute;
    bottom: 0;
}
.index-brand-tab li:nth-of-type(1) .brand-tab-bg {
    background: #ededee url("img/br1.png") no-repeat center;
  }
  .index-brand-tab li:nth-of-type(2) .brand-tab-bg {
    background: #ededee url("img/br2.png") no-repeat center;
  }
  .index-brand-tab li:nth-of-type(3) .brand-tab-bg {
    background: #ededee url("img/br3.png") no-repeat center;
  }
  .index-brand-tab li:nth-of-type(4) .brand-tab-bg {
    background: #ededee url("img/br4.png") no-repeat center;
  }
  .index-brand-tab li.act:after {
    content: '';
    width: 12px;
    height: 12px;
    background: url(img/brj1.png) no-repeat center;
    position: absolute;
    right: -12px;
    top: 0;
}
.index-brand-tab li:nth-of-type(4).act:after {
    background: url("img/brj2.png") no-repeat center;
    right: auto;
    left: -12px;
  }
  .index-brand-tab li:nth-of-type(1).act .brand-tab-bg {
    height: 100%;
    background: #fff url("img/br1.png") no-repeat center;
    opacity: 1;
  }
  .index-brand-tab li:nth-of-type(2).act .brand-tab-bg {
    height: 100%;
    background: #fff url("img/br2.png") no-repeat center;
    opacity: 1;
  }
  .index-brand-tab li:nth-of-type(3).act .brand-tab-bg {
    height: 100%;
    background: #fff url("img/br3.png") no-repeat center;
    opacity: 1;
  }
  .index-brand-tab li:nth-of-type(4).act .brand-tab-bg {
    height: 100%;
    background: #fff url("img/br4.png") no-repeat center;
    opacity: 1;
  }
  .index-brand-tab li:before {
    content: '';
    width: 100%;
    height: 70px;
    position: absolute;
    z-index: 1;
    bottom: 0;
    background: #fff;
    background: rgba(255,255,255,0.5);
    filter: alpha(opacity=50);
}
.index-brand-tab li.act:before {
    background: rgba(255,255,255,0);
    filter: alpha(opacity=0);
}
.index-brand-tab li:hover:before {
    background: rgba(255, 255, 255, 0);
    filter: alpha(opacity=0);
}
.brand-div {
    width: 100%;
    min-height: 270px;
    background: #fff;
    padding: 25px;
    display: none;
  }
  .brand-div h4 {
    color: #333;
    font-size: 26px;
    margin-top: 15px;
  }
  .brand-div p {
    margin: 15px 0;
    line-height: 1.8;
  }
  .brand-div h5 {
    color: #333;
    font-size: 16px;
    margin-top: 30px;
    font-weight: bold;
  }
  .brand-div-a {
    margin-top: 20px;
  }
  .brand-div-a a {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    background: #ededee;
    margin: 0 5px 10px 0;
  }
  .brand-div-a a:hover {
    background: #e84047;
    color: #fff;
    transition: background 0.5s;
    -webkit-transition: background 0.5s;
  }
/* 证书品牌end */
/* 证书类型 */
.new-index-types {
    width: 100%;
    height: 760px;
    background: #f8f8f8;
  }
  .new-index-types-box {
    width: 1200px;
    margin: 0 auto;
    padding: 50px 0;
  }
  .new-index-table {
    text-align: center;
    margin: 20px 0 0 1px;
  }
  .index-tr1 {
    width: 150px;
    float: left;
    margin-top: 20px;
    background: #fff;
    font-weight: bold;
  }
  .index-td1 {
    height: 80px;
    font-size: 26px;
    color: #333;
    line-height: 80px;
    background: #ededee;
  }
  .index-td2 {
    height: 120px;
  }
  .index-td2 span {
    font-size: 12px;
    font-weight: normal;
  }
  .index-tdn {
    height: 60px;
    line-height: 60px;
  }
  .index-td1,
  .index-td2,
  .index-tdn {
    border: 1px solid #e4e4e4;
    border-right: 0;
    margin-top: -1px;
  }
  .new-index-table img {
    display: block;
    margin: 0 auto 20px;
  }
  a.table-buy {
    display: inline-block;
    height: 36px;
    line-height: 34px;
    padding: 0 65px;
    border: 1px solid #e5e5e5;
    background: #f9f9f9;
    border-radius: 3px;
  }
  .gray-font {
    color: #999 !important;
  }
  .PDT40 {
    padding-top: 40px;
  }
  .PDT20 {
    padding-top: 20px;
  }
  .PDB10 {
    padding-bottom: 10px;
  }
  .index-trn {
    float: left;
    width: 349px;
    margin-top: 20px;
    background: #fff;
  }
  .index-trn:hover {
    box-shadow: 0 0 12px 0 #ccc;
    margin-top: 0;
    position: relative;
    z-index: 10;
    transition: 0.5s;
    -webkit-transition: 0.5s;
  }
  .index-trn:hover .index-td1 {
    background: #e84047;
    border-color: #e84047;
    color: #fff;
    height: 100px;
    line-height: 100px;
  }
  .index-trn:hover a.table-buy {
    background: #e84047;
    border-color: #e84047;
    color: #fff;
  }
  a.table-buy:hover {
    transition: 0.25s;
    -webkit-transition: 0.25s;
    background: #e84047 !important;
  }
  .BDR {
    border-right: 1px solid #e4e4e4;
  }
/* 证书类型 */
/* 证书概论 */
.iswhat {
    background: url("img/iswhat-bg.png") no-repeat center
      right;
    min-height: 171px;
  }
  .iswhat h4 {
    font-size: 26px;
    color: #333;
    margin: 40px 0 20px;
  }
  .iswhat > p {
    max-width: 690px;
    line-height: 2;
    margin-bottom: 0;
  }
  .whatbox {
    width: 50%;
    height: 85px;
    float: left;
    padding-left: 150px;
    margin-bottom: 40px;
  }
  .whatbox h5 {
    color: #333;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold;
  }
  .whatbox > p {
    line-height: 1.6;
    max-width: 400px;
  }
  .whatbox:nth-of-type(1) {
    background: url("img/iswhat1.png") no-repeat center left;
  }
  .whatbox:nth-of-type(2) {
    background: url("img/iswhat2.png") no-repeat center left;
  }
  .whatbox:nth-of-type(3) {
    background: url("img/iswhat3.png") no-repeat center left;
  }
  .whatbox:nth-of-type(4) {
    background: url("img/iswhat4.png") no-repeat center left;
  }
/* 证书概论end */
/* 优势 */
.ourys {
    width: 100%;
    height: 580px;
    background: url("img/ys-bg.jpg") no-repeat center;
}
.ourys .new-index-box{
    width: 1200px;
    height: 550px;
    margin: 0 auto;
    padding-top: 40px;
}
.ourys .new-index-title {
    color: #fff;
}
.ourys .new-index-title span {
    color: #fff;
}
.ourys-div {
    margin-top: 20px;
}
.ourys-box {
    width: 25%;
    height: 405px;
    float: left;
}
.ourys-box > a {
    display: block;
    height: 100%;
    background: #fff;
    background: rgba(255, 255, 255, 0.5);
    filter: alpha(opacity=50);
    padding: 60px 40px;
    color: #333;
    text-align: center;
    transition: background-color 0.5s;
    -webkit-transition: background-color 0.5s;
    transition: padding 0.3s;
    -webkit-transition: padding 0.3s;
}
.ourys-box > a h5 {
    font-size: 20px;
    line-height: 1.4;
    font-weight: bold;
}
.ourys-box > a p {
    color: #666;
    text-align: left;
    margin-top: 15px;
    line-height: 1.6;
}
.ourys-box:nth-of-type(1) {
    background: url("img/ys1.jpg") no-repeat center;
}
.ourys-box:nth-of-type(2) {
    background: url("img/ys2.jpg") no-repeat center;
}
.ourys-box:nth-of-type(3) {
    background: url("img/ys3.jpg") no-repeat center;
}
.ourys-box:nth-of-type(4) {
    background: url("img/ys4.jpg") no-repeat center;
}
.ours-img {
    height: 50px;
    margin-bottom: 25px;
}
.ourys-box:nth-of-type(1) .ours-img {
    background: url("img/ys-a.png") no-repeat center;
}
.ourys-box:nth-of-type(2) .ours-img {
    background: url("img/ys-b.png") no-repeat center;
}
.ourys-box:nth-of-type(3) .ours-img {
    background: url("img/ys-c.png") no-repeat center;
}
.ourys-box:nth-of-type(4) .ours-img {
    background: url("img/ys-d.png") no-repeat center;
}
.ourys-box > a:hover {
    color: #fff;
    background: rgba(232,64,71,0.7);
    filter: alpha(opacity=70);
    padding: 30px 40px;
}
.ourys-box > a:hover p {
    color: #fff;
}
.ourys-box:nth-of-type(1) > a:hover .ours-img {
    background: url("img/ys-aa.png") no-repeat center;
}
.ourys-box:nth-of-type(2) > a:hover .ours-img {
    background: url("img/ys-bb.png") no-repeat center;
}
.ourys-box:nth-of-type(3) > a:hover .ours-img {
    background: url("img/ys-cc.png") no-repeat center;
}
.ourys-box:nth-of-type(4) > a:hover .ours-img {
    background: url("img/ys-dd.png") no-repeat center;
}
/* 优势 end */
/* 帮助文档 */
.questions ul {
    margin-top: 40px;
  }
  .questions ul li {
    width: 350px;
    float: left;
    margin: 0 50px 15px 0;
  }
  .questions ul li a {
    color: #666;
    font-size: 14px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: 0.25s;
  }
  .questions ul li a:hover {
    color: #e84047;
    text-decoration: underline !important;
  }
  a.more-questions {
    display: block;
    margin: 20px auto 0;
    width: 100px;
    height: 36px;
    line-height: 36px;
    background: #ededee;
    text-align: center;
    transition: background 0.25s;
  }
  a.more-questions:hover {
    background: #e84047;
    color: #fff;
  }
/* 帮助文档 end */