@charset "utf-8";
html {
	min-width: 1200px;
}
/*==========@@通用 开始@@==========*/
/*常用颜色*/
.red {
	color: #F00 !important;
}
/*清除浮动*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	line-height: 0;
}
.clearfix {
*zoom:1;
}
.clear {
	clear: both;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
/*其它*/
.hidden {
	display: none;
}
/*必须输入，主要*/
.required {
	color: red;
	font-weight: bold;
}
.form_text_verifycode {
	width: 80px;
}
.form_radio {
	width: auto;
	border: 0;
}
.form_checkbox {
	width: auto;
	border: 0
}
/*网站公用样式表*/
.w1200 {
	width: 1200px;
	margin: 0 auto;
}
.por {
	position: relative;
}
.poa {
	position: absolute;
}
.icon {
	background: url(/skin/images/icon.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
}
#header_main, #top_main, #banner_main, #floor_1_main, #links_main, #footer_main {
	width: 100%;
	margin: 0;
}
.trans {
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
}
/*top*/
.header_main {
	width: 100%;
	z-index: 100;
	position: relative;
	height: 95px;
	background: url(/skin/images/top_bg.jpg) no-repeat center top #1d1e22;
	transition: all .3s ease-in;
	top: 0;
}
.header_main .logo {
	display: block;
	padding-top: 8px;
}
.header_main .logo img {
	max-width: 100%;
	display: block;
	vertical-align: middle;
}
.topright {
	position: relative;
	padding-top: 34px;
	width: 835px;
}
.topbtn {
	padding-right: 7%;
	position: relative;
	z-index: 10;
}
.topbtn .topsearch {
	width: 60px;
	border: 1px solid #52545b;
	height: 30px;
	line-height: 30px;
	color: #fff;
	text-align: center;
	position: absolute;
	right: 6%;
	top: 0;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	display: block;
}
.header_main .search-box {
	position: absolute;
	right: 0;
	top: -25px;
	height: 80px;
	line-height: 80px;
	z-index: 99;
}
.header_main .search-box .butn {
	display: block;
	cursor: pointer;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	text-align: center;
	margin-top: 19px;
	background: url(/skin/images/ico_60.png) no-repeat center;
}
.header_main .search-box .butn i {
	width: 38px;
	height: 38px;
	display: none;
	background: url(/skin/images/sou.png) no-repeat center;
	margin: 0 auto;
	border: 1px solid #52545b;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}
.header_main .search-box .butn.hov {
	background: none;
}
.header_main .search-box .butn.hov i {
	display: block;
}
.header_main .search-box .share-sub {
	position: absolute;
	right: 40px;
	top: 15px;
	width: 0;
	height: 48px;
	overflow: hidden;
	background: #ededed;
	border-radius: 5px 0 0 5px;
}
.header_main .search-box .share-sub .sub-btn {
	border: none;
	width: 48px;
	height: 48px;
	cursor: pointer;
	outline: none;
	background: url(/skin/images/sou.png) no-repeat center #0B5CAD;
}
.header_main .search-box .share-sub .tex {
	width: 220px;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	padding: 14px 10px;
	color: #666;
	border: none;
	background: #ededed;
	outline: none;
}
.header_main .search-box .lang-box {
	margin-top: 21px;
	margin-right: 39px;
}
.header_main .search-box .lang-box a {
	display: inline-block;
	text-align: center;
	font-size: 12px;
	margin-left: 29px;
}
.header_main .search-box .lang-box .stt {
	display: inline-block;
	line-height: 30px;
	font-size: 14px;
	color: #777;
	margin-right: 4px;
}
.header_main.fixt {
	position: fixed;
}
.header_main .nav {
	padding-right: 40px;
}
#nav .navlist {
	position: relative;
	display: block;
}
#nav li {
	float: left;
	display: inline-block;
	list-style: none;
	font-size: 16px;
	text-align: center;
	position: relative;
	height: 61px;
}
#nav li a {
	display: block;
	text-align: center;
	position: relative;
	color: #eeeeee;
	height: 28px;
	line-height: 28px;
	padding: 0 18px;
	border: 1px solid #25262b;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
#nav li.hover a, #nav li:hover a {
	color: #0B5CAD;
	border: 1px solid #0B5CAD;
}
.top .toprig .item h4 {
	display: block;
	font-size: 30px;
}
/*导航栏下拉*/
#nav ul .subnav {
	position: absolute;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
	opacity: 0;
	visibility: hidden;
	transition: all .6s ease 0s;
	transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0);
}
#nav ul li:hover .subnav {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
}
#nav ul .subnav {
	background: #fff;
	border-top: 2px solid #0B5CAD;
	box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);
	height: auto;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 199;
}
#nav ul .subnav a {
	color: #666;
	display: block;
	font-size: 13px;
	font-weight: 500;
	height: 40px;
	line-height: 40px;
	padding: 0;
	transition: all 0.2s ease-in-out 0s;
	max-width: 100%;
	border: 0 none;
	border-bottom: 1px solid #eee;
	border-radius: initial;
}
#nav ul .subnav a:hover {
	color: #0B5CAD;
	background: #f9f9f9;
	text-indent: 3px;
}
/*侧边导航*/
/* banner */
#banner_main {
	overflow: hidden;
	position: relative;
	z-index: 2;
}
#banner_main .banner {
	height: 650px;
}
#banner {
	width: 100%;
	min-width: 1000px;
	position: relative;
	overflow: hidden;
	z-index: 0;
}
#banner, .banner ul {
	max-height: 650px;
	overflow: hidden;
}
.banner li {
	width: 100%;
	position: absolute;
	z-index: 1;
	overflow: hidden;
}
.banner li img {
	width: 1920px;
	display: block;
	position: relative;
	left: 50%;
	margin-left: -960px;
	top: 0;
}
#banner .tip {
	width: 1000px;
	height: 20px;
	line-height: 0;
	font-size: 0;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -500px;
	bottom: 20px;
	z-index: 3;
}
#banner .tip span {
	height: 5px;
	margin: 0 2px;
	width: 50px;
	display: inline-block;
	font-size: 0;
	cursor: pointer;
	background: #fff;
	opacity: .6;
	filter: Alpha(opacity=60);
*zoom:1;
}
#banner .tip span.cur {
	background-color: #0B5CAD;
	opacity: 1;
	filter: Alpha(opacity=100);
}
#banner #btn_prev, #banner #btn_next {
	width: 40px;
	height: 90px;
	position: absolute;
	top: 50%;
	z-index: 5;
	margin-top: -45px;
	-webkit-transition: all .0s ease-in-out 0s;
	-moz-transition: all .0s ease-in-out 0s;
	transition: all .0s ease-in-out 0s;
}
#banner #btn_prev {
	background-position: 0 0;
	left: 5%;
}
#banner #btn_next {
	background-position: -50px 0;
	right: 5%;
}
#banner #btn_prev:hover {
	background-position: 0 -98px;
}
#banner #btn_next:hover {
	background-position: -50px -98px;
}
/*banner end*/
.transs {
	-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.index .title {
	text-align: center;
	width: 100%;
	padding-bottom: 30px;
}
.index .title h3 {
	font-size: 30px;
	font-weight: normal;
	display: block;
	line-height: 30px;
	background: url(/skin/images/title.png) no-repeat center;
}
.index .title p {
	color: #999;
	font-size: 20px;
	text-transform: uppercase;
	font-family: "AvantGardeITVbyBT Book", arial;
	padding-top: 14px;
}
.index .title h3 b {
	display: inline-block;
}
.imenu {
	text-align: center;
}
.imenu a {
	font-size: 16px;
	display: inline-block;
	padding: 0 24px;
	text-align: center;
	border-left: 1px solid #0B5CAD;
	height: 20px;
	line-height: 20px;
}
.imenu a:first-child {
	border-left: 0 none;
}
.imenu a:hover {
	color: #0B5CAD;
}
.index .floor_1_main {
	padding-top: 80px;
	padding-bottom: 80px;
}
.ipro {
	position: relative;
	overflow: hidden;
	padding: 30px 0;
}
.ipro .list {
	width: 108%;
}
.ipro .item {
	float: left;
	width: 386px;
	display: block;
	height: 290px;
	overflow: hidden;
	margin-bottom: 20px;
	margin-right: 20px;
	position: relative;
}
.ipro .item a {
	display: block;
	position: relative;
	width: 100%;
	height: 290px;
}
.ipro .item img {
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	width: 100%;
	height: 100%;
	display: block;
}
.ipro .item:hover img {
	transform: scale(1.06, 1.06);
}
.ipro .item h3 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-indent: 30px;
	font-weight: normal;
	font-size: 16px;
	height: 65px;
	line-height: 65px;
	background: url(/skin/images/black60.png) repeat;
	color: #fff;
}
.ipro .item em {
	position: absolute;
	right: 0;
	bottom: 20px;
	z-index: 2;
	width: 32px;
	height: 26px;
	background-position: -190px 0;
	display: block;
	margin-right: 30px;
	vertical-align: middle;
}
.ipro .item:hover h3 {
	background: url(/skin/images/ipro_t.png) repeat-x left top;
}
.index .floor_2_main {
	background: url(/skin/images/iyoushi.jpg) no-repeat center top;
	height: 800px;
	overflow: hidden;
}
.index .floor_2, .index .floor_3 {
	padding: 80px 0;
	position: relative;
}
.index .floor_2 .title {
	color: #fff;
}
.iyoushi {
	background: url(/skin/images/bieshu.png) no-repeat 460px center;
	height: 536px;
	overflow: hidden;
}
.iyoushi .item {
	width: 375px;
	height: 128px;
	background: url(/skin/images/yousitem.png) no-repeat left top;
	float: left;
	margin-top: 40px;
}
.iyoushi .item a {
	display: block;
	padding: 40px;
}
.iyoushi .item .img {
	width: 50px;
	height: 50px;
	overflow: hidden;
	position: relative;
	margin-left: 10px;
}
.iyoushi .item .img img {
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	display: block;
}
.iyoushi .item .txt {
	width: 140px;
	padding-left: 60px;
	color: #fff;
}
.iyoushi .item .txt h3 {
	font-size: 20px;
	font-weight: bold;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.iyoushi .item .txt p {
	font-family: arial;
	color: #cccccc;
	padding-top: 0;
}
.iyoushi .it1, .iyoushi .it5 {
	margin-left: 62px;
	margin-right: 60px;
}
.iyoushi .it2, .iyoushi .it6 {
	margin-right: 65px;
	float: right;
}
.iyoushi .it4 {
	float: right;
}
.iyoushi .item:hover {
	background: url(/skin/images/yousitem_a.png) no-repeat left top;
}
.iyoushi .item:hover .txt h3 {
	color: #0B5CAD;
}
.iyoushi .item:hover .img img {
	top: -50px;
}
.xunpan {
	width: 100%;
	background: url(/skin/images/xunpan.jpg) no-repeat center top;
	height: 200px;
	color: #fff;
}
.xunpan .zixun {
	width: 300px;
	padding-top: 40px;
	text-align: center;
}
.xunpan .zixun a {
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	height: 50px;
	display: block;
	line-height: 50px;
	color: #fff;
	background: #0B5CAD;
	font-size: 20px;
}
.xunpan .zixun:hover a {
	background: #0B5CAD;
}
.xunpan .tel {
	border: 1px solid #85878d;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 26px;
	text-align: center;
	font-family: "AvantGardeITVbyBT Book", arial;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	margin-bottom: 20px;
}
.xunpan .tel em {
	width: 25px;
	height: 25px;
	display: inline-block;
	background-position: -100px 0;
	margin-right: 10px;
}
.xunpan strong {
	display: inline-block;
	color: #fff;
	font-weight: bold;
	font-size: 28px;
	padding-right: 10px;
	font-style: italic;
}
.xunpan p {
	font-size: 20px;
}
.xunpan .bigtxt {
	font-size: 40px;
	padding-bottom: 20px;
	padding-top: 54px;
}
.floor_3_main {
	overflow: hidden;
}
.liuc {
	position: relative;
	overflow: hidden;
	padding: 40px 0;
}
.liuc .list {
	width: 108%;
}
.liuc li {
	float: left;
	width: 206px;
}
.liuc li .Piece {
	width: 168px;
	height: 188px;
	background: #f5f5f5;
	border: 1px solid #ddd;
	float: left;
	font-size: 20px;
	text-align: center;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	box-shadow: 0 0 0 #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.liuc li .jtou {
	width: 36px;
	height: 188px;
	background: url(/skin/images/jtou.png) no-repeat center;
	float: left;
	display: block;
}
.liuc li img {
	max-width: 100px;
	max-height: 80px;
	display: block;
	margin: 0 auto;
}
.liuc li p {
	text-align: center;
	padding-top: 40px;
	height: 88px;
}
.liuc li:last-child .jtou {
	display: none;
}
.liuc li:hover .Piece {
	-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
	box-shadow: 0 15px 30px rgba(0,0,0,.1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);
}
.floor_4_main {
	background: #f5f5f5;
	overflow: hidden;
	width: 100%;
}
.index .floor_4 {
	padding: 80px 0 80px;
	position: relative;
}
.textlist {
}
.textlist .list {
	width: 100%;
	padding-bottom: 30px !important;
}
.textlist .item {
	float: left;
	width: 375px;
	height: 471px;
	margin-right: 37px;
	transition: all 0.2s linear 0s;
	margin-bottom: 30px;
	box-shadow: 0 2px 5px rgba(0,0,0,.1);
	background: #fff;
}
.textlist .item a {
	display: block;
	padding: 0;
	color: #333;
}
.textlist .item .img {
	width: 375px;
	height: 281px;
	overflow: hidden;
	cursor: pointer;
	position: relative;
}
.textlist .item .img img {
	width: 100%;
	height: 100%;
	transition: all 0.3s ease-out 0s;
	display: block;
}
.textlist .item:hover .img img {
	transform: scale(1.1, 1.1);
}
.textlist .item .txt {
	padding: 30px 40px 0;
}
.textlist .item h3 {
	font-size: 18px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.textlist .desc {
	line-height: 24px;
	height: 52px;
	overflow: hidden;
	margin-bottom: 10px;
	cursor: pointer;
	padding-top: 10px;
}
.textlist span {
	display: block;
	color: #666;
	font-family: arial;
	padding-top: 10px;
	border-top: 1px solid #ddd;
}
.textlist .item:hover {
	-webkit-box-shadow: 0 15px 15px rgba(0,0,0,.1);
	box-shadow: 0 15px 30px rgba(0,0,0,.1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);
}
.textlist .item:hover h3 {
	color: #0B5CAD;
}
.floor_4 .btn {
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
	top: 50%;
	cursor: pointer;
}
.floor_4 .btn.prev {
	background-position: -100px -50px;
	left: -5%;
}
.floor_4 .btn.next {
	background-position: -190px -50px;
	right: -5%;
}
.floor_4 .btn.prev:hover {
	background-position: -145px -50px;
}
.floor_4 .btn.next:hover {
	background-position: -236px -50px;
}
.indnews {
	padding: 80px 0;
	overflow: hidden;
	position: relative;
}
.index .more {
	width: 180px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	display: block;
	margin: 40px auto 0;
	background: #444;
	transition: all 0.2s linear 0s;
}
.index .more:hover {
	background: #0B5CAD;
	color: #fff;
	text-indent: 10px;
}
.ipatent_main {
	width: 100%;
	background: url(/skin/images/patent.jpg) no-repeat center top;
	height: 460px;
	overflow: hidden;
}
.ipatent_main .floor {
	overflow: hidden;
	padding: 100px 0;
}
.ipatent_main .title {
	color: #fff;
}
.ipatent_main .title h3 {
	background: url(/skin/images/title1.png) no-repeat center;
}
.ipatent {
	padding-top: 40px;
}
.ipatent .item {
	width: 580px;
	height: 140px;
	background: url(/skin/images/pat_bk.png) no-repeat left top;
	float: left;
	margin-left: 37px;
}
.ipatent .item:first-child {
	margin-left: 0;
}
.ipatent .item a {
	display: block;
	padding: 30px;
}
.ipatent .item .img {
	width: 64px;
	height: 60px;
	overflow: hidden;
	position: relative;
	margin-right: 40px;
	margin-left: 22px;
	margin-top: 10px;
}
.ipatent .item .img img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	display: block;
}
.ipatent .item .txt {
	width: 350px;
	color: #fff;
	padding-left: 20px;
}
.ipatent .item .txt h3 {
	font-size: 20px;
	font-weight: bold;
}
.ipatent .item .txt p {
	font-family: arial;
	color: #cccccc;
	padding-top: 0;
}
.newsBox {
	width: 380px;
	height: 410px;
	overflow: hidden;
	position: relative;
}
.newsBox .bd {
	border: 1px solid #ddd;
}
.newsBox .hd {
	height: 28px;
	overflow: hidden;
	position: absolute;
	bottom: 1px;
	z-index: 10;
	padding-left: 20px;
	text-align: center;
}
.newsBox .hd ul {
	overflow: hidden;
	zoom: 1;
}
.newsBox .hd ul li {
	margin-right: 6px;
	width: 10px;
	height: 10px;
	line-height: 14px;
	text-align: center;
	background: #999;
	cursor: pointer;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	display: inline-block;
}
.newsBox .hd ul li.on {
	background: #073B73;
	color: #fff;
}
.picBox .bd {
	height: 100%;
	z-index: 0;
}
.newsBox .bd li {
	zoom: 1;
	vertical-align: middle;
	position: relative;
	height: 408px;
	overflow: hidden;
}
.newsBox .bd img {
	width: 380px;
	height: 285px;
	display: block;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.newsBox .bd li h3 {
	display: block;
	font-size: 18px;
	color: #000;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.newsBox .bd li .txt {
	z-index: 5;
	padding: 15px 20px;
	border-top: 0 none;
	height: 93px;
}
.newsBox .bd li p {
	padding: 0;
	color: #666;
	line-height: 24px;
	height: 45px;
	overflow: hidden;
}
.newsBox .bd li .time {
	font-size: 16px;
	padding-right: 30px;
	padding-top: 28px;
}
.newsBox .bd li a:hover h3 {
	color: #0B5CAD;
}
.newsBox .bd li a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.index .txtlistbox {
	width: 800px;
}
.txtlistbox .item {
	border: 1px solid #ddd;
	margin-bottom: 16px;
	transition: all 0.2s linear 0s;
+margin-bottom: 18px;
}
.txtlistbox .item a {
	display: block;
	padding: 28px;
}
.txtlistbox .item h3 {
	font-size: 18px;
	vertical-align: top;
}
.txtlistbox .item p {
	font-size: 14px;
	line-height: 20px;
	height: 40px;
	color: #666;
}
.txtlistbox .item .time {
	display: block;
	width: 90px;
	height: 66px;
	border-right: 1px solid #ddd;
	line-height: 20px;
	margin-right: 30px;
	color: #666;
	vertical-align: middle;
*zoom: 1;
}
.txtlistbox .item .time b {
	color: #666;
	display: block;
	font-size: 48px;
	line-height: 48px;
}
.txtlistbox .item:hover {
	border: 1px solid #0B5CAD;
	-webkit-box-shadow: 0 15px 15px rgba(0,0,0,.1);
	box-shadow: 0 2px 6px rgba(0,0,0,.1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);
}
.iabout {
	width: 100%;
	background: url(/skin/images/fl6.jpg) no-repeat center bottom #f8f8f8;
	padding: 80px 0;
}
.iabout .txt {
	width: 470px;
	height: 240px;
	display: block;
	background: #fff;
	padding: 40px;
}
.iabout .txt img {
	max-width: 100%;
	display: block;
}
.iabout .txt p {
	padding-top: 20px;
	color: #333;
}
.iabout .txt span {
	width: 154px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	display: block;
	border: 1px solid #073B73;
	margin-top: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	cursor: pointer;
}
.iabout .txt:hover span {
	background: #073B73;
	color: #fff;
}
.iabout .img {
	width: 650px;
	height: 320px;
	display: block;
	overflow: hidden;
}
.iabout .img img {
	width: 100%;
	display: block;
}
/*底部信息*/
/*footer_main*/
.footer_main {
	width: 100%;
	background: #191919;
	color: #fff;
}
.footer_main .footer {
	padding-bottom: 40px;
}
.footer_main .footer .links {
	padding: 30px 0;
	margin-bottom: 40px;
	font-size: 16px;
	border-bottom: 1px solid #353535;
}
.footer_main .footer .links span {
	color: #fff;
	display: inline-block;
}
.footer_main .footer .links a {
	display: inline-block;
	font-size: 14px;
	color: #999;
	padding-right: 10px;
}
.footer_main .footer .links a:hover {
	color: #0B5CAD;
}
.footer_main .qcode {
	width: 540px;
}
.footer_main .qcode .ewm {
	width: 130px;
	height: 130px;
	display: block;
	border: 5px solid #666;
}
.footer_main .btel {
	width: 300px;
	line-height: 28px;
}
.footer_main .btel img {
	display: block;
	margin: 0 auto 8px;
	max-width: 100%;
	max-height: 60%;
}
.footer_main .btel .p1 {
	color: #fff;
}
.footer_main .btel .p2 {
	font-family: "GrayDesign Regular", "arial, helvetica, sans-serif";
	font-size: 34px;
	color: #0B5CAD;
	line-height: 34px;
	padding-bottom: 5px;
}
.footer_main .btel .p3 {
	color: #999;
	line-height: 22px;
}
.footer_main .botnavlist {
}
.footer_main .botnavlist li {
	float: left;
	width: 100px;
	padding: 0 0 0 48px;
	display: block;
	list-style: none;
	font-size: 16px;
	line-height: 32px;
	text-align: left;
	border-right: 1px solid #353535;
	overflow: hidden;
}
.footer_main .botnavlist li:first-child {
	padding-left: 0px;
}
.footer_main .botnavlist li a {
	color: #fff;
	display: block;
	line-height: 32px;
	font-size: 16px;
}
.footer_main .botnavlist li a:hover {
	color: #0B5CAD;
}
.footer_main .botnavlist li .drop {
	padding-top: 10px;
}
.footer_main .botnavlist li .drop a {
	display: block;
	line-height: 26px;
	color: #999;
	width: 100%;
	font-size: 12px;
}
.footer_main .botnavlist li .drop a:hover {
	color: #0B5CAD;
}
.copymain {
	border-top: 1px solid #353535;
	line-height: 60px;
	color: #999;
	font-size: 12px;
}
.copymain a {
	color: #999;
}
.copymain a:hover {
	color: #0B5CAD;
}
.footer_main .yyzz {
	padding: 0 8px;
}
/* 新版右侧浮动客服 */
.qh-service-bar,
.qh-service-bar * {
	box-sizing: border-box;
}
.qh-service-bar {
	position: fixed;
	right: 24px;
	top: 50%;
	z-index: 9999;
	width: 82px;
	font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
	background: #0b2d57;
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 14px;
	box-shadow: 0 16px 42px rgba(5,27,54,.28);
	transform: translateY(-50%);
}
.qh-service-item {
	position: relative;
	width: 82px;
	border-bottom: 1px solid rgba(255,255,255,.12);
}
.qh-service-item:last-child {
	border-bottom: 0;
}
.qh-service-btn {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 82px;
	min-height: 76px;
	padding: 10px 5px 9px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: linear-gradient(145deg,#123f73 0%,#0b2d57 100%);
	transition: background .25s ease, transform .25s ease, box-shadow .25s ease;
}
.qh-service-item:first-child .qh-service-btn {
	border-radius: 13px 13px 0 0;
}
.qh-service-item:last-child .qh-service-btn {
	border-radius: 0 0 13px 13px;
}
.qh-service-btn:hover {
	color: #fff;
	text-decoration: none;
	background: linear-gradient(145deg,#1677d2 0%,#0b5cad 100%);
	transform: translateX(-5px);
	box-shadow: 8px 8px 24px rgba(7,50,96,.22);
}
.qh-service-online-item .qh-service-btn {
	background: linear-gradient(145deg,#ff7a18 0%,#f05a00 100%);
}
.qh-service-online-item .qh-service-btn:hover {
	background: linear-gradient(145deg,#ff8c2a 0%,#ff6508 100%);
}
.qh-service-top-item .qh-service-btn {
	min-height: 68px;
	background: linear-gradient(145deg,#687484 0%,#4c5664 100%);
}
.qh-service-top-item .qh-service-btn:hover {
	background: linear-gradient(145deg,#1677d2 0%,#0b5cad 100%);
}
.qh-service-icon {
	position: relative;
	display: block;
	width: 30px;
	height: 30px;
	margin-bottom: 5px;
	color: #fff;
}
.qh-icon-scan:before,
.qh-icon-scan:after {
	position: absolute;
	width: 9px;
	height: 9px;
	content: "";
	border-color: #fff;
	border-style: solid;
}
.qh-icon-scan:before {
	top: 2px;
	left: 2px;
	border-width: 2px 0 0 2px;
}
.qh-icon-scan:after {
	right: 2px;
	bottom: 2px;
	border-width: 0 2px 2px 0;
}
.qh-icon-scan {
	background:
		linear-gradient(#fff,#fff) 20px 2px/2px 8px no-repeat,
		linear-gradient(#fff,#fff) 2px 20px/8px 2px no-repeat,
		linear-gradient(#fff,#fff) 12px 12px/5px 5px no-repeat,
		linear-gradient(#fff,#fff) 20px 18px/4px 4px no-repeat,
		linear-gradient(#fff,#fff) 8px 9px/3px 3px no-repeat;
}
.qh-icon-chat:before {
	position: absolute;
	top: 4px;
	left: 3px;
	width: 24px;
	height: 18px;
	content: "";
	background: #fff;
	border-radius: 10px;
}
.qh-icon-chat:after {
	position: absolute;
	top: 18px;
	left: 8px;
	width: 8px;
	height: 8px;
	content: "";
	background: #fff;
	border-radius: 1px;
	transform: rotate(35deg);
}
.qh-icon-chat {
	z-index: 1;
	background:
		radial-gradient(circle at 10px 13px,#f56a0b 0 1.5px,transparent 2px),
		radial-gradient(circle at 15px 13px,#f56a0b 0 1.5px,transparent 2px),
		radial-gradient(circle at 20px 13px,#f56a0b 0 1.5px,transparent 2px);
}
.qh-icon-phone:before {
	position: absolute;
	top: -3px;
	left: 1px;
	width: 29px;
	height: 29px;
	content: "☎";
	color: #fff;
	font: 29px/29px Arial,sans-serif;
}
.qh-icon-wecom:before,
.qh-icon-wecom:after {
	position: absolute;
	content: "";
	background: #fff;
	border-radius: 50%;
}
.qh-icon-wecom:before {
	top: 4px;
	left: 2px;
	width: 20px;
	height: 16px;
}
.qh-icon-wecom:after {
	right: 1px;
	bottom: 3px;
	width: 16px;
	height: 13px;
}
.qh-icon-top:before {
	position: absolute;
	top: 9px;
	left: 7px;
	width: 15px;
	height: 15px;
	content: "";
	border-top: 3px solid #fff;
	border-left: 3px solid #fff;
	transform: rotate(45deg);
}
.qh-icon-top:after {
	position: absolute;
	top: 12px;
	left: 13px;
	width: 3px;
	height: 15px;
	content: "";
	background: #fff;
	border-radius: 3px;
}
.qh-service-text {
	display: block;
	color: #fff;
	font-size: 13px;
	line-height: 20px;
	white-space: nowrap;
}
.qh-service-panel {
	position: absolute;
	top: 50%;
	right: 100px;
	z-index: 5;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	background: #fff;
	border: 1px solid rgba(11,92,173,.12);
	border-radius: 14px;
	box-shadow: 0 18px 50px rgba(10,45,82,.20),0 5px 15px rgba(10,45,82,.10);
	transform: translateY(-50%) translateX(12px);
	transition: opacity .25s ease, transform .25s ease, visibility .25s ease;
}
.qh-service-item:hover .qh-service-panel {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
	transform: translateY(-50%) translateX(0);
}
.qh-panel-arrow {
	position: absolute;
	top: 50%;
	right: -8px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: #fff;
	border-top: 1px solid rgba(11,92,173,.12);
	border-right: 1px solid rgba(11,92,173,.12);
	transform: rotate(45deg);
}
.qh-service-qr-panel {
	width: 210px;
	padding: 18px 18px 16px;
	text-align: center;
}
.qh-service-qr-panel img {
	display: block;
	width: 174px;
	height: 174px;
	margin: 0 auto 10px;
	padding: 5px;
	object-fit: contain;
	background: #fff;
	border: 1px solid #e6edf5;
	border-radius: 8px;
}
.qh-service-qr-panel strong {
	display: block;
	margin-bottom: 4px;
	color: #153455;
	font-size: 15px;
	font-weight: 700;
	line-height: 24px;
}
.qh-service-qr-panel p {
	margin: 0;
	color: #718096;
	font-size: 12px;
	line-height: 20px;
}
.qh-service-tel-panel {
	width: 255px;
	padding: 19px 22px 18px;
	text-align: left;
}
.qh-tel-label {
	display: block;
	margin-bottom: 4px;
	color: #718096;
	font-size: 12px;
	line-height: 20px;
}
.qh-tel-number {
	display: block;
	margin-bottom: 5px;
	color: #0b5cad;
	font: 700 24px/32px Arial,sans-serif;
	letter-spacing: .5px;
	text-decoration: none;
}
.qh-tel-number:hover {
	color: #1677d2;
	text-decoration: none;
}
.qh-tel-time {
	display: block;
	color: #718096;
	font-size: 12px;
	line-height: 20px;
}
@media screen and (max-width:1366px) {
	.qh-service-bar {
		right: 12px;
		transform: translateY(-50%) scale(.92);
		transform-origin: right center;
	}
}
@media screen and (max-width:900px) {
	.qh-service-bar {
		display: none;
	}
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
@font-face {
	font-family: ADELE;
	src: url("../font/ADELE.eot");
	src: url("/skin/fonts/adele.eot") format("eot"), url("/skin/fonts/adele.ttf") format("truetype");
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
transform:perspective(400px) rotate3d(0, 1, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
@keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-ms-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-ms-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
-ms-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
-ms-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
transform:perspective(400px) rotate3d(0, 1, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px);
-ms-transform:perspective(400px);
transform:perspective(400px)
}
}
.flipInY {
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}

/* QHD header and mega menus */
#qhdHeader,
#qhdHeader * {
	box-sizing: border-box;
}

html body #qhdHeader {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 78px;
	background: rgba(7, 18, 34, .2);
	border-bottom: 1px solid rgba(255, 255, 255, .16);
	transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
}

html body #qhdHeader.qhdHeader--white,
html body #qhdHeader.qhdHeader--open,
html body #qhdHeader:hover {
	background: #fff;
	border-bottom-color: rgba(7, 29, 53, .08);
	box-shadow: 0 8px 28px rgba(7, 29, 53, .08);
}

#qhdHeader .qhdHeader__inner {
	display: flex;
	align-items: center;
	width: calc(100% - 96px);
	max-width: 1680px;
	min-width: 1104px;
	height: 78px;
	margin: 0 auto;
}

#qhdHeader .qhdHeader__logo {
	position: relative;
	flex: 0 0 310px;
	width: 310px;
	height: 78px;
	padding: 0;
	overflow: hidden;
}

#qhdHeader .qhdHeader__logo img {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	max-width: 100%;
	max-height: 58px;
	transform: translateY(-50%);
	transition: opacity .2s ease, visibility .2s ease;
}

#qhdHeader .qhdHeader__logoColor {
	opacity: 0;
	visibility: hidden;
}

#qhdHeader.qhdHeader--white .qhdHeader__logoWhite,
#qhdHeader.qhdHeader--open .qhdHeader__logoWhite,
#qhdHeader:hover .qhdHeader__logoWhite {
	opacity: 0;
	visibility: hidden;
}

#qhdHeader.qhdHeader--white .qhdHeader__logoColor,
#qhdHeader.qhdHeader--open .qhdHeader__logoColor,
#qhdHeader:hover .qhdHeader__logoColor {
	opacity: 1;
	visibility: visible;
}

#qhdHeader .qhdHeader__right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex: 1 1 auto;
	width: auto;
	height: 78px;
	padding: 0;
}

#qhdHeader .qhdHeader__nav {
	order: 1;
	width: auto;
	height: 78px;
	margin-right: 30px;
	padding: 0;
}

#qhdHeader .qhdHeader__navList {
	display: flex;
	align-items: center;
	gap: 48px;
	width: auto;
	height: 78px;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

#qhdHeader #nav .qhdHeader__navList > li {
	position: relative;
	float: none;
	display: block;
	width: auto;
	height: 78px;
	margin: 0;
	padding: 0;
	line-height: 78px;
}

#qhdHeader #nav .qhdHeader__navList > li > a {
	position: relative;
	display: block;
	height: 78px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 78px;
	letter-spacing: 0;
	text-shadow: none;
	transition: color .2s ease;
}

#qhdHeader.qhdHeader--white #nav .qhdHeader__navList > li > a,
#qhdHeader.qhdHeader--open #nav .qhdHeader__navList > li > a,
#qhdHeader:hover #nav .qhdHeader__navList > li > a {
	color: #111;
}

#qhdHeader #nav .qhdHeader__navList > li > a:after {
	position: absolute;
	bottom: 13px;
	left: 50%;
	display: block;
	width: 0;
	height: 3px;
	content: "";
	background: #005fff;
	border-radius: 3px;
	transform: translateX(-50%);
	transition: width .2s ease;
}

#qhdHeader #nav .qhdHeader__navList > li.hover > a,
#qhdHeader #nav .qhdHeader__navList > li:hover > a {
	color: #005fff;
	border: 0;
}

#qhdHeader #nav .qhdHeader__navList > li.hover > a:after,
#qhdHeader #nav .qhdHeader__navList > li:hover > a:after {
	width: 32px;
}

#qhdHeader .qhdHeader__searchWrap {
	position: relative;
	order: 2;
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	padding: 0;
}

#qhdHeader .qhdHeader__search {
	position: relative;
	top: 0;
	right: 0;
	width: 44px;
	height: 44px;
	line-height: 44px;
}

#qhdHeader .qhdHeader__search .butn {
	position: relative;
	z-index: 2;
	display: block;
	width: 44px;
	height: 44px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: #fff;
	cursor: pointer;
}

#qhdHeader .qhdHeader__search .butn i {
	position: relative;
	display: block;
	width: 44px;
	height: 44px;
	border: 1px solid rgba(255, 255, 255, .46);
	border-radius: 50%;
	background: none;
}

#qhdHeader .qhdHeader__search .butn i:before {
	position: absolute;
	top: 11px;
	left: 12px;
	width: 13px;
	height: 13px;
	content: "";
	border: 2px solid currentColor;
	border-radius: 50%;
}

#qhdHeader .qhdHeader__search .butn i:after {
	position: absolute;
	top: 27px;
	left: 26px;
	width: 9px;
	height: 2px;
	content: "";
	background: currentColor;
	transform: rotate(45deg);
}

#qhdHeader.qhdHeader--white .qhdHeader__search .butn,
#qhdHeader.qhdHeader--open .qhdHeader__search .butn,
#qhdHeader:hover .qhdHeader__search .butn {
	color: #111;
}

#qhdHeader.qhdHeader--white .qhdHeader__search .butn i,
#qhdHeader.qhdHeader--open .qhdHeader__search .butn i,
#qhdHeader:hover .qhdHeader__search .butn i {
	border-color: rgba(0, 0, 0, .18);
}

#qhdHeader .qhdHeader__search .share-sub {
	position: absolute;
	top: -2px;
	right: 50px;
	width: 0;
	height: 48px;
	overflow: hidden;
	background: #fff;
	border-radius: 24px 0 0 24px;
	box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
}

#qhdHeader .qhdHeader__search .share-sub .tex {
	width: 220px;
	height: 48px;
	padding: 0 12px 0 18px;
	border: 0;
	background: #fff;
	color: #555;
	line-height: 48px;
	outline: 0;
}

#qhdHeader .qhdHeader__search .share-sub .sub-btn {
	width: 48px;
	height: 48px;
	border: 0;
	background-color: #005fff;
	cursor: pointer;
}

#qhdHeader .qhdMega {
	position: fixed;
	top: 78px;
	left: 50%;
	z-index: 10000;
	display: grid;
	grid-template-columns: 210px minmax(0, 1fr);
	gap: 40px;
	width: min(1040px, calc(100vw - 80px));
	min-height: 330px;
	padding: 44px 50px;
	background: #fff;
	border-radius: 0 0 16px 16px;
	box-shadow: 0 26px 70px rgba(7, 29, 53, .18);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateX(-50%) translateY(8px);
	transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
}

#qhdHeader .qhdMega:before {
	position: absolute;
	top: -12px;
	left: 0;
	width: 100%;
	height: 12px;
	content: "";
}

#qhdHeader .qhdHeader__megaItem:hover .qhdMega,
#qhdHeader .qhdHeader__megaItem.qhdMega--active .qhdMega {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateX(-50%) translateY(0);
}

#qhdHeader .qhdMega__title {
	display: flex;
	flex-direction: column;
	padding: 8px 34px 0 0;
	border-right: 1px solid #dde5ef;
	text-align: left;
}

#qhdHeader .qhdMega__title span,
#qhdHeader .qhdMega__title strong {
	display: block;
	height: auto;
}

#qhdHeader .qhdMega__title span {
	margin-bottom: 12px;
	color: #005fff;
	font-size: 15px;
	font-weight: 700;
	line-height: 20px;
}

#qhdHeader .qhdMega__title strong {
	color: #111;
	font-size: 28px;
	font-weight: 700;
	line-height: 36px;
}

#qhdHeader .qhdMega__intro {
	margin: 20px 0 0;
	color: #687b90;
	font-size: 13px;
	line-height: 1.9;
	overflow-wrap: anywhere;
	white-space: normal;
}

#qhdHeader #nav .qhdMega__cta {
	align-self: flex-start;
	width: auto;
	height: 38px;
	margin-top: 24px;
	padding: 0 18px;
	border: 1px solid #087cff;
	border-radius: 19px;
	background: #087cff;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	line-height: 36px;
	text-align: center;
	text-shadow: none;
	transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}

#qhdHeader #nav .qhdMega__cta:after {
	display: none;
}

#qhdHeader #nav .qhdMega__cta:hover,
#qhdHeader #nav .qhdMega__cta:focus-visible {
	border-color: #075fb8;
	background: #075fb8;
	color: #fff;
	transform: translateY(-2px);
}

#qhdHeader .qhdMega__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-content: start;
	gap: 24px 20px;
}

#qhdHeader #nav .qhdMega__grid > a {
	display: block;
	width: auto;
	height: auto;
	min-height: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #071d35;
	line-height: normal;
	text-align: left;
	text-shadow: none;
	transition: transform .22s ease;
}

#qhdHeader #nav .qhdMega__grid > a:after {
	display: none;
}

#qhdHeader .qhdMega__media {
	display: block;
	width: 100%;
	height: 126px;
	margin: 0;
	overflow: hidden;
	background: #eaf1f8;
	border-radius: 6px;
}

#qhdHeader .qhdMega__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .3s ease;
}

#qhdHeader .qhdMega__newsCard strong,
#qhdHeader .qhdMega__newsCard em {
	display: block;
	height: auto;
	font-style: normal;
}

#qhdHeader .qhdMega__newsCard strong {
	margin-top: 15px;
	color: #071d35;
	font-size: 17px;
	font-weight: 700;
	line-height: 25px;
}

#qhdHeader .qhdMega__newsCard em {
	margin-top: 3px;
	color: #75869b;
	font-size: 12px;
	line-height: 20px;
}

#qhdHeader .qhdMega__newsCard:hover {
	transform: translateY(-3px);
}

#qhdHeader .qhdMega__newsCard:hover .qhdMega__media img {
	transform: scale(1.05);
}

#qhdHeader .qhdMega__newsCard:hover strong {
	color: #005fff;
}

#qhdHeader .qhdMega__brandCard img {
	display: block;
	width: 100%;
	height: 108px;
	object-fit: contain;
	padding: 14px;
	background: #f6f8fb;
	border-radius: 6px;
}

#qhdHeader .qhdMega__brandCard span {
	display: block;
	margin-top: 10px;
	color: #26384d;
	font-size: 15px;
	line-height: 22px;
	text-align: center;
}

#qhdHeader #nav .qhdMega__more {
	min-height: 140px;
	padding: 18px 12px;
	background: #f6f8fb;
	border-radius: 6px;
	text-align: center;
}

#qhdHeader .qhdMega__moreIcon {
	display: block;
	width: 40px;
	height: 40px;
	margin: 2px auto 12px;
	background: #005fff;
	border-radius: 50%;
	color: #fff;
	font-size: 25px;
	font-weight: 300;
	line-height: 40px;
	text-align: center;
}

#qhdHeader .qhdMega__more strong,
#qhdHeader .qhdMega__more em {
	display: block;
	height: auto;
	font-style: normal;
}

#qhdHeader .qhdMega__more strong {
	color: #071d35;
	font-size: 16px;
	line-height: 24px;
}

#qhdHeader .qhdMega__more em {
	color: #75869b;
	font-size: 12px;
	line-height: 20px;
}

html body .location,
html body .location.fixt {
	position: relative;
	top: auto;
	left: auto;
	z-index: 20;
	height: 60px;
	margin: 0;
	line-height: 60px;
	opacity: 1;
	overflow: visible;
	transform: none;
}

html body .nybanner {
	margin-bottom: 0;
}

/* QHD news subchannels: list pages and their articles inherit the same channel art. */
.qhdNewsChannelBanner {
	position: relative;
	display: flex;
	align-items: center;
	height: 360px;
	background-color: #102f51;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.qhdNewsChannelBanner--selection {
	background-image: url(/skin/images/page-banner/news-selection-20260725.jpg);
}

.qhdNewsChannelBanner--technical {
	background-image: url(/skin/images/page-banner/news-technical-20260725.jpg);
}

.qhdNewsChannelBanner--company {
	background-image: url(/skin/images/page-banner/news-company-20260725.jpg);
}

.qhdNewsChannelBanner--news {
	background-image: url(/skin/images/page-banner/news-technical-20260725.jpg);
}

.qhdNewsChannelBanner:after {
	position: absolute;
	inset: 0;
	content: "";
	background: linear-gradient(90deg, rgba(4, 22, 43, .82) 0%, rgba(4, 22, 43, .42) 50%, rgba(4, 22, 43, .12) 100%);
}

.qhdNewsChannelBanner__content {
	position: relative;
	z-index: 1;
	width: min(1200px, calc(100% - 64px));
	margin: 0 auto;
	padding-top: 42px;
	color: #fff;
}

.qhdNewsChannelBanner__content span,
.qhdNewsChannelBanner__content strong {
	display: block;
}

.qhdNewsChannelBanner__content span {
	margin-bottom: 11px;
	color: #72d1f1;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 2.6px;
}

.qhdNewsChannelBanner__content strong {
	font-size: 42px;
	line-height: 1.3;
	text-shadow: 0 5px 24px rgba(0, 0, 0, .28);
}

.qhdNewsChannelBanner__content p {
	max-width: 650px;
	margin: 13px 0 0;
	color: rgba(255, 255, 255, .88);
	font-size: 15px;
	line-height: 1.8;
}

@media screen and (max-width: 760px) {
	.qhdNewsChannelBanner {
		height: 280px;
	}

	.qhdNewsChannelBanner__content {
		width: calc(100% - 36px);
		padding-top: 54px;
	}

	.qhdNewsChannelBanner__content strong {
		font-size: 32px;
	}

	.qhdNewsChannelBanner__content p {
		font-size: 14px;
	}
}

/* QHD news center */
.qhdNewsPage,
.qhdNewsPage * {
	box-sizing: border-box;
}

.qhdNewsBanner {
	position: relative;
	display: flex;
	align-items: center;
	height: 360px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.qhdNewsBanner:after {
	position: absolute;
	inset: 0;
	content: "";
	background: linear-gradient(90deg, rgba(4, 22, 43, .78) 0%, rgba(4, 22, 43, .34) 48%, rgba(4, 22, 43, .05) 74%);
}

.qhdNewsBanner__content {
	position: relative;
	z-index: 1;
	width: min(1200px, calc(100% - 64px));
	margin: 0 auto;
	padding-top: 44px;
	color: #fff;
}

.qhdNewsBanner__content span,
.qhdNewsBanner__content strong {
	display: block;
}

.qhdNewsBanner__content span {
	margin-bottom: 12px;
	color: #72d1f1;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 3px;
}

.qhdNewsBanner__content strong {
	font-size: 46px;
	line-height: 1.25;
	text-shadow: 0 4px 22px rgba(0, 0, 0, .26);
}

.qhdNewsBanner__content p {
	max-width: 620px;
	margin: 16px 0 0;
	color: rgba(255, 255, 255, .88);
	font-size: 16px;
	line-height: 1.8;
}

.qhdNewsPage {
	padding: 56px 0 80px;
	overflow: hidden;
	background: #f2f7fc;
}

.qhdNewsWrap {
	width: min(1200px, calc(100% - 64px));
	margin: 0 auto;
}

.qhdNewsHero {
	display: grid;
	grid-template-columns: 370px minmax(0, 1fr);
	min-height: 376px;
	overflow: hidden;
	background: #fff;
	border: 1px solid rgba(0, 95, 255, .08);
	border-radius: 16px;
	box-shadow: 0 18px 48px rgba(16, 45, 78, .08);
}

.qhdNewsIntro {
	padding: 58px 54px;
	border-right: 1px solid #dfe7f0;
}

.qhdNewsKicker {
	display: inline-block;
	margin-bottom: 24px;
	padding-bottom: 10px;
	border-bottom: 2px solid #005fff;
	color: #005fff;
	font-size: 14px;
	font-weight: 800;
	line-height: 20px;
}

.qhdNewsIntro h1 {
	margin: 0 0 22px;
	color: #071d35;
	font-size: 46px;
	font-weight: 800;
	line-height: 1.22;
}

.qhdNewsIntro p {
	margin: 0;
	color: #51677f;
	font-size: 15px;
	line-height: 1.95;
}

.qhdNewsCats {
	padding: 46px 42px 40px;
}

.qhdNewsPanelHead {
	margin-bottom: 26px;
}

.qhdNewsPanelHead span {
	display: block;
	margin-bottom: 8px;
	color: #005fff;
	font-size: 13px;
	font-weight: 700;
	line-height: 20px;
}

.qhdNewsPanelHead h2 {
	margin: 0;
	color: #071d35;
	font-size: 25px;
	font-weight: 800;
	line-height: 1.35;
}

.qhdNewsCatGrid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.qhdNewsCatCard {
	display: block;
	color: #0d2035;
	text-decoration: none;
}

.qhdNewsCatImg {
	display: block;
	height: 130px;
	overflow: hidden;
	background: #eaf1f8;
	border-radius: 8px;
}

.qhdNewsCatImg img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .32s ease;
}

.qhdNewsCatMeta {
	position: relative;
	display: block;
	min-height: 72px;
	padding: 18px 36px 0 0;
}

.qhdNewsCatMeta strong,
.qhdNewsCatMeta em {
	display: block;
}

.qhdNewsCatMeta strong {
	color: #071d35;
	font-size: 18px;
	font-weight: 800;
	line-height: 25px;
}

.qhdNewsCatMeta em {
	margin-top: 4px;
	color: #75869b;
	font-size: 13px;
	font-style: normal;
	line-height: 20px;
}

.qhdNewsCatMeta i {
	position: absolute;
	top: 18px;
	right: 0;
	width: 26px;
	height: 26px;
	border: 1px solid #d4e2f3;
	border-radius: 50%;
	color: #005fff;
	font: 400 18px/23px Arial, Helvetica, sans-serif;
	text-align: center;
	transition: all .2s ease;
}

.qhdNewsCatCard:hover .qhdNewsCatImg img {
	transform: scale(1.05);
}

.qhdNewsCatCard:hover .qhdNewsCatMeta strong {
	color: #005fff;
}

.qhdNewsCatCard:hover .qhdNewsCatMeta i {
	border-color: #005fff;
	background: #005fff;
	color: #fff;
	transform: translateX(3px);
}

.qhdNewsLatest {
	margin-top: 36px;
	padding: 42px 44px 18px;
	background: #fff;
	border: 1px solid rgba(0, 95, 255, .08);
	border-radius: 16px;
	box-shadow: 0 18px 48px rgba(16, 45, 78, .08);
}

.qhdNewsSectionHead {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 6px;
	padding-bottom: 18px;
	border-bottom: 1px solid #e4ecf5;
}

.qhdNewsSectionHead h2 {
	margin: 0;
	color: #071d35;
	font-size: 28px;
	font-weight: 800;
	line-height: 1.36;
}

.qhdNewsSectionHead span {
	display: block;
	margin-top: 6px;
	color: #75869b;
	font-size: 13px;
}

.qhdNewsSectionHead a {
	margin-top: 9px;
	color: #005fff;
	font-size: 14px;
	line-height: 24px;
	text-decoration: none;
}

.qhdNewsList {
	margin: 0;
	padding: 0;
	list-style: none;
}

.qhdNewsList li {
	position: relative;
	min-height: 64px;
	padding: 20px 128px 20px 18px;
	border-bottom: 1px solid #edf2f7;
}

.qhdNewsList li:last-child {
	border-bottom: 0;
}

.qhdNewsList li:before {
	position: absolute;
	top: 30px;
	left: 0;
	width: 6px;
	height: 6px;
	content: "";
	background: #005fff;
	border-radius: 50%;
	box-shadow: 0 0 0 5px rgba(0, 95, 255, .09);
}

.qhdNewsList a {
	display: block;
	color: #26384d;
	font-size: 16px;
	line-height: 1.55;
	text-decoration: none;
	overflow-wrap: anywhere;
	white-space: normal;
}

.qhdNewsList a:hover,
.qhdNewsSectionHead a:hover {
	color: #005fff;
}

.qhdNewsList time {
	position: absolute;
	top: 21px;
	right: 0;
	color: #8a9aaf;
	font-size: 13px;
	line-height: 24px;
}

@media (max-width: 1500px) {
	#qhdHeader .qhdHeader__inner {
		width: calc(100% - 64px);
		min-width: 1136px;
	}

	#qhdHeader .qhdHeader__logo {
		flex-basis: 280px;
		width: 280px;
	}

	#qhdHeader .qhdHeader__navList {
		gap: 34px;
	}
}

@media (max-width: 1366px) {
	#qhdHeader .qhdHeader__inner {
		width: calc(100% - 48px);
		min-width: 1152px;
	}

	#qhdHeader .qhdHeader__logo {
		flex-basis: 250px;
		width: 250px;
	}

	#qhdHeader .qhdHeader__nav {
		margin-right: 22px;
	}

	#qhdHeader .qhdHeader__navList {
		gap: 26px;
	}

	#qhdHeader #nav .qhdHeader__navList > li > a {
		font-size: 15px;
	}

	#qhdHeader .qhdMega {
		width: 940px;
		grid-template-columns: 190px minmax(0, 1fr);
		gap: 32px;
		padding: 40px 44px;
	}

	.qhdNewsWrap {
		width: calc(100% - 80px);
	}

	.qhdNewsHero {
		grid-template-columns: 330px minmax(0, 1fr);
	}

	.qhdNewsIntro {
		padding: 50px 42px;
	}

	.qhdNewsCats {
		padding: 42px 34px 36px;
	}

	.qhdNewsCatImg {
		height: 118px;
	}
}

@media (max-width: 1200px) {
	#qhdHeader .qhdHeader__inner {
		width: 1152px;
	}

	.qhdNewsWrap {
		width: 1120px;
	}
}

/* QHD corporate homepage */
.qhdHome {
	--qhd-navy: #071d35;
	--qhd-blue: #075fb8;
	--qhd-bright: #087cff;
	--qhd-cyan: #23a9d8;
	--qhd-ink: #14283f;
	--qhd-copy: #52677e;
	--qhd-line: #dce6f0;
	--qhd-pale: #eef5fb;
	min-width: 1200px;
	background: #fff;
	color: var(--qhd-ink);
	font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
}

.qhdHome *,
.qhdHome *:before,
.qhdHome *:after {
	box-sizing: border-box;
}

.qhdHomeContainer {
	width: min(1200px, calc(100% - 80px));
	margin: 0 auto;
}

.qhdHomeSection {
	padding: 92px 0;
}

.qhdHomeHeading {
	max-width: 650px;
}

.qhdHomeHeading > span,
.qhdHomeCta__content > span {
	display: block;
	margin-bottom: 14px;
	color: var(--qhd-blue);
	font-size: 13px;
	font-weight: 800;
	line-height: 20px;
	letter-spacing: 0;
}

.qhdHomeHeading h2 {
	margin: 0;
	color: var(--qhd-navy);
	font-size: 38px;
	font-weight: 800;
	line-height: 1.38;
	letter-spacing: 0;
}

.qhdHomeHeading p {
	margin: 18px 0 0;
	color: var(--qhd-copy);
	font-size: 16px;
	line-height: 1.9;
}

.qhdHomeHeading--center {
	max-width: 760px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.qhdHomeHeading--split {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	max-width: none;
	margin-bottom: 42px;
}

.qhdHomeHeading--split > div {
	flex: 0 0 52%;
}

.qhdHomeHeading--split > div > span {
	display: block;
	margin-bottom: 14px;
	color: var(--qhd-blue);
	font-size: 13px;
	font-weight: 800;
	line-height: 20px;
}

.qhdHomeHeading--split > p {
	flex: 0 0 42%;
	margin: 0;
}

.qhdHomeButton {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 154px;
	height: 50px;
	padding: 0 24px;
	border: 1px solid transparent;
	border-radius: 6px;
	font-size: 15px;
	font-weight: 700;
	line-height: 48px;
	text-align: center;
}

.qhdHomeButton--primary {
	background: var(--qhd-bright);
	color: #fff;
}

.qhdHomeButton--primary:hover {
	background: #0069dc;
	color: #fff;
	transform: translateY(-2px);
}

.qhdHomeButton--ghost {
	border-color: rgba(255, 255, 255, .55);
	background: rgba(7, 29, 53, .2);
	color: #fff;
}

.qhdHomeButton--ghost:hover {
	border-color: #fff;
	background: #fff;
	color: var(--qhd-navy);
}

.qhdHomeHero {
	position: relative;
	height: 650px;
	overflow: hidden;
	background: var(--qhd-navy);
}

.qhdHomeHero__slides,
.qhdHomeHero__slide {
	position: absolute;
	inset: 0;
}

.qhdHomeHero__slide {
	display: flex;
	align-items: center;
	z-index: 0;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .75s ease, visibility .75s ease;
}

.qhdHomeHero__slide.is-active {
	z-index: 1;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.qhdHomeHero__media,
.qhdHomeHero__shade {
	position: absolute;
	inset: 0;
}

.qhdHomeHero__media {
	background-color: var(--qhd-navy);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transform: scale(1.018);
	transition: transform 5.8s ease;
}

.qhdHomeHero__slide.is-active .qhdHomeHero__media {
	transform: scale(1);
}

.qhdHomeHero__media--01 {
	background-image: url(/skin/images/home/home-hero.jpg), url(/skin/images/nybanner1.jpg);
}

.qhdHomeHero__media--02 {
	background-image: url(/skin/images/home/home-hero-02.jpg), url(/skin/images/home/home-hero.jpg);
}

.qhdHomeHero__media--03 {
	background-image: url(/skin/images/home/home-hero-03.jpg), url(/skin/images/home/home-hero.jpg);
}

.qhdHomeHero__shade {
	background: linear-gradient(90deg, rgba(4, 21, 42, .28), rgba(4, 21, 42, .08) 72%);
}

.qhdHomeHero__content {
	position: relative;
	z-index: 2;
	padding-top: 54px;
}

.qhdHomeHero__eyebrow {
	position: relative;
	margin: 0 0 22px;
	padding-left: 42px;
	color: #72d1f1;
	font-size: 15px;
	font-weight: 700;
	line-height: 22px;
}

.qhdHomeHero__eyebrow:before {
	position: absolute;
	top: 10px;
	left: 0;
	width: 28px;
	height: 2px;
	content: "";
	background: #72d1f1;
}

.qhdHomeHero h1,
.qhdHomeHero h2 {
	max-width: 760px;
	margin: 0;
	color: #fff;
	font-size: 56px;
	font-weight: 800;
	line-height: 1.24;
	letter-spacing: 0;
	text-shadow: 0 4px 24px rgba(0, 0, 0, .2);
}

.qhdHomeHero__lead {
	max-width: 690px;
	margin: 24px 0 0;
	color: rgba(255, 255, 255, .84);
	font-size: 17px;
	line-height: 1.9;
}

.qhdHomeHero__actions {
	display: flex;
	gap: 14px;
	margin-top: 34px;
}

.qhdHomeHero__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 14px 28px;
	margin-top: 34px;
}

.qhdHomeHero__tags span {
	position: relative;
	padding-left: 16px;
	color: rgba(255, 255, 255, .82);
	font-size: 13px;
	line-height: 22px;
}

.qhdHomeHero__tags span:before {
	position: absolute;
	top: 8px;
	left: 0;
	width: 6px;
	height: 6px;
	content: "";
	background: #45c1e6;
}

.qhdHomeHero__controls {
	position: absolute;
	right: max(40px, calc((100% - 1200px) / 2));
	bottom: 28px;
	z-index: 4;
	display: flex;
	align-items: center;
	gap: 13px;
}

.qhdHomeHero__arrow,
.qhdHomeHero__dots button {
	display: block;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, .46);
	background: rgba(5, 28, 52, .38);
	color: #fff;
	cursor: pointer;
	backdrop-filter: blur(5px);
	transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}

.qhdHomeHero__arrow {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	font-size: 25px;
	line-height: 29px;
}

.qhdHomeHero__dots {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 9px 11px;
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: 18px;
	background: rgba(5, 28, 52, .5);
	box-shadow: 0 8px 24px rgba(0, 12, 28, .28), inset 0 1px 0 rgba(255, 255, 255, .1);
	backdrop-filter: blur(8px);
}

.qhdHomeHero__dots button {
	position: relative;
	width: 54px;
	height: 6px;
	overflow: hidden;
	border: 0;
	border-radius: 6px;
	background: rgba(255, 255, 255, .3);
	box-shadow: inset 0 1px 2px rgba(0, 18, 40, .24);
	transform: none;
}

.qhdHomeHero__dots button:after {
	position: absolute;
	inset: 0;
	border-radius: inherit;
	content: "";
	background: linear-gradient(90deg, #1aa8ff 0%, #55d8f2 68%, #d9fbff 100%);
	box-shadow: 0 0 12px rgba(67, 200, 238, .7);
	transform: scaleX(0);
	transform-origin: left center;
}

.qhdHomeHero__dots button.is-active {
	background: rgba(255, 255, 255, .42);
	box-shadow: 0 0 0 1px rgba(116, 218, 248, .34), inset 0 1px 2px rgba(0, 18, 40, .18);
}

.qhdHomeHero__dots button.is-active.is-progressing:after {
	animation: qhdHeroProgress 4s linear forwards;
}

.qhdHomeHero__arrow:hover,
.qhdHomeHero__arrow:focus-visible {
	border-color: #fff;
	background: #087cff;
	outline: 0;
	transform: translateY(-2px);
}

.qhdHomeHero__dots button:hover,
.qhdHomeHero__dots button:focus-visible {
	background: rgba(255, 255, 255, .52);
	box-shadow: 0 0 0 2px rgba(86, 216, 255, .35);
	outline: 0;
	transform: none;
}

.qhdHomeHero.is-paused .qhdHomeHero__dots button.is-progressing:after {
	animation-play-state: paused;
}

.qhdHomeMetrics {
	position: relative;
	z-index: 3;
	background: #f8fbfe;
	border-top: 1px solid #d9e8f4;
	border-bottom: 1px solid #d9e8f4;
	box-shadow: 0 16px 36px rgba(7, 52, 91, .08);
}

.qhdHomeMetrics__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	height: 142px;
}

.qhdHomeMetrics__grid > div {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	overflow: hidden;
	transition: background-color .22s ease;
}

.qhdHomeMetrics__grid > div:hover {
	background: #eef7fe;
}

.qhdHomeMetrics__grid > div + div:before {
	position: absolute;
	top: 36px;
	bottom: 36px;
	left: 0;
	width: 1px;
	content: "";
	background: var(--qhd-line);
}

.qhdHomeMetrics strong {
	color: #0875c8;
	font-family: Arial, sans-serif;
	font-size: 48px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 0;
	white-space: nowrap;
}

.qhdHomeMetrics sup {
	margin-left: 3px;
	font-size: 15px;
	vertical-align: super;
}

.qhdHomeMetrics span {
	max-width: none;
	color: #294762;
	font-size: 15px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: 0;
	white-space: nowrap;
}

.qhdHomeBrandGrid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
	margin-top: 46px;
}

.qhdHomeBrandCard {
	height: 216px;
	margin: 0;
	overflow: hidden;
	border: 1px solid var(--qhd-line);
	border-radius: 8px;
	background: #fff;
	transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.qhdHomeBrandCard:hover {
	border-color: #9bc8f2;
	box-shadow: 0 18px 38px rgba(19, 68, 112, .12);
	transform: translateY(-4px);
}

.qhdHomeBrandCard a {
	display: block;
	height: 100%;
	padding: 24px 24px 20px;
	text-align: center;
}

.qhdHomeBrandCard__logo {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 112px;
	overflow: hidden;
	background: #f4f7fa;
	border-radius: 5px;
}

.qhdHomeBrandCard__logo img {
	display: block;
	max-width: 82%;
	max-height: 76px;
	object-fit: contain;
}

.qhdHomeBrandCard strong,
.qhdHomeBrandCard em {
	display: block;
}

.qhdHomeBrandCard strong {
	margin-top: 14px;
	color: var(--qhd-navy);
	font-size: 17px;
	font-weight: 800;
	line-height: 24px;
}

.qhdHomeBrandCard em {
	margin-top: 2px;
	color: #8a9aab;
	font-size: 11px;
	font-style: normal;
	line-height: 18px;
}

.qhdHomeMore {
	margin-top: 38px;
	text-align: center;
}

.qhdHomeMore a,
.qhdHomeTextLink {
	position: relative;
	display: inline-block;
	padding: 0 30px 10px 0;
	border-bottom: 1px solid #9fc6ea;
	color: var(--qhd-blue);
	font-size: 15px;
	font-weight: 700;
	line-height: 24px;
}

.qhdHomeMore a:after,
.qhdHomeTextLink:after {
	position: absolute;
	top: 1px;
	right: 4px;
	content: "→";
	font-family: Arial, sans-serif;
	font-size: 19px;
	transition: transform .2s ease;
}

.qhdHomeMore a:hover:after,
.qhdHomeTextLink:hover:after {
	transform: translateX(4px);
}

.qhdHomeAbout {
	padding: 100px 0;
	background: var(--qhd-pale);
}

.qhdHomeAbout__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
	align-items: center;
	gap: 74px;
}

.qhdHomeAbout__visual {
	position: relative;
	height: 480px;
	overflow: hidden;
	background-color: #163c63;
	background-image: url(/skin/images/home/company-about.jpg), url(/skin/images/nybanner1.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 8px;
	box-shadow: 24px 24px 0 #dceaf6;
}

.qhdHomeAbout__visual:before {
	position: absolute;
	inset: 0;
	content: "";
	background: rgba(6, 31, 57, .06);
}

.qhdHomeAbout__visual span,
.qhdHomeAbout__visual p {
	position: absolute;
	z-index: 1;
	left: 34px;
	color: #fff;
}

.qhdHomeAbout__visual span {
	bottom: 66px;
	font-size: 18px;
	font-weight: 800;
	line-height: 26px;
}

.qhdHomeAbout__visual p {
	bottom: 34px;
	margin: 0;
	font-size: 14px;
	line-height: 22px;
}

.qhdHomeAbout__content > p {
	margin: 22px 0 0;
	color: var(--qhd-copy);
	font-size: 15px;
	line-height: 2;
}

.qhdHomeCheckList {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
	margin: 24px 0 28px;
	padding: 0;
	list-style: none;
}

.qhdHomeCheckList li {
	position: relative;
	padding-left: 26px;
	color: #29415a;
	font-size: 14px;
	line-height: 24px;
}

.qhdHomeCheckList li:before {
	position: absolute;
	top: 6px;
	left: 0;
	width: 12px;
	height: 12px;
	content: "";
	background: var(--qhd-bright);
	box-shadow: 5px 5px 0 #bfe1fa;
}

.qhdHomeSolutions {
	padding: 100px 0;
	background: var(--qhd-navy);
}

.qhdHomeHeading--light {
	max-width: 760px;
}

.qhdHomeHeading--light > span {
	color: #55c4ea;
}

.qhdHomeHeading--light h2 {
	color: #fff;
}

.qhdHomeHeading--light p {
	color: rgba(255, 255, 255, .66);
}

.qhdHomeSolutionGrid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
	margin-top: 50px;
}

.qhdHomeSolutionGrid article {
	position: relative;
	min-height: 330px;
	padding: 32px 28px;
	border: 1px solid rgba(255, 255, 255, .13);
	border-radius: 8px;
	background: #0c2947;
	transition: background-color .25s ease, border-color .25s ease, transform .25s ease;
}

.qhdHomeSolutionGrid article:hover {
	border-color: #2f91dc;
	background: #0f355c;
	transform: translateY(-4px);
}

.qhdHomeSolutionGrid b {
	display: block;
	color: #42bce5;
	font: 700 16px/24px Arial, sans-serif;
}

.qhdHomeSolutionGrid h3 {
	margin: 54px 0 0;
	color: #fff;
	font-size: 21px;
	font-weight: 700;
	line-height: 1.45;
}

.qhdHomeSolutionGrid p {
	margin: 16px 0 0;
	color: rgba(255, 255, 255, .66);
	font-size: 14px;
	line-height: 1.9;
}

.qhdHomeSolutionGrid a {
	position: absolute;
	right: 28px;
	bottom: 28px;
	left: 28px;
	padding-top: 15px;
	border-top: 1px solid rgba(255, 255, 255, .12);
	color: #73d0ed;
	font-size: 13px;
	font-weight: 700;
	line-height: 20px;
}

.qhdHomeStageList {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	margin: 52px 0 0;
	padding: 0;
	list-style: none;
}

.qhdHomeStageList li {
	position: relative;
	min-height: 230px;
	padding: 30px 32px;
	border-top: 3px solid #c9d8e6;
	border-bottom: 1px solid var(--qhd-line);
}

.qhdHomeStageList li + li {
	border-left: 1px solid var(--qhd-line);
}

.qhdHomeStageList li:before {
	position: absolute;
	top: -7px;
	left: 30px;
	width: 11px;
	height: 11px;
	content: "";
	background: var(--qhd-bright);
	border: 3px solid #fff;
	box-shadow: 0 0 0 1px var(--qhd-bright);
}

.qhdHomeStageList b {
	color: #8da3b7;
	font: 700 14px/22px Arial, sans-serif;
}

.qhdHomeStageList h3 {
	margin: 22px 0 0;
	color: var(--qhd-navy);
	font-size: 20px;
	font-weight: 800;
	line-height: 28px;
}

.qhdHomeStageList p {
	margin: 13px 0 0;
	color: var(--qhd-copy);
	font-size: 14px;
	line-height: 1.85;
}

.qhdHomeIndustries {
	padding: 96px 0;
	background: #f3f7fb;
}

.qhdHomeIndustries__layout {
	display: grid;
	grid-template-columns: 360px minmax(0, 1fr);
	align-items: start;
	gap: 80px;
}

.qhdHomeIndustries .qhdHomeTextLink {
	margin-top: 28px;
}

.qhdHomeIndustryGrid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	border-top: 1px solid #ccdbe8;
	border-left: 1px solid #ccdbe8;
}

.qhdHomeIndustryGrid > div {
	min-height: 174px;
	padding: 28px 24px;
	border-right: 1px solid #ccdbe8;
	border-bottom: 1px solid #ccdbe8;
	background: #fff;
	transition: background-color .2s ease;
}

.qhdHomeIndustryGrid > div:hover {
	background: #eaf4fd;
}

.qhdHomeIndustryGrid b,
.qhdHomeIndustryGrid strong,
.qhdHomeIndustryGrid span {
	display: block;
}

.qhdHomeIndustryGrid b {
	width: 40px;
	height: 40px;
	background: #e7f2fc;
	color: var(--qhd-blue);
	font: 800 14px/40px Arial, sans-serif;
	text-align: center;
}

.qhdHomeIndustryGrid strong {
	margin-top: 18px;
	color: var(--qhd-navy);
	font-size: 17px;
	line-height: 24px;
}

.qhdHomeIndustryGrid span {
	margin-top: 7px;
	color: #73869a;
	font-size: 12px;
	line-height: 20px;
}

.qhdHomeCta {
	position: relative;
	display: flex;
	align-items: center;
	height: 460px;
	overflow: hidden;
	background: var(--qhd-navy);
}

.qhdHomeCta__media,
.qhdHomeCta__shade {
	position: absolute;
	inset: 0;
}

.qhdHomeCta__media {
	background-color: #0b2b4c;
	background-image: url(/skin/images/home/service-warehouse.jpg), url(/skin/images/nybanner1.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.qhdHomeCta__shade {
	background: rgba(5, 27, 51, .3);
}

.qhdHomeCta__content {
	position: relative;
	z-index: 2;
}

.qhdHomeCta__content > span {
	color: #68ccec;
}

.qhdHomeCta h2 {
	max-width: 760px;
	margin: 0;
	color: #fff;
	font-size: 38px;
	font-weight: 800;
	line-height: 1.42;
}

.qhdHomeCta p {
	max-width: 730px;
	margin: 18px 0 0;
	color: rgba(255, 255, 255, .72);
	font-size: 16px;
	line-height: 1.9;
}

.qhdHomeCta__content > div {
	display: flex;
	align-items: center;
	gap: 28px;
	margin-top: 30px;
}

.qhdHomeCta__tel {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.qhdHomeCta__tel:hover {
	color: #7ed7f2;
}

.qhdHomeNewsGrid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

.qhdHomeNewsCard {
	position: relative;
	min-height: 390px;
	padding-top: 12px;
	overflow: hidden;
	border: 1px solid var(--qhd-line);
	border-radius: 8px;
	background: #fff;
	transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.qhdHomeNewsCard:before {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	left: 0;
	height: 3px;
	content: "";
	background: linear-gradient(90deg, var(--qhd-blue), #42bce5);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform .3s ease;
}

.qhdHomeNewsCard:hover,
.qhdHomeNewsCard:focus-within {
	border-color: #b7d5ee;
	box-shadow: 0 18px 38px rgba(19, 68, 112, .12);
	transform: translateY(-4px);
}

.qhdHomeNewsCard:hover:before,
.qhdHomeNewsCard:focus-within:before {
	transform: scaleX(1);
}

.qhdHomeNewsCard__image {
	position: relative;
	display: block;
	width: auto;
	height: auto;
	margin: 0 12px;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border: 1px solid #d4e2ee;
	border-radius: 6px;
	background: #e7eef5;
	box-shadow: 0 7px 18px rgba(18, 64, 104, .08);
}

.qhdHomeNewsCard__image:after {
	position: absolute;
	inset: 0;
	content: "";
	pointer-events: none;
	background: linear-gradient(145deg, rgba(255, 255, 255, .16), transparent 52%, rgba(0, 95, 255, .12));
	opacity: 0;
	transition: opacity .3s ease;
}

.qhdHomeNewsCard__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: filter .35s ease, transform .35s ease;
}

.qhdHomeNewsCard:hover .qhdHomeNewsCard__image img,
.qhdHomeNewsCard:focus-within .qhdHomeNewsCard__image img {
	filter: saturate(1.06) contrast(1.02);
	transform: scale(1.045);
}

.qhdHomeNewsCard:hover .qhdHomeNewsCard__image:after,
.qhdHomeNewsCard:focus-within .qhdHomeNewsCard__image:after {
	opacity: 1;
}

.qhdHomeNewsCard__body {
	padding: 19px 22px 24px;
}

.qhdHomeNewsCard time {
	color: #7e91a5;
	font-size: 12px;
	line-height: 20px;
}

.qhdHomeNewsCard h3 {
	margin: 9px 0 0;
	font-size: 18px;
	font-weight: 800;
	line-height: 1.5;
}

.qhdHomeNewsCard h3 a {
	display: -webkit-box;
	overflow: hidden;
	color: var(--qhd-navy);
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.qhdHomeNewsCard h3 a:hover {
	color: var(--qhd-blue);
}

.qhdHomeNewsCard p {
	display: -webkit-box;
	overflow: hidden;
	margin: 12px 0 0;
	color: var(--qhd-copy);
	font-size: 13px;
	line-height: 1.8;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.qhdHomeFaq {
	padding: 92px 0 100px;
	background: var(--qhd-pale);
}

.qhdHomeFaq__layout {
	display: grid;
	grid-template-columns: 350px minmax(0, 1fr);
	align-items: start;
	gap: 90px;
}

.qhdHomeFaq__list {
	border-top: 1px solid #cbdbe9;
}

.qhdHomeFaq details {
	border-bottom: 1px solid #cbdbe9;
}

.qhdHomeFaq summary {
	position: relative;
	padding: 24px 54px 24px 0;
	color: var(--qhd-navy);
	font-size: 17px;
	font-weight: 700;
	line-height: 28px;
	cursor: pointer;
	list-style: none;
}

.qhdHomeFaq summary::-webkit-details-marker {
	display: none;
}

.qhdHomeFaq summary:after {
	position: absolute;
	top: 22px;
	right: 0;
	width: 30px;
	height: 30px;
	content: "+";
	border: 1px solid #b7cadb;
	border-radius: 50%;
	color: var(--qhd-blue);
	font: 400 20px/28px Arial, sans-serif;
	text-align: center;
}

.qhdHomeFaq details[open] summary:after {
	content: "−";
	background: var(--qhd-blue);
	border-color: var(--qhd-blue);
	color: #fff;
}

.qhdHomeFaq details p {
	margin: -5px 60px 0 0;
	padding: 0 0 24px;
	color: var(--qhd-copy);
	font-size: 14px;
	line-height: 1.9;
}

@keyframes qhdHeroIn {
	from { opacity: .55; transform: scale(1.025); }
	to { opacity: 1; transform: scale(1); }
}

@keyframes qhdHeroProgress {
	from { transform: scaleX(0); }
	to { transform: scaleX(1); }
}

@media (max-width: 1500px) {
	.qhdHomeContainer {
		width: min(1160px, calc(100% - 72px));
	}

	.qhdHomeHero h1,
	.qhdHomeHero h2 {
		font-size: 52px;
	}

	.qhdHomeAbout__grid {
		gap: 60px;
	}
}

@media (max-width: 1366px) {
	.qhdHomeSection {
		padding: 82px 0;
	}

	.qhdHomeContainer {
		width: min(1120px, calc(100% - 64px));
	}

	.qhdHomeHero {
		height: 620px;
	}

	.qhdHomeHero h1,
	.qhdHomeHero h2 {
		font-size: 48px;
	}

	.qhdHomeHero__controls {
		right: 32px;
	}

	.qhdHomeHero__lead {
		max-width: 650px;
		font-size: 16px;
	}

	.qhdHomeHeading h2,
	.qhdHomeCta h2 {
		font-size: 34px;
	}

	.qhdHomeAbout,
	.qhdHomeSolutions,
	.qhdHomeIndustries {
		padding: 84px 0;
	}

	.qhdHomeAbout__visual {
		height: 450px;
	}

	.qhdHomeSolutionGrid article {
		padding-right: 24px;
		padding-left: 24px;
	}

	.qhdHomeIndustryGrid > div {
		padding-right: 20px;
		padding-left: 20px;
	}

	.qhdHomeNewsCard__image {
		height: auto;
	}
}

@media (max-width: 1200px) {
	.qhdHomeContainer {
		width: 1120px;
	}
}

@media (max-width: 760px) {
	html {
		min-width: 0;
	}

	html body #qhdHeader {
		height: 70px;
	}

	#qhdHeader .qhdHeader__inner {
		width: 100%;
		min-width: 0;
		height: 70px;
		padding: 0 12px;
	}

	#qhdHeader .qhdHeader__logo {
		flex: 0 0 172px;
		width: 172px;
		height: 70px;
	}

	#qhdHeader .qhdHeader__logo img {
		max-height: 45px;
	}

	#qhdHeader .qhdHeader__right {
		min-width: 0;
		height: 70px;
		overflow: hidden;
	}

	#qhdHeader .qhdHeader__nav {
		flex: 1 1 auto;
		min-width: 0;
		height: 70px;
		margin: 0;
		overflow-x: auto;
		overflow-y: hidden;
		scrollbar-width: none;
	}

	#qhdHeader .qhdHeader__nav::-webkit-scrollbar {
		display: none;
	}

	#qhdHeader .qhdHeader__navList {
		gap: 22px;
		width: max-content;
		height: 70px;
	}

	#qhdHeader #nav .qhdHeader__navList > li,
	#qhdHeader #nav .qhdHeader__navList > li > a {
		height: 70px;
		font-size: 13px;
		line-height: 70px;
	}

	#qhdHeader .qhdHeader__searchWrap,
	#qhdHeader .qhdMega {
		display: none !important;
	}

	.qhdHome {
		min-width: 0;
	}

	.qhdHomeContainer {
		width: calc(100% - 28px);
	}

	.qhdHomeSection {
		padding: 58px 0;
	}

	.qhdHomeHeading--split {
		display: block;
		margin-bottom: 28px;
	}

	.qhdHomeHeading--split > div,
	.qhdHomeHeading--split > p {
		width: auto;
	}

	.qhdHomeHeading--split > p {
		margin-top: 14px;
	}

	.qhdHomeHeading h2,
	.qhdHomeCta h2 {
		font-size: 29px;
	}

	.qhdHomeHeading p,
	.qhdHomeCta p {
		font-size: 14px;
	}

	.qhdHomeHero {
		height: 650px;
	}

	.qhdHomeHero__content {
		padding-top: 52px;
	}

	.qhdHomeHero h1,
	.qhdHomeHero h2 {
		font-size: 36px;
		line-height: 1.3;
	}

	.qhdHomeHero__lead {
		margin-top: 18px;
		font-size: 15px;
		line-height: 1.75;
	}

	.qhdHomeHero__actions {
		flex-wrap: wrap;
		margin-top: 26px;
	}

	.qhdHomeHero__tags {
		gap: 9px 18px;
		margin-top: 24px;
	}

	.qhdHomeHero__controls {
		right: 14px;
		bottom: 18px;
	}

	.qhdHomeHero__arrow {
		display: none;
	}

	.qhdHomeHero__dots button {
		width: 36px;
	}

	.qhdHomeMetrics__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		height: auto;
	}

	.qhdHomeMetrics__grid > div {
		min-height: 98px;
		gap: 10px;
		padding: 12px;
	}

	.qhdHomeMetrics__grid > div + div:before {
		display: none;
	}

	.qhdHomeMetrics strong {
		font-size: 32px;
	}

	.qhdHomeMetrics span {
		font-size: 11px;
	}

	.qhdHomeBrandGrid,
	.qhdHomeSolutionGrid,
	.qhdHomeNewsGrid {
		grid-template-columns: minmax(0, 1fr);
	}

	.qhdHomeBrandGrid,
	.qhdHomeSolutionGrid {
		margin-top: 32px;
	}

	.qhdHomeAbout,
	.qhdHomeSolutions,
	.qhdHomeIndustries {
		padding: 58px 0;
	}

	.qhdHomeAbout__grid,
	.qhdHomeIndustries__layout,
	.qhdHomeFaq__layout {
		grid-template-columns: minmax(0, 1fr);
		gap: 38px;
	}

	.qhdHomeAbout__visual {
		height: 320px;
		box-shadow: 12px 12px 0 #dceaf6;
	}

	.qhdHomeSolutionGrid article {
		min-height: 285px;
	}

	.qhdHomeStageList {
		grid-template-columns: minmax(0, 1fr);
		margin-top: 36px;
	}

	.qhdHomeStageList li {
		min-height: 0;
	}

	.qhdHomeStageList li + li {
		border-left: 0;
	}

	.qhdHomeIndustryGrid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.qhdHomeCta {
		height: auto;
		min-height: 480px;
		padding: 72px 0;
	}

	.qhdHomeCta__content > div {
		align-items: flex-start;
		flex-direction: column;
		gap: 18px;
	}

	.qhdHomeNewsCard {
		min-height: 0;
	}

	.qhdHomeFaq {
		padding: 58px 0 66px;
	}

	.qhdHomeFaq details p {
		margin-right: 24px;
	}

	.qhdFooter {
		min-width: 0;
	}

	.qhdFooter__friendsInner,
	.qhdFooter__inner,
	.qhdFooter__bottomInner {
		width: calc(100% - 28px);
	}

	.qhdFooter__friendsInner {
		align-items: flex-start;
		flex-direction: column;
		padding: 18px 0;
	}

	.qhdFooter__friendsInner > div {
		margin-top: 8px;
	}

	.qhdFooter__inner {
		grid-template-columns: minmax(0, 1fr);
		gap: 28px;
	}

	.qhdFooter__brand,
	.qhdFooter__logo {
		width: 100%;
		max-width: 294px;
		margin-left: 0;
		padding-right: 0;
	}
}

@media (max-width: 480px) {
	#qhdHeader .qhdHeader__logo {
		flex-basis: 148px;
		width: 148px;
	}

	.qhdHomeHero h1,
	.qhdHomeHero h2 {
		font-size: 31px;
	}

	.qhdHomeButton {
		width: 100%;
	}

	.qhdHomeIndustryGrid {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (prefers-reduced-motion: reduce) {
	.qhdHomeHero__media,
	.qhdHome * {
		animation: none !important;
		transition-duration: .01ms !important;
	}

	.qhdHomeHero__dots button.is-active:after {
		transform: scaleX(1);
	}
}

/* QHD V2: brand dropdown interaction */
#qhdHeader .qhdMega__grid--brands {
	gap: 16px 18px;
}

#qhdHeader #nav .qhdMega__grid--brands > .qhdMega__brandCard {
	padding: 10px 12px 12px;
	overflow: hidden;
	border: 1px solid transparent;
	border-radius: 7px;
	background: #fff;
	box-shadow: 0 0 0 rgba(7, 45, 82, 0);
	transition: transform .24s ease, border-color .24s ease, background-color .24s ease, box-shadow .24s ease;
}

#qhdHeader #nav .qhdMega__grid--brands > .qhdMega__brandCard:hover {
	border-color: #b9d9f5;
	background: #f9fcff;
	box-shadow: 0 12px 26px rgba(16, 67, 111, .13);
	transform: translateY(-4px);
}

#qhdHeader .qhdMega__brandCard img {
	height: 96px;
	transition: transform .28s ease, background-color .28s ease, filter .28s ease;
}

#qhdHeader .qhdMega__brandCard:hover img {
	background: #edf6fe;
	filter: saturate(1.08);
	transform: scale(1.045);
}

#qhdHeader .qhdMega__brandCard span {
	transition: color .22s ease;
}

#qhdHeader .qhdMega__brandCard:hover span {
	color: #075fb8;
}

/* QHD V2: corporate footer */
.qhdFooter,
.qhdFooter * {
	box-sizing: border-box;
}

.qhdFooter {
	min-width: 1200px;
	background: #071a2d;
	color: #fff;
	font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
}

.qhdFooter__main {
	padding: 62px 0 54px;
	border-top: 3px solid #087cff;
}

.qhdFooter__inner,
.qhdFooter__bottomInner {
	width: min(1200px, calc(100% - 80px));
	margin: 0 auto;
}

.qhdFooter__inner {
	display: grid;
	grid-template-columns: 1.35fr .58fr .82fr 1.05fr 140px;
	align-items: start;
	gap: 34px;
}

.qhdFooter__brand {
	padding-right: 24px;
}

.qhdFooter__logo {
	display: block;
	width: 278px;
	height: 62px;
}

.qhdFooter__logo img {
	display: block;
	max-width: 100%;
	max-height: 58px;
}

.qhdFooter__brand p {
	max-width: 330px;
	margin: 22px 0 0;
	color: #a5b6c7;
	font-size: 13px;
	line-height: 1.9;
}

.qhdFooter__brand > span {
	display: block;
	margin-top: 16px;
	color: #5fc5e9;
	font-size: 11px;
	line-height: 20px;
}

.qhdFooter h2 {
	position: relative;
	margin: 0 0 21px;
	padding-bottom: 12px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.qhdFooter h2:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 26px;
	height: 2px;
	content: "";
	background: #1689ee;
}

.qhdFooter__nav a,
.qhdFooter__brandLinks a {
	display: block;
	color: #a5b6c7;
	font-size: 13px;
	line-height: 30px;
	white-space: nowrap;
}

.qhdFooter__nav a:hover,
.qhdFooter__brandLinks a:hover {
	color: #62c9ec;
	transform: translateX(3px);
}

.qhdFooter__brandLinks {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 16px;
}

.qhdFooter__contact > span {
	display: block;
	color: #7f95aa;
	font-size: 12px;
	line-height: 20px;
}

.qhdFooter__tel {
	display: block;
	margin: 2px 0 14px;
	color: #37baf0;
	font: 700 26px/34px Arial, sans-serif;
	white-space: nowrap;
}

.qhdFooter__tel:hover {
	color: #fff;
}

.qhdFooter__contact p {
	margin: 5px 0 0;
	color: #a5b6c7;
	font-size: 12px;
	line-height: 1.7;
	word-break: break-all;
}

.qhdFooter__qr {
	margin: 0;
	text-align: center;
}

.qhdFooter__qr img {
	display: block;
	width: 132px;
	height: 132px;
	padding: 5px;
	object-fit: contain;
	background: #fff;
	border: 1px solid rgba(255, 255, 255, .28);
	border-radius: 6px;
}

.qhdFooter__qr figcaption {
	margin-top: 10px;
	color: #a5b6c7;
	font-size: 12px;
	line-height: 20px;
}

.qhdFooter__bottom {
	border-top: 1px solid rgba(255, 255, 255, .1);
	background: #051525;
}

.qhdFooter__bottomInner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 64px;
}

.qhdFooter__bottom p,
.qhdFooter__bottom a {
	margin: 0;
	color: #7f95aa;
	font-size: 12px;
	line-height: 20px;
}

.qhdFooter__bottom a:hover {
	color: #62c9ec;
}

/* QHD V2: compact contact toolbar */
.qh-service-bar,
.qh-service-bar * {
	box-sizing: border-box;
}

.qh-service-bar {
	position: fixed;
	top: 50%;
	right: 18px;
	z-index: 9998;
	width: 64px;
	overflow: visible;
	background: #fff;
	border: 1px solid #d6e2ed;
	border-radius: 8px;
	box-shadow: 0 16px 38px rgba(5, 31, 56, .2);
	transform: translateY(-50%);
}

.qh-service-item {
	position: relative;
	width: 62px;
	border-bottom: 1px solid #dce6ef;
}

.qh-service-item:last-child {
	border-bottom: 0;
}

.qh-service-btn,
.qh-service-item:first-child .qh-service-btn,
.qh-service-item:last-child .qh-service-btn {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 62px;
	min-height: 62px;
	padding: 7px 3px 6px;
	background: #0b3155;
	border-radius: 0;
	color: #fff;
	text-align: center;
	transition: background-color .2s ease, transform .2s ease;
}

.qh-service-item:first-child .qh-service-btn {
	border-radius: 7px 7px 0 0;
}

.qh-service-item:last-child .qh-service-btn {
	border-radius: 0 0 7px 7px;
}

.qh-service-online-item .qh-service-btn {
	background: #087cff;
}

.qh-service-top-item .qh-service-btn {
	min-height: 56px;
	background: #536579;
}

.qh-service-btn:hover,
.qh-service-online-item .qh-service-btn:hover,
.qh-service-top-item .qh-service-btn:hover {
	background: #075fb8;
	color: #fff;
	box-shadow: none;
	transform: translateX(-3px);
}

.qh-service-icon {
	display: block;
	width: 28px;
	height: 28px;
	margin-bottom: 3px;
}

.qh-service-text {
	display: block;
	color: #fff;
	font-size: 11px;
	line-height: 18px;
	white-space: nowrap;
}

.qh-service-panel {
	position: absolute;
	top: 50%;
	right: 76px;
	z-index: 5;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	background: #fff;
	border: 1px solid #d9e5ef;
	border-radius: 8px;
	box-shadow: 0 18px 44px rgba(10, 45, 82, .18);
	transform: translateY(-50%) translateX(8px);
	transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}

.qh-service-item:hover .qh-service-panel,
.qh-service-item:focus-within .qh-service-panel {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
	transform: translateY(-50%) translateX(0);
}

.qh-panel-arrow {
	position: absolute;
	top: 50%;
	right: -7px;
	width: 13px;
	height: 13px;
	margin-top: -7px;
	background: #fff;
	border-top: 1px solid #d9e5ef;
	border-right: 1px solid #d9e5ef;
	transform: rotate(45deg);
}

.qh-service-wechat-panel {
	width: 360px;
	padding: 20px;
}

.qh-service-panel__head {
	margin-bottom: 15px;
	text-align: left;
}

.qh-service-panel__head strong {
	display: block;
	color: #0b3155;
	font-size: 16px;
	line-height: 24px;
}

.qh-service-panel__head p {
	margin: 3px 0 0;
	color: #7b8da0;
	font-size: 12px;
	line-height: 20px;
}

.qh-service-qr-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
}

.qh-service-qr-grid figure {
	margin: 0;
	text-align: center;
}

.qh-service-qr-grid img {
	display: block;
	width: 144px;
	height: 144px;
	margin: 0 auto;
	padding: 4px;
	object-fit: contain;
	background: #fff;
	border: 1px solid #dce6ef;
	border-radius: 5px;
}

.qh-service-qr-grid figcaption {
	margin-top: 8px;
	color: #44596f;
	font-size: 12px;
	line-height: 20px;
}

.qh-service-tel-panel {
	width: 238px;
	padding: 18px 20px;
	text-align: left;
}

.qh-tel-label,
.qh-tel-time {
	display: block;
	color: #7b8da0;
	font-size: 12px;
	line-height: 20px;
}

.qh-tel-number {
	display: block;
	margin: 3px 0;
	color: #075fb8;
	font: 700 23px/32px Arial, sans-serif;
}

.qh-tel-number:hover {
	color: #087cff;
}

@media (max-width: 1500px) {
	.qhdFooter__inner,
	.qhdFooter__bottomInner {
		width: min(1160px, calc(100% - 72px));
	}
}

@media (max-width: 1366px) {
	.qhdFooter__inner,
	.qhdFooter__bottomInner {
		width: 1120px;
	}

	.qhdFooter__inner {
		grid-template-columns: 1.2fr .55fr .8fr 1fr 128px;
		gap: 24px;
	}

	.qhdFooter__logo {
		width: 250px;
	}

	.qhdFooter__qr img {
		width: 122px;
		height: 122px;
	}

	.qh-service-bar {
		right: 10px;
		transform: translateY(-50%) scale(.94);
		transform-origin: right center;
	}
}

/* QHD V3: refined footer */
.qhdFooter {
	background: #08233d;
}

.qhdFooter__friends {
	background: #061a2e;
	border-top: 3px solid #1793d1;
	border-bottom: 1px solid rgba(255, 255, 255, .09);
}

.qhdFooter__friendsInner {
	display: flex;
	align-items: center;
	width: min(1200px, calc(100% - 80px));
	min-height: 58px;
	margin: 0 auto;
}

.qhdFooter__friendsInner strong {
	position: relative;
	flex: 0 0 auto;
	margin-right: 26px;
	padding-left: 15px;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	line-height: 22px;
}

.qhdFooter__friendsInner strong:before {
	position: absolute;
	top: 4px;
	left: 0;
	width: 3px;
	height: 14px;
	content: "";
	background: #2db6e6;
}

.qhdFooter__friendsInner > div {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px 22px;
}

.qhdFooter__friendsInner a {
	position: relative;
	color: #91acc3;
	font-size: 12px;
	line-height: 22px;
}

.qhdFooter__friendsInner a:hover {
	color: #55c8ed;
}

.qhdFooter__friendsInner a + a:before {
	position: absolute;
	top: 6px;
	left: -12px;
	width: 1px;
	height: 10px;
	content: "";
	background: rgba(255, 255, 255, .14);
}

.qhdFooter__main {
	padding: 54px 0 48px;
	border-top: 0;
	background: #08233d;
}

.qhdFooter__inner {
	grid-template-columns: 1.4fr .58fr .86fr 1.08fr 140px;
	gap: 38px;
}

.qhdFooter__brand {
	padding-right: 30px;
}

.qhdFooter__logo {
	width: 294px;
	margin-left: -18px;
}

.qhdFooter__brand p {
	margin-top: 19px;
	color: #b2c5d5;
}

.qhdFooter__brand > span {
	margin-top: 14px;
	color: #42bde6;
}

.qhdFooter h2 {
	margin-bottom: 18px;
	font-size: 17px;
}

.qhdFooter h2:after {
	width: 30px;
	background: #2bb6e5;
}

.qhdFooter__nav a,
.qhdFooter__brandLinks a {
	color: #b2c5d5;
	line-height: 31px;
}

.qhdFooter__nav a:hover,
.qhdFooter__brandLinks a:hover {
	color: #55c8ed;
}

.qhdFooter__contact > span {
	color: #7fa0ba;
}

.qhdFooter__tel {
	color: #39bce8;
	font-size: 28px;
}

.qhdFooter__contact p,
.qhdFooter__qr figcaption {
	color: #a8bdce;
}

.qhdFooter__qr img {
	border-color: rgba(74, 194, 233, .35);
	box-shadow: 0 12px 26px rgba(1, 16, 29, .2);
}

.qhdFooter__bottom {
	background: #06182b;
}

.qhdFooter__bottom p,
.qhdFooter__bottom a {
	color: #86a1b7;
}

/* QHD V3: light sapphire contact toolbar */
.qh-service-bar {
	width: 68px;
	background: rgba(255, 255, 255, .98);
	border-color: #bad8ed;
	border-radius: 10px;
	box-shadow: 0 14px 34px rgba(10, 67, 106, .18);
}

.qh-service-item {
	width: 66px;
	border-bottom-color: #d6e7f3;
}

.qh-service-btn,
.qh-service-item:first-child .qh-service-btn,
.qh-service-item:last-child .qh-service-btn,
.qh-service-top-item .qh-service-btn {
	width: 66px;
	min-height: 66px;
	padding: 8px 3px 7px;
	background: #f9fcff;
	color: #245a7d;
}

.qh-service-item:first-child .qh-service-btn {
	border-radius: 9px 9px 0 0;
}

.qh-service-item:last-child .qh-service-btn {
	min-height: 58px;
	border-radius: 0 0 9px 9px;
}

.qh-service-bar .qh-service-online-item .qh-service-btn {
	background: #1686c9;
	color: #fff;
}

.qh-service-text,
.qh-service-top-item .qh-service-text {
	color: #315d7a;
	font-size: 11px;
	font-weight: 600;
}

.qh-service-online-item .qh-service-text {
	color: #fff;
}

.qh-service-icon {
	width: 32px;
	height: 32px;
	margin-bottom: 4px;
	background: #e6f3fb;
	border-radius: 50%;
	transition: background-color .2s ease, transform .2s ease;
}

.qh-service-bar .qh-icon-scan {
	background:
		linear-gradient(#1677b5, #1677b5) 21px 4px/2px 8px no-repeat,
		linear-gradient(#1677b5, #1677b5) 4px 21px/8px 2px no-repeat,
		linear-gradient(#1677b5, #1677b5) 13px 13px/5px 5px no-repeat,
		linear-gradient(#1677b5, #1677b5) 21px 20px/4px 4px no-repeat,
		linear-gradient(#1677b5, #1677b5) 9px 10px/3px 3px no-repeat,
		#e6f3fb;
}

.qh-service-bar .qh-icon-scan:before,
.qh-service-bar .qh-icon-scan:after {
	border-color: #1677b5;
}

.qh-service-bar .qh-icon-chat {
	background: rgba(255, 255, 255, .18);
}

.qh-service-bar .qh-icon-chat:before,
.qh-service-bar .qh-icon-chat:after {
	background: #fff;
}

.qh-service-bar .qh-icon-phone:before {
	top: 1px;
	left: 2px;
	color: #1677b5;
	font-size: 26px;
}

.qh-service-bar .qh-icon-top:before {
	border-color: #1677b5;
}

.qh-service-bar .qh-icon-top:after {
	background: #1677b5;
}

.qh-service-btn:hover,
.qh-service-top-item .qh-service-btn:hover {
	background: #e6f4fd;
	color: #0e659f;
	transform: translateX(-4px);
}

.qh-service-bar .qh-service-online-item .qh-service-btn:hover {
	background: #0f6fae;
	color: #fff;
}

.qh-service-btn:hover .qh-service-text {
	color: #0e659f;
}

.qh-service-online-item .qh-service-btn:hover .qh-service-text {
	color: #fff;
}

.qh-service-btn:hover .qh-service-icon {
	background-color: #1677b5;
	transform: scale(1.06);
}

.qh-service-btn:hover .qh-icon-scan {
	background:
		linear-gradient(#fff, #fff) 21px 4px/2px 8px no-repeat,
		linear-gradient(#fff, #fff) 4px 21px/8px 2px no-repeat,
		linear-gradient(#fff, #fff) 13px 13px/5px 5px no-repeat,
		linear-gradient(#fff, #fff) 21px 20px/4px 4px no-repeat,
		linear-gradient(#fff, #fff) 9px 10px/3px 3px no-repeat,
		#1677b5;
}

.qh-service-btn:hover .qh-icon-scan:before,
.qh-service-btn:hover .qh-icon-scan:after {
	border-color: #fff;
}

.qh-service-btn:hover .qh-icon-phone:before {
	color: #fff;
}

.qh-service-btn:hover .qh-icon-top:before {
	border-color: #fff;
}

.qh-service-btn:hover .qh-icon-top:after {
	background: #fff;
}

.qh-service-panel {
	border-color: #c5deef;
	box-shadow: 0 18px 44px rgba(10, 75, 118, .18);
}

.qh-service-panel__head strong {
	color: #0d5687;
}

.qh-service-qr-grid img {
	border-color: #cce1ef;
}

.qh-tel-number {
	color: #1178b8;
}

@media (max-width: 1500px) {
	.qhdFooter__friendsInner {
		width: min(1160px, calc(100% - 72px));
	}
}

@media (max-width: 1366px) {
	.qhdFooter__friendsInner {
		width: 1120px;
	}

	.qhdFooter__inner {
		grid-template-columns: 1.25fr .55fr .82fr 1fr 128px;
		gap: 25px;
	}

	.qhdFooter__logo {
		width: 266px;
	}
}

@media (max-width: 760px) {
	html body .qhdFooter,
	html body .qhdFooter__friends,
	html body .qhdFooter__main,
	html body .qhdFooter__bottom {
		width: 100%;
		min-width: 0;
	}

	html body .qhdFooter__friendsInner,
	html body .qhdFooter__inner,
	html body .qhdFooter__bottomInner {
		width: calc(100% - 28px);
		min-width: 0;
	}

	html body .qhdFooter__friendsInner {
		align-items: flex-start;
		flex-direction: column;
		padding: 18px 0;
	}

	html body .qhdFooter__friendsInner > div {
		margin-top: 8px;
	}

	html body .qhdFooter__inner {
		grid-template-columns: minmax(0, 1fr);
		gap: 28px;
	}

	html body .qhdFooter__brand,
	html body .qhdFooter__logo {
		width: 100%;
		max-width: 294px;
		margin-left: 0;
		padding-right: 0;
	}

	html body .qhdFooter__bottomInner {
		display: block;
		padding: 16px 0;
	}
}