/*body{font-family:"Microsoft YaHei UI Light",Arial,Helvetica,sans-serif,”宋体”;font-weight: bold;overflow-x: hidden;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}*/
body{margin:0;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,”宋体”;overflow-x: hidden;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
li{list-style:none;}
*,
:after,
:before { -webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
:root{
    --colorEA3:#EA3131;
    --color333:#333333;
    --color666:#666666;
    --color999:#999999;
    --colorFFF:#FFFFFF;
    --colorCCC:#CCCCCC;

    --font12:12px;
    --font14:14px;
    --font16:16px;
    --font18:18px;
    --font20:20px;
}
fieldset,
img {
    border: 0 none;
}

img[src=""],
img:not([src]) {
    opacity: 0;
    border: none;
    visibility: hidden;
    max-width: none;
}

div,ul,p,h1,h2,h3,h4,h5,h6,dl,dd{margin: 0px;padding: 0px;}
a,a:link,a:visited{text-decoration:none;-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;color:var(--color333);}
.ellipsis1{overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical; /* 设置宽度和高度 */width: 100%;}
.ellipsis2 {overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; /* 设置宽度和高度 */width: 100%;}
.wrap{margin:0 auto;width:1180px;}
.flex{display: flex;display: -webkit-flex;justify-content: center;align-items: center}
.header{height:88px;position: relative;}
.textAlign{text-align: center}
.ml50{margin-left: 50px;}
.ml40{margin-left: 40px;}
.fs12{font-size:var(--font12);}
.fs14{font-size: var(--font14);}
.fs16{font-size: var(--font16);}
.fs18{font-size: var(--font18);color: var(--color333);font-width: 400;}
.fs20{font-size: 20px}
.fs22{font-size: 22px}
.fs24{font-size: 24px;}
.fs26{font-size: 26px}
.fs40{font-size: 40px}
.fs42{font-size: 42px;}
.fs52{font-size: 52px;}
.ml5{margin-left: 5px;}
.mt25{margin-top: 25px}
.mt30{margin-top: 30px}
.mt35{margin-top: 35px}
.mt50{margin-top: 50px}
.row{max-width: 1200px;overflow: hidden;margin: 0 auto;}
.grey1{color: var(--color666)}
.grey{color: var(--color333)}
/*自定义swiper左右滑动*/
.fdd-pager-prev{width: 100px !important;height: 100px !important;background: url("/public/static/website/images/home/prev.png") no-repeat center !important;z-index: 11}
.fdd-pager-next{width: 100px;height: 100px;background: url("/public/static/website/images/home/next.png") no-repeat center;z-index: 11}
.fdd-pager-prev,.fdd-pager-next:hover,.fdd-pager-prev,.fdd-pager-next:focus{cursor: pointer;opacity: 1;}
/*自定义swiper左右滑动*/
.header .logo{width: 160px;height: 47px;float: left;display: inline;background: url("/public/static/website/images/logo.png") no-repeat;margin-top: 21px;}
.header .logo-title{display:inline-block;color: var(--color333);font-weight: bold;padding-left: 4px;padding-top: 30px}
.header .logo-line{width: 1px;height: 37px;background-color: #cccccc;vertical-align: middle;margin: 30px 10px;display: inline-block;}
.header .logo-desc{display: inline-block;font-weight:bold;color:var(--colorEA3);vertical-align: middle;width: 112px;line-height: 20px;}
.header .nav{font-size:1em;color:var(--color333);position:absolute; right:0;height:88px;line-height: 88px;display: inline-block;}
.header .nav>ul>li{display:inline;margin-right:42px;}
.header .nav>ul>li.curr a{color: #000000 !important;font-weight: inherit;}
.banner{width:100vw;position: relative;height: 514px;background: #242424;}
.banner-item{width: 1200px !important;height: 448px !important;}
.banner-pagination{bottom: 80px !important;}
.company-info{width: 1200px;height: 130px;background: var(--colorFFF);box-shadow: 0 5px 20px 0 rgba(0,0,0,0.1);border-radius:0 0 7px 7px;margin: 0 auto;}
.company-info .item-block {width: 1000px;height: 100%;margin: 0 auto;}
.company-info .item-block .item-info{width: 250px;position: relative;}
.company-info .item-block .item-info .icon {width: 59px;height: 59px;display: block;}
.company-info .item-block .item-info .number{display: inline;line-height: 30px;position: absolute;top: 0;left: 65px;}
.test{transition: all 1s ease 0s, opacity 1.5s ease 0s; opacity: 0;}
/*我们的业务范围设置*/
#business{width: 100vw;height: 858px; overflow: hidden;margin: 0 auto;background: url("/public/static/website/images/home/bg.jpg") no-repeat center;}
#business .title {background: url("/public/static/website/images/home/banner-header.png") no-repeat center;margin-top: 125px;height: 77px;}
#business .nav-menu{width:fit-content; height: 44px;margin:0 auto;}
#business .nav-menu ul{margin-top: 20px;height: inherit;}
#business .nav-content{text-align: center;margin:35px auto;overflow: hidden}
#business .nav-content .swiper-slide .small-img{width: 77px;height: 77px;margin-top: 20px;-ms-transform: scale(0.85); -moz-transform: scale(0.85); -webkit-transform: scale(0.85);-o-transform: scale(0.85);-moz-transform-origin: bottom center;-ms-transform-origin: bottom center;-webkit-transform-origin: bottom center;-o-transform-origin: bottom center;}
#business .nav-content .swiper-slide .title-CN{width: 211px;height: 26px;font-size: 1.125em;color: var(--color333);line-height: 27px;margin: 0 auto;}
#business .nav-content .swiper-slide .title-EN{height: 26px;font-size: 1.125em !important;color: #C9C9C9;line-height: 35px;margin-bottom: 25px}
#business .nav-content .swiper-slide .btn-detail{display:none;width: 240px;height: 45px; background: #EA3131;border-radius: 7px;color: var(--colorFFF);line-height: 45px;margin: 0 auto;}
#business .nav-content .swiper-slide-active .btn-detail {display: block !important;}
#business .nav-content .swiper-slide-active .title-CN,.title-EN{font-size: 1.375em !important;}
#business .swiper-slide-active {overflow: hidden;}
#business .swiper-slide-active .small-img {transform: scale(1) !important;-ms-transform: scale(1) !important; -moz-transform: scale(1) !important; -webkit-transform: scale(1) !important;-o-transform: scale(1) !important;}
#business .btn-detail a{color: var(--colorFFF);}
#business .nav-menu ul:after{clear: both;}
#business .nav-menu ul > li {float: left;background: #C6222C;border-radius: 7px;width: 110px;height: 44px;line-height: 44px;margin-right: 10px;text-align: center;}
#business .nav-menu ul > li:last-child{margin-right: 0}
#business .nav-menu ul li a{color:var(--colorFFF);font-size: 1.125em;opacity: .7;display: block;transition: all .5s}
#business .nav-menu ul li.checked{background-color: var(--colorFFF);}
#business .nav-menu ul li.checked a{font-weight: bold;color: #D33333;opacity: 1;}
/*#business .nav-menu ul li a:hover,a:focus {opacity: 1;background-color: var(--colorFFF);color: #D33333;font-weight: bold;border-radius: 7px;}*/
#business .swiper-slide {width: 429px;height: 489px;background: var(--colorFFF);box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.1);border-radius: 7px;}
.nav-content .business-swiper-button-prev{z-index: 999;left: 24%;top: 195px;position: absolute;}
.nav-content .business-swiper-button-next{right: 24%;top: 195px;z-index: 999;position: absolute;}
/*企业动态设置*/
#company-news{ width: 100vw;margin-bottom:60px;background-color: var(--colorFFF); }
#company-news .header {background: url("/public/static/website/images/home/company-header.png") no-repeat center;margin-top: 40px;height: 77px;}
#company-news .item-right {flex:1;}
#company-news .item-left .name{margin-left: 0px;}
#company-news .item-left{width:49.17%;margin-right: 30px;position: relative;}
#company-news .top-line{display:inline-block;margin-right: 10px; width: 6px; height: 23px;vertical-align: middle; background: linear-gradient(180deg, #EA3131 0%, #E8666F 100%);}
#company-news .name{padding:5px;font-weight: 500;color: var(--color333);margin: 10px}
#company-news .item-left .content-swiper {width:590px;overflow: hidden;position: relative;}
#company-news .item-left .content-swiper .desc {background: #F3F3F3;padding:25px 20px;border-radius: 0 0 5px 5px}
#company-news .item-left .content-swiper img{width: 100%;display: block;}
#company-news .item-left .content-swiper .desc p:last-child{color: var(--color666); line-height: 24px;margin-top: 10px}
.item-right .desc dl {margin:0 10px;width: 265px;}
.item-right .desc dl dt a{display: block;overflow: hidden;border-radius: 4px;}
.swiper-slide-active .max-img,.item-right .new_img{cursor: pointer;display: block;width: 100%;transition: transform .3s ease,-webkit-transform .3s ease;}
.swiper-slide-active .max-img:hover,.item-right .new_img:hover{transform-origin: center center;-webkit-transform:scale(1.1); -moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.item-right .desc dl dt span {margin-left: 5px;margin-top: 10px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.item-right .news-list {margin-top: 20px;}
.item-right .news-list ul li {padding:15px;border-bottom: 1px dashed #cccccc;}
.item-right .news-list ul li a {font-size: 1em;color: var(--color333);}
.item-right .news-list ul li .disc{background: #EFBFC1;width: 6px;height: 6px;margin-right:15px;border-radius: 50%;display: inline-block}
.item-right .news-list ul li .create_at {font-size: 1em;color: #c0c4cd;float: right}
#company-news .item-left-swiper-pagination{bottom: 26%;position: absolute;z-index: 1;left: 40%;}
#company-news .item-left-swiper-pagination span{margin-right: 10px;}
#company-news .item-left-swiper-button-prev{position: absolute;top:35%;left:0;z-index:999;opacity: 0.6;}
#company-news .item-left-swiper-button-next{position: absolute;top:35%;right:0;z-index:999;opacity: 0.6;}
/*我们的客户*/
#our-customers{width: 100vw;height:579px;background:url("/public/static/website/images/home/customer-bg.jpg") no-repeat center;}
#zxyzgyl{width: 100vw;height:532px;background:url("/public/static/website/images/home/zxyzgyl-bg.jpg") no-repeat center; }
/*客户评价*/
#cust-comment{width: 100vw;background:url("/public/static/website/images/home/cust-comment-bg.jpg") no-repeat center;position: relative}
#cust-comment .title{background: url("/public/static/website/images/home/cust-comment-header.png") no-repeat center;margin: 30px 0;height: 63px;}
#cust-comment .comment-swiper{padding-bottom: 150px;}
#cust-comment .comment-swiper img{display: block;}
#cust-comment .comment-swiper-button-prev{position: absolute;left: calc((100% - 1200px) / 2 - 100px);top: 40%}
#cust-comment .comment-swiper-button-next{position: absolute;right:calc((100% - 1200px) / 2 - 100px);top: 40%}
#cust-comment .swiper-button-disabled{opacity: .4}
#cust-comment .item-detail{width: 383px;min-height: 210px; background: var(--colorFFF);padding: 10px 20px;border-radius:0 0 7px 7px;}
#cust-comment .item-detail h3{line-height: 35px;margin-left: 20px}
#cust-comment .item-detail small{color: #999999;font-size: 1em;margin-left: 20px}
#cust-comment .item-detail .desc{color: #999999;margin: 25px auto;line-height: 28px;width: 300px;}
#cust-comment .item-detail .desc::before{content: url("/public/static/website/images/home/left.png");margin-right: 10px}
#cust-comment .item-detail .desc::after{content: url("/public/static/website/images/home/right.png");margin-left: 10px;margin-top: 5px;position: absolute;}
#cust-comment .item-mask {position: absolute;width: 383px;height: inherit;background: #D43B45;border-radius: 7px;overflow: hidden;top:-100%;left:0;transition: all .4s;opacity: 0.9}
#cust-comment .swiper-wrapper:first-child>.swiper-slide:hover .item-mask{top: 0;}
#cust-comment .item-mask div{flex-flow: column;height: 100%;}
#cust-comment .item-mask span{display:inline-block;width: 240px;height: 45px;background: #C6222C;border-radius: 7px;line-height: 45px;color: var(--colorFFF);text-align: center;margin-top: 30px;}
/*联系我们*/
#contact-my{background: url("/public/static/website/images/home/contact-bg.png") no-repeat center;height: 270px;margin-bottom: 60px}
/*页脚设置*/
#footer {width: 100vw;background: #efefef;position: relative;}
#footer .container{background: #FAFAFA;height: 145px;}
#footer .container .logo{width: 60px;height: 70px;background: url("/public/static/website/images/fdd-logo.png") no-repeat center;}
#footer .container .item-list{margin: 20px 14px 0 10px;}
#footer .container .fright-line{width: 1px;height: 52px;background:#D4D4D4;}
#footer .container .item-list ul li {float: left;font-size: 16px;padding: 0 20px;line-height: 20px;text-align: right;}
#footer .container .item-list ul li a {color: var(--color333);}
#footer .container .item-list p{color: var(--color999);font-size: 0.625em;padding: 0;text-align: left}
#footer .container .item-list ul li a:hover,a:focus{opacity: 1;color: #0C0C0C;}
#footer p{font-size:0.75em;text-align:center;color: #999999;line-height:25px}
#footer p:first-of-type{padding-top: 10px}
#footer p:last-child{padding-bottom: 10px}
#footer a:hover{text-decoration: underline}
#footer .container .item-list,.fs16,.fs20{line-height: 25px;}
#footer a{color: #999999}
/** 通用页面设置 **/
.blank{width:100%;height:20px;}
.wrap{max-width:1180px;height: auto;margin:0 auto;}
.wrap .title{text-align: center;font-size: 3.83em;font-weight: bolder;}
.wrap .selector{text-align: center;font-size: 1.375em;color:#9B9797;cursor:pointer;}
.wrap .selector .curr{color:#504D4E;position: relative;}/**border-bottom: #ED8C50 solid 5px;**/
.wrap .selector .curr:after {content: " ";width: 50px;height: 5px;position: absolute;background: #ED8C50;bottom: -10px;left: 50%;transform: translateX(-50%);}
.wrap .selector .item{margin:46px;}

.wrap .block_list{display: inline-block;}
.wrap .block_list .block_item{border-radius:25px;margin:15px;display: inline-block;position: relative;}

.wrap .block_list .block_item .block_textarea{position: absolute;bottom:0px;height:80px;width:100%;text-align: center;background: rgba(0,0,0,0.6);border-bottom-right-radius: 25px;border-bottom-left-radius: 25px;}
.wrap .block_list .block_item .block_title{height: 40px;width:100%;font-size: 1.6em;color:#fff;margin-top: 8px;}
.wrap .block_list .block_item .block_subtitle{height: 40px;width:100%;font-size: 1em;color:#fff;}

/** 名片型容器 **/
.detail_container{width:95%;height:auto;min-height:600px;box-shadow: 0 0 30px #E4E4E4;border-radius: 30px;display:flex;}

.detail_container .left{width:45%;height:inherit;float:left;}
.detail_container .right{width:55%;height:inherit;float:left;}
.detail_container .selector{font-size:1.25em;text-align: left;font-weight: bolder;margin-top:40px;}
.detail_container .selector .curr:after{width: 35px;height: 2px;background: #336099;bottom: -5px;}
.detail_container .selector .item{margin:16px 16px 16px 0;}

.detail_container .selector_container{margin-top:15px;}

.detail_container .selector_container .block_list {}
.detail_container .selector_container .image_item {width:130px;display: block;float:left;margin-bottom:10px;}

.detail_container .selector_container .image_item {width:130px;display: block;float:left;margin-bottom:10px;}

/** 课程部分 **/
.detail_container .teacher_container{margin-top:20px;height:auto;width:100%;display: inline-block;}
.detail_container .teacher_container .teacher_photo{float:left;border-right: #336099 solid 3px;padding-right:15px;}
.detail_container .teacher_container .teacher_intro{float:left;margin-left:-3px;padding-left:15px;width:300px;}
.detail_container .single_curr{position: relative;width:64px;font-weight: bolder;}
.detail_container .single_curr:after{content: " ";position: absolute;width: 35px;height: 2px;background: #336099;bottom: -5px;left: 50%;transform: translateX(-50%);}

/** 视频播放补充 **/
.layui-layer-page .layui-layer-content{overflow: hidden !important;}
.layui-layer-page .layui-layer-content iframe{width:100%;height:100%;}


/** 资讯部分 **/
.channel_list{float: left;width:200px;border: 1px solid #f0f0f0;box-sizing: border-box;border-radius: 15px;overflow: hidden;}
.channel_list .channel_item{line-height: 49px;display: block;text-align: center;border-bottom: 1px solid #d7d7d7;background: #f5f5f5;}
.channel_list .channel_item.curr{background: #434f90;}
.channel_list .channel_item.curr a{color:var(--colorFFF);}

.article{float: right;width: 960px;height:auto;padding: 8px 20px 40px;box-sizing:border-box;border: 1px solid #f0f0f0;z-index: 100;}
.article>.position {width: 100%;height: 66px;line-height: 50px;padding: 0 20px;box-sizing: border-box;border-bottom: 2px solid #434f90;margin-bottom: 20px;}
.article>.position h2 {
    display: inline-block;
    color: #434f90;
    font-size: 20px;
    line-height: 50px;
    float: left;
}
.article>.position p {
    display: inline-block;
    color: #999999;
    font-size: 14px;
    line-height: 50px;
    float: right;
}
.article>.position p a{color: #999999;}
.clearBoth:after,.clearboth:after {
    content: "";
    display:block;
    clear: both;
}
.article>.project {
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
}
.article>.project p {
    color: var(--color333);
    font-size: 16px;
    line-height: 30px;
    text-indent: 30px;
}
.article>.article_pager{
    text-align: center;
}
.article>.article_pager>a{
    display: inline-block;
    min-width:25px;
}
.article>.article_pager>.num{
    margin-right:5px;
}
.article_list{
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
}
.article_list .item{
    margin: 0 0 1em 0;
    -moz-page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    border: 1px solid #eeeeee;
    box-shadow: 1px 1px 3px #eeeeee;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 30px;
    margin-bottom: 30px;
    width: 365px;
}

.article_list .item img {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.article_list .item .item-read {
    padding: 20px;
    box-sizing: border-box;
    width: 100%;
}

.article_list .item .item-read h2 {
    color: var(--color333);
    font-size: 20px;
    line-height: 36px;
    padding-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.article_list .item .item-read span {
    padding-top: 10px;
    border-top: 1px solid #e0e0e0;
    margin-top: 10px;
    color: #999999;
    font-size: 16px;
    line-height: 30px;
    display: block;
    padding-left: 10px;
}