@charset "utf-8";

/* CSS Document */
@font-face {
	font-family:swis;
	src:url(../font/tt0173m.ttf);
}
@font-face {
	font-family:twcen;
	src:url(../font/TwCenMT.ttf);
}
@font-face{
	font-family:abril;
	src:url(../font/AbrilFatface-Regular.ttf);
}
@font-face{
	font-family:arialB;
	src:url(../font/ariblk.ttf);
}
@font-face {
	font-family:roboto;
	src:url('../font/Roboto-Regular.woff2') format('woff2'),
		url('../font/Roboto-Regular.woff') format('woff');
}

button, input, textarea, select {
    outline: none;
    background: none;
    border: none;
   font-family:roboto,menk,"MiSans","Alibaba PuHuiTi",'PingFang SC',Source Han Sans CN,Arial,"SOURCEHANSANSCN-REGULAR",'Microsoft Yahei','Source Han Sans',SimSun, 'Noto Sans CJK SC', 'Noto Sans CJK',source-han-sans-simplified-c, sans-serif;
    box-shadow: none;
    -webkit-appearance: none;
    border-radius: 0;
}
a{
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.iconfont:before {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}

.center_box{
    width:var(--centerWidth);
    margin:0 auto;
}
.clear {
    clear: both;
}
.fl {
    float: left;
}

.fr {
    float: right;
}

.pd_150 {
    padding:calc(20px + 130 / var(--invarPx) * var(--centerWidth));
}
.pd_tb150 {
    padding:calc(20px + 130 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t150 {
    padding-top:calc(20px + 130 / var(--invarPx) * var(--centerWidth));
}
.pd_b150 {
    padding-bottom:calc(20px + 130 / var(--invarPx) * var(--centerWidth));
}
.pd_120 {
    padding:calc(20px + 100 / var(--invarPx) * var(--centerWidth));
}
.pd_tb120 {
    padding:calc(20px + 100 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t120 {
    padding-top:calc(20px + 100 / var(--invarPx) * var(--centerWidth));
}
.pd_b120 {
    padding-bottom:calc(20px + 100 / var(--invarPx) * var(--centerWidth));
}
.pd_100 {
    padding:calc(20px + 80 / var(--invarPx) * var(--centerWidth));
}
.pd_tb100 {
    padding:calc(20px + 80 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t100 {
    padding-top:calc(20px + 80 / var(--invarPx) * var(--centerWidth));
}
.pd_b100 {
    padding-bottom:calc(20px + 80 / var(--invarPx) * var(--centerWidth));
}
.pd_80 {
    padding:calc(20px + 60 / var(--invarPx) * var(--centerWidth));
}
.pd_tb80 {
    padding:calc(20px + 60 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t80 {
    padding-top:calc(20px + 60 / var(--invarPx) * var(--centerWidth));
}
.pd_b80 {
    padding-bottom:calc(20px + 60 / var(--invarPx) * var(--centerWidth));
}
.pd_tb70 {
    padding:calc(20px + 50 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t70 {
    padding-top:calc(20px + 50 / var(--invarPx) * var(--centerWidth));
}
.pd_b70 {
    padding-bottom:calc(20px + 50 / var(--invarPx) * var(--centerWidth));
}
.pd_60 {
    padding:calc(20px + 40 / var(--invarPx) * var(--centerWidth));
}
.pd_tb60 {
    padding:calc(20px + 40 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t60 {
    padding-top:calc(20px + 40 / var(--invarPx) * var(--centerWidth));
}
.pd_b60 {
    padding-bottom:calc(20px + 40 / var(--invarPx) * var(--centerWidth));
}
.pd_50 {
    padding:calc(20px + 30 / var(--invarPx) * var(--centerWidth));
}
.pd_tb50 {
    padding:calc(20px + 30 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t50 {
    padding-top:calc(20px + 30 / var(--invarPx) * var(--centerWidth));
}
.pd_b50 {
    padding-bottom:calc(20px + 30 / var(--invarPx) * var(--centerWidth));
}
.pd_40 {
    padding:calc(20px + 20 / var(--invarPx) * var(--centerWidth));
}
.pd_tb40 {
    padding:calc(20px + 20 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t40 {
    padding-top:calc(20px + 20 / var(--invarPx) * var(--centerWidth));
}
.pd_b40 {
    padding-bottom:calc(20px + 20 / var(--invarPx) * var(--centerWidth));
}
.pd_30 {
    padding:calc(15px + 15 / var(--invarPx) * var(--centerWidth));
}
.pd_tb30 {
    padding:calc(15px + 15 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t30 {
    padding-top:calc(15px + 15 / var(--invarPx) * var(--centerWidth));
}
.pd_b30 {
    padding-bottom:calc(15px + 15 / var(--invarPx) * var(--centerWidth));
}
.pd_20 {
    padding:calc(10px + 10 / var(--invarPx) * var(--centerWidth));
}
.pd_tb20 {
    padding:calc(10px + 10 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t20 {
    padding-top:calc(10px + 10 / var(--invarPx) * var(--centerWidth));
}
.pd_b20 {
    padding-bottom:calc(10px + 10 / var(--invarPx) * var(--centerWidth));
}
.pd_15 {
    padding:calc(5px + 10 / var(--invarPx) * var(--centerWidth));
}
.pd_tb15 {
    padding:calc(5px + 10 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t15 {
    padding-top:calc(5px + 10 / var(--invarPx) * var(--centerWidth));
}
.pd_b15 {
    padding-bottom:calc(5px + 10 / var(--invarPx) * var(--centerWidth));
}
.pd_10 {
    padding:calc(5px + 5 / var(--invarPx) * var(--centerWidth));
}
.pd_tb10 {
    padding:calc(5px + 5 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t10 {
    padding-top:calc(5px + 5 / var(--invarPx) * var(--centerWidth));
}
.pd_b10 {
    padding-bottom:calc(5px + 5 / var(--invarPx) * var(--centerWidth));
}
.pd_tb0{
	padding-top:0 !important;
	padding-bottom:0 !important;
}
.pd_t0{
	padding-top:0 !important;
}
.pd_b0{
	padding-bottom:0 !important;
}
.pd_lr0{
	padding-left:0 !important;
	padding-right:0 !important;
}
.pd_l0{
	padding-left:0 !important;
}
.pd_r0{
	padding-right:0 !important;
}
.mg_t150 {
    margin-top:calc(20px + 130 / var(--invarPx) * var(--centerWidth));
}
.mg_b150 {
    margin-bottom:calc(20px + 130 / var(--invarPx) * var(--centerWidth));
}
.mg_t100 {
    margin-top:calc(20px + 80 / var(--invarPx) * var(--centerWidth));
}
.mg_b100 {
    margin-bottom:calc(20px + 80 / var(--invarPx) * var(--centerWidth));
}
.mg_tb80 {
    margin:calc(20px + 60 / var(--invarPx) * var(--centerWidth)) 0;
}
.mg_t80 {
    margin-top:calc(20px + 60 / var(--invarPx) * var(--centerWidth));
}
.mg_b80 {
    margin-bottom:calc(20px + 60 / var(--invarPx) * var(--centerWidth));
}
.mg_tb70 {
    margin:calc(20px + 50 / var(--invarPx) * var(--centerWidth)) 0;
}
.mg_t70 {
    margin-top:calc(20px + 50 / var(--invarPx) * var(--centerWidth));
}
.mg_b70 {
    margin-bottom:calc(20px + 50 / var(--invarPx) * var(--centerWidth));
}
.mg_tb60 {
    margin:calc(20px + 40 / var(--invarPx) * var(--centerWidth)) 0;
}
.mg_t60 {
    margin-top:calc(20px + 40 / var(--invarPx) * var(--centerWidth));
}
.mg_b60 {
    margin-bottom:calc(20px + 40 / var(--invarPx) * var(--centerWidth));
}
.mg_tb50 {
    margin:calc(20px + 30 / var(--invarPx) * var(--centerWidth)) 0;
}
.mg_t50 {
    margin-top:calc(20px + 30 / var(--invarPx) * var(--centerWidth));
}
.mg_b50 {
    margin-bottom:calc(20px + 30 / var(--invarPx) * var(--centerWidth));
}
.mg_tb40 {
    margin:calc(20px + 20 / var(--invarPx) * var(--centerWidth)) 0;
}
.mg_t40 {
    margin-top:calc(20px + 20 / var(--invarPx) * var(--centerWidth));
}
.mg_b40 {
    margin-bottom:calc(20px + 20 / var(--invarPx) * var(--centerWidth));
}
.mg_tb30 {
    margin:calc(15px + 15 / var(--invarPx) * var(--centerWidth)) 0;
}
.mg_t30 {
    margin-top:calc(15px + 15 / var(--invarPx) * var(--centerWidth));
}
.mg_b30 {
    margin-bottom:calc(15px + 15 / var(--invarPx) * var(--centerWidth));
}
.mg_tb20 {
    margin:calc(10px + 10 / var(--invarPx) * var(--centerWidth)) 0;
}
.mg_t20 {
    margin-top:calc(10px + 10 / var(--invarPx) * var(--centerWidth));
}
.mg_b20 {
    margin-bottom:calc(10px + 10 / var(--invarPx) * var(--centerWidth));
}
.mg_tb15 {
    margin:calc(5px + 10 / var(--invarPx) * var(--centerWidth)) 0;
}
.mg_t15 {
    margin-top:calc(5px + 10 / var(--invarPx) * var(--centerWidth));
}
.mg_b15 {
    margin-bottom:calc(5px + 10 / var(--invarPx) * var(--centerWidth));
}
.mg_tb10 {
    margin:calc(5px + 5 / var(--invarPx) * var(--centerWidth)) 0;
}
.mg_t10 {
    margin-top:calc(5px + 5 / var(--invarPx) * var(--centerWidth));
}
.mg_b10 {
    margin-bottom:calc(5px + 5 / var(--invarPx) * var(--centerWidth));
}
body {
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
    font-size:medium !important;
	font-family:roboto,menk,"MiSans","Alibaba PuHuiTi",'PingFang SC',Source Han Sans CN,Arial,"SOURCEHANSANSCN-REGULAR",'Microsoft Yahei','Source Han Sans',SimSun, 'Noto Sans CJK SC', 'Noto Sans CJK',source-han-sans-simplified-c, sans-serif;
	-webkit-font-smoothing:subpixel-antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-tap-highlight-color:transparent;
	color:#121212;
	overflow-x:hidden;
}
.sys_bold{
	font-family:"Noto Serif SC",roboto,"宋体",serif,'PingFang SC',Source Han Sans CN;
	font-weight:bold;
}
.songFont{
	font-family:roboto,"宋体",serif,'PingFang SC',Source Han Sans CN;
}
.flex_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.inflex_box{
	display:-webkit-inline-box;
	display:-webkit-inline-flex;
	display:-ms-inline-flexbox;
	display:inline-flex;
}
.items_center{
	-webkit-align-items:center;
	align-items:center;
}
.items_start{
	-webkit-align-items:flex-start;
	align-items:flex-start;
}
.items_end{
	-webkit-align-items:flex-end;
	align-items:flex-end;
}
.items_baseline{
	-webkit-align-items:baseline;
	align-items:baseline;
}
.justify_end{
	-webkit-justify-content:flex-end;
	justify-content:flex-end;
}
.justify_center{
	-webkit-justify-content:center;
	justify-content:center;
}
.justify_between{
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
.justify_around{
	-webkit-justify-content:space-around;
	justify-content:space-around;
}
.justify_evenly{
	-webkit-justify-content:space-evenly;
	justify-content:space-evenly;
}
.flex_wrap{
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
.flex_col{
	-webkit-flex-direction:column;
	flex-direction:column;
}
.flex_1{
	-webkit-flex:1;
	flex:1;
}

:root{
	--curColor:#1aa9d7;
	--subColor:#48badf;
	--blackColor:#000;
	--rgb1:26,169,215;
	--rgb_a:.8;
	--fullPx:1920;
	--invarPx:1400;
	--centerPx:1400;
	--centerWidth:max(1100px,calc(var(--centerPx) / var(--fullPx) * 100vw));
	--centerWidthDef:max(1100px,calc(var(--centerPx) / var(--fullPx) * 100vw));
	--headerCenter:max(1100px,calc(1760 / 1920 * 100vw));
	--headerHeight:calc(60px + 20 / var(--invarPx) * var(--centerWidth));
	--swbtnSize:50px;
	--swdotHeight:calc(3px + 2 / var(--centerPx) * var(--centerWidth));
	--swdotBeishu:2;
	--clampRows:2;
	--moreHeight:calc(40px + 10 / var(--centerPx) * var(--centerWidth));
	--gdtWidth:17px;
	--radius:calc(5px + 5 / var(--invarPx) * var(--centerWidth));
}
.wow_list li{
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp;
}
.wow_list li:nth-of-type(1){
	-webkit-animation-delay:.2s;
	animation-delay:.2s;
}
.wow_list li:nth-of-type(2){
	-webkit-animation-delay:.4s;
	animation-delay:.4s;
}
.wow_list li:nth-of-type(3){
	-webkit-animation-delay:.6s;
	animation-delay:.6s;
}
.wow_list li:nth-of-type(4){
	-webkit-animation-delay:.8s;
	animation-delay:.8s;
}
.wow_list li:nth-of-type(5){
	-webkit-animation-delay:1s;
	animation-delay:1s;
}
.wow_list li:nth-of-type(6){
	-webkit-animation-delay:1.2s;
	animation-delay:1.2s;
}
.wow_list li:nth-of-type(7){
	-webkit-animation-delay:1.4s;
	animation-delay:1.4s;
}
.wow_list li:nth-of-type(7){
	-webkit-animation-delay:1.6s;
	animation-delay:1.6s;
}
.wow_list li:nth-of-type(8){
	-webkit-animation-delay:1.8s;
	animation-delay:1.8s;
}
.wow_list li:nth-of-type(9){
	-webkit-animation-delay:2s;
	animation-delay:2s;
}
.wow_list li:nth-of-type(10){
	-webkit-animation-delay:2.2s;
	animation-delay:2.2s;
}
.swiper-container{
	overflow:hidden;
	position:relative;
}
.clamp_txt {
    overflow: hidden;
    -webkit-line-clamp:var(--clampRows);
    -moz-line-clamp:var(--clampRows);
    -o-line-clamp:var(--clampRows);
    line-clamp:var(--clampRows);
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: box;
}
.hidden{
	display:none;
}

/* 常规文字 */
.article_w.xFont{
	--font1:14;
	--font2:18;
}
.article_w{
	color:#121212;
	line-height:1.625;
}
.article_w sup{
	vertical-align:super;
}
.article_w sub{
	vertical-align:sub;
}
.article_w img{
	max-width:100% !important;
	height:auto !important;
	vertical-align:top;
}
.article_w strong{
	font-weight:bold;
}
.article_w *:not(strong){
	font-weight:inherit;
}
.article_w li{
	list-style:disc;
}
.article_w table{
	border-collapse: collapse;
	border:solid 1px rgba(0,0,0,.2);
	width:100%;
	table-layout:fixed;
}
.article_w table caption{
	font-size:1.15em;
	font-weight:bold;
	padding:.8em 1em;
	background:#dedede;
	border:solid 1px rgba(0,0,0,.2);
}
.article_w table th,
.article_w table td{
	border:solid 1px rgba(0,0,0,.1);
	padding:.8em 1em;
	word-break:break-all;
	vertical-align:middle;
}
.article_w table th{
	background:#ececec;
	font-weight:bold;
}
.article_w video{
	width:min(100%,800px) !important;
	height:auto !important;
	margin:0 auto;
}


.txt_center{
	text-align:center;
}
.iw_poi_title{color:var(--curColor);font-size:16px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:14px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

.pswp .pswp__bg{
	background:rgba(0,0,0,.5);
}
.pswp .pswp__caption__center{
	color:#fff;
}

.xFont{
	--font1:12;
	font-size:calc(var(--font1) * 1px + (var(--font2) - var(--font1)) / var(--invarPx) * var(--centerWidthDef));
}

/* 经过图片 */
.pic_hvr{
	overflow:hidden;
	position:relative;
	display:block;
}
.pic_hvr:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5;
}
.pic_hvr img{
	display:block;
	width:100%;
	height:100%;
	transition:all .5s;
}
@keyframes gradient-rectangle {
	0% {
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: bottom;
		transform-origin: bottom;
		background: linear-gradient(to top,
			rgba(255, 255, 255, 0),
			rgba(255, 255, 255, 0.6));
		background: -webkit-linear-gradient(to top,
			rgba(255, 255, 255, 0),
			rgba(255, 255, 255, 0.6));
		opacity: 1;
	}

	100% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: top;
		transform-origin: top;
		background: linear-gradient(to top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.6));
		background: -webkit-linear-gradient(to top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.6));
		opacity:0;
	}
}
.pic_ss:hover .pic_hvr:before{
	animation:gradient-rectangle 1s 1;
	animation-delay: 0s;
	-webkit-animation-timing-function:cubic-bezier(0, 0, 0.18, 0.96);
}
.pic_ss:hover .pic_hvr img{
	transform:scale(1.1);
}

@keyframes rotate1{
	0%{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100%{
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn);
	}
}

/* 滚动条 */
.gdt_view::-webkit-scrollbar {
    width:3px;
    height:3px;
}

.gdt_view::-webkit-scrollbar-track-piece {
    background-color:rgba(var(--rgb1),.3);
    -webkit-border-radius: 6px;
}

.gdt_view::-webkit-scrollbar-thumb:vertical {
    height:3px;
    background-color:var(--curColor);
    -webkit-border-radius: 6px;
}

.gdt_view::-webkit-scrollbar-thumb:horizontal {
    width:3px;
    background-color:var(--curColor);
    -webkit-border-radius: 6px;
}

/* 更多1 */
.bz_more1{
	--font2:18;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	cursor:pointer;
	transition:all .35s;
}
.bz_more1 .bz_icon{
	position:relative;
	margin-left:.8em;
}
.bz_more1 .bz_icon .iconfont{
	display:block;
	font-size:1em;
}
.bz_more1 .bz_icon .icon2{
	position:absolute;
	top:0;
	left:0;
	transform:translateX(-50%);
	opacity:0;
}
.bz_more1.cur_color{
	color:var(--curColor);
}
.bz_more1.sub_color{
	color:var(--subColor);
}
.bz_more1.white_color{
	color:#fff;
}
.bz_more1.gray_color{
	color:#999;
}
.bz_more1.cur_bg,
.bz_more1.cur_bor,
.bz_more1.sub_bg,
.bz_more1.sub_bor,
.bz_more1.white_bg,
.bz_more1.gray_bg,
.bz_more1.gray_bor,
.bz_more1.white_bor{
	width:9.375em;
	height:2.78em;
	border-radius:var(--radius);
}
.bz_more1.only_icon{
	--onlySize:calc(30px + 10 / var(--invarPx) * var(--centerWidth));
	width:var(--onlySize) !important;
	height:var(--onlySize) !important;
}
.bz_more1.only_icon.no_border{
	width:auto !important;
	height:auto !important;
}
.bz_more1.only_icon .bz_icon{
	margin-left:0 !important;
}

.bz_more1.cur_bg{
	background:var(--curColor);
	color:#fff;
}
.bz_more1.cur_bor{
	color:var(--curColor);
	border:solid 1px var(--curColor);
}
.bz_more1.sub_bg{
	background:var(--subColor);
	color:#fff;
}
.bz_more1.sub_bor{
	color:var(--subColor);
	border:solid 1px var(--subColor);
}
.bz_more1.white_bor{
	color:white;
	border:solid 1px white;
}
.bz_more1.gray_bor{
	color:#333;
	border:solid 1px rgba(0,0,0,.2);
}
.bz_more1.white_bg{
	background:#fff;
	color:var(--curColor);
}
.bz_more1.gray_bg{
	background:#eee;
	color:var(--curColor);
}
.bz_more1:hover .bz_icon .iconfont{
	transition:transform 0.4s ease-in-out,opacity 0.4s ease-in-out;
}
.bz_more1:hover .bz_icon .icon1{
	transform:translateX(100%);
    opacity:0;
}
.bz_more1:hover .bz_icon .icon2{
	transform:translateX(0);
    opacity:1;
}
.bz_more1.cur_color:hover{
	color:var(--subColor);
}
.bz_more1.gray_color:hover{
	color:var(--curColor);
}
.bz_more1.cur_bg:hover{
	background:var(--subColor);
}
.bz_more1.sub_bg:hover{
	background:var(--subColor);
}
.bz_more1.cur_bor:hover,
.bz_more1.white_bg:hover,
.bz_more1.gray_bg:hover,
.bz_more1.gray_bor:hover{
	background:var(--curColor);
	border-color:var(--curColor);
	color:#fff;
}
.bz_more1.sub_bor:hover{
	background:var(--subColor);
	border-color:var(--subColor);
	color:#fff;
}
.bz_more1.sub_color:hover{
	color:var(--gradColor2);
}
.bz_more1.white_bor:hover{
	background:var(--curColor);
	border-color:var(--curColor);
}
.bz_more1.bz_more_fan{
	background:#eee;
	color:var(--curColor);
}
.bz_more1.bz_more_fan .bz_icon{
	margin-left:0;
	margin-right:0.625em;
}
.bz_more1.bz_more_fan .bz_icon .icon2{
	transform:translateX(50%);
}
.bz_more1.bz_more_fan:hover{
	color:#fff;
	background:var(--curColor);
}
.bz_more1.bz_more_fan:hover .bz_icon .icon1{
	transform:translateX(-100%);
}
.bz_more1.bz_more_fan:hover .bz_icon .icon2{
	transform:translateX(0);
}

/* 更多2 */
.bz_more2{
	--font2:18;
	min-width:calc(150 / 18 * 1em);
	padding:.8em 1.2em;
	text-align:center;
	background:#fff;
	border-radius:var(--radius);
}
.bz_more2.black_bg{
	background:var(--blackColor);
	color:#fff;
}

.bz_more2:hover{
	background:var(--curColor) !important;
	color:#fff !important;
}

/* 视频弹出窗 */
.pop_mask{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0;
	z-index:990;
	pointer-events:none;
	transition:all .8s;
}
.pop_mask.is-open{
	opacity:.5;
	pointer-events:auto;
}
.pop_box{
	--width:71vw;
	--closePos:15px;
	width:var(--width);
	position:fixed;
	top:50%;
	left:50%;
	z-index:992;
	transform:translate(-50%,100%);
	visibility:hidden;
	pointer-events:none;
	transition:all .8s;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	background:#000;
}
.pop_box.is-open{
	transform:translate(-50%,-50%);
	visibility:visible;
	pointer-events:auto;
}
.pop_box .pop_close{
	position:absolute;
	right:var(--closePos);
	top:var(--closePos);
	cursor:pointer;
	z-index:5;
	color:#fff;
	padding:8px 20px;
	background:var(--curColor);
	border-radius:200px;
	-webkit-align-items:center;
	align-items:center;
	transition:background-color .35s,opacity .35s;
}
.pop_box .pop_close i{
	width:20px;
	height:20px;
	position:relative;
	margin-right:5px;
}
.pop_box .pop_close i:before,
.pop_box .pop_close i:after{
	content:"";
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    transform-origin:center;
    height:3px;
    width:100%;
    background-color:#fff;
    transition:all .3s ease;
	transform:translate(-50%,-50%);
    margin-top:0;
	border-radius:20px;
}
.pop_box .pop_close i:before{
	transform:translate(-50%, -50%) rotate(45deg);
}
.pop_box .pop_close i:after{
	transform:translate(-50%, -50%) rotate(-45deg);
}
.pop_box .pop_close span{
	font-size:18px;
}
.pop_box video{
	display:block;
	width:100%;
	height:auto;
	max-height:calc(var(--width) * 9 / 16);
	object-fit:contain;
}
.pop_box:hover .pop_close{
	opacity:1;
}
.pop_box .pop_close:hover{
	background:var(--subColor);
}
.pop_box .pop_close:hover i:before{
	transform:translate(-50%, -50%) rotate(30deg);
}
.pop_box .pop_close:hover i:after{
	transform:translate(-50%, -50%) rotate(-30deg);
}

/* 当前位置、二级导航 */
.locnav_box{
	position:relative;
}
.locnav_box::before{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:1px;
	background:rgba(var(--rgb1),.3);
	display:none;
}
.locnav_box .center_box{
	-webkit-flex-direction:row-reverse;
	flex-direction:row-reverse;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-align-items:center;
	align-items:center;
	overflow:hidden;
}
.locnav_box .inner_loc{
	width:100%;
}
.locnav_box .isub_nav ~ .inner_loc{
	width:auto;
}

/* 当前位置 */
.inner_loc{
	--font2:18;
	color:#b2b2b2;
}
.inner_loc .loc_icon{
	width:1em;
	height:1em;
	margin:0 1em;
}
.inner_loc .loc_icon .iconfont{
	font-size:.9em;
}
.inner_loc .loc_sw{
	color:#121212;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.inner_loc a:hover{
	color:var(--curColor);
}


/* 内页-二级导航 */
.isub_nav{
	--gap:calc(10px + 20 / var(--invarPx) * var(--centerWidth));
	--font2:18;
	--pdLeft:.5em;
	--dot:4px;
	margin-left:calc(-1 * var(--gap));
}
.isub_nav .swiper-slide{
	width:auto;
	margin-left:var(--gap);
}
.isub_nav .swiper-slide a{
	display:block;
	color:#333;
	position:relative;
	padding-left:calc(var(--pdLeft) + var(--dot));
	transition:color .35s;
}
.isub_nav .swiper-slide a::before{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	margin-top:calc(-.5 * var(--dot));
	width:var(--dot);
	height:var(--dot);
	border-radius:50%;
	background:#aaa;
	transition:background-color .35s;
}
.isub_nav .swiper-slide.current a{
	color:var(--curColor);
	font-weight:bold;
}
.isub_nav .swiper-slide.current a::before{
	background:var(--curColor);
}
.isub_nav .swiper-slide a:hover{
	color:var(--curColor);
}
.isub_nav .swiper-slide a:hover::before{
	background:var(--curColor);
}

/* 列表翻页 */
.list_pages .pagination{
	--width:50px;
	--height:calc(50 / 50 * var(--width));
	--borWidth:1px;
	font-size:0;
	overflow:hidden;
	position:relative;
	text-align:center;
}
.list_pages .pagination li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin:0 6px 10px;
}
.list_pages .pagination li a,
.list_pages .pagination li span{
	display:block;
	font-size:18px;
	color:var(--blackColor);
	width:var(--width);
	height:var(--height);
	text-align:center;
	line-height:calc(var(--height) - 1 * var(--borWidth));
	overflow:hidden;
	border:solid var(--borWidth) var(--blackColor);
	border-radius:var(--width);
}
.list_pages .pagination li.pg_prev a,
.list_pages .pagination li.pg_next a{
	background:none !important;
	/* color:var(--curColor); */
	width:auto;
	padding:0 calc(.5 * var(--width));
}
.list_pages .pagination li.active a,
.list_pages .pagination li.active span{
	background:var(--blackColor);
	border-color:var(--blackColor);
	color:#fff;
}
.list_pages .pagination li.active a:hover,
.list_pages .pagination li.active span:hover{
	color:#fff !important;
}
.list_pages .pagination li:not(.disabled) a:hover{
	color:#fff;
	background-color:var(--blackColor);
	border-color:var(--blackColor);
}
.list_pages .pagination li.pg_prev:not(.disabled) a:hover,
.list_pages .pagination li.pg_next:not(.disabled) a:hover{
	color:#fff;
	background-color:var(--blackColor) !important;
	border-color:var(--blackColor);
}
.list_pages .pagination li.disabled a{
	opacity:.5;
	cursor:not-allowed;
}

/* 内容翻页 */
.ipn_page{
	--font2:18;
	--btnWidth:8.5em;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-align-items:center;
	align-items:center;
	border-top:solid 1px #b2b2b2;
}
.ipn_page .inner_pnpage{
	overflow:hidden;
	width:calc(100% - var(--btnWidth) - 2em);
}
.ipn_page .inner_pnpage>a{ 
	display:block;
	overflow:hidden;
	line-height:21px;
	width:100%;
	pointer-events:none;
}
.ipn_page .inner_pnpage>a span,
.ipn_page .inner_pnpage>a p{
	float:left;
	color:#333;
	pointer-events:auto;
}
.ipn_page .inner_pnpage>a span{
	font-weight:bold;
}
.ipn_page .inner_pnpage>a p{
	color:#666;
	max-width:calc(100% - 4em);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	transition:all .35s;
}
.ipn_page .inner_pnpage>a:hover p{
	color:var(--curColor);
}

.ipn_page .inner_pnpage>a + a{
	margin-top:1.25em;
}
.ipn_page .ipn_return{
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	color:var(--curColor);
	padding:.65em 0;
	width:var(--btnWidth);
	border:solid 1px var(--curColor);
	border-radius:200px;
}
.ipn_page .ipn_return .iconfont{
	font-size:1.2em;
	margin-right:.3em;
}
.ipn_page .ipn_return:hover{
	background:var(--curColor);
	border-color:var(--curColor);
	color:#fff;
}

/* 地图 */
#dituContent .BMap_bubble_pop{
	box-sizing:border-box !important;
	border-color:#999 !important;
}
#dituContent .BMap_bubble_pop > img{
	top:auto !important;
	bottom:-31px !important;
}
#dituContent .BMap_bubble_pop .BMap_bubble_top{
	height:0 !important;
}
#dituContent .BMap_bubble_pop .BMap_bubble_top .BMap_bubble_buttons{
	font-weight:bold;
}
#dituContent .BMap_bubble_pop .BMap_bubble_top .BMap_bubble_buttons *{
	font-size:26px !important;
	font-weight:inherit !important;
}
#dituContent .BMap_bubble_pop .BMap_bubble_top .BMap_bubble_buttons *:hover{
	color:var(--curColor) !important;
	transition:all .1s;
}
#dituContent .BMap_bubble_pop{
	width:300px !important;
}
#dituContent .BMap_bubble_pop .ditu_txt{
	padding:15px 10px;
}
#dituContent .BMap_bubble_pop .ditu_sh{
	--font2:18;
	font-weight:bold;
	color:var(--curColor);
}
#dituContent .BMap_bubble_pop .ditu_sw{
	--font2:16;
	margin-top:.3em;
}
#dituContent .BMap_bubble_pop .BMap_bubble_content{
	width:290px !important;
}

/* ···························· 首页 ···························· */
/* header */
#hamburger{
	display:none;
}
.header_box{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background:#fff;
	z-index:800;
	box-shadow:0 0 10px rgba(0,0,0,.1);
	transition:transform .5s,opacity .5s;
}
.header_box.scr{
	transform:translateY(-101%);
	opacity:0;
}
.header_height{
	height:var(--headerHeight);
}
.header_box .logo img{
	display:block;
	max-height:calc(52 / 80 * var(--headerHeight));
}
.header_box .header_r{
	--font2:18;
	--gap:calc(20 / var(--invarPx) * var(--centerWidth));
}
.header_box .header_ops ol > li{
	margin-left:var(--gap);
}
.header_box .header_ops .header_os{
	display:block;
	padding:.3em .5em;
	border-radius:5px;
	border:solid 1px #bbb;
	color:#999;
}
.header_box .header_ops .header_lxwm .header_os{
	border-color:var(--curColor);
	background:var(--curColor);
	color:#fff !important;
}


/* 导航 */
.nav_box > ul > li{
	padding:0 var(--gap);
}
.nav_box .nav_def .nav_w{
	line-height:var(--headerHeight);
	display:block;
	position:relative;
}
.nav_box .nav_def .nav_w::before{
	content:"";
	position:absolute;
	width:100%;
	height:2px;
	background:var(--curColor);
	bottom:0;
	left:0;
	transform:scaleX(0);
}

.nav_box  li.active .nav_def .nav_w::before{
	transform:scaleX(1);
}
.nav_box  li.active .nav_def .nav_w{
	color:var(--curColor);
}

/* 下拉导航 */
.xla_nav{
	--pdTop:calc(10px + 50 / var(--invarPx) * var(--centerWidth));
	--col:3;
	--gapLeft:calc(10px + 70 / var(--invarPx) * var(--centerWidth));
	--gapTop:calc(.5 * var(--gapLeft));
	--cols:2;
	--gapLefts:calc(10px + 20 / var(--invarPx) * var(--centerWidth));
	--gapTops:calc(.5 * var(--gapLefts));
	color:#333;
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	background:#fff;
	border-top:solid 1px #eee;
	transform: scaleY(0);
	visibility: hidden;
	opacity:0;
	pointer-events:none;
	visibility: hidden;
	box-shadow:2px 2px 5px 1px rgba(0,0,0,.05);
	transform-origin: top;
	
}

.xla_nav .center_box{
	padding:var(--pdTop) 0;
}
.xla_nav ul{
	margin-left:calc(-1 * var(--gapLeft));
	margin-top:calc(-1 * var(--gapTop));
}
.xla_nav ul > li{
	width:calc(100% / var(--col));
	margin-top:var(--gapTop);
}
.xla_nav .xla_ns{
	margin-left:var(--gapLeft);
}
.xla_nav .xla_ns .xla_st{
	--font2:24;
	padding-bottom:.5em;
	border-bottom:solid 1px #ddd;
}
.xla_nav .xla_ns .xla_st .xla_icon{
	font-size:1.4em;
	width:1em;
	height:1em;
	color:var(--curColor);
	margin-right:.4em;
}
.xla_nav .xla_ns .xla_st .xla_icon svg{
	display:block;
	max-width:100%;
	max-height:100%;
}
.xla_nav .xla_ns .xla_st .xla_icon svg path{
	fill:currentColor !important;
}
.xla_nav .xla_ns .xla_st .xla_sh{
	font-weight:bold;
	color:#121212;
}
.xla_nav .xla_sd ol{
	margin-left:calc(-1 * var(--gapLefts));
	margin-top:calc(-1 * var(--gapTops));
}
.xla_nav .xla_sd ol > li{
	width:calc(100% / var(--cols));
	margin-top:var(--gapTops);
	padding-left:var(--gapLefts);
	overflow:hidden;
}
.xla_nav .xla_sd ol > li a{
	float:left;
}


/* banner */
.banner_box{
	position:relative;
	overflow:hidden;
	--paginationPos:calc(10px + 2vw);
}
.banner_box .swiper-slide{
	position:relative;
	max-height:100vh;
	overflow:hidden;
}
.banner_box .swiper-slide a{
	display:block;
	position:relative;
	width:100%;
	max-height:calc(100vh - var(--headerHeight));
	overflow:hidden;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
}
.banner_box .swiper-slide a>img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	transform-style:preserve-3d;
	transform:scale(1.12);
	transition:all 8s;
}
.banner_box .swiper-slide-active a>img{
	transform-style:preserve-3d;
	transform:scale(1);
}
.banner_box .swiper-slide .banner_img{
	width:100%;
	overflow:hidden;
	position:relative;
}
.banner_box .swiper-slide .banner_img img{
	display:block;
	width:100%;
}
.banner_box .swiper-slide .banner_txt{
	position:absolute;
	top:0;
	left:50%;
	z-index:5;
	width:var(--centerWidth);
	margin-left:calc(-.5 * var(--centerWidth));
	height:100%;
	color:#fff;
	-webkit-justify-content:flex-start;
	justify-content:flex-start;
	-webkit-align-items:center;
	align-items:center;
	text-align:center;
}
.banner_box .swiper-slide .banner_txt img{
	display:block;
	max-height:60%;
	max-width:90%;
}
/* 活字 start*/
.banner_box .swiper-slide .banner_txt{
	-webkit-flex-direction:column;
	flex-direction:column;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
}
.banner_box .swiper-slide .banner_txt .banner_sh{
	--font2:60;
	font-family:arialb;
	font-weight:bold;
	text-transform:uppercase;
}
.banner_box .swiper-slide .banner_txt .banner_en{
	--font2:48;
}
/* 活字 end*/
.banner_box .swiper-slide .banner_sw{
	font-size:var(--font60);
	font-weight:bold;
	padding-bottom:calc(120 / var(--invarPx) * var(--centerWidth));
	letter-spacing:.05em;
}
.banner_box .swiper-slide video{
	position: absolute;
	width:100%;
	left:0px;
	top:50%;
	transform: translateY(-50%);
	object-fit:fill;
	min-height:100%;
	z-index:3;
}
.banner_box .swiper-pagination.swiper-pagination-bz{
	position:absolute;
	left:0;
	bottom:max(20px,calc(30 / 1080 * 100vh));
}
.banner_box .swiper-button.swiper-button-bz{
	--swPos:calc(40 / var(--fullPx) * 100vw);
	--move:calc(var(--swPos) + var(--swbtnSize));
	--swbtnSize:60px;
}
.banner_box .mask_array{
	position:absolute;
	color:#fff;
	font-size:calc(30px + 28 / var(--invarPx) * var(--centerWidth));
	width:1em;
	height:1em;
	bottom:calc(5vh + 30px + 1vw);
	z-index:5;
	left:50%;
	transform:translateX(-50%);
	cursor:pointer;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	animation: start 2s infinite ease-in-out;
}
.banner_box .mask_array .iconfont{
	font-size:1em;
}
@keyframes start {
	0%,30% {opacity: 0;transform: translate(-50%,-15px);}
	60% {opacity: 1;transform: translate(-50%,0);}
	100% {opacity: 0;transform: translate(-50%,15px);}
}
.swiper-pagination.swiper-pagination-bz{
	position:static;
	width:100%;
	text-align:center;
	--swdotBeishu:8;
	--swdotWidth:calc(var(--swdotBeishu) * var(--swdotHeight));
}
.swiper-pagination.swiper-pagination-bz .swiper-pagination-bullet{
	
	width:var(--swdotWidth);
	height:var(--swdotHeight);
	border-radius:0;
	margin:0 max(calc(var(--swdotHeight) * .5),calc(5 / 40 * var(--swdotWidth)));
	background:currentColor;
	--swiper-pagination-bullet-inactive-opacity:.5;
}
.swiper-pagination.swiper-pagination-bz.swiper-pagination-white{
	color:#fff;
}
.swiper-pagination.swiper-pagination-bz.swiper-pagination-color{
	color:var(--curColor);
}
.swiper-pagination.swiper-pagination-bz.cur-bg .swiper-pagination-bullet{
	background:var(--curColor);
}
.swiper-pagination.swiper-pagination-bz.sub-bg .swiper-pagination-bullet{
	background:var(--subColor);
}
.swiper-pagination.cur_color .swiper-pagination-bullet-active{
	background:var(--curColor);
}
.swiper-pagination.cur_color .swiper-pagination-bullet:not(.swiper-pagination-bullet-active),
.swiper-pagination.white_bg .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){
	opacity:.6;
}
.black_bg1 .swiper-pagination.cur_color .swiper-pagination-bullet:not(.swiper-pagination-bullet-active),
.swiper-pagination.white_bg .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){
	background:#fff;
}
.swiper-pagination.position-static.swiper-pagination-bullets-dynamic{
	left:auto;
	transform:none !important;
}
.swiper-button.swiper-button-prev,
.swiper-button.swiper-button-next {
  --swPos: 0;
  width: var(--swbtnSize);
  height: var(--swbtnSize);
  top: 50%;
  margin-top: calc(-0.5 * var(--swbtnSize));
  transition: all 0.35s;
}
.swiper-button.swiper-button-prev {
  left: var(--swPos);
}
.swiper-button.swiper-button-next {
  right: var(--swPos);
}
.swiper-button.swiper-button-prev::after,
.swiper-button.swiper-button-next::after {
  font-size: calc(40 / 50 * var(--swbtnSize));
}
.swiper-button.white_color {
  color: #fff;
}
.swiper-button.white_color:hover {
  color:var(--curColor);
}
.swiper-button.gray_color {
  color: #666;
}
.swiper-button.gray_color:hover {
  color: var(--curColor);
}
.swiper-button.cur_color {
  color: var(--curColor);
}
.swiper-button.cur_color:hover {
  opacity: 0.6;
}
.swiper-button.black_color{
	color:var(--blackColor);
}
.swiper-button.black_color:hover{
	color:var(--curColor);
}

/* 共用 */
.main_box{
	overflow:hidden;
	background:var(--blackColor);
}

/* 标题1 */
.bz_tit1{
	text-align:center;
	color:#fff;
}
.bz_tit1 .bz_h{
	--font2:48;
	font-weight:bold;
}
.bz_tit1 .bz_exp{
	--font2:20;
	line-height:1.5;
}
.bz_tit1.black_color{
	color:#121212;
}
.bz_tit1.left_tit{
	text-align:left;
}

/* Who we are */
.who_box,
.what_box,
.pro_box,
.solu_box,
.form_box{
	position:relative;
	z-index:3;
}
.who_box .who_con{
	border-radius:var(--radius);
	overflow:hidden;
}
.who_box .who_con img{
	display:block;
	width:100%;
}

/* What we do */
.what_list{
	--font2:18;
	--col:3;
	--gap:40px;
	--pd:calc(10px + 10 / var(--invarPx) * var(--centerWidth));
	--slideWidth:calc((var(--centerWidth) - (var(--col) - 1) * var(--gap)) / var(--col));
	--imgWidth:calc(var(--slideWidth) - 2 * var(--pd));
	--imgHeight:calc(240 / 400 * var(--imgWidth));
}
.what_list ul{
	margin-left:calc(-1 * var(--gap));
	margin-top:calc(-1 * var(--gap));
}
.what_list ul li{
	width:calc(100% / var(--col));
	margin-top:var(--gap);
}
.what_list ul li .what_ss{
	margin-left:var(--gap);
	width:calc(100% - var(--gap));
}
.what_list .what_ss{
	display:block;
	padding:var(--pd);
	border-radius:var(--radius);
	background:#fff;
	text-align:center;
}
.what_list .what_ss .what_img{
	display:block;
	overflow:hidden;
	height:var(--imgHeight);
	border-radius:var(--radius);
}
.what_list .what_ss .what_img img{
	display:block;
	width:100%;
	height:100%;
}
.what_list .what_ss .what_txt{
	margin-top:1em;
	line-height:1.5;
}
.what_swiper{
	position:relative;
}
.what_swiper .swiper-slide{
	width:var(--slideWidth);
	margin-right:var(--gap);
}
.what_list.black_bg .what_ss{
	background:var(--blackColor);
	color:#fff;
}

/* products */
.pro_swiper{
	--font2:18;
	--col:2;
	--gap:40px;
	--imgWidth:calc((var(--centerWidth) - (var(--col) - 1) * var(--gap)) / var(--col));
	--imgHeight:calc(510 / 680 * var(--imgWidth));
	--pdTop:calc(10px + 30 / var(--invarPx) * var(--centerWidth));
	--pdLeft:calc(10px + 40 / var(--invarPx) * var(--centerWidth));
	position:relative;
}
.pro_swiper .pro_ss{
	display:block;
	overflow:hidden;
	border-radius:var(--radius);
	position:relative;
	color:#fff;
}
.pro_swiper .pro_ss .pro_img{
	display:block;
	overflow:hidden;
	height:var(--imgHeight);
}
.pro_swiper .pro_ss .pro_img img{
	display:block;
	width:100%;
	height:100%;
}
.pro_swiper .pro_ss .pro_txt{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:var(--pdTop) var(--pdLeft);
}
.pro_swiper .pro_ss .pro_txt::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2;
	background:linear-gradient(to bottom,rgba(0,0,0,.6),rgba(0,0,0,0) 80%);
	transform:scaleY(0);
	transform-origin:top;
}
.pro_swiper .pro_ss .pro_txt .pro_sh,
.pro_swiper .pro_ss .pro_txt .pro_sw{
	position:relative;
	z-index:3;
}
.pro_swiper .pro_ss .pro_txt .pro_sh{
	--font2:40;
	font-weight:bold;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	transition:all .35s;
}
.pro_swiper .pro_ss .pro_txt .pro_sw{
	margin-top:.5em;
}
.what_swiper .swiper-pagination,
.pro_swiper .swiper-pagination{
	display:none;
}
.pro_swiper .swiper-button,
.what_swiper .swiper-button{
	--swPos:calc(-1 * var(--swbtnSize) - 1em);
}


/* Solutions */
.solu_box .solu_con{
	--font2:18;
	--gap:10px;
	--imgHeight:calc(200px + 300 / var(--invarPx) * var(--centerWidth));
	--col:4;
	--pd:calc(10px + 10 / var(--invarPx) * var(--centerWidth));
	--maskHeight:calc(150 / 500 * var(--imgHeight));
	color:#fff;
}
.solu_box .solu_con ul{
	margin-left:calc(-1 * var(--gap));
	margin-top:calc(-1 * var(--gap));
}
.solu_box .solu_con ul li{
	margin-top:var(--gap);
	width:calc(100% / var(--col));
	flex:1;
	pointer-events:none;
	transition:flex .5s;
}
.solu_box .solu_con .solu_ss{
	display:block;
	overflow:hidden;
	margin-left:var(--gap);
	pointer-events:auto;
	border-radius:var(--radius);
	position:relative;
}
.solu_box .solu_con .solu_ss::before{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	z-index:2;
	width:100%;
	height:var(--maskHeight);
	background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,0));
}
.solu_box .solu_con .solu_ss .solu_img{
	display:block;
	overflow:hidden;
	height:var(--imgHeight);
}
.solu_box .solu_con .solu_ss .solu_img img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.solu_box .solu_con .solu_ss .solu_wrap{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.solu_box .solu_con .solu_ss .solu_wrap1{
	z-index:3;
}
.solu_box .solu_con .solu_ss .solu_wrap2{
	z-index:4;
}
.solu_box .solu_con .solu_ss .solu_wrap .solu_txt{
	width:100%;
}

.solu_box .solu_con .solu_ss .solu_wrap1 .solu_sh{
	text-align:center;
}
.solu_box .solu_con .solu_ss .solu_wrap1 .solu_txt{
	padding:var(--pd) 0;
}
.solu_box .solu_con .solu_ss .solu_wrap2 .solu_txt{
	padding:var(--pd);
	opacity:0;
	transform:translateY(100%);
}
.solu_box .solu_con .solu_ss .solu_wrap .solu_sh{
	--font2:24;
	font-weight:bold;
}
.solu_box .solu_con .solu_ss .solu_wrap .solu_sw{
	line-height:1.45;
}
.solu_box .solu_con .bz_more1.only_icon{
	width:auto !important;
	height:auto !important;
}
.solu_box .solu_con .bz_more1,
.solu_box .solu_con .solu_ss .solu_wrap .solu_sw{
	margin-top:.6em;
}

/* Trusted */
.main_box{
	overflow:hidden;
}
.trust_box{
	position:relative;
}
.trust_box .trust_bg{
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	transform:translateY(-50%);
	pointer-events:none;
}
.trust_box .trust_bg img{
	display:block;
	width:100%;
}
.trust_box .trust_bg ~ *{
	position:relative;
	z-index:3;
}
.trust_swiper{
	--font2:18;
	--gap:40px;
	--col:4;
	--slideWidth:calc((var(--centerWidth) - (var(--col) - 1) * var(--gap)) / var(--col));
	--imgHeight:calc(224 / 320 * var(--slideWidth));
	--txtPdTop:calc(10px + 10 / var(--invarPx) * var(--centerWidth));
	--txtPdLeft:calc(10px + 20 / var(--invarPx) * var(--centerWidth));
	color:#fff;
}
.trust_swiper1 .swiper-wrapper{
	-webkit-transition-timing-function:linear !important;
	-moz-transition-timing-function:linear !important;
	-ms-transition-timing-function:linear !important;
	-o-transition-timing-function:linear !important;
	transition-timing-function:linear !important;
}
.trust_swiper .swiper-slide{
	width:var(--slideWidth);
	margin-right:var(--gap);
}
.trust_swiper .trust_ss{
	display:block;
	border:solid 1px rgba(255,255,255,.6);
	transition:all .35s;
}
.trust_swiper .trust_ss .trust_img{
	height:var(--imgHeight);
}
.trust_swiper .trust_ss .trust_img img{
	display:block;
	max-width:75%;
	max-height:64.8%;
}
.trust_swiper .trust_ss .trust_txt{
	padding:var(--txtPdTop) var(--txtPdLeft);
	text-align:center;
	line-height:1.45;
}
.black_item_bg .trust_swiper .trust_ss{
	background:var(--blackColor);
	border-color:transparent;
}

/* Form */
.white_bg1{
	background:#fff;
}
.black_bg1{
	background:var(--blackColor);
}
.gray_bg1{
	background:#f5f5f5;
}
.radius1{
	border-radius:var(--radius);
	overflow:hidden;
}
.form_box{
	overflow:hidden;
}
.form_box .form_top{
	--pdLeft:5vw;
	padding-left:var(--pdLeft);
	padding-right:var(--pdLeft);
}
.form_box .form_btns{
	--font2:18;
	--gap:calc(10px + 30 / var(--invarPx) * var(--centerWidth));
	margin-left:calc(-1 * var(--gap));
}
.form_box .form_btns .form_btn{
	padding:0.8em 1em;
	border-radius:var(--radius);
	color:#fff;
	background:var(--curColor);
	margin-left:var(--gap);
	text-align:center;
	min-width:calc(200 / 18 * 1em);
}
.form_box .form_top .form_line{
	display:block;
	height:1px;
	background:#121212;
}
.form_box .form_container{
	--font2:18;
	--pdTop:calc(20px + 30 / var(--invarPx) * var(--centerWidth));
	--pdLeft:5vw;
	--col:2;
	--inpH:40px;
	--inpGap:.6em;
	--gapTop:calc(15px + 5 / var(--invarPx) * var(--centerWidth));
	--gapLeft:calc(5px + 75 / var(--invarPx) * var(--centerWidth));
	--slWidth:7em;
	padding:var(--pdTop) var(--pdLeft);
}
.form_box .form_container form{
	display:block;
	width:100%;
}
.form_box .form_container ul{
	margin-top:calc(-1 * var(--gapTop));
	margin-left:calc(-1 * var(--gapLeft));
}
.form_box .form_container ul > li{
	width:calc(100% / var(--col));
	margin-top:var(--gapTop);
}
.form_box .form_container .form_ss{
	width:calc(100% - var(--gapLeft));
	margin-left:var(--gapLeft);
}
.form_box .form_container .form_ss .form_sl{
	line-height:var(--inpH);
}
.form_box .form_container .form_ss .form_sl em{
	color:red;
	position:relative;
	left:.1em;
	top:-.2em;
}
.form_box .form_container .form_ss .form_sr{
	flex:1;
	margin-left:var(--inpGap);
}
.form_box .form_container .form_ss .form_sr .form_inp,
.form_box .form_container .form_ss .form_sr .form_sel{
	position:relative;
}
.form_box .form_container .form_ss .form_sr .form_inp input,
.form_box .form_container .form_ss .form_sr .form_sel select{
	display:block;
	width:100%;
	height:var(--inpH);
	background:#eee;
	border:solid 1px #eee;
	border-radius:var(--radius);
	font-size:1em;
	padding-left:1em;
	padding-right:1em;
	color:currentColor;
	transition:background .35s;
}
.form_box .form_container .form_ss .form_sr .form_inp input:focus,
.form_box .form_container .form_ss .form_sr .form_sel select:focus{
	background:#e7f0fe;
	border-color:var(--curColor);
}
.form_box .form_container .form_ss .form_sr .form_inp .form_control.invalid{
	border-color:#d3000f;
}
.form_box .form_container .form_ss .form_sr .form_sel .form_icon{
	width:var(--inpH);
	height:var(--inpH);
	position:absolute;
	right:0;
	top:0;
	opacity:.5;
	pointer-events:none;
}
.form_box .form_container .form_ss .form_sr .form_sel .form_icon .iconfont{
	font-size:1em;
}
.form_box .form_container .form_sr .form_error{
	--font2:14;
	color:#d3000f;
	margin-top:.7em;
	display:none;
}
.form_box .form_container .form_submit .form_btn{
	background:var(--curColor);
	color:#fff;
	padding:.8em 1em;
	border-radius:var(--radius);
	font-size:1em;
	cursor:pointer;
	transition:all .35s;
}
.form_box .form_policy{
	--font2:16;
	--checkScale:1.2;
	--checkSize:calc(1em * var(--checkScale));
	--lineHeight:calc(1em * 1.2);
}
.form_box .form_policy .form_pl{
	display:flex;
	align-items:center;
	font-size:var(--checkSize);
	width:1em;
	height:var(--lineHeight);
}
.form_box .form_policy .form_pl label{
	width:100%;
}
.form_box .form_policy .form_pl input{
	display:none;
}
.form_box .form_policy .form_pl .form_icon{
	width:100%;
	height:1em;
	border:solid 1px #aaa;
	border-radius:3px;
	color:#fff;
	cursor:pointer;
}
.form_box .form_policy .form_pl .form_icon .iconfont{
	font-size:.7em;
	display:none;
}
.form_box .form_policy .form_pl input:checked ~ .form_icon{
	border-color:var(--curColor);
	background:var(--curColor);
}
.form_box .form_policy .form_pl input:checked ~ .form_icon .iconfont{
	display:block;
}
.form_box .form_policy .form_pr{
	width:calc(100% - var(--checkSize));
	line-height:calc(var(--lineHeight) * var(--checkScale));
	padding-left:.7em;
}
.form_box .form_policy .form_pr .poly_btn{
	color:var(--curColor);
	font-weight:bold;
	text-decoration:underline;
}
.form_box .form_policy .form_pr .form_star{
	color:red;
	position:relative;
	left:.1em;
	top:-.2em;
}

/* 侧边栏 */
.fix_bar{
	--pos:calc(20 / var(--invarPx) * var(--centerWidth));
	position:fixed;
	right:var(--pos);
	bottom:var(--pos);
	z-index:940;
}
.fix_bar ul li{
	position:relative;
	transition:opacity .35s;
}
.fix_bar ul li:last-child{
	opacity:0;
	pointer-events:none;
}
.fix_bar ul li + li{
	margin-top:6px;
}
.fix_bar ul li .fix_ss{
	display:block;
	width:50px;
	height:50px;
	border-radius:5px;
	background:var(--curColor);
	position:relative;
	color:#fff;
}
.fix_bar ul li .fix_ss .fix_icon,
.fix_bar ul li .fix_ss .fix_txt{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
}
.fix_bar ul li .fix_ss .fix_icon svg{
	display:block;
	max-width:52%;
	max-height:52%;
}
.fix_bar ul li .fix_ss.fix_tel .fix_icon svg{
	animation:t0 .6s infinite alternate;
}
.fix_bar ul li .fix_ss .fix_icon svg path{
	fill:#fff !important;
}
.fix_bar ul li .fix_ss .fix_txt{
	z-index:3;
	transform:scale(0);
	opacity:0;
	transition:all .35s
}
.fix_bar ul li .fix_ss .fix_txt i{
	width:30px;
	font-size:12px;
	text-align:center;
	line-height:1.2;
	letter-spacing:.1em;
}
.fix_bar ul li .fix_hide{
	position:absolute;
	right:80px;
	font-size:15px;
	background:var(--curColor);
	border-radius:5px;
	color:#fff;
	display:none;
}
.fix_bar ul li .fix_hide:before{
	content:"";
	position:absolute;
	top:0;
	right:0;
	width:10px;
	height:10px;
	background:var(--curColor);
	transform:translate(50%,27px) rotate(45deg);
}
.fix_bar ul li .fix_hide_qr{
	padding:10px;
	top:0;
}
.fix_bar ul li .fix_hide_qr:before{
	transform:translate(50%,27px) rotate(45deg);
}
.fix_bar ul li .fix_hide_tel:before{
	top:50%;
	transform:translate(50%,-50%) rotate(45deg);
}
.fix_bar ul li .fix_hide_qr span{
	display:block;
	width:106px;
	height:106px;
}
.fix_bar ul li .fix_hide_qr span img{
	display:block;
	width:100%;
	height:100%;
}
.fix_bar ul li .fix_hide_tel{
	top:50%;
	width:180px;
	padding:10px 15px;
	transform:translateY(-50%);
}
@keyframes t0{
    from{-webkit-transform:rotate(15deg)}
    35%{-webkit-transform:rotate(0deg)}
    to{ -webkit-transform:rotate(15deg)}
}
.fix_bar ul li .fix_ss:hover{
	background:var(--subColor);
}
/* .fix_bar ul li .fix_ss:hover .fix_icon{
	opacity:0;
}
.fix_bar ul li .fix_ss:hover .fix_txt{
	transform:scale(1);
	opacity:1;
} */
.fix_bar ul li:hover .fix_hide{
	display:block;
}

/* Footer */
.footer_box{
	background:var(--blackColor);
	color:rgba(255,255,255,.7);
	overflow:hidden;
	border-top:solid 1px rgba(255,255,255,.6);
}
.footer_box .footer_top{
	--font2:18;
}
.footer_box .footer_top .footer_tl{
	--font2:24;
	max-width:14em;
}
.footer_box .footer_top .footer_logo{
	display:inline-block;
}
.footer_box .footer_top .footer_logo img{
	display:block;
	max-height:50px;
	max-width:calc(244 / 24 * 1em);
}
.footer_box .footer_top .footer_sh{
	--font2:24;
	color:#fff;
}
.footer_box .footer_top .footer_nav ul li{
	overflow:hidden;
}
.footer_box .footer_top .footer_nav ul li ~ li{
	margin-top:.5em;
}
.footer_box .footer_top .footer_nav ul li a{
	float:left;
}
.footer_box .footer_top .footer_tr{
	max-width:25em;
}
.footer_box .footer_top .footer_info ul li *{
	display:inline;
}
.footer_box .footer_top .footer_info ul li ~ li{
	margin-top:.5em;
}
.footer_box .footer_bot{
	--font2:16;
}
.footer_box .footer_bot .center_box{
	border-top:solid 1px rgba(255,255,255,.6);
}
.footer_box .footer_bot .footer_br{
	--gap:1.25em;
}
.footer_box .footer_bot .footer_br > a ~ a{
	margin-left:var(--gap);
	position:relative;
}
.footer_box .footer_bot .footer_br > a ~ a::before{
	content:"";
	position:absolute;
	top:.2em;
	bottom:.2em;
	left:calc(-.5 * var(--gap));
	width:1px;
	background:rgba(255,255,255,.5);
}
.footer_box .footer_bot .footer_br > i{
	margin-left:var(--gap);
}
.footer_follow{
	--gapTop:calc(10px + 20 / var(--invarPx) * var(--centerWidth));
	--gapLeft:calc(10px + 50 / var(--invarPx) * var(--centerWidth));
	--iconSize:calc(40px + 10 / var(--invarPx) * var(--centerWidth));
	--qrSize:calc(60px + 60 / var(--invarPx) * var(--centerWidth));
	--pd:calc(3px + 2 / var(--invarPx) * var(--centerWidth));
	--sjWidth:8px;
	--sjHeight:7px;
}
.footer_follow ul{
	margin-left:calc(-1 * var(--gapLeft));
}
.footer_follow ul > li{
	margin-top:var(--gapTop);
}
.footer_follow .footer_ss{
	margin-left:var(--gapLeft);
	position:relative;
}
.footer_follow .footer_ss .footer_icon{
	width:var(--iconSize);
	height:var(--iconSize);
	border-radius:50%;
	background:rgba(255,255,255,.3);
	color:#fff;
	transition:all .35s;
}
.footer_follow .footer_ss .footer_icon svg{
	display:block;
	max-width:50% !important;
	max-height:50% !important;
}
.footer_follow .footer_ss .footer_icon svg path{
	fill:currentColor !important;
}
.footer_follow .footer_ss .footer_hide{
	position:absolute;
	left:50%;
	bottom:100%;
	padding-bottom:calc(2 * var(--pd) + var(--sjHeight));
	margin-left:calc(-.5 * var(--qrSize));
	opacity:0;
	pointer-events:none;
	transform:translateY(calc(3 * var(--pd)));
}
.footer_follow .footer_ss .footer_hide span{
	display:block;
	width:var(--qrSize);
	height:var(--qrSize);
	padding:var(--pd);
	background:#fff;
	position:relative;
	box-shadow:0 0 10px rgba(0,0,0,.1);
}
.footer_follow .footer_ss .footer_hide span::before{
	content:"";
	position:absolute;
	border-left:solid var(--sjWidth) transparent;
	border-right:solid var(--sjWidth) transparent;
	border-top:solid var(--sjHeight) #fff;
	top:calc(100% - 1px);
	left:50%;
	margin-left:calc(-1 * var(--sjWidth));
}
.footer_follow .footer_ss .footer_hide span img{
	display:block;
	width:100%;
	height:100%;
}

/* Cookie */
.cookie_box{
	background:rgba(255, 255, 255, 0.80);
	box-shadow:0 2px 30px 0 rgba(0, 0, 0, 0.08);
	-webkit-backdrop-filter:saturate(180%) blur(20px);
	backdrop-filter:saturate(180%) blur(20px);
	border-radius:8px;
	z-index:10000;
	position:fixed;
	bottom:10px;
	left:0;
	right:0;
	padding:calc(15px + 15 / var(--invarPx) * var(--centerWidth));
}
.cookie_hidden{
	display:none !important;
}
.cookie_box .cookie_txt{
	--font2:16;
}
.cookie_box .cookie_txt > * ~ *{
	margin-top:.3em;
}
.cookie_box .cookie_txt .poly_btn{
	font-weight:bold;
	text-decoration:underline;
	cursor:pointer;
}
.cookie_box .cookie_txt .poly_btn:hover{
	color:var(--curColor);
}
.cookie_box .cookie_txt ~ .cookie_btns{
	margin-top:15px;
}
.cookie_box .cookie_btns{
	--font2:16;
	--gap:2em;
	-webkit-justify-content:flex-end;
	justify-content:flex-end;
	-webkit-align-items:center;
	align-items:center;
	text-align:center;
}
.cookie_box .cookie_btns .cookie_btn#acceptBtn{
	background:var(--curColor);
	border-color:var(--curColor);
	color:#fff;
}
.cookie_box .cookie_btns .cookie_btn{
	color:#333;
}
.cookie_box .cookie_btns .cookie_btn + .cookie_btn{
	margin-left:var(--gap);
}
.cookie_box .cookie_btns .cookie_btn1{
	text-decoration:underline;
}
.cookie_box .cookie_btns .cookie_btn2,
.cookie_box .cookie_btns .cookie_btn3{
	border:solid 1px currentColor;
	border-radius:200px;
	padding:.62em 2.14em;
	min-width:8em;
}
.cookie_box .cookie_btns .cookie_btn#acceptBtn:hover{
	background:var(--subColor);
	border-color:var(--subColor);
}
.cookie_box .cookie_btns .cookie_btn#rejectBtn:hover{
	color:var(--curColor);
}

/* Privacy Policy */
.tk_box1 .center_box{
	width:min(1200px,100vw);
	overflow:hidden;
}
.tk_box1 .tk_container{
	background:#f5f7f8;
	min-height:100vh;
}
.tk_container .tk_h{
	--font2:30;
	font-weight:bold;
	text-align:center;
}
.tk_container .tk_info{
	--font2:20;
	--gapLeft:calc(80 / var(--invarPx) * var(--centerWidth));
	margin-left:calc(-1 * var(--gapLeft));
}
.tk_container .tk_info span{
	margin-left:var(--gapLeft);
	opacity:.65;
}

/* ···························· 内页 ···························· */
.inner_banner{
    position:relative;
    overflow:hidden;
	max-height:100vh;
	z-index:2;
}
.inner_banner .inner_banner_mask{
	--maskSize:150vmax;
	--op1:0;
	--op2:.3;
	position:absolute;
	top:50%;
	left:50%;
	width:var(--maskSize);
	height:var(--maskSize);
	margin-top:calc(-.5 * var(--maskSize));
	margin-left:calc(-.5 * var(--maskSize));
	background:#000;
	border-radius:50%;
	z-index:2;
	pointer-events:none;
	opacity:var(--op2);
	animation-name:inbGrad;
	animation-duration:1.5s;
	animation-delay:.5s;
}
@keyframes inbGrad{
	0%{
		opacity:var(--op1);
		transform: scale(0);
	}
	100%{
		opacity:var(--op2);
		transform:scale(1);
	}
}
.inner_banner > img {
    display:block;
    width:100%;
    height:100%;
	object-fit:cover;
}
.inner_banner .inner_b_txt{
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    height:100%;
    z-index:3;
    color:#fff;
	width:100%;
	padding-left:5vw;
	padding-right:5vw;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
}
.inner_banner .inner_b_txt .inner_b_ce{
	width:100%;
	position:relative;
	font-size:calc(12px + 18 / var(--invarPx) * var(--centerWidth));
	color:#fff;
	text-align:center;
}
.inner_banner .inner_b_txt .inner_b_sh.wow,
.inner_banner .inner_b_txt .inner_b_sw.wow{
	animation-name:fadeInUp;
}
.inner_banner .inner_b_txt .inner_b_sh.wow{
	animation-delay:.4s;
}
.inner_banner .inner_b_txt .inner_b_sw.wow{
	animation-delay:.8s;
}
.inner_banner .inner_b_txt .inner_b_sh{
	--font2:50;
	font-weight:bold;
	font-family:arialb;
	text-transform:uppercase;
}
.inner_banner .inner_b_txt .inner_b_sw{
	--font2:40;
}
.inner_banner .inner_b_txt .inner_b_exp{
	display:block;
	font-weight:bold;
	color:rgba(255,255,255,.5);
	animation-name:fadeInUp;
	animation-delay:1.2s;
}

.inner_banner .inner_b_txt .inner_b_line{
	display:block;
	width:1.67em;
	height:2px;
	background:currentColor;
	transform-origin:left;
	animation-name:bLine;
}
@keyframes bLine{
	from{
		transform:scaleX(0);
	}
	to{
		transform:scaleX(1);
	}
}

.scaleBox {
    -webkit-animation-name:scaleBox;
    animation-name:scaleBox;
}

@keyframes scaleBox {
    0% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

/* About Us page */
.about_mvis{
	position:relative;
	overflow:hidden;
}
.about_mvis .bz_tit1{
	position:absolute;
	left:0;
	right:0;
	top:0;
	z-index:3;
}
.about_mvis .about_con{
	--col:2;
	--pdLeft:0;
	--imgWidth:calc((100vw - var(--gdtWidth) - 2 * var(--pdLeft)) / var(--col));
	--imgHeight:calc(700 / 960 * var(--imgWidth));
	--txtWidth:calc(var(--centerWidth) / var(--col));
	--txtPdLeft:calc(80 / var(--invarPx) * var(--centerWidth));
}
.about_mvis .about_con .about_item{
	width:calc(100% / var(--col));
	height:var(--imgHeight);
	position:relative;
	overflow:hidden;
}
.about_mvis .about_con .about_item::before{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:30%;
	background:linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,0));
}
.about_mvis .about_con .about_item > img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.about_mvis .about_con .about_item .about_wrap{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:3;
	width:var(--txtWidth);
	
}
.about_mvis .about_con .about_item .about_wrap .about_txt{
	width:100%;
	padding:0 var(--txtPdLeft) var(--txtPdLeft);
	color:#fff;
}
.about_mvis .about_con .about_item:nth-child(1) .about_wrap{
	left:auto;
}
.about_mvis .about_con .about_item:nth-child(1) .about_wrap .about_txt{
	padding-left:0;
}
.about_mvis .about_con .about_item:nth-last-child(1) .about_wrap .about_txt{
	padding-right:0;
}
.about_mvis .about_con .about_txt .about_icon{
	--font1:28;
	--font2:34;
	width:1em;
	height:1em;
}
.about_mvis .about_con .about_txt .about_icon svg{
	display:block;
	max-width:100%;
	max-height:100%;
}
.about_mvis .about_con .about_txt .about_icon svg path{
	fill:currentColor !important;
}
.about_mvis .about_con .about_txt .about_sh{
	--font2:36;
	font-weight:bold;
}
.about_mvis .about_con .about_txt .about_sw{
	--font2:18;
	line-height:1.45;
	margin-top:.5em;
}
.about_cul .about_con{
	--font2:20;
	--col:5;
	--gap:calc(10px + 20 / var(--invarPx) * var(--centerWidth));
	--liWidth:calc((var(--centerWidth) + var(--gap)) / var(--col));
	--pdLeft:calc(5px + 5 / var(--invarPx) * var(--centerWidth));
	--pdTop:calc(10px + 40 / var(--invarPx) * var(--centerWidth));
	--iconSize:calc((var(--liWidth) - var(--gap) - 2 * var(--pdLeft)) * .634);
}
.about_cul .about_con ul{
	margin-left:calc(-1 * var(--gap) - 1px);
	margin-top:calc(-1 * var(--gap));
}
.about_cul .about_con ul li{
	width:var(--liWidth);
	margin-top:var(--gap);
}
.about_cul .about_con .about_ss{
	margin-left:var(--gap);
	width:calc(100% - var(--gap));
	padding:var(--pdTop) var(--pdLeft);
	background:var(--blackColor);
	color:#fff;
	border-radius:var(--radius);
	text-align:center;
	overflow:hidden;
}
.about_cul .about_con .about_ss .about_icon{
	width:var(--iconSize);
	height:var(--iconSize);
	border:solid 1px transparent;
	border-radius:50%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	transition:border-color .35s;
}
.about_cul .about_con .about_ss .about_icon svg{
	display:block;
	max-width:48%;
	max-height:48%;
	position:relative;
	z-index:3;
}
.about_cul .about_con .about_ss .about_icon svg path{
	fill:currentColor !important;
}
.about_cul .about_con .about_ss .about_icon::before,
.about_cul .about_con .about_ss .about_icon::after{
	--op1:1;
	--op2:0;
	--sc1:1;
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	
	border:solid 1px currentColor;
	border-radius:50%;
}
.about_cul .about_con .about_ss .about_icon::before{
	--sc2:1.5;
}
.about_cul .about_con .about_ss .about_icon::after{
	--sc2:2;
}
@keyframes play-btn-1 {
    0% {
        transform:scale(var(--sc1));
        opacity:var(--op1);
    }
    100% {
        transform:scale(var(--sc2));
        opacity:var(--op2);
    }
}

/* Solutions page */
.solu_list{
	--font2:18;
	--imgWidth:calc(100px + 650 / var(--invarPx) * var(--centerWidth));
	--imgHeight:calc(500 / 750 * var(--imgWidth));
	--overflow:calc(150 / var(--invarPx) * var(--centerWidth));
	--txtWidth:calc(var(--centerWidth) - var(--imgWidth) + var(--overflow));
	--pd:calc(10px + 40 / var(--invarPx) * var(--centerWidth));
	--gap:calc(10px + 50 / var(--invarPx) * var(--centerWidth));
}
.solu_list ul > li ~ li{
	margin-top:var(--gap);
}
.solu_list ul > li:nth-of-type(even) .solu_ss{
	-webkit-flex-direction:row-reverse;
	flex-direction:row-reverse;
}
.solu_list .solu_ss .solu_img.wow{
	animation-name:fadeIn;
}
.solu_list .solu_ss .solu_txt.wow{
	animation-name:fadeInUp;
	animation-delay:.2s;
}
.solu_list .solu_ss .solu_img{
	display:block;
	overflow:hidden;
	border-radius:var(--radius);
	width:var(--imgWidth);
	height:var(--imgHeight);
}
.solu_list .solu_ss .solu_img img{
	display:block;
	width:100%;
	height:100%;
}
.solu_list .solu_ss .solu_txt{
	width:var(--txtWidth);
	position:relative;
	z-index:3;
	margin-left:calc(-1 * var(--overflow));
	background:var(--blackColor);
	border-radius:var(--radius);
	padding:var(--pd);
	color:#fff;
	min-height:calc(.68 * var(--imgHeight));
}
.solu_list ul > li:nth-of-type(even) .solu_ss .solu_txt{
	margin-left:0;
	margin-right:calc(-1 * var(--overflow));
}
.solu_list .solu_ss .solu_txt .solu_icon{
	--font1:30;
	--font2:58;
	width:1em;
	height:1em;
}
.solu_list .solu_ss .solu_txt .solu_icon svg{
	display:block;
	max-width:100%;
	max-height:100%;
}
.solu_list .solu_ss .solu_txt .solu_icon svg path{
	fill:currentColor !important;
}
.solu_list .solu_ss .solu_txt .solu_sh{
	--font2:24;
	font-weight:bold;
}
.solu_list .solu_ss .solu_txt .solu_sw{
	line-height:1.5;
}

/* Products page */
.position-static{
	position:static;
	margin-left:auto;
	margin-right:auto;
}
.pro_s1 .pro_con{
	--itemGap:calc(10px + 50 / var(--invarPx) * var(--centerWidth));
	--pdLeft:calc(var(--swbtnSize) + 20 / var(--invarPx) * var(--centerWidth));
}
.pro_s1 .pro_con .bz_tit1{
	padding-left:var(--pdLeft);
	padding-right:var(--pdLeft);
}
.pro_s1 .pro_con .bz_tit1 .bz_h{
	--font2:36;
}
.pro_s1 .pro_item ~ .pro_item{
	margin-top:var(--itemGap);
}
.pro_s1 .pro_item .pro_l{
	--bgHeight:calc(300 / var(--invarPx) * var(--centerWidth));
	display:block;
	height:var(--bgHeight);
}
.pro_s1 .pro_item .pro_l img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.pro_s1 .pro_item .pro_r{
	width:100%;
	margin-left:-100%;
	position:relative;
	z-index:3;
}
.pro_swiper1{
	--font2:18;
	--col:2;
	--gap:30px;
	--slideWidth:calc((var(--centerWidth) - 2 * var(--pdLeft) - (var(--col) - 1) * var(--gap)) / var(--col));
	--txtPd:calc(10px + 10 / var(--invarPx) * var(--centerWidth));
	--imgHeight:calc(290 / 360 * (var(--slideWidth) - 2 * var(--txtPd)));
	--lineHieght:1.5;
	padding-left:var(--pdLeft);
	padding-right:var(--pdLeft);
	position:relative;
}
.pro_swiper1 .swiper-slide{
	width:var(--slideWidth);
	margin-right:var(--gap);
}
.pro_swiper1 .pro_ss{
	background:#eee;
	border-radius:var(--radius);
	padding:var(--txtPd) var(--txtPd) 0;
	overflow:hidden;
}
.pro_swiper1 .pro_ss .pro_st{
	width:100%;
	position:relative;
	z-index:3;
}
.pro_swiper1 .pro_ss .pro_sh{
	--font2:30;
	--clampRows:1;
	font-weight:bold;
	transition:color .35s;
}
.pro_swiper1 .pro_ss .pro_sw{
	line-height:var(--lineHeight);
	height:calc(var(--clampRows) * var(--lineHeight) * 1em);
	margin-top:.5em;
}
.pro_swiper1 .pro_ss .pro_sd{
	width:100%;
	height:var(--imgHeight);
	position:relative;
}
.pro_swiper1 .pro_ss .pro_sd::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:var(--imgHeight);
	height:var(--imgHeight);
	margin-left:auto;
	margin-right:auto;
	border-radius:50%;
	background:radial-gradient(circle at center,rgba(255,255,255,1),rgba(255,255,255,0) 70%);
	transform:scale(0);
	transition:all .35s;
}
.pro_swiper1 .pro_ss .pro_sd img{
	display:block;
	max-width:60%;
	max-height:80%;
	position:relative;
	z-index:3;
	transition:all .35s;
}
.pro_swiper1 .swiper-pagination,
.pro_swiper2 .swiper-pagination{
	display:none;
}
.pro_swiper1 .swiper-button-prev{
	justify-content:flex-start;
}
.pro_swiper1 .swiper-button-next{
	justify-content:flex-end;
}
.pro_swiper2{
	--font2:18;
	--col:2;
	--gap:40px;
	--slideWidth:calc((var(--centerWidth) - (var(--col) - 1) * var(--gap)) / var(--col));
	--imgHeight:calc(400 / 680 * var(--slideWidth));
	position:relative;
}
.pro_swiper2 .swiper-slide{
	width:var(--slideWidth);
	margin-right:var(--gap);
}
.pro_swiper2 .pro_ss{
	display:block;
	color:#fff;
}
.pro_swiper2 .pro_ss .pro_img{
	display:block;
	overflow:hidden;
	border-radius:var(--radius);
	height:var(--imgHeight);
}
.pro_swiper2 .pro_ss .pro_img img{
	display:block;
	width:100%;
	height:100%;
}
.pro_swiper2 .pro_ss .pro_txt .pro_sh{
	--font2:36;
	--clampRows:1;
	font-weight:bold;
}
.pro_swiper2 .pro_ss .pro_txt .pro_sw{
	line-height:1.5;
	margin-top:.68em;
}
.pro_swiper2 .swiper-button{
	top:calc(var(--imgHeight) / 2);
}
.dload_list{
	--font2:24;
	--srWidth:6em;
	--slWidth:calc(100% - var(--srWidth) - var(--pdTop));
	--pdTop:calc(10px + 10 / var(--invarPx) * var(--centerWidth));
	--iconSize:calc(30 / 24 * 1em);
}
.dload_list .dload_ss{
	padding:var(--pdTop) 0;
	border-bottom:solid 1px var(--blackColor);
}
.dload_list .dload_ss .dload_sl{
	width:var(--slWidth);
}
.dload_list .dload_ss .dload_sl .dload_icon{
	width:var(--iconSize);
	height:var(--iconSize);
	border-radius:50%;
	background:var(--blackColor);
	color:#fff;
}
.dload_list .dload_ss .dload_sl .dload_icon .iconfont{
	font-size:calc(.5 * var(--iconSize));
}
.dload_list .dload_ss .dload_sl .dload_sh{
	width:calc(100% - var(--iconSize));
	line-height:var(--iconSize);
	padding-left:.5em;
	font-weight:bold;
}
.dload_list .dload_ss .dload_sr{
	color:#999;
	transition:color .35s;
}
.dload_list .dload_ss .dload_sr .dload_icon{
	width:1em;
	height:1em;
}
.dload_list .dload_ss .dload_sr .dload_icon .iconfont{
	font-size:1em;
}
.dload_list .dload_ss .dload_sr .dload_icon ~ .dload_sw{
	padding-left:.4em;
}


/* Product detail page */
.prox_s1{
	--imgHeight:calc(620 / var(--invarPx) * var(--centerWidth));
}
.prox_s1 .prox_img{
	width:100%;
	overflow:hidden;
}
.prox_s1 .prox_img img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.prox_s1 .prox_txt{
	--font2:20;
	position:relative;
	z-index:3;
	color:#fff;
	width:100%;
	margin-left:-100%;
}
.prox_s1 .prox_txt .center_box{
	min-height:60%;
}
.prox_s1 .prox_txt .prox_h,
.prox_s1 .prox_txt .prox_sw{
	padding-right:50%;
}
.prox_s1 .prox_txt .prox_h{
	--font2:50;
	font-weight:bold;
	font-family:arialB;
}
.prox_s1 .prox_txt .prox_sw{
	line-height:1.5;
}
.prox_s2 .prox_con{
	--font2:20;
	--col:3;
	--gap:calc(10px + 30 / var(--invarPx) * var(--centerWidth));
	--pd:calc(10px + 20 / var(--invarPx) * var(--centerWidth));
}
.prox_s2 .prox_con ul{
	margin-left:calc(-1 * var(--gap));
	margin-top:calc(-1 * var(--gap));
}
.prox_s2 .prox_con ul li{
	width:calc(100% / var(--col));
	margin-top:var(--gap);
}
.prox_s2 .prox_con .prox_ss{
	margin-left:var(--gap);
	width:calc(100% - var(--gap));
	padding:var(--pd);
	border-radius:var(--radius);
	background:var(--blackColor);
	color:#fff;
	text-align:center;
}
.prox_s2 .prox_con .prox_ss .prox_icon{
	--font1:30;
	--font2:52;
	width:1em;
	height:1em;
	margin-left:auto;
	margin-right:auto;
}
.prox_s2 .prox_con .prox_ss .prox_icon svg{
	display:block;
	max-width:100%;
	max-height:100%;
}
.prox_s2 .prox_con .prox_ss .prox_icon svg path{
	fill:currentColor !important;
}
.prox_s3 .prox_con{
	--font2:20;
	--imgWidth:calc(500 / var(--invarPx) * var(--centerWidth));
	--imgHeight:calc(580 / 500 * var(--imgWidth));
	--gap:calc(10px + 70 / var(--invarPx) * var(--centerWidth));
	--txtGap:calc(10px + 40 / var(--invarPx) * var(--centerWidth));
	--txtlWidth:36.6%;
}
.prox_s3 .prox_con ul li{
	padding:.5em 0;
	border-bottom:solid 1px var(--blackColor);
}
.prox_s3 .prox_con .prox_img{
	width:var(--imgWidth);
	height:var(--imgHeight);
	overflow:hidden;
	border-radius:var(--radius);
	background:#fff;
}
.prox_s3 .prox_con .prox_img img{
	display:block;
	max-width:90%;
	max-height:86%;
}
.prox_s3 .prox_con .prox_txt{
	width:calc(100% - var(--imgWidth) - var(--gap));
	line-height:1.5;
	font-weight:bold;
}
.prox_s3 .prox_con .prox_txt *{
	font-weight:inherit;
}
.prox_s3 .prox_con .prox_txt .prox_sl{
	color:#666;
	min-width:var(--txtlWidth);
	margin-right:var(--txtGap)
}
.prox_s3 .prox_con .prox_txt .prox_sr{
	flex:1;
}

/* Resources page */
.wper_list{
	--font2:20;
	--col:4;
	--gap:calc(10px + 30 / var(--invarPx) * var(--centerWidth));
	--liWidth:calc((var(--centerWidth) + var(--gap)) / var(--col));
	--imgWidth:calc((var(--centerWidth) - (var(--col) - 1) * var(--gap)) / var(--col));
	--imgHeight:calc(400 / 320 * var(--imgWidth));
	--txtPdLeft:calc(10px + 20 / var(--invarPx) * var(--centerWidth));
	--txtPdTop:calc(10px + 10 / var(--invarPx) * var(--centerWidth));
}
.wper_list ul{
	margin-left:calc(-1 * var(--gap) - 1px);
	margin-top:calc(-1 * var(--gap));
}
.wper_list ul li{
	width:var(--liWidth);
	margin-top:var(--gap);
}
.wper_list .wper_ss{
	position:relative;
	overflow:hidden;
	border-radius:var(--radius);
	margin-left:var(--gap);
	color:#fff;
}
.wper_list .wper_ss .wper_wrap{
	display:block;
}
.wper_list .wper_ss .wper_img{
	display:block;
	height:var(--imgHeight);
}
.wper_list .wper_ss .wper_img img{
	display:block;
	width:100%;
	height:100%;
	transition:all .35s;
}
.wper_list .wper_ss .wper_pos_top{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:var(--txtPdTop) var(--txtPdLeft);
}
.wper_list .wper_ss .wper_pos_top::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:calc(150 / 400 * var(--imgHeight));
	background:linear-gradient(to bottom,rgba(0,0,0,.6),rgba(0,0,0,0));
}
.wper_list .wper_ss .wper_pos_top .wper_sh{
	font-weight:bold;
	position:relative;
	z-index:3;
	line-height:1.45;
}
.wper_list .wper_ss .wper_pos_bot{
	position:absolute;
	left:0;
	bottom:0;
	z-index:3;
	width:100%;
	padding:var(--txtPdTop) var(--txtPdLeft);
	pointer-events:none;
}
.wper_list .wper_ss .wper_pos_bot .wper_btn{
	--font2:18;
	background:var(--blackColor);
	border-radius:5px;
	padding:.4em 1em;
	pointer-events:auto;
}
.wper_list .wper_ss .wper_pos_bot .wper_btn .wper_icon{
	width:1em;
	height:1em;
}
.wper_list .wper_ss .wper_pos_bot .wper_btn .wper_icon .iconfont{
	font-size:1em;
}
.wper_list .wper_ss .wper_pos_bot .wper_btn .wper_icon ~ .wper_sw{
	margin-left:.5em;
}
.news_list{
	--font2:16;
	--pd:calc(10px + 10 / var(--invarPx) * var(--centerWidth));
	--imgWidth:calc(260px + 40 / var(--invarPx) * var(--centerWidth));;
	--imgHeight:calc(180 / 300 * var(--imgWidth));
	--gap:calc(10px + 30 / var(--invarPx) * var(--centerWidth));
}
.news_list .news_ss{
	padding:var(--pd) 0;
	border-bottom:solid 1px #eee;
}
.news_list .news_ss .news_img{
	display:block;
	width:var(--imgWidth);
	height:var(--imgHeight);
}
.news_list .news_ss .news_img img{
	display:block;
	width:100%;
	height:100%;
}
.news_list .news_ss .news_txt{
	width:calc(100% - var(--imgWidth) - var(--gap));
	padding:.5em 0;
}
.news_list .news_ss .news_txt .news_sh{
	--font2:22;
	--clampRows:1;
	font-weight:bold;
}
.news_list .news_ss .news_txt .news_date{
	display:block;
	color:#999;
	margin-top:.5em;
}
.news_list .news_ss .news_txt .news_sw{
	--font2:18;
	color:#666;
	line-height:1.45;
	margin-top:.5em;
}
.news_list .news_ss .bz_more1{
	transition:color 0s;
}
.faq_box{
	background:url(../img/resource_faq_bg.jpg) no-repeat center center;
	background-size:cover;
	overflow:hidden;
}
.faq_list{
	--font2:20;
	--col:2;
	--gap:calc(10px + 30 / var(--invarPx) * var(--centerWidth));
	--dot:6px;
	--pdLeft:calc(2 * var(--dot));
	--pdTop:calc(10px + 14 / var(--invarPx) * var(--centerWidth));
}
.faq_list ul{
	margin-left:calc(-1 * var(--gap));
}
.faq_list ul li{
	width:calc(100% / var(--col));
}
.faq_list .faq_ss{
	display:block;
	margin-left:var(--gap);
	overflow:hidden;
	border-bottom:solid 1px #fff;
	color:#fff;
	padding:var(--pdTop) 0;
	pointer-events:none;
}
.faq_list .faq_ss .faq_sh{
	--clampRows:1;
	float:left;
	padding-left:var(--pdLeft);
	max-width:100%;
	position:relative;
	pointer-events:auto;
}
.faq_list .faq_ss .faq_sh::before{
	content:"";
	position:absolute;
	left:0;
	top:50%;
	margin-top:calc(-.5 * var(--dot));
	width:var(--dot);
	height:var(--dot);
	background:currentColor;
	border-radius:50%;
}
.res_s5{
	--imgWidth1:calc(70px + 200 / var(--invarPx) * var(--centerWidth));
	--imgWidth2:calc(223 / 270 * var(--imgWidth1));
	--pos:calc(5px + 5 / var(--invarPx) * var(--centerWidth));
	position:relative;
	overflow:hidden;
}
.res_s5 .res_img{
	position:absolute;
}
.res_s5 .res_img1{
	--y1:0;
	--y2:-10%;
	width:var(--imgWidth1);
	top:var(--pos);
	left:var(--pos);
	animation:upDown 2s linear infinite;
}
.res_s5 .res_img2{
	width:var(--imgWidth2);
	right:var(--pos);
	bottom:var(--pos);
}
.res_s5 .res_img img{
	display:block;
	max-width:100%;
}
.res_s5 .center_box{
	position:relative;
}
.res_s5 .form_top{
	position:relative;
	z-index:3;
}
@keyframes upDown{
	0%,100%{
		transform:translateY(var(--y1));
	}
	50%{
		transform:translateY(var(--y2));
	}
}

/* FAQ page */
.faq_list2{
	--font2:20;
	--dateWidth:6em;
	--pd:calc(10px + 10 / var(--invarPx) * var(--centerWidth));
	--gap:calc(10px + 50 / var(--invarPx) * var(--centerWidth));
	--iconSize:calc(20px + 14 / var(--invarPx) * var(--centerWidth));
	--iconGap:calc(.5 * var(--iconSize));
}
.faq_list2 .faq_ss{
	padding:var(--pd) 0;
	border-bottom:solid 1px var(--blackColor);
	color:var(--blackColor);
}
.faq_list2 .faq_ss .faq_sl{
	width:calc(100% - var(--dateWidth) - var(--gap));
}
.faq_list2 .faq_ss .faq_sl .faq_icon{
	width:var(--iconSize);
	height:var(--iconSize);
}
.faq_list2 .faq_ss .faq_sl .faq_icon .iconfont{
	font-size:var(--iconSize);
}
.faq_list2 .faq_ss .faq_sl .faq_icon ~ .faq_sh{
	padding-left:var(--iconGap);
	max-width:calc(100% - var(--iconSize));
}
.faq_list2 .faq_ss .faq_sl .faq_sh{
	font-weight:bold;
	max-width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.faq_list2 .faq_ss .faq_sr{
	--font2:18;
	color:#999;
}

/* News detail page */
.newsx_box1{
	overflow:hidden;
}
.news_container .news_tit{
	border-bottom:solid 1px var(--blackColor);
}
.news_container .news_h{
	--font2:24;
	font-weight:bold;
}
.news_container .news_info{
	--font2:16;
	--infoGap:calc(10px + 30 / var(--invarPx) * var(--centerWidth));
	margin-left:calc(-1 * var(--infoGap));
	color:#999;
}
.news_container .news_info span{
	margin-left:var(--infoGap);
}

/* Why Inphoeni page */
.why_s1 .why_con{
	--lWidth:calc(200px + 360 / var(--invarPx) * var(--centerWidth));
	--lHeight:calc(650 / 560 * var(--lWidth));
	--gap:calc(10px + 40 / var(--invarPx) * var(--centerWidth));
}
.why_s1 .why_con .why_l{
	width:var(--lWidth);
	height:var(--lHeight);
	overflow:hidden;
	-webkit-mask-image:url(../img/why_s1_mask.png);
	mask-image:url(../img/why_s1_mask.png);
	mask-size:100% 100%;
}
.why_s1 .why_con .why_l svg{
	display:block;
	width:100%;
	height:auto;
}
.why_s1 .why_con .why_l img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.why_s1 .why_con .why_r{
	--font2:18;
	--iconSize:calc(40px + 40 / var(--invarPx) * var(--centerWidth));
	--iconGap:calc(10px + 10 / var(--invarPx) * var(--centerWidth));
	--liGap:calc(10px + 30 / var(--invarPx) * var(--centerWidth));
	width:calc(100% - var(--lWidth) - var(--gap));
	min-height:var(--lHeight);
}
.why_s1 .why_con .why_r ul{
	min-height:calc(.91 * var(--lHeight));
	width:100%;
}
.why_s1 .why_con .why_r ul li ~ li{
	margin-top:var(--liGap);
}
.why_s1 .why_con .why_r .why_sl{
	width:var(--iconSize);
	height:var(--iconSize);
	background:var(--blackColor);
	border-radius:50%;
	color:#fff;
}
.why_s1 .why_con .why_r .why_sl svg{
	display:block;
	max-width:47.5%;
	max-height:47.5%;
}
.why_s1 .why_con .why_r .why_sl:not(.color_icon) svg path{
	fill:currentColor !important;
}
.why_s1 .why_con .why_r .why_sr{
	min-height:var(--iconSize);
	width:calc(100% - var(--iconSize) - var(--iconGap));
}
.why_s1 .why_con .why_r .why_sr .why_txt{
	width:100%;
}
.why_s1 .why_con .why_r .why_sr .why_sh{
	--font2:24;
	font-weight:bold;
}
.why_s1 .why_con .why_r .why_sr .why_sw{
	color:#666;
	margin-top:.5em;
}
.proof_swiper{
	--font2:18;
	--pdLeftGap:calc(30 / var(--invarPx) * var(--centerWidth));
	--pdLeft:0px;
	--gap:40px;
	--col:2;
	--slideWidth:calc((var(--centerWidth) - 2 * var(--pdLeft) - (var(--col) - 1) * var(--gap)) / var(--col));
	--imgWidth:calc(80px + 100 / var(--invarPx) * var(--centerWidth));
	--imgGap:calc(10px + 20 / var(--invarPx) * var(--centerWidth));
	--itemPd:var(--imgGap);
	--txtPd:calc(20 / var(--invarPx) * var(--centerWidth));
	padding:0 var(--pdLeft);
	position:relative;
}
.proof_swiper .swiper-slide{
	width:var(--slideWidth);
	margin-right:var(--gap);
}
.proof_swiper .proof_ss{
	padding:var(--itemPd);
	background:var(--blackColor);
	border-radius:var(--radius);
	color:#fff;
}
.proof_swiper .proof_ss .proof_img{
	width:var(--imgWidth);
	height:var(--imgWidth);
	overflow:hidden;
	border-radius:50%;
}
.proof_swiper .proof_ss .proof_img img{
	display:block;
	width:100%;
	height:100%;
}
.proof_swiper .proof_ss .proof_txt{
	width:calc(100% - var(--imgWidth) - var(--imgGap));
	padding:var(--txtPd) 0;
	min-height:var(--imgWidth);
}
.proof_swiper .proof_ss .proof_txt .proof_st{
	width:100%;
	line-height:1.5;
}
.proof_swiper .proof_ss .proof_txt .proof_sd{
	--lineHeight:1.45;
	--pdLeft:calc(26 / 18 * 1em);
	--lineW:calc(20 / 18 * 1em);
	--lineH:1px;
	padding-left:var(--pdLeft);
	position:relative;
	line-height:var(--lineHeight);
}
.proof_swiper .proof_ss .proof_txt .proof_sd::before{
	content:"";
	position:absolute;
	left:0;
	top:calc((var(--lineHeight) * 1em - var(--lineH)) / 2);
	width:var(--lineW);
	height:var(--lineH);
	background:currentColor;
}
.proof_swiper .swiper-button.swiper-button-prev{
	justify-content:flex-start;
}
.proof_swiper .swiper-button.swiper-button-next{
	justify-content:flex-end;
}

/* Contact page */
.contact_s1{
	--font2:18;
	--imgWidth:calc(700 / var(--invarPx) * var(--centerWidth));
	--imgHeight:calc(450 / 700 * var(--imgWidth));
	--gap:calc(10px + 40 / var(--invarPx) * var(--centerWidth));
	--itemPd:calc(10px + 16 / var(--invarPx) * var(--centerWidth));
}
.contact_s1 .contact_l{
	width:var(--imgWidth);
	overflow:hidden;
	border-radius:var(--radius);
}
.contact_s1 .contact_l img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.contact_s1 .contact_r{
	width:calc(100% - var(--imgWidth) - var(--gap));
}
.contact_s1 .contact_r .contact_info,
.contact_s1 .contact_r .contact_item{
	padding:var(--itemPd) 0;
}
.contact_s1 .contact_r .contact_item{
	border-top:solid 1px var(--blackColor);
}
.contact_s1 .contact_r > *:nth-last-child(1){
	padding-bottom:0 !important;
}
.contact_s1 .contact_r .contact_info li ~ li{
	margin-top:.8em;
}
.contact_s1 .contact_r .contact_info li > *{
	display:inline;
}
.contact_s1 .contact_r .contact_item .contact_sh{
	--font2:24;
	font-weight:bold;
}
.contact_s1 .contact_r .contact_item > * ~ *{
	margin-top:.8em;
}
.contact_s2 .contact_con iframe{
	width:100% !important;
	height:calc(200px + 300 / var(--invarPx) * var(--centerWidth)) !important;
}
.contact_s3{
	position:relative;
	z-index:3;
}
.contact_s3 .footer_follow{
	--iconSize:calc(40px + 40 / var(--invarPx) * var(--centerWidth));
}
.contact_s3 .footer_follow ul{
	margin-top:calc(-1 * var(--gapTop));
}
.contact_s3 .footer_follow .footer_ss .footer_icon{
	background:rgba(0,0,0,.3);
}









@media screen and (max-width:1680px){
	/* header */
	.header_box .header_r{
		--gap:calc(15 / var(--invarPx) * var(--centerWidth));
	}
}

@media screen and (min-width:1200px){
	/* header */
	.menu,
	.menu_bg{
		display:none;
	}
	.header_box .header_ops .header_os:hover{
		color:var(--curColor);
		border-color:var(--curColor);
	}
	.header_box .header_ops .header_lxwm .header_os:hover{
		background:var(--subColor);
		border-color:var(--subColor);
	}
	
	/* 导航 */
	.nav_box .nav_icon{
		display:none;
	}
	.nav_box .nav_def .nav_w:hover{
		color:var(--curColor);
	}
	
	/* 下拉导航 */
	.xla_nav ul > .col-8{
		--cols:5;
		width:66.66%;
	}
	.xla_nav ul > .col-4{
		width:33.33%;
	}
	.xla_nav .xla_sd ol > li a:hover{
		color:var(--curColor);
	}
	.nav_box ul li:hover .xla_nav{
		transform:scaleY(1);
		visibility:visible;
		opacity:1;
		pointer-events:auto;
		transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease;
	}
	
	/* products */
	.pro_swiper .pro_ss:hover .pro_txt::before{
		transform:scaleY(1);
		transition:all .6s;
	}
	.pro_swiper .pro_ss:hover .pro_txt .pro_sh{
		color:var(--curColor);
	}
	
	/* Solutions */
	.solu_box .solu_con ul li:hover{
		flex:2.2;
	}
	.solu_box .solu_con .solu_ss .solu_wrap1 .solu_txt{
		transition:all .35s;
	}
	.solu_box .solu_con ul li:hover .solu_ss .solu_wrap1 .solu_txt{
		opacity:0;
		transform:translateY(100%);
	}
	.solu_box .solu_con .solu_ss .solu_wrap2 .solu_txt{
		transition:all .35s;
	}
	.solu_box .solu_con ul li:hover .solu_ss .solu_wrap2 .solu_txt{
		opacity:1;
		transform:translateY(0);
		transition-delay:.2s;
	}
	
	/* Trusted */
	.trust_swiper1 .trust_ss:hover{
		border-color:#fff;
	}
	
	/* Form */
	.form_box .form_top{
		--pdLeft:calc(100 / var(--invarPx) * var(--centerWidth));
	}
	.form_box .bz_tit1 .bz_exp{
		--font2:24;
	}
	.form_box .form_btns .form_btn:hover{
		background:var(--subColor);
	}
	.form_box .form_container{
		--pdLeft:calc(190 / var(--invarPx) * var(--centerWidth));
	}
	.form_box .form_container .form_submit .form_btn:hover{
		background:var(--subColor);
	}
	
	/* Footer */
	.footer_box a:hover{
		color:#fff !important;
	}
	.footer_follow .footer_ss:hover .footer_hide{
		opacity:1;
		pointer-events:auto;
		transform:translateY(0);
		transition:opacity .35s,transform .35s;
	}
	.footer_follow .footer_ss:hover .footer_icon{
		background:#fff;
		color:var(--curColor) !important;
	}
	
	/* 内页-banner */
	.inner_banner .inner_b_txt .inner_b_sh{
		--pdLeft:8vw;
		padding-left:var(--pdLeft);
		padding-right:var(--pdLeft);
	}
	
	/* About Us page */
	.about_cul .about_con .about_ss:hover .about_icon{
		border-color:currentColor;
	}
	.about_cul .about_con .about_ss:hover .about_icon::before{
		animation: play-btn-1 1.8s linear infinite;
	}
	.about_cul .about_con .about_ss:hover .about_icon::after{
		 animation:play-btn-1 1.5s linear infinite;
	}
	
	/* Products page */
	.pro_swiper1 .pro_ss:hover .pro_sh{
		color:var(--curColor);
	}
	.pro_swiper1 .pro_ss:hover .pro_sd::before{
		transform:scale(1);
		transition:all .35s;
	}
	.pro_swiper1 .pro_ss:hover .pro_sd img{
		transform:scale(1.06);
	}
	.dload_list .dload_ss .dload_sr:hover{
		color:var(--curColor);
	}
	.dload_list .dload_ss .dload_sl .dload_sh{
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	
	/* Product detail page */
	.prox_s2 .prox_con .prox_ss{
		padding-left:calc(2 * var(--pd));
		padding-right:calc(2 * var(--pd));
	}
	
	/* Resources page */
	.wper_list .wper_ss .wper_pos_bot{
		transform:translateY(100%);
		opacity:0;
		transition:transform .35s,opacity .35s;
	}
	.wper_list .wper_ss:hover .wper_pos_bot{
		transform:translateY(0);
		opacity:1;
	}
	.wper_list .wper_ss .wper_pos_bot .wper_btn:hover{
		background:var(--curColor);
	}
	.wper_list .wper_ss:hover .wper_img img{
		transform:scale(1.06);
		transition:all .5s;
	}
	.news_list .news_ss:hover{
		color:var(--curColor);
	}
	.faq_list .faq_ss:hover{
		color:var(--curColor);
	}
	.faq_list2 .faq_ss:hover{
		color:var(--curColor);
	}
	
	/* Why Inphoeni page*/
	.proof_swiper{
		--pdLeft:calc(var(--swbtnSize) + var(--pdLeftGap));
	}
	.proof_swiper .swiper-pagination{
		display:none;
	}
	
	/* Conatct page */
	.contact_s3 .footer_follow .footer_ss:hover .footer_icon{
		background:var(--blackColor);
		color:#fff !important;
	}
	
	
	/* 1201 */
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~手机版~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media (min-width: 320px) and (max-width:359px){html{font-size:32px !important;} }
@media (min-width: 360px) and (max-width:374px){html{font-size:36px !important;} }
@media (min-width: 375px) and (max-width:383px){html{font-size:37.5px !important;} }
@media (min-width: 384px) and (max-width:413px){html{font-size:38.4px !important;} }
@media (min-width: 414px) and (max-width:447px){html{font-size:41.4px !important;} }
@media (min-width: 448px) and (max-width:479px){html{font-size:44.8px !important;} }
@media (min-width: 480px) and (max-width:511px){html{font-size:48px !important;} }
@media (min-width: 512px) and (max-width:543px){html{font-size:51.2px !important;} }
@media (min-width: 544px) and (max-width:575px){html{font-size:54.4px !important;} }
@media (min-width: 576px) and (max-width:607px){html{font-size:57.6px !important;} }
@media (min-width: 608px) and (max-width:639px){html{font-size:60.8px !important;} }
@media (min-width: 640px) and (max-width:1200px){html{font-size:60.8px !important;} }

@media screen and (max-width:1199px){
	:root{
		--centerWidth:90vw;
		--centerWidthDef:var(--centerWidth);
		--headerHeight:60px;
		--swbtnSize:40px;
	}
	
	.menu{
		position:fixed;
		top:0;
		right:1%;
		width:44px;
		height:var(--headerHeight);
		z-index:995;
	}
	.menu:hover {
		cursor: pointer;
	}
	.menu > i {
		position: absolute;
		width: 24px;
		height: 2px;
		top: calc(50% - 1px);
		left:10px;
		background-color:#121212;
		pointer-events:auto;
		transition-property:transform;
		transition-duration: .35s;
		transition-delay: .35s;
	}
	.menu > i:before, .menu > i:after {
		position: absolute;
		display: block;
		width: 100%;
		height: 2px;
		top:0;
		left: 50%;
		background-color:#121212 !important;
		content: "";
		transition: -webkit-transform 0.35s;
		transition: transform 0.35s;
		transition: transform 0.35s, -webkit-transform 0.35s;
		-webkit-transform-origin: 50% 50%;
				transform-origin: 50% 50%;
	}
	.menu > i:before {
		-webkit-transform: translate(-50%, -7px);
				transform: translate(-50%, -7px);
	}
	.menu > i:after {
		-webkit-transform: translate(-50%, 7px);
				transform: translate(-50%, 7px);
	}
	.menu_bg{
		position:fixed;
		width:100vw;
		height:0;
		top:0;
		left:0;
		z-index:990;
		background:#fff;
		-webkit-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		 -o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
			transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	}
	.header-m-open .menu_bg{
		height:100vh;
	}
	input.hamburger{
		height:0;
		display:none;
	}
	.header-m-open label.menu > i {
		background-color: transparent !important;
		-webkit-transform: rotate(90deg);
				transform: rotate(90deg);
	}
	.header-m-open label.menu > i:before {
		-webkit-transform: translate(-50%, -50%) rotate(45deg);
				transform: translate(-50%, -50%) rotate(45deg);
	}
	.header-m-open label.menu > i:after {
		-webkit-transform: translate(-50%, -50%) rotate(-45deg);
				transform: translate(-50%, -50%) rotate(-45deg);
	}
 
 
	.header-m-open.header_box{
		z-index:1402;
		/* box-shadow:none; */
	}
	
	.header-m-open .nav_box{
		top:0;
		opacity:1;
	}
	
	/* ~~~~~~~~~~~~~~~~~~ */
	.wow_list li:nth-of-type(1),
	.wow_list li:nth-of-type(2),
	.wow_list li:nth-of-type(3),
	.wow_list li:nth-of-type(4),
	.wow_list li:nth-of-type(5),
	.wow_list li:nth-of-type(6),
	.wow_list li:nth-of-type(7),
	.wow_list li:nth-of-type(8),
	.wow_list li:nth-of-type(9),
	.wow_list li:nth-of-type(10){
		-webkit-animation-delay:.2s;
		animation-delay:.2s;
	}
	
	header,body,html{
		width:100vw !important;
	}
	
	body{
		overflow-x:hidden;
	}
	body.active{
		overflow:hidden;
	}
	
	/* header */
	.header_box.home_header{
		box-shadow:0 0 20px rgba(0,0,0,.1);
	}
	.header_box > .center_box{
		height:var(--headerHeight);
	}
	.header_box.scr{
		transform:none;
		opacity:1;
	}
	.header_box .header_r{
		padding-right:30px;
	}
	.nav_box .nav_def .nav_w{
		line-height:normal;
	}
	.nav_box .nav_def .nav_w::before{
		display:none;
	}
	.nav_box li.active .nav_def .nav_w{
		color:currentColor;
	}

	
	.nav_box{
		position:fixed;
		width:100%;
		height:100vh;
		top:-100vh;
		left:0;
		z-index:992;
		opacity:0;
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-justify-content:center;
		justify-content:center;
		-webkit-align-items:flex-start;
		align-items:flex-start;
		transition:top .3s,opacity .3s;
		overflow-x:hidden;
		overflow-y:auto;
	}
	.nav_box>ul{
		width:90%;
		padding:5vh 0;
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-flex-direction:column;
		flex-direction:column;
	}
	.nav_box>ul>li{
		padding:0;
		margin-right:0;
		height:auto;
		display:block;
		position:relative;
		font-size:18px;
	}
	.nav_box>ul>li:before{
		--width:100vw;
		content:"";
		position:absolute;
		bottom:0;
		left:50%;
		margin-left:calc(-.5 * var(--width));
		width:var(--width);
		height:1px;
		background:#ddd;
	}
	.nav_box>ul>li + li{
		margin-left:0;
	}
	.nav_box>ul>li>a{
		color:#191919;
		display:block;
		padding:3vh 10px 3vh 0;
		position:static;
		height:auto;
		text-align:left;
		font-weight:bold;
	}
	.nav_box>ul>li.has_subnav>a{
		display:inline-block;
	}
	.nav_box>ul>li.active>a{
		color:var(--curColor);
		background:none;
	}
	.nav_box>ul>li>a:before{
		display:none;
	}
	.nav_box>ul>li>a:after{
		content:"";
		position:absolute;
		right:10px;
		top:calc(3vh + 13px);
		width:10px;
		height:10px;
		margin-top:-4px;
		border-right:2px solid #ccc;
		border-top:2px solid #ccc;
		transform:rotate(45deg);
		pointer-events:none;
	}
	.nav_box>ul>li.has_subnav>a:after{
		
	}
	.nav_box>ul>li.active>a:after{
		border-color:var(--curColor);
	}
	.nav_box>ul>li.current.has_subnav>a:after{
		transform:rotate(135deg);
	}
	.nav_box > ul > li > a .nav_dec{
		display:none;
	}
	
	nav>ul>li.has_subnav>a:before{
		content:"";  
		position:absolute;
		border-left:solid 6px transparent;
		border-right:solid 6px transparent;
		border-top:solid 6px #ccc;
		top:50%;
		margin-top:-3px;
		right:0;
	}
	nav>ul>li.has_subnav.current>a:before{
		border-top-color:#c19b76;
	}
	nav ul>li .subnav{
		position:static;
		width:100%;
		border-top:none;
		box-shadow:none;
		transform: perspective(300px) scaleY(1) translateZ(0);
		visibility: visible;
		opacity: 1;
		transform-origin: top;
		transition:transform 500ms ease,opacity 500ms ease,visibility 500ms ease,-webkit-transform 500ms ease,height 500ms ease,max-height 500ms ease;
		margin-left:0;
		padding:0 1.25em;
		display:none;
	}
	
	nav ul>li.current .subnav{
		display:block;
	}
	nav ul>li .subnav li a{
		text-align:left;
	}
	.nav_box>ul>li>a:after{
		transition:all .35s;
	}
	
	.xla_nav{
		border-color:#ddd;
		background:#f1f1f1;
	}
	.nav_box .nav_def{
		position:relative;
	}
	.nav_box .nav_def a{
		padding:3vh 2vw 3vh 0;
		height:auto;
	}
	.nav_box .nav_def a .nav_dot{
		display:none;
	}
	.nav_box li:not(.has_subnav) .nav_def a{
		-webkit-align-items:flex-start;
		align-items:flex-start;
	}
	.nav_box .has_subnav .nav_def a{
		display:inline-flex;
	}
	.nav_box  .nav_def .nav_sw{
		font-weight:bold;
	}
	.nav_box  .nav_def .nav_icon{
		width:1em;
		height:1em;
		position:absolute;
		right:0;
		top:50%;
		margin-top:-.5em;
	}
	.nav_box .nav_def .nav_icon .iconfont{
		font-size:.9em;
	}
	.nav_box .has_subnav .nav_def .nav_icon .iconfont:before{
		content:"\e879";
	}
	.nav_box .has_subnav.current .nav_def .nav_icon .iconfont:before{
		content:"\e870";
	}
	
	
	.xla_nav{
		--col:1;
		font-size:calc(1em - 2px);
		padding-left:5vw;
		padding-right:5vw;
		position:static;
		transform:none !important;
		visibility: visible;
		opacity: 1;
		pointer-events:auto;
		box-shadow:none;
		top:auto;
		margin-left:-5vw;
		margin-right:-5vw;
		width:auto;
		overflow:hidden;
		max-height:0;
		
	}
	.xla_nav .xla_l{
		display:none;
	}
	.xla_nav .xla_r ol li{
		height:auto;
	}
	.xla_nav .xla_r ol li ~ li{
		margin-top:2vh;
	}
	.nav_box>ul>li.current .xla_nav{
		max-height:max(100vw,100vh);
		transition:all 1s;
	}
	.xla_nav .center_box{
		width:100%;
	}
		
	.xla_nav .xla_ns .xla_st{
		--font1:16;
		--font2:16;
	}
	.xla_nav .xla_sd ol > li a{
		font-size:15px;
	}
	
	/* banner */
	.banner_box .swiper-pagination.swiper-pagination-bz{
		bottom:calc(10px + 10 / var(--invarPx) * var(--centerWidth));
	}
	
	/* What we do */
	.what_swiper .swiper-button,
	.pro_swiper .swiper-button{
		display:none;
	}
	.what_swiper .swiper-pagination,
	.pro_swiper .swiper-pagination{
		display:block;
	}
	
	/* 页脚 */
	.footer_box .footer_top .footer_tc{
		display:none;
	}
	
	/* 列表翻页 */
	.list_pages .pagination{
		--width:calc(36px + 14 / var(--invarPx) * var(--centerWidth));
	}
	.list_pages .pagination li{
		display:none;
	}
	.list_pages .pagination li.pg_prev,
	.list_pages .pagination li.pg_next{
		display:inline-block;
	}
	.list_pages .pagination li a,
	.list_pages .pagination li span{
		font-size:16px;
	}
	
	/* Why inphoeni page */
	.proof_swiper .swiper-button{
		display:none;
	}
	
	
	
	
}

@media screen and (max-width:895px){
	/* About us page */
	.about_mvis .about_con{
		--col:1;
	}
	.about_mvis .about_con .about_item .about_wrap{
		margin-left:auto;
		margin-right:auto;
	}
	.about_mvis .about_con .about_item:nth-child(1) .about_wrap{
		left:0;
	}
	.about_mvis .about_con .about_item .about_wrap .about_txt{
		padding:5vw 0 !important;
	}
	
	
	
}

@media screen and (max-width:767px){
	/* header */
	.header_box .header_r{
		--font2:24;
	}
	
	/* banner */
	.banner_box .swiper-slide .banner_txt .banner_sh{
		line-height:1.3;
	}
	.banner_box .swiper-slide .banner_txt .banner_en{
		--font2:26;
	}
	
	/* 标题1 */
	.bz_tit1 .bz_h{
		--font2:54;
	}
	.bz_tit1 .bz_exp{
		--font2:26;
		line-height:normal;
	}
	
	/* 更多2 */
	.bz_more2{
		--font2:24;
	}
	
	/* What we do */
	.what_list{
		--font2:32;
		--col:1;
		--gap:10px;
	}
	
	/* Our products */
	.pro_swiper{
		--col:1;
		--font2:26;
	}
	.pro_swiper .pro_ss .pro_txt .pro_sh{
		--font2:48;
	}
	
	/* Our solutions */
	.solu_box .solu_con{
		--col:2;
	}
	.solu_box .solu_con ul{
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	.solu_box .solu_con ul li{
		flex:0 0 auto;
	}
	/* .solu_box .solu_con .solu_ss .solu_wrap2 .solu_txt{
		opacity:1;
		transform:translateY(0);
	} */
	.solu_box .solu_con .solu_ss .solu_wrap .solu_sh{
		--font2:32;
	}
	
	/* Trusted */
	.trust_swiper{
		--font2:28;
		--col:2;
		--gap:10px;
	}
	
	/* Form */
	.form_box .form_btns{
		--font2:24;
	}
	.form_box .form_btns .form_btn{
		min-width:auto;
	}
	.form_box .form_container{
		--font2:26;
		--col:1;
	}
	.form_box .form_container .form_ss .form_sl{
		width:100% !important;
		line-height:normal;
		margin-bottom:.5em;
	}
	.form_box .form_container .form_ss .form_sr{
		flex:0 0 auto;
		width:100%;
		margin-left:0;
	}
	.form_box .form_policy{
		--font2:24;
	}
	
	
	/* 页脚 */
	.footer_box .footer_top{
		--font2:26;
	}
	.footer_box .footer_top .footer_tl{
		--font2:40;
		max-width:none;
		width:100%;
	}
	.footer_box .footer_top .footer_tr{
		max-width:none;
		width:100%;
		margin-top:1.5em;
	}
	.footer_box .footer_top .footer_sh{
		--font2:48;
	}
	.footer_box .footer_bot{
		--font2:24;
		line-height:1.7;
	}
	.footer_box .footer_bot .footer_br > a{
		display:inline-block
	}
	.footer_box .footer_bot .footer_br > i{
		display:block;
		margin-left:0;
	}
	
	/* 内页-banner */
	.inner_banner{
		height:calc(60px + 210 / var(--invarPx) * var(--centerWidth));
	}
	.header_box ~ .inner_banner{
		height:calc(60px + 660 / var(--invarPx) * var(--centerWidth));
	}
	.inner_banner .inner_b_txt .inner_b_sh{
		--font2:48;
	}
	.inner_banner .inner_b_txt .inner_b_sw{
		--font2:30;
		margin-top:.35em;
	}
	
	
	/* About us page */
	.about_mvis .about_con .about_txt .about_sh{
		--font2:44;
	}
	.about_mvis .about_con .about_txt .about_sw{
		--font2:26;
	}
	.about_cul .about_con{
		--font2:26;
		--col:2;
	}
	
	/* Solutions page */
	.solu_list{
		--font2:26;
		--imgWidth:var(--centerWidth);
	}
	.solu_list .solu_ss{
		border-radius:var(--radius);
		overflow:hidden;
	}
	.solu_list .solu_ss .solu_txt{
		width:100%;
		margin-left:0 !important;
		margin-right:0 !important;
	}
	.solu_list .solu_ss .solu_img.wow,
	.solu_list .solu_ss .solu_txt.wow{
		animation:none;
	}
	.solu_list .solu_ss .solu_img,
	.solu_list .solu_ss .solu_txt{
		border-radius:0;
	}
	.solu_list .solu_ss .solu_txt .solu_sh{
		--font2:40;
	}
	
	/* Products page */
	.pro_s1 .pro_item .pro_l{
		--bgHeight:calc(100px + 200 / var(--invarPx) * var(--centerWidth));
	}
	.pro_swiper1{
		--font2:26;
		--col:1;
		--gap:10px;
	}
	.pro_swiper1 .pro_ss .pro_sh{
		--font2:32;
	}
	.pro_swiper2{
		--font2:26;
		--col:1;
		--gap:10px;
	}
	.dload_list{
		--font2:32;
	}
	.dload_list .dload_ss{
		-webkit-align-items:flex-end;
		align-items:flex-end;
		
	}
	.dload_list .dload_ss .dload_sl{
		width:100%;
	}
	.dload_list .dload_ss .dload_sr{
		margin-left:calc(var(--iconSize) + .5em);
		margin-top:.5em;
	}
	
	/* Products detail page */
	.prox_s1 .prox_txt{
		--font2:24;
	}
	.prox_s1 .prox_txt .prox_h,
	.prox_s1 .prox_txt .prox_sw{
		padding-right:0;
	}
	.prox_s1 .prox_txt .prox_sw{
		line-height:normal;
	}
	.prox_s2 .prox_con{
		--font2:26;
		--col:2;
	}
	.prox_s3 .prox_con{
		--font2:26;
		--imgWidth:var(--centerWidth);
	}
	.prox_s3 .prox_con ul li{
		padding:.8em 0;
	}
	.prox_s3 .prox_con .prox_txt{
		width:100%;
		margin-top:calc(20px + 40 / var(--invarPx) * var(--centerWidth));
	}
	.prox_s3 .prox_con .prox_txt .prox_sl{
		width:100%;
		min-width:auto;
		margin-right:0;
	}
	.prox_s3 .prox_con .prox_txt .prox_sr{
		flex:0 0 auto;
		width:100%;
	}
	.prox_s3 .prox_con .prox_txt .prox_sl ~ .prox_sr{
		margin-top:.2em;
	}
	
	/* Recsources page */
	.wper_list{
		--font2:32;
		--col:2;
	}
	.news_list{
		--font2:24;
		--imgWidth:var(--centerWidth);
		--pd:calc(15px + 5 / var(--invarPx) * var(--centerWidth));
	}
	.news_list .news_ss .news_txt{
		width:100%;
		margin-top:.5em;
	}
	.news_list .news_ss .news_txt .news_sh{
		--font2:32;
	}
	.news_list .news_ss .news_txt .news_sw{
		--font2:26;
	}
	.faq_list{
		--font2:30;
		--col:1;
	}
	
	
	/* FAQ page */
	.faq_list2{
		--font2:30;
	}
	.faq_list2 .faq_ss .faq_sl{
		width:100%;
	}
	.faq_list2 .faq_ss .faq_sr{
		padding-left:calc(var(--iconSize) + var(--iconGap));
		margin-top:.6em;
	}
	
	/* News detail page */
	.article_w.xFont{
		--font1:12;
		--font2:26;
	}
	.news_container .news_h{
		--font2:48;
	}
	
	/* Why inphoeni page */
	.why_s1 .why_con{
		flex-direction:column-reverse;
		--lWidth:var(--centerWidth);
	}
	.why_s1 .why_con .why_l{
		margin-top:calc(20px + 40 / var(--invarPx) * var(--centerWidth));
	}
	.why_s1 .why_con .why_r{
		--font2:26;
		width:100%;
	}
	.why_s1 .why_con .why_r .why_sr .why_sh{
		--font2:32;
	}
	.proof_swiper{
		--font2:26;
		--col:1;
		--gap:10px;
	}
	
	/* Contact page */
	.contact_s1{
		--font2:26;
		--imgWidth:var(--centerWidth);
	}
	.contact_s1 .center_box{
		-webkit-align-items:flex-start;
		align-items:flex-start;
	}
	.contact_s1 .contact_r{
		width:100%;
		margin-top:calc(20px + 20 / var(--invarPx) * var(--centerWidth));
	}
	.contact_s3 .footer_follow{
		width:100%;
		margin-top:calc(10px + 30 / var(--invarPx) * var(--centerWidth));
	}
	
	/* News detail page */
	.news_container .news_info{
		--font2:24;
	}
	
	/* Privacy policy */
	.tk_container .tk_h{
		--font2:48;
	}
	.tk_container .tk_info{
		--font2:24;
	}
	

	
	/* 767 */
}

@media screen and (min-width:768px) and (max-width:1199px){
	:root{
		--headerHeight:70px;
	}
	/* header */
	.header_box .header_r{
		--font1:18;
		--font2:18;
	}
	
	/* Form */
	.form_box .form_container .form_ss .form_sl{
		width:100%;
	}
	.form_box .form_container .form_ss .form_sr{
		flex:0 0 auto;
		width:100%;
		margin-left:0;
	}
	.form_box .form_policy{
		--font2:20;
	}
	
	/* Products detail page */
	.prox_s3 .prox_con .prox_img{
		position:-webkit-sticky;
		position:sticky;
		top:calc(var(--headerHeight) + 20px);
	}
	
	
}

@media screen and (min-width:768px) and (max-width:895px){
	/* 标题1 */
	.bz_tit1 .bz_exp{
		--font2:24;
	}
	
	/* 更多2 */
	.bz_more2{
		--font2:24;
	}
	
	/* What we do */
	.what_list{
		--font2:24;
		--col:2;
		--gap:20px;
	}
	
	/* Products */
	.pro_swiper{
		--font2:24
		--gap:20px;
	}
	
	/* Solutions */
	.solu_box .solu_con .solu_ss .solu_wrap .solu_sh{
		--font2:28;
	}
	
	/* Trusted */
	.trust_swiper{
		--font2:24;
		--gap:20px;
		--col:3;
	}
	
	/* Form */
	.form_box .form_btns{
		--font2:22;
	}
	.form_box .form_container{
		--font2:24;
	}
	
	/* 页脚 */
	.footer_box .footer_top{
		--font2:22;
	}
	.footer_box .footer_top .footer_sh{
		--font2:32;
	}
	.footer_box .footer_bot{
		--font2:20;
		line-height:1.75;
	}
	.footer_box .footer_bot .footer_bl{
		width:100%;
	}
	
	/* About us page */
	.about_mvis .about_con .about_txt .about_sh{
		--font2:40;
	}
	.about_mvis .about_con .about_txt .about_sw{
		--font2:22;
	}
	.about_cul .about_con{
		--font2:22;
		--col:3;
		--iconSize:calc((var(--liWidth) - var(--gap) - 2 * var(--pdLeft)) * .5);
	}
	
	/* Solutions page*/
	.solu_list{
		--font2:22;
	}
	.solu_list .solu_ss .solu_txt .solu_sh{
		--font2:28;
	}
	
	/* Products page */
	.pro_s1 .pro_item .pro_l{
		--bgHeight:calc(60px + 240 / var(--invarPx) * var(--centerWidth));
	}
	.pro_swiper1{
		--font2:22;
		--col:2;
		--gap:20px;
	}
	.pro_swiper2{
		--gap:20px;
	}
	
	/* Products detail page */
	.prox_s2 .prox_con{
		--font2:22;
	}
	.prox_s3 .prox_con{
		--font2:22;
	}
	.prox_s3 .prox_con .prox_txt .prox_sl{
		width:100%;
		margin-right:0;
	}
	.prox_s3 .prox_con .prox_txt .prox_sr{
		flex:0 0 auto;
		width:100%;
	}
	.prox_s1 .prox_txt .prox_h,
	.prox_s1 .prox_txt .prox_sw{
		padding-right:30%;
	}
	
	/* Resources page */
	.wper_list{
		--font2:28;
		--col:2;
		display:block;
	}
	.wper_list > ul > li{
		width:calc(100% / var(--col));
	}
	.wper_list .wper_ss .wper_pos_bot .wper_btn{
		--font2:22;
	}
	.news_list{
		--font2:20;
	}
	.news_list .news_ss .news_txt .news_sh{
		--font2:28;
	}
	.news_list .news_ss .news_txt .news_sw{
		--font2:22;
	}
	.faq_list{
		--font2:26;
		--col:1;
	}
	.faq_list2{
		--font2:26;
	}
	.faq_list2 .faq_ss .faq_sr{
		--font2:22;
	}
	
	/* News detail page */
	.article_w.xFont{
		--font2:20;
	}
	.news_container .news_h{
		--font2:36;
	}
	.news_container .news_info{
		--font2:20;
	}
	
	/* Privacy policy */
	.tk_container .tk_h{
		--font2:36;
	}
	.tk_container .tk_info{
		--font2:22;
	}
	
	/* Why inphoeni page */
	.why_s1 .why_con{
		--lWidth:calc(.5 * var(--centerWidth));
	}
	.why_s1 .why_con .why_l{
		opacity:.2;
		margin-left:var(--lWidth);
	}
	.why_s1 .why_con .why_r{
		--font2:22;
		width:100%;
		margin-left:-100%;
		position:relative;
		z-index:3;
	}
	.why_s1 .why_con .why_r .why_sr .why_sh{
		--font2:28;
	}
	.proof_swiper{
		--font2:24;
		--col:1;
		--Gap:20px;
	}
	
	/* Contact page */
	.contact_s1{
		--font2:22;
	}
	.contact_s1 .contact_l{
		display:none;
	}
	.contact_s1 .contact_r{
		width:100%;
	}
	.contact_s1 .contact_r .contact_item .contact_sh{
		--font2:28;
	}
	
}

@media screen and (min-width:896px) and (max-width:1199px){
	/* What we do */
	.what_list{
		--font2:22;
		--col:3;
		--gap:20px;
	}
	
	/* Our products */
	.pro_swiper{
		--font2:22;
		--gap:20px;
	}
	
	/* Solutions */
	.solu_box .solu_con .solu_ss .solu_wrap .solu_sh{
		--font2:28;
	}
	
	/* Trusted */
	.trust_swiper{
		--font2:22;
		--gap:20px;
	}
	
	/* From */
	.form_box .form_btns{
		--font2:20;
	}
	.form_box .form_container{
		--font2:20;
	}
	
	/* 页脚 */
	.footer_box .footer_top{
		--font2:20;
	}
	.footer_box .footer_top .footer_sh{
		--font2:26;
	}
	.footer_box .footer_bot{
		--font2:18;
		line-height:1.7;
	}
	
	/* About us page*/
	.about_mvis .bz_tit1{
		padding-top:calc(20px + 20 / var(--invarPx) * var(--centerWidth));
	}
	.about_cul .about_con{
		--font2:22;
	}
	
	/* Solutions page */
	.solu_list{
		--font2:20;
	}
	.solu_list .solu_ss .solu_txt .solu_sh{
		--font2:28;
	}
	
	/* Products page */
	.pro_swiper1{
		--font2:20;
		--col:2;
	}
	.pro_swiper2{
		--font2:20;
		--gap:30px;
	}
	
	/* Product detail page */
	.prox_s2 .prox_con{
		--font2:22;
	}
	.prox_s3 .prox_con{
		--font2:22;
	}
	.prox_s3 .prox_con .prox_txt .prox_sl{
		min-width:auto;
		margin-right:0;
		width:100%;
	}
	.prox_s3 .prox_con .prox_txt .prox_sr{
		flex:0 0 auto;
		width:100%;
		margin-top:.2em;
	}
	
	/* Recsources page */
	.wper_list{
		--font2:24;
	}
	.faq_list{
		--font2:22;
	}
	.faq_list2{
		--font2:22;
	}
	.faq_list2 .faq_ss .faq_sr{
		--font2:20;
	}
	.news_list{
		--font2:18;
	}
	.news_list .news_ss .news_txt .news_sh{
		--font2:25;
	}
	.news_list .news_ss .news_txt .news_sw{
		--font2:20;
	}
	
	/* News detail page */
	.news_container .news_h{
		--font2:34;
	}
	.news_container .news_info{
		--font2:20;
	}
	.article_w.xFont{
		--font2:20;
	}
	
	/* Why inphoeni page */
	.why_s1 .why_con .why_r .why_sr .why_sh{
		--font2:26;
	}
	.proof_swiper{
		--font2:22;
	}
	
	/* Privacy policy */
	.tk_container .tk_h{
		--font2:36;
	}
	
	
}