@import url("../../assets/libs/font-awesome/css/font-awesome.min.css");
@import url("../../assets/libs/toastr/toastr.min.css");
@import url("../../assets/libs/fastadmin-layer/dist/theme/default/layer.css");
@import url("../../assets/libs/nice-validator/dist/jquery.validator.css");
@import url("../../assets/libs/fastadmin-selectpage/selectpage.css");
html,body{font-size: 14px;}

body{color: #333; background: #f2f2f2 url("../img/bg.jpg") center top no-repeat; font-family: "PingFang SC", "Source Han Sans SC", "HarmonyOS Sans SC","Microsoft YaHei"; font-weight: normal;}
cite, i{font-style: normal;}

ul{margin: 0; padding: 0;}
ul li{margin: 0; padding: 0; list-style: none;}

.faster {-webkit-animation-duration: 0.3s; animation-duration: 0.3s;}

.blank0{clear:both;display:block;font-size:1px;visibility:hidden;height:0;line-height:0;}
.blank5{clear:both;display:block;font-size:1px;overflow:hidden;height:5px;}
.blank8{clear:both;display:block;font-size:1px;overflow:hidden;height:8px;}
.blank10{clear:both;display:block;font-size:1px;overflow:hidden;height:10px;}
.blank12{clear:both;display:block;font-size:1px;overflow:hidden;height:12px;}
.blank15{clear:both;display:block;font-size:1px;overflow:hidden;height:15px;}
.blank16{clear:both;display:block;font-size:1px;overflow:hidden;height:16px;}
.blank20{clear:both;display:block;font-size:1px;overflow:hidden;height:20px;}
.blank25{clear:both;display:block;font-size:1px;overflow:hidden;height:25px;}
.blank28{clear:both;display:block;font-size:1px;overflow:hidden;height:28px;}
.blank30{clear:both;display:block;font-size:1px;overflow:hidden;height:30px;}
.blank35{clear:both;display:block;font-size:1px;overflow:hidden;height:35px;}
.blank40{clear:both;display:block;font-size:1px;overflow:hidden;height:40px;}
.blank45{clear:both;display:block;font-size:1px;overflow:hidden;height:45px;}
.blank50{clear:both;display:block;font-size:1px;overflow:hidden;height:50px;}
.blank60{clear:both;display:block;font-size:1px;overflow:hidden;height:60px;}
.blank70{clear:both;display:block;font-size:1px;overflow:hidden;height:70px;}
.blank80{clear:both;display:block;font-size:1px;overflow:hidden;height:80px;}
.blank90{clear:both;display:block;font-size:1px;overflow:hidden;height:90px;}
.blank100{clear:both;display:block;font-size:1px;overflow:hidden;height:100px;}
.blank110{clear:both;display:block;font-size:1px;overflow:hidden;height:110px;}
.blank170{clear:both;display:block;font-size:1px;overflow:hidden;height:170px;}


.fs12{font-size: 12px;}
.fs14{font-size: 14px;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
.fs24{font-size: 24px;}
.fs28{font-size: 28px;}
.fs30{font-size: 30px;}
.fs36{font-size: 36px;}
.fs48{font-size: 48px;}
.fs56{font-size: 56px;}
.fs60{font-size: 60px;}
.fs100{font-size: 100px;}

.lh-1{line-height: 1em;}
.lh-2{line-height: 2em;}

.pt-80{padding-top: 80px;}
.pb-50{padding-bottom: 50px;}
.pb-60{padding-bottom: 60px;}
.pb-80{padding-bottom: 80px;}

.mb-40{margin-bottom: 40px;}
.mb-100{margin-bottom: 100px;}

.text-price::before{ content: "¥"; font-size: 80%; margin-right: 2px;}


.rounded-10{border-radius: 10px;}
.rounded-15{border-radius: 15px;}


.maxLineTwo {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden;
	/*! autoprefixer: off */
	-webkit-box-orient: vertical;
	/*! autoprefixer: on */
	word-break: break-all ;
}

.maxLineThree {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	overflow: hidden;
	/*! autoprefixer: off */
	-webkit-box-orient: vertical;
	/*! autoprefixer: on */
	word-break: break-all ;
}
.maxLineFour {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	overflow: hidden;
	/*! autoprefixer: off */
	-webkit-box-orient: vertical;
	/*! autoprefixer: on */
	word-break: break-all ;
}

a, a:link { color: #232f45; text-decoration: none; -webkit-transition: 0.3s; transition: 0.3s;}
a:visited {}
a:active, a:hover { text-decoration: none; color:#C51720; -webkit-transition: 0.3s; transition: 0.3s; }
a:focus { outline: none;}


.bg-no{background: none;}
.bg-f7{background: #f7f7f7;}
.bg-gray{background: #f2f2f2;}
.bg-grey{background: rgba(0, 35, 64, 0.5);}
.bg-green{background: #50e386; color: #fff;}
.bg-blue{background: #096ad5; color: #fff;}
.bg-red{background: #C51720; color: #fff;}
.bg-orange{background: #ff852c; color: #fff;}
.text-grey{color: #a3b0b7;}
.text-gray{color: #999}
.text-green{color: #50e386;}
.text-blue{color: #096ad5;}
.text-red{color: #C51720;}
.text-orange{color: #ff852c;}

.badge_orange{color: #ff852c; background: #fff2e8;}

.btn_h50{height: 50px; line-height: 50px; padding: 0 40px;}


.solid{border: 1px rgba(163, 176, 183, 0.15) solid;}
.solid_left{border-left: 1px rgba(163, 176, 183, 0.15) solid;}
.solid_top{border-top: 1px rgba(163, 176, 183, 0.15) solid;}
.solid_bottom{border-bottom: 1px rgba(163, 176, 183, 0.15) solid;}
.solid_right{border-right: 1px rgba(163, 176, 183, 0.15) solid;}

.shadow-md{ box-shadow: 0 15px 30px rgba(163, 176, 183, 0.1);}


.header{}
.header .topbar{ padding: 10px 0;}
.header .topbar .txt{}
.header .topbar .time{}
.header .conbar{padding: 30px 0;}
.header .conbar .logo{}
.header .conbar .logo img{height: 70px;}
.header .conbar .search{ width: 300px;}
.header .conbar .search input{border: none; background: #ffffff; outline: 0; height: 40; padding: 0 10px; flex: 1;}
.header .conbar .search button{ border: none; background: #C51720; outline: 0; height: 40px;  padding: 0 10px; color: #fff;}

.header .menu{background: #C51720;}
.header .menu .item{flex: 1;}
.header .menu .item a{display: block; color: #fff; text-align: center; padding: 1rem 0; }
.header .menu .item a:hover{background: #b60606;}
.header .menu .active{background: #b60606;}
.header .menu .item a i{ font-size: 2.4rem; line-height: 1;}
.header .menu .item a b{display: block;}
.menu_child{display: none;}


.news_slide{overflow: hidden;}
.news_slide .swiper-slide{}
.news_slide .swiper-slide a{position: relative; display: block;}
.news_slide .swiper-slide a b{display: block; position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.4); font-size: 1.2rem; color: #fff; padding: 1rem 5rem 1rem 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news_slide .swiper-slide img {display: block; width: 100%; }

.news_slide .swiper-pagination{ bottom: 14px; text-align: right;}
.news_slide .swiper-pagination-bullet{background: #fff; width: 10px; height: 10px; border-radius: 50%; -webkit-transition: 0.3s; transition: 0.3s; outline: 0; opacity: 1;  }
.news_slide .swiper-pagination-bullet-active{-webkit-transition: 0.3s; transition: 0.3s; background: #C51720;}

.news_hot{ border: 1px #f2f2f2 solid;  overflow: hidden;}
.news_hot .tit{border-bottom: 1px #f2f2f2 solid; padding: 1rem;}
.news_hot .tit b{font-size: 1.2rem; color: #C51720;}
.news_hot .tit a{}
.news_hot .hot{ padding: 1.5rem;}
.news_hot .hot h3{font-size: 1.2rem; font-weight: bold; text-align: center; margin: 0 0 1rem 0;}
.news_hot .hot p{ color: #999; margin: 0;}
.news_hot  .list{padding:0 1.5rem;}
.news_hot .list ul{}
.news_hot .list ul li{display: flex; justify-content: space-between; align-items: center; border-bottom: 1px #e5e5e5 dashed; padding: 0.8rem 0; }
.news_hot .list ul li:last-child{border-bottom: none;}
.news_hot .list ul li a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1;}
.news_hot .list ul li span{ color: #999;}

.hsp01{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 1.5rem; }

.home_ad{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 1.5rem; }

.quick_menu{ display: grid; grid-template-columns: repeat(5,1fr); grid-gap: 1.5rem;}
.quick_menu a{background: #f2f2f2; text-align: center; display: block; padding: 1.5rem 0;}
.quick_menu a i{ font-size: 3.6rem; line-height: 1; margin-bottom: 0.5rem; display: block; color: #C51720;}
.quick_menu a b{display: block; font-size: 1.2rem}


.home_3{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 1.5rem; }
.home_space{ background: #ffffff; padding: 1.5rem; overflow: hidden;}
.home_space .tit{display: flex; justify-content: space-between; align-items: center; border-bottom: 1px #C51720 solid; position: relative; margin-bottom: 1rem; padding-bottom: 1rem;}
.home_space .tit::after{content: ""; width: 70px; height: 3px; position: absolute; left: 0; bottom: -1px;  background: #C51720;}
.home_space .tit b{font-size: 1.2rem; color: #C51720;}
.home_space .tit .more{}
.home_space .list{}
.home_space .list ul{}
.home_space .list ul li{display: flex; justify-content: space-between; align-items: center; border-bottom: 1px #e5e5e5 dashed; padding: 0.8rem 0; }
.home_space .list ul li:last-child{border-bottom: none;}
.home_space .list ul li a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1;}
.home_space .list ul li span{color: #999;}

.home_about{}
.home_about img{margin-bottom: 1.5rem;}
.home_about p{margin: 0; line-height: 2em;}

.home_form{}
.home_form .item{margin-bottom: 1.5rem;}
.home_form .item:last-child{margin-bottom: 0;}
.home_form input{outline: 0; border: 1px #C51720 solid; background: #ffffff; width: 100%; border-radius: 500px; height: 60px; padding: 0 1rem; font-size: 1.2rem}
.home_form button{outline: 0; border: none; background: #C51720; color: #fff; width: 100%; border-radius: 500px; height: 60px; font-size: 1.2rem; font-weight: bold;}


.hp_list{}
.hp_list .list{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 1.5rem;}
.hp_list .list .item{overflow: hidden;}
.hp_list .list .item a{display: block;}
.hp_list .list .item i{display: block; margin-bottom: 0.8rem;}
.hp_list .list .item i img{width: 100%;}
.hp_list .list .item b{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.links_list{}
.links_list .list{ display: grid; grid-template-columns: repeat(6,1fr); grid-gap: 1.5rem;}
.links_list .list .item a{display: block; overflow: hidden;}
.links_list .list .item a img{width: 100%;}

.footer{text-align: center; margin-top: 1.5rem; padding: 2rem;}
.footer p{margin: 0;}

.breadcrumb{ margin: 1.5rem 0;}

.page_con .pagination {
	text-align: center;
	justify-content: center;
}
.page_con .page-item{ margin: 0 5px;  font-size: 1.2rem;}
.page_con .page-link{ padding: 10px 17px; border-radius: 5px;  border: none; color: #333; }
.page_con .page-link:hover{ color: #C51720;}
.page_con .active .page-link{ background: #C51720;  color: #ffffff; }

.box{display: grid; grid-template-columns: 200px auto; grid-gap: 1.5rem;}
.box .c_l{}
.box .c_r{ padding: 1.5rem; overflow: hidden;}
.box .c_r .c_r_title{ border-bottom: 1px #e5e5e5 solid; padding-bottom: 1rem;}
.box .c_r .c_r_title b{font-size: 1.4rem}


.sub_menu{}
.sub_menu li{ margin-bottom: 1rem;}
.sub_menu li:last-child{margin-bottom: 0;}
.sub_menu li a{display: block; background: #fff; padding:1rem 1.5rem; font-size: 1.2rem}
.sub_menu li a:hover{background: #C51720; color: #fff;}
.sub_menu .active a{ background: #C51720; color: #fff;}

.sub_list{ margin-bottom: 1.5rem; }
.sub_list ul{}
.sub_list ul li{display: flex; justify-content: space-between; align-items: center; border-bottom: 1px #e5e5e5 dashed; padding: 1rem 0; font-size: 1.1rem }
.sub_list ul li a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1;}
.sub_list ul li span{color: #999; margin-left: 2rem;}

.news_detail{}
.news_detail .tit{ border-bottom: 1px #e5e5e5 solid; text-align: center; padding-bottom: 1rem; margin-bottom: 1rem;}
.news_detail .tit h1{font-weight: bold; font-size: 2rem}
.news_detail .tit span{ color: #999;}
.news_detail .txt{line-height: 2em; font-size: 1.1rem}
.news_detail .txt img{max-width: 100%; margin: 0 auto; display: block; margin-bottom: 1rem;}
.news_detail .other{display: flex; justify-content: space-between; border-top: 1px #e5e5e5 solid; padding-top: 1rem; margin-top: 1rem; }
.news_detail .other .item{overflow: hidden; display: flex; width: 45%;}
.news_detail .other .item span{ display: block; color: #999;}
.news_detail .other .item a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1;}
.news_detail .other .item:last-child{justify-content: flex-end;}

.page_detail{line-height: 2em; font-size: 1.1rem}
.page_detail img{max-width: 100%; margin: 0 auto; display: block; margin-bottom: 1rem;}

.query_form{ padding:5rem 10rem; display: flex; flex-direction: column;  align-items: center;}
.query_form .tit{ text-align: center; margin-bottom: 3rem; position: relative; width: 55%;}
.query_form .tit::after{position: absolute; content: ""; width: 100%; height: 1px; background: #999; left: 0; top: 50%;}
.query_form .tit b{font-size: 2.8rem; line-height: 1em; background: #fff; position: relative; z-index: 3; padding: 0 3rem;}
.query_form .form{ width: 55%; font-size: 1.2rem; margin-bottom: 2rem;}
.query_form .form .item{ display: flex; align-items: center; margin-bottom: 1.5rem;}
.query_form .form .item label{font-weight: bold; margin-right: 1rem;}
.query_form .form input{border: 1px #e5e5e5 solid; background: #fff; outline: 0; flex: 1; height: 60px; padding: 0 1rem; border-radius: 5px;}
.query_form .form button{border: none; background: #C51720; color: #fff; outline: 0; height: 60px; width: 100%; border-radius: 5px;}
.query_form .tips{ background: #fff5f5; width: 100%; padding: 2rem;}
.query_form .tips b{display: block; margin-bottom: 1rem; font-size: 1.2rem; color: #C51720;}
.query_form .tips p{font-size: 1.1rem; color: #999;}

.result_con{padding:5rem 10rem; display: flex; flex-direction: column;  align-items: center;}
.result_con .tit{ text-align: center; margin-bottom: 3rem; position: relative; width: 55%;}
.result_con .tit::after{position: absolute; content: ""; width: 100%; height: 1px; background: #999; left: 0; top: 50%;}
.result_con .tit b{font-size: 2.8rem; line-height: 1em; background: #fff; position: relative; z-index: 3; padding: 0 3rem;}
.result_con .list{ width: 60%; }
.result_con .list .txt{border: 1px #e5e5e5 solid; padding: 2rem; font-size: 1.2rem; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; margin-bottom: 1.5rem; }
.result_con .list .txt:hover{border: 1px #C51720 solid; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; }
.result_con .list .txt .item{ margin-bottom: 1rem; display: flex;}
.result_con .list .txt .item:last-child{margin-bottom: 0;}
.result_con .list .txt .item span{ width: 100px; display: inline-block; background: #f2f2f2; margin-right: 10px; padding:0.5rem 1rem;}
.result_con .list .txt .item b{display: inline-block; background: #f2f2f2; flex: 1; padding:0.5rem 1rem;}
.result_con .list .txt .item a{display: block; background: #C51720; color: #fff; width: 100%; text-align: center; padding:0.5rem 1rem;}


.card_box{ margin: 1.5rem 0; padding:2rem 5rem;}

.certificate{ text-align: center; margin-bottom: 2rem;}
#previewCanvas {width: 100%; height: auto; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }

.saveBtn {text-align: center;}
.saveBtn button{border: none; background: #C51720; color: #fff; outline: 0; height: 60px; width: 200px; border-radius: 5px; font-size: 1.2rem}

@media(max-width:768px){
	.header{overflow: hidden;}
	.header .topbar{ display: none !important;}
	.header .conbar{padding: 20px 0;}
	.header .conbar .logo img{ width: 90%; height: auto;}
	.header .conbar .search{display: none !important;}

	.header .menu{ flex-wrap: wrap; }
	.header .menu .item{ width: 25%; flex: none;}
	.header .menu .item a{padding: 0.7rem 0; }
	.header .menu .item a i{ display: none;}


	.hsp01{grid-template-columns: repeat(1,1fr); grid-gap: 1rem; padding:1rem !important; margin: 1rem 0 !important; }

	.home_ad{grid-template-columns: repeat(1,1fr); grid-gap: 1rem; }

	.quick_menu{ grid-template-columns: repeat(5,1fr); grid-gap: 0.5rem; padding:1rem !important; margin: 1rem 0 !important; }
	.quick_menu a{ padding: 0.5rem 0;}
	.quick_menu a i{ font-size: 2rem;  margin-bottom: 0.2rem; }
	.quick_menu a b{font-size: 0.8rem}

	.home_3{ grid-template-columns: repeat(1,1fr); grid-gap: 1rem; }


	.hp_list .list{ grid-template-columns: repeat(2,1fr); grid-gap: 1rem;}


	.links_list{}
	.links_list .list{ grid-template-columns: repeat(3,1fr); grid-gap: 1rem;}

	.footer{margin-top: 1rem; padding: 1rem; font-size: 0.8rem}

	.breadcrumb{ margin: 1rem 0;}

	.box{display: grid; grid-template-columns:1fr; grid-gap: 1rem;}
	.box .c_l{display: none;}

	.sub_list{ margin-bottom: 1rem; }
	.sub_list ul li{font-size: 1rem }

	.news_detail{}

	.news_detail .tit h1{ font-size: 1.4rem}
	.news_detail .tit span{ font-size: 0.8rem}
	.news_detail .txt{font-size: 1rem}

	.news_detail .other{flex-direction: column; }
	.news_detail .other .item{ width: 100%;}

	.page_detail{font-size: 1rem}

	.query_form{ padding:2rem;}
	.query_form .tit{ margin-bottom: 2rem;  width: 100%;}
	.query_form .tit b{font-size: 2rem; padding: 0 1rem;}
	.query_form .form{ width: 100%; font-size: 1.1rem; margin-bottom: 1rem;}
	.query_form .form .item{ flex-direction: column; align-items: flex-start; margin-bottom: 1.5rem;}
	.query_form .form .item label{font-weight: bold; margin-right: 0rem; margin-bottom: 1rem;}
	.query_form .form input{flex: none; width: 100%; height: 50px; }
	.query_form .form button{ height: 50px; }
	.query_form .tips{ padding: 1rem;}
	.query_form .tips p{font-size: 1rem;}


	.result_con{padding:2rem; }
	.result_con .tit{  margin-bottom: 2rem; width: 100%;}
	.result_con .tit b{font-size: 2rem; padding: 0 1rem;}
	.result_con .list{ width: 100%; }
	.result_con .list .txt{ padding: 1rem; font-size: 1rem;}
	.result_con .list .txt .item span{ width: 80px; padding:0.5rem 0; text-align: center;}
	.result_con .list .txt .item b{ padding:0.5rem 0.8rem;}

	.card_box{ margin: 1rem 0; padding:2rem 2rem;}

	.saveBtn button{height: 50px; width: 150px; border-radius: 5px; font-size: 1rem}

}

.layui-layer-btn a{color:#333}