body,html {
    margin:0;
    padding:0;
    scroll-behavior:smooth
}
:focus {
    outline:0
}
ul {
    margin:0;
    padding:0
}
li {
    list-style:none;
    margin-bottom:0
}
a {
    text-decoration:none
}
img {
    height:auto
}
* {
    box-sizing:border-box;
    font-family:metropolis,sans-serif
}
.dn {
    display:none
}
.di {
    display:inline
}
.db {
    display:block
}
.dib {
    display:inline-block
}
.tc {
    text-align:center
}
.tr {
    text-align:right
}
.tl {
    text-align:left
}
.tj {
    text-align:justify
}
@font-face {
    font-display:swap;
    font-family:metropolis;
    font-style:normal;
    font-weight:700;
    src:url(https://www.yifangcable.com/wp-content/themes/frontier/css/fonts/metropolis-bold-webfont.woff2) format("woff2"),url(https://www.yifangcable.com/wp-content/themes/frontier/css/fonts/metropolis-bold-webfont.woff) format("woff")
}
@font-face {
    font-display:swap;
    font-family:metropolis;
    font-style:normal;
    font-weight:500;
    src:url(https://www.yifangcable.com/wp-content/themes/frontier/css/fonts/metropolis-medium-webfont.woff2) format("woff2"),url(https://www.yifangcable.com/wp-content/themes/frontier/css/fonts/metropolis-medium-webfont.woff) format("woff")
}
@font-face {
    font-display:swap;
    font-family:metropolis;
    font-style:normal;
    font-weight:400;
    src:url(https://www.yifangcable.com/wp-content/themes/frontier/css/fonts/metropolis-regular-webfont.woff2) format("woff2"),url(https://www.yifangcable.com/wp-content/themes/frontier/css/fonts/metropolis-regular-webfont.woff) format("woff")
}
@font-face {
    font-display:swap;
    font-family:iconfont;
    src:url(https://www.yifangcable.com/wp-content/themes/frontier/css/fonts/iconfont.woff2?t=1661221606312) format("woff2"),url(https://www.yifangcable.com/wp-content/themes/frontier/css/fonts/iconfont.woff?t=1661221606312) format("woff"),url(https://www.yifangcable.com/wp-content/themes/frontier/css/fonts/iconfont.ttf?t=1661221606312) format("truetype")
}
.iconfont {
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-family:iconfont!important;
    font-size:16px;
    font-style:normal
}
html {
    font-size:10px
}
body {
    --main_w:1300px;
    --main_home:1000px;
    display:flex;
    flex-flow:column;
    font-size:1.6rem;
    min-height:100vh;
    overflow-x:hidden
}
.xz-container {
    flex:1
}
.xz-page-layout1 {
    overflow:hidden
}
.xz-main {
    margin:0 auto;
    width:var(--main_w)
}
.home-main {
    margin:0 auto;
    width:var(--main_home)
}

.sider-contact {
	bottom:8rem;
	position:fixed;
	right:3rem;
	z-index:999
}
.sider-contact:hover .right-close {
	opacity:1
}
#top-btn {
	align-items:center;
	background:linear-gradient(180deg,#008fd7,#1470bf);
	border-radius:8rem;
	color:#fff;
	display:flex;
	font-weight:700;
	height:5rem;
	justify-content:center;
	opacity:0;
	transform:scale(0);
	width:5rem
}
#top-btn,#top-btn i {
	transition:all .3s ease
}
#top-btn i {
	display:block;
	font-size:2.4rem
}
#top-btn.show {
	opacity:1;
	transform:scale(1)
}
#top-btn.show:hover {
	filter:brightness(1.1);
	transform:scale(1)
}
#top-btn.show:hover i {
	transform:translateY(-.2rem)
}
#top-btn.show:active {
	transform:scale(.9)
}
.right-nav {
	background:#fff;
	border-radius:3.8rem;
	bottom:6rem;
	box-shadow:0 .2rem 3rem rgba(0,0,0,.1);
	left:50%;
	opacity:1;
	padding-bottom:2.8rem;
	padding-top:3rem;
	position:absolute;
	transform:translateX(-50%);
	transform-origin:50% bottom;
	transition:all .3s ease;
	visibility:visible;
	width:7.6rem
}
.right-nav:hover {
	box-shadow:0 .5rem 2.5rem -.25rem rgba(0,0,0,.2)
}
.right-nav.hide {
	opacity:0;
	transform:translateX(200%);
	visibility:hidden
}
.right-nav-list,.right-nav-list li {
	align-items:center;
	display:flex;
	flex-flow:column
}
.right-nav-list li {
	margin-bottom:2rem;
	position:relative;
	width:100%
}
.right-nav-list li:not(:first-child):before {
	background:#d1d3d2;
	content:"";
	display:block;
	height:1.5px;
	margin:0 0 2rem;
	width:1.5rem
}
.right-nav-list li a {
	align-items:center;
	color:#008fd7;
	display:flex;
	flex-flow:column
}
.right-nav-list li:hover .iconfont {
	filter:brightness(1.1);
	transform:scale(1.1)
}
.right-nav-list li:hover .right_hide {
	opacity:1;
	transform:translate(-100%,-50%);
	visibility:visible
}
.right-nav-list .iconfont {
	display:block;
	font-size:2.8rem;
	margin-bottom:.8rem;
	transition:all .3s ease
}
.right-nav-list .btn-tit {
	color:#333;
	font-size:1.2rem;
	font-weight:500;
	line-height:1.6rem
}
.right_hide {
	background-color:#fff;
	border-radius:.5rem;
	box-shadow:0 .2rem 3rem rgba(0,0,0,.1);
	color:#333;
	font-size:14px;
	left:-10px;
	line-height:16px;
	opacity:0;
	position:absolute;
	top:50%;
	transform:translate(-110%,-50%);
	transition:all .5s ease;
	visibility:hidden;
	white-space:nowrap
}
.right_hide:before {
	border-bottom:6px solid transparent;
	border-left:8px solid #fff;
	border-top:6px solid transparent;
	content:"";
	position:absolute;
	right:-8px;
	top:calc(50% - 4px)
}
.right-close {
	align-items:center;
	bottom:1rem;
	color:#ddd;
	cursor:pointer;
	display:block;
	display:flex;
	font-size:2.4rem;
	justify-content:center;
	left:50%;
	opacity:0;
	position:absolute;
	text-align:center;
	transform:translate(-50%);
	transition:all .3s ease
}
.right-close i {
	font-size:inherit
}
.right-close:hover {
	color:#333;
	transform:translate(-50%) rotate(180deg)
}
.right-open {
	align-items:center;
	background:#008fd7;
	border-radius:3rem;
	bottom:6rem;
	box-shadow:0 .5rem 2.5rem -.25rem rgba(0,0,0,.2);
	color:#fff;
	cursor:pointer;
	display:flex;
	height:5rem;
	justify-content:center;
	left:50%;
	opacity:0;
	position:absolute;
	text-align:center;
	transform:translateX(-50%);
	transition:all .3s ease;
	visibility:hidden;
	width:5rem;
	z-index:1000
}
.right-open .iconfont {
	display:block;
	font-size:2.8rem;
	pointer-events:none;
	-webkit-user-select:none;
	-moz-user-select:none
}
.right-open:hover {
	background:#1470bf;
	color:#fff
}
.right-open.show {
	opacity:1;
	visibility:visible
}
@media screen and (max-width:1280px) {
	.sider-contact {
	right:1rem
}
.right-nav {
	padding-bottom:2rem;
	padding-top:2rem;
	width:6rem
}
.right-nav-list .btn-tit {
	font-size:1rem
}
.right-nav-list li:not(:first-child):before {
	margin-bottom:1rem
}
.right-close {
	opacity:1
}
}@media screen and (max-width:820px) {
	.footer-btm .xz-main {
	height:auto;
	padding-bottom:7rem
}
.sider-contact {
	background:#fff;
	border-radius:2rem 2rem 0 0;
	bottom:0;
	box-shadow:0 .2rem 3rem rgba(0,0,0,.1);
	display:flex;
	padding:1rem 2rem;
	right:0;
	width:100%
}
.right-close,.right-open {
	display:none
}
.right-nav {
	background:transparent;
	box-shadow:none!important;
	left:0;
	padding:0;
	position:static;
	transform:none;
	width:100%
}
.right-nav-list {
	background:none;
	box-shadow:none;
	flex-flow:row
}
.right-nav-list li {
	flex:1;
	margin:0
}
.right-nav-list li:not(:first-child):before {
	content:none;
	margin:0
}
.right-nav-list li:hover .btn-tit,.right-nav-list li:hover .iconfont {
	color:#008fd7
}
.right-nav-list .iconfont {
	color:#333;
	font-size:2.2rem;
	margin-bottom:.5rem;
	transform:none!important
}
.right-nav-list .btn-tit {
	font-size:1rem;
	line-height:1em;
	transition:all .3s ease
}
.right_hide {
	display:none!important
}
#top-btn {
	background:none!important;
	color:#333;
	flex:none;
	flex-flow:column;
	font-weight:500;
	height:auto;
	opacity:1;
	transform:scale(1);
	width:20%
}
#top-btn i {
	color:inherit;
	font-size:2.2rem;
	margin-bottom:.5rem;
	transform:none!important
}
#top-btn:after {
	color:inherit;
	content:"Top";
	font-size:1rem;
	line-height:1em
}
#top-btn:hover {
	color:#008fd7
}
.right-nav.hide {
	opacity:1;
	transform:translateX(0);
	visibility:visible
}
}.xz-sns-ul {
	display:flex
}
.xz-sns-li:not(:first-child) {
	margin-left:1.3rem
}
.xz-sns-a {
	align-items:center;
	background:#55acee;
	border-radius:3rem;
	color:#fff;
	display:flex;
	height:4rem;
	justify-content:center;
	transition:all .3s ease;
	width:4rem
}
.xz-sns-a:hover {
	opacity:.8
}
.xz-sns-a i {
	font-size:2rem
}
.xz-sns-f .xz-sns-a {
	background:linear-gradient(45deg,#4396fe,#315ddc)
}
.xz-sns-y .xz-sns-a {
	background:#e90011
}
.xz-sns-l .xz-sns-a {
	background:#007ab9
}
.xz-sns-p .xz-sns-a {
	background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)
}
.xz-tab-content-x {
	position:relative
}
.xz-tab-content {
	left:0;
	opacity:0;
	position:absolute;
	top:0;
	transform:scale(0);
	transform-origin:center top;
	transition:opacity .5s ease,transform 0s ease .5s;
	width:100%
}
.xz-tab-content.current {
	opacity:1;
	transform:scale(1);
	transition:opacity .5s ease,transform 0s ease
}
.xz-page-layout1 h2,h2.part-tit {
	color:#222;
	font-size:4rem;
	font-weight:700;
	line-height:1.1em;
	margin:0 0 5rem
}
.wpcf7 form .wpcf7-response-output {
    border: none !important;
}