@charset "utf-8";
*{margin:0;padding:0;border:0;outline:none}
@font-face{font-family:"SourceHanSansCN-Regular";src:url(../fonts/SourceHanSansCN-Regular.woff) format('woff');font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family:"SourceHanSansCN-Bold";src:url(../fonts/SourceHanSansCN-Bold.woff) format('woff');font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family:"YouSheBiaoTiHei";src:url(../fonts/YouSheBiaoTiHei.woff) format('woff');font-weight:normal;font-style:normal;font-display:swap}
body,html{font-family:"SourceHanSansCN-Regular","微软雅黑";height:100%}
body{margin:0 auto;padding:0;background:#ffffff;font-size:14px;color:#000;width:100%;width:expression(document.body.clientWidth <= 360? "360px":"auto");min-width:360px;text-align:left}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal}
select,input,img{vertical-align:middle}
ul,ol,li{list-style:none}
table{table-layout:fixed !important;width:100% !important;border-collapse:collapse;border-spacing:0}
table,td,input,select,input,textarea{font-size:15px;padding:0;border-color:#ddd;font-family:"SourceHanSansCN-Regular","微软雅黑"}
input::-moz-focus-inner{border:none;padding:0px}
select,input{vertical-align:middle}
input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none}
textarea{resize:none}
.clear{display:block;height:0px;visibility:hidden;clear:both}
.clearfix{zoom:1}
.box{max-width:1600px;margin:0 auto;text-align:left;}
.nbody .box{max-width:1200px;}
.clearfix:after,.max:after{content:"";display:block;height:0px;visibility:hidden;clear:both}
.lf{float:left}
.rg{float:right}
/* 默认链接颜色 */
a{outline-style:none;color:#000;text-decoration:none}
a:hover{color:#009944;text-decoration:none}
/*清除链接虚框*/
a,area{blr:expression(this.onFocus=this.blur())}
:focus{-moz-outline-style:none}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#b6b6b6}
input::-moz-input-placeholder,textarea::-moz-input-placeholder{color:#b6b6b6}
input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#b6b6b6}

.flexa{display:-webkit-flex;-webkit-flex-wrap:wrap;display:flex;flex-wrap:wrap;}
.itema{-webkit-align-items:center;align-items:center;}
.iteme{-webkit-align-items:flex-end;align-items:flex-end;}
.justb{-webkit-justify-content:space-between;justify-content:space-between;}
.justc{-webkit-justify-content:center;justify-content:center;}
.juste{-webkit-justify-content:flex-end;justify-content:flex-end;}

.wbg{background:#ffffff;overflow:hidden}
.hbg{background:#eeeeee;overflow:hidden}
.abg{background:#f8f8f8;overflow:hidden}
.fbg{background:#191919;overflow:hidden}


/*--Home--*/
body{ padding-top:90px;}
.header{width:100%;box-sizing:border-box;position:fixed;background:#009944;left:0;top:0;z-index:9999;}
.head_logo{transition:0.5s;width:200px;}
.head_logo img{display:block;max-width:100%;max-height:48px;}
.head_nav{width:calc(100% - 240px);}
.head_nav ul li{position:relative;font-size:18px;line-height:90px;display:flex;flex-wrap:wrap;padding:0 20px;transition:all .5s ease 0s;}
.head_nav ul li a.a1{display:block;color:#fff;}
.head_nav ul li a.a1:hover{color:#fff}
.head_nav ul li i{display:none; width:12px; font-style:normal; background:url(../images/dwn2.webp) no-repeat center center;}
.head_nav ul li div{ position:absolute; left:0; background:#fff; top:100%; z-index:9; width:100%; text-align:center; display:none; box-shadow:0 2px 10px rgba(0,0,0,.05)}
.head_nav ul li div:before{content:""; width:12px; height:6px; position:absolute; top:-5px; left:50%; margin-left:-6px; background:url(../images/dwn3.webp) no-repeat center bottom;}
.head_nav ul li div a{ display:block; line-height:28px; font-size:16px; color:#333; padding:8px 5px; border-bottom:1px solid rgba(255,255,255,.25)}
.head_nav ul li div a:hover{ display:block; color:#fff; background:#009944}
.head_menu{display:none}

.swiperb{width:100% !important;height:auto !important;position:relative;overflow:hidden}
.swiperb .swiper-slide{aspect-ratio:16/9;overflow:hidden}
.swiperb .swiper-slide video{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;}
.swiperb .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;transform:perspective(1000px) translate3d(0,0,50px);transition:transform 2s cubic-bezier(0.25,0.46,0.45,0.94) 0.5s;will-change:transform;backface-visibility:hidden}
.swiperb .swiper-slide.swiper-slide-active img{transform:perspective(1000px) translate3d(0,0,0px);transition:transform 3.5s cubic-bezier(0.22,0.61,0.36,1) 0.2s}
.swiperb .swiper-bdian{position:absolute;bottom:20px;z-index:9;text-align:center;left:0;right:0;display:flex;justify-content:center;gap:8px}
.swiperb .swiper-bdian span{width:15px;height:15px;background:#fff;border-radius:8px;opacity:0.7;transition:all 0.3s ease 0s;cursor:pointer}
.swiperb .swiper-bdian span.swiper-pagination-bullet-active{background:#009944;width:50px;opacity:1}

.htit{ height:52px; line-height:52px; padding-top:90px;}
.htit h2{ font-size:36px; font-weight:400}
.htit span{ font-size:20px; display:block; color:rgba(105, 105, 105, 1); padding-left:10px; text-transform:uppercase; line-height:40px; padding-top:12px;}

.htxt{ position:relative; z-index:2; padding-top:30px;}
.htxt .nr{ max-width:59%; padding-bottom:35px; font-size:19px; line-height:40px; color:rgba(105, 105, 105, 1);}
.htxt a{ display:inline-block; color:#009944; font-size:17px; padding:0 30px; border-radius:0 15px 0 15px; border:1px solid #009944; line-height:42px;}
.himg{ margin-top:-140px; position:relative; z-index:1;}
.himg img{ display:block; max-width:100%; height:auto; margin:0 auto}

.wh_box{ padding-top:50px;}
.wh_box dl{ width:32.3%; min-height:260px; border:1px solid #eee; box-shadow:0 5px 15px rgba(98,240,72,.03); box-sizing:border-box; border-radius:5px; overflow:hidden; position:relative; margin-right:1.55%;}
.wh_box dl:nth-of-type(3n){ margin-right:0}
.wh_box dl dt{ position:absolute; left:0; top:0; align-content:center;align-items:center;display:flex;flex-wrap:wrap; width:100%; height:100%; box-sizing:border-box; padding:15px; z-index:2; background:#fff}
.wh_box dl dt img{ display:block; width:68px; height:68px; margin:0 auto}
.wh_box dl dt h3{ display:block; width:100%; text-align:center; font-size:24px; font-weight:400; letter-spacing:2px; padding-bottom:20px;}
.wh_box dl dd{ position:relative; width:100%; height:100%; box-sizing:border-box; z-index:1; padding:40px 50px; color:#fff; background:#009944;}
.wh_box dl dd:before{content:""; position:absolute; left:15px; top:15px; width:calc(100% - 32px); height:calc(100% - 32px); border:1px solid rgba(255,255,255,.6); z-index:-1;}
.wh_box dl dd h3{ font-size:18px; line-height:28px; font-weight:400; text-align:center; padding-bottom:10px;}
.wh_box dl dd p{ font-size:13px; line-height:23px; padding-top:6px; padding-left:10px; background:url(../images/tr.png) no-repeat 0 17px;}
.wh_box dl:hover{ box-shadow:0 5px 15px rgba(98,240,72,.35);}
.wh_box dl:hover dt{ display:none}

.ctit{ padding-top:105px; text-align:center}
.ctit h2{ font-size:30px; line-height:1.35; font-weight:400; background:url(../images/tm4.webp) no-repeat center bottom; padding-bottom:12px}

.news_box{ padding-top:10px; padding-bottom:70px;}
.news_box .lst{ width:49%;aspect-ratio:659/396; margin-top:2%; margin-right:2%; border-radius:12px; overflow:hidden; position:relative}
.news_box .lst:nth-of-type(even){ margin-right:0}
.news_box .lst:nth-of-type(1){ width:63%;aspect-ratio:95/44;}
.news_box .lst:nth-of-type(2){ width:35%;aspect-ratio:463/396;}
.news_box .lst .im{ width:100%; height:100%;}
.news_box .lst .im img{ display:block;width:100%;height:100%;object-fit:cover;object-position:center center;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.news_box .lst:hover .im img{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
.news_box .lst .nr{ position:absolute; width:100%; height:100%; left:0; top:0;align-content:flex-end;align-items:flex-end;display:flex;flex-wrap:wrap; background:url(../images/tm3.webp) repeat-x left bottom; color:#fff; box-sizing:border-box; padding:20px;}
.news_box .lst .nr h4{ width:100%; font-size:18px; line-height:24px; font-weight:400;}
.news_box .lst .nr span{ display:inline-block; margin-top:12px; font-size:16px; background:url(../images/mr.webp) no-repeat right 5px; padding-right:32px; display:none}
.news_box .lst:hover .nr{ background:url(../images/tm1.webp) repeat-x left bottom;}
.news_box .lst:hover .nr span{ display:inline-block;}

.btn_box{ padding:70px 0}
.btn_box .lst{font-family:"YouSheBiaoTiHei"; width:32%;aspect-ratio:213/152; margin-right:2%; position:relative; overflow:hidden; border-radius:10px;}
.btn_box .lst:nth-of-type(3){ margin-right:0}
.btn_box .lst img{ display:block;width:100%;height:100%;object-fit:cover;object-position:center center;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.btn_box .lst:hover img{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
.btn_box .lst a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; font-size:48px; color:#fff; background:rgba(0,0,0,.3);align-items:center;display:flex;flex-wrap:wrap; text-align:center; box-sizing:border-box; padding:15px;}
.btn_box .lst span{ display:block; width:100%;}
.btn_box .lst a:hover{ background:rgba(0, 153, 68, 0.7);}

.fimg{ width:100%;aspect-ratio:240/71;overflow:hidden}
.fimg img{ display:block;width:100%;height:100%;object-fit:cover;object-position:center center;}

.footer{ color:#fff; padding:50px 0 30px}
.footer .lst{ font-size:14px; line-height:26px; width:7.5%; margin-right:1%}
.footer .lst:nth-of-type(1){ width:9.5%;}
.footer .lst h3,.footer .cst h3{ font-size:18px; font-weight:400; padding-bottom:20px;}
.footer .lst a{ display:block; padding-bottom:15px; color:rgba(255,255,255,.8)}
.footer .lst a:hover{ color:#009944}
.footer .cst{ width:26%; margin-right:1%}
.footer .cst .ma{ width:32%; margin-right:2%; text-align:center;}
.footer .cst .ma:nth-of-type(3){ margin-right:0}
.footer .cst .ma img{ display:block; width:100px; height:100px; border-radius:5px; margin:0 auto}
.footer .cst .ma span{ display:block; font-size:14px; padding-top:10px}
.footer .rst{ width:20%; text-align:right}
.footer .rst .t1{ font-size:18px; color:rgba(255,255,255,.8); line-height:40px;}
.footer .rst .t2{ font-size:16px; color:rgba(255,255,255,.8); padding-top:20px; line-height:28px;}
.footer .rst .t3{ font-size:24px; color:rgba(0, 153, 68, 1); line-height:36px;}

.copyright{ font-size:15px; line-height:31px; padding:20px 0; border-top:1px solid rgba(255,255,255,.5); color:rgba(255, 255, 255, 0.8)}
.copyright a{ color:rgba(255, 255, 255, 0.8)}

.kefu_l,.kefu_r{ position:fixed; top:50%;transform:translateY(-50%); z-index:99;transition:all .3s ease 0s;}
.kefu_l{ width:36px;right:0; background:url(../images/kim2.png) no-repeat center 90% #000; background-size:13px auto; color:#fff; text-align:center; border-radius:5px 0 0 5px; padding:15px 0 30px; cursor:pointer;}
.kefu_r{ width:160px; background:#fff; right:-100%;}
.kefu_r .ktt{ background:#000; color:#fff; position:relative; padding:0 10px; font-size:15px; line-height:38px;}
.kefu_r .ktt i{ position:absolute; background:url(../images/close.png) no-repeat center center; width:38px; height:38px; right:0}
.kefu_r .knr{ padding:10px; font-size:14px; line-height:28px; color:#454545}
.kefu_r .knr .ra{ font-size:16px; padding-left:10px; color:#009944}
.kefu_r .knr .rb{ padding-left:10px;}
.kefu_r .knr .rm{ text-align:center}
.kefu_r .knr .rm img{ display:block; max-width:100%; padding-top:10px; margin:0 auto}
.kefu_r .gotop{ background:url(../images/gotop.png) no-repeat center center #000; height:38px; width:100%; cursor:pointer}
.kefu_l.hover{right:170px; background:url(../images/kim1.png) no-repeat center 90% #000; background-size:13px auto}
.kefu_r.hide{right:10px;}


/*------*/
.nbanner{ width:100%;}
.nbanner .box{ min-height:480px; box-sizing:border-box; padding:50px 0; color:#fff}
.nbanner .nr{ line-height:1.35; padding-bottom:20px}
.nbanner .nr .tit{ display:block; font-size:58px; font-weight:600;}
.nbanner .nr p{ font-size:40px; padding-top:20px;}

.nnav{ width:100%; padding:25px 0; line-height:28px;transition:all .5s ease 0s;}
.nnav .lft{ max-width:60%}
.nnav .lft a{ display:block; font-size:20px; color:rgba(105, 105, 105, 1); position:relative; margin-right:50px;}
.nnav .lft a:before{content:""; position:absolute; width:0; height:3px; background:#009944; left:0; bottom:-25px; opacity:0;transition:all .3s ease 0s;}
.nnav .lft a:hover,.nnav .lft a.on{ color:#009944;}
.nnav .lft a:hover:before,.nnav .lft a.on:before{ opacity:1; width:100%}
.nnav .rft{ max-width:40%; font-size:18px; color:#999; font-weight:400}
.nnav .rft a{ display:block; color:#999; padding:0 5px;}
.nnav .rft a:nth-of-type(1){ background:url(../images/icon9.png) no-repeat left center; background-size:16px; padding-left:22px;}

.weizhi{ font-size:16px; line-height:28px; padding-top:25px; color:#8c8c8c;}
.weizhi a{ display:block; font-size:18px; color:#999; padding:0 5px;}
.weizhi a:nth-of-type(1){ background:url(../images/icon9.png) no-repeat left center; background-size:16px; padding-left:22px;}

.text_box{ font-size:18px; line-height:2.35; padding-top:30px; padding-bottom:65px; color:rgba(51, 51, 51, 1)}
.text_box img{ max-width:100% !important; height:auto !important}
.text_box td,.text_box th{ box-sizing:border-box; padding:10px 5px; border:1px solid #ddd;}

.youshi{ padding:30px 0 60px;}
.youshi dl{ width:28%; padding:20px; box-sizing:border-box; margin-right:8%; background:rgba(236, 236, 236, 1); border-radius:10px; margin-top:30px;align-items:center;display:flex;flex-wrap:wrap;}
.youshi dl:nth-of-type(3n){ margin-right:0}
.youshi dl dt{ width:50px;}
.youshi dl dt img{ width:32px; height:32px; margin:0 auto; display:block}
.youshi dl dd{ color:#009944;width:calc(100% - 50px); box-sizing:border-box; padding-left:10px;}
.youshi dl dd span{ font-size:36px; display:inline-block;}
.youshi dl dd em{ font-size:16px; display:inline-block; font-style:normal; padding-left:5px;}
.youshi dl dd p{ font-size:18px; line-height:28px; color:#333}

.about_box2{ padding-top:30px; padding-bottom:65px;}
.about_box2 .lft{ width:50%;}
.about_box2 .lft img{ display:block;width:100%;height:100%;object-fit:cover;object-position:center center;}
.about_box2 .rft{ width:47%; font-size:17px; line-height:2.35; color:rgba(51, 51, 51, 1)}

.about_box3{ padding-top:30px; padding-bottom:65px;}
.about_box3 dl{ width:23.5%;aspect-ratio:184/279; position:relative; border-radius:10px; overflow:hidden; cursor:pointer; margin-right:2%}
.about_box3 dl:nth-of-type(4n){ margin-right:0}
.about_box3 dl dt{ width:100%; height:100%;}
.about_box3 dl dt img{ display:block;width:100%;height:100%;object-fit:cover;object-position:center center;}
.about_box3 dl dd{ width:100%; height:100%; position:absolute; left:0; top:0; background:#fff;align-content:center;align-items:center;display:flex;flex-wrap:wrap; box-sizing:border-box; padding:15px; text-align:center;transition:all .5s ease 0s;}
.about_box3 dl dd img{ display:block; width:46px; height:46px; margin:0 auto}
.about_box3 dl dd h3{ font-size:20px; font-weight:400; color:#000; width:100%;}
.about_box3 dl dd p{ font-size:16px; color:#fff; width:100%; padding-top:6px; opacity:.85; display:none;text-align:left;}
.about_box3 dl dd span{ color:rgba(200, 200, 200, 1); font-size:20px; display:block; width:100%; position:relative; padding-top:90%;}
.about_box3 dl dd span:before{content:"";position:absolute;left:50%;bottom:40px;background:rgba(200, 200, 200, .3);width:2px;height:40%;margin-left:-1px;}
.about_box3 dl:hover dd{ background:rgba(0, 153, 68, 0.59)}
.about_box3 dl:hover dd img{ display:none}
.about_box3 dl:hover dd h3{ color:#fff}
.about_box3 dl:hover dd p{ display:block;}
.about_box3 dl:hover dd span{ display:none}


/*
.about_box3{ padding-top:30px; padding-bottom:65px;}
.about_box3 .lft{ width:23.5%;}
.about_box3 .rft{ width:76.5%;}
.about_box3 dl{ position:relative; border-radius:10px; overflow:hidden; cursor:pointer;}
.about_box3 dl dt{ width:100%; height:100%;}
.about_box3 dl dt img{ display:block;width:100%;height:100%;object-fit:cover;object-position:center center;}
.about_box3 dl dd{ width:100%; height:100%; position:absolute; left:0; top:0; background:#fff;align-content:center;align-items:center;display:flex;flex-wrap:wrap; box-sizing:border-box; padding:15px; text-align:center;transition:all .5s ease 0s;}
.about_box3 dl dd img{ display:block; width:46px; height:46px; margin:0 auto}
.about_box3 dl dd h3{ font-size:20px; font-weight:400; color:#000; width:100%;}
.about_box3 dl dd p{ font-size:16px; color:#fff; width:100%; padding-top:6px; opacity:.85; display:none;}
.about_box3 dl dd span{ color:rgba(200, 200, 200, 1); font-size:20px; display:block; width:100%; position:relative; margin-top:70px;}
.about_box3 dl dd span:before{content:"";position:absolute;left:50%;top:-50px;background:rgba(200, 200, 200, .3);width:2px;height:40px;margin-left:-1px;}
.about_box3 dl:hover dd{ background:rgba(0, 153, 68, 0.59)}
.about_box3 dl:hover dd img{ display:none}
.about_box3 dl:hover dd h3{ color:#fff}
.about_box3 dl:hover dd p{ display:block;}
.about_box3 dl:hover dd span{ display:none}
.about_box3 .lft dl{ width:100%;}
.about_box3 .lft dl dt{aspect-ratio:35/62;}
.about_box3 .rft dl{ width:calc((100% - 60px)/3); height:calc(50% - 10px); margin-left:20px; margin-top:20px;}
.about_box3 .rft dl:nth-of-type(1),.about_box3 .rft dl:nth-of-type(2),.about_box3 .rft dl:nth-of-type(3){ margin-top:0}

.about_box3_m{ padding-top:20px; padding-bottom:65px; display:none}
.about_box3_m dl{ position:relative; width:32%; margin-right:2%; margin-top:2%; border-radius:10px; overflow:hidden; cursor:pointer;}
.about_box3_m dl:nth-of-type(3n){ margin-right:0;}
.about_box3_m dl dt{ width:100%; height:100%;aspect-ratio:1/1;}
.about_box3_m dl dt img{ display:block;width:100%;height:100%;object-fit:cover;object-position:center center;}
.about_box3_m dl dd{ width:100%; height:100%; position:absolute; left:0; top:0; background:#fff;align-content:center;align-items:center;display:flex;flex-wrap:wrap; box-sizing:border-box; padding:15px; text-align:center;transition:all .5s ease 0s;}
.about_box3_m dl dd img{ display:block; width:46px; height:46px; margin:0 auto}
.about_box3_m dl dd h3{ font-size:20px; font-weight:400; color:#000; width:100%;}
.about_box3_m dl dd p{ font-size:16px; color:#fff; width:100%; padding-top:6px; opacity:.85; display:none;}
.about_box3_m dl dd span{ color:rgba(200, 200, 200, 1); font-size:20px; display:block; width:100%; position:relative; margin-top:70px;}
.about_box3_m dl dd span:before{content:"";position:absolute;left:50%;top:-50px;background:rgba(200, 200, 200, .3);width:2px;height:40px;margin-left:-1px;}
.about_box3_m dl:hover dd{ background:rgba(0, 153, 68, 0.59)}
.about_box3_m dl:hover dd img{ display:none}
.about_box3_m dl:hover dd h3{ color:#fff}
.about_box3_m dl:hover dd p{ display:block;}
.about_box3_m dl:hover dd span{ display:none}
*/

.ctit2{ padding-top:100px; padding-bottom:30px;}
.lbg{ background:url(../images/ba1.webp) no-repeat center center; background-size:cover}

.course_box{ position:relative; padding-top:60px; padding-bottom:60px;}
.course_box .lcswiper{ width:35%; height:200px; margin:0; padding:200px 0}
.course_box .lcswiper .swiper-slide{ height:100%;display:flex;flex-wrap:wrap;align-items:center; cursor:pointer}
.course_box .lcswiper .swiper-slide .tit{ font-size:28px; font-weight:400;font-family:"SourceHanSansCN-Bold"; line-height:66px; position:relative; padding-left:47%; letter-spacing:3px; color:#999;}
.course_box .lcswiper .swiper-slide:before{content:"";position:absolute; width:20px; height:20px; border-radius:50%;top:50%; margin-top:-10px; left:37%; background:#999;}
.course_box .lcswiper .swiper-slide.swiper-slide-active .tit{ font-size:48px; color:#009944;padding-left:55%; font-weight:600;}
.course_box .lcswiper .swiper-slide.swiper-slide-active:before{ left:43%; background:#009944; border:6px solid #fff; margin-top:-13px;}
.course_box .lcswiper2{ width:62%; height:600px; margin:0}
.course_box .lcswiper2 .swiper-slide{ height:100%;display:flex;flex-wrap:wrap;align-items:center;}
.course_box .lcswiper2 .swiper-slide .nbox{ width:100%; max-height:100%; overflow:auto;}
.course_box .lcswiper2 .swiper-slide .nbox .tit{ font-size:24px; font-weight:600;font-family:"SourceHanSansCN-Bold"; line-height:32px;}
.course_box .lcswiper2 .swiper-slide .nbox .txt{ font-size:18px; color:#666; line-height:36px; padding-top:15px;}
.course_box .swiper-lprev,.course_box .swiper-lnext{ width:44px; height:44px; line-height:44px; text-align:center; font-size:16px; border:2px solid #403931; border-radius:50%; position:absolute; bottom:70px; z-index:9; cursor:pointer}
.course_box .swiper-lnext{ right:0; background:url(../images/rta.webp) no-repeat center center #fff;}
.course_box .swiper-lprev{ right:70px; background:url(../images/lta.webp) no-repeat center center #fff;}
.course_box .swiper-lnext:hover{ background:url(../images/rtb.webp) no-repeat center center #009944; border-color:#009944}
.course_box .swiper-lprev:hover{ background:url(../images/ltb.webp) no-repeat center center #009944; border-color:#009944}

.honor_box{padding-top:60px; padding-bottom:70px;}
.honorSwip{width:100% !important;height:auto !important;position:relative;overflow:hidden;}
.honorSwip .swiper-slide:before{content:"";position:absolute; width:100%; height:100%; top:0;left:0; background:rgba(255,255,255,.45)}
.honorSwip .swiper-slide.swiper-slide-next:before{ opacity:0}
.honorSwip .s_img{ overflow:hidden;}
.honorSwip .s_img img{width:100%;height:100%;object-fit:contain;display:block;}
.honorSwip .swiper-rdian{width:380px;height:6px;margin:0 auto;position:static;margin-top:25px;border-radius:35px;transform:translate(0);overflow:hidden;display:flex;justify-content:center}
.honorSwip .swiper-rdian span{background:#009944;width:15px;height:100%;border-radius:0;margin:0 3px;opacity:.45;transition:all ease .5s;border-radius:5px}
.honorSwip .swiper-rdian span.swiper-pagination-bullet-active{background:#009944;opacity:1;width:35px}
.honorSwip .swiper-rprev,.honorSwip .swiper-rnext{ z-index:9}
.honorSwip .swiper-rprev{left:10%;}
.honorSwip .swiper-rnext{right:10%;}
.swiper-button-next:after,.swiper-button-prev:after{ color:#848383; font-weight:600}

.nrtit{ padding-top:60px; text-align:center}
.nrtit h1{ font-size:28px; line-height:1.55; font-weight:600; color:#333333}
.nrtim{ font-size:18px; color:#696969; line-height:1.5; padding-top:20px; text-align:center; font-weight:400;}
.nrtxt{ font-size:18px; line-height:2; color:#333333;}
.nrtxt p{ padding:5px 0}
.nrtxt img{ max-width:100% !important; height:auto !important}
.nrtxt video{ display:block;width:50%;height:100%;object-fit:cover;object-position:center center;opacity:1;margin-left:auto;margin-right:auto;}
/* 针对小屏幕（移动端）的样式 */
@media (max-width: 768px) { /* 例如，当屏幕宽度小于或等于768px时，视为移动端 */
    .nrtxt video {
        width: 100%; /* 移动端宽度为100% */
        margin-left: 0; /* 重置默认的margin，因为已经是100%宽度，无需左右margin居中 */
        margin-right: 0;
    }
}
.nrtxt td,.nrtxt th{ box-sizing:border-box; padding:10px 5px; border:1px solid #ddd;}
.t25{ padding-top:20px;}
.t45{ padding-top:40px;}

.news_list{ padding-top:10px;}
.news_list dl{ width:32.2%; margin-right:1.7%; margin-top:1.7%; background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 0 2px rgba(0,153,68,1)}
.news_list dl:nth-of-type(3n){ margin-right:0}
.news_list dl dt{aspect-ratio:433/292; width:100%; overflow:hidden}
.news_list dl dt img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;}
.news_list dl dd{ padding:20px 15px; line-height:25px; color:#333333}
.news_list dl dd a{font-size:20px; line-height:30px; max-height:60px;display:block;overflow:hidden;}
.news_list dl dd p{font-size:16px;padding-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news_list dl dd span{ font-size:14px; padding-top:12px; display:block}
.news_list dl:hover{ box-shadow:0 5px 10px rgba(0,153,68,.45)}
.news_list dl:hover dd a{ color:#009944}

.b100{ padding-bottom:100px;}
.b80{ padding-bottom:90px;}
.video_list{ padding-top:10px;}
.video_list dl{ width:32.2%; margin-right:1.7%; margin-top:1.7%; background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 0 2px rgba(0,153,68,1)}
.video_list dl:nth-of-type(3n){ margin-right:0}
.video_list dl dt{aspect-ratio:433/292; width:100%; overflow:hidden; position:relative; z-index:2}
.video_list dl dt a{ display:block; width:100%; height:100%;}
.video_list dl dt a:after,.video_list dl dt a:before{content:""; position:absolute; width:100%; height:100%; left:0; top:0;}
.video_list dl dt a:after{ background:rgba(0,0,0,.1); z-index:1}
.video_list dl dt a:before{ background:url(../images/abut1.webp) no-repeat center center; z-index:2}
.video_list dl dt img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;}
.video_list dl dd{ padding:20px 15px; line-height:25px; color:#333333}
.video_list dl dd a{font-size:20px; line-height:30px;max-height:60px;display:block;overflow:hidden;}
.video_list dl:hover{ box-shadow:0 5px 10px rgba(0,153,68,.45)}
.video_list dl:hover dt a:after{ background:rgba(0,153,68,.1);}
.video_list dl:hover dt a:before{ background:url(../images/abut2.webp) no-repeat center center;}
.video_list dl:hover dd a{ color:#009944}

.product_list{ padding-top:30px;}
.product_list dl{ width:32.2%; margin-right:1.7%; margin-top:1.7%; border-radius:10px; overflow:hidden; border:1px solid #e8e8e8; box-sizing:border-box; text-align:center}
.product_list dl:nth-of-type(3n){ margin-right:0}
.product_list dl dt{ width:100%; height:474px; overflow:hidden;}
.product_list dl dt a{ display:block; width:100%; height:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.product_list dl dt img{display:block;max-width:100%;max-height:100%;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.product_list dl:hover dt img{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
.product_list dl dd{ background:#009944; padding:15px 10px;}
.product_list dl dd a,.product_list dl dd a:hover{ display:block; font-size:20px; line-height:34px; color:#fff; height:34px; overflow:hidden;}

.t80{ padding:60px 0 80px;}
.message{ box-sizing:border-box; padding:55px 45px; border-radius:12px;}
.message h2{ font-size:42px; font-weight:600; color:#000;font-family:"SourceHanSansCN-Bold";}
.message h2 span{ display:inline-block; color:#009944;}
.message p{ font-size:20px; line-height:1.35; padding-top:10px;}
.message form{ padding-top:15px;}
.message input,.message textarea{ width:100%; display:block; height:80px; line-height:80px; border-radius:5px; margin-top:22px; box-sizing:border-box; font-size:18px;}
.message input:nth-of-type(1),.message input:nth-of-type(2){ width:49%; padding-left:60px;}
.message input:nth-of-type(1){ margin-right:2%; background:url(../images/ltu7.webp) no-repeat 30px center #f1f1f1;}
.message input:nth-of-type(2){ background:url(../images/ltu8.webp) no-repeat 30px center #f1f1f1;}
.message textarea{ background:url(../images/ltu9.webp) no-repeat 30px 25px #f1f1f1; padding:15px; height:240px; line-height:36px; text-indent:45px;}
.message input.sbut{ border-radius:45px; background:#009944; color:#fff; font-size:32px; text-align:center; margin-top:30px;}

.contact_box1{ position:relative; z-index:2; margin-top:-80px;}
.contact_box1 dl{ width:31%; margin-right:3.5%; text-align:center; background:#fff; border-radius:10px; box-shadow:0 5px 15px rgba(0,0,0,.25); box-sizing:border-box; padding:65px 20px;}
.contact_box1 dl:nth-of-type(3n){ margin-right:0}
.contact_box1 dl dt img{ display:block; margin:0 auto; width:70px; height:60px;}
.contact_box1 dl dd{ font-size:18px; line-height:32px;word-break: break-all;}
.contact_box1 dl dd span{ display:block; color:#696969; padding:20px 0 12px;}

.xmap{ width:100%; margin:0 auto; height:650px; margin-top:65px;}
.xmap img{max-width:none !important;display:inline-block}
.xmap *,.xmap *:before,.xmap *:after{box-sizing:content-box}
.xmap .map-label{width:auto;position:absolute;left:50%;z-index:2;line-height:24px;border-radius:2px;padding:10px 14px;font-size:14px;color:#fff;display:block;background-color:#5184f9;word-break:keep-all}
.xmap .map-label h2{ font-size:16px;}
.xmap .map-label:before,.xmap .map-label:after{content:"";background:#5184f9;position:absolute}
.xmap .map-label:before{width:10px;height:10px;bottom:-5px;left:50%;background:#5184f9;margin-left:-5px;transform:rotate(45deg)}
.xmap .map-label:after{width:10px;height:10px;border-radius:50%;border:3px solid #fff;bottom:-24px;left:50%;margin-left:-7px}

.contact_box2{ padding-top:45px; padding-bottom:90px;}
.contact_box2 .list{ width:31%; margin-right:3.5%;}
.contact_box2 .list:nth-of-type(3n){ margin-right:0}
.contact_box2 .list .tit{ font-size:24px; padding-left:35px; line-height:36px;}
.contact_box2 .list:nth-of-type(1) .tit{ background:url(../images/ltu4.webp) no-repeat left center;}
.contact_box2 .list:nth-of-type(2) .tit{ background:url(../images/ltu5.webp) no-repeat left center;}
.contact_box2 .list:nth-of-type(3) .tit{ background:url(../images/ltu6.webp) no-repeat left center;}
.contact_box2 .list .txt{ font-size:20px; line-height:1.75; color:#696969}
.contact_box2 .list .txt p{ padding-top:30px;}

.yfbox1{ padding-top:30px;}
.yfbox1 dl{ width:48.6%; margin-right:2.8%; position:relative; border-radius:12px; overflow:hidden; text-align:center}
.yfbox1 dl:nth-of-type(even){ margin-right:0}
.yfbox1 dl dt{ width:100%; aspect-ratio:653/461; overflow:hidden}
.yfbox1 dl dt img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.yfbox1 dl:hover dt img{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
.yfbox1 dl dd{ position:absolute; width:100%; left:0; bottom:0; font-size:18px; color:#fff; background:rgba(0, 153, 68, 0.6); line-height:26px; overflow:hidden; box-sizing:border-box; padding:12px 10px}

.yfbox2{ padding-top:10px;}
.yfbox2 dl{ width:23.5%; margin-right:2%; margin-top:2%; position:relative; border-radius:12px; overflow:hidden; text-align:center}
.yfbox2 dl:nth-of-type(4n){ margin-right:0}
.yfbox2 dl dt{ width:100%; aspect-ratio:161/122; overflow:hidden}
.yfbox2 dl dt a{ display:block; width:100%; height:100%;}
.yfbox2 dl dt img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-webkit-transform:scale(1,1);transform:scale(1,1)}
.yfbox2 dl:hover dt img{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
.yfbox2 dl dd{ position:absolute; width:100%; left:0; bottom:0; font-size:18px; color:#fff; background:rgba(0, 153, 68, 0.6); line-height:26px; overflow:hidden; box-sizing:border-box; padding:12px 10px}

.yfbox3{ padding-top:45px;}
.yfbox3 ul{ width:100%; background:url(../images/pt.webp) no-repeat center bottom; background-size:100% auto; padding-bottom:140px;}
.yfbox3 ul li{ width:23.5%; margin-right:2%; max-height:450px; overflow:hidden; aspect-ratio:83/114;}
.yfbox3 ul li:nth-of-type(4n){ margin-right:0}
.yfbox3 ul li img{ display:block; max-width:100%; max-height:100%; margin:0 auto}

.video_box{position:relative;margin-top:35px;height:750px;}
.video_box video{display:block;width:100%;height:100%;object-fit:fill;}
.video_box .VideoBtn{position:absolute;left:50%;top:50%;display:block;width:70px;height:70px;margin-left:-35px;margin-top:-35px;cursor:pointer;z-index:10}
.video_box .VideoBtn img{ display:block; width:100%; height:100%; margin:0 auto}

/*--------分页-------*/
.next_fy{text-align:center;font-size:15px;padding-top:45px;}
.next_fy a{height:36px;line-height:36px;margin:2px 4px;display:inline-block;padding:0 14px;color:#092c47;border:1px solid #ccc;cursor:pointer;border-radius:3px}
.next_fy a:hover,.next_fy a.active{background:#009944;border-color:#009944;color:#fff}
.next_fp{font-size:18px;line-height:2;color:#333;padding-top:40px;}
.next_fp p{display:block; width:49%;}
.next_fp p:nth-of-type(2){ text-align:right;}
.next_fp a{color:#333;font-weight:400}
.next_fp a:hover{color:#009944}


@media (max-width:1720px) {
.box{ width:94%;}


}

@media (max-width:1460px) {
.htit{ padding-top:70px;}
.htit h2{ font-size:34px;}
.htit span{ font-size:19px;}
.htxt{ padding-top:25px;}
.htxt .nr{ font-size:18px; padding-bottom:30px}
.wh_box dl dt h3{ font-size:22px;}
.nbanner .box{ min-height:400px;}
.nbanner .nr .tit{ font-size:50px;}
.nbanner .nr p{ font-size:32px; padding-top:15px;}
.nnav{ padding:22px 0}
.nnav .rft{ font-size:16px;}
.nnav .lft a{ margin-right:35px; font-size:18px;}
.nnav .rft a:nth-of-type(1){ background-size:14px; padding-left:20px;}
.nnav .lft a:before{bottom:-22px; height:2px;}
.ctit{ padding-top:65px;}
.course_box .lcswiper .swiper-slide.swiper-slide-active .tit{ font-size:46px;}
.contact_box2{ padding-bottom:80px;}
.contact_box2 .list .txt{ font-size:18px;}
.message h2{ font-size:40px;}
.message p{ font-size:18px;}
.message input{ height:76px; line-height:76px;}
.message input.sbut{ font-size:28px;}
.yfbox2 dl dd,.yfbox1 dl dd{ font-size:17px;}
.yfbox3 ul{ padding-bottom:120px;}

}

@media (max-width:1360px) {
.wh_box dl dd{ padding:37px 35px;}
.video_box{height:700px;}



}

@media (max-width:1260px) {
.head_nav ul li{ padding:0 10px;}
.htit{ padding-top:60px;}
.htxt{ padding-top:20px;}
.htxt .nr{ padding-bottom:25px;}
.nbanner .box{ min-height:360px;}
.nbanner .nr .tit{ font-size:46px;}
.nbanner .nr p{ font-size:28px;}
.nnav .lft a{ margin-right:30px;}
.text_box{ font-size:17px; padding-top:20px; padding-bottom:55px;}
.youshi dl{ width:30%; margin-right:5%}
.about_box2 .rft{ font-size:16px; line-height:2.2}

/*
.about_box3 dl dd p{ font-size:15px;}
*/
.course_box .lcswiper .swiper-slide .tit{ font-size:25px; padding-left:49%}
.course_box .lcswiper .swiper-slide.swiper-slide-active .tit{ font-size:42px; padding-left:61%}
.course_box .lcswiper .swiper-slide:before{left:41%}
.course_box .lcswiper .swiper-slide.swiper-slide-active:before{left:50%}
.course_box .lcswiper2 .swiper-slide .nbox .txt{ font-size:17px; line-height:35px;}
.course_box .swiper-lprev,.course_box .swiper-lnext{ width:40px; height:40px; line-height:40px;}
.course_box .swiper-lprev{right:65px;}
.swiper-button-next:after, .swiper-button-prev:after{ font-size:40px;}
.contact_box1{ margin-top:0; padding-top:50px;}
.contact_box1 dl{ padding:50px 15px;}
.message{ padding:45px 35px 55px;}
.t80{ padding-bottom:75px;}
.b100{ padding-bottom:85px;}
.news_list dl dd a,.video_list dl dd a{ font-size:18px;}
.news_list dl dd p{ font-size:15px;}
.b80{ padding-bottom:70px;}
.product_list dl dd a,.product_list dl dd a:hover{ font-size:18px; height:32px; line-height:32px;}
.product_list dl dt{ height:440px;}
.nrtit{ padding-top:50px;}
.nrtim{ font-size:17px; padding-top:15px;}
.t45{ padding-top:30px;}
.nrtit h1{ font-size:26px;}
.nrtxt,.next_fp{ font-size:17px;}
.video_box{height:660px;}
.yfbox3 ul{ padding-bottom:105px;}


}

@media (max-width:1160px) {
/*
.about_box3 dl:hover dd h3{ font-size:18px;}
.about_box3 dl dd p{ font-size:14px;}
*/
.course_box .lcswiper .swiper-slide:before{ width:15px; height:15px; margin-top:-7px}
.course_box .lcswiper .swiper-slide:before{left:33%;}
.course_box .lcswiper .swiper-slide .tit{ padding-left:42%}
.course_box .lcswiper .swiper-slide.swiper-slide-active:before{left:43%}
.course_box .lcswiper .swiper-slide.swiper-slide-active .tit{ padding-left:55%; font-size:40px}
/*
.about_box3 dl dd span{ margin-top:40px;}
.about_box3 dl dd span:before{ height:30px; top:-35px}
*/
.contact_box2{ padding-bottom:70px}
.contact_box2 .list .tit{ font-size:22px;}
.contact_box2 .list .txt{ font-size:17px;}
.contact_box2 .list .txt p{ padding-top:25px;}
.xmap{ margin-top:55px;}
.next_fp{ padding-top:30px;}
.next_fp p{ width:100%;}
.next_fp p:nth-of-type(2){ text-align:left}
.video_box{height:600px;}


}

@media (max-width:1060px) {
.header .box{ height:90px;}
.head_menu{display:block; width:30px; height:100%; background:url(../images/mue.webp) no-repeat center center; background-size:80% auto;}
.head_nav{ position:absolute; width:100%; left:0; top:100%; background:#fff; display:none}
.head_nav ul{ display:block;}
.head_nav ul li{ display:block; width:100%; font-size:16px; padding:0; line-height:46px; border-bottom:1px solid rgba(0,0,0,.05); box-sizing:border-box; padding:0 15px;}
.head_nav ul li a.a1{ color:#222;}
.head_nav ul li a.a1:hover{color:#009944}
.head_nav ul li i{ display:block; width:46px; height:46px; position:absolute; right:0; top:0; z-index:2; background:url(../images/rta.webp) no-repeat center center; background-size:7px auto;transition:transform 0.3s ease;}
.head_nav ul li i.fan{transform:rotate(90deg);}
.head_nav ul li div{ position:static;transition:all .3s ease 0s;box-shadow:none; text-align:left; padding-bottom:5px}
.head_nav ul li div.active{ display:block;}
.head_nav ul li div a{ padding:0; line-height:40px; padding-left:15px; background:url(../images/thr.png) no-repeat left center; font-size:15px;}
.head_nav ul li div a:hover{ color:#009944; background:url(../images/thr.png) no-repeat left center;}
.head_nav ul li div:before{ display:none}
.swiperb .swiper-bdian{gap:4px;}
.swiperb .swiper-bdian span{ width:10px; height:10px;}
.swiperb .swiper-bdian span.swiper-pagination-bullet-active{ width:50px}
.htit{ padding-top:50px;}
.htxt .nr{ font-size:16px; line-height:36px; max-width:62%; padding-bottom:20px}
.htxt a{ font-size:15px;border-radius:0 10px}
.wh_box{ padding-top:40px;}
.ctit{ padding-top:60px;}
.ctit h2{ font-size:28px;}
.news_box{ padding-bottom:60px;}
.news_box .lst .nr{ padding:15px;}
.news_box .lst .nr h4{ font-size:16px;}
.news_box .lst .nr span{ font-size:15px;}
.btn_box{ padding:60px 0}
.btn_box .lst a{ font-size:42px;}
.kefu_l{right:0; background:url(../images/kim2.png) no-repeat center 90% #000; background-size:13px auto;}
.kefu_r{right:-100%}
.kefu_l.hover{right:170px; background:url(../images/kim1.png) no-repeat center 90% #000; background-size:13px auto;}
.kefu_r.hide{right:10px;}
.nbanner .box{ min-height:320px;}
.nbanner .nr .tit{ font-size:40px;}
.nbanner .nr p{ font-size:22px; padding-top:12px;}
.nnav .lft a{ font-size:17px; margin-right:25px;}
.nnav .rft{ font-size:15px;}
.text_box{ padding-bottom:50px;}
.youshi dl dd span{ font-size:32px;}
.youshi dl dd p{ font-size:17px;}
.message h2{ font-size:36px;}
.message p{ font-size:16px;}
.message form{ padding-top:10px;}
.message input{ height:70px; line-height:70px;}
.message input:nth-of-type(1),.message input:nth-of-type(2){ padding-left:50px; background-position:20px center}
.message textarea{ background-position:20px 25px; text-indent:35px; font-size:17px}
.message input.sbut{ font-size:26px;}
.news_list dl dd,.video_list dl dd{ padding:16px 12px;}
.product_list dl dt{ height:400px;}
.yfbox2 dl dd,.yfbox1 dl dd{ font-size:16px; padding:10px;}
.yfbox2 dl{ width:32%;}
.yfbox2 dl:nth-of-type(4n){ margin-right:2%;}
.yfbox2 dl:nth-of-type(3n){ margin-right:0;}
.nnav{ padding:0}
.nnav .lft{max-width:none;width:100%;line-height:27px;-webkit-box-ordinal-group:5!important;-ms-flex-order:5!important;order:5!important;}
.nnav .lft a:before{ display:none}
.nnav .lft a{ width:32%; margin-right:2%; margin-bottom:1.5%; text-align:center; box-sizing:border-box; padding:8px 5px; background:#f6f6f6;}
.nnav .lft a:nth-of-type(3n){ margin-right:0;}
.nnav .lft a:hover,.nnav .lft a.on{ background:#009944; color:#fff;}
.nnav .rft{ max-width:none; width:100%; padding:25px 0}
.product_list{ padding-top:10px;}
.video_box{height:570px;}
.yfbox3 ul{ padding-bottom:90px;}
.about_box3 dl dd h3,.about_box3 dl dd span{ font-size:18px;}
.about_box3 dl dd p{ font-size:14px;}

}

@media (max-width:990px) {
.footer .lst{ display:none}
.footer .cst{ width:100%; text-align:center;}
.footer .rst{ width:100%; text-align:center; padding-top:25px;}
.copyright{ text-align:center; font-size:14px; border-top:1px solid rgba(255,255,255,.15)}
.nbanner .nr .tit{ font-size:36px;}
.nbanner .nr p{ font-size:20px;}
.about_box2{ padding-bottom:50px;}
.about_box2 .lft{ width:100%;}
.about_box2 .lft img{ width:auto; height:auto; max-width:100%; margin:0 auto}
.about_box2 .rft{ width:100%; padding-top:20px;}
.course_box .lcswiper{ height:170px; padding:170px 0}
.course_box .lcswiper2{ height:510px;}
.course_box .lcswiper .swiper-slide:before{left:31%;}
.course_box .lcswiper .swiper-slide .tit{ font-size:22px; padding-left:40%}
.course_box .lcswiper .swiper-slide.swiper-slide-active:before{left:40%;}
.course_box .lcswiper .swiper-slide.swiper-slide-active .tit{ font-size:36px; padding-left:53%}
.course_box .lcswiper2 .swiper-slide .nbox .tit{ font-size:22px;}
.course_box .swiper-lprev,.course_box .swiper-lnext{ width:32px; height:32px; line-height:32px;}
.course_box .swiper-lprev{right:50px;}
/*
.about_box3{ display:none}
.about_box3_m{ display:flex}
.about_box3_m dl dd p{ font-size:14px;}
*/
.product_list dl dd a,.product_list dl dd a:hover{ font-size:17px;}
.nrtit h1{ font-size:24px;}
.nrtim{ font-size:16px;}
.video_box{height:520px;}

}

@media (max-width:860px) {
.course_box{ padding:50px 0}
.honor_box{ padding-top:25px; padding-bottom:60px;}
.honorSwip .swiper-slide:before{ background:none}
.honorSwip .swiper-rprev{left:10px}
.honorSwip .swiper-rnext{right:10px}
.lbg{ background:url(../images/ba1_m.webp) no-repeat center top; background-size:cover}
.course_box{ display:block; padding:10px 0 55px}
.course_box .lcswiper{ width:33.3333%; padding:0 33.3333%; height:auto; text-align:center}
.course_box .lcswiper .swiper-slide .tit{ background:#eee; line-height:56px; font-size:20px !important}
.course_box .lcswiper .swiper-slide.swiper-slide-active .tit{ background:#094; color:#fff; font-size:22px; font-weight:400}
.course_box .lcswiper2{ width:100%;}
.course_box .lcswiper .swiper-slide{ display:block}
.course_box .lcswiper .swiper-slide:before{ display:none}
.course_box .lcswiper .swiper-slide.swiper-slide-active .tit{ padding:0}
.course_box .lcswiper .swiper-slide .tit{ padding-left:0}
.course_box .lcswiper2{ height:auto; padding-top:30px;}
.course_box .lcswiper2 .swiper-slide{}
.course_box .lcswiper2 .swiper-slide .nbox .txt{ padding-top:12px;}
.course_box .swiper-lprev,.course_box .swiper-lnext{ display:none}
.contact_box1{ padding-top:45px;}
.contact_box1 dl{ box-shadow:0 2px 10px rgba(0,0,0,.15)}
.contact_box1 dl dt img{ width:56px; height:48px;}
.xmap{ margin-top:50px; height:450px;}
.contact_box2{ padding-top:35px; padding-bottom:55px}
.contact_box2 .list .tit{ font-size:20px; padding-left:30px;}
.contact_box2 .list:nth-of-type(1) .tit{ background-size:20px auto}
.contact_box2 .list:nth-of-type(2) .tit{ background-size:20px auto}
.contact_box2 .list:nth-of-type(3) .tit{ background-size:20px auto}
.contact_box2 .list .txt{ font-size:16px;}
.contact_box2 .list .txt p{ padding-top:20px;}
.t80{ padding:50px 0 65px;}
.message{ padding:35px 25px 50px;}
.message h2{ font-size:32px;}
.message input{ height:62px; line-height:62px;}
.message textarea{ height:200px;}
.message input.sbut{ font-size:22px;}
.news_list dl,.video_list dl{ width:49%; margin-right:2%; margin-top:2%;}
.news_list dl:nth-of-type(3n),.video_list dl:nth-of-type(3n){ margin-right:2%}
.news_list dl:nth-of-type(even),.video_list dl:nth-of-type(even){ margin-right:0}
.b100{ padding-bottom:65px;}
.product_list dl{ width:49%; margin-right:2%; margin-top:2%;}
.product_list dl:nth-of-type(3n){ margin-right:2%}
.product_list dl:nth-of-type(even){ margin-right:0}
.ctit h2{ font-size:26px;}
.yfbox3 ul{ padding-bottom:80px;}
.video_box{height:470px;}

}

@media (max-width:768px) {
body{ padding-top:70px;}
.header .box{ height:70px;}
.htit{ padding-top:40px; height:46px; line-height:46px;}
.htit h2{ font-size:30px;}
.htit span{ font-size:17px; padding-top:10px; line-height:36px;}
.htxt{ padding-top:15px;}
.htxt .nr{ max-width:100%; line-height:33px;}
.htxt a{ line-height:39px;}
.himg{ margin-top:-70px;}
.wh_box{ padding-top:28px;}
.wh_box dl dd{ padding:28px 23px}
.wh_box dl dd:before{ width:calc(100% - 22px); height:calc(100% - 22px); left:10px; top:10px;}
.wh_box dl dt h3{ font-size:20px;}
.ctit{ padding-top:55px;}
.news_box{ padding-bottom:50px;}
.btn_box{ padding:50px 0 55px;}
.btn_box .lst a{ border-radius:10px; font-size:36px;}
.text_box{ font-size:16px; padding-bottom:40px;}
.nbanner .box{ min-height:280px;}
.nbanner .nr .tit{ font-size:32px;}
.nbanner .nr p{ font-size:18px; padding-top:10px;}
.youshi{ padding:30px 0 46px;}
.youshi dl{ width:32%; margin-right:2%; margin-top:2%; padding:15px 10px;}
.youshi dl dd span{ font-size:28px;}
.youshi dl dd em{ font-size:14px;}
.youshi dl dd p{ font-size:15px;}
/*
.about_box3_m dl{ width:49%;}
.about_box3_m dl:nth-of-type(3n){ margin-right:2%;}
.about_box3_m dl:nth-of-type(even){ margin-right:0}
*/
.course_box .lcswiper .swiper-slide .tit{ font-size:18px !important}
.course_box .lcswiper2 .swiper-slide .nbox .tit{ font-size:20px;}
.course_box .lcswiper2 .swiper-slide .nbox .txt{ font-size:16px; line-height:32px;}
.next_fy{ padding-top:35px; font-size:14px;}
.b80{ padding-bottom:55px;}
.yfbox2 dl{ width:49%;}
.yfbox2 dl:nth-of-type(3n){ margin-right:2%;}
.yfbox2 dl:nth-of-type(even){ margin-right:0;}
.yfbox3{ padding-top:35px;}
.nrtxt,.next_fp{ font-size:16px;}
.yfbox1{ padding-top:20px;}
.nrtit{ padding-top:45px;}
.nrtim{ font-size:14px; padding-top:12px;}
.nrtxt,.next_fp{ padding-top:25px;}
.nnav .lft a{ font-size:16px;}
.video_box{height:420px;}
.about_box3{ padding-bottom:45px;}
.about_box3 dl{ width:49%; margin-bottom:2%}
.about_box3 dl:nth-of-type(4n){ margin-right:2%}
.about_box3 dl:nth-of-type(even){ margin-right:0}



}

@media (max-width:640px) {
.swiperb .swiper-bdian{gap:0; bottom:15px;}
.swiperb .swiper-bdian span{ width:8px; height:8px;}
.swiperb .swiper-bdian span.swiper-pagination-bullet-active{ width:40px}
.htit h2{ font-size:28px;}
.htxt{ padding-top:10px;}
.wh_box{ padding-top:25px;}
.wh_box dl dt img{ width:60px; height:60px;}
.wh_box dl dd h3{ padding-bottom:7px}
.news_box .lst .nr h4{ font-size:15px;}
.news_box .lst .nr span{ font-size:14px; background-size:auto 12px; background-position:right 4px; padding-right:28px}
.wh_box{ padding-top:5px;}
.wh_box dl{ width:100%; margin-right:0 !important; margin-top:15px;}
.news_box{ padding-bottom:40px;}
.news_box .lst{ width:100% !important; margin-right:0 !important;aspect-ratio:659/396  !important;}
.btn_box{ padding:25px 0 40px}
.btn_box .lst{ width:100%; margin-top:15px; margin-right:0 !important}
.btn_box .lst a{ font-size:46px;}
.copyright{ font-size:13px; line-height:25px; padding-top:16px;}
.nbanner .box{ min-height:240px; padding:35px 0}
.nbanner .nr .tit{ font-size:28px;}
.nbanner .nr p{ font-size:16px; padding-top:10px;}
.youshi dl{ width:49%;}
.youshi dl:nth-of-type(3n){ margin-right:2%}
.youshi dl:nth-of-type(even){ margin-right:0}
.ctit h2{ font-size:24px;}
.about_box2{ padding-top:25px;}
.ctit2{ padding-bottom:20px;}
.course_box .lcswiper .swiper-slide .tit{ font-size:17px !important; line-height:52px;}
.contact_box1{ padding-top:35px;}
.contact_box1 dl dt img{ width:50px; height:43px;}
.contact_box1 dl dd{ font-size:16px; line-height:28px;}
.contact_box1 dl dd span{ padding:15px 0 10px;}
.xmap{ margin-top:40px;}
.xmap .map-label h2{ font-size:15px;}
.contact_box2{ padding-top:10px; padding-bottom:45px;}
.contact_box2 .list{ width:100%; margin-right:0; padding-top:25px;}
.contact_box2 .list .tit{ font-size:18px;}
.contact_box2 .list .txt{ font-size:15px;}
.contact_box2 .list .txt p{ padding-top:15px;}
.t80{ padding:35px 0 45px;}
.message h2{ font-size:28px;}
.message p{ font-size:15px;}
.message form{ padding-top:5px}
.message input{ height:56px; line-height:56px; font-size:16px;}
.message textarea{ font-size:15px; line-height:33px; margin-top:18px;}
.message input.sbut{ font-size:20px; margin-top:25px;}
.news_list dl dd,.video_list dl dd{ padding:14px 10px;}
.news_list dl dd a{ font-size:17px; max-height:54px; line-height:27px;}
.news_list dl dd p{ font-size:14px; padding-top:7px;}
.news_list dl dd span{ padding-top:8px;}
.video_list dl dt a:before{ background-size:32px auto}
.video_list dl dd a{ font-size:16px; line-height:26px; max-height:52px;}
.b100{ padding-bottom:50px;}
.next_fy a{ height:32px; line-height:32px; padding:0 11px; margin:2px;}
.product_list dl dt{ height:360px;}
.product_list dl dd{ padding:12px 5px;}
.yfbox2 dl dd, .yfbox1 dl dd{ font-size:15px; line-height:23px;}
.yfbox3{ padding-top:30px; padding-bottom:35px;}
.yfbox3 ul{ padding-bottom:0; background:none}
.yfbox3 ul li{ width:48.7%; margin-right:2.6%; margin-bottom:2.6%; padding:12px; box-sizing:border-box; border:1px solid #ddd;}
.yfbox3 ul li:nth-of-type(4n){ margin-right:2.6%;}
.yfbox3 ul li:nth-of-type(even){ margin-right:0;}
.nrtit{padding-top:35px;}
.nrtit h1{ font-size:22px;}
.nnav .rft{ padding:20px 0}
.nnav .rft{ font-size:14px;}
.video_box{height:350px;}
.video_box .VideoBtn{ width:50px; height:50px; margin-left:-25px; margin-top:-25px;}

}


@media (max-width:444px) {
body{ padding-top:60px;}
.header .box{ height:60px;}
.head_logo img{ max-height:42px;}
.htit{ padding-top:30px; height:41px; line-height:41px;}
.htit h2{ font-size:25px;}
.htit span{ font-size:15px; padding-top:7px; line-height:34px;}
.himg{ margin-top:0}
.ctit{ padding-top:40px;}
.ctit h2{ font-size:25px; background-size:auto 2px; padding-bottom:10px;}
.head_nav ul li{ font-size:15px;}
.head_nav ul li div a{ font-size:14px; line-height:36px;}
.htxt .nr{ font-size:15px; line-height:31px; padding-bottom:16px;}
.htxt a{ line-height:34px; padding:0 20px; font-size:14px;}
.wh_box dl{ min-height:210px;}
.wh_box dl dt h3{ padding-bottom:10px;}
.btn_box .lst a{ font-size:40px;}
.footer{ padding:40px 0 25px;}
.footer .cst h3{ font-size:16px;}
.footer .cst .ma span{ font-size:13px;}
.footer .rst .t1{ font-size:16px; line-height:36px;}
.footer .rst .t2{ padding-top:15px; font-size:15px;}
.footer .rst .t3{ font-size:22px;}
.copyright{ font-size:12px;}
.nbanner .box{ padding:30px 0; min-height:200px;}
.nbanner .nr .tit{ font-size:24px;}
.nbanner .nr p{ font-size:14px; padding-top:6px;}
.ctit h2{ font-size:22px;}
.text_box{ font-size:15px; line-height:2.2; padding-bottom:30px;}
.youshi{ padding:26px 0 38px;}
.youshi dl dt{ width:40px;}
.youshi dl dd{ width:calc(100% - 40px)}
.youshi dl dd span{ font-size:25px;}
.youshi dl dd p{ font-size:14px;}
.about_box2{ padding-top:20px; padding-bottom:35px;}
.about_box2 .rft{ font-size:15px;}
/*
.about_box3_m{ padding-bottom:45px;}
.about_box3_m dl dd{ padding:12px;}
.about_box3_m dl dt{aspect-ratio:1/1.5}
.about_box3_m dl dd h3{ font-size:18px; padding-top:5px;}
.about_box3_m dl dd span:before{ height:30px; top:-40px;}
.about_box3_m dl dd span{ margin-top:60px;}
*/
.course_box{ padding:0 0 45px;}
.course_box .lcswiper .swiper-slide .tit{ font-size:15px !important; line-height:43px;}
.course_box .lcswiper2{ padding-top:22px;}
.course_box .lcswiper2 .swiper-slide .nbox .tit{ font-size:18px;}
.course_box .lcswiper2 .swiper-slide .nbox .txt{ font-size:14px; line-height:30px; padding-top:8px;}
.swiper-button-next:after,.swiper-button-prev:after{ font-size:30px;}
.honorSwip .swiper-rprev{left:5px;}
.honorSwip .swiper-rnext{right:5px;}
.contact_box1 dl{ width:100%; margin-right:0; margin-bottom:20px;}
.xmap{ margin-top:25px;}
.message{ padding:25px 15px 35px;}
.message h2{ font-size:24px;}
.message p{ font-size:13px}
.message input{ height:50px; line-height:50px;}
.message input,.message textarea{ margin-top:15px;}
.message input:nth-of-type(1){ margin-right:0}
.message input:nth-of-type(1),.message input:nth-of-type(2){width:100%; padding-left:40px; background-size:auto 17px; background-position:15px center}
.message textarea{ padding:10px; background-size:15px; background-position:15px 19px; text-indent:30px;}
.message input.sbut{ margin-top:20px; font-size:18px; border-radius:26px}
.news_list dl dd a{ font-size:16px; max-height:52px; line-height:26px;}
.b80{ padding-bottom:45px;}
.next_fy{ padding-top:26px;}
.product_list dl dt{ height:300px;}
.product_list dl dd{ padding:8px 5px}
.product_list dl dd a,.product_list dl dd a:hover{ font-size:14px; height:26px; line-height:26px;}
.t25{ padding-top:15px;}
.nrtxt,.next_fp{ font-size:15px;}
.yfbox1{ padding-top:15px;}
.yfbox1 dl,.yfbox2 dl{ border-radius:6px;}
.yfbox2 dl dd,.yfbox1 dl dd{ font-size:14px; line-height:22px; padding:6px}
.yfbox3{ padding-bottom:30px; padding-top:25px;}
.nrtit h1{ font-size:20px;}
.nrtim{ font-size:12px; padding-top:10px;}
.nrtxt,.next_fp{ padding-top:20px;}
.nnav .lft a{ font-size:14px; padding:6px 5px; line-height:26px;}
.video_box{height:275px; margin-top:20px;}
.about_box3{ padding-top:25px; padding-bottom:35px;}
.about_box3 dl dd img{ width:40px; height:40px;}
.about_box3 dl dd span{ padding-top:80%}


}


@media (max-width:375px) {
.nbanner .box{ min-height:180px;}
.product_list dl dt{ height:260px}
.video_box{height:250px; margin-top:20px;}



}

/* ========== 新增：发展历程新样式开始 ========== */
.history-section {
    max-width: 1400px;
    margin: 0 auto;
    padding: 60px 20px;
    position: relative;
}

/* 年份导航 */
.year-nav {
    position: relative;
    margin-bottom: 40px;
    padding: 0 40px;
}

.year-nav-track {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
}

/* 时间轴线 */
.year-nav-track::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 3px;
    background: #e0e0e0;
    transform: translateY(-50%);
    z-index: 1;
}

/* 年份项 */
.year-item {
    position: relative;
    z-index: 2;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
    padding: 0 5px;
}

.year-dot {
    width: 18px;
    height: 18px;
    background: #ccc;
    border-radius: 50%;
    margin: 0 auto 12px;
    position: relative;
    transition: all 0.3s ease;
    border: 3px solid #fff;
    box-shadow: 0 0 0 2px #e0e0e0;
}

.year-item.active .year-dot {
    background: #009944;
    box-shadow: 0 0 0 4px rgba(0, 153, 68, 0.2);
    transform: scale(1.2);
}

.year-label {
    font-size: 14px;
    color: #999;
    font-weight: 500;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.year-item.active .year-label {
    color: #009944;
    font-weight: 700;
    font-size: 16px;
}

/* 进度条容器 */
.progress-container {
    position: relative;
    margin-bottom: 60px;
    padding: 0 40px;
}

.progress-track {
    position: relative;
    height: 12px;
    background: #e0e0e0;
    border-radius: 6px;
    cursor: pointer;
}

.progress-fill {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(90deg, #666, #444);
    border-radius: 6px;
    transition: width 0.3s ease;
    pointer-events: none;
}

.progress-handle {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    background: #fff;
    border: 3px solid #444;
    border-radius: 50%;
    cursor: grab;
    z-index: 10;
    transition: all 0.2s ease;
}

.progress-handle:hover {
    transform: translate(-50%, -50%) scale(1.1);
    border-color: #009944;
}

.progress-handle:active {
    cursor: grabbing;
}

/* 内容区域 */
.history-content {
    position: relative;
}

.year-cards {
    display: flex;
    gap: 30px;
    justify-content: center;
    align-items: stretch;
}

.year-card {
    flex: 1;
    max-width: 400px;
    background: #fff;
    border-radius: 12px;
    padding: 30px;
    transition: all 0.4s ease;
    border: 2px solid transparent;
    opacity: 0.6;
    transform: scale(0.95);
}

.year-card.active {
    opacity: 1;
    transform: scale(1);
    border-color: #009944;
    box-shadow: 0 10px 40px rgba(0, 153, 68, 0.15);
}

.year-card.prev,
.year-card.next {
    opacity: 0.4;
}

.card-year {
    font-size: 36px;
    font-weight: 700;
    color: #ccc;
    margin-bottom: 20px;
    text-align: center;
    transition: all 0.3s ease;
}

.year-card.active .card-year {
    color: #009944;
    font-size: 42px;
}

.card-content {
    color: #666;
}

.card-content h4 {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-bottom: 12px;
}

.card-content p {
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 10px;
}

.card-content .card-text {
    font-size: 14px;
    line-height: 1.8;
    color: #666;
}

.card-content .card-text p {
    margin-bottom: 10px;
}

.card-content .card-text p:last-child {
    margin-bottom: 0;
}

.card-content p:last-child {
    margin-bottom: 0;
}

/* 导航按钮 */
.nav-controls {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 50px;
}

.nav-btn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #f5f5f5;
    border: 2px solid #e0e0e0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    font-size: 20px;
    color: #666;
}

.nav-btn:hover {
    background: #009944;
    border-color: #009944;
    color: #fff;
}

.nav-btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.nav-btn:disabled:hover {
    background: #f5f5f5;
    border-color: #e0e0e0;
    color: #666;
}

/* 移动端适配 */
@media (max-width: 1024px) {
    .year-cards {
        flex-direction: column;
        align-items: center;
    }

    .year-card {
        max-width: 100%;
        width: 100%;
        opacity: 1 !important;
        transform: scale(1) !important;
        margin-bottom: 20px;
    }

    .year-card.prev,
    .year-card.next {
        display: none;
    }

    .year-nav {
        padding: 0 20px;
        overflow-x: auto;
    }

    .year-nav-track {
        min-width: 900px;
    }

    .progress-container {
        padding: 0 20px;
    }
}

@media (max-width: 600px) {
    .card-year {
        font-size: 28px;
    }

    .year-card.active .card-year {
        font-size: 32px;
    }

    .year-label {
        font-size: 12px;
    }

    .year-item.active .year-label {
        font-size: 14px;
    }
}
/* ========== 新增：发展历程新样式结束 ========== */