img{max-width:100%;}
.clearfix::after{
    content:'';display:block;
    clear: both;
}
.width{width:1200px;margin:0 auto;}
.program_box{padding-top:80px;}
.program_banner{position:relative;}
.program_banner_info_box{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.program_banner_info{width:1200px;margin:auto;padding-left:30px;overflow:hidden;}
.program_banner_info h1{font-size:48px;margin-bottom:18px;color:#fff}
.program_banner_info h1 strong{color:#0789fe}
.program_banner_info div{font-size:20px;color:#8EB8FF;line-height:30px;margin-bottom:50px;}
.program_banner_info a{display:block;width:200px;line-height:48px;border-radius:4px;border:1px solid #fff;text-align:center;color:#fff;font-size:20px;box-sizing: border-box;transition:ease-in-out 0.5s}
.program_banner_info a:hover{background:#0789fe;transition:ease-in-out 0.5s;border-color:#0789fe}
.program_title_box{text-align:center;}
.program_title{font-size:38px;font-weight:bold;}
.program_subtitle{font-size:24px;color:#555;position:relative;padding:13px 0;}
.program_subtitle::after{
    content:'';display:block;
    width:95px;height:5px;background:#2D70CF;
    position:absolute;left:50%;margin-left:-47.5px;
    bottom:0;
}
.program_why{padding:70px 0 60px;overflow:hidden}
.program_why_introduction{line-height:30px;font-size:18px;color:#666;text-align:center;margin-top:30px;}
.program_why_list{margin-top:40px;}
.program_why_item{text-align:center;padding:5px;float:left;width:25%;height:275px;}
.program_why_item_content{transition:ease-in-out 0.5s;padding:20px 10px;position:relative;top:0;height:100%;}
.program_why_item_icon{margin-bottom:30px;}
.program_why_item_title{font-size:30px;color:#43474C;font-weight:bold;}
.program_why_item_info{color:#666666;font-size:18px;margin-top:15px;}
.program_why_item:hover .program_why_item_content{box-shadow: 0 0 10px #eee;transition:ease-in-out 0.5s;top:-5px;}


.btn-primary {--hue: 171;}
.btn-ghost {
    color: hsl(var(--hue), 100%, 41%);
    background-color: transparent;
    border-color: hsl(var(--hue), 100%, 41%);
}
.btn-fill:hover {
    background: transparent;
    box-shadow: inset 0 0 0 2em hsl(var(--hue), 100%, 41%);
}
.why_do_program{background:url(../images/bg2.jpg) no-repeat;background-size:100% 100%;height:775px;overflow: hidden;}
.why_do_program_content{height:100%;}
.why_do_program_content_left,.why_do_program_content_right{padding:80px 0;height:100%;position: relative;float:left;}
.why_do_program_content_left{width:640px}
.why_do_program_content_right{width:560px}
.why_do_program_why{position:relative;color:#fff}
.why_do_program_why span{font-size:38px;}
.why_do_program_why h3{font-size:48px;}
.why_do_program_why strong{color:#0789fe;}
.why_do_program_why h3::after{
    content:'';display:block;
    width:50px;height:6px;background:#FF9C62;
    left:0;bottom:0;;
}
.why_do_program_why div{font-size:18px;color:#fff;margin:30px 0;}
.why_do_program_content_left_img{position: absolute;left:0;bottom:0;}
.why_do_program_content_right_item{text-align:center;padding:10px;width:50%;float:left;color:#fff;}
.why_do_program_content_right_item_num{width:90px;height:90px;overflow:hidden;border-radius: 50%;text-align:center;line-height:90px;color:#0789fe;background:#fff;transition: ease-in-out 0.5s;font-size:28px;font-weight:bold;font-family: 'Arial';margin:0 auto;}
.why_do_program_content_right_item_title{font-size:22px;font-weight:bold;margin:25px 0 20px;}
.why_do_program_content_right_item_info{font-size:16px;text-align:center;}
.why_do_program_content_right_item:hover .why_do_program_content_right_item_num{background:#FF9E5F;transition: ease-in-out 0.5s;color:#fff;}
.program_plan{padding:75px 0 80px;}
.program_plan_item{width:390px;height:220px;display:flex;flex-direction: column;justify-content: center;align-items: center;color:#fff;padding:0 20px;text-align:center;margin-right:15px;margin-top:20px;float:left;}
.program_plan_item:nth-child(3n){margin-right:0;}
.program_plan_item_title{font-size:30px;margin-bottom:13px;}
.program_plan_item_subtitle{font-size:16px;}
.program_plan_item_info{display:none;}
.program_plan_item:hover {background-image:linear-gradient(to right,#2D71CF,#148BCD) !important}
.program_plan_item:hover .program_plan_item_title{font-size:21px;}
.program_plan_item:hover .program_plan_item_subtitle{display:none;}
.program_plan_item:hover .program_plan_item_info{display:block;transition:ease-in-out 0.5s}

.different{background:#F4F4F4;padding:75px 0;}
.different_item{padding:20px;margin-right:15px;border-radius:5px;overflow: hidden;border:1px solid #E4E4E4;background:#fff;float:left;margin-top:20px;width:225px;height:157px;text-align:center;}
.different_item_title{font-size:16px;font-weight:bold;}
.different_item_subtitle{font-size:14px;color:#777;margin-top:10px;}
.different_item_icon{margin-top:10px;}

.program_case_box{position: relative;height:800px;}
.program_case_box .hd{position:absolute;left:0px;z-index: 9;width:200px;bottom:85px;}
.program_case_box .hd li{padding-left:80px;line-height:60px;color:#fff;font-size:16px;background:rgba(97,93,94,0.5);}
.program_case_box .hd li.on{background:#2D70CF}
.program_case_box .hd li + li{border-top:1px solid #656263}
.program_case_box .program_title_box{position: absolute;left:50%;top:70px;transform: translateX(-50%);color:#fff;z-index:8}
.program_case_box .program_subtitle{color:#fff}
.program_case{padding:210px 0 80px;height:800px !important;position:relative}
.program_case ul{width:950px;position: absolute;bottom:85px;height:485px;margin-bottom:0;}
.program_case ul li{width:25%;padding:0 20px;float:left;}
.program_case_img{width:190px;height:190px;overflow: hidden;border-radius: 50%;border:10px solid rgba(255,255,255,0.5)}
.program_case_title{color:#fff;text-align:center;margin-top:17px;font-size:14px;}
.program_case_intro{position:absolute;bottom:100px;color:#fff;width:950px;}
.program_case_intro h3{font-size:22px;font-weight:bold;margin-bottom:15px;}
.program_case_intro div{font-size:14px;line-height:25px;margin-bottom:20px;}
.program_case_intro a{display:block;width:115px;height:45px;border:1px solid #fff;border-radius:4px;text-align:center;color:#fff;line-height:43px;}

.six_security{padding:75px 0;}
.six_security_item{width:400px;height:70px;overflow:hidden;padding-right:20px;box-sizing: border-box;float:left;margin-top:65px;transition: ease-in-out 0.5s;}
.six_security_item_l,
.six_security_item_r{float:left;}
.six_security_item_l{width:70px;height:70px;border:1px solid #EDEDED;background:#fff;float:left;display:flex;}
.six_security_item_r{width:310px;padding-left:25px;}
.six_security_item_r_title{color:#333;font-size:18px;font-weight:bold;line-height: 25px;}
.six_security_item_r_info{font-size:15px;color:#999;margin-top:3px;line-height: 20px;}
.six_security_item:hover .six_security_item_l{background:#2D70CF;border-color:#2D70CF;transition: ease-in-out 0.5s;}
.six_secruity_item_l_icon{width:45px;height:45px;background-repeat: no-repeat;margin:auto;background-position: 0 -45px;transition: all 0.5s;}
.six_security_item:hover .six_secruity_item_l_icon{background-position: 0 0;transition: all 0.5s;}
.program_submit{height:280px;background:url(../images/programsubmit_02.jpg);padding:55px 0;text-align:center;}
.program_submit h2{font-size:38px;color:#fff;font-weight:bold;}
.program_submit h4{font-size:24px;color:#fff}
.program_submit form{height:50px;padding:2px;width:515px;background:#fff;border-radius:5px;overflow: hidden;margin:35px auto 0;position: relative;}
.program_submit input{padding-left:20px;width:385px;height:46px;float:left;}
.program_submit button{width:120px;height:46px;position:absolute;right:2px;top:2px;background:#037FFD;color:#fff;text-align:center;line-height:46px;border-radius:5px;}
input,button{outline:none;border:none;}
.program_banner2{display: none;}

@media(max-width:767px){
	.program_box{padding-top: 70px;}
	.width{width:100%;padding: 0px 20px;}
	.program_why{margin:0px;}
	.program_why_item{float: inherit;width: 100%;}
	.why_do_program_content_left{width: 100%;padding: 30px 0;}
	.why_do_program{height: 450px;}
	.why_do_program_why h3{font-size: 40px;}
	.program_title_box{margin-top: 30px;}
	.program_title{font-size: 30px;}
	.program_subtitle{font-size: 20px;}
	.program_plan_item{width: 100%;float: inherit;}
	.different{padding:1px 0px 30px 0px;margin-top: 30px;}
	.different_item{width: 49%;margin-right: 2%;height: auto;}
	.different_item:nth-child(2n){margin-right:0;}
	.six_security_item{width: 100%;
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 20px;display: flex;}
	.program_banner{display: none;}
	.program_banner2{display: block;}
}