/* 自定义样式 */

/*.flr-trg{
	position:fixed;
	width:.12rem;
	top:50%;
	margin-top:-.4rem;
	right:.3rem;
}
.flr-trg a{
	display:block;
	background:#666;
	width:.12rem;
	height:.12rem;
	margin-top:.15rem;
	-moz-border-radius:.06rem;
	-webkit-border-radius:.06rem;
	border-radius:.06rem;
	overflow:hidden;
}
.flr-trg .cur{
	background: #043e8e;
}*/

/* 顶部导航 */
.g-wrap {
	position: relative;
	margin: 0 auto;
	width: 11.7rem;
	height: 100%;
	overflow: hidden;
}

#header {
	position: relative;
	z-index: 5;
	height: 0.79rem;
	/* height: 70px; */
	background-color: #fff;
}

.hlx-logo {
	display: block;
	/* width: 3rem; */
	/* width: 4.7rem; */
	width: 4.86rem;
	height: 0.7rem;
	/* height: .6rem; */
	/* background: url(../img/hlx-logo-2.png) no-repeat center center;
	background-size: 100% 150%; */
	background: url(../img/hlx-logo.png) no-repeat center center;
	background-size: cover;
	background-repeat: no-repeat;
	text-decoration: none;
	margin-top: -3px;
}

.hlx-line {
	height: .4rem;
	border-right: 2px solid #818181;
	margin: .1rem;
}

.hlx-bbc8 {
	border-bottom: 1px solid #c8c8c8;
}

#nav {
	width: 100%;
	height: .79rem;
	background-color: #fff;
	overflow: hidden;
	/* 新增margin-left */
	/* margin-left: 3rem; */
	margin-left: 2.2rem;
}

#nav li {
	float: left;
	width: 16.6666%;
	height: 100%;
	-webkit-transition: background-color 700ms;
	-moz-transition: background-color 700ms;
	-ms-transition: background-color 700ms;
	-o-transition: background-color 700ms;
	transition: background-color 700ms;
}

#nav li a {
	position: relative;
	z-index: 2;
	display: block;
	width: 100%;
	height: 100%;
	font-size: .18rem;
	line-height: .79rem;
	text-align: center;
	color: #878787;
	-webkit-transition: color 300ms;
	-moz-transition: color 300ms;
	-ms-transition: color 300ms;
	-o-transition: color 300ms;
	transition: color 300ms;
}

#nav li a.on {
	color: #fff
}

#nav li a span {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
}

#nav li a .bkg {
	top: 100%;
	z-index: 1;
	background-color: #a0a0a0;
	-webkit-transition: top 200ms;
	-moz-transition: top 200ms;
	-ms-transition: top 200ms;
	-o-transition: top 200ms;
	transition: top 200ms;
}

#nav li a.on .bkg,
#nav li a:hover .bkg {
	top: 0;
}

#nav li a:hover {
	color: #fff
}

#mobNav {
	display: none;
}

/* 轮播图 */
.swiper-container {
	width: 100%;
	/* height: calc(100% - 70px); */
	height: calc(100% - 0.79rem);
	/* height: 100%; */
}

.swiper-slide {
	background-position: center;
	background-size: 100% 100%;
	/* background-size: cover; */
	/* background-clip: content-box; */
	background-repeat: no-repeat;
}
.slide-b1{
	background-size: 100% 100%;
}	
.boss-img{
	background-size: 100% 100%;
}
.swiper-fullpage {
	position: fixed;
	right: .2rem;
	top: 50%;
	z-index: 99;
	display: block;
}

.swiper-fullpage .swiper-pagination-bullet {
	width: .16rem;
	height: .16rem;
	display: block;
	background-color: #204bce;
	margin-bottom: .1rem;
	border: 2px solid #f0f0f0
}

.banner-container .swiper-img {
	position: relative;
	max-width: 11.7rem;
	margin: 0 auto;
	height: 100%;
	overflow: hidden;
}

.banner-container .swiper-img .ydyl,
.swiper-img .ydyl {
	width: 4.05rem;
	height: 2.73rem;
	position: absolute;
	right: 0.35rem;
	bottom: 1.35rem;
}

.banner-container .swiper-button-next,
.banner-container .swiper-button-prev {
	width: .64rem;
	height: .64rem;
	background-size: 100% 100%;
	margin-top: -0.7rem;
	transition: all linear 300ms
}

.banner-container .swiper-button-prev {
	left: -1.28rem;
	/* background-image: url('../img/prevBtn2.png') !important; */
}

.banner-container .swiper-button-next {
	right: -1.28rem;
	/* background-image: url('../img/nextBtn2.png') !important; */
}

.flexslider .slide-btn {
	display: block;
	width: .5rem;
	height: .5rem;
	border-radius: 50%;
	color: #a0a0a0;
	font-size: .16rem;
	position: absolute;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 0;
	cursor: pointer;
	top: 50%;
	z-index: 10;
	-webkit-transition-property: left, right;
	-moz-transition-property: left, right;
	-ms-transition-property: left, right;
	-o-transition-property: left, right;
	transition-property: left, right;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-ms-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
}

.flexslider .prev-btn {
	background-image: url('../img/lefticon.png');
	left: -5%;
}

.flexslider .next-btn {
	background-image: url('../img/righticon.png');
	right: -5%;
}

#content {
	position: relative;
}

#subNav {
	position: absolute;
	top: 0;
	left: 0px;
	z-index: 4;
	width: 100%;
	height: .6rem;
}

#mobNav {
	position: absolute;
	width: 100%;
	background-color: #f0f0f0 !important;
	left: 0;
	z-index: 5;
}

#mobNav ul {
	padding-left: .4rem;
}

#mobNav ul li {
	height: .6rem;
	line-height: .6rem;
}

#mobNav ul li a {
	text-decoration: none;
	color: #878787;
	font-size: .18rem;
	transition: all linear 300ms
}

#mobNav ul li a:hover {
	color: #043d8d
}

#subNav .item {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #043d8d;
	overflow: hidden;
	-webkit-transition: top 300ms;
	-moz-transition: top 300ms;
	-ms-transition: top 300ms;
	-o-transition: top 300ms;
	transition: top 300ms;
	/*left: 53.6666666666666%*/
}

#subNav .on {
	top: 0;
	z-index: 2;
}

#subNav .item a {
	float: left;
	padding: 0 .15rem;
	margin: 0 .15rem;
	font-size: .16rem;
	line-height: .6rem;
	color: #fff;
	-webkit-transition: color 300ms;
	-moz-transition: color 300ms;
	-ms-transition: color 300ms;
	-o-transition: color 300ms;
	transition: color 300ms;
}

#subNav .item a:hover {
	color: #f63b2e;
}

#subNav .item #on {
	color: #f63b2e
}

.aboutUs {
	height: 100%;
	background: url('../img/hlxhome_20.png') no-repeat center bottom;
}

.index-intro {
	display: block;
	position: relative;
	margin-bottom: .10rem
}

.media-intro a {
	text-decoration: none;
	-webkit-transition: color 0.3s linear;
	-moz-transition: color 0.3s linear;
	-ms-transition: color 0.3s linear;
	-o-transition: color 0.3s linear;
	transition: color 0.3s linear;
}

.media-intro h4 {
	cursor: pointer;
	-webkit-transition: color 0.3s linear;
	-moz-transition: color 0.3s linear;
	-ms-transition: color 0.3s linear;
	-o-transition: color 0.3s linear;
	transition: color 0.3s linear;
}

.media-intro h4:hover,
.media-intro a:hover {
	color: #043d8d
}
.media-intro .aboutUs-a:hover {
	color: #a0a0a0;
	cursor: default;
}

.media-intro .img-mark {
	position: relative;
}

.cEventsHover img {
	cursor: pointer;
	transition: all linear .3s;
	/* border: 1px solid transparent */
}

.cEventsHover img:hover {
	/* border: 1px solid #043d8d */
	transform: scale(1.02);
}

.media-intro .img-mark .hover-mark {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	cursor: pointer;
	background: url('../img/mark.png');
	display: none;
}

.index-intro .media-object {
	margin: 0 auto;
	padding-top: .20rem;
}

.index-intro span {
	display: block;
	padding: .20rem .20rem .10rem;
	line-height: 1.8;
	color: #4b4b4b;
	text-align: justify;
	font-size: .12rem;
}

.vedioflv {
	width: 100%;
	padding-top: .10rem;
	cursor: pointer;
}

/*.afterIcon::after{
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: -0.40rem;
	background: url('../img/ykshome_05.jpg') no-repeat;
	width: .88rem;
	height: .64rem;
}*/
/*.beforeIcon::before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: -.65rem;
	background: url('../img/ykshome_05.jpg') no-repeat;
	width: .88rem;
	height: .64rem;
}*/
.media-intro .more-news {
	text-align: right;
	font-size: .2rem;
	margin-top: .2rem
}
.hlx-contact{
	cursor: pointer;
	margin-left: 0.5rem;
}
.rencai-left{
	margin-left: 0.5rem;
}
.inverstor-relations {
	height: 100%;
	background: url('../img/global.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.inverstor-relations .com-title {
	padding: .73rem 0 .8rem 0
}

.inverstor-relations .manager-msg {
	width: 100%;
}

.inverstor-relations .manager-msg li {
	width: 2.05rem;
	height: 2.37rem;
	padding-top: .9rem;
	position: absolute;
	background-image: url('../img/hexagon1.png');
	background-repeat: no-repeat;
	background-size: cover;
	color: #646464;
	font-size: .24rem;
	text-align: center;
	transition-property: background-image, color;
	transition-duration: 0.3s;
	transition-timing-function: linear;
	cursor: pointer;
}

.inverstor-relations .manager-msg li:hover {
	background-image: url('../img/hexagon2.png');
	color: #fff;
	z-index: 2;
}

.inverstor-relations .manager-msg li:hover a {
	color: #fff;
	text-decoration: none;
}

.inverstor-relations .manager-msg li em {
	font-size: .16rem;
	display: block;
}

.inverstor-relations .manager-msg .notice {
	top: -.66rem;
	right: 1.08rem
}

.inverstor-relations .manager-msg .report {
	top: 1.2rem;
	right: 2.15rem
}

.inverstor-relations .manager-msg .info {
	top: 1.2rem;
	right: 0
}

.contact-us-bg {
	height: 100%;
	background: url('../img/contact-us-bg.jpg') no-repeat center bottom;
}

.contact-us {
	position: relative;
	height: 5rem
}

.contact-us .media-position {
	position: absolute;
}

.con-top3 {
	top: .3rem
}

.con-top12 {
	top: 2.2rem
}
a:focus, a:hover{
	color: #204bce;
}

a:focus{
	outline: none !important;
}
.con-top26 {
	top: 2.3rem
}

.con-pdt4 {
	padding-top: .4rem
}

.con-pdt6 {
	padding-top: 1.05rem
}

.con-pdl20 {
	padding-left: 2rem
}

.con-pdl23 {
	padding-left: 2.31rem
}

.contact-us h5 em {
	font-style: normal;
	font-size: .16rem;
}

.contact-us .contactUs {
	width: 5.10rem;
	height: 2.16rem;
	background-image: url('../img/contactUs.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.contact-us .contactUs p {
	line-height: 2.5rem;
}

.contact-us .socialRec {
	width: 5.15rem;
	height: 1.96rem;
	background-image: url('../img/socialRec.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.contact-us .campusRec {
	width: 5.08rem;
	height: 2.43rem;
	background-image: url('../img/new-supplier.png');
	background-repeat: no-repeat;
	background-size: cover;
}

.footerbg {
	background-color: #282828;
	position: absolute;
	width: 100%;
	bottom: 0;
	z-index: 2;
	/* 添加底部高度 */
	height: 200px;
}

.hlx-foot-font{
	margin: 30px 0;
}

.footerbg p a {
	color: #fff;
	font-size: .14rem
}

.footer-w16 {
	/* width: 16.666666% */
	width: 33.3%;
	text-align: center;
}

.footer-w33 {
	width: 33.33%;
}

.footer-w36,
.event-w36 {
	width: 36%;
}

.footer-w36 a {
	height: .4rem;
	display: block;
	overflow: hidden;
}

.footer-w49,
.event-w49 {
	width: 49%;
}
.banquan-footer{
	width: 100%;
	text-align: center;
	position: relative;
	bottom: 0;
}
.banquan-footer	.copyright-con{
	font-size: 0.12rem;
}
.footer-w60 {
	width: 100%;
	margin: 0 auto;
	position: relative;
    bottom: 0;
}

.copyright .hlx-line {
	margin: 0;
	height: .35rem;
	vertical-align: middle;
	border-right: 1px solid #a0a0a0;
}

.checkbox-inline:first-child {
	padding-left: 30px !important;
}
.rencai{
	line-height: 1.5rem;
}
/* 公司概况 弹窗 */
.competitivePower {
	padding-top: .3rem;
	padding-bottom: .3rem
}

.competitivePower ul {
	width: 100%;
	position: relative;
}

.competitivePower ul li {
	width: 2.2rem;
	position: absolute;
}

.competitivePower li .qipao {
	width: 2.66rem;
	height: 1.79rem;
	background-image: url('../img/qipao.png');
	background-repeat: no-repeat;
	background-size: cover;
	font-size: .14rem;
	color: #fff;
	padding: .1rem;
	display: none;
	line-height: 1.4;
	margin-left: -.2rem
}

.competitivePower li .option {
	width: 50%;
	height: .35rem;
	line-height: 1.5;
	border-radius: .08rem;
	text-align: center;
	padding: .05rem .1rem;
	background-color: #555;
	margin: auto;
	font-size: .16rem;
	color: #fff;
}

.competitivePower li.opt0 {
	bottom: .35rem;
}

.competitivePower li.opt1 {
	left: 18%;
	bottom: .05rem;
}

.competitivePower li.opt2 {
	left: 36%;
	bottom: -.15rem
}

.competitivePower li.opt3 {
	left: 54%;
	bottom: .05rem;
}

.competitivePower li.opt4 {
	right: 0;
	bottom: .35rem;
}

/* 模态框默认样式修改 */
.modal-header {
	overflow: hidden;
	padding: 0;
	/*min-height: .51rem;*/
	border-bottom: none;
	padding-bottom: .2rem
}

.modal-body table tr .detail {
	width: 100%;
	text-indent: 2em;
	margin-bottom: .1rem
}

.modal-header .close {
	width: .37rem;
	height: .37rem;
	overflow: hidden;
	border-radius: 50%;
	opacity: 1;
	position: relative;
	right: .15rem;
	top: .15rem
}

/* 大事件 */
.revenue {
	padding-left: .5rem;
}

#corporateEvents .modal-header h2 {
	float: right;
	font-size: .3rem;
	text-align: right;
	padding-top: .5rem;
	padding-right: .7rem;
}

.eventsList .w80 {
	width: 80%;
	margin: 0 auto;
}

.eventsList ul li {
	width: 100%;
	overflow: hidden;
	padding: .15rem .1rem 0;
}

.eventsList li .w20 {
	width: 10%
}

.eventsList li .w44 {
	width: 44%;
	margin: 3%;
}

.eventsList li .w76 {
	width: 85%;
}

.eventsList li .w80 {
	width: 84%;
	margin: 6% 7%;
}

.eventsList li .event-opt {
	position: relative;
	padding: .1rem 0 .4rem 0
}

.eventsList li .event-opt:before {
	content: '';
	width: .16rem;
	height: .16rem;
	border-radius: .8rem;
	border: 2px solid #646464;
	position: absolute;
	left: -.25rem;
	background-color: #fff
}

.eventsList li .year {
	position: relative;
	padding: 0 .15rem;
	border-left: .04rem solid #646464;
}

.eventsList li .y-pb13 {
	margin-bottom: .13rem
}

.eventsList li .y2012 {
	margin-top: .9rem
}

.eventsList li .y2015 {
	margin-top: .6rem
}

.eventsList li .year:before {
	content: ' ';
	display: block;
	position: absolute;
	width: .22rem;
	height: .22rem;
	border: .04rem solid #646464;
	border-radius: 50%;
	top: -.18rem;
	left: -.12rem;
	background-color: #fff
}

/*.eventsList li .year p{
	font-size: .12rem;
	color: #646464;
	padding-top: .15rem
}*/

.eventsList li .year .time {
	padding: .6rem 0 .6rem .7rem;
	font-size: .46rem;
	color: #646464;
	font-weight: 400
}

.eventsList .arrow {
	width: .64rem;
	height: .64rem;
	cursor: pointer;
	border-radius: 50%;
	overflow: hidden;
	display: block;
	position: absolute;
	z-index: 2;
	top: 3rem;
}

.eventsList .prevArr {
	left: .1rem
}

.eventsList .nextArr {
	right: .1rem
}

/* 管理者信息 */
.max-img200 {
	max-width: 2rem;
	max-height: 2rem;
	margin: auto;
	display: block;
	border-radius: .1rem;
	/*box-shadow: 0 0 .1rem #838383;*/
}

#inverstorRelations .manager li {
	width: 100%;
	padding: .15rem 0;
}

#inverstorRelations .manager li .photo {
	width: 25%;
}

#inverstorRelations .manager li .msg {
	width: 71%;
	padding-left: 2%
}

/* 联系我们 */
#contactUs .w88,
#inverstorRelations .w88 {
	width: 88%;
	margin: auto;
}

#contactUs .breadNav {
	padding-top: .5rem
}

#contactUs .breadNav .breadcrumb li {
	color: #c8c8c8;
	font-size: .2rem;
	cursor: pointer;
}

#contactUs .breadNav .breadcrumb .on {
	color: #838383;
	font-size: .24rem
}

.contactWay .department .s1 {
	width: 100%;
}

.contactWay .department .s1 h5 {
	font-size: .18rem;
	color: #838383;
	margin-top: .3rem;
	margin-bottom: .1rem;
	font-weight: 400
}

.contactWay .department .s1 p {
	font-size: .16rem;
	color: #838383;
	line-height: 1.8
}

.contactWay .department .s1 p.tips {
	font-size: .12rem;
	color: #c8c8c8;
	line-height: 1.5
}

.contactWay .department .s1 em {
	color: #c8c8c8;
	display: block;
	text-indent: 2em
}

.contactWay .department .s2 {
	width: 44%;
}
.third-us{
	padding-top: 0.4rem;
}
.beianhao{
	color: #a0a0a0;
}
.beianhao:hover{
	color: #a0a0a0;
	text-decoration: none;
}
.db-title{
	margin-top: 0.1rem;
}
@media (min-width: 320px) and (max-width: 414px) {
	.inverstor-relations .manager-msg li {
		padding-top: .9rem;
		line-height: 1.2;
	}

	.contact-us .media-position h5 {
		padding-bottom: 0
	}

	/* .contact-us .contactUs p,
	.contact-us .supplier p {
		line-height: 1.3
	} */
	.news-det {
		width: 100%;
		line-height: 1.2;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.news-time {
		display: none;
	}

}

@media (min-width: 320px) and (max-width: 1024px) {
	.swiper-slide{
		background-size: cover;
	}
	.contact-us .media-position {
		position: static;
		margin-bottom: .35rem;
		margin-top: 1.3rem;
	}
	.contact-us .social-rec-marginTop{
		margin-top: 2rem;
	}
	.aboutus-font{
		width: 100%;
		height: 2rem;
		min-height: 105px;
		line-height: 14px;
		margin-top: 6px;
	}
	/*  移动端导航按钮 */
	.nav-mobile-button {
        position: relative;
        float: right;
        margin-top: -1px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }
    .nav-mobile-button .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0; 
    }
    .nav-mobile-button .icon-bar {
        display: block;
        margin-top: 4px;
        width: 22px;
        height: 2px;
        background: #204bce;
        border-radius: 1px; 
    }
	.nav-mobile-button:focus{
		outline: none;
	}
	/* foot */
	.footer-phone{
		display: none;
	}
	.footer-pc{
		display: block;
		width: 50%;
	}
}	
@media (min-width: 320px) and (max-width: 750px) {
	
	body {
		max-width: 750px !important;
		margin: 0 auto;
	}

	/* 导航 */
	.hlx-line,
	.hlx-code {
		display: none !important;
	}

	.moblie-nav {
		font-size: .2rem;
		color: #878787;
		position: absolute;
		left: 56%;
		line-height: 1;
		top: .2rem;
		cursor: pointer;
	}
	.banner-container .swiper-img .ydyl,
	.swiper-img .ydyl {
		right: 1.75rem;
	}

	.banner-container .swiper-button-prev {
		left: .5rem;
		top: 86%;
	}

	.banner-container .swiper-button-next {
		right: .5rem;
		top: 86%;
	}

	.swiper-fullpage .swiper-pagination-bullet {
		width: .24rem;
		height: .24rem;
	}

	/* .banner-container .swiper-wrapper .slide-b1 {
		background-image: url('../img/homeBanner.jpg')!important;
		background-position-y: -0.7rem;
	}

	.banner-container .swiper-wrapper .slide-b2 {
		background-image: url('../img/ykshome_02.jpg')!important;
		background-position-y: -0.7rem;
	} */

	/* header */
	.media-header {
		float: none !important;
		width: 100%;
		padding-bottom: .1rem;
	}

	.main-logo {
		padding-left: .4rem;
	}

	.media-header .hlx-code p {
		line-height: 1.2
	}

	#subNav .item {
		left: 0
	}

	.media-height {
		height: 40px !important;
	}
	.swiper-container{
		height: 100% !important;
	}
	#nav {
		display: none !important;
	}

	#nav li {
		width: 20%
	}

	/* .footer-pc,
	.copyright {
		display: none
	} */

	/* about us */
	.media-about .w90 {
		width: 70%;
		margin: auto;
	}

	.media-intro h4 {
		margin-top: .1rem;
		padding-bottom: .1rem;
	}

	.media-about .media-pd {
		padding-top: .1rem !important;
		margin-bottom: .1rem !important;
	}

	.media-pd .afterIcon {
		margin-bottom: .1rem;
	}

	.media-pd .beforeIcon {
		padding-top: 0
	}

	.media-intro {
		width: 100%;
		float: none;
		margin-top: .2rem;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 11;
		-webkit-box-orient: vertical;
	}

	.media-intro .index-intro {
		margin-bottom: 0
	}

	.media-intro .more-news {
		font-size: .2rem;
		margin-top: .1rem
	}

	.competitivePower,
	.afterIcon:after,
	.beforeIcon:before {
		display: none;
	}

	.m-competitive-power {
		display: block;
	}

	.m-competitive-power li {
		overflow: hidden;
		margin-top: .2rem;
	}

	.m-competitive-power li span {
		display: block;
	}

	.m-competitive-power li .m-title {
		width: 22%;
		height: .5rem;
		background-color: #3b59a7;
		border-radius: .1rem;
		text-align: center;
		line-height: .5rem;
		float: left;
		font-size: .2rem;
	}

	.m-competitive-power li .m-det {
		width: 74%;
		float: right;
	}

	.inverstor-relations {
		background-image: url('../img/global_mobile.jpg');
	}

	.inverstor-relations .wraper {
		width: 80%;
		margin: auto;
	}

	.inverstor-relations .com-title {
		padding-bottom: 4.25rem;
	}

	.inverstor-relations .manager-msg .notice {
		/*right: 31%*/
		right: 1.88rem;
	}

	.inverstor-relations .manager-msg .report {
		/*right: 48.7%*/
		right: 2.95rem
	}

	.inverstor-relations .manager-msg .info {
		/*right: 13.2%*/
		right: .8rem;
	}

	/* footer */
	.contact-us {
		position: static;
		height: auto;
		padding-top: .9rem;
	}

	.contact-us-bg {
		background-image: none;
	}

	.contact-us .media-ma {
		margin: auto;
	}

	.media-footer .footer-w33 {
		width: 100%;
		float: none;
		margin: auto;
	}

	.footerbg .wraper {
		width: 88%;
		margin: auto;
		padding-bottom: .1rem;
	}

	.footerbg .wraper .footer-phone {
		width: 50%;
	}

	.footerbg .wraper .footer-phone p {
		/*padding: .03rem 0;*/
	}

	/* 大事件模态框 */
	.eventsList li .w20 {
		width: 20%
	}

	.eventsList li .w76 {
		width: 76%;
	}

}

@media (min-width: 320px) and (max-width: 414px) {
	.aboutUs{
		background-image: none;
	}
}	
@media (min-width: 751px) and (max-width: 768px) {
	.main-logo {
		padding-left: .5rem;
	}

	.hlx-line,
	.hlx-code {
		display: none !important;
	}

	.moblie-nav {
		font-size: .2rem;
		color: #878787;
		position: absolute;
		left: 50%;
		line-height: 1;
		top: .2rem;
		cursor: pointer;
	}

	.banner-container .swiper-img .ydyl,
	.swiper-img .ydyl {
		right: 1.75rem;
	}

	.banner-container .swiper-button-prev {
		left: .5rem;
		top: 86%;
	}

	.banner-container .swiper-button-next {
		right: .5rem;
		top: 86%;
	}

	.index-intro .vedioflv {
		padding-top: 0;
	}

	.aboutUs .hlx-fs30 {
		font-size: .26rem;
	}

	.aboutUs .hlx-fs26 {
		font-size: .22rem;
	}

	.aboutUs .hlx-fs24 {
		font-size: .2rem
	}

	.aboutUs .hlx-fs20 {
		font-size: .16rem
	}

	/* about us */
	.media-about .w90 {
		width: 70%;
		margin: auto;
		display: block;
	}
	.aboutUs{
		background-image: none;
	}
	.media-intro h4 {
		padding-bottom: .1rem;
	}

	.media-intro .hlx-lh18 {
		line-height: 1.5
	}

	.media-about .media-pd {
		padding-top: 0 !important;
		margin-bottom: .1rem !important;
	}

	.media-pd .afterIcon {
		margin-bottom: .1rem;
	}

	.media-pd .beforeIcon {
		padding-top: 0
	}

	.media-intro {
		width: 100%;
		float: none;
	}

	.media-intro .more-news {
		text-align: center;
		font-size: .18rem;
		margin-top: .1rem
	}

	.inverstor-relations .wraper {
		width: 80%;
		margin: auto;
	}

	.inverstor-relations .com-title {
		padding-bottom: 2.8rem;
	}

	/* footer */
	.contact-us {
		position: static;
		height: auto;
	}

	.contact-us .media-ma {
		margin: auto;
	}

	.contact-us .media-position {
		position: static;
		margin-bottom: .35rem;
		margin-top: .5rem;
	}

	/* .footer-pc, */
	.copyright {
		display: none;
	}
	.footerbg .wraper {
		width: 68%;
		margin: auto;
		padding-bottom: .2rem;
	}

	.footerbg .wraper .footer-phone {
		width: 50%;
	}

	.footerbg .wraper .footer-phone p {
		padding: .05rem 0;
	}
}

@media (min-width: 769px) {
	.banner-container:hover .swiper-button-prev {
		left: .8rem
	}

	.banner-container:hover .swiper-button-next {
		right: .8rem
	}

	.col-l8 {
		width: 8%;
	}

	.col-l40 {
		width: 40%;
	}

	.col-l45 {
		width: 45%;
		margin-top: -12px;
	}

	.col-l50 {
		width: 50%;
	}
	/* .aboutUs{
		background-image: none;
	} */
}

@media (min-width: 800px) {
	.modal.in .modal-dialog {
		width: 70%;
		min-height: inherit;
		margin: 3% auto
	}
	/* .aboutUs{
		background-image: none;
	} */
}
@media (min-width: 768px) and (max-width: 1024px){
	.nav-mobile-button{
		margin-top: 10px;
	}
}
@media (min-width: 1200px) and (max-width: 1439px) {
	.modal-body table tr .company-intro {
		padding: 0 .6rem;
	}

	.modal-body table tr .detail {
		width: 88%;
		line-height: 1.8;
		margin: auto;
		text-indent: 2em;
	}

	.footer-contact-us {
		padding-top: .7rem;
	}

	.inverstor-relations .com-title {
		padding: .2rem 0 0 0
	}

	.inverstor-relations .manager-msg li {
		width: 1.75rem;
		height: 2.10rem;
		padding-top: .7rem;
		background-size: 100%;
	}

	.inverstor-relations .manager-msg .notice {
		top: -.09rem;
		right: 1.08rem;
	}

	.inverstor-relations .manager-msg .info {
		top: 1.5rem;
		right: .15rem
	}

	.inverstor-relations .manager-msg .report {
		top: 1.5rem;
		right: 2rem;
	}
	/* .aboutUs{
		background-image: none;
	} */
}

@media (min-width: 1440px) and (max-width: 1600px) {
	.aboutUs {
		padding: .5rem 0 !important;
	}

	.inverstor-relations .com-title {
		padding: .88rem 0 1.5rem 0
	}

	.contactus-container {
		padding-top: .6rem
	}

	.footer-contact-us {
		padding-top: .9rem;
	}

	.modal.in .modal-dialog {
		width: 55%;
	}
	/* .aboutUs{
		background-image: none;
	} */
}

@media (min-width: 1601px) {
	.aboutUs {
		padding: .8rem 0 !important;
	}

	.contactus-container {
		padding-top: 1rem
	}

	.inverstor-relations .com-title {
		padding: .8rem 0 1rem 0
	}

	.footer-contact-us {
		padding-top: 1.1rem;
	}

	.con-top12 {
		top: 2rem
	}

	.con-top26 {
		top: 3.1rem
	}

	.modal.in .modal-dialog {
		width: 50%;
	}
	.con-btn span:hover{
		color: #337ab7;
		text-decoration: underline;
		cursor: pointer;
	}
	.aboutUs-p .hlx-a0a0a0{
		cursor: pointer;
	}
	/* .aboutUs{
		background-image: none;
	} */
}