@charset "utf-8";

.head-tran{
	
}

.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;
}

.header .container{
	max-width: initial;
	padding: 0 3%;
}


.logo{
	float: left;
	height: 5.2083vw;
	display: flex;
	align-items: center;
}

.logo h1 a{
	display: flex;
	align-items: center;
}

.logo h1 img{
	height: 2.9167vw;
}



.main-right{
	display: flex;
	margin-left: 20px;
}

.right-serach {
	opacity: .7;
    height: 100%;
    margin-left: 2.0833vw;
    cursor: pointer;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.right-serach:hover{
	opacity: 1;
}

.serach-icon{
	height: 1.2500vw;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}



.Whead-search {
  display: none;
  position: fixed;
  top: 5.2083vw;
  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;
}

.Whead-search.visible{
	display: block;
}
.Whead-search .hide-pic {
  position: absolute;
  bottom: 1.0417vw;
  left: 50%;
  width: 2.0833vw;
  height: 2.0833vw;
  transform: translateX(-1.0417vw);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.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.6042vw;
}

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

.Whead-search .search-box .input-box input{
	width: 92%;
	padding: 0 4%;
	height: 3.1250vw;
	border: 1px solid #cae0f0;
	background: #f4faff;
	font-size: 0.9375vw;
	outline: inherit;
	border-radius: 1.5625vw;
}

.h-search{
	position: absolute;
	top: 0;
	right: 0;
	height: 3.1250vw;
	line-height: 3.1250vw;
	border-radius: 1.5625vw;
	background-color: #00428a;
	padding: 0 2.5000vw;
}


.not-tel{
	color: #fff;
	font-weight: bold;
	font-family: -apple-system, BlinkMacSystemFont, "HarmonyOS Sans", "Segoe UI", Roboto, sans-serif;
	margin-left: 3.1250vw;
}

.tel-icon{
	height: 2.0833vw;
	margin-right: 0.8333vw;
}


/*菜单*/

.main-box{
	float: right;
	display: flex;
	justify-content: flex-end;
}

nav {
	
}

#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 0.8333vw;
}


#starlist li>a.active {
	color: #fff;
	font-weight: bold;
}



#starlist li:hover>a {
	color: #fff;
}


#starlist ul {}


#starlist li .sub {
	position: absolute;
	right: calc(50% - 4.1667vw);
	top: 5.2083vw;
	width: 8.3333vw;
	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.2083vw solid #005ca1;
	border-radius: 0.4167vw;
}


#starlist li:hover .sub {
	opacity: 1;
	top: 5.2083vw;
	padding: 0.7292vw 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: 5px 0;
}

#starlist ul.sub li a {
	color: #333;
	line-height: 1.8750vw;
	height: initial;
	font-weight: initial;
	margin: 0;
}


#starlist ul.sub li:hover a {
	color: #00428a;
}





.menu span,.menu:before,#starlist .active span,#starlist .active:before  {
	display: none;
}

.menu:before,#starlist .active:before {
	position: absolute;
	content: "";
	top: 35px;
	right: 6%;
	background-image: url(../images/jt.png);
	background-position: center center;
	background-size: 100%;
	width: 20px;
	height: 11px;
	-ms-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.menu:hover:before,#starlist .active:hover:before {
	transform: rotate(180deg)
}

#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-tran:hover .header .navicon {
	background: #fff;
}

.head-tran:hover .header .open .navicon {
	background: none
}

.head-tran:hover .header .navicon:before,
.head-tran:hover .header .navicon:after{
	background: #fff;
}

.head-tran:hover .header .open .navicon:before,
.head-tran:hover .header .open .navicon:after{
	background: #fff;
}

.head-tran:hover .header {
	background-color: rgba(0,66,138,1);
}



/*原色*/
.head-tran.head-primary .header .navicon {
	background: #fff;
}

.head-tran.head-primary .header .open .navicon {
	background: none
}

.head-tran.head-primary .header .navicon:before,
.head-tran.head-primary .header .navicon:after{
	background: #fff;
}

.head-tran.head-primary .header .open .navicon:before,
.head-tran.head-primary .header .open .navicon:after{
	background: #fff;
}

.head-tran.head-primary .header {
	background-color: rgba(0,66,138,1);
	box-shadow: 0 0 8px rgba(0,0,0,.1);
}

.head-primary .head-height{
	height: 5.2083vw;
}



/*导航悬浮*/
.head-tran .header.fixed .navicon {
	background: #fff;
}

.head-tran .header.fixed .open .navicon {
	background: none
}

.head-tran .header.fixed .navicon:before,
.head-tran .header.fixed .navicon:after{
	background: #fff;
}

.head-tran .header.fixed .open .navicon:before,
.head-tran .header.fixed .open .navicon:after{
	background: #fff;
}

.head-tran .header.fixed {
	background-color: rgba(0,66,138,1);
	box-shadow: 0 0 8px rgba(0,0,0,.1);
}




.news-hot{
	background: #134198 url(../images/news_hot_bg.jpg) center center no-repeat;
	background-size: cover;
	 overflow: hidden;
}

.news-hot .container{
	z-index: 9;
	position: relative;
}

.hot-title{
	margin-top: 2.6042vw;
}

.hot-title h2{
	font-weight: initial;
}


.hot-item{
	width: 50.0000vw;
	height: 29.1667vw;
	border-radius: 0.6250vw;
	overflow: hidden;
}

.hot-item img{
	max-width: initial;
	height: 29.1667vw;
}

.text-box{
	bottom: 0;
	z-index: 9;
	width: 90%;
	padding: 1.8750vw 5%;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,.7));
}

.text-box h2{
	font-weight: initial;
	line-height: 2.5000vw;
	height: 2.5000vw;
}

.text-box .des{
	margin-top: 0.8333vw;
}

.text-box .des i{
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.hot-item a:hover .text-box .des i{
	-webkit-transform: rotate(0);
	transform: rotate(0);
}


.hot-list{
	width: 33.3333vw;
}

.hot-list .item:first-child{
	padding-top: 0.9375vw;
}

.hot-list .item{
	padding: 2.0833vw 0;
	border-bottom: 1px solid rgba(255,255,255,.2);
}

.hot-list .item:last-child{
	border-bottom: initial;
}

.hot-list .item span{
	display: block;
	opacity: .6;
}

.hot-list .item h2{
	margin-top: 1.1458vw;
	line-height: 1.8750vw;
	font-weight: initial;
	height: 3.7500vw;
}





.list-menu{
	height: 5.2083vw;
	border-bottom: 1px solid #eeeeee;
}

.list-cru{
	line-height: 5.2083vw;
	float: right;
}

.list-cru a{
	color: #666;
}

.list-cru a:hover{
	color: #00428a;
}

.list-cru i{
	margin: 0 0.6250vw;
	font-size: 0.8333vw;
	color: #666;
}

.list-cru i:first-child{
	margin: 0 0.3125vw;
	font-size: 1.0417vw;
}


.submenu{
	float: left;
}

.submenu ul li{
	display: inline-block;
	margin-right: 2.6042vw;
	line-height: 5.2083vw;
	position: relative;
}

.submenu ul li:last-child{
	margin-right: 0;
}

.submenu ul li a{
	color: #333333;
}

.submenu ul li a:hover{
	color: #00428a;
}

.submenu ul li a:after{
	width: 0;
	height: 4px;
	background: #00428a;
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -1px;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.submenu ul li a:hover:after{
	width: 100%;
}

.submenu ul li.active a{
	color: #00428a;
	font-weight: bold;
}

.submenu ul li.active a:after{
	width: 100%;
}




.itemlist-3 .item {
	width: 31%;
	margin-left: 3.5%;
	margin-bottom: 4.1667vw;
	float: left;
}

.itemlist-3 .item:nth-child(3n+1) {
	margin-left: 0;
	clear: both;
}

.news-list .item{
	background: #f0f4f8;
	border-radius: 0.8333vw;
}

.news-list .item a{
	display: block;
	padding: 0.8333vw;
}

.news-list .item .pic {
	overflow: hidden;
	border-radius: 0.6250vw;
}

.news-list .item .pic img {
	width: 100%;
}

.news-list .item .con{
	padding: 2.0833vw 1.2500vw;
}

.news-list .item .text {
	
}

.news-list .item .text span {
	color: #999;
}

.news-list .item .text h2 {
	color: #333333;
	line-height: 1.8750vw;
	font-weight: initial;
	height: 4.1667vw;
	margin-top: 0.7292vw;
	transition: all 0.6s;
}

.news-list .item:hover .text h2 {
	color: #00428a;
	transition: all 0.6s;
}


.view-details {
	margin-top: 1.8750vw;
	padding-top: 1.5625vw;
	border-top: 1px solid #dddddd;
	color: #00428a;
	display: flex;
	justify-content: space-between;
}

.view-details i {
	font-size: 1.0417vw;
	transform: rotate(-45deg);
	display: inline-block;
	margin-left: .5vw;
	transition: all 0.6s;
}

.news-list .item:hover .view-details i {
	transition: all 0.6s;
	transform: rotate(0);
}

.increase-more {
	position: relative;
	left: 50%;
	transform: translateX(-50%) !important;
	color: #fff;
	display: inline-block;
	text-align: center;
	transition: all 0.6s;
	line-height: 3.1250vw;
	background: linear-gradient(to right, #113789, #1a53cb);
	border-radius: 1.5625vw;
	height: 3.1250vw;
	padding: 0 0.6vw 0 1.5625vw;
}

.increase-more:hover {
	transition: all 0.6s;
}

.increase-more span {
	display: flex;
}

.increase-more i {
	background-color: rgba(255, 255, 255, 1);
	width: 1.8750vw;
	height: 1.8750vw;
	line-height: 1.8750vw;
	border-radius: 50%;
	font-size: 0.8333vw;
	color: #00428a;
	margin-left: 1.8750vw;
	transition: all 0.6s;
	 transform: rotate(90deg);
	 margin-top: 0.60vw;
}



.foot {
	padding: 5.2083vw 0 4.1667vw;
	background: #00428a url(../images/foot_bg.png) right bottom no-repeat;
}

.foot-con {
	width: 22.3958vw;
}


.foot-contact ul li {
	margin-top: 1.302vw;
}

.foot-contact ul li:first-child {
	margin-top: 0;
}

.foot-contact ul li span {
	color: rgba(255, 255, 255, .6);
}

.foot-contact ul li p {
	margin-top: 0.5208vw;
	font-weight: bold;
	font-family: -apple-system, BlinkMacSystemFont, "HarmonyOS Sans", "Segoe UI", Roboto, sans-serif;
}

.foot-rwm {
	margin-top: 2.604vw;
}

.foot-rwm ul{
	margin-top: 1.8750vw;
}

.foot-rwm ul li {
	width: 6.2500vw;
	float: left;
	text-align: center;
	margin-right: 1vw;
}

.foot-rwm ul li img {
	width: 100%;
	max-width: initial;
}

.foot-rwm ul li p {
	color: rgba(255, 255, 255, .6);
	margin-top: .5vw;
}

.external-platform {
	margin-top: 2.5000vw;
}

.external-platform ul li {
	display: inline-block;
	vertical-align: top;
	margin-right: 1.0417vw;
}

.external-platform ul li a {
	width: 2.6042vw;
	height: 2.6042vw;
	border-radius: 50%;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.external-platform ul li a:hover {
	background-color: #fff;
}

.external-platform ul li a img {
	max-height: 1.2500vw;
	max-width: 1.8750vw;
}


.foot-menu {
	width: 50.0000vw;
}

.foot-menu ul {
	display: flex;
	justify-content: space-between;
}

.foot-menu ul li {}

.foot-menu ul li a {
	color: #fff;
	font-weight: bold;
	font-size: 1.04166vw;
}

.foot-menu ul li ul {
	margin-top: 1.9vw;
	display: block;
}

.foot-menu ul li ul li {
	width: 100%;
	float: initial;
	line-height: 2.5vw;
}

.foot-menu ul li ul li a {
	color: rgba(255, 255, 255, .6);
	font-weight: initial;
	font-size: 0.94vw;
}

.foot-menu ul li ul li a:hover {
	color: rgba(255, 255, 255, 1);
}



.foot-copy {
	padding-top: 4.1667vw;
}

.copy-text{
	padding: 0.4167vw 0;
	margin-top: 0.8333vw;
}

.copy-menu{
	margin-top: 0.8333vw;
}

.copy-text a,
.tech a,
.copy-menu a {
	color: rgba(255, 255, 255, .6);
}

.copy-text a:hover,
.tech a:hover,
.copy-menu a:hover {
	color: rgba(255, 255, 255, 1);
}

.copy-text span,
.copy-menu span {
	margin: 0 .5vw;
	color: rgba(255, 255, 255, .4);
}

.tech,
.copy-box {
	color: rgba(255, 255, 255, .6);
}

.tech{
	text-align: right;
	margin-top: 0.8333vw;
}


.link{
	position: relative;
	width: 13.5417vw;
}
        .friend-link-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: rgba(255, 255, 255, .9);
            cursor: pointer;
            transition: background 0.2s ease;
			height: 2.5000vw;
			padding: 0 1.0417vw;
			border-radius: 0.4167vw;
        }
        .friend-link-header:hover {
            background: rgba(255, 255, 255, 1);
        }

        .friend-link-title {
            color: #00428a;
			font-weight: bold;
        }

        .arrow-icon {
            width: 8px;
            height: 8px;
            border: solid 3px #0F5499;
            border-top: none;
            border-right: none;
            transform: rotate(135deg); 
            transition: transform 0.3s ease;
        }
        .arrow-icon.active {
            transform: rotate(-45deg);
        }

        .friend-link-content {
            background: #ffffff;
            max-height: 500px;
            overflow: hidden;
            transition: max-height 0.4s ease, padding 0.3s ease;
			position: absolute;
			bottom: 2.5000vw;
			border-radius: 0.4167vw;
			width: 84%;
			padding: 0.8333vw 8%;
        }
        .friend-link-content.hidden {
            max-height: 0;
            padding: 0 8%;
        }
		
		.link-list li{
			width: 100%;
		}

        .link-list li a {
			display: block;
            color: #333;
			line-height: 1.8750vw;
        }
        .link-list li a:hover {
            color: #00428a;
        }






/* 新闻内容页 */
.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;
	position: initial;
}

.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-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 .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;
}



.page-cru{
	width: 100%;
	height: 4.1667vw;
	line-height: 4.1667vw;
	background-color: #f0f4f8;
}

.page-cru a{
	color: #999;
}

.page-cru a:hover{
	color: #00428a;
}

.page-cru i{
	font-size: 0.7292vw;
	margin: 0 0.5208vw;
	color: #999;
}

.page-cru i:first-child{
	font-size: 1.1458vw;
}


.related-news{
	padding-bottom: 2.0833vw;
}

.title h2{
	line-height: 3.1250vw;
	font-weight: initial;
}

.title p{
	line-height: 1.6667vw;
}


.button{
	width: 7.8125vw;
	height: 2.6042vw;
	background: linear-gradient(to right, #113789, #1a53cb);
	border-radius: 1.3542vw;
}

.button a{
	line-height: 2.6042vw;
}

.button i{
	color: #fff;
	font-weight: bold;
	font-size: 0.8333vw;
	 transform: rotate(45deg);
	 margin-left: 1.2500vw;
	 transition: all 0.5s;
}

.button:hover i{
	 margin-left: 0.8333vw;
}




/* 用户服务协议 */

.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;
}





/* 搜索 */

.search{
	background-color: #f0f4f8;
	padding: 5.2083vw 0;
}


.search .search-box{
	padding: 0 8%;
}


.search .search-box .input-box{
	position: relative;
	
}

.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: 1.6667vw;
}

.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: linear-gradient(to right, #113789, #1a53cb);
    font-size: 0.9375vw;
    color: #fff;
	border-radius: 1.6667vw;
}


.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: 1.3542vw;
}

.search-menu a:hover{
	color: #00428a;
}

.search-menu a.active{
	color: #fff;
	background: linear-gradient(to right, #113789, #1a53cb);
}



.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;
	background-color: #f0f4f8;
}

.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 0 0;
}

.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;
}

.search-return{
	width: 8.3333vw;
	display: inline-block;
}

.button.search-return i{
	 margin-left: 1.3542vw;
	 transition: all 0.5s;
}

.button.search-return:hover i{
	 margin-left: 0.9375vw;
}




/* 联系我们 */

.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;
}

.phone{
	display: none;
}

.slide-more{
	position: absolute;
	bottom: 2.0833vw;
	left: 50%;
	transform: translateX(-50%);
	gap: 0.6250vw;
	color: rgba(255, 255, 255, .6);
}

.slide-more img{
	animation: floatSoft 1.6s cubic-bezier(.55, .5, .45, .5) infinite
}


@keyframes floatSoft {
            0% {
                transform: translateY(8px);
            }
            50% {
                transform: translateY(-8px);  /* 向上抬起22px，模拟轻盈漂浮感 */
            }
            100% {
                transform: translateY(8px);
            }
        }

.title b{
	font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}



.contact-us::before{
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/embellish_pic.png) right top no-repeat;
	background-size: auto 14.0625vw;
	width: 100%;
	height: 100%;
	z-index: -1;
	display: block;
	content: "";
}

.contact-us::after{
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/embellish_pic.png) left bottom no-repeat;
	background-size: auto 14.0625vw;
	width: 100%;
	height: 100%;
	z-index: -1;
	display: block;
	content: "";
}

.contact-pic{
	width: 50%;
	border-radius: 1.2500vw;
	overflow: hidden;
}


.contact-con{
	width: 45.5%;
}

.contact-con .c-title{
	padding-top: 1.5625vw;
}

.contact-con .c-title h3{
	font-weight: initial;
	position: relative;
	padding-left: 0.8333vw;
	line-height: 1.2500vw;
}

.contact-con .c-title h3:before{
	position: absolute;
	left: 0%;
	top: 50%;
	transform: translateY(-50%);
	width: 0.2083vw;
	height: 1.2500vw;
	background-color: #00428a;
	display: block;
	content: "";
	border-radius: 0.1042vw;
}

.contact-con .c-title h2{
	margin-top: 0.5208vw;
}


.contact-con .c-text{
	margin-top: 1.8750vw;
	padding-top: 1.8750vw;
	border-top: 1px solid #dddddd;
}

.contact-con .c-text ul li{
	margin-top: 1.2500vw;
}

.contact-con .c-text ul li:first-child{
	margin-top: 0;
}

.contact-con .c-text ul li span{
	gap: 0.5208vw;
	color: #666666;
}

.contact-con .c-text ul li p{
	color: #333;
	font-weight: bold;
	margin-top: 0.3125vw;
	line-height: 1.8750vw;
}

.contact-con .button{
	margin-top: 4.6875vw;
}



.contact-subsidiary-list {
	margin-bottom: 3.125vw;
}

.contact-subsidiary-list .container {
	border-top: 2px solid #d8e8f4;
	border-bottom: 2px solid #d8e8f4;
}

.contact-subsidiary-list .box {
	padding: 3.65vw 0;
}

.contact-subsidiary-list .pic {
	width: 28.515625vw;
	border-radius: 0.8333vw;
	overflow: hidden;
}

.contact-subsidiary-list .pic img {
	width: 100%;
}


.contact-subsidiary-list .type {
	width: 16.041666vw;
	padding-top: 1.25vw;
	color: #333333;
}

.contact-subsidiary-list .type p{
	text-decoration: underline;
}

.contact-subsidiary-list .con {
	width: 37.0833vw;
	padding-top: 1.25vw;
}


.contact-subsidiary-list .con .title h2 {
	color: #00428a;
	line-height: 2.083vw;
	margin-top: 0.52vw;
}


.contact-subsidiary-list .con .infor {
	margin-top: 1.40625vw;
}

.contact-subsidiary-list .con .infor ul li {
	margin-top: 0.3125vw;
	color: #333333;
	line-height: 1.67vw;
}

.contact-subsidiary-list .con .infor ul li span {
	float: left;
	width: 9%;
}

.contact-subsidiary-list .con .infor ul li p {
	float: left;
	width: 91%;
}


.contact-subsidiary-list .con .view-details {
	margin-top: 1.04166vw;
	border-top: initial;
}

.view-details a {
	color: #00428a;
}

.view-details:hover i {
	transition: all 0.6s;
	transform: rotate(0);
}




.message-page .title h2{
	font-weight: initial;
}

.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: 3.1250vw;
	background-color: #f0f3f8;
	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: #f0f3f8;
}



.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: 1.5625vw;
	color: #fff;
	margin-top: 1.1458vw;
}


.mess-submit a.submit:hover {
	background-color: #21b3ca;
}





/* 工程案例 */

.case-list .item{
	position: relative;
	margin-bottom: 2.0833vw;
}

.label{
	position: absolute;
	left: 0.6250vw;
	top: 0.6250vw;
	display: inline-block;
	border-radius: 0.2083vw;
	z-index: 9;
	line-height: 1.3542vw;
	padding: 0 0.3125vw;
}

.case-list .item .pic{
	border-radius: 0.6250vw;
	overflow: hidden;
}

.case-list .item .con{
	padding: 1.2500vw 1.5625vw;
}

.case-list .item .text{
	
}

.case-list .item .text h2{
	color: #333333;
	line-height: 36px;
	height: 36px;
}

.case-list .item:hover .text h2{
	color: #00428a;
}

.c-view-details{
	padding-top: 1.2500vw;
}

.c-view-details i{
	width: 1.5625vw;
	height: 1.5625vw;
	font-size: 0.7292vw;
	border-radius: 50%;
	transform: rotate(-45deg);
}

.case-list .item:hover .c-view-details i{
	transform: rotate(0);
}


.case-mess{
	background: url(../images/case_message_bg.jpg) center center no-repeat;
	background-size: cover;
	position: relative;
	bottom: -5.2083vw;
	margin-top: -5.2083vw;
	padding-bottom: 7.8125vw !important;
}

.case-mess-box .title{
	width: 45%;
}

.case-mess-con{
	width: 45%;
}

.case-mess-con .item:first-child{
	margin-top: 0;
}

.case-mess-con .item{
	margin-top: 1.0417vw;
	position: relative;
}

.case-mess-con .item input,.case-mess-con .item textarea{
	background-color: #f0f3f8;
	height: 3.1250vw;
	line-height: 3.1250vw;
	border: initial;
	padding: 0 3% 0 22%;
	width: 75%;
	border-radius: 1.5625vw;
}

.case-mess-con .item p{
	position: absolute;
	left: 5%;
	line-height: 3.1250vw;
	gap: 0.8333vw;
}

.case-mess-con .item p img{
	height: 1.0417vw;
}





/* 案例内容页 */
.case-page .container{
	border-radius: 1.2500vw;
	overflow: hidden;
	background-color: #f0f4f8;
}

.product-page-pic{
	width: 50.0000vw;
	position: relative;
	overflow: hidden;
	border-radius: 1.2500vw;
}

.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%;
	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: 1.5625vw;
	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: 1.5625vw;
	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(0,66,138,.2);
	border-radius: 0.1042vw;
}

.product-page-pic .slider-nav__item--current {
	background: #00428a;
} 
/*被选中后的样式*/



.case-page-con{
	width: 37.5000vw;
}

.case-page-con .box{
	padding: 4.6875vw 4.1667vw;
	border-right: 0.5208vw solid #00428a;
	border-radius: 1.2500vw;
}

.case-page-con .subtitle h2{
	color: #333;
}

.case-page-con .chara{
	
}

.case-page-con .chara ul li{
	border-top: 1px dashed #ddd;
	line-height: 1.6667vw;
	padding: 0.6250vw 0;
	display: flex;
	gap: 1.5625vw;
}

.case-page-con .chara ul li strong{
	color: #999999;
	font-weight: initial;
	width: 5.2083vw;
}

.case-page-con .chara ul li span{
	color: #333333;
	width: 28.0208vw;
}


.case-page-con .button{
	margin-top: 2.0833vw;
	width: 8.3333vw;
}

.case-page-con .button a{
	gap: 0.7292vw;
}

.case-page-con .button img{
	height: 1.0417vw;
}




/* 定制服务 */

.custom-service .text{
	margin-top: 2.0833vw;
	padding-top: 2.0833vw;
	position: relative;
}

.custom-service .text:before{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 5.2083vw;
	height: 0.1562vw;
	background-color: #dddddd;
	display: block;
	content: "";
}

.custom-service .text p{
	line-height: 1.6667vw;
	padding: 0.2083vw 0;
	color: #666;
}


.custom-service .pic{
	margin-top: 1.6667vw;
}

.custom-service .pic ul li{
	width: 32%;
	margin-left: 2%;
	float: left;
	margin-top: 1.6667vw;
	border-radius: 0.8333vw;
	overflow: hidden;
}

.custom-service .pic ul li:nth-child(3n+1){
	margin-left: 0;
}


.custom-service .process{
	margin-top: 6.2500vw;
}

.custom-service .process ul li i:before{
	position: absolute;
	right: -4.6875vw;
	top: 50%;
	transform: translateX(-11px);
	width: 1.1458vw;
	height: 1.1458vw;
	display: block;
	content: "";
	background: url(../images/case_right_a.png) center center no-repeat;
	background-size: cover;
}

.custom-service .process ul li:last-child i:before{
	display: none;
}

.custom-service .process ul li i{
	width: 11.4583vw;
	height: 11.4583vw;
	border-radius: 50%;
	border: 1px solid #ddd;
	position: relative;
}

.custom-service .process ul li i img{
	height: 3.7500vw;
}

.custom-service .process ul li p{
	color: #333;
}




.index-case{
	background: url(../images/index_case_bg.jpg) center center no-repeat;
	background-size: cover;
}

        .content-card {
            background: #fff;
            border-radius: 1.2500vw;
            overflow: hidden;
            margin-bottom: 2.0833vw;
            position: relative;
        }

        .case-item {
            display: none;
            width: 100%;
        }

        .case-item.active {
            display: block;
        }

        .content-left {
            flex: 1;
			width: 40%;
            padding: 2.0833vw 5%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            transition: opacity 0.22s ease, transform 0.25s ease;
            opacity: 1;
            transform: translateY(0);
			float: left;
			height: 25.0000vw;
			position: relative;
        }

        .content-right {
            flex: 1;
            width: 50%;
            overflow: hidden;
            transition: opacity 0.25s ease, transform 0.3s ease;
            opacity: 1;
            transform: translateX(0);
			position: relative;
        }

        .content-right img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
			border-radius: 1.2500vw;
        }

        .case-title {
            color: #1f2937;
            margin-bottom: 0.9375vw;
			line-height: 2.5000vw;
			overflow: hidden;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			max-height: 5vw;
			overflow: hidden;
        }

        .divider {
            height: 1px;
            background: #e5e7eb;
            margin-bottom: 1.2500vw;
        }

        .info-list {
            list-style: none;
            margin-bottom: 32px;
        }

        .info-list li {
            display: flex;
			line-height: 1.6667vw;
			padding: 0.3125vw 0;
			gap: 1.5625vw;
        }

        .info-list li:last-child {
            margin-bottom: 0;
        }
		
		.info-list li span {
		   display: -webkit-box;
		   -webkit-box-orient: vertical;
		   -webkit-line-clamp: 3;
		   max-height: 5vw;
		   overflow: hidden;
		}

        .info-label {
            color: #1f2937;
			width: 15%;
        }

        .info-value {
            color: #4b5563;
			width: 75%;
        }

        .consult-btn {
            display: flex;
			justify-content: center;
            align-items: center;
			width: 7.8125vw;
            color: #fff;
            border-radius: 1.3542vw;
            transition: all 0.3s ease;
			height: 2.6042vw;
			position: relative;
			z-index: 999;
        }

        .consult-btn img {
			transition: all 0.3s ease;
			margin-right: 0.8333vw;
			height: 0.8333vw;
        }
		
		.consult-btn:hover img{
			 margin-right: 0.5208vw;
		}

        .category-tabs {
            display: flex;
            gap: 1.6667vw;
            flex-wrap: wrap;
        }

        .tab-item {
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background: #fff;
            border-radius: 0.6250vw;
            cursor: pointer;
            transition: all 0.35s ease;
			height: 6.2500vw;
        }

        .tab-item:hover {
            transform: translateY(-3px);
        }

        .tab-item.active {
            background: linear-gradient(to right, #113789, #1a53cb);
            color: #fff;
			 transition: all 0.35s ease;
        }

        .tab-icon img {
            height: 1.6667vw;
            transition: all 0.35s ease;
        }

        .tab-item.active .tab-icon img {
			filter: brightness(0) invert(100%);
        }

        .tab-text {
            font-size: 0.8333vw;
            color: #333333;
             transition: all 0.35s ease;
            text-align: center;
			margin-top: 0.4167vw;
        }

        .tab-item.active .tab-text {
            color: #fff;
        }

        .tab-arrow {
            opacity: 0;
            transform: translateX(-0.3125vw);
            transition: all 0.35s ease;
			height: 0;
        }

        .tab-item.active .tab-arrow {
            opacity: 1;
            transform: translateX(0);
			height: auto;
			transition: all 0.3s ease;
        }

        .tab-arrow i {
           font-size: 0.8333vw;
        }




/* 产品中心 */


.pro-menu{
	background-color: #f0f4f8;
}

.pro-submenu{
	
}

.pro-submenu ul{
	text-align: center;
}

.pro-submenu ul li{
	display: inline-block;
	padding: 2.5000vw 2.6042vw;
	transition: all 0.3s;
}

.pro-submenu ul li a{
	display: block;
}

.pro-submenu ul li.active{
	background-color: #fff;
	transition: all 0.3s;
}

.pro-submenu ul li.active img,.pro-submenu ul li:hover img{
	filter: initial;
	transition: all 0.3s;
}

.pro-submenu ul li:hover span{
	color: #00428a;
	transition: all 0.3s;
}

.pro-submenu ul li.active span{
	background: linear-gradient(to right, #113789, #1a53cb);
	-webkit-background-clip: text;
	color: transparent;
}

.pro-submenu ul li img{
	filter: brightness(0) invert(40%);
	transition: all 0.3s;
	height: 2.1875vw;
}

.pro-submenu ul li span{
	display: block;
	color: #666666;
	margin-top: 0.8333vw;
	transition: all 0.3s;
}



.product-list-title{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.product-list-title .subtitle{
	
}

.product-list-title .subtitle h2{
	color: #333;
}

.product-list-title .submenu-list{
	width: 80%;
}

.product-list-title .submenu-list a{
	color: #666666;
	line-height: 1.8750vw;
	margin-right: 1.8750vw;
	position: relative;
}

.product-list-title .submenu-list a:last-child{
	margin-right: 0;
}

.product-list-title .submenu-list a:hover{
	color: #333;
}

.product-list-title .submenu-list a.active{
	color: #333;
	font-weight: bold;
}

.product-list-title .submenu-list a.active:before{
	width: 100%;
	height: 8px;
	background: linear-gradient(to right, #113789, #1a53cb);
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -1px;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	opacity: .8;
}

.product-list-title .statistics{
	line-height: 1.8750vw;
	color: #666666;
}

.product-list-title .statistics span{
	color: #00428a;
}



.product-hot{
	/* margin-bottom: initial !important; */
}

.product-hot .item:first-child{
	width: 49%;
	background: url(../images/product_list_hot.jpg) center center no-repeat;
	background-size: cover;
}


.product-list{
	margin-bottom: 3.7500vw;
}

.product-list .item{
	width: 23.5%;
	float: left;
	margin-left: 2%;
	background-color: #f0f4f8;
	border-radius: 0.6250vw;
	margin-top: 1.6667vw;
}


.product-list .item:first-child{
	margin-left: 0;
}

.product-list .item:nth-child(4n+4){
	margin-left: 0;
}

.product-list .item a{
	padding: 1.5625vw;
	display: block;
}

.product-list .item .con{
	
}

.product-list .item .con h2{
	line-height: 1.8750vw;
	height: 1.8750vw;
	color: #333;
}

.product-list .item .con p{
	line-height: 1.2500vw;
	height: 1.2500vw;
	color: #666666;
	margin-top: 0.3125vw;
}

.product-list .item:hover{
	box-shadow: 0 0 0.8333vw rgba(0, 92, 161, .1);
	background-color: #fff;
}

.product-list .item:hover .con h2{
	background: linear-gradient(to right, #113789, #1a53cb);
	-webkit-background-clip: text;
	color: transparent;
}

.product-list .item .pic{
	margin: 2.6042vw 0;
	padding: 0 8%;
	height: 11.4583vw;
	display: flex;
	justify-content: center;
	align-items: center;
}

.product-list .item .pic img{
	transition: all 0.3s;
	max-height: 11.4583vw;
}

.product-list .item:hover .pic img{
	transform: scale(1.06);
	transition: all 0.3s;
}

.n-line{
	border-top: initial;
	margin-top: 0;
	padding-top: 0;
}




/* 产品内容页 */

.product-pc{
	
}

.product-pc img,.product-phone img{
	max-width: initial;
	width: 100%;
}

.product-phone{
	display: none;
}

.related-case{
	background-color: #f0f4f8;
}

.related-case-list .item,.related-product-list{
	margin-bottom: 0;
}




.case-page .container{
	border-radius: 1.2500vw;
	overflow: hidden;
	background-color: #f0f4f8;
}

.product-page-exhibition{
	width: 50%;
	position: relative;
	overflow: hidden;
	border-radius: 1.2500vw;
}

.product-page-exhibition .slides {
	height: 43.7500vw;
	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-exhibition .slide {
	float: left;
	clear: none;
	background-color: #f0f4f8;
}

.product-page-exhibition .pic-box img{
	max-width: initial;
	width: 100%;
	object-fit: cover;
}

.product-page-exhibition .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-exhibition .slider-arrow--right {
	bottom: 50%;
	right: 1.5625vw;
	background-image: url(../images/case_right_a.png);
	background-position: center center;
	background-repeat: no-repeat; 
	background-size: 15px 15px;
}
.product-page-exhibition .slider-arrow--left {
	bottom: 50%;
	left: 1.5625vw;
	background-image: url(../images/case_left_a.png);
	background-position: center center;
	background-repeat: no-repeat; 
	background-size: 15px 15px;
}


.product-page-exhibition .slider-arrow:hover {
	background-color: #00428a;
}

.product-page-exhibition .slider-arrow--right:hover {
	background-image: url(../images/case_right.png);
}
.product-page-exhibition .slider-arrow--left:hover  {
	background-image: url(../images/case_left.png);
}


.product-page-exhibition .slider-nav {
    position: absolute;
    bottom: 1.5625vw;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 10;
}

.product-page-exhibition .slider-nav__item {
    display: inline-block;
    width: 5.0000vw;    
    height: 5.0000vw;   
    margin: 0 0.5208vw;  
    background-size: cover;       
    background-position: center;  
    cursor: pointer;
    border: 2px solid #fff; 
    border-radius: 0.4167vw;
    transition: all 0.3s;
	background-color: #fff;
	opacity: .6;
}

.product-page-exhibition .slider-nav__item--current {
    border: 2px solid #00428a; 
	opacity: 1;
}


.product-page-con{
	width: 50%;
	height: 43.7500vw;
	display: flex;
	align-items: center;
}

.product-page-con .box{
	width: 85%;
	padding-left: 15%;
}

.product-page-con .subtitle span{
	padding: 0 1.0417vw;
	line-height: 1.8750vw;
	border-radius: 0.9375vw;
	display: inline-block;
}


.product-page-con .chara{
	margin-top: 2.0833vw;
	padding-top: 1.6667vw;
	border-top: 1px solid #ddd;
}

.product-page-con .chara ul li{
	display: flex;
	justify-content: space-between;
	padding: 0.3125vw 0;
	line-height: 1.8750vw;
	color: #333;
}

.product-page-con .chara ul li strong{
	width: 9.5%;
	position: relative;
}

.product-page-con .chara ul li strong:before{
	position: absolute;
	top: .58vw;
	right: 0;
	width: 2px;
	height: 0.8333vw;
	background-color: #666;
	display: block;
	content: "";
}

.product-page-con .chara ul li span{
	width: 86%;
}

.product-page-con .button span{
	margin-left: 0.8333vw;
	transition: all 0.5s;
}

.product-page-con .button:hover span{
	margin-left: 0.6250vw;
}


.product-specification{
	border-top: 2px solid #00428a;
	margin-bottom: 6.2500vw;
	padding-top: 3.1250vw;
	text-align: center;
	position: relative;
}

.product-specification:before{
	position: absolute;
	left: 50%;
	transform: translateY(-50%);
	top: -0.4367vw;
	width: 0.8333vw;
	height: 0.8333vw;
	border: 2px solid #00428a;
	background-color: #fff;
	display: block;
	content: "";
	transform: rotate(45deg);
	border-bottom: initial;
	border-right: initial;
}

.product-specification a{
	text-align: center;
	color: #333;
	display: inline-block;
	margin: 0 0.5208vw;
	opacity: .6;
}

.product-specification a.active{
	opacity: 1;
}

.product-specification a.active i{
	border: 2px solid #00428a;
}

.product-specification a i{
	display: inline-block;
	border: 2px solid rgba(0,92,161,.2);
	border-radius: 0.4167vw;
}

.product-specification a i img{
	height: 6.2500vw;
	width: 6.2500vw;
}

.product-specification a em{
	display: block;
	margin-top: 0.6250vw;
}





/* 荣誉证书 */

.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: #00428a;
}

.page-submenu a.active {
	color: #fff;
	background: linear-gradient(to right, #113789, #1a53cb);
	font-weight: bold;
}

.honor-list {
	padding-top: 1.875vw;
	padding-bottom: 3.7500vw;
}

.honor-list a {
	display: block;
	float: left;
	width: 22.19%;
	margin-left: 3.73%;
	margin-top: 3.125vw;
}

.honor-list a .box {}

.honor-list a .pic {
	position: relative;
	background-color: #f0f3f8;
	border-radius: 0.8333vw;
	height: 25vw;
	overflow: hidden;
}

.honor-list a .pic img {
	max-height: 90%;
	max-width: 90%;
}



.honor-list a .pic:before {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 38, 80, .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;
	font-size: 20px;
}

#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);
	}
}







.data-list-box {
	margin-top: 4.5833vw;
}

.data-list-box .item{
	cursor: pointer;
}

.data-list-box .item .pic {
	overflow: hidden;
	border: 1px solid #ddd;
	border-radius: 24px;
	position: relative;
}

.data-list-box.news-list .item .text h2 {
	height: 1.52vw;
}

.download.view-details {
	display: flex;
	justify-content: space-between;
}

.download.view-details i {
	transform: rotate(0);
	margin-right: .5vw;
	font-weight: bold;
}



/* 弹出层 */

.reveal-modal-bg {
	position: fixed;
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0, 0, 0, .8);
	z-index: 100;
	display: none;
	top: 0;
	left: 0;
}

.reveal-modal {
	visibility: hidden;
	top: calc(50% - 17vw) !important;
	left: calc(50% - 31.25vw);
	width: auto;
	position: fixed;
	z-index: 101;
}

.reveal-modal .close-reveal-modal {
	font-size: 1.55vw;
	line-height: .5;
	position: absolute;
	top: 2.08333vw;
	right: 2.08333vw;
	color: #0068b7;
	font-weight: bold;
	cursor: pointer;
}


.pop-up-mess {
	border-radius: 24px;
	background: #fff url(../images/bage_bg_2.png) left bottom no-repeat;
	background-size: 31.25vw auto;
}


.pop-up-mess .text-cont {
	width: 31.25vw;
}

.pop-up-mess .text-cont .box {
	padding: 3.645833vw;
}

.pop-up-mess .text-cont .title .font-20 {
	margin-top: .52vw;
}

.pop-up-mess-tel {
	margin-top: 3.125vw;
	color: #666;
}

.pop-up-mess-tel b {
	display: block;
	font-size: 1.875vw;
	color: #0068b7;
}

.pop-up-mess-rwm {
	margin-top: 3.125vw;
	text-align: center;
	display: inline-block;
}

.pop-up-mess-rwm img {
	border: 1px solid #ddd;
	margin-bottom: .52vw;
	width: 7.29vw;
}



.pop-up-mess .pop-up-mess-box {
	width: 31.25vw;
}

.pop-up-mess-box .mess-input-box .item:first-child {
	margin-top: 0;
}

.reveal-modal a {
	transition: initial;
}



/* 视频 */

.play-icon {
	position: absolute;
	left: calc(50% - 1.55vw);
	top: calc(50% - 1.55vw);
	width: 3.125vw;
	height: 3.125vw;
	border-radius: 50%;
	z-index: 99;
	background: #00428a url(../images/Play_icon.png) center center no-repeat;
	background-size: auto 1.25vw;
}

.data-list-box .pic::after {
	position: absolute;
	left: calc(50% - 2vw);
	top: calc(50% - 2vw);
	width: 4vw;
	height: 4vw;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.3);
	display: block;
	content: "";
	z-index: 1;
}


.data-list-box .item .pic::after {
	animation: pulse 1s infinite;
}


@keyframes pulse {
	0% {
		transform: scale(0);
	}
	
	50% {
		transform: scale(2);
	}

	100% {
		transform: scale(3);
	}
}



.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, .5);
	z-index: 99999;
	cursor: pointer;
}

.vclose-box .vclose{
	position: fixed;
	right: 40px;
	top: 40px;
	z-index: 9999999;
	cursor: pointer;
}



/* 售后服务 */

.after-sales-con .item{
	width: 23.5%;
	margin-left: 2%;
	float: left;
	background: #f0f4f8;
	border-radius: 0.8333vw;
	text-align: center;
	position: relative;
	overflow: hidden;
	transition: all 0.5s;
}

.after-sales-con .item:hover{
	box-shadow: 0 0 16px rgba(0,66,138,.1);
	background: #fff;
}

.after-sales-con .item:first-child{
	margin-left: 0;
}

.after-sales-con .item .box{
	padding: 4.6875vw 5%;
	display: block;
}

.after-sales-con .item .link:hover{
	opacity: 1;
}

.after-sales-con .item .link{
	position: absolute;
	top: 0;
	left: 0;
	width: 90%;
	height: 100%;
	padding: 0 5%;
	background-color: #fff;
	opacity: 0;
	transition: all 0.5s;
}

.after-sales-con .item .link i img{
	height: 8.3333vw;
}

.after-sales-con .item .link b{
	display: block;
	margin-top: 0.8333vw;
	color: #333;
}

.after-sales-con .item .link p{
	margin-top: 0.3125vw;
}

.after-sales-con .item .box img{
	height: 3.3333vw;
}

.after-sales-con .item .box b{
	display: block;
	color: #333;
	margin-top: 1.5625vw;
}

.after-sales-con .item .box p{
	margin-top: 0.3125vw;
	line-height: 1.5625vw;
}

.y-sj{
	width: 1.5625vw;
	height: 1.5625vw;
	line-height: 1.5625vw;
	display: inline-block;
	color: #fff;
	border-radius: 50%;
	margin-top: 0.6250vw;
}



.service-list .item{
	width: 18.4%;
	margin-left: 2%;
	float: left;
	background-color: #fff;
	border-radius: 0.8333vw;
}

.service-list .item:first-child{
	margin-left: 0;
}

.service-list .item .box{
	padding: 2.0833vw;
}

.service-list .item .box .Number{
	text-align: right;
	color: #ddd;
	font-weight: bold;
}

.service-list .item .box .con{
	margin-top: 3.7500vw;
}

.service-list .item .box .con i{
	width: 1.0417vw;
	height: 3px;
	display: block;
	margin: 1.1458vw 0 1.6667vw;
}

.service-list .item .box .con p{
	line-height: 1.5625vw;
	height: 3.1250vw;
}





/* 关于我们 */

.company-introduction{
	background: url(../images/company_bg.jpg) center center no-repeat;
	background-size: cover;
}

.com-intr-con{
	width: 46%;
}

.com-intr-con .subtitle h2{
	
}

.com-intr-con .subtitle h3{
	font-weight: initial;
	line-height: 2.5000vw;
}

.com-intr-con .text p{
	text-align: justify;
	line-height: 1.4583vw;
}


.com-intr-con .chara ul li{
	width: 40%;
	float: left;
	margin-top: 2.5000vw;
	margin-right: 5%;
}

.com-intr-con .chara ul li:nth-child(2n+1){
	clear: both;
}

.com-intr-con .chara strong{
	color: #00428a;
}


.com-inte-pic{
	width: 50%;
	border-radius: 1.2500vw;
	overflow: hidden;
}





.base-des{
	padding: 0 19%;
	line-height: 1.6667vw;
}


.strength-base .flickity-enabled {
  position: relative;
  
}

.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: 50%;
  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;
	position: relative;
}

.strength-base .pro-hot-pic h2{
	position: absolute;
	left: 2.0833vw;
	top: 2.0833vw;
	display: inline-block;
	padding: 0 1.1458vw;
	border-radius: 0.4167vw;
	line-height: 2.9167vw;
	border: 2px solid #4b7eea;
}




.factory{
	padding-top: initial !important;
}


.factory-des{
	line-height: 1.6667vw;
	padding-right: 20%;
}



/* 整体容器 */
        .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;
			position: relative;
        }

        /* 图片区域 */
        .strength-equipment-wrap .pic {
            width: 100%;
			 pointer-events: none;
			 border-radius: 0.4167vw;
			 overflow: hidden;
        }

        .strength-equipment-wrap .pic img {
            display: block;
        }

        /* 标题样式 */
        .strength-equipment-wrap h3 {
           color: #333;
		   text-align: center;
		   line-height: 2.6042vw;
		   font-weight: initial;
        }

        /* 左右按钮公用样式 */
        .strength-equipment-wrap .carousel-btn {
            position: absolute;
            top: -7.2917vw;
            width: 3.1250vw;
            height: 3.1250vw;
			background: linear-gradient(to right, #113789, #1a53cb);
            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: #f0f4f8;
			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;
        }



.history{
	background: url(../images/history_bg.jpg) center center no-repeat;
	background-size: cover;
}



/* 轮播基础样式 */

.history-slider-wrapper {
  position: relative;
              width: 100%;
}

.history-slider-wrapper:before {
	position: absolute;
	top: 4.58vw;
	left: 50%;
	transform: translateX(-50%);
    width: 100vw;
	height: 2px;
	display: block;
	content: "";
	background-color: rgba(255, 255, 255, .2);
}

.about-history-list {
	 display: flex;
	  flex-wrap: nowrap;
	  transition: transform 0.4s ease;
	  user-select: none;
	  cursor: grab;
}

.about-history-list:active {
  cursor: grabbing;
}


.about-history-list a {
	flex: 0 0 auto;
	  margin-right: 1.6667vw; /* 这里修改间距，JS 会自动读取 */
}

.about-history-list a:last-child {
  margin-right: 0 !important;
}

.about-history-list a .subtitle{
	text-align: center;
	display: inline-block;
}

.about-history-list a h3 {
	background: linear-gradient(to right, #bad7ff, #d6e7ff);
	-webkit-background-clip: text;
	color: transparent;
	font-family: -apple-system, BlinkMacSystemFont, "HarmonyOS Sans", "Segoe UI", Roboto, sans-serif;
}

.about-history-list a .dot{
	height: 0.5208vw;
	width: 0.5208vw;
	display: inline-block;
	background-color: rgba(255, 255, 255, .4);
	border-radius: 50%;
	position: relative;
	margin-top: 1.5625vw;
}

.about-history-list a .dot:before{
	position: absolute;
	top: -0.2083vw;
	left: -0.2083vw;
	height: 0.9375vw;
	width: 0.9375vw;
	border-radius: 50%;
	display: block;
	content: "";
	background-color: rgba(255, 255, 255, .2);
	animation: pulse 1s infinite;
}

.about-history-list a .con{
	margin-top: 2.5000vw;
	background: url(../images/history_item_bg.png) center center no-repeat;
	background-size: 100% 100%;
	width: 12.2396vw;
	padding: 1.5625vw;
}

.about-history-list a .con p{
	line-height: 1.5625vw;
	height: 4.6875vw;
}

.about-history-list a .con img{
	border-radius: 0.4167vw;
	margin-top: 2.5000vw;
	pointer-events: none;
}


/* 左右按钮 */
.history-slider-wrapper .slider-btn {
  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;
}
.history-slider-wrapper .slider-btn:hover {
  background: #00428a;
  color: #fff;
}

.history-slider-wrapper .slider-btn i{
	font-size: 0.9375vw;
}
.history-slider-wrapper .prev-btn {
  left: -4.1667vw;
}
.history-slider-wrapper .next-btn {
  right: -4.1667vw;
}




.about-honor{
	background: url(../images/honor_bg.jpg) center center no-repeat;
	background-size: cover;
}


.index-honor{
	padding: 1.5625vw 0;
}

        .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: 3.1250vw;     /* 卡片间距使用vw */
            transition: box-shadow 0.2s ease;
            overflow: hidden;
            text-align: center;
            backdrop-filter: blur(0px);
        }

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

        .honor-slide img {
            width: auto;
            height: 20.5729vw;
            object-fit: contain;
            pointer-events: none;  
        }

        .honor-slide p {
            color: #333;
            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;
        }

        .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 {
            
        }


.honor-button{
	margin: 0 auto;
}




.culture{
	background: url(../images/culture_bg.jpg) center center no-repeat;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
	bottom: -5.2083vw;
	margin-top: -5.2083vw;
	padding-bottom: 9.3750vw !important;
}


.story-button{
	width: 10.1563vw;
	display: inline-block;
	cursor: pointer;
}


.culture-box{
	margin-top: 11.4583vw;
}

.culture-box .item{
	width: 50%;
	float: left;
	position: relative;
}

.culture-box .item:before{
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 1px;
	display: none;
	content: "";
	background-color: rgba(255, 255, 255, .2);
}

.culture-box .item:first-child:before{
	display: block;
}

.culture-box .box{
	gap: 2.0833vw;
}

.culture-box .pic{
	width: 6.2500vw;
	height: 6.2500vw;
	background-color: #fff;
	border-radius: 50%;
}

.culture-box .pic img{
	height: 2.6042vw;
}





.popup-mask {
      display: none; /* 默认隐藏 */
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.5);
      justify-content: center;
      align-items: center;
	  z-index: 99;
    }

    /* 弹出内容框 */
    .popup-content {
      background: white;
      padding: 4.1667vw 5%;
      border-radius: 0.8333vw;
      width: 60%;
    }
	
	.popup-content em{
	 display: block;
	}
	
	.popup-content p{
	 line-height: 1.8750vw;
	 color: #333;
	}
	
#closeBtn{
	display: block;
	text-align: center;
	cursor: pointer;
}

#closeBtn:hover{
	transform: rotate(360deg);
}
	
#closeBtn i{
	font-size: 1.2500vw !important;
	color: 666;
}




/* 首页 */

.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: #00428a;
	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: #00428a;
	transition: all 0.5s;
}



.index-about-con{
	height: 30.2083vw;
}

.index-about-pic{
	height: 30.2083vw;
}


.index-chara{
	margin-top: 5.2083vw;
}

.index-chara ul li{
	text-align: center;
	position: relative;
}

.index-chara ul li:before{
	position: absolute;
	right: -11.4583vw;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.1);
	display: block;
	content: "";
}

.index-chara ul li strong{
	font-weight: initial;
}

.index-chara ul li span{
	font-weight: bold;
	margin: 0 0.1562vw;
}



.advantage{
	background: url(../images/advantage_bg.jpg) center center no-repeat;
	background-size: cover;
}

.advantage-list .item{
	border-radius: 0.8333vw;
	margin-bottom: 0;
	background: #fff url(../images/advantage_item_bg.jpg) top center no-repeat;
	background-size: 100% auto;
	position: relative;
}

.advantage-list .item .box{
	padding: 2.9167vw ;
}

.advantage-list .item .con{
	margin-top: 8.3333vw;
}

.advantage-list .item .con p{
	line-height: 1.6667vw;
	height: 8.3333vw;
}

.advantage-list .item .icon{
	position: absolute;
	right: 4.48vw;
	top: 5.2083vw;
}

.advantage-list .item .icon img{
	height: 3.3333vw;
}


.i-pro-hot{
	    position: relative;
		height: 29.1667vw;
}

.i-pro-hot .item{
	border-radius: 1.2500vw;
	overflow: hidden;
}

.leftdiv{
	left: 0;
	top: 0;
	width: 54%;
	position: absolute;
	height: 29.1667vw;
	z-index: 1;
	 transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.leftdiv:hover{
	width: 100%;
	z-index: 9;
}

.leftdiv:hover .pic-hover{
	position: absolute;
	top: 0;
	right: 0;
	width: 59.4792vw;
	height: 100%;
	background-color: #00428a;
	z-index: 8;
}


.leftdiv .pic-hover img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	z-index: 9;
	opacity: 0;
	height: 0;
	transition: all 0.5s;
}

.leftdiv:hover .pic-hover img{
	opacity: 1;
	height: 100%;
	transition: all 0.5s;
}


.i-pro-hot .leftdiv .pic:before{
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	display: block;
	content: "";
	z-index: 1;
}


.leftdiv .pic{
	position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    background-color: #ddd;
	    transform: skew(-16.15deg);
	    transform-origin: left top;
	    z-index: 1;
	    overflow: hidden;
	    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	    will-change: transform;
		border-radius: 1.2500vw;
		width: 100%;
}

.leftdiv .pic .bg{
	position: absolute;
	    left: 5%;
	    top: 0;
	    transform: skew(16.15deg);
	    width: 105%;
	    height: 100%;
	    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	    will-change: transform;
}



.rightdiv{
	right: 0;
	top: 0;
	width: 54%;
	position: absolute;
	height: 29.1667vw;
	z-index: 1;
	transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.rightdiv:hover{
	width: 100%;
	z-index: 9;
}

.rightdiv:hover .pic-hover{
	position: absolute;
	top: 0;
	left: 0;
	width: 59.4792vw;
	height: 100%;
	background-color: #00428a;
	z-index: 8;
}


.rightdiv .pic-hover img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	z-index: 9;
	opacity: 0;
	height: 0;
	transition: all 0.5s;
}

.rightdiv:hover .pic-hover img{
	opacity: 1;
	height: 100%;
	transition: all 0.5s;
}


.i-pro-hot .rightdiv .pic:before{
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	display: block;
	content: "";
	z-index: 1;
}

.rightdiv .pic{
	position: absolute;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    background-color: #ddd;
	    transform: skew(-16.15deg);
	    transform-origin: right bottom;
	    border-radius: 0.16rem;
	    z-index: 1;
	    overflow: hidden;
	    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	    will-change: transform;
		border-radius: 1.2500vw;
		width: 100%;
}

.rightdiv .pic .bg{
	    position: absolute;
	    right: 5%;
	    top: 0;
	    transform: skew(16.15deg);
	    width: 105%;
	    height: 100%;
	    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	    will-change: transform;
}


.i-pro-hot .item .pic img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.i-pro-hot .item:first-child{
	margin-left: 0
}

.i-pro-hot .item .con{
	position: absolute;
	top: 0;
	left:0;
	z-index: 9;
	width: 28.0208vw;
}

.i-pro-hot .item .con .box{
	padding: 4.1667vw 2.6042vw;
}

.i-pro-hot .item:hover .con{
	width: 28.0208vw;
	height: 100%;
	background: #f0f4f8;
}


.i-pro-hot .item:hover .con h2{
	color: #333 !important;
}

.i-pro-hot .item:hover .chara b,.i-pro-hot .item:hover .chara p{
	background: linear-gradient(to right, #113789, #1a53cb);
	-webkit-background-clip: text;
	color: transparent;
}

.i-pro-hot .item.rightdiv .con{
	position: absolute;
	top: 0;
	right: 0;
	left: initial;
	z-index: 9;
	width: 28.0208vw;
	text-align: right;
}

.i-pro-hot .item.rightdiv .button{
	float: right;
}



.i-pro-hot .item .chara{
	margin-top: 2.6042vw;
}

.i-pro-hot .item .chara p{
	margin-top: 0.4167vw;
}

.single{
	margin-top: 1.2500vw;
}

.single a{
	color: rgba(255, 255, 255, .6);
	display: inline-block;
	line-height: 1.5625vw;
}

.single a:hover{
	color: rgba(255, 255, 255, 1);
}

.single span{
	color: rgba(255, 255, 255, .6);
	margin: 0 0.5208vw;
}

.i-pro-hot .item:hover .single a{
	color: #333;
}

.i-pro-hot .item:hover .single a:hover{
	color: #00428a;
}

.i-pro-hot .item:hover .single span{
	color: #333;
}

.i-pro-hot .item .button{
	margin-top: 2.5000vw;
}



.i-pro-list .item{
	float: left;
	width: 32%;
	margin-left: 2%;
	border-radius: 0.8333vw;
	overflow: hidden;
}

.i-pro-list .item:first-child{
	margin-left: 0;
}

.i-pro-list .item a{
	display: block;
	position: relative;
}

.i-pro-list .item .pic img{
	width: 100%;
}

.i-pro-list .item .con{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 9;
	width: 86%;
	padding: 1.4583vw 7%;
	color: #fff;
}

.i-pro-list .item .con h2{
	font-weight: initial;
}

.i-pro-list .item .con i{
	font-size: 1.0417vw;
	transform: rotate(-45deg);
	transition: all .5s;
}

.i-pro-list .item:hover .con i{
	transform: rotate(0);
}






.news-box{
	display: flex;
	align-items: flex-end;
}

.news-tab .tabs-3 {
	margin-right: 4.1667vw;
}

.news-tab .tabs-3 a {
	height: 2.5000vw;
	display: inline-block;
	line-height: 2.5000vw;
	color: #333333;
	margin-right: 2.0833vw;
	position: relative;
}

.news-tab .tabs-3 a:last-child {
	margin-right: 0;
}

.news-tab .tabs-3 a:hover {
	color: #00428a;
}

.news-tab .tabs-3 a.active {
	color: #00428a;
	font-weight: bold;
}

.news-tab .tabs-3 a.active:before{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background-color: #00428a;
	display: block;
	content: "";
}


.i-n-h{
	width: 32%;
}

.i-n-h a{
	display: block;
	border-radius: 0.8333vw;
	padding: 0.7292vw;
	background-color: #f0f4f8;
}

.i-n-h .pic{
	border-radius: 0.6250vw;
	transition: all 0.6s;
	overflow: hidden;
}

.i-n-h .pic img{
	width: 100%;
	height: 17.1875vw;
	max-width: initial;
	object-fit: cover;
}

.i-n-h .con{
	padding: 2.0833vw 1.2500vw;
}

.i-n-h .con span,.i-n-l .con span{
	font-size: 0.8333vw;
	color: #757575;
	line-height: 0.9375vw;
	display: block;
}

.i-n-h .con h2,.i-n-l .con h2{
	line-height: 1.8750vw;
	height: 3.7500vw;
	color: #333333;
	margin-top: 0.8333vw;
	font-weight: initial;
	transition: all 0.6s;
}

.i-n-h a:hover .con h2,.i-n-l a:hover .con h2{
	color: #00428a;
}


.i-n-l{
	width: 65%;
}

.i-n-l .item:nth-of-type(1),.i-n-l .item:nth-of-type(2){
	margin-top: 0;
}

.i-n-l .item{
	width: 48%;
	float: left;
	margin-left: 4%;
	margin-top: 1.8750vw;
}

.i-n-l .item:nth-child(2n+1){
	margin-left: 0;
}

.i-n-l .item a{
	background-color: #f0f4f8;
	display: block;
	border-radius: 0.8333vw;
	padding: 2.5000vw 2.0833vw;
}





.swiper-slide3 {
	width: 100%;
	overflow: hidden;
}

.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-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-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-slide3 {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	text-align: left;
}