@charset "utf-8";
/* BASIC 基础样式 */
body {font-size:15px; font-family:"微软雅黑"; margin:0; padding:0; background-color:#F9FFFB; position:relative;}
body{background-image: url('/images/2025/page_bg.png'); background-position: top center; background-repeat: repeat-x;}
ul,li,h1,h2,h3,h4,h5,h6,h7{ padding:0; margin:0;}
h1,h2,h3,h4,h5,h6,h7{ font-weight:normal;}
input[type='submit'],img{ border: none;}
em,i{ font-style:normal;}
ul,li{ list-style:none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration:none;}
a:active {text-decoration: none;}
.arial{font-family: "Arial";}
.clear{ clear:both; width: 100%;}
.none{ display:none;}
.inner{ width:1200px; clear:both; margin:auto; position:relative;}
.gap30{ width: 100%; clear:both; height: 30px;}
.cursor{ cursor: pointer;}
.hover:hover{ opacity: 0.8;}
.new_block{display: block; width: 100%; clear: both;}
.trans{transition:all 0.3s ease-out;-webkit-transition:all 0.3s  cubic-bezier(0.19, 1, 0.22, 1);-moz-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;}
.shadow{ box-shadow: 0 0 10px rgba(0,0,0,0.08);}
.page{width:1200px;min-height: 400px; clear:both; margin:auto; position:relative; background-image: url('/images/2025/page_top_bg.png'); background-position:  top center; background-repeat: no-repeat;}
.page .top{ width:100%; height: 79px;}
.w120{ width: 120px;}
.w130{ width: 130px;}
.w135{ width: 135px;}
.w180{ width: 180px;}
.w190{ width: 186px;}
.w260{ width: 248px;}
.white{ color:#fff;}
.white a:link{ color:#fff;}
.white a:visited{ color:#fff;}
.white a:hover{ color:#01CE84;}
.white a:active{ color:#01CE84;}

.std{ color:#01CE84;}
.std a:link{ color:#01CE84;}
.std a:visited{ color:#01CE84;}
.std a:hover{ color:#01CE84;}
.std a:active{ color:#01CE84;}
.g_3{ color:#333;}
.g_3 a:link{ color:#333;}
.g_3 a:visited{ color:#333;}
.g_3 a:hover{ color:#01CE84;}
.g_3 a:active{ color:#01CE84;}

.g_6{ color:#666;}
.g_6 a:link{ color:#666;}
.g_6 a:visited{ color:#666;}
.g_6 a:hover{ color:#01CE84;}
.g_6 a:active{ color:#01CE84;}

.g_9{ color:#999;}
.g_9 a:link{ color:#999;}
.g_9 a:visited{ color:#999;}
.g_9 a:hover{ color:#01CE84;}
.g_9 a:active{ color:#01CE84;}
#logo{ width: 318px; height: 39px; margin-top: 20px; float:left;}
#top_login{ width:200px; float: right; height: 36px; line-height: 34px; font-size:18px; text-align: right;margin-top: 23px; }
#top_login a{ display: inline-block; height: 34px; text-align:center;  padding-left:20px;padding-right:20px; border-radius: 20px; margin-left: 12px;}
#top_login a:nth-child(1){ border:#01CE84 solid 1px; color:#01CE84;}
#top_login a:nth-child(2){ border:#01CE84 solid 1px; color:#FFF; background-color:#01CE84;}
#top_login a:hover{background-color:rgba(1,206,132,0.5);border: rgba(1,206,132,0.8) solid 1px; color:#FFF;}
.page .top_nav{ width: 100px;  text-align: center;float: right; font-size: 18px; color:#4D4D4D; line-height: 79px;}
.page .top_nav a{color:#4D4D4D; }
.page .page_title{width:100%; height:58px; clear: both; margin-top: 30px; margin-bottom: 50px;}
.page .page_title img{height:58px; }
.page h3{ display: block; height:40px; margin-bottom: 20px; color: #0C1012; line-height: 40px; font-size: 20px; }
.page .page_intro{ width:1000px;display: block;clear:both; min-height:40px; margin-bottom:45px; color: rgba(12,16,18,0.8); line-height:35px; font-size: 16px; letter-spacing: 1px; }
.page .page_search{ width: 100%; clear:both;height: 140px; margin-bottom:55px;}
.page .page_search .search_block_1{ float: left; width:540px; height: 140px; background-color: #FFF; font-size: 18px;}
.page .page_search .search_block_1 span{ display: inline-block; height: 40px; color:#999; text-align: center; margin-left: 20px; background: #F7F7F7; margin-top:20px;line-height: 40px;}
.page .page_search .search_block_1 input{display: inline-block; height: 40px; font-size: 18px;color:#999;text-align: center; margin-left: 20px; background: #F7F7F7; margin-top:20px;line-height: 40px; border:none;}
.page .page_search .search_block_1 i{display: inline-block; height: 40px; color:#FFF; text-align: center; margin-left: 20px; background: #01CE84; margin-top:20px;line-height: 40px; letter-spacing:5px;}
.page .page_search .search_block_1 i:hover{opacity: 0.6;}

.page .page_search .search_block_2{ float: left; width:440px; height: 140px; background-color: #FFF; font-size: 18px;}
.page .page_search .search_block_2 span{ display: inline-block; height: 40px; color:#999; text-align: center; margin-left: 20px; background: #F7F7F7; margin-top:20px;line-height: 40px;}
.page .page_search .search_block_2 select{display: inline-block; height: 40px; font-size: 18px;color:#999;text-align: center; padding: 0; margin: 0; margin-left: 20px; background: #F7F7F7; margin-top:20px;line-height: 40px; border:none;}
.page .page_search .search_block_2 input{display: inline-block; height: 40px; font-size: 18px;color:#999;text-align: center; margin-left: 20px; background: #F7F7F7; margin-top:20px;line-height: 40px; border:none;}
.page .page_search .search_block_2 i{display: inline-block; height: 40px; color:#FFF; text-align: center; margin-left: 20px; background: #01CE84; margin-top:20px;line-height: 40px; letter-spacing:5px;}
.page .page_search .search_block_2 i:hover{opacity: 0.6;}


.page .page_search .page_search_intro{ float: left; width: 660px; height: 140px;}
.page .page_search .page_search_intro a{ display:block;position:relative;width:185px; height: 140px; background: linear-gradient(165deg,#F4F6F9,#FFF,#FFF);margin-left: 35px; float:left; text-align: center; color:#333; font-size: 18px; line-height: 40px;}
.page .page_search .page_search_intro a em{ font-size:50px; line-height:86px;color:#01CE84;}
.page .page_search .page_search_intro a i{ display: block; height: 4px; position:absolute; bottom:0; left: 0; width:0; background-color:#01CE84; }
.page .page_search .page_search_intro a:hover{ line-height: 36px;}
.page .page_search .page_search_intro a:hover em{ line-height:86px;font-size:45px;}
.page .page_search .page_search_intro a:hover i{width:100%;}

.page .page_search .page_search_intro2{ float: left; width:740px; height: 140px; }
.page .page_search .page_search_intro2 a{ display:block;position:relative;width:165px; height: 140px; background: linear-gradient(165deg,#F4F6F9,#FFF,#FFF);margin-left:20px; float:left; text-align: center; color:#333; font-size: 18px; line-height: 40px;}
.page .page_search .page_search_intro2 a em{ font-size:50px; line-height:86px;color:#01CE84;}
.page .page_search .page_search_intro2 a i{ display: block; height: 4px; position:absolute; bottom:0; left: 0; width:0; background-color:#01CE84; }
.page .page_search .page_search_intro2 a:hover{ line-height: 36px;}
.page .page_search .page_search_intro2 a:hover em{ line-height:86px;font-size:45px;}
.page .page_search .page_search_intro2 a:hover i{width:100%;}

.page .smsj_list{ width:100%; min-height: 500px; clear: both;}
.page .smsj_list ul{ display: block; width: 100%;}
.page .smsj_list ul li{ display: block;float:left; width: 360px; height: 390px; background-color: #FFF; margin-right: 60px; margin-bottom: 45px; position: relative;}
.page .smsj_list ul li:nth-child(3n){ margin-right: 0;}
.page .smsj_list ul li .thumb{ width: 100%; height: 175px;position: relative; overflow: hidden;}
.page .smsj_list ul li .thumb img{ display: block;width: 100%; min-height: 180px;position: absolute;top:0;left:0;}
.page .smsj_list ul li .thumb span{display: block;width: 80px; height: 36px; position:absolute;top:0;left:20px;background-color: rgba(1,206,132,0.9);color:#FFF; text-align: center; font-size: 16px; line-height: 36px; }
.page .smsj_list ul li .detail{ width: 320px; height: 175px; padding: 20px;position:relative; }
.page .smsj_list ul li .detail h2{display: block; font-size: 22px; line-height: 30px; font-weight: bold;color:#333; clear:both; margin-bottom: 10px;}
.page .smsj_list ul li .detail .address{display: block; font-size: 16px; line-height:30px;color:#666; clear:both; max-height:60px; overflow: hidden;}
.page .smsj_list ul li .detail .tel{display: block; font-size: 16px; line-height:40px; font-weight: bold;clear:both;}
.page .smsj_list ul li .detail .tips{display: block; clear:both; margin-top: 10px; width:100%; line-height: 26px; height: 26px;}
.page .smsj_list ul li .detail span{ display: inline-block;line-height: 26px; height: 26px; padding-left: 5px; padding-right: 5px; background-color: rgba(1,206,132,0.1);color: rgba(1,206,132,1);}
.page .smsj_list ul li .detail .zujin{ display: block; line-height: 30px; height: 30px; font-size: 16px; color:#999; width: 120px; position: absolute;right:20px; bottom: 20px; text-align: right;}
.page .smsj_list ul li .detail .zujin b{ font-size: 18px;}
.page .smsj_list ul li:hover{box-shadow: 0 0 12px rgba(1,206,132,0.5);}
.page .smsj_list ul li:hover .thumb img{top:-10px;}

.page .inn_list{ width:100%; min-height: 500px; clear: both;}
.page .inn_list ul{ display: block; width: 100%;}
.page .inn_list ul li{ display: block;float:left; width: 360px; height: 450px; background-color: #FFF; margin-right: 60px; margin-bottom: 45px;}
.page .inn_list ul li:nth-child(3n){ margin-right: 0;}
.page .inn_list ul li .thumb{ width: 100%; height: 170px;position: relative; overflow: hidden;}
.page .inn_list ul li .thumb img{ display: block;width: 100%; min-height: 180px;position: absolute;top:0;left:0;}
.page .inn_list ul li .thumb span{display: block;width: 80px; height: 36px; position:absolute;top:0;left:20px;background-color: rgba(1,206,132,0.9);color:#FFF; text-align: center; font-size: 16px; line-height: 36px; }
.page .inn_list ul li .detail{ width: 320px; height: 410px; padding: 20px;}
.page .inn_list ul li .detail h2{display: block; font-size: 22px; line-height: 30px; font-weight: bold;color:#333; clear:both; margin-bottom: 10px;}
.page .inn_list ul li .detail .address{display: block; font-size: 16px; line-height:30px;color:#666; clear:both; max-height:60px; overflow: hidden;}
.page .inn_list ul li .detail .tel{display: block; font-size: 16px; line-height:40px; font-weight: bold;clear:both;}
.page .inn_list ul li .detail .tips{display: block; clear:both; margin-top: 10px; width:100%; line-height: 26px; height: 26px;}
.page .inn_list ul li .detail span{ display: inline-block;line-height: 26px; height: 26px; padding-left: 5px; padding-right: 5px; background-color: rgba(1,206,132,0.1);color: rgba(1,206,132,1);}
.page .inn_list ul li:hover{box-shadow: 0 0 12px rgba(1,206,132,0.5);}
.page .inn_list ul li:hover .thumb img{top:-10px;}

.page .pages{ width: 100%; clear: both; margin-bottom: 45px;}
.page .pages i{ display: inline-block; margin-right:20px; width:40px; height: 40px;color: #01CE84;border:rgba(1,206,132,0.8) solid 2px; line-height:40px; font-size:24px;text-align: center;}
.page .pages i:hover{ background-color:rgba(1,206,132,0.4); color:#FFF; border:rgba(1,206,132,0.5) solid 2px;}
.page .footer{ width: 100%; clear: both;height: 200px;}
.page .footer .footer_con{ width: 250px; height: 200px; float: left; font-size: 16px; line-height: 45px;color:#666; }
.page .footer .footer_con b{ font-size:16px; display: block; margin-bottom:20px;clear:both;width:100%; line-height: 30px;}
.page .footer .footer_qr{ width: 100px; height: 200px; float:left; margin-left:100px;}
.page .footer .footer_qr b{ font-size:16px; display: block; margin-bottom:20px; text-align: center;clear:both;width:100%; line-height: 30px;}
.page .footer .footer_qr img{ width: 100px;height: 100px; clear: both; display: block;}
.page .copyright { width: 100%; clear: both;height:60px; line-height: 30px; text-align: left; color:#999; font-size: 14px;}

.page .login_con{ width: 880px; height:430px; background-color: #FFF; margin: auto; margin-top:80px; margin-bottom: 130px;}
.page .login_con .thumb{ width: 310px; height: 430px; float:left;}
.page .login_con .thumb img{ width: 310px; height: 430px; float: left;}
.page .login_con .input_con{ width: 460px;  height: 350px; float: left; padding: 30px 55px 40px 55px;}
.page .login_con .input_con ul{display: block; width:100%;height:55px; line-height: 40px; font-size: 20px; }
.page .login_con .input_con ul li{display: block; width:50%;height:55px; float:left; border-bottom: #EEE solid 5px; text-align: center; color:#CCC;}
.page .login_con .input_con ul .on{border-bottom: rgba(1,206,132,1) solid 5px; color:#666;}
.page .login_con .input_con .login_input{ width: 100%; height: 290px; clear:both;}
.page .login_con .input_con .login_input .qr{ clear:both;width:155px; height:155px; margin: auto; margin-top: 50px; margin-bottom: 30px; background-color: #EEE;}
.page .login_con .input_con .login_input .qr img{width:155px; height:155px;}
.page .login_con .input_con .login_input .tips{ width: 100%; height: 70px; clear:both; line-height: 35px; font-size: 16px; text-align: center; color:#CCC;}
.page .login_con .input_con .login_input .input_item{clear:both; width: 100%; height: 42px; margin-top: 20px;position: relative;}
.page .login_con .input_con .login_input .input_item span{display:block; width: 190px;float:left; margin: 0; color:#999; line-height: 42px; font-size: 16px; }
.page .login_con .input_con .login_input .input_item input{display:block; text-indent: 10px;width: 260px;float:right; margin: 0;background-color: rgba(0,0,0,0.02); font-size:20px; color:#666; border:none; height: 42px; line-height: 42px;}
.page .login_con .input_con .login_input .input_item .submit{display:block; width: 260px;float:right; margin: 0;background-color:#01CE84; font-size:20px; color:#FFF; height: 42px; line-height: 42px; text-align: center; letter-spacing: 10px;}
.page .main_block{ width:1120px; min-height:500px; background-color: #FFF;margin: auto; clear:both; margin-top: 40px;margin-bottom:60px; padding: 40px;}
.page .main_block h2{ display: block; clear:both; font-size: 26px; color:#333; line-height: 30px; margin-bottom: 30px;}
.page .main_block .left_block{ width:700px; float: left;}
.page .main_block .left_block .content{ width: 100%; line-height: 38px; font-size: 18px; color:#666; margin-bottom: 30px; text-align: justify;}
.page .main_block .right_items{ width:340px; float: right;}
.page .main_block .right_items .right_links{ width: 100%; clear: both;}
.page .main_block .right_items .right_links a{display: block;width:336px;height:76px; clear: both; margin-bottom: 20px; border:rgba(1,206,132,0.13) solid 2px; text-align: left;}
.page .main_block .right_items .right_links i{ display: block; float:left; width: 155px; text-indent: 10px; text-align: center; font-size:38px; color:rgba(1,206,132,1);line-height:76px;}
.page .main_block .right_items .right_links span{ display: block; float:left;font-size: 20px; letter-spacing: 2px;width: 160px; text-align: left;color:#333; line-height:76px;}
.page .main_block .right_items .right_links a:hover{ background-color:rgba(1,206,132,0.13); border: rgba(1,206,132,0.3) solid 2px;}
.page .detail_block{ min-height: 800px; background-color: #FFF; margin-bottom:80px;}
.page .detail_block .map{height: 400px; font-size: 40px;}
.page .detail_block .detail_con{width:1120px; min-height:300px;padding: 40px; clear: both;}
.page .detail_block .detail_con .thumb{ width: 470px; height: 360px; float: left; background-color: #EEE; overflow: hidden;}
.page .detail_block .detail_con .thumb img{width: 470px; min-height: 360px;}
.page .detail_block .detail_con .intro{ width: 600px; height: 360px; margin-left:50px; float: left;}
.page .detail_block .detail_con .intro h1{ line-height: 30px; font-size: 26px;font-weight: bold; margin-bottom: 15px;color:#333;}
.page .detail_block .detail_con .intro h2{ line-height: 30px; font-size: 18px;margin-bottom:20px;color:#666;}
.page .detail_block .detail_con .intro h2 i{display: inline-block; font-size: 22px; margin-right: 10px; color:#CCC;}
.page .detail_block .detail_con .intro .tips{ margin-bottom: 15px;}
.page .detail_block .detail_con .intro .tips span{ display: inline-block;line-height: 26px; height: 26px; padding-left: 5px; padding-right: 5px; background-color: rgba(1,206,132,0.1);color: rgba(1,206,132,1); margin-right: 10px;}
.page .detail_block .detail_con li{ display: block; float: left;width:210px; height:110px;background-color: #F2FFF7; margin-right: 40px; margin-bottom: 30px; overflow: hidden;  position: relative; padding:20px; padding-top: 15px; padding-bottom: 15px; }
.page .detail_block .detail_con li:nth-child(4n){ margin-right: 0;}
.page .detail_block .detail_con li h5{ font-size: 18px; line-height: 30px; max-height:60px; overflow: hidden;}
.page .detail_block .detail_con li h6{ font-size: 15px; line-height: 25px; color:#999;}
.page .detail_block .detail_con li .zujin{ font-size: 16px; line-height: 25px; color:#CCC;}
.page .detail_block .detail_con li a{ display: block; background-color:rgba(1,206,132,1);  font-size: 18px; text-align: center; color:#FFF; width:75px; height: 33px; line-height: 33px;position: absolute; right:15px; bottom: 15px;}
.page .detail_block .detail_con .intro .zujin{ font-size: 16px; color:#999; line-height: 35px;}
.page .detail_block .detail_con .intro .zujin b{ font-size: 18px; margin-right: 5px; display: inline-block;}
.page .detail_block .detail_con h4{ height:90px; line-height:90px; font-size:18px; color:#666;}
.page .detail_block .detail_con h4 i{ display: inline-block; margin-right:20px; font-size:30px;}
.page .detail_block .detail_con h4 b{ display: inline-block; margin-left: 10px; margin-right:10px; }
.page .choose_service{ width: 1200px; margin: auto; clear: both; text-align: center; margin-bottom:100px;}
.page .choose_service h2{ display: block; font-size: 26px; color:#333; clear: both; margin-top: 30px; margin-bottom: 60px;}
.page .choose_service .choose_block{ display:inline-block; overflow: hidden; background-color: #FFF; margin-left:180px; width:340px; height: 430px; padding-top: 20px; position: relative;}
.page .choose_service .choose_block_1 { margin-left:0;}
.page .choose_service .choose_block i{  height: 80px; line-height: 80px; font-size:55px; text-align: center;}
.page .choose_service .choose_block h3{  height: 40px; line-height: 30px; font-size:26px; letter-spacing: 2px; color:#333; text-align: center;}
.page .choose_service .choose_block span{ line-height: 35px;color:#999; font-size: 18px; display: block; width:280px; margin: auto; text-align: justify;}
.page .choose_service .choose_block a{ display: block;width:280px;height: 42px; line-height: 42px; font-size: 22px; color: #FFF; background-color: rgba(1,206,132,1); position: absolute;bottom:30px; left:30px; letter-spacing: 2px;}
.page .choose_service .choose_block em{ display: block;width:200px;height: 200px; line-height:180px; text-align: right; font-size:200px; color: rgba(1,206,132,0.06); position: absolute;bottom:-20px; right:-10px; letter-spacing: 2px; transform: rotate(-30deg);}

.apply_con li{ width: 100%;clear: both; min-height: 60px; }
.apply_con li em{ display: block; width: 100%; float: none; height: 50px; font-size: 16px; color:#999; line-height: 50px;}
.apply_con li i{ display: block; width: 100%; float: none; padding-top: 6px; color: rgba(1,206,132,0.8);line-height:38px;}
.apply_con li i .key{background-color: #FFF;text-indent: 5px;height: 38px; line-height: 38px;font-size: 18px; color: #666; border:rgba(1,206,132,1) solid 1px; border-radius:0; box-sizing: content-box; }
.apply_con li i .dateicon{ background-position: 110px -112px;}
.apply_con li i .input_w0{ width:120px;}
.apply_con li i .input_w1{ width:150px;}
.apply_con li i .input_w2{ width:230px;}
.apply_con li i .input_w3{ width:390px;}
.apply_con li .formtips{ font-size: 13px; color: #999;}
.apply_con li i .key2{ width: 360px; height: 80px;background-color: #FFF; padding: 5px;line-height: 25px;font-size: 14px; color: #666; border:rgba(1,206,132,1) solid 1px; border-radius: 5px; }
.apply_con li .txt{ line-height:38px;}
.apply_con li i .img{ width:8rem;height:8rem;position:relative;overflow:hidden;}
.apply_con li i .img img{width:8rem;height:8rem;}
.apply_con li i .img input{width:8rem;height:8rem;position:absolute; left:0;top:0;z-index:1;font-size: 100px;opacity: 0;}
.apply_con li i .sfz{ width:314px;height:212px;position:relative;overflow:hidden; float:left; margin-right:35px;}
.apply_con li i .sfz:last-child{margin-right: 0;}
.apply_con li i .sfz img{width:314px;height:212px;}
.apply_con li i .sfz input{width:314px;height:212px;position:absolute; left:0;top:0;z-index:1;font-size: 100px;opacity: 0;}
.apply_con li i .text_input{ display: block; width: 100%; float: none; padding-top: 6px;font-size:22px; color: #333;line-height:38px;  border-top:none;border-left:none;border-right:none; border-bottom: #CCC solid 1px;}
.apply_con .tips{ width: 100%; line-height: 35px; color:#CCC; font-size:16px; padding-top: 10px; padding-bottom:15px;}
.apply_con .label2 label{display:inline-block; margin-right:20px; color: #666;line-height:38px;}
.apply_con .label{display:inline-block; margin-right:20px; font-size:18px;color: #999;line-height:35px; padding-top: 30px; padding-bottom: 30px;}
.apply_con .btn{display:block; width: 180px; height: 52px; line-height: 52px; letter-spacing: 2px; text-align: center; font-size: 22px; color:#FFF; background-color:rgba(1,206,132,1); }
#ajaxMsgCon{
    display:none;
position:fixed;
left:0;
top:19rem;
width:100%;
z-index: 2500;
}
#ajaxMsg{
  -webkit-user-select: none;
  position:relative;
  width: 13rem;
  height:7rem;
  background: rgba(0,0,0,0.85);
  text-align: center;
  margin:auto;
  border-radius:0.5rem;
  color:#FFF;
}
#ajaxMsg i{ margin-left:1rem;display:block; width:1rem; float:left; height:7rem; font-size:1.5rem; line-height:7rem;color:#51C332; text-align:center;}
#ajaxMsg .msg{ display:block; width:10.5rem;  height:7rem;float:left; line-height:7rem;font-size:1rem;text-align:center;color:#FFF;}