*{box-sizing:border-box;}
.m_color .mCSB_scrollTools .mCSB_draggerRail{ width:1px; background: #ccc;}
.m_color .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:3px;-webkit-border-radius:0;border-radius:0;background:#86d55b;}
.m_color .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.m_color .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.m_color .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:hover .mCSB_dragger_bar{ background:#86d55b;}

.blank_10{position: absolute;top:0;left: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.2);}
.blank_20{position: absolute;top:0;left: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.1);}
.bold{font-weight: bold;}
.margin_b100{margin-bottom: 6%;}

.line24{line-height: 24px;}
.fnt_46{font-size: 46px;}
.fnt_14{font-size: 14px;}
@media only screen and (max-width: 1599px){
.fnt_46{font-size:40px;}

}
@media only screen and (max-width: 1399px){
.fnt_46{font-size:36px;}
}
@media only screen and (max-width: 1279px){
.fnt_46{font-size:30px;}
}
@media only screen and (max-width: 1023px){  
.fnt_46{font-size:28px;}
}

@media only screen and (max-width: 767px){
.fnt_46{font-size:22px;}
}

.program_cont{padding-top: 4%; background:url(../images/program_bg.png) no-repeat right 36%;background-size: 39.4%}
.program_01{position: relative;border-radius: 20px;overflow: hidden;}
.program_01 .p_01{color: #fff;position: absolute;top:0;left: 0; width: 100%; padding: 8% 5%; }
.program_01 h3{line-height: 1.15em;max-height: 3.45em; display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp:3;
  -webkit-box-orient: vertical;}
.program_title{margin-bottom: 40px;position: relative;}

.program_table{overflow: hidden;overflow-x:auto;margin-bottom: 40px;border-radius: 30px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.pro_table {background: #fff; width: 100%; text-align: center; }
.pro_table td { text-align: center;width: 6.125%;  padding: 20px 0; border: 1px solid #dde0e1; }
.pro_table thead .t02{font-weight: bold;}
/*.pro_table{width: 1800px;}
*/.pro_table td h3{line-height: 1.2em;}
.pro_table .t1{width: 26.5%;}
.pro_table .t01 .t2,.pro_table .t01 .t2,.pro_table .t01 .t4{width: 24.5%;}
.pro_table thead .t01 td{background:#86d55b;}
.pro_table thead .t02 td{background:#e2eae8;}
.pro_table thead .t03 td{background:#f2f7f6;padding-left: 5px;padding-right: 5px;}
.pro_table thead .t01 .t1{background:#39acad;color: #fff;}

.pro_table tbody .t1{background:#f2f7f6;}
.pro_table tbody p{line-height: 20px;padding-left: 5px;padding-right: 5px;}
.pro_table tbody tr:last-child td{border-bottom: 0;}
.pro_table tbody tr:last-child td:first-child{border-left-color:#f2f7f6;}
.pro_table tbody tr:last-child td:last-child{border-right-color:#fff;}

.t_flow{width: 101%;height: 22px;background:#f2f7f6;overflow: hidden;position: relative;z-index: 9;}
.t_flow_first{margin-left: 20%;width: 81%;border-radius: 20px 0 0 20px;}
.t_flow_last{margin-right: 20%;width: 81%;border-radius: 0 20px 20px 0;}
.t_cicle{margin-top: 5px;}
.t_cicle img{margin: 0 4px;width: 11px;height: 11px;}
.t_cicle img:last-child{margin: 0;}

.program_tips{text-align: center; line-height: 22px;}
.program_tips li{float: left;margin: 0 24px;}
.program_tips ul{overflow: hidden;display: inline-block;}
.program_tips dl{overflow: hidden;}
.program_tips dt{float: left;margin-right: 8px;}
.program_tips dd{float: left;}
.program_tips dt .tips_flow{display: block;width: 66px;height: 22px;background:#f2f7f6;border-radius: 30px;}
.program_tips dt i img{width: 11px;height: 11px;margin-top: 5px;}

.program_type{margin-bottom: 4%;}
/*.program_type li{margin-bottom: 10px;}*/
.program_type dl{overflow: hidden; line-height: 35px;}
.program_type dt{float: left;width: 105px;}
.program_type dd{overflow: hidden;float: right;width:calc(100% - 105px);}
.program_type dd span{float: left;min-width: 135px;background:#f2f7f6;border-radius: 30px;text-align: center;margin-right: 20px;margin-bottom: 20px;cursor: pointer;}
.program_type dd span:last-child{margin-right: 0;}
.program_type dd span.on{background:#86d55b;color:#fff;}

.program_list ul{overflow: hidden;margin: 0 -35px;}
.program_list li{float: left;width: 25%; margin-bottom: 30px;}
.program_list li>dl{margin: 0 35px;background:#f2f7f6;border-radius: 20px;overflow: hidden;}
.program_list li>dl>dd{padding: 30px;padding-bottom: 70px;height: 320px;}
.program_list dd h3{margin-bottom: 20px; line-height: 1.3em;max-height: 3.9em;  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;}
.program_p{line-height: 24px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin-bottom: 70px;}
.pro_cess{position: relative;height: 3px;}
.pro_cess:after{content:"";position: absolute;left: 0;top:0;width: 100%; height: 100%;background:#e3e3e3;}
.pro_cess .iteam{width: 33.33%; height: 12px;position: absolute;z-index: 5;color:#cbd0cf;}
.pro_cess .iteam dl{padding: 0;margin: 0;border-radius: 0;overflow: inherit;background:none;position: relative;z-index: 5;}
.pro_cess .iteam i{height:3px;width:100%;background:#86d55b;position: absolute;left: 0;top:6px;display: none; }
.pro_cess .iteam dt{width:12px;height: 12px;background:#e3e3e3;border-radius: 50%;}
.pro_cess .iteam dd{ padding: 0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 12px;width: 120px; left: 50%;margin-left: -60px;}
.pro_cess .iteam:nth-child(1){left: 0;top:-6px;}
.pro_cess .iteam:nth-child(1) dd{margin: 0;left: 0;}
.pro_cess .iteam:nth-child(2){left: 33.33%;top:-6px;}
.pro_cess .iteam:nth-child(2) dd{bottom: 20px;position: absolute;left: 0;text-align: center;}
.pro_cess .iteam:nth-child(3){left: 66.66%;top:-6px;}
.pro_cess .iteam:nth-child(3) dd{text-align: center;}
.pro_cess .iteam:nth-child(4){right:0;width: 12px; top:-6px;}
.pro_cess .iteam:nth-child(4) dd{bottom: 20px;position: absolute;left: auto;margin: 0; right: 0;width:60px;text-align: right}

.pro_cess .iteam.on{color:#86d55b;}
.pro_cess .iteam.on dt{background:#86d55b;}
.pro_cess .iteam.on i{display: block;}
.pro_cess .iteam.no i{display: none;}

.program_05{position: relative;padding: 6% 0 7% 0;color: #fff;text-align: center;}
.program_05 .wrap{position: relative;z-index: 5;}
.program_05 h3{line-height: 1.1em;margin-bottom:5%;}
.program_a a{display: inline-block;width: 200px;height: 44px;line-height: 44px;border:2px solid #fff;border-radius: 30px;text-align: center;color:#fff;font-size: 14px;margin: 0 20px;}
.program_a .program_a01{background:#86d55b;border-color:#86d55b;}

@media only screen and (max-width: 1660px){
.program_cont{background:url(../images/program_bg.png) no-repeat right 34%;}
.program_list ul{margin: 0 -20px;}
.program_list li>dl{margin: 0 20px;}
.program_title{margin-bottom: 30px;}
}
@media only screen and (max-width: 1440px){
.program_list ul{margin: 0 -10px;}
.program_list li>dl{margin: 0 10px;}
.program_list li{ margin-bottom: 20px;}

}
@media only screen and (max-width: 1024px){
.program_cont{background: none !important;}
.program_title{margin-bottom: 20px;}
.pro_table td{padding: 10px 0;}
.program_table{margin-bottom: 20px;}
.program_type dd span{min-width: inherit;padding: 0 10px;}
.program_list li>dl>dd{padding: 20px;}
.program_list li>dl{border-radius:5px;}
.program_table,.program_01{border-radius: 10px;}
.program_tips li{margin: 0 10px;}
.program_tips dt .tips_flow{width: 36px;}
.pro_table{width: 1000px;}
.program_type dd span{margin-right: 10px;margin-bottom: 10px;}
}
@media only screen and (max-width: 767px){
.fnt_56{font-size: 20px;}
.program_tips li{margin: 0;float: none;margin-bottom: 10px;}
.program_tips ul{display: block;}
.program_tips li:last-child{margin-bottom: 0;}
.program_type dt,.program_type dd{float: none;width: 100%;}
.program_list li{float: none;width:100%;}
.program_list li:last-child{margin-bottom: 0;}
.program_list ul,.program_list li>dl{margin: 0;}
.program_list dd h3{margin-bottom: 10px;}
.program_p{margin-bottom: 50px;}
.program_list li>dl>dd{height: auto;padding-bottom: 50px;}
.program_title{margin-bottom: 10px;}
.program_a a{display: block;float: none;margin:auto; margin-bottom:10px;border-width: 1px}
}


/*demo*/
.line30{line-height: 30px;}
.demo_01{background:#e4eae9; padding: 5.7% 0 7.5% 0;position: relative;}
.demo_01 dl{overflow: hidden;}
.demo_01 dt{float: left;width: 45%;}
.demo_01 dd{float: right;width: 50.8%;position: relative;z-index: 9;}
.demo_map{position: absolute;top:30px;left: 0; z-index: 1; width: 100%;height: 100%;background-size: 100%;}
.demo_01 h3{line-height: 1.1em;margin-bottom: 6%;}
.demo_scoll{overflow: hidden;}
.demo_more{padding-top: 10px;}
.demo_more a{display: inline-block;width: 164px;height: 48px;line-height: 48px;text-align: center;background:#86d55b;border-radius: 30px;color:#fff;}
.demo_02{background:#f2f7f6 url(../images/demo_bg.png) no-repeat right bottom; padding: 3.5% 0 5.7% 0;background-size: 64%; margin-bottom: 5%;}
.demo_02 .program_type dd span{background:#fff;}
.demo_02 .program_type dd span.on{    background: #86d55b;}
.demo_02 .program_type .type_03 dd span{min-width: 270px;}

.demo_search,.demo_search input,.demo_search button{height: 44px;line-height: 44px;border: none;outline: none;background: none;}
.demo_search{position: absolute;right: 0;bottom: 0;overflow: hidden;}
.demo_search span{float: left;}
.demo_search .search_type{float: left;background:#fff;margin-left: 15px;border-radius: 20px;width: 360px;}
.demo_search input{padding-left: 20px;width:calc(100% - 60px);float: left;}
.demo_search button{width: 60px;text-align: center;float: right;}
.demo_tip{color:#00615f;}
.demo_list .more{ margin-top: 0;}
.demo_list li{margin-bottom:3.4%;}
.demo_list dl{overflow: hidden;background:#fff;border-radius: 20px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.demo_list dt{float: left;width: 33.8%;}
.demo_list dd{float: right;width: 66.2%;padding: 2.5% 4.3%;}
.demo_list dd h3{margin-bottom: 10px;}
.demo_tip{margin-bottom:2%;}
.d_p01{ line-height: 24px; max-height: 48px;  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
.demo_a02{padding-top:2%;}
.demo_a03{text-align: center;line-height: 30px;}
.demo_a03 i{margin-left: 10px;}

.demo_list dd .pro_cess{ width: 50%; margin: 40px 0 20px;}
.demo_list dd .pro_cess .iteam dl{box-shadow: none;}
.demo_list dd .pro_cess .iteam dt,.demo_list dd .pro_cess .iteam dd{ float: none;}

@media only screen and (max-width: 1550px){
.demo_tip{margin-bottom:10px;}
.demo_a02{padding-top: 10px;}
}
@media only screen and (max-width: 1366px){
.demo_list dd{padding:2.5% 3%;}
}
@media only screen and (max-width:1024px){
.demo_list dl{border-radius: 10px;}
.demo_list dt{width: 300px;}
.demo_list dd{width:calc(100% - 300px);padding:15px 20px;}
.demo_list dd h3{margin-bottom: 5px;}
.demo_02 .program_type .type_03 dd span{min-width: inherit;}
.demo_search .search_type{width: 260px;}
.line30{line-height: 24px;}
.demo_more a{width: 120px;height: 40px;line-height: 40px;}
}

@media only screen and (max-width:767px){
.demo_02{background: #f2f7f6;}
.demo_01 dt{width: 300%;max-width: 100%; margin: auto;float: none;margin-bottom: 20px;}
.demo_01 dd{float: none;width: 100%;}
.demo_01 h3{margin-bottom: 10px;}
.demo_search{position:static;height: auto;}
.demo_search .search_type{float: none;width: 100%;margin-left: 0;overflow: hidden;}
.demo_list dt,.demo_list dd{float: none;width: 100%;}
.demo_list dt{border-radius: 10px;}
.demo_scoll{ height: auto!important;}
}

@media only screen and (min-width: 1025px){
.program_a a:hover,.demo_more a:hover{color: #fff !important;opacity: 0.8;}

}

.case_cont{padding: 4% 0 7% 0; background:url(../images/case_bg2.png) no-repeat 0 20%;background-size: 25.3%}
.case_top,.case_t01,.case_03{overflow: hidden;margin-bottom: 3%;}
.case_le{float: left;width: 53%;}
.case_re{float: right;width: 42%;}
.case_re li{margin-bottom: 7%;border-radius: 20px;overflow: hidden;}
.case_re li:last-child{margin-bottom: 0;}

.case_edit .edit_con_original{line-height: 24px;}
.case_iteam{margin-bottom: 5%;}
.case_iteam:last-child{margin-bottom: 0;}
.case_title {margin-bottom: 15px;}

.case_t01 dt{line-height: 24px;height: 144px;overflow: hidden;}
.case_t01 ul{overflow: hidden;margin: 0 -2%;}
.case_t01 li{float: left;width: 29.33%; margin: 0 2% 2%;}
.case_t01 dl{padding: 20px 0;border-top: 1px solid #000;border-bottom: 1px solid #000;}
.case_t01 ul.one{margin: 0;}
.case_t01 ul.one li{ width: 100%; margin: 0 0 2%;}
.case_t01 ul.two li{ width: 46%;}

.case_03{overflow: inherit;margin-bottom: 1%}
.case_03 p{line-height:24px;height: 72px;overflow: hidden;}
.case_03 li{float: left;width: 50%;margin-bottom: 2%;}
.case_03 ul{margin: 0 -2.5%;}
.case_03 dl{margin: 0 2.5%;background: #fff;border-radius:20px;overflow: hidden;box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}
.case_03 dd{padding: 3.5% 6%;}
.case_03 dd h2{margin-bottom: 20px;}
@media only screen and (max-width:767px){
.case_cont{background:none}
.case_re,.case_le{float: none;width: 100%;}
.case_box{height: auto !important;}
.case_le{margin-bottom: 5%;}
.case_re li{border-radius: 10px;margin-bottom: 10px;}
.case_t01 dl,.case_t01 ul,.case_03 dl,.case_03 ul{margin: 0;}
.case_t01 li{float: none;width: 100%; margin: 0 0 2%;}
.case_t01 dt{height: auto;}
.case_t01 dl{border: 0;border-bottom: 1px solid #000;padding: 10px 0;}
.case_t01 li:first-child dl{border-top: 1px solid #000;}
.case_t01 ul.two li{ width: 100%;}
.case_03 dl{border-radius: 10px;}
.case_03 li{float: none;width: 100%;margin-bottom: 10px;}
.case_03 p{height: auto;}
.case_03 dd h2{margin-bottom: 5px;}
.case_03 dd{padding: 20px;}
}

/*首页弹窗*/
.index_balnk,.index_form{display: none;}
input,textarea,button{background: none;outline: none;border: none;}
.index_balnk{position: fixed;top:0;left: 0;width:100%;height: 100%;background:rgba(0,0,0,0.4);z-index: 9999;}
.index_close{cursor: pointer; position: absolute;font-size: 24px;right:30px;top:20px;color: #000;width: 50px;height: 50px;line-height: 50px;text-align: right}
.index_form{ width: 1440px; max-width: 84%; position: fixed;background:#fff;z-index: 99991;padding:6% 5% 4%;border-radius: 30px; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); }
.index_form h3{text-align: center;line-height: 1.2em;color:#1c2b40;margin-bottom: 4%;}
.index_ul{width: 750px;margin: auto;max-width: 100%}
.index_ul li{margin-bottom: 15px;}
.index_ul h4{margin-bottom: 5px;}
.index_ul h4 em{color: red; margin-right: 5px;}
.index_ul h4 i{color:#a1a1a1;}
.index_ul input,.index_ul textarea{width: 100%;background:#f2f7f6; border-radius: 5px;}
.index_ul input{height: 50px;line-height: 50px;padding:0 10px;}
.index_ul textarea{height: 130px;padding: 10px;}
.formbtn{text-align: center;padding-top: 45px;}
.formbtn button{width: 245px;height: 56px;line-height: 56px;display: inline-block;border-radius: 10px;color: #fff;
	background: #7bcc6b;
background: -webkit-linear-gradient(to right, #46b993 , #7bcc6b); 
background: -o-linear-gradient(to right, #46b993, #7bcc6b);
background: -moz-linear-gradient(to right, #46b993, #7bcc6b); 
background: -ms-linear-gradient(to right, #46b993, #7bcc6b); 
background: linear-gradient(to right, #46b993 , #7bcc6b); }


.proneed_ul{width:1210px;margin:0 auto;max-width: 100%}
.proneed_ul ul{margin: 0 -1%;}
.proneed_ul li{ cursor: pointer; float: left; width: 31.33%; margin: 0 1%; background: #F2F6F5; border-radius: 20px;}
.proneed_ul li .inner{padding: 10% 5%; text-align: center;}
.proneed_ul h4 em{ display: block; width:28px; height: 2px; background: #000; margin: 4% auto 12%;}
.proneed_ul .c p{ margin-bottom: 5%;}
.proneed_ul .c p:last-child{margin-bottom: 0;}
.proneed_ul li.on{ color: #fff; background: url(../images/tc_bg.png) no-repeat; background-size: cover;}
.proneed_ul li.on h3{color: #fff;}
.proneed_ul li.on h4 em{ background: #fff;}
a.tcbtn{ display: block; margin: 4% auto 0; width: 196px; height: 56px; line-height: 56px; text-align: center; color: #fff; border-radius:30px; background: #85D55A;}

@media only screen and (max-width:1279px){
  .proneed_ul li .inner{padding: 5%;}
  .proneed_ul h4 em{margin: 5% auto;}
  .proneed_ul .c p{margin-bottom: 3%;}
  .index_close{right:20px; top:10px;}
}
@media only screen and (max-width:1024px){
.index_ul input{height: 40px;line-height: 40px;}
.index_ul textarea{height: 100px;}
.formbtn{padding-top: 10px;}
.formbtn button{width: 120px;height: 40px;line-height: 40px;}
.index_ul li{margin-bottom: 10px;}
}
@media only screen and (max-width:1023px){
.proneed_ul li{ height: 260px!important;}
}
@media only screen and (max-width:767px){
.proneed_ul{margin: 0; width: 100%; overflow-x: scroll;}
.proneed_ul ul{ margin: 0; width: 1000px;}
.index_close{top:-40px; right:0;}
a.tcbtn{ height: 36px; line-height: 36px; width: 130px;}
}
@media only screen and (min-width:1025px){
.formbtn button,.proneed_ul li{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.formbtn button:hover{opacity: 0.8}
}



.mod{position: relative; top:-100px;}
.program_type_phone{ display: none;}
@media only screen and (max-width:767px){
.program_type{ display: none;}
.program_type_phone{ display: block;}
.program_type_phone li{ margin-bottom: 5%;}
.program_type_phone li h3{ margin-bottom: 2%; font-weight: bold;}
.program_type_phone li dl{ width: 100%; height: 40px; line-height: 40px; border-radius: 5px;border:none; background: #fff;}
.program_type_phone li .select-box dt a{margin: 0 20px;}
.program_type_phone li .select-box dd a{padding: 0 20px;}
.program_type_phone li .select-box dd{ background: #fff;}

}



.needs-box{background: #fff; padding:5% 5% 6%; border-radius: 15px; box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.needs-box h3{ text-align: center; font-weight: bold; color: #1C2B40; margin-bottom: 5%; text-transform: uppercase;}
.index_ul li .conf07-infobox li{ width: 100%;}



/*20240126 add*/
.program_type{padding-bottom: 3%; border-bottom: 1px solid #A7A7A7;}
.program_type dd span{padding: 0 20px;}
.program_totle{margin:0 0 5%;}
.program_totle h2{margin-bottom: 2.5%; color: #000; font-weight: bold;}
.program_totle span,.program_totle em{ float: left;}
.program_totle span{line-height:50px; color: #32B5CB; margin-right: 20px;}
.program_totle em{margin-right: 8%; margin-top: 10px; line-height: 20px;}
.program_totle span:nth-of-type(2){color: #76BF52;}

.demo_02ll{ float:left; width: 17.47%; max-width: 290px; padding-bottom: 6%; color: #fff; border-radius: 20px; background: #86D55B;}
.demo_02ll dt{padding:30px 28px; line-height: 1.2; font-weight: bold;}
.demo_02ll dd{cursor: pointer; padding: 0 28px; height: 50px; line-height: 50px; position: relative;}
.demo_02ll dd::before{ content: ""; position: absolute; lefT:25px; right:25px; bottom:0; width: calc(100% - 56px); height: 1px; background:#C3EAAD;}
.demo_02ll dd:hover,.demo_02ll dd.on{ background: #5AB757;}
.demo_02rr{ float: right; width: 80%;}

.demo_box .more{margin-top: 3%;}

.demo_list dd{padding: 2% 4%;}

.demo_data{/*overflow-x: auto;*/ padding:6px 5px;}
.demo_data ul{/*width: 1266px;*/border:1px solid #E9ECEC; border-radius: 20px; overflow: hidden; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05); background: #fff;}
.demo_data li{ background: #fff;}
.demo_data li:nth-child(2n){ background: #F9FAFA;}
.demo_data li dl{padding:25px 35px;}
.demo_data li dd{ float: left;padding-right: 20px; color: #8393A2;}
.demo_data li dd.w01{ width: 25%; color: #49BACF;}
.demo_data li dd.w02{ width: 12%; text-align: center;}
.demo_data li dd.w03{ width: 12%;}
.demo_data li dd.w04{ width: 13%;}
.demo_data li dd.w05{ width: 38%; padding-right: 0;}
.demo_data li:first-child dl{padding: 50px 35px;}
.demo_data li:first-child dd{color:#8393A2; font-weight:bold;}
.demo_data li dd.w05 a{ display: inline-block; height: 34px; line-height: 34px; margin-bottom: 5px; padding: 0 15px; border-radius: 20px;}
.demo_data li dd.w05 a.a01{color: #fff; background:#86D55B;}
.demo_data li dd.w05 a.a02{color: #022125; background:#22E5F6;}
.demo_data li dd.w05 a.a03{color: #022125; background:#E4EAE9;}

.demo_link li{ float: left; width: 49%; padding:3% 7% 5% 4%; margin-bottom: 1.5%; border-radius: 20px; background: #fff; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.05);}
.demo_link li:nth-child(2n){ float: right;}
.demo_link li span{ display: block; margin-bottom: 3%; font-weight:bold; color:#8393A2;}
.demo_link li h2{font-weight: bold; margin-bottom: 2%;}
.demo_link li p{color: #8393A2;}


.demo_link li span,.demo_link li h2,.demo_link li p{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
@media only screen and (min-width:1025px){
.demo_link li:hover{ background: #32B5CB;}
.demo_link li:hover span,.demo_link li:hover h2,.demo_link li:hover p{color: #fff;}
}
@media only screen and (max-width:1580px){
.demo_data li dl{font-size: 14px; padding-right: 15px;}
.demo_data li dd.w05 a{padding: 0 10px;}
}
@media only screen and (max-width:1365px){
  .d_p01{ height: 40px; line-height: 20px;}
  .demo_list dd{padding-bottom: 0;}
}
@media only screen and (max-width:1279px){
  .demo_02ll,.demo_02rr{ width: 100%;}
  .demo_02ll{max-width: 100%; margin-bottom: 5%;}
  .program_totle em{margin-top: 5px;}
}
@media only screen and (max-width:767px){
  .demo_list dd{padding: 5%;}
  .demo_02ll dt{ padding: 25px 28px 20px;}
  .demo_02ll dd{height: 40px; line-height: 40px;}
  .demo_data li:first-child dl{padding: 15px 10px;}
  .demo_data li dl{padding: 10px 10px;font-size: 12px;}
  .demo_data li dd{padding-right: 5px;}
  .demo_data li dd.w01{max-height: 6em; overflow: hidden;}
  .demo_data li dd.w01{ width: 20%;}
  .demo_data li dd.w02{ width: 18%;}
  .demo_data li dd.w03{ width: 17%;}
  .demo_data li dd.w04{ width: 17%;}
  .demo_data li dd.w05{ width: 28%;}
  .demo_data li dd.w05 a{ display: block; height: 20px; line-height: 20px; padding: 0 5px; text-align: center;}
  .demo_link li{ width: 100%; padding: 5%; margin-bottom:4%;}
}
@media only screen and (max-width:359px){
.demo_data li dd.w05 a{padding: 0 2px;}
}
@media only screen and (max-width:329px){
  .demo_data li dd.w05 a{padding: 0 0;}
}
/*20240126 add end*/


/*20240329修改*/
.demo_02rr{ width: 100%;}
.program_type dt{ width: 160px;}
.program_type dd{ width: calc(100% - 160px);}
.program_type .Pillars dd{position: relative; padding-right: 100px;}
.program_type .Pillars .btn{position: absolute; right:0; top:0; width: 80px; height: 35px; line-height: 35px; border-radius: 30px; color: #fff; text-align: center; background: #86d55b; border:none;}
.program_type .Pillars .PillarsSelect.itemThree{margin-right: 0;}
.demo_a02 a.a01,.demo_a02 a.a02{display: inline-block; height: 34px; line-height: 34px; margin-bottom: 5px; padding: 0 15px; border-radius: 20px;color: #fff; background:#86D55B;}
.demo_a02 a.a02{color: #022125; background:#E4EAE9;}
/*20240329修改end*/

.pro_cess .iteam.active dt{ background: #86d55b;}
.pro_cess .iteam.active dd{color: #86d55b;}
.demo_list dd .pro_cess .iteam{ width: 50%;}
.demo_list dd .pro_cess .iteam:nth-child(2){left:50%;}
.demo_list dd .pro_cess .iteam:nth-child(3){left:auto;}
.demo_list dd .pro_cess .iteam:last-child{right:0;width: 12px; top:-6px;}
.demo_list dd .pro_cess .iteam:last-child dd{bottom: 20px;position: absolute;left: auto;margin: 0; right: 0;width:100px;text-align: right}

/*Demo Projects页面改成select下拉*/
.stDate,.enDate{position: relative; overflow: hidden;float: left; margin-right: 20px; margin-bottom: 20px;min-width: 135px; height: 35px; line-height: 35px;border-radius:30px;background: #fff;}
.stDate select,.enDate select{ text-align: center; -webkit-appearance: none; /* 移除默认样式 */-moz-appearance: none;-ms-appearance: none;appearance: none; background:none;border:none; padding: 5px;width: 100%;}
.stDate .arrow-icon,.enDate .arrow-icon{position: absolute;top: 50%;right: 10px; transform: translateY(-50%);font-size: 24px;pointer-events: none; /* 防止点击事件传递到select */}
.select-box.mart10{margin-top: 10px;}



/*20240628修改*/
.program_type li.Pillars{position: relative; z-index: 10;}
.demo_02rr .program_type dl,.demo_02rr .program_type dd{ overflow:unset;}
.PillarsSelect{ cursor: pointer; float: left; width:calc(33.33% - 15px); margin-right: 20px; margin-bottom: 20px; background: #fff;padding: 0 40px 0 0;height: 35px; line-height: 35px;border-radius: 30px;position: relative;}
.PillarsSelect i{transition:all 0.3s;position:absolute;top:0px;right:0px; width: 40px; font-size: 24px; text-align: center;}
.PillarsSelect:last-child{margin-right: 0;}
.PS-option .PS-text{display:block;padding-left:20px; color: #000; white-space:nowrap;overflow:hidden; text-overflow:ellipsis;}
.PS-option .PS-text.active{color: #000;}
.poption{ display: none; padding: 10px 0 20px; position:absolute; lefT:0; top:calc(100% + 1px); z-index:11; width:100%;max-height:200px; overflow:auto; border-radius:10px;background:#fff;}
.poption li{line-height: 20px; padding: 0 20px; margin: 10px 0 0;}
.poption li .PS-text{ text-align: left;}
.PillarsSelect.disabled{ opacity: 0.5; cursor: default;}

.addinfo{margin: 5% 0;}

.demo_box .demo_list dd h3{ line-height: 1.2; max-height: 2.4em; height: 2.4em; margin-bottom: 2%;}
.demo_box .demo_list li .d_p01{max-height: 96px; height: 96px; -webkit-line-clamp:4;}
.demo_box .demo_list li .demo_a02{ display: none;}
.demo_box .demo_list li .demo_tip{margin: 2% 0 0;}
@media only screen and (max-width:1365px){
.demo_box .demo_list li .d_p01{max-height: 40px;height: 40px;-webkit-line-clamp:2;}
}
@media only screen and (max-width:1023px){
.demo_box .demo_list dd .pro_cess{ width: 100%;}
.PillarsSelect{width: 100%; margin-right: 0; margin-bottom: 10px;}
.program_type .Pillars dd{padding-right: 0; padding-bottom: 50px;}
.program_type .Pillars dd .btn{top:auto; bottom:15px;}
}
@media only screen and (max-width:767px){
.PillarsSelect{border-radius: 5px; margin-bottom: 10px;}
.program_type_phone li .btn{ width: 80px; height: 35px; line-height: 35px; border-radius: 5px; color: #fff; text-align: center; background: #86d55b; border:none;}
}

.sDate{ width: 135px; text-align: center;}
.pStDate{position: relative; z-index: 9;}
.pEnDate{position: relative; z-index: 8;}
/*20240628修改end*/



/*20240731修改*/
.program_type .pStDate dd span,.program_type .pEnDate dd span{min-width:inherit;}
/*20240731修改end*/


/*20250228修改*/
.program_03_table{overflow: hidden;margin-bottom: 40px;}
.pro03_table{background: #F2F7F6; width: 100%;}
.pro03_table thead tr{ color: #fff; line-height: 56px; background: #46b993; background: -webkit-linear-gradient(to right, #46b993 , #7bcc6b); 
  background: -o-linear-gradient(to right, #46b993, #7bcc6b);
  background: -moz-linear-gradient(to right, #46b993, #7bcc6b); 
  background: linear-gradient(to right, #46b993 , #7bcc6b);}
.pro03_table thead tr td{ padding: 0 4%;}
.pro03_table tbody tr td{ line-height:20px; padding: 20px 4%; border-bottom: 1px solid #CCDFDF; border-right: 1px solid #CCDFDF;}
.pro03_table tbody tr td:last-child{border-right: none;}
.pro03_table tbody tr:last-child td{border-bottom: none; padding-bottom: 30px;}

.program_04 .program_p{margin-bottom: 3%;}
.program_04 .program_list li>dl>dd{ height: auto; padding-bottom: 40px;}
.program_04 .program_list li .add_ol li{ width: 100%;margin: 0; padding: 15px 0; border-bottom: 1px solid #E3E3E3;}
.program_04 .program_list li .add_ol li:last-child{border-bottom: none;}
.program_04 .program_list li .add_ol li span{ float: left; width: 18px; height: 18px; overflow: hidden;}
.program_04 .program_list li .add_ol li span img{ width:100%;}
.program_04 .program_list li .add_ol li p{ float: right; width: calc(100% - 24px); line-height: 18px;}
.program_04 .program_list li .add_ol li p em{color:#86D55B; font-weight: bold; margin-right:8px;}

.program_05{padding: 10% 0;}
.program_05 h3{line-height: 1.5; margin-bottom: 0;}
.program_05 h3 a{color: #fff!important; border-bottom:2px solid #fff;}

@media only screen and (max-width:1279px){
.program_04 .program_list li{width: 50%;}
}
@media only screen and (max-width:767px){
.pro03_table tbody tr td{padding-top: 10px; padding-bottom: 10px;}
.pro03_table tbody tr:last-child td{padding-bottom:10px;}
.program_04 .program_list li{ width: 100%;}
.program_04 .program_list li .add_ol li{padding: 10px 0; overflow: hidden;}
.program_04 .program_list li>dl>dd{padding-bottom: 20px;}
}

.program_01 .p_01{padding:6% 5%;}
.program_01.margin_b100{margin-bottom: 2.5%;}
.conf01 ul{ margin: 0;}
.conf01 li{ float: left; width:41%; margin-right: 1%; padding:2% 1.5%; border-radius: 10px; background: #F7FCFC;}
.conf01 li+li{ width:36%;}
.conf01 li:last-child{float: right; width: 21%; margin-right: 0;}
.conf01 li span{ float: left; margin-top: 10px; width: 48px; height: 48px; overflow: hidden;}
.conf01 li h3{ float: right; width: calc(100% - 60px);}
.conf01 li h3 p{color: #1C2B40; font-weight: bold;}
.conf01 li h3 p+p{color: #A1A1A1;}
.case_02_new{margin-top: 5%;}
.case_02_new h2{ text-align: center; color: #1C2B40;}
.case_03_new{margin-top: 5%;}
.case_03_new h2{color: #fff; text-align: center; line-height: 64px; border-top-left-radius:8px; border-top-right-radius: 8px; background: #46b993; background: -webkit-linear-gradient(to right, #46b993 , #7bcc6b); 
  background: -o-linear-gradient(to right, #46b993, #7bcc6b);
  background: -moz-linear-gradient(to right, #46b993, #7bcc6b); 
  background: linear-gradient(to right, #46b993 , #7bcc6b);}
.case03_table{background: #F7FCFC; width: 100%;}
.case03_table tbody tr td{ line-height:20px; padding: 15px 0; color: #1C2B40; border-bottom: 1px solid #E5F0F0;}
.case03_table tbody tr:first-child td{padding-top: 25px;}
.case03_table tbody tr:last-child td{border-bottom: none;}
.case03_table tbody tr td.tdw01{ width:22%; min-width: 150px; padding-left: 4%;}
.case03_table tbody tr td.tdw02{ width:78%; padding-right: 2%;}

@media only screen and (max-width:1599px){
.conf01 li span{margin-top: 5px;}
.conf01 li h3 p.fnt_30{ font-size: 24px;}
.conf01 li h3 p.fnt_20{ font-size: 16px;}
}
@media only screen and (max-width:1439px){
  .conf01 li span{margin-top: 0;}
  .conf01 li h3 p.fnt_30{ font-size: 20px;}
}
@media only screen and (max-width:1365px){
.conf01 li h3 p.fnt_20{ font-size: 14px;}
}
@media only screen and (max-width:1279px){
  .conf01 li{ width: 100%!important; margin: 0 0 2%; padding:2%;} 
  .case03_table tbody tr td.tdw01{ width: 30%;}
  .case03_table tbody tr td.tdw02{ width: 70%;}
}
@media only screen and (max-width:767px){
  .conf01 li span{ width: 30px; height: 30px; margin-top: 5px;}
  .conf01 li h3{width: calc(100% - 40px);}
  .case03_table tbody tr td{padding: 10px 0;}
  .case03_table tbody tr:first-child td{padding-top: 10px;}
}

/*20250228修改end*/