* { margin: 0; padding: 0; }
body{ overflow-x: hidden; overflow-y: auto; width: 100%; background-color: #f7fbfb;}
ul, ol, li { list-style: none; margin: 0; padding: 0; }
button, input, optgroup, option, select, textarea { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; outline: 0; }
a {cursor: pointer;}
/* 轮播图 */
.guidance_bnner{width: 100%;height: 400px;position: relative;}
.guidance_bnner .swiper-container{width: 100%;position: relative;height: 400px;min-width: 1200px;}
.guidance_bnner .swiper-container .swiper-slide{width: 100%;position: relative;height: 100%;overflow: hidden;}
.guidance_bnner .swiper-container .swiper-slide img{position: absolute;top: 0%;left: 50%;transform: translateX(-50%);height: 100%;max-width: inherit;}
/* 轮播点 */
.pagination { position: absolute; z-index: 20; bottom: 10px; width: 100%; text-align: center;}
.swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 8px; margin: 0 5px; opacity: 0.8; border: 1px solid #00a8b3; cursor: pointer;}
.swiper-active-switch { background: #00a8b3;}
/* 轮播箭头 */
.guidance_bnner .swiper_btn{display: block;position:absolute;width:44px;height: 44px;z-index: 999;opacity:0;transition: all 0.5s;}
.guidance_bnner .swiper_btn svg{width: 100%;height: 100%;display: block;}
.guidance_bnner .leftbtn{left: 32px;top: 50%;transform: translate(-16px,-50%);}
.guidance_bnner .rightbtn{right: 32px;top: 50%;transform: translate(16px,-50%);}
.guidance_bnner:hover .leftbtn{opacity: 1;transform: translate(0px,-50%);}
.guidance_bnner:hover .rightbtn{opacity: 1;transform: translate(0px,-50%);}
/* 页中轮播增加a标签 */
.guidance_bnner .swiper-container .swiper-slide a{display: block;width: 100%;height: 100%;}

/* 心理健康辅导室建设 */
.guidance_const{width: 1200px;margin: auto;}
.guidance_const .guidance_title { text-align: center; font-size: 24px; font-weight: 600; margin: 30px; letter-spacing: 6px;color: #2cb7c0; }
.guidance_const .guidance_conert p{margin-bottom: 10px;font-size: 18px;line-height: 24px;}
.guidance_const .guidance_add a {text-align: center;line-height: 45px;font-size: 18px; margin: 30px auto;width: 185px;border-radius: 50px;display: block;color: #fff;border: 1px solid #00a8b3;background-color: #00a8b3;height: 45px;}
.guidance_const .guidance_const_img img{margin: 60px auto;}
.guidance_const .guidance_const_img {animation: yd3 4s ease infinite;}
/* 功能室介绍 */
.guidance_func{width: 1200px;margin: auto;background-color: #fff;padding: 10px 30px;margin-bottom: 20px;}
.guidance_func .guidance_title { text-align: center; font-size: 24px; font-weight: 600; margin: 30px; letter-spacing: 6px;color: #2cb7c0; }
.guidance_func .tabcon2 {margin-bottom: 40px;}
.guidance_func .tabcon2 .matt_cone .matt_cone_lift {float: left;width: 600px;}
.guidance_func .tabcon2 .matt_cone .matt_cone_lift .matt_cone_lift_img img {border-radius: 8px;width: 600px; height: 374px; border-radius: 5px;transition: all 0.8s; transform: scale(1);}
.guidance_func .tabcon2 .matt_cone .matt_cone_lift .matt_cone_lift_img:hover img{transform: scale(1.03);}
.guidance_func .tabcon2 .matt_cone .matt_cone_ringht {float: right;width: 600px; }
.guidance_func .tabcon2 .matt_cone .matt_cone_ringht .matt_cone_ringht_conet {margin: 40px;}
.guidance_func .tabcon2 .matt_cone .matt_cone_ringht .matt_cone_ringht_conet p {font-size: 18px;}
.tab2 li.cur {border-bottom: 2px solid; color: #00a8b3; font-weight: 600; font-size: 18px; }
.busin_lift ul li { float: left; width: 15.80%; margin-left: 10px; border-radius: 50px; text-align: center; color: #00a8b3; height: 30px; line-height: 30px; margin-bottom: 20px; cursor: pointer;}
.matt_cone { background-color: #fff; border-radius: 10px;}

.guidance_funcs{width: 1200px;margin: auto;background-color: #fff;padding: 10px 30px;margin-bottom: 20px;}
.tab3 li.cur {border-bottom: 2px solid; color: #00a8b3; font-weight: 600; font-size: 18px; }
.busin_lifts ul li { float: left; width: 19%; margin-left: 10px; border-radius: 50px; text-align: center; color: #00a8b3; height: 30px; line-height: 30px; margin-bottom: 20px; cursor: pointer;}
.matt_cones { background-color: #fff; border-radius: 10px;}
.guidance_funcs .tabcon3 {margin-bottom: 40px;}
.guidance_funcs .tabcon3 .matt_cones .matt_cone_lift {float: right;width: 600px;}
.guidance_funcs .tabcon3 .matt_cones .matt_cone_lift .matt_cone_lift_img img {border-radius: 8px;width: 600px; height: 374px; border-radius: 5px;transition: all 0.8s; transform: scale(1);}
.guidance_funcs .tabcon3 .matt_cones .matt_cone_ringht {float: right;width: 600px; }
.guidance_funcs .tabcon3 .matt_cones .matt_cone_ringht .matt_cone_ringht_conet {margin: 40px;}
.guidance_funcs .tabcon3 .matt_cones .matt_cone_ringht .matt_cone_ringht_conet p {font-size: 18px;}
.guidance_funcs .tabcon3 .matt_cones .matt_cone_lift .matt_cone_lift_img:hover img{transform: scale(1.03);}

/* 心理设备介绍 */
.guidance_intro_bg {width: 100%;background-color: #fff;padding: 40px 0;}
.guidance_intro_top{ -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; }
.guidance_intro{width: 1200px;margin: auto;padding: 20px;background-color: #f7fbfb;}
.guidance_intro .guidance_title { text-align: center; font-size: 24px; font-weight: 600; margin: 30px; letter-spacing: 6px;color: #2cb7c0; }
.guidance_intro  .guidance_intro_coner .guidance_intro_coner_moder{ position: relative; float: left; width: 395px; height: 264px; overflow: hidden; color: #fff; margin-left: 5px; margin-bottom: 26px; }
.guidance_intro  .guidance_intro_coner .guidance_intro_coner_title{ position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; font-size: 18px; padding: 8px 0; line-height: 1.5; background-color: rgba(0, 0, 0, 0.47); }
.guidance_intro  .guidance_intro_coner .guidance_intro_coner_coner{ position: absolute; top: 100%; left: 0; width: 100%; height: 100%; opacity: 0; text-align: justify; overflow: hidden; font-size: 16px; line-height: 1.5; background-color: rgba(0, 0, 0, 0.54); }
.guidance_intro .guidance_intro_coner .guidance_intro_coner_coner p {padding: 10px 20px;}
.guidance_intro  .guidance_intro_coner .guidance_intro_coner_moder:hover .guidance_intro_coner_title{ background-color: #00a8b3; }
.guidance_intro  .guidance_intro_coner .guidance_intro_coner_moder:hover .guidance_intro_coner_coner{ top: 0; opacity: 1; }
.guidance_intro  .guidance_intro_coner_bottom{ clear: both; }

/* 客户见证 */
.guidance_wintss{width: 1200px;margin: auto;}
.guidance_wintss .guidance_title { text-align: center; font-size: 24px; font-weight: 600; margin: 30px; letter-spacing: 6px;color: #2cb7c0; }
.guidance_intro_top{ -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; }
.guidance_wintss .guidance_intro_coner .guidance_intro_coner_moder{ position: relative; float: left; width: 395px;height: 244px; overflow: hidden; color: #fff; margin-left: 5px; margin-bottom: 26px; }
.guidance_wintss .guidance_intro_coner .guidance_intro_coner_title{ position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; font-size: 18px; padding: 8px 0; line-height: 1.5; background-color: rgba(0, 0, 0, 0.47); }
.guidance_wintss .guidance_intro_coner .guidance_intro_coner_coner{ position: absolute; top: 100%; left: 0; width: 100%; height: 100%; opacity: 0; text-align: justify; overflow: hidden; font-size: 16px; line-height: 1.5; background-color: rgba(0, 0, 0, 0.54); }
.guidance_wintss .guidance_intro_coner .guidance_intro_coner_coner p {padding: 10px 20px;}
.guidance_wintss .guidance_intro_coner .guidance_intro_coner_moder:hover .guidance_intro_coner_title{ background-color: #00a8b3; }
.guidance_wintss .guidance_intro_coner .guidance_intro_coner_moder:hover .guidance_intro_coner_coner{ top: 0; }
.guidance_wintss .guidance_intro_coner_bottom{ clear: both; }

/* 获取方案 */
.guidance_progra{width: 100%;}
.guidance_progra .guidance_title { text-align: center; font-size: 24px; font-weight: 600; margin: 30px; letter-spacing: 6px;color: #2cb7c0; }
.guidance_progra .guidance_progra_coner {background-color: #31bcc5;}
.guidance_progra .guidance_progra_coner .guidance_progra_coner_title {line-height: 30px;font-size: 18px;color: #e7e7e7;text-align: center;}
.guidance_progra .guidance_progra_coner .guidance_progra_coner_title h3 {padding: 30px;color: #fff;font-size: 24px;}

.guidance_progra .guidance_progra_coner .guidance_progra_coner_form {width: 1200px;margin: auto;padding: 30px;}
.guidance_progra .guidance_progra_coner .guidance_progra_coner_form .guidance_progra_coner_form_lift{width: 50%;float: left;}
.guidance_progra .guidance_progra_coner .guidance_progra_coner_form .guidance_progra_coner_form_lift .guidance_progra_coner_form_lift_coner{width: 450px;margin: auto;color: #fff;line-height: 30px;}
.guidance_progra .guidance_progra_coner .guidance_progra_coner_form .guidance_progra_coner_form_lift .guidance_progra_coner_form_lift_coner h4 {font-size: 20px;margin-bottom: 10px;}
.guidance_progra .guidance_progra_coner .guidance_progra_coner_form .guidance_progra_coner_form_lift .guidance_progra_coner_form_lift_coner p::before {content: "";display: inline-block;width: 0px;height: 0px;border-left: 10px solid #ffffff; border-top: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid transparent;}

.guidance_progra .guidance_progra_coner .guidance_progra_coner_form .guidance_progra_coner_form_right{width: 50%;float: right;}
.guidance_progra .guidance_progra_coner .guidance_progra_coner_form .guidance_progra_coner_form_right .guidance_progra_coner_form_right_coner{width: 400px;margin: auto;}
.guidance_progra .guidance_progra_coner .guidance_progra_coner_form .guidance_progra_coner_form_right .guidance_progra_coner_form_right_coner input {width: 300px;height: 40px;border: none;border-radius: 5px;padding: 0 20px;margin-bottom: 10px;}
.guidance_progra .guidance_progra_coner .guidance_progra_coner_form .guidance_progra_coner_form_right .form_add {text-align: center; margin-top: 20px;}
.guidance_progra .guidance_progra_coner .guidance_progra_coner_form .guidance_progra_coner_form_right .form_add button {cursor: pointer; background-color: #d9b050; width: 160px; height: 40px; font-size: 18px; line-height: 40px; color: #fff; border: none; border-radius: 8px;}


.guidance_progra .guidance_progra_img img {margin: auto;}

/* 模态框 */
.problem_model{ width: 100%; position: fixed; z-index: 20; top: 0; height: 100vh; display: none; left: 0; background: rgba(0, 0, 0, 0.5); padding: 200px 0 30px 0;z-index: 9999999;}
.problem_model .model_backsp{ width: 1150px; margin: auto; text-align: right;}
.problem_model .model_backsp a img{cursor: pointer; margin-left: auto;}
.problem_model .problem_modelbg { width: 1000px; border-radius: 20px; background-color: #fff; padding: 30px; margin: auto;}
.problem_modelbg .prolist_model h2 {text-align: center;margin-bottom: 40px;}
.problem_modelbg .prolist_model p {margin-bottom: 40px;}
.problem_modelbg .prolist_model p:nth-of-type(2){ margin-bottom: 0;}
.problem_modelbg .prolist_model p:nth-of-type(3){ margin-bottom: 0;}
.problem_modelbg .prolist_model p:nth-of-type(4){ margin-bottom: 0;}

.problem_modelbg .prolist_model h2 {text-align: center;margin-bottom: 40px;}
.problem_modelbg .prolist_model p {margin-bottom: 40px;}


@keyframes yd1{
    0%{transform: translateX(0px);}
    50%{transform: translateX(-20px);}
    100%{transform: translateX(0px);}
  }
  @keyframes yd2{
    0%{transform: translateX(0px);}
    50%{transform: translateX(20px);}
    100%{transform: translateX(0px);}
  }
  @keyframes yd3{
    0%{transform: translateY(0px);}
    50%{transform: translateY(20px);}
    100%{transform: translateY(0px);}
  }