@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	font-family:"Montserrat", "微软雅黑", Arial;
	line-height:1.5;
	color:#333;
	width:100%; background:#fff;
	font-size:14px;
	margin:0px auto;
	overflow-x:auto;
	padding-bottom: 50px;
}
a {
	color:#333;
	text-decoration:none;
}
a:hover {
	
}
img {
	border:0;
	display:inline;
	vertical-align: bottom;
	width:auto;
	height:auto;
	max-width:100%;
}
div, ul, li, dl, dd, span, h1, h2, p, h4, h3 {
	margin:0;
	padding:0;
	list-style:none;
}
.clear {
	clear:both;
}
.container {
	margin:0px auto;
	width:92%; max-width:1200px;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* {
	box-sizing: border-box;
}
.flex-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flex-center-y {
	display: flex;
	align-items: center;
}
* {
	box-sizing: border-box;
}

/* 首页 */
.part_1{
	 position: relative; width:100%; min-height: 480px; display: flex; align-items: center; justify-content: flex-end; padding: 40px 15%;
}

.part_1 .banner{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}

.part_1 .login_k{ position: relative; z-index: 40; width: 100%; max-width: 460px; margin: 0 auto;}
.part_1 .login_k .login_content{    background: hsla(0, 0%, 100%, .8);
    border-radius: 8px; width:100%; padding: 0 25px 25px 25px;}
.part_1 .login_k .login_content .title{ line-height:90px; text-align:center;font-size: 28px;
    font-weight: 500; white-space: nowrap;}
.part_1 .login_k .login_content ul{ padding:0px;}
.part_1 .login_k .login_content ul li .txt{ color:#333; margin-bottom:5px;}
.part_1 .login_k .login_content ul li{ margin-bottom:10px;}
.part_1 .login_k .login_content ul li .formbit{ width:100%; height:40px; line-height:normal; border:0px; outline:none; background:#fff; border-radius:2px; padding:0px 7px;}
.part_1 .login_k .login_content ul li .content{ display:flex;background:#fff; align-items: center;border-radius:2px; overflow:hidden;}
.part_1 .login_k .login_content ul li .content .formbit{ flex:1; overflow:hidden;}
.part_1 .login_k .login_content ul li .content .code{ width:100px; height:40px;}
.part_1 .login_k .login_content ul li .content .code img{ width:100%; height:100%;}
.part_1 .login_k .login_content .button{ padding: 20px 0 0 0; display: flex;
    align-items: stretch;
    justify-content: space-between;}
.part_1 .login_k .login_content .button .submit{ flex: 1;
    border: 0;
    background: #A33326;
    border-radius: 6px;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    color: #fff; margin: 0 5px;}
.part_2{ padding-top:30px; margin-bottom:100px;}
.index_bt{    font-size: 26px;
    font-weight: 400;
    color: #A33326; width:100%; text-align:center; line-height:1.9;}
.province{display: flex;align-items:flex-start; flex-wrap: wrap; margin:20px 0px; line-height: 30px;
}
.province .txt{ margin-right:4px;}
.province ul{display: flex; flex-wrap: wrap;
align-items: stretch; flex:1;}
.province ul li{padding: 0 8px;  margin: 0 0 4px 0;
    min-width: 60px;
    max-width: 300px; text-align:center; cursor:pointer;}
.province ul li.cur{ background-color: #A33326;
    border-radius: 3px 3px;
    color: #fff;}
.status-available { color: #52c41a; font-weight: 500;}
.status-mailed { color: #1890ff; font-weight: 500;}
.register-hint {
    background: linear-gradient(135deg, #fff3e6 0%, #ffe0c2 100%);
    border: 2px solid #ff9900;
    border-radius: 8px;
    padding: 12px 16px;
    margin: 15px 0;
    display: flex;
    align-items: center;
    gap: 10px;
    animation: pulse-hint 2s infinite;
}
.register-hint .layui-icon {
    font-size: 20px;
    color: #ff9900;
    flex-shrink: 0;
}
.register-hint span {
    color: #d97706;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}
.register-hint a {
    color: #ff6600;
    font-weight: bold;
    text-decoration: underline;
}
.register-hint a:hover {
    color: #ff8833;
}
.register-btn-text {
    color: #ff6600;
    cursor: pointer;
    text-decoration: underline;
    font-weight: bold;
    font-size: 15px;
    transition: color 0.3s;
}
.register-btn-text:hover {
    color: #ff8833;
}
.register-tip {
    background: #fffbe6;
    border: 1px solid #ffe58f;
    border-radius: 4px;
    padding: 10px 12px;
    margin-bottom: 16px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.register-tip .layui-icon {
    font-size: 16px;
    color: #faad14;
    flex-shrink: 0;
    margin-top: 1px;
}
.register-tip span {
    color: #ad8b00;
    font-size: 13px;
    line-height: 1.5;
}
@keyframes pulse-hint {
    0%, 100% { box-shadow: 0 0 0 0 rgba(255, 153, 0, 0.4); }
    50% { box-shadow: 0 0 10px 4px rgba(255, 153, 0, 0.2); }
}
.pr_table {border-top: 1px solid #A33326;border-left: 1px solid #A33326;color:#000;}
.pr_table ul{display: flex;
align-items: stretch;}
.pr_table ul li{border-right: 1px solid #A33326;border-bottom: 1px solid #A33326; padding:8px 10px; line-height:30px; display:flex; align-items:center; flex:1; overflow:hidden; text-align:center;   justify-content: center;}
.pr_table ul.first{border-right: 1px solid #A33326; background-color:#A33326; color:#fff; font-weight:bold;}
.pr_table ul.first li{border-right: 1px solid #fff;}
.pr_table ul.first li:nth-child(4){border-right: 1px solid #A33326;}
.pr_table ul li.last{ display:none;}
.pr_table ul.first li.last{border-right: 1px solid #A33326;}

/*翻页*/
.fany{display:flex;align-items: center; justify-content: center; margin-top:25px;text-transform: uppercase;
 }
/*分页*/
.divid-a {
    display: flex;
    align-items: center;
    justify-content: center;
flex-wrap: wrap; font-size:13px;
}
.divid-a a {
    background: #fff;
    color: #636363; font-size:13px;
   min-width:30px;
    padding:0px 10px; height:30px;
    cursor:pointer; margin:5px 5px;
	display: flex;
    align-items: center;
    justify-content: center;
	border:1px #dcdfe6 solid; border-radius:2px;
	
} 
.divid-a span{ margin:5px 10px;}
.divid-a .otm{ background-color:#f4f4f5; color:#c0c4cc; font-family:"黑体"; font-weight:bold; font-size:14px; border:0px;}
.divid-a .otm:hover{background-color:#f4f4f5; color:#c0c4cc; border:0px;}
.divid-a .active ,.divid-a a:hover{
   color: #fff;
    background:#A33326;
	border:1px #A33326 solid;
}
.divid-a .all{ color:#606266; margin-right:10px;}

/*选择下拉效果*/

.select-ui{ min-width:105px; margin-left:5px; margin-right:5px; }

.fany .select-ui .select{
	position:relative;
}

.select-ui select{
	display:none;
	position:relative;
	width:100%;
	cursor:pointer; 
}

.select-ui .select .button{
	width:100%;
	padding:0 8px 0 10px;
	height:30px;
	line-height:30px;
	display:flex;
	align-items:center;
	justify-content: center;
	background:#ffffff;
	border-radius:4px;    border: 1px solid #dcdfe6;
	box-sizing:border-box;-webkit-box-sizing:border-box;  color:#3d5efe;
	cursor:pointer;
}


.select-ui .select.focus{ padding:0px;}


.select-ui .select.focus .button{
	border-color:rgb(55,65,81);
}


.select-ui .select .button .text{
	flex:1;
	color:#606266;
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	justify-content: center;
	overflow:auto;
	box-sizing:border-box;
	max-width:340px;
	text-align:center;
}

.select-ui-multiple .select .button .text::-webkit-scrollbar {
    width: 7px;
	height:7px;
	background:#ffffff;
}
.select-ui-multiple .select .button .text::-webkit-scrollbar-thumb {
    background: rgba(214,216,221,.7);
    scrollbar-arrow-color:#898989;
	border-radius:7px;
}


.select-ui .select .button .text .item{
	display:flex;
	margin-right:5px;
	align-items:center;
	padding:0 5px;
	color:#ffffff;
	background-color:#333333;
	line-height:26px;
	white-space:nowrap;
	flex-wrap:nowrap;
	border-radius:3px;
	font-size:12px;
}


.select-ui .select .button .text .item i{
	width:10px;
	height:10px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	margin-left:3px;
}


.select-ui .select .button .fill-current{
	fill:rgb(192,196,204);
}


.select-ui .select .options{
	--tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
  
	position:absolute;
	top:100%;
	border-radius:4px;
	background:#ffffff;
	border:1px #efeff0 solid;
	display:flex;
	flex-direction:column;
	width:100%;
	z-index:1000;
	
	visibility:hidden;
	opacity:0;
	box-sizing:border-box;
	margin-top:-8px;
   
}


.select-ui .select.focus .options{
	margin-top:0px;
	opacity:1;
	visibility:visible; 
	transition:all .3s;
	-webkit-transition:all .3s;
}


.select-ui .select .options li{
	font-size:12px;
	text-align:left;
	margin:0;
	color:#666;
	width:100%;
	padding:0px;
}

.select-ui .select .options li{ margin-right:0px;}


.select-ui .select .options li.selected span{
	color:#A33326;
	 background-color:#f5f7fa;
	 margin:0px;
	 font-weight:bold;
}


.select-ui .select .options li span{
	display:block; margin:0px;
	padding:8px 15px; width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;
	cursor:pointer;
}

.select-ui .select .options li span:hover{
	 background-color:#f5f7fa;color:#333;box-sizing:border-box;-webkit-box-sizing:border-box;
}

.footer{    background-color: #A33326; color:#fff;font-size: 16px; padding:10px 0px; text-align:center; position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000;}
.footer a{ color:#fff;}

.tabcontent_1 .p_box{
	display:none;
}
.tabcontent_1 .p_box.cur{
	display: block;
}

.banner{ position:relative; height:100%; min-height: 320px;}
.banner ul{ height:100%;}
.banner ul li{ text-align:center;height:100%;}
.banner ul li img{ height:100%; width:100%;object-fit: cover;
 object-position: center center;}
.banner .swiper-wrapper{ height:100%;}
.banner .swiper-slide{ height:100%;}
.banner .swiper-slide img{ height:100%; width:100%;object-fit: cover;}
.banner .swiper-slide video{ height:100%; width:100%;object-fit: cover;}
.banner .xf_bt{ position:absolute;display: flex;
    align-items: center;
    justify-content: center; z-index:1000; width:100%; left:0px; bottom:20px !important;}
.banner .xf_bt span{ background:#fff; width:12px; height:12px;border-radius:50%; margin:0px 6px !important; cursor:pointer;}
.banner .xf_bt span.active{ background:#A33326;}
/*头部*/
header{ width:100%;  color:#fff; background-color:#fff; position: relative; z-index:9999;position: sticky; top:0px; left:0px;}
header.active{ background-color:#0163a6;}
header .logo img{ height:45px;}
header .container{ display:flex;align-items: center; height:100px; align-items:center; justify-content:space-between; position:relative; z-index:999;}
header .rt{ display:flex; align-items:center; }
header nav ul{ display:flex; align-iiems:center;}
header nav li{ margin:0px 5px;display:flex; position:relative; height:100px;display: flex;
    align-items: center;
    justify-content: center;}
header nav li .title{ padding:0px 10px; font-size:15px;display: flex;
    align-items: center;
    justify-content:center; white-space:nowrap;}
header nav li .title .icon{ background-image:url(../images/arrow.png); background-repeat:no-repeat; background-size:cover; width:20px; height:20px; margin-left:3px;}
header nav li .submenu{  background-color:rgba(163,51,38,0.9); width:160px; position:absolute; top:100%;  z-index:20; transform-origin: 50% 0; transform: scaleY(0) translateZ(0);
    opacity: 0;
    transition: transform 0.3s,opacity 0.3s;max-height:80vh; overflow:auto;}
header nav li:hover .submenu{ transform: scaleY(1) translateZ(0);opacity: 1;}
header nav li .submenu dd a{ color:#fff; line-height:3;text-transform: none;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;font-size:14px;text-align:center; border-bottom:1px #e8e8e8 solid; font-weight:normal;}
header nav li .submenu dd a:hover{ background:#fff;color:#A33326;}
header nav li .submenu dd a:last-child{ border-bottom:0px;}
header nav li .submenu::-webkit-scrollbar {
    width: 5px;
	height:5px;
	background:none;
	border-radius:15px;
}
header nav li .submenu::-webkit-scrollbar-thumb {
    background: #333;
    scrollbar-arrow-color:#333;
	border-radius:15px;
}
header .tel { color:#333; line-height:1.2; margin-left:10px;}
header .tel img{ width:30px; margin-right:7px;}
header .tel .phone{ color:#A33326; font-size:20px; font-weight:bold;}

/*移动菜单*/
.menubtn {
	display: flex;
	justify-content: center;
	align-items: center;
	width:26px;
	height:40px;
	right:0px;
	z-index:100;
	display:none;
	position:relative; margin-left:15px;

}
.menubtn .name {
	font-size:16px;
	left:-60px;
	font-weight:500;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	position:absolute;
	font-weight:600;
}
.menubtn .navbar-icons {
	height: 20px;
	width:100%;
	position: relative;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
 transition: .5s ease-in-out;
	display: flex;
	flex-direction:column;
	justify-content:space-between;
	cursor: pointer;
}
.menubtn .navbar-icons span {
	display: block;
	height: 2px;
	width: 100%;
	opacity: 1;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
 transition: .25s ease-in-out;
	top: 0;
	-webkit-transform-origin: left center;
	transform-origin: left center;
	background-color: #333;
	position:relative;
	border-radius:5px;
}
.menubtn .navbar-icons span:first-child {
	-webkit-transform-origin: left center;
	transform-origin: left center;
}
 .menubtn .navbar-icons span:nth-child(2) {
 -webkit-transform-origin: left center;
 transform-origin: left center;
 width:70%;
}
 .menubtn .navbar-icons span:nth-child(3) {
 -webkit-transform-origin: left center;
 transform-origin: left center;
}
.menubtn.open .navbar-icons span:first-child {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 1px;
}
 .menubtn.open .navbar-icons span:nth-child(2) {
 opacity:0;
}
 .menubtn.open .navbar-icons span:nth-child(3) {
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
 top:1px;
}
.menu-mc {
	position:fixed;
	overflow:hidden;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#A33326;
	z-index:500;
 	transition:all .5s;
 	-webkit-transition:all .5s;
	transform:translateY(-100%);
	-webkit-transform:translateY(-100%);
	padding-top:85px;
	display:flex;
	flex-direction:column;
	display:none;
 
}
.menu-mc.active {
	transform:translateY(0);
	-webkit-transform:translateY(0);
}
.menu-mc .list {
	flex:1;
	overflow:auto;
}
.menu-mc .list ul {
	padding:0 24px;
}
.menu-mc .list ul li {
	line-height:60px;
}
.menu-mc .list ul li .submenu {
	display:none;
}
.menu-mc .list ul li .title {
	border-bottom: 1px solid rgba(255, 255, 255, .19);
	display: flex;
	align-items: center;
	justify-content:space-between;
	font-weight:600;
	color:#fff;
}
.menu-mc .list ul li .title .icon {
	width:20px; height:20px;
	 background-image: url(../images/arrow.png);
	 background-repeat:no-repeat; background-position:center center; background-size:cover;
	 margin-right:10px;
}
.menu-mc .list ul li a {
	display:block;
	font-size:15px;
	color:#fff;
}
.menu-mc .list ul li .submenu a {
	padding-left:20px;
	line-height:45px;
}
.menu-mc .list ul li .submenu a:hover {
	    background-color: var(--green);
	font-weight:600;
}
.menu-mc .tel { color:#fff; line-height:1.2; margin-left:5%; padding-top:30px; ;}
.menu-mc .tel img{ width:30px; margin-right:10px;}
.menu-mc .tel .phone{ color:#fff; font-size:25px; font-weight:bold;}

@media screen and (max-width: 1000px) {
	.menubtn,.menu-mc {display: flex;}
	header .rt nav{  display:none;}
	header .logo img{ height:35px;}
	header .container{ height:60px;}
	header .tel{ display:none;}
	.part_1{ padding: 30px 5%; min-height: 400px;}
	.part_1 .login_k{ max-width: 460px;}
}
@media screen and (max-width: 767px) {
	.part_1{ padding: 20px 4%; min-height: 320px; justify-content: center;}
	.part_1 .login_k{ max-width: 100%; width: 96%;}
	.part_1 .login_k .login_content{ padding: 0 16px 18px 16px;}
	.part_1 .login_k .login_content .title{ font-size:22px; line-height:56px; white-space: nowrap;}
	.part_1 .login_k .login_content ul{ padding: 0;}
	.part_1 .login_k .login_content ul li{ margin-bottom: 10px;}
	.part_1 .login_k .login_content ul li .txt{ font-size: 14px;}
	.part_1 .login_k .login_content ul li .formbit{ height: 44px;}
	.part_1 .login_k .login_content ul li .content .code{ width: 110px; height: 44px;}
	.part_1 .login_k .login_content .button{ padding: 12px 0 8px 0;}
	.part_1 .login_k .login_content .button .submit{ height: 46px; line-height: 46px; font-size: 15px; margin: 0 4px;}
	.first-login-link{ margin-top: 8px; padding-top: 8px;}
	.index_bt{ font-size:20px;}
	.part_2{ margin-bottom:40px;}
	.footer{ font-size:14px;}
	.menubtn,
	.menu-mc {display: flex;}
}
@media screen and (max-width: 650px) {
   .pr_table ul li:nth-child(2),.pr_table ul li:nth-child(3),.pr_table ul li:nth-child(4){ display:none;}
   .pr_table ul li.last{ display:block;}
}