/* CSS Document */
/*header*/
.header-height{
	height: 90px;
}
.header{
	position: relative;
	width: 100%;
	height: 90px;
	background: #fff;
	z-index: 10;
	font-size: 0;
	box-shadow: 1px 2px 10px 2px rgba(0,0,0,0.08);
}
.fixed{
	position: fixed;
	top: 0;
	z-index: 10;
}
.head-container{
	width: 93.8%;
	margin: 0 auto;
}
.head-logo{
	width: 24%;
	line-height: 90px;
	vertical-align: top;
}
.head-logo img{
	max-width: 100%;
}
.head-nav{
	display: -webkit-flex;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
	width: 76%;
	text-align: right;
}
.header .m-navright{
	display: -webkit-flex;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
}
.head-nav ul{
	width: 100%;
}
.head-nav>ul>li{
	display: inline-block;
	padding: 0 14px;
	text-transform: uppercase;
}
.head-nav>ul>li>a>span{
	position: relative;
	display: block;
	padding: 0 14px;
	color: #202020;
    font-size: 16px;    
	line-height: 90px;
    -webkit-transition: .3s all; 
	-moz-transition: .3s all; 
	-ms-transition: .3s all; 
	transition: .3s all;
}
.head-nav>ul>li#li15360>ul.u1,.m-navlistcon ul li#li15360>ul.u1,.m-navlistcon ul li#li10390{
	display: none !important;
}
.head-nav>ul>li>a>span:hover,.head-nav>ul>li>a.current span{
	color: #fff;
	background: #033282;
}
.head-nav>ul>li>a:hover>span::before,.head-nav>ul>li>a.current>span::before{
	background: #4d4d4d;
}
.head-nav>ul>li>ul{
	display: none;
	position: absolute;
	width: 100%;
	top: 90px;
	left: 0;
	background: #fff;
	text-align: center;
	z-index: 2;
	box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.1) inset;
	border-bottom: 1px solid #f1f1f1;
}
.head-nav>ul>li>ul>li{
	display: inline-block;
	vertical-align: top;
}
.head-nav>ul>li#li15365>ul{
	display: none !important;
}
.head-nav>ul>li>ul li img{
	display: none;
}
.head-nav>ul>li>ul>li>a{
	display: block;
	width: 100%;
	height: auto;
	padding: 19px 25px;
}
.head-nav>ul>li>ul>li>a>span{	
	font-size: 16px;	
	color: #555;
}
.head-nav>ul>li>ul>li>a:hover span{
	color: #033282;
}
.head-nav>ul>li#li15358>a>span, .head-nav>ul>li#li10356>a>span, .head-nav>ul>li#li10361>a>span, .head-nav>ul>li#li10371>a>span{
	padding: 0 12px;
}
.head-nav>ul>li#li15358>a>span::after, .head-nav>ul>li#li10356>a>span::after, .head-nav>ul>li#li10361>a>span::after, .head-nav>ul>li#li10371>a>span::after,.head-nav>ul>li#li10374>a>span::after{
	content: '\e62a';
    display: inline-block;
    margin-left: 7px;
    font-size: 13px;
    color: #202020;
    vertical-align: top;
    font-family: "iconfont";
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.head-nav>ul>li>a>span:hover::after,.head-nav>ul>li>a.current>span::after{
	color: #fff!important;
}
.banner-video video{
	width: 100%;
}
/*手机端导航*/
.mobile-height{
	display: none;
	height: 60px;
}
.mobile-nav{
	display: none;
	width: 100%;
	height: 60px;
	background: #fff;
	z-index: 999;
	box-shadow: 0 0 25px 0 rgba(0,0,0,0.1);
}
.mobile-logo {
	line-height: 60px;
	text-align: center;
}
.mobile-logo img{
	max-width: 100%;
}
.mobile-nav .lang-show span.show-current a{
	padding: 0;
	font-size: 16px;
	border:none;
}
.mobile-nav .show-current{
	height: 60px;
}
.mobile-nav .lang-show .lang-hide{
	left: -42px;
	top: 60px;
}
.m-navico{
	font-weight: bold;
	font-size: 24px;
	line-height: 60px;
}
.m-navlist{
	position: fixed;
	left: -80%;
	top: 0;
	bottom: 0;
	width: 76%;
	padding: 0 0 20px 0;
	background: #fff;
	box-shadow: 1px 2px 8px 3px rgba(0,0,0,0.2); 
	z-index: 999;
}
.m-navlist .m-listtop{
	padding:20px;
	font-size: 24px;
}
.m-navlist .m-listtop img{
	width: 200px;
}
.m-navlist .m-listtop span{
	float: right;
	font-size: 24px;
	color: #999;
	font-weight: 100;
	line-height: 40px;
	opacity: 0.8;
}
.m-navlistcon{
	height: calc(100vh - 140px);
	margin-left: 20px;
	overflow: auto;
}
.m-navlistcon>ul>li>a{
	width: 100%;
	display: block;
	border-bottom: 1px solid #dedede;
	overflow: hidden;
}
.m-navlistcon>ul>li>a>span{
	display: block;
	width: 100%;
	font-size: 16px;
	color: #222;
}
.m-navlistcon>ul>li>ul>li{
	margin-left: 20px;
	border-bottom: 1px solid #dedede;
}
.m-navlistcon ul li a{
	display: block;
	padding: 15px 0;
	font-size: 14px;
	color: #000;
}
.m-navlistcon ul li a span{	
	text-transform: uppercase;
}
.m-navlistcon .xla-three{
	border-top: 1px solid #dedede;
	padding-left: 20px;
}
.m-navtap{
	padding-left: 6%;	
}
.m-navtap,.m-navcenter{
	float: left;
}
.m-navcenter {
	text-align: center;
}
.m-navcenter img{
	height: 60px;
}
.m-navright{
	align-self: stretch;
}
.lang-show{
	position: relative;
}
.show-current{
	display: -webkit-flex;
    display: flex;
    align-items: center;
    height: 90px;	
}
.lang-show span.show-current a{
	display: inline-block;
	height: 40px;
	padding:0 10px 0 13px;
	line-height: 38px;
	font-size: 14px;
	color: #212121;
	border:1px solid #dfdfdf;
	border-radius: 30px;
}
.lang-show span.show-current a:hover{
	color: #033282;
}
.lang-show span.show-current a img{
	margin-right: 12px;
	border-radius: 50%;
}
.lang-show span.show-current i{
	margin-left: 8px;
	font-size: 12px;
	color: #202020;
}
.lang-show span.show-current a:hover i{
	color: #033282;
}
.lang-show .lang-hide{
	display: none;
	position: absolute;
	left: 0;
	top: 90px;
	z-index: 9;
	min-width: 122px;
	padding: 5px 15px 15px 15px;
	background: #fff;
	box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.12) inset;
	border-bottom: 1px solid #f1f1f1;
}
.lang-show .lang-hide a{
	display: block;
	margin-top: 10px;
	font-size: 16px;
}
.lang-show .lang-hide img{
	margin-right: 10px;
}

/*banner*/
.banner{
	position: relative;
    width: 100%;
	height: calc(100vh - 90px);
	min-height: 800px;
	z-index: 2;
	overflow: hidden;
}
.ban-view{
	height: 100%;
}
.banner-position{
    position: absolute;
	left: 0%;
	top: 0;
	width: 100%;
	height: 100%;
	display: -webkit-flex;
    display: flex;
    align-items: center;
}
.banner-pic img{
	min-width: 100%;
	min-height: 100%;
}
.banner-text{
	width: 81.4%;
	text-align: left;
	z-index: 1;
}
.banner-text p{
	margin-top: 30px;
	font-size: 20px;
	color: #fff;
	line-height: 1.6em;
	letter-spacing: 2px;
}
.banner-text h1,.banner-text h2{
	font-size: 55px;
	letter-spacing: 3px;
	color: #fff;
	line-height: 80px;	
    font-weight: bold;
}
.main-href {
	margin-top: 60px;
}
.main-href a{
	display: inline-block;
	padding: 10px 24px;
	color: #033282;
	border:1px solid #033282;
	font-size: 16px;
	cursor: pointer;
	border-radius: 50px;
	line-height: 34px;
}
.main-href a i{
	display: inline-block;
	width: 34px;
	height: 34px;
	margin-left: 27px;
	background: #033282;
	text-align: center;
	line-height: 34px;
	border-radius: 50%;
	vertical-align: top;
}
.main-href a i::before{	
	content: '\e600';
	color: #fff;
	font-size: 14px;
}

.main-href a:hover{
	background: #033282;
	color: #fff;
	text-decoration: none;
}
.main-href a:hover i{
	background: #fff;
}
.main-href a:hover i::before{
	color: #033282;	
}
.border-href a{
	background: none;
	border:1px solid #fff;
}
.banner .main-href{
	margin-top: 70px;
}
.banner .main-href a{
	color: #fff;
}
.banner .main-href a i{
	background: #fff;
}
.banner .main-href a i::before{
	color: #033282;	
}
.banner .main-href a:hover{
	background: #033282;
	border-color: #033282;
}
.banner .swiper-slide{
	width: 100%;
}
/*手机端底部*/
.mobile-footer{
	display: none;
	position: fixed;
	left: 0; 
	bottom: 0px;
	width: 100%;
	height: 60px;
	background: #033282;
	z-index: 99;
	box-shadow: 1px 2px 8px 4px rgba(0,0,0,0.1);
}
.mobile-foot a{
	float: left;
	width: 25%;
	height: 60px;
	color: #fff;
	font-size: 15px;	
	text-align: center;
	border-right: 1px solid #2c5396;
	box-sizing: border-box;
}
.mobile-foot a:last-child{
	border-right:none;
}
.mobile-foot a:hover{
	text-decoration: none;
}
.mobile-foot i{
	display: block;
	height: 28px;
	margin:3px auto 3px auto;
	font-size: 22px;
	font-weight: 100;
	color: #fff;
	line-height: 34px;
}
.mobile-foot i.m-home{
	font-size: 34px;
}
.mobile-foot i.m-pro{
	font-size: 38px;
}
.mobile-foot i.m-contact{
	font-size: 34px;
}
.swiper-pagination-progress .swiper-pagination-progressbar{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background:#033282;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
}

.swiper-pagination {
	position: static;
    margin-top: 40px;
    vertical-align: top;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 2;
}
.swiper-pagination-progress{
    width: 100%;
    height: 5px;
	background: #cbd2d6;
}
.home-about{
	position: relative;
	background: url(https://hhanvocn.meeallcdn.com/imglibs/files/98304.jpg) no-repeat left center;
	background-size: 35.4% 100%;
}
.home-about::after{
	content: 'about';
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
	color: #fbfbfb;
	font-size: 300px;
	line-height: 240px;
	font-weight: bold;
	text-transform: uppercase;
}
.home-about .title-center{
	text-align: left;
}
.home-about .title-center i:first-child::after{
	display: none;
}
.title{
	margin-top: -10px;
}
.title h2,.home-about .title h2 a{
	letter-spacing: 5px;
}
.title h2 i::after{
	content: '\eb86';
	margin-left: 15px;
	font-size: 48px;
	color: #033282;
}
.title p{
	margin-top: 20px;
	letter-spacing: 4px;
	text-transform: uppercase;
}
.home-about .title h2,.home-about .title h2 a{
	color: #fff;
}
.home-about .title h2 i::after{
	color: #fff;
	opacity: 0.75;
}
.home-about .title p{
	font-size: 16px;
	color: #fff;
}
.home-about .title{
	width: 30%;
}
.home-about .home-aboutnum{
	width: 65%;
	margin-top: -6px;
}
.home-aboutnum .home-num strong,.home-num{
	font-size: 36px;
	font-weight: bold;
}
.home-aboutnum h3{
	margin-top: 15px;
	font-size: 16px;
	line-height: 30px;
	color: #555;
}
.home-aboutpic{
	width: 53.6%;
}
.home-aboutpic img{
	width: 100%;
}
.home-abouttxt{
	width: 41%;
}
.home-aboutcon{
	margin-top: 60px;
}
.pic{
	overflow: hidden;
}
.pic img:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);	
}
.home-goods{
	position: relative;
}
.home-goods::after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: 64.6%;
	height: 100%;
	background: #f8f8f8;
	z-index: -1;
}
.home-goodny{
	position: relative;
	width: 33.28%;
}
.home-goodpic{
	overflow: hidden;
}
.home-goodpic img{
	width: 100%;
}
.home-goodny:hover img{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.home-goodtxt{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 34px 30px;
}
.home-goodtxt h3,.home-goodtxt h3 a{
	font-size: 24px;
	color: #fff;
}
.home-goodtxt h3 a:hover{
	text-decoration: underline;
}
.home-goodtxt p{
	margin-top: 18px;
	color: #fff;
	line-height: 24px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.href{
	margin-top: 38px;
}
.href a{
	font-family: "iconfont";
}
.href a::before{
	content: '\e601';
	display: inline-block;
	width: 47px;
	height: 47px;
	font-size: 14px;
	color: #033282;
	text-align: center;
	line-height: 47px;
	background: #fff;
	-webkit-transition: .3s all; 
	-moz-transition: .3s all; 
	-ms-transition: .3s all; 
	transition: .3s all;
	border-radius: 50%;
}
.href a:hover::before{
	color: #fff;
	background: #033282;
}
.home-goodlist{
	margin-top: 55px;
}
.home-zzhu{
	background-image: url(https://hhanvocn.meeallcdn.com/imglibs/files/98745.jpg);
	background-size: 100% 100%;
	background-attachment: fixed;
}
.home-zzhutxt h2{
	font-size: 30px;
}
.home-zzhutxt h2,.home-zzhutxt p{
	color: #fff;
}
.home-zzhutxt{
	width: 63.6%;
}
.home-zzhutact{
	display: -webkit-flex;
    display: flex;
	width: 30%;
	margin-top: 0;
	justify-content: flex-end;
	align-items: center;
	text-align: right;
}
.home-zzhutact a{
	padding: 10px 51px;
	color: #fff;
	background: none;
	border:1px solid #fff;
}
.home-zzhutact a:hover{
	border:1px solid #033282;
	background: #033282;
}
.title-center{
	text-align: center;
}
.title-center h2 i:first-child::after{
    margin-right: 15px;
    margin-left: 0;
}
.home-news{
	background: url(https://hhanvocn.meeallcdn.com/imglibs/files/98377.jpg) no-repeat;
	background-size: 100% 100%;
}
.home-newscon{
	margin-top: 50px;
}
.home-newsconl{
	position: relative;
	width: 55.7%;
}
.home-newsconl p{margin-top: 0;}
.home-newsconl img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.home-newpic{
	width: 100%;
	height: 100%;
}
.home-newtxt{
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 30px;
}
.home-newtxt h3,.home-newtxt h3 a{
	font-size: 24px;
	color: #fff;
}
.home-newtxt h3 a:hover{
	text-decoration: underline;
}
.home-newtxt div{
	margin-top: 10px;
	font-size: 16px;
	color: #fff;
	opacity: 0.5;
}
.home-newconr{
	width: 42.2%;
	background: #fff;
}
.home-newtime{
	width: 15%;
}
.home-newconlist{
	align-items: center;
}
.home-newlk i{
	display: inline-block;
	width: 6%;
	font-size: 26px;
}
.home-newlk i:hover{
	color: #033282;
}
.home-newconlist h3{
	width: 65%;
}
.home-newconlist h3,.home-newconlist h3 a{
	font-size: 18px;
	line-height: 26px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.home-newconlist h3 a:hover{
	color: #033282;
	text-decoration: underline;
}
.home-newtime{
	text-align: center;
}
.home-newtime strong{
	font-size: 36px;
}
.home-newtime span{
	font-size: 16px;
}
.home-newconlist{
	padding: 40px 44px;
	background: #fff;
	border-bottom: 1px solid #839bc2;
}
.home-newconlist:last-child{
	border-bottom: none;
}
.home-newconlist:hover .home-newtime strong,.home-newconlist:hover .home-newtime span,.home-newconlist:hover h3 a,.home-newconlist:hover .home-newtime span,.home-newconlist:hover h3,.home-newconlist:hover .home-newlk i{
	color: #033282;
}
.home-newpic img{
	min-width: 100%;
	height: 100%;
}
.home-group .home-aboutnum{
	width: 70%;
	margin:40px auto 0 auto;
}
.home-group .home-aboutnum .home-num{
	font-size: 28px;
}
.home-group .home-aboutnum strong{
	line-height: 60px;
	vertical-align: top;
}
.home-mappic img{
	width: 100%;
}
.home-map{
	position: relative;
	margin-top: 30px;
}
.home-mapdian div{
	position: absolute;
	z-index: 2;
	width: 10px;
	height: 10px;
    background: #033282;
    border-radius: 50%;
}
.home-mapdian div::before{
	content: '';    
	display: block;
	width: 30px;
    height: 30px;
    margin-top: -10px;
    margin-left: -10px;
    background: rgba(8,55,133,0.3);
    border-radius: 50%;
    animation: scale1 2s linear infinite
}
.dian01{
	top: 13.21%;
	left: 36.35%;
}
.dian02{
	top: 48%;
	left: 20.78%;
}
.dian03{
	top: 49%;
	left: 26.04%;
}
.dian04{
	top: 23.29%;
	left: 35.36%;
}
.dian05{
	top: 64.28%;
	left: 37.19%;
}
.dian06{
	top: 46.27%;
	left: 50.78%;
}
.dian07{
	top: 43.17%;
	left: 58.07%;
}
.dian08{
	top: 28.11%;
	left: 67.03%;
}
.dian09{
	top: 43.18%;
	left: 75.73%;
}
.dian10{
	top: 54.81%;
	left: 72.92%;
}
.dian11{
	top: 82.3%;
	left: 72.96%;
}
.dian12{
	top: 59.31%;
	left: 89.21%;
}
/*footer*/
.footer {
    padding-top:95px;
	background: #000c38;
	background-size:100% 100%;
}

.foot-logo {
	width: 30%;
    padding-bottom: 30px;
}
.foot-input{
	margin-top: 30px;
	border:1px solid #fff;
	border-radius: 50px;
}
.newsletter {
    width: 100%;
    margin-top: 45px;
    margin-right: 0;
}

.newsletter p {
	margin-top: 0;
    color: #fff;
}

.newsletter form {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.newsletter input {
    width: 80%;
    height: 58px;
    padding-left: 25px;
    font-size: 16px;
    background: none;
    color: #fff;
    outline: none;
    border: none;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;    
}
.newsletter input.error{
	background: rgba(255,255,255,0.1);
}
.newsletter button {
    width: 20%;
    height: 58px;
    font-size: 24px;
    background: none;
    color: #fff;
    outline: none;
    border: none;
    cursor: pointer;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    transition: .3s all
}
.foot-link{
	margin-top: 46px;
	font-size: 0;
}
.foot-link a{
	display: inline-block;
	width: 52px;
	height: 52px;
	margin-right: 22px;
	text-align: center;
	line-height: 52px;
	color: #fff;
	font-size: 28px;
	border-radius: 50%;
}
.foot-link a:first-child{
	background: #4991d6;
}
.foot-link a:nth-child(2){
	background: #5fae48;
}
.foot-link a:nth-child(3){
	background: #f19e4b;
}
.foot-link a:last-child{
	background: #df4f49;
}
.foot-contact{
	width: 326px;
}
.foot-contact h3{
	font-size: 18px;
	color: #fff;
	opacity: 0.75
}
.foot-contact div{
	padding: 30px 6px 25px 6px;
	border-bottom: 1px solid #333d60;
}
.foot-contact div:first-child{
	padding-top: 0;
}
.foot-contact div:last-child{
	border-bottom: none;
}
.foot-contact div i::before{
	content: '\e969';
	margin-right: 15px;
	font-size: 22px;
	color: #fff;
}
.foot-contact div:nth-child(2) i::before{
	content: '\e62e';
}
.foot-contact div:nth-child(3) i::before{
	content: '\e603';
}
.foot-contact div p,.foot-contact div p a{
	margin-top: 16px;
	color: #fff;	
}
.foot-contact div p a:hover{
	text-decoration: underline;
}
.foot-wx{
	width: 19%;
	text-align: center;
}
.foot-wxpic{
	width: 100%;
	margin-top: 28px;
	padding: 10px;
	background: #fff;
}
.foot-wx img{
	width: 100%;
}
.foot-wx h3{
	font-size: 18px;
	color: #fff;
}
.foot-txt {
    margin-top: 70px;
    padding: 14px 0;
    border-top:1px solid #333e61;
    text-align: center;
}
.foot-txt p {
    margin-top: 0;
    color: #fff;
    opacity: 0.5;
}
/*about page*/
.small-banner{
	position: relative;	
	width: 100%;
	overflow: hidden;
}
.small-banner .ban-txt{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
    align-items: center;
}
.small-banner .ban-txt h1{
	font-size: 36px;
	color: #fff;
	display: -webkit-flex;
    display: flex;
    letter-spacing: 3px;
}
.small-banner .ban-txt p{
	color: #fff;
}
.ban-pic img{
	width: 100%;
}
.crumbs{
	font-size: 0;
}
.crumbs .container{
	padding: 14px 0;
	border-bottom: 1px solid #e7e7e7;
}
.nav::before{
	content: '\e8b9';
	margin-right: 8px;
	font-size: 28px;
	color: #8e8d8d;
	font-family: "iconfont";
	vertical-align: top;
}
.nav li{
	display: inline-block;
}
.nav li a,.nav li span{
	color: #8e8d8d;
	font-size: 16px;
	line-height: 30px;
	font-style: normal;
}
.nav li span{
	margin:0 2px;
}
.nav li a:hover{
	color: #033282;
}
.overview-txt .title{
	width: 40%;
}
.overview-p{
	width: 51.4%;
}
.overview-p p:first-child{
	margin-top: 0;
}
.overview-p p{
	line-height: 24px;
}
.overview-video{
	position: relative;
	margin-top: 68px;
}
.overview-video .container{
	cursor: pointer;	
	overflow: hidden;
}
.overview-pic img{
	width: 100%;
}
.overview-video .container img:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.bofang{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 70px;
	height: 70px;
	margin-left: -35px;
	margin-top: -35px;
	background: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 70px;
}
.bofang i::before{
	content: '\e617';
	font-size: 22px;
	color: #033282;
}
.about-brand{
	background: url(https://hhanvocn.meeallcdn.com/imglibs/files/98423.jpg);
}
.about-brandtxt{
	width: 71.86%;
	margin: 35px auto 0 auto;	
	text-align: center;	
}
.about-xqlist{
	position: relative;
	width: 48.5%;
}
.about-zz{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 72px 30px 75px 30px;
	text-align: center;
}
.about-zz h3{
	margin-top: 40px;
	color: #fff;
	font-size: 22px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.about-zz p{
	margin-top: 20px;
	color: #fff;
}
.about-zz div img{
	max-width: 80%;
	max-height: 90px;
}
.about-xuqiu{
	margin-top: 64px;
}
.about-pic img{
	width: 100%;
}
.about-xqlist{
	overflow: hidden;
}
.about-xqlist:hover .about-pic img{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.history{
	position: relative;
	padding-bottom: 138px;
	background: url(https://hhanvocn.meeallcdn.com/imglibs/files/98424.webp) no-repeat center bottom;
	background-size: 100% auto;
}
.history::after{
	content: 'SINCE 2004';
	position: absolute;
	top: 0;
	left: -30px;
	z-index: -1;
	font-size: 10em;
	line-height: 140px;
	color: #f2f4f6;
	font-weight: bolder;
	font-family: "Arial";
}
.history .swiper-slide {
	padding: 0 36px;
	border-right:1px solid #e7e7e7;
}
.history .swiper-slide h3{
	margin-top: 40px;
	font-size: 30px;
	font-family: "Arial";
	font-weight: bold;
	color: #033282;
}
.history .swiper-slide p{
	margin-top: 16px;
	line-height: 26px;
}
.history .swiper-slide p::before{
	content: '>>>';
	margin-right: 7px;
	font-weight: bolder;
	letter-spacing: -1px;
}
.history .swiper-slide img{
	width: 100%;
}
.history .swiper-slide img:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.history .swiper-slide div{
	overflow: hidden;
}
.home-position{
	position: relative;
	margin-top: 50px;
}
.swiper-btn div{
	position: absolute;
	top: 50%;
	width: 55px;
	height: 55px;
	z-index: 2;
	margin-top: -22.5px;
	text-align: center;
	line-height: 55px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.1);
	-webkit-transition: .3s all; 
	-moz-transition: .3s all; 
	-ms-transition: .3s all; 
	transition: .3s all;
	cursor: pointer;
}
.swiper-btn div.swiper-button-prev{
	left: -110px;	
}
.swiper-btn div.swiper-button-next{
	right: -110px;	
}
.swiper-btn div:hover{
	background: #033282;
}
.swiper-btn div i::before{
	font-size: 21px;
	color: #033282;	
}
.swiper-btn div.swiper-button-prev i::before{
	content: '\e604';
}
.swiper-btn div.swiper-button-next i::before{
	content: '\e600';
}
.swiper-btn div:hover i::before{
	color: #fff;
}
/*culture*/
.culture{
	position: relative;
}
.culture::before{
	content: '';
	display: block;
	position: absolute;
	top: -59px;
	left: 0;
	width: 100%;
	height: calc(100% + 59px);
	background: url(https://hhanvocn.meeallcdn.com/imglibs/files/98463.jpg);
	z-index: -1;
}
.culture-list{
	font-size: 0;
	text-align: center;
}
.culture-list div{
	width: 44%;
}
.culture-list h3{
	font-size: 18px;
}
.culture-list p{
	font-size: 40px;
	color: #000c38;
}
.culture-list div.culture-pic{
	width: 10%;
}
.culture-pic i{
	display: inline-block;
	width: 85px;
	height: 85px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 2px 2px 20px 3px rgba(0,0,0,0.1);
	-webkit-transition: .3s all; 
	-moz-transition: .3s all; 
	-ms-transition: .3s all; 
	transition: .3s all;
}
.culture-list:hover i{
	background: #033282;
}
.culture-pic i::before{
	content: '\e668';
	font-size: 42px;
	line-height: 84px;
	color: #033282;
}
.culture-list:nth-child(2) i::before{
	content: '\e7f2';
}
.culture-list:nth-child(3) i::before{
	content: '\e60f';
}
.culture-list:nth-child(4) i::before{
	content: '\e641';
}
.culture-list:nth-child(5) i::before{
	content: '\e696';
}
.culture-list:nth-child(6) i::before{
	content: '\e613';
}
.culture-list:hover i::before{
	color: #fff;
}
.culture-pic::after{
	content: '';
	display: block;
	width: 1px;
	height: 120px;
	margin:0 auto;
	background: #e9e9e9;
}
.txt-left{
	text-align: right;
}
.txt-left h3{
	margin-top: 32px;
}
.txt-left p{
	line-height: 52px;
	margin-top:13px; 
}
.txt-right{
	text-align: left;
}
.txt-right h3{
	margin-top: 32px;
}
.txt-right p{
	line-height: 52px;
	margin-top:13px; 
}
/*honor*/
.fs_gallery {
    background: rgba(0,0,0, 0.9);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}
.fs_gallery_close {
    position: absolute;
    top: 50px;
    right: 50px;
    width: 30px;
    height: 30px;
    color: #ccc;
    font-size: 52px;
    font-weight: 100;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    z-index: 102;
}
.fs_gallery_close:before {
    content: "×";
    font-size: 42px;
    font-weight: bold;
}
.fs_gallery_close:hover {
    color: #fff;
}

.fs_gallery_shuft {
    position: relative;
    width: 9999999px;
}
.fs_gallery_shuft:after {
    clear: both;
    content: "";
    display: block;
}
.fs_gallery_shuft_item {
    float: left;
    position: relative;
    background-image: url(data:image/gif;base64,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);
    background-position: center center;
    background-repeat: no-repeat;
}
.fs_gallery_shuft_item img {
    box-shadow: 0 0 8px rgba(0,0,0, 0.8);
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
}
.fs_gallery_prev,.fs_gallery_next{
	position:absolute;
	width:80px;
	color:#ccc;
	font-size:30px;
	cursor:pointer;
	z-index:101
}
.fs_gallery_prev{
	left:0;
	top:0;
	bottom:0;
}
.fs_gallery_next{
	right:0;
	top:0;
	bottom:0;
}
.fs_gallery_prev:before,.fs_gallery_next:before{
	position:absolute;
	top:50%;
	margin-top:-30px;
	font-family: 'iconfont';	
	color: #fff;
	font-size: 30px;
	opacity: 0.6;
}
.fs_gallery_prev:before{
	content:"\e60e";
	left:35px;
}
.fs_gallery_next:before{
	content:"\e602";
	left:35px;
}
.fs_gallery_next:hover:before,.fs_gallery_next:hover:before{
	opacity: 1;
}
.honor .home-position{
	margin-top: 35px;
}
.honor .swiper-container {
	padding: 10px 0;
}

.honor .swiper-slide img {
    width: 100%
}

.honor .swiper-slide {
    width: 25.86%;
    background: #fff;
    box-sizing: border-box;
    z-index: 1;
    -webkit-transition: transform 1s;
    -moz-transition: transform 1s;
    -ms-transition: transform 1s;
    -o-transition: transform 1s;
    -webkit-transform: scale(.8);
    transform: scale(.75)
}

.honor .swiper-slide-active {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    z-index: 10
}

.honor .swiper-slide-prev,.honor .swiper-slide-next {
    -webkit-transform: scale(.85);
    -moz-transform: scale(.85);
    -ms-transform: scale(.85);
    transform: scale(.85);
    z-index: 5
}
.honor .swiper-slide img:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.swiper-btntwo div.swiper-button-prev i::before{
	content: '\e60e';
}
.swiper-btntwo div.swiper-button-next i::before{
	content: '\e602';
}
.swiper-btntwo div{
	width: 60px;
	height: 60px;
	margin-top: -30px;
	line-height: 60px;
}
.swiper-btn div.swiper-button-prev{
	left: -80px;
}
.swiper-btn div.swiper-button-next{
	right: -80px;
}
.honor-pic{
	margin-top: 88px;
}
.honor-pic .container{	
	padding-top: 40px;
	border-top: 1px solid #d8d7d7;
}
.honor-pic .swiper-slide img{
	width: 100%;
}
.honor-pic .swiper-slide img:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.honor-pic .swiper-slide div{
	overflow: hidden;
}
.honor-pic .swiper-slide:nth-child(2n){
	margin-top: 50px !important;
}
.swiper-container-multirow>.swiper-wrapper{
	-webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.honor-pic .swiper-slide h3{
	margin-top: 22px;
	font-size: 18px;
	color: #333;
	text-align: center;
}
.respon .respon-p{
	width: 70%;
}
.respon .respon-p p:first-child{
	margin-top: 0;
}
.respon-do{
	background: #f8f8f8;
}
.respon-list{
	margin-top: 90px;	
}
.respon-list:first-child{
	margin-top: 0;
}
.respon-pic{
	width: 53.2%;
	overflow: hidden;
}
.respon-pic img{
	width: 100%;
}
.respon-pic img:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.repon-txt{
	width: 40.7%;
}
.repon-txt h3{
	position: relative;
	font-size: 30px;
	line-height: 38px;
	padding-top: 40px;
}
.repon-txt h3 a{
	position: relative;
	z-index: 1;
}
.repon-txt h3 i{
	position: absolute;
	z-index: 0;
	left: -16px;
	bottom: 0px;
	font-size: 166px;
	line-height: 128px;
	font-family: 'Arial';
	color: #e0e4ec;
	font-weight: bold;
}
.repon-txt p{
	margin-top: 36px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.repon-txt .main-href{
	margin-top: 55px;
}
.goods-pic{
	width: 50%;
	overflow: hidden;
	display: flex;
    align-items: center;
}
.goods-pic img{
	width: 100%;
}
.goods-pic img:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.goods-txt{
	width: 44.4%;
	padding-right: calc((100% - 1400px) / 2);
	padding-top: 20px;
	padding-bottom: 10px;
}
.goods-list:nth-child(2n) .goods-txt{
	padding-left: calc((100% - 1400px) / 2);
	padding-right: 0;
}
.develop-rel{
	width: 45%;
	margin-top: 30px;
}
.develop-rel .develop-p p{
	line-height: 26px;
}
.develop-rer{
	width: 43%;
	padding-right: 6%;
	align-items: center;
}
.develop-rer img{
	max-width: 100%;
}
.develop-con{
	background: #f8f8f8;
}
.develop-list{
	width: 48.6%;
	margin-left: 2.8%;
}
.develop-list:nth-child(2n+1){
	margin-left: 0;
}
.develop-list:nth-child(1),.develop-list:nth-child(2){
	margin-top: 0;
}
.develop-list h3{
	margin-top: 30px;
	margin-bottom: 16px;
}
.develop-list p{
	margin-top: 0;
	line-height: 26px;
}
.develop-list{
	margin-top: 55px;
}
.develop-list div{
	overflow: hidden;
}
.develop-list div img{
	width: 100%;
}
.develop-list div img:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.hot-new{
	padding-bottom: 60px;
	border-bottom: 1px solid #c3c2c2;
}
.hot-new ul li:first-child{
	position: relative;
	width: 64.2%;
	height: 100%;
}
.hot-new ul li .new-mb{
	display: none;
}
.hot-new ul li:first-child .new-mb{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: url(https://hhanvocn.meeallcdn.com/imglibs/files/98744.png) repeat-x left bottom;
	z-index: 1;
}
.hot-new li:first-child .newtxt{
	position: absolute;
	bottom: 36px;
	left: 0;
	padding: 0 30px;
	z-index: 2;
}
.hot-new li:first-child:hover img{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
 .news-con .hot-new li:first-child .newtxt span,.news-con .hot-new li:first-child .newtxt h3 a, .news-con .hot-new li:first-child .newtxt h3, .news-con .hot-new li:first-child .newtxt p{
	color: #fff;
}
.new-tit h2{
	position: relative;
	font-size: 18px;
	color: #033282;
}
.new-tit h2::after{
	position: absolute;
	left: -5px;
	top: -60px;
	z-index: -1;
	content: '\e725';
	font-family: "iconfont" ;
	font-weight: bold;
	font-size: 133px;
	color: #dee1ea;
}
.new-p{
	margin-top: 35px;
}
.new-p p{
	color: #202020;
	font-size: 40px;
	line-height: 62px;
}
.new-pic{
	overflow: hidden;
}
.new-pic img{
	width: 100%;
}
.new-pic img:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.news-link{
	margin-top: 40px;
}
.news-link a,.news-link i{
	font-size: 18px;
	color: #555;
	font-style: normal;
}
.news-link i{
	margin: 0 22px;
}
.news-link a:hover,.news-link a.current{
	color: #033282;
	font-weight: bold;	
}
.news-link a.current{
	font-weight: bold;	
}
.news-list li{
	width: 32%;
	margin-left: 2%;
	margin-top: 60px;
}
.news-list li:nth-child(3n+1){
	margin-left: 0;
}
.news-con{
	margin-top: 20px;
}
.news-con .newtxt span{
	display: block;
	margin-top: 20px;
	margin-bottom: 26px;
	font-size: 18px;
	color: #b6b6b6;
}
.news-con .newtxt h3 a,.news-con .newtxt h3{
	font-size: 18px;
	line-height: 24px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.news-con .newtxt h3 a:hover{
	text-decoration: underline;
}
.news-con .newtxt p{
	font-size: 16px;
	color: #8b8b8b;
	line-height: 18px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.new-detailfl{
	width: 68.2%;
	padding-right: 11%;
	border-right:1px solid #e8e8e8;
}
.hot-newlist{
	width: 28.6%;
	padding-top: 65px;
	padding-bottom: 50px;
}
.new-top h1{
	margin-top: 25px;
	font-size: 32px;
	font-weight: normal;
}
.new-top span{
	font-size: 18px;
	color: #033282;
}
.new-top{
	position: relative;
	padding-bottom: 50px;
	border-bottom: 3px solid #e8e8e8;
}
.new-top::after{
	position: absolute;
	left: 0;
	bottom: -3px;
	content: '';
	display: block;
	width: 100px;
	height: 3px;
	background: #033282;
}
.new-con h3{
	margin-top: 40px;
	font-size: 22px;
}
.new-con div{
	overflow: hidden;
	text-align: center;
}
.new-con img{
	max-width: 100%;
	margin-top: 40px;
}
.new-con div img:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.new-con p{
	margin-top: 40px;
}
.pagination-bottom{
	margin-top:50px;
}
.pagination-bottom .pagination{
	text-align:center
}
.pagination-bottom .pagination ul{
	width:100%
}
.pagination-bottom .pagination ul li{
	display:inline-block;
	vertical-align:top;
	float:none;
	width:auto;
	border-radius:4px;
	line-height:28px;
	min-width:28px;
	padding:0 10px;
	text-align:center;
	margin:0 5px;
	background:#fff
}
.pagination-bottom .pagination ul li a,.pagination-bottom .pagination ul li span{
	font-size: 14px;
	color:#999
}
.pagination-bottom .pagination ul li.current{
	background:#033282
}
.pagination-bottom .pagination ul li.current span{
	color:#fff
}
.pagination-bottom .pagination ul li:hover{
	background:#033282;
	color:#fff
}
.pagination-bottom .pagination ul li:hover a{
	text-decoration:none;
	color:#fff
}
.pagination-bottom .p_input,.pagination-bottom ul li#home_page .pc_f,.pagination-bottom ul li#home_page a:last-child,.pagination-bottom ul li.p_end{
	display:none
}
.pagination-bottom #home_page:hover{
	background: #fff;
}
/*page*/
.study-fenye {
    width: 100%;
    overflow: hidden;
    margin-top: 70px;
    padding-bottom: 110px;
}

.fenye-prev,.fenye-next {
    width: 46%
}
.fenye-center a:hover {
    color: #212121
}
.fenye-prev,.fenye-next{
	padding: 16px 20px;
	border-top: 2px solid #c5c4c4;
	border-bottom: 2px solid #c5c4c4;
}
.fenye-prev span,.fenye-next span {
   display: block;
   flex-grow: 0;
    flex-shrink: 0;
}

.fenye-prev span a,.fenye-next span a {
    color: #b6b6b6;
    font-size: 14px;
    line-height: 24px;
}
.fenye-prev h3,.fenye-next h3{
    margin-left: 40px;
}
.fenye-prev h3 a,.fenye-next h3 a {
    font-size: 17px;
    color: #202020;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.fenye-prev h3 a:hover,.fenye-next h3 a:hover {
    text-decoration: underline;
    color: #033282
}
.hot-newlist h2{
	padding-bottom: 18px;
	border-bottom: 2px solid #8e8d8d;
	font-size: 24px;
}
.hot-newlist h2 i::before{
	content: '\e6a0';
	display: inline-block;
	margin-top: -3px;
	margin-right: 8px;
	font-size: 38px;
	color: #c73c31;
	vertical-align: top;
}
.hot-newlistcon div{
	padding: 38px 0;
	border-bottom: 2px dashed #c6c6c6;
}
.hot-newlistcon span{
	font-size: 14px;
	color: #929191;
}
.hot-newlistcon h3 a{
	margin-top: 16px;
	font-size: 18px;
}
.hot-newlistcon h3,.hot-newlistcon h3 a{
	line-height: 30px;
}
.hot-newlistcon h3 a:hover{
	text-decoration: underline;
}
.study-pic{
	position: relative;
	width: 400px;
	flex-grow: 0;
    flex-shrink: 0;
    margin-right: 50px;
	overflow: hidden;
}
.study-pic img{
	width: 100%;
}
.study-pic::before{
	font-family: "iconfont";
	content: '\e617';
    font-size: 22px;
    color: #033282;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 70px;
    height: 70px;
    margin-left: -35px;
    margin-top: -35px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 70px;
    z-index: 1;
    cursor: pointer;
}
.study-pic:hover img{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.study-txt{
	width: 66%;
}
.study-txt p{
	margin-top: 15px;
}
.study-num{
	margin-top: 50px;
}
.study-num .home-aboutnum{
	width: 100%;
}
.study-num .home-aboutnum h3{
	margin-top: 20px;
}
.study-list{
	background: #f8f8f8;
}
.study-listcon{
	width: 32%;
	margin-left: 2%;
	margin-top: 50px;
}
.study-listcon:nth-child(1),.study-listcon:nth-child(2),.study-listcon:nth-child(3){
	margin-top: 0;
}
.study-listcon:nth-child(3n+1){
	margin-left: 0;
}
.study-listcon div{
	overflow: hidden;
}
.study-listcon div img{
	width: 100%;
}
.study-listcon h3{
	margin-top: 30px;
	font-size: 18px;
	text-align: center;
}
.team-txt .respon-p{
	width: 62.2%;
}
.team{
	margin-top: 60px;
}
.team img{
	width: 100%;
}
.cooperate-logo{
	margin-top: 10px;
}
.cooperate-logo div{
	width: 48%;
	height: 150px;
	margin-top: 30px;
	margin-left: 4%;
	line-height: 150px;
	text-align: center;
	overflow: hidden;
	box-shadow: 10px 10px 18px 0px rgba(0,0,0,0.1);
}
.cooperate-logo div:nth-child(2n+1){
	margin-left: 0;
}
.cooperate-logo img{
	max-width: 100%;
}
.achievement{
	position: relative;
}
.achievement::after{
	content: '';
	position: absolute;
	left: 0;
	top: -60px;
	width: 100%;
	height: calc(100% + 60px);
	background: url(https://hhanvocn.meeallcdn.com/imglibs/files/98572.jpg) no-repeat;
	background-size: 100% 100%;
	z-index: -1;
}
.achievement .swiper-container {
	padding: 25px 0;
}

.achievement .swiper-slide img {
    width: 100%
}

.achievement .swiper-slide {
	position: relative;
    width: 60%;
    box-sizing: border-box;
    z-index: 1;
    -webkit-transition: transform 1s;
    -moz-transition: transform 1s;
    -ms-transition: transform 1s;
    -o-transition: transform 1s;
    -webkit-transform: scale(.8);
    transform: scale(.75);
    box-shadow: 9px 9px 14px 2px rgba(0,0,0,0.1);
}
.achievement .swiper-slide .s-mb{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
}
.achievement .swiper-slide-active .s-mb{
	display: none;
}
.achievement .swiper-slide-active {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    z-index: 10
}

.achievement .swiper-slide-prev,.achievement .swiper-slide-next {
    -webkit-transform: scale(.85);
    -moz-transform: scale(.85);
    -ms-transform: scale(.85);
    transform: scale(.85);
    z-index: 5
}
.achievement .swiper-slide img:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.achievement .home-position{
	width: 39.2%;
	margin-top: -10px;
}
.achievement .swiper-btn div.swiper-button-prev{
	left: 25px;
}
.achievement .swiper-btn div.swiper-button-next{
	right: 25px;
}
.achievement-txt{
	width: 52%;
}
.achievement-txt .title{
	padding-bottom: 35px;
	border-bottom: 1px solid #c2c2c3;
}
.achievement-name div{
	width: 43%;
}
.achievement-name div h3{
	margin-top: 20px;
	font-size: 16px;
}
.achievement-name h3::before{
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-right: 15px;
	margin-top: 8px;
	background: #929191;
	border-radius: 50%;
	vertical-align: top;
}
.recruit-tit{
	width: 74%;
	margin: -10px auto 0 auto;
	text-align: center;
}
.recruit-tit h3{
	font-size: 48px;
}
.recruit-tit p{
	line-height: 24px;
}
.recruit-table{
	margin-top: 50px;
}
.table-tit{
	width: 100%;
	padding: 17px 10px;
	margin-top: 12px;
	background: #f8f8f8;
}
.table-list .table-tit {
	background: #033282;
}
.table-list .table-tit div{
	color: #fff;
}
.table-tit div{
	font-size: 16px;
	color: #202020;
	text-align: center;
}
.table-tit div:first-child{
	width: 8%;
}
.table-tit div:nth-child(2){
	width: 36%;
}
.table-tit div:nth-child(3){
	width: 14%;
}
.table-tit div:nth-child(4){
	width: 24%;
}
.table-tit div:nth-child(5){
	width: 13%;
}
.table-tit div a{
	color: #033282;
}
.table-tit div a:hover{
	text-decoration: underline;
}
.table-hidden{
	width: 100%;
	padding: 30px 49px 55px 49px;
	border-top: 1px solid #c0bfbf;
	background: #f8f8f8;
}
.table-hidden h3{
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: bold;
	color: #033282;
}
.table-hidden p{
	margin-top: 0;
}
.table-hidden div{
	margin-top: 30px;
}
.table-hidden .table-href{
	margin-top: 45px;
}
.table-href a{
	display: inline-block;
	width: 150px;
	height: 45px;
	line-height: 45px;
	background: #033282;
	text-align: center;
	color: #fff;
	font-size: 16px;
}
.table-href a:hover{
	background: #2c5396;
}
.table-hidden{
	display: none;
}
.table-con .current div a{
	display: none;
}
.apply h2{
	width: 100%;
	padding: 18px 0;
	font-size: 18px;
	color: #fff;
	background: #033282;
	text-align: center;
}
.table{
	margin-top: 20px;
}
.table tr th{
	height: 54px;
	font-size: 16px;
	line-height: 54px;
	color: #202020;
	font-weight: normal;
	text-align: left;
	border:1px solid #929191;
}
.table tr th:nth-child(2n+1){
	text-align: center;
	background: #f8f8f8;
}
.table tr th input{
	width: 100%;
	height: 54px;
	padding-left: 15px;
	outline: none;
	border:none;
	font-size: 16px;
}
.table tr:nth-child(7) th ,.table tr:nth-child(8) th{
	height: 100%;
}
.table tr:nth-child(2) th:nth-child(2){
	min-width: 306px;
}
.table tr th textarea{
	width: 100%;
	height: 130px;
	padding: 16px 15px;
	vertical-align: top;
	font-size: 18px;
	border:none;	
	outline: none;
}
.table tr th input.error,.table tr th textarea.error{
	background: #f6f9ff;
}
.table-btn{
	margin-top: 66px;
	text-align: center;
}
.table-btn a{
	display: inline-block;
	width: 180px;
	height: 55px;
	line-height: 55px;
	background: #033282;
	border-radius: 30px;
	font-size: 16px;
	color: #fff;
}
.table-btn a:hover{
	background: #2c5396;
}
.idea-fl{
	width:46.5%;
}
.idea-fr{
	width: 45%;
}
.idea-div{
	width: 236px;
	height: 272px;
	padding-top: 68px;
	background: url(https://hhanvocn.meeallcdn.com/imglibs/files/98667.png);
	text-align: center;
	-webkit-transition: .3s all; 
	-moz-transition: .3s all; 
	-ms-transition: .3s all; 
	transition: .3s all;
}
.idea-fr div i::before{
	content: '\e65d';
	font-size: 60px;
	color: #fff;
}
.idea-div:first-child{
	margin-right: 28px;
}
.idea-div h3{
	margin-top: 30px;
	color: #fff;
}
.idea-divconone{
	justify-content: flex-end;
}
.idea-divcontwo{
	margin-top: -40px;
}
.idea-div:hover{
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);	
}
.idea{
	position: relative;
}
.idea::after{
	content: '';
	position: absolute;
	top: -60px;
	left: 0;
	width: 100%;
	height: calc(100% + 60px);
	background: url(https://hhanvocn.meeallcdn.com/imglibs/files/98666.jpg) no-repeat;
	background-size: 100% 100%;
	z-index: -1;
}
.contact-fl{
	width: 53.6%;
}
.div_info input, .div_info textarea {
    display: block;
    width: 100%;
    height: 55px;
    margin: 0 auto;
    margin-top: 24px;
    padding: 17px 8px;
    font-size: 16px;
    border:none;
    border-bottom: 2px solid #555;
    outline: none;
}
.div_info input.error, .div_info textarea.error{
	border-color: #de0505;
}
.info_input div{
	width: 48%;
	margin-left: 4%;
}
.info_input div:nth-child(2n+1){
	margin-left: 0;
}
.div_info textarea{
	width: 100%;
	height: 78px;
}
.div_info button{
	width: 172px;
	height: 55px;
	margin-top: 74px;
	color: #fff;
	background: #033282;
	font-size: 18px;
	-webkit-transition: .3s all; 
	-moz-transition: .3s all; 
	-ms-transition: .3s all; 
	transition: .3s all;
}
.div_info button:hover{
	background: #2c5396;
}
.contact-fr{
	width: 39%;
	padding: 30px 4% 0 7%;
	margin-top: 95px;
	border-left: 1px solid #ddd;
}
.contact-fr h2{
	font-size: 30px;
}
.contact-p{
	margin-top: 50px;
}
.contact-p:first-child{
	margin-top: 40px;
}
.contact-p i,.lieb-listcon i{
	display: block;
	width: 45px;
	height: 45px;
	line-height: 45px;
	font-size: 0;
	background: #033282;
	border-radius: 50%;
	text-align: center;
}
.contact-p i::before{
	content: '\e603';
	font-size: 22px;
	color: #fff;
}
.contact-p:nth-child(2) i::before{
	content: '\e969';
	font-size: 20px;
}
.contact-p:nth-child(3) i::before{
	content: '\e62e';
	font-size: 21px;
}
.contact-p p,.lieb-listcon p{
	margin-top: 7px;
	margin-left: 16px;
}
.map{
	margin-top: 60px;
}
.map .container{
	border:2px solid #979797;
}
.map img,.map iframe{
	width: 100%;
}
.lieb-listcon i{
	font-size: 22px;
	color: #fff;
}
.lieb-listcon{
	margin-top: 30px;
}
.lieb-list{
	width: 30%;
}
.lieb-list h3{
	font-size: 24px;
}
.lieb-list{
	padding: 25px 20px 110px 0;
	border-right: 1px solid #ddd;
}
.lieb-list:nth-child(2){
	width: 38.33%;
	padding: 25px 5.7% 110px 5.7%;
}
.lieb-list:last-child{
	width: 31.6%;
	padding: 25px 0 110px 5.7%;
	border-right: none;
}
.invite-fl{
	width: 46.4%;
}
.invite-fr{
	width: 47%;
}
.invite-fr .info_input div{
	width: 100%;
	margin-left: 0;
}
.invite-fr .div_info button{
	margin-top: 40px;
	margin-left: 20px;
}
.invite-fr .div_info{
	padding: 18px 40px 40px 40px;
	border-radius: 10px;
	box-shadow: 2px 2px 18px 2px rgba(0,0,0,0.1);
}
.invite-fl h2{
	margin-bottom: 45px;
}
.pdf{
	margin-top: 50px;
}
.pdf i::before{
	display: inline-block;
	content: '\e86e';
	margin-right: 20px;
	font-size: 42px;
	vertical-align: top;
	color: #de0505;
}
.pdf a{
	font-size: 18px;
	color: #de0505;
	line-height: 42px;
}
.pdf a:hover{
	text-decoration: underline;
}
.touzi{
	padding-bottom: 40px;
	background: #f4f4f4;
}
#test {
    width: 100%;
    height: calc(100vh - 100px);
    border: 0;
}

.table{
	margin-block-start: 15px;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
}
@media screen and (min-width: 1921px){
	.banner{
		height: auto;
		min-height: auto;
	}
}
@media screen and (max-width: 1700px){	
	.head-nav>ul>li>a>span{
		padding: 0 8px;
	}	
	.head-nav>ul>li{
		padding: 0 8px;
	}
}
@media screen and (max-width: 1580px){
	.container{
		width: 82%;
	}
	.header,.header-height{
		height: 76px;
	}
	.head-nav>ul>li{
	    padding: 0 3px;
	}
	.head-nav>ul>li>ul{
		top: 76px;
	}
	.head-nav>ul>li>a>span{
		line-height: 76px;
	}	
	.banner{
		height: auto;
		min-height: auto;
	}
	.head-logo{
		width: 21%;
		line-height: 76px;
	}
	.show-current{
		height: 76px;
	}
	.lang-show .lang-hide{
		top: 76px;
	}
	.banner-pic img{
		width: 100%;
		min-height: auto;
	}
	.banner-text{
		width: 86%;
	}
	.banner-text h1, .banner-text h2{
		font-size: 48px;
	}
	.banner-text p{
		font-size: 18px;
	}
	.main-href a{
		padding: 8px 24px;
	}
	h2, h2 a{
		font-size: 40px;
	}
	.title h2 i::after{
		font-size: 42px;
	}
	.title h2, .home-about .title h2 a{
		letter-spacing: 4px;
	}
	div p{
		margin-top: 16px;
	}
	.home-abouttxt p:first-child{
		margin-top: 0;
	}
	.main-href{
		margin-top: 40px;
	}
	.home-zzhutact{
		margin-top: 0;
	}
	.title p{
		margin-top: 15px;
	}
	.home-goodlist,.home-newscon{
		margin-top: 40px;
	}
	.home-zzhutxt{
		width: 72%;
	}
	.home-zzhutact{
		width: 28%;
	}
	.foot-logo img{
		width: 86%;
	}
	.home-newlk i{
		font-size: 24px;
	}
	.home-newtxt h3, .home-newtxt h3 a{
		font-size: 22px;
	}
	.newsletter input,.newsletter button{
		height: 54px;
	}
	.achievement .home-position{
		width: 50%;
	}
	.achievement-txt{
		width: 44%;
	}
	.achievement-name div{
		width: 46%;
	}
	.table tr th{
		padding: 0 16px;
	}
	.contact-p{
		margin-top: 50px;
	}
	.contact-fl{
		width: 54%;
	}
	.contact-fr{
		padding: 16px 0% 0 6%;
	}
	.lieb-listcon{
		margin-top: 36px;
	}
	.lieb-list:last-child{
		padding: 25px 0 80px 4%;
	}
	.lieb-list:nth-child(2){
		padding: 25px 4% 80px 4%;
	}
	.lieb-list{
		padding: 25px 20px 80px 0;
	}
	.culture-list p{
		font-size: 32px;
	}
	.goods-txt{
		padding-right: 9%;
	}
	.goods-list:nth-child(2n) .goods-txt{
		padding-left: 9%;
	}
	.honor .swiper-slide{
		width: 26.8%;
	}
	.honor .home-position{
		margin-top: 25px;
	}
	.idea-div{
		width: 200px;
		height: 231px;
		background-size: 100% 100%;
	}
	.idea-div:first-child {
	    margin-right: 16px;
	}
	.idea-divcontwo{
		justify-content: flex-end;
		margin-right: 108px;
	}
	.idea-div h3{
		margin-top: 20px;
	}
	.idea-div{
		padding-top: 58px;
	}	
	.new-p p{
		font-size: 32px;
		line-height: 50px;
	}
	.new-tit h2::after{
		font-size: 128px;
	}
	.news-list li{
		margin-top: 40px;
	}
	.hot-new{
		padding-bottom: 60px;
	}
	.news-con{
		margin-top: 0;
	}
	.overview-txt .title{
		width: 44%;
	}
	.about-xuqiu{
		margin-top: 40px;
	}
	.about-brandtxt{
		margin: 25px auto 0 auto;
	}
	.about-zz{
		padding: 50px 30px 75px 30px;
	}
	.about-zz div img{
		-webkit-transform: scale(0.91);
		-moz-transform: scale(0.91);
		-ms-transform: scale(0.91);
		transform: scale(0.91);
	}
	.about-zz p{
		overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 3;
	}
	.about-zz h3{
		margin-top: 35px;
	}
	.recruit-tit{
		width: 88%;
	}
	.study-listcon{
		margin-top: 40px;
	}
	.study-fenye{
		padding-bottom: 80px;
	}
	.respon-list{
		margin-top: 70px;
	}
	.home-about::after {
	    font-size: 228px;
	    line-height: 186px;
	}
	#test {
	    width: 100%;
	    height: calc(100vh - 76px);
	}
	.history::after{
		left: -16px;
		font-size: 7em;
	}
	.develop-rel{
		margin-top: 0;
	}
}
@media screen and (max-width: 1420px){		
	.head-nav{
		margin-right: 10px;
	}
	.lang-show span.show-current a{
		font-size: 16px;
	}	
	.head-nav>ul>li>a>span{
		font-size: 14px;
	}
	.head-nav>ul>li{
	    padding: 0 6px;
	}
	.head-nav>ul>li#li15358>a>span::after, .head-nav>ul>li#li15359>a>span::after, .head-nav>ul>li#li15359>a>span::after, .head-nav>ul>li#li10321>a>span::after{
		margin-left: 6px;
		font-size: 12px;
	}
	.head-nav>ul>li>a>span{
		padding: 0 5px;
		font-size: 14px;
	}
	.banner-text h1, .banner-text h2{
		font-size: 45px;
	}
	.lang-show span.show-current a{
		font-size: 14px;
	}
	.lang-show span.show-current a img{
		margin-right: 8px;
	}
	h2, h2 a{
		font-size: 38px;
	}
	.title h2 i::after {
		margin-left: 10px;
	    font-size: 46px;
	}
	.title p {
	     margin-top: 12px; 
	}
	.main-href a{
		font-size: 14px;
	}
	.home-abouttxt{
		width: 42%;
	}
	.href a::before{
		width: 46px;
		height: 46px;
		font-size: 14px;
		line-height: 46px;
	}
	.home-newtime{
		width: 24%;
	}
	.home-newconlist {
	    padding: 32px 30px;
	}
	.home-newlk i{
		font-size: 22px;
	}
	.home-newtxt h3, .home-newtxt h3 a{
		font-size: 20px;
	}
	.table colgroup col:first-child{
		width: 12% !important;
	}
	.table colgroup col:nth-child(2){
		width: 20% !important;
	}
	.contact-fr {
		width: 41%;
	    padding: 16px 0% 0 5%;
	}
	.div_info button{
		margin-top: 50px;
		font-size: 17px;
	}
	.lieb-listcon{
		margin-top: 30px;
	}
	.lieb-list {
	    padding: 25px 20px 60px 0;
	}
	.lieb-list:nth-child(2) {
	    padding: 25px 4% 60px 4%;
	}
	.lieb-list:last-child {
	    padding: 25px 0 60px 4%;
	}
	.culture-list p {
	    font-size: 28px;
	}
	h3, h3 a{
		font-size: 28px;
	}
	.idea-fr{
		width: 50%;
	}
	.idea-fl{
		width: 45%;
	}
	.new-p p {
	    font-size: 30px;
	    line-height: 48px;
	}
	.new-tit h2::after {
		top: -50px;
	    font-size: 110px;
	}
	.table-hidden{
		padding: 10px 40px 45px 40px;
	}
	.respon-list{
		margin-top: 60px;
	}
	.repon-txt p{
		margin-top: 20px;
	}
	.repon-txt .main-href{
		margin-top: 40px;
	}
	.table tr th{
		line-height: 24px;
	}
	.culture-list h3{
		font-size: 16px;
	}
	.history::after{
		font-size: 6em;
	}
}
@media screen and (max-width: 1280px){
	.lang-show span.show-current a{
		padding: 0 8px;
		font-size: 12px;
	}
	.lang-show span.show-current a img{
		margin-right: 6px;
	}
	.banner-text{
		width: 100%;
	}	
	.banner-text p{
		font-size: 18px;
	}	
	.banner-text h1, .banner-text h2 {
	    font-size: 36px;
	}
	.banner-text p{
		margin-top: 15px;
	}
	.banner .main-href{
		margin-top: 50px;
	}
	h2, h2 a{
		font-size: 34px;
	}
	.title h2, .home-about .title h2 a,.title p{
	    letter-spacing: 3px;
	}
	.title h2 i::after{
		font-size: 38px;
	}
	.home-aboutcon{
		margin-top: 45px;
	}
	.href{
		margin-top: 30px;
	}
	.home-goodny {
	    width: 33.23%;
	}
	.home-about::after{
		font-size: 180px;
		line-height: 142px;
	}	
	.home-about::after {
	    font-size: 200px;
	    line-height: 160px;
	}
	.home-newconlist h3, .home-newconlist h3 a{
		line-height: 24px;
		font-size: 14px;
	}
	.home-newlk i {
	    font-size: 18px;
	}
	.foot-logo img{
		max-width: 250px;
	}
	.foot-contact h3{
		font-size: 16px;
	}
	.achievement-name div h3 {
	    margin-top: 15px;
	}
	.table-btn{
		margin-top: 50px;
	}
	.table-btn a{
		height: 52px;
		line-height: 52px;
	}
	.small-banner .ban-txt h1{
		font-size: 32px;
	}
	.contact-fr h2 {
	    font-size: 24px;
	}
	.contact-p{
		margin-top: 30px;
	}
	.div_info input, .div_info textarea{
		margin-top: 28px;
	}
	.cooperate-logo img {
	    max-width: 90%;
	}
	.cooperate-logo div{
		height: 130px;
		line-height: 130px;
	}
	.culture-list p {
	    font-size: 26px;
	}
	.culture-list div.culture-pic {
	    width: 16%;
	}
	.culture-list div {
	    width: 42%;
	}
	.culture-pic::after{
		height: 100px;
	}
	.culture-pic i::before{
		font-size: 40px;
	}
	.culture-pic i{
		width: 82px;
		height: 82px;
		line-height: 82px;
	}
	.txt-right h3 {
	    margin-top: 28px;
	}
	.txt-right p{
		margin-top: 15px;
	}
	.develop .respon-p {
	    width: 56%;
	}
	h3, h3 a {
	    font-size: 22px;
	}
	.develop-list h3 {
	    margin-top: 25px;
	}
	.goods-txt{
		margin-bottom: 10px;
	}
	.honor-pic{
		margin-top: 60px;
	}
	.honor-pic .container{
		padding-top: 20px;
	}
	.idea-div{
		width: 140px;
		height: 161px;    
		padding-top: 36px
	}
	.idea-div h3 {
	    margin-top: 15px;
	}
	.idea-divcontwo {
	    margin-right: 78px;
	}
	.idea-divcontwo {
	    margin-top: -28px;
	}
	.idea-fr div i::before{
		font-size: 50px;
	}
	.idea-fl {
	    width: 48%;
	}
	.new-top h1{
		font-size: 20px;
	}
	.hot-newlist h2{
		font-size: 20px;
	}
	.new-top{
		padding-bottom: 30px;
	}
	.hot-newlistcon h3, .hot-newlistcon h3 a{
		font-size: 16px;
		line-height: 22px;
	}
	.fenye-prev h3, .fenye-next h3{
		margin-left: 10px;
	}
	.study-fenye{
		margin-top: 50px;
		padding-bottom: 60px;
	}
	.hot-newlistcon div{
		padding: 20px 0;
	}
	.footer{
		padding-top: 70px;
	}
	.foot-txt{
		margin-top: 40px;
	}
	.foot-link a{
		width: 48px;
		height: 48px;
		line-height: 48px;
		margin-right: 12px;
		font-size: 26px;
	}
	.foot-link a:last-child{
		margin-right: 0;
	}
	.new-p p {
	    font-size: 26px;
	    line-height: 36px;
	}
	.new-tit h2::after {
	    top: -30px;
	    font-size: 81px;
	}
	.overview-txt .title {
	    width: 47%;
	}
	.overview-video{
		margin-top: 38px;
	}
	.recruit-tit{
		width: 100%;
	}
	.repon-txt h3{
		padding-top: 20px;
	}
	.home-aboutnum>div{
		width: 25%;
	}
	.team{
		margin-top: 40px;
	}
	.hot-newlistcon h3,.hot-newlistcon h3 a{
		margin-top: 10px;
		line-height: 26px;
	}	
	.home-aboutnum .home-num strong, .home-num,.home-newtime strong{
		font-size: 30px;
	}	
	div p,.achievement-name div h3,.home-newtxt div, .main-href a,.news-con .newtxt span, .div_info input, .div_info textarea, .pdf a, .table-tit div, .table-href a, .home-aboutnum h3, .table tr th, .table tr th input, .table tr th textarea, .home-newtime span, .table-btn a, .fenye-prev h3 a, .fenye-next h3 a, .news-link a, .news-link i{
		font-size: 14px;
		line-height: 24px;
	}	
	.head-nav>ul>li#li15358>a>span, .head-nav>ul>li#li10356>a>span, .head-nav>ul>li#li10361>a>span, .head-nav>ul>li#li10371>a>span{
		padding: 0;
		font-size: 14px;
	}
	.lieb-list h3{
		font-size: 19px;
	}
	.head-nav>ul>li>ul>li>a>span{
		font-size: 14px;
	}
	.foot-wx h3{
		font-size: 16px;
	}
	.home-newpic img{
		max-height: 390px;
	}
	.home-aboutnum h3{
		margin-top: 0;
	}
	.head-nav>ul>li#li15358>a>span, .head-nav>ul>li#li10356>a>span, .head-nav>ul>li#li10361>a>span, .head-nav>ul>li#li10371>a>span{
		padding: 0 10px;
	}
	.history::after{
		font-size: 5em;
	}
	.href a::before{
		width: 44px;
		height: 44px;
		line-height: 44px;
	}
	.main-href a{
		line-height: 34px;
	}
	.repon-txt h3{
		line-height: 30px;
	}
	.repon-txt h3 i{
		font-size: 120px;
    	line-height: 86px;
	}
	.news-con .newtxt span{
		margin-top: 15px;
    	margin-bottom: 10px;
	}
	.nav li a, .nav li span{
		font-size: 14px;
	}
	.study-listcon h3 {
	    margin-top: 20px;
	    font-size: 16px;
	}
	.table-href a{
		line-height: 45px;
	}
	.table-btn a{
		line-height: 52px;
	}
	.div_info button{
		font-size: 14px;
		height: 52px;
	}	
	.lieb-listcon{
		margin-top: 20px;
	}
	.history .swiper-slide h3{
		margin-top: 30px;
	}
}
@media screen and (max-width: 1250px){
	.head-nav>ul>li#li15358>a>span, .head-nav>ul>li#li10356>a>span, .head-nav>ul>li#li10361>a>span, .head-nav>ul>li#li10371>a>span{
		padding: 0 5px;
		font-size: 14px;
	}
	.head-nav>ul>li#li15358>a>span::after, .head-nav>ul>li#li10356>a>span::after, .head-nav>ul>li#li10361>a>span::after, .head-nav>ul>li#li10371>a>span::after, .head-nav>ul>li#li10374>a>span::after{
		margin-left: 8px;
		font-size: 12px;
	}
	.head-nav>ul>li>a>span{
		font-size: 14px;
	}
	.head-nav>ul>li {
	    padding: 0 2px;
	}
}
@media screen and (max-width: 1150px){
	.about-zz p{
		-webkit-line-clamp: 2;
	}
}
@media screen and (max-width: 1100px){
	.header,.header-top,.header-height{
		display: none;
	}
	.mobile-nav,.mobile-height{
		display: block;
	}
	.mobile-logo img{
		max-width: 260px;
		max-height: 39px;
	}
	.home-about::after {
	    font-size: 176px;
	    line-height: 141px;
	}
	.about-xqlist{
		width: 100%;
		margin-bottom: 10px;
	}
	.about-zz h3 {
	    margin-top: 40px;
	    -webkit-line-clamp: 5;
	}
	.about-zz p {
	    -webkit-line-clamp: 10;
	}
	.home-goodtxt h3, .home-goodtxt h3 a{
		font-size: 20px;
	}
	#test {
	    width: 100%;
	    height: calc(100vh - 60px);
	}
}

@media screen and (max-width: 960px){
	.container{
		width: 88%;
	}
	.mobile-logo img{
		max-width: 270px;
	}
	.mobile-footer{
		display: block;
	}
	.banner-text h1,.banner-text h2{
		font-size: 26px;
		line-height: 36px;
		overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
	}
	.mobile-height{
		position: relative;
		z-index: 9;
	}
	h2, h2 a{
		font-size: 24px;
		letter-spacing: 1px;
	}
	.home-about .title p{
		font-size: 13px;
	}
	.small-banner .ban-txt p{
		margin-top: 12px;
	}
	.banner-text h1, .banner-text h2{
		letter-spacing: 3px;
	}
	.banner .main-href{
		display: none;
	}
	.home-about{
		background: none;
	}
	.home-about .title,.home-about .home-aboutnum,.home-aboutnum>div,.home-aboutpic,.home-abouttxt,.home-goodny,.home-zzhutxt,.home-zzhutact,
	.home-newsconl,.home-newconr,.home-newpic img,.home-group .home-aboutnum,.foot-logo,.foot-contact,.foot-wx,.achievement .home-position,.contact-fl,
	.achievement-txt,.contact-fr,.info_input div,.lieb-list,.lieb-list:nth-child(2),.lieb-list:last-child,.respon .title,.respon .respon-p,.cooperate-logo div,
	.develop-list,.goods-pic,.goods-txt,.idea-fl,.idea-fr,.invite-fl,.invite-fr,.new-detailfl,.hot-newlist,.news-list li,.overview-txt .title,.overview-p,
	.about-brandtxt,.respon-pic,.repon-txt,.study-pic,.study-txt,.study-listcon,.table-tit div:first-child,.table-tit div:nth-child(2),.table-tit div:nth-child(3),
	.table-tit div:nth-child(4),.table-tit div:nth-child(5),.hot-new ul li:first-child,.develop-rel,.develop-rer{
		width: 100%;
	}
	.develop-rer{
		padding-right: 0;
		margin-top: 30px;
	}
	.develop-rer img{
		width: 100%;
	}
	.home-newpic img{
		max-height: 100%;
	}
	.home-about .title-center{
		text-align: center;
	}
	.home-about .title p{
		color: #555;
	}
	.home-about .title h2, .home-about .title h2 a{
		color: #202020;
	}
	.home-about .title h2 i::after{
		color: #033282;
		opacity: 1;
	}
	.home-about .title-center i:first-child::after{
		display: inline-block;
	}
	.title h2 i::after{
		font-size: 26px;		
	}
	.home-about .home-aboutnum{
		-webkit-flex-wrap: wrap;
  		flex-wrap: wrap;
  		margin-top: 0;
  		text-align: center;
	}
	.home-aboutnum .home-num strong, .home-num {
	    font-size: 22px;
	}
	.home-goodtxt h3, .home-goodtxt h3 a {
	    font-size: 18px;
	}
	.home-aboutnum h3{
		margin-top: 0;
	}
	.home-aboutnum>div{
		margin-top: 10px;
	}
	.home-goodtxt p{
		margin-top: 12px;
		line-height: 22px;
	}
	.home-aboutcon{
		margin-top: 25px;
	}
	.home-abouttxt{
		margin-top: 20px;
	}
	.home-newconlist h3, .home-newconlist h3 a {
	    line-height: 22px;
	    font-size: 14px;
	}
	.href{
		margin-top: 25px;
	}
	.title{
		margin-top: 0;
	}
	.title p{
		margin-top: 4px;
	}
	.home-goodlist, .home-newscon{
		margin-top: 10px;
	}
	.home-goodny{
		margin-top: 15px;
	}
	.home-goodtxt p{
		-webkit-line-clamp: 4;
	}
	.home-about::after {
	    font-size: 100px;
	    line-height: 74px;
	}
	.main-href a{
		line-height: 34px;
	}
	.home-zzhutxt h2{
		font-size: 18px;
	}
	.home-zzhutact{
		margin-top: 25px;
		justify-content: flex-start;
	}
	.home-goodlist, .home-newscon{
		margin-top: 10px;
	}
	.home-newtime strong {
	    font-size: 24px;
	}
	.home-group .home-aboutnum{
		-webkit-flex-wrap: wrap;
    	flex-wrap: wrap;
    	margin-top: 0;
    	text-align: center;
	}
	.foot-logo img{
		width: 224px;
	}
	.newsletter{
		margin-top: 25px;
	}
	.foot-input{
		margin-top: 20px;
	}
	.newsletter input{
		height: 52px;
		font-size: 14px;
	}
	.newsletter input, .newsletter button{
		height: 48px;
	}
	.footer {
	    padding-top: 60px;
	}
	.foot-txt {
	    margin-top: 30px;
	}
	.foot-contact div p, .foot-contact div p a{
		margin-top: 12px;
	}
	.foot-contact div {
	    padding: 25px 6px 21px 6px;
	}
	.foot-link,.foot-wx{
		margin-top: 20px;
	}
	.foot-contact h3{
		font-size: 16px;
	}
	.foot-contact div i::before{
		display: inline-block;
		margin-top: 1px;
		vertical-align: top;
	}
	.foot-contact{
		margin-top: 15px;
	}
	.footer{
		padding-bottom: 60px;
	}
	.foot-txt p{
		font-size: 14px;
	}
	.achievement-txt{
		margin-top: 30px;
	}
	.ban-pic img{
		width: auto;
		max-height: 190px;
	}
	.apply h2{
		padding: 16px 0;
		font-size: 15px;
	}
	.table colgroup col,.table colgroup col:first-child{
		display: block;
		width: 100% !important;
	}
	.table tr th{
		display: block;
	}
	.table tr th:nth-child(2n+1){
		padding: 12px 10px;		
	}
	.table tr th input{
		height: 52px;
		text-align: center;
	}
	.table tr th textarea{
		text-align: center;
	}
	.table-btn a{
		line-height: 52px;
	}
	.info_input div{
		margin-left: 0;
	}
	.div_info input, .div_info textarea{
		margin-top: 20px;
	}
	.div_info button{
		height: 52px;
	}
	.contact-fr{
		padding: 0;
		margin-top: 50px;
		border-left: none;
	}
	.contact-fr h2{
		font-size: 24px;
	}
	.contact-p{
		margin-top: 20px;
	}
	.map{
		margin-top: 40px;
	}
	.lieb-list,.lieb-list:nth-child(2),.lieb-list:last-child{
		padding: 0;
		margin-bottom: 50px;
		border:none;
	}
	.lieb-listcon{
		margin-top: 20px;
	}
	.lieb-list h3{
		margin-bottom: 30px;
	}
	.respon .container{
		-webkit-flex-wrap: wrap;
    	flex-wrap: wrap;
	}
	.respon .respon-p{
		margin-top: 20px;
	}
	.cooperate-logo div{
		margin-left: 0;
		margin-top: 25px;
	}
	.culture-list div{
		width: 32%;
	}
	.culture-list div.culture-pic{
		width: 36%;
	}
	.culture-list p{
		font-size: 16px;
		line-height: 26px;
	}
	.txt-right p{
		margin-top: 10px;		
	}
	.culture-list h3 {
		margin-top: 28px;
	    font-size: 14px;
	}
	.culture-pic i{
		width: 70px;
		height: 70px;
	}
	.culture-pic i::before{
		font-size: 32px;
		line-height: 70px;		
	}
	.culture-pic::after{
		height: 90px;
	}
	.honor-pic .swiper-slide h3{
		font-size: 16px;
	}
	.develop-list,.develop-list:nth-child(2){
		margin-left: 0;
		margin-top: 25px;
	}
	.goods-txt{
		margin-top: 25px;
		padding: 0;
	}
	.goods{
		padding: 0 6%;
	}
	.goods-list:nth-child(2n) .goods-txt{
		padding: 0;
	}
	.goods-list:nth-child(2n) .goods-pic{
		margin: 25px 0;
	}
	.history .swiper-slide{
		padding: 0 20px;
		border:none;
	}
	.swiper-btn div.swiper-button-prev{
		left: -10px;
	}
	.swiper-btn div.swiper-button-next{
		right: -10px;
	}
	.history::after {
		left: -15px;
	    font-size: 4em;
	    letter-spacing: 0px;
    	line-height: 130px;
	}
	.history .swiper-slide p{
		margin-top: 12px;
	}
	.history .swiper-slide h3{
		margin-top: 25px;
	}
	.history{
		padding-bottom: 50px;
	}
	.foot-link, .foot-wx{
		display: none;
	}
	.honor-pic{
		margin-top: 50px;
	}
	.honor-pic .container{
		padding-top: 10px;		
	}
	.fs_gallery_close{
		right: 15px;
	}
	.honor-pic .swiper-slide:nth-child(2n){
		margin-top: 30px !important;
	}
	.idea::after{
		background-size: auto 100%;
	}
	.idea-div{
		width: 98px;
		height: 112px;
		padding-top: 20px;
	}
	.idea-divcontwo {
	    margin-right: 57px;
	    margin-top: -16px;
	}
	.idea-fr div i::before {
	    font-size: 40px;
	}
	.idea-div h3{
		margin-top: 8px;
		font-size: 16px;
	}
	.idea-fr{
		display: inline-block;
		width: auto;
		margin: 30px auto 0 auto;
	}
	.new-detailfl{
		padding-right: 0;
		border-right: none;
	}
	.invite-fl h2{
		margin-bottom: 20px;
	}
	.invite-fr,.pdf{
		margin-top: 40px;
	}
	.invite-fr .div_info {
	    padding: 15px 35px 40px 35px;
	}
	.new-top h1 {
		margin-top: 15px;
	    font-size: 18px;
	}
	.new-top span{
		font-size: 14px;
	}
	.hot-newlist h2 {
	    font-size: 18px;
	}
	.hot-newlist h2 i::before{
		margin-right: 4px;
    	font-size: 32px;
	}
	.new-top{
		padding-bottom: 30px;
	}
	.new-con p,.new-con img{
		margin-top: 30px;
	}
	.table-hidden h3{
		font-size: 16px;
	}
	.hot-newlist{
		padding-top: 0;
		margin-bottom: 20px;
	}
	.new-tit h2::after {
	    top: -22px;
	    font-size: 62px;
	}
	.new-p p {
	    font-size: 20px;
	    line-height: 30px;
	}
	.new-p {
	    margin-top: 20px;
	}
	.news-list li{
		margin-left: 0;
		margin-top: 30px;
	}
	.news-con .newtxt span{
		margin-bottom: 15px;
	}
	.overview-p{
		margin-top: 20px;
	}
	.overview-video{
		margin-top: 30px;
	}
	.bofang i::before{
		font-size: 18px;
	}
	.bofang{
		width: 62px;
		height: 62px;
		line-height: 62px;
	}
	.about-zz div img{
		max-width: 100%;
		max-height: 52px;
		-webkit-transform: scale(1);
	    -moz-transform: scale(1);
	    -ms-transform: scale(1);
	    transform: scale(1);
	}
	.about-zz {
	    padding: 30px 25px 10px 25px;
	}
	.about-zz h3{
		margin-top: 10px;
		font-size: 18px;
	}
	.about-zz p {
		margin-top: 10px;
	    -webkit-line-clamp: 2;
	}
	.table-hidden .table-href a{
		line-height: 45px;
	}
	.recruit-table{
		margin-top: 30px;
	}
	.table-hidden {
	    padding: 10px 30px 45px 30px;
	}
	.repon-txt h3 i{
		top: 0;
		bottom: auto;
		font-size: 110px;
		line-height: 86px;
	}
	.repon-txt h3{
		line-height: 32px;
	}
	.respon-list{
		margin-top: 40px;
	}
	.respon-list:nth-child(2) .respon-pic,.respon-list:nth-child(4) .respon-pic{
		margin-top: 30px;
	}
	.study-pic img{
		width: 100%;
	}
	.study-txt{
		margin-top: 25px;
	}
	.study-num .home-aboutnum{
		text-align: center;
	}
	.study-num .home-aboutnum h3{
		margin-top: 15px;
	}
	.study-num{
		margin-top: 20px;		
	}
	.study-listcon{
		margin-left: 0;
	}
	.study-listcon, .study-listcon:nth-child(2), .study-listcon:nth-child(3){
		margin-top: 25px;
	}
	.team{    
		margin-top: 30px;
	}
	.home-newconlist {
	    padding: 32px 25px;
	}
	.home-newtxt h3, .home-newtxt h3 a{
		font-size: 15px;
	}
	.home-newtxt div{
		margin-top: 5px;
	}
	.table-tit{
		padding: 14px 10px;
	}
	.table-list .table-tit div:last-child{
		display: none;
	}
	.recruit-tit{
		margin: 0 auto;
	}
	.title h2, .home-about .title h2 a, .title p {
	    letter-spacing: 2px;
	}
	.main-href a {
		font-size: 14px;
	    padding: 6px 24px;
	}
	.home-group .home-aboutnum strong {
	    line-height: 46px;
	}
	.news-link{
		margin-top: 30px;
	}	
	.news-con .hot-new li:first-child .newtxt h3 a, .news-con .hot-new li:first-child .newtxt h3, .news-con .hot-new li:first-child .newtxt p{
		-webkit-line-clamp: 1;
	}
	 .news-con .hot-new li:first-child .newtxt p{
		margin-top: 7px;
	}
	.news-con .hot-new li:first-child .newtxt span{
		margin-bottom: 4px;
	}
	.hot-new{
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.news-list li:last-child{
		padding-bottom: 0;
		border: none;
	}
	.news-list li,.hot-new li:last-child{
		padding-bottom: 28px;
		border-bottom:1px solid #c3c2c2;
	}
	.table tr th input{
		padding-left: 0;
	}
	.href a::before{
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.small-banner .ban-txt h1{
		font-size: 28px;
	}
	.repon-txt h3{
		font-size: 20px;
	}
	h3, h3 a {
	    font-size: 20px;
	}
	.home-zzhu{
		background-size: auto 100%; 
	}
	.history .swiper-slide h3{
		font-size: 26px;
	}
	.study-listcon h3 {
	    font-size: 14px;
	}
	.history .swiper-btn div{
		top: 20%;
	}
	.study .container{
		flex-wrap: wrap;
	}
}
@media screen and (max-width: 600px){
	.banner-text p{
		display: none;
	}
}
@media screen and (max-width: 340px){
	.m-navlist .m-listtop img{
		width: 170px;
	}
}