@charset "utf-8";

/* reset */
* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	word-wrap: break-word !important;
	word-break: normal !important;
}


body,
div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
iframe,
pre,
code,
fieldset,
legend,
form,
input,
select,
textarea,
button,
p,
blockquote,
th,
td,
figure {
	margin: 0;
	padding: 0;
	*zoom: 1
}

@font-face {
	font-family: "PuHuiTi";
	src: url(../font/Alibaba-PuHuiTi-Regular.ttf);
}


body {
	color: #333;
	font-family: "PuHuiTi", "Microsoft Yahei", "微软雅黑", "PingFang SC", arial, "\5b8b\4f53";
}

li {
	list-style-type: none
}

iframe,
frame,
fieldset,
img {
	border: 0 none
}

img {
	vertical-align: top;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	user-select: none;
}

input[type=button],
input[type=submit],
input[type=reset] {
	cursor: pointer
}

button {
	cursor: pointer
}

input,
textarea,
button {
	-webkit-border-radius: 0;
	-webkit-appearance: none
}

input[type=radio] {
	-webkit-border-radius: 100%;
	-webkit-appearance: radio
}

input[type=checkbox] {
	-webkit-appearance: checkbox
}

input[type=search] {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	box-sizing: content-box
}

textarea {
	overflow: auto;
	resize: none
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

caption,
th {
	text-align: left
}

th {
	font-weight: normal
}

:root {
	--blue: rgb(0, 153, 242);
}

a:link,
a:visited,
a:active,
a {
	text-decoration: none;
	color: inherit;
}

a {

	font-size: inherit;
	color: inherit;
	blur: expression(this.onFocus=this.blur())
}

a * {
	*cursor: pointer
}

:focus {
	outline: none
}



.w1226 {
	width: 1226px;
	margin: auto;
}

.con-tit {
	color: rgb(34, 34, 34);
	font-size: 48px;
	font-weight: 700;
	line-height: 66px;
	letter-spacing: 0px;
	text-align: center;

}

.yuansu {
	display: flex;
	height: 16px;
	width: 136px;
	margin: 0 auto;
}

.yuansu .lf {
	width: 16px;
	height: 100%;
	background-color: var(--blue);
}

.yuansu .rg {
	flex: 1;
	height: 100%;
	background: linear-gradient(90.00deg, rgb(0, 153, 242) 24.014%, rgba(0, 153, 242, 0) 125.833%);
	opacity: 0.6;
}


.more1 {
	height: 64px;
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 400;
	border-radius: 32px;
	line-height: 64px;
	text-align: center;
	transition: all .5s;
	overflow: hidden;
	position: relative;
	display: block;
	border: none;
	background: linear-gradient(122.69deg, rgb(126, 208, 255) -21.557%, rgb(0, 153, 242) 43.309%, rgb(3, 134, 255) 94.172%);
}

.more1 a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 3;

}

.more1:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	transition: all .5s;
	background-color: rgba(255, 255, 255, 0);
}

.more1:hover:after {
	background-color: rgba(255, 255, 255, 0.3);
}

.more1:active:after {
	background-color: rgba(0, 0, 0, 0.2);
}

.more1.disabled {
	opacity: .5;
	background-image: linear-gradient(122.69deg, rgba(126, 208, 255, 0.5) -21.557%, rgba(0, 153, 242, 0.5) 43.309%, rgba(3, 134, 255, 0.5) 94.172%);
}

.more2 {
	height: 52px;
	border-radius: 26px;
	font-size: 18px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	background-color: var(--blue);
	transition: all .5s;
	overflow: hidden;
}

.more2 a,
.more3 a {
	display: block;
	width: 100%;
	height: 100%;
}

.more2:hover {
	background: rgb(67, 183, 246);
}

.more2:active {
	background: rgb(0, 125, 198);
}

.more2.disabled {
	background: rgb(181, 232, 255);
}

.more3 {
	transition: all .5s;
	height: 52px;
	border-radius: 26px;
	font-size: 18px;
	line-height: 50px;
	text-align: center;
	overflow: hidden;
	background-color: #fff;
	color: var(--blue);
	border: 1px solid var(--blue);
}

.more3:hover {
	border: 1px solid rgb(67, 183, 246);
	color: rgb(67, 183, 246);
}



.more3:active {
	color: rgb(0, 125, 198);
	border: 1px solid rgb(0, 125, 198);
}

.more3.disabled {
	border: 1px solid rgb(148, 221, 255);
	color: rgb(148, 221, 255);
}



.more4 {
	height: 64px;
	color: var(--blue);
	font-size: 18px;
	font-weight: 400;
	border-radius: 32px;
	line-height: 64px;
	text-align: center;
	transition: all .5s;
	overflow: hidden;
	position: relative;
	display: block;
	border: none;
	cursor: pointer;
	background: #e7f9fe;
}


.more4 a {
	display: block;
	width: 100%;
	height: 100%;
}


.more4:hover {
	background: rgb(204, 239, 253);
}

.more4:active {
	background: rgb(148, 221, 255);
}






/*功能按钮开始*/
.right {
	position: fixed;
	right: 64px;
	bottom: 10%;
	z-index: 999;
}

.right .kefu {
	position: absolute;
	right: 0;
	top: 0;
	height: 64px;
	display: flex;
	align-items: center;
	border-radius: 32px;
	cursor: pointer;
}

.right .kefu span {
	width: 0;
	overflow: hidden;
	font-size: 16px;
	color: #fff;
	transition: all .5s;
	opacity: 0;
}

.right .kefu:hover {
	box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.08);
	background: linear-gradient(122.69deg, rgb(179, 222, 247) -23.795%, rgb(85, 188, 248) 42.161%, rgb(32, 148, 255) 93.877%);
}

.right .kefu:hover span {
	width: 177px;
	padding-left: 16px;
	opacity: 1;
}

.right .kefu>img {
	width: 72px;
}

.right .backTop,
.right .pk,
.right .dyue {
	box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.12);
	background: rgb(255, 255, 255);
	display: flex;
	width: 64px;
	height: 64px;
	margin-top: 8px;
	border-radius: 32px;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	position: relative;
}
.right .pk img{
   width: 36px;
   height: 36px;
   object-fit: contain;
}
.right .pk #pknum {
    background: rgb(251, 66, 66);
    width: 20px;
    height: 20px;
    position: absolute;
    border-radius: 50%;
    top: -2px;
    right: -2px;
    
    z-index: 3;
    opacity: 0;
    color: #fff;
    font-size: 14px;
   line-height: 20px;
   text-align: center;

}
.right .pk{
    display: none;
}
.right .dyue {
	margin-top: 72px;
}

.right .backTop img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.right .backTop {
	display: none;
}

.dyue-cover {
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	z-index: 1000000;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: none;
}
.dyue-box .email-tips{
    padding-left: 13px;
}
.dyue-box {
	width: 720px;
	position: absolute;
	padding: 23px 36px 65px;
	top: 50%;
	left: 50%;
	border-radius: 8px;
	transform: translate(-50%, -50%);
	background: linear-gradient(-27.19deg, rgb(54, 179, 252) -26.645%, rgb(255, 255, 255) 100%);
	background: url('../img/dyue_bj1.png') no-repeat center center/cover;
}

.dyue-box .logo {
	width: 75px;
}

.dyue-box .logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.dyue-box .dyue-inner {
	display: flex;
	margin-top: 54.6px;
	align-items: center;
}

.dyue-box .dyue-inner .dyue-lf {
	flex: 0 0 366px;
}

.dyue-box .dyue-tit {
	color: rgb(34, 34, 34);
	font-size: 24px;
	line-height: calc(4 /3);
}

.dyue-box #form1 {
	margin-top: 32px;
}

.dyue-box .inp input {
	width: 361px;
	border: 1px solid rgb(199, 207, 216);
	border-radius: 4px;
	outline: none;
	background: rgb(255, 255, 255);
	padding: 8px 12px 8px 12px;
	height: 48px;
	color: rgb(34, 34, 34);
	font-size: 14px;
}

.dyue-box .inp input::placeholder {
	color: rgb(167, 177, 188);
}

.dyue-box .submit {
	width: 361px;
	line-height: 48px;
	height: 48px;
	text-align: center;

	font-size: 16px;
	border-radius: 24px;
	outline: none;
	border: none;
	margin-top: 12px;
	/*
	color: #fff;
	background: linear-gradient(122.69deg, rgb(126, 208, 255) -25.365%, rgb(0, 153, 242) 41.354%, rgb(3, 134, 255) 93.67%);*/
}

.dyue-box .agreement {
	font-size: 14px;
	margin-top: 16px;
	line-height: 19px;
	color: rgb(120, 130, 149);
}

.dyue-box .agreement a {
	color: var(--blue);
}

.dyue-box .dyue-rg {
	margin-left: 48px;
}

.dyue-box .dyue-img {
	width: 237px;
}

.dyue-box .dyue-img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.dyue-box .colse {
	position: absolute;
	right: 12px;
	top: 12px;
	width: 32px;
	transition: all .5s;
	cursor: pointer;
}

.dyue-box .colse img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}



.dyue-success {
	width: 720px;
	position: absolute;
	padding: 23px 36px 48px;
	top: 50%;
	left: 50%;
	display: none;
	border-radius: 8px;
	transform: translate(-50%, -50%);
	background: linear-gradient(-27.19deg, rgb(54, 179, 252) -26.645%, rgb(255, 255, 255) 100%);
	background: url('../img/dyue_bj1.png') no-repeat center center/cover;
}

.dyue-success .logo {
	width: 75px;
}

.dyue-success .logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.dyue-success .colse {
	position: absolute;
	right: 12px;
	top: 12px;
	width: 32px;
	transition: all .5s;
	cursor: pointer;
}

.dyue-success .colse img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.dyue-success .colse:hover {
	transform: rotate(90deg);
}

.dyue-success .dyue-inner {
	padding: 31.5px 28px 0;
}

.dyue-success .success-img {
	width: 112px;
	margin: 0 auto;
}

.dyue-success .success-img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.dyue-success .success-tit {
	color: rgb(34, 34, 34);
	font-size: 24px;
	font-weight: 400;
	line-height: calc(4 / 3);
	text-align: center;
	margin-top: 16px;
}

.dyue-success .success-des {
	color: rgb(34, 34, 34);
	font-size: 14px;
	font-weight: 400;
	line-height: 19px;
	text-align: center;
	margin-top: 8px;
}

.dyue-success .success-got {
	height: 48px;
	line-height: 48px;
	border-radius: 24px;
	width: 204px;
	margin: 16px auto 0;
}

/*功能按钮结束*/


/*面包屑开始*/
.thumb {
	margin-top: 68px;
	background: rgb(20, 20, 20);
	position: sticky;
	top: 0;
	z-index: 50;
}

.thumb.active {
	background: rgba(20, 20, 20, .8);
}

.thumb .thumblist {
	display: flex;
	padding: 17px 0;
	flex-wrap: wrap;
}

.thumb .thumblist li {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	display: flex;
}

.thumb .thumblist li svg path {
	fill: #fff;
}

.thumb .thumblist li a {
	opacity: .55;
	transition: all .5s;

}

.thumb .thumblist li a:hover {
	opacity: 1;
}

.thumb .thumblist li span {
	opacity: 1;
}

.thumb .thumblist li:not(:first-child)::before {
	content: '/';
	color: rgba(255, 255, 255, 0.55);
	font-size: 14px;
	display: inline-block;
	margin: 0 4px;

}

/*面包屑结束*/


/*banner开始*/
.banner {
	position: relative;

}

.banner .yuansu {
	margin-left: 0;
}

.banner .swiper-slide:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: linear-gradient(180.00deg, rgba(34, 34, 34, 0.5) 13.981%, rgba(34, 34, 34, 0.32) 51.247%, rgba(34, 34, 34, 0) 99.369%);
}

.banner .swiper-slide>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.banner .banner-txt {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transform: translate(-40%, -50%);
	opacity: 0;
	transition: all 1s .4s;
	z-index: 2;
}

.banner .swiper-slide-active .banner-txt {
	transform: translate(-50%, -50%);
	opacity: 1;
}

.banner .swiper .swiper-pagination {
	bottom: 28px;
	display: flex;
	justify-content: center;
}

.banner .swiper-pagination-bullet {
	background: #fff;
	width: 28px;
	height: 4px;
	margin: 0 4px;
	opacity: .5;
	border-radius: 0;
	cursor: pointer;
}

.banner .swiper-pagination-bullet-active {
	opacity: 1;
	background-color: var(--blue);
}

.banner .banner-tit {
	font-size: 36px;
	font-weight: 700;
	color: #fff;
	line-height: 1.6;
	margin-top: 16px;
}

.banner .banner-des {
	font-size: 24px;
	line-height: calc(4 / 3);
	color: #fff;
	margin-top: 12px;
	width: 55%;
}

.banner .banner-more {
	width: 159px;
	margin-top: 32px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background: linear-gradient(122.69deg, rgb(126, 208, 255) -21.305%, rgb(0, 153, 242) 43.439%, rgb(3, 134, 255) 94.205%);
}

.banner .banner-more a {
	width: 100%;
	height: 100%;
	display: block;
}

/*banner结束*/


/*分类切换*/
.con .flei {
	display: flex;
	margin-bottom: 48px;
	justify-content: center;
}

.con .flei-inner {
	display: flex;
	position: relative;
}

.con .flei-inner::after {
	content: '';
	width: 100%;
	left: 0;
	bottom: 0;
	height: 1px;
	position: absolute;
	background: rgb(222, 227, 232);
}
.con .flei-inner .lines{
    content: '';
	position: absolute;
	width: 40px;
	bottom: 0;
	left: 0;
	height: 2px;
	background: var(--blue);
	z-index: 2;
	transition: all .5s;
}

.con .flei-item {
	line-height: 44px;
	margin-right: 32px;
	position: relative;
	color: rgb(34, 34, 34);
	font-size: 16px;
	cursor: pointer;
	font-weight: 500;
}
/*
.con .flei-item.active:after {
	content: '';
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	height: 2px;
	background: var(--blue);
}
*/
.con .flei-item:nth-last-child(2) {
	margin-right: 0;
}

/*分类切换结束*/



/*footer 开始*/
.footer {
	background: rgb(20, 20, 20);
	padding: 48px 0;
}
.footer .language>img{
    width: 16px;
    height: 16px;
    object-fit: contain;
}
.footer .logo {
	width: 136px;
	margin-bottom: 28.5px;
}

.footer a:hover {
	text-decoration: underline;
}

.footer .logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.footer-nav {
	display: flex;

}

.footer-item {
	flex: 0 0 23.98%;
	margin-right: 1.36%;

}

.footer-item:last-child {
	margin-right: 0;
}

.footer-item .footer-nav1 {
	color: var(--blue);
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 16px;
}

.footer-item .nav2-item {
	color: rgb(222, 227, 232);
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 8px;
}

.footer .contact {
	margin-top: 20px;
}

.footer .contact-tit {
	color: var(--blue);
	font-size: 16px;
	line-height: 1.5;
}

.footer .contact-txt {
	color: rgb(217, 217, 217);
	font-size: 16px;
	line-height: 1.5;
	margin-top: 8px;
}

.footer .share {
	margin-top: 20px;
}

.footer .sharelist {
	display: flex;
	margin-top: 16px;
}

.footer .share-item {
	width: 32px;
	height: 32px;
	margin-right: 12px;
}

.footer .share-item a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	border-radius: 50%;

}

.footer .share-item img {
	width: 20px;
	object-fit: contain;
}

.footer .email {
	display: flex;
	width: 288px;
	height: 36px;
	border-radius: 4px;
	overflow: hidden;
	margin-top: 28px;
}

.footer .email input {
	padding: 0 8px;
	font-size: 14px;
	flex: 1;
	height: 100%;
	border: 1px solid transparent;
	background-color: #e9eef2;
	border-radius: 4px 0px 0px 4px;
	border-right: none;
	transition: all .5s;
}

.footer .email input:hover {
	border-color: var(--blue);
}

.footer .email input::placeholder {
	color: #9099AC!important;
}

.footer .email button {
	background-color: var(--blue);
	outline: none;
	border: none;
	width: 36px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .5s;
}

.footer .email button:hover {
	background: rgb(67, 183, 246);
}

.footer .email button:active {
	background: rgb(0, 125, 198);
}

.footer .footer-btm {
	margin-top: 64px;
	display: flex;
	align-items: center;
	border-top: 1px solid rgb(89, 89, 89);
}

.footer .footer-lf {
	flex: 1;
	display: flex;
	padding-top: 15px;
}

.footer .e_copyright {
	color: rgb(222, 227, 232);
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
}

.footer .links {
	display: flex;
}

.footer .links a {
	color: rgb(222, 227, 232);
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	margin-left: 20px;
}

.footer .links a:hover {
	color: #fff;
}

.footer .language {
	display: flex;
	color: rgb(222, 227, 232);
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	position: relative;
	cursor: pointer;
	padding-top: 15px;
}

.footer .language span {
	margin-left: 8px;
}

.footer .language .lang {
	bottom: calc(100% + 1px);
	top: auto;
	left: 0;
	transform: none;
}


.footer .mCSB_scrollTools {
	width: 4px;
	height: 100%;
	top: 0;
	border-radius: 2px;
	background-color: rgb(222, 227, 232);
}

.footer .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: var(--blue);
	width: 100%;
	border-radius: 2px;
}

.footer .mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent;
}

.footer .language .lang .lang_item a:hover {
	text-decoration: none;
}

/*footer 结束*/


/*分页开始*/
.layui-box, .layui-box * {
    box-sizing: border-box;
}

.p_page {
	display: flex;
	justify-content: flex-end;
}
div.el-pagination{
    text-align: right;
    white-space: wrap;
    padding: 0;
}
.el-pagination span.el-pagination__total:not([class*=suffix]),
.p_page .layui-laypage .layui-laypage-count{
    color: rgb(34, 34, 34);
    font-size: 14px;
    font-weight: 400;
    margin-right: 12px;
    background: transparent;
    line-height: 32px;
    height: 32px;
}
.el-pagination slot  span:not([class*=suffix]), 
.p_page .layui-laypage button{
    color: rgb(77, 81, 90);
    background: transparent;
    font-size: 14px;
    font-weight: 400;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    margin-right: 0px;
    line-height: 32px;
    height: 32px;
}
 .el-pagination .el-pagination__jump:not([class*=suffix]){
      line-height: 32px;
    color: rgb(77, 81, 90);
    font-size: 14px;
    font-weight: 400;
    margin-left: 8px;
    background: transparent;
    width: auto;
    height: 32px;
 }
.p_page .layui-laypage .layui-laypage-skip{
    line-height: 32px;
    color: rgb(77, 81, 90);
    font-size: 14px;
    font-weight: 400;
    margin-left: 8px;
    background: transparent;
    width: auto;
}
div.el-pagination__editor.el-input{
    width: auto;
    padding: 0;
}
.el-pagination__editor.el-input input.el-input__inner,
.p_page .layui-laypage input{
    margin: 0 8px;
    width: 66px;
   height: 32px;
   border: 1px solid rgb(222, 227, 232);
     border-radius: 4px;
/* 黑白/白 */
     background: #fff;
}
span.el-pagination__sizes{
    margin-right: 0;
}
.el-pagination .el-select div.el-input{
    margin-left: 4px;
    margin-right: 0;
    width: 149px;
}
.p_page .layui-laypage input:focus {
  	border-color: var(--blue)!important;
}
.p_page .layui-laypage-limits{
     position: relative;
    display: inline-block;
    margin: 0;
    margin-left: 4px;
}
.el-pagination .el-select .el-input input.el-input__inner,
.p_page .layui-laypage select{
    padding: 0 12px;
    height: 32px;
    border: 1px solid rgb(222, 227, 232);
    border-radius: 4px;
    color: rgb(77, 81, 90);
    font-size: 14px;
    font-weight: 400;
    padding-right: 38px;
     appearance: none; /* 移除默认样式 */
    -webkit-appearance: none; /* Safari 和 Chrome */
    -moz-appearance: none; /* Firefox */
    transition: all .5s;
    position: relative;
}
.el-pagination .el-select .el-input input.el-input__inner:focus,
.p_page .layui-laypage select:focus {
    border: 1px solid rgb(0, 153, 242)!important;
    color: rgb(0, 153, 242);
}
.el-pagination .el-select div.el-input:hover   span.el-input__suffix,
.p_page .layui-laypage-limits:focus::after {
    background-image: url('../img/jtdown2.png');
}
.el-pagination .el-input__suffix-inner{
    display: none;
}
.el-pagination span.el-input__suffix{
        position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    pointer-events: none; /* 确保点击事件传递给<select>元素 */
   width: 14px;
   height: 14px;
   background: url('../img/jtdown1.png') no-repeat center center/contain;
}
.p_page .layui-laypage-limits::after {
    content: ""; /* 或者使用Unicode字符、图标字体等 */
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    pointer-events: none; /* 确保点击事件传递给<select>元素 */
   width: 14px;
   height: 14px;
   background: url('../img/jtdown1.png') no-repeat center center/contain;
}
.el-pagination .el-select div.el-input:hover input.el-input__inner,
.p_page .layui-laypage-limits:hover  select{
    border: 1px solid rgb(67, 182, 246);
}
.el-pagination.is-background button.btn-prev,
.el-pagination.is-background button.btn-next,
.el-pagination.is-background .el-pager li.number,
.el-pagination.is-background .el-pager li.el-icon,
.p_page a,
.p_page span {
	border: 1px solid rgb(222, 227, 232);
	border-radius: 4px !important;
	/*width: 32px;*/
	padding: 0 11px;
	height: 32px;
	/* 黑白/白 */
	background: rgb(255, 255, 255);
	margin: 0 4px;
	transition: all .5s;
	color: rgb(77, 81, 90);
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	line-height: 30px;
	display: inline-block;
}
.el-pagination.is-background .el-pager li:hover,
.p_page a:hover {
	border-color: rgb(148, 221, 255);
	color: rgb(77, 81, 90);

}

a.layui-laypage-prev em,
a.layui-laypage-next em{
    display:none !important;
}
a.layui-laypage-prev:before {
    content: "\e6de";
    font-size: 16px;
    font-family: element-icons !important;
    speak: none;
    font-style: normal;
    font-weight: 700;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
a.layui-laypage-next:before {
    content: "\e6e0";
    font-size: 16px;
    font-family: element-icons !important;
    speak: none;
    font-style: normal;
    font-weight: 700;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



.el-pagination.is-background button.btn-prev,
.el-pagination.is-background button.btn-next,
.p_page a.layui-laypage-prev,
.p_page a.layui-laypage-next {
	border-color: transparent !important;
	color:rgb(120, 130, 149);
	padding: 0 10px;
	vertical-align: middle;
	width: 32px;
	background-color: transparent;
	padding: 0;
}
.p_page a.layui-laypage-prev svg,
.p_page a.layui-laypage-next svg{
    margin-top: 7px;
}
.p_page a.layui-laypage-prev em,
.p_page a.layui-laypage-next em{
    color: inherit;
    font-family: inherit;
}
.el-pagination.is-background button.btn-prev:disabled,
.el-pagination.is-background button.btn-next:disabled,
.p_page a.layui-laypage-prev.layui-disabled,
.p_page a.layui-laypage-next.layui-disabled {
	border: 1px solid rgb(222, 227, 232) !important;
	background: rgb(245, 247, 248);
	color: rgb(199, 207, 216);
}

.el-pagination.is-background .btn-prev:hover,
.el-pagination.is-background .btn-next:hover,
.p_page  a.layui-laypage-prev:hover,
.p_page a.layui-laypage-next:hover {
	background: rgb(240, 243, 246);
}
.el-pagination.is-background .btn-prev:active,
.el-pagination.is-background .btn-next:active,
.p_page  a.layui-laypage-prev:active,
.p_page a.layui-laypage-next:active {
background: rgb(222, 227, 232);
}


.el-pagination.is-background .el-pager li:not(.disabled).active,
.p_page span.laypage_curr {
	background: var(--blue);
	border-color: var(--blue);
	color: #fff;
}

.p_page .layui-laypage .layui-laypage-curr {
	background: var(--blue);
	border-color: var(--blue);
	color: #fff;
}
.el-pagination .btn-next .el-icon, .el-pagination .btn-prev .el-icon{
    font-size:  16px!important;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
	opacity: 0;
}

.lfnav {
	position: fixed;
	left: 64px;
	top: 50%;
	transform: translateY(-50%);
	width: 118px;
	display: none;
	z-index: 999;
}
.lfnav.hides{
    display: none!important;
}
.lfnav p {
	color: rgb(77, 81, 90);
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	cursor: pointer;
}

.lfnav>li:not(:first-child) {
	margin-top: 8px;
}

.lfnav ul li {
	padding-left: 20px;
	color: rgb(140, 140, 140);
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	margin-top: 8px;
	position: relative;
	cursor: pointer;
}

.lfnav ul li::before {
	content: '';
	position: absolute;
	left: 5px;
	top: 5px;
	width: 6px;
	height: 6px;
	background: rgb(140, 140, 140);
	border-radius: 50%;
}

.lfnav>li.active p {
	color: var(--blue);
}

.lfnav ul li.active {
	color: var(--blue);
}

.lfnav ul li.active::before {
	background-color: var(--blue);
}

/*分页结束*/


/*搜索框开始*/

.sear_inp {
	width: 594px;
	position: relative;
}

.sear_inp .search {
	position: absolute;
	right: 0;
	top: 0%;
	width: 40px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

/*.sear_inp .search:hover {
	background: rgba(255, 0, 0, 0.1);
}*/

.sear_inp .search svg {
	width: 16px;
	height: 16px;
	object-fit: contain;
}

.sear_inp input {
	width: 100%;
	padding-left: 16px;
	height: 40px;
	border: 1px solid rgb(199, 207, 216);
	border-radius: 4px;
	background: rgb(255, 255, 255);
	font-size: 14px;
	padding-right: 44px;
	transition: all .5s;
}

.sear_inp:hover input {
	border-color: var(--blue);
}

.sear_inp input::placeholder {
	color: rgb(167, 177, 188);
}

.sear_inp .colse {
	position: absolute;
	right: 41px;
	width: 14px;
	height: 14px;
	top: 50%;
	cursor: pointer;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	display: none;
}

.sear_inp .colse img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}


/*搜索框结束*/

/*搜索无结果*/
.noresults {
	margin-top: 135px;
	margin-bottom: 80px;
	display: none;
	width: 100%;
}

.noresults .empty {
	width: 264px;
	margin: 0 auto;
}

.noresults .empty img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.noresults p {
	color: rgb(34, 34, 34);
	font-size: 16px;
	line-height: 20px;
	margin-top: 16px;
	text-align: center;
}

/**/




/*联系表单*/

.contactinfo {
	position: relative;
}

.contactinfo::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;

	background: url('../img/about_bj5.png') no-repeat center center/cover;
}

.contactinfo .sec5-inner {
	position: relative;
	z-index: 3;
	display: flex;
	padding-top: 64px;
	padding-bottom: 93px;
}

.contactinfo .sec5-inner .sec5-lf {
	flex: 0 0 50%;
	padding-top: 106px;
	padding-right: 8.727%;

}

.contactinfo .sec5-tit {
	color: rgb(255, 255, 255);
	font-size: 48px;
	font-weight: 700;
	line-height: 70px;
}

.contactinfo .sec5-ms {
	color: rgb(255, 255, 255);
	font-size: 20px;
	font-weight: 700;
	line-height: 1.45;
	margin-top: 48px;
}

.contactinfo .sec5-des {
	color: rgb(255, 255, 255);
	margin-top: 54px;
	font-size: 16px;
	font-weight: 400;
	line-height: 2;
	padding-right: 16px;
}

.contactinfo .sec5-rg {
	flex: 0 0 50%;
	padding-left: 3.91%;
	padding-right: 5px;
}

.contactinfo .info-tit {
	color: rgb(34, 34, 34);
	font-size: 36px;
	font-weight: 500;
	line-height: 1.44;
	margin-bottom: 16px;
}

.contactinfo .email a {
	display: flex;
	border-radius: 4px;
	background: rgb(233, 238, 242);
	padding: 16px;
	color: rgb(34, 34, 34);
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	align-items: center;
	margin-top: 16px;
}

.contactinfo .email a .ico {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 16px;
}

.contactinfo .form-box {
	display: flex;
	justify-content: space-between;
}

.contactinfo .form-box1 {
	border-top: 1px dashed rgb(167, 177, 188);
	margin-top: 16px;
}

.contactinfo .form-item {
	flex: 0 0 48.57%;
	margin-top: 16px;
	width: 48.57%;
}

.contactinfo .form-item .layui-input {
	font-size: 16px;
	padding: 0 12px;
	border: 1px solid rgb(199, 207, 216);
	border-radius: 4px;
	background: rgb(255, 255, 255);
	height: 40px;
	color: rgb(12, 26, 52);
}

.contactinfo .form-item .layui-input::placeholder {
	color: rgb(144, 153, 172);
}

.contactinfo .form-item .layui-form-select .layui-edge {
	right: 12px;
	width: 13px;
	height: 8px;
	border: none;
	margin-top: -4px;
	background: url('../img/select.png') no-repeat center center/contain;
}

.contactinfo .form-item1 {
	width: 100%;
	height: 80px;
}

.contactinfo .form-item1 textarea {
	height: 80px;
	min-height: 80px;
	font-size: 16px;
	padding: 12px;
	border: 1px solid rgb(199, 207, 216);
	border-radius: 4px;
	background: rgb(255, 255, 255);
	color: rgb(12, 26, 52);
}

.contactinfo .form-item1 textarea::placeholder {
	color: rgb(144, 153, 172);
}

.contactinfo .agreement {
	display: flex;
	margin-top: 16px;
}

.contactinfo .agreement p {
	margin-left: 8px;
	color: rgb(120, 130, 149);
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
}

.contactinfo .layui-form-checkbox[lay-skin=primary] {
	padding-left: 0;
}

.contactinfo .layui-form-checkbox[lay-skin=primary] i {
	width: 18px;
	height: 18px;
	border: 1px solid rgb(199, 207, 216);
	border-radius: 2px;
	background: rgb(255, 255, 255);
	cursor: pointer;
	position: relative;
	margin-top: 4px;
}

.contactinfo .layui-form-checked[lay-skin=primary] i:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(../img/checked.png) no-repeat center center / contain;
}

.contactinfo .layui-form-checked[lay-skin=primary] i {
	border-color: transparent;
}

.contactinfo .tijiao {
	margin-top: 40px;
	width: 164px;
	height: 64px;
	margin-left: auto;
}

.contactinfo .tijiao span {
	font-size: 16px;
	text-align: center;
	color: var(--blue);
	flex: 1;
}

.contactinfo .tijiao img {
	width: 23px;
	margin-left: 4px;
}

.contactinfo .layui-form-select dl dd.layui-this {
	background-color: var(--blue);
	color: #fff;
}

.contactinfo .layui-input:focus,
.contactinfo .layui-textarea:focus {
	border-color: var(--blue) !important;

}




.layer-suceess-customize,
.layer-error-customize,
.layer-warning-customize,
.layer-general-customize {
	border-radius: 4px;
    box-shadow: 0px 3px 6px 2px rgba(0, 0, 0, 0.08),0px 1.5px 2px 0px rgba(0, 0, 0, 0.12);
    background: rgb(255, 255, 255);
    top:10% !important;
}

.layer-suceess-customize .layui-layer-padding,
.layer-error-customize .layui-layer-padding,
.layer-warning-customize .layui-layer-padding,
.layer-general-customize .layui-layer-padding {
	padding: 10px 20px 10px 39px;
	color: #000;
}

.layer-suceess-customize .layui-icon,
.layer-error-customize .layui-icon,
.layer-warning-customize .layui-icon,
.layer-general-customize .layui-icon {
    top:14px !important;
}
.layer-suceess-customize .layui-icon::before,
.layer-error-customize .layui-icon::before,
.layer-warning-customize .layui-icon::before,
.layer-general-customize .layui-icon::before{
    content: "" !important;
    width:16px;
    height:16px;
    display: block;
}
.layer-suceess-customize .layui-icon::before {
	
	background:url(../img/msg/202501.svg);
}
.layer-error-customize .layui-icon::before {
	background:url(../img/msg/202502.svg);
}
.layer-warning-customize .layui-icon::before {
	background:url(../img/msg/202503.svg);
}
.layer-general-customize .layui-icon::before {
	background:url(../img/msg/202504.svg);
}






/*联系表单结束*/


/*产品循环开始*/
.kp-page-wrap  .sec{
   
}
.kp-page-wrap .batchphone{
    background-color: rgb(42, 41, 41);
}
.kp-page-wrap .batchphone .con-tit{
    color: #fff;
}
.kp-page-wrap .batchphone .procon-des{
    color: rgba(255, 255, 255, 0.92);
}
.kp-page-wrap .kp-page-box{
    overflow: hidden;
}
.kp-page-wrap .con-tit{
     padding-top: 84px;
    color: rgb(34, 34, 34);
    font-weight: 700;
    line-height: 1.375;
    text-align: center;
    margin-bottom: 32px;
    
}
.kp-page-wrap  .procon-des{
    color: rgb(77, 81, 90);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    width: 83.69%;
    margin: 0 auto 48px;
}

.kp-page-wrap  .pic{

    width:100%;
}
.kp-page-wrap  .pic img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.kp-page-wrap  .videos{
   width: 100%;
    height: 100vh;
    margin-top: 48px;
    clip-path: inset(10% 300px);
}
.kp-page-wrap  .videos video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.kp-page-wrap .pic-list{
    position: relative;
    width:1226px;
    margin: 48px auto 0;
    padding-bottom: 84px;
}
.kp-page-wrap .pic-list .swiper {
    overflow: visible;
    padding-bottom: 68px;
}
.kp-page-wrap .pic-list .swiper-slide{
    width:75%;
}
.kp-page-wrap .pic-list .swiper-slide .ss-inner{
    padding-bottom:66%;
    position: relative;
}
/*.kp-page-wrap .pic-list .swiper-slide:after{
    content: '';
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180.00deg, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
}*/
.kp-page-wrap .pic-list .swiper-slide img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
}
.kp-page-wrap .pic-list .sec4-txt {
    bottom: 0;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 16px 20px;
    z-index: 5;
    background: rgba(0, 0, 0, 0.5);
}
.kp-page-wrap .pic-list .sec4-tit {
    color: rgb(255, 255, 255);
    font-size: 32px;
    font-weight: 400;
    line-height: 1.375;
}
.kp-page-wrap .pic-list .sec4-des {
    color: rgb(255, 255, 255);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.35;
    margin-top: 4px;
}
.kp-page-wrap .pic-list .swiper-button-next {
    right: 0;
    bottom: 16px;
    margin-top: 0;
    width: 36px;
    height: 36px;
    top: auto;
    border-radius: 50%;
    border:1px solid #fff;
    /*background: rgba(0, 0, 0, 0.5);*/
    transition: all .5s;
}
.kp-page-wrap .pic-list .swiper-button-prev {
    right: 46px;
    bottom: 16px;
    margin-top: 0;
    top: auto;
    left: auto;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    transform: rotate(180deg);
    border:1px solid #fff;
    transition: all .5s;
}
.kp-page-wrap .pic-list .swiper-button-next:hover,
.kp-page-wrap .pic-list .swiper-button-prev:hover {
    background-color: var(--blue);
    border-color: var(--blue);
}
.kp-page-wrap .pic-list .swiper-button-next:after,
.kp-page-wrap .pic-list .swiper-button-prev:after{
    content: none;
}

/*产品循环结束*/

@media only screen and (max-width: 1440px) {
.footer .language .lang{
    right: 0;
    left: auto;
}
}
@media only screen and (max-width: 1280px) {
     .el-pagination.is-background button.btn-prev,
     .el-pagination.is-background button.btn-next{
            margin-top: 10px;
      }
      .el-pagination slot span:not([class*=suffix]){
            margin-top: 10px;
     }
    .kp-page-wrap .pic-list .sec4-tit {
       font-size: 28px;
    }
    .w1226{
        width: 90%;
    }
    
    .more1{
        height: 48px;
        line-height: 48px;
        border-radius: 24px;
    }
    .con-tit{
        font-size: 34px;
        line-height: 1.4;
    }
  
    .more2 {
	height: 42px;
	border-radius: 20px;
	font-size: 18px;
	line-height: 40px;
    }

.more3 {

	height: 42px;
	border-radius: 20px;
	font-size: 18px;
	line-height: 40px;

}

.more4 {
	height: 48px;
	font-size: 18px;
	border-radius: 24px;
	line-height: 48px;
}
.kp-page-wrap .con-tit{
    padding-top: 70px;
    line-height: 1.4;
}


.kp-page-wrap  .videos{

    margin-top: 48px;
    clip-path: inset(10% 10%);
}

.kp-page-wrap .pic-list{
    width:90%;
    margin: 48px auto 0;
    padding-bottom: 70px;
}
.noresults{
    margin-top: 70px;
    margin-bottom: 110px;
}
.noresults .empty{
    width: 240px;
}
.lfnav{
    left: 20px;
}
.swiper-fade .swiper-slide{
    min-height: 300px;
}
.banner .swiper-slide>img{
    position: absolute;
}
.banner .banner-tit{
    font-size: 30px;
}

}
@media only screen and (max-width: 1024px) {
    .lfnav{
    left: 10px;
}
        .con-tit{
        font-size: 30px;
        line-height: 1.4;
    }
    .thumb{
        margin-top:60px;
    }
    .con .flei{
        margin-bottom: 36px;
    }
    .kp-page-wrap .con-tit{
    padding-top: 60px;
    
    margin-bottom: 28px;
}
.kp-page-wrap .procon-des{
    width: 100%;
  margin: 0 auto 36px;
}

.kp-page-wrap .pic-list .sec4-tit {
    font-size: 24px;
}
.kp-page-wrap .pic-list .sec4-des {
    font-size: 18px;
 
}
.kp-page-wrap  .videos{

    margin-top: 36px;
 
}

.kp-page-wrap .pic-list{
  
    margin: 36px auto 0;
    padding-bottom: 60px;
}
.noresults{
    margin-top: 60px;
    margin-bottom: 90px;
}
.noresults .empty{
    width: 220px;
}
.banner .banner-tit{
    font-size: 26px;
}
.kp-page-wrap .pic-list .swiper-slide{
    width:85%;
}
}
@media only screen and (max-width: 768px) {
    .kp-page-wrap .pic-list .swiper-slide{
        width:90%;
    }
   .banner .banner-tit{
        font-size: 22px;
    }
  .kp-page-wrap .con-tit{
    padding-top: 40px;
    margin-bottom: 20px;
}

.kp-page-wrap .pic-list .sec4-txt {

    padding: 10px 15px;
}
.kp-page-wrap .pic-list .sec4-tit {
    font-size: 20px;
}
.kp-page-wrap .pic-list .sec4-des {
    font-size: 16px;
 
}
.kp-page-wrap .procon-des{
    width: 100%;
    margin: 0 auto 24px;
} 
.kp-page-wrap  .videos{

    margin-top: 24px;
 
}

.kp-page-wrap .pic-list{
  
    margin: 24px auto 0;
    padding-bottom: 40px;
}

.con .flei{
        margin-bottom: 24px;
    }
    .yuansu{
        width: 68px;
        height: 8px;
    }
        .con-tit{
        font-size: 24px;
      
    }
    .yuansu .lf{
        width: 8px;
    }
    .more1{
        height: 36px;
        line-height: 36px;
        border-radius: 18px;
        font-size: 16px;
    }
        
    .more2 {
	height: 32px;
	border-radius: 16px;
	font-size: 16px;
	line-height: 30px;
}


.more3 {

	height: 32px;
	border-radius: 16px;
	font-size: 15px;
	line-height: 30px;

}

.more4 {
	height: 36px;
	font-size: 16px;
	border-radius: 18px;
	line-height: 36px;
}


.footer-nav{
    display: none;
}
.footer{
    padding: 32px 0 20px;
}
.footer .footer-btm{
    margin-top: 24px;
    flex-wrap: wrap;
}
.footer .language{
    display: none;
}
.footer .footer-lf{
    flex-wrap: wrap;
}
.footer .footer-lf>div{
    flex: 0  0 100%;
}
.footer .links a{
    margin-left: 0;
    margin-right: 10px;
    margin-top: 10px;
}
.right{
    right: 20px;
}
.right .backTop, .right .pk, .right .dyue{
    width: 36px;
    height: 36px;
}
.right .backTop img, .right .pk img, .right .dyue img{
    width: 20px;
    height: 20px;
}
.dyue-box{
    width: 90%;
    padding: 20px 16px 30px;
}
.dyue-box .dyue-inner .dyue-lf{
    flex: 0 0 100%;
}
.dyue-box .inp input,
.dyue-box .submit{
    width: 100%;
    height: 40px;
    line-height: 40px;
}
.dyue-box .dyue-inner{
    margin-top: 30px;
}
.dyue-box .dyue-tit{
    font-size: 20px;
}
.dyue-box #form1{
    margin-top: 16px;
}
.dyue-box .dyue-rg{
    display: none;
}
.thumb .thumblist li{
    font-size: 14px;
}
.sear_inp{
    width: 100%;
}
div.el-pagination{
    text-align: left;
}
.el-pagination span.el-pagination__total:not([class*=suffix]),
 .p_page .layui-laypage .layui-laypage-count{
        display: block;
        margin-right: 0;
        margin-bottom: 10px;
      text-align: left;
        }
 

   .p_page .layui-laypage .layui-laypage-curr,
        .layui-laypage>a{
            margin-bottom: 10px;
        }
        .dyue-success{
            width: 90%;
        }
        .dyue-success{
            padding: 20px 15px 30px;
        }
        .dyue-success .dyue-inner{
            padding: 20px 10px 0;
        }
        .dyue-success .success-tit{
            font-size: 20px;
        }
        .dyue-success .success-got{
            width: 160px;
            height: 36px;
            line-height: 36px;
            border-radius: 18px;
        }
        .noresults{
    margin-top: 40px;
    margin-bottom: 50px;
}
.noresults .empty{
    width: 180px;
}
.lfnav{
    display: none!important;
}
.banner .banner-more{
    width: 136px;
    margin-top: 16px;
}
}








/*cookie*/



.cookiecover {
	position: fixed;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	z-index: 100000;
	top: 0;
	left: 0;
	display: none;
}

.cookiecover .cookie {
	border-radius: 8px;
	box-shadow: 0px 3px 6px 2px rgba(0, 0, 0, 0.08), 0px 1.5px 2px 0px rgba(0, 0, 0, 0.12);
	background: rgb(255, 255, 255);
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 48px;
	width: 1277px;
	transform: translate(-50%, -50%);
	max-height: 92vh;
	overflow: auto;
}

.cookie .yuansu {
	margin-left: 0;
}


.cookiecover ::-webkit-scrollbar {
	width: 4px;
	/* 滚动条的宽度 */
}

/* 滚动条轨道 */
.cookiecover ::-webkit-scrollbar-track {
	background: #ccc;
	/* 轨道颜色 */
}

/* 滚动条滑块 */
.cookiecover ::-webkit-scrollbar-thumb {
	background: var(--blue);
	/* 滑块颜色 */
	/* 滑块圆角 */
}

.cookie .mCSB_scrollTools {
	width: 4px;
	background-color: #ccc;
}

.cookie .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: var(--blue);
}

.cookie .mCSB_scrollTools .mCSB_draggerRail {
	background-color: #ccc;
}

.cookie .cookie-tit {
	font-size: 36px;
	line-height: 1.375;
	color: rgb(34, 34, 34);
	font-weight: 700;
	margin-top: 16px;
}

.cookie .cookie-des p {
	margin-top: 24px;
}

.cookie .cookie-des {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: rgb(34, 34, 34);
}

.cookie .cookie-des a {
	color: rgb(0, 153, 242);
	text-decoration: underline;
}

.cookie .cookieitem {
	display: flex;
	margin-top: 24px;
}

.cookie .choose {
	display: block;
	width: 20px;
	height: 20px;
	border: 1.25px solid rgb(199, 207, 216);
	border-radius: 2.5px;
	background: rgb(255, 255, 255);
	position: relative;
	margin-right: 16px;
	margin-top: 2px;
	flex: none;
}

.cookie .cookielist {
	padding-top: 6px;
}

.cookie .cook-rg {
	flex: 1;
}

.cookieitem.checked .choose {
	border-color: transparent;
}

.cookieitem.checked .choose:after {
	content: '';
	position: absolute;
	width: calc(100% + 2.5px);
	height: calc(100% + 2.5px);
	left: -1.25px;
	top: -1.25px;
	background: url(../img/checked.png) no-repeat center center / contain;
}

.cookie .cook-tit {
	line-height: 24px;
	font-size: 16px;
	color: rgb(34, 34, 34);
}

.cookie .cook-des {
	line-height: 24px;
	font-size: 16px;
	color: rgb(77, 81, 90);
}

.cookie-btn {
	display: flex;
	flex-wrap: wrap;
	margin-top: 72px;
	justify-content: flex-end;
}

.cookie-btn>div {
	margin-left: 16px;
	cursor: pointer;
}

.cookie .selected,
.cookie .refuse {
	padding: 0 32px;
	border-radius: 26px;
	line-height: 50px;
	color: rgb(0, 153, 242);
	font-size: 18px;
	border: 1px solid rgb(0, 153, 242);
	transition: all .5s;
}

.cookie .selected:hover,
.cookie .refuse:hover {
	border: 1px solid rgb(67, 183, 246);
	color: rgb(67, 183, 246);
}

.cookie .selected:active,
.cookie .refuse:active {
	border: 1px solid rgb(0, 125, 198);
	color: rgb(0, 125, 198);
}

.cookie .all {
	padding: 0 32px;
	border-radius: 26px;
	line-height: 52px;
	color: #fff;
	font-size: 16px;
	transition: all .5s;
	background: rgb(0, 153, 242);
}

.cookie .all:hover {
	background: rgb(67, 183, 246);
}

.cookie .all:active {
	background: rgb(0, 125, 198);
}
.el-select .el-input__inner:hover{
	border: 1px solid #0099f2;
}
.el-cascader .el-input__inner:hover{
	border: 1px solid #0099f2!important;
}
@media screen and (max-width:1366px) {
	.cookiecover .cookie {
		width: 90%;
	}
}

@media screen and (max-width:1280px) {
	.cookie .cookie-tit {
		font-size: 30px;
	}

	.cookie-btn {
		margin-top: 56px;
	}

	.cookie .selected,
	.cookie .refuse {
		line-height: 46px;
		padding: 0 26px;
	}

	.cookie .all {
		line-height: 48px;
		padding: 0 26px;
	}
}

@media screen and (max-width:1024px) {
	.cookie .cookie-tit {
		font-size: 26px;
	}



	.cookiecover .cookie {
		padding: 36px;
	}

	.cookie-btn {
		margin-top: 56px;
	}
}

@media screen and (max-width:768px) {
	.cookiecover .cookie {
		padding: 24px 20px;
	}

	.cookie .cookie-tit {
		font-size: 22px;
		margin-top: 8px;
	}

	.cookie .cookie-des p {
		margin-top: 16px;
	}


	.cookie .selected,
	.cookie .refuse {
		line-height: 34px;
		padding: 0 20px;
		font-size: 16px;
		border-radius: 18px;
	}

	.cookie .all {
		line-height: 36px;
		padding: 0 20px;
		border-radius: 18px;
	}

	.cookie .cook-des {
		font-size: 14px;
		line-height: 20px;
	}

	.cookie .cookieitem {
		margin-top: 16px;
	}

	.cookie .choose {
		margin-right: 8px;
	}

	.cookie-btn {
		margin-top: 20px;
		justify-content: flex-start;
	}

	.cookie-btn>div {
		margin-left: 0;
		margin-right: 16px;
		margin-top: 8px;
	}
}