@CHARSET "UTF-8";
html,
    body,
    #app {
      height: 100%;
      margin: 0px;
      padding: 0px;
    	background:#f5f5f5;
    }
    .chromeframe {
      margin: 0.2em 0;
      background: #ccc;
      color: #000;
      padding: 0.2em 0;
    }
    .contain{
		width:1200px;
    	margin:0 auto;
    }
    .headBox{
    	width:100%;
    	padding:0.2rem 0;
    }
    .headBox .box_flex_between{
		width:100%;
    }
    .headBox .headTitle,.headMenu{
		font-size:14px;
    	color:#6D7278;
    	width:50%;
    }
	.headBox .headMenu .iconfont{
		font-size:14px;
		color:#6D7278;
    }
    .headBox .headMenu .avatar{
		width:0.4rem;
		height:0.4rem;
    	border-radius:50%;
    }
    .headBox .headMenu .unit{
		width:fit-content;
    	padding:0 0.2rem;
    	border-right:1px solid #6D7278;
    }
    .headBox .headMenu .unit:first-child,.headBox .headMenu .unit:last-child{
		border:none;
    	padding-right:0;
    }
    .menuBox{
		width:100%;
    	background:#fff;
    	padding:0.3rem 0;
		position: fixed;
		top: 0;
		z-index: 99;
    }
    .menuBox .icon{
    	height:22px;
    }
	
    .menuBox .menuLogo{
		width:137px;
    	height:55px;
    	margin-right:0.6rem;
    }
    .menuBox .menuItem{
		font-size:16px;
    	color:#000;
    	padding:0.1rem 0.3rem;
    	white-space:nowrap;
    	position:relative;
    	cursor:pointer;
    	height:fit-content;
    	align-self:center
    }
    /* .menuBox .menuItem:last-child{
		padding-right:0
    } */
    .menuBox .menuItem .home{
		letter-spacing:0.15rem
    }
     .menuBox .menuItem .home .iconfont{
		opacity:0
     }
    .menuBox .menuItem .border{
    	display:none;
		position:absolute;
    	width:100%;
    	bottom:-0.02rem;
    	left:0
    }
    .menuBox .menuItem .border .bor{
		width:38px;
    	margin:0 auto;
    	height:2px;
    	position:relative;
    	left:-8px;
    }
	.menuBox .menuItem:last-child .border{
		left:0.15rem;
    }
    .menuBox .actived .border .bor{
		background:#2982E1;
    }
    .menuBox .menuItem .iconfont{
		font-size:8px;
    	color:#666
    }
	.menuBox .actived,.menuBox .actived .iconfont,.menuBox .actived .searchTitle{
		background: #070043;
		border-radius: 0.4rem;
		color:#fff;
    }
    .menuBox .searchBox{
		border-radius:0.3rem;
    	border:1px solid #C7C7C7;
		font-family: PingFangSC, PingFang SC;
		padding:0.1rem;
		font-size: 14px;
		color: rgba(0,0,0,0.25);
		font-style: normal;
    	width:fit-content
    }
    .menuBox .searchBox .searchTitle{
		margin-left:0.1rem
    }
    .commonBox{
		width:100%;
    	background:rgba(0, 0, 0, 0.85);
    	color:#fff;
    	font-size:16px;
    	padding:0.6rem 0  
	}
    .commonBox .box_flex_between{
		width:100%;
    }
    .commonBox .commonUnit{
		text-align:center
    }
.commonBox .commonUnit .logo{
		width:365px;
		margin:0rem auto;
    }
	.commonBox .commonUnit .commonTitle{
		font-size: 20px;
		color: rgba(255,255,255,0.85);
		margin:0.5rem auto
    }
    .commonBox .commonUnit .commonDesc{
		font-size:14px;
    	padding:0.15rem 0;
    	color:#fff;
    	display:block
    }
	.commonBox .commonUnit .phone{
		font-size:20px;
    	padding:0rem 0 0.1rem;
    }
	.commonBox .commonUnit .erweima{
		width:0.96rem;
		height:0.96rem;
    	margin:0.2rem 0 0;
    }
    
    .footer{
		color:#fff;
    	background:#333;
    	font-size:14px;
    	text-align:center;
    	padding:0.2rem 0;
    }
    .footer .footer_record{
		color:#8b8b8b;
    }
    .commonBox .commonUnit a:hover{
		color:#2982E1;
    	transform:scale(1.2)
    }
	.loginSelect{
		width:fit-content;
		padding:.1rem .2rem;
		background:rgba(2, 125, 135, 1);
		color:#fff;
		font-size:16px;
		height:fit-content;
		cursor:pointer;
		margin-left:0.4rem;
		border-radius: 4px;
	}
	.loginSelect:last-child{
		border-right:0;
		background:rgba(255, 0, 0, 1);
	}
	.secondBox{
		color:#333;
		position:absolute;
		left:0;
		top:0rem;
		white-space:nowrap;
		width:fit-content;
		min-width:100%;
		z-index:999999;
		padding:0.2rem 0;
		visibility: hidden;
	  opacity: 0;
	  filter: alpha(opacity=0);
	  -webkit-transition: 200ms ease;
	  -moz-transition: 200ms ease;
	  -o-transition: 200ms ease;
	  transition: 200ms ease;
	}
	.menuItem:hover{
		background: #070043;
		border-radius: 0.4rem;
		color:#fff;
	}
	.menuItem:hover .secondBox {
	  visibility: visible;
	  opacity: 1;
	  filter: alpha(opacity=100);
	}
	.secondBox .secondItem{
		font-size:14px;
		padding:0.08rem;
		cursor:pointer;
		background:#fff;
		border-left:1px solid #eee;
		border-right:1px solid #eee;
	}

	.secondBox a:last-child .secondItem{
		border-bottom:1px solid #eee;
		padding-bottom:0.16rem
	}
	.secondBox a:nth-child(2) .secondItem{
		padding-top:0.16rem
	}
	.secondBox .secondItem:hover{
		color:#2982E1;
	}
	.secondBox .secondOpa{
		height:0.7rem;
		width:100%;
		opacity:0;
		border-top:1px solid #eee;
	}
	.menuBox .menuItem .icon-a-CombinedShape2{
		font-size:14px;
		color:unset
	}
	.menuBox .menuItem input{
		color:#666
	}
	.menuBox .actived .icon-a-CombinedShape2{
		color:unset!important
	}
.headAd{
	width:100%;
	margin-top:1.5rem;
}

.headAd img{
	width:100%;
	display:block
}
.swiperTitle{
	position:absolute;
	left:4%;
	top:0;
	width:92%;
	height:100%;
	display:flex;
	flex-flow:column nowrap;
	justify-content:center;
	text-align:center;
}
.swiperTitle .china{
	font-size: 32px;
	color: rgba(255,255,255,0.85);
}
.swiperTitle .english{
	font-size: 24px;
	color: rgba(255,255,255,0.85);
	margin-top:0.2rem
}
.bgWhite{
	background:#fff;
	overflow:hidden;
	padding-bottom:0.6rem
}
.guide{
	margin:0.4rem auto;
	width:50%;
	text-align:center;
	color: #070043;
}
.guide .chinese{
	font-size:32px;
}
.guide .english{
	font-size:24px;
}
.serviceBox{
	width:30%;
	margin-bottom:4%;
	opacity:0;
	text-align:center
}
.serviceBox .serviceHead{
	width:100%;
	padding-bottom:0.3rem;
	border-bottom: 1px solid #D8D8D8;
}
.serviceBox .logo{
	width:100%;
	height:fit-content
}
.serviceBox .about{
	width:60%
}
.serviceBox .about .serTitle{
	font-size: 28px;
	color: #027D87;
	margin-bottom:0.2rem
}
.serviceBox .serviceTitle{
	font-size: 16px;
	color: #fff;
	padding:0.2rem 0;
	text-align:center
}
.serviceBox .about .serDesc{
	font-size: 14px;
color: rgba(0,0,0,0.85);
}
.serviceBox .serviceHead .desc .chineseDesc{
	font-size:20px;
}
.serviceBox .serviceHead .desc .englishDesc{
	font-size:16px;
}
.serviceBox .serviceHead .more{
	text-align:right;
	color:rgba(216, 216, 216, 1);
}
.serviceBox .serviceHead .more .iconfont{
	font-size:34px;
}
.serviceBox .serItemBox{
	width:100%;
	height:270px
}
.serviceBox .serItemBox .serItem{
	color:rgba(109, 114, 120, 1);
	font-size:14px;
	margin:0.25rem 0 0;
}
.serviceBox .serItemBox .serItem:hover,.serviceBox .serItemBox .serItem:hover .iconfont{
	color:rgba(41, 130, 225, 1);
}
.serviceBox .serItemBox .serItem .iconfont{
	color:rgba(109, 114, 120, 0.5);
	font-size:10px;
	margin-left:0.1rem
}
.bgBox{
	background:url(../images/bg.png) center   center no-repeat;
	color:rgba(255, 255, 255, 0.85);
	width:100%;
	overflow:hidden;
}
.bgBoxone .guide,.bgBox .guide,.bgBoxtwo .guide{
	color:rgba(255, 255, 255, 1);
}
.bgWhite .advan{
	width:23%;
	background:none;
	padding:0.4rem;
	text-align:center;
	margin-bottom:0.6rem;
	opacity:0;
	border-radius: 9px;
	border: 1px solid #027D87;
}
.bgNone .advan{
	width:48%;
	border: 1px solid #070043;
}
.bgWhite .adshow{
	opacity:1;
	border: 1px solid #070043;
	padding:0.2rem;
}
.unitShow{
	opacity:1!important;
}
.bgWhite .adshow .advanNum{
	color: #981A38;
}
.bgWhite .adshow .advanTitle{
	font-size: 18px;
	color: #070043!important;
}

.bgWhite .advan:hover{
	/* background: #2982E1;
	opacity: 0.8; */
}
.bgWhite .advan .logo{
	width:84px;
	height:84px
}
.bgNone .advan .logo{
	width:98px;
	height:98px;
}
.bgNone .advContent{
	margin-left:4%
}
.bgWhite .advan .advanTitle{
	color:rgba(2, 125, 135, 1);
	font-size:20px;
	margin:0.2rem auto
}
.bgNone .advan .advanTitle{
	text-align:left;
	color: #070043!important;
	margin:0.1rem auto
}
.bgWhite .advan .advanNum{
	margin-top:0.2rem
}
.bgWhite .advan .advanNum .num{
	font-size:54px;
}
.bgWhite .advan .advanNum .span{
	font-size:20px
}
.bgWhite .advan .advanDesc{
	font-size:14px;
	margin:0.3rem 0;
	line-height:26px;
	color: rgba(0,0,0,0.85);
	text-align:left
}
.bgNone .advan .advanDesc{
	margin:0.1rem 0;
}
/* 关于我们 */
.company_logo{
	width:45%;
	opacity:0;
	object-fit: cover;
    object-position: center;
}
.aboutUs{
	width:55%;
	padding:0 0.4rem;
	font-size:14px;
	color:rgba(0, 0, 0, 0.85);
	background:#fff;
	opacity:0
}
.aboutUs .aboutTitle{
	font-size: 18px;
	color: #000000;
	margin-bottom:0.1rem
}
.aboutUs .aboutDesc{
	width:100%;
	color: #000000;
}
.aboutUs .aboutDesc textarea{
	margin:0;
	padding:0;
	width:100%;
	height:4.0rem;
	line-height:0.3rem;
	border:none;
	background:none;
	resize:none;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 15;
	overflow: hidden;
}

.aboutUs .aboutMore{
	color:#ffffffee;
	width:fit-content;
	padding:0.1rem 0.3rem;
	background:rgba(2, 125, 135, 1);
	margin-top:0.6rem;
	border-radius: 4px;
}

.aboutMore:hover .iconfont{
	color:rgba(41, 130, 225, 1);
}
.aboutMore .iconfont{
	color:rgba(0, 0, 0, 0.50);
	font-size:10px
}
/* 数据动态 */
.dynamicBox{
	background:#fff;
	margin:0.6rem 0 0;
	overflow:hidden;
	padding-bottom:0.6rem;
}
.dynamic{
	width:30%;
	color: rgba(0,0,0,0.85);
	opacity:0;
	border-radius: 16px;
	border: 1px solid rgba(0,0,0,0.5);
	overflow:hidden
}
.dynamic .dynamicHead{
	font-size: 20px;
	color: #fff;
	background:rgba(2, 125, 135, 1);
	text-align:center;
	height:1.2rem
}
.dynamic .dynamicHead span{
	font-size: 18px;
}
.dynamic .more{
	font-size: 14px;
	color: rgba(0,0,0,0.5);
}
.dynamic .dynamicCover{
	width:100%;
	height:2.8rem;
}
.dynamic .dynamicTitle{
	font-size: 24px;
	color: #070043;
	text-align:center;
	margin:0.3rem auto 0;
}
.dynamic .dynamicDesc{
	color:rgba(0, 0, 0, 0.85);
	font-size:14px;
	line-height: 24px;
	text-align: left;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 20;
	overflow: hidden;
	padding:0.3rem 4%;
	height:2.4rem
}
.questionItem .dynamicTitle{
	text-align:left;
}
.questionItem .dynamicDesc{
	height:4.4rem
}
.dynamic .dynamicDesc span{
	float:right;
}
.dynamic .article{
	padding:0.2rem 0;
	border-bottom:1px solid rgba(216, 216, 216, 1);
	font-size:14px;
	white-space:nowrap;
}
.dynamic .article .title{
	width:70%;
}
/* Q&A */
.questionBox{
	background: #FFFFFF;
	border: 1px solid rgba(0,0,0,0.25);
	font-size: 18px;
	color: rgba(0,0,0,0.85);
	width:100%;
	padding:0.1rem 0.3rem ;
	margin-bottom:0.6rem;
	cursor:pointer
}
.questionItem{

}
.questionItem .morelink{
	border-radius: 1.4rem;
	border: 1px solid rgba(0,0,0,0.85);
	background: #070043;;
	color: #ffffffee;
	margin-bottom:0.6rem;
}
.questionItem .morelink .icon-a-Path4{
	color: #ffffffdd;
}
.questionItem .morelink a:hover,.questionItem .morelink a:hover .icon-a-Path4{
	color:#fff!important
}
.questionBox .question{
	padding:0.2rem 0;
}
.questionBox .zhankai .iconfont{
	font-size:20px;
	color: rgba(0,0,0,0.25);
}
.questionBox .answer{
	width:100%;
	font-size: 16px;
	color: rgba(0,0,0,0.5);
	padding:0.2rem 0;
	border-top: 1px solid rgba(0, 0, 0, 0.10);
	display:none;
}
.questionItem .aboutMore{
	border:1px solid rgba(151, 151, 151, 1);
	border-radius:0.8rem;
	width:fit-content;
	padding:0.1rem 0.3rem;
	color:rgba(0, 0, 0, 0.50);
	margin-bottom: 0.8rem
}
.selectQuestion .answer{
	display:block;
    animation: fadeIn .5s ease forwards; /* 动画名称，持续时间，缓动函数，填充模式 */
}
.morelink{
	width:fit-content;
	padding:0.1rem 0.3rem;
	font-size:14px;
	border-radius: 1.4rem;
	border: 1px solid rgba(0,0,0,0.85);
	background:#fff;
	color: rgba(0,0,0,0.85);
}
.morelink a:hover,.aboutMore a:hover{
	color:#000!important;
}
.icon-a-Path4{
	font-size:14px;
	color: rgba(0,0,0,0.5);
}
.morelink a:hover .icon-a-Path4{
	color: rgba(0,0,0,0.6);
}
.margin6{
	margin-top:0.6rem
}
.margin66{
	margin-top:0.6rem;
	margin-bottom:0.6rem
}
.selectUs{
	width:70%;
	margin:0.4rem auto;
}
.selectUs .logo{
	width: 210px;
	height: 148px;
}
.selectUs .about{
	width: 80%;
	margin-left:2%;
}
.selectUs .about .serTitle{
	font-size: 20px;
	color: #FFFFFF;
	margin-bottom:0.2rem
}
.selectUs .about .serDesc{
	font-size: 14px;
	color: #FFFFFF;
	line-height:24px
}
/* 定义动画 */
@keyframes fadeIn {
    from { /* 动画开始时 */
        opacity: 0; /* 完全透明 */
        transform: translateY(20px); /* 向下移动 */
    }
    to { /* 动画结束时 */
        opacity: 1; /* 完全不透明 */
        transform: translateY(0); /* 移动回原位 */
    }
}
/* 定义动画 */
@keyframes rotate {
    from { /* 动画开始时 */
        transform: rotate(0deg);
  		-webkit-transform: rotate(0deg);
    }
    to { /* 动画结束时 */
        transform: rotate(180deg);
  		-webkit-transform: rotate(180deg);
    }
}
 
.selectQuestion .zhankai{
	animation: rotate .5s ease forwards; /* 动画名称，持续时间，缓动函数，填充模式 */
}
.dynamic .newsStyle{
	border:none;
	padding:0.15rem 0
}
.line{
	width:0.3rem;
	margin:0 auto;
	height:fit-content;
	align-self:center;
	position:relative;
	top:-0.3rem;
}
.bgBoxone{
	background:url(../images/bgone.png) center   center no-repeat;
	color:rgba(255, 255, 255, 0.85);
	width:100%;
	overflow:hidden;
}
.bgBoxtwo{
	background:url(../images/bgtwo.png) center   center no-repeat;
	color:rgba(255, 255, 255, 0.85);
	width:100%;
	overflow:hidden;
}
.serviceBoxDesc{
	font-size: 12px;
	color: #FFFFFF;
	width:70%;
	margin:0.1rem auto 0.4rem;
	text-align:center
}
.lvshi{
	width:100%;
	position:relative
}
.lvshi .serviceBox{
	width:23%;
	margin:0.1rem 1%;
	flex-shrink: 0;
}
.lvshi .serviceDesc{
	font-size:12px
}
.lvshi .position{
	position:absolute;
	width:0.8rem;
	top:1.8rem
}
.lvshi .positionLeft{
	left:-1.2rem;
}
.lvshi .positionRight{
	right:-1.2rem;
}
.lvshi .overy{
	overflow-y:auto
}
.bgNone{
	background:none
}
.bgNone .lineTwo{
	margin:0 40%;
	position:relative;
    top: -0.3rem;
    left: 35%;
}
.lineThree{
	order:4
}
.advan3{
	order:5
}
.advan4{
	order:3
}
.commonBox .commonUnit{
	min-width:20%;
	max-width:22%;
	text-align:left
}
.commonBox .commonUnit .commonTitle{
	border-bottom: 1px solid #CCCCCC;
	padding-bottom:0.2rem;
	margin:0.2rem 0
}
.commonBox .commonUnit .commonDesc{
	padding:0.1rem
}
.commonBox .commonUnit:first-child .commonDesc{
	line-height:0.5rem
}
.commonBox .commonUnit:first-child .commonTitle{
	border:none
}
.commonBox .commonUnit .menuLogo{
	width:175px
}
.commonBox .commonUnit .icon{
	width:25px;
	margin-right:2%
}
.menuMoreBox,.showMore{
	display:none
}