@charset "UTF-8";
.ny-banner{width:100%;height:540px;position:relative;transition:all ease .5s}
.ny-banner .img{width:100%;height:100%;position:absolute;overflow:hidden;left:0;top:0}
.ny-banner .img img{max-width:initial;width:auto;height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%)}
@media(min-width:1921px){
.ny-banner .img img{max-width:none;width:100%}
}
.ny-banner .boxs{position:relative;max-width:1600px;height:100%;z-index:2;margin:auto;color:#fff}
.ny-banner .boxs.n1{padding-top:275px;letter-spacing:2px;transition:all ease .5s}
.ny-banner .boxs.n1 .t1{font-size:36px;font-weight:bold;line-height:1}
.ny-banner .boxs.n1 .t2{font-size:16px;line-height:30px;margin-top:12px}
.ny-banner .boxs.n2 .box{width:100%;padding-bottom:76px;position:absolute;left:0;bottom:60px}
.ny-banner .boxs.n2 .box .t1{font-size:30px;line-height:30px;font-weight:bold;color:#fff}
.ny-banner .boxs.n2 .box .t2{width:70%;font-size:14px;line-height:24px;color:#fff;margin-top:14px}
.ny-banner .boxs .breadcrumbs{position:absolute;left:0;bottom:0;line-height:60px;font-size:14px;color:#7e7e7e;letter-spacing:2px;padding-left:25px;background:url(../images/icon23.png) left center no-repeat}
.ny-banner .boxs .breadcrumbs a{color:#7e7e7e;transition:all ease .3s}
.ny-banner .boxs .breadcrumbs a:hover{color:#fff}
.ny-banner .boxs .breadcrumbs span{color:#fff}
.ny-banner .nb-menu{position:absolute;left:0;bottom:0;width:100%;height:60px;background:rgba(0,0,0,.25)}
.ny-banner .nb-menu ul{max-width:1600px;margin:auto;padding-top:13px;position:relative;z-index:5}
.ny-banner .nb-menu ul li{float:left;margin-right:3px}
.ny-banner .nb-menu ul li a{font-size:14px;color:#fff;line-height:35px;padding:0 20px;display:block;transition:all ease .3s;border-radius:15px}
.ny-banner .nb-menu ul li:hover a{color:#222;background:#fff}
.ny-banner .nb-menu ul li.on a{color:#222;background:#fff}
.ny-banner .label-box{position:absolute;right:0;bottom:146px}
.ny-banner .label-box a{display:inline-block;border:1px solid #fff;border-radius:50%;margin-left:22px}
.ny-banner .label-box a:first-child{margin-left:0}
.ny-banner .label-box a.on{border:1px solid #21abd7;background:#21abd7}


.min-width-whole{min-width:1200px}
.width-whole{ max-width:1200px;margin:auto}
.itit-ittle{text-align:center;font-size:30px;font-family:SourceHanSansCN-Medium,SourceHanSansCN;font-weight:500;color:#222222}
.itit-ittle-h2{margin-top:16px;text-align:center;font-size:18px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#495770;line-height:25px}
.about-introduce {margin-top: 56px;}
.about-introduce-nei{margin-top:40px;padding-top:40px;display:flex}
#solutionDetails1 .about-introduce-nei{background-image:url(../other/bg01.svg);background-repeat:no-repeat;background-size:840px auto;background-position:56px 0}
.about-introduce-l-title{box-sizing:initial;font-size:24px;font-family:SourceHanSansCN-Regular,SourceHanSansCN;font-weight:400;color:#222222;line-height:24px;display:inline-block;position:relative;height:24px;padding-bottom:20px;margin-bottom:20px}
.about-introduce-l-title::after{display:block;content:'';width:100%;height:1px;background:#222222;position:absolute;left:0;bottom:0}
.about-introduce-l-p{margin-bottom:20px;font-size:14px;font-family:SourceHanSansCN-Regular,SourceHanSansCN;font-weight:400;color:#495770;line-height:26px;text-align:justify}
.about-introduce-r{flex-shrink:0;width:592px;height:330px}
.about-introduce-r img{width:100%;height:100%;display:block}
.about-introduce .about-introduce-r{margin-left:0px}
.about-mission .about-introduce-r{margin-right:24px}
.about-mission{margin-top:56px;padding-bottom:56px;background-image:url(../other/bg02.svg);background-repeat:no-repeat;background-size:896px auto;background-position:304px bottom}
.about-mission .about-introduce-nei{padding-top:0;align-items:center}
.about-introduce-r-li-title{font-size:16px;font-family:SourceHanSansCN-Medium,SourceHanSansCN;font-weight:bold;color:#222222;line-height:16px}
.about-introduce-r-li-p{margin-top:16px;margin-bottom:30px;font-size:14px;font-family:SourceHanSansCN-Regular,SourceHanSansCN;font-weight:400;color:#495770;line-height:14px}
.about-culture{}
.about-culture-box{position:relative;width:100%;margin-top:40px;background-color:rgba(246,247,250,0.6)}
.about-culture-nei{height:444px;display:flex;align-items:center}
.about-culture-r{width:calc((100% - 1200px) / 2 + 637px);height:444px;display:block;position:absolute;background-image:url(../images/img03.jpg);background-size:auto 100%;background-position:left top;background-repeat:no-repeat;right:0;top:0}
.about-culture-r img{height:100%}
.about-culture-l-tielt{font-size:20px;font-family:SourceHanSansCN-Medium,SourceHanSansCN;font-weight:bold;color:#308DFF;line-height:20px;padding-bottom:2px}
.about-culture-l-li-tielt{font-size:20px;font-family:SourceHanSansCN-Medium,SourceHanSansCN;font-weight:500;color:#222222;line-height:20px;margin-top:30px}
.about-culture-l-li-p{font-size:16px;font-family:SourceHanSansCN-Regular,SourceHanSansCN;font-weight:400;color:#495770;line-height:16px;margin-top:16px}
.about-honor{background:#F6F7FA;padding:56px 0}
.about-honor-top{display:flex;justify-content:space-between;margin-top:40px}
.about-honor-top-li{width:592px;height:163px;background:linear-gradient(180deg,#F4F6FA 0%,#FEFEFE 100%);border-radius:4px;border:2px solid #FFFFFF;padding:24px;display:flex;justify-content:space-between}
.about-honor-top-li-img{width:180px;flex-shrink:0;height:115px;display:block;border:1px solid #E1E6F0}
.about-honor-top-li-text{flex-shrink:0;width:340px}
.about-honor-top-li-title{font-size:18px;font-family:SourceHanSansCN-Medium,SourceHanSansCN;font-weight:bold;color:#222222;line-height:18px;margin-bottom:16px}
.about-honor-top-li-p{font-size:14px;font-family:SourceHanSansCN-Regular,SourceHanSansCN;font-weight:400;color:#495770;line-height:26px}
.about-honor-title{text-align:center;font-size:14px;font-family:SourceHanSansCN-Regular,SourceHanSansCN;font-weight:400;color:#495770;line-height:14px;height:14px;margin:30px 0;position:relative}
.about-honor-title::after,.about-honor-title::before{position:absolute;top:6px;left:0;display:block;content:'';width:535px;height:1px;border-top:1px solid;border-image:linear-gradient(315deg,rgba(246,247,250,0),rgba(223,227,235,1),rgba(223,227,235,1),rgba(246,247,250,0)) 1 1}
.about-honor-title::before{right:0;left:auto}
.about-honor-bottom{display:flex;justify-content:space-between;align-items:center;height:181px;background:linear-gradient(180deg,#F4F6FA 0%,#FEFEFE 100%);border-radius:4px;border:2px solid #FFFFFF}
.about-honor-bottom-li{padding:0 60px}
.about-honor-bottom-li-img{width:80px;display:block;height:103px;border:1px solid #E1E6F0;margin:0 auto}
.about-honor-bottom-li-title{font-size:14px;font-family:SourceHanSansCN-Regular,SourceHanSansCN;font-weight:400;color:#495770;line-height:14px;margin-top:16px}
#aboutCourseTop{width:100%;height:250px;padding-top:56px;background-image:url(../images/dec_img03.png);background-size:auto 100%;background-position:top center;background-repeat:no-repeat}
#aboutCourseTop .itit-ittle{color:#fff}
.about-course-top-ul{margin-top:56px;display:flex;align-items:center;justify-content:center}
#aboutCourseBottom{overflow:hidden;position:relative}
.about-course-top-list{width:83px;text-align:center;cursor:pointer;position:relative}
.about-course-top-list::after{content:'';display:block;width:100%;height:1px;background:#FFFFFF;position:absolute;left:0;top:6px}
.about-course-top-list:first-child::after{width:calc(50% - 5px);left:auto;right:0}
.about-course-top-list:last-child::after{width:calc(50% - 5px)}
.about-course-top-list span{display:block;margin:0 auto;width:12px;height:12px;opacity:0.8;background:#fff;border-radius:50%;position:relative}
.about-course-top-list-year{margin-top:18px;font-size:16px;font-family:SourceHanSansCN-Regular,SourceHanSansCN;font-weight:400;color:#FFFFFF;opacity:0.6;line-height:16px}
.about-course-top-current span{opacity:1}
.about-course-top-current span::after{opacity:0.8;content:'';display:block;width:24px;height:24px;background:rgba(255,255,255,0.1);box-shadow:0px 2px 10px 0px rgba(255,255,255,0.5),inset 0px 0px 3px 0px rgba(255,255,255,0.74);border:1px solid #FFFFFF;position:absolute;top:-6px;border-radius:50%;left:-6px}
.about-course-top-current .about-course-top-list-year{opacity:1}
#aboutCourseBottom{margin-top:32px}
.about-course-bottom-title{width:100%;font-size:26px;font-family:HelveticaNeue-MediumItalic,HelveticaNeue;font-style:italic;font-weight:bold;color:#222222;line-height:32px;padding-bottom:8px;border-bottom:1px solid #E1E6F0}
#aboutCourseBottom .swiper-slide{width:290px}
.about-course-month-box{}
.about-course-month{display:flex;margin-top:16px}
.about-course-month-title{flex-shrink:0;font-size:14px;font-family:SourceHanSansCN-Regular,SourceHanSansCN;font-weight:400;color:#495770;line-height:21px;width:45px;text-align:right;margin-right:8px}
.about-course-month-content{font-size:14px;font-family:SourceHanSansCN-Regular,SourceHanSansCN;font-weight:400;color:#495770;line-height:21px}
.about-course-next,.about-course-prev{display:none;position:absolute;cursor:pointer;top:50%;z-index:3;margin-top:-4px;left:0;width:28px;height:28px;background-image:url(../images/fy_left.png);background-size:100% 100%}
#aboutCourseBottom:hover .about-course-next,#aboutCourseBottom:hover .about-course-prev{display:block}
.about-course-next{left:auto;right:0;background-image:url(../images/fy_right.png)}
.scrollspy-nav{width:100%}
#solutionDetails4{position:relative}
#solutionDetails4::after,#solutionDetails4::before{content:'';display:block;background-size:100% 100%;position:absolute}
#solutionDetails4::after{top:0;left:0;background-image:url(../images/dec_img01.png);width:400px;height:400px}
#solutionDetails4::before{bottom:0;right:0;background-image:url(../images/dec_img02.png);width:370px;height:350px}
#solutionDetails4 .width-whole{position:relative;z-index:3}
#solutionDetails5{ margin-bottom:50px;}

.ellipsis-1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ellipsis-2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ellipsis-3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.ellipsis-4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.button-service{width:108px;cursor:pointer;height:40px;background:#308DFF;border-radius:2px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:14px;font-family:SourceHanSansCN-Regular,SourceHanSansCN;font-weight:400;color:#FFFFFF;line-height:21px}
.button-service:hover{color:#FFFFFF}
.button-service-icon{display:block;width:12px;height:12px;display:block;margin-left:8px;background-image:url(../images/about_icon01.png);transition:all 0.5s;background-size:100% 100%}
.button-service:hover .button-service-icon{margin-left:12px}
.button-service-white{border:1px solid #FFFFFF;background:none;color:#FFFFFF}
.button-service-none-white,.button-service-none-white:hover{border:none;color:#308DFF;background:none}
.button-service-white-back,.button-service-white-back:hover{border:none;background:#FFFFFF;color:#308DFF}
.button-service-white-back .button-service-icon,.button-service-none-white .button-service-icon{background-image:url(../images/about_icon01.png)}


.contant{ max-width: 1200px; height:auto; margin:0px auto;}
.brief{ width:100%; height:auto; padding:20px 0px; overflow:hidden;}
.product{ height:67px; text-align:center;}
.padtop{ padding-top:20px;}
.sty1{ background-color:#ffffff;}
.sty2{ background-color:#f8f8f8;}
.jianjie{ width:100%; height:470px; background:url(../images/bri_icon1.png) no-repeat left center; padding-top:30px;}
.jianj_xq{ width:700px; height:470px; float:right;}
.jianj_xq h2{ height:40px; line-height:40px; display:block;}
.jianj_xq h2 a{ font-size:18px;}
.jianj_cont{ font-size:16px; color:#999999; line-height:32px; padding-top:20px; overflow:hidden;}
.jianj_more{ padding-top:30px;}
.jianj_more a{ font-size:18px; width:204px; height:45px; line-height:45px; text-align:center; color:#ffffff; background-color:#00a0e9; border-radius:40px; display:block;}

.culture{ width:100%; height:350px; background:url(../images/bri_icon6.png) no-repeat 650px center; padding-top:25px; overflow:hidden;}
.culture ul{ padding-top:15px; display:block;}
.culture ul li{ font-size:16px; color:#666666; width:400px; height:115px; line-height:28px; display:block;}
.culture ul li.c1{ background:url(../images/bri_icon2.png) no-repeat left top;padding:68px 0px 0px 75px;}
.culture ul li.c2{ background:url(../images/bri_icon3.png) no-repeat left top;padding:68px 0px 0px 75px;}

.literacy{ width:100%; height:350px; background:url(../images/bri_icon7.png) no-repeat 80px center; padding-top:25px; overflow:hidden;}
.literacy ul{ display:block; float:right; padding-top:10px; margin-right:80px;}
.literacy ul li{ font-size:16px; color:#666666; width:415px; height:115px; line-height:28px; display:block;}
.literacy ul li.c3{ background:url(../images/bri_icon4.png) no-repeat left top;padding:68px 0px 0px 75px;}
.literacy ul li.c4{ background:url(../images/bri_icon5.png) no-repeat left top;padding:68px 0px 0px 75px; margin-top:20px;}




@media(max-width:1660px){
.ny-banner .boxs{margin:0 30px}
.ny-banner .nb-menu{padding-left:30px}
}
@media(max-width:1370px){
.ny-banner{height:380px}
.ny-banner .boxs.n1{padding-top:193px}
}
@media(max-width:1200px){
.ny-banner .boxs.n2 .box .t2{padding:10px;line-height:30px}
.ny-banner .boxs.n1 .t1{font-size:36px}
.ny-banner .boxs .breadcrumbs{display:none}


}
@media(max-width:900px){
.ny-banner .boxs.n1 .t1{font-size:24px}
.ny-banner .boxs.n2 .box .t1{font-size:24px}
.ny-banner .boxs.n2 .box .t2{width:100%;line-height:24px;padding:0}
.ny-banner .label-box{left:0;bottom:70px}
.ny-banner .label-box a{width:45px}
.ny-banner .label-box a{margin-left:12px}
.other-case .list li .t4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ny-banner .nb-menu{height:50px;padding-left:15px}
.ny-banner .nb-menu ul li a{line-height:25px;padding:0 10px}
.width-whole{ margin:20px 30px;}
.about-introduce-nei{
	/* 设置弹性元素排列方式 */
flex-direction: column;}
.about-introduce .about-introduce-r{ margin-left:0;}
.about-introduce-r{ width:100%;}
.min-width-whole{ min-width:100%;}
.about-introduce-nei{ padding:0;}
.about-introduce-r{ display:none;}
.about-culture-r{display:none;}
.about-honor-top{flex-direction: column;}
.about-honor-title::after, .about-honor-title::before{ width:40%;}
.about-honor-top-li{ width:100%; height:auto; flex-direction: column; align-items: center;}
.about-honor-top-li-text{ width:100%; margin-top:20px; text-align: center;}
.about-honor-bottom{ height:auto; flex-direction: column; }
.about-honor-bottom-li{ padding:0 20px; margin-top:15px;}


}
@media(max-width:767px){
.ny-banner .boxs.n1{padding-top:150px}
.ny-banner .boxs.n1 .t1{font-size:20px}
.ny-banner .boxs.n1 .t2{font-size:14px;line-height:20px;margin-top:20px}
.ny-banner .boxs.n2 .box{padding-bottom:60px}
.ny-banner .boxs.n2 .box .t1{font-size:18px}
.ny-banner .boxs.n2 .box .t2{font-size:12px;line-height:20px}
.ny-banner .label-box a{width:35px}
.case-list li,.case-list li:nth-child(3n){width:100%;margin-right:0}
.page-list a{width:30px;height:30px;line-height:28px}
.width-whole{ margin:20px 12px;}
.about-introduce-nei{
	/* 设置弹性元素排列方式 */
flex-direction: column;}
.about-introduce-nei{ padding:0;}
.about-introduce .about-introduce-r{ margin-left:0; margin-top:20px;}
.about-introduce-r{ width:100%;}
.about-introduce-l-title{ margin-top:20px;}
.about-culture-r{ display:none;}
.min-width-whole{ min-width:100%;}
.about-introduce-r{ display:none;}
.about-honor-top{flex-direction: column;}
.about-honor-top-li{  width:100%; flex-direction: column; }
#solutionDetails5{ display:none;}

.jianjie{ width:100%; height:470px; background:none; padding-top:30px;}
.jianj_xq{ width:100%; height:470px; padding:15px;}
.culture,.literacy{ background:none; }
.literacy ul{margin:0;}
}