@charset "utf-8";

/* header&foot */
body{ font-size: 14px;}
main,.box{ width: 94%; margin: 0 auto;}
header{ width: 100%; position: relative;}
a,img{ transition: 0.3s;}
a{ color: #333;}
.conc{ align-items: center; display: flex;}
.conf{ display: flex; justify-content: space-between;}
.conw{ display: flex; flex-wrap: wrap;}
.tu h1{ position: relative; width: 100%; overflow: hidden;}
.tu h1::before{ content: ""; display: block; padding-top: 134%;}
.tu h1 img{position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; display: block;transition: 0.5s;}
.tu:hover h1 img{ transform: scale(1.03);}

#head_nav.active{position: fixed; left: 0; top: 0; width: 100%; z-index: 9992;}
.head_top{ background-color: #ffeef0; padding: 8px 0; width: 100%;}
.head_top .danye{ margin: 0 30px; margin: 10px 0;}
.logo img{ width: 486px; display: block; max-width: 100%;}
.logo{ max-width: 28%; display: block;}
.top_ri{ max-width: 20%;}
.head_nav{ background-color: #ff5967; width: 100%; height: 60px;}
nav{ width: calc(100% - 600px);}
nav a{ color: #fff; font-size: 16px; font-weight: bold; padding: 10px 50px; border: 1px solid #ff5967;}
nav a:hover{ background-color: #dd0517; border-radius: 50px; border: 1px solid #fff;}
.mBtn{ display: none;}
.mBtn{ width: 40px; height: 40px; border-radius: 4px; display: none;  cursor: pointer;  box-sizing: border-box;  background: #dd0517;  display: none; border: 1px solid #dd0517; margin-left: 3%;}
.mBtn span{ display: block;  width: 22px;}
.mBtn span i{width: 100%; height: 2px; background: #fff; display: block; margin: 0 auto;  margin-top: 5px; transition: 0.5s;}
.mBtn span i:first-child{margin-top: 0;}
.mBtn.active{ border: 1px solid #fff;}
.mBtn.active span i:nth-child(1){transform: rotate(45deg) translateY(4px) translateX(4px);}
.mBtn.active span i:nth-child(2){transform: rotate(-45deg) translateY(-1px) translateX(1px);}
.mBtn.active span i:nth-child(3){ width: 4px;}
.nav_gb{ display: none;}
.ksnav{ height: 100%;font-size: 18px; font-weight: bold; color: #fff; background-color: #dd0517; position: relative;}
.ksnav span{height: 100%; padding:0 30px;}
.ksnav img{ margin-right: 15px;}
.nav_ri{height: 100%; cursor: pointer; width: 600px;}
.sousou{height: 44px; border-radius: 44px; background-color: #fff; box-sizing: border-box; padding: 0 8px; width: calc(100% - 200px);}
.sous{ width: 76px; height: 32px; background-color: #ff5967; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 16px; border-radius: 32px; line-height: 1;}
.souk{ display: block; border: none; width: calc(100% - 76px); box-sizing: border-box; padding:0 10px; border: none; background-color: transparent;font-size: 16px; transition: 0.3s;}
.sous:hover{ background-color: #dd0517;}
.ksnav:hover .nav_con{ display: block;}
.nav_con a{ border: 1px solid #bdbdbd; height: 30px; display: flex; align-items: center; padding: 0 15px; font-size: 16px; margin:4px 5px; font-weight: normal; border-radius: 5px;}
.nav_con{ display: none; position: absolute; right: 0; top:60px; width: 928px; box-sizing: border-box; padding: 15px 20px; background-color: #fff;z-index: 9991;}
.nav_con a:hover{ border: 1px solid #ff5967; color: #ff5967; font-weight: bold;}
.banner{ width: 100%;}
.banner img{ display: block; width: 100%; margin-bottom: 10px;}
/*.banner img:last-child{ margin-bottom: 0;}*/
.con{ background-color: #ffeef0; border-radius: 20px; position: relative;}
.listbox{ padding: 20px 10px; padding-bottom: 30px;}
.title span{ float: left; display: flex; padding: 0 30px; font-weight: bold; font-size: 24px; background-color: #dd0517; border-radius: 0 50px 50px 0; height: 64px; align-items: center; color: #fff;}
.title{ overflow: hidden; padding-top: 20px;}
.list{ display: block; box-sizing: border-box; padding: 8px; background-color: #fff; margin: 10px; width:calc(14.28% - 20px); box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 5px;}
.list p{ font-size: 16px; font-weight: bold; line-height: 2; margin-top: 8px;}
.tongji{ box-sizing: border-box; border: 2px solid #ff65c3; background-color: #ffeef0; border-radius: 15px; padding: 15px 30px; font-size: 18px; color: #000;}
.tongji img{ width: 38px; margin-right: 10px;}
.tongji b{ font-size: 20px; color: #ff65c3;}
.tongji i{ color: #666; padding: 0 10px;}
.list1box{padding: 20px 10px; padding-bottom: 30px;}
.list1{ box-sizing: border-box; margin:20px 10px; width: calc(33.33% - 20px);}
.list1box .tu h1::before{ padding-top: 60%;}
.list1box .tu h1 img{ object-fit: contain;}
.list1_le{ width: 200px; border: 3px solid #ff5967; background-color: #fff; box-sizing: border-box; padding: 10px; border-radius: 15px;}
.list1_le h1{ width: 100%;}
.list1_ri{ line-height: 2.2; margin-left: 20px; font-size: 16px;}
.sjtop{ display:none;}
/* 弹窗 */
.tkceng{ position: fixed; width: 100%; height: 100%; z-index: 9995; left: 0; top: 0; background: rgba(0,0,0,0.8); display: none; }
.tkbox{ position: fixed; width: 600px;z-index: 9996; left: 50%;top:50%;transform: translate(-50%,-50%);  border-radius: 30px; background-color: #fff; box-sizing: border-box; padding:45px 30px;display: none; max-width: 92%; border: 2px solid #ff65c3; padding-top: 30px; }
.tan_maxh{ overflow: overlay; display: block;width: 100%; max-height: calc(100vh - 120px);}
.tkbox h1{ position: absolute; right: -10px; top: -60px; z-index: 9997; color: #fff; font-size: 40px; cursor: pointer; width: 30px; height: 30px;transform: rotate(45deg);}
.input_box{margin-top: 32px;}
.input_item{width:100%;height: 65px; border-radius: 65px; background: #f5f5f5; display: flex; align-items: center; justify-content: space-between; margin-top: 20px; max-width: 100%; box-sizing: border-box; padding: 0 30px;}
.input_item img{width: 24px; margin-right: 15px;}
.input_item input{
	outline:none;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	display: block;
	width: calc(100% - 40px);
	height: 100%;
	box-sizing: border-box; padding-right: 20px;
	font-size: 18px;
}
::-webkit-input-placeholder {color:#999;}
.anniu{ width: 146px; height: 54px; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 20px; font-weight: bold; box-sizing: border-box; border-radius: 15px; border: 3px solid #ff65c3; background-color: #ff5967; cursor: pointer; transition: 0.3s; max-width: 100%;}
.anniu:hover{border: 3px solid #dd0517;}
.anniu.djzc{ background-color: #ff65c3; border: 3px solid #ff5967; margin-left: 20px;}
.dlxia{ margin-top: 20px; display: flex; align-items: center; width: 100%;box-sizing: border-box;padding: 0 10px; justify-content: space-between; font-size: 16px;}
.dlxia p{ color: #888;}
.dlxia p a{ color: #ff5967;cursor: pointer;}
.dlxia a{ color: #ff65c3;cursor: pointer;}
.tklogo img{ display: block; margin: 0 auto; width: 486px; max-width: 80%;}
.tklogo{ width: 100%;}
.tan_an .anniu{ width: 100%;}
.tan_an{ margin-top: 40px;}
.tan_gb{position: absolute; right: 20px;top: 20px; z-index: 9997; display: flex;transition: 0.3s; width: 26px; height: 26px; border: 2px solid #ddd; border-radius: 100%; line-height:24px; font-size: 22px; color: #000; justify-content: center; /* align-items: center; */}
.tan_gb:hover{ border: 2px solid #ff65c3;}

.foot{ background-color: #ff5967; text-align: center; color: #fff;  padding: 25px 20px; line-height: 2;}
.danye{ font-size: 16px; line-height: 2; max-width:100%;}
.damye img{ max-width:100%;}

.erbox{ width: 100%; box-sizing: border-box; padding: 40px; padding-top: 20px; min-height: calc(100vh - 432px);}
.erbox1{width: 100%; box-sizing: border-box; min-height: calc(100vh - 432px); padding-bottom: 30px; padding-top: 20px;}
.biaoti{ text-align: center; padding-bottom: 20px; border-bottom: 1px solid #dbc8c8; position: relative;}
.tuijian{ width: 272px; display: block; position: relative;z-index: 6;  opacity: 0.7;  margin-top:-50px; float:right; margin-right:10%;}
.bt_ti{ font-size: 26px;}
.bt_ti span{ cursor: pointer; transition: 0.3s; color: #666; padding:0 10px;}
.bt_ti span:hover{ color: #ff5967;}
.biaoti p{ color: #666; margin-top: 20px; font-size: 16px;}
.anniu.djft{ margin-right: 40px;}
.ftbox{ min-height: 260px; display: flex; align-items: center;  width: 100%; font-weight: bold; text-align: center; justify-content: center; font-size: 20px;}
.dy_tu img{ display: block; width: 760px; max-width: 100%; height: auto;margin: 0 auto; margin-bottom: 20px; }
.xq_kuai{ box-sizing: border-box; width: 760px; margin: 0 auto; text-align: center; line-height: 3; font-size: 22px; font-weight: bold; color: #dd3333; border-radius: 10px; border: 2px solid #ff65c3; max-width: 100%; padding: 0 20px;}
.xq_kuai span{ color: #ff65c3; cursor: pointer;}
.xq_kuai span:hover{ text-decoration: underline;}
.kuai3{ width: calc(33.33% - 60px); display: flex; justify-content: center; margin: 10px 30px;}
.erlist{ max-width: 100%; width: 100%; box-sizing: border-box; padding: 20px; background-color: #fff; border-radius: 15px;}
.erlist h1{ width: 175px;}
.erlist_ri{  padding-top: 10px; width: calc(100% - 195px);}
.erlist_ri h2,.erlist_ri h3{ font-size: 16px; font-weight: bold;}{ font-size: 16px; font-weight: bold;}
.erlist_ri h3{ color: #000; margin-top: 40px;}
.erlist_ri p{ color: #666; line-height: 1.8; margin-top: 15px;}
.erlistbox{ width: 100%; box-sizing: border-box; margin-top: 15px;}
.ernav{ width: 100%; box-sizing: border-box; padding: 0 30px;}
.ernav a{ line-height: 28px; border:1px solid #cdcdcd; background-color: #fff; font-size: 16px; padding: 0 12px; margin: 5px 0; margin-right: 5px;}
.ernav a i{ color: #dd0517;}
.ernav a:hover{ color: #dd0517;}
.ernav a.on{ border: 1px solid #ff5967; font-weight: bold; color: #ff5967;}


.guanbi{ cursor: pointer;}
.bjcor1{ background-color: #dd0517!important;}
.bjcor2{ background-color: #ff65c3!important;}
.bjcor3{ background-color: #ff5967!important;}
.mtop30{ margin-top: 30px;}
.toe{ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ziov{white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.ziov2{ display: -webkit-box; /* 将元素作为弹性伸缩容器 */
        overflow: hidden; /* 隐藏溢出内容 */
        text-overflow: ellipsis; /* 使用省略号表示被裁切的部分 */
        line-clamp: 2; /* 限制最大行数为2行 */
        -webkit-line-clamp: 2; /* Safari/Chrome特定的限制最大行数的属性 */
        -webkit-box-orient: vertical; /* 设置垂直布局 */}