/* 功能 */


body {
	width: 100%;
	overflow-x: hidden;
	font-size: 0.9375vw;
	color: #333;
}


.head-tran .header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	height: 5.2083vw;  
	border-bottom: 1px solid rgba(255, 255, 255, .2);
}


.logo {
	float: left;
	width: 15%;
	height: 5.2083vw;
	margin-left: 2.0833vw;
}

.logo h1 {
	text-align: center;
	margin-top: 1.0417vw;
	float: left;
}

.logo h1 img {
	height: 2.9167vw;
}

.head-tran .header .logo-primary {
	display: none;
}


.stock-code {
	font-size: 12px;
	color: #fff;
	font-weight: initial;
	display: block;
	margin-top: 6px;
}


.right-serach {
	width: 5.2083vw;
	height: 5.2083vw;
	float: right;
	border-left: 1px solid rgba(255, 255, 255, .2);
	cursor: pointer;
}

.right-serach:hover{
	background-color: #00428a;
}

.right-serach i{
	color: #fff;
	font-size: 1.2500vw;
	font-weight: bold;
}

.right-serach:hover i{
	color: #fff;
}

.Whead-search {
  position: fixed;
  top: -10.4167vw;
  left: 0;
  width: 100%;
  height: 10.4167vw;
  background: #fff;
  border-bottom: solid 5px #005ca1;
  z-index: 999;
  overflow: hidden;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  opacity: 0;
  z-index: 99;
}

.Whead-search.visible{
	 top: 5.2083vw;
	 opacity: 1;
}

.Whead-search .hide-pic {
  position: absolute;
  bottom: 1.0417vw;
  left: 50%;
  width: 2.0833vw;
  height: 2.0833vw;
  transform: translateX(-20px);
  cursor: pointer;
}

.Whead-search .hide-pic i{
	transition: all 0.5s;
	font-size: 1.2500vw;
}

.Whead-search .hide-pic i:hover{
  transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transition: all 0.5s;
}

.Whead-search .search-box{
	margin-top: 2.5000vw;
}

.Whead-search .search-box .input-box{
	margin: 0 20%;
	position: relative;
	
}

.Whead-search .search-box .input-box input{
	width: 96%;
	padding: 0 2%;
	height: 3.1250vw;
	border: 1px solid #cae0f0;
	background: #f4faff;
	outline: inherit;
	font-size: 0.9375vw;
}

.search-box .input-box .iconfont {
    position: absolute;
    top: 1px;
    right: -1px;
    width: 3.1250vw;
    height: 3.1250vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #00428a;
    font-size: 1.2500vw;
    color: #fff;
}


/*菜单*/

.menu-box {
	float: right;
	width: auto;
	display: flex;
	justify-content: center;
}

nav {
	margin-right: 1.5625vw;
}

#starlist {
	text-align: center;
}

#starlist li {
	display: inline-block;
	text-align: center;
	position: relative;
}



#starlist li>a {
	color: rgba(255, 255, 255, .6);
	font-size: 0.8333vw;
	display: block;
	line-height: 5.2083vw;
	position: relative;
	z-index: 9;
	transition: initial;
	margin: 0 1.04166vw;
}

#starlist li>a.active {
	color: rgba(255, 255, 255, 1);
}

#starlist li>a.active:before {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 0.2083vw;
	background-color: #fff;
	content: "";
}

#starlist li>a:hover {
	color: rgba(255, 255, 255, 1);
}


#starlist ul {}


#starlist li .sub {
	position: absolute;
	right: calc(50% - 4.2vw);
	top: 5.2083vw;
	width: 9.4vw;
	height: 0;
	padding: 0;
	background-color: rgba(255, 255, 255, 1);
	opacity: 0;
	z-index: 1;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	overflow: hidden;
	border-bottom: 0.260417vw solid #0168b7;
	border-radius: 0.8333vw;
}


#starlist li:hover .sub {
	opacity: 1;
	top: 5.2083vw;
	padding: 0.72vw 0;
	height: auto;
	z-index: 99;
}


#starlist ul.sub {
	text-align: center;
}

#starlist ul.sub li {
	float: initial;
	display: inline-table;
	width: 100%;
	text-align: center;
	margin: 0 0px;
	padding: 0.260417vw 0;
}

#starlist ul.sub li a {
	color: #333;
	font-size: 0.8333vw;
	line-height: 1.55vw;
	height: initial;
	font-weight: initial;
	margin: 0;
}


#starlist ul.sub li:hover a {
	color: #00837e;
	background: initial;
}




.menu .pull-sj {
	display: none;
}

#mnavh {
	display: none;
	margin: 26px 0 0 0;
	width: 16px;
	height: 24px;
	float: right;
	text-align: center;
	padding: 0 2% 0 0;
	right: 3%;
}


.navicon {
	display: block;
	position: relative;
	width: 24px;
	height: 2px;
	background-color: #fff;
	bottom: -8px;
	cursor: pointer;
}

.navicon:before,
.navicon:after {
	content: '';
	display: block;
	width: 24px;
	height: 2px;
	position: absolute;
	background: #fff;
	-webkit-transition-property: margin, -webkit-transform;
	transition-property: margin, -webkit-transform;
	transition-property: margin, transform;
	transition-property: margin, transform, -webkit-transform;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
}

.navicon:before {
	margin-top: -8px;
}

.navicon:after {
	margin-top: 8px;
}

.open .navicon {
	background: none
}

.open .navicon:before {
	margin-top: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.open .navicon:after {
	margin-top: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.open .navicon:before,
.open .navicon:after {
	content: '';
	display: block;
	width: 24px;
	height: 2px;
	position: absolute;
	background: #fff;
}


.head-primary .head-height {
	height: 5.2083vw;
}


/*导航鼠标切换*/

.head-tran:hover .header .navicon {
	background: #00428a;
}

.head-tran:hover .header .open .navicon {
	background: none
}

.head-tran:hover .header .navicon:before,
.head-tran:hover .header .navicon:after {
	background: #00428a;
}

.head-tran:hover .header .open .navicon:before,
.head-tran:hover .header .open .navicon:after {
	background: #00428a;
}

.head-tran:hover .header {
	background-color: #fff;
	border-bottom: 1px solid #ddd;
}

.head-tran:hover .header .logo-white {
	display: none;
}

.head-tran:hover .header .logo-primary {
	display: inline-block;
}

.head-tran:hover .header .right-serach{
	border-left: 1px solid #ddd;
}

.head-tran:hover .header .right-serach:hover{
	background-color: #00428a;
}

.head-tran:hover .header .right-serach i{
	color: #00428a;
}

.head-tran:hover .header .right-serach:hover i{
	color: #fff;
}


.head-tran:hover .header #starlist li>a {
	color: rgba(0, 0, 0, .6);
}

.head-tran:hover .header #starlist li ul li>a {
	color: #333;
}


.head-tran:hover .header #starlist li>a.active {
	color: #00428a;
}

.head-tran:hover .header #starlist li>a.active:before {
	background-color: #00428a;
}

.head-tran:hover .header #starlist li>a:hover {
	color: #00428a;
}

.head-tran:hover .header #starlist li ul li>a:hover {
	color: #00428a;
}




/*原色*/

.head-tran.head-primary .header .navicon {
	background: #00428a;
}

.head-tran.head-primary .header .open .navicon {
	background: none
}

.head-tran.head-primary .header .navicon:before,
.head-tran.head-primary .header .navicon:after {
	background: #00428a;
}

.head-tran.head-primary .header .open .navicon:before,
.head-tran.head-primary .header .open .navicon:after {
	background: #00428a;
}

.head-tran.head-primary .header {
	background-color: #fff;
	border-bottom: 1px solid #ddd;
}

.head-tran.head-primary .header .logo-white {
	display: none;
}

.head-tran.head-primary .header .logo-primary {
	display: inline-block;
}

.head-tran.head-primary .header .right-serach i {
	color: #00428a;
}

.head-tran.head-primary .right-serach {
	border-left: 1px solid #ddd;
}

.head-tran.head-primary .header #starlist li>a {
	color: rgba(0, 0, 0, .6);
}

.head-tran.head-primary .header #starlist li ul li>a {
	color: rgba(51, 51, 51, 1);
}


.head-tran.head-primary .header #starlist li>a.active {
	color: #00428a;
}

.head-tran.head-primary .header #starlist li>a.active:before {
	background-color: #00428a;
}

.head-tran.head-primary .header #starlist li>a:hover {
	color: #00428a;
}

.head-tran.head-primary .header #starlist li ul li>a:hover {
	color: #00428a;
}


/*导航悬浮*/
.head-tran .header.fixed {
	border-bottom: 1px solid #ddd;
}

.head-tran .header.fixed .navicon {
	background: #00428a;
}

.head-tran .header.fixed .open .navicon {
	background: none
}

.head-tran .header.fixed .navicon:before,
.head-tran .header.fixed .navicon:after {
	background: #00428a;
}

.head-tran .header.fixed .open .navicon:before,
.head-tran .header.fixed .open .navicon:after {
	background: #00428a;
}

.head-tran .header.fixed {
	background-color: #fff;
}

.head-tran .header.fixed .logo-white {
	display: none;
}

.head-tran .header.fixed .logo-primary {
	display: inline-block;
}


.head-tran .header.fixed .stock-code {
	color: #fff;
}

.head-tran .header.fixed .right-serach{
	border-left: 1px solid #ddd;
}

.head-tran .header.fixed .right-serach i{
	color: #00428a;
}

.head-tran .header.fixed #starlist li>a {
	color: #333;
}

.head-tran .header.fixed #starlist li ul li>a {
	color: #333;
}

.head-tran .header.fixed #starlist li>a.active {
	color: #00428a;
}

.head-tran .header.fixed #starlist li>a.active:before {
	background-color: #00428a;
}

.head-tran .header.fixed #starlist li>a:hover {
	color: #00428a;
}

.head-tran .header.fixed #starlist li ul li>a:hover {
	color: #00428a;
}




/* 用户服务协议 */

.privacy-policy .container{
	overflow: hidden;
}

.classmenu.sticky{
	top: 6.7708vw !important;
}

.privacy-policy .classmenu{
	width: 16.6667vw;
}

.privacy-policy .classmenu-box{
	margin-top: 1.6667vw;
}

.privacy-policy .classmenu-box ul li{
	width: 100%;
}

.privacy-policy .classmenu-box a{
	display: block;
	height: 3.3333vw;
	margin-bottom: 0.5208vw;
	background-color: #f5f9fc;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #333;
	padding: 0 1.6667vw;
	border-radius: 0.4167vw;
}

.privacy-policy .classmenu-box a.active{
	background-color: #00428a;
	color: #fff;
}

.privacy-policy .classmenu-box a.active:hover{
	color: #fff;
}

.privacy-policy .classmenu-box a:hover{
	color: #00428a;
}

.privacy-policy .classmenu-box span{
	width: 12.5vw;
}

.privacy-policy .classmenu-box i{
	font-size: 0.8333vw;
	opacity: 0;
}

.privacy-policy .classmenu-box a.active i{
	opacity: 1;
}

.privacy-policy .content{
	width: 65.1042vw;
}

.privacy-policy .content .con{
	margin-top: 1.2500vw;
	line-height: 1.8750vw;
}

.privacy-policy .content .con p{
	text-indent: 2em;
}




.foot {
	background: #222222;
}

.foot-box {
	padding: 5.2083vw 0;
	position: relative;
}

.fcontact-menu{
	width: 100%;
	padding-top: 2.5000vw;
}

.foot-logo{
	width: 100%;
	border-bottom: 1px solid #393939;
	padding-bottom: 2.5000vw;
}

.foot-logo img{
	height: 4.1667vw;
}

.fcontact{
	width: 31.25vw;
}

.fcontactinfor .box{
	margin-bottom: 1.5625vw;
	color: #fff;
	line-height: 1.6667vw;
}

.fcontactinfor em{
	display: block;
	margin-bottom: 0.2083vw;
	color: rgba(255, 255, 255, .4);
}

.fcontactinfor b{
	margin-right: 0.7292vw;
	display: inline-block;
}

.fcontactinfor b:last-child{
	margin-right: 0;
}

.frwm{
	padding-top: 0.5208vw;
	text-align: center;
	gap: 1.0417vw;
	justify-content: initial !important;
}

.frwm img{
	height: 7.5vw;
}

.frwm p{
	color: rgba(255, 255, 255, .4);
	margin-top: 0.7292vw;
}


.fmenu{
	width: 50vw;
	line-height: 2.5000vw;
	position: relative;
	top: -7.2917vw;
}

.fmenu a{
	color: rgba(255, 255, 255, 1);
}

.fmenu ul li ul{
	margin-top: 4.1667vw;
}

.fmenu ul li ul li a{
	color: rgba(255, 255, 255, .4);
}

.fmenu a:hover{
	color: rgba(255, 255, 255, 1);
}



.external-platform {
	position: absolute;
	right: 0;
	bottom: 3.125vw;
}

.external-platform ul li {
	display: inline-block;
	vertical-align: top;
	margin-left: 0.94vw;
}

.external-platform ul li img{
	height: 1.0417vw;
	filter: grayscale(100%) brightness(1000%);
}

.external-platform ul li a {
	width: 2.5000vw;
	height: 2.5000vw;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, .2);
	
}

.external-platform ul li a:hover {
	background-color: rgba(255, 255, 255, 1);
}

.external-platform ul li a:hover img{
	filter: initial;
}



.foot-copy {
	padding-bottom: 2.5000vw;
}

.link {
	color: rgba(255, 255, 255, .6);
	display: flex;
	padding-bottom: 0.8333vw;
}

.link .title {
	width: 5vw;
}

.link .con {
	width: 81.5vw;
}

.link a,
.copy-text a,
.copy-menu a {
	color: rgba(255, 255, 255, .6);
	display: inline-block;
}

.link a:hover,
.copy-text a:hover,
.copy-menu a:hover {
	color: rgba(255, 255, 255, 1);
}

.link span,
.copy-text span,
.copy-menu span {
	margin: 0 .5vw;
	color: rgba(255, 255, 255, .4);
	font-size: 0.72916vw;
}

.copy-box {
	padding-top: 1vw;
	margin-top: .3vw;
	border-top: 1px solid rgba(255, 255, 255, .2);
	color: rgba(255, 255, 255, .6);
}



/* 新闻列表 */

.page-banner {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.banner-pic{
	width: 100%;
	height: auto;
	background-position: left top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100%;
	overflow: hidden;
}

.banner-pic img{
	width: 100%;
	opacity: 0;
}

.page-banner .container{
	position: absolute;
	left: 50%;
	top: 10%;
	width: 87.5vw;
	height: 90%;
	color: #fff;
	transform: translateX(-50%);
}

.banner-context{
	padding-right: 43%;
}

.banner-context h2 {
	font-weight: initial;
}

.banner-context p {
	line-height: 1.8750vw;
	margin-top: 1.2500vw;
	color: rgba(255, 255, 255, .8);
}





.page-menu {
	width: 100%;
	background: #00428a;
	position: relative;
	z-index: 99;
}

.page-menu .pmenu-box {
	display: inline-block;
}

.pmenu-box a {
	height: 4.1667vw;
	line-height: 4.1667vw;
	display: inline-block;
	color: #fff;
	margin-right: 3.7500vw;
	position: relative;
}

.pmenu-box a:hover {
	color: #21b3ca;
	font-weight: bold;
}

.pmenu-box a.active {
	color: #21b3ca;
	font-weight: bold;
}

.pmenu-box a.active:before {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	height: 0.2083vw;
	background-color: #21b3ca;
	width: 100%;
	display: block;
}


.mcru{
	height: 3.3333vw;
	line-height: 3.3333vw;
	padding-left: 6%;
	margin-top: -1.0417vw;
	position: relative;
}

.mcru:before{
	position: absolute;
	left: 0;
	background-color: #21b3ca;
	width: 100%;
	height: 100%;
	content: "";
	display: block;
	transform: skew(-15deg);
	border-top-left-radius: 0.4167vw;
}

.mcru::after{
	position: absolute;
	left: -14%;
	bottom: -3.3333vw;
	background-color: #fff;
	width: 100%;
	height: 100%;
	content: "";
	display: block;
	transform: skew(-15deg);
	border-top-left-radius: 0.4167vw;
	z-index: 99;
}

.page-menu:before{
	position: absolute;
	right: 0;
	top: -1.0417vw;
	background-color: #21b3ca;
	width: 10%;
	height: 100%;
	content: "";
	display: block;
	z-index: 99;
}

.page-menu::after{
	position: absolute;
	right: 0;
	bottom: -2.2916vw;
	background-color: #fff;
	width: 10%;
	height: 100%;
	content: "";
	display: block;
	z-index: 99;
}

.mcru a{
	color: rgba(255, 255, 255, .6);
	margin-left: 2.0833vw;
	position: relative;
	display: inline-block;
	z-index: 999;
}

.mcru a:before{
	position: absolute;
	top: 0;
	right: -1.3vw;
	content: ">";
	display: block;
}

.mcru a:last-child:before{
	display: none;
}

.mcru a:last-child{
	color: rgba(255, 255, 255, 1);
}



.notnews .item{
	position: relative;
}


.item-3 .item{
	width: 27.7776vw;
	float: left;
	margin-left: 2.0833vw;
}

.item-3 .item:first-child{
	margin-left: 0;
}


.notnews .item .pic{
	overflow: hidden;
	border-radius: 0.8333vw;
}

.notnews .item .text{
	padding: 1.8750vw 1.0417vw 0;
}

.notnews .item .text span{
	color: #999999;
}

.notnews .item .text h2{
	color: #333;
	max-height: 4.1667vw;
	line-height: 2.0833vw;
	font-weight: initial;
	overflow: hidden;
	margin-top: 0.8333vw;
	margin-bottom: 2.0833vw;
	transition: all 0.5s;
}

.notnews .item:hover .text h2{
	color: #014099;
}

a.news-more{
	color: #014099;
	display: flex;
	align-items: center;
}

a.news-more i{
	font-size: 1.0417vw;
	margin-left: 0.4167vw;
	transform: rotate(-45deg);
	transition: all 0.5s;
	margin-bottom: -0.1042vw;
}


.notnews .item:hover a.news-more i{
	transform: rotate(0);
}


.news-list{
	margin-top: 4.1667vw;
	border-bottom: 1px solid #ddd;
}

.news-list .item{
	position: relative;
	padding: 3.1250vw 0;
	border-top: 1px solid #ddd;
	transition: all 0.5s;
}

.news-list .item:hover{
	background-color: #00428a;
}

.news-list .time{
	width: 11.9792vw;
	color: #757575;
	padding-top: 1.2500vw;
	transition: all 0.5s;
}

.news-list .time span{
	display: block;
}

.news-list .item:hover .time{
	color: #fff;	
}


.news-list .context{
	width: 43.75vw;
	padding-top: 1.2500vw;
}

.news-list .context h2{
	max-height: 2.0833vw;
	line-height: 2.0833vw;
	transition: all 0.5s;
}

.news-list .item:hover .context h2{
	color: #fff;
}

.news-list .context p{
	max-height: 3.7500vw;
	line-height: 1.8750vw;
	margin-top: 0.8333vw;
	transition: all 0.5s;
}

.news-list .item:hover .context p{
	color: rgba(255, 255, 255, .6);
}

.news-list .pic{
	width: 25vw;
	border-radius: 0.8333vw;
	overflow: hidden;
}


.news-list .news-more{
	margin-top: 2.9167vw;
}

.news-list .item:hover .news-more{
	color: #fff;
}




.increase-more {
	margin-top: 4.1667vw;
	position: relative;
	left: 50%;
	transform: translateX(-50%) !important;
	color: #fff;
	display: inline-block;
	text-align: center;
	transition: all 0.6s;
	line-height: 2.083vw;
	background-color: #00428a;
	border-radius: 0.4167vw;
	height: 2.083vw;
	padding: 0.5208vw 1.1458vw;
}

.increase-more:hover {
	background-color: #21b3ca;
	transition: all 0.6s;
}

.increase-more span {
	display: flex;
}

.increase-more i {
	background-color: #fff;
	width: 2.083vw;
	height: 2.083vw;
	line-height: 2.083vw;
	border-radius: 50%;
	font-size: 0.9375vw;
	color: #00428a;
	margin-left: 1.5625vw;
	transition: all 0.6s;
	font-weight: bold;
	transform: rotate(90deg);
}

.increase-more:hover i{
	color: #21b3ca;
}

.button .increase-more i {
	transform: rotate(-45deg);
}



/* 新闻内容页 */

.news-page{
	
}

.page-cru{
	width: 100%;
	margin-bottom: 2.0833vw;
	height: 1.5625vw;
	display: flex;
	align-items: center;
}

.page-cru a{
	color: #999;
}

.page-cru a:hover{
	color: #00428a;
}


.page-cru i{
	font-size: 0.7292vw;
	margin: 0 0.5208vw;
}


.news-content-box{
	
}

.news-con-left{
	float: left;
	width: 64%;
}

.news-con-title{
	margin-bottom: 2.0833vw;
}

.news-con-title h2{
	color: #333333;
	line-height: 2.5000vw;
}

.news-con-title .info{
	margin-top: 1.0417vw;
	line-height: 1.6667vw;
	color: #999999;
}

.news-con-title .info span{
	margin-right: 1.2500vw;
}

.news-con-title .info .label{
	color: #fff;
	background-color: #00428a;
	line-height: 1.5625vw;
	display: inline-block;
	padding: 0 0.4167vw;
	border-radius: 0.2083vw;
}

.news-content{
	padding: 2.5000vw 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	line-height: 1.8750vw;
	text-align: justify;
}

.news-content img{
	display: block;
	margin: 0 auto;
}

.special-declaration{
	margin-top: 2.5000vw;
	color: #999999;
	line-height: 1.2500vw;
}

.news-paging{
	margin-top: 5.2083vw;
}

.news-paging .subtitle{
	color: #00428a;
	line-height: 1.5625vw;
}

.news-paging .subtitle span{
	color: #333;
	margin: 0 0.4167vw;
}

.news-paging .title a{
	line-height: 2.5000vw;
	color: #333333;
	margin-top: 0.9375vw;
	display: block;
}

.news-paging .return{
	margin-top: 1.6667vw;
}

.news-paging .return a{
	width: 11.4583vw;
	height: 2.9167vw;
	line-height: 2.9167vw;
	text-align: center;
	border: 1px solid #dddddd;
	color: #333333;
	display: block;
	border-radius: 0.4167vw;
}

.news-paging .return a:hover{
	border: 1px solid #00428a;
	color: #fff;
	background-color: #00428a;
}


.news-recommend{
	margin-top: 5.2083vw;
}

.news-recommend .subtitle{
	border-top: 4px solid #eeeeee;
	line-height: 3.7500vw;
}

.news-recommend .subtitle span{
	border-top: 4px solid #00428a;
	line-height: 3.7500vw;
	display: inline-block;
	margin-top: -4px;
}

.news-rec-list{
	margin-top: 15px;
}

.news-rec-list .item{
	margin-top: 1.5625vw;
	padding-top: 1.5625vw;
	border-top: 1px solid #ddd;
}

.news-rec-list .item:first-child{
	margin-top: 10px;
	padding-top: 0;
	border-top: initial;
}

.news-rec-list .item a{
	display: block;
	position: relative;
}

.news-rec-list .item .pic{
	float: left;
	width: 21.5%;
	border-radius: 0.4167vw;
	overflow: hidden;
}

.news-rec-list .item .text{
	float: right;
	width: 75%;
	
}

.news-rec-list .item .text h2{
	color: #333333;
	line-height: 1.8750vw;
	max-height: 3.7500vw;
	font-weight: initial;
	 transition: all 0.3s;
}

.news-rec-list .item a:hover .text h2{
	color: #00428a;
	 transition: all 0.3s;
}

.news-rec-list .item .text span{
	display: block;
	position: absolute;
	bottom: 0.4167vw;
	right: 0;
	width: 75%;
	font-size: 0.8333vw;
	color: #999999;
}



.news-rec-box{
	width: 30%;
	float: right;
	background-color: #f5f9fc;
	border-radius: 0.8333vw;
}

.news-rec-box.sticky{
	top: 6.7708vw !important;
}

.news-rec-box .box{
	padding: 1.6667vw;
}

.rec-title{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.rec-title h3{
	color: #333333;
}

.rec-title .more-page{
	margin-top: 0;
}

.rec-title .more-page a{
	color: #666666;
}

.rec-title .more-page i{
	font-size: 0.8333vw;
	margin-left: 0.2083vw;
}

.rec-title .more-page a:hover{
	color: #00428a;
}



.corporate-hot{
	position: relative;
	margin-top: 1.2500vw;
}

.corporate-hot .pic{
	border-radius: 0.7292vw;
	overflow: hidden;
}

.corporate-hot .pic img{
	width: 100%;
}

.corporate-hot .text{
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	background: linear-gradient(to top, rgba(0, 92, 161, .5), rgba(0, 92, 161, 0));
	padding: 1.0417vw 0;
	border-radius: 0.7292vw;
	overflow: hidden;
}

.corporate-hot .text h2{
	padding: 0 5%;
	line-height: 1.6667vw;
	max-height: 1.6667vw;
	color: #ffffff;
}

.corporate-list{
	
}

.corporate-list .item{
	margin-top: ;
	padding:0.8333vw 1.0417vw 0.8333vw;
	border-top: 1px solid #ddd;
}

.corporate-list .item h2{
	line-height: 1.5625vw;
	max-height: 3.1250vw;
	color: #333333;
	font-weight: initial;
	 transition: all 0.3s;
}

.corporate-list .item a:hover h2{
	color: #00428a;
}

.corporate-list .item span{
	line-height: 1.0417vw;
	color: #999999;
	display: block;
	margin-top: 0.4167vw;
}



/* 联系我们 */

.contact-banner .banner-context h2{
	color: #00428a;
}

.contact-banner .container{
	top: 0;
	height: 70%;
}


.item-2 .item{
	width: 42.9167vw;
	margin-left: 1.6667vw;
	float: left;
}

.item-2 .item:first-child{
	margin-left: 0;
}

.contact-company{
	position: relative;
	top: -14.0625vw;
	margin-bottom: -14.0625vw;
	overflow: hidden;
}

.contact-company .item{
	border-radius: 1.2500vw;
	position: relative;
	overflow: hidden;
}

.contact-company .item .pic img{
	width: 100%;
}

.contact-company .item .text{
	position: absolute;
	top: 0;
	left: 0;
	padding: 2.6042vw 7%;
	width: 86%;
}

.contact-company .item .text h3{
	color: #000;
}

.contact-company .item .text ul {
	margin-top: 1.2500vw;
	padding-top: 1.2500vw;
	border-top: 1px solid rgba(0,68,138,.2);
}

.contact-company .item .text ul li{
	display: flex;
	align-items: center;
	color: #333;
	margin-bottom: 0.4167vw;
	line-height: 1.6667vw;
}

.contact-company .item .text ul li img{
	height: 0.9375vw;
	margin-right: 0.9375vw;
}




.contact-info{
	background-color: #f5f8fb;
	margin-top: 6.7708vw;
}

.contact-info-con{
	width: 45%;
}

.icontact{
	width: 100%;
}

.contacttitle {
	padding-bottom: 1.8750vw;
	margin-bottom: 1.5625vw;
	border-bottom: 1px solid #dddddd;
}

.contacttitle h3{
	font-weight: initial;
}

.fcontactinfor.contactinfor .box{
	color: #333;
	margin-bottom: 0.8333vw;
	padding-bottom: 0.8333vw;
	border-bottom: 1px dashed #ddd;
}


.fcontactinfor.contactinfor em {
    margin-bottom: 0.2083vw;
    color: #666;
}

.m-r-8{
	margin-right: 0.4167vw;
	height: 1.0417vw;
}

.crwn .subtitle{
	text-align: left;
	color: #666666;
	margin-bottom: 0.8333vw;
}

.frwm.crwn{
	padding-right: 20%;
}

.frwm.crwn .content-bflex{
	justify-content: initial;
	gap: 0.8333vw;
}

.frwm.crwn img{
	width: 6.7708vw;
	height: auto;
}

.frwm.crwn p{
	color: #666;
}


.contact-message{
	width: 45%;
}


.mess-input-box .item {
	margin-top: 1.875vw;
}

.mess-input-box .item p {
	color: #333;
}

.mess-input-box .item p span {
	color: #ff0000;
	margin-left: 8px;
}

.mess-input-box .item input {
	color: #333;
	height: 2.604vw;
	border: initial;
	outline: initial;
	background-color: #fff;
	width: 94%;
	padding: 0 3%;
	border-radius: 8px;
	margin-top: 0.8333vw;
	font-size: 0.9375vw;
}

.mess-input-box .item textarea {
	color: #333;
	height: 7.291666vw;
	border: initial;
	outline: initial;
	background-color: #fff;
	width: 94%;
	padding: 10px 3%;
	border-radius: 8px;
	margin-top: 0.8333vw;
	font-size: 0.9375vw;
}

.mess-submit{
	margin-top: 1.2500vw;
}

.mess-submit a{
	color: #00428a;
	line-height: 1.1458vw;
}

.mess-submit a.submit {
	width: 9.4vw !important;
	height: 3.125vw;
	line-height: 3.125vw;
	display: block;
	background-color: #014099;
	text-align: center;
	border-radius: 12px;
	color: #fff;
	margin-top: 1.1458vw;
}


.mess-submit a.submit:hover {
	background-color: #21b3ca;
}



.global-title h2{
	font-weight: initial;
}

.global-title p{
	margin-top: 1.0417vw;
	line-height: 1.8750vw;
}

.recruitment-box{
	margin-top: 3.7500vw;
}

.recruitment-box .item{
	background-color: #f5f8fb;
	border-radius: 1.2500vw;
	text-align: center;
	transition: all 0.5s;
}

.recruitment-box .item:hover {
	transition: all 0.5s;
	background-color: #fff;
	box-shadow: 0 0 0.5208vw rgba(0, 0, 0, .1);
	margin-top: -0.5208vw;
}

.recruitment-box .item .box{
	padding: 6.25vw;
}

.recruitment-box .item i{
	width: 7.2917vw;
	height: 7.2917vw;
	background-color: #fff;
	border-radius: 50%;
	margin: 0 auto;
	transition: all 0.5s;
}

.recruitment-box .item:hover i{
	background-color: #f5f8fb;
}

.recruitment-box .item img{
	height: 2.5000vw;
}

.recruitment-box .item p{
	color: #333;
	margin-top: 1.2500vw;
}


.gbutton{
	width: 8.0729vw;
	height: 2.6042vw;
	line-height: 2.6042vw;
	display: inline-block;
	background-color: #014099;
	text-align: center;
	border-radius: 0.4167vw;
	color: #fff;
	margin-top: 1.6667vw;
}


.gbutton:hover{
	background-color: #21b3ca;
}




/* 荣誉证书 */

.about-banner .banner-context h2 {
	color: #014099;
}

.about-banner .banner-context p {
	line-height: 2.9167vw;
	margin-top: 1.2500vw;
	color: #333;
	font-weight: bold;
}

.about-banner .banner-context p span{
	display: block;
}



.page-submenu {
	text-align: center;
}

.page-submenu a {
	color: #333333;
	line-height: 3.1250vw;
	margin: 0 0.5208vw;
	padding: 0 2.0833vw;
	background-color: #f5f8fb;
	border-radius: 0.4167vw;
	display: inline-block;
}

.page-submenu a:hover {
	color: #0068b7;
}

.page-submenu a.active {
	color: #fff;
	background-color: #21b3ca;
	font-weight: bold;
}

.honor-list {
	padding-top: 1.875vw;
}

.honor-list a {
	display: block;
	float: left;
	width: 22.19%;
	margin-left: 3.73%;
	margin-top: 3.125vw;
	pointer-events: none;
}

.honor-list a .box {}

.honor-list a .pic {
	position: relative;
	background-color: #f5f8fb;
	border-radius: 16px;
	height: 25vw;
	overflow: hidden;
}

.honor-list a .pic img {
	max-height: 80%;
	max-width: 80%;
}



/* .honor-list a .pic:before {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	display: block;
	content: "";
	opacity: 0;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.honor-list a .pic:after {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(../images/honor_amp.png) center center no-repeat;
	display: block;
	content: "";
	opacity: 0;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.honor-list a:hover .pic:before,
.honor-list a:hover .pic:after {
	opacity: 1;
} */

.honor-list a:nth-child(4n+1) {
	margin-left: 0;
	clear: both;
}

.honor-list a h3 {
	color: #333333;
	text-align: center;
	font-weight: initial;
	margin-top: 1.25vw;
	max-height: 1.55vw;
	line-height: 1.55vw;
}



#baguetteBox-overlay {
	display: none;
	opacity: 0;
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000000;
	background-color: #222;
	background-color: rgba(0, 0, 0, 0.8);
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease;
}

#baguetteBox-overlay.visible {
	opacity: 1;
}

#baguetteBox-overlay .full-image {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
}

#baguetteBox-overlay .full-image figure {
	display: inline;
	margin: 0;
	height: 100%;
}

#baguetteBox-overlay .full-image img {
	display: inline-block;
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
	vertical-align: middle;
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

#baguetteBox-overlay .full-image figcaption {
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	line-height: 1.8;
	white-space: normal;
	color: #ccc;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.6);
	font-family: sans-serif;
}

#baguetteBox-overlay .full-image:before {
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right: -1px;
}

#baguetteBox-slider {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	white-space: nowrap;
	-webkit-transition: left .4s ease, -webkit-transform .4s ease;
	transition: left .4s ease, -webkit-transform .4s ease;
	transition: left .4s ease, transform .4s ease;
	transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease;
}

#baguetteBox-slider.bounce-from-right {
	-webkit-animation: bounceFromRight .4s ease-out;
	animation: bounceFromRight .4s ease-out;
}

#baguetteBox-slider.bounce-from-left {
	-webkit-animation: bounceFromLeft .4s ease-out;
	animation: bounceFromLeft .4s ease-out;
}

@-webkit-keyframes bounceFromRight {
	0% {
		margin-left: 0;
	}

	50% {
		margin-left: -30px;
	}

	100% {
		margin-left: 0;
	}
}

@keyframes bounceFromRight {
	0% {
		margin-left: 0;
	}

	50% {
		margin-left: -30px;
	}

	100% {
		margin-left: 0;
	}
}

@-webkit-keyframes bounceFromLeft {
	0% {
		margin-left: 0;
	}

	50% {
		margin-left: 30px;
	}

	100% {
		margin-left: 0;
	}
}

@keyframes bounceFromLeft {
	0% {
		margin-left: 0;
	}

	50% {
		margin-left: 30px;
	}

	100% {
		margin-left: 0;
	}
}

.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
	top: 50%;
	top: calc(50% - 30px);
	width: 44px;
	height: 60px;
}

.baguetteBox-button {
	position: absolute;
	cursor: pointer;
	outline: none;
	padding: 0;
	margin: 0;
	border: 0;
	-moz-border-radius: 15%;
	border-radius: 15%;
	background-color: #323232;
	background-color: rgba(50, 50, 50, 0.5);
	color: #ddd;
	font: 1.6em sans-serif;
	-webkit-transition: background-color .4s ease;
	transition: background-color .4s ease;
}

.baguetteBox-button:focus,
.baguetteBox-button:hover {
	background-color: rgba(50, 50, 50, 0.9);
}

.baguetteBox-button#next-button {
	right: 2%;
}

.baguetteBox-button#previous-button {
	left: 2%;
}

.baguetteBox-button#close-button {
	top: 20px;
	right: 2%;
	right: calc(2% + 6px);
	width: 30px;
	height: 30px;
}

.baguetteBox-button svg {
	position: absolute;
	left: 0;
	top: 0;
}

/*
    Preloader
    Borrowed from 
*/
.baguetteBox-spinner {
	width: 40px;
	height: 40px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px;
}

.baguetteBox-double-bounce1,
.baguetteBox-double-bounce2 {
	width: 100%;
	height: 100%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	opacity: .6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: bounce 2s infinite ease-in-out;
	animation: bounce 2s infinite ease-in-out;
}

.baguetteBox-double-bounce2 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}

@-webkit-keyframes bounce {

	0%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes bounce {

	0%,
	100% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		transform: scale(0);
	}

	50% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}
}




/* 公正性声明 */

.declaration .title{
	color: #333;
}

.declaration-list{
	margin-top: 0.9375vw;
}

.declaration-list .item{
	margin-top: 1.6667vw;
	background-color: #f5f9fc;
	border-radius: 1.2500vw;
	position: relative;
	overflow: hidden;
}

.declaration-list .item:nth-child(2n+1){
	margin-left: 0;
}

.declaration-list .item .box{
	padding: 0 2.9167vw;
	height: 12.5000vw;
}

.num{
	position: absolute;
	left: 0;
	top: 0;
	width: 3.1250vw;
	height: 3.1250vw;
	line-height: 3.1250vw;
	color: #fff;
	background-color: #00428a;
	text-align: center;
	border-bottom-right-radius: 1.2500vw;
}

.declaration-list .item p{
	color: #00428a;
	line-height: 1.8750vw;
}


.dectext{
	line-height: 1.8750vw;
	margin-top: 2.0833vw;
}

.deccompany{
	text-align: right;
	margin-top: 2.5000vw;
	padding-top: 2.5000vw;
	border-top: 1px solid #ddd;
}





/* 发展历程 */

.course {
	overflow: hidden;
	background: url(../images/history_bg.jpg) center center no-repeat;
	background-size: cover;
}

.course .container {
	position: relative;
}

#timeline {
	height: 37.5vw;
	overflow: hidden;
	position: relative;
	touch-action: none;
	/* 阻止浏览器默认的触摸行为 */
	-webkit-user-select: none;
	user-select: none;
	cursor: grab;
}


#timeline:after {
	display: block;
	content: "";
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: 2.56vw;
	left: 0;
	background: #00428a;
	z-index: 1;
	opacity: .3;
}


#dates {
	width: 100%;
	position: absolute;
	bottom: 0;
}

#dates li {
	float: left;
	width: 14%;
	font-size: 1.04166vw;
	text-align: center;
}

#dates a {
	color: #333333;
	position: relative;
}

#dates li a:after {
	display: block;
	content: "";
	width: 0.5208vw;
	height: 0.5208vw;
	background: #21b3ca;
	position: absolute;
	top: -1.68vw;
	left: 50%;
	margin-left: -.251vw;
	z-index: 9;
	border-radius: 50%;
}

#dates a.selected {
	color: #00428a;
	font-weight: bold;
}

#dates li a.selected:after {
	display: block;
	content: "";
	width: 0.5208vw;
	height: 0.5208vw;
	background: #21b3ca;
	position: absolute;
	top: -1.68vw;
	left: 50%;
	margin-left: -.251vw;
	z-index: 9;
	border-radius: 50%;
}

#dates li a.selected:before {
	display: block;
	content: "";
	width: 0.5208vw;
	height: 0.5208vw;
	background: rgba(33, 179, 202, 0.2);
	position: absolute;
	top: -1.68vw;
	left: 50%;
	margin-left: -.251vw;
	z-index: 9;
	border-radius: 50%;
	transform: scale(2);
}




#issues {
	width: 87.5vw;
	overflow: hidden;
}

#issues li {
	width: 87.5vw;
	height: 39.58vw;
	float: left;
	position: relative;
}


#issues li .tp {
	float: right;
	width: 43.75vw;
	overflow: hidden;
	border-radius: 1.2500vw;
}

#issues li .tp img {
	max-width: initial;
	width: 100%;
	height: 29.1667vw;
	object-fit: cover;
}

#issues li .text {
	float: left;
	width: 37.5vw;
	height: 29.1667vw;
	display: flex;
	align-items: center;
}

#issues li .title {
	color: #00428a;
	display: flex;
}

#issues li .title h2 {
	font-size: 5vw;
	line-height: 5vw;
}

#issues li .title span {
	font-size: 1.25vw;
	line-height: 1.25vw;
	font-weight: bold;
	margin-left: 0.4167vw;
}

#issues li .chara {
	padding-top: 20px;
}

#issues li .chara p {
	font-size: 1.25vw;
	line-height: 2.08333vw;
	color: #333333;
	position: relative;
	margin-top: 0.8333vw;
}


#next,
#prev {
	position: absolute;
	top: calc(65% - 1.302vw);
	width: 2.604vw;
	height: 2.604vw;
	overflow: hidden;
	border-radius: 50%;
	background-color: rgba(33, 179, 202, .2);
	color: #00428a;
	display: flex;
	justify-content: center;
	align-items: center;
}

.hidden{
	background-color: initial !important;
}

.hidden:hover{
	color: #00428a !important; 
}

#next i,
#prev i {
	font-size: 1.04166vw;
}

#next {
	left: 3.3333vw;
}

#prev {
	left: 0;
}

#next:hover,
#prev:hover {
	background-color: rgba(33, 179, 202, 1);
	color: #fff;
}




/* 企业文化 */

.culture-item{
	margin-top: 3.7500vw;
}

.culture-item:first-child{
	margin-top: 0;
}

.culture-item .pic{
	width: 43.75vw;
	border-radius: 1.2500vw;
	overflow: hidden;
}

.culture-item .text{
	width: 37.5vw;
	padding-top: 9.375vw;
	padding-left: 6.2500vw;
}

.culture-item .text h4{
	color: #000000;
	font-weight: initial;
}

.culture-item .text p{
	color: #00428a;
	margin-top: 1.5625vw;
	line-height: 3.1250vw;
}

.culture-item .text p span{
	display: block;
}




.brand-proposition {
	position: relative;
	background: url(../images/value_pic_2.jpg) center center no-repeat;
	background-size: cover;
	height: 90vh;
}

.brand-proposition .title {
	color: #fff;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 6.25vw;
	z-index: 9;
}

.brand-proposition .title h2{
	font-weight: initial;
}

.brand-proposition-list {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
}

.brand-proposition-list .item {
	width: 25%;
	float: left;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, 0.4);
	position: relative;
	transition: all 0.6s;
}

.brand-proposition-list .item:before {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 1px;
	background-color: rgba(255, 255, 255, .2);
	display: block;
	content: "";
}

.brand-proposition-list .item .box {
	text-align: center;
	padding-top: 20%;
}

.brand-proposition-list .item .box p {
	color: #fff;
	font-weight: bold;
	margin-top: 1.25vw;
}




        .culture-scroll-wrapper {
            position: relative;
			margin-top: 3.7500vw;
        }

        .culture-team-list {
            cursor: grab;
            position: relative;
        }

        .culture-team-list.grabbing {
            cursor: grabbing;
        }

        .culture-team-list ul {
            display: flex;
            flex-wrap: nowrap;
            list-style: none;
            position: relative;
            will-change: left;
            transition: left 0.25s cubic-bezier(0.2, 0.9, 0.4, 1.1);
        }

        .culture-team-list li {
            flex: 0 0 auto;
            margin-right: 1.2500vw;
            border-radius: 0.8333vw;
            background: #fff;
            transition: transform 0.2s ease, box-shadow 0.2s;
            overflow: hidden;
        }

        .culture-team-list li:hover {
            transform: translateY(-0.5208vw);
            box-shadow: 0 20px 28px -12px rgba(0, 0, 0, 0.2);
			transition: .3s;
        }

        .culture-team-list li img {
            display: block;
            width: auto;
            object-fit: cover;
            pointer-events: none;
			max-height: 33.3333vw;
        }

        .scroll-btn {
            position: absolute;
            top: 45%;
            transform: translateY(-50%);
            width: 2.0833vw;
            height: 2.0833vw;
            border-radius: 1.0417vw;
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            color: #00428a;
            font-size: 1.0417vw;
            transition: all 0.2s;
            z-index: 10;
            cursor: pointer;
            backdrop-filter: blur(4px);
            background: #f5f9fc;
        }

        .scroll-btn:hover {
            background: #00428a;
            color: white;
            box-shadow: 0 8px 18px rgba(59,130,246,0.4);
            transform: translateY(-50%) scale(1.02);
        }

        .scroll-btn.disabled {
            opacity: 0.35;
            cursor: not-allowed;
            pointer-events: none;
            background: #eef2ff;
            color: #94a3b8;
            transform: translateY(-50%);
            box-shadow: none;
        }

        .btn-prev {
            left: -1.0417vw;
        }

        .btn-next {
            right: -1.0417vw;
        }

        .drag-indicator {
            position: relative;
            width: 100%;
            height: 0.3125vw;
            background: #ddd;
            border-radius: 0.1562vw;
            cursor: pointer;
            transition: opacity 0.2s;
			margin-top: 3.7500vw;
        }

        .drag-thumb {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 6.2500vw;
            height: 0.3125vw;
            background: #00428a;
            transition: left 0.05s linear;
            pointer-events: none;
			border-radius: 0.1562vw;
        }

        .culture-team-list.no-scroll ~ .drag-indicator,
        .culture-team-list.no-scroll ~ .scroll-buttons .scroll-btn,
        .culture-team-list.no-scroll + .drag-indicator {
            display: none;
        }





/* 服务项目 */

.privacy-banner .banner-context{
	padding-right: 28%;
}

.page-banner .banner-context h2 {
	color: #00428a;
}

.page-banner .banner-context p {
	color: rgba(51, 51, 51, .8);
}



.privacy-policy .classmenu-box span{
	line-height: 1.2500vw;
}

.privacy-policy .classmenu-box span img{
	margin-right: 0.8333vw;
	height: 1.2500vw;
}

.privacy-policy .classmenu-box .active span img{
	filter: grayscale(100%) brightness(1000%);
}


.project-submenu .title h2{
	line-height: 2.0833vw;
}

.project-submenu-box a{
	margin-left: 2.0833vw;
	color: #333333;
	display: inline-block;
	line-height: 2.0833vw;
}

.project-submenu-box a:first-child{
	margin-left: 0;
}

.project-submenu-box a.active{
	font-weight: bold;
	color: #00428a;
	border-bottom: 0.1042vw solid #00428a;
}

.project-list{
	margin-top: 1.6667vw;
}

.project-list .item{
	width: 20.5729vw;
	margin-left: 1.6667vw;
	margin-bottom: 2.5000vw;
	position: relative;
}

.project-list .item:hover{
	margin-top: -10px;
}

.project-list .item:nth-child(3n+1){
	margin-left: 0;
	clear: both;
}

.project-list .item .pic{
	padding: 0.4167vw;
	background-color: #f7faff;
	border-radius: 0.8333vw;
	overflow: hidden;
}

.project-list .item:hover .pic{
	background-color: #00428a;
}

.project-list .item .pic img{
	border-radius: 0.5208vw;
	overflow: hidden;
}


.project-list .item .text {
	padding: 0.8333vw;
}

.project-list .item .text h2{
	font-weight: initial;
	margin-bottom: 0.5208vw;
}

.project-list .item:hover .text h2{
	color: #00428a;
}

.project-list .item:hover a.news-more i{
	transform: rotate(0);
}



.project-con .increase-more{
	margin-top: 0;
}





/* 服务项目内容页 */

.project-page{
	background-color: #f5f9fc;
}

.product-page-pic{
	width: 50%;
	position: relative;
	overflow: hidden;
}

.product-page-pic .slides {
	height: auto;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}

.product-page-pic .slide {
	height: auto;
	float: left;
	clear: none;
}

.product-page-pic .pic-box img{
	max-width: initial;
	width: 100%;
	height: 90vh;
	object-fit: cover;
}

.product-page-pic .slider-arrow {
	position: absolute;
	margin-bottom: -1.0417vw;
	width: 2.0833vw;
	height: 2.0833vw;
	line-height: 2.0833vw;
	text-decoration: none;
	text-align: center;
	font-size: 0;
	background-color: rgba(255, 255, 255, .5);
	border-radius: 50%;
	opacity: 1;
}
/*左右按钮样式及放置位置*/

.product-page-pic .slider-arrow--right {
	bottom: 50%;
	right: 0.8333vw;
	background-image: url(../images/case_right_a.png);
	background-position: center center;
	background-repeat: no-repeat; 
	background-size: 15px 15px;
}
.product-page-pic .slider-arrow--left {
	bottom: 50%;
	left: 0.8333vw;
	background-image: url(../images/case_left_a.png);
	background-position: center center;
	background-repeat: no-repeat; 
	background-size: 15px 15px;
}


.product-page-pic .slider-arrow:hover {
	background-color: #00428a;
}

.product-page-pic .slider-arrow--right:hover {
	background-image: url(../images/case_right.png);
}
.product-page-pic .slider-arrow--left:hover  {
	background-image: url(../images/case_left.png);
}


.product-page-pic .slider-nav {
	position: absolute;
	left: 50%;
	bottom: 1.0417vw;
	text-align: center;
}

.product-page-pic .slider-nav__item {  
	display: inline-block;
	width: 1.2500vw;
	height: 0.2083vw;
	margin: 0 0.2083vw;
	position: relative;
	background: rgba(255, 255, 255, .4);
}

.product-page-pic .slider-nav__item--current {
	background: rgba(255, 255, 255, 1);
} 
/*被选中后的样式*/


.project-page-con{
	width: 50%;
	height: 90vh;
}

.project-page-con .box{
	padding: 0 6.2500vw;
}

.project-page-con em{
	color: #014099;
}

.project-page-con h2{
	color: #333;
	margin-top: 0.5208vw;
}

.project-page-con p{
	line-height: 1.8750vw;
	margin-top: 3.7500vw;
	position: relative;
}

.project-page-con p:before{
	position: absolute;
	top: -1.2500vw;
	left: 0;
	content: "“";
	display:block;
	font-size: 1.5625vw;
	color: #00428a;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
}

.consult-button{
	text-align: center;
	height: 3.1250vw;
	line-height: 3.1250vw;
	padding: 0 2.0833vw;
	background-color: #00428a;
	border-radius: 0.4167vw;
	display: inline-block;
	color: #fff;
	margin-top: 4.1667vw;
}

.consult-button img{
	margin-right: 0.8333vw;
}

.consult-button:hover{
	background-color: #21b3ca;
}




.related-case-wrapper {
  display: flex;
  transition: transform 0.4s ease;
  cursor: grab;
  user-select: none;
}
.related-case-wrapper:active {
  cursor: grabbing;
}

.related-case-list{
	margin-top: 3.1250vw;
	position: relative;
	width: 100%;
}

.related-case-list .item{
	border-radius: 0.8333vw;
	flex: 0 0 calc(100% - 2.0833vw); 
	width: calc(100% - 2.0833vw);
	margin-right: 2.0833vw; 
}

.related-case-list .text{
	width: 50%;
	height: 29.1667vw;
	background-color: #f5f9fc;
	border-radius: 0.8333vw;
}

.related-case-list .text .box{
	padding: 0 3.3333vw;
}

.related-case-list .text .con{
	padding-top: 0.8333vw;
	margin-top: 1.5625vw;
	border-top: 1px solid #ddd;
}

.related-case-list .text .con ul li{
	margin-top: 0.5208vw;
	line-height: 1.6667vw;
}

.related-case-list .text .con ul li span{
	width: 5.5000vw;
	display: block;
	color: #999999;
}

.related-case-list .text .con ul li p{
	width: 30.5vw;
	display: block;
}


.related-case-list .pic{
	width: 50%;
	border-radius: 0.8333vw;
	overflow: hidden;
}

.related-case-list .pic img{
	width: 100%;
	max-width: initial;
	object-fit: cover;
	height: 29.1667vw;
	 pointer-events: none;
}



/* 左右切换按钮 */

.related-case-list .slide-btn {
  position: absolute;
  top: -6.7708vw;
  width: 3.1250vw;
  height: 3.1250vw;
  background: #f5f9fc;
  color: #00428a;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
.related-case-list .slide-btn:hover {
  background: #00428a;
  color: #fff;
}
.related-case-list .slide-prev {
  right: 4.1667vw;
}
.related-case-list .slide-next {
  right: 0;
}

.related-case-list .slide-btn i{
	font-size: 1.0417vw;
}


.related-project{
	background-color: #f5f9fc;
}

.button .increase-more{
	margin-top: 0;
	position: initial;
	transform: initial !important;
}


.related-project-list{
	margin-top: 3.7500vw;
}

.related-project-list .item{
	width: 16.4063vw;
	margin-left: 1.3542vw;
	float: left;
	margin-bottom: 0;
}

.related-project-list .item:nth-child(3n+1){
	margin-left: 1.3542vw;
	clear: initial;
}

.related-project-list .item:first-child{
	margin-left: 0;
}

.related-project-list .item .pic{
	background-color: #fff;
}



.message-page .title h2{
	font-weight: initial;
	line-height: 4.1667vw;
}

.message-page .title h2 span{
	display: block;
}

.message-page-box{
	margin-top: 2.5000vw;
	padding-top: 2.0833vw;
	border-top: 1px solid #ddd;
}

.message-page .mess-input-box .box .item{
	width: 49%;
}

.message-page .mess-input-box .item input {
	height: 2.604vw;
	background-color: #f5f9fc;
	width: 96%;
	padding: 0 2%;
	border-radius: 0.4167vw;
	margin-top: 0.8333vw;
}

.message-page .mess-input-box .item textarea {
	height: 7.291666vw;
	width: 98%;
	padding: 0.8333vw 1%;
	border-radius: 0.4167vw;
	margin-top: 0.8333vw;
	background-color: #f5f9fc;
}





/* 公司介绍 */

.index-brand-con .con{
	float: left;
	width: 47.5%;
	margin-top: 5.7292vw;
}

.index-brand-con .title h2{
	line-height: 3.1250vw;
	color: #00428a;
	position: relative;
	padding-bottom: 2.0833vw;
}

.index-brand-con .title h2:before{
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	content: "";
	width: 3.1250vw;
	height: 0.4167vw;
	background-color: #00428a;
}

.index-brand-con .title p{
	line-height: 2.5vw;
	color: #000;
	margin-top: 2.0833vw;
	letter-spacing: 0;
}

.index-brand-con .title p span{
	letter-spacing: -1.25vw;
}


.index-brand-con .text{
	margin-top: 2.0833vw;
	position: relative;
}

.index-brand-con .text p{
	/* padding-left: 32%; */
	color: #757575;
	line-height: 1.875vw;
	text-align: justify;
}

.play-button-box{
	position: absolute;
	left: 0;
	top: -1.5625vw;
	display: none;
}

.play-button{
	width: 3.125vw;
	height: 3.125vw;
	border-radius: 50%;
	background-color: rgba(35, 184, 188, 1);
	z-index: 9;
	cursor: pointer;
	position: relative;
}

.play-button::after{
	position: absolute;
	left: calc(50% - 1.5625vw);
	top: calc(50% - 1.5625vw);
	width: 3.125vw;
	height: 3.125vw;
	display: block;
	content: "";
	background-color: rgba(35, 184, 188, 1);
	border-radius: 50%;
	z-index: -1;
}

.play-button:before{
	position: absolute;
	left: calc(50% - 1.5625vw);
	top: calc(50% - 1.5625vw);
	width: 3.125vw;
	height: 3.125vw;
	display: block;
	content: "";
	background-color: rgba(35, 184, 188, .3);
	z-index: -9;
	animation: living 2s infinite;
	border-radius: 50%;
}

.index-brand-con .pic{
	float: right;
	width: 47.5%;
	position: relative;
	border-radius: 24px;
	overflow: hidden;
}

.index-brand-chara{
	margin-top: 5.72916vw;
	justify-content: space-between !important;
}

.index-brand-chara .item{
	position: relative;
}

.index-brand-chara .item:before{
	position: absolute;
	right: -10vw;
	top: 0;
	height: 100%;
	width: 1px;
	background-color: rgba(0, 0, 0, 0.1);
	display: block;
	content: "";
}

.index-brand-chara .item em{
	font-weight: bold;
	color: #00428a;
}

.index-brand-chara .item em span{
	margin-left: .52vw;
}



.videos{
	
}

.videos-bg{
	
}

.videos-bg #video{
	position: fixed;
	left: 0;
	top: 0;
	text-align: center;
	z-index: 999999;
	height: 80vh;
	width: 80%;
	margin: 10vh 10%;
	background: rgba(0, 0, 0, 1);
}

.vclose-box{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, .8);
	z-index: 99999;
	cursor: pointer;
}

.vclose-box .vclose{
	position: fixed;
	right: 40px;
	top: 40px;
	z-index: 9999999;
	cursor: pointer;
}




.decade{
	background: url(../images/decade_bg.jpg) center center no-repeat;
	background-size: cover;
	background-attachment: fixed;
	color: #fff;
}

.decade .global-title{
	margin-top: -3.3333vw;
}

.decade-chara{
	margin-top: 11.9792vw;
}

.decade-chara .item{
	margin-top: 3.1250vw;
}

.decade-chara .item h3{
	margin-top: 0.3125vw;
}

.decade-chara .item p{
	margin-top: 0.3125vw;
}



.about-honor{
	background: url(../images/about_honor_bg.jpg) center center no-repeat;
	background-size: auto 100%
}

.about-honor .global-title{
	align-items: initial;
}

.about-honor .global-title .title{
	width: 81%;
}



/* 轮播基础样式 */
.honor-slider-wrapper {
  margin-top: 3.7500vw;
  position: relative;
              width: 100%;
}

.about-honor-list {
	padding-bottom:  2.5000vw;
	 display: flex;
	  flex-wrap: nowrap;
	  transition: transform 0.4s ease;
	  user-select: none;
	  cursor: grab;
}

.about-honor-list:active {
  cursor: grabbing;
}


.about-honor-list a {
	flex: 0 0 auto;
	  margin-right: 1.6667vw; /* 这里修改间距，JS 会自动读取 */
}

.about-honor-list a:last-child {
  margin-right: 0 !important;
}

.about-honor-list a .box {}

.about-honor-list a .pic {
	position: relative;
	background-color: #fff;
	border-radius: 16px;
	height: 20vw;
	overflow: hidden;
}

.about-honor-list a .pic img {
	max-height: 80%;
	max-width: 80%;
	 pointer-events: none;
}

.about-honor-list a h3 {
	color: #333333;
	text-align: center;
	font-weight: initial;
	margin-top: 1.25vw;
	max-height: 1.55vw;
	line-height: 1.55vw;
}



/* 左右按钮 */
.honor-slider-wrapper .slider-btn {
	display: none !important;
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  width: 3.1250vw;
  height: 3.1250vw;
  background: rgba(0,68,138,.2);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 9;
  transition: 0.2s;
}
.honor-slider-wrapper .slider-btn:hover {
  background: #00428a;
  color: #fff;
}

.honor-slider-wrapper .slider-btn i{
	font-size: 0.9375vw;
}
.honor-slider-wrapper .prev-btn {
  left: -4.1667vw;
}
.honor-slider-wrapper .next-btn {
  right: -4.1667vw;
}



.about-equipment .global-title .title{
	width: 58%;
}


/* 轮播外层容器 */
.equipment-wrap {
 position: relative;
 margin-top: 3.7500vw;
}

/* 滚动列表 */
.equipment-list {
  display: flex;
    transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
    user-select: none;
}
.equipment-list .item {
  flex-shrink: 0;
  text-align: center;
  margin-right: 1.6667vw;
}

.equipment-list .item img {
  width: 100%;
  object-fit: cover;
  border-radius: 0.8333vw;
  display: block;
   pointer-events: none;
}
.equipment-list .item h3 {
  margin-top: 0.8333vw;
  color: #333;
}

/* 左右切换按钮 */
.equipment-wrap .carousel-btn {
  position: absolute;
  top: -6.7708vw;
  width: 3.1250vw;
  height: 3.1250vw;
  background: #f5f8fb;
  color: #00428a;
  border-radius: 50%;
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}

.equipment-wrap .carousel-btn i{
	font-size: 0.9375vw;
}
.equipment-wrap .carousel-btn:hover {
  background: #00428a;
  color: #fff;
}
.equipment-wrap .carousel-btn.prev-btn2 {
  right: 4.1667vw;
}
.equipment-wrap .carousel-btn.next-btn2 {
  right: 0;
}




/* 企业实力 */




.strength-base .global-title .title{
	text-align: left;
	padding-right: 10%;
}

.strength-base .flickity-enabled {
  position: relative;
  margin-top: 3.7500vw;
  
}

.strength-base .flickity-enabled:focus { outline: none; }

.strength-base .flickity-viewport {
  overflow: hidden;
  position: relative;
}


.strength-base .flickity-slider {
  position: absolute;
  width: 100%;
}


.strength-base .flickity-prev-next-button {
  position: absolute;
  top: 39%;
  width: 2.6042vw;
  height: 2.6042vw;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  /* vertically center */
 background: initial;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          outline: initial;
		  background: #fff;
}

.strength-base .flickity-prev-next-button:hover{
	background-color: #00428a;
}

.strength-base .flickity-prev-next-button:hover .arrow {
  fill: #fff;
}

.strength-base .flickity-prev-next-button.previous { left: 6.2500vw; }
.strength-base .flickity-prev-next-button.next { right: 6.2500vw; }

.strength-base .flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.strength-base .flickity-prev-next-button svg {
  position: absolute;
  left: 35%;
  top: 35%;
  width: 30%;
  height: 30%;
}

.strength-base .flickity-prev-next-button .arrow {
  fill: #00428a;
}


/* color & size if no SVG - IE8 and Android 2.3 */
.strength-base .flickity-prev-next-button.no-svg {
  color: #fff;
  font-size: 20px;
}

/* ---- page dots ---- */

.strength-base .flickity-page-dots {
  display: none;
}

.strength-base .gallery {
  counter-reset: gallery-cell;
}

.strength-base .gallery-cell {
  width: 60%;
  height: auto;
  counter-increment: gallery-cell;
  margin: 0 1.0417vw;
  position: relative;
  opacity: .4;
}


.strength-base .gallery-cell.is-selected{
	opacity: 1;
}


.strength-base .gallery-cell.is-selected .text-con{
	opacity: 1;
}

.strength-base .gallery-cell:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  z-index: 9;
}

.strength-base .gallery-cell.is-selected:before{
	display: none;
}


.strength-base .pro-hot-pic{
	border-radius: 1.2500vw;
	overflow: hidden;
	 pointer-events: none;
}


.strength-base .text-con{
	margin-top: 2.0833vw;
	text-align: center;
	padding: 0 10%;
	opacity: 0;
}

.strength-base .text-con .area{
	margin-top: 0.8333vw;
	color: #00428a;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.5208vw !important;
	font-weight: bold;
	line-height: 1.6667vw;
	font-size: 1.0417vw;
}

.strength-base .text-con .text{
	line-height: 1.8750vw;
	margin-top: 1.0417vw;
}



.strength-equipment{
	background: url(../images/equipment_bg.jpg) center center no-repeat;
	background-size: cover;
}

.strength-equipment .global-title{
	color: #fff;
}

/* 整体容器 */
        .strength-equipment-wrap {
            position: relative;
			margin-top: 3.7500vw;
        }

        .carousel-viewport {
            overflow: hidden;
            position: relative;
            width: 100%;
        }

        /* 滑动轨道：使用grid布局实现“永远两排，横向扩展”，完美符合“两排，新增延长总宽度” */
        .carousel-track {
                    display: grid;
                    grid-auto-flow: column;      /* 横向排布，先填满两行再向右增加列 */
                    grid-template-rows: auto auto; /* 固定上下两排 */
                    gap: 1.6667vw;                  /* 间距默认，js会动态根据屏幕调整 */
                    transition: transform 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);
                    will-change: transform;
                    cursor: grab;
                }

        .carousel-track:active {
            cursor: grabbing;
        }

        .strength-equipment-wrap .item {
            flex-shrink: 0;
            box-sizing: border-box;
            overflow: hidden;
			border-radius: 0.4167vw;
			position: relative;
        }

        /* 图片区域 */
        .strength-equipment-wrap .pic {
            width: 100%;
            aspect-ratio: 4 / 3;
			 pointer-events: none;
        }

        .strength-equipment-wrap .pic img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        /* 标题样式 */
        .strength-equipment-wrap h3 {
           color: #fff;
		   text-align: center;
		   background: #21b3ca;
		   line-height: 2.6042vw;
		   position: absolute;
		   bottom: 0;
		   width: 100%;
        }

        /* 左右按钮公用样式 */
        .strength-equipment-wrap .carousel-btn {
            position: absolute;
            top: -6.2500vw;
            width: 3.1250vw;
            height: 3.1250vw;
			background: #21b3ca;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.2s;
            z-index: 10;
			color: #fff;
			opacity: 1;
        }

		.strength-equipment-wrap .carousel-btn.disabled-btn{
			background: rgba(255, 255, 255, 0.95);
			color: #00428a;
			opacity: .6;
		}
		
		.strength-equipment-wrap .carousel-btn i {
		    font-size: 1.2500vw;
		}

        .strength-equipment-wrap .prev-btn2 {
            right: 4.1667vw;
        }

        .strength-equipment-wrap .next-btn2 {
            right: 0;
        }





.strength-team{
	overflow: hidden;
	position: relative;
	background: url(../images/strength_team_bg.jpg) center center no-repeat;
	background-size: cover;
}

/* .strength-team .container{
	position: absolute;
	left: 50%;
	top: 6.7708vw;
	width: 87.5vw;
	height: 90%;
	transform: translateX(-50%);
} */

.strength-team .global-title{
	padding-right: 10%;
	text-align: left;
}

.strength-team-pic{
	margin-top: 3.7500vw;
}

.strength-team-pic ul {
	padding: 0 0;
}
    
.strength-team-pic ul li{
	float: left;
	width: 48.5%;
	margin-left: 3%;
	border-radius: 1.2500vw;
	overflow: hidden;
}

.strength-team-pic ul li img{
	width: 100%;
}

.strength-team-pic ul li:first-child{
	margin-left:0;
}


.strength-honor{
	background: url(../images/strength_honor_bg.jpg) center center no-repeat;
	background-size: cover;
}

.strength-honor .global-title .title{
	width: 75%;
}





/* 项目经验 */

.item-4 .item{
	width: calc(100% / 4 - 1.6667vw);
}

.case-defic-list{
	margin-top: 3.1250vw;
}

.case-defic-list .item{
	background-color: #f5f9fc;
	border-radius: 0.8333vw;
	text-align: center;
	margin-left: 1.6667vw;
	float: left;
}

.case-defic-list .item:first-child{
	margin-left: 0;
}

.case-defic-list .item .box{
	padding: 3.7500vw 5%;
}

.case-defic-list .item i{
	width: 6.7708vw;
	height: 6.7708vw;
	background-color: #00428a;
	border-radius: 50%;
	margin: 0 auto;
}

.case-defic-list .item h4{
	font-weight: initial;
	margin-top: 2.0833vw;
}



.case-char{
	background: #00428a url(../images/case_char_bg.jpg) center center no-repeat;
	background-size: cover;
}

.case-char .global-title .title{
	width: 100%;
}

.case-char .global-title ul {
	margin-top: 1.2500vw;
}

.case-char .global-title ul li{
	padding: 0.4167vw 0;
	line-height: 1.5625vw;
	border-bottom: 1px dashed rgba(255,255,255,.4);
	position: relative;
	padding-left: 1.2500vw;
	color: rgba(255,255,255,.8);
}

.case-char .global-title ul li:last-child{
	border-bottom: initial;
}

.case-char .global-title ul li:before{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	content: "";
	width: 0.4167vw;
	height: 0.4167vw;
	background-color: #21b3ca;
	border-radius: 50%;
}


.brand-strength-con{
	margin-top: 3.1250vw;
}

.brand-strength-menu .tabs-3 {
	display: flex;
	gap: 1.55vw;
}

.brand-strength-menu .tabs-3 a {
	width: 20%;
	height:5.2083vw;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	border-radius: 0.4167vw;
}

.brand-strength-menu .tabs-3 .box{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.5625vw;
}

.brand-strength-menu .tabs-3 a i {
	height: 2.5000vw;
}

.brand-strength-menu .tabs-3 a img {
	height: 100%;
	 filter: grayscale(100%) brightness(0%);
}

.brand-strength-menu .tabs-3 a h2 {
	font-size: 1.0417vw;
	line-height: 1.5625vw;
	color: #333;
	font-weight: initial;
	transition: all 0.5s;
	width: 6.7708vw;
}

.brand-strength-menu .tabs-3 a.active{
	opacity: 1;
	background-color: #21b3ca;
}

.brand-strength-menu .tabs-3 a.active h2,.brand-strength-menu .tabs-3 a.active:hover h2 {
	color: #fff;
}

.brand-strength-menu .tabs-3 a.active img{
	 filter: grayscale(100%) brightness(1000%);
}


.brand-strength-menu .tabs-3 a:hover {
	opacity: 1;
}


.brand-strength-box{
	margin-top: 2.0833vw;
	border-radius: 0.8333vw;
	overflow: hidden;
	background-color: #fff;
	position: relative;
}

.brand-strength-content-slide{
	position: relative;
}

.brand-strength-content-slide .pic{
	float: left;
	width: 50%;
}

.brand-strength-content-slide .pic img{
	max-width: initial;
	width: 100%;
	height: 29.1667vw;
	object-fit: cover;
}


.brand-strength-content-slide .text{
	float: left;
	width: 50%;
	overflow: hidden;
	height: 29.1667vw;
}

.brand-strength-content-slide .bgicon img{
	position: absolute;
	right: -6.2500vw;
	top: -8.0729vw;
	width: 18.2292vw;
	filter: grayscale(100%) brightness(0%);
	opacity: .02;
}


.brand-strength-content-slide  .text .box{
	padding: 0 4.6875vw;
}

.brand-strength-content-slide  .text h3{
	color: #333333;
	line-height: 2.5000vw;
	margin-top: 1.6667vw;
}

.brand-strength-content-slide  .text h3 span{
	display: block;
}

.brand-strength-content-slide  .text p{
	line-height: 1.55vw;
	margin-top: 1.55vw;
	color: #666;
}



.case-submenu{
	margin-top: 1.8750vw;
}

.case-submenu a{
	margin-top: 1.0417vw;
	padding: 0 2.0833vw;
	height: 3.1250vw;
	line-height: 3.1250vw;
	color: #333333;
	display: inline-block;
	background-color: #f5f8fb;
	border-radius: 0.4167vw;
	margin-right: 1.0417vw;
}

.case-submenu a.active{
	background-color: #00428a;
	color: #fff;
}

.case-submenu a:hover{
	color: #00428a;
}



.case-list-box .item{
	margin-top: 3.7500vw;
	width: calc(100% / 2 - 4.1667vw);
	float: left;
	margin-left: 4.1667vw;
	position: relative;
	transition: all 0.5s;
}

.case-list-box .item:hover{
	transform: translateY(-0.5208vw);
}

.case-list-box .item:nth-child(2n+1){
	margin-left: 0;
}

.case-list-box .item .pic{
	border-radius: 1.2500vw;
	padding: 0.8333vw;
	background-color: #f5f9fc;
}

.case-list-box .item .pic img{
	border-radius: 0.8333vw;
}

.case-list-box .item .text{
	padding: 1.8750vw 1.2500vw 0 1.2500vw;
}

.case-list-box .item .text h2{
	color: #333;
	margin-bottom: 0.7292vw;
	transition: all 0.5s;
}

.case-list-box .item:hover .text h2{
	color: #00428a;
}

.case-list-box .item .text p{
	color: #666;
	line-height: 1.8750vw;
	margin-bottom: 1.6667vw;
}

.case-list-box .item:hover a.news-more i{
	transform: rotate(0);
}





/* 案例详情页 */

.case-page .product-page-pic .pic-box img{
	height: 33.3333vw;
}

.case-page .project-page-con{
	height: 33.3333vw;
}


.pro-page-con{
	border-bottom: 1px solid #ddd;
}

.evaluate{
	padding-bottom: initial !important;
}

.evaluate-list{
	margin-top: 1.5625vw;
}

.evaluate-list .item{
	float: left;
	background-color: #f5f9fc;
	margin-left: 2.22226vw;
	border-radius: 0.8333vw;
	margin-top: 1.5625vw;
}

.evaluate-list .item:nth-child(4n+1){
	margin-left: 0;
	clear: both;
}

.evaluate-list .item .box{
	padding: 2.0833vw 2.6042vw;
}

.evaluate-list .item .title h3{
	color: #00428a;
}

.evaluate-list .item .text{
	margin-top: 1.5625vw;
}

.evaluate-list .item .text span{
	background-color: #dff2f7;
	padding: 0 0.3125vw;
	line-height: 1.3542vw;
	display: inline-block;
	border-radius: 0.1562vw;
	color: #00428a;
}

.evaluate-list .item .text p{
	line-height: 1.5625vw;
	height: 4.6875vw;
	margin-top: 0.5208vw;
}



.case-page-con-box{
	padding-top: 3.7500vw;
}

.case-page-con-box img{
	display: block;
	margin: 0 auto;
}


.mess-bg{
	background-color: #f5f9fc;
}

.mess-bg input,.mess-bg textarea{
	background-color: #fff !important;
}





/* 首页 */


.index-banner {
	position: relative;
	z-index: 1;
}

.index-banner .carousel-slide img.pc {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.index-banner .carousel-indicators {
	bottom: 40px;
}

.index-banner .carousel-controls span{
	display: none;
}


.responsive-carousel {
	position: relative;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.carousel-container {
	display: flex;
	transition: transform 0.5s ease;
}

.carousel-slide {
	text-align: center;
	width: 100%;
	background-color: #093290;
	position: relative;
}

.carousel-slide a{
	display: block;
	position: relative;
	z-index: 9;
}

.carousel-slide img.phone {
	display: none;
}



.carousel-indicators {
	position: absolute;
	bottom: 20px;
	width: 100%;
	text-align: center;
}

.carousel-indicators span {
	display: inline-block;
	width: 20px;
	height: 6px;
	margin: 0 5px;
	background-color: rgba(255, 255, 255, .5);
	border-radius: 3px;
	cursor: pointer;
	transition: all 0.5s;
}

.carousel-indicators span.active {
	width: 30px;
	background-color: rgba(0, 104, 183, 1);
	transition: all 0.5s;
}




        .tab-container {
			margin-top: 3.7500vw;
        }

        .tab-nav-wrapper {
            display: flex;
            align-items: center;
            margin-bottom: 2.0833vw;
			position: relative;
        }

        .tab-arrow {
            width: 3.1250vw;
            height: 3.1250vw;
            border-radius: 0.5vw;
            cursor: pointer;
            flex-shrink: 0;
            transition: all 0.2s ease;
			border-radius: 50%;
			position: absolute;
			top: -7.2917vw;
			right: 0;
			background: #f5f9fc;
			color: #014099;
        }
		
		.tab-arrow:hover{
			background: #21b3ca;
			color: #fff;
		}
		
		
		.tab-arrow.prev-arrow{
			right: 4.1667vw;
		}
		
		.tab-arrow i{
			font-size: 0.9375vw;
		}

        .tab-arrow.disabled {
            opacity: 0.4;
            cursor: not-allowed;
			background: #f5f9fc;
			color: #014099;
        }

        .tab-nav-scroll {
            flex: 1;
            overflow: hidden;
            width: calc(16.4583vw * 5);
        }


        .tab-nav {
            display: flex;
            list-style: none;
            width: max-content;
            gap: 1.2500vw;
            transition: all 0.3s ease;
        }

        .tab-item {
            width: 16.4583vw;
            height: 6vw;
            background: #f5f9fc;
            border-radius: 0.5vw;
            cursor: pointer;
            transition: all 0.2s ease;
            flex-shrink: 0;
			display: flex;
			justify-content: center;
			align-items: center;
        }
		
		.tab-item .box{
			display: flex;
			justify-content: space-between;
			align-items: center;
			width: 75%;
			gap: 1.25vw;
		}
		
		.tab-item h2{
			font-weight: initial;
			line-height: 1.55vw;
			text-align: right;
		}
		
		.tab-item img{
			height: 1.25vw;
		}

        .tab-item.active {
            background: #014099;
            color: #fff;
        }
		
		.tab-item.active h2{
			font-weight: bold;
		}
		
		.tab-item.active img{
			 filter: grayscale(100%) brightness(1000%);
		}

        .tab-content {
            border-radius: 1.2500vw;
			overflow: hidden;
        }

        .tab-pane {
            display: none;
        }

        .tab-pane.active {
            display: block;
        }
		
.index-project-con-slide .pic{
	width: 59.05%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.index-project-con-slide .pic img{
	max-width: initial;
	height: 37.5000vw;
	width: 100%;
	object-fit: cover;
}


.index-project-con-slide .con{
	width: 40.95%;
	height: 37.5000vw;
	background-color: #014099;
	display: flex;
	align-items: center;
	position: relative;
}

.index-project-icon-bg{
	position: absolute;
	bottom: 0;
	right: -1.2500vw;
	filter: grayscale(100%) brightness(1000%);
	height: 12.5000vw;
	opacity: .05;
}

.index-project-con-slide .con .box{
	padding: 4.6875vw 4.1667vw;
}

.i-pro-con-text p{
	color: rgba(255, 255, 255, .6);
	line-height: 1.8750vw;
	height: 5.625vw;
	margin-top: 0.9375vw;
}

.i-pro-item-list{
	margin-top: 1.0417vw;
	margin-bottom: 2.5000vw;
}

.i-pro-item-list ul li:first-child{
	border-top: initial;
}

.i-pro-item-list ul li{
	padding: 0.7292vw 0;
	border-top: 1px dashed rgba(255, 255, 255, .2);
}

.i-pro-item-list ul li a{
	line-height: 1.5625vw;
	color: rgba(255, 255, 255, .5) !important;
}

.i-pro-item-list ul li a i{
	margin-left: .52vw;
}

.i-pro-item-list ul li a:hover{
	color: #21b3ca !important;
}

.more-bg{
	background: #21b3ca;
}

.increase-more.more-bg:hover i{
	color: #014099;
}

.increase-more.more-bg:hover{
	opacity: .8;
}

.increase-more:hover i{
	transform: rotate(0deg);
}



.index-advantage{
	overflow: hidden;
}

.index-advantage-list{
	padding: 0 1.2500vw;
	margin-top: 3.7500vw;
	display: flex;
	justify-content: space-between;
}

.index-advantage-list .item{
	width: calc(100% / 3 - 1.2500vw);
	border-radius: 1.2500vw;
	overflow: hidden;
	position: relative;
}

.index-advantage-list .item .pic img{
	width: 100%;
}

.index-advantage-list .text{
	position: absolute;
	bottom: 0;
	left: 0;
}

.index-advantage-list .text .box{
	padding: 2.6042vw 3.3333vw;
}

.index-advantage-list .text h3{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.index-advantage-list .text h3 i{
	font-size: 1.8750vw;
	transform: rotate(-45deg);
	color: rgba(255, 255, 255, .4);
	transition: .3s;
}

.index-advantage-list .item:hover .text h3 i{
	transform: rotate(0deg);
	transition: .3s;
}

.index-advantage-list .text p{
	letter-spacing: 0;
	line-height: 1.6667vw;
	color: rgba(255, 255, 255, .8);
	height: 6.6668vw;
	margin-top: 0.8333vw;
	text-align: justify;
}


.index-partner{
	overflow: hidden;
}

.partner-list{
	position: relative;
	padding-top: 2.5vw;
}

        .scroll-mask {
            position: absolute;
            top: 0;
            height: 100%;
            width: 20%; 
            z-index: 10;
            pointer-events: none; 
        }

        .scroll-mask-left {
            left: 0;
            background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
        }

        .scroll-mask-right {
            right: 0;
            background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
        }


        .scroll-container {
            width: 100%;
            height: 8.0729vw;
            overflow: hidden;
            position: relative;
            margin-top: 1.25vw;
        }

               .scroll-track {
                   display: flex;
                   position: absolute;
                   top: 0;
                   left: 0;
                   height: 100%;
               }
       
               .scroll-content {
                   display: flex;
                   align-items: center;
                   height: 100%;
                   flex-shrink: 0;  
               }

        .scroll-item {
            width: 13.541666vw;
            height: 8.0729vw;
            margin: 0 .6250vw;
            border-radius: 0.5208vw;
            display: flex;
            align-items: center;
            justify-content: center;
			background-color: #f5f9fc;
        }

        .scroll-item img {
			max-height: 4.1667vw;
			max-width: 9.3750vw;
        }
		
		


.index-about{
	background: url(../images/index_about_bg.jpg) center center no-repeat;
	background-size: cover;
}

.i-a-text{
	width: 42.67%;
}

.i-a-text .title{
	padding-top: 0.9375vw;
}

.i-a-text .title h2{
	line-height: 3.3333vw;
}

.i-a-text .text{
	padding-top: 0.9375vw;
	margin-bottom: 2.5000vw;
	line-height: 1.6667vw;
	color: #666666;
}

.i-a-text .text p{
	margin-top: 0.9375vw;
}

.index-brand-chara.i-a-c {
    margin-top: 4.1667vw;
}

.index-brand-chara.i-a-c .item:before{
	display: none;
}



.i-a-pic{
	width: 50%;
	border-radius: 1.6667vw;
	overflow: hidden;
	position: relative;
}

.i-play-button-box{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.i-play-button-box .play-button{
	background-color: #014099;
}

.i-play-button-box .play-button:before{
	background-color: #fff;
	opacity: .4;
	z-index: -1;
}

.i-play-button-box .play-button::after{
	background-color: #014099;
}

.i-play-button-box .play-button img{
	height: 1.25vw;
}




.index-honor{
	background-color: #014099;
	padding: 2.6042vw 0;
	 overflow: hidden;
}

        .lb1 {
            position: relative;
            overflow: visible;
        }

        .honor-container {
            position: relative;
            width: 100%;
        }

        .honor-wrapper {
            display: flex;
            flex-wrap: nowrap;
            will-change: transform;
            transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            cursor: grab;
            list-style: none;
            align-items: stretch;
        }

        .honor-wrapper:active {
            cursor: grabbing;
        }

        .honor-slide {
            flex: 0 0 auto;        /* 不伸缩，宽度由内容决定 */
            width: auto;           /* 核心：不固定宽度，依据图片和文字自然撑开 */
            margin-right: 1.6667vw;     /* 卡片间距使用vw */
            transition: box-shadow 0.2s ease;
            overflow: hidden;
            text-align: center;
            backdrop-filter: blur(0px);
            border: 0.1vw solid rgba(0, 0, 0, 0.04);
        }

        .honor-slide:last-child {
            margin-right: 0;
        }

        .honor-slide img {
            width: auto;
            height: 16.1458vw;
            object-fit: contain;
            border-radius: 0.4167vw;
            pointer-events: none;  
        }

        .honor-slide p {
            color: #fff;
            line-height: 1.3;
            white-space: normal;
            word-break: break-word;
            background: transparent;
			margin-top: 1.5625vw;
        }

        .honor-button-prev,
        .honor-button-next {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 2.6042vw;
            height: 2.6042vw;
            background: rgba(255,255,255,0.92);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            z-index: 10;
            transition: all 0.2s ease;
			display: none !important;
			
        }

        .honor-button-prev:hover,
        .honor-button-next:hover {
            background: #ffffff;
            box-shadow: 0 1vw 2vw rgba(0, 0, 0, 0.15);
            transform: translateY(-50%) scale(1.05);
        }

        .honor-button-prev:active,
        .honor-button-next:active {
            transform: translateY(-50%) scale(0.96);
        }

        .honor-button-prev {
            left: -2.5vw;
        }

        .honor-button-next {
            right: -2.5vw;
        }
		
		.honor-button-prev i,
		.honor-button-next i{
			font-size: 1.0417vw;
			font-weight: bold;
			color: #014099;
		}


        .no-transition {
            transition: none !important;
        }

        .lb1:hover .auto-scroll-pause {
            
        }





.component-wrapper {
            width: 100%;
			margin-top: 2.9167vw;
			padding-top: 2.9167vw;
			border-top: 1px solid #ddd;
}

        /* Tabs */
.component-wrapper .tabs-3 {
            display: flex;
            flex-wrap: wrap;
        }

.component-wrapper .tabs-3 a {
            padding: 0 1.8750vw;
            margin-right: 1.0417vw;
            color: #666666;
            text-decoration: none;
            position: relative;
            cursor: pointer;
            background: transparent;
            border: none;
			background-color: #f5f9fc;
			line-height: 3.1250vw;
			border-radius: 0.4167vw;
        }

.component-wrapper .tabs-3 a.active {
            color: #fff;
			background-color: #014099;
        }

.component-wrapper .tabs-3 a.active::after {
            width: 100%;
        }

.component-wrapper .swiper-container3 {
            position: relative;
            width: 100%;
			margin-top: 4.1667vw;
        }

.component-wrapper .swiper-wrapper3 {
            display: flex;
            width: 100%;
        }

.component-wrapper .swiper-slide3 {
            width: 100%;
            flex-shrink: 0;
        }

.component-wrapper .swiper-slide3.hide-slide { 
				display: none;
}
.component-wrapper .swiper-slide3.show-slide { 
  display: block;
}

.component-wrapper .content-slide {
            position: relative;
            width: 100%;
        }

        /* 控制按钮栏 */
		
.component-wrapper .scroll-controls.hidden-controls { display: none; }

.component-wrapper .scroll-btn {
	position: absolute;
	top: -7.2917vw;
	right: 0;
	transform: initial;
            width: 3.1250vw;
            height: 3.1250vw;
            border-radius: 50%;
            background: #f5f9fc;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.2s ease;
            color: #014099;
            font-size: 1.0417vw;
        }
		
.component-wrapper .scroll-btn:hover {
            background: #014099;
			color: #fff;
        }
		
.component-wrapper .scroll-btn.prev-btn{
	right: 4.1667vw;
}
		
.component-wrapper .scroll-btn.disabled {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
    background: #f8fafc;
    transform: none;
}
		
.component-wrapper .scroll-list {
    display: flex;
    flex-wrap: nowrap;
    gap: 2.5000vw;
    cursor: grab;
    position: relative;
    touch-action: pan-y pinch-zoom; 
	overflow-x: hidden;
	overflow-y: hidden;
}
		
.component-wrapper .scroll-list.dragging { cursor: grabbing; }

        /* 卡片 */
.component-wrapper .item {
            flex: 0 0 auto;
            width: 27.5vw;
            overflow: hidden;
           transition: .3s;
           -moz-transition: .3s;
           -webkit-transition: .3s;
            will-change: transform;
			position: relative;
        }
		
		.component-wrapper .swiper-slide3.show-slide .item{ 
		  opacity: 1;
		}

.component-wrapper .item .pic {
    border-radius: 0.8333vw;
	overflow: hidden;
}

.component-wrapper .item .con {
    margin-top: 1.8750vw;
	padding: 0 1.0417vw;
}

.component-wrapper .item .con span{
	color: #999999;
	font-size: 0.8333vw;
}

.component-wrapper .item .con h2{
	line-height: 2.0833vw;
	font-weight: initial;
	margin-top: 0.8333vw;
	margin-bottom: 1.8750vw;
}




.swiper-container2,
.swiper-container3 {
	width: 100%;
	border-top: 0;
}

.swiper-slide2,
.swiper-slide3 {
	width: 100%;
	overflow: hidden;
}

.swiper-container2,
.swiper-container3 {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	/* Fix of Webkit flickering */
	z-index: 1;
}

.swiper-wrapper2,
.swiper-wrapper3 {
	position: relative;
	width: 100%;
	-webkit-transition-property: -webkit-transform, left, top;
	-webkit-transition-duration: 0s;
	-webkit-transform: translate3d(0px, 0, 0);
	-webkit-transition-timing-function: ease;

	-moz-transition-property: -moz-transform, left, top;
	-moz-transition-duration: 0s;
	-moz-transform: translate3d(0px, 0, 0);
	-moz-transition-timing-function: ease;

	-o-transition-property: -o-transform, left, top;
	-o-transition-duration: 0s;
	-o-transform: translate3d(0px, 0, 0);
	-o-transition-timing-function: ease;
	-o-transform: translate(0px, 0px);

	-ms-transition-property: -ms-transform, left, top;
	-ms-transition-duration: 0s;
	-ms-transform: translate3d(0px, 0, 0);
	-ms-transition-timing-function: ease;

	transition-property: transform, left, top;
	transition-duration: 0s;
	transform: translate3d(0px, 0, 0);
	transition-timing-function: ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.swiper-free-mode>.swiper-wrapper2,
.swiper-free-mode>.swiper-wrapper3 {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}

.swiper-slide2,
.swiper-slide3 {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	text-align: left;
}





/* 搜索 */

.search{
	background-color: #f0f4f8;
	padding: 5.2083vw 0;
}


.search .search-box{
	padding: 0 8%;
}


.search .search-box .input-box{
	position: relative;
	overflow: hidden;
	
}

.search .search-box .input-box input{
	width: 96%;
	padding: 0 2%;
	height: 3.1250vw;
	border: 1px solid #f0f4f8;
	background: #fff;
	outline: inherit;
	font-size: 0.9375vw;
	border-radius: 0.4167vw;
}

.search .input-box .search-but {
    position: absolute;
    top: 1px;
    right: -1px;
    height: 3.1250vw;
	padding: 0 3.7500vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #00428a;
    font-size: 0.9375vw;
    color: #fff;
	border-radius: 0.4167vw;
}


.hot-search{
	color: #999999;
	margin-left: 1.5625vw;
	margin-top: 0.9375vw;
}

.hot-search a{
	color: #333;
	margin-right: 1.0417vw;
}

.hot-search a:hover{
	color: #00428a;
}





.search-menu{
	margin-bottom: 4.1667vw;
	gap: 1.0417vw;
}

.search-menu a{
	line-height: 2.6042vw;
	padding: 0 1.2500vw;
	color: #333;
	background-color: #f0f4f8;
	border-radius: 0.4167vw;
}

.search-menu a:hover{
	color: #00428a;
}

.search-menu a.active{
	color: #fff;
	background-color: #00428a;
}



.search-list .item {
	width: 30.66%;
	margin-left: 4%;
	margin-bottom: 3.125vw;
	float: left;
}

.search-list .item:nth-child(3n+1) {
	margin-left: 0;
}

.search-list .item .pic {
	overflow: hidden;
	border-radius: 0.8333vw;
	position: relative;
}

.search-list .item .pic span{
	position: absolute;
	left: 0.5208vw;
	top: 0.5208vw;
	z-index: 9;
	font-size: 0.7292vw;
	color: #fff;
	background-color: #00428a;
	border-radius: 0.2083vw;
	line-height: 1.3542vw;
	padding: 0 0.4167vw;
}

.search-list .item .pic img {
	width: 100%;
	height: 16.6667vw;
	object-fit: cover;
	max-width: initial;
}

.search-list .item .con {
	padding: 0 0.5208vw;
}

.search-list .item .text {
	margin: 1.52vw 0;
	padding-bottom: 1.52vw;
	border-bottom: 1px solid #ddd; 
}

.search-list .item .text h2 {
	color: #333333;
	line-height: 1.8750vw;
	font-weight: initial;
	height: 3.7500vw;
	margin-top: 0.5vw;
	transition: all 0.6s;
}

.search-list .item:hover .text h2 {
	color: #00428a;
	transition: all 0.6s;
}


.search-list-box .increase-more{
	margin-top: 0.8333vw;
}



.search-none{
	padding: 0 0 4.1667vw;
	text-align: center;
}

.search-none h3{
	margin-top: 10px;
}

.search-none p{
	margin-top: 0.8333vw;
	color: #666;
	margin-bottom: 1.2500vw;
}




 /* 侧边浮窗容器 - 统一管理所有浮窗元素 */
        .sidebar-float {
            position: fixed;
            right: 1.5625vw;
            bottom: 2.6042vw;
            z-index: 9999;
            display: flex;
            flex-direction: column;
            gap: 0.6250vw;
        }
        
        /* 通用按钮样式 */
        .float-btn {
            width: 2.6042vw;
            height: 2.6042vw;
            background-color: #00428a;
            color: white;
            border-radius: 50%;
            text-align: center;
            line-height: 2.6042vw;
            font-size: 1.0417vw;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 2px 8px rgba(0,0,0,0.15);
            border: none;
            outline: none;
        }

        .float-btn:hover {
            background-color: #00428a;
            transform: scale(1.05);
        }

        /* 返回顶部按钮 */
        .back-to-top {
            opacity: 0;
            visibility: hidden;
        }

        .back-to-top.show {
            opacity: 1;
            visibility: visible;
        }

        /* 微信二维码浮窗 */
        .wechat-float {
            position: relative;
        }
		
		.wechat-float span{
			height: 96%;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		
		.wechat-float span img{
			height: 0.8333vw;
			display: inline;
		}

        .wechat-qrcode {
            position: absolute;
            right: 1.8750vw;
            bottom: 0;
            width: 6.7708vw;
            height: 8.3333vw;
            background-color: white;
            border-radius: 0.4167vw;
            padding: 0.5208vw;
            box-shadow: 0 4px 12px rgba(0,0,0,0.2);
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
            z-index: -1;
        }

        .wechat-qrcode img {
            width: 100%;
            height: auto;
            border-radius: 4px;
        }

        .wechat-qrcode p {
            text-align: center;
            font-size: 0.7292vw;
            color: #333;
            margin-bottom: 0.5208vw;
			height: auto;
			line-height: 1.6667vw !important;
        }

        .wechat-float:hover .wechat-qrcode,.wechat-float:hover .tel-qrcode {
            opacity: 1;
            visibility: visible;
            right: 3.3333vw;
        }


.tel-qrcode{
	position: absolute;
	right: 1.8750vw;
	bottom: 0;
	height: 2.6042vw;
	background-color: white;
	border-radius: 1.3vw;
	padding: 0 1.0417vw;
	box-shadow: 0 4px 12px rgba(0,0,0,0.2);
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	z-index: -1;
}

.tel-qrcode a{
	color: #00428a !important;
	font-weight: bold;
}

