@import url('iconfont.css?v=3.0');
html{font-size: calc(100vw / 19.20);}
body{font-size:.16rem;
	font-family: "Microsoft Yahei"; 
}
a{color:#333;}
a:hover{text-decoration:none;}
img{max-width:100%}
ul,li{list-style:none;margin:0;padding:0;}
.container{
	width:14.8rem; padding:0;
}
.header{
	position: fixed;left:0;top:0;z-index:9; 
    width:100%; box-sizing:border-box;
    height:1rem;
    padding:0 3%;
	display: flex; 
	flex-flow:row wrap;
	justify-content:space-between;
	align-items:center;
	background:linear-gradient(to bottom,rgba(0,0,50,0.3),transparent);
} 
.logo{ 
	padding:.12rem 0;
	display: inline-block; 
	position: relative;
}
.logo img{height:.7rem;}
.logo2{
	position: absolute;left:0;top:.12rem;z-index:2;
	opacity:0; transform:all 1s; 
}

.menu{
	display: inline-block; 	
	align-self:flex-end; 
	margin-left:auto; padding-right:.64rem;
	border-right:1px solid #fff;
}
.menu li{display: inline-block; margin:0 24px;}
.menu li a{
	display: block;
	font-size:.2rem; line-height:1rem; color:#fff;
}
.menu li a:hover,.menu li.cur a{ 
	font-weight: bold;  
}
.menu .subnav{
	position: fixed; left:0;top:1.1rem;right:0;bottom:0;
	width:100%; height:calc(100vh - 1.1rem);
}
.header ul.fr{margin-top:.1rem;margin-left: .2rem;}
.header ul.fr li{
	display: inline-block; padding:.12rem;
	color:#fff;
	vertical-align:middle;	
	cursor:pointer;
	position: relative;
}
.header li a{color:#fff;}
.header ul.fr li i{
	display: block; font-size:.24rem; transition:all 0.4s ease 0s;
}
.header .fr div{
	display: none;
	position: absolute; right:0;top:.7rem;
	background-color:#fff; border-radius:10px;
	padding:.2rem;
	color:#333; width:2.5rem; text-align:center;
	font-size:.18rem; font-weight: bold;
	box-shadow:0 .1rem .5rem rgba(0,0,0,0.2);
}
.header .fr li.tel div img{
	width:20px;display: inline-block;
}
.header ul.fr li:hover i{ 
	/*animation:tiao 0.4s ease-in 0s 1;*/
	transform:rotateY(180deg);
}
.header::after{
	content:''; display: block;
	width:96%;margin:auto;
	position: absolute;bottom:0;left:2%;right:0;
	border-bottom: 1px solid #fff;
	pointer-events:none; transition:all 1s;
}
.header::before{content:'';
	position: absolute;	left:0;top:0; z-index:-1;
	width:100%;height:100%;
	transform:translate(0,-100%);
	background-color:#fff;
	transition:all .7s;
}
.header.fixed{
	margin:0;width:100%; padding:0 3%;background:none;
	box-shadow:0 .1rem .3rem rgba(0,0,0,0.1);
}
.header.fixed::before{transform:translate(0,0);}
.header.fixed::after{transform:rotateY(90deg);}
.header.fixed a,.header.fixed ul.fr li{ color:#333; }
.header.fixed .logo2{opacity:1; transform:rotateY(0deg);}
.header.fixed .menu li a:hover,.header.fixed .menu li.cur a{ 
	color:#1f6cad;
}
/*搜索*/
#searchbox{display:none;}
.search{ 
	background-color:rgba(30,60,160,0.45); 
	z-index:7; top:42%!important;
	text-align:center; width:50%!important;
	backdrop-filter:blur(10px); border-radius:10px!important;
}
.search .input{ 
	display: inline-block; width:350px;
	background-color:rgba(255,255,255,0.85);
	border:1px solid #d4deeb;
	border-radius:5px; padding:10px 15px;
	outline:none; 
}
.search button{border-radius:5px; padding:10px 30px;border:0; 
	background-color:#005094; color:#fff;
}
.search h4{font-size:24px; font-weight: bold; color:#005094;padding-bottom:15px;}
.search .layui-layer-content{
	margin:10px 0 20px;
}
.videobox{
	display:flex; width:100%; height:100vh;
	align-items:center;
	overflow:hidden; position: relative;
	background:url('../img/b.jpg') center no-repeat;
	background-size:cover;
}
.videobox video{
	object-fit:cover; width:100%; height:100%;
}
@keyframes roll{
	0%{transform:rotateZ(0);}
	100%{transform:rotateZ(360deg);}
}
.mouse{
	position: absolute; width:.7rem;height:.7rem;
	left:50%;bottom:.4rem; margin-left: -.35rem;
	background:url('../img/shubiao.png') center no-repeat;
	background-size:.32rem;cursor:pointer;	
}
.mouse img{animation:roll 2s linear infinite; width:100%;}

.item{
	display: block; margin:0;
	height:9.1rem;position: relative; 
}
.item ul{
	display: block;
	width:14.8rem;height:100%;
	margin:0 auto; color:#fff;
}
.item li{
	float:left; width:23%; height:100%;
    border-left: 1px solid rgba(255,255,255,0.4);
    padding:3rem .5rem 0; overflow:hidden;
    margin-left: -2px; transition:all .7s;
}
.item li div{
	transform:translateX(-32vw); transition:all .7s;
	width:3.5rem;
}
.item li h2{font-size:.4rem;}
.item li h4{font-size:.24rem;margin:.6rem 0 .35rem;}
.item li p{line-height:1.8;}
.item li a{
	margin-top: .4rem; text-align:center;
	display: inline-block;
	border-bottom: 1px solid #fff;
	padding:.12rem .2rem .12rem 0; color:#fff;
	transition:all 1s; position: relative;
}
.item li i{position: absolute;right:0;top:.11rem; }
.item li a:hover{
	padding-right:.5rem;
}
.item li.on{
	width:31%; background-color:rgba(10,53,90,0.2);
}
.item li.on div{
	transform:translateX(0);
}
.itembg{
	position: absolute;left:0;top:0;right:0;bottom:0;z-index:-1;
}
.itembg div{
	position: absolute;
    width: 100%;
    height: 100%;
    background: no-repeat center center;
    background-size: cover;
    opacity: 1;
    transition: all 1s ease 0s;
}
@keyframes itembg{
	0%{opacity:0;}
	100%{opacity:1}
}
.itembg div.on{opacity:1; z-index:1;animation: itembg 1s;}
/*走进恒信*/
.homeAbout{display: block; margin: .3rem 0 .2rem;position: relative;}
.homeAbout .container{ position: relative; }
.homeAbout .fl{width:9.2rem;float:left;}
.homeAbout .proimg{position:absolute;right:0;bottom:0;width:4.9rem;height:4.9rem;border-radius:50%;
	overflow:hidden;
}
.homeAbout .proimg img{width:100%;height:100%;object-fit:cover;}
.title{position: relative;padding-top: .4rem;}
.title .cn-t{
  font-size:.32rem;line-height:1;color:#1f6cad;
  display: block; margin:.15rem 0 .1rem;
}
.title .en-t{
	font-family: "Times New Roman";
	text-transform:uppercase;font-weight: bold;
	font-size:1.6rem;line-height:1; color:#f0f8ff;
	position: absolute;left:0;top:0;
	z-index: -1;
}
.title img{height:.38rem;}
.title .slogan{font-size:.14rem; color:#b51442;letter-spacing:5px;}
.homeAbout .text{
	margin:.4rem 0; line-height:1.8;
	display: block; color:#767b93;
}
.homeAbout .text p{text-indent:.32rem;}
.homeAbout .honor{
	background-color:#1f6cad; height:1.5rem;
	display: block;
}
.homeAbout .honorimg{
	height:1.5rem; display: flex;
	align-items:center; flex-wrap:wrap;
}
.honorimg img{height:.65rem;margin-right: .2rem;}
/*新闻*/
.title a{position: absolute; right:0;bottom:0;
	line-height:.5rem;
	padding:0 .5rem; border-radius:1rem;
	border:1px solid #cad3de;
}
.title a:hover{background-color:#1f6cad;color:#fff;border-color:#1f6cad;}
.newsbox{
	margin-top: .3rem;
	display: flex; flex-flow:row wrap;
	justify-content:space-between;
}
.newsbox ul,.newsbox div{
	width:31.5%; height:6.2rem;
	overflow:hidden; background-color:#f0f8ff;
}
.newsimg a{display:flex;height:100%;align-items:center;position: relative;}
.newsimg img{height:100%;min-width:100%; object-fit:cover;transition:all 1s;}
.newsimg h4{
	position: absolute;left:0; bottom:0;margin:0;
	padding:0 .5rem .3rem; font-size:.2rem; line-height:1.4; color:#fff;
	background:linear-gradient(to top,rgba(0,0,0,0.3),transparent);
}
.newsimg h4::before{
	content:''; display: block; border-top: 1px solid #fff;
	margin-bottom: .2rem;
}
.newsimg h4 p{margin-top: .1rem;}
.newsimg a:hover img{
	transform:scale(1.05);
}
.newsbox ul{
   padding:.32rem;
}
.newsbox li{
	display: block;border-bottom: 1px solid #788a9d;
	padding-top: .3rem; font-size:.18rem;
}
.newsbox li a{
	display: -webkit-box; line-height:1.6;
    box-orient:vertical;
    line-clamp:2;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden; text-overflow:ellipsis;
}
.newsbox li p{
	margin-top: .15rem;
}
.newsbox li p i{float:right;color:#1f6cad;}
/*三大类型*/
.three{
	background:url('../img/threebg.jpg') no-repeat center;
	background-size:100% 100%;
	display: block; padding:.92rem 0;
	margin-top: 1rem;
}
.w50per{width:50%;float:left; height:4.1rem;position: relative;}
.w50per:first-child{
	background:url('../img/three.jpg') center no-repeat;
	background-size:cover;
}
.three .info{
	padding:1rem .8rem; color:#fff;
}
.three .info h2{font-size:.36rem;margin-bottom: .45rem;}
.three .info p{
	line-height:1.7;
}
.build{display: block; height:100%;position: relative;}
.build li{display: block;height:100%;position: absolute;left:0;top:0;z-index:-1;opacity:1;
	transition:all 1s ease 0s;
}
.build li img{width:100%;height:100%;object-fit:cover;}
.build li.active{animation:itembg 1s;z-index:1; opacity:1;}
.three .tab{position: absolute; left:.65rem;top:0; z-index:2;
	height:100%;
	display: flex; justify-content:center;
	flex-direction:column;
}
.three .tab li{padding:.1rem 0;font-size:.2rem;margin-bottom: .1rem;}
.three .tab li::after{
	content:''; display: block; width:0; border-bottom: 1px solid #fff;
	transition:all 1s;
}
.three .tab li a{color:#fff;}
.three .tab li i{transform:translateX(-30px); visibility:hidden;transition:all 1s;font-size:.16rem;}
.three .tab li.active::after{
	width:100%;
}
.three .tab li.active i{
	transform:translateX(0); visibility:visible;
	animation:itembg 1s; 
}
.footer{
	background-color:#f7fbff;
	display: block; padding:.58rem 0;
}
.footer ul li{
	display:inline-block;
	width:1.8rem; vertical-align:top;
}
.footer li h4{
	font-size:.18rem; color:#204179;font-weight: bold;
}
.footer li h4::after{
	content:''; display: block;
	width:.35rem; border-bottom: 1px solid #204179;
	margin:.18rem 0 .15rem;
}
.footer li div a{color:#5e6673;display: block;font-size:.14rem; line-height:2;}
.footer li:last-child{float:right;}
.copyright{background-color:#2e415a;
	padding:.4rem 0; color:#fff;
}
.copyright .fl{float:left;}
.copyright .fr{float:right;}

/*菜单*/
#allMenu{
	position: fixed;
    top: 0;
    left: 0; z-index:-2;
    width: 100%;
    height: 100%; overflow-y:auto;
    background:rgba(12,28,88,0.88);
    backdrop-filter:blur(4px);
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
    color:#fff;
    padding:8%;
}
#allMenu.on{
	-webkit-transform: scale(1);
    transform: scale(1);
    visibility: visible;
    opacity: 1; z-index:999;
}
#allMenu .guan{
	position: absolute;	 right:3%;top:3%;
	color:#fff; cursor:pointer;
	font-size:18px;
}
#allMenu li{
	display: inline-block; width:100%;
	vertical-align:top;margin-top: 5px;
}
#allMenu li a{
	display: inline-block; color:#fff;
	opacity:0.8; font-size:15px; padding:5px 0;
	margin-left: 15px;
}
#allMenu li h3{font-size:22px;}
#allMenu li h4{
	padding:6px 0; margin-bottom: 0;
}
#allMenu li h4 a{font-size:18px; margin-left: 0;opacity:1;}
#allMenu li h4 a::before{display: none;}
#allMenu li a::before{
	content:''; width:4px; height:2px;
	background-color:#d3273f;
	display: inline-block; vertical-align:middle;
	margin-right: 8px;
	transition:all 0.5s ease 0s;
}
#allMenu li a:hover{color:#d3273f}
#allMenu li a:hover::before{
	width:15px;
}
/*手机端*/
.header ul.fr li.hamburger{display: none; 
	position: relative;z-index:999;
}
.hamburger .line {
  width: .3rem;
  height:.03rem;
  background-color: #ecf0f1;
  display: block;
  margin:.06rem auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.hamburger:hover {
  cursor: pointer;
}
#hamburger-1.is-active .line:nth-child(2) {
  opacity: 0;
}
#hamburger-1.is-active .line:nth-child(1) {
  -webkit-transform: translateY(.09rem) rotate(45deg);
  -ms-transform: translateY(.09rem) rotate(45deg);
  -o-transform: translateY(.09rem) rotate(45deg);
  transform: translateY(.09rem) rotate(45deg);
}
#hamburger-1.is-active .line:nth-child(3) {
  -webkit-transform: translateY(-.09rem) rotate(-45deg);
  -ms-transform: translateY(-.09rem) rotate(-45deg);
  -o-transform: translateY(-.09rem) rotate(-45deg);
  transform: translateY(-.09rem) rotate(-45deg);
}
.header.fixed .hamburger .line{background-color:#333;}
@media screen and (max-width:768px){
	html{font-size: calc(100vw / 7.68);}
	body{font-size:15px; overflow-x:hidden;}
	.menu,.itembg,.footer{display:none;}
	.header ul.fr li.hamburger{display:inline-block;}
	.header ul.fr li i{font-size:.3rem;}
	.header{height:1.1rem;}
	.videobox{height:50vh;}
	.item{height:auto; width:94%;margin:30px 3%;}
	.item ul li{
		display:block;width:100%!important;height:auto;
		padding:1rem .5rem; background-size:cover!important;
		position: relative;
	}
	.item li::after{ content:'';
		position: absolute;left:0;top:0;right:0;bottom:0;z-index:1;
		width:100%;height:100%;
		background-color:rgba(0,0,0,0.1);
	}
	.item ul li:hover,.item ul{width:100%;}
	.item li:nth-of-type(1){background:url('../img/item-kf.jpg') center no-repeat;}
	.item li:nth-of-type(2){background:url('../img/item-fw.jpg') center no-repeat;}
	.item li:nth-of-type(3){background:url('../img/item-jd.jpg') center no-repeat;}
	.item li:nth-of-type(4){background:url('../img/item-cy.jpg') center no-repeat;}
	.container{width:94%;margin:0 3%;}
	.item li h2{font-size:36px;}
	.item li h4{font-size:20px;margin:15px 0;}
	.item li div{transform:translateX(0);width:90%;z-index:4; position:relative;}

	.homeAbout .fl{width:67%;} 
	.newsbox div{width:48%; height:auto;}
	.newsbox ul{width:100%; height:auto;padding-top:0;}
	.title .en-t{font-size:1rem; white-space:nowrap;}
	.title .cn-t{font-size:28px;}
	.homeAbout .text{margin:.2rem 0;}
	.homeAbout .honor{height:auto;} 
	.homeAbout .honorimg{ justify-content:center; width:65%;  height:auto;
	padding:.2rem 0; } 
	.homeAbout .honorimg img{height:.55rem;}
	.homeAbout .proimg{width:30%;height:4rem;border-radius:2rem 2rem 0 0; }
	.newsbox div{height:4rem;}
	.newsimg h4{padding:0 .3rem .2rem;}
	.w50per{width:100%; height:auto;}
	.three{margin-top:.5rem;padding:.64rem 0;}
	.build{height:4.2rem;}
	.copyright .fl,.copyright .fr{width:100%;text-align:center;}
 
	
}