.layout {
	overflow:hidden;
	position:relative;
	padding-top:4.166666666666667rem;
}
.wrap {
	width:75rem;
	margin:0 auto;
}
.header {
	position:fixed;
	left:0;
	right:0;
	top:0;
	z-index:10;
	height:4.166666666666667rem;
	background:#fff;
	box-shadow:0 0.20833333333333334rem 0.3125rem 0 rgba(80,80,80,0.1);
}
.header .wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.header .logo {
	max-width:10.416666666666668rem;
	display:block;
}
.header .logo img {
	width:100%;
	display:block;
}
.header .naver ul {
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.header .naver li a {
	font-size:0.9375rem;
	line-height:4.166666666666667rem;
	color:#333333;
	display:block;
}
.header .naver li {
	margin-left:2.0833333333333335rem;
}
.banner {
	height:26.041666666666668rem;
}
.banner .wrap {
	display:flex;
	justify-content:;
	height:100%;
	align-items:center;
}
.banner h2 {
	font-size:2.5rem;
	line-height:1.4;
	color:#212121;
	text-transform:uppercase;
	text-align:left;
	font-weight:lighter;
}
.banner h2 i {
	color:#00a0e9;
	font-weight:bold;
	display:inline-block;
}
.crumbs {
	background:#f7f8f9;
	padding:0.8333333333333334rem 0;
}
.crumbs dl {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
.crumbs dd:nth-child(1) a {
	background:url(../images/qw1.png) no-repeat left center;
	padding-left:1.4583333333333335rem;
	background-size:1.0416666666666667rem auto;
}
.crumbs dd a,.crumbs dd span {
	font-size:16px;
	line-height:1.6;
	display:block;
	color:#999999;
}
.crumbs dd span {
	display:block;
	margin:0 0.20833333333333334rem;
}

.crumbs dd:last-child a,.crumbs dd a:hover {
	color:#333333;
}

.pages dl {
	display:flex;
	justify-content:center;
	align-items:center;
}
.pages dd {
	margin:0 0.36458333333333337rem;
}
.pages dd a {
	width:2.291666666666667rem;
	line-height:2.291666666666667rem;
	border:1px solid #cccccc;
	-webkit-box-sizing:border-box;
	height:2.291666666666667rem;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	text-align:center;
	box-sizing:border-box;
	display:block;
	font-size:0.9375rem;
	color:#333333;
}
.pages dd.on a,.pages dd a:hover {
	background:#00a0e9;
	border-color:#00a0e9;
	color:#fff;
}
.pages dd.prev a {
	background:url(../images/qw15.png) no-repeat center;
	background-size:0.9375rem auto;
}
.pages dd.next a {
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	/* IE 9*/
	-moz-transform:rotate(180deg);
	/* Firefox*/
	-webkit-transform:rotate(180deg);
	/* Safari 和 Chrome*/
	-o-transform:rotate(180deg);
	background:url(../images/qw15.png) no-repeat center;
	background-size:0.9375rem auto;
}
.pages dd.next a:hover,.pages dd.prev a:hover {
	background:url(../images/qw15-1.png) no-repeat center #00a0e9;
	background-size:0.9375rem auto;
}
.footer {
	background:#0d1a20;
	padding:4.583333333333334rem 0 3.125rem;
}
.footer .wrap {
	display:flex;
	justify-content:space-between;
}
.footer .lts {
	width:21.875rem;
}
.footer .rts {
	width:calc(100% - 34.375rem);
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.footer .rts dt {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#fff;
	font-weight:bold;
	margin-bottom:1.0416666666666667rem;
}
.footer .rts dd a {
	font-size:16px;
	line-height:1.7;
	color:#a6a8a9;
	display:block;
	margin-bottom:0.9375rem;
}
.footer .rts .txt {
	max-width:17.1875rem;
}
.footer .rts .txt p {
	font-size:16px;
	line-height:1.7;
	color:#a6a8a9;
	margin-bottom:1.3541666666666667rem;
}
.footer .rts .txt h4 {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#fff;
	font-weight:bold;
	padding-left:2.7083333333333335rem;
	margin-bottom:1.0416666666666667rem;
}
.footer .rts .txt h4.s1 {
	background:url(../images/qw11.png) no-repeat left center;
	background-size:1.5104166666666667rem auto;
}
.footer .rts .txt h4.s2 {
	background:url(../images/qw12.png) no-repeat left center;
	background-size:1.40625rem auto;
}
.footer .rts .txt h4.s3 {
	background:url(../images/qw53.png) no-repeat left top 0.20833333333333334rem;
	background-size:1.1979166666666667rem auto;
	font-weight:normal;
	line-height:1.4;
}
.footer .rts .txt h4 span {
	color:#a6a8a9;
	font-size:15px;
}
.footer .lts h6 {
	font-size:0.9375rem;
	line-height:1.7;
	color:#fff;
	margin:1.5625rem 0 2.0833333333333335rem;
}
.footer .lts ul {
	display:flex;
	align-items:center;
	border-top:0.052083333333333336rem solid #263137;
	padding-top:1.5625rem;
	margin-bottom:1.1458333333333335rem;
}
.footer .lts li {
	width:2.0833333333333335rem;
	opacity:0.2;
	margin-right:1.0416666666666667rem;
}
.footer .lts li:hover {
	opacity:1;
}
.footer .lts li img {
	width:100%;
	display:block;
}
.copyright {
	font-size:16px;
	line-height:1.7;
	color:#787c7e;
}
.copyright a {
	color:#787c7e;
}
.footer .lts .logo {
	max-width:13.020833333333334rem;
}
.footer .lts .logo img {
	width:100%;
	display:block;
}
.blog {
	padding:5.208333333333334rem 0 6.25rem;
}
.blog .wrap {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.blog .lts {
	width:calc(100% - 19.270833333333336rem);
}
.blog .rts {
	width:16.40625rem;
	background:#f7f8f9;
}
.blog .rts h2 {
	font-size:1.6666666666666667rem;
	line-height:7.8125rem;
	color:#fff;
	font-weight:bold;
	text-align:center;
	background:url(../images/qw7.png) no-repeat center/cover;
}
.blog .rts ul {
	padding:1.0416666666666667rem 0;
}
.blog .rts li {
	padding:0 1.7708333333333335rem;
	margin-bottom:1.0416666666666667rem;
}
.blog .rts li a {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#333333;
	transition:all 0s;
	word-break:break-all;
}
.blog .rts li:hover {
	background:url(../images/qw6.png) no-repeat left 0.5208333333333334rem top 0.5208333333333334rem;
	background-size:0.6770833333333334rem auto;
}
.blog .rts li:hover a {
	color:#08a3e9;
}
.blog .lts li {
	margin-bottom:2.3958333333333335rem;
}
.blog .lts li a {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.blog .lts li .pic {
	width:14.0625rem;
	height:9.375rem;
	overflow:hidden;
}
.blog .lts li .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.blog .lts li .ts {
	width:calc(100% - 15.364583333333334rem);
}
.blog .lts li h3 {
	font-size:1.25rem;
	line-height:1.5;
	color:#333333;
	font-weight:bold;
	height:3em;
	overflow:hidden;
}
.blog .lts li p {
	font-size:0.9375rem;
	line-height:1.6;
	color:#666666;
	margin:0.625rem 0 0.5208333333333334rem;
	height:3.2em;
	overflow:hidden;
}
.blog .lts li h6 {
	font-size:16px;
	line-height:1.6;
	color:#999999;
}
.blog .lts ul {
	margin-bottom:4.166666666666667rem;
}
.cases {
	padding:5.208333333333334rem 0 6.25rem;
	background:#f1f1f1;
}
.cases ul {
	display:flex;
	flex-wrap:wrap;
	margin-bottom:1.5625rem;
}
.cases li {
	margin-bottom:2.34375rem;
	width:calc((100% - 4.791666666666667rem)/3);
	margin-right:2.34375rem;
	background:#fff;
	padding:2.3958333333333335rem 1.7708333333333335rem 2.0833333333333335rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.cases li:nth-child(3n) {
	margin-right:0;
}
.cases li h3 {
	font-size:1.25rem;
	line-height:1.4;
	color:#333333;
	padding-bottom:0.8333333333333334rem;
	border-bottom:0.052083333333333336rem solid #cccccc;
	margin-bottom:1.0416666666666667rem;
	font-weight:bold;
	height:4.2em;
	overflow:hidden;
}
.cases li p {
	font-size:16px;
	line-height:1.7;
	color:#666666;
}
.cases li h6 {
	font-size:1.0416666666666667rem;
	margin-top:1.0416666666666667rem;
	line-height:1.6;
	color:#00a0e9;
	font-weight:bold;
	text-transform:uppercase;
}
.contact {
	padding:5.729166666666667rem 0 6.25rem;
}
.maps {
	height:26.041666666666668rem;
}
.maps img {
	/* width:100%;
	height:100%;
	display:block; */
}
.contact .wrap {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	padding:0 6.25rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.contact .txt {
	width:26.5625rem;
}
.contact .fms {
	width:calc(100% - 36.19791666666667rem);
}
.contact .txt h2 {
	font-size:4.166666666666667rem;
	line-height:1.5;
	color:#333333;
	font-weight:bold;
}
.contact .txt h6 {
	font-size:1.25rem;
	line-height:1.5;
	color:#333333;
	margin:3.125rem 0 1.5625rem;
}
.contact .txt .ds {
	margin-bottom:0.78125rem;
}
.contact .txt h4 {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#999999;
}
.contact .txt h3 {
	font-size:1.25rem;
	line-height:1.6;
	color:#333333;
}
.contact .fms .t1 {
	width:100%;
	height:4.6875rem;
	background:#f7f8f9;
	border-radius:0.5208333333333334rem;
	border:none;
	margin-bottom:1.25rem;
	padding:0 1.5625rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	font-size:0.9375rem;
	color:#333333;
}
.contact .fms .t2 {
	height:13.541666666666668rem;
	resize:none;
	padding:1.0416666666666667rem 1.6666666666666667rem;
	line-height:1.7;
}
.contact .fms .btn {
	width:10.9375rem;
	height:3.6458333333333335rem;
	display:block;
	cursor:pointer;
	font-size:1.0416666666666667rem;
	border-radius:0.5208333333333334rem;
	line-height:3.6458333333333335rem;
	color:#fff;
	margin-top:0.5208333333333334rem;
	border:none;
	text-align:left;
	padding-left:2.0833333333333335rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	background:url(../images/qw20.png) no-repeat right 1.5625rem center #00a0e9;
	background-size:0.3125rem auto;
}
.business {
	padding:4.6875rem 0;
}
.business li {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:3.9583333333333335rem;
}
.business li:nth-child(2n) {
	flex-direction:row-reverse;
}
.business li .pic {
	width:50%;
}
.business li .pic img {
	width:100%;
	display:block;
	object-fit:cover;
	height:100%;
}
.business li .text {
	width:50%;
	padding-right:3.854166666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.business li:nth-child(2n) .text {
	padding-left:3.854166666666667rem;
	padding-right:0;
}
.business li h3 {
	font-size:1.875rem;
	line-height:1.5;
	color:#333333;
	font-weight:bold;
	margin-bottom:2.604166666666667rem;
}
.business li p {
	font-size:1.25rem;
	line-height:1.4;
	color:#666666;
}
.blog .lts .hs {
	padding-bottom:0.8333333333333334rem;
	border-bottom:0.052083333333333336rem solid #eaeaea;
}
.blog .lts .hs h1 {
	font-size:1.875rem;
	line-height:1.4;
	color:#333333;
	font-weight:bold;
	margin-bottom:1.0416666666666667rem;
}
.blog .lts .hs h6 {
	font-size:1.25rem;
	line-height:1.6;
	color:#999999;
}
.blog .lts .txt {
	margin-top:1.5625rem;
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#666666;
}
.blog .lts .txt img {
	width:100%;
	display:block;
}
.product {
	padding:4.166666666666667rem 0 5.208333333333334rem;
}
.product .wrap {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.product .lts {
	width:16.145833333333336rem;
	position:sticky;
	top:4.166666666666667rem;
	z-index:1;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	border:1px solid #f1f1f1;
	padding-bottom:1.0416666666666667rem;
}
.product .rts {
	width:calc(100% - 18.75rem);
}
.product .lts h3 {
	font-size:1.25rem;
	line-height:3.125rem;
	color:#333333;
	font-weight:bold;
	background:#f1f1f1;
	padding-left:1.5625rem;
}
.product .lts li {
	padding:0.7291666666666667rem 1.5625rem;
}
.product .lts li a {
	font-size:1.0416666666666667rem;
	line-height:1.5;
	color:#333333;
	display:block;
	transition:all 0s;
}
.product .lts li.on a,.product .lts li a:hover {
	background:url(../images/qw13.png) no-repeat right center;
	background-size:1.0416666666666667rem auto;
	color:#00a0e9;
}
.product .rts .hs h3 {
	font-size:1.6666666666666667rem;
	line-height:1.6;
	color:#333333;
	font-weight:bold;
}
.product .rts .flax {
	margin:0.8333333333333334rem 0 2.291666666666667rem;
	background:#f1f1f1;
	display:flex;
	justify-content:flex-end;
	align-items:center;
	padding:0.625rem 0.8333333333333334rem;
}
.product .rts .flax h4 {
	font-size:16px;
	line-height:1.875rem;
	color:#333333;
	margin-right:0.5208333333333334rem;
}
.product .rts .flax .lsele {
	width:9.895833333333334rem;
	height:1.875rem;
	background:url(../images/qw14.png) no-repeat right 0.5208333333333334rem center #fff;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	line-height:1.7;
	font-size:1.0416666666666667rem;
	color:#333333;
	padding:0 1.3020833333333335rem 0 0.5208333333333334rem;
	background-size:0.8854166666666667rem auto;
	border:none;
}
.product .rts ul {
	display:flex;
	flex-wrap:wrap;
}
.product .rts li {
	margin-bottom:1.5625rem;
	margin-right:1.8229166666666667rem;
	width:calc((100% - 5.572916666666667rem)/4);
}
.product .rts li:nth-child(4n) {
	margin-right:0;
}
.product .rts li .pic {
	height:14.479166666666668rem;
	overflow:hidden;
	display:flex;
	justify-content:center;
	align-items:center;
	border:1px solid #cccccc;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.product .rts li .pic img {
	max-width:100%;
	max-height:100%;
	display:block;
	object-fit:contain;
}
.product .rts li h6 {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#333333;
	margin-top:0.78125rem;
	text-align:center;
}
.product .rts .bs {
	margin-bottom:1.5625rem;
}
.abotit {
	font-size:1.6666666666666667rem;
	line-height:1.6;
	color:#333333;
	font-weight:bold;
	text-align:center;
}
.about .abo4 {
	background:#f7f8f9;
	padding:4.166666666666667rem 0;
}
.about .abo4 ul {
	margin-top:3.125rem;
	display:flex;
	flex-wrap:wrap;
}
.about .abo4 li {
	margin-bottom:1.5625rem;
	margin-right:1.0416666666666667rem;
	width:calc((100% - 3.229166666666667rem)/4);
}
.about .abo4 li img {
	width:100%;
	display:block;
	object-fit:cover;
	height:100%;
}
.about .abo4 li:nth-child(4n) {
	margin-right:0;
}
.abotit span {
	display:block;
	width:3.125rem;
	height:0.15625rem;
	background:#00a0e9;
	margin-top:1.25rem;
}
.about .abo3 {
	padding:6.25rem 0 8.854166666666668rem;
}
.about .abo3 .wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.about .abo3 .pic {
	width:41.145833333333336rem;
}
.about .abo3 .pic img {
	width:100%;
	display:block;
}
.about .abo3 .text {
	width:calc(100% - 46.458333333333336rem);
}
.about .abo3 .text p {
	font-size:0.9375rem;
	line-height:1.6;
	color:#333333;
	margin-top:1.8229166666666667rem;
}
.about .abo3 .abotit {
	text-align:left;
}
.about .abo1 {
	padding:4.6875rem 0 7.8125rem;
}
.about .abo1 .flax {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	margin-bottom:4.166666666666667rem;
}
.about .abo1 img {
	width:100%;
	display:block;
}
.about .abo1 .logo {
	max-width:18.90625rem;
}
.about .abo1 .text {
	width:calc(100% - 25.260416666666668rem);
	font-size:0.9375rem;
	line-height:1.6;
	color:#333333;
}
.about .abo1 .abotit {
	margin-bottom:1.0416666666666667rem;
	text-align:left;
}
.about .abo2 {
	padding:3.75rem 0 5.833333333333334rem;
}
.about .abo2 .flax {
	margin-top:3.125rem;
	display:flex;
	justify-content:space-between;
}
.about .abo2 .ds {
	width:50%;
	background:#00a0e9;
	position:relative;
	padding:6.25rem 0 4.895833333333334rem;
}
.about .abo2 .ds:nth-child(2) {
	background:#00469c;
}
.about .abo2 .ds .ico img {
	width:100%;
	display:block;
}
.about .abo2 .ds .ico {
	width:2.8645833333333335rem;
	position:absolute;
	left:2.0833333333333335rem;
	top:2.3958333333333335rem;
	z-index:1;
}
.about .abo2 .ds .txt {
	text-align:center;
}
.about .abo2 .ds h3 {
	font-size:1.6666666666666667rem;
	line-height:1.6;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:1.4583333333333335rem;
}
.about .abo2 .ds p {
	font-size:0.9375rem;
	line-height:1.6;
	color:#fff;
	max-width:29.166666666666668rem;
	margin:0 auto;
}
.hbanner {
	height:41.66666666666667rem;
}
.hbanner li {
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
}
.hbanner li h4 {
	font-size:3.3333333333333335rem;
	color:#ffffff;
	line-height:1.2;
	font-weight:bold;
}
.hbanner li p {
	font-size:1.25rem;
	color:#fff;
	line-height:1.4;
	margin:2.0833333333333335rem 0 0;
}
.habout {
	position:relative;
	padding:7.291666666666667rem 0;
	background:url(../images/qw37.png) no-repeat right -10vw bottom;
}
.habout .wrap {
	display:flex;
	justify-content:space-between;
	flex-direction:row-reverse;
}
.habout .pic {
	width:37.5rem;
	height:26.5625rem;
	border-radius:1.0416666666666667rem;
	overflow:hidden;
}
.habout .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.habout .text {
	width:29.166666666666668rem;
}
.htit {
	text-align:center;
}
.htit.ltxt {
	text-align:left;
}
.htit h6 {
	font-size:16px;
	color:#00a0e9;
	line-height:1.6;
	text-transform:uppercase;
}
.htit h3 {
	font-size:2.5rem;
	color:#333333;
	font-weight:bold;
	line-height:1.4;
}
.habout .text .txt h6 {
	font-size:14px;
	line-height:1.6;
	margin:0.78125rem 0 1.3020833333333335rem;
	color:#a0a0a0;
}
.habout .text .txt p {
	font-size:0.9375rem;
	color:#666666;
	line-height:1.6;
	margin-bottom:2.604166666666667rem;
}
.hmore {
	width:10.416666666666668rem;
	line-height:3.6458333333333335rem;
	border-radius:1.0416666666666667rem;
	background:#00a0e9;
	font-size:1.0416666666666667rem;
	color:#ffffff;
	display:block;
	text-align:center;
}
.hmore i {
	display:inline-block;
	padding-right:2.0833333333333335rem;
	background:url(../images/qw20.png) no-repeat right center/0.36458333333333337rem auto;
}
.haress {
	background:url(../images/qw51.jpg) no-repeat center top/100% auto #f7f8f9;
	padding:5.729166666666667rem 0 4.166666666666667rem;
}
.haress ul {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:3.229166666666667rem 0 0;
}
.haress li {
	width:calc((100% - 2.0833333333333335rem)/2);
	margin:0 0 2.34375rem 0;
	border-radius:1.0416666666666667rem;
	background:#fff;
	padding:1.5625rem 2.0833333333333335rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.haress li .flex a {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.haress li .flex h4 {
	flex:1;
	margin-right:1.0416666666666667rem;
	line-height:1.2;
	font-size:1.25rem;
	color:#333333;
	font-weight:bold;
}
.haress li .flex img {
	width:3.6458333333333335rem;
	display:block;
}
.haress li p {
	margin-top:1.8229166666666667rem;
}
.haress li p a {
	font-size:0.9375rem;
	color:#666666;
	line-height:1.6;
}
.hpictext {
	padding:4.166666666666667rem 0;
	text-align:center;
}
.hpictext h3 {
	font-size:2.5rem;
	line-height:1.2;
	font-weight:bold;
	color:#ffffff;
}
.hpictext p {
	font-size:1.25rem;
	line-height:1.6;
	margin:1.3020833333333335rem 0 0;
	color:#fff;
	opacity:0.72;
}
.hedge {
	background:url(../images/qw52.jpg) no-repeat center/cover;
	padding:7.291666666666667rem 0;
}
.hedge .wrap {
	display:flex;
	justify-content:space-between;
}
.hedge .pic {
	width:37.5rem;
	height:43.75rem;
}
.hedge .text {
	width:33.85416666666667rem;
	margin:1.5625rem 0 0;
}
.hedge .text ul li {
	border:1px solid #fff;
	margin-bottom:0.78125rem;
	border-radius:1.0416666666666667rem;
	overflow:hidden;
	background-color:#f7f8f9;
	padding:0 1.8229166666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.hedge .text ul li .hd {
	display:flex;
	justify-content:space-between;
	align-items:center;
	height:5.729166666666667rem;
	cursor:pointer;
}
.hedge .text .hd img {
	width:1.4583333333333335rem;
	height:1.4583333333333335rem;
	display:block;
	margin-right:0.5208333333333334rem;
}
.hedge .text .hd h4 {
	font-size:1.25rem;
	color:#333333;
	line-height:1.4;
	flex:1;
	padding-right:1.8229166666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	background:url(../images/qw43.png) no-repeat right center/1.1458333333333335rem auto;
}
.hedge .text li:hover .hd h4,.hedge .text li.on .hd h4 {
	background:url(../images/qw44.png) no-repeat right center/1.1458333333333335rem auto;
}
.hedge .text li:hover,.hedge .text li.on {
	border-color:#00a0e9;
	background:#fff;
}
.hedge .text .bd p {
	font-size:16px;
	color:#666666;
	line-height:1.5;
	margin-bottom:0.78125rem;
}
.hedge .text .bd p i {
	color:#00a0e9;
}
.hedge .text .bd {
	overflow:hidden;
	display:none;
}
.hedge .text .bd p:last-child {
	padding-bottom:1.0416666666666667rem;
}
.hedge .text ul {
	margin-top:2.0833333333333335rem;
}
.hbanner .swiper-slide-active .txt {
	-webkit-animation:fadeInUp 1s .2s ease both;
	-moz-animation:fadeInUp 1s .2s ease both;
}
.usbtn13 {
	position:relative;
	overflow:hidden;
}
.usbtn13 i {
	position:relative;
	z-index:11;
}
.usbtn13 span {
	background-color:red;
	border-radius:52.083333333333336rem;
	position:absolute;
	left:0;
	top:0;
	width:0rem;
	height:0rem;
	margin-left:0rem;
	margin-top:0rem;
	pointer-events:none;
	display:block;
}
.active1 {
	animation:explode 0.5s forwards;
}
.active2 {
	animation:desplode 0.5s forwards;
}
@keyframes explode {
	0% {
	width:0rem;
	height:0rem;
	margin-left:0rem;
	margin-top:0rem;
	background-color:rgba(42,53,80,0.2);
}
100% {
	width:20.833333333333336rem;
	height:20.833333333333336rem;
	margin-left:-10.416666666666668rem;
	margin-top:-10.416666666666668rem;
	background-color:#00469c;
}
;}@keyframes desplode {
	0% {
	width:20.833333333333336rem;
	height:20.833333333333336rem;
	margin-left:-10.416666666666668rem;
	margin-top:-10.416666666666668rem;
	background-color:#00469c;
}
100% {
	width:0rem;
	height:0rem;
	margin-left:0rem;
	margin-top:0rem;
	background-color:#00469c;
}
;}.cases li,.about .abo4 li,.footer .lts li,.haress li {
	position:relative;
	top:0;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.cases li:hover,.about .abo4 li:hover,.haress li:hover {
	top:-0.5208333333333334rem;
	box-shadow:0 0.20833333333333334rem 0.3125rem 0 rgba(80,80,80,0.1);
}
.footer .rts dd a:hover {
	color:#fff;
}
.footer .lts li:hover {
	top:-0.2604166666666667rem;
}
.header .naver li {
	position:relative;
}
.header .naver li::before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	width:0;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
	height:0.15625rem;
	background:#00a0e9;
	margin:0 auto;
}
.product .rts li:hover h6,.cases li:hover h3,.blog .lts li:hover h3,.header .naver li.on a,.header .naver li a:hover {
	color:#00a0e9;
}
.header .naver li.on::before,.header .naver li:hover::before {
	width:100%;
}
.product .rts li .pic img,.blog .lts li .pic img {
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.product .rts li:hover .pic img,.blog .lts li:hover .pic img {
	transform:scale(1.1);
	-ms-transform:scale(1.1);
	/* IE 9*/
	-moz-transform:scale(1.1);
	/* Firefox*/
	-webkit-transform:scale(1.1);
	/* Safari 和 Chrome*/
	-o-transform:scale(1.1);
}
.mskcall .btn:hover,.contact .fms .btn:hover {
	background-color:#058ac6;
}
.mskcall {
	position:fixed;
	right:2%;
	bottom:0;
	z-index:10;
	box-shadow:0 0 0.5208333333333334rem 0.3125rem rgba(80,80,80,0.1);
	width:23.4375rem;
	background:#f7f8f9;
	border-radius:1.0416666666666667rem;
	display: none;
}
.mskcall .hs {
	background:#00a0e9;
	padding:2.0833333333333335rem 1.6666666666666667rem 1.5625rem;
	border-radius:1.0416666666666667rem 1.0416666666666667rem 0 0;
}
.mskcall .hs h3 {
	font-size:1.5625rem;
	line-height:1.6;
	color:#fff;
	font-weight:bold;
	margin-bottom:0.4166666666666667rem;
}
.mskcall .hs p {
	font-size:1.0416666666666667rem;
	line-height:1.4;
	color:#b8dcf6;
}
.mskcall .fms {
	padding:1.3020833333333335rem 1.8229166666666667rem 2.34375rem;
}
.mskcall .fms .t1 {
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	border:1px solid #cccccc;
	padding:0 1.0416666666666667rem;
	height:2.8125rem;
	font-size:0.9375rem;
	color:#333;
	border-radius:0.5208333333333334rem;
	margin-bottom:0.625rem;
}
.mskcall .ds {
	margin-top:0.5208333333333334rem;
}
.mskcall .ds h4 {
	font-size:1.0416666666666667rem;
	line-height:1.6;
	color:#333333;
	margin-bottom:0.5208333333333334rem;
}
.mskcall .ds dd label {
	padding-left:1.5625rem;
	display:block;
	font-size:0.9375rem;
	line-height:1.6;
	cursor:pointer;
	color:#666666;
	background:url(../images/qw54.png) no-repeat left center;
	background-size:0.625rem auto;
}
.mskcall .ds dd .r1 {
	display:none;
}
.mskcall .ds dd {
	margin-bottom:0.5208333333333334rem;
}
.mskcall .ds dd input:checked + label {
	background:url(../images/qw54-1.png) no-repeat left center;
	background-size:0.625rem auto;
}
.mskcall .btn {
	width:100%;
	border-radius:0.3125rem;
	display:block;
	text-align:center;
	font-size:1.0416666666666667rem;
	cursor:pointer;
	line-height:2.8125rem;
	margin-top:1.5625rem;
	color:#fff;
	background:#00a0e9;
	display:block;
	border:none;
}
.mskcall .fms .t1:focus {
	border-color:#00a0e9;
}