@charset "utf-8";

/* CSS Document */

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html {
	max-width: 1920px;
	margin: 0 auto
}

body {
	font-family: -apple-system, "Microsoft YaHei","system-ui";
	font-size: 100%;
	color: #000000;
	margin: 0;
	padding: 0;
}

ol,ul,li,p,dl,dt,dd,h1,h2,h3,h4,h5,h6 {
	list-style: none outside none;
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-weight: normal;
}

img {
	max-width: 100%;
	border: none;
	border-style: none !important;
}

a:link,a:visited {
	color: #323232;
	text-decoration: none;
	outline: none;
}

a:hover,a:active {
	color: #323232;
	text-decoration: none;
	outline: none;
}

button, input, textarea {border: none;outline: none;background: none;} 

em, i {font-style: normal;}

.clear {clear: both;}

.ce {display: flex;align-items: center;justify-content: center;}

::-webkit-scrollbar {
	width: 3px;
	height: 8px;
	background-color: #fff;
	border-radius: 4px;
	position: relative;
}

::-webkit-scrollbar-thumb {
	background-color: #b1b1b1;
	border-radius: 3px;
}

.gm-top {
	position: relative;
	width: 95%;
	max-width: 1730px;
	margin: 0 auto;
}

.gm {
	position: relative;
	width: 97%;
	max-width: 1500px;
	margin: 0 auto;
}

.ngm {
	width: 97%;
	max-width: 1200px;
	margin: 0 auto;
}

.omit-1 {
    white-space: nowrap;       		/* 禁止文本换行 */
    overflow: hidden;          		/* 隐藏超出容器的内容 */
    text-overflow: ellipsis;   		/* 超出部分显示省略号 */
}

.omit-2 {
    display: -webkit-box;        	/* 必须结合的属性，将对象作为弹性伸缩盒子模型显示 */
    -webkit-box-orient: vertical; 	/* 设置或检索伸缩盒对象的子元素的排列方式 */
    -webkit-line-clamp: 2;       	/* 限制在一个块元素显示的文本的行数 */
    line-clamp: 2;       			/* 限制在一个块元素显示的文本的行数 */
    overflow: hidden;           	/* 隐藏超出容器的内容 */
}

.omit-3 {
    display: -webkit-box;        	/* 必须结合的属性，将对象作为弹性伸缩盒子模型显示 */
    -webkit-box-orient: vertical; 	/* 设置或检索伸缩盒对象的子元素的排列方式 */
    -webkit-line-clamp: 3;       	/* 限制在一个块元素显示的文本的行数 */
    line-clamp: 3;       			/* 限制在一个块元素显示的文本的行数 */
    overflow: hidden;            	/* 隐藏超出容器的内容 */
}

.xsj {overflow-y: auto;overflow-x: hidden;scroll-snap-type: y mandatory;}
.xsj::-webkit-scrollbar {width: 10px;}
.xsj::-webkit-scrollbar-track {background: #444444;border-radius: 4px;}
.xsj::-webkit-scrollbar-thumb {background: #6475b2;border-radius: 4px;}

/* 媒体查询 */

.mutsumi {display: block;}
.mortis {display: none;}
@media screen and (max-width:768px) {
	.mutsumi {display: none;}
	.mortis {display: block;}
}

/* 延迟加载菜单文字 */

.menu_txt a {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: returnToNormal;
	animation-name: returnToNormal;
}

@-webkit-keyframes returnToNormal {
	0% {
		opacity: 0;
		transform: translate3d(0, -100%, 0);
	}

	100% {
		opacity: 1;
		transform: none;
	}
}

@keyframes returnToNormal {
	0% {
		opacity: 0;
		transform: translate3d(0, -100%, 0);
	}

	100% {
		opacity: 1;
		transform: none;
	}
}

/* 分页器 */

.green-black {display: flex;justify-content: center;width: 100%;padding: 0;margin: 20px auto;text-align: center;}
.green-black a {display: inline-block;box-sizing: border-box;height: 36px;line-height: 36px;text-decoration: none;font-size: 100%;color: #a8a7a7;padding: 0 10px;margin-right: 10px;background-color: transparent;border-radius: 5px;}
.green-black a:hover {color: #fff;background-color: #a5a5a5;}
.green-black span.current {display: inline-block;box-sizing: border-box;padding: 0 13px;height: 36px;line-height: 36px;color: #fff;margin-right: 6px;background: #6475b2;border-radius: 5px;}
.green-black .linkpl {font-family: "宋体";font-weight: bold;}
.npages ul{display:flex;align-items: center;justify-content: space-between;}
.npages ul li {width:100px;min-width:160px;height:48px;line-height: 48px;text-align: center;font-size:18px;transition: all 0.3s;}
.npages ul li a {display: flex;align-items: center;justify-content: center;color:#fff;}
.npages ul li a span {padding:0 6px;opacity: 33%;}

@media screen and (max-width:768px) {
	.green-black {margin: auto;margin-top: 20px;}
	.green-black a {height: 26px;line-height: 26px;font-size: 13px;padding: 0 6px;}
	.green-black span.current {height: 26px;line-height: 26px;}
}

/*  Head  */
.nav_box {width: 100%;position: fixed;top: 0;left: 0;z-index: 999;background-color: transparent;}
.nav_box img {filter: brightness(250);transition: all .5s ease-in-out;}
.top_nav {width: 100%;position: relative;overflow: hidden;}
.top_nav::before {content: "";display: block;width: 100%;height: 100%;background-color: #bdc0c7;position: absolute;top: 0;left: 0;z-index: -1;transform: translateY(-100%);transition: transform .5s ease-in-out;}
.nax-box {display: flex;align-items: center;justify-content: space-between;position: relative;z-index: 1;}
.nax-logo {flex:0 1 130px;text-align: right;}
.nax-logo img {width:130px}
.nax-list {flex: 1;display: flex;align-items: center;justify-content: center;position: relative;height: 90px;overflow: hidden;}
.nax-list ul {display: flex;gap: 110px;}
.nax-list ul li {position: relative;width: max-content;height: 100%;text-align: center;transition: .5s;}
.nax-list ul li>a {display: block;position: relative;height: 100%;}
.nax-list ul li>a h1 {font-size: 22px;color:#fff;font-weight: 500;position: relative;text-transform: capitalize;font-family: "matth";}
.nax-list ul li>a h1 span {font-family: "GOT";padding: 0 4px;}
.nax-list ul li>a i {display: block;width: 95%;height: 2px;background-color: transparent;position: relative;margin-top: 8px;overflow: hidden;}
.nax-list ul li>a i::before {content: "";display: block;width: 100%;height: 100%;background-color: #5365ae;transition: transform .5s ease-in-out;transform: translateX(-100%);}
.nax-list ul li>a:hover i::before {transform: translateY(0);}
.nax-list ul li.xd>a i::before {transform: translateY(0);}
.nax-list dl {display: flex;align-items: center;gap: 10px;height: 100%;padding: 0 20px;}
.nax-list dl dd {font-size: 24px;color:#fff;font-family: "OPPOS"}
.nax-list dl em {display: block;width: 30px;height: 30px;border-radius: 50%;background: #b68951;overflow: hidden;}
.nax-list ul li.ewm dl {gap: 20px;}
.nax-list ul li.ewm dl em {width: 70px;height: 70px;border-radius: 6px;overflow: hidden;}
.nax-list ul li.ewm dl p {font-size: 12px;color: #fff;text-align: center;margin-top: 6px;}
.nax-last {flex:0 1 130px;}
.nax-last ul {display: flex;align-items: center;justify-content: end;gap: 12px;}
.nax-last ul li i {width: 24px;height: 24px;border-radius: 50%;background-color: #6475b2;}
.nax-last ul li img {display: block;width: 25px;cursor: pointer;}
.top_box_move {transition: all .6s ease-in-out;box-shadow: 0 0 13px 6px rgba(0, 0, 0, .2);}
.top_box_move .top_nav::before {transform: translateX(0);transition: transform .5s ease-in-out;}
.top_box_move .top_nav .nax-list ul li>a h1 {color:#5c5a5b;}
.top_box_move img {filter: brightness(1);}
/*  二级菜单  */
.nax-last ul li.gb {position: relative;cursor: pointer;}
.xs {position: absolute;top: 10px;left: 50%;transform: translateX(-50%);width: max-content;height: auto;z-index: 99;padding: 5px 10px;opacity: 0;}
.xs a {color: transparent;}
/* 搜索框 */
.seard {position: absolute;right: 0;bottom: 0;width: 100%;z-index: 11;left: 0;margin: 0 auto;transform: translate(0,100%);display: none;}
.seard::before {content: "";width: 100%;height: 100%;background: #f8f8f8;left: 0;top: 0px;display: block;position: absolute;transition: .5s;}
.seard form {width: 50%;margin: 0 auto;position: relative;}
.d1 {padding: 20px 0;box-sizing: border-box;}
.d1 input {box-sizing: border-box;width: 100%; height: 42px;padding-left: 10px; border: 2px solid #6bb731; border-radius: 50px; outline: none; background: #fff;color: #9E9C9C;}
.d1 button {box-sizing: border-box;position: absolute; top: 0; right: 0px; width: 42px;height: 42px; border: none; background: #6bb731; border-radius: 50px; cursor: pointer;}
.d1 button img {filter: brightness(0) invert(1);}
.nax-box-bg {width: 100vw;height: 90px;position: absolute;left: 0;top: 0;transform: translateX(100%);transition: transform 0.2s ease-in-out;}
.nax-box-bg.on {transform: translateX(0);}
.nax-box-bg.sb1 {background: rgba(0, 0, 0, 0.66);}
.nax-box-bg.sb2 {background: rgba(255, 255, 255, 0.88);}
.sb1 {display: none;}
.sb2 {display: inline-block;}

@media screen and (max-width:768px) {
	.nav_box {width: 100%;position: sticky;top: 0;left: 0;transform: translateX(0);border-radius: 0;background-color: #bdc0c7;}
	.top_nav {display: none;}
	.mob_inner_box {display: block;z-index: 10;}
	.mob_inner img {width:40%;}
	.top-logo {display: flex;align-items: center;height:60px;padding-left: 10px;}
	.menu_bg {width:180px;position: absolute;right: 0;top: 60px;background:rgba(0, 0, 0, 0.75);display: none;}
	.menu_txt {text-align: center;}
	.menu_txt ul {display: flex;flex-direction: column;}
	.menu_txt ul li {display: flex;align-items: center;justify-content: center;border-bottom: 1px solid rgba(255, 255, 255, 0.4);transition: all 0.5s;}
	.menu_txt ul li a {display: block;width: 100%;height: 48px;line-height: 48px;font-size: 14px;color: #fff;}
	.nax-last {position: absolute;right: 60px;top: 50%;transform: translateY(-50%);}
	.nax-last ul {gap: 0;}
	.nax-last ul li i {width: 32px;height: 32px;}
	.nax-last ul li img {width: 80%;}
	.mob_ico {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);cursor: pointer;}
	.mob_ico span {display: block;margin-bottom: 8px;width: 34px;height: 2px;background: #6475b2;transition: 0.3s;}
	.mob_ico span:last-child {margin-bottom: 0;}
	.mob_ico_show span:nth-of-type(1) {transform: translateY(10px) rotate(-45deg);}
	.mob_ico_show span:nth-of-type(2) {opacity: 0;}
	.mob_ico_show span:nth-of-type(3) {transform: translateY(-10px) rotate(45deg);}
}

/*  Foot  */
.footer {background: #5c5a5b;padding-bottom: 60px;position: relative;bottom: 0;z-index: 0;width: 100%;height: 100vh;}
.footer a {color: #bdc0c7;transition: all .3s ease-in-out;}
.ft-a {position: fixed;top: 20px;width: 100%;}
.ft-a .foot-box {display: flex;align-items: center;justify-content: space-between;position: relative;z-index: 1;}
.ft-a .foot-box .nax-list {height: auto;}
.ft-a .foot-box .nax-list ul li>a h1 {font-size: 18px;color: #bdc0c7;font-family: "Harmony-R";transition: all .3s ease-in-out;}
.ft-a .foot-box .nax-list ul li>a:hover h1 {color: #fff;}
.ft-a .foot-box .nax-last img {filter: brightness(100);opacity: 60%;}
.foot-list2 ul {display:flex;justify-content: flex-end;gap: 40px;margin-top: 25px;}
.foot-list2 ul li:nth-child(1) {width: 180px;}
.foot-list2 ul li:nth-child(2) {width: 230px;}
.foot-list2 ul li p {color: #bdc0c7;}
.ft-b {position: fixed;bottom: 0;width: 100%;}
.ft-b ul {display: flex;justify-content: space-between;align-items: center;gap: 50px;}
.ft-b .ft-con ul li>div {display: flex;align-items: center;gap: 10px;}
.ft-con-ewm {position: relative;min-height: 250px;overflow: hidden;}
.ft-con-ewm > div {position: absolute;left: 50%;bottom: 20px;transform: translate(-50%, 150%);opacity: 0;transition: transform .5s ease-in-out, opacity 1s ease;}
.ft-con-ewm > div.xd {transform: translate(-50%, 0%);opacity: 100%;}
.ft-con-ico img {width: 48px;cursor: pointer;transition: all .3s ease-in-out;}
.ft-con-ico img:hover {filter: brightness(1.5);}
.ft-txt {text-align: center;padding: 50px 0 20px;}
.ft-txt b {max-width: 100%;line-height: 1;text-align: center;font-size: clamp(80px, 8rem, 150px);color: #fefefe;font-weight: 800;white-space: nowrap;font-family: "GOT-B";}
.ft-con i {display: block;border-radius: 10px;overflow: hidden;}
.ft-ort {padding: 40px 0;position: relative;z-index: 10;}
.ft-ort ul li a {font-size: 23px;text-transform: capitalize;font-family: "GOTR";}
.ft-ort ul li a:hover {color: #fff;}

@media screen and (max-width:768px) {
	.ymca {position: fixed;bottom: 0;z-index: 996;width: 100vw;background: #404040;}
	.ymca ul {padding: 0px;margin: 0px;list-style-type: none;border-top: 2px solid #6475b2;}
	.ymca ul li {color: #fff;width: 25%;text-align: center;padding: .3rem 0;position: relative;float: left;}
	.ymca ul li a {color: #fff;display: block;border-left: 1px solid #555555;}
	.ymca ul li:nth-child(1) a {border-left: 0;}
	.ymca ul li.on a {border-left: none;}
	.fnav_pic {width: 24%;margin: 0 auto;}
	.fnav_pic img {max-width: 100%;}
	.fnav_wb {font-size: .75rem;}
}

/*  Banner  */
.banner {position: relative;z-index: 10;background-color: #bdc0c7;}
.banner .swiper-slide {position: relative; overflow: hidden;}
.banner-swiper-button {display: flex;justify-content: center;position: absolute;left: 0;bottom: 33vh;z-index: 11;width: 100%;}
.banner-swiper-button .swiper-pagination-bullet {opacity: 1 ;background: transparent;width: 12px !important;height: 12px !important;margin: 0 10px !important;border-radius: 50% !important;border: 2px solid #fff;transition: all .5s;}
.banner-swiper-button .swiper-pagination-bullet-active {position: relative;background: #fff;border: 2px solid #fff;}
.banner-swiper-button .swiper-pagination span {position: relative;}
.banner-swiper-button .swiper-pagination-bullet-active::after {opacity: 1 !important;}
.banner-swiper-button .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction {width: auto;left: 50%;transform: translateX(-50%);bottom: 35px;}
.banner-content {position: absolute; top: 0;left: 0;width: 100%;height: 100%;z-index: 10;}
.banner-video {position: relative;width: 100%;height:888px;overflow: hidden;}
.banner .video-container {position: relative;width: 100%;height: 100%;overflow: hidden;}
.banner .video-container video {width: 100%;height: 100%;object-fit: cover;}
.banner-txt {position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 99;width: 100%;color: #fff;}
.banner-txt h2 {line-height: 1;font-size: 68px;font-weight: 700;text-transform: uppercase;}
.banner-txt h3 {font-size: 25px;font-weight: 100;letter-spacing: 2px;text-transform: uppercase;margin-bottom:40px;}
.banner-txt h4 {line-height: 60px;font-size: 56px;font-weight: 400;margin-bottom:50px;}
.banner-txt span {display: flex;align-items: center;justify-content: center;width: 150px;height: 50px;font-size: 20px;color:#252525;background: #fff;border-radius: 30px;}
.kmr {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.48);z-index: 90;}
.kmr img {position: absolute;bottom: 0;right: 0;}
.banner-cover {position: absolute;top: 15%;margin-left: 10%;max-width: 350px;z-index: 1;}
.banner-cover>div {border-radius: 20px;overflow: hidden;}
.cover-content {padding: 20px;padding-left: 30px;background-color: rgba(255, 255, 255, 0.4);color: #fff;}
.cover-content h4 {font-size: 42px;font-weight: 600;text-transform: uppercase;font-family: "GOTR-M";}
.cover-content h5 {font-size: 25px;font-weight: 500;margin: 10px 0 5px;}
.cover-content p {font-size: 18px;font-weight: 400;line-height: 1.5;}
.cover-content ul {display: flex;align-items: flex-end;font-family: "GOT";}
.cover-content ul li.cl {flex: 1;margin-right: 10px;}
.cover-content ul li.cr {width: 60px;}
.cover-video {margin-top:20px;}
.cover-video a {display: block;cursor: pointer;}
.banner-shot {position: relative;z-index: 11;width: 100%;min-height: 250px;background: #bdc0c7;opacity: 0;transform: translateY(150px) scale(0.95);transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.banner-shot.show {opacity: 1;transform: translateY(0) scale(1);}
.banner-shot>div {padding: 30px 0 60px;text-align: center;}
.banner-shot>div h1 {line-height: 1;font-size: 60px;color: #332c2b;font-weight: 800;font-family: "GOT-B";}
.banner-shot>div h2 {line-height: 1.2;font-size: 30px;color: #332c2b;font-weight: 400;margin-top: 30px;font-family: "GOTR-M";}
@media screen and (max-width:768px) {
	.banner-swiper-button {bottom:30px;}
	.banner .swiper-pagination-bullet {width: 13px !important;height: 13px !important;margin: 0 5px !important;}
}

/* 首页产品 */
.invv {position: relative;z-index: 10;}
.ina {background: #bdc0c7 center/cover fixed;}
.accordion-item {display: flex;background-color: #fff;font-family: "GOT-B";}
.accordion-item h4 {line-height: 1;font-size: 30px;font-weight: 600;margin-bottom: 30px;}
.accordion-item h5 {line-height: 1;font-size: 28px;font-weight: 600;color: #bdc0c7;height: 66px;margin-bottom: 50px;}
.accordion-item h6 {line-height: 1;font-size: 45px;font-weight: 800;color: #332c2b;}
.accordion-item p {line-height: 1.3;font-size: 22px;font-weight: 300;height: 200px;font-family: "GOT";opacity: 75%;}
.accordion-l {width: 25%;position: relative;overflow: hidden;}
.accordion-l .al {width: 90%;margin: auto;position: absolute;top: 50%;left: 50%;transform: translate(150%, -50%);opacity: 0;transition: transform .5s ease-in-out, opacity 1s ease;}
.accordion-l .al.active {transform: translate(-50%, -50%);opacity: 1;}
.accordion-r {flex: 1;display: flex;overflow: hidden;}
.accordion-r .ar {padding: 50px 20px;flex: 1;text-align: center;}
.accordion-r .ar.active {background-color: #bdc0c7;}
.accordion-r .ar.active h5 {color: #fff;}
.ina-more {position: absolute;left: 20%;bottom: 20%;z-index: 1;cursor: pointer;}
.ina-more i {width: 50px;height: 50px;background-color: #bdc0c7;border-radius: 50%;}

/* 首页关于我们 */
.inb {background: #bdc0c7;}
.inb-top {position: relative;}
.inb-top .gm-top {display: flex;justify-content: space-between;}
.inb-top h1 {font-size: 100px;color: #332c2b;-webkit-text-stroke: 2px;font-family: "GOT-B";}
.inb-top h2 {font-size: 40px;margin-bottom: 20px;font-family: "GOTR";}
.inb-top p {line-height: 2;font-size: 16px;font-family: "Harmony-R";}
.inb-l {flex: 0 1 40%;padding-bottom: 40px;}
.inb-l-mid {margin-left: 18%;padding: 70px 0;color: #5c5a5b;}
.inb-more {text-align: right;position: relative;color: #9e9e9e;transition: all .5s ease-out;}
.inb-l a:hover .inb-more {color: #6475b2;}
.inb-top-bg {position: absolute;right: 0;bottom: 0;width: 100%;text-align: end;}
@keyframes inb1 {
  from {transform: translateY(0);}
  to {transform: translateY(-30px);}
}
.inb-more img {width: 20px;}
.inb-buttom {overflow: hidden;white-space: nowrap;width: 100%;padding: 100px 0;}

/* product */
.ban {width: 100%;position: relative;z-index: 10;display: flex;flex-direction: row-reverse;box-shadow: 0 0 13px 6px rgba(0, 0, 0, .2);background: #fff;}
.ban a {transition: opacity .5s ease-in-out;}
.ban-cover {flex: 0 1 25%;display: flex;align-items: center;justify-content: center;position: relative;}
.ban-cover .zxx {position: absolute;left: 10%;bottom: 20px;}
.ban-cover .zx a {font-size: 28px;color: #6475b2;font-family: "GOT-B";opacity: 20%;filter: grayscale(0);}
.ban-cover .zx a:hover {opacity: 100%;}
.ban-cover-half h1 {font-size: 28px;color: #6475b2;margin-bottom: 35px;font-family: "GOT-B";}
.ban-cover-half ul li {margin-bottom: 20px;width: 20vw;min-width: 300px;position: relative;}
.ban-cover-half ul li a {display: block;width: 100%;height: 100%;font-size: 23px;color: #252525;opacity: 40%;font-family: "Harmony-B";}
.ban-cover-half ul li a:hover {opacity: 100%;}
.ban-cover-half ul li .ghs {position: absolute;right: 20px;top: 50%;z-index: -1;transform: translateY(-50%);opacity: 0%;}
.ban-cover-half ul li.xjp a {opacity: 100%;;}
.ban-cover-half ul li.xjp .ghs {opacity: 30%;}
.ban-cover-half ul li.active .ghs {opacity: 100%;animation: ghs 1s infinite alternate;}
.ban-bg {flex: 1;overflow: hidden;}
.ban-bg .ssr {display: none;}
.ban-bg .ssr.sd {display: block;}
.ban-bg img {display: block;width: 100%;object-fit: cover;min-height: 892px;}
.pro-content {position: relative;z-index: 5;background: #fff;padding: 200px 0 250px;}
.pro-content>div h5 {font-size: 34px;color: #555;font-family: "GOT-B";margin-bottom: 30px;transition: all .5s ease-out;}
.pro-content>div .green-black {display: none;}
.pro-content-swiper {padding: 0 10%;position: relative;}
.pro-list {text-align: center;padding: 160px 0 40px;background: #bdc0c7;overflow: hidden;}
.pro-content>div .pro_txt h5 {margin-bottom: 0;}
.pro-list img {transition: all 0.5s ease-in-out;}
.pro-list:hover h5 {color: #6475b2;}
.pro-list:hover img {transform: scale(1.1);}
.pro_txt {font-size: 25px;color: #000;margin-top: 50px;}
.pro_control {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;z-index: 11;}
.pro_control .swiper-button-prev {left: 6%;}
.pro_control .swiper-button-next {right: 6%;}
.pro_control .swiper-button-next:after, .pro_control .swiper-button-prev:after {color: #bdc0c7;}
@keyframes ghs {
  from {transform: translate(0, -50%);}
  to {transform: translate(10px, -50%);}
}
/* search */
.search {padding: 130px 0;background: #fff;position: relative;z-index: 5;min-height: 100vh;}
.search-top {width: 80%;margin: auto;background: #e9e9e9;border-radius: 30px;overflow: hidden;}
.search-top form {display: flex;justify-content: space-between;}
.search-top form input {flex: 1;height: 50px;line-height: 50px;padding-left: 10px;}
.search-top form button {width: 100px;}
.search-content {width: 95%;max-width: 1500px;margin: auto;margin-top: 50px;}
.search-content ul {display: flex;gap: 20px;flex-wrap: wrap;}
.search-content ul li {width: calc((100% - 40px) / 3);}
@media (max-width: 768px) {
	.search {padding: 100px 0;}
	.search-top {width: 90%;}
	.search-top form input {height: 40px;line-height: 40px;}
	.search-top form button {width: 40px;}
	.search-content {margin-top: 30px;}
	.search-content ul {gap: 20px;}
	.search-content ul li {width: calc((100% - 20px) / 2);}
	.pro_txt {font-size: 15px;margin-top: 10px;}
}

/* productshow */
.proshow-content {position: relative;z-index: 5;background: #fff;padding: 60px 0 120px;}
.ps-swp {min-height: 100vh;}
.ps-swp ul {display: flex;justify-content: space-between;position: relative;gap: 50px;}
.ps-swp-l {width: 480px;position: -webkit-sticky;position: sticky;top: 120px;align-self: flex-start;}
.ps-swp-r {width: 880px; }
.ps-wp {width: 480px;margin: auto;margin-top: 50px;}
.ps-wp .swiper-slide{border-radius: 30px;border: 1px solid #bdc0c7;overflow: hidden;}
.ps-wps {margin-top: 30px}
.ps-wps .swiper-container {padding: 10px;}
.ps-wps .swiper-slide i {display: block;border-radius: 50%;box-shadow: 0 0 6px 5px rgba(0, 0, 0, .02);overflow: hidden;border: 1px solid #ddd;}
.ps-wps .swiper-slide-thumb-active i {box-shadow: 0 0 8px 3px rgba(0, 0, 0, .2);}
.ps-wps .swiper-slide i img {display: block;cursor: pointer;}

.wuwa {position: relative;}
.wuwa h1 {font-size: 25px;color: #000;font-weight: 600;font-family: "GOT-B";}
.wuwa h2 {font-size: 24px;color: #6173ab;font-weight: 600;font-family: "Harmony-R";}
.wuwa h4 {font-size: 24px;color: #575757;font-weight: 600;margin-bottom: 10px;font-family: "Harmony-B";}
.wuwa p {line-height: 1.5;font-size: 20px;margin-bottom: 30px;width: 70%;font-family: "Harmony-R";}
.sb-wuwa {margin-top: 40px;color: #5c5a5b;}
.sb-wuwa .swiper-container.ojb {padding: 10px 0 30px;}
.cherry h4 {height: 60px;line-height: 60px;font-size: 24px;color: #575757;font-weight: 600;margin-bottom: 10px;}
.cherry table {border: 0;}
.cherry table td {padding: 0 20px;line-height: 2;font-size: 20px;color: #5c5a5b;}
.ps-lop {height: 60px;border-top: 2px dotted #ddd;border-bottom: 2px dotted #ddd;position: relative;overflow: hidden;transition: height 0.3s ease; position: relative;}
.ps-lop.expanded {height: auto;padding-bottom: 50px;}
.toggle-btn {position: absolute;right: 15px;top: 15px;transform:rotate(90deg);transition: transform 0.48s ease;}
.toggle-btn:hover {transform:rotate(180deg);}
.toggle-btn img {cursor: pointer;}

/* about */
.aboutus {padding: 130px 0 60px;background: #fff;position: relative;z-index: 5;min-height: 100vh;}
.ab-content {display: flex;justify-content: center;gap: 5%;}
.ab-content>div {flex: 0 1 50%;position: relative;}
.ab-ex {max-height: 430px;padding-right: 20px;}
.content-txt {scroll-snap-align: start;min-height: 430px;margin-bottom: 100px;}
.content-txt:last-child {margin-bottom: 0;}
.content-txt h2 {font-size: 80px;font-weight: bold;margin-bottom: 30px;color: #000;line-height: 1;font-family: "GOT-B";}
.content-txt h4 {font-size: 20px;color: #5c5a5b;line-height: 1.5;font-family: "Harmony-R";}
.ab-cr .ab-video {box-shadow: -10px 10px 20px 6px rgba(0, 0, 0, .2);border-radius: 20px;overflow: hidden;}
.ab-video {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 90%;}
.ab-video video {width: 100%;outline: none;border: none;}
.ab-bottom {margin: 80px 0;}
.sadd a {display: block;width: 100%;height: 100%;position: relative;}
.news-title h2 {font-size: 60px;color: #252525;font-family: "GOT-B";}
.news-txt {font-family: "GOT";}
.news-txt h3 {padding: 10px 20px;font-size: 20px;color: #fff;background: rgb(61 133 184 / 80%);font-weight: 600;}
.news-txt p {padding: 10px 20px;font-size: 16px;color: #484848;background: #f2f2f2;font-weight: 300;}
.news_pn {font-family: "GOTR";}

/* newshow */
.newss-title {margin-bottom: 30px;}
.newss-title h2 {font-size: 60px;color: #252525;font-family: "GOT-B";}
.newsshow {padding: 170px 0 100px;background-size: contain;}
.newsshow-titles {width: 80%;margin: auto;text-align: center;}
.newsshow-title h4 {font-size:30px;color:#252525;font-weight: 600;margin-bottom: 10px;}
.newsshow-title p {font-size:16px;color:#868686;}
.newsshow-content {padding: 20px 0;padding-right: 25px;height: 360px;}
.newsshow-content .ngm {padding:50px 30px;border-radius: 30px;box-shadow: 0 0 13px 5px rgb(222 222 222 / 66%);}
.news_pn ul {display: flex;align-items: center;justify-content: space-between;margin-top: 50px;}
.news_pn ul li a {font-size: 18px;color: #868681;transition: all 0.3s ease-out;}
.news_pn ul li a span {font-family: fangsong, cursive;}
.news_pn ul li:hover a {color: #6475b2;}
.oba.femi {font-family: "Harmony-R";}
.oba.femi h2 {font-size: 40px;font-weight: 600;}
.oba.femi p {line-height: 1.5;font-size: 22px;margin-top: 25px;}

/* Honor */
.honor {padding-top: 100px;background: #fff;position: relative;z-index: 5;min-height: 100vh;}
.honor-content {display: flex;justify-content: space-between;align-items: center;height: 90vh;gap: 50px;}
.honor-left {flex:0 1 500px;}
.honor-top {margin-bottom: 40px;}
.honor-top h2 {font-size: 100px;color: #000;-webkit-text-stroke: 5px;;font-family: "GOT-B";}
.honnor-list > div {cursor: pointer;font-size: 28px;color: #bdc0c7;margin-bottom: 30px;position: relative;transition: all;font-family: "Harmony-B";}
.honnor-list > div i {display: block;position: absolute;top: 50%;right: 10px;transform: translateY(-50%);}
.honnor-list > div.active {color: #000;}
.honnor-list > div:hover {color: #252525;}
.honor-right {flex: 1;overflow: hidden;}
.honor-right > div {display: none;opacity: 0;transform: translateY(30px);transition: transform 0.6s ease, opacity 0.3s ease;}
.honor-right > div.show {display: block;opacity: 1;transform: translateY(0);animation: slideInUp 0.4s ease forwards;}
.honor-right > div.active {display: block;}
@keyframes slideInUp {
    from {opacity: 0;transform: translateY(30px);}
    to {opacity: 1;transform: translateY(0);}
}

/* contact */
.contact {padding: 200px 0;background: #fff;position: relative;z-index: 5;min-height: 100vh;}
.contact-list {display: flex;align-items: center;justify-content: space-between;gap: 110px;}
.con-l {flex: 0 1 480px;}
.con-r {flex: 1;}
.con-r h2 {font-size: 40px;color: #000;font-weight: 800;margin-bottom: 40px;font-family: "GOT-B";}
.con-r h3 {font-size: 16px;opacity: 50%;margin-top: 20px;font-family: "Harmony-R";}
.con-r h4 {font-size: 22px;color: #000;width: 80%;font-family: "Harmony-R";}
.contact-bottom {margin-top: 50px;}
.contact-bottom h4 {font-size: 28px;color: #5365ae;font-family: "Harmony-B";}
.contact-bottom h5 {font-size: 18px;margin: 13px 0 30px;color: #555;font-family: "Harmony-R";}
.contact-bottom form {width: 75%;}
.contact-bottom dl {display: flex;align-items: center;gap: 20px;margin-bottom: 20px;}
.contact-bottom dl dt {flex: 0 1 180px;font-size: 18px;color: #606060;}
.contact-bottom dl dd {flex: 1;display: flex;align-items: center;gap: 20px;position: relative;}
.contact-bottom dl dd.byd::after {content: "*";color: #CC0000;position: absolute;top: 0;right: 0;}
.contact-bottom input, .contact-bottom textarea {width: 98%;border: 1px solid #e5e5e5;background: rgb(255 255 255 / 13%);border-radius: 5px;position: relative;padding: 10px;box-sizing: border-box;}
.contact-bottom input {height: 36px;}
.contact-bottom textarea {height: 250px;resize: vertical;}
.contact-bottom i {display: flex;align-items: center;gap: 6px;}
.contact-bottom i input {width: 16px;height: 16px;border: 2px solid #5365ae;}
.contact-code {display: flex;align-items: center;gap: 20px;}
.contact-code p {flex: 0 1 180px;font-size: 18px;color: #606060;}
.contact-code input {flex: 0 1 80px;}
.contact-submit {margin-top: 30px;display: flex;align-items: center;gap: 10px;}
.contact-submit button {width: 80px;height: 36px;background: #f2f2f2;font-size: 18px;color: #252525;cursor: pointer;transition: all 0.3s ease;border-radius: 4px;}
.contact-submit button:hover {background: #5365ae;color: #fff;}

/* news */
.news {padding: 170px 0;background: url(../img/banner-news.jpg) top center no-repeat;background-size: contain;}
.news .a-top {margin-bottom: 40px;}
.news .a-top h1 {font-size: 48px;color: #6475b2;font-weight: 600;}
.news .a-top h2 {font-size: 36px;color: #000;}
.newsa {display: flex;align-items: center;padding: 30px;border-radius: 20px;overflow: hidden;background: #fff;}
.newsa_l {width: 680px;}
.newsa_l img {width: 100%;object-fit: fill;}
.newsa_r {flex: 1;margin-left: 50px}
.newsa_r h2 {font-size: 16px;color: #6475b2;font-weight: 600;margin-bottom: 50px;}
.newsa_r h3 {font-size: 30px;color: #000;font-weight: 600;margin-bottom: 30px;}
.newsa_r p {line-height: 1.5;font-size: 18px;color: #484848;}
.newsa_r span {width: 140px;height: 48px;border: 1px solid #6475b2;border-radius: 30px;}
.newsa_r .more {margin-top: 40px;}
.news-list {margin-top: 100px;padding: 0 30px;}
.news-list ul {display: flex;gap: 55px;flex-wrap: wrap;}
.news-list ul li {width: calc((100% - 110px)/ 3);border-radius: 20px;overflow: hidden;background: #f3f3f3;}

/* suv */
.svu {position: relative;padding: 80px 0;}
.svu .gm>div {position: relative;width: 100%;height: 500px;background: linear-gradient(300deg, #7d0000 , #e50012);border-radius: 20px;margin-bottom: 80px;}
.svu .svu-content {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.svu-content {width: 92.85%;height: 400px;background: #fff;border-radius: 10px;padding: 0 50px;}
.svu-content ul {display: flex;justify-content: space-between;align-items: center;position: relative;height: 100%;}
.svu-content ul li.oj {flex: 0 1 90%;position: relative;z-index: 10;}
.svu-content ul li.oj img {display: block;}
.svu-content ul li h4 {line-height: 1;font-size: 56px;color: #000;text-transform: uppercase;}
.svu-content ul li h4 b {font-weight: 800;display: block;}
.svu-content ul li h5 {line-height: 1.25;font-size: 15px;font-weight: 600;color: #000;margin-top: 10px;}
.svu-content ul li p {line-height: 1.5;font-size: 16px;font-weight: 300;color: #252525;margin: 20px 0;}
.svu-content ol {display: flex;gap: 15px;}
.svu-content ol li {flex: 0 1 20%;}
.svu-content ol li i {width: 100px;height: 100px;background: #6475b2;}
.svu .gm>div:nth-child(2n) {background: linear-gradient(90deg, #7d0000, #e50012);}
.svu .gm>div:nth-child(2n) ul {flex-direction: row-reverse;}
.svu .gm>div:nth-child(2n) ul li {text-align: right;text-align: -webkit-right;}
.svu .gm>div:nth-child(2n) ul li.jo {text-align: left;}
.svu .gm>div:nth-child(2n) ol {justify-content: flex-end;}
.svu-s1 .jo {position: absolute;bottom: 0;right: 0;text-align: right;}
.svu-s2 .jo {position: absolute;bottom: -20%;left: -10%;text-align: left;}
.svu-s3 .jo {position: absolute;bottom: -5px;right: -50px;text-align: right;}
.svu-s3 .jo img {width: 96%;}

/* Case */
.case_pic {border-radius: 20px;overflow: hidden;}
.case_txt {padding: 10px 0;}
.case_txt h4 {font-size: 18px;color: #000;font-weight: 600;}

/* video */

.videoo {padding:50px 0;position: relative;}
.v-main ul {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}	
.v-main ul li {flex:0 1 32%;margin-left:2%;margin-bottom:2%;}
.v-main ul li:nth-child(3n+1) {margin-left:0;}
.v-main ul li a {position: relative;}
.video_mc {position: absolute;bottom: -33px;left:0;width: 80%;height: 66px;line-height: 66px;background:#6bb731;color:#fff;}
.video_mc p {width: 300px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left: 1em;}

/* Sweet Chin Music */

@media (max-width: 1680px) {
	.banner-swiper-button {bottom: 36vh;}
 }
@media (max-width: 1440px) {
	.banner-swiper-button {bottom: 25vw;}
 }
@media (max-width: 1280px) { 
	.banner-shot>div h1 {font-size: 48px;}
	.ina-more {left: 18vw;bottom: 4%;}
	.inb-l {flex: 0 1 55%;}
	.inb-l-mid {margin-left: 0;}
	.inb-more {text-align: left;}
	.inb-top-bg {width: 48%;}
	.foot-list2 ul {justify-content: space-between;}
	.foot-list2 ul li:nth-child(1), .foot-list2 ul li:nth-child(2) {flex: 1;width: auto;}
	.ban-cover-half {padding-top: 90px;overflow-y: auto;overflow-x: hidden;max-height: 80vh;}
	.ban-cover-half ul li a {font-size: 20px;}
	.ban-bg img {min-height: 80vh;}
	.pro-content-swiper {padding: 0 5%;}
	.pro-list {padding: 40px 0;}
	.content-txt h2 {font-size: 50px;}
	.content-txt h4 {font-size: 18px;}
 }
@media (max-width: 1180px) { 
	.banner-cover {max-width: 90%;margin-left: 5%;display: flex;gap: 20px;}
	.cover-content ul {display: block;}
	.cover-video {margin-top: 0;}
	.cover-video a {position: relative;background: #4c4c4c;overflow: hidden;text-align: center;width: 350px;height: 250px;}
	.cover-video a img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: block;}
	.banner-swiper-button {bottom: 30vw;}
	.honor-top h2 {font-size: 80px;}
}

@media (max-width: 1028px) { 
	.nax-list ul {gap: 50px;}
	.cover-content h4 {font-size: 36px;}
	.cover-content p {width: 75%;margin-bottom: 20px;font-size: 16px;}
	.cover-content img {width: 62%;}
	.banner-swiper-button {bottom: 36vw;}
	.banner-shot {min-height: fit-content;}
	.banner-shot>div h1 {font-size: 40px;}
	.banner-shot>div h2 {font-size: 25px;width: 60%;margin: auto;margin-top: 25px}
	.accordion-item h4 {line-height: 1.2;font-size: 25px;}
	.accordion-item h5 {line-height: 1.2;font-size: 24px;}
	.accordion-item h6 {font-size: 38px;}
	.accordion-item p {font-size: 18px;}
	.accordion-r img {width: 80%;margin: auto;}
	.accordion-r .ar h5 {height: auto;}
	.ina-more i {width: 30px;height: 30px;}
	.ina-more i img {width: 60%;}
	.inb-l {flex: 0 1 100%;position: relative;z-index: 1;}
	.inb-l-mid {width: 90%;margin: auto;padding: 40px 0 60px;}
	.inb-r {position: relative;z-index: 0;}
	.inb-top h1 {font-size: 80px;}
	.inb-top-bg {position: relative;right: 0;bottom: 0;margin-top: -100px;width: 100%;}
	.inb-top-bg img {width: 100%;}
	.inb-more {text-align: center;}
	.inb-buttom {padding: 50px 0 80px;}

	.ban {flex-wrap: wrap;}
	.ban-bg, .ban-cover {flex: 0 1 100%;}
	.ban-cover-half {width: 100%;padding-top: 30px;padding-bottom: 30px;overflow-y: visible;overflow-x: visible;max-height: auto;}
	.ban-cover-half ul {display: flex;gap: 2%;flex-wrap: wrap;}
	.ban-cover-half ul li {margin-bottom: 10px; width: 32%;min-width: auto;}
	.ban-cover-half ul li a {font-size: 18px;}
	.ban-cover-half ul li .ghs {display: none;}
	.ban-cover-half h1 {font-size: 25px;margin-bottom: 8px;}
	.ban-bg img {min-height: auto;}
	.pro-content {padding: 100px 0 80px;}
	.pro-content>div h5 {font-size: 30px;}
	.pro-content>div .pro_txt {margin-top: 20px;}
	.pro-content>div .pro_txt h5 {font-size: 20px;margin-bottom: 0;}
	.pro-list img {width: 80%;margin: auto;}

	.content-txt h2 {font-size: 40px;}
	.news-title h2 {font-size: 36px;}
	.honor-top h2 {font-size: 60px;-webkit-text-stroke: 1px;}
	.honor-left {flex: 0 1 38%;}
	.contact-list {gap: 30px;}
	.con-l {flex: 0 1 40%;}
	.contact-bottom h5 {width: 70%;height: auto;}
	.contact-bottom form {width: 95%;}
	.contact-submit {justify-content: center;}
}

@media (max-width: 768px) { 
	.nav_box {width: 100%;}
	.nax-list {display: none;}
	.footer {height: auto;padding: 20px 0 60px;}
	.ft-a, .ft-b {position: relative;top: 0;}
	.ft-a .foot-box {justify-content: space-between;}
	.ft-a .foot-box .nax-last {position: static;transform: translateY(-0);}
	.foot-list2 ul {flex-wrap: wrap;gap: 15px;}
	.foot-list2 ul li:nth-child(1), .foot-list2 ul li:nth-child(2) {flex: 0 1 100%;width: 100%;}
	.ft-b ul {display: block;}
	.ft-con .ftr {margin-top: 10px;}
	.ft-con-ewm {min-height: 150px;}
	.ft-con-ewm i {width: 100px;}
	.ft-con-ico img {width: 36px;}
	.ft-ort {padding: 0;margin-top: 20px;}
	.ft-ort ul li a {font-size: 16px;}
	
	.banner-cover {display: block;max-width: 100%;width: 90%;margin-left: 0;top: 15%;left: 50%;transform: translateX(-50%);}
	.cover-content h4 {font-size: 20px;}
	.cover-content h5 {font-size: 15px;}
	.cover-content p {font-size: 12px;margin-bottom: 0;}
	.cover-video {margin-top: 15px;width: 350px;}
	.banner-swiper-button {display: none;}
	.banner-shot>div {padding: 30px 0;}
	.banner-shot>div h1 {font-size: 20px;}
	.banner-shot>div h2 {font-size: 15px;width: 85%;margin-top: 10px;}

	.accordion-item {flex-wrap: wrap;flex-direction: column-reverse;}
	.accordion-l {width: 100%;min-height: 200px;}
	.ina-more {left: auto;right: 15px;bottom: 15px;}
	.accordion-r {width: 100%;flex-wrap: wrap;}
	.accordion-r>div.ar {flex: 0 1 100%;background-color: #bdc0c7;}
	.accordion-r img {width: 33%;}
	.accordion-r .ar {padding: 0;}
	.accordion-r .ar a {display: flex;gap: 15px;align-items: center;justify-content: center;}
	.accordion-r .ar a img {display: block;width: 80px;margin: 0;}
	.accordion-r .ar a>div {width: 160px;}
	.accordion-item h4 {font-size: 18px;}
	.accordion-item h5 {font-size: 16px;color: #fff;margin-bottom: 5px;}
	.accordion-item h6 {font-size: 23px;}
	.accordion-item p {font-size: 15px;height: fit-content;}
	.ina-more {display: none;}
	.inb {padding-top: 30px;}
	.inb-top h1 {font-size: 50px;}
	.inb-top h2 {font-size: 25px;}
	.inb-top p {line-height: 24px;font-size: 15px;}
	.inb-l-mid {width: 100%;padding: 10px 0;}
	.inb-top-bg {margin-top: -48px;}
	.inb-buttom {padding: 20px 0 30px;}

	.ban-cover-half {width: 95%;margin: auto;}
	.ban-cover-half ul li {width: 48%}
	.ban-cover-half ul li a {font-size: 13px;}
	.ban-cover-half h1 {font-size: 18px;}
	.pro-content {padding: 40px 0 20px;}
	.pro-content>div h5 {font-size: 20px;}
	.pro-content>div .pro_txt h5 {font-size: 15px;}
	.pro_control {top: 55%;}
	.pro_control .swiper-button-next, .pro_control .swiper-button-prev {margin-top: 0;}
	.pro_control .swiper-button-next {right: 4%;}
	.pro_control .swiper-button-prev {left: 4%;}
	.pro_control .swiper-button-next:after, .pro_control .swiper-button-prev:after {font-size: 20px;color: #fff;}
	.pro-list {padding: 20px 0;}
	.pro-content>div .pro_txt {margin-top: 6px;}
	.prev-page-btn, .next-page-btn {font-size: 13px;}
	.proshow-content {padding: 0;padding-bottom: 50px;}
	.ps-swp ul {flex-wrap: wrap;gap: 25px;}
	.ps-swp-l, .ps-swp-r {flex: 0 1 100%;width: 100%;}
	.ps-swp-l {position: -webkit-relative;position: relative;top: 0;}
	.ps-wp {width: 100%;}

	.ab-content {display: block;}
	.ab-video {position: relative;top: 0;left: 0;transform: translate(0, 0);width: 90%;margin: auto;margin-top: 30px;}
	.content-txt h2 {font-size: 20px;margin-bottom: 15px;}
	.content-txt h2 br {display: none;}
	.content-txt h4 {font-size: 15px;}
	.ab-bottom {margin: auto;margin: 20px auto 50px;}
	.news-title h2 {font-size: 20px;}
	.news-list {padding: 0 13px;margin-top: 30px;}
	.news-txt h3 {font-size: 16px;}
	.news-txt p {padding: 20px;font-size: 13px;}

	.honor {padding-top: 80px;}
	.honor-content {flex-wrap: wrap;height: auto;gap: 20px;}
	.honor-left, .honor-right {flex: 0 1 100%;}
	.honor-top h2 {font-size: 30px;}
	.honnor-list > div {font-size: 18px;margin-bottom: 13px;}

	.contact-list {flex-wrap: wrap;}
	.con-l, .con-r {flex: 0 1 100%;}
	.contact {padding: 70px 0 50px;}
	.con-r h2 {font-size: 23px;}
	.con-r h3 {font-size: 13px;}
	.con-r h4 {font-size: 18px;}
	.contact-bottom {margin-top: 30px;}
	.contact-bottom h5 {width: 90%;font-size: 15px;}
	.contact-bottom dl dt {font-size: 13px;flex: 0 1 60px;}
	.contact-code p {font-size: 13px;flex: 0 1 60px;}
	.contact-submit button {font-size: 14px;;}
}
@media (max-width: 648px) { 
	.banner-cover {top: 20%;}
	.cover-content {padding: 10px;padding-left: 10px;}
	.cover-content img {display: none;}
	.cover-video {width: 48%}
	.cover-video a {width: 100%;height: 90px;margin: auto;}
}

/* 260130 add */

.swiper-pagination-container {position: relative;}
.pagination-page {display: none;}
.pagination-page.active {display: block;}
.pagination-page.active>div {margin-bottom: 50px;}
.global-pagination-controls {display: flex;align-items: center;justify-content: space-between;text-align: center;margin-top: 20px;padding: 10px;}
.prev-page-btn, .next-page-btn {font-size: 18px;color: #555;font-family: "GOT";cursor: pointer;}
.prev-page-btn i, .next-page-btn i {display: inline-block;opacity: 50%;font-family: cursive;}
.prev-page-btn i {padding-right: 10px;}
.next-page-btn i {padding-left: 10px;}
.prev-page-btn:hover, .next-page-btn:hover {color: #6173ab;}
.prev-page-btn:disabled, .next-page-btn:disabled {color: #ccc;cursor: not-allowed;}
.page-indicator {font-size: 16px;margin: 0 15px;vertical-align: middle;}
@media (max-width: 768px) { 
	.prev-page-btn, .next-page-btn {font-size: 13px;}
}

/* 260207 add */