/*banner start*/
.top-banner {
    margin-top: 150px;
}

.banner-nex {
    width: unset !important;
}

.banner-nex:after {
    content: unset !important;
}

.banner-nex img {
    width: 100px;
    height: 100px;
}

.left-60 {
    left: 60px !important;
}

.right-60 {
    right: 60px !important;
}

.banner-pagination {
    text-align: center;
}

/*banner end*/

/*关联产品start*/

.btit {
    font-size: 24px;
    color: #333333;
    font-family: HelveticaNeue-Bold;
    font-weight: bold !important;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 30px;
}

.mbtit {
    font-size: 18px;
    color: #333333;
    font-family: HelveticaNeue-Bold;
    font-weight: bold;
    margin: auto;
    display: block;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 30px;
}

.mproduct-box {
    width: 100%;
    overflow: hidden
}


.product-box {
    width: 100%;
    overflow: hidden
}

.nv-boder {
    border: 1px solid #EFF1F2;
    background: #fff;
    font-family: HelveticaNeue-Bold;
    width: 210px !important;
    box-shadow: 0px 20px 60px 0px rgba(32, 70, 128, 0.2);
    margin-top: 30px;
    margin-bottom: 10px;
    height: 150px;
    line-height: 130px
}

.nv-boder img {
    height: 135px !important;
    width: 135px !important;
    margin-top: 5px
}

.text-area a {
    font-size: 16px;
    font-family: HelveticaNeue-Regular;
    font-weight: bold;
    color: #333333 !important;
    padding-top: 10px;
}

.mnv-boder {
    border: 1px solid #EFF1F2;
    background: #fff;
    font-family: HelveticaNeue-Bold;
    width: 210px !important;
    box-shadow: 0px 20px 60px 0px rgba(32, 70, 128, 0.2);
    margin-top: 30px;
    line-height: 130px
}

.mnv-boder img {
    width: 80%;
}

.mtext-area a {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 14px;
    display: block;
    font-weight: bold;
    width: 210px;
}

.product-swiper-button-next {
    float: right;
    margin-right: -90px;
    margin-top: -200px
}

.product-swiper-button-prev {
    margin-left: -90px;
    margin-top: -200px
}

.product-swiper-button-next img,
.product-swiper-button-prev img {
    height: 120px;
    width: 120px
}

.table {
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 4px 4px 0 0;
    text-align: center;
    margin-top: 40px;
}

.table th {
    font-size: 18px;
    font-family: HelveticaNeue-Bold;
    font-weight: bold;
    color: #FFFFFF;
    border-right: 1px solid #FFCE70;
    border-bottom: 1px solid #FFCE70;
    border-top: 1px solid #FFCE70;
    padding: 6px 6px 6px 12px;
    vertical-align: middle;
    height: 50px;
    text-align: center;
    text-transform: none;
}

.table .thead {
    background: linear-gradient(130deg, #FDB825, #FCA31A);
    font-family: HelveticaNeue-Bold;
}

.table td {
    border-right: 1px solid #FFCE70;
    border-bottom: 1px solid #FFCE70;
    background: #fff;
    font-size: 14px;
    height: 60px !important;
    line-height: 60px !important;
    color: #333333;
    font-family: HelveticaNeue-Bold;
}

.table td.alt {
    background: #F5FAFA;
    color: #797268;
    font-family: HelveticaNeue-Bold;
}

.table th.spec, td.spec {
    border-left: 1px solid #FFCE70;
    vertical-align: middle !important;
    font-weight: bold;
    font-family: HelveticaNeue-Bold;
}

.table tr dd, .table td dd {
    font-size: 18px !important;
    font-family: HelveticaNeue-Bold;
    font-weight: bold;
    color: #333333;
    height: 60px !important;
    line-height: 60px !important;
}

.table td dd a {
    font-size: 18px !important;
    font-family: HelveticaNeue-Bold;
    font-weight: bold
}

.table tr dd.bk {
    font-family: HelveticaNeue-Bold;
    background: #FFF9F4;
}

.table tr dd:last-child {
    border-bottom: 0;
}

.table tr.select th, .table tr.select td {
    background-color: #CAE8EA;
    color: #797268;
    font-family: HelveticaNeue-Bold;
}

.table th.spec, .table td.spec {
    font-size: 18px;
    font-family: HelveticaNeue-Bold;
    width: 25%;
}

.table tr dd a, .table td dd a {
    color: #333
}

.table .flat-button {
    height: 36px !important;
    box-shadow: 0 0 0 #000;
    line-height: 32px !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    font-family: Helvetica Neue;
    font-weight: bold;
    color: #FFFFFF;
    text-transform: none;
}

.table .flat-button.bg-green {
    background: #46B847 !important;
}

.table .flat-button.bg-green:hover {
    background: #46B847 !important;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    padding: unset;
}

.mtable {
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 4px 4px 0px 0px;
    font-family: HelveticaNeue-Bold;
}

.mtable th {
    font-size: 12px;
    font-family: HelveticaNeue-Bold;
    font-weight: bold;
    color: #FFFFFF;
    border-right: 1px solid #FFCE70;
    border-bottom: 1px solid #FFCE70;
    border-top: 1px solid #FFCE70;
    text-transform: uppercase;
    /*padding: 6px 6px 6px 12px;*/
    vertical-align: middle;
    height: 50px;
    text-align: center;
}

.mtable .thead {
    background: linear-gradient(130deg, #FDB825, #FCA31A);
}

.mtable td {
    border-right: 1px solid #FFCE70;
    border-bottom: 1px solid #FFCE70;
    background: #fff;
    font-size: 14px;
    height: 40px !important;
    line-height: 40px !important;
    font-family: HelveticaNeue-Bold;
    color: #333333;
}

.mtable td.alt {
    background: #F5FAFA;
    color: #797268;
}

.mtable th.spec, .mtable td.spec {
    font-size: 13px;
    border-left: 1px solid #FFCE70;
    font-family: HelveticaNeue-Bold;
    font-weight: bold;
    text-align: center;
}

.mtable tr dd, .mtable td dd {
    font-size: 13px !important;
    font-weight: bold;
    font-family: HelveticaNeue-Bold;
    color: #333333;
    height: 40px !important;
    line-height: 40px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.mtable td {
    line-height: unset !important;
}

.mtable td dd a {
    font-size: 13px !important;
    font-family: HelveticaNeue-Bold;
    font-weight: bold
}

.mtable tr dd.bk {
    background: #FFF9F4;
    font-family: HelveticaNeue-Bold;
}

.mtable tr dd:last-child {
    border-bottom: 0px;
}

/*---------for IE 5.x bug*/

.mtable tr.select th, .mtable tr.select td {
    background-color: #CAE8EA;
    color: #797268;
    font-family: HelveticaNeue-Bold;
}

.mtable .thead th {
    text-transform: unset !important;
    font-size: 14px;
    font-family: HelveticaNeue-Bold;
}

.mtable tr dd a, .mtable td dd a {
    color: #333
}

.mtable .flat-button {
    height: 30px !important;
    box-shadow: 0 0 0px #000;
    width: 78px !important;
    line-height: 25px !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    font-family: Helvetica Neue;
    font-weight: bold;
    color: #FFFFFF;
    text-transform: none;
}

.mtable .flat-button.bg-green {
    padding: unset !important;
    background: #46B847 !important;
}

.mtable .flat-button .bg-green:hover {
    background: #46B847 !important;
}

.mtable a:hover, .mtable a.active, .mtable a:focus {
    color: #333333
}

.mtable a.dk {
    line-height: 20px !important;
    height: 40px !important;
    display: block
}

.intro {
    width: 100%;
    background: #FAFBFF;
    margin-top: 50px
}

.intro-box {
    padding: 20px 0;
}

.title-course {
    font-weight: bold;
    font-size: 24px;
    color: #333;
    font-family: HelveticaNeue-Bold;
    margin-top: 5px;
}

.unpd {
    padding: 0;
}

.pct {
    margin-top: 10px;
    color: #333;
    padding-right: 30px;
    font-family: HelveticaNeue-Regular;
}

.pz {
    text-align: right;
    height: 255px;
    background: url(/static/web/img/index/index-2.jpg) no-repeat center;
    background-size: 100%;
}

.mintro {
    width: 100%;
    background: #FAFBFF;
    margin-top: 30px
}

.mintro-box {
    padding: 20px 0;
}

.mintro-box img {
    height: auto;
    width: 530px;
    margin-right: -30px
}

.mtitle-course {
    font-weight: bold;
    font-size: 18px;
    color: #333;
    font-family: HelveticaNeue-Bold;
    margin-top: 20px;
    line-height: 25px;
}

.mflat-lh-25 {
    font-size: 14px;
    margin-top: 20px;
    color: #333;
    line-height: 25px;
}

.ys-box {
    margin-top: 40px;
}

.ys-box div div:last-child {
    padding-left: 20px;
}

.stlog div {
    display: inline-block;
    vertical-align: top
}


.stlog div:last-child {
    width: calc(100% - 80px);
    font-size: 18px;
    font-weight: bold;
    font-family: HelveticaNeue-Bold;
}

.stlog div:last-child i {
    font-weight: bold;
    color: #F2A525;
    line-height: 30px;
    font-size: 30px;
    font-family: HelveticaNeue-Bold;
}

.stlog div:last-child p {
    font-weight: bold !important;
    font-size: 18px;
    line-height: 30px;
    color: #333
}

.tlog i {
    display: block;
    height: 60px;
    width: 60px
}

.tlog i.y {
    background: url("/static/web/img/index/ic-18y.png") no-repeat center;
    background-size: 100%
}

.tlog i.e {
    background: url("/static/web/img/index/ic-100.png") no-repeat center;
    background-size: 100%
}

.tlog i.s {
    background: url("/static/web/img/index/ic-724.png") no-repeat center;
    background-size: 100%
}

.mtlog i {
    display: block;
    height: 50px;
    width: 50px
}

.mtlog i.y {
    background: url("/static/web/img/index/ic-18y.png") no-repeat center;
    background-size: 100%
}

.mtlog i.e {
    background: url("/static/web/img/index/ic-100.png") no-repeat center;
    background-size: 100%
}

.mtlog i.s {
    background: url("/static/web/img/index/ic-724.png") no-repeat center;
    background-size: 100%
}

.stlogtex {
    font-size: 16px;
    font-family: HelveticaNeue-Regular;
    font-weight: 400;
    color: #333;
    line-height: 25px;
    margin-top: 20px;
}

.mstlog {
    text-align: left;
    display: block;
    width: 100%
}

.mstlog div {
    display: inline-block;
    vertical-align: top;
    text-align: left !important;
    font-family: HelveticaNeue-Bold;
}

.mstlog div:first-child {
    width: 55px;
    font-family: HelveticaNeue-Bold;
}

.mstlog div:last-child {
    width: calc(100% - 80px);
    margin-left: 10px;
    font-size: 16px;
    font-weight: bold;
    font-family: HelveticaNeue-Bold;
}

.mstlog div:last-child i {
    font-weight: bold;
    color: #F2A525;
    line-height: 30px;
    font-size: 24px;
    font-family: HelveticaNeue-Bold;
}

.mtlog i {
    display: block;
    height: 60px;
    width: 60px;
    font-family: HelveticaNeue-Bold;
}

.mtlog i.y {
    background: url("/static/web/img/index/ic-18y.png") no-repeat center;
    background-size: 100%
}

.mtlog i.e {
    background: url("/static/web/img/index/ic-100.png") no-repeat center;
    background-size: 100%
}

.mtlog i.s {
    background: url("/static/web/img/index/ic-724.png") no-repeat center;
    background-size: 100%
}

.mstlogtex {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 25px;
    margin-top: 20px;
    text-align: left;
}

.mys-box {
    margin-top: 20px;
}

.mys-spr {
    border: unset;
    padding-bottom: 40px !important;
}

.news {
    background: #FAFBFF;
    margin-top: 40px;
}

.news h2 {
    margin-bottom: 30px !important;
}

.rn-lef {
    width: 435px;
    height: 290px;
    display: inline-block;
    vertical-align: top;
    font-family: HelveticaNeue-Bold;
    margin-bottom: 30px;
}

.rn-rig {
    width: calc(100% - 460px);
    display: inline-block;
    vertical-align: top;
    font-family: HelveticaNeue-Bold;
}

.rn-rig p {
    padding-left: 20px;
    padding-right: 10px;
    font-family: HelveticaNeue-Bold;
}

.mtit {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    line-height: 24px;
    margin-bottom: 10px;
    display: block;
}

.rn-rig p span:first-child {
    font-size: 17px;
    font-weight: bold;
    line-height: 24px;
    display: block;
    color: #333333;
    font-family: HelveticaNeue-Bold;
}

.rn-rig p span:first-child a {
    color: #333;
    font-family: HelveticaNeue-Bold;
    font-size: 17px;
}

.rn-rig p span:last-child {
    font-size: 15px;
    font-weight: 400;
    color: #666;
    line-height: 20px;
    margin-top: 10px;
    display: block;
    margin-bottom: 10px;
}

.rn-rig p span:last-child a {
    width: 100%;
    color: #333;
    font-family: HelveticaNeue-Regular;
    font-size: 15px !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-height: 25px;
}

.mnews {
    background: #FAFBFF;
}

.mnews h2 {
    margin-bottom: 30px;
}

.mtit a {
    color: #333;
    font-size: 16px;
}

.mctn {
    font-size: 14px;
    color: #333;
    line-height: 25px;
    display: block;
    font-family: HelveticaNeue-Bold;
    padding-bottom: 10px;
}

.mctn a {
    color: #333;
    font-size: 14px;
}

.idx-comment .contentv {
    width: 100%;
}

.idx-comment .hdbox {
    height: 58px;
    width: 58px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: top;
}

.idx-comment .nmbox {
    font-size: 18px;
    font-family: HelveticaNeue-Bold;
    font-weight: bold;
    color: #333;
    line-height: 30px;
    /* width: calc(100% - 68px); */
    display: inline-block;
    /* text-align: left; */
    /* padding: 10px; */
}

.idx-comment .contents {
    font-size: 16px;
    font-family: HelveticaNeue-Regular;
    font-weight: 400;
    color: #333;
    line-height: 25px;
    margin-top: 20px;
}

.idx-comment .contents {
    margin-bottom: 40px;
}

.idx-comment .mhdbox {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    display: inline-block;
}

.idx-comment .mnmbox {
    font-size: 16px;
    font-family: HelveticaNeue-Bold;
    font-weight: bold;
    color: #333;
    line-height: 25px;
    width: calc(100% - 68px);
    display: inline-block;
    text-align: left;
    padding: 10px;
}

.idx-comment .mhdbox img {
    border-radius: 50%;
    vertical-align: bottom
}

.idx-comment .mcontents {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 25px;
    margin-top: 10px;
    text-align: left;
}
.p-b-40{
    padding-bottom: 40px!important;
}
.m-b-30{
    margin-bottom: 30px!important;
}


.mbtform {
    background: #FAFBFF;
    margin-bottom: -25px;
}

.btform {
    background: #FAFBFF;
}
.letter-form {
    /* position: relative; */
    background-position: center;
    background: unset !important;
    font-family: HelveticaNeue-Bold;
    text-align: center;
}

.subscribe-button {
    font-size: 18px !important;
    font-weight: bold !important;
    color: #FFFFFF !important;
    line-height: 24px;
    text-align: center;
    display: block;
    width: 100%;
    padding: unset;
    margin-left: -2px;
    position: relative;
}

.widget-sub-title {
    color: #333;
    font-size: 18px;
    margin-bottom: 30px;
    line-height: 25px;
    margin-top: 30px;
}

.pd-left-5 {
    padding-left: 5px;
}

.pd-right-5 {
    padding-right: 5px;
}

.btitle {
    font-size: 16px;
    color: #999;
    padding-top: 60px;
}
.webpt{
    font-size: 16px!important;
    color: #333!important;
}
.pd-left-5 input::placeholder {
    color: #999;
    font-size: 16px;
}

.mwidget-sub-title {
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 24px;
    margin-top: -5px;
    margin-bottom: 20px;
}

.mipt {
    height: 40px !important;
    font-family: HelveticaNeue-Bold;
    border: 1px solid #F2A525 !important;
    font-size: 12px;
    width: 100%;
    padding: 10px;
}
.wapbox{
    margin-bottom: 10px;
}
.wapbox input{
    padding: 10px;
}

.msubscribe-button {
    font-size: 14px !important;
    font-weight: bold !important;
    color: #FFFFFF !important;
    line-height: 40px!important;
    text-align: center;
    width: 100%;
    position: relative;
    height: 40px!important;
}

.mbtitle {
    font-size: 14px !important;
    font-weight: 400;
    color: #999 !important;
    line-height: 24px;
    text-align: center;
    padding-bottom: 25px;
}
.swiper-pagination span{
    width: 13px;
    height: 4px;
    border-radius: 1px;
}

.swiper-pagination span.swiper-pagination-bullet-active{
    background: #fdb825;
}